@inntechcorp/it-design 2.1.51 → 2.1.52
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.
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import { FormRuleProps, FormValueProps } from "../../index";
|
|
2
|
+
import { TFunction } from "i18next";
|
|
2
3
|
declare const Validator: {
|
|
3
4
|
(): void;
|
|
4
5
|
checkPassword: (value: string) => boolean;
|
|
@@ -10,5 +11,5 @@ declare const Validator: {
|
|
|
10
11
|
checkSame: (value: string, targetValue: string) => boolean;
|
|
11
12
|
checkTCIdentity: (value: string) => boolean;
|
|
12
13
|
};
|
|
13
|
-
export declare function CheckValidations(rules: FormRuleProps[], value: FormValueProps, getFieldValue: (name: string) => FormValueProps): string[];
|
|
14
|
+
export declare function CheckValidations(rules: FormRuleProps[], value: FormValueProps, getFieldValue: (name: string) => FormValueProps, t: TFunction): string[];
|
|
14
15
|
export default Validator;
|
package/dist/index.cjs.js
CHANGED
|
@@ -3308,7 +3308,7 @@ function Sa(e,b){if(Ya(e))for(let o=0;o<e.length&&!1!==b(e[o],o,e);o++);else e&&
|
|
|
3308
3308
|
}
|
|
3309
3309
|
`}
|
|
3310
3310
|
|
|
3311
|
-
`,Rl=M.forwardRef((({id:
|
|
3311
|
+
`,Rl=M.forwardRef((({id:e="itd-select-"+Gt(),position:p="bottom",direction:z="right",size:t="default",variant:c="default",placeholder:n="Please Select",className:r="",multi:O=!1,disabled:i=!1,showSearch:a=!1,locked:s=!1,floating:A=!1,options:d=[],value:l,defaultValue:q,label:u,prefix:f,suffix:W,icon:h,image:m,style:R,onChange:g,onUpdate:L},v)=>{const{t:N}=b.useTranslation("itd"),y=M.useRef(null),[x,B]=M.useState(!1),[w,X]=M.useState(""),[S,T]=M.useState(void 0),[k,E]=M.useState("");M.useEffect((()=>{x||X("")}),[x]),M.useEffect((()=>{void 0!==q&&T(q)}),[q]),M.useEffect((()=>{void 0!==l&&T(l)}),[l]),wM(y,(()=>{x&&B(!1)})),XM((()=>{x&&B(!1)}));const _=(e,b=!0,o=!0)=>{L&&L(e,b,o)};M.useImperativeHandle(v,(()=>({reset(e=!0,b=!0){const o=q||(O?[]:void 0);T(o),E(""),_(o,e,b)},setValue(e,b=!0,o=!0){T(e),_(e,b,o)},getValue:()=>S||(O?[]:""),setError(e){E(e||"")},clear(){}})));const C=()=>"x-small"===t?"xs":"small"===t?"sm":"medium"===t?"md":"default"===t?"df":"large"===t?"lg":"x-large"===t?"xlg":"df";return o.jsxs(ml,{ref:y,className:(()=>{let e="itd-select";return e+=" itd-select-"+c,e+=" itd-select-"+(O?"multi":"single"),e+=" itd-select-"+z,e+=" itd-select-"+C(),x&&(e+=" itd-select-open"),k&&(e+=" itd-select-status-error"),i&&(e+=" itd-select-disabled"),a&&(e+=" itd-select-search"),h&&(e+=" itd-icon"),m&&(e+=" itd-image"),""!==r&&(e+=" "+r),e})(),...(()=>{let e={style:void 0,disabled:!1,$hasImage:null!=m,$hasIcon:null!=h,$size:C(),$filled:void 0!==S};return i&&(e.disabled=!0),R&&(e.style=R),e})(),children:[o.jsx(Xa,{id:e,labelType:A?"floating":"single",value:S,placeholder:d.length>0?n:"",onChange:e=>{B(e)},onFocus:()=>{B(!0)},onBlur:()=>{B(!1)},onShow:e=>{B(e)},onFilter:e=>{x&&X(e)},errorMessage:k,size:t,icon:h,prefix:f,suffix:W,image:m,label:(()=>{if(u)return u;if(void 0===S)return;let e="";if(O){const b=d.filter((e=>e.value===S[0]))[0];Array.isArray(S)&&(1===S.length?b&&(e=b.label):S.length>1&&(e=N("placeholders.multipleSelection",{count:S.length})))}else{const b=d.filter((e=>e.value===S))[0];b&&(e=b.label)}return e})(),disabled:i,isOpen:x,multi:O,locked:s,showSearch:a}),o.jsx(ll,{onClose:()=>{B(!1)},onChange:e=>{E(""),_(e),T(e),O||B(!1),g&&g(e)},defaultValue:S,position:p,direction:z,isOpen:x,multi:O,children:(()=>{let e=[];return d.map((b=>{if(""!==w&&"string"==typeof b.value&&"string"==typeof b.label&&!b.value.includes(w.toLocaleLowerCase())&&!(e=>{if("string"==typeof e)return e.toLocaleLowerCase();let b="";return e.map((e=>{"string"==typeof e&&(b+=e.toLocaleLowerCase())})),b})(b.label).includes(w.toLocaleLowerCase()))return;let o={value:b.value,label:b.label};b.icon&&(o={...o,icon:b.icon}),b.image&&(o={...o,image:b.image}),b.key&&(o={...o,customKey:b.key}),O&&S&&Array.isArray(S)&&(o={...o,checked:S.includes(b.value.toString())}),e.push(M.createElement(Oa,{...o,key:b.key?b.key:b.value.toString()}))})),0===e.length&&e.push(o.jsx("div",{className:"itd-select-not-found",style:{padding:"20px",textAlign:"center"},children:"Not Found"},"not-found")),e})()})]})}));Rl.displayName="Select";const gl=Rt.div`
|
|
3312
3312
|
|
|
3313
3313
|
display : flex;
|
|
3314
3314
|
flex-direction : ${e=>e.$horizontal?"row":"column"};
|
|
@@ -3321,7 +3321,7 @@ function Sa(e,b){if(Ya(e))for(let o=0;o<e.length&&!1!==b(e[o],o,e);o++);else e&&
|
|
|
3321
3321
|
margin-top: 10px;
|
|
3322
3322
|
gap: 5px;
|
|
3323
3323
|
|
|
3324
|
-
`;const vl=new RegExp(/^[a-zA-Z0-9.!#$%&’*+/=?^_`{|}~-]+@[a-zA-Z0-9-]+([.])[a-zA-Z0-9-]+(?:.[a-zA-Z0-9-]+)*$/),Nl=new RegExp(/^[a-zA-Z0-9_.-]{6,}$/),yl=new RegExp(/^(?=.*[a-z])(?=.*[A-Z])(?=.*\d)(?=.*[!@#$%^&*()_+={};:<>|./?,"'\[\]\\`~\-])[a-zA-Z\d$begin:math:display$$end:math:display$\\`~!@#$%^&*()_+={};:<>|.\/?,"'-]{8,35}$/);const xl=e=>yl.test(e),Bl=e=>vl.test(e),wl=e=>Nl.test(e),Xl=(e,b)=>e.length>=b,Sl=(e,b)=>e.length<=b,Tl=(e,b)=>e===b,kl=(e,b)=>e.length===b,El=e=>function(e){var b,o=0,M=0,p=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]),b=parseInt(e[1])+parseInt(e[3])+parseInt(e[5])+parseInt(e[7]),o*=7,Math.abs(o-b)%10!=Number(e[9]))return!1;for(p=0;p<10;p++)M+=parseInt(e[p]);return M%10==Number(e[10])}(e),_l=e=>{if(Array.isArray(e)){if(0===e.length)return!1}else{if("object"==typeof e){let b=!0;return Object.keys(e).forEach((o=>{""===e[o]&&(b=!1)})),b}if("string"==typeof e){if(""===e)return!1}else if("boolean"==typeof e&&!1===e)return!1}return!0},Cl=M.createContext({});Cl.displayName="ITDFormContext";const Dl=M.forwardRef((({name:b="",label:o="",placeholder:p="",error:z="",rules:t=[],mask:c=null,locked:n=!1,dependency:r="",reset:O=[],query:i="",children:a=null},s)=>{const A=M.useRef(null),{register:d,unregister:q,hasField:u,updateField:f,setFieldError:W,getFieldValue:h,getFieldInstance:m,formId:R}=M.useContext(Cl),[g,L]=M.useState(!1);M.useEffect((()=>(d({name:b,field:A,valid:N(A.current?.getValue()),query:i,reset:O,error:z}),L(!0),()=>{L(!1),q(b)})),[]),M.useImperativeHandle(s,(()=>A.current));const v=(e,o=!0,M=!0)=>{g&&u(b)&&(f(b,e,o,N(e,M)),y())},N=(o,M=!0)=>{const p=function(b,o,M){let p=[];return b.forEach((b=>{b.hasOwnProperty(l.REQUIRED)&&!_l(o)&&b.required&&p.push(b.message?b.message:e.t("errors.required")),b.hasOwnProperty(l.TYPE)&&(b.type===exports.FormValidationTypes.MIN_LENGTH&&(Xl(String(o),Number(b.value))||p.push(b.message?b.message:e.t("errors.minLength",{length:Number(b.value)}))),b.type===exports.FormValidationTypes.MAX_LENGTH&&(Sl(String(o),Number(b.value))||p.push(b.message?b.message:e.t("errors.maxLength",{length:Number(b.value)}))),b.type===exports.FormValidationTypes.EXACT_LENGTH&&(kl(String(o),Number(b.value))||p.push(b.message?b.message:e.t("errors.exactLength",{length:Number(b.value)}))),b.type===exports.FormValidationTypes.SAME&&(Tl(String(o),String(M(String(b.field))))||p.push(b.message?b.message:e.t("errors.fieldMustBeTheSame",{fields:b.field}))),b.type===exports.FormValidationTypes.TC_IDENTITY&&(El(String(o))||p.push(b.message?b.message:e.t("errors.wrongTCIdentity"))),b.type===exports.FormValidationTypes.PASSWORD&&(xl(String(o))||p.push(b.message?b.message:e.t("errors.passwordRule"))),b.type===exports.FormValidationTypes.EMAIL&&(Bl(String(o))||p.push(b.message?b.message:e.t("errors.invalidEmailAddress"))),b.type===exports.FormValidationTypes.USERNAME&&(wl(String(o))||p.push(b.message?b.message:e.t("errors.usernameRule"))))})),p}(t,o,h);return p.length>0?(W(b,p[0],M),!1):(W(b,""),!0)},y=()=>{if(""===r)return;if(""===h(r))return;const e=m(r);e&&e.forceUpdate&&e.forceUpdate()};return(()=>{if(!a)return null;let e=a.props;const z={id:e.id?e.id:R+"_"+b,label:o,placeholder:p,className:e.className?e.className+" itd-form-item":"itd-form-item",onUpdate:v,ref:A};return c&&(z.mask=c),n&&(z.locked=n),M.cloneElement(a,{...e,...z})})()})),Pl=M.forwardRef((({name:e="",className:b="",initialValues:p={},useQueryString:z=!1,onUpdate:t,onFinish:c,onFinishFailed:n,onValidated:O,children:a},s)=>{const{updated:A,setInitialValues:d,isFormValid:l,getValues:q,getFields:u,setFieldValueByName:f,resetFields:W}=M.useContext(Cl),h=SM(),{search:m}=r.useLocation(),R=TM(),[g,L]=M.useState([]),[v,N]=M.useState(!1),[y,x]=M.useState([]),[B,w]=M.useState(!1),[X,S]=M.useState(!1);M.useEffect((()=>{a&&P()}),[a]),M.useEffect((()=>{T(),k()}),[B]),M.useEffect((()=>{B||0!==Object.keys(u()).length&&0!==y.length&&Object.keys(u()).length===y.length&&w(!0)}),[u(),y]),M.useEffect((()=>{k()}),[p]),M.useEffect((()=>{T()}),[m]),M.useEffect((()=>{X&&B&&z&&Object.keys(A).length>0&&C(A)}),[A]),M.useEffect((()=>{O&&l()!==v&&O(l()),N(l())}),[l()]);const T=()=>{B&&z&&(D(),X||_())},k=()=>{B&&(z||X||E())},E=()=>{const e=!Object.values(p).some((e=>null!==e&&""!==e));e&&!X&&S(!0),e||X||(d(p,!1),S(!0))},_=()=>{const e=u(),b=!Object.values(e).some((e=>""!==h.get(e.query,"")));if(Object.values(e).some((e=>null===e.query||""===e.query))){let b=[];throw Object.keys(e).forEach((o=>{e[o].hasOwnProperty("query")&&null!==e[o].query&&""!==e[o].query||b.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 ${b.toString()}`)}if(b&&!X&&S(!0),!b&&!X){let b={};Object.keys(e).forEach((o=>{b[o]=h.get(e[o].query,"")})),d(b,!0,!0),S(!0)}},C=e=>{let b=[],o=[];const M=u();Object.keys(e).forEach((b=>{o.push(e[b])})),Qi(o,g)||(Object.keys(M).forEach((o=>{b.push({type:M[o].query,value:e[o]})})),R.set(b))},D=()=>{let e=[],b=[];const o=u();if(Object.keys(o).forEach((b=>{let M=String(h.get(o[b].query,""));e.push(M)})),Qi(e,g))return;L(e),Object.keys(o).forEach((e=>{b[e]=h.get(o[e].query,"")})),Object.keys(b).forEach((e=>{f(e,b[e],!1,!1)}));let M={};Object.keys(b).forEach((e=>{M[e]=b[e]})),t&&t(M)},P=()=>{let e=[];i.getChildrenDeep(a,(b=>(b.hasOwnProperty("type")&&b.type===Dl&&e.push({[b.props.name]:b}),!0))),x(e)};return M.useImperativeHandle(s,(()=>({fieldUpdate(e){console.log("fieldUpdate"),console.log(e)}}))),o.jsx("form",{id:e,onSubmit:e=>{e&&(e.preventDefault(),e.stopPropagation()),l()?c&&c(q()):n&&n(u())},onReset:e=>{e&&(e.preventDefault(),e.stopPropagation());let b=[];Object.keys(u()).map((e=>{b.push({type:e,value:""})})),R.set(b),W(!0,!1)},autoComplete:"off",className:b,noValidate:!0,children:a})}));var jl=M.memo(Pl);function Il({name:e="",useQueryString:b=!1,onUpdate:o,onReset:p,onFieldUpdate:z}){const[t,c]=M.useState({}),[n,r]=M.useState(e),[O,i]=M.useState(!1),[a,s]=M.useState({});function A(e){return t.hasOwnProperty(e)&&void 0!==t[e]}function d(){let e={};return Object.keys(t).forEach((b=>{e[b]=u(b)})),e}function l(e,b,o=!0){if(A(e)&&t[e].field.current){if(t[e].valid=!1,t[e].error=b,!t[e].field.current?.hasOwnProperty("setError"))throw new Error(`Reference Error: You must declare the 'setError' function on the field "${e}"`);t[e].field.current?.setError(o?b:"")}}function q(){let e=!0;return Object.keys(t).forEach((b=>{t[b].valid||(e=!1)})),i(e),e}function u(e){if(A(e)){if(t[e].field.current?.hasOwnProperty("getValue"))return t[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 f(e,b,o,M){if(!A(e))throw new Error(`Form Error: There is no field registered with this name: ${e}`);if(!t[e].field.current?.hasOwnProperty("setValue"))throw new Error(`Reference Error: You must declare the 'setValue' function on the field "${e}"`);{let p=u(e),z=!1;z=Array.isArray(p)&&Array.isArray(b)?Qi(p,b):Array.isArray(p)||Array.isArray(b)?p.toString()===b.toString():p===b,z||t[e].field.current?.setValue(b,o,M)}}return{register:function(e){t[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(!A(e))throw new Error(`Form Unregister Error: There is no field registered with this name: ${e}`);delete t[e]},checkFormIsValid:q,hasField:A,getValues:d,getFieldValue:function(e){return A(e)?(b=t[e].value)instanceof Object?JSON.stringify(b):b:"";var b},getFieldValueByName:u,getFieldInstance:function(e){return A(e)?t[e].field.current:null},getFields:function(){let e={};return Object.keys(t).forEach((b=>{e[b]=t[b]})),e},getFieldsInstance:function(){let e={};return Object.keys(t).forEach((b=>{e[b]=t[b].field.current})),e},setName:function(e){r(e)},setInitialValues:function(e,M=!0,p=!1){Object.keys(e).forEach((b=>{f(b,e[b],M,p)}));let z={};return Object.keys(e).forEach((b=>{z[b]=e[b]})),M&&(b&&s(z),o&&o(z)),q(),z},setInvalidField:function(e="",b=""){l(e,b),q()},setInvalidFields:function(e=[],b=""){e.forEach((e=>{l(e,b)})),q()},setFieldValue:function(e,b){if(!A(e))throw new Error(`Form Error: There is no field registered with this name: ${e}`);t[e].valid=!1,t[e].field.current?.setValue(b)},setFieldValueByName:f,setFieldError:l,removeFieldError:function(e){if(!A(e))throw new Error(`Form Error: There is no field registered with this name: ${e}`);if(t[e].valid=!0,t[e].error="",!t[e].field.current?.hasOwnProperty("setError"))throw new Error(`Reference Error: You must declare the 'setError' function on the field "${e}"`);t[e].field.current?.setError("")},updateField:function(e,M,p,c){if(!A(e))throw new Error(`Form Update Error: There is no field registered with this name: ${e}`);if(t[e].value=M,t[e].valid=c,p){z&&z({name:e,value:M,valid:c}),t[e].reset.length>0&&t[e].reset.forEach((e=>{t[e].value="",t[e].valid=!1,t[e].field.current?.reset(!1)}));let p={...d(),[e]:M};t[e].reset.length>0&&t[e].reset.forEach((e=>{p[e]=""})),b&&c&&s(p),o&&o(p)}q()},isFormValid:M.useCallback((()=>O),[O]),isFieldsValid:function(e){let b=!0;return e.forEach((e=>{t[e].valid||(b=!1)})),b},isFieldValid:function(e){return t[e].valid},resetFields:function(e=!1,b=!1){Object.keys(t).forEach((o=>{if(!t[o].field.current?.hasOwnProperty("reset"))throw new Error(`Reference Error: You must declare the 'reset' function on the field "${o}"`);t[o].field.current?.reset(e,b)})),p&&p()},removeFields:function(){c({})},formId:n,updated:a}}const Fl=M.forwardRef((({initialValues:e,children:b,onUpdate:p,onReset:z,onFinish:t,onFinishFailed:c,onFieldUpdate:n,onValidated:r,useQueryString:O,className:i,name:a},s)=>{const A=M.useRef(null);M.useEffect((()=>()=>{A.current=null}),[]),A.current=Il({name:a,onUpdate:p,onReset:z,onFieldUpdate:n,useQueryString:O}),M.useImperativeHandle(s,(()=>A.current));return o.jsx(Cl.Provider,{value:A.current,children:o.jsx(jl,{initialValues:e,useQueryString:O,onUpdate:p,onFinish:t,onFinishFailed:c,onValidated:r,name:a,className:(()=>{let e="itd-form";return a&&(e+=" "+a),i&&(e+=" "+i),e})(),children:b})})}));Fl.Item=Dl,Fl.Group=function({gap:e=15,horizontal:b=!1,className:M,children:p}){const z=()=>{let e="itd-form-group";return M&&(e+=" "+M),e};return o.jsx(gl,{className:z(),$gap:e,$horizontal:b,children:p})},Fl.Control=function({position:e="end",className:b,children:M}){const p=()=>{let e="itd-form-control";return b&&(e+=" "+b),e};return o.jsx(Ll,{className:p(),$position:e,children:M})},Fl.useForm=()=>M.useContext(Cl),Fl.useFormAPI=()=>{const e=M.useContext(Cl);if(!e)throw new Error("useFormAPI must be used within a FormContext.Provider");return e};const $l=Rt.div`
|
|
3324
|
+
`;const vl=new RegExp(/^[a-zA-Z0-9.!#$%&’*+/=?^_`{|}~-]+@[a-zA-Z0-9-]+([.])[a-zA-Z0-9-]+(?:.[a-zA-Z0-9-]+)*$/),Nl=new RegExp(/^[a-zA-Z0-9_.-]{6,}$/),yl=new RegExp(/^(?=.*[a-z])(?=.*[A-Z])(?=.*\d)(?=.*[!@#$%^&*()_+={};:<>|./?,"'\[\]\\`~\-])[a-zA-Z\d$begin:math:display$$end:math:display$\\`~!@#$%^&*()_+={};:<>|.\/?,"'-]{8,35}$/);const xl=e=>yl.test(e),Bl=e=>vl.test(e),wl=e=>Nl.test(e),Xl=(e,b)=>e.length>=b,Sl=(e,b)=>e.length<=b,Tl=(e,b)=>e===b,kl=(e,b)=>e.length===b,El=e=>function(e){var b,o=0,M=0,p=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]),b=parseInt(e[1])+parseInt(e[3])+parseInt(e[5])+parseInt(e[7]),o*=7,Math.abs(o-b)%10!=Number(e[9]))return!1;for(p=0;p<10;p++)M+=parseInt(e[p]);return M%10==Number(e[10])}(e),_l=e=>{if(Array.isArray(e)){if(0===e.length)return!1}else{if("object"==typeof e){let b=!0;return Object.keys(e).forEach((o=>{""===e[o]&&(b=!1)})),b}if("string"==typeof e){if(""===e)return!1}else if("boolean"==typeof e&&!1===e)return!1}return!0},Cl=M.createContext({});Cl.displayName="ITDFormContext";const Dl=M.forwardRef((({name:e="",label:o="",placeholder:p="",error:z="",rules:t=[],mask:c=null,locked:n=!1,dependency:r="",reset:O=[],query:i="",children:a=null},s)=>{const{t:A}=b.useTranslation("itd"),d=M.useRef(null),{register:q,unregister:u,hasField:f,updateField:W,setFieldError:h,getFieldValue:m,getFieldInstance:R,formId:g}=M.useContext(Cl),[L,v]=M.useState(!1);M.useEffect((()=>(q({name:e,field:d,valid:y(d.current?.getValue()),query:i,reset:O,error:z}),v(!0),()=>{v(!1),u(e)})),[]),M.useImperativeHandle(s,(()=>d.current));const N=(b,o=!0,M=!0)=>{L&&f(e)&&(W(e,b,o,y(b,M)),x())},y=(b,o=!0)=>{const M=function(e,b,o,M){let p=[];return e.forEach((e=>{e.hasOwnProperty(l.REQUIRED)&&!_l(b)&&e.required&&p.push(e.message?e.message:M("errors.required")),e.hasOwnProperty(l.TYPE)&&(e.type===exports.FormValidationTypes.MIN_LENGTH&&(Xl(String(b),Number(e.value))||p.push(e.message?e.message:M("errors.minLength",{length:Number(e.value)}))),e.type===exports.FormValidationTypes.MAX_LENGTH&&(Sl(String(b),Number(e.value))||p.push(e.message?e.message:M("errors.maxLength",{length:Number(e.value)}))),e.type===exports.FormValidationTypes.EXACT_LENGTH&&(kl(String(b),Number(e.value))||p.push(e.message?e.message:M("errors.exactLength",{length:Number(e.value)}))),e.type===exports.FormValidationTypes.SAME&&(Tl(String(b),String(o(String(e.field))))||p.push(e.message?e.message:M("errors.fieldMustBeTheSame",{fields:e.field}))),e.type===exports.FormValidationTypes.TC_IDENTITY&&(El(String(b))||p.push(e.message?e.message:M("errors.wrongTCIdentity"))),e.type===exports.FormValidationTypes.PASSWORD&&(xl(String(b))||p.push(e.message?e.message:M("errors.passwordRule"))),e.type===exports.FormValidationTypes.EMAIL&&(Bl(String(b))||p.push(e.message?e.message:M("errors.invalidEmailAddress"))),e.type===exports.FormValidationTypes.USERNAME&&(wl(String(b))||p.push(e.message?e.message:M("errors.usernameRule"))))})),p}(t,b,m,A);return M.length>0?(h(e,M[0],o),!1):(h(e,""),!0)},x=()=>{if(""===r)return;if(""===m(r))return;const e=R(r);e&&e.forceUpdate&&e.forceUpdate()};return(()=>{if(!a)return null;let b=a.props;const z={id:b.id?b.id:g+"_"+e,label:o,placeholder:p,className:b.className?b.className+" itd-form-item":"itd-form-item",onUpdate:N,ref:d};return c&&(z.mask=c),n&&(z.locked=n),M.cloneElement(a,{...b,...z})})()})),Pl=M.forwardRef((({name:e="",className:b="",initialValues:p={},useQueryString:z=!1,onUpdate:t,onFinish:c,onFinishFailed:n,onValidated:O,children:a},s)=>{const{updated:A,setInitialValues:d,isFormValid:l,getValues:q,getFields:u,setFieldValueByName:f,resetFields:W}=M.useContext(Cl),h=SM(),{search:m}=r.useLocation(),R=TM(),[g,L]=M.useState([]),[v,N]=M.useState(!1),[y,x]=M.useState([]),[B,w]=M.useState(!1),[X,S]=M.useState(!1);M.useEffect((()=>{a&&P()}),[a]),M.useEffect((()=>{T(),k()}),[B]),M.useEffect((()=>{B||0!==Object.keys(u()).length&&0!==y.length&&Object.keys(u()).length===y.length&&w(!0)}),[u(),y]),M.useEffect((()=>{k()}),[p]),M.useEffect((()=>{T()}),[m]),M.useEffect((()=>{X&&B&&z&&Object.keys(A).length>0&&C(A)}),[A]),M.useEffect((()=>{O&&l()!==v&&O(l()),N(l())}),[l()]);const T=()=>{B&&z&&(D(),X||_())},k=()=>{B&&(z||X||E())},E=()=>{const e=!Object.values(p).some((e=>null!==e&&""!==e));e&&!X&&S(!0),e||X||(d(p,!1),S(!0))},_=()=>{const e=u(),b=!Object.values(e).some((e=>""!==h.get(e.query,"")));if(Object.values(e).some((e=>null===e.query||""===e.query))){let b=[];throw Object.keys(e).forEach((o=>{e[o].hasOwnProperty("query")&&null!==e[o].query&&""!==e[o].query||b.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 ${b.toString()}`)}if(b&&!X&&S(!0),!b&&!X){let b={};Object.keys(e).forEach((o=>{b[o]=h.get(e[o].query,"")})),d(b,!0,!0),S(!0)}},C=e=>{let b=[],o=[];const M=u();Object.keys(e).forEach((b=>{o.push(e[b])})),Qi(o,g)||(Object.keys(M).forEach((o=>{b.push({type:M[o].query,value:e[o]})})),R.set(b))},D=()=>{let e=[],b=[];const o=u();if(Object.keys(o).forEach((b=>{let M=String(h.get(o[b].query,""));e.push(M)})),Qi(e,g))return;L(e),Object.keys(o).forEach((e=>{b[e]=h.get(o[e].query,"")})),Object.keys(b).forEach((e=>{f(e,b[e],!1,!1)}));let M={};Object.keys(b).forEach((e=>{M[e]=b[e]})),t&&t(M)},P=()=>{let e=[];i.getChildrenDeep(a,(b=>(b.hasOwnProperty("type")&&b.type===Dl&&e.push({[b.props.name]:b}),!0))),x(e)};return M.useImperativeHandle(s,(()=>({fieldUpdate(e){console.log("fieldUpdate"),console.log(e)}}))),o.jsx("form",{id:e,onSubmit:e=>{e&&(e.preventDefault(),e.stopPropagation()),l()?c&&c(q()):n&&n(u())},onReset:e=>{e&&(e.preventDefault(),e.stopPropagation());let b=[];Object.keys(u()).map((e=>{b.push({type:e,value:""})})),R.set(b),W(!0,!1)},autoComplete:"off",className:b,noValidate:!0,children:a})}));var jl=M.memo(Pl);function Il({name:e="",useQueryString:b=!1,onUpdate:o,onReset:p,onFieldUpdate:z}){const[t,c]=M.useState({}),[n,r]=M.useState(e),[O,i]=M.useState(!1),[a,s]=M.useState({});function A(e){return t.hasOwnProperty(e)&&void 0!==t[e]}function d(){let e={};return Object.keys(t).forEach((b=>{e[b]=u(b)})),e}function l(e,b,o=!0){if(A(e)&&t[e].field.current){if(t[e].valid=!1,t[e].error=b,!t[e].field.current?.hasOwnProperty("setError"))throw new Error(`Reference Error: You must declare the 'setError' function on the field "${e}"`);t[e].field.current?.setError(o?b:"")}}function q(){let e=!0;return Object.keys(t).forEach((b=>{t[b].valid||(e=!1)})),i(e),e}function u(e){if(A(e)){if(t[e].field.current?.hasOwnProperty("getValue"))return t[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 f(e,b,o,M){if(!A(e))throw new Error(`Form Error: There is no field registered with this name: ${e}`);if(!t[e].field.current?.hasOwnProperty("setValue"))throw new Error(`Reference Error: You must declare the 'setValue' function on the field "${e}"`);{let p=u(e),z=!1;z=Array.isArray(p)&&Array.isArray(b)?Qi(p,b):Array.isArray(p)||Array.isArray(b)?p.toString()===b.toString():p===b,z||t[e].field.current?.setValue(b,o,M)}}return{register:function(e){t[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(!A(e))throw new Error(`Form Unregister Error: There is no field registered with this name: ${e}`);delete t[e]},checkFormIsValid:q,hasField:A,getValues:d,getFieldValue:function(e){return A(e)?(b=t[e].value)instanceof Object?JSON.stringify(b):b:"";var b},getFieldValueByName:u,getFieldInstance:function(e){return A(e)?t[e].field.current:null},getFields:function(){let e={};return Object.keys(t).forEach((b=>{e[b]=t[b]})),e},getFieldsInstance:function(){let e={};return Object.keys(t).forEach((b=>{e[b]=t[b].field.current})),e},setName:function(e){r(e)},setInitialValues:function(e,M=!0,p=!1){Object.keys(e).forEach((b=>{f(b,e[b],M,p)}));let z={};return Object.keys(e).forEach((b=>{z[b]=e[b]})),M&&(b&&s(z),o&&o(z)),q(),z},setInvalidField:function(e="",b=""){l(e,b),q()},setInvalidFields:function(e=[],b=""){e.forEach((e=>{l(e,b)})),q()},setFieldValue:function(e,b){if(!A(e))throw new Error(`Form Error: There is no field registered with this name: ${e}`);t[e].valid=!1,t[e].field.current?.setValue(b)},setFieldValueByName:f,setFieldError:l,removeFieldError:function(e){if(!A(e))throw new Error(`Form Error: There is no field registered with this name: ${e}`);if(t[e].valid=!0,t[e].error="",!t[e].field.current?.hasOwnProperty("setError"))throw new Error(`Reference Error: You must declare the 'setError' function on the field "${e}"`);t[e].field.current?.setError("")},updateField:function(e,M,p,c){if(!A(e))throw new Error(`Form Update Error: There is no field registered with this name: ${e}`);if(t[e].value=M,t[e].valid=c,p){z&&z({name:e,value:M,valid:c}),t[e].reset.length>0&&t[e].reset.forEach((e=>{t[e].value="",t[e].valid=!1,t[e].field.current?.reset(!1)}));let p={...d(),[e]:M};t[e].reset.length>0&&t[e].reset.forEach((e=>{p[e]=""})),b&&c&&s(p),o&&o(p)}q()},isFormValid:M.useCallback((()=>O),[O]),isFieldsValid:function(e){let b=!0;return e.forEach((e=>{t[e].valid||(b=!1)})),b},isFieldValid:function(e){return t[e].valid},resetFields:function(e=!1,b=!1){Object.keys(t).forEach((o=>{if(!t[o].field.current?.hasOwnProperty("reset"))throw new Error(`Reference Error: You must declare the 'reset' function on the field "${o}"`);t[o].field.current?.reset(e,b)})),p&&p()},removeFields:function(){c({})},formId:n,updated:a}}const Fl=M.forwardRef((({initialValues:e,children:b,onUpdate:p,onReset:z,onFinish:t,onFinishFailed:c,onFieldUpdate:n,onValidated:r,useQueryString:O,className:i,name:a},s)=>{const A=M.useRef(null);M.useEffect((()=>()=>{A.current=null}),[]),A.current=Il({name:a,onUpdate:p,onReset:z,onFieldUpdate:n,useQueryString:O}),M.useImperativeHandle(s,(()=>A.current));return o.jsx(Cl.Provider,{value:A.current,children:o.jsx(jl,{initialValues:e,useQueryString:O,onUpdate:p,onFinish:t,onFinishFailed:c,onValidated:r,name:a,className:(()=>{let e="itd-form";return a&&(e+=" "+a),i&&(e+=" "+i),e})(),children:b})})}));Fl.Item=Dl,Fl.Group=function({gap:e=15,horizontal:b=!1,className:M,children:p}){const z=()=>{let e="itd-form-group";return M&&(e+=" "+M),e};return o.jsx(gl,{className:z(),$gap:e,$horizontal:b,children:p})},Fl.Control=function({position:e="end",className:b,children:M}){const p=()=>{let e="itd-form-control";return b&&(e+=" "+b),e};return o.jsx(Ll,{className:p(),$position:e,children:M})},Fl.useForm=()=>M.useContext(Cl),Fl.useFormAPI=()=>{const e=M.useContext(Cl);if(!e)throw new Error("useFormAPI must be used within a FormContext.Provider");return e};const $l=Rt.div`
|
|
3325
3325
|
|
|
3326
3326
|
&.itd-accordion-menu-sub-menu {
|
|
3327
3327
|
|
package/dist/index.esm.js
CHANGED
|
@@ -3308,7 +3308,7 @@ function FA(e,b){if(os(e))for(let M=0;M<e.length&&!1!==b(e[M],M,e);M++);else e&&
|
|
|
3308
3308
|
}
|
|
3309
3309
|
`}
|
|
3310
3310
|
|
|
3311
|
-
`,Xq=W((({id:
|
|
3311
|
+
`,Xq=W((({id:e="itd-select-"+xc(),position:M="bottom",direction:p="right",size:t="default",variant:c="default",placeholder:i="Please Select",className:a="",multi:A=!1,disabled:d=!1,showSearch:l=!1,locked:q=!1,floating:u=!1,options:f=[],value:W,defaultValue:h,label:R,prefix:g,suffix:L,icon:v,image:N,style:y,onChange:B,onUpdate:x},w)=>{const{t:X}=b("itd"),k=r(null),[T,S]=n(!1),[_,E]=n(""),[C,D]=n(void 0),[P,I]=n("");O((()=>{T||E("")}),[T]),O((()=>{void 0!==h&&D(h)}),[h]),O((()=>{void 0!==W&&D(W)}),[W]),tp(k,(()=>{T&&S(!1)})),cp((()=>{T&&S(!1)}));const F=(e,b=!0,M=!0)=>{x&&x(e,b,M)};m(w,(()=>({reset(e=!0,b=!0){const M=h||(A?[]:void 0);D(M),I(""),F(M,e,b)},setValue(e,b=!0,M=!0){D(e),F(e,b,M)},getValue:()=>C||(A?[]:""),setError(e){I(e||"")},clear(){}})));const $=()=>"x-small"===t?"xs":"small"===t?"sm":"medium"===t?"md":"default"===t?"df":"large"===t?"lg":"x-large"===t?"xlg":"df";return z(wq,{ref:k,className:(()=>{let e="itd-select";return e+=" itd-select-"+c,e+=" itd-select-"+(A?"multi":"single"),e+=" itd-select-"+p,e+=" itd-select-"+$(),T&&(e+=" itd-select-open"),P&&(e+=" itd-select-status-error"),d&&(e+=" itd-select-disabled"),l&&(e+=" itd-select-search"),v&&(e+=" itd-icon"),N&&(e+=" itd-image"),""!==a&&(e+=" "+a),e})(),...(()=>{let e={style:void 0,disabled:!1,$hasImage:null!=N,$hasIcon:null!=v,$size:$(),$filled:void 0!==C};return d&&(e.disabled=!0),y&&(e.style=y),e})(),children:[o(IA,{id:e,labelType:u?"floating":"single",value:C,placeholder:f.length>0?i:"",onChange:e=>{S(e)},onFocus:()=>{S(!0)},onBlur:()=>{S(!1)},onShow:e=>{S(e)},onFilter:e=>{T&&E(e)},errorMessage:P,size:t,icon:v,prefix:g,suffix:L,image:N,label:(()=>{if(R)return R;if(void 0===C)return;let e="";if(A){const b=f.filter((e=>e.value===C[0]))[0];Array.isArray(C)&&(1===C.length?b&&(e=b.label):C.length>1&&(e=X("placeholders.multipleSelection",{count:C.length})))}else{const b=f.filter((e=>e.value===C))[0];b&&(e=b.label)}return e})(),disabled:d,isOpen:T,multi:A,locked:q,showSearch:l}),o(Lq,{onClose:()=>{S(!1)},onChange:e=>{I(""),F(e),D(e),A||S(!1),B&&B(e)},defaultValue:C,position:M,direction:p,isOpen:T,multi:A,children:(()=>{let e=[];return f.map((b=>{if(""!==_&&"string"==typeof b.value&&"string"==typeof b.label&&!b.value.includes(_.toLocaleLowerCase())&&!(e=>{if("string"==typeof e)return e.toLocaleLowerCase();let b="";return e.map((e=>{"string"==typeof e&&(b+=e.toLocaleLowerCase())})),b})(b.label).includes(_.toLocaleLowerCase()))return;let M={value:b.value,label:b.label};b.icon&&(M={...M,icon:b.icon}),b.image&&(M={...M,image:b.image}),b.key&&(M={...M,customKey:b.key}),A&&C&&Array.isArray(C)&&(M={...M,checked:C.includes(b.value.toString())}),e.push(s(fA,{...M,key:b.key?b.key:b.value.toString()}))})),0===e.length&&e.push(o("div",{className:"itd-select-not-found",style:{padding:"20px",textAlign:"center"},children:"Not Found"},"not-found")),e})()})]})}));Xq.displayName="Select";const kq=pc.div`
|
|
3312
3312
|
|
|
3313
3313
|
display : flex;
|
|
3314
3314
|
flex-direction : ${e=>e.$horizontal?"row":"column"};
|
|
@@ -3321,7 +3321,7 @@ function FA(e,b){if(os(e))for(let M=0;M<e.length&&!1!==b(e[M],M,e);M++);else e&&
|
|
|
3321
3321
|
margin-top: 10px;
|
|
3322
3322
|
gap: 5px;
|
|
3323
3323
|
|
|
3324
|
-
`;const Sq=new RegExp(/^[a-zA-Z0-9.!#$%&’*+/=?^_`{|}~-]+@[a-zA-Z0-9-]+([.])[a-zA-Z0-9-]+(?:.[a-zA-Z0-9-]+)*$/),_q=new RegExp(/^[a-zA-Z0-9_.-]{6,}$/),Eq=new RegExp(/^(?=.*[a-z])(?=.*[A-Z])(?=.*\d)(?=.*[!@#$%^&*()_+={};:<>|./?,"'\[\]\\`~\-])[a-zA-Z\d$begin:math:display$$end:math:display$\\`~!@#$%^&*()_+={};:<>|.\/?,"'-]{8,35}$/);const Cq=e=>Eq.test(e),Dq=e=>Sq.test(e),Pq=e=>_q.test(e),Iq=(e,b)=>e.length>=b,Fq=(e,b)=>e.length<=b,$q=(e,b)=>e===b,jq=(e,b)=>e.length===b,Vq=e=>function(e){var b,M=0,o=0,p=0;if(11!=e.length)return!1;if(!/^-?\d+$/.test(e))return!1;if(0==Number(e[0]))return!1;if(M=parseInt(e[0])+parseInt(e[2])+parseInt(e[4])+parseInt(e[6])+parseInt(e[8]),b=parseInt(e[1])+parseInt(e[3])+parseInt(e[5])+parseInt(e[7]),M*=7,Math.abs(M-b)%10!=Number(e[9]))return!1;for(p=0;p<10;p++)o+=parseInt(e[p]);return o%10==Number(e[10])}(e),Uq=e=>{if(Array.isArray(e)){if(0===e.length)return!1}else{if("object"==typeof e){let b=!0;return Object.keys(e).forEach((M=>{""===e[M]&&(b=!1)})),b}if("string"==typeof e){if(""===e)return!1}else if("boolean"==typeof e&&!1===e)return!1}return!0},Hq=q({});Hq.displayName="ITDFormContext";const Yq=W((({name:b="",label:M="",placeholder:o="",error:p="",rules:z=[],mask:t=null,locked:c=!1,dependency:a="",reset:A=[],query:s="",children:d=null},q)=>{const u=r(null),{register:f,unregister:W,hasField:h,updateField:R,setFieldError:g,getFieldValue:L,getFieldInstance:v,formId:N}=i(Hq),[y,B]=n(!1);O((()=>(f({name:b,field:u,valid:w(u.current?.getValue()),query:s,reset:A,error:p}),B(!0),()=>{B(!1),W(b)})),[]),m(q,(()=>u.current));const x=(e,M=!0,o=!0)=>{y&&h(b)&&(R(b,e,M,w(e,o)),X())},w=(M,o=!0)=>{const p=function(b,M,o){let p=[];return b.forEach((b=>{b.hasOwnProperty(F.REQUIRED)&&!Uq(M)&&b.required&&p.push(b.message?b.message:e.t("errors.required")),b.hasOwnProperty(F.TYPE)&&(b.type===$.MIN_LENGTH&&(Iq(String(M),Number(b.value))||p.push(b.message?b.message:e.t("errors.minLength",{length:Number(b.value)}))),b.type===$.MAX_LENGTH&&(Fq(String(M),Number(b.value))||p.push(b.message?b.message:e.t("errors.maxLength",{length:Number(b.value)}))),b.type===$.EXACT_LENGTH&&(jq(String(M),Number(b.value))||p.push(b.message?b.message:e.t("errors.exactLength",{length:Number(b.value)}))),b.type===$.SAME&&($q(String(M),String(o(String(b.field))))||p.push(b.message?b.message:e.t("errors.fieldMustBeTheSame",{fields:b.field}))),b.type===$.TC_IDENTITY&&(Vq(String(M))||p.push(b.message?b.message:e.t("errors.wrongTCIdentity"))),b.type===$.PASSWORD&&(Cq(String(M))||p.push(b.message?b.message:e.t("errors.passwordRule"))),b.type===$.EMAIL&&(Dq(String(M))||p.push(b.message?b.message:e.t("errors.invalidEmailAddress"))),b.type===$.USERNAME&&(Pq(String(M))||p.push(b.message?b.message:e.t("errors.usernameRule"))))})),p}(z,M,L);return p.length>0?(g(b,p[0],o),!1):(g(b,""),!0)},X=()=>{if(""===a)return;if(""===L(a))return;const e=v(a);e&&e.forceUpdate&&e.forceUpdate()};return(()=>{if(!d)return null;let e=d.props;const p={id:e.id?e.id:N+"_"+b,label:M,placeholder:o,className:e.className?e.className+" itd-form-item":"itd-form-item",onUpdate:x,ref:u};return t&&(p.mask=t),c&&(p.locked=c),l(d,{...e,...p})})()})),Gq=W((({name:e="",className:b="",initialValues:M={},useQueryString:p=!1,onUpdate:z,onFinish:t,onFinishFailed:c,onValidated:r,children:a},A)=>{const{updated:s,setInitialValues:d,isFormValid:l,getValues:q,getFields:u,setFieldValueByName:f,resetFields:W}=i(Hq),h=np(),{search:R}=_(),g=Op(),[L,v]=n([]),[N,y]=n(!1),[B,x]=n([]),[w,X]=n(!1),[k,T]=n(!1);O((()=>{a&&$()}),[a]),O((()=>{S(),E()}),[w]),O((()=>{w||0!==Object.keys(u()).length&&0!==B.length&&Object.keys(u()).length===B.length&&X(!0)}),[u(),B]),O((()=>{E()}),[M]),O((()=>{S()}),[R]),O((()=>{k&&w&&p&&Object.keys(s).length>0&&I(s)}),[s]),O((()=>{r&&l()!==N&&r(l()),y(l())}),[l()]);const S=()=>{w&&p&&(F(),k||P())},E=()=>{w&&(p||k||D())},D=()=>{const e=!Object.values(M).some((e=>null!==e&&""!==e));e&&!k&&T(!0),e||k||(d(M,!1),T(!0))},P=()=>{const e=u(),b=!Object.values(e).some((e=>""!==h.get(e.query,"")));if(Object.values(e).some((e=>null===e.query||""===e.query))){let b=[];throw Object.keys(e).forEach((M=>{e[M].hasOwnProperty("query")&&null!==e[M].query&&""!==e[M].query||b.push(M)})),new Error(`ITD Form Initial Fields Error: "useQueryString" is activated but "query" value is not passed to whole form elements! Invalid fields are ${b.toString()}`)}if(b&&!k&&T(!0),!b&&!k){let b={};Object.keys(e).forEach((M=>{b[M]=h.get(e[M].query,"")})),d(b,!0,!0),T(!0)}},I=e=>{let b=[],M=[];const o=u();Object.keys(e).forEach((b=>{M.push(e[b])})),tA(M,L)||(Object.keys(o).forEach((M=>{b.push({type:o[M].query,value:e[M]})})),g.set(b))},F=()=>{let e=[],b=[];const M=u();if(Object.keys(M).forEach((b=>{let o=String(h.get(M[b].query,""));e.push(o)})),tA(e,L))return;v(e),Object.keys(M).forEach((e=>{b[e]=h.get(M[e].query,"")})),Object.keys(b).forEach((e=>{f(e,b[e],!1,!1)}));let o={};Object.keys(b).forEach((e=>{o[e]=b[e]})),z&&z(o)},$=()=>{let e=[];C(a,(b=>(b.hasOwnProperty("type")&&b.type===Yq&&e.push({[b.props.name]:b}),!0))),x(e)};return m(A,(()=>({fieldUpdate(e){console.log("fieldUpdate"),console.log(e)}}))),o("form",{id:e,onSubmit:e=>{e&&(e.preventDefault(),e.stopPropagation()),l()?t&&t(q()):c&&c(u())},onReset:e=>{e&&(e.preventDefault(),e.stopPropagation());let b=[];Object.keys(u()).map((e=>{b.push({type:e,value:""})})),g.set(b),W(!0,!1)},autoComplete:"off",className:b,noValidate:!0,children:a})}));var Kq=g(Gq);function Qq({name:e="",useQueryString:b=!1,onUpdate:M,onReset:o,onFieldUpdate:p}){const[z,t]=n({}),[c,O]=n(e),[r,i]=n(!1),[a,A]=n({});function s(e){return z.hasOwnProperty(e)&&void 0!==z[e]}function d(){let e={};return Object.keys(z).forEach((b=>{e[b]=f(b)})),e}function l(e,b,M=!0){if(s(e)&&z[e].field.current){if(z[e].valid=!1,z[e].error=b,!z[e].field.current?.hasOwnProperty("setError"))throw new Error(`Reference Error: You must declare the 'setError' function on the field "${e}"`);z[e].field.current?.setError(M?b:"")}}function q(){let e=!0;return Object.keys(z).forEach((b=>{z[b].valid||(e=!1)})),i(e),e}function f(e){if(s(e)){if(z[e].field.current?.hasOwnProperty("getValue"))return z[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 W(e,b,M,o){if(!s(e))throw new Error(`Form Error: There is no field registered with this name: ${e}`);if(!z[e].field.current?.hasOwnProperty("setValue"))throw new Error(`Reference Error: You must declare the 'setValue' function on the field "${e}"`);{let p=f(e),t=!1;t=Array.isArray(p)&&Array.isArray(b)?tA(p,b):Array.isArray(p)||Array.isArray(b)?p.toString()===b.toString():p===b,t||z[e].field.current?.setValue(b,M,o)}}return{register:function(e){z[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(!s(e))throw new Error(`Form Unregister Error: There is no field registered with this name: ${e}`);delete z[e]},checkFormIsValid:q,hasField:s,getValues:d,getFieldValue:function(e){return s(e)?(b=z[e].value)instanceof Object?JSON.stringify(b):b:"";var b},getFieldValueByName:f,getFieldInstance:function(e){return s(e)?z[e].field.current:null},getFields:function(){let e={};return Object.keys(z).forEach((b=>{e[b]=z[b]})),e},getFieldsInstance:function(){let e={};return Object.keys(z).forEach((b=>{e[b]=z[b].field.current})),e},setName:function(e){O(e)},setInitialValues:function(e,o=!0,p=!1){Object.keys(e).forEach((b=>{W(b,e[b],o,p)}));let z={};return Object.keys(e).forEach((b=>{z[b]=e[b]})),o&&(b&&A(z),M&&M(z)),q(),z},setInvalidField:function(e="",b=""){l(e,b),q()},setInvalidFields:function(e=[],b=""){e.forEach((e=>{l(e,b)})),q()},setFieldValue:function(e,b){if(!s(e))throw new Error(`Form Error: There is no field registered with this name: ${e}`);z[e].valid=!1,z[e].field.current?.setValue(b)},setFieldValueByName:W,setFieldError:l,removeFieldError:function(e){if(!s(e))throw new Error(`Form Error: There is no field registered with this name: ${e}`);if(z[e].valid=!0,z[e].error="",!z[e].field.current?.hasOwnProperty("setError"))throw new Error(`Reference Error: You must declare the 'setError' function on the field "${e}"`);z[e].field.current?.setError("")},updateField:function(e,o,t,c){if(!s(e))throw new Error(`Form Update Error: There is no field registered with this name: ${e}`);if(z[e].value=o,z[e].valid=c,t){p&&p({name:e,value:o,valid:c}),z[e].reset.length>0&&z[e].reset.forEach((e=>{z[e].value="",z[e].valid=!1,z[e].field.current?.reset(!1)}));let t={...d(),[e]:o};z[e].reset.length>0&&z[e].reset.forEach((e=>{t[e]=""})),b&&c&&A(t),M&&M(t)}q()},isFormValid:u((()=>r),[r]),isFieldsValid:function(e){let b=!0;return e.forEach((e=>{z[e].valid||(b=!1)})),b},isFieldValid:function(e){return z[e].valid},resetFields:function(e=!1,b=!1){Object.keys(z).forEach((M=>{if(!z[M].field.current?.hasOwnProperty("reset"))throw new Error(`Reference Error: You must declare the 'reset' function on the field "${M}"`);z[M].field.current?.reset(e,b)})),o&&o()},removeFields:function(){t({})},formId:c,updated:a}}const Jq=W((({initialValues:e,children:b,onUpdate:M,onReset:p,onFinish:z,onFinishFailed:t,onFieldUpdate:c,onValidated:n,useQueryString:i,className:a,name:A},s)=>{const d=r(null);O((()=>()=>{d.current=null}),[]),d.current=Qq({name:A,onUpdate:M,onReset:p,onFieldUpdate:c,useQueryString:i}),m(s,(()=>d.current));return o(Hq.Provider,{value:d.current,children:o(Kq,{initialValues:e,useQueryString:i,onUpdate:M,onFinish:z,onFinishFailed:t,onValidated:n,name:A,className:(()=>{let e="itd-form";return A&&(e+=" "+A),a&&(e+=" "+a),e})(),children:b})})}));Jq.Item=Yq,Jq.Group=function({gap:e=15,horizontal:b=!1,className:M,children:p}){const z=()=>{let e="itd-form-group";return M&&(e+=" "+M),e};return o(kq,{className:z(),$gap:e,$horizontal:b,children:p})},Jq.Control=function({position:e="end",className:b,children:M}){const p=()=>{let e="itd-form-control";return b&&(e+=" "+b),e};return o(Tq,{className:p(),$position:e,children:M})},Jq.useForm=()=>i(Hq),Jq.useFormAPI=()=>{const e=i(Hq);if(!e)throw new Error("useFormAPI must be used within a FormContext.Provider");return e};const Zq=pc.div`
|
|
3324
|
+
`;const Sq=new RegExp(/^[a-zA-Z0-9.!#$%&’*+/=?^_`{|}~-]+@[a-zA-Z0-9-]+([.])[a-zA-Z0-9-]+(?:.[a-zA-Z0-9-]+)*$/),_q=new RegExp(/^[a-zA-Z0-9_.-]{6,}$/),Eq=new RegExp(/^(?=.*[a-z])(?=.*[A-Z])(?=.*\d)(?=.*[!@#$%^&*()_+={};:<>|./?,"'\[\]\\`~\-])[a-zA-Z\d$begin:math:display$$end:math:display$\\`~!@#$%^&*()_+={};:<>|.\/?,"'-]{8,35}$/);const Cq=e=>Eq.test(e),Dq=e=>Sq.test(e),Pq=e=>_q.test(e),Iq=(e,b)=>e.length>=b,Fq=(e,b)=>e.length<=b,$q=(e,b)=>e===b,jq=(e,b)=>e.length===b,Vq=e=>function(e){var b,M=0,o=0,p=0;if(11!=e.length)return!1;if(!/^-?\d+$/.test(e))return!1;if(0==Number(e[0]))return!1;if(M=parseInt(e[0])+parseInt(e[2])+parseInt(e[4])+parseInt(e[6])+parseInt(e[8]),b=parseInt(e[1])+parseInt(e[3])+parseInt(e[5])+parseInt(e[7]),M*=7,Math.abs(M-b)%10!=Number(e[9]))return!1;for(p=0;p<10;p++)o+=parseInt(e[p]);return o%10==Number(e[10])}(e),Uq=e=>{if(Array.isArray(e)){if(0===e.length)return!1}else{if("object"==typeof e){let b=!0;return Object.keys(e).forEach((M=>{""===e[M]&&(b=!1)})),b}if("string"==typeof e){if(""===e)return!1}else if("boolean"==typeof e&&!1===e)return!1}return!0},Hq=q({});Hq.displayName="ITDFormContext";const Yq=W((({name:e="",label:M="",placeholder:o="",error:p="",rules:z=[],mask:t=null,locked:c=!1,dependency:a="",reset:A=[],query:s="",children:d=null},q)=>{const{t:u}=b("itd"),f=r(null),{register:W,unregister:h,hasField:R,updateField:g,setFieldError:L,getFieldValue:v,getFieldInstance:N,formId:y}=i(Hq),[B,x]=n(!1);O((()=>(W({name:e,field:f,valid:X(f.current?.getValue()),query:s,reset:A,error:p}),x(!0),()=>{x(!1),h(e)})),[]),m(q,(()=>f.current));const w=(b,M=!0,o=!0)=>{B&&R(e)&&(g(e,b,M,X(b,o)),k())},X=(b,M=!0)=>{const o=function(e,b,M,o){let p=[];return e.forEach((e=>{e.hasOwnProperty(F.REQUIRED)&&!Uq(b)&&e.required&&p.push(e.message?e.message:o("errors.required")),e.hasOwnProperty(F.TYPE)&&(e.type===$.MIN_LENGTH&&(Iq(String(b),Number(e.value))||p.push(e.message?e.message:o("errors.minLength",{length:Number(e.value)}))),e.type===$.MAX_LENGTH&&(Fq(String(b),Number(e.value))||p.push(e.message?e.message:o("errors.maxLength",{length:Number(e.value)}))),e.type===$.EXACT_LENGTH&&(jq(String(b),Number(e.value))||p.push(e.message?e.message:o("errors.exactLength",{length:Number(e.value)}))),e.type===$.SAME&&($q(String(b),String(M(String(e.field))))||p.push(e.message?e.message:o("errors.fieldMustBeTheSame",{fields:e.field}))),e.type===$.TC_IDENTITY&&(Vq(String(b))||p.push(e.message?e.message:o("errors.wrongTCIdentity"))),e.type===$.PASSWORD&&(Cq(String(b))||p.push(e.message?e.message:o("errors.passwordRule"))),e.type===$.EMAIL&&(Dq(String(b))||p.push(e.message?e.message:o("errors.invalidEmailAddress"))),e.type===$.USERNAME&&(Pq(String(b))||p.push(e.message?e.message:o("errors.usernameRule"))))})),p}(z,b,v,u);return o.length>0?(L(e,o[0],M),!1):(L(e,""),!0)},k=()=>{if(""===a)return;if(""===v(a))return;const e=N(a);e&&e.forceUpdate&&e.forceUpdate()};return(()=>{if(!d)return null;let b=d.props;const p={id:b.id?b.id:y+"_"+e,label:M,placeholder:o,className:b.className?b.className+" itd-form-item":"itd-form-item",onUpdate:w,ref:f};return t&&(p.mask=t),c&&(p.locked=c),l(d,{...b,...p})})()})),Gq=W((({name:e="",className:b="",initialValues:M={},useQueryString:p=!1,onUpdate:z,onFinish:t,onFinishFailed:c,onValidated:r,children:a},A)=>{const{updated:s,setInitialValues:d,isFormValid:l,getValues:q,getFields:u,setFieldValueByName:f,resetFields:W}=i(Hq),h=np(),{search:R}=_(),g=Op(),[L,v]=n([]),[N,y]=n(!1),[B,x]=n([]),[w,X]=n(!1),[k,T]=n(!1);O((()=>{a&&$()}),[a]),O((()=>{S(),E()}),[w]),O((()=>{w||0!==Object.keys(u()).length&&0!==B.length&&Object.keys(u()).length===B.length&&X(!0)}),[u(),B]),O((()=>{E()}),[M]),O((()=>{S()}),[R]),O((()=>{k&&w&&p&&Object.keys(s).length>0&&I(s)}),[s]),O((()=>{r&&l()!==N&&r(l()),y(l())}),[l()]);const S=()=>{w&&p&&(F(),k||P())},E=()=>{w&&(p||k||D())},D=()=>{const e=!Object.values(M).some((e=>null!==e&&""!==e));e&&!k&&T(!0),e||k||(d(M,!1),T(!0))},P=()=>{const e=u(),b=!Object.values(e).some((e=>""!==h.get(e.query,"")));if(Object.values(e).some((e=>null===e.query||""===e.query))){let b=[];throw Object.keys(e).forEach((M=>{e[M].hasOwnProperty("query")&&null!==e[M].query&&""!==e[M].query||b.push(M)})),new Error(`ITD Form Initial Fields Error: "useQueryString" is activated but "query" value is not passed to whole form elements! Invalid fields are ${b.toString()}`)}if(b&&!k&&T(!0),!b&&!k){let b={};Object.keys(e).forEach((M=>{b[M]=h.get(e[M].query,"")})),d(b,!0,!0),T(!0)}},I=e=>{let b=[],M=[];const o=u();Object.keys(e).forEach((b=>{M.push(e[b])})),tA(M,L)||(Object.keys(o).forEach((M=>{b.push({type:o[M].query,value:e[M]})})),g.set(b))},F=()=>{let e=[],b=[];const M=u();if(Object.keys(M).forEach((b=>{let o=String(h.get(M[b].query,""));e.push(o)})),tA(e,L))return;v(e),Object.keys(M).forEach((e=>{b[e]=h.get(M[e].query,"")})),Object.keys(b).forEach((e=>{f(e,b[e],!1,!1)}));let o={};Object.keys(b).forEach((e=>{o[e]=b[e]})),z&&z(o)},$=()=>{let e=[];C(a,(b=>(b.hasOwnProperty("type")&&b.type===Yq&&e.push({[b.props.name]:b}),!0))),x(e)};return m(A,(()=>({fieldUpdate(e){console.log("fieldUpdate"),console.log(e)}}))),o("form",{id:e,onSubmit:e=>{e&&(e.preventDefault(),e.stopPropagation()),l()?t&&t(q()):c&&c(u())},onReset:e=>{e&&(e.preventDefault(),e.stopPropagation());let b=[];Object.keys(u()).map((e=>{b.push({type:e,value:""})})),g.set(b),W(!0,!1)},autoComplete:"off",className:b,noValidate:!0,children:a})}));var Kq=g(Gq);function Qq({name:e="",useQueryString:b=!1,onUpdate:M,onReset:o,onFieldUpdate:p}){const[z,t]=n({}),[c,O]=n(e),[r,i]=n(!1),[a,A]=n({});function s(e){return z.hasOwnProperty(e)&&void 0!==z[e]}function d(){let e={};return Object.keys(z).forEach((b=>{e[b]=f(b)})),e}function l(e,b,M=!0){if(s(e)&&z[e].field.current){if(z[e].valid=!1,z[e].error=b,!z[e].field.current?.hasOwnProperty("setError"))throw new Error(`Reference Error: You must declare the 'setError' function on the field "${e}"`);z[e].field.current?.setError(M?b:"")}}function q(){let e=!0;return Object.keys(z).forEach((b=>{z[b].valid||(e=!1)})),i(e),e}function f(e){if(s(e)){if(z[e].field.current?.hasOwnProperty("getValue"))return z[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 W(e,b,M,o){if(!s(e))throw new Error(`Form Error: There is no field registered with this name: ${e}`);if(!z[e].field.current?.hasOwnProperty("setValue"))throw new Error(`Reference Error: You must declare the 'setValue' function on the field "${e}"`);{let p=f(e),t=!1;t=Array.isArray(p)&&Array.isArray(b)?tA(p,b):Array.isArray(p)||Array.isArray(b)?p.toString()===b.toString():p===b,t||z[e].field.current?.setValue(b,M,o)}}return{register:function(e){z[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(!s(e))throw new Error(`Form Unregister Error: There is no field registered with this name: ${e}`);delete z[e]},checkFormIsValid:q,hasField:s,getValues:d,getFieldValue:function(e){return s(e)?(b=z[e].value)instanceof Object?JSON.stringify(b):b:"";var b},getFieldValueByName:f,getFieldInstance:function(e){return s(e)?z[e].field.current:null},getFields:function(){let e={};return Object.keys(z).forEach((b=>{e[b]=z[b]})),e},getFieldsInstance:function(){let e={};return Object.keys(z).forEach((b=>{e[b]=z[b].field.current})),e},setName:function(e){O(e)},setInitialValues:function(e,o=!0,p=!1){Object.keys(e).forEach((b=>{W(b,e[b],o,p)}));let z={};return Object.keys(e).forEach((b=>{z[b]=e[b]})),o&&(b&&A(z),M&&M(z)),q(),z},setInvalidField:function(e="",b=""){l(e,b),q()},setInvalidFields:function(e=[],b=""){e.forEach((e=>{l(e,b)})),q()},setFieldValue:function(e,b){if(!s(e))throw new Error(`Form Error: There is no field registered with this name: ${e}`);z[e].valid=!1,z[e].field.current?.setValue(b)},setFieldValueByName:W,setFieldError:l,removeFieldError:function(e){if(!s(e))throw new Error(`Form Error: There is no field registered with this name: ${e}`);if(z[e].valid=!0,z[e].error="",!z[e].field.current?.hasOwnProperty("setError"))throw new Error(`Reference Error: You must declare the 'setError' function on the field "${e}"`);z[e].field.current?.setError("")},updateField:function(e,o,t,c){if(!s(e))throw new Error(`Form Update Error: There is no field registered with this name: ${e}`);if(z[e].value=o,z[e].valid=c,t){p&&p({name:e,value:o,valid:c}),z[e].reset.length>0&&z[e].reset.forEach((e=>{z[e].value="",z[e].valid=!1,z[e].field.current?.reset(!1)}));let t={...d(),[e]:o};z[e].reset.length>0&&z[e].reset.forEach((e=>{t[e]=""})),b&&c&&A(t),M&&M(t)}q()},isFormValid:u((()=>r),[r]),isFieldsValid:function(e){let b=!0;return e.forEach((e=>{z[e].valid||(b=!1)})),b},isFieldValid:function(e){return z[e].valid},resetFields:function(e=!1,b=!1){Object.keys(z).forEach((M=>{if(!z[M].field.current?.hasOwnProperty("reset"))throw new Error(`Reference Error: You must declare the 'reset' function on the field "${M}"`);z[M].field.current?.reset(e,b)})),o&&o()},removeFields:function(){t({})},formId:c,updated:a}}const Jq=W((({initialValues:e,children:b,onUpdate:M,onReset:p,onFinish:z,onFinishFailed:t,onFieldUpdate:c,onValidated:n,useQueryString:i,className:a,name:A},s)=>{const d=r(null);O((()=>()=>{d.current=null}),[]),d.current=Qq({name:A,onUpdate:M,onReset:p,onFieldUpdate:c,useQueryString:i}),m(s,(()=>d.current));return o(Hq.Provider,{value:d.current,children:o(Kq,{initialValues:e,useQueryString:i,onUpdate:M,onFinish:z,onFinishFailed:t,onValidated:n,name:A,className:(()=>{let e="itd-form";return A&&(e+=" "+A),a&&(e+=" "+a),e})(),children:b})})}));Jq.Item=Yq,Jq.Group=function({gap:e=15,horizontal:b=!1,className:M,children:p}){const z=()=>{let e="itd-form-group";return M&&(e+=" "+M),e};return o(kq,{className:z(),$gap:e,$horizontal:b,children:p})},Jq.Control=function({position:e="end",className:b,children:M}){const p=()=>{let e="itd-form-control";return b&&(e+=" "+b),e};return o(Tq,{className:p(),$position:e,children:M})},Jq.useForm=()=>i(Hq),Jq.useFormAPI=()=>{const e=i(Hq);if(!e)throw new Error("useFormAPI must be used within a FormContext.Provider");return e};const Zq=pc.div`
|
|
3325
3325
|
|
|
3326
3326
|
&.itd-accordion-menu-sub-menu {
|
|
3327
3327
|
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
import { ITDSizeSlug } from "../index";
|
|
2
|
-
export default function GetSizeBySizeSlug(size: ITDSizeSlug): "small" | "
|
|
2
|
+
export default function GetSizeBySizeSlug(size: ITDSizeSlug): "x-small" | "small" | "medium" | "default" | "large" | "x-large" | "df";
|