@questpie/admin 1.1.1 → 3.0.0

package/dist/client/components/widgets/widget-skeletons.mjs

@@ -0,0 +1,427 @@
+import { cn } from "../../lib/utils.mjs";
+import { Skeleton } from "../ui/skeleton.mjs";
+import { c } from "react/compiler-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/client/components/widgets/widget-skeletons.tsx
+/**
+* Widget Skeletons
+*
+* Loading skeleton components for different widget types.
+* Provides visual feedback while data is being fetched.
+*/
+function StatsWidgetSkeleton() {
+	const $ = c(1);
+	let t0;
+	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+		t0 = /* @__PURE__ */ jsxs("div", {
+			className: "space-y-3",
+			children: [/* @__PURE__ */ jsx(Skeleton, { className: "h-8 w-20" }), /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-32" })]
+		});
+		$[0] = t0;
+	} else t0 = $[0];
+	return t0;
+}
+function ChartWidgetSkeleton() {
+	const $ = c(1);
+	let t0;
+	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+		t0 = /* @__PURE__ */ jsxs("div", {
+			className: "flex h-48 w-full items-end gap-2 pt-4",
+			children: [
+				/* @__PURE__ */ jsx(Skeleton, { className: "h-[40%] flex-1 rounded-t" }),
+				/* @__PURE__ */ jsx(Skeleton, { className: "h-[65%] flex-1 rounded-t" }),
+				/* @__PURE__ */ jsx(Skeleton, { className: "h-[45%] flex-1 rounded-t" }),
+				/* @__PURE__ */ jsx(Skeleton, { className: "h-[80%] flex-1 rounded-t" }),
+				/* @__PURE__ */ jsx(Skeleton, { className: "h-[55%] flex-1 rounded-t" }),
+				/* @__PURE__ */ jsx(Skeleton, { className: "h-[70%] flex-1 rounded-t" }),
+				/* @__PURE__ */ jsx(Skeleton, { className: "h-[50%] flex-1 rounded-t" }),
+				/* @__PURE__ */ jsx(Skeleton, { className: "h-[75%] flex-1 rounded-t" }),
+				/* @__PURE__ */ jsx(Skeleton, { className: "h-[60%] flex-1 rounded-t" }),
+				/* @__PURE__ */ jsx(Skeleton, { className: "h-[85%] flex-1 rounded-t" })
+			]
+		});
+		$[0] = t0;
+	} else t0 = $[0];
+	return t0;
+}
+function RecentItemsWidgetSkeleton(t0) {
+	const $ = c(14);
+	const { count: t1 } = t0;
+	const count = t1 === void 0 ? 5 : t1;
+	let t2;
+	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+		t2 = /* @__PURE__ */ jsx(SkeletonRow, {});
+		$[0] = t2;
+	} else t2 = $[0];
+	let t3;
+	if ($[1] !== count) {
+		t3 = count > 1 && /* @__PURE__ */ jsx(SkeletonRow, {});
+		$[1] = count;
+		$[2] = t3;
+	} else t3 = $[2];
+	let t4;
+	if ($[3] !== count) {
+		t4 = count > 2 && /* @__PURE__ */ jsx(SkeletonRow, {});
+		$[3] = count;
+		$[4] = t4;
+	} else t4 = $[4];
+	let t5;
+	if ($[5] !== count) {
+		t5 = count > 3 && /* @__PURE__ */ jsx(SkeletonRow, {});
+		$[5] = count;
+		$[6] = t5;
+	} else t5 = $[6];
+	let t6;
+	if ($[7] !== count) {
+		t6 = count > 4 && /* @__PURE__ */ jsx(SkeletonRow, {});
+		$[7] = count;
+		$[8] = t6;
+	} else t6 = $[8];
+	let t7;
+	if ($[9] !== t3 || $[10] !== t4 || $[11] !== t5 || $[12] !== t6) {
+		t7 = /* @__PURE__ */ jsxs("div", {
+			className: "space-y-1",
+			children: [
+				t2,
+				t3,
+				t4,
+				t5,
+				t6
+			]
+		});
+		$[9] = t3;
+		$[10] = t4;
+		$[11] = t5;
+		$[12] = t6;
+		$[13] = t7;
+	} else t7 = $[13];
+	return t7;
+}
+function SkeletonRow() {
+	const $ = c(1);
+	let t0;
+	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+		t0 = /* @__PURE__ */ jsx("div", {
+			className: "flex items-center gap-3 p-2",
+			children: /* @__PURE__ */ jsxs("div", {
+				className: "flex-1 space-y-2",
+				children: [/* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-3/4" }), /* @__PURE__ */ jsx(Skeleton, { className: "h-3 w-1/2" })]
+			})
+		});
+		$[0] = t0;
+	} else t0 = $[0];
+	return t0;
+}
+function TableWidgetSkeleton(t0) {
+	const $ = c(29);
+	const { rows: t1, columns: t2 } = t0;
+	const rows = t1 === void 0 ? 5 : t1;
+	const columns = t2 === void 0 ? 3 : t2;
+	let t3;
+	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+		t3 = /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-24" });
+		$[0] = t3;
+	} else t3 = $[0];
+	let t4;
+	if ($[1] !== columns) {
+		t4 = columns > 1 && /* @__PURE__ */ jsx(Skeleton, { className: "h-4 flex-1" });
+		$[1] = columns;
+		$[2] = t4;
+	} else t4 = $[2];
+	let t5;
+	if ($[3] !== columns) {
+		t5 = columns > 2 && /* @__PURE__ */ jsx(Skeleton, { className: "h-4 flex-1" });
+		$[3] = columns;
+		$[4] = t5;
+	} else t5 = $[4];
+	let t6;
+	if ($[5] !== t4 || $[6] !== t5) {
+		t6 = /* @__PURE__ */ jsxs("div", {
+			className: "border-border flex gap-4 border-b px-5 py-2",
+			children: [
+				t3,
+				t4,
+				t5
+			]
+		});
+		$[5] = t4;
+		$[6] = t5;
+		$[7] = t6;
+	} else t6 = $[7];
+	let t7;
+	if ($[8] !== columns) {
+		t7 = /* @__PURE__ */ jsx(TableSkeletonRow, { columns });
+		$[8] = columns;
+		$[9] = t7;
+	} else t7 = $[9];
+	let t8;
+	if ($[10] !== columns || $[11] !== rows) {
+		t8 = rows > 1 && /* @__PURE__ */ jsx(TableSkeletonRow, { columns });
+		$[10] = columns;
+		$[11] = rows;
+		$[12] = t8;
+	} else t8 = $[12];
+	let t9;
+	if ($[13] !== columns || $[14] !== rows) {
+		t9 = rows > 2 && /* @__PURE__ */ jsx(TableSkeletonRow, { columns });
+		$[13] = columns;
+		$[14] = rows;
+		$[15] = t9;
+	} else t9 = $[15];
+	let t10;
+	if ($[16] !== columns || $[17] !== rows) {
+		t10 = rows > 3 && /* @__PURE__ */ jsx(TableSkeletonRow, { columns });
+		$[16] = columns;
+		$[17] = rows;
+		$[18] = t10;
+	} else t10 = $[18];
+	let t11;
+	if ($[19] !== columns || $[20] !== rows) {
+		t11 = rows > 4 && /* @__PURE__ */ jsx(TableSkeletonRow, {
+			columns,
+			last: true
+		});
+		$[19] = columns;
+		$[20] = rows;
+		$[21] = t11;
+	} else t11 = $[21];
+	let t12;
+	if ($[22] !== t10 || $[23] !== t11 || $[24] !== t6 || $[25] !== t7 || $[26] !== t8 || $[27] !== t9) {
+		t12 = /* @__PURE__ */ jsxs("div", {
+			className: "-mx-5",
+			children: [
+				t6,
+				t7,
+				t8,
+				t9,
+				t10,
+				t11
+			]
+		});
+		$[22] = t10;
+		$[23] = t11;
+		$[24] = t6;
+		$[25] = t7;
+		$[26] = t8;
+		$[27] = t9;
+		$[28] = t12;
+	} else t12 = $[28];
+	return t12;
+}
+function TableSkeletonRow(t0) {
+	const $ = c(11);
+	const { columns: t1, last: t2 } = t0;
+	const columns = t1 === void 0 ? 3 : t1;
+	const t3 = (t2 === void 0 ? false : t2) && "border-0";
+	let t4;
+	if ($[0] !== t3) {
+		t4 = cn("border-border flex gap-4 border-b px-5 py-3", t3);
+		$[0] = t3;
+		$[1] = t4;
+	} else t4 = $[1];
+	let t5;
+	if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
+		t5 = /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-20" });
+		$[2] = t5;
+	} else t5 = $[2];
+	let t6;
+	if ($[3] !== columns) {
+		t6 = columns > 1 && /* @__PURE__ */ jsx(Skeleton, { className: "h-4 flex-1" });
+		$[3] = columns;
+		$[4] = t6;
+	} else t6 = $[4];
+	let t7;
+	if ($[5] !== columns) {
+		t7 = columns > 2 && /* @__PURE__ */ jsx(Skeleton, { className: "h-4 flex-1" });
+		$[5] = columns;
+		$[6] = t7;
+	} else t7 = $[6];
+	let t8;
+	if ($[7] !== t4 || $[8] !== t6 || $[9] !== t7) {
+		t8 = /* @__PURE__ */ jsxs("div", {
+			className: t4,
+			children: [
+				t5,
+				t6,
+				t7
+			]
+		});
+		$[7] = t4;
+		$[8] = t6;
+		$[9] = t7;
+		$[10] = t8;
+	} else t8 = $[10];
+	return t8;
+}
+function TimelineWidgetSkeleton(t0) {
+	const $ = c(14);
+	const { count: t1 } = t0;
+	const count = t1 === void 0 ? 5 : t1;
+	let t2;
+	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+		t2 = /* @__PURE__ */ jsx(TimelineSkeletonItem, {});
+		$[0] = t2;
+	} else t2 = $[0];
+	let t3;
+	if ($[1] !== count) {
+		t3 = count > 1 && /* @__PURE__ */ jsx(TimelineSkeletonItem, {});
+		$[1] = count;
+		$[2] = t3;
+	} else t3 = $[2];
+	let t4;
+	if ($[3] !== count) {
+		t4 = count > 2 && /* @__PURE__ */ jsx(TimelineSkeletonItem, {});
+		$[3] = count;
+		$[4] = t4;
+	} else t4 = $[4];
+	let t5;
+	if ($[5] !== count) {
+		t5 = count > 3 && /* @__PURE__ */ jsx(TimelineSkeletonItem, {});
+		$[5] = count;
+		$[6] = t5;
+	} else t5 = $[6];
+	let t6;
+	if ($[7] !== count) {
+		t6 = count > 4 && /* @__PURE__ */ jsx(TimelineSkeletonItem, { last: true });
+		$[7] = count;
+		$[8] = t6;
+	} else t6 = $[8];
+	let t7;
+	if ($[9] !== t3 || $[10] !== t4 || $[11] !== t5 || $[12] !== t6) {
+		t7 = /* @__PURE__ */ jsxs("div", {
+			className: "space-y-4",
+			children: [
+				t2,
+				t3,
+				t4,
+				t5,
+				t6
+			]
+		});
+		$[9] = t3;
+		$[10] = t4;
+		$[11] = t5;
+		$[12] = t6;
+		$[13] = t7;
+	} else t7 = $[13];
+	return t7;
+}
+function TimelineSkeletonItem(t0) {
+	const $ = c(8);
+	const { last: t1 } = t0;
+	const last = t1 === void 0 ? false : t1;
+	let t2;
+	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+		t2 = /* @__PURE__ */ jsx(Skeleton, { className: "h-3 w-3 rounded-full" });
+		$[0] = t2;
+	} else t2 = $[0];
+	let t3;
+	if ($[1] !== last) {
+		t3 = !last && /* @__PURE__ */ jsx(Skeleton, { className: "mt-1 w-0.5 flex-1" });
+		$[1] = last;
+		$[2] = t3;
+	} else t3 = $[2];
+	let t4;
+	if ($[3] !== t3) {
+		t4 = /* @__PURE__ */ jsxs("div", {
+			className: "flex flex-col items-center",
+			children: [t2, t3]
+		});
+		$[3] = t3;
+		$[4] = t4;
+	} else t4 = $[4];
+	let t5;
+	if ($[5] === Symbol.for("react.memo_cache_sentinel")) {
+		t5 = /* @__PURE__ */ jsxs("div", {
+			className: "flex-1 space-y-1 pb-4",
+			children: [
+				/* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-3/4" }),
+				/* @__PURE__ */ jsx(Skeleton, { className: "h-3 w-1/2" }),
+				/* @__PURE__ */ jsx(Skeleton, { className: "h-3 w-20" })
+			]
+		});
+		$[5] = t5;
+	} else t5 = $[5];
+	let t6;
+	if ($[6] !== t4) {
+		t6 = /* @__PURE__ */ jsxs("div", {
+			className: "flex gap-3",
+			children: [t4, t5]
+		});
+		$[6] = t4;
+		$[7] = t6;
+	} else t6 = $[7];
+	return t6;
+}
+function ProgressWidgetSkeleton() {
+	const $ = c(1);
+	let t0;
+	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+		t0 = /* @__PURE__ */ jsxs("div", {
+			className: "space-y-3",
+			children: [
+				/* @__PURE__ */ jsxs("div", {
+					className: "flex items-center justify-between",
+					children: [/* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-32" }), /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-12" })]
+				}),
+				/* @__PURE__ */ jsx(Skeleton, { className: "h-2 w-full rounded-full" }),
+				/* @__PURE__ */ jsx(Skeleton, { className: "h-3 w-24" })
+			]
+		});
+		$[0] = t0;
+	} else t0 = $[0];
+	return t0;
+}
+function ValueWidgetSkeleton(t0) {
+	const $ = c(9);
+	const { featured: t1 } = t0;
+	const featured = t1 === void 0 ? false : t1;
+	let t2;
+	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+		t2 = /* @__PURE__ */ jsx(Skeleton, { className: "h-10 w-10 shrink-0" });
+		$[0] = t2;
+	} else t2 = $[0];
+	let t3;
+	if ($[1] === Symbol.for("react.memo_cache_sentinel")) {
+		t3 = /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-24" });
+		$[1] = t3;
+	} else t3 = $[1];
+	const t4 = featured ? "w-40" : "w-24";
+	let t5;
+	if ($[2] !== t4) {
+		t5 = cn("h-8", t4);
+		$[2] = t4;
+		$[3] = t5;
+	} else t5 = $[3];
+	let t6;
+	if ($[4] !== t5) {
+		t6 = /* @__PURE__ */ jsxs("div", {
+			className: "flex items-start gap-3",
+			children: [t2, /* @__PURE__ */ jsxs("div", {
+				className: "flex-1 space-y-2",
+				children: [t3, /* @__PURE__ */ jsx(Skeleton, { className: t5 })]
+			})]
+		});
+		$[4] = t5;
+		$[5] = t6;
+	} else t6 = $[5];
+	let t7;
+	if ($[6] === Symbol.for("react.memo_cache_sentinel")) {
+		t7 = /* @__PURE__ */ jsx(Skeleton, { className: "h-3 w-32" });
+		$[6] = t7;
+	} else t7 = $[6];
+	let t8;
+	if ($[7] !== t6) {
+		t8 = /* @__PURE__ */ jsxs("div", {
+			className: "space-y-3",
+			children: [t6, t7]
+		});
+		$[7] = t6;
+		$[8] = t8;
+	} else t8 = $[8];
+	return t8;
+}
+
+//#endregion
+export { ChartWidgetSkeleton, ProgressWidgetSkeleton, RecentItemsWidgetSkeleton, StatsWidgetSkeleton, TableWidgetSkeleton, TimelineWidgetSkeleton, ValueWidgetSkeleton };

package/dist/client/contexts/breadcrumb-context.mjs

@@ -0,0 +1,60 @@
+import { c } from "react/compiler-runtime";
+import * as React from "react";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/client/contexts/breadcrumb-context.tsx
+const BreadcrumbContext = React.createContext(null);
+function BreadcrumbProvider(t0) {
+	const $ = c(6);
+	const { children } = t0;
+	let t1;
+	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+		t1 = [];
+		$[0] = t1;
+	} else t1 = $[0];
+	const [breadcrumbs, setBreadcrumbs] = React.useState(t1);
+	let t2;
+	if ($[1] !== breadcrumbs) {
+		t2 = {
+			breadcrumbs,
+			setBreadcrumbs
+		};
+		$[1] = breadcrumbs;
+		$[2] = t2;
+	} else t2 = $[2];
+	const value = t2;
+	let t3;
+	if ($[3] !== children || $[4] !== value) {
+		t3 = /* @__PURE__ */ jsx(BreadcrumbContext.Provider, {
+			value,
+			children
+		});
+		$[3] = children;
+		$[4] = value;
+		$[5] = t3;
+	} else t3 = $[5];
+	return t3;
+}
+/**
+* Get breadcrumb context (optional - returns null if not in provider)
+*/
+function useBreadcrumbContextOptional() {
+	return React.useContext(BreadcrumbContext);
+}
+/**
+* Get current breadcrumbs (read-only)
+*/
+function useCurrentBreadcrumbs() {
+	const $ = c(2);
+	const context = useBreadcrumbContextOptional();
+	let t0;
+	if ($[0] !== context?.breadcrumbs) {
+		t0 = context?.breadcrumbs ?? [];
+		$[0] = context?.breadcrumbs;
+		$[1] = t0;
+	} else t0 = $[1];
+	return t0;
+}
+
+//#endregion
+export { BreadcrumbProvider, useCurrentBreadcrumbs };

