@mailstep/design-system 0.8.26-beta.3 → 0.8.26-beta.5

package/ui/packages/ui/Blocks/CommonGrid/components/ControlButtons/ControlButtons.js

@@ -1,156 +0,0 @@
-import { useColor as e, x as t } from "../../../../../../node_modules/@xstyled/styled-components/dist/index.js";
-import { require_jsx_runtime as n } from "../../../../../../node_modules/react/jsx-runtime.js";
-import { Settings2 as ee } from "../../../../Elements/Icon/icons/Settings2.js";
-import { Filter as r } from "../../../../Elements/Icon/icons/Filter.js";
-import { Sort as i } from "../../../../Elements/Icon/icons/Sort.js";
-import a from "../../../../Elements/Button/Button.js";
-import { i18n as o } from "../../../../../../node_modules/@lingui/core/dist/index.js";
-import { Trans as s } from "../../../../../../node_modules/@lingui/react/dist/index.js";
-import c from "../../../../Elements/Tag/Tag.js";
-import { palettes as l } from "../../../../Elements/Tag/palettes.js";
-import { H6 as u } from "../../../../Elements/Typography/Typography.js";
-import "../../../../Elements/Typography/index.js";
-import { isFilterActive as d } from "../../utils/index.js";
-import f from "../../hooks/useQuickFilter.js";
-import { ExtraControlButtonPosition as p } from "../../types.js";
-import m from "../ExtraControlButtons/index.js";
-import h from "../QuickFilter/index.js";
-import { ControlButtonsContainer as g, Left as _, Right as v, StyledColumnButton as y } from "./styles.js";
-import { useEffect as b, useMemo as x } from "react";
-//#region packages/ui/Blocks/CommonGrid/components/ControlButtons/ControlButtons.tsx
-var S = n(), C = ({ extraControlButtons: n, gridActions: C, gridSelectors: w, quickFilter: T = "", columns: E, filters: D, hideControlButtons: O, displayManageColumnButton: k, openManageColumnForm: A, setDisplayManageColumnButton: j, onOpenPresetsModal: M, gridName: N, selectedPresetName: P, withPresets: F, withManageColumnButton: I, onOpenMobileFilters: L, onOpenMobileSorting: R, isSortTerminated: z }) => {
-	let { searchedValue: B, translatedValue: V, onChangeInputValue: H, onClear: U, onClearSettings: W, onDisplayInput: G, displayInput: K, isMobileInputView: q, isMobile: J, filter: Y } = f({
-		gridActions: C,
-		gridSelectors: w,
-		quickFilter: T,
-		columns: E,
-		filters: D
-	});
-	b(() => {
-		j(!q && !!I);
-	}, [
-		q,
-		I,
-		j
-	]);
-	let X = e("red1"), Z = x(() => Y ? Object.values(Y).filter((e) => d(e.value)).length : 0, [Y]), Q = !!E?.some((e) => e.filtering), te = !!E?.some((e) => e.sorting), $ = w.sorting?.length ?? 0;
-	return /* @__PURE__ */ (0, S.jsxs)(g, { children: [/* @__PURE__ */ (0, S.jsxs)(_, { children: [
-		!O && /* @__PURE__ */ (0, S.jsxs)(S.Fragment, { children: [
-			T && !J && /* @__PURE__ */ (0, S.jsx)(h, {
-				searchedValue: B,
-				placeholderText: o._({
-					id: "controlButtons.searchPlaceholder",
-					message: `Search ${V} ...`,
-					values: { translatedValue: V }
-				}),
-				onChange: H,
-				onClear: U,
-				onClick: G,
-				displayInput: K,
-				isMobileInputView: q
-			}),
-			/* @__PURE__ */ (0, S.jsx)(m, {
-				extraControlButtons: n,
-				targetPosition: p.TopLeft
-			}),
-			/* @__PURE__ */ (0, S.jsx)(t.div, { children: !!Z && !J && /* @__PURE__ */ (0, S.jsx)(a, {
-				type: "button",
-				onClick: W,
-				variant: "default",
-				appearance: "secondary",
-				"data-cy": "resetFiltersBtn",
-				children: /* @__PURE__ */ (0, S.jsx)(s, {
-					id: "dataGrid.buttonClearSettings",
-					message: "Reset"
-				})
-			}) })
-		] }),
-		J && Q && /* @__PURE__ */ (0, S.jsxs)(a, {
-			type: "button",
-			appearance: Z ? "primary" : "tertiary",
-			onClick: L,
-			"data-cy": "mobileFilterBtn",
-			children: [/* @__PURE__ */ (0, S.jsx)(r, { fill: Z ? "white" : X }), /* @__PURE__ */ (0, S.jsxs)(u, {
-				variant: "semiBold",
-				mt: 0,
-				mb: 0,
-				ml: "6px",
-				children: [
-					/* @__PURE__ */ (0, S.jsx)(s, {
-						id: "dataGrid.filter",
-						message: "Filter"
-					}),
-					" ",
-					Z > 0 && `(${Z})`
-				]
-			})]
-		}),
-		J && te && /* @__PURE__ */ (0, S.jsx)(t.div, {
-			ml: "10px",
-			children: /* @__PURE__ */ (0, S.jsxs)(a, {
-				type: "button",
-				appearance: $ ? "primary" : "tertiary",
-				onClick: R,
-				disabled: z,
-				"data-cy": "mobileSortBtn",
-				children: [/* @__PURE__ */ (0, S.jsx)(i, { stroke: $ ? "white" : X }), /* @__PURE__ */ (0, S.jsxs)(u, {
-					variant: "semiBold",
-					mt: 0,
-					mb: 0,
-					ml: "6px",
-					children: [
-						/* @__PURE__ */ (0, S.jsx)(s, {
-							id: "dataGrid.sort",
-							message: "Sort"
-						}),
-						" ",
-						$ > 0 && `(${$})`
-					]
-				})]
-			})
-		}),
-		F && N && !J && /* @__PURE__ */ (0, S.jsxs)(S.Fragment, { children: [/* @__PURE__ */ (0, S.jsx)(t.div, {
-			mx: "12px",
-			children: /* @__PURE__ */ (0, S.jsx)(a, {
-				onClick: M,
-				type: "button",
-				variant: "default",
-				appearance: "tertiary",
-				children: /* @__PURE__ */ (0, S.jsx)(s, {
-					id: "dataGrid.presets.title",
-					message: "Presets"
-				})
-			})
-		}), P && /* @__PURE__ */ (0, S.jsx)(c, {
-			size: "medium",
-			...l.redWhite,
-			children: /* @__PURE__ */ (0, S.jsx)(u, {
-				mt: 0,
-				mb: 0,
-				variant: "semiBold",
-				children: P
-			})
-		})] })
-	] }), /* @__PURE__ */ (0, S.jsxs)(v, { children: [/* @__PURE__ */ (0, S.jsx)(m, {
-		extraControlButtons: n,
-		targetPosition: p.TopRight,
-		isMobile: J
-	}), k && !J && /* @__PURE__ */ (0, S.jsx)(y, {
-		type: "button",
-		variant: "ghost",
-		appearance: "primary",
-		iconLeft: /* @__PURE__ */ (0, S.jsx)(ee, {}),
-		onClick: A,
-		children: /* @__PURE__ */ (0, S.jsx)(u, {
-			variant: "semiBold",
-			mt: 0,
-			mb: 0,
-			children: /* @__PURE__ */ (0, S.jsx)(s, {
-				id: "manageColumn.title",
-				message: "Manage column"
-			})
-		})
-	})] })] });
-};
-//#endregion
-export { C as default };

