@storybook/react-native-ui-lite 9.0.0-rc.4 → 9.0.0

package/dist/index.d.ts

@@ -113,37 +113,44 @@ declare global {
 }
 
 interface SBBaseType {
-    required?: boolean;
-    raw?: string;
+  required?: boolean;
+  raw?: string;
 }
 type SBScalarType = SBBaseType & {
-    name: 'boolean' | 'string' | 'number' | 'function' | 'symbol';
+  name: 'boolean' | 'string' | 'number' | 'function' | 'symbol';
 };
 type SBArrayType = SBBaseType & {
-    name: 'array';
-    value: SBType;
+  name: 'array';
+  value: SBType;
 };
 type SBObjectType = SBBaseType & {
-    name: 'object';
-    value: Record<string, SBType>;
+  name: 'object';
+  value: Record<string, SBType>;
 };
 type SBEnumType = SBBaseType & {
-    name: 'enum';
-    value: (string | number)[];
+  name: 'enum';
+  value: (string | number)[];
 };
 type SBIntersectionType = SBBaseType & {
-    name: 'intersection';
-    value: SBType[];
+  name: 'intersection';
+  value: SBType[];
 };
 type SBUnionType = SBBaseType & {
-    name: 'union';
-    value: SBType[];
+  name: 'union';
+  value: SBType[];
 };
 type SBOtherType = SBBaseType & {
-    name: 'other';
-    value: string;
+  name: 'other';
+  value: string;
 };
-type SBType = SBScalarType | SBEnumType | SBArrayType | SBObjectType | SBIntersectionType | SBUnionType | SBOtherType;
+type SBType =
+  | SBScalarType
+  | SBEnumType
+  | SBArrayType
+  | SBObjectType
+  | SBIntersectionType
+  | SBUnionType
+  | SBOtherType;
 
 type StoryId = string;
 type ComponentId = string;
@@ -151,225 +158,272 @@ type ComponentTitle = string;
 type StoryName = string;
 type Tag = string;
 interface StoryIdentifier {
-    componentId: ComponentId;
-    title: ComponentTitle;
-    /** @deprecated */
-    kind: ComponentTitle;
-    id: StoryId;
-    name: StoryName;
-    /** @deprecated */
-    story: StoryName;
-    tags: Tag[];
+  componentId: ComponentId;
+  title: ComponentTitle;
+  /** @deprecated */
+  kind: ComponentTitle;
+  id: StoryId;
+  name: StoryName;
+  /** @deprecated */
+  story: StoryName;
+  tags: Tag[];
 }
 interface Parameters {
-    [name: string]: any;
+  [name: string]: any;
 }
-type ControlType = 'object' | 'boolean' | 'check' | 'inline-check' | 'radio' | 'inline-radio' | 'select' | 'multi-select' | 'number' | 'range' | 'file' | 'color' | 'date' | 'text';
-type ConditionalTest = {
-    truthy?: boolean;
-} | {
-    exists: boolean;
-} | {
-    eq: any;
-} | {
-    neq: any;
-};
-type ConditionalValue = {
-    arg: string;
-} | {
-    global: string;
-};
+type ControlType =
+  | 'object'
+  | 'boolean'
+  | 'check'
+  | 'inline-check'
+  | 'radio'
+  | 'inline-radio'
+  | 'select'
+  | 'multi-select'
+  | 'number'
+  | 'range'
+  | 'file'
+  | 'color'
+  | 'date'
+  | 'text';
+type ConditionalTest =
+  | {
+      truthy?: boolean;
+    }
+  | {
+      exists: boolean;
+    }
+  | {
+      eq: any;
+    }
+  | {
+      neq: any;
+    };
+type ConditionalValue =
+  | {
+      arg: string;
+    }
+  | {
+      global: string;
+    };
 type Conditional = ConditionalValue & ConditionalTest;
 interface ControlBase {
-    [key: string]: any;
-    /**
-     * @see https://storybook.js.org/docs/api/arg-types#controltype
-     */
-    type?: ControlType;
-    disable?: boolean;
+  [key: string]: any;
+  /**
+   * @see https://storybook.js.org/docs/api/arg-types#controltype
+   */
+  type?: ControlType;
+  disable?: boolean;
 }
 interface Report {
-    type: string;
-    version?: number;
-    result: unknown;
-    status: 'failed' | 'passed' | 'warning';
+  type: string;
+  version?: number;
+  result: unknown;
+  status: 'failed' | 'passed' | 'warning';
 }
 interface ReportingAPI {
-    reports: Report[];
-    addReport: (report: Report) => void;
+  reports: Report[];
+  addReport: (report: Report) => void;
 }
