| 1 |
import { j as jsxRuntimeExports } from "./react-vendor-xzSqHjRF.js"; |
| 2 |
import { C as Card, d as CardContent, f as CardHeader } from "../../admin/dist/js/app.js"; |
| 3 |
const Bar = ({ className = "" }) => /* @__PURE__ */ jsxRuntimeExports.jsx( |
| 4 |
"div", |
| 5 |
{ |
| 6 |
className: `animate-pulse rounded bg-gray-200 dark:bg-gray-700 ${className}` |
| 7 |
} |
| 8 |
); |
| 9 |
const ModulePageSkeleton = ({ variant = "tabs" }) => { |
| 10 |
return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "space-y-4", children: [ |
| 11 |
/* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-start justify-between gap-4", children: [ |
| 12 |
/* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "space-y-2 flex-1", children: [ |
| 13 |
/* @__PURE__ */ jsxRuntimeExports.jsx(Bar, { className: "h-7 w-48" }), |
| 14 |
/* @__PURE__ */ jsxRuntimeExports.jsx(Bar, { className: "h-4 w-96 max-w-full" }) |
| 15 |
] }), |
| 16 |
/* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex gap-2", children: [ |
| 17 |
/* @__PURE__ */ jsxRuntimeExports.jsx(Bar, { className: "h-9 w-28" }), |
| 18 |
/* @__PURE__ */ jsxRuntimeExports.jsx(Bar, { className: "h-9 w-24" }) |
| 19 |
] }) |
| 20 |
] }), |
| 21 |
/* @__PURE__ */ jsxRuntimeExports.jsx(Card, { children: /* @__PURE__ */ jsxRuntimeExports.jsxs(CardContent, { className: "p-4 space-y-2", children: [ |
| 22 |
/* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-2", children: [ |
| 23 |
/* @__PURE__ */ jsxRuntimeExports.jsx(Bar, { className: "h-5 w-5 rounded-full" }), |
| 24 |
/* @__PURE__ */ jsxRuntimeExports.jsx(Bar, { className: "h-4 w-40" }) |
| 25 |
] }), |
| 26 |
/* @__PURE__ */ jsxRuntimeExports.jsx(Bar, { className: "h-3 w-full max-w-2xl" }), |
| 27 |
/* @__PURE__ */ jsxRuntimeExports.jsx(Bar, { className: "h-3 w-3/4 max-w-xl" }) |
| 28 |
] }) }), |
| 29 |
variant === "tabs" && /* @__PURE__ */ jsxRuntimeExports.jsx(ModuleTabsSkeleton, {}), |
| 30 |
variant === "form" && /* @__PURE__ */ jsxRuntimeExports.jsx(ModuleFormSkeleton, {}), |
| 31 |
variant === "list" && /* @__PURE__ */ jsxRuntimeExports.jsx(ModuleListSkeleton, {}) |
| 32 |
] }); |
| 33 |
}; |
| 34 |
const ModuleTabsSkeleton = ({ tabCount = 4, rows = 5, columns = 5 }) => { |
| 35 |
return /* @__PURE__ */ jsxRuntimeExports.jsxs(Card, { children: [ |
| 36 |
/* @__PURE__ */ jsxRuntimeExports.jsx(CardHeader, { className: "border-b border-gray-200 dark:border-gray-700 pb-0", children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex items-center gap-1 -mb-px", children: Array.from({ length: tabCount }).map((_, i) => /* @__PURE__ */ jsxRuntimeExports.jsx( |
| 37 |
"div", |
| 38 |
{ |
| 39 |
className: `px-4 py-2.5 ${i === 0 ? "border-b-2 border-gray-300 dark:border-gray-600" : ""}`, |
| 40 |
children: /* @__PURE__ */ jsxRuntimeExports.jsx(Bar, { className: "h-4 w-20" }) |
| 41 |
}, |
| 42 |
i |
| 43 |
)) }) }), |
| 44 |
/* @__PURE__ */ jsxRuntimeExports.jsx(CardContent, { className: "p-4", children: /* @__PURE__ */ jsxRuntimeExports.jsx(ModuleTableSkeleton, { rows, columns }) }) |
| 45 |
] }); |
| 46 |
}; |
| 47 |
const ModuleTableSkeleton = ({ rows = 5, columns = 5 }) => { |
| 48 |
const cols = Math.max(1, columns); |
| 49 |
return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "space-y-3 animate-pulse", children: [ |
| 50 |
/* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-2 pb-2", children: [ |
| 51 |
/* @__PURE__ */ jsxRuntimeExports.jsx(Bar, { className: "h-9 w-64" }), |
| 52 |
/* @__PURE__ */ jsxRuntimeExports.jsx(Bar, { className: "h-9 w-32" }), |
| 53 |
/* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex-1" }), |
| 54 |
/* @__PURE__ */ jsxRuntimeExports.jsx(Bar, { className: "h-9 w-28" }) |
| 55 |
] }), |
| 56 |
/* @__PURE__ */ jsxRuntimeExports.jsx( |
| 57 |
"div", |
| 58 |
{ |
| 59 |
className: "grid gap-3 border-b border-gray-200 dark:border-gray-700 pb-2", |
| 60 |
style: { gridTemplateColumns: `repeat(${cols}, minmax(0, 1fr))` }, |
| 61 |
children: Array.from({ length: cols }).map((_, i) => /* @__PURE__ */ jsxRuntimeExports.jsx(Bar, { className: "h-3.5" }, i)) |
| 62 |
} |
| 63 |
), |
| 64 |
Array.from({ length: rows }).map((_, rowIndex) => /* @__PURE__ */ jsxRuntimeExports.jsx( |
| 65 |
"div", |
| 66 |
{ |
| 67 |
className: "grid gap-3 py-2", |
| 68 |
style: { gridTemplateColumns: `repeat(${cols}, minmax(0, 1fr))` }, |
| 69 |
children: Array.from({ length: cols }).map((_2, colIndex) => /* @__PURE__ */ jsxRuntimeExports.jsx( |
| 70 |
Bar, |
| 71 |
{ |
| 72 |
className: `h-4 ${colIndex === 0 ? "w-3/4" : colIndex === cols - 1 ? "w-1/2" : "w-full"}` |
| 73 |
}, |
| 74 |
colIndex |
| 75 |
)) |
| 76 |
}, |
| 77 |
rowIndex |
| 78 |
)) |
| 79 |
] }); |
| 80 |
}; |
| 81 |
const ModuleFormSkeleton = ({ rows = 6 }) => { |
| 82 |
return /* @__PURE__ */ jsxRuntimeExports.jsx(Card, { children: /* @__PURE__ */ jsxRuntimeExports.jsxs(CardContent, { className: "p-6 space-y-5", children: [ |
| 83 |
Array.from({ length: rows }).map((_, i) => /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "space-y-2", children: [ |
| 84 |
/* @__PURE__ */ jsxRuntimeExports.jsx(Bar, { className: "h-3.5 w-32" }), |
| 85 |
/* @__PURE__ */ jsxRuntimeExports.jsx(Bar, { className: "h-10 w-full" }), |
| 86 |
/* @__PURE__ */ jsxRuntimeExports.jsx(Bar, { className: "h-3 w-72 max-w-full" }) |
| 87 |
] }, i)), |
| 88 |
/* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex justify-end gap-2 pt-2", children: [ |
| 89 |
/* @__PURE__ */ jsxRuntimeExports.jsx(Bar, { className: "h-10 w-24" }), |
| 90 |
/* @__PURE__ */ jsxRuntimeExports.jsx(Bar, { className: "h-10 w-28" }) |
| 91 |
] }) |
| 92 |
] }) }); |
| 93 |
}; |
| 94 |
const ModuleListSkeleton = ({ rows = 4 }) => { |
| 95 |
return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "space-y-3 animate-pulse", children: Array.from({ length: rows }).map((_, i) => /* @__PURE__ */ jsxRuntimeExports.jsx(Card, { children: /* @__PURE__ */ jsxRuntimeExports.jsxs(CardContent, { className: "p-4 flex items-center gap-4", children: [ |
| 96 |
/* @__PURE__ */ jsxRuntimeExports.jsx(Bar, { className: "h-10 w-10 rounded-full flex-shrink-0" }), |
| 97 |
/* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex-1 space-y-2 min-w-0", children: [ |
| 98 |
/* @__PURE__ */ jsxRuntimeExports.jsx(Bar, { className: "h-4 w-1/3" }), |
| 99 |
/* @__PURE__ */ jsxRuntimeExports.jsx(Bar, { className: "h-3 w-2/3 max-w-md" }) |
| 100 |
] }), |
| 101 |
/* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-2 flex-shrink-0", children: [ |
| 102 |
/* @__PURE__ */ jsxRuntimeExports.jsx(Bar, { className: "h-6 w-16 rounded-full" }), |
| 103 |
/* @__PURE__ */ jsxRuntimeExports.jsx(Bar, { className: "h-9 w-9" }), |
| 104 |
/* @__PURE__ */ jsxRuntimeExports.jsx(Bar, { className: "h-9 w-9" }) |
| 105 |
] }) |
| 106 |
] }) }, i)) }); |
| 107 |
}; |
| 108 |
const ModuleStatGridSkeleton = ({ tiles = 4 }) => { |
| 109 |
return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "grid grid-cols-2 lg:grid-cols-4 gap-3 animate-pulse", children: Array.from({ length: tiles }).map((_, i) => /* @__PURE__ */ jsxRuntimeExports.jsx(Card, { children: /* @__PURE__ */ jsxRuntimeExports.jsxs(CardContent, { className: "p-4 space-y-2", children: [ |
| 110 |
/* @__PURE__ */ jsxRuntimeExports.jsx(Bar, { className: "h-3 w-20" }), |
| 111 |
/* @__PURE__ */ jsxRuntimeExports.jsx(Bar, { className: "h-7 w-24" }), |
| 112 |
/* @__PURE__ */ jsxRuntimeExports.jsx(Bar, { className: "h-3 w-32 max-w-full" }) |
| 113 |
] }) }, i)) }); |
| 114 |
}; |
| 115 |
const ModuleSectionSkeleton = ({ lines = 4 }) => { |
| 116 |
return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "space-y-3 animate-pulse", children: Array.from({ length: lines }).map((_, i) => /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "space-y-1.5", children: [ |
| 117 |
/* @__PURE__ */ jsxRuntimeExports.jsx(Bar, { className: "h-3 w-28" }), |
| 118 |
/* @__PURE__ */ jsxRuntimeExports.jsx(Bar, { className: "h-9 w-full" }) |
| 119 |
] }, i)) }); |
| 120 |
}; |
| 121 |
export { |
| 122 |
ModulePageSkeleton as M, |
| 123 |
ModuleFormSkeleton as a, |
| 124 |
ModuleListSkeleton as b, |
| 125 |
ModuleTableSkeleton as c, |
| 126 |
ModuleSectionSkeleton as d, |
| 127 |
ModuleStatGridSkeleton as e |
| 128 |
}; |
| 129 |
//# sourceMappingURL=module-skeleton-Cb1q-Zbx.js.map |
| 130 |
|
