linear-react-components-ui 1.1.26-beta.2 → 1.1.26-beta.21

package/lib/inputs/multiSelect/Dropdown.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"Dropdown.js","sources":["../../../src/lib/inputs/multiSelect/Dropdown.tsx"],"sourcesContent":["import { ChangeEvent, RefObject, useState } from 'react';\nimport { DataCombo } from '../../@types/DataCombo';\nimport Avatar from '../../avatar';\nimport Icon from '../../icons';\nimport { IDropdownMultiSelectProps } from './types';\n\nconst returnDropdownDynamicStyles = (\n  selectFieldRef: RefObject<HTMLDivElement> | undefined,\n  dropdownMaxHeight: number,\n) => {\n  const selectFieldRects = selectFieldRef?.current?.getBoundingClientRect();\n  const bottom = selectFieldRects?.bottom ? selectFieldRects?.bottom : 0;\n  const offsetTop = selectFieldRef?.current?.offsetTop ? selectFieldRef?.current?.offsetTop : 0;\n  const dropdownBottomDistance = window.innerHeight - bottom;\n  let maxDropdownBottomDistance = 200;\n  let height = dropdownMaxHeight;\n  let dropdownPosition;\n  if (!height || height <= 0) {\n    if (dropdownBottomDistance < maxDropdownBottomDistance) {\n      height = selectFieldRects?.top ? selectFieldRects.top : 0;\n      dropdownPosition = (window.innerHeight - offsetTop) + 10;\n    } else {\n      height = dropdownBottomDistance;\n    }\n  } else {\n    maxDropdownBottomDistance = height;\n    if (dropdownBottomDistance < maxDropdownBottomDistance) {\n      dropdownPosition = (window.innerHeight - offsetTop) + 10;\n    }\n  }\n\n  return {\n    maxHeight: `${height - 30}px`,\n    bottom: `${dropdownPosition}px`,\n  };\n};\n\nconst Dropdown = (props: IDropdownMultiSelectProps) => {\n  const {\n    imageAlign = 'left', descriptionKey, idKey, dropdownMaxHeight, selectFieldRef, isAllChecked,\n    dropdownWidth, inputValue, gridWrapperStyle, onFocus, onFilter, onBlur, dataCombo, opened,\n    onUncheckAll, onCheckAll, selecteds, onSelect, dropdownMaxWidth,\n  } = props;\n  const [dropdownDynamicStyles] =\n    useState((returnDropdownDynamicStyles(selectFieldRef, dropdownMaxHeight || 0)));\n\n  return (\n    <div\n      className=\"dropdown\"\n      style={{\n        width: dropdownMaxWidth || dropdownWidth,\n        marginLeft: gridWrapperStyle ? gridWrapperStyle.paddingLeft : '0',\n        ...dropdownDynamicStyles,\n      }}>\n      <div className=\"filtercontainer\">\n        <input\n          className=\"filterinput\"\n          type=\"text\"\n          value={inputValue}\n          onFocus={() => { onFocus(); }}\n          onBlur={(e: ChangeEvent<HTMLInputElement | HTMLTextAreaElement>) => { onBlur(e); }}\n          onChange={(e) => { onFilter(e.target.value); }}\n          autoFocus={opened} />\n        <Icon customClass=\"filtericon\" name=\"search\" size={14} />\n      </div>\n      <div className=\"listcontainer\">\n        {dataCombo && dataCombo.length > 0 && (\n          <div className=\"item selectall\">\n            <button\n              className=\"menubutton\"\n              tabIndex={-1}\n              onClick={() => (isAllChecked ?\n                  onUncheckAll(true)\n                : onCheckAll(true))}>\n              <Icon\n                name={\n                  isAllChecked && dataCombo.length > 0 ? 'checkboxChecked2' : 'checkboxUnchecked2'\n                }\n                customClass=\"checkboxicon\" />\n              <span className=\"label\">\n                {inputValue !== '' ? 'Selecionar todos pesquisados' : 'Selecionar Todos'}\n              </span>\n            </button>\n          </div>\n        )}\n        {dataCombo?.map((item: DataCombo) => {\n          const isChecked = selecteds ?\n              selecteds.find(selected => (selected[idKey] === item[idKey]))\n            : undefined;\n          return (\n            <div\n              key={`dropdowmItem ${item[idKey]}}`}\n              className={`item ${isChecked && '-selected'}`}>\n              <button\n                className=\"menubutton\"\n                tabIndex={-1}\n                onClick={() => { onSelect(item); }}>\n                <Icon\n                  name={isChecked ? 'checkboxChecked2' : 'checkboxUnchecked2'}\n                  customClass=\"checkboxicon\" />\n                {item.iconName &&\n                  <Icon\n                    name={item.iconName}\n                    customClass=\"menuicon\"\n                    style={{ order: imageAlign === 'left' ? 0 : 1 }} />\n                }\n                {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      </div>\n    </div>\n  );\n};\n\nexport default Dropdown;\n"],"names":["returnDropdownDynamicStyles","selectFieldRef","dropdownMaxHeight","selectFieldRects","current","getBoundingClientRect","bottom","offsetTop","dropdownBottomDistance","window","innerHeight","maxDropdownBottomDistance","height","dropdownPosition","top","maxHeight","Dropdown","props","$","_c","imageAlign","t0","descriptionKey","idKey","isAllChecked","dropdownWidth","inputValue","gridWrapperStyle","onFocus","onFilter","onBlur","dataCombo","opened","onUncheckAll","onCheckAll","selecteds","onSelect","dropdownMaxWidth","undefined","t1","t2","dropdownDynamicStyles","useState","t3","t4","paddingLeft","t5","width","marginLeft","t6","t7","e","t8","e_0","target","value","t9","t10","Symbol","for","Icon","t11","jsxs","t12","length","jsx","t13","map","item","isChecked","find","selected","iconName","order","imgSrcKey","Avatar","t14","t15"],"mappings":"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"}

