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

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

@@ -1,57 +0,0 @@
-import { __toESM as e } from "../../../../../_virtual/_rolldown/runtime.js";
-import { require_sum as t } from "../../../../../node_modules/lodash/sum.js";
-import n from "react";
-//#region packages/ui/Blocks/CommonGrid/hooks/useColumnSizes.tsx
-var r = /* @__PURE__ */ e(t(), 1), i = (e, t, i, a, o, s = 50) => {
-	let c = n.useCallback((e) => a(e, o), [o, a]);
-	n.useEffect(() => {
-		i != o && c(null);
-	}, [
-		o,
-		i,
-		c
-	]);
-	let l = n.useMemo(() => {
-		let n = {};
-		return e.forEach((e) => n[e.name] = t?.[e.name] || e.flexBasis), n;
-	}, [e, t]), u = n.useMemo(() => (0, r.default)(Object.values(l)), [l]), d = n.useRef(null), f = n.useCallback(() => {
-		let t = d?.current?.clientWidth || null;
-		if ((o == "normal" || o == "sticky") && t && u < t) {
-			let n = e[e.length - 1];
-			n && c({ [n.name]: l[n.name] + t - u });
-		}
-	}, [
-		o,
-		e,
-		l,
-		d,
-		c,
-		u
-	]);
-	return n.useEffect(() => {
-		f();
-	}, [f]), n.useLayoutEffect(() => (window.addEventListener("resize", f), () => window.removeEventListener("resize", f)), [f]), {
-		totalColumnsWidth: u,
-		gridBoxRef: d,
-		displayColumnsWidth: l,
-		handleResizeDrag: n.useCallback((t, n) => {
-			let r = e[e.findIndex(({ name: e }) => e == t) + 1];
-			if (o == "normal" || o == "sticky") {
-				let i = d?.current?.clientWidth || null, a = l[e[e.length - 1].name], o = i && i - (u - a) || 0, f = r ? s : Math.max(o, s), p = l[t], m = p + n < f ? f : p + n;
-				c({ [t]: m });
-			} else if (o == "no-scroll") {
-				let e = l[r.name], i = l[t], a = i + n < s ? s - i : n, o = e - a < s ? e - s : a, u = Math.min(a, o), d = { [t]: i + u };
-				r && (d[r.name] = e - u), c(d);
-			}
-		}, [
-			e,
-			o,
-			l,
-			u,
-			s,
-			c
-		])
-	};
-};
-//#endregion
-export { i as default };

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

@@ -1,25 +0,0 @@
-import { __toESM as e } from "../../../../../_virtual/_rolldown/runtime.js";
-import { useModal as t } from "../../Modal/hooks/useModal.js";
-import { useEvent as n } from "./useEvent.js";
-import { require_isEmpty as r } from "../../../../../node_modules/lodash/isEmpty.js";
-import { useCallback as i, useState as a } from "react";
-//#region packages/ui/Blocks/CommonGrid/hooks/useCreatePreset.ts
-var o = /* @__PURE__ */ e(r(), 1), s = ({ gridName: e, filters: r, onClosePresetsModal: s, setSelectedPresetName: c, gridActions: l }) => {
-	let { isOpen: u, onOpen: d, onClose: f } = t(), [p, m] = a(""), h = i((e) => {
-		m(e.target.value);
-	}, []);
-	return {
-		isCreatePresetModalOpen: u,
-		onOpenCreatePresetModal: d,
-		handleCloseCreatePresetModal: i(() => {
-			m(""), f();
-		}, []),
-		presetName: p,
-		handleChangePresetName: h,
-		handleCreatePreset: n(() => {
-			m(""), f(), s(), !((0, o.default)(r) || !e) && (l.createPreset?.(p, r), c(p));
-		})
-	};
-};
-//#endregion
-export { s as useCreatePreset };

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

