@bgscore/react-form 0.0.27 → 0.0.29

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 k=_react.createContext.call(void 0, void 0);function y(){let e=_react.useContext.call(void 0, k);return e||{}}function T({children:e,controller:r,onSubmit:t}){let i=_react.useRef.call(void 0, []),a=_react.useCallback.call(void 0, o=>{let p=i.current.findIndex(l=>l.id===o.id);if(p>-1){let l=[...i.current];l[p]=o,i.current=[...l]}else i.current.push(o)},[i]),s=_react.useCallback.call(void 0, o=>{i.current=i.current.filter(p=>p.id!==o)},[]),c=async(o,p)=>{r.setIsSubmit(!0);let l=p?await r.formControl.trigger():!0,f=r.getData();l&&t&&t({...f,...o},{...r})},m={...r,registerItem:a,unregisterItem:s,items:i.current,triggerSubmit:c};return _jsxruntime.jsx.call(void 0, k.Provider,{value:m,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 v(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,a)=>a.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 N(e,r){try{return JSON.stringify(e)!==JSON.stringify(r)}catch (e3){return!1}}var R=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("."),a=e;for(let s of i){if(a==null)return t;a=a[s]}return a===void 0?t:a};function D(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');var E=(e,r)=>{e||(e={});let t=_react.useRef.call(void 0, null),[i,a]=_react.useState.call(void 0, !1),[s,c]=_react.useState.call(void 0, {}),m=_reacthookform.useForm.call(void 0, {...r,reValidateMode:"onSubmit",mode:"all",defaultValues:e}),o=_react.useMemo.call(void 0, ()=>b(),[]),p=u=>u?C(R(m.getValues()),u):R(m.getValues()),f={...m,ref:t,reset:u=>{u?typeof u=="string"?m.resetField(u,{}):typeof u=="object"&&D(u,0)&&u.forEach(g=>m.resetField(g)):m.reset()},updateData:u=>{let g=p();m.reset({...g,...u})},getData:p,formControl:m,useFieldArray:u=>_reacthookform.useFieldArray.call(void 0, {control:m.control,name:u}),useWatch:u=>_reacthookform.useWatch.call(void 0, {control:m.control,name:u}),isSubmit:i,formId:o,setIsSubmit:a,useSelected:u=>C(s,u),setSelected:c,selected:s};return[f,f]};var ue=({onSubmit:e,onChange:r=()=>{},onInvalid:t=()=>{},formData:i,controller:a,children:s,...c})=>{let m=_nullishCoalesce(a, () => (E())),[o]=Array.isArray(m)?m:[m],p=_react.useRef.call(void 0, void 0),l=async f=>{f.preventDefault(),f.stopPropagation(),o.setIsSubmit(!0);let u=await o.formControl.trigger(),g=o.getData();u?e&&e({...g},{...o}):t(o.formControl.formState.errors)};return _react.useEffect.call(void 0, ()=>{i&&N(p.current||{},i)&&(o.formControl.reset(i),p.current=i)},[i,o.formControl.reset]),_react.useEffect.call(void 0, ()=>{if(!r)return;let f=o.formControl.watch(r);return()=>f.unsubscribe()},[]),_jsxruntime.jsx.call(void 0, _jsxruntime.Fragment,{children:_jsxruntime.jsx.call(void 0, T,{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:l,children:s})})})},M=ue;var z=_react.createContext.call(void 0, void 0);function I(){let e=_react.useContext.call(void 0, z);return e||{}}function $({children:e,...r}){return _jsxruntime.jsx.call(void 0, z.Provider,{value:r,children:e})}var Z=e=>{let r=y(),t=_reacthookform.useFieldArray.call(void 0, {control:r.control,name:e}),a={formArrayId:_react.useMemo.call(void 0, ()=>b(),[]),...t,...r};return[a,a]};var q=({name:e,defaultData:r,controller:t,children:i})=>{let a=_nullishCoalesce(t, () => (Z(e))),[s]=Array.isArray(a)?a:[a];return _react.useEffect.call(void 0, ()=>{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.call(void 0, _jsxruntime.Fragment,{children:s.fields.map((c,m)=>{let o=`${e}.${m}.`,p={...s,index:m,name:o,countFields:s.fields.length,removeItem:()=>s.remove(m),watchItem:l=>s.watch(l?`${o}${l}`:o.slice(0,-1)),setValueItem:(l,f)=>s.setValue(`${o}${l}`,f),useSelectedItem:l=>s.useSelected(`${o}${l}`)};return _jsxruntime.jsx.call(void 0, _react2.default.Fragment,{children:_jsxruntime.jsx.call(void 0, $,{...p,children:v(i,p)})},c.id||m)})})};q.displayName="BgsFormArray";var xe=q;var H=_react.createContext.call(void 0, void 0);function w(){let e=_react.useContext.call(void 0, H);return e||{}}function B({children:e,...r}){return _jsxruntime.jsx.call(void 0, H.Provider,{value:r,children:e})}var J=({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, B,{...t,...r,formGroupId:i,children:e})})};J.displayName="BgsFormGroup";var Re=J;var _=_react.createContext.call(void 0, void 0);function Q(){let e=_react.useContext.call(void 0, _);return e||{}}function X({children:e,...r}){return _jsxruntime.jsx.call(void 0, _.Provider,{value:r,children:e})}function O({validationRules:e,label:r}){let{formControl:t,getData:i}=y(),a=[];return e&&(typeof e=="string"?Y(e,!0,r,t,i,{}).forEach(s=>a.push(s)):typeof e=="object"&&Object.keys(e).forEach(s=>{let{validate:c}=a.find(o=>o.validate)||{};if(["minLength","maxLength","min","max","match","diff","regexp","pattern","required","email"].includes(s)){let o=e[s],p="";if(s==="email"&&!o)return;["match","diff"].includes(s)&&typeof o=="object"&&(o=e[s].dataField,p=e[s].label),o!=null&&Y(s,o,r,t,i,c,p).forEach(l=>a.push(l))}else if(typeof e[s]=="object"){let o=e[s];a.push({validate:{...c,[s]:p=>o.validation(p)||o.message&&(typeof o.message=="string"?o.message:o.message(r))}})}})),Object.assign({},...a)}var Y=(e,r,t,i,a,s,c)=>{let m=[],{validationMessage:o}=Q(),{required:p,minLength:l,maxLength:f,min:u,max:g,email:h,match:x,diff:A,pattern:d}=o||{},U={required:{value:!!r,message:p?p(t):`${t} is required`},minLength:{value:r,message:l?l(t,r):`${t} must be at least ${r} characters long`},maxLength:{value:r,message:f?f(t,r):`${t} cannot be more than ${r} characters long`},min:{value:Number(r),message:u?u(t,r):`${t} should be at least ${r}`},max:{value:Number(r),message:g?g(t,r):`${t} should be at most ${r}`},regexp:(n="")=>n?new RegExp(r.regexp).test(n)||`${t} ${r.message}`:!0,email:(n="")=>n?n.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,}))$/)||(h?h(t):`${t} must be type email`):!0,match:(n="")=>n?n===(a&&a(r))||(x?x(t,c||F.changeAll(r)):`${t} must be same with ${c||F.changeAll(r)}`):!0,diff:(n="")=>n?n!==(a&&a(r))||(A?A(t,c||F.changeAll(r)):`${t} must be different with ${c||F.changeAll(r)}`):!0,pattern:{alphabet:(n="")=>!!n&&new RegExp("^[A-Za-z ]*$").test(n)||(_optionalChain([d, 'optionalAccess', _25 => _25.alphabet])?_optionalChain([d, 'optionalAccess', _26 => _26.alphabet, 'call', _27 => _27(t)]):`${t} must be format Alphabet`),alphanumber:(n="")=>!!n&&new RegExp("^[A-Za-z0-9 ]*$").test(n)||(_optionalChain([d, 'optionalAccess', _28 => _28.alphanumber])?_optionalChain([d, 'optionalAccess', _29 => _29.alphanumber, 'call', _30 => _30(t)]):`${t} must be format Alphabet or Number`),number:(n="")=>!!n&&new RegExp("^[0-9]*$").test(n)||(_optionalChain([d, 'optionalAccess', _31 => _31.number])?_optionalChain([d, 'optionalAccess', _32 => _32.number, 'call', _33 => _33(t)]):`${t} must be format Number`),lowercase:(n="")=>!!n&&new RegExp("^[a-z0-9 ]*$").test(n)||(_optionalChain([d, 'optionalAccess', _34 => _34.lowercase])?_optionalChain([d, 'optionalAccess', _35 => _35.lowercase, 'call', _36 => _36(t)]):`${t} must be format Lowercase`),url:(n="")=>!!n&&/^(ftp|http|https):\/\/[^ "]+$/.test(n)||(_optionalChain([d, 'optionalAccess', _37 => _37.url])?_optionalChain([d, 'optionalAccess', _38 => _38.url, 'call', _39 => _39(t)]):`${t} must be a valid URL`),uppercase:(n="")=>!!n&&new RegExp("^[A-Z0-9 ]*$").test(n)||(_optionalChain([d, 'optionalAccess', _40 => _40.uppercase])?_optionalChain([d, 'optionalAccess', _41 => _41.uppercase, 'call', _42 => _42(t)]):`${t} must be format Uppercase`),mixedcase:(n="")=>!!n&&/[a-z]/.test(n)&&/[A-Z]/.test(n)||(_optionalChain([d, 'optionalAccess', _43 => _43.mixedcase])?_optionalChain([d, 'optionalAccess', _44 => _44.mixedcase, 'call', _45 => _45(t)]):`${t} must be mixed case`),specialcharacters:(n="")=>!!n&&/[^a-zA-Z0-9\s]/.test(n)||(_optionalChain([d, 'optionalAccess', _46 => _46.specialcharacters])?_optionalChain([d, 'optionalAccess', _47 => _47.specialcharacters, 'call', _48 => _48(t)]):`${t} must contain special characters`)}}[e];if(U){let{validate:n}=m.find(V=>V.validate)||{};typeof U=="function"?m.push({validate:{...n,...s,[e]:U}}):e==="pattern"?m.push({validate:{...n,...s,[`${e}${r}`]:U[r]}}):m.push({[e]:U})}return m};var Er=e=>{let r=_react.useMemo.call(void 0, ()=>b(),[]),{registerItem:t,unregisterItem:i,formControl:a,disabled:s,readOnly:c,formId:m}=y(),{name:o,formId:p,...l}=w(),{formId:f,name:u}=I(),g=e.label,h=e.dataField;_react.useEffect.call(void 0, ()=>(t({id:r,...e}),()=>{i(r)}),[r,e]),!e.label&&!e.noLabel&&(g=F.changeAll(h)),u&&m===f&&(h=`${u}${h}`);let x=!1;typeof e.disabled=="boolean"?x=e.disabled:typeof l.disabled=="boolean"?x=l.disabled:x=!!s;let A=!1;typeof e.readOnly=="boolean"?A=e.readOnly:typeof l.readOnly=="boolean"?A=l.readOnly:A=!!c;let d=!1;typeof e.hidden=="boolean"&&(d=e.hidden);let G=_reacthookform.useController.call(void 0, {name:h,control:a.control,disabled:x,defaultValue:e.defaultValue,rules:x||A||d?{required:!1}:O(e)});return{...e,label:g,dataField:h,controller:G}};var Ge=(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))(Ge||{});var Zr=M;exports.BgsArrayForm = xe; exports.BgsGroupForm = Re; exports.BgsReactFormProvider = X; exports.PatternTypeEnum = Ge; exports.default = Zr; exports.getFieldValue = C; exports.useBgsArrayForm = I; exports.useBgsForm = y; exports.useBgsGroupForm = w; exports.useController = Er; exports.useFormArrayInit = Z; exports.useFormInit = E;
+"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 G=_react.createContext.call(void 0, void 0);function g(){let e=_react.useContext.call(void 0, G);return e||{}}function C({children:e,controller:r,onSubmit:t}){let i=_react.useRef.call(void 0, []),a=_react.useCallback.call(void 0, o=>{let c=i.current.findIndex(p=>p.id===o.id);if(c>-1){let p=[...i.current];p[c]=o,i.current=[...p]}else i.current.push(o)},[i]),n=_react.useCallback.call(void 0, o=>{i.current=i.current.filter(c=>c.id!==o)},[]),u=async(o,c)=>{r.setIsSubmit(!0);let p=c?await r.formControl.trigger():!0,l=r.getData();p&&t&&t({...l,...o},{...r})},m={...r,registerItem:a,unregisterItem:n,items:i.current,triggerSubmit:u};return _jsxruntime.jsx.call(void 0, G.Provider,{value:m,children:e})}function h(){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 N(e,r){return typeof e=="function"?e(r):e}var y={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,a)=>a.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=y.snackCase(y.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 L(e,r){try{return JSON.stringify(e)!==JSON.stringify(r)}catch (e3){return!1}}var R=e=>(Object.keys(e).forEach(r=>{e[r]===void 0&&(e[r]=null)}),e),U= exports.getFieldValue =(e,r,t="")=>{if(!e)return t;if(e.hasOwnProperty(r))return e[r];let i=r.replace(/\[(\d+)\]/g,".$1").split("."),a=e;for(let n of i){if(a==null)return t;a=a[n]}return a===void 0?t:a};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 a(m){return t.add(m),()=>t.delete(m)}function n(m){typeof m=="function"?r=m(r):r=m,t.forEach(o=>o())}function u(m){return _react.useSyncExternalStore.call(void 0, a,()=>m?m(r):r,()=>m?m(r):r)}return{getSnapshot:i,subscribe:a,setState:n,useStore:u}}var S=new WeakMap;function D(e){return S.has(e)||S.set(e,M({})),S.get(e)}var E=(e,r)=>{e||(e={});let t=_react.useRef.call(void 0, null),[i,a]=_react.useState.call(void 0, !1),n=_reacthookform.useForm.call(void 0, {...r,reValidateMode:"onSubmit",mode:"all",defaultValues:e}),u=D(n),m=_react.useMemo.call(void 0, ()=>h(),[]),o=l=>l?U(R(n.getValues()),l):R(n.getValues()),p={...n,ref:t,reset:l=>{l?typeof l=="string"?n.resetField(l,{}):typeof l=="object"&&K(l,0)&&l.forEach(f=>n.resetField(f)):n.reset()},updateData:l=>{let f=o();n.reset({...f,...l})},getData:o,formControl:n,useFieldArray:l=>_reacthookform.useFieldArray.call(void 0, {control:n.control,name:l}),useWatch:l=>_reacthookform.useWatch.call(void 0, {control:n.control,name:l}),isSubmit:i,formId:m,setIsSubmit:a,useSelected:l=>u.useStore(f=>U(f,l)),setSelected:u.setState};return[p,p]};var fe=({onSubmit:e,onChange:r=()=>{},onInvalid:t=()=>{},formData:i,controller:a,children:n,...u})=>{let m=_nullishCoalesce(a, () => (E())),[o]=Array.isArray(m)?m:[m],c=_react.useRef.call(void 0, void 0),p=async l=>{l.preventDefault(),l.stopPropagation(),o.setIsSubmit(!0);let f=await o.formControl.trigger(),b=o.getData();f?e&&e({...b},{...o}):t(o.formControl.formState.errors)};return _react.useEffect.call(void 0, ()=>{i&&L(c.current||{},i)&&(o.formControl.reset(i),c.current=i)},[i,o.formControl.reset]),_react.useEffect.call(void 0, ()=>{if(!r)return;let l=o.formControl.watch(r);return()=>l.unsubscribe()},[]),_jsxruntime.jsx.call(void 0, _jsxruntime.Fragment,{children:_jsxruntime.jsx.call(void 0, C,{controller:{...o,disabled:_optionalChain([u, 'optionalAccess', _23 => _23.disabled]),readOnly:_optionalChain([u, 'optionalAccess', _24 => _24.readOnly])},onSubmit:e,children:_jsxruntime.jsx.call(void 0, "form",{...u,id:o.formId,ref:o.ref,onSubmit:p,children:n})})})},Z=fe;var q=_react.createContext.call(void 0, void 0);function I(){let e=_react.useContext.call(void 0, q);return e||{}}function $({children:e,...r}){return _jsxruntime.jsx.call(void 0, q.Provider,{value:r,children:e})}var H=e=>{let r=g(),t=_reacthookform.useFieldArray.call(void 0, {control:r.control,name:e}),a={formArrayId:_react.useMemo.call(void 0, ()=>h(),[]),...t,...r};return[a,a]};var j=({name:e,defaultData:r,controller:t,children:i})=>{let a=_nullishCoalesce(t, () => (H(e))),[n]=Array.isArray(a)?a:[a];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((u,m)=>{let o=`${e}.${m}.`,c={...n,index:m,name:o,countFields:n.fields.length,removeItem:()=>n.remove(m),watchItem:p=>n.watch(p?`${o}${p}`:o.slice(0,-1)),setValueItem:(p,l)=>n.setValue(`${o}${p}`,l),useSelectedItem:p=>n.useSelected(`${o}${p}`)};return _jsxruntime.jsx.call(void 0, _react2.default.Fragment,{children:_jsxruntime.jsx.call(void 0, $,{...c,children:N(i,c)})},u.id||m)})})};j.displayName="BgsFormArray";var Ue=j;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 Q=({children:e,...r})=>{let t=g(),i=_react.useMemo.call(void 0, ()=>h(),[]);return _jsxruntime.jsx.call(void 0, _jsxruntime.Fragment,{children:_jsxruntime.jsx.call(void 0, O,{...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 v({validationRules:e,label:r}){let{formControl:t,getData:i}=g(),a=[];return e&&(typeof e=="string"?ee(e,!0,r,t,i,{}).forEach(n=>a.push(n)):typeof e=="object"&&Object.keys(e).forEach(n=>{let{validate:u}=a.find(o=>o.validate)||{};if(["minLength","maxLength","min","max","match","diff","regexp","pattern","required","email"].includes(n)){let o=e[n],c="";if(n==="email"&&!o)return;["match","diff"].includes(n)&&typeof o=="object"&&(o=e[n].dataField,c=e[n].label),o!=null&&ee(n,o,r,t,i,u,c).forEach(p=>a.push(p))}else if(typeof e[n]=="object"){let o=e[n];a.push({validate:{...u,[n]:c=>o.validation(c)||o.message&&(typeof o.message=="string"?o.message:o.message(r))}})}})),Object.assign({},...a)}var ee=(e,r,t,i,a,n,u)=>{let m=[],{validationMessage:o}=Y(),{required:c,minLength:p,maxLength:l,min:f,max:b,email:F,match:x,diff:T,pattern:d}=o||{},A={required:{value:!!r,message:c?c(t):`${t} is required`},minLength:{value:r,message:p?p(t,r):`${t} must be at least ${r} characters long`},maxLength:{value:r,message:l?l(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:b?b(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,}))$/)||(F?F(t):`${t} must be type email`):!0,match:(s="")=>s?s===(a&&a(r))||(x?x(t,u||y.changeAll(r)):`${t} must be same with ${u||y.changeAll(r)}`):!0,diff:(s="")=>s?s!==(a&&a(r))||(T?T(t,u||y.changeAll(r)):`${t} must be different with ${u||y.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}=m.find(re=>re.validate)||{};typeof A=="function"?m.push({validate:{...s,...n,[e]:A}}):e==="pattern"?m.push({validate:{...s,...n,[`${e}${r}`]:A[r]}}):m.push({[e]:A})}return m};var _r=e=>{let r=_react.useMemo.call(void 0, ()=>h(),[]),{registerItem:t,unregisterItem:i,formControl:a,disabled:n,readOnly:u,formId:m}=g(),{name:o,formId:c,...p}=B(),{formId:l,name:f}=I(),b=e.label,F=e.dataField;_react.useEffect.call(void 0, ()=>(t({id:r,...e}),()=>{i(r)}),[r,e]),!e.label&&!e.noLabel&&(b=y.changeAll(F)),f&&m===l&&(F=`${f}${F}`);let x=!1;typeof e.disabled=="boolean"?x=e.disabled:typeof p.disabled=="boolean"?x=p.disabled:x=!!n;let T=!1;typeof e.readOnly=="boolean"?T=e.readOnly:typeof p.readOnly=="boolean"?T=p.readOnly:T=!!u;let d=!1;typeof e.hidden=="boolean"&&(d=e.hidden);let W=_reacthookform.useController.call(void 0, {name:F,control:a.control,disabled:x,defaultValue:e.defaultValue,rules:x||T||d?{required:!1}:v(e)});return{...e,label:b,dataField:F,controller:W}};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 Vr=Z;exports.BgsArrayForm = Ue; exports.BgsGroupForm = $e; exports.BgsReactFormProvider = V; exports.PatternTypeEnum = Ne; exports.createStore = M; exports.default = Vr; exports.getFieldValue = U; exports.useBgsArrayForm = I; exports.useBgsForm = g; exports.useBgsGroupForm = B; exports.useController = _r; exports.useFormArrayInit = H; exports.useFormInit = E;

package/dist/index.d.cts

@@ -37,6 +37,7 @@ type FormProps<T = unknown> = Omit<React.FormHTMLAttributes<HTMLFormElement>, "o
     }) => void;
     onInvalid?: (errors: FieldErrors) => void;
 };
