@mailstep/design-system 0.8.26-beta.2 → 0.8.26-beta.4

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

@@ -1,36 +0,0 @@
-import { require_jsx_runtime as e } from "../../../../../node_modules/react/jsx-runtime.js";
-import { getCellSizeProps as t, getGroupClassNames as n, getSortName as r, getStickyCollClassNames as i } from "../utils/index.js";
-import { CSS as a } from "../../../../../node_modules/@dnd-kit/utilities/dist/utilities.esm.js";
-import { useSortable as o } from "../../../../../node_modules/@dnd-kit/sortable/dist/sortable.esm.js";
-import { Cell as s } from "./Table.js";
-import c from "./ColumnTitle.js";
-import l from "./Resize.js";
-//#region packages/ui/Blocks/CommonGrid/components/HeadCell.tsx
-var u = e(), d = ({ column: e, isDragDisabled: d, displayColumnsWidth: f, onResizeOut: p, onResizeOver: m, onResize: h, sortingValues: g, onSetSort: _, group: v, hasResize: y, isSortTerminated: b }) => {
-	let { attributes: x, listeners: S, setNodeRef: C, transform: w, transition: T } = o({
-		id: e.name,
-		disabled: d || !!e.sticky,
-		animateLayoutChanges: () => !1
-	}), E = `cell${i(!!e?.sticky, e?.stickTo)} ${n(v)}`;
-	return /* @__PURE__ */ (0, u.jsxs)(s, {
-		...t(e, f[e.name]),
-		...x,
-		...S,
-		className: E,
-		transition: T,
-		transform: a.Transform.toString(w),
-		ref: C,
-		children: [/* @__PURE__ */ (0, u.jsx)(c, {
-			title: e?.title,
-			isSortable: !!e.sorting && !b,
-			onSetSort: _(e.name, e.systemName),
-			sortValue: g.find((t) => t.column === r(e))?.direction || null
-		}), y && p && m && /* @__PURE__ */ (0, u.jsx)(l, {
-			onResize: h(e.name),
-			onResizeOver: m,
-			onResizeOut: p
-		})]
-	});
-};
-//#endregion
-export { d as HeadCell };

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

@@ -1,66 +0,0 @@
-import { require_jsx_runtime as e } from "../../../../../node_modules/react/jsx-runtime.js";
-import { getCellSizeProps as t, getStickyCollClassNames as n } from "../utils/index.js";
-import { DndContext as r, PointerSensor as i, closestCenter as a, useSensor as o, useSensors as s } from "../../../../../node_modules/@dnd-kit/core/dist/core.esm.js";
-import { SortableContext as c, horizontalListSortingStrategy as l } from "../../../../../node_modules/@dnd-kit/sortable/dist/sortable.esm.js";
-import { Cell as u, Row as d } from "./Table.js";
-import f from "./ColumnTitle.js";
-import { HeadCell as p } from "./HeadCell.js";
-import m, { useEffect as h, useState as g } from "react";
-//#region packages/ui/Blocks/CommonGrid/components/HeadRow.tsx
-var _ = e(), v = (e, r, i) => e?.filter((e) => e.sticky && e.stickTo === r)?.map((e) => {
-	let r = `cell${n(!!e.sticky, e.stickTo)}`;
-	return /* @__PURE__ */ (0, _.jsx)(u, {
-		...t(e, i[e.name]),
-		className: r,
-		children: /* @__PURE__ */ (0, _.jsx)(f, {
-			title: e?.title,
-			isSortable: !1,
-			sortValue: null
-		})
-	}, e.name);
-}), y = ({ columns: e, onAddSort: t, handleDragEnd: n, sortingValues: u = [], displayColumnsWidth: f, columnLayout: y, handleResizeDrag: b, groups: x, isSortTerminated: S }) => {
-	let [C, w] = g(!1);
-	h(() => {
-		w(!0);
-	}, []);
-	let [T, E] = g(!1), D = m.useCallback(() => {
-		E(!0);
-	}, [E]), O = m.useCallback(() => {
-		E(!1);
-	}, [E]), k = m.useCallback((e) => (t) => {
-		b?.(e, t);
-	}, [b]), A = m.useCallback((e, n) => (r) => {
-		t?.(n || e, r);
-	}, [t]), j = s(o(i));
-	return /* @__PURE__ */ (0, _.jsx)(_.Fragment, { children: C && /* @__PURE__ */ (0, _.jsx)(r, {
-		sensors: j,
-		collisionDetection: a,
-		onDragEnd: n,
-		children: /* @__PURE__ */ (0, _.jsx)(c, {
-			items: e.map(({ name: e }) => e),
-			strategy: l,
-			children: /* @__PURE__ */ (0, _.jsxs)(d, {
-				className: "headRow",
-				children: [
-					v(e, "left", f),
-					e.filter((e) => !e.sticky).map((t, n) => /* @__PURE__ */ (0, _.jsx)(p, {
-						column: t,
-						isDragDisabled: T,
-						displayColumnsWidth: f,
-						onResizeOut: O,
-						onResizeOver: D,
-						onResize: k,
-						sortingValues: u,
-						onSetSort: A,
-						group: x[n],
-						hasResize: y === "normal" || !!e[n + 1],
-						isSortTerminated: S
-					}, t.name)),
-					v(e, "right", f)
-				]
-			})
-		})
-	}) });
-};
-//#endregion
-export { y as default };

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

