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

package/lib/inputs/select/Dropdown.js

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

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

@@ -1,11 +1,25 @@
-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) => {
+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) => {
     maxHeight: number;
     top: number;
     left: number;
 };
+
+export { contentClass, getDropdownItemCssClass, getFilteredMultipleDataCombo, getFilteredSimpleDataCombo, returnDropdownDynamicStyles };

package/lib/inputs/select/helper.js

@@ -1,48 +1,111 @@
-const C = (o) => `content ${o.showClearButton ? "" : "noclear"}`, f = (o, n, e) => {
-  let t = "item";
-  return t += o && !n ? " -selected " : "", t += n ? " -disabled" : "", t += !o && !n && e ? " -striped " : "", t;
-}, h = ({
-  dataSource: o,
-  descriptionKey: n,
-  inputText: e
-}) => o && o.filter((t) => typeof n == "string" ? t[n]?.toLowerCase().indexOf(e?.toString().toLowerCase()) > -1 : n(t)?.toLowerCase().indexOf(e?.toString().toLowerCase()) > -1), D = ({
-  dataSource: o,
-  inputText: n,
-  descriptionKey: e,
-  currents: t
-}) => o.filter((r) => typeof e == "string" ? r[e].toLowerCase().indexOf(n?.toString().toLowerCase()) > -1 && !t.includes(r) : e(r)?.toLowerCase().indexOf(n?.toString().toLowerCase()) > -1 && !t.includes(r)), l = ({
-  selectFieldRects: o,
-  dropdownRef: n,
-  dropdownRects: e
-}, t = !1) => t && n?.current && e?.height ? o.top + window.scrollY - (n.current && e.height) - 10 : o.top + window.scrollY + o.height, m = ({
-  selectFieldRef: o,
-  dropdownMaxHeight: n,
-  dropdownRef: e
-}) => {
-  const t = o?.current ? o.current.getBoundingClientRect() : void 0, r = e?.current ? e.current.getBoundingClientRect() : void 0, u = t ? t?.bottom : 0, g = t ? t?.top : 0, c = window.innerHeight - u, w = 30;
-  let a = 200, s = n, i;
-  return !s || s <= 0 ? c < a && t ? (s = g, i = l({
-    selectFieldRects: t,
-    dropdownRef: e,
-    dropdownRects: r
-  }, !0)) : (s = c, i = t ? l({
-    selectFieldRects: t
-  }) : 0) : (a = s, c < a && t ? i = l({
-    selectFieldRects: t,
-    dropdownRef: e,
-    dropdownRects: r
-  }, !0) : i = t ? l({
-    selectFieldRects: t
-  }) : 0), {
-    maxHeight: s - w,
-    top: i,
-    left: t ? t.left : 0
-  };
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.returnDropdownDynamicStyles = exports.getFilteredSimpleDataCombo = exports.getFilteredMultipleDataCombo = exports.getDropdownItemCssClass = exports.contentClass = void 0;
+const contentClass = props => "content ".concat(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 => {
+    var _descriptionKey;
+    if (typeof descriptionKey === 'string') {
+      var _item$descriptionKey;
+      return ((_item$descriptionKey = item[descriptionKey]) === null || _item$descriptionKey === void 0 ? void 0 : _item$descriptionKey.toLowerCase().indexOf(inputText === null || inputText === void 0 ? void 0 : inputText.toString().toLowerCase())) > -1;
+    }
+    return ((_descriptionKey = descriptionKey(item)) === null || _descriptionKey === void 0 ? void 0 : _descriptionKey.toLowerCase().indexOf(inputText === null || inputText === void 0 ? void 0 : inputText.toString().toLowerCase())) > -1;
+  });
+};
+exports.getFilteredSimpleDataCombo = getFilteredSimpleDataCombo;
+const getFilteredMultipleDataCombo = _ref2 => {
+  let {
+    dataSource,
+    inputText,
+    descriptionKey,
+    currents
+  } = _ref2;
+  return dataSource.filter(item => {
+    var _descriptionKey2;
+    if (typeof descriptionKey === 'string') {
+      return item[descriptionKey].toLowerCase().indexOf(inputText === null || inputText === void 0 ? void 0 : inputText.toString().toLowerCase()) > -1 && !currents.includes(item);
+    }
+    return ((_descriptionKey2 = descriptionKey(item)) === null || _descriptionKey2 === void 0 ? void 0 : _descriptionKey2.toLowerCase().indexOf(inputText === null || inputText === void 0 ? void 0 : inputText.toString().toLowerCase())) > -1 && !currents.includes(item);
+  });
 };