package/ui/packages/ui/Blocks/CommonGrid/components/ControlButtons/index.js

@@ -1,5 +0,0 @@
-import e from "./ControlButtons.js";
-//#region packages/ui/Blocks/CommonGrid/components/ControlButtons/index.tsx
-var t = e;
-//#endregion
-export { t as default };

package/ui/packages/ui/Blocks/CommonGrid/components/ControlButtons/styles.js

@@ -1,39 +0,0 @@
-import { th as e } from "../../../../../../node_modules/@xstyled/system/dist/index.js";
-import { styled as t } from "../../../../../../node_modules/@xstyled/styled-components/dist/index.js";
-import n from "../../../../Elements/Button/Button.js";
-import "../../../../Elements/Button/index.js";
-//#region packages/ui/Blocks/CommonGrid/components/ControlButtons/styles.ts
-var r = t.div`
-  display: flex;
-  position: sticky;
-  justify-content: space-between;
-  flex: 1;
-  left: 20px;
-`, i = t.div`
-  display: flex;
-  margin-right: 10px;
-`, a = t.div`
-  display: flex;
-`, o = t(n)`
-  position: sticky;
-  right: 20px;
-  z-index: 3;
-  margin-left: 8px;
-
-  > span > svg {
-    stroke: ${e("colors.blue2")};
-    width: 18px;
-    height: 18px;
-  }
-  > span > H6 {
-    display: none;
-  }
-  @media (min-width: 1024px) {
-    > span > H6 {
-      display: flex;
-      margin-left: 5px;
-    }
-  }
-`;
-//#endregion
-export { r as ControlButtonsContainer, i as Left, a as Right, o as StyledColumnButton };

