linear-react-components-ui 1.0.10-beta.25 → 1.0.10-beta.27

package/.vscode/settings.json

@@ -10,8 +10,5 @@
   },
   "editor.codeActionsOnSave": {
     "source.fixAll.eslint": true 
-  },
-  "cSpell.words": [
-    "licenca"
-  ]
+  }
 }

package/lib/assets/styles/shortcuts.scss

@@ -0,0 +1,59 @@
+@import "colors.scss";
+@import "commons.scss";
+
+p.shortcut-description {
+  margin-bottom: .3rem;
+  color: $font-color-default;
+  font-family: 'Roboto', sans-serif;
+  font-size: 14px;
+  font-weight: 400;
+  overflow-wrap: break-word;
+}
+
+.shortcut-component {
+  user-select: none;
+  display: inline-block;
+  padding: 0.1rem 0.3rem;
+  color: $font-color-default;
+  vertical-align: middle;
+  background-color: $default-color;
+  border: solid 1px $default-border-color;
+  border-radius: 3px;
+  box-shadow: inset 0 -1px 0 $default-border-color;
+  font-size: .9rem;
+
+  &.-danger {
+    background-color: $danger-color;
+    color: $font-color-second;
+    box-shadow: inset 0 -1px 0 $danger-actived-color;
+    border-color: $danger-color;
+  }
+
+  &.-primary {
+    background-color: $primary-color;
+    color: $font-color-second;
+    box-shadow: inset 0 -1px 0 $primary-actived-color;
+    border-color: $primary-border-color;
+  }
+
+  &.-warning {
+    background-color: $warning-color;
+    color: $font-color-second;
+    box-shadow: inset 0 -1px 0 $warning-actived-color;
+    border-color: $warning-color;
+  }
+
+  &.-success {
+    background-color: $success-color;
+    color: $font-color-second;
+    box-shadow: inset 0 -1px 0 $success-actived-color;
+    border-color: $success-color;
+  }
+
+  &.-info {
+    background-color: $info-color;
+    color: $font-color-second;
+    box-shadow: inset 0 -1px 0 $info-actived-color;
+    border-color: $info-color;
+  }
+}

package/lib/form/Field.js

@@ -9,24 +9,16 @@ var _react = _interopRequireWildcard(require("react"));
 var _lodash = _interopRequireDefault(require("lodash"));
 var _withFieldHOC = _interopRequireDefault(require("./withFieldHOC"));
 var _helpers = require("./helpers");
