@questpie/admin 3.0.4 → 3.0.5

package/dist/client/preview/preview-banner.mjs

@@ -1,5 +1,6 @@
 "use client";
 
+import { useSafeI18n } from "../i18n/hooks.mjs";
 import { c } from "react/compiler-runtime";
 import "react";
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -32,14 +33,22 @@ import { jsx, jsxs } from "react/jsx-runtime";
 * ```
 */
 function PreviewBanner(t0) {
-	const $ = c(9);
+	const $ = c(19);
 	const { isPreviewMode, className, exitPreviewUrl: t1 } = t0;
 	const exitPreviewUrl = t1 === void 0 ? "/api/preview?disable=true" : t1;
-	if (!isPreviewMode) return null;
+	const i18n = useSafeI18n();
 	let t2;
+	if ($[0] !== i18n) {
+		t2 = (key, fallback) => i18n?.t(key) ?? fallback;
+		$[0] = i18n;
+		$[1] = t2;
+	} else t2 = $[1];
+	const t = t2;
+	if (!isPreviewMode) return null;
 	let t3;
-	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-		t2 = {
+	let t4;
+	if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
+		t3 = {
 			position: "sticky",
 			top: 0,
 			left: 0,
@@ -56,35 +65,47 @@ function PreviewBanner(t0) {
 			fontWeight: 500,
 			borderBottom: "1px solid var(--border)"
 		};
-		t3 = {
+		t4 = {
 			display: "flex",
 			alignItems: "center",
 			gap: "0.5rem"
 		};
-		$[0] = t2;
-		$[1] = t3;
+		$[2] = t3;
+		$[3] = t4;
 	} else {
-		t2 = $[0];
-		t3 = $[1];
+		t3 = $[2];
+		t4 = $[3];
 	}
-	let t4;
-	if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
-		t4 = /* @__PURE__ */ jsxs("div", {
-			style: t3,
-			children: [/* @__PURE__ */ jsxs("svg", {
-				xmlns: "http://www.w3.org/2000/svg",
-				width: "16",
-				height: "16",
-				viewBox: "0 0 256 256",
-				fill: "currentColor",
-				children: [/* @__PURE__ */ jsx("title", { children: "Eye icon" }), /* @__PURE__ */ jsx("path", { d: "M247.31,124.76c-.35-.79-8.82-19.58-27.65-38.41C194.57,61.26,162.88,48,128,48S61.43,61.26,36.34,86.35C17.51,105.18,9,124,8.69,124.76a8,8,0,0,0,0,6.5c.35.79,8.82,19.57,27.65,38.4C61.43,194.74,93.12,208,128,208s66.57-13.26,91.66-38.34c18.83-18.83,27.3-37.61,27.65-38.4A8,8,0,0,0,247.31,124.76ZM128,192c-30.78,0-57.67-11.19-79.93-33.25A133.47,133.47,0,0,1,25,128,133.33,133.33,0,0,1,48.07,97.25C70.33,75.19,97.22,64,128,64s57.67,11.19,79.93,33.25A133.46,133.46,0,0,1,231.05,128C223.84,141.46,192.43,192,128,192Zm0-112a48,48,0,1,0,48,48A48.05,48.05,0,0,0,128,80Zm0,80a32,32,0,1,1,32-32A32,32,0,0,1,128,160Z" })]
-			}), /* @__PURE__ */ jsx("span", { children: "Preview Mode" })]
-		});
-		$[2] = t4;
-	} else t4 = $[2];
 	let t5;
-	if ($[3] === Symbol.for("react.memo_cache_sentinel")) {
-		t5 = {
+	if ($[4] === Symbol.for("react.memo_cache_sentinel")) {
+		t5 = /* @__PURE__ */ jsxs("svg", {
+			xmlns: "http://www.w3.org/2000/svg",
+			width: "16",
+			height: "16",
+			viewBox: "0 0 256 256",
+			fill: "currentColor",
+			children: [/* @__PURE__ */ jsx("title", { children: "Eye icon" }), /* @__PURE__ */ jsx("path", { d: "M247.31,124.76c-.35-.79-8.82-19.58-27.65-38.41C194.57,61.26,162.88,48,128,48S61.43,61.26,36.34,86.35C17.51,105.18,9,124,8.69,124.76a8,8,0,0,0,0,6.5c.35.79,8.82,19.57,27.65,38.4C61.43,194.74,93.12,208,128,208s66.57-13.26,91.66-38.34c18.83-18.83,27.3-37.61,27.65-38.4A8,8,0,0,0,247.31,124.76ZM128,192c-30.78,0-57.67-11.19-79.93-33.25A133.47,133.47,0,0,1,25,128,133.33,133.33,0,0,1,48.07,97.25C70.33,75.19,97.22,64,128,64s57.67,11.19,79.93,33.25A133.46,133.46,0,0,1,231.05,128C223.84,141.46,192.43,192,128,192Zm0-112a48,48,0,1,0,48,48A48.05,48.05,0,0,0,128,80Zm0,80a32,32,0,1,1,32-32A32,32,0,0,1,128,160Z" })]
+		});
+		$[4] = t5;
+	} else t5 = $[4];
+	let t6;
+	if ($[5] !== t) {
+		t6 = t("preview.mode", "Preview Mode");
+		$[5] = t;
+		$[6] = t6;
+	} else t6 = $[6];
+	let t7;
+	if ($[7] !== t6) {
+		t7 = /* @__PURE__ */ jsxs("div", {
+			style: t4,
+			children: [t5, /* @__PURE__ */ jsx("span", { children: t6 })]
+		});
+		$[7] = t6;
+		$[8] = t7;
+	} else t7 = $[8];
+	let t8;
+	if ($[9] === Symbol.for("react.memo_cache_sentinel")) {
+		t8 = {
 			padding: "0.25rem 0.75rem",
 			backgroundColor: "rgba(255, 255, 255, 0.2)",
 			border: "1px solid rgba(255, 255, 255, 0.3)",
@@ -96,32 +117,40 @@ function PreviewBanner(t0) {
 			cursor: "pointer",
 			transition: "background-color 0.2s"
 		};
-		$[3] = t5;
-	} else t5 = $[3];
-	let t6;
-	if ($[4] !== exitPreviewUrl) {
-		t6 = /* @__PURE__ */ jsx("a", {
+		$[9] = t8;
+	} else t8 = $[9];
+	let t9;
+	if ($[10] !== t) {
+		t9 = t("preview.exitPreview", "Exit Preview");
+		$[10] = t;
+		$[11] = t9;
+	} else t9 = $[11];
+	let t10;
+	if ($[12] !== exitPreviewUrl || $[13] !== t9) {
+		t10 = /* @__PURE__ */ jsx("a", {
 			href: exitPreviewUrl,
-			style: t5,
+			style: t8,
 			onMouseEnter: _temp,
 			onMouseLeave: _temp2,
-			children: "Exit Preview"
+			children: t9
 		});
-		$[4] = exitPreviewUrl;
-		$[5] = t6;
-	} else t6 = $[5];
-	let t7;
-	if ($[6] !== className || $[7] !== t6) {
-		t7 = /* @__PURE__ */ jsxs("div", {
+		$[12] = exitPreviewUrl;
+		$[13] = t9;
+		$[14] = t10;
+	} else t10 = $[14];
+	let t11;
+	if ($[15] !== className || $[16] !== t10 || $[17] !== t7) {
+		t11 = /* @__PURE__ */ jsxs("div", {
 			className,
-			style: t2,
-			children: [t4, t6]
+			style: t3,
+			children: [t7, t10]
 		});
-		$[6] = className;
-		$[7] = t6;
-		$[8] = t7;
-	} else t7 = $[8];
-	return t7;
+		$[15] = className;
+		$[16] = t10;
+		$[17] = t7;
+		$[18] = t11;
+	} else t11 = $[18];
+	return t11;
 }
 function _temp2(e_0) {
 	e_0.currentTarget.style.backgroundColor = "rgba(255, 255, 255, 0.2)";

package/dist/client/views/auth/accept-invite-form.d.mts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime0 from "react/jsx-runtime";
+import * as react_jsx_runtime2 from "react/jsx-runtime";
 
 //#region src/client/views/auth/accept-invite-form.d.ts
 /**
@@ -67,6 +67,6 @@ declare function AcceptInviteForm({
   className,
   error,
   minPasswordLength
-}: AcceptInviteFormProps): react_jsx_runtime0.JSX.Element;
+}: AcceptInviteFormProps): react_jsx_runtime2.JSX.Element;
 //#endregion
 export { AcceptInviteForm };

package/dist/client/views/auth/auth-layout.d.mts

@@ -1,5 +1,5 @@
 import * as React from "react";
-import * as react_jsx_runtime1 from "react/jsx-runtime";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
 
 //#region src/client/views/auth/auth-layout.d.ts
 
@@ -45,6 +45,6 @@ type AuthLayoutProps = {
  * </AuthLayout>
  * ```
  */