@@ -1,19 +0,0 @@
-import { useModal as e } from "../../Modal/hooks/useModal.js";
-import { useCallback as t } from "react";
-//#region packages/ui/Blocks/CommonGrid/hooks/useDeletePreset.ts
-var n = ({ selectedPresetName: n, gridName: r, gridActions: i, setSelectedPresetName: a }) => {
-	let { isOpen: o, onOpen: s, onClose: c, data: l } = e();
-	return {
-		handleOpenDeletePresetModal: t((e) => (t) => {
-			e && (t.stopPropagation(), s(e));
-		}, [n]),
-		isDeletePresetModalOpen: o,
-		handleDeletePreset: t(() => {
-			!r || !l || (i.deletePreset?.(l), n === l && a(""), c());
-		}, [r, l]),
-		onCloseDeletePresetModal: c,
-		presetNameToDelete: l
-	};
-};
-//#endregion
-export { n as useDeletePreset };

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

@@ -1,51 +0,0 @@
-import { EditReadPosition as e } from "../types.js";
-import t from "../HoC/withProps.js";
-import { RowActionsCell as n } from "../components/gridCells/RowActionsCell.js";
-import "../components/gridCells/index.js";
-import { useCallback as r, useMemo as i } from "react";
-//#region packages/ui/Blocks/CommonGrid/hooks/useEditReadAsColumn.tsx
-var a = (a) => {
-	let { onRowAction: o, actionColumnDefinition: s, columnsDefinitions: c, gridSelectors: l, gridActions: u, onRowEditClick: d, onRowReadClick: f } = a, p = r((e, t, n, r) => {
-		if (t === "row_edit" || t === "row_read") t === "row_edit" && d && d(e, n), t === "row_read" && f && f(e, n);
-		else if (o) return o(e, t, n, r);
-	}, [
-		o,
-		d,
-		f
-	]), { canRowEdit: m, canRowRead: h, addRowNumbers: g, stickTo: _ = "left", flexBasis: v = 20 } = s || {}, y = !!s?.actionOptions?.length || s?.forceCheckboxes, b = m || h || y || g;
-	return {
-		columnsDefinitions: i(() => {
-			let r = {
-				name: "actions-cell-cg",
-				flexBasis: v,
-				filtering: y || g,
-				filteringType: "actions",
-				sorting: !1,
-				sticky: !!b,
-				stickTo: _,
-				alwaysOn: !0,
-				cellComponent: t({
-					actionColumnDefinition: s,
-					withCheckboxes: y,
-					addRowNumbers: s?.addRowNumbers,
-					checkedRows: l?.uxState?.checkedRows,
-					onUxChange: u?.handleUxChange
-				})(n)
-			};
-			return _ === e.Left ? [r, ...c] : [...c, r];
-		}, [
-			g,
-			v,
-			_,
-			b,
-			c,
-			y,
-			l?.uxState,
-			s,
-			u?.handleUxChange
-		]),
-		onRowAction: p
-	};
-};
-//#endregion
-export { a as default };

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

@@ -1,12 +0,0 @@
-import { useCallback as e, useLayoutEffect as t, useRef as n } from "react";
-//#region packages/ui/Blocks/CommonGrid/hooks/useEvent.ts
-var r = (r) => {
-	let i = n(() => {
-		throw Error("Cannot call an event handler while rendering.");
-	});
-	return t(() => {
-		i.current = r;
-	}), e((...e) => i.current?.apply(null, e), []);
-};
-//#endregion
-export { r as useEvent };

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

@@ -1,14 +0,0 @@
-import { useMemo as e } from "react";
-//#region packages/ui/Blocks/CommonGrid/hooks/useFloatingButton.ts
-var t = (t, n, r) => e(() => {
-	if (t) return {
-		onClick: n,
-		options: r
-	};
-}, [
-	t,
-	n,
-	r
-]);
-//#endregion
-export { t as default };

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

@@ -1,21 +0,0 @@
-import { __toESM as e } from "../../../../../_virtual/_rolldown/runtime.js";
-import { require_find as t } from "../../../../../node_modules/lodash/find.js";
-import { useCallback as n, useMemo as r } from "react";
-//#region packages/ui/Blocks/CommonGrid/hooks/useGridActionTrigger.ts
-var i = /* @__PURE__ */ e(t(), 1), a = (e, t, a = [], o) => {
-	let s = r(() => (e || []).filter((e) => t.checkedRows?.[e.id]), [t, e]);
-	return [r(() => (a || []).filter((e) => e.isEnabled ? e.isEnabled(s) : t.checkedRows && (0, i.default)(t.checkedRows, Boolean)), [
-		t,
-		s,
-		a
-	]), n((e) => {
-		let t = (a || []).find((t) => t.value == e);
-		t && o && o(t, s);
-	}, [
-		a,
-		o,
-		s
-	])];
-};
-//#endregion
-export { a as useGridActionTrigger };

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

