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

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

@@ -1,93 +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 { getGroups as n } from "./utils/index.js";
-import r from "./components/DataRow.js";
-import ee from "./components/FilterRow.js";
-import i from "./components/FloatingButton/FloatingButton.js";
-import { GridStatus as a } from "./components/GridStatus/index.js";
-import o from "./components/GroupRow.js";
-import s from "./components/HeadRow.js";
-import c from "./components/OversizedScroll.js";
-import l from "./hooks/useColumnSizes.js";
-import u from "./hooks/useRowsKeyControls.js";
-import d from "./hooks/useUxReset.js";
-import { initialState as f } from "./store/index.js";
-import { useCallback as p, useMemo as m } from "react";
-//#region packages/ui/Blocks/CommonGrid/CommonGrid.tsx
-var h = t(), te = { outline: "none" }, g = (...e) => null, ne = f.uxState, _ = {}, v = ({ filters: t, comparators: f, handleDragEnd: v, gridSelectors: y, gridActions: b, isLoading: x, rowsData: S, hasColouredRows: C, actionColumnDefinition: w, allowRowSelect: T, allowRowSelectOnAction: E, onRowAction: D, onRowClick: O, onAsyncLoadFilterOptions: k, columnLayout: A = "normal", displayColumnsDefinitions: j, className: M, minColumnWidth: N, errorMessage: P, floatingButtonProps: F, hasGroups: I, hasFilters: re, isSortTerminated: L }) => {
-	let { uxState: R = ne, columnsWidth: z = _, columnsWidthVariant: B, page: V = 1, filter: H, sorting: U, rowsPerPage: W = 10 } = y, { clearUxState: G, handleUxChange: K, addFilter: q = g, addSorting: J = g, setColumnWidth: Y = g } = b, X = u(S, R, K);
-	d(S, R, G);
-	let { displayColumnsWidth: Z, totalColumnsWidth: ie, gridBoxRef: ae, handleResizeDrag: oe } = l(j, z, B, Y, A, N), Q = m(() => n(j), [j]), se = p((e) => {
-		ae.current = e;
-	}, []), $ = !x && !P && (!S || S.length < 1), ce = x || P || $;
-	return /* @__PURE__ */ (0, h.jsxs)(h.Fragment, { children: [/* @__PURE__ */ (0, h.jsx)(e.div, {
-		className: M || "",
-		children: /* @__PURE__ */ (0, h.jsxs)(c, {
-			columnLayout: A,
-			totalColumnsWidth: ie,
-			floatingChildren: ce && /* @__PURE__ */ (0, h.jsx)(a, {
-				isLoading: x,
-				isEmpty: $,
-				errorMessage: P
-			}),
-			ref: se,
-			children: [/* @__PURE__ */ (0, h.jsxs)("div", {
-				className: "gridHead",
-				children: [
-					I && /* @__PURE__ */ (0, h.jsx)(o, {
-						actionColumn: w,
-						columns: j,
-						displayColumnsWidth: Z,
-						groups: Q
-					}),
-					/* @__PURE__ */ (0, h.jsx)(s, {
-						columns: j,
-						onAddSort: J,
-						columnLayout: A,
-						sortingValues: U,
-						displayColumnsWidth: Z,
-						handleResizeDrag: oe,
-						groups: Q,
-						handleDragEnd: v,
-						isSortTerminated: L
-					}),
-					re && /* @__PURE__ */ (0, h.jsx)(ee, {
-						filters: t,
-						comparators: f,
-						columns: j,
-						actionColumn: w,
-						onChange: q,
-						filterValues: H,
-						displayColumnsWidth: Z,
-						groups: Q,
-						rowsData: S,
-						uxState: R,
-						handleUxChange: K,
-						onAsyncLoadFilterOptions: k
-					})
-				]
-			}), /* @__PURE__ */ (0, h.jsx)("div", {
-				className: "body flx_1",
-				style: te,
-				tabIndex: -1,
-				onKeyDown: X,
-				children: !x && S && j && S.map((e, t) => /* @__PURE__ */ (0, h.jsx)(r, {
-					rowData: e,
-					rowIndex: W * V + (t + 1) - W,
-					uxState: R,
-					isEven: C && (t + 1) % 2 == 0,
-					allowRowSelect: T,
-					allowRowSelectOnAction: E,
-					onRowAction: D,
-					onUxChange: K,
-					onRowClick: O,
-					columns: j,
-					displayColumnsWidth: Z,
-					groups: Q
-				}, e.id))
-			})]
-		})
-	}), F && /* @__PURE__ */ (0, h.jsx)(i, { ...F })] });
-};
-//#endregion
-export { v as default };

