@storybook/react-native-ui-common 9.1.0 → 9.1.1-alpha.1

package/dist/index.d.ts

@@ -189,4 +189,4 @@ declare const useLastViewed: (selection: Selection) => {
 
 declare const useStoreBooleanState: (key: string, defaultValue: boolean) => ReturnType<typeof useState<boolean>>;
 
-export { Button, ButtonIcon, ButtonProps, ButtonText, CombinedDataset, Dataset, ExpandAction, ExpandType, ExpandedProps, ExpandedState, GetSearchItemProps, Highlight, IconButton, Item, ItemRef, LayoutProvider, RefType, Refs, SBUI, SearchChildrenFn, SearchItem, SearchResult, SearchResultProps, Selection, Storage, StorageProvider, StoryRef, createId, cycle, get, getAncestorIds, getDescendantIds, getParent, getParents, getPath, getStateType, intersect, isAncestor, isExpandType, isStoryHoistable, merge, noArrayMerge, prevent, removeNoiseFromName, searchItem, transformStoryIndexToStoriesHash, transformStoryIndexV2toV3, transformStoryIndexV3toV4, transformStoryIndexV4toV5, useExpanded, useLastViewed, useLayout, useStorage, useStoreBooleanState, useStyle };
+export { Button, ButtonIcon, type ButtonProps, ButtonText, type CombinedDataset, type Dataset, type ExpandAction, type ExpandType, type ExpandedProps, type ExpandedState, type GetSearchItemProps, type Highlight, IconButton, type Item, type ItemRef, LayoutProvider, type RefType, type Refs, type SBUI, type SearchChildrenFn, type SearchItem, type SearchResult, type SearchResultProps, type Selection, type Storage, StorageProvider, type StoryRef, createId, cycle, get, getAncestorIds, getDescendantIds, getParent, getParents, getPath, getStateType, intersect, isAncestor, isExpandType, isStoryHoistable, merge, noArrayMerge, prevent, removeNoiseFromName, searchItem, transformStoryIndexToStoriesHash, transformStoryIndexV2toV3, transformStoryIndexV3toV4, transformStoryIndexV4toV5, useExpanded, useLastViewed, useLayout, useStorage, useStoreBooleanState, useStyle };

package/dist/index.js

@@ -27,8 +27,8 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
 // src/index.tsx
-var src_exports = {};
-__export(src_exports, {
+var index_exports = {};
+__export(index_exports, {
   Button: () => Button,
   ButtonIcon: () => ButtonIcon,
   ButtonText: () => ButtonText,
@@ -64,7 +64,7 @@ __export(src_exports, {
   useStoreBooleanState: () => useStoreBooleanState,
   useStyle: () => useStyle
 });
-module.exports = __toCommonJS(src_exports);
+module.exports = __toCommonJS(index_exports);
 
 // src/Button.tsx
 var import_react_native_theming = require("@storybook/react-native-theming");
@@ -86,16 +86,13 @@ var Button = (0, import_react.forwardRef)(
   }, ref) => {
     const [isAnimating, setIsAnimating] = (0, import_react.useState)(false);
     const handleClick = (event) => {
-      if (onPress)
-        onPress(event);
-      if (animation === "none")
-        return;
+      if (onPress) onPress(event);
+      if (animation === "none") return;
       setIsAnimating(true);
     };
     (0, import_react.useEffect)(() => {
       const timer = setTimeout(() => {
-        if (isAnimating)
-          setIsAnimating(false);
+        if (isAnimating) setIsAnimating(false);
       }, 1e3);
       return () => clearTimeout(timer);
     }, [isAnimating]);
@@ -132,14 +129,10 @@ var StyledButton = import_react_native_theming.styled.TouchableOpacity(({ theme,
   justifyContent: "center",
   overflow: "hidden",
   paddingHorizontal: (() => {
-    if (padding === "small" && size === "small")
-      return 7;
-    if (padding === "small" && size === "medium")
-      return 9;
-    if (size === "small")
-      return 10;
-    if (size === "medium")
-      return 12;
+    if (padding === "small" && size === "small") return 7;
+    if (padding === "small" && size === "medium") return 9;
+    if (size === "small") return 10;
+    if (size === "medium") return 12;
     return 0;
   })(),
   paddingVertical: 0,
@@ -153,12 +146,9 @@ var StyledButton = import_react_native_theming.styled.TouchableOpacity(({ theme,
   opacity: disabled ? 0.5 : 1,
   margin: 0,
   backgroundColor: (() => {
-    if (variant === "solid")
-      return theme.color.secondary;
-    if (variant === "outline")
-      return theme.button.background;
-    if (variant === "ghost" && active)
-      return theme.background.hoverable;
+    if (variant === "solid") return theme.color.secondary;
+    if (variant === "outline") return theme.button.background;
+    if (variant === "ghost" && active) return theme.background.hoverable;
     return "transparent";
   })(),
   boxShadow: variant === "outline" ? `${theme.button.border} 0 0 0 1px inset` : "none",
@@ -168,14 +158,10 @@ var StyledButton = import_react_native_theming.styled.TouchableOpacity(({ theme,
 }));
 var ButtonText = import_react_native_theming.styled.Text(({ theme, variant, active }) => ({
   color: (() => {
-    if (variant === "solid")
-      return theme.color.lightest;
-    if (variant === "outline")
-      return theme.input.color;
-    if (variant === "ghost" && active)
-      return theme.color.secondary;
-    if (variant === "ghost")
-      return theme.color.mediumdark;
+    if (variant === "solid") return theme.color.lightest;
+    if (variant === "outline") return theme.input.color;
+    if (variant === "ghost" && active) return theme.color.secondary;
+    if (variant === "ghost") return theme.color.mediumdark;
     return theme.input.color;
   })(),
   flexDirection: "row",
@@ -191,14 +177,10 @@ var ButtonIcon = ({
 }) => {
   const theme = (0, import_react_native_theming.useTheme)();
   const color = (0, import_react.useMemo)(() => {
-    if (variant === "solid")
-      return theme.color.lightest;
-    if (variant === "outline")
-      return theme.input.color;
-    if (variant === "ghost" && active)
-      return theme.color.secondary;
-    if (variant === "ghost")
-      return theme.color.mediumdark;
+    if (variant === "solid") return theme.color.lightest;
+    if (variant === "outline") return theme.input.color;
+    if (variant === "ghost" && active) return theme.color.secondary;
+    if (variant === "ghost") return theme.color.mediumdark;
     return theme.input.color;
   }, [
     active,
@@ -551,16 +533,14 @@ var getDescendantIds = (0, import_memoizerific.default)(1e3)((data, id, skipLeaf
   const children = entry.type === "story" || entry.type === "docs" ? [] : entry.children;
   return children.reduce((acc, childId) => {
     const child = data[childId];
-    if (!child || skipLeafs && (child.type === "story" || child.type === "docs"))
-      return acc;
+    if (!child || skipLeafs && (child.type === "story" || child.type === "docs")) return acc;
     acc.push(childId, ...getDescendantIds(data, childId, skipLeafs));
     return acc;
   }, []);
 });
 function getPath(item, ref) {
   const parent = item.type !== "root" && item.parent ? ref.index[item.parent] : null;
-  if (parent)
-    return [...getPath(parent, ref), parent.name];
+  if (parent) return [...getPath(parent, ref), parent.name];
   return ref.id === DEFAULT_REF_ID ? [] : [ref.title || ref.id];
 }
 var searchItem = (item, ref) => {
@@ -568,10 +548,8 @@ var searchItem = (item, ref) => {
 };
 function cycle(array, index, delta) {
   let next = index + delta % array.length;
-  if (next < 0)
-    next = array.length + next;
-  if (next >= array.length)
-    next -= array.length;
+  if (next < 0) next = array.length + next;
+  if (next >= array.length) next -= array.length;
   return next;
 }
 var getStateType = (isLoading, isAuthRequired, isError, isEmpty) => {
@@ -589,10 +567,8 @@ var getStateType = (isLoading, isAuthRequired, isError, isEmpty) => {
   }
 };
 var isAncestor = (element, maybeAncestor) => {
-  if (!element || !maybeAncestor)
-    return false;
-  if (element === maybeAncestor)
-    return true;
+  if (!element || !maybeAncestor) return false;
+  if (element === maybeAncestor) return true;
   return isAncestor(element.parentElement, maybeAncestor);
 };
 var removeNoiseFromName = (storyName) => storyName.replaceAll(/(\s|-|_)/gi, "");
@@ -649,8 +625,7 @@ var useLastViewed = (selection) => {
       const index = items.findIndex(
         ({ storyId, refId }) => storyId === story.storyId && refId === story.refId
       );
-      if (index === 0)
-        return;
+      if (index === 0) return;
       if (index === -1) {
         lastViewedRef.current = [story, ...items];
       } else {
@@ -660,8 +635,7 @@ var useLastViewed = (selection) => {
     [lastViewedRef]
   );
   (0, import_react7.useEffect)(() => {
-    if (selection)
-      updateLastViewed(selection);
+    if (selection) updateLastViewed(selection);
   }, [selection]);
   return {
     getLastViewed: (0, import_react7.useCallback)(() => lastViewedRef.current, [lastViewedRef]),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@storybook/react-native-ui-common",
-  "version": "9.1.0",
+  "version": "9.1.1-alpha.1",
   "description": "common ui components for react native storybook",
   "keywords": [
     "react",
@@ -53,12 +53,12 @@
     "babel-jest": "^29.7.0",
     "jest": "^29.7.0",
     "react-test-renderer": "^19.1.0",
-    "tsup": "^7.2.0",
+    "tsup": "^8.5.0",
     "typescript": "~5.8.3"
   },
   "dependencies": {
-    "@storybook/react": "^9.1.0",
-    "@storybook/react-native-theming": "^9.1.0",
+    "@storybook/react": "^9.1.2",
+    "@storybook/react-native-theming": "^9.1.1-alpha.1",
     "es-toolkit": "^1.38.0",
     "fuse.js": "^7.0.0",
     "memoizerific": "^1.11.3",
@@ -77,5 +77,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "38124888d92766d2a5b8c2bfa0fd283bb384a4cd"
+  "gitHead": "cc38bfb53177171ffb92d228c0bcde0e4d01d767"
 }