@inntechcorp/it-design 2.1.9 → 2.1.11
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.
- package/dist/index.cjs.js +3 -3
- package/dist/index.d.ts +1 -0
- package/dist/index.esm.js +3 -3
- package/dist/types/CheckboxProps.d.ts +1 -0
- package/package.json +1 -1
package/dist/index.cjs.js
CHANGED
|
@@ -1727,7 +1727,7 @@ function(t,o){e.exports?e.exports=o($A()):o(t.moment)}(GA,(function(e){void 0===
|
|
|
1727
1727
|
justify-content: flex-start;
|
|
1728
1728
|
gap: 10px;
|
|
1729
1729
|
|
|
1730
|
-
`;const ml=t.forwardRef((({
|
|
1730
|
+
`;const ml=t.forwardRef((({id:o="itd-checkbox-group-"+sa(),className:p="",disabled:b,value:n,defaultValue:M,options:r,children:c,onChange:z,onUpdate:i},a)=>{const[O,s]=t.useState([]),[d,A]=t.useState([]),[l,u]=t.useState("");t.useEffect((()=>{s(q)}),[c]),t.useEffect((()=>{M&&A(M)}),[M]),t.useEffect((()=>{Wl(d,n)}),[n]),t.useEffect((()=>{}),[M,r]),t.useEffect((()=>{let e=[];d.forEach((t=>{e.push(t)})),z&&z(e),W(e)}),[d]);const f=()=>{if(c)return h(c)};let q=[];const h=e=>t.Children.map(e,(e=>{if(!function(e){var t=typeof e;return null!=e&&("object"==t||"function"==t)}(e))return e;let o;if(e.type===xl){let p={ref:t.createRef(),onChange:e=>{(e=>{let t=d;if(e.value){if(e.checked)t=[...d,e.value];else{const o=d.indexOf(e.value);if(o>-1){let e=[...d];e.splice(o,1),t=e}}A(t)}})(e)},children:h(e.props.children)};d.indexOf(e.props.value)>-1&&!e.props.disabled&&(p.checked=!0),void 0!==b&&(p.disabled=b),o=t.cloneElement(e,p),q.push(e.props.value)}else o=t.cloneElement(e,{children:h(e.props.children)});return o}));t.useImperativeHandle(a,(()=>({reset(e=!0,t=!0){this.selectAll(!1),A([]),u(""),W([],e,t)},setValue(e=[],t=!0,o=!0){A(e),W(e,t,o)},getValue:()=>d,setError(e=""){u(e)},clear(){A([]),this.selectAll(!1)},selectAll(e){A(e?O:[]),W(e?O:[]),z&&z(e?O:[])}})));const W=(e,t=!0,o=!0)=>{i&&i(e,t,o)},g=()=>{let e="itd-checkbox-group";return""!==l&&(e+=" itd-checkbox-group-error"),b&&(e+=" itd-checkbox-group-disabled"),""!==p&&(e+=" "+p),e};return e.jsx(gl,{id:o,className:g(),children:f()})}));ml.displayName="ITD-CheckboxGroup";const Rl=Di.label`
|
|
1731
1731
|
|
|
1732
1732
|
display: flex;
|
|
1733
1733
|
align-items: center;
|
|
@@ -3268,7 +3268,7 @@ function pu(e,t){if(fu(e))for(let o=0;o<e.length&&!1!==t(e[o],o,e);o++);else e&&
|
|
|
3268
3268
|
margin-top: 10px;
|
|
3269
3269
|
gap: 5px;
|
|
3270
3270
|
|
|
3271
|
-
`;const Qh=new RegExp(/^[a-zA-Z0-9.!#$%&’*+/=?^_`{|}~-]+@[a-zA-Z0-9-]+([.])[a-zA-Z0-9-]+(?:.[a-zA-Z0-9-]+)*$/),Jh=new RegExp(/^[a-zA-Z0-9_.-]{6,}$/),Zh=new RegExp(/^(?=.*[a-z])(?=.*[A-Z])(?=.*\d)(?=.*[!@#$%^&*()_+={};:<>|./?,"'\[\]\\`~\-])[a-zA-Z\d$begin:math:display$$end:math:display$\\`~!@#$%^&*()_+={};:<>|.\/?,"'-]{8,35}$/);const eW=e=>Zh.test(e),tW=e=>Qh.test(e),oW=e=>Jh.test(e),pW=(e,t)=>e.length>=t,bW=(e,t)=>e.length<=t,nW=(e,t)=>e===t,MW=(e,t)=>e.length===t,rW=e=>function(e){var t,o=0,p=0,b=0;if(11!=e.length)return!1;if(!/^-?\d+$/.test(e))return!1;if(0==Number(e[0]))return!1;if(o=parseInt(e[0])+parseInt(e[2])+parseInt(e[4])+parseInt(e[6])+parseInt(e[8]),t=parseInt(e[1])+parseInt(e[3])+parseInt(e[5])+parseInt(e[7]),o*=7,Math.abs(o-t)%10!=Number(e[9]))return!1;for(b=0;b<10;b++)p+=parseInt(e[b]);return p%10==Number(e[10])}(e),cW=e=>{if(Array.isArray(e)){if(0===e.length)return!1}else{if("object"==typeof e){let t=!0;return Object.keys(e).forEach((o=>{""===e[o]&&(t=!1)})),t}if("string"==typeof e){if(""===e)return!1}else if("boolean"==typeof e&&!1===e)return!1}return!0},zW=t.createContext({});zW.displayName="ITDFormContext";const iW=t.forwardRef((({name:e="",label:o="",placeholder:p="",error:b="",rules:n=[],mask:M=null,locked:r=!1,dependency:c="",reset:z=[],query:i="",children:a=null},O)=>{const s=t.useRef(null),{register:d,unregister:A,hasField:l,updateField:u,setFieldError:f,getFieldValue:q,getFieldInstance:h,formId:W}=t.useContext(zW),[g,m]=t.useState(!1);t.useEffect((()=>(d({name:e,field:s,valid:v(s.current?.getValue()),query:i,reset:z,error:b}),m(!0),()=>{m(!1),A(e)})),[]),t.useImperativeHandle(O,(()=>s.current));const R=(t,o=!0,p=!0)=>{g&&l(e)&&(u(e,t,o,v(t,p)),L())},v=(t,o=!0)=>{const p=function(e,t,o){let p=[];return e.forEach((e=>{e.hasOwnProperty($e.REQUIRED)&&!cW(t)&&e.required&&p.push(e.message?e.message:el("errors.required")),e.hasOwnProperty($e.TYPE)&&(e.type===exports.FormValidationTypes.MIN_LENGTH&&(pW(String(t),Number(e.value))||p.push(e.message?e.message:el("errors.minLength",{length:Number(e.value)}))),e.type===exports.FormValidationTypes.MAX_LENGTH&&(bW(String(t),Number(e.value))||p.push(e.message?e.message:el("errors.maxLength",{length:Number(e.value)}))),e.type===exports.FormValidationTypes.EXACT_LENGTH&&(MW(String(t),Number(e.value))||p.push(e.message?e.message:el("errors.exactLength",{length:Number(e.value)}))),e.type===exports.FormValidationTypes.SAME&&(nW(String(t),String(o(String(e.field))))||p.push(e.message?e.message:el("errors.fieldMustBeTheSame",{fields:e.field}))),e.type===exports.FormValidationTypes.TC_IDENTITY&&(rW(String(t))||p.push(e.message?e.message:el("errors.wrongTCIdentity"))),e.type===exports.FormValidationTypes.PASSWORD&&(eW(String(t))||p.push(e.message?e.message:el("errors.passwordRule"))),e.type===exports.FormValidationTypes.EMAIL&&(tW(String(t))||p.push(e.message?e.message:el("errors.invalidEmailAddress"))),e.type===exports.FormValidationTypes.USERNAME&&(oW(String(t))||p.push(e.message?e.message:el("errors.usernameRule"))))})),p}(n,t,q);return p.length>0?(f(e,p[0],o),!1):(f(e,""),!0)},L=()=>{if(""===c)return;if(""===q(c))return;const e=h(c);e&&e.forceUpdate&&e.forceUpdate()};return(()=>{if(!a)return null;const b={id:a.props.id?a.props.id:W+"_"+e,label:o,placeholder:p,className:"itd-form-item",onUpdate:R,ref:s};return M&&(b.mask=M),r&&(b.locked=r),t.cloneElement(a,{...a.props,...b})})()})),aW=t.forwardRef((({name:o="",className:p="",initialValues:b={},useQueryString:n=!1,onUpdate:M,onFinish:c,onFinishFailed:i,onValidated:a,children:O},s)=>{const{updated:d,setInitialValues:A,isFormValid:l,getValues:u,getFields:f,setFieldValueByName:q,resetFields:h}=t.useContext(zW),W=Kr(),{search:g}=r.useLocation(),m=Qr(),[R,v]=t.useState([]),[L,y]=t.useState(!1),[N,x]=t.useState([]),[B,w]=t.useState(!1),[X,S]=t.useState(!1);t.useEffect((()=>{O&&D()}),[O]),t.useEffect((()=>{k(),T()}),[B]),t.useEffect((()=>{B||0!==Object.keys(f()).length&&0!==N.length&&Object.keys(f()).length===N.length&&w(!0)}),[f(),N]),t.useEffect((()=>{T()}),[b]),t.useEffect((()=>{k()}),[g]),t.useEffect((()=>{X&&B&&n&&Object.keys(d).length>0&&C(d)}),[d]),t.useEffect((()=>{a&&l()!==L&&a(l()),y(l())}),[l()]);const k=()=>{B&&n&&(P(),X||_())},T=()=>{B&&(n||X||E())},E=()=>{const e=!Object.values(b).some((e=>null!==e&&""!==e));e&&!X&&S(!0),e||X||(A(b,!1),S(!0))},_=()=>{const e=f(),t=!Object.values(e).some((e=>""!==W.get(e.query,"")));if(Object.values(e).some((e=>null===e.query||""===e.query))){let t=[];throw Object.keys(e).forEach((o=>{e[o].hasOwnProperty("query")&&null!==e[o].query&&""!==e[o].query||t.push(o)})),new Error(`ITD Form Initial Fields Error: "useQueryString" is activated but "query" value is not passed to whole form elements! Invalid fields are ${t.toString()}`)}if(t&&!X&&S(!0),!t&&!X){let t={};Object.keys(e).forEach((o=>{t[o]=W.get(e[o].query,"")})),A(t,!0,!0),S(!0)}},C=e=>{let t=[],o=[];const p=f();Object.keys(e).forEach((t=>{o.push(e[t])})),Wl(o,R)||(Object.keys(p).forEach((o=>{t.push({type:p[o].query,value:e[o]})})),m.set(t))},P=()=>{let e=[],t=[];const o=f();if(Object.keys(o).forEach((t=>{let p=String(W.get(o[t].query,""));e.push(p)})),Wl(e,R))return;v(e),Object.keys(o).forEach((e=>{t[e]=W.get(o[e].query,"")})),Object.keys(t).forEach((e=>{q(e,t[e],!1,!1)}));let p={};Object.keys(t).forEach((e=>{p[e]=t[e]})),M&&M(p)},D=()=>{let e=[];z.getChildrenDeep(O,(t=>(t.hasOwnProperty("type")&&t.type===iW&&e.push({[t.props.name]:t}),!0))),x(e)};return t.useImperativeHandle(s,(()=>({fieldUpdate(e){console.log("fieldUpdate"),console.log(e)}}))),e.jsx("form",{id:o,onSubmit:e=>{e&&(e.preventDefault(),e.stopPropagation()),l()?c&&c(u()):i&&i(f())},onReset:e=>{e&&(e.preventDefault(),e.stopPropagation());let t=[];Object.keys(f()).map((e=>{t.push({type:e,value:""})})),m.set(t),h(!0,!1)},autoComplete:"off",className:p,noValidate:!0,children:O})}));var OW=t.memo(aW);function sW({name:e="",useQueryString:o=!1,onUpdate:p,onReset:b,onFieldUpdate:n}){const[M,r]=t.useState({}),[c,z]=t.useState(e),[i,a]=t.useState(!1),[O,s]=t.useState({});function d(e){return M.hasOwnProperty(e)&&void 0!==M[e]}function A(){let e={};return Object.keys(M).forEach((t=>{e[t]=f(t)})),e}function l(e,t,o=!0){if(d(e)&&M[e].field.current){if(M[e].valid=!1,M[e].error=t,!M[e].field.current?.hasOwnProperty("setError"))throw new Error(`Reference Error: You must declare the 'setError' function on the field "${e}"`);M[e].field.current?.setError(o?t:"")}}function u(){let e=!0;return Object.keys(M).forEach((t=>{M[t].valid||(e=!1)})),a(e),e}function f(e){if(d(e)){if(M[e].field.current?.hasOwnProperty("getValue"))return M[e].field.current?.getValue();throw new Error(`Reference Error: You must declare the 'getValue' function on the field "${e}"`)}throw new Error(`Form Error: There is no field registered with this name: ${e}`)}function q(e,t,o,p){if(!d(e))throw new Error(`Form Error: There is no field registered with this name: ${e}`);if(!M[e].field.current?.hasOwnProperty("setValue"))throw new Error(`Reference Error: You must declare the 'setValue' function on the field "${e}"`);{let b=f(e),n=!1;n=Array.isArray(b)&&Array.isArray(t)?Wl(b,t):Array.isArray(b)||Array.isArray(t)?b.toString()===t.toString():b===t,n||M[e].field.current?.setValue(t,o,p)}}return{register:function(e){M[e.name]={name:e.name,field:e.field,value:e.field.current?.getValue(),valid:e.valid,query:e.query,reset:e.reset,error:e.error}},unregister:function(e){if(!d(e))throw new Error(`Form Unregister Error: There is no field registered with this name: ${e}`);delete M[e]},checkFormIsValid:u,hasField:d,getValues:A,getFieldValue:function(e){return d(e)?(t=M[e].value)instanceof Object?JSON.stringify(t):t:"";var t},getFieldValueByName:f,getFieldInstance:function(e){return d(e)?M[e].field.current:null},getFields:function(){let e={};return Object.keys(M).forEach((t=>{e[t]=M[t]})),e},getFieldsInstance:function(){let e={};return Object.keys(M).forEach((t=>{e[t]=M[t].field.current})),e},setName:function(e){z(e)},setInitialValues:function(e,t=!0,b=!1){Object.keys(e).forEach((o=>{q(o,e[o],t,b)}));let n={};return Object.keys(e).forEach((t=>{n[t]=e[t]})),t&&(o&&s(n),p&&p(n)),u(),n},setInvalidField:function(e="",t=""){l(e,t),u()},setInvalidFields:function(e=[],t=""){e.forEach((e=>{l(e,t)})),u()},setFieldValue:function(e,t){if(!d(e))throw new Error(`Form Error: There is no field registered with this name: ${e}`);M[e].valid=!1,M[e].field.current?.setValue(t)},setFieldValueByName:q,setFieldError:l,removeFieldError:function(e){if(!d(e))throw new Error(`Form Error: There is no field registered with this name: ${e}`);if(M[e].valid=!0,M[e].error="",!M[e].field.current?.hasOwnProperty("setError"))throw new Error(`Reference Error: You must declare the 'setError' function on the field "${e}"`);M[e].field.current?.setError("")},updateField:function(e,t,b,r){if(!d(e))throw new Error(`Form Update Error: There is no field registered with this name: ${e}`);if(M[e].value=t,M[e].valid=r,b){n&&n({name:e,value:t,valid:r}),M[e].reset.length>0&&M[e].reset.forEach((e=>{M[e].value="",M[e].valid=!1,M[e].field.current?.reset(!1)}));let b={...A(),[e]:t};M[e].reset.length>0&&M[e].reset.forEach((e=>{b[e]=""})),o&&r&&s(b),p&&p(b)}u()},isFormValid:t.useCallback((()=>i),[i]),isFieldsValid:function(e){let t=!0;return e.forEach((e=>{M[e].valid||(t=!1)})),t},isFieldValid:function(e){return M[e].valid},resetFields:function(e=!1,t=!1){Object.keys(M).forEach((o=>{if(!M[o].field.current?.hasOwnProperty("reset"))throw new Error(`Reference Error: You must declare the 'reset' function on the field "${o}"`);M[o].field.current?.reset(e,t)})),b&&b()},removeFields:function(){r({})},formId:c,updated:O}}const dW=t.forwardRef((({initialValues:o,children:p,onUpdate:b,onReset:n,onFinish:M,onFinishFailed:r,onFieldUpdate:c,onValidated:z,useQueryString:i,className:a,name:O},s)=>{const d=t.useRef(null);t.useEffect((()=>()=>{d.current=null}),[]),d.current=sW({name:O,onUpdate:b,onReset:n,onFieldUpdate:c,useQueryString:i}),t.useImperativeHandle(s,(()=>d.current));return e.jsx(zW.Provider,{value:d.current,children:e.jsx(OW,{initialValues:o,useQueryString:i,onUpdate:b,onFinish:M,onFinishFailed:r,onValidated:z,name:O,className:(()=>{let e="itd-form";return O&&(e+=" "+O),a&&(e+=" "+a),e})(),children:p})})}));dW.Item=iW,dW.Group=function({gap:t=15,horizontal:o=!1,className:p,children:b}){const n=()=>{let e="itd-form-group";return p&&(e+=" "+p),e};return e.jsx(Gh,{className:n(),$gap:t,$horizontal:o,children:b})},dW.Control=function({position:t="end",className:o,children:p}){const b=()=>{let e="itd-form-control";return o&&(e+=" "+o),e};return e.jsx(Kh,{className:b(),$position:t,children:p})},dW.useForm=()=>t.useContext(zW),dW.useFormAPI=()=>{const e=t.useContext(zW);if(!e)throw new Error("useFormAPI must be used within a FormContext.Provider");return e};const AW=Di.div`
|
|
3271
|
+
`;const Qh=new RegExp(/^[a-zA-Z0-9.!#$%&’*+/=?^_`{|}~-]+@[a-zA-Z0-9-]+([.])[a-zA-Z0-9-]+(?:.[a-zA-Z0-9-]+)*$/),Jh=new RegExp(/^[a-zA-Z0-9_.-]{6,}$/),Zh=new RegExp(/^(?=.*[a-z])(?=.*[A-Z])(?=.*\d)(?=.*[!@#$%^&*()_+={};:<>|./?,"'\[\]\\`~\-])[a-zA-Z\d$begin:math:display$$end:math:display$\\`~!@#$%^&*()_+={};:<>|.\/?,"'-]{8,35}$/);const eW=e=>Zh.test(e),tW=e=>Qh.test(e),oW=e=>Jh.test(e),pW=(e,t)=>e.length>=t,bW=(e,t)=>e.length<=t,nW=(e,t)=>e===t,MW=(e,t)=>e.length===t,rW=e=>function(e){var t,o=0,p=0,b=0;if(11!=e.length)return!1;if(!/^-?\d+$/.test(e))return!1;if(0==Number(e[0]))return!1;if(o=parseInt(e[0])+parseInt(e[2])+parseInt(e[4])+parseInt(e[6])+parseInt(e[8]),t=parseInt(e[1])+parseInt(e[3])+parseInt(e[5])+parseInt(e[7]),o*=7,Math.abs(o-t)%10!=Number(e[9]))return!1;for(b=0;b<10;b++)p+=parseInt(e[b]);return p%10==Number(e[10])}(e),cW=e=>{if(Array.isArray(e)){if(0===e.length)return!1}else{if("object"==typeof e){let t=!0;return Object.keys(e).forEach((o=>{""===e[o]&&(t=!1)})),t}if("string"==typeof e){if(""===e)return!1}else if("boolean"==typeof e&&!1===e)return!1}return!0},zW=t.createContext({});zW.displayName="ITDFormContext";const iW=t.forwardRef((({name:e="",label:o="",placeholder:p="",error:b="",rules:n=[],mask:M=null,locked:r=!1,dependency:c="",reset:z=[],query:i="",children:a=null},O)=>{const s=t.useRef(null),{register:d,unregister:A,hasField:l,updateField:u,setFieldError:f,getFieldValue:q,getFieldInstance:h,formId:W}=t.useContext(zW),[g,m]=t.useState(!1);t.useEffect((()=>(d({name:e,field:s,valid:v(s.current?.getValue()),query:i,reset:z,error:b}),m(!0),()=>{m(!1),A(e)})),[]),t.useImperativeHandle(O,(()=>s.current));const R=(t,o=!0,p=!0)=>{g&&l(e)&&(u(e,t,o,v(t,p)),L())},v=(t,o=!0)=>{const p=function(e,t,o){let p=[];return e.forEach((e=>{e.hasOwnProperty($e.REQUIRED)&&!cW(t)&&e.required&&p.push(e.message?e.message:el("errors.required")),e.hasOwnProperty($e.TYPE)&&(e.type===exports.FormValidationTypes.MIN_LENGTH&&(pW(String(t),Number(e.value))||p.push(e.message?e.message:el("errors.minLength",{length:Number(e.value)}))),e.type===exports.FormValidationTypes.MAX_LENGTH&&(bW(String(t),Number(e.value))||p.push(e.message?e.message:el("errors.maxLength",{length:Number(e.value)}))),e.type===exports.FormValidationTypes.EXACT_LENGTH&&(MW(String(t),Number(e.value))||p.push(e.message?e.message:el("errors.exactLength",{length:Number(e.value)}))),e.type===exports.FormValidationTypes.SAME&&(nW(String(t),String(o(String(e.field))))||p.push(e.message?e.message:el("errors.fieldMustBeTheSame",{fields:e.field}))),e.type===exports.FormValidationTypes.TC_IDENTITY&&(rW(String(t))||p.push(e.message?e.message:el("errors.wrongTCIdentity"))),e.type===exports.FormValidationTypes.PASSWORD&&(eW(String(t))||p.push(e.message?e.message:el("errors.passwordRule"))),e.type===exports.FormValidationTypes.EMAIL&&(tW(String(t))||p.push(e.message?e.message:el("errors.invalidEmailAddress"))),e.type===exports.FormValidationTypes.USERNAME&&(oW(String(t))||p.push(e.message?e.message:el("errors.usernameRule"))))})),p}(n,t,q);return p.length>0?(f(e,p[0],o),!1):(f(e,""),!0)},L=()=>{if(""===c)return;if(""===q(c))return;const e=h(c);e&&e.forceUpdate&&e.forceUpdate()};return(()=>{if(!a)return null;let b=a.props;const n={id:b.props.id?b.props.id:W+"_"+e,label:o,placeholder:p,className:b.className?b.className+" itd-form-item":"itd-form-item",onUpdate:R,ref:s};return M&&(n.mask=M),r&&(n.locked=r),t.cloneElement(a,{...b.props,...n})})()})),aW=t.forwardRef((({name:o="",className:p="",initialValues:b={},useQueryString:n=!1,onUpdate:M,onFinish:c,onFinishFailed:i,onValidated:a,children:O},s)=>{const{updated:d,setInitialValues:A,isFormValid:l,getValues:u,getFields:f,setFieldValueByName:q,resetFields:h}=t.useContext(zW),W=Kr(),{search:g}=r.useLocation(),m=Qr(),[R,v]=t.useState([]),[L,y]=t.useState(!1),[N,x]=t.useState([]),[B,w]=t.useState(!1),[X,S]=t.useState(!1);t.useEffect((()=>{O&&D()}),[O]),t.useEffect((()=>{k(),T()}),[B]),t.useEffect((()=>{B||0!==Object.keys(f()).length&&0!==N.length&&Object.keys(f()).length===N.length&&w(!0)}),[f(),N]),t.useEffect((()=>{T()}),[b]),t.useEffect((()=>{k()}),[g]),t.useEffect((()=>{X&&B&&n&&Object.keys(d).length>0&&C(d)}),[d]),t.useEffect((()=>{a&&l()!==L&&a(l()),y(l())}),[l()]);const k=()=>{B&&n&&(P(),X||_())},T=()=>{B&&(n||X||E())},E=()=>{const e=!Object.values(b).some((e=>null!==e&&""!==e));e&&!X&&S(!0),e||X||(A(b,!1),S(!0))},_=()=>{const e=f(),t=!Object.values(e).some((e=>""!==W.get(e.query,"")));if(Object.values(e).some((e=>null===e.query||""===e.query))){let t=[];throw Object.keys(e).forEach((o=>{e[o].hasOwnProperty("query")&&null!==e[o].query&&""!==e[o].query||t.push(o)})),new Error(`ITD Form Initial Fields Error: "useQueryString" is activated but "query" value is not passed to whole form elements! Invalid fields are ${t.toString()}`)}if(t&&!X&&S(!0),!t&&!X){let t={};Object.keys(e).forEach((o=>{t[o]=W.get(e[o].query,"")})),A(t,!0,!0),S(!0)}},C=e=>{let t=[],o=[];const p=f();Object.keys(e).forEach((t=>{o.push(e[t])})),Wl(o,R)||(Object.keys(p).forEach((o=>{t.push({type:p[o].query,value:e[o]})})),m.set(t))},P=()=>{let e=[],t=[];const o=f();if(Object.keys(o).forEach((t=>{let p=String(W.get(o[t].query,""));e.push(p)})),Wl(e,R))return;v(e),Object.keys(o).forEach((e=>{t[e]=W.get(o[e].query,"")})),Object.keys(t).forEach((e=>{q(e,t[e],!1,!1)}));let p={};Object.keys(t).forEach((e=>{p[e]=t[e]})),M&&M(p)},D=()=>{let e=[];z.getChildrenDeep(O,(t=>(t.hasOwnProperty("type")&&t.type===iW&&e.push({[t.props.name]:t}),!0))),x(e)};return t.useImperativeHandle(s,(()=>({fieldUpdate(e){console.log("fieldUpdate"),console.log(e)}}))),e.jsx("form",{id:o,onSubmit:e=>{e&&(e.preventDefault(),e.stopPropagation()),l()?c&&c(u()):i&&i(f())},onReset:e=>{e&&(e.preventDefault(),e.stopPropagation());let t=[];Object.keys(f()).map((e=>{t.push({type:e,value:""})})),m.set(t),h(!0,!1)},autoComplete:"off",className:p,noValidate:!0,children:O})}));var OW=t.memo(aW);function sW({name:e="",useQueryString:o=!1,onUpdate:p,onReset:b,onFieldUpdate:n}){const[M,r]=t.useState({}),[c,z]=t.useState(e),[i,a]=t.useState(!1),[O,s]=t.useState({});function d(e){return M.hasOwnProperty(e)&&void 0!==M[e]}function A(){let e={};return Object.keys(M).forEach((t=>{e[t]=f(t)})),e}function l(e,t,o=!0){if(d(e)&&M[e].field.current){if(M[e].valid=!1,M[e].error=t,!M[e].field.current?.hasOwnProperty("setError"))throw new Error(`Reference Error: You must declare the 'setError' function on the field "${e}"`);M[e].field.current?.setError(o?t:"")}}function u(){let e=!0;return Object.keys(M).forEach((t=>{M[t].valid||(e=!1)})),a(e),e}function f(e){if(d(e)){if(M[e].field.current?.hasOwnProperty("getValue"))return M[e].field.current?.getValue();throw new Error(`Reference Error: You must declare the 'getValue' function on the field "${e}"`)}throw new Error(`Form Error: There is no field registered with this name: ${e}`)}function q(e,t,o,p){if(!d(e))throw new Error(`Form Error: There is no field registered with this name: ${e}`);if(!M[e].field.current?.hasOwnProperty("setValue"))throw new Error(`Reference Error: You must declare the 'setValue' function on the field "${e}"`);{let b=f(e),n=!1;n=Array.isArray(b)&&Array.isArray(t)?Wl(b,t):Array.isArray(b)||Array.isArray(t)?b.toString()===t.toString():b===t,n||M[e].field.current?.setValue(t,o,p)}}return{register:function(e){M[e.name]={name:e.name,field:e.field,value:e.field.current?.getValue(),valid:e.valid,query:e.query,reset:e.reset,error:e.error}},unregister:function(e){if(!d(e))throw new Error(`Form Unregister Error: There is no field registered with this name: ${e}`);delete M[e]},checkFormIsValid:u,hasField:d,getValues:A,getFieldValue:function(e){return d(e)?(t=M[e].value)instanceof Object?JSON.stringify(t):t:"";var t},getFieldValueByName:f,getFieldInstance:function(e){return d(e)?M[e].field.current:null},getFields:function(){let e={};return Object.keys(M).forEach((t=>{e[t]=M[t]})),e},getFieldsInstance:function(){let e={};return Object.keys(M).forEach((t=>{e[t]=M[t].field.current})),e},setName:function(e){z(e)},setInitialValues:function(e,t=!0,b=!1){Object.keys(e).forEach((o=>{q(o,e[o],t,b)}));let n={};return Object.keys(e).forEach((t=>{n[t]=e[t]})),t&&(o&&s(n),p&&p(n)),u(),n},setInvalidField:function(e="",t=""){l(e,t),u()},setInvalidFields:function(e=[],t=""){e.forEach((e=>{l(e,t)})),u()},setFieldValue:function(e,t){if(!d(e))throw new Error(`Form Error: There is no field registered with this name: ${e}`);M[e].valid=!1,M[e].field.current?.setValue(t)},setFieldValueByName:q,setFieldError:l,removeFieldError:function(e){if(!d(e))throw new Error(`Form Error: There is no field registered with this name: ${e}`);if(M[e].valid=!0,M[e].error="",!M[e].field.current?.hasOwnProperty("setError"))throw new Error(`Reference Error: You must declare the 'setError' function on the field "${e}"`);M[e].field.current?.setError("")},updateField:function(e,t,b,r){if(!d(e))throw new Error(`Form Update Error: There is no field registered with this name: ${e}`);if(M[e].value=t,M[e].valid=r,b){n&&n({name:e,value:t,valid:r}),M[e].reset.length>0&&M[e].reset.forEach((e=>{M[e].value="",M[e].valid=!1,M[e].field.current?.reset(!1)}));let b={...A(),[e]:t};M[e].reset.length>0&&M[e].reset.forEach((e=>{b[e]=""})),o&&r&&s(b),p&&p(b)}u()},isFormValid:t.useCallback((()=>i),[i]),isFieldsValid:function(e){let t=!0;return e.forEach((e=>{M[e].valid||(t=!1)})),t},isFieldValid:function(e){return M[e].valid},resetFields:function(e=!1,t=!1){Object.keys(M).forEach((o=>{if(!M[o].field.current?.hasOwnProperty("reset"))throw new Error(`Reference Error: You must declare the 'reset' function on the field "${o}"`);M[o].field.current?.reset(e,t)})),b&&b()},removeFields:function(){r({})},formId:c,updated:O}}const dW=t.forwardRef((({initialValues:o,children:p,onUpdate:b,onReset:n,onFinish:M,onFinishFailed:r,onFieldUpdate:c,onValidated:z,useQueryString:i,className:a,name:O},s)=>{const d=t.useRef(null);t.useEffect((()=>()=>{d.current=null}),[]),d.current=sW({name:O,onUpdate:b,onReset:n,onFieldUpdate:c,useQueryString:i}),t.useImperativeHandle(s,(()=>d.current));return e.jsx(zW.Provider,{value:d.current,children:e.jsx(OW,{initialValues:o,useQueryString:i,onUpdate:b,onFinish:M,onFinishFailed:r,onValidated:z,name:O,className:(()=>{let e="itd-form";return O&&(e+=" "+O),a&&(e+=" "+a),e})(),children:p})})}));dW.Item=iW,dW.Group=function({gap:t=15,horizontal:o=!1,className:p,children:b}){const n=()=>{let e="itd-form-group";return p&&(e+=" "+p),e};return e.jsx(Gh,{className:n(),$gap:t,$horizontal:o,children:b})},dW.Control=function({position:t="end",className:o,children:p}){const b=()=>{let e="itd-form-control";return o&&(e+=" "+o),e};return e.jsx(Kh,{className:b(),$position:t,children:p})},dW.useForm=()=>t.useContext(zW),dW.useFormAPI=()=>{const e=t.useContext(zW);if(!e)throw new Error("useFormAPI must be used within a FormContext.Provider");return e};const AW=Di.div`
|
|
3272
3272
|
|
|
3273
3273
|
&.itd-accordion-menu-sub-menu {
|
|
3274
3274
|
|
|
@@ -5088,7 +5088,7 @@ function pu(e,t){if(fu(e))for(let o=0;o<e.length&&!1!==t(e[o],o,e);o++);else e&&
|
|
|
5088
5088
|
grid-template-columns : ${e=>"row"===e.$direction||e.$onlyFlow?"auto":`repeat(${e.$length}, 1fr)`};
|
|
5089
5089
|
grid-template-rows : ${e=>"column"===e.$direction||e.$onlyFlow?"auto":`repeat(${e.$length}, 1fr)`};
|
|
5090
5090
|
grid-gap : ${e=>e.$gap};
|
|
5091
|
-
`,Cm=t.forwardRef((({id:o="itd-
|
|
5091
|
+
`,Cm=t.forwardRef((({id:o="itd-radio-group-"+sa(),name:p="",message:b="",type:n="default",defaultValue:M="",value:r="",buttonProps:c={},className:z="",direction:i="column",gap:a="10px",length:O=3,onlyFlow:s=!1,onChange:d=null,onUpdate:A=null,children:l=null},u)=>{const[f,q]=t.useState(b),[h,W]=t.useState("");t.useEffect((()=>{M&&(W(M),g(M))}),[]),t.useEffect((()=>{W(r),g(r)}),[r]);const g=(e,t=!0,o=!0)=>{A&&A(e,t,o)};t.useImperativeHandle(u,(()=>({reset(e=!0,t=!0){W(M),q(""),g(M,e,t)},setValue(e,t=!0,o=!0){W(e),g(e,t,o)},getValue:()=>h,setError(e){q(e)},clear(){}})));const m=e=>{h!==e&&(W(e),g(e,!0,!1),q(""),d&&d(e))};return e.jsx(_m,{id:o,className:(()=>{let e="itd-radio-group";return e+=" itd-radio-group-"+n,e+=" itd-radio-group-"+i,f&&(e+=" itd-radio-group-error"),""!==z&&(e+=" "+z),e})(),role:"radiogroup",$direction:i,$length:O,$gap:a,$onlyFlow:s,children:(()=>{const e=o=>{if(!t.isValidElement(o))return null;if(o.type===Em)return t.cloneElement(o,{...o.props,checked:h===o.props.value,onChange:m,hasError:""!==f,name:p,type:n,buttonProps:c});if(o.props.children){const p=t.Children.map(o.props.children,e);return t.cloneElement(o,{...o.props,children:p})}return o};return t.Children.map(l,e)})()})}));var Pm=t.memo(Cm);const Dm=()=>null;Dm.Group=Pm,Dm.Button=Em;var jm="itd__label__9437953e",Im="itd__checkmark__9437953e",Fm="itd__check__9437953e",$m="itd__container__9437953e";$g(".itd__container__9437953e{align-items:center;cursor:pointer;display:flex;-webkit-user-select:none;user-select:none}.itd__label__9437953e{align-items:center;display:flex;position:relative}.itd__label__9437953e span{color:#fff9;font-size:12px;font-weight:400;line-height:1.2;margin-left:10px}.itd__checkmark__9437953e{align-items:center;background-color:#1d2649;border-radius:6px;display:flex;height:20px;justify-content:center;transition:background-color .25sn ease-out;width:20px}.itd__checkmark__9437953e svg{fill:#fff;visibility:hidden}.itd__check__9437953e{background-color:#3396fb}.itd__check__9437953e svg{animation:itd__bounce__9437953e .5s;visibility:visible}@keyframes itd__bounce__9437953e{0%{transform:scale(.2) rotate(4deg)}50%{transform:scale(1.2) rotate(-2deg)}75%{transform:scale(.9) rotate(1deg)}to{transform:scale(1) rotate(0deg)}}",{});const Um=({checked:e=!1,className:o="",children:p=null})=>t.createElement("label",{className:"itd-inline-select-checkbox-label "+o+" "+$m},t.createElement("div",{className:"itd-inline-select-checkbox-wrapper "+jm},(()=>{let o="itd-inline-select-checkbox "+Im;return e&&(o+=" "+Fm),t.createElement("div",{className:o},t.createElement(Ol,{className:"itd-svg",width:12,height:12}))})(),t.createElement("span",null,p)));var Vm="itd__option__733c7593",Hm="itd__selected__733c7593",Ym="itd__single__733c7593";$g(".itd__option__733c7593{align-items:center;cursor:pointer;display:flex;min-width:max-content;padding:10px 30px 10px 15px}.itd__option__733c7593:not(:last-child){margin-bottom:1px}.itd__option__733c7593:hover{background-color:rgba(29,38,73,.502)}.itd__selected__733c7593 .itd__option__733c7593 span,.itd__selected__733c7593 .itd__single__733c7593{color:#fff}.itd__option__733c7593 span,.itd__single__733c7593{color:hsla(0,0%,100%,.667);font-size:12px;font-weight:400;line-height:12px;white-space:nowrap}",{});const Gm=({value:e="",checked:o=!1,single:p=!1,onChange:b=null,children:n=null})=>{const[M,r]=t.useState(!1);return t.createElement("li",{onMouseEnter:e=>{r(!0),e.stopPropagation()},onMouseLeave:e=>{r(!1),e.stopPropagation()},className:(()=>{let e="itd-inline-select-item itd-inline-select-item-option";return e+=" "+Vm,o&&(e+=" "+Hm),o&&(e+=" itd-inline-select-item-option-selected"),M&&!o&&(e+=" itd-inline-select-item-option-active"),e})(),onClick:t=>{b(e,!o,n),t.stopPropagation()}},p?t.createElement("div",{className:"itd-item-single "+Ym},t.createElement("span",null,n)):t.createElement(Um,{className:"itd-item-multi",checked:o},n))};var Km=t.memo(Gm),Qm={menu:"itd__menu__211ba801",bodyWrapper:"itd__bodyWrapper__211ba801",bodyWrapperLong:"itd__bodyWrapperLong__211ba801",menuEnter:"itd__menuEnter__211ba801",menuEnterActive:"itd__menuEnterActive__211ba801",menuExit:"itd__menuExit__211ba801",menuExitActive:"itd__menuExitActive__211ba801",menuEnterActiveLong:"itd__menuEnterActiveLong__211ba801",menuExitActiveLong:"itd__menuExitActiveLong__211ba801",bottom:"itd__bottom__211ba801",left:"itd__left__211ba801"};function Jm(e){const o=t.useRef(null),{value:b=[],children:n=null,onChange:M=null,isOpen:r=!1,single:c=!1,minWidth:z=0}=e,[i,a]=t.useState([]);t.useEffect((()=>{a(b)}),[b]);const O=(e,t,o)=>{if(c){const p=[t?e:""];a(p),M(p,o)}else{let p=[];t?p=[...i,e]:(i.splice(i.indexOf(e),1),p=[...i]),a(p),M(p,o)}};return t.createElement(p.CSSTransition,{in:r,timeout:500,classNames:{enter:Qm.menuEnter,enterActive:n.length>5?Qm.menuEnterActiveLong:Qm.menuEnterActive,exit:Qm.menuExit,exitActive:n.length>5?Qm.menuExitActiveLong:Qm.menuExitActive},nodeRef:o,unmountOnExit:!0},t.createElement("div",{className:"itd-inline-select-dropdown "+Qm.menu+" "+Qm.bottom+" "+Qm.left,style:{width:0===z?"max-content":z+"px"},ref:o},t.createElement("div",{className:Qm.spacer}),t.createElement(kh,{className:"itd-inline-select-dropdown-body "+n.length>5?Qm.bodyWrapperLong:Qm.bodyWrapper},t.createElement("ul",null,t.Children.map(n,(e=>t.cloneElement(e,{onChange:O,checked:i.indexOf(e.props.value)>-1,key:e.props.value})))))))}$g(".itd__menu__211ba801{background-color:#050a20;border-radius:0 5px 5px 5px;box-shadow:0 20px 20px #00000040;overflow:hidden;position:absolute;transform-box:fill-box;transform-origin:50% 1%;transition-timing-function:cubic-bezier(.75,-.5,0,1.25);z-index:2}.itd__menu__211ba801 ul{min-width:max-content}.itd__bodyWrapperLong__211ba801,.itd__bodyWrapper__211ba801{height:300px}.itd__bottom__211ba801{top:100%}.itd__left__211ba801{left:0}.itd__menuEnter__211ba801{height:50px;opacity:0}.itd__menuEnterActive__211ba801{height:300px;opacity:1;transition:height .15s ease-out}.itd__menuExit__211ba801{opacity:1}.itd__menuExitActive__211ba801{height:300px;opacity:0;transition:height .15s ease-out}.itd__menuEnterActiveLong__211ba801{height:300px;opacity:1;transition:height .15s ease-out}.itd__menuExitActiveLong__211ba801{height:300px;opacity:0;transition:height .15s ease-out}",{});const Zm=Di.div`
|
|
5092
5092
|
width: max-content;
|
|
5093
5093
|
`,eR=Di.span`
|
|
5094
5094
|
|
package/dist/index.d.ts
CHANGED
|
@@ -1036,6 +1036,7 @@ type CheckboxProps = {
|
|
|
1036
1036
|
onUpdate?: ((value: any, update: any, validation: boolean) => void);
|
|
1037
1037
|
};
|
|
1038
1038
|
type CheckboxGroupProps = {
|
|
1039
|
+
id?: string;
|
|
1039
1040
|
value?: (string | number | boolean)[];
|
|
1040
1041
|
defaultValue?: (string | number | boolean)[];
|
|
1041
1042
|
options?: GroupCheckboxOptionType[];
|
package/dist/index.esm.js
CHANGED
|
@@ -1727,7 +1727,7 @@ function(t,o){e.exports?e.exports=o(Il()):o(t.moment)}(Vl,(function(e){void 0===
|
|
|
1727
1727
|
justify-content: flex-start;
|
|
1728
1728
|
gap: 10px;
|
|
1729
1729
|
|
|
1730
|
-
`;const xu=u((({
|
|
1730
|
+
`;const xu=u((({id:t="itd-checkbox-group-"+Ha(),className:o="",disabled:p,value:b,defaultValue:n,options:M,children:c,onChange:i,onUpdate:a},O)=>{const[s,A]=r([]),[l,u]=r([]),[W,g]=r("");z((()=>{A(R)}),[c]),z((()=>{n&&u(n)}),[n]),z((()=>{Bu(l,b)}),[b]),z((()=>{}),[n,M]),z((()=>{let e=[];l.forEach((t=>{e.push(t)})),i&&i(e),L(e)}),[l]);const m=()=>{if(c)return v(c)};let R=[];const v=e=>f.map(e,(e=>{if(!function(e){var t=typeof e;return null!=e&&("object"==t||"function"==t)}(e))return e;let t;if(e.type===_u){let o={ref:h(),onChange:e=>{(e=>{let t=l;if(e.value){if(e.checked)t=[...l,e.value];else{const o=l.indexOf(e.value);if(o>-1){let e=[...l];e.splice(o,1),t=e}}u(t)}})(e)},children:v(e.props.children)};l.indexOf(e.props.value)>-1&&!e.props.disabled&&(o.checked=!0),void 0!==p&&(o.disabled=p),t=d(e,o),R.push(e.props.value)}else t=d(e,{children:v(e.props.children)});return t}));q(O,(()=>({reset(e=!0,t=!0){this.selectAll(!1),u([]),g(""),L([],e,t)},setValue(e=[],t=!0,o=!0){u(e),L(e,t,o)},getValue:()=>l,setError(e=""){g(e)},clear(){u([]),this.selectAll(!1)},selectAll(e){u(e?s:[]),L(e?s:[]),i&&i(e?s:[])}})));const L=(e,t=!0,o=!0)=>{a&&a(e,t,o)};return e(wu,{id:t,className:(()=>{let e="itd-checkbox-group";return""!==W&&(e+=" itd-checkbox-group-error"),p&&(e+=" itd-checkbox-group-disabled"),""!==o&&(e+=" "+o),e})(),children:m()})}));xu.displayName="ITD-CheckboxGroup";const Xu=ha.label`
|
|
1731
1731
|
|
|
1732
1732
|
display: flex;
|
|
1733
1733
|
align-items: center;
|
|
@@ -3268,7 +3268,7 @@ function Of(e,t){if(yf(e))for(let o=0;o<e.length&&!1!==t(e[o],o,e);o++);else e&&
|
|
|
3268
3268
|
margin-top: 10px;
|
|
3269
3269
|
gap: 5px;
|
|
3270
3270
|
|
|
3271
|
-
`;const ng=new RegExp(/^[a-zA-Z0-9.!#$%&’*+/=?^_`{|}~-]+@[a-zA-Z0-9-]+([.])[a-zA-Z0-9-]+(?:.[a-zA-Z0-9-]+)*$/),Mg=new RegExp(/^[a-zA-Z0-9_.-]{6,}$/),rg=new RegExp(/^(?=.*[a-z])(?=.*[A-Z])(?=.*\d)(?=.*[!@#$%^&*()_+={};:<>|./?,"'\[\]\\`~\-])[a-zA-Z\d$begin:math:display$$end:math:display$\\`~!@#$%^&*()_+={};:<>|.\/?,"'-]{8,35}$/);const cg=e=>rg.test(e),zg=e=>ng.test(e),ig=e=>Mg.test(e),ag=(e,t)=>e.length>=t,Og=(e,t)=>e.length<=t,sg=(e,t)=>e===t,Ag=(e,t)=>e.length===t,dg=e=>function(e){var t,o=0,p=0,b=0;if(11!=e.length)return!1;if(!/^-?\d+$/.test(e))return!1;if(0==Number(e[0]))return!1;if(o=parseInt(e[0])+parseInt(e[2])+parseInt(e[4])+parseInt(e[6])+parseInt(e[8]),t=parseInt(e[1])+parseInt(e[3])+parseInt(e[5])+parseInt(e[7]),o*=7,Math.abs(o-t)%10!=Number(e[9]))return!1;for(b=0;b<10;b++)p+=parseInt(e[b]);return p%10==Number(e[10])}(e),lg=e=>{if(Array.isArray(e)){if(0===e.length)return!1}else{if("object"==typeof e){let t=!0;return Object.keys(e).forEach((o=>{""===e[o]&&(t=!1)})),t}if("string"==typeof e){if(""===e)return!1}else if("boolean"==typeof e&&!1===e)return!1}return!0},ug=n({});ug.displayName="ITDFormContext";const fg=u((({name:e="",label:t="",placeholder:o="",error:p="",rules:b=[],mask:n=null,locked:i=!1,dependency:a="",reset:O=[],query:s="",children:A=null},l)=>{const u=c(null),{register:f,unregister:h,hasField:W,updateField:g,setFieldError:m,getFieldValue:R,getFieldInstance:v,formId:L}=M(ug),[y,N]=r(!1);z((()=>(f({name:e,field:u,valid:w(u.current?.getValue()),query:s,reset:O,error:p}),N(!0),()=>{N(!1),h(e)})),[]),q(l,(()=>u.current));const B=(t,o=!0,p=!0)=>{y&&W(e)&&(g(e,t,o,w(t,p)),x())},w=(t,o=!0)=>{const p=function(e,t,o){let p=[];return e.forEach((e=>{e.hasOwnProperty(At.REQUIRED)&&!lg(t)&&e.required&&p.push(e.message?e.message:ou("errors.required")),e.hasOwnProperty(At.TYPE)&&(e.type===dt.MIN_LENGTH&&(ag(String(t),Number(e.value))||p.push(e.message?e.message:ou("errors.minLength",{length:Number(e.value)}))),e.type===dt.MAX_LENGTH&&(Og(String(t),Number(e.value))||p.push(e.message?e.message:ou("errors.maxLength",{length:Number(e.value)}))),e.type===dt.EXACT_LENGTH&&(Ag(String(t),Number(e.value))||p.push(e.message?e.message:ou("errors.exactLength",{length:Number(e.value)}))),e.type===dt.SAME&&(sg(String(t),String(o(String(e.field))))||p.push(e.message?e.message:ou("errors.fieldMustBeTheSame",{fields:e.field}))),e.type===dt.TC_IDENTITY&&(dg(String(t))||p.push(e.message?e.message:ou("errors.wrongTCIdentity"))),e.type===dt.PASSWORD&&(cg(String(t))||p.push(e.message?e.message:ou("errors.passwordRule"))),e.type===dt.EMAIL&&(zg(String(t))||p.push(e.message?e.message:ou("errors.invalidEmailAddress"))),e.type===dt.USERNAME&&(ig(String(t))||p.push(e.message?e.message:ou("errors.usernameRule"))))})),p}(b,t,R);return p.length>0?(m(e,p[0],o),!1):(m(e,""),!0)},x=()=>{if(""===a)return;if(""===R(a))return;const e=v(a);e&&e.forceUpdate&&e.forceUpdate()};return(()=>{if(!A)return null;const p={id:A.props.id?A.props.id:L+"_"+e,label:t,placeholder:o,className:"itd-form-item",onUpdate:B,ref:u};return n&&(p.mask=n),i&&(p.locked=i),d(A,{...A.props,...p})})()})),qg=u((({name:t="",className:o="",initialValues:p={},useQueryString:b=!1,onUpdate:n,onFinish:c,onFinishFailed:i,onValidated:a,children:O},s)=>{const{updated:A,setInitialValues:d,isFormValid:l,getValues:u,getFields:f,setFieldValueByName:h,resetFields:W}=M(ug),g=Rc(),{search:m}=k(),R=vc(),[v,L]=r([]),[y,N]=r(!1),[B,w]=r([]),[x,X]=r(!1),[S,E]=r(!1);z((()=>{O&&j()}),[O]),z((()=>{_(),C()}),[x]),z((()=>{x||0!==Object.keys(f()).length&&0!==B.length&&Object.keys(f()).length===B.length&&X(!0)}),[f(),B]),z((()=>{C()}),[p]),z((()=>{_()}),[m]),z((()=>{S&&x&&b&&Object.keys(A).length>0&&I(A)}),[A]),z((()=>{a&&l()!==y&&a(l()),N(l())}),[l()]);const _=()=>{x&&b&&(F(),S||D())},C=()=>{x&&(b||S||P())},P=()=>{const e=!Object.values(p).some((e=>null!==e&&""!==e));e&&!S&&E(!0),e||S||(d(p,!1),E(!0))},D=()=>{const e=f(),t=!Object.values(e).some((e=>""!==g.get(e.query,"")));if(Object.values(e).some((e=>null===e.query||""===e.query))){let t=[];throw Object.keys(e).forEach((o=>{e[o].hasOwnProperty("query")&&null!==e[o].query&&""!==e[o].query||t.push(o)})),new Error(`ITD Form Initial Fields Error: "useQueryString" is activated but "query" value is not passed to whole form elements! Invalid fields are ${t.toString()}`)}if(t&&!S&&E(!0),!t&&!S){let t={};Object.keys(e).forEach((o=>{t[o]=g.get(e[o].query,"")})),d(t,!0,!0),E(!0)}},I=e=>{let t=[],o=[];const p=f();Object.keys(e).forEach((t=>{o.push(e[t])})),Bu(o,v)||(Object.keys(p).forEach((o=>{t.push({type:p[o].query,value:e[o]})})),R.set(t))},F=()=>{let e=[],t=[];const o=f();if(Object.keys(o).forEach((t=>{let p=String(g.get(o[t].query,""));e.push(p)})),Bu(e,v))return;L(e),Object.keys(o).forEach((e=>{t[e]=g.get(o[e].query,"")})),Object.keys(t).forEach((e=>{h(e,t[e],!1,!1)}));let p={};Object.keys(t).forEach((e=>{p[e]=t[e]})),n&&n(p)},j=()=>{let e=[];T(O,(t=>(t.hasOwnProperty("type")&&t.type===fg&&e.push({[t.props.name]:t}),!0))),w(e)};return q(s,(()=>({fieldUpdate(e){console.log("fieldUpdate"),console.log(e)}}))),e("form",{id:t,onSubmit:e=>{e&&(e.preventDefault(),e.stopPropagation()),l()?c&&c(u()):i&&i(f())},onReset:e=>{e&&(e.preventDefault(),e.stopPropagation());let t=[];Object.keys(f()).map((e=>{t.push({type:e,value:""})})),R.set(t),W(!0,!1)},autoComplete:"off",className:o,noValidate:!0,children:O})}));var hg=W(qg);function Wg({name:e="",useQueryString:t=!1,onUpdate:o,onReset:p,onFieldUpdate:b}){const[n,M]=r({}),[c,z]=r(e),[a,O]=r(!1),[s,A]=r({});function d(e){return n.hasOwnProperty(e)&&void 0!==n[e]}function l(){let e={};return Object.keys(n).forEach((t=>{e[t]=q(t)})),e}function u(e,t,o=!0){if(d(e)&&n[e].field.current){if(n[e].valid=!1,n[e].error=t,!n[e].field.current?.hasOwnProperty("setError"))throw new Error(`Reference Error: You must declare the 'setError' function on the field "${e}"`);n[e].field.current?.setError(o?t:"")}}function f(){let e=!0;return Object.keys(n).forEach((t=>{n[t].valid||(e=!1)})),O(e),e}function q(e){if(d(e)){if(n[e].field.current?.hasOwnProperty("getValue"))return n[e].field.current?.getValue();throw new Error(`Reference Error: You must declare the 'getValue' function on the field "${e}"`)}throw new Error(`Form Error: There is no field registered with this name: ${e}`)}function h(e,t,o,p){if(!d(e))throw new Error(`Form Error: There is no field registered with this name: ${e}`);if(!n[e].field.current?.hasOwnProperty("setValue"))throw new Error(`Reference Error: You must declare the 'setValue' function on the field "${e}"`);{let b=q(e),M=!1;M=Array.isArray(b)&&Array.isArray(t)?Bu(b,t):Array.isArray(b)||Array.isArray(t)?b.toString()===t.toString():b===t,M||n[e].field.current?.setValue(t,o,p)}}return{register:function(e){n[e.name]={name:e.name,field:e.field,value:e.field.current?.getValue(),valid:e.valid,query:e.query,reset:e.reset,error:e.error}},unregister:function(e){if(!d(e))throw new Error(`Form Unregister Error: There is no field registered with this name: ${e}`);delete n[e]},checkFormIsValid:f,hasField:d,getValues:l,getFieldValue:function(e){return d(e)?(t=n[e].value)instanceof Object?JSON.stringify(t):t:"";var t},getFieldValueByName:q,getFieldInstance:function(e){return d(e)?n[e].field.current:null},getFields:function(){let e={};return Object.keys(n).forEach((t=>{e[t]=n[t]})),e},getFieldsInstance:function(){let e={};return Object.keys(n).forEach((t=>{e[t]=n[t].field.current})),e},setName:function(e){z(e)},setInitialValues:function(e,p=!0,b=!1){Object.keys(e).forEach((t=>{h(t,e[t],p,b)}));let n={};return Object.keys(e).forEach((t=>{n[t]=e[t]})),p&&(t&&A(n),o&&o(n)),f(),n},setInvalidField:function(e="",t=""){u(e,t),f()},setInvalidFields:function(e=[],t=""){e.forEach((e=>{u(e,t)})),f()},setFieldValue:function(e,t){if(!d(e))throw new Error(`Form Error: There is no field registered with this name: ${e}`);n[e].valid=!1,n[e].field.current?.setValue(t)},setFieldValueByName:h,setFieldError:u,removeFieldError:function(e){if(!d(e))throw new Error(`Form Error: There is no field registered with this name: ${e}`);if(n[e].valid=!0,n[e].error="",!n[e].field.current?.hasOwnProperty("setError"))throw new Error(`Reference Error: You must declare the 'setError' function on the field "${e}"`);n[e].field.current?.setError("")},updateField:function(e,p,M,r){if(!d(e))throw new Error(`Form Update Error: There is no field registered with this name: ${e}`);if(n[e].value=p,n[e].valid=r,M){b&&b({name:e,value:p,valid:r}),n[e].reset.length>0&&n[e].reset.forEach((e=>{n[e].value="",n[e].valid=!1,n[e].field.current?.reset(!1)}));let M={...l(),[e]:p};n[e].reset.length>0&&n[e].reset.forEach((e=>{M[e]=""})),t&&r&&A(M),o&&o(M)}f()},isFormValid:i((()=>a),[a]),isFieldsValid:function(e){let t=!0;return e.forEach((e=>{n[e].valid||(t=!1)})),t},isFieldValid:function(e){return n[e].valid},resetFields:function(e=!1,t=!1){Object.keys(n).forEach((o=>{if(!n[o].field.current?.hasOwnProperty("reset"))throw new Error(`Reference Error: You must declare the 'reset' function on the field "${o}"`);n[o].field.current?.reset(e,t)})),p&&p()},removeFields:function(){M({})},formId:c,updated:s}}const gg=u((({initialValues:t,children:o,onUpdate:p,onReset:b,onFinish:n,onFinishFailed:M,onFieldUpdate:r,onValidated:i,useQueryString:a,className:O,name:s},A)=>{const d=c(null);z((()=>()=>{d.current=null}),[]),d.current=Wg({name:s,onUpdate:p,onReset:b,onFieldUpdate:r,useQueryString:a}),q(A,(()=>d.current));return e(ug.Provider,{value:d.current,children:e(hg,{initialValues:t,useQueryString:a,onUpdate:p,onFinish:n,onFinishFailed:M,onValidated:i,name:s,className:(()=>{let e="itd-form";return s&&(e+=" "+s),O&&(e+=" "+O),e})(),children:o})})}));gg.Item=fg,gg.Group=function({gap:t=15,horizontal:o=!1,className:p,children:b}){const n=()=>{let e="itd-form-group";return p&&(e+=" "+p),e};return e(pg,{className:n(),$gap:t,$horizontal:o,children:b})},gg.Control=function({position:t="end",className:o,children:p}){const b=()=>{let e="itd-form-control";return o&&(e+=" "+o),e};return e(bg,{className:b(),$position:t,children:p})},gg.useForm=()=>M(ug),gg.useFormAPI=()=>{const e=M(ug);if(!e)throw new Error("useFormAPI must be used within a FormContext.Provider");return e};const mg=ha.div`
|
|
3271
|
+
`;const ng=new RegExp(/^[a-zA-Z0-9.!#$%&’*+/=?^_`{|}~-]+@[a-zA-Z0-9-]+([.])[a-zA-Z0-9-]+(?:.[a-zA-Z0-9-]+)*$/),Mg=new RegExp(/^[a-zA-Z0-9_.-]{6,}$/),rg=new RegExp(/^(?=.*[a-z])(?=.*[A-Z])(?=.*\d)(?=.*[!@#$%^&*()_+={};:<>|./?,"'\[\]\\`~\-])[a-zA-Z\d$begin:math:display$$end:math:display$\\`~!@#$%^&*()_+={};:<>|.\/?,"'-]{8,35}$/);const cg=e=>rg.test(e),zg=e=>ng.test(e),ig=e=>Mg.test(e),ag=(e,t)=>e.length>=t,Og=(e,t)=>e.length<=t,sg=(e,t)=>e===t,Ag=(e,t)=>e.length===t,dg=e=>function(e){var t,o=0,p=0,b=0;if(11!=e.length)return!1;if(!/^-?\d+$/.test(e))return!1;if(0==Number(e[0]))return!1;if(o=parseInt(e[0])+parseInt(e[2])+parseInt(e[4])+parseInt(e[6])+parseInt(e[8]),t=parseInt(e[1])+parseInt(e[3])+parseInt(e[5])+parseInt(e[7]),o*=7,Math.abs(o-t)%10!=Number(e[9]))return!1;for(b=0;b<10;b++)p+=parseInt(e[b]);return p%10==Number(e[10])}(e),lg=e=>{if(Array.isArray(e)){if(0===e.length)return!1}else{if("object"==typeof e){let t=!0;return Object.keys(e).forEach((o=>{""===e[o]&&(t=!1)})),t}if("string"==typeof e){if(""===e)return!1}else if("boolean"==typeof e&&!1===e)return!1}return!0},ug=n({});ug.displayName="ITDFormContext";const fg=u((({name:e="",label:t="",placeholder:o="",error:p="",rules:b=[],mask:n=null,locked:i=!1,dependency:a="",reset:O=[],query:s="",children:A=null},l)=>{const u=c(null),{register:f,unregister:h,hasField:W,updateField:g,setFieldError:m,getFieldValue:R,getFieldInstance:v,formId:L}=M(ug),[y,N]=r(!1);z((()=>(f({name:e,field:u,valid:w(u.current?.getValue()),query:s,reset:O,error:p}),N(!0),()=>{N(!1),h(e)})),[]),q(l,(()=>u.current));const B=(t,o=!0,p=!0)=>{y&&W(e)&&(g(e,t,o,w(t,p)),x())},w=(t,o=!0)=>{const p=function(e,t,o){let p=[];return e.forEach((e=>{e.hasOwnProperty(At.REQUIRED)&&!lg(t)&&e.required&&p.push(e.message?e.message:ou("errors.required")),e.hasOwnProperty(At.TYPE)&&(e.type===dt.MIN_LENGTH&&(ag(String(t),Number(e.value))||p.push(e.message?e.message:ou("errors.minLength",{length:Number(e.value)}))),e.type===dt.MAX_LENGTH&&(Og(String(t),Number(e.value))||p.push(e.message?e.message:ou("errors.maxLength",{length:Number(e.value)}))),e.type===dt.EXACT_LENGTH&&(Ag(String(t),Number(e.value))||p.push(e.message?e.message:ou("errors.exactLength",{length:Number(e.value)}))),e.type===dt.SAME&&(sg(String(t),String(o(String(e.field))))||p.push(e.message?e.message:ou("errors.fieldMustBeTheSame",{fields:e.field}))),e.type===dt.TC_IDENTITY&&(dg(String(t))||p.push(e.message?e.message:ou("errors.wrongTCIdentity"))),e.type===dt.PASSWORD&&(cg(String(t))||p.push(e.message?e.message:ou("errors.passwordRule"))),e.type===dt.EMAIL&&(zg(String(t))||p.push(e.message?e.message:ou("errors.invalidEmailAddress"))),e.type===dt.USERNAME&&(ig(String(t))||p.push(e.message?e.message:ou("errors.usernameRule"))))})),p}(b,t,R);return p.length>0?(m(e,p[0],o),!1):(m(e,""),!0)},x=()=>{if(""===a)return;if(""===R(a))return;const e=v(a);e&&e.forceUpdate&&e.forceUpdate()};return(()=>{if(!A)return null;let p=A.props;const b={id:p.props.id?p.props.id:L+"_"+e,label:t,placeholder:o,className:p.className?p.className+" itd-form-item":"itd-form-item",onUpdate:B,ref:u};return n&&(b.mask=n),i&&(b.locked=i),d(A,{...p.props,...b})})()})),qg=u((({name:t="",className:o="",initialValues:p={},useQueryString:b=!1,onUpdate:n,onFinish:c,onFinishFailed:i,onValidated:a,children:O},s)=>{const{updated:A,setInitialValues:d,isFormValid:l,getValues:u,getFields:f,setFieldValueByName:h,resetFields:W}=M(ug),g=Rc(),{search:m}=k(),R=vc(),[v,L]=r([]),[y,N]=r(!1),[B,w]=r([]),[x,X]=r(!1),[S,E]=r(!1);z((()=>{O&&j()}),[O]),z((()=>{_(),C()}),[x]),z((()=>{x||0!==Object.keys(f()).length&&0!==B.length&&Object.keys(f()).length===B.length&&X(!0)}),[f(),B]),z((()=>{C()}),[p]),z((()=>{_()}),[m]),z((()=>{S&&x&&b&&Object.keys(A).length>0&&I(A)}),[A]),z((()=>{a&&l()!==y&&a(l()),N(l())}),[l()]);const _=()=>{x&&b&&(F(),S||D())},C=()=>{x&&(b||S||P())},P=()=>{const e=!Object.values(p).some((e=>null!==e&&""!==e));e&&!S&&E(!0),e||S||(d(p,!1),E(!0))},D=()=>{const e=f(),t=!Object.values(e).some((e=>""!==g.get(e.query,"")));if(Object.values(e).some((e=>null===e.query||""===e.query))){let t=[];throw Object.keys(e).forEach((o=>{e[o].hasOwnProperty("query")&&null!==e[o].query&&""!==e[o].query||t.push(o)})),new Error(`ITD Form Initial Fields Error: "useQueryString" is activated but "query" value is not passed to whole form elements! Invalid fields are ${t.toString()}`)}if(t&&!S&&E(!0),!t&&!S){let t={};Object.keys(e).forEach((o=>{t[o]=g.get(e[o].query,"")})),d(t,!0,!0),E(!0)}},I=e=>{let t=[],o=[];const p=f();Object.keys(e).forEach((t=>{o.push(e[t])})),Bu(o,v)||(Object.keys(p).forEach((o=>{t.push({type:p[o].query,value:e[o]})})),R.set(t))},F=()=>{let e=[],t=[];const o=f();if(Object.keys(o).forEach((t=>{let p=String(g.get(o[t].query,""));e.push(p)})),Bu(e,v))return;L(e),Object.keys(o).forEach((e=>{t[e]=g.get(o[e].query,"")})),Object.keys(t).forEach((e=>{h(e,t[e],!1,!1)}));let p={};Object.keys(t).forEach((e=>{p[e]=t[e]})),n&&n(p)},j=()=>{let e=[];T(O,(t=>(t.hasOwnProperty("type")&&t.type===fg&&e.push({[t.props.name]:t}),!0))),w(e)};return q(s,(()=>({fieldUpdate(e){console.log("fieldUpdate"),console.log(e)}}))),e("form",{id:t,onSubmit:e=>{e&&(e.preventDefault(),e.stopPropagation()),l()?c&&c(u()):i&&i(f())},onReset:e=>{e&&(e.preventDefault(),e.stopPropagation());let t=[];Object.keys(f()).map((e=>{t.push({type:e,value:""})})),R.set(t),W(!0,!1)},autoComplete:"off",className:o,noValidate:!0,children:O})}));var hg=W(qg);function Wg({name:e="",useQueryString:t=!1,onUpdate:o,onReset:p,onFieldUpdate:b}){const[n,M]=r({}),[c,z]=r(e),[a,O]=r(!1),[s,A]=r({});function d(e){return n.hasOwnProperty(e)&&void 0!==n[e]}function l(){let e={};return Object.keys(n).forEach((t=>{e[t]=q(t)})),e}function u(e,t,o=!0){if(d(e)&&n[e].field.current){if(n[e].valid=!1,n[e].error=t,!n[e].field.current?.hasOwnProperty("setError"))throw new Error(`Reference Error: You must declare the 'setError' function on the field "${e}"`);n[e].field.current?.setError(o?t:"")}}function f(){let e=!0;return Object.keys(n).forEach((t=>{n[t].valid||(e=!1)})),O(e),e}function q(e){if(d(e)){if(n[e].field.current?.hasOwnProperty("getValue"))return n[e].field.current?.getValue();throw new Error(`Reference Error: You must declare the 'getValue' function on the field "${e}"`)}throw new Error(`Form Error: There is no field registered with this name: ${e}`)}function h(e,t,o,p){if(!d(e))throw new Error(`Form Error: There is no field registered with this name: ${e}`);if(!n[e].field.current?.hasOwnProperty("setValue"))throw new Error(`Reference Error: You must declare the 'setValue' function on the field "${e}"`);{let b=q(e),M=!1;M=Array.isArray(b)&&Array.isArray(t)?Bu(b,t):Array.isArray(b)||Array.isArray(t)?b.toString()===t.toString():b===t,M||n[e].field.current?.setValue(t,o,p)}}return{register:function(e){n[e.name]={name:e.name,field:e.field,value:e.field.current?.getValue(),valid:e.valid,query:e.query,reset:e.reset,error:e.error}},unregister:function(e){if(!d(e))throw new Error(`Form Unregister Error: There is no field registered with this name: ${e}`);delete n[e]},checkFormIsValid:f,hasField:d,getValues:l,getFieldValue:function(e){return d(e)?(t=n[e].value)instanceof Object?JSON.stringify(t):t:"";var t},getFieldValueByName:q,getFieldInstance:function(e){return d(e)?n[e].field.current:null},getFields:function(){let e={};return Object.keys(n).forEach((t=>{e[t]=n[t]})),e},getFieldsInstance:function(){let e={};return Object.keys(n).forEach((t=>{e[t]=n[t].field.current})),e},setName:function(e){z(e)},setInitialValues:function(e,p=!0,b=!1){Object.keys(e).forEach((t=>{h(t,e[t],p,b)}));let n={};return Object.keys(e).forEach((t=>{n[t]=e[t]})),p&&(t&&A(n),o&&o(n)),f(),n},setInvalidField:function(e="",t=""){u(e,t),f()},setInvalidFields:function(e=[],t=""){e.forEach((e=>{u(e,t)})),f()},setFieldValue:function(e,t){if(!d(e))throw new Error(`Form Error: There is no field registered with this name: ${e}`);n[e].valid=!1,n[e].field.current?.setValue(t)},setFieldValueByName:h,setFieldError:u,removeFieldError:function(e){if(!d(e))throw new Error(`Form Error: There is no field registered with this name: ${e}`);if(n[e].valid=!0,n[e].error="",!n[e].field.current?.hasOwnProperty("setError"))throw new Error(`Reference Error: You must declare the 'setError' function on the field "${e}"`);n[e].field.current?.setError("")},updateField:function(e,p,M,r){if(!d(e))throw new Error(`Form Update Error: There is no field registered with this name: ${e}`);if(n[e].value=p,n[e].valid=r,M){b&&b({name:e,value:p,valid:r}),n[e].reset.length>0&&n[e].reset.forEach((e=>{n[e].value="",n[e].valid=!1,n[e].field.current?.reset(!1)}));let M={...l(),[e]:p};n[e].reset.length>0&&n[e].reset.forEach((e=>{M[e]=""})),t&&r&&A(M),o&&o(M)}f()},isFormValid:i((()=>a),[a]),isFieldsValid:function(e){let t=!0;return e.forEach((e=>{n[e].valid||(t=!1)})),t},isFieldValid:function(e){return n[e].valid},resetFields:function(e=!1,t=!1){Object.keys(n).forEach((o=>{if(!n[o].field.current?.hasOwnProperty("reset"))throw new Error(`Reference Error: You must declare the 'reset' function on the field "${o}"`);n[o].field.current?.reset(e,t)})),p&&p()},removeFields:function(){M({})},formId:c,updated:s}}const gg=u((({initialValues:t,children:o,onUpdate:p,onReset:b,onFinish:n,onFinishFailed:M,onFieldUpdate:r,onValidated:i,useQueryString:a,className:O,name:s},A)=>{const d=c(null);z((()=>()=>{d.current=null}),[]),d.current=Wg({name:s,onUpdate:p,onReset:b,onFieldUpdate:r,useQueryString:a}),q(A,(()=>d.current));return e(ug.Provider,{value:d.current,children:e(hg,{initialValues:t,useQueryString:a,onUpdate:p,onFinish:n,onFinishFailed:M,onValidated:i,name:s,className:(()=>{let e="itd-form";return s&&(e+=" "+s),O&&(e+=" "+O),e})(),children:o})})}));gg.Item=fg,gg.Group=function({gap:t=15,horizontal:o=!1,className:p,children:b}){const n=()=>{let e="itd-form-group";return p&&(e+=" "+p),e};return e(pg,{className:n(),$gap:t,$horizontal:o,children:b})},gg.Control=function({position:t="end",className:o,children:p}){const b=()=>{let e="itd-form-control";return o&&(e+=" "+o),e};return e(bg,{className:b(),$position:t,children:p})},gg.useForm=()=>M(ug),gg.useFormAPI=()=>{const e=M(ug);if(!e)throw new Error("useFormAPI must be used within a FormContext.Provider");return e};const mg=ha.div`
|
|
3272
3272
|
|
|
3273
3273
|
&.itd-accordion-menu-sub-menu {
|
|
3274
3274
|
|
|
@@ -5088,7 +5088,7 @@ function Of(e,t){if(yf(e))for(let o=0;o<e.length&&!1!==t(e[o],o,e);o++);else e&&
|
|
|
5088
5088
|
grid-template-columns : ${e=>"row"===e.$direction||e.$onlyFlow?"auto":`repeat(${e.$length}, 1fr)`};
|
|
5089
5089
|
grid-template-rows : ${e=>"column"===e.$direction||e.$onlyFlow?"auto":`repeat(${e.$length}, 1fr)`};
|
|
5090
5090
|
grid-gap : ${e=>e.$gap};
|
|
5091
|
-
`,VR=u((({id:t="itd-
|
|
5091
|
+
`,VR=u((({id:t="itd-radio-group-"+Ha(),name:o="",message:p="",type:n="default",defaultValue:M="",value:c="",buttonProps:i={},className:a="",direction:O="column",gap:s="10px",length:A=3,onlyFlow:l=!1,onChange:u=null,onUpdate:h=null,children:W=null},g)=>{const[m,R]=r(p),[v,L]=r("");z((()=>{M&&(L(M),y(M))}),[]),z((()=>{L(c),y(c)}),[c]);const y=(e,t=!0,o=!0)=>{h&&h(e,t,o)};q(g,(()=>({reset(e=!0,t=!0){L(M),R(""),y(M,e,t)},setValue(e,t=!0,o=!0){L(e),y(e,t,o)},getValue:()=>v,setError(e){R(e)},clear(){}})));const N=e=>{v!==e&&(L(e),y(e,!0,!1),R(""),u&&u(e))};return e(UR,{id:t,className:(()=>{let e="itd-radio-group";return e+=" itd-radio-group-"+n,e+=" itd-radio-group-"+O,m&&(e+=" itd-radio-group-error"),""!==a&&(e+=" "+a),e})(),role:"radiogroup",$direction:O,$length:A,$gap:s,$onlyFlow:l,children:(()=>{const e=t=>{if(!b.isValidElement(t))return null;if(t.type===$R)return d(t,{...t.props,checked:v===t.props.value,onChange:N,hasError:""!==m,name:o,type:n,buttonProps:i});if(t.props.children){const o=f.map(t.props.children,e);return d(t,{...t.props,children:o})}return t};return f.map(W,e)})()})}));var HR=W(VR);const YR=()=>null;YR.Group=HR,YR.Button=$R;var GR="itd__label__9437953e",KR="itd__checkmark__9437953e",QR="itd__check__9437953e",JR="itd__container__9437953e";Jm(".itd__container__9437953e{align-items:center;cursor:pointer;display:flex;-webkit-user-select:none;user-select:none}.itd__label__9437953e{align-items:center;display:flex;position:relative}.itd__label__9437953e span{color:#fff9;font-size:12px;font-weight:400;line-height:1.2;margin-left:10px}.itd__checkmark__9437953e{align-items:center;background-color:#1d2649;border-radius:6px;display:flex;height:20px;justify-content:center;transition:background-color .25sn ease-out;width:20px}.itd__checkmark__9437953e svg{fill:#fff;visibility:hidden}.itd__check__9437953e{background-color:#3396fb}.itd__check__9437953e svg{animation:itd__bounce__9437953e .5s;visibility:visible}@keyframes itd__bounce__9437953e{0%{transform:scale(.2) rotate(4deg)}50%{transform:scale(1.2) rotate(-2deg)}75%{transform:scale(.9) rotate(1deg)}to{transform:scale(1) rotate(0deg)}}",{});const ZR=({checked:e=!1,className:t="",children:o=null})=>b.createElement("label",{className:"itd-inline-select-checkbox-label "+t+" "+JR},b.createElement("div",{className:"itd-inline-select-checkbox-wrapper "+GR},(()=>{let t="itd-inline-select-checkbox "+KR;return e&&(t+=" "+QR),b.createElement("div",{className:t},b.createElement(qu,{className:"itd-svg",width:12,height:12}))})(),b.createElement("span",null,o)));var ev="itd__option__733c7593",tv="itd__selected__733c7593",ov="itd__single__733c7593";Jm(".itd__option__733c7593{align-items:center;cursor:pointer;display:flex;min-width:max-content;padding:10px 30px 10px 15px}.itd__option__733c7593:not(:last-child){margin-bottom:1px}.itd__option__733c7593:hover{background-color:rgba(29,38,73,.502)}.itd__selected__733c7593 .itd__option__733c7593 span,.itd__selected__733c7593 .itd__single__733c7593{color:#fff}.itd__option__733c7593 span,.itd__single__733c7593{color:hsla(0,0%,100%,.667);font-size:12px;font-weight:400;line-height:12px;white-space:nowrap}",{});const pv=({value:e="",checked:t=!1,single:o=!1,onChange:p=null,children:n=null})=>{const[M,c]=r(!1);return b.createElement("li",{onMouseEnter:e=>{c(!0),e.stopPropagation()},onMouseLeave:e=>{c(!1),e.stopPropagation()},className:(()=>{let e="itd-inline-select-item itd-inline-select-item-option";return e+=" "+ev,t&&(e+=" "+tv),t&&(e+=" itd-inline-select-item-option-selected"),M&&!t&&(e+=" itd-inline-select-item-option-active"),e})(),onClick:o=>{p(e,!t,n),o.stopPropagation()}},o?b.createElement("div",{className:"itd-item-single "+ov},b.createElement("span",null,n)):b.createElement(ZR,{className:"itd-item-multi",checked:t},n))};var bv=W(pv),nv={menu:"itd__menu__211ba801",bodyWrapper:"itd__bodyWrapper__211ba801",bodyWrapperLong:"itd__bodyWrapperLong__211ba801",menuEnter:"itd__menuEnter__211ba801",menuEnterActive:"itd__menuEnterActive__211ba801",menuExit:"itd__menuExit__211ba801",menuExitActive:"itd__menuExitActive__211ba801",menuEnterActiveLong:"itd__menuEnterActiveLong__211ba801",menuExitActiveLong:"itd__menuExitActiveLong__211ba801",bottom:"itd__bottom__211ba801",left:"itd__left__211ba801"};function Mv(e){const t=c(null),{value:o=[],children:p=null,onChange:n=null,isOpen:M=!1,single:i=!1,minWidth:a=0}=e,[O,s]=r([]);z((()=>{s(o)}),[o]);const A=(e,t,o)=>{if(i){const p=[t?e:""];s(p),n(p,o)}else{let p=[];t?p=[...O,e]:(O.splice(O.indexOf(e),1),p=[...O]),s(p),n(p,o)}};return b.createElement(v,{in:M,timeout:500,classNames:{enter:nv.menuEnter,enterActive:p.length>5?nv.menuEnterActiveLong:nv.menuEnterActive,exit:nv.menuExit,exitActive:p.length>5?nv.menuExitActiveLong:nv.menuExitActive},nodeRef:t,unmountOnExit:!0},b.createElement("div",{className:"itd-inline-select-dropdown "+nv.menu+" "+nv.bottom+" "+nv.left,style:{width:0===a?"max-content":a+"px"},ref:t},b.createElement("div",{className:nv.spacer}),b.createElement(FW,{className:"itd-inline-select-dropdown-body "+p.length>5?nv.bodyWrapperLong:nv.bodyWrapper},b.createElement("ul",null,f.map(p,(e=>d(e,{onChange:A,checked:O.indexOf(e.props.value)>-1,key:e.props.value})))))))}Jm(".itd__menu__211ba801{background-color:#050a20;border-radius:0 5px 5px 5px;box-shadow:0 20px 20px #00000040;overflow:hidden;position:absolute;transform-box:fill-box;transform-origin:50% 1%;transition-timing-function:cubic-bezier(.75,-.5,0,1.25);z-index:2}.itd__menu__211ba801 ul{min-width:max-content}.itd__bodyWrapperLong__211ba801,.itd__bodyWrapper__211ba801{height:300px}.itd__bottom__211ba801{top:100%}.itd__left__211ba801{left:0}.itd__menuEnter__211ba801{height:50px;opacity:0}.itd__menuEnterActive__211ba801{height:300px;opacity:1;transition:height .15s ease-out}.itd__menuExit__211ba801{opacity:1}.itd__menuExitActive__211ba801{height:300px;opacity:0;transition:height .15s ease-out}.itd__menuEnterActiveLong__211ba801{height:300px;opacity:1;transition:height .15s ease-out}.itd__menuExitActiveLong__211ba801{height:300px;opacity:0;transition:height .15s ease-out}",{});const rv=ha.div`
|
|
5092
5092
|
width: max-content;
|
|
5093
5093
|
`,cv=ha.span`
|
|
5094
5094
|
|
|
@@ -13,6 +13,7 @@ export type CheckboxProps = {
|
|
|
13
13
|
onUpdate?: ((value: any, update: any, validation: boolean) => void);
|
|
14
14
|
};
|
|
15
15
|
export type CheckboxGroupProps = {
|
|
16
|
+
id?: string;
|
|
16
17
|
value?: (string | number | boolean)[];
|
|
17
18
|
defaultValue?: (string | number | boolean)[];
|
|
18
19
|
options?: GroupCheckboxOptionType[];
|