linear-react-components-ui 1.1.26-beta.7 → 1.1.26-beta.8

package/lib/inputs/multiSelect/index.js

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

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

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1,57 @@
+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 {
+    dataSource: DataCombo[];
+    descriptionKey: DescriptionKey;
+    inputText: string;
+}
+export interface IActionButtonsProps {
+    handleOpenClose: () => void;
+    handleCheckAll: () => void;
+    handleUncheckAll: () => void;
+    disabled: boolean;
+    dropdownOpened?: boolean;
+    dropdownAlignButton?: 'left' | 'right';
+}
+export interface IDropdownMultiSelectProps {
+    dataCombo?: DataCombo[];
+    idKey: string;
+    descriptionKey: DescriptionKey;
+    inputValue: string;
+    isAllChecked: boolean;
+    dropdownWidth: number;
+    onBlur: (e: ChangeEvent<HTMLInputElement | HTMLTextAreaElement>) => void;
+    onFocus: () => void;
+    onSelect: (data: DataCombo) => void;
+    onFilter: (value: string) => void;
+    onUncheckAll: (checkAll: boolean) => void;
+    onCheckAll: (checkAll: boolean) => void;
+    opened: boolean;
+    selecteds?: DataCombo[] | null;
+    imgSrcKey?: string;
+    imageAlign?: 'left' | 'right';
+    gridWrapperStyle?: {
+        paddingLeft: string;
+        paddingRight: string;
+    };
+    selectFieldRef?: RefObject<HTMLDivElement>;
+    dropdownMaxHeight?: number;
+}
+export interface IMultiSelectProps {
+    dataSource?: DataCombo[];
+    idKey: string;
+    descriptionKey: DescriptionKey;
+    value?: any[];
+    gridLayout?: string;
+    onSelect?: (data?: string[]) => void;
+    onBlur?: (e: CustomInputEvent) => void;
+    disabled?: boolean;
+    dropdownAlignButton?: 'left' | 'right';
+    label?: string;
+    hint?: string | string[];
+    hintPosition?: 'below' | 'onLabelRight';
+    themePopover?: 'light' | 'dark';
+    popoverAlign?: 'right' | 'left';
+}

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

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

package/lib/inputs/number/BaseNumber.js

@@ -0,0 +1,59 @@
+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) {
+    const {
+      value: n,
+      name: r
+    } = e.target;
+    return {
+      ...e,
+      target: {
+        value: d(n),
+        name: r
+      }
+    };
+  }
+  return e;
+}, B = (t) => {
+  const {
+    returnFormattedValueOnBlur: e,
+    returnFormattedValueOnKeyDown: n
+  } = t;
+  return t.isNumeric ? {} : {
+    onBlur: (r) => {
+      if (t.onBlur) {
+        const o = e ? m(t, r) : r;
+        t.onBlur(o);
+      }
+    },
+    onKeyDown: (r) => {
+      if (t.onKeyDown) {
+        const o = n ? m(t, r) : r;
+        t.onKeyDown(o);
+      }
+    }
+  };
+}, 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
+};

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

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

package/lib/inputs/number/Currency.js

@@ -0,0 +1,22 @@
+import { j as i } from "../../chunks/jsx-runtime.D1SHvdVE.js";
+import { c as p } from "../../chunks/compiler-runtime.Cu50tn6L.js";
+import u from "./BaseNumber.js";
+const x = (l) => {
+  const e = p.c(9);
+  let s, r;
+  e[0] !== l ? ({
+    displayCurrencySymbol: s,
+    ...r
+  } = l, e[0] = l, e[1] = s, e[2] = r) : (s = e[1], r = e[2]);
+  const {
+    currencySymbol: n
+  } = r, c = n === void 0 ? "R$" : n;
+  let t;
+  e[3] !== c || e[4] !== s ? (t = s ? /* @__PURE__ */ i.jsx("span", { className: "currency-symbol", children: c }) : [], e[3] = c, e[4] = s, e[5] = t) : t = e[5];
+  const m = t;
+  let o;
+  return e[6] !== m || e[7] !== r ? (o = /* @__PURE__ */ i.jsx(u, { leftElements: m, ...r }), e[6] = m, e[7] = r, e[8] = o) : o = e[8], o;
+};
+export {
+  x as default
+};

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

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

