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

package/lib/form/index.js

@@ -1,29 +1,30 @@
 "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: function get() {
     return _Field.default;
   }
 });
 Object.defineProperty(exports, "FieldArray", {
   enumerable: true,
-  get: function () {
+  get: function get() {
     return _FieldArray.default;
   }
 });
 Object.defineProperty(exports, "FieldNumber", {
   enumerable: true,
-  get: function () {
+  get: function get() {
     return _FieldNumber.default;
   }
 });
 Object.defineProperty(exports, "FieldPeriod", {
   enumerable: true,
-  get: function () {
+  get: function get() {
     return _FieldPeriod.default;
   }
 });
@@ -39,106 +40,130 @@ 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(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 _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(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 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(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 => {
+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) {
       if (typeof validator === 'function') {
-        const result = validator(fieldValue);
-        if (result) errors = [...errors, result];
+        var result = validator(fieldValue);
+        if (result) errors = [].concat(_toConsumableArray(errors), [result]);
       }
     });
     return errors;
   };
-  const getErrorMessages = (currentData, currentValidators) => {
-    const dataValidate = currentData || usedData;
-    let currentFieldErrors = _lodash.default.pickBy(fieldErrors, (error, fieldName) => {
-      const fieldValidatorsNames = Object.keys(currentValidators);
+  var getErrorMessages = function getErrorMessages(currentData, currentValidators) {
+    var dataValidate = currentData || usedData;
+    var currentFieldErrors = _lodash.default.pickBy(fieldErrors, function (error, fieldName) {
+      var 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
-      });
+    _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));
     });
     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);
+  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);
     if (updateState) setFieldErrors(currentFieldErrors);
-    return Object.values(currentFieldErrors).every(value => value.length === 0);
+    return Object.values(currentFieldErrors).every(function (value) {
+      return value.length === 0;
+    });
   };
-  const onFieldChange = (0, _react.useCallback)(event => {
-    const {
-      target
-    } = event;
+  var onFieldChange = function onFieldChange(event) {
+    var target = event.target;
     if (!useInternalState && onDataChange) {
-      onDataChange(prevState => (0, _helpers.changeValue)(prevState, target));
+      var newData = (0, _helpers.changeValue)(dataSource, target);
+      onDataChange(newData);
     } else {
-      setData(prevState => (0, _helpers.changeValue)(prevState, target));
+      setData(function (prevState) {
+        return (0, _helpers.changeValue)(prevState, target);
+      });
     }
-  }, []);
-  const onValidate = (fieldName, fieldValue, validators) => {
+  };
+  var onValidate = function onValidate(fieldName, fieldValue, validators) {
     if (validators) {
-      let currentFieldErrors = fieldErrors;
-      const errors = getValidatesErrorMessages(validators, fieldValue);
+      var currentFieldErrors = fieldErrors;
+      var errors = getValidatesErrorMessages(validators, fieldValue);
       if (errors.length === 0) {
         currentFieldErrors = _lodash.default.omit(currentFieldErrors, fieldName);
       } else {
-        currentFieldErrors = _objectSpread(_objectSpread({}, currentFieldErrors), {}, {
-          [fieldName]: errors
-        });
+        currentFieldErrors = _objectSpread(_objectSpread({}, currentFieldErrors), {}, _defineProperty({}, fieldName, errors));
       }
       setFieldErrors(currentFieldErrors);
     }
   };
-  const onFormSubmit = (0, _react.useCallback)(event => {
+  var onFormSubmit = function onFormSubmit(event) {
     if (event) event.preventDefault();
     if (checkIsValid(usedData)) onSubmit(usedData);
-  }, [usedData]);
-  const onReset = () => {
+  };
+  var onReset = function onReset() {
     if (!useInternalState && onDataChange) {
       onDataChange(JSON.parse(JSON.stringify(originalData)));
     } else {
@@ -146,95 +171,101 @@ const Form = _ref => {
     }
     setFieldErrors({});
   };
-  const onRemoveFieldValidators = fieldName => {
-    const newFieldsValidators = _lodash.default.omit(fieldsValidators, fieldName);
+  var onRemoveFieldValidators = function onRemoveFieldValidators(fieldName) {
+    var newFieldsValidators = _lodash.default.omit(fieldsValidators, fieldName);
     fieldsValidators.current = newFieldsValidators;
   };
-  const onBeforeUnload = e => {
-    const event = e;
+  var onBeforeUnload = function onBeforeUnload(e) {
+    var event = e;
     event.preventDefault();
     if (_lodash.default.isEqual(usedData, originalData)) {
       return;
     }
     event.returnValue = true;
   };
-  const submitOnEnter = event => {
+  var submitOnEnter = function submitOnEnter(event) {
     if (event.key === 'Enter') {
       event.preventDefault();
       if (submitFormOnEnter) onFormSubmit();
     }
   };
-  const formProps = () => {
-    let propsForm = null;
+  var formProps = function formProps() {
+    var propsForm = null;
     if (!disabled) {
       propsForm = {
-        onSubmit: event => event.preventDefault(),
-        onKeyPress: event => submitOnEnter(event)
+        onSubmit: function onSubmit(event) {
+          return event.preventDefault();
+        },
+        onKeyPress: function onKeyPress(event) {
+          return submitOnEnter(event);
+        }
       };
     }
     return propsForm;
   };
-  const updateFormState = () => {
+  var updateFormState = function updateFormState() {
     if (!_lodash.default.isEmpty(context)) {
-      const {
-        onChangedData
-      } = context;
+      var onChangedData = context.onChangedData;
       if (securityData && !_lodash.default.isEqual(usedData, securityData)) {
         onChangedData(true);
       } else {
         onChangedData(false);
       }
     }
-    if (onDataChange && useInternalState) onDataChange(usedData);
+    if (onDataChange) 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 (handlerValidates) handlerValidates(function () {
+        return checkIsValid(usedData);
+      });
     }
     if (_lodash.default.isEmpty(usedData)) setOriginalData(usedData);
   };
-  (0, _react.useEffect)(() => {
+  (0, _react.useEffect)(function () {
     if (useInternalState) updateFormState();
   }, [JSON.stringify(data), useInternalState]);
-  (0, _react.useEffect)(() => {
+  (0, _react.useEffect)(function () {
     if (!useInternalState && onDataChange) updateFormState();
   }, [JSON.stringify(dataSource), useInternalState]);
-  (0, _react.useEffect)(() => {
+  (0, _react.useEffect)(function () {
     if (securityBeforeUnload) {
       if (context) context.setSecurityBeforeUnload(true);
       window.addEventListener('beforeunload', onBeforeUnload);
     }
-    return () => window.removeEventListener('beforeunload', onBeforeUnload);
+    return function () {
+      return window.removeEventListener('beforeunload', onBeforeUnload);
+    };
   }, [securityBeforeUnload, onBeforeUnload]);
-  (0, _react.useEffect)(() => {
+  (0, _react.useEffect)(function () {
     if (!disabled && submitOnPressEnterKey !== submitFormOnEnter) {
       setSubmitFormOnEnter(submitOnPressEnterKey);
     }
   }, [submitOnPressEnterKey]);
-  (0, _react.useEffect)(() => {
-    const newValidatorsQuantity = Object.values(fieldsValidators.current).reduce((acc, currentValue) => acc + ((currentValue === null || currentValue === void 0 ? void 0 : currentValue.length) || 0), 0);
+  (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);
     if (fieldsValidators.current && onValidateForm && oldFieldsValidatorsQuantity !== newValidatorsQuantity) {
       setOldFieldsValidatorsQuantity(newValidatorsQuantity);
       onValidateForm(checkIsValid(usedData, true, fieldsValidators.current));
     }
   }, [fieldsValidators.current, oldFieldsValidatorsQuantity, onValidateForm, JSON.stringify(usedData)]);
-  const contextValues = {
-    skeletonize,
+  var contextValues = {
+    skeletonize: skeletonize,
     handlerFieldChange: onFieldChange,
     handlerFieldValidade: onValidate,
-    handlerStoreValidators: (fieldName, fieldValidates) => {
-      fieldsValidators.current = _objectSpread(_objectSpread({}, fieldsValidators.current), {}, {
-        [fieldName]: fieldValidates
-      });
+    handlerStoreValidators: function handlerStoreValidators(fieldName, fieldValidates) {
+      fieldsValidators.current = _objectSpread(_objectSpread({}, fieldsValidators.current), {}, _defineProperty({}, fieldName, fieldValidates));
     },
     handlerRemoveValidators: onRemoveFieldValidators,
     data: useInternalState ? data : dataSource,
-    originalData,
-    fieldErrors,
-    externalFieldErrors
+    originalData: originalData,
+    fieldErrors: fieldErrors,
+    externalFieldErrors: externalFieldErrors
   };
   return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement(_helpers.FormContext.Provider, {
     value: contextValues
@@ -248,8 +279,9 @@ const 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 : () => {},
-    onUnconfirmClick: context ? context.onUnconfirmClick : () => {}
+    onConfirmClick: context ? context.onConfirmClick : function () {},
+    onUnconfirmClick: context ? context.onUnconfirmClick : function () {}
   }));
 };
-var _default = exports.default = Form;
+var _default = Form;
+exports.default = _default;

package/lib/form/types.d.ts

@@ -5,8 +5,6 @@ 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: {
@@ -38,13 +36,12 @@ type BaseFormProps = {
     skeletonize?: boolean;
     disabled?: boolean;
 };
-type OnDataChange = React.Dispatch<React.SetStateAction<any>>;
 type FormProps = BaseFormProps & ({
     useInternalState?: false;
-    onDataChange: OnDataChange;
+    onDataChange: (data: object) => void;
 } | {
     useInternalState: true;
-    onDataChange?: OnDataChange;
+    onDataChange?: (data: object) => void;
 });
 type Data = {
     [key: string]: any;
@@ -85,6 +82,7 @@ interface IFieldProps extends WithFieldProps {
     autoFocus?: boolean;
     autoCompleteMask?: 'left' | 'right';
     mask?: string;
+    removeZeroLeft?: boolean;
 }
 interface CustomEvent {
     target: {
@@ -172,14 +170,12 @@ interface WithFieldProps {
     handlerStoreValidators?: (name: string, validators: Validator | Validator[]) => void;
     handlerRemoveValidators?: (name: string) => void;
     validators?: Validator | Validator[] | PeriodValidator | PeriodValidator[];
-    customClass?: string;
 }
 interface IWithFieldContext {
     validatorFromComponent: Validator | Validator[] | undefined;
     handlerSetValidatorFromComponent: (validator: Validator | Validator[]) => void;
 }
 interface IWithFormSecurity {
-    onOpenChange?: (open: boolean) => void;
     handlerClose?: () => void;
     onClick?: MouseEventHandler;
     children?: ReactNode;
@@ -203,6 +199,7 @@ interface IEventParams {
     handlerFieldChange?: (event: ChangeEvent<HTMLInputElement> | CustomKeyboardEvent) => void;
     validatorFromComponent?: Validator | Validator[];
     handleShowValidateMessages: (value: boolean) => void;
+    component?: ComponentType<any>;
 }
 interface IGetErrorMessagesParams {
     name: string;

package/lib/form/withFieldHOC.d.ts

@@ -6,8 +6,6 @@ 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,39 +1,47 @@
 "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(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 _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); }
-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);
+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);
       if (validatorsArray && handlerStoreValidators) handlerStoreValidators(name, validatorsArray);
     };
-    (0, _react.useEffect)(() => {
+    (0, _react.useEffect)(function () {
       updateValidators();
-      return () => {
+      return function () {
         if (validators && handlerRemoveValidators) handlerRemoveValidators(name);
       };
     }, []);
-    (0, _react.useEffect)(() => {
+    (0, _react.useEffect)(function () {
       updateValidators();
     }, [validators]);
-    const contextValues = {
-      validatorFromComponent,
-      handlerSetValidatorFromComponent: validator => {
+    var contextValues = {
+      validatorFromComponent: validatorFromComponent,
+      handlerSetValidatorFromComponent: function handlerSetValidatorFromComponent(validator) {
         setValidatorFromComponent(validator);
       }
     };
@@ -42,17 +50,15 @@ const withFieldHOC = WrappedComponent => {
     }, /*#__PURE__*/_react.default.createElement(WrappedComponent, props));
   };
   function forwardRef(props, ref) {
-    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(_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(EnhancedComponent, _extends({}, props, {
         skeletonize: skeletonize,
         handlerFieldChange: handlerFieldChange,
@@ -68,4 +74,5 @@ const withFieldHOC = WrappedComponent => {
   }
   return /*#__PURE__*/_react.default.forwardRef(forwardRef);
 };
-var _default = exports.default = withFieldHOC;
+var _default = withFieldHOC;
+exports.default = _default;

package/lib/form/withFormSecurity.d.ts

@@ -6,8 +6,6 @@ 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;