linear-react-components-ui 1.1.27-rc.0 → 2.0.0-beta.0

package/lib/form/index.js

@@ -1,307 +1,148 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "Field", {
-  enumerable: true,
-  get: function () {
-    return _Field.default;
-  }
-});
-Object.defineProperty(exports, "FieldArray", {
-  enumerable: true,
-  get: function () {
-    return _FieldArray.default;
-  }
-});
-Object.defineProperty(exports, "FieldNumber", {
-  enumerable: true,
-  get: function () {
-    return _FieldNumber.default;
-  }
-});
-Object.defineProperty(exports, "FieldPeriod", {
-  enumerable: true,
-  get: function () {
-    return _FieldPeriod.default;
-  }
-});
-exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _uuid = require("uuid");
-var _lodash = _interopRequireDefault(require("lodash"));
-var _helpers = require("./helpers");
-var _Field = _interopRequireDefault(require("./Field"));
-var _FieldNumber = _interopRequireDefault(require("./FieldNumber"));
-var _FieldArray = _interopRequireDefault(require("./FieldArray"));
-var _FieldPeriod = _interopRequireDefault(require("./FieldPeriod"));
-require("../assets/styles/form.scss");
-var _dialog = require("../dialog");
-var _withFormSecurity = require("./withFormSecurity");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
-function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-const Form = _ref => {
-  let {
-    submitOnPressEnterKey = true,
-    dataSource,
-    securityBeforeUnload,
-    handlerReset,
-    handlerSubmit,
-    handlerValidates,
-    style,
-    customClass,
-    securityTitle,
-    securityText,
-    securityData,
-    onDataChange,
-    onValidateForm,
-    externalFieldErrors,
-    onSubmit,
-    skeletonize,
-    disabled,
-    children,
-    useInternalState = false,
-    onValidateErrorsOnTab
-  } = _ref;
-  const formId = (0, _uuid.v1)();
-  const [data, setData] = (0, _react.useState)(dataSource);
-  const [originalData, setOriginalData] = (0, _react.useState)(dataSource);
-  const [submitFormOnEnter, setSubmitFormOnEnter] = (0, _react.useState)(submitOnPressEnterKey);
-  const [fieldErrors, setFieldErrors] = (0, _react.useState)({});
-  const [oldFieldsValidatorsQuantity, setOldFieldsValidatorsQuantity] = (0, _react.useState)(0);
-  const [isValid, setIsValid] = (0, _react.useState)(false);
-  const context = (0, _react.useContext)(_withFormSecurity.FormSecurityContext);
-  const formRef = (0, _react.useRef)(null);
-  const fieldsValidators = (0, _react.useRef)({});
-  const tabsWithErrorRef = (0, _react.useRef)([]);
-  const usedData = useInternalState ? data : dataSource;
-  const getValidatesErrorMessages = (validators, fieldValue) => {
-    const validatorsArray = !(validators instanceof Array) ? [validators] : validators;
-    let errors = [];
-    validatorsArray.forEach(validator => {
-      if (typeof validator === 'function') {
-        const result = validator(fieldValue);
-        if (result) errors = [...errors, result];
-      }
-    });
-    return errors;
-  };
-  const getErrorMessages = (currentData, currentValidators) => {
-    const dataValidate = currentData || usedData;
-    let currentFieldErrors = _lodash.default.pickBy(fieldErrors, (__, fieldName) => {
-      const fieldValidatorsNames = Object.keys(currentValidators);
-      return fieldValidatorsNames.includes(fieldName);
-    });
-    _lodash.default.forEach(currentValidators, (validators, fieldName) => {
-      const fieldValue = _lodash.default.get(dataValidate, fieldName);
-      const messages = getValidatesErrorMessages(validators, fieldValue);
-      currentFieldErrors = _objectSpread(_objectSpread({}, currentFieldErrors), {}, {
-        [fieldName]: messages
-      });
-    });
-    return currentFieldErrors;
-  };
-  const checkIsValid = function (currentData) {
-    let updateState = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
-    let currentValidators = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;
-    const currentFieldErrors = getErrorMessages(currentData, currentValidators || fieldsValidators.current);
-    const isValidNow = Object.values(currentFieldErrors).every(value => value.length === 0);
-    if (updateState) setIsValid(isValidNow);
-    return isValidNow;
-  };
-  const onFieldChange = (0, _react.useCallback)(event => {
-    const {
-      target
-    } = event;
-    if (!useInternalState && onDataChange) {
-      onDataChange(prevState => (0, _helpers.changeValue)(prevState, target));
-    } else {
-      setData(prevState => (0, _helpers.changeValue)(prevState, target));
-    }
-  }, []);
-  const onValidate = (fieldName, fieldValue, validators) => {
-    if (validators) {
-      let currentFieldErrors = fieldErrors;
-      const errors = getValidatesErrorMessages(validators, fieldValue);
-      if (errors.length === 0) {
-        currentFieldErrors = _lodash.default.omit(currentFieldErrors, fieldName);
-      } else {
-        currentFieldErrors = _objectSpread(_objectSpread({}, currentFieldErrors), {}, {
-          [fieldName]: errors
-        });
-      }
-      setFieldErrors(currentFieldErrors);
-    }
-  };
-  const onFormSubmit = (0, _react.useCallback)(event => {
-    if (event) {
-      event.preventDefault();
-      event.stopPropagation();
-    }
-    if (checkIsValid(usedData)) onSubmit(usedData);
-  }, [usedData]);
-  const onResetField = (cb, fields) => {
-    const fieldsArray = !fields ? [] : fields instanceof Array ? fields : [fields];
-    if (fieldsArray.length > 0) {
-      cb(state => {
-        const newState = JSON.parse(JSON.stringify(state));
-        fieldsArray.forEach(field => {
-          if (field) _lodash.default.set(newState, field, _lodash.default.get(originalData, field));
-        });
-        return newState;
-      });
-      setFieldErrors(state => {
-        fieldsArray.forEach(field => {
-          delete state[field];
-        });
-        return state;
-      });
-    } else {
-      cb(JSON.parse(JSON.stringify(originalData)));
-      setFieldErrors({});
-    }
-  };
-  const onReset = fields => {
-    if (!useInternalState && onDataChange) {
-      onResetField(onDataChange, fields);
-    } else {
-      onResetField(setData, fields);
-    }
-  };
-  const onRemoveFieldValidators = fieldName => {
-    const newFieldsValidators = _lodash.default.omit(fieldsValidators, fieldName);
-    fieldsValidators.current = newFieldsValidators;
-  };
-  const onBeforeUnload = e => {
-    const event = e;
-    event.preventDefault();
-    if (_lodash.default.isEqual(usedData, originalData)) return;
-  };
-  const onValidateTabErrors = (0, _react.useCallback)(props => {
-    if (!props.tabId) return;
-    const tabIndex = [...tabsWithErrorRef.current].findIndex(tab => tab.name === props.name);
-    if (tabIndex !== -1) {
-      const novasTabs = [...tabsWithErrorRef.current];
-      novasTabs[tabIndex] = props;
-      tabsWithErrorRef.current = [...novasTabs];
-    } else {
-      tabsWithErrorRef.current = [...tabsWithErrorRef.current, props];
-    }
-    if (onValidateErrorsOnTab) {
-      const tabIdsWithErrors = _lodash.default.uniq(_lodash.default.compact(tabsWithErrorRef.current.map(tab => {
-        if (tab.hasErrors) return String(tab.tabId);
-      })));
-      onValidateErrorsOnTab(tabIdsWithErrors);
-    }
-  }, [onValidateErrorsOnTab]);
-  const formProps = () => {
-    let propsForm = null;
-    if (!disabled) {
-      propsForm = {
-        onSubmit: event => event.preventDefault(),
-        onKeyPress: event => {
-          if (event && event.key === 'Enter') {
-            event.preventDefault();
-            event.stopPropagation();
-            if (submitFormOnEnter) onFormSubmit();
-          }
-        }
-      };
-    }
-    return propsForm;
-  };
-  const updateFormState = () => {
-    if (!_lodash.default.isEmpty(context)) {
-      const {
-        onChangedData
-      } = context;
-      if (securityData && !_lodash.default.isEqual(usedData, securityData)) {
-        onChangedData(true);
-      } else {
-        onChangedData(false);
-      }
-    }
-    if (onDataChange && useInternalState) onDataChange(usedData);
-
-    // TODO - Usar debounce para evitar chamada a cada letra digitada
-    if (onValidateForm) {
-      onValidateForm(checkIsValid(usedData, true));
-    }
-    if (!disabled) {
-      handlerSubmit(onFormSubmit);
-      if (handlerReset) handlerReset(onReset);
-      if (handlerValidates) handlerValidates(() => checkIsValid(usedData));
-    }
-    if (_lodash.default.isEmpty(usedData)) setOriginalData(usedData);
-  };
-  (0, _react.useEffect)(() => {
-    if (useInternalState) updateFormState();
-  }, [JSON.stringify(data), useInternalState]);
-  (0, _react.useEffect)(() => {
-    if (!useInternalState && onDataChange) updateFormState();
-  }, [JSON.stringify(dataSource), useInternalState]);
-  (0, _react.useEffect)(() => {
-    if (securityBeforeUnload) {
-      if (Object.entries(context).length) context.setSecurityBeforeUnload(true);
-      window.addEventListener('beforeunload', onBeforeUnload);
-    }
-    return () => {
-      if (securityBeforeUnload && Object.entries(context).length) context.setSecurityBeforeUnload(false);
-      window.removeEventListener('beforeunload', onBeforeUnload);
-    };
-  }, [securityBeforeUnload, onBeforeUnload]);
-  (0, _react.useEffect)(() => {
-    if (!disabled && submitOnPressEnterKey !== submitFormOnEnter) {
-      setSubmitFormOnEnter(submitOnPressEnterKey);
-    }
-  }, [submitOnPressEnterKey]);
-  (0, _react.useEffect)(() => {
-    const validatorsQuantity = Object.values(fieldsValidators.current).reduce((acc, currentValue) => acc + ((currentValue === null || currentValue === void 0 ? void 0 : currentValue.length) || 0), 0);
-    if (fieldsValidators.current && onValidateForm && oldFieldsValidatorsQuantity !== validatorsQuantity) {
-      setOldFieldsValidatorsQuantity(validatorsQuantity);
-      onValidateForm(checkIsValid(usedData, true, fieldsValidators.current));
-    }
-  }, [fieldsValidators.current, oldFieldsValidatorsQuantity, onValidateForm, JSON.stringify(usedData)]);
-  const contextValues = {
-    skeletonize,
-    handlerFieldChange: onFieldChange,
-    handlerFieldValidate: onValidate,
-    handleValidationErrorsOnTab: onValidateTabErrors,
-    handlerStoreValidators: (fieldName, fieldValidates) => {
-      fieldsValidators.current = _objectSpread(_objectSpread({}, fieldsValidators.current), {}, {
-        [fieldName]: fieldValidates
-      });
-    },
-    handlerRemoveValidators: onRemoveFieldValidators,
-    data: useInternalState ? data : dataSource,
-    originalData,
-    fieldErrors,
-    externalFieldErrors,
-    isFormValid: isValid
-  };
-  return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement(_helpers.FormContext.Provider, {
-    value: contextValues
-  }, /*#__PURE__*/_react.default.createElement("form", _extends({
-    id: formId,
-    ref: formRef,
-    style: style
-  }, formProps(), {
-    role: "presentation",
-    className: "form-component ".concat(customClass)
-  }), children)), /*#__PURE__*/_react.default.createElement(_dialog.DialogQuestion, {
-    zIndex: "99999999",
-    title: securityTitle || 'Dados Alterados',
-    text: securityText || 'Você possui dados alterados, confirma o fechamento?',
-    visible: !_lodash.default.isEmpty(context) && context.showQuestion,
-    onConfirmClick: context ? context.onConfirmClick : () => {},
-    onUnconfirmClick: context ? context.onUnconfirmClick : () => {}
-  }));
+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 : () => {}
+	})] });
 };
-var _default = exports.default = Form;
+//#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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"}