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

package/lib/inputs/multiSelect/Dropdown.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"Dropdown.js","names":[],"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"],"mappings":"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"}

package/lib/inputs/multiSelect/helper.js

@@ -1,8 +1,6 @@
-const a = ({
-  dataSource: t,
-  descriptionKey: e,
-  inputText: o
-}) => t.filter((r) => typeof e == "string" ? r[e].toLowerCase().indexOf(o.toLowerCase()) > -1 : e(r)?.toLowerCase().indexOf(o.toLowerCase()) > -1);
-export {
-  a as default
-};
+//#region src/lib/inputs/multiSelect/helper.ts
+var e = ({ dataSource: e, descriptionKey: t, inputText: n }) => e.filter((e) => typeof t == "string" ? e[t].toLowerCase().indexOf(n.toLowerCase()) > -1 : t(e)?.toLowerCase().indexOf(n.toLowerCase()) > -1);
+//#endregion
+export { e as default };
+
+//# sourceMappingURL=helper.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"helper.js","names":[],"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"],"mappings":";AAEA,IAAM,KAAwB,EAC5B,eAAY,mBAAgB,mBAE5B,EAAW,QAAQ,MACb,OAAO,KAAmB,WACrB,EAAK,GAAgB,aAAa,CAAC,QAAQ,EAAU,aAAa,CAAC,GAAG,KAExE,EAAe,EAAK,EAAE,aAAa,CAAC,QAAQ,EAAU,aAAa,CAAC,GAAG,GAC9E"}

