UNPKG

@transkripid/flowbite-react

Version:

Official React components built for Flowbite and Tailwind CSS - Transkrip.id fork

3 lines (2 loc) 2.65 kB
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),G=require("react/compiler-runtime"),$=require("react"),J=require("react-icons/hi"),P=require("tailwind-merge"),K=require("../../helpers/merge-deep.js"),L=require("./SidebarContext.js"),Q=require("./SidebarItemContext.js"),U=require("../Tooltip/Tooltip.js"),F=I=>{const e=G.c(41);let p,n,x,s,r,u,m,h,i;e[0]!==I?({children:n,className:x,icon:p,label:s,chevronIcon:m,renderChevronIcon:u,open:h,theme:i,...r}=I,e[0]=I,e[1]=p,e[2]=n,e[3]=x,e[4]=s,e[5]=r,e[6]=u,e[7]=m,e[8]=h,e[9]=i):(p=e[1],n=e[2],x=e[3],s=e[4],r=e[5],u=e[6],m=e[7],h=e[8],i=e[9]);const H=m===void 0?J.HiChevronDown:m,f=h===void 0?!1:h;let j;e[10]!==i?(j=i===void 0?{}:i,e[10]=i,e[11]=j):j=e[11];const W=j,R=$.useId(),[l,k]=$.useState(f),{theme:z,isCollapsed:C}=L.useSidebarContext(),o=K.mergeDeep(z.collapse,W);let S,g;e[12]!==f?(S=()=>k(f),g=[f],e[12]=f,e[13]=S,e[14]=g):(S=e[13],g=e[14]),$.useEffect(S,g);let v;e[15]!==C||e[16]!==l||e[17]!==s?(v=B=>{const{children:E}=B;return t.jsx("li",{children:C&&!l?t.jsx(U.Tooltip,{content:s,placement:"right",children:E}):E})},e[15]=C,e[16]=l,e[17]=s,e[18]=v):v=e[18];const N=v,y=`flowbite-sidebar-collapse-${R}`;let c;e[19]!==l?(c=()=>k(!l),e[19]=l,e[20]=c):c=e[20];const A="button",M=P.twMerge(o.button,x),T=p&&t.jsx(p,{"aria-hidden":!0,"data-testid":"flowbite-sidebar-collapse-icon",className:P.twMerge(o.icon.base,o.icon.open[l?"on":"off"])}),D=C?t.jsx("span",{className:"sr-only",children:s}):t.jsxs(t.Fragment,{children:[t.jsx("span",{"data-testid":"flowbite-sidebar-collapse-label",className:o.label.base,children:s}),u?u(o,l):t.jsx(H,{"aria-hidden":!0,className:P.twMerge(o.label.icon.base,o.label.icon.open[l?"on":"off"])})]});let a;e[21]!==s||e[22]!==r||e[23]!==M||e[24]!==T||e[25]!==D||e[26]!==y||e[27]!==c?(a=t.jsxs("button",{id:y,onClick:c,title:s,type:A,className:M,...r,children:[T,D]}),e[21]=s,e[22]=r,e[23]=M,e[24]=T,e[25]=D,e[26]=y,e[27]=c,e[28]=a):a=e[28];const O=`flowbite-sidebar-collapse-${R}`,_=!l;let q;e[29]===Symbol.for("react.memo_cache_sentinel")?(q={isInsideCollapse:!0},e[29]=q):q=e[29];let d;e[30]!==n?(d=t.jsx(Q.SidebarItemContext.Provider,{value:q,children:n}),e[30]=n,e[31]=d):d=e[31];let b;e[32]!==O||e[33]!==_||e[34]!==d||e[35]!==o.list?(b=t.jsx("ul",{"aria-labelledby":O,hidden:_,className:o.list,children:d}),e[32]=O,e[33]=_,e[34]=d,e[35]=o.list,e[36]=b):b=e[36];let w;return e[37]!==N||e[38]!==a||e[39]!==b?(w=t.jsxs(N,{children:[a,b]}),e[37]=N,e[38]=a,e[39]=b,e[40]=w):w=e[40],w};F.displayName="Sidebar.Collapse";exports.SidebarCollapse=F; //# sourceMappingURL=SidebarCollapse.js.map