package/ui/packages/ui/Blocks/CommonGrid/CommonGridContainer.js

@@ -1,171 +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/Pagination/Pagination.js";
-import "../../Elements/Pagination/index.js";
-import { useCheckDeviceWidth as ee } from "../../utils/CheckDeviceWidth/checkDeviceWidth.js";
-import te from "../HidePrint/HidePrint.js";
-import { useModal as r } from "../Modal/hooks/useModal.js";
-import i from "./components/ActionHead/index.js";
-import { getFilters as a } from "./utils/index.js";
-import o from "./components/ControlButtons/index.js";
-import { GridInfo as s } from "./components/GridInfo/index.js";
-import { GridModals as ne } from "./components/GridModals/index.js";
-import re from "./components/MobileFilterModal.js";
-import ie from "./components/MobileSortModal.js";
-import ae from "./components/TablePagination/index.js";
-import oe from "./hooks/useEditReadAsColumn.js";
-import { useGridAutoRowsPerPage as se } from "./hooks/useGridAutoRowsPerPage.js";
-import ce from "./hooks/useManageColumn.js";
-import { usePresetState as le } from "./hooks/usePresetsState.js";
-import { getExtendedExtraControlButtons as c } from "./utils/getExtendedExtraControlButtons.js";
-import { getRowsPerPage as ue } from "./utils/getRowsPerPage.js";
-import { hasSortTerminated as de } from "./utils/hasSortTerminated.js";
-import { BottomWrapper as fe, CommonGridWithStyles as l, CommonGridWrap as u, ContentContainer as d, StyledButtonStrip as f } from "./styles.js";
-import { useMemo as p, useRef as m, useState as h } from "react";
-//#region packages/ui/Blocks/CommonGrid/CommonGridContainer.tsx
-var g = t(), _ = (t) => {
-	let { optimizeFilters: _ = !1, extraControlButtons: v, onBatchAction: pe, processCheckedValues: y, processCheckedValuesTitle: me, hideControlButtons: b, quickFilter: he, floatingButtonProps: ge, queryRowsParam: _e, customPaginationHandler: x, autoHeight: S = !0, gridName: C, withPresets: w = !0, withManageColumnButton: T = !0, withPagination: E = !0, allowSortingOnlyUnderTotalRows: D, onReload: O, ...k } = t, { gridActions: A, gridSelectors: j, rowsData: M, actionColumnDefinition: N } = k, P = p(() => c(v, O), [v, O]), [F, I] = h(!1), L = m(null), R = !!P?.length || !b || !!w || !!T, z = !!t.columnsDefinitions.find((e) => e.group), B = !!t.columnsDefinitions.find((e) => e.filtering), V = z || B, H = ue(L, E, R, V), { isMobile: U } = ee();
-	se({
-		autoHeight: S,
-		gridActions: A,
-		queryRowsParam: _e,
-		selectedRowsPerPage: j.rowsPerPage,
-		autoRowsPerPage: H
-	});
-	let W = oe(k), G = p(() => a(_), [_]), K = W.columnsDefinitions, { onOpen: ve, isOpen: ye, onClose: be } = r(), { columnsConfigValues: xe, setColumnsConfigOptions: Se, onConfirmForm: Ce, resetColumnConfig: we, handleDragEnd: q, onCloseForm: Te, displayColumnsDefinitions: J, manageColumnsFormDefinitions: Ee } = ce({
-		columns: K,
-		gridActions: A,
-		gridSelectors: j,
-		onClose: be
-	}), { isPresetsModalOpen: De, onClosePresetsModal: Oe, onOpenPresetsModal: ke, setSelectedPresetName: Ae, selectedPresetName: Y } = le(), { isOpen: X, onOpen: je, onClose: Z } = r(), { isOpen: Q, onOpen: Me, onClose: Ne } = r(), { isSortTerminatedAppeal: Pe, isSortTerminated: $ } = de({
-		allowSortingOnlyUnderTotalRows: D,
-		totalRowsCount: k?.totalRowsCount
-	});
-	return /* @__PURE__ */ (0, g.jsxs)(g.Fragment, { children: [
-		/* @__PURE__ */ (0, g.jsxs)(d, {
-			ref: L,
-			children: [/* @__PURE__ */ (0, g.jsxs)(u, {
-				withPagination: E,
-				children: [R && /* @__PURE__ */ (0, g.jsx)(te, { children: /* @__PURE__ */ (0, g.jsx)(f, {
-					className: "buttonsStrip",
-					children: /* @__PURE__ */ (0, g.jsx)(o, {
-						hideControlButtons: b,
-						extraControlButtons: P,
-						gridActions: A,
-						gridSelectors: j,
-						quickFilter: he,
-						columns: K,
-						filters: G,
-						setDisplayManageColumnButton: I,
-						displayManageColumnButton: F,
-						openManageColumnForm: ve,
-						onOpenPresetsModal: ke,
-						selectedPresetName: Y,
-						withPresets: w,
-						gridName: C,
-						withManageColumnButton: T,
-						onOpenMobileFilters: je,
-						onOpenMobileSorting: Me,
-						isSortTerminated: $
-					})
-				}) }), /* @__PURE__ */ (0, g.jsx)(l, {
-					...k,
-					...W,
-					withButtonStrip: R,
-					hasGroupsOrFilters: V,
-					filters: G,
-					floatingButtonProps: ge,
-					handleDragEnd: q(!1),
-					displayColumnsDefinitions: J,
-					hasFilters: B,
-					hasGroups: z,
-					isSortTerminated: $,
-					hasColouredRows: !0
-				})]
-			}), /* @__PURE__ */ (0, g.jsxs)(fe, {
-				withPagination: E,
-				children: [(y || !!N?.actionOptions?.length) && /* @__PURE__ */ (0, g.jsx)(i, {
-					rowsData: M,
-					onBatchAction: pe,
-					gridActions: A,
-					gridSelectors: j,
-					actionOptions: N?.actionOptions,
-					processCheckedValues: y,
-					processCheckedValuesTitle: me
-				}), /* @__PURE__ */ (0, g.jsxs)(e.div, {
-					display: "flex",
-					justifyContent: "space-between",
-					alignItems: "center",
-					w: "100%",
-					children: [!U && /* @__PURE__ */ (0, g.jsx)(s, {
-						isSortTerminatedAppeal: Pe,
-						isSortTerminated: $
-					}), E && /* @__PURE__ */ (0, g.jsxs)(e.div, {
-						display: "flex",
-						alignItems: "center",
-						className: "paginatorWrapper",
-						w: "100%",
-						justifyContent: "flex-end",
-						gap: "16px",
-						children: [/* @__PURE__ */ (0, g.jsx)(n, {
-							page: j?.page,
-							itemCount: k?.totalRowsCount,
-							itemPerPage: j?.rowsPerPage || 10,
-							onPageChange: A?.setPage,
-							customPaginationHandler: x,
-							radius: U ? 3 : 5,
-							rate: U ? 1 : 4
-						}), /* @__PURE__ */ (0, g.jsx)(ae, {
-							gridActions: A,
-							gridSelectors: j,
-							customPaginationHandler: x,
-							autoRowsPerPage: H
-						})]
-					})]
-				})]
-			})]
-		}),
-		/* @__PURE__ */ (0, g.jsx)(ne, {
-			manageColumnFormVisible: ye,
-			onCloseForm: Te,
-			resetColumnConfig: we,
-			onConfirmForm: Ce,
-			manageColumnsFormDefinitions: Ee,
-			columnsConfigValues: xe,
-			setColumnsConfigOptions: Se,
-			handleDragEnd: q(!0),
-			gridName: C,
-			gridActions: A,
-			gridSelectors: j,
-			onClosePresetsModal: Oe,
-			isPresetsModalOpen: De,
-			selectedPresetName: Y,
-			setSelectedPresetName: Ae
-		}),
-		X && A.setFilters && /* @__PURE__ */ (0, g.jsx)(re, {
-			isShown: X,
-			onClose: Z,
-			columns: J,
-			filters: G,
-			comparators: k.comparators,
-			filterValues: j.filter,
-			setFilters: A.setFilters,
-			rowsData: M,
-			uxState: j.uxState || {},
-			handleUxChange: A.handleUxChange,
-			onAsyncLoadFilterOptions: k.onAsyncLoadFilterOptions,
-			actionColumn: N,
-			onClearSettings: A.clearSettings
-		}),
-		Q && A.addSorting && /* @__PURE__ */ (0, g.jsx)(ie, {
-			isShown: Q,
-			onClose: Ne,
-			columns: J,
-			sortingValues: j.sorting,
-			onAddSorting: A.addSorting,
-			onResetSorting: A.resetSorting
-		})
-	] });
-};
-//#endregion
-export { _ as default };

