@mailstep/design-system 0.8.24 → 0.8.26-beta.0

package/ui/index742.es.js

@@ -0,0 +1,133 @@
+import { require_jsx_runtime as e } from "./index143.es.js";
+import { Trans as t } from "./index504.es.js";
+import { Input as n } from "./index613.es.js";
+import { Modal as r } from "./index724.es.js";
+import { useCreatePreset as i } from "./index726.es.js";
+import { useDeletePreset as a } from "./index727.es.js";
+import { usePresetFileHandlers as o } from "./index728.es.js";
+import { useSelectPreset as s } from "./index730.es.js";
+import c from "./index739.es.js";
+import { PresetsModalBody as l } from "./index741.es.js";
+import "react";
+//#region packages/ui/Blocks/CommonGrid/components/GridModals/index.tsx
+var u = e(), d = ({ manageColumnFormVisible: e, onCloseForm: d, resetColumnConfig: f, onConfirmForm: p, manageColumnsFormDefinitions: m, columnsConfigValues: h, setColumnsConfigOptions: g, handleDragEnd: _, gridName: v, gridSelectors: y, gridActions: b, isPresetsModalOpen: x, onClosePresetsModal: S, selectedPresetName: C, setSelectedPresetName: w }) => {
+	let { handleSelectPreset: T } = s({
+		gridName: v,
+		gridActions: b,
+		setSelectedPresetName: w,
+		onClosePresetsModal: S,
+		gridSelectors: y
+	}), { isCreatePresetModalOpen: E, handleCloseCreatePresetModal: D, onOpenCreatePresetModal: O, handleCreatePreset: k, presetName: A, handleChangePresetName: j } = i({
+		gridName: v,
+		gridActions: b,
+		onClosePresetsModal: S,
+		setSelectedPresetName: w,
+		filters: y.filter
+	}), { handleOpenDeletePresetModal: M, handleDeletePreset: N, onCloseDeletePresetModal: P, presetNameToDelete: F, isDeletePresetModalOpen: I } = a({
+		gridName: v,
+		selectedPresetName: C,
+		gridActions: b,
+		setSelectedPresetName: w
+	}), { fileInputRef: L, handleImportPresets: R, handleExportPresets: z, handleImportButtonClick: B } = o({
+		gridName: v,
+		gridActions: b,
+		gridSelectors: y
+	});
+	return /* @__PURE__ */ (0, u.jsxs)(u.Fragment, { children: [
+		/* @__PURE__ */ (0, u.jsx)(r, {
+			title: /* @__PURE__ */ (0, u.jsx)(t, {
+				id: "manageColumn.title",
+				message: "Manage columns"
+			}),
+			onClose: d,
+			onCancel: d,
+			onExtraAction: f,
+			onConfirm: p,
+			isShown: e,
+			width: "auto",
+			minWidth: "350px",
+			hasFooter: !0,
+			extraActionLabel: /* @__PURE__ */ (0, u.jsx)(t, {
+				id: "dataGrid.buttonClearConfig",
+				message: "Reset config"
+			}),
+			cancelLabel: /* @__PURE__ */ (0, u.jsx)(t, {
+				id: "form.buttonCancel",
+				message: "Cancel"
+			}),
+			confirmLabel: /* @__PURE__ */ (0, u.jsx)(t, {
+				id: "form.buttonConfirm",
+				message: "Confirm"
+			}),
+			children: /* @__PURE__ */ (0, u.jsx)(c, {
+				columns: m,
+				columnsConfigValues: h,
+				setColumnsConfigOptions: g,
+				handleDragEnd: _
+			})
+		}),
+		/* @__PURE__ */ (0, u.jsx)(r, {
+			isShown: x,
+			title: /* @__PURE__ */ (0, u.jsx)(t, {
+				id: "dataGrid.presets.title",
+				message: "Presets"
+			}),
+			onClose: S,
+			width: "narrow",
+			children: /* @__PURE__ */ (0, u.jsx)(l, {
+				onOpenCreatePresetModal: O,
+				gridPresets: y.presets,
+				handleSelectPreset: T,
+				handleOpenDeletePresetModal: M,
+				selectedPresetName: C,
+				handleExportPresets: z,
+				handleImportPresets: R,
+				handleImportButtonClick: B,
+				fileInputRef: L,
+				filters: y.filter
+			})
+		}),
+		/* @__PURE__ */ (0, u.jsx)(r, {
+			isShown: E,
+			title: /* @__PURE__ */ (0, u.jsx)(t, {
+				id: "dataGrid.createNewPreset.title",
+				message: "Create new preset"
+			}),
+			onCancel: D,
+			onConfirm: k,
+			isConfirmDisabled: !A,
+			width: "narrow",
+			children: /* @__PURE__ */ (0, u.jsx)(n, {
+				type: "text",
+				onChange: j,
+				value: A,
+				label: /* @__PURE__ */ (0, u.jsx)(t, {
+					id: "dataGrid.presetName.title",
+					message: "Preset name"
+				})
+			})
+		}),
+		/* @__PURE__ */ (0, u.jsx)(r, {
+			isShown: I,
+			title: /* @__PURE__ */ (0, u.jsx)(t, {
+				id: "dataGrid.deletePreset.title",
+				message: "Delete preset"
+			}),
+			onCancel: P,
+			onConfirm: N,
+			isConfirmDisabled: !F,
+			width: "narrow",
+			children: /* @__PURE__ */ (0, u.jsxs)(u.Fragment, { children: [
+				/* @__PURE__ */ (0, u.jsx)(t, {
+					id: "dataGrid.deletePreset.confirm",
+					message: "Are you sure you want to delete preset"
+				}),
+				" \"",
+				F,
+				"\" ?"
+			] })
+		})
+	] });
+};
+//#endregion
+export { d as GridModals };

