@storybook/react-native-ui 9.0.0-alpha.8 → 9.0.0-beta.1

package/dist/index.d.ts

@@ -4,7 +4,7 @@ import { View, PressableProps, TouchableOpacityProps } from 'react-native';
 import * as React$1 from 'react';
 import React__default, { FC, ComponentProps, ReactElement, PropsWithChildren, ReactNode } from 'react';
 import { State, StoriesHash, API } from 'storybook/internal/manager-api';
-import { StatusesByStoryIdAndTypeId, StatusValue, API_LoadedRefData, Addon_SidebarTopType, Addon_SidebarBottomType, API_IndexHash, StoryContext, Args, API_PreparedStoryIndex, StoryIndexV2, StoryIndexV3, API_Provider, DocsOptions } from 'storybook/internal/types';
+import { StatusesByStoryIdAndTypeId, StatusValue, API_LoadedRefData, API_IndexHash, StoryContext, Args, API_PreparedStoryIndex, StoryIndexV2, StoryIndexV3, API_Provider, DocsOptions } from 'storybook/internal/types';
 import * as Fuse from 'fuse.js';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { SvgProps } from 'react-native-svg';
@@ -193,8 +193,6 @@ declare const useCombination: (index: SidebarProps["index"], indexError: Sidebar
 interface SidebarProps extends API_LoadedRefData {
     refs: State['refs'];
     status: State['status'];
-    extra: Addon_SidebarTopType[];
-    bottom?: Addon_SidebarBottomType[];
     storyId?: string;
     refId?: string;
     menuHighlighted?: boolean;

package/dist/index.js

@@ -5153,7 +5153,6 @@ var desktopLogoContainer = {
 var contentContainerStyle = { flex: 1, overflow: "hidden" };
 var mobileContentStyle = { flex: 1, overflow: "hidden" };
 var placeholderObject = {};
-var placeholderArray = [];
 var iconFloatRightStyle = { marginLeft: "auto" };
 var navButtonStyle = { flexShrink: 1 };
 var navButtonHitSlop = { bottom: 10, left: 10, right: 10, top: 10 };
@@ -5268,7 +5267,6 @@ var Layout = ({
           /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
             Sidebar,
             {
-              extra: placeholderArray,
               previewInitialized: true,
               indexError: void 0,
               refs: placeholderObject,
@@ -5333,7 +5331,6 @@ var Layout = ({
       /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
         Sidebar,
         {
-          extra: placeholderArray,
           previewInitialized: true,
           indexError: void 0,
           refs: placeholderObject,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@storybook/react-native-ui",
-  "version": "9.0.0-alpha.8",
+  "version": "9.0.0-beta.1",
   "description": "ui components for react native storybook",
   "keywords": [
     "react",
@@ -58,8 +58,8 @@
     "typescript": "^5.3.3"
   },
   "dependencies": {
-    "@storybook/react": "9.0.0-alpha.8",
-    "@storybook/react-native-theming": "^9.0.0-alpha.8",
+    "@storybook/react": "9.0.0-beta.4",
+    "@storybook/react-native-theming": "^9.0.0-beta.1",
     "fuse.js": "^7.0.0",
     "memoizerific": "^1.11.3",
     "polished": "^4.3.1",
@@ -73,7 +73,7 @@
     "react-native-reanimated": ">=3",
     "react-native-safe-area-context": "*",
     "react-native-svg": ">=14",
-    "storybook": "9.0.0-alpha.8"
+    "storybook": "9.0.0-beta.4"
   },
   "engines": {
     "node": ">=18.0.0"
@@ -81,5 +81,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "16659266d8aa9816490af41d0a840579a2f96805"
+  "gitHead": "41dd93e39512d4df2258fd68055b54fc361962f3"
 }

package/src/Layout.tsx

@@ -30,14 +30,13 @@ const desktopLogoContainer = {
   paddingRight: 10,
   justifyContent: 'space-between',
 } satisfies ViewStyle;
+
 const contentContainerStyle = { flex: 1, overflow: 'hidden' } satisfies ViewStyle;
 
 const mobileContentStyle = { flex: 1, overflow: 'hidden' } satisfies ViewStyle;
 
 const placeholderObject = {};
 
-const placeholderArray = [];
-
 const iconFloatRightStyle = { marginLeft: 'auto' } satisfies ViewStyle;
 
 const navButtonStyle = { flexShrink: 1 } satisfies ViewStyle;
@@ -177,7 +176,6 @@ export const Layout = ({
               </View>
 
               <Sidebar
-                extra={placeholderArray}
                 previewInitialized
                 indexError={undefined}
                 refs={placeholderObject}
@@ -257,7 +255,6 @@ export const Layout = ({
             </View>
 
             <Sidebar
-              extra={placeholderArray}
               previewInitialized
               indexError={undefined}
               refs={placeholderObject}

package/src/Sidebar.stories.tsx

@@ -1,16 +1,12 @@
+import type { Meta, StoryObj } from '@storybook/react';
 import React from 'react';
 import type { IndexHash, State } from 'storybook/internal/manager-api';
-import { types } from 'storybook/internal/manager-api';
-import type { StoryObj, Meta } from '@storybook/react';
-import type { Addon_SidebarTopType } from 'storybook/internal/types';
+import { Button } from './Button';
+import { LayoutProvider } from './LayoutProvider';
 import { Sidebar } from './Sidebar';
+import { DEFAULT_REF_ID } from './constants';
 import { mockDataset } from './mockdata';
 import type { RefType } from './types';
-import { LayoutProvider } from './LayoutProvider';
-import { Button } from './Button';
-import { IconButton } from './IconButton';
-import { FaceHappyIcon } from './icon/FaceHappyIcon';
-import { DEFAULT_REF_ID } from './constants';
 
 const index = mockDataset.withRoot as IndexHash;
 const storyId = 'root-1-child-a2--grandchild-a1-1';
@@ -22,7 +18,6 @@ const meta = {
   parameters: { layout: 'fullscreen' },
   args: {
     previewInitialized: true,
-    extra: [] as Addon_SidebarTopType[],
     index: index,
     storyId,
     refId: DEFAULT_REF_ID,
@@ -159,37 +154,6 @@ export const Searching: Story = {
   parameters: { chromatic: { delay: 2200 } },
 };
 
-export const Bottom: Story = {
-  args: {
-    bottom: [
-      {
-        id: '1',
-        type: types.experimental_SIDEBAR_BOTTOM,
-        render: () => (
-          <Button>
-            <FaceHappyIcon />
-            Custom addon A
-          </Button>
-        ),
-      },
-      {
-        id: '2',
-        type: types.experimental_SIDEBAR_BOTTOM,
-        render: () => <Button text="Custom addon B" Icon={FaceHappyIcon} />,
-      },
-      {
-        id: '3',
-        type: types.experimental_SIDEBAR_BOTTOM,
-        render: () => (
-          <IconButton>
-            <FaceHappyIcon />
-          </IconButton>
-        ),
-      },
-    ],
-  },
-};
-
 /**
  * Given the following sequence of events:
  * 1. Story is selected at the top of the sidebar

package/src/Sidebar.tsx

@@ -1,11 +1,7 @@
 import React, { useMemo } from 'react';
 import { styled } from '@storybook/react-native-theming';
 import type { State } from 'storybook/internal/manager-api';
-import type {
-  Addon_SidebarBottomType,
-  Addon_SidebarTopType,
-  API_LoadedRefData,
-} from 'storybook/internal/types';
+import type { API_LoadedRefData } from 'storybook/internal/types';
 import { Explorer } from './Explorer';
 import { Search } from './Search';
 import { SearchResults } from './SearchResults';
@@ -74,8 +70,6 @@ export const useCombination = (
 export interface SidebarProps extends API_LoadedRefData {
   refs: State['refs'];
   status: State['status'];
-  extra: Addon_SidebarTopType[];
-  bottom?: Addon_SidebarBottomType[];
   storyId?: string;
   refId?: string;
   menuHighlighted?: boolean;