linear-react-components-ui 1.1.26-beta.9 → 2.0.0-beta.0

package/lib/inputs/select/helper.js

@@ -1,48 +1,24 @@
-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
-  };
-};
-export {
-  C as contentClass,
-  f as getDropdownItemCssClass,
-  D as getFilteredMultipleDataCombo,
-  h as getFilteredSimpleDataCombo,
-  m as returnDropdownDynamicStyles
+//#region src/lib/inputs/select/helper.ts
+var e = (e, t, n) => {
+	let r = "item";
+	return r += e && !t ? " -selected " : "", r += t ? " -disabled" : "", r += !e && !t && n ? " -striped " : "", r;
+}, t = ({ dataSource: e, descriptionKey: t, inputText: n }) => e && e.filter((e) => typeof t == "string" ? e[t]?.toLowerCase().indexOf(n?.toString().toLowerCase()) > -1 : t(e)?.toLowerCase().indexOf(n?.toString().toLowerCase()) > -1), n = ({ dataSource: e, inputText: t, descriptionKey: n, currents: r }) => e.filter((e) => typeof n == "string" ? e[n].toLowerCase().indexOf(t?.toString().toLowerCase()) > -1 && !r.includes(e) : n(e)?.toLowerCase().indexOf(t?.toString().toLowerCase()) > -1 && !r.includes(e)), r = ({ selectFieldRects: e, dropdownRef: t, dropdownRects: n }, r = !1) => r && t?.current && n?.height ? e.top + window.scrollY - (t.current && n.height) - 10 : e.top + window.scrollY + e.height, i = ({ selectFieldRef: e, dropdownMaxHeight: t, dropdownRef: n }) => {
+	let i = e?.current ? e.current.getBoundingClientRect() : void 0, a = n?.current ? n.current.getBoundingClientRect() : void 0, o = i ? i?.bottom : 0, s = i ? i?.top : 0, c = window.innerHeight - o, l = 200, u = t, d;
+	return !u || u <= 0 ? c < l && i ? (u = s, d = r({
+		selectFieldRects: i,
+		dropdownRef: n,
+		dropdownRects: a
+	}, !0)) : (u = c, d = i ? r({ selectFieldRects: i }) : 0) : (l = u, d = c < l && i ? r({
+		selectFieldRects: i,
+		dropdownRef: n,
+		dropdownRects: a
+	}, !0) : i ? r({ selectFieldRects: i }) : 0), {
+		maxHeight: u - 30,
+		top: d,
+		left: i ? i.left : 0
+	};
 };
+//#endregion
+export { e as getDropdownItemCssClass, n as getFilteredMultipleDataCombo, t as getFilteredSimpleDataCombo, i as returnDropdownDynamicStyles };
+
+//# sourceMappingURL=helper.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"helper.js","names":[],"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"],"mappings":";AASA,IAAa,KACX,GACA,GACA,MACG;CACH,IAAI,IAAY;AAKhB,QAJA,KAAc,KAAY,CAAC,IAAW,gBAAgB,IACtD,KAAa,IAAW,eAAe,IACvC,KAAc,CAAC,KAAY,CAAC,KAAY,IAAU,eAAe,IAE1D;GAGI,KAA8B,EACzC,eAAY,mBAAgB,mBACmB,KAAc,EAAW,QAAQ,MAC5E,OAAO,KAAmB,WACrB,EAAK,IAAiB,aAAa,CAAC,QAAQ,GAAW,UAAU,CAAC,aAAa,CAAC,GAAG,KAErF,EAAe,EAAK,EAAE,aAAa,CAAC,QAAQ,GAAW,UAAU,CAAC,aAAa,CAAC,GAAG,GAC1F,EAEW,KAAgC,EAC3C,eAAY,cAAW,mBAAgB,kBAEvC,EAAW,QAAQ,MACb,OAAO,KAAmB,WACrB,EAAK,GAAgB,aAAa,CAAC,QAAQ,GAAW,UAAU,CAAC,aAAa,CAAC,GAAG,MACzF,CAAC,EAAS,SAAS,EAAK,GAEnB,EAAe,EAAK,EAAE,aAAa,CAAC,QAAQ,GAAW,UAAU,CAAC,aAAa,CAAC,GAAG,MACrF,CAAC,EAAS,SAAS,EAAK,CAC7B,EAEE,KAA0B,EAC9B,qBAAkB,gBAAa,oBAGJ,IAAgB,OAEvC,KAAiB,GAAa,WAAW,GAAe,SAClD,EAAiB,MAAM,OAAO,WACnC,EAAY,WAAW,EAAc,UAAU,KAE3C,EAAiB,MAAO,OAAO,UAAW,EAAiB,QAGzD,KAA+B,EAAE,mBAC5C,sBACA,qBAAwC;CACxC,IAAM,IACJ,GAAgB,UAAU,EAAe,QAAQ,uBAAuB,GAAG,KAAA,GACvE,IACJ,GAAa,UAAU,EAAY,QAAQ,uBAAuB,GAAG,KAAA,GACjE,IAAyB,IAAmB,GAAkB,SAAS,GACvE,IAAsB,IAAmB,GAAkB,MAAM,GAEjE,IAAyB,OAAO,cAAc,GAEhD,IAA4B,KAC5B,IAAS,GACT;AAwBJ,QAvBI,CAAC,KAAU,KAAU,IACnB,IAAyB,KAA6B,KACxD,IAAS,GACT,IACE,EAAuB;EACrB;EAA+B;EAAoB;EACpD,EAAE,GAAK,KAEV,IAAS,GACT,IAAmB,IAAmB,EAAuB,EAAE,qBAAkB,CAAC,GAAG,MAGvF,IAA4B,GAC5B,AAME,IANE,IAAyB,KAA6B,IAEtD,EAAuB;EACrB;EAA+B;EAAoB;EACpD,EAAE,GAAK,GAES,IAAmB,EAAuB,EAAE,qBAAkB,CAAC,GAAG,IAIlF;EACL,WAAW,IAAS;EACpB,KAAK;EACL,MAAM,IAAmB,EAAiB,OAAO;EAClD"}

package/lib/inputs/select/index.js

@@ -1,27 +1,29 @@
-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;
-  }
-  return a;
-};
-export {
-  A as default
+import e from "../../gridlayout/index.js";
+import t from "./multiple/index.js";
+import '../../assets/styles/select.css';/* empty css                         */
+import n from "./simple/index.js";
+import { jsx as r } from "react/jsx-runtime";
+//#region src/lib/inputs/select/index.tsx
+var i = (i) => {
+	let { gridLayout: a, multiple: o, value: s, ...c } = i, l = o ? /* @__PURE__ */ r(t, {
+		...c,
+		dataSource: i.dataSource ? i.dataSource : [],
+		idKey: i.idKey ? i.idKey : "",
+		value: Array.isArray(s) ? s : void 0,
+		descriptionKey: i.descriptionKey ? i.descriptionKey : ""
+	}) : /* @__PURE__ */ r(n, {
+		...c,
+		idKey: i.idKey ? i.idKey : "",
+		value: Array.isArray(s) ? void 0 : s,
+		descriptionKey: i.descriptionKey ? i.descriptionKey : ""
+	});
+	return a === void 0 ? l : /* @__PURE__ */ r(e, {
+		customClass: "-withinput",
+		cols: a,
+		children: l
+	});
 };
+//#endregion
+export { i as default };
+
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"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"],"mappings":";;;;;;AAMA,IAAM,KAAe,MAA6B;CAChD,IAAM,EAAE,eAAY,aAAU,UAAO,GAAG,MAAa,GAC/C,IAAY,IACb,kBAAC,GAAD;EACC,GAAI;EACJ,YAAY,EAAM,aAAa,EAAM,aAAa,EAAE;EACpD,OAAO,EAAM,QAAQ,EAAM,QAAQ;EACnC,OAAO,MAAM,QAAQ,EAAM,GAAG,IAAQ,KAAA;EACtC,gBAAgB,EAAM,iBAAiB,EAAM,iBAAiB;EAAM,CAAA,GACrE,kBAAC,GAAD;EACC,GAAI;EACJ,OAAO,EAAM,QAAQ,EAAM,QAAQ;EACnC,OAAQ,MAAM,QAAQ,EAAM,GAAW,KAAA,IAAR;EAC/B,gBAAgB,EAAM,iBAAiB,EAAM,iBAAiB;EAAM,CAAA;AAI1E,QAHI,MAAe,KAAA,IAGZ,IAFE,kBAAC,GAAD;EAAM,aAAY;EAAa,MAAM;YAAa;EAAiB,CAAA"}

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