package/lib/inputs/number/Decimal.js

@@ -0,0 +1,11 @@
+import { j as r } from "../../chunks/jsx-runtime.D1SHvdVE.js";
+import { c as o } from "../../chunks/compiler-runtime.Cu50tn6L.js";
+import i from "./BaseNumber.js";
+const l = (m) => {
+  const t = o.c(2);
+  let e;
+  return t[0] !== m ? (e = /* @__PURE__ */ r.jsx(i, { ...m }), t[0] = m, t[1] = e) : e = t[1], e;
+};
+export {
+  l as default
+};

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

@@ -0,0 +1,3 @@
+export declare const numberToPtBR: (value?: string | number) => string | undefined;
+export declare const numberToEnUS: (value: string) => string | number;
+export declare const formatOnlyNumbers: (value: string) => string;

package/lib/inputs/number/format_number.js

@@ -0,0 +1,9 @@
+const e = (r) => r !== void 0 && typeof r == "number" ? r.toLocaleString("pt-BR") : r, n = (r) => {
+  let t;
+  return r && (t = r.replaceAll(".", "").replaceAll(",", "."), Number(t));
+}, o = (r) => r.replace(/[._\-/()\s+]/g, "");
+export {
+  o as formatOnlyNumbers,
+  n as numberToEnUS,
+  e as numberToPtBR
+};

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

@@ -0,0 +1,6 @@
+import { default as CurrencyField } from './Currency';
+import { default as DecimalField } from './Decimal';
+import { INumberFieldProps } from './types';
+declare const NumberField: (props: INumberFieldProps) => import("react/jsx-runtime").JSX.Element;
+export default NumberField;
+export { CurrencyField, DecimalField, };

package/lib/inputs/number/index.js

@@ -0,0 +1,34 @@
+import { j } from "../../chunks/jsx-runtime.D1SHvdVE.js";
+import { c as E } from "../../chunks/compiler-runtime.Cu50tn6L.js";
+import { useState as F, useEffect as I } from "react";
+import { default as T } from "./Currency.js";
+import { default as k } from "./Decimal.js";
+import y from "../base/InputTextBase.js";
+import '../../assets/index23.css';const S = (t) => {
+  const e = E.c(15), {
+    textAlign: p,
+    value: h,
+    themePopover: b,
+    popoverAlign: A,
+    removeZeroLeft: V,
+    min: n,
+    max: r
+  } = t, m = p === void 0 ? "left" : p, l = h === void 0 ? "" : h, c = b === void 0 ? "light" : b, f = A === void 0 ? "left" : A, v = V === void 0 ? !0 : V, [g, d] = F();
+  let i;
+  e[0] !== r || e[1] !== n || e[2] !== t || e[3] !== v ? (i = (C) => {
+    const o = C.target.value.replace(/\D/g, "");
+    n && parseInt(o, 10) < n || r && parseInt(o, 10) > r || (v && o.charAt(0) === "0" && o.length > 1 ? d(o.substring(1)) : d(o), t.onChange && t.onChange(C));
+  }, e[0] = r, e[1] = n, e[2] = t, e[3] = v, e[4] = i) : i = e[4];
+  const x = i;
+  let a, u;
+  e[5] !== l ? (a = () => {
+    d(l?.toString() ?? "");
+  }, u = [l], e[5] = l, e[6] = a, e[7] = u) : (a = e[6], u = e[7]), I(a, u);
+  let s;
+  return e[8] !== g || e[9] !== x || e[10] !== f || e[11] !== t || e[12] !== m || e[13] !== c ? (s = /* @__PURE__ */ j.jsx(y, { ...t, value: g, textAlign: m, themePopover: c, popoverAlign: f, onChange: x, type: "number" }), e[8] = g, e[9] = x, e[10] = f, e[11] = t, e[12] = m, e[13] = c, e[14] = s) : s = e[14], s;
+};
+export {
+  T as CurrencyField,
+  k as DecimalField,
+  S as default
+};