@@ -1,10 +0,0 @@
-import { rowsPerPageOptions as e } from "../utils/constants.js";
-import { useEffect as t } from "react";
-//#region packages/ui/Blocks/CommonGrid/hooks/useGridAutoRowsPerPage.ts
-var n = ({ gridActions: n, queryRowsParam: r, selectedRowsPerPage: i, autoRowsPerPage: a, autoHeight: o }) => {
-	t(() => {
-		!o || r || !a || e.find((e) => e.value === i) || a && n.setRowsPerPage?.(a);
-	}, [n, r]);
-};
-//#endregion
-export { n as useGridAutoRowsPerPage };

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

@@ -1,66 +0,0 @@
-import { checksColumnsOrder as e, isColumnOn as t } from "../utils/index.js";
-import { useCallback as n, useEffect as r, useMemo as i, useState as a } from "react";
-//#region packages/ui/Blocks/CommonGrid/hooks/useManageColumn.ts
-var o = ({ columns: o, gridSelectors: s, gridActions: c, onClose: l }) => {
-	let { resetGrid: u, setColumnConfig: d, setColumnsOrder: f } = c, { columnConfig: p, columnsOrder: m } = s, h = i(() => o?.map((e) => e.name), [o]), g = m?.length ? m : h, [_, v] = a({ ...p ?? {} }), [y, b] = a(g), x = i(() => o?.filter((e) => {
-		let t = _?.[e.name]?.isHidden;
-		return e?.alwaysOn || typeof t == "boolean" ? !t : e.defaultHidden && _?.[e.name] ? !0 : !e?.defaultHidden;
-	}).map((e) => e.name), [_, o]), S = n(() => {
-		d?.(_), f?.(y), l?.();
-	}, [
-		_,
-		y,
-		l,
-		d,
-		f
-	]), C = n(() => {
-		b(h), u?.(), l?.(), v({});
-	}, [
-		l,
-		u,
-		h,
-		p
-	]), w = n(() => {
-		b(g), l?.(), v(p || {});
-	}, [g, l]), T = n((e, n) => {
-		let r = o.filter((e) => n ? !e.alwaysOff : t(e, _)), i = (t, n) => {
-			let r = (e || []).indexOf(t.name), i = (e || []).indexOf(n.name);
-			return e && e?.length > 0 && r === -1 ? 0 : r > i ? 1 : r < i ? -1 : 0;
-		};
-		return [...r].sort(i);
-	}, [
-		p,
-		_,
-		o
-	]), E = i(() => T(g, !1), [
-		g,
-		o,
-		_,
-		T
-	]), D = i(() => T(y, !0), [y]), O = n((e = !1) => (t) => {
-		let { active: n, over: r } = t;
-		if (!r || n.id === r.id) return;
-		let i = [...y], a = y.findIndex((e) => e === n.id), o = y.findIndex((e) => e === r.id);
-		i.splice(a, 1), i.splice(o === -1 ? 0 : o, 0, n.id), e || f?.(i), b(i);
-	}, [
-		y,
-		g,
-		f,
-		D,
-		E
-	]);
-	return r(() => {
-		e(g, o);
-	}, []), {
-		columnsConfigValues: x,
-		setColumnsConfigOptions: v,
-		onConfirmForm: S,
-		resetColumnConfig: C,
-		handleDragEnd: O,
-		onCloseForm: w,
-		displayColumnsDefinitions: E,
-		manageColumnsFormDefinitions: D
-	};
-};
-//#endregion
-export { o as default };

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