package/ui/packages/ui/Blocks/CommonGrid/components/DataCell.js

@@ -1,29 +0,0 @@
-import { __toESM as e } from "../../../../../_virtual/_rolldown/runtime.js";
-import { require_jsx_runtime as t } from "../../../../../node_modules/react/jsx-runtime.js";
-import { getCellSizeProps as n, getGroupClassNames as r, getStickyCollClassNames as i } from "../utils/index.js";
-import { require_get as a } from "../../../../../node_modules/lodash/fp/get.js";
-import { TextCell as o } from "./Table.js";
-import s from "react";
-//#region packages/ui/Blocks/CommonGrid/components/DataCell.tsx
-var c = /* @__PURE__ */ e(a(), 1), l = t(), u = s.memo(({ column: e, group: t, rowData: a, onRowAction: s, displayColumnWidth: u, rowIndex: d }) => {
-	let f = e.fixedSize ? "div" : o, p = e.fixedSize ? { style: {
-		...n(e, u),
-		alignSelf: "center"
-	} } : n(e, u), m = `cell${i(!!e.sticky, e.stickTo)} ${r(t)}`;
-	return e.cellComponent ? /* @__PURE__ */ (0, l.jsx)(f, {
-		className: m,
-		...p,
-		children: /* @__PURE__ */ (0, l.jsx)(e.cellComponent, {
-			rowData: a,
-			onRowAction: s,
-			column: e,
-			rowIndex: d
-		})
-	}) : /* @__PURE__ */ (0, l.jsx)(f, {
-		className: m,
-		...p,
-		children: e.formatRowValue ? e.formatRowValue(a) : (0, c.default)(e.name, a)
-	});
-}, (e, t) => !(e.rowData !== t.rowData || e.displayColumnWidth !== t.displayColumnWidth || e.column?.fixedSize != t.column?.fixedSize || e.column?.flexGrow != t.column?.flexGrow || e.column?.flexShrink != t.column?.flexShrink || e.group?.start != t.group?.start || e.group?.end != t.group?.end || (e.column?.formatRowValue || t.column?.formatRowValue) && e.column?.formatRowValue !== t.column?.formatRowValue || (e.column?.cellComponent || t.column?.cellComponent) && (e.column?.cellComponent !== t.column?.cellComponent || e.onRowAction !== t.onRowAction)));
-//#endregion
-export { u as default };

package/ui/packages/ui/Blocks/CommonGrid/components/DataRow.js

