linear-react-components-ui 1.1.26-beta.15 → 1.1.26-beta.17

package/lib/form/index.js

@@ -1,151 +1,166 @@
-import { jsxs as ar, jsx as N } from "react/jsx-runtime";
-import { useState as d, useContext as ur, useRef as U, useCallback as q, useEffect as F, Fragment as dr } from "react";
-import f from "../_virtual/lodash.js";
-import { changeValue as B, FormContext as mr } from "./helpers.js";
-import { default as Qr } from "./Field.js";
-import { default as Sr } from "./FieldNumber.js";
-import { default as Pr } from "./FieldArray.js";
-import { default as qr } from "./FieldPeriod.js";
-import '../styles/assets/styles/button.css';import '../styles/assets/styles/form.css';/* empty css                         */
+import { jsxs as mr, jsx as w } from "react/jsx-runtime";
+import { useState as m, useContext as pr, useRef as j, useCallback as C, useEffect as E, Fragment as gr } from "react";
+import n from "../_virtual/lodash.js";
+import { changeValue as M, FormContext as Er } from "./helpers.js";
+import { default as Rr } from "./Field.js";
+import { default as Qr } from "./FieldNumber.js";
+import { default as Dr } from "./FieldArray.js";
+import { default as Ur } from "./FieldPeriod.js";
+import '../assets/styles/form.css';/* empty css                         */
 import "../dialog/base/index.js";
