@arch-cadre/blog-module 1.0.7 → 1.0.9
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/actions/index.d.ts +38 -5
- package/dist/actions/index.js +149 -0
- package/dist/components/BlogStatsWidget.d.ts +1 -2
- package/dist/components/BlogStatsWidget.js +17 -0
- package/dist/components/RecentCommentsWidget.d.ts +1 -2
- package/dist/components/RecentCommentsWidget.js +24 -0
- package/dist/components/RecentPostsWidget.d.ts +1 -2
- package/dist/components/RecentPostsWidget.js +24 -0
- package/dist/components/ui/button.d.ts +1 -1
- package/dist/components/ui/button.js +33 -0
- package/dist/components/ui/card.js +12 -0
- package/dist/components/ui/input.js +8 -0
- package/dist/components/ui/table.js +16 -0
- package/dist/components/ui/textarea.js +8 -0
- package/dist/index.js +98 -0
- package/dist/lib/{utils.mjs → utils.js} +1 -1
- package/dist/lib/validation.d.ts +2 -2
- package/dist/lib/validation.js +11 -0
- package/dist/navigation.js +21 -0
- package/dist/routes.js +55 -0
- package/dist/schema.js +60 -0
- package/dist/ui/views.d.ts +5 -6
- package/dist/ui/views.js +119 -0
- package/package.json +11 -17
- package/src/actions/index.d.ts +67 -0
- package/src/actions/index.js +149 -0
- package/src/actions/index.ts +157 -0
- package/src/components/BlogStatsWidget.d.ts +1 -0
- package/src/components/BlogStatsWidget.js +17 -0
- package/src/components/BlogStatsWidget.tsx +46 -0
- package/src/components/RecentCommentsWidget.d.ts +1 -0
- package/src/components/RecentCommentsWidget.js +24 -0
- package/src/components/RecentCommentsWidget.tsx +71 -0
- package/src/components/RecentPostsWidget.d.ts +1 -0
- package/src/components/RecentPostsWidget.js +24 -0
- package/src/components/RecentPostsWidget.tsx +68 -0
- package/src/components/ui/button.d.ts +11 -0
- package/src/components/ui/button.js +33 -0
- package/src/components/ui/button.tsx +56 -0
- package/src/components/ui/card.d.ts +6 -0
- package/src/components/ui/card.js +12 -0
- package/src/components/ui/card.tsx +51 -0
- package/src/components/ui/input.d.ts +5 -0
- package/src/components/ui/input.js +8 -0
- package/{dist/components/ui/input.mjs → src/components/ui/input.tsx} +17 -13
- package/src/components/ui/table.d.ts +8 -0
- package/src/components/ui/table.js +16 -0
- package/src/components/ui/table.tsx +83 -0
- package/src/components/ui/textarea.d.ts +5 -0
- package/src/components/ui/textarea.js +8 -0
- package/{dist/components/ui/textarea.mjs → src/components/ui/textarea.tsx} +16 -12
- package/src/index.d.ts +3 -0
- package/src/index.js +98 -0
- package/{dist/index.mjs → src/index.ts} +44 -18
- package/src/lib/utils.d.ts +2 -0
- package/src/lib/utils.js +5 -0
- package/src/lib/utils.ts +6 -0
- package/src/lib/validation.d.ts +24 -0
- package/src/lib/validation.js +11 -0
- package/{dist/lib/validation.mjs → src/lib/validation.ts} +5 -2
- package/src/navigation.d.ts +2 -0
- package/src/navigation.js +21 -0
- package/{dist/navigation.mjs → src/navigation.ts} +9 -7
- package/src/routes.d.ts +3 -0
- package/src/routes.js +55 -0
- package/{dist/routes.mjs → src/routes.tsx} +30 -24
- package/src/schema.d.ts +736 -0
- package/src/schema.js +60 -0
- package/src/schema.ts +67 -0
- package/src/styles/globals.css +123 -0
- package/src/ui/views.d.ts +15 -0
- package/src/ui/views.js +119 -0
- package/src/ui/views.tsx +538 -0
- package/dist/actions/index.cjs +0 -158
- package/dist/actions/index.mjs +0 -121
- package/dist/components/BlogStatsWidget.cjs +0 -45
- package/dist/components/BlogStatsWidget.mjs +0 -13
- package/dist/components/RecentCommentsWidget.cjs +0 -47
- package/dist/components/RecentCommentsWidget.mjs +0 -28
- package/dist/components/RecentPostsWidget.cjs +0 -47
- package/dist/components/RecentPostsWidget.mjs +0 -28
- package/dist/components/ui/button.cjs +0 -53
- package/dist/components/ui/button.mjs +0 -44
- package/dist/components/ui/card.cjs +0 -46
- package/dist/components/ui/card.mjs +0 -35
- package/dist/components/ui/input.cjs +0 -23
- package/dist/components/ui/table.cjs +0 -66
- package/dist/components/ui/table.mjs +0 -59
- package/dist/components/ui/textarea.cjs +0 -21
- package/dist/index.cjs +0 -100
- package/dist/lib/utils.cjs +0 -11
- package/dist/lib/validation.cjs +0 -16
- package/dist/navigation.cjs +0 -23
- package/dist/routes.cjs +0 -74
- package/dist/schema.cjs +0 -62
- package/dist/schema.mjs +0 -53
- package/dist/styles/globals.css +0 -1
- package/dist/ui/views.cjs +0 -448
- package/dist/ui/views.mjs +0 -232
- /package/{dist → src}/intl.d.ts +0 -0
package/dist/actions/index.mjs
DELETED
|
@@ -1,121 +0,0 @@
|
|
|
1
|
-
"use server";
|
|
2
|
-
import { db, getCurrentSession, userTable } from "@arch-cadre/core/server";
|
|
3
|
-
import { desc, eq } from "drizzle-orm";
|
|
4
|
-
import { revalidatePath } from "next/cache";
|
|
5
|
-
import { commentSchema, postSchema } from "../lib/validation.mjs";
|
|
6
|
-
import { commentsTable, postsTable } from "../schema.mjs";
|
|
7
|
-
export async function createPost(data) {
|
|
8
|
-
try {
|
|
9
|
-
const { user } = await getCurrentSession();
|
|
10
|
-
if (!user) throw new Error("Unauthorized");
|
|
11
|
-
const validated = postSchema.parse(data);
|
|
12
|
-
await db.insert(postsTable).values({
|
|
13
|
-
...validated,
|
|
14
|
-
authorId: user.id
|
|
15
|
-
});
|
|
16
|
-
revalidatePath("/blog");
|
|
17
|
-
return { success: true };
|
|
18
|
-
} catch (error) {
|
|
19
|
-
console.error("[BlogModule:Actions] createPost failed:", error);
|
|
20
|
-
return { success: false, error: error.message };
|
|
21
|
-
}
|
|
22
|
-
}
|
|
23
|
-
export async function getPosts() {
|
|
24
|
-
try {
|
|
25
|
-
return await db.select({
|
|
26
|
-
id: postsTable.id,
|
|
27
|
-
title: postsTable.title,
|
|
28
|
-
slug: postsTable.slug,
|
|
29
|
-
content: postsTable.content,
|
|
30
|
-
createdAt: postsTable.createdAt,
|
|
31
|
-
author: {
|
|
32
|
-
name: userTable.name
|
|
33
|
-
}
|
|
34
|
-
}).from(postsTable).innerJoin(userTable, eq(postsTable.authorId, userTable.id)).orderBy(desc(postsTable.createdAt));
|
|
35
|
-
} catch (error) {
|
|
36
|
-
console.error("[BlogModule:Actions] getPosts failed:", error);
|
|
37
|
-
throw error;
|
|
38
|
-
}
|
|
39
|
-
}
|
|
40
|
-
export async function getPostBySlug(slug) {
|
|
41
|
-
try {
|
|
42
|
-
const [post] = await db.select({
|
|
43
|
-
id: postsTable.id,
|
|
44
|
-
title: postsTable.title,
|
|
45
|
-
slug: postsTable.slug,
|
|
46
|
-
content: postsTable.content,
|
|
47
|
-
createdAt: postsTable.createdAt,
|
|
48
|
-
author: {
|
|
49
|
-
name: userTable.name
|
|
50
|
-
}
|
|
51
|
-
}).from(postsTable).innerJoin(userTable, eq(postsTable.authorId, userTable.id)).where(eq(postsTable.slug, slug));
|
|
52
|
-
return post || null;
|
|
53
|
-
} catch (error) {
|
|
54
|
-
console.error("[BlogModule:Actions] getPostBySlug failed:", error);
|
|
55
|
-
throw error;
|
|
56
|
-
}
|
|
57
|
-
}
|
|
58
|
-
export async function getPostById(id) {
|
|
59
|
-
try {
|
|
60
|
-
const [post] = await db.select().from(postsTable).where(eq(postsTable.id, id));
|
|
61
|
-
return post || null;
|
|
62
|
-
} catch (error) {
|
|
63
|
-
console.error("[BlogModule:Actions] getPostById failed:", error);
|
|
64
|
-
throw error;
|
|
65
|
-
}
|
|
66
|
-
}
|
|
67
|
-
export async function getComments(postId) {
|
|
68
|
-
try {
|
|
69
|
-
return await db.select({
|
|
70
|
-
id: commentsTable.id,
|
|
71
|
-
content: commentsTable.content,
|
|
72
|
-
createdAt: commentsTable.createdAt,
|
|
73
|
-
author: {
|
|
74
|
-
name: userTable.name,
|
|
75
|
-
image: userTable.image
|
|
76
|
-
}
|
|
77
|
-
}).from(commentsTable).innerJoin(userTable, eq(commentsTable.authorId, userTable.id)).where(eq(commentsTable.postId, postId)).orderBy(desc(commentsTable.createdAt));
|
|
78
|
-
} catch (error) {
|
|
79
|
-
console.error("[BlogModule:Actions] getComments failed:", error);
|
|
80
|
-
throw error;
|
|
81
|
-
}
|
|
82
|
-
}
|
|
83
|
-
export async function createComment(data) {
|
|
84
|
-
try {
|
|
85
|
-
const { user } = await getCurrentSession();
|
|
86
|
-
if (!user) throw new Error("Must be logged in to comment");
|
|
87
|
-
const validated = commentSchema.parse(data);
|
|
88
|
-
await db.insert(commentsTable).values({
|
|
89
|
-
content: validated.content,
|
|
90
|
-
postId: validated.postId,
|
|
91
|
-
authorId: user.id
|
|
92
|
-
});
|
|
93
|
-
revalidatePath(`/blog`);
|
|
94
|
-
return { success: true };
|
|
95
|
-
} catch (error) {
|
|
96
|
-
console.error("[BlogModule:Actions] createComment failed:", error);
|
|
97
|
-
return { success: false, error: error.message };
|
|
98
|
-
}
|
|
99
|
-
}
|
|
100
|
-
export async function deletePost(id) {
|
|
101
|
-
try {
|
|
102
|
-
await db.delete(postsTable).where(eq(postsTable.id, id));
|
|
103
|
-
revalidatePath("/blog");
|
|
104
|
-
return { success: true };
|
|
105
|
-
} catch (error) {
|
|
106
|
-
console.error("[BlogModule:Actions] deletePost failed:", error);
|
|
107
|
-
return { success: false, error: error.message };
|
|
108
|
-
}
|
|
109
|
-
}
|
|
110
|
-
export async function updatePost(id, data) {
|
|
111
|
-
try {
|
|
112
|
-
const validated = postSchema.parse(data);
|
|
113
|
-
await db.update(postsTable).set(validated).where(eq(postsTable.id, id));
|
|
114
|
-
revalidatePath("/blog");
|
|
115
|
-
revalidatePath(`/blog/${validated.slug}`);
|
|
116
|
-
return { success: true };
|
|
117
|
-
} catch (error) {
|
|
118
|
-
console.error("[BlogModule:Actions] updatePost failed:", error);
|
|
119
|
-
return { success: false, error: error.message };
|
|
120
|
-
}
|
|
121
|
-
}
|
|
@@ -1,45 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
module.exports = BlogStatsWidget;
|
|
7
|
-
var _server = require("@arch-cadre/core/server");
|
|
8
|
-
var _server2 = require("@arch-cadre/intl/server");
|
|
9
|
-
var _ui = require("@arch-cadre/ui");
|
|
10
|
-
var _drizzleOrm = require("drizzle-orm");
|
|
11
|
-
var _lucideReact = require("lucide-react");
|
|
12
|
-
var React = _interopRequireWildcard(require("react"));
|
|
13
|
-
var _schema = require("../schema.cjs");
|
|
14
|
-
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
|
|
15
|
-
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
16
|
-
async function BlogStatsWidget() {
|
|
17
|
-
const {
|
|
18
|
-
t
|
|
19
|
-
} = await (0, _server2.getTranslation)();
|
|
20
|
-
const [postsCount] = await _server.db.select({
|
|
21
|
-
count: (0, _drizzleOrm.sql)`count(*)`
|
|
22
|
-
}).from(_schema.postsTable);
|
|
23
|
-
const [commentsCount] = await _server.db.select({
|
|
24
|
-
count: (0, _drizzleOrm.sql)`count(*)`
|
|
25
|
-
}).from(_schema.commentsTable);
|
|
26
|
-
return /* @__PURE__ */React.createElement("div", {
|
|
27
|
-
className: "grid gap-4 md:grid-cols-2 lg:grid-cols-2"
|
|
28
|
-
}, /* @__PURE__ */React.createElement(_ui.Card, null, /* @__PURE__ */React.createElement(_ui.CardHeader, {
|
|
29
|
-
className: "flex flex-row items-center justify-between space-y-0 pb-2"
|
|
30
|
-
}, /* @__PURE__ */React.createElement(_ui.CardTitle, {
|
|
31
|
-
className: "text-sm font-medium"
|
|
32
|
-
}, t("Total Posts")), /* @__PURE__ */React.createElement(_lucideReact.FileText, {
|
|
33
|
-
className: "h-4 w-4 text-muted-foreground"
|
|
34
|
-
})), /* @__PURE__ */React.createElement(_ui.CardContent, null, /* @__PURE__ */React.createElement("div", {
|
|
35
|
-
className: "text-2xl font-bold"
|
|
36
|
-
}, postsCount?.count || 0))), /* @__PURE__ */React.createElement(_ui.Card, null, /* @__PURE__ */React.createElement(_ui.CardHeader, {
|
|
37
|
-
className: "flex flex-row items-center justify-between space-y-0 pb-2"
|
|
38
|
-
}, /* @__PURE__ */React.createElement(_ui.CardTitle, {
|
|
39
|
-
className: "text-sm font-medium"
|
|
40
|
-
}, t("Total Comments")), /* @__PURE__ */React.createElement(_lucideReact.MessageSquare, {
|
|
41
|
-
className: "h-4 w-4 text-muted-foreground"
|
|
42
|
-
})), /* @__PURE__ */React.createElement(_ui.CardContent, null, /* @__PURE__ */React.createElement("div", {
|
|
43
|
-
className: "text-2xl font-bold"
|
|
44
|
-
}, commentsCount?.count || 0))));
|
|
45
|
-
}
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
import { db } from "@arch-cadre/core/server";
|
|
2
|
-
import { getTranslation } from "@arch-cadre/intl/server";
|
|
3
|
-
import { Card, CardContent, CardHeader, CardTitle } from "@arch-cadre/ui";
|
|
4
|
-
import { sql } from "drizzle-orm";
|
|
5
|
-
import { FileText, MessageSquare } from "lucide-react";
|
|
6
|
-
import * as React from "react";
|
|
7
|
-
import { commentsTable, postsTable } from "../schema.mjs";
|
|
8
|
-
export default async function BlogStatsWidget() {
|
|
9
|
-
const { t } = await getTranslation();
|
|
10
|
-
const [postsCount] = await db.select({ count: sql`count(*)` }).from(postsTable);
|
|
11
|
-
const [commentsCount] = await db.select({ count: sql`count(*)` }).from(commentsTable);
|
|
12
|
-
return /* @__PURE__ */ React.createElement("div", { className: "grid gap-4 md:grid-cols-2 lg:grid-cols-2" }, /* @__PURE__ */ React.createElement(Card, null, /* @__PURE__ */ React.createElement(CardHeader, { className: "flex flex-row items-center justify-between space-y-0 pb-2" }, /* @__PURE__ */ React.createElement(CardTitle, { className: "text-sm font-medium" }, t("Total Posts")), /* @__PURE__ */ React.createElement(FileText, { className: "h-4 w-4 text-muted-foreground" })), /* @__PURE__ */ React.createElement(CardContent, null, /* @__PURE__ */ React.createElement("div", { className: "text-2xl font-bold" }, postsCount?.count || 0))), /* @__PURE__ */ React.createElement(Card, null, /* @__PURE__ */ React.createElement(CardHeader, { className: "flex flex-row items-center justify-between space-y-0 pb-2" }, /* @__PURE__ */ React.createElement(CardTitle, { className: "text-sm font-medium" }, t("Total Comments")), /* @__PURE__ */ React.createElement(MessageSquare, { className: "h-4 w-4 text-muted-foreground" })), /* @__PURE__ */ React.createElement(CardContent, null, /* @__PURE__ */ React.createElement("div", { className: "text-2xl font-bold" }, commentsCount?.count || 0))));
|
|
13
|
-
}
|
|
@@ -1,47 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
module.exports = RecentCommentsWidget;
|
|
7
|
-
var _server = require("@arch-cadre/core/server");
|
|
8
|
-
var _server2 = require("@arch-cadre/intl/server");
|
|
9
|
-
var _ui = require("@arch-cadre/ui");
|
|
10
|
-
var _drizzleOrm = require("drizzle-orm");
|
|
11
|
-
var React = _interopRequireWildcard(require("react"));
|
|
12
|
-
var _schema = require("../schema.cjs");
|
|
13
|
-
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
|
|
14
|
-
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
15
|
-
async function RecentCommentsWidget() {
|
|
16
|
-
const {
|
|
17
|
-
t
|
|
18
|
-
} = await (0, _server2.getTranslation)();
|
|
19
|
-
const comments = await _server.db.select({
|
|
20
|
-
id: _schema.commentsTable.id,
|
|
21
|
-
content: _schema.commentsTable.content,
|
|
22
|
-
createdAt: _schema.commentsTable.createdAt,
|
|
23
|
-
author: {
|
|
24
|
-
name: _server.userTable.name,
|
|
25
|
-
image: _server.userTable.image
|
|
26
|
-
}
|
|
27
|
-
}).from(_schema.commentsTable).leftJoin(_server.userTable, (0, _drizzleOrm.eq)(_schema.commentsTable.authorId, _server.userTable.id)).orderBy((0, _drizzleOrm.desc)(_schema.commentsTable.createdAt)).limit(5);
|
|
28
|
-
return /* @__PURE__ */React.createElement(_ui.Card, null, /* @__PURE__ */React.createElement(_ui.CardHeader, null, /* @__PURE__ */React.createElement(_ui.CardTitle, null, t("Recent Comments")), /* @__PURE__ */React.createElement(_ui.CardDescription, null, t("What readers are saying about your posts."))), /* @__PURE__ */React.createElement(_ui.CardContent, {
|
|
29
|
-
className: "grid gap-8"
|
|
30
|
-
}, comments.map(comment => /* @__PURE__ */React.createElement("div", {
|
|
31
|
-
key: comment.id,
|
|
32
|
-
className: "flex items-center gap-4"
|
|
33
|
-
}, /* @__PURE__ */React.createElement(_ui.Avatar, {
|
|
34
|
-
className: "h-9 w-9"
|
|
35
|
-
}, /* @__PURE__ */React.createElement(_ui.AvatarImage, {
|
|
36
|
-
src: comment.author?.image || "",
|
|
37
|
-
alt: "Avatar"
|
|
38
|
-
}), /* @__PURE__ */React.createElement(_ui.AvatarFallback, null, comment.author?.name?.substring(0, 2).toUpperCase() || "CM")), /* @__PURE__ */React.createElement("div", {
|
|
39
|
-
className: "grid gap-1"
|
|
40
|
-
}, /* @__PURE__ */React.createElement("p", {
|
|
41
|
-
className: "text-sm font-medium leading-none line-clamp-1"
|
|
42
|
-
}, comment.content), /* @__PURE__ */React.createElement("p", {
|
|
43
|
-
className: "text-sm text-muted-foreground"
|
|
44
|
-
}, comment.author?.name || t("Anonymous"), " \u2022", " ", new Date(comment.createdAt).toLocaleDateString())))), comments.length === 0 && /* @__PURE__ */React.createElement("div", {
|
|
45
|
-
className: "text-center py-4 text-muted-foreground"
|
|
46
|
-
}, t("No comments yet."))));
|
|
47
|
-
}
|
|
@@ -1,28 +0,0 @@
|
|
|
1
|
-
import { db, userTable } from "@arch-cadre/core/server";
|
|
2
|
-
import { getTranslation } from "@arch-cadre/intl/server";
|
|
3
|
-
import {
|
|
4
|
-
Avatar,
|
|
5
|
-
AvatarFallback,
|
|
6
|
-
AvatarImage,
|
|
7
|
-
Card,
|
|
8
|
-
CardContent,
|
|
9
|
-
CardDescription,
|
|
10
|
-
CardHeader,
|
|
11
|
-
CardTitle
|
|
12
|
-
} from "@arch-cadre/ui";
|
|
13
|
-
import { desc, eq } from "drizzle-orm";
|
|
14
|
-
import * as React from "react";
|
|
15
|
-
import { commentsTable } from "../schema.mjs";
|
|
16
|
-
export default async function RecentCommentsWidget() {
|
|
17
|
-
const { t } = await getTranslation();
|
|
18
|
-
const comments = await db.select({
|
|
19
|
-
id: commentsTable.id,
|
|
20
|
-
content: commentsTable.content,
|
|
21
|
-
createdAt: commentsTable.createdAt,
|
|
22
|
-
author: {
|
|
23
|
-
name: userTable.name,
|
|
24
|
-
image: userTable.image
|
|
25
|
-
}
|
|
26
|
-
}).from(commentsTable).leftJoin(userTable, eq(commentsTable.authorId, userTable.id)).orderBy(desc(commentsTable.createdAt)).limit(5);
|
|
27
|
-
return /* @__PURE__ */ React.createElement(Card, null, /* @__PURE__ */ React.createElement(CardHeader, null, /* @__PURE__ */ React.createElement(CardTitle, null, t("Recent Comments")), /* @__PURE__ */ React.createElement(CardDescription, null, t("What readers are saying about your posts."))), /* @__PURE__ */ React.createElement(CardContent, { className: "grid gap-8" }, comments.map((comment) => /* @__PURE__ */ React.createElement("div", { key: comment.id, className: "flex items-center gap-4" }, /* @__PURE__ */ React.createElement(Avatar, { className: "h-9 w-9" }, /* @__PURE__ */ React.createElement(AvatarImage, { src: comment.author?.image || "", alt: "Avatar" }), /* @__PURE__ */ React.createElement(AvatarFallback, null, comment.author?.name?.substring(0, 2).toUpperCase() || "CM")), /* @__PURE__ */ React.createElement("div", { className: "grid gap-1" }, /* @__PURE__ */ React.createElement("p", { className: "text-sm font-medium leading-none line-clamp-1" }, comment.content), /* @__PURE__ */ React.createElement("p", { className: "text-sm text-muted-foreground" }, comment.author?.name || t("Anonymous"), " \u2022", " ", new Date(comment.createdAt).toLocaleDateString())))), comments.length === 0 && /* @__PURE__ */ React.createElement("div", { className: "text-center py-4 text-muted-foreground" }, t("No comments yet."))));
|
|
28
|
-
}
|
|
@@ -1,47 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
module.exports = RecentPostsWidget;
|
|
7
|
-
var _server = require("@arch-cadre/core/server");
|
|
8
|
-
var _server2 = require("@arch-cadre/intl/server");
|
|
9
|
-
var _ui = require("@arch-cadre/ui");
|
|
10
|
-
var _drizzleOrm = require("drizzle-orm");
|
|
11
|
-
var React = _interopRequireWildcard(require("react"));
|
|
12
|
-
var _schema = require("../schema.cjs");
|
|
13
|
-
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
|
|
14
|
-
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
15
|
-
async function RecentPostsWidget() {
|
|
16
|
-
const {
|
|
17
|
-
t
|
|
18
|
-
} = await (0, _server2.getTranslation)();
|
|
19
|
-
const posts = await _server.db.select({
|
|
20
|
-
id: _schema.postsTable.id,
|
|
21
|
-
title: _schema.postsTable.title,
|
|
22
|
-
createdAt: _schema.postsTable.createdAt,
|
|
23
|
-
author: {
|
|
24
|
-
name: _server.userTable.name,
|
|
25
|
-
image: _server.userTable.image
|
|
26
|
-
}
|
|
27
|
-
}).from(_schema.postsTable).leftJoin(_server.userTable, (0, _drizzleOrm.eq)(_schema.postsTable.authorId, _server.userTable.id)).orderBy((0, _drizzleOrm.desc)(_schema.postsTable.createdAt)).limit(5);
|
|
28
|
-
return /* @__PURE__ */React.createElement(_ui.Card, null, /* @__PURE__ */React.createElement(_ui.CardHeader, null, /* @__PURE__ */React.createElement(_ui.CardTitle, null, t("Recent Posts")), /* @__PURE__ */React.createElement(_ui.CardDescription, null, t("The latest articles published on your blog."))), /* @__PURE__ */React.createElement(_ui.CardContent, {
|
|
29
|
-
className: "grid gap-8"
|
|
30
|
-
}, posts.map(post => /* @__PURE__ */React.createElement("div", {
|
|
31
|
-
key: post.id,
|
|
32
|
-
className: "flex items-center gap-4"
|
|
33
|
-
}, /* @__PURE__ */React.createElement(_ui.Avatar, {
|
|
34
|
-
className: "h-9 w-9"
|
|
35
|
-
}, /* @__PURE__ */React.createElement(_ui.AvatarImage, {
|
|
36
|
-
src: post.author?.image || "",
|
|
37
|
-
alt: "Avatar"
|
|
38
|
-
}), /* @__PURE__ */React.createElement(_ui.AvatarFallback, null, post.author?.name?.substring(0, 2).toUpperCase() || "AU")), /* @__PURE__ */React.createElement("div", {
|
|
39
|
-
className: "grid gap-1"
|
|
40
|
-
}, /* @__PURE__ */React.createElement("p", {
|
|
41
|
-
className: "text-sm font-medium leading-none"
|
|
42
|
-
}, post.title), /* @__PURE__ */React.createElement("p", {
|
|
43
|
-
className: "text-sm text-muted-foreground"
|
|
44
|
-
}, new Date(post.createdAt).toLocaleDateString())))), posts.length === 0 && /* @__PURE__ */React.createElement("div", {
|
|
45
|
-
className: "text-center py-4 text-muted-foreground"
|
|
46
|
-
}, t("No posts found."))));
|
|
47
|
-
}
|
|
@@ -1,28 +0,0 @@
|
|
|
1
|
-
import { db, userTable } from "@arch-cadre/core/server";
|
|
2
|
-
import { getTranslation } from "@arch-cadre/intl/server";
|
|
3
|
-
import {
|
|
4
|
-
Avatar,
|
|
5
|
-
AvatarFallback,
|
|
6
|
-
AvatarImage,
|
|
7
|
-
Card,
|
|
8
|
-
CardContent,
|
|
9
|
-
CardDescription,
|
|
10
|
-
CardHeader,
|
|
11
|
-
CardTitle
|
|
12
|
-
} from "@arch-cadre/ui";
|
|
13
|
-
import { desc, eq } from "drizzle-orm";
|
|
14
|
-
import * as React from "react";
|
|
15
|
-
import { postsTable } from "../schema.mjs";
|
|
16
|
-
export default async function RecentPostsWidget() {
|
|
17
|
-
const { t } = await getTranslation();
|
|
18
|
-
const posts = await db.select({
|
|
19
|
-
id: postsTable.id,
|
|
20
|
-
title: postsTable.title,
|
|
21
|
-
createdAt: postsTable.createdAt,
|
|
22
|
-
author: {
|
|
23
|
-
name: userTable.name,
|
|
24
|
-
image: userTable.image
|
|
25
|
-
}
|
|
26
|
-
}).from(postsTable).leftJoin(userTable, eq(postsTable.authorId, userTable.id)).orderBy(desc(postsTable.createdAt)).limit(5);
|
|
27
|
-
return /* @__PURE__ */ React.createElement(Card, null, /* @__PURE__ */ React.createElement(CardHeader, null, /* @__PURE__ */ React.createElement(CardTitle, null, t("Recent Posts")), /* @__PURE__ */ React.createElement(CardDescription, null, t("The latest articles published on your blog."))), /* @__PURE__ */ React.createElement(CardContent, { className: "grid gap-8" }, posts.map((post) => /* @__PURE__ */ React.createElement("div", { key: post.id, className: "flex items-center gap-4" }, /* @__PURE__ */ React.createElement(Avatar, { className: "h-9 w-9" }, /* @__PURE__ */ React.createElement(AvatarImage, { src: post.author?.image || "", alt: "Avatar" }), /* @__PURE__ */ React.createElement(AvatarFallback, null, post.author?.name?.substring(0, 2).toUpperCase() || "AU")), /* @__PURE__ */ React.createElement("div", { className: "grid gap-1" }, /* @__PURE__ */ React.createElement("p", { className: "text-sm font-medium leading-none" }, post.title), /* @__PURE__ */ React.createElement("p", { className: "text-sm text-muted-foreground" }, new Date(post.createdAt).toLocaleDateString())))), posts.length === 0 && /* @__PURE__ */ React.createElement("div", { className: "text-center py-4 text-muted-foreground" }, t("No posts found."))));
|
|
28
|
-
}
|
|
@@ -1,53 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.buttonVariants = exports.Button = void 0;
|
|
7
|
-
var _reactSlot = require("@radix-ui/react-slot");
|
|
8
|
-
var _classVarianceAuthority = require("class-variance-authority");
|
|
9
|
-
var React = _interopRequireWildcard(require("react"));
|
|
10
|
-
var _utils = require("../../lib/utils.cjs");
|
|
11
|
-
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
|
|
12
|
-
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
13
|
-
const buttonVariants = exports.buttonVariants = (0, _classVarianceAuthority.cva)("inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50", {
|
|
14
|
-
variants: {
|
|
15
|
-
variant: {
|
|
16
|
-
default: "bg-primary text-primary-foreground shadow hover:bg-primary/90",
|
|
17
|
-
destructive: "bg-destructive text-destructive-foreground shadow-sm hover:bg-destructive/90",
|
|
18
|
-
outline: "border border-input bg-background shadow-sm hover:bg-accent hover:text-accent-foreground",
|
|
19
|
-
secondary: "bg-secondary text-secondary-foreground shadow-sm hover:bg-secondary/80",
|
|
20
|
-
ghost: "hover:bg-accent hover:text-accent-foreground",
|
|
21
|
-
link: "text-primary underline-offset-4 hover:underline"
|
|
22
|
-
},
|
|
23
|
-
size: {
|
|
24
|
-
default: "h-9 px-4 py-2",
|
|
25
|
-
sm: "h-8 rounded-md px-3 text-xs",
|
|
26
|
-
lg: "h-10 rounded-md px-8",
|
|
27
|
-
icon: "size-9"
|
|
28
|
-
}
|
|
29
|
-
},
|
|
30
|
-
defaultVariants: {
|
|
31
|
-
variant: "default",
|
|
32
|
-
size: "default"
|
|
33
|
-
}
|
|
34
|
-
});
|
|
35
|
-
const Button = exports.Button = React.forwardRef(({
|
|
36
|
-
className,
|
|
37
|
-
variant,
|
|
38
|
-
size,
|
|
39
|
-
asChild = false,
|
|
40
|
-
...props
|
|
41
|
-
}, ref) => {
|
|
42
|
-
const Comp = asChild ? _reactSlot.Slot : "button";
|
|
43
|
-
return /* @__PURE__ */React.createElement(Comp, {
|
|
44
|
-
className: (0, _utils.cn)(buttonVariants({
|
|
45
|
-
variant,
|
|
46
|
-
size,
|
|
47
|
-
className
|
|
48
|
-
})),
|
|
49
|
-
ref,
|
|
50
|
-
...props
|
|
51
|
-
});
|
|
52
|
-
});
|
|
53
|
-
Button.displayName = "Button";
|
|
@@ -1,44 +0,0 @@
|
|
|
1
|
-
import { Slot } from "@radix-ui/react-slot";
|
|
2
|
-
import { cva } from "class-variance-authority";
|
|
3
|
-
import * as React from "react";
|
|
4
|
-
import { cn } from "../../lib/utils.mjs";
|
|
5
|
-
const buttonVariants = cva(
|
|
6
|
-
"inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50",
|
|
7
|
-
{
|
|
8
|
-
variants: {
|
|
9
|
-
variant: {
|
|
10
|
-
default: "bg-primary text-primary-foreground shadow hover:bg-primary/90",
|
|
11
|
-
destructive: "bg-destructive text-destructive-foreground shadow-sm hover:bg-destructive/90",
|
|
12
|
-
outline: "border border-input bg-background shadow-sm hover:bg-accent hover:text-accent-foreground",
|
|
13
|
-
secondary: "bg-secondary text-secondary-foreground shadow-sm hover:bg-secondary/80",
|
|
14
|
-
ghost: "hover:bg-accent hover:text-accent-foreground",
|
|
15
|
-
link: "text-primary underline-offset-4 hover:underline"
|
|
16
|
-
},
|
|
17
|
-
size: {
|
|
18
|
-
default: "h-9 px-4 py-2",
|
|
19
|
-
sm: "h-8 rounded-md px-3 text-xs",
|
|
20
|
-
lg: "h-10 rounded-md px-8",
|
|
21
|
-
icon: "size-9"
|
|
22
|
-
}
|
|
23
|
-
},
|
|
24
|
-
defaultVariants: {
|
|
25
|
-
variant: "default",
|
|
26
|
-
size: "default"
|
|
27
|
-
}
|
|
28
|
-
}
|
|
29
|
-
);
|
|
30
|
-
const Button = React.forwardRef(
|
|
31
|
-
({ className, variant, size, asChild = false, ...props }, ref) => {
|
|
32
|
-
const Comp = asChild ? Slot : "button";
|
|
33
|
-
return /* @__PURE__ */ React.createElement(
|
|
34
|
-
Comp,
|
|
35
|
-
{
|
|
36
|
-
className: cn(buttonVariants({ variant, size, className })),
|
|
37
|
-
ref,
|
|
38
|
-
...props
|
|
39
|
-
}
|
|
40
|
-
);
|
|
41
|
-
}
|
|
42
|
-
);
|
|
43
|
-
Button.displayName = "Button";
|
|
44
|
-
export { Button, buttonVariants };
|
|
@@ -1,46 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.CardTitle = exports.CardHeader = exports.CardContent = exports.Card = void 0;
|
|
7
|
-
var React = _interopRequireWildcard(require("react"));
|
|
8
|
-
var _utils = require("../../lib/utils.cjs");
|
|
9
|
-
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
|
|
10
|
-
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
11
|
-
const Card = exports.Card = React.forwardRef(({
|
|
12
|
-
className,
|
|
13
|
-
...props
|
|
14
|
-
}, ref) => /* @__PURE__ */React.createElement("div", {
|
|
15
|
-
ref,
|
|
16
|
-
className: (0, _utils.cn)("rounded-xl border bg-card text-card-foreground shadow", className),
|
|
17
|
-
...props
|
|
18
|
-
}));
|
|
19
|
-
Card.displayName = "Card";
|
|
20
|
-
const CardHeader = exports.CardHeader = React.forwardRef(({
|
|
21
|
-
className,
|
|
22
|
-
...props
|
|
23
|
-
}, ref) => /* @__PURE__ */React.createElement("div", {
|
|
24
|
-
ref,
|
|
25
|
-
className: (0, _utils.cn)("flex flex-col space-y-1.5 p-6", className),
|
|
26
|
-
...props
|
|
27
|
-
}));
|
|
28
|
-
CardHeader.displayName = "CardHeader";
|
|
29
|
-
const CardTitle = exports.CardTitle = React.forwardRef(({
|
|
30
|
-
className,
|
|
31
|
-
...props
|
|
32
|
-
}, ref) => /* @__PURE__ */React.createElement("div", {
|
|
33
|
-
ref,
|
|
34
|
-
className: (0, _utils.cn)("font-semibold leading-none tracking-tight", className),
|
|
35
|
-
...props
|
|
36
|
-
}));
|
|
37
|
-
CardTitle.displayName = "CardTitle";
|
|
38
|
-
const CardContent = exports.CardContent = React.forwardRef(({
|
|
39
|
-
className,
|
|
40
|
-
...props
|
|
41
|
-
}, ref) => /* @__PURE__ */React.createElement("div", {
|
|
42
|
-
ref,
|
|
43
|
-
className: (0, _utils.cn)("p-6 pt-0", className),
|
|
44
|
-
...props
|
|
45
|
-
}));
|
|
46
|
-
CardContent.displayName = "CardContent";
|
|
@@ -1,35 +0,0 @@
|
|
|
1
|
-
import * as React from "react";
|
|
2
|
-
import { cn } from "../../lib/utils.mjs";
|
|
3
|
-
const Card = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React.createElement(
|
|
4
|
-
"div",
|
|
5
|
-
{
|
|
6
|
-
ref,
|
|
7
|
-
className: cn(
|
|
8
|
-
"rounded-xl border bg-card text-card-foreground shadow",
|
|
9
|
-
className
|
|
10
|
-
),
|
|
11
|
-
...props
|
|
12
|
-
}
|
|
13
|
-
));
|
|
14
|
-
Card.displayName = "Card";
|
|
15
|
-
const CardHeader = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React.createElement(
|
|
16
|
-
"div",
|
|
17
|
-
{
|
|
18
|
-
ref,
|
|
19
|
-
className: cn("flex flex-col space-y-1.5 p-6", className),
|
|
20
|
-
...props
|
|
21
|
-
}
|
|
22
|
-
));
|
|
23
|
-
CardHeader.displayName = "CardHeader";
|
|
24
|
-
const CardTitle = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React.createElement(
|
|
25
|
-
"div",
|
|
26
|
-
{
|
|
27
|
-
ref,
|
|
28
|
-
className: cn("font-semibold leading-none tracking-tight", className),
|
|
29
|
-
...props
|
|
30
|
-
}
|
|
31
|
-
));
|
|
32
|
-
CardTitle.displayName = "CardTitle";
|
|
33
|
-
const CardContent = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React.createElement("div", { ref, className: cn("p-6 pt-0", className), ...props }));
|
|
34
|
-
CardContent.displayName = "CardContent";
|
|
35
|
-
export { Card, CardHeader, CardTitle, CardContent };
|
|
@@ -1,23 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.Input = void 0;
|
|
7
|
-
var React = _interopRequireWildcard(require("react"));
|
|
8
|
-
var _utils = require("../../lib/utils.cjs");
|
|
9
|
-
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
|
|
10
|
-
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
11
|
-
const Input = exports.Input = React.forwardRef(({
|
|
12
|
-
className,
|
|
13
|
-
type,
|
|
14
|
-
...props
|
|
15
|
-
}, ref) => {
|
|
16
|
-
return /* @__PURE__ */React.createElement("input", {
|
|
17
|
-
type,
|
|
18
|
-
className: (0, _utils.cn)("flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-sm shadow-sm transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50", className),
|
|
19
|
-
ref,
|
|
20
|
-
...props
|
|
21
|
-
});
|
|
22
|
-
});
|
|
23
|
-
Input.displayName = "Input";
|
|
@@ -1,66 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.TableRow = exports.TableHeader = exports.TableHead = exports.TableCell = exports.TableBody = exports.Table = void 0;
|
|
7
|
-
var React = _interopRequireWildcard(require("react"));
|
|
8
|
-
var _utils = require("../../lib/utils.cjs");
|
|
9
|
-
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
|
|
10
|
-
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
11
|
-
const Table = exports.Table = React.forwardRef(({
|
|
12
|
-
className,
|
|
13
|
-
...props
|
|
14
|
-
}, ref) => /* @__PURE__ */React.createElement("div", {
|
|
15
|
-
className: "relative w-full overflow-auto"
|
|
16
|
-
}, /* @__PURE__ */React.createElement("table", {
|
|
17
|
-
ref,
|
|
18
|
-
className: (0, _utils.cn)("w-full caption-bottom text-sm", className),
|
|
19
|
-
...props
|
|
20
|
-
})));
|
|
21
|
-
Table.displayName = "Table";
|
|
22
|
-
const TableHeader = exports.TableHeader = React.forwardRef(({
|
|
23
|
-
className,
|
|
24
|
-
...props
|
|
25
|
-
}, ref) => /* @__PURE__ */React.createElement("thead", {
|
|
26
|
-
ref,
|
|
27
|
-
className: (0, _utils.cn)("[&_tr]:border-b", className),
|
|
28
|
-
...props
|
|
29
|
-
}));
|
|
30
|
-
TableHeader.displayName = "TableHeader";
|
|
31
|
-
const TableBody = exports.TableBody = React.forwardRef(({
|
|
32
|
-
className,
|
|
33
|
-
...props
|
|
34
|
-
}, ref) => /* @__PURE__ */React.createElement("tbody", {
|
|
35
|
-
ref,
|
|
36
|
-
className: (0, _utils.cn)("[&_tr:last-child]:border-0", className),
|
|
37
|
-
...props
|
|
38
|
-
}));
|
|
39
|
-
TableBody.displayName = "TableBody";
|
|
40
|
-
const TableRow = exports.TableRow = React.forwardRef(({
|
|
41
|
-
className,
|
|
42
|
-
...props
|
|
43
|
-
}, ref) => /* @__PURE__ */React.createElement("tr", {
|
|
44
|
-
ref,
|
|
45
|
-
className: (0, _utils.cn)("border-b transition-colors hover:bg-muted/50 data-[state=selected]:bg-muted", className),
|
|
46
|
-
...props
|
|
47
|
-
}));
|
|
48
|
-
TableRow.displayName = "TableRow";
|
|
49
|
-
const TableHead = exports.TableHead = React.forwardRef(({
|
|
50
|
-
className,
|
|
51
|
-
...props
|
|
52
|
-
}, ref) => /* @__PURE__ */React.createElement("th", {
|
|
53
|
-
ref,
|
|
54
|
-
className: (0, _utils.cn)("h-10 px-2 text-left align-middle font-medium text-muted-foreground [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]", className),
|
|
55
|
-
...props
|
|
56
|
-
}));
|
|
57
|
-
TableHead.displayName = "TableHead";
|
|
58
|
-
const TableCell = exports.TableCell = React.forwardRef(({
|
|
59
|
-
className,
|
|
60
|
-
...props
|
|
61
|
-
}, ref) => /* @__PURE__ */React.createElement("td", {
|
|
62
|
-
ref,
|
|
63
|
-
className: (0, _utils.cn)("p-2 align-middle [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]", className),
|
|
64
|
-
...props
|
|
65
|
-
}));
|
|
66
|
-
TableCell.displayName = "TableCell";
|