@mobilestock-native/search 0.0.8 → 1.0.0

package/index.d.ts

@@ -1,12 +1,63 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { TextInputProps } from 'react-native';
+import { JSX } from 'react';
 
-interface SearchProps extends TextInputProps {
-    fetchSuggestions(query: string): Promise<string[]> | string[];
-    onSearch(query: string): void;
+type EventType = 'SEARCHING' | 'SEARCHED' | 'CLEARED' | 'SELECTED' | 'DESELECTED' | 'TYPING';
+interface CommonTypes {
+    disableSuggestions?: boolean;
+    iconSearchButton?: 'Search' | 'ChevronRight' | 'ArrowRight';
+    searchWhenTyping?: boolean;
     placeholder?: string;
-    isLoading?: boolean;
+    onChange?(data: {
+        value: unknown;
+        event: EventType;
+    }): void;
+    format?(value: string): string;
 }
-declare function Search({ placeholder, fetchSuggestions, onSearch, isLoading, ...rest }: SearchProps): react_jsx_runtime.JSX.Element;
+interface SearchProviderProps<T extends DataType> extends CommonTypes {
+    valueSuggestionKey?: T extends object ? LeafObjectKeyPath<T> : never;
+    disableSuggestions?: boolean;
+    defaultData?: T[];
+    children: React.ReactNode;
+    fetchOnQuery?(query?: string, signal?: AbortSignal): Promise<T[]>;
+}
+
+type DataType = object | string;
+type PrimitiveValue = string | number;
+type JoinDotPath<Prefix extends string, Key extends string> = Prefix extends '' ? Key : `${Prefix}.${Key}`;
+type JoinArrayIndexPath<Prefix extends string> = `${Prefix}[${number}]`;
+type JoinArrayWildcardPath<Prefix extends string> = `${Prefix}[*]`;
+type DepthDecrementMap = {
+    0: 0;
+    1: 0;
+    2: 1;
+    3: 2;
+    4: 3;
+    5: 4;
+    6: 5;
+    7: 6;
+    8: 7;
+    9: 8;
+    10: 9;
+};
+type DecrementDepth<Depth extends number> = Depth extends keyof DepthDecrementMap ? DepthDecrementMap[Depth] : 0;
+type LeafObjectKeyPath<typeObject, Prefix extends string = '', Depth extends number = 8> = Depth extends 0 ? never : typeObject extends PrimitiveValue ? Prefix extends '' ? never : Prefix : typeObject extends readonly (infer typeElement)[] ? typeElement extends PrimitiveValue ? never : LeafObjectKeyPath<typeElement, JoinArrayIndexPath<Prefix>, DecrementDepth<Depth>> | LeafObjectKeyPath<typeElement, JoinArrayWildcardPath<Prefix>, DecrementDepth<Depth>> : typeObject extends object ? {
+    [key in Extract<keyof typeObject, string>]: LeafObjectKeyPath<typeObject[key], JoinDotPath<Prefix, key>, DecrementDepth<Depth>>;
+}[Extract<keyof typeObject, string>] : never;
+type NormalizeSearchItem<typeItem> = typeItem extends string ? string : typeItem;
+type FetchOnQueryFunction<typeItem> = (query?: string, signal?: AbortSignal) => Promise<NormalizeSearchItem<typeItem>[]>;
+type InferItemFromArray<typeArray> = typeArray extends readonly (infer typeItem)[] ? typeItem : never;
+type InferItemFromFetchOnQuery<typeFetchOnQuery> = Awaited<typeFetchOnQuery extends (...args: any[]) => any ? ReturnType<typeFetchOnQuery> : never> extends readonly (infer typeItem)[] ? typeItem : never;
+type ValueSuggestionKeyForItem<typeItem> = NormalizeSearchItem<typeItem> extends object ? '' | LeafObjectKeyPath<NormalizeSearchItem<typeItem>> : never;
+interface PropsSearchBase<typeItem> {
+    variant?: 'ATTACHED' | 'DETACHED' | 'NO_BUTTON';
+    valueSuggestionKey?: ValueSuggestionKeyForItem<typeItem>;
+}
+declare function Search<typeDefaultData extends readonly unknown[]>(props: PropsSearchBase<InferItemFromArray<typeDefaultData>> & {
+    defaultData: typeDefaultData;
+    fetchOnQuery?: FetchOnQueryFunction<InferItemFromArray<typeDefaultData>>;
+} & Omit<SearchProviderProps<DataType>, 'valueSuggestionKey' | 'defaultData' | 'children'>): JSX.Element;
+declare function Search<typeFetchOnQuery extends (query?: string, signal?: AbortSignal) => Promise<any[]>>(props: PropsSearchBase<InferItemFromFetchOnQuery<typeFetchOnQuery>> & {
+    defaultData?: undefined;
+    fetchOnQuery: typeFetchOnQuery;
+} & Omit<SearchProviderProps<DataType>, 'valueSuggestionKey' | 'defaultData' | 'children'>): JSX.Element;
 
-export { Search, type SearchProps };
+export { type DataType, type LeafObjectKeyPath, Search };

package/index.js

@@ -1,21 +1 @@
-"use strict";var F=Object.create;var m=Object.defineProperty,W=Object.defineProperties,A=Object.getOwnPropertyDescriptor,K=Object.getOwnPropertyDescriptors,U=Object.getOwnPropertyNames,h=Object.getOwnPropertySymbols,_=Object.getPrototypeOf,I=Object.prototype.hasOwnProperty,E=Object.prototype.propertyIsEnumerable;var z=(t,e,o)=>e in t?m(t,e,{enumerable:!0,configurable:!0,writable:!0,value:o}):t[e]=o,L=(t,e)=>{for(var o in e||(e={}))I.call(e,o)&&z(t,o,e[o]);if(h)for(var o of h(e))E.call(e,o)&&z(t,o,e[o]);return t},$=(t,e)=>W(t,K(e));var w=(t,e)=>{var o={};for(var r in t)I.call(t,r)&&e.indexOf(r)<0&&(o[r]=t[r]);if(t!=null&&h)for(var r of h(t))e.indexOf(r)<0&&E.call(t,r)&&(o[r]=t[r]);return o};var G=(t,e)=>{for(var o in e)m(t,o,{get:e[o],enumerable:!0})},H=(t,e,o,r)=>{if(e&&typeof e=="object"||typeof e=="function")for(let a of U(e))!I.call(t,a)&&a!==o&&m(t,a,{get:()=>e[a],enumerable:!(r=A(e,a))||r.enumerable});return t};var P=(t,e,o)=>(o=t!=null?F(_(t)):{},H(e||!t||!t.__esModule?m(o,"default",{value:t,enumerable:!0}):o,t)),J=t=>H(m({},"__esModule",{value:!0}),t);var y=(t,e,o)=>new Promise((r,a)=>{var T=i=>{try{l(o.next(i))}catch(c){a(c)}},f=i=>{try{l(o.throw(i))}catch(c){a(c)}},l=i=>i.done?r(i.value):Promise.resolve(i.value).then(T,f);l((o=o.apply(t,e)).next())});var tt={};G(tt,{Search:()=>Q});module.exports=J(tt);var u=require("react"),D=require("react-native"),p=P(require("styled-components/native")),M=require("@mobilestock-native/button"),S=require("@mobilestock-native/container"),g=require("@mobilestock-native/list"),R=P(require("@mobilestock-native/tools"));var s=require("react/jsx-runtime");function Q(T){var f=T,{placeholder:t="ID, Nome e/ou tamanho do produto",fetchSuggestions:e,onSearch:o,isLoading:r=!1}=f,a=w(f,["placeholder","fetchSuggestions","onSearch","isLoading"]);let l=(0,u.useRef)(!1),[i,c]=(0,u.useState)(""),[v,N]=(0,u.useState)([]),[k,x]=(0,u.useState)(!1),C=3,V=500;(0,u.useEffect)(()=>{if(l.current){l.current=!1;return}let n=setTimeout(O,V);return()=>clearTimeout(n)},[i]);function O(){return y(this,null,function*(){let n=i.trim();if(n.length<C){x(!1);return}let d=yield e(n);N(d),x(!0)})}function b(n){let d=n.trim();d.length>=C&&(x(!1),o(d))}function q(n){l.current=!0,c(n),b(n)}let B=(0,u.useCallback)(n=>{c(n)},[]);return(0,s.jsxs)(X,{children:[(0,s.jsxs)(Y,{align:"CENTER",overflow:"HIDDEN",children:[(0,s.jsx)(Z,$(L({},a),{value:i,onChangeText:B,placeholder:t,onSubmitEditing:()=>b(i)})),(0,s.jsx)(j,{icon:"Search",size:"SM",backgroundColor:"DEFAULT",onPress:()=>b(i),isLoading:r})]}),k&&(0,s.jsx)(S.Container.Horizontal,{children:(0,s.jsx)(g.List,{data:v,renderItem:n=>(0,s.jsx)(g.List.Item.Horizontal,{padding:"SM",onPress:()=>q(n),children:(0,s.jsx)(g.List.Item.Text,{children:n})}),itemKey:(n,d)=>`${n}-${d}`,isLoading:r,whenEmptyList:(0,s.jsx)(g.List.Item.Horizontal,{padding:"MD_SM",align:"CENTER",children:(0,s.jsx)(g.List.Item.Text,{size:"MD",children:"Nenhum resultado encontrado"})})})})]})}var X=p.default.View`
-  border-radius: ${({theme:t})=>t.borderRadius.default};
-  background-color: ${({theme:t})=>t.colors.container.default};
-  elevation: 5;
-`,Y=(0,p.default)(S.Container.Horizontal)`
-  width: 100%;
-  height: 40px;
-  border-radius: ${({theme:t})=>t.borderRadius.default};
-`,Z=(0,p.default)(D.TextInput).attrs(({theme:t})=>({placeholderTextColor:t.colors.text.default}))`
-  flex: 1;
-  padding: 0 16px;
-  height: 100%;
-  background-color: ${({theme:t})=>t.colors.input.default};
-  font-size: ${({theme:t})=>t.font.size.md}px;
-  color: ${({theme:t})=>R.default.defineTextColor(t.colors.input.default)};
-  border-width: 0;
-`,j=(0,p.default)(M.Button)`
-  height: 100%;
-  width: 64px;
-  border-radius: ${({theme:t})=>t.borderRadius.none};
-`;0&&(module.exports={Search});
+"use strict";var We=Object.create;var R=Object.defineProperty,Je=Object.defineProperties,Me=Object.getOwnPropertyDescriptor,Qe=Object.getOwnPropertyDescriptors,$e=Object.getOwnPropertyNames,oe=Object.getOwnPropertySymbols,_e=Object.getPrototypeOf,ae=Object.prototype.hasOwnProperty,qe=Object.prototype.propertyIsEnumerable;var ie=(t,r,e)=>r in t?R(t,r,{enumerable:!0,configurable:!0,writable:!0,value:e}):t[r]=e,L=(t,r)=>{for(var e in r||(r={}))ae.call(r,e)&&ie(t,e,r[e]);if(oe)for(var e of oe(r))qe.call(r,e)&&ie(t,e,r[e]);return t},F=(t,r)=>Je(t,Qe(r));var Ge=(t,r)=>{for(var e in r)R(t,e,{get:r[e],enumerable:!0})},se=(t,r,e,o)=>{if(r&&typeof r=="object"||typeof r=="function")for(let n of $e(r))!ae.call(t,n)&&n!==e&&R(t,n,{get:()=>r[n],enumerable:!(o=Me(r,n))||o.enumerable});return t};var H=(t,r,e)=>(e=t!=null?We(_e(t)):{},se(r||!t||!t.__esModule?R(e,"default",{value:t,enumerable:!0}):e,t)),Ye=t=>se(R({},"__esModule",{value:!0}),t);var ce=(t,r,e)=>new Promise((o,n)=>{var u=i=>{try{l(e.next(i))}catch(b){n(b)}},c=i=>{try{l(e.throw(i))}catch(b){n(b)}},l=i=>i.done?o(i.value):Promise.resolve(i.value).then(u,c);l((e=e.apply(t,r)).next())});var et={};Ge(et,{Search:()=>Ze});module.exports=Ye(et);var Re=require("react-native"),Ae=require("styled-components/native"),U=require("@mobilestock-native/container");var ge=require("react"),p=require("react-native"),C=H(require("react-native-reanimated"));var s=require("react"),me=require("react-native"),ot=require("react-native-get-random-values"),fe=require("@mobilestock-native/container");var ue=H(require("fuse.js")),z=require("lodash"),le="[*]";function K(t){return["string","number","boolean"].includes(typeof t)}function de(t,r=""){let e=[],o=t;for(let n in o){let u=r?isNaN(Number(n))?`${r}.${n}`:`${r}`:n;e.push(u),typeof o[n]=="object"&&o[n]!==null&&(e=e.concat(de(o[n],u)))}return e}function pe(t){if(K(t))return String(t);let r=t;for(let e in r){let o=r[e];if(K(o))return String(o);if(typeof o=="object"&&o!==null){let n=pe(o);if(n)return n}}return String(t)}function Ue(t,r,e){if(t.length===0)return[];if(r.trim().length===0)return[];let o=t[0];return new ue.default(t,{threshold:.4,ignoreLocation:!0,ignoreDiacritics:!0,minMatchCharLength:4,keys:e?[String(e).replace(/\[\d+\]/g,"").replace(/\[\*\]/g,"")]:typeof o=="string"?[]:de(o)}).search(r.trim()).map(c=>c.item)}var A={filterDataWithFuse:Ue,getValueBySuggestionKeyPath(t,r){if(!r.includes(le)){let c=(0,z.get)(t,r);return K(c)?String(c):void 0}let e=r.indexOf(le),o=r.slice(0,e),n=r.slice(e+3).replace(/^\./,""),u=(0,z.get)(t,o);if(Array.isArray(u))for(let c of u){let l=n?(0,z.get)(c,n):c;if(K(l))return String(l)}},getFirstPrimitiveKeyRecursively:pe};var q=require("react/jsx-runtime"),he=(0,s.createContext)(null);function ye({valueSuggestionKey:t,disableSuggestions:r,searchWhenTyping:e,iconSearchButton:o,defaultData:n=[],placeholder:u,children:c,fetchOnQuery:l,onChange:i,format:b}){let[J,d]=(0,s.useState)(!1),[M,He]=(0,s.useState)(n),[Z,ze]=(0,s.useState)(null),[Ke,v]=(0,s.useState)([]),Q=(0,s.useRef)(null),$=(0,s.useRef)(null),_=(0,s.useRef)(null),Ne=(0,s.useRef)("");if(me.Platform.OS==="web"){(0,s.useEffect)(()=>(document.addEventListener("mousedown",a),()=>{document.removeEventListener("mousedown",a)}),[]);let a=(0,s.useCallback)(y=>{_.current&&(_.current.contains(y.target)||v([]))},[])}function Be(){v([])}function ee(a){let{v4:y}=require("uuid"),I=a.map(D=>{var ne;return{id:y(),item:D,value:t?(ne=A.getValueBySuggestionKeyPath(D,String(t)))!=null?ne:A.getFirstPrimitiveKeyRecursively(D):A.getFirstPrimitiveKeyRecursively(D)}});i==null||i({value:I.map(D=>D.item),event:"SEARCHED"}),v(I)}function te(){var a;Q.current&&((a=$.current)==null||a.abort(),clearTimeout(Q.current))}function je(a){te(),!(a.trim().length<=2)&&(Q.current=setTimeout(()=>{re(a)},300))}function re(a){return ce(this,null,function*(){try{if(v([]),d(!0),i==null||i({value:{query:a,cachedData:M},event:"SEARCHING"}),M.length>0){let I=A.filterDataWithFuse(M,a,t);if(I.length>0){ee(I);return}}if(!l)return;He([]);let y;if(l.length===2?($.current=new AbortController,y=yield l(a,$.current.signal)):y=yield l(a),!y){v([]);return}ee(y)}finally{d(!1)}})}function Xe(a){ze(a),a!==Z&&(a===null?i==null||i({value:null,event:"DESELECTED"}):(v([]),i==null||i({value:a,event:"SELECTED"})))}return(0,q.jsx)(he.Provider,{value:{configureSelectedItem:Xe,cancelOngoingRequest:te,debounceSearch:je,clearResults:Be,onChange:i,search:re,format:b,disableSuggestions:r,iconSearchButton:o,searchWhenTyping:e,inputContentRef:Ne,searchResults:Ke,selectedItem:Z,placeholder:u,isLoading:J},children:(0,q.jsx)(fe.Container.Vertical,{ref:_,children:c})})}function g(){let t=(0,s.useContext)(he);if(!t)throw new Error("useSearch must be used within a SearchProvider");return t}var w=require("react/jsx-runtime");function x({children:t}){let r=g(),e=(0,C.useSharedValue)(0);(0,ge.useEffect)(()=>{e.value=r.searchResults.length>0?1e3:0},[r.searchResults.length]);let o=(0,C.useAnimatedStyle)(()=>({zIndex:e.value}));return(0,w.jsxs)(C.default.View,{style:o,testID:"container-vertical-zindex",children:[(0,w.jsx)(p.KeyboardAvoidingView,{behavior:"padding",children:t}),r.searchResults.length>0&&p.Platform.OS==="android"&&(0,w.jsx)(p.Pressable,{testID:"container-input-overlay",onPress:()=>p.Keyboard.dismiss(),style:{position:"absolute",width:p.Dimensions.get("window").width,height:p.Dimensions.get("window").height,top:0,left:0,bottom:0,right:0,backgroundColor:"transparent"}})]})}var T=require("react"),N=require("react-native"),Se=require("styled-components/native"),be=require("@mobilestock-native/clickable"),G=require("@mobilestock-native/container"),Te=require("@mobilestock-native/icons"),ve=H(require("@mobilestock-native/tools"));var S=require("react/jsx-runtime");function P({hiddenLoadingIndicator:t=!1}){let r=(0,Se.useTheme)(),e=g(),[o,n]=(0,T.useState)(!1),[u,c]=(0,T.useState)(""),l=(0,T.useRef)(null);(0,T.useEffect)(()=>{e.selectedItem&&(c(String(e.selectedItem)),n(!0))},[e.selectedItem]);function i(){typeof e.onChange=="function"&&e.onChange({value:null,event:"CLEARED"}),e.clearResults(),e.configureSelectedItem(null),e.cancelOngoingRequest(),c(""),n(!1),e.debounceSearch("")}function b(d){e.format&&(d=e.format(d)),c(d),n(d.length>0),e.searchWhenTyping&&d.length>0?e.debounceSearch(d):e.inputContentRef.current=d,e.configureSelectedItem(null),typeof e.onChange=="function"&&e.onChange({value:d,event:"TYPING"})}function J(){!e.searchWhenTyping&&e.inputContentRef.current&&e.inputContentRef.current.length>0&&e.debounceSearch(e.inputContentRef.current)}return(0,S.jsxs)(G.Container.Horizontal,{full:!0,style:{backgroundColor:r.colors.search.backgroundColor},padding:"NONE_XS",align:"CENTER",gap:"XS",children:[(0,S.jsx)(N.TextInput,{ref:l,value:u,selectTextOnFocus:!!e.selectedItem,style:{height:40,flex:1,outline:"none",border:"none",backgroundColor:"transparent",color:ve.default.defineTextColor(r.colors.search.backgroundColor)},onChangeText:b,onEndEditing:J,placeholder:e.placeholder,clearButtonMode:"never"}),!t&&e.isLoading&&(0,S.jsx)(N.ActivityIndicator,{color:r.colors.search.borderColor}),o&&(0,S.jsx)(G.Container.Horizontal,{align:"CENTER",children:(0,S.jsx)(be.Clickable,{onPress:i,children:(0,S.jsx)(Te.Icon,{name:"X",size:"XS"})})})]})}var Ie=require("react-native"),De=require("styled-components/native"),Ce=require("@mobilestock-native/clickable"),xe=require("@mobilestock-native/icons"),Y=H(require("@mobilestock-native/tools"));var B=require("react/jsx-runtime");function j(t){let r=g(),e=(0,De.useTheme)();return(0,B.jsx)(Ce.Clickable,F(L({onPress:()=>r.search(r.inputContentRef.current||""),disabled:r.isLoading,style:{backgroundColor:e.colors.button.default,padding:10,borderRadius:6},testID:"search-button"},t),{children:r.isLoading?(0,B.jsx)(Ie.ActivityIndicator,{size:"small",testID:"activity-indicator",color:Y.default.defineTextColor(e.colors.button.default)}):(0,B.jsx)(xe.Icon,{name:r.iconSearchButton||"Search",size:"SM",color:Y.default.defineTextColor(e.colors.button.default)})}))}var Pe=require("styled-components/native"),Ee=require("@mobilestock-native/container"),X=require("@mobilestock-native/list");var O=require("react/jsx-runtime");function E(){let t=g(),r=(0,Pe.useTheme)();return t.disableSuggestions?null:(0,O.jsx)(Ee.Container.Vertical,{style:{position:"absolute",top:48,left:0,right:0,borderBottomEndRadius:5,borderBottomStartRadius:5,borderWidth:1,borderColor:r.colors.search.borderColor,borderRadius:8,maxHeight:150,backgroundColor:r.colors.search.backgroundColor,overflow:"hidden",zIndex:1,display:t.searchResults.length>0?"flex":"none"},testID:"suggestion-container",children:(0,O.jsx)(X.List,{itemKey:"id",data:t.searchResults,renderItem:({value:e})=>(0,O.jsx)(X.List.Item.Horizontal,{padding:"SM_2XS",align:"START_CENTER",onPress:()=>t.configureSelectedItem(e),children:(0,O.jsx)(X.List.Item.Text,{testID:e,children:e})})})})}var f=require("react/jsx-runtime");function we(){let t=(0,Ae.useTheme)();return(0,f.jsx)(x,{children:(0,f.jsx)(Re.KeyboardAvoidingView,{behavior:"padding",children:(0,f.jsxs)(U.Container.Vertical,{gap:"2XS",style:{position:"relative"},children:[(0,f.jsxs)(U.Container.Horizontal,{style:{backgroundColor:t.colors.search.backgroundColor,borderColor:t.colors.search.borderColor,borderWidth:1,borderRadius:8,borderStyle:"solid",overflow:"hidden"},children:[(0,f.jsx)(P,{hiddenLoadingIndicator:!0}),(0,f.jsx)(j,{})]}),(0,f.jsx)(E,{})]})})})}var Oe=require("styled-components/native"),V=require("@mobilestock-native/container");var m=require("react/jsx-runtime");function Ve(){let t=(0,Oe.useTheme)();return(0,m.jsx)(x,{children:(0,m.jsxs)(V.Container.Horizontal,{gap:"2XS",style:{zIndex:1},children:[(0,m.jsxs)(V.Container.Vertical,{full:!0,gap:"2XS",style:{position:"relative"},children:[(0,m.jsx)(V.Container.Horizontal,{style:{borderColor:t.colors.search.borderColor,borderWidth:1,borderRadius:8,borderStyle:"solid",overflow:"hidden"},children:(0,m.jsx)(P,{hiddenLoadingIndicator:!0})}),(0,m.jsx)(E,{})]}),(0,m.jsx)(V.Container.Vertical,{children:(0,m.jsx)(j,{})})]})})}var ke=require("react-native"),Le=require("styled-components/native"),W=require("@mobilestock-native/container");var h=require("react/jsx-runtime");function Fe(){let t=(0,Le.useTheme)();return(0,h.jsx)(x,{children:(0,h.jsx)(ke.KeyboardAvoidingView,{behavior:"padding",children:(0,h.jsx)(W.Container.Horizontal,{gap:"2XS",children:(0,h.jsxs)(W.Container.Vertical,{full:!0,gap:"2XS",style:{position:"relative"},children:[(0,h.jsx)(W.Container.Horizontal,{style:{borderColor:t.colors.search.borderColor,borderWidth:1,borderRadius:8,borderStyle:"solid",overflow:"hidden"},children:(0,h.jsx)(P,{})}),(0,h.jsx)(E,{})]})})})})}var k=require("react/jsx-runtime");function Ze(t){return(0,k.jsx)(ye,F(L({searchWhenTyping:!["ATTACHED","DETACHED"].includes(t.variant||"")},t),{children:t.variant==="ATTACHED"?(0,k.jsx)(we,{}):t.variant==="DETACHED"?(0,k.jsx)(Ve,{}):(0,k.jsx)(Fe,{})}))}0&&(module.exports={Search});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mobilestock-native/search",
-  "version": "0.0.8",
+  "version": "1.0.0",
   "main": "index.js",
   "peerDependencies": {
     "react": "18.2.0",
@@ -9,9 +9,17 @@
     "react-native": "0.74.5"
   },
   "dependencies": {
-    "@mobilestock-native/list": "^0.0.11",
-    "@mobilestock-native/button": "^1.0.14",
+    "react-native-get-random-values": "^2.0.0",
+    "fuse.js": "7.1.0",
+    "lodash": "^4.17.21",
+    "uuid": "^13.0.0",
     "@mobilestock-native/container": "^1.0.0",
-    "@mobilestock-native/tools": "^0.0.10"
+    "@mobilestock-native/button": "^1.0.14",
+    "@mobilestock-native/clickable": "^1.0.8",
+    "@mobilestock-native/tools": "^0.0.10",
+    "@mobilestock-native/list": "^0.0.11"
+  },
+  "devDependencies": {
+    "@types/lodash": "4.17.21"
   }
 }