@questpie/admin 2.0.0 → 3.0.0

package/dist/client/builder/widget/widget.d.mts

@@ -1,33 +1,27 @@
 import { MaybeLazyComponent } from "../types/common.mjs";
-import { SetProperty } from "questpie/shared";
 
 //#region src/client/builder/widget/widget.d.ts
 
-interface WidgetDefinition<TName extends string = string, TConfig = any> {
+/**
+ * Widget definition — a plain frozen object describing a dashboard widget.
+ */
+interface WidgetDefinition<TName extends string = string> {
   readonly name: TName;
-  readonly component: any;
-  readonly "~config"?: TConfig;
-}
-interface WidgetBuilderState {
-  readonly name: string;
-  readonly "~config": any;
-  readonly component: any;
-}
-declare class WidgetBuilder<TState extends WidgetBuilderState> {
-  readonly state: TState;
-  constructor(state: TState);
-  $config<TNewConfig>(config: TNewConfig): WidgetBuilder<SetProperty<TState, "~config", TNewConfig>>;
+  readonly component: MaybeLazyComponent;
 }
 /**
- * Create a dashboard widget
+ * Create a dashboard widget as a plain frozen object.
+ *
+ * @example
+ * ```ts
+ * // Generated by `questpie generate`:
+ * export default widget("stats", {
+ *   component: () => import("./stats-widget.js"),
+ * });
+ * ```
  */
 declare function widget<TName extends string, TComponent extends MaybeLazyComponent>(name: TName, config: {
   component: TComponent;
-}): WidgetBuilder<{
-  name: TName;
-  "~config": any;
-  component: TComponent;
-}>;
+}): WidgetDefinition<TName>;
 //#endregion
-export { WidgetBuilder, WidgetBuilderState, WidgetDefinition, widget };
-//# sourceMappingURL=widget.d.mts.map
+export { WidgetDefinition, widget };

package/dist/client/builder/widget/widget.mjs

@@ -1,26 +1,21 @@
 //#region src/client/builder/widget/widget.ts
