tcce-design-system 0.3.32 → 0.3.33

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

@@ -9909,7 +9909,6 @@ const U1 = ({
     height: 100%;
     background: var(--color-main-white);
     border-bottom-right-radius: var(--border-radius-article);
-    border-right: 1px solid var(--color-main-light-borders);
     z-index: ${nt.SIDEBAR_ASIDE};
     width: ${({ $collapsed: e }) => e ? ut.SIDEBAR_COLLAPSED_WIDTH : ut.SIDEBAR_EXPANDED_WIDTH};
     transform: translateX(${({ $open: e }) => e ? "0" : "-100%"});
@@ -13489,12 +13488,6 @@ const n1 = S(Ue.div)`
       p.key === "Escape" && i(!1);
     };
     return document.addEventListener("keydown", m), () => document.removeEventListener("keydown", m);
-  }, [r]), ie(() => {
-    if (!r) {
-      a.current?.focus();
-      return;
-    }
-    l.current?.querySelector("button")?.focus();
   }, [r]);
   const u = (m) => {
     if (!r || m.key !== "Tab" || !s.current)
@@ -13750,6 +13743,7 @@ const u1 = S.main`
     transition: margin-left 0.3s ease-out;
     background-color: var(--color-main-light-background);
     padding: 1.25rem 1.5rem;
+    border-top-left-radius: 1rem;
 
     margin-left: ${ut.SIDEBAR_COLLAPSED_WIDTH};
 `, fc = ({

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

@@ -1441,7 +1441,6 @@
     height: 100%;
     background: var(--color-main-white);
     border-bottom-right-radius: var(--border-radius-article);
-    border-right: 1px solid var(--color-main-light-borders);
     z-index: ${je.SIDEBAR_ASIDE};
     width: ${({$collapsed:e})=>e?ot.SIDEBAR_COLLAPSED_WIDTH:ot.SIDEBAR_EXPANDED_WIDTH};
     transform: translateX(${({$open:e})=>e?"0":"-100%"});
@@ -2194,7 +2193,7 @@
     &.danger {
         color: var(--color-main-warning-state);
     }
-`,Zr=({user:e,onProfileClick:t,onLogout:n,menuItems:o=[]})=>{const[r,i]=m.useState(!1),s=m.useRef(null),a=m.useRef(null),l=m.useRef(null),c=m.useId();m.useEffect(()=>{if(!r)return;const p=y=>{s.current&&!s.current.contains(y.target)&&i(!1)};return document.addEventListener("mousedown",p),()=>document.removeEventListener("mousedown",p)},[r]),m.useEffect(()=>{if(!r)return;const p=y=>{y.key==="Escape"&&i(!1)};return document.addEventListener("keydown",p),()=>document.removeEventListener("keydown",p)},[r]),m.useEffect(()=>{if(!r){a.current?.focus();return}l.current?.querySelector("button")?.focus()},[r]);const u=p=>{if(!r||p.key!=="Tab"||!s.current)return;const y=s.current.querySelectorAll('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])');if(y.length===0)return;const b=y[0],w=y[y.length-1],x=document.activeElement;p.shiftKey&&x===b?(p.preventDefault(),w.focus()):!p.shiftKey&&x===w&&(p.preventDefault(),b.focus())},d=p=>p.split(" ").map(y=>y[0]).join("").toUpperCase().slice(0,2),h=[...[{id:"profile",label:"Profile",icon:yg,onClick:()=>{i(!1),t?.()},variant:"default"},{id:"logout",label:"Logout",icon:pg,onClick:()=>{i(!1),n?.()},variant:"danger"}],...o];return g.jsxs("div",{ref:s,style:{position:"relative"},onKeyDown:u,children:[g.jsxs(_y,{ref:a,type:"button",onClick:()=>i(!r),"aria-haspopup":"menu","aria-expanded":r,"aria-controls":c,onKeyDown:p=>{(p.key==="Enter"||p.key===" ")&&(p.preventDefault(),i(!r))},children:[g.jsxs(By,{children:[g.jsx(Ve,{size:14,className:"font-semibold!",children:e?.name||""}),g.jsx(Ve,{size:12,children:e?.roles?.[0]?.name||""})]}),g.jsx(Ny,{className:"font-semibold!",children:d(e?.name||"")})]}),g.jsx(Ot,{children:r&&g.jsx(Oy,{id:c,ref:l,role:"menu",initial:{opacity:0,y:-10,scale:.95},animate:{opacity:1,y:0,scale:1},exit:{opacity:0,y:-10,scale:.95},transition:{duration:.15},children:h.map(p=>g.jsx(m.Fragment,{children:g.jsxs(zy,{type:"button",role:"menuitem",onClick:p.onClick,className:p.variant==="danger"?"danger":"",children:[g.jsx(U,{component:p.icon,size:"sm",color:p.variant==="danger"?"var(--color-main-warning-state)":"var(--color-main-blue-primary)"}),g.jsx(Ve,{size:14,color:`${p.variant==="danger"&&"var(--color-main-warning-state)"}`,children:p.label})]})},p.id))})})]})};Zr.displayName="UserProfile";const Ac=({hasNotifications:e=!1,notificationCount:t})=>{const n=(t??0)>0||e,o=t&&t>0?t:void 0,r=o?`${o} notification${o===1?"":"s"}`:n?"New notifications":"No notifications",i=`Notifications: ${r}`;return{effectiveHasNotifications:n,displayCount:o,badgeLabel:r,bellAriaLabel:i}},Hy=v.button`
+`,Zr=({user:e,onProfileClick:t,onLogout:n,menuItems:o=[]})=>{const[r,i]=m.useState(!1),s=m.useRef(null),a=m.useRef(null),l=m.useRef(null),c=m.useId();m.useEffect(()=>{if(!r)return;const p=y=>{s.current&&!s.current.contains(y.target)&&i(!1)};return document.addEventListener("mousedown",p),()=>document.removeEventListener("mousedown",p)},[r]),m.useEffect(()=>{if(!r)return;const p=y=>{y.key==="Escape"&&i(!1)};return document.addEventListener("keydown",p),()=>document.removeEventListener("keydown",p)},[r]);const u=p=>{if(!r||p.key!=="Tab"||!s.current)return;const y=s.current.querySelectorAll('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])');if(y.length===0)return;const b=y[0],w=y[y.length-1],x=document.activeElement;p.shiftKey&&x===b?(p.preventDefault(),w.focus()):!p.shiftKey&&x===w&&(p.preventDefault(),b.focus())},d=p=>p.split(" ").map(y=>y[0]).join("").toUpperCase().slice(0,2),h=[...[{id:"profile",label:"Profile",icon:yg,onClick:()=>{i(!1),t?.()},variant:"default"},{id:"logout",label:"Logout",icon:pg,onClick:()=>{i(!1),n?.()},variant:"danger"}],...o];return g.jsxs("div",{ref:s,style:{position:"relative"},onKeyDown:u,children:[g.jsxs(_y,{ref:a,type:"button",onClick:()=>i(!r),"aria-haspopup":"menu","aria-expanded":r,"aria-controls":c,onKeyDown:p=>{(p.key==="Enter"||p.key===" ")&&(p.preventDefault(),i(!r))},children:[g.jsxs(By,{children:[g.jsx(Ve,{size:14,className:"font-semibold!",children:e?.name||""}),g.jsx(Ve,{size:12,children:e?.roles?.[0]?.name||""})]}),g.jsx(Ny,{className:"font-semibold!",children:d(e?.name||"")})]}),g.jsx(Ot,{children:r&&g.jsx(Oy,{id:c,ref:l,role:"menu",initial:{opacity:0,y:-10,scale:.95},animate:{opacity:1,y:0,scale:1},exit:{opacity:0,y:-10,scale:.95},transition:{duration:.15},children:h.map(p=>g.jsx(m.Fragment,{children:g.jsxs(zy,{type:"button",role:"menuitem",onClick:p.onClick,className:p.variant==="danger"?"danger":"",children:[g.jsx(U,{component:p.icon,size:"sm",color:p.variant==="danger"?"var(--color-main-warning-state)":"var(--color-main-blue-primary)"}),g.jsx(Ve,{size:14,color:`${p.variant==="danger"&&"var(--color-main-warning-state)"}`,children:p.label})]})},p.id))})})]})};Zr.displayName="UserProfile";const Ac=({hasNotifications:e=!1,notificationCount:t})=>{const n=(t??0)>0||e,o=t&&t>0?t:void 0,r=o?`${o} notification${o===1?"":"s"}`:n?"New notifications":"No notifications",i=`Notifications: ${r}`;return{effectiveHasNotifications:n,displayCount:o,badgeLabel:r,bellAriaLabel:i}},Hy=v.button`
     position: relative;
     background: transparent;
     border: none;
@@ -2277,6 +2276,7 @@
     transition: margin-left 0.3s ease-out;
     background-color: var(--color-main-light-background);
     padding: 1.25rem 1.5rem;
+    border-top-left-radius: 1rem;
 
     margin-left: ${ot.SIDEBAR_COLLAPSED_WIDTH};
 `,ei=({children:e,className:t,id:n,inert:o,"aria-hidden":r})=>g.jsx(Ky,{id:n,className:t,inert:o,"aria-hidden":r,children:e});ei.displayName="LayoutMainContent";const Yy=v.div`

package/package.json

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