package/ui/index743.es.js

@@ -0,0 +1,12 @@
+import { __commonJSMin as e } from "./index2.es.js";
+import { require_get as t } from "./index354.es.js";
+import { require_placeholder as n } from "./index397.es.js";
+import { require_convert as r } from "./index485.es.js";
+//#region node_modules/lodash/fp/get.js
+var i = /* @__PURE__ */ e(((e, i) => {
+	var a = r()("get", t());
+	a.placeholder = n(), i.exports = a;
+}));
+//#endregion
+export default i();
+export { i as require_get };

package/ui/index744.es.js

@@ -0,0 +1,14 @@
+import { styled as e } from "./index6.es.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/index745.es.js

@@ -0,0 +1,104 @@
+import { __toESM as e } from "./index2.es.js";
+import { x as t } from "./index6.es.js";
+import { require_jsx_runtime as n } from "./index143.es.js";
+import { Trans as r } from "./index504.es.js";
+import { H6 as i } from "./index511.es.js";
+import "./index512.es.js";
+import { createFilterType as a, getFilterName as o, isFilterActive as s } from "./index647.es.js";
+import { Modal as c } from "./index724.es.js";
+import { require_get as l } from "./index743.es.js";
+import { MobileOverlayWrapper as u } from "./index744.es.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/index746.es.js

@@ -0,0 +1,20 @@
+import { require_jsx_runtime as e } from "./index143.es.js";
+import "react";
+//#region packages/ui/Blocks/CommonGrid/components/icons/Sorting.tsx
+var t = e(), n = (e) => /* @__PURE__ */ (0, t.jsx)("svg", {
+	viewBox: "0 0 16 16",
+	...e,
+	children: /* @__PURE__ */ (0, t.jsx)("path", {
+		d: "M12.71 9.29l-4-4C8.53 5.11 8.28 5 8 5s-.53.11-.71.29l-4 4a1.003 1.003 0 001.42 1.42L8 7.41l3.29 3.29c.18.19.43.3.71.3a1.003 1.003 0 00.71-1.71z",
+		fillRule: "evenodd"
+	})
+}), r = (e) => /* @__PURE__ */ (0, t.jsx)("svg", {
+	viewBox: "0 0 16 16",
+	...e,
+	children: /* @__PURE__ */ (0, t.jsx)("path", {
+		d: "M12 5c-.28 0-.53.11-.71.29L8 8.59l-3.29-3.3a1.003 1.003 0 00-1.42 1.42l4 4c.18.18.43.29.71.29s.53-.11.71-.29l4-4A1.003 1.003 0 0012 5z",
+		fillRule: "evenodd"
+	})
+});
+//#endregion
+export { r as SortingDown, n as SortingUp };

