linear-react-components-ui 2.0.0-beta.0 → 2.0.0-beta.1

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

@@ -1 +0,0 @@
-{"version":3,"file":"Dropdown.js","names":[],"sources":["../../../src/lib/inputs/period/Dropdown.tsx"],"sourcesContent":["import { useEffect, useRef } from 'react';\nimport ReactDOM from 'react-dom';\nimport { IPeriodDropdownProps } from './types';\n\nconst CALENDAR_MIN_WIDTH = 250;\nconst Dropdown = (props: IPeriodDropdownProps) => {\n  const { children, dropdownRef, containerRef, inputDimensions } = props;\n  const elementRef = useRef(document.createElement('div'));\n  const width = inputDimensions && inputDimensions.width || CALENDAR_MIN_WIDTH;\n\n  useEffect(() => {\n    elementRef.current.className = 'datepicker-component';\n    elementRef.current.style.width = String(width).concat('px');\n    elementRef.current.style.top = String(inputDimensions?.bottom).concat('px');\n\n    containerRef.current?.appendChild(elementRef.current);\n    dropdownRef(elementRef.current);\n\n    return () => {\n      containerRef.current?.removeChild(elementRef.current);\n    };\n  }, []);\n\n  useEffect(() => {\n    elementRef.current.style.width = String(width).concat('px');\n    elementRef.current.style.top = String(props.inputDimensions?.bottom).concat('px');\n  }, [props]);\n\n  return ReactDOM.createPortal(children, elementRef.current);\n};\n\nexport default Dropdown;\n"],"mappings":";;;AAIA,IAAM,IAAqB,KACrB,KAAY,MAAgC;CAChD,IAAM,EAAE,aAAU,gBAAa,iBAAc,uBAAoB,GAC3D,IAAa,EAAO,SAAS,cAAc,MAAM,CAAC,EAClD,IAAQ,KAAmB,EAAgB,SAAS;AAoB1D,QAlBA,SACE,EAAW,QAAQ,YAAY,wBAC/B,EAAW,QAAQ,MAAM,QAAQ,OAAO,EAAM,CAAC,OAAO,KAAK,EAC3D,EAAW,QAAQ,MAAM,MAAM,OAAO,GAAiB,OAAO,CAAC,OAAO,KAAK,EAE3E,EAAa,SAAS,YAAY,EAAW,QAAQ,EACrD,EAAY,EAAW,QAAQ,QAElB;AACX,IAAa,SAAS,YAAY,EAAW,QAAQ;KAEtD,EAAE,CAAC,EAEN,QAAgB;AAEd,EADA,EAAW,QAAQ,MAAM,QAAQ,OAAO,EAAM,CAAC,OAAO,KAAK,EAC3D,EAAW,QAAQ,MAAM,MAAM,OAAO,EAAM,iBAAiB,OAAO,CAAC,OAAO,KAAK;IAChF,CAAC,EAAM,CAAC,EAEJ,EAAS,aAAa,GAAU,EAAW,QAAQ"}

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

@@ -1,3 +0,0 @@
-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

@@ -1,48 +0,0 @@
-import { CalcDatesByPeriod as e, getDropdownItemCssClass as t } from "./helper.js";
-import { jsx as n } from "react/jsx-runtime";
-//#region src/lib/inputs/period/PeriodList.tsx
-var r = [
-	{
-		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"
-	}
-], i = ({ selected: i, handleOnSelect: a }) => /* @__PURE__ */ n("div", {
-	className: "dropdown-period",
-	children: r.map((r) => /* @__PURE__ */ n("button", {
-		tabIndex: -1,
-		className: t(i === r.id),
-		onClick: () => {
-			let t = r.id === "custom" ? null : e(r.id);
-			a(r.id, t);
-		},
-		children: r.label
-	}, `item-${r.id}`))
-});
-//#endregion
-export { i as default };
-
-//# sourceMappingURL=PeriodList.js.map

package/lib/inputs/period/PeriodList.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"PeriodList.js","names":[],"sources":["../../../src/lib/inputs/period/PeriodList.tsx"],"sourcesContent":["import { CalcDatesByPeriod, getDropdownItemCssClass } from './helper';\nimport { IPeriodOptions, IPeriodListProps } from './types';\n\nconst periodOptions: IPeriodOptions[] = [\n  { id: 'today', label: 'Hoje' },\n  { id: 'week', label: 'Semana Atual' },\n  { id: 'lastweek', label: 'Última Semana' },\n  { id: 'last15', label: 'Últimos 15 dias' },\n  { id: 'month', label: 'Mês atual' },\n  { id: 'lastmonth', label: 'Último Mês' },\n  { id: 'custom', label: 'Customizar' },\n];\n\nconst PeriodList = ({ selected, handleOnSelect }: IPeriodListProps) => (\n  <div className=\"dropdown-period\">\n    {\n      periodOptions.map((item) => {\n        const itemSelected = (selected === item.id);\n        return (\n          <button\n            key={String('item-').concat(item.id)}\n            tabIndex={-1}\n            className={getDropdownItemCssClass(itemSelected)}\n            onClick={() => {\n              const dates = item.id !== 'custom' ? CalcDatesByPeriod(item.id) : null;\n              handleOnSelect(item.id, dates);\n            }}>\n            {item.label}\n          </button>\n        );\n      })}\n  </div>\n);\n\nexport default PeriodList;\n"],"mappings":";;;AAGA,IAAM,IAAkC;CACtC;EAAE,IAAI;EAAS,OAAO;EAAQ;CAC9B;EAAE,IAAI;EAAQ,OAAO;EAAgB;CACrC;EAAE,IAAI;EAAY,OAAO;EAAiB;CAC1C;EAAE,IAAI;EAAU,OAAO;EAAmB;CAC1C;EAAE,IAAI;EAAS,OAAO;EAAa;CACnC;EAAE,IAAI;EAAa,OAAO;EAAc;CACxC;EAAE,IAAI;EAAU,OAAO;EAAc;CACtC,EAEK,KAAc,EAAE,aAAU,wBAC9B,kBAAC,OAAD;CAAK,WAAU;WAEX,EAAc,KAAK,MAGf,kBAAC,UAAD;EAEE,UAAU;EACV,WAAW,EALO,MAAa,EAAK,GAKY;EAChD,eAAe;GACb,IAAM,IAAQ,EAAK,OAAO,WAAwC,OAA7B,EAAkB,EAAK,GAAG;AAC/D,KAAe,EAAK,IAAI,EAAM;;YAE/B,EAAK;EACC,EARF,QAAuB,EAAK,KAQ1B;CAGX,CAAA"}

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

@@ -1,11 +0,0 @@
-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

