Merge pull request #681 from kitsuyui/update-dependencies

Update dependencies
kitsuyui · Dec 9, 2024 · 0c62ac4 · 0c62ac4
2 parents 603e548 + 77d06c2
commit 0c62ac4
Show file tree

Hide file tree

Showing 36 changed files with 412 additions and 349 deletions.
diff --git a/examples/storybook/package.json b/examples/storybook/package.json
@@ -20,24 +20,24 @@
     "@kitsuyui/react-timer": "workspace:^",
     "@kitsuyui/react-treemap": "workspace:^",
     "@kitsuyui/react-wavebox": "workspace:^",
-    "@playwright/test": "^1.48.2",
-    "@storybook/addon-essentials": "^8.4.2",
-    "@storybook/addon-interactions": "^8.4.2",
-    "@storybook/addon-links": "^8.4.2",
+    "@playwright/test": "^1.49.0",
+    "@storybook/addon-essentials": "^8.4.7",
+    "@storybook/addon-interactions": "^8.4.7",
+    "@storybook/addon-links": "^8.4.7",
     "@storybook/addon-webpack5-compiler-swc": "^1.0.5",
-    "@storybook/blocks": "^8.4.2",
-    "@storybook/react": "^8.4.2",
-    "@storybook/react-webpack5": "^8.4.2",
-    "@storybook/test": "^8.4.2",
-    "@storybook/test-runner": "^0.19.1",
-    "@swc/cli": "^0.5.0",
-    "@swc/core": "^1.9.1",
-    "@types/node": "^22.9.0",
-    "@types/react": "^18.3.12",
+    "@storybook/blocks": "^8.4.7",
+    "@storybook/react": "^8.4.7",
+    "@storybook/react-webpack5": "^8.4.7",
+    "@storybook/test": "^8.4.7",
+    "@storybook/test-runner": "^0.20.1",
+    "@swc/cli": "^0.5.2",
+    "@swc/core": "^1.10.0",
+    "@types/node": "^22.10.1",
+    "@types/react": "^19.0.1",
     "prop-types": "^15.8.1",
-    "react": "^18.3.1",
-    "react-dom": "^18.3.1",
-    "storybook": "^8.4.2",
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
+    "storybook": "^8.4.7",
     "storybook-addon-swc": "^1.2.0"
   },
   "scripts": {

diff --git a/package.json b/package.json
@@ -35,8 +35,8 @@
     "@testing-library/user-event": "^14.5.2",
     "@types/jest": "^29.5.14",
     "@types/node": "^22.10.1",
-    "@types/react": "^18.3.14",
-    "@types/react-dom": "^18.3.2",
+    "@types/react": "^19.0.1",
+    "@types/react-dom": "^19.0.1",
     "concurrently": "^9.1.0",
     "identity-obj-proxy": "^3.0.0",
     "jest": "^29.7.0",
@@ -48,7 +48,7 @@
     "ts-node": "^10.9.2",
     "tsup": "^8.3.5",
     "turbo": "^2.3.3",
-    "typedoc": "^0.27.3",
+    "typedoc": "^0.27.4",
     "typescript": "^5.7.2"
   },
   "packageManager": "pnpm@9.15.0"

diff --git a/packages/binary/package.json b/packages/binary/package.json
@@ -23,13 +23,13 @@
     "dev": "tsup --config ../../tsup.config.mjs --watch"
   },
   "devDependencies": {
-    "@types/react": "^18.3.14",
-    "@types/react-dom": "^18.3.2",
-    "react": "^18.3.1",
-    "react-dom": "^18.3.1"
+    "@types/react": "^19.0.1",
+    "@types/react-dom": "^19.0.1",
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0"
   },
   "peerDependencies": {
     "react": "*",
     "react-dom": "*"
   }
