linear-react-components-ui 1.0.10-beta.13 → 1.0.10-beta.15

package/lib/inputs/mask/types.d.ts

@@ -5,7 +5,7 @@ import { CustomInputEvent } from '../base/types.js';
 import '../../@types/Period.js';
 
 interface IBaseMaskProps {
-    value?: string;
+    value?: number | string;
     onBlur?: (e: CustomInputEvent) => void;
     onKeyDown?: (e: CustomInputEvent | KeyboardEvent<Element>) => void;
     defaultValue?: string;

package/lib/inputs/multiSelect/ActionButtons.js

@@ -1,32 +1,24 @@
 "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 _buttons = _interopRequireDefault(require("../../buttons"));
-
 var _list = _interopRequireWildcard(require("../../list"));
-
 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; }
-
 var ActionButtons = function ActionButtons(_ref) {
   var disabled = _ref.disabled,
-      dropdownOpened = _ref.dropdownOpened,
-      handleOpenClose = _ref.handleOpenClose,
-      handleCheckAll = _ref.handleCheckAll,
-      handleUncheckAll = _ref.handleUncheckAll,
-      _ref$dropdownAlignBut = _ref.dropdownAlignButton,
-      dropdownAlignButton = _ref$dropdownAlignBut === void 0 ? 'left' : _ref$dropdownAlignBut;
+    dropdownOpened = _ref.dropdownOpened,
+    handleOpenClose = _ref.handleOpenClose,
+    handleCheckAll = _ref.handleCheckAll,
+    handleUncheckAll = _ref.handleUncheckAll,
+    _ref$dropdownAlignBut = _ref.dropdownAlignButton,
+    dropdownAlignButton = _ref$dropdownAlignBut === void 0 ? 'left' : _ref$dropdownAlignBut;
   return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement(_buttons.default, {
     disabled: disabled,
     size: "small",
@@ -54,6 +46,5 @@ var ActionButtons = function ActionButtons(_ref) {
     onClick: handleUncheckAll
   }))));
 };
-
 var _default = ActionButtons;
 exports.default = _default;

package/lib/inputs/multiSelect/Dropdown.js

@@ -1,41 +1,25 @@
 "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 _icons = _interopRequireDefault(require("../../icons"));
-
 var _avatar = _interopRequireDefault(require("../../avatar"));