@@ -1,26 +0,0 @@
-import e from "../../node_modules/moment/dist/moment.js";
-//#region src/lib/inputs/period/helper.ts
-var t = (e = !1, t = !1, n = !1) => {
-	let r = "item";
-	return r += e && !t ? " -selected " : "", r += t ? " -disabled" : "", r += !e && !t && n ? " -striped " : "", r;
-}, n = (t) => {
-	let n = e();
-	return {
-		today: () => [n, n],
-		week: () => [n.clone().startOf("week"), n.clone().endOf("week")],
-		lastweek: () => {
-			let e = n.subtract(1, "weeks");
-			return [e.clone().startOf("week"), e.clone().endOf("week")];
-		},
-		last15: () => [e(n).subtract(15, "days"), n],
-		month: () => [n.clone().startOf("month"), n.clone().endOf("month")],
-		lastmonth: () => {
-			let e = n.subtract(1, "months");
-			return [e.clone().startOf("month"), e.clone().endOf("month")];
-		}
-	}[t]();
-};
-//#endregion
-export { n as CalcDatesByPeriod, t as getDropdownItemCssClass };
-
-//# sourceMappingURL=helper.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"helper.js","names":[],"sources":["../../../src/lib/inputs/period/helper.ts"],"sourcesContent":["import moment, { Moment } from 'moment';\nimport { DateTypes } from './types';\n\nconst getCalendarDropdownStyle = ({ topPosition, leftPosition, width }:\n{ topPosition: number | string, leftPosition: number | string, width: number | string }) => (\n  `top: ${topPosition}px;\n  left: ${leftPosition}px;\n  width:${width}px`\n);\nexport default getCalendarDropdownStyle;\n\nexport const getDropdownItemCssClass = (selected = false, disabled = false, striped = false) => {\n  let className = 'item';\n  className += (selected && !disabled ? ' -selected ' : '');\n  className += disabled ? ' -disabled' : '';\n  className += (!selected && !disabled && striped ? ' -striped ' : '');\n  return className;\n};\n\nexport const CalcDatesByPeriod = (dateType: DateTypes): Moment[] => {\n  const currentDate = moment();\n  const dateTypes = {\n    today: () => [currentDate, currentDate],\n    week: () => {\n      const weekStart = currentDate.clone().startOf('week');\n      const weekEnd = currentDate.clone().endOf('week');\n      return [weekStart, weekEnd];\n    },\n    lastweek: () => {\n      const lastWeek = currentDate.subtract(1, 'weeks');\n      const weekStart = lastWeek.clone().startOf('week');\n      const weekEnd = lastWeek.clone().endOf('week');\n      return [weekStart, weekEnd];\n    },\n    last15: () => {\n      const last15Day = moment(currentDate);\n      return [last15Day.subtract(15, 'days'), currentDate];\n    },\n    month: () => {\n      const monthStart = currentDate.clone().startOf('month');\n      const monthEnd = currentDate.clone().endOf('month');\n      return [monthStart, monthEnd];\n    },\n    lastmonth: () => {\n      const lastMonth = currentDate.subtract(1, 'months');\n      const monthStart = lastMonth.clone().startOf('month');\n      const monthEnd = lastMonth.clone().endOf('month');\n      return [monthStart, monthEnd];\n    },\n  };\n  return dateTypes[dateType]();\n};\n\nexport const isDateValid = (date: Moment) => date && moment(date).isValid();\n"],"mappings":";;AAWA,IAAa,KAA2B,IAAW,IAAO,IAAW,IAAO,IAAU,OAAU;CAC9F,IAAI,IAAY;AAIhB,QAHA,KAAc,KAAY,CAAC,IAAW,gBAAgB,IACtD,KAAa,IAAW,eAAe,IACvC,KAAc,CAAC,KAAY,CAAC,KAAY,IAAU,eAAe,IAC1D;GAGI,KAAqB,MAAkC;CAClE,IAAM,IAAc,GAAQ;AA8B5B,QA7BkB;EAChB,aAAa,CAAC,GAAa,EAAY;EACvC,YAGS,CAFW,EAAY,OAAO,CAAC,QAAQ,OAAO,EACrC,EAAY,OAAO,CAAC,MAAM,OAAO,CACtB;EAE7B,gBAAgB;GACd,IAAM,IAAW,EAAY,SAAS,GAAG,QAAQ;AAGjD,UAAO,CAFW,EAAS,OAAO,CAAC,QAAQ,OAAO,EAClC,EAAS,OAAO,CAAC,MAAM,OAAO,CACnB;;EAE7B,cAES,CADW,EAAO,EAAY,CACnB,SAAS,IAAI,OAAO,EAAE,EAAY;EAEtD,aAGS,CAFY,EAAY,OAAO,CAAC,QAAQ,QAAQ,EACtC,EAAY,OAAO,CAAC,MAAM,QAAQ,CACtB;EAE/B,iBAAiB;GACf,IAAM,IAAY,EAAY,SAAS,GAAG,SAAS;AAGnD,UAAO,CAFY,EAAU,OAAO,CAAC,QAAQ,QAAQ,EACpC,EAAU,OAAO,CAAC,MAAM,QAAQ,CACpB;;EAEhC,CACgB,IAAW"}

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

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

package/lib/inputs/period/index.js

