linear-react-components-ui 0.4.76-beta.0 → 0.4.76-beta.12

package/lib/dialog/base/index.js

@@ -31,8 +31,7 @@ var BaseDialog = function BaseDialog(props) {
       handlerClose = props.handlerClose,
       closeOnOutsideClick = props.closeOnOutsideClick,
       wrapperClassName = props.wrapperClassName,
-      children = props.children,
-      zIndex = props.zIndex;
+      children = props.children;
   var dialogEl = (0, _react.useRef)(document.createElement('div'));
   dialogEl.current.className = 'dialog';
   dialogEl.current.dataset.testid = 'dialog-component';
@@ -49,30 +48,25 @@ var BaseDialog = function BaseDialog(props) {
 
   var handleClickOutside = function handleClickOutside(event) {
     var target = event.target;
-    var dialogAlert = document.getElementsByClassName('dialog-alert-wrapper');
 
     if (wrapperEl !== null && wrapperEl.current !== null && target !== wrapperEl.current && !wrapperEl.current.contains(target)) {
-      if (dialogAlert.length > 0 && dialogAlert[dialogAlert.length - 1].contains(target) || target.className !== 'button-component') return;
       handlerClose();
     }
   };
 
   var handleCloseOnEsc = function handleCloseOnEsc(event) {
-    if (event.keyCode === 27 || event.key === 'ESC') {
-      handlerClose();
-    }
+    if (event.keyCode === 27 || event.key === 'ESC') handlerClose();
   };
 
   var setModalContainer = function setModalContainer() {
     modalContainerEl.current.className = 'modalcontainer';
-    if (zIndex) modalContainerEl.current.style.zIndex = zIndex;
     body.appendChild(modalContainerEl.current);
     modalContainerEl.current.appendChild(dialogEl.current);
   };
 
   var removeModalContainer = function removeModalContainer() {
-    var modalComponent = document.getElementsByClassName('modalcontainer');
-    document.body.removeChild(modalComponent[modalComponent.length - 1]);
+    var modalComponent = document.getElementsByClassName('modalcontainer')[0];
+    document.body.removeChild(modalComponent);
   };
 
   var removeOverlay = function removeOverlay() {
@@ -114,18 +108,15 @@ BaseDialog.propTypes = {
   closeOnEsc: _propTypes["default"].bool,
   closeOnOutsideClick: _propTypes["default"].bool,
   overlay: _propTypes["default"].bool,
-  changedData: _propTypes["default"].bool,
   children: _propTypes["default"].any.isRequired,
-  textAlign: _propTypes["default"].string,
-  zIndex: _propTypes["default"].string
+  textAlign: _propTypes["default"].string
 };
 BaseDialog.defaultProps = {
   closeOnEsc: false,
   closeOnOutsideClick: false,
   overlay: true,
   handlerClose: null,
-  textAlign: 'justify',
-  zIndex: null
+  textAlign: 'justify'
 };
 var _default = BaseDialog;
 exports["default"] = _default;

package/lib/dialog/form/index.js

@@ -23,8 +23,6 @@ var _Footer = _interopRequireDefault(require("../base/Footer"));
 
 var _spinner = _interopRequireDefault(require("../../spinner"));
 
-var _withFormSecurity = _interopRequireDefault(require("../../form/withFormSecurity"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
 function _extends() { _extends = Object.assign || 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); }
@@ -56,13 +54,6 @@ var ModalForm = function ModalForm(props) {
   }, props.children), getSpinner(), props.showFooter && /*#__PURE__*/_react["default"].createElement(_Footer["default"], null, /*#__PURE__*/_react["default"].createElement(_index.ButtonContainer, _extends({}, props, {
     style: _extends({}, overlayStyle)
   }), props.buttons.map(function (button) {
-    if (button.type.name === 'CancelButton') {
-      return /*#__PURE__*/_react["default"].cloneElement(button, {
-        key: "button-".concat(_uuid["default"].v1()),
-        onClick: props.handlerClose
-      });
-    }
-
     return /*#__PURE__*/_react["default"].cloneElement(button, {
       key: "button-".concat(_uuid["default"].v1())
     });
@@ -77,8 +68,7 @@ ModalForm.propTypes = {
   height: _propTypes["default"].string,
   showFooter: _propTypes["default"].bool,
   buttons: _propTypes["default"].any.isRequired,
-  isWaiting: _propTypes["default"].bool,
-  handlerClose: _propTypes["default"].func
+  isWaiting: _propTypes["default"].bool
 };
 ModalForm.defaultProps = {
   title: '',
@@ -86,10 +76,7 @@ ModalForm.defaultProps = {
   height: '50%',
   styleForContent: {},
   showFooter: true,
-  isWaiting: false,
-  handlerClose: undefined
+  isWaiting: false
 };
-
-var _default = (0, _withFormSecurity["default"])(ModalForm);
-
+var _default = ModalForm;
 exports["default"] = _default;

package/lib/drawer/index.js

@@ -25,10 +25,7 @@ var _Content = _interopRequireDefault(require("./Content"));
 
 require("../assets/styles/drawers.scss");
 
-var _withFormSecurity = _interopRequireDefault(require("../form/withFormSecurity"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
-var _default = (0, _withFormSecurity["default"])(_Drawer["default"]);
-
+var _default = _Drawer["default"];
 exports["default"] = _default;

package/lib/form/Field.js

@@ -125,7 +125,6 @@ Field.propTypes = {
   onBlur: _propTypes["default"].func,
   validators: _propTypes["default"].any,
   fieldErrors: _propTypes["default"].object,
-  externalFieldErrors: _propTypes["default"].object,
   externalMessagesErrors: _propTypes["default"].arrayOf(_propTypes["default"].string),
   fieldId: _propTypes["default"].string
 };
@@ -137,7 +136,6 @@ Field.defaultProps = {
   onBlur: undefined,
   validators: null,
   fieldErrors: {},
-  externalFieldErrors: {},
   externalMessagesErrors: [],
   fieldId: '' // Inicialmente implementado para atender radios e checkboxs
 

package/lib/form/FieldNumber.js

@@ -36,16 +36,10 @@ var getOnBlurEvent = function getOnBlurEvent(_ref) {
 
 var FieldMask = function FieldMask(props) {
   var data = props.data,
-      name = props.name,
-      handlerFieldChange = props.handlerFieldChange,
-      _onChange = props.onChange;
+      name = props.name;
   return /*#__PURE__*/_react["default"].createElement(props.component, _extends({}, props, getOnBlurEvent(props), {
     errorMessages: (0, _helpers.getErrorMessages)(props),
-    value: _lodash["default"].get(data, name),
-    onChange: function onChange(e) {
-      handlerFieldChange(e);
-      if (_onChange) _onChange(e);
-    }
+    value: _lodash["default"].get(data, name)
   }));
 };
 
@@ -55,7 +49,6 @@ FieldMask.propTypes = {
   handlerFieldChange: _propTypes["default"].func.isRequired,
   component: _propTypes["default"].oneOfType([_propTypes["default"].object, _propTypes["default"].func]),
   onBlur: _propTypes["default"].func,
-  onChange: _propTypes["default"].func,
   validators: _propTypes["default"].oneOf([_propTypes["default"].func, _propTypes["default"].arrayOf(_propTypes["default"].func)]),
   fieldErrors: _propTypes["default"].object,
   externalMessagesErrors: _propTypes["default"].arrayOf(_propTypes["default"].string)
@@ -63,7 +56,6 @@ FieldMask.propTypes = {
 FieldMask.defaultProps = {
   component: undefined,
   onBlur: undefined,
-  onChange: undefined,
   validators: undefined,
   fieldErrors: {},
   externalMessagesErrors: []

package/lib/form/helpers.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.getValidatorsArray = exports.getErrorMessages = exports.withFieldContext = exports.FormContext = exports.FieldContext = exports.securityBeforeUnload = void 0;
+exports.getValidatorsArray = exports.getErrorMessages = exports.withFieldContext = exports.FormContext = exports.FieldContext = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
@@ -21,9 +21,6 @@ function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToAr
 
 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; }
 
-var securityBeforeUnload = 'securityBeforeUnload';
-exports.securityBeforeUnload = securityBeforeUnload;
-
 var FieldContext = /*#__PURE__*/_react["default"].createContext();
 
 exports.FieldContext = FieldContext;
@@ -39,7 +36,6 @@ exports.withFieldContext = withFieldContext;
 var getErrorMessages = function getErrorMessages(_ref) {
   var name = _ref.name,
       fieldErrors = _ref.fieldErrors,
-      externalFieldErrors = _ref.externalFieldErrors,
       externalMessagesErrors = _ref.externalMessagesErrors;
 
   var errors = _toConsumableArray(externalMessagesErrors);
@@ -48,10 +44,6 @@ var getErrorMessages = function getErrorMessages(_ref) {
     errors = [].concat(_toConsumableArray(errors), _toConsumableArray(fieldErrors[name]));
   }
 
-  if (externalFieldErrors && externalFieldErrors[name]) {
-    errors = [].concat(_toConsumableArray(errors), _toConsumableArray(externalFieldErrors[name]));
-  }
-
   return errors;
 };
 

package/lib/form/index.js

@@ -41,10 +41,6 @@ var _FieldArray = _interopRequireDefault(require("./FieldArray"));
 
 require("../assets/styles/form.scss");
 
-var _dialog = require("../dialog");
-
-var _withFormSecurity = require("./withFormSecurity");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
@@ -98,20 +94,6 @@ var Form = /*#__PURE__*/function (_Component) {
     _classCallCheck(this, Form);
 
     _this = _super.call(this, props);
-    Object.defineProperty(_assertThisInitialized(_this), "onBeforeUnload", {
-      configurable: true,
-      enumerable: true,
-      writable: true,
-      value: function value(e) {
-        e.preventDefault();
-
-        if (Object.is(_this.state.data, _this.state.originalData)) {
-          return;
-        }
-
-        e.returnValue = true;
-      }
-    });
     Object.defineProperty(_assertThisInitialized(_this), "onFieldChange", {
       configurable: true,
       enumerable: true,
@@ -124,19 +106,12 @@ var Form = /*#__PURE__*/function (_Component) {
         var _e$target = e.target,
             name = _e$target.name,
             value = _e$target.value;
-        var onChangedData = _this.context.onChangedData;
 
         _lodash["default"].set(data, name, value);
 
         _this.setState({
           data: data
-        });
-
-        if (!Object.is(data, _this.state.originalData)) {
-          onChangedData(true);
-        } else {
-          onChangedData(false);
-        } // TODO - Usar debounce para evitar chamada a cada letra digitada
+        }); // TODO - Usar debounce para evitar chamada a cada letra digitada
 
 
         if (onValidateForm) onValidateForm(_this.checkIsValid(data, false));
@@ -221,8 +196,7 @@ var Form = /*#__PURE__*/function (_Component) {
           },
           handlerRemoveValidators: _this.onRemoveFieldValidators,
           data: _this.state.data,
-          fieldErrors: _this.state.fieldErrors,
-          externalFieldErrors: _this.props.externalFieldErrors
+          fieldErrors: _this.state.fieldErrors
         };
       }
     });
@@ -280,23 +254,12 @@ var Form = /*#__PURE__*/function (_Component) {
       var _this$props2 = this.props,
           handlerReset = _this$props2.handlerReset,
           handlerSubmit = _this$props2.handlerSubmit,
-          handlerValidates = _this$props2.handlerValidates,
-          securityBeforeUnload = _this$props2.securityBeforeUnload;
-      var setSecurityBeforeUnload = this.context.setSecurityBeforeUnload;
+          handlerValidates = _this$props2.handlerValidates;
       handlerSubmit(this.onSubmit);
       if (handlerReset) handlerReset(this.onReset);
       if (handlerValidates) handlerValidates(this.checkIsValid);
+    } // up = data => _.debounce((data) => { this.props.onValidateForm(this.checkIsValid(data)); }, 300)
 
-      if (securityBeforeUnload) {
-        setSecurityBeforeUnload(true);
-        window.addEventListener('beforeunload', this.onBeforeUnload);
-      }
-    }
-  }, {
-    key: "componentWillUnmount",
-    value: function componentWillUnmount() {
-      window.removeEventListener('beforeunload', this.onBeforeUnload);
-    }
   }, {
     key: "render",
     value: function render() {
@@ -305,15 +268,8 @@ var Form = /*#__PURE__*/function (_Component) {
       var _this$props3 = this.props,
           style = _this$props3.style,
           customClass = _this$props3.customClass,
-          children = _this$props3.children,
-          securityBeforeUnload = _this$props3.securityBeforeUnload,
-          securityTitle = _this$props3.securityTitle,
-          securityText = _this$props3.securityText;
-      var _this$context = this.context,
-          showQuestion = _this$context.showQuestion,
-          onUnconfirmClick = _this$context.onUnconfirmClick,
-          onConfirmClick = _this$context.onConfirmClick;
-      return /*#__PURE__*/_react["default"].createElement(_react.Fragment, null, /*#__PURE__*/_react["default"].createElement(_helpers.FormContext.Provider, {
+          children = _this$props3.children;
+      return /*#__PURE__*/_react["default"].createElement(_helpers.FormContext.Provider, {
         value: this.getContextValue()
       }, /*#__PURE__*/_react["default"].createElement("form", {
         style: style,
@@ -325,15 +281,7 @@ var Form = /*#__PURE__*/function (_Component) {
         },
         role: "presentation",
         className: "form-component ".concat(customClass)
-      }, children)), /*#__PURE__*/_react["default"].createElement(_dialog.DialogQuestion, {
-        zIndex: "99999999",
-        customClassName: "classTeste",
-        title: securityTitle || 'Dados Alterados',
-        text: securityText || 'Vocẽ possui dados alterados, confirma o fechamento?',
-        visible: securityBeforeUnload && showQuestion,
-        onConfirmClick: onConfirmClick,
-        onUnconfirmClick: onUnconfirmClick
-      }));
+      }, children));
     }
   }], [{
     key: "getDerivedStateFromProps",
@@ -345,7 +293,7 @@ var Form = /*#__PURE__*/function (_Component) {
         return {
           submitFormOnEnter: submitOnPressEnterKey,
           data: dataSource,
-          originalData: state.originalData || dataSource
+          originalData: dataSource
         };
       }
 
@@ -356,12 +304,6 @@ var Form = /*#__PURE__*/function (_Component) {
   return Form;
 }(_react.Component);
 
-Object.defineProperty(Form, "contextType", {
-  configurable: true,
-  enumerable: true,
-  writable: true,
-  value: _withFormSecurity.FormSecurityContext
-});
 Form.propTypes = {
   dataSource: _propTypes["default"].object.isRequired,
   children: _propTypes["default"].any.isRequired,
@@ -373,11 +315,7 @@ Form.propTypes = {
   submitOnPressEnterKey: _propTypes["default"].bool,
   style: _propTypes["default"].object,
   customClass: _propTypes["default"].string,
-  onDataChange: _propTypes["default"].func,
-  securityBeforeUnload: _propTypes["default"].bool,
-  securityTitle: _propTypes["default"].string,
-  securityText: _propTypes["default"].string,
-  externalFieldErrors: _propTypes["default"].object
+  onDataChange: _propTypes["default"].func
 };
 Form.defaultProps = {
   onValidateForm: undefined,
@@ -386,11 +324,7 @@ Form.defaultProps = {
   handlerReset: undefined,
   handlerValidates: undefined,
   customClass: '',
-  onDataChange: undefined,
-  securityBeforeUnload: false,
-  securityTitle: null,
-  securityText: null,
-  externalFieldErrors: {}
+  onDataChange: undefined
 };
 var _default = Form;
 exports["default"] = _default;

package/lib/form/withFieldHOC.js

@@ -151,7 +151,6 @@ function withFieldHOC(WrappedComponent) {
           handlerFieldValidade = _ref.handlerFieldValidade,
           data = _ref.data,
           fieldErrors = _ref.fieldErrors,
-          externalFieldErrors = _ref.externalFieldErrors,
           handlerStoreValidators = _ref.handlerStoreValidators,
           handlerRemoveValidators = _ref.handlerRemoveValidators;
       return /*#__PURE__*/_react["default"].createElement(FieldHOC, _extends({}, props, {
@@ -161,7 +160,6 @@ function withFieldHOC(WrappedComponent) {
         handlerRemoveValidators: handlerRemoveValidators,
         data: data,
         fieldErrors: fieldErrors,
-        externalFieldErrors: externalFieldErrors,
         forwardedRef: ref
       }));
     });

package/lib/icons/helper.js

@@ -538,22 +538,6 @@ function getIcons() {
     minusCircle: {
       viewbox: '0 0 16 16',
       paths: ['M8 0c-4.418 0-8 3.582-8 8s3.582 8 8 8 8-3.582 8-8-3.582-8-8-8zM8 14c-3.314 0-6-2.686-6-6s2.686-6 6-6c3.314 0 6 2.686 6 6s-2.686 6-6 6zM4 7h8v2h-8z']
-    },
-    zoomIn: {
-      viewbox: '0 0 16 16',
-      paths: ['M6 3h-1v2h-2v1h2v2h1v-2h2v-1h-2zM9.962 8.716c0.653-0.905 1.038-2.015 1.038-3.216 0-3.038-2.462-5.5-5.5-5.5s-5.5 2.462-5.5 5.5 2.462 5.5 5.5 5.5c1.201 0 2.312-0.385 3.216-1.038l5.284 6.038 2-2-6.038-5.284zM5.5 9.5c-2.209 0-4-1.791-4-4s1.791-4 4-4 4 1.791 4 4-1.791 4-4 4z']
-    },
-    zoomOut: {
-      viewbox: '0 0 16 16',
-      paths: ['M3 5h5v1h-5zM9.962 8.716c0.653-0.905 1.038-2.015 1.038-3.216 0-3.038-2.462-5.5-5.5-5.5s-5.5 2.462-5.5 5.5 2.462 5.5 5.5 5.5c1.201 0 2.312-0.385 3.216-1.038l5.284 6.038 2-2-6.038-5.284zM5.5 9.5c-2.209 0-4-1.791-4-4s1.791-4 4-4 4 1.791 4 4-1.791 4-4 4z']
-    },
-    flipVertical3: {
-      viewbox: '0 0 16 16',
-      paths: ['M10.854 1.854c0.143-0.143 0.186-0.358 0.108-0.545s-0.26-0.309-0.462-0.309h-10c-0.202 0-0.385 0.122-0.462 0.309-0.026 0.062-0.038 0.127-0.038 0.191 0 0.13 0.051 0.258 0.146 0.354l5 5c0.195 0.195 0.512 0.195 0.707 0l5-5z', 'M9 8.5c0-0.276 0.224-0.5 0.5-0.5h1c0.276 0 0.5 0.224 0.5 0.5s-0.224 0.5-0.5 0.5h-1c-0.276 0-0.5-0.224-0.5-0.5z', 'M6 8.5c0-0.276 0.224-0.5 0.5-0.5h1c0.276 0 0.5 0.224 0.5 0.5s-0.224 0.5-0.5 0.5h-1c-0.276 0-0.5-0.224-0.5-0.5z', 'M3 8.5c0-0.276 0.224-0.5 0.5-0.5h1c0.276 0 0.5 0.224 0.5 0.5s-0.224 0.5-0.5 0.5h-1c-0.276 0-0.5-0.224-0.5-0.5z', 'M0 8.5c0-0.276 0.224-0.5 0.5-0.5h1c0.276 0 0.5 0.224 0.5 0.5s-0.224 0.5-0.5 0.5h-1c-0.276 0-0.5-0.224-0.5-0.5z', 'M10.962 15.691c0.026-0.062 0.038-0.127 0.038-0.191 0-0.13-0.051-0.258-0.146-0.354l-5-5c-0.195-0.195-0.512-0.195-0.707 0l-5 5c-0.143 0.143-0.186 0.358-0.108 0.545s0.26 0.309 0.462 0.309h10c0.202 0 0.385-0.122 0.462-0.309zM2.009 14.875l3.491-3.491 3.491 3.491h-6.982z', 'M13 12.5c1.257-0.943 2-2.419 2-4 0-1.672-0.831-3.226-2.222-4.158-0.229-0.154-0.54-0.092-0.694 0.137s-0.092 0.54 0.137 0.694c1.113 0.745 1.778 1.989 1.778 3.327 0 1.313-0.64 2.534-1.716 3.284l-1.284-1.284v3.5h3.5l-1.5-1.5z']
-    },
-    flipVertical4: {
-      viewbox: '0 0 16 16',
-      paths: ['M0.854 5.146c-0.143-0.143-0.358-0.186-0.545-0.108s-0.309 0.26-0.309 0.462v10c0 0.202 0.122 0.385 0.309 0.462 0.062 0.026 0.127 0.038 0.191 0.038 0.13 0 0.258-0.051 0.354-0.146l5-5c0.195-0.195 0.195-0.512 0-0.707l-5-5z', 'M7.5 7c-0.276 0-0.5-0.224-0.5-0.5v-1c0-0.276 0.224-0.5 0.5-0.5s0.5 0.224 0.5 0.5v1c0 0.276-0.224 0.5-0.5 0.5z', 'M7.5 10c-0.276 0-0.5-0.224-0.5-0.5v-1c0-0.276 0.224-0.5 0.5-0.5s0.5 0.224 0.5 0.5v1c0 0.276-0.224 0.5-0.5 0.5z', 'M7.5 13c-0.276 0-0.5-0.224-0.5-0.5v-1c0-0.276 0.224-0.5 0.5-0.5s0.5 0.224 0.5 0.5v1c0 0.276-0.224 0.5-0.5 0.5z', 'M7.5 16c-0.276 0-0.5-0.224-0.5-0.5v-1c0-0.276 0.224-0.5 0.5-0.5s0.5 0.224 0.5 0.5v1c0 0.276-0.224 0.5-0.5 0.5z', 'M14.691 5.038c-0.062-0.026-0.127-0.038-0.191-0.038-0.13 0-0.258 0.051-0.354 0.146l-5 5c-0.195 0.195-0.195 0.512 0 0.707l5 5c0.143 0.143 0.358 0.186 0.545 0.108s0.309-0.26 0.309-0.462v-10c0-0.202-0.122-0.385-0.309-0.462zM13.875 13.991l-3.491-3.491 3.491-3.491v6.982z', 'M11.5 3c-0.943-1.257-2.419-2-4-2-1.672 0-3.226 0.831-4.158 2.222-0.154 0.229-0.092 0.54 0.137 0.694s0.54 0.092 0.694-0.137c0.745-1.113 1.989-1.778 3.327-1.778 1.313 0 2.534 0.64 3.284 1.716l-1.284 1.284h3.5v-3.5l-1.5 1.5z']
     }
   };
   return icons;

package/lib/inputs/base/InputTextBase.js

@@ -11,6 +11,8 @@ var _react = _interopRequireWildcard(require("react"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
+var _lodash = _interopRequireDefault(require("lodash"));
+
 var _inputHOC = _interopRequireDefault(require("../inputHOC"));
 
 require("../../assets/styles/input.scss");
@@ -111,7 +113,14 @@ var InputTextBase = function InputTextBase(props) {
       id: id,
       className: helpers.getInputClass(props),
       ref: function ref(r) {
-        if (inputRef) inputRef.current = r;
+        if (inputRef) {
+          if (!_lodash["default"].isFunction(inputRef)) {
+            inputRef.current = r;
+          } else {
+            inputRef(r);
+          }
+        }
+
         if (targetRef) targetRef(r);
       }
     };

package/lib/inputs/base/helpers.js

@@ -7,9 +7,10 @@ exports.getRightElements = exports.getErrorMessages = exports.getInputWrapperCla
 
 var _react = _interopRequireDefault(require("react"));
 
+var _lodash = _interopRequireDefault(require("lodash"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
-// import Popover from '../../popover';
 var getInputClass = function getInputClass(_ref) {
   var textAlign = _ref.textAlign,
       readOnly = _ref.readOnly;
@@ -39,8 +40,18 @@ var getErrorMessages = function getErrorMessages(messages) {
 exports.getErrorMessages = getErrorMessages;
 
 var getRightElements = function getRightElements(rightElements, errorMessages) {
-  if (errorMessages.length === 0) return rightElements;
   var elements = rightElements || [];
+
+  if (!_lodash["default"].isArray(elements)) {
+    elements = [elements];
+  }
+
+  elements = elements.map(function (element, index) {
+    return element && /*#__PURE__*/_react["default"].cloneElement(element, {
+      key: "rightelement-".concat(index + 1)
+    });
+  });
+  if (errorMessages.length === 0) return elements;
   return /*#__PURE__*/_react["default"].createElement("div", {
     className: "sidebuttons"
   }, elements);

package/lib/inputs/number/BaseNumber.js

@@ -49,7 +49,7 @@ var BaseNumber = function BaseNumber(props) {
 };
 
 BaseNumber.propTypes = {
-  value: _propTypes["default"].oneOfType([_propTypes["default"].number, _propTypes["default"].string]),
+  value: _propTypes["default"].number,
   leftElements: _propTypes["default"].oneOfType([_propTypes["default"].arrayOf(_propTypes["default"].object), _propTypes["default"].element, _propTypes["default"].object]),
   onBlur: _propTypes["default"].func,
   returnFormattedValueOnBlur: _propTypes["default"].bool

package/lib/inputs/number/index.js

@@ -40,19 +40,17 @@ var NumberField = function NumberField(props) {
     value: (0, _format_number.numberToPtBR)(props.value),
     textAlign: props.textAlign,
     mask: Number,
-    isNumeric: true,
-    scale: 0,
-    padFractionalZeros: false
+    scale: 0
   }));
 };
 
 NumberField.propTypes = {
-  value: _propTypes["default"].oneOfType([_propTypes["default"].number, _propTypes["default"].string]),
-  textAlign: _propTypes["default"].string
+  textAlign: _propTypes["default"].string,
+  value: _propTypes["default"].string
 };
 NumberField.defaultProps = {
-  value: undefined,
-  textAlign: 'left'
+  textAlign: 'right',
+  value: ''
 };
 var _default = NumberField;
 exports["default"] = _default;

package/lib/inputs/select/Dropdown.js

@@ -105,6 +105,9 @@ var Dropdown = function Dropdown(_ref) {
     onFocus: function onFocus() {
       handleOnFocus();
     },
+    onBlur: function onBlur() {
+      handleOnBlur();
+    },
     onChange: function onChange(e) {
       handleOnFilter(e.target.value);
     },
@@ -129,10 +132,7 @@ var Dropdown = function Dropdown(_ref) {
       tabIndex: "-1",
       onKeyPress: function onKeyPress() {},
       onClick: function onClick() {
-        if (!disabled) {
-          handleOnSelect(item);
-          handleOnBlur(item);
-        }
+        if (!disabled) handleOnSelect(item);
       }
     }, item.iconName && /*#__PURE__*/_react["default"].createElement(_icons["default"], {
       name: item.iconName,

package/lib/inputs/select/index.js

@@ -15,40 +15,17 @@ var _simple = _interopRequireDefault(require("./simple"));
 
 require("../../assets/styles/select.scss");
 
-var _gridlayout = _interopRequireDefault(require("../../gridlayout"));
-
-var _excluded = ["gridLayout", "multiple"];
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
-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 SelectField = function SelectField(props) {
-  var gridLayout = props.gridLayout,
-      multiple = props.multiple,
-      newProps = _objectWithoutProperties(props, _excluded);
-
-  var component = multiple ? /*#__PURE__*/_react["default"].createElement(_multiple["default"], newProps) : /*#__PURE__*/_react["default"].createElement(_simple["default"], newProps);
-
-  if (gridLayout !== undefined) {
-    return /*#__PURE__*/_react["default"].createElement(_gridlayout["default"], {
-      customClass: "-withinput",
-      cols: gridLayout
-    }, component);
-  }
-
-  return component;
+  return props.multiple ? /*#__PURE__*/_react["default"].createElement(_multiple["default"], props) : /*#__PURE__*/_react["default"].createElement(_simple["default"], props);
 };
 
 SelectField.propTypes = {
-  multiple: _propTypes["default"].bool,
-  gridLayout: _propTypes["default"].string
+  multiple: _propTypes["default"].bool
 };
 SelectField.defaultProps = {
-  multiple: false,
-  gridLayout: undefined
+  multiple: false
 };
 var _default = SelectField;
 exports["default"] = _default;

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

@@ -84,7 +84,6 @@ var MultipleSelect = /*#__PURE__*/function (_Component) {
     _this.componentId = "select-component".concat(_uuid["default"].v1());
     _this.componentRef = /*#__PURE__*/_react["default"].createRef();
     _this.state = {
-      valueFromProps: null,
       dataCombo: props.dataSource,
       currents: [],
       selected: null,
@@ -386,19 +385,18 @@ Object.defineProperty(MultipleSelect, "getDerivedStateFromProps", {
         value = props.value,
         idKey = props.idKey;
 
-    if (value !== state.valueFromProps && dataSource.length > 0) {
-      return {
-        valueFromProps: value,
-        currents: dataSource.filter(function (item) {
-          return value.includes(item[idKey]);
-        })
-      };
-    } else if (dataSource !== state.dataCombo) {
+    if (dataSource !== state.dataCombo) {
       var dataCombo = remoteSearch ? dataSource : (0, _helper.getFilteredMultipleDataCombo)(_extends({}, props, state));
       return {
         dataCombo: dataCombo,
         selected: dataSource.length > 0 && remoteSearch ? dataSource[0] : null
       };
+    } else if (value !== null && dataSource.length > 0) {
+      return {
+        currents: dataSource.filter(function (item) {
+          return value.includes(item[idKey]);
+        })
+      };
     }
 
     return null;