tcce-design-system-test 0.3.39 → 0.3.40

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

@@ -855,15 +855,15 @@ export declare type HasIcons<T extends WithIconsProps> = {
 /**
  * Checks if the user has at least one of the required permissions.
  *
- * @param {string[]} userPermissions - The permissions assigned to the user.
- * @param {string[]} requiredPermissions - The required permissions to check against.
+ * @param {Permission[]} userPermissions - The Permission objects assigned to the user.
+ * @param {string[]} requiredPermissions - The required permission names to check against.
  * @returns {boolean} True if the user has permission, otherwise false.
  *
  * - Returns false if no required permissions are provided.
  * - Returns true if 'all' is included in the required permissions array.
- * - Returns true if any of the user's permissions match the required permissions.
+ * - Returns true if any of the user's permission names match the required permissions.
  */
-export declare const hasPermission: (userPermissions?: string[], requiredPermissions?: string[]) => boolean;
+export declare const hasPermission: (userPermissions?: Permission[], requiredPermissions?: string[]) => boolean;
 
 /**
  * Main Header component for the application.
@@ -1187,7 +1187,7 @@ export declare interface NavigationItem {
     href?: string;
     path?: string;
     target?: '_blank' | '_self' | '_parent' | '_top';
-    permissions: Permission[];
+    requiredPermissions: string[];
     children?: NavigationItem[];
 }
 
@@ -1274,7 +1274,13 @@ export declare const PasswordInput: ({ size, leftIcon, iconSize, iconColor, plac
 export declare interface PasswordInputProps extends BaseFormFieldProps, Omit<WithIconsProps, 'rightIcon'> {
 }
 
-export declare type Permission = string;
+export declare interface Permission {
+    id: number;
+    name: string;
+    guard_name: string;
+    created_at?: string;
+    updated_at?: string;
+}
 
 export declare const PinInput: ForwardRefExoticComponent<PinInputProps & RefAttributes<HTMLInputElement>>;
 

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

@@ -9318,7 +9318,7 @@ const yl = Je(void 0), n0 = ({ children: e }) => {
   if (!e)
     throw new Error("useSidebar must be used within a SidebarProvider");
   return e;
-}, ls = (e = [], t = []) => !t || t.length === 0 ? !1 : t.includes("all") ? !0 : e.some((n) => t.includes(n)), o0 = b`
+}, ls = (e = [], t = []) => !t || t.length === 0 ? !1 : t.includes("all") ? !0 : e.map((o) => o.name).some((o) => t.includes(o)), o0 = b`
     display: flex;
     align-items: center;
     justify-content: center;
@@ -9412,12 +9412,14 @@ const yl = Je(void 0), n0 = ({ children: e }) => {
     transition: transform 0.3s ease-out;
 `, bl = ({ item: e, userPermissions: t, level: n = 0, activePath: o, onNavigate: r }) => {
   const [i, s] = Q(!1), { isCollapsed: a, setIsMobileOpen: l, setIsCollapsed: c } = vl(), d = W(
-    () => (e.children || []).filter((w) => ls(t, w.permissions)),
+    () => (e.children || []).filter(
+      (w) => ls(t, w.requiredPermissions)
+    ),
     [e.children, t]
   );
   if (!W(
-    () => ls(t, e.permissions),
-    [t, e.permissions]
+    () => ls(t, e.requiredPermissions),
+    [t, e.requiredPermissions]
   )) return null;
   const h = d.length > 0, f = e.href || e.path || "", m = !!(f && o && o.startsWith(f)), p = () => {
     a && c(!1), s((w) => !w);

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

@@ -1319,7 +1319,7 @@
     background-color: var(--color-dark-600);
 
     ${({$placement:e})=>u0(e)}
-`,vl=({content:e,children:t,placement:n="bottom",trigger:o="hover",className:r="",arrowClassName:i="",delay:s=200,showArrow:a=!0})=>{const[l,c]=p.useState(!1),d=p.useRef(null),u=p.useRef(null),h=p.useRef(null);p.useEffect(()=>{if(o!=="click"||!l)return;const w=C=>{u.current&&!u.current.contains(C.target)&&h.current&&!h.current.contains(C.target)&&c(!1)};return document.addEventListener("mousedown",w),()=>document.removeEventListener("mousedown",w)},[l,o]),p.useEffect(()=>()=>{d.current&&clearTimeout(d.current)},[]);const b=o==="hover"?{onMouseEnter:()=>{d.current&&clearTimeout(d.current),d.current=setTimeout(()=>c(!0),s)},onMouseLeave:()=>{d.current&&clearTimeout(d.current),d.current=setTimeout(()=>c(!1),100)}}:{onClick:()=>{c(w=>!w)}};return m.jsxs(s0,{children:[m.jsx(a0,{ref:h,...b,children:t}),l&&m.jsxs(c0,{ref:u,$placement:n,className:r,role:"tooltip","aria-hidden":!l,children:[e,a&&m.jsx(d0,{$placement:n,className:i})]})]})};vl.displayName="Tooltip";const lr=p.createContext(void 0),yl=({children:e})=>{const[t,n]=p.useState(!1),[o,r]=p.useState(!1);return m.jsx(lr.Provider,{value:{isCollapsed:t,setIsCollapsed:n,isMobileOpen:o,setIsMobileOpen:r},children:e})},cr=()=>{const e=p.useContext(lr);if(!e)throw new Error("useSidebar must be used within a SidebarProvider");return e},ur=(e=[],t=[])=>!t||t.length===0?!1:t.includes("all")?!0:e.some(n=>t.includes(n)),f0=g.css`
+`,vl=({content:e,children:t,placement:n="bottom",trigger:o="hover",className:r="",arrowClassName:i="",delay:s=200,showArrow:a=!0})=>{const[l,c]=p.useState(!1),d=p.useRef(null),u=p.useRef(null),h=p.useRef(null);p.useEffect(()=>{if(o!=="click"||!l)return;const w=C=>{u.current&&!u.current.contains(C.target)&&h.current&&!h.current.contains(C.target)&&c(!1)};return document.addEventListener("mousedown",w),()=>document.removeEventListener("mousedown",w)},[l,o]),p.useEffect(()=>()=>{d.current&&clearTimeout(d.current)},[]);const b=o==="hover"?{onMouseEnter:()=>{d.current&&clearTimeout(d.current),d.current=setTimeout(()=>c(!0),s)},onMouseLeave:()=>{d.current&&clearTimeout(d.current),d.current=setTimeout(()=>c(!1),100)}}:{onClick:()=>{c(w=>!w)}};return m.jsxs(s0,{children:[m.jsx(a0,{ref:h,...b,children:t}),l&&m.jsxs(c0,{ref:u,$placement:n,className:r,role:"tooltip","aria-hidden":!l,children:[e,a&&m.jsx(d0,{$placement:n,className:i})]})]})};vl.displayName="Tooltip";const lr=p.createContext(void 0),yl=({children:e})=>{const[t,n]=p.useState(!1),[o,r]=p.useState(!1);return m.jsx(lr.Provider,{value:{isCollapsed:t,setIsCollapsed:n,isMobileOpen:o,setIsMobileOpen:r},children:e})},cr=()=>{const e=p.useContext(lr);if(!e)throw new Error("useSidebar must be used within a SidebarProvider");return e},ur=(e=[],t=[])=>!t||t.length===0?!1:t.includes("all")?!0:e.map(o=>o.name).some(o=>t.includes(o)),f0=g.css`
     display: flex;
     align-items: center;
     justify-content: center;
@@ -1411,7 +1411,7 @@
     transform: rotate(${({$open:e})=>e?"90deg":"0deg"});
     pointer-events: none;
     transition: transform 0.3s ease-out;
-`,bl=({item:e,userPermissions:t,level:n=0,activePath:o,onNavigate:r})=>{const[i,s]=p.useState(!1),{isCollapsed:a,setIsMobileOpen:l,setIsCollapsed:c}=cr(),d=p.useMemo(()=>(e.children||[]).filter(x=>ur(t,x.permissions)),[e.children,t]);if(!p.useMemo(()=>ur(t,e.permissions),[t,e.permissions]))return null;const h=d.length>0,f=e.href||e.path||"",v=!!(f&&o&&o.startsWith(f)),y=()=>{a&&c(!1),s(x=>!x)},b=()=>{a&&c(!1),e.href&&r?.(e.href)},w=async()=>{if(a&&c(!1),!e.path)return;const x=e.target||"_blank";try{typeof window<"u"&&(x==="_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=()=>m.jsxs(m.Fragment,{children:[m.jsxs(m0,{children:[n>0&&!a&&m.jsx(w0,{}),e.icon&&m.jsx(U,{component:e.icon,size:n===0?"md":"sm",color:"var(--color-main-blue-primary)"}),!a&&m.jsx(g0,{$level:n,size:n===0?16:n===1?14:12,color:"var(--color-dark-700, #374151)",children:e.label})]}),!a&&h&&m.jsx(b0,{$disabled:a,$open:i,children:m.jsx(U,{component:Pm,size:"sm",color:"var(--color-main-blue-primary)"})})]});return m.jsxs(y0,{$level:n,children:[e.href&&!e.path&&!h?m.jsx(h0,{type:"button",onClick:b,$level:n,$collapsed:a,$active:v,title:a?e.label:"",children:C()}):m.jsx(p0,{type:"button",onClick:h?y:e.path?w:b,$level:n,$collapsed:a,$active:v,$expanded:i&&h,title:a?e.label:"",children:C()}),m.jsx(Lt,{initial:!1,children:!a&&i&&h&&m.jsx(v0,{$level:n+1,...fl,children:d.map(x=>m.jsx(bl,{item:x,userPermissions:t,level:n+1,onNavigate:r,activePath:o},x.id))})})]})},xl=g(Fe.div)`
+`,bl=({item:e,userPermissions:t,level:n=0,activePath:o,onNavigate:r})=>{const[i,s]=p.useState(!1),{isCollapsed:a,setIsMobileOpen:l,setIsCollapsed:c}=cr(),d=p.useMemo(()=>(e.children||[]).filter(x=>ur(t,x.requiredPermissions)),[e.children,t]);if(!p.useMemo(()=>ur(t,e.requiredPermissions),[t,e.requiredPermissions]))return null;const h=d.length>0,f=e.href||e.path||"",v=!!(f&&o&&o.startsWith(f)),y=()=>{a&&c(!1),s(x=>!x)},b=()=>{a&&c(!1),e.href&&r?.(e.href)},w=async()=>{if(a&&c(!1),!e.path)return;const x=e.target||"_blank";try{typeof window<"u"&&(x==="_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=()=>m.jsxs(m.Fragment,{children:[m.jsxs(m0,{children:[n>0&&!a&&m.jsx(w0,{}),e.icon&&m.jsx(U,{component:e.icon,size:n===0?"md":"sm",color:"var(--color-main-blue-primary)"}),!a&&m.jsx(g0,{$level:n,size:n===0?16:n===1?14:12,color:"var(--color-dark-700, #374151)",children:e.label})]}),!a&&h&&m.jsx(b0,{$disabled:a,$open:i,children:m.jsx(U,{component:Pm,size:"sm",color:"var(--color-main-blue-primary)"})})]});return m.jsxs(y0,{$level:n,children:[e.href&&!e.path&&!h?m.jsx(h0,{type:"button",onClick:b,$level:n,$collapsed:a,$active:v,title:a?e.label:"",children:C()}):m.jsx(p0,{type:"button",onClick:h?y:e.path?w:b,$level:n,$collapsed:a,$active:v,$expanded:i&&h,title:a?e.label:"",children:C()}),m.jsx(Lt,{initial:!1,children:!a&&i&&h&&m.jsx(v0,{$level:n+1,...fl,children:d.map(x=>m.jsx(bl,{item:x,userPermissions:t,level:n+1,onNavigate:r,activePath:o},x.id))})})]})},xl=g(Fe.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.39",
+    "version": "0.3.40",
     "description": "This package provides reusable UI components to ensure consistency across all CRM frontend applications",
     "author": "BizAppsTotal <bizapps@tcce.biz>",
     "type": "module",