@bgscore/react-form 1.0.1 → 1.0.3
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 +1 -1
- package/dist/index.d.cts +1 -1
- package/dist/index.d.ts +1 -1
- package/dist/index.js +1 -1
- package/package.json +1 -1
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]),
|
|
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;
|
package/dist/index.d.cts
CHANGED
|
@@ -117,7 +117,7 @@ interface ValidationOptions {
|
|
|
117
117
|
email?: boolean;
|
|
118
118
|
[x: string]: ValidationCallback | string | number | undefined | boolean | object;
|
|
119
119
|
}
|
|
120
|
-
type ValidationRules =
|
|
120
|
+
type ValidationRules = ValidationOptions;
|
|
121
121
|
interface FormGroupProps {
|
|
122
122
|
name: string;
|
|
123
123
|
disabled?: boolean;
|
package/dist/index.d.ts
CHANGED
|
@@ -117,7 +117,7 @@ interface ValidationOptions {
|
|
|
117
117
|
email?: boolean;
|
|
118
118
|
[x: string]: ValidationCallback | string | number | undefined | boolean | object;
|
|
119
119
|
}
|
|
120
|
-
type ValidationRules =
|
|
120
|
+
type ValidationRules = ValidationOptions;
|
|
121
121
|
interface FormGroupProps {
|
|
122
122
|
name: string;
|
|
123
123
|
disabled?: boolean;
|
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]),
|
|
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};
|
package/package.json
CHANGED