package/ui/packages/ui/Blocks/CommonGrid/HoC/withProps.js

@@ -1,11 +0,0 @@
-import { require_jsx_runtime as e } from "../../../../../node_modules/react/jsx-runtime.js";
-//#region packages/ui/Blocks/CommonGrid/HoC/withProps.tsx
-var t = e(), n = (e) => (n) => function(r) {
-	let i = typeof e == "function" ? e(r) : e;
-	return /* @__PURE__ */ (0, t.jsx)(n, {
-		...r,
-		...i
-	});
-};
-//#endregion
-export { n as default };

package/ui/packages/ui/Blocks/CommonGrid/HoC/withReduxActions.js

@@ -1,31 +0,0 @@
-import { createActions as e, createFullSelector as t } from "../store/index.js";
-import { connect_default as n } from "../../../../../node_modules/react-redux/dist/react-redux.js";
-import { bindActionCreators as r } from "../../../../../node_modules/redux/dist/redux.js";
-//#region packages/ui/Blocks/CommonGrid/HoC/withReduxActions.ts
-var i = (i, a = "grid") => {
-	let o = e(i), s = t(i);
-	return n((e) => ({ [`${a}Selectors`]: s(e) }), (e) => ({ [`${a}Actions`]: r({
-		init: o.init,
-		clearUxState: o.clearUxState,
-		handleUxChange: o.handleUxChange,
-		openConfigForm: o.openConfigForm,
-		closeConfigForm: o.closeConfigForm,
-		setColumnConfig: o.setColumnConfig,
-		setPage: o.setPage,
-		setPresets: o.setPresets,
-		createPreset: o.createPreset,
-		deletePreset: o.deletePreset,
-		setRowsPerPage: o.setRowsPerPage,
-		addFilter: o.addFilter,
-		setFilters: o.setFilters,
-		resetFilters: o.resetFilters,
-		addSorting: o.addSorting,
-		resetSorting: o.resetSorting,
-		clearSettings: o.clearSettings,
-		setColumnWidth: o.setColumnWidth,
-		resetGrid: o.resetGrid,
-		setColumnsOrder: o.setColumnsOrder
-	}, e) }));
-};
-//#endregion
-export { i as default };

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

