linear-react-components-ui 1.1.26-beta.19 → 1.1.26-beta.20

package/lib/inputs/select/Dropdown.js

@@ -1,114 +1,71 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _icons = _interopRequireDefault(require("../../icons"));
-var _avatar = _interopRequireDefault(require("../../avatar"));
-var helper = _interopRequireWildcard(require("./helper"));
-var _Popup = _interopRequireDefault(require("../../dropdown/Popup"));
-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 Dropdown = props => {
+import { jsx as n, jsxs as c } from "react/jsx-runtime";
+import { useState as R, useEffect as j } from "react";
+import f from "../../icons/index.js";
+import A from "../../avatar/index.js";
+import { returnDropdownDynamicStyles as h, getDropdownItemCssClass as B } from "./helper.js";
+import H from "../../dropdown/Popup.js";
+const $ = (r) => {
   const {
-    imageAlign = 'left',
-    striped = false,
-    dataCombo,
-    descriptionKey,
-    imgSrcKey,
-    dropdownRef,
-    currents = [],
-    dropdownWidth,
-    gridWrapperStyle,
-    handleOnSelect,
-    inputValue,
-    handleOnFocus,
-    opened,
-    handleOnFilter,
-    selected = null,
-    searchOnDropdown,
-    handleOnKeydown,
-    searchNotFoundText,
-    idKey,
-    selectFieldRef
-  } = props;
-  const [dropdownDynamicStyles, setDropdownDynamicStyles] = (0, _react.useState)(helper.returnDropdownDynamicStyles(_objectSpread({}, props)));
-  (0, _react.useEffect)(() => {
-    if (dropdownRef.current) {
-      setDropdownDynamicStyles(helper.returnDropdownDynamicStyles(_objectSpread({}, props)));
-    }
-  }, [dropdownRef.current, dataCombo]);
-  return /*#__PURE__*/_react.default.createElement(_Popup.default, {
-    align: "left",
-    leftPosition: dropdownDynamicStyles.left,
-    topPosition: dropdownDynamicStyles.top,
-    targetRef: selectFieldRef?.current
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: "select-dropdown",
-    ref: dropdownRef,
-    style: {
-      width: dropdownWidth,
-      marginLeft: gridWrapperStyle ? gridWrapperStyle.paddingLeft : '0',
-      maxHeight: dropdownDynamicStyles.maxHeight
-    }
-  }, searchOnDropdown && /*#__PURE__*/_react.default.createElement("div", {
-    className: "filtercontainer"
-  }, /*#__PURE__*/_react.default.createElement("input", {
-    className: "filterinput",
-    type: "text",
-    value: inputValue,
-    onFocus: () => {
-      handleOnFocus();
-    },
-    onChange: e => {
-      handleOnFilter(e.target.value);
-    },
-    onKeyDown: e => {
-      handleOnKeydown(e);
-    },
-    autoFocus: opened
-  }), /*#__PURE__*/_react.default.createElement(_icons.default, {
-    name: "search",
-    viewBox: "0 0 32 32"
-  })), dataCombo.map(item => {
-    const disabled = currents && currents.length > 0 ? currents.some(s => s[idKey] === item[idKey]) : false;
-    const itemSelected = Boolean(selected && selected[idKey] === item[idKey]);
-    return /*#__PURE__*/_react.default.createElement("div", {
-      key: `dropdowmIten ${item[idKey]}}`,
-      className: helper.getDropdownItemCssClass(itemSelected, disabled, striped)
-    }, /*#__PURE__*/_react.default.createElement("button", {
-      className: "menubutton",
-      tabIndex: -1,
-      onClick: () => {
-        if (!disabled) {
-          handleOnSelect(item);
-        }
-      }
-    }, item.iconName && /*#__PURE__*/_react.default.createElement(_icons.default, {
-      name: item.iconName,
-      customClass: "menuicon",
-      style: {
-        order: imageAlign === 'left' ? 0 : 1
-      }
-    }), imgSrcKey && 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))));
-  }), dataCombo && dataCombo.length === 0 && /*#__PURE__*/_react.default.createElement("div", {
-    className: "notfound"
-  }, searchNotFoundText)));
+    imageAlign: i = "left",
+    striped: y = !1,
+    dataCombo: t,
+    descriptionKey: a,
+    imgSrcKey: g,
+    dropdownRef: s,
+    currents: l = [],
+    dropdownWidth: w,
+    gridWrapperStyle: m,
+    handleOnSelect: D,
+    inputValue: N,
+    handleOnFocus: S,
+    opened: x,
+    handleOnFilter: v,
+    selected: p = null,
+    searchOnDropdown: C,
+    handleOnKeydown: K,
+    searchNotFoundText: b,
+    idKey: o,
+    selectFieldRef: F
+  } = r, [d, O] = R(h({
+    ...r
+  }));
+  return j(() => {
+    s.current && O(h({
+      ...r
+    }));
+  }, [s.current, t]), /* @__PURE__ */ n(H, { align: "left", leftPosition: d.left, topPosition: d.top, targetRef: F?.current, children: /* @__PURE__ */ c("div", { className: "select-dropdown", ref: s, style: {
+    width: w,
+    marginLeft: m ? m.paddingLeft : "0",
+    maxHeight: d.maxHeight
+  }, children: [
+    C && /* @__PURE__ */ c("div", { className: "filtercontainer", children: [
+      /* @__PURE__ */ n("input", { className: "filterinput", type: "text", value: N, onFocus: () => {
+        S();
+      }, onChange: (e) => {
+        v(e.target.value);
+      }, onKeyDown: (e) => {
+        K(e);
+      }, autoFocus: x }),
+      /* @__PURE__ */ n(f, { name: "search", viewBox: "0 0 32 32" })
+    ] }),
+    t.map((e) => {
+      const u = l && l.length > 0 ? l.some((P) => P[o] === e[o]) : !1, I = !!(p && p[o] === e[o]);
+      return /* @__PURE__ */ n("div", { className: B(I, u, y), children: /* @__PURE__ */ c("button", { className: "menubutton", tabIndex: -1, onClick: () => {
+        u || D(e);
+      }, children: [
+        e.iconName && /* @__PURE__ */ n(f, { name: e.iconName, customClass: "menuicon", style: {
+          order: i === "left" ? 0 : 1
+        } }),
+        g && e.imgSrcKey && /* @__PURE__ */ n(A, { src: e.imgSrcKey, customClass: "menuicon", style: {
+          order: i === "left" ? 0 : 1
+        } }),
+        /* @__PURE__ */ n("span", { className: "label", children: typeof a == "string" ? e[a] : a(e) })
+      ] }) }, `dropdowmIten ${e[o]}}`);
+    }),
+    t && t.length === 0 && /* @__PURE__ */ n("div", { className: "notfound", children: b })
+  ] }) });
 };
