@questpie/admin 2.0.0 → 3.0.0

package/dist/client/components/component-renderer.d.mts

@@ -1,6 +1,6 @@
-import { ComponentReference } from "../../server/augmentation.mjs";
-import "../../server/index.mjs";
-import * as React$1 from "react";
+import { ComponentReference } from "../../server/augmentation/common.mjs";
+import "../../server/augmentation.mjs";
+import * as React from "react";
 
 //#region src/client/components/component-renderer.d.ts
 
@@ -27,12 +27,7 @@ interface IconifyIconProps {
  * <IconifyIcon name="mdi:home" className="text-blue-500" />
  * ```
  */
-declare function IconifyIcon({
-  name,
-  size,
-  className,
-  color
-}: IconifyIconProps): React$1.ReactElement;
+declare const IconifyIcon: React.NamedExoticComponent<IconifyIconProps>;
 /**
  * Props for Badge component
  */
@@ -51,11 +46,11 @@ declare function Badge({
   text,
   color,
   className
-}: BadgeProps): React$1.ReactElement;
+}: BadgeProps): React.ReactElement;
 /**
  * Component renderer registry type
  */
-type ComponentRendererRegistry = Record<string, React$1.ComponentType<any>>;
+type ComponentRendererRegistry = Record<string, React.ComponentType<any>>;
 /**
  * Props for ComponentRenderer
  */
@@ -65,7 +60,7 @@ interface ComponentRendererProps {
   /** Component registry override (defaults to admin context registry) */
   registry?: ComponentRendererRegistry;
   /** Fallback to render if component type not found */
-  fallback?: React$1.ReactNode;
+  fallback?: React.ReactNode;
   /** Additional props to pass to the component */
   additionalProps?: Record<string, unknown>;
 }
@@ -93,12 +88,7 @@ interface ComponentRendererProps {
  * />
  * ```
  */
-declare function ComponentRenderer({
-  reference,
-  registry,
-  fallback,
-  additionalProps
-}: ComponentRendererProps): React$1.ReactNode;
+declare const ComponentRenderer: React.NamedExoticComponent<ComponentRendererProps>;
 /**
  * Check if a value is a component reference
  */
@@ -111,7 +101,7 @@ declare function isComponentReference(value: unknown): value is ComponentReferen
  * @param props - Additional props to pass to the icon
  * @returns React element or null
  */
-declare function resolveIconElement(icon: ComponentReference | React$1.ComponentType<any> | string | undefined | null, props?: Record<string, unknown>, registry?: ComponentRendererRegistry): React$1.ReactNode;
+declare function resolveIconElement(icon: ComponentReference | React.ComponentType<any> | string | undefined | null, props?: Record<string, unknown>, registry?: ComponentRendererRegistry): React.ReactNode;
 /**
  * Create a render function for icons.
  * Useful for rendering icons in table cells or list items.
@@ -119,7 +109,6 @@ declare function resolveIconElement(icon: ComponentReference | React$1.Component
  * @param registry - Custom component registry
  * @returns Function that renders an icon from a ComponentReference
  */
-declare function createIconRenderer(registry?: ComponentRendererRegistry): (icon: ComponentReference | React$1.ComponentType<any> | string | undefined | null, props?: Record<string, unknown>) => React$1.ReactNode;
+declare function createIconRenderer(registry?: ComponentRendererRegistry): (icon: ComponentReference | React.ComponentType<any> | string | undefined | null, props?: Record<string, unknown>) => React.ReactNode;
 //#endregion
-export { Badge, BadgeProps, ComponentRenderer, ComponentRendererProps, ComponentRendererRegistry, IconifyIcon, IconifyIconProps, createIconRenderer, isComponentReference, resolveIconElement };
-//# sourceMappingURL=component-renderer.d.mts.map
+export { Badge, BadgeProps, ComponentRenderer, ComponentRendererProps, ComponentRendererRegistry, IconifyIcon, IconifyIconProps, createIconRenderer, isComponentReference, resolveIconElement };

package/dist/client/components/component-renderer.mjs

@@ -1,6 +1,7 @@
 import { selectAdmin, useAdminStore } from "../runtime/provider.mjs";
+import { c } from "react/compiler-runtime";
 import { Icon } from "@iconify/react";
-import * as React$1 from "react";
+import * as React from "react";
 import { jsx } from "react/jsx-runtime";
 
 //#region src/client/components/component-renderer.tsx
@@ -29,31 +30,105 @@ import { jsx } from "react/jsx-runtime";
 * <IconifyIcon name="mdi:home" className="text-blue-500" />
 * ```
 */
-function IconifyIcon({ name, size, className, color }) {
-	return /* @__PURE__ */ jsx(Icon, {
-		icon: name,
-		width: size,
-		height: size,
-		className,
-		color
-	});
-}
+const IconifyIcon = React.memo(function IconifyIcon$1(t0) {
+	const $ = c(5);
+	const { name, size, className, color } = t0;
+	let t1;
+	if ($[0] !== className || $[1] !== color || $[2] !== name || $[3] !== size) {
+		t1 = /* @__PURE__ */ jsx(Icon, {
+			icon: name,
+			width: size,
+			height: size,
+			className,
+			color
+		});
+		$[0] = className;
+		$[1] = color;
+		$[2] = name;
+		$[3] = size;
+		$[4] = t1;
+	} else t1 = $[4];
+	return t1;
+});
 /**
 * Badge component for status indicators
 */
-function Badge({ text, color = "default", className }) {
-	const colorClasses = {
-		default: "bg-muted text-muted-foreground",
-		primary: "bg-primary/10 text-primary",
-		secondary: "bg-secondary text-secondary-foreground",
-		destructive: "bg-destructive/10 text-destructive",
-		success: "bg-success/10 text-success",
-		warning: "bg-warning/10 text-warning"
-	};
-	return /* @__PURE__ */ jsx("span", {
-		className: `inline-flex items-center rounded-full px-2 py-0.5 text-xs font-medium ${colorClasses[color] ?? colorClasses.default} ${className ?? ""}`,
-		children: text
-	});
+function Badge(t0) {
+	const $ = c(4);
+	const { text, color: t1, className } = t0;
+	const color = t1 === void 0 ? "default" : t1;
+	let t2;
+	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+		t2 = {
+			default: "bg-muted text-muted-foreground",
+			primary: "bg-primary/10 text-primary",
+			secondary: "bg-secondary text-secondary-foreground",
+			destructive: "bg-destructive/10 text-destructive",
+			success: "bg-success/10 text-success",
+			warning: "bg-warning/10 text-warning"
+		};
+		$[0] = t2;
+	} else t2 = $[0];
+	const colorClasses = t2;
+	const t3 = `inline-flex items-center rounded-full px-2 py-0.5 text-xs font-medium ${colorClasses[color] ?? colorClasses.default} ${className ?? ""}`;
+	let t4;
+	if ($[1] !== t3 || $[2] !== text) {
+		t4 = /* @__PURE__ */ jsx("span", {
+			className: t3,
+			children: text
+		});
+		$[1] = t3;
+		$[2] = text;
+		$[3] = t4;
+	} else t4 = $[3];
+	return t4;
+}
+function shallowEqualRecord(a, b) {
+	if (a === b) return true;
+	if (!a || !b) return false;
+	const aKeys = Object.keys(a);
+	const bKeys = Object.keys(b);
+	if (aKeys.length !== bKeys.length) return false;
+	for (const key of aKeys) if (a[key] !== b[key]) return false;
+	return true;
+}
+function areRendererPropsEqual(prev, next) {
+	if (prev.registry !== next.registry) return false;
+	if (prev.fallback !== next.fallback) return false;
+	if (!shallowEqualRecord(prev.additionalProps, next.additionalProps)) return false;
+	if (prev.reference === next.reference) return true;
+	if (!prev.reference || !next.reference) return false;
+	if (prev.reference.type !== next.reference.type) return false;
+	return shallowEqualRecord(prev.reference.props, next.reference.props);
+}
+function RegistryComponentRenderer(t0) {
+	const $ = c(6);
+	const { reference, registry, fallback, additionalProps } = t0;
+	const admin = useAdminStore(selectAdmin);
+	let t1;
+	if ($[0] !== admin) {
+		t1 = admin?.getComponents?.() ?? {};
+		$[0] = admin;
+		$[1] = t1;
+	} else t1 = $[1];
+	const mergedRegistry = registry ?? t1;
+	const Component = mergedRegistry[reference.type];
+	if (!Component) {
+		if (process.env.NODE_ENV === "development") console.warn(`[ComponentRenderer] Unknown component type: "${reference.type}". Available types: ${Object.keys(mergedRegistry).join(", ")}`);
+		return fallback ?? null;
+	}
+	let t2;
+	if ($[2] !== Component || $[3] !== additionalProps || $[4] !== reference.props) {
+		t2 = /* @__PURE__ */ jsx(Component, {
+			...reference.props,
+			...additionalProps
+		});
+		$[2] = Component;
+		$[3] = additionalProps;
+		$[4] = reference.props;
+		$[5] = t2;
+	} else t2 = $[5];
+	return t2;
 }
 /**
 * Renders a server-defined component reference.
@@ -79,20 +154,59 @@ function Badge({ text, color = "default", className }) {
 * />
 * ```
 */
-function ComponentRenderer({ reference, registry, fallback = null, additionalProps }) {
+const ComponentRenderer = React.memo(function ComponentRenderer$1(t0) {
+	const $ = c(13);
+	const { reference, registry, fallback: t1, additionalProps } = t0;
+	const fallback = t1 === void 0 ? null : t1;
 	if (!reference) return fallback;
-	const contextRegistry = useAdminStore(selectAdmin)?.getComponents?.() ?? {};
-	const mergedRegistry = registry ?? contextRegistry;
-	const Component = mergedRegistry[reference.type];
-	if (!Component) {
-		if (process.env.NODE_ENV === "development") console.warn(`[ComponentRenderer] Unknown component type: "${reference.type}". Available types: ${Object.keys(mergedRegistry).join(", ")}`);
-		return fallback;
+	if (reference.type === "icon") {
+		let t2$1;
+		if ($[0] !== reference.props) {
+			t2$1 = reference.props ?? {};
+			$[0] = reference.props;
+			$[1] = t2$1;
+		} else t2$1 = $[1];
+		const iconProps = t2$1;
+		const iconName = iconProps.name;
+		if (typeof iconName === "string") {
+			let rest;
+			if ($[2] !== iconProps) {
+				const { name: _name, ...t3$1 } = iconProps;
+				rest = t3$1;
+				$[2] = iconProps;
+				$[3] = rest;
+			} else rest = $[3];
+			let t3;
+			if ($[4] !== additionalProps || $[5] !== iconName || $[6] !== rest) {
+				t3 = /* @__PURE__ */ jsx(Icon, {
+					icon: iconName,
+					...rest,
+					...additionalProps
+				});
+				$[4] = additionalProps;
+				$[5] = iconName;
+				$[6] = rest;
+				$[7] = t3;
+			} else t3 = $[7];
+			return t3;
+		}
 	}
-	return /* @__PURE__ */ jsx(Component, {
-		...reference.props,
-		...additionalProps
-	});
-}
+	let t2;
+	if ($[8] !== additionalProps || $[9] !== fallback || $[10] !== reference || $[11] !== registry) {
+		t2 = /* @__PURE__ */ jsx(RegistryComponentRenderer, {
+			reference,
+			registry,
+			fallback,
+			additionalProps
+		});
+		$[8] = additionalProps;
+		$[9] = fallback;
+		$[10] = reference;
+		$[11] = registry;
+		$[12] = t2;
+	} else t2 = $[12];
+	return t2;
+}, areRendererPropsEqual);
 /**
 * Check if a value is a component reference
 */
@@ -123,7 +237,7 @@ function resolveIconElement(icon, props, registry) {
 		registry
 	});
 	if (typeof icon === "function") return /* @__PURE__ */ jsx(icon, { ...props });
-	if (typeof icon === "object" && React$1.isValidElement(icon)) return icon;
+	if (typeof icon === "object" && React.isValidElement(icon)) return icon;
 	return null;
 }
 /**
@@ -141,5 +255,4 @@ function createIconRenderer(registry) {
 }
 
 //#endregion
-export { Badge, ComponentRenderer, IconifyIcon, createIconRenderer, isComponentReference, resolveIconElement };
-//# sourceMappingURL=component-renderer.mjs.map
+export { Badge, ComponentRenderer, IconifyIcon, createIconRenderer, isComponentReference, resolveIconElement };

package/dist/client/components/error-boundary.mjs

@@ -1,10 +1,55 @@
 "use client";
 
-import * as React$1 from "react";
+import { useTranslation } from "../i18n/hooks.mjs";
+import { c } from "react/compiler-runtime";
+import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 
 //#region src/client/components/error-boundary.tsx
 /**
+* Default fallback component for ErrorBoundary (functional, so it can use hooks)
+*/
+function DefaultErrorFallback(t0) {
+	const $ = c(9);
+	const { error } = t0;
+	const { t } = useTranslation();
+	let t1;
+	if ($[0] !== t) {
+		t1 = t("error.somethingWentWrong");
+		$[0] = t;
+		$[1] = t1;
+	} else t1 = $[1];
+	let t2;
+	if ($[2] !== t1) {
+		t2 = /* @__PURE__ */ jsx("p", {
+			className: "text-destructive text-sm font-medium",
+			children: t1
+		});
+		$[2] = t1;
+		$[3] = t2;
+	} else t2 = $[3];
+	let t3;
+	if ($[4] !== error.message) {
+		t3 = /* @__PURE__ */ jsx("p", {
+			className: "text-muted-foreground mt-1 text-xs",
+			children: error.message
+		});
+		$[4] = error.message;
+		$[5] = t3;
+	} else t3 = $[5];
+	let t4;
+	if ($[6] !== t2 || $[7] !== t3) {
+		t4 = /* @__PURE__ */ jsxs("div", {
+			className: "border-destructive/20 bg-destructive/5 border p-4",
+			children: [t2, t3]
+		});
+		$[6] = t2;
+		$[7] = t3;
+		$[8] = t4;
+	} else t4 = $[8];
+	return t4;
+}
+/**
 * ErrorBoundary - Catches JavaScript errors in child component tree
 *
 * Prevents entire UI from crashing when a component throws an error.
@@ -25,7 +70,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
 * </ErrorBoundary>
 * ```
 */