-
+var _icons = _interopRequireDefault(require("../../icons"));
 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 = 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 _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 returnDropdownDynamicStyles = function returnDropdownDynamicStyles(selectFieldRef, dropdownMaxHeight) {
   var _selectFieldRef$curre, _selectFieldRef$curre2, _selectFieldRef$curre3;
-
   var selectFieldRects = selectFieldRef === null || selectFieldRef === void 0 ? void 0 : (_selectFieldRef$curre = selectFieldRef.current) === null || _selectFieldRef$curre === void 0 ? void 0 : _selectFieldRef$curre.getBoundingClientRect();
   var bottom = selectFieldRects !== null && selectFieldRects !== void 0 && selectFieldRects.bottom ? selectFieldRects === null || selectFieldRects === void 0 ? void 0 : selectFieldRects.bottom : 0;
   var offsetTop = selectFieldRef !== null && selectFieldRef !== void 0 && (_selectFieldRef$curre2 = selectFieldRef.current) !== null && _selectFieldRef$curre2 !== void 0 && _selectFieldRef$curre2.offsetTop ? selectFieldRef === null || selectFieldRef === void 0 ? void 0 : (_selectFieldRef$curre3 = selectFieldRef.current) === null || _selectFieldRef$curre3 === void 0 ? void 0 : _selectFieldRef$curre3.offsetTop : 0;
@@ -43,7 +27,6 @@ var returnDropdownDynamicStyles = function returnDropdownDynamicStyles(selectFie
   var maxDropdownBottomDistance = 200;
   var height = dropdownMaxHeight;
   var dropdownPosition;
-
   if (!height || height <= 0) {
     if (dropdownBottomDistance < maxDropdownBottomDistance) {
       height = selectFieldRects !== null && selectFieldRects !== void 0 && selectFieldRects.top ? selectFieldRects.top : 0;
@@ -53,43 +36,38 @@ var returnDropdownDynamicStyles = function returnDropdownDynamicStyles(selectFie
     }
   } else {
     maxDropdownBottomDistance = height;
-
     if (dropdownBottomDistance < maxDropdownBottomDistance) {
       dropdownPosition = window.innerHeight - offsetTop + 10;
     }
   }
-
   return {
     maxHeight: "".concat(height - 30, "px"),
     bottom: "".concat(dropdownPosition, "px")
   };
 };
-
 var Dropdown = function Dropdown(props) {
   var _props$imageAlign = props.imageAlign,
-      imageAlign = _props$imageAlign === void 0 ? 'left' : _props$imageAlign,
-      descriptionKey = props.descriptionKey,
-      idKey = props.idKey,
-      dropdownMaxHeight = props.dropdownMaxHeight,
-      selectFieldRef = props.selectFieldRef,
-      isAllChecked = props.isAllChecked,
-      dropdownWidth = props.dropdownWidth,
-      inputValue = props.inputValue,
-      gridWrapperStyle = props.gridWrapperStyle,
-      _onFocus = props.onFocus,
-      onFilter = props.onFilter,
-      _onBlur = props.onBlur,
-      dataCombo = props.dataCombo,
-      opened = props.opened,
-      onUncheckAll = props.onUncheckAll,
-      onCheckAll = props.onCheckAll,
-      selecteds = props.selecteds,
-      onSelect = props.onSelect;
-
+    imageAlign = _props$imageAlign === void 0 ? 'left' : _props$imageAlign,
+    descriptionKey = props.descriptionKey,
+    idKey = props.idKey,
+    dropdownMaxHeight = props.dropdownMaxHeight,
+    selectFieldRef = props.selectFieldRef,
+    isAllChecked = props.isAllChecked,
+    dropdownWidth = props.dropdownWidth,
+    inputValue = props.inputValue,
+    gridWrapperStyle = props.gridWrapperStyle,
+    _onFocus = props.onFocus,
+    onFilter = props.onFilter,
+    _onBlur = props.onBlur,
+    dataCombo = props.dataCombo,
+    opened = props.opened,
+    onUncheckAll = props.onUncheckAll,
+    onCheckAll = props.onCheckAll,
+    selecteds = props.selecteds,
+    onSelect = props.onSelect;
   var _useState = (0, _react.useState)(returnDropdownDynamicStyles(selectFieldRef, dropdownMaxHeight || 0)),
-      _useState2 = _slicedToArray(_useState, 1),
-      dropdownDynamicStyles = _useState2[0];
-
+    _useState2 = _slicedToArray(_useState, 1),
+    dropdownDynamicStyles = _useState2[0];
   return /*#__PURE__*/_react.default.createElement("div", {
     className: "dropdown",
     style: _extends({
@@ -118,7 +96,7 @@ var Dropdown = function Dropdown(props) {
     viewBox: "0 0 32 32"
   })), /*#__PURE__*/_react.default.createElement("div", {
     className: "listcontainer"
-  }, dataCombo.length > 0 && /*#__PURE__*/_react.default.createElement("div", {
+  }, dataCombo && dataCombo.length > 0 && /*#__PURE__*/_react.default.createElement("div", {
     className: "item selectall"
   }, /*#__PURE__*/_react.default.createElement("span", {
     role: "button",
@@ -133,7 +111,7 @@ var Dropdown = function Dropdown(props) {
     customClass: "checkboxicon"
   }), /*#__PURE__*/_react.default.createElement("span", {
     className: "label"
-  }, inputValue !== '' ? 'Selecionar todos pesquisados' : 'Selecionar Todos'))), dataCombo.map(function (item) {
+  }, inputValue !== '' ? 'Selecionar todos pesquisados' : 'Selecionar Todos'))), dataCombo === null || dataCombo === void 0 ? void 0 : dataCombo.map(function (item) {
     var isChecked = selecteds ? selecteds.find(function (selected) {
       return selected[idKey] === item[idKey];
     }) : undefined;
@@ -168,6 +146,5 @@ var Dropdown = function Dropdown(props) {
     }, typeof descriptionKey === 'string' ? item[descriptionKey] : descriptionKey(item))));
   })));
 };
-
 var _default = Dropdown;
 exports.default = _default;

package/lib/inputs/multiSelect/helper.js

@@ -4,21 +4,17 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var getFilteredDataCombo = function getFilteredDataCombo(_ref) {
   var dataSource = _ref.dataSource,
-      descriptionKey = _ref.descriptionKey,
-      inputText = _ref.inputText;
+    descriptionKey = _ref.descriptionKey,
+    inputText = _ref.inputText;
   return dataSource.filter(function (item) {
     var _descriptionKey;
-
     if (typeof descriptionKey === 'string') {
       return item[descriptionKey].toLowerCase().indexOf(inputText.toLowerCase()) > -1;
     }
-
     return ((_descriptionKey = descriptionKey(item)) === null || _descriptionKey === void 0 ? void 0 : _descriptionKey.toLowerCase().indexOf(inputText.toLowerCase())) > -1;
   });
 };