@@ -1,95 +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 "../../../../Elements/Button/Button.js";
-import "../../../../Elements/Button/index.js";
-import { useGridActionTrigger as r } from "../../hooks/useGridActionTrigger.js";
-import { useToggleAllCheckbox as i } from "../../hooks/useToggleAllCheckbox.js";
-import a from "../ButtonMore/ButtonMore.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 { useCallback as c, useMemo as l } from "react";
-//#region packages/ui/Blocks/CommonGrid/components/ActionHead/ActionHead.tsx
-var u = t(), d = e.div`
-  display: flex;
-  align-items: center;
-  width: 100%;
-  margin-right: 2;
-  gap: 24px;
-  background-color: red;
-  position: relative;
-`, f = e.div`
-  position: absolute;
-  bottom: 32px;
-  left: 50%;
-  transform: translate(-50%);
-  width: 596px;
-  padding: 12px 24px;
-  border-radius: 10px;
-  background-color: #fff;
-  box-shadow: dropShadow;
-  z-index: 2;
-`, p = e.span`
-  font-size: 14px;
-  line-height: 18px;
-  color: blue2;
-  font-weight: 600;
-`, m = e.div`
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-`, h = e.div`
-  display: flex;
-  align-items: center;
-  margin-left: 10px;
-
-  & > * {
-    margin-left: 10px;
-  }
-`, g = ({ gridActions: e, gridSelectors: t, actionOptions: g, onBatchAction: _, rowsData: v, processCheckedValues: y, processCheckedValuesTitle: b }) => {
-	let { handleUxChange: x } = e || {}, { uxState: S = {} } = t || {}, [C, w] = i(v, S, x), [T, E] = r(v, S, g, _), D = Object.keys(S?.checkedRows || []).length, O = c(() => {
-		C || w();
-	}, [C, w]), k = l(() => g?.length ? g.map((e) => ({
-		title: e.label,
-		onClick: () => {
-			E(e.value);
-		},
-		link: "#"
-	})) : [], [g, E]);
-	return /* @__PURE__ */ (0, u.jsx)(d, { children: D > 0 && /* @__PURE__ */ (0, u.jsx)(f, { children: /* @__PURE__ */ (0, u.jsxs)(m, { children: [/* @__PURE__ */ (0, u.jsx)(p, { children: o._({
-		id: "dataGrid.checkedRowsCount",
-		message: "Selected {checkedRowsCount} items",
-		values: { checkedRowsCount: D }
-	}) }), /* @__PURE__ */ (0, u.jsxs)(h, { children: [
-		/* @__PURE__ */ (0, u.jsx)(n, {
-			type: "button",
-			onClick: O,
-			appearance: "secondary",
-			variant: "default",
-			"data-cy": "checkAllBtn",
-			disabled: C,
-			children: /* @__PURE__ */ (0, u.jsx)(s, {
-				id: "dataGrid.checkAll",
-				message: "Check all"
-			})
-		}),
-		y && /* @__PURE__ */ (0, u.jsx)(n, {
-			type: "button",
-			onClick: y,
-			appearance: "primary",
-			variant: "default",
-			"data-cy": "exportBtn",
-			disabled: !v.length,
-			children: b || /* @__PURE__ */ (0, u.jsx)(s, {
-				id: "dataGrid.actionOptions.export",
-				message: "Export"
-			})
-		}),
-		g?.length && /* @__PURE__ */ (0, u.jsx)(a, {
-			items: k,
-			disabled: !T.length || !v.length,
-			dropdownPosition: "top"
-		})
-	] })] }) }) });
-};
-//#endregion
-export { g as default };

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

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

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

