@tap-payments/os-micro-frontend-shared 0.3.49 → 0.3.51

package/build/_chunks/{chunk-JJUOUHST.js → chunk-LGYFMKNY.js}

@@ -1 +1 @@
-import {a}from'./chunk-WN5DXLHY.js';import {Jc}from'./chunk-EHYM7VRI.js';import c,{forwardRef,useId,useMemo,useState,useRef,useEffect}from'react';import {styled,Box,useTheme}from'@mui/material';import {motion}from'framer-motion';import {jsx,jsxs,Fragment}from'react/jsx-runtime';var f=styled(forwardRef((t,o)=>{let{className:r,variant:n="text",...e}=t,i=`${r||""} CustomVariant_${n}`;return jsx(Box,{ref:o,...e,className:i})}),{shouldForwardProp:t=>t!=="icon"})(({theme:t,variant:o="text",icon:r})=>({border:`1px solid ${t.palette.divider}`,borderRadius:"30px",backgroundColor:t.palette.background.paper,display:"flex",alignItems:"center",justifyContent:"center",...r&&{justifyContent:"flex-start",gap:t.spacing(1)},...o==="text"&&{padding:`${t.spacing(.75)} ${t.spacing(1)}`,height:"30px",maxWidth:"150px"},...o==="circular"&&{height:24,width:24},...o==="pill-icon"&&{height:24,width:36}})),C=styled("span")(({theme:t})=>({display:"flex",alignItems:"center",justifyContent:"flex-start",gap:t.spacing(1)})),h=styled(motion.span,{shouldForwardProp:t=>t!=="sourcesCount"})(({sourcesCount:t})=>({display:"flex",alignItems:"center",justifyContent:"flex-start",position:"absolute",minWidth:`${t*6+36}px `,minHeight:"24px",cursor:"pointer",backgroundColor:"transparent",borderRadius:"16px"})),x=t=>{let{index:o,xDelta:r=39,shadow:n,itemsCount:e=0,expandDirection:i="RIGHT"}=t,a=(e-1)*6;return {start:{x:o*6,transition:{duration:.3,type:"tween",ease:"easeIn"}},animate:{x:i==="RIGHT"?o*r:a+-1*((e-1-o)*r),transition:{duration:.3,type:"tween",ease:"easeOut"},boxShadow:n}}};var $=forwardRef(({children:t,...o},r)=>{let n=Jc(useId(),"chip"),{icon:e}=o;return jsxs(f,{ref:r,id:n,"data-testid":"Chip",...o,children:[jsx(Fragment,{children:e}),t]})}),H=$;var F=({order:t,children:o,getSourceAnimation:r,sourceCount:n,expandDirection:e})=>{let i=r||x,a$1=useTheme(),p=useMemo(()=>i({index:t,shadow:a$1.shadows[4],itemsCount:n,expandDirection:e}),[t,a$1.shadows,i,n,e]);return jsx(a,{order:t,variants:p,children:o})},u=F;var g=({children:t,className:o,getSourceAnimation:r,expandDirection:n})=>{let e=c.Children.count(t),[i,a]=useState({width:0,height:0}),p=useRef(null);useEffect(()=>{if(!p.current)return;let s=p.current;a({width:s.clientWidth,height:s.clientHeight});},[]);let y=useMemo(()=>c.Children.map(t,s=>!c.isValidElement(s)||s.type!==u?(console.error(`\u26A0\uFE0F WARNING: "${g.name}" must contains only children of type "${u.name}"`),s):c.cloneElement(s,{...s.props,sourceCount:e,getSourceAnimation:r,expandDirection:n})),[t,r,e,n]);return jsx(C,{"data-testid":"styled-source-cell",sx:{...i},children:jsx(h,{ref:p,layout:true,className:o,whileHover:"animate",animate:"start",sourcesCount:e,variants:{animate:{width:e*38,zIndex:50}},style:{zIndex:29},children:y})})},L=g;export{H as a,u as b,L as c};
+import {a}from'./chunk-WN5DXLHY.js';import {Jc}from'./chunk-4SYKYIKL.js';import c,{forwardRef,useId,useMemo,useState,useRef,useEffect}from'react';import {styled,Box,useTheme}from'@mui/material';import {motion}from'framer-motion';import {jsx,jsxs,Fragment}from'react/jsx-runtime';var f=styled(forwardRef((t,o)=>{let{className:r,variant:n="text",...e}=t,i=`${r||""} CustomVariant_${n}`;return jsx(Box,{ref:o,...e,className:i})}),{shouldForwardProp:t=>t!=="icon"})(({theme:t,variant:o="text",icon:r})=>({border:`1px solid ${t.palette.divider}`,borderRadius:"30px",backgroundColor:t.palette.background.paper,display:"flex",alignItems:"center",justifyContent:"center",...r&&{justifyContent:"flex-start",gap:t.spacing(1)},...o==="text"&&{padding:`${t.spacing(.75)} ${t.spacing(1)}`,height:"30px",maxWidth:"150px"},...o==="circular"&&{height:24,width:24},...o==="pill-icon"&&{height:24,width:36}})),C=styled("span")(({theme:t})=>({display:"flex",alignItems:"center",justifyContent:"flex-start",gap:t.spacing(1)})),h=styled(motion.span,{shouldForwardProp:t=>t!=="sourcesCount"})(({sourcesCount:t})=>({display:"flex",alignItems:"center",justifyContent:"flex-start",position:"absolute",minWidth:`${t*6+36}px `,minHeight:"24px",cursor:"pointer",backgroundColor:"transparent",borderRadius:"16px"})),x=t=>{let{index:o,xDelta:r=39,shadow:n,itemsCount:e=0,expandDirection:i="RIGHT"}=t,a=(e-1)*6;return {start:{x:o*6,transition:{duration:.3,type:"tween",ease:"easeIn"}},animate:{x:i==="RIGHT"?o*r:a+-1*((e-1-o)*r),transition:{duration:.3,type:"tween",ease:"easeOut"},boxShadow:n}}};var $=forwardRef(({children:t,...o},r)=>{let n=Jc(useId(),"chip"),{icon:e}=o;return jsxs(f,{ref:r,id:n,"data-testid":"Chip",...o,children:[jsx(Fragment,{children:e}),t]})}),H=$;var F=({order:t,children:o,getSourceAnimation:r,sourceCount:n,expandDirection:e})=>{let i=r||x,a$1=useTheme(),p=useMemo(()=>i({index:t,shadow:a$1.shadows[4],itemsCount:n,expandDirection:e}),[t,a$1.shadows,i,n,e]);return jsx(a,{order:t,variants:p,children:o})},u=F;var g=({children:t,className:o,getSourceAnimation:r,expandDirection:n})=>{let e=c.Children.count(t),[i,a]=useState({width:0,height:0}),p=useRef(null);useEffect(()=>{if(!p.current)return;let s=p.current;a({width:s.clientWidth,height:s.clientHeight});},[]);let y=useMemo(()=>c.Children.map(t,s=>!c.isValidElement(s)||s.type!==u?(console.error(`\u26A0\uFE0F WARNING: "${g.name}" must contains only children of type "${u.name}"`),s):c.cloneElement(s,{...s.props,sourceCount:e,getSourceAnimation:r,expandDirection:n})),[t,r,e,n]);return jsx(C,{"data-testid":"styled-source-cell",sx:{...i},children:jsx(h,{ref:p,layout:true,className:o,whileHover:"animate",animate:"start",sourcesCount:e,variants:{animate:{width:e*38,zIndex:50}},style:{zIndex:29},children:y})})},L=g;export{H as a,u as b,L as c};