@@ -1,48 +0,0 @@
-import { require_jsx_runtime as e } from "../../../../../node_modules/react/jsx-runtime.js";
-import { rowClassSymbol as t } from "../types.js";
-import { StyledDataRow as n } from "./Table.js";
-import r from "./DataCell.js";
-import { useTimeMeasurement as i } from "./utils.js";
-import a from "react";
-//#region packages/ui/Blocks/CommonGrid/components/DataRow.tsx
-var o = e(), s = ({ columns: e, rowData: s, rowIndex: c, uxState: l, allowRowSelect: u, allowRowSelectOnAction: d, onUxChange: f, onRowClick: p, onRowAction: m, displayColumnsWidth: h, groups: g, isEven: _ }) => {
-	let v = !!l.checkedRows?.[s.id], y = a.useCallback((e, t, n, r) => {
-		m?.(e, t, n, r), d && f?.("selectedRow", e);
-	}, [
-		m,
-		d,
-		f
-	]), { handleMouseDown: b, handleMouseUp: x } = i({ handleRowClick: a.useCallback((e) => {
-		let t = Object.values(e.target.classList), n = e.target.closest(".cell"), r = e.target.dataset?.propagation === "true", i = e.target;
-		for (; i && i !== n && !r;) i = i.parentElement, r = i?.dataset?.propagation === "true";
-		!t.includes("dataRow") && !t.includes("cell") && !r || (f && u && f("selectedRow", s.id), p && p(s.id, s));
-	}, [
-		p,
-		f,
-		s
-	]) });
-	return /* @__PURE__ */ (0, o.jsx)(n, {
-		className: a.useMemo(() => {
-			let e = ["dataRow"];
-			return v && e.push("checked"), l.selectedRow === s.id && (u || d) && e.push("selected"), s[t] && e.push(s[t] || ""), e.join(" ");
-		}, [
-			v,
-			l,
-			s
-		]),
-		hasRowClick: !!p,
-		onMouseDown: b,
-		onMouseUp: x,
-		isEven: !!_,
-		children: e.map((e, t) => /* @__PURE__ */ (0, o.jsx)(r, {
-			column: e,
-			rowData: s,
-			rowIndex: c,
-			onRowAction: y,
-			displayColumnWidth: h[e.name],
-			group: g?.[t]
-		}, e.name))
-	});
-};
-//#endregion
-export { s as default };

package/ui/packages/ui/Blocks/CommonGrid/components/ExtraControlButtons/ExtraControlButtons.js

@@ -1,48 +0,0 @@
-import { styled as e, x as t } from "../../../../../../node_modules/@xstyled/styled-components/dist/index.js";
-import { require_jsx_runtime as n } from "../../../../../../node_modules/react/jsx-runtime.js";
-import r from "../../../../Elements/Button/Button.js";
-import i from "../ButtonMore/ButtonMore.js";
-import a from "../../../../Elements/DropdownSelect/index.js";
-import "react";
-//#region packages/ui/Blocks/CommonGrid/components/ExtraControlButtons/ExtraControlButtons.tsx
-var o = n(), s = e.div`
-  display: flex;
-  & > * {
-    margin-right: 12px;
-  }
-  z-index: 2;
-`, c = ({ hide: e, node: t, label: n, appearance: i, variant: s, disabled: c, onClick: l, onSelect: u, options: d, hideChevron: f, iconLeft: p, buttonProps: m }) => e ? null : t ? /* @__PURE__ */ (0, o.jsx)(o.Fragment, { children: t }) : d ? /* @__PURE__ */ (0, o.jsx)(a, {
-	label: n || "",
-	appearance: i || "secondary",
-	variant: s || "default",
-	options: d,
-	showChevron: !f,
-	onSelect: u,
-	disabled: c
-}) : /* @__PURE__ */ (0, o.jsx)(r, {
-	type: "button",
-	onClick: l,
-	disabled: c,
-	variant: s || "default",
-	appearance: i || "primary",
-	iconLeft: p,
-	...m,
-	children: n
-}), l = ({ extraControlButtons: e, isMobile: n, targetPosition: r }) => {
-	let a = r ? (e || []).filter(({ position: e, hide: t }) => e === r && !t) : e ?? [];
-	if (n && a?.length > 0) {
-		let e = a.flatMap(({ onSelect: e, onClick: t, options: n, label: r }) => n && e ? n.map((t) => ({
-			title: typeof r == "string" && !t.label.startsWith(String(r)) ? `${r}: ${t.label}` : t.label,
-			onClick: () => {
-				e(t.value);
-			}
-		})) : r && t ? [{
-			title: r,
-			onClick: t
-		}] : []);
-		return e.length === 0 ? null : /* @__PURE__ */ (0, o.jsx)(i, { items: e });
-	}
-	return /* @__PURE__ */ (0, o.jsx)(s, { children: a?.map((e, n) => /* @__PURE__ */ (0, o.jsx)(t.div, { children: /* @__PURE__ */ (0, o.jsx)(c, { ...e }) }, n)) });
-};
-//#endregion
-export { l as default };

