feat: upgrade storybook and fix key

storybookjs · Sep 14, 2024 · 209d707 · 209d707
1 parent ad4da8d
commit 209d707
Show file tree

Hide file tree

Showing 9 changed files with 508 additions and 1,459 deletions.
diff --git a/examples/expo-example/package.json b/examples/expo-example/package.json
@@ -24,24 +24,24 @@
     "@react-native-async-storage/async-storage": "1.23.1",
     "@react-native-community/datetimepicker": "8.0.1",
     "@react-native-community/slider": "4.5.2",
-    "@storybook/addon-essentials": "^8.2.5",
-    "@storybook/addon-interactions": "^8.2.5",
-    "@storybook/addon-links": "^8.2.5",
+    "@storybook/addon-essentials": "^8.3.0",
+    "@storybook/addon-interactions": "^8.3.0",
+    "@storybook/addon-links": "^8.3.0",
     "@storybook/addon-ondevice-actions": "^8.2.0-alpha.1",
     "@storybook/addon-ondevice-backgrounds": "^8.2.0-alpha.1",
     "@storybook/addon-ondevice-controls": "^8.2.0-alpha.1",
     "@storybook/addon-ondevice-notes": "^8.2.0-alpha.1",
     "@storybook/addon-react-native-server": "0.0.6--canary.6.16aca9d.0",
     "@storybook/addon-react-native-web": "^0.0.22",
     "@storybook/addon-webpack5-compiler-babel": "^3.0.3",
-    "@storybook/blocks": "^8.2.5",
-    "@storybook/builder-webpack5": "^8.2.5",
+    "@storybook/blocks": "^8.3.0",
+    "@storybook/builder-webpack5": "^8.3.0",
     "@storybook/global": "^5.0.0",
-    "@storybook/react": "^8.2.5",
+    "@storybook/react": "^8.3.0",
     "@storybook/react-native": "^8.2.0-alpha.1",
     "@storybook/react-native-theming": "^8.2.0-alpha.1",
-    "@storybook/react-webpack5": "^8.2.5",
-    "@storybook/test": "^8.2.5",
+    "@storybook/react-webpack5": "^8.3.0",
+    "@storybook/test": "^8.3.0",
     "expo": "^51.0.17",
     "querystring": "^0.2.1",
     "react": "18.2.0",
@@ -52,7 +52,7 @@
     "react-native-safe-area-context": "4.10.1",
     "react-native-svg": "15.2.0",
     "react-native-web": "~0.19.10",
-    "storybook": "^8.2.5",
+    "storybook": "^8.3.0",
     "ws": "^8.16.0"
   },
   "devDependencies": {

diff --git a/packages/ondevice-actions/package.json b/packages/ondevice-actions/package.json
@@ -27,8 +27,8 @@
     "prepare": "tsc"
   },
   "dependencies": {
-    "@storybook/addon-actions": "^8.2.5",
-    "@storybook/core": "^8.2.5",
+    "@storybook/addon-actions": "^8.3.0",
+    "@storybook/core": "^8.3.0",
     "@storybook/global": "^5.0.0",
     "fast-deep-equal": "^2.0.1"
   },

diff --git a/packages/ondevice-backgrounds/package.json b/packages/ondevice-backgrounds/package.json
@@ -32,7 +32,7 @@
     "dev": "tsc --watch"
   },
   "dependencies": {
-    "@storybook/core": "^8.2.5",
+    "@storybook/core": "^8.3.0",
     "@storybook/react-native-theming": "^8.2.0-alpha.1"
   },
   "devDependencies": {

diff --git a/packages/ondevice-controls/package.json b/packages/ondevice-controls/package.json
@@ -30,8 +30,8 @@
     "copyimages": "cross-env-shell cp -r src/components/color-picker/resources dist/components/color-picker/resources"
   },
   "dependencies": {
-    "@storybook/addon-controls": "^8.2.5",
-    "@storybook/core": "^8.2.5",
+    "@storybook/addon-controls": "^8.3.0",
+    "@storybook/core": "^8.3.0",
     "@storybook/react-native-theming": "^8.2.0-alpha.1",
     "deep-equal": "^1.0.1",
     "prop-types": "^15.7.2",

diff --git a/packages/ondevice-controls/src/PropForm.tsx b/packages/ondevice-controls/src/PropForm.tsx
@@ -81,16 +81,11 @@ const PropForm = ({ args, isPristine, onFieldChange, onReset }: FormProps) => {
       {Object.values(args).map((arg, i) => {
         const changeHandler = makeChangeHandler(arg.name);
         return (
-          <TableRow hasBottomBorder={i !== Object.values(args).length - 1}>
+          <TableRow key={arg.name} hasBottomBorder={i !== Object.values(args).length - 1}>
             <Label style={{ width: '25%' }}>{arg.name}</Label>
 
             <View style={{ width: '75%' }}>
-              <PropField
-                key={arg.name}
-                arg={arg}
-                isPristine={isPristine}
-                onChange={changeHandler}
-              />
+              <PropField arg={arg} isPristine={isPristine} onChange={changeHandler} />
             </View>
           </TableRow>
         );

diff --git a/packages/ondevice-notes/package.json b/packages/ondevice-notes/package.json
@@ -29,7 +29,7 @@
     "dev": "tsc --watch"
   },
   "dependencies": {
-    "@storybook/core": "^8.2.5",
+    "@storybook/core": "^8.3.0",
     "@storybook/react-native-theming": "^8.2.0-alpha.1",
     "react-native-markdown-display": "^7.0.2"
   },

diff --git a/packages/react-native-ui/package.json b/packages/react-native-ui/package.json
@@ -57,8 +57,8 @@
     "typescript": "~5.3.3"
   },
   "dependencies": {
-    "@storybook/core": "^8.2.5",
-    "@storybook/react": "^8.2.5",
+    "@storybook/core": "^8.3.0",
+    "@storybook/react": "^8.3.0",
     "@storybook/react-native-theming": "^8.2.0-alpha.1",
     "fuse.js": "^7.0.0",
     "memoizerific": "^1.11.3",

diff --git a/packages/react-native/package.json b/packages/react-native/package.json
@@ -39,10 +39,10 @@
     "test:ci": "jest"
   },
   "dependencies": {
-    "@storybook/core": "^8.2.5",
+    "@storybook/core": "^8.3.0",
     "@storybook/csf": "^0.1.1",
     "@storybook/global": "^5.0.0",
-    "@storybook/react": "^8.2.5",
+    "@storybook/react": "^8.3.0",
     "@storybook/react-native-theming": "^8.2.0-alpha.1",
     "@storybook/react-native-ui": "^8.2.0-alpha.1",
     "chokidar": "^3.5.1",