@@ -1,298 +0,0 @@
-import e from "../../gridlayout/index.js";
-import t from "../../icons/index.js";
-import n from "../../buttons/index.js";
-import { ErrorMessage as r } from "../errorMessage/index.js";
-import i from "../../textContent/index.js";
-import ee from "../../popover/index.js";
-import te from "../../hint/index.js";
-import a from "../../node_modules/moment/dist/moment.js";
-import ne from "../../calendar/index.js";
-import { getInputWrapperClass as re } from "../base/helpers.js";
-import o from "../mask/BaseMask.js";
-import '../../assets/styles/periodpicker.css';/* empty css                               */
-import ie from "./PeriodList.js";
-import s from "./Dropdown.js";
-import c from "./Dialog.js";
-import { useCallback as l, useEffect as u, useId as ae, useRef as d, useState as f } from "react";
-import { jsx as p, jsxs as m } from "react/jsx-runtime";
-//#region src/lib/inputs/period/index.tsx
-var h = (h) => {
-	let { showButtonOpen: g = !0, openOnFocus: oe = !0, shouldCloseOnSelect: _ = !0, calendarColorStyle: v, showCalendarInDialog: y = !1, dialogSize: b = {
-		width: "350px",
-		height: "350px"
-	}, hint: x, hintPosition: se = "below", themePopover: ce = "light", popoverAlign: le = "left", gridLayout: ue } = h, de = ae(), fe = ae(), [S, C] = f(h.value && a(h.value.initial, "DD/MM/YYYY")), [w, T] = f(h.value && a(h.value.final, "DD/MM/YYYY")), [E, D] = f("week"), [O, k] = f(!1), [A, j] = f(!1), [M, N] = f(!1), [P, F] = f(), [I, L] = f(), [R, z] = f("valueInitial"), B = d(null), V = d(null), H = d(null), pe = d(null), U = d(null), me = d(null), W = d(null), G = d(null), K = d(null), q = () => {
-		F(V?.current?.getBoundingClientRect());
-	}, he = (e) => {
-		let t = !B.current?.contains(e.relatedTarget);
-		!y && O && t && k(!1), !y && A && t && j(!1);
-	}, ge = (e) => {
-		let { target: t } = e, n = t;
-		K.current && e && e.key && e.key === "Escape" && (e.preventDefault(), n.focus(), O && (n.id !== "valueInitial" && H.current?.focus(), k(!1)), A && (n.id !== "valueFinal" && G.current?.focus(), j(!1)), M && (N(!1), G.current?.focus(), j(!1))), e.stopPropagation();
-	}, J = () => {
-		let e = V.current?.getBoundingClientRect(), t = e && e.bottom;
-		W && W.current && e && (W.current.style.top = String(t).concat("px"));
-	}, _e = (e) => {
-		e === "valueInitial" && (z("valueInitial"), j(!1), O || (H.current?.focus(), y && setTimeout(() => {
-			U.current?.focus();
-		}, 100), k(!0))), e === "valueFinal" && (z("valueFinal"), k(!1), A || (G.current?.focus(), y && setTimeout(() => {
-			U.current?.focus();
-		}, 100), j(!0))), V.current && F(V.current.getBoundingClientRect());
-	}, ve = (e) => {
-		e === "valueInitial" && H.current?.focus(), e === "valueFinal" && G.current?.focus(), k(!1), j(!1);
-	}, ye = (e) => {
-		let t = e.initial ? e.initial.format("YYYY-MM-DD") : "", n = e.final ? e.final.format("YYYY-MM-DD") : "";
-		h?.onChange?.(void 0, "", {
-			initial: t,
-			final: n
-		});
-	}, Y = (e) => {
-		setTimeout(() => {
-			e === "valueInitial" && (H.current?.focus(), k(!1)), e === "valueFinal" && (G.current?.focus(), j(!1)), e === "periodSelection" && (N(!1), G.current?.focus(), j(!1));
-		}, 100);
-	}, be = (e) => {
-		let { name: t } = e.target;
-		oe && _e(t), h.onFocus && h.onFocus(e);
-	}, xe = (e) => {
-		h.onBlur && h.onBlur(e);
-	}, Se = (e) => {
-		if (e) {
-			let { name: t, value: n } = e.target;
-			String(n).trim().length === 0 && (t === "valueInitial" ? C(void 0) : T(void 0));
-		}
-	}, X = (e, t, n = !0) => {
-		let r = e ? e.target.name : "", i = a(t, "DD/MM/YYYY");
-		O && H.current?.focus(), A && G.current?.focus(), r === "valueInitial" ? (C(i), ye({
-			initial: i,
-			final: w
-		})) : (T(i), ye({
-			initial: S,
-			final: i
-		})), r === "valueInitial" && !w && n && (G.current?.focus(), j(!0)), _ && (k(!1), j(!1));
-	}, Z = () => {
-		let { disabled: e } = h;
-		return e || I && (I.disabled || I.hideContent);
-	}, Ce = l(() => g ? /* @__PURE__ */ p(n, {
-		boxShadow: !1,
-		disabled: Z(),
-		customClass: "calendar-button",
-		icon: /* @__PURE__ */ p(t, { name: "calendar" }),
-		onClick: () => {
-			A || O ? ve(R) : _e(R);
-		},
-		tabIndex: -1,
-		targetRef: (e) => {
-			pe.current = e;
-		}
-	}, "button-open") : null, [A, O]), we = (e, t) => /* @__PURE__ */ p(ie, {
-		selected: e,
-		handleOnSelect: t
-	}), Te = () => {
-		j(!1), k(!1), N(!0), V.current && F(V.current.getBoundingClientRect());
-	}, Ee = () => {
-		N(!1), G.current?.focus(), j(!1);
-	}, De = l(() => /* @__PURE__ */ p(n, {
-		disabled: Z(),
-		tabIndex: -1,
-		customClass: "calendar-button",
-		icon: /* @__PURE__ */ p(t, { name: "more1" }),
-		onBlur: () => setTimeout(() => N(!1), 100),
-		onClick: () => M ? Ee() : Te(),
-		targetRef: (e) => {
-			me.current = e;
-		}
-	}, "button-select-period"), [M]), Q = (e, t, n) => /* @__PURE__ */ p(ne, {
-		colorStyle: t,
-		currentDate: e === void 0 ? a() : a(e),
-		calendarContainer: (e) => {
-			K.current = e;
-		},
-		onDateChange: (e) => X({ target: { name: n } }, e),
-		currentDateButton: (e) => U.current = e
-	}), Oe = (e, t) => {
-		if (e === "custom") {
-			H.current?.focus(), D(e), N(!1);
-			return;
-		}
-		D(e), t && (C(t[0]), T(t[1])), _ && N(!1), G.current?.focus(), j(!1);
-	}, ke = () => I && I.readOnly ? null : (K && K.current && (K.current.id = "valueInitial"), y ? /* @__PURE__ */ p(c, {
-		handlerClose: () => Y("valueInitial"),
-		dialogSize: b,
-		onOpenChange: k,
-		children: Q(S, v, "valueInitial")
-	}) : /* @__PURE__ */ p(s, {
-		containerRef: B,
-		showButtonOpen: g,
-		inputDimensions: P,
-		dropdownRef: (e) => {
-			W.current = e;
-		},
-		children: Q(S, v, "valueInitial")
-	})), Ae = () => I && I.readOnly ? null : (K && K.current && (K.current.id = "valueFinal"), y ? /* @__PURE__ */ p(c, {
-		handlerClose: () => Y("valueFinal"),
-		dialogSize: b,
-		onOpenChange: j,
-		children: Q(w, v, "valueFinal")
-	}) : /* @__PURE__ */ p(s, {
-		containerRef: B,
-		showButtonOpen: g,
-		inputDimensions: P,
-		dropdownRef: (e) => {
-			W.current = e;
-		},
-		children: Q(w, v, "valueFinal")
-	})), je = () => y ? /* @__PURE__ */ p(c, {
-		handlerClose: () => Y("periodSelection"),
-		dialogSize: b,
-		onOpenChange: N,
-		children: we(E, Oe)
-	}) : /* @__PURE__ */ p(s, {
-		containerRef: B,
-		showButtonOpen: g,
-		inputDimensions: P,
-		dropdownRef: (e) => {
-			W.current = e;
-		},
-		children: we(E, Oe)
-	});
-	if (u(() => (window.addEventListener("resize", q), document.addEventListener("scroll", J), document.getElementById("modal-dialog-content")?.addEventListener("scroll", J), V.current && q(), H && H.current && (H.current.id = de), G && G.current && (G.current.id = fe), () => {
-		window.removeEventListener("resize", q), document.removeEventListener("scroll", J), document.getElementById("modal-dialog-content")?.removeEventListener("scroll", J);
-	}), []), u(() => (document.addEventListener("keydown", ge), () => {
-		document.removeEventListener("keydown", ge);
-	}), [
-		A,
-		O,
-		M,
-		K.current
-	]), u(() => {
-		if (w && S && a(w).isBefore(a(S))) C(w), T(S);
-		else if (h.onChange) {
-			let e = S ? S.format("YYYY-MM-DD") : "", t = w ? w.format("YYYY-MM-DD") : "";
-			h.onChange(void 0, "", {
-				initial: e,
-				final: t
-			});
-		}
-	}, [S, w]), u(() => {
-		if (h.value && !(a(h.value.initial).isSame(S) || a(h.value.final).isSame(w))) {
-			let { initial: e, final: t } = h.value, n, r;
-			a(e, "YYYY-MM-DD", !0).isValid() && (n = a(e, "YYYY-MM-DD")), a(t, "YYYY-MM-DD", !0).isValid() && (r = a(t, "YYYY-MM-DD")), C(n), T(r);
-		}
-	}, [h.value]), I && I.unvisible) return null;
-	let $ = () => /* @__PURE__ */ m("div", {
-		ref: B,
-		onBlur: he,
-		className: "input-base-component datepicker-period-container",
-		children: [
-			h.label && /* @__PURE__ */ m("div", {
-				className: "labelcontainer",
-				children: [
-					/* @__PURE__ */ p(i, {
-						required: h.required,
-						className: h.customClassForLabel,
-						labelUppercase: h.labelUppercase
-					}),
-					/* @__PURE__ */ p("div", {
-						className: "text-content",
-						style: { display: "flex" },
-						children: /* @__PURE__ */ m("div", {
-							className: `label ${h.customClassForLabel} ${h.labelUppercase && " -uppercase"}`,
-							style: { alignSelf: "center" },
-							children: [
-								h.label,
-								h.required && /* @__PURE__ */ p("span", {
-									className: "-requiredlabel",
-									children: "*"
-								}),
-								!!x && se === "onLabelRight" && /* @__PURE__ */ p(ee, {
-									theme: ce,
-									align: le,
-									iconColor: "#03bde2",
-									customClass: "-hint",
-									style: {
-										margin: "0px 5px",
-										height: "auto",
-										width: 20
-									},
-									children: x
-								})
-							]
-						})
-					}),
-					/* @__PURE__ */ p(i, {})
-				]
-			}),
-			/* @__PURE__ */ m("div", {
-				className: `periodpicker-component ${re({
-					...h,
-					value: S ? a(S).format("DD/MM/YYYY") : "",
-					disabled: Z()
-				})}`,
-				ref: V,
-				children: [
-					/* @__PURE__ */ p(o, {
-						gridLayout: void 0,
-						permissionAttr: h.permissionAttr,
-						name: "valueInitial",
-						value: S ? a(S).format("DD/MM/YYYY") : "",
-						mask: "00/00/0000",
-						onComplete: (e) => {
-							X(e, e.target.value, !0);
-						},
-						onFocus: be,
-						onBlur: (e) => xe(e),
-						onChange: Se,
-						inputRef: (e) => {
-							H.current = e;
-						},
-						handlerSetOnDenied: (e) => {
-							L(e);
-						},
-						required: h.required
-					}),
-					/* @__PURE__ */ p(t, {
-						name: "arrow_right",
-						customClass: "separation_icon"
-					}),
-					/* @__PURE__ */ p(o, {
-						gridLayout: void 0,
-						permissionAttr: h.permissionAttr,
-						name: "valueFinal",
-						value: w ? a(w).format("DD/MM/YYYY") : "",
-						mask: "00/00/0000",
-						onComplete: (e) => {
-							X(e, e.target.value, !0);
-						},
-						onFocus: be,
-						onBlur: (e) => xe(e),
-						onChange: Se,
-						inputRef: (e) => {
-							G.current = e;
-						},
-						handlerSetOnDenied: (e) => L(e),
-						required: h.required
-					}),
-					Ce(),
-					De()
-				]
-			}),
-			O && ke(),
-			A && Ae(),
-			M && je(),
-			/* @__PURE__ */ p(te, {
-				visible: !!x && se === "below",
-				customClass: "hint",
-				description: x
-			}),
-			/* @__PURE__ */ p(r, { messages: h.errorMessages })
-		]
-	});
-	return ue ? /* @__PURE__ */ p(e, {
-		customClass: "-withinput",
-		cols: ue,
-		children: $()
-	}) : $();
-};
-//#endregion
-export { h as default };
-
-//# sourceMappingURL=index.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../src/lib/inputs/period/index.tsx"],"sourcesContent":["import '../../assets/styles/periodpicker.scss';\n\nimport { useEffect, useRef, useState, FocusEvent as ReactFocusEvent, useCallback, useId } from 'react';\nimport moment, { Moment } from 'moment';\nimport PeriodList from './PeriodList';\nimport BaseMask from '../mask/BaseMask';\nimport Dropdown from './Dropdown';\nimport Calendar from '../../calendar';\nimport Button from '../../buttons';\nimport Icon from '../../icons';\nimport Dialog from './Dialog';\nimport Hint from '../../hint';\nimport Grid from '../../gridlayout';\nimport * as helperBase from '../base/helpers';\nimport { ColorStyles } from '../../@types/ColorStyles';\nimport { OnDenied } from '../../@types/PermissionAttr';\nimport { ChangeInputPeriodEvent, TypeCurrentDate, DateTypes, IPeriodPickerProps } from './types';\nimport { CustomInputEvent } from '../base/types';\nimport { ErrorMessage } from '../errorMessage';\nimport TextContent from '../../textContent';\nimport Popover from '../../popover';\n\nconst PeriodPicker = (props: IPeriodPickerProps) => {\n  const {\n    showButtonOpen = true, openOnFocus = true, shouldCloseOnSelect = true, calendarColorStyle,\n    showCalendarInDialog = false, dialogSize = { width: '350px', height: '350px' }, hint, hintPosition = 'below',\n    themePopover = 'light', popoverAlign = 'left', gridLayout,\n  } = props;\n  const idValueInitial = useId();\n  const idValueFinal = useId();\n\n  const [valueInitial, setValueInitial] = useState<moment.Moment | undefined>(props.value && moment(props.value.initial, 'DD/MM/YYYY'));\n  const [valueFinal, setValueFinal] = useState<moment.Moment | undefined>(props.value && moment(props.value.final, 'DD/MM/YYYY'));\n  const [valuePeriodSelection, setValuePeriodSelection] = useState('week');\n  const [showCalendarValueInitial, setShowCalendarValueInitial] = useState(false);\n  const [showCalendarValueFinal, setShowCalendarValueFinal] = useState(false);\n  const [showPeriodSelection, setShowPeriodSelection] = useState(false);\n  const [inputDimensions, setInputDimensions] = useState<DOMRect>();\n  const [onDenied, setOnDenied] = useState<OnDenied>();\n  const [currentTypeDate, setCurrentTypeDate] = useState<TypeCurrentDate>('valueInitial');\n\n  const wrapperBaseInputPeriodRef = useRef<HTMLDivElement | null>(null);\n  const inputContainerRef = useRef<HTMLDivElement>(null);\n  const inputInitialRef = useRef<HTMLInputElement | HTMLTextAreaElement | null>(null);\n  const buttonOpenRef = useRef<HTMLButtonElement | null>(null);\n  const currentDateButtonRef = useRef<HTMLButtonElement>(null);\n  const buttonSelectPeriodRef = useRef<HTMLButtonElement | null>(null);\n  const dropdownCalendarContainer = useRef<HTMLDivElement | null>(null);\n  const inputFinalRef = useRef<HTMLInputElement | HTMLTextAreaElement | null>(null);\n  const calendarContainerRef = useRef<HTMLDivElement | null>(null);\n\n  const onScreenResize = () => {\n    setInputDimensions(inputContainerRef?.current?.getBoundingClientRect());\n  };\n\n  const onBlurWithoutWrapper = (event: ReactFocusEvent<HTMLDivElement>) => {\n    const focusOnAnotherField = !wrapperBaseInputPeriodRef.current?.contains(event.relatedTarget);\n    if (!showCalendarInDialog && showCalendarValueInitial && focusOnAnotherField) { \n      setShowCalendarValueInitial(false); \n    }\n    if (!showCalendarInDialog && showCalendarValueFinal && focusOnAnotherField) { \n      setShowCalendarValueFinal(false); \n    }\n  };\n\n  const onKeyDownPress = (event: KeyboardEvent) => {\n    const { target } = event;\n    const targetElement = target as HTMLInputElement;\n    if (calendarContainerRef.current && event && event.key && event.key === 'Escape') {\n      event.preventDefault();\n      targetElement.focus();\n      if (showCalendarValueInitial) {\n        if (targetElement.id !== 'valueInitial') {\n          inputInitialRef.current?.focus();\n        }\n        setShowCalendarValueInitial(false);\n      }\n      if (showCalendarValueFinal) {\n        if (targetElement.id !== 'valueFinal') {\n          inputFinalRef.current?.focus();\n        }\n        setShowCalendarValueFinal(false);\n      }\n\n      if (showPeriodSelection) {\n        setShowPeriodSelection(false);\n        inputFinalRef.current?.focus();\n        setShowCalendarValueFinal(false);\n      }\n    }\n    event.stopPropagation();\n  };\n\n  const keepPositionCalendarByScroll = () => {\n    const inputDateDimensions = inputContainerRef.current?.getBoundingClientRect();\n    const positionTop = inputDateDimensions && inputDateDimensions.bottom;\n    if (dropdownCalendarContainer && dropdownCalendarContainer.current && inputDateDimensions) {\n      dropdownCalendarContainer.current.style.top = String(positionTop).concat('px');\n    }\n  };\n\n  const openCalendar = (calendarName: string) => {\n    if (calendarName === 'valueInitial') {\n      setCurrentTypeDate('valueInitial');\n      setShowCalendarValueFinal(false);\n      if (!showCalendarValueInitial) {\n        inputInitialRef.current?.focus();\n        if (showCalendarInDialog) {\n          setTimeout(() => {\n            currentDateButtonRef.current?.focus();\n          }, 100);\n        }\n        setShowCalendarValueInitial(true);\n      }\n    }\n    if (calendarName === 'valueFinal') {\n      setCurrentTypeDate('valueFinal');\n      setShowCalendarValueInitial(false);\n      if (!showCalendarValueFinal) {\n        inputFinalRef.current?.focus();\n        if (showCalendarInDialog) {\n          setTimeout(() => {\n            currentDateButtonRef.current?.focus();\n          }, 100);\n        }\n        setShowCalendarValueFinal(true);\n      }\n    }\n    if (inputContainerRef.current) {\n      setInputDimensions(inputContainerRef.current.getBoundingClientRect());\n    }\n  };\n\n  const closeCalendar = (calendarName: TypeCurrentDate) => {\n    if (calendarName === 'valueInitial') { inputInitialRef.current?.focus(); }\n    if (calendarName === 'valueFinal') { inputFinalRef.current?.focus(); }\n    setShowCalendarValueInitial(false);\n    setShowCalendarValueFinal(false);\n  };\n\n  const onDateChange = (date: { initial?: Moment, final?: Moment }) => {\n    const initial = date.initial ? date.initial.format('YYYY-MM-DD') : '';\n    const final = date.final ? date.final.format('YYYY-MM-DD') : '';\n    props?.onChange?.(undefined, '', { initial, final });\n  };\n\n  const onCloseDateDialog = (calendarName: TypeCurrentDate | 'periodSelection') => {\n    setTimeout(() => {\n      if (calendarName === 'valueInitial') {\n        inputInitialRef.current?.focus();\n        setShowCalendarValueInitial(false);\n      }\n      if (calendarName === 'valueFinal') {\n        inputFinalRef.current?.focus();\n        setShowCalendarValueFinal(false);\n      }\n      if (calendarName === 'periodSelection') {\n        setShowPeriodSelection(false);\n        inputFinalRef.current?.focus();\n        setShowCalendarValueFinal(false);\n      }\n    }, 100);\n  };\n\n  const onInputFocus = (e: CustomInputEvent) => {\n    const { name } = e.target as HTMLInputElement;\n\n    if (openOnFocus) openCalendar(name);\n    if (props.onFocus) props.onFocus(e);\n  };\n\n  const onInputBlur = (e: CustomInputEvent) => {\n    if (props.onBlur) props.onBlur(e);\n  };\n\n  const onInputChange = (event?: ChangeInputPeriodEvent) => {\n    if (event) {\n      const { name: changingAux, value } = event.target as HTMLInputElement;\n      if (String(value).trim().length === 0) {\n        if (changingAux === 'valueInitial') {\n          setValueInitial(undefined);\n        } else {\n          setValueFinal(undefined);\n        }\n      }\n    }\n  };\n\n  const setValue = (\n    event: ChangeInputPeriodEvent,\n    value?: Moment | string,\n    shouldOpenDropdown = true,\n  ) => {\n    const valueDateName = event ? event.target.name : '';\n    const dateObj = moment(value, 'DD/MM/YYYY');\n    if (showCalendarValueInitial) inputInitialRef.current?.focus();\n    if (showCalendarValueFinal) inputFinalRef.current?.focus();\n\n    if (valueDateName === 'valueInitial') {\n      setValueInitial(dateObj);\n      onDateChange({ initial: dateObj, final: valueFinal });\n    } else {\n      setValueFinal(dateObj);\n      onDateChange({ initial: valueInitial, final: dateObj });\n    }\n\n    if (valueDateName === 'valueInitial' && !valueFinal && shouldOpenDropdown) {\n      inputFinalRef.current?.focus();\n      setShowCalendarValueFinal(true);\n    }\n\n    if (shouldCloseOnSelect) {\n      setShowCalendarValueInitial(false);\n      setShowCalendarValueFinal(false);\n    }\n  };\n\n  const shouldDisable = () => {\n    const { disabled } = props;\n    return disabled || (onDenied && (onDenied.disabled || onDenied.hideContent));\n  };\n\n  const getButtonOpen = useCallback(() => {\n    if (!showButtonOpen) return null;\n\n    return (\n      <Button\n        key=\"button-open\"\n        boxShadow={false}\n        disabled={shouldDisable()}\n        customClass=\"calendar-button\"\n        icon={<Icon name=\"calendar\" />}\n        onClick={() => {\n          if (showCalendarValueFinal || showCalendarValueInitial) {\n            closeCalendar(currentTypeDate);\n          } else {\n            openCalendar(currentTypeDate);\n          }\n        }}\n        tabIndex={-1}\n        targetRef={(ref) => { buttonOpenRef.current = ref; }} />\n    );\n  }, [showCalendarValueFinal, showCalendarValueInitial]);\n\n  const getPeriodSelection = (\n    valuePeriodSelectionAux: string,\n    setPeriodDates: (value: DateTypes | 'custom', date: Moment[] | null) => void,\n  ) => (\n    <PeriodList selected={valuePeriodSelectionAux} handleOnSelect={setPeriodDates} />\n  );\n\n  const openPeriodSelecion = () => {\n    setShowCalendarValueFinal(false);\n    setShowCalendarValueInitial(false);\n    setShowPeriodSelection(true);\n    if (inputContainerRef.current) {\n      setInputDimensions(inputContainerRef.current.getBoundingClientRect());\n    }\n  };\n\n  const closePeriodSelection = () => {\n    setShowPeriodSelection(false);\n    inputFinalRef.current?.focus();\n    setShowCalendarValueFinal(false);\n  };\n\n  const getButtonSelectPeriod = useCallback(() => {\n    return (\n      <Button\n        key=\"button-select-period\"\n        disabled={shouldDisable()}\n        tabIndex={-1}\n        customClass=\"calendar-button\"\n        icon={<Icon name=\"more1\" />}\n        onBlur={() => setTimeout(() => setShowPeriodSelection(false), 100)}\n        onClick={() => !showPeriodSelection ? openPeriodSelecion() : closePeriodSelection()}\n        targetRef={(ref) => { buttonSelectPeriodRef.current = ref; }} />\n    );\n  }, [showPeriodSelection]);\n\n  const getCalendar = (\n    value?: Moment,\n    calendarColorStyleCalendar?: ColorStyles,\n    valueDateName?: string,\n  ) => (\n    <Calendar\n      colorStyle={calendarColorStyleCalendar}\n      currentDate={value !== undefined ? moment(value) : moment()}\n      calendarContainer={(ref) => { calendarContainerRef.current = ref; }}\n      onDateChange={date => setValue({ target: { name: valueDateName } }, date)}\n      currentDateButton={buttonElement => currentDateButtonRef.current = buttonElement} />\n  );\n\n  const setPeriodDates = (selected: DateTypes | 'custom', dates: Moment[] | null) => {\n    if (selected === 'custom') {\n      inputInitialRef.current?.focus();\n      setValuePeriodSelection(selected);\n      setShowPeriodSelection(false);\n      return;\n    }\n\n    setValuePeriodSelection(selected);\n    if (dates) {\n      setValueInitial(dates[0]);\n      setValueFinal(dates[1]);\n    }\n\n    if (shouldCloseOnSelect) {\n      setShowPeriodSelection(false);\n    }\n\n    inputFinalRef.current?.focus();\n    setShowCalendarValueFinal(false);\n  };\n\n  const getCalendarInitial = () => {\n    if (onDenied && onDenied.readOnly) return null;\n    if (calendarContainerRef && calendarContainerRef.current) calendarContainerRef.current.id = 'valueInitial';\n    if (showCalendarInDialog) {\n      return (\n        <Dialog\n          handlerClose={() => onCloseDateDialog('valueInitial')}\n          dialogSize={dialogSize}\n          onOpenChange={setShowCalendarValueInitial}>\n          {getCalendar(valueInitial, calendarColorStyle, 'valueInitial')}\n        </Dialog>\n      );\n    }\n    return (\n      <Dropdown\n        containerRef={wrapperBaseInputPeriodRef as any}\n        showButtonOpen={showButtonOpen}\n        inputDimensions={inputDimensions}\n        dropdownRef={(el: HTMLDivElement) => { dropdownCalendarContainer.current = el; }}>\n        {getCalendar(valueInitial, calendarColorStyle, 'valueInitial')}\n      </Dropdown>\n    );\n  };\n\n  const getCalendarFinal = () => {\n    if (onDenied && onDenied.readOnly) return null;\n    if (calendarContainerRef && calendarContainerRef.current) calendarContainerRef.current.id = 'valueFinal';\n    if (showCalendarInDialog) {\n      return (\n        <Dialog\n          handlerClose={() => onCloseDateDialog('valueFinal')}\n          dialogSize={dialogSize}\n          onOpenChange={setShowCalendarValueFinal}>\n          {getCalendar(valueFinal, calendarColorStyle, 'valueFinal')}\n        </Dialog>\n      );\n    }\n    return (\n      <Dropdown\n        containerRef={wrapperBaseInputPeriodRef as any}\n        showButtonOpen={showButtonOpen}\n        inputDimensions={inputDimensions}\n        dropdownRef={(el: HTMLDivElement) => { dropdownCalendarContainer.current = el; }}>\n        {getCalendar(valueFinal, calendarColorStyle, 'valueFinal')}\n      </Dropdown>\n    );\n  };\n\n  const getPeriodOfDatesSelection = () => {\n    if (showCalendarInDialog) {\n      return (\n        <Dialog\n          handlerClose={() => onCloseDateDialog('periodSelection')}\n          dialogSize={dialogSize}\n          onOpenChange={setShowPeriodSelection}>\n          {getPeriodSelection(valuePeriodSelection, setPeriodDates)}\n        </Dialog>\n      );\n    }\n    return (\n      <Dropdown\n        containerRef={wrapperBaseInputPeriodRef as any}\n        showButtonOpen={showButtonOpen}\n        inputDimensions={inputDimensions}\n        dropdownRef={(el: HTMLDivElement) => { dropdownCalendarContainer.current = el; }}>\n        {getPeriodSelection(valuePeriodSelection, setPeriodDates)}\n      </Dropdown>\n    );\n  };\n\n  useEffect(() => {\n    window.addEventListener('resize', onScreenResize);\n    document.addEventListener('scroll', keepPositionCalendarByScroll);\n    document.getElementById('modal-dialog-content')?.addEventListener('scroll', keepPositionCalendarByScroll);\n\n    if (inputContainerRef.current) onScreenResize();\n\n    if (inputInitialRef && inputInitialRef.current) inputInitialRef.current.id = idValueInitial;\n    if (inputFinalRef && inputFinalRef.current) inputFinalRef.current.id = idValueFinal;\n\n    return () => {\n      window.removeEventListener('resize', onScreenResize);\n      document.removeEventListener('scroll', keepPositionCalendarByScroll);\n      document.getElementById('modal-dialog-content')?.removeEventListener('scroll', keepPositionCalendarByScroll);\n    };\n  }, []);\n\n  useEffect(() => {\n    document.addEventListener('keydown', onKeyDownPress);\n    return () => {\n      document.removeEventListener('keydown', onKeyDownPress);\n    };\n  }, [\n    showCalendarValueFinal,\n    showCalendarValueInitial,\n    showPeriodSelection,\n    calendarContainerRef.current,\n  ]);\n\n  useEffect(() => {\n    if (valueFinal && valueInitial && moment(valueFinal).isBefore(moment(valueInitial))) {\n      setValueInitial(valueFinal);\n      setValueFinal(valueInitial);\n    } else if (props.onChange) {\n      const initial = valueInitial ? valueInitial.format('YYYY-MM-DD') : '';\n      const final = valueFinal ? valueFinal.format('YYYY-MM-DD') : '';\n      props.onChange(undefined, '', { initial, final });\n    }\n  }, [valueInitial, valueFinal]);\n\n  useEffect(() => {\n    if (props.value && !(moment(props.value.initial).isSame(valueInitial) ||\n      moment(props.value.final).isSame(valueFinal))) {\n      const { initial: valueInitialProp, final: valueFinalProp } = props.value;\n\n      let newValueInitial;\n      let newValueFinal;\n\n      if (moment(valueInitialProp, 'YYYY-MM-DD', true).isValid()) {\n        newValueInitial = moment(valueInitialProp, 'YYYY-MM-DD');\n      }\n\n      if (moment(valueFinalProp, 'YYYY-MM-DD', true).isValid()) {\n        newValueFinal = moment(valueFinalProp, 'YYYY-MM-DD');\n      }\n      setValueInitial(newValueInitial);\n      setValueFinal(newValueFinal);\n    }\n  }, [props.value]);\n\n  if (onDenied && onDenied.unvisible) return null;\n\n  const component = () => (\n    <div\n      ref={wrapperBaseInputPeriodRef}\n      onBlur={onBlurWithoutWrapper}\n      className=\"input-base-component datepicker-period-container\">\n      {props.label && (\n        <div className=\"labelcontainer\">\n          <TextContent\n            required={props.required}\n            className={props.customClassForLabel}\n            labelUppercase={props.labelUppercase} />\n          <div className=\"text-content\" style={{ display: 'flex' }}>\n            <div\n              className={`label ${props.customClassForLabel} ${props.labelUppercase && ' -uppercase'}`}\n              style={{ alignSelf: 'center' }}>\n              {props.label}\n              {props.required && <span className=\"-requiredlabel\">*</span>}\n              {!!hint && hintPosition === 'onLabelRight' && (\n                <Popover\n                  theme={themePopover}\n                  align={popoverAlign}\n                  iconColor=\"#03bde2\"\n                  customClass=\"-hint\"\n                  style={{ margin: '0px 5px', height: 'auto', width: 20 }}>\n                  {hint}\n                </Popover>\n              )}\n            </div>\n          </div>\n          <TextContent />\n        </div>\n      )}\n      <div\n        className={\n          `periodpicker-component ${helperBase.getInputWrapperClass({\n            ...props,\n            value: !valueInitial ? '' : moment(valueInitial).format('DD/MM/YYYY'),\n            disabled: shouldDisable(),\n          })\n          }`\n        }\n        ref={inputContainerRef}>\n        <BaseMask\n          gridLayout={undefined}\n          permissionAttr={props.permissionAttr}\n          name='valueInitial'\n          value={!valueInitial ? '' : moment(valueInitial).format('DD/MM/YYYY')}\n          mask=\"00/00/0000\"\n          onComplete={(e: CustomInputEvent) => { setValue(e, e.target.value, true); }}\n          onFocus={onInputFocus}\n          onBlur={e => onInputBlur(e)}\n          onChange={onInputChange}\n          inputRef={(el) => { inputInitialRef.current = el; }}\n          handlerSetOnDenied={(denied: OnDenied) => { setOnDenied(denied);}}\n          required={props.required} />\n        <Icon name=\"arrow_right\" customClass=\"separation_icon\" />\n        <BaseMask\n          gridLayout={undefined}\n          permissionAttr={props.permissionAttr}\n          name='valueFinal'\n          value={!valueFinal ? '' : moment(valueFinal).format('DD/MM/YYYY')}\n          mask=\"00/00/0000\"\n          onComplete={(e: CustomInputEvent) => { setValue(e, e.target.value, true); }}\n          onFocus={onInputFocus}\n          onBlur={e => onInputBlur(e)}\n          onChange={onInputChange}\n          inputRef={(el) => { inputFinalRef.current = el; }}\n          handlerSetOnDenied={(denied: OnDenied) => setOnDenied(denied)}\n          required={props.required} />\n        {getButtonOpen()}\n        {getButtonSelectPeriod()}\n      </div>\n      {showCalendarValueInitial && getCalendarInitial()}\n      {showCalendarValueFinal && getCalendarFinal()}\n      {showPeriodSelection && getPeriodOfDatesSelection()}\n      <Hint visible={!!hint && hintPosition === 'below'} customClass=\"hint\" description={hint} />\n      <ErrorMessage messages={props.errorMessages} />\n    </div>\n  );\n\n  return (!gridLayout ? component() : <Grid customClass=\"-withinput\" cols={gridLayout}>{component()}</Grid>);\n};\n\nexport default PeriodPicker;\n"],"mappings":"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"}

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

