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

package/lib/dialog/Warning.d.ts

@@ -1,6 +1,8 @@
 import { ICommonDialogProps } from './types.js';
 import 'react';
 import '../@types/Align.js';
+import '../@types/Icon.js';
+import '../icons/helper.js';
 
 declare const Warning: (props: ICommonDialogProps) => JSX.Element;
 

package/lib/dialog/base/Content.d.ts

@@ -1,6 +1,8 @@
 import { IContentProps } from '../types.js';
 import 'react';
 import '../../@types/Align.js';
+import '../../@types/Icon.js';
+import '../../icons/helper.js';
 
 declare const Content: ({ children, styleForContent }: IContentProps) => JSX.Element;
 

package/lib/dialog/base/Footer.d.ts

@@ -1,6 +1,8 @@
 import { IFooterProps } from '../types.js';
 import 'react';
 import '../../@types/Align.js';
+import '../../@types/Icon.js';
+import '../../icons/helper.js';
 
 declare const Footer: (props: IFooterProps) => JSX.Element;
 

package/lib/dialog/base/Header.d.ts

@@ -1,6 +1,8 @@
 import { IHeaderProps } from '../types.js';
 import 'react';
 import '../../@types/Align.js';
+import '../../@types/Icon.js';
+import '../../icons/helper.js';
 
 declare const Header: ({ showCloseButton, handlerClose, title, icon, titleIcon, }: IHeaderProps) => JSX.Element;
 

package/lib/dialog/base/index.d.ts

@@ -1,6 +1,8 @@
 import React__default from 'react';
 import { IBaseProps } from '../types.js';
 import '../../@types/Align.js';
+import '../../@types/Icon.js';
+import '../../icons/helper.js';
 
 declare const BaseDialog: (props: IBaseProps) => React__default.ReactPortal;
 

package/lib/dialog/base/index.js

@@ -43,6 +43,7 @@ var BaseDialog = function BaseDialog(props) {
     overlayEl.current = document.createElement('div');
     overlayEl.current.className = 'modal-overlay';
     overlayEl.current.dataset.testid = 'modal-overlay';
+    overlayEl.current.style.zIndex = "".concat(99998 + document.body.getElementsByClassName('modal-overlay').length);
     body.appendChild(overlayEl.current);
   }
 
@@ -63,8 +64,9 @@ var BaseDialog = function BaseDialog(props) {
   };
 
   var setModalContainer = function setModalContainer() {
+    var zIndexDynamicModalContainers = "".concat(99999 + document.body.getElementsByClassName('modalcontainer').length);
     modalContainerEl.current.className = 'modalcontainer';
-    if (zIndex) modalContainerEl.current.style.zIndex = zIndex;
+    modalContainerEl.current.style.zIndex = zIndex || zIndexDynamicModalContainers;
     body.appendChild(modalContainerEl.current);
     modalContainerEl.current.appendChild(dialogEl.current);
   };
@@ -75,7 +77,8 @@ var BaseDialog = function BaseDialog(props) {
   };
 
   var removeOverlay = function removeOverlay() {
-    var modalOverlay = document.getElementsByClassName('modal-overlay')[0];
+    var countModalOverlays = document.body.getElementsByClassName('modal-overlay').length;
+    var modalOverlay = document.getElementsByClassName('modal-overlay')[countModalOverlays - 1];
     body.removeChild(modalOverlay);
   };
 

package/lib/dialog/form/index.d.ts

@@ -1,6 +1,8 @@
 import { IFormProps } from '../types.js';
 import 'react';
 import '../../@types/Align.js';
+import '../../@types/Icon.js';
+import '../../icons/helper.js';
 
 declare const _default: (props: IFormProps) => JSX.Element;
 

package/lib/dialog/index.d.ts

@@ -9,3 +9,5 @@ export { default as DialogCustom } from './Custom.js';
 import 'react';
 import './types.js';
 import '../@types/Align.js';
+import '../@types/Icon.js';
+import '../icons/helper.js';

package/lib/dialog/types.d.ts

@@ -1,5 +1,7 @@
 import { ReactNode, CSSProperties, ReactElement } from 'react';
 import { TextAlign } from '../@types/Align.js';
