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

package/lib/drawer/Content.d.ts

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

package/lib/drawer/Drawer.d.ts

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

package/lib/drawer/Drawer.js

@@ -46,17 +46,20 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 var BaseDrawer = function BaseDrawer(_ref) {
   var _ref$position = _ref.position,
       position = _ref$position === void 0 ? 'left' : _ref$position,
-      customClass = _ref.customClass,
+      _ref$customClass = _ref.customClass,
+      customClass = _ref$customClass === void 0 ? '' : _ref$customClass,
       children = _ref.children,
       style = _ref.style,
-      customClassForContent = _ref.customClassForContent,
+      _ref$customClassForCo = _ref.customClassForContent,
+      customClassForContent = _ref$customClassForCo === void 0 ? '' : _ref$customClassForCo,
       targetId = _ref.targetId,
       closeOnEsc = _ref.closeOnEsc,
       overlay = _ref.overlay,
       permissionAttr = _ref.permissionAttr,
       skeletonize = _ref.skeletonize,
       handlerClose = _ref.handlerClose,
-      customClassForDrawer = _ref.customClassForDrawer,
+      _ref$customClassForDr = _ref.customClassForDrawer,
+      customClassForDrawer = _ref$customClassForDr === void 0 ? '' : _ref$customClassForDr,
       content = _ref.content,
       title = _ref.title,
       rest = _objectWithoutProperties(_ref, _excluded);

package/lib/drawer/Header.d.ts

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

package/lib/drawer/helpers.d.ts

@@ -1,6 +1,7 @@
 import React__default from 'react';
 import { IDrawerContext } from './types.js';
 import '../@types/PermissionAttr.js';
+import '../@types/Position.js';
 
 declare const DrawerContext: React__default.Context<IDrawerContext>;
 

package/lib/drawer/index.d.ts

@@ -3,6 +3,7 @@ export { default as DrawerHeader } from './Header.js';
 export { default as DrawerContent } from './Content.js';
 import 'react';
 import '../@types/PermissionAttr.js';
+import '../@types/Position.js';
 
 declare const _default: (props: IDrawerProps) => JSX.Element;
 

package/lib/drawer/types.d.ts

@@ -1,5 +1,6 @@
 import React__default, { ReactNode, ReactElement } from 'react';
 import { PermissionAttr } from '../@types/PermissionAttr.js';
+import { Position } from '../@types/Position.js';
 
 interface IDrawerProps extends React__default.HTMLAttributes<HTMLDivElement> {
     overlay?: boolean;
@@ -7,7 +8,7 @@ interface IDrawerProps extends React__default.HTMLAttributes<HTMLDivElement> {
     customClass?: string;
     customClassForContent?: string;
     customClassForDrawer?: string;
-    position?: string;
+    position?: Exclude<Position, 'center'>;
     handlerClose?: () => void;
     closeOnEsc?: boolean;
     targetId?: string;

package/lib/inputs/base/InputTextBase.js

@@ -78,8 +78,7 @@ var InputTextBase = function InputTextBase(props) {
       _onDragOver = props.onDragOver,
       _onDrop = props.onDrop,
       _onDragLeave = props.onDragLeave,
-      readOnlyClass = props.readOnlyClass,
-      help = props.help;
+      readOnlyClass = props.readOnlyClass;
   var propsInput;
   var options = [_permissionValidations.OPTIONS_ON_DENIED.disabled, _permissionValidations.OPTIONS_ON_DENIED.unvisible, _permissionValidations.OPTIONS_ON_DENIED.readOnly, _permissionValidations.OPTIONS_ON_DENIED.hideContent];
   var onDenied = onDeniedActions || (0, _permissionValidations.actionsOnPermissionDenied)(options, permissionAttr);
@@ -195,7 +194,7 @@ 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, help, rightElements)), hint && /*#__PURE__*/_react.default.createElement("p", {
+  }, inputProps())) : /*#__PURE__*/_react.default.createElement("input", inputProps()), children), helpers.getRightElements(errorMessages || [], skeletonize, rightElements)), hint && /*#__PURE__*/_react.default.createElement("p", {
     className: "hint"
   }, hint), errorMessages && helpers.getErrorMessages(errorMessages));
 };

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

