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

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

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

package/lib/inputs/number/Currency.js

@@ -1,23 +1,29 @@
-import { jsx as i } from "react/jsx-runtime";
-import { c as p } from "../../_virtual/compiler-runtime.js";
-import y from "./BaseNumber.js";
-const b = (l) => {
-  const e = p.c(9);
-  let o, r;
-  e[0] !== l ? ({
-    displayCurrencySymbol: o,
-    ...r
-  } = l, e[0] = l, e[1] = o, e[2] = r) : (o = e[1], r = e[2]);
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _BaseNumber = _interopRequireDefault(require("./BaseNumber"));
+const _excluded = ["displayCurrencySymbol"];
+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; }
+const CurrencyField = _ref => {
+  let {
+      displayCurrencySymbol
+    } = _ref,
+    props = _objectWithoutProperties(_ref, _excluded);
   const {
-    currencySymbol: n
-  } = r, c = n === void 0 ? "R$" : n;
-  let s;
-  e[3] !== c || e[4] !== o ? (s = o ? /* @__PURE__ */ i("span", { className: "currency-symbol", children: c }) : [], e[3] = c, e[4] = o, e[5] = s) : s = e[5];
-  const m = s;
-  let t;
-  return e[6] !== m || e[7] !== r ? (t = /* @__PURE__ */ i(y, { leftElements: m, ...r }), e[6] = m, e[7] = r, e[8] = t) : t = e[8], t;
+    currencySymbol = 'R$'
+  } = props;
+  const leftElements = displayCurrencySymbol ? /*#__PURE__*/_react.default.createElement("span", {
+    className: "currency-symbol"
+  }, currencySymbol) : [];
+  return /*#__PURE__*/_react.default.createElement(_BaseNumber.default, _extends({
+    leftElements: leftElements
+  }, props));
 };
-export {
-  b as default
-};
-//# sourceMappingURL=Currency.js.map
+var _default = exports.default = CurrencyField;

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

@@ -1,3 +1,17 @@
-import { IBaseNumberProps } from './types';
-declare const DecimalField: (props: IBaseNumberProps) => import("react/jsx-runtime").JSX.Element;
-export default DecimalField;
+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 DecimalField: (props: IBaseNumberProps) => JSX.Element;
+
+export { DecimalField as default };

package/lib/inputs/number/Decimal.js

