@qwickapps/cms 0.2.0

package/dist/admin/components/PagesListHeader.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PagesListHeader.d.ts","sourceRoot":"","sources":["../../../src/admin/components/PagesListHeader.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAIH,OAAO,KAA8B,MAAM,OAAO,CAAC;AACnD,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC;AAErD,OAAO,mCAAmC,CAAC;AAE3C,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CAuF3D,CAAC"}

package/dist/admin/components/PagesListHeader.js

@@ -0,0 +1,48 @@
+/**
+ * Enhanced Pages List Header Component
+ *
+ * Adds Material Design-styled header above the Pages list
+ * Provides quick stats and actions for better UX
+ *
+ * Copyright (c) 2025 QwickApps.com. All rights reserved.
+ */
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useEffect } from 'react';
+import { useListQuery, useConfig } from '@payloadcms/ui';
+import './styles/CollectionListHeader.css';
+export const PagesListHeader = () => {
+    const { data } = useListQuery();
+    const config = useConfig();
+    const [publishedCount, setPublishedCount] = useState(null);
+    const [draftCount, setDraftCount] = useState(null);
+    const totalDocs = data?.totalDocs ?? 0;
+    const serverURL = config?.config?.serverURL || '';
+    // Fetch accurate counts by status
+    useEffect(() => {
+        const fetchCounts = async () => {
+            try {
+                // Fetch published count
+                const publishedRes = await fetch(`${serverURL}/api/pages?where[status][equals]=published&limit=0`, { credentials: 'include' });
+                if (publishedRes.ok) {
+                    const publishedData = await publishedRes.json();
+                    setPublishedCount(publishedData.totalDocs || 0);
+                }
+                // Fetch draft count
+                const draftRes = await fetch(`${serverURL}/api/pages?where[status][equals]=draft&limit=0`, { credentials: 'include' });
+                if (draftRes.ok) {
+                    const draftData = await draftRes.json();
+                    setDraftCount(draftData.totalDocs || 0);
+                }
+            }
+            catch (error) {
+                console.error('Error fetching page counts:', error);
+            }
+        };
+        if (serverURL) {
+            fetchCounts();
+        }
+    }, [serverURL, data?.totalDocs]);
+    return (_jsx("div", { className: "collection-list-header", children: _jsx("div", { className: "collection-list-stats", children: _jsxs("div", { className: "stats-grid", children: [_jsxs("div", { className: "stat-card stat-card-primary", children: [_jsx("div", { className: "stat-icon", children: "\uD83D\uDCC4" }), _jsxs("div", { className: "stat-content", children: [_jsx("div", { className: "stat-label", children: "Total Pages" }), _jsx("div", { className: "stat-value", children: totalDocs })] })] }), _jsxs("div", { className: "stat-card stat-card-success", children: [_jsx("div", { className: "stat-icon", children: "\u2713" }), _jsxs("div", { className: "stat-content", children: [_jsx("div", { className: "stat-label", children: "Published" }), _jsx("div", { className: "stat-value", children: publishedCount === null ? '...' : publishedCount })] })] }), _jsxs("div", { className: "stat-card stat-card-warning", children: [_jsx("div", { className: "stat-icon", children: "\u270E" }), _jsxs("div", { className: "stat-content", children: [_jsx("div", { className: "stat-label", children: "Drafts" }), _jsx("div", { className: "stat-value", children: draftCount === null ? '...' : draftCount })] })] }), _jsxs("div", { className: "stat-card stat-card-info", children: [_jsx("div", { className: "stat-icon", children: "\uD83D\uDCCA" }), _jsxs("div", { className: "stat-content", children: [_jsx("div", { className: "stat-label", children: "Showing" }), _jsxs("div", { className: "stat-value", children: [data?.docs?.length || 0, " of ", totalDocs] })] })] })] }) }) }));
+};
+//# sourceMappingURL=PagesListHeader.js.map