@@ -1,47 +0,0 @@
-import { __toESM as e } from "../../../../../_virtual/_rolldown/runtime.js";
-import { i18n as t } from "../../../../../node_modules/@lingui/core/dist/index.js";
-import { require_omit as n } from "../../../../../node_modules/lodash/omit.js";
-import { useCallback as r, useRef as i } from "react";
-//#region packages/ui/Blocks/CommonGrid/hooks/usePresetFileHandlers.ts
-var a = /* @__PURE__ */ e(n(), 1), o = ({ gridName: e, gridActions: n, gridSelectors: o }) => {
-	let s = i(null), c = r(() => {
-		if (!e) return;
-		let t = { gridName: e }, n = {
-			...o.presets,
-			_: t
-		}, r = new Blob([JSON.stringify(n, null, 2)], { type: "application/json" }), i = document.createElement("a");
-		i.href = URL.createObjectURL(r), i.download = `${e}Presets.json`, document.body.appendChild(i), i.click(), document.body.removeChild(i);
-	}, [e, o.presets]);
-	return {
-		fileInputRef: s,
-		handleImportPresets: r((r) => {
-			if (!e) return;
-			let i = r.target.files?.[0];
-			if (!i) return;
-			let o = new FileReader();
-			o.readAsText(i), o.onload = (r) => {
-				try {
-					let i = JSON.parse(r.target?.result), o = i._;
-					if (o && o.gridName !== e) throw Error(t._({
-						id: "dataGrid.importPresets.gridNameNotSame",
-						message: "Grid name in file is not the same as current grid."
-					}));
-					n.setPresets?.((0, a.default)(i, "_"));
-				} catch (e) {
-					console.warn(e), alert(t._({
-						id: "dataGrid.importPresets.error",
-						message: "Error with importing files."
-					}) + String(e));
-				} finally {
-					s.current && (s.current.value = "");
-				}
-			};
-		}, [e]),
-		handleExportPresets: c,
-		handleImportButtonClick: r(() => {
-			s.current?.click();
-		}, [])
-	};
-};
-//#endregion
-export { o as usePresetFileHandlers };

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

@@ -1,15 +0,0 @@
-import { useModal as e } from "../../Modal/hooks/useModal.js";
-import { useState as t } from "react";
-//#region packages/ui/Blocks/CommonGrid/hooks/usePresetsState.ts
-var n = () => {
-	let { isOpen: n, onOpen: r, onClose: i } = e(), [a, o] = t("");
-	return {
-		isPresetsModalOpen: n,
-		onOpenPresetsModal: r,
-		onClosePresetsModal: i,
-		selectedPresetName: a,
-		setSelectedPresetName: o
-	};
-};
-//#endregion
-export { n as usePresetState };

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

@@ -1,56 +0,0 @@
-import { useCheckDeviceWidth as e } from "../../../utils/CheckDeviceWidth/checkDeviceWidth.js";
-import { getTranslatedValue as t } from "../components/ManageColumnForm/utils.js";
-import { createFilterType as n } from "../utils/index.js";
-import { useAddFilter as r } from "./useAddFilter.js";
-import { useCallback as i, useEffect as a, useState as o } from "react";
-//#region packages/ui/Blocks/CommonGrid/hooks/useQuickFilter.ts
-var s = (...e) => null, c = ({ gridActions: c, gridSelectors: l, quickFilter: u, columns: d, filters: f }) => {
-	let { addFilter: p = s, clearSettings: m = s } = c, { filter: h } = l, { isMobile: g } = e(), [_, v] = o(""), [y, b] = o(!1), x = r(p), S = u ? h?.[u]?.value : void 0, C = d?.find((e) => e.name === u) || null, w = n(C || {}), T = f?.[w].defaultExtraProps?.defaultComparator || "eq", E = S && S.comparator || T, D = g && y;
-	a(() => {
-		v(S ? S.value : "");
-	}, [
-		S,
-		u,
-		v
-	]), a(() => {
-		b(!g);
-	}, [g]);
-	let O = i((e) => {
-		v(e.target.value);
-		let t = {
-			comparator: E,
-			value: e.target.value
-		};
-		C && x(t, C);
-	}, [
-		v,
-		E,
-		x,
-		C
-	]), k = i(() => {
-		v(""), O({ target: { value: "" } }), b(!g);
-	}, [
-		v,
-		g,
-		O,
-		b
-	]), A = i(() => {
-		b(!0);
-	}, []), j = i(() => {
-		m?.(), v?.("");
-	}, [m, v]);
-	return {
-		searchedValue: _,
-		translatedValue: t(C),
-		onChangeInputValue: O,
-		onClearSettings: j,
-		onDisplayInput: A,
-		displayInput: y,
-		onClear: k,
-		isMobileInputView: D,
-		isMobile: g,
-		filter: h
-	};
-};
-//#endregion
-export { c as default };

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

