linear-react-components-ui 2.0.0-beta.1 → 2.0.0-beta.2

package/lib/inputs/select/Dropdown.js

@@ -0,0 +1,71 @@
+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: 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 })
+  ] }) });
+};
+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

@@ -0,0 +1,11 @@
+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;
+};

package/lib/inputs/select/helper.js

@@ -0,0 +1,48 @@
+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
+  };
+};
+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

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

package/lib/inputs/select/index.js

@@ -0,0 +1,28 @@
+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 a;
+};
+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

@@ -0,0 +1,3 @@
+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

@@ -0,0 +1,27 @@
+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;
+};
+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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","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"],"names":["MultipleSelect","props","idKey","dataSource","handlerClear","value","remoteSearch","descriptionKey","showClearButton","rightElements","hint","hintPosition","customClassForLabel","customClassForWrapper","customClassForInputContent","customClassForSideButtons","disabled","dropdownMaxWidth","undefined","dataCombo","setDataCombo","useState","currents","setCurrents","selected","setSelected","inputValue","setInputValue","opened","setOpened","dropdownWidth","setDropdownWidth","insideComponent","setInsideComponent","onDenied","setOnDeniedSelect","valueFromProps","setValueFromProps","componentId","uuid","v1","componentRef","useRef","dropdownRef","selectWrapper","gridElRef","inputTextRef","descriptionKeyIsString","insideComponents","onScreenResize","current","clientWidth","onClickOutside","event","target","includes","className","contains","onMouseMove","idDropdown","parentElement","id","keepDropdownOpen","Boolean","document","getElementById","onClearClick","onSelect","onFilter","filteredValue","selectedFilter","onSearch","dataComboFilter","length","getFilteredMultipleDataCombo","inputText","onFocus","dropdownWidthFocus","select","currentsSelect","focus","map","i","onUnselect","result","filter","item","onOpenClose","prevState","onBlur","e","onInputKeyDown","keyCode","constants","ENTER","key","TAB","preventDefault","some","ARROW_UP","ARROW_DOWN","index","findIndex","d","BACKSPACE","currentsKeyDown","_","dropRight","setOnDenied","denied","shouldDisable","hideContent","shouldBeReadOnly","readOnly","useEffect","window","addEventListener","removeEventListener","gridLayout","gridEl","querySelector","newCurrents","isEqual","filteredDataCombo","jsx","InputTextBase","ref","inputRef","isFunction","toString","r","ActionButtons","Selecteds","Dropdown","getComputedStyle","Hint"],"mappings":";;;;;;;;;;;AAeA,MAAMA,KAAiBA,CAACC,MAAgC;AACtD,QAAM;AAAA,IACJC,OAAAA;AAAAA,IAAOC,YAAAA,IAAa,CAAA;AAAA,IAAIC,cAAAA;AAAAA,IAAcC,OAAAA,IAAQ,CAAA;AAAA,IAAIC,cAAAA,IAAe;AAAA,IAAOC,gBAAAA;AAAAA,IACxEC,iBAAAA;AAAAA,IAAiBC,eAAAA,IAAgB,CAAA;AAAA,IAAIC,MAAAA;AAAAA,IAAMC,cAAAA,IAAe;AAAA,IAASC,qBAAAA;AAAAA,IACnEC,uBAAAA;AAAAA,IAAuBC,4BAAAA;AAAAA,IAA4BC,2BAAAA;AAAAA,IAA2BC,UAAAA,KAAW;AAAA,IACzFC,kBAAAA,KAAmBC;AAAAA,EAAAA,IACjBjB,GACE,CAACkB,GAAWC,CAAY,IAAIC,EAASlB,CAAU,GAC/C,CAACmB,GAAUC,CAAW,IAAIF,EAAsB,CAAA,CAAE,GAClD,CAACG,GAAUC,CAAW,IAAIJ,EAAAA,GAC1B,CAACK,GAAYC,CAAa,IAAIN,EAA8B,CAAA,CAAE,GAC9D,CAACO,GAAQC,CAAS,IAAIR,EAAS,EAAK,GACpC,CAACS,GAAeC,CAAgB,IAAIV,EAAS,CAAC,GAC9C,CAACW,IAAiBC,EAAkB,IAAIZ,EAAS,EAAK,GACtD,CAACa,GAAUC,EAAiB,IAAId,EAAAA,GAChC,CAACe,IAAgBC,EAAiB,IAAIhB,EAA8B,CAAA,CAAE,GAEtEiB,IAAc,mBAAmBC,GAAKC,CAAI,IAC1CC,IAAeC,EAAyB,IAAI,GAC5CC,IAAcD,EAAyB,IAAI,GAC3CE,IAAgBF,EAA6C,IAAI,GACjEG,IAAYH,EAAgB,IAAI,GAChCI,IAAeJ,EAAsD,IAAI,GACzEK,IAAyB,OAAOxC,KAAmB,UACnDyC,KACJ,CAAC,QAAQ,cAAc,eAAe,mBAAmB,SAAS,cAAc,GAE5EC,IAAiBA,MAAM;AAC3B,IAAIL,EAAcM,WAASnB,EAAiBa,EAAcM,QAAQC,WAAW;AAAA,EAC/E,GAEMC,IAAiBA,CAACC,MAAsB;AAC5C,UAAM;AAAA,MAAEC,QAAAA;AAAAA,IAAAA,IAAWD;AACnB,IAAI,CAACL,GAAiBO,SAAUD,EAAmBE,SAAS,KAC1DF,MAAWV,EAAcM,WAAWN,EAAcM,WAClD,CAACN,EAAcM,QAAQO,SAASH,CAAc,KAC9CX,EAAYO,WAAW,CAACP,EAAYO,QAAQO,SAASH,CAAc,KACnEzB,EAAU,EAAK;AAAA,EAEnB,GAEM6B,IAAcA,CAACL,MAAsB;AACzC,UAAMC,IAASD,EAAMC,QACfK,IAAahB,EAAYO,SAASU,eAAeC,MAAM,IAEvDC,KAAmBC,EADDC,SAASC,eAAeN,CAAU,GACRF,SAASH,CAAM;AACjErB,IAAAA,GAAmB6B,EAAgB;AAAA,EACrC,GAEMI,IAAeA,MAAM;AACzBzC,IAAAA,EAAYP,MAAS,GACrBK,EAAY,CAAA,CAAE,GACVtB,EAAMkE,YAAUlE,EAAMkE,SAAAA;AAAAA,EAC5B,GAEMC,IAAWA,CAACC,MAA0B;AAC1C,QAAIC,IAAiB;AACrB,QAAIhE;AACF,MAAIL,EAAMsE,YAAUtE,EAAMsE,SAASF,CAAa,GAChDxC,EAAU,EAAI,GACdF,EAAc,CAAC0C,CAAa,CAAC;AAAA,SACxB;AACL,UAAIG,IAAkBrE;AACtB,MAAIkE,EAAcI,SAAS,MACzBD,IAAkBE,EAA6B;AAAA,QAC7CC,WAAW,CAACN,CAAa;AAAA,QACzBlE,YAAAA;AAAAA,QACAI,gBAAAA;AAAAA,QACAe,UAAAA;AAAAA,MAAAA,CACD,IAECkD,KAAmBA,EAAgBC,SAAS,MAAGH,IAAiBE,EAAgB,CAAC,IACrFpD,EAAaoD,CAAe,GAC5B3C,EAAU,EAAI,GACVyC,OAA4BA,CAAc,GAC9C3C,EAAc,CAAC0C,CAAa,CAAC;AAAA,IAC/B;AAAA,EACF,GAEMO,IAAUA,MAAM;AACpB,UAAMC,IACJjC,EAAcM,UAAUN,EAAcM,QAAQC,cAAcrB;AAC9DD,IAAAA,EAAU,EAAI,GACdE,EAAiB8C,CAAkB;AAAA,EACrC,GAEMV,IAAWA,CAACW,MAAsB;AACtC,QAAIA,MAAW,KAAM;AACrB,UAAMC,IAAiB,CAAC,GAAGzD,GAAUwD,CAAM;AAE3CvD,IAAAA,EAAYwD,CAAc,GAC1B3D,EAAajB,CAAU,GACvBwB,EAAc,CAAA,CAAE,GACZmB,KAAgBA,EAAaI,WAASJ,EAAaI,QAAQ8B,MAAAA,GAC3D/E,EAAMkE,YAAU1C,EAAYxB,EAAMkE,SAASY,EAAeE,IAAIC,CAAAA,MAAKA,EAAEhF,CAAK,CAAC,CAAC,CAAC,GACjFyC,EAAYO,SAAS8B,MAAAA;AAAAA,EACvB,GAEMG,KAAaA,CAACtB,MAAe;AACjC,QAAIvC,GAAU;AACZ,YAAM8D,IAAS9D,EAAS+D,OAAOC,OAAQA,EAAKpF,CAAK,MAAM2D,CAAE;AACzDtC,MAAAA,EAAY6D,CAAM,GACdtC,KAAgBA,EAAaI,WAASJ,EAAaI,QAAQ8B,MAAAA,GAC/DnD,EAAU,EAAK,GACX5B,EAAMkE,YAAU1C,EAAYxB,EAAMkE,SAASiB,EAAOH,IAAIC,CAAAA,MAAKA,EAAEhF,CAAK,CAAC,CAAC,CAAC,GACzEyC,EAAYO,SAAS8B,MAAAA;AAAAA,IACvB;AAAA,EACF,GAEMO,KAAcA,MAAM;AACxB1D,IAAAA,EAAU2D,CAAAA,MAAa,CAACA,CAAS,GAC7B5C,EAAcM,WAASnB,EAAiBa,EAAcM,QAAQC,WAAW;AAAA,EAC/E,GAEMsC,IAASA,CAACC,MAAwB;AACtC,IAAIzF,EAAMwF,UAAQxF,EAAMwF,OAAOC,CAAC,GAC5BlE,KAAYI,KACduC,EAAS3C,CAAQ,GAEdQ,OACHH,EAAU,EAAK,GACfT,EAAajB,CAAU;AAAA,EAE3B,GAEMwF,IAAiBA,CAACD,MAAwC;AAC9D,QAAIA,EAAEE;AACJ,WAAKF,EAAEE,YAAYC,EAAmBC,SAASJ,EAAEK,QAAQF,GAAeG,QACjExE,KAAYI;AACjB,QAAI8D,EAAEE,YAAYC,EAAmBC,WAASG,iBAAAA,GACzC3E,EAAS4E,KAAKhD,CAAAA,MAAWA,EAAQhD,CAAK,MAAMsB,EAAStB,CAAK,CAAC,KAC9DiE,EAAS3C,CAAQ;AAAA,eAEV,CAACqE,EAAmBM,UAAUN,EAAmBO,UAAU,EAAE7C,SAASmC,EAAEE,OAAO,GAAG;AAC3F,QAAKhE,KAAQC,EAAU,EAAI;AAC3B,YAAIwE,IAAQlF,IAAYA,EAAUmF,UAAUC,CAAAA,MAAKA,MAAM/E,CAAQ,IAAI;AACnE,QAAIkE,EAAEE,YAAYC,EAAmBO,aACnCC,IAASlF,KAAakF,MAAUlF,EAAUsD,SAAS,IAAI,IAAI4B,IAAQ,IAEnEA,IAASlF,KAAakF,MAAU,IAAIlF,EAAUsD,SAAS,IAAI4B,IAAQ,GAEjElF,KAAaA,EAAUsD,WACrB1B,KAA0B5B,EAAUkF,CAAK,EAAE9F,CAAc,IAC3DoB,EAAcR,EAAUkF,CAAK,EAAE9F,CAAc,CAAC,IACpCwC,KAAwBpB,EAAc,CAACpB,EAAeY,EAAUkF,CAAK,CAAC,CAAC,CAAC,IAElFlF,KAAWM,EAAYN,EAAUkF,CAAK,CAAC;AAAA,MAC7C,WAAWX,EAAEE,YAAYC,EAAmBW;AAC1C,YAAI9E,EAAW+C,WAAW,GAAG;AAC3B,gBAAMgC,IAAkBC,EAAEC,UAAUrF,CAAQ;AAC5CC,UAAAA,EAAYkF,CAAe,GACvBxG,EAAMkE,YAAUlE,EAAMkE,SAASsC,EAAgBxB,IAAIC,CAAAA,MAAKA,EAAEhF,CAAK,CAAC,CAAC;AAAA,QACvE;AAAA,YACF,CAAWwF,EAAEE,YAAYC,EAAmBG,OAC1CnE,EAAU,EAAK;AAAA,EAGrB,GAEM+E,KAAcA,CAACC,MAAqB;AACxC1E,IAAAA,GAAkB0E,CAAM;AAAA,EAC1B,GAEMC,IAAgBA,MACpB9F,MACCkB,MAAaA,EAASlB,YAAYkB,EAAS6E,cAExCC,IAAmBA,MAAM/G,EAAMgH,YAAa/E,KAAaA,EAAS+E;AAExEC,SAAAA,EAAU,OACRC,OAAOC,iBAAiB,UAAUnE,CAAc,GAChDe,SAASoD,iBAAiB,SAAShE,CAAc,GACjDY,SAASoD,iBAAiB,aAAa1D,CAAW,GAC9CtD,KAAc8D,EAAAA,GAEX,MAAM;AACXiD,WAAOE,oBAAoB,UAAUpE,CAAc,GACnDe,SAASqD,oBAAoB,SAASjE,CAAc,GACpDY,SAASqD,oBAAoB,aAAa3D,CAAW;AAAA,EACvD,IACC,CAAA,CAAE,GAELwD,EAAU,MAAM;AACd,QAAIjH,EAAMqH,YAAY;AACpB,YAAMC,IAASvD,SAASwD,cAAc,IAAIlF,CAAW,6BAA6B;AAClF,MAAIO,EAAUK,YAAYqE,KAAUA,QAAkBrE,UAAUqE;AAAAA,IAClE;AAAA,EACF,GAAG,CAAA,CAAE,GAELL,EAAU,MAAM;AACd,QAAI7G,EAAMoE,SAAS,KAAKpE,MAAU+B,MAAkBjC,EAAWsE,SAAS,GAAG;AACzE,YAAMgD,IAActH,EAAWkF,OAAO,CAACC,MACrCjF,EAAMkD,SAAS+B,EAAKpF,CAAK,CAAU,CAAC;AAEtCmC,MAAAA,GAAkBhC,CAAK,GACvBkB,EAAYkG,CAAW;AAAA,IACzB;AAAA,EACF,GAAG,CAACtH,EAAWsE,QAAQpE,EAAMoE,MAAM,CAAC,GAEpCyC,EAAU,MAAM;AACd,QAAI,CAACR,EAAEgB,QAAQvH,GAAYgB,CAAS,GAAG;AACrC,YAAMwG,IAAoBrH,IACtBH,IACAuE,EAA6B;AAAA,QAC3BpD,UAAAA;AAAAA,QAAUnB,YAAAA;AAAAA,QAAYI,gBAAAA;AAAAA,QAAgBoE,WAAWjD;AAAAA,MAAAA,CAClD;AAELN,MAAAA,EAAauG,CAAiB,GAC9BlG,EAAYkG,EAAkBlD,SAAS,IAAItD,EAAU,CAAC,IAAI,IAAI;AAAA,IAChE;AAAA,EACF,GAAG,CAAChB,CAAU,CAAC,sBAGZ,QAAA,EACC,IAAImC,GACJ,KAAKG,GACL,WAAU,oBACV,UAAA;AAAA,IAAA,gBAAAmF,EAACC,IAAA,EACC,GAAI5H,GACJ,UAAW6H,CAAAA,MAAQ;AACjB,MAAI7H,EAAM8H,aACHrB,EAAEsB,WAAW/H,EAAM8H,QAAQ,IAG9B9H,EAAM8H,SAASD,CAAG,IAFlB7H,EAAM8H,SAAS7E,UAAU4E,IAK7BhF,EAAaI,UAAU4E;AAAAA,IACzB,GACA,cAAa,OACb,OAAOpG,EAAWuG,SAAAA,GAClB,UAAUjB,KACV,SAAS,MAAM;AAAEpC,MAAAA,EAAAA;AAAAA,IAAW,GAC5B,QAAQ,CAACc,MAAwB;AAAED,MAAAA,EAAOC,CAAC;AAAA,IAAG,GAC9C,UAAU,CAACA,MAAyB;AAClC,MAAIA,KAAGtB,EAASsB,EAAEpC,OAAOjD,KAAK;AAAA,IAChC,GACA,SAASuE,GACT,WAAWe,GACX,qBAAA/E,GACA,uBACE,kBAAkBX,EAAMgH,YAAYH,EAAAA,KAAmBE,QAAuB,eAAe,IAAInG,CAAqB,IAExH,4BAA4B,eAAeC,EAA0B,IACrE,cAAc,CAACoH,MAA4C;AAAEtF,MAAAA,EAAcM,UAAUgF;AAAAA,IAAG,GACxF,oBAAoBtB,IACpB,eAAe,CACb,GAAGnG,GACH,gBAAAmH,EAACO,IAAA,EAEC,iBAAA3H,GACA,UAAUsG,OAAmBE,EAAAA,GAC7B,gBAAgBpF,GAChB,cAAc,MACRkF,EAAAA,IAAwB,OACrB5C,EAAAA,GAET,kBAAkBqB,IAClB,2BAAAxE,GAAA,GATI,4BASiD,CAAG,GAE5D,UAAA,gBAAA6G,EAACQ,IAAA,EACC,GAAInI,GACJ,UAAAqB,GACA,mBAAmB6D,IAAW,GAClC;AAAA,IACCvD,KACC,gBAAAgG,EAACS,IAAA,EACC,GAAIpI,GACJ,UAAAuB,GACA,gBAAgBiB,GAChB,aAAAE,GACA,kBAAkB1C,EAAMqH,cAAczE,EAAUK,UAC5CiE,OAAOmB,iBAAiBzF,EAAUK,OAAO,IACzChC,QACJ,gBAAgBiD,GAChB,gBAAgBC,GAChB,iBAAiBuB,GACjB,cAAc,MAAMF,GACpB,eAAeb,GACf,QAAAhD,GACA,WAAAT,GACA,UAAAG,GACA,eAAeL,MAAoBa,KAAiB,GAAE;AAAA,IAE1D,gBAAA8F,EAACW,IAAA,EAAK,SAAS,CAAC,CAAC7H,KAAQC,MAAiB,SAAS,aAAY,QAAO,aAAaD,EAAAA,CAAK;AAAA,EAAA,GAC1F;AAEJ;"}

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

