@mobilestock-native/search 0.0.1

package/index.d.ts

@@ -0,0 +1,12 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { TextInputProps } from 'react-native';
+
+interface SearchProps extends TextInputProps {
+    fetchSuggestions(query: string): Promise<string[]> | string[];
+    onSearch(query: string): void;
+    placeholder?: string;
+    isLoading?: boolean;
+}
+declare function Search({ placeholder, fetchSuggestions, onSearch, isLoading, ...rest }: SearchProps): react_jsx_runtime.JSX.Element;
+
+export { Search, type SearchProps };

package/index.js

@@ -0,0 +1,21 @@
+"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});

package/package.json

@@ -0,0 +1,17 @@
+{
+  "name": "@mobilestock-native/search",
+  "version": "0.0.1",
+  "main": "index.js",
+  "peerDependencies": {
+    "react": "18.2.0",
+    "react-dom": "18.2.0",
+    "styled-components": "^6.1.8",
+    "react-native": "0.74.5"
+  },
+  "dependencies": {
+    "@mobilestock-native/button": "^1.0.9",
+    "@mobilestock-native/container": "^0.0.4",
+    "@mobilestock-native/list": "^0.0.4",
+    "@mobilestock-native/tools": "^0.0.9"
+  }
+}