@declarion/react 0.65.1 → 0.66.0

package/dist-lib/components/pages/list/ListNoRows.js

@@ -0,0 +1,72 @@
+import { ApiError as e } from "../../../types/api.js";
+import { fieldDisplayName as t } from "../../../types/schema.js";
+import { Btn as n } from "../../primitives/Btn.js";
+import { useText as r } from "../../../hooks/useText.js";
+import { safeExternalUrl as i } from "../../../lib/safe-url.js";
+import { failureTitle as a } from "../../../lib/failure.js";
+import { EmptyState as o } from "../../shared/EmptyState.js";
+import { TableSkeleton as s } from "../../shared/LoadingSkeleton.js";
+import { Fragment as c, jsx as l, jsxs as u } from "react/jsx-runtime";
+//#region src/components/pages/list/ListNoRows.tsx
+function d(n, r, i, o) {
+	let s = a(r, o);
+	if (!(o instanceof e)) return s;
+	let c = o.ext("field");
+	if (!c) return s;
+	let l = i.fields.get(c), u = l ? t(n, l, c) : c, d = o.ext("value");
+	return d === void 0 ? n("list.rows.failed_field", "{reason} Field: {field}.", {
+		reason: s,
+		field: u
+	}) : n("list.rows.failed_field_value", "{reason} Field: {field}. Value: {value}.", {
+		reason: s,
+		field: u,
+		value: d
+	});
+}
+function f({ isLoading: e, tableLoadingStale: t, isError: a, error: f, rowCount: p, entity: m, screen: h, screenName: g, screenIcon: _, isFiltered: v, canCreate: y, toolbarActions: b, onRetry: x }) {
+	let S = r(), C = r("errors"), w = m.display;
+	return e && t ? /* @__PURE__ */ l("div", {
+		style: { padding: "0 20px" },
+		children: /* @__PURE__ */ l(o, {
+			icon: "alert-circle",
+			title: S("list.rows.loading_slow_title", "Still loading data"),
+			description: S("list.rows.loading_slow_body", "This table is taking longer than expected. Retry the request or check network and server health."),
+			action: /* @__PURE__ */ l(n, {
+				kind: "primary",
+				size: "sm",
+				onClick: x,
+				children: S("list.rows.retry", "Retry")
+			})
+		})
+	}) : e ? /* @__PURE__ */ l(s, { cols: h.columns?.length ?? 4 }) : a ? /* @__PURE__ */ l("div", {
+		style: { padding: "0 20px" },
+		children: /* @__PURE__ */ l(o, {
+			icon: "alert-circle",
+			title: C("list.rows_unreadable", "The records could not be loaded."),
+			description: d(S, C, m, f),
+			action: /* @__PURE__ */ l(n, {
+				kind: "primary",
+				size: "sm",
+				onClick: x,
+				children: S("list.rows.retry", "Retry")
+			})
+		})
+	}) : p === 0 ? /* @__PURE__ */ l("div", {
+		style: { padding: "0 20px" },
+		children: (() => {
+			let e = w.empty_state, t = S(e?.title), n = S(e?.body), r = i(e?.learn_more_url), a = v ? S("list.rows.no_results_title", "No results found") : t || S("list.rows.empty_title", "No {name} yet", { name: S(w.name_plural) || g }), s = y && b.some(({ code: e }) => e === "__new" || e === "__create"), d;
+			return d = v ? S("list.rows.no_results_body", "Try adjusting your search or filters") : n ? /* @__PURE__ */ u(c, { children: [n, r && /* @__PURE__ */ u(c, { children: [" ", /* @__PURE__ */ l("a", {
+				href: r,
+				target: "_blank",
+				rel: "noopener noreferrer",
+				children: S("list.rows.learn_more", "Learn more")
+			})] })] }) : s ? S("list.rows.empty_create", "Create your first {name} to get started", { name: S(w.name) }) : void 0, /* @__PURE__ */ l(o, {
+				icon: _,
+				title: a,
+				description: d
+			});
+		})()
+	}) : null;
+}
+//#endregion
+export { f as ListNoRows, d as listLoadErrorDescription };

package/dist-lib/components/pages/list/ListTable.js

