tcce-design-system 0.3.29 → 0.3.31

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

@@ -9109,7 +9109,7 @@ const w0 = S.div`
   // Overlays / modals
   // Tooltips / menus that should appear above header/sidebar.
   TOOLTIP: 1202,
-  POPOVER_MENU: 1201,
+  POPOVER_MENU: 9999,
   DIALOG_OVERLAY: 2001
 }, R0 = S(Ue.div)`
     position: fixed;
@@ -12873,7 +12873,7 @@ const Iv = Ln(Fv), Lv = Is`
         l.id
       );
     }),
-    e.length === 0 && /* @__PURE__ */ g("tr", { children: /* @__PURE__ */ g("td", { colSpan: 100, className: "text-main-grey py-4 text-center", children: "No results found" }) })
+    e.length === 0 && /* @__PURE__ */ g("tr", { children: /* @__PURE__ */ g("td", { colSpan: 100, className: "text-main-grey py-4 text-center bg-main-white", children: "No results found" }) })
   ] }) });
 }, zv = S.section`
     display: flex;
@@ -12903,7 +12903,7 @@ const Iv = Ln(Fv), Lv = Is`
     color: ${({ $active: e }) => e ? "var(--color-main-white)" : "var(--color-main-blue-primary)"};
     border-radius: var(--border-radius-outline);
     cursor: ${({ $disabled: e }) => e ? "not-allowed" : "pointer"};
-    opacity: 1
+    opacity: 1;
 
     &:hover:not(:disabled) {
         background-color: ${({ $active: e }) => e ? "var(--color-blue-600)" : "var(--color-main-blue-primary)"};

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

@@ -1134,7 +1134,7 @@
     flex-direction: column;
     gap: 0.5rem;
     width: 100%;
-`,E0=m.memo(({inputId:e,label:t,size:n,required:o,disabled:r,hasError:i,errorMessage:s,isCheckbox:a=!1,className:l,labelClassName:c,messageErrorClassName:u,children:d})=>g.jsxs($0,{className:l,children:[t&&!a&&g.jsx(Tn,{htmlFor:e,size:n,required:o,disabled:r,className:c,children:t}),d,i&&s&&g.jsx(fr,{id:`${e}-error`,size:n,className:u,children:s})]})),Il=({id:e,name:t,label:n,type:o="text",size:r="md",placeholder:i,disabled:s=!1,required:a=!1,options:l=[],checkboxLabel:c,radioName:u,pinLength:d=6,pinType:f="number",rows:h=4,className:p,inputClassName:y,labelClassName:b,messageErrorClassName:w,leftIcon:x,rightIcon:C,iconSize:T,iconColor:$,onOptionSelect:M,onRadioChange:F,onPinComplete:E,onChange:D,optionsClassName:P,optionClassName:R,..._})=>{const{field:k,hasError:A,errorMessage:O,inputId:L,ariaProps:G,handleStandardChange:H,handleTextAreaChange:Y,handleCheckboxChange:J,handleSelectChange:te,handleRadioChange:We,handlePinChange:j,handlePinComplete:Q}=C0({name:t,required:a,onChange:D,onOptionSelect:M,onRadioChange:F,onPinComplete:E,options:l}),K=e?.toString?.()||L;return g.jsx(E0,{inputId:K,label:n,size:r,required:a,disabled:s,hasError:A,errorMessage:O,isCheckbox:o==="checkbox",className:p,labelClassName:b,messageErrorClassName:w,children:g.jsx(Fl,{type:o,inputId:K,name:t,size:r,hasError:A,disabled:s,placeholder:i,inputClassName:y,fieldValue:k.value,ariaProps:G,options:l,onSelectChange:te,checkboxLabel:c,onCheckboxChange:J,radioName:u,onRadioChange:We,pinLength:d,pinType:f,rows:h,onPinChange:j,onPinComplete:Q,onStandardChange:H,onTextAreaChange:Y,leftIcon:x,rightIcon:C,iconSize:T,iconColor:$,optionsClassName:P,optionClassName:R,additionalProps:_})})},Ll={initial:{opacity:0,scale:.95},animate:{opacity:1,scale:1},exit:{opacity:0,scale:.95},transition:{duration:.2,ease:"easeInOut"},layout:!1},Tr={initial:{opacity:0},animate:{opacity:1},exit:{opacity:0},transition:{duration:.3,ease:"easeInOut"}},P0={fromBottom:{initial:{opacity:0,y:20},animate:{opacity:1,y:0},exit:{opacity:0,y:20},transition:{duration:.2,ease:"easeInOut"}},fromTop:{initial:{opacity:0,y:-20},animate:{opacity:1,y:0},exit:{opacity:0,y:-20},transition:{duration:.2,ease:"easeInOut"}},fromLeft:{initial:{opacity:0,x:-20},animate:{opacity:1,x:0},exit:{opacity:0,x:-20},transition:{duration:.2,ease:"easeInOut"}},fromRight:{initial:{opacity:0,x:20},animate:{opacity:1,x:0},exit:{opacity:0,x:20},transition:{duration:.2,ease:"easeInOut"}}},Rl={initial:{height:0,opacity:0,y:-6},animate:{height:"auto",opacity:1,y:0},exit:{height:0,opacity:0,y:-6},transition:{duration:.2,ease:"easeInOut"}},je={HEADER:1e3,HEADER_DROPDOWN:1001,MOBILE_OPEN_BUTTON:1002,SIDEBAR_OVERLAY:1100,SIDEBAR_ASIDE:1101,TOOLTIP:1202,POPOVER_MENU:1201,DIALOG_OVERLAY:2001},k0=v(Ie.div)`
+`,E0=m.memo(({inputId:e,label:t,size:n,required:o,disabled:r,hasError:i,errorMessage:s,isCheckbox:a=!1,className:l,labelClassName:c,messageErrorClassName:u,children:d})=>g.jsxs($0,{className:l,children:[t&&!a&&g.jsx(Tn,{htmlFor:e,size:n,required:o,disabled:r,className:c,children:t}),d,i&&s&&g.jsx(fr,{id:`${e}-error`,size:n,className:u,children:s})]})),Il=({id:e,name:t,label:n,type:o="text",size:r="md",placeholder:i,disabled:s=!1,required:a=!1,options:l=[],checkboxLabel:c,radioName:u,pinLength:d=6,pinType:f="number",rows:h=4,className:p,inputClassName:y,labelClassName:b,messageErrorClassName:w,leftIcon:x,rightIcon:C,iconSize:T,iconColor:$,onOptionSelect:M,onRadioChange:F,onPinComplete:E,onChange:D,optionsClassName:P,optionClassName:R,..._})=>{const{field:k,hasError:A,errorMessage:O,inputId:L,ariaProps:G,handleStandardChange:H,handleTextAreaChange:Y,handleCheckboxChange:J,handleSelectChange:te,handleRadioChange:We,handlePinChange:j,handlePinComplete:Q}=C0({name:t,required:a,onChange:D,onOptionSelect:M,onRadioChange:F,onPinComplete:E,options:l}),K=e?.toString?.()||L;return g.jsx(E0,{inputId:K,label:n,size:r,required:a,disabled:s,hasError:A,errorMessage:O,isCheckbox:o==="checkbox",className:p,labelClassName:b,messageErrorClassName:w,children:g.jsx(Fl,{type:o,inputId:K,name:t,size:r,hasError:A,disabled:s,placeholder:i,inputClassName:y,fieldValue:k.value,ariaProps:G,options:l,onSelectChange:te,checkboxLabel:c,onCheckboxChange:J,radioName:u,onRadioChange:We,pinLength:d,pinType:f,rows:h,onPinChange:j,onPinComplete:Q,onStandardChange:H,onTextAreaChange:Y,leftIcon:x,rightIcon:C,iconSize:T,iconColor:$,optionsClassName:P,optionClassName:R,additionalProps:_})})},Ll={initial:{opacity:0,scale:.95},animate:{opacity:1,scale:1},exit:{opacity:0,scale:.95},transition:{duration:.2,ease:"easeInOut"},layout:!1},Tr={initial:{opacity:0},animate:{opacity:1},exit:{opacity:0},transition:{duration:.3,ease:"easeInOut"}},P0={fromBottom:{initial:{opacity:0,y:20},animate:{opacity:1,y:0},exit:{opacity:0,y:20},transition:{duration:.2,ease:"easeInOut"}},fromTop:{initial:{opacity:0,y:-20},animate:{opacity:1,y:0},exit:{opacity:0,y:-20},transition:{duration:.2,ease:"easeInOut"}},fromLeft:{initial:{opacity:0,x:-20},animate:{opacity:1,x:0},exit:{opacity:0,x:-20},transition:{duration:.2,ease:"easeInOut"}},fromRight:{initial:{opacity:0,x:20},animate:{opacity:1,x:0},exit:{opacity:0,x:20},transition:{duration:.2,ease:"easeInOut"}}},Rl={initial:{height:0,opacity:0,y:-6},animate:{height:"auto",opacity:1,y:0},exit:{height:0,opacity:0,y:-6},transition:{duration:.2,ease:"easeInOut"}},je={HEADER:1e3,HEADER_DROPDOWN:1001,MOBILE_OPEN_BUTTON:1002,SIDEBAR_OVERLAY:1100,SIDEBAR_ASIDE:1101,TOOLTIP:1202,POPOVER_MENU:9999,DIALOG_OVERLAY:2001},k0=v(Ie.div)`
     position: fixed;
     inset: 0;
     z-index: ${je.DIALOG_OVERLAY};
@@ -2007,7 +2007,7 @@
     &:hover {
         background-color: transparent;
     }
-`,by=e=>{const t=["60%","75%","85%","70%","80%"];return t[e%t.length]},xy=({columnCount:e,cellWidths:t,size:n="md"})=>g.jsx(wy,{role:"row","aria-busy":"true",children:Array.from({length:e}).map((o,r)=>g.jsx(yy,{$width:t?.[r]||by(r),$size:n},r))}),Bn=({rows:e,className:t,rowClassName:n,cellClassName:o,isLoading:r=!1,rowCount:i=5,columnCount:s=3})=>{const{size:a}=Ct();return g.jsx("tbody",{className:t,"aria-busy":r,children:r?Array.from({length:i}).map((l,c)=>g.jsx(xy,{columnCount:s,size:a},`skeleton-${c}`)):g.jsxs(g.Fragment,{children:[e.map(l=>{const c=typeof n=="function"?n(l):n,u=typeof o=="function"?o(l):o;return g.jsx(xc,{row:l,className:c,cellClassName:u},l.id)}),e.length===0&&g.jsx("tr",{children:g.jsx("td",{colSpan:100,className:"text-main-grey py-4 text-center",children:"No results found"})})]})})},Cy=v.section`
+`,by=e=>{const t=["60%","75%","85%","70%","80%"];return t[e%t.length]},xy=({columnCount:e,cellWidths:t,size:n="md"})=>g.jsx(wy,{role:"row","aria-busy":"true",children:Array.from({length:e}).map((o,r)=>g.jsx(yy,{$width:t?.[r]||by(r),$size:n},r))}),Bn=({rows:e,className:t,rowClassName:n,cellClassName:o,isLoading:r=!1,rowCount:i=5,columnCount:s=3})=>{const{size:a}=Ct();return g.jsx("tbody",{className:t,"aria-busy":r,children:r?Array.from({length:i}).map((l,c)=>g.jsx(xy,{columnCount:s,size:a},`skeleton-${c}`)):g.jsxs(g.Fragment,{children:[e.map(l=>{const c=typeof n=="function"?n(l):n,u=typeof o=="function"?o(l):o;return g.jsx(xc,{row:l,className:c,cellClassName:u},l.id)}),e.length===0&&g.jsx("tr",{children:g.jsx("td",{colSpan:100,className:"text-main-grey py-4 text-center bg-main-white",children:"No results found"})})]})})},Cy=v.section`
     display: flex;
     align-items: center;
     gap: 0.5rem;
@@ -2035,7 +2035,7 @@
     color: ${({$active:e})=>e?"var(--color-main-white)":"var(--color-main-blue-primary)"};
     border-radius: var(--border-radius-outline);
     cursor: ${({$disabled:e})=>e?"not-allowed":"pointer"};
-    opacity: 1
+    opacity: 1;
 
     &:hover:not(:disabled) {
         background-color: ${({$active:e})=>e?"var(--color-blue-600)":"var(--color-main-blue-primary)"};

package/package.json

@@ -3,7 +3,7 @@
     "publishConfig": {
         "access": "public"
     },
-    "version": "0.3.29",
+    "version": "0.3.31",
     "description": "This package provides reusable UI components to ensure consistency across all CRM frontend applications",
     "author": "BizAppsTotal <bizapps@tcce.biz>",
     "type": "module",
@@ -11,9 +11,10 @@
         "dist"
     ],
     "main": "./dist/tcce-design-system-components.umd.cjs",
-    "module": "./dist/tcce-design-system-components.js",
+    "module": "./dist/tcce-design-system-componentsfdsafds.js",
     "exports": {
         ".": {
+          
             "import": "./dist/tcce-design-system-components.js",
             "require": "./dist/tcce-design-system-components.umd.cjs"
         },