@bgscore/react-form 0.0.33 → 0.0.35

package/dist/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }var _react = require('react'); var _react2 = _interopRequireDefault(_react);var _jsxruntime = require('react/jsx-runtime');var N=_react.createContext.call(void 0, void 0);function y(){let e=_react.useContext.call(void 0, N);return e||{}}function R({children:e,controller:r,onSubmit:t}){let i=_react.useRef.call(void 0, []),m=_react.useCallback.call(void 0, o=>{let p=i.current.findIndex(u=>u.id===o.id);if(p>-1){let u=[...i.current];u[p]=o,i.current=[...u]}else i.current.push(o)},[i]),n=_react.useCallback.call(void 0, o=>{i.current=i.current.filter(p=>p.id!==o)},[]),c=async(o,p)=>{r.setIsSubmit(!0);let u=p?await r.formControl.trigger():!0,a=r.getData();u&&t&&t({...a,...o},{...r})},l={...r,registerItem:m,unregisterItem:n,items:i.current,triggerSubmit:c};return _jsxruntime.jsx.call(void 0, N.Provider,{value:l,children:e})}function b(){let e=()=>Math.random()*16%16|0;return"xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g,r=>(r==="x"?e():e()&3|8).toString(16))}function L(e,r){return typeof e=="function"?e(r):e}var F={camelCase:(e="")=>(e=e.split(".").map(r=>(r=r.charAt(0).toUpperCase()+r.slice(1),r)).join(" "),e=e.replace(/([a-z0-9])([A-Z])/g,"$1 $2"),e.charAt(0).toUpperCase()+e.slice(1)),snackCase:(e="")=>{let t=e.replace(/_([a-z])/g,(i,m)=>m.toUpperCase()).replace(/([A-Z])/g," $1");return t=t.charAt(0).toUpperCase()+t.slice(1),t},changeAll:(e="",r=!1)=>{let t="";try{e=_optionalChain([e, 'optionalAccess', _2 => _2.split, 'call', _3 => _3("."), 'access', _4 => _4[_optionalChain([e, 'optionalAccess', _5 => _5.split, 'call', _6 => _6("."), 'optionalAccess', _7 => _7.length])-1]]),e=_optionalChain([e, 'optionalAccess', _8 => _8.split, 'call', _9 => _9("[]"), 'access', _10 => _10[_optionalChain([e, 'optionalAccess', _11 => _11.split, 'call', _12 => _12("[]"), 'optionalAccess', _13 => _13.length])-1]]),t=F.snackCase(F.camelCase(e)),r&&(t=_optionalChain([t, 'optionalAccess', _14 => _14.split, 'call', _15 => _15(" "), 'optionalAccess', _16 => _16.map, 'call', _17 => _17(i=>_optionalChain([i, 'optionalAccess', _18 => _18.length])<=3?_optionalChain([i, 'optionalAccess', _19 => _19.toUpperCase, 'call', _20 => _20()]):i), 'optionalAccess', _21 => _21.join, 'call', _22 => _22(" ")]))}catch (e2){}return t}};function E(e,r){try{return JSON.stringify(e)!==JSON.stringify(r)}catch (e3){return!1}}var P=e=>(Object.keys(e).forEach(r=>{e[r]===void 0&&(e[r]=null)}),e),C= exports.getFieldValue =(e,r,t="")=>{if(!e)return t;if(e.hasOwnProperty(r))return e[r];let i=r.replace(/\[(\d+)\]/g,".$1").split("."),m=e;for(let n of i){if(m==null)return t;m=m[n]}return m===void 0?t:m};function K(e,r){let t=!1;return e&&typeof e=="object"&&Array.isArray(e)&&(typeof r=="number"?e.length>r&&(t=!0):t=!0),t}var _reacthookform = require('react-hook-form');function M(e){let r=e,t=new Set;function i(){return r}function m(l){return t.add(l),()=>t.delete(l)}function n(l){typeof l=="function"?r=l(r):r=l,t.forEach(o=>o())}function c(l){return _react.useSyncExternalStore.call(void 0, m,()=>l?l(r):r,()=>l?l(r):r)}return{getSnapshot:i,subscribe:m,setState:n,useStore:c}}var I=new WeakMap;function S(e){return I.has(e)||I.set(e,M({})),I.get(e)}var D=(e,r)=>{e||(e={});let t=_react.useRef.call(void 0, null),[i,m]=_react.useState.call(void 0, !1),n=_reacthookform.useForm.call(void 0, {...r,reValidateMode:"onSubmit",mode:"all",defaultValues:e}),c=S(n),l=_react.useMemo.call(void 0, ()=>b(),[]),o=a=>a?C(P(n.getValues()),a):P(n.getValues()),u={...n,ref:t,reset:a=>{a?typeof a=="string"?n.resetField(a,{}):typeof a=="object"&&K(a,0)&&a.forEach(f=>n.resetField(f)):n.reset()},updateData:a=>{let f=o();n.reset({...f,...a})},getData:o,formControl:n,useFieldArray:a=>_reacthookform.useFieldArray.call(void 0, {control:n.control,name:a}),useWatch:a=>_reacthookform.useWatch.call(void 0, {control:n.control,name:a}),isSubmit:i,formId:l,setIsSubmit:m,useSelected:a=>c.useStore(f=>C(f,a)),setSelected:c.setState};return[u,u]};var fe=({onSubmit:e,onChange:r=()=>{},onInvalid:t=()=>{},formData:i,controller:m,children:n,...c})=>{let l=_nullishCoalesce(m, () => (D())),[o]=Array.isArray(l)?l:[l],p=_react.useRef.call(void 0, void 0),u=async a=>{a.preventDefault(),a.stopPropagation(),o.setIsSubmit(!0);let f=await o.formControl.trigger(),x=o.getData();f?e&&e({...x},{...o}):t(o.formControl.formState.errors)};return _react.useEffect.call(void 0, ()=>{i&&E(p.current||{},i)&&(o.formControl.reset(i),p.current=i)},[i,o.formControl.reset]),_react.useEffect.call(void 0, ()=>{if(!r)return;let a=o.formControl.watch(r);return()=>a.unsubscribe()},[]),_jsxruntime.jsx.call(void 0, _jsxruntime.Fragment,{children:_jsxruntime.jsx.call(void 0, R,{controller:{...o,disabled:_optionalChain([c, 'optionalAccess', _23 => _23.disabled]),readOnly:_optionalChain([c, 'optionalAccess', _24 => _24.readOnly])},onSubmit:e,children:_jsxruntime.jsx.call(void 0, "form",{...c,id:o.formId,ref:o.ref,onSubmit:u,children:n})})})},Z=fe;var q=_react.createContext.call(void 0, void 0);function w(){let e=_react.useContext.call(void 0, q);return e||{}}function B({children:e,...r}){return _jsxruntime.jsx.call(void 0, q.Provider,{value:r,children:e})}var H=e=>{let r=y(),t=_reacthookform.useFieldArray.call(void 0, {control:r.control,name:e}),m={formArrayId:_react.useMemo.call(void 0, ()=>b(),[]),...t,...r};return[m,m]};var j=({name:e,defaultData:r,controller:t,children:i})=>{let m=_nullishCoalesce(t, () => (H(e))),[n]=Array.isArray(m)?m:[m];return _react.useEffect.call(void 0, ()=>{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.call(void 0, _jsxruntime.Fragment,{children:n.fields.map((c,l)=>{let o=S(n.formControl),p=`${e}.${l}.`,u={...n,index:l,name:p,countFields:n.fields.length,removeItem:()=>n.remove(l),watchItem:a=>n.watch(a?`${p}${a}`:p.slice(0,-1)),setValueItem:(a,f)=>n.setValue(`${p}${a}`,f),useSelectedItem:a=>n.useSelected(`${p}${a}`)};return _jsxruntime.jsx.call(void 0, _react2.default.Fragment,{children:_jsxruntime.jsx.call(void 0, B,{...u,children:L(i,u)})},c.id||l)})})};j.displayName="BgsFormArray";var Ue=j;var J=_react.createContext.call(void 0, void 0);function O(){let e=_react.useContext.call(void 0, J);return e||{}}function W({children:e,...r}){return _jsxruntime.jsx.call(void 0, J.Provider,{value:r,children:e})}var Q=({children:e,...r})=>{let t=y(),i=_react.useMemo.call(void 0, ()=>b(),[]);return _jsxruntime.jsx.call(void 0, _jsxruntime.Fragment,{children:_jsxruntime.jsx.call(void 0, W,{...t,...r,formGroupId:i,children:e})})};Q.displayName="BgsFormGroup";var $e=Q;var X=_react.createContext.call(void 0, void 0);function Y(){let e=_react.useContext.call(void 0, X);return e||{}}function V({children:e,...r}){return _jsxruntime.jsx.call(void 0, X.Provider,{value:r,children:e})}function k({validationRules:e,label:r}){let{formControl:t,getData:i}=y(),m=[];return e&&(typeof e=="string"?ee(e,!0,r,t,i,{}).forEach(n=>m.push(n)):typeof e=="object"&&Object.keys(e).forEach(n=>{let{validate:c}=m.find(o=>o.validate)||{};if(["minLength","maxLength","min","max","match","diff","regexp","pattern","required","email"].includes(n)){let o=e[n],p="";if(n==="email"&&!o)return;["match","diff"].includes(n)&&typeof o=="object"&&(o=e[n].dataField,p=e[n].label),o!=null&&ee(n,o,r,t,i,c,p).forEach(u=>m.push(u))}else if(typeof e[n]=="object"){let o=e[n];m.push({validate:{...c,[n]:p=>o.validation(p)||o.message&&(typeof o.message=="string"?o.message:o.message(r))}})}})),Object.assign({},...m)}var ee=(e,r,t,i,m,n,c)=>{let l=[],{validationMessage:o}=Y(),{required:p,minLength:u,maxLength:a,min:f,max:x,email:g,match:h,diff:T,pattern:d}=o||{},A={required:{value:!!r,message:p?p(t):`${t} is required`},minLength:{value:r,message:u?u(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:f?f(t,r):`${t} should be at least ${r}`},max:{value:Number(r),message:x?x(t,r):`${t} should be at most ${r}`},regexp:(s="")=>s?new RegExp(r.regexp).test(s)||`${t} ${r.message}`:!0,email:(s="")=>s?s.match(/^(([^<>()[\]\\.,;:\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,}))$/)||(g?g(t):`${t} must be type email`):!0,match:(s="")=>s?s===(m&&m(r))||(h?h(t,c||F.changeAll(r)):`${t} must be same with ${c||F.changeAll(r)}`):!0,diff:(s="")=>s?s!==(m&&m(r))||(T?T(t,c||F.changeAll(r)):`${t} must be different with ${c||F.changeAll(r)}`):!0,pattern:{alphabet:(s="")=>!!s&&new RegExp("^[A-Za-z ]*$").test(s)||(_optionalChain([d, 'optionalAccess', _25 => _25.alphabet])?_optionalChain([d, 'optionalAccess', _26 => _26.alphabet, 'call', _27 => _27(t)]):`${t} must be format Alphabet`),alphanumber:(s="")=>!!s&&new RegExp("^[A-Za-z0-9 ]*$").test(s)||(_optionalChain([d, 'optionalAccess', _28 => _28.alphanumber])?_optionalChain([d, 'optionalAccess', _29 => _29.alphanumber, 'call', _30 => _30(t)]):`${t} must be format Alphabet or Number`),number:(s="")=>!!s&&new RegExp("^[0-9]*$").test(s)||(_optionalChain([d, 'optionalAccess', _31 => _31.number])?_optionalChain([d, 'optionalAccess', _32 => _32.number, 'call', _33 => _33(t)]):`${t} must be format Number`),lowercase:(s="")=>!!s&&new RegExp("^[a-z0-9 ]*$").test(s)||(_optionalChain([d, 'optionalAccess', _34 => _34.lowercase])?_optionalChain([d, 'optionalAccess', _35 => _35.lowercase, 'call', _36 => _36(t)]):`${t} must be format Lowercase`),url:(s="")=>!!s&&/^(ftp|http|https):\/\/[^ "]+$/.test(s)||(_optionalChain([d, 'optionalAccess', _37 => _37.url])?_optionalChain([d, 'optionalAccess', _38 => _38.url, 'call', _39 => _39(t)]):`${t} must be a valid URL`),uppercase:(s="")=>!!s&&new RegExp("^[A-Z0-9 ]*$").test(s)||(_optionalChain([d, 'optionalAccess', _40 => _40.uppercase])?_optionalChain([d, 'optionalAccess', _41 => _41.uppercase, 'call', _42 => _42(t)]):`${t} must be format Uppercase`),mixedcase:(s="")=>!!s&&/[a-z]/.test(s)&&/[A-Z]/.test(s)||(_optionalChain([d, 'optionalAccess', _43 => _43.mixedcase])?_optionalChain([d, 'optionalAccess', _44 => _44.mixedcase, 'call', _45 => _45(t)]):`${t} must be mixed case`),specialcharacters:(s="")=>!!s&&/[^a-zA-Z0-9\s]/.test(s)||(_optionalChain([d, 'optionalAccess', _46 => _46.specialcharacters])?_optionalChain([d, 'optionalAccess', _47 => _47.specialcharacters, 'call', _48 => _48(t)]):`${t} must contain special characters`)}}[e];if(A){let{validate:s}=l.find(re=>re.validate)||{};typeof A=="function"?l.push({validate:{...s,...n,[e]:A}}):e==="pattern"?l.push({validate:{...s,...n,[`${e}${r}`]:A[r]}}):l.push({[e]:A})}return l};var Qr=e=>{let r=_react.useMemo.call(void 0, ()=>b(),[]),{registerItem:t,unregisterItem:i,formControl:m,disabled:n,readOnly:c,formId:l}=y(),{name:o,formId:p,...u}=O(),{formId:a,name:f}=w(),x=e.label,g=e.dataField;_react.useEffect.call(void 0, ()=>(t({id:r,...e}),()=>{i(r)}),[r,e]),!e.label&&!e.noLabel&&(x=F.changeAll(g)),f&&l===a&&(g=`${f}${g}`);let h=!1;typeof e.disabled=="boolean"?h=e.disabled:typeof u.disabled=="boolean"?h=u.disabled:h=!!n;let T=!1;typeof e.readOnly=="boolean"?T=e.readOnly:typeof u.readOnly=="boolean"?T=u.readOnly:T=!!c;let d=!1;typeof e.hidden=="boolean"&&(d=e.hidden);let U=_reacthookform.useController.call(void 0, {name:g,control:m.control,disabled:h,defaultValue:e.defaultValue,rules:h||T||d?{required:!1}:k({...e,label:x,dataField:g})}),A=U.fieldState.invalid,s=_optionalChain([U, 'access', _49 => _49.fieldState, 'access', _50 => _50.error, 'optionalAccess', _51 => _51.message]);return{...e,label:x,dataField:g,controller:U,invalid:A,messageError:s}};var Ne=(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))(Ne||{});var et=Z;exports.BgsArrayForm = Ue; exports.BgsGroupForm = $e; exports.BgsReactFormProvider = V; exports.PatternTypeEnum = Ne; exports.createStore = M; exports.default = et; exports.getFieldValue = C; exports.useBgsArrayForm = w; exports.useBgsForm = y; exports.useBgsGroupForm = O; exports.useController = Qr; exports.useFormArrayInit = H; exports.useFormInit = D;
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }var _react = require('react'); var _react2 = _interopRequireDefault(_react);var _jsxruntime = require('react/jsx-runtime');var E=_react.createContext.call(void 0, void 0);function F(){let e=_react.useContext.call(void 0, E);return e||{}}function I({children:e,controller:r,onSubmit:t}){let i=_react.useRef.call(void 0, []),m=_react.useCallback.call(void 0, o=>{let u=i.current.findIndex(d=>d.id===o.id);if(u>-1){let d=[...i.current];d[u]=o,i.current=[...d]}else i.current.push(o)},[i]),n=_react.useCallback.call(void 0, o=>{i.current=i.current.filter(u=>u.id!==o)},[]),c=async(o,u)=>{r.setIsSubmit(!0);let d=u?await r.formControl.trigger():!0,a=r.getData();d&&t&&t({...a,...o},{...r})},l={...r,registerItem:m,unregisterItem:n,items:i.current,triggerSubmit:c};return _jsxruntime.jsx.call(void 0, E.Provider,{value:l,children:e})}function x(){let e=()=>Math.random()*16%16|0;return"xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g,r=>(r==="x"?e():e()&3|8).toString(16))}function K(e,r){return typeof e=="function"?e(r):e}var h={camelCase:(e="")=>(e=e.split(".").map(r=>(r=r.charAt(0).toUpperCase()+r.slice(1),r)).join(" "),e=e.replace(/([a-z0-9])([A-Z])/g,"$1 $2"),e.charAt(0).toUpperCase()+e.slice(1)),snackCase:(e="")=>{let t=e.replace(/_([a-z])/g,(i,m)=>m.toUpperCase()).replace(/([A-Z])/g," $1");return t=t.charAt(0).toUpperCase()+t.slice(1),t},changeAll:(e="",r=!1)=>{let t="";try{e=_optionalChain([e, 'optionalAccess', _2 => _2.split, 'call', _3 => _3("."), 'access', _4 => _4[_optionalChain([e, 'optionalAccess', _5 => _5.split, 'call', _6 => _6("."), 'optionalAccess', _7 => _7.length])-1]]),e=_optionalChain([e, 'optionalAccess', _8 => _8.split, 'call', _9 => _9("[]"), 'access', _10 => _10[_optionalChain([e, 'optionalAccess', _11 => _11.split, 'call', _12 => _12("[]"), 'optionalAccess', _13 => _13.length])-1]]),t=h.snackCase(h.camelCase(e)),r&&(t=_optionalChain([t, 'optionalAccess', _14 => _14.split, 'call', _15 => _15(" "), 'optionalAccess', _16 => _16.map, 'call', _17 => _17(i=>_optionalChain([i, 'optionalAccess', _18 => _18.length])<=3?_optionalChain([i, 'optionalAccess', _19 => _19.toUpperCase, 'call', _20 => _20()]):i), 'optionalAccess', _21 => _21.join, 'call', _22 => _22(" ")]))}catch (e2){}return t}};function D(e,r){try{return JSON.stringify(e)!==JSON.stringify(r)}catch (e3){return!1}}var $=e=>(Object.keys(e).forEach(r=>{e[r]===void 0&&(e[r]=null)}),e),S= exports.getFieldValue =(e,r,t="")=>{if(!e)return t;if(e.hasOwnProperty(r))return e[r];let i=r.replace(/\[(\d+)\]/g,".$1").split("."),m=e;for(let n of i){if(m==null)return t;m=m[n]}return m===void 0?t:m};function M(e,r){let t=!1;return e&&typeof e=="object"&&Array.isArray(e)&&(typeof r=="number"?e.length>r&&(t=!0):t=!0),t}function z(e,r=0){let t;return function(...i){clearTimeout(t),t=setTimeout(()=>{e(...i)},r*1e3)}}var _reacthookform = require('react-hook-form');function Z(e){let r=e,t=new Set;function i(){return r}function m(l){return t.add(l),()=>t.delete(l)}function n(l){typeof l=="function"?r=l(r):r=l,t.forEach(o=>o())}function c(l){return _react.useSyncExternalStore.call(void 0, m,()=>l?l(r):r,()=>l?l(r):r)}return{getSnapshot:i,subscribe:m,setState:n,useStore:c}}var w=new WeakMap;function R(e){return w.has(e)||w.set(e,Z({})),w.get(e)}var q=(e,r)=>{e||(e={});let t=_react.useRef.call(void 0, null),[i,m]=_react.useState.call(void 0, !1),n=_reacthookform.useForm.call(void 0, {...r,reValidateMode:"onSubmit",mode:"all",defaultValues:e}),c=R(n),l=_react.useMemo.call(void 0, ()=>x(),[]),o=a=>a?S($(n.getValues()),a):$(n.getValues()),d={...n,ref:t,reset:a=>{a?typeof a=="string"?n.resetField(a,{}):typeof a=="object"&&M(a,0)&&a.forEach(f=>n.resetField(f)):n.reset()},updateData:a=>{let f=o();n.reset({...f,...a})},getData:o,formControl:n,useFieldArray:a=>_reacthookform.useFieldArray.call(void 0, {control:n.control,name:a}),useWatch:a=>_reacthookform.useWatch.call(void 0, {control:n.control,name:a}),isSubmit:i,formId:l,setIsSubmit:m,useSelected:a=>c.useStore(f=>S(f,a)),setSelected:c.setState};return[d,d]};var Ce=({onSubmit:e,onChange:r=()=>{},onInvalid:t=()=>{},formData:i,controller:m,children:n,...c})=>{let l=_nullishCoalesce(m, () => (q())),[o]=Array.isArray(l)?l:[l],u=_react.useRef.call(void 0, void 0),d=async a=>{a.preventDefault(),a.stopPropagation(),o.setIsSubmit(!0);let f=await o.formControl.trigger(),T=o.getData();f?e&&e({...T},{...o}):t(o.formControl.formState.errors)};return _react.useEffect.call(void 0, ()=>{i&&D(u.current||{},i)&&(o.formControl.reset(i),u.current=i)},[i,o.formControl.reset]),_react.useEffect.call(void 0, ()=>{if(!r)return;let a=o.formControl.watch(r);return()=>a.unsubscribe()},[]),_jsxruntime.jsx.call(void 0, _jsxruntime.Fragment,{children:_jsxruntime.jsx.call(void 0, I,{controller:{...o,disabled:_optionalChain([c, 'optionalAccess', _23 => _23.disabled]),readOnly:_optionalChain([c, 'optionalAccess', _24 => _24.readOnly])},onSubmit:e,children:_jsxruntime.jsx.call(void 0, "form",{...c,id:o.formId,ref:o.ref,onSubmit:d,children:n})})})},j=Ce;var J=_react.createContext.call(void 0, void 0);function B(){let e=_react.useContext.call(void 0, J);return e||{}}function O({children:e,...r}){return _jsxruntime.jsx.call(void 0, J.Provider,{value:r,children:e})}var _=e=>{let r=F(),t=_reacthookform.useFieldArray.call(void 0, {control:r.control,name:e}),m={formArrayId:_react.useMemo.call(void 0, ()=>x(),[]),...t,...r};return[m,m]};var Q=({name:e,defaultData:r,controller:t,children:i})=>{let m=_nullishCoalesce(t, () => (_(e))),[n]=Array.isArray(m)?m:[m];return _react.useEffect.call(void 0, ()=>{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.call(void 0, _jsxruntime.Fragment,{children:n.fields.map((c,l)=>{let o=R(n.formControl),u=`${e}.${l}.`,d={...n,index:l,name:u,countFields:n.fields.length,removeItem:()=>n.remove(l),watchItem:a=>n.watch(a?`${u}${a}`:u.slice(0,-1)),setValueItem:(a,f)=>n.setValue(`${u}${a}`,f),useSelectedItem:a=>n.useSelected(`${u}${a}`)};return _jsxruntime.jsx.call(void 0, _react2.default.Fragment,{children:_jsxruntime.jsx.call(void 0, O,{...d,children:K(i,d)})},c.id||l)})})};Q.displayName="BgsFormArray";var Oe=Q;var X=_react.createContext.call(void 0, void 0);function G(){let e=_react.useContext.call(void 0, X);return e||{}}function k({children:e,...r}){return _jsxruntime.jsx.call(void 0, X.Provider,{value:r,children:e})}var V=({children:e,...r})=>{let t=F(),i=_react.useMemo.call(void 0, ()=>x(),[]);return _jsxruntime.jsx.call(void 0, _jsxruntime.Fragment,{children:_jsxruntime.jsx.call(void 0, k,{...t,...r,formGroupId:i,children:e})})};V.displayName="BgsFormGroup";var Ee=V;var ee=_react.createContext.call(void 0, void 0);function re(){let e=_react.useContext.call(void 0, ee);return e||{}}function te({children:e,...r}){return _jsxruntime.jsx.call(void 0, ee.Provider,{value:r,children:e})}function N({validationRules:e,label:r}){let{formControl:t,getData:i}=F(),m=[];return e&&(typeof e=="string"?oe(e,!0,r,t,i,{}).forEach(n=>m.push(n)):typeof e=="object"&&Object.keys(e).forEach(n=>{let{validate:c}=m.find(o=>o.validate)||{};if(["minLength","maxLength","min","max","match","diff","regexp","pattern","required","email"].includes(n)){let o=e[n],u="";if(n==="email"&&!o)return;["match","diff"].includes(n)&&typeof o=="object"&&(o=e[n].dataField,u=e[n].label),o!=null&&oe(n,o,r,t,i,c,u).forEach(d=>m.push(d))}else if(typeof e[n]=="object"){let o=e[n];m.push({validate:{...c,[n]:u=>o.validation(u)||o.message&&(typeof o.message=="string"?o.message:o.message(r))}})}})),Object.assign({},...m)}var oe=(e,r,t,i,m,n,c)=>{let l=[],{validationMessage:o}=re(),{required:u,minLength:d,maxLength:a,min:f,max:T,email:b,match:U,diff:A,pattern:p}=o||{},g={required:{value:!!r,message:u?u(t):`${t} is required`},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:f?f(t,r):`${t} should be at least ${r}`},max:{value:Number(r),message:T?T(t,r):`${t} should be at most ${r}`},regexp:(s="")=>s?new RegExp(r.regexp).test(s)||`${t} ${r.message}`:!0,email:(s="")=>s?s.match(/^(([^<>()[\]\\.,;:\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,}))$/)||(b?b(t):`${t} must be type email`):!0,match:(s="")=>s?s===(m&&m(r))||(U?U(t,c||h.changeAll(r)):`${t} must be same with ${c||h.changeAll(r)}`):!0,diff:(s="")=>s?s!==(m&&m(r))||(A?A(t,c||h.changeAll(r)):`${t} must be different with ${c||h.changeAll(r)}`):!0,pattern:{alphabet:(s="")=>!!s&&new RegExp("^[A-Za-z ]*$").test(s)||(_optionalChain([p, 'optionalAccess', _25 => _25.alphabet])?_optionalChain([p, 'optionalAccess', _26 => _26.alphabet, 'call', _27 => _27(t)]):`${t} must be format Alphabet`),alphanumber:(s="")=>!!s&&new RegExp("^[A-Za-z0-9 ]*$").test(s)||(_optionalChain([p, 'optionalAccess', _28 => _28.alphanumber])?_optionalChain([p, 'optionalAccess', _29 => _29.alphanumber, 'call', _30 => _30(t)]):`${t} must be format Alphabet or Number`),number:(s="")=>!!s&&new RegExp("^[0-9]*$").test(s)||(_optionalChain([p, 'optionalAccess', _31 => _31.number])?_optionalChain([p, 'optionalAccess', _32 => _32.number, 'call', _33 => _33(t)]):`${t} must be format Number`),lowercase:(s="")=>!!s&&new RegExp("^[a-z0-9 ]*$").test(s)||(_optionalChain([p, 'optionalAccess', _34 => _34.lowercase])?_optionalChain([p, 'optionalAccess', _35 => _35.lowercase, 'call', _36 => _36(t)]):`${t} must be format Lowercase`),url:(s="")=>!!s&&/^(ftp|http|https):\/\/[^ "]+$/.test(s)||(_optionalChain([p, 'optionalAccess', _37 => _37.url])?_optionalChain([p, 'optionalAccess', _38 => _38.url, 'call', _39 => _39(t)]):`${t} must be a valid URL`),uppercase:(s="")=>!!s&&new RegExp("^[A-Z0-9 ]*$").test(s)||(_optionalChain([p, 'optionalAccess', _40 => _40.uppercase])?_optionalChain([p, 'optionalAccess', _41 => _41.uppercase, 'call', _42 => _42(t)]):`${t} must be format Uppercase`),mixedcase:(s="")=>!!s&&/[a-z]/.test(s)&&/[A-Z]/.test(s)||(_optionalChain([p, 'optionalAccess', _43 => _43.mixedcase])?_optionalChain([p, 'optionalAccess', _44 => _44.mixedcase, 'call', _45 => _45(t)]):`${t} must be mixed case`),specialcharacters:(s="")=>!!s&&/[^a-zA-Z0-9\s]/.test(s)||(_optionalChain([p, 'optionalAccess', _46 => _46.specialcharacters])?_optionalChain([p, 'optionalAccess', _47 => _47.specialcharacters, 'call', _48 => _48(t)]):`${t} must contain special characters`)}}[e];if(g){let{validate:s}=l.find(C=>C.validate)||{};typeof g=="function"?l.push({validate:{...s,...n,[e]:g}}):e==="pattern"?l.push({validate:{...s,...n,[`${e}${r}`]:g[r]}}):l.push({[e]:g})}return l};var st=e=>{let r=_react.useMemo.call(void 0, ()=>x(),[]),{registerItem:t,unregisterItem:i,formControl:m,control:n,disabled:c,readOnly:l,formId:o,useWatch:u,setSelected:d,useSelected:a}=F(),{name:f,formId:T,...b}=G(),{formId:U,name:A}=B(),p=e.label,y=e.dataField;_react.useEffect.call(void 0, ()=>(t({id:r,...e}),()=>{i(r)}),[r,e]),!e.label&&!e.noLabel&&(p=h.changeAll(y)),A&&o===U&&(y=`${A}${y}`);let g=!1;typeof e.disabled=="boolean"?g=e.disabled:typeof b.disabled=="boolean"?g=b.disabled:g=!!c;let s=!1;typeof e.readOnly=="boolean"?s=e.readOnly:typeof b.readOnly=="boolean"?s=b.readOnly:s=!!l;let C=!1;typeof e.hidden=="boolean"&&(C=e.hidden);let P=_reacthookform.useController.call(void 0, {name:y,control:n,disabled:g,defaultValue:e.defaultValue,shouldUnregister:e.shouldUnregister,rules:g||s||C?{required:!1}:N({...e,label:p,dataField:y})}),se=P.fieldState.invalid,ie=_optionalChain([P, 'access', _49 => _49.fieldState, 'access', _50 => _50.error, 'optionalAccess', _51 => _51.message]),ae=u(y),me=_react.useMemo.call(void 0, ()=>z(ue=>d(ce=>({...ce,[y]:ue||null}))),[d]),le=a(y);return{...e,setSelectedField:me,label:p,dataField:y,controller:P,invalid:se,messageError:ie,selectedField:le,value:ae}};var He=(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))(He||{});var lt=j;exports.BgsArrayForm = Oe; exports.BgsGroupForm = Ee; exports.BgsReactFormProvider = te; exports.PatternTypeEnum = He; exports.createStore = Z; exports.default = lt; exports.getFieldValue = S; exports.useBgsArrayForm = B; exports.useBgsForm = F; exports.useBgsGroupForm = G; exports.useController = st; exports.useFormArrayInit = _; exports.useFormInit = q;

