tcce-design-system 0.1.7 → 0.1.8
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -8718,7 +8718,7 @@ const Us = k.div`
|
|
|
8718
8718
|
onChange: A,
|
|
8719
8719
|
...V
|
|
8720
8720
|
}) => {
|
|
8721
|
-
const [z, D, K] = _c(e), U = !!(D.
|
|
8721
|
+
const [z, D, K] = _c(e), U = !!(D.error && (D.touched || D.value)), Tt = U ? D.error : void 0, et = t?.toString?.() || e, O = {
|
|
8722
8722
|
required: a || void 0,
|
|
8723
8723
|
"aria-required": a || void 0,
|
|
8724
8724
|
"aria-invalid": U || void 0,
|
|
@@ -946,7 +946,7 @@ See https://s-c.sh/2BAXzed for more info.`),window[En]+=1);const yr={80:P`
|
|
|
946
946
|
display: flex;
|
|
947
947
|
flex-direction: column;
|
|
948
948
|
gap: 0.75rem;
|
|
949
|
-
`,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.
|
|
949
|
+
`,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)`
|
|
950
950
|
position: fixed;
|
|
951
951
|
inset: 0;
|
|
952
952
|
z-index: 50;
|
package/package.json
CHANGED
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
"publishConfig": {
|
|
4
4
|
"access": "public"
|
|
5
5
|
},
|
|
6
|
-
"version": "0.1.
|
|
6
|
+
"version": "0.1.8",
|
|
7
7
|
"description": "This package provides reusable UI components to ensure consistency across all CRM frontend applications",
|
|
8
8
|
"author": "BizAppsTotal <bizapps@tcce.biz>",
|
|
9
9
|
"type": "module",
|