Update Storybook to 7.6.17

template/.storybook/Storybook.tsx

@@ -1,3 +1,21 @@
-import {getStorybookUI} from '@storybook/react-native';
-import './storybook.requires';
-export const StorybookUIRoot = getStorybookUI({});
+import {view} from './storybook.requires';
+import {MMKV} from 'react-native-mmkv';
+
+const storage = new MMKV();
+
+const StorybookUIRoot = view.getStorybookUI({
+    storage: {
+        setItem: (key, value) => {
+            storage.set(key, value);
+
+            return Promise.resolve();
+        },
+        getItem: key => {
+            const value = storage.getString(key) || '';
+
+            return Promise.resolve(value);
+        },
+    },
+});
+
+export default StorybookUIRoot;

template/.storybook/main.ts

@@ -1,9 +1,11 @@
-module.exports = {
-  stories: ['./stories/**/*.stories.?(ts|tsx)'],
+import type {StorybookConfig} from '@storybook/react-native';
+
+const main: StorybookConfig = {
+  stories: ['../components/**/*.stories.?(ts|tsx|js|jsx)'],
   addons: [
-    '@storybook/addon-ondevice-knobs',
-    '@storybook/addon-ondevice-actions',
     '@storybook/addon-ondevice-controls',
-    '@storybook/addon-ondevice-notes',
+    '@storybook/addon-ondevice-actions',
   ],
-};
+}
+
+export default main;

template/.storybook/preview.ts

@@ -1,2 +1,8 @@
-export const decorators = [];
-export const parameters = {};
+import type {Preview} from '@storybook/react';
+
+const preview: Preview = {
+    decorators: [],
+    parameters: {},
+};
+
+export default preview;

template/.storybook/stories/Alerts.stories.tsx

@@ -1,7 +1,9 @@
-import React from 'react';
-import {storiesOf} from '@storybook/react-native';
+import {Meta} from '@storybook/react';
 import {AlertsStories} from './components/Alerts.stories';
 
-const AlertsDialogsStories = storiesOf('Alerts and dialogs', module);
+const meta = {
+    component: AlertsStories,
+    title: 'Alerts and dialogs',
+} satisfies Meta<typeof AlertsStories>;
 
-AlertsDialogsStories.add('Alerts', () => <AlertsStories />);
+export default meta;

template/.storybook/stories/Animations.stories.tsx

@@ -1,7 +1,9 @@
-import React from 'react';
-import {storiesOf} from '@storybook/react-native';
+import {Meta} from '@storybook/react';
 import {AnimationsStories} from './components/Animations.stories';
 
-const AnimationsAndInteractionStories = storiesOf('Animations', module);
+const meta = {
+    component: AnimationsStories,
+    title: 'Animations',
+} satisfies Meta<typeof AnimationsStories>;
 
-AnimationsAndInteractionStories.add('Animations', () => <AnimationsStories />);
+export default meta;

template/.storybook/stories/Colors.stories.tsx

@@ -0,0 +1,18 @@
+import {Meta} from '@storybook/react';
+import {ColorPaletteList} from '../components/ColorPaletteList';
+
+const meta = {
+    component: ColorPaletteList,
+    title: 'Platform Colors',
+    args: {
+        isPlatformColors: true,
+    }
+} satisfies Meta<typeof ColorPaletteList>;
+
+export const CustomColors = {
+    args: {
+        isPlatformColors: false,
+    },
+};
+
+export default meta;

template/.storybook/stories/DateFormatEnum.stories.tsx

@@ -0,0 +1,9 @@
+import {Meta} from '@storybook/react';
+import {DateFormatList} from '../components/DateFormatList';
+
+const meta = {
+    component: DateFormatList,
+    title: 'Date Formats Enum',
+} satisfies Meta<typeof DateFormatList>;
+
+export default meta;

template/.storybook/stories/DateFormats.stories.tsx

@@ -0,0 +1,9 @@
+import {Meta} from '@storybook/react';
+import {DateFormatterStory} from '../components/DateFormatterStory';
+
+const meta = {
+    component: DateFormatterStory,
+    title: 'Date Formats',
+} satisfies Meta<typeof DateFormatterStory>;
+
+export default meta;

template/.storybook/stories/DatePicker.stories.tsx

@@ -0,0 +1,9 @@
+import {Meta} from '@storybook/react';
+import {DatePickerOverlayStories} from './components/DatePickerOverlay.stories';
+
+const meta = {
+    component: DatePickerOverlayStories,
+    title: 'Date Picker',
+} satisfies Meta<typeof DatePickerOverlayStories>;
+
+export default meta;