-declare function AuthLayout(props: AuthLayoutProps): react_jsx_runtime1.JSX.Element;
+declare function AuthLayout(props: AuthLayoutProps): react_jsx_runtime0.JSX.Element;
 //#endregion
 export { AuthLayout, AuthLayoutProps };

package/dist/client/views/auth/forgot-password-form.d.mts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime3 from "react/jsx-runtime";
+import * as react_jsx_runtime4 from "react/jsx-runtime";
 
 //#region src/client/views/auth/forgot-password-form.d.ts
 /**
@@ -53,6 +53,6 @@ declare function ForgotPasswordForm({
   defaultValues,
   className,
   error
-}: ForgotPasswordFormProps): react_jsx_runtime3.JSX.Element;
+}: ForgotPasswordFormProps): react_jsx_runtime4.JSX.Element;
 //#endregion
 export { ForgotPasswordForm };

package/dist/client/views/auth/login-form.d.mts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime4 from "react/jsx-runtime";
+import * as react_jsx_runtime3 from "react/jsx-runtime";
 
 //#region src/client/views/auth/login-form.d.ts
 /**
@@ -70,6 +70,6 @@ declare function LoginForm({
   className,
   error,
   minPasswordLength
-}: LoginFormProps): react_jsx_runtime4.JSX.Element;
+}: LoginFormProps): react_jsx_runtime3.JSX.Element;
 //#endregion
 export { LoginForm };

package/dist/client/views/auth/reset-password-form.d.mts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime5 from "react/jsx-runtime";
+import * as react_jsx_runtime6 from "react/jsx-runtime";
 
 //#region src/client/views/auth/reset-password-form.d.ts
 /**
@@ -60,6 +60,6 @@ declare function ResetPasswordForm({
   minPasswordLength,
   className,
   error
-}: ResetPasswordFormProps): react_jsx_runtime5.JSX.Element;
+}: ResetPasswordFormProps): react_jsx_runtime6.JSX.Element;
 //#endregion
 export { ResetPasswordForm };

package/dist/client/views/auth/setup-form.d.mts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime6 from "react/jsx-runtime";
+import * as react_jsx_runtime5 from "react/jsx-runtime";
 
 //#region src/client/views/auth/setup-form.d.ts
 /**
@@ -55,6 +55,6 @@ declare function SetupForm({
   className,
   error,
   minPasswordLength
-}: SetupFormProps): react_jsx_runtime6.JSX.Element;
+}: SetupFormProps): react_jsx_runtime5.JSX.Element;
 //#endregion
 export { SetupForm, SetupFormValues };

package/dist/client/views/collection/table-view.mjs

@@ -298,9 +298,9 @@ function mapListSchemaToConfig(list) {
 	config.actions = mapListActionsToDefinitions(list.actions);
 	return config;
 }
-function stringifyGroupValue(value, field, resolveText) {
-	if (value === null || value === void 0 || value === "") return "No value";
-	if (Array.isArray(value)) return value.length > 0 ? value.map((item) => stringifyGroupValue(item, field, resolveText)).join(", ") : "No value";
+function stringifyGroupValue(value, field, resolveText, noValueLabel = "No value") {
+	if (value === null || value === void 0 || value === "") return noValueLabel;
+	if (Array.isArray(value)) return value.length > 0 ? value.map((item) => stringifyGroupValue(item, field, resolveText, noValueLabel)).join(", ") : noValueLabel;
 	const options = field?.options?.options;
 	if (options) {
 		const option = flattenOptions(options).find((item) => String(item.value) === String(value));
@@ -1061,9 +1061,9 @@ function TableViewInner({ collection, config, viewConfig, navigate, basePath = "
 	const hasActiveFilters = viewState.config.filters.length > 0;
 	const isOrderSortActive = canUseOrderableSort && effectiveSort?.field === orderField && (effectiveSort.direction ?? "asc") === orderDirection;
 	const hasMultiplePages = !isSearching && (listData?.totalPages ?? 1) > 1;
-	const reorderHardBlocker = !isOrderableEnabled ? "Enable orderable before reordering" : !hasOrderField ? "Add a numeric order field before reordering" : isSearching ? "Clear search to reorder" : viewState.config.groupBy ? "Remove grouping to reorder" : hasActiveFilters ? "Clear filters to reorder" : hasMultiplePages ? "Show one page of items to reorder" : null;
-	const reorderTooltip = reorderHardBlocker ?? (isOrderSortActive ? isReorderMode ? "Exit reorder mode" : "Reorder items" : `Switch to ${orderField} sort and reorder`);
-	const reorderAriaLabel = reorderHardBlocker ? `Reorder unavailable: ${reorderHardBlocker}` : isReorderMode ? "Exit reorder mode" : "Enter reorder mode";
+	const reorderHardBlocker = !isOrderableEnabled ? t("collection.reorderEnableOrderable") : !hasOrderField ? t("collection.reorderAddOrderField") : isSearching ? t("collection.reorderClearSearch") : viewState.config.groupBy ? t("collection.reorderRemoveGrouping") : hasActiveFilters ? t("collection.reorderClearFilters") : hasMultiplePages ? t("collection.reorderShowOnePage") : null;
+	const reorderTooltip = reorderHardBlocker ?? (isOrderSortActive ? isReorderMode ? t("collection.reorderExitMode") : t("collection.reorderItems") : t("collection.reorderSwitchSort", { field: orderField }));
+	const reorderAriaLabel = reorderHardBlocker ? t("collection.reorderUnavailable", { reason: reorderHardBlocker }) : isReorderMode ? t("collection.reorderExitMode") : t("collection.reorderEnterMode");
 	const canReorder = isOrderableEnabled && !reorderHardBlocker;
 	const handleReorderToggle = React.useCallback(() => {
 		if (!canReorder) return;
@@ -1170,11 +1170,11 @@ function TableViewInner({ collection, config, viewConfig, navigate, basePath = "
 				id: String(row_6.id),
 				data: { [orderField]: (index + 1) * orderStep }
 			})) });
-			actionHelpers.toast.success("Order saved");
+			actionHelpers.toast.success(t("collection.orderSaved"));
 		} catch (error) {
 			clearReorderOverlay();
 			setOptimisticOrderIds(previousOrderIds);
-			actionHelpers.toast.error(error instanceof Error ? error.message : "Could not save order");
+			actionHelpers.toast.error(error instanceof Error ? error.message : t("collection.orderSaveFailed"));
 		}
 	}, [
 		sortableRowIds,
@@ -1182,6 +1182,7 @@ function TableViewInner({ collection, config, viewConfig, navigate, basePath = "
 		updateBatchMutation,
 		orderField,
 		orderStep,
+		t,
 		actionHelpers.toast,
 		clearReorderOverlay
 	]);
@@ -1198,7 +1199,7 @@ function TableViewInner({ collection, config, viewConfig, navigate, basePath = "
 		if (serverGroups?.length) {
 			const rowsById_0 = new Map(rows.map((row_8) => [row_8.id, row_8]));
 			return serverGroups.flatMap((group) => {
-				const label = stringifyGroupValue(group.value, groupField, resolveText);
+				const label = stringifyGroupValue(group.value, groupField, resolveText, t("common.noValue"));
 				const groupKey = `${groupBy_0}:${label}`;
 				const collapsed = collapsedGroups.has(groupKey);
 				const groupRows = (group.docs ?? []).map((doc) => rowsById_0.get(String(doc.id))).filter(Boolean);
@@ -1216,7 +1217,7 @@ function TableViewInner({ collection, config, viewConfig, navigate, basePath = "
 		}
 		const groups = /* @__PURE__ */ new Map();
 		for (const row_10 of rows) {
-			const valueLabel = stringifyGroupValue(row_10.original?.[groupBy_0], groupField, resolveText);
+			const valueLabel = stringifyGroupValue(row_10.original?.[groupBy_0], groupField, resolveText, t("common.noValue"));
 			const groupKey_0 = `${groupBy_0}:${valueLabel}`;
 			const group_0 = groups.get(groupKey_0);
 			if (group_0) {
@@ -1249,7 +1250,8 @@ function TableViewInner({ collection, config, viewConfig, navigate, basePath = "
 		groupableFields,
 		isSearching,
 		listData?.groups,
-		resolveText
+		resolveText,
+		t
 	]);
 	const handleSaveView = (name, config_0) => {
 		saveViewMutation.mutate({
@@ -1427,24 +1429,21 @@ function TableViewInner({ collection, config, viewConfig, navigate, basePath = "
 							}),
 							/* @__PURE__ */ jsx("span", {
 								className: "text-foreground font-medium",
-								children: "Reorder mode"
+								children: t("collection.reorderMode")
 							}),
-							/* @__PURE__ */ jsxs("span", {
+							/* @__PURE__ */ jsx("span", {
 								className: "hidden sm:inline",
-								children: [
-									"Sorted by ",
-									orderField,
-									" ",
-									orderDirection,
-									"."
-								]
+								children: t("collection.sortedByField", {
+									field: orderField,
+									direction: orderDirection
+								})
 							})
 						]
 					}), /* @__PURE__ */ jsx(Button, {
 						variant: "ghost",
 						size: "xs",
 						onClick: () => setIsReorderMode(false),
-						children: "Done"
+						children: t("common.done")
 					})]
 				}),
 				/* @__PURE__ */ jsx(BulkActionToolbar, {
@@ -1635,13 +1634,14 @@ function TableViewInner({ collection, config, viewConfig, navigate, basePath = "
 						children: [/* @__PURE__ */ jsxs("span", { children: [
 							filteredItems.length > 0 ? `${((viewState.config.pagination?.page ?? 1) - 1) * (viewState.config.pagination?.pageSize ?? 25) + 1}-${Math.min(((viewState.config.pagination?.page ?? 1) - 1) * (viewState.config.pagination?.pageSize ?? 25) + (viewState.config.pagination?.pageSize ?? 25), listData?.totalDocs ?? filteredItems.length)}` : "0",
 							" ",
-							"of ",
+							t("table.of"),
+							" ",
 							listData?.totalDocs ?? 0
 						] }), /* @__PURE__ */ jsxs("div", {
 							className: "flex items-center gap-2",
 							children: [/* @__PURE__ */ jsx("span", {
 								className: "text-muted-foreground",
-								children: "Show"
+								children: t("table.show")
 							}), /* @__PURE__ */ jsxs(Select, {
 								value: String(viewState.config.pagination?.pageSize ?? 25),
 								onValueChange: (value_0) => viewState.setPageSize(Number(value_0)),
@@ -1671,7 +1671,7 @@ function TableViewInner({ collection, config, viewConfig, navigate, basePath = "
 								className: "size-8 p-0",
 								disabled: (viewState.config.pagination?.page ?? 1) <= 1,
 								onClick: () => viewState.setPage((viewState.config.pagination?.page ?? 1) - 1),
-								"aria-label": "Previous page",
+								"aria-label": t("table.previousPage"),
 								children: /* @__PURE__ */ jsx(Icon, {
 									icon: "ph:caret-left",
 									className: "size-4"
@@ -1690,7 +1690,7 @@ function TableViewInner({ collection, config, viewConfig, navigate, basePath = "
 									size: "sm",
 									className: "size-8 min-w-[32px] p-0 tabular-nums",
 									onClick: () => viewState.setPage(pageNum),
-									"aria-label": `Page ${pageNum}`,
+									"aria-label": t("table.page", { page: pageNum }),
 									"aria-current": currentPage === pageNum ? "page" : void 0,
 									children: pageNum
 								}, pageNum);
@@ -1701,7 +1701,7 @@ function TableViewInner({ collection, config, viewConfig, navigate, basePath = "
 								className: "size-8 p-0",
 								disabled: (viewState.config.pagination?.page ?? 1) >= (listData?.totalPages ?? 1),
 								onClick: () => viewState.setPage((viewState.config.pagination?.page ?? 1) + 1),
-								"aria-label": "Next page",
+								"aria-label": t("table.nextPage"),
 								children: /* @__PURE__ */ jsx(Icon, {
 									icon: "ph:caret-right",
 									className: "size-4"