tcce-design-system-test 0.3.32 → 0.3.34

package/dist/tcce-design-system-components.d.ts

@@ -1165,6 +1165,7 @@ export declare const Nav: IStyledComponentBase<"web", FastOmit<DetailedHTMLProps
  * @property iconColor - Optional color for the icon.
  * @property href - Optional internal navigation path (renders as Link component for SPA routing).
  * @property path - Optional external navigation URL (renders as Button and redirects to external app with encrypted token).
+ * @property target - Optional target attribute for navigation. Defaults to '_blank' for external links (path).
  * @property permissions - List of permissions required to access this navigation item.
  * @property children - Optional array of child navigation items for nested navigation structures.
  */
@@ -1176,6 +1177,7 @@ export declare interface NavigationItem {
     iconColor?: string;
     href?: string;
     path?: string;
+    target?: '_blank' | '_self' | '_parent' | '_top';
     permissions: Permission[];
     children?: NavigationItem[];
 }

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

@@ -10555,12 +10555,13 @@ const yu = yt(void 0), l1 = ({ children: e }) => {
   }, b = () => {
     a && c(!1), e.href && o?.(e.href);
   }, y = async () => {
-    if (a && c(!1), !!e.path)
-      try {
-        typeof window < "u" && window.open(e.path, "_blank", "noopener,noreferrer"), l && l(!1);
-      } catch (v) {
-        console.error("Error al navegar a microservicio:", v);
-      }
+    if (a && c(!1), !e.path) return;
+    const v = e.target || "_blank";
+    try {
+      typeof window < "u" && (v === "_blank" ? window.open(e.path, "_blank", "noopener,noreferrer") : window.location.href = e.path), l && l(!1);
+    } catch (k) {
+      console.error("Error al navegar a microservicio:", k);
+    }
   }, C = () => /* @__PURE__ */ V(Dt, { children: [
     /* @__PURE__ */ V(f1, { children: [
       n > 0 && !a && /* @__PURE__ */ g(g1, {}),

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

@@ -1470,7 +1470,7 @@ See https://styled-components.com/docs/faqs#why-am-i-getting-a-warning-about-sev
     transform: rotate(${({$open:e})=>e?"90deg":"0deg"});
     pointer-events: none;
     transition: transform 0.3s ease-out;
-`,xu=({item:e,userRoles:t,level:n=0,activePath:r,onNavigate:o})=>{const[i,s]=p.useState(!1),{isCollapsed:a,setIsMobileOpen:l,setIsCollapsed:c}=Si(),d=p.useMemo(()=>(e.children||[]).filter(w=>Ci(t,w.permissions)),[e.children,t]);if(!p.useMemo(()=>Ci(t,e.permissions),[t,e.permissions]))return null;const h=d.length>0,f=e.href||e.path||"",m=!!(f&&r&&r.startsWith(f)),y=()=>{a&&c(!1),s(w=>!w)},x=()=>{a&&c(!1),e.href&&o?.(e.href)},v=async()=>{if(a&&c(!1),!!e.path)try{typeof window<"u"&&window.open(e.path,"_blank","noopener,noreferrer"),l&&l(!1)}catch(w){console.error("Error al navegar a microservicio:",w)}},T=()=>g.jsxs(g.Fragment,{children:[g.jsxs(T1,{children:[n>0&&!a&&g.jsx(E1,{}),e.icon&&g.jsx(Y,{component:e.icon,size:n===0?"md":"sm",color:"var(--color-main-blue-primary)"}),!a&&g.jsx(k1,{$level:n,size:n===0?16:n===1?14:12,color:"var(--color-dark-700, #374151)",children:e.label})]}),!a&&h&&g.jsx(M1,{$disabled:a,$open:i,children:g.jsx(Y,{component:Iy,size:"sm",color:"var(--color-main-blue-primary)"})})]});return g.jsxs($1,{$level:n,children:[e.href&&!e.path&&!h?g.jsx(S1,{type:"button",onClick:x,$level:n,$collapsed:a,$active:m,title:a?e.label:"",children:T()}):g.jsx(C1,{type:"button",onClick:h?y:e.path?v:x,$level:n,$collapsed:a,$active:m,$expanded:i&&h,title:a?e.label:"",children:T()}),g.jsx(gn,{initial:!1,children:!a&&i&&h&&g.jsx(P1,{$level:n+1,...hu,children:d.map(w=>g.jsx(xu,{item:w,userRoles:t,level:n+1,onNavigate:o,activePath:r},w.id))})})]})},Su=P(Ke.div)`
+`,xu=({item:e,userRoles:t,level:n=0,activePath:r,onNavigate:o})=>{const[i,s]=p.useState(!1),{isCollapsed:a,setIsMobileOpen:l,setIsCollapsed:c}=Si(),d=p.useMemo(()=>(e.children||[]).filter(w=>Ci(t,w.permissions)),[e.children,t]);if(!p.useMemo(()=>Ci(t,e.permissions),[t,e.permissions]))return null;const h=d.length>0,f=e.href||e.path||"",m=!!(f&&r&&r.startsWith(f)),y=()=>{a&&c(!1),s(w=>!w)},x=()=>{a&&c(!1),e.href&&o?.(e.href)},v=async()=>{if(a&&c(!1),!e.path)return;const w=e.target||"_blank";try{typeof window<"u"&&(w==="_blank"?window.open(e.path,"_blank","noopener,noreferrer"):window.location.href=e.path),l&&l(!1)}catch(M){console.error("Error al navegar a microservicio:",M)}},T=()=>g.jsxs(g.Fragment,{children:[g.jsxs(T1,{children:[n>0&&!a&&g.jsx(E1,{}),e.icon&&g.jsx(Y,{component:e.icon,size:n===0?"md":"sm",color:"var(--color-main-blue-primary)"}),!a&&g.jsx(k1,{$level:n,size:n===0?16:n===1?14:12,color:"var(--color-dark-700, #374151)",children:e.label})]}),!a&&h&&g.jsx(M1,{$disabled:a,$open:i,children:g.jsx(Y,{component:Iy,size:"sm",color:"var(--color-main-blue-primary)"})})]});return g.jsxs($1,{$level:n,children:[e.href&&!e.path&&!h?g.jsx(S1,{type:"button",onClick:x,$level:n,$collapsed:a,$active:m,title:a?e.label:"",children:T()}):g.jsx(C1,{type:"button",onClick:h?y:e.path?v:x,$level:n,$collapsed:a,$active:m,$expanded:i&&h,title:a?e.label:"",children:T()}),g.jsx(gn,{initial:!1,children:!a&&i&&h&&g.jsx(P1,{$level:n+1,...hu,children:d.map(w=>g.jsx(xu,{item:w,userRoles:t,level:n+1,onNavigate:o,activePath:r},w.id))})})]})},Su=P(Ke.div)`
     position: fixed;
     inset: 0;
     background: rgba(0, 0, 0, 0.5);

package/package.json

@@ -3,7 +3,7 @@
     "publishConfig": {
         "access": "public"
     },
-    "version": "0.3.32",
+    "version": "0.3.34",
     "description": "This package provides reusable UI components to ensure consistency across all CRM frontend applications",
     "author": "BizAppsTotal <bizapps@tcce.biz>",
     "type": "module",
@@ -38,7 +38,7 @@
         "react": "^19.1.1",
         "react-dom": "^19.1.1",
         "sonner": "^2.0.7",
-        "styled-components": "^6.1.19",
+        "styled-components": ">=6.1.19",
         "tailwindcss": "^4.1.13",
         "yup": "^1.7.1"
     },