@@ -0,0 +1,191 @@
+import { Icon as e } from "../../primitives/Icons.js";
+import { useText as t } from "../../../hooks/useText.js";
+import { headerSizeVar as n, sizeFromVar as r } from "./column-sizing.js";
+import { isHeaderSortable as i } from "./sortable-header.js";
+import { Suspense as a, lazy as o, memo as s } from "react";
+import { jsx as c, jsxs as l } from "react/jsx-runtime";
+import { flexRender as u } from "@tanstack/react-table";
+//#region src/components/pages/list/ListTable.tsx
+var d = o(() => import("./SortHeaderMenu.js").then((e) => ({ default: e.SortHeaderMenu }))), f = s(function({ virtualItems: e, topPad: t, bottomPad: n, colSpan: r, rows: i, renderRow: a, showsPreviousRows: o }) {
+	return /* @__PURE__ */ l("tbody", {
+		style: o ? {
+			opacity: .45,
+			transition: "opacity 120ms"
+		} : void 0,
+		children: [
+			e.length > 0 && /* @__PURE__ */ c("tr", { children: /* @__PURE__ */ c("td", {
+				style: { height: t },
+				colSpan: r
+			}) }),
+			e.map((e) => a(i[e.index], e.index)),
+			e.length > 0 && /* @__PURE__ */ c("tr", { children: /* @__PURE__ */ c("td", {
+				style: { height: n },
+				colSpan: r
+			}) })
+		]
+	});
+}, (e, t) => t.isResizing);
+function p({ table: o, columns: s, rows: p, entity: m, columnSizeVars: h, totalColumnsWidth: g, theadRef: _, virtualizer: v, visibleCols: y, headerReorder: b, sortCols: x, sortNullsMap: S, shiftClickColumn: C, applyColumnSort: w, appendColumnSort: T, clearColumnSort: E, clearAllSorts: D, renderRow: O, isResizingColumn: k, showsPreviousRows: A }) {
+	let j = t();
+	return /* @__PURE__ */ l("table", {
+		"data-virtual-rows": "true",
+		"aria-busy": A || void 0,
+		style: {
+			...h,
+			tableLayout: "fixed",
+			width: "100%",
+			minWidth: g,
+			borderCollapse: "separate",
+			borderSpacing: 0,
+			fontSize: 12.5,
+			color: "var(--text)"
+		},
+		children: [/* @__PURE__ */ c("thead", {
+			ref: _,
+			children: o.getHeaderGroups().map((t) => /* @__PURE__ */ l("tr", {
+				style: {
+					height: 32,
+					background: "var(--surface-2)"
+				},
+				children: [t.headers.map((t) => {
+					let o = i(t.id, m), s = t.column.getIsSorted(), f = t.id === "_select", p = t.id === "_actions", h = s ? x.findIndex((e) => e.field === t.id) + 1 : 0, g = x.length > 1 && h > 0, _ = h > 0, v = x.length < 5, O = o ? t.column.getToggleSortingHandler() : void 0, k = o ? (e) => {
+						e.shiftKey ? (e.preventDefault(), C(t.id)) : O?.(e);
+					} : void 0, A = !f && !p, M = A ? y.indexOf(t.id) : -1, N = b.dragColId === t.id, P = b.isDragging && M !== -1 && b.dropIndex === M, F = b.isDragging && M !== -1 && M === y.length - 1 && b.dropIndex === y.length;
+					return /* @__PURE__ */ l("th", {
+						"data-col-id": A ? t.id : void 0,
+						onMouseDown: A ? (e) => b.onHeaderMouseDown(t.id, e) : void 0,
+						onClick: (e) => {
+							b.consumeDragSuppression() || k?.(e);
+						},
+						style: {
+							padding: f ? "0 6px 0 12px" : p ? "0 6px" : "0 10px",
+							textAlign: "left",
+							fontWeight: 600,
+							fontSize: 11,
+							letterSpacing: "0.01em",
+							color: "var(--text-3)",
+							whiteSpace: "nowrap",
+							cursor: o ? "pointer" : "default",
+							opacity: N ? .4 : 1,
+							boxShadow: P ? "inset 2px 0 0 0 var(--accent)" : F ? "inset -2px 0 0 0 var(--accent)" : void 0,
+							width: r(n(t.id)),
+							minWidth: r(n(t.id)),
+							borderBottom: "1px solid var(--border)",
+							background: "var(--surface-2)",
+							position: "sticky",
+							top: 0,
+							left: f ? 0 : "auto",
+							zIndex: f ? 3 : 2
+						},
+						children: [t.isPlaceholder ? null : o ? /* @__PURE__ */ l("span", {
+							style: {
+								display: "inline-flex",
+								alignItems: "center",
+								gap: 4
+							},
+							children: [
+								u(t.column.columnDef.header, t.getContext()),
+								/* @__PURE__ */ l("span", {
+									style: {
+										display: "inline-flex",
+										flexDirection: "column",
+										alignItems: "center",
+										lineHeight: 0
+									},
+									children: [s === "asc" ? /* @__PURE__ */ c(e.arrowUp, { size: 11 }) : s === "desc" ? /* @__PURE__ */ c(e.arrowDown, { size: 11 }) : /* @__PURE__ */ c(e.sort, {
+										size: 11,
+										style: { opacity: .35 }
+									}), s && S.get(t.id) === "first" ? /* @__PURE__ */ c("span", {
+										"aria-hidden": "true",
+										style: {
+											width: 4,
+											height: 4,
+											marginTop: 1,
+											borderRadius: 9999,
+											background: "var(--text-3)"
+										}
+									}) : null]
+								}),
+								g ? /* @__PURE__ */ c("span", {
+									"aria-label": j("list.sort.rank", "Sort rank {rank}", { rank: h }),
+									style: {
+										fontSize: 10,
+										lineHeight: 1,
+										color: "var(--text-3)",
+										verticalAlign: "super",
+										fontVariantNumeric: "tabular-nums"
+									},
+									children: h
+								}) : null,
+								/* @__PURE__ */ c(a, {
+									fallback: null,
+									children: /* @__PURE__ */ c(d, {
+										field: t.id,
+										activeDir: s,
+										activeNulls: S.get(t.id),
+										inMultiSort: _,
+										canAppend: v,
+										onApply: (e, n) => w(t.id, e, n),
+										onAppend: (e, n) => T(t.id, e, n),
+										onClearColumn: () => E(t.id),
+										onClearAll: D
+									})
+								})
+							]
+						}) : u(t.column.columnDef.header, t.getContext()), t.column.getCanResize() && /* @__PURE__ */ c("div", {
+							"data-testid": "col-resize-handle",
+							"aria-hidden": "true",
+							onMouseDown: (e) => {
+								e.stopPropagation(), t.getResizeHandler()(e);
+							},
+							onTouchStart: (e) => {
+								e.stopPropagation(), t.getResizeHandler()(e);
+							},
+							onClick: (e) => e.stopPropagation(),
+							style: {
+								position: "absolute",
+								top: 0,
+								right: 0,
+								height: "100%",
+								width: 9,
+								display: "flex",
+								justifyContent: "center",
+								cursor: "col-resize",
+								touchAction: "none",
+								userSelect: "none",
+								zIndex: 3
+							},
+							children: /* @__PURE__ */ c("span", { style: {
+								width: 2,
+								height: "60%",
+								alignSelf: "center",
+								borderRadius: "var(--radius-xs)",
+								background: t.column.getIsResizing() ? "var(--accent)" : "var(--border)"
+							} })
+						})]
+					}, t.id);
+				}), /* @__PURE__ */ c("th", {
+					"aria-hidden": "true",
+					style: {
+						borderBottom: "1px solid var(--border)",
+						background: "var(--surface-2)",
+						position: "sticky",
+						top: 0,
+						zIndex: 2
+					}
+				})]
+			}, t.id))
+		}), /* @__PURE__ */ c(f, {
+			virtualItems: v.getVirtualItems(),
+			topPad: v.getVirtualItems()[0]?.start ?? 0,
+			bottomPad: v.getTotalSize() - (v.getVirtualItems().at(-1)?.end ?? 0),
+			colSpan: s.length + 1,
+			rows: p,
+			renderRow: O,
+			isResizing: !!k,
+			showsPreviousRows: A
+		})]
+	});
+}
+//#endregion
+export { p as ListTable };