package/lib/inputs/multiSelect/index.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/lib/inputs/multiSelect/index.tsx"],"sourcesContent":["import _ from 'lodash';\nimport * as uuid from 'uuid';\nimport { useEffect, useRef, useState } from 'react';\nimport { DataCombo } from '../../@types/DataCombo';\nimport { OnDenied } from '../../@types/PermissionAttr';\nimport InputTextBase from '../base/InputTextBase';\nimport { CustomInputEvent } from '../base/types';\nimport ActionButtons from './ActionButtons';\nimport Dropdown from './Dropdown';\nimport getFilteredDataCombo from './helper';\nimport { IMultiSelectProps } from './types';\nimport '../../assets/styles/multiSelect.scss';\n\nconst MultiSelectField = (props: IMultiSelectProps) => {\n  const {\n    onSelect, idKey, disabled = false, dataSource, descriptionKey, value, onBlur, gridLayout,\n    dropdownAlignButton = 'left', dropdownMaxWidth = undefined,\n  } = props;\n\n  const componentId = `multiSelect-component${uuid.v1()}`;\n  const [dataCombo, setDataCombo] = useState(dataSource);\n  const [selecteds, setSelecteds] = useState<DataCombo[] | null>();\n  const [inputValue, setInputValue] = useState('');\n  const [label, setLabel] = useState('Nenhum selecionado');\n  const [dropdownWidth, setDropdownWidth] = useState(0);\n  const [isAllChecked, setIsAllChecked] = useState(false);\n  const [opened, setOpened] = useState(false);\n  const [onDenied, setOnDenied] = useState<OnDenied>();\n  const [insideComponent, setInsideComponent] = useState(false);\n  const [elementStyles, setElementStyles] = useState<CSSStyleDeclaration>();\n  const inputRef = useRef<HTMLInputElement | null>(null);\n  const componentRef = useRef<HTMLDivElement>(null);\n  const selectWrapper = useRef<HTMLDivElement | HTMLTextAreaElement>(null);\n\n  const handleOnSelect = (itemSelected: DataCombo) => {\n    if (itemSelected === null) return;\n    let newSelecteds = selecteds;\n    if (newSelecteds) {\n      const hasSelected = newSelecteds.find((selected: DataCombo) => (\n        selected[idKey] === itemSelected[idKey]));\n      if (hasSelected) {\n        newSelecteds = newSelecteds.filter(item => item[idKey] !== itemSelected[idKey]);\n      } else {\n        newSelecteds = [...newSelecteds, itemSelected];\n      }\n      if (onSelect) onSelect(newSelecteds.map(item => item[idKey]));\n    }\n\n    setSelecteds(newSelecteds);\n  };\n\n  const onFocus = () => {\n    let newDropdownWidth = dropdownWidth;\n    newDropdownWidth = selectWrapper.current ? selectWrapper.current.clientWidth : dropdownWidth;\n    setOpened(true);\n    setDropdownWidth(newDropdownWidth);\n  };\n\n  const onMouseMove = (event: Event) => {\n    const target = event.target as HTMLTextAreaElement;\n    if (target?.className === '') return;\n    const newInsideComponent =\n      ['item', 'menubutton', 'filterinput', 'filtercontainer', 'label'].includes(target?.className);\n    setInsideComponent(newInsideComponent);\n  };\n\n  const onBlurComponent = (e: CustomInputEvent) => {\n    if (onBlur) onBlur(e);\n    if (!insideComponent) {\n      setInputValue('');\n      setDataCombo(dataSource);\n    }\n  };\n\n  const handleOnFilter = (currentValue: string) => {\n    let newDataCombo = dataSource;\n\n    if (currentValue !== '' && dataSource) {\n      newDataCombo = getFilteredDataCombo({ dataSource, descriptionKey, inputText: currentValue });\n    }\n    setDataCombo(newDataCombo);\n    setInputValue(currentValue);\n  };\n\n  const onOpenClose = () => {\n    setOpened(prevState => !prevState);\n    if (selectWrapper.current) setDropdownWidth(selectWrapper.current.clientWidth);\n    setDataCombo(dataSource);\n  };\n\n  const onCheckAll = (fromFilter = false) => {\n    const currentData = fromFilter ? dataCombo : dataSource;\n    if (onSelect && currentData) onSelect(currentData.map(i => i[idKey]));\n    setSelecteds(currentData);\n  };\n\n  const onUncheckAll = () => {\n    if (onSelect) onSelect();\n    setSelecteds([]);\n  };\n\n  const onScreenResize = () => {\n    if (selectWrapper.current) setDropdownWidth(selectWrapper.current.clientWidth);\n  };\n\n  const onClickOutSide = (event: Event) => {\n    const { target } = event;\n    if (target !== componentRef.current && !componentRef.current?.contains(target as Node)) {\n      setOpened(false);\n      setDataCombo(dataSource);\n      setInputValue('');\n    }\n  };\n\n  const onBlurOutSide = (event: FocusEvent) => {\n    const { relatedTarget } = event;\n    if (relatedTarget !== componentRef.current && \n        !componentRef.current?.contains(relatedTarget as Node)) {\n      setOpened(false);\n      setDataCombo(dataSource);\n      setInputValue('');\n    }\n  };\n\n  const setOnDeniedValue = (onDeniedValue: OnDenied) => {\n    setOnDenied(onDeniedValue);\n  };\n\n  const shouldDisabled = () => (!!(disabled ||\n    (onDenied && (onDenied.disabled || onDenied.hideContent))));\n\n  const getLabel = () => {\n    const checkIsAll = _.isEqual(selecteds, dataSource);\n    let newLabel = label;\n\n    if (checkIsAll) {\n      newLabel = 'Todos';\n    } else if (selecteds && selecteds.length > 1) {\n      newLabel = 'Múltiplos';\n    } else if (selecteds && selecteds.length === 1) {\n      newLabel = typeof descriptionKey === 'string' ?\n        selecteds[0][descriptionKey]\n        : descriptionKey(selecteds[0]);\n    } else {\n      newLabel = 'Nenhum selecionado';\n    }\n    setLabel(newLabel);\n  };\n\n  useEffect(() => {\n    if (gridLayout) {\n      const currentGridEl = selectWrapper.current?.parentElement;\n      if (currentGridEl) setElementStyles(window.getComputedStyle(currentGridEl));\n    }\n\n    window.addEventListener('resize', onScreenResize);\n    document.addEventListener('click', onClickOutSide);\n    document.addEventListener('focusout', onBlurOutSide);\n    document.addEventListener('mousemove', onMouseMove);\n    return () => {\n      window.removeEventListener('resize', onScreenResize);\n      document.removeEventListener('click', onClickOutSide);\n      document.removeEventListener('focusout', onBlurOutSide);\n      document.removeEventListener('mousemove', onMouseMove);\n    };\n  }, []);\n\n  useEffect(() => {\n    if (dataSource && dataSource.length > 0) {\n      const newSelecteds = dataSource.filter(item => value?.includes(item[idKey]));\n      setSelecteds(newSelecteds);\n    }\n  }, [value?.length, dataSource?.length]);\n\n  useEffect(() => {\n    if (dataSource && dataCombo && !_.isEqual(dataSource, dataCombo)) {\n      const newDataCombo = getFilteredDataCombo({\n        ...props,\n        dataSource: dataSource || undefined,\n        inputText: inputValue,\n      });\n      setDataCombo(newDataCombo);\n    }\n  }, [dataSource]);\n\n  useEffect(() => {\n    const checkAll = _.isEqual(dataCombo, selecteds);\n    setIsAllChecked(checkAll);\n    getLabel();\n  }, [selecteds, dataCombo]);\n\n  return (\n    <span \n      id={componentId} \n      ref={componentRef}\n      className=\"multiSelect-component\">\n      <InputTextBase\n        {..._.omit(props, ['dropdownMaxWidth'])}\n        value={label}\n        inputRef={inputRef}\n        onFocus={() => { onFocus(); }}\n        onBlur={(e: CustomInputEvent) => { onBlurComponent(e); }}\n        customClassForWrapper=\"selectwrapper -undigitable\"\n        customClassForInputContent=\"multiselect\"\n        inputBaseRef={(r: HTMLDivElement | HTMLTextAreaElement) => { selectWrapper.current = r; }}\n        handlerSetOnDenied={setOnDeniedValue}\n        rightElements={\n          <ActionButtons\n            dropdownAlignButton={dropdownAlignButton}\n            disabled={shouldDisabled()}\n            dropdownOpened={opened}\n            handleOpenClose={() => { onOpenClose(); }}\n            handleCheckAll={onCheckAll}\n            handleUncheckAll={onUncheckAll} />\n        } />\n      {opened &&\n        <Dropdown\n          {...props}\n          opened={opened}\n          dataCombo={dataCombo}\n          selecteds={selecteds}\n          inputValue={inputValue}\n          isAllChecked={isAllChecked}\n          onCheckAll={onCheckAll}\n          onUncheckAll={onUncheckAll}\n          dropdownWidth={dropdownWidth}\n          selectFieldRef={componentRef as any}\n          onSelect={handleOnSelect}\n          onFilter={handleOnFilter}\n          onFocus={onFocus}\n          onBlur={onBlurComponent}\n          gridWrapperStyle={elementStyles} \n          dropdownMaxWidth={dropdownMaxWidth} />\n      }\n    </span>\n  );\n};\n\nexport default MultiSelectField;\n"],"mappings":"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"}

package/lib/inputs/multiSelect/types.d.ts

@@ -38,6 +38,7 @@ export interface IDropdownMultiSelectProps {
     };
     selectFieldRef?: RefObject<HTMLDivElement>;
     dropdownMaxHeight?: number;
+    dropdownMaxWidth?: number;
 }
 export interface IMultiSelectProps {
     dataSource?: DataCombo[];
@@ -50,8 +51,9 @@ export interface IMultiSelectProps {
     disabled?: boolean;
     dropdownAlignButton?: 'left' | 'right';
     label?: string;
-    hint?: string | string[];
+    hint?: string;
     hintPosition?: 'below' | 'onLabelRight';
     themePopover?: 'light' | 'dark';
     popoverAlign?: 'right' | 'left';
+    dropdownMaxWidth?: number;
 }

package/lib/inputs/number/Currency.d.ts

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