@bgscore/react-form 0.0.17 → 0.0.18
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.cjs +1 -1
- package/dist/index.js +1 -1
- package/package.json +1 -1
package/dist/index.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports, "__esModule", {value: true}); 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 _jsxruntime = require('react/jsx-runtime');var G=_react.createContext.call(void 0, void 0);function F(){let r=_react.useContext.call(void 0, G);return r||{}}function A({children:r,controller:e,onSubmit:t}){let i=_react.useRef.call(void 0, []),a=_react.useCallback.call(void 0, o=>{let u=i.current.findIndex(l=>l.id===o.id);if(u>-1){let l=[...i.current];l[u]=o,i.current=[...l]}else i.current.push(o)},[i]),s=_react.useCallback.call(void 0, o=>{i.current=i.current.filter(u=>u.id!==o)},[]),d=async(o,u)=>{e.setIsSubmit(!0);let l=u?await e.formControl.trigger():!0,c=e.getData();l&&t&&t({...c,...o},{...e})},m={...e,registerItem:a,unregisterItem:s,items:i.current,triggerSubmit:d};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 h={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=h.snackCase(h.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 R=r=>(Object.keys(r).forEach(e=>{r[e]===void 0&&(r[e]=null)}),r),C= exports.getFieldValue =(r,e,t)=>{if(!r)return"";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 L(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 D=(r,e)=>{r||(r={});let t=_react.useRef.call(void 0, null),[i,a]=_react.useState.call(void 0, !1),[s,d]=_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(),[]),u=p=>p?C(R(m.getValues()),p):R(m.getValues()),g={...m,ref:t,reset:p=>{p?typeof p=="string"?m.resetField(p,{}):typeof p=="object"&&L(p,0)&&p.forEach(y=>m.resetField(y)):m.reset()},updateData:p=>{let y=u();m.reset({...y,...p})},getData:u,formControl:m,useFieldArray:p=>_reacthookform.useFieldArray.call(void 0, {control:m.control,name:p}),useWatch:p=>_reacthookform.useWatch.call(void 0, {control:m.control,name:p}),isSubmit:i,formId:o,setIsSubmit:a,useSelected:p=>C(s,p),setSelected:d,selected:s};return[g,g]};var de=({onSubmit:r,onChange:e=()=>{},onInvalid:t=()=>{},formData:i,controller:a,children:s,...d})=>{let m=_nullishCoalesce(a, () => (D())),[o]=Array.isArray(m)?m:[m],u=_react.useRef.call(void 0, void 0),l=async c=>{c.preventDefault(),c.stopPropagation(),o.setIsSubmit(!0);let g=await o.formControl.trigger(),p=o.getData();g?r&&r({...p},{...o}):t(o.formControl.formState.errors)};return _react.useEffect.call(void 0, ()=>{i&&N(u.current||{},i)&&(o.formControl.reset(i),u.current=i)},[i,o.formControl.reset]),_react.useEffect.call(void 0, ()=>{if(!e)return;let c=o.formControl.watch(e);return()=>c.unsubscribe()},[]),_jsxruntime.jsx.call(void 0, _jsxruntime.Fragment,{children:_jsxruntime.jsx.call(void 0, A,{controller:o,onSubmit:r,children:_jsxruntime.jsx.call(void 0, "form",{...d,id:o.formId,ref:o.ref,onSubmit:l,children:s})})})},K=de;var z=_react.createContext.call(void 0, void 0);function Fe(){let r=_react.useContext.call(void 0, z);return r||{}}function P({children:r,...e}){return _jsxruntime.jsx.call(void 0, z.Provider,{value:e,children:r})}var Z=r=>{let e=F(),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 H=({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((d,m)=>{let o=`${r}.${m}.`,u={...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,c)=>s.setValue(`${o}${l}`,c),useSelectedItem:l=>s.useSelected(`${o}${l}`)};return _jsxruntime.jsx.call(void 0, _jsxruntime.Fragment,{children:_jsxruntime.jsx.call(void 0, P,{...u,children:k(i,u)},d.id)})})})};H.displayName="BgsFormArray";var Ue=H;var j=_react.createContext.call(void 0, void 0);function Te(){let r=_react.useContext.call(void 0, j);return r||{}}function S({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 w({children:r,...e}){return _jsxruntime.jsx.call(void 0, J.Provider,{value:e,children:r})}var _=_react.createContext.call(void 0, void 0);function Q(){let r=_react.useContext.call(void 0, _);return r||{}}function X({children:r,...e}){return _jsxruntime.jsx.call(void 0, _.Provider,{value:e,children:r})}function B({validationRules:r,label:e}){let{formControl:t,getData:i}=F(),a=[];return r&&(typeof r=="string"?Y(r,!0,e,t,i,{}).forEach(s=>a.push(s)):typeof r=="object"&&Object.keys(r).forEach(s=>{let{validate:d}=a.find(o=>o.validate)||{};if(["minLength","maxLength","min","max","match","diff","regexp","pattern","required","email"].includes(s)){let o=r[s],u="";if(s==="email"&&!o)return;["match","diff"].includes(s)&&typeof o=="object"&&(o=r[s].dataField,u=r[s].label),o!=null&&Y(s,o,e,t,i,d,u).forEach(l=>a.push(l))}else if(typeof r[s]=="object"){let o=r[s];a.push({validate:{...d,[s]:u=>o.validation(u)||o.message&&(typeof o.message=="string"?o.message:o.message(e))}})}})),Object.assign({},...a)}var Y=(r,e,t,i,a,s,d)=>{let m=[],{validationMessage:o}=Q(),{required:u,minLength:l,maxLength:c,min:g,max:p,email:y,match:W,diff:O,pattern:f}=o||{},b={required:{value:!!e,message:u?u(t):`${t} is required`},minLength:{value:e,message:l?l(t,e):`${t} must be at least ${e} characters long`},maxLength:{value:e,message:c?c(t,e):`${t} cannot be more than ${e} characters long`},min:{value:Number(e),message:g?g(t,e):`${t} should be at least ${e}`},max:{value:Number(e),message:p?p(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,}))$/)||(y?y(t):`${t} must be type email`):!0,match:(n="")=>n?n===(a&&a(e))||(W?W(t,d||h.changeAll(e)):`${t} must be same with ${d||h.changeAll(e)}`):!0,diff:(n="")=>n?n!==(a&&a(e))||(O?O(t,d||h.changeAll(e)):`${t} must be different with ${d||h.changeAll(e)}`):!0,pattern:{alphabet:(n="")=>!!n&&new RegExp("^[A-Za-z ]*$").test(n)||(_optionalChain([f, 'optionalAccess', _23 => _23.alphabet])?_optionalChain([f, 'optionalAccess', _24 => _24.alphabet, 'call', _25 => _25(t)]):`${t} must be format Alphabet`),alphanumber:(n="")=>!!n&&new RegExp("^[A-Za-z0-9 ]*$").test(n)||(_optionalChain([f, 'optionalAccess', _26 => _26.alphanumber])?_optionalChain([f, 'optionalAccess', _27 => _27.alphanumber, 'call', _28 => _28(t)]):`${t} must be format Alphabet or Number`),number:(n="")=>!!n&&new RegExp("^[0-9]*$").test(n)||(_optionalChain([f, 'optionalAccess', _29 => _29.number])?_optionalChain([f, 'optionalAccess', _30 => _30.number, 'call', _31 => _31(t)]):`${t} must be format Number`),lowercase:(n="")=>!!n&&new RegExp("^[a-z0-9 ]*$").test(n)||(_optionalChain([f, 'optionalAccess', _32 => _32.lowercase])?_optionalChain([f, 'optionalAccess', _33 => _33.lowercase, 'call', _34 => _34(t)]):`${t} must be format Lowercase`),url:(n="")=>!!n&&/^(ftp|http|https):\/\/[^ "]+$/.test(n)||(_optionalChain([f, 'optionalAccess', _35 => _35.url])?_optionalChain([f, 'optionalAccess', _36 => _36.url, 'call', _37 => _37(t)]):`${t} must be a valid URL`),uppercase:(n="")=>!!n&&new RegExp("^[A-Z0-9 ]*$").test(n)||(_optionalChain([f, 'optionalAccess', _38 => _38.uppercase])?_optionalChain([f, 'optionalAccess', _39 => _39.uppercase, 'call', _40 => _40(t)]):`${t} must be format Uppercase`),mixedcase:(n="")=>!!n&&/[a-z]/.test(n)&&/[A-Z]/.test(n)||(_optionalChain([f, 'optionalAccess', _41 => _41.mixedcase])?_optionalChain([f, 'optionalAccess', _42 => _42.mixedcase, 'call', _43 => _43(t)]):`${t} must be mixed case`),specialcharacters:(n="")=>!!n&&/[^a-zA-Z0-9\s]/.test(n)||(_optionalChain([f, 'optionalAccess', _44 => _44.specialcharacters])?_optionalChain([f, 'optionalAccess', _45 => _45.specialcharacters, 'call', _46 => _46(t)]):`${t} must contain special characters`)}}[r];if(b){let{validate:n}=m.find(te=>te.validate)||{};typeof b=="function"?m.push({validate:{...n,...s,[r]:b}}):r==="pattern"?m.push({validate:{...n,...s,[`${r}${e}`]:b[e]}}):m.push({[r]:b})}return m};var ke=({children:r,...e})=>{let t=_react.useMemo.call(void 0, ()=>x(),[]),{registerItem:i,unregisterItem:a,formControl:s,disabled:d,readOnly:m}=F(),{name:o,formId:u,...l}=$();_react.useEffect.call(void 0, ()=>(i({id:t,...e}),()=>{a(t)}),[t,e]),!e.label&&!e.noLabel&&(e.label=h.changeAll(e.dataField));let c=!1;typeof e.disabled=="boolean"?c=e.disabled:typeof l.disabled=="boolean"?c=l.disabled:c=!!d;let g=!1;typeof e.readOnly=="boolean"?g=e.readOnly:typeof l.readOnly=="boolean"?g=l.readOnly:g=!!m;let p=!1;return typeof e.hidden=="boolean"&&(p=e.hidden),_jsxruntime.jsx.call(void 0, _jsxruntime.Fragment,{children:s.control&&_jsxruntime.jsx.call(void 0, _reacthookform.Controller,{name:e.dataField,control:s.control,rules:c||g||p?{required:!1}:B(e),render:y=>_jsxruntime.jsx.call(void 0, _jsxruntime.Fragment,{children:_jsxruntime.jsx.call(void 0, S,{...e,controller:y,children:r})})})})},Ne= exports.BgsController =ke;var re=({children:r,...e})=>{let t=F(),i=_react.useMemo.call(void 0, ()=>x(),[]);return _jsxruntime.jsx.call(void 0, _jsxruntime.Fragment,{children:_jsxruntime.jsx.call(void 0, w,{...t,...e,formGroupId:i,children:r})})};re.displayName="BgsFormGroup";var Ee=re;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 st=K;exports.BgsArrayForm = Ue; exports.BgsController = Ne; exports.BgsGroupForm = Ee; exports.BgsReactFormProvider = X; exports.PatternTypeEnum = Me; exports.default = st; exports.getFieldValue = C; exports.useBgsArrayForm = Fe; exports.useBgsControllerForm = Te; exports.useBgsForm = F; exports.useBgsGroupForm = $; exports.useFormArrayInit = Z; exports.useFormInit = D;
|
|
1
|
+
"use strict";Object.defineProperty(exports, "__esModule", {value: true}); 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 _jsxruntime = require('react/jsx-runtime');var G=_react.createContext.call(void 0, void 0);function F(){let r=_react.useContext.call(void 0, G);return r||{}}function A({children:r,controller:e,onSubmit:t}){let i=_react.useRef.call(void 0, []),a=_react.useCallback.call(void 0, o=>{let u=i.current.findIndex(l=>l.id===o.id);if(u>-1){let l=[...i.current];l[u]=o,i.current=[...l]}else i.current.push(o)},[i]),s=_react.useCallback.call(void 0, o=>{i.current=i.current.filter(u=>u.id!==o)},[]),c=async(o,u)=>{e.setIsSubmit(!0);let l=u?await e.formControl.trigger():!0,d=e.getData();l&&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 h(){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 x={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=x.snackCase(x.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 T=r=>(Object.keys(r).forEach(e=>{r[e]===void 0&&(r[e]=null)}),r),C= exports.getFieldValue =(r,e,t)=>{if(!r)return"";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 L(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 D=(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, ()=>h(),[]),u=p=>p?C(T(m.getValues()),p):T(m.getValues()),g={...m,ref:t,reset:p=>{p?typeof p=="string"?m.resetField(p,{}):typeof p=="object"&&L(p,0)&&p.forEach(y=>m.resetField(y)):m.reset()},updateData:p=>{let y=u();m.reset({...y,...p})},getData:u,formControl:m,useFieldArray:p=>_reacthookform.useFieldArray.call(void 0, {control:m.control,name:p}),useWatch:p=>_reacthookform.useWatch.call(void 0, {control:m.control,name:p}),isSubmit:i,formId:o,setIsSubmit:a,useSelected:p=>C(s,p),setSelected:c,selected:s};return[g,g]};var de=({onSubmit:r,onChange:e=()=>{},onInvalid:t=()=>{},formData:i,controller:a,children:s,...c})=>{let m=_nullishCoalesce(a, () => (D())),[o]=Array.isArray(m)?m:[m],u=_react.useRef.call(void 0, void 0),l=async d=>{d.preventDefault(),d.stopPropagation(),o.setIsSubmit(!0);let g=await o.formControl.trigger(),p=o.getData();g?r&&r({...p},{...o}):t(o.formControl.formState.errors)};return _react.useEffect.call(void 0, ()=>{i&&N(u.current||{},i)&&(o.formControl.reset(i),u.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, A,{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:l,children:s})})})},K=de;var z=_react.createContext.call(void 0, void 0);function Fe(){let r=_react.useContext.call(void 0, z);return r||{}}function R({children:r,...e}){return _jsxruntime.jsx.call(void 0, z.Provider,{value:e,children:r})}var Z=r=>{let e=F(),t=_reacthookform.useFieldArray.call(void 0, {control:e.control,name:r}),a={formArrayId:_react.useMemo.call(void 0, ()=>h(),[]),...t,...e};return[a,a]};var H=({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}.`,u={...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, _jsxruntime.Fragment,{children:_jsxruntime.jsx.call(void 0, R,{...u,children:k(i,u)},c.id)})})})};H.displayName="BgsFormArray";var Ue=H;var j=_react.createContext.call(void 0, void 0);function Pe(){let r=_react.useContext.call(void 0, j);return r||{}}function S({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 w({children:r,...e}){return _jsxruntime.jsx.call(void 0, J.Provider,{value:e,children:r})}var _=_react.createContext.call(void 0, void 0);function Q(){let r=_react.useContext.call(void 0, _);return r||{}}function X({children:r,...e}){return _jsxruntime.jsx.call(void 0, _.Provider,{value:e,children:r})}function B({validationRules:r,label:e}){let{formControl:t,getData:i}=F(),a=[];return r&&(typeof r=="string"?Y(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],u="";if(s==="email"&&!o)return;["match","diff"].includes(s)&&typeof o=="object"&&(o=r[s].dataField,u=r[s].label),o!=null&&Y(s,o,e,t,i,c,u).forEach(l=>a.push(l))}else if(typeof r[s]=="object"){let o=r[s];a.push({validate:{...c,[s]:u=>o.validation(u)||o.message&&(typeof o.message=="string"?o.message:o.message(e))}})}})),Object.assign({},...a)}var Y=(r,e,t,i,a,s,c)=>{let m=[],{validationMessage:o}=Q(),{required:u,minLength:l,maxLength:d,min:g,max:p,email:y,match:O,diff:v,pattern:f}=o||{},b={required:{value:!!e,message:u?u(t):`${t} is required`},minLength:{value:e,message:l?l(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:g?g(t,e):`${t} should be at least ${e}`},max:{value:Number(e),message:p?p(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,}))$/)||(y?y(t):`${t} must be type email`):!0,match:(n="")=>n?n===(a&&a(e))||(O?O(t,c||x.changeAll(e)):`${t} must be same with ${c||x.changeAll(e)}`):!0,diff:(n="")=>n?n!==(a&&a(e))||(v?v(t,c||x.changeAll(e)):`${t} must be different with ${c||x.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(b){let{validate:n}=m.find(te=>te.validate)||{};typeof b=="function"?m.push({validate:{...n,...s,[r]:b}}):r==="pattern"?m.push({validate:{...n,...s,[`${r}${e}`]:b[e]}}):m.push({[r]:b})}return m};var ke=({children:r,...e})=>{let t=_react.useMemo.call(void 0, ()=>h(),[]),{registerItem:i,unregisterItem:a,formControl:s,disabled:c,readOnly:m}=F(),{name:o,formId:u,...l}=$();_react.useEffect.call(void 0, ()=>(i({id:t,...e}),()=>{a(t)}),[t,e]),!e.label&&!e.noLabel&&(e.label=x.changeAll(e.dataField));let d=!1;typeof e.disabled=="boolean"?d=e.disabled:typeof l.disabled=="boolean"?d=l.disabled:d=!!c;let g=!1;typeof e.readOnly=="boolean"?g=e.readOnly:typeof l.readOnly=="boolean"?g=l.readOnly:g=!!m;let p=!1;return typeof e.hidden=="boolean"&&(p=e.hidden),_jsxruntime.jsx.call(void 0, _jsxruntime.Fragment,{children:s.control&&_jsxruntime.jsx.call(void 0, _reacthookform.Controller,{name:e.dataField,control:s.control,rules:d||g||p?{required:!1}:B(e),render:y=>_jsxruntime.jsx.call(void 0, _jsxruntime.Fragment,{children:_jsxruntime.jsx.call(void 0, S,{...e,controller:y,children:r})})})})},Ne= exports.BgsController =ke;var re=({children:r,...e})=>{let t=F(),i=_react.useMemo.call(void 0, ()=>h(),[]);return _jsxruntime.jsx.call(void 0, _jsxruntime.Fragment,{children:_jsxruntime.jsx.call(void 0, w,{...t,...e,formGroupId:i,children:r})})};re.displayName="BgsFormGroup";var Ee=re;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 st=K;exports.BgsArrayForm = Ue; exports.BgsController = Ne; exports.BgsGroupForm = Ee; exports.BgsReactFormProvider = X; exports.PatternTypeEnum = Me; exports.default = st; exports.getFieldValue = C; exports.useBgsArrayForm = Fe; exports.useBgsControllerForm = Pe; exports.useBgsForm = F; exports.useBgsGroupForm = $; exports.useFormArrayInit = Z; exports.useFormInit = D;
|
package/dist/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{useEffect as M,useRef as ce}from"react";import{createContext as oe,useCallback as
|
|
1
|
+
import{useEffect as M,useRef as ce}from"react";import{createContext as oe,useCallback as W,useContext as ne,useRef as se}from"react";import{jsx as ie}from"react/jsx-runtime";var G=oe(void 0);function F(){let r=ne(G);return r||{}}function A({children:r,controller:e,onSubmit:t}){let i=se([]),a=W(o=>{let u=i.current.findIndex(l=>l.id===o.id);if(u>-1){let l=[...i.current];l[u]=o,i.current=[...l]}else i.current.push(o)},[i]),s=W(o=>{i.current=i.current.filter(u=>u.id!==o)},[]),c=async(o,u)=>{e.setIsSubmit(!0);let l=u?await e.formControl.trigger():!0,d=e.getData();l&&t&&t({...d,...o},{...e})},m={...e,registerItem:a,unregisterItem:s,items:i.current,triggerSubmit:c};return ie(G.Provider,{value:m,children:r})}function h(){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 x={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=x.snackCase(x.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 T=r=>(Object.keys(r).forEach(e=>{r[e]===void 0&&(r[e]=null)}),r),C=(r,e,t)=>{if(!r)return"";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 L(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 ae,useForm as me,useWatch as le}from"react-hook-form";import{useMemo as pe,useRef as ue,useState as E}from"react";var D=(r,e)=>{r||(r={});let t=ue(null),[i,a]=E(!1),[s,c]=E({}),m=me({...e,reValidateMode:"onSubmit",mode:"all",defaultValues:r}),o=pe(()=>h(),[]),u=p=>p?C(T(m.getValues()),p):T(m.getValues()),g={...m,ref:t,reset:p=>{p?typeof p=="string"?m.resetField(p,{}):typeof p=="object"&&L(p,0)&&p.forEach(y=>m.resetField(y)):m.reset()},updateData:p=>{let y=u();m.reset({...y,...p})},getData:u,formControl:m,useFieldArray:p=>ae({control:m.control,name:p}),useWatch:p=>le({control:m.control,name:p}),isSubmit:i,formId:o,setIsSubmit:a,useSelected:p=>C(s,p),setSelected:c,selected:s};return[g,g]};import{Fragment as fe,jsx as P}from"react/jsx-runtime";var de=({onSubmit:r,onChange:e=()=>{},onInvalid:t=()=>{},formData:i,controller:a,children:s,...c})=>{let m=a??D(),[o]=Array.isArray(m)?m:[m],u=ce(void 0),l=async d=>{d.preventDefault(),d.stopPropagation(),o.setIsSubmit(!0);let g=await o.formControl.trigger(),p=o.getData();g?r&&r({...p},{...o}):t(o.formControl.formState.errors)};return M(()=>{i&&N(u.current||{},i)&&(o.formControl.reset(i),u.current=i)},[i,o.formControl.reset]),M(()=>{if(!e)return;let d=o.formControl.watch(e);return()=>d.unsubscribe()},[]),P(fe,{children:P(A,{controller:{...o,disabled:c?.disabled,readOnly:c?.readOnly},onSubmit:r,children:P("form",{...c,id:o.formId,ref:o.ref,onSubmit:l,children:s})})})},K=de;import{useEffect as Ce}from"react";import{createContext as ge,useContext as ye}from"react";import{jsx as xe}from"react/jsx-runtime";var z=ge(void 0);function Fe(){let r=ye(z);return r||{}}function R({children:r,...e}){return xe(z.Provider,{value:e,children:r})}import{useFieldArray as he}from"react-hook-form";import{useMemo as be}from"react";var Z=r=>{let e=F(),t=he({control:e.control,name:r}),a={formArrayId:be(()=>h(),[]),...t,...e};return[a,a]};import{Fragment as q,jsx as I}from"react/jsx-runtime";var H=({name:r,defaultData:e,controller:t,children:i})=>{let a=t??Z(r),[s]=Array.isArray(a)?a:[a];return Ce(()=>{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)},[]),I(q,{children:s.fields.map((c,m)=>{let o=`${r}.${m}.`,u={...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 I(q,{children:I(R,{...u,children:k(i,u)},c.id)})})})};H.displayName="BgsFormArray";var Ue=H;import{useEffect as ve,useMemo as We}from"react";import{createContext as Ae,useContext as Te}from"react";import{jsx as Re}from"react/jsx-runtime";var j=Ae(void 0);function Pe(){let r=Te(j);return r||{}}function S({children:r,...e}){return Re(j.Provider,{value:e,children:r})}import{Controller as Ge}from"react-hook-form";import{createContext as Ie,useContext as Se}from"react";import{jsx as $e}from"react/jsx-runtime";var J=Ie(void 0);function $(){let r=Se(J);return r||{}}function w({children:r,...e}){return $e(J.Provider,{value:e,children:r})}import{createContext as we,useContext as Be}from"react";import{jsx as Oe}from"react/jsx-runtime";var _=we(void 0);function Q(){let r=Be(_);return r||{}}function X({children:r,...e}){return Oe(_.Provider,{value:e,children:r})}function B({validationRules:r,label:e}){let{formControl:t,getData:i}=F(),a=[];return r&&(typeof r=="string"?Y(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],u="";if(s==="email"&&!o)return;["match","diff"].includes(s)&&typeof o=="object"&&(o=r[s].dataField,u=r[s].label),o!=null&&Y(s,o,e,t,i,c,u).forEach(l=>a.push(l))}else if(typeof r[s]=="object"){let o=r[s];a.push({validate:{...c,[s]:u=>o.validation(u)||o.message&&(typeof o.message=="string"?o.message:o.message(e))}})}})),Object.assign({},...a)}var Y=(r,e,t,i,a,s,c)=>{let m=[],{validationMessage:o}=Q(),{required:u,minLength:l,maxLength:d,min:g,max:p,email:y,match:O,diff:v,pattern:f}=o||{},b={required:{value:!!e,message:u?u(t):`${t} is required`},minLength:{value:e,message:l?l(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:g?g(t,e):`${t} should be at least ${e}`},max:{value:Number(e),message:p?p(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,}))$/)||(y?y(t):`${t} must be type email`):!0,match:(n="")=>n?n===(a&&a(e))||(O?O(t,c||x.changeAll(e)):`${t} must be same with ${c||x.changeAll(e)}`):!0,diff:(n="")=>n?n!==(a&&a(e))||(v?v(t,c||x.changeAll(e)):`${t} must be different with ${c||x.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(b){let{validate:n}=m.find(te=>te.validate)||{};typeof b=="function"?m.push({validate:{...n,...s,[r]:b}}):r==="pattern"?m.push({validate:{...n,...s,[`${r}${e}`]:b[e]}}):m.push({[r]:b})}return m};import{Fragment as V,jsx as U}from"react/jsx-runtime";var ke=({children:r,...e})=>{let t=We(()=>h(),[]),{registerItem:i,unregisterItem:a,formControl:s,disabled:c,readOnly:m}=F(),{name:o,formId:u,...l}=$();ve(()=>(i({id:t,...e}),()=>{a(t)}),[t,e]),!e.label&&!e.noLabel&&(e.label=x.changeAll(e.dataField));let d=!1;typeof e.disabled=="boolean"?d=e.disabled:typeof l.disabled=="boolean"?d=l.disabled:d=!!c;let g=!1;typeof e.readOnly=="boolean"?g=e.readOnly:typeof l.readOnly=="boolean"?g=l.readOnly:g=!!m;let p=!1;return typeof e.hidden=="boolean"&&(p=e.hidden),U(V,{children:s.control&&U(Ge,{name:e.dataField,control:s.control,rules:d||g||p?{required:!1}:B(e),render:y=>U(V,{children:U(S,{...e,controller:y,children:r})})})})},Ne=ke;import{useMemo as Le}from"react";import{Fragment as De,jsx as ee}from"react/jsx-runtime";var re=({children:r,...e})=>{let t=F(),i=Le(()=>h(),[]);return ee(De,{children:ee(w,{...t,...e,formGroupId:i,children:r})})};re.displayName="BgsFormGroup";var Ee=re;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 st=K;export{Ue as BgsArrayForm,Ne as BgsController,Ee as BgsGroupForm,X as BgsReactFormProvider,Me as PatternTypeEnum,st as default,C as getFieldValue,Fe as useBgsArrayForm,Pe as useBgsControllerForm,F as useBgsForm,$ as useBgsGroupForm,Z as useFormArrayInit,D as useFormInit};
|
package/package.json
CHANGED