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

package/lib/form/helpers.js

@@ -1,28 +1,50 @@
-import A from "../_virtual/lodash.js";
-import { createContext as t } from "react";
-const h = t({}), J = t({}), N = (c, f) => {
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.withFieldContext = exports.securityBeforeUnload = exports.getValidatorsArray = exports.getErrorMessages = exports.changeValue = exports.FormContext = void 0;
+var _lodash = _interopRequireDefault(require("lodash"));
+var _react = _interopRequireDefault(require("react"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const securityBeforeUnload = exports.securityBeforeUnload = 'securityBeforeUnload';
+const FormContext = exports.FormContext = /*#__PURE__*/_react.default.createContext({});
+const withFieldContext = exports.withFieldContext = /*#__PURE__*/_react.default.createContext({});
+const changeValue = (data, target) => {
   const {
-    name: y,
-    value: s
-  } = f;
-  return A.set(JSON.parse(JSON.stringify(c)), y, s);
-}, O = ({
-  name: c,
-  fieldErrors: f,
-  externalFieldErrors: y,
-  externalMessagesErrors: s
-}) => {
-  let e = s ? [...s] : [];
-  return f && f[c] && (e = [...e, ...f[c]]), y && y[c] && (e = [...e, ...y[c]]), e;
-}, S = (c, f) => {
-  let y = [];
-  return c && f ? (y = A.isArray(c) ? c : [c], y = A.isArray(f) ? [...y, ...f] : [...y, f]) : f ? y = A.isArray(f) ? f : [f] : c && (y = c instanceof Array ? c : [c]), y;
+    name,
+    value
+  } = target;
+  return _lodash.default.set(JSON.parse(JSON.stringify(data)), name, value);
 };
-export {
-  h as FormContext,
-  N as changeValue,
-  O as getErrorMessages,
-  S as getValidatorsArray,
-  J as withFieldContext
+exports.changeValue = changeValue;
+const getErrorMessages = _ref => {
+  let {
+    name,
+    fieldErrors,
+    externalFieldErrors,
+    externalMessagesErrors
+  } = _ref;
+  let errors = externalMessagesErrors ? [...externalMessagesErrors] : [];
+  if (fieldErrors && fieldErrors[name]) {
+    errors = [...errors, ...fieldErrors[name]];
+  }
+  if (externalFieldErrors && externalFieldErrors[name]) {
+    errors = [...errors, ...externalFieldErrors[name]];
+  }
+  return errors;
 };
-//# sourceMappingURL=helpers.js.map
+exports.getErrorMessages = getErrorMessages;
+const getValidatorsArray = (validators, validatorFromComponent) => {
+  let validatorsArray = [];
+  if (validators && validatorFromComponent) {
+    validatorsArray = !_lodash.default.isArray(validators) ? [validators] : validators;
+    validatorsArray = !_lodash.default.isArray(validatorFromComponent) ? [...validatorsArray, validatorFromComponent] : [...validatorsArray, ...validatorFromComponent];
+  } else if (validatorFromComponent) {
+    validatorsArray = !_lodash.default.isArray(validatorFromComponent) ? [validatorFromComponent] : validatorFromComponent;
+  } else if (validators) {
+    validatorsArray = !(validators instanceof Array) ? [validators] : validators;
+  }
+  return validatorsArray;
+};
+exports.getValidatorsArray = getValidatorsArray;

package/lib/form/index.d.ts

@@ -1,8 +1,18 @@
-import { default as Field } from './Field';
-import { default as FieldNumber } from './FieldNumber';
-import { default as FieldArray } from './FieldArray';
-import { default as FieldPeriod } from './FieldPeriod';
-import { FormProps } from './types';
-declare const Form: ({ submitOnPressEnterKey, dataSource, securityBeforeUnload, handlerReset, handlerSubmit, handlerValidates, style, customClass, securityTitle, securityText, securityData, onDataChange, onValidateForm, externalFieldErrors, onSubmit, skeletonize, disabled, children, useInternalState, onValidateErrorsOnTab, }: FormProps) => import("react/jsx-runtime").JSX.Element;
-export default Form;
-export { Field, FieldNumber, FieldArray, FieldPeriod, };
+export { default as Field } from './Field.js';
+export { default as FieldNumber } from './FieldNumber.js';
+export { default as FieldArray } from './FieldArray.js';
+export { default as FieldPeriod } from './FieldPeriod.js';
+import { FormProps } from './types.js';
+import 'react';
+import '../inputs/select/types.js';
+import '../@types/Align.js';
+import '../@types/DataCombo.js';
+import '../@types/PermissionAttr.js';
+import '../inputs/base/types.js';
+import '../@types/Period.js';
+import '../tooltip/types.js';
+import '../@types/Position.js';
+
+declare const Form: ({ submitOnPressEnterKey, dataSource, securityBeforeUnload, handlerReset, handlerSubmit, handlerValidates, style, customClass, securityTitle, securityText, securityData, onDataChange, onValidateForm, externalFieldErrors, onSubmit, skeletonize, disabled, children, useInternalState, onValidateErrorsOnTab, }: FormProps) => JSX.Element;
+
+export { Form as default };

package/lib/form/index.js

@@ -1,166 +1,308 @@
-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: R,
-  onDataChange: u,
-  onValidateForm: g,
-  externalFieldErrors: G,
-  onSubmit: H,
-  skeletonize: X,
-  disabled: V,
-  children: Y,
-  useInternalState: l = !1,
-  onValidateErrorsOnTab: b
-}) => {
-  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 c = s(t);
-        c && (o = [...o, c]);
+"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 _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+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];
       }
-    }), 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) => {
+    });
+    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: 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);
+      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);
     }
