@bgscore/react-form 0.0.24 → 0.0.25

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 G=_react.createContext.call(void 0, void 0);function y(){let r=_react.useContext.call(void 0, G);return r||{}}function T({children:r,controller:e,onSubmit:t}){let i=_react.useRef.call(void 0, []),a=_react.useCallback.call(void 0, o=>{let l=i.current.findIndex(p=>p.id===o.id);if(l>-1){let p=[...i.current];p[l]=o,i.current=[...p]}else i.current.push(o)},[i]),s=_react.useCallback.call(void 0, o=>{i.current=i.current.filter(l=>l.id!==o)},[]),c=async(o,l)=>{e.setIsSubmit(!0);let p=l?await e.formControl.trigger():!0,d=e.getData();p&&t&&t({...d,...o},{...e})},m={...e,registerItem:a,unregisterItem:s,items:i.current,triggerSubmit:c};return _jsxruntime.jsx.call(void 0, G.Provider,{value:m,children:r})}function x(){let r=()=>Math.random()*16%16|0;return"xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g,e=>(e==="x"?r():r()&3|8).toString(16))}function k(r,e){return typeof r=="function"?r(e):r}var F={camelCase:(r="")=>(r=r.split(".").map(e=>(e=e.charAt(0).toUpperCase()+e.slice(1),e)).join(" "),r=r.replace(/([a-z0-9])([A-Z])/g,"$1 $2"),r.charAt(0).toUpperCase()+r.slice(1)),snackCase:(r="")=>{let t=r.replace(/_([a-z])/g,(i,a)=>a.toUpperCase()).replace(/([A-Z])/g," $1");return t=t.charAt(0).toUpperCase()+t.slice(1),t},changeAll:(r="",e=!1)=>{let t="";try{r=_optionalChain([r, 'optionalAccess', _2 => _2.split, 'call', _3 => _3("."), 'access', _4 => _4[_optionalChain([r, 'optionalAccess', _5 => _5.split, 'call', _6 => _6("."), 'optionalAccess', _7 => _7.length])-1]]),r=_optionalChain([r, 'optionalAccess', _8 => _8.split, 'call', _9 => _9("[]"), 'access', _10 => _10[_optionalChain([r, 'optionalAccess', _11 => _11.split, 'call', _12 => _12("[]"), 'optionalAccess', _13 => _13.length])-1]]),t=F.snackCase(F.camelCase(r)),e&&(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(r,e){try{return JSON.stringify(r)!==JSON.stringify(e)}catch (e3){return!1}}var P=r=>(Object.keys(r).forEach(e=>{r[e]===void 0&&(r[e]=null)}),r),U= exports.getFieldValue =(r,e,t="")=>{if(!r)return t;if(r.hasOwnProperty(e))return r[e];let i=e.replace(/\[(\d+)\]/g,".$1").split("."),a=r;for(let s of i){if(a==null)return t;a=a[s]}return a===void 0?t:a};function D(r,e){let t=!1;return r&&typeof r=="object"&&Array.isArray(r)&&(typeof e=="number"?r.length>e&&(t=!0):t=!0),t}var _reacthookform = require('react-hook-form');var E=(r,e)=>{r||(r={});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, {...e,reValidateMode:"onSubmit",mode:"all",defaultValues:r}),o=_react.useMemo.call(void 0, ()=>x(),[]),l=u=>u?U(P(m.getValues()),u):P(m.getValues()),d={...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=l();m.reset({...g,...u})},getData:l,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=>U(s,u),setSelected:c,selected:s};return[d,d]};var de=({onSubmit:r,onChange:e=()=>{},onInvalid:t=()=>{},formData:i,controller:a,children:s,...c})=>{let m=_nullishCoalesce(a, () => (E())),[o]=Array.isArray(m)?m:[m],l=_react.useRef.call(void 0, void 0),p=async d=>{d.preventDefault(),d.stopPropagation(),o.setIsSubmit(!0);let u=await o.formControl.trigger(),g=o.getData();u?r&&r({...g},{...o}):t(o.formControl.formState.errors)};return _react.useEffect.call(void 0, ()=>{i&&N(l.current||{},i)&&(o.formControl.reset(i),l.current=i)},[i,o.formControl.reset]),_react.useEffect.call(void 0, ()=>{if(!e)return;let d=o.formControl.watch(e);return()=>d.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:r,children:_jsxruntime.jsx.call(void 0, "form",{...c,id:o.formId,ref:o.ref,onSubmit:p,children:s})})})},M=de;var z=_react.createContext.call(void 0, void 0);function I(){let r=_react.useContext.call(void 0, z);return r||{}}function $({children:r,...e}){return _jsxruntime.jsx.call(void 0, z.Provider,{value:e,children:r})}var Z=r=>{let e=y(),t=_reacthookform.useFieldArray.call(void 0, {control:e.control,name:r}),a={formArrayId:_react.useMemo.call(void 0, ()=>x(),[]),...t,...e};return[a,a]};var q=({name:r,defaultData:e,controller:t,children:i})=>{let a=_nullishCoalesce(t, () => (Z(r))),[s]=Array.isArray(a)?a:[a];return _react.useEffect.call(void 0, ()=>{typeof e=="boolean"&&e?s.append({}):typeof e=="number"&&e>0?s.append([...Array(e).fill(null).map(()=>({}))]):typeof e=="object"&&e&&s.append(e)},[]),_jsxruntime.jsx.call(void 0, _jsxruntime.Fragment,{children:s.fields.map((c,m)=>{let o=`${r}.${m}.`,l={...s,index:m,name:o,countFields:s.fields.length,removeItem:()=>s.remove(m),watchItem:p=>s.watch(p?`${o}${p}`:o.slice(0,-1)),setValueItem:(p,d)=>s.setValue(`${o}${p}`,d),useSelectedItem:p=>s.useSelected(`${o}${p}`)};return _jsxruntime.jsx.call(void 0, _react2.default.Fragment,{children:_jsxruntime.jsx.call(void 0, $,{...l,children:k(i,l)})},c.id||m)})})};q.displayName="BgsFormArray";var Ce=q;var H=_react.createContext.call(void 0, void 0);function Pe(){let r=_react.useContext.call(void 0, H);return r||{}}function w({children:r,...e}){return _jsxruntime.jsx.call(void 0, H.Provider,{value:e,children:r})}var j=_react.createContext.call(void 0, void 0);function B(){let r=_react.useContext.call(void 0, j);return r||{}}function O({children:r,...e}){return _jsxruntime.jsx.call(void 0, j.Provider,{value:e,children:r})}var J=_react.createContext.call(void 0, void 0);function _(){let r=_react.useContext.call(void 0, J);return r||{}}function Q({children:r,...e}){return _jsxruntime.jsx.call(void 0, J.Provider,{value:e,children:r})}function v({validationRules:r,label:e}){let{formControl:t,getData:i}=y(),a=[];return r&&(typeof r=="string"?X(r,!0,e,t,i,{}).forEach(s=>a.push(s)):typeof r=="object"&&Object.keys(r).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=r[s],l="";if(s==="email"&&!o)return;["match","diff"].includes(s)&&typeof o=="object"&&(o=r[s].dataField,l=r[s].label),o!=null&&X(s,o,e,t,i,c,l).forEach(p=>a.push(p))}else if(typeof r[s]=="object"){let o=r[s];a.push({validate:{...c,[s]:l=>o.validation(l)||o.message&&(typeof o.message=="string"?o.message:o.message(e))}})}})),Object.assign({},...a)}var X=(r,e,t,i,a,s,c)=>{let m=[],{validationMessage:o}=_(),{required:l,minLength:p,maxLength:d,min:u,max:g,email:h,match:b,diff:C,pattern:f}=o||{},A={required:{value:!!e,message:l?l(t):`${t} is required`},minLength:{value:e,message:p?p(t,e):`${t} must be at least ${e} characters long`},maxLength:{value:e,message:d?d(t,e):`${t} cannot be more than ${e} characters long`},min:{value:Number(e),message:u?u(t,e):`${t} should be at least ${e}`},max:{value:Number(e),message:g?g(t,e):`${t} should be at most ${e}`},regexp:(n="")=>n?new RegExp(e.regexp).test(n)||`${t} ${e.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(e))||(b?b(t,c||F.changeAll(e)):`${t} must be same with ${c||F.changeAll(e)}`):!0,diff:(n="")=>n?n!==(a&&a(e))||(C?C(t,c||F.changeAll(e)):`${t} must be different with ${c||F.changeAll(e)}`):!0,pattern:{alphabet:(n="")=>!!n&&new RegExp("^[A-Za-z ]*$").test(n)||(_optionalChain([f, 'optionalAccess', _25 => _25.alphabet])?_optionalChain([f, '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([f, 'optionalAccess', _28 => _28.alphanumber])?_optionalChain([f, '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([f, 'optionalAccess', _31 => _31.number])?_optionalChain([f, 'optionalAccess', _32 => _32.number, 'call', _33 => _33(t)]):`${t} must be format Number`),lowercase:(n="")=>!!n&&new RegExp("^[a-z0-9 ]*$").test(n)||(_optionalChain([f, 'optionalAccess', _34 => _34.lowercase])?_optionalChain([f, 'optionalAccess', _35 => _35.lowercase, 'call', _36 => _36(t)]):`${t} must be format Lowercase`),url:(n="")=>!!n&&/^(ftp|http|https):\/\/[^ "]+$/.test(n)||(_optionalChain([f, 'optionalAccess', _37 => _37.url])?_optionalChain([f, '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([f, 'optionalAccess', _40 => _40.uppercase])?_optionalChain([f, '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([f, 'optionalAccess', _43 => _43.mixedcase])?_optionalChain([f, 'optionalAccess', _44 => _44.mixedcase, 'call', _45 => _45(t)]):`${t} must be mixed case`),specialcharacters:(n="")=>!!n&&/[^a-zA-Z0-9\s]/.test(n)||(_optionalChain([f, 'optionalAccess', _46 => _46.specialcharacters])?_optionalChain([f, 'optionalAccess', _47 => _47.specialcharacters, 'call', _48 => _48(t)]):`${t} must contain special characters`)}}[r];if(A){let{validate:n}=m.find(re=>re.validate)||{};typeof A=="function"?m.push({validate:{...n,...s,[r]:A}}):r==="pattern"?m.push({validate:{...n,...s,[`${r}${e}`]:A[e]}}):m.push({[r]:A})}return m};var ke=({children:r,...e})=>{let t=_react.useMemo.call(void 0, ()=>x(),[]),{registerItem:i,unregisterItem:a,formControl:s,disabled:c,readOnly:m,formId:o}=y(),{name:l,formId:p,...d}=B(),{formId:u,name:g}=I();_react.useEffect.call(void 0, ()=>(i({id:t,...e}),()=>{a(t)}),[t,e]),!e.label&&!e.noLabel&&(e.label=F.changeAll(e.dataField)),g&&o===u&&(e.dataField=`${g}${e.dataField}`);let h=!1;typeof e.disabled=="boolean"?h=e.disabled:typeof d.disabled=="boolean"?h=d.disabled:h=!!c;let b=!1;typeof e.readOnly=="boolean"?b=e.readOnly:typeof d.readOnly=="boolean"?b=d.readOnly:b=!!m;let C=!1;typeof e.hidden=="boolean"&&(C=e.hidden);let f=_reacthookform.useController.call(void 0, {name:e.dataField,control:s.control,disabled:h,defaultValue:e.defaultValue,rules:h||b||C?{required:!1}:v(e)});return _jsxruntime.jsx.call(void 0, _jsxruntime.Fragment,{children:_jsxruntime.jsx.call(void 0, w,{...e,controller:f,children:r})})},Ne= exports.BgsController =ke;var ee=({children:r,...e})=>{let t=y(),i=_react.useMemo.call(void 0, ()=>x(),[]);return _jsxruntime.jsx.call(void 0, _jsxruntime.Fragment,{children:_jsxruntime.jsx.call(void 0, O,{...t,...e,formGroupId:i,children:r})})};ee.displayName="BgsFormGroup";var Ee=ee;var Me=(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))(Me||{});var it=M;exports.BgsArrayForm = Ce; exports.BgsController = Ne; exports.BgsGroupForm = Ee; exports.BgsReactFormProvider = Q; exports.PatternTypeEnum = Me; exports.default = it; exports.getFieldValue = U; exports.useBgsArrayForm = I; exports.useBgsControllerForm = Pe; exports.useBgsForm = y; exports.useBgsGroupForm = B; 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 W=_react.createContext.call(void 0, void 0);function y(){let e=_react.useContext.call(void 0, W);return e||{}}function T({children:e,controller:r,onSubmit:t}){let a=_react.useRef.call(void 0, []),i=_react.useCallback.call(void 0, o=>{let p=a.current.findIndex(l=>l.id===o.id);if(p>-1){let l=[...a.current];l[p]=o,a.current=[...l]}else a.current.push(o)},[a]),s=_react.useCallback.call(void 0, o=>{a.current=a.current.filter(p=>p.id!==o)},[]),c=async(o,p)=>{r.setIsSubmit(!0);let l=p?await r.formControl.trigger():!0,d=r.getData();l&&t&&t({...d,...o},{...r})},m={...r,registerItem:i,unregisterItem:s,items:a.current,triggerSubmit:c};return _jsxruntime.jsx.call(void 0, W.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 k(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,(a,i)=>i.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(a=>_optionalChain([a, 'optionalAccess', _18 => _18.length])<=3?_optionalChain([a, 'optionalAccess', _19 => _19.toUpperCase, 'call', _20 => _20()]):a), 'optionalAccess', _21 => _21.join, 'call', _22 => _22(" ")]))}catch (e2){}return t}};function v(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 a=r.replace(/\[(\d+)\]/g,".$1").split("."),i=e;for(let s of a){if(i==null)return t;i=i[s]}return i===void 0?t:i};function N(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 L=(e,r)=>{e||(e={});let t=_react.useRef.call(void 0, null),[a,i]=_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, ()=>h(),[]),p=u=>u?C(R(m.getValues()),u):R(m.getValues()),d={...m,ref:t,reset:u=>{u?typeof u=="string"?m.resetField(u,{}):typeof u=="object"&&N(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:a,formId:o,setIsSubmit:i,useSelected:u=>C(s,u),setSelected:c,selected:s};return[d,d]};var le=({onSubmit:e,onChange:r=()=>{},onInvalid:t=()=>{},formData:a,controller:i,children:s,...c})=>{let m=_nullishCoalesce(i, () => (L())),[o]=Array.isArray(m)?m:[m],p=_react.useRef.call(void 0, void 0),l=async d=>{d.preventDefault(),d.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, ()=>{a&&v(p.current||{},a)&&(o.formControl.reset(a),p.current=a)},[a,o.formControl.reset]),_react.useEffect.call(void 0, ()=>{if(!r)return;let d=o.formControl.watch(r);return()=>d.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})})})},K=le;var M=_react.createContext.call(void 0, void 0);function I(){let e=_react.useContext.call(void 0, M);return e||{}}function $({children:e,...r}){return _jsxruntime.jsx.call(void 0, M.Provider,{value:r,children:e})}var z=e=>{let r=y(),t=_reacthookform.useFieldArray.call(void 0, {control:r.control,name:e}),i={formArrayId:_react.useMemo.call(void 0, ()=>h(),[]),...t,...r};return[i,i]};var Z=({name:e,defaultData:r,controller:t,children:a})=>{let i=_nullishCoalesce(t, () => (z(e))),[s]=Array.isArray(i)?i:[i];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,d)=>s.setValue(`${o}${l}`,d),useSelectedItem:l=>s.useSelected(`${o}${l}`)};return _jsxruntime.jsx.call(void 0, _react2.default.Fragment,{children:_jsxruntime.jsx.call(void 0, $,{...p,children:k(a,p)})},c.id||m)})})};Z.displayName="BgsFormArray";var he=Z;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 j=({children:e,...r})=>{let t=y(),a=_react.useMemo.call(void 0, ()=>h(),[]);return _jsxruntime.jsx.call(void 0, _jsxruntime.Fragment,{children:_jsxruntime.jsx.call(void 0, B,{...t,...r,formGroupId:a,children:e})})};j.displayName="BgsFormGroup";var Te=j;var J=_react.createContext.call(void 0, void 0);function _(){let e=_react.useContext.call(void 0, J);return e||{}}function Q({children:e,...r}){return _jsxruntime.jsx.call(void 0, J.Provider,{value:r,children:e})}function O({validationRules:e,label:r}){let{formControl:t,getData:a}=y(),i=[];return e&&(typeof e=="string"?X(e,!0,r,t,a,{}).forEach(s=>i.push(s)):typeof e=="object"&&Object.keys(e).forEach(s=>{let{validate:c}=i.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&&X(s,o,r,t,a,c,p).forEach(l=>i.push(l))}else if(typeof e[s]=="object"){let o=e[s];i.push({validate:{...c,[s]:p=>o.validation(p)||o.message&&(typeof o.message=="string"?o.message:o.message(r))}})}})),Object.assign({},...i)}var X=(e,r,t,a,i,s,c)=>{let m=[],{validationMessage:o}=_(),{required:p,minLength:l,maxLength:d,min:u,max:g,email:x,match:b,diff:U,pattern:f}=o||{},A={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:d?d(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,}))$/)||(x?x(t):`${t} must be type email`):!0,match:(n="")=>n?n===(i&&i(r))||(b?b(t,c||F.changeAll(r)):`${t} must be same with ${c||F.changeAll(r)}`):!0,diff:(n="")=>n?n!==(i&&i(r))||(U?U(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([f, 'optionalAccess', _25 => _25.alphabet])?_optionalChain([f, '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([f, 'optionalAccess', _28 => _28.alphanumber])?_optionalChain([f, '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([f, 'optionalAccess', _31 => _31.number])?_optionalChain([f, 'optionalAccess', _32 => _32.number, 'call', _33 => _33(t)]):`${t} must be format Number`),lowercase:(n="")=>!!n&&new RegExp("^[a-z0-9 ]*$").test(n)||(_optionalChain([f, 'optionalAccess', _34 => _34.lowercase])?_optionalChain([f, 'optionalAccess', _35 => _35.lowercase, 'call', _36 => _36(t)]):`${t} must be format Lowercase`),url:(n="")=>!!n&&/^(ftp|http|https):\/\/[^ "]+$/.test(n)||(_optionalChain([f, 'optionalAccess', _37 => _37.url])?_optionalChain([f, '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([f, 'optionalAccess', _40 => _40.uppercase])?_optionalChain([f, '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([f, 'optionalAccess', _43 => _43.mixedcase])?_optionalChain([f, 'optionalAccess', _44 => _44.mixedcase, 'call', _45 => _45(t)]):`${t} must be mixed case`),specialcharacters:(n="")=>!!n&&/[^a-zA-Z0-9\s]/.test(n)||(_optionalChain([f, 'optionalAccess', _46 => _46.specialcharacters])?_optionalChain([f, 'optionalAccess', _47 => _47.specialcharacters, 'call', _48 => _48(t)]):`${t} must contain special characters`)}}[e];if(A){let{validate:n}=m.find(Y=>Y.validate)||{};typeof A=="function"?m.push({validate:{...n,...s,[e]:A}}):e==="pattern"?m.push({validate:{...n,...s,[`${e}${r}`]:A[r]}}):m.push({[e]:A})}return m};var Er=e=>{let r=_react.useMemo.call(void 0, ()=>h(),[]),{registerItem:t,unregisterItem:a,formControl:i,disabled:s,readOnly:c,formId:m}=y(),{name:o,formId:p,...l}=w(),{formId:d,name:u}=I();_react.useEffect.call(void 0, ()=>(t({id:r,...e}),()=>{a(r)}),[r,e]),!e.label&&!e.noLabel&&(e.label=F.changeAll(e.dataField)),u&&m===d&&(e.dataField=`${u}${e.dataField}`);let g=!1;typeof e.disabled=="boolean"?g=e.disabled:typeof l.disabled=="boolean"?g=l.disabled:g=!!s;let x=!1;typeof e.readOnly=="boolean"?x=e.readOnly:typeof l.readOnly=="boolean"?x=l.readOnly:x=!!c;let b=!1;typeof e.hidden=="boolean"&&(b=e.hidden);let U=_reacthookform.useController.call(void 0, {name:e.dataField,control:i.control,disabled:g,defaultValue:e.defaultValue,rules:g||x||b?{required:!1}:O(e)});return{...e,controller:U}};var Oe=(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))(Oe||{});var Zr=K;exports.BgsArrayForm = he; exports.BgsGroupForm = Te; exports.BgsReactFormProvider = Q; exports.PatternTypeEnum = Oe; exports.default = Zr; exports.getFieldValue = C; exports.useBgsArrayForm = I; exports.useBgsForm = y; exports.useBgsGroupForm = w; exports.useController = Er; exports.useFormArrayInit = z; exports.useFormInit = L;

package/dist/index.d.cts

@@ -12,7 +12,7 @@ interface FormDefaultProps {
 }
 type Children<T = unknown> = ChildFunction<T> | React.ReactNode;
 type ChildFunction<T = unknown> = (props: T) => Children<T>;
-interface Controller$1 {
+interface Controller {
     field: ControllerRenderProps<FieldValues, string>;
     fieldState: ControllerFieldState;
     formState: UseFormStateReturn<FieldValues>;
@@ -142,7 +142,7 @@ type UseFormArray<T> = UseFormArrayInitReturn<T> & {
     useSelectedItem: UseSelected<T>;
 };
 type UseController = ControllerProps & {
-    controller: Controller$1;
+    controller: Controller;
 };
 
 declare const BgsForm: <T>({ onSubmit, onChange, onInvalid, formData, controller: controllerProps, children, ...others }: PropsWithChildren<FormProps<T>>) => react_jsx_runtime.JSX.Element;
@@ -152,8 +152,6 @@ declare const FormArray: {
     displayName: string;
 };
 
-declare const Controller: ({ children, ...props }: PropsWithChildren<ControllerProps>) => react_jsx_runtime.JSX.Element;
-
 declare const FormGroup: {
     ({ children, ...formProps }: PropsWithChildren<FormGroupProps>): react_jsx_runtime.JSX.Element;
     displayName: string;
@@ -161,8 +159,6 @@ declare const FormGroup: {
 
 declare function useFormArray<T = unknown>(): UseFormArray<T>;
 
-declare function useController<T = unknown>(): UseController & T;
-
 declare function useForm<T = unknown>(): UseBgsForm<T>;
 
 type UseFormGroup = FormGroupProps & UseFormInitReturn & {
@@ -199,6 +195,8 @@ declare const useFormInit: <T = unknown>(defaultValues?: Partial<T> | undefined,
 
 declare const useFormArrayInit: <T = unknown>(name: string) => UseFormArrayInitReturn<T>[];
 
+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, Controller as BgsController, 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, useController as useBgsControllerForm, useForm as useBgsForm, useFormGroup as useBgsGroupForm, useFormArrayInit, useFormInit };
+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 };

package/dist/index.d.ts

@@ -12,7 +12,7 @@ interface FormDefaultProps {
 }
 type Children<T = unknown> = ChildFunction<T> | React.ReactNode;
 type ChildFunction<T = unknown> = (props: T) => Children<T>;
-interface Controller$1 {
+interface Controller {
     field: ControllerRenderProps<FieldValues, string>;
     fieldState: ControllerFieldState;
     formState: UseFormStateReturn<FieldValues>;
@@ -142,7 +142,7 @@ type UseFormArray<T> = UseFormArrayInitReturn<T> & {
     useSelectedItem: UseSelected<T>;
 };
 type UseController = ControllerProps & {
-    controller: Controller$1;
+    controller: Controller;
 };
 
 declare const BgsForm: <T>({ onSubmit, onChange, onInvalid, formData, controller: controllerProps, children, ...others }: PropsWithChildren<FormProps<T>>) => react_jsx_runtime.JSX.Element;
@@ -152,8 +152,6 @@ declare const FormArray: {
     displayName: string;
 };
 
-declare const Controller: ({ children, ...props }: PropsWithChildren<ControllerProps>) => react_jsx_runtime.JSX.Element;
-
 declare const FormGroup: {
     ({ children, ...formProps }: PropsWithChildren<FormGroupProps>): react_jsx_runtime.JSX.Element;
     displayName: string;
@@ -161,8 +159,6 @@ declare const FormGroup: {
 
 declare function useFormArray<T = unknown>(): UseFormArray<T>;
 
-declare function useController<T = unknown>(): UseController & T;
-
 declare function useForm<T = unknown>(): UseBgsForm<T>;
 
 type UseFormGroup = FormGroupProps & UseFormInitReturn & {
@@ -199,6 +195,8 @@ declare const useFormInit: <T = unknown>(defaultValues?: Partial<T> | undefined,
 
 declare const useFormArrayInit: <T = unknown>(name: string) => UseFormArrayInitReturn<T>[];
 
+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, Controller as BgsController, 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, useController as useBgsControllerForm, useForm as useBgsForm, useFormGroup as useBgsGroupForm, useFormArrayInit, useFormInit };
+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 };

package/dist/index.js

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

package/package.json

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