project-portfolio 1.0.2 → 1.0.4

package/package.json

@@ -1,8 +1,13 @@
 {
   "name": "project-portfolio",
-  "version": "1.0.2",
+  "version": "1.0.4",
   "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"],
+  "keywords": [
+    "nextjs",
+    "react",
+    "portfolio",
+    "projects"
+  ],
   "license": "MIT",
   "type": "module",
   "main": "./dist/index.js",
@@ -14,7 +19,9 @@
       "types": "./dist/index.d.ts"
     }
   },
-  "files": ["dist"],
+  "files": [
+    "dist"
+  ],
   "scripts": {
     "build": "tsc",
     "prepublishOnly": "npm run build"
@@ -25,8 +32,10 @@
     "react-dom": ">=18.0.0"
   },
   "devDependencies": {
-    "@types/react": "^18.0.0",
-    "@types/react-dom": "^18.0.0",
+    "@types/react": "^18.3.28",
+    "@types/react-dom": "^18.3.7",
+    "react": "^19.2.4",
+    "react-dom": "^19.2.4",
     "typescript": "^5.0.0"
   }
 }

package/dist/ProjectFilters.d.ts

@@ -1,11 +0,0 @@
-import type { CustomFieldSchema } from "./types";
-interface ProjectFiltersProps {
-    fields: CustomFieldSchema[];
-    filters: Record<string, string>;
-    onFilterChange: (key: string, value: string) => void;
-    onClearFilters: () => void;
-    hasActiveFilters: boolean;
-}
-export declare function ProjectFilters({ fields, filters, onFilterChange, onClearFilters, hasActiveFilters, }: ProjectFiltersProps): import("react/jsx-runtime").JSX.Element;
-export {};
-//# sourceMappingURL=ProjectFilters.d.ts.map

package/dist/ProjectFilters.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ProjectFilters.d.ts","sourceRoot":"","sources":["../src/ProjectFilters.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAA;AAEhD,UAAU,mBAAmB;IAC3B,MAAM,EAAE,iBAAiB,EAAE,CAAA;IAC3B,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;IAC/B,cAAc,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACpD,cAAc,EAAE,MAAM,IAAI,CAAA;IAC1B,gBAAgB,EAAE,OAAO,CAAA;CAC1B;AAED,wBAAgB,cAAc,CAAC,EAC7B,MAAM,EACN,OAAO,EACP,cAAc,EACd,cAAc,EACd,gBAAgB,GACjB,EAAE,mBAAmB,2CA8FrB"}

package/dist/ProjectFilters.js

@@ -1,49 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export function ProjectFilters({ fields, filters, onFilterChange, onClearFilters, hasActiveFilters, }) {
-    const deduped = fields.filter((f, i, arr) => arr.findIndex((x) => x.key === f.key) === i);
-    return (_jsxs("div", { style: {
-            marginBottom: "2rem",
-            paddingBottom: "2rem",
-            borderBottom: "1px solid #e4e4e7",
-            display: "flex",
-            flexWrap: "wrap",
-            alignItems: "flex-end",
-            gap: "1rem",
-        }, children: [deduped.map((field, fieldIndex) => {
-                if (field.type === "select" || field.type === "multi-select") {
-                    return (_jsxs("div", { style: { display: "flex", flexDirection: "column", gap: "6px" }, children: [_jsx("label", { style: { fontSize: "13px", fontWeight: 500, color: "#71717a" }, children: field.name }), _jsxs("select", { value: filters[field.key] || "all", onChange: (e) => onFilterChange(field.key, e.target.value === "all" ? "" : e.target.value), style: {
-                                    width: "180px",
-                                    padding: "8px 12px",
-                                    border: "1px solid #e4e4e7",
-                                    borderRadius: "6px",
-                                    fontSize: "14px",
-                                    backgroundColor: "#fff",
-                                    color: "#18181b",
-                                    outline: "none",
-                                    cursor: "pointer",
-                                }, children: [_jsxs("option", { value: "all", children: ["All ", field.name] }), [...new Set(field.options)].map((option, i) => (_jsx("option", { value: option, children: option }, `${field.key}-opt-${i}`)))] })] }, `filter-${fieldIndex}-${field.key}`));
-                }
-                if (field.type === "text" || field.type === "location") {
-                    return (_jsxs("div", { style: { display: "flex", flexDirection: "column", gap: "6px" }, children: [_jsx("label", { style: { fontSize: "13px", fontWeight: 500, color: "#71717a" }, children: field.name }), _jsx("input", { type: "text", placeholder: `Search ${field.name.toLowerCase()}...`, value: filters[field.key] || "", onChange: (e) => onFilterChange(field.key, e.target.value), style: {
-                                    width: "180px",
-                                    padding: "8px 12px",
-                                    border: "1px solid #e4e4e7",
-                                    borderRadius: "6px",
-                                    fontSize: "14px",
-                                    color: "#18181b",
-                                    outline: "none",
-                                } })] }, `filter-${fieldIndex}-${field.key}`));
-                }
-                return null;
-            }), hasActiveFilters && (_jsx("button", { onClick: onClearFilters, style: {
-                    display: "flex",
-                    alignItems: "center",
-                    gap: "4px",
-                    padding: "8px 12px",
-                    background: "none",
-                    border: "none",
-                    fontSize: "14px",
-                    color: "#71717a",
-                    cursor: "pointer",
-                }, children: "\u00D7 Clear filters" }))] }));
-}