package/dist/client/contexts/focus-context.d.mts

@@ -0,0 +1,87 @@
+import * as React from "react";
+import * as react_jsx_runtime14 from "react/jsx-runtime";
+
+//#region src/client/contexts/focus-context.d.ts
+
+/**
+ * Focus state types:
+ * - idle: nothing focused
+ * - field: regular field focused (e.g., "title", "slug")
+ * - block: block field focused, optionally with specific field within block
+ * - relation: relation field focused (opens ResourceSheet for editing)
+ */
+type FocusState = {
+  type: "idle";
+} | {
+  type: "field";
+  fieldPath: string;
+} | {
+  type: "block";
+  blockId: string;
+  fieldPath?: string;
+} | {
+  type: "relation";
+  fieldPath: string;
+  targetCollection?: string;
+};
+type FocusContextValue = {
+  /** Current focus state */
+  state: FocusState;
+  /** Focus a regular field by path */
+  focusField: (fieldPath: string) => void;
+  /** Focus a block, optionally a specific field within it */
+  focusBlock: (blockId: string, fieldPath?: string) => void;
+  /** Focus a relation field (opens ResourceSheet) */
+  focusRelation: (fieldPath: string, targetCollection?: string) => void;
+  /** Clear focus */
+  clearFocus: () => void;
+  /** Check if a field is focused */
+  isFieldFocused: (fieldPath: string) => boolean;
+  /** Check if a block is focused */
+  isBlockFocused: (blockId: string) => boolean;
+};
+type FocusProviderProps = {
+  children: React.ReactNode;
+  /** Callback when focus changes - useful for scrolling to field */
+  onFocusChange?: (state: FocusState) => void;
+};
+declare function FocusProvider({
+  children,
+  onFocusChange
+}: FocusProviderProps): react_jsx_runtime14.JSX.Element;
+/**
+ * Use the focus context
+ */
+declare function useFocus(): FocusContextValue;
+/**
+ * Use focus context if available (doesn't throw)
+ */
+declare function useFocusOptional(): FocusContextValue | null;
+/**
+ * Hook for checking if a specific field is focused
+ */
+declare function useIsFieldFocused(fieldPath: string): boolean;
+/**
+ * Hook for checking if a specific block is focused
+ */
+declare function useIsBlockFocused(blockId: string): boolean;
+/**
+ * Parse a preview field path into focus state with optional context hints
+ * Examples:
+ * - "title" → { type: "field", fieldPath: "title" }
+ * - "content._values.abc123.title" → { type: "block", blockId: "abc123", fieldPath: "title" }
+ * - "author" + { fieldType: "relation" } → { type: "relation", fieldPath: "author" }
+ * - "title" + { blockId: "abc123" } → { type: "block", blockId: "abc123", fieldPath: "title" }
+ */
+declare function parsePreviewFieldPath(path: string, context?: {
+  blockId?: string;
+  fieldType?: "regular" | "block" | "relation";
+  targetCollection?: string;
+}): FocusState;
+/**
+ * Scroll a field into view and focus it.
+ * Finds the field wrapper by data-field-path within the preview form scope.
+ */
+declare function scrollFieldIntoView(fieldPath: string): void;
+//#endregion
+export { FocusContextValue, FocusProvider, FocusProviderProps, FocusState, parsePreviewFieldPath, scrollFieldIntoView, useFocus, useFocusOptional, useIsBlockFocused, useIsFieldFocused };