-var _default = exports.default = Dropdown;
+export {
+  $ as default
+};
+//# sourceMappingURL=Dropdown.js.map

package/lib/inputs/select/Dropdown.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dropdown.js","sources":["../../../src/lib/inputs/select/Dropdown.tsx"],"sourcesContent":["import { ChangeEvent, KeyboardEvent, useEffect, useState } from 'react';\nimport Icon from '../../icons';\nimport Avatar from '../../avatar';\nimport * as helper from './helper';\nimport DropdownPopup from '../../dropdown/Popup';\nimport { IDropdownSelectProps } from '../types';\nimport { DataCombo } from '../../@types/DataCombo';\n\nconst Dropdown = (props: IDropdownSelectProps) => {\n  const {\n    imageAlign = 'left', striped = false, dataCombo, descriptionKey, imgSrcKey, dropdownRef,\n    currents = [], dropdownWidth, gridWrapperStyle, handleOnSelect, inputValue,\n    handleOnFocus, opened, handleOnFilter, selected = null, searchOnDropdown, handleOnKeydown,\n    searchNotFoundText, idKey, selectFieldRef,\n  } = props;\n  const [dropdownDynamicStyles, setDropdownDynamicStyles] =\n    useState(helper.returnDropdownDynamicStyles({ ...props }));\n\n  useEffect(() => {\n    if (dropdownRef.current) {\n      setDropdownDynamicStyles(helper.returnDropdownDynamicStyles({ ...props }));\n    }\n  }, [dropdownRef.current, dataCombo]);\n\n  return (\n    <DropdownPopup\n      align=\"left\"\n      leftPosition={dropdownDynamicStyles.left}\n      topPosition={dropdownDynamicStyles.top}\n      targetRef={selectFieldRef?.current}>\n      <div\n        className=\"select-dropdown\"\n        ref={dropdownRef}\n        style={{\n          width: dropdownWidth,\n          marginLeft: gridWrapperStyle ? gridWrapperStyle.paddingLeft : '0',\n          maxHeight: dropdownDynamicStyles.maxHeight,\n        }}>\n        {searchOnDropdown &&\n          <div className=\"filtercontainer\">\n            <input\n              className=\"filterinput\"\n              type=\"text\"\n              value={inputValue}\n              onFocus={() => { handleOnFocus(); }}\n              onChange={(e: ChangeEvent<HTMLInputElement>) => {\n                handleOnFilter(e.target.value);\n              }}\n              onKeyDown={(e: KeyboardEvent<Element>) => { handleOnKeydown(e); }}\n              autoFocus={opened} />\n            <Icon name=\"search\" viewBox=\"0 0 32 32\" />\n          </div>\n        }\n        {dataCombo.map((item: DataCombo) => {\n          const disabled = (currents && currents.length > 0 ?\n              currents.some(s => s[idKey] === item[idKey])\n            : false);\n          const itemSelected = Boolean(selected && selected[idKey] === item[idKey]);\n          return (\n            <div\n              key={`dropdowmIten ${item[idKey]}}`}\n              className={helper.getDropdownItemCssClass(itemSelected, disabled, striped)} >\n              <button\n                className=\"menubutton\"\n                tabIndex={-1}\n                onClick={() => { if (!disabled) { handleOnSelect(item); } }}>\n                {item.iconName &&\n                  <Icon\n                    name={item.iconName}\n                    customClass=\"menuicon\"\n                    style={{ order: imageAlign === 'left' ? 0 : 1 }} />\n                }\n                {imgSrcKey && item.imgSrcKey &&\n                  <Avatar\n                    src={item.imgSrcKey}\n                    customClass=\"menuicon\"\n                    style={{ order: imageAlign === 'left' ? 0 : 1 }} />\n                }\n                <span className=\"label\">{typeof descriptionKey === 'string' ? item[descriptionKey] : descriptionKey(item)}</span>\n              </button>\n            </div>\n          );\n        })}\n        {dataCombo && dataCombo.length === 0 &&\n          <div className=\"notfound\">{searchNotFoundText}</div>\n        }\n      </div>\n    </DropdownPopup>\n  );\n};\n\nexport default Dropdown;\n"],"names":["Dropdown","props","imageAlign","striped","dataCombo","descriptionKey","imgSrcKey","dropdownRef","currents","dropdownWidth","gridWrapperStyle","handleOnSelect","inputValue","handleOnFocus","opened","handleOnFilter","selected","searchOnDropdown","handleOnKeydown","searchNotFoundText","idKey","selectFieldRef","dropdownDynamicStyles","setDropdownDynamicStyles","useState","helper","useEffect","current","DropdownPopup","left","top","jsxs","width","marginLeft","paddingLeft","maxHeight","jsx","e","target","value","Icon","map","item","disabled","length","some","s","itemSelected","Boolean","iconName","order","Avatar"],"mappings":"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"}

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