@@ -1,14 +0,0 @@
-import e from "react";
-//#region packages/ui/Blocks/CommonGrid/hooks/useRowsKeyControls.ts
-var t = (t, n, r) => e.useCallback((e) => {
-	let i = n.selectedRow;
-	if (!i) return;
-	let a = t.findIndex((e) => e.id === i), o = t[a - 1]?.id, s = t[a + 1]?.id, c = a === 0, l = a === t.length - 1;
-	e.key === "ArrowUp" && !c && r?.("selectedRow", o), e.key === "ArrowDown" && !l && r?.("selectedRow", s), e.key === "Escape" && r?.("selectedRow", null);
-}, [
-	n,
-	t,
-	r
-]);
-//#endregion
-export { t as default };

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

@@ -1,16 +0,0 @@
-import { __toESM as e } from "../../../../../_virtual/_rolldown/runtime.js";
-import { require_isEqual as t } from "../../../../../node_modules/lodash/isEqual.js";
-import { useCallback as n, useEffect as r } from "react";
-//#region packages/ui/Blocks/CommonGrid/hooks/useSelectPreset.ts
-var i = /* @__PURE__ */ e(t(), 1), a = ({ gridName: e, gridActions: t, gridSelectors: a, setSelectedPresetName: o, onClosePresetsModal: s }) => {
-	let c = a?.presets, l = a?.filter, u = n((e, n) => () => {
-		o(e), t.setFilters?.(n), s();
-	}, [t]);
-	return r(() => {
-		if (!e || !c) return;
-		let t = Object.entries(c)?.find(([e, t]) => (0, i.default)(t, l));
-		o(t ? t[0] : "");
-	}, [l, c]), { handleSelectPreset: u };
-};
-//#endregion
-export { a as useSelectPreset };

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

@@ -1,17 +0,0 @@
-import { useCallback as e, useMemo as t } from "react";
-//#region packages/ui/Blocks/CommonGrid/hooks/useToggleAllCheckbox.ts
-var n = (n, r, i) => {
-	let a = t(() => n && (n || []).length >= 1 && n.every((e) => r?.checkedRows?.[e.id]), [n, r?.checkedRows]), o = e(() => {
-		let e = {};
-		!a && n && n.forEach((t) => {
-			e[t.id] = !0;
-		}), i?.("checkedRows", e);
-	}, [
-		i,
-		n,
-		a
-	]);
-	return [!!a, o];
-};
-//#endregion
-export { n as useToggleAllCheckbox };

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

@@ -1,11 +0,0 @@
-import e from "react";
-//#region packages/ui/Blocks/CommonGrid/hooks/useUxReset.ts
-var t = (t, n, r) => {
-	let [i, a] = e.useState("|");
-	e.useEffect(() => {
-		let e = (t || []).map((e) => e.id).join("|");
-		e !== i && r && (n.checkedRows && Object.keys(n.checkedRows).length || n.selectedRow) && r(), a(e);
-	}, [t]);
-};
-//#endregion
-export { t as default };

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

@@ -1,26 +0,0 @@
-import "./hooks/useEvent.js";
-import "./hooks/useAddFilter.js";
-import "./types.js";
-import "./components/gridCells/Date.js";
-import "./components/gridCells/DateTime.js";
-import "./components/gridCells/StringJoin.js";
-import "./components/gridCells/BoolIcon.js";
-import "./components/gridCells/RemoveItem.js";
-import "./components/gridCells/LinkInCell.js";
-import "./components/gridCells/ButtonInCell.js";
-import "./components/gridCells/IconButtonInCell.js";
-import "./components/gridCells/SwitchInCell.js";
-import "./components/gridCells/ImageCell.js";
-import "./components/gridCells/EnumInCell.js";
-import "./components/gridCells/HoverBubble.js";
-import "./components/gridCells/RowActionsCell.js";
-import "./components/gridCells/ToggleCell.js";
-import "./components/gridCells/index.js";
-import "./store/index.js";
-import e from "./CommonGridContainer.js";
-import "./HoC/withReduxActions.js";
-import "./hooks/useFloatingButton.js";
-//#region packages/ui/Blocks/CommonGrid/index.ts
-var t = e;
-//#endregion
-export { t as default };