@questpie/admin 3.2.3 → 3.2.5

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

@@ -1,7 +1,6 @@
 import { Skeleton } from "../../components/ui/skeleton.mjs";
 import { AdminViewHeader, AdminViewLayout } from "../layout/admin-view-layout.mjs";
 import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from "../../components/ui/table.mjs";
-import { c } from "react/compiler-runtime";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 
 //#region src/client/views/collection/view-skeletons.tsx
@@ -67,20 +66,8 @@ function getColumnSizeStyle(width) {
 function getSkeletonWidth(widths, rowIndex) {
 	return widths[rowIndex % widths.length] ?? widths[0] ?? "h-4 w-20";
 }
-function TableSkeletonRows(t0) {
-	const $ = c(2);
-	const { rows: t1 } = t0;
-	const rows = t1 === void 0 ? 8 : t1;
-	let t2;
-	if ($[0] !== rows) {
-		t2 = /* @__PURE__ */ jsx(Fragment, { children: Array.from({ length: rows }, _temp) });
-		$[0] = rows;
-		$[1] = t2;
-	} else t2 = $[1];
-	return t2;
-}
-function _temp(_, rowIndex) {
-	return /* @__PURE__ */ jsx(TableRow, {
+function TableSkeletonRows({ rows = 8 }) {
+	return /* @__PURE__ */ jsx(Fragment, { children: Array.from({ length: rows }, (_, rowIndex) => /* @__PURE__ */ jsx(TableRow, {
 		className: "hover:bg-transparent",
 		children: TABLE_SKELETON_COLUMNS.map((column, columnIndex) => {
 			return /* @__PURE__ */ jsx(TableCell, {
@@ -94,82 +81,41 @@ function _temp(_, rowIndex) {
 				})
 			}, columnIndex);
 		})
-	}, rowIndex);
+	}, rowIndex)) });
 }
 function TableSkeletonShell() {
-	const $ = c(5);
-	let t0;
-	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-		t0 = TABLE_SKELETON_COLUMNS.reduce(_temp2, 0);
-		$[0] = t0;
-	} else t0 = $[0];
-	const width = t0;
-	let t1;
-	let t2;
-	if ($[1] === Symbol.for("react.memo_cache_sentinel")) {
-		t1 = { width };
-		t2 = /* @__PURE__ */ jsx("colgroup", { children: TABLE_SKELETON_COLUMNS.map(_temp3) });
-		$[1] = t1;
-		$[2] = t2;
-	} else {
-		t1 = $[1];
-		t2 = $[2];
-	}
-	let t3;
-	if ($[3] === Symbol.for("react.memo_cache_sentinel")) {
-		t3 = /* @__PURE__ */ jsx(TableHeader, { children: /* @__PURE__ */ jsx(TableRow, {
-			className: "hover:bg-transparent",
-			children: TABLE_SKELETON_COLUMNS.map(_temp4)
-		}) });
-		$[3] = t3;
-	} else t3 = $[3];
-	let t4;
-	if ($[4] === Symbol.for("react.memo_cache_sentinel")) {
-		t4 = /* @__PURE__ */ jsxs(Table, {
-			className: "table-fixed",
-			style: t1,
-			children: [
-				t2,
-				t3,
-				/* @__PURE__ */ jsx(TableBody, { children: /* @__PURE__ */ jsx(TableSkeletonRows, {}) })
-			]
-		});
-		$[4] = t4;
-	} else t4 = $[4];
-	return t4;
-}
-function _temp4(column_1, index_0) {
-	return /* @__PURE__ */ jsx(TableHead, {
-		stickyLeft: index_0 === 0 ? 0 : index_0 === 1 ? 40 : void 0,
-		showStickyBorder: index_0 === 1,
-		className: index_0 === 0 ? "w-9 min-w-9 px-1.5" : "",
-		style: getColumnSizeStyle(column_1.width),
-		children: /* @__PURE__ */ jsx(Skeleton, {
-			variant: "text",
-			className: column_1.header
-		})
-	}, index_0);
-}
-function _temp3(column_0, index) {
-	return /* @__PURE__ */ jsx("col", { style: { width: column_0.width } }, index);
-}
-function _temp2(total, column) {
-	return total + column.width;
+	return /* @__PURE__ */ jsxs(Table, {
+		className: "table-fixed",
+		style: { width: TABLE_SKELETON_COLUMNS.reduce((total, column) => total + column.width, 0) },
+		children: [
+			/* @__PURE__ */ jsx("colgroup", { children: TABLE_SKELETON_COLUMNS.map((column, index) => /* @__PURE__ */ jsx("col", { style: { width: column.width } }, index)) }),
+			/* @__PURE__ */ jsx(TableHeader, { children: /* @__PURE__ */ jsx(TableRow, {
+				className: "hover:bg-transparent",
+				children: TABLE_SKELETON_COLUMNS.map((column, index) => {
+					return /* @__PURE__ */ jsx(TableHead, {
+						stickyLeft: index === 0 ? 0 : index === 1 ? 40 : void 0,
+						showStickyBorder: index === 1,
+						className: index === 0 ? "w-9 min-w-9 px-1.5" : "",
+						style: getColumnSizeStyle(column.width),
+						children: /* @__PURE__ */ jsx(Skeleton, {
+							variant: "text",
+							className: column.header
+						})
+					}, index);
+				})
+			}) }),
+			/* @__PURE__ */ jsx(TableBody, { children: /* @__PURE__ */ jsx(TableSkeletonRows, {}) })
+		]
+	});
 }
 function FormFieldSkeleton() {
-	const $ = c(1);
-	let t0;
-	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-		t0 = /* @__PURE__ */ jsxs("div", {
-			className: "space-y-2",
-			children: [/* @__PURE__ */ jsx(Skeleton, {
-				variant: "text",
-				className: "h-4 w-24"
-			}), /* @__PURE__ */ jsx(Skeleton, { className: "h-10 w-full" })]
-		});
-		$[0] = t0;
-	} else t0 = $[0];
-	return t0;
+	return /* @__PURE__ */ jsxs("div", {
+		className: "space-y-2",
+		children: [/* @__PURE__ */ jsx(Skeleton, {
+			variant: "text",
+			className: "h-4 w-24"
+		}), /* @__PURE__ */ jsx(Skeleton, { className: "h-10 w-full" })]
+	});
 }
 /**
 * Skeleton for TableView
@@ -177,10 +123,8 @@ function FormFieldSkeleton() {
 * Shows a loading state that mimics the table layout.
 */
 function TableViewSkeleton() {
-	const $ = c(6);
-	let t0;
-	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-		t0 = /* @__PURE__ */ jsx(AdminViewHeader, {
+	return /* @__PURE__ */ jsx(AdminViewLayout, {
+		header: /* @__PURE__ */ jsx(AdminViewHeader, {
 			title: /* @__PURE__ */ jsx(Skeleton, {
 				variant: "text",
 				className: "h-7 w-44"
@@ -194,76 +138,47 @@ function TableViewSkeleton() {
 				/* @__PURE__ */ jsx(Skeleton, { className: "size-8" }),
 				/* @__PURE__ */ jsx(Skeleton, { className: "h-8 w-24" })
 			] })
-		});
-		$[0] = t0;
-	} else t0 = $[0];
-	let t1;
-	if ($[1] === Symbol.for("react.memo_cache_sentinel")) {
-		t1 = /* @__PURE__ */ jsx("span", {
-			className: "sr-only",
-			children: "Loading table view"
-		});
-		$[1] = t1;
-	} else t1 = $[1];
-	let t2;
-	if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
-		t2 = /* @__PURE__ */ jsx("div", {
-			className: "qa-table-view__table-wrapper min-w-0",
-			children: /* @__PURE__ */ jsx(TableSkeletonShell, {})
-		});
-		$[2] = t2;
-	} else t2 = $[2];
-	let t3;
-	if ($[3] === Symbol.for("react.memo_cache_sentinel")) {
-		t3 = /* @__PURE__ */ jsx(Skeleton, {
-			variant: "text",
-			className: "h-4 w-20"
-		});
-		$[3] = t3;
-	} else t3 = $[3];
-	let t4;
-	if ($[4] === Symbol.for("react.memo_cache_sentinel")) {
-		t4 = /* @__PURE__ */ jsxs("div", {
-			className: "flex items-center gap-4",
-			children: [t3, /* @__PURE__ */ jsxs("div", {
-				className: "flex items-center gap-2",
-				children: [/* @__PURE__ */ jsx(Skeleton, {
-					variant: "text",
-					className: "h-4 w-10"
-				}), /* @__PURE__ */ jsx(Skeleton, { className: "h-8 w-[70px]" })]
-			})]
-		});
-		$[4] = t4;
-	} else t4 = $[4];
-	let t5;
-	if ($[5] === Symbol.for("react.memo_cache_sentinel")) {
-		t5 = /* @__PURE__ */ jsx(AdminViewLayout, {
-			header: t0,
-			contentClassName: "overflow-y-auto pb-3",
-			children: /* @__PURE__ */ jsxs("div", {
-				className: "qa-table-view qa-table-view-skeleton min-w-0 space-y-4",
-				"aria-busy": "true",
-				children: [
-					t1,
-					t2,
-					/* @__PURE__ */ jsxs("div", {
-						className: "qa-table-view__pagination flex items-center justify-between gap-4 py-2",
-						children: [t4, /* @__PURE__ */ jsxs("div", {
-							className: "flex items-center gap-1",
-							children: [
-								/* @__PURE__ */ jsx(Skeleton, { className: "size-8" }),
-								/* @__PURE__ */ jsx(Skeleton, { className: "size-8" }),
-								/* @__PURE__ */ jsx(Skeleton, { className: "size-8" }),
-								/* @__PURE__ */ jsx(Skeleton, { className: "size-8" })
-							]
+		}),
+		contentClassName: "overflow-y-auto pb-3",
+		children: /* @__PURE__ */ jsxs("div", {
+			className: "qa-table-view qa-table-view-skeleton min-w-0 space-y-4",
+			"aria-busy": "true",
+			children: [
+				/* @__PURE__ */ jsx("span", {
+					className: "sr-only",
+					children: "Loading table view"
+				}),
+				/* @__PURE__ */ jsx("div", {
+					className: "qa-table-view__table-wrapper min-w-0",
+					children: /* @__PURE__ */ jsx(TableSkeletonShell, {})
+				}),
+				/* @__PURE__ */ jsxs("div", {
+					className: "qa-table-view__pagination flex items-center justify-between gap-4 py-2",
+					children: [/* @__PURE__ */ jsxs("div", {
+						className: "flex items-center gap-4",
+						children: [/* @__PURE__ */ jsx(Skeleton, {
+							variant: "text",
+							className: "h-4 w-20"
+						}), /* @__PURE__ */ jsxs("div", {
+							className: "flex items-center gap-2",
+							children: [/* @__PURE__ */ jsx(Skeleton, {
+								variant: "text",
+								className: "h-4 w-10"
+							}), /* @__PURE__ */ jsx(Skeleton, { className: "h-8 w-[70px]" })]
 						})]
-					})
-				]
-			})
-		});
-		$[5] = t5;
-	} else t5 = $[5];
-	return t5;
+					}), /* @__PURE__ */ jsxs("div", {
+						className: "flex items-center gap-1",
+						children: [
+							/* @__PURE__ */ jsx(Skeleton, { className: "size-8" }),
+							/* @__PURE__ */ jsx(Skeleton, { className: "size-8" }),
+							/* @__PURE__ */ jsx(Skeleton, { className: "size-8" }),
+							/* @__PURE__ */ jsx(Skeleton, { className: "size-8" })
+						]
+					})]
+				})
+			]
+		})
+	});
 }
 /**
 * Skeleton for FormView
@@ -271,87 +186,47 @@ function TableViewSkeleton() {
 * Shows a loading state that mimics the form layout.
 */
 function FormViewSkeleton() {
-	const $ = c(8);
-	let t0;
-	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-		t0 = /* @__PURE__ */ jsx(Skeleton, {
-			variant: "text",
-			className: "h-8 w-8"
-		});
-		$[0] = t0;
-	} else t0 = $[0];
-	let t1;
-	if ($[1] === Symbol.for("react.memo_cache_sentinel")) {
-		t1 = /* @__PURE__ */ jsxs("div", {
-			className: "flex items-center gap-3",
-			children: [
-				t0,
-				" ",
-				/* @__PURE__ */ jsx(Skeleton, {
-					variant: "text",
-					className: "h-8 w-48"
-				})
-			]
-		});
-		$[1] = t1;
-	} else t1 = $[1];
-	let t2;
-	if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
-		t2 = /* @__PURE__ */ jsxs("div", {
-			className: "flex items-center justify-between",
-			children: [t1, /* @__PURE__ */ jsxs("div", {
-				className: "flex items-center gap-2",
-				children: [/* @__PURE__ */ jsx(Skeleton, { className: "h-9 w-20" }), /* @__PURE__ */ jsx(Skeleton, { className: "h-9 w-24" })]
-			})]
-		});
-		$[2] = t2;
-	} else t2 = $[2];
-	let t3;
-	let t4;
-	let t5;
-	let t6;
-	if ($[3] === Symbol.for("react.memo_cache_sentinel")) {
-		t3 = /* @__PURE__ */ jsx(FormFieldSkeleton, {});
-		t4 = /* @__PURE__ */ jsx(FormFieldSkeleton, {});
-		t5 = /* @__PURE__ */ jsx(FormFieldSkeleton, {});
-		t6 = /* @__PURE__ */ jsx(FormFieldSkeleton, {});
-		$[3] = t3;
-		$[4] = t4;
-		$[5] = t5;
-		$[6] = t6;
-	} else {
-		t3 = $[3];
-		t4 = $[4];
-		t5 = $[5];
-		t6 = $[6];
-	}
-	let t7;
-	if ($[7] === Symbol.for("react.memo_cache_sentinel")) {
-		t7 = /* @__PURE__ */ jsx("div", {
-			className: "qa-form-view-skeleton container max-w-4xl py-6",
-			children: /* @__PURE__ */ jsxs("div", {
-				className: "space-y-6",
-				children: [t2, /* @__PURE__ */ jsxs("div", {
-					className: "space-y-6",
+	return /* @__PURE__ */ jsx("div", {
+		className: "qa-form-view-skeleton container max-w-4xl py-6",
+		children: /* @__PURE__ */ jsxs("div", {
+			className: "space-y-6",
+			children: [/* @__PURE__ */ jsxs("div", {
+				className: "flex items-center justify-between",
+				children: [/* @__PURE__ */ jsxs("div", {
+					className: "flex items-center gap-3",
 					children: [
-						t3,
-						t4,
-						t5,
-						t6,
-						/* @__PURE__ */ jsxs("div", {
-							className: "space-y-2",
-							children: [/* @__PURE__ */ jsx(Skeleton, {
-								variant: "text",
-								className: "h-4 w-32"
-							}), /* @__PURE__ */ jsx(Skeleton, { className: "h-32 w-full" })]
+						/* @__PURE__ */ jsx(Skeleton, {
+							variant: "text",
+							className: "h-8 w-8"
+						}),
+						" ",
+						/* @__PURE__ */ jsx(Skeleton, {
+							variant: "text",
+							className: "h-8 w-48"
 						})
 					]
+				}), /* @__PURE__ */ jsxs("div", {
+					className: "flex items-center gap-2",
+					children: [/* @__PURE__ */ jsx(Skeleton, { className: "h-9 w-20" }), /* @__PURE__ */ jsx(Skeleton, { className: "h-9 w-24" })]
 				})]
-			})
-		});
-		$[7] = t7;
-	} else t7 = $[7];
-	return t7;
+			}), /* @__PURE__ */ jsxs("div", {
+				className: "space-y-6",
+				children: [
+					/* @__PURE__ */ jsx(FormFieldSkeleton, {}),
+					/* @__PURE__ */ jsx(FormFieldSkeleton, {}),
+					/* @__PURE__ */ jsx(FormFieldSkeleton, {}),
+					/* @__PURE__ */ jsx(FormFieldSkeleton, {}),
+					/* @__PURE__ */ jsxs("div", {
+						className: "space-y-2",
+						children: [/* @__PURE__ */ jsx(Skeleton, {
+							variant: "text",
+							className: "h-4 w-32"
+						}), /* @__PURE__ */ jsx(Skeleton, { className: "h-32 w-full" })]
+					})
+				]
+			})]
+		})
+	});
 }
 
 //#endregion