linear-react-components-ui 1.0.1 → 1.0.3-beta.1

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

@@ -1,57 +1,78 @@
 "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 _gridlayout = _interopRequireDefault(require("../gridlayout"));
+
 var _permissionValidations = require("../permissionValidations");
+
 var _noPermission = _interopRequireDefault(require("../noPermission"));
+
 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 _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 _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 = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
 var Fieldset = function Fieldset(props) {
   var gridCols = props.gridCols,
-    children = props.children,
-    title = props.title,
-    _props$titleAlign = props.titleAlign,
-    titleAlign = _props$titleAlign === void 0 ? 'left' : _props$titleAlign,
-    style = props.style,
-    styleContent = props.styleContent,
-    styleTitle = props.styleTitle,
-    _props$template = props.template,
-    template = _props$template === void 0 ? 'none' : _props$template,
-    titleCustomClass = props.titleCustomClass,
-    permissionAttr = props.permissionAttr;
+      children = props.children,
+      title = props.title,
+      _props$titleAlign = props.titleAlign,
+      titleAlign = _props$titleAlign === void 0 ? 'left' : _props$titleAlign,
+      style = props.style,
+      styleContent = props.styleContent,
+      styleTitle = props.styleTitle,
+      _props$template = props.template,
+      template = _props$template === void 0 ? 'none' : _props$template,
+      titleCustomClass = props.titleCustomClass,
+      permissionAttr = props.permissionAttr;
   var hideContent = _permissionValidations.OPTIONS_ON_DENIED.hideContent,
-    unvisible = _permissionValidations.OPTIONS_ON_DENIED.unvisible;
+      unvisible = _permissionValidations.OPTIONS_ON_DENIED.unvisible;
+
   var _useState = (0, _react.useState)((0, _permissionValidations.actionsOnPermissionDenied)([hideContent, unvisible], permissionAttr)),
-    _useState2 = _slicedToArray(_useState, 1),
-    onDenied = _useState2[0];
+      _useState2 = _slicedToArray(_useState, 1),
+      onDenied = _useState2[0];
+
   var getCssClass = function getCssClass(_ref) {
     var type = _ref.type,
-      customClass = _ref.customClass,
-      hasError = _ref.hasError;
+        customClass = _ref.customClass,
+        hasError = _ref.hasError;
     var cssClass = "fieldset-component ".concat(customClass);
     if (type) cssClass = "".concat(cssClass, " -").concat(type);
     if (hasError) cssClass = "".concat(cssClass, " -witherror");
     return cssClass;
   };
+
   var getContentStyle = function getContentStyle(_ref2) {
     var _ref2$colsCount = _ref2.colsCount,
-      colsCount = _ref2$colsCount === void 0 ? 2 : _ref2$colsCount,
-      _ref2$rowsCount = _ref2.rowsCount,
-      rowsCount = _ref2$rowsCount === void 0 ? 2 : _ref2$rowsCount;
+        colsCount = _ref2$colsCount === void 0 ? 2 : _ref2$colsCount,
+        _ref2$rowsCount = _ref2.rowsCount,
+        rowsCount = _ref2$rowsCount === void 0 ? 2 : _ref2$rowsCount;
+
     if (template === 'rows') {
       return {
         gridTemplateRows: "repeat(".concat(rowsCount, ", 1fr)")
@@ -61,8 +82,10 @@ var Fieldset = function Fieldset(props) {
         gridTemplateColumns: "repeat(".concat(colsCount, ", 1fr)")
       };
     }
+
     return {};
   };
+
   var renderContent = function renderContent() {
     return /*#__PURE__*/_react.default.createElement("fieldset", {
       style: style,
@@ -76,10 +99,12 @@ var Fieldset = function Fieldset(props) {
       style: Object.assign(getContentStyle(props), styleContent)
     }, children)));
   };
+
   if (onDenied.unvisible) return null;
   return gridCols ? /*#__PURE__*/_react.default.createElement(_gridlayout.default, {
     cols: gridCols
   }, renderContent()) : renderContent();
 };
+
 var _default = Fieldset;
 exports.default = _default;

package/lib/form/Field.js

@@ -1,30 +1,46 @@
 "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 _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 _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 = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
 var getOnBlurEvent = function getOnBlurEvent(_ref) {
   var name = _ref.name,
-    validators = _ref.validators,
-    _onBlur = _ref.onBlur,
-    handlerFieldValidade = _ref.handlerFieldValidade,
-    validatorFromComponent = _ref.validatorFromComponent;
+      validators = _ref.validators,
+      _onBlur = _ref.onBlur,
+      handlerFieldValidade = _ref.handlerFieldValidade,
+      validatorFromComponent = _ref.validatorFromComponent;
   if (!(validators || validatorFromComponent || _onBlur)) return {};
   var validatorsArray = (0, _helpers.getValidatorsArray)(validators, validatorFromComponent);
   return {
@@ -32,17 +48,20 @@ var getOnBlurEvent = function getOnBlurEvent(_ref) {
       if (validatorsArray && e.target && handlerFieldValidade) {
         handlerFieldValidade(name, e.target.value, validatorsArray);
       }
+
       if (_onBlur) _onBlur(e);
     }
   };
 };