package/dist-lib/components/pages/list/ListTableRow.js

@@ -0,0 +1,37 @@
+import { DataCell as e } from "./DataCell.js";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+//#region src/components/pages/list/ListTableRow.tsx
+function r({ row: r, rowIndex: i, entity: a, hasSoftDelete: o, zebra: s, hasDetailTarget: c, interaction: l, measureElement: u }) {
+	let d = r.original, f = o && d[a.soft_delete] != null, p = r.getIsSelected(), m = s && i % 2 == 1;
+	return /* @__PURE__ */ n("tr", {
+		"data-index": i,
+		"data-row-stripe": m ? "" : void 0,
+		"aria-selected": p,
+		ref: (e) => u(e),
+		style: {
+			height: "var(--row-h)",
+			cursor: c || l.peekAllowed ? "pointer" : "default",
+			opacity: f ? .5 : 1,
+			fontStyle: f ? "italic" : "normal",
+			transition: "background-color 120ms"
+		},
+		onClick: c || l.peekAllowed ? (e) => l.onRowClick(e, d) : void 0,
+		onContextMenu: (e) => {
+			e.preventDefault(), l.setContextMenu({
+				x: e.clientX,
+				y: e.clientY,
+				row: d
+			});
+		},
+		...l.longPress.handlers,
+		onPointerDown: (e) => {
+			l.pressedRow.current = d, l.longPress.handlers.onPointerDown(e);
+		},
+		children: [r.getVisibleCells().map((n) => /* @__PURE__ */ t(e, { cell: n }, n.id)), /* @__PURE__ */ t("td", {
+			"aria-hidden": "true",
+			style: { borderBottom: "1px solid var(--divider)" }
+		})]
+	}, r.id);
+}
+//#endregion
+export { r as ListTableRow };