@@ -1,59 +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 { require_jsx_runtime as n } from "../../../../../../node_modules/react/jsx-runtime.js";
-import r from "../../../../Elements/Icon/Icon.js";
-import i from "react";
-//#region packages/ui/Blocks/CommonGrid/components/IconList/IconList.tsx
-var a = n(), o = t.ul`
-  background-color: white;
-  box-shadow: dropShadow;
-  border-radius: 10px;
-  padding: 2;
-  min-width: 130px;
-`, s = t.li`
-  border-bottom: 1px solid ${e("colors.bgLightGray1")};
-  padding: 1 0;
-  cursor: pointer;
-`, c = t.span`
-  display: flex;
-  align-items: center;
-  padding: 8px 10px;
-  border-radius: 6px;
-  font-size: 14px;
-  font-weight: 400;
-  color: ${({ selected: t }) => t ? e("colors.red1") : "auto"};
-  background-color: ${({ selected: t }) => t ? e("colors.red20") : "transparent"};
-  :hover {
-    background-color: ${({ selected: t }) => e(t ? "colors.red30" : "colors.bgLightGray1")};
-  }
-`, l = t.span`
-  display: inline-block;
-  border: 1px solid;
-  border-color: blue2;
-  border-radius: 2px;
-  margin-right: 2;
-  width: 12px;
-  height: 12px;
-  line-height: 6px;
-  padding-top: 1px;
-`, u = ({ list: e, selected: t, onClick: n }) => {
-	let u = i.useCallback((e) => () => {
-		n(e);
-	}, [n]);
-	return /* @__PURE__ */ (0, a.jsx)(o, {
-		className: "ignore-element-for-closing-hook",
-		children: e.map((e) => /* @__PURE__ */ (0, a.jsx)(s, {
-			onClick: u(e),
-			children: /* @__PURE__ */ (0, a.jsxs)(c, {
-				selected: t === e.value,
-				children: [e.icon && /* @__PURE__ */ (0, a.jsx)(l, { children: /* @__PURE__ */ (0, a.jsx)(r, {
-					icon: e.icon,
-					fill: "red1",
-					size: "8px"
-				}) }), e.label]
-			})
-		}, e.value))
-	});
-};
-//#endregion
-export { u as default };

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

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

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

