linear-react-components-ui 1.1.26-beta.9 → 2.0.0-beta.0

package/lib/form/index.js

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

package/lib/form/index.js.map

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

package/lib/form/withFieldHOC.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"withFieldHOC.js","names":[],"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"],"mappings":";;;;;aAIM,KACJ,MACG;CACH,IAAM,KAAA,MAAA;EAAA,IAAA,KAAA,GAAA,EAAA,GAAA,GAAA,EACJ,EAAA,SAAA,eAAA,2BAAA,+BAA8E,GAC9E,CAAA,GAAA,KACE,EAA8C,KAAA,EAAU,EAAA;AAAA,EAAA,EAAA,OAAA,KAAA,EAAA,OAAA,KAAA,EAAA,OAAA,KAAA,EAAA,OAAA,KAEpD,UAAA;GACJ,IAAA,IAAwB,EAAmB,GAAyB,EAAuB;AAC3F,GAAI,KAAA,KAA2C,EAAuB,GAAM,EAAgB;;EAF9F,IAAA,IAAM;0DAKN,WACE,GAAkB,QAElB;AACE,GAAI,KAAA,KAAuC,EAAwB,EAAK;;;AAJ5E,uDAMG,IAAA,EAAE,EAAA,EAAA,MAAA,KAAA,IAAA,EAAA,KANL,EAAA,GAMG,EAAG;EAAA,IAAA;AAAA,EAAA,EAAA,QAAA,iBAEN,UAAA;AACE,MAAkB;;;AADpB,gBAEe,IAAA,EAAA,OAAZ,IAAA,CAAC,EAAW,EAAA,EAAA,MAAA,GAAA,EAAA,MAAA,IAFf,EAAA,GAEG,EAAa;EAAA,IAAA;AAAA,EAAA,EAAA,QAAA,OAAA,IAAA,4BAAA,IAId,KAAA,MAAA;AACE,KAA0B,EAAU;;;;GAHxC,IAAA,IAAyC;IAAA;IAAA,kCAEvC;IAGD;AAK6B,GAF5B,IAAA,EAAC,EAAA,UAAD;IAAA,OAAkC;IAAA,UAChC,EAAC,GAAD,EAAA,GAAsB,GAAS,CAAA;IACL,CAAA,EAAA,EAAA,MAAA,GAAA,EAAA,MAAA,GAAA,EAAA,MAAA;QAAA,KAAA,EAAA;AAAA,SAF5B;;CAMJ,SAAS,EAAa,GAAuB,GAAuB;AAClE,SACE,kBAAC,EAAY,UAAb,EAAA,WACI,EACA,uBACsB,yBACtB,SACA,gBACA,wBACA,2BACA,4BACA,gBACA,qCAEA,kBAAC,GAAD;GACE,GAAI;GACS;GACO;GACE;GACE;GACC;GACnB;GACO;GACQ;GACrB,cAAc;GACe;GAA+B,CAAA,EAE3C,CAAA;;AAG3B,QAAO,EAAW,EAAoB"}

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 };