@@ -1,72 +0,0 @@
-import { Moment } from 'moment';
-import { MouseEvent, ReactNode, RefObject } from 'react';
-import { ColorStyles } from '../../@types/ColorStyles';
-import { Period } from '../../@types/Period';
-import { PermissionAttr } from '../../@types/PermissionAttr';
-import { CustomInputEvent } from '../base/types';
-export type DateTypes = 'today' | 'week' | 'lastweek' | 'last15' | 'month' | 'lastmonth';
-export type TypeCurrentDate = 'valueInitial' | 'valueFinal';
-export interface ChangeInputPeriodEvent {
-    target: {
-        value?: string;
-        name?: string;
-    };
-}
-export interface IPeriodOptions {
-    id: DateTypes | 'custom';
-    label?: string;
-}
-export interface IDialogProps {
-    children: ReactNode | ReactNode[];
-    onOpenChange: (open: boolean) => void;
-    dialogSize: {
-        width: string;
-        height: string;
-    };
-    handlerClose: (open: boolean) => void;
-}
-export interface IPeriodDropdownProps {
-    children: ReactNode | ReactNode[];
-    dropdownRef: (el: HTMLDivElement) => void;
-    containerRef: RefObject<HTMLDivElement | HTMLElement>;
-    showButtonOpen: boolean;
-    inputDimensions?: DOMRect;
-}
-export interface IPeriodPickerProps {
-    label?: string;
-    value?: {
-        initial?: Moment | string;
-        final?: Moment | string;
-    };
-    customClassForLabel?: string;
-    labelUppercase?: boolean;
-    showButtonOpen?: boolean;
-    shouldCloseOnSelect?: boolean;
-    openOnFocus?: boolean;
-    showCalendarInDialog?: boolean;
-    dialogSize?: {
-        width: string;
-        height: string;
-    };
-    calendarColorStyle?: ColorStyles;
-    required?: boolean;
-    onChange?: (event?: CustomInputEvent, maskValue?: string, date?: Period) => void;
-    onClick?: (event?: MouseEvent) => void;
-    disabled?: boolean;
-    permissionAttr?: PermissionAttr;
-    errorMessages?: string[];
-    name?: string;
-    hint?: string;
-    nameDateInitial?: string;
-    nameDateFinal?: string;
-    hintPosition?: 'below' | 'onLabelRight';
-    onBlur?: (e: CustomInputEvent) => void;
-    onFocus?: (e: CustomInputEvent) => void;
-    gridLayout?: string;
-    themePopover?: 'light' | 'dark';
-    popoverAlign?: 'right' | 'left';
-}
-export interface IPeriodListProps {
-    handleOnSelect: (value: DateTypes | 'custom', date: Moment[] | null) => void;
-    selected?: string;
-}

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

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

