linear-react-components-ui 1.1.20-beta.33 → 1.1.20-beta.34

package/lib/inputs/mask/helpers.js

@@ -0,0 +1,138 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.CNPJValidation = CNPJValidation;
+exports.CPFValidation = CPFValidation;
+exports.getMaskOptions = void 0;
+var _lodash = require("lodash");
+const _excluded = ["isDateField", "placeholderChar", "min", "max", "lazy", "pattern", "radix", "thousandsSeparator", "mapToRadix", "scale", "normalizeZeros", "padFractionalZeros", "rightElements", "leftElements"];
+/* eslint-disable @typescript-eslint/no-explicit-any */
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var s = Object.getOwnPropertySymbols(e); for (r = 0; r < s.length; r++) o = s[r], t.includes(o) || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (e.includes(n)) continue; t[n] = r[n]; } return t; }
+const momentFormat = 'DD/MM/YYYY';
+const getMaskOptions = _ref => {
+  let {
+      isDateField,
+      placeholderChar = '_',
+      min,
+      max,
+      lazy = false,
+      pattern = '',
+      radix = ' ',
+      thousandsSeparator = '',
+      mapToRadix = [],
+      scale = 2,
+      normalizeZeros = true,
+      padFractionalZeros = true,
+      rightElements,
+      leftElements
+    } = _ref,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  // TODO: essa etapa deverá ser feita junto com o refactory dos componentes Date e Period.
+  // if (isDateField) {
+  //   return {
+  //     mask: Date,
+  //     min: min || new Date(1900, 0, 1),
+  //     max: max || new Date(9999, 0, 1),
+  //     pattern: momentFormat,
+  //     lazy,
+  //     format: (date: moment.MomentInput) => moment(date).format(momentFormat),
+  //     parse: (str) => moment(str, momentFormat).toDate(),
+  //     blocks: {
+  //       DD: {
+  //         mask: IMask.MaskedRange,
+  //         from: 1,
+  //         to: 31,
+  //         maxLength: 2,
+  //       },
+  //       MM: {
+  //         mask: IMask.MaskedRange,
+  //         from: 1,
+  //         to: 12,
+  //         maxLength: 2,
+  //       },
+  //       YYYY: {
+  //         mask: IMask.MaskedRange,
+  //         from: 1900,
+  //         to: 9999,
+  //       },
+  //     },
+  //   } satisfies ReactMaskOpts;
+  // }
+
+  return _objectSpread({
+    placeholderChar: placeholderChar === '' ? ' ' : placeholderChar,
+    min,
+    max,
+    lazy,
+    pattern,
+    radix,
+    thousandsSeparator,
+    mapToRadix,
+    scale,
+    normalizeZeros,
+    padFractionalZeros
+  }, rest);
+};
+exports.getMaskOptions = getMaskOptions;
+const allEqualDigits = input => input.split('').every(char => char === input[0]);
+function CPFValidation(cpf, returnMessage) {
+  const stringCpf = cpf ? cpf.replace(/[^\d]+/g, '') : '';
+  let sum = 0;
+  let splitRest;
+  if (stringCpf === '' || stringCpf.length < 11) return returnMessage ? returnMessage('CPF inválido') : 'CPF inválido';
+  if (allEqualDigits(stringCpf)) return returnMessage ? returnMessage('CPF inválido') : 'CPF inválido';
+  // 1st digit validation
+  for (let i = 0; i < 9; i++) {
+    sum += (0, _lodash.parseInt)(stringCpf.charAt(i), 10) * (10 - i);
+  }
+  splitRest = sum * 10 % 11;
+  if (splitRest === 10 || splitRest === 11) splitRest = 0;
+  if (splitRest !== (0, _lodash.parseInt)(stringCpf.charAt(9), 10)) return returnMessage ? returnMessage('CPF inválido') : 'CPF inválido';
+  // 2nd digit validation
+  sum = 0;
+  splitRest = 0;
+  for (let i = 0; i < 10; i++) {
+    sum += (0, _lodash.parseInt)(stringCpf.charAt(i), 10) * (11 - i);
+  }
+  splitRest = sum * 10 % 11;
+  if (splitRest === 10 || splitRest === 11) splitRest = 0;
+  if (splitRest !== (0, _lodash.parseInt)(stringCpf.charAt(10), 10)) return returnMessage ? returnMessage('CPF inválido') : 'CPF inválido';
+  return returnMessage ? returnMessage('') : undefined;
+}
+function CNPJValidation(cnpj, returnMessage) {
+  const stringCnpj = cnpj ? cnpj.replace(/[^\d]+/g, '') : '';
+  if (stringCnpj === '' || stringCnpj.length !== 14) return returnMessage ? returnMessage('CNPJ inválido') : 'CNPJ inválido';
+  if (allEqualDigits(stringCnpj)) return returnMessage ? returnMessage('CNPJ inválido') : 'CNPJ inválido';
+  let length = stringCnpj.length - 2;
+  let numbers = stringCnpj.substring(0, length);
+  const digits = stringCnpj.substring(length);
+  let sum = 0;
+  let pos = length - 7;
+  // 1° digit validation
+  for (let i = length; i >= 1; i--) {
+    sum += (0, _lodash.parseInt)(numbers.charAt(length - i)) * pos--;
+    if (pos < 2) pos = 9;
+  }
+  let result = sum % 11 < 2 ? 0 : 11 - sum % 11;
+  if (result.toString() !== digits.charAt(0)) return returnMessage ? returnMessage('CNPJ inválido') : 'CNPJ inválido';
+  length += 1;
+  numbers = stringCnpj.substring(0, length);
+  sum = 0;
+  pos = length - 7;
+  // 2° digit validation
+  for (let i = length; i >= 1; i--) {
+    sum += (0, _lodash.parseInt)(numbers.charAt(length - i)) * pos--;
+    if (pos < 2) pos = 9;
+  }
+  result = sum % 11 < 2 ? 0 : 11 - sum % 11;
+  if (result.toString() !== digits.charAt(1)) return returnMessage ? returnMessage('CNPJ inválido') : 'CNPJ inválido';
+  return returnMessage ? returnMessage('') : undefined;
+}

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

