linear-react-components-ui 1.1.26-beta.16 → 1.1.26-beta.18

package/lib/inputs/multiSelect/index.js

@@ -1,196 +1,235 @@
-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: Ae,
-    dataSource: n,
-    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) => {
+"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 _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+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${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?.className === '') return;
+    const newInsideComponent = ['item', 'menubutton', 'filterinput', 'filtercontainer', 'label'].includes(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 => {
     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) => {
+      target
+    } = event;
+    if (target !== componentRef.current && !componentRef.current?.contains(target)) {
+      setOpened(false);
+      setDataCombo(dataSource);
+      setInputValue('');
+    }
+  };
+  const onBlurOutSide = event => {
     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));
+      relatedTarget
+    } = event;
+    if (relatedTarget !== componentRef.current && !componentRef.current?.contains(relatedTarget)) {
+      setOpened(false);
+      setDataCombo(dataSource);
+      setInputValue('');
     }
-    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);
+  };
+  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) {
+      const currentGridEl = selectWrapper.current?.parentElement;
+      if (currentGridEl) setElementStyles(window.getComputedStyle(currentGridEl));
+    }
+    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[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 t = n.filter((l) => O?.includes(l[i]));
-      I(t);
+  }, []);
+  (0, _react.useEffect)(() => {
+    if (dataSource && dataSource.length > 0) {
+      const newSelecteds = dataSource.filter(item => value?.includes(item[idKey]));
+      setSelecteds(newSelecteds);
     }
-  }, 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: h
-      });
-      p(t);
+  }, [value?.length, 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[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 {
-  ct 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
+  })));
 };
-//# sourceMappingURL=index.js.map
+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;
@@ -40,7 +46,7 @@ export interface IDropdownMultiSelectProps {
     dropdownMaxHeight?: number;
     dropdownMaxWidth?: number;
 }
-export interface IMultiSelectProps {
+interface IMultiSelectProps {
     dataSource?: DataCombo[];
     idKey: string;
     descriptionKey: DescriptionKey;
@@ -57,3 +63,5 @@ export interface IMultiSelectProps {
     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,60 +1,78 @@
-import { jsx as l } from "react/jsx-runtime";
-import { c as s } from "../../_virtual/compiler-runtime.js";
-import i from "../mask/BaseMask.js";
-import { numberToEnUS as c } from "./format_number.js";
-const a = (e, t) => {
-  if (e.returnFormattedValueOnBlur || e.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
-    } = t.target;
-    return {
-      ...t,
+      value,
+      name
+    } = event.target;
+    return _objectSpread(_objectSpread({}, event), {}, {
       target: {
-        value: c(n),
-        name: r
+        value: (0, _format_number.numberToEnUS)(value),
+        name
       }
-    };
+    });
   }
-  return t;
-}, f = (e) => {
+  return event;
+};
+const getEventProps = props => {
   const {
-    returnFormattedValueOnBlur: t,
-    returnFormattedValueOnKeyDown: n
-  } = e;
-  return e.isNumeric ? {} : {
-    onBlur: (r) => {
-      if (e.onBlur) {
-        const o = t ? a(e, r) : r;
-        e.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 (e.onKeyDown) {
-        const o = n ? a(e, r) : r;
-        e.onKeyDown(o);
+    onKeyDown: e => {
+      if (props.onKeyDown) {
+        const formattedEvent = returnFormattedValueOnKeyDown ? returnEventFormattedValue(props, e) : e;
+        props.onKeyDown(formattedEvent);
       }
     }
   };
-}, F = (e) => {
-  const t = s.c(3);
-  let n;
-  if (t[0] !== e) {
-    const {
-      value: r,
-      ...o
-    } = e, m = {
-      ...o,
-      returnFormattedValueOnBlur: !0,
-      returnFormattedValueOnKeyDown: !0
-    };
-    let u;
-    t[2] === Symbol.for("react.memo_cache_sentinel") ? (u = ["."], t[2] = u) : u = t[2], n = /* @__PURE__ */ l(i, { mask: Number, value: r ?? 0, thousandsSeparator: ".", radix: ",", mapToRadix: u, isNumeric: !0, ...o, ...f(m) }), t[0] = e, t[1] = n;
-  } else
-    n = t[1];
-  return n;
 };
-export {
-  F 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 ?? 0,
+    thousandsSeparator: ".",
+    radix: ",",
+    mapToRadix: ['.'],
+    isNumeric: true
+  }, props, getEventProps(eventProps)));
 };
-//# sourceMappingURL=BaseNumber.js.map
+var _default = exports.default = BaseNumber;