@declarion/react 0.65.1 → 0.66.0

package/dist-lib/components/pages/auth/SignIn.js

@@ -0,0 +1,252 @@
+import { sanitizeRedirectPath as e } from "../../../api/auth-redirect.js";
+import { checkSetup as t, listSSOProviders as n, ssoAuthorizeUrl as r } from "../../../api/auth.js";
+import { useSchema as i } from "../../../hooks/useSchema.js";
+import { Icon as a } from "../../primitives/Icons.js";
+import { Btn as o } from "../../primitives/Btn.js";
+import { useText as s } from "../../../hooks/useText.js";
+import { FieldLabel as c, PasswordInput as l, TextInput as u } from "../../primitives/Fields.js";
+import { failureTitle as d } from "../../../lib/failure.js";
+import { toast as f } from "../../../lib/toast.js";
+import { useAuth as p } from "../../../hooks/useAuth.js";
+import { AuthShell as m } from "./AuthShell.js";
+import { BlankScreen as h } from "../../shared/BlankScreen.js";
+import { GoogleIcon as g, MicrosoftIcon as _ } from "./icons.js";
+import { accessibleRedirectPath as v } from "../../../lib/schema-routing.js";
+import { useEffect as y, useState as b } from "react";
+import { useQuery as x } from "@tanstack/react-query";
+import { Fragment as S, jsx as C, jsxs as w } from "react/jsx-runtime";
+import { Link as T, useNavigate as E, useSearchParams as D } from "react-router";
+//#region src/components/pages/auth/SignIn.tsx
+var O = "sso-failure", k = {
+	google: {
+		name: "Google",
+		icon: /* @__PURE__ */ C(g, { size: 14 })
+	},
+	microsoft: {
+		name: "Microsoft",
+		icon: /* @__PURE__ */ C(_, { size: 14 })
+	},
+	azure: {
+		name: "Microsoft",
+		icon: /* @__PURE__ */ C(_, { size: 14 })
+	}
+};
+function A() {
+	let g = E(), [_] = D(), { login: A, isLoginPending: M, isAuthenticated: N } = p(), { data: P } = i(), F = s(), [I, L] = b(""), [R, z] = b(""), [B, V] = b(!0), H = e(_.get("next") || _.get("redirect")), U = _.get("sso_error"), W = s("errors"), { data: G, isPending: K } = x({
+		queryKey: ["check-setup"],
+		queryFn: t
+	}), { data: q } = x({
+		queryKey: ["sso-providers"],
+		queryFn: () => n(),
+		staleTime: 6e4
+	});
+	if (y(() => {
+		G?.needs_setup && g("/signup", { replace: !0 });
+	}, [G, g]), y(() => {
+		if (!N || !P) return;
+		let e = v(H, P);
+		j(H, e) && f.warning(F("auth.inaccessible_redirect", "You do not have access to that page. We opened your default page instead.")), g(e, { replace: !0 });
+	}, [
+		N,
+		g,
+		H,
+		P,
+		F
+	]), y(() => {
+		U && f.error(W(U, "Sign-in failed."), void 0, { id: O });
+	}, [W, U]), K || G?.needs_setup) return /* @__PURE__ */ C(h, {});
+	function J(e) {
+		e.preventDefault(), A({
+			email: I,
+			password: R,
+			remember: B
+		}, { onError: (e) => {
+			f.error(d(W, e));
+		} });
+	}
+	return /* @__PURE__ */ C(m, { children: /* @__PURE__ */ w("form", {
+		onSubmit: J,
+		children: [
+			/* @__PURE__ */ C("div", {
+				style: {
+					fontSize: 10.5,
+					fontWeight: 700,
+					color: "var(--accent-text)",
+					letterSpacing: "0.1em",
+					textTransform: "uppercase"
+				},
+				children: F("auth.signin.eyebrow", "Welcome back")
+			}),
+			/* @__PURE__ */ C("h2", {
+				style: {
+					margin: "6px 0 4px",
+					fontSize: 24,
+					fontWeight: 600,
+					letterSpacing: "-0.018em"
+				},
+				children: F("auth.signin.title", "Sign in")
+			}),
+			/* @__PURE__ */ C("p", {
+				style: {
+					margin: "0 0 20px",
+					fontSize: 13,
+					color: "var(--text-3)"
+				},
+				children: F("auth.signin.subtitle", "Use your corporate SSO or email & password.")
+			}),
+			q && q.length > 0 && /* @__PURE__ */ w(S, { children: [/* @__PURE__ */ C("div", {
+				style: {
+					display: "flex",
+					flexDirection: "column",
+					gap: 6,
+					marginBottom: 12
+				},
+				children: q.map((e) => {
+					let t = k[e.slug.toLowerCase()] ?? {
+						name: e.name,
+						icon: /* @__PURE__ */ C(a.shield, { size: 13 })
+					};
+					return /* @__PURE__ */ C(o, {
+						size: "md",
+						style: {
+							justifyContent: "center",
+							width: "100%"
+						},
+						icon: t.icon,
+						onClick: (t) => {
+							t.preventDefault(), window.location.href = r(e.slug, void 0, H);
+						},
+						children: F("auth.signin.sso_continue", "Continue with {provider}", { provider: t.name })
+					}, e.slug);
+				})
+			}), /* @__PURE__ */ w("div", {
+				style: {
+					display: "flex",
+					alignItems: "center",
+					gap: 10,
+					margin: "16px 0"
+				},
+				children: [
+					/* @__PURE__ */ C("span", { style: {
+						flex: 1,
+						height: 1,
+						background: "var(--divider)"
+					} }),
+					/* @__PURE__ */ C("span", {
+						style: {
+							fontSize: 10.5,
+							color: "var(--text-4)",
+							letterSpacing: "0.08em",
+							textTransform: "uppercase"
+						},
+						children: F("auth.signin.sso_divider", "or with email")
+					}),
+					/* @__PURE__ */ C("span", { style: {
+						flex: 1,
+						height: 1,
+						background: "var(--divider)"
+					} })
+				]
+			})] }),
+			/* @__PURE__ */ w("div", {
+				style: {
+					display: "flex",
+					flexDirection: "column",
+					gap: 12
+				},
+				children: [
+					/* @__PURE__ */ w("div", { children: [/* @__PURE__ */ C(c, { children: F("auth.field.email", "Email") }), /* @__PURE__ */ C(u, {
+						value: I,
+						onChange: L,
+						prefix: /* @__PURE__ */ C(a.email, { size: 13 }),
+						placeholder: F("auth.field.email_placeholder", "you@company.com"),
+						autoFocus: !0,
+						required: !0
+					})] }),
+					/* @__PURE__ */ w("div", { children: [/* @__PURE__ */ w("div", {
+						style: {
+							display: "flex",
+							alignItems: "center"
+						},
+						children: [
+							/* @__PURE__ */ C(c, { children: F("auth.field.password", "Password") }),
+							/* @__PURE__ */ C("div", { style: { flex: 1 } }),
+							/* @__PURE__ */ C(T, {
+								to: "/forgot",
+								style: {
+									fontSize: 11,
+									color: "var(--accent-text)",
+									marginBottom: 4,
+									textDecoration: "none"
+								},
+								children: F("auth.signin.forgot_link", "Forgot?")
+							})
+						]
+					}), /* @__PURE__ */ C(l, {
+						value: R,
+						onChange: z,
+						placeholder: F("auth.signin.password_placeholder", "Your password")
+					})] }),
+					/* @__PURE__ */ w("label", {
+						style: {
+							display: "flex",
+							alignItems: "center",
+							gap: 6,
+							fontSize: 12,
+							color: "var(--text-2)"
+						},
+						children: [
+							/* @__PURE__ */ C("input", {
+								type: "checkbox",
+								name: "remember",
+								checked: B,
+								onChange: (e) => V(e.target.checked)
+							}),
+							" ",
+							F("auth.signin.remember", "Keep me signed in on this device")
+						]
+					}),
+					/* @__PURE__ */ C(o, {
+						type: "submit",
+						size: "md",
+						kind: "primary",
+						style: {
+							justifyContent: "center",
+							width: "100%"
+						},
+						disabled: M,
+						children: M ? F("auth.signin.submitting", "Signing in…") : F("auth.signin.submit", "Continue")
+					}),
+					/* @__PURE__ */ w("div", {
+						style: {
+							fontSize: 12,
+							color: "var(--text-3)",
+							textAlign: "center",
+							marginTop: 4
+						},
+						children: [
+							F("auth.signin.new_here", "New here?"),
+							" ",
+							/* @__PURE__ */ C(T, {
+								to: "/signup",
+								style: {
+									color: "var(--accent-text)",
+									fontWeight: 500,
+									textDecoration: "none"
+								},
+								children: F("auth.signin.request_access", "Request access")
+							})
+						]
+					})
+				]
+			})
+		]
+	}) });
+}
+function j(e, t) {
+	if (e === t) return !1;
+	let n = e.split(/[?#]/, 1)[0].replace(/\/+$/, "") || "/";
+	return n !== "/" && n !== "/admin";
+}
+//#endregion
+export { A as SignIn };

package/dist-lib/{SignUp.impl-CfEXrUeg.js → components/pages/auth/SignUp.impl.js}

@@ -1,26 +1,30 @@
-import { Pt as e, Rt as t, wt as n, xt as r } from "./useCurrentScreen-BZOHBGQZ.js";
-import { t as i } from "./Icons-lt-7lhYR.js";
-import { r as a } from "./CopyButton-DRIT_f0k.js";
-import { V as o, W as s, X as c } from "./PropertyGridEditor-XrP6TZ5s.js";
-import { a as l } from "./useBranding-zcxEic2k.js";
-import { t as u } from "./AuthShell-C8aVwHS7.js";
-import { a as d } from "./useParams-BFLJi4n3.js";
-import { n as f, t as p } from "./BlankScreen-DVc7fh8C.js";
+import { checkSetup as e } from "../../../api/auth.js";
+import { textWithNodes as t } from "../../../lib/language.js";
+import { Icon as n } from "../../primitives/Icons.js";
+import { Btn as r } from "../../primitives/Btn.js";
+import { useText as i } from "../../../hooks/useText.js";
+import { useResponsiveMode as a } from "../../../hooks/useResponsiveMode.js";
+import { FieldLabel as o, PasswordInput as s, TextInput as c } from "../../primitives/Fields.js";
+import { getBrandingIdentity as l } from "../../../lib/branding.js";
+import { usePublicParams as u } from "../../../hooks/useParams.js";
+import { useAuth as d } from "../../../hooks/useAuth.js";
+import { AuthShell as f } from "./AuthShell.js";
+import { BlankScreen as p } from "../../shared/BlankScreen.js";
 import { useEffect as m, useState as h } from "react";
 import { useQuery as g } from "@tanstack/react-query";
 import { jsx as _, jsxs as v } from "react/jsx-runtime";
 import { Link as y, useNavigate as b } from "react-router";
 //#region src/components/pages/auth/SignUp.impl.tsx
 function x() {
-	let e = b(), { signup: x, isSignupPending: C, isAuthenticated: w } = f(), T = r(), E = n(), [D, O] = h(""), [k, A] = h(""), [j, M] = h(""), [N, P] = h(""), [F, I] = h(""), [L, R] = h(""), [z, B] = h(!1), { data: V } = d(), H = l(V), U = H?.workspace_domain ?? "", W = H?.legal_links?.terms_url ?? "", G = H?.legal_links?.privacy_url ?? "", K = T.isPhone, { data: q, isPending: J } = g({
+	let t = b(), { signup: x, isSignupPending: C, isAuthenticated: w } = d(), T = a(), E = i(), [D, O] = h(""), [k, A] = h(""), [j, M] = h(""), [N, P] = h(""), [F, I] = h(""), [L, R] = h(""), [z, B] = h(!1), { data: V } = u(), H = l(V), U = H?.workspace_domain ?? "", W = H?.legal_links?.terms_url ?? "", G = H?.legal_links?.privacy_url ?? "", K = T.isPhone, { data: q, isPending: J } = g({
 		queryKey: ["check-setup"],
-		queryFn: t
+		queryFn: e
 	});
 	if (m(() => {
-		q && !q.needs_setup && e("/login", { replace: !0 });
-	}, [q, e]), m(() => {
-		w && e("/", { replace: !0 });
-	}, [w, e]), J || q?.needs_setup === !1) return /* @__PURE__ */ _(p, {});
+		q && !q.needs_setup && t("/login", { replace: !0 });
+	}, [q, t]), m(() => {
+		w && t("/", { replace: !0 });
+	}, [w, t]), J || q?.needs_setup === !1) return /* @__PURE__ */ _(p, {});
 	function Y(e) {
 		if (e.preventDefault(), !z) return;
 		let t = [D, k].filter(Boolean).join(" ") || j;
@@ -30,14 +34,14 @@ function x() {
 			displayName: t
 		});
 	}
-	return /* @__PURE__ */ _(u, { children: /* @__PURE__ */ v("form", {
+	return /* @__PURE__ */ _(f, { children: /* @__PURE__ */ v("form", {
 		onSubmit: Y,
 		children: [
 			/* @__PURE__ */ _("div", {
 				style: {
 					fontSize: 10.5,
 					fontWeight: 700,
-					color: "var(--accent)",
+					color: "var(--accent-text)",
 					letterSpacing: "0.1em",
 					textTransform: "uppercase"
 				},
@@ -85,14 +89,14 @@ function x() {
 					/* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _(o, { children: E("auth.signup.work_email", "Work email") }), /* @__PURE__ */ _(c, {
 						value: j,
 						onChange: M,
-						prefix: /* @__PURE__ */ _(i.email, { size: 13 }),
+						prefix: /* @__PURE__ */ _(n.email, { size: 13 }),
 						placeholder: E("auth.signup.work_email_placeholder", "name@company.com"),
 						required: !0
 					})] }),
 					/* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _(o, { children: E("auth.signup.company", "Company") }), /* @__PURE__ */ _(c, {
 						value: N,
 						onChange: P,
-						prefix: /* @__PURE__ */ _(i.building, { size: 13 })
+						prefix: /* @__PURE__ */ _(n.building, { size: 13 })
 					})] }),
 					/* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _(o, { children: E("auth.signup.workspace_url", "Workspace URL") }), /* @__PURE__ */ v("div", {
 						style: {
@@ -100,7 +104,7 @@ function x() {
 							flexDirection: K ? "column" : "row",
 							alignItems: "stretch",
 							border: "1px solid var(--border)",
-							borderRadius: 6,
+							borderRadius: "var(--radius-md)",
 							overflow: "hidden",
 							minWidth: 0
 						},
@@ -153,7 +157,7 @@ function x() {
 							t: E
 						})]
 					}),
-					/* @__PURE__ */ _(a, {
+					/* @__PURE__ */ _(r, {
 						type: "submit",
 						size: "md",
 						kind: "primary",
@@ -176,7 +180,7 @@ function x() {
 							/* @__PURE__ */ _(y, {
 								to: "/login",
 								style: {
-									color: "var(--accent)",
+									color: "var(--accent-text)",
 									fontWeight: 500,
 									textDecoration: "none"
 								},
@@ -189,21 +193,21 @@ function x() {
 		]
 	}) });
 }
-function S({ termsUrl: t, privacyUrl: n, t: r }) {
-	let i = r("auth.signup.terms", "Terms"), a = r("auth.signup.privacy", "Privacy"), o = t ? /* @__PURE__ */ _("a", {
-		href: t,
+function S({ termsUrl: e, privacyUrl: n, t: r }) {
+	let i = r("auth.signup.terms", "Terms"), a = r("auth.signup.privacy", "Privacy"), o = e ? /* @__PURE__ */ _("a", {
+		href: e,
 		target: "_blank",
 		rel: "noopener noreferrer",
-		style: { color: "var(--accent)" },
+		style: { color: "var(--accent-text)" },
 		children: i
 	}) : /* @__PURE__ */ _("span", { children: i }), s = n ? /* @__PURE__ */ _("a", {
 		href: n,
 		target: "_blank",
 		rel: "noopener noreferrer",
-		style: { color: "var(--accent)" },
+		style: { color: "var(--accent-text)" },
 		children: a
 	}) : /* @__PURE__ */ _("span", { children: a });
-	return /* @__PURE__ */ _("span", { children: e(r("auth.signup.agreement", "I agree to the {terms} and {privacy}."), {
+	return /* @__PURE__ */ _("span", { children: t(r("auth.signup.agreement", "I agree to the {terms} and {privacy}."), {
 		terms: o,
 		privacy: s
 	}) });

package/dist-lib/components/pages/auth/SignUp.js

@@ -0,0 +1,12 @@
+import { Suspense as e, lazy as t } from "react";
+import { jsx as n } from "react/jsx-runtime";
+//#region src/components/pages/auth/SignUp.tsx
+var r = t(() => import("./SignUp.impl.js").then((e) => ({ default: e.SignUp })));
+function i() {
+	return /* @__PURE__ */ n(e, {
+		fallback: null,
+		children: /* @__PURE__ */ n(r, {})
+	});
+}
+//#endregion
+export { i as SignUp };

package/dist-lib/{TwoFA.impl-B2HtPduH.js → components/pages/auth/TwoFA.impl.js}

@@ -1,12 +1,13 @@
-import { wt as e, xt as t } from "./useCurrentScreen-BZOHBGQZ.js";
-import { r as n } from "./CopyButton-DRIT_f0k.js";
-import { t as r } from "./AuthShell-C8aVwHS7.js";
+import { Btn as e } from "../../primitives/Btn.js";
+import { useText as t } from "../../../hooks/useText.js";
+import { useResponsiveMode as n } from "../../../hooks/useResponsiveMode.js";
+import { AuthShell as r } from "./AuthShell.js";
 import { useRef as i } from "react";
 import { jsx as a, jsxs as o } from "react/jsx-runtime";
 import { Link as s, useNavigate as c } from "react-router";
 //#region src/components/pages/auth/TwoFA.impl.tsx
 function l() {
-	let l = e(), u = c(), d = i([]), f = t().isPhone;
+	let l = t(), u = c(), d = i([]), f = n().isPhone;
 	function p(e) {
 		d.current[e]?.focus(), d.current[e]?.select();
 	}
@@ -22,7 +23,7 @@ function l() {
 			style: {
 				fontSize: 10.5,
 				fontWeight: 700,
-				color: "var(--accent)",
+				color: "var(--accent-text)",
 				letterSpacing: "0.1em",
 				textTransform: "uppercase"
 			},
@@ -79,14 +80,14 @@ function l() {
 					fontWeight: 600,
 					background: "var(--surface-2)",
 					border: "1px solid var(--border)",
-					borderRadius: 8,
+					borderRadius: "var(--radius-md)",
 					outline: "none",
 					color: "var(--text)",
 					fontFamily: "var(--font-mono)"
 				}
 			}, e))
 		}),
-		/* @__PURE__ */ a(n, {
+		/* @__PURE__ */ a(e, {
 			size: "md",
 			kind: "primary",
 			style: {
@@ -106,7 +107,7 @@ function l() {
 			children: [/* @__PURE__ */ a("a", {
 				href: "#",
 				style: {
-					color: "var(--accent)",
+					color: "var(--accent-text)",
 					textDecoration: "none"
 				},
 				children: l("auth.twofa.backup_code", "Use backup code")

package/dist-lib/components/pages/auth/TwoFA.js

@@ -0,0 +1,12 @@
+import { Suspense as e, lazy as t } from "react";
+import { jsx as n } from "react/jsx-runtime";
+//#region src/components/pages/auth/TwoFA.tsx
+var r = t(() => import("./TwoFA.impl.js").then((e) => ({ default: e.TwoFA })));
+function i() {
+	return /* @__PURE__ */ n(e, {
+		fallback: null,
+		children: /* @__PURE__ */ n(r, {})
+	});
+}
+//#endregion
+export { i as TwoFA };

package/dist-lib/components/pages/auth/icons.js

@@ -0,0 +1,56 @@
+import { jsx as e, jsxs as t } from "react/jsx-runtime";
+//#region src/components/pages/auth/icons.tsx
+function n({ size: n = 14 }) {
+	return /* @__PURE__ */ t("svg", {
+		width: n,
+		height: n,
+		viewBox: "0 0 24 24",
+		"aria-hidden": !0,
+		children: [
+			/* @__PURE__ */ e("path", {
+				fill: "#4285F4",
+				d: "M22.5 12.27c0-.79-.07-1.55-.2-2.27h-9.8v4.5h5.6c-.24 1.28-.97 2.37-2.07 3.1v2.57h3.35c1.96-1.8 3.12-4.47 3.12-7.9z"
+			}),
+			/* @__PURE__ */ e("path", {
+				fill: "#34A853",
+				d: "M12.5 22c2.8 0 5.15-.92 6.87-2.5l-3.35-2.57c-.93.62-2.12.99-3.52.99-2.7 0-4.99-1.82-5.81-4.27h-3.46v2.66C4.95 19.6 8.42 22 12.5 22z"
+			}),
+			/* @__PURE__ */ e("path", {
+				fill: "#FBBC05",
+				d: "M6.69 13.65a6 6 0 010-3.8V7.18H3.23a10 10 0 000 9.13z"
+			}),
+			/* @__PURE__ */ e("path", {
+				fill: "#EA4335",
+				d: "M12.5 6.02c1.52 0 2.88.52 3.95 1.54l2.97-2.97C17.65 2.98 15.3 2 12.5 2c-4.08 0-7.55 2.4-9.27 5.82l3.46 2.66C7.51 7.84 9.8 6.02 12.5 6.02z"
+			})
+		]
+	});
+}
+function r({ size: n = 14 }) {
+	return /* @__PURE__ */ t("svg", {
+		width: n,
+		height: n,
+		viewBox: "0 0 24 24",
+		"aria-hidden": !0,
+		children: [
+			/* @__PURE__ */ e("path", {
+				fill: "#F25022",
+				d: "M1 1h10v10H1z"
+			}),
+			/* @__PURE__ */ e("path", {
+				fill: "#7FBA00",
+				d: "M13 1h10v10H13z"
+			}),
+			/* @__PURE__ */ e("path", {
+				fill: "#00A4EF",
+				d: "M1 13h10v10H1z"
+			}),
+			/* @__PURE__ */ e("path", {
+				fill: "#FFB900",
+				d: "M13 13h10v10H13z"
+			})
+		]
+	});
+}
+//#endregion
+export { n as GoogleIcon, r as MicrosoftIcon };

package/dist-lib/components/pages/exportRequest.js

@@ -0,0 +1,17 @@
+//#region src/components/pages/exportRequest.ts
+var e = /* @__PURE__ */ new Set(["_select", "_actions"]);
+function t(e) {
+	let t = {};
+	return e.screenCode && (t.screen = e.screenCode), e.jsonFilters && e.jsonFilters.length > 0 && (t.filters = e.jsonFilters), e.search && (t.search = e.search), e.sort && (t.sort = e.sort), e.includeDeleted && (t.include_deleted = !0), e.page && (t.page = e.page), e.perPage && (t.per_page = e.perPage), t;
+}
+function n(n, r) {
+	let i = r.visibleColumns.filter((t) => !e.has(t)), a = {
+		format: "csv",
+		scope: r.scope,
+		query: t(n),
+		columns: i
+	};
+	return r.scope === "selected_rows" && r.selectedRowPKs && r.selectedRowPKs.length > 0 && (a.selection = r.selectedRowPKs), r.language && (a.language = r.language), r.filename && (a.filename = r.filename), a;
+}
+//#endregion
+export { n as buildExportRequest, t as buildListQuery };

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

@@ -0,0 +1,27 @@
+import { colSizeVar as e, sizeFromVar as t } from "./column-sizing.js";
+import { jsx as n } from "react/jsx-runtime";
+//#region src/components/pages/list/DataCell.tsx
+function r({ cell: r }) {
+	let i = r.column.id === "_select", a = r.column.id === "_actions", o = r.column.columnDef.cell, s = typeof o == "function" ? o(r.getContext()) : o;
+	return /* @__PURE__ */ n("td", {
+		title: typeof s == "string" ? s : void 0,
+		style: {
+			padding: i ? "0 6px 0 12px" : a ? "0 6px" : "0 10px",
+			verticalAlign: "middle",
+			borderBottom: "1px solid var(--divider)",
+			width: t(e(r.column.id)),
+			whiteSpace: "nowrap",
+			overflow: "hidden",
+			textOverflow: "ellipsis",
+			maxWidth: t(e(r.column.id)),
+			color: "var(--text)",
+			position: i ? "sticky" : "static",
+			left: i ? 0 : "auto",
+			zIndex: +!!i
+		},
+		onClick: i || a ? (e) => e.stopPropagation() : void 0,
+		children: s
+	});
+}
+//#endregion
+export { r as DataCell };

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

@@ -0,0 +1,22 @@
+import { useText as e } from "../../../hooks/useText.js";
+import { ConfirmDialog as t } from "../../shared/ConfirmDialog.js";
+import { jsx as n } from "react/jsx-runtime";
+//#region src/components/pages/list/DeleteViewDialog.tsx
+function r({ view: r, onCancel: i, onConfirm: a }) {
+	let o = e(), s = r ? o(r.name) : "";
+	return /* @__PURE__ */ n(t, {
+		open: r !== null,
+		onOpenChange: (e) => {
+			e || i();
+		},
+		title: o("list.view.delete_title", "Delete this view?"),
+		description: o("list.view.delete_body", "“{name}” and the filters saved in it are deleted permanently. This cannot be undone.", { name: s }),
+		confirmLabel: o("list.view.delete_confirm", "Delete view"),
+		destructive: !0,
+		onConfirm: () => {
+			r && a(r);
+		}
+	});
+}
+//#endregion
+export { r as DeleteViewDialog };