@@ -1,25 +1,11 @@
-import { IDropdownSelectProps } from '../types.js';
-import { GetSimpleFilteredParams, GetMultipleFilteredParams } from './types.js';
-import 'react';
-import '../../@types/PermissionAttr.js';
-import '../../@types/DataCombo.js';
-import '../base/types.js';
-import '../../@types/Align.js';
-import '../../@types/Period.js';
-import '../../tooltip/types.js';
-import '../../@types/Position.js';
-import '../../drawer/types.js';
-import '../../@types/Icon.js';
-import '../../icons/helper.js';
-
-declare const contentClass: (props: IDropdownSelectProps) => string;
-declare const getDropdownItemCssClass: (selected: boolean, disabled: boolean, striped: boolean) => string;
-declare const getFilteredSimpleDataCombo: ({ dataSource, descriptionKey, inputText, }: Omit<GetSimpleFilteredParams, 'currents'>) => any[];
-declare const getFilteredMultipleDataCombo: ({ dataSource, inputText, descriptionKey, currents, }: GetMultipleFilteredParams) => any[];
-declare const returnDropdownDynamicStyles: ({ selectFieldRef, dropdownMaxHeight, dropdownRef }: IDropdownSelectProps) => {
+import { IDropdownSelectProps } from '../types';
+import { GetMultipleFilteredParams, GetSimpleFilteredParams } from './types';
+export declare const contentClass: (props: IDropdownSelectProps) => string;
+export declare const getDropdownItemCssClass: (selected: boolean, disabled: boolean, striped: boolean) => string;
+export declare const getFilteredSimpleDataCombo: ({ dataSource, descriptionKey, inputText, }: Omit<GetSimpleFilteredParams, "currents">) => any[];
+export declare const getFilteredMultipleDataCombo: ({ dataSource, inputText, descriptionKey, currents, }: GetMultipleFilteredParams) => any[];
+export declare const returnDropdownDynamicStyles: ({ selectFieldRef, dropdownMaxHeight, dropdownRef }: IDropdownSelectProps) => {
     maxHeight: number;
     top: number;
     left: number;
 };
-
-export { contentClass, getDropdownItemCssClass, getFilteredMultipleDataCombo, getFilteredSimpleDataCombo, returnDropdownDynamicStyles };

package/lib/inputs/select/helper.js

@@ -1,108 +1,48 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.returnDropdownDynamicStyles = exports.getFilteredSimpleDataCombo = exports.getFilteredMultipleDataCombo = exports.getDropdownItemCssClass = exports.contentClass = void 0;
-const contentClass = props => `content ${props.showClearButton ? '' : 'noclear'}`;
-exports.contentClass = contentClass;
-const getDropdownItemCssClass = (selected, disabled, striped) => {
-  let className = 'item';
-  className += selected && !disabled ? ' -selected ' : '';
-  className += disabled ? ' -disabled' : '';
-  className += !selected && !disabled && striped ? ' -striped ' : '';
-  return className;
-};
-exports.getDropdownItemCssClass = getDropdownItemCssClass;
-const getFilteredSimpleDataCombo = _ref => {
-  let {
-    dataSource,
-    descriptionKey,
-    inputText
-  } = _ref;
-  return dataSource && dataSource.filter(item => {
-    if (typeof descriptionKey === 'string') {
-      return item[descriptionKey]?.toLowerCase().indexOf(inputText?.toString().toLowerCase()) > -1;
-    }
-    return descriptionKey(item)?.toLowerCase().indexOf(inputText?.toString().toLowerCase()) > -1;
-  });
-};
-exports.getFilteredSimpleDataCombo = getFilteredSimpleDataCombo;
-const getFilteredMultipleDataCombo = _ref2 => {
-  let {
-    dataSource,
-    inputText,
-    descriptionKey,
-    currents
-  } = _ref2;
-  return dataSource.filter(item => {
-    if (typeof descriptionKey === 'string') {
-      return item[descriptionKey].toLowerCase().indexOf(inputText?.toString().toLowerCase()) > -1 && !currents.includes(item);
-    }
-    return descriptionKey(item)?.toLowerCase().indexOf(inputText?.toString().toLowerCase()) > -1 && !currents.includes(item);
-  });
-};
-exports.getFilteredMultipleDataCombo = getFilteredMultipleDataCombo;
-const returnDropdownPosition = function (_ref3) {
-  let {
-    selectFieldRects,
-    dropdownRef,
-    dropdownRects
-  } = _ref3;
-  let aboveDropdown = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
-  const DEFAULT_MARGIN_BOTTOM = 10;
-  if (aboveDropdown && dropdownRef?.current && dropdownRects?.height) {
-    return selectFieldRects.top + window.scrollY - (dropdownRef.current && dropdownRects.height) - DEFAULT_MARGIN_BOTTOM;
-  }
-  return selectFieldRects.top + window.scrollY + selectFieldRects.height;
-};
-const returnDropdownDynamicStyles = _ref4 => {
-  let {
-    selectFieldRef,
-    dropdownMaxHeight,
-    dropdownRef
-  } = _ref4;
-  const selectFieldRects = selectFieldRef?.current ? selectFieldRef.current.getBoundingClientRect() : undefined;
-  const dropdownRects = dropdownRef?.current ? dropdownRef.current.getBoundingClientRect() : undefined;
-  const selectFieldRectsBottom = selectFieldRects ? selectFieldRects?.bottom : 0;
-  const selectFieldRectsTop = selectFieldRects ? selectFieldRects?.top : 0;
-  const dropdownBottomDistance = window.innerHeight - selectFieldRectsBottom;
-  const bottomOffset = 30;
-  let maxDropdownBottomDistance = 200;
-  let height = dropdownMaxHeight;
-  let dropdownPosition;
-  if (!height || height <= 0) {
-    if (dropdownBottomDistance < maxDropdownBottomDistance && selectFieldRects) {
-      height = selectFieldRectsTop;
-      dropdownPosition = returnDropdownPosition({
-        selectFieldRects,
-        dropdownRef,
-        dropdownRects
-      }, true);
-    } else {
-      height = dropdownBottomDistance;
-      dropdownPosition = selectFieldRects ? returnDropdownPosition({
-        selectFieldRects
-      }) : 0;
-    }
-  } else {
-    maxDropdownBottomDistance = height;
-    if (dropdownBottomDistance < maxDropdownBottomDistance && selectFieldRects) {
-      dropdownPosition = returnDropdownPosition({
-        selectFieldRects,
-        dropdownRef,
-        dropdownRects
-      }, true);
-    } else {
-      dropdownPosition = selectFieldRects ? returnDropdownPosition({
-        selectFieldRects
-      }) : 0;
-    }
-  }
-  return {
-    maxHeight: height - bottomOffset,
-    top: dropdownPosition,
-    left: selectFieldRects ? selectFieldRects.left : 0
+const f = (r, o, e) => {
+  let t = "item";
+  return t += r && !o ? " -selected " : "", t += o ? " -disabled" : "", t += !r && !o && e ? " -striped " : "", t;
+}, C = ({
+  dataSource: r,
+  descriptionKey: o,
+  inputText: e
+}) => r && r.filter((t) => typeof o == "string" ? t[o]?.toLowerCase().indexOf(e?.toString().toLowerCase()) > -1 : o(t)?.toLowerCase().indexOf(e?.toString().toLowerCase()) > -1), D = ({
+  dataSource: r,
+  inputText: o,
+  descriptionKey: e,
+  currents: t
+}) => r.filter((n) => typeof e == "string" ? n[e].toLowerCase().indexOf(o?.toString().toLowerCase()) > -1 && !t.includes(n) : e(n)?.toLowerCase().indexOf(o?.toString().toLowerCase()) > -1 && !t.includes(n)), l = ({
+  selectFieldRects: r,
+  dropdownRef: o,
+  dropdownRects: e
+}, t = !1) => t && o?.current && e?.height ? r.top + window.scrollY - (o.current && e.height) - 10 : r.top + window.scrollY + r.height, h = ({
+  selectFieldRef: r,
+  dropdownMaxHeight: o,
+  dropdownRef: e
+}) => {
+  const t = r?.current ? r.current.getBoundingClientRect() : void 0, n = e?.current ? e.current.getBoundingClientRect() : void 0, u = t ? t?.bottom : 0, a = t ? t?.top : 0, c = window.innerHeight - u, w = 30;
+  let g = 200, s = o, i;
+  return !s || s <= 0 ? c < g && t ? (s = a, i = l({
+    selectFieldRects: t,
+    dropdownRef: e,
+    dropdownRects: n
+  }, !0)) : (s = c, i = t ? l({
+    selectFieldRects: t
+  }) : 0) : (g = s, c < g && t ? i = l({
+    selectFieldRects: t,
+    dropdownRef: e,
+    dropdownRects: n
+  }, !0) : i = t ? l({
+    selectFieldRects: t
+  }) : 0), {
+    maxHeight: s - w,
+    top: i,
+    left: t ? t.left : 0
   };
 };
-exports.returnDropdownDynamicStyles = returnDropdownDynamicStyles;
+export {
+  f as getDropdownItemCssClass,
+  D as getFilteredMultipleDataCombo,
+  C as getFilteredSimpleDataCombo,
+  h as returnDropdownDynamicStyles
+};
+//# sourceMappingURL=helper.js.map

package/lib/inputs/select/helper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"helper.js","sources":["../../../src/lib/inputs/select/helper.ts"],"sourcesContent":["import { RefObject } from 'react';\nimport { DataCombo } from '../../@types/DataCombo';\nimport { IDropdownSelectProps } from '../types';\nimport { GetMultipleFilteredParams, GetSimpleFilteredParams } from './types';\n\nexport const contentClass = (props: IDropdownSelectProps) => (\n  `content ${props.showClearButton ? '' : 'noclear'}`\n);\n\nexport const getDropdownItemCssClass = (\n  selected: boolean,\n  disabled: boolean,\n  striped: boolean,\n) => {\n  let className = 'item';\n  className += (selected && !disabled ? ' -selected ' : '');\n  className += disabled ? ' -disabled' : '';\n  className += (!selected && !disabled && striped ? ' -striped ' : '');\n\n  return className;\n};\n\nexport const getFilteredSimpleDataCombo = ({\n  dataSource, descriptionKey, inputText,\n}: Omit<GetSimpleFilteredParams, 'currents'>) => dataSource && dataSource.filter((item: DataCombo) => {\n  if (typeof descriptionKey === 'string') {\n    return item[descriptionKey]?.toLowerCase().indexOf(inputText?.toString().toLowerCase()) > -1;\n  }\n  return descriptionKey(item)?.toLowerCase().indexOf(inputText?.toString().toLowerCase()) > -1;\n});\n\nexport const getFilteredMultipleDataCombo = ({\n  dataSource, inputText, descriptionKey, currents,\n}: GetMultipleFilteredParams) =>\n  dataSource.filter((item) => {\n    if (typeof descriptionKey === 'string') {\n      return item[descriptionKey].toLowerCase().indexOf(inputText?.toString().toLowerCase()) > -1 &&\n      !currents.includes(item);\n    }\n    return descriptionKey(item)?.toLowerCase().indexOf(inputText?.toString().toLowerCase()) > -1\n      && !currents.includes(item);\n  });\n\nconst returnDropdownPosition = ({\n  selectFieldRects, dropdownRef, dropdownRects }:\n{ selectFieldRects: DOMRect,\n  dropdownRef?: RefObject<HTMLDivElement>,\n  dropdownRects?: DOMRect }, aboveDropdown = false) => {\n  const DEFAULT_MARGIN_BOTTOM = 10;\n  if (aboveDropdown && dropdownRef?.current && dropdownRects?.height) {\n    return (selectFieldRects.top + window.scrollY) -\n      (dropdownRef.current && dropdownRects.height) - DEFAULT_MARGIN_BOTTOM;\n  }\n  return ((selectFieldRects.top) + window.scrollY) + selectFieldRects.height;\n};\n\nexport const returnDropdownDynamicStyles = ({ selectFieldRef,\n  dropdownMaxHeight,\n  dropdownRef }: IDropdownSelectProps) => {\n  const selectFieldRects =\n    selectFieldRef?.current ? selectFieldRef.current.getBoundingClientRect() : undefined;\n  const dropdownRects =\n    dropdownRef?.current ? dropdownRef.current.getBoundingClientRect() : undefined;\n  const selectFieldRectsBottom = selectFieldRects ? selectFieldRects?.bottom : 0;\n  const selectFieldRectsTop = selectFieldRects ? selectFieldRects?.top : 0;\n\n  const dropdownBottomDistance = window.innerHeight - selectFieldRectsBottom;\n  const bottomOffset = 30;\n  let maxDropdownBottomDistance = 200;\n  let height = dropdownMaxHeight;\n  let dropdownPosition;\n  if (!height || height <= 0) {\n    if (dropdownBottomDistance < maxDropdownBottomDistance && selectFieldRects) {\n      height = selectFieldRectsTop;\n      dropdownPosition =\n        returnDropdownPosition({ \n          selectFieldRects, dropdownRef: dropdownRef as any, dropdownRects,\n        }, true);\n    } else {\n      height = dropdownBottomDistance;\n      dropdownPosition = selectFieldRects ? returnDropdownPosition({ selectFieldRects }) : 0;\n    }\n  } else {\n    maxDropdownBottomDistance = height;\n    if (dropdownBottomDistance < maxDropdownBottomDistance && selectFieldRects) {\n      dropdownPosition =\n        returnDropdownPosition({ \n          selectFieldRects, dropdownRef: dropdownRef as any, dropdownRects, \n        }, true);\n    } else {\n      dropdownPosition = selectFieldRects ? returnDropdownPosition({ selectFieldRects }) : 0;\n    }\n  }\n\n  return {\n    maxHeight: height - bottomOffset,\n    top: dropdownPosition,\n    left: selectFieldRects ? selectFieldRects.left : 0,\n  };\n};\n"],"names":["getDropdownItemCssClass","selected","disabled","striped","className","getFilteredSimpleDataCombo","dataSource","descriptionKey","inputText","filter","item","toLowerCase","indexOf","toString","getFilteredMultipleDataCombo","currents","includes","returnDropdownPosition","selectFieldRects","dropdownRef","dropdownRects","aboveDropdown","current","height","top","window","scrollY","DEFAULT_MARGIN_BOTTOM","returnDropdownDynamicStyles","selectFieldRef","dropdownMaxHeight","getBoundingClientRect","undefined","selectFieldRectsBottom","bottom","selectFieldRectsTop","dropdownBottomDistance","innerHeight","bottomOffset","maxDropdownBottomDistance","dropdownPosition","maxHeight","left"],"mappings":"AASO,MAAMA,IAA0BA,CACrCC,GACAC,GACAC,MACG;AACH,MAAIC,IAAY;AAChBA,SAAAA,KAAcH,KAAY,CAACC,IAAW,gBAAgB,IACtDE,KAAaF,IAAW,eAAe,IACvCE,KAAc,CAACH,KAAY,CAACC,KAAYC,IAAU,eAAe,IAE1DC;AACT,GAEaC,IAA6BA,CAAC;AAAA,EACzCC,YAAAA;AAAAA,EAAYC,gBAAAA;AAAAA,EAAgBC,WAAAA;AACa,MAAMF,KAAcA,EAAWG,OAAO,CAACC,MAC5E,OAAOH,KAAmB,WACrBG,EAAKH,CAAc,GAAGI,cAAcC,QAAQJ,GAAWK,SAAAA,EAAWF,YAAAA,CAAa,IAAI,KAErFJ,EAAeG,CAAI,GAAGC,cAAcC,QAAQJ,GAAWK,SAAAA,EAAWF,YAAAA,CAAa,IAAI,EAC3F,GAEYG,IAA+BA,CAAC;AAAA,EAC3CR,YAAAA;AAAAA,EAAYE,WAAAA;AAAAA,EAAWD,gBAAAA;AAAAA,EAAgBQ,UAAAA;AACd,MACzBT,EAAWG,OAAQC,CAAAA,MACb,OAAOH,KAAmB,WACrBG,EAAKH,CAAc,EAAEI,YAAAA,EAAcC,QAAQJ,GAAWK,SAAAA,EAAWF,YAAAA,CAAa,IAAI,MACzF,CAACI,EAASC,SAASN,CAAI,IAElBH,EAAeG,CAAI,GAAGC,YAAAA,EAAcC,QAAQJ,GAAWK,SAAAA,EAAWF,YAAAA,CAAa,IAAI,MACrF,CAACI,EAASC,SAASN,CAAI,CAC7B,GAEGO,IAAyBA,CAAC;AAAA,EAC9BC,kBAAAA;AAAAA,EAAkBC,aAAAA;AAAAA,EAAaC,eAAAA;AAGP,GAAGC,IAAgB,OAEvCA,KAAiBF,GAAaG,WAAWF,GAAeG,SAClDL,EAAiBM,MAAMC,OAAOC,WACnCP,EAAYG,WAAWF,EAAcG,UAAUI,KAE3CT,EAAiBM,MAAOC,OAAOC,UAAWR,EAAiBK,QAGzDK,IAA8BA,CAAC;AAAA,EAAEC,gBAAAA;AAAAA,EAC5CC,mBAAAA;AAAAA,EACAX,aAAAA;AAAkC,MAAM;AACxC,QAAMD,IACJW,GAAgBP,UAAUO,EAAeP,QAAQS,0BAA0BC,QACvEZ,IACJD,GAAaG,UAAUH,EAAYG,QAAQS,0BAA0BC,QACjEC,IAAyBf,IAAmBA,GAAkBgB,SAAS,GACvEC,IAAsBjB,IAAmBA,GAAkBM,MAAM,GAEjEY,IAAyBX,OAAOY,cAAcJ,GAC9CK,IAAe;AACrB,MAAIC,IAA4B,KAC5BhB,IAASO,GACTU;AACJ,SAAI,CAACjB,KAAUA,KAAU,IACnBa,IAAyBG,KAA6BrB,KACxDK,IAASY,GACTK,IACEvB,EAAuB;AAAA,IACrBC,kBAAAA;AAAAA,IAAkBC,aAAAA;AAAAA,IAAiCC,eAAAA;AAAAA,EAAAA,GAClD,EAAI,MAETG,IAASa,GACTI,IAAmBtB,IAAmBD,EAAuB;AAAA,IAAEC,kBAAAA;AAAAA,EAAAA,CAAkB,IAAI,MAGvFqB,IAA4BhB,GACxBa,IAAyBG,KAA6BrB,IACxDsB,IACEvB,EAAuB;AAAA,IACrBC,kBAAAA;AAAAA,IAAkBC,aAAAA;AAAAA,IAAiCC,eAAAA;AAAAA,EAAAA,GAClD,EAAI,IAEToB,IAAmBtB,IAAmBD,EAAuB;AAAA,IAAEC,kBAAAA;AAAAA,EAAAA,CAAkB,IAAI,IAIlF;AAAA,IACLuB,WAAWlB,IAASe;AAAAA,IACpBd,KAAKgB;AAAAA,IACLE,MAAMxB,IAAmBA,EAAiBwB,OAAO;AAAA,EAAA;AAErD;"}

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

@@ -1,13 +1,3 @@
-import { ISelectFieldProps } from './types.js';
-import '../../@types/Align.js';
-import '../../@types/DataCombo.js';
-import '../../@types/PermissionAttr.js';
-import '../base/types.js';
-import 'react';
-import '../../@types/Period.js';
-import '../../tooltip/types.js';
-import '../../@types/Position.js';
-
-declare const SelectField: (props: ISelectFieldProps) => JSX.Element;
-
-export { SelectField as default };
+import { ISelectFieldProps } from './types';
+declare const SelectField: (props: ISelectFieldProps) => import("react/jsx-runtime").JSX.Element;
+export default SelectField;

package/lib/inputs/select/index.js

@@ -1,42 +1,28 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _multiple = _interopRequireDefault(require("./multiple"));
-require("../../assets/styles/select.scss");
-var _gridlayout = _interopRequireDefault(require("../../gridlayout"));
-var _simple = _interopRequireDefault(require("./simple"));
-const _excluded = ["gridLayout", "multiple", "value"];
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(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 (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
-const SelectField = props => {
-  const {
-      gridLayout,
-      multiple,
-      value
-    } = props,
-    newProps = _objectWithoutProperties(props, _excluded);
-  const component = multiple ? /*#__PURE__*/_react.default.createElement(_multiple.default, _extends({}, newProps, {
-    dataSource: props.dataSource ? props.dataSource : [],
-    idKey: props.idKey ? props.idKey : '',
-    value: Array.isArray(value) ? value : undefined,
-    descriptionKey: props.descriptionKey ? props.descriptionKey : ''
-  })) : /*#__PURE__*/_react.default.createElement(_simple.default, _extends({}, newProps, {
-    idKey: props.idKey ? props.idKey : '',
-    value: !Array.isArray(value) ? value : undefined,
-    descriptionKey: props.descriptionKey ? props.descriptionKey : ''
-  }));
-  if (gridLayout !== undefined) {
-    return /*#__PURE__*/_react.default.createElement(_gridlayout.default, {
-      customClass: "-withinput",
-      cols: gridLayout
-    }, component);
+import { jsx as y } from "react/jsx-runtime";
+import { c as n } from "../../_virtual/compiler-runtime.js";
+import m from "./multiple/index.js";
+import '../../assets/styles/select.css';/* empty css                              */
+import u from "../../gridlayout/GridCol.js";
+import K from "./simple/index.js";
+const h = (i) => {
+  const e = n.c(15);
+  let d, c, l, t;
+  e[0] !== i ? ({
+    gridLayout: d,
+    multiple: c,
+    value: t,
+    ...l
+  } = i, e[0] = i, e[1] = d, e[2] = c, e[3] = l, e[4] = t) : (d = e[1], c = e[2], l = e[3], t = e[4]);
+  let r;
+  e[5] !== c || e[6] !== l || e[7] !== i.dataSource || e[8] !== i.descriptionKey || e[9] !== i.idKey || e[10] !== t ? (r = c ? /* @__PURE__ */ y(m, { ...l, dataSource: i.dataSource ? i.dataSource : [], idKey: i.idKey ? i.idKey : "", value: Array.isArray(t) ? t : void 0, descriptionKey: i.descriptionKey ? i.descriptionKey : "" }) : /* @__PURE__ */ y(K, { ...l, idKey: i.idKey ? i.idKey : "", value: Array.isArray(t) ? void 0 : t, descriptionKey: i.descriptionKey ? i.descriptionKey : "" }), e[5] = c, e[6] = l, e[7] = i.dataSource, e[8] = i.descriptionKey, e[9] = i.idKey, e[10] = t, e[11] = r) : r = e[11];
+  const a = r;
+  if (d !== void 0) {
+    let o;
+    return e[12] !== a || e[13] !== d ? (o = /* @__PURE__ */ y(u, { customClass: "-withinput", cols: d, children: a }), e[12] = a, e[13] = d, e[14] = o) : o = e[14], o;
   }
-  return component;
+  return a;
 };
-var _default = exports.default = SelectField;
+export {
+  h as default
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/lib/inputs/select/index.tsx"],"sourcesContent":["import MultipleSelect from './multiple';\nimport '../../assets/styles/select.scss';\nimport Grid from '../../gridlayout';\nimport { ISelectFieldProps } from './types';\nimport SimpleSelect from './simple';\n\nconst SelectField = (props: ISelectFieldProps) => {\n  const { gridLayout, multiple, value, ...newProps } = props;\n  const component = multiple ?\n      (<MultipleSelect\n        {...newProps}\n        dataSource={props.dataSource ? props.dataSource : []}\n        idKey={props.idKey ? props.idKey : ''}\n        value={Array.isArray(value) ? value : undefined}\n        descriptionKey={props.descriptionKey ? props.descriptionKey : ''} />) :\n      (<SimpleSelect\n        {...newProps}\n        idKey={props.idKey ? props.idKey : ''}\n        value={!Array.isArray(value) ? value : undefined}\n        descriptionKey={props.descriptionKey ? props.descriptionKey : ''} />);\n  if (gridLayout !== undefined) {\n    return <Grid customClass=\"-withinput\" cols={gridLayout}>{component}</Grid>;\n  }\n  return component;\n};\n\nexport default SelectField;\n"],"names":["SelectField","props","$","_c","gridLayout","multiple","newProps","value","t0","dataSource","descriptionKey","idKey","jsx","MultipleSelect","Array","isArray","undefined","SimpleSelect","component","t1","Grid"],"mappings":";;;;;;AAMA,MAAMA,IAAcC,CAAAA,MAAA;AAAA,QAAAC,IAAAC,EAAAA,EAAA,EAAA;AAAA,MAAAC,GAAAC,GAAAC,GAAAC;AAAA,EAAAL,SAAAD,KAClB;AAAA,IAAAG,YAAAA;AAAAA,IAAAC,UAAAA;AAAAA,IAAAE,OAAAA;AAAAA,IAAA,GAAAD;AAAAA,EAAAA,IAAqDL,GAAMC,OAAAD,GAAAC,OAAAE,GAAAF,OAAAG,GAAAH,OAAAI,GAAAJ,OAAAK,MAAAH,IAAAF,EAAA,CAAA,GAAAG,IAAAH,EAAA,CAAA,GAAAI,IAAAJ,EAAA,CAAA,GAAAK,IAAAL,EAAA,CAAA;AAAA,MAAAM;AAAA,EAAAN,EAAA,CAAA,MAAAG,KAAAH,EAAA,CAAA,MAAAI,KAAAJ,EAAA,CAAA,MAAAD,EAAAQ,cAAAP,EAAA,CAAA,MAAAD,EAAAS,kBAAAR,EAAA,CAAA,MAAAD,EAAAU,SAAAT,EAAA,EAAA,MAAAK,KACzCC,IAAAH,IACb,gBAAAO,EAACC,GAAA,KACIP,GACQ,YAAAL,EAAKQ,aAAcR,EAAKQ,aAAxB,CAAA,GACL,OAAAR,EAAKU,QAASV,EAAKU,QAAnB,IACA,OAAAG,MAAKC,QAASR,CAAyB,IAAvCA,IAAAS,QACS,gBAAAf,EAAKS,iBAAkBT,EAAKS,iBAA5B,GAAA,CAAgD,IACjE,gBAAAE,EAACK,GAAA,EAAY,GACRX,GACG,OAAAL,EAAKU,QAASV,EAAKU,QAAnB,IACA,OAACG,MAAKC,QAASR,CAAK,IAApBS,SAAAT,GACS,gBAAAN,EAAKS,iBAAkBT,EAAKS,iBAA5B,GAAA,CAAgD,GAAKR,OAAAG,GAAAH,OAAAI,GAAAJ,EAAA,CAAA,IAAAD,EAAAQ,YAAAP,EAAA,CAAA,IAAAD,EAAAS,gBAAAR,EAAA,CAAA,IAAAD,EAAAU,OAAAT,QAAAK,GAAAL,QAAAM,KAAAA,IAAAN,EAAA,EAAA;AAX3E,QAAAgB,IAAkBV;AAYlB,MAAIJ,MAAeY,QAAS;AAAA,QAAAG;AAAA,WAAAjB,EAAA,EAAA,MAAAgB,KAAAhB,UAAAE,KACnBe,sBAACC,GAAA,EAAiB,aAAA,cAAmBhB,MAAAA,GAAac,UAAAA,GAAU,GAAOhB,QAAAgB,GAAAhB,QAAAE,GAAAF,QAAAiB,KAAAA,IAAAjB,EAAA,EAAA,GAAnEiB;AAAAA,EAAmE;AAC3E,SACMD;AAAS;"}

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

@@ -1,13 +1,3 @@
-import { ISelectedsMultipleProps } from '../types.js';
-import '../../../@types/Align.js';
-import '../../../@types/DataCombo.js';
-import '../../../@types/PermissionAttr.js';
-import '../../base/types.js';
-import 'react';
-import '../../../@types/Period.js';
-import '../../../tooltip/types.js';
-import '../../../@types/Position.js';
-
-declare const Selecteds: ({ currents, descriptionKey, idKey, disabled, handlerOnUnselect, }: ISelectedsMultipleProps) => JSX.Element;
-
-export { Selecteds as default };
+import { ISelectedsMultipleProps } from '../types';
+declare const Selecteds: ({ currents, descriptionKey, idKey, disabled, handlerOnUnselect, }: ISelectedsMultipleProps) => import("react/jsx-runtime").JSX.Element;
+export default Selecteds;

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

@@ -1,27 +1,27 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const Selecteds = _ref => {
-  let {
-    currents,
-    descriptionKey,
-    idKey,
-    disabled,
-    handlerOnUnselect
-  } = _ref;
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, currents.map(selected => /*#__PURE__*/_react.default.createElement("div", {
-    className: `selecteditem ${disabled ? '-disabled' : ''}`,
-    key: `selected-${selected[idKey]}`
-  }, typeof descriptionKey === 'string' ? selected[descriptionKey] : descriptionKey(selected), /*#__PURE__*/_react.default.createElement("button", {
-    disabled: disabled,
-    className: "close",
-    tabIndex: -1,
-    onClick: () => handlerOnUnselect(selected[idKey])
-  }))));
+import { jsxs as p, jsx as m } from "react/jsx-runtime";
+import { c as f } from "../../../_virtual/compiler-runtime.js";
+import { Fragment as u } from "react";
+const y = (d) => {
+  const e = f.c(13), {
+    currents: a,
+    descriptionKey: t,
+    idKey: s,
+    disabled: i,
+    handlerOnUnselect: l
+  } = d;
+  let r;
+  if (e[0] !== a || e[1] !== t || e[2] !== i || e[3] !== l || e[4] !== s) {
+    let o;
+    e[6] !== t || e[7] !== i || e[8] !== l || e[9] !== s ? (o = (c) => /* @__PURE__ */ p("div", { className: `selecteditem ${i ? "-disabled" : ""}`, children: [
+      typeof t == "string" ? c[t] : t(c),
+      /* @__PURE__ */ m("button", { disabled: i, className: "close", tabIndex: -1, onClick: () => l(c[s]) })
+    ] }, `selected-${c[s]}`), e[6] = t, e[7] = i, e[8] = l, e[9] = s, e[10] = o) : o = e[10], r = a.map(o), e[0] = a, e[1] = t, e[2] = i, e[3] = l, e[4] = s, e[5] = r;
+  } else
+    r = e[5];
+  let n;
+  return e[11] !== r ? (n = /* @__PURE__ */ m(u, { children: r }), e[11] = r, e[12] = n) : n = e[12], n;
 };
-var _default = exports.default = Selecteds;
+export {
+  y as default
+};
+//# sourceMappingURL=Selecteds.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Selecteds.js","sources":["../../../../src/lib/inputs/select/multiple/Selecteds.tsx"],"sourcesContent":["import { Fragment } from 'react';\nimport { ISelectedsMultipleProps } from '../types';\n\nconst Selecteds = ({\n  currents,\n  descriptionKey,\n  idKey,\n  disabled,\n  handlerOnUnselect,\n}: ISelectedsMultipleProps) => (\n  <Fragment>\n    {currents.map(selected => (\n      <div className={`selecteditem ${disabled ? '-disabled' : ''}`} key={`selected-${selected[idKey]}`}>\n        {typeof descriptionKey === 'string' ? selected[descriptionKey] : descriptionKey(selected)}\n        <button\n          disabled={disabled}\n          className=\"close\"\n          tabIndex={-1}\n          onClick={() => handlerOnUnselect(selected[idKey])} />\n      </div>\n    ))}\n  </Fragment>\n);\n\nexport default Selecteds;\n"],"names":["Selecteds","t0","$","_c","currents","descriptionKey","idKey","disabled","handlerOnUnselect","t1","t2","selected","jsxs","jsx","map","Fragment"],"mappings":";;;AAGA,MAAMA,IAAYC,CAAAA,MAAA;AAAA,QAAAC,IAAAC,EAAAA,EAAA,EAAA,GAAC;AAAA,IAAAC,UAAAA;AAAAA,IAAAC,gBAAAA;AAAAA,IAAAC,OAAAA;AAAAA,IAAAC,UAAAA;AAAAA,IAAAC,mBAAAA;AAAAA,EAAAA,IAAAP;AAMO,MAAAQ;AAAA,MAAAP,EAAA,CAAA,MAAAE,KAAAF,EAAA,CAAA,MAAAG,KAAAH,EAAA,CAAA,MAAAK,KAAAL,EAAA,CAAA,MAAAM,KAAAN,SAAAI,GAAA;AAAA,QAAAI;AAAA,IAAAR,EAAA,CAAA,MAAAG,KAAAH,EAAA,CAAA,MAAAK,KAAAL,EAAA,CAAA,MAAAM,KAAAN,SAAAI,KAERI,IAAAC,OACZ,gBAAAC,EAAA,OAAA,EAAgB,WAAA,gBAAgBL,IAAA,cAAA,EAA2B,IACxD,UAAA;AAAA,MAAA,OAAOF,KAAmB,WAAWM,EAASN,CAAc,IAAIA,EAAeM,CAAQ;AAAA,MACxF,gBAAAE,cACYN,UAAAA,GACA,WAAA,SACA,UAAA,IACD,eAAMC,EAAkBG,EAASL,CAAK,CAAC,EAAA,CAAC;AAAA,IAAA,EAAA,GANe,YAAYK,EAASL,CAAK,CAAC,EAO/F,GACDJ,OAAAG,GAAAH,OAAAK,GAAAL,OAAAM,GAAAN,OAAAI,GAAAJ,QAAAQ,KAAAA,IAAAR,EAAA,EAAA,GATAO,IAAAL,EAAQU,IAAKJ,CASb,GAACR,OAAAE,GAAAF,OAAAG,GAAAH,OAAAK,GAAAL,OAAAM,GAAAN,OAAAI,GAAAJ,OAAAO;AAAAA,EAAA;AAAAA,IAAAA,IAAAP,EAAA,CAAA;AAAA,MAAAQ;AAAA,SAAAR,UAAAO,KAVJC,IAAA,gBAAAG,EAACE,KACEN,UAAAA,EAAAA,CAUH,GAAWP,QAAAO,GAAAP,QAAAQ,KAAAA,IAAAR,EAAA,EAAA,GAXXQ;AAWW;"}

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

@@ -1,13 +1,3 @@
-import { IMultipleSelectProps } from '../types.js';
-import '../../../@types/Align.js';
-import '../../../@types/DataCombo.js';
-import '../../../@types/PermissionAttr.js';
-import '../../base/types.js';
-import 'react';
-import '../../../@types/Period.js';
-import '../../../tooltip/types.js';
-import '../../../@types/Position.js';
-
-declare const MultipleSelect: (props: IMultipleSelectProps) => JSX.Element;
-
-export { MultipleSelect as default };
+import { IMultipleSelectProps } from '../types';
+declare const MultipleSelect: (props: IMultipleSelectProps) => import("react/jsx-runtime").JSX.Element;
+export default MultipleSelect;