package/ui/packages/ui/Blocks/CommonGrid/components/ExtraControlButtons/index.js

@@ -1,5 +0,0 @@
-import e from "./ExtraControlButtons.js";
-//#region packages/ui/Blocks/CommonGrid/components/ExtraControlButtons/index.tsx
-var t = e;
-//#endregion
-export { t as default };

package/ui/packages/ui/Blocks/CommonGrid/components/FilterDropdown.js

@@ -1,23 +0,0 @@
-import { styled as e } from "../../../../../node_modules/@xstyled/styled-components/dist/index.js";
-import { require_jsx_runtime as t } from "../../../../../node_modules/react/jsx-runtime.js";
-import n from "react";
-//#region packages/ui/Blocks/CommonGrid/components/FilterDropdown.tsx
-var r = t(), i = e.div`
-  position: absolute;
-  z-index: 1;
-  visibility: hidden;
-`, a = ({ children: e }) => {
-	let t = n.useRef(null);
-	return n.useEffect(() => {
-		let e = t.current;
-		if (!e) return;
-		let n = e.closest(".cell"), r = n?.closest(".gridWrapper"), i = (n?.offsetLeft ?? 0) - (n?.parentElement?.offsetLeft ?? 0), a = (r?.clientWidth ?? 0) + (r?.scrollLeft ?? 0) - i - (e.clientWidth ?? 0), o = a > 0 ? n?.offsetLeft ?? 0 : (n?.offsetLeft ?? 0) + a, s = (n?.offsetTop ?? 0) + (n?.clientHeight ?? 0);
-		e.style.left = `${o}px`, e.style.top = `${s}px`, e.style.visibility = "initial";
-	}), /* @__PURE__ */ (0, r.jsx)(i, {
-		ref: t,
-		className: "filterOverlay",
-		children: e
-	});
-};
-//#endregion
-export { a as default };

package/ui/packages/ui/Blocks/CommonGrid/components/FilterRow.js

@@ -1,31 +0,0 @@
-import { __toESM as e } from "../../../../../_virtual/_rolldown/runtime.js";
-import { require_jsx_runtime as t } from "../../../../../node_modules/react/jsx-runtime.js";
-import { getFilterName as n } from "../utils/index.js";
-import { require_get as r } from "../../../../../node_modules/lodash/fp/get.js";
-import { Row as i } from "./Table.js";
-import { require_throttle as a } from "../../../../../node_modules/lodash/throttle.js";
-import o from "./ColumnFilterCell.js";
-//#region packages/ui/Blocks/CommonGrid/components/FilterRow.tsx
-var s = /* @__PURE__ */ e(r(), 1), c = /* @__PURE__ */ e(a(), 1), l = t(), u = ({ columns: e, groups: t, actionColumn: r, onChange: a, filterValues: u = {}, displayColumnsWidth: d, filters: f, comparators: p, handleUxChange: m, onAsyncLoadFilterOptions: h, rowsData: g, uxState: _ }) => {
-	let v = (0, c.default)(a, 500);
-	return /* @__PURE__ */ (0, l.jsx)(i, {
-		className: "filterRow",
-		children: e.map((e, i) => /* @__PURE__ */ (0, l.jsx)(o, {
-			column: e,
-			actionColumn: r,
-			rowsData: g,
-			uxState: _,
-			handleUxChange: m,
-			onChange: v,
-			value: (0, s.default)([n(e), "value"], u),
-			others: (0, s.default)([n(e), "others"], u),
-			displayColumnWidth: d[e.name],
-			filters: f,
-			comparators: p,
-			group: t?.[i],
-			onAsyncLoadFilterOptions: h
-		}, i))
-	});
-};
-//#endregion
-export { u as default };