@@ -0,0 +1,3 @@
+import { ISimpleSelectProps } from '../types';
+declare const SimpleSelect: (props: ISimpleSelectProps) => import("react/jsx-runtime").JSX.Element;
+export default SimpleSelect;

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

@@ -0,0 +1,159 @@
+import { jsxs as we, jsx as N } from "react/jsx-runtime";
+import { useState as m, useRef as E, useEffect as F } from "react";
+import Y from "../../../_virtual/lodash.js";
+import Se from "../Dropdown.js";
+import Ee from "../ActionButtons.js";
+import { keyCodes as R, keys as Re } from "../../../internals/constants.js";
+import { getFilteredSimpleDataCombo as Z } from "../helper.js";
+import ve from "../../base/InputTextBase.js";
+import We from "../../../node_modules/uuid/dist/v1.js";
+const Ae = (i) => {
+  const {
+    value: g,
+    descriptionKey: t,
+    dataSource: D = [],
+    gridLayout: k,
+    onSearch: A,
+    disabled: ee,
+    readOnly: ne,
+    openDropdownOnFocus: te = !0,
+    selectFirstOnEnter: oe = !1,
+    idKey: y,
+    remoteSearch: B = !1,
+    name: K = "",
+    undigitable: x,
+    searchOnDropdown: _ = !1,
+    allOptions: d = void 0,
+    showClearButton: ie = !1,
+    searchNotFoundText: re,
+    rightElements: se = [],
+    customClassForWrapper: le,
+    customClassForInputContent: ce,
+    customClassForLabel: ue,
+    customClassForSideButtons: de,
+    dropdownMaxWidth: ae = void 0
+  } = i, s = typeof t == "string", o = d ? [{
+    [y]: d.idValue,
+    [s ? t : t(d.label)]: d.label
+  }, ...D] : D, [r, v] = m(o), [u, p] = m(null), [h, l] = m(""), [w, a] = m(!1), [fe, I] = m(0), [me, pe] = m(!1), [S, he] = m(), [$, P] = m(!1), W = E(null), z = `select-component-${K}-${We()}`, M = E(null), c = E(null), b = E(null), C = E(null), V = () => {
+    c.current && I(c.current.clientWidth);
+  }, j = (e) => {
+    const {
+      target: n
+    } = e;
+    n !== c.current && !c.current?.contains(n) && !W.current?.contains(n) && a(!1);
+  }, q = (e) => {
+    const n = e.target, f = W.current?.parentElement?.id || "", Oe = !!document.getElementById(f)?.contains(n);
+    pe(Oe);
+  }, J = (e) => ({
+    target: {
+      value: e ? e[y] : void 0,
+      name: K
+    }
+  }), O = (e) => {
+    if (i.onChange) {
+      const n = J(e);
+      i.onChange(n);
+    }
+  }, U = (e) => {
+    let n = null;
+    if (B)
+      A && A(e);
+    else {
+      const f = Z({
+        inputText: e,
+        descriptionKey: t,
+        dataSource: o
+      });
+      f && f.length > 0 && (n = f[0], p(n)), v(f);
+    }
+    a(!0), l(e), n && (s && e === n[t] || !s && e === t(n)) && O(n);
+  }, G = (e) => {
+    e && (p(e), l(s ? e[t] : t(e)), new Promise((n) => {
+      n(O(e));
+    }).finally(() => {
+      C && C.current && C.current.focus(), a(!1);
+    }), W.current?.focus());
+  }, Ce = () => {
+    a((e) => !e), c.current && I(c.current.clientWidth);
+  }, T = () => {
+    if (te && a(!0), c) {
+      const e = c.current ? c.current.clientWidth : 0;
+      I(e);
+    }
+  }, H = () => {
+    if (i.onBlur) {
+      const e = J(u);
+      i.onBlur(e), (u && s && h !== u[t] || !s && h !== t(u)) && (p(null), l(h), new Promise((n) => {
+        n(O(null));
+      }).finally(() => {
+        O();
+      }));
+    }
+    me || (a(!1), P(!1), v(o));
+  }, Q = (e) => {
+    if (e.keyCode) {
+      if ((e.keyCode === R.ENTER || e.key === Re.TAB) && u && w)
+        e.keyCode === R.ENTER && e.preventDefault?.(), G(u);
+      else if ([R.ARROW_UP, R.ARROW_DOWN].includes(e.keyCode)) {
+        w || a(!0);
+        let n = r.length > 0 ? r.findIndex((f) => u && f[y] === u[y]) : 0;
+        e.keyCode === R.ARROW_DOWN ? n = r && n === r.length - 1 ? 0 : n + 1 : n = r && n === 0 ? r?.length - 1 : n - 1, p(r[n]), s && l(r[n][t]), s || l(t(r[n]));
+      }
+    }
+    $ || P(!0);
+  }, ge = () => {
+    new Promise((e) => {
+      e(O(null));
+    }).finally(() => {
+      p(null), l(""), O(), C && C.current && C.current.focus(), a(!1);
+    });
+  }, ye = (e) => {
+    he(e);
+  }, X = () => ee || S && (S.disabled || S.hideContent), L = () => ne || S && S.readOnly;
+  return F(() => (window.addEventListener("resize", V), document.addEventListener("click", j), document.addEventListener("mousemove", q), () => {
+    window.removeEventListener("resize", V), document.removeEventListener("click", j), document.removeEventListener("mousemove", q);
+  }), []), F(() => {
+    if (k) {
+      const e = document.querySelector(`#${z}>.-withinput.grid-container`);
+      b.current !== e && e && (b.current = e);
+    }
+  }, [k]), F(() => {
+    if (o.length > 0) {
+      let e = null;
+      g || g === 0 ? e = o.find((n) => (g || g === 0) && n[y]?.toString().toLowerCase() === g?.toString().toLowerCase()) : o.length > 0 && oe && (e = o[0]), p(e), l(s ? e ? e[t] : "" : e ? t(e) : "");
+    }
+    o.length === 0 && h && l("");
+  }, [o.length, g]), F(() => {
+    if (!Y.isEqual(r, o)) {
+      const e = x || B || !$ ? o : Z({
+        inputText: h,
+        dataSource: o,
+        descriptionKey: t
+      });
+      if (v(e), o.length > 0 && B) {
+        const n = o[0];
+        p(n);
+      }
+    }
+    d && v([{
+      [y]: d.idValue,
+      [s ? t : t(d.label)]: d.label
+    }, ...D]);
+  }, [JSON.stringify(o)]), /* @__PURE__ */ we("span", { id: z, ref: M, className: "select-component", children: [
+    /* @__PURE__ */ N(ve, { ...i, inputRef: (e) => {
+      i.inputRef && (Y.isFunction(i.inputRef) ? i.inputRef(e) : i.inputRef.current = e), C.current = e;
+    }, autoComplete: "off", readOnly: x || L(), value: h, onFocus: T, onBlur: H, onChange: (e) => {
+      e && U(e.target.value);
+    }, onClick: T, onKeyDown: Q, customClassForLabel: ue, customClassForWrapper: `selectwrapper ${(x || _ || L()) && " -undigitable"} ${le}`, customClassForInputContent: `multiselect ${ce}`, inputBaseRef: (e) => {
+      c.current = e;
+    }, handlerSetOnDenied: (e) => ye(e), rightElements: [...se, /* @__PURE__ */ N(Ee, { disabled: X() || L(), showClearButton: ie, dropDownOpened: w, handlerClear: () => X() ? null : ge(), handlerOpenClose: Ce, customClassForSideButtons: de }, "action-buttons-simpleselect")] }),
+    w && /* @__PURE__ */ N(Se, { ...i, opened: w, selected: u, inputValue: h, selectFieldRef: M, dropdownRef: W, searchOnDropdown: _, gridWrapperStyle: k && b.current ? window.getComputedStyle(b.current) : void 0, handleOnSelect: (e) => {
+      e && G(e);
+    }, handleOnFilter: (e) => U(e), handleOnKeydown: Q, handleOnBlur: () => H, handleOnFocus: T, dataCombo: r, searchNotFoundText: re, dropdownWidth: ae || fe || 0 })
+  ] });
+};
+export {
+  Ae as default
+};
+//# sourceMappingURL=index.js.map