package/lib/inputs/search/index.js

@@ -1,91 +0,0 @@
-import { require_compiler_runtime as e } from "../../node_modules/react/compiler-runtime.js";
-import t from "../../icons/index.js";
-import n from "../../buttons/index.js";
-import r from "../../drawer/Header.js";
-import i from "../../drawer/Content.js";
-import a from "../../drawer/index.js";
-import o from "../base/InputTextBase.js";
-import '../../assets/styles/search.css';/* empty css                         */
-import { Fragment as s, useEffect as c, useState as l } from "react";
-import { jsx as u, jsxs as d } from "react/jsx-runtime";
-//#region src/lib/inputs/search/index.tsx
-var f = e(), p = (e) => {
-	let p = (0, f.c)(18), { resetButton: m, advancedFilterProps: h, value: g, drawerFilterIsOpened: _ } = e, v = m === void 0 ? !0 : m, y = h === void 0 ? {} : h, b = _ === void 0 ? !1 : _, [x, S] = l(b), [C, w] = l(""), [T, E] = l(), { headerTitle: D, content: O, onStateChange: k, ...A } = y, j;
-	p[0] === e ? j = p[1] : (j = (t) => {
-		e.onReset && e.onReset(t), w("");
-	}, p[0] = e, p[1] = j);
-	let M = j, N;
-	p[2] === e ? N = p[3] : (N = (t) => {
-		t && (e.onChange && e.onChange(t), w(t.target.value));
-	}, p[2] = e, p[3] = N);
-	let P = N, F;
-	p[4] !== T || p[5] !== e.disabled ? (F = () => e.disabled || T && (T.disabled || T.hideContent), p[4] = T, p[5] = e.disabled, p[6] = F) : F = p[6];
-	let I = F, L;
-	p[7] !== T || p[8] !== e.readOnly ? (L = () => e.readOnly || T && T.readOnly, p[7] = T, p[8] = e.readOnly, p[9] = L) : L = p[9];
-	let R = L, z = T?.hideContent, B = () => {
-		let n = R() || I() || z, r = {
-			icon: u(t, {
-				name: "filter1",
-				color: "#a9a8a8"
-			}, "filter-icon"),
-			key: "advanced-filter-button",
-			boxShadow: !1,
-			readOnly: R(),
-			style: {
-				padding: "0 0 0 5px",
-				width: 30
-			},
-			transparent: !0,
-			disabled: I()
-		};
-		return n || (r = {
-			...r,
-			onClick: (t) => {
-				e.onClick && e.onClick(t), S(!x), k && k(!x);
-			},
-			...r
-		}), r;
-	}, V = () => {
-		let e = Object.keys(y).length > 0, r = [u(t, {
-			name: "search",
-			color: "#a9a8a8",
-			disabled: I()
-		}, "search-icon")], i = u(t, {
-			name: "cancel2",
-			color: "#a9a8a8",
-			style: {
-				cursor: "pointer",
-				pointerEvents: "auto"
-			},
-			onClick: M
-		}, "inputSearchIcon"), a = u(n, { ...B() });
-		return e && (r = [...r, a]), v && C.trim() !== "" && (r = [i, ...r]), r;
-	}, H;
-	p[10] !== C || p[11] !== g ? (H = () => {
-		g !== void 0 && g !== C && w(g);
-	}, p[10] = C, p[11] = g, p[12] = H) : H = p[12];
-	let U;
-	p[13] === g ? U = p[14] : (U = [g], p[13] = g, p[14] = U), c(H, U);
-	let W, G;
-	return p[15] === b ? (W = p[16], G = p[17]) : (G = () => {
-		S(b);
-	}, W = [b], p[15] = b, p[16] = W, p[17] = G), c(G, W), T && T.unvisible ? null : d(s, { children: [u(o, {
-		...e,
-		onReset: M,
-		onChange: P,
-		value: C,
-		customClass: "",
-		handlerSetOnDenied: E,
-		rightElements: V()
-	}), x && d(a, {
-		handlerClose: () => {
-			S(!1), k && k(!1);
-		},
-		...A,
-		children: [D && u(r, { title: D }), u(i, { children: O })]
-	})] });
-};
-//#endregion
-export { p as default };
-
-//# sourceMappingURL=index.js.map