linear-react-components-ui 1.1.26-beta.9 → 1.1.27-rc.0

package/lib/inputs/mask/index.js

@@ -1,12 +1,37 @@
-import o from "./BaseMask.js";
-import { default as r } from "./Cpf.js";
-import { default as d } from "./Cnpj.js";
-import { default as p } from "./Phone.js";
-import { default as i } from "./ZipCode.js";
-export {
-  d as CnpjField,
-  r as CpfField,
-  p as PhoneField,
-  i as ZipCodeField,
-  o as default
-};
+"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

@@ -1,8 +1,12 @@
-import { JSX, KeyboardEvent, MutableRefObject } from 'react';
-import { TextAlign } from 'src/lib/@types/Align';
-import { OnDenied, PermissionAttr } from '../../@types/PermissionAttr';
-import { CustomInputEvent } from '../base/types';
-export type IBaseMaskProps = {
+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 '../../tooltip/types.js';
+import '../../@types/Position.js';
+
+type IBaseMaskProps = {
     value?: string | number;
     onBlur?: (e: CustomInputEvent) => void;
     onKeyDown?: (e: CustomInputEvent | KeyboardEvent<Element>) => void;
@@ -46,28 +50,31 @@ export type IBaseMaskProps = {
     mask?: any;
     min?: any;
     max?: any;
-    hint?: string | string[];
+    hint?: string;
     hintPosition?: 'below' | 'onLabelRight';
     themePopover?: 'light' | 'dark';
     popoverAlign?: 'right' | 'left';
     pattern?: string;
     mapToRadix?: string[];
     normalizeZeros?: boolean;
+    isDateTimeField?: boolean;
 };
-export type ICnpjFieldProps = IBaseMaskProps & {
+type ICnpjFieldProps = IBaseMaskProps & {
     value?: string;
     enableValidation?: boolean;
     handlerSetComponentValidator?: (validator: () => void) => void;
 };
-export type ICpfProps = IBaseMaskProps & {
+type ICpfProps = IBaseMaskProps & {
     value?: string;
     enableValidation?: boolean;
     handlerSetComponentValidator?: (validator: () => void) => void;
 };
-export type IPhoneFieldProps = IBaseMaskProps & {
+type IPhoneFieldProps = IBaseMaskProps & {
     value?: string;
     cellNumber?: boolean;
 };
-export type IZipCode = IBaseMaskProps & {
+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

@@ -1,3 +1,13 @@
-import { IActionButtonsProps } from './types';
-declare const ActionButtons: ({ disabled, dropdownOpened, handleOpenClose, handleCheckAll, handleUncheckAll, dropdownAlignButton, }: IActionButtonsProps) => import("react/jsx-runtime").JSX.Element;
-export default ActionButtons;
+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 '../../tooltip/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

@@ -1,39 +1,50 @@
-import { j as i } from "../../chunks/jsx-runtime.D1SHvdVE.js";
-import { c as b } from "../../chunks/compiler-runtime.Cu50tn6L.js";
-import { Fragment as C } from "react";
-import x from "../../buttons/Button.js";
-import "../../icons/index.js";
-import '../../assets/button.css';/* empty css                           */
-import A from "../../list/index.js";
-import { L as h } from "../../chunks/tabs.BvKfeA6Y.js";
-const O = (w) => {
-  const t = b.c(18), {
-    disabled: o,
-    dropdownOpened: j,
-    handleOpenClose: d,
-    handleCheckAll: m,
-    handleUncheckAll: c,
-    dropdownAlignButton: u
-  } = w, p = u === void 0 ? "left" : u, f = j ? "up" : "down";
-  let e;
-  t[0] !== o || t[1] !== d || t[2] !== f ? (e = /* @__PURE__ */ i.jsx(x, { transparent: !0, tabIndex: -1, disabled: o, boxShadow: !1, size: "small", onClick: d, customClass: "actionbutton", iconName: f }), t[0] = o, t[1] = d, t[2] = f, t[3] = e) : e = t[3];
-  let n;
-  t[4] !== m ? (n = /* @__PURE__ */ i.jsx(h, { itemId: "1", text: "Marcar Todos", onClick: m }), t[4] = m, t[5] = n) : n = t[5];
-  let s;
-  t[6] !== c ? (s = /* @__PURE__ */ i.jsx(h, { itemId: "2", text: "Desmarcar Todos", onClick: c }), t[6] = c, t[7] = s) : s = t[7];
-  let r;
-  t[8] !== n || t[9] !== s ? (r = /* @__PURE__ */ i.jsxs(A, { children: [
-    n,
-    s
-  ] }), t[8] = n, t[9] = s, t[10] = r) : r = t[10];
-  let l;
-  t[11] !== o || t[12] !== p || t[13] !== r ? (l = /* @__PURE__ */ i.jsx(x, { dropdown: !0, transparent: !0, disabled: o, tabIndex: -1, boxShadow: !1, showIconDropdown: !1, iconName: "more1", customClass: "actionbutton", dropdownAlign: p, children: r }), t[11] = o, t[12] = p, t[13] = r, t[14] = l) : l = t[14];
-  let a;
-  return t[15] !== e || t[16] !== l ? (a = /* @__PURE__ */ i.jsxs(C, { children: [
-    e,
-    l
-  ] }), t[15] = e, t[16] = l, t[17] = a) : a = t[17], a;
-};
-export {
-  O as default
+"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 _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+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

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

package/lib/inputs/multiSelect/Dropdown.js

@@ -1,98 +1,137 @@
-import { j as t } from "../../chunks/jsx-runtime.D1SHvdVE.js";
-import { c as _ } from "../../chunks/compiler-runtime.Cu50tn6L.js";
-import { useState as q } from "react";
-import M from "../../avatar/index.js";
-import D from "../../icons/index.js";
-const P = (j, e) => {
-  const l = j?.current?.getBoundingClientRect(), i = l?.bottom ? l?.bottom : 0, n = j?.current?.offsetTop ? j?.current?.offsetTop : 0, k = window.innerHeight - i;
-  let r = 200, s = e, a;
-  return !s || s <= 0 ? k < r ? (s = l?.top ? l.top : 0, a = window.innerHeight - n + 10) : s = k : (r = s, k < r && (a = window.innerHeight - n + 10)), {
-    maxHeight: `${s - 30}px`,
-    bottom: `${a}px`
+"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 _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+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) => {
+  var _selectFieldRef$curre, _selectFieldRef$curre2, _selectFieldRef$curre3;
+  const selectFieldRects = selectFieldRef === null || selectFieldRef === void 0 ? void 0 : (_selectFieldRef$curre = selectFieldRef.current) === null || _selectFieldRef$curre === void 0 ? void 0 : _selectFieldRef$curre.getBoundingClientRect();
+  const bottom = selectFieldRects !== null && selectFieldRects !== void 0 && selectFieldRects.bottom ? selectFieldRects === null || selectFieldRects === void 0 ? void 0 : selectFieldRects.bottom : 0;
+  const 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;
+  const dropdownBottomDistance = window.innerHeight - bottom;
+  let maxDropdownBottomDistance = 200;
+  let height = dropdownMaxHeight;
+  let dropdownPosition;
+  if (!height || height <= 0) {
+    if (dropdownBottomDistance < maxDropdownBottomDistance) {
+      height = selectFieldRects !== null && selectFieldRects !== void 0 && 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: "".concat(height - 30, "px"),
+    bottom: "".concat(dropdownPosition, "px")
   };
-}, Q = (j) => {
-  const e = _.c(42), {
-    imageAlign: l,
-    descriptionKey: i,
-    idKey: n,
-    dropdownMaxHeight: k,
-    selectFieldRef: r,
-    isAllChecked: s,
-    dropdownWidth: a,
-    inputValue: d,
-    gridWrapperStyle: E,
-    onFocus: A,
-    onFilter: B,
-    onBlur: H,
-    dataCombo: c,
-    opened: $,
-    onUncheckAll: F,
-    onCheckAll: I,
-    selecteds: y,
-    onSelect: K
-  } = j, C = l === void 0 ? "left" : l, T = k || 0;
-  let N;
-  e[0] !== r || e[1] !== T ? (N = P(r, T), e[0] = r, e[1] = T, e[2] = N) : N = e[2];
-  const [R] = q(N), U = E ? E.paddingLeft : "0";
-  let m;
-  e[3] !== R || e[4] !== a || e[5] !== U ? (m = {
-    width: a,
-    marginLeft: U,
-    ...R
-  }, e[3] = R, e[4] = a, e[5] = U, e[6] = m) : m = e[6];
-  let p;
-  e[7] !== A ? (p = () => {
-    A();
-  }, e[7] = A, e[8] = p) : p = e[8];
-  let u;
-  e[9] !== H ? (u = (o) => {
-    H(o);
-  }, e[9] = H, e[10] = u) : u = e[10];
-  let f;
-  e[11] !== B ? (f = (o) => {
-    B(o.target.value);
-  }, e[11] = B, e[12] = f) : f = e[12];
-  let h;
-  e[13] !== d || e[14] !== $ || e[15] !== p || e[16] !== u || e[17] !== f ? (h = /* @__PURE__ */ t.jsx("input", { className: "filterinput", type: "text", value: d, onFocus: p, onBlur: u, onChange: f, autoFocus: $ }), e[13] = d, e[14] = $, e[15] = p, e[16] = u, e[17] = f, e[18] = h) : h = e[18];
-  let v;
-  e[19] === Symbol.for("react.memo_cache_sentinel") ? (v = /* @__PURE__ */ t.jsx(D, { customClass: "filtericon", name: "search", viewBox: "0 0 32 32" }), e[19] = v) : v = e[19];
-  let x;
-  e[20] !== h ? (x = /* @__PURE__ */ t.jsxs("div", { className: "filtercontainer", children: [
-    h,
-    v
-  ] }), e[20] = h, e[21] = x) : x = e[21];
-  let g;
-  e[22] !== c || e[23] !== d || e[24] !== s || e[25] !== I || e[26] !== F ? (g = c && c.length > 0 && /* @__PURE__ */ t.jsx("div", { className: "item selectall", children: /* @__PURE__ */ t.jsxs("button", { className: "menubutton", tabIndex: -1, onClick: () => s ? F(!0) : I(!0), children: [
-    /* @__PURE__ */ t.jsx(D, { name: s && c.length > 0 ? "checkboxChecked2" : "checkboxUnchecked2", customClass: "checkboxicon" }),
-    /* @__PURE__ */ t.jsx("span", { className: "label", children: d !== "" ? "Selecionar todos pesquisados" : "Selecionar Todos" })
-  ] }) }), e[22] = c, e[23] = d, e[24] = s, e[25] = I, e[26] = F, e[27] = g) : g = e[27];
-  let b;
-  e[28] !== c || e[29] !== i || e[30] !== n || e[31] !== C || e[32] !== K || e[33] !== y ? (b = c?.map((o) => {
-    const L = y ? y.find((W) => W[n] === o[n]) : void 0;
-    return /* @__PURE__ */ t.jsx("div", { className: `item ${L && "-selected"}`, children: /* @__PURE__ */ t.jsxs("button", { className: "menubutton", tabIndex: -1, onClick: () => {
-      K(o);
-    }, children: [
-      /* @__PURE__ */ t.jsx(D, { name: L ? "checkboxChecked2" : "checkboxUnchecked2", customClass: "checkboxicon" }),
-      o.iconName && /* @__PURE__ */ t.jsx(D, { name: o.iconName, customClass: "menuicon", style: {
-        order: C === "left" ? 0 : 1
-      } }),
-      o.imgSrcKey && /* @__PURE__ */ t.jsx(M, { src: o.imgSrcKey, customClass: "menuicon", style: {
-        order: C === "left" ? 0 : 1
-      } }),
-      /* @__PURE__ */ t.jsx("span", { className: "label", children: typeof i == "string" ? o[i] : i(o) })
-    ] }) }, `dropdowmItem ${o[n]}}`);
-  }), e[28] = c, e[29] = i, e[30] = n, e[31] = C, e[32] = K, e[33] = y, e[34] = b) : b = e[34];
-  let w;
-  e[35] !== g || e[36] !== b ? (w = /* @__PURE__ */ t.jsxs("div", { className: "listcontainer", children: [
-    g,
-    b
-  ] }), e[35] = g, e[36] = b, e[37] = w) : w = e[37];
-  let S;
-  return e[38] !== x || e[39] !== w || e[40] !== m ? (S = /* @__PURE__ */ t.jsxs("div", { className: "dropdown", style: m, children: [
-    x,
-    w
-  ] }), e[38] = x, e[39] = w, e[40] = m, e[41] = S) : S = e[41], S;
 };
-export {
-  Q as default
+const Dropdown = props => {
+  const {
+    imageAlign = 'left',
+    descriptionKey,
+    idKey,
+    dropdownMaxHeight,
+    selectFieldRef,
+    isAllChecked,
+    dropdownWidth,
+    inputValue,
+    gridWrapperStyle,
+    onFocus,
+    onFilter,
+    onBlur,
+    dataCombo,
+    opened,
+    onUncheckAll,
+    onCheckAll,
+    selecteds,
+    onSelect,
+    dropdownMaxWidth
+  } = props;
+  const [dropdownDynamicStyles] = (0, _react.useState)(returnDropdownDynamicStyles(selectFieldRef, dropdownMaxHeight || 0));
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: "dropdown",
+    style: _objectSpread({
+      width: dropdownMaxWidth || 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",
+    size: 14
+  })), /*#__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 === null || dataCombo === void 0 ? void 0 : dataCombo.map(item => {
+    const isChecked = selecteds ? selecteds.find(selected => selected[idKey] === item[idKey]) : undefined;
+    return /*#__PURE__*/_react.default.createElement("div", {
+      key: "dropdowmItem ".concat(item[idKey], "}"),
+      className: "item ".concat(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

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

package/lib/inputs/multiSelect/helper.js

@@ -1,8 +1,21 @@
-const a = ({
-  dataSource: t,
-  descriptionKey: e,
-  inputText: o
-}) => t.filter((r) => typeof e == "string" ? r[e].toLowerCase().indexOf(o.toLowerCase()) > -1 : e(r)?.toLowerCase().indexOf(o.toLowerCase()) > -1);
-export {
-  a as default
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+const getFilteredDataCombo = _ref => {
+  let {
+    dataSource,
+    descriptionKey,
+    inputText
+  } = _ref;
+  return dataSource.filter(item => {
+    var _descriptionKey;
+    if (typeof descriptionKey === 'string') {
+      return item[descriptionKey].toLowerCase().indexOf(inputText.toLowerCase()) > -1;
+    }
+    return ((_descriptionKey = descriptionKey(item)) === null || _descriptionKey === void 0 ? void 0 : _descriptionKey.toLowerCase().indexOf(inputText.toLowerCase())) > -1;
+  });
 };
+var _default = exports.default = getFilteredDataCombo;

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

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