@@ -1,43 +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 "../../../../Elements/Button/Button.js";
-import { DropdownMenu as r } from "../../../../Elements/DropdownMenu/DropdownMenu.js";
-import "../../../../Elements/DropdownMenu/index.js";
-import { useClickOutside as i } from "../../../Modal/hooks/useClickOutside.js";
-import { useCallback as a, useState as o } from "react";
-//#region packages/ui/Blocks/CommonGrid/components/ButtonMore/ButtonMore.tsx
-var s = t(), c = e.div`
-  position: relative;
-  width: fit-content;
-`, l = e(r)`
-  position: absolute;
-  top: ${({ dropdownPosition: e }) => !e || e === "bottom" ? "calc(100% + 8px)" : "auto"};
-  bottom: ${({ dropdownPosition: e }) => e === "top" ? "calc(100% + 13px)" : "auto"};
-  right: 0;
-  width: max-content;
-  z-index: 2;
-`, u = ({ items: e, disabled: t, dropdownPosition: r }) => {
-	let [u, d] = o(!1);
-	return /* @__PURE__ */ (0, s.jsxs)(c, {
-		ref: i({ onClose: a(() => {
-			d(!1);
-		}, []) }),
-		children: [/* @__PURE__ */ (0, s.jsx)(n, {
-			onClick: a(() => {
-				d(!u);
-			}, [u]),
-			icon: "ellipsisVertical",
-			appearance: "secondary",
-			variant: "icon",
-			type: "button",
-			"data-cy": "gridActionBtn",
-			disabled: t
-		}), /* @__PURE__ */ (0, s.jsx)(l, {
-			showMenu: u,
-			items: e,
-			dropdownPosition: r
-		})]
-	});
-};
-//#endregion
-export { u as default };

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

