linear-react-components-ui 1.0.10-beta.4 → 1.0.10-beta.6

package/lib/inputs/multiSelect/ActionButtons.js

@@ -1,22 +1,32 @@
 "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;
+      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",
@@ -32,6 +42,7 @@ var ActionButtons = function ActionButtons(_ref) {
     boxShadow: false,
     customClass: "actionbutton",
     dropdown: true,
+    dropdownAlign: dropdownAlignButton,
     showIconDropdown: false
   }, /*#__PURE__*/_react.default.createElement(_list.default, null, /*#__PURE__*/_react.default.createElement(_list.ListItem, {
     itemId: "1",
@@ -43,5 +54,6 @@ var ActionButtons = function ActionButtons(_ref) {
     onClick: handleUncheckAll
   }))));
 };
+
 var _default = ActionButtons;
 exports.default = _default;

package/lib/inputs/multiSelect/Dropdown.js

@@ -1,25 +1,41 @@
 "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"));
+
 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 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;
@@ -27,6 +43,7 @@ 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;
@@ -36,38 +53,43 @@ 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({
@@ -143,8 +165,9 @@ var Dropdown = function Dropdown(props) {
       }
     }), /*#__PURE__*/_react.default.createElement("span", {
       className: "label"
-    }, item[descriptionKey])));
+    }, typeof descriptionKey === 'string' ? item[descriptionKey] : descriptionKey(item))));
   })));
 };
+
 var _default = Dropdown;
 exports.default = _default;

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

@@ -1,9 +1,11 @@
-import { DataCombo } from '../../@types/DataCombo.js';
+import { GetFilteredParams } from './types.js';
+import 'react';
+import '../../@types/DataCombo.js';
+import '../base/types.js';
+import '../../@types/Align.js';
+import '../../@types/Period.js';
+import '../../@types/PermissionAttr.js';
 
-declare const getFilteredDataCombo: ({ dataSource, descriptionKey, inputText, }: {
-    dataSource: DataCombo[];
-    descriptionKey: string;
-    inputText: string;
-}) => any[];
+declare const getFilteredDataCombo: ({ dataSource, descriptionKey, inputText, }: GetFilteredParams) => any[];
 
 export { getFilteredDataCombo as default };

package/lib/inputs/multiSelect/helper.js

@@ -4,13 +4,21 @@ 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) {
-    return item[descriptionKey].toLowerCase().indexOf(inputText.toLowerCase()) > -1;
+    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,92 +1,132 @@
 "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 _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"));
+
 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 _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 = 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 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;
+      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];
@@ -94,34 +134,42 @@ 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 !== '') {
       newDataCombo = (0, _helper.default)({
         dataSource: dataSource,
@@ -129,13 +177,16 @@ var MultiSelectField = function MultiSelectField(props) {
         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;
@@ -144,47 +195,60 @@ var MultiSelectField = function MultiSelectField(props) {
     }));
     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) {
       newLabel = 'Múltiplos';
     } else if (selecteds && selecteds.length === 1) {
-      newLabel = selecteds[0][descriptionKey];
+      newLabel = typeof descriptionKey === 'string' ? selecteds[0][descriptionKey] : descriptionKey(selecteds[0]);
     } 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);
@@ -212,6 +276,7 @@ var MultiSelectField = function MultiSelectField(props) {
   }, [dataSource]);
   (0, _react.useEffect)(function () {
     var checkAll = _lodash.default.isEqual(dataCombo, selecteds);
+
     setIsAllChecked(checkAll);
     getLabel();
   }, [selecteds, dataCombo]);
@@ -234,6 +299,7 @@ var MultiSelectField = function MultiSelectField(props) {
     },
     handlerSetOnDenied: setOnDeniedValue,
     rightElements: /*#__PURE__*/_react.default.createElement(_ActionButtons.default, {
+      dropdownAlignButton: dropdownAlignButton,
       disabled: shouldDisabled(),
       dropdownOpened: opened,
       handleOpenClose: function handleOpenClose() {
@@ -259,5 +325,6 @@ var MultiSelectField = function MultiSelectField(props) {
     gridWrapperStyle: elementStyles
   })));
 };
