tcce-design-system 0.1.7 → 0.1.9

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

@@ -8718,7 +8718,7 @@ const Us = k.div`
   onChange: A,
   ...V
 }) => {
-  const [z, D, K] = _c(e), U = !!(D.touched && D.error), Tt = U ? D.error : void 0, et = t?.toString?.() || e, O = {
+  const [z, D, K] = _c(e), U = !!(D.error && (D.touched || D.value)), Tt = U ? D.error : void 0, et = t?.toString?.() || e, O = {
     required: a || void 0,
     "aria-required": a || void 0,
     "aria-invalid": U || void 0,
@@ -10382,7 +10382,7 @@ const _y = k.header`
     justify-content: space-between;
     padding: 0 1rem;
     transition: padding-left 0.3s ease-out;
-    margin-left: 5rem;
+    padding-left: 5rem
 `, Hy = k.div`
     display: flex;
     align-items: center;
@@ -10541,9 +10541,13 @@ const Yy = k.div`
   ),
   /* @__PURE__ */ p(Gy, { className: h, children: t })
 ] }), v1 = (t) => /* @__PURE__ */ p(J0, { children: /* @__PURE__ */ p(Xy, { ...t }) });
-function b1(t, e, n = 1) {
-  const r = new Date(Date.now() + n * 864e5).toUTCString();
-  document.cookie = `${t}=${encodeURIComponent(e)}; expires=${r}; path=/; SameSite=Strict; Secure`;
+function b1(t, e, n) {
+  let r = `${t}=${encodeURIComponent(e)}; path=/; SameSite=Strict; Secure`;
+  if (n) {
+    const i = new Date(Date.now() + n * 864e5).toUTCString();
+    r += `; expires=${i}`;
+  }
+  document.cookie = r;
 }
 function x1(t) {
   return document.cookie.split("; ").reduce((e, n) => {

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

@@ -946,7 +946,7 @@ See https://s-c.sh/2BAXzed for more info.`),window[En]+=1);const yr={80:P`
     display: flex;
     flex-direction: column;
     gap: 0.75rem;
-`,V0=({id:e,name:t,label:n,type:r="text",size:o="md",placeholder:s,disabled:i=!1,required:a=!1,options:c=[],checkboxLabel:d,radioName:u,pinLength:l=6,pinType:h="number",className:m,inputClassName:g,labelClassName:v,messageErrorClassName:w,leftIcon:y,rightIcon:x,iconSize:b,iconColor:A,onOptionSelect:C,onRadioChange:S,onPinComplete:k,onChange:D,...I})=>{const[_,M,K]=Lc.useField(t),W=!!(M.touched&&M.error),Pe=W?M.error:void 0,re=e?.toString?.()||t,F={required:a||void 0,"aria-required":a||void 0,"aria-invalid":W||void 0,"aria-describedby":W?`${re}-error`:void 0},N=$=>{if(D)return D($);_.onChange($)};let R;switch(r){case"textarea":{const $=j=>{D?D(j):_.onChange(j)};R=p.jsx(zo,{id:re,name:t,className:g,hasError:W,disabled:i,value:_.value??"",size:o,placeholder:s,onChange:$,...I,...F});break}case"select":{R=p.jsx(Ro,{id:re,name:t,className:g,hasError:W,disabled:i,size:o,value:_.value??"",onChange:$=>{_.onChange($);const j=c.find(oe=>String(oe.value)===$.target.value);j&&C?.(j)},options:c,placeholder:s||"Selecciona una opción",...I,...F});break}case"checkbox":{R=p.jsx(qn,{id:re,name:t,className:g,hasError:W,disabled:i,size:o,checked:!!_.value,label:d,onChange:$=>{K.setValue($.target.checked)},...I,...F});break}case"radio":{const $=c;R=p.jsx(M0,{children:$.map(j=>p.jsx(Yo,{name:u||t,value:j.value,label:j.label,size:o,hasError:W,disabled:i,checked:_.value===j.value,onChange:oe=>{const ie=oe.target.value,O=typeof j.value=="number"?Number(ie):ie;K.setValue(O),S?.(oe)},...F},j.value))});break}case"pin":{R=p.jsx(Uo,{length:l,type:h,size:o,hasError:W,onChange:$=>K.setValue($),onComplete:$=>{K.setValue($),k?.($)},...I,...F});break}case"password":{const{rightIcon:$,...j}=I;R=p.jsx(Ql,{id:re,name:t,className:g,hasError:W,disabled:i,size:o,placeholder:s,leftIcon:y,iconSize:b,iconColor:A,onChange:N,...j,...F});break}case"search":{R=p.jsx(tc,{className:g,size:o,placeholder:s,leftIcon:y,rightIcon:x,iconSize:b,iconColor:A,onSearch:I.onSearch,...F});break}default:R=p.jsx(jo,{id:re,name:t,className:g,hasError:W,disabled:i,size:o,placeholder:s,type:["text","email","number","tel","url","date","date","datetime-local","time"].includes(r)?r:"text",leftIcon:y,rightIcon:x,iconSize:b,iconColor:A,value:_.value??"",onChange:N,...I,...F})}return r==="checkbox"?p.jsxs(ac,{className:m,children:[R,W&&p.jsx(Fo,{id:`${re}-error`,size:o,className:w,children:Pe})]}):p.jsxs(ac,{className:m,children:[n&&p.jsx(Gn,{htmlFor:re,size:o,required:a,disabled:i,className:v,children:n}),R,W&&p.jsx(Fo,{id:`${re}-error`,size:o,className:w,children:Pe})]})},lc={initial:{opacity:0,scale:.95},animate:{opacity:1,scale:1},exit:{opacity:0,scale:.95},transition:{duration:.2,ease:"easeInOut"},layout:!1},Go={initial:{opacity:0},animate:{opacity:1},exit:{opacity:0},transition:{duration:.3,ease:"easeInOut"}},$0={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"}}},cc={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"}},I0=T(ze.div)`
+`,V0=({id:e,name:t,label:n,type:r="text",size:o="md",placeholder:s,disabled:i=!1,required:a=!1,options:c=[],checkboxLabel:d,radioName:u,pinLength:l=6,pinType:h="number",className:m,inputClassName:g,labelClassName:v,messageErrorClassName:w,leftIcon:y,rightIcon:x,iconSize:b,iconColor:A,onOptionSelect:C,onRadioChange:S,onPinComplete:k,onChange:D,...I})=>{const[_,M,K]=Lc.useField(t),W=!!(M.error&&(M.touched||M.value)),Pe=W?M.error:void 0,re=e?.toString?.()||t,F={required:a||void 0,"aria-required":a||void 0,"aria-invalid":W||void 0,"aria-describedby":W?`${re}-error`:void 0},N=$=>{if(D)return D($);_.onChange($)};let R;switch(r){case"textarea":{const $=j=>{D?D(j):_.onChange(j)};R=p.jsx(zo,{id:re,name:t,className:g,hasError:W,disabled:i,value:_.value??"",size:o,placeholder:s,onChange:$,...I,...F});break}case"select":{R=p.jsx(Ro,{id:re,name:t,className:g,hasError:W,disabled:i,size:o,value:_.value??"",onChange:$=>{_.onChange($);const j=c.find(oe=>String(oe.value)===$.target.value);j&&C?.(j)},options:c,placeholder:s||"Selecciona una opción",...I,...F});break}case"checkbox":{R=p.jsx(qn,{id:re,name:t,className:g,hasError:W,disabled:i,size:o,checked:!!_.value,label:d,onChange:$=>{K.setValue($.target.checked)},...I,...F});break}case"radio":{const $=c;R=p.jsx(M0,{children:$.map(j=>p.jsx(Yo,{name:u||t,value:j.value,label:j.label,size:o,hasError:W,disabled:i,checked:_.value===j.value,onChange:oe=>{const ie=oe.target.value,O=typeof j.value=="number"?Number(ie):ie;K.setValue(O),S?.(oe)},...F},j.value))});break}case"pin":{R=p.jsx(Uo,{length:l,type:h,size:o,hasError:W,onChange:$=>K.setValue($),onComplete:$=>{K.setValue($),k?.($)},...I,...F});break}case"password":{const{rightIcon:$,...j}=I;R=p.jsx(Ql,{id:re,name:t,className:g,hasError:W,disabled:i,size:o,placeholder:s,leftIcon:y,iconSize:b,iconColor:A,onChange:N,...j,...F});break}case"search":{R=p.jsx(tc,{className:g,size:o,placeholder:s,leftIcon:y,rightIcon:x,iconSize:b,iconColor:A,onSearch:I.onSearch,...F});break}default:R=p.jsx(jo,{id:re,name:t,className:g,hasError:W,disabled:i,size:o,placeholder:s,type:["text","email","number","tel","url","date","date","datetime-local","time"].includes(r)?r:"text",leftIcon:y,rightIcon:x,iconSize:b,iconColor:A,value:_.value??"",onChange:N,...I,...F})}return r==="checkbox"?p.jsxs(ac,{className:m,children:[R,W&&p.jsx(Fo,{id:`${re}-error`,size:o,className:w,children:Pe})]}):p.jsxs(ac,{className:m,children:[n&&p.jsx(Gn,{htmlFor:re,size:o,required:a,disabled:i,className:v,children:n}),R,W&&p.jsx(Fo,{id:`${re}-error`,size:o,className:w,children:Pe})]})},lc={initial:{opacity:0,scale:.95},animate:{opacity:1,scale:1},exit:{opacity:0,scale:.95},transition:{duration:.2,ease:"easeInOut"},layout:!1},Go={initial:{opacity:0},animate:{opacity:1},exit:{opacity:0},transition:{duration:.3,ease:"easeInOut"}},$0={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"}}},cc={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"}},I0=T(ze.div)`
     position: fixed;
     inset: 0;
     z-index: 50;
@@ -1633,7 +1633,7 @@ See https://s-c.sh/2BAXzed for more info.`),window[En]+=1);const yr={80:P`
     justify-content: space-between;
     padding: 0 1rem;
     transition: padding-left 0.3s ease-out;
-    margin-left: 5rem;
+    padding-left: 5rem
 `,ky=T.div`
     display: flex;
     align-items: center;
@@ -1703,4 +1703,4 @@ See https://s-c.sh/2BAXzed for more info.`),window[En]+=1);const yr={80:P`
     @media (min-width: 1200px) {
         margin-left: 5rem;
     }
-`,Vy=({children:e,navigationConfig:t,userRoles:n=[],activePath:r,user:o,hasNotifications:s=!1,notificationCount:i,onNavigate:a,onNotificationClick:c,onUserProfileClick:d,onLogout:u,userMenuItems:l=[],contentClassName:h,logoImgCollapsed:m,logoImgExpanded:g})=>p.jsxs(Dy,{children:[p.jsx(Zo,{navigationConfig:t,userRoles:n,onNavigate:a,activePath:r,logoImgCollapsed:m,logoImgExpanded:g}),p.jsx(ni,{user:o,hasNotifications:s,notificationCount:i,onNotificationClick:c,onUserProfileClick:d,onLogout:u,userMenuItems:l}),p.jsx(My,{className:h,children:e})]}),$y=e=>p.jsx(pc,{children:p.jsx(Vy,{...e})});function Iy(e,t,n=1){const r=new Date(Date.now()+n*864e5).toUTCString();document.cookie=`${e}=${encodeURIComponent(t)}; expires=${r}; path=/; SameSite=Strict; Secure`}function Ny(e){return document.cookie.split("; ").reduce((t,n)=>{const r=n.split("=");return r[0]===e?decodeURIComponent(r[1]):t},"")}function Ly(e){document.cookie=`${e}=; expires=Thu, 01 Jan 1970 00:00:00 UTC; path=/`}E.ALLOWED_INPUT_TYPES=Gl,E.BaseInput=jo,E.Button=Bo,E.ButtonSpinner=Wl,E.Card=yg,E.CardBody=xg,E.CardFooter=Tg,E.CardHeader=bg,E.Checkbox=qn,E.CheckboxInput=_o,E.CheckboxLabel=nc,E.Dialog=dc,E.DialogBody=hc,E.DialogFooter=fc,E.DialogHeader=uc,E.ErrorMessage=Fo,E.FormField=V0,E.FullScreenSpinner=Mm,E.Header=ni,E.HeadingBold=An,E.HeadingRegular=Hd,E.Icon=Y,E.IconWrapperStyles=an,E.Label=Gn,E.Layout=$y,E.Link=yc,E.PasswordInput=Ql,E.PinInput=Ho,E.PinInputGroup=Uo,E.RadioInput=Yo,E.RadioInputDot=Wo,E.RadioInputLabel=Ko,E.SearchInput=tc,E.SectionSpinner=$m,E.SelectInput=Ro,E.Sidebar=Zo,E.SidebarContext=Xo,E.SidebarProvider=pc,E.Spinner=Kn,E.Table=Cc,E.TableCell=ti,E.TableHeaderCell=ei,E.TermsAndConditions=j0,E.Text=We,E.TextAreaInput=zo,E.ToastProvider=ug,E.baseContentTableStyles=Jo,E.baseFieldStyles=ut,E.baseInputStyles=Xn,E.baseTableCellsSizes=ft,E.bodyTextStyles=z,E.createFieldConfig=Mg,E.createInputRefs=sc,E.deleteCookie=Ly,E.disabledStyles=Ze,E.errorStyles=ht,E.flushedStyles=ql,E.getCookie=Ny,E.getPropsForInputType=Vg,E.handleDigitChange=rc,E.handleKeyDown=oc,E.handlePaste=ic,E.hasPermission=qo,E.headingBoldStyles=yr,E.headingRegularStyles=Xi,E.isAllowedInputType=Xl,E.normalizeFieldTypes=qe,E.normalizeSelectOptions=Dg,E.overlayAnimation=Go,E.setCookie=Iy,E.sizeStyles=sn,E.slideAnimation=$0,E.smartAnimation=lc,E.submenuAnimationTopDown=cc,E.tableHoverMixin=bc,E.tableIconContainerStyles=Qo,E.tableResponsiveMixin=wc,E.tableVariants=vc,E.toast=Qm,E.validateCode=S0,Object.defineProperty(E,Symbol.toStringTag,{value:"Module"})}));
+`,Vy=({children:e,navigationConfig:t,userRoles:n=[],activePath:r,user:o,hasNotifications:s=!1,notificationCount:i,onNavigate:a,onNotificationClick:c,onUserProfileClick:d,onLogout:u,userMenuItems:l=[],contentClassName:h,logoImgCollapsed:m,logoImgExpanded:g})=>p.jsxs(Dy,{children:[p.jsx(Zo,{navigationConfig:t,userRoles:n,onNavigate:a,activePath:r,logoImgCollapsed:m,logoImgExpanded:g}),p.jsx(ni,{user:o,hasNotifications:s,notificationCount:i,onNotificationClick:c,onUserProfileClick:d,onLogout:u,userMenuItems:l}),p.jsx(My,{className:h,children:e})]}),$y=e=>p.jsx(pc,{children:p.jsx(Vy,{...e})});function Iy(e,t,n){let r=`${e}=${encodeURIComponent(t)}; path=/; SameSite=Strict; Secure`;if(n){const o=new Date(Date.now()+n*864e5).toUTCString();r+=`; expires=${o}`}document.cookie=r}function Ny(e){return document.cookie.split("; ").reduce((t,n)=>{const r=n.split("=");return r[0]===e?decodeURIComponent(r[1]):t},"")}function Ly(e){document.cookie=`${e}=; expires=Thu, 01 Jan 1970 00:00:00 UTC; path=/`}E.ALLOWED_INPUT_TYPES=Gl,E.BaseInput=jo,E.Button=Bo,E.ButtonSpinner=Wl,E.Card=yg,E.CardBody=xg,E.CardFooter=Tg,E.CardHeader=bg,E.Checkbox=qn,E.CheckboxInput=_o,E.CheckboxLabel=nc,E.Dialog=dc,E.DialogBody=hc,E.DialogFooter=fc,E.DialogHeader=uc,E.ErrorMessage=Fo,E.FormField=V0,E.FullScreenSpinner=Mm,E.Header=ni,E.HeadingBold=An,E.HeadingRegular=Hd,E.Icon=Y,E.IconWrapperStyles=an,E.Label=Gn,E.Layout=$y,E.Link=yc,E.PasswordInput=Ql,E.PinInput=Ho,E.PinInputGroup=Uo,E.RadioInput=Yo,E.RadioInputDot=Wo,E.RadioInputLabel=Ko,E.SearchInput=tc,E.SectionSpinner=$m,E.SelectInput=Ro,E.Sidebar=Zo,E.SidebarContext=Xo,E.SidebarProvider=pc,E.Spinner=Kn,E.Table=Cc,E.TableCell=ti,E.TableHeaderCell=ei,E.TermsAndConditions=j0,E.Text=We,E.TextAreaInput=zo,E.ToastProvider=ug,E.baseContentTableStyles=Jo,E.baseFieldStyles=ut,E.baseInputStyles=Xn,E.baseTableCellsSizes=ft,E.bodyTextStyles=z,E.createFieldConfig=Mg,E.createInputRefs=sc,E.deleteCookie=Ly,E.disabledStyles=Ze,E.errorStyles=ht,E.flushedStyles=ql,E.getCookie=Ny,E.getPropsForInputType=Vg,E.handleDigitChange=rc,E.handleKeyDown=oc,E.handlePaste=ic,E.hasPermission=qo,E.headingBoldStyles=yr,E.headingRegularStyles=Xi,E.isAllowedInputType=Xl,E.normalizeFieldTypes=qe,E.normalizeSelectOptions=Dg,E.overlayAnimation=Go,E.setCookie=Iy,E.sizeStyles=sn,E.slideAnimation=$0,E.smartAnimation=lc,E.submenuAnimationTopDown=cc,E.tableHoverMixin=bc,E.tableIconContainerStyles=Qo,E.tableResponsiveMixin=wc,E.tableVariants=vc,E.toast=Qm,E.validateCode=S0,Object.defineProperty(E,Symbol.toStringTag,{value:"Module"})}));

package/package.json

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