-type Control = ControlType | false | (ControlBase & (ControlBase | {
-    type: 'color';
-    /**
-     * @see https://storybook.js.org/docs/api/arg-types#controlpresetcolors
-     */
-    presetColors?: string[];
-} | {
-    type: 'file';
-    /**
-     * @see https://storybook.js.org/docs/api/arg-types#controlaccept
-     */
-    accept?: string;
-} | {
-    type: 'inline-check' | 'radio' | 'inline-radio' | 'select' | 'multi-select';
-    /**
-     * @see https://storybook.js.org/docs/api/arg-types#controllabels
-     */
-    labels?: {
-        [options: string]: string;
-    };
-} | {
-    type: 'number' | 'range';
-    /**
-     * @see https://storybook.js.org/docs/api/arg-types#controlmax
-     */
-    max?: number;
-    /**
-     * @see https://storybook.js.org/docs/api/arg-types#controlmin
-     */
-    min?: number;
-    /**
-     * @see https://storybook.js.org/docs/api/arg-types#controlstep
-     */
-    step?: number;
-}));
+type Control =
+  | ControlType
+  | false
+  | (ControlBase &
+      (
+        | ControlBase
+        | {
+            type: 'color';
+            /**
+             * @see https://storybook.js.org/docs/api/arg-types#controlpresetcolors
+             */
+            presetColors?: string[];
+          }
+        | {
+            type: 'file';
+            /**
+             * @see https://storybook.js.org/docs/api/arg-types#controlaccept
+             */
+            accept?: string;
+          }
+        | {
+            type: 'inline-check' | 'radio' | 'inline-radio' | 'select' | 'multi-select';
+            /**
+             * @see https://storybook.js.org/docs/api/arg-types#controllabels
+             */
+            labels?: {
+              [options: string]: string;
+            };
+          }
+        | {
+            type: 'number' | 'range';
+            /**
+             * @see https://storybook.js.org/docs/api/arg-types#controlmax
+             */
+            max?: number;
+            /**
+             * @see https://storybook.js.org/docs/api/arg-types#controlmin
+             */
+            min?: number;
+            /**
+             * @see https://storybook.js.org/docs/api/arg-types#controlstep
+             */
+            step?: number;
+          }
+      ));
 interface InputType {
+  /**
+   * @see https://storybook.js.org/docs/api/arg-types#control
+   */
+  control?: Control;
+  /**
+   * @see https://storybook.js.org/docs/api/arg-types#description
+   */
+  description?: string;
+  /**
+   * @see https://storybook.js.org/docs/api/arg-types#if
+   */
+  if?: Conditional;
+  /**
+   * @see https://storybook.js.org/docs/api/arg-types#mapping
+   */
+  mapping?: {
+    [key: string]: any;
+  };
+  /**
+   * @see https://storybook.js.org/docs/api/arg-types#name
+   */
+  name?: string;
+  /**
+   * @see https://storybook.js.org/docs/api/arg-types#options
+   */
+  options?: readonly any[];
+  /**
+   * @see https://storybook.js.org/docs/api/arg-types#table
+   */
+  table?: {
+    [key: string]: unknown;
     /**
-     * @see https://storybook.js.org/docs/api/arg-types#control
-     */
-    control?: Control;
-    /**
-     * @see https://storybook.js.org/docs/api/arg-types#description
-     */
-    description?: string;
-    /**
-     * @see https://storybook.js.org/docs/api/arg-types#if
+     * @see https://storybook.js.org/docs/api/arg-types#tablecategory
      */
-    if?: Conditional;
+    category?: string;
     /**
-     * @see https://storybook.js.org/docs/api/arg-types#mapping
+     * @see https://storybook.js.org/docs/api/arg-types#tabledefaultvalue
      */
-    mapping?: {
-        [key: string]: any;
+    defaultValue?: {
+      summary?: string;
+      detail?: string;
     };
     /**
-     * @see https://storybook.js.org/docs/api/arg-types#name
+     * @see https://storybook.js.org/docs/api/arg-types#tabledisable
      */
-    name?: string;
+    disable?: boolean;
     /**
-     * @see https://storybook.js.org/docs/api/arg-types#options
+     * @see https://storybook.js.org/docs/api/arg-types#tablesubcategory
      */
-    options?: readonly any[];
+    subcategory?: string;
     /**
-     * @see https://storybook.js.org/docs/api/arg-types#table
+     * @see https://storybook.js.org/docs/api/arg-types#tabletype
      */
-    table?: {
-        [key: string]: unknown;
-        /**
-         * @see https://storybook.js.org/docs/api/arg-types#tablecategory
-         */
-        category?: string;
-        /**
-         * @see https://storybook.js.org/docs/api/arg-types#tabledefaultvalue
-         */
-        defaultValue?: {
-            summary?: string;
-            detail?: string;
-        };
-        /**
-         * @see https://storybook.js.org/docs/api/arg-types#tabledisable
-         */
-        disable?: boolean;
-        /**
-         * @see https://storybook.js.org/docs/api/arg-types#tablesubcategory
-         */
-        subcategory?: string;
-        /**
-         * @see https://storybook.js.org/docs/api/arg-types#tabletype
-         */
-        type?: {
-            summary?: string;
-            detail?: string;
-        };
+    type?: {
+      summary?: string;
+      detail?: string;
     };
-    /**
-     * @see https://storybook.js.org/docs/api/arg-types#type
-     */
-    type?: SBType | SBScalarType['name'];
-    /**
-     * @see https://storybook.js.org/docs/api/arg-types#defaultvalue
-     *
-     * @deprecated Use `table.defaultValue.summary` instead.
-     */
-    defaultValue?: any;
-    [key: string]: any;
+  };
+  /**
+   * @see https://storybook.js.org/docs/api/arg-types#type
+   */
+  type?: SBType | SBScalarType['name'];
+  /**
+   * @see https://storybook.js.org/docs/api/arg-types#defaultvalue
+   *
+   * @deprecated Use `table.defaultValue.summary` instead.
+   */
+  defaultValue?: any;
+  [key: string]: any;
 }
 interface StrictInputType extends InputType {
-    name: string;
-    type?: SBType;
+  name: string;
+  type?: SBType;
 }
 interface Args {
-    [name: string]: any;
+  [name: string]: any;
 }
 type StrictArgTypes<TArgs = Args> = {
-    [name in keyof TArgs]: StrictInputType;
+  [name in keyof TArgs]: StrictInputType;
 };
 interface Globals {
-    [name: string]: any;
+  [name: string]: any;
 }
 interface 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;
-    mount(): Promise<Canvas>;
-    T?: unknown;
+  /** 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;
+  mount(): Promise<Canvas>;
+  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 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;
+  args?: TArgs;
+  globals?: Globals;
+  [key: string]: any;
 }
 type ViewMode = 'story' | 'docs';
-interface Canvas {
-}
-interface StoryContext<TRenderer extends Renderer = Renderer, TArgs = Args> extends StoryContextForEnhancers<TRenderer, TArgs>, Required<StoryContextUpdate<TArgs>> {
-    loaded: Record<string, any>;
-    abortSignal: AbortSignal;
-    canvasElement: TRenderer['canvasElement'];
-    hooks: unknown;
-    originalStoryFn: StoryFn<TRenderer>;
-    viewMode: ViewMode;
-    step: StepFunction<TRenderer, TArgs>;
-    context: this;
-    canvas: Canvas;
-    mount: TRenderer['mount'];
-    reporting: ReportingAPI;
+interface Canvas {}
+interface StoryContext<TRenderer extends Renderer = Renderer, TArgs = Args>
+  extends StoryContextForEnhancers<TRenderer, TArgs>,
+    Required<StoryContextUpdate<TArgs>> {
+  loaded: Record<string, any>;
+  abortSignal: AbortSignal;
+  canvasElement: TRenderer['canvasElement'];
+  hooks: unknown;
+  originalStoryFn: StoryFn<TRenderer>;
+  viewMode: ViewMode;
+  step: StepFunction<TRenderer, TArgs>;
+  context: this;
+  canvas: Canvas;
+  mount: TRenderer['mount'];
+  reporting: ReportingAPI;
 }
 /** @deprecated Use {@link StoryContext} instead. */
-interface PlayFunctionContext<TRenderer extends Renderer = Renderer, TArgs = Args> extends StoryContext<TRenderer, TArgs> {
-}
+interface PlayFunctionContext<TRenderer extends Renderer = Renderer, TArgs = Args>
+  extends StoryContext<TRenderer, TArgs> {}
 type StepLabel = string;
-type StepFunction<TRenderer extends Renderer = Renderer, TArgs = Args> = (label: StepLabel, play: PlayFunction<TRenderer, TArgs>) => Promise<void> | void;
-type PlayFunction<TRenderer extends Renderer = Renderer, TArgs = Args> = (context: PlayFunctionContext<TRenderer, TArgs>) => Promise<void> | void;
-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;
+type StepFunction<TRenderer extends Renderer = Renderer, TArgs = Args> = (
+  label: StepLabel,
+  play: PlayFunction<TRenderer, TArgs>
+) => Promise<void> | void;
+type PlayFunction<TRenderer extends Renderer = Renderer, TArgs = Args> = (
+  context: PlayFunctionContext<TRenderer, TArgs>
+) => Promise<void> | void;
+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 StoryFn<TRenderer extends Renderer = Renderer, TArgs = Args> =
+  | LegacyStoryFn<TRenderer, TArgs>
+  | ArgsStoryFn<TRenderer, TArgs>;
 
 declare const LiteUI: SBUI;
 declare const Layout: ({ storyHash, story, children, }: {

package/dist/index.js

@@ -662,6 +662,7 @@ var Tree = import_react4.default.memo(function Tree2({ isMain, refId, data, stat
   }, [data]);
   const collapsedItems = (0, import_react4.useMemo)(
     () => Object.keys(data).filter((id) => !singleStoryComponentIds.includes(id)),
+    // eslint-disable-next-line react-compiler/react-compiler
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [singleStoryComponentIds]
   );

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@storybook/react-native-ui-lite",
-  "version": "9.0.0-rc.4",
+  "version": "9.0.0",
   "description": "lightweight ui components for react native storybook",
   "keywords": [
     "react",
@@ -58,9 +58,9 @@
     "typescript": "~5.8.3"
   },
   "dependencies": {
-    "@storybook/react": "9.0.0-rc.4",
-    "@storybook/react-native-theming": "^9.0.0-rc.4",
-    "@storybook/react-native-ui-common": "^9.0.0-rc.4",
+    "@storybook/react": "^9",
+    "@storybook/react-native-theming": "^9.0.0",
+    "@storybook/react-native-ui-common": "^9.0.0",
     "fuse.js": "^7.0.0",
     "memoizerific": "^1.11.3",
     "polished": "^4.3.1",
@@ -69,7 +69,7 @@
   "peerDependencies": {
     "react": "*",
     "react-native": ">=0.57.0",
-    "storybook": "9.0.0-rc.4"
+    "storybook": "^9"
   },
   "engines": {
     "node": ">=18.0.0"
@@ -77,5 +77,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "1d0249371caed6a6a90f42530d722040eb18c9dc"
+  "gitHead": "042b39289131a9a80a74859439679947a4b81ac1"
 }

package/src/Layout.tsx

@@ -1,11 +1,10 @@
 import type { Args, StoryContext } from '@storybook/csf';
 import type { ReactRenderer } from '@storybook/react';
-import { styled, Theme, ThemeProvider, useTheme } from '@storybook/react-native-theming';
+import { styled, ThemeProvider, useTheme } from '@storybook/react-native-theming';
 import {
   IconButton,
   LayoutProvider,
   SBUI,
-  Storage,
   StorageProvider,
   useLayout,
   useStoreBooleanState,

package/src/MobileMenuDrawer.tsx

@@ -11,7 +11,6 @@ import {
   SafeAreaView,
   ScrollView,
   useAnimatedValue,
-  useWindowDimensions,
   View,
 } from 'react-native';
 

package/src/Tree.tsx

@@ -256,6 +256,7 @@ export const Tree = React.memo<{
   // Omit single-story components from the list of nodes.
   const collapsedItems = useMemo(
     () => Object.keys(data).filter((id) => !singleStoryComponentIds.includes(id)),
+    // eslint-disable-next-line react-compiler/react-compiler
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [singleStoryComponentIds]
   );
@@ -281,6 +282,7 @@ export const Tree = React.memo<{
       },
       { ...data }
     );
+    // eslint-disable-next-line react-compiler/react-compiler
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [data]);