package/lib/inputs/multiSelect/helper.js

@@ -1,11 +1,9 @@
-const f = ({
-  dataSource: a,
+const a = ({
+  dataSource: t,
   descriptionKey: e,
   inputText: o
-}) => a.filter((r) => {
-  var t;
-  return typeof e == "string" ? r[e].toLowerCase().indexOf(o.toLowerCase()) > -1 : ((t = e(r)) == null ? void 0 : t.toLowerCase().indexOf(o.toLowerCase())) > -1;
-});
+}) => t.filter((r) => typeof e == "string" ? r[e].toLowerCase().indexOf(o.toLowerCase()) > -1 : e(r)?.toLowerCase().indexOf(o.toLowerCase()) > -1);
 export {
-  f as default
+  a as default
 };
+//# sourceMappingURL=helper.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"helper.js","sources":["../../../src/lib/inputs/multiSelect/helper.ts"],"sourcesContent":["import { GetFilteredParams } from './types';\n\nconst getFilteredDataCombo = ({\n  dataSource, descriptionKey, inputText,\n}: GetFilteredParams) =>\n  dataSource.filter((item) => {\n    if (typeof descriptionKey === 'string') {\n      return item[descriptionKey].toLowerCase().indexOf(inputText.toLowerCase()) > -1;\n    }\n    return descriptionKey(item)?.toLowerCase().indexOf(inputText.toLowerCase()) > -1;\n  });\n\nexport default getFilteredDataCombo;\n"],"names":["getFilteredDataCombo","dataSource","descriptionKey","inputText","filter","item","toLowerCase","indexOf"],"mappings":"AAEA,MAAMA,IAAuBA,CAAC;AAAA,EAC5BC,YAAAA;AAAAA,EAAYC,gBAAAA;AAAAA,EAAgBC,WAAAA;AACX,MACjBF,EAAWG,OAAQC,CAAAA,MACb,OAAOH,KAAmB,WACrBG,EAAKH,CAAc,EAAEI,YAAAA,EAAcC,QAAQJ,EAAUG,YAAAA,CAAa,IAAI,KAExEJ,EAAeG,CAAI,GAAGC,YAAAA,EAAcC,QAAQJ,EAAUG,YAAAA,CAAa,IAAI,EAC/E;"}

package/lib/inputs/multiSelect/index.js