-import "../buttons/DefaultButton.js";
-import "../icons/index.js";
-/* empty css                           */
-import pr from "../dialog/Question.js";
-import { FormSecurityContext as Fr } from "./withFormSecurity.js";
-import gr from "../node_modules/uuid/dist/v1.js";
-const br = ({
-  submitOnPressEnterKey: g = !0,
-  dataSource: m,
-  securityBeforeUnload: k,
-  handlerReset: w,
-  handlerSubmit: L,
-  handlerValidates: C,
-  style: M,
-  customClass: z,
-  securityTitle: $,
-  securityText: G,
-  securityData: J,
+import Fr from "../dialog/Question.js";
+import { FormSecurityContext as hr } from "./withFormSecurity.js";
+import yr from "../node_modules/uuid/dist/v1.js";
+const Cr = ({
+  submitOnPressEnterKey: F = !0,
+  dataSource: p,
+  securityBeforeUnload: x,
+  handlerReset: J,
+  handlerSubmit: W,
+  handlerValidates: A,
+  style: z,
+  customClass: I,
+  securityTitle: T,
+  securityText: $,
+  securityData: R,
   onDataChange: u,
-  onValidateForm: p,
-  externalFieldErrors: H,
-  onSubmit: T,
-  skeletonize: W,
+  onValidateForm: g,
+  externalFieldErrors: G,
+  onSubmit: H,
+  skeletonize: X,
   disabled: V,
-  children: X,
-  useInternalState: l = !1
+  children: Y,
+  useInternalState: l = !1,
+  onValidateErrorsOnTab: b
 }) => {
-  const Y = gr(), [x, b] = d(m), [y, Z] = d(m), [A, K] = d(g), [h, v] = d({}), [j, _] = d(0), [I, rr] = d(!1), c = ur(Fr), tr = U(null), a = U({}), s = l ? x : m, Q = (r, t) => {
+  const Z = yr(), [v, S] = m(p), [h, K] = m(p), [Q, _] = m(F), [O, N] = m({}), [q, rr] = m(0), [tr, er] = m(!1), f = pr(hr), or = j(null), a = j({}), d = j([]), i = l ? v : p, D = (r, t) => {
     const e = r instanceof Array ? r : [r];
     let o = [];
-    return e.forEach((i) => {
-      if (typeof i == "function") {
-        const n = i(t);
-        n && (o = [...o, n]);
+    return e.forEach((s) => {
+      if (typeof s == "function") {
+        const c = s(t);
+        c && (o = [...o, c]);
       }
     }), o;
-  }, or = (r, t) => {
-    const e = r || s;
-    let o = f.pickBy(h, (i, n) => Object.keys(t).includes(n));
-    return f.forEach(t, (i, n) => {
-      const P = f.get(e, n), lr = Q(i, P);
+  }, sr = (r, t) => {
+    const e = r || i;
+    let o = n.pickBy(O, (s, c) => Object.keys(t).includes(c));
+    return n.forEach(t, (s, c) => {
+      const L = n.get(e, c), dr = D(s, L);
       o = {
         ...o,
-        [n]: lr
+        [c]: dr
       };
     }), o;
-  }, E = (r, t = !0, e = null) => {
-    const o = or(r, e || a.current), i = Object.values(o).every((n) => n.length === 0);
-    return t && rr(i), i;
-  }, er = q((r) => {
+  }, y = (r, t = !0, e = null) => {
+    const o = sr(r, e || a.current), s = Object.values(o).every((c) => c.length === 0);
+    return t && er(s), s;
+  }, nr = C((r) => {
     const {
       target: t
     } = r;
-    !l && u ? u((e) => B(e, t)) : b((e) => B(e, t));
+    !l && u ? u((e) => M(e, t)) : S((e) => M(e, t));
   }, []), ir = (r, t, e) => {
     if (e) {
-      let o = h;
-      const i = Q(e, t);
-      i.length === 0 ? o = f.omit(o, r) : o = {
+      let o = O;
+      const s = D(e, t);
+      s.length === 0 ? o = n.omit(o, r) : o = {
         ...o,
-        [r]: i
-      }, v(o);
+        [r]: s
+      }, N(o);
     }
-  }, R = q((r) => {
-    r && (r.preventDefault(), r.stopPropagation()), E(s) && T(s);
-  }, [s]), S = (r, t) => {
+  }, P = C((r) => {
+    r && (r.preventDefault(), r.stopPropagation()), y(i) && H(i);
+  }, [i]), U = (r, t) => {
     const e = t ? t instanceof Array ? t : [t] : [];
     e.length > 0 ? (r((o) => {
-      const i = JSON.parse(JSON.stringify(o));
-      return e.forEach((n) => {
-        n && f.set(i, n, f.get(y, n));
-      }), i;
-    }), v((o) => (e.forEach((i) => {
-      delete o[i];
-    }), o))) : (r(JSON.parse(JSON.stringify(y))), v({}));
-  }, sr = (r) => {
-    S(!l && u ? u : b, r);
-  }, nr = (r) => {
-    const t = f.omit(a, r);
+      const s = JSON.parse(JSON.stringify(o));
+      return e.forEach((c) => {
+        c && n.set(s, c, n.get(h, c));
+      }), s;
+    }), N((o) => (e.forEach((s) => {
+      delete o[s];
+    }), o))) : (r(JSON.parse(JSON.stringify(h))), N({}));
+  }, cr = (r) => {
+    U(!l && u ? u : S, r);
+  }, fr = (r) => {
+    const t = n.omit(a, r);
     a.current = t;
-  }, O = (r) => {
-    r.preventDefault(), f.isEqual(s, y);
-  }, fr = () => {
+  }, k = (r) => {
+    r.preventDefault(), n.isEqual(i, h);
+  }, lr = C((r) => {
+    if (!r.tabId) return;
+    const t = [...d.current].findIndex((e) => e.name === r.name);
+    if (t !== -1) {
+      const e = [...d.current];
+      e[t] = r, d.current = [...e];
+    } else
+      d.current = [...d.current, r];
+    if (b) {
+      const e = n.uniq(n.compact(d.current.map((o) => {
+        if (o.hasErrors) return String(o.tabId);
+      })));
+      b(e);
+    }
+  }, [b]), ar = () => {
     let r = null;
     return V || (r = {
       onSubmit: (t) => t.preventDefault(),
       onKeyPress: (t) => {
-        t && t.key === "Enter" && (t.preventDefault(), t.stopPropagation(), A && R());
+        t && t.key === "Enter" && (t.preventDefault(), t.stopPropagation(), Q && P());
       }
     }), r;
-  }, D = () => {
-    if (!f.isEmpty(c)) {
+  }, B = () => {
+    if (!n.isEmpty(f)) {
       const {
         onChangedData: r
-      } = c;
-      J && !f.isEqual(s, J) ? r(!0) : r(!1);
+      } = f;
+      R && !n.isEqual(i, R) ? r(!0) : r(!1);
     }
-    u && l && u(s), p && p(E(s, !0)), V || (L(R), w && w(sr), C && C(() => E(s))), f.isEmpty(s) && Z(s);
+    u && l && u(i), g && g(y(i, !0)), V || (W(P), J && J(cr), A && A(() => y(i))), n.isEmpty(i) && K(i);
   };
-  F(() => {
-    l && D();
-  }, [JSON.stringify(x), l]), F(() => {
-    !l && u && D();
-  }, [JSON.stringify(m), l]), F(() => (k && (c && c.setSecurityBeforeUnload(!0), window.addEventListener("beforeunload", O)), () => window.removeEventListener("beforeunload", O)), [k, O]), F(() => {
-    !V && g !== A && K(g);
-  }, [g]), F(() => {
+  E(() => {
+    l && B();
+  }, [JSON.stringify(v), l]), E(() => {
+    !l && u && B();
+  }, [JSON.stringify(p), l]), E(() => (x && (Object.entries(f).length && f.setSecurityBeforeUnload(!0), window.addEventListener("beforeunload", k)), () => {
+    x && Object.entries(f).length && f.setSecurityBeforeUnload(!1), window.removeEventListener("beforeunload", k);
+  }), [x, k]), E(() => {
+    !V && F !== Q && _(F);
+  }, [F]), E(() => {
     const r = Object.values(a.current).reduce((t, e) => t + (e?.length || 0), 0);
-    a.current && p && j !== r && (_(r), p(E(s, !0, a.current)));
-  }, [a.current, j, p, JSON.stringify(s)]);
-  const cr = {
-    skeletonize: W,
-    handlerFieldChange: er,
+    a.current && g && q !== r && (rr(r), g(y(i, !0, a.current)));
+  }, [a.current, q, g, JSON.stringify(i)]);
+  const ur = {
+    skeletonize: X,
+    handlerFieldChange: nr,
     handlerFieldValidate: ir,
+    handleValidationErrorsOnTab: lr,
     handlerStoreValidators: (r, t) => {
       a.current = {
         ...a.current,
         [r]: t
       };
     },
-    handlerRemoveValidators: nr,
-    data: l ? x : m,
-    originalData: y,
-    fieldErrors: h,
-    externalFieldErrors: H,
-    isFormValid: I
+    handlerRemoveValidators: fr,
+    data: l ? v : p,
+    originalData: h,
+    fieldErrors: O,
+    externalFieldErrors: G,
+    isFormValid: tr
   };
-  return /* @__PURE__ */ ar(dr, { children: [
-    /* @__PURE__ */ N(mr.Provider, { value: cr, children: /* @__PURE__ */ N("form", { id: Y, ref: tr, style: M, ...fr(), role: "presentation", className: `form-component ${z}`, children: X }) }),
-    /* @__PURE__ */ N(pr, { zIndex: "99999999", title: $ || "Dados Alterados", text: G || "Você possui dados alterados, confirma o fechamento?", visible: !f.isEmpty(c) && c.showQuestion, onConfirmClick: c ? c.onConfirmClick : () => {
-    }, onUnconfirmClick: c ? c.onUnconfirmClick : () => {
+  return /* @__PURE__ */ mr(gr, { children: [
+    /* @__PURE__ */ w(Er.Provider, { value: ur, children: /* @__PURE__ */ w("form", { id: Z, ref: or, style: z, ...ar(), role: "presentation", className: `form-component ${I}`, children: Y }) }),
+    /* @__PURE__ */ w(Fr, { zIndex: "99999999", title: T || "Dados Alterados", text: $ || "Você possui dados alterados, confirma o fechamento?", visible: !n.isEmpty(f) && f.showQuestion, onConfirmClick: f ? f.onConfirmClick : () => {
+    }, onUnconfirmClick: f ? f.onUnconfirmClick : () => {
     } })
   ] });
 };
 export {
-  Qr as Field,
-  Pr as FieldArray,
-  Sr as FieldNumber,
-  qr as FieldPeriod,
-  br as default
+  Rr as Field,
+  Dr as FieldArray,
+  Qr as FieldNumber,
+  Ur as FieldPeriod,
+  Cr as default
 };
 //# sourceMappingURL=index.js.map

package/lib/form/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../src/lib/form/index.tsx"],"sourcesContent":["import React, { Fragment, useState, useEffect, useContext, useRef, FormEvent, useCallback, KeyboardEvent } from 'react';\nimport { v1 } from 'uuid';\nimport _ from 'lodash';\nimport { changeValue, FormContext } from './helpers';\nimport Field from './Field';\nimport FieldNumber from './FieldNumber';\nimport FieldArray from './FieldArray';\nimport FieldPeriod from './FieldPeriod';\nimport '../assets/styles/form.scss';\nimport { DialogQuestion } from '../dialog';\nimport { FormSecurityContext } from './withFormSecurity';\nimport { FieldErrors, FieldValidator, FormContextProps, FormProps, OnFielChangeEvent, Validator } from './types';\n\nconst Form = ({\n  submitOnPressEnterKey = true, dataSource, securityBeforeUnload, handlerReset, handlerSubmit,\n  handlerValidates, style, customClass, securityTitle, securityText, securityData, onDataChange,\n  onValidateForm, externalFieldErrors, onSubmit, skeletonize, disabled, children,\n  useInternalState = false,\n}: FormProps) => {\n  const formId = v1();\n  const [data, setData] = useState(dataSource);\n  const [originalData, setOriginalData] = useState(dataSource);\n  const [submitFormOnEnter, setSubmitFormOnEnter] = useState(submitOnPressEnterKey);\n  const [fieldErrors, setFieldErrors] = useState<FieldErrors>({});\n  const [oldFieldsValidatorsQuantity, setOldFieldsValidatorsQuantity] = useState(0);\n  const [isValid, setIsValid] = useState(false);\n  const context = useContext(FormSecurityContext);\n  const formRef = useRef<HTMLFormElement | null>(null);\n  const fieldsValidators = useRef<FieldValidator>({});\n  const usedData = useInternalState ? data : dataSource;\n\n  const getValidatesErrorMessages = (validators: Validator | Validator[], fieldValue: string) => {\n    const validatorsArray = (!(validators instanceof Array)) ? [validators] : validators;\n    let errors: string[] = [];\n    validatorsArray.forEach((validator: Validator) => {\n      if (typeof validator === 'function') {\n        const result = validator(fieldValue);\n        if (result) errors = [...errors, result];\n      }\n    });\n    return errors;\n  };\n\n  const getErrorMessages = (\n    currentData: object,\n    currentValidators: Validator | Validator[] | FieldValidator,\n  ) => {\n    const dataValidate = currentData || usedData;\n    let currentFieldErrors: FieldErrors = _.pickBy(fieldErrors, (error, fieldName) => {\n      const fieldValidatorsNames = Object.keys(currentValidators);\n      return fieldValidatorsNames.includes(fieldName);\n    }) as FieldErrors;\n    _.forEach(currentValidators, (validators, fieldName) => {\n      const fieldValue = _.get(dataValidate, fieldName);\n      const messages = getValidatesErrorMessages(validators, fieldValue);\n      currentFieldErrors = { ...currentFieldErrors, [fieldName]: messages };\n    });\n\n    return currentFieldErrors;\n  };\n\n  const checkIsValid = (\n    currentData: object,\n    updateState = true,\n    currentValidators: Validator | Validator[] | FieldValidator | null = null,\n  ): boolean => {\n    const currentFieldErrors =\n      getErrorMessages(currentData, currentValidators || fieldsValidators.current);\n    const isValidNow = Object.values(currentFieldErrors).every(value => value.length === 0);\n    if (updateState) setIsValid(isValidNow);\n    return isValidNow;\n  };\n\n  const onFieldChange = useCallback((event: OnFielChangeEvent) => {\n    const { target } = event;\n    if (!useInternalState && onDataChange) {\n      onDataChange((prevState: object) => changeValue(prevState, target));\n    } else {\n      setData(prevState => changeValue(prevState, target));\n    }\n  }, []);\n\n  const onValidate = (\n    fieldName: string,\n    fieldValue: string,\n    validators: Validator | Validator[],\n  ) => {\n    if (validators) {\n      let currentFieldErrors = fieldErrors;\n      const errors = getValidatesErrorMessages(validators, fieldValue);\n      if (errors.length === 0) {\n        currentFieldErrors = _.omit(currentFieldErrors, fieldName);\n      } else {\n        currentFieldErrors = { ...currentFieldErrors, [fieldName]: errors };\n      }\n      setFieldErrors(currentFieldErrors);\n    }\n  };\n\n  const onFormSubmit = useCallback((event?: Event) => {\n    if (event) { event.preventDefault(); event.stopPropagation(); }\n    if (checkIsValid(usedData)) onSubmit(usedData);\n  }, [usedData]);\n\n  const onResetField = (\n    cb: React.Dispatch<React.SetStateAction<object>>,\n    fields?: string | string[],\n  ) => {\n    const fieldsArray = !fields ? [] : (fields instanceof Array ? fields : [fields]);\n    if (fieldsArray.length > 0) {\n      cb((state: any) => {\n        const newState = JSON.parse(JSON.stringify(state));\n        fieldsArray.forEach((field) => {\n          if (field)\n            _.set(newState, field, _.get(originalData, field));\n        });\n        return newState;\n      });\n\n      setFieldErrors((state) => {\n        fieldsArray.forEach((field) => {\n          delete state[field];\n        });\n        return state;\n      });\n    } else {\n      cb(JSON.parse(JSON.stringify(originalData)));\n      setFieldErrors({});\n    }\n  };\n\n  const onReset = (fields?: string | string[]) => {\n    if (!useInternalState && onDataChange) {\n      onResetField(onDataChange, fields);\n    } else {\n      onResetField(setData, fields);\n    }\n  };\n\n  const onRemoveFieldValidators = (fieldName: string) => {\n    const newFieldsValidators = _.omit(fieldsValidators, fieldName);\n    fieldsValidators.current = newFieldsValidators;\n  };\n\n  const onBeforeUnload = (e: Event) => {\n    const event = e as Event;\n    event.preventDefault();\n    if (_.isEqual(usedData, originalData)) return;\n  };\n\n  const formProps = () => {\n    let propsForm = null;\n\n    if (!disabled) {\n      propsForm = {\n        onSubmit: (event: FormEvent<HTMLFormElement>) => event.preventDefault(),\n        onKeyPress: (event: KeyboardEvent<HTMLFormElement>) => {\n          if (event && event.key === 'Enter') {\n            event.preventDefault();\n            event.stopPropagation();\n            if (submitFormOnEnter) onFormSubmit();\n          }\n        },\n      };\n    }\n    return propsForm;\n  };\n\n  const updateFormState = () => {\n    if (!_.isEmpty(context)) {\n      const { onChangedData } = context;\n      if (securityData && !_.isEqual(usedData, securityData)) {\n        onChangedData(true);\n      } else {\n        onChangedData(false);\n      }\n    }\n\n    if (onDataChange && useInternalState) onDataChange(usedData);\n\n    // TODO - Usar debounce para evitar chamada a cada letra digitada\n    if (onValidateForm) onValidateForm(checkIsValid(usedData, true));\n\n    if (!disabled) {\n      handlerSubmit(onFormSubmit);\n      if (handlerReset) handlerReset(onReset);\n      if (handlerValidates) handlerValidates(() => checkIsValid(usedData));\n    }\n    if (_.isEmpty(usedData)) setOriginalData(usedData);\n  };\n\n  useEffect(() => {\n    if (useInternalState) updateFormState();\n  }, [JSON.stringify(data), useInternalState]);\n\n  useEffect(() => {\n    if (!useInternalState && onDataChange) updateFormState();\n  }, [JSON.stringify(dataSource), useInternalState]);\n\n  useEffect(() => {\n    if (securityBeforeUnload) {\n      if (context) context.setSecurityBeforeUnload(true);\n      window.addEventListener('beforeunload', onBeforeUnload);\n    }\n    return () => window.removeEventListener('beforeunload', onBeforeUnload);\n  }, [securityBeforeUnload, onBeforeUnload]);\n\n  useEffect(() => {\n    if (!disabled && submitOnPressEnterKey !== submitFormOnEnter) {\n      setSubmitFormOnEnter(submitOnPressEnterKey);\n    }\n  }, [submitOnPressEnterKey]);\n\n  useEffect(() => {\n    const validatorsQuantity = Object.values(fieldsValidators.current)\n      .reduce((acc, currentValue) => acc + (currentValue?.length || 0), 0);\n\n    if (fieldsValidators.current && onValidateForm\n      && oldFieldsValidatorsQuantity !== validatorsQuantity) {\n      setOldFieldsValidatorsQuantity(validatorsQuantity);\n      onValidateForm(checkIsValid(usedData, true, fieldsValidators.current));\n    }\n  }, [\n    fieldsValidators.current, oldFieldsValidatorsQuantity, onValidateForm, JSON.stringify(usedData),\n  ]);\n\n  const contextValues: FormContextProps = {\n    skeletonize,\n    handlerFieldChange: onFieldChange,\n    handlerFieldValidate: onValidate,\n    handlerStoreValidators: (fieldName, fieldValidates) => {\n      fieldsValidators.current = { ...fieldsValidators.current, [fieldName]: fieldValidates };\n    },\n    handlerRemoveValidators: onRemoveFieldValidators,\n    data: useInternalState ? data : dataSource,\n    originalData,\n    fieldErrors,\n    externalFieldErrors,\n    isFormValid: isValid,\n  };\n\n  return (\n    <Fragment>\n      <FormContext.Provider value={contextValues}>\n        <form\n          id={formId}\n          ref={formRef}\n          style={style}\n          {...formProps()}\n          role=\"presentation\"\n          className={`form-component ${customClass}`}>\n          {children}\n        </form>\n      </FormContext.Provider>\n      <DialogQuestion\n        zIndex=\"99999999\"\n        title={securityTitle || 'Dados Alterados'}\n        text={securityText || 'Você possui dados alterados, confirma o fechamento?'}\n        visible={!_.isEmpty(context) && context.showQuestion}\n        onConfirmClick={context ? context.onConfirmClick : () => { }}\n        onUnconfirmClick={context ? context.onUnconfirmClick : () => { }} />\n    </Fragment>\n  );\n};\n\nexport default Form;\nexport {\n  Field,\n  FieldNumber,\n  FieldArray,\n  FieldPeriod,\n};\n"],"names":["Form","submitOnPressEnterKey","dataSource","securityBeforeUnload","handlerReset","handlerSubmit","handlerValidates","style","customClass","securityTitle","securityText","securityData","onDataChange","onValidateForm","externalFieldErrors","onSubmit","skeletonize","disabled","children","useInternalState","formId","v1","data","setData","useState","originalData","setOriginalData","submitFormOnEnter","setSubmitFormOnEnter","fieldErrors","setFieldErrors","oldFieldsValidatorsQuantity","setOldFieldsValidatorsQuantity","isValid","setIsValid","context","useContext","FormSecurityContext","formRef","useRef","fieldsValidators","usedData","getValidatesErrorMessages","validators","fieldValue","validatorsArray","Array","errors","forEach","validator","result","getErrorMessages","currentData","currentValidators","dataValidate","currentFieldErrors","_","pickBy","error","fieldName","Object","keys","includes","get","messages","checkIsValid","updateState","current","isValidNow","values","every","value","length","onFieldChange","useCallback","event","target","prevState","changeValue","onValidate","omit","onFormSubmit","preventDefault","stopPropagation","onResetField","cb","fields","fieldsArray","state","newState","JSON","parse","stringify","field","set","onReset","onRemoveFieldValidators","newFieldsValidators","onBeforeUnload","e","isEqual","formProps","propsForm","onKeyPress","key","updateFormState","isEmpty","onChangedData","useEffect","setSecurityBeforeUnload","window","addEventListener","removeEventListener","validatorsQuantity","reduce","acc","currentValue","contextValues","handlerFieldChange","handlerFieldValidate","handlerStoreValidators","fieldValidates","handlerRemoveValidators","isFormValid","Fragment","jsx","FormContext","DialogQuestion","showQuestion","onConfirmClick","onUnconfirmClick"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../src/lib/form/index.tsx"],"sourcesContent":["import { Fragment, useState, useEffect, useContext, useRef, FormEvent, useCallback, KeyboardEvent, Dispatch, SetStateAction } from 'react';\nimport { v1 } from 'uuid';\nimport _ from 'lodash';\nimport { changeValue, FormContext } from './helpers';\nimport Field from './Field';\nimport FieldNumber from './FieldNumber';\nimport FieldArray from './FieldArray';\nimport FieldPeriod from './FieldPeriod';\nimport '../assets/styles/form.scss';\nimport { DialogQuestion } from '../dialog';\nimport { FormSecurityContext } from './withFormSecurity';\nimport { FieldErrors, FieldValidator, FormContextProps, FormProps, OnFielChangeEvent, Validator, type PropsValidateTabErrors } from './types';\n\nconst Form = ({\n  submitOnPressEnterKey = true, dataSource, securityBeforeUnload, handlerReset, handlerSubmit,\n  handlerValidates, style, customClass, securityTitle, securityText, securityData, onDataChange,\n  onValidateForm, externalFieldErrors, onSubmit, skeletonize, disabled, children,\n  useInternalState = false, onValidateErrorsOnTab,\n}: FormProps) => {\n  const formId = v1();\n  const [data, setData] = useState(dataSource);\n  const [originalData, setOriginalData] = useState(dataSource);\n  const [submitFormOnEnter, setSubmitFormOnEnter] = useState(submitOnPressEnterKey);\n  const [fieldErrors, setFieldErrors] = useState<FieldErrors>({});\n  const [oldFieldsValidatorsQuantity, setOldFieldsValidatorsQuantity] = useState(0);\n  const [isValid, setIsValid] = useState(false);\n  const context = useContext(FormSecurityContext);\n  const formRef = useRef<HTMLFormElement | null>(null);\n  const fieldsValidators = useRef<FieldValidator>({});\n  const tabsWithErrorRef = useRef<PropsValidateTabErrors[]>([]);\n  const usedData = useInternalState ? data : dataSource;\n\n  const getValidatesErrorMessages = (validators: Validator | Validator[], fieldValue: string) => {\n    const validatorsArray = (!(validators instanceof Array)) ? [validators] : validators;\n    let errors: string[] = [];\n    validatorsArray.forEach((validator: Validator) => {\n      if (typeof validator === 'function') {\n        const result = validator(fieldValue);\n        if (result) errors = [...errors, result];\n      }\n    });\n    return errors;\n  };\n\n  const getErrorMessages = (\n    currentData: object,\n    currentValidators: Validator | Validator[] | FieldValidator,\n  ) => {\n    const dataValidate = currentData || usedData;\n    let currentFieldErrors: FieldErrors = _.pickBy(fieldErrors, (__, fieldName) => {\n      const fieldValidatorsNames = Object.keys(currentValidators);\n      return fieldValidatorsNames.includes(fieldName);\n    }) as FieldErrors;\n    _.forEach(currentValidators, (validators, fieldName) => {\n      const fieldValue = _.get(dataValidate, fieldName);\n      const messages = getValidatesErrorMessages(validators, fieldValue);\n      currentFieldErrors = { ...currentFieldErrors, [fieldName]: messages };\n    });\n    return currentFieldErrors;\n  };\n\n  const checkIsValid = (\n    currentData: object,\n    updateState = true,\n    currentValidators: Validator | Validator[] | FieldValidator | null = null,\n  ): boolean => {\n    const currentFieldErrors =\n      getErrorMessages(currentData, currentValidators || fieldsValidators.current);\n    const isValidNow = Object.values(currentFieldErrors).every(value => value.length === 0);\n    if (updateState) setIsValid(isValidNow);\n    return isValidNow;\n  };\n\n  const onFieldChange = useCallback((event: OnFielChangeEvent) => {\n    const { target } = event;\n    if (!useInternalState && onDataChange) {\n      onDataChange((prevState: object) => changeValue(prevState, target));\n    } else {\n      setData(prevState => changeValue(prevState, target));\n    }\n  }, []);\n\n  const onValidate = (\n    fieldName: string,\n    fieldValue: string,\n    validators: Validator | Validator[],\n  ) => {\n    if (validators) {\n      let currentFieldErrors = fieldErrors;\n      const errors = getValidatesErrorMessages(validators, fieldValue);\n      if (errors.length === 0) {\n        currentFieldErrors = _.omit(currentFieldErrors, fieldName);\n      } else {\n        currentFieldErrors = { ...currentFieldErrors, [fieldName]: errors };\n      }\n      setFieldErrors(currentFieldErrors);\n    }\n  };\n\n  const onFormSubmit = useCallback((event?: Event) => {\n    if (event) { event.preventDefault(); event.stopPropagation(); }\n    if (checkIsValid(usedData)) onSubmit(usedData);\n  }, [usedData]);\n\n  const onResetField = (\n    cb: Dispatch<SetStateAction<object>>,\n    fields?: string | string[],\n  ) => {\n    const fieldsArray = !fields ? [] : (fields instanceof Array ? fields : [fields]);\n    if (fieldsArray.length > 0) {\n      cb((state: any) => {\n        const newState = JSON.parse(JSON.stringify(state));\n        fieldsArray.forEach((field) => {\n          if (field)\n            _.set(newState, field, _.get(originalData, field));\n        });\n        return newState;\n      });\n\n      setFieldErrors((state) => {\n        fieldsArray.forEach((field) => {\n          delete state[field];\n        });\n        return state;\n      });\n    } else {\n      cb(JSON.parse(JSON.stringify(originalData)));\n      setFieldErrors({});\n    }\n  };\n\n  const onReset = (fields?: string | string[]) => {\n    if (!useInternalState && onDataChange) {\n      onResetField(onDataChange, fields);\n    } else {\n      onResetField(setData, fields);\n    }\n  };\n\n  const onRemoveFieldValidators = (fieldName: string) => {\n    const newFieldsValidators = _.omit(fieldsValidators, fieldName);\n    fieldsValidators.current = newFieldsValidators;\n  };\n\n  const onBeforeUnload = (e: Event) => {\n    const event = e as Event;\n    event.preventDefault();\n    if (_.isEqual(usedData, originalData)) return;\n  };\n\n  const onValidateTabErrors = useCallback((props: PropsValidateTabErrors) => {\n    if (!props.tabId) return;\n\n    const tabIndex = [...tabsWithErrorRef.current].findIndex(tab => tab.name === props.name);\n\n    if (tabIndex !== -1) {\n      const novasTabs = [...tabsWithErrorRef.current];\n      novasTabs[tabIndex] = props;\n      tabsWithErrorRef.current = [...novasTabs];\n    } else {\n      tabsWithErrorRef.current = [...tabsWithErrorRef.current, props];\n    }\n\n    if (onValidateErrorsOnTab) {\n      const tabIdsWithErrors = _.uniq(\n        _.compact(\n          tabsWithErrorRef.current.map((tab) => {\n            if (tab.hasErrors) return String(tab.tabId);\n          }),\n        ),\n      );\n      onValidateErrorsOnTab(tabIdsWithErrors);\n    }\n  }, [onValidateErrorsOnTab]);\n\n  const formProps = () => {\n    let propsForm = null;\n\n    if (!disabled) {\n      propsForm = {\n        onSubmit: (event: FormEvent<HTMLFormElement>) => event.preventDefault(),\n        onKeyPress: (event: KeyboardEvent<HTMLFormElement>) => {\n          if (event && event.key === 'Enter') {\n            event.preventDefault();\n            event.stopPropagation();\n            if (submitFormOnEnter) onFormSubmit();\n          }\n        },\n      };\n    }\n    return propsForm;\n  };\n\n  const updateFormState = () => {\n    if (!_.isEmpty(context)) {\n      const { onChangedData } = context;\n      if (securityData && !_.isEqual(usedData, securityData)) {\n        onChangedData(true);\n      } else {\n        onChangedData(false);\n      }\n    }\n\n    if (onDataChange && useInternalState) onDataChange(usedData);\n\n    // TODO - Usar debounce para evitar chamada a cada letra digitada\n    if (onValidateForm) {\n      onValidateForm(checkIsValid(usedData, true));\n    }\n\n    if (!disabled) {\n      handlerSubmit(onFormSubmit);\n      if (handlerReset) handlerReset(onReset);\n      if (handlerValidates) handlerValidates(() => checkIsValid(usedData));\n    }\n    if (_.isEmpty(usedData)) setOriginalData(usedData);\n  };\n\n  useEffect(() => {\n    if (useInternalState) updateFormState();\n  }, [JSON.stringify(data), useInternalState]);\n\n  useEffect(() => {\n    if (!useInternalState && onDataChange) updateFormState();\n  }, [JSON.stringify(dataSource), useInternalState]);\n\n  useEffect(() => {\n    if (securityBeforeUnload) {\n      if (Object.entries(context).length) context.setSecurityBeforeUnload(true);\n      window.addEventListener('beforeunload', onBeforeUnload);\n    }\n    return () => {\n      if (securityBeforeUnload && Object.entries(context).length) \n        context.setSecurityBeforeUnload(false);\n      window.removeEventListener('beforeunload', onBeforeUnload);\n    };\n  }, [securityBeforeUnload, onBeforeUnload]);\n\n  useEffect(() => {\n    if (!disabled && submitOnPressEnterKey !== submitFormOnEnter) {\n      setSubmitFormOnEnter(submitOnPressEnterKey);\n    }\n  }, [submitOnPressEnterKey]);\n\n  useEffect(() => {\n    const validatorsQuantity = Object.values(fieldsValidators.current)\n      .reduce((acc, currentValue) => acc + (currentValue?.length || 0), 0);\n\n    if (fieldsValidators.current && onValidateForm\n      && oldFieldsValidatorsQuantity !== validatorsQuantity) {\n      setOldFieldsValidatorsQuantity(validatorsQuantity);\n      onValidateForm(checkIsValid(usedData, true, fieldsValidators.current));\n    }\n  }, [\n    fieldsValidators.current, oldFieldsValidatorsQuantity, onValidateForm, JSON.stringify(usedData),\n  ]);\n\n  const contextValues: FormContextProps = {\n    skeletonize,\n    handlerFieldChange: onFieldChange,\n    handlerFieldValidate: onValidate,\n    handleValidationErrorsOnTab: onValidateTabErrors,\n    handlerStoreValidators: (fieldName, fieldValidates) => {\n      fieldsValidators.current = { ...fieldsValidators.current, [fieldName]: fieldValidates };\n    },\n    handlerRemoveValidators: onRemoveFieldValidators,\n    data: useInternalState ? data : dataSource,\n    originalData,\n    fieldErrors,\n    externalFieldErrors,\n    isFormValid: isValid,\n  };\n\n  return (\n    <Fragment>\n      <FormContext.Provider value={contextValues}>\n        <form\n          id={formId}\n          ref={formRef}\n          style={style}\n          {...formProps()}\n          role=\"presentation\"\n          className={`form-component ${customClass}`}>\n          {children}\n        </form>\n      </FormContext.Provider>\n      <DialogQuestion\n        zIndex=\"99999999\"\n        title={securityTitle || 'Dados Alterados'}\n        text={securityText || 'Você possui dados alterados, confirma o fechamento?'}\n        visible={!_.isEmpty(context) && context.showQuestion}\n        onConfirmClick={context ? context.onConfirmClick : () => {}}\n        onUnconfirmClick={context ? context.onUnconfirmClick : () => {}} />\n    </Fragment>\n  );\n};\n\nexport default Form;\nexport {\n  Field,\n  FieldNumber,\n  FieldArray,\n  FieldPeriod,\n};\n"],"names":["Form","submitOnPressEnterKey","dataSource","securityBeforeUnload","handlerReset","handlerSubmit","handlerValidates","style","customClass","securityTitle","securityText","securityData","onDataChange","onValidateForm","externalFieldErrors","onSubmit","skeletonize","disabled","children","useInternalState","onValidateErrorsOnTab","formId","v1","data","setData","useState","originalData","setOriginalData","submitFormOnEnter","setSubmitFormOnEnter","fieldErrors","setFieldErrors","oldFieldsValidatorsQuantity","setOldFieldsValidatorsQuantity","isValid","setIsValid","context","useContext","FormSecurityContext","formRef","useRef","fieldsValidators","tabsWithErrorRef","usedData","getValidatesErrorMessages","validators","fieldValue","validatorsArray","Array","errors","forEach","validator","result","getErrorMessages","currentData","currentValidators","dataValidate","currentFieldErrors","_","pickBy","__","fieldName","Object","keys","includes","get","messages","checkIsValid","updateState","current","isValidNow","values","every","value","length","onFieldChange","useCallback","event","target","prevState","changeValue","onValidate","omit","onFormSubmit","preventDefault","stopPropagation","onResetField","cb","fields","fieldsArray","state","newState","JSON","parse","stringify","field","set","onReset","onRemoveFieldValidators","newFieldsValidators","onBeforeUnload","e","isEqual","onValidateTabErrors","props","tabId","tabIndex","findIndex","tab","name","novasTabs","tabIdsWithErrors","uniq","compact","map","hasErrors","String","formProps","propsForm","onKeyPress","key","updateFormState","isEmpty","onChangedData","useEffect","entries","setSecurityBeforeUnload","window","addEventListener","removeEventListener","validatorsQuantity","reduce","acc","currentValue","contextValues","handlerFieldChange","handlerFieldValidate","handleValidationErrorsOnTab","handlerStoreValidators","fieldValidates","handlerRemoveValidators","isFormValid","Fragment","jsx","FormContext","DialogQuestion","showQuestion","onConfirmClick","onUnconfirmClick"],"mappings":"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"}

package/lib/form/types.d.ts

@@ -1,4 +1,4 @@
-import { ChangeEvent, ComponentType, CSSProperties, MouseEventHandler, ReactNode } from 'react';
+import { ChangeEvent, ComponentType, CSSProperties, Dispatch, MouseEventHandler, ReactNode, SetStateAction } from 'react';
 import { AllOptions } from '../inputs/select/types';
 export type Validator = (value: string) => string | undefined;
 export type PeriodValidator = (value: {
@@ -11,6 +11,11 @@ export type OnFielChangeEvent = Event & {
 export type CustomKeyboardEvent = ChangeEvent<HTMLInputElement> & {
     keyCode: number;
 };
+export type PropsValidateTabErrors = {
+    name: string;
+    tabId?: string | number;
+    hasErrors: boolean;
+};
 type BaseFormProps = {
     dataSource: object;
     children: ReactNode;
@@ -19,6 +24,7 @@ type BaseFormProps = {
     handlerReset?: (value: () => void) => void;
     handlerValidates?: (value: any) => void;
     onValidateForm?: (value: boolean) => void;
+    onValidateErrorsOnTab?: (tabIds: Array<string | number>) => void;
     submitOnPressEnterKey?: boolean;
     style?: CSSProperties;
     customClass?: string;
@@ -30,7 +36,7 @@ type BaseFormProps = {
     skeletonize?: boolean;
     disabled?: boolean;
 };
-type OnDataChange = React.Dispatch<React.SetStateAction<object>>;
+type OnDataChange = Dispatch<SetStateAction<object>>;
 export type FormProps = BaseFormProps & ({
     useInternalState?: false;
     onDataChange: OnDataChange;
@@ -87,6 +93,8 @@ export interface IFieldProps extends WithFieldProps {
     disabled?: boolean;
     currencySymbol?: string;
     checked?: boolean;
+    tabId?: string | number;
+    handleValidationErrorsOnTab?: (props: PropsValidateTabErrors) => void;
 }
 export interface CustomEvent {
     target: {
@@ -126,6 +134,7 @@ export interface IFieldArrayProps extends WithFieldProps {
     hintPosition?: 'below' | 'onLabelRight';
     themePopover?: 'light' | 'dark';
     popoverAlign?: 'right' | 'left';
+    tabId?: string | number;
 }
 export type PeriodChangeEvent = {
     initial: string;
@@ -162,6 +171,7 @@ export interface IFieldPeriodProps extends WithFieldProps {
     hintPosition?: 'below' | 'onLabelRight';
     themePopover?: 'light' | 'dark';
     popoverAlign?: 'right' | 'left';
+    tabId?: string | number;
 }
 export interface FormContextProps {
     skeletonize?: boolean;
@@ -174,6 +184,7 @@ export interface FormContextProps {
     fieldErrors: object;
     externalFieldErrors?: object;
     isFormValid?: boolean;
+    handleValidationErrorsOnTab?: (props: PropsValidateTabErrors) => void;
 }
 export interface WithFieldProps {
     name: string;
@@ -182,6 +193,7 @@ export interface WithFieldProps {
     handlerRemoveValidators?: (name: string) => void;
     validators?: Validator | Validator[] | PeriodValidator | PeriodValidator[];
     customClass?: string;
+    handleValidationErrorsOnTab?: (props: PropsValidateTabErrors) => void;
     component: ComponentType<any>;
 }
 export interface IWithFieldContext {

package/lib/form/withFieldHOC.d.ts

@@ -1,4 +1,4 @@
-import { default as React } from 'react';
+import { ComponentType } from 'react';
 import { WithFieldProps } from './types';
-declare const withFieldHOC: <ComponentProps extends WithFieldProps>(WrappedComponent: React.ComponentType<ComponentProps>) => any;
+declare const withFieldHOC: <ComponentProps extends WithFieldProps>(WrappedComponent: ComponentType<ComponentProps>) => any;
 export default withFieldHOC;

package/lib/form/withFieldHOC.js

@@ -1,61 +1,62 @@
-import { jsx as F } from "react/jsx-runtime";
-import { c as _ } from "react/compiler-runtime";
-import b, { useState as A, useEffect as R } from "react";
-import { FormContext as E, getValidatorsArray as g, withFieldContext as j } from "./helpers.js";
-const k = (S) => {
-  const p = (a) => {
-    const e = _(23), {
+import { jsx as p } from "react/jsx-runtime";
+import { c as _ } from "../_virtual/compiler-runtime.js";
+import { forwardRef as E, useState as b, useEffect as w } from "react";
+import { FormContext as A, withFieldContext as g, getValidatorsArray as j } from "./helpers.js";
+const k = (R) => {
+  const S = (a) => {
+    const e = _.c(23), {
       name: o,
       validators: t,
       handlerStoreValidators: n,
       handlerRemoveValidators: i
-    } = a, [r, w] = A(void 0);
+    } = a, [r, x] = b(void 0);
     let s;
     e[0] !== n || e[1] !== o || e[2] !== r || e[3] !== t ? (s = () => {
-      const V = g(t, r);
+      const V = j(t, r);
       V && n && n(o, V);
     }, e[0] = n, e[1] = o, e[2] = r, e[3] = t, e[4] = s) : s = e[4];
     const l = s;
-    let d;
-    e[5] !== i || e[6] !== o || e[7] !== l || e[8] !== t ? (d = () => (l(), () => {
+    let f;
+    e[5] !== i || e[6] !== o || e[7] !== l || e[8] !== t ? (f = () => (l(), () => {
       t && i && i(o);
-    }), e[5] = i, e[6] = o, e[7] = l, e[8] = t, e[9] = d) : d = e[9];
-    let m;
-    e[10] === Symbol.for("react.memo_cache_sentinel") ? (m = [], e[10] = m) : m = e[10], R(d, m);
+    }), e[5] = i, e[6] = o, e[7] = l, e[8] = t, e[9] = f) : f = e[9];
+    let d;
+    e[10] === Symbol.for("react.memo_cache_sentinel") ? (d = [], e[10] = d) : d = e[10], w(f, d);
     let c;
     e[11] !== l ? (c = () => {
       l();
     }, e[11] = l, e[12] = c) : c = e[12];
     let u;
-    e[13] !== t ? (u = [t], e[13] = t, e[14] = u) : u = e[14], R(c, u);
+    e[13] !== t ? (u = [t], e[13] = t, e[14] = u) : u = e[14], w(c, u);
     let h;
     e[15] === Symbol.for("react.memo_cache_sentinel") ? (h = (V) => {
-      w(V);
+      x(V);
     }, e[15] = h) : h = e[15];
     let C;
     e[16] !== r ? (C = {
       validatorFromComponent: r,
       handlerSetValidatorFromComponent: h
     }, e[16] = r, e[17] = C) : C = e[17];
-    const x = C;
-    let f;
-    e[18] !== a ? (f = /* @__PURE__ */ F(S, { ...a }), e[18] = a, e[19] = f) : f = e[19];
+    const F = C;
+    let m;
+    e[18] !== a ? (m = /* @__PURE__ */ p(R, { ...a }), e[18] = a, e[19] = m) : m = e[19];
     let v;
-    return e[20] !== x || e[21] !== f ? (v = /* @__PURE__ */ F(j.Provider, { value: x, children: f }), e[20] = x, e[21] = f, e[22] = v) : v = e[22], v;
+    return e[20] !== F || e[21] !== m ? (v = /* @__PURE__ */ p(g.Provider, { value: F, children: m }), e[20] = F, e[21] = m, e[22] = v) : v = e[22], v;
   };
   function y(a, e) {
-    return /* @__PURE__ */ F(E.Consumer, { children: ({
+    return /* @__PURE__ */ p(A.Consumer, { children: ({
       handlerFieldChange: o,
       handlerFieldValidate: t,
       data: n,
       fieldErrors: i,
       externalFieldErrors: r,
-      handlerStoreValidators: w,
+      handlerStoreValidators: x,
       handlerRemoveValidators: s,
-      skeletonize: l
-    }) => /* @__PURE__ */ F(p, { ...a, skeletonize: l, handlerFieldChange: o, handlerFieldValidate: t, handlerStoreValidators: w, handlerRemoveValidators: s, data: n, fieldErrors: i, externalFieldErrors: r, forwardedRef: e }) });
+      skeletonize: l,
+      handleValidationErrorsOnTab: f
+    }) => /* @__PURE__ */ p(S, { ...a, skeletonize: l, handlerFieldChange: o, handlerFieldValidate: t, handlerStoreValidators: x, handlerRemoveValidators: s, data: n, fieldErrors: i, externalFieldErrors: r, forwardedRef: e, handleValidationErrorsOnTab: f }) });
   }
-  return b.forwardRef(y);
+  return E(y);
 };
 export {
   k as default

package/lib/form/withFieldHOC.js.map

@@ -1 +1 @@
-{"version":3,"file":"withFieldHOC.js","sources":["../../src/lib/form/withFieldHOC.tsx"],"sourcesContent":["import React, { Ref, useEffect, useState } from 'react';\nimport { FormContext, withFieldContext, getValidatorsArray } from './helpers';\nimport { IWithFieldContext, Validator, WithFieldProps } from './types';\n\nconst withFieldHOC = <ComponentProps extends WithFieldProps>(\n  WrappedComponent: React.ComponentType<ComponentProps>,\n) => {\n  const EnhancedComponent = (props: ComponentProps) => {\n    const { name, validators, handlerStoreValidators, handlerRemoveValidators, component } = props;\n    const [validatorFromComponent, setValidatorFromComponent] =\n      useState<Validator | Validator[] | undefined>(undefined);\n\n    const updateValidators = () => {\n      const validatorsArray = getValidatorsArray(validators as Validator, validatorFromComponent);\n      if (validatorsArray && handlerStoreValidators) handlerStoreValidators(name, validatorsArray);\n    };\n\n    useEffect(() => {\n      updateValidators();\n\n      return () => {\n        if (validators && handlerRemoveValidators) handlerRemoveValidators(name);\n      };\n    }, []);\n\n    useEffect(() => {\n      updateValidators();\n    }, [validators]);\n\n    const contextValues: IWithFieldContext = {\n      validatorFromComponent,\n      handlerSetValidatorFromComponent: (validator: Validator | Validator[]) => {\n        setValidatorFromComponent(validator);\n      },\n    };\n\n    return (\n      <withFieldContext.Provider value={contextValues}>\n        <WrappedComponent {...props} />\n      </withFieldContext.Provider>\n    );\n  };\n\n  function forwardRef(props: ComponentProps, ref: Ref<HTMLElement>) {\n    return (\n      <FormContext.Consumer>\n        {({\n          handlerFieldChange,\n          handlerFieldValidate: handlerFieldValidate,\n          data,\n          fieldErrors,\n          externalFieldErrors,\n          handlerStoreValidators,\n          handlerRemoveValidators,\n          skeletonize,\n        }) => (\n          <EnhancedComponent\n            {...props}\n            skeletonize={skeletonize}\n            handlerFieldChange={handlerFieldChange}\n            handlerFieldValidate={handlerFieldValidate}\n            handlerStoreValidators={handlerStoreValidators}\n            handlerRemoveValidators={handlerRemoveValidators}\n            data={data}\n            fieldErrors={fieldErrors}\n            externalFieldErrors={externalFieldErrors}\n            forwardedRef={ref} />\n        )}\n      </FormContext.Consumer>\n    );\n  }\n  return React.forwardRef(forwardRef as any) as any;\n};\n\nexport default withFieldHOC;\n"],"names":["withFieldHOC","WrappedComponent","EnhancedComponent","props","$","_c","name","validators","handlerStoreValidators","handlerRemoveValidators","validatorFromComponent","setValidatorFromComponent","useState","undefined","t0","validatorsArray","getValidatorsArray","updateValidators","t1","t2","Symbol","for","useEffect","t3","t4","t5","validator","t6","handlerSetValidatorFromComponent","contextValues","t7","jsx","t8","withFieldContext","forwardRef","ref","FormContext","handlerFieldChange","handlerFieldValidate","data","fieldErrors","externalFieldErrors","skeletonize","React"],"mappings":"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"}
+{"version":3,"file":"withFieldHOC.js","sources":["../../src/lib/form/withFieldHOC.tsx"],"sourcesContent":["import { ComponentType, forwardRef, Ref, useEffect, useState } from 'react';\nimport { FormContext, withFieldContext, getValidatorsArray } from './helpers';\nimport { IWithFieldContext, Validator, WithFieldProps } from './types';\n\nconst withFieldHOC = <ComponentProps extends WithFieldProps>(\n  WrappedComponent: ComponentType<ComponentProps>,\n) => {\n  const EnhancedComponent = (props: ComponentProps) => {\n    const { name, validators, handlerStoreValidators, handlerRemoveValidators } = props;\n    const [validatorFromComponent, setValidatorFromComponent] =\n      useState<Validator | Validator[] | undefined>(undefined);\n\n    const updateValidators = () => {\n      const validatorsArray = getValidatorsArray(validators as Validator, validatorFromComponent);\n      if (validatorsArray && handlerStoreValidators) handlerStoreValidators(name, validatorsArray);\n    };\n\n    useEffect(() => {\n      updateValidators();\n\n      return () => {\n        if (validators && handlerRemoveValidators) handlerRemoveValidators(name);\n      };\n    }, []);\n\n    useEffect(() => {\n      updateValidators();\n    }, [validators]);\n\n    const contextValues: IWithFieldContext = {\n      validatorFromComponent,\n      handlerSetValidatorFromComponent: (validator: Validator | Validator[]) => {\n        setValidatorFromComponent(validator);\n      },\n    };\n\n    return (\n      <withFieldContext.Provider value={contextValues}>\n        <WrappedComponent {...props} />\n      </withFieldContext.Provider>\n    );\n  };\n\n  function forwardedRef(props: ComponentProps, ref: Ref<HTMLElement>) {\n    return (\n      <FormContext.Consumer>\n        {({\n          handlerFieldChange,\n          handlerFieldValidate: handlerFieldValidate,\n          data,\n          fieldErrors,\n          externalFieldErrors,\n          handlerStoreValidators,\n          handlerRemoveValidators,\n          skeletonize,\n          handleValidationErrorsOnTab,\n        }) => (\n          <EnhancedComponent\n            {...props}\n            skeletonize={skeletonize}\n            handlerFieldChange={handlerFieldChange}\n            handlerFieldValidate={handlerFieldValidate}\n            handlerStoreValidators={handlerStoreValidators}\n            handlerRemoveValidators={handlerRemoveValidators}\n            data={data}\n            fieldErrors={fieldErrors}\n            externalFieldErrors={externalFieldErrors}\n            forwardedRef={ref}\n            handleValidationErrorsOnTab={handleValidationErrorsOnTab} />\n        )}\n      </FormContext.Consumer>\n    );\n  }\n  return forwardRef(forwardedRef as any) as any;\n};\n\nexport default withFieldHOC;\n"],"names":["withFieldHOC","WrappedComponent","EnhancedComponent","props","$","_c","name","validators","handlerStoreValidators","handlerRemoveValidators","validatorFromComponent","setValidatorFromComponent","useState","undefined","t0","validatorsArray","getValidatorsArray","updateValidators","t1","t2","Symbol","for","useEffect","t3","t4","t5","validator","t6","handlerSetValidatorFromComponent","contextValues","t7","jsx","t8","withFieldContext","forwardedRef","ref","FormContext","handlerFieldChange","handlerFieldValidate","data","fieldErrors","externalFieldErrors","skeletonize","handleValidationErrorsOnTab","forwardRef"],"mappings":"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"}

package/lib/form/withFormSecurity.d.ts

@@ -1,6 +1,6 @@
-import { default as React } from 'react';
+import { ComponentType } from 'react';
 import { IFormSecurityContext, IWithFormSecurity } from './types';
-declare const FormSecurityContext: React.Context<IFormSecurityContext>;
-declare const withFormSecurity: <ComponentProps extends IWithFormSecurity>(WrappedComponent: React.ComponentType<ComponentProps>) => (props: ComponentProps) => import("react/jsx-runtime").JSX.Element;
+declare const FormSecurityContext: import('react').Context<IFormSecurityContext>;
+declare const withFormSecurity: <ComponentProps extends IWithFormSecurity>(WrappedComponent: ComponentType<ComponentProps>) => (props: ComponentProps) => import("react/jsx-runtime").JSX.Element;
 export default withFormSecurity;
 export { FormSecurityContext };

package/lib/form/withFormSecurity.js

@@ -1,6 +1,6 @@
 import { jsx as a } from "react/jsx-runtime";
-import d, { useRef as i, useState as h } from "react";
-const m = d.createContext({}), w = (l) => (r) => {
+import { createContext as d, useRef as i, useState as h } from "react";
+const m = d({}), w = (l) => (r) => {
   const {
     onOpenChange: e,
     handlerClose: n

package/lib/form/withFormSecurity.js.map

@@ -1 +1 @@
-{"version":3,"file":"withFormSecurity.js","sources":["../../src/lib/form/withFormSecurity.tsx"],"sourcesContent":["import React, { useRef, useState } from 'react';\nimport { IFormSecurityContext, IWithFormSecurity } from './types';\n\nconst FormSecurityContext = React.createContext({} as IFormSecurityContext);\n\nconst withFormSecurity = <ComponentProps extends IWithFormSecurity>(\n  WrappedComponent: React.ComponentType<ComponentProps>,\n) => {\n  const EnhancedComponent = (props: ComponentProps) => {\n    const { onOpenChange, handlerClose } = props;\n    const changedData = useRef(false);\n    const securityBeforeUnload = useRef(false);\n    const [showQuestion, setShowQuestion] = useState(false);\n\n    const newHandlerClose = () => {\n      if (changedData.current && securityBeforeUnload.current) {\n        setShowQuestion(true);\n      } else if (onOpenChange) onOpenChange(false);\n      else if (handlerClose) handlerClose();\n    };\n\n    const onConfirmClick = () => {\n      if (onOpenChange) onOpenChange(false);\n      if (handlerClose) handlerClose();\n    };\n\n    const onUnconfirmClick = () => {\n      setShowQuestion(false);\n    };\n\n    const onChangedData = (value: boolean) => {\n      changedData.current = value;\n    };\n\n    const setSecurityBeforeUnload = (value: boolean) => {\n      securityBeforeUnload.current = value;\n    };\n\n    const contextValues: IFormSecurityContext = {\n      onChangedData,\n      showQuestion,\n      onConfirmClick,\n      onUnconfirmClick,\n      setSecurityBeforeUnload,\n      securityBeforeUnload: securityBeforeUnload.current,\n    };\n\n    return (\n      <FormSecurityContext.Provider value={contextValues}>\n        <WrappedComponent\n          {...props}\n          handlerClose={newHandlerClose} />\n      </FormSecurityContext.Provider>\n    );\n  };\n\n  return EnhancedComponent;\n};\n\nexport default withFormSecurity;\nexport { FormSecurityContext };\n"],"names":["FormSecurityContext","React","createContext","withFormSecurity","WrappedComponent","EnhancedComponent","props","onOpenChange","handlerClose","changedData","useRef","securityBeforeUnload","showQuestion","setShowQuestion","useState","newHandlerClose","current","contextValues","onChangedData","value","onConfirmClick","onUnconfirmClick","setSecurityBeforeUnload","jsx"],"mappings":";;AAGA,MAAMA,IAAsBC,EAAMC,cAAc,CAAA,CAA0B,GAEpEC,IAAmB,CACvBC,MAE0BC,CAACC,MAA0B;AACnD,QAAM;AAAA,IAAEC,cAAAA;AAAAA,IAAcC,cAAAA;AAAAA,EAAAA,IAAiBF,GACjCG,IAAcC,EAAO,EAAK,GAC1BC,IAAuBD,EAAO,EAAK,GACnC,CAACE,GAAcC,CAAe,IAAIC,EAAS,EAAK,GAEhDC,IAAkBA,MAAM;AAC5B,IAAIN,EAAYO,WAAWL,EAAqBK,UAC9CH,EAAgB,EAAI,IACXN,IAAcA,EAAa,EAAK,IAClCC,KAAcA,EAAAA;AAAAA,EACzB,GAmBMS,IAAsC;AAAA,IAC1CC,eAToBA,CAACC,MAAmB;AACxCV,MAAAA,EAAYO,UAAUG;AAAAA,IACxB;AAAA,IAQEP,cAAAA;AAAAA,IACAQ,gBApBqBA,MAAM;AAC3B,MAAIb,OAA2B,EAAK,GAChCC,KAAcA,EAAAA;AAAAA,IACpB;AAAA,IAkBEa,kBAhBuBA,MAAM;AAC7BR,MAAAA,EAAgB,EAAK;AAAA,IACvB;AAAA,IAeES,yBAT8BA,CAACH,MAAmB;AAClDR,MAAAA,EAAqBK,UAAUG;AAAAA,IACjC;AAAA,IAQER,sBAAsBA,EAAqBK;AAAAA,EAAAA;AAG7C,SACE,gBAAAO,EAACvB,EAAoB,UAApB,EAA6B,OAAOiB,GACnC,UAAA,gBAAAM,EAACnB,GAAA,EACC,GAAIE,GACJ,cAAcS,EAAAA,CAAgB,EAAA,CAClC;AAEJ;"}
+{"version":3,"file":"withFormSecurity.js","sources":["../../src/lib/form/withFormSecurity.tsx"],"sourcesContent":["import { ComponentType, createContext, useRef, useState } from 'react';\nimport { IFormSecurityContext, IWithFormSecurity } from './types';\n\nconst FormSecurityContext = createContext({} as IFormSecurityContext);\n\nconst withFormSecurity = <ComponentProps extends IWithFormSecurity>(\n  WrappedComponent: ComponentType<ComponentProps>,\n) => {\n  const EnhancedComponent = (props: ComponentProps) => {\n    const { onOpenChange, handlerClose } = props;\n    const changedData = useRef(false);\n    const securityBeforeUnload = useRef(false);\n    const [showQuestion, setShowQuestion] = useState(false);\n\n    const newHandlerClose = () => {\n      if (changedData.current && securityBeforeUnload.current) {\n        setShowQuestion(true);\n      } else if (onOpenChange) onOpenChange(false);\n      else if (handlerClose) handlerClose();\n    };\n\n    const onConfirmClick = () => {\n      if (onOpenChange) onOpenChange(false);\n      if (handlerClose) handlerClose();\n    };\n\n    const onUnconfirmClick = () => {\n      setShowQuestion(false);\n    };\n\n    const onChangedData = (value: boolean) => {\n      changedData.current = value;\n    };\n\n    const setSecurityBeforeUnload = (value: boolean) => {\n      securityBeforeUnload.current = value;\n    };\n\n    const contextValues: IFormSecurityContext = {\n      onChangedData,\n      showQuestion,\n      onConfirmClick,\n      onUnconfirmClick,\n      setSecurityBeforeUnload,\n      securityBeforeUnload: securityBeforeUnload.current,\n    };\n\n    return (\n      <FormSecurityContext.Provider value={contextValues}>\n        <WrappedComponent\n          {...props}\n          handlerClose={newHandlerClose} />\n      </FormSecurityContext.Provider>\n    );\n  };\n\n  return EnhancedComponent;\n};\n\nexport default withFormSecurity;\nexport { FormSecurityContext };\n"],"names":["FormSecurityContext","createContext","withFormSecurity","WrappedComponent","EnhancedComponent","props","onOpenChange","handlerClose","changedData","useRef","securityBeforeUnload","showQuestion","setShowQuestion","useState","newHandlerClose","current","contextValues","onChangedData","value","onConfirmClick","onUnconfirmClick","setSecurityBeforeUnload","jsx"],"mappings":";;AAGA,MAAMA,IAAsBC,EAAc,CAAA,CAA0B,GAE9DC,IAAmB,CACvBC,MAE0BC,CAACC,MAA0B;AACnD,QAAM;AAAA,IAAEC,cAAAA;AAAAA,IAAcC,cAAAA;AAAAA,EAAAA,IAAiBF,GACjCG,IAAcC,EAAO,EAAK,GAC1BC,IAAuBD,EAAO,EAAK,GACnC,CAACE,GAAcC,CAAe,IAAIC,EAAS,EAAK,GAEhDC,IAAkBA,MAAM;AAC5B,IAAIN,EAAYO,WAAWL,EAAqBK,UAC9CH,EAAgB,EAAI,IACXN,IAAcA,EAAa,EAAK,IAClCC,KAAcA,EAAAA;AAAAA,EACzB,GAmBMS,IAAsC;AAAA,IAC1CC,eAToBA,CAACC,MAAmB;AACxCV,MAAAA,EAAYO,UAAUG;AAAAA,IACxB;AAAA,IAQEP,cAAAA;AAAAA,IACAQ,gBApBqBA,MAAM;AAC3B,MAAIb,OAA2B,EAAK,GAChCC,KAAcA,EAAAA;AAAAA,IACpB;AAAA,IAkBEa,kBAhBuBA,MAAM;AAC7BR,MAAAA,EAAgB,EAAK;AAAA,IACvB;AAAA,IAeES,yBAT8BA,CAACH,MAAmB;AAClDR,MAAAA,EAAqBK,UAAUG;AAAAA,IACjC;AAAA,IAQER,sBAAsBA,EAAqBK;AAAAA,EAAAA;AAG7C,SACE,gBAAAO,EAACtB,EAAoB,UAApB,EAA6B,OAAOgB,GACnC,UAAA,gBAAAM,EAACnB,GAAA,EACC,GAAIE,GACJ,cAAcS,EAAAA,CAAgB,EAAA,CAClC;AAEJ;"}

package/lib/form2/helpers.d.ts

@@ -0,0 +1,5 @@
+import { Ref } from 'react';
+import { DeepPartial } from './types';
+export declare const mergeRefs: <T>(...refs: (Ref<T> | undefined)[]) => (fieldElement: T) => void;
+export declare const deepMergeValues: <T>(current: T, incoming: DeepPartial<T>) => T;
+export declare const flattenValidators: (validators: Record<string, any>, prefix?: string) => Record<string, any>;