@storybook/react-native-ui-common 10.2.2-alpha.4 → 10.2.2-alpha.5

package/dist/index.d.ts

@@ -172,6 +172,8 @@ declare const isStoryHoistable: (storyName: string, componentName: string) => bo
  */
 declare const useStyle: <TStyle extends ViewStyle | TextStyle | ImageStyle, TOutput extends StyleProp<TStyle>>(styleFactory: () => TOutput, deps?: DependencyList) => TOutput;
 
+declare function startCase(str: string): string;
+
 type ExpandedState = Record<string, boolean>;
 interface ExpandAction {
     ids: string[];
@@ -195,4 +197,4 @@ declare const useLastViewed: (selection: Selection) => {
 declare const useStoreBooleanState: (key: string, defaultValue: boolean) => ReturnType<typeof useState<boolean>>;
 declare const useStoreNumberState: (key: string, defaultValue: number) => [number, (value: number | ((prev: number) => number)) => void];
 
-export { Button, ButtonIcon, type ButtonProps, ButtonText, type CombinedDataset, type Dataset, type ExpandAction, type ExpandType, type ExpandedProps, type ExpandedState, type GetSearchItemProps, type Highlight, type HighlightRange, type HighlightRanges, 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, useStoreNumberState, useStyle };
+export { Button, ButtonIcon, type ButtonProps, ButtonText, type CombinedDataset, type Dataset, type ExpandAction, type ExpandType, type ExpandedProps, type ExpandedState, type GetSearchItemProps, type Highlight, type HighlightRange, type HighlightRanges, 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, startCase, transformStoryIndexToStoriesHash, transformStoryIndexV2toV3, transformStoryIndexV3toV4, transformStoryIndexV4toV5, useExpanded, useLastViewed, useLayout, useStorage, useStoreBooleanState, useStoreNumberState, useStyle };

package/dist/index.js

@@ -53,6 +53,7 @@ __export(index_exports, {
   prevent: () => prevent,
   removeNoiseFromName: () => removeNoiseFromName,
   searchItem: () => searchItem,
+  startCase: () => startCase,
   transformStoryIndexToStoriesHash: () => transformStoryIndexToStoriesHash,
   transformStoryIndexV2toV3: () => transformStoryIndexV2toV3,
   transformStoryIndexV3toV4: () => transformStoryIndexV3toV4,
@@ -584,6 +585,24 @@ var useStyle = (styleFactory, deps) => (
   (0, import_react5.useMemo)(styleFactory, deps)
 );
 
+// src/util/string.ts
+var CASE_SPLIT_PATTERN = /\p{Lu}?\p{Ll}+|[0-9]+|\p{Lu}+(?!\p{Ll})|\p{Emoji_Presentation}|\p{Extended_Pictographic}|\p{L}+/gu;
+function words(str) {
+  return Array.from(str.match(CASE_SPLIT_PATTERN) ?? []);
+}
+function startCase(str) {
+  const words$1 = words(str.trim());
+  let result = "";
+  for (let i = 0; i < words$1.length; i++) {
+    const word = words$1[i];
+    if (result) {
+      result += " ";
+    }
+    result += word[0].toUpperCase() + word.slice(1).toLowerCase();
+  }
+  return result;
+}
+
 // src/hooks/useExpanded.ts
 var import_react6 = require("react");
 var initializeExpanded = ({
@@ -717,6 +736,7 @@ var useStoreNumberState = (key, defaultValue) => {
   prevent,
   removeNoiseFromName,
   searchItem,
+  startCase,
   transformStoryIndexToStoriesHash,
   transformStoryIndexV2toV3,
   transformStoryIndexV3toV4,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@storybook/react-native-ui-common",
-  "version": "10.2.2-alpha.4",
+  "version": "10.2.2-alpha.5",
   "description": "common ui components for react native storybook",
   "keywords": [
     "react",
@@ -39,7 +39,7 @@
   "dependencies": {
     "@nozbe/microfuzz": "^1.0.0",
     "@storybook/react": "^10.2.2",
-    "@storybook/react-native-theming": "^10.2.2-alpha.4",
+    "@storybook/react-native-theming": "^10.2.2-alpha.5",
     "es-toolkit": "^1.41.0",
     "memoizerific": "^1.11.3",
     "ts-dedent": "^2.2.0"
@@ -55,5 +55,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "f96bb7e3c60928bed07cae53a833fede3a65498a"
+  "gitHead": "51485fba2ef3d8f323905bdbee0ad1828ce45eb4"
 }

package/src/util/index.ts

@@ -1,3 +1,4 @@
 export * from './StoryHash';
 export * from './tree';
 export * from './useStyle';
+export * from './string';

package/src/util/string.ts

@@ -0,0 +1,20 @@
+// from estookit/string
+const CASE_SPLIT_PATTERN =
+  /\p{Lu}?\p{Ll}+|[0-9]+|\p{Lu}+(?!\p{Ll})|\p{Emoji_Presentation}|\p{Extended_Pictographic}|\p{L}+/gu;
+// from estookit/string
+function words(str: string) {
+  return Array.from(str.match(CASE_SPLIT_PATTERN) ?? []);
+}
+// from estookit/string
+export function startCase(str: string) {
+  const words$1 = words(str.trim());
+  let result = '';
+  for (let i = 0; i < words$1.length; i++) {
+    const word = words$1[i];
+    if (result) {
+      result += ' ';
+    }
+    result += word[0].toUpperCase() + word.slice(1).toLowerCase();
+  }
+  return result;
+}