@declarion/react 0.36.6 → 0.37.0

package/dist-lib/{registry-C2vvLLHm.js → registry-D6uzF1n6.js}

@@ -1,6 +1,6 @@
 import { s as e, t } from "./DynamicIcon-BWO6QtNF.js";
-import { $ as n, C as r, E as i, F as a, Gn as o, Hn as s, K as c, Kn as l, Nn as u, O as d, On as f, Pn as p, S as m, T as h, U as g, Wn as _, a as v, an as y, at as b, bn as x, cn as S, ct as C, dt as w, en as T, f as E, fn as D, g as O, gn as k, gt as A, h as j, ht as M, i as N, it as P, j as F, jn as I, jt as L, k as R, ln as z, nt as B, o as ee, on as V, ot as te, p as ne, pn as H, q as U, rt as re, sn as ie, un as W, ut as ae, vn as oe, w as se, x as ce, xn as le, y as ue, zn as de } from "./useCurrentScreen-Bgp6_vne.js";
-import { a as fe, c as pe, d as me, f as he, i as ge, l as _e, n as ve, o as ye, p as be, r as xe, s as Se, t as Ce, u as we } from "./value-CUVtVjKI.js";
+import { $ as n, C as r, E as i, F as a, Gn as o, Hn as s, K as c, Kn as l, Nn as u, O as d, On as f, Pn as p, S as m, T as h, U as g, Wn as _, a as v, an as y, at as b, bn as x, cn as S, ct as C, dt as w, en as T, f as E, fn as D, g as O, gn as k, gt as A, h as j, ht as M, i as N, it as P, j as F, jn as I, jt as L, k as R, ln as z, nt as B, o as ee, on as V, ot as te, p as ne, pn as H, q as U, rt as re, sn as ie, un as W, ut as ae, vn as oe, w as se, x as ce, xn as le, y as ue, zn as de } from "./useCurrentScreen-CD6xJlyU.js";
+import { a as fe, c as pe, d as me, f as he, i as ge, l as _e, n as ve, o as ye, p as be, r as xe, s as Se, t as Ce, u as we } from "./value-DFxS49M5.js";
 import { n as Te, r as Ee, t as De } from "./dataTableStyles-vwD1mVOP.js";
 import { Component as Oe, Suspense as ke, lazy as Ae, useCallback as G, useEffect as K, useId as je, useLayoutEffect as Me, useMemo as q, useRef as J, useState as Y } from "react";
 import { parsePath as Ne, useNavigate as Pe } from "react-router-dom";
@@ -1142,7 +1142,7 @@ function nn(e) {
 }
 //#endregion
 //#region src/components/file-widgets/GridLazy.tsx
-var rn = Ae(() => import("./Grid-D0ckegd1.js").then((e) => ({ default: e.Grid })));
+var rn = Ae(() => import("./Grid-k1alUfJH.js").then((e) => ({ default: e.Grid })));
 function an() {
 	return /* @__PURE__ */ Z("div", { className: "h-24 w-full rounded-md bg-muted animate-pulse" });
 }