package/dist/admin/components/PagesListHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PagesListHeader.js","sourceRoot":"","sources":["../../../src/admin/components/PagesListHeader.tsx"],"names":[],"mappings":"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"}

package/dist/admin/components/ProductsListHeader.d.ts

@@ -0,0 +1,13 @@
+/**
+ * Enhanced Products List Header Component
+ *
+ * Adds Material Design-styled header above the Products list
+ * Provides quick stats and actions for better UX
+ *
+ * Copyright (c) 2025 QwickApps.com. All rights reserved.
+ */
+import React from 'react';
+import type { BeforeListClientProps } from 'payload';
+import './styles/CollectionListHeader.css';
+export declare const ProductsListHeader: React.FC<BeforeListClientProps>;
+//# sourceMappingURL=ProductsListHeader.d.ts.map

package/dist/admin/components/ProductsListHeader.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProductsListHeader.d.ts","sourceRoot":"","sources":["../../../src/admin/components/ProductsListHeader.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAIH,OAAO,KAA8B,MAAM,OAAO,CAAC;AACnD,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC;AAErD,OAAO,mCAAmC,CAAC;AAE3C,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CAkG9D,CAAC"}

package/dist/admin/components/ProductsListHeader.js

@@ -0,0 +1,55 @@
+/**
+ * Enhanced Products List Header Component
+ *
+ * Adds Material Design-styled header above the Products list
+ * Provides quick stats and actions for better UX
+ *
+ * Copyright (c) 2025 QwickApps.com. All rights reserved.
+ */
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useEffect } from 'react';
+import { useListQuery, useConfig } from '@payloadcms/ui';
+import './styles/CollectionListHeader.css';
+export const ProductsListHeader = () => {
+    const { data } = useListQuery();
+    const config = useConfig();
+    const [activeCount, setActiveCount] = useState(null);
+    const [betaCount, setBetaCount] = useState(null);
+    const [comingSoonCount, setComingSoonCount] = useState(null);
+    const totalDocs = data?.totalDocs ?? 0;
+    const serverURL = config?.config?.serverURL || '';
+    // Fetch accurate counts by status
+    useEffect(() => {
+        const fetchCounts = async () => {
+            try {
+                // Fetch active count
+                const activeRes = await fetch(`${serverURL}/api/products?where[status][equals]=active&limit=0`, { credentials: 'include' });
+                if (activeRes.ok) {
+                    const activeData = await activeRes.json();
+                    setActiveCount(activeData.totalDocs || 0);
+                }
+                // Fetch beta count
+                const betaRes = await fetch(`${serverURL}/api/products?where[status][equals]=beta&limit=0`, { credentials: 'include' });
+                if (betaRes.ok) {
+                    const betaData = await betaRes.json();
+                    setBetaCount(betaData.totalDocs || 0);
+                }
+                // Fetch coming-soon count
+                const comingSoonRes = await fetch(`${serverURL}/api/products?where[status][equals]=coming-soon&limit=0`, { credentials: 'include' });
+                if (comingSoonRes.ok) {
+                    const comingSoonData = await comingSoonRes.json();
+                    setComingSoonCount(comingSoonData.totalDocs || 0);
+                }
+            }
+            catch (error) {
+                console.error('Error fetching product counts:', error);
+            }
+        };
+        if (serverURL) {
+            fetchCounts();
+        }
+    }, [serverURL, data?.totalDocs]);
+    return (_jsx("div", { className: "collection-list-header", children: _jsx("div", { className: "collection-list-stats", children: _jsxs("div", { className: "stats-grid", children: [_jsxs("div", { className: "stat-card stat-card-primary", children: [_jsx("div", { className: "stat-icon", children: "\uD83D\uDCE6" }), _jsxs("div", { className: "stat-content", children: [_jsx("div", { className: "stat-label", children: "Total Products" }), _jsx("div", { className: "stat-value", children: totalDocs })] })] }), _jsxs("div", { className: "stat-card stat-card-success", children: [_jsx("div", { className: "stat-icon", children: "\u2713" }), _jsxs("div", { className: "stat-content", children: [_jsx("div", { className: "stat-label", children: "Active" }), _jsx("div", { className: "stat-value", children: activeCount === null ? '...' : activeCount })] })] }), _jsxs("div", { className: "stat-card stat-card-info", children: [_jsx("div", { className: "stat-icon", children: "\u26A1" }), _jsxs("div", { className: "stat-content", children: [_jsx("div", { className: "stat-label", children: "Beta" }), _jsx("div", { className: "stat-value", children: betaCount === null ? '...' : betaCount })] })] }), _jsxs("div", { className: "stat-card stat-card-warning", children: [_jsx("div", { className: "stat-icon", children: "\u23F0" }), _jsxs("div", { className: "stat-content", children: [_jsx("div", { className: "stat-label", children: "Coming Soon" }), _jsx("div", { className: "stat-value", children: comingSoonCount === null ? '...' : comingSoonCount })] })] })] }) }) }));
+};
+//# sourceMappingURL=ProductsListHeader.js.map