package/ui/packages/ui/Blocks/CommonGrid/components/Filters/ActionsFilter/ActionsFilter.js

@@ -1,31 +0,0 @@
-import { x as e } from "../../../../../../../node_modules/@xstyled/styled-components/dist/index.js";
-import { require_jsx_runtime as t } from "../../../../../../../node_modules/react/jsx-runtime.js";
-import { useToggleAllCheckbox as n } from "../../../hooks/useToggleAllCheckbox.js";
-import r from "../../../../../Forms/Checkbox/index.js";
-//#region packages/ui/Blocks/CommonGrid/components/Filters/ActionsFilter/ActionsFilter.tsx
-var i = t(), a = ({ actionColumn: t, rowsData: a, uxState: o, handleUxChange: s }) => {
-	let [c, l] = n(a, o, s), u = t?.addRowNumbers, d = t?.addRowNumbersLabel ?? "#", f = t?.actionOptions?.length || t?.forceCheckboxes;
-	return /* @__PURE__ */ (0, i.jsxs)(e.div, {
-		display: "flex",
-		alignItems: "center",
-		justifyContent: "space-between",
-		gap: "16px",
-		pl: "4px",
-		children: [f && /* @__PURE__ */ (0, i.jsx)(e.div, {
-			w: "100%",
-			children: /* @__PURE__ */ (0, i.jsx)(r, {
-				checked: c,
-				onChange: l,
-				label: ""
-			}, "check-all")
-		}), u && /* @__PURE__ */ (0, i.jsx)(e.div, {
-			w: "100%",
-			pr: "12px",
-			display: "flex",
-			justifyContent: "center",
-			children: d
-		})]
-	});
-};
-//#endregion
-export { a as default };

package/ui/packages/ui/Blocks/CommonGrid/components/Filters/ActionsFilter/index.js

@@ -1,5 +0,0 @@
-import e from "./ActionsFilter.js";
-//#region packages/ui/Blocks/CommonGrid/components/Filters/ActionsFilter/index.ts
-var t = e;
-//#endregion
-export { t as default };

package/ui/packages/ui/Blocks/CommonGrid/components/Filters/BooleanSelect/BooleanSelect.js

@@ -1,34 +0,0 @@
-import { require_jsx_runtime as e } from "../../../../../../../node_modules/react/jsx-runtime.js";
-import { i18n as t } from "../../../../../../../node_modules/@lingui/core/dist/index.js";
-import n from "../GridSelect/index.js";
-import { useMemo as r } from "react";
-//#region packages/ui/Blocks/CommonGrid/components/Filters/BooleanSelect/BooleanSelect.tsx
-var i = e(), a = () => [
-	{
-		value: "",
-		label: t._({
-			id: "dataGrid.columnActive.filterOptions.all",
-			message: "All"
-		})
-	},
-	{
-		value: "1",
-		label: t._({
-			id: "dataGrid.columnActive.filterOptions.yes",
-			message: "Yes"
-		})
-	},
-	{
-		value: "0",
-		label: t._({
-			id: "dataGrid.columnActive.filterOptions.no",
-			message: "No"
-		})
-	}
-], o = (e) => /* @__PURE__ */ (0, i.jsx)(n, {
-	options: r(() => a(), []),
-	...e,
-	isClearable: !1
-});
-//#endregion
-export { o as default };

package/ui/packages/ui/Blocks/CommonGrid/components/Filters/BooleanSelect/index.js

@@ -1,5 +0,0 @@
-import e from "./BooleanSelect.js";
-//#region packages/ui/Blocks/CommonGrid/components/Filters/BooleanSelect/index.tsx
-var t = e;
-//#endregion
-export { t as default };

package/ui/packages/ui/Blocks/CommonGrid/components/Filters/DatePickerRange/DatePickerRange.js