package/dist-lib/components/pages/list/ListToolbar.js

@@ -0,0 +1,261 @@
+import { Icon as e } from "../../primitives/Icons.js";
+import { Btn as t } from "../../primitives/Btn.js";
+import { IconBtn as n } from "../../primitives/IconBtn.js";
+import { Pill as r } from "../../primitives/Pill.js";
+import { Kbd as ee } from "../../primitives/Kbd.js";
+import { Dropdown as i } from "../../primitives/Dropdown.js";
+import { useText as te } from "../../../hooks/useText.js";
+import { MenuItem as a } from "../../primitives/MenuItem.js";
+import { TextInput as o } from "../../primitives/Fields.js";
+import { usePreferencesStore as s } from "../../../stores/preferences.js";
+import { useEntity as ne } from "../../../hooks/useEntity.js";
+import { pageInsetX as re } from "../../../lib/page-inset.js";
+import { resolveSchemaFieldLabel as ie } from "../../file-widgets/host.js";
+import { ColumnPicker as c } from "../../list/ColumnPicker.js";
+import { ViewSwitcher as l } from "../../list/ViewSwitcher.js";
+import { RefreshControl as u } from "../../shared/RefreshControl.js";
+import { DocumentsMenu as ae } from "../DocumentsMenu.js";
+import { canManageDocumentTemplates as d } from "../../../lib/document-templates.js";
+import { isHeaderSortable as f } from "./sortable-header.js";
+import { ExportMenu as p } from "../ExportMenu.js";
+import { useRef as m, useState as h } from "react";
+import { Fragment as g, jsx as _, jsxs as v } from "react/jsx-runtime";
+//#region src/components/pages/list/ListToolbar.tsx
+function y({ screen: y, entity: b, entityCode: x, schema: S, screenCode: C, screenName: w, isPhone: T, isCardsPresentation: E, sort: D, columns: O, views: k, query: A, selection: j, filters: M, searchValue: N, onSearchChange: oe, onSaveView: se, onDeleteView: ce, page: P, perPage: F, includeDeleted: I, canViewDeleted: L, onToggleDeleted: R, realtime: z, isLive: B }) {
+	let V = te(), H = ne("view")?.actions, [U, W] = h(!1), [G, K] = h(!1), [q, J] = h(!1), Y = m(null), X = m(null), Z = s((e) => e.density), Q = () => {
+		let e = Z === "compact" ? "comfortable" : Z === "comfortable" ? "cozy" : "compact";
+		s.getState().setMany({ density: e });
+	}, le = !T || U || N !== "", $ = (e) => {
+		if (e.startsWith("$status.")) {
+			let t = e.slice(8), n = b.status_groups?.[t];
+			return n ? V(n.name) || t : e;
+		}
+		if (e.startsWith("$property.")) {
+			let t = e.slice(10), n = b.properties?.[t];
+			return n ? V(n.name) || t : e;
+		}
+		return ie(V, b, e, S?.entities);
+	}, ue = (y.columns ?? []).filter((e) => f(e, b));
+	return /* @__PURE__ */ v("div", {
+		style: {
+			display: "flex",
+			alignItems: "center",
+			gap: T ? 6 : 8,
+			paddingTop: 0,
+			paddingBottom: 10,
+			...T ? re(12) : {
+				paddingLeft: 20,
+				paddingRight: 20
+			},
+			flexWrap: "wrap"
+		},
+		children: [
+			/* @__PURE__ */ _(l, {
+				views: k.all,
+				activeViewId: k.activeId,
+				isDirty: k.isDirty,
+				onSelect: k.apply,
+				onSaveAs: H?.__create ? se : void 0,
+				onSave: H?.__update ? () => {
+					k.overwriteActive().catch(() => void 0);
+				} : void 0,
+				onDiscard: k.discard,
+				onDelete: H?.__delete ? ce : void 0,
+				deletePending: k.isDeleting
+			}),
+			le ? /* @__PURE__ */ v("div", {
+				style: {
+					position: "relative",
+					width: T ? "100%" : 260,
+					order: T ? -1 : 0
+				},
+				children: [/* @__PURE__ */ _(o, {
+					value: N,
+					onChange: oe,
+					placeholder: V("list.toolbar.search_placeholder", "Search {name}…", { name: w }),
+					prefix: /* @__PURE__ */ _(e.search, { size: 13 })
+				}), /* @__PURE__ */ _("span", {
+					style: {
+						position: "absolute",
+						right: 6,
+						top: "50%",
+						transform: "translateY(-50%)",
+						pointerEvents: "none"
+					},
+					children: /* @__PURE__ */ _(ee, { children: "/" })
+				})]
+			}) : /* @__PURE__ */ _(n, {
+				icon: /* @__PURE__ */ _(e.search, { size: 14 }),
+				title: V("list.toolbar.search", "Search {name}", { name: w }),
+				onClick: () => W(!0)
+			}),
+			/* @__PURE__ */ v(t, {
+				icon: /* @__PURE__ */ _(e.filter, { size: 13 }),
+				onClick: M.onOpen,
+				active: M.count > 0,
+				children: [V("list.toolbar.filters", "Filters"), M.count > 0 && /* @__PURE__ */ _(r, {
+					tone: "violet",
+					size: "xs",
+					style: { marginLeft: 4 },
+					children: M.count
+				})]
+			}),
+			E && /* @__PURE__ */ v(g, { children: [/* @__PURE__ */ v(t, {
+				ref: Y,
+				icon: /* @__PURE__ */ _(e.sort, { size: 13 }),
+				onClick: () => K((e) => !e),
+				active: G || D.cols.length > 0,
+				children: [V("list.toolbar.sort", "Sort"), D.cols.length > 0 && /* @__PURE__ */ _(r, {
+					tone: "slate",
+					size: "xs",
+					style: { marginLeft: 4 },
+					children: D.cols.length
+				})]
+			}), /* @__PURE__ */ v(i, {
+				open: G,
+				anchor: Y.current,
+				onClose: () => K(!1),
+				align: "start",
+				width: 280,
+				children: [
+					/* @__PURE__ */ _("div", {
+						style: {
+							padding: "6px 8px 4px",
+							fontSize: 10,
+							color: "var(--text-3)",
+							fontWeight: 700,
+							letterSpacing: "0.08em",
+							textTransform: "uppercase"
+						},
+						children: V("list.toolbar.sort_by", "Sort by")
+					}),
+					ue.map((t) => {
+						let n = D.cols.find((e) => e.field === t);
+						return /* @__PURE__ */ _(a, {
+							icon: n ? n.dir === "desc" ? /* @__PURE__ */ _(e.arrowDown, { size: 12 }) : /* @__PURE__ */ _(e.arrowUp, { size: 12 }) : /* @__PURE__ */ _("span", { style: {
+								width: 12,
+								display: "inline-block"
+							} }),
+							active: !!n,
+							onClick: () => {
+								D.applyColumn(t, n?.dir === "asc" ? "desc" : "asc", void 0), K(!1);
+							},
+							children: $(t)
+						}, t);
+					}),
+					D.cols.length > 0 && /* @__PURE__ */ v(g, { children: [/* @__PURE__ */ _(a, { divider: !0 }), /* @__PURE__ */ _(a, {
+						icon: /* @__PURE__ */ _(e.x, { size: 12 }),
+						onClick: () => {
+							D.clearAll(), K(!1);
+						},
+						children: V("list.toolbar.clear_sort", "Clear sort")
+					})] })
+				]
+			})] }),
+			!E && /* @__PURE__ */ _(c, {
+				availableColumns: y.columns ?? [],
+				visibleColumns: O.visible,
+				onToggle: (e) => {
+					let t = O.visible.includes(e) ? O.visible.filter((t) => t !== e) : [...O.visible, e];
+					O.apply(t);
+				},
+				onMove: O.move,
+				onReset: O.clear,
+				onShowAll: () => O.apply(y.columns ?? []),
+				onResetWidths: O.resetWidths,
+				columnLabel: $
+			}),
+			!T && /* @__PURE__ */ _("span", { style: {
+				width: 1,
+				height: 20,
+				background: "var(--divider)"
+			} }),
+			!T && /* @__PURE__ */ _(n, {
+				icon: /* @__PURE__ */ _(e.grid, { size: 14 }),
+				title: V("list.toolbar.density", "Density"),
+				active: Z !== "compact",
+				onClick: Q
+			}),
+			/* @__PURE__ */ _(u, {
+				liveObject: {
+					refetch: A.retry,
+					isLoading: A.isLoading,
+					isLive: B
+				},
+				realtime: z
+			}),
+			!T && /* @__PURE__ */ _("div", { style: { flex: 1 } }),
+			!T && L && /* @__PURE__ */ _(t, {
+				kind: "ghost",
+				size: "sm",
+				icon: _(I ? e.eyeOff : e.eye, { size: 12 }),
+				onClick: R,
+				active: I,
+				children: I ? V("list.toolbar.hide_deleted", "Hide deleted") : V("list.toolbar.show_deleted", "Show deleted")
+			}),
+			T && /* @__PURE__ */ v(g, { children: [/* @__PURE__ */ _(n, {
+				ref: X,
+				icon: /* @__PURE__ */ _(e.more, { size: 14 }),
+				title: V("list.toolbar.more", "More"),
+				active: q,
+				onClick: () => J((e) => !e)
+			}), /* @__PURE__ */ v(i, {
+				open: q,
+				anchor: X.current,
+				onClose: () => J(!1),
+				align: "end",
+				width: 220,
+				children: [/* @__PURE__ */ _(a, {
+					icon: /* @__PURE__ */ _(e.grid, { size: 13 }),
+					onClick: () => {
+						Q(), J(!1);
+					},
+					children: V("list.toolbar.density", "Density")
+				}), L && /* @__PURE__ */ _(a, {
+					icon: _(I ? e.eyeOff : e.eye, { size: 13 }),
+					onClick: () => {
+						R(), J(!1);
+					},
+					children: I ? V("list.toolbar.hide_deleted", "Hide deleted") : V("list.toolbar.show_deleted", "Show deleted")
+				})]
+			})] }),
+			x && b && /* @__PURE__ */ _(ae, {
+				entityCode: x,
+				scope: "list",
+				selectedIds: j.ids,
+				viewState: {
+					screenCode: C,
+					jsonFilters: M.json,
+					search: M.debouncedSearch,
+					sort: D.forRequest,
+					includeDeleted: I || void 0,
+					page: P,
+					perPage: F
+				},
+				capability: b.documents,
+				canManageTemplates: d(S)
+			}),
+			x && b && /* @__PURE__ */ _(p, {
+				entityCode: x,
+				entity: b,
+				screen: y,
+				viewState: {
+					screenCode: C,
+					jsonFilters: M.json,
+					search: M.debouncedSearch,
+					sort: D.forRequest,
+					includeDeleted: I || void 0,
+					page: P,
+					perPage: F
+				},
+				visibleColumns: O.visible,
+				selectedRowPKs: j.pkValues,
+				totalRows: A.countTotal,
+				pageRows: A.isLoading || A.isShowingPreviousRows ? void 0 : A.rows.length,
+				language: V.language
+			})
+		]
+	});
+}
+//#endregion
+export { y as ListToolbar };