package/lib/inputs/number/numberfield.spec.d.ts

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1,28 @@
+import { PermissionAttr } from 'src/lib/@types/PermissionAttr';
+import { TextAlign } from 'src/lib/@types/Align';
+import { CustomInputEvent } from '../base/types';
+import { IMaskHOCProps } from '../types';
+export interface INumberFieldProps extends IMaskHOCProps {
+    value?: string;
+    permissionAttr?: PermissionAttr;
+    disabled?: boolean;
+    hint?: string | string[];
+    hintPosition?: 'below' | 'onLabelRight';
+    themePopover?: 'light' | 'dark';
+    popoverAlign?: 'right' | 'left';
+    onChange?: (e?: CustomInputEvent) => void;
+    removeZeroLeft?: boolean;
+    textAlign?: TextAlign;
+}
+export interface IBaseNumberProps extends IMaskHOCProps {
+    returnFormattedValueOnBlur?: boolean;
+    returnFormattedValueOnKeyDown?: boolean;
+}
+export interface ICurrencyProps extends IMaskHOCProps {
+    currencySymbol?: string;
+    displayCurrencySymbol?: boolean;
+    hint?: string | string[];
+    hintPosition?: 'below' | 'onLabelRight';
+    themePopover?: 'light' | 'dark';
+    popoverAlign?: 'right' | 'left';
+}

package/lib/inputs/period/Dialog.d.ts

@@ -0,0 +1,3 @@
+import { IDialogProps } from './types';
+declare const Dialog: ({ onOpenChange, handlerClose, children, dialogSize }: IDialogProps) => import("react/jsx-runtime").JSX.Element;
+export default Dialog;

package/lib/inputs/period/Dialog.js

@@ -0,0 +1,18 @@
+import { j as h } from "../../chunks/jsx-runtime.D1SHvdVE.js";
+import { c as n } from "../../chunks/compiler-runtime.Cu50tn6L.js";
+import { B as c } from "../../chunks/index.aw0XaUkg.js";
+const g = (a) => {
+  const e = n.c(8), {
+    onOpenChange: o,
+    handlerClose: l,
+    children: r,
+    dialogSize: t
+  } = a;
+  let i;
+  e[0] !== l ? (i = () => l(!1), e[0] = l, e[1] = i) : i = e[1];
+  let s;
+  return e[2] !== r || e[3] !== t.height || e[4] !== t.width || e[5] !== o || e[6] !== i ? (s = /* @__PURE__ */ h.jsx(c, { closeOnOutsideClick: !0, closeOnEsc: !0, wrapperClassName: "", width: t.width, height: t.height, onOpenChange: o, handlerClose: i, children: r }), e[2] = r, e[3] = t.height, e[4] = t.width, e[5] = o, e[6] = i, e[7] = s) : s = e[7], s;
+};
+export {
+  g as default
+};

package/lib/inputs/period/Dropdown.d.ts

@@ -0,0 +1,3 @@
+import { IPeriodDropdownProps } from './types';
+declare const Dropdown: (props: IPeriodDropdownProps) => import('react').ReactPortal;
+export default Dropdown;

package/lib/inputs/period/Dropdown.js

@@ -0,0 +1,18 @@
+import { useRef as s, useEffect as o } from "react";
+import a from "react-dom";
+const d = 250, l = (e) => {
+  const {
+    children: i,
+    dropdownRef: u,
+    containerRef: r,
+    inputDimensions: n
+  } = e, t = s(document.createElement("div")), c = n && n.width || d;
+  return o(() => (t.current.className = "datepicker-component", t.current.style.width = String(c).concat("px"), t.current.style.top = String(n?.bottom).concat("px"), r.current?.appendChild(t.current), u(t.current), () => {
+    r.current?.removeChild(t.current);
+  }), []), o(() => {
+    t.current.style.width = String(c).concat("px"), t.current.style.top = String(e.inputDimensions?.bottom).concat("px");
+  }, [e]), a.createPortal(i, t.current);
+};
+export {
+  l as default
+};

