@tap-payments/os-micro-frontend-shared 0.3.244-test.1792067088 → 0.3.245

package/build/_chunks/chunk-GFHD4JQA.js

@@ -0,0 +1 @@
+import {s}from'./chunk-6BJANCV7.js';import {j}from'./chunk-AJJSWLJL.js';import {Bc}from'./chunk-BYJ7JVY3.js';import {Nj}from'./chunk-4FJ26UVI.js';import {memo,useId}from'react';import o from'@mui/material/Box';import {styled}from'@mui/material/styles';import {jsxs,jsx}from'react/jsx-runtime';var a=styled(o)(({theme:t})=>({display:"flex",justifyContent:"space-between",alignItems:"center",paddingTop:"12px",paddingBottom:"12px",paddingInlineStart:"12px",paddingInlineEnd:"8px",borderBottom:`1px solid ${t.palette.divider}`,height:40})),l=styled(j)(({theme:t})=>({color:t.v2.palette.base.black,fontSize:"11px",fontWeight:500,lineHeight:"13.2px"})),c=styled(o)(()=>({display:"flex",alignItems:"center",gap:"8px"})),x=styled(o)(()=>({display:"flex",alignItems:"center",gap:"4px"})),I=styled(o)(()=>({borderRadius:"8px",overflow:"auto",flexGrow:1,height:"100%",listStyle:"none",margin:0,padding:0,".list-item:last-of-type":{borderBottom:"none"}}));styled(o)(()=>({margin:"12px "}));function w({allowShadow:t=true,children:i,...p}){let r=Bc(useId(),"widget-list"),{onScrollHandler:y,showShadow:L}=s();return jsxs(I,{id:r,component:"ul","data-testid":"Widget_List",onScroll:y,...p,children:[i,L&&t&&jsx(o,{component:"img",src:Nj,sx:{width:"100%",position:"fixed",bottom:0,pointerEvents:"none",right:0,left:0}})]})}var W=memo(w);function T({children:t,icon:i,actions:p,...r}){return jsxs(a,{component:"li","data-testid":"Widget_ListItem",className:`list-item ${r.className}`,...r,children:[jsxs(c,{component:"aside",children:[i&&i,jsx(l,{noWrap:true,className:"content",children:t})]}),p&&jsx(x,{component:"aside",children:p})]})}var R=memo(T);export{W as a,R as b};

package/build/_chunks/chunk-OIWYMPWX.js