@@ -1,12 +1,11 @@
-import { jsx as r } from "react/jsx-runtime";
-import { c as o } from "../../_virtual/compiler-runtime.js";
-import i from "./BaseNumber.js";
-const a = (m) => {
-  const e = o.c(2);
-  let t;
-  return e[0] !== m ? (t = /* @__PURE__ */ r(i, { ...m }), e[0] = m, e[1] = t) : t = e[1], t;
-};
-export {
-  a as default
-};
-//# sourceMappingURL=Decimal.js.map
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _BaseNumber = _interopRequireDefault(require("./BaseNumber"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const DecimalField = props => /*#__PURE__*/_react.default.createElement(_BaseNumber.default, props);
+var _default = exports.default = DecimalField;

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

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

package/lib/inputs/number/format_number.js

@@ -1,10 +1,29 @@
-const r = /\b\d{1,3}(?:\.\d{3})*,\d+\b/, o = (t) => t !== void 0 && typeof t == "number" ? t.toLocaleString("pt-BR") : t, s = (t) => {
-  let e;
-  return r.test(t) ? (e = t.replaceAll(".", "").replaceAll(",", "."), Number(e)) : Number(t);
-}, c = (t) => t.replace(/[._\-/()\s+]/g, "");
-export {
-  c as formatOnlyNumbers,
-  s as numberToEnUS,
-  o as numberToPtBR
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.numberToPtBR = exports.numberToEnUS = exports.formatOnlyNumbers = void 0;
+const ptBRRegex = /\b\d{1,3}(?:\.\d{3})*,\d+\b/;
+const numberToPtBR = value => {
+  if (value !== undefined && typeof value === 'number') {
+    return value.toLocaleString('pt-BR');
+  }
+  return value;
 };
-//# sourceMappingURL=format_number.js.map
+exports.numberToPtBR = numberToPtBR;
+const numberToEnUS = value => {
+  let formattedNumber;
+  const isPTBR = ptBRRegex.test(value);
+  if (isPTBR) {
+    formattedNumber = value.replaceAll('.', '').replaceAll(',', '.');
+    return Number(formattedNumber);
+  }
+  return Number(value);
+};
+exports.numberToEnUS = numberToEnUS;
+const formatOnlyNumbers = value => {
+  const teste = value.replace(/[._\-/()\s+]/g, '');
+  return teste;
+};
+exports.formatOnlyNumbers = formatOnlyNumbers;

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

@@ -1,6 +1,19 @@
-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, };
+export { default as CurrencyField } from './Currency.js';
+export { default as DecimalField } from './Decimal.js';
+import { INumberFieldProps } 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 NumberField: (props: INumberFieldProps) => JSX.Element;
+
+export { NumberField as default };

package/lib/inputs/number/index.js

@@ -1,36 +1,64 @@
-import { jsx as F } from "react/jsx-runtime";
-import { c as I } from "../../_virtual/compiler-runtime.js";
-import { useState as y, useEffect as D } from "react";
-import { default as $ } from "./Currency.js";
-import { default as q } from "./Decimal.js";
-import '../../assets/styles/numbers.css';/* empty css                               */
-import E from "../base/InputTextBase.js";
-const B = (t) => {
-  const e = I.c(15), {
-    textAlign: x,
-    value: h,
-    themePopover: b,
-    popoverAlign: A,
-    removeZeroLeft: V,
-    min: n,
-    max: r
-  } = t, s = x === void 0 ? "left" : x, 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] = y();
-  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 p = 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]), D(a, u);
-  let m;
-  return e[8] !== g || e[9] !== p || e[10] !== f || e[11] !== t || e[12] !== s || e[13] !== c ? (m = /* @__PURE__ */ F(E, { ...t, value: g, textAlign: s, themePopover: c, popoverAlign: f, onChange: p, type: "number" }), e[8] = g, e[9] = p, e[10] = f, e[11] = t, e[12] = s, e[13] = c, e[14] = m) : m = e[14], m;
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "CurrencyField", {
+  enumerable: true,
+  get: function () {
+    return _Currency.default;
+  }
+});
+Object.defineProperty(exports, "DecimalField", {
+  enumerable: true,
+  get: function () {
+    return _Decimal.default;
+  }
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _Currency = _interopRequireDefault(require("./Currency"));
+var _Decimal = _interopRequireDefault(require("./Decimal"));
+require("../../assets/styles/numbers.scss");
+var _InputTextBase = _interopRequireDefault(require("../base/InputTextBase"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+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 _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); }
+const NumberField = props => {
+  const {
+    textAlign = 'left',
+    value = '',
+    themePopover = 'light',
+    popoverAlign = 'left',
+    removeZeroLeft = true,
+    min,
+    max
+  } = props;
+  const [numberValue, setNumberValue] = (0, _react.useState)();
+  const onChange = event => {
+    const inputValue = event.target.value;
+    const numericValue = inputValue.replace(/\D/g, '');
+    if (min && parseInt(numericValue, 10) < min || max && parseInt(numericValue, 10) > max) {
+      return;
+    }
+    if (removeZeroLeft && numericValue.charAt(0) === '0' && numericValue.length > 1) {
+      setNumberValue(numericValue.substring(1));
+    } else {
+      setNumberValue(numericValue);
+    }
+    if (props.onChange) props.onChange(event);
+  };
+  (0, _react.useEffect)(() => {
+    setNumberValue(value?.toString() ?? '');
+  }, [value]);
+  return /*#__PURE__*/_react.default.createElement(_InputTextBase.default, _extends({}, props, {
+    value: numberValue,
+    textAlign: textAlign,
+    themePopover: themePopover,
+    popoverAlign: popoverAlign,
+    onChange: onChange,
+    type: "number"
+  }));
 };
-export {
-  $ as CurrencyField,
-  q as DecimalField,
-  B as default
-};
-//# sourceMappingURL=index.js.map
+var _default = exports.default = NumberField;

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

@@ -1,8 +1,17 @@
-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 {
+import { PermissionAttr } from '../../@types/PermissionAttr.js';
+import { CustomInputEvent } from '../base/types.js';
+import { IMaskHOCProps } from '../types.js';
+import { TextAlign } from '../../@types/Align.js';
+import 'react';
+import '../../@types/Period.js';
+import '../../tooltip/types.js';
+import '../../@types/Position.js';
+import '../../@types/DataCombo.js';
+import '../../drawer/types.js';
+import '../../@types/Icon.js';
+import '../../icons/helper.js';
+
+interface INumberFieldProps extends IMaskHOCProps {
     value?: string | number;
     permissionAttr?: PermissionAttr;
     disabled?: boolean;
@@ -14,11 +23,11 @@ export interface INumberFieldProps extends IMaskHOCProps {
     removeZeroLeft?: boolean;
     textAlign?: TextAlign;
 }
-export interface IBaseNumberProps extends IMaskHOCProps {
+interface IBaseNumberProps extends IMaskHOCProps {
     returnFormattedValueOnBlur?: boolean;
     returnFormattedValueOnKeyDown?: boolean;
 }
-export interface ICurrencyProps extends IMaskHOCProps {
+interface ICurrencyProps extends IMaskHOCProps {
     currencySymbol?: string;
     displayCurrencySymbol?: boolean;
     hint?: string;
@@ -26,3 +35,5 @@ export interface ICurrencyProps extends IMaskHOCProps {
     themePopover?: 'light' | 'dark';
     popoverAlign?: 'right' | 'left';
 }
+
+export { IBaseNumberProps, ICurrencyProps, INumberFieldProps };

package/lib/inputs/number/types.js

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

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

@@ -1,3 +1,14 @@
-import { IDialogProps } from './types';
-declare const Dialog: ({ onOpenChange, handlerClose, children, dialogSize }: IDialogProps) => import("react/jsx-runtime").JSX.Element;
-export default Dialog;
+import { IDialogProps } from './types.js';
+import 'moment';
+import 'react';
+import '../../@types/ColorStyles.js';
+import '../../@types/Period.js';
+import '../../@types/PermissionAttr.js';
+import '../base/types.js';
+import '../../@types/Align.js';
+import '../../tooltip/types.js';
+import '../../@types/Position.js';
+
+declare const Dialog: ({ onOpenChange, handlerClose, children, dialogSize }: IDialogProps) => JSX.Element;
+
+export { Dialog as default };

package/lib/inputs/period/Dialog.js

@@ -1,19 +1,27 @@
-import { jsx as a } from "react/jsx-runtime";
-import { c as n } from "../../_virtual/compiler-runtime.js";
-import c from "../../dialog/base/index.js";
-const g = (h) => {
-  const e = n.c(8), {
-    onOpenChange: l,
-    handlerClose: s,
-    children: r,
-    dialogSize: t
-  } = h;
-  let i;
-  e[0] !== s ? (i = () => s(!1), e[0] = s, e[1] = i) : i = e[1];
-  let o;
-  return e[2] !== r || e[3] !== t.height || e[4] !== t.width || e[5] !== l || e[6] !== i ? (o = /* @__PURE__ */ a(c, { closeOnOutsideClick: !0, closeOnEsc: !0, wrapperClassName: "", width: t.width, height: t.height, onOpenChange: l, handlerClose: i, children: r }), e[2] = r, e[3] = t.height, e[4] = t.width, e[5] = l, e[6] = i, e[7] = o) : o = e[7], o;
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _base = _interopRequireDefault(require("../../dialog/base"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const Dialog = _ref => {
+  let {
+    onOpenChange,
+    handlerClose,
+    children,
+    dialogSize
+  } = _ref;
+  return /*#__PURE__*/_react.default.createElement(_base.default, {
+    closeOnOutsideClick: true,
+    closeOnEsc: true,
+    wrapperClassName: "",
+    width: dialogSize.width,
+    height: dialogSize.height,
+    onOpenChange: onOpenChange,
+    handlerClose: () => handlerClose(false)
+  }, children);
 };
-export {
-  g as default
-};
-//# sourceMappingURL=Dialog.js.map
+var _default = exports.default = Dialog;

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

@@ -1,3 +1,14 @@
-import { IPeriodDropdownProps } from './types';
-declare const Dropdown: (props: IPeriodDropdownProps) => import('react').ReactPortal;
-export default Dropdown;
+import * as React from 'react';
+import { IPeriodDropdownProps } from './types.js';
+import 'moment';
+import '../../@types/ColorStyles.js';
+import '../../@types/Period.js';
+import '../../@types/PermissionAttr.js';
+import '../base/types.js';
+import '../../@types/Align.js';
+import '../../tooltip/types.js';
+import '../../@types/Position.js';
+
+declare const Dropdown: (props: IPeriodDropdownProps) => React.ReactPortal;
+
+export { Dropdown as default };

package/lib/inputs/period/Dropdown.js

@@ -1,19 +1,36 @@
-import { useRef as s, useEffect as o } from "react";
-import a from "react-dom";
-const d = 250, l = (e) => {
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = require("react");
+var _reactDom = _interopRequireDefault(require("react-dom"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const CALENDAR_MIN_WIDTH = 250;
+const Dropdown = props => {
   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);
+    children,
+    dropdownRef,
+    containerRef,
+    inputDimensions
+  } = props;
+  const elementRef = (0, _react.useRef)(document.createElement('div'));
+  const width = inputDimensions && inputDimensions.width || CALENDAR_MIN_WIDTH;
+  (0, _react.useEffect)(() => {
+    elementRef.current.className = 'datepicker-component';
+    elementRef.current.style.width = String(width).concat('px');
+    elementRef.current.style.top = String(inputDimensions?.bottom).concat('px');
+    containerRef.current?.appendChild(elementRef.current);
+    dropdownRef(elementRef.current);
+    return () => {
+      containerRef.current?.removeChild(elementRef.current);
+    };
+  }, []);
+  (0, _react.useEffect)(() => {
+    elementRef.current.style.width = String(width).concat('px');
+    elementRef.current.style.top = String(props.inputDimensions?.bottom).concat('px');
+  }, [props]);
+  return /*#__PURE__*/_reactDom.default.createPortal(children, elementRef.current);
 };
-export {
-  l as default
-};
-//# sourceMappingURL=Dropdown.js.map
+var _default = exports.default = Dropdown;

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

@@ -1,3 +1,14 @@
-import { IPeriodListProps } from './types';
-declare const PeriodList: ({ selected, handleOnSelect }: IPeriodListProps) => import("react/jsx-runtime").JSX.Element;
-export default PeriodList;
+import { IPeriodListProps } from './types.js';
+import 'moment';
+import 'react';
+import '../../@types/ColorStyles.js';
+import '../../@types/Period.js';
+import '../../@types/PermissionAttr.js';
+import '../base/types.js';
+import '../../@types/Align.js';
+import '../../tooltip/types.js';
+import '../../@types/Position.js';
+
+declare const PeriodList: ({ selected, handleOnSelect }: IPeriodListProps) => JSX.Element;
+
+export { PeriodList as default };

package/lib/inputs/period/PeriodList.js

@@ -1,44 +1,52 @@
-import { jsx as i } from "react/jsx-runtime";
-import { c } from "../../_virtual/compiler-runtime.js";
-import { getDropdownItemCssClass as m, CalcDatesByPeriod as p } from "./helper.js";
-const u = [{
-  id: "today",
-  label: "Hoje"
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _helper = require("./helper");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const periodOptions = [{
+  id: 'today',
+  label: 'Hoje'
 }, {
-  id: "week",
-  label: "Semana Atual"
+  id: 'week',
+  label: 'Semana Atual'
 }, {
-  id: "lastweek",
-  label: "Última Semana"
+  id: 'lastweek',
+  label: 'Última Semana'
 }, {
-  id: "last15",
-  label: "Últimos 15 dias"
+  id: 'last15',
+  label: 'Últimos 15 dias'
 }, {
-  id: "month",
-  label: "Mês atual"
+  id: 'month',
+  label: 'Mês atual'
 }, {
-  id: "lastmonth",
-  label: "Último Mês"
+  id: 'lastmonth',
+  label: 'Último Mês'
 }, {
-  id: "custom",
-  label: "Customizar"
-}], C = (d) => {
-  const e = c.c(5), {
-    selected: o,
-    handleOnSelect: s
-  } = d;
-  let t;
-  e[0] !== s || e[1] !== o ? (t = u.map((l) => {
-    const n = o === l.id;
-    return /* @__PURE__ */ i("button", { tabIndex: -1, className: m(n), onClick: () => {
-      const r = l.id !== "custom" ? p(l.id) : null;
-      s(l.id, r);
-    }, children: l.label }, "item-".concat(l.id));
-  }), e[0] = s, e[1] = o, e[2] = t) : t = e[2];
-  let a;
-  return e[3] !== t ? (a = /* @__PURE__ */ i("div", { className: "dropdown-period", children: t }), e[3] = t, e[4] = a) : a = e[4], a;
+  id: 'custom',
+  label: 'Customizar'
+}];
+const PeriodList = _ref => {
+  let {
+    selected,
+    handleOnSelect
+  } = _ref;
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: "dropdown-period"
+  }, periodOptions.map(item => {
+    const itemSelected = selected === item.id;
+    return /*#__PURE__*/_react.default.createElement("button", {
+      key: String('item-').concat(item.id),
+      tabIndex: -1,
+      className: (0, _helper.getDropdownItemCssClass)(itemSelected),
+      onClick: () => {
+        const dates = item.id !== 'custom' ? (0, _helper.CalcDatesByPeriod)(item.id) : null;
+        handleOnSelect(item.id, dates);
+      }
+    }, item.label);
+  }));
 };
-export {
-  C as default
-};
-//# sourceMappingURL=PeriodList.js.map
+var _default = exports.default = PeriodList;

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

@@ -1,11 +1,22 @@
 import { Moment } from 'moment';
-import { DateTypes } from './types';
+import { DateTypes } from './types.js';
+import 'react';
+import '../../@types/ColorStyles.js';
+import '../../@types/Period.js';
+import '../../@types/PermissionAttr.js';
+import '../base/types.js';
+import '../../@types/Align.js';
+import '../../tooltip/types.js';
+import '../../@types/Position.js';
+
 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;
+
+declare const getDropdownItemCssClass: (selected?: boolean, disabled?: boolean, striped?: boolean) => string;
+declare const CalcDatesByPeriod: (dateType: DateTypes) => Moment[];
+declare const isDateValid: (date: Moment) => boolean;
+
+export { CalcDatesByPeriod, getCalendarDropdownStyle as default, getDropdownItemCssClass, isDateValid };