package/dist/admin/components/ProductsListHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProductsListHeader.js","sourceRoot":"","sources":["../../../src/admin/components/ProductsListHeader.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,YAAY,CAAC;;AAEb,OAAc,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEnD,OAAO,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AACzD,OAAO,mCAAmC,CAAC;AAE3C,MAAM,CAAC,MAAM,kBAAkB,GAAoC,GAAG,EAAE;IACtE,MAAM,EAAE,IAAI,EAAE,GAAG,YAAY,EAAE,CAAC;IAChC,MAAM,MAAM,GAAG,SAAS,EAAE,CAAC;IAC3B,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAgB,IAAI,CAAC,CAAC;IACpE,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAgB,IAAI,CAAC,CAAC;IAChE,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,QAAQ,CAAgB,IAAI,CAAC,CAAC;IAE5E,MAAM,SAAS,GAAG,IAAI,EAAE,SAAS,IAAI,CAAC,CAAC;IACvC,MAAM,SAAS,GAAG,MAAM,EAAE,MAAM,EAAE,SAAS,IAAI,EAAE,CAAC;IAElD,kCAAkC;IAClC,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,WAAW,GAAG,KAAK,IAAI,EAAE;YAC7B,IAAI,CAAC;gBACH,qBAAqB;gBACrB,MAAM,SAAS,GAAG,MAAM,KAAK,CAC3B,GAAG,SAAS,oDAAoD,EAChE,EAAE,WAAW,EAAE,SAAS,EAAE,CAC3B,CAAC;gBACF,IAAI,SAAS,CAAC,EAAE,EAAE,CAAC;oBACjB,MAAM,UAAU,GAAG,MAAM,SAAS,CAAC,IAAI,EAAE,CAAC;oBAC1C,cAAc,CAAC,UAAU,CAAC,SAAS,IAAI,CAAC,CAAC,CAAC;gBAC5C,CAAC;gBAED,mBAAmB;gBACnB,MAAM,OAAO,GAAG,MAAM,KAAK,CACzB,GAAG,SAAS,kDAAkD,EAC9D,EAAE,WAAW,EAAE,SAAS,EAAE,CAC3B,CAAC;gBACF,IAAI,OAAO,CAAC,EAAE,EAAE,CAAC;oBACf,MAAM,QAAQ,GAAG,MAAM,OAAO,CAAC,IAAI,EAAE,CAAC;oBACtC,YAAY,CAAC,QAAQ,CAAC,SAAS,IAAI,CAAC,CAAC,CAAC;gBACxC,CAAC;gBAED,0BAA0B;gBAC1B,MAAM,aAAa,GAAG,MAAM,KAAK,CAC/B,GAAG,SAAS,yDAAyD,EACrE,EAAE,WAAW,EAAE,SAAS,EAAE,CAC3B,CAAC;gBACF,IAAI,aAAa,CAAC,EAAE,EAAE,CAAC;oBACrB,MAAM,cAAc,GAAG,MAAM,aAAa,CAAC,IAAI,EAAE,CAAC;oBAClD,kBAAkB,CAAC,cAAc,CAAC,SAAS,IAAI,CAAC,CAAC,CAAC;gBACpD,CAAC;YACH,CAAC;YAAC,OAAO,KAAK,EAAE,CAAC;gBACf,OAAO,CAAC,KAAK,CAAC,gCAAgC,EAAE,KAAK,CAAC,CAAC;YACzD,CAAC;QACH,CAAC,CAAC;QAEF,IAAI,SAAS,EAAE,CAAC;YACd,WAAW,EAAE,CAAC;QAChB,CAAC;IACH,CAAC,EAAE,CAAC,SAAS,EAAE,IAAI,EAAE,SAAS,CAAC,CAAC,CAAC;IAEjC,OAAO,CACL,cAAK,SAAS,EAAC,wBAAwB,YACrC,cAAK,SAAS,EAAC,uBAAuB,YACpC,eAAK,SAAS,EAAC,YAAY,aACzB,eAAK,SAAS,EAAC,6BAA6B,aAC1C,cAAK,SAAS,EAAC,WAAW,6BAAS,EACnC,eAAK,SAAS,EAAC,cAAc,aAC3B,cAAK,SAAS,EAAC,YAAY,+BAAqB,EAChD,cAAK,SAAS,EAAC,YAAY,YAAE,SAAS,GAAO,IACzC,IACF,EAEN,eAAK,SAAS,EAAC,6BAA6B,aAC1C,cAAK,SAAS,EAAC,WAAW,uBAAQ,EAClC,eAAK,SAAS,EAAC,cAAc,aAC3B,cAAK,SAAS,EAAC,YAAY,uBAAa,EACxC,cAAK,SAAS,EAAC,YAAY,YACxB,WAAW,KAAK,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,WAAW,GACvC,IACF,IACF,EAEN,eAAK,SAAS,EAAC,0BAA0B,aACvC,cAAK,SAAS,EAAC,WAAW,uBAAQ,EAClC,eAAK,SAAS,EAAC,cAAc,aAC3B,cAAK,SAAS,EAAC,YAAY,qBAAW,EACtC,cAAK,SAAS,EAAC,YAAY,YACxB,SAAS,KAAK,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,GACnC,IACF,IACF,EAEN,eAAK,SAAS,EAAC,6BAA6B,aAC1C,cAAK,SAAS,EAAC,WAAW,uBAAQ,EAClC,eAAK,SAAS,EAAC,cAAc,aAC3B,cAAK,SAAS,EAAC,YAAY,4BAAkB,EAC7C,cAAK,SAAS,EAAC,YAAY,YACxB,eAAe,KAAK,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,eAAe,GAC/C,IACF,IACF,IACF,GACF,GACF,CACP,CAAC;AACJ,CAAC,CAAC"}