+
 var getCustomProps = function getCustomProps(props, setValidatorFromComponent) {
   var value = props.value,
-    data = props.data,
-    name = props.name,
-    fieldId = props.fieldId,
-    componentType = props.componentType,
-    component = props.component;
+      data = props.data,
+      name = props.name,
+      fieldId = props.fieldId,
+      componentType = props.componentType,
+      component = props.component;
+
   if (componentType && componentType.toLowerCase() === 'radio') {
     return {
       checked: _lodash.default.get(data, name) === value,
@@ -59,19 +78,24 @@ var getCustomProps = function getCustomProps(props, setValidatorFromComponent) {
       handlerSetComponentValidator: setValidatorFromComponent
     };
   }
+
   return {
     value: _lodash.default.get(data, name)
   };
 };
+
 var Field = function Field(props) {
   var handlerFieldChange = props.handlerFieldChange,
-    _onChange = props.onChange;
+      _onChange = props.onChange;
+
   var _useState = (0, _react.useState)(undefined),
-    _useState2 = _slicedToArray(_useState, 2),
-    validatorFromComponent = _useState2[0],
-    setValidatorFromComponent = _useState2[1];
+      _useState2 = _slicedToArray(_useState, 2),
+      validatorFromComponent = _useState2[0],
+      setValidatorFromComponent = _useState2[1];
+
   var _useContext = (0, _react.useContext)(_helpers.withFieldContext),
-    handlerSetValidatorFromComponent = _useContext.handlerSetValidatorFromComponent;
+      handlerSetValidatorFromComponent = _useContext.handlerSetValidatorFromComponent;
+
   (0, _react.useEffect)(function () {
     if (validatorFromComponent && handlerSetValidatorFromComponent) {
       handlerSetValidatorFromComponent(validatorFromComponent);
@@ -91,5 +115,7 @@ var Field = function Field(props) {
     }
   }));
 };
+
 var _default = (0, _withFieldHOC.default)(Field);
+
 exports.default = _default;

package/lib/form/FieldArray.js

@@ -1,33 +1,45 @@
 "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 _lodash = _interopRequireDefault(require("lodash"));
+
 var _withFieldHOC = _interopRequireDefault(require("./withFieldHOC"));
+
 var _gridlayout = _interopRequireDefault(require("../gridlayout"));
+
 var _fieldset = _interopRequireDefault(require("../fieldset"));
+
 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 _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 _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 _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
 var getDefaultProps = function getDefaultProps(props) {
   var _ref;
+
   var _props$valuePropName = props.valuePropName,
-    valuePropName = _props$valuePropName === void 0 ? '' : _props$valuePropName,
-    _props$changePropName = props.changePropName,
-    changePropName = _props$changePropName === void 0 ? '' : _props$changePropName,
-    data = props.data,
-    name = props.name,
-    handlerFieldChange = props.handlerFieldChange,
-    handlerSelecionados = props.handlerSelecionados;
+      valuePropName = _props$valuePropName === void 0 ? '' : _props$valuePropName,
+      _props$changePropName = props.changePropName,
+      changePropName = _props$changePropName === void 0 ? '' : _props$changePropName,
+      data = props.data,
+      name = props.name,
+      handlerFieldChange = props.handlerFieldChange,
+      handlerSelecionados = props.handlerSelecionados;
   return _ref = {}, _defineProperty(_ref, valuePropName, _lodash.default.get(data, name)), _defineProperty(_ref, changePropName, function (ids) {
     if (handlerFieldChange) handlerFieldChange({
       target: {
@@ -38,13 +50,15 @@ var getDefaultProps = function getDefaultProps(props) {
     if (handlerSelecionados) handlerSelecionados(ids);
   }), _ref;
 };
+
 var FieldArray = function FieldArray(props) {
   var cols = props.cols,
-    label = props.label,
-    bordered = props.bordered,
-    labelContainerStyle = props.labelContainerStyle,
-    skipLabel = props.skipLabel;
+      label = props.label,
+      bordered = props.bordered,
+      labelContainerStyle = props.labelContainerStyle,
+      skipLabel = props.skipLabel;
   var content = null;
+
   if (props.component) {
     if (!skipLabel && label) {
       content = /*#__PURE__*/_react.default.createElement(_fieldset.default, {
@@ -57,10 +71,13 @@ var FieldArray = function FieldArray(props) {
       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, {
     cols: cols
   }, content);
   return content;
 };
+
 var _default = (0, _withFieldHOC.default)(FieldArray);
+
 exports.default = _default;