-}
+}
diff --git a/packages/binary/src/Binary.tsx b/packages/binary/src/Binary.tsx
@@ -31,7 +31,7 @@ export const Bits = (props: {
   value: number
   bitElement: BitElement
   length?: number | undefined
-}): JSX.Element => {
+}): React.JSX.Element => {
   const { value, bitElement } = props
   const bits = (value | 0).toString(2).split('')
   const bitLength = bits.length

diff --git a/packages/binary/src/Detailed.tsx b/packages/binary/src/Detailed.tsx
@@ -6,7 +6,7 @@ export type DetailedBitProps = EnhancedBitProps & {
   displayBigEndianBitOrder?: boolean | undefined
 }
 
-export const DetailedBit = (props: DetailedBitProps): JSX.Element => {
+export const DetailedBit = (props: DetailedBitProps): React.JSX.Element => {
   const { stand, overflow, zeroPadding } = props
   const displayLittleEndianBitOrder = props.displayLittleEndianBitOrder ?? false
   const displayBigEndianBitOrder = props.displayBigEndianBitOrder ?? false
@@ -41,7 +41,7 @@ export const DetailedBit = (props: DetailedBitProps): JSX.Element => {
   )
 }
 
-const IndexLabel = (props: { index: number }): JSX.Element => {
+const IndexLabel = (props: { index: number }): React.JSX.Element => {
   return (
     <div
       style={{
@@ -61,7 +61,7 @@ export const DetailedBitString = (props: {
   length?: number
   showLittleEndianBitOrder?: boolean | undefined
   showBigEndianBitOrder?: boolean | undefined
-}): JSX.Element => {
+}): React.JSX.Element => {
   const showLittleEndianBitOrder = props.showLittleEndianBitOrder ?? false
   const showBigEndianBitOrder = props.showBigEndianBitOrder ?? false
   return (

diff --git a/packages/binary/src/Simple.tsx b/packages/binary/src/Simple.tsx
@@ -6,12 +6,12 @@ import { Bits, EnhancedBitProps } from './Binary'
  * @param props
  * @returns A component that displays a bit.
  */
-export const SimpleBit = (props: EnhancedBitProps): JSX.Element => {
+export const SimpleBit = (props: EnhancedBitProps): React.JSX.Element => {
   const { stand, overflow } = props
   const text = overflow ?? false ? '' : stand ? '1' : '0'
   return <>{text}</>
 }
 
-export const Simple8BitString = (props: { value: number }): JSX.Element => {
+export const Simple8BitString = (props: { value: number }): React.JSX.Element => {
   return <Bits value={props.value} length={8} bitElement={SimpleBit} />
 }
diff --git a/packages/biticon/package.json b/packages/biticon/package.json
@@ -23,10 +23,10 @@
     "dev": "tsup --config ../../tsup.config.mjs --watch"
   },
   "devDependencies": {
-    "@types/react": "^18.3.14",
-    "@types/react-dom": "^18.3.2",
-    "react": "^18.3.1",
-    "react-dom": "^18.3.1"
+    "@types/react": "^19.0.1",
+    "@types/react-dom": "^19.0.1",
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0"
   },
   "peerDependencies": {
     "react": "*",

diff --git a/packages/biticon/src/base.tsx b/packages/biticon/src/base.tsx
@@ -3,7 +3,7 @@ import { COLORS } from './colors'
 import { applySBox128bitBigintTo128bitBigint } from './bitShuffle'
 
 
-export const UUIDIcon = (props: { uuid: string }): JSX.Element => {
+export const UUIDIcon = (props: { uuid: string }): React.JSX.Element => {
   const uuid = props.uuid
   if (!isValidUUID(uuid)) {
     return <span>Invalid UUID</span>
@@ -24,7 +24,7 @@ const uuidToBigInt = (uuid: string): bigint => {
 }
 
 
-export const BitIcon = (props: { bits: bigint }): JSX.Element => {
+export const BitIcon = (props: { bits: bigint }): React.JSX.Element => {
   const bits = props.bits
   if (!is128Bit(bits)) {
     return (<span>Invalid 128bit value</span>)
@@ -43,7 +43,7 @@ export const BitIcon = (props: { bits: bigint }): JSX.Element => {
     {Array.from(items).map((item: number, index: number) => {
       const indexOfX = index % numOfCols // 0-7
       const indexOfY = Math.floor(index / numOfCols) // 0-7
-      const x = indexOfX * itemWidth 
+      const x = indexOfX * itemWidth
       const y = indexOfY * itemHeight
       const color = valueToColor(item)
       // biome-ignore lint/suspicious/noArrayIndexKey: SVG elements require a unique key

diff --git a/packages/clock/package.json b/packages/clock/package.json
@@ -24,10 +24,10 @@
   },
   "devDependencies": {
     "@types/luxon": "^3.4.2",
-    "@types/react": "^18.3.14",
-    "@types/react-dom": "^18.3.2",
-    "react": "^18.3.1",
-    "react-dom": "^18.3.1",
+    "@types/react": "^19.0.1",
+    "@types/react-dom": "^19.0.1",
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
     "react-use": "^17.5.1"
   },
   "peerDependencies": {

diff --git a/packages/clock/src/analog.tsx b/packages/clock/src/analog.tsx
@@ -100,7 +100,7 @@ interface AnalogClockCustomize {
 
 type AnalogClockProps = ClockProps & AnalogClockCustomize
 
-export const AnalogClock: React.FC<AnalogClockProps> = (props): JSX.Element => {
+export const AnalogClock: React.FC<AnalogClockProps> = (props): React.JSX.Element => {
   const { timezone, date } = props
   const {
     width,

diff --git a/packages/clock/src/container.tsx b/packages/clock/src/container.tsx
@@ -8,7 +8,7 @@ export const DateContext = React.createContext(new Date())
 
 export const ClockContainer: React.FC<ClockContainerProps> = (
   props
-): JSX.Element => {
+): React.JSX.Element => {
   const { children } = props
   const [date, setDate] = useState(new Date())
   const refreshInterval = props.refreshInterval || 1000 // default 1 second

diff --git a/packages/clock/src/digital/digital.tsx b/packages/clock/src/digital/digital.tsx
@@ -4,7 +4,7 @@ import React from 'react'
 import { ClockProps } from '../types'
 import { zeroPad2 } from '../utils'
 
-export const DigitalClock: React.FC<ClockProps> = (props): JSX.Element => {
+export const DigitalClock: React.FC<ClockProps> = (props): React.JSX.Element => {
   const { timezone, date } = props
   const dateStr = dateToDigital(date, timezone)
   return (

diff --git a/packages/components/package.json b/packages/components/package.json
@@ -34,10 +34,10 @@
     "@kitsuyui/react-textfield": "workspace:^",
     "@kitsuyui/react-timer": "workspace:^",
     "@kitsuyui/react-treemap": "workspace:^",
-    "@types/react": "^18.3.14",
-    "@types/react-dom": "^18.3.2",
-    "react": "^18.3.1",
-    "react-dom": "^18.3.1",
+    "@types/react": "^19.0.1",
+    "@types/react-dom": "^19.0.1",
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
     "react-use": "^17.5.1"
   },
   "peerDependencies": {

diff --git a/packages/dekamoji/package.json b/packages/dekamoji/package.json
@@ -24,10 +24,10 @@
   },
   "devDependencies": {
     "@types/node": "^22.10.1",
-    "@types/react": "^18.3.14",
-    "@types/react-dom": "^18.3.2",
-    "react": "^18.3.1",
-    "react-dom": "^18.3.1",
+    "@types/react": "^19.0.1",
+    "@types/react-dom": "^19.0.1",
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
     "react-use": "^17.5.1"
   },
   "peerDependencies": {

diff --git a/packages/dekamoji/src/dekamoji.tsx b/packages/dekamoji/src/dekamoji.tsx
@@ -9,7 +9,7 @@ export const Dekamoji: React.FC<Props> = React.memo(function Dekamoji({
   text,
 }: {
   text: string
-}): JSX.Element {
+}): React.JSX.Element {
   const [ref, { width, height }] = useMeasure<HTMLDivElement>()
   const [fontSize, setFontSize] = React.useState(0)
   const ref2 = useRef<HTMLDivElement>(null)

diff --git a/packages/editablelabel/package.json b/packages/editablelabel/package.json
@@ -24,10 +24,10 @@
   },
   "devDependencies": {
     "@types/node": "^22.10.1",
-    "@types/react": "^18.3.14",
-    "@types/react-dom": "^18.3.2",
-    "react": "^18.3.1",
-    "react-dom": "^18.3.1",
+    "@types/react": "^19.0.1",
+    "@types/react-dom": "^19.0.1",
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
     "react-use": "^17.5.1"
   },
   "peerDependencies": {

diff --git a/packages/editablelabel/src/EditableLabel.tsx b/packages/editablelabel/src/EditableLabel.tsx
@@ -13,7 +13,7 @@ export const EditableLabel = (props: {
   text: string
   onEditComplete?: (text: string) => void
   enterToSubmit?: boolean
-}): JSX.Element => {
+}): React.JSX.Element => {
   const { text, onEditComplete } = props
   const inputRef = useRef<HTMLInputElement>(null)
   const [inputting, setInputting] = useState(false)

diff --git a/packages/measure/package.json b/packages/measure/package.json
@@ -23,10 +23,10 @@
     "dev": "tsup --config ../../tsup.config.mjs --watch"
   },
   "devDependencies": {
-    "@types/react": "^18.3.14",
-    "@types/react-dom": "^18.3.2",
-    "react": "^18.3.1",
-    "react-dom": "^18.3.1",
+    "@types/react": "^19.0.1",
+    "@types/react-dom": "^19.0.1",
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
     "react-use": "^17.5.1"
   },
   "peerDependencies": {

diff --git a/packages/measure/src/__snapshots__/test.tsx.snap b/packages/measure/src/__snapshots__/test.tsx.snap
@@ -1,3 +1,12 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`render Measure 1`] = `<Measure />`;
+exports[`render Measure 1`] = `
+{
+  "$$typeof": Symbol(react.transitional.element),
+  "_owner": null,
+  "_store": {},
+  "key": null,
+  "props": {},
+  "type": [Function],
+}
+`;
diff --git a/packages/measure/src/base.tsx b/packages/measure/src/base.tsx
@@ -34,13 +34,13 @@ export interface MeasureStyle {
  * This component is a base component for Measure component.
  * It draws a rectangle, cross lines, and text.
  * It does not have any state and side effect. Pure.
- * 
+ *
  * @param props.width {number}
  * @param props.height {number}
  * @param props.styles {MeasureStyle}
- * @returns 
+ * @returns
  */
-export const MeasureBase = (props: { width: number, height: number, styles: MeasureStyle }): JSX.Element => {
+export const MeasureBase = (props: { width: number, height: number, styles: MeasureStyle }): React.JSX.Element => {
   const { width, height, styles } = props
   const text = `${width}x${height}`
   const textSize = text.length
@@ -87,4 +87,4 @@ export const MeasureBase = (props: { width: number, height: number, styles: Meas
       </text>
     </svg>
   )
-}
+}
diff --git a/packages/measure/src/measure.tsx b/packages/measure/src/measure.tsx
@@ -7,11 +7,11 @@ export const MeasureStyleContext = createContext<MeasureStyle>(DEFAULT_MEASURE_S
 
 /**
  * Measure component
- * 
+ *
  * This component shows the size of the parent element.
- * @returns {JSX.Element}
+ * @returns {React.JSX.Element}
  */
-export const Measure: React.FC = (): JSX.Element => {
+export const Measure: React.FC = (): React.JSX.Element => {
   const [ref, { width, height }] = useMeasure<HTMLDivElement>()
   const styles = React.useContext(MeasureStyleContext)
   return (

diff --git a/packages/physical-size/package.json b/packages/physical-size/package.json
@@ -23,10 +23,10 @@
     "dev": "tsup --config ../../tsup.config.mjs --watch"
   },
   "devDependencies": {
-    "@types/react": "^18.3.14",
-    "@types/react-dom": "^18.3.2",
-    "react": "^18.3.1",
-    "react-dom": "^18.3.1"
+    "@types/react": "^19.0.1",
+    "@types/react-dom": "^19.0.1",
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0"
   },
   "peerDependencies": {
     "react": "*",

diff --git a/packages/stopwatch/package.json b/packages/stopwatch/package.json
@@ -23,10 +23,10 @@
     "dev": "tsup --config ../../tsup.config.mjs --watch"
   },
   "devDependencies": {
-    "@types/react": "^18.3.14",
-    "@types/react-dom": "^18.3.2",
-    "react": "^18.3.1",
-    "react-dom": "^18.3.1",
+    "@types/react": "^19.0.1",
+    "@types/react-dom": "^19.0.1",
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
     "react-use": "^17.5.1"
   },
   "peerDependencies": {

diff --git a/packages/stopwatch/src/container.tsx b/packages/stopwatch/src/container.tsx
@@ -33,7 +33,7 @@ const calcElapsedTime = (startTime: Date) => {
 
 export const StopwatchContainer: React.FC<StopwatchContainerProps> = (
   props
-): JSX.Element => {
+): React.JSX.Element => {
   const { children } = props
   const emptyFn = (_event: CustomEvent) => {
     /* do nothing */

diff --git a/packages/stopwatch/src/minimal.tsx b/packages/stopwatch/src/minimal.tsx
@@ -15,7 +15,7 @@ export const toLabel = (value: number) => {
 
 export const MinimalStopwatch: React.FC<StopwatchProps> = (
   props
-): JSX.Element => {
+): React.JSX.Element => {
   const { elapsedTime, running, toggle, reset } = props
 
   return (