@@ -1,127 +0,0 @@
-import { css as e, styled as t } from "../../../../../../../node_modules/@xstyled/styled-components/dist/index.js";
-import { require_jsx_runtime as n } from "../../../../../../../node_modules/react/jsx-runtime.js";
-import { useClickOutside as r } from "../../../../Modal/hooks/useClickOutside.js";
-import { i18n as i } from "../../../../../../../node_modules/@lingui/core/dist/index.js";
-import { DateTime as a } from "../../../../../../../node_modules/luxon/build/es6/luxon.js";
-import o from "../../../../../Forms/Input/index.js";
-import s from "../../../../../Elements/DatePicker/index.js";
-import { getCleanValues as c } from "./utils/getCleanValues.js";
-import { pickerRangeToString as l } from "./utils/pickerRangeToString.js";
-import u, { useCallback as d, useMemo as f, useState as p } from "react";
-//#region packages/ui/Blocks/CommonGrid/components/Filters/DatePickerRange/DatePickerRange.tsx
-var m = n(), h = t.div`
-  display: ${({ $compact: e }) => e ? "flex" : "inline-flex"};
-  flex-direction: ${({ $compact: e }) => e ? "column" : "row"};
-  margin-right: ${({ $compact: e }) => e ? "0" : "20px"};
-
-  ${({ $compact: t }) => t && e`
-      .rdtPicker {
-        min-width: unset;
-        width: 100%;
-        box-sizing: border-box;
-        padding: 0.5rem 0.5rem;
-      }
-      .rdtPicker .rdtDays {
-        min-width: unset;
-      }
-      .rdtPicker td {
-        padding: 0 0.2rem;
-      }
-    `}
-`, g = ({ children: e }) => /* @__PURE__ */ (0, m.jsx)("div", { children: e }), _ = (e) => {
-	let { onChange: t, error: n, label: _, value: v, others: y, filterTime: b, initialView: x, compact: S, OverlayComponent: C = g, ...w } = e, [T, E] = p(v?.[0] ?? void 0), [D, O] = p(v?.[1] ?? void 0), k = b ? "HH:mm" : !1, A = u.useMemo(() => c(v), [v]), j = f(() => {
-		if (A[0] && A[1]) return A;
-		let e = /* @__PURE__ */ new Date();
-		e.setHours(0, 0, 0, 0);
-		let t = /* @__PURE__ */ new Date();
-		return t.setHours(23, 59, 59, 0), x === "future" ? t.setMonth(t.getMonth() + 1) : e.setMonth(e.getMonth()), [A[0] || e, A[1] || t];
-	}, [A, x]), [M, N] = p(!1), P = d((e) => {
-		E(e), t([e, A[1]], y);
-	}, [
-		t,
-		y,
-		A
-	]), F = d((e) => {
-		O(e), t([A[0], e], y);
-	}, [
-		t,
-		y,
-		A
-	]), I = d((e) => {
-		t(A, [e, y?.[1]]);
-	}, [
-		t,
-		A,
-		y
-	]), L = d((e) => {
-		t(A, [y?.[0], e]);
-	}, [
-		t,
-		A,
-		y
-	]), R = d(() => {
-		N(!0);
-	}, [N]), z = d(() => {
-		t([], []), E(void 0), O(void 0);
-	}, [t]), B = d((e) => !A[1] || a.fromJSDate(A[1]) >= a.fromJSDate(e), [A]), V = d((e) => !A[0] || a.fromJSDate(e) >= a.fromJSDate(A[0]), [A]), H = d(() => {
-		N(!1);
-	}, []), U = A[1] === null ? A[0] : A[1];
-	return /* @__PURE__ */ (0, m.jsxs)("div", {
-		ref: r({ onClose: H }),
-		children: [/* @__PURE__ */ (0, m.jsx)(o, {
-			name: e.name,
-			type: "text",
-			icon: "calendar",
-			value: l(A, y),
-			label: e.label,
-			onFocus: R,
-			iconOnClick: R,
-			onClear: z,
-			error: n,
-			readOnly: !0
-		}), /* @__PURE__ */ (0, m.jsx)(C, { children: /* @__PURE__ */ (0, m.jsx)(m.Fragment, { children: M && /* @__PURE__ */ (0, m.jsxs)(h, {
-			$compact: S,
-			className: "ignore-element-for-closing-hook",
-			children: [/* @__PURE__ */ (0, m.jsx)(s, {
-				...w,
-				timeFormat: k,
-				value: A[0] ?? "",
-				initialViewDate: j[0],
-				secondValue: D,
-				onChange: P,
-				others: y?.[0],
-				onChangeOthers: I,
-				icon: !1,
-				label: M && i._({
-					id: "dataGrid.filterCell.from",
-					message: "From"
-				}),
-				isValidDate: B,
-				input: !1,
-				spaceAround: !S,
-				open: !0
-			}), /* @__PURE__ */ (0, m.jsx)(s, {
-				...w,
-				timeFormat: k,
-				value: U,
-				initialViewDate: j[1],
-				secondValue: T,
-				onChange: F,
-				others: y?.[1],
-				onChangeOthers: L,
-				icon: !1,
-				label: M && i._({
-					id: "dataGrid.filterCell.to",
-					message: "To"
-				}),
-				isValidDate: V,
-				input: !1,
-				spaceAround: !S,
-				open: !0,
-				isSecondDatePicker: !0
-			})]
-		}) }) })]
-	});
-};
-//#endregion
-export { _ as default };