package/dist/admin/components/styles/CollectionListHeader.css

@@ -0,0 +1,161 @@
+/**
+ * Collection List Header Styles
+ * Material Design-inspired styling for enhanced list views
+ *
+ * Copyright (c) 2025 QwickApps.com. All rights reserved.
+ */
+
+.collection-list-header {
+  padding: 0 1.5rem;
+  margin-bottom: 1rem;
+}
+
+.collection-list-stats {
+  padding: 0.875rem;
+  border-radius: 6px;
+  background: var(--theme-elevation-50);
+  border: 1px solid var(--theme-elevation-200);
+  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
+}
+
+.stats-grid {
+  display: grid;
+  grid-template-columns: repeat(4, 1fr);
+  gap: 0.625rem;
+}
+
+@media (max-width: 1200px) {
+  .stats-grid {
+    grid-template-columns: repeat(2, 1fr);
+  }
+}
+
+@media (max-width: 768px) {
+  .stats-grid {
+    grid-template-columns: 1fr;
+  }
+}
+
+.stat-card {
+  display: flex;
+  align-items: center;
+  gap: 0.75rem;
+  padding: 0.75rem 0.875rem;
+  border-radius: 4px;
+  background: var(--theme-elevation-0);
+  border: 1px solid var(--theme-elevation-200);
+  transition: all 0.15s ease;
+  cursor: default;
+  min-height: 56px;
+}
+
+.stat-card:hover {
+  transform: translateY(-1px);
+  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.06);
+}
+
+.stat-card-primary {
+  border-left: 4px solid var(--color-success-500);
+  background: linear-gradient(135deg, var(--theme-elevation-0) 0%, var(--color-success-50) 100%);
+}
+
+.stat-card-success {
+  border-left: 4px solid #10b981;
+  background: linear-gradient(135deg, var(--theme-elevation-0) 0%, rgba(16, 185, 129, 0.05) 100%);
+}
+
+.stat-card-warning {
+  border-left: 4px solid #f59e0b;
+  background: linear-gradient(135deg, var(--theme-elevation-0) 0%, rgba(245, 158, 11, 0.05) 100%);
+}
+
+.stat-card-info {
+  border-left: 4px solid #3b82f6;
+  background: linear-gradient(135deg, var(--theme-elevation-0) 0%, rgba(59, 130, 246, 0.05) 100%);
+}
+
+.stat-icon {
+  font-size: 1.5rem;
+  line-height: 1;
+  opacity: 0.85;
+  flex-shrink: 0;
+}
+
+.stat-content {
+  flex: 1;
+  min-width: 0;
+}
+
+.stat-label {
+  font-size: 0.6875rem;
+  font-weight: 600;
+  text-transform: uppercase;
+  letter-spacing: 0.03em;
+  color: var(--theme-text);
+  opacity: 0.55;
+  margin-bottom: 0.125rem;
+  line-height: 1.2;
+}
+
+.stat-value {
+  font-size: 1.375rem;
+  font-weight: 700;
+  color: var(--theme-text);
+  line-height: 1.1;
+  letter-spacing: -0.01em;
+}
+
+/* Dark mode adjustments */
+html[data-theme='dark'] .collection-list-stats {
+  background: var(--theme-elevation-100) !important;
+  border-color: var(--theme-elevation-400) !important;
+}
+
+html[data-theme='dark'] .stat-card {
+  background: var(--theme-elevation-50);
+  border-color: var(--theme-elevation-400);
+}
+
+html[data-theme='dark'] .stat-card-primary {
+  background: linear-gradient(135deg, var(--theme-elevation-50) 0%, rgba(0, 123, 255, 0.1) 100%);
+}
+
+html[data-theme='dark'] .stat-card-success {
+  background: linear-gradient(135deg, var(--theme-elevation-50) 0%, rgba(16, 185, 129, 0.1) 100%);
+}
+
+html[data-theme='dark'] .stat-card-warning {
+  background: linear-gradient(135deg, var(--theme-elevation-50) 0%, rgba(245, 158, 11, 0.1) 100%);
+}
+
+html[data-theme='dark'] .stat-card-info {
+  background: linear-gradient(135deg, var(--theme-elevation-50) 0%, rgba(59, 130, 246, 0.1) 100%);
+}
+
+/* Responsive adjustments */
+@media (max-width: 768px) {
+  .collection-list-header {
+    padding: 0 1rem;
+  }
+
+  .collection-list-stats {
+    padding: 0.75rem;
+  }
+
+  .stat-card {
+    padding: 0.625rem 0.75rem;
+    min-height: 52px;
+  }
+
+  .stat-icon {
+    font-size: 1.25rem;
+  }
+
+  .stat-label {
+    font-size: 0.625rem;
+  }
+
+  .stat-value {
+    font-size: 1.125rem;
+  }
+}