project-portfolio 1.0.1 → 1.0.2

package/dist/ProjectGrid.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ProjectGrid.d.ts","sourceRoot":"","sources":["../src/ProjectGrid.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,OAAO,EAAE,iBAAiB,EAAoB,MAAM,SAAS,CAAA;AAE3E,UAAU,gBAAgB;IACxB,QAAQ,EAAE,OAAO,EAAE,CAAA;IACnB,MAAM,EAAE,iBAAiB,EAAE,CAAA;IAC3B,kEAAkE;IAClE,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB;AAED,wBAAgB,WAAW,CAAC,EAAE,QAAQ,EAAE,MAAM,EAAE,QAAsB,EAAE,EAAE,gBAAgB,2CA6HzF"}
+{"version":3,"file":"ProjectGrid.d.ts","sourceRoot":"","sources":["../src/ProjectGrid.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,OAAO,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAA;AAEzD,UAAU,gBAAgB;IACxB,QAAQ,EAAE,OAAO,EAAE,CAAA;IACnB,MAAM,EAAE,iBAAiB,EAAE,CAAA;IAC3B,kEAAkE;IAClE,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB;AAED,wBAAgB,WAAW,CAAC,EAAE,QAAQ,EAAE,MAAM,EAAE,QAAsB,EAAE,EAAE,gBAAgB,2CAsBzF"}

package/dist/ProjectGrid.js

@@ -1,64 +1,8 @@
-"use client";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState, useMemo } from "react";
+import { jsx as _jsx } from "react/jsx-runtime";
 import { ProjectCard } from "./ProjectCard";