-var ErrorBoundary = class extends React$1.Component {
+var ErrorBoundary = class extends React.Component {
 	constructor(props) {
 		super(props);
 		this.state = {
@@ -47,16 +92,7 @@ var ErrorBoundary = class extends React$1.Component {
 			const { fallback } = this.props;
 			if (typeof fallback === "function") return fallback(this.state.error);
 			if (fallback) return fallback;
-			return /* @__PURE__ */ jsxs("div", {
-				className: "rounded-lg border border-destructive/20 bg-destructive/5 p-4",
-				children: [/* @__PURE__ */ jsx("p", {
-					className: "text-sm font-medium text-destructive",
-					children: "Something went wrong"
-				}), /* @__PURE__ */ jsx("p", {
-					className: "mt-1 text-xs text-muted-foreground",
-					children: this.state.error.message
-				})]
-			});
+			return /* @__PURE__ */ jsx(DefaultErrorFallback, { error: this.state.error });
 		}
 		return this.props.children;
 	}
@@ -64,29 +100,45 @@ var ErrorBoundary = class extends React$1.Component {
 /**
 * WidgetErrorBoundary - Specialized error boundary for dashboard widgets
 */
-function WidgetErrorBoundary({ children, widgetType }) {
-	return /* @__PURE__ */ jsx(ErrorBoundary, {
-		fallback: (error) => /* @__PURE__ */ jsxs("div", {
-			className: "rounded-lg border border-destructive/20 bg-destructive/5 p-4",
+function WidgetErrorBoundary(t0) {
+	const $ = c(6);
+	const { children, widgetType } = t0;
+	const { t } = useTranslation();
+	let t1;
+	if ($[0] !== t || $[1] !== widgetType) {
+		t1 = (error) => /* @__PURE__ */ jsxs("div", {
+			className: "border-destructive/20 bg-destructive/5 border p-4",
 			children: [
 				/* @__PURE__ */ jsx("p", {
-					className: "text-sm font-medium text-destructive",
-					children: "Widget Error"
+					className: "text-destructive text-sm font-medium",
+					children: t("error.widgetError")
 				}),
 				widgetType && /* @__PURE__ */ jsxs("p", {
-					className: "text-xs text-muted-foreground",
+					className: "text-muted-foreground text-xs",
 					children: ["Type: ", widgetType]
 				}),
 				/* @__PURE__ */ jsx("p", {
-					className: "mt-1 text-xs text-muted-foreground",
+					className: "text-muted-foreground mt-1 text-xs",
 					children: error.message
 				})
 			]
-		}),
-		children
-	});
+		});
+		$[0] = t;
+		$[1] = widgetType;
+		$[2] = t1;
+	} else t1 = $[2];
+	let t2;
+	if ($[3] !== children || $[4] !== t1) {
+		t2 = /* @__PURE__ */ jsx(ErrorBoundary, {
+			fallback: t1,
+			children
+		});
+		$[3] = children;
+		$[4] = t1;
+		$[5] = t2;
+	} else t2 = $[5];
+	return t2;
 }
 
 //#endregion
-export { WidgetErrorBoundary };
-//# sourceMappingURL=error-boundary.mjs.map
+export { WidgetErrorBoundary };