@storybook/react-native 7.6.9-alpha.0 → 7.6.10-alpha.1

package/dist/V6.d.ts

@@ -1,23 +1,28 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { h as Params, b as ReactNativeRenderer } from './View-63944515.js';
-export { D as Decorator, L as Loadable, e as Loader, M as Meta, g as Preview, P as PreviewError, a as RenderStoryFunction, R as RequireContext, f as StoryContext, c as StoryFn, S as StoryFnReactReturnType, d as StoryObj } from './View-63944515.js';
+import { P as Params } from './View-3a0f8584.js';
 import { ClientApi } from '@storybook/preview-api';
-import { b as Addon_StoryApi } from './index.d-c716d0d7.js';
-export { a as ArgTypes, A as Args, P as Parameters, R as RenderContext, S as StrictArgs } from './index.d-c716d0d7.js';
+import { L as LoaderFunction, A as Addon_StoryApi } from './index.d-cff8c6fa.js';
 import { ReactNode } from 'react';
+import { ReactRenderer } from '@storybook/react';
 export { Theme, darkTheme, theme } from '@storybook/react-native-theming';
 import '@storybook/csf';
 import '@storybook/preview-web';
-import 'type-fest';
 import '@storybook/channels';
 
+interface RequireContext {
+    keys: () => string[];
+    (id: string): any;
+    resolve(id: string): string;
+}
+type Loadable = RequireContext | RequireContext[] | LoaderFunction;
+
 declare const configure: (loadable: any, m: {
     hot?: {
         accept?: () => void;
     };
 }) => void;
 
-type C = ClientApi<ReactNativeRenderer>;
+type C = ClientApi<ReactRenderer>;
 declare const addDecorator: C['addDecorator'];
 declare const addParameters: C['addParameters'];
 declare const addArgsEnhancer: C['addArgsEnhancer'];
@@ -26,4 +31,4 @@ declare const raw: C['raw'];
 declare const storiesOf: (kind: string, m: any) => Addon_StoryApi<ReactNode>;
 declare const getStorybookUI: (params?: Partial<Params>) => () => react_jsx_runtime.JSX.Element;
 
-export { ReactNativeRenderer, addArgTypesEnhancer, addArgsEnhancer, addDecorator, addParameters, configure, getStorybookUI, raw, storiesOf };
+export { Loadable, RequireContext, addArgTypesEnhancer, addArgsEnhancer, addDecorator, addParameters, configure, getStorybookUI, raw, storiesOf };

package/dist/V6.js

@@ -80,14 +80,21 @@ var import_preview_api3 = require("@storybook/preview-api");
 var import_preview_web = require("@storybook/preview-web");
 
 // src/View.tsx
-var import_async_storage = __toESM(require("@react-native-async-storage/async-storage"));
 var import_csf = require("@storybook/csf");
-var import_preview_api2 = require("@storybook/preview-api");
 var import_manager_api2 = require("@storybook/manager-api");
+var import_preview_api2 = require("@storybook/preview-api");
 var import_react_native_theming12 = require("@storybook/react-native-theming");
 var import_react16 = require("react");
 var import_react_native_safe_area_context3 = require("react-native-safe-area-context");
 
+// src/components/OnDeviceUI/OnDeviceUI.tsx
+var import_react_native_theming10 = require("@storybook/react-native-theming");
+var import_react15 = __toESM(require("react"));
+var import_react_native14 = require("react-native");
+
+// src/constants.ts
+var ANIMATION_DURATION_TRANSITION = 400;
+
 // src/hooks.tsx
 var import_react2 = __toESM(require("react"));
 
@@ -841,14 +848,6 @@ function useSelectedAddon(initialValue) {
   return result;
 }
 
-// src/components/OnDeviceUI/OnDeviceUI.tsx
-var import_react_native_theming10 = require("@storybook/react-native-theming");
-var import_react15 = __toESM(require("react"));
-var import_react_native14 = require("react-native");
-
-// src/constants.ts
-var ANIMATION_DURATION_TRANSITION = 400;
-
 // src/components/StoryListView/StoryListView.tsx
 var import_core_events = __toESM(require("@storybook/core-events"));
 var import_react_native_theming = require("@storybook/react-native-theming");