+import { IconNames } from '../@types/Icon.js';
+import '../icons/helper.js';
 
 interface IContentProps {
     children: ReactNode | ReactNode[];
@@ -13,7 +15,7 @@ interface IHeaderProps {
     showCloseButton?: boolean;
     title?: string;
     icon?: JSX.Element;
-    titleIcon?: string;
+    titleIcon?: IconNames;
 }
 interface IBaseProps {
     wrapperClassName: string;
@@ -64,7 +66,7 @@ interface ICustomProps {
     text?: string;
     height?: string;
     width?: string;
-    iconName?: string;
+    iconName?: IconNames | null;
 }
 
 export { IBaseProps, ICommonDialogProps, IContentProps, ICustomProps, IFooterProps, IFormProps, IHeaderProps, IQuestionProps };

package/lib/drawer/Content.d.ts

@@ -2,6 +2,8 @@ import { IDrawerProps } from './types.js';
 import 'react';
 import '../@types/PermissionAttr.js';
 import '../@types/Position.js';
+import '../@types/Icon.js';
+import '../icons/helper.js';
 
 declare const Content: ({ children, style }: IDrawerProps) => JSX.Element;
 

package/lib/drawer/Drawer.d.ts

@@ -2,7 +2,9 @@ import React__default from 'react';
 import { IDrawerProps } from './types.js';
 import '../@types/PermissionAttr.js';
 import '../@types/Position.js';
+import '../@types/Icon.js';
+import '../icons/helper.js';
 
-declare const BaseDrawer: ({ position, customClass, children, style, customClassForContent, targetId, closeOnEsc, overlay, permissionAttr, skeletonize, handlerClose, customClassForDrawer, content, title, ...rest }: IDrawerProps) => React__default.ReactPortal;
+declare const BaseDrawer: ({ position, customClass, children, style, customClassForContent, targetId, closeOnEsc, overlay, permissionAttr, skeletonize, handlerClose, customClassForDrawer, content, title, isWaiting, ...rest }: IDrawerProps) => React__default.ReactPortal;
 
 export { BaseDrawer as default };

package/lib/drawer/Drawer.js

@@ -17,7 +17,9 @@ var _permissionValidations = require("../permissionValidations");
 
 var _ = require(".");
 
-var _excluded = ["position", "customClass", "children", "style", "customClassForContent", "targetId", "closeOnEsc", "overlay", "permissionAttr", "skeletonize", "handlerClose", "customClassForDrawer", "content", "title"];
+var _spinner = _interopRequireDefault(require("../spinner"));
+
+var _excluded = ["position", "customClass", "children", "style", "customClassForContent", "targetId", "closeOnEsc", "overlay", "permissionAttr", "skeletonize", "handlerClose", "customClassForDrawer", "content", "title", "isWaiting"];
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
@@ -62,6 +64,8 @@ var BaseDrawer = function BaseDrawer(_ref) {
       customClassForDrawer = _ref$customClassForDr === void 0 ? '' : _ref$customClassForDr,
       content = _ref.content,
       title = _ref.title,
+      _ref$isWaiting = _ref.isWaiting,
+      isWaiting = _ref$isWaiting === void 0 ? false : _ref$isWaiting,
       rest = _objectWithoutProperties(_ref, _excluded);
 
   var headerProps = _extends({}, rest, {
@@ -77,6 +81,24 @@ var BaseDrawer = function BaseDrawer(_ref) {
       _useState2 = _slicedToArray(_useState, 1),
       onDenied = _useState2[0];
 
+  var overlayStyle = isWaiting ? {
+    opacity: 0.4,
+    pointerEvent: 'none',
+    placeContent: 'center'
+  } : {};
+
+  var getSpinner = function getSpinner() {
+    if (!isWaiting) return null;
+    return /*#__PURE__*/_react.default.createElement("div", {
+      className: "waitingspinner"
+    }, /*#__PURE__*/_react.default.createElement(_spinner.default, {
+      style: {
+        width: 60
+      },
+      delayTime: 0
+    }));
+  };
+
   var setDrawerComponent = function setDrawerComponent(body, randonId) {
     var componentEl = document.createElement('div');
     componentEl.className = 'drawer-component';
@@ -149,11 +171,12 @@ var BaseDrawer = function BaseDrawer(_ref) {
       className: "".concat(position, " ").concat(customClass),
       style: style
     }, /*#__PURE__*/_react.default.createElement("div", {
+      style: overlayStyle,
       "data-testid": "drawercontent",
       className: "drawercontent ".concat(skeletonize ? '-skeletonized' : '', " ").concat(customClassForContent)
     }, title && /*#__PURE__*/_react.default.createElement(_.DrawerHeader, _extends({}, headerProps, {
       customClass: customClassForDrawer
-    })), content ? /*#__PURE__*/_react.default.createElement(_.DrawerContent, null, content) : children)));
+    })), content ? /*#__PURE__*/_react.default.createElement(_.DrawerContent, null, content) : children, getSpinner())));
   };
 
   return /*#__PURE__*/_reactDom.default.createPortal(drawerContent(), drawerContainerEl.current);