template/.storybook/stories/EmptyView.stories.tsx

@@ -0,0 +1,9 @@
+import {Meta} from '@storybook/react';
+import {EmptyViewStories} from './components/EmptyView.stories';
+
+const meta = {
+    component: EmptyViewStories,
+    title: 'Empty View',
+} satisfies Meta<typeof EmptyViewStories>;
+
+export default meta;

template/.storybook/stories/Fonts.stories.tsx

@@ -0,0 +1,9 @@
+import {Meta} from '@storybook/react';
+import {FontsList} from '../components/FontsList';
+
+const meta = {
+    component: FontsList,
+    title: 'Fonts',
+} satisfies Meta<typeof FontsList>;
+
+export default meta;

template/.storybook/stories/Images.stories.tsx

@@ -0,0 +1,13 @@
+import {Meta} from '@storybook/react';
+import {ImagesList} from '../components/ImagesList';
+import {ImageResources} from '../../src/common/ImageResources.g';
+
+const meta = {
+    component: ImagesList,
+    title: 'Resources',
+    args: {
+        data: Object.entries(ImageResources),
+    }
+} satisfies Meta<typeof ImagesList>;
+
+export default meta;

template/.storybook/stories/Intl.stories.tsx

@@ -0,0 +1,9 @@
+import {Meta} from '@storybook/react';
+import {IntlFormatterStory} from '../components/IntlFormatterStory';
+
+const meta = {
+    component: IntlFormatterStory,
+    title: 'Intl Formats',
+} satisfies Meta<typeof IntlFormatterStory>;
+
+export default meta;

template/.storybook/stories/LoadingComponent.stories.tsx

@@ -0,0 +1,9 @@
+import {Meta} from '@storybook/react';
+import {LoadingComponent} from '../../src/common/components/LoadingComponent';
+
+const meta = {
+    component: LoadingComponent,
+    title: 'Loading Component',
+} satisfies Meta<typeof LoadingComponent>;
+
+export default meta;

template/.storybook/stories/PhotoTakingButton.stories.tsx

@@ -0,0 +1,9 @@
+import {Meta} from '@storybook/react';
+import {PhotoTakingButtonStories} from './components/PhotoTakingButton.stories';
+
+const meta = {
+    component: PhotoTakingButtonStories,
+    title: 'Photo Taking Button',
+} satisfies Meta<typeof PhotoTakingButtonStories>;
+
+export default meta;

template/.storybook/stories/PrimaryButton.stories.tsx

@@ -0,0 +1,9 @@
+import {Meta} from '@storybook/react';
+import {PrimaryButtonStories} from './components/PrimaryButton.stories';
+
+const meta = {
+    component: PrimaryButtonStories,
+    title: 'Primary Button',
+} satisfies Meta<typeof PrimaryButtonStories>;
+
+export default meta;

template/.storybook/stories/PrimaryTextInput.stories.tsx

@@ -0,0 +1,9 @@
+import {Meta} from '@storybook/react';
+import {PrimaryTextInputStories} from './components/PrimaryTextInput.stories';
+
+const meta = {
+    component: PrimaryTextInputStories,
+    title: 'Primary Text Input',
+} satisfies Meta<typeof PrimaryTextInputStories>;
+
+export default meta;

template/.storybook/stories/RadioButton.stories.tsx

@@ -0,0 +1,9 @@
+import {Meta} from '@storybook/react';
+import {RadioButtonStories} from './components/RadioButton.stories';
+
+const meta = {
+    component: RadioButtonStories,
+    title: 'Radio Button',
+} satisfies Meta<typeof RadioButtonStories>;
+
+export default meta;

template/.storybook/stories/ToastOverlay.stories.tsx

@@ -0,0 +1,9 @@
+import {Meta} from '@storybook/react';
+import {ToastOverlayStories} from './components/ToastOverlay.stories';
+
+const meta = {
+    component: ToastOverlayStories,
+    title: 'Toast Overlay',
+} satisfies Meta<typeof ToastOverlayStories>;
+
+export default meta;

template/.storybook/stories/TryAgain.stories.tsx

@@ -0,0 +1,14 @@
+import {Meta} from '@storybook/react';
+import {TryAgain} from '../../src/common/components/TryAgain';
+
+const meta = {
+    component: TryAgain,
+    title: 'Try Again',
+    args: {
+        onPress: () => {
+            console.warn('pressed');
+        },
+    }
+} satisfies Meta<typeof TryAgain>;
+
+export default meta;