package/dist-lib/components/pages/list/ListUrlBanner.js

@@ -0,0 +1,45 @@
+import { Btn as e } from "../../primitives/Btn.js";
+import { useText as t } from "../../../hooks/useText.js";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+//#region src/components/pages/list/ListUrlBanner.tsx
+var i = {
+	margin: "0 20px 10px",
+	padding: "8px 10px",
+	border: "1px solid var(--danger)",
+	borderRadius: "var(--radius-md)",
+	color: "var(--danger)",
+	fontSize: 12,
+	display: "flex",
+	alignItems: "center",
+	gap: 8
+};
+function a({ filterError: a, unresolvedViewId: o, onClearFilters: s, onClearView: c }) {
+	let l = t(), u = l("list.banner.clear", "Clear");
+	return a ? /* @__PURE__ */ r("div", {
+		role: "alert",
+		"data-testid": "filter-url-error",
+		style: i,
+		children: [/* @__PURE__ */ r("span", { children: [
+			a,
+			" ",
+			l("list.filters.invalid_suffix", "Showing this list without URL filters.")
+		] }), /* @__PURE__ */ n(e, {
+			kind: "ghost",
+			size: "xs",
+			onClick: s,
+			children: u
+		})]
+	}) : o ? /* @__PURE__ */ r("div", {
+		role: "alert",
+		"data-testid": "view-url-unresolved",
+		style: i,
+		children: [/* @__PURE__ */ n("span", { children: l("list.view.unresolved", "The view “{id}” could not be opened - it may have been deleted, or it belongs to someone else. Showing this list without it.", { id: o }) }), /* @__PURE__ */ n(e, {
+			kind: "ghost",
+			size: "xs",
+			onClick: c,
+			children: u
+		})]
+	}) : null;
+}
+//#endregion
+export { a as ListUrlBanner };