@@ -1,43 +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 { createFilterType as n, getCellSizeProps as r, getGroupClassNames as i, getStickyCollClassNames as a } from "../utils/index.js";
-import { useAddFilter as o } from "../hooks/useAddFilter.js";
-import { Cell as s } from "./Table.js";
-import c from "./FilterDropdown.js";
-import l from "react";
-//#region packages/ui/Blocks/CommonGrid/components/ColumnFilterCell.tsx
-var u = t(), d = ({ onChange: t, value: d, others: f, displayColumnWidth: p, filters: m, column: h, group: g, comparators: _, actionColumn: v, rowsData: y, uxState: b, handleUxChange: x, onAsyncLoadFilterOptions: S }) => {
-	let C = r(h, p), w = o(t), T = l.useCallback((e, t) => {
-		w(e?.target ? e.target.value : e, h, t);
-	}, [w, h]), E = `cell${a(!!h.sticky, h.stickTo)} ${i(g)}`;
-	if (!h.filtering) return /* @__PURE__ */ (0, u.jsx)(s, {
-		className: E,
-		...C
-	});
-	let D = n(h), O = m?.[D], k = _?.[D], A = O?.CellComponent;
-	return A ? /* @__PURE__ */ (0, u.jsx)(s, {
-		className: E,
-		...C,
-		children: /* @__PURE__ */ (0, u.jsx)(e.div, { children: /* @__PURE__ */ (0, u.jsx)(A, {
-			asyncLoadKey: h.asyncLoadKey,
-			"data-test": h.name,
-			name: h.name,
-			onChange: T,
-			value: d,
-			others: f,
-			OverlayComponent: c,
-			comparators: k,
-			actionColumn: v,
-			rowsData: y,
-			uxState: b,
-			handleUxChange: x,
-			onAsyncLoadFilterOptions: S,
-			...O?.defaultExtraProps,
-			...h.filterExtraProps,
-			...D == "options" && { options: h.filterOptions },
-			columnWidth: C?.flexBasis
-		}) })
-	}) : (console.error(`ERROR, using unknown filter type ${D}`), /* @__PURE__ */ (0, u.jsx)(e.div, { children: /* @__PURE__ */ (0, u.jsx)("span", { children: `${D} filter` }) }));
-};
-//#endregion
-export { d as default };

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

@@ -1,32 +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 { SortingDown as n, SortingUp as r } from "./icons/Sorting.js";
-import i from "react";
-//#region packages/ui/Blocks/CommonGrid/components/ColumnTitle.tsx
-var a = t(), o = e.span`
-  & + * {
-    margin-left: 1em;
-  }
-`, s = i.memo(({ title: e, isSortable: t, onSetSort: s, sortValue: c }) => {
-	let [l, u] = i.useState(0), d = i.useCallback(() => {
-		u(Date.now());
-	}, []), f = i.useCallback(() => {
-		Date.now() - l < 200 && s && s(c ? c === "asc" ? "desc" : null : "asc"), u(0);
-	}, [
-		l,
-		s,
-		c
-	]);
-	return /* @__PURE__ */ (0, a.jsxs)("div", {
-		onMouseDown: t ? d : void 0,
-		onMouseUp: t ? f : void 0,
-		className: t ? "sortable" : "",
-		children: [
-			/* @__PURE__ */ (0, a.jsx)(o, { children: e }),
-			t && c === "asc" && /* @__PURE__ */ (0, a.jsx)(r, { width: "16" }),
-			t && c === "desc" && /* @__PURE__ */ (0, a.jsx)(n, { width: "16" })
-		]
-	});
-});
-//#endregion
-export { s as default };