+type SetSelectedFn<T> = (newState: SelectedNested<T> | ((prev: SelectedNested<T>) => SelectedNested<T>)) => void;
 interface UseFormInitReturn<T = unknown> extends FormDefaultProps, Omit<UseFormReturn, "reset"> {
     reset: (field?: string | string[]) => void;
     updateData: (values: Partial<T>) => void;
@@ -49,9 +50,8 @@ interface UseFormInitReturn<T = unknown> extends FormDefaultProps, Omit<UseFormR
     formId: string;
     name?: string;
     ref: React.RefObject<HTMLFormElement | null>;
-    setSelected: React.Dispatch<React.SetStateAction<Partial<Record<NestedKeyOf<T>, any>>>>;
+    setSelected: SetSelectedFn<T>;
     useSelected: UseSelected<T>;
-    selected: Partial<Record<NestedKeyOf<T>, any>>;
 }
 interface FormArrayProps<T = unknown> {
     name: string;
@@ -199,4 +199,15 @@ declare const useController: (props: ControllerProps) => UseController;
 
 declare const getFieldValue: <T, P extends NestedKeyOf<T>, D = undefined>(obj: T, path: P, defaultValue?: D) => PathValue<T, P> | D;
 
-export { FormArray as BgsArrayForm, FormGroup as BgsGroupForm, BgsReactFormProvider, type ControllerProps, type FormArrayProps, type FormGroupProps, type FormProps, type OnSubmit, type PatternType, PatternTypeEnum, type SelectedNested, type TriggerSubmit, type UseBgsForm, type UseController, type UseFormArray, type UseFormArrayInitReturn, type UseFormInitReturn, type UseSelected, type ValidationCallback, type ValidationOptions, type ValidationRules, BgsForm as default, getFieldValue, useFormArray as useBgsArrayForm, useForm as useBgsForm, useFormGroup as useBgsGroupForm, useController, useFormArrayInit, useFormInit };
+type Listener = () => void;
+declare function createStore<T>(initialState: T): {
+    getSnapshot: () => T;
+    subscribe: (listener: Listener) => () => boolean;
+    setState: (newState: T | ((prev: T) => T)) => void;
+    useStore: {
+        (): T;
+        <K>(selector: (state: T) => K): K;
+    };
+};
+
+export { FormArray as BgsArrayForm, FormGroup as BgsGroupForm, BgsReactFormProvider, type ControllerProps, type FormArrayProps, type FormGroupProps, type FormProps, type OnSubmit, type PatternType, PatternTypeEnum, type SelectedNested, type TriggerSubmit, type UseBgsForm, type UseController, type UseFormArray, type UseFormArrayInitReturn, type UseFormInitReturn, type UseSelected, type ValidationCallback, type ValidationOptions, type ValidationRules, createStore, BgsForm as default, getFieldValue, useFormArray as useBgsArrayForm, useForm as useBgsForm, useFormGroup as useBgsGroupForm, useController, useFormArrayInit, useFormInit };

package/dist/index.d.ts

@@ -37,6 +37,7 @@ type FormProps<T = unknown> = Omit<React.FormHTMLAttributes<HTMLFormElement>, "o
     }) => void;
     onInvalid?: (errors: FieldErrors) => void;
 };