package/ui/index747.es.js

@@ -0,0 +1,60 @@
+import { x as e } from "./index6.es.js";
+import { require_jsx_runtime as t } from "./index143.es.js";
+import n from "./index249.es.js";
+import { Trans as r } from "./index504.es.js";
+import { getSortName as i } from "./index647.es.js";
+import { Modal as a } from "./index724.es.js";
+import { SortingDown as o, SortingUp as s } from "./index746.es.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/index748.es.js

@@ -0,0 +1,21 @@
+//#region packages/ui/Blocks/CommonGrid/utils/constants.ts
+var e = [
+	{
+		value: 10,
+		label: 10
+	},
+	{
+		value: 20,
+		label: 20
+	},
+	{
+		value: 50,
+		label: 50
+	},
+	{
+		value: 100,
+		label: 100
+	}
+];
+//#endregion
+export { e as rowsPerPageOptions };

package/ui/index749.es.js

@@ -0,0 +1,59 @@
+import { styled as e, x as t } from "./index6.es.js";
+import { require_jsx_runtime as n } from "./index143.es.js";
+import { Trans as r } from "./index504.es.js";
+import { Paragraph4 as i } from "./index511.es.js";
+import a from "./index589.es.js";
+import { rowsPerPageOptions as o } from "./index748.es.js";
+import { useCallback as s, useMemo as c } from "react";
+//#region packages/ui/Blocks/CommonGrid/components/TablePagination/TablePagination.tsx
+var l = n(), u = e.span`
+  display: flex;
+  align-items: center;
+  & > :nth-child(2) {
+    display: none;
+    @media (min-width: 1024px) {
+      display: block;
+    }
+  }
+`, d = e(t.div)`
+  margin-right: 15px;
+  @media (min-width: 1024px) {
+    margin-right: 8px;
+  }
+`, f = ({ gridActions: e, gridSelectors: t, autoRowsPerPage: n, customPaginationHandler: f }) => {
+	let { setRowsPerPage: p } = e, { page: m } = t, h = t.rowsPerPage || 10, g = c(() => n ? [...o, {
+		value: n,
+		label: `auto (${n})`
+	}] : o, [n]), _ = s((e) => {
+		if (e && "value" in e) {
+			let t = Number(e.value);
+			p?.(t), f?.(m ?? 1, t);
+		}
+	}, [
+		p,
+		m,
+		f
+	]);
+	return /* @__PURE__ */ (0, l.jsxs)(u, { children: [/* @__PURE__ */ (0, l.jsx)(d, {
+		minWidth: "110px",
+		children: /* @__PURE__ */ (0, l.jsx)(a, {
+			name: "rowsPerPage",
+			menuPlacement: "top",
+			style: "gridFilter",
+			placeholder: `${h}`,
+			options: g,
+			value: h,
+			isDarkPlaceholderText: !0,
+			onChange: _
+		})
+	}), /* @__PURE__ */ (0, l.jsx)(i, {
+		variant: "normal",
+		mr: "20px",
+		children: /* @__PURE__ */ (0, l.jsx)(r, {
+			id: "dataGrid.resultsPerPage",
+			message: "Results per page"
+		})
+	})] });
+};
+//#endregion
+export { f as default };

package/ui/index75.es.js

@@ -0,0 +1,20 @@
+import { __commonJSMin as e } from "./index2.es.js";
+//#region node_modules/@fortawesome/pro-solid-svg-icons/faChevronDown.js
+var t = /* @__PURE__ */ e(((e) => {
+	Object.defineProperty(e, "__esModule", { value: !0 });
+	var t = "fas", n = "chevron-down", r = 512, i = 512, a = [], o = "f078", s = "M233.4 406.6c12.5 12.5 32.8 12.5 45.3 0l192-192c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L256 338.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l192 192z";
+	e.definition = {
+		prefix: t,
+		iconName: n,
+		icon: [
+			r,
+			i,
+			a,
+			o,
+			s
+		]
+	}, e.faChevronDown = e.definition, e.prefix = t, e.iconName = n, e.width = r, e.height = i, e.ligatures = a, e.unicode = o, e.svgPathData = s, e.aliases = a;
+}));
+//#endregion
+export default t();
+export { t as require_faChevronDown };