package/lib/drawer/Header.d.ts

@@ -2,6 +2,8 @@ import { IDrawerHeaderProps } from './types.js';
 import 'react';
 import '../@types/PermissionAttr.js';
 import '../@types/Position.js';
+import '../@types/Icon.js';
+import '../icons/helper.js';
 
 declare const Header: ({ showCloseButton, title, subTitle, icon, titleIcon, customClass, titleContent, subTitleContent, titleRightContent, }: IDrawerHeaderProps) => JSX.Element;
 

package/lib/drawer/helpers.d.ts

@@ -2,6 +2,8 @@ import React__default from 'react';
 import { IDrawerContext } from './types.js';
 import '../@types/PermissionAttr.js';
 import '../@types/Position.js';
+import '../@types/Icon.js';
+import '../icons/helper.js';
 
 declare const DrawerContext: React__default.Context<IDrawerContext>;
 

package/lib/drawer/index.d.ts

@@ -4,6 +4,8 @@ export { default as DrawerContent } from './Content.js';
 import 'react';
 import '../@types/PermissionAttr.js';
 import '../@types/Position.js';
+import '../@types/Icon.js';
+import '../icons/helper.js';
 
 declare const _default: (props: IDrawerProps) => JSX.Element;
 

package/lib/drawer/types.d.ts

@@ -1,6 +1,8 @@
 import React__default, { ReactNode, ReactElement } from 'react';
 import { PermissionAttr } from '../@types/PermissionAttr.js';
 import { Position } from '../@types/Position.js';
