@mobilestockweb/search 1.0.1 → 1.0.2

package/index.js

@@ -1 +1 @@
-"use strict";var we=Object.create;var E=Object.defineProperty,Fe=Object.defineProperties,Ke=Object.getOwnPropertyDescriptor,Ne=Object.getOwnPropertyDescriptors,je=Object.getOwnPropertyNames,ee=Object.getOwnPropertySymbols,Be=Object.getPrototypeOf,re=Object.prototype.hasOwnProperty,Xe=Object.prototype.propertyIsEnumerable;var te=(t,r,e)=>r in t?E(t,r,{enumerable:!0,configurable:!0,writable:!0,value:e}):t[r]=e,L=(t,r)=>{for(var e in r||(r={}))re.call(r,e)&&te(t,e,r[e]);if(ee)for(var e of ee(r))Xe.call(r,e)&&te(t,e,r[e]);return t},V=(t,r)=>Fe(t,Ne(r));var We=(t,r)=>{for(var e in r)E(t,e,{get:r[e],enumerable:!0})},ne=(t,r,e,o)=>{if(r&&typeof r=="object"||typeof r=="function")for(let n of je(r))!re.call(t,n)&&n!==e&&E(t,n,{get:()=>r[n],enumerable:!(o=Ke(r,n))||o.enumerable});return t};var M=(t,r,e)=>(e=t!=null?we(Be(t)):{},ne(r||!t||!t.__esModule?E(e,"default",{value:t,enumerable:!0}):e,t)),Me=t=>ne(E({},"__esModule",{value:!0}),t);var oe=(t,r,e)=>new Promise((o,n)=>{var d=i=>{try{u(e.next(i))}catch(g){n(g)}},l=i=>{try{u(e.throw(i))}catch(g){n(g)}},u=i=>i.done?o(i.value):Promise.resolve(i.value).then(d,l);u((e=e.apply(t,r)).next())});var $e={};We($e,{Search:()=>Qe});module.exports=Me($e);var Ce=require("styled-components"),N=require("@mobilestockweb/container");var c=require("react"),le=require("@mobilestockweb/container");var ae=M(require("fuse.js")),H=require("lodash"),ie="[*]";function z(t){return["string","number","boolean"].includes(typeof t)}function se(t,r=""){let e=[],o=t;for(let n in o){let d=r?isNaN(Number(n))?`${r}.${n}`:`${r}`:n;e.push(d),typeof o[n]=="object"&&o[n]!==null&&(e=e.concat(se(o[n],d)))}return e}function ce(t){if(z(t))return String(t);let r=t;for(let e in r){let o=r[e];if(z(o))return String(o);if(typeof o=="object"&&o!==null){let n=ce(o);if(n)return n}}return String(t)}function Je(t,r,e){if(t.length===0)return[];if(r.trim().length===0)return[];let o=t[0];return new ae.default(t,{threshold:.4,ignoreLocation:!0,ignoreDiacritics:!0,minMatchCharLength:4,keys:e?[String(e).replace(/\[\d+\]/g,"").replace(/\[\*\]/g,"")]:typeof o=="string"?[]:se(o)}).search(r.trim()).map(l=>l.item)}var R={filterDataWithFuse:Je,getValueBySuggestionKeyPath(t,r){if(!r.includes(ie)){let l=(0,H.get)(t,r);return z(l)?String(l):void 0}let e=r.indexOf(ie),o=r.slice(0,e),n=r.slice(e+3).replace(/^\./,""),d=(0,H.get)(t,o);if(Array.isArray(d))for(let l of d){let u=n?(0,H.get)(l,n):l;if(z(u))return String(u)}},getFirstPrimitiveKeyRecursively:ce};var J=require("react/jsx-runtime"),ue=(0,c.createContext)(null);function de({valueSuggestionKey:t,disableSuggestions:r,searchWhenTyping:e,iconSearchButton:o,defaultData:n=[],placeholder:d,children:l,fetchOnQuery:u,onChange:i,format:g}){let[j,s]=(0,c.useState)(!1),[b,Ae]=(0,c.useState)(n),[q,Oe]=(0,c.useState)(null),[ke,v]=(0,c.useState)([]),B=(0,c.useRef)(null),X=(0,c.useRef)(null),W=(0,c.useRef)(null),Le=(0,c.useRef)("");(0,c.useEffect)(()=>(document.addEventListener("mousedown",G),()=>{document.removeEventListener("mousedown",G)}),[]);let G=(0,c.useCallback)(a=>{W.current&&(W.current.contains(a.target)||v([]))},[]);function Ve(){v([])}function _(a){let{v4:S}=require("uuid"),P=a.map(D=>{var Z;return{id:S(),item:D,value:t?(Z=R.getValueBySuggestionKeyPath(D,String(t)))!=null?Z:R.getFirstPrimitiveKeyRecursively(D):R.getFirstPrimitiveKeyRecursively(D)}});i==null||i({value:P.map(D=>D.item),event:"SEARCHED"}),v(P)}function Y(){var a;B.current&&((a=X.current)==null||a.abort(),clearTimeout(B.current))}function He(a){Y(),!(a.trim().length<=2)&&(B.current=setTimeout(()=>{U(a)},300))}function U(a){return oe(this,null,function*(){try{if(v([]),s(!0),i==null||i({value:{query:a,cachedData:b},event:"SEARCHING"}),b.length>0){let P=R.filterDataWithFuse(b,a);if(P.length>0){_(P);return}}if(!u)return;Ae([]);let S;if(u.length===2?(X.current=new AbortController,S=yield u(a,X.current.signal)):S=yield u(a),!S){v([]);return}_(S)}finally{s(!1)}})}function ze(a){Oe(a),a!==q&&(a===null?i==null||i({value:null,event:"DESELECTED"}):(v([]),i==null||i({value:a,event:"SELECTED"})))}return(0,J.jsx)(ue.Provider,{value:{configureSelectedItem:ze,cancelOngoingRequest:Y,debounceSearch:He,clearResults:Ve,onChange:i,search:U,format:g,disableSuggestions:r,iconSearchButton:o,searchWhenTyping:e,inputContentRef:Le,searchResults:ke,selectedItem:q,placeholder:d,isLoading:j},children:(0,J.jsx)(le.Container.Vertical,{ref:W,children:l})})}function p(){let t=(0,c.useContext)(ue);if(!t)throw new Error("useSearch must be used within a SearchProvider");return t}var T=require("react"),pe=require("styled-components"),fe=require("@mobilestockweb/clickable"),Q=require("@mobilestockweb/container"),me=require("@mobilestockweb/icons"),he=require("@mobilestockweb/loading-spinner"),ye=M(require("@mobilestockweb/tools"));var m=require("react/jsx-runtime");function C({hiddenLoadingIndicator:t=!1}){let r=(0,pe.useTheme)(),e=p(),[o,n]=(0,T.useState)(!1),[d,l]=(0,T.useState)(""),u=(0,T.useRef)(null);(0,T.useEffect)(()=>{e.selectedItem&&(l(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(),l(""),n(!1),e.debounceSearch("")}function g(s){e.format&&(s=e.format(s)),l(s),n(s.length>0),e.searchWhenTyping&&s.length>0?e.debounceSearch(s):e.inputContentRef.current=s,e.configureSelectedItem(null),typeof e.onChange=="function"&&e.onChange({value:s,event:"TYPING"})}function j(s){var b;s.key==="Enter"&&(s.preventDefault(),(b=u.current)==null||b.blur(),!e.searchWhenTyping&&e.inputContentRef.current&&e.inputContentRef.current.length>0&&e.debounceSearch(e.inputContentRef.current))}return(0,m.jsxs)(Q.Container.Horizontal,{full:!0,style:{backgroundColor:r.colors.search.backgroundColor},padding:"NONE_XS",align:"CENTER",gap:"XS",children:[(0,m.jsx)("input",{ref:u,value:d,style:{height:40,flex:1,outline:"none",border:"none",backgroundColor:"transparent",color:ye.default.defineTextColor(r.colors.search.backgroundColor)},onChange:s=>g(s.target.value),onFocus:s=>!!e.selectedItem&&s.target.select(),onKeyDown:j,placeholder:e.placeholder}),!t&&e.isLoading&&(0,m.jsx)(he.LoadingSpinner,{color:r.colors.search.borderColor}),o&&(0,m.jsx)(Q.Container.Horizontal,{align:"CENTER",children:(0,m.jsx)(fe.Clickable,{onClick:i,children:(0,m.jsx)(me.Icon,{name:"X",size:"XS"})})})]})}var ge=require("styled-components"),Se=require("@mobilestockweb/clickable"),Te=require("@mobilestockweb/icons"),be=require("@mobilestockweb/loading-spinner"),$=M(require("@mobilestockweb/tools"));var w=require("react/jsx-runtime");function F(t){let r=p(),e=(0,ge.useTheme)();return(0,w.jsx)(Se.Clickable,V(L({onClick:()=>r.search(r.inputContentRef.current||""),disabled:r.isLoading,style:{backgroundColor:e.colors.button.default,padding:12,borderRadius:6},"data-testid":"search-button"},t),{children:r.isLoading?(0,w.jsx)(be.LoadingSpinner,{size:"SM","data-testid":"activity-indicator",color:$.default.defineTextColor(e.colors.button.default)}):(0,w.jsx)(Te.Icon,{name:r.iconSearchButton||"Search",size:"SM",color:$.default.defineTextColor(e.colors.button.default)})}))}var ve=require("styled-components"),De=require("@mobilestockweb/container"),K=require("@mobilestockweb/list");var A=require("react/jsx-runtime");function I(){let t=p(),r=(0,ve.useTheme)();return t.disableSuggestions?null:(0,A.jsx)(De.Container.Vertical,{style:{position:"absolute",top:48,left:0,right:0,borderWidth:2,borderColor:r.colors.search.borderColor,borderStyle:"solid",borderRadius:8,maxHeight:150,backgroundColor:r.colors.search.backgroundColor,overflow:"hidden",display:t.searchResults.length>0?"flex":"none"},"data-testid":"suggestion-container",children:(0,A.jsx)(K.List,{itemKey:"id",data:t.searchResults,renderItem:({value:e})=>(0,A.jsx)(K.List.Item.Horizontal,{padding:"XS",align:"START_CENTER",onClick:()=>t.configureSelectedItem(e),children:(0,A.jsx)(K.List.Item.Text,{children:e})})})})}var h=require("react/jsx-runtime");function Ie(){let t=p(),r=(0,Ce.useTheme)();return(0,h.jsx)(N.Container.Vertical,{style:{position:"relative",zIndex:t.searchResults.length>0?1e3:void 0},"data-testid":"container-vertical-zindex",children:(0,h.jsxs)(N.Container.Vertical,{gap:"2XS",style:{position:"relative"},children:[(0,h.jsxs)(N.Container.Horizontal,{style:{backgroundColor:r.colors.search.backgroundColor,borderColor:r.colors.search.borderColor,borderWidth:2,borderRadius:8,borderStyle:"solid",overflow:"hidden"},children:[(0,h.jsx)(C,{hiddenLoadingIndicator:!0}),(0,h.jsx)(F,{})]}),(0,h.jsx)(I,{})]})})}var xe=require("styled-components"),x=require("@mobilestockweb/container");var f=require("react/jsx-runtime");function Pe(){let t=p(),r=(0,xe.useTheme)();return(0,f.jsx)(x.Container.Vertical,{style:{position:"relative",zIndex:t.searchResults.length>0?1e3:void 0},"data-testid":"container-vertical-zindex",children:(0,f.jsxs)(x.Container.Horizontal,{gap:"2XS",children:[(0,f.jsxs)(x.Container.Vertical,{full:!0,gap:"2XS",style:{position:"relative"},children:[(0,f.jsx)(x.Container.Horizontal,{style:{borderColor:r.colors.search.borderColor,borderWidth:2,borderRadius:8,borderStyle:"solid",overflow:"hidden"},children:(0,f.jsx)(C,{hiddenLoadingIndicator:!0})}),(0,f.jsx)(I,{})]}),(0,f.jsx)(x.Container.Vertical,{children:(0,f.jsx)(F,{})})]})})}var Ee=require("styled-components"),O=require("@mobilestockweb/container");var y=require("react/jsx-runtime");function Re(){let t=p(),r=(0,Ee.useTheme)();return(0,y.jsx)(O.Container.Vertical,{style:{position:"relative",zIndex:t.searchResults.length>0?1e3:void 0},"data-testid":"container-vertical-zindex",children:(0,y.jsx)(O.Container.Horizontal,{gap:"2XS",children:(0,y.jsxs)(O.Container.Vertical,{full:!0,gap:"2XS",style:{position:"relative"},children:[(0,y.jsx)(O.Container.Horizontal,{style:{borderColor:r.colors.search.borderColor,borderWidth:2,borderRadius:8,borderStyle:"solid",overflow:"hidden"},children:(0,y.jsx)(C,{})}),(0,y.jsx)(I,{})]})})})}var k=require("react/jsx-runtime");function Qe(t){return(0,k.jsx)(de,V(L({searchWhenTyping:!["ATTACHED","DETACHED"].includes(t.variant||"")},t),{children:t.variant==="ATTACHED"?(0,k.jsx)(Ie,{}):t.variant==="DETACHED"?(0,k.jsx)(Pe,{}):(0,k.jsx)(Re,{})}))}0&&(module.exports={Search});
+"use strict";var we=Object.create;var E=Object.defineProperty,Fe=Object.defineProperties,Ke=Object.getOwnPropertyDescriptor,Ne=Object.getOwnPropertyDescriptors,je=Object.getOwnPropertyNames,ee=Object.getOwnPropertySymbols,Be=Object.getPrototypeOf,re=Object.prototype.hasOwnProperty,Xe=Object.prototype.propertyIsEnumerable;var te=(t,r,e)=>r in t?E(t,r,{enumerable:!0,configurable:!0,writable:!0,value:e}):t[r]=e,k=(t,r)=>{for(var e in r||(r={}))re.call(r,e)&&te(t,e,r[e]);if(ee)for(var e of ee(r))Xe.call(r,e)&&te(t,e,r[e]);return t},V=(t,r)=>Fe(t,Ne(r));var We=(t,r)=>{for(var e in r)E(t,e,{get:r[e],enumerable:!0})},ne=(t,r,e,o)=>{if(r&&typeof r=="object"||typeof r=="function")for(let n of je(r))!re.call(t,n)&&n!==e&&E(t,n,{get:()=>r[n],enumerable:!(o=Ke(r,n))||o.enumerable});return t};var M=(t,r,e)=>(e=t!=null?we(Be(t)):{},ne(r||!t||!t.__esModule?E(e,"default",{value:t,enumerable:!0}):e,t)),Me=t=>ne(E({},"__esModule",{value:!0}),t);var oe=(t,r,e)=>new Promise((o,n)=>{var d=i=>{try{u(e.next(i))}catch(S){n(S)}},c=i=>{try{u(e.throw(i))}catch(S){n(S)}},u=i=>i.done?o(i.value):Promise.resolve(i.value).then(d,c);u((e=e.apply(t,r)).next())});var $e={};We($e,{Search:()=>Qe});module.exports=Me($e);var De=require("styled-components"),N=require("@mobilestockweb/container");var l=require("react"),ce=require("@mobilestockweb/container");var ae=M(require("fuse.js")),H=require("lodash"),ie="[*]";function z(t){return["string","number","boolean"].includes(typeof t)}function se(t,r=""){let e=[],o=t;for(let n in o){let d=r?isNaN(Number(n))?`${r}.${n}`:`${r}`:n;e.push(d),typeof o[n]=="object"&&o[n]!==null&&(e=e.concat(se(o[n],d)))}return e}function le(t){if(z(t))return String(t);let r=t;for(let e in r){let o=r[e];if(z(o))return String(o);if(typeof o=="object"&&o!==null){let n=le(o);if(n)return n}}return String(t)}function Je(t,r,e){if(t.length===0)return[];if(r.trim().length===0)return[];let o=t[0];return new ae.default(t,{threshold:.4,ignoreLocation:!0,ignoreDiacritics:!0,minMatchCharLength:4,keys:e?[String(e).replace(/\[\d+\]/g,"").replace(/\[\*\]/g,"")]:typeof o=="string"?[]:se(o)}).search(r.trim()).map(c=>c.item)}var R={filterDataWithFuse:Je,getValueBySuggestionKeyPath(t,r){if(!r.includes(ie)){let c=(0,H.get)(t,r);return z(c)?String(c):void 0}let e=r.indexOf(ie),o=r.slice(0,e),n=r.slice(e+3).replace(/^\./,""),d=(0,H.get)(t,o);if(Array.isArray(d))for(let c of d){let u=n?(0,H.get)(c,n):c;if(z(u))return String(u)}},getFirstPrimitiveKeyRecursively:le};var J=require("react/jsx-runtime"),ue=(0,l.createContext)(null);function de({valueSuggestionKey:t,disableSuggestions:r,searchWhenTyping:e,iconSearchButton:o,defaultData:n=[],placeholder:d,children:c,fetchOnQuery:u,onChange:i,format:S}){let[j,s]=(0,l.useState)(!1),[m,Ae]=(0,l.useState)(n),[G,Oe]=(0,l.useState)(null),[Le,v]=(0,l.useState)([]),B=(0,l.useRef)(null),X=(0,l.useRef)(null),W=(0,l.useRef)(null),ke=(0,l.useRef)("");(0,l.useEffect)(()=>(document.addEventListener("mousedown",_),()=>{document.removeEventListener("mousedown",_)}),[]);let _=(0,l.useCallback)(a=>{W.current&&(W.current.contains(a.target)||v([]))},[]);function Ve(){v([])}function q(a){let{v4:T}=require("uuid"),P=a.map(C=>{var Z;return{id:T(),item:C,value:t?(Z=R.getValueBySuggestionKeyPath(C,String(t)))!=null?Z:R.getFirstPrimitiveKeyRecursively(C):R.getFirstPrimitiveKeyRecursively(C)}});i==null||i({value:P.map(C=>C.item),event:"SEARCHED"}),v(P)}function Y(){var a;B.current&&((a=X.current)==null||a.abort(),clearTimeout(B.current))}function He(a){Y(),!(a.trim().length>0&&a.trim().length<=2)&&(B.current=setTimeout(()=>{U(a)},300))}function U(a){return oe(this,null,function*(){try{if(v([]),s(!0),i==null||i({value:{query:a,cachedData:m},event:"SEARCHING"}),m.length>0){let P=R.filterDataWithFuse(m,a);if(P.length>0){q(P);return}}if(!u)return;Ae([]);let T;if(u.length===2?(X.current=new AbortController,T=yield u(a,X.current.signal)):T=yield u(a),!T){v([]);return}q(T)}finally{s(!1)}})}function ze(a){Oe(a),a!==G&&(a===null?i==null||i({value:null,event:"DESELECTED"}):(v([]),i==null||i({value:a,event:"SELECTED"})))}return(0,J.jsx)(ue.Provider,{value:{configureSelectedItem:ze,cancelOngoingRequest:Y,debounceSearch:He,clearResults:Ve,onChange:i,search:U,format:S,disableSuggestions:r,iconSearchButton:o,searchWhenTyping:e,inputContentRef:ke,searchResults:Le,selectedItem:G,placeholder:d,isLoading:j},children:(0,J.jsx)(ce.Container.Vertical,{ref:W,children:c})})}function p(){let t=(0,l.useContext)(ue);if(!t)throw new Error("useSearch must be used within a SearchProvider");return t}var b=require("react"),pe=require("styled-components"),fe=require("@mobilestockweb/clickable"),Q=require("@mobilestockweb/container"),me=require("@mobilestockweb/icons"),he=require("@mobilestockweb/loading-spinner"),ye=M(require("@mobilestockweb/tools"));var h=require("react/jsx-runtime");function D({hiddenLoadingIndicator:t=!1}){let r=(0,pe.useTheme)(),e=p(),[o,n]=(0,b.useState)(!1),[d,c]=(0,b.useState)(""),u=(0,b.useRef)(null);(0,b.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(),e.inputContentRef.current="",c(""),n(!1)}function S(s){var m;if(e.format&&(s=e.format(s)),c(s),n(s.length>0),s.length===0){e.inputContentRef.current="",(m=e.onChange)==null||m.call(e,{value:null,event:"CLEARED"});return}e.searchWhenTyping?e.debounceSearch(s):e.inputContentRef.current=s,e.configureSelectedItem(null),typeof e.onChange=="function"&&e.onChange({value:s,event:"TYPING"})}function j(s){var m;s.key==="Enter"&&(s.preventDefault(),(m=u.current)==null||m.blur(),!e.searchWhenTyping&&e.inputContentRef.current&&e.inputContentRef.current.length>0&&e.debounceSearch(e.inputContentRef.current))}return(0,h.jsxs)(Q.Container.Horizontal,{full:!0,style:{backgroundColor:r.colors.search.backgroundColor},padding:"NONE_XS",align:"CENTER",gap:"XS",children:[(0,h.jsx)("input",{ref:u,value:d,style:{height:40,flex:1,outline:"none",border:"none",backgroundColor:"transparent",color:ye.default.defineTextColor(r.colors.search.backgroundColor)},onChange:s=>S(s.target.value),onFocus:s=>!!e.selectedItem&&s.target.select(),onKeyDown:j,placeholder:e.placeholder}),!t&&e.isLoading&&(0,h.jsx)(he.LoadingSpinner,{color:r.colors.search.borderColor}),o&&(0,h.jsx)(Q.Container.Horizontal,{align:"CENTER",children:(0,h.jsx)(fe.Clickable,{onClick:i,children:(0,h.jsx)(me.Icon,{name:"X",size:"XS"})})})]})}var ge=require("styled-components"),Se=require("@mobilestockweb/clickable"),Te=require("@mobilestockweb/icons"),be=require("@mobilestockweb/loading-spinner"),$=M(require("@mobilestockweb/tools"));var w=require("react/jsx-runtime");function F(t){let r=p(),e=(0,ge.useTheme)();return(0,w.jsx)(Se.Clickable,V(k({onClick:()=>r.search(r.inputContentRef.current||""),disabled:r.isLoading,style:{backgroundColor:e.colors.button.default,padding:12,borderRadius:6},"data-testid":"search-button"},t),{children:r.isLoading?(0,w.jsx)(be.LoadingSpinner,{size:"SM","data-testid":"activity-indicator",color:$.default.defineTextColor(e.colors.button.default)}):(0,w.jsx)(Te.Icon,{name:r.iconSearchButton||"Search",size:"SM",color:$.default.defineTextColor(e.colors.button.default)})}))}var ve=require("styled-components"),Ce=require("@mobilestockweb/container"),K=require("@mobilestockweb/list");var A=require("react/jsx-runtime");function I(){let t=p(),r=(0,ve.useTheme)();return t.disableSuggestions?null:(0,A.jsx)(Ce.Container.Vertical,{style:{position:"absolute",top:48,left:0,right:0,borderWidth:2,borderColor:r.colors.search.borderColor,borderStyle:"solid",borderRadius:8,maxHeight:150,backgroundColor:r.colors.search.backgroundColor,overflow:"hidden",display:t.searchResults.length>0?"flex":"none"},"data-testid":"suggestion-container",children:(0,A.jsx)(K.List,{itemKey:"id",data:t.searchResults,renderItem:({value:e})=>(0,A.jsx)(K.List.Item.Horizontal,{padding:"XS",align:"START_CENTER",onClick:()=>t.configureSelectedItem(e),children:(0,A.jsx)(K.List.Item.Text,{children:e})})})})}var y=require("react/jsx-runtime");function Ie(){let t=p(),r=(0,De.useTheme)();return(0,y.jsx)(N.Container.Vertical,{style:{position:"relative",zIndex:t.searchResults.length>0?1e3:void 0},"data-testid":"container-vertical-zindex",children:(0,y.jsxs)(N.Container.Vertical,{gap:"2XS",style:{position:"relative"},children:[(0,y.jsxs)(N.Container.Horizontal,{style:{backgroundColor:r.colors.search.backgroundColor,borderColor:r.colors.search.borderColor,borderWidth:2,borderRadius:8,borderStyle:"solid",overflow:"hidden"},children:[(0,y.jsx)(D,{hiddenLoadingIndicator:!0}),(0,y.jsx)(F,{})]}),(0,y.jsx)(I,{})]})})}var xe=require("styled-components"),x=require("@mobilestockweb/container");var f=require("react/jsx-runtime");function Pe(){let t=p(),r=(0,xe.useTheme)();return(0,f.jsx)(x.Container.Vertical,{style:{position:"relative",zIndex:t.searchResults.length>0?1e3:void 0},"data-testid":"container-vertical-zindex",children:(0,f.jsxs)(x.Container.Horizontal,{gap:"2XS",children:[(0,f.jsxs)(x.Container.Vertical,{full:!0,gap:"2XS",style:{position:"relative"},children:[(0,f.jsx)(x.Container.Horizontal,{style:{borderColor:r.colors.search.borderColor,borderWidth:2,borderRadius:8,borderStyle:"solid",overflow:"hidden"},children:(0,f.jsx)(D,{hiddenLoadingIndicator:!0})}),(0,f.jsx)(I,{})]}),(0,f.jsx)(x.Container.Vertical,{children:(0,f.jsx)(F,{})})]})})}var Ee=require("styled-components"),O=require("@mobilestockweb/container");var g=require("react/jsx-runtime");function Re(){let t=p(),r=(0,Ee.useTheme)();return(0,g.jsx)(O.Container.Vertical,{style:{position:"relative",zIndex:t.searchResults.length>0?1e3:void 0},"data-testid":"container-vertical-zindex",children:(0,g.jsx)(O.Container.Horizontal,{gap:"2XS",children:(0,g.jsxs)(O.Container.Vertical,{full:!0,gap:"2XS",style:{position:"relative"},children:[(0,g.jsx)(O.Container.Horizontal,{style:{borderColor:r.colors.search.borderColor,borderWidth:2,borderRadius:8,borderStyle:"solid",overflow:"hidden"},children:(0,g.jsx)(D,{})}),(0,g.jsx)(I,{})]})})})}var L=require("react/jsx-runtime");function Qe(t){return(0,L.jsx)(de,V(k({searchWhenTyping:!["ATTACHED","DETACHED"].includes(t.variant||"")},t),{children:t.variant==="ATTACHED"?(0,L.jsx)(Ie,{}):t.variant==="DETACHED"?(0,L.jsx)(Pe,{}):(0,L.jsx)(Re,{})}))}0&&(module.exports={Search});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mobilestockweb/search",
-  "version": "1.0.1",
+  "version": "1.0.2",
   "main": "index.js",
   "peerDependencies": {
     "react": "18.2.0",
@@ -11,11 +11,11 @@
     "fuse.js": "7.1.0",
     "lodash": "^4.17.21",
     "uuid": "^13.0.0",
-    "@mobilestockweb/container": "^1.0.0",
-    "@mobilestockweb/clickable": "^1.0.8",
     "@mobilestockweb/button": "^1.0.13",
-    "@mobilestockweb/tools": "^0.0.16",
-    "@mobilestockweb/list": "^0.0.11"
+    "@mobilestockweb/clickable": "^1.0.8",
+    "@mobilestockweb/container": "^1.0.0",
+    "@mobilestockweb/list": "^0.0.11",
+    "@mobilestockweb/tools": "^0.0.16"
   },
   "devDependencies": {
     "@types/lodash": "4.17.21"