linear-react-components-ui 1.0.10-beta.20 → 1.0.10-beta.21

package/lib/fieldset/fieldset.spec.js

@@ -0,0 +1,329 @@
+"use strict";
+
+var _react = _interopRequireDefault(require("react"));
+
+var _react2 = require("@testing-library/react");
+
+require("@testing-library/jest-dom/extend-expect");
+
+var _index = _interopRequireDefault(require("./index"));
+
+var _gridlayout = require("../gridlayout");
+
+var _text = _interopRequireDefault(require("../inputs/text"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+describe('Fieldset', function () {
+  var fieldset = function fieldset(propsArgument) {
+    return /*#__PURE__*/_react.default.createElement(_index.default, propsArgument, /*#__PURE__*/_react.default.createElement(_gridlayout.GridRow, {
+      template: "columns",
+      style: {
+        marginBottom: 20
+      }
+    }, /*#__PURE__*/_react.default.createElement(_text.default, {
+      required: true,
+      name: "nome",
+      value: "XPTO",
+      label: "Nome",
+      gridLayout: "12 12 12 12"
+    })));
+  };
+
+  var sessionStorageMock = function sessionStorageMock() {
+    var store = {};
+    return {
+      getItem: function getItem(key) {
+        return store[key] || null;
+      },
+      setItem: function setItem(key, value) {
+        store[key] = value.toString();
+      },
+      removeItem: function removeItem(key) {
+        delete store[key];
+      },
+      clear: function clear() {
+        store = {};
+      }
+    };
+  };
+
+  var storePermissionAttrMock = function storePermissionAttrMock() {
+    Object.defineProperty(window, 'sessionStorage', {
+      value: sessionStorageMock()
+    });
+    var permissionMock = {
+      SG_SEGURANCA: [{
+        nome: 'Autorização',
+        codigo: 'SG_SEGURANCA_AUTORIZACAO',
+        permissoes: [{
+          codigo: 'SG_SEGURANCA_AUTORIZACAO_RECURSOS'
+        }],
+        itens: []
+      }]
+    };
+    sessionStorage.setItem('permissionsStorage', JSON.stringify(permissionMock));
+  };
+
+  it('should render correctly', function () {
+    var _render = (0, _react2.render)(fieldset()),
+        container = _render.container;
+
+    var gridRow = container.querySelector('.-withinput.grid-container');
+    var textField = container.querySelector('.textinput.text-align-left');
+    expect(container.firstChild).toHaveClass('fieldset-component');
+    expect(gridRow).toBeTruthy();
+    expect(textField).toBeTruthy();
+    expect(textField.name).toBe('nome');
+    expect(textField.value).toBe('XPTO');
+  });
+  it('should apply customClass', function () {
+    var customClass = 'testecustomclass';
+
+    var _render2 = (0, _react2.render)(fieldset({
+      customClass: customClass
+    })),
+        container = _render2.container;
+
+    expect(container.firstChild).toHaveClass(customClass);
+  });
+  it('should apply template', function () {
+    var template = 'columns';
+
+    var _render3 = (0, _react2.render)(fieldset({
+      template: template
+    })),
+        container = _render3.container;
+
+    var contentFieldSet = container.querySelector('.contentfieldset');
+    expect(contentFieldSet).toHaveClass("-template".concat(template));
+  });
+  it('should render title', function () {
+    var _render4 = (0, _react2.render)(fieldset({
+      title: 'Teste'
+    })),
+        container = _render4.container;
+
+    var fieldsetTitle = container.querySelector('.legend');
+    expect(fieldsetTitle).toBeTruthy();
+    expect(fieldsetTitle).toHaveTextContent('Teste');
+  });
+  it('should apply titleAlign', function () {
+    var titleAlign = 'right';
+
+    var _render5 = (0, _react2.render)(fieldset({
+      titleAlign: titleAlign,
+      title: 'Teste titleAlign'
+    })),
+        container = _render5.container;
+
+    var fieldsetTitle = container.querySelector('.legend');
+    expect(fieldsetTitle.align).toBe(titleAlign);
+  });
+  it('should apply titleCustomClass', function () {
+    var titleCustomClass = 'titleCustomClass';
+
+    var _render6 = (0, _react2.render)(fieldset({
+      titleCustomClass: titleCustomClass,
+      title: 'Teste titleCustomClass'
+    })),
+        container = _render6.container;
+
+    var fieldsetTitle = container.querySelector('.legend');
+    expect(fieldsetTitle).toHaveClass(titleCustomClass);
+  });
+  it('should apply colsCount', function () {
+    var colsCount = 4;
+
+    var _render7 = (0, _react2.render)(fieldset({
+      template: 'columns',
+      colsCount: colsCount
+    })),
+        container = _render7.container;
+
+    var contentFieldSet = container.querySelector('.contentfieldset.-templatecolumns');
+    expect(contentFieldSet).toHaveStyle("grid-template-columns: repeat(".concat(colsCount, ", 1fr)"));
+  });
+  it('should apply rowsCount', function () {
+    var rowsCount = 4;
+
+    var _render8 = (0, _react2.render)(fieldset({
+      template: 'rows',
+      rowsCount: rowsCount
+    })),
+        container = _render8.container;
+
+    var contentFieldSet = container.querySelector('.contentfieldset.-templaterows');
+    expect(contentFieldSet).toHaveStyle("grid-template-rows: repeat(".concat(rowsCount, ", 1fr)"));
+  });
+  it('should apply style', function () {
+    var style = {
+      paddingTop: '10px',
+      marginBottom: '10px'
+    };
+
+    var _render9 = (0, _react2.render)(fieldset({
+      style: style
+    })),
+        container = _render9.container;
+
+    expect(container.firstChild).toHaveStyle(style);
+  });
+  it('should apply styleContent', function () {
+    var styleContent = {
+      paddingTop: '10px',
+      marginBottom: '10px'
+    };
+
+    var _render10 = (0, _react2.render)(fieldset({
+      styleContent: styleContent
+    })),
+        container = _render10.container;
+
+    var contentFieldSet = container.querySelector('.contentfieldset');
+    expect(contentFieldSet).toHaveStyle(styleContent);
+  });
+  it('should apply styleTitle', function () {
+    var styleTitle = {
+      paddingTop: '10px',
+      marginBottom: '10px'
+    };
+
+    var _render11 = (0, _react2.render)(fieldset({
+      title: 'Teste',
+      styleTitle: styleTitle
+    })),
+        container = _render11.container;
+
+    var fieldsetTitle = container.querySelector('.legend');
+    expect(fieldsetTitle).toHaveStyle(styleTitle);
+  });
+  describe('prop type', function () {
+    it('should apply -primary css class', function () {
+      var type = 'primary';
+
+      var _render12 = (0, _react2.render)(fieldset({
+        type: type
+      })),
+          container = _render12.container;
+
+      expect(container.firstChild).toHaveClass("-".concat(type));
+    });
+    it('should apply -danger css class', function () {
+      var type = 'danger';
+
+      var _render13 = (0, _react2.render)(fieldset({
+        type: type
+      })),
+          container = _render13.container;
+
+      expect(container.firstChild).toHaveClass("-".concat(type));
+    });
+    it('should apply -success css class', function () {
+      var type = 'success';
+
+      var _render14 = (0, _react2.render)(fieldset({
+        type: type
+      })),
+          container = _render14.container;
+
+      expect(container.firstChild).toHaveClass("-".concat(type));
+    });
+    it('should apply -warning css class', function () {
+      var type = 'warning';
+
+      var _render15 = (0, _react2.render)(fieldset({
+        type: type
+      })),
+          container = _render15.container;
+
+      expect(container.firstChild).toHaveClass("-".concat(type));
+    });
+    it('should apply -info css class', function () {
+      var type = 'info';
+
+      var _render16 = (0, _react2.render)(fieldset({
+        type: type
+      })),
+          container = _render16.container;
+
+      expect(container.firstChild).toHaveClass("-".concat(type));
+    });
+  });
+  it('prop hasError should apply -witherror css class', function () {
+    var _render17 = (0, _react2.render)(fieldset({
+      hasError: true
+    })),
+        container = _render17.container;
+
+    expect(container.firstChild).toHaveClass('-witherror');
+  });
+  describe('prop gridCols', function () {
+    var gridCols = '4';
+    it('should wrapp subject within Grid component', function () {
+      var _render18 = (0, _react2.render)(fieldset({
+        gridCols: gridCols
+      })),
+          container = _render18.container;
+
+      expect(container.firstChild).toHaveClass('grid-container');
+    });
+    it('should apply into Grid component', function () {
+      var _render19 = (0, _react2.render)(fieldset({
+        gridCols: gridCols
+      })),
+          container = _render19.container;
+
+      expect(container.firstChild).toHaveClass("col-xs-".concat(gridCols));
+    });
+  });
+  describe('prop permissionAttr', function () {
+    beforeEach(function () {
+      window.sessionStorage.clear();
+    });
+    it('should allow default subject rendering', function () {
+      storePermissionAttrMock();
+
+      var _render20 = (0, _react2.render)(fieldset({
+        permissionAttr: {
+          module: 'SG_SEGURANCA',
+          feature: 'SG_SEGURANCA_AUTORIZACAO',
+          operation: 'SG_SEGURANCA_AUTORIZACAO_RECURSOS',
+          onDenied: 'unvisible'
+        }
+      })),
+          container = _render20.container;
+
+      expect(container.firstChild).toHaveClass('fieldset-component');
+      expect(container.querySelector('.no-permission-component')).not.toBeInTheDocument();
+    });
+    it('should turn subject unvisible', function () {
+      storePermissionAttrMock();
+      (0, _react2.render)(fieldset({
+        permissionAttr: {
+          module: 'SG_XPTO',
+          feature: 'SG_SEGURANCA_AUTORIZACAO',
+          operation: 'SG_SEGURANCA_AUTORIZACAO_RECURSOS',
+          onDenied: 'unvisible'
+        }
+      }));
+      expect(document.querySelector('.fieldset-component')).not.toBeInTheDocument();
+    });
+    it('should hide subject content', function () {
+      storePermissionAttrMock();
+
+      var _render21 = (0, _react2.render)(fieldset({
+        permissionAttr: {
+          module: 'SG_XPTO',
+          feature: 'SG_SEGURANCA_AUTORIZACAO',
+          operation: 'SG_SEGURANCA_AUTORIZACAO_RECURSOS',
+          onDenied: 'hideContent'
+        }
+      })),
+          container = _render21.container;
+
+      expect(container.firstChild).toHaveClass('fieldset-component');
+      expect(container.querySelector('.no-permission-component')).toBeInTheDocument();
+    });
+  });
+});

package/lib/fieldset/index.js

@@ -13,11 +13,7 @@ require("../assets/styles/fieldset.scss");
 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 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 _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); }