-var _excluded = ["handlerFieldChange", "handlerFieldValidade", "onChange", "onBlur", "name", "validators", "data", "fieldErrors", "handlerStoreValidators", "handlerRemoveValidators", "component", "externalFieldErrors", "originalData"];
 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 _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; }
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 var getEvents = function getEvents(_ref) {
   var _ref$validators = _ref.validators,
     validators = _ref$validators === void 0 ? [] : _ref$validators,
@@ -35,29 +27,26 @@ var getEvents = function getEvents(_ref) {
     handlerFieldValidade = _ref.handlerFieldValidade,
     validatorFromComponent = _ref.validatorFromComponent,
     handlerFieldChange = _ref.handlerFieldChange,
-    _onChange = _ref.onChange,
-    handleShowValidateMessages = _ref.handleShowValidateMessages;
-  if (!(validators || validatorFromComponent || _onBlur || _onChange)) return {};
+    _onChange = _ref.onChange;
+  if (!(validators || validatorFromComponent || _onBlur)) return {};
   var validatorsArray = (0, _helpers.getValidatorsArray)(validators, validatorFromComponent);
   return {
     onBlur: function onBlur(e) {
       if (validatorsArray && e.target && handlerFieldValidade) {
         handlerFieldValidade(name, e.target.value, validatorsArray);
-        handleShowValidateMessages(true);
       }
       if (_onBlur) _onBlur(e);
     },
     onChange: function onChange(e) {
       if (validatorsArray && e.target && handlerFieldValidade) {
         handlerFieldValidade(name, e.target.value, validatorsArray);
-        handleShowValidateMessages(true);
       }
       if (handlerFieldChange) handlerFieldChange(e);
       if (_onChange) _onChange(e);
     }
   };
 };
-var getCustomProps = function getCustomProps(props, handlerSetComponentValidator) {
+var getCustomProps = function getCustomProps(props, setValidatorFromComponent) {
   var value = props.value,
     data = props.data,
     name = props.name,
@@ -77,7 +66,7 @@ var getCustomProps = function getCustomProps(props, handlerSetComponentValidator
   } else if (component.displayName === 'CpfField' || component.displayName === 'CnpjField') {
     return {
       value: _lodash.default.get(data, name),
-      handlerSetComponentValidator: handlerSetComponentValidator
+      handlerSetComponentValidator: setValidatorFromComponent
     };
   }
   return {
@@ -86,52 +75,29 @@ var getCustomProps = function getCustomProps(props, handlerSetComponentValidator
 };
 var Field = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   var handlerFieldChange = props.handlerFieldChange,
-    handlerFieldValidade = props.handlerFieldValidade,
-    onChange = props.onChange,
-    onBlur = props.onBlur,
-    name = props.name,
-    validators = props.validators,
-    data = props.data,
-    fieldErrors = props.fieldErrors,
-    handlerStoreValidators = props.handlerStoreValidators,
-    handlerRemoveValidators = props.handlerRemoveValidators,
-    Component = props.component,
-    externalFieldErrors = props.externalFieldErrors,
-    originalData = props.originalData,
-    rest = _objectWithoutProperties(props, _excluded);
-  var _useState = (0, _react.useState)(false),
+    onChange = props.onChange;
+  var _useState = (0, _react.useState)(undefined),
     _useState2 = _slicedToArray(_useState, 2),
-    showValidateMessages = _useState2[0],
-    setShowValidateMessages = _useState2[1];
+    validatorFromComponent = _useState2[0],
+    setValidatorFromComponent = _useState2[1];
   var _useContext = (0, _react.useContext)(_helpers.withFieldContext),
-    handlerSetValidatorFromComponent = _useContext.handlerSetValidatorFromComponent,
-    validatorFromComponent = _useContext.validatorFromComponent;
-  var currentValue = _lodash.default.get(data, name);
-  var originalValue = _lodash.default.get(originalData, name);
+    handlerSetValidatorFromComponent = _useContext.handlerSetValidatorFromComponent;
   (0, _react.useEffect)(function () {
-    if (currentValue && currentValue !== originalValue && (!!currentValue || currentValue === 0 || Array.isArray(currentValue) && currentValue.length > 0)) {
-      setShowValidateMessages(true);
-    } else if (_lodash.default.isEmpty(data) || _lodash.default.every(data, _lodash.default.isEmpty) || currentValue === originalValue) {
-      setShowValidateMessages(false);
+    if (validatorFromComponent && handlerSetValidatorFromComponent) {
+      handlerSetValidatorFromComponent(validatorFromComponent);
     }
-  }, [currentValue, originalValue]);
-  return /*#__PURE__*/_react.default.createElement(Component, _extends({}, rest, getEvents({
-    name: name,
-    validators: validators,
-    onBlur: onBlur,
+  }, [validatorFromComponent]);
+  return /*#__PURE__*/_react.default.createElement(props.component, _extends({}, props, getEvents({
+    name: props.name,
+    validators: props.validators,
+    onBlur: props.onBlur,
     validatorFromComponent: validatorFromComponent,
-    handlerFieldValidade: handlerFieldValidade,
+    handlerFieldValidade: props.handlerFieldValidade ? props.handlerFieldValidade : function () {},
     handlerFieldChange: handlerFieldChange,
-    onChange: onChange,
-    handleShowValidateMessages: function handleShowValidateMessages(value) {
-      return setShowValidateMessages(value);
-    }
-  }), getCustomProps(props, handlerSetValidatorFromComponent), {
+    onChange: onChange
+  }), getCustomProps(props, setValidatorFromComponent), {
     ref: ref,
-    name: name,
-    errorMessages: (0, _helpers.getErrorMessages)(_objectSpread(_objectSpread({}, props), {}, {
-      fieldErrors: showValidateMessages ? props.fieldErrors : {}
-    }))
+    errorMessages: (0, _helpers.getErrorMessages)(props)
   }));
 });
 var _default = (0, _withFieldHOC.default)(Field);

package/lib/form/FieldArray.js

@@ -10,26 +10,15 @@ var _withFieldHOC = _interopRequireDefault(require("./withFieldHOC"));
 var _gridlayout = _interopRequireDefault(require("../gridlayout"));
 var _fieldset = _interopRequireDefault(require("../fieldset"));
 var _helpers = require("./helpers");
-var _excluded = ["cols", "label", "bordered", "labelContainerStyle", "skipLabel", "data", "name", "handlerStoreValidators", "component", "handlerFieldChange", "handlerFieldValidade", "changePropName", "fieldErrors", "externalMessagesErrors", "dataSource", "handlerRemoveValidators", "validators", "valuePropName", "idKey", "originalData"];
 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 _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); }
 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 _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; }
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = 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); }
-var getDefaultProps = function getDefaultProps(props, handleShowValidateMessages) {
+var getDefaultProps = function getDefaultProps(props) {
   var _ref;
   var _props$valuePropName = props.valuePropName,
     valuePropName = _props$valuePropName === void 0 ? 'value' : _props$valuePropName,
@@ -38,14 +27,8 @@ var getDefaultProps = function getDefaultProps(props, handleShowValidateMessages
     data = props.data,
     name = props.name,
     handlerFieldChange = props.handlerFieldChange,
-    handlerSelecionados = props.handlerSelecionados,
-    _onBlur = props.onBlur;
-  return _ref = {
-    onBlur: function onBlur(e) {
-      if (handleShowValidateMessages) handleShowValidateMessages(true);
-      if (_onBlur) _onBlur(e);
-    }
-  }, _defineProperty(_ref, valuePropName, _lodash.default.get(data, name)), _defineProperty(_ref, changePropName, function (ids) {
+    handlerSelecionados = props.handlerSelecionados;
+  return _ref = {}, _defineProperty(_ref, valuePropName, _lodash.default.get(data, name)), _defineProperty(_ref, changePropName, function (ids) {
     if (handlerFieldChange) handlerFieldChange({
       target: {
         value: ids,
@@ -53,85 +36,25 @@ var getDefaultProps = function getDefaultProps(props, handleShowValidateMessages
       }
     });
     if (handlerSelecionados) handlerSelecionados(ids);
-    // if (handleShowValidateMessages) handleShowValidateMessages(true);
   }), _ref;
 };
-var getEvents = function getEvents(_ref2) {
-  var _onBlur2 = _ref2.onBlur,
-    _onSelect = _ref2.onSelect,
-    handleShowValidateMessages = _ref2.handleShowValidateMessages;
-  return {
-    onBlur: function onBlur(e) {
-      handleShowValidateMessages(true);
-      if (_onBlur2) _onBlur2(e);
-    },
-    onSelect: function onSelect(e) {
-      handleShowValidateMessages(true);
-      if (_onSelect) _onSelect(e);
-    }
-  };
-};
 var FieldArray = function FieldArray(props) {
   var cols = props.cols,
     label = props.label,
     bordered = props.bordered,
     labelContainerStyle = props.labelContainerStyle,
-    skipLabel = props.skipLabel,
-    data = props.data,
-    name = props.name,
-    handlerStoreValidators = props.handlerStoreValidators,
-    Component = props.component,
-    handlerFieldChange = props.handlerFieldChange,
-    handlerFieldValidade = props.handlerFieldValidade,
-    changePropName = props.changePropName,
-    fieldErrors = props.fieldErrors,
-    externalMessagesErrors = props.externalMessagesErrors,
-    dataSource = props.dataSource,
-    handlerRemoveValidators = props.handlerRemoveValidators,
-    validators = props.validators,
-    valuePropName = props.valuePropName,
-    idKey = props.idKey,
-    originalData = props.originalData,
-    rest = _objectWithoutProperties(props, _excluded);
-  var _useState = (0, _react.useState)(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    showValidateMessages = _useState2[0],
-    setShowValidateMessages = _useState2[1];
-  var currentValue = _lodash.default.get(data, name);
-  var originalValue = _lodash.default.get(originalData, name);
-  var handleShowValidateMessages = function handleShowValidateMessages(value) {
-    setShowValidateMessages(value);
-  };
-  (0, _react.useEffect)(function () {
-    if (!_lodash.default.isEqual(currentValue, originalValue) && Array.isArray(currentValue) && currentValue.length > 0) {
-      setShowValidateMessages(true);
-    } else if (_lodash.default.isEmpty(data) || _lodash.default.every(data, _lodash.default.isEmpty) || _lodash.default.isEqual(currentValue, originalValue)) {
-      setShowValidateMessages(false);
-    }
-  }, [currentValue]);
+    skipLabel = props.skipLabel;
   var content = null;
-  if (Component) {
+  if (props.component) {
     if (!skipLabel && label) {
       content = /*#__PURE__*/_react.default.createElement(_fieldset.default, {
         title: label,
         customClass: "arraycontainer ".concat(bordered && '-bordered'),
         style: labelContainerStyle,
         titleCustomClass: "label"
-      }, /*#__PURE__*/_react.default.createElement(Component, _extends({}, rest, getDefaultProps(props, handleShowValidateMessages), getEvents(_objectSpread(_objectSpread({}, props), {}, {
-        handleShowValidateMessages: function handleShowValidateMessages(value) {
-          return setShowValidateMessages(value);
-        }
-      })))), (0, _helpers.getErrorMessages)(_objectSpread(_objectSpread({}, props), {}, {
-        fieldErrors: showValidateMessages ? props.fieldErrors : {}
-      })));
+      }, /*#__PURE__*/_react.default.createElement(props.component, _extends({}, props, getDefaultProps(props))), (0, _helpers.getErrorMessages)(props));
     } else {
-      content = /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement(Component, _extends({}, rest, getDefaultProps(props, handleShowValidateMessages), getEvents(_objectSpread(_objectSpread({}, props), {}, {
-        handleShowValidateMessages: function handleShowValidateMessages(value) {
-          return setShowValidateMessages(value);
-        }
-      })))), (0, _helpers.getErrorMessages)(_objectSpread(_objectSpread({}, props), {}, {
-        fieldErrors: showValidateMessages ? props.fieldErrors : {}
-      })));
+      content = /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement(props.component, _extends({}, props, getDefaultProps(props))), (0, _helpers.getErrorMessages)(props));
     }
   }
   if (cols) return /*#__PURE__*/_react.default.createElement(_gridlayout.default, {

package/lib/form/FieldNumber.js

@@ -5,77 +5,43 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
+var _react = _interopRequireDefault(require("react"));
 var _lodash = _interopRequireDefault(require("lodash"));
 var _withFieldHOC = _interopRequireDefault(require("./withFieldHOC"));
 var _helpers = require("./helpers");
 var constants = _interopRequireWildcard(require("../internals/constants"));
-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 _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 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 _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 getEventProps = function getEventProps(_ref) {
   var name = _ref.name,
     validators = _ref.validators,
     _onBlur = _ref.onBlur,
     _onKeyDown = _ref.onKeyDown,
     handlerFieldValidade = _ref.handlerFieldValidade,
-    handlerFieldChange = _ref.handlerFieldChange,
-    handleShowValidateMessages = _ref.handleShowValidateMessages;
+    handlerFieldChange = _ref.handlerFieldChange;
   return {
     onBlur: function onBlur(e) {
       if (handlerFieldChange) handlerFieldChange(e);
       if (validators && handlerFieldValidade) handlerFieldValidade(name, e.target.value, validators);
       if (_onBlur) _onBlur(e);
-      handleShowValidateMessages(true);
     },
     onKeyDown: function onKeyDown(e) {
       if ([constants.keyCodes.ENTER].includes(e.keyCode)) {
         handlerFieldChange === null || handlerFieldChange === void 0 ? void 0 : handlerFieldChange(e);
         if (validators) handlerFieldValidade === null || handlerFieldValidade === void 0 ? void 0 : handlerFieldValidade(name, e.target.value, validators);
         if (_onKeyDown) _onKeyDown(e);
-        handleShowValidateMessages(true);
       }
     }
   };
 };
 var FieldMask = function FieldMask(props) {
   var data = props.data,
-    name = props.name,
-    originalData = props.originalData;
-  var currentValue = _lodash.default.get(data, name);
-  var _useState = (0, _react.useState)(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    showValidateMessages = _useState2[0],
-    setShowValidateMessages = _useState2[1];
-  var originalValue = _lodash.default.get(originalData, name);
-  (0, _react.useEffect)(function () {
-    if (currentValue && currentValue !== originalValue && !!currentValue) {
-      setShowValidateMessages(true);
-    } else if (_lodash.default.isEmpty(data) || _lodash.default.every(data, _lodash.default.isEmpty) || currentValue === originalValue) {
-      setShowValidateMessages(false);
-    }
-  }, [currentValue, originalValue]);
-  return /*#__PURE__*/_react.default.createElement(props.component, _extends({}, props, getEventProps(_objectSpread(_objectSpread({}, props), {}, {
-    handleShowValidateMessages: function handleShowValidateMessages(value) {
-      return setShowValidateMessages(value);
-    }
-  })), {
-    errorMessages: (0, _helpers.getErrorMessages)(_objectSpread(_objectSpread({}, props), {}, {
-      fieldErrors: showValidateMessages ? props.fieldErrors : {}
-    })),
-    value: currentValue
+    name = props.name;
+  return /*#__PURE__*/_react.default.createElement(props.component, _extends({}, props, getEventProps(props), {
+    errorMessages: (0, _helpers.getErrorMessages)(props),
+    value: _lodash.default.get(data, name)
   }));
 };
 var _default = (0, _withFieldHOC.default)(FieldMask);

package/lib/form/FieldPeriod.js

@@ -1,24 +1,15 @@
 "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 _react = _interopRequireDefault(require("react"));
 var _lodash = _interopRequireDefault(require("lodash"));
 var _withFieldHOC = _interopRequireDefault(require("./withFieldHOC"));
 var _helpers = require("./helpers");
 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 _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 FieldPeriod = function FieldPeriod(props) {
   var data = props.data,
     nameDateInitial = props.nameDateInitial,
@@ -28,24 +19,10 @@ var FieldPeriod = function FieldPeriod(props) {
     fieldErrors = props.fieldErrors,
     externalMessagesErrors = props.externalMessagesErrors,
     _onChange = props.onChange,
-    validators = props.validators,
-    originalData = props.originalData;
-  var _useState = (0, _react.useState)(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    showValidateMessages = _useState2[0],
-    setShowValidateMessages = _useState2[1];
-  var currentValue = _lodash.default.get(data, nameDateInitial);
-  var originalValue = _lodash.default.get(originalData, nameDateInitial);
-  (0, _react.useEffect)(function () {
-    if (!_lodash.default.isEqual(currentValue, originalValue) && currentValue && (!!currentValue || currentValue === 0 || Array.isArray(currentValue) && currentValue.length > 0)) {
-      setShowValidateMessages(true);
-    } else if (_lodash.default.isEmpty(data) || _lodash.default.every(data, _lodash.default.isEmpty) || _lodash.default.isEqual(currentValue, originalValue)) {
-      setShowValidateMessages(false);
-    }
-  }, [currentValue]);
+    validators = props.validators;
   var errorMessages = (0, _helpers.getErrorMessages)({
     name: nameDateInitial,
-    fieldErrors: showValidateMessages ? fieldErrors : {},
+    fieldErrors: fieldErrors,
     externalMessagesErrors: externalMessagesErrors
   });
   if (!props.component) return null;
@@ -59,7 +36,6 @@ var FieldPeriod = function FieldPeriod(props) {
           initial: initial,
           final: final
         }, validators);
-        setShowValidateMessages(true);
       }
       if (handlerFieldChange) {
         handlerFieldChange({

package/lib/form/helpers.d.ts

@@ -10,7 +10,7 @@ import '../@types/Period.js';
 declare const securityBeforeUnload = "securityBeforeUnload";
 declare const FormContext: React__default.Context<FormContextProps>;
 declare const withFieldContext: React__default.Context<IWithFieldContext>;
-declare const changeValue: (data: object, target: HTMLInputElement) => any;
+declare const changeValue: (newData: object, target: HTMLInputElement) => any;
 declare const getErrorMessages: ({ name, fieldErrors, externalFieldErrors, externalMessagesErrors, }: IGetErrorMessagesParams) => string[];
 declare const getValidatorsArray: (validators?: Validator | Validator[], validatorFromComponent?: Validator | Validator[]) => Validator[];
 

package/lib/form/helpers.js

@@ -19,10 +19,10 @@ var FormContext = /*#__PURE__*/_react.default.createContext({});
 exports.FormContext = FormContext;
 var withFieldContext = /*#__PURE__*/_react.default.createContext({});
 exports.withFieldContext = withFieldContext;
-var changeValue = function changeValue(data, target) {
+var changeValue = function changeValue(newData, target) {
   var name = target.name,
     value = target.value;
-  return _lodash.default.set(JSON.parse(JSON.stringify(data)), name, value);
+  return _lodash.default.set(JSON.parse(JSON.stringify(newData)), name, value);
 };
 exports.changeValue = changeValue;
 var getErrorMessages = function getErrorMessages(_ref) {

package/lib/form/index.d.ts

@@ -2,7 +2,7 @@ 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 { IFormProps } from './types.js';
 import 'react';
 import '../inputs/select/types.js';
 import '../@types/Align.js';
@@ -11,6 +11,6 @@ import '../@types/PermissionAttr.js';
 import '../inputs/base/types.js';
 import '../@types/Period.js';
 
-declare const Form: ({ submitOnPressEnterKey, dataSource, securityBeforeUnload, handlerReset, handlerSubmit, handlerValidates, style, customClass, securityTitle, securityText, securityData, onDataChange, onValidateForm, externalFieldErrors, onSubmit, skeletonize, disabled, children, useInternalState, }: FormProps) => JSX.Element;
+declare const Form: ({ submitOnPressEnterKey, dataSource, securityBeforeUnload, handlerReset, handlerSubmit, handlerValidates, style, customClass, securityTitle, securityText, securityData, onDataChange, onValidateForm, externalFieldErrors, onSubmit, skeletonize, disabled, children, }: IFormProps) => JSX.Element;
 
 export { Form as default };

package/lib/form/index.js

@@ -77,9 +77,7 @@ var Form = function Form(_ref) {
     onSubmit = _ref.onSubmit,
     skeletonize = _ref.skeletonize,
     disabled = _ref.disabled,
-    children = _ref.children,
-    _ref$useInternalState = _ref.useInternalState,
-    useInternalState = _ref$useInternalState === void 0 ? false : _ref$useInternalState;
+    children = _ref.children;
   var _useState = (0, _react.useState)(dataSource),
     _useState2 = _slicedToArray(_useState, 2),
     data = _useState2[0],
@@ -98,7 +96,6 @@ var Form = function Form(_ref) {
     setFieldErrors = _useState8[1];
   var fieldsValidators = (0, _react.useRef)({});
   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 = [];
@@ -110,38 +107,25 @@ var Form = function Form(_ref) {
     });
     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);
-      return fieldValidatorsNames.includes(fieldName);
-    });
-    _lodash.default.forEach(currentValidators, function (validators, fieldName) {
+  var checkIsValid = function checkIsValid(value) {
+    var updateState = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
+    var dataValidate = value || data;
+    var currentFieldErrors = {};
+    _lodash.default.forEach(fieldsValidators.current, function (validators, fieldName) {
       var fieldValue = _lodash.default.get(dataValidate, fieldName);
       var messages = getValidatesErrorMessages(validators, fieldValue);
-      currentFieldErrors = _objectSpread(_objectSpread({}, currentFieldErrors), {}, _defineProperty({}, fieldName, messages));
+      if (messages.length > 0) {
+        currentFieldErrors = _objectSpread(_objectSpread({}, fieldErrors), {}, _defineProperty({}, 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);
     if (updateState) setFieldErrors(currentFieldErrors);
-    return Object.values(currentFieldErrors).every(function (value) {
-      return value.length === 0;
-    });
+    return _lodash.default.isEmpty(currentFieldErrors);
   };
   var onFieldChange = function onFieldChange(event) {
     var target = event.target;
-    if (!useInternalState && onDataChange) {
-      var newData = (0, _helpers.changeValue)(dataSource, target);
-      onDataChange(newData);
-    } else {
-      setData(function (prevState) {
-        return (0, _helpers.changeValue)(prevState, target);
-      });
-    }
+    setData(function (prevState) {
+      return (0, _helpers.changeValue)(prevState, target);
+    });
   };
   var onValidate = function onValidate(fieldName, fieldValue, validators) {
     if (validators) {
@@ -157,24 +141,20 @@ var Form = function Form(_ref) {
   };
   var onFormSubmit = function onFormSubmit(event) {
     if (event) event.preventDefault();
-    if (checkIsValid(usedData)) onSubmit(usedData);
+    if (checkIsValid(data)) onSubmit(data);
   };
   var onReset = function onReset() {
-    if (!useInternalState && onDataChange) {
-      onDataChange(JSON.parse(JSON.stringify(originalData)));
-    } else {
-      setData(JSON.parse(JSON.stringify(originalData)));
-    }
+    setData(JSON.parse(JSON.stringify(originalData)));
     setFieldErrors({});
   };
   var onRemoveFieldValidators = function onRemoveFieldValidators(fieldName) {
-    var newFieldsValidators = _lodash.default.omit(fieldsValidators, fieldName);
+    var newFieldsValidators = _lodash.default.omit(fieldsValidators.current, fieldName);
     fieldsValidators.current = newFieldsValidators;
   };
   var onBeforeUnload = function onBeforeUnload(e) {
     var event = e;
     event.preventDefault();
-    if (_lodash.default.isEqual(usedData, originalData)) {
+    if (_lodash.default.isEqual(data, originalData)) {
       return;
     }
     event.returnValue = true;
@@ -199,32 +179,25 @@ var Form = function Form(_ref) {
     }
     return propsForm;
   };
-  var updateFormState = function updateFormState() {
+  (0, _react.useEffect)(function () {
     if (!_lodash.default.isEmpty(context)) {
       var onChangedData = context.onChangedData;
-      if (securityData && !_lodash.default.isEqual(usedData, securityData)) {
+      if (securityData && !_lodash.default.isEqual(data, securityData)) {
         onChangedData(true);
       } else {
         onChangedData(false);
       }
     }
-    if (onDataChange) onDataChange(usedData);
 
     // TODO - Usar debounce para evitar chamada a cada letra digitada
-    if (onValidateForm) onValidateForm(checkIsValid(usedData, true));
+    if (onDataChange) onDataChange(data);
+    if (onValidateForm) onValidateForm(checkIsValid(data, false));
     if (!disabled) {
       handlerSubmit(onFormSubmit);
       if (handlerReset) handlerReset(onReset);
-      if (handlerValidates) handlerValidates(checkIsValid(usedData));
+      if (handlerValidates) handlerValidates(checkIsValid(data));
     }
-    if (_lodash.default.isEmpty(usedData)) setOriginalData(usedData);
-  };
-  (0, _react.useEffect)(function () {
-    if (useInternalState) updateFormState();
-  }, [JSON.stringify(data), useInternalState]);
-  (0, _react.useEffect)(function () {
-    if (!useInternalState && onDataChange) updateFormState();
-  }, [JSON.stringify(dataSource), useInternalState]);
+  }, [data]);
   (0, _react.useEffect)(function () {
     if (securityBeforeUnload) {
       if (context) context.setSecurityBeforeUnload(true);
@@ -235,33 +208,27 @@ var Form = function Form(_ref) {
     };
   }, [securityBeforeUnload, onBeforeUnload]);
   (0, _react.useEffect)(function () {
-    if (!disabled && submitOnPressEnterKey !== submitFormOnEnter) {
-      setSubmitFormOnEnter(submitOnPressEnterKey);
+    if (!disabled) {
+      if (submitOnPressEnterKey !== submitFormOnEnter || dataSource !== originalData) {
+        setData(function (prevState) {
+          return !_lodash.default.isEqual(data, dataSource) ? dataSource : prevState;
+        });
+        setOriginalData(function (prevState) {
+          return prevState || dataSource;
+        });
+        setSubmitFormOnEnter(submitOnPressEnterKey);
+      }
     }
-  }, [submitOnPressEnterKey]);
+  }, [submitOnPressEnterKey, dataSource]);
   var contextValues = {
     skeletonize: skeletonize,
     handlerFieldChange: onFieldChange,
     handlerFieldValidade: onValidate,
     handlerStoreValidators: function handlerStoreValidators(fieldName, fieldValidates) {
-      var oldFieldsValidators = _objectSpread({}, fieldsValidators.current);
       fieldsValidators.current = _objectSpread(_objectSpread({}, fieldsValidators.current), {}, _defineProperty({}, fieldName, fieldValidates));
-      if (onValidateForm && oldFieldsValidators && oldFieldsValidators[fieldName]) {
-        var oldValidatorsValue = Object.values(oldFieldsValidators[fieldName]);
-        var newValidatorValue = Object.values(fieldValidates);
-        var validatorsIsNotEqual = oldValidatorsValue.length !== newValidatorValue.length;
-        if (validatorsIsNotEqual) {
-          if (!useInternalState && onDataChange) {
-            onValidateForm(checkIsValid(dataSource, true, fieldsValidators.current));
-          } else {
-            onValidateForm(checkIsValid(data, true, fieldsValidators.current));
-          }
-        }
-      }
     },
     handlerRemoveValidators: onRemoveFieldValidators,
-    data: useInternalState ? data : dataSource,
-    originalData: originalData,
+    data: data,
     fieldErrors: fieldErrors,
     externalFieldErrors: externalFieldErrors
   };

package/lib/form/types.d.ts

@@ -1,4 +1,4 @@
-import { ChangeEvent, ComponentType, MouseEventHandler, ReactNode, CSSProperties } from 'react';
+import { ChangeEvent, ReactNode, CSSProperties, ComponentType, MouseEventHandler } from 'react';
 import { AllOptions } from '../inputs/select/types.js';
 import '../@types/Align.js';
 import '../@types/DataCombo.js';
@@ -17,7 +17,7 @@ type OnFielChangeEvent = Event & {
 type CustomKeyboardEvent = ChangeEvent<HTMLInputElement> & {
     keyCode: number;
 };
-type BaseFormProps = {
+interface IFormProps {
     dataSource: object;
     children: ReactNode;
     onSubmit: (data: object) => void;
@@ -28,6 +28,7 @@ type BaseFormProps = {
     submitOnPressEnterKey?: boolean;
     style?: CSSProperties;
     customClass?: string;
+    onDataChange?: (data: object) => void;
     securityBeforeUnload?: boolean;
     securityTitle?: string;
     securityText?: string;
@@ -35,21 +36,10 @@ type BaseFormProps = {
     externalFieldErrors?: object;
     skeletonize?: boolean;
     disabled?: boolean;
-};
-type FormProps = BaseFormProps & ({
-    useInternalState?: false;
-    onDataChange: (data: object) => void;
-} | {
-    useInternalState: true;
-    onDataChange?: (data: object) => void;
-});
-type Data = {
-    [key: string]: any;
-};
+}
 interface IFieldProps extends WithFieldProps {
-    data?: Data;
-    originalData?: Data;
-    dataSource?: Data;
+    data?: object;
+    dataSource?: object;
     name: string;
     value?: string;
     label?: string;
@@ -88,9 +78,8 @@ interface CustomEvent {
     };
 }
 interface IFieldArrayProps extends WithFieldProps {
-    data?: Data;
-    originalData?: Data;
-    dataSource?: Data;
+    data?: object;
+    dataSource?: object;
     name: string;
     handlerFieldChange?: (event: CustomEvent) => void;
     fieldErrors?: {
@@ -113,8 +102,6 @@ interface IFieldArrayProps extends WithFieldProps {
     gridLayout?: string;
     multiple?: boolean;
     disabled?: boolean;
-    onBlur?: (event: ChangeEvent<HTMLInputElement>) => void;
-    handlerFieldValidade?: (name: string, value: string, validatorsArray: Validator[] | Validator) => void;
 }
 type PeriodChangeEvent = {
     initial: string;
@@ -127,8 +114,7 @@ type PeriodFieldChangeEvent = {
     };
 };
 interface IFieldPeriodProps extends WithFieldProps {
-    data?: Data;
-    originalData?: Data;
+    data?: object;
     nameDateInitial: string;
     nameDateFinal: string;
     handlerFieldChange?: (event: PeriodFieldChangeEvent) => PeriodFieldChangeEvent;
@@ -147,10 +133,9 @@ interface FormContextProps {
     skeletonize?: boolean;
     handlerFieldChange: (event: OnFielChangeEvent) => void;
     handlerFieldValidade: (name: string, value: string, validatorsArray: Validator[] | Validator) => void;
-    handlerStoreValidators: (fieldName: string, fieldValidates: Validator) => void;
+    handlerStoreValidators: (fieldName: string, fieldValidates: object) => void;
     handlerRemoveValidators: (fieldName: string) => void;
     data: object;
-    originalData: object;
     fieldErrors: object;
     externalFieldErrors?: object;
 }
@@ -161,7 +146,6 @@ interface WithFieldProps {
     validators?: Validator | Validator[] | PeriodValidator | PeriodValidator[];
 }
 interface IWithFieldContext {
-    validatorFromComponent: Validator | Validator[] | undefined;
     handlerSetValidatorFromComponent: (validator: Validator | Validator[]) => void;
 }
 interface IWithFormSecurity {
@@ -187,7 +171,6 @@ interface IEventParams {
     handlerFieldValidade?: (name: string, value: string, validatorsArray: Validator[] | Validator) => void;
     handlerFieldChange?: (event: ChangeEvent<HTMLInputElement> | CustomKeyboardEvent) => void;
     validatorFromComponent?: Validator | Validator[];
-    handleShowValidateMessages: (value: boolean) => void;
 }
 interface IGetErrorMessagesParams {
     name: string;
@@ -199,11 +182,5 @@ interface IGetErrorMessagesParams {
     };
     externalMessagesErrors?: string[];
 }
-type FieldErrors = {
-    [name: string]: string[];
-};
-type FieldValidator = {
-    [name: string]: Validator | Validator[];
-};
 
-export { CustomEvent, CustomKeyboardEvent, FieldErrors, FieldValidator, FormContextProps, FormProps, IEventParams, IFieldArrayProps, IFieldPeriodProps, IFieldProps, IFormSecurityContext, IGetErrorMessagesParams, IWithFieldContext, IWithFormSecurity, OnFielChangeEvent, PeriodChangeEvent, PeriodValidator, Validator, WithFieldProps };
+export { CustomEvent, CustomKeyboardEvent, FormContextProps, IEventParams, IFieldArrayProps, IFieldPeriodProps, IFieldProps, IFormProps, IFormSecurityContext, IGetErrorMessagesParams, IWithFieldContext, IWithFormSecurity, OnFielChangeEvent, PeriodChangeEvent, PeriodValidator, Validator, WithFieldProps };

package/lib/form/withFieldHOC.js

@@ -40,7 +40,6 @@ var withFieldHOC = function withFieldHOC(WrappedComponent) {
       updateValidators();
     }, [validators]);
     var contextValues = {
-      validatorFromComponent: validatorFromComponent,
       handlerSetValidatorFromComponent: function handlerSetValidatorFromComponent(validator) {
         setValidatorFromComponent(validator);
       }

package/lib/icons/helper.d.ts

@@ -579,6 +579,14 @@ declare const _default: {
         viewbox: string;
         paths: string[];
     };
+    keyboard: {
+        viewbox: string;
+        paths: string[];
+    };
+    download: {
+        viewbox: string;
+        paths: string[];
+    };
 };
 
 export { _default as default };

package/lib/icons/helper.js

@@ -584,6 +584,14 @@ var _default = {
   select2: {
     viewbox: '0 0 16 16',
     paths: ['M13.002 14.658v0l-2.16-4.329 4.278-0.74-10.119-7.589v12.649l3.158-2.978 2.16 4.329z', 'M1 10.5v-9c0-0.271 0.229-0.5 0.5-0.5h11c0.271 0 0.5 0.229 0.5 0.5v4l1 0.75v-4.75c0-0.825-0.675-1.5-1.5-1.5h-11c-0.825 0-1.5 0.675-1.5 1.5v9c0 0.825 0.675 1.5 1.5 1.5h1.5v-1h-1.5c-0.271 0-0.5-0.229-0.5-0.5z']
+  },
+  keyboard: {
+    viewbox: '0 0 16 16',
+    paths: ['M14 4h-13c-0.55 0-1 0.45-1 1v7c0 0.55 0.45 1 1 1h13c0.55 0 1-0.45 1-1v-7c0-0.55-0.45-1-1-1zM14 11.998c-0.001 0.001-0.001 0.001-0.002 0.002h-12.996c-0.001-0.001-0.001-0.001-0.002-0.002v-6.996c0.001-0.001 0.001-0.001 0.002-0.002h12.996c0.001 0.001 0.001 0.001 0.002 0.002v6.996zM4 10h7v1h-7zM11 8h1v1h-1zM9 8h1v1h-1zM7 8h1v1h-1zM5 8h1v1h-1zM3 8h1v1h-1zM10 6h1v1h-1zM12 6h1v1h-1zM8 6h1v1h-1zM6 6h1v1h-1zM4 6h1v1h-1zM2 6h1v1h-1z']
+  },
+  download: {
+    viewbox: '0 0 16 16',
+    paths: ['M12.5 6h-3.5v-4h-2v4h-3.5l4.5 4zM11.611 8.322l-0.525 0.462c1.746 0.35 2.914 0.987 2.914 1.716 0 1.105-2.686 2-6 2s-6-0.895-6-2c0-0.728 1.168-1.366 2.914-1.716l-0.525-0.462c-2.604 0.495-4.389 1.508-4.389 2.678 0 1.657 3.582 3 8 3s8-1.343 8-3c0-1.17-1.785-2.183-4.389-2.678z']
   }
 };
 exports.default = _default;

package/lib/inputs/date/index.js

@@ -29,7 +29,6 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 var CALENDAR_BUTTON_WIDTH = 24;
 var CALENDAR_MIN_WIDTH = 250;
 var DatePicker = function DatePicker(props) {
-  var _window;
   var _props$showButtonOpen = props.showButtonOpen,
     showButtonOpen = _props$showButtonOpen === void 0 ? true : _props$showButtonOpen,
     _props$openOnFocus = props.openOnFocus,
@@ -224,7 +223,7 @@ var DatePicker = function DatePicker(props) {
     } else {
       setFormatedLeftPosition(inputDimensions === null || inputDimensions === void 0 ? void 0 : inputDimensions.left);
     }
-  }, [(_window = window) === null || _window === void 0 ? void 0 : _window.innerWidth, inputDimensions]);
+  }, [getWrapperComponent]);
   if (onDenied && onDenied.unvisible) return null;
   (0, _react.useEffect)(function () {
     window.addEventListener('resize', onScreenResize);

package/lib/inputs/mask/Cpf.js

@@ -45,11 +45,11 @@ var CpfField = function CpfField(props) {
     return debouncedOnChange.cancel;
   }, []);
   var onChange = function onChange(e) {
-    // console.log('onChange >>>', props.onChange);
     if (enableValidation && e) {
       debouncedOnChange(e.target.value);
       if (props.onChange) props.onChange(e);
-    } else if (props.onChange) {
+    }
+    if (props.onChange) {
       props.onChange(e);
     }
   };
@@ -61,10 +61,10 @@ var CpfField = function CpfField(props) {
     }
     return {};
   };
-  return /*#__PURE__*/_react.default.createElement(_BaseMask.default, _extends({}, props, {
+  return /*#__PURE__*/_react.default.createElement(_BaseMask.default, _extends({
     onChange: onChange,
     mask: "000.000.000-00"
-  }, getErrorMessagesProp()));
+  }, props, getErrorMessagesProp()));
 };
 
 // Em caso de alteração na propriedade displayName deverá ser atualizada a lógica na função

package/lib/inputs/mask/imaskHOC.js

@@ -9,6 +9,7 @@ var _imask = _interopRequireDefault(require("imask"));
 var helpers = _interopRequireWildcard(require("./helpers"));
 var _permissionValidations = require("../../permissionValidations");
 var _format_number = require("../number/format_number");
+var _this = void 0;
 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; }
@@ -99,7 +100,7 @@ var IMaskHOC = function IMaskHOC(ComposedComponent) {
         maskRef.current.value = String(newValue);
       }
     };
-    var onAccept = (0, _react.useCallback)(function () {
+    var onAccept = function onAccept() {
       if (onChange && !disableCallbacks && maskRef.current) {
         var _maskRef$current = maskRef.current,
           unmaskedValue = _maskRef$current.unmaskedValue,
@@ -112,8 +113,8 @@ var IMaskHOC = function IMaskHOC(ComposedComponent) {
           }
         }, props.unmask ? unmaskedValue : maskRef.current.value);
       }
-    }, [onChange]);
-    var onComplete = (0, _react.useCallback)(function () {
+    };
+    var onComplete = function onComplete() {
       if (props.onComplete && !disableCallbacks && maskRef.current) {
         var _maskRef$current2 = maskRef.current,
           unmaskedValue = _maskRef$current2.unmaskedValue,
@@ -126,14 +127,13 @@ var IMaskHOC = function IMaskHOC(ComposedComponent) {
           }
         }, props.unmask ? unmaskedValue : maskRef.current.value);
       }
-    }, [props.onComplete]);
+    };
     var getMask = function getMask() {
       var element = elementRef.current;
       if (element) {
         var maskCurrent = maskRef.current;
         if (!maskCurrent) {
-          maskRef.current = (0, _imask.default)(element, maskOptions);
-          if (value && typeof value !== 'number' && value.trim() !== '' || value && typeof value === 'number') onAccept();
+          maskRef.current = (0, _imask.default)(element, maskOptions).on('accept', onAccept.bind(_this)).on('complete', onComplete.bind(_this));
           setValue(value);
         } else {
           maskCurrent.updateOptions(maskOptions);
@@ -150,19 +150,14 @@ var IMaskHOC = function IMaskHOC(ComposedComponent) {
       if (props.handlerSetOnDenied) props.handlerSetOnDenied(onDenied);
       if (!props.mask || dontInitMask) return;
       getMask();
-    }, [maskOptions]);
-    (0, _react.useEffect)(function () {
-      if (!maskRef.current) return;
-      var maskCurrent = maskRef.current;
-      maskCurrent.on('accept', onAccept);
-      maskCurrent.on('complete', onComplete);
 
       // eslint-disable-next-line consistent-return
       return function () {
-        maskCurrent.off('accept', onAccept);
-        maskCurrent.off('complete', onComplete);
+        var _maskRef$current3, _maskRef$current4;
+        (_maskRef$current3 = maskRef.current) === null || _maskRef$current3 === void 0 ? void 0 : _maskRef$current3.off('accept', onAccept);
+        (_maskRef$current4 = maskRef.current) === null || _maskRef$current4 === void 0 ? void 0 : _maskRef$current4.off('complete', onComplete);
       };
-    }, [onAccept, onComplete]);
+    }, [maskOptions]);
     (0, _react.useEffect)(function () {
       if (maskOptions.mask && !dontInitMask) {
         if (maskRef.current) {
@@ -187,6 +182,7 @@ var IMaskHOC = function IMaskHOC(ComposedComponent) {
       },
       inputRef: function inputRef(el) {
         elementRef.current = el;
+        // Propagate the input ref for who call it
         if (_inputRef) {
           if (_typeof(_inputRef) === 'object') _inputRef.current = el;else _inputRef(el);
         }

package/lib/inputs/number/BaseNumber.js

@@ -24,12 +24,13 @@ var returnEventFormattedValue = function returnEventFormattedValue(props, event)
     var _event$target = event.target,
       value = _event$target.value,
       name = _event$target.name;
-    return _objectSpread(_objectSpread({}, event), {}, {
+    var teste = _objectSpread(_objectSpread({}, event), {}, {
       target: {
         value: (0, _format_number.numberToEnUS)(value),
         name: name
       }
     });
+    return teste;
   }
   return event;
 };

package/lib/inputs/number/format_number.js

@@ -14,7 +14,7 @@ exports.numberToPtBR = numberToPtBR;
 var numberToEnUS = function numberToEnUS(value) {
   var formattedNumber;
   if (value) {
-    formattedNumber = value.replaceAll('.', '').replaceAll(',', '.');
+    formattedNumber = value.replace('.', '').replace(',', '.');
     return Number(formattedNumber);
   }
   return value;

package/lib/inputs/period/index.js

@@ -31,6 +31,7 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
 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 PeriodPicker = function PeriodPicker(props) {
+  var _props$value2, _props$value3;
   var _props$showButtonOpen = props.showButtonOpen,
     showButtonOpen = _props$showButtonOpen === void 0 ? true : _props$showButtonOpen,
     _props$openOnFocus = props.openOnFocus,
@@ -137,7 +138,7 @@ var PeriodPicker = function PeriodPicker(props) {
       setValueInitial(newValueInitial);
       setValueFinal(newValueFinal);
     }
-  }, [props.value]);
+  }, [(_props$value2 = props.value) === null || _props$value2 === void 0 ? void 0 : _props$value2.initial, (_props$value3 = props.value) === null || _props$value3 === void 0 ? void 0 : _props$value3.final]);
   var openCalendar = function openCalendar() {
     setShowCalendar(true);
     setShowPeriodSelection(false);

package/lib/inputs/select/simple/index.js

@@ -89,6 +89,10 @@ var SimpleSelect = function SimpleSelect(props) {
     _useState16 = _slicedToArray(_useState15, 2),
     isTyping = _useState16[0],
     setIsTyping = _useState16[1];
+  var _useState17 = (0, _react.useState)(null),
+    _useState18 = _slicedToArray(_useState17, 2),
+    valueFromProps = _useState18[0],
+    setValueFromProps = _useState18[1];
   var dropdownRef = (0, _react.useRef)(null);
   var componentId = "select-component".concat(_uuid.default.v1());
   var componentRef = (0, _react.useRef)(null);
@@ -237,13 +241,14 @@ var SimpleSelect = function SimpleSelect(props) {
     }
   }, [gridLayout]);
   (0, _react.useEffect)(function () {
-    if (dataSourceWithAllOptions.length > 0) {
+    if (value !== valueFromProps && dataSourceWithAllOptions.length > 0) {
       var newCurrent = null;
-      if (value || value === 0) {
+      if (value) {
         newCurrent = dataSourceWithAllOptions.find(function (i) {
           var _i$idKey;
-          return (value || value === 0) && ((_i$idKey = i[idKey]) === null || _i$idKey === void 0 ? void 0 : _i$idKey.toString().toLowerCase()) === (value === null || value === void 0 ? void 0 : value.toString().toLowerCase());
+          return value && ((_i$idKey = i[idKey]) === null || _i$idKey === void 0 ? void 0 : _i$idKey.toString().toLowerCase()) === (value === null || value === void 0 ? void 0 : value.toString().toLowerCase());
         });
+        setValueFromProps(value);
       } else if (dataSourceWithAllOptions.length > 0 && selectFirstOnEnter) {
         newCurrent = dataSourceWithAllOptions[0];
       }

package/lib/shortcuts/index.d.ts

@@ -0,0 +1,7 @@
+import { IShortcutsProps } from './types.js';
+import 'react';
+import '../@types/ColorStyles.js';
+
+declare const Shortcuts: ({ type, style, styleShortcut, shortcut, description }: IShortcutsProps) => JSX.Element;
+
+export { Shortcuts as default };

package/lib/shortcuts/index.js

@@ -0,0 +1,27 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+require("../assets/styles/shortcuts.scss");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+var Shortcuts = function Shortcuts(_ref) {
+  var type = _ref.type,
+    style = _ref.style,
+    styleShortcut = _ref.styleShortcut,
+    shortcut = _ref.shortcut,
+    description = _ref.description;
+  return /*#__PURE__*/_react.default.createElement("p", {
+    "data-testid": "description",
+    className: "shortcut-description",
+    style: style
+  }, /*#__PURE__*/_react.default.createElement("kbd", {
+    "data-testid": "shortcut",
+    className: "shortcut-component ".concat(type && "-".concat(type)),
+    style: styleShortcut
+  }, shortcut), ":\xA0", description);
+};
+var _default = Shortcuts;
+exports.default = _default;

package/lib/shortcuts/types.d.ts

@@ -0,0 +1,12 @@
+import { CSSProperties } from 'react';
+import { ColorStyles } from '../@types/ColorStyles.js';
+
+interface IShortcutsProps {
+    type?: ColorStyles;
+    style?: CSSProperties;
+    styleShortcut?: CSSProperties;
+    shortcut: string;
+    description: string;
+}
+
+export { IShortcutsProps };

package/lib/shortcuts/types.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "linear-react-components-ui",
-  "version": "1.0.10-beta.25",
+  "version": "1.0.10-beta.27",
   "description": "Linear Sistemas ReactJs Components",
   "main": "lib/index.js",
   "module": "lib/index.cjs",