+type SetSelectedFn<T> = (newState: SelectedNested<T> | ((prev: SelectedNested<T>) => SelectedNested<T>)) => void;
 interface UseFormInitReturn<T = unknown> extends FormDefaultProps, Omit<UseFormReturn, "reset"> {
     reset: (field?: string | string[]) => void;
     updateData: (values: Partial<T>) => void;
@@ -49,9 +50,8 @@ interface UseFormInitReturn<T = unknown> extends FormDefaultProps, Omit<UseFormR
     formId: string;
     name?: string;
     ref: React.RefObject<HTMLFormElement | null>;
-    setSelected: React.Dispatch<React.SetStateAction<Partial<Record<NestedKeyOf<T>, any>>>>;
+    setSelected: SetSelectedFn<T>;
     useSelected: UseSelected<T>;
-    selected: Partial<Record<NestedKeyOf<T>, any>>;
 }
 interface FormArrayProps<T = unknown> {
     name: string;
@@ -199,4 +199,15 @@ declare const useController: (props: ControllerProps) => UseController;
 
 declare const getFieldValue: <T, P extends NestedKeyOf<T>, D = undefined>(obj: T, path: P, defaultValue?: D) => PathValue<T, P> | D;
 
-export { FormArray as BgsArrayForm, FormGroup as BgsGroupForm, BgsReactFormProvider, type ControllerProps, type FormArrayProps, type FormGroupProps, type FormProps, type OnSubmit, type PatternType, PatternTypeEnum, type SelectedNested, type TriggerSubmit, type UseBgsForm, type UseController, type UseFormArray, type UseFormArrayInitReturn, type UseFormInitReturn, type UseSelected, type ValidationCallback, type ValidationOptions, type ValidationRules, BgsForm as default, getFieldValue, useFormArray as useBgsArrayForm, useForm as useBgsForm, useFormGroup as useBgsGroupForm, useController, useFormArrayInit, useFormInit };
+type Listener = () => void;
+declare function createStore<T>(initialState: T): {
+    getSnapshot: () => T;
+    subscribe: (listener: Listener) => () => boolean;
+    setState: (newState: T | ((prev: T) => T)) => void;
+    useStore: {
+        (): T;
+        <K>(selector: (state: T) => K): K;
+    };
+};
+
+export { FormArray as BgsArrayForm, FormGroup as BgsGroupForm, BgsReactFormProvider, type ControllerProps, type FormArrayProps, type FormGroupProps, type FormProps, type OnSubmit, type PatternType, PatternTypeEnum, type SelectedNested, type TriggerSubmit, type UseBgsForm, type UseController, type UseFormArray, type UseFormArrayInitReturn, type UseFormInitReturn, type UseSelected, type ValidationCallback, type ValidationOptions, type ValidationRules, createStore, BgsForm as default, getFieldValue, useFormArray as useBgsArrayForm, useForm as useBgsForm, useFormGroup as useBgsGroupForm, useController, useFormArrayInit, useFormInit };

package/dist/index.js

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

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@bgscore/react-form",
-    "version": "0.0.27",
+    "version": "0.0.29",
     "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",