@tap-payments/os-micro-frontend-shared 0.3.93 → 0.3.94

package/build/_chunks/{chunk-GTJ5A3A5.js → chunk-FBQONX2M.js}

@@ -1 +1 @@
-import {e as e$2}from'./chunk-DUJRIEQO.js';import {a as a$1}from'./chunk-JC4JWPYW.js';import {a,f,e as e$1}from'./chunk-P5WAL4AO.js';import {e}from'./chunk-6UHHCLMS.js';import {a as a$2}from'./chunk-3Q6M4KPV.js';import {Va,r,Mc}from'./chunk-3MCHXP45.js';import {Ab}from'./chunk-RZ3IAVXL.js';import {memo,useRef,useMemo,useCallback,useId,useState}from'react';import {styled,Typography,Box,Popper}from'@mui/material';import {useTranslation}from'react-i18next';import {jsx,jsxs,Fragment}from'react/jsx-runtime';var O=styled(Typography)(()=>({display:"block",textAlign:"center",fontSize:"10px",fontWeight:500,color:"#8D8D94",padding:"24px 0"})),A=styled(Box,{shouldForwardProp:t=>t!=="isDisabled"})(({isDisabled:t})=>({display:"flex",justifyContent:"space-between",alignItems:"center",gap:"4px",...t&&{"& img":{opacity:.3}}}));var tt=memo(t=>{let{variant:e$2="inActive",badgeCount:o,label:r$1,...n}=t,s=useRef(null),m=useMemo(()=>!o||Number.isNaN(Va(o))?null:jsx(e,{variant:"inActive",children:r(Number(o))}),[o]),u=useCallback(p=>{p.stopPropagation(),t?.onClick?.(p);},[t]),l=a[e$2];return jsx(l,{"data-testid":"MultiSelectStatusButton",...n,ref:s,onClick:u,statusVariant:e$2,children:jsx(f,{children:jsxs(e$1,{variant:e$2,children:[r$1,m]})})})}),V=tt;function W(t){let e=new Set;return t.filter(o=>e.has(o.value)?false:(e.add(o.value),true))}function h(t,e){let o=e.toLowerCase();return t.reduce((r,n)=>{if(n.options?.length){let s=h(n.options,e);s.length&&r.push({...n,options:s});}else (n.placeholder?.toLowerCase().includes(o)||n.value.toLowerCase().includes(o))&&r.push(n);return r},[])}function it({buttonLabel:t,onClear:e,onConfirm:o,dropdownItems:r,apiKey:n,data:s,styles:m,buttonDisabled:u,searchable:l,searchPlaceholder:p}){let{t:Q}=useTranslation(),Y=p??`${Q("search")}...`,$=Mc(useId(),"multi-select-dropdown-button"),[C,b]=useState(null),[a,d]=useState(""),G=c=>{b(c.currentTarget);},g=()=>{b(null),d("");},x=!!C,L=s?.[n],J=Array.isArray(L)?L.length:0,S=useMemo(()=>{if(!r)return r;let c=W(r);return !l||!a?c:h(c,a)},[l,a,r]),v=l&&!!a&&S?.length===0,U=l?jsxs(Fragment,{children:[jsx(a$1,{name:"multi-select-search",value:a,placeholder:Y,onSearchChange:d,onSearchReset:()=>d(""),sx:{pt:0}}),v&&jsx(O,{children:"No results found"})]}):void 0;return jsxs("div",{id:$,"data-testid":"MultiSelectDropdownButton",children:[jsx(V,{onClick:G,label:jsxs(A,{isDisabled:u,children:[t,jsx("img",{src:Ab,alt:"arrow-down"})]}),disabled:u,badgeCount:J}),x&&jsx(a$2,{onClick:g}),jsx(Popper,{open:x,anchorEl:C,placement:"bottom-start",sx:{zIndex:9999},children:jsx(e$2,{onCloseDropdown:g,filter:{apiKey:n,data:s,onClear:e,onConfirm:o,options:S,type:"list"},styles:{...m,height:v?"auto":"300px",overflowY:"scroll",maxWidth:"200px"},header:U,searchable:l})})]})}var z=memo(it);var At=z;export{At as a};
+import {e as e$2}from'./chunk-DUJRIEQO.js';import {a as a$1}from'./chunk-JC4JWPYW.js';import {a as a$2}from'./chunk-3Q6M4KPV.js';import {a,f,e as e$1}from'./chunk-P5WAL4AO.js';import {e}from'./chunk-6UHHCLMS.js';import {Va,r,Mc}from'./chunk-3MCHXP45.js';import {Ab}from'./chunk-RZ3IAVXL.js';import {memo,useRef,useMemo,useCallback,useId,useState}from'react';import {styled,Typography,Box,Popper}from'@mui/material';import {useTranslation}from'react-i18next';import {jsx,jsxs,Fragment}from'react/jsx-runtime';var O=styled(Typography)(()=>({display:"block",textAlign:"center",fontSize:"10px",fontWeight:500,color:"#8D8D94",padding:"24px 0"})),A=styled(Box,{shouldForwardProp:t=>t!=="isDisabled"})(({isDisabled:t})=>({display:"flex",justifyContent:"space-between",alignItems:"center",gap:"4px",...t&&{"& img":{opacity:.3}}}));var tt=memo(t=>{let{variant:e$2="inActive",badgeCount:o,label:r$1,...n}=t,s=useRef(null),m=useMemo(()=>!o||Number.isNaN(Va(o))?null:jsx(e,{variant:"inActive",children:r(Number(o))}),[o]),u=useCallback(p=>{p.stopPropagation(),t?.onClick?.(p);},[t]),l=a[e$2];return jsx(l,{"data-testid":"MultiSelectStatusButton",...n,ref:s,onClick:u,statusVariant:e$2,children:jsx(f,{children:jsxs(e$1,{variant:e$2,children:[r$1,m]})})})}),V=tt;function W(t){let e=new Set;return t.filter(o=>e.has(o.value)?false:(e.add(o.value),true))}function h(t,e){let o=e.toLowerCase();return t.reduce((r,n)=>{if(n.options?.length){let s=h(n.options,e);s.length&&r.push({...n,options:s});}else (n.placeholder?.toLowerCase().includes(o)||n.value.toLowerCase().includes(o))&&r.push(n);return r},[])}function it({buttonLabel:t,onClear:e,onConfirm:o,dropdownItems:r,apiKey:n,data:s,styles:m,buttonDisabled:u,searchable:l,searchPlaceholder:p}){let{t:Q}=useTranslation(),Y=p??`${Q("search")}...`,$=Mc(useId(),"multi-select-dropdown-button"),[C,b]=useState(null),[a,d]=useState(""),G=c=>{b(c.currentTarget);},g=()=>{b(null),d("");},x=!!C,L=s?.[n],J=Array.isArray(L)?L.length:0,S=useMemo(()=>{if(!r)return r;let c=W(r);return !l||!a?c:h(c,a)},[l,a,r]),v=l&&!!a&&S?.length===0,U=l?jsxs(Fragment,{children:[jsx(a$1,{name:"multi-select-search",value:a,placeholder:Y,onSearchChange:d,onSearchReset:()=>d(""),sx:{pt:0}}),v&&jsx(O,{children:"No results found"})]}):void 0;return jsxs("div",{id:$,"data-testid":"MultiSelectDropdownButton",children:[jsx(V,{onClick:G,label:jsxs(A,{isDisabled:u,children:[t,jsx("img",{src:Ab,alt:"arrow-down"})]}),disabled:u,badgeCount:J}),x&&jsx(a$2,{onClick:g}),jsx(Popper,{open:x,anchorEl:C,placement:"bottom-start",sx:{zIndex:9999},children:jsx(e$2,{onCloseDropdown:g,filter:{apiKey:n,data:s,onClear:e,onConfirm:o,options:S,type:"list"},styles:{...m,height:v?"auto":"300px",overflowY:"scroll",maxWidth:"200px"},header:U,searchable:l})})]})}var z=memo(it);var At=z;export{At as a};