-  }, P = C((r) => {
-    r && (r.preventDefault(), r.stopPropagation()), y(i) && H(i);
-  }, [i]), U = (r, t) => {
-    const e = t ? t instanceof Array ? t : [t] : [];
-    e.length > 0 ? (r((o) => {
-      const s = JSON.parse(JSON.stringify(o));
-      return e.forEach((c) => {
-        c && n.set(s, c, n.get(h, c));
-      }), s;
-    }), N((o) => (e.forEach((s) => {
-      delete o[s];
-    }), o))) : (r(JSON.parse(JSON.stringify(h))), N({}));
-  }, cr = (r) => {
-    U(!l && u ? u : S, r);
-  }, fr = (r) => {
-    const t = n.omit(a, r);
-    a.current = t;
-  }, 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);
+  };
+  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);
       })));
-      b(e);
+      onValidateErrorsOnTab(tabIdsWithErrors);
     }
-  }, [b]), ar = () => {
-    let r = null;
-    return V || (r = {
-      onSubmit: (t) => t.preventDefault(),
-      onKeyPress: (t) => {
-        t && t.key === "Enter" && (t.preventDefault(), t.stopPropagation(), Q && P());
-      }
-    }), r;
-  }, B = () => {
-    if (!n.isEmpty(f)) {
+  }, [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: r
-      } = f;
-      R && !n.isEqual(i, R) ? r(!0) : r(!1);
+        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));
     }
-    u && l && u(i), g && g(y(i, !0)), V || (W(P), J && J(cr), A && A(() => y(i))), n.isEmpty(i) && K(i);
+    if (!disabled) {
+      handlerSubmit(onFormSubmit);
+      if (handlerReset) handlerReset(onReset);
+      if (handlerValidates) handlerValidates(() => checkIsValid(usedData));
+    }
+    if (_lodash.default.isEmpty(usedData)) setOriginalData(usedData);
   };
-  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
-      };
+  (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?.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: fr,
-    data: l ? v : p,
-    originalData: h,
-    fieldErrors: O,
-    externalFieldErrors: G,
-    isFormValid: tr
+    handlerRemoveValidators: onRemoveFieldValidators,
+    data: useInternalState ? data : dataSource,
+    originalData,
+    fieldErrors,
+    externalFieldErrors,
+    isFormValid: isValid
   };
-  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 {
-  Rr as Field,
-  Dr as FieldArray,
-  Qr as FieldNumber,
-  Ur as FieldPeriod,
-  Cr as default
+  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 ${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 : () => {}
+  }));
 };
-//# sourceMappingURL=index.js.map
+var _default = exports.default = Form;