-export {
-  C as contentClass,
-  f as getDropdownItemCssClass,
-  D as getFilteredMultipleDataCombo,
-  h as getFilteredSimpleDataCombo,
-  m as returnDropdownDynamicStyles
+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 !== null && dropdownRef !== void 0 && dropdownRef.current && dropdownRects !== null && dropdownRects !== void 0 && 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 !== null && selectFieldRef !== void 0 && selectFieldRef.current ? selectFieldRef.current.getBoundingClientRect() : undefined;
+  const dropdownRects = dropdownRef !== null && dropdownRef !== void 0 && dropdownRef.current ? dropdownRef.current.getBoundingClientRect() : undefined;
+  const selectFieldRectsBottom = selectFieldRects ? selectFieldRects === null || selectFieldRects === void 0 ? void 0 : selectFieldRects.bottom : 0;
+  const selectFieldRectsTop = selectFieldRects ? selectFieldRects === null || selectFieldRects === void 0 ? void 0 : 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
+  };
 };
+exports.returnDropdownDynamicStyles = returnDropdownDynamicStyles;

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

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

package/lib/inputs/select/index.js

@@ -1,27 +1,42 @@
-import { j as y } from "../../chunks/jsx-runtime.D1SHvdVE.js";
-import { c as n } from "../../chunks/compiler-runtime.Cu50tn6L.js";
-import m from "./multiple/index.js";
-import '../../assets/gridlayout.css';import '../../assets/index26.css';/* empty css                               */
-import u from "../../gridlayout/GridCol.js";
-import K from "./simple/index.js";
-const A = (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.jsx(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.jsx(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.jsx(u, { customClass: "-withinput", cols: d, children: a }), e[12] = a, e[13] = d, e[14] = o) : o = e[14], o;
+"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);
   }
-  return a;
-};
-export {
-  A as default
+  return component;
 };
+var _default = exports.default = SelectField;

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

@@ -1,3 +1,13 @@
-import { ISelectedsMultipleProps } from '../types';
-declare const Selecteds: ({ currents, descriptionKey, idKey, handlerOnUnselect, }: ISelectedsMultipleProps) => import("react/jsx-runtime").JSX.Element;
-export default Selecteds;
+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 };

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

@@ -1,25 +1,27 @@
-import { j as m } from "../../../chunks/jsx-runtime.D1SHvdVE.js";
-import { c as p } from "../../../chunks/compiler-runtime.Cu50tn6L.js";
-import d from "react";
-const j = (a) => {
-  const e = p.c(11), {
-    currents: l,
-    descriptionKey: t,
-    idKey: s,
-    handlerOnUnselect: i
-  } = a;
-  let r;
-  if (e[0] !== l || e[1] !== t || e[2] !== i || e[3] !== s) {
-    let o;
-    e[5] !== t || e[6] !== i || e[7] !== s ? (o = (c) => /* @__PURE__ */ m.jsxs("div", { className: "selecteditem", children: [
-      typeof t == "string" ? c[t] : t(c),
-      /* @__PURE__ */ m.jsx("button", { className: "close", tabIndex: -1, onClick: () => i(c[s]) })
-    ] }, `selected-${c[s]}`), e[5] = t, e[6] = i, e[7] = s, e[8] = o) : o = e[8], r = l.map(o), e[0] = l, e[1] = t, e[2] = i, e[3] = s, e[4] = r;
-  } else
-    r = e[4];
-  let n;
-  return e[9] !== r ? (n = /* @__PURE__ */ m.jsx(d.Fragment, { children: r }), e[9] = r, e[10] = n) : n = e[10], n;
-};
-export {
-  j as default
+"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 ".concat(disabled ? '-disabled' : ''),
+    key: "selected-".concat(selected[idKey])
+  }, typeof descriptionKey === 'string' ? selected[descriptionKey] : descriptionKey(selected), /*#__PURE__*/_react.default.createElement("button", {
+    disabled: disabled,
+    className: "close",
+    tabIndex: -1,
+    onClick: () => handlerOnUnselect(selected[idKey])
+  }))));
 };
+var _default = exports.default = Selecteds;

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

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