@@ -0,0 +1,17 @@
+import BaseMask from './BaseMask.js';
+export { default as CpfField } from './Cpf.js';
+export { default as CnpjField } from './Cnpj.js';
+export { default as PhoneField } from './Phone.js';
+export { default as ZipCodeField } from './ZipCode.js';
+import './types.js';
+import 'react';
+import '../../@types/Align.js';
+import '../../@types/PermissionAttr.js';
+import '../base/types.js';
+import '../../@types/Period.js';
+import '../../internals/types.js';
+import '../../@types/Position.js';
+
+
+
+export { BaseMask as default };

package/lib/inputs/mask/index.js

@@ -0,0 +1,37 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "CnpjField", {
+  enumerable: true,
+  get: function () {
+    return _Cnpj.default;
+  }
+});
+Object.defineProperty(exports, "CpfField", {
+  enumerable: true,
+  get: function () {
+    return _Cpf.default;
+  }
+});
+Object.defineProperty(exports, "PhoneField", {
+  enumerable: true,
+  get: function () {
+    return _Phone.default;
+  }
+});
+Object.defineProperty(exports, "ZipCodeField", {
+  enumerable: true,
+  get: function () {
+    return _ZipCode.default;
+  }
+});
+exports.default = void 0;
+var _BaseMask = _interopRequireDefault(require("./BaseMask"));
+var _Cpf = _interopRequireDefault(require("./Cpf"));
+var _Cnpj = _interopRequireDefault(require("./Cnpj"));
+var _Phone = _interopRequireDefault(require("./Phone"));
+var _ZipCode = _interopRequireDefault(require("./ZipCode"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+var _default = exports.default = _BaseMask.default;

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

@@ -0,0 +1,79 @@
+import { KeyboardEvent, MutableRefObject } from 'react';
+import { TextAlign } from '../../@types/Align.js';
+import { OnDenied, PermissionAttr } from '../../@types/PermissionAttr.js';
+import { CustomInputEvent } from '../base/types.js';
+import '../../@types/Period.js';
+import '../../internals/types.js';
+import '../../@types/Position.js';
+
+type IBaseMaskProps = {
+    value?: string | number;
+    onBlur?: (e: CustomInputEvent) => void;
+    onKeyDown?: (e: CustomInputEvent | KeyboardEvent<Element>) => void;
+    defaultValue?: string;
+    isNumeric?: boolean;
+    scale?: number;
+    radix?: string;
+    blocks?: any;
+    thousandsSeparator?: string;
+    rightElements?: JSX.Element | JSX.Element[];
+    leftElements?: JSX.Element | JSX.Element[];
+    handlerSetOnDenied?: (onDeniedValue: OnDenied) => void;
+    onChange?: (e: CustomInputEvent, maskValue?: string, date?: string) => void;
+    padFractionalZeros?: boolean;
+    onComplete?: (e: CustomInputEvent, maskValue?: string, date?: string) => void;
+    inputRef?: MutableRefObject<HTMLInputElement | HTMLTextAreaElement | null> | ((ref: HTMLInputElement | HTMLTextAreaElement | null) => void);
+    permissionAttr?: PermissionAttr;
+    errorMessages?: string[];
+    rounded?: boolean;
+    textAlign?: TextAlign;
+    customClassForInputContent?: string;
+    label?: string;
+    name?: string;
+    customClassForLabel?: string;
+    customClass?: string;
+    gridLayout?: string;
+    placeHolder?: string;
+    readOnly?: boolean;
+    labelUppercase?: boolean;
+    disabled?: boolean;
+    unmask?: boolean;
+    lazy?: boolean;
+    placeholderChar?: string;
+    onFocus?: (e: CustomInputEvent) => void;
+    required?: boolean;
+    returnFormattedValueOnBlur?: boolean;
+    returnFormattedValueOnKeyDown?: boolean;
+    isDateField?: boolean;
+    autoCompleteMask?: 'left' | 'right';
+    definitions?: any;
+    mask?: any;
+    min?: any;
+    max?: any;
+    hint?: string | string[];
+    hintPosition?: 'below' | 'onLabelRight';
+    themePopover?: 'light' | 'dark';
+    popoverAlign?: 'right' | 'left';
+    pattern?: string;
+    mapToRadix?: string[];
+    normalizeZeros?: boolean;
+};
+type ICnpjFieldProps = IBaseMaskProps & {
+    value?: string;
+    enableValidation?: boolean;
+    handlerSetComponentValidator?: (validator: () => void) => void;
+};
+type ICpfProps = IBaseMaskProps & {
+    value?: string;
+    enableValidation?: boolean;
+    handlerSetComponentValidator?: (validator: () => void) => void;
+};
+type IPhoneFieldProps = IBaseMaskProps & {
+    value?: string;
+    cellNumber?: boolean;
+};
+type IZipCode = IBaseMaskProps & {
+    value?: string;
+};
+
+export { IBaseMaskProps, ICnpjFieldProps, ICpfProps, IPhoneFieldProps, IZipCode };

package/lib/inputs/mask/types.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

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

@@ -0,0 +1,13 @@
+import { IActionButtonsProps } 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';
+import '../../internals/types.js';
+import '../../@types/Position.js';
+
+declare const ActionButtons: ({ disabled, dropdownOpened, handleOpenClose, handleCheckAll, handleUncheckAll, dropdownAlignButton, }: IActionButtonsProps) => JSX.Element;
+
+export { ActionButtons as default };

package/lib/inputs/multiSelect/ActionButtons.js

@@ -0,0 +1,51 @@
+"use strict";
+
+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(e) { return e && e.__esModule ? e : { default: e }; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+const ActionButtons = _ref => {
+  let {
+    disabled,
+    dropdownOpened,
+    handleOpenClose,
+    handleCheckAll,
+    handleUncheckAll,
+    dropdownAlignButton = 'left'
+  } = _ref;
+  return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement(_buttons.default, {
+    transparent: true,
+    tabIndex: -1,
+    disabled: disabled,
+    boxShadow: false,
+    size: "small",
+    onClick: handleOpenClose,
+    customClass: "actionbutton",
+    iconName: dropdownOpened ? 'up' : 'down'
+  }), /*#__PURE__*/_react.default.createElement(_buttons.default, {
+    dropdown: true,
+    transparent: true,
+    disabled: disabled,
+    tabIndex: -1,
+    boxShadow: false,
+    showIconDropdown: false,
+    iconName: "more1",
+    customClass: "actionbutton",
+    dropdownAlign: dropdownAlignButton
+  }, /*#__PURE__*/_react.default.createElement(_list.default, null, /*#__PURE__*/_react.default.createElement(_list.ListItem, {
+    itemId: "1",
+    text: "Marcar Todos",
+    onClick: handleCheckAll
+  }), /*#__PURE__*/_react.default.createElement(_list.ListItem, {
+    itemId: "2",
+    text: "Desmarcar Todos",
+    onClick: handleUncheckAll
+  }))));
+};
+var _default = exports.default = ActionButtons;

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

@@ -0,0 +1,13 @@
+import { IDropdownMultiSelectProps } 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';
+import '../../internals/types.js';
+import '../../@types/Position.js';
+
+declare const Dropdown: (props: IDropdownMultiSelectProps) => JSX.Element;
+
+export { Dropdown as default };

package/lib/inputs/multiSelect/Dropdown.js

@@ -0,0 +1,136 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _avatar = _interopRequireDefault(require("../../avatar"));
+var _icons = _interopRequireDefault(require("../../icons"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+const returnDropdownDynamicStyles = (selectFieldRef, dropdownMaxHeight) => {
+  const selectFieldRects = selectFieldRef?.current?.getBoundingClientRect();
+  const bottom = selectFieldRects?.bottom ? selectFieldRects?.bottom : 0;
+  const offsetTop = selectFieldRef?.current?.offsetTop ? selectFieldRef?.current?.offsetTop : 0;
+  const dropdownBottomDistance = window.innerHeight - bottom;
+  let maxDropdownBottomDistance = 200;
+  let height = dropdownMaxHeight;
+  let dropdownPosition;
+  if (!height || height <= 0) {
+    if (dropdownBottomDistance < maxDropdownBottomDistance) {
+      height = selectFieldRects?.top ? selectFieldRects.top : 0;
+      dropdownPosition = window.innerHeight - offsetTop + 10;
+    } else {
+      height = dropdownBottomDistance;
+    }
+  } else {
+    maxDropdownBottomDistance = height;
+    if (dropdownBottomDistance < maxDropdownBottomDistance) {
+      dropdownPosition = window.innerHeight - offsetTop + 10;
+    }
+  }
+  return {
+    maxHeight: `${height - 30}px`,
+    bottom: `${dropdownPosition}px`
+  };
+};
+const Dropdown = props => {
+  const {
+    imageAlign = 'left',
+    descriptionKey,
+    idKey,
+    dropdownMaxHeight,
+    selectFieldRef,
+    isAllChecked,
+    dropdownWidth,
+    inputValue,
+    gridWrapperStyle,
+    onFocus,
+    onFilter,
+    onBlur,
+    dataCombo,
+    opened,
+    onUncheckAll,
+    onCheckAll,
+    selecteds,
+    onSelect
+  } = props;
+  const [dropdownDynamicStyles] = (0, _react.useState)(returnDropdownDynamicStyles(selectFieldRef, dropdownMaxHeight || 0));
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: "dropdown",
+    style: _objectSpread({
+      width: dropdownWidth,
+      marginLeft: gridWrapperStyle ? gridWrapperStyle.paddingLeft : '0'
+    }, dropdownDynamicStyles)
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "filtercontainer"
+  }, /*#__PURE__*/_react.default.createElement("input", {
+    className: "filterinput",
+    type: "text",
+    value: inputValue,
+    onFocus: () => {
+      onFocus();
+    },
+    onBlur: e => {
+      onBlur(e);
+    },
+    onChange: e => {
+      onFilter(e.target.value);
+    },
+    autoFocus: opened
+  }), /*#__PURE__*/_react.default.createElement(_icons.default, {
+    customClass: "filtericon",
+    name: "search",
+    viewBox: "0 0 32 32"
+  })), /*#__PURE__*/_react.default.createElement("div", {
+    className: "listcontainer"
+  }, dataCombo && dataCombo.length > 0 && /*#__PURE__*/_react.default.createElement("div", {
+    className: "item selectall"
+  }, /*#__PURE__*/_react.default.createElement("button", {
+    className: "menubutton",
+    tabIndex: -1,
+    onClick: () => isAllChecked ? onUncheckAll(true) : onCheckAll(true)
+  }, /*#__PURE__*/_react.default.createElement(_icons.default, {
+    name: isAllChecked && dataCombo.length > 0 ? 'checkboxChecked2' : 'checkboxUnchecked2',
+    customClass: "checkboxicon"
+  }), /*#__PURE__*/_react.default.createElement("span", {
+    className: "label"
+  }, inputValue !== '' ? 'Selecionar todos pesquisados' : 'Selecionar Todos'))), dataCombo?.map(item => {
+    const isChecked = selecteds ? selecteds.find(selected => selected[idKey] === item[idKey]) : undefined;
+    return /*#__PURE__*/_react.default.createElement("div", {
+      key: `dropdowmItem ${item[idKey]}}`,
+      className: `item ${isChecked && '-selected'}`
+    }, /*#__PURE__*/_react.default.createElement("button", {
+      className: "menubutton",
+      tabIndex: -1,
+      onClick: () => {
+        onSelect(item);
+      }
+    }, /*#__PURE__*/_react.default.createElement(_icons.default, {
+      name: isChecked ? 'checkboxChecked2' : 'checkboxUnchecked2',
+      customClass: "checkboxicon"
+    }), item.iconName && /*#__PURE__*/_react.default.createElement(_icons.default, {
+      name: item.iconName,
+      customClass: "menuicon",
+      style: {
+        order: imageAlign === 'left' ? 0 : 1
+      }
+    }), item.imgSrcKey && /*#__PURE__*/_react.default.createElement(_avatar.default, {
+      src: item.imgSrcKey,
+      customClass: "menuicon",
+      style: {
+        order: imageAlign === 'left' ? 0 : 1
+      }
+    }), /*#__PURE__*/_react.default.createElement("span", {
+      className: "label"
+    }, typeof descriptionKey === 'string' ? item[descriptionKey] : descriptionKey(item))));
+  })));
+};
+var _default = exports.default = Dropdown;

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

@@ -0,0 +1,13 @@
+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';
+import '../../internals/types.js';
+import '../../@types/Position.js';
+
+declare const getFilteredDataCombo: ({ dataSource, descriptionKey, inputText, }: GetFilteredParams) => any[];
+
+export { getFilteredDataCombo as default };

package/lib/inputs/multiSelect/helper.js

@@ -0,0 +1,20 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+const getFilteredDataCombo = _ref => {
+  let {
+    dataSource,
+    descriptionKey,
+    inputText
+  } = _ref;
+  return dataSource.filter(item => {
+    if (typeof descriptionKey === 'string') {
+      return item[descriptionKey].toLowerCase().indexOf(inputText.toLowerCase()) > -1;
+    }
+    return descriptionKey(item)?.toLowerCase().indexOf(inputText.toLowerCase()) > -1;
+  });
+};
+var _default = exports.default = getFilteredDataCombo;

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

@@ -0,0 +1,13 @@
+import { IMultiSelectProps } 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';
+import '../../internals/types.js';
+import '../../@types/Position.js';
+
+declare const MultiSelectField: (props: IMultiSelectProps) => JSX.Element;
+
+export { MultiSelectField as default };