package/ui/index750.es.js

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

package/ui/index751.es.js

@@ -0,0 +1,11 @@
+import { require_jsx_runtime as e } from "./index143.es.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/index752.es.js

@@ -0,0 +1,12 @@
+import { __toESM as e } from "./index2.es.js";
+import { require_jsx_runtime as t } from "./index143.es.js";
+import { DateTime as n } from "./index610.es.js";
+import { require_get as r } from "./index743.es.js";
+import "react";
+//#region packages/ui/Blocks/CommonGrid/components/gridCells/Date.tsx
+var i = /* @__PURE__ */ e(r(), 1), a = t(), o = ({ rowData: e, column: t }) => {
+	let r = (0, i.default)(t.name, e);
+	return r ? /* @__PURE__ */ (0, a.jsx)("span", { children: n.fromISO(r).toFormat("dd. MM. yyyy") }) : null;
+};
+//#endregion
+export { o as DateCell };

package/ui/index753.es.js

@@ -0,0 +1,12 @@
+import { __toESM as e } from "./index2.es.js";
+import { require_jsx_runtime as t } from "./index143.es.js";
+import { DateTime as n } from "./index610.es.js";
+import { require_get as r } from "./index743.es.js";
+import "react";
+//#region packages/ui/Blocks/CommonGrid/components/gridCells/DateTime.tsx
+var i = /* @__PURE__ */ e(r(), 1), a = t(), o = { dateTimeFormat: "dd. MM. yyyy HH:mm" }, s = ({ rowData: e, column: t }) => {
+	let r = (0, i.default)(t.name, e), { dateTimeFormat: s } = t?.passProps ?? o;
+	return r ? /* @__PURE__ */ (0, a.jsx)("span", { children: n.fromISO(r).toFormat(s) }) : null;
+};
+//#endregion
+export { s as DateTimeCell };

package/ui/index754.es.js

@@ -0,0 +1,11 @@
+import { __toESM as e } from "./index2.es.js";
+import { require_jsx_runtime as t } from "./index143.es.js";
+import { require_get as n } from "./index743.es.js";
+import "react";
+//#region packages/ui/Blocks/CommonGrid/components/gridCells/StringJoin.tsx
+var r = /* @__PURE__ */ e(n(), 1), i = t(), a = ({ rowData: e, column: t }) => {
+	let n = (0, r.default)(t.name, e);
+	return n?.length ? /* @__PURE__ */ (0, i.jsx)("span", { children: n.join(", ") }) : null;
+};
+//#endregion
+export { a as StringJoinCell };

package/ui/index755.es.js

@@ -0,0 +1,16 @@
+import { __toESM as e } from "./index2.es.js";
+import { styled as t } from "./index6.es.js";
+import { require_jsx_runtime as n } from "./index143.es.js";
+import { ToastSuccess as r } from "./index207.es.js";
+import { ToastError as i } from "./index208.es.js";
+import "./index237.es.js";
+import { require_get as a } from "./index743.es.js";
+import o from "react";
+//#region packages/ui/Blocks/CommonGrid/components/gridCells/BoolIcon.tsx
+var s = /* @__PURE__ */ e(a(), 1), c = n(), l = t.div`
+  display: flex;
+  justify-content: center;
+  width: 100%;
+`, u = o.memo(({ rowData: e, column: t }) => /* @__PURE__ */ (0, c.jsx)(l, { children: (0, s.default)(t.name, e) ? /* @__PURE__ */ (0, c.jsx)(r, {}) : /* @__PURE__ */ (0, c.jsx)(i, {}) }));
+//#endregion
+export { u as BoolIconCell };

package/ui/index756.es.js