@@ -0,0 +1 @@
+import {P,O as O$1}from'./chunk-AJJSWLJL.js';import {nc}from'./chunk-BYJ7JVY3.js';import {wn}from'./chunk-4FJ26UVI.js';import {forwardRef,useState,useEffect,memo}from'react';import {styled,alpha}from'@mui/material/styles';import {jsx}from'react/jsx-runtime';var d="os-shared-Sidebar",s={root:`${d}-root`,content:`${d}-content`,link:`${d}-link`,group:`${d}-group`,groupHeader:`${d}-groupHeader`,groupContent:`${d}-groupContent`,subLink:`${d}-subLink`};var k="linear-gradient(270deg, #147DC5 0.67%, #3DA6E1 98.91%)",C=styled("div",{shouldForwardProp:r=>r!=="$isMaximized"})(({theme:r,$isMaximized:a=false})=>{let{base:i}=r.v2.palette;return {backgroundColor:alpha(i.white,.7),backdropFilter:r.v2.blur[8],width:183,position:"sticky",padding:`${r.v2.spacing(16)} ${r.v2.spacing(8)}`,paddingTop:a?wn:r.v2.spacing(16),height:"100%",overflow:"auto"}}),N=styled("div")(({theme:r})=>({display:"flex",flexDirection:"column",gap:r.v2.spacing(8)})),f={border:"none",width:"100%",textAlign:"left",font:"inherit",cursor:"pointer"},A=styled("button",{shouldForwardProp:r=>r!=="$isActive"})(({theme:r,$isActive:a=false})=>{let{base:i,foreground:n}=r.v2.palette;return {...f,...r.v2.typography.textVariants.body.small.regular,background:a?k:"transparent",borderRadius:r.v2.radius(4),padding:`${r.v2.spacing(4)} ${r.v2.spacing(8)}`,color:a?i.white:n.primary,display:"flex",alignItems:"center",justifyContent:"flex-start",gap:r.v2.spacing(4)}}),R=styled(P)(()=>({background:"transparent",border:"none !important",borderRadius:"4px !important",[`& .${O$1.summary}`]:{padding:0,paddingRight:8,minHeight:"40px",height:"40px","&.Mui-expanded":{minHeight:"40px",height:"40px"},marginBottom:4,borderRadius:"4px !important"},[`& .${O$1.content}`]:{borderTop:"none",padding:0}})),w=styled("span",{shouldForwardProp:r=>r!=="$isActive"})(({theme:r,$isActive:a=false})=>{let{base:i,foreground:n}=r.v2.palette;return {...f,...r.v2.typography.textVariants.body.small.semibold,background:a?i.white:"transparent",borderRadius:r.v2.radius(4),padding:`${r.v2.spacing(4)} ${r.v2.spacing(8)}`,color:n.primary,display:"flex",alignItems:"center",justifyContent:"flex-start",gap:r.v2.spacing(4),width:"100%",cursor:"pointer"}}),h=styled("div")({display:"flex",flexDirection:"column"}),H=styled("button",{shouldForwardProp:r=>r!=="$isActive"})(({theme:r,$isActive:a=false})=>{let{base:i,foreground:n}=r.v2.palette;return {...f,...r.v2.typography.textVariants.body.small.semibold,background:a?k:"transparent",borderRadius:r.v2.radius(4),padding:`${r.v2.spacing(4)} ${r.v2.spacing(8)}`,color:a?i.white:n.primary,display:"flex",alignItems:"center",justifyContent:"flex-start",gap:r.v2.spacing(4)}});var m=r=>!!r.subSections?.length,G=forwardRef(({sections:r,activeSection:a,activeSubSection:i,onSelect:n,isMaximized:I=false,id:x,className:P,sx:D},E)=>{let e=a??r?.[0]?.id,T=r?.find(o=>o.id===e),v=i??T?.subSections?.[0]?.id??r?.[0]?.subSections?.[0]?.id,[F,g]=useState({});return useEffect(()=>{r?.length&&g(o=>{let t=false,u={...o};for(let c of r)m(c)&&(c.id in u||(u[c.id]=e===c.id,t=true));return t?u:o});},[r,e]),useEffect(()=>{e&&g(o=>!r?.some(t=>t.id===e&&m(t))||o[e]?o:{...o,[e]:true});},[e,r]),jsx(C,{ref:E,id:x,"data-testid":x??"Sidebar",className:nc(s.root,P),sx:D,$isMaximized:I,children:jsx(N,{className:s.content,children:r?.map(o=>m(o)?jsx(R,{className:s.group,expanded:F[o.id]??false,onChange:t=>g(u=>({...u,[o.id]:t})),slotProps:{root:{component:"section"}},label:jsx(w,{$isActive:e===o.id,onClick:()=>n?.(o,o.subSections?.[0]),className:s.groupHeader,children:o.title}),content:jsx(h,{className:s.groupContent,children:o.subSections?.map(t=>jsx(H,{type:"button",$isActive:v===t.id,"aria-current":v===t.id?"true":void 0,onClick:()=>n?.(o,t),className:s.subLink,children:t.title},`${o.id}-${t.id}`))})},o.id):jsx(A,{type:"button",$isActive:e===o.id,"aria-current":e===o.id?"true":void 0,onClick:()=>n?.(o),className:s.link,children:o.title},o.id))})})});G.displayName="Sidebar";var O=memo(G);export{s as a,O as b};