package/ui/packages/ui/Blocks/CommonGrid/components/Filters/DatePickerRange/index.js

@@ -1,5 +0,0 @@
-import e from "./DatePickerRange.js";
-//#region packages/ui/Blocks/CommonGrid/components/Filters/DatePickerRange/index.tsx
-var t = e;
-//#endregion
-export { t as default };

package/ui/packages/ui/Blocks/CommonGrid/components/Filters/DatePickerRange/utils/getCleanValues.js

@@ -1,4 +0,0 @@
-//#region packages/ui/Blocks/CommonGrid/components/Filters/DatePickerRange/utils/getCleanValues.ts
-var e = (e) => typeof e == "string" ? new Date(e) : e || void 0, t = (t) => [e(t?.[0]), e(t?.[1])];
-//#endregion
-export { t as getCleanValues };

package/ui/packages/ui/Blocks/CommonGrid/components/Filters/DatePickerRange/utils/pickerRangeToString.js

@@ -1,11 +0,0 @@
-import { DateTime as e } from "../../../../../../../../node_modules/luxon/build/es6/luxon.js";
-import { DatePickerRepeatTrans as t, TimePickerRepeatTrans as n } from "../../../../../../Elements/DatePicker/utils/constants.js";
-import { sameDate as r } from "./sameDate.js";
-//#region packages/ui/Blocks/CommonGrid/components/Filters/DatePickerRange/utils/pickerRangeToString.ts
-var i = (i = [], a) => a?.[0]?.dateTypeRepeater || a?.[1]?.dateTypeRepeater ? a.map((r, a) => {
-	if (!r?.dateTypeRepeater) return i[a] && e.fromJSDate(i[a]).toFormat("dd.LL.yyyy HH:mm");
-	let o = t[r?.dateTypeRepeater];
-	return `${a === 0 ? n.from : n.to} ${o} ${r?.time ? `${String(r?.time.h).padStart(2, "0")}:${String(r?.time.m).padStart(2, "0")}` : ""}`.trim();
-}).filter(Boolean).join(" - ") : !i[0] && !i[1] ? "" : i[0] && !i[1] || r(i[0], i[1]) ? e.fromJSDate(i[0]).toFormat("dd.LL.yyyy") : i.map((t) => t && e.fromJSDate(t).toFormat("dd.LL.yyyy HH:mm")).join(" - ");
-//#endregion
-export { i as pickerRangeToString };

package/ui/packages/ui/Blocks/CommonGrid/components/Filters/DatePickerRange/utils/sameDate.js

@@ -1,4 +0,0 @@
-//#region packages/ui/Blocks/CommonGrid/components/Filters/DatePickerRange/utils/sameDate.ts
-var e = (e, t) => e && e.getTime && t && t.getTime && e.getTime() === t.getTime();
-//#endregion
-export { e as sameDate };