-import { ProjectFilters } from "./ProjectFilters";
 export function ProjectGrid({ projects, schema, basePath = "/projects" }) {
-    const [filters, setFilters] = useState({});
-    const [variant, setVariant] = useState("card");
-    const filterableFields = useMemo(() => schema.filter((f) => f.is_filterable).sort((a, b) => a.sort_order - b.sort_order), [schema]);
-    const filteredProjects = useMemo(() => {
-        return projects.filter((project) => Object.entries(filters).every(([key, filterValue]) => {
-            if (!filterValue)
-                return true;
-            const field = schema.find((f) => f.key === key);
-            if (!field)
-                return true;
-            const projectValue = project.custom_field_values[key];
-            const parseVal = (v) => {
-                if (Array.isArray(v))
-                    return v.map(String).map((s) => s.replace(/`/g, "").trim());
-                if (typeof v === "string")
-                    return v.replace(/`/g, "").split(",").map((s) => s.trim()).filter(Boolean);
-                return [String(v !== null && v !== void 0 ? v : "")];
-            };
-            if (field.type === "multi-select")
-                return parseVal(projectValue).includes(filterValue);
-            if (field.type === "select")
-                return parseVal(projectValue)[0] === filterValue;
-            if (field.type === "text")
-                return String(projectValue || "").toLowerCase().includes(filterValue.toLowerCase());
-            if (field.type === "location") {
-                const loc = projectValue;
-                if (!loc)
-                    return false;
-                return `${loc.city || ""} ${loc.state || ""}`.toLowerCase().includes(filterValue.toLowerCase());
-            }
-            return true;
-        }));
-    }, [projects, filters, schema]);
-    const handleFilterChange = (key, value) => setFilters((prev) => (Object.assign(Object.assign({}, prev), { [key]: value })));
-    const clearFilters = () => setFilters({});
-    const hasActiveFilters = Object.values(filters).some((v) => v);
-    return (_jsxs("div", { children: [filterableFields.length > 0 && (_jsx(ProjectFilters, { fields: filterableFields, filters: filters, onFilterChange: handleFilterChange, onClearFilters: clearFilters, hasActiveFilters: hasActiveFilters })), _jsxs("div", { style: { display: "flex", alignItems: "center", justifyContent: "space-between", marginBottom: "1.5rem" }, children: [_jsxs("p", { style: { fontSize: "14px", color: "#71717a", margin: 0 }, children: [filteredProjects.length, " ", filteredProjects.length === 1 ? "project" : "projects"] }), _jsxs("div", { style: { display: "flex", alignItems: "center", gap: "4px", border: "1px solid #e4e4e7", borderRadius: "8px", padding: "4px", backgroundColor: "#fff" }, children: [_jsx("button", { onClick: () => setVariant("card"), "aria-label": "Card view", style: {
-                                    padding: "6px",
-                                    border: "none",
-                                    borderRadius: "6px",
-                                    cursor: "pointer",
-                                    backgroundColor: variant === "card" ? "#18181b" : "transparent",
-                                    color: variant === "card" ? "#fff" : "#a1a1aa",
-                                    display: "flex",
-                                    alignItems: "center",
-                                    transition: "background-color 0.2s",
-                                }, children: _jsxs("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: [_jsx("rect", { x: "3", y: "3", width: "7", height: "7" }), _jsx("rect", { x: "14", y: "3", width: "7", height: "7" }), _jsx("rect", { x: "3", y: "14", width: "7", height: "7" }), _jsx("rect", { x: "14", y: "14", width: "7", height: "7" })] }) }), _jsx("button", { onClick: () => setVariant("compact"), "aria-label": "Compact view", style: {
-                                    padding: "6px",
-                                    border: "none",
-                                    borderRadius: "6px",
-                                    cursor: "pointer",
-                                    backgroundColor: variant === "compact" ? "#18181b" : "transparent",
-                                    color: variant === "compact" ? "#fff" : "#a1a1aa",
-                                    display: "flex",
-                                    alignItems: "center",
-                                    transition: "background-color 0.2s",
-                                }, children: _jsxs("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: [_jsx("line", { x1: "3", y1: "6", x2: "21", y2: "6" }), _jsx("line", { x1: "3", y1: "12", x2: "21", y2: "12" }), _jsx("line", { x1: "3", y1: "18", x2: "21", y2: "18" })] }) })] })] }), filteredProjects.length === 0 ? (_jsxs("div", { style: { textAlign: "center", padding: "4rem 0" }, children: [_jsx("p", { style: { color: "#71717a", fontSize: "18px" }, children: "No projects found matching your filters." }), hasActiveFilters && (_jsx("button", { onClick: clearFilters, style: { marginTop: "1rem", background: "none", border: "none", textDecoration: "underline", cursor: "pointer", fontSize: "14px" }, children: "Clear all filters" }))] })) : variant === "compact" ? (_jsx("div", { style: { display: "grid", gridTemplateColumns: "repeat(auto-fill, minmax(340px, 1fr))", gap: "12px" }, children: filteredProjects.map((project, index) => (_jsx(ProjectCard, { project: project, schema: schema, priority: index === 0, variant: "compact", basePath: basePath }, project.id))) })) : (_jsx("div", { style: { display: "grid", gridTemplateColumns: "repeat(auto-fill, minmax(300px, 1fr))", gap: "2rem" }, children: filteredProjects.map((project, index) => (_jsx(ProjectCard, { project: project, schema: schema, priority: index === 0, variant: "card", basePath: basePath }, project.id))) }))] }));
+    if (projects.length === 0) {
+        return (_jsx("div", { style: { textAlign: "center", padding: "4rem 0" }, children: _jsx("p", { style: { color: "#71717a" }, children: "No projects found." }) }));
+    }
+    return (_jsx("div", { style: { display: "grid", gridTemplateColumns: "repeat(auto-fill, minmax(300px, 1fr))", gap: "2rem" }, children: projects.map((project, index) => (_jsx(ProjectCard, { project: project, schema: schema, priority: index === 0, basePath: basePath }, project.id))) }));
 }

package/dist/ProjectPortfolio.d.ts

@@ -27,9 +27,7 @@ export interface ProjectPortfolioProps {
 /**
  * ProjectPortfolio — pure card grid, no chrome.
  *
- * Fetches its own data with two-layer caching:
- * - React.cache() deduplicates within a single render (no double-fetch if used twice on one page)
- * - next: { revalidate: 60 } caches at the Next.js Data Cache layer for 60s across requests
+ * Fetches client and project data directly from the API.
  *
  * Usage:
  *   import { ProjectPortfolio } from "chisel-project-portfolio"

package/dist/ProjectPortfolio.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ProjectPortfolio.d.ts","sourceRoot":"","sources":["../src/ProjectPortfolio.tsx"],"names":[],"mappings":"AAIA,MAAM,WAAW,qBAAqB;IACpC,8DAA8D;IAC9D,UAAU,EAAE,MAAM,CAAA;IAClB,mCAAmC;IACnC,OAAO,EAAE,MAAM,CAAA;IACf,kEAAkE;IAClE,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB;AAgED;;;;;;;;;;;;;;;;;GAiBG;AACH;;;;;;;;;;;;;;;;GAgBG;AACH,wBAAsB,gBAAgB,CAAC,EACrC,UAAU,EACV,OAAO,EACP,QAAsB,GACvB,EAAE,qBAAqB,oDA8BvB"}
+{"version":3,"file":"ProjectPortfolio.d.ts","sourceRoot":"","sources":["../src/ProjectPortfolio.tsx"],"names":[],"mappings":"AAGA,MAAM,WAAW,qBAAqB;IACpC,8DAA8D;IAC9D,UAAU,EAAE,MAAM,CAAA;IAClB,mCAAmC;IACnC,OAAO,EAAE,MAAM,CAAA;IACf,kEAAkE;IAClE,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB;AAyDD;;;;;;;;;;;;;;;;;GAiBG;AACH;;;;;;;;;;;;;;GAcG;AACH,wBAAsB,gBAAgB,CAAC,EACrC,UAAU,EACV,OAAO,EACP,QAAsB,GACvB,EAAE,qBAAqB,oDA8BvB"}

package/dist/ProjectPortfolio.js

@@ -1,15 +1,10 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { cache } from "react";
 import { ProjectCard } from "./ProjectCard";
-// React.cache() deduplicates calls within a single render pass.
-// next: { revalidate: 60 } caches the fetch in Next.js Data Cache for 60s.
-const fetchPortfolioData = cache(async (apiBase, clientSlug) => {
+const fetchPortfolioData = async (apiBase, clientSlug) => {
     var _a, _b, _c, _d, _e, _f, _g, _h, _j;
-    // `next` is a Next.js-specific fetch option not present in the DOM RequestInit type.
-    const nextRevalidateInit = { next: { revalidate: 60 } };
     const [clientRes, projectsRes] = await Promise.all([
-        fetch(`${apiBase}/api/v1/clients/${clientSlug}`, nextRevalidateInit),
-        fetch(`${apiBase}/api/v1/clients/${clientSlug}/projects`, nextRevalidateInit),
+        fetch(`${apiBase}/api/v1/clients/${clientSlug}`),
+        fetch(`${apiBase}/api/v1/clients/${clientSlug}/projects`),
     ]);
     const clientJson = clientRes.ok
         ? await clientRes.json()
@@ -31,7 +26,7 @@ const fetchPortfolioData = cache(async (apiBase, clientSlug) => {
         projects: (_j = projectsJson.data) !== null && _j !== void 0 ? _j : [],
         schema,
     };
-});
+};
 /**
  * ProjectPortfolio — self-contained async server component.
  *
@@ -53,9 +48,7 @@ const fetchPortfolioData = cache(async (apiBase, clientSlug) => {
 /**
  * ProjectPortfolio — pure card grid, no chrome.
  *
- * Fetches its own data with two-layer caching:
- * - React.cache() deduplicates within a single render (no double-fetch if used twice on one page)
- * - next: { revalidate: 60 } caches at the Next.js Data Cache layer for 60s across requests
+ * Fetches client and project data directly from the API.
  *
  * Usage:
  *   import { ProjectPortfolio } from "chisel-project-portfolio"

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "project-portfolio",
-  "version": "1.0.1",
+  "version": "1.0.2",
   "description": "Self-contained project portfolio component for Next.js App Router. Drop in one component, pass a clientSlug and apiBase, done.",
   "keywords": ["nextjs", "react", "portfolio", "projects"],
   "license": "MIT",