@@ -2199,7 +2199,7 @@ function $n(e) {
 	return t ?? e;
 }
 function er(e) {
-	return e == null ? !1 : typeof e == "boolean" ? e : typeof e == "string" ? e !== "" : typeof e == "number" ? e !== 0 : !0;
+	return e == null ? !1 : typeof e == "boolean" ? e : typeof e == "string" ? e !== "" : typeof e != "number" || e !== 0;
 }
 function tr(e, t, n) {
 	switch (n) {
@@ -2406,7 +2406,7 @@ function Cr(e, t) {
 //#endregion
 //#region src/components/shared/ActionButton.tsx
 function wr({ actionCode: n, action: r, entityCode: i, objectIds: a = [], row: s, variant: c = "outline", size: u = "default", onSuccess: d, onBatchStart: f, onBatchError: p, onBatchPartial: m }) {
-	let [h, _] = Y(!1), [y, b] = Y(!1), [x, S] = Y(!1), [C, w] = Y(null), T = qn(i), { data: D } = A(), O = It(), k = sr(r), j = ar(r), M = !!r.confirmation && Object.keys(r.confirmation).length > 0, N = s ? Xn(r.conditions, s) : !0, P = G(async () => {
+	let [h, _] = Y(!1), [y, b] = Y(!1), [x, S] = Y(!1), [C, w] = Y(null), T = qn(i), { data: D } = A(), O = It(), k = sr(r), j = ar(r), M = !!r.confirmation && Object.keys(r.confirmation).length > 0, N = !s || Xn(r.conditions, s), P = G(async () => {
 		if (!(!r.association || a.length === 0)) {
 			S(!0);
 			try {
@@ -2609,7 +2609,7 @@ function Tr({ actions: t, objectIds: n, row: r, onSuccess: i, preMenu: a, divide
 				a,
 				a && c && t.length > 0 && /* @__PURE__ */ Z(p, { divider: !0 }),
 				t.map(({ code: t, action: a }) => {
-					let o = r ? Xn(a.conditions, r) : !0, s = W(a.display?.name) || t, c = a.display?.icon, l = c && e[c] ? e[c] : void 0;
+					let o = !r || Xn(a.conditions, r), s = W(a.display?.name) || t, c = a.display?.icon, l = c && e[c] ? e[c] : void 0;
 					return /* @__PURE__ */ Z(p, {
 						icon: l ? /* @__PURE__ */ Z(l, { size: 12 }) : null,
 						danger: a.destructive,
@@ -3493,7 +3493,7 @@ function ii({ node: e, ctx: t }) {
 	});
 }
 function ai({ node: n, ctx: r, assocCode: i, assocEntity: a, fkField: o }) {
-	let s = n.columns && n.columns.length > 0 ? n.columns.filter((e) => e === o ? !1 : !!a.fields.get(e)) : a.fields.names().filter((e) => {
+	let s = n.columns && n.columns.length > 0 ? n.columns.filter((e) => e !== o && !!a.fields.get(e)) : a.fields.names().filter((e) => {
 		if (e === o) return !1;
 		let t = a.fields.get(e);
 		return !(!t || t.primary || t.display?.is_listable === !1);
@@ -4815,11 +4815,11 @@ function Ei(e) {
 //#region src/lib/field-classification.ts
 function Di(e, t) {
 	let n = e?.field_access?.[t];
-	return n ? n.read === "granted" : !0;
+	return !n || n.read === "granted";
 }
 function Oi(e, t) {
 	let n = e?.field_access?.[t];
-	return n ? n.write === "granted" : !0;
+	return !n || n.write === "granted";
 }
 function ki(e, t) {
 	return e?.field_access?.[t]?.classification;
@@ -4953,7 +4953,7 @@ function qi(e, t, n) {
 	let r = Zi(e, t, { explicit: !1 }), i = Pi, a = Qi(e, e?.display?.display_field, { explicit: !1 }), o = a ?? $i(e, r, {
 		allowLong: !1,
 		allowAuto: !1
-	}), s = a !== void 0, c = o ? /* @__PURE__ */ new Set([o]) : void 0, l = r.find((t) => c?.has(t) ? !1 : ta(e, t)), u = new Set([o, l].filter((e) => !!e)), d = ra(e, r).filter((e) => !u.has(e)).slice(0, Fi);
+	}), s = a !== void 0, c = o ? /* @__PURE__ */ new Set([o]) : void 0, l = r.find((t) => !c?.has(t) && ta(e, t)), u = new Set([o, l].filter((e) => !!e)), d = ra(e, r).filter((e) => !u.has(e)).slice(0, Fi);
 	for (let e of d) u.add(e);
 	let f = r.filter((t) => !u.has(t) && ia(e, t)).slice(0, Ii);
 	for (let e of f) u.add(e);

package/dist-lib/testing.js

@@ -1,4 +1,4 @@
-import { Ln as e, _t as t, at as n, ft as r, mt as i, pt as a, r as o, t as s } from "./useCurrentScreen-Bgp6_vne.js";
+import { Ln as e, _t as t, at as n, ft as r, mt as i, pt as a, r as o, t as s } from "./useCurrentScreen-CD6xJlyU.js";
 import { useState as c } from "react";
 import { MemoryRouter as l } from "react-router-dom";
 import { QueryClient as u, QueryClientProvider as d } from "@tanstack/react-query";

package/dist-lib/types/schema.d.ts

@@ -52,11 +52,25 @@ export declare function fieldDisplayName(field: EntityField, fieldName: string,
 export interface RefDisplay {
     field: string;
 }
+/** A single declarative filter condition ({field, op, value}). Shared by
+ *  ViewDefinition.filters (screen views) and RefConfig.options_filter (ref
+ *  dropdown option narrowing); mirrors engine.ViewFilter. Structurally a subset
+ *  of the wire FilterNodeParam, so it can feed a list query's `filters`. */
+export interface FilterCondition {
+    field: string;
+    op: string;
+    value?: unknown;
+}
 export interface RefConfig {
     entity: string;
     field?: string;
     display?: RefDisplay;
     fields?: string[];
+    /** Narrows the option set offered by this ref's entity-select dropdown (edit
+     *  combobox or action-param picker) to rows matching these conditions - e.g.
+     *  only `is_active = true`. Read-side only (not a write/security boundary);
+     *  mirrors engine RefConfig.OptionsFilter. */
+    options_filter?: FilterCondition[];
 }
 /** One declared filter-only option ({code, label}). `code` is stored into the
  *  filter when chosen (a literal or a `$user.*` token resolved server-side);
@@ -694,11 +708,7 @@ export interface ViewDefinition {
     name: LocalizedString;
     description?: LocalizedString;
     icon?: string;
-    filters?: Array<{
-        field: string;
-        op: string;
-        value?: unknown;
-    }>;
+    filters?: FilterCondition[];
     columns?: string[];
     sort?: string;
 }

package/dist-lib/{useCurrentScreen-Bgp6_vne.js → useCurrentScreen-CD6xJlyU.js}

@@ -1456,7 +1456,7 @@ function Ct() {
 	return H.parentOrigin;
 }
 function wt() {
-	return H.current ? Date.now() >= H.current.expiresAt - yt : !0;
+	return !H.current || Date.now() >= H.current.expiresAt - yt;
 }
 function Tt(e) {
 	if (!e.token || typeof e.token != "string") return;
@@ -2755,7 +2755,7 @@ var Z = {
 	update: Ur,
 	dismiss: (e) => g.dismiss(e),
 	dismissAll: () => g.dismiss()
-}, Wr = a(() => import("./MarkdownRenderer-14LG1clY.js").then((e) => ({ default: e.MarkdownRenderer })));
+}, Wr = a(() => import("./MarkdownRenderer-jhYOLGsz.js").then((e) => ({ default: e.MarkdownRenderer })));
 function Gr() {
 	return /* @__PURE__ */ v("div", { className: "h-4 w-2/3 rounded bg-muted animate-pulse" });
 }
@@ -3351,7 +3351,8 @@ function ji({ ref: e, value: t, onChange: n, refs: r, displayFieldOverride: i, i
 	let m = e?.entity, h = ki(m), g = i ?? e?.display?.field ?? h?.display?.display_field ?? "$display", _ = u(() => h ? z(h)[0] ?? "id" : "id", [h]), y = e?.field || _, [b, x] = f(""), S = Oi(b, 300), { data: C, isLoading: w } = Ei(m, {
 		per_page: Ai,
 		sort: g ? `${g}:asc` : void 0,
-		search: S || void 0
+		search: S || void 0,
+		filters: e?.options_filter
 	}), T = u(() => C?.data ?? [], [C?.data]), E = t == null ? "" : I(t), D = u(() => T.some((e) => String(e[y]) === E), [
 		T,
 		y,
@@ -3479,7 +3480,7 @@ function Pi() {
 	return /* @__PURE__ */ v("div", { className: "h-20 rounded-md border border-border bg-muted animate-pulse" });
 }
 function Fi(e) {
-	return e == null ? !0 : typeof e == "string" ? e.trim() === "" : Array.isArray(e) ? e.length === 0 : typeof e == "object" ? Object.keys(e).length === 0 : !1;
+	return e == null ? !0 : typeof e == "string" ? e.trim() === "" : Array.isArray(e) ? e.length === 0 : typeof e == "object" && Object.keys(e).length === 0;
 }
 function Ii({ value: e, mode: t, onChange: r, fieldId: i }) {
 	return t === "display" ? Fi(e) ? /* @__PURE__ */ v("span", {
@@ -4759,7 +4760,7 @@ function eo(e) {
 	let t = e.split(".");
 	if (t.length < 3) return !0;
 	let n = t[0].toLowerCase();
-	return /^(com|org|net|edu|gov)$/.test(n) ? !1 : /^(io|app|dev)$/.test(n) ? $a(t[t.length - 1]) : !0;
+	return /^(com|org|net|edu|gov)$/.test(n) ? !1 : !/^(io|app|dev)$/.test(n) || $a(t[t.length - 1]);
 }
 function to(e) {
 	if (Za.test(e)) return e;
@@ -6217,6 +6218,16 @@ function Xs({ field: t }) {
 		fontWeight: 500,
 		textDecoration: "none",
 		whiteSpace: "nowrap"
+	}, p = i && !r, m = {
+		flex: 1,
+		minWidth: 0,
+		display: "inline-flex",
+		alignItems: "center",
+		gap: 6,
+		color: "var(--accent)",
+		textDecoration: "underline",
+		fontSize: 12.5,
+		lineHeight: 1.4
 	};
 	return /* @__PURE__ */ y("div", {
 		style: {
@@ -6233,7 +6244,7 @@ function Xs({ field: t }) {
 				},
 				children: t.label
 			}),
-			i && a ? r ? /* @__PURE__ */ y("button", {
+			r && a && /* @__PURE__ */ y("button", {
 				type: "button",
 				onClick: u,
 				disabled: o,
@@ -6242,13 +6253,7 @@ function Xs({ field: t }) {
 					cursor: o ? "default" : "pointer"
 				},
 				children: [v(o ? e.loader : e.download, { size: 14 }), /* @__PURE__ */ v("span", { children: o ? "Downloading…" : "Download" })]
-			}) : /* @__PURE__ */ y("a", {
-				href: a,
-				target: "_blank",
-				rel: "noopener noreferrer",
-				style: d,
-				children: [/* @__PURE__ */ v(e.download, { size: 14 }), /* @__PURE__ */ v("span", { children: t.value })]
-			}) : null,
+			}),
 			c && /* @__PURE__ */ v("div", {
 				style: {
 					fontSize: 11.5,
@@ -6256,7 +6261,32 @@ function Xs({ field: t }) {
 				},
 				children: c
 			}),
-			/* @__PURE__ */ y("div", {
+			p && a ? /* @__PURE__ */ y("div", {
+				style: {
+					display: "flex",
+					alignItems: "center",
+					gap: 8,
+					minWidth: 0
+				},
+				children: [/* @__PURE__ */ y("a", {
+					href: a,
+					target: "_blank",
+					rel: "noopener noreferrer",
+					style: m,
+					title: t.value,
+					children: [/* @__PURE__ */ v(e.link, {
+						size: 14,
+						style: { flexShrink: 0 }
+					}), /* @__PURE__ */ v("span", {
+						style: {
+							overflow: "hidden",
+							textOverflow: "ellipsis",
+							whiteSpace: "nowrap"
+						},
+						children: t.value
+					})]
+				}), t.copyable && /* @__PURE__ */ v(ti, { value: t.value })]
+			}) : /* @__PURE__ */ y("div", {
 				style: {
 					position: "relative",
 					width: "100%"

package/dist-lib/{useProperties-zGgDTk9K.js → useProperties-BK4ilgGN.js}

@@ -1,5 +1,5 @@
-import { $ as e, $t as t, Mt as n, U as r, bn as i, jt as a, ot as o, un as s } from "./useCurrentScreen-Bgp6_vne.js";
-import { vt as c } from "./registry-C2vvLLHm.js";
+import { $ as e, $t as t, Mt as n, U as r, bn as i, jt as a, ot as o, un as s } from "./useCurrentScreen-CD6xJlyU.js";
+import { vt as c } from "./registry-D6uzF1n6.js";
 import { useEffect as l, useMemo as u } from "react";
 import { useSearchParams as d } from "react-router-dom";
 import { useInfiniteQuery as f, useMutation as p, useQueryClient as m } from "@tanstack/react-query";
@@ -199,7 +199,7 @@ function O(e, t, n) {
 			preview: t.preview,
 			limit: t.limit,
 			after: e ?? void 0,
-			count: e ? void 0 : !0
+			count: !e || void 0
 		}),
 		getNextPageParam: (e) => e.meta?.has_more ? e.meta.cursor : void 0,
 		initialPageParam: void 0,

package/dist-lib/{value-CUVtVjKI.js → value-DFxS49M5.js}

@@ -1,4 +1,4 @@
-import { Bt as e, Ut as t, zt as n } from "./useCurrentScreen-Bgp6_vne.js";
+import { Bt as e, Ut as t, zt as n } from "./useCurrentScreen-CD6xJlyU.js";
 import { useCallback as r, useEffect as i, useRef as a, useState as o } from "react";
 //#region src/embed/file-src.ts
 var s = "/api/files";

package/dist-lib/vite/fingerprint-plugin.d.ts

@@ -1,4 +1,4 @@
-import type { Plugin } from "../vite";
+import type { Plugin } from "vite";
 export interface DeclarionFingerprintPluginOptions {
     /**
      * Subdirectory of `outDir` to walk. Defaults to "assets" — Vite's

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@declarion/react",
-  "version": "0.36.6",
+  "version": "0.37.0",
   "private": false,
   "license": "MIT",
   "description": "React SDK for Declarion, the schema-driven business apps platform.",
@@ -58,20 +58,20 @@
     "@dnd-kit/sortable": "^10.0.0",
     "@dnd-kit/utilities": "^3.2.2",
     "@monaco-editor/react": "^4.7.0",
-    "@radix-ui/react-alert-dialog": "^1.1.18",
-    "@radix-ui/react-dialog": "^1.1.18",
-    "@radix-ui/react-dropdown-menu": "^2.1.19",
+    "@radix-ui/react-alert-dialog": "^1.1.19",
+    "@radix-ui/react-dialog": "^1.1.19",
+    "@radix-ui/react-dropdown-menu": "^2.1.20",
     "@radix-ui/react-label": "^2.1.11",
-    "@radix-ui/react-select": "^2.3.2",
+    "@radix-ui/react-select": "^2.3.3",
     "@radix-ui/react-separator": "^1.1.11",
     "@radix-ui/react-slot": "^1.3.0",
     "@tanstack/react-query": "^5.101.2",
     "@tanstack/react-table": "^8.21.3",
-    "@tanstack/react-virtual": "^3.14.5",
+    "@tanstack/react-virtual": "^3.14.6",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
     "date-fns": "^4.4.0",
-    "lucide-react": "^1.23.0",
+    "lucide-react": "^1.24.0",
     "mdast-util-to-string": "^4.0.0",
     "monaco-editor": "^0.55.1",
     "react-markdown": "^10.1.0",
@@ -100,18 +100,18 @@
     "@vitejs/plugin-react": "^6.0.3",
     "@vitest/coverage-v8": "^4.1.10",
     "axe-core": "^4.12.1",
-    "eslint": "^10.6.0",
+    "eslint": "^10.7.0",
     "eslint-plugin-react-hooks": "^7.1.1",
     "jsdom": "^29.1.1",
-    "msw": "^2.14.6",
+    "msw": "^2.15.0",
     "publint": "^0.3.0",
     "react": "^19.2.7",
     "react-dom": "^19.2.7",
     "tailwindcss": "^4.3.2",
-    "tsc-alias": "^1.9.0",
+    "tsc-alias": "^1.9.1",
     "typescript": "^6.0.3",
-    "typescript-eslint": "^8.63.0",
-    "vite": "^8.1.3",
+    "typescript-eslint": "^8.64.0",
+    "vite": "^8.1.4",
     "vitest": "^4.1.10"
   },
   "scripts": {