linear-react-components-ui 1.1.14-beta.0 → 1.1.14-beta.1

package/lib/form/index.js

@@ -1,30 +1,29 @@
 "use strict";
 
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 Object.defineProperty(exports, "Field", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _Field.default;
   }
 });
 Object.defineProperty(exports, "FieldArray", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _FieldArray.default;
   }
 });
 Object.defineProperty(exports, "FieldNumber", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _FieldNumber.default;
   }
 });
 Object.defineProperty(exports, "FieldPeriod", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _FieldPeriod.default;
   }
 });
@@ -39,131 +38,107 @@ var _FieldPeriod = _interopRequireDefault(require("./FieldPeriod"));
 require("../assets/styles/form.scss");
 var _dialog = require("../dialog");
 var _withFormSecurity = require("./withFormSecurity");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
-function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
-function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
-function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
-function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-var Form = function Form(_ref) {
-  var _ref$submitOnPressEnt = _ref.submitOnPressEnterKey,
-    submitOnPressEnterKey = _ref$submitOnPressEnt === void 0 ? true : _ref$submitOnPressEnt,
-    dataSource = _ref.dataSource,
-    securityBeforeUnload = _ref.securityBeforeUnload,
-    handlerReset = _ref.handlerReset,
-    handlerSubmit = _ref.handlerSubmit,
-    handlerValidates = _ref.handlerValidates,
-    style = _ref.style,
-    customClass = _ref.customClass,
-    securityTitle = _ref.securityTitle,
-    securityText = _ref.securityText,
-    securityData = _ref.securityData,
-    onDataChange = _ref.onDataChange,
-    onValidateForm = _ref.onValidateForm,
-    externalFieldErrors = _ref.externalFieldErrors,
-    onSubmit = _ref.onSubmit,
-    skeletonize = _ref.skeletonize,
-    disabled = _ref.disabled,
-    children = _ref.children,
-    _ref$useInternalState = _ref.useInternalState,
-    useInternalState = _ref$useInternalState === void 0 ? false : _ref$useInternalState;
-  var _useState = (0, _react.useState)(dataSource),
-    _useState2 = _slicedToArray(_useState, 2),
-    data = _useState2[0],
-    setData = _useState2[1];
-  var _useState3 = (0, _react.useState)(dataSource),
-    _useState4 = _slicedToArray(_useState3, 2),
-    originalData = _useState4[0],
-    setOriginalData = _useState4[1];
-  var _useState5 = (0, _react.useState)(submitOnPressEnterKey),
-    _useState6 = _slicedToArray(_useState5, 2),
-    submitFormOnEnter = _useState6[0],
-    setSubmitFormOnEnter = _useState6[1];
-  var _useState7 = (0, _react.useState)({}),
-    _useState8 = _slicedToArray(_useState7, 2),
-    fieldErrors = _useState8[0],
-    setFieldErrors = _useState8[1];
-  var fieldsValidators = (0, _react.useRef)({});
-  var _useState9 = (0, _react.useState)(0),
-    _useState10 = _slicedToArray(_useState9, 2),
-    oldFieldsValidatorsQuantity = _useState10[0],
-    setOldFieldsValidatorsQuantity = _useState10[1];
-  var context = (0, _react.useContext)(_withFormSecurity.FormSecurityContext);
-  var usedData = useInternalState ? data : dataSource;
-  var getValidatesErrorMessages = function getValidatesErrorMessages(validators, fieldValue) {
-    var validatorsArray = !(validators instanceof Array) ? [validators] : validators;
-    var errors = [];
-    validatorsArray.forEach(function (validator) {
+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
+  } = _ref;
+  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 fieldsValidators = (0, _react.useRef)({});
+  const [oldFieldsValidatorsQuantity, setOldFieldsValidatorsQuantity] = (0, _react.useState)(0);
+  const context = (0, _react.useContext)(_withFormSecurity.FormSecurityContext);
+  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') {
-        var result = validator(fieldValue);
-        if (result) errors = [].concat(_toConsumableArray(errors), [result]);
+        const result = validator(fieldValue);
+        if (result) errors = [...errors, result];
       }
     });
     return errors;
   };