@@ -10,6 +10,6 @@ declare const getInputClass: ({ textAlign, readOnly, readOnlyClass }: {
 }) => string;
 declare const getInputWrapperClass: (props: IBaseProps) => string;
 declare const getErrorMessages: (messages: string[]) => JSX.Element;
-declare const getRightElements: (errorMessages: string[], skeletonize: boolean, help?: string, rightElements?: JSX.Element | JSX.Element[]) => JSX.Element | JSX.Element[] | null;
+declare const getRightElements: (errorMessages: string[], skeletonize: boolean, rightElements?: JSX.Element | JSX.Element[]) => JSX.Element | JSX.Element[] | null;
 
 export { getErrorMessages, getInputClass, getInputWrapperClass, getRightElements };

package/lib/inputs/base/helpers.js

@@ -1,7 +1,5 @@
 "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
 });
@@ -11,15 +9,8 @@ var _react = _interopRequireDefault(require("react"));
 
 var _lodash = _interopRequireDefault(require("lodash"));
 
-var _popover = _interopRequireWildcard(require("../../popover"));
-
-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 }; }
 
-/* eslint-disable react/jsx-closing-tag-location */
 var getInputClass = function getInputClass(_ref) {
   var textAlign = _ref.textAlign,
       readOnly = _ref.readOnly,
@@ -49,7 +40,7 @@ var getErrorMessages = function getErrorMessages(messages) {
 
 exports.getErrorMessages = getErrorMessages;
 
-var getRightElements = function getRightElements(errorMessages, skeletonize, help, rightElements) {
+var getRightElements = function getRightElements(errorMessages, skeletonize, rightElements) {
   var elements = rightElements || [];
   if (skeletonize) return null;
 
@@ -57,17 +48,6 @@ var getRightElements = function getRightElements(errorMessages, skeletonize, hel
     elements = [elements];
   }
 
-  if (help) {
-    elements.push( /*#__PURE__*/_react.default.createElement(_popover.default, {
-      style: {
-        width: 'auto',
-        height: 'auto'
-      },
-      iconSize: 16,
-      align: "right"
-    }, /*#__PURE__*/_react.default.createElement(_popover.PopoverText, null, help)));
-  }
-
   elements = elements.map(function (element, index) {
     return element && /*#__PURE__*/_react.default.cloneElement(element, {
       key: "rightelement-".concat(index + 1)

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

@@ -75,7 +75,6 @@ interface IBaseProps {
     accept?: string;
     multiple?: boolean;
     readOnlyClass?: string;
-    help?: string;
 }
 
 export { CustomInputEvent, IBaseProps };

package/lib/inputs/inputHOC.d.ts

@@ -2,9 +2,10 @@ import React__default from 'react';
 import { IInputHOCProps } from './types.js';
 import '../@types/PermissionAttr.js';
 import '../@types/DataCombo.js';
-import './select/types.js';
 import './base/types.js';
 import '../@types/Period.js';
+import '../drawer/types.js';
+import '../@types/Position.js';
 
 declare const InputHOC: <ComponentProps extends IInputHOCProps>(WrappedComponent: React__default.ComponentType<ComponentProps>) => (props: ComponentProps) => JSX.Element;
 

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

@@ -3,9 +3,10 @@ import { IMaskHOCProps } from '../types.js';
 import 'react';
 import '../../@types/PermissionAttr.js';
 import '../../@types/DataCombo.js';
-import '../select/types.js';
 import '../base/types.js';
 import '../../@types/Period.js';
+import '../../drawer/types.js';
+import '../../@types/Position.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

@@ -2,9 +2,10 @@ import React__default from 'react';
 import { IMaskHOCProps } from '../types.js';
 import '../../@types/PermissionAttr.js';
 import '../../@types/DataCombo.js';
-import '../select/types.js';
 import '../base/types.js';
 import '../../@types/Period.js';
+import '../../drawer/types.js';
+import '../../@types/Position.js';
 
 declare const IMaskHOC: <ComponentProps extends IMaskHOCProps>(ComposedComponent: React__default.ComponentType<ComponentProps>) => {
     (props: ComponentProps): JSX.Element;

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

@@ -2,7 +2,7 @@ import { DataCombo } from '../../@types/DataCombo.js';
 
 declare const getFilteredDataCombo: ({ dataSource, descriptionKey, inputText, }: {
     dataSource: DataCombo[];
-    descriptionKey: string;
+    descriptionKey: string | ((dataSelected: DataCombo) => string);
     inputText: string;
 }) => any[];
 

package/lib/inputs/multiSelect/helper.js

@@ -10,7 +10,7 @@ var getFilteredDataCombo = function getFilteredDataCombo(_ref) {
       descriptionKey = _ref.descriptionKey,
       inputText = _ref.inputText;
   return dataSource.filter(function (item) {
-    return item[descriptionKey].toLowerCase().indexOf(inputText.toLowerCase()) > -1;
+    return typeof descriptionKey === 'string' ? item[descriptionKey].toLowerCase().indexOf(inputText.toLowerCase()) > -1 : descriptionKey((item === null || item === void 0 ? void 0 : item.toLowerCase().indexOf(inputText.toLowerCase())) > -1);
   });
 };
 

package/lib/inputs/multiSelect/index.js

@@ -233,7 +233,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';
     }

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

@@ -14,7 +14,7 @@ interface IActionButtonsProps {
 interface IDropdownMultiSelectProps {
     dataCombo: DataCombo[];
     idKey: string;
-    descriptionKey: string;
+    descriptionKey: string | ((dataSelected: DataCombo) => string);
     inputValue: string;
     isAllChecked: boolean;
     dropdownWidth: number;
@@ -38,7 +38,7 @@ interface IDropdownMultiSelectProps {
 interface IMultiSelectProps {
     dataSource: DataCombo[];
     idKey: string;
-    descriptionKey: string;
+    descriptionKey: string | ((dataSelected: DataCombo) => string);
     value?: any[];
     gridLayout?: string;
     onSelect: (data?: string[]) => void;

package/lib/inputs/number/BaseNumber.d.ts

@@ -5,7 +5,8 @@ import 'react';
 import '../../@types/Period.js';
 import '../types.js';
 import '../../@types/DataCombo.js';
-import '../select/types.js';
+import '../../drawer/types.js';
+import '../../@types/Position.js';
 
 declare const BaseNumber: (props: IBaseNumberProps) => JSX.Element;
 

package/lib/inputs/number/Currency.d.ts

@@ -5,7 +5,8 @@ import 'react';
 import '../../@types/Period.js';
 import '../types.js';
 import '../../@types/DataCombo.js';
-import '../select/types.js';
+import '../../drawer/types.js';
+import '../../@types/Position.js';
 
 declare const CurrencyField: (props: ICurrencyProps) => JSX.Element;
 

package/lib/inputs/number/Decimal.d.ts

@@ -5,7 +5,8 @@ import 'react';
 import '../../@types/Period.js';
 import '../types.js';
 import '../../@types/DataCombo.js';
-import '../select/types.js';
+import '../../drawer/types.js';
+import '../../@types/Position.js';
 
 declare const DecimalField: (props: IBaseNumberProps) => JSX.Element;
 

package/lib/inputs/number/index.d.ts

@@ -7,7 +7,8 @@ import 'react';
 import '../../@types/Period.js';
 import '../types.js';
 import '../../@types/DataCombo.js';
-import '../select/types.js';
+import '../../drawer/types.js';
+import '../../@types/Position.js';
 
 declare const NumberField: (props: INumberFieldProps) => JSX.Element;
 

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

@@ -4,7 +4,8 @@ import { IMaskHOCProps } from '../types.js';
 import 'react';
 import '../../@types/Period.js';
 import '../../@types/DataCombo.js';
-import '../select/types.js';
+import '../../drawer/types.js';
+import '../../@types/Position.js';
 
 interface INumberFieldProps extends IMaskHOCProps {
     value?: string;

package/lib/inputs/search/index.d.ts

@@ -2,9 +2,10 @@ import { ISearchProps } from '../types.js';
 import 'react';
 import '../../@types/PermissionAttr.js';
 import '../../@types/DataCombo.js';
-import '../select/types.js';
 import '../base/types.js';
 import '../../@types/Period.js';
+import '../../drawer/types.js';
+import '../../@types/Position.js';
 
 declare const SearchField: (props: ISearchProps) => JSX.Element | null;
 

package/lib/inputs/search/index.js

@@ -19,6 +19,8 @@ require("../../assets/styles/search.scss");
 
 var _drawer = _interopRequireWildcard(require("../../drawer"));
 
+var _excluded = ["headerTitle", "content", "onStateChange"];
+
 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); }
@@ -35,6 +37,10 @@ function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToAr
 
 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 _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; }
+
 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."); }
@@ -50,7 +56,8 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 var SearchField = function SearchField(props) {
   var _props$resetButton = props.resetButton,
       resetButton = _props$resetButton === void 0 ? true : _props$resetButton,
-      advancedFilterProps = props.advancedFilterProps,
+      _props$advancedFilter = props.advancedFilterProps,
+      advancedFilterProps = _props$advancedFilter === void 0 ? {} : _props$advancedFilter,
       value = props.value;
 
   var _useState = (0, _react.useState)(false),
@@ -68,6 +75,11 @@ var SearchField = function SearchField(props) {
       onDenied = _useState6[0],
       setOnDenied = _useState6[1];
 
+  var headerTitle = advancedFilterProps.headerTitle,
+      content = advancedFilterProps.content,
+      onStateChange = advancedFilterProps.onStateChange,
+      advancedFilterPropsRest = _objectWithoutProperties(advancedFilterProps, _excluded);
+
   var onReset = function onReset(event) {
     if (props.onReset) props.onReset(event);
     setValorCampo('');
@@ -88,12 +100,9 @@ var SearchField = function SearchField(props) {
     return props.readOnly || onDenied && onDenied.readOnly;
   };
 
-  var hideContent = onDenied && onDenied.hideContent;
+  var hideContent = onDenied === null || onDenied === void 0 ? void 0 : onDenied.hideContent;
 
   var buttonProps = function buttonProps() {
-    var _ref = advancedFilterProps || {},
-        onStateChange = _ref.onStateChange;
-
     var disableCallbacks = shouldBeReadOnly() || shouldDisable() || hideContent;
     var propsButton = {
       icon: /*#__PURE__*/_react.default.createElement(_icons.default, {
@@ -126,7 +135,7 @@ var SearchField = function SearchField(props) {
   };
 
   var rightElements = function rightElements() {
-    var enableFilterButton = advancedFilterProps !== undefined;
+    var enableFilterButton = Object.keys(advancedFilterProps).length > 0;
     var elements = [/*#__PURE__*/_react.default.createElement(_icons.default, {
       name: "search",
       color: "#a9a8a8",
@@ -152,16 +161,11 @@ var SearchField = function SearchField(props) {
     return elements;
   };
 
-  var _ref2 = advancedFilterProps || {},
-      headerTitle = _ref2.headerTitle,
-      content = _ref2.content,
-      onStateChange = _ref2.onStateChange;
-
   (0, _react.useEffect)(function () {
     if (value !== undefined && value !== valorCampo) {
       setValorCampo(value);
     }
-  }, []);
+  }, [value]);
 
   if (onDenied && onDenied.unvisible) {
     return null;
@@ -174,12 +178,12 @@ var SearchField = function SearchField(props) {
     customClass: "",
     handlerSetOnDenied: setOnDenied,
     rightElements: rightElements()
-  })), advancedFilterOpened && /*#__PURE__*/_react.default.createElement(_drawer.default, {
+  })), advancedFilterOpened && /*#__PURE__*/_react.default.createElement(_drawer.default, _extends({
     handlerClose: function handlerClose() {
       setAdvancedFilterOpened(false);
       if (onStateChange) onStateChange(false);
     }
-  }, headerTitle && /*#__PURE__*/_react.default.createElement(_drawer.DrawerHeader, {
+  }, advancedFilterPropsRest), headerTitle && /*#__PURE__*/_react.default.createElement(_drawer.DrawerHeader, {
     title: headerTitle
   }), /*#__PURE__*/_react.default.createElement(_drawer.DrawerContent, null, content)));
 };

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

@@ -2,9 +2,10 @@ import { IActionButtonsSelectProps } from '../types.js';
 import 'react';
 import '../../@types/PermissionAttr.js';
 import '../../@types/DataCombo.js';
-import './types.js';
 import '../base/types.js';
 import '../../@types/Period.js';
+import '../../drawer/types.js';
+import '../../@types/Position.js';
 
 declare const ActionButtons: (props: IActionButtonsSelectProps) => JSX.Element;
 

package/lib/inputs/select/Dropdown.d.ts

@@ -2,9 +2,10 @@ import { IDropdownSelectProps } from '../types.js';
 import 'react';
 import '../../@types/PermissionAttr.js';
 import '../../@types/DataCombo.js';
-import './types.js';
 import '../base/types.js';
 import '../../@types/Period.js';
+import '../../drawer/types.js';
+import '../../@types/Position.js';
 
 declare const Dropdown: (props: IDropdownSelectProps) => JSX.Element;
 

package/lib/inputs/select/Dropdown.js

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

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

@@ -2,15 +2,16 @@ import { DataCombo } from '../../@types/DataCombo.js';
 import { IDropdownSelectProps } from '../types.js';
 import 'react';
 import '../../@types/PermissionAttr.js';
-import './types.js';
 import '../base/types.js';
 import '../../@types/Period.js';
+import '../../drawer/types.js';
+import '../../@types/Position.js';
 
 declare const contentClass: (props: IDropdownSelectProps) => string;
 declare const getDropdownItemCssClass: (selected: boolean, disabled: boolean, striped: boolean) => string;
 interface GetFilteredParams {
     dataSource: DataCombo[];
-    descriptionKey: string;
+    descriptionKey: string | ((dataSelected: DataCombo) => string);
     inputText: string;
     currents: DataCombo[];
 }

package/lib/inputs/select/helper.js

@@ -26,7 +26,7 @@ var getFilteredSimpleDataCombo = function getFilteredSimpleDataCombo(_ref) {
       descriptionKey = _ref.descriptionKey,
       inputText = _ref.inputText;
   return dataSource && dataSource.filter(function (item) {
-    return item[descriptionKey].toLowerCase().indexOf(inputText.toLowerCase()) > -1;
+    return typeof descriptionKey === 'string' ? item[descriptionKey].toLowerCase().indexOf(inputText.toLowerCase()) > -1 : descriptionKey((item === null || item === void 0 ? void 0 : item.toLowerCase().indexOf(inputText.toLowerCase())) > -1);
   });
 };
 
@@ -38,7 +38,7 @@ var getFilteredMultipleDataCombo = function getFilteredMultipleDataCombo(_ref2)
       descriptionKey = _ref2.descriptionKey,
       currents = _ref2.currents;
   return dataSource.filter(function (item) {
-    return item[descriptionKey].toLowerCase().indexOf(inputText.toLowerCase()) > -1 && !currents.includes(item);
+    return typeof descriptionKey === 'string' ? item[descriptionKey].toLowerCase().indexOf(inputText.toLowerCase()) > -1 : descriptionKey((item === null || item === void 0 ? void 0 : item.toLowerCase().indexOf(inputText.toLowerCase())) > -1) && !currents.includes(item);
   });
 };
 

package/lib/inputs/select/index.d.ts

@@ -1,8 +1,8 @@
 import { ISelectFieldProps } from './types.js';
-import 'react';
 import '../../@types/DataCombo.js';
 import '../../@types/PermissionAttr.js';
 import '../base/types.js';
+import 'react';
 import '../../@types/Period.js';
 
 declare const SelectField: (props: ISelectFieldProps) => JSX.Element;

package/lib/inputs/select/index.js

@@ -7,14 +7,14 @@ exports.default = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
-var _simple = _interopRequireDefault(require("./simple"));
-
 var _multiple = _interopRequireDefault(require("./multiple"));
 
 require("../../assets/styles/select.scss");
 
 var _gridlayout = _interopRequireDefault(require("../../gridlayout"));
 
+var _simple = _interopRequireDefault(require("./simple"));
+
 var _excluded = ["gridLayout", "multiple", "value"];
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -31,15 +31,15 @@ var SelectField = function SelectField(props) {
       value = props.value,
       newProps = _objectWithoutProperties(props, _excluded);
 
-  var component = multiple ? /*#__PURE__*/_react.default.createElement(_multiple.default, _extends({
+  var component = multiple ? /*#__PURE__*/_react.default.createElement(_multiple.default, _extends({}, newProps, {
     dataSource: props.dataSource ? props.dataSource : [],
     idKey: props.idKey ? props.idKey : '',
     descriptionKey: props.descriptionKey ? props.descriptionKey : ''
-  }, newProps)) : /*#__PURE__*/_react.default.createElement(_simple.default, _extends({
+  })) : /*#__PURE__*/_react.default.createElement(_simple.default, _extends({}, newProps, {
     idKey: props.idKey ? props.idKey : '',
     value: value,
     descriptionKey: props.descriptionKey ? props.descriptionKey : ''
-  }, newProps));
+  }));
 
   if (gridLayout !== undefined) {
     return /*#__PURE__*/_react.default.createElement(_gridlayout.default, {

package/lib/inputs/select/multiple/Selecteds.d.ts

@@ -1,8 +1,8 @@
 import { ISelectedsMultipleProps } from '../types.js';
-import 'react';
 import '../../../@types/DataCombo.js';
 import '../../../@types/PermissionAttr.js';
 import '../../base/types.js';
+import 'react';
 import '../../../@types/Period.js';
 
 declare const Selecteds: ({ currents, descriptionKey, idKey, handleOnUnselect, }: ISelectedsMultipleProps) => JSX.Element;

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

@@ -18,7 +18,7 @@ var Selecteds = function Selecteds(_ref) {
     return /*#__PURE__*/_react.default.createElement("div", {
       className: "selecteditem",
       key: "selected-".concat(selected[idKey])
-    }, selected[descriptionKey], /*#__PURE__*/_react.default.createElement("span", {
+    }, typeof descriptionKey === 'string' ? selected[descriptionKey] : descriptionKey(selected), /*#__PURE__*/_react.default.createElement("span", {
       className: "close",
       role: "button",
       tabIndex: -1,

package/lib/inputs/select/multiple/index.d.ts

@@ -1,8 +1,8 @@
 import { IMultipleSelectProps } from '../types.js';
-import 'react';
 import '../../../@types/DataCombo.js';
 import '../../../@types/PermissionAttr.js';
 import '../../base/types.js';
+import 'react';
 import '../../../@types/Period.js';
 
 declare const MultipleSelect: (props: IMultipleSelectProps) => JSX.Element;

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

@@ -223,8 +223,10 @@ var MultipleSelect = function MultipleSelect(props) {
           index = dataSource && index === 0 ? dataSource.length - 1 : index - 1;
         }
 
-        if (dataSource && dataSource.length && dataSource[index][props.descriptionKey]) {
-          setInputValue(dataSource[index][props.descriptionKey]);
+        if (dataSource && dataSource.length) {
+          if (typeof props.descriptionKey === 'string' && dataSource[index][props.descriptionKey]) {
+            setInputValue(dataSource[index][props.descriptionKey]);
+          } else if (typeof props.descriptionKey !== 'string') setInputValue(props.descriptionKey(dataSource[index]));
         }
 
         if (dataSource) setSelected(dataSource[index]);

package/lib/inputs/select/simple/index.d.ts

@@ -1,8 +1,8 @@
 import { ISimpleSelectProps } from '../types.js';
-import 'react';
 import '../../../@types/DataCombo.js';
 import '../../../@types/PermissionAttr.js';
 import '../../base/types.js';
+import 'react';
 import '../../../@types/Period.js';
 
 declare const SimpleSelect: (props: ISimpleSelectProps) => JSX.Element;