@btst/stack 1.4.1 → 1.5.1

package/src/plugins/cms/client/components/shared/default-error.tsx

@@ -0,0 +1,30 @@
+"use client";
+
+import { AlertCircle } from "lucide-react";
+import { Button } from "@workspace/ui/components/button";
+
+interface DefaultErrorProps {
+	error: Error;
+	resetErrorBoundary?: () => void;
+}
+
+export function DefaultError({ error, resetErrorBoundary }: DefaultErrorProps) {
+	return (
+		<div className="flex flex-col items-center justify-center py-12 px-4 text-center">
+			<div className="rounded-full bg-destructive/10 p-4 mb-4">
+				<AlertCircle className="h-8 w-8 text-destructive" />
+			</div>
+			<h3 className="text-lg font-medium text-foreground mb-2">
+				Something went wrong
+			</h3>
+			<p className="text-sm text-muted-foreground mb-4 max-w-sm">
+				{error.message || "An unexpected error occurred"}
+			</p>
+			{resetErrorBoundary && (
+				<Button variant="outline" onClick={resetErrorBoundary}>
+					Try again
+				</Button>
+			)}
+		</div>
+	);
+}

package/src/plugins/cms/client/components/shared/empty-state.tsx

@@ -0,0 +1,26 @@
+"use client";
+
+import { Inbox } from "lucide-react";
+
+interface EmptyStateProps {
+	title: string;
+	description?: string;
+	action?: React.ReactNode;
+}
+
+export function EmptyState({ title, description, action }: EmptyStateProps) {
+	return (
+		<div className="flex flex-col items-center justify-center py-12 px-4 text-center">
+			<div className="rounded-full bg-muted p-4 mb-4">
+				<Inbox className="h-8 w-8 text-muted-foreground" />
+			</div>
+			<h3 className="text-lg font-medium text-foreground mb-2">{title}</h3>
+			{description && (
+				<p className="text-sm text-muted-foreground mb-4 max-w-sm">
+					{description}
+				</p>
+			)}
+			{action}
+		</div>
+	);
+}

package/src/plugins/cms/client/components/shared/page-wrapper.tsx

@@ -0,0 +1,32 @@
+"use client";
+
+import { usePluginOverrides } from "@btst/stack/context";
+import { PageWrapper as SharedPageWrapper } from "@workspace/ui/components/page-wrapper";
+import type { CMSPluginOverrides } from "../../overrides";
+
+export function PageWrapper({
+	children,
+	className,
+	testId,
+}: {
+	children: React.ReactNode;
+	className?: string;
+	testId?: string;
+}) {
+	const { showAttribution } = usePluginOverrides<
+		CMSPluginOverrides,
+		Partial<CMSPluginOverrides>
+	>("cms", {
+		showAttribution: true,
+	});
+
+	return (
+		<SharedPageWrapper
+			className={className}
+			testId={testId}
+			showAttribution={showAttribution}
+		>
+			{children}
+		</SharedPageWrapper>
+	);
+}

package/src/plugins/cms/client/components/shared/pagination.tsx

@@ -0,0 +1,72 @@
+"use client";
+
+import { Button } from "@workspace/ui/components/button";
+import { ChevronLeft, ChevronRight } from "lucide-react";
+import { usePluginOverrides } from "@btst/stack/context";
+import type { CMSPluginOverrides } from "../../overrides";
+import { CMS_LOCALIZATION } from "../../localization";
+
+interface PaginationProps {
+	currentPage: number;
+	totalPages: number;
+	onPageChange: (page: number) => void;
+	total: number;
+	limit: number;
+	offset: number;
+}
+
+export function Pagination({
+	currentPage,
+	totalPages,
+	onPageChange,
+	total,
+	limit,
+	offset,
+}: PaginationProps) {
+	const { localization: customLocalization } =
+		usePluginOverrides<CMSPluginOverrides>("cms");
+	const localization = { ...CMS_LOCALIZATION, ...customLocalization };
+
+	const from = offset + 1;
+	const to = Math.min(offset + limit, total);
+
+	if (totalPages <= 1) {
+		return null;
+	}
+
+	return (
+		<div className="flex items-center justify-between px-4 py-3 border-t">
+			<p className="text-sm text-muted-foreground">
+				{localization.CMS_LIST_PAGINATION_SHOWING.replace(
+					"{from}",
+					String(from),
+				)
+					.replace("{to}", String(to))
+					.replace("{total}", String(total))}
+			</p>
+			<div className="flex items-center gap-2">
+				<Button
+					variant="outline"
+					size="sm"
+					onClick={() => onPageChange(currentPage - 1)}
+					disabled={currentPage === 1}
+				>
+					<ChevronLeft className="h-4 w-4 mr-1" />
+					{localization.CMS_LIST_PAGINATION_PREVIOUS}
+				</Button>
+				<span className="text-sm text-muted-foreground">
+					{currentPage} / {totalPages}
+				</span>
+				<Button
+					variant="outline"
+					size="sm"
+					onClick={() => onPageChange(currentPage + 1)}
+					disabled={currentPage === totalPages}
+				>
+					{localization.CMS_LIST_PAGINATION_NEXT}
+					<ChevronRight className="h-4 w-4 ml-1" />
+				</Button>
+			</div>
+		</div>
+	);
+}