@declarion/react 0.87.0 → 0.89.0

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

@@ -1,7 +1,7 @@
 import { pluralText as e } from "../../../lib/language.js";
-import { Icon as t } from "../../primitives/Icons.js";
-import { useText as n } from "../../../hooks/useText.js";
-import { buildActionBody as r, executeAction as i } from "../../../api/data.js";
+import { buildActionBody as t, executeAction as n } from "../../../api/data.js";
+import { Icon as r } from "../../primitives/Icons.js";
+import { useText as i } from "../../../hooks/useText.js";
 import { applyRowState as a, defaultFlatForSlot as o, filterLayoutForSlot as s } from "../../../lib/actions.js";
 import { useActionRunner as c } from "../../actions/ActionRunner.js";
 import { dispatchAction as l } from "../../../lib/action-dispatch.js";
@@ -13,7 +13,7 @@ import { jsx as g, jsxs as _ } from "react/jsx-runtime";
 //#region src/components/pages/list/ListFloatbar.tsx
 var v = "@keyframes floatbarIn{from{transform:translateX(-50%) translateY(8px);opacity:0}to{transform:translateX(-50%) translateY(0);opacity:1}}";
 function y({ selectedIds: y, floatbarActions: b, screenActionLayout: x, entityActionLayout: S, data: C, rowKey: w, entityCode: T, entity: E, screen: D, onClear: O, onActionSuccess: k, widgetContext: A }) {
-	let j = n(), M = d(E), N = n("errors"), { run: P } = c(), F = h(() => {
+	let j = i(), M = d(E), N = i("errors"), { run: P } = c(), F = h(() => {
 		let e = {};
 		for (let { code: t, action: n } of b) e[t] = n;
 		return e;
@@ -94,16 +94,16 @@ function y({ selectedIds: y, floatbarActions: b, screenActionLayout: x, entityAc
 				kind: "toolbar",
 				entityActions: F,
 				rowSelection: I,
-				onRun: (e, t) => {
-					let n = l(N, e, t, {}, T);
-					if (n !== null) return P({
-						action: t,
-						title: j(t.display?.name) || e,
+				onRun: (e, r) => {
+					let i = l(N, e, r, {}, T);
+					if (i !== null) return P({
+						action: r,
+						title: j(r.display?.name) || e,
 						bulkSelection: I,
 						entity: T,
 						execute: async (e) => {
-							let t = await i(n, r(e, y));
-							return k(), t;
+							let r = await n(i, t(e, y));
+							return k(), r;
 						}
 					});
 				},
@@ -123,7 +123,7 @@ function y({ selectedIds: y, floatbarActions: b, screenActionLayout: x, entityAc
 					borderRadius: "var(--radius-md)"
 				},
 				title: j("list.selection.clear", "Clear selection"),
-				children: /* @__PURE__ */ g(t.x, { size: 14 })
+				children: /* @__PURE__ */ g(r.x, { size: 14 })
 			})
 		]
 	});

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

@@ -1,9 +1,9 @@
-import { Icon as e } from "../../primitives/Icons.js";
-import { IconBtn as t } from "../../primitives/IconBtn.js";
-import { InfoTooltip as n } from "../../primitives/Tooltip.js";
-import { useText as r } from "../../../hooks/useText.js";
-import { useResponsiveMode as i } from "../../../hooks/useResponsiveMode.js";
-import { buildActionBody as a, executeAction as o } from "../../../api/data.js";
+import { buildActionBody as e, executeAction as t } from "../../../api/data.js";
+import { Icon as n } from "../../primitives/Icons.js";
+import { IconBtn as r } from "../../primitives/IconBtn.js";
+import { InfoTooltip as i } from "../../primitives/Tooltip.js";
+import { useText as a } from "../../../hooks/useText.js";
+import { useResponsiveMode as o } from "../../../hooks/useResponsiveMode.js";
 import { pageInsetX as s } from "../../../lib/page-inset.js";
 import { actionRequiresSelection as c, applyRowState as l, defaultFlatForSlot as u, disableLeavesWhere as d, filterLayoutForSlot as f } from "../../../lib/actions.js";
 import { useActionRunner as p } from "../../actions/ActionRunner.js";
@@ -16,7 +16,7 @@ import { useMemo as y } from "react";
 import { jsx as b, jsxs as x } from "react/jsx-runtime";
 //#region src/components/pages/list/ListHeader.tsx
 function S({ title: S, description: C, toolbarActions: w, screenActionLayout: T, entityActionLayout: E, selectedIds: D, data: O, rowKey: k, onActionSuccess: A, widgetContext: j }) {
-	let M = r(), N = v(j.entity), P = r("errors"), { run: F } = p(), { isPhone: I } = i(), L = m("list"), R = L.isVisible("show_title"), z = L.isVisible("show_actions"), B = h(), V = y(() => {
+	let M = a(), N = v(j.entity), P = a("errors"), { run: F } = p(), { isPhone: I } = o(), L = m("list"), R = L.isVisible("show_title"), z = L.isVisible("show_actions"), B = h(), V = y(() => {
 		let e = {};
 		for (let { code: t, action: n } of w) e[t] = n;
 		return e;
@@ -43,17 +43,17 @@ function S({ title: S, description: C, toolbarActions: w, screenActionLayout: T,
 		V,
 		W,
 		N
-	]), K = D.length > 0 ? G : U, q = (e, t) => {
-		let n = g(P, e, t, {});
-		if (n === null) return;
-		let r = M(t.display?.name) || e;
+	]), K = D.length > 0 ? G : U, q = (n, r) => {
+		let i = g(P, n, r, {});
+		if (i === null) return;
+		let a = M(r.display?.name) || n;
 		return F({
-			action: t,
-			title: r,
+			action: r,
+			title: a,
 			bulkSelection: W.length > 0 ? W : void 0,
-			execute: async (e) => {
-				let t = D.length > 0 ? D : void 0, r = await o(n, a(e, t));
-				return t && t.length > 0 && A(), r;
+			execute: async (n) => {
+				let r = D.length > 0 ? D : void 0, a = await t(i, e(n, r));
+				return r && r.length > 0 && A(), a;
 			}
 		});
 	};
@@ -71,8 +71,8 @@ function S({ title: S, description: C, toolbarActions: w, screenActionLayout: T,
 			}
 		},
 		children: [
-			R && B.hasOriginBack && /* @__PURE__ */ b(t, {
-				icon: /* @__PURE__ */ b(e.back, { size: 14 }),
+			R && B.hasOriginBack && /* @__PURE__ */ b(r, {
+				icon: /* @__PURE__ */ b(n.back, { size: 14 }),
 				title: M("list.header.back", "Back"),
 				onClick: B.goBack
 			}),
@@ -101,7 +101,7 @@ function S({ title: S, description: C, toolbarActions: w, screenActionLayout: T,
 							color: "var(--text)"
 						},
 						children: S
-					}), C && /* @__PURE__ */ b(n, {
+					}), C && /* @__PURE__ */ b(i, {
 						label: C,
 						"data-testid": "list-description-info"
 					})]

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

@@ -1,19 +1,19 @@
 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 { safeExternalUrl as n } from "../../../lib/safe-url.js";
+import { failureTitle as r } from "../../../lib/failure.js";
+import { Btn as i } from "../../primitives/Btn.js";
+import { useText as a } from "../../../hooks/useText.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);
+function d(n, i, a, o) {
+	let s = r(i, 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");
+	let l = a.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
@@ -23,28 +23,28 @@ function d(n, r, i, o) {
 		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;
+function f({ isLoading: e, tableLoadingStale: t, isError: r, error: f, rowCount: p, entity: m, screen: h, screenName: g, screenIcon: _, isFiltered: v, canCreate: y, toolbarActions: b, onRetry: x }) {
+	let S = a(), C = a("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, {
+			action: /* @__PURE__ */ l(i, {
 				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", {
+	}) : e ? /* @__PURE__ */ l(s, { cols: h.columns?.length ?? 4 }) : r ? /* @__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, {
+			action: /* @__PURE__ */ l(i, {
 				kind: "primary",
 				size: "sm",
 				onClick: x,
@@ -54,9 +54,9 @@ function f({ isLoading: e, tableLoadingStale: t, isError: a, error: f, rowCount:
 	}) : 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,
+			let e = w.empty_state, t = S(e?.title), r = S(e?.body), i = n(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(h.display?.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") : r ? /* @__PURE__ */ u(c, { children: [r, i && /* @__PURE__ */ u(c, { children: [" ", /* @__PURE__ */ l("a", {
+				href: i,
 				target: "_blank",
 				rel: "noopener noreferrer",
 				children: S("list.rows.learn_more", "Learn more")

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

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