+
 var _default = MultiSelectField;
 exports.default = _default;

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

@@ -5,17 +5,24 @@ import '../../@types/Align.js';
 import '../../@types/Period.js';
 import '../../@types/PermissionAttr.js';
 
+declare type DescriptionKey = string | ((dataSelected: DataCombo) => string);
+interface GetFilteredParams {
+    dataSource: DataCombo[];
+    descriptionKey: DescriptionKey;
+    inputText: string;
+}
 interface IActionButtonsProps {
     handleOpenClose: () => void;
     handleCheckAll: () => void;
     handleUncheckAll: () => void;
     disabled: boolean;
     dropdownOpened?: boolean;
+    dropdownAlignButton?: 'left' | 'right';
 }
 interface IDropdownMultiSelectProps {
     dataCombo: DataCombo[];
     idKey: string;
-    descriptionKey: string;
+    descriptionKey: DescriptionKey;
     inputValue: string;
     isAllChecked: boolean;
     dropdownWidth: number;
@@ -39,12 +46,13 @@ interface IDropdownMultiSelectProps {
 interface IMultiSelectProps {
     dataSource: DataCombo[];
     idKey: string;
-    descriptionKey: string;
+    descriptionKey: DescriptionKey;
     value?: any[];
     gridLayout?: string;
     onSelect: (data?: string[]) => void;
     onBlur?: (e: CustomInputEvent) => void;
     disabled?: boolean;
+    dropdownAlignButton?: 'left' | 'right';
 }
 
-export { IActionButtonsProps, IDropdownMultiSelectProps, IMultiSelectProps };
+export { DescriptionKey, GetFilteredParams, IActionButtonsProps, IDropdownMultiSelectProps, IMultiSelectProps };

package/lib/inputs/number/BaseNumber.js

@@ -4,11 +4,17 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+
 var _react = _interopRequireDefault(require("react"));
+
 var _BaseMask = _interopRequireDefault(require("../mask/BaseMask"));
+
 var _format_number = require("./format_number");
+
 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); }
+
 var returnEventFormattedValue = function returnEventFormattedValue(props, event) {
   if (props.returnFormattedValueOnBlur || props.returnFormattedValueOnKeyDown) {
     // Retornando um objeto com a mesma estrutura do Proxy original
@@ -16,21 +22,25 @@ var returnEventFormattedValue = function returnEventFormattedValue(props, event)
     // O retorno poderá ser modificado conforme necessidade, desde que seja
     // mantido o path até a propriedade value e name.
     var _event$target = event.target,
-      value = _event$target.value,
-      name = _event$target.name;
+        value = _event$target.value,
+        name = _event$target.name;
+
     var teste = _extends({}, event, {
       target: {
         value: (0, _format_number.numberToEnUS)(value),
         name: name
       }
     });
+
     return teste;
   }
+
   return event;
 };
+
 var getEventProps = function getEventProps(props) {
   var returnFormattedValueOnBlur = props.returnFormattedValueOnBlur,
-    returnFormattedValueOnKeyDown = props.returnFormattedValueOnKeyDown;
+      returnFormattedValueOnKeyDown = props.returnFormattedValueOnKeyDown;
   if (props.isNumeric) return {};
   return {
     onBlur: function onBlur(e) {
@@ -47,11 +57,13 @@ var getEventProps = function getEventProps(props) {
     }
   };
 };
+
 var BaseNumber = function BaseNumber(props) {
   var eventProps = _extends({}, props, {
     returnFormattedValueOnBlur: true,
     returnFormattedValueOnKeyDown: true
   });
+
   return /*#__PURE__*/_react.default.createElement(_BaseMask.default, _extends({
     value: (0, _format_number.numberToPtBR)(props.value),
     thousandsSeparator: ".",
@@ -60,5 +72,6 @@ var BaseNumber = function BaseNumber(props) {
     isNumeric: true
   }, props, getEventProps(eventProps)));
 };
+
 var _default = BaseNumber;
 exports.default = _default;