-  var getErrorMessages = function getErrorMessages(currentData, currentValidators) {
-    var dataValidate = currentData || usedData;
-    var currentFieldErrors = _lodash.default.pickBy(fieldErrors, function (error, fieldName) {
-      var fieldValidatorsNames = Object.keys(currentValidators);
+  const getErrorMessages = (currentData, currentValidators) => {
+    const dataValidate = currentData || usedData;
+    let currentFieldErrors = _lodash.default.pickBy(fieldErrors, (error, fieldName) => {
+      const fieldValidatorsNames = Object.keys(currentValidators);
       return fieldValidatorsNames.includes(fieldName);
     });
-    _lodash.default.forEach(currentValidators, function (validators, fieldName) {
-      var fieldValue = _lodash.default.get(dataValidate, fieldName);
-      var messages = getValidatesErrorMessages(validators, fieldValue);
-      currentFieldErrors = _objectSpread(_objectSpread({}, currentFieldErrors), {}, _defineProperty({}, fieldName, messages));
+    _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;
   };
-  var checkIsValid = function checkIsValid(currentData) {
-    var updateState = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
-    var currentValidators = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;
-    var currentFieldErrors = getErrorMessages(currentData, currentValidators || fieldsValidators.current);
+  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);
     if (updateState) setFieldErrors(currentFieldErrors);
-    return Object.values(currentFieldErrors).every(function (value) {
-      return value.length === 0;
-    });
+    return Object.values(currentFieldErrors).every(value => value.length === 0);
   };
-  var onFieldChange = function onFieldChange(event) {
-    var target = event.target;
+  const onFieldChange = (0, _react.useCallback)(event => {
+    const {
+      target
+    } = event;
     if (!useInternalState && onDataChange) {
-      var newData = (0, _helpers.changeValue)(dataSource, target);
-      onDataChange(newData);
+      onDataChange(prevState => (0, _helpers.changeValue)(prevState, target));
     } else {
-      setData(function (prevState) {
-        return (0, _helpers.changeValue)(prevState, target);
-      });
+      setData(prevState => (0, _helpers.changeValue)(prevState, target));
     }
-  };
-  var onValidate = function onValidate(fieldName, fieldValue, validators) {
+  }, []);
+  const onValidate = (fieldName, fieldValue, validators) => {
     if (validators) {
-      var currentFieldErrors = fieldErrors;
-      var errors = getValidatesErrorMessages(validators, fieldValue);
+      let currentFieldErrors = fieldErrors;
+      const errors = getValidatesErrorMessages(validators, fieldValue);
       if (errors.length === 0) {
         currentFieldErrors = _lodash.default.omit(currentFieldErrors, fieldName);
       } else {
-        currentFieldErrors = _objectSpread(_objectSpread({}, currentFieldErrors), {}, _defineProperty({}, fieldName, errors));
+        currentFieldErrors = _objectSpread(_objectSpread({}, currentFieldErrors), {}, {
+          [fieldName]: errors
+        });
       }
       setFieldErrors(currentFieldErrors);
     }
   };
-  var onFormSubmit = function onFormSubmit(event) {
+  const onFormSubmit = (0, _react.useCallback)(event => {
     if (event) event.preventDefault();
     if (checkIsValid(usedData)) onSubmit(usedData);
-  };
-  var onReset = function onReset() {
+  }, [usedData]);
+  const onReset = () => {
     if (!useInternalState && onDataChange) {
       onDataChange(JSON.parse(JSON.stringify(originalData)));
     } else {
@@ -171,101 +146,95 @@ var Form = function Form(_ref) {
     }
     setFieldErrors({});
   };
-  var onRemoveFieldValidators = function onRemoveFieldValidators(fieldName) {
-    var newFieldsValidators = _lodash.default.omit(fieldsValidators, fieldName);
+  const onRemoveFieldValidators = fieldName => {
+    const newFieldsValidators = _lodash.default.omit(fieldsValidators, fieldName);
     fieldsValidators.current = newFieldsValidators;
   };
-  var onBeforeUnload = function onBeforeUnload(e) {
-    var event = e;
+  const onBeforeUnload = e => {
+    const event = e;
     event.preventDefault();
     if (_lodash.default.isEqual(usedData, originalData)) {
       return;
     }
     event.returnValue = true;
   };
-  var submitOnEnter = function submitOnEnter(event) {
+  const submitOnEnter = event => {
     if (event.key === 'Enter') {
       event.preventDefault();
       if (submitFormOnEnter) onFormSubmit();
     }
   };
-  var formProps = function formProps() {
-    var propsForm = null;
+  const formProps = () => {
+    let propsForm = null;
     if (!disabled) {
       propsForm = {
-        onSubmit: function onSubmit(event) {
-          return event.preventDefault();
-        },
-        onKeyPress: function onKeyPress(event) {
-          return submitOnEnter(event);
-        }
+        onSubmit: event => event.preventDefault(),
+        onKeyPress: event => submitOnEnter(event)
       };
     }
     return propsForm;
   };
-  var updateFormState = function updateFormState() {
+  const updateFormState = () => {
     if (!_lodash.default.isEmpty(context)) {
-      var onChangedData = context.onChangedData;
+      const {
+        onChangedData
+      } = context;
       if (securityData && !_lodash.default.isEqual(usedData, securityData)) {
         onChangedData(true);
       } else {
         onChangedData(false);
       }
     }
-    if (onDataChange) onDataChange(usedData);
+    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(function () {
-        return checkIsValid(usedData);
-      });
+      if (handlerValidates) handlerValidates(() => checkIsValid(usedData));
     }
     if (_lodash.default.isEmpty(usedData)) setOriginalData(usedData);
   };
-  (0, _react.useEffect)(function () {
+  (0, _react.useEffect)(() => {
     if (useInternalState) updateFormState();
   }, [JSON.stringify(data), useInternalState]);
-  (0, _react.useEffect)(function () {
+  (0, _react.useEffect)(() => {
     if (!useInternalState && onDataChange) updateFormState();
   }, [JSON.stringify(dataSource), useInternalState]);
-  (0, _react.useEffect)(function () {
+  (0, _react.useEffect)(() => {
     if (securityBeforeUnload) {
       if (context) context.setSecurityBeforeUnload(true);
       window.addEventListener('beforeunload', onBeforeUnload);
     }
-    return function () {
-      return window.removeEventListener('beforeunload', onBeforeUnload);
-    };
+    return () => window.removeEventListener('beforeunload', onBeforeUnload);
   }, [securityBeforeUnload, onBeforeUnload]);
-  (0, _react.useEffect)(function () {
+  (0, _react.useEffect)(() => {
     if (!disabled && submitOnPressEnterKey !== submitFormOnEnter) {
       setSubmitFormOnEnter(submitOnPressEnterKey);
     }
   }, [submitOnPressEnterKey]);
-  (0, _react.useEffect)(function () {
-    var newValidatorsQuantity = Object.values(fieldsValidators.current).reduce(function (acc, currentValue) {
-      return acc + ((currentValue === null || currentValue === void 0 ? void 0 : currentValue.length) || 0);
-    }, 0);
+  (0, _react.useEffect)(() => {
+    const newValidatorsQuantity = Object.values(fieldsValidators.current).reduce((acc, currentValue) => acc + ((currentValue === null || currentValue === void 0 ? void 0 : currentValue.length) || 0), 0);
     if (fieldsValidators.current && onValidateForm && oldFieldsValidatorsQuantity !== newValidatorsQuantity) {
       setOldFieldsValidatorsQuantity(newValidatorsQuantity);
       onValidateForm(checkIsValid(usedData, true, fieldsValidators.current));
     }
   }, [fieldsValidators.current, oldFieldsValidatorsQuantity, onValidateForm, JSON.stringify(usedData)]);
-  var contextValues = {
-    skeletonize: skeletonize,
+  const contextValues = {
+    skeletonize,
     handlerFieldChange: onFieldChange,
     handlerFieldValidade: onValidate,
-    handlerStoreValidators: function handlerStoreValidators(fieldName, fieldValidates) {
-      fieldsValidators.current = _objectSpread(_objectSpread({}, fieldsValidators.current), {}, _defineProperty({}, fieldName, fieldValidates));
+    handlerStoreValidators: (fieldName, fieldValidates) => {
+      fieldsValidators.current = _objectSpread(_objectSpread({}, fieldsValidators.current), {}, {
+        [fieldName]: fieldValidates
+      });
     },
     handlerRemoveValidators: onRemoveFieldValidators,
     data: useInternalState ? data : dataSource,
-    originalData: originalData,
-    fieldErrors: fieldErrors,
-    externalFieldErrors: externalFieldErrors
+    originalData,
+    fieldErrors,
+    externalFieldErrors
   };
   return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement(_helpers.FormContext.Provider, {
     value: contextValues
@@ -279,9 +248,8 @@ var Form = function Form(_ref) {
     title: securityTitle || 'Dados Alterados',
     text: securityText || 'Você possui dados alterados, confirma o fechamento?',
     visible: !_lodash.default.isEmpty(context) && context.showQuestion,
-    onConfirmClick: context ? context.onConfirmClick : function () {},
-    onUnconfirmClick: context ? context.onUnconfirmClick : function () {}
+    onConfirmClick: context ? context.onConfirmClick : () => {},
+    onUnconfirmClick: context ? context.onUnconfirmClick : () => {}
   }));
 };
-var _default = Form;
-exports.default = _default;
+var _default = exports.default = Form;

package/lib/form/types.d.ts

@@ -5,6 +5,8 @@ import '../@types/DataCombo.js';
 import '../@types/PermissionAttr.js';
 import '../inputs/base/types.js';
 import '../@types/Period.js';
+import '../internals/types.js';
+import '../@types/Position.js';
 
 type Validator = (value: string) => string | undefined;
 type PeriodValidator = (value: {
@@ -36,12 +38,13 @@ type BaseFormProps = {
     skeletonize?: boolean;
     disabled?: boolean;
 };
+type OnDataChange = React.Dispatch<React.SetStateAction<any>>;
 type FormProps = BaseFormProps & ({
     useInternalState?: false;
-    onDataChange: (data: object) => void;
+    onDataChange: OnDataChange;
 } | {
     useInternalState: true;
-    onDataChange?: (data: object) => void;
+    onDataChange?: OnDataChange;
 });
 type Data = {
     [key: string]: any;
@@ -176,6 +179,7 @@ interface IWithFieldContext {
     handlerSetValidatorFromComponent: (validator: Validator | Validator[]) => void;
 }
 interface IWithFormSecurity {
+    onOpenChange?: (open: boolean) => void;
     handlerClose?: () => void;
     onClick?: MouseEventHandler;
     children?: ReactNode;

package/lib/form/withFieldHOC.d.ts

@@ -6,6 +6,8 @@ import '../@types/DataCombo.js';
 import '../@types/PermissionAttr.js';
 import '../inputs/base/types.js';
 import '../@types/Period.js';
+import '../internals/types.js';
+import '../@types/Position.js';
 
 declare const withFieldHOC: <ComponentProps extends WithFieldProps>(WrappedComponent: React__default.ComponentType<ComponentProps>) => React__default.ForwardRefExoticComponent<React__default.PropsWithoutRef<ComponentProps> & React__default.RefAttributes<HTMLElement>>;
 

package/lib/form/withFieldHOC.js

@@ -1,47 +1,39 @@
 "use strict";
 
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _helpers = require("./helpers");
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
-function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-var withFieldHOC = function withFieldHOC(WrappedComponent) {
-  var EnhancedComponent = function EnhancedComponent(props) {
-    var name = props.name,
-      validators = props.validators,
-      handlerStoreValidators = props.handlerStoreValidators,
-      handlerRemoveValidators = props.handlerRemoveValidators;
-    var _useState = (0, _react.useState)(undefined),
-      _useState2 = _slicedToArray(_useState, 2),
-      validatorFromComponent = _useState2[0],
-      setValidatorFromComponent = _useState2[1];
-    var updateValidators = function updateValidators() {
-      var validatorsArray = (0, _helpers.getValidatorsArray)(validators, validatorFromComponent);
+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); }
+const withFieldHOC = WrappedComponent => {
+  const EnhancedComponent = props => {
+    const {
+      name,
+      validators,
+      handlerStoreValidators,
+      handlerRemoveValidators
+    } = props;
+    const [validatorFromComponent, setValidatorFromComponent] = (0, _react.useState)(undefined);
+    const updateValidators = () => {
+      const validatorsArray = (0, _helpers.getValidatorsArray)(validators, validatorFromComponent);
       if (validatorsArray && handlerStoreValidators) handlerStoreValidators(name, validatorsArray);
     };
-    (0, _react.useEffect)(function () {
+    (0, _react.useEffect)(() => {
       updateValidators();
-      return function () {
+      return () => {
         if (validators && handlerRemoveValidators) handlerRemoveValidators(name);
       };
     }, []);
-    (0, _react.useEffect)(function () {
+    (0, _react.useEffect)(() => {
       updateValidators();
     }, [validators]);
-    var contextValues = {
-      validatorFromComponent: validatorFromComponent,
-      handlerSetValidatorFromComponent: function handlerSetValidatorFromComponent(validator) {
+    const contextValues = {
+      validatorFromComponent,
+      handlerSetValidatorFromComponent: validator => {
         setValidatorFromComponent(validator);
       }
     };
@@ -50,15 +42,17 @@ var withFieldHOC = function withFieldHOC(WrappedComponent) {
     }, /*#__PURE__*/_react.default.createElement(WrappedComponent, props));
   };
   function forwardRef(props, ref) {
-    return /*#__PURE__*/_react.default.createElement(_helpers.FormContext.Consumer, null, function (_ref) {
-      var handlerFieldChange = _ref.handlerFieldChange,
-        handlerFieldValidade = _ref.handlerFieldValidade,
-        data = _ref.data,
-        fieldErrors = _ref.fieldErrors,
-        externalFieldErrors = _ref.externalFieldErrors,
-        handlerStoreValidators = _ref.handlerStoreValidators,
-        handlerRemoveValidators = _ref.handlerRemoveValidators,
-        skeletonize = _ref.skeletonize;
+    return /*#__PURE__*/_react.default.createElement(_helpers.FormContext.Consumer, null, _ref => {
+      let {
+        handlerFieldChange,
+        handlerFieldValidade,
+        data,
+        fieldErrors,
+        externalFieldErrors,
+        handlerStoreValidators,
+        handlerRemoveValidators,
+        skeletonize
+      } = _ref;
       return /*#__PURE__*/_react.default.createElement(EnhancedComponent, _extends({}, props, {
         skeletonize: skeletonize,
         handlerFieldChange: handlerFieldChange,
@@ -74,5 +68,4 @@ var withFieldHOC = function withFieldHOC(WrappedComponent) {
   }
   return /*#__PURE__*/_react.default.forwardRef(forwardRef);
 };
-var _default = withFieldHOC;
-exports.default = _default;
+var _default = exports.default = withFieldHOC;

package/lib/form/withFormSecurity.d.ts

@@ -6,6 +6,8 @@ import '../@types/DataCombo.js';
 import '../@types/PermissionAttr.js';
 import '../inputs/base/types.js';
 import '../@types/Period.js';
+import '../internals/types.js';
+import '../@types/Position.js';
 
 declare const FormSecurityContext: React__default.Context<IFormSecurityContext>;
 declare const withFormSecurity: <ComponentProps extends IWithFormSecurity>(WrappedComponent: React__default.ComponentType<ComponentProps>) => (props: ComponentProps) => JSX.Element;