@@ -1,3 +1,3 @@
 import { ISelectedsMultipleProps } from '../types';
-declare const Selecteds: ({ currents, descriptionKey, idKey, handlerOnUnselect, }: ISelectedsMultipleProps) => import("react/jsx-runtime").JSX.Element;
+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,25 +1,16 @@
-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
-};
+import { Fragment as e } from "react";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+//#region src/lib/inputs/select/multiple/Selecteds.tsx
+var r = ({ currents: r, descriptionKey: i, idKey: a, disabled: o, handlerOnUnselect: s }) => /* @__PURE__ */ t(e, { children: r.map((e) => /* @__PURE__ */ n("div", {
+	className: `selecteditem ${o ? "-disabled" : ""}`,
+	children: [typeof i == "string" ? e[i] : i(e), /* @__PURE__ */ t("button", {
+		disabled: o,
+		className: "close",
+		tabIndex: -1,
+		onClick: () => s(e[a])
+	})]
+}, `selected-${e[a]}`)) });
+//#endregion
+export { r as default };
+
+//# sourceMappingURL=Selecteds.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Selecteds.js","names":[],"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"],"mappings":";;;AAGA,IAAM,KAAa,EACjB,aACA,mBACA,UACA,aACA,2BAEA,kBAAC,GAAD,EAAA,UACG,EAAS,KAAI,MACZ,kBAAC,OAAD;CAAK,WAAW,gBAAgB,IAAW,cAAc;WAAzD,CACG,OAAO,KAAmB,WAAW,EAAS,KAAkB,EAAe,EAAS,EACzF,kBAAC,UAAD;EACY;EACV,WAAU;EACV,UAAU;EACV,eAAe,EAAkB,EAAS,GAAA;EAAW,CAAA,CAAA;GANW,YAAY,EAAS,KAOnF,CAAA,EAEC,CAAA"}

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