-
 var _default = getFilteredDataCombo;
 exports.default = _default;

package/lib/inputs/multiSelect/index.js

@@ -1,132 +1,94 @@
 "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 _react = _interopRequireWildcard(require("react"));
 var _uuid = _interopRequireDefault(require("uuid"));
-
-var _Dropdown = _interopRequireDefault(require("./Dropdown"));
-
 var _InputTextBase = _interopRequireDefault(require("../base/InputTextBase"));
-
-var _helper = _interopRequireDefault(require("./helper"));
-
 var _ActionButtons = _interopRequireDefault(require("./ActionButtons"));
-
+var _Dropdown = _interopRequireDefault(require("./Dropdown"));
+var _helper = _interopRequireDefault(require("./helper"));
 require("../../assets/styles/multiSelect.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 _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 _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
-
 function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-
 function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
-
 function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
-
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-
-function _iterableToArrayLimit(arr, i) { var _i = 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 _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 MultiSelectField = function MultiSelectField(props) {
   var onSelect = props.onSelect,
-      idKey = props.idKey,
-      _props$disabled = props.disabled,
-      disabled = _props$disabled === void 0 ? false : _props$disabled,
-      dataSource = props.dataSource,
-      descriptionKey = props.descriptionKey,
-      value = props.value,
-      onBlur = props.onBlur,
-      gridLayout = props.gridLayout,
-      _props$dropdownAlignB = props.dropdownAlignButton,
-      dropdownAlignButton = _props$dropdownAlignB === void 0 ? 'left' : _props$dropdownAlignB;
+    idKey = props.idKey,
+    _props$disabled = props.disabled,
+    disabled = _props$disabled === void 0 ? false : _props$disabled,
+    dataSource = props.dataSource,
+    descriptionKey = props.descriptionKey,
+    value = props.value,
+    onBlur = props.onBlur,
+    gridLayout = props.gridLayout,
+    _props$dropdownAlignB = props.dropdownAlignButton,
+    dropdownAlignButton = _props$dropdownAlignB === void 0 ? 'left' : _props$dropdownAlignB;
   var componentId = "multiSelect-component".concat(_uuid.default.v1());
-
   var _useState = (0, _react.useState)(dataSource),
-      _useState2 = _slicedToArray(_useState, 2),
-      dataCombo = _useState2[0],
-      setDataCombo = _useState2[1];
-
+    _useState2 = _slicedToArray(_useState, 2),
+    dataCombo = _useState2[0],
+    setDataCombo = _useState2[1];
   var _useState3 = (0, _react.useState)(),
-      _useState4 = _slicedToArray(_useState3, 2),
-      selecteds = _useState4[0],
-      setSelecteds = _useState4[1];
-
+    _useState4 = _slicedToArray(_useState3, 2),
+    selecteds = _useState4[0],
+    setSelecteds = _useState4[1];
   var _useState5 = (0, _react.useState)(''),
-      _useState6 = _slicedToArray(_useState5, 2),
-      inputValue = _useState6[0],
-      setInputValue = _useState6[1];
-
+    _useState6 = _slicedToArray(_useState5, 2),
+    inputValue = _useState6[0],
+    setInputValue = _useState6[1];
   var _useState7 = (0, _react.useState)('Nenhum selecionado'),
-      _useState8 = _slicedToArray(_useState7, 2),
-      label = _useState8[0],
-      setLabel = _useState8[1];
-
+    _useState8 = _slicedToArray(_useState7, 2),
+    label = _useState8[0],
+    setLabel = _useState8[1];
   var _useState9 = (0, _react.useState)(0),
-      _useState10 = _slicedToArray(_useState9, 2),
-      dropdownWidth = _useState10[0],
-      setDropdownWidth = _useState10[1];
-
+    _useState10 = _slicedToArray(_useState9, 2),
+    dropdownWidth = _useState10[0],
+    setDropdownWidth = _useState10[1];
   var _useState11 = (0, _react.useState)(false),
-      _useState12 = _slicedToArray(_useState11, 2),
-      isAllChecked = _useState12[0],
-      setIsAllChecked = _useState12[1];
-
+    _useState12 = _slicedToArray(_useState11, 2),
+    isAllChecked = _useState12[0],
+    setIsAllChecked = _useState12[1];
   var _useState13 = (0, _react.useState)(false),
-      _useState14 = _slicedToArray(_useState13, 2),
-      opened = _useState14[0],
-      setOpened = _useState14[1];
-
+    _useState14 = _slicedToArray(_useState13, 2),
+    opened = _useState14[0],
+    setOpened = _useState14[1];
   var _useState15 = (0, _react.useState)(),
-      _useState16 = _slicedToArray(_useState15, 2),
-      onDenied = _useState16[0],
-      setOnDenied = _useState16[1];
-
+    _useState16 = _slicedToArray(_useState15, 2),
+    onDenied = _useState16[0],
+    setOnDenied = _useState16[1];
   var _useState17 = (0, _react.useState)(false),
-      _useState18 = _slicedToArray(_useState17, 2),
-      insideComponent = _useState18[0],
-      setInsideComponent = _useState18[1];
-
+    _useState18 = _slicedToArray(_useState17, 2),
+    insideComponent = _useState18[0],
+    setInsideComponent = _useState18[1];
   var _useState19 = (0, _react.useState)(),
-      _useState20 = _slicedToArray(_useState19, 2),
-      elementStyles = _useState20[0],
-      setElementStyles = _useState20[1];
-
+    _useState20 = _slicedToArray(_useState19, 2),
+    elementStyles = _useState20[0],
+    setElementStyles = _useState20[1];
   var componentRef = (0, _react.useRef)(null);
   var selectWrapper = (0, _react.useRef)();
-
   var handleOnSelect = function handleOnSelect(itemSelected) {
     if (itemSelected === null) return;
     var newSelecteds = selecteds;
-
     if (newSelecteds) {
       var hasSelected = newSelecteds.find(function (selected) {
         return selected[idKey] === itemSelected[idKey];
       });
-
       if (hasSelected) {
         newSelecteds = newSelecteds.filter(function (item) {
           return item[idKey] !== itemSelected[idKey];
@@ -134,102 +96,81 @@ var MultiSelectField = function MultiSelectField(props) {
       } else {
         newSelecteds = [].concat(_toConsumableArray(newSelecteds), [itemSelected]);
       }
-
       if (onSelect) onSelect(newSelecteds.map(function (item) {
         return item[idKey];
       }));
     }
-
     setSelecteds(newSelecteds);
   };
-
   var _onFocus = function onFocus() {
     var newDropdownWidth = dropdownWidth;
     newDropdownWidth = selectWrapper.current ? selectWrapper.current.clientWidth : dropdownWidth;
     setOpened(true);
     setDropdownWidth(newDropdownWidth);
   };
-
   var onMouseMove = function onMouseMove(event) {
     var target = event.target;
     if ((target === null || target === void 0 ? void 0 : target.className) === '') return;
     var newInsideComponent = ['item', 'menubutton', 'filterinput', 'filtercontainer', 'label'].includes(target === null || target === void 0 ? void 0 : target.className);
     setInsideComponent(newInsideComponent);
   };
-
   var onBlurComponent = function onBlurComponent(e) {
     if (onBlur) onBlur(e);
-
     if (!insideComponent) {
       setOpened(false);
       setInputValue('');
       setDataCombo(dataSource);
     }
   };
-
   var handleOnFilter = function handleOnFilter(currentValue) {
     var newDataCombo = dataSource;
-
-    if (currentValue !== '') {
+    if (currentValue !== '' && dataSource) {
       newDataCombo = (0, _helper.default)({
         dataSource: dataSource,
         descriptionKey: descriptionKey,
         inputText: currentValue
       });
     }
-
     setDataCombo(newDataCombo);
     setInputValue(currentValue);
   };
-
   var onOpenClose = function onOpenClose() {
     setOpened(!opened);
     if (selectWrapper.current) setDropdownWidth(selectWrapper.current.clientWidth);
   };
-
   var onCheckAll = function onCheckAll() {
     var fromFilter = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
     var currentData = fromFilter ? dataCombo : dataSource;
-    if (onSelect) onSelect(currentData.map(function (i) {
+    if (onSelect && currentData) onSelect(currentData.map(function (i) {
       return i[idKey];
     }));
     setSelecteds(currentData);
   };
-
   var onUncheckAll = function onUncheckAll() {
     if (onSelect) onSelect();
     setSelecteds([]);
   };
-
   var onScreenResize = function onScreenResize() {
     if (selectWrapper.current) setDropdownWidth(selectWrapper.current.clientWidth);
   };
-
   var onClickOutSide = function onClickOutSide(event) {
     var _componentRef$current;
-
     var target = event.target;
-
     if (target !== componentRef.current && !((_componentRef$current = componentRef.current) !== null && _componentRef$current !== void 0 && _componentRef$current.contains(target))) {
       setOpened(false);
       setDataCombo(dataSource);
       setInputValue('');
     }
   };
-
   var setOnDeniedValue = function setOnDeniedValue(onDeniedValue) {
     setOnDenied(onDeniedValue);
   };
-
   var shouldDisabled = function shouldDisabled() {
     return !!(disabled || onDenied && (onDenied.disabled || onDenied.hideContent));
   };
-
   var getLabel = function getLabel() {
     var checkIsAll = _lodash.default.isEqual(selecteds, dataSource);
-
     var newLabel = label;
-
     if (checkIsAll) {
       newLabel = 'Todos';
     } else if (selecteds && selecteds.length > 1) {
@@ -239,16 +180,13 @@ var MultiSelectField = function MultiSelectField(props) {
     } else {
       newLabel = 'Nenhum selecionado';
     }
-
     setLabel(newLabel);
   };
-
   (0, _react.useEffect)(function () {
     if (gridLayout) {
       var currentGridEl = document.querySelector("#".concat(componentId, ">.-withinput.grid-container"));
       if (currentGridEl) setElementStyles(window.getComputedStyle(currentGridEl));
     }
-
     window.addEventListener('resize', onScreenResize);
     document.addEventListener('click', onClickOutSide);
     document.addEventListener('mousemove', onMouseMove);
@@ -259,16 +197,17 @@ var MultiSelectField = function MultiSelectField(props) {
     };
   }, []);
   (0, _react.useEffect)(function () {
-    if (dataSource.length > 0) {
+    if (dataSource && dataSource.length > 0) {
       var newSelecteds = dataSource.filter(function (item) {
         return value === null || value === void 0 ? void 0 : value.includes(item[idKey]);
       });
       setSelecteds(newSelecteds);
     }
-  }, [value === null || value === void 0 ? void 0 : value.length, dataSource.length]);
+  }, [value === null || value === void 0 ? void 0 : value.length, dataSource === null || dataSource === void 0 ? void 0 : dataSource.length]);
   (0, _react.useEffect)(function () {
-    if (!_lodash.default.isEqual(dataSource, dataCombo)) {
+    if (dataSource && dataCombo && !_lodash.default.isEqual(dataSource, dataCombo)) {
       var newDataCombo = (0, _helper.default)(_extends({}, props, {
+        dataSource: dataSource || undefined,
         inputText: inputValue
       }));
       setDataCombo(newDataCombo);
@@ -276,7 +215,6 @@ var MultiSelectField = function MultiSelectField(props) {
   }, [dataSource]);
   (0, _react.useEffect)(function () {
     var checkAll = _lodash.default.isEqual(dataCombo, selecteds);
-
     setIsAllChecked(checkAll);
     getLabel();
   }, [selecteds, dataCombo]);
@@ -325,6 +263,5 @@ var MultiSelectField = function MultiSelectField(props) {
     gridWrapperStyle: elementStyles
   })));
 };
-
 var _default = MultiSelectField;
 exports.default = _default;

package/lib/inputs/multiSelect/types.d.ts

@@ -5,7 +5,7 @@ import '../../@types/Align.js';
 import '../../@types/Period.js';
 import '../../@types/PermissionAttr.js';
 
-declare type DescriptionKey = string | ((dataSelected: DataCombo) => string);
+type DescriptionKey = string | ((dataSelected: DataCombo) => string);
 interface GetFilteredParams {
     dataSource: DataCombo[];
     descriptionKey: DescriptionKey;
@@ -20,7 +20,7 @@ interface IActionButtonsProps {
     dropdownAlignButton?: 'left' | 'right';
 }
 interface IDropdownMultiSelectProps {
-    dataCombo: DataCombo[];
+    dataCombo?: DataCombo[];
     idKey: string;
     descriptionKey: DescriptionKey;
     inputValue: string;
@@ -44,15 +44,16 @@ interface IDropdownMultiSelectProps {
     dropdownMaxHeight?: number;
 }
 interface IMultiSelectProps {
-    dataSource: DataCombo[];
+    dataSource?: DataCombo[];
     idKey: string;
     descriptionKey: DescriptionKey;
     value?: any[];
     gridLayout?: string;
-    onSelect: (data?: string[]) => void;
+    onSelect?: (data?: string[]) => void;
     onBlur?: (e: CustomInputEvent) => void;
     disabled?: boolean;
     dropdownAlignButton?: 'left' | 'right';
+    label?: string;
 }
 
 export { DescriptionKey, GetFilteredParams, IActionButtonsProps, IDropdownMultiSelectProps, IMultiSelectProps };