package/lib/inputs/period/PeriodList.d.ts

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

package/lib/inputs/period/PeriodList.js

@@ -0,0 +1,43 @@
+import { j as i } from "../../chunks/jsx-runtime.D1SHvdVE.js";
+import { c } from "../../chunks/compiler-runtime.Cu50tn6L.js";
+import { getDropdownItemCssClass as m, CalcDatesByPeriod as p } from "./helper.js";
+const u = [{
+  id: "today",
+  label: "Hoje"
+}, {
+  id: "week",
+  label: "Semana Atual"
+}, {
+  id: "lastweek",
+  label: "Última Semana"
+}, {
+  id: "last15",
+  label: "Últimos 15 dias"
+}, {
+  id: "month",
+  label: "Mês atual"
+}, {
+  id: "lastmonth",
+  label: "Último Mês"
+}, {
+  id: "custom",
+  label: "Customizar"
+}], h = (d) => {
+  const e = c.c(5), {
+    selected: a,
+    handleOnSelect: o
+  } = d;
+  let t;
+  e[0] !== o || e[1] !== a ? (t = u.map((l) => {
+    const n = a === l.id;
+    return /* @__PURE__ */ i.jsx("button", { tabIndex: -1, className: m(n), onClick: () => {
+      const r = l.id !== "custom" ? p(l.id) : null;
+      o(l.id, r);
+    }, children: l.label }, "item-".concat(l.id));
+  }), e[0] = o, e[1] = a, e[2] = t) : t = e[2];
+  let s;
+  return e[3] !== t ? (s = /* @__PURE__ */ i.jsx("div", { className: "dropdown-period", children: t }), e[3] = t, e[4] = s) : s = e[4], s;
+};
+export {
+  h as default
+};

package/lib/inputs/period/helper.d.ts

@@ -0,0 +1,11 @@
+import { Moment } from 'moment';
+import { DateTypes } from './types';
+declare const getCalendarDropdownStyle: ({ topPosition, leftPosition, width }: {
+    topPosition: number | string;
+    leftPosition: number | string;
+    width: number | string;
+}) => string;
+export default getCalendarDropdownStyle;
+export declare const getDropdownItemCssClass: (selected?: boolean, disabled?: boolean, striped?: boolean) => string;
+export declare const CalcDatesByPeriod: (dateType: DateTypes) => Moment[];
+export declare const isDateValid: (date: Moment) => boolean;

package/lib/inputs/period/helper.js

@@ -0,0 +1,39 @@
+import { h as r } from "../../chunks/moment.DMLRxgRE.js";
+const l = ({
+  topPosition: n,
+  leftPosition: t,
+  width: o
+}) => `top: ${n}px;
+  left: ${t}px;
+  width:${o}px`, d = (n = !1, t = !1, o = !1) => {
+  let e = "item";
+  return e += n && !t ? " -selected " : "", e += t ? " -disabled" : "", e += !n && !t && o ? " -striped " : "", e;
+}, m = (n) => {
+  const t = r();
+  return {
+    today: () => [t, t],
+    week: () => {
+      const e = t.clone().startOf("week"), s = t.clone().endOf("week");
+      return [e, s];
+    },
+    lastweek: () => {
+      const e = t.subtract(1, "weeks"), s = e.clone().startOf("week"), a = e.clone().endOf("week");
+      return [s, a];
+    },
+    last15: () => [r(t).subtract(15, "days"), t],
+    month: () => {
+      const e = t.clone().startOf("month"), s = t.clone().endOf("month");
+      return [e, s];
+    },
+    lastmonth: () => {
+      const e = t.subtract(1, "months"), s = e.clone().startOf("month"), a = e.clone().endOf("month");
+      return [s, a];
+    }
+  }[n]();
+}, h = (n) => n && r(n).isValid();
+export {
+  m as CalcDatesByPeriod,
+  l as default,
+  d as getDropdownItemCssClass,
+  h as isDateValid
+};

package/lib/inputs/period/index.d.ts

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