package/dist-lib/components/pages/list/RowActionsCell.js

@@ -0,0 +1,49 @@
+import { Icon as e } from "../../primitives/Icons.js";
+import { IconBtn as t } from "../../primitives/IconBtn.js";
+import { useText as n } from "../../../hooks/useText.js";
+import { ResponsiveActionBar as r } from "../../actions/ResponsiveActionBar.js";
+import { useRowMenu as i } from "./useRowMenu.js";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+//#region src/components/pages/list/RowActionsCell.tsx
+function s({ row: s, rowId: c, screen: l, fullScreen: u, entity: d, entityCode: f, rowActions: p, tabNavigate: m, peekAllowed: h, hasDetailTarget: g, onPeek: _ }) {
+	let v = n(), { layout: y, entityActions: b, runRowAction: x, widgetContext: S, hasPeek: C } = i({
+		row: s,
+		rowId: c,
+		screen: l,
+		fullScreen: u,
+		entity: d,
+		entityCode: f,
+		rowActions: p,
+		tabNavigate: m,
+		peekAllowed: h,
+		hasDetailTarget: g,
+		onPeek: _
+	});
+	return /* @__PURE__ */ o("div", {
+		className: "sl-row-actions",
+		style: {
+			display: "flex",
+			alignItems: "center",
+			gap: 2,
+			justifyContent: "flex-end"
+		},
+		children: [C && /* @__PURE__ */ a(t, {
+			size: 22,
+			icon: /* @__PURE__ */ a(e.eye, { size: 12 }),
+			onClick: (e) => {
+				e.stopPropagation(), _(s);
+			},
+			title: v("list.row.peek", "Peek")
+		}), y.length > 0 && /* @__PURE__ */ a(r, {
+			layout: y,
+			row: s,
+			kind: "row",
+			entityActions: b,
+			onRun: x,
+			widgetContext: S,
+			ariaLabel: v("list.row.actions", "Row actions")
+		})]
+	});
+}
+//#endregion
+export { s as RowActionsCell };