@@ -1,140 +1,196 @@
-import { j as b } from "../../chunks/jsx-runtime.CYK1ROHF.js";
-import x from "lodash";
-import { useState as s, useRef as N, useEffect as S } from "react";
-import ne from "../base/InputTextBase.js";
-import oe from "./ActionButtons.js";
-import se from "./Dropdown.js";
-import M from "./helper.js";
-import { v as le } from "../../chunks/v1.CDXKvGzE.js";
-const pe = (m) => {
-  const {
+import { jsx as We, jsxs as $e } from "react/jsx-runtime";
+import { c as Ge } from "../../_virtual/compiler-runtime.js";
+import de from "../../_virtual/lodash.js";
+import { useState as d, useRef as ke, useEffect as ae } from "react";
+import Ve from "../base/InputTextBase.js";
+import He from "./ActionButtons.js";
+import Je from "./Dropdown.js";
+import Ie from "./helper.js";
+import '../../assets/styles/multiSelect.css';/* empty css                                   */
+import Pe from "../../node_modules/uuid/dist/v1.js";
+const ct = (c) => {
+  const e = Ge.c(104), {
     onSelect: r,
     idKey: i,
-    disabled: T = !1,
+    disabled: Ae,
     dataSource: n,
-    descriptionKey: f,
-    value: d,
-    onBlur: A,
-    gridLayout: q,
-    dropdownAlignButton: z = "left"
-  } = m, K = `multiSelect-component${le()}`, [a, p] = s(n), [o, h] = s(), [L, E] = s(""), [O, U] = s("Nenhum selecionado"), [g, v] = s(0), [G, V] = s(!1), [C, D] = s(!1), [k, _] = s(), [$, H] = s(!1), [J, P] = s(), w = N(null), l = N(null), Q = (e) => {
-    if (e === null) return;
-    let t = o;
-    t && (t.find((u) => u[i] === e[i]) ? t = t.filter((u) => u[i] !== e[i]) : t = [...t, e], r && r(t.map((u) => u[i]))), h(t);
-  }, F = () => {
-    let e = g;
-    e = l.current ? l.current.clientWidth : g, D(!0), v(e);
-  }, W = (e) => {
-    const t = e.target;
-    if ((t == null ? void 0 : t.className) === "") return;
-    const c = ["item", "menubutton", "filterinput", "filtercontainer", "label"].includes(t == null ? void 0 : t.className);
-    H(c);
-  }, y = (e) => {
-    A && A(e), $ || (E(""), p(n));
-  }, X = (e) => {
-    let t = n;
-    e !== "" && n && (t = M({ dataSource: n, descriptionKey: f, inputText: e })), p(t), E(e);
-  }, Y = () => {
-    D(!C), l.current && v(l.current.clientWidth);
-  }, B = (e = !1) => {
-    const t = e ? a : n;
-    r && t && r(t.map((c) => c[i])), h(t);
-  }, I = () => {
-    r && r(), h([]);
-  }, j = () => {
-    l.current && v(l.current.clientWidth);
-  }, R = (e) => {
-    var c;
-    const { target: t } = e;
-    t !== w.current && !((c = w.current) != null && c.contains(t)) && (D(!1), p(n), E(""));
-  }, Z = (e) => {
-    _(e);
-  }, ee = () => !!(T || k && (k.disabled || k.hideContent)), te = () => {
-    const e = x.isEqual(o, n);
-    let t = O;
-    e ? t = "Todos" : o && o.length > 1 ? t = "Múltiplos" : o && o.length === 1 ? t = typeof f == "string" ? o[0][f] : f(o[0]) : t = "Nenhum selecionado", U(t);
-  };
-  return S(() => {
-    var e;
-    if (q) {
-      const t = (e = l.current) == null ? void 0 : e.parentElement;
-      t && P(window.getComputedStyle(t));
+    descriptionKey: a,
+    value: O,
+    onBlur: x,
+    gridLayout: fe,
+    dropdownAlignButton: Fe,
+    dropdownMaxWidth: Oe
+  } = c, me = Ae === void 0 ? !1 : Ae, ue = Fe === void 0 ? "left" : Fe, pe = Oe === void 0 ? void 0 : Oe;
+  let B;
+  e[0] === Symbol.for("react.memo_cache_sentinel") ? (B = Pe(), e[0] = B) : B = e[0];
+  const Me = `multiSelect-component${B}`, [s, p] = d(n), [o, I] = d(), [h, M] = d(""), [he, Re] = d("Nenhum selecionado"), [S, Se] = d(0), [ve, Ne] = d(!1), [m, R] = d(!1), [F, Te] = d(), [we, qe] = d(!1), [be, ze] = d(), je = ke(null), v = ke(null), f = ke(null);
+  let N;
+  e[1] !== i || e[2] !== r || e[3] !== o ? (N = (t) => {
+    if (t === null)
+      return;
+    let l = o;
+    l && (l.find((u) => u[i] === t[i]) ? l = l.filter((u) => u[i] !== t[i]) : l = [...l, t], r && r(l.map((u) => u[i]))), I(l);
+  }, e[1] = i, e[2] = r, e[3] = o, e[4] = N) : N = e[4];
+  const Ce = N;
+  let T;
+  e[5] !== S ? (T = () => {
+    let t;
+    t = f.current ? f.current.clientWidth : S, R(!0), Se(t);
+  }, e[5] = S, e[6] = T) : T = e[6];
+  const w = T;
+  let q;
+  e[7] === Symbol.for("react.memo_cache_sentinel") ? (q = (t) => {
+    const l = t.target;
+    if (l?.className === "")
+      return;
+    const A = ["item", "menubutton", "filterinput", "filtercontainer", "label"].includes(l?.className);
+    qe(A);
+  }, e[7] = q) : q = e[7];
+  const xe = q;
+  let z;
+  e[8] !== n || e[9] !== we || e[10] !== x ? (z = (t) => {
+    x && x(t), we || (M(""), p(n));
+  }, e[8] = n, e[9] = we, e[10] = x, e[11] = z) : z = e[11];
+  const b = z;
+  let j;
+  e[12] !== n || e[13] !== a ? (j = (t) => {
+    let l = n;
+    t !== "" && n && (l = Ie({
+      dataSource: n,
+      descriptionKey: a,
+      inputText: t
+    })), p(l), M(t);
+  }, e[12] = n, e[13] = a, e[14] = j) : j = e[14];
+  const ge = j;
+  let K;
+  e[15] !== n ? (K = () => {
+    R(Qe), f.current && Se(f.current.clientWidth), p(n);
+  }, e[15] = n, e[16] = K) : K = e[16];
+  const Ee = K;
+  let U;
+  e[17] !== s || e[18] !== n || e[19] !== i || e[20] !== r ? (U = (t) => {
+    const A = (t === void 0 ? !1 : t) ? s : n;
+    r && A && r(A.map((u) => u[i])), I(A);
+  }, e[17] = s, e[18] = n, e[19] = i, e[20] = r, e[21] = U) : U = e[21];
+  const C = U;
+  let $;
+  e[22] !== r ? ($ = () => {
+    r && r(), I([]);
+  }, e[22] = r, e[23] = $) : $ = e[23];
+  const g = $;
+  let G;
+  e[24] === Symbol.for("react.memo_cache_sentinel") ? (G = () => {
+    f.current && Se(f.current.clientWidth);
+  }, e[24] = G) : G = e[24];
+  const Be = G;
+  let V;
+  e[25] !== n ? (V = (t) => {
+    const {
+      target: l
+    } = t;
+    l !== v.current && !v.current?.contains(l) && (R(!1), p(n), M(""));
+  }, e[25] = n, e[26] = V) : V = e[26];
+  const H = V;
+  let J;
+  e[27] !== n ? (J = (t) => {
+    const {
+      relatedTarget: l
+    } = t;
+    l !== v.current && !v.current?.contains(l) && (R(!1), p(n), M(""));
+  }, e[27] = n, e[28] = J) : J = e[28];
+  const P = J;
+  let Q;
+  e[29] === Symbol.for("react.memo_cache_sentinel") ? (Q = (t) => {
+    Te(t);
+  }, e[29] = Q) : Q = e[29];
+  const Ke = Q;
+  let X;
+  e[30] !== me || e[31] !== F ? (X = () => !!(me || F && (F.disabled || F.hideContent)), e[30] = me, e[31] = F, e[32] = X) : X = e[32];
+  const Ue = X;
+  let Y;
+  e[33] !== n || e[34] !== a || e[35] !== o ? (Y = () => {
+    const t = de.isEqual(o, n);
+    let l;
+    t ? l = "Todos" : o && o.length > 1 ? l = "Múltiplos" : o && o.length === 1 ? l = typeof a == "string" ? o[0][a] : a(o[0]) : l = "Nenhum selecionado", Re(l);
+  }, e[33] = n, e[34] = a, e[35] = o, e[36] = Y) : Y = e[36];
+  const _e = Y;
+  let Z;
+  e[37] !== fe || e[38] !== P || e[39] !== H ? (Z = () => {
+    if (fe) {
+      const t = f.current?.parentElement;
+      t && ze(window.getComputedStyle(t));
     }
-    return window.addEventListener("resize", j), document.addEventListener("click", R), document.addEventListener("mousemove", W), () => {
-      window.removeEventListener("resize", j), document.removeEventListener("click", R), document.removeEventListener("mousemove", W);
+    return window.addEventListener("resize", Be), document.addEventListener("click", H), document.addEventListener("focusout", P), document.addEventListener("mousemove", xe), () => {
+      window.removeEventListener("resize", Be), document.removeEventListener("click", H), document.removeEventListener("focusout", P), document.removeEventListener("mousemove", xe);
     };
-  }, []), S(() => {
+  }, e[37] = fe, e[38] = P, e[39] = H, e[40] = Z) : Z = e[40];
+  let ee;
+  e[41] === Symbol.for("react.memo_cache_sentinel") ? (ee = [], e[41] = ee) : ee = e[41], ae(Z, ee);
+  let te;
+  e[42] !== n || e[43] !== i || e[44] !== O ? (te = () => {
     if (n && n.length > 0) {
-      const e = n.filter((t) => d == null ? void 0 : d.includes(t[i]));
-      h(e);
+      const t = n.filter((l) => O?.includes(l[i]));
+      I(t);
     }
-  }, [d == null ? void 0 : d.length, n == null ? void 0 : n.length]), S(() => {
-    if (n && a && !x.isEqual(n, a)) {
-      const e = M({
-        ...m,
+  }, e[42] = n, e[43] = i, e[44] = O, e[45] = te) : te = e[45];
+  const ye = O?.length, De = n?.length;
+  let ne;
+  e[46] !== ye || e[47] !== De ? (ne = [ye, De], e[46] = ye, e[47] = De, e[48] = ne) : ne = e[48], ae(te, ne);
+  let le;
+  e[49] !== s || e[50] !== n || e[51] !== h || e[52] !== c ? (le = () => {
+    if (n && s && !de.isEqual(n, s)) {
+      const t = Ie({
+        ...c,
         dataSource: n || void 0,
-        inputText: L
+        inputText: h
       });
-      p(e);
+      p(t);
     }
-  }, [n]), S(() => {
-    const e = x.isEqual(a, o);
-    V(e), te();
-  }, [o, a]), /* @__PURE__ */ b.jsxs("span", { id: K, ref: w, className: "multiSelect-component", children: [
-    /* @__PURE__ */ b.jsx(
-      ne,
-      {
-        ...m,
-        value: O,
-        onFocus: () => {
-          F();
-        },
-        onBlur: (e) => {
-          y(e);
-        },
-        customClassForWrapper: "selectwrapper -undigitable",
-        customClassForInputContent: "multiselect",
-        inputBaseRef: (e) => {
-          l.current = e;
-        },
-        handlerSetOnDenied: Z,
-        rightElements: /* @__PURE__ */ b.jsx(
-          oe,
-          {
-            dropdownAlignButton: z,
-            disabled: ee(),
-            dropdownOpened: C,
-            handleOpenClose: () => {
-              Y();
-            },
-            handleCheckAll: B,
-            handleUncheckAll: I
-          }
-        )
-      }
-    ),
-    C && /* @__PURE__ */ b.jsx(
-      se,
-      {
-        ...m,
-        opened: C,
-        dataCombo: a,
-        selecteds: o,
-        inputValue: L,
-        isAllChecked: G,
-        onCheckAll: B,
-        onUncheckAll: I,
-        dropdownWidth: g,
-        selectFieldRef: w,
-        onSelect: Q,
-        onFilter: X,
-        onFocus: F,
-        onBlur: y,
-        gridWrapperStyle: J
-      }
-    )
-  ] });
+  }, e[49] = s, e[50] = n, e[51] = h, e[52] = c, e[53] = le) : le = e[53];
+  let oe;
+  e[54] !== n ? (oe = [n], e[54] = n, e[55] = oe) : oe = e[55], ae(le, oe);
+  let se;
+  e[56] !== s || e[57] !== _e || e[58] !== o ? (se = () => {
+    const t = de.isEqual(s, o);
+    Ne(t), _e();
+  }, e[56] = s, e[57] = _e, e[58] = o, e[59] = se) : se = e[59];
+  let ie;
+  e[60] !== s || e[61] !== o ? (ie = [o, s], e[60] = s, e[61] = o, e[62] = ie) : ie = e[62], ae(se, ie);
+  let E;
+  e[63] !== c ? (E = de.omit(c, ["dropdownMaxWidth"]), e[63] = c, e[64] = E) : E = e[64];
+  let _;
+  e[65] !== w ? (_ = () => {
+    w();
+  }, e[65] = w, e[66] = _) : _ = e[66];
+  let y;
+  e[67] !== b ? (y = (t) => {
+    b(t);
+  }, e[67] = b, e[68] = y) : y = e[68];
+  let ce;
+  e[69] === Symbol.for("react.memo_cache_sentinel") ? (ce = (t) => {
+    f.current = t;
+  }, e[69] = ce) : ce = e[69];
+  const Le = Ue();
+  let D;
+  e[70] !== Ee ? (D = () => {
+    Ee();
+  }, e[70] = Ee, e[71] = D) : D = e[71];
+  let L;
+  e[72] !== ue || e[73] !== C || e[74] !== g || e[75] !== m || e[76] !== Le || e[77] !== D ? (L = /* @__PURE__ */ We(He, { dropdownAlignButton: ue, disabled: Le, dropdownOpened: m, handleOpenClose: D, handleCheckAll: C, handleUncheckAll: g }), e[72] = ue, e[73] = C, e[74] = g, e[75] = m, e[76] = Le, e[77] = D, e[78] = L) : L = e[78];
+  let W;
+  e[79] !== he || e[80] !== E || e[81] !== _ || e[82] !== y || e[83] !== L ? (W = /* @__PURE__ */ We(Ve, { ...E, value: he, inputRef: je, onFocus: _, onBlur: y, customClassForWrapper: "selectwrapper -undigitable", customClassForInputContent: "multiselect", inputBaseRef: ce, handlerSetOnDenied: Ke, rightElements: L }), e[79] = he, e[80] = E, e[81] = _, e[82] = y, e[83] = L, e[84] = W) : W = e[84];
+  let k;
+  e[85] !== s || e[86] !== pe || e[87] !== S || e[88] !== be || e[89] !== ge || e[90] !== Ce || e[91] !== h || e[92] !== ve || e[93] !== b || e[94] !== C || e[95] !== w || e[96] !== g || e[97] !== m || e[98] !== c || e[99] !== o ? (k = m && /* @__PURE__ */ We(Je, { ...c, opened: m, dataCombo: s, selecteds: o, inputValue: h, isAllChecked: ve, onCheckAll: C, onUncheckAll: g, dropdownWidth: S, selectFieldRef: v, onSelect: Ce, onFilter: ge, onFocus: w, onBlur: b, gridWrapperStyle: be, dropdownMaxWidth: pe }), e[85] = s, e[86] = pe, e[87] = S, e[88] = be, e[89] = ge, e[90] = Ce, e[91] = h, e[92] = ve, e[93] = b, e[94] = C, e[95] = w, e[96] = g, e[97] = m, e[98] = c, e[99] = o, e[100] = k) : k = e[100];
+  let re;
+  return e[101] !== W || e[102] !== k ? (re = /* @__PURE__ */ $e("span", { id: Me, ref: v, className: "multiSelect-component", children: [
+    W,
+    k
+  ] }), e[101] = W, e[102] = k, e[103] = re) : re = e[103], re;
 };
+function Qe(c) {
+  return !c;
+}
 export {
-  pe as default
+  ct as default
 };
+//# sourceMappingURL=index.js.map