package/dist/index.d.cts

@@ -1,5 +1,5 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { ReactNode, PropsWithChildren } from 'react';
+import { PropsWithChildren } from 'react';
 import { DeepPartialSkipArrayKey, ControllerRenderProps, FieldValues, ControllerFieldState, UseFormStateReturn, UseFormReturn, UseFieldArrayReturn, EventType, FieldErrors, UseFieldArraySwap, UseFieldArrayMove, UseFieldArrayPrepend, UseFieldArrayAppend, UseFieldArrayRemove, UseFieldArrayInsert, UseFieldArrayUpdate, UseFieldArrayReplace, FieldArrayWithId, UseFormProps } from 'react-hook-form';
 
 type ControllerWithKey = ControllerProps & {
@@ -71,12 +71,13 @@ type UseBgsForm<T = unknown> = UseFormInitReturn<T> & {
 interface ControllerProps {
     dataField: string;
     validationRules?: ValidationRules;
-    label?: string | ReactNode;
+    label?: string;
     noLabel?: boolean;
     disabled?: boolean;
     hidden?: boolean;
     readOnly?: boolean;
     defaultValue?: any;
+    shouldUnregister?: boolean;
 }
 type PatternType = "alphabet" | "alphanumber" | "number" | "lowercase" | "url" | "uppercase" | "mixedcase" | "specialcharacters";
 declare enum PatternTypeEnum {
@@ -144,7 +145,10 @@ type UseFormArray<T> = UseFormArrayInitReturn<T> & {
 type UseController = ControllerProps & {
     controller: Controller;
     invalid: boolean;
-    messageError?: string;
+    messageError: string | undefined;
+    value: any;
+    setSelectedField: (data: any) => void;
+    selectedField: any;
 };
 
 declare const BgsForm: <T>({ onSubmit, onChange, onInvalid, formData, controller: controllerProps, children, ...others }: PropsWithChildren<FormProps<T>>) => react_jsx_runtime.JSX.Element;

package/dist/index.d.ts

@@ -1,5 +1,5 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { ReactNode, PropsWithChildren } from 'react';
+import { PropsWithChildren } from 'react';
 import { DeepPartialSkipArrayKey, ControllerRenderProps, FieldValues, ControllerFieldState, UseFormStateReturn, UseFormReturn, UseFieldArrayReturn, EventType, FieldErrors, UseFieldArraySwap, UseFieldArrayMove, UseFieldArrayPrepend, UseFieldArrayAppend, UseFieldArrayRemove, UseFieldArrayInsert, UseFieldArrayUpdate, UseFieldArrayReplace, FieldArrayWithId, UseFormProps } from 'react-hook-form';
 
 type ControllerWithKey = ControllerProps & {
@@ -71,12 +71,13 @@ type UseBgsForm<T = unknown> = UseFormInitReturn<T> & {
 interface ControllerProps {
     dataField: string;
     validationRules?: ValidationRules;
-    label?: string | ReactNode;
+    label?: string;
     noLabel?: boolean;
     disabled?: boolean;
     hidden?: boolean;
     readOnly?: boolean;
     defaultValue?: any;
+    shouldUnregister?: boolean;
 }
 type PatternType = "alphabet" | "alphanumber" | "number" | "lowercase" | "url" | "uppercase" | "mixedcase" | "specialcharacters";
 declare enum PatternTypeEnum {
@@ -144,7 +145,10 @@ type UseFormArray<T> = UseFormArrayInitReturn<T> & {
 type UseController = ControllerProps & {
     controller: Controller;
     invalid: boolean;
-    messageError?: string;
+    messageError: string | undefined;
+    value: any;
+    setSelectedField: (data: any) => void;
+    selectedField: any;
 };
 
 declare const BgsForm: <T>({ onSubmit, onChange, onInvalid, formData, controller: controllerProps, children, ...others }: PropsWithChildren<FormProps<T>>) => react_jsx_runtime.JSX.Element;

package/dist/index.js

@@ -1 +1 @@
-import{useEffect as z,useRef as de}from"react";import{createContext as te,useCallback as G,useContext as oe,useRef as ne}from"react";import{jsx as se}from"react/jsx-runtime";var N=te(void 0);function y(){let e=oe(N);return e||{}}function R({children:e,controller:r,onSubmit:t}){let i=ne([]),m=G(o=>{let p=i.current.findIndex(u=>u.id===o.id);if(p>-1){let u=[...i.current];u[p]=o,i.current=[...u]}else i.current.push(o)},[i]),n=G(o=>{i.current=i.current.filter(p=>p.id!==o)},[]),c=async(o,p)=>{r.setIsSubmit(!0);let u=p?await r.formControl.trigger():!0,a=r.getData();u&&t&&t({...a,...o},{...r})},l={...r,registerItem:m,unregisterItem:n,items:i.current,triggerSubmit:c};return se(N.Provider,{value:l,children:e})}function b(){let e=()=>Math.random()*16%16|0;return"xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g,r=>(r==="x"?e():e()&3|8).toString(16))}function L(e,r){return typeof e=="function"?e(r):e}var F={camelCase:(e="")=>(e=e.split(".").map(r=>(r=r.charAt(0).toUpperCase()+r.slice(1),r)).join(" "),e=e.replace(/([a-z0-9])([A-Z])/g,"$1 $2"),e.charAt(0).toUpperCase()+e.slice(1)),snackCase:(e="")=>{let t=e.replace(/_([a-z])/g,(i,m)=>m.toUpperCase()).replace(/([A-Z])/g," $1");return t=t.charAt(0).toUpperCase()+t.slice(1),t},changeAll:(e="",r=!1)=>{let t="";try{e=e?.split(".")[e?.split(".")?.length-1],e=e?.split("[]")[e?.split("[]")?.length-1],t=F.snackCase(F.camelCase(e)),r&&(t=t?.split(" ")?.map(i=>i?.length<=3?i?.toUpperCase():i)?.join(" "))}catch{}return t}};function E(e,r){try{return JSON.stringify(e)!==JSON.stringify(r)}catch{return!1}}var P=e=>(Object.keys(e).forEach(r=>{e[r]===void 0&&(e[r]=null)}),e),C=(e,r,t="")=>{if(!e)return t;if(e.hasOwnProperty(r))return e[r];let i=r.replace(/\[(\d+)\]/g,".$1").split("."),m=e;for(let n of i){if(m==null)return t;m=m[n]}return m===void 0?t:m};function K(e,r){let t=!1;return e&&typeof e=="object"&&Array.isArray(e)&&(typeof r=="number"?e.length>r&&(t=!0):t=!0),t}import{useFieldArray as ae,useForm as me,useWatch as le}from"react-hook-form";import{useMemo as pe,useRef as ue,useState as ce}from"react";import{useSyncExternalStore as ie}from"react";function M(e){let r=e,t=new Set;function i(){return r}function m(l){return t.add(l),()=>t.delete(l)}function n(l){typeof l=="function"?r=l(r):r=l,t.forEach(o=>o())}function c(l){return ie(m,()=>l?l(r):r,()=>l?l(r):r)}return{getSnapshot:i,subscribe:m,setState:n,useStore:c}}var I=new WeakMap;function S(e){return I.has(e)||I.set(e,M({})),I.get(e)}var D=(e,r)=>{e||(e={});let t=ue(null),[i,m]=ce(!1),n=me({...r,reValidateMode:"onSubmit",mode:"all",defaultValues:e}),c=S(n),l=pe(()=>b(),[]),o=a=>a?C(P(n.getValues()),a):P(n.getValues()),u={...n,ref:t,reset:a=>{a?typeof a=="string"?n.resetField(a,{}):typeof a=="object"&&K(a,0)&&a.forEach(f=>n.resetField(f)):n.reset()},updateData:a=>{let f=o();n.reset({...f,...a})},getData:o,formControl:n,useFieldArray:a=>ae({control:n.control,name:a}),useWatch:a=>le({control:n.control,name:a}),isSubmit:i,formId:l,setIsSubmit:m,useSelected:a=>c.useStore(f=>C(f,a)),setSelected:c.setState};return[u,u]};import{Fragment as ge,jsx as $}from"react/jsx-runtime";var fe=({onSubmit:e,onChange:r=()=>{},onInvalid:t=()=>{},formData:i,controller:m,children:n,...c})=>{let l=m??D(),[o]=Array.isArray(l)?l:[l],p=de(void 0),u=async a=>{a.preventDefault(),a.stopPropagation(),o.setIsSubmit(!0);let f=await o.formControl.trigger(),x=o.getData();f?e&&e({...x},{...o}):t(o.formControl.formState.errors)};return z(()=>{i&&E(p.current||{},i)&&(o.formControl.reset(i),p.current=i)},[i,o.formControl.reset]),z(()=>{if(!r)return;let a=o.formControl.watch(r);return()=>a.unsubscribe()},[]),$(ge,{children:$(R,{controller:{...o,disabled:c?.disabled,readOnly:c?.readOnly},onSubmit:e,children:$("form",{...c,id:o.formId,ref:o.ref,onSubmit:u,children:n})})})},Z=fe;import Te,{useEffect as Ae}from"react";import{createContext as ye,useContext as Fe}from"react";import{jsx as xe}from"react/jsx-runtime";var q=ye(void 0);function w(){let e=Fe(q);return e||{}}function B({children:e,...r}){return xe(q.Provider,{value:r,children:e})}import{useFieldArray as he}from"react-hook-form";import{useMemo as be}from"react";var H=e=>{let r=y(),t=he({control:r.control,name:e}),m={formArrayId:be(()=>b(),[]),...t,...r};return[m,m]};import{Fragment as Ce,jsx as v}from"react/jsx-runtime";var j=({name:e,defaultData:r,controller:t,children:i})=>{let m=t??H(e),[n]=Array.isArray(m)?m:[m];return Ae(()=>{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)},[]),v(Ce,{children:n.fields.map((c,l)=>{let o=S(n.formControl),p=`${e}.${l}.`,u={...n,index:l,name:p,countFields:n.fields.length,removeItem:()=>n.remove(l),watchItem:a=>n.watch(a?`${p}${a}`:p.slice(0,-1)),setValueItem:(a,f)=>n.setValue(`${p}${a}`,f),useSelectedItem:a=>n.useSelected(`${p}${a}`)};return v(Te.Fragment,{children:v(B,{...u,children:L(i,u)})},c.id||l)})})};j.displayName="BgsFormArray";var Ue=j;import{useMemo as Ie}from"react";import{createContext as Se,useContext as Re}from"react";import{jsx as Pe}from"react/jsx-runtime";var J=Se(void 0);function O(){let e=Re(J);return e||{}}function W({children:e,...r}){return Pe(J.Provider,{value:r,children:e})}import{Fragment as we,jsx as _}from"react/jsx-runtime";var Q=({children:e,...r})=>{let t=y(),i=Ie(()=>b(),[]);return _(we,{children:_(W,{...t,...r,formGroupId:i,children:e})})};Q.displayName="BgsFormGroup";var $e=Q;import{createContext as Be,useContext as ve}from"react";import{jsx as Oe}from"react/jsx-runtime";var X=Be(void 0);function Y(){let e=ve(X);return e||{}}function V({children:e,...r}){return Oe(X.Provider,{value:r,children:e})}import{useEffect as We,useMemo as ke}from"react";import{useController as Ge}from"react-hook-form";function k({validationRules:e,label:r}){let{formControl:t,getData:i}=y(),m=[];return e&&(typeof e=="string"?ee(e,!0,r,t,i,{}).forEach(n=>m.push(n)):typeof e=="object"&&Object.keys(e).forEach(n=>{let{validate:c}=m.find(o=>o.validate)||{};if(["minLength","maxLength","min","max","match","diff","regexp","pattern","required","email"].includes(n)){let o=e[n],p="";if(n==="email"&&!o)return;["match","diff"].includes(n)&&typeof o=="object"&&(o=e[n].dataField,p=e[n].label),o!=null&&ee(n,o,r,t,i,c,p).forEach(u=>m.push(u))}else if(typeof e[n]=="object"){let o=e[n];m.push({validate:{...c,[n]:p=>o.validation(p)||o.message&&(typeof o.message=="string"?o.message:o.message(r))}})}})),Object.assign({},...m)}var ee=(e,r,t,i,m,n,c)=>{let l=[],{validationMessage:o}=Y(),{required:p,minLength:u,maxLength:a,min:f,max:x,email:g,match:h,diff:T,pattern:d}=o||{},A={required:{value:!!r,message:p?p(t):`${t} is required`},minLength:{value:r,message:u?u(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:f?f(t,r):`${t} should be at least ${r}`},max:{value:Number(r),message:x?x(t,r):`${t} should be at most ${r}`},regexp:(s="")=>s?new RegExp(r.regexp).test(s)||`${t} ${r.message}`:!0,email:(s="")=>s?s.match(/^(([^<>()[\]\\.,;:\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,}))$/)||(g?g(t):`${t} must be type email`):!0,match:(s="")=>s?s===(m&&m(r))||(h?h(t,c||F.changeAll(r)):`${t} must be same with ${c||F.changeAll(r)}`):!0,diff:(s="")=>s?s!==(m&&m(r))||(T?T(t,c||F.changeAll(r)):`${t} must be different with ${c||F.changeAll(r)}`):!0,pattern:{alphabet:(s="")=>!!s&&new RegExp("^[A-Za-z ]*$").test(s)||(d?.alphabet?d?.alphabet(t):`${t} must be format Alphabet`),alphanumber:(s="")=>!!s&&new RegExp("^[A-Za-z0-9 ]*$").test(s)||(d?.alphanumber?d?.alphanumber(t):`${t} must be format Alphabet or Number`),number:(s="")=>!!s&&new RegExp("^[0-9]*$").test(s)||(d?.number?d?.number(t):`${t} must be format Number`),lowercase:(s="")=>!!s&&new RegExp("^[a-z0-9 ]*$").test(s)||(d?.lowercase?d?.lowercase(t):`${t} must be format Lowercase`),url:(s="")=>!!s&&/^(ftp|http|https):\/\/[^ "]+$/.test(s)||(d?.url?d?.url(t):`${t} must be a valid URL`),uppercase:(s="")=>!!s&&new RegExp("^[A-Z0-9 ]*$").test(s)||(d?.uppercase?d?.uppercase(t):`${t} must be format Uppercase`),mixedcase:(s="")=>!!s&&/[a-z]/.test(s)&&/[A-Z]/.test(s)||(d?.mixedcase?d?.mixedcase(t):`${t} must be mixed case`),specialcharacters:(s="")=>!!s&&/[^a-zA-Z0-9\s]/.test(s)||(d?.specialcharacters?d?.specialcharacters(t):`${t} must contain special characters`)}}[e];if(A){let{validate:s}=l.find(re=>re.validate)||{};typeof A=="function"?l.push({validate:{...s,...n,[e]:A}}):e==="pattern"?l.push({validate:{...s,...n,[`${e}${r}`]:A[r]}}):l.push({[e]:A})}return l};var Qr=e=>{let r=ke(()=>b(),[]),{registerItem:t,unregisterItem:i,formControl:m,disabled:n,readOnly:c,formId:l}=y(),{name:o,formId:p,...u}=O(),{formId:a,name:f}=w(),x=e.label,g=e.dataField;We(()=>(t({id:r,...e}),()=>{i(r)}),[r,e]),!e.label&&!e.noLabel&&(x=F.changeAll(g)),f&&l===a&&(g=`${f}${g}`);let h=!1;typeof e.disabled=="boolean"?h=e.disabled:typeof u.disabled=="boolean"?h=u.disabled:h=!!n;let T=!1;typeof e.readOnly=="boolean"?T=e.readOnly:typeof u.readOnly=="boolean"?T=u.readOnly:T=!!c;let d=!1;typeof e.hidden=="boolean"&&(d=e.hidden);let U=Ge({name:g,control:m.control,disabled:h,defaultValue:e.defaultValue,rules:h||T||d?{required:!1}:k({...e,label:x,dataField:g})}),A=U.fieldState.invalid,s=U.fieldState.error?.message;return{...e,label:x,dataField:g,controller:U,invalid:A,messageError:s}};var Ne=(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))(Ne||{});var et=Z;export{Ue as BgsArrayForm,$e as BgsGroupForm,V as BgsReactFormProvider,Ne as PatternTypeEnum,M as createStore,et as default,C as getFieldValue,w as useBgsArrayForm,y as useBgsForm,O as useBgsGroupForm,Qr as useController,H as useFormArrayInit,D as useFormInit};
+import{useEffect as H,useRef as Ue}from"react";import{createContext as de,useCallback as L,useContext as pe,useRef as fe}from"react";import{jsx as ge}from"react/jsx-runtime";var E=de(void 0);function F(){let e=pe(E);return e||{}}function I({children:e,controller:r,onSubmit:t}){let i=fe([]),m=L(o=>{let u=i.current.findIndex(d=>d.id===o.id);if(u>-1){let d=[...i.current];d[u]=o,i.current=[...d]}else i.current.push(o)},[i]),n=L(o=>{i.current=i.current.filter(u=>u.id!==o)},[]),c=async(o,u)=>{r.setIsSubmit(!0);let d=u?await r.formControl.trigger():!0,a=r.getData();d&&t&&t({...a,...o},{...r})},l={...r,registerItem:m,unregisterItem:n,items:i.current,triggerSubmit:c};return ge(E.Provider,{value:l,children:e})}function x(){let e=()=>Math.random()*16%16|0;return"xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g,r=>(r==="x"?e():e()&3|8).toString(16))}function K(e,r){return typeof e=="function"?e(r):e}var h={camelCase:(e="")=>(e=e.split(".").map(r=>(r=r.charAt(0).toUpperCase()+r.slice(1),r)).join(" "),e=e.replace(/([a-z0-9])([A-Z])/g,"$1 $2"),e.charAt(0).toUpperCase()+e.slice(1)),snackCase:(e="")=>{let t=e.replace(/_([a-z])/g,(i,m)=>m.toUpperCase()).replace(/([A-Z])/g," $1");return t=t.charAt(0).toUpperCase()+t.slice(1),t},changeAll:(e="",r=!1)=>{let t="";try{e=e?.split(".")[e?.split(".")?.length-1],e=e?.split("[]")[e?.split("[]")?.length-1],t=h.snackCase(h.camelCase(e)),r&&(t=t?.split(" ")?.map(i=>i?.length<=3?i?.toUpperCase():i)?.join(" "))}catch{}return t}};function D(e,r){try{return JSON.stringify(e)!==JSON.stringify(r)}catch{return!1}}var $=e=>(Object.keys(e).forEach(r=>{e[r]===void 0&&(e[r]=null)}),e),S=(e,r,t="")=>{if(!e)return t;if(e.hasOwnProperty(r))return e[r];let i=r.replace(/\[(\d+)\]/g,".$1").split("."),m=e;for(let n of i){if(m==null)return t;m=m[n]}return m===void 0?t:m};function M(e,r){let t=!1;return e&&typeof e=="object"&&Array.isArray(e)&&(typeof r=="number"?e.length>r&&(t=!0):t=!0),t}function z(e,r=0){let t;return function(...i){clearTimeout(t),t=setTimeout(()=>{e(...i)},r*1e3)}}import{useFieldArray as Fe,useForm as he,useWatch as xe}from"react-hook-form";import{useMemo as be,useRef as Te,useState as Ae}from"react";import{useSyncExternalStore as ye}from"react";function Z(e){let r=e,t=new Set;function i(){return r}function m(l){return t.add(l),()=>t.delete(l)}function n(l){typeof l=="function"?r=l(r):r=l,t.forEach(o=>o())}function c(l){return ye(m,()=>l?l(r):r,()=>l?l(r):r)}return{getSnapshot:i,subscribe:m,setState:n,useStore:c}}var w=new WeakMap;function R(e){return w.has(e)||w.set(e,Z({})),w.get(e)}var q=(e,r)=>{e||(e={});let t=Te(null),[i,m]=Ae(!1),n=he({...r,reValidateMode:"onSubmit",mode:"all",defaultValues:e}),c=R(n),l=be(()=>x(),[]),o=a=>a?S($(n.getValues()),a):$(n.getValues()),d={...n,ref:t,reset:a=>{a?typeof a=="string"?n.resetField(a,{}):typeof a=="object"&&M(a,0)&&a.forEach(f=>n.resetField(f)):n.reset()},updateData:a=>{let f=o();n.reset({...f,...a})},getData:o,formControl:n,useFieldArray:a=>Fe({control:n.control,name:a}),useWatch:a=>xe({control:n.control,name:a}),isSubmit:i,formId:l,setIsSubmit:m,useSelected:a=>c.useStore(f=>S(f,a)),setSelected:c.setState};return[d,d]};import{Fragment as Se,jsx as v}from"react/jsx-runtime";var Ce=({onSubmit:e,onChange:r=()=>{},onInvalid:t=()=>{},formData:i,controller:m,children:n,...c})=>{let l=m??q(),[o]=Array.isArray(l)?l:[l],u=Ue(void 0),d=async a=>{a.preventDefault(),a.stopPropagation(),o.setIsSubmit(!0);let f=await o.formControl.trigger(),T=o.getData();f?e&&e({...T},{...o}):t(o.formControl.formState.errors)};return H(()=>{i&&D(u.current||{},i)&&(o.formControl.reset(i),u.current=i)},[i,o.formControl.reset]),H(()=>{if(!r)return;let a=o.formControl.watch(r);return()=>a.unsubscribe()},[]),v(Se,{children:v(I,{controller:{...o,disabled:c?.disabled,readOnly:c?.readOnly},onSubmit:e,children:v("form",{...c,id:o.formId,ref:o.ref,onSubmit:d,children:n})})})},j=Ce;import ve,{useEffect as Be}from"react";import{createContext as Re,useContext as Pe}from"react";import{jsx as Ie}from"react/jsx-runtime";var J=Re(void 0);function B(){let e=Pe(J);return e||{}}function O({children:e,...r}){return Ie(J.Provider,{value:r,children:e})}import{useFieldArray as $e}from"react-hook-form";import{useMemo as we}from"react";var _=e=>{let r=F(),t=$e({control:r.control,name:e}),m={formArrayId:we(()=>x(),[]),...t,...r};return[m,m]};import{Fragment as We,jsx as W}from"react/jsx-runtime";var Q=({name:e,defaultData:r,controller:t,children:i})=>{let m=t??_(e),[n]=Array.isArray(m)?m:[m];return Be(()=>{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)},[]),W(We,{children:n.fields.map((c,l)=>{let o=R(n.formControl),u=`${e}.${l}.`,d={...n,index:l,name:u,countFields:n.fields.length,removeItem:()=>n.remove(l),watchItem:a=>n.watch(a?`${u}${a}`:u.slice(0,-1)),setValueItem:(a,f)=>n.setValue(`${u}${a}`,f),useSelectedItem:a=>n.useSelected(`${u}${a}`)};return W(ve.Fragment,{children:W(O,{...d,children:K(i,d)})},c.id||l)})})};Q.displayName="BgsFormArray";var Oe=Q;import{useMemo as Le}from"react";import{createContext as Ge,useContext as ke}from"react";import{jsx as Ne}from"react/jsx-runtime";var X=Ge(void 0);function G(){let e=ke(X);return e||{}}function k({children:e,...r}){return Ne(X.Provider,{value:r,children:e})}import{Fragment as Ke,jsx as Y}from"react/jsx-runtime";var V=({children:e,...r})=>{let t=F(),i=Le(()=>x(),[]);return Y(Ke,{children:Y(k,{...t,...r,formGroupId:i,children:e})})};V.displayName="BgsFormGroup";var Ee=V;import{createContext as De,useContext as Me}from"react";import{jsx as ze}from"react/jsx-runtime";var ee=De(void 0);function re(){let e=Me(ee);return e||{}}function te({children:e,...r}){return ze(ee.Provider,{value:r,children:e})}import{useEffect as Ze,useMemo as ne}from"react";import{useController as qe}from"react-hook-form";function N({validationRules:e,label:r}){let{formControl:t,getData:i}=F(),m=[];return e&&(typeof e=="string"?oe(e,!0,r,t,i,{}).forEach(n=>m.push(n)):typeof e=="object"&&Object.keys(e).forEach(n=>{let{validate:c}=m.find(o=>o.validate)||{};if(["minLength","maxLength","min","max","match","diff","regexp","pattern","required","email"].includes(n)){let o=e[n],u="";if(n==="email"&&!o)return;["match","diff"].includes(n)&&typeof o=="object"&&(o=e[n].dataField,u=e[n].label),o!=null&&oe(n,o,r,t,i,c,u).forEach(d=>m.push(d))}else if(typeof e[n]=="object"){let o=e[n];m.push({validate:{...c,[n]:u=>o.validation(u)||o.message&&(typeof o.message=="string"?o.message:o.message(r))}})}})),Object.assign({},...m)}var oe=(e,r,t,i,m,n,c)=>{let l=[],{validationMessage:o}=re(),{required:u,minLength:d,maxLength:a,min:f,max:T,email:b,match:U,diff:A,pattern:p}=o||{},g={required:{value:!!r,message:u?u(t):`${t} is required`},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:f?f(t,r):`${t} should be at least ${r}`},max:{value:Number(r),message:T?T(t,r):`${t} should be at most ${r}`},regexp:(s="")=>s?new RegExp(r.regexp).test(s)||`${t} ${r.message}`:!0,email:(s="")=>s?s.match(/^(([^<>()[\]\\.,;:\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,}))$/)||(b?b(t):`${t} must be type email`):!0,match:(s="")=>s?s===(m&&m(r))||(U?U(t,c||h.changeAll(r)):`${t} must be same with ${c||h.changeAll(r)}`):!0,diff:(s="")=>s?s!==(m&&m(r))||(A?A(t,c||h.changeAll(r)):`${t} must be different with ${c||h.changeAll(r)}`):!0,pattern:{alphabet:(s="")=>!!s&&new RegExp("^[A-Za-z ]*$").test(s)||(p?.alphabet?p?.alphabet(t):`${t} must be format Alphabet`),alphanumber:(s="")=>!!s&&new RegExp("^[A-Za-z0-9 ]*$").test(s)||(p?.alphanumber?p?.alphanumber(t):`${t} must be format Alphabet or Number`),number:(s="")=>!!s&&new RegExp("^[0-9]*$").test(s)||(p?.number?p?.number(t):`${t} must be format Number`),lowercase:(s="")=>!!s&&new RegExp("^[a-z0-9 ]*$").test(s)||(p?.lowercase?p?.lowercase(t):`${t} must be format Lowercase`),url:(s="")=>!!s&&/^(ftp|http|https):\/\/[^ "]+$/.test(s)||(p?.url?p?.url(t):`${t} must be a valid URL`),uppercase:(s="")=>!!s&&new RegExp("^[A-Z0-9 ]*$").test(s)||(p?.uppercase?p?.uppercase(t):`${t} must be format Uppercase`),mixedcase:(s="")=>!!s&&/[a-z]/.test(s)&&/[A-Z]/.test(s)||(p?.mixedcase?p?.mixedcase(t):`${t} must be mixed case`),specialcharacters:(s="")=>!!s&&/[^a-zA-Z0-9\s]/.test(s)||(p?.specialcharacters?p?.specialcharacters(t):`${t} must contain special characters`)}}[e];if(g){let{validate:s}=l.find(C=>C.validate)||{};typeof g=="function"?l.push({validate:{...s,...n,[e]:g}}):e==="pattern"?l.push({validate:{...s,...n,[`${e}${r}`]:g[r]}}):l.push({[e]:g})}return l};var st=e=>{let r=ne(()=>x(),[]),{registerItem:t,unregisterItem:i,formControl:m,control:n,disabled:c,readOnly:l,formId:o,useWatch:u,setSelected:d,useSelected:a}=F(),{name:f,formId:T,...b}=G(),{formId:U,name:A}=B(),p=e.label,y=e.dataField;Ze(()=>(t({id:r,...e}),()=>{i(r)}),[r,e]),!e.label&&!e.noLabel&&(p=h.changeAll(y)),A&&o===U&&(y=`${A}${y}`);let g=!1;typeof e.disabled=="boolean"?g=e.disabled:typeof b.disabled=="boolean"?g=b.disabled:g=!!c;let s=!1;typeof e.readOnly=="boolean"?s=e.readOnly:typeof b.readOnly=="boolean"?s=b.readOnly:s=!!l;let C=!1;typeof e.hidden=="boolean"&&(C=e.hidden);let P=qe({name:y,control:n,disabled:g,defaultValue:e.defaultValue,shouldUnregister:e.shouldUnregister,rules:g||s||C?{required:!1}:N({...e,label:p,dataField:y})}),se=P.fieldState.invalid,ie=P.fieldState.error?.message,ae=u(y),me=ne(()=>z(ue=>d(ce=>({...ce,[y]:ue||null}))),[d]),le=a(y);return{...e,setSelectedField:me,label:p,dataField:y,controller:P,invalid:se,messageError:ie,selectedField:le,value:ae}};var He=(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))(He||{});var lt=j;export{Oe as BgsArrayForm,Ee as BgsGroupForm,te as BgsReactFormProvider,He as PatternTypeEnum,Z as createStore,lt as default,S as getFieldValue,B as useBgsArrayForm,F as useBgsForm,G as useBgsGroupForm,st as useController,_ as useFormArrayInit,q as useFormInit};

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@bgscore/react-form",
-    "version": "0.0.33",
+    "version": "0.0.35",
     "description": "React form component library using context and react-hook-form with dynamic arrays, groups, and validations.",
     "main": "dist/index.cjs",
     "module": "dist/index.js",