@@ -0,0 +1,38 @@
+import { styled as e } from "./index6.es.js";
+import { require_jsx_runtime as t } from "./index143.es.js";
+import n from "./index236.es.js";
+import { Trans as r } from "./index504.es.js";
+import i from "react";
+//#region packages/ui/Blocks/CommonGrid/components/gridCells/RemoveItem.tsx
+var a = t(), o = e.div`
+  width: 100%;
+`, s = e.div`
+  display: flex;
+  justify-content: center;
+  cursor: pointer;
+  color: gray;
+  font-weight: bold;
+  font-size: 10px;
+  & .faIcon {
+    margin-right: 4px;
+  }
+`, c = ({ rowData: e, onRowAction: t }) => {
+	let c = i.useCallback(() => {
+		t?.(e.id, "remove", e);
+	}, [e, t]);
+	return e?.product?.type === "virtual" ? /* @__PURE__ */ (0, a.jsx)(r, {
+		id: "dataGrid.columnLot.NA",
+		message: "N/A"
+	}) : /* @__PURE__ */ (0, a.jsx)(o, { children: /* @__PURE__ */ (0, a.jsxs)(s, {
+		onClick: c,
+		children: [/* @__PURE__ */ (0, a.jsx)(n, {
+			icon: "deleteX",
+			size: "12px"
+		}), /* @__PURE__ */ (0, a.jsx)(r, {
+			id: "dataGrid.deleteItem",
+			message: "Delete"
+		})]
+	}) });
+};
+//#endregion
+export { c as RemoveCell };

package/ui/index757.es.js

@@ -0,0 +1,35 @@
+import { css as e, styled as t } from "./index6.es.js";
+import { Link as n } from "./index389.es.js";
+//#region packages/ui/Elements/SimpleLink/SimpleLink.tsx
+var r = t(n)`
+  color: inherit;
+  cursor: pointer;
+
+  :visited {
+    color: inherit;
+  }
+  :hover {
+    color: inherit;
+  }
+  :active {
+    color: inherit;
+  }
+  :focus {
+    outline: none;
+  }
+
+  ${({ disabled: t }) => t ? e`
+          pointer-events: none;
+          opacity: 0.5;
+        ` : null}
+
+  ${({ $decorate: t }) => t ? e`
+          text-decoration: underline;
+        ` : null}
+
+  ${({ variant: t }) => t ? e`
+          font-weight: ${t};
+        ` : null}
+`;
+//#endregion
+export { r as default };

package/ui/index758.es.js

@@ -0,0 +1,5 @@
+import e from "./index757.es.js";
+//#region packages/ui/Elements/SimpleLink/index.ts
+var t = e;
+//#endregion
+export { t as default };

package/ui/index759.es.js

@@ -0,0 +1,9 @@
+import { styled as e } from "./index6.es.js";
+import t from "./index757.es.js";
+import "./index758.es.js";
+//#region packages/ui/Blocks/CommonGrid/components/gridCells/LinkInCell.tsx
+var n = e(t)`
+  text-decoration: underline;
+`;
+//#endregion
+export { n as LinkInCell };

package/ui/index76.es.js

@@ -0,0 +1,20 @@
+import { __commonJSMin as e } from "./index2.es.js";
+//#region node_modules/@fortawesome/pro-solid-svg-icons/faChevronLeft.js
+var t = /* @__PURE__ */ e(((e) => {
+	Object.defineProperty(e, "__esModule", { value: !0 });
+	var t = "fas", n = "chevron-left", r = 320, i = 512, a = [9001], o = "f053", s = "M9.4 233.4c-12.5 12.5-12.5 32.8 0 45.3l192 192c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L77.3 256 246.6 86.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0l-192 192z";
+	e.definition = {
+		prefix: t,
+		iconName: n,
+		icon: [
+			r,
+			i,
+			a,
+			o,
+			s
+		]
+	}, e.faChevronLeft = e.definition, e.prefix = t, e.iconName = n, e.width = r, e.height = i, e.ligatures = a, e.unicode = o, e.svgPathData = s, e.aliases = a;
+}));
+//#endregion
+export default t();
+export { t as require_faChevronLeft };

package/ui/index760.es.js

@@ -0,0 +1,11 @@
+import { require_jsx_runtime as e } from "./index143.es.js";
+import t from "./index248.es.js";
+import "react";
+//#region packages/ui/Blocks/CommonGrid/components/gridCells/ButtonInCell.tsx
+var n = e(), r = (e) => /* @__PURE__ */ (0, n.jsx)(t, {
+	...e,
+	appearance: "primary",
+	variant: "link"
+});
+//#endregion
+export { r as ButtonInCell };