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

package/lib/inputs/multiSelect/index.js

@@ -1,180 +1,237 @@
-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) => {
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _lodash = _interopRequireDefault(require("lodash"));
+var uuid = _interopRequireWildcard(require("uuid"));
+var _react = _interopRequireWildcard(require("react"));
+var _InputTextBase = _interopRequireDefault(require("../base/InputTextBase"));
+var _ActionButtons = _interopRequireDefault(require("./ActionButtons"));
+var _Dropdown = _interopRequireDefault(require("./Dropdown"));
+var _helper = _interopRequireDefault(require("./helper"));
+require("../../assets/styles/multiSelect.scss");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+const MultiSelectField = props => {
+  const {
+    onSelect,
+    idKey,
+    disabled = false,
+    dataSource,
+    descriptionKey,
+    value,
+    onBlur,
+    gridLayout,
+    dropdownAlignButton = 'left',
+    dropdownMaxWidth = undefined
+  } = props;
+  const componentId = "multiSelect-component".concat(uuid.v1());
+  const [dataCombo, setDataCombo] = (0, _react.useState)(dataSource);
+  const [selecteds, setSelecteds] = (0, _react.useState)();
+  const [inputValue, setInputValue] = (0, _react.useState)('');
+  const [label, setLabel] = (0, _react.useState)('Nenhum selecionado');
+  const [dropdownWidth, setDropdownWidth] = (0, _react.useState)(0);
+  const [isAllChecked, setIsAllChecked] = (0, _react.useState)(false);
+  const [opened, setOpened] = (0, _react.useState)(false);
+  const [onDenied, setOnDenied] = (0, _react.useState)();
+  const [insideComponent, setInsideComponent] = (0, _react.useState)(false);
+  const [elementStyles, setElementStyles] = (0, _react.useState)();
+  const inputRef = (0, _react.useRef)(null);
+  const componentRef = (0, _react.useRef)(null);
+  const selectWrapper = (0, _react.useRef)();
+  const handleOnSelect = itemSelected => {
+    if (itemSelected === null) return;
+    let newSelecteds = selecteds;
+    if (newSelecteds) {
+      const hasSelected = newSelecteds.find(selected => selected[idKey] === itemSelected[idKey]);
+      if (hasSelected) {
+        newSelecteds = newSelecteds.filter(item => item[idKey] !== itemSelected[idKey]);
+      } else {
+        newSelecteds = [...newSelecteds, itemSelected];
+      }
+      if (onSelect) onSelect(newSelecteds.map(item => item[idKey]));
+    }
+    setSelecteds(newSelecteds);
+  };
+  const onFocus = () => {
+    let newDropdownWidth = dropdownWidth;
+    newDropdownWidth = selectWrapper.current ? selectWrapper.current.clientWidth : dropdownWidth;
+    setOpened(true);
+    setDropdownWidth(newDropdownWidth);
+  };
+  const onMouseMove = event => {
+    const target = event.target;
+    if ((target === null || target === void 0 ? void 0 : target.className) === '') return;
+    const newInsideComponent = ['item', 'menubutton', 'filterinput', 'filtercontainer', 'label'].includes(target === null || target === void 0 ? void 0 : target.className);
+    setInsideComponent(newInsideComponent);
+  };
+  const onBlurComponent = e => {
+    if (onBlur) onBlur(e);
+    if (!insideComponent) {
+      setInputValue('');
+      setDataCombo(dataSource);
+    }
+  };
+  const handleOnFilter = currentValue => {
+    let newDataCombo = dataSource;
+    if (currentValue !== '' && dataSource) {
+      newDataCombo = (0, _helper.default)({
+        dataSource,
+        descriptionKey,
+        inputText: currentValue
+      });
+    }
+    setDataCombo(newDataCombo);
+    setInputValue(currentValue);
+  };
+  const onOpenClose = () => {
+    setOpened(prevState => !prevState);
+    if (selectWrapper.current) setDropdownWidth(selectWrapper.current.clientWidth);
+    setDataCombo(dataSource);
+  };
+  const onCheckAll = function () {
+    let fromFilter = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
+    const currentData = fromFilter ? dataCombo : dataSource;
+    if (onSelect && currentData) onSelect(currentData.map(i => i[idKey]));
+    setSelecteds(currentData);
+  };
+  const onUncheckAll = () => {
+    if (onSelect) onSelect();
+    setSelecteds([]);
+  };
+  const onScreenResize = () => {
+    if (selectWrapper.current) setDropdownWidth(selectWrapper.current.clientWidth);
+  };
+  const onClickOutSide = event => {
+    var _componentRef$current;
+    const {
+      target
+    } = event;
+    if (target !== componentRef.current && !((_componentRef$current = componentRef.current) !== null && _componentRef$current !== void 0 && _componentRef$current.contains(target))) {
+      setOpened(false);
+      setDataCombo(dataSource);
+      setInputValue('');
+    }
+  };
+  const onBlurOutSide = event => {
+    var _componentRef$current2;
     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));
+      relatedTarget
+    } = event;
+    if (relatedTarget !== componentRef.current && !((_componentRef$current2 = componentRef.current) !== null && _componentRef$current2 !== void 0 && _componentRef$current2.contains(relatedTarget))) {
+      setOpened(false);
+      setDataCombo(dataSource);
+      setInputValue('');
+    }
+  };
+  const setOnDeniedValue = onDeniedValue => {
+    setOnDenied(onDeniedValue);
+  };
+  const shouldDisabled = () => !!(disabled || onDenied && (onDenied.disabled || onDenied.hideContent));
+  const getLabel = () => {
+    const checkIsAll = _lodash.default.isEqual(selecteds, dataSource);
+    let newLabel = label;
+    if (checkIsAll) {
+      newLabel = 'Todos';
+    } else if (selecteds && selecteds.length > 1) {
+      newLabel = 'Múltiplos';
+    } else if (selecteds && selecteds.length === 1) {
+      newLabel = typeof descriptionKey === 'string' ? selecteds[0][descriptionKey] : descriptionKey(selecteds[0]);
+    } else {
+      newLabel = 'Nenhum selecionado';
+    }
+    setLabel(newLabel);
+  };
+  (0, _react.useEffect)(() => {
+    if (gridLayout) {
+      var _selectWrapper$curren;
+      const currentGridEl = (_selectWrapper$curren = selectWrapper.current) === null || _selectWrapper$curren === void 0 ? void 0 : _selectWrapper$curren.parentElement;
+      if (currentGridEl) setElementStyles(window.getComputedStyle(currentGridEl));
     }
-    return window.addEventListener("resize", xe), document.addEventListener("click", $), document.addEventListener("mousemove", ke), () => {
-      window.removeEventListener("resize", xe), document.removeEventListener("click", $), document.removeEventListener("mousemove", ke);
+    window.addEventListener('resize', onScreenResize);
+    document.addEventListener('click', onClickOutSide);
+    document.addEventListener('focusout', onBlurOutSide);
+    document.addEventListener('mousemove', onMouseMove);
+    return () => {
+      window.removeEventListener('resize', onScreenResize);
+      document.removeEventListener('click', onClickOutSide);
+      document.removeEventListener('focusout', onBlurOutSide);
+      document.removeEventListener('mousemove', onMouseMove);
     };
-  }, 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);
+  }, []);
+  (0, _react.useEffect)(() => {
+    if (dataSource && dataSource.length > 0) {
+      const newSelecteds = dataSource.filter(item => value === null || value === void 0 ? void 0 : value.includes(item[idKey]));
+      setSelecteds(newSelecteds);
     }
-  }, 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);
+  }, [value === null || value === void 0 ? void 0 : value.length, dataSource === null || dataSource === void 0 ? void 0 : dataSource.length]);
+  (0, _react.useEffect)(() => {
+    if (dataSource && dataCombo && !_lodash.default.isEqual(dataSource, dataCombo)) {
+      const newDataCombo = (0, _helper.default)(_objectSpread(_objectSpread({}, props), {}, {
+        dataSource: dataSource || undefined,
+        inputText: inputValue
+      }));
+      setDataCombo(newDataCombo);
     }
-  }, 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
+  }, [dataSource]);
+  (0, _react.useEffect)(() => {
+    const checkAll = _lodash.default.isEqual(dataCombo, selecteds);
+    setIsAllChecked(checkAll);
+    getLabel();
+  }, [selecteds, dataCombo]);
+  return /*#__PURE__*/_react.default.createElement("span", {
+    id: componentId,
+    ref: componentRef,
+    className: "multiSelect-component"
+  }, /*#__PURE__*/_react.default.createElement(_InputTextBase.default, _extends({}, _lodash.default.omit(props, ['dropdownMaxWidth']), {
+    value: label,
+    inputRef: inputRef,
+    onFocus: () => {
+      onFocus();
+    },
+    onBlur: e => {
+      onBlurComponent(e);
+    },
+    customClassForWrapper: "selectwrapper -undigitable",
+    customClassForInputContent: "multiselect",
+    inputBaseRef: r => {
+      selectWrapper.current = r;
+    },
+    handlerSetOnDenied: setOnDeniedValue,
+    rightElements: /*#__PURE__*/_react.default.createElement(_ActionButtons.default, {
+      dropdownAlignButton: dropdownAlignButton,
+      disabled: shouldDisabled(),
+      dropdownOpened: opened,
+      handleOpenClose: () => {
+        onOpenClose();
+      },
+      handleCheckAll: onCheckAll,
+      handleUncheckAll: onUncheckAll
+    })
+  })), opened && /*#__PURE__*/_react.default.createElement(_Dropdown.default, _extends({}, props, {
+    opened: opened,
+    dataCombo: dataCombo,
+    selecteds: selecteds,
+    inputValue: inputValue,
+    isAllChecked: isAllChecked,
+    onCheckAll: onCheckAll,
+    onUncheckAll: onUncheckAll,
+    dropdownWidth: dropdownWidth,
+    selectFieldRef: componentRef,
+    onSelect: handleOnSelect,
+    onFilter: handleOnFilter,
+    onFocus: onFocus,
+    onBlur: onBlurComponent,
+    gridWrapperStyle: elementStyles,
+    dropdownMaxWidth: dropdownMaxWidth
+  })));
 };