@@ -1952,6 +1951,7 @@ var OnDeviceUI_default = import_react15.default.memo(OnDeviceUI);
 // src/View.tsx
 var import_channels = require("@storybook/channels");
 var import_core_events2 = __toESM(require("@storybook/core-events"));
+var import_dedent = __toESM(require("dedent"));
 var import_deepmerge = __toESM(require("deepmerge"));
 var import_react_native16 = require("react-native");
 
@@ -2012,6 +2012,7 @@ var View10 = class {
   _preview;
   _asyncStorageStoryId;
   _webUrl;
+  _storage;
   _channel;
   constructor(preview, channel) {
     this._preview = preview;
@@ -2034,8 +2035,8 @@ var View10 = class {
     if (shouldPersistSelection) {
       try {
         let value = this._asyncStorageStoryId;
-        if (!value) {
-          value = await import_async_storage.default.getItem(STORAGE_KEY);
+        if (!value && this._storage != null) {
+          value = await this._storage.getItem(STORAGE_KEY);
           this._asyncStorageStoryId = value;
         }
         const exists = value && Object.keys(this._storyIndex.entries).includes(value);
@@ -2062,7 +2063,13 @@ var View10 = class {
     });
   };
   getStorybookUI = (params = {}) => {
-    const { shouldPersistSelection = true, onDeviceUI = true, enableWebsockets = false } = params;
+    const {
+      shouldPersistSelection = true,
+      onDeviceUI = true,
+      enableWebsockets = false,
+      storage
+    } = params;
+    this._storage = storage;
     const initialStory = this._getInitialStory(params);
     if (enableWebsockets) {
       console.log("websockets enabled");
@@ -2103,8 +2110,18 @@ var View10 = class {
       (0, import_react16.useEffect)(() => {
         self._setStory = (newStory) => {
           setContext(newStory);
-          if (shouldPersistSelection) {
-            import_async_storage.default.setItem(STORAGE_KEY, newStory.id).catch((e) => {
+          if (shouldPersistSelection && !storage) {
+            console.warn(import_dedent.default`Please set storage in getStorybookUI like this:
+              const StorybookUIRoot = view.getStorybookUI({
+                storage: {
+                  getItem: AsyncStorage.getItem,
+                  setItem: AsyncStorage.setItem,
+                },
+              });
+            `);
+          }
+          if (shouldPersistSelection && !!this._storage) {
+            this._storage.setItem(STORAGE_KEY, newStory.id).catch((e) => {
               console.warn("storybook-log: error writing to async storage", e);
             });
           }

package/dist/View-3a0f8584.d.ts

@@ -0,0 +1,64 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { StoryContext } from '@storybook/csf';
+import { PreviewWithSelection } from '@storybook/preview-web';
+import { ReactRenderer } from '@storybook/react';
+import { Theme } from '@storybook/react-native-theming';
+import { S as StoryIndex } from './index.d-cff8c6fa.js';
+import { Channel } from '@storybook/channels';
+
+interface Storage {
+    getItem: (key: string) => Promise<string | null>;
+    setItem: (key: string, value: string) => Promise<void>;
+}
+type StoryKind = string;
+type StoryName = string;
+type InitialSelection = `${StoryKind}--${StoryName}` | {
+    /**
+     * Kind is the default export name or the storiesOf("name") name
+     */
+    kind: StoryKind;
+    /**
+     * Name is the named export or the .add("name") name
+     */
+    name: StoryName;
+};
+type DeepPartial<T> = T extends object ? {
+    [P in keyof T]?: DeepPartial<T[P]>;
+} : T;
+type Params = {
+    onDeviceUI?: boolean;
+    enableWebsockets?: boolean;
+    query?: string;
+    host?: string;
+    port?: number;
+    secured?: boolean;
+    initialSelection?: InitialSelection;
+    shouldPersistSelection?: boolean;
+    tabOpen?: number;
+    isUIHidden?: boolean;
+    isSplitPanelVisible?: boolean;
+    shouldDisableKeyboardAvoidingView?: boolean;
+    keyboardAvoidingViewVerticalOffset?: number;
+    theme: DeepPartial<Theme>;
+    storage?: Storage;
+};
+declare class View {
+    _storyIndex: StoryIndex;
+    _setStory: (story: StoryContext<ReactRenderer>) => void;
+    _forceRerender: () => void;
+    _ready: boolean;
+    _preview: PreviewWithSelection<ReactRenderer>;
+    _asyncStorageStoryId: string;
+    _webUrl: string;
+    _storage: Storage;
+    _channel: Channel;
+    constructor(preview: PreviewWithSelection<ReactRenderer>, channel: Channel);
+    _getInitialStory: ({ initialSelection, shouldPersistSelection, }?: Partial<Params>) => Promise<{
+        storySpecifier: string;
+        viewMode: string;
+    }>;
+    _getServerChannel: (params?: Partial<Params>) => Channel;
+    getStorybookUI: (params?: Partial<Params>) => () => react_jsx_runtime.JSX.Element;
+}
+
+export { Params as P, View as V };

package/dist/index.d-cff8c6fa.d.ts

@@ -0,0 +1,198 @@
+declare global {
+	interface SymbolConstructor {
+		readonly observable: symbol;
+	}
+}
+
+interface SBBaseType {
+    required?: boolean;
+    raw?: string;
+}
+type SBScalarType = SBBaseType & {
+    name: 'boolean' | 'string' | 'number' | 'function' | 'symbol';
+};
+type SBArrayType = SBBaseType & {
+    name: 'array';
+    value: SBType;
+};
+type SBObjectType = SBBaseType & {
+    name: 'object';
+    value: Record<string, SBType>;
+};
+type SBEnumType = SBBaseType & {
+    name: 'enum';
+    value: (string | number)[];
+};
+type SBIntersectionType = SBBaseType & {
+    name: 'intersection';
+    value: SBType[];
+};
+type SBUnionType = SBBaseType & {
+    name: 'union';
+    value: SBType[];
+};
+type SBOtherType = SBBaseType & {
+    name: 'other';
+    value: string;
+};
+type SBType = SBScalarType | SBEnumType | SBArrayType | SBObjectType | SBIntersectionType | SBUnionType | SBOtherType;
+
+type StoryId = string;
+type ComponentId = string;
+type ComponentTitle = string;
+type StoryName = string;
+/** @deprecated */
+type StoryKind = ComponentTitle;
+type Tag = string;
+interface StoryIdentifier {
+    componentId: ComponentId;
+    title: ComponentTitle;
+    /** @deprecated */
+    kind: ComponentTitle;
+    id: StoryId;
+    name: StoryName;
+    /** @deprecated */
+    story: StoryName;
+    tags: Tag[];
+}
+interface Parameters {
+    [name: string]: any;
+}
+type ConditionalTest = {
+    truthy?: boolean;
+} | {
+    exists: boolean;
+} | {
+    eq: any;
+} | {
+    neq: any;
+};
+type ConditionalValue = {
+    arg: string;
+} | {
+    global: string;
+};
+type Conditional = ConditionalValue & ConditionalTest;
+interface InputType {
+    name?: string;
+    description?: string;
+    defaultValue?: any;
+    type?: SBType | SBScalarType['name'];
+    if?: Conditional;
+    [key: string]: any;
+}
+interface StrictInputType extends InputType {
+    name: string;
+    type?: SBType;
+}
+interface Args {
+    [name: string]: any;
+}
+type StrictArgTypes<TArgs = Args> = {
+    [name in keyof TArgs]: StrictInputType;
+};
+interface Globals {
+    [name: string]: any;
+}
+type Renderer = {
+    /** What is the type of the `component` annotation in this renderer? */
+    component: unknown;
+    /** What does the story function return in this renderer? */
+    storyResult: unknown;
+    /** What type of element does this renderer render to? */
+    canvasElement: unknown;
+    T?: unknown;
+};
+interface StoryContextForEnhancers<TRenderer extends Renderer = Renderer, TArgs = Args> extends StoryIdentifier {
+    component?: (TRenderer & {
+        T: any;
+    })['component'];
+    subcomponents?: Record<string, (TRenderer & {
+        T: any;
+    })['component']>;
+    parameters: Parameters;
+    initialArgs: TArgs;
+    argTypes: StrictArgTypes<TArgs>;
+}
+interface StoryContextUpdate<TArgs = Args> {
+    args?: TArgs;
+    globals?: Globals;
+    [key: string]: any;
+}
+type ViewMode$1 = 'story' | 'docs';
+interface StoryContextForLoaders<TRenderer extends Renderer = Renderer, TArgs = Args> extends StoryContextForEnhancers<TRenderer, TArgs>, Required<StoryContextUpdate<TArgs>> {
+    hooks: unknown;
+    viewMode: ViewMode$1;
+    originalStoryFn: StoryFn<TRenderer>;
+}
+type LoaderFunction<TRenderer extends Renderer = Renderer, TArgs = Args> = (context: StoryContextForLoaders<TRenderer, TArgs>) => Promise<Record<string, any> | void> | Record<string, any> | void;
+interface StoryContext<TRenderer extends Renderer = Renderer, TArgs = Args> extends StoryContextForLoaders<TRenderer, TArgs> {
+    loaded: Record<string, any>;
+    abortSignal: AbortSignal;
+    canvasElement: TRenderer['canvasElement'];
+}
+type PartialStoryFn<TRenderer extends Renderer = Renderer, TArgs = Args> = (update?: StoryContextUpdate<Partial<TArgs>>) => TRenderer['storyResult'];
+type LegacyStoryFn<TRenderer extends Renderer = Renderer, TArgs = Args> = (context: StoryContext<TRenderer, TArgs>) => TRenderer['storyResult'];
+type ArgsStoryFn<TRenderer extends Renderer = Renderer, TArgs = Args> = (args: TArgs, context: StoryContext<TRenderer, TArgs>) => (TRenderer & {
+    T: TArgs;
+})['storyResult'];
+type StoryFn<TRenderer extends Renderer = Renderer, TArgs = Args> = LegacyStoryFn<TRenderer, TArgs> | ArgsStoryFn<TRenderer, TArgs>;
+type DecoratorFunction<TRenderer extends Renderer = Renderer, TArgs = Args> = (fn: PartialStoryFn<TRenderer, TArgs>, c: StoryContext<TRenderer, TArgs>) => TRenderer['storyResult'];
+interface StoriesSpecifier {
+    /**
+     * When auto-titling, what to prefix all generated titles with (default: '')
+     */
+    titlePrefix?: string;
+    /**
+     * Where to start looking for story files
+     */
+    directory: string;
+    /**
+     * What does the filename of a story file look like?
+     * (a glob, relative to directory, no leading `./`)
+     * If unset, we use `** / *.@(mdx|stories.@(mdx|js|jsx|mjs|ts|tsx))` (no spaces)
+     */
+    files?: string;
+}
+type NormalizedStoriesSpecifier = Required<StoriesSpecifier> & {
+    importPathMatcher: RegExp;
+};
+interface BaseIndexEntry {
+    id: StoryId;
+    name: StoryName;
+    title: ComponentTitle;
+    tags?: Tag[];
+    importPath: Path;
+}
+type StoryIndexEntry = BaseIndexEntry & {
+    type: 'story';
+};
+type DocsIndexEntry = BaseIndexEntry & {
+    storiesImports: Path[];
+    type: 'docs';
+};
+type IndexEntry = StoryIndexEntry | DocsIndexEntry;
+interface StoryIndex {
+    v: number;
+    entries: Record<StoryId, IndexEntry>;
+}
+type Addon_ReturnTypeFramework<ReturnType> = {
+    component: any;
+    storyResult: ReturnType;
+    canvasElement: any;
+};
+type Addon_StoryFn<ReturnType = unknown> = StoryFn<Addon_ReturnTypeFramework<ReturnType>>;
+type Addon_DecoratorFunction<StoryFnReturnType = unknown> = DecoratorFunction<Addon_ReturnTypeFramework<StoryFnReturnType>>;
+type Addon_LoaderFunction = LoaderFunction<Addon_ReturnTypeFramework<unknown>>;
+type Addon_ClientApiReturnFn<StoryFnReturnType = unknown> = (...args: any[]) => Addon_StoryApi<StoryFnReturnType>;
+interface Addon_StoryApi<StoryFnReturnType = unknown> {
+    kind: StoryKind;
+    add: (storyName: StoryName, storyFn: Addon_StoryFn<StoryFnReturnType>, parameters?: Parameters) => Addon_StoryApi<StoryFnReturnType>;
+    addDecorator: (decorator: Addon_DecoratorFunction<StoryFnReturnType>) => Addon_StoryApi<StoryFnReturnType>;
+    addLoader: (decorator: Addon_LoaderFunction) => Addon_StoryApi<StoryFnReturnType>;
+    addParameters: (parameters: Parameters) => Addon_StoryApi<StoryFnReturnType>;
+    [k: string]: string | Addon_ClientApiReturnFn<StoryFnReturnType>;
+}
+type Path = string;
+
+export { Addon_StoryApi as A, LoaderFunction as L, NormalizedStoriesSpecifier as N, Renderer as R, StoryIndex as S, StoryContextForEnhancers as a, Args as b, StrictArgTypes as c };

package/dist/index.d.ts

@@ -1,13 +1,10 @@
-import { V as View } from './View-63944515.js';
-export { D as Decorator, L as Loadable, e as Loader, M as Meta, g as Preview, P as PreviewError, b as ReactNativeRenderer, a as RenderStoryFunction, R as RequireContext, f as StoryContext, c as StoryFn, S as StoryFnReactReturnType, d as StoryObj } from './View-63944515.js';
 export { Theme, darkTheme, theme } from '@storybook/react-native-theming';
-import { N as NormalizedStoriesSpecifier } from './index.d-c716d0d7.js';
-export { a as ArgTypes, A as Args, P as Parameters, R as RenderContext, S as StrictArgs } from './index.d-c716d0d7.js';
+import { V as View } from './View-3a0f8584.js';
+import { N as NormalizedStoriesSpecifier } from './index.d-cff8c6fa.js';
 import 'react/jsx-runtime';
 import '@storybook/csf';
 import '@storybook/preview-web';
-import 'react';
-import 'type-fest';
+import '@storybook/react';
 import '@storybook/channels';
 
 declare function start({ annotations, storyEntries, }: {

package/dist/index.js

@@ -73,14 +73,21 @@ var import_preview_web = require("@storybook/preview-api/dist/preview-web");
 var import_channels2 = require("@storybook/channels");
 
 // src/View.tsx
-var import_async_storage = __toESM(require("@react-native-async-storage/async-storage"));
 var import_csf = require("@storybook/csf");
-var import_preview_api2 = require("@storybook/preview-api");
 var import_manager_api2 = require("@storybook/manager-api");
+var import_preview_api2 = require("@storybook/preview-api");
 var import_react_native_theming12 = require("@storybook/react-native-theming");
 var import_react16 = require("react");
 var import_react_native_safe_area_context3 = require("react-native-safe-area-context");
 
+// src/components/OnDeviceUI/OnDeviceUI.tsx
+var import_react_native_theming10 = require("@storybook/react-native-theming");
+var import_react15 = __toESM(require("react"));
+var import_react_native14 = require("react-native");
+
+// src/constants.ts
+var ANIMATION_DURATION_TRANSITION = 400;
+
 // src/hooks.tsx
 var import_react2 = __toESM(require("react"));
 
@@ -834,14 +841,6 @@ function useSelectedAddon(initialValue) {
   return result;
 }
 
-// src/components/OnDeviceUI/OnDeviceUI.tsx
-var import_react_native_theming10 = require("@storybook/react-native-theming");
-var import_react15 = __toESM(require("react"));
-var import_react_native14 = require("react-native");
-
-// src/constants.ts
-var ANIMATION_DURATION_TRANSITION = 400;
-
 // src/components/StoryListView/StoryListView.tsx
 var import_core_events = __toESM(require("@storybook/core-events"));
 var import_react_native_theming = require("@storybook/react-native-theming");
@@ -1945,6 +1944,7 @@ var OnDeviceUI_default = import_react15.default.memo(OnDeviceUI);
 // src/View.tsx
 var import_channels = require("@storybook/channels");
 var import_core_events2 = __toESM(require("@storybook/core-events"));
+var import_dedent = __toESM(require("dedent"));
 var import_deepmerge = __toESM(require("deepmerge"));
 var import_react_native16 = require("react-native");
 
@@ -2005,6 +2005,7 @@ var View10 = class {
   _preview;
   _asyncStorageStoryId;
   _webUrl;
+  _storage;
   _channel;
   constructor(preview, channel) {
     this._preview = preview;
@@ -2027,8 +2028,8 @@ var View10 = class {
     if (shouldPersistSelection) {
       try {
         let value = this._asyncStorageStoryId;
-        if (!value) {
-          value = await import_async_storage.default.getItem(STORAGE_KEY);
+        if (!value && this._storage != null) {
+          value = await this._storage.getItem(STORAGE_KEY);
           this._asyncStorageStoryId = value;
         }
         const exists = value && Object.keys(this._storyIndex.entries).includes(value);
@@ -2055,7 +2056,13 @@ var View10 = class {
     });
   };
   getStorybookUI = (params = {}) => {
-    const { shouldPersistSelection = true, onDeviceUI = true, enableWebsockets = false } = params;
+    const {
+      shouldPersistSelection = true,
+      onDeviceUI = true,
+      enableWebsockets = false,
+      storage
+    } = params;
+    this._storage = storage;
     const initialStory = this._getInitialStory(params);
     if (enableWebsockets) {
       console.log("websockets enabled");
@@ -2096,8 +2103,18 @@ var View10 = class {
       (0, import_react16.useEffect)(() => {
         self._setStory = (newStory) => {
           setContext(newStory);
-          if (shouldPersistSelection) {
-            import_async_storage.default.setItem(STORAGE_KEY, newStory.id).catch((e) => {
+          if (shouldPersistSelection && !storage) {
+            console.warn(import_dedent.default`Please set storage in getStorybookUI like this:
+              const StorybookUIRoot = view.getStorybookUI({
+                storage: {
+                  getItem: AsyncStorage.getItem,
+                  setItem: AsyncStorage.setItem,
+                },
+              });
+            `);
+          }
+          if (shouldPersistSelection && !!this._storage) {
+            this._storage.setItem(STORAGE_KEY, newStory.id).catch((e) => {
               console.warn("storybook-log: error writing to async storage", e);
             });
           }

package/dist/preview.d.ts

@@ -1,5 +1,5 @@
 import * as _storybook_docs_tools from '@storybook/docs-tools';
-import { j as Renderer, k as StoryContextForEnhancers, A as Args, l as StrictArgTypes } from './index.d-c716d0d7.js';
+import { R as Renderer, a as StoryContextForEnhancers, b as Args, c as StrictArgTypes } from './index.d-cff8c6fa.js';
 
 declare const _default: {
     argTypesEnhancers: (<TRenderer extends Renderer>(context: StoryContextForEnhancers<TRenderer, Args>) => StrictArgTypes<Args>)[];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@storybook/react-native",
-  "version": "7.6.9-alpha.0",
+  "version": "7.6.10-alpha.1",
   "description": "A better way to develop React Native Components for your app",
   "keywords": [
     "react",
@@ -51,22 +51,23 @@
     "preset": "react-native"
   },
   "dependencies": {
-    "@storybook/channel-websocket": "^7.6.9",
-    "@storybook/channels": "^7.6.9",
-    "@storybook/client-logger": "^7.6.9",
-    "@storybook/core-client": "^7.6.9",
-    "@storybook/core-common": "^7.6.9",
-    "@storybook/core-events": "^7.6.9",
+    "@storybook/channel-websocket": "^7.6.10",
+    "@storybook/channels": "^7.6.10",
+    "@storybook/client-logger": "^7.6.10",
+    "@storybook/core-client": "^7.6.10",
+    "@storybook/core-common": "^7.6.10",
+    "@storybook/core-events": "^7.6.10",
     "@storybook/csf": "^0.1.1",
-    "@storybook/docs-tools": "^7.6.9",
+    "@storybook/docs-tools": "^7.6.10",
     "@storybook/global": "^5.0.0",
-    "@storybook/manager-api": "^7.6.9",
-    "@storybook/preview-api": "^7.6.9",
-    "@storybook/preview-web": "^7.6.9",
-    "@storybook/react": "^7.6.9",
-    "@storybook/react-native-theming": "^7.6.9-alpha.0",
+    "@storybook/manager-api": "^7.6.10",
+    "@storybook/preview-api": "^7.6.10",
+    "@storybook/preview-web": "^7.6.10",
+    "@storybook/react": "^7.6.10",
+    "@storybook/react-native-theming": "^7.6.10-alpha.1",
     "chokidar": "^3.5.1",
     "commander": "^8.2.0",
+    "dedent": "^1.5.1",
     "deepmerge": "^4.3.0",
     "glob": "^7.1.7",
     "prettier": "^2.4.1",
@@ -75,7 +76,7 @@
     "util": "^0.12.4"
   },
   "devDependencies": {
-    "@storybook/types": "^7.6.9",
+    "@storybook/types": "^7.6.10",
     "@types/jest": "^29.4.3",
     "@types/react": "~18.2.14",
     "babel-jest": "^29.4.3",
@@ -87,7 +88,6 @@
     "typescript": "^5.3.3"
   },
   "peerDependencies": {
-    "@react-native-async-storage/async-storage": ">=1",
     "react": "*",
     "react-native": ">=0.57.0",
     "react-native-safe-area-context": "*"
@@ -98,5 +98,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "d458704cbc51e304f50326b579fff41e40320c48"
+  "gitHead": "8b2e96767cc361ae5382c5ba0ba9d6ea6112634f"
 }

package/readme.md

@@ -256,6 +256,11 @@ You can pass these parameters to getStorybookUI call in your storybook entry poi
         -- Disable KeyboardAvoidingView wrapping Storybook's view
     keyboardAvoidingViewVerticalOffset: Number (0)
         -- With shouldDisableKeyboardAvoidingView=true, this will set the keyboardverticaloffset (https://facebook.github.io/react-native/docs/keyboardavoidingview#keyboardverticaloffset) value for KeyboardAvoidingView wrapping Storybook's view
+    storage: Object (undefined)
+        -- {getItem: (key: string) => Promise<string | null>;setItem: (key: string, value: string) => Promise<void>;}
+        -- Custom storage to be used instead of AsyncStorage
+    shouldPersistSelection: Boolean (true)
+        -- Stores last selected story in your devices storage.
 }
 ```
 

package/scripts/mocks/exclude-config-files/exclude-components/FakeComponent.tsx

@@ -1 +1 @@
-export const FakeComponent = () => null;
+export const FakeComponentExcluded = () => null;

package/scripts/mocks/file-extensions/main.ts

@@ -1,6 +1,4 @@
-import type { StorybookConfig } from '@storybook/core-common';
-
-const config: StorybookConfig = {
+const config = {
   stories: ['./FakeStory.stories.tsx'],
   addons: [
     '@storybook/addon-ondevice-notes',

package/template/cli/index.ts

@@ -0,0 +1,13 @@
+import AsyncStorage from '@react-native-async-storage/async-storage';
+import { view } from './storybook.requires';
+
+import './storybook.requires';
+
+const StorybookUIRoot = view.getStorybookUI({
+  storage: {
+    getItem: AsyncStorage.getItem,
+    setItem: AsyncStorage.setItem,
+  },
+});
+
+export default StorybookUIRoot;

package/template/cli/preview.tsx

@@ -0,0 +1,14 @@
+import type { Preview } from '@storybook/react';
+
+const preview: Preview = {
+  parameters: {
+    controls: {
+      matchers: {
+        color: /(background|color)$/i,
+        date: /Date$/,
+      },
+    },
+  },
+};
+
+export default preview;