@@ -70,7 +66,7 @@ var Fieldset = function Fieldset(props) {
   var renderContent = function renderContent() {
     return /*#__PURE__*/_react.default.createElement("fieldset", {
       style: style,
-      className: getCssClass(_objectSpread({}, props))
+      className: getCssClass(_extends({}, props))
     }, onDenied.hideContent ? /*#__PURE__*/_react.default.createElement(_noPermission.default, null) : /*#__PURE__*/_react.default.createElement(_react.Fragment, null, title && /*#__PURE__*/_react.default.createElement("legend", {
       style: styleTitle,
       align: titleAlign,

package/lib/form/Field.js

@@ -13,11 +13,6 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 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); }
@@ -107,7 +102,7 @@ var Field = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     }
   }), getCustomProps(props, handlerSetValidatorFromComponent), {
     ref: ref,
-    errorMessages: (0, _helpers.getErrorMessages)(_objectSpread(_objectSpread({}, props), {}, {
+    errorMessages: (0, _helpers.getErrorMessages)(_extends({}, props, {
       fieldErrors: showValidateMessages ? props.fieldErrors : {}
     }))
   }));

package/lib/form/FieldArray.js

@@ -15,8 +15,6 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 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); }
@@ -79,19 +77,19 @@ var FieldArray = function FieldArray(props) {
         customClass: "arraycontainer ".concat(bordered && '-bordered'),
         style: labelContainerStyle,
         titleCustomClass: "label"
-      }, /*#__PURE__*/_react.default.createElement(props.component, _extends({}, props, getDefaultProps(props), getEvents(_objectSpread(_objectSpread({}, props), {}, {
+      }, /*#__PURE__*/_react.default.createElement(props.component, _extends({}, props, getDefaultProps(props), getEvents(_extends({}, props, {
         handleShowValidateMessages: function handleShowValidateMessages(value) {
           return setShowValidateMessages(value);
         }
-      })))), (0, _helpers.getErrorMessages)(_objectSpread(_objectSpread({}, props), {}, {
+      })))), (0, _helpers.getErrorMessages)(_extends({}, props, {
         fieldErrors: showValidateMessages ? props.fieldErrors : {}
       })));
     } else {
-      content = /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement(props.component, _extends({}, props, getDefaultProps(props), getEvents(_objectSpread(_objectSpread({}, props), {}, {
+      content = /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement(props.component, _extends({}, props, getDefaultProps(props), getEvents(_extends({}, props, {
         handleShowValidateMessages: function handleShowValidateMessages(value) {
           return setShowValidateMessages(value);
         }
-      })))), (0, _helpers.getErrorMessages)(_objectSpread(_objectSpread({}, props), {}, {
+      })))), (0, _helpers.getErrorMessages)(_extends({}, props, {
         fieldErrors: showValidateMessages ? props.fieldErrors : {}
       })));
     }

package/lib/form/FieldNumber.js

@@ -14,11 +14,6 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 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); }
@@ -57,12 +52,12 @@ var FieldMask = function FieldMask(props) {
     _useState2 = _slicedToArray(_useState, 2),
     showValidateMessages = _useState2[0],
     setShowValidateMessages = _useState2[1];
-  return /*#__PURE__*/_react.default.createElement(props.component, _extends({}, props, getEventProps(_objectSpread(_objectSpread({}, props), {}, {
+  return /*#__PURE__*/_react.default.createElement(props.component, _extends({}, props, getEventProps(_extends({}, props, {
     handleShowValidateMessages: function handleShowValidateMessages(value) {
       return setShowValidateMessages(value);
     }
   })), {
-    errorMessages: (0, _helpers.getErrorMessages)(_objectSpread(_objectSpread({}, props), {}, {
+    errorMessages: (0, _helpers.getErrorMessages)(_extends({}, props, {
       fieldErrors: showValidateMessages ? props.fieldErrors : {}
     })),
     value: _lodash.default.get(data, name)