@bgscore/react-form 1.0.3 → 1.0.5

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 CHANGED
@@ -1 +1 @@
1
- 'use strict';Object.defineProperty(exports,'__esModule',{value:true});var H=require('react'),jsxRuntime=require('react/jsx-runtime'),reactCore=require('@bgscore/react-core'),reactHookForm=require('react-hook-form');function _interopDefault(e){return e&&e.__esModule?e:{default:e}}var H__default=/*#__PURE__*/_interopDefault(H);var O=H.createContext(void 0);function y(){let e=H.useContext(O);return e||{}}function I({children:e,controller:r,onSubmit:o}){let a=H.useRef([]),m=H.useCallback(t=>{let d=a.current.findIndex(l=>l.id===t.id);if(d>-1){let l=[...a.current];l[d]=t,a.current=[...l];}else a.current.push(t);},[a]),s=H.useCallback(t=>{a.current=a.current.filter(d=>d.id!==t);},[]),c=async(t,d)=>{r.setIsSubmit(true);let l=d?await r.formControl.trigger():true,i=r.getData();l&&o&&o({...i,...t},{...r});},f={...r,registerItem:m,unregisterItem:s,items:a.current,triggerSubmit:c};return jsxRuntime.jsx(O.Provider,{value:f,children:e})}var P=new WeakMap;function k(e){return P.has(e)||P.set(e,reactCore.createStore({})),P.get(e)}var N=(e,r)=>{e||(e={});let o=H.useRef(null),[a,m]=H.useState(false),s=reactHookForm.useForm({...r,reValidateMode:"onSubmit",mode:"all",defaultValues:e}),c=k(s),f=H.useMemo(()=>reactCore.generateUUID(),[]),t=i=>i?reactCore.getFieldValue(reactCore.mappingUndefinedtoNull(s.getValues()),i):reactCore.mappingUndefinedtoNull(s.getValues()),l={...s,ref:o,reset:i=>{i?typeof i=="string"?s.resetField(i,{}):typeof i=="object"&&reactCore.isArray(i,0)&&i.forEach(p=>s.resetField(p)):s.reset();},updateData:i=>{let p=t();s.reset({...p,...i});},getData:t,formControl:s,useFieldArray:i=>reactHookForm.useFieldArray({control:s.control,name:i}),useWatch:i=>reactHookForm.useWatch({control:s.control,name:i}),isSubmit:a,formId:f,setIsSubmit:m,useSelected:i=>c.useStore(p=>reactCore.getFieldValue(p,i)),setSelected:c.setState};return [l,l]};var Ce=({onSubmit:e,onChange:r,onInvalid:o,formData:a,controller:m,children:s,...c})=>{let f=m??N(),[t]=Array.isArray(f)?f:[f],d=H.useRef(void 0),l=async i=>{i.preventDefault(),i.stopPropagation(),t.setIsSubmit(true);let p=await t.formControl.trigger(),h=t.getData();p?e&&e({...h},{...t}):o&&o(t.formControl.formState.errors);};return H.useEffect(()=>{a&&reactCore.diffJson(d.current||{},a)&&(t.formControl.reset(a),d.current=a);},[a,t.formControl.reset]),H.useEffect(()=>{if(!r)return;let i=t.formControl.watch(r);return ()=>i.unsubscribe()},[]),jsxRuntime.jsx(jsxRuntime.Fragment,{children:jsxRuntime.jsx(I,{controller:{...t,disabled:c?.disabled,readOnly:c?.readOnly},onSubmit:e,children:jsxRuntime.jsx("form",{...c,id:t.formId,ref:t.ref,onSubmit:l,children:s})})})},q=Ce;var D=H.createContext(void 0);function v(){let e=H.useContext(D);return e||{}}function $({children:e,...r}){return jsxRuntime.jsx(D.Provider,{value:r,children:e})}var K=e=>{let r=y(),o=reactHookForm.useFieldArray({control:r.control,name:e}),m={formArrayId:H.useMemo(()=>reactCore.generateUUID(),[]),...o,...r};return [m,m]};var Z=({name:e,defaultData:r,controller:o,children:a})=>{let m=o??K(e),[s]=Array.isArray(m)?m:[m];return H.useEffect(()=>{typeof r=="boolean"&&r?s.append({}):typeof r=="number"&&r>0?s.append([...Array(r).fill(null).map(()=>({}))]):typeof r=="object"&&r&&s.append(r);},[]),jsxRuntime.jsx(jsxRuntime.Fragment,{children:s.fields.map((c,f)=>{let t=`${e}.${f}.`,d={...s,index:f,fieldId:c.id,name:t,countFields:s.fields.length,removeItem:()=>s.remove(f),watchItem:l=>s.watch(l?`${t}${l}`:t.slice(0,-1)),setValueItem:(l,i)=>s.setValue(`${t}${l}`,i),useSelectedItem:l=>s.useSelected(`${t}${l}`)};return jsxRuntime.jsx(H__default.default.Fragment,{children:jsxRuntime.jsx($,{...d,children:reactCore.renderChildren(a,d)})},c.id)})})};Z.displayName="BgsFormArray";var We=Z;H__default.default.memo(({children:e,props:r})=>jsxRuntime.jsx(jsxRuntime.Fragment,{children:reactCore.renderChildren(e,r)}));var J=H.createContext(void 0);function w(){let e=H.useContext(J);return e||{}}function B({children:e,...r}){return jsxRuntime.jsx(J.Provider,{value:r,children:e})}var _=({children:e,...r})=>{let o=y(),a=H.useMemo(()=>reactCore.generateUUID(),[]);return jsxRuntime.jsx(jsxRuntime.Fragment,{children:jsxRuntime.jsx(B,{...o,...r,formGroupId:a,children:e})})};_.displayName="BgsFormGroup";var Me=_;var Q=H.createContext(void 0);function Y(){let e=H.useContext(Q);return e||{}}function V({children:e,...r}){return jsxRuntime.jsx(Q.Provider,{value:r,children:e})}var ze=/^(([^<>()[\]\\.,;:\s@\"]+(\.[^<>()[\]\\.,;:\s@\"]+)*)|(\".+\"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;function G({validationRules:e,label:r}){let{formControl:o,getData:a}=y(),m=[];return e&&(typeof e=="string"?ee(e,true,r,o,a,{}).forEach(s=>m.push(s)):typeof e=="object"&&Object.keys(e).forEach(s=>{let{validate:c}=m.find(t=>t.validate)||{};if(["minLength","maxLength","min","max","match","diff","regexp","pattern","required","email"].includes(s)){let t=e[s],d="";["match","diff"].includes(s)&&typeof t=="object"&&(t=e[s].dataField,d=e[s].label),t!=null&&ee(s,t,r,o,a,c,d).forEach(l=>m.push(l));}else if(typeof e[s]=="object"){let t=e[s];m.push({validate:{...c,[s]:d=>t.validation(d)||t.message&&(typeof t.message=="string"?t.message:t.message(r))}});}})),Object.assign({},...m)}var ee=(e,r,o,a,m,s,c)=>{let f=[],{validationMessage:t}=Y(),{required:d,minLength:l,maxLength:i,min:p,max:h,email:A,match:b,diff:g,pattern:u}=t||{},F={required:n=>{if(!r)return true;let x=d?d(o):`${o} is required`;return typeof n=="string"&&!n.trim()||n==null?x:true},minLength:{value:r,message:l?l(o,r):`${o} must be at least ${r} characters long`},maxLength:{value:r,message:i?i(o,r):`${o} cannot be more than ${r} characters long`},min:{value:Number(r),message:p?p(o,r):`${o} should be at least ${r}`},max:{value:Number(r),message:h?h(o,r):`${o} should be at most ${r}`},regexp:(n="")=>n?new RegExp(r.regexp).test(n)||`${o} ${r.message}`:true,email:(n="")=>!r||!n?true:ze.test(n)||(A?A(o):`${o} must be type email`),match:(n="")=>n?n===(m&&m(r))||(b?b(o,c||reactCore.labelFormatter.changeAll(r)):`${o} must be same with ${c||reactCore.labelFormatter.changeAll(r)}`):true,diff:(n="")=>n?n!==(m&&m(r))||(g?g(o,c||reactCore.labelFormatter.changeAll(r)):`${o} must be different with ${c||reactCore.labelFormatter.changeAll(r)}`):true,pattern:{alphabet:(n="")=>!!n&&new RegExp("^[A-Za-z ]*$").test(n)||(u?.alphabet?u?.alphabet(o):`${o} must be format Alphabet`),alphanumber:(n="")=>!!n&&new RegExp("^[A-Za-z0-9 ]*$").test(n)||(u?.alphanumber?u?.alphanumber(o):`${o} must be format Alphabet or Number`),number:(n="")=>!!n&&new RegExp("^[0-9]*$").test(n)||(u?.number?u?.number(o):`${o} must be format Number`),lowercase:(n="")=>!!n&&new RegExp("^[a-z0-9 ]*$").test(n)||(u?.lowercase?u?.lowercase(o):`${o} must be format Lowercase`),url:(n="")=>!!n&&/^(ftp|http|https):\/\/[^ "]+$/.test(n)||(u?.url?u?.url(o):`${o} must be a valid URL`),uppercase:(n="")=>!!n&&new RegExp("^[A-Z0-9 ]*$").test(n)||(u?.uppercase?u?.uppercase(o):`${o} must be format Uppercase`),mixedcase:(n="")=>!!n&&/[a-z]/.test(n)&&/[A-Z]/.test(n)||(u?.mixedcase?u?.mixedcase(o):`${o} must be mixed case`),specialcharacters:(n="")=>!!n&&/[^a-zA-Z0-9\s]/.test(n)||(u?.specialcharacters?u?.specialcharacters(o):`${o} must contain special characters`)}}[e];if(F){let{validate:n}=f.find(x=>x.validate)||{};typeof F=="function"?f.push({validate:{...n,...s,[e]:F}}):e==="pattern"?f.push({validate:{...n,...s,[`${e}${r}`]:F[r]}}):f.push({[e]:F});}return f};var mt=e=>{let r=H.useMemo(()=>reactCore.generateUUID(),[]),{registerItem:o,unregisterItem:a,control:m,disabled:s,readOnly:c,formId:f,setSelected:t,useSelected:d}=y(),{name:l,formId:i,...p}=w(),{formId:h,name:A}=v(),b=e.label,g=e.dataField;H.useEffect(()=>(o({id:r,...e}),()=>{a(r);}),[r,e]),!e.label&&!e.noLabel&&(b=reactCore.labelFormatter.changeAll(g)),e.disabledHierarchy||(A&&f===h&&(g=`${A}${g}`),l&&f===i&&(g=`${l}${g}`));let u=false;typeof e.disabled=="boolean"?u=e.disabled:typeof p.disabled=="boolean"?u=p.disabled:u=!!s;let U=false;typeof e.readOnly=="boolean"?U=e.readOnly:typeof p.readOnly=="boolean"?U=p.readOnly:U=!!c;let F=false;typeof e.hidden=="boolean"&&(F=e.hidden);let n=e.validationRules;typeof e.required=="boolean"&&(typeof e.validationRules>"u"?n={required:e.required}:typeof e.validationRules=="string"&&e.validationRules==="email"?n={email:true,required:e.required}:typeof e.validationRules=="object"&&(n={...e.validationRules,required:e.required}));let x=u||U||F?{required:false}:G({...e,validationRules:n,label:b}),C=reactHookForm.useController({name:g,control:m,disabled:u,defaultValue:e.defaultValue,shouldUnregister:e.shouldUnregister,rules:x}),te=C.fieldState.invalid,oe=C.fieldState.error?.message,ne=reactHookForm.useWatch({name:g,control:m,defaultValue:e.defaultValue}),se=H.useMemo(()=>reactCore.debounce(me=>t(le=>({...le,[g]:me||null}))),[t]),ie=d(g),ae=n?.required;return {...e,setSelectedField:se,label:b,dataField:g,controller:C,invalid:te,messageError:oe,selectedField:ie,value:ne,required:ae}};var Ye=(t=>(t.alphabet="alphabet",t.alphaNumber="alphanumber",t.number="number",t.lowercase="lowercase",t.url="url",t.uppercase="uppercase",t.mixedCase="mixedcase",t.specialCharacters="specialcharacters",t))(Ye||{});var ct=q;exports.BgsFormArray=We;exports.BgsFormGroup=Me;exports.BgsReactFormProvider=V;exports.PatternTypeEnum=Ye;exports.default=ct;exports.useBgsController=mt;exports.useBgsForm=y;exports.useBgsFormArray=v;exports.useBgsFormArrayInit=K;exports.useBgsFormGroup=w;exports.useBgsFormInit=N;
1
+ 'use strict';Object.defineProperty(exports,'__esModule',{value:true});var j=require('react'),jsxRuntime=require('react/jsx-runtime'),reactCore=require('@bgscore/react-core'),reactHookForm=require('react-hook-form');function _interopDefault(e){return e&&e.__esModule?e:{default:e}}var j__default=/*#__PURE__*/_interopDefault(j);var E=j.createContext(void 0);function y(){let e=j.useContext(E);return e||{}}function v({children:e,controller:r,onSubmit:t}){let i=j.useRef([]),m=j.useCallback(o=>{let c=i.current.findIndex(d=>d.id===o.id);if(c>-1){let d=[...i.current];d[c]=o,i.current=[...d];}else i.current.push(o);},[i]),n=j.useCallback(o=>{i.current=i.current.filter(c=>c.id!==o);},[]),u=async(o,c)=>{r.setIsSubmit(true);let d=c?await r.formControl.trigger():true,a=r.getData();d&&t&&t({...a,...o},{...r});},l={...r,registerItem:m,unregisterItem:n,items:i.current,triggerSubmit:u};return jsxRuntime.jsx(E.Provider,{value:l,children:e})}var $=new WeakMap;function N(e){return $.has(e)||$.set(e,reactCore.createStore({})),$.get(e)}function A(e){if(typeof e!="object"||e===null||Array.isArray(e))return e;let r={};for(let[t,i]of Object.entries(e))if(t.includes(".")){let m=t.split("."),n=r;for(let u=0;u<m.length;u++){let l=m[u];u===m.length-1?n[l]=A(i):((!n[l]||typeof n[l]!="object")&&(n[l]={}),n=n[l]);}}else r[t]=A(i);return r}var K=(e,r)=>{e||(e={}),e=A(e);let t=j.useRef(null),[i,m]=j.useState(false),n=reactHookForm.useForm({...r,reValidateMode:"onSubmit",mode:"all",defaultValues:e}),u=N(n),l=j.useMemo(()=>reactCore.generateUUID(),[]),o=a=>a?reactCore.getFieldValue(reactCore.mappingUndefinedtoNull(n.getValues()),a):reactCore.mappingUndefinedtoNull(n.getValues()),d={...n,ref:t,reset:a=>{a?typeof a=="string"?n.resetField(a,{}):typeof a=="object"&&reactCore.isArray(a,0)&&a.forEach(p=>n.resetField(p)):n.reset();},updateData:a=>{let p=o();n.reset(A({...p,...a}));},getData:o,formControl:n,useFieldArray:a=>reactHookForm.useFieldArray({control:n.control,name:a}),useWatch:a=>reactHookForm.useWatch({control:n.control,name:a}),isSubmit:i,formId:l,setIsSubmit:m,useSelected:a=>u.useStore(p=>reactCore.getFieldValue(p,a)),setSelected:u.setState};return [d,d]};var Ie=({onSubmit:e,onChange:r,onInvalid:t,formData:i,controller:m,children:n,...u})=>{i&&(i=A(i));let l=m??K(),[o]=Array.isArray(l)?l:[l],c=j.useRef(void 0),d=async a=>{a.preventDefault(),a.stopPropagation(),o.setIsSubmit(true);let p=await o.formControl.trigger(),F=o.getData();p?e&&e({...F},{...o}):t&&t(o.formControl.formState.errors);};return j.useEffect(()=>{i&&reactCore.diffJson(c.current||{},i)&&(o.formControl.reset(i),c.current=i);},[i,o.formControl.reset]),j.useEffect(()=>{if(!r)return;let a=o.formControl.watch(r);return ()=>a.unsubscribe()},[]),jsxRuntime.jsx(jsxRuntime.Fragment,{children:jsxRuntime.jsx(v,{controller:{...o,disabled:u?.disabled,readOnly:u?.readOnly},onSubmit:e,children:jsxRuntime.jsx("form",{...u,id:o.formId,ref:o.ref,onSubmit:d,children:n})})})},H=Ie;var z=j.createContext(void 0);function B(){let e=j.useContext(z);return e||{}}function G({children:e,...r}){return jsxRuntime.jsx(z.Provider,{value:r,children:e})}var Z=e=>{let r=y(),t=reactHookForm.useFieldArray({control:r.control,name:e}),m={formArrayId:j.useMemo(()=>reactCore.generateUUID(),[]),...t,...r};return [m,m]};var X=({name:e,defaultData:r,controller:t,children:i})=>{let m=t??Z(e),[n]=Array.isArray(m)?m:[m];return j.useEffect(()=>{typeof r=="boolean"&&r?n.append({}):typeof r=="number"&&r>0?n.append([...Array(r).fill(null).map(()=>({}))]):typeof r=="object"&&r&&n.append(r);},[]),jsxRuntime.jsx(jsxRuntime.Fragment,{children:n.fields.map((u,l)=>{let o=`${e}.${l}.`,c={...n,index:l,fieldId:u.id,name:o,countFields:n.fields.length,removeItem:()=>n.remove(l),watchItem:d=>n.watch(d?`${o}${d}`:o.slice(0,-1)),setValueItem:(d,a)=>n.setValue(`${o}${d}`,a),useSelectedItem:d=>n.useSelected(`${o}${d}`)};return jsxRuntime.jsx(j__default.default.Fragment,{children:jsxRuntime.jsx(G,{...c,children:reactCore.renderChildren(i,c)})},u.id)})})};X.displayName="BgsFormArray";var We=X;j__default.default.memo(({children:e,props:r})=>jsxRuntime.jsx(jsxRuntime.Fragment,{children:reactCore.renderChildren(e,r)}));var Q=j.createContext(void 0);function O(){let e=j.useContext(Q);return e||{}}function W({children:e,...r}){return jsxRuntime.jsx(Q.Provider,{value:r,children:e})}var V=({children:e,...r})=>{let t=y(),i=j.useMemo(()=>reactCore.generateUUID(),[]);return jsxRuntime.jsx(jsxRuntime.Fragment,{children:jsxRuntime.jsx(W,{...t,...r,formGroupId:i,children:e})})};V.displayName="BgsFormGroup";var qe=V;var ee=j.createContext(void 0);function re(){let e=j.useContext(ee);return e||{}}function te({children:e,...r}){return jsxRuntime.jsx(ee.Provider,{value:r,children:e})}var Ze=/^(([^<>()[\]\\.,;:\s@\"]+(\.[^<>()[\]\\.,;:\s@\"]+)*)|(\".+\"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;function k({validationRules:e,label:r}){let{formControl:t,getData:i}=y(),m=[];return e&&(typeof e=="string"?oe(e,true,r,t,i,{}).forEach(n=>m.push(n)):typeof e=="object"&&Object.keys(e).forEach(n=>{let{validate:u}=m.find(o=>o.validate)||{};if(["minLength","maxLength","min","max","match","diff","regexp","pattern","required","email"].includes(n)){let o=e[n],c="";["match","diff"].includes(n)&&typeof o=="object"&&(o=e[n].dataField,c=e[n].label),o!=null&&oe(n,o,r,t,i,u,c).forEach(d=>m.push(d));}else if(typeof e[n]=="object"){let o=e[n];m.push({validate:{...u,[n]:c=>o.validation(c)||o.message&&(typeof o.message=="string"?o.message:o.message(r))}});}})),Object.assign({},...m)}var oe=(e,r,t,i,m,n,u)=>{let l=[],{validationMessage:o}=re(),{required:c,minLength:d,maxLength:a,min:p,max:F,email:T,match:g,diff:b,pattern:f}=o||{},h={required:s=>{if(!r)return true;let U=c?c(t):`${t} is required`;return typeof s=="string"&&!s.trim()||s==null?U:true},minLength:{value:r,message:d?d(t,r):`${t} must be at least ${r} characters long`},maxLength:{value:r,message:a?a(t,r):`${t} cannot be more than ${r} characters long`},min:{value:Number(r),message:p?p(t,r):`${t} should be at least ${r}`},max:{value:Number(r),message:F?F(t,r):`${t} should be at most ${r}`},regexp:(s="")=>s?new RegExp(r.regexp).test(s)||`${t} ${r.message}`:true,email:(s="")=>!r||!s?true:Ze.test(s)||(T?T(t):`${t} must be type email`),match:(s="")=>s?s===(m&&m(r))||(g?g(t,u||reactCore.labelFormatter.changeAll(r)):`${t} must be same with ${u||reactCore.labelFormatter.changeAll(r)}`):true,diff:(s="")=>s?s!==(m&&m(r))||(b?b(t,u||reactCore.labelFormatter.changeAll(r)):`${t} must be different with ${u||reactCore.labelFormatter.changeAll(r)}`):true,pattern:{alphabet:(s="")=>!!s&&new RegExp("^[A-Za-z ]*$").test(s)||(f?.alphabet?f?.alphabet(t):`${t} must be format Alphabet`),alphanumber:(s="")=>!!s&&new RegExp("^[A-Za-z0-9 ]*$").test(s)||(f?.alphanumber?f?.alphanumber(t):`${t} must be format Alphabet or Number`),number:(s="")=>!!s&&new RegExp("^[0-9]*$").test(s)||(f?.number?f?.number(t):`${t} must be format Number`),lowercase:(s="")=>!!s&&new RegExp("^[a-z0-9 ]*$").test(s)||(f?.lowercase?f?.lowercase(t):`${t} must be format Lowercase`),url:(s="")=>!!s&&/^(ftp|http|https):\/\/[^ "]+$/.test(s)||(f?.url?f?.url(t):`${t} must be a valid URL`),uppercase:(s="")=>!!s&&new RegExp("^[A-Z0-9 ]*$").test(s)||(f?.uppercase?f?.uppercase(t):`${t} must be format Uppercase`),mixedcase:(s="")=>!!s&&/[a-z]/.test(s)&&/[A-Z]/.test(s)||(f?.mixedcase?f?.mixedcase(t):`${t} must be mixed case`),specialcharacters:(s="")=>!!s&&/[^a-zA-Z0-9\s]/.test(s)||(f?.specialcharacters?f?.specialcharacters(t):`${t} must contain special characters`)}}[e];if(h){let{validate:s}=l.find(U=>U.validate)||{};typeof h=="function"?l.push({validate:{...s,...n,[e]:h}}):e==="pattern"?l.push({validate:{...s,...n,[`${e}${r}`]:h[r]}}):l.push({[e]:h});}return l};var ct=e=>{let r=j.useMemo(()=>reactCore.generateUUID(),[]),{registerItem:t,unregisterItem:i,control:m,disabled:n,readOnly:u,formId:l,setSelected:o,useSelected:c}=y(),{name:d,formId:a,...p}=O(),{name:F,formId:T}=B(),g=j.useMemo(()=>{let x=e.dataField;return e.disabledHierarchy||(F&&l===T&&(x=`${F}${x}`),d&&l===a&&(x=`${d}${x}`)),x},[F,l,T,e.dataField,d,a,e.disabledHierarchy]),b=j.useMemo(()=>{if(e.label)return e.label;if(!e.noLabel)return reactCore.labelFormatter.changeAll(g)},[e.label,e.noLabel,g]);j.useEffect(()=>(t({id:r,...e,dataField:g,label:b}),()=>{i(r);}),[r,e,g,b]);let f=false;typeof e.disabled=="boolean"?f=e.disabled:typeof p.disabled=="boolean"?f=p.disabled:f=!!n;let R=false;typeof e.readOnly=="boolean"?R=e.readOnly:typeof p.readOnly=="boolean"?R=p.readOnly:R=!!u;let h=false;typeof e.hidden=="boolean"&&(h=e.hidden);let s=e.validationRules;typeof e.required=="boolean"&&(typeof e.validationRules>"u"?s={required:e.required}:typeof e.validationRules=="string"&&e.validationRules==="email"?s={email:true,required:e.required}:typeof e.validationRules=="object"&&(s={...e.validationRules,required:e.required}));let U=f||R||h?{required:false}:k({...e,validationRules:s,label:b}),S=reactHookForm.useController({name:g,control:m,disabled:f,defaultValue:e.defaultValue,shouldUnregister:e.shouldUnregister,rules:U}),ne=S.fieldState.invalid,se=S.fieldState.error?.message,ie=reactHookForm.useWatch({name:g,control:m,defaultValue:e.defaultValue}),ae=j.useMemo(()=>reactCore.debounce(x=>o(de=>({...de,[g]:x||null}))),[o,g]),me=c(g),le=s?.required;return {...e,setSelectedField:ae,label:b,dataField:g,controller:S,invalid:ne,messageError:se,selectedField:me,value:ie,required:le}};var Ve=(o=>(o.alphabet="alphabet",o.alphaNumber="alphanumber",o.number="number",o.lowercase="lowercase",o.url="url",o.uppercase="uppercase",o.mixedCase="mixedcase",o.specialCharacters="specialcharacters",o))(Ve||{});var yt=H;exports.BgsFormArray=We;exports.BgsFormGroup=qe;exports.BgsReactFormProvider=te;exports.PatternTypeEnum=Ve;exports.default=yt;exports.useBgsController=ct;exports.useBgsForm=y;exports.useBgsFormArray=B;exports.useBgsFormArrayInit=Z;exports.useBgsFormGroup=O;exports.useBgsFormInit=K;
package/dist/index.js CHANGED
@@ -1 +1 @@
1
- import H,{createContext,useContext,useRef,useState,useMemo,useEffect,useCallback}from'react';import {jsx,Fragment}from'react/jsx-runtime';import {renderChildren,generateUUID,getFieldValue,mappingUndefinedtoNull,diffJson,labelFormatter,debounce,isArray,createStore}from'@bgscore/react-core';import {useForm,useWatch,useFieldArray,useController}from'react-hook-form';var O=createContext(void 0);function y(){let e=useContext(O);return e||{}}function I({children:e,controller:r,onSubmit:o}){let a=useRef([]),m=useCallback(t=>{let d=a.current.findIndex(l=>l.id===t.id);if(d>-1){let l=[...a.current];l[d]=t,a.current=[...l];}else a.current.push(t);},[a]),s=useCallback(t=>{a.current=a.current.filter(d=>d.id!==t);},[]),c=async(t,d)=>{r.setIsSubmit(true);let l=d?await r.formControl.trigger():true,i=r.getData();l&&o&&o({...i,...t},{...r});},f={...r,registerItem:m,unregisterItem:s,items:a.current,triggerSubmit:c};return jsx(O.Provider,{value:f,children:e})}var P=new WeakMap;function k(e){return P.has(e)||P.set(e,createStore({})),P.get(e)}var N=(e,r)=>{e||(e={});let o=useRef(null),[a,m]=useState(false),s=useForm({...r,reValidateMode:"onSubmit",mode:"all",defaultValues:e}),c=k(s),f=useMemo(()=>generateUUID(),[]),t=i=>i?getFieldValue(mappingUndefinedtoNull(s.getValues()),i):mappingUndefinedtoNull(s.getValues()),l={...s,ref:o,reset:i=>{i?typeof i=="string"?s.resetField(i,{}):typeof i=="object"&&isArray(i,0)&&i.forEach(p=>s.resetField(p)):s.reset();},updateData:i=>{let p=t();s.reset({...p,...i});},getData:t,formControl:s,useFieldArray:i=>useFieldArray({control:s.control,name:i}),useWatch:i=>useWatch({control:s.control,name:i}),isSubmit:a,formId:f,setIsSubmit:m,useSelected:i=>c.useStore(p=>getFieldValue(p,i)),setSelected:c.setState};return [l,l]};var Ce=({onSubmit:e,onChange:r,onInvalid:o,formData:a,controller:m,children:s,...c})=>{let f=m??N(),[t]=Array.isArray(f)?f:[f],d=useRef(void 0),l=async i=>{i.preventDefault(),i.stopPropagation(),t.setIsSubmit(true);let p=await t.formControl.trigger(),h=t.getData();p?e&&e({...h},{...t}):o&&o(t.formControl.formState.errors);};return useEffect(()=>{a&&diffJson(d.current||{},a)&&(t.formControl.reset(a),d.current=a);},[a,t.formControl.reset]),useEffect(()=>{if(!r)return;let i=t.formControl.watch(r);return ()=>i.unsubscribe()},[]),jsx(Fragment,{children:jsx(I,{controller:{...t,disabled:c?.disabled,readOnly:c?.readOnly},onSubmit:e,children:jsx("form",{...c,id:t.formId,ref:t.ref,onSubmit:l,children:s})})})},q=Ce;var D=createContext(void 0);function v(){let e=useContext(D);return e||{}}function $({children:e,...r}){return jsx(D.Provider,{value:r,children:e})}var K=e=>{let r=y(),o=useFieldArray({control:r.control,name:e}),m={formArrayId:useMemo(()=>generateUUID(),[]),...o,...r};return [m,m]};var Z=({name:e,defaultData:r,controller:o,children:a})=>{let m=o??K(e),[s]=Array.isArray(m)?m:[m];return useEffect(()=>{typeof r=="boolean"&&r?s.append({}):typeof r=="number"&&r>0?s.append([...Array(r).fill(null).map(()=>({}))]):typeof r=="object"&&r&&s.append(r);},[]),jsx(Fragment,{children:s.fields.map((c,f)=>{let t=`${e}.${f}.`,d={...s,index:f,fieldId:c.id,name:t,countFields:s.fields.length,removeItem:()=>s.remove(f),watchItem:l=>s.watch(l?`${t}${l}`:t.slice(0,-1)),setValueItem:(l,i)=>s.setValue(`${t}${l}`,i),useSelectedItem:l=>s.useSelected(`${t}${l}`)};return jsx(H.Fragment,{children:jsx($,{...d,children:renderChildren(a,d)})},c.id)})})};Z.displayName="BgsFormArray";var We=Z;H.memo(({children:e,props:r})=>jsx(Fragment,{children:renderChildren(e,r)}));var J=createContext(void 0);function w(){let e=useContext(J);return e||{}}function B({children:e,...r}){return jsx(J.Provider,{value:r,children:e})}var _=({children:e,...r})=>{let o=y(),a=useMemo(()=>generateUUID(),[]);return jsx(Fragment,{children:jsx(B,{...o,...r,formGroupId:a,children:e})})};_.displayName="BgsFormGroup";var Me=_;var Q=createContext(void 0);function Y(){let e=useContext(Q);return e||{}}function V({children:e,...r}){return jsx(Q.Provider,{value:r,children:e})}var ze=/^(([^<>()[\]\\.,;:\s@\"]+(\.[^<>()[\]\\.,;:\s@\"]+)*)|(\".+\"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;function G({validationRules:e,label:r}){let{formControl:o,getData:a}=y(),m=[];return e&&(typeof e=="string"?ee(e,true,r,o,a,{}).forEach(s=>m.push(s)):typeof e=="object"&&Object.keys(e).forEach(s=>{let{validate:c}=m.find(t=>t.validate)||{};if(["minLength","maxLength","min","max","match","diff","regexp","pattern","required","email"].includes(s)){let t=e[s],d="";["match","diff"].includes(s)&&typeof t=="object"&&(t=e[s].dataField,d=e[s].label),t!=null&&ee(s,t,r,o,a,c,d).forEach(l=>m.push(l));}else if(typeof e[s]=="object"){let t=e[s];m.push({validate:{...c,[s]:d=>t.validation(d)||t.message&&(typeof t.message=="string"?t.message:t.message(r))}});}})),Object.assign({},...m)}var ee=(e,r,o,a,m,s,c)=>{let f=[],{validationMessage:t}=Y(),{required:d,minLength:l,maxLength:i,min:p,max:h,email:A,match:b,diff:g,pattern:u}=t||{},F={required:n=>{if(!r)return true;let x=d?d(o):`${o} is required`;return typeof n=="string"&&!n.trim()||n==null?x:true},minLength:{value:r,message:l?l(o,r):`${o} must be at least ${r} characters long`},maxLength:{value:r,message:i?i(o,r):`${o} cannot be more than ${r} characters long`},min:{value:Number(r),message:p?p(o,r):`${o} should be at least ${r}`},max:{value:Number(r),message:h?h(o,r):`${o} should be at most ${r}`},regexp:(n="")=>n?new RegExp(r.regexp).test(n)||`${o} ${r.message}`:true,email:(n="")=>!r||!n?true:ze.test(n)||(A?A(o):`${o} must be type email`),match:(n="")=>n?n===(m&&m(r))||(b?b(o,c||labelFormatter.changeAll(r)):`${o} must be same with ${c||labelFormatter.changeAll(r)}`):true,diff:(n="")=>n?n!==(m&&m(r))||(g?g(o,c||labelFormatter.changeAll(r)):`${o} must be different with ${c||labelFormatter.changeAll(r)}`):true,pattern:{alphabet:(n="")=>!!n&&new RegExp("^[A-Za-z ]*$").test(n)||(u?.alphabet?u?.alphabet(o):`${o} must be format Alphabet`),alphanumber:(n="")=>!!n&&new RegExp("^[A-Za-z0-9 ]*$").test(n)||(u?.alphanumber?u?.alphanumber(o):`${o} must be format Alphabet or Number`),number:(n="")=>!!n&&new RegExp("^[0-9]*$").test(n)||(u?.number?u?.number(o):`${o} must be format Number`),lowercase:(n="")=>!!n&&new RegExp("^[a-z0-9 ]*$").test(n)||(u?.lowercase?u?.lowercase(o):`${o} must be format Lowercase`),url:(n="")=>!!n&&/^(ftp|http|https):\/\/[^ "]+$/.test(n)||(u?.url?u?.url(o):`${o} must be a valid URL`),uppercase:(n="")=>!!n&&new RegExp("^[A-Z0-9 ]*$").test(n)||(u?.uppercase?u?.uppercase(o):`${o} must be format Uppercase`),mixedcase:(n="")=>!!n&&/[a-z]/.test(n)&&/[A-Z]/.test(n)||(u?.mixedcase?u?.mixedcase(o):`${o} must be mixed case`),specialcharacters:(n="")=>!!n&&/[^a-zA-Z0-9\s]/.test(n)||(u?.specialcharacters?u?.specialcharacters(o):`${o} must contain special characters`)}}[e];if(F){let{validate:n}=f.find(x=>x.validate)||{};typeof F=="function"?f.push({validate:{...n,...s,[e]:F}}):e==="pattern"?f.push({validate:{...n,...s,[`${e}${r}`]:F[r]}}):f.push({[e]:F});}return f};var mt=e=>{let r=useMemo(()=>generateUUID(),[]),{registerItem:o,unregisterItem:a,control:m,disabled:s,readOnly:c,formId:f,setSelected:t,useSelected:d}=y(),{name:l,formId:i,...p}=w(),{formId:h,name:A}=v(),b=e.label,g=e.dataField;useEffect(()=>(o({id:r,...e}),()=>{a(r);}),[r,e]),!e.label&&!e.noLabel&&(b=labelFormatter.changeAll(g)),e.disabledHierarchy||(A&&f===h&&(g=`${A}${g}`),l&&f===i&&(g=`${l}${g}`));let u=false;typeof e.disabled=="boolean"?u=e.disabled:typeof p.disabled=="boolean"?u=p.disabled:u=!!s;let U=false;typeof e.readOnly=="boolean"?U=e.readOnly:typeof p.readOnly=="boolean"?U=p.readOnly:U=!!c;let F=false;typeof e.hidden=="boolean"&&(F=e.hidden);let n=e.validationRules;typeof e.required=="boolean"&&(typeof e.validationRules>"u"?n={required:e.required}:typeof e.validationRules=="string"&&e.validationRules==="email"?n={email:true,required:e.required}:typeof e.validationRules=="object"&&(n={...e.validationRules,required:e.required}));let x=u||U||F?{required:false}:G({...e,validationRules:n,label:b}),C=useController({name:g,control:m,disabled:u,defaultValue:e.defaultValue,shouldUnregister:e.shouldUnregister,rules:x}),te=C.fieldState.invalid,oe=C.fieldState.error?.message,ne=useWatch({name:g,control:m,defaultValue:e.defaultValue}),se=useMemo(()=>debounce(me=>t(le=>({...le,[g]:me||null}))),[t]),ie=d(g),ae=n?.required;return {...e,setSelectedField:se,label:b,dataField:g,controller:C,invalid:te,messageError:oe,selectedField:ie,value:ne,required:ae}};var Ye=(t=>(t.alphabet="alphabet",t.alphaNumber="alphanumber",t.number="number",t.lowercase="lowercase",t.url="url",t.uppercase="uppercase",t.mixedCase="mixedcase",t.specialCharacters="specialcharacters",t))(Ye||{});var ct=q;export{We as BgsFormArray,Me as BgsFormGroup,V as BgsReactFormProvider,Ye as PatternTypeEnum,ct as default,mt as useBgsController,y as useBgsForm,v as useBgsFormArray,K as useBgsFormArrayInit,w as useBgsFormGroup,N as useBgsFormInit};
1
+ import j,{createContext,useContext,useRef,useState,useMemo,useEffect,useCallback}from'react';import {jsx,Fragment}from'react/jsx-runtime';import {renderChildren,generateUUID,getFieldValue,mappingUndefinedtoNull,diffJson,labelFormatter,debounce,isArray,createStore}from'@bgscore/react-core';import {useForm,useWatch,useFieldArray,useController}from'react-hook-form';var E=createContext(void 0);function y(){let e=useContext(E);return e||{}}function v({children:e,controller:r,onSubmit:t}){let i=useRef([]),m=useCallback(o=>{let c=i.current.findIndex(d=>d.id===o.id);if(c>-1){let d=[...i.current];d[c]=o,i.current=[...d];}else i.current.push(o);},[i]),n=useCallback(o=>{i.current=i.current.filter(c=>c.id!==o);},[]),u=async(o,c)=>{r.setIsSubmit(true);let d=c?await r.formControl.trigger():true,a=r.getData();d&&t&&t({...a,...o},{...r});},l={...r,registerItem:m,unregisterItem:n,items:i.current,triggerSubmit:u};return jsx(E.Provider,{value:l,children:e})}var $=new WeakMap;function N(e){return $.has(e)||$.set(e,createStore({})),$.get(e)}function A(e){if(typeof e!="object"||e===null||Array.isArray(e))return e;let r={};for(let[t,i]of Object.entries(e))if(t.includes(".")){let m=t.split("."),n=r;for(let u=0;u<m.length;u++){let l=m[u];u===m.length-1?n[l]=A(i):((!n[l]||typeof n[l]!="object")&&(n[l]={}),n=n[l]);}}else r[t]=A(i);return r}var K=(e,r)=>{e||(e={}),e=A(e);let t=useRef(null),[i,m]=useState(false),n=useForm({...r,reValidateMode:"onSubmit",mode:"all",defaultValues:e}),u=N(n),l=useMemo(()=>generateUUID(),[]),o=a=>a?getFieldValue(mappingUndefinedtoNull(n.getValues()),a):mappingUndefinedtoNull(n.getValues()),d={...n,ref:t,reset:a=>{a?typeof a=="string"?n.resetField(a,{}):typeof a=="object"&&isArray(a,0)&&a.forEach(p=>n.resetField(p)):n.reset();},updateData:a=>{let p=o();n.reset(A({...p,...a}));},getData:o,formControl:n,useFieldArray:a=>useFieldArray({control:n.control,name:a}),useWatch:a=>useWatch({control:n.control,name:a}),isSubmit:i,formId:l,setIsSubmit:m,useSelected:a=>u.useStore(p=>getFieldValue(p,a)),setSelected:u.setState};return [d,d]};var Ie=({onSubmit:e,onChange:r,onInvalid:t,formData:i,controller:m,children:n,...u})=>{i&&(i=A(i));let l=m??K(),[o]=Array.isArray(l)?l:[l],c=useRef(void 0),d=async a=>{a.preventDefault(),a.stopPropagation(),o.setIsSubmit(true);let p=await o.formControl.trigger(),F=o.getData();p?e&&e({...F},{...o}):t&&t(o.formControl.formState.errors);};return useEffect(()=>{i&&diffJson(c.current||{},i)&&(o.formControl.reset(i),c.current=i);},[i,o.formControl.reset]),useEffect(()=>{if(!r)return;let a=o.formControl.watch(r);return ()=>a.unsubscribe()},[]),jsx(Fragment,{children:jsx(v,{controller:{...o,disabled:u?.disabled,readOnly:u?.readOnly},onSubmit:e,children:jsx("form",{...u,id:o.formId,ref:o.ref,onSubmit:d,children:n})})})},H=Ie;var z=createContext(void 0);function B(){let e=useContext(z);return e||{}}function G({children:e,...r}){return jsx(z.Provider,{value:r,children:e})}var Z=e=>{let r=y(),t=useFieldArray({control:r.control,name:e}),m={formArrayId:useMemo(()=>generateUUID(),[]),...t,...r};return [m,m]};var X=({name:e,defaultData:r,controller:t,children:i})=>{let m=t??Z(e),[n]=Array.isArray(m)?m:[m];return useEffect(()=>{typeof r=="boolean"&&r?n.append({}):typeof r=="number"&&r>0?n.append([...Array(r).fill(null).map(()=>({}))]):typeof r=="object"&&r&&n.append(r);},[]),jsx(Fragment,{children:n.fields.map((u,l)=>{let o=`${e}.${l}.`,c={...n,index:l,fieldId:u.id,name:o,countFields:n.fields.length,removeItem:()=>n.remove(l),watchItem:d=>n.watch(d?`${o}${d}`:o.slice(0,-1)),setValueItem:(d,a)=>n.setValue(`${o}${d}`,a),useSelectedItem:d=>n.useSelected(`${o}${d}`)};return jsx(j.Fragment,{children:jsx(G,{...c,children:renderChildren(i,c)})},u.id)})})};X.displayName="BgsFormArray";var We=X;j.memo(({children:e,props:r})=>jsx(Fragment,{children:renderChildren(e,r)}));var Q=createContext(void 0);function O(){let e=useContext(Q);return e||{}}function W({children:e,...r}){return jsx(Q.Provider,{value:r,children:e})}var V=({children:e,...r})=>{let t=y(),i=useMemo(()=>generateUUID(),[]);return jsx(Fragment,{children:jsx(W,{...t,...r,formGroupId:i,children:e})})};V.displayName="BgsFormGroup";var qe=V;var ee=createContext(void 0);function re(){let e=useContext(ee);return e||{}}function te({children:e,...r}){return jsx(ee.Provider,{value:r,children:e})}var Ze=/^(([^<>()[\]\\.,;:\s@\"]+(\.[^<>()[\]\\.,;:\s@\"]+)*)|(\".+\"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;function k({validationRules:e,label:r}){let{formControl:t,getData:i}=y(),m=[];return e&&(typeof e=="string"?oe(e,true,r,t,i,{}).forEach(n=>m.push(n)):typeof e=="object"&&Object.keys(e).forEach(n=>{let{validate:u}=m.find(o=>o.validate)||{};if(["minLength","maxLength","min","max","match","diff","regexp","pattern","required","email"].includes(n)){let o=e[n],c="";["match","diff"].includes(n)&&typeof o=="object"&&(o=e[n].dataField,c=e[n].label),o!=null&&oe(n,o,r,t,i,u,c).forEach(d=>m.push(d));}else if(typeof e[n]=="object"){let o=e[n];m.push({validate:{...u,[n]:c=>o.validation(c)||o.message&&(typeof o.message=="string"?o.message:o.message(r))}});}})),Object.assign({},...m)}var oe=(e,r,t,i,m,n,u)=>{let l=[],{validationMessage:o}=re(),{required:c,minLength:d,maxLength:a,min:p,max:F,email:T,match:g,diff:b,pattern:f}=o||{},h={required:s=>{if(!r)return true;let U=c?c(t):`${t} is required`;return typeof s=="string"&&!s.trim()||s==null?U:true},minLength:{value:r,message:d?d(t,r):`${t} must be at least ${r} characters long`},maxLength:{value:r,message:a?a(t,r):`${t} cannot be more than ${r} characters long`},min:{value:Number(r),message:p?p(t,r):`${t} should be at least ${r}`},max:{value:Number(r),message:F?F(t,r):`${t} should be at most ${r}`},regexp:(s="")=>s?new RegExp(r.regexp).test(s)||`${t} ${r.message}`:true,email:(s="")=>!r||!s?true:Ze.test(s)||(T?T(t):`${t} must be type email`),match:(s="")=>s?s===(m&&m(r))||(g?g(t,u||labelFormatter.changeAll(r)):`${t} must be same with ${u||labelFormatter.changeAll(r)}`):true,diff:(s="")=>s?s!==(m&&m(r))||(b?b(t,u||labelFormatter.changeAll(r)):`${t} must be different with ${u||labelFormatter.changeAll(r)}`):true,pattern:{alphabet:(s="")=>!!s&&new RegExp("^[A-Za-z ]*$").test(s)||(f?.alphabet?f?.alphabet(t):`${t} must be format Alphabet`),alphanumber:(s="")=>!!s&&new RegExp("^[A-Za-z0-9 ]*$").test(s)||(f?.alphanumber?f?.alphanumber(t):`${t} must be format Alphabet or Number`),number:(s="")=>!!s&&new RegExp("^[0-9]*$").test(s)||(f?.number?f?.number(t):`${t} must be format Number`),lowercase:(s="")=>!!s&&new RegExp("^[a-z0-9 ]*$").test(s)||(f?.lowercase?f?.lowercase(t):`${t} must be format Lowercase`),url:(s="")=>!!s&&/^(ftp|http|https):\/\/[^ "]+$/.test(s)||(f?.url?f?.url(t):`${t} must be a valid URL`),uppercase:(s="")=>!!s&&new RegExp("^[A-Z0-9 ]*$").test(s)||(f?.uppercase?f?.uppercase(t):`${t} must be format Uppercase`),mixedcase:(s="")=>!!s&&/[a-z]/.test(s)&&/[A-Z]/.test(s)||(f?.mixedcase?f?.mixedcase(t):`${t} must be mixed case`),specialcharacters:(s="")=>!!s&&/[^a-zA-Z0-9\s]/.test(s)||(f?.specialcharacters?f?.specialcharacters(t):`${t} must contain special characters`)}}[e];if(h){let{validate:s}=l.find(U=>U.validate)||{};typeof h=="function"?l.push({validate:{...s,...n,[e]:h}}):e==="pattern"?l.push({validate:{...s,...n,[`${e}${r}`]:h[r]}}):l.push({[e]:h});}return l};var ct=e=>{let r=useMemo(()=>generateUUID(),[]),{registerItem:t,unregisterItem:i,control:m,disabled:n,readOnly:u,formId:l,setSelected:o,useSelected:c}=y(),{name:d,formId:a,...p}=O(),{name:F,formId:T}=B(),g=useMemo(()=>{let x=e.dataField;return e.disabledHierarchy||(F&&l===T&&(x=`${F}${x}`),d&&l===a&&(x=`${d}${x}`)),x},[F,l,T,e.dataField,d,a,e.disabledHierarchy]),b=useMemo(()=>{if(e.label)return e.label;if(!e.noLabel)return labelFormatter.changeAll(g)},[e.label,e.noLabel,g]);useEffect(()=>(t({id:r,...e,dataField:g,label:b}),()=>{i(r);}),[r,e,g,b]);let f=false;typeof e.disabled=="boolean"?f=e.disabled:typeof p.disabled=="boolean"?f=p.disabled:f=!!n;let R=false;typeof e.readOnly=="boolean"?R=e.readOnly:typeof p.readOnly=="boolean"?R=p.readOnly:R=!!u;let h=false;typeof e.hidden=="boolean"&&(h=e.hidden);let s=e.validationRules;typeof e.required=="boolean"&&(typeof e.validationRules>"u"?s={required:e.required}:typeof e.validationRules=="string"&&e.validationRules==="email"?s={email:true,required:e.required}:typeof e.validationRules=="object"&&(s={...e.validationRules,required:e.required}));let U=f||R||h?{required:false}:k({...e,validationRules:s,label:b}),S=useController({name:g,control:m,disabled:f,defaultValue:e.defaultValue,shouldUnregister:e.shouldUnregister,rules:U}),ne=S.fieldState.invalid,se=S.fieldState.error?.message,ie=useWatch({name:g,control:m,defaultValue:e.defaultValue}),ae=useMemo(()=>debounce(x=>o(de=>({...de,[g]:x||null}))),[o,g]),me=c(g),le=s?.required;return {...e,setSelectedField:ae,label:b,dataField:g,controller:S,invalid:ne,messageError:se,selectedField:me,value:ie,required:le}};var Ve=(o=>(o.alphabet="alphabet",o.alphaNumber="alphanumber",o.number="number",o.lowercase="lowercase",o.url="url",o.uppercase="uppercase",o.mixedCase="mixedcase",o.specialCharacters="specialcharacters",o))(Ve||{});var yt=H;export{We as BgsFormArray,qe as BgsFormGroup,te as BgsReactFormProvider,Ve as PatternTypeEnum,yt as default,ct as useBgsController,y as useBgsForm,B as useBgsFormArray,Z as useBgsFormArrayInit,O as useBgsFormGroup,K as useBgsFormInit};
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@bgscore/react-form",
3
- "version": "1.0.3",
3
+ "version": "1.0.5",
4
4
  "description": "React form component library using context and react-hook-form with dynamic arrays, groups, and validations.",
5
5
  "main": "dist/index.cjs",
6
6
  "module": "dist/index.js",