@storybook/react-native-ui-common 10.2.0 → 10.2.2-alpha.0

package/dist/index.d.ts

@@ -7,7 +7,6 @@ import * as react_native from 'react-native';
 import { TouchableOpacityProps, PressableProps, ViewStyle, TextStyle, ImageStyle, StyleProp } from 'react-native';
 import { StoryContext, Args } from 'storybook/internal/csf';
 import { ReactRenderer } from '@storybook/react';
-import * as Fuse from 'fuse.js';
 import { State, StoriesHash, API, IndexHash } from 'storybook/manager-api';
 import { StatusesByStoryIdAndTypeId, StatusValue, API_IndexHash, API_PreparedStoryIndex, StoryIndexV2, StoryIndexV3, API_Provider, DocsOptions } from 'storybook/internal/types';
 
@@ -60,6 +59,8 @@ declare const StorageProvider: FC<PropsWithChildren<{
 }>>;
 declare const useStorage: () => Storage;
 
+type HighlightRange = [number, number];
+type HighlightRanges = HighlightRange[];
 type Refs = State['refs'];
 type RefType = Refs[keyof Refs] & {
     allStatuses?: StatusesByStoryIdAndTypeId;
@@ -92,7 +93,11 @@ type SearchItem = Item & {
     status?: StatusValue;
     showAll?: () => void;
 };
-type SearchResult = Fuse.FuseResult<SearchItem>;
+interface SearchResult {
+    item: SearchItem;
+    score: number | null;
+    matches: HighlightRanges[];
+}
 type SearchResultProps = SearchResult & {
     icon: string;
     isHighlighted: boolean;
@@ -189,4 +194,4 @@ declare const useLastViewed: (selection: Selection) => {
 
 declare const useStoreBooleanState: (key: string, defaultValue: boolean) => ReturnType<typeof useState<boolean>>;
 
-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 };
+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, useStyle };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@storybook/react-native-ui-common",
-  "version": "10.2.0",
+  "version": "10.2.2-alpha.0",
   "description": "common ui components for react native storybook",
   "keywords": [
     "react",
@@ -37,10 +37,10 @@
     "typescript": "~5.9.3"
   },
   "dependencies": {
-    "@storybook/react": "10.2.0-beta.1",
-    "@storybook/react-native-theming": "^10.2.0",
+    "@nozbe/microfuzz": "^1.0.0",
+    "@storybook/react": "^10.2.2",
+    "@storybook/react-native-theming": "^10.2.2-alpha.0",
     "es-toolkit": "^1.41.0",
-    "fuse.js": "^7.1.0",
     "memoizerific": "^1.11.3",
     "ts-dedent": "^2.2.0"
   },
@@ -55,5 +55,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "eca4a572e630d6536b62685bdd62114994c7515d"
+  "gitHead": "5e99a2f9de73aa3b88e6517f1016e933cac67c19"
 }

package/src/types.ts

@@ -2,7 +2,6 @@ import type { Args, StoryContext } from 'storybook/internal/csf';
 import type { ReactRenderer } from '@storybook/react';
 import { Theme } from '@storybook/react-native-theming';
 import { Storage } from './StorageProvider';
-import * as Fuse from 'fuse.js';
 import { ReactElement, ReactNode } from 'react';
 import { PressableProps } from 'react-native';
 import type { State, StoriesHash } from 'storybook/manager-api';
@@ -12,6 +11,11 @@ import type {
   StatusValue,
 } from 'storybook/internal/types';
 
+// Microfuzz highlight range: [startIndex, endIndex] (inclusive)
+export type HighlightRange = [number, number];
+// Array of highlight ranges per getText field
+export type HighlightRanges = HighlightRange[];
+
 export type Refs = State['refs'];
 export type RefType = Refs[keyof Refs] & { allStatuses?: StatusesByStoryIdAndTypeId };
 export type Item = StoriesHash[keyof StoriesHash];
@@ -51,7 +55,13 @@ export type SearchItem = Item & {
   showAll?: () => void;
 };
 
-export type SearchResult = Fuse.FuseResult<SearchItem>;
+// Native microfuzz result format
+export interface SearchResult {
+  item: SearchItem;
+  score: number | null;
+  // matches[0] = name highlights, matches[1] = path highlights
+  matches: HighlightRanges[];
+}
 
 export type SearchResultProps = SearchResult & {
   icon: string;
@@ -67,7 +77,7 @@ export type GetSearchItemProps = (args: {
 
 export type SearchChildrenFn = (args: {
   query: string;
-  results: SearchResult[]; // TODO fix this type
+  results: SearchResult[];
   isBrowsing: boolean;
   closeMenu: (cb?: () => void) => void;
   getItemProps: GetSearchItemProps;