+var _default = exports.default = MultiSelectField;

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

@@ -1,13 +1,19 @@
 import { ChangeEvent, RefObject } from 'react';
-import { DataCombo } from '../../@types/DataCombo';
-import { CustomInputEvent } from '../base/types';
-export type DescriptionKey = string | ((dataSelected: DataCombo) => string);
-export interface GetFilteredParams {
+import { DataCombo } from '../../@types/DataCombo.js';
+import { CustomInputEvent } from '../base/types.js';
+import '../../@types/Align.js';
+import '../../@types/Period.js';
+import '../../@types/PermissionAttr.js';
+import '../../tooltip/types.js';
+import '../../@types/Position.js';
+
+type DescriptionKey = string | ((dataSelected: DataCombo) => string);
+interface GetFilteredParams {
     dataSource: DataCombo[];
     descriptionKey: DescriptionKey;
     inputText: string;
 }
-export interface IActionButtonsProps {
+interface IActionButtonsProps {
     handleOpenClose: () => void;
     handleCheckAll: () => void;
     handleUncheckAll: () => void;
@@ -15,7 +21,7 @@ export interface IActionButtonsProps {
     dropdownOpened?: boolean;
     dropdownAlignButton?: 'left' | 'right';
 }
-export interface IDropdownMultiSelectProps {
+interface IDropdownMultiSelectProps {
     dataCombo?: DataCombo[];
     idKey: string;
     descriptionKey: DescriptionKey;
@@ -38,8 +44,9 @@ export interface IDropdownMultiSelectProps {
     };
     selectFieldRef?: RefObject<HTMLDivElement>;
     dropdownMaxHeight?: number;
+    dropdownMaxWidth?: number;
 }
-export interface IMultiSelectProps {
+interface IMultiSelectProps {
     dataSource?: DataCombo[];
     idKey: string;
     descriptionKey: DescriptionKey;
@@ -50,8 +57,11 @@ 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;
 }
+
+export { DescriptionKey, GetFilteredParams, IActionButtonsProps, IDropdownMultiSelectProps, IMultiSelectProps };

package/lib/inputs/multiSelect/types.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

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

@@ -1,3 +1,17 @@
-import { IBaseNumberProps } from './types';
-declare const BaseNumber: ({ value, ...props }: IBaseNumberProps) => import("react/jsx-runtime").JSX.Element;
-export default BaseNumber;
+import { IBaseNumberProps } from './types.js';
+import '../../@types/PermissionAttr.js';
+import '../base/types.js';
+import 'react';
+import '../../@types/Align.js';
+import '../../@types/Period.js';
+import '../../tooltip/types.js';
+import '../../@types/Position.js';
+import '../types.js';
+import '../../@types/DataCombo.js';
+import '../../drawer/types.js';
+import '../../@types/Icon.js';
+import '../../icons/helper.js';
+
+declare const BaseNumber: ({ value, ...props }: IBaseNumberProps) => JSX.Element;
+
+export { BaseNumber as default };

package/lib/inputs/number/BaseNumber.js

@@ -1,59 +1,78 @@
-import { j as s } from "../../chunks/jsx-runtime.D1SHvdVE.js";
-import { c as i } from "../../chunks/compiler-runtime.Cu50tn6L.js";
-import c from "../mask/BaseMask.js";
-import { numberToPtBR as f, numberToEnUS as d } from "./format_number.js";
-const m = (t, e) => {
-  if (t.returnFormattedValueOnBlur || t.returnFormattedValueOnKeyDown) {
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _BaseMask = _interopRequireDefault(require("../mask/BaseMask"));
+var _format_number = require("./format_number");
+const _excluded = ["value"];
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+const returnEventFormattedValue = (props, event) => {
+  if (props.returnFormattedValueOnBlur || props.returnFormattedValueOnKeyDown) {
+    // Retornando um objeto com a mesma estrutura do Proxy original
+    // para recuperacao do valor formatado no padrão americano.
+    // O retorno poderá ser modificado conforme necessidade, desde que seja
+    // mantido o path até a propriedade value e name.
     const {
-      value: n,
-      name: r
-    } = e.target;
-    return {
-      ...e,
+      value,
+      name
+    } = event.target;
+    return _objectSpread(_objectSpread({}, event), {}, {
       target: {
-        value: d(n),
-        name: r
+        value: (0, _format_number.numberToEnUS)(value),
+        name
       }
-    };
+    });
   }
-  return e;
-}, B = (t) => {
+  return event;
+};
+const getEventProps = props => {
   const {
-    returnFormattedValueOnBlur: e,
-    returnFormattedValueOnKeyDown: n
-  } = t;
-  return t.isNumeric ? {} : {
-    onBlur: (r) => {
-      if (t.onBlur) {
-        const o = e ? m(t, r) : r;
-        t.onBlur(o);
+    returnFormattedValueOnBlur,
+    returnFormattedValueOnKeyDown
+  } = props;
+  if (props.isNumeric) return {};
+  return {
+    onBlur: e => {
+      if (props.onBlur) {
+        const formattedEvent = returnFormattedValueOnBlur ? returnEventFormattedValue(props, e) : e;
+        props.onBlur(formattedEvent);
       }
     },
-    onKeyDown: (r) => {
-      if (t.onKeyDown) {
-        const o = n ? m(t, r) : r;
-        t.onKeyDown(o);
+    onKeyDown: e => {
+      if (props.onKeyDown) {
+        const formattedEvent = returnFormattedValueOnKeyDown ? returnEventFormattedValue(props, e) : e;
+        props.onKeyDown(formattedEvent);
       }
     }
   };
-}, w = (t) => {
-  const e = i.c(4);
-  let n;
-  if (e[0] !== t) {
-    const {
-      value: r,
-      ...o
-    } = t, l = {
-      ...o,
-      returnFormattedValueOnBlur: !0,
-      returnFormattedValueOnKeyDown: !0
-    }, a = r ?? 0;
-    let u;
-    e[2] !== a ? (u = f(a), e[2] = a, e[3] = u) : u = e[3], n = /* @__PURE__ */ s.jsx(c, { value: u, thousandsSeparator: ".", radix: ",", mask: Number, isNumeric: !0, ...o, ...B(l) }), e[0] = t, e[1] = n;
-  } else
-    n = e[1];
-  return n;
 };
-export {
-  w as default
+const BaseNumber = _ref => {
+  let {
+      value
+    } = _ref,
+    props = _objectWithoutProperties(_ref, _excluded);
+  const eventProps = _objectSpread(_objectSpread({}, props), {}, {
+    returnFormattedValueOnBlur: true,
+    returnFormattedValueOnKeyDown: true
+  });
+  return /*#__PURE__*/_react.default.createElement(_BaseMask.default, _extends({
+    mask: Number,
+    value: value !== null && value !== void 0 ? value : 0,
+    thousandsSeparator: ".",
+    radix: ",",
+    mapToRadix: ['.'],
+    isNumeric: true
+  }, props, getEventProps(eventProps)));
 };
+var _default = exports.default = BaseNumber;