-var WidgetBuilder = class WidgetBuilder {
-	constructor(state) {
-		this.state = state;
-	}
-	$config(config) {
-		return new WidgetBuilder({
-			...this.state,
-			"~config": config
-		});
-	}
-};
 /**
-* Create a dashboard widget
+* Create a dashboard widget as a plain frozen object.
+*
+* @example
+* ```ts
+* // Generated by `questpie generate`:
+* export default widget("stats", {
+*   component: () => import("./stats-widget.js"),
+* });
+* ```
 */
 function widget(name, config) {
-	return new WidgetBuilder({
+	return Object.freeze({
 		name,
-		"~config": {},
 		component: config.component
 	});
 }
 
 //#endregion
-export { WidgetBuilder, widget };
-//# sourceMappingURL=widget.mjs.map
+export { widget };

package/dist/client/components/actions/action-button.mjs

@@ -1,12 +1,13 @@
 "use client";
 
-import { useResolveText } from "../../i18n/hooks.mjs";
+import { useResolveText, useTranslation } from "../../i18n/hooks.mjs";
 import { selectAuthClient, useAdminStore } from "../../runtime/provider.mjs";
 import { resolveIconElement } from "../component-renderer.mjs";
 import { Button } from "../ui/button.mjs";
 import { ConfirmationDialog } from "./confirmation-dialog.mjs";
+import { c } from "react/compiler-runtime";
+import * as React from "react";
 import { useQueryClient } from "@tanstack/react-query";
-import * as React$1 from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 
 //#region src/client/components/actions/action-button.tsx
@@ -29,107 +30,216 @@ import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 * />
 * ```
 */
-function ActionButton({ action, collection, item, items, helpers, size = "default", className, iconOnly = false, onOpenDialog }) {
+function ActionButton(t0) {
+	const $ = c(47);
+	const { action, collection, item, items, helpers, size: t1, className, iconOnly: t2, onOpenDialog } = t0;
+	const size = t1 === void 0 ? "default" : t1;
+	const iconOnly = t2 === void 0 ? false : t2;
 	const resolveText = useResolveText();
+	const { t } = useTranslation();
 	const authClient = useAdminStore(selectAuthClient);
 	const queryClient = useQueryClient();
-	const [showConfirm, setShowConfirm] = React$1.useState(false);
-	const [isLoading, setIsLoading] = React$1.useState(false);
-	const actionQueryClient = React$1.useMemo(() => ({
-		invalidateQueries: (filters) => queryClient.invalidateQueries(filters),
-		refetchQueries: (filters) => queryClient.refetchQueries(filters),
-		resetQueries: (filters) => queryClient.resetQueries(filters)
-	}), [queryClient]);
-	const ctx = React$1.useMemo(() => ({
-		item,
-		items,
-		collection,
-		helpers,
-		queryClient: actionQueryClient,
-		authClient
-	}), [
-		item,
-		items,
-		collection,
-		helpers,
-		actionQueryClient,
-		authClient
-	]);
-	const isVisible = React$1.useMemo(() => {
-		if (action.visible === void 0) return true;
-		if (typeof action.visible === "function") return action.visible(ctx);
-		return action.visible;
-	}, [action.visible, ctx]);
-	const isDisabled = React$1.useMemo(() => {
-		if (action.disabled === void 0) return false;
-		if (typeof action.disabled === "function") return action.disabled(ctx);
-		return action.disabled;
-	}, [action.disabled, ctx]);
+	const [showConfirm, setShowConfirm] = React.useState(false);
+	const [isLoading, setIsLoading] = React.useState(false);
+	let t3;
+	if ($[0] !== queryClient) {
+		t3 = {
+			invalidateQueries: (filters) => queryClient.invalidateQueries(filters),
+			refetchQueries: (filters_0) => queryClient.refetchQueries(filters_0),
+			resetQueries: (filters_1) => queryClient.resetQueries(filters_1)
+		};
+		$[0] = queryClient;
+		$[1] = t3;
+	} else t3 = $[1];
+	const actionQueryClient = t3;
+	let t4;
+	if ($[2] !== actionQueryClient || $[3] !== authClient || $[4] !== collection || $[5] !== helpers || $[6] !== item || $[7] !== items) {
+		t4 = {
+			item,
+			items,
+			collection,
+			helpers,
+			queryClient: actionQueryClient,
+			authClient
+		};
+		$[2] = actionQueryClient;
+		$[3] = authClient;
+		$[4] = collection;
+		$[5] = helpers;
+		$[6] = item;
+		$[7] = items;
+		$[8] = t4;
+	} else t4 = $[8];
+	const ctx = t4;
+	let t5;
+	bb0: {
+		if (action.visible === void 0) {
+			t5 = true;
+			break bb0;
+		}
+		if (typeof action.visible === "function") {
+			t5 = action.visible(ctx);
+			break bb0;
+		}
+		t5 = action.visible;
+	}
+	const isVisible = t5;
+	let t6;
+	bb1: {
+		if (action.disabled === void 0) {
+			t6 = false;
+			break bb1;
+		}
+		if (typeof action.disabled === "function") {
+			let t7$1;
+			if ($[9] !== action || $[10] !== ctx) {
+				t7$1 = action.disabled(ctx);
+				$[9] = action;
+				$[10] = ctx;
+				$[11] = t7$1;
+			} else t7$1 = $[11];
+			t6 = t7$1;
+			break bb1;
+		}
+		t6 = action.disabled;
+	}
+	const isDisabled = t6;
 	if (!isVisible) return null;
-	const executeAction = async () => {
-		const { handler } = action;
-		switch (handler.type) {
-			case "navigate": {
-				const path = typeof handler.path === "function" ? handler.path(item) : handler.path;
-				helpers.navigate(`${helpers.basePath}/collections/${collection}/${path}`);
-				break;
-			}
-			case "api":
-				setIsLoading(true);
-				try {
-					const endpoint = handler.endpoint.replace("{id}", String(item?.id || ""));
-					helpers.toast.info(`API call: ${handler.method || "POST"} ${endpoint}`);
-					helpers.refresh();
-				} catch (error) {
-					helpers.toast.error("Action failed");
-				} finally {
-					setIsLoading(false);
+	let t7;
+	if ($[12] !== action || $[13] !== collection || $[14] !== ctx || $[15] !== helpers || $[16] !== item || $[17] !== onOpenDialog || $[18] !== t) {
+		t7 = async () => {
+			const { handler } = action;
+			bb39: switch (handler.type) {
+				case "navigate": {
+					const path = typeof handler.path === "function" ? handler.path(item) : handler.path;
+					helpers.navigate(`${helpers.basePath}/collections/${collection}/${path}`);
+					break bb39;
 				}
-				break;
-			case "custom":
-				setIsLoading(true);
-				try {
-					await handler.fn(ctx);
-				} catch (error) {
-					helpers.toast.error("Action failed");
-				} finally {
-					setIsLoading(false);
+				case "api": {
+					setIsLoading(true);
+					const itemAny = item;
+					const itemId = itemAny != null ? String(itemAny.id) : "";
+					const method = handler.method ? handler.method : "POST";
+					const endpoint = handler.endpoint.replace("{id}", itemId);
+					try {
+						helpers.toast.info(`API call: ${method} ${endpoint}`);
+						helpers.refresh();
+						setIsLoading(false);
+					} catch (t8$1) {
+						helpers.toast.error(t("error.actionFailed"));
+						setIsLoading(false);
+					}
+					break bb39;
 				}
-				break;
-			case "dialog":
-			case "form":
-				onOpenDialog?.(action);
-				break;
-			case "server":
-				onOpenDialog?.(action);
-				break;
-		}
-	};
-	const handleClick = (e) => {
-		e.stopPropagation();
-		if (action.confirmation) setShowConfirm(true);
-		else executeAction();
-	};
-	const handleConfirm = async () => {
-		await executeAction();
-	};
-	const iconElement = resolveIconElement(action.icon, { "data-icon": "inline-start" });
-	return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsxs(Button, {
-		variant: action.variant || "default",
-		size: iconOnly ? "icon-sm" : size,
-		onClick: handleClick,
-		disabled: isDisabled || isLoading,
-		className,
-		children: [iconElement, !iconOnly && resolveText(action.label)]
-	}), action.confirmation && /* @__PURE__ */ jsx(ConfirmationDialog, {
-		open: showConfirm,
-		onOpenChange: setShowConfirm,
-		config: action.confirmation,
-		onConfirm: handleConfirm,
-		loading: isLoading
-	})] });
+				case "custom":
+					setIsLoading(true);
+					try {
+						await handler.fn(ctx);
+						setIsLoading(false);
+					} catch (t9$1) {
+						helpers.toast.error(t("error.actionFailed"));
+						setIsLoading(false);
+					}
+					break bb39;
+				case "dialog":
+				case "form":
+					onOpenDialog?.(action);
+					break bb39;
+				case "server": onOpenDialog?.(action);
+			}
+		};
+		$[12] = action;
+		$[13] = collection;
+		$[14] = ctx;
+		$[15] = helpers;
+		$[16] = item;
+		$[17] = onOpenDialog;
+		$[18] = t;
+		$[19] = t7;
+	} else t7 = $[19];
+	const executeAction = t7;
+	let t8;
+	if ($[20] !== action.confirmation || $[21] !== executeAction) {
+		t8 = (e) => {
+			e.stopPropagation();
+			if (action.confirmation) setShowConfirm(true);
+			else executeAction();
+		};
+		$[20] = action.confirmation;
+		$[21] = executeAction;
+		$[22] = t8;
+	} else t8 = $[22];
+	const handleClick = t8;
+	let t9;
+	if ($[23] !== executeAction) {
+		t9 = async () => {
+			await executeAction();
+		};
+		$[23] = executeAction;
+		$[24] = t9;
+	} else t9 = $[24];
+	const handleConfirm = t9;
+	let t10;
+	if ($[25] !== action.icon) {
+		t10 = resolveIconElement(action.icon, { "data-icon": "inline-start" });
+		$[25] = action.icon;
+		$[26] = t10;
+	} else t10 = $[26];
+	const iconElement = t10;
+	const t11 = action.variant || "default";
+	const t12 = iconOnly ? "icon-sm" : size;
+	const t13 = isDisabled || isLoading;
+	let t14;
+	if ($[27] !== action.label || $[28] !== iconOnly || $[29] !== resolveText) {
+		t14 = !iconOnly && resolveText(action.label);
+		$[27] = action.label;
+		$[28] = iconOnly;
+		$[29] = resolveText;
+		$[30] = t14;
+	} else t14 = $[30];
+	let t15;
+	if ($[31] !== className || $[32] !== handleClick || $[33] !== iconElement || $[34] !== t11 || $[35] !== t12 || $[36] !== t13 || $[37] !== t14) {
+		t15 = /* @__PURE__ */ jsxs(Button, {
+			variant: t11,
+			size: t12,
+			onClick: handleClick,
+			disabled: t13,
+			className,
+			children: [iconElement, t14]
+		});
+		$[31] = className;
+		$[32] = handleClick;
+		$[33] = iconElement;
+		$[34] = t11;
+		$[35] = t12;
+		$[36] = t13;
+		$[37] = t14;
+		$[38] = t15;
+	} else t15 = $[38];
+	let t16;
+	if ($[39] !== action.confirmation || $[40] !== handleConfirm || $[41] !== isLoading || $[42] !== showConfirm) {
+		t16 = action.confirmation && /* @__PURE__ */ jsx(ConfirmationDialog, {
+			open: showConfirm,
+			onOpenChange: setShowConfirm,
+			config: action.confirmation,
+			onConfirm: handleConfirm,
+			loading: isLoading
+		});
+		$[39] = action.confirmation;
+		$[40] = handleConfirm;
+		$[41] = isLoading;
+		$[42] = showConfirm;
+		$[43] = t16;
+	} else t16 = $[43];
+	let t17;
+	if ($[44] !== t15 || $[45] !== t16) {
+		t17 = /* @__PURE__ */ jsxs(Fragment, { children: [t15, t16] });
+		$[44] = t15;
+		$[45] = t16;
+		$[46] = t17;
+	} else t17 = $[46];
+	return t17;
 }
 
 //#endregion
-export { ActionButton };
-//# sourceMappingURL=action-button.mjs.map
+export { ActionButton };