tcce-design-system-test 0.3.15 → 0.3.17

package/dist/tcce-design-system-components.js

@@ -9448,11 +9448,11 @@ const Ws = T.div`
   const l = u.length > 0, h = e.href || e.path || "", f = !!(h && r && r.startsWith(h)), m = () => {
     o((w) => !w);
   }, y = () => {
-    e.href && i?.(e.href), c?.(!1);
+    e.href && i?.(e.href);
   }, b = async () => {
     if (e.path)
       try {
-        typeof window < "u" && window.open(e.path, "_blank", "noopener,noreferrer"), c && c(!1);
+        e.href && i?.(e.href), typeof window < "u" && window.open(e.path, "_blank", "noopener,noreferrer"), c && c(!1);
       } catch (w) {
         console.error("Error al navegar a microservicio:", w);
       }
@@ -9620,7 +9620,9 @@ const Ws = T.div`
   onNavigate: s = () => {
   }
 }) => {
-  const { isCollapsed: o, setIsCollapsed: a, isMobileOpen: c, setIsMobileOpen: u } = pc();
+  const { isCollapsed: o, setIsCollapsed: a, isMobileOpen: c, setIsMobileOpen: u } = pc(), d = (l) => {
+    s(l), typeof window < "u" && window.innerWidth < 768 && u(!1);
+  };
   return /* @__PURE__ */ M(ni, { children: [
     /* @__PURE__ */ p(fn, { children: c && /* @__PURE__ */ p(cy, { ...fc, onClick: () => u(!1) }) }),
     /* @__PURE__ */ M(uy, { $collapsed: c ? !1 : o, $open: c, children: [
@@ -9642,15 +9644,15 @@ const Ws = T.div`
           }
         )
       ] }),
-      /* @__PURE__ */ p(fy, { children: e.map((d) => /* @__PURE__ */ p(
+      /* @__PURE__ */ p(fy, { children: e.map((l) => /* @__PURE__ */ p(
         yc,
         {
-          item: d,
+          item: l,
           userRoles: t,
-          onNavigate: s,
+          onNavigate: d,
           activePath: n
         },
-        d.id
+        l.id
       )) })
     ] }),
     /* @__PURE__ */ p(

package/dist/tcce-design-system-components.umd.cjs

@@ -1160,7 +1160,7 @@ See https://s-c.sh/2BAXzed for more info.`),window[Pn]+=1);const yr={80:E`
     transform: rotate(${({$open:e})=>e?"90deg":"0deg"});
     pointer-events: none;
     transition: transform 0.3s ease-out;
-`,yc=({item:e,userRoles:t,level:n=0,activePath:r,onNavigate:o})=>{const[s,i]=f.useState(!1),{isCollapsed:a,setIsMobileOpen:c}=qo(),d=f.useMemo(()=>(e.children||[]).filter(x=>Zo(t,x.permissions)),[e.children,t]);if(!f.useMemo(()=>Zo(t,e.permissions),[t,e.permissions]))return null;const l=d.length>0,h=e.href||e.path||"",m=!!(h&&r&&r.startsWith(h)),g=()=>{i(x=>!x)},v=()=>{e.href&&o?.(e.href),c?.(!1)},b=async()=>{if(e.path)try{typeof window<"u"&&window.open(e.path,"_blank","noopener,noreferrer"),c&&c(!1)}catch(x){console.error("Error al navegar a microservicio:",x)}},y=()=>p.jsxs(p.Fragment,{children:[p.jsxs(ey,{children:[n>0&&!a&&p.jsx(oy,{}),e.icon&&p.jsx(Y,{component:e.icon,size:n===0?"md":"sm",color:"var(--color-main-blue-primary)"}),!a&&p.jsx(ty,{$level:n,size:n===0?16:n===1?14:12,color:"var(--color-dark-700, #374151)",children:e.label})]}),!a&&l&&p.jsx(iy,{$disabled:a,$open:s,children:p.jsx(Y,{component:Yg,size:"sm",color:"var(--color-main-blue-primary)"})})]});return p.jsxs(ry,{$level:n,children:[e.href&&!e.path&&!l?p.jsx(J0,{type:"button",onClick:v,$level:n,$collapsed:a,$active:m,title:a?e.label:"",children:y()}):p.jsx(Q0,{type:"button",onClick:l?g:e.path?b:v,$level:n,$collapsed:a,$active:m,$expanded:s&&l,title:a?e.label:"",children:y()}),p.jsx(qt,{initial:!1,children:!a&&s&&l&&p.jsx(ny,{$level:n+1,...dc,children:d.map(x=>p.jsx(yc,{item:x,userRoles:t,level:n+1,onNavigate:o,activePath:r},x.id))})})]})},vc=T(ze.div)`
+`,yc=({item:e,userRoles:t,level:n=0,activePath:r,onNavigate:o})=>{const[s,i]=f.useState(!1),{isCollapsed:a,setIsMobileOpen:c}=qo(),d=f.useMemo(()=>(e.children||[]).filter(x=>Zo(t,x.permissions)),[e.children,t]);if(!f.useMemo(()=>Zo(t,e.permissions),[t,e.permissions]))return null;const l=d.length>0,h=e.href||e.path||"",m=!!(h&&r&&r.startsWith(h)),g=()=>{i(x=>!x)},v=()=>{e.href&&o?.(e.href)},b=async()=>{if(e.path)try{e.href&&o?.(e.href),typeof window<"u"&&window.open(e.path,"_blank","noopener,noreferrer"),c&&c(!1)}catch(x){console.error("Error al navegar a microservicio:",x)}},y=()=>p.jsxs(p.Fragment,{children:[p.jsxs(ey,{children:[n>0&&!a&&p.jsx(oy,{}),e.icon&&p.jsx(Y,{component:e.icon,size:n===0?"md":"sm",color:"var(--color-main-blue-primary)"}),!a&&p.jsx(ty,{$level:n,size:n===0?16:n===1?14:12,color:"var(--color-dark-700, #374151)",children:e.label})]}),!a&&l&&p.jsx(iy,{$disabled:a,$open:s,children:p.jsx(Y,{component:Yg,size:"sm",color:"var(--color-main-blue-primary)"})})]});return p.jsxs(ry,{$level:n,children:[e.href&&!e.path&&!l?p.jsx(J0,{type:"button",onClick:v,$level:n,$collapsed:a,$active:m,title:a?e.label:"",children:y()}):p.jsx(Q0,{type:"button",onClick:l?g:e.path?b:v,$level:n,$collapsed:a,$active:m,$expanded:s&&l,title:a?e.label:"",children:y()}),p.jsx(qt,{initial:!1,children:!a&&s&&l&&p.jsx(ny,{$level:n+1,...dc,children:d.map(x=>p.jsx(yc,{item:x,userRoles:t,level:n+1,onNavigate:o,activePath:r},x.id))})})]})},vc=T(ze.div)`
     position: fixed;
     inset: 0;
     background: rgba(0, 0, 0, 0.5);
@@ -1245,7 +1245,7 @@ See https://s-c.sh/2BAXzed for more info.`),window[Pn]+=1);const yr={80:E`
     @media (min-width: 768px) {
         display: none;
     }
-`,Jo=({navigationConfig:e,userRoles:t=[],activePath:n,logoImgExpanded:r,logoImgCollapsed:o,onNavigate:s=()=>{}})=>{const{isCollapsed:i,setIsCollapsed:a,isMobileOpen:c,setIsMobileOpen:d}=qo();return p.jsxs(p.Fragment,{children:[p.jsx(qt,{children:c&&p.jsx(vc,{...Go,onClick:()=>d(!1)})}),p.jsxs(bc,{$collapsed:c?!1:i,$open:c,children:[p.jsxs(wc,{$collapsed:i,children:[p.jsx(xc,{children:i?o:r}),p.jsx(Cc,{onClick:()=>a(!i),"aria-label":"Toggle collapse",children:p.jsx(Y,{component:Jl,size:"md",color:"var(--color-main-blue-primary)"})})]}),p.jsx(Sc,{children:e.map(u=>p.jsx(yc,{item:u,userRoles:t,onNavigate:s,activePath:n},u.id))})]}),p.jsx(Tc,{onClick:()=>{d(!0),a(!1)},$hidden:c,children:p.jsx(Y,{component:Jl,size:30})})]})};Jo.displayName="Sidebar";const kc={underlined:E`
+`,Jo=({navigationConfig:e,userRoles:t=[],activePath:n,logoImgExpanded:r,logoImgCollapsed:o,onNavigate:s=()=>{}})=>{const{isCollapsed:i,setIsCollapsed:a,isMobileOpen:c,setIsMobileOpen:d}=qo(),u=l=>{s(l),typeof window<"u"&&window.innerWidth<768&&d(!1)};return p.jsxs(p.Fragment,{children:[p.jsx(qt,{children:c&&p.jsx(vc,{...Go,onClick:()=>d(!1)})}),p.jsxs(bc,{$collapsed:c?!1:i,$open:c,children:[p.jsxs(wc,{$collapsed:i,children:[p.jsx(xc,{children:i?o:r}),p.jsx(Cc,{onClick:()=>a(!i),"aria-label":"Toggle collapse",children:p.jsx(Y,{component:Jl,size:"md",color:"var(--color-main-blue-primary)"})})]}),p.jsx(Sc,{children:e.map(l=>p.jsx(yc,{item:l,userRoles:t,onNavigate:u,activePath:n},l.id))})]}),p.jsx(Tc,{onClick:()=>{d(!0),a(!1)},$hidden:c,children:p.jsx(Y,{component:Jl,size:30})})]})};Jo.displayName="Sidebar";const kc={underlined:E`
         color: var(--color-main-orange-primary);
         text-decoration-thickness: 1px;
         text-underline-offset: 2px;

package/package.json

@@ -3,7 +3,7 @@
     "publishConfig": {
         "access": "public"
     },
-    "version": "0.3.15",
+    "version": "0.3.17",
     "description": "This package provides reusable UI components to ensure consistency across all CRM frontend applications",
     "author": "BizAppsTotal <bizapps@tcce.biz>",
     "type": "module",