@@ -1,51 +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 { i18n as n } from "../../../../../../node_modules/@lingui/core/dist/index.js";
-import { Input as r } from "../../../../Forms/Input/Input.js";
-import { DndContext as i, PointerSensor as a, closestCenter as o, useSensor as s, useSensors as c } from "../../../../../../node_modules/@dnd-kit/core/dist/core.esm.js";
-import { SortableContext as l, verticalListSortingStrategy as u } from "../../../../../../node_modules/@dnd-kit/sortable/dist/sortable.esm.js";
-import { ManageColumnRow as d } from "./components/ManageColumnRow.js";
-import { restrictToVerticalAxis as f } from "../../../../../../node_modules/@dnd-kit/modifiers/dist/modifiers.esm.js";
-import { useCallback as p, useState as m } from "react";
-//#region packages/ui/Blocks/CommonGrid/components/ManageColumnForm/ManageColumnForm.tsx
-var h = t(), g = [f], _ = ({ columns: t, columnsConfigValues: f, setColumnsConfigOptions: _, handleDragEnd: v }) => {
-	let [y, b] = m(""), x = p((e) => {
-		b(e.target.value);
-	}, [b]), S = p(() => {
-		b("");
-	}, [b]), C = c(s(a));
-	return /* @__PURE__ */ (0, h.jsxs)(e.div, { children: [/* @__PURE__ */ (0, h.jsx)(r, {
-		icon: "search",
-		type: "text",
-		value: y,
-		placeholder: n._({
-			id: "manageColumn.searchPlaceholder",
-			message: "Find column..."
-		}),
-		onChange: x,
-		onClear: S,
-		variant: "gray"
-	}), /* @__PURE__ */ (0, h.jsx)(i, {
-		sensors: C,
-		collisionDetection: o,
-		onDragEnd: v,
-		modifiers: g,
-		children: /* @__PURE__ */ (0, h.jsx)(l, {
-			items: t.map(({ name: e }) => e),
-			strategy: u,
-			children: /* @__PURE__ */ (0, h.jsx)(e.div, {
-				h: "400px",
-				overflowY: "scroll",
-				mt: "20px",
-				children: t.map((e) => /* @__PURE__ */ (0, h.jsx)(d, {
-					column: e,
-					columnsConfigValues: f,
-					setColumnsConfigOptions: _,
-					searchedValue: y
-				}, e.name))
-			})
-		})
-	})] });
-};
-//#endregion
-export { _ as default };

package/ui/packages/ui/Blocks/CommonGrid/components/ManageColumnForm/components/ManageColumnRow.js

@@ -1,63 +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 { Group as n } from "../../../../../Elements/Icon/icons/Group.js";
-import { H6 as r } from "../../../../../Elements/Typography/Typography.js";
-import { getTranslatedValue as i } from "../utils.js";
-import a from "../../../../../Elements/Toggle/Toggle.js";
-import { RowLayout as o } from "../styles.js";
-import { CSS as s } from "../../../../../../../node_modules/@dnd-kit/utilities/dist/utilities.esm.js";
-import { useSortable as c } from "../../../../../../../node_modules/@dnd-kit/sortable/dist/sortable.esm.js";
-import { useCallback as l, useState as u } from "react";
-//#region packages/ui/Blocks/CommonGrid/components/ManageColumnForm/components/ManageColumnRow.tsx
-var d = t(), f = ({ column: t, columnsConfigValues: f, setColumnsConfigOptions: p, searchedValue: m }) => {
-	let [h, g] = u(f?.includes(t.name) ?? !1), _ = l(() => {
-		p((e) => ({
-			...e,
-			[t.name]: h ? { isHidden: !0 } : {}
-		})), g(!h);
-	}, [
-		p,
-		h,
-		t.name
-	]), v = i(t), y = v?.toLocaleLowerCase()?.includes(m.toLocaleLowerCase()) && !t.alwaysOn, { attributes: b, listeners: x, setNodeRef: S, transform: C, transition: w } = c({
-		id: t.name,
-		disabled: !!m || !!t.sticky,
-		animateLayoutChanges: () => !1
-	});
-	return /* @__PURE__ */ (0, d.jsx)(o, {
-		$isVisible: y,
-		transition: w,
-		transform: s.Transform.toString(C),
-		ref: S,
-		children: /* @__PURE__ */ (0, d.jsxs)(e.div, {
-			display: "flex",
-			alignItems: "center",
-			w: "100%",
-			children: [/* @__PURE__ */ (0, d.jsx)(e.div, {
-				w: "28px",
-				children: /* @__PURE__ */ (0, d.jsx)(a, {
-					name: "",
-					variant: "grid",
-					onChange: _,
-					spaceAround: !1,
-					checked: h
-				})
-			}), /* @__PURE__ */ (0, d.jsxs)(r, {
-				variant: "medium",
-				ml: "8px",
-				m: "0",
-				w: "100%",
-				p: "8px",
-				cursor: "grab",
-				...b,
-				...x,
-				display: "flex",
-				alignItems: "center",
-				justifyContent: "space-between",
-				children: [v, /* @__PURE__ */ (0, d.jsx)(n, {})]
-			})]
-		})
-	});
-};
-//#endregion
-export { f as ManageColumnRow };

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

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

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

