@declarion/react 0.22.0 → 0.23.0

package/dist-lib/index.js

@@ -12455,7 +12455,7 @@ function _l({ screenCode: e }) {
 		return document.addEventListener("keydown", e), () => document.removeEventListener("keydown", e);
 	}, []);
 	let Bt = Y(null), { rows: Vt } = At.getRowModel(), Ht = I((e) => e.density), Ut = I((e) => e.zebra), Wt = Wn({
-		count: ge.enabled ? 0 : Vt.length,
+		count: Vt.length,
 		getScrollElement: () => Bt.current,
 		estimateSize: () => 48,
 		overscan: 10
@@ -12602,25 +12602,25 @@ function _l({ screenCode: e }) {
 			search: n?.search
 		}),
 		runActionApi: (e, t) => Tt(e, t)
-	}, dn = (e, t, n) => {
-		let r = de && e.original[P.soft_delete] != null, i = e.getIsSelected(), a = Ut && t % 2 == 1, o = i ? "var(--row-selected-bg)" : a ? "var(--surface-2)" : "transparent";
+	}, dn = (e, t) => {
+		let n = de && e.original[P.soft_delete] != null, r = e.getIsSelected(), i = Ut && t % 2 == 1, a = r ? "var(--row-selected-bg)" : i ? "var(--surface-2)" : "transparent";
 		return /* @__PURE__ */ Q("tr", {
-			"data-index": n ? t : void 0,
-			ref: n ? (e) => Wt.measureElement(e) : void 0,
+			"data-index": t,
+			ref: (e) => Wt.measureElement(e),
 			style: {
 				height: "var(--row-h)",
 				cursor: Yt || St ? "pointer" : "default",
-				opacity: r ? .5 : 1,
-				fontStyle: r ? "italic" : "normal",
-				background: o,
-				boxShadow: i ? "inset 2px 0 0 var(--accent)" : "none",
+				opacity: n ? .5 : 1,
+				fontStyle: n ? "italic" : "normal",
+				background: a,
+				boxShadow: r ? "inset 2px 0 0 var(--accent)" : "none",
 				transition: "background-color 120ms"
 			},
 			onMouseEnter: (e) => {
-				i || (e.currentTarget.style.background = "var(--surface-3)");
+				r || (e.currentTarget.style.background = "var(--surface-3)");
 			},
 			onMouseLeave: (e) => {
-				e.currentTarget.style.background = o;
+				e.currentTarget.style.background = a;
 			},
 			onClick: Yt || St ? (t) => Zt(t, e.original) : void 0,
 			onDoubleClick: Yt ? () => {
@@ -12643,7 +12643,7 @@ function _l({ screenCode: e }) {
 		style: {
 			display: "flex",
 			flexDirection: "column",
-			height: ge.enabled ? "auto" : "100%",
+			height: "100%",
 			background: "var(--bg)"
 		},
 		children: [
@@ -12874,7 +12874,7 @@ function _l({ screenCode: e }) {
 				})()
 			}) : /* @__PURE__ */ Q("div", {
 				style: {
-					flex: ge.enabled ? "none" : 1,
+					flex: 1,
 					minHeight: 0,
 					padding: "0 20px 16px",
 					display: "flex",
@@ -12889,14 +12889,14 @@ function _l({ screenCode: e }) {
 						boxShadow: "var(--shadow-xs)",
 						display: "flex",
 						flexDirection: "column",
-						flex: ge.enabled ? "none" : 1,
+						flex: 1,
 						minHeight: 0
 					},
 					children: [/* @__PURE__ */ Q("div", {
 						ref: Bt,
 						style: {
-							overflow: ge.enabled ? "visible" : "auto",
-							flex: ge.enabled ? "none" : 1,
+							overflow: "auto",
+							flex: 1,
 							minHeight: 0
 						},
 						children: /* @__PURE__ */ $("table", {
@@ -12998,17 +12998,17 @@ function _l({ screenCode: e }) {
 										}) : Vn(e.column.columnDef.header, e.getContext())
 									}, e.id);
 								})
-							}, e.id)) }), /* @__PURE__ */ Q("tbody", { children: ge.enabled ? Vt.map((e, t) => dn(e, t, !1)) : /* @__PURE__ */ $(Z, { children: [
+							}, e.id)) }), /* @__PURE__ */ $("tbody", { children: [
 								Wt.getVirtualItems().length > 0 && /* @__PURE__ */ Q("tr", { children: /* @__PURE__ */ Q("td", {
 									style: { height: Wt.getVirtualItems()[0]?.start ?? 0 },
 									colSpan: Ct.length
 								}) }),
-								Wt.getVirtualItems().map((e) => dn(Vt[e.index], e.index, !0)),
+								Wt.getVirtualItems().map((e) => dn(Vt[e.index], e.index)),
 								Wt.getVirtualItems().length > 0 && /* @__PURE__ */ Q("tr", { children: /* @__PURE__ */ Q("td", {
 									style: { height: Wt.getTotalSize() - (Wt.getVirtualItems().at(-1)?.end ?? 0) },
 									colSpan: Ct.length
 								}) })
-							] }) })]
+							] })]
 						})
 					}), Et && /* @__PURE__ */ $("div", {
 						style: {

package/dist-lib/testing.d.ts

@@ -1,4 +1,4 @@
-import { type ReactElement } from "react";
+import { type ReactElement, type ReactNode } from "react";
 import { type RenderResult } from "@testing-library/react";
 import { QueryClient } from "@tanstack/react-query";
 import { type ActionExecuteRequest, type ActionExecuteResponse } from "./api/data";
@@ -64,3 +64,21 @@ export declare function cleanupDeclarion(): void;
  * live queryClient.
  */
 export declare function renderWithDeclarion(ui: ReactElement, opts?: RenderWithDeclarionOptions): RenderWithDeclarionResult;
+export interface PreviewHarnessProps extends RenderWithDeclarionOptions {
+    children: ReactNode;
+    /** Default true: seeds an admin user so useSchema's auth gate opens and the
+     *  screen renders authenticated. Set false to render a pre-login screen
+     *  (SignIn / SignUp / Forgot / Reset / TwoFA / AuthShell) in its logged-out
+     *  state, where useSchema stays disabled (no fetch) as in production. */
+    authenticated?: boolean;
+}
+/**
+ * Component form of {@link renderWithDeclarion} for live previews / stories /
+ * Storybook: wraps `children` in the SDK's real providers (QueryClient +
+ * MemoryRouter + ActionRunnerProvider + the Sonner outlet) and seeds the same
+ * read/action seams from props, so an SDK screen renders against fixtures with
+ * no network. Unlike renderWithDeclarion (which calls testing-library's render),
+ * this returns an element you compose directly. Providers + seeds are created
+ * once per mount (useState initializer) so a static snapshot is deterministic.
+ */
+export declare function PreviewHarness({ children, authenticated, ...opts }: PreviewHarnessProps): ReactElement;

package/dist-lib/testing.js

@@ -1,11 +1,12 @@
 import { Pt as e, ct as t, lt as n, t as r, tt as i, ut as a } from "./ActionRunner-C2A73D9b.js";
-import { MemoryRouter as o } from "react-router-dom";
-import { QueryClient as s, QueryClientProvider as c } from "@tanstack/react-query";
-import { Toaster as l } from "sonner";
-import { jsx as u, jsxs as d } from "react/jsx-runtime";
-import { render as f } from "@testing-library/react";
+import { useState as o } from "react";
+import { MemoryRouter as s } from "react-router-dom";
+import { QueryClient as c, QueryClientProvider as l } from "@tanstack/react-query";
+import { Toaster as u } from "sonner";
+import { jsx as d, jsxs as f } from "react/jsx-runtime";
+import { render as p } from "@testing-library/react";
 //#region src/testing.tsx
-function p(e = {}) {
+function m(e = {}) {
 	return {
 		languages: [],
 		structures: {},
@@ -18,7 +19,7 @@ function p(e = {}) {
 		...e
 	};
 }
-function m(e, t = {}, n) {
+function h(e, t = {}, n) {
 	return {
 		data: e,
 		meta: {
@@ -32,27 +33,27 @@ function m(e, t = {}, n) {
 		...n === void 0 ? {} : { $refs: n }
 	};
 }
-function h(e) {
+function g(e) {
 	return e;
 }
-var g = Symbol("declarion.testing.actionEnvelope");
-function _(e) {
+var _ = Symbol("declarion.testing.actionEnvelope");
+function v(e) {
 	return {
 		...e,
-		[g]: !0
+		[_]: !0
 	};
 }
-function v(e) {
-	if (e && typeof e == "object" && e[g]) {
+function y(e) {
+	if (e && typeof e == "object" && e[_]) {
 		let t = { ...e };
-		return delete t[g], t;
+		return delete t[_], t;
 	}
 	return {
 		status: "success",
 		result: e
 	};
 }
-function y() {
+function b() {
 	let t = {
 		id: "test-tenant",
 		code: "test",
@@ -71,7 +72,7 @@ function y() {
 	};
 	e.getState().setUser(n, t);
 }
-function b(e) {
+function x(e) {
 	if (e === void 0) return { rows: [] };
 	if (Array.isArray(e)) return { rows: e };
 	if (Array.isArray(e.data)) {
@@ -84,10 +85,10 @@ function b(e) {
 	}
 	return e;
 }
-function x(e) {
+function S(e) {
 	let r = e.entityData ?? {};
 	a((e, t) => {
-		let n = r[e], i = b(n), a = i.meta?.per_page ?? 50, o = i.meta?.total ?? i.rows.length;
+		let n = r[e], i = x(n), a = i.meta?.per_page ?? 50, o = i.meta?.total ?? i.rows.length;
 		return t.count === "only" ? {
 			data: [],
 			meta: {
@@ -116,10 +117,10 @@ function x(e) {
 	t(async (e, t) => {
 		if (!(e in s)) throw Error(`renderWithDeclarion: no action result registered for "${e}" (seed it via actionResults)`);
 		let n = s[e];
-		return v(typeof n == "function" ? await n(t) : n);
+		return y(typeof n == "function" ? await n(t) : n);
 	});
 }
-function S() {
+function C() {
 	a(null), n(null), t(null), e.setState({
 		user: null,
 		isAuthenticated: !1,
@@ -127,21 +128,42 @@ function S() {
 		tenants: []
 	});
 }
-function C(e, t = {}) {
-	let n = new s({ defaultOptions: { queries: {
+function w(e, t = {}) {
+	let n = new c({ defaultOptions: { queries: {
 		retry: !1,
 		gcTime: Infinity
 	} } });
-	y(), n.setQueryData(["schema", !0], t.schema ?? p()), x(t);
-	let i = f(/* @__PURE__ */ d(c, {
+	b(), n.setQueryData(["schema", !0], t.schema ?? m()), S(t);
+	let i = p(/* @__PURE__ */ f(l, {
 		client: n,
-		children: [/* @__PURE__ */ u(o, {
+		children: [/* @__PURE__ */ d(s, {
 			initialEntries: [t.route ?? "/"],
-			children: /* @__PURE__ */ u(r, { children: e })
-		}), /* @__PURE__ */ u(l, {})]
+			children: /* @__PURE__ */ d(r, { children: e })
+		}), /* @__PURE__ */ d(u, {})]
 	}));
 	return Object.assign(i, { queryClient: n });
 }
-typeof afterEach == "function" && afterEach(() => S());
+function T({ children: t, authenticated: n = !0, ...i }) {
+	let [a] = o(() => {
+		let t = new c({ defaultOptions: { queries: {
+			retry: !1,
+			gcTime: Infinity
+		} } });
+		return n ? (b(), t.setQueryData(["schema", !0], i.schema ?? m())) : e.setState({
+			user: null,
+			isAuthenticated: !1,
+			activeTenant: null,
+			tenants: []
+		}), S(i), t;
+	});
+	return /* @__PURE__ */ f(l, {
+		client: a,
+		children: [/* @__PURE__ */ d(s, {
+			initialEntries: [i.route ?? "/"],
+			children: /* @__PURE__ */ d(r, { children: t })
+		}), /* @__PURE__ */ d(u, {})]
+	});
+}
+typeof afterEach == "function" && afterEach(() => C());
 //#endregion
-export { _ as actionEnvelope, h as actionResults, S as cleanupDeclarion, m as entityDataFixture, C as renderWithDeclarion, p as schemaFixture };
+export { T as PreviewHarness, v as actionEnvelope, g as actionResults, C as cleanupDeclarion, h as entityDataFixture, w as renderWithDeclarion, m as schemaFixture };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@declarion/react",
-  "version": "0.22.0",
+  "version": "0.23.0",
   "private": false,
   "license": "MIT",
   "description": "React SDK for Declarion, the schema-driven business apps platform.",