@@ -1,126 +1,169 @@
-import { j as C } from "../../../chunks/jsx-runtime.D1SHvdVE.js";
-import { useState as u, useRef as R, useEffect as F } from "react";
-import { _ as I } from "../../../chunks/lodash.CIAK_hAg.js";
-import fe from "../Dropdown.js";
-import me from "../ActionButtons.js";
-import he from "./Selecteds.js";
-import { keyCodes as p } from "../../../internals/constants.js";
-import Ce from "../../base/InputTextBase.js";
-import { getFilteredMultipleDataCombo as J } from "../helper.js";
-import pe from "../../../hint/index.js";
-import { v as ge } from "../../../chunks/v1.Ds1rkxUj.js";
-const Be = (n) => {
-  const {
-    idKey: d,
-    dataSource: i = [],
-    handlerClear: Q,
-    value: g = [],
-    remoteSearch: L = !1,
-    descriptionKey: f,
-    showClearButton: X,
-    rightElements: Y = [],
-    hint: j,
-    hintPosition: Z = "below",
-    customClassForLabel: V,
-    customClassForWrapper: _,
-    customClassForInputContent: ee,
-    customClassForSideButtons: te
-  } = n, [r, D] = u(i), [s, S] = u([]), [w, m] = u(), [b, y] = u([]), [O, c] = u(!1), [K, W] = u(0), [ne, oe] = u(!1), [v, re] = u(), [ie, le] = u([]), A = `select-component${ge()}`, T = R(null), h = R(null), l = R(null), E = R(null), a = R(null), N = typeof f == "string", se = ["item", "menubutton", "filterinput", "filtercontainer", "label", "actionbutton"], P = () => {
-    l.current && W(l.current.clientWidth);
-  }, $ = (e) => {
-    const {
-      target: t
-    } = e;
-    !se.includes(t.className) && t !== l.current && l.current && !l.current.contains(t) && h.current && !h.current.contains(t) && c(!1);
-  }, M = (e) => {
-    const t = e.target, o = h.current?.parentElement?.id || "", ae = !!document.getElementById(o)?.contains(t);
-    oe(ae);
-  }, z = () => {
-    m(void 0), S([]), n.onSelect && n.onSelect();
-  }, U = (e) => {
-    let t = null;
-    if (L)
-      n.onSearch && n.onSearch(e), c(!0), y([e]);
-    else {
-      let o = i;
-      e.length > 0 && (o = J({
-        inputText: [e],
-        dataSource: i,
-        descriptionKey: f,
-        currents: s
-      })), o && o.length > 0 && (t = o[0]), D(o), c(!0), t && m(t), y([e]);
-    }
-  }, x = () => {
-    const e = l.current ? l.current.clientWidth : K;
-    c(!0), W(e);
-  }, q = (e) => {
-    if (e === null) return;
-    const t = [...s, e];
-    S(t), D(i), y([]), a && a.current && a.current.focus(), n.onSelect && m(n.onSelect(t.map((o) => o[d]))), h.current?.focus();
-  }, ce = (e) => {
-    if (s) {
-      const t = s.filter((o) => o[d] !== e);
-      S(t), a && a.current && a.current.focus(), c(!1), n.onSelect && m(n.onSelect(t.map((o) => o[d]))), h.current?.focus();
-    }
-  }, ue = () => {
-    c((e) => !e), l.current && W(l.current.clientWidth);
-  }, H = (e) => {
-    n.onBlur && n.onBlur(e), ne || (c(!1), D(i));
-  }, G = (e) => {
-    if (e.keyCode)
-      if (e.keyCode === p.ENTER && w && O)
-        e.preventDefault?.(), s.some((t) => t[d] === w[d]) || (e.preventDefault?.(), q(w));
-      else if ([p.ARROW_UP, p.ARROW_DOWN].includes(e.keyCode)) {
-        O || c(!0);
-        let t = r ? r.findIndex((o) => o === w) : 0;
-        e.keyCode === p.ARROW_DOWN ? t = r && t === r.length - 1 ? 0 : t + 1 : t = r && t === 0 ? r.length - 1 : t - 1, r && r.length && (N && r[t][f] ? y(r[t][f]) : N || y([f(r[t])])), r && m(r[t]);
-      } else if (e.keyCode === p.BACKSPACE) {
-        if (b.length === 0) {
-          const t = I.dropRight(s);
-          S(t), n.onSelect && n.onSelect(t.map((o) => o[d]));
-        }
-      } else e.keyCode === p.TAB && c(!1);
-  }, de = (e) => {
-    re(e);
-  }, B = () => n.disabled || v && (v.disabled || v.hideContent), k = () => n.readOnly || v && v.readOnly;
-  return F(() => (window.addEventListener("resize", P), document.addEventListener("click", $), document.addEventListener("mousemove", M), Q && z(), () => {
-    window.removeEventListener("resize", P), document.removeEventListener("click", $), document.removeEventListener("mousemove", M);
-  }), []), F(() => {
-    if (n.gridLayout) {
-      const e = document.querySelector(`#${A}>.-withinput.grid-container`);
-      E.current !== e && e && (E.current = e);
-    }
-  }, []), F(() => {
-    if (g.length > 0 && g !== ie && i.length > 0) {
-      const e = i.filter((t) => g.includes(t[d]));
-      le(g), S(e);
-    }
-  }, [i.length, g.length]), F(() => {
-    if (!I.isEqual(i, r)) {
-      const e = L ? i : J({
-        currents: s,
-        dataSource: i,
-        descriptionKey: f,
-        inputText: b
-      });
-      D(e), m(e.length > 0 ? r[0] : null);
-    }
-  }, [i]), /* @__PURE__ */ C.jsxs("span", { id: A, ref: T, className: "select-component", children: [
-    /* @__PURE__ */ C.jsx(Ce, { ...n, inputRef: (e) => {
-      n.inputRef && (I.isFunction(n.inputRef) ? n.inputRef(e) : n.inputRef.current = e), a.current = e;
-    }, autoComplete: "off", value: b.toString(), readOnly: k(), onFocus: () => {
-      x();
-    }, onBlur: (e) => {
-      H(e);
-    }, onChange: (e) => {
-      e && U(e.target.value);
-    }, onClick: x, onKeyDown: G, customClassForLabel: V, customClassForWrapper: `selectwrapper ${(n.readOnly || B() || k()) && " -undigitable"} ${_}`, customClassForInputContent: `multiselect ${ee}`, inputBaseRef: (e) => {
-      l.current = e;
-    }, handlerSetOnDenied: de, rightElements: [...Y, /* @__PURE__ */ C.jsx(me, { showClearButton: X, disabled: B() || k(), dropDownOpened: O, handlerClear: () => B() ? null : z(), handlerOpenClose: ue, customClassForSideButtons: te }, "action-buttons-multiselect")], children: /* @__PURE__ */ C.jsx(he, { ...n, currents: s, handlerOnUnselect: ce }) }),
-    O && /* @__PURE__ */ C.jsx(fe, { ...n, selected: w, selectFieldRef: T, dropdownRef: h, gridWrapperStyle: n.gridLayout && E.current ? window.getComputedStyle(E.current) : void 0, handleOnSelect: q, handleOnFilter: U, handleOnKeydown: G, handleOnBlur: () => H, handleOnFocus: x, opened: O, dataCombo: r, currents: s, dropdownWidth: K || 0 }),
-    /* @__PURE__ */ C.jsx(pe, { visible: !!j && Z === "below", customClass: "hint", description: j })
-  ] });
-};
-export {
-  Be as default
+import { __toESM as e } from "../../../_virtual/_rolldown/runtime.js";
+import t from "../../../node_modules/uuid/dist/v1.js";
+import { require_lodash as n } from "../../../node_modules/lodash/lodash.js";
+import r from "../../../hint/index.js";
+import { keyCodes as i, keys as ee } from "../../../internals/constants.js";
+import te from "../../base/InputTextBase.js";
+import { getFilteredMultipleDataCombo as a } from "../helper.js";
+import ne from "../Dropdown.js";
+import o from "../ActionButtons.js";
+import re from "./Selecteds.js";
+import { useEffect as s, useRef as c, useState as l } from "react";
+import { jsx as u, jsxs as d } from "react/jsx-runtime";
+//#region src/lib/inputs/select/multiple/index.tsx
+var f = /* @__PURE__ */ e(n(), 1), p = (e) => {
+	let { idKey: n, dataSource: p = [], handlerClear: ie, value: m = [], remoteSearch: h = !1, descriptionKey: g, showClearButton: _, rightElements: ae = [], hint: v, hintPosition: y = "below", customClassForLabel: b, customClassForWrapper: oe, customClassForInputContent: se, customClassForSideButtons: ce, disabled: le = !1, dropdownMaxWidth: ue = void 0 } = e, [x, S] = l(p), [C, w] = l([]), [T, E] = l(), [D, O] = l([]), [k, A] = l(!1), [j, M] = l(0), [de, fe] = l(!1), [N, pe] = l(), [P, F] = l([]), I = `select-component${t()}`, L = c(null), R = c(null), z = c(null), B = c(null), V = c(null), H = typeof g == "string", me = [
+		"item",
+		"menubutton",
+		"filterinput",
+		"filtercontainer",
+		"label",
+		"actionbutton"
+	], U = () => {
+		z.current && M(z.current.clientWidth);
+	}, W = (e) => {
+		let { target: t } = e;
+		!me.includes(t.className) && t !== z.current && z.current && !z.current.contains(t) && R.current && !R.current.contains(t) && A(!1);
+	}, G = (e) => {
+		let t = e.target, n = R.current?.parentElement?.id || "";
+		fe(!!document.getElementById(n)?.contains(t));
+	}, K = () => {
+		E(void 0), w([]), e.onSelect && e.onSelect();
+	}, q = (t) => {
+		let n = null;
+		if (h) e.onSearch && e.onSearch(t), A(!0), O([t]);
+		else {
+			let e = p;
+			t.length > 0 && (e = a({
+				inputText: [t],
+				dataSource: p,
+				descriptionKey: g,
+				currents: C
+			})), e && e.length > 0 && (n = e[0]), S(e), A(!0), n && E(n), O([t]);
+		}
+	}, J = () => {
+		let e = z.current ? z.current.clientWidth : j;
+		A(!0), M(e);
+	}, Y = (t) => {
+		if (t === null) return;
+		let r = [...C, t];
+		w(r), S(p), O([]), V && V.current && V.current.focus(), e.onSelect && E(e.onSelect(r.map((e) => e[n]))), R.current?.focus();
+	}, he = (t) => {
+		if (C) {
+			let r = C.filter((e) => e[n] !== t);
+			w(r), V && V.current && V.current.focus(), A(!1), e.onSelect && E(e.onSelect(r.map((e) => e[n]))), R.current?.focus();
+		}
+	}, ge = () => {
+		A((e) => !e), z.current && M(z.current.clientWidth);
+	}, X = (t) => {
+		e.onBlur && e.onBlur(t), T && k && Y(T), de || (A(!1), S(p));
+	}, Z = (t) => {
+		if (t.keyCode) if ((t.keyCode === i.ENTER || t.key === ee.TAB) && T && k) t.keyCode === i.ENTER && t.preventDefault?.(), C.some((e) => e[n] === T[n]) || Y(T);
+		else if ([i.ARROW_UP, i.ARROW_DOWN].includes(t.keyCode)) {
+			k || A(!0);
+			let e = x ? x.findIndex((e) => e === T) : 0;
+			e = t.keyCode === i.ARROW_DOWN ? x && e === x.length - 1 ? 0 : e + 1 : x && e === 0 ? x.length - 1 : e - 1, x && x.length && (H && x[e][g] ? O(x[e][g]) : H || O([g(x[e])])), x && E(x[e]);
+		} else if (t.keyCode === i.BACKSPACE) {
+			if (D.length === 0) {
+				let t = f.default.dropRight(C);
+				w(t), e.onSelect && e.onSelect(t.map((e) => e[n]));
+			}
+		} else t.keyCode === i.TAB && A(!1);
+	}, _e = (e) => {
+		pe(e);
+	}, Q = () => le || N && (N.disabled || N.hideContent), $ = () => e.readOnly || N && N.readOnly;
+	return s(() => (window.addEventListener("resize", U), document.addEventListener("click", W), document.addEventListener("mousemove", G), ie && K(), () => {
+		window.removeEventListener("resize", U), document.removeEventListener("click", W), document.removeEventListener("mousemove", G);
+	}), []), s(() => {
+		if (e.gridLayout) {
+			let e = document.querySelector(`#${I}>.-withinput.grid-container`);
+			B.current !== e && e && (B.current = e);
+		}
+	}, []), s(() => {
+		if (m.length > 0 && m !== P && p.length > 0) {
+			let e = p.filter((e) => m.includes(e[n]));
+			F(m), w(e);
+		}
+	}, [p.length, m.length]), s(() => {
+		if (!f.default.isEqual(p, x)) {
+			let e = h ? p : a({
+				currents: C,
+				dataSource: p,
+				descriptionKey: g,
+				inputText: D
+			});
+			S(e), E(e.length > 0 ? x[0] : null);
+		}
+	}, [p]), /* @__PURE__ */ d("span", {
+		id: I,
+		ref: L,
+		className: "select-component",
+		children: [
+			/* @__PURE__ */ u(te, {
+				...e,
+				inputRef: (t) => {
+					e.inputRef && (f.default.isFunction(e.inputRef) ? e.inputRef(t) : e.inputRef.current = t), V.current = t;
+				},
+				autoComplete: "off",
+				value: D.toString(),
+				readOnly: $(),
+				onFocus: () => {
+					J();
+				},
+				onBlur: (e) => {
+					X(e);
+				},
+				onChange: (e) => {
+					e && q(e.target.value);
+				},
+				onClick: J,
+				onKeyDown: Z,
+				customClassForLabel: b,
+				customClassForWrapper: `selectwrapper ${(e.readOnly || Q() || $()) && " -undigitable"} ${oe}`,
+				customClassForInputContent: `multiselect ${se}`,
+				inputBaseRef: (e) => {
+					z.current = e;
+				},
+				handlerSetOnDenied: _e,
+				rightElements: [...ae, /* @__PURE__ */ u(o, {
+					showClearButton: _,
+					disabled: Q() || $(),
+					dropDownOpened: k,
+					handlerClear: () => Q() ? null : K(),
+					handlerOpenClose: ge,
+					customClassForSideButtons: ce
+				}, "action-buttons-multiselect")],
+				children: /* @__PURE__ */ u(re, {
+					...e,
+					currents: C,
+					handlerOnUnselect: he
+				})
+			}),
+			k && /* @__PURE__ */ u(ne, {
+				...e,
+				selected: T,
+				selectFieldRef: L,
+				dropdownRef: R,
+				gridWrapperStyle: e.gridLayout && B.current ? window.getComputedStyle(B.current) : void 0,
+				handleOnSelect: Y,
+				handleOnFilter: q,
+				handleOnKeydown: Z,
+				handleOnBlur: () => X,
+				handleOnFocus: J,
+				opened: k,
+				dataCombo: x,
+				currents: C,
+				dropdownWidth: ue || j || 0
+			}),
+			/* @__PURE__ */ u(r, {
+				visible: !!v && y === "below",
+				customClass: "hint",
+				description: v
+			})
+		]
+	});
 };
+//#endregion
+export { p as default };
+
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../../src/lib/inputs/select/multiple/index.tsx"],"sourcesContent":["import { KeyboardEvent, useEffect, useRef, useState } from 'react';\nimport _ from 'lodash';\nimport * as uuid from 'uuid';\nimport Dropdown from '../Dropdown';\nimport ActionButtons from '../ActionButtons';\nimport Selecteds from './Selecteds';\nimport * as constants from '../../../internals/constants';\nimport InputTextBase from '../../base/InputTextBase';\nimport { getFilteredMultipleDataCombo } from '../helper';\nimport { OnDenied } from '../../../@types/PermissionAttr';\nimport { DataCombo } from '../../../@types/DataCombo';\nimport { IMultipleSelectProps } from '../types';\nimport { CustomInputEvent } from '../../base/types';\nimport Hint from '../../../hint';\n\nconst MultipleSelect = (props: IMultipleSelectProps) => {\n  const {\n    idKey, dataSource = [], handlerClear, value = [], remoteSearch = false, descriptionKey,\n    showClearButton, rightElements = [], hint, hintPosition = 'below', customClassForLabel,\n    customClassForWrapper, customClassForInputContent, customClassForSideButtons, disabled = false,\n    dropdownMaxWidth = undefined,\n  } = props;\n  const [dataCombo, setDataCombo] = useState(dataSource);\n  const [currents, setCurrents] = useState<DataCombo[]>([]);\n  const [selected, setSelected] = useState<DataCombo>();\n  const [inputValue, setInputValue] = useState<string[] | number[]>([]);\n  const [opened, setOpened] = useState(false);\n  const [dropdownWidth, setDropdownWidth] = useState(0);\n  const [insideComponent, setInsideComponent] = useState(false);\n  const [onDenied, setOnDeniedSelect] = useState<OnDenied>();\n  const [valueFromProps, setValueFromProps] = useState<string[] | number[]>([]);\n\n  const componentId = `select-component${uuid.v1()}`;\n  const componentRef = useRef<HTMLInputElement>(null);\n  const dropdownRef = useRef<HTMLInputElement>(null);\n  const selectWrapper = useRef<HTMLDivElement | HTMLTextAreaElement>(null);\n  const gridElRef = useRef<Element>(null);\n  const inputTextRef = useRef<HTMLInputElement | HTMLTextAreaElement | null>(null);\n  const descriptionKeyIsString = typeof descriptionKey === 'string';\n  const insideComponents =\n    ['item', 'menubutton', 'filterinput', 'filtercontainer', 'label', 'actionbutton'];\n\n  const onScreenResize = () => {\n    if (selectWrapper.current) setDropdownWidth(selectWrapper.current.clientWidth);\n  };\n\n  const onClickOutside = (event: MouseEvent) => {\n    const { target } = event;\n    if (!insideComponents.includes((target as Element).className) &&\n      target !== selectWrapper.current && selectWrapper.current &&\n      !selectWrapper.current.contains(target as Node) &&\n      dropdownRef.current && !dropdownRef.current.contains(target as Node)) {\n      setOpened(false);\n    }\n  };\n\n  const onMouseMove = (event: MouseEvent) => {\n    const target = event.target as Element;\n    const idDropdown = dropdownRef.current?.parentElement?.id || '';\n    const dropdownElement = document.getElementById(idDropdown);\n    const keepDropdownOpen = Boolean(dropdownElement?.contains(target));\n    setInsideComponent(keepDropdownOpen);\n  };\n\n  const onClearClick = () => {\n    setSelected(undefined);\n    setCurrents([]);\n    if (props.onSelect) props.onSelect();\n  };\n\n  const onFilter = (filteredValue: string) => {\n    let selectedFilter = null;\n    if (remoteSearch) {\n      if (props.onSearch) props.onSearch(filteredValue);\n      setOpened(true);\n      setInputValue([filteredValue]);\n    } else {\n      let dataComboFilter = dataSource;\n      if (filteredValue.length > 0) {\n        dataComboFilter = getFilteredMultipleDataCombo({\n          inputText: [filteredValue],\n          dataSource,\n          descriptionKey,\n          currents,\n        });\n      }\n      if (dataComboFilter && dataComboFilter.length > 0) selectedFilter = dataComboFilter[0];\n      setDataCombo(dataComboFilter);\n      setOpened(true);\n      if (selectedFilter) setSelected(selectedFilter);\n      setInputValue([filteredValue]);\n    }\n  };\n\n  const onFocus = () => {\n    const dropdownWidthFocus =\n      selectWrapper.current ? selectWrapper.current.clientWidth : dropdownWidth;\n    setOpened(true);\n    setDropdownWidth(dropdownWidthFocus);\n  };\n\n  const onSelect = (select: DataCombo) => {\n    if (select === null) return;\n    const currentsSelect = [...currents, select];\n\n    setCurrents(currentsSelect);\n    setDataCombo(dataSource);\n    setInputValue([]);\n    if (inputTextRef && inputTextRef.current) inputTextRef.current.focus();\n    if (props.onSelect) setSelected(props.onSelect(currentsSelect.map(i => i[idKey])));\n    dropdownRef.current?.focus();\n  };\n\n  const onUnselect = (id: string) => {\n    if (currents) {\n      const result = currents.filter(item => item[idKey] !== id);\n      setCurrents(result);\n      if (inputTextRef && inputTextRef.current) inputTextRef.current.focus();\n      setOpened(false);\n      if (props.onSelect) setSelected(props.onSelect(result.map(i => i[idKey])));\n      dropdownRef.current?.focus();\n    }\n  };\n\n  const onOpenClose = () => {\n    setOpened(prevState => !prevState);\n    if (selectWrapper.current) setDropdownWidth(selectWrapper.current.clientWidth);\n  };\n\n  const onBlur = (e: CustomInputEvent) => {\n    if (props.onBlur) props.onBlur(e);\n    if (selected && opened) {\n      onSelect(selected);\n    }\n    if (!insideComponent) {\n      setOpened(false);\n      setDataCombo(dataSource);\n    }\n  };\n\n  const onInputKeyDown = (e: CustomInputEvent | KeyboardEvent) => {\n    if (e.keyCode) {\n      if ((e.keyCode === constants.keyCodes.ENTER || e.key === constants.keys.TAB) \n          && selected && opened) {\n        if (e.keyCode === constants.keyCodes.ENTER) e.preventDefault?.();\n        if (!currents.some(current => current[idKey] === selected[idKey])) {\n          onSelect(selected);\n        }\n      } else if ([constants.keyCodes.ARROW_UP, constants.keyCodes.ARROW_DOWN].includes(e.keyCode)) {\n        if (!opened) setOpened(true);\n        let index = dataCombo ? dataCombo.findIndex(d => d === selected) : 0;\n        if (e.keyCode === constants.keyCodes.ARROW_DOWN) {\n          index = (dataCombo && index === dataCombo.length - 1 ? 0 : index + 1);\n        } else {\n          index = (dataCombo && index === 0 ? dataCombo.length - 1 : index - 1);\n        }\n        if (dataCombo && dataCombo.length) {\n          if (descriptionKeyIsString && dataCombo[index][descriptionKey]) {\n            setInputValue(dataCombo[index][descriptionKey]);\n          } else if (!descriptionKeyIsString) setInputValue([descriptionKey(dataCombo[index])]);\n        }\n        if (dataCombo) setSelected(dataCombo[index]);\n      } else if (e.keyCode === constants.keyCodes.BACKSPACE) {\n        if (inputValue.length === 0) {\n          const currentsKeyDown = _.dropRight(currents);\n          setCurrents(currentsKeyDown);\n          if (props.onSelect) props.onSelect(currentsKeyDown.map(i => i[idKey]));\n        }\n      } else if (e.keyCode === constants.keyCodes.TAB) {\n        setOpened(false);\n      }\n    }\n  };\n\n  const setOnDenied = (denied: OnDenied) => {\n    setOnDeniedSelect(denied);\n  };\n\n  const shouldDisable = () =>\n    disabled ||\n    (onDenied && (onDenied.disabled || onDenied.hideContent));\n\n  const shouldBeReadOnly = () => props.readOnly || (onDenied && (onDenied.readOnly));\n\n  useEffect(() => {\n    window.addEventListener('resize', onScreenResize);\n    document.addEventListener('click', onClickOutside);\n    document.addEventListener('mousemove', onMouseMove);\n    if (handlerClear) onClearClick();\n\n    return () => {\n      window.removeEventListener('resize', onScreenResize);\n      document.removeEventListener('click', onClickOutside);\n      document.removeEventListener('mousemove', onMouseMove);\n    };\n  }, []);\n\n  useEffect(() => {\n    if (props.gridLayout) {\n      const gridEl = document.querySelector(`#${componentId}>.-withinput.grid-container`);\n      if (gridElRef.current !== gridEl && gridEl) gridElRef.current = gridEl;\n    }\n  }, []);\n\n  useEffect(() => {\n    if (value.length > 0 && value !== valueFromProps && dataSource.length > 0) {\n      const newCurrents = dataSource.filter((item: { [id: string]: string }) =>\n        value.includes(item[idKey] as never));\n\n      setValueFromProps(value);\n      setCurrents(newCurrents);\n    }\n  }, [dataSource.length, value.length]);\n\n  useEffect(() => {\n    if (!_.isEqual(dataSource, dataCombo)) {\n      const filteredDataCombo = remoteSearch\n        ? dataSource\n        : getFilteredMultipleDataCombo({\n            currents, dataSource, descriptionKey, inputText: inputValue,\n          });\n\n      setDataCombo(filteredDataCombo);\n      setSelected(filteredDataCombo.length > 0 ? dataCombo[0] : null);\n    }\n  }, [dataSource]);\n\n  return (\n    <span\n      id={componentId}\n      ref={componentRef}\n      className=\"select-component\">\n      <InputTextBase\n        {...props}\n        inputRef={(ref) => {\n          if (props.inputRef) {\n            if (!_.isFunction(props.inputRef)) {\n              props.inputRef.current = ref;\n            } else {\n              props.inputRef(ref);\n            }\n          }\n          inputTextRef.current = ref;\n        }}\n        autoComplete=\"off\"\n        value={inputValue.toString()}\n        readOnly={shouldBeReadOnly()}\n        onFocus={() => { onFocus(); }}\n        onBlur={(e: CustomInputEvent) => { onBlur(e); }}\n        onChange={(e?: CustomInputEvent) => {\n          if (e) onFilter(e.target.value);\n        }}\n        onClick={onFocus}\n        onKeyDown={onInputKeyDown}\n        customClassForLabel={customClassForLabel}\n        customClassForWrapper={\n          `selectwrapper ${(props.readOnly || shouldDisable() || shouldBeReadOnly()) && ' -undigitable'} ${customClassForWrapper}`\n        }\n        customClassForInputContent={`multiselect ${customClassForInputContent}`}\n        inputBaseRef={(r: HTMLDivElement | HTMLTextAreaElement) => { selectWrapper.current = r; }}\n        handlerSetOnDenied={setOnDenied}\n        rightElements={[\n          ...rightElements,\n          <ActionButtons\n            key=\"action-buttons-multiselect\"\n            showClearButton={showClearButton}\n            disabled={shouldDisable() || shouldBeReadOnly()}\n            dropDownOpened={opened}\n            handlerClear={() => {\n              if (shouldDisable()) return null;\n              return onClearClick();\n            }}\n            handlerOpenClose={onOpenClose}\n            customClassForSideButtons={customClassForSideButtons} />,\n        ]}>\n        <Selecteds\n          {...props}\n          currents={currents}\n          handlerOnUnselect={onUnselect} />\n      </InputTextBase>\n      {opened &&\n        <Dropdown\n          {...props}\n          selected={selected}\n          selectFieldRef={componentRef}\n          dropdownRef={dropdownRef}\n          gridWrapperStyle={props.gridLayout && gridElRef.current\n            ? window.getComputedStyle(gridElRef.current)\n            : undefined}\n          handleOnSelect={onSelect}\n          handleOnFilter={onFilter}\n          handleOnKeydown={onInputKeyDown}\n          handleOnBlur={() => onBlur}\n          handleOnFocus={onFocus}\n          opened={opened}\n          dataCombo={dataCombo}\n          currents={currents}\n          dropdownWidth={dropdownMaxWidth || dropdownWidth || 0} />\n      }\n      <Hint visible={!!hint && hintPosition === 'below'} customClass=\"hint\" description={hint} />\n    </span>\n  );\n};\n\nexport default MultipleSelect;\n"],"mappings":"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"}