@@ -1,18 +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";
-//#region packages/ui/Blocks/CommonGrid/components/ManageColumnForm/styles.ts
-var n = t.div`
-  display: ${({ $isVisible: e }) => e ? "flex" : "none"};
-  align-items: center;
-  justify-content: space-between;
-  padding: 16px;
-  height: 52px;
-  background-color: white;
-  border: 1px solid ${e.color("lightGray6")};
-  border-radius: 8px;
-  margin-bottom: 15px;
-  transition: ${({ transition: e }) => e};
-  transform: ${({ transform: e }) => e};
-`;
-//#endregion
-export { n as RowLayout };

package/ui/packages/ui/Blocks/CommonGrid/components/ManageColumnForm/utils.js

@@ -1,10 +0,0 @@
-import { __toESM as e } from "../../../../../../_virtual/_rolldown/runtime.js";
-import { require_isObject as t } from "../../../../../../node_modules/lodash/isObject.js";
-import { i18n as n } from "../../../../../../node_modules/@lingui/core/dist/index.js";
-//#region packages/ui/Blocks/CommonGrid/components/ManageColumnForm/utils.ts
-var r = /* @__PURE__ */ e(t(), 1), i = (e) => e && (0, r.default)(e?.title) ? "props" in e.title && e.title?.props && n._({
-	id: e.title?.props?.id ?? "",
-	message: e.title?.props.message
-}) : e?.title;
-//#endregion
-export { i as getTranslatedValue };

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

