linear-react-components-ui 1.1.26-beta.2 → 1.1.26-beta.21

package/lib/form/index.js

@@ -1,162 +1,166 @@
-import { j as x } from "../chunks/jsx-runtime.CYK1ROHF.js";
-import { useState as m, useContext as ar, useRef as U, useCallback as q, useEffect as F, Fragment as dr } from "react";
-import f from "lodash";
-import { changeValue as B, FormContext as mr } from "./helpers.js";
-import { default as br } from "./Field.js";
-import { default as Rr } from "./FieldNumber.js";
-import { default as Sr } from "./FieldArray.js";
-import { default as Pr } from "./FieldPeriod.js";
-import "../chunks/index.yztgndLc.js";
-import "../buttons/DefaultButton.js";
-import "../icons/index.js";
-/* empty css                        */
-import ur from "../dialog/Question.js";
-import { FormSecurityContext as pr } from "./withFormSecurity.js";
-import { v as Fr } from "../chunks/v1.CDXKvGzE.js";
-const wr = ({
-  submitOnPressEnterKey: g = !0,
-  dataSource: u,
-  securityBeforeUnload: j,
-  handlerReset: k,
-  handlerSubmit: L,
-  handlerValidates: w,
-  style: M,
-  customClass: z,
-  securityTitle: _,
+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 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: C,
-  onDataChange: d,
-  onValidateForm: p,
+  securityData: R,
+  onDataChange: u,
+  onValidateForm: g,
   externalFieldErrors: G,
   onSubmit: H,
-  skeletonize: T,
-  disabled: h,
-  children: W,
-  useInternalState: l = !1
+  skeletonize: X,
+  disabled: V,
+  children: Y,
+  useInternalState: l = !1,
+  onValidateErrorsOnTab: b
 }) => {
-  const X = Fr(), [v, J] = m(u), [E, Y] = m(u), [b, Z] = m(g), [V, O] = m({}), [A, K] = m(0), [I, rr] = m(!1), c = ar(pr), tr = U(null), a = U({}), i = l ? v : u, R = (r, t) => {
-    const o = r instanceof Array ? r : [r];
-    let e = [];
-    return o.forEach((s) => {
+  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((s) => {
       if (typeof s == "function") {
-        const n = s(t);
-        n && (e = [...e, n]);
+        const c = s(t);
+        c && (o = [...o, c]);
       }
-    }), e;
-  }, or = (r, t) => {
-    const o = r || i;
-    let e = f.pickBy(V, (s, n) => Object.keys(t).includes(n));
-    return f.forEach(t, (s, n) => {
-      const P = f.get(o, n), lr = R(s, P);
-      e = { ...e, [n]: lr };
-    }), e;
-  }, y = (r, t = !0, o = null) => {
-    const e = or(r, o || a.current), s = Object.values(e).every((n) => n.length === 0);
-    return t && rr(s), s;
-  }, er = q((r) => {
-    const { target: t } = r;
-    !l && d ? d((o) => B(o, t)) : J((o) => B(o, t));
-  }, []), sr = (r, t, o) => {
-    if (o) {
-      let e = V;
-      const s = R(o, t);
-      s.length === 0 ? e = f.omit(e, r) : e = { ...e, [r]: s }, O(e);
+    }), o;
+  }, 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,
+        [c]: dr
+      };
+    }), o;
+  }, 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) => M(e, t)) : S((e) => M(e, t));
+  }, []), ir = (r, t, e) => {
+    if (e) {
+      let o = O;
+      const s = D(e, t);
+      s.length === 0 ? o = n.omit(o, r) : o = {
+        ...o,
+        [r]: s
+      }, N(o);
     }
-  }, Q = q((r) => {
+  }, P = C((r) => {
     r && (r.preventDefault(), r.stopPropagation()), y(i) && H(i);
-  }, [i]), S = (r, t) => {
-    const o = t ? t instanceof Array ? t : [t] : [];
-    o.length > 0 ? (r((e) => {
-      const s = JSON.parse(JSON.stringify(e));
-      return o.forEach((n) => {
-        n && f.set(s, n, f.get(E, n));
+  }, [i]), U = (r, t) => {
+    const e = t ? t instanceof Array ? t : [t] : [];
+    e.length > 0 ? (r((o) => {
+      const s = JSON.parse(JSON.stringify(o));
+      return e.forEach((c) => {
+        c && n.set(s, c, n.get(h, c));
       }), s;
-    }), O((e) => (o.forEach((s) => {
-      delete e[s];
-    }), e))) : (r(JSON.parse(JSON.stringify(E))), O({}));
-  }, ir = (r) => {
-    S(!l && d ? d : J, r);
-  }, nr = (r) => {
-    const t = f.omit(a, r);
+    }), 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;
-  }, N = (r) => {
-    r.preventDefault(), f.isEqual(i, E);
-  }, 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 h || (r = {
+    return V || (r = {
       onSubmit: (t) => t.preventDefault(),
       onKeyPress: (t) => {
-        t && t.key === "Enter" && (t.preventDefault(), t.stopPropagation(), b && Q());
+        t && t.key === "Enter" && (t.preventDefault(), t.stopPropagation(), Q && P());
       }
     }), r;
-  }, D = () => {
-    if (!f.isEmpty(c)) {
-      const { onChangedData: r } = c;
-      C && !f.isEqual(i, C) ? r(!0) : r(!1);
+  }, B = () => {
+    if (!n.isEmpty(f)) {
+      const {
+        onChangedData: r
+      } = f;
+      R && !n.isEqual(i, R) ? r(!0) : r(!1);
     }
-    d && l && d(i), p && p(y(i, !0)), h || (L(Q), k && k(ir), w && w(() => y(i))), f.isEmpty(i) && Y(i);
+    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(v), l]), F(() => {
-    !l && d && D();
-  }, [JSON.stringify(u), l]), F(() => (j && (c && c.setSecurityBeforeUnload(!0), window.addEventListener("beforeunload", N)), () => window.removeEventListener("beforeunload", N)), [j, N]), F(() => {
-    !h && g !== b && Z(g);
-  }, [g]), F(() => {
-    const r = Object.values(a.current).reduce((t, o) => t + ((o == null ? void 0 : o.length) || 0), 0);
-    a.current && p && A !== r && (K(r), p(y(i, !0, a.current)));
-  }, [
-    a.current,
-    A,
-    p,
-    JSON.stringify(i)
-  ]);
-  const cr = {
-    skeletonize: T,
-    handlerFieldChange: er,
-    handlerFieldValidate: sr,
+  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 && 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 };
+      a.current = {
+        ...a.current,
+        [r]: t
+      };
     },
-    handlerRemoveValidators: nr,
-    data: l ? v : u,
-    originalData: E,
-    fieldErrors: V,
+    handlerRemoveValidators: fr,
+    data: l ? v : p,
+    originalData: h,
+    fieldErrors: O,
     externalFieldErrors: G,
-    isFormValid: I
+    isFormValid: tr
   };
-  return /* @__PURE__ */ x.jsxs(dr, { children: [
-    /* @__PURE__ */ x.jsx(mr.Provider, { value: cr, children: /* @__PURE__ */ x.jsx(
-      "form",
-      {
-        id: X,
-        ref: tr,
-        style: M,
-        ...fr(),
-        role: "presentation",
-        className: `form-component ${z}`,
-        children: W
-      }
-    ) }),
-    /* @__PURE__ */ x.jsx(
-      ur,
-      {
-        zIndex: "99999999",
-        title: _ || "Dados Alterados",
-        text: $ || "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 {
-  br as Field,
-  Sr as FieldArray,
-  Rr as FieldNumber,
-  Pr as FieldPeriod,
-  wr 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

@@ -0,0 +1 @@
+{"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,53 +1,64 @@
-import { j as i } from "../chunks/jsx-runtime.CYK1ROHF.js";
-import h, { useState as C, useEffect as c } from "react";
-import { FormContext as v, withFieldContext as V, getValidatorsArray as j } from "./helpers.js";
-const E = (u) => {
-  const x = (o) => {
-    const { name: r, validators: t, handlerStoreValidators: e, handlerRemoveValidators: a, component: f } = o, [n, l] = C(void 0), d = () => {
-      const s = j(t, n);
-      s && e && e(r, s);
-    };
-    c(() => (d(), () => {
-      t && a && a(r);
-    }), []), c(() => {
-      d();
-    }, [t]);
-    const m = {
-      validatorFromComponent: n,
-      handlerSetValidatorFromComponent: (s) => {
-        l(s);
-      }
-    };
-    return /* @__PURE__ */ i.jsx(V.Provider, { value: m, children: /* @__PURE__ */ i.jsx(u, { ...o }) });
+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, x] = b(void 0);
+    let s;
+    e[0] !== n || e[1] !== o || e[2] !== r || e[3] !== t ? (s = () => {
+      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 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] = 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], w(c, u);
+    let h;
+    e[15] === Symbol.for("react.memo_cache_sentinel") ? (h = (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 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] !== 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 p(o, r) {
-    return /* @__PURE__ */ i.jsx(v.Consumer, { children: ({
-      handlerFieldChange: t,
-      handlerFieldValidate: e,
-      data: a,
-      fieldErrors: f,
-      externalFieldErrors: n,
-      handlerStoreValidators: l,
-      handlerRemoveValidators: d,
-      skeletonize: m
-    }) => /* @__PURE__ */ i.jsx(
-      x,
-      {
-        ...o,
-        skeletonize: m,
-        handlerFieldChange: t,
-        handlerFieldValidate: e,
-        handlerStoreValidators: l,
-        handlerRemoveValidators: d,
-        data: a,
-        fieldErrors: f,
-        externalFieldErrors: n,
-        forwardedRef: r
-      }
-    ) });
+  function y(a, e) {
+    return /* @__PURE__ */ p(A.Consumer, { children: ({
+      handlerFieldChange: o,
+      handlerFieldValidate: t,
+      data: n,
+      fieldErrors: i,
+      externalFieldErrors: r,
+      handlerStoreValidators: x,
+      handlerRemoveValidators: s,
+      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 h.forwardRef(p);
+  return E(y);
 };
 export {
-  E as default
+  k as default
 };
+//# sourceMappingURL=withFieldHOC.js.map

package/lib/form/withFieldHOC.js.map

@@ -0,0 +1 @@
+{"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,33 +1,31 @@
-import { j as a } from "../chunks/jsx-runtime.CYK1ROHF.js";
-import C, { useRef as i, useState as m } from "react";
-const h = C.createContext({}), k = (l) => (r) => {
-  const { onOpenChange: e, handlerClose: n } = r, s = i(!1), t = i(!1), [f, c] = m(!1), u = () => {
-    s.current && t.current ? c(!0) : e ? e(!1) : n && n();
-  }, d = {
-    onChangedData: (o) => {
-      s.current = o;
+import { jsx as a } from "react/jsx-runtime";
+import { createContext as d, useRef as i, useState as h } from "react";
+const m = d({}), w = (l) => (r) => {
+  const {
+    onOpenChange: e,
+    handlerClose: n
+  } = r, c = i(!1), o = i(!1), [f, s] = h(!1), u = () => {
+    c.current && o.current ? s(!0) : e ? e(!1) : n && n();
+  }, C = {
+    onChangedData: (t) => {
+      c.current = t;
     },
     showQuestion: f,
     onConfirmClick: () => {
       e && e(!1), n && n();
     },
     onUnconfirmClick: () => {
-      c(!1);
+      s(!1);
     },
-    setSecurityBeforeUnload: (o) => {
-      t.current = o;
+    setSecurityBeforeUnload: (t) => {
+      o.current = t;
     },
-    securityBeforeUnload: t.current
+    securityBeforeUnload: o.current
   };
-  return /* @__PURE__ */ a.jsx(h.Provider, { value: d, children: /* @__PURE__ */ a.jsx(
-    l,
-    {
-      ...r,
-      handlerClose: u
-    }
-  ) });
+  return /* @__PURE__ */ a(m.Provider, { value: C, children: /* @__PURE__ */ a(l, { ...r, handlerClose: u }) });
 };
 export {
-  h as FormSecurityContext,
-  k as default
+  m as FormSecurityContext,
+  w as default
 };
+//# sourceMappingURL=withFormSecurity.js.map