+import { IconNames } from '../@types/Icon.js';
+import '../icons/helper.js';
 
 interface IDrawerProps extends React__default.HTMLAttributes<HTMLDivElement> {
     overlay?: boolean;
@@ -17,6 +19,7 @@ interface IDrawerProps extends React__default.HTMLAttributes<HTMLDivElement> {
     closeOnOutsideClick?: boolean;
     content?: string;
     title?: string;
+    isWaiting?: boolean;
 }
 interface IDrawerHeaderProps extends React__default.HTMLAttributes<HTMLDivElement> {
     showCloseButton?: boolean;
@@ -27,7 +30,7 @@ interface IDrawerHeaderProps extends React__default.HTMLAttributes<HTMLDivElemen
     subTitle?: string;
     subTitleContent?: ReactElement;
     icon?: ReactElement;
-    titleIcon?: string;
+    titleIcon?: IconNames;
 }
 interface IDrawerContext {
     handlerClose?: () => void;

package/lib/dropdown/Popup.js

@@ -65,6 +65,13 @@ var DropdownPopup = function DropdownPopup(_ref2) {
     isFloatMenu: isFloatMenu,
     minWidth: minWidth
   });
+
+  if (popup && popup.current) {
+    var modalContainers = document.body.getElementsByClassName('modalcontainer');
+    var lastModalContainer = modalContainers[modalContainers.length - 1];
+    popup.current.style.zIndex = "".concat(modalContainers.length ? lastModalContainer.style.zIndex : 99999);
+  }
+
   (0, _react.useEffect)(function () {
     body.appendChild(popup.current);
     return function () {

package/lib/form/Field.js

@@ -36,8 +36,9 @@ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Sy
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
 var getEvents = function getEvents(_ref) {
-  var name = _ref.name,
-      validators = _ref.validators,
+  var _ref$validators = _ref.validators,
+      validators = _ref$validators === void 0 ? [] : _ref$validators,
+      name = _ref.name,
       _onBlur = _ref.onBlur,
       handlerFieldValidade = _ref.handlerFieldValidade,
       validatorFromComponent = _ref.validatorFromComponent,

package/lib/form/FieldNumber.d.ts

@@ -1,5 +1,5 @@
 import React__default from 'react';
-import { IFieldNumberProps } from './types.js';
+import { IFieldProps } from './types.js';
 import '../inputs/select/types.js';
 import '../@types/Align.js';
 import '../@types/DataCombo.js';
@@ -7,6 +7,6 @@ import '../@types/PermissionAttr.js';
 import '../inputs/base/types.js';
 import '../@types/Period.js';
 
-declare const _default: React__default.ForwardRefExoticComponent<IFieldNumberProps & React__default.RefAttributes<HTMLElement>>;
+declare const _default: React__default.ForwardRefExoticComponent<IFieldProps & React__default.RefAttributes<HTMLElement>>;
 
 export { _default as default };

package/lib/form/index.d.ts

@@ -1,6 +1,7 @@
 export { default as Field } from './Field.js';
 export { default as FieldNumber } from './FieldNumber.js';
 export { default as FieldArray } from './FieldArray.js';
+export { default as FieldPeriod } from './FieldPeriod.js';
 import { IFormProps } from './types.js';
 import 'react';
 import '../inputs/select/types.js';
@@ -10,6 +11,6 @@ import '../@types/PermissionAttr.js';
 import '../inputs/base/types.js';
 import '../@types/Period.js';
 
-declare const Form: ({ submitOnPressEnterKey, dataSource, securityBeforeUnload, handlerReset, handlerSubmit, handlerValidates, style, customClass, securityTitle, securityText, onDataChange, onValidateForm, externalFieldErrors, onSubmit, skeletonize, disabled, children, }: IFormProps) => JSX.Element;
+declare const Form: ({ submitOnPressEnterKey, dataSource, securityBeforeUnload, handlerReset, handlerSubmit, handlerValidates, style, customClass, securityTitle, securityText, securityData, onDataChange, onValidateForm, externalFieldErrors, onSubmit, skeletonize, disabled, children, }: IFormProps) => JSX.Element;
 
 export { Form as default };

package/lib/form/index.js

@@ -23,6 +23,12 @@ Object.defineProperty(exports, "FieldNumber", {
     return _FieldNumber.default;
   }
 });
+Object.defineProperty(exports, "FieldPeriod", {
+  enumerable: true,
+  get: function get() {
+    return _FieldPeriod.default;
+  }
+});
 exports.default = void 0;
 
 var _react = _interopRequireWildcard(require("react"));
@@ -37,6 +43,8 @@ var _FieldNumber = _interopRequireDefault(require("./FieldNumber"));
 
 var _FieldArray = _interopRequireDefault(require("./FieldArray"));
 
+var _FieldPeriod = _interopRequireDefault(require("./FieldPeriod"));
+
 require("../assets/styles/form.scss");
 
 var _dialog = require("../dialog");
@@ -85,6 +93,7 @@ var Form = function Form(_ref) {
       customClass = _ref.customClass,
       securityTitle = _ref.securityTitle,
       securityText = _ref.securityText,
+      securityData = _ref.securityData,
       onDataChange = _ref.onDataChange,
       onValidateForm = _ref.onValidateForm,
       externalFieldErrors = _ref.externalFieldErrors,
@@ -224,7 +233,7 @@ var Form = function Form(_ref) {
     if (!_lodash.default.isEmpty(context)) {
       var onChangedData = context.onChangedData;
 
-      if (!_lodash.default.isEqual(data, originalData)) {
+      if (securityData && !_lodash.default.isEqual(data, securityData)) {
         onChangedData(true);
       } else {
         onChangedData(false);

package/lib/form/types.d.ts

@@ -32,6 +32,7 @@ interface IFormProps {
     securityBeforeUnload?: boolean;
     securityTitle?: string;
     securityText?: string;
+    securityData?: object;
     externalFieldErrors?: object;
     skeletonize?: boolean;
     disabled?: boolean;
@@ -67,10 +68,6 @@ interface IFieldProps extends WithFieldProps {
     allOptions?: AllOptions;
     searchNotFoundText?: string;
 }
-interface IFieldNumberProps extends IFieldProps {
-    min?: number;
-    max?: number;
-}
 interface CustomEvent {
     target: {
         value: string[];
@@ -183,4 +180,4 @@ interface IGetErrorMessagesParams {
     externalMessagesErrors?: string[];
 }
 
-export { CustomEvent, CustomKeyboardEvent, FormContextProps, IEventParams, IFieldArrayProps, IFieldNumberProps, IFieldPeriodProps, IFieldProps, IFormProps, IFormSecurityContext, IGetErrorMessagesParams, IWithFieldContext, IWithFormSecurity, OnFielChangeEvent, PeriodChangeEvent, PeriodValidator, Validator, WithFieldProps };
+export { CustomEvent, CustomKeyboardEvent, FormContextProps, IEventParams, IFieldArrayProps, IFieldPeriodProps, IFieldProps, IFormProps, IFormSecurityContext, IGetErrorMessagesParams, IWithFieldContext, IWithFormSecurity, OnFielChangeEvent, PeriodChangeEvent, PeriodValidator, Validator, WithFieldProps };

package/lib/form/withFormSecurity.js

@@ -69,7 +69,8 @@ var withFormSecurity = function withFormSecurity(WrappedComponent) {
       showQuestion: showQuestion,
       onConfirmClick: onConfirmClick,
       onUnconfirmClick: onUnconfirmClick,
-      setSecurityBeforeUnload: setSecurityBeforeUnload
+      setSecurityBeforeUnload: setSecurityBeforeUnload,
+      securityBeforeUnload: securityBeforeUnload.current
     };
     return /*#__PURE__*/_react.default.createElement(FormSecurityContext.Provider, {
       value: contextValues

package/lib/icons/index.d.ts

@@ -2,6 +2,8 @@ import { IIconProps } from './types.js';
 import 'react';
 import '../@types/PointerEvents.js';
 import '../@types/SizePixels.js';
+import '../@types/Icon.js';
+import './helper.js';
 
 declare const Icon: ({ name, onClick, svgStruct, size, style, visible, disabled, customClass, color, pointerEvents, }: IIconProps) => JSX.Element | null;
 

package/lib/icons/types.d.ts

@@ -1,6 +1,8 @@
 import { CSSProperties } from 'react';
 import { PointerEvents } from '../@types/PointerEvents.js';
 import { SizePixels } from '../@types/SizePixels.js';
+import { IconNames } from '../@types/Icon.js';
+import './helper.js';
 
 declare type ListIconType = {
     [name: string]: {
@@ -16,7 +18,7 @@ interface IIconProps {
     visible?: boolean;
     disabled?: boolean;
     pointerEvents?: PointerEvents;
-    name?: string;
+    name?: IconNames;
     viewBox?: string;
     svgStruct?: {
         viewbox: string;

package/lib/index.d.ts

@@ -7,10 +7,12 @@ export { default as List } from './list/index.js';
 export { default as Radio } from './radio/index.js';
 export { default as Tab } from './tabs/index.js';
 export { default as Dialog } from './dialog/base/index.js';
-import './types-3c6f1c20.js';
+import './types-c1d83632.js';
 import 'react';
 import './@types/PermissionAttr.js';
 import './internals/colorStyles.js';
+import './@types/Icon.js';
+import './icons/helper.js';
 import './toolbar/ToolBarGroup.js';
 import './toolbar/types.js';
 import './@types/ButtonTypes.js';

package/lib/inputs/base/InputTextBase.js

@@ -90,6 +90,10 @@ var InputTextBase = function InputTextBase(props) {
     if (handlerSetOnDenied) handlerSetOnDenied(onDenied);
   }, []);
 
+  var applyTabIndex = function applyTabIndex() {
+    return readOnly ? -1 : 0;
+  };
+
   var shouldDisable = function shouldDisable() {
     return disabled || onDenied.disabled;
   };
@@ -199,7 +203,9 @@ var InputTextBase = function InputTextBase(props) {
   }, type === 'textarea' ? /*#__PURE__*/_react.default.createElement("textarea", _extends({
     rows: props.rows,
     cols: props.cols
-  }, inputProps())) : /*#__PURE__*/_react.default.createElement("input", inputProps()), children), helpers.getRightElements(errorMessages || [], skeletonize, rightElements)), /*#__PURE__*/_react.default.createElement(_hint.default, {
+  }, inputProps())) : /*#__PURE__*/_react.default.createElement("input", _extends({
+    tabIndex: applyTabIndex()
+  }, inputProps())), children), helpers.getRightElements(errorMessages || [], skeletonize, rightElements)), /*#__PURE__*/_react.default.createElement(_hint.default, {
     visible: !!hint,
     customClass: "hint",
     description: hint

package/lib/inputs/inputHOC.d.ts

@@ -7,6 +7,8 @@ import '../@types/Align.js';
 import '../@types/Period.js';
 import '../drawer/types.js';
 import '../@types/Position.js';
+import '../@types/Icon.js';
+import '../icons/helper.js';
 
 declare const InputHOC: <ComponentProps extends IInputHOCProps>(WrappedComponent: React__default.ComponentType<ComponentProps>) => (props: ComponentProps) => JSX.Element;
 

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

@@ -8,6 +8,8 @@ import '../../@types/Align.js';
 import '../../@types/Period.js';
 import '../../drawer/types.js';
 import '../../@types/Position.js';
+import '../../@types/Icon.js';
+import '../../icons/helper.js';
 
 declare function extractNonMaskProps(props: IMaskHOCProps, maskProps: AnyMaskedOptions): any;
 declare function CPFValidation(cpf?: string, returnMessage?: (msg: string) => void): void | "CPF inválido";

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

@@ -7,6 +7,8 @@ import '../../@types/Align.js';
 import '../../@types/Period.js';
 import '../../drawer/types.js';
 import '../../@types/Position.js';
+import '../../@types/Icon.js';
+import '../../icons/helper.js';
 
 declare const IMaskHOC: <ComponentProps extends IMaskHOCProps>(ComposedComponent: React__default.ComponentType<ComponentProps>) => {
     (props: ComponentProps): JSX.Element;

package/lib/inputs/mask/imaskHOC.js

@@ -207,7 +207,7 @@ var IMaskHOC = function IMaskHOC(ComposedComponent) {
       onDeniedActions: onDenied,
       defaultValue: value,
       onChange: function onChange(e) {
-        setValue(e.target.value);
+        return setValue(e.target.value);
       },
       inputRef: function inputRef(el) {
         elementRef.current = el; // Propagate the input ref for who call it

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

@@ -6,6 +6,6 @@ import '../../@types/Align.js';
 import '../../@types/Period.js';
 import '../../@types/PermissionAttr.js';
 
-declare const ActionButtons: ({ disabled, dropdownOpened, handleOpenClose, handleCheckAll, handleUncheckAll, }: IActionButtonsProps) => JSX.Element;
+declare const ActionButtons: ({ disabled, dropdownOpened, handleOpenClose, handleCheckAll, handleUncheckAll, dropdownAlignButton, }: IActionButtonsProps) => JSX.Element;
 
 export { ActionButtons as default };

package/lib/inputs/multiSelect/ActionButtons.js

@@ -24,7 +24,9 @@ var ActionButtons = function ActionButtons(_ref) {
       dropdownOpened = _ref.dropdownOpened,
       handleOpenClose = _ref.handleOpenClose,
       handleCheckAll = _ref.handleCheckAll,
-      handleUncheckAll = _ref.handleUncheckAll;
+      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",
@@ -40,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",

package/lib/inputs/multiSelect/Dropdown.js

@@ -165,7 +165,7 @@ var Dropdown = function Dropdown(props) {
       }
     }), /*#__PURE__*/_react.default.createElement("span", {
       className: "label"
-    }, item[descriptionKey])));
+    }, typeof descriptionKey === 'string' ? item[descriptionKey] : descriptionKey(item))));
   })));
 };
 

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

@@ -10,7 +10,13 @@ var getFilteredDataCombo = function getFilteredDataCombo(_ref) {
       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;
   });
 };
 

package/lib/inputs/multiSelect/index.js

@@ -60,7 +60,9 @@ var MultiSelectField = function MultiSelectField(props) {
       descriptionKey = props.descriptionKey,
       value = props.value,
       onBlur = props.onBlur,
-      gridLayout = props.gridLayout;
+      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),
@@ -233,7 +235,7 @@ var MultiSelectField = function MultiSelectField(props) {
     } 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';
     }
@@ -297,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() {