@@ -1,104 +0,0 @@
-import { __toESM as e } from "../../../../../_virtual/_rolldown/runtime.js";
-import { 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 { Trans as r } from "../../../../../node_modules/@lingui/react/dist/index.js";
-import { H6 as i } from "../../../Elements/Typography/Typography.js";
-import "../../../Elements/Typography/index.js";
-import { createFilterType as a, getFilterName as o, isFilterActive as s } from "../utils/index.js";
-import { Modal as c } from "../../Modal/Modal.js";
-import { require_get as l } from "../../../../../node_modules/lodash/fp/get.js";
-import { MobileOverlayWrapper as u } from "./MobileOverlayWrapper.js";
-import { useCallback as d, useEffect as f, useState as p } from "react";
-//#region packages/ui/Blocks/CommonGrid/components/MobileFilterModal.tsx
-var m = /* @__PURE__ */ e(l(), 1), h = n(), g = ({ isShown: e, onClose: n, columns: l, filters: g, comparators: _, filterValues: v = {}, setFilters: y, rowsData: b, uxState: x, handleUxChange: S, onAsyncLoadFilterOptions: C, actionColumn: w, onClearSettings: T }) => {
-	let E = l.filter((e) => e.filtering && e.title), [D, O] = p(v ?? {});
-	f(() => {
-		e && O(v ?? {});
-	}, [e]);
-	let k = Object.values(D).some((e) => s(e.value)), A = d((e) => (t, n) => {
-		let r = t?.target ? t.target.value : t;
-		O((t) => ({
-			...t,
-			[o(e)]: {
-				value: r,
-				filterProps: {
-					type: a(e),
-					filterExtraProps: e.filterExtraProps || {},
-					computedValue: e.getFilterCriteria ? e.getFilterCriteria(r) : null
-				},
-				others: n
-			}
-		}));
-	}, []), j = d((e) => {
-		y(D), e();
-	}, [D, y]), M = d(() => {
-		O({}), T?.();
-	}, [T]);
-	return /* @__PURE__ */ (0, h.jsx)(c, {
-		isShown: e,
-		onClose: n,
-		title: /* @__PURE__ */ (0, h.jsx)(r, {
-			id: "dataGrid.filter",
-			message: "Filter"
-		}),
-		onCancel: M,
-		cancelLabel: /* @__PURE__ */ (0, h.jsx)(r, {
-			id: "dataGrid.buttonClearSettings",
-			message: "Reset"
-		}),
-		onConfirm: j,
-		confirmLabel: /* @__PURE__ */ (0, h.jsx)(r, {
-			id: "dataGrid.filter",
-			message: "Filter"
-		}),
-		hasFooter: k,
-		width: "narrow",
-		ignoreClickOutside: !0,
-		children: /* @__PURE__ */ (0, h.jsx)(t.div, {
-			display: "flex",
-			flexDirection: "column",
-			gap: "16px",
-			p: "8px 4px",
-			children: E.map((e) => {
-				let n = a(e), r = g?.[n], s = _?.[n], c = (0, m.default)([o(e), "value"], D), l = (0, m.default)([o(e), "others"], D);
-				if (!r?.CellComponent) return null;
-				let d = r.CellComponent;
-				return /* @__PURE__ */ (0, h.jsxs)(t.div, {
-					display: "flex",
-					flexDirection: "column",
-					gap: "6px",
-					position: "relative",
-					children: [e.title && /* @__PURE__ */ (0, h.jsx)(i, {
-						mt: 0,
-						mb: 0,
-						variant: "semiBold",
-						children: e.title
-					}), /* @__PURE__ */ (0, h.jsx)(d, {
-						asyncLoadKey: e.asyncLoadKey,
-						"data-test": e.name,
-						name: e.name,
-						onChange: A(e),
-						value: c,
-						others: l,
-						OverlayComponent: u,
-						comparators: s,
-						actionColumn: w,
-						rowsData: b,
-						uxState: x,
-						handleUxChange: S,
-						onAsyncLoadFilterOptions: C,
-						...n === "date" && { compact: !0 },
-						...n === "options" && {
-							options: e.filterOptions,
-							columnWidth: e?.flexBasis
-						},
-						...r?.defaultExtraProps,
-						...e.filterExtraProps
-					})]
-				}, e.name);
-			})
-		})
-	});
-};
-//#endregion
-export { g as default };

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

@@ -1,14 +0,0 @@
-import { styled as e } from "../../../../../node_modules/@xstyled/styled-components/dist/index.js";
-//#region packages/ui/Blocks/CommonGrid/components/MobileOverlayWrapper.tsx
-var t = e.div`
-  position: absolute;
-  z-index: 10;
-  top: 100%;
-  left: 0;
-  right: 0;
-  background-color: white;
-  border-radius: 4px;
-  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
-`;
-//#endregion
-export { t as MobileOverlayWrapper };

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

@@ -1,60 +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 n from "../../../Elements/Button/index.js";
-import { Trans as r } from "../../../../../node_modules/@lingui/react/dist/index.js";
-import { getSortName as i } from "../utils/index.js";
-import { Modal as a } from "../../Modal/Modal.js";
-import { SortingDown as o, SortingUp as s } from "./icons/Sorting.js";
-import { useCallback as c } from "react";
-//#region packages/ui/Blocks/CommonGrid/components/MobileSortModal.tsx
-var l = t(), u = /* @__PURE__ */ (0, l.jsx)(s, {
-	width: "16",
-	fill: "white"
-}), d = /* @__PURE__ */ (0, l.jsx)(o, {
-	width: "16",
-	fill: "white"
-}), f = ({ column: e, currentDirection: t, onCycle: r }) => /* @__PURE__ */ (0, l.jsx)(n, {
-	type: "button",
-	onClick: c(() => {
-		r(e);
-	}, [e, r]),
-	appearance: t ? "primary" : "secondary",
-	iconRight: t === "asc" ? u : t === "desc" ? d : null,
-	fullWidth: !0,
-	children: e.title
-}), p = ({ isShown: t, onClose: n, columns: o, sortingValues: s = [], onAddSorting: u, onResetSorting: d }) => {
-	let p = o.filter((e) => e.sorting), m = c((e) => s.find((t) => t.column === i(e))?.direction || null, [s]), h = p.find((e) => m(e) !== null), g = c((e) => {
-		let t = m(e), n = t ? t === "asc" ? "desc" : null : "asc";
-		u(i(e), n);
-	}, [m, u]), _ = c(() => {
-		d?.();
-	}, [d]);
-	return /* @__PURE__ */ (0, l.jsx)(a, {
-		isShown: t,
-		onClose: n,
-		title: /* @__PURE__ */ (0, l.jsx)(r, {
-			id: "dataGrid.sort",
-			message: "Sort"
-		}),
-		onConfirm: h ? _ : void 0,
-		confirmLabel: /* @__PURE__ */ (0, l.jsx)(r, {
-			id: "dataGrid.buttonClearSettings",
-			message: "Reset"
-		}),
-		width: "narrow",
-		ignoreClickOutside: !0,
-		children: /* @__PURE__ */ (0, l.jsx)(e.div, {
-			display: "flex",
-			flexDirection: "column",
-			gap: "8px",
-			p: "8px 4px",
-			children: p.map((e) => /* @__PURE__ */ (0, l.jsx)(f, {
-				column: e,
-				currentDirection: m(e),
-				onCycle: g
-			}, e.name))
-		})
-	});
-};
-//#endregion
-export { p as default };

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

@@ -1,31 +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 "react";
-//#region packages/ui/Blocks/CommonGrid/components/OversizedScroll.tsx
-var r = n(), i = t.div`
-  ${(t) => t.columnLayout !== "no-scroll" && e`
-      overflow-x: ${t.columnLayout === "sticky" ? "inherit" : "auto"};
-      position: relative;
-      @media (min-width: 1024px) {
-        overflow-x: auto;
-      }
-    `};
-`, a = t.div`
-  ${(t) => t.columnLayout !== "no-scroll" && e`
-      width: ${t.totalColumnsWidth}px;
-    `};
-`, o = t.div`
-  position: sticky;
-  left: 0;
-`, s = ({ columnLayout: e, children: t, floatingChildren: n, totalColumnsWidth: s, ref: c }) => /* @__PURE__ */ (0, r.jsxs)(i, {
-	columnLayout: e,
-	className: "gridWrapper",
-	ref: c,
-	children: [/* @__PURE__ */ (0, r.jsx)(a, {
-		columnLayout: e,
-		totalColumnsWidth: s,
-		children: t
-	}), n && /* @__PURE__ */ (0, r.jsx)(o, { children: n })]
-});
-//#endregion
-export { s as default };

package/ui/packages/ui/Blocks/CommonGrid/components/PresetsModalBody/components/TagRemove.js

@@ -1,19 +0,0 @@
-import { styled as e } from "../../../../../../../node_modules/@xstyled/styled-components/dist/index.js";
-//#region packages/ui/Blocks/CommonGrid/components/PresetsModalBody/components/TagRemove.tsx
-var t = e.div`
-  cursor: pointer;
-  margin-left: 6px;
-  height: fit-content;
-  width: 17px;
-  display: flex;
-  align-items: center;
-  justify-content: flex-end;
-
-  &:hover {
-    svg {
-      fill: black;
-    }
-  }
-`;
-//#endregion
-export { t as TagRemove };

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

@@ -1,92 +0,0 @@
-import { __toESM as e } from "../../../../../../_virtual/_rolldown/runtime.js";
-import { 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 { Cancel as r } from "../../../../Elements/Icon/icons/Cancel.js";
-import i from "../../../../Elements/Button/Button.js";
-import { Trans as a } from "../../../../../../node_modules/@lingui/react/dist/index.js";
-import o from "../../../../Elements/Tag/Tag.js";
-import { palettes as s } from "../../../../Elements/Tag/palettes.js";
-import { H6 as c } from "../../../../Elements/Typography/Typography.js";
-import { require_isEmpty as l } from "../../../../../../node_modules/lodash/isEmpty.js";
-import { TagRemove as u } from "./components/TagRemove.js";
-import { useMemo as d } from "react";
-//#region packages/ui/Blocks/CommonGrid/components/PresetsModalBody/index.tsx
-var f = /* @__PURE__ */ e(l(), 1), p = n(), m = ({ onOpenCreatePresetModal: e, gridPresets: n, handleSelectPreset: l, handleOpenDeletePresetModal: m, selectedPresetName: h, handleExportPresets: g, handleImportButtonClick: _, handleImportPresets: v, fileInputRef: y, filters: b }) => {
-	let x = d(() => Object.entries(n || {}), [n]), S = !!x?.length;
-	return /* @__PURE__ */ (0, p.jsxs)(t.div, { children: [
-		/* @__PURE__ */ (0, p.jsx)(t.div, {
-			display: "flex",
-			rowGap: "12px",
-			flexWrap: "wrap",
-			children: S ? x?.map(([e, t], n) => {
-				let i = e === h;
-				return /* @__PURE__ */ (0, p.jsxs)(o, {
-					size: "big",
-					onClick: l(e, t),
-					...i ? s.redWhite : s.redRed,
-					pointer: !0,
-					children: [/* @__PURE__ */ (0, p.jsx)(c, {
-						mt: 0,
-						mb: 0,
-						variant: "semiBold",
-						children: e
-					}), /* @__PURE__ */ (0, p.jsx)(u, {
-						onClick: m(e),
-						children: /* @__PURE__ */ (0, p.jsx)(r, {
-							fill: i ? "white" : "#DB2B19",
-							width: "11px",
-							height: "11px"
-						})
-					})]
-				}, `${e}_${n}`);
-			}) : /* @__PURE__ */ (0, p.jsx)(a, {
-				id: "dataGrid.noPresets.title",
-				message: "No presets available"
-			})
-		}),
-		/* @__PURE__ */ (0, p.jsx)(t.input, {
-			type: "file",
-			accept: ".json",
-			onChange: v,
-			ref: y,
-			display: "none"
-		}),
-		/* @__PURE__ */ (0, p.jsxs)(t.div, {
-			display: "flex",
-			mt: "34px",
-			gap: "12px",
-			justifyContent: "space-between",
-			children: [/* @__PURE__ */ (0, p.jsxs)(t.div, {
-				display: "flex",
-				gap: "12px",
-				children: [S && /* @__PURE__ */ (0, p.jsx)(i, {
-					onClick: g,
-					type: "button",
-					appearance: "secondary",
-					children: /* @__PURE__ */ (0, p.jsx)(a, {
-						id: "dataGrid.exportPreset.title",
-						message: "Export presets"
-					})
-				}), /* @__PURE__ */ (0, p.jsx)(i, {
-					onClick: _,
-					type: "button",
-					appearance: "secondary",
-					children: /* @__PURE__ */ (0, p.jsx)(a, {
-						id: "dataGrid.importPreset.title",
-						message: "Import presets"
-					})
-				})]
-			}), /* @__PURE__ */ (0, p.jsx)(i, {
-				type: "button",
-				onClick: e,
-				disabled: (0, f.default)(b),
-				children: /* @__PURE__ */ (0, p.jsx)(a, {
-					id: "dataGrid.createNewPreset.title",
-					message: "Create new preset"
-				})
-			})]
-		})
-	] });
-};
-//#endregion
-export { m as PresetsModalBody };