@pipe0/react 1.0.29 → 1.0.31

package/dist/utils/catalog-helpers.mjs

@@ -1,5 +1,5 @@
 import { scoreCatalogSearch } from "@pipe0/base";
-import { BookDashed, Bookmark, Braces, CheckCheck, Hash, HelpCircle, Loader, Pause, ToggleRight, TriangleDashed, Type, X } from "lucide-react";
+import { AtSign, BookDashed, Bookmark, Braces, Calendar, CalendarClock, CheckCheck, Coins, Contact, Globe, Hash, HelpCircle, Loader, MapPin, Pause, Percent, Phone, TextAlignStart, ToggleRight, TriangleDashed, Type, X } from "lucide-react";
 import { rankItem } from "@tanstack/match-sorter-utils";
 
 //#region src/utils/catalog-helpers.tsx
@@ -22,17 +22,46 @@ const FieldTypeIconMap = {
 function getFieldTypeIcon(fieldType) {
 	return FieldTypeIconMap[fieldType];
 }
+const FieldFormatIconMap = {
+	email: AtSign,
+	url: Globe,
+	website_url: Globe,
+	domain: Globe,
+	profile_url: Contact,
+	phone: Phone,
+	date: Calendar,
+	datetime: CalendarClock,
+	address_line_1: MapPin,
+	zip_code: Hash,
+	currency: Coins,
+	percent: Percent,
+	markdown: TextAlignStart,
+	long_text: TextAlignStart,
+	text: Type,
+	int: Hash,
+	decimal: Hash,
+	json_object: Braces,
+	json_list: Braces,
+	json_list_string: Braces
+};
+/**
+* Column icon: the format is the expressive signal (an email column looks
+* different from a date column), the type is the fallback for untyped fields.
+*/
+function getFieldFormatIcon(format, fieldType) {
+	return (format ? FieldFormatIconMap[format] : void 0) ?? getFieldTypeIcon(fieldType);
+}
 function getFieldStatusIcon(fieldStatus) {
 	return fieldStatusIconMap[fieldStatus];
 }
 const fuzzyFilter = (row, columnId, value, addMeta) => {
 	const itemRank = rankItem(row.getValue(columnId), value);
-	addMeta({ itemRank });
+	addMeta?.({ itemRank });
 	return itemRank.passed;
 };
 const catalogSearchFilter = (row, columnId, value, addMeta) => {
 	const score = scoreCatalogSearch(row.getValue(columnId), String(value ?? ""));
-	addMeta({ searchScore: score });
+	addMeta?.({ searchScore: score });
 	return score > 0;
 };
 const catalogSearchSort = (rowA, rowB, columnId) => {
@@ -40,5 +69,5 @@ const catalogSearchSort = (rowA, rowB, columnId) => {
 };
 
 //#endregion
-export { catalogSearchFilter, catalogSearchSort, fuzzyFilter, getFieldStatusIcon, getFieldTypeIcon };
+export { catalogSearchFilter, catalogSearchSort, fuzzyFilter, getFieldFormatIcon, getFieldStatusIcon, getFieldTypeIcon };
 //# sourceMappingURL=catalog-helpers.mjs.map

package/dist/utils/catalog-helpers.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"catalog-helpers.mjs","names":[],"sources":["../../src/utils/catalog-helpers.tsx"],"sourcesContent":["import { type RecordFieldStatus, type RecordFieldType, scoreCatalogSearch } from \"@pipe0/base\";\nimport { rankItem } from \"@tanstack/match-sorter-utils\";\nimport type { FilterFn, SortingFn } from \"@tanstack/react-table\";\nimport {\n  BookDashed,\n  Bookmark,\n  Braces,\n  CheckCheck,\n  Hash,\n  HelpCircle,\n  Loader,\n  Pause,\n  ToggleRight,\n  TriangleDashed,\n  Type,\n  X,\n} from \"lucide-react\";\nimport type { ComponentType } from \"react\";\n\nconst fieldStatusIconMap = {\n  completed: CheckCheck,\n  failed: X,\n  no_result: BookDashed,\n  pending: Bookmark,\n  processing: Loader,\n  queued: Pause,\n  skipped: TriangleDashed,\n} satisfies Record<RecordFieldStatus, ComponentType>;\n\nconst FieldTypeIconMap = {\n  boolean: ToggleRight,\n  json: Braces,\n  number: Hash,\n  string: Type,\n  unknown: HelpCircle,\n} satisfies Record<RecordFieldType, ComponentType>;\n\nexport function getFieldTypeIcon(fieldType: RecordFieldType) {\n  return FieldTypeIconMap[fieldType];\n}\n\nexport function getFieldStatusIcon(fieldStatus: RecordFieldStatus) {\n  return fieldStatusIconMap[fieldStatus];\n}\n\nexport const fuzzyFilter: FilterFn<any> = (row, columnId, value, addMeta) => {\n  const itemRank = rankItem(row.getValue(columnId), value);\n  addMeta({ itemRank });\n  return itemRank.passed;\n};\n\n// Global-filter fn for the catalog tables' hidden \"search\" column (its value\n// is a precomputed CatalogSearchTarget). Stashes the score so\n// catalogSearchSort can order rows by relevance while a query is active.\nexport const catalogSearchFilter: FilterFn<any> = (row, columnId, value, addMeta) => {\n  const score = scoreCatalogSearch(row.getValue(columnId), String(value ?? \"\"));\n  addMeta({ searchScore: score } as any);\n  return score > 0;\n};\n\nexport const catalogSearchSort: SortingFn<any> = (rowA, rowB, columnId) => {\n  const a = (rowA.columnFiltersMeta[columnId] as any)?.searchScore ?? 0;\n  const b = (rowB.columnFiltersMeta[columnId] as any)?.searchScore ?? 0;\n  return a - b; // paired with `desc: true` → highest score first\n};\n"],"mappings":";;;;;AAmBA,MAAM,qBAAqB;CACzB,WAAW;CACX,QAAQ;CACR,WAAW;CACX,SAAS;CACT,YAAY;CACZ,QAAQ;CACR,SAAS;CACV;AAED,MAAM,mBAAmB;CACvB,SAAS;CACT,MAAM;CACN,QAAQ;CACR,QAAQ;CACR,SAAS;CACV;AAED,SAAgB,iBAAiB,WAA4B;AAC3D,QAAO,iBAAiB;;AAG1B,SAAgB,mBAAmB,aAAgC;AACjE,QAAO,mBAAmB;;AAG5B,MAAa,eAA8B,KAAK,UAAU,OAAO,YAAY;CAC3E,MAAM,WAAW,SAAS,IAAI,SAAS,SAAS,EAAE,MAAM;AACxD,SAAQ,EAAE,UAAU,CAAC;AACrB,QAAO,SAAS;;AAMlB,MAAa,uBAAsC,KAAK,UAAU,OAAO,YAAY;CACnF,MAAM,QAAQ,mBAAmB,IAAI,SAAS,SAAS,EAAE,OAAO,SAAS,GAAG,CAAC;AAC7E,SAAQ,EAAE,aAAa,OAAO,CAAQ;AACtC,QAAO,QAAQ;;AAGjB,MAAa,qBAAqC,MAAM,MAAM,aAAa;AAGzE,SAFW,KAAK,kBAAkB,WAAmB,eAAe,MACzD,KAAK,kBAAkB,WAAmB,eAAe"}
+{"version":3,"file":"catalog-helpers.mjs","names":[],"sources":["../../src/utils/catalog-helpers.tsx"],"sourcesContent":["import {\n  type CatalogSearchTarget,\n  type RecordFieldFormat,\n  type RecordFieldStatus,\n  type RecordFieldType,\n  scoreCatalogSearch,\n} from \"@pipe0/base\";\nimport { type RankingInfo, rankItem } from \"@tanstack/match-sorter-utils\";\nimport type { FilterFn, RowData, SortFn, TableFeatures } from \"@tanstack/react-table\";\nimport {\n  AtSign,\n  BookDashed,\n  Bookmark,\n  Braces,\n  Calendar,\n  CalendarClock,\n  CheckCheck,\n  Coins,\n  Contact,\n  Globe,\n  Hash,\n  HelpCircle,\n  Loader,\n  MapPin,\n  Pause,\n  Percent,\n  Phone,\n  TextAlignStart,\n  ToggleRight,\n  TriangleDashed,\n  Type,\n  X,\n} from \"lucide-react\";\nimport type { ComponentType } from \"react\";\n\nconst fieldStatusIconMap = {\n  completed: CheckCheck,\n  failed: X,\n  no_result: BookDashed,\n  pending: Bookmark,\n  processing: Loader,\n  queued: Pause,\n  skipped: TriangleDashed,\n} satisfies Record<RecordFieldStatus, ComponentType>;\n\nconst FieldTypeIconMap = {\n  boolean: ToggleRight,\n  json: Braces,\n  number: Hash,\n  string: Type,\n  unknown: HelpCircle,\n} satisfies Record<RecordFieldType, ComponentType>;\n\nexport function getFieldTypeIcon(fieldType: RecordFieldType) {\n  return FieldTypeIconMap[fieldType];\n}\n\nconst FieldFormatIconMap: Partial<Record<NonNullable<RecordFieldFormat>, ComponentType>> = {\n  email: AtSign,\n  url: Globe,\n  website_url: Globe,\n  domain: Globe,\n  profile_url: Contact,\n  phone: Phone,\n  date: Calendar,\n  datetime: CalendarClock,\n  address_line_1: MapPin,\n  zip_code: Hash,\n  currency: Coins,\n  percent: Percent,\n  markdown: TextAlignStart,\n  long_text: TextAlignStart,\n  text: Type,\n  int: Hash,\n  decimal: Hash,\n  json_object: Braces,\n  json_list: Braces,\n  json_list_string: Braces,\n};\n\n/**\n * Column icon: the format is the expressive signal (an email column looks\n * different from a date column), the type is the fallback for untyped fields.\n */\nexport function getFieldFormatIcon(format: RecordFieldFormat, fieldType: RecordFieldType) {\n  return (format ? FieldFormatIconMap[format] : undefined) ?? getFieldTypeIcon(fieldType);\n}\n\nexport function getFieldStatusIcon(fieldStatus: RecordFieldStatus) {\n  return fieldStatusIconMap[fieldStatus];\n}\n\n/** Filter meta the catalog filter fns attach to rows, read back by the sort fns. */\nexport interface CatalogFilterMeta {\n  itemRank?: RankingInfo;\n  searchScore?: number;\n}\n\n// Docs idiom (fuzzy-filtering guide): a features type that only carries the\n// meta shape, so these fns are not coupled to one exact features object.\nexport type CatalogSearchFeatures = TableFeatures & { filterMeta: CatalogFilterMeta };\n\nexport const fuzzyFilter: FilterFn<CatalogSearchFeatures, RowData> = (\n  row,\n  columnId,\n  value,\n  addMeta,\n) => {\n  const itemRank = rankItem(row.getValue(columnId), value);\n  addMeta?.({ itemRank });\n  return itemRank.passed;\n};\n\n// Global-filter fn for the catalog tables' hidden \"search\" column (its value\n// is a precomputed CatalogSearchTarget). Stashes the score so\n// catalogSearchSort can order rows by relevance while a query is active.\nexport const catalogSearchFilter: FilterFn<CatalogSearchFeatures, RowData> = (\n  row,\n  columnId,\n  value,\n  addMeta,\n) => {\n  const score = scoreCatalogSearch(\n    row.getValue<CatalogSearchTarget>(columnId),\n    String(value ?? \"\"),\n  );\n  addMeta?.({ searchScore: score });\n  return score > 0;\n};\n\nexport const catalogSearchSort: SortFn<CatalogSearchFeatures, RowData> = (rowA, rowB, columnId) => {\n  const a = rowA.columnFiltersMeta[columnId]?.searchScore ?? 0;\n  const b = rowB.columnFiltersMeta[columnId]?.searchScore ?? 0;\n  return a - b; // paired with `desc: true` → highest score first\n};\n"],"mappings":";;;;;AAmCA,MAAM,qBAAqB;CACzB,WAAW;CACX,QAAQ;CACR,WAAW;CACX,SAAS;CACT,YAAY;CACZ,QAAQ;CACR,SAAS;CACV;AAED,MAAM,mBAAmB;CACvB,SAAS;CACT,MAAM;CACN,QAAQ;CACR,QAAQ;CACR,SAAS;CACV;AAED,SAAgB,iBAAiB,WAA4B;AAC3D,QAAO,iBAAiB;;AAG1B,MAAM,qBAAqF;CACzF,OAAO;CACP,KAAK;CACL,aAAa;CACb,QAAQ;CACR,aAAa;CACb,OAAO;CACP,MAAM;CACN,UAAU;CACV,gBAAgB;CAChB,UAAU;CACV,UAAU;CACV,SAAS;CACT,UAAU;CACV,WAAW;CACX,MAAM;CACN,KAAK;CACL,SAAS;CACT,aAAa;CACb,WAAW;CACX,kBAAkB;CACnB;;;;;AAMD,SAAgB,mBAAmB,QAA2B,WAA4B;AACxF,SAAQ,SAAS,mBAAmB,UAAU,WAAc,iBAAiB,UAAU;;AAGzF,SAAgB,mBAAmB,aAAgC;AACjE,QAAO,mBAAmB;;AAa5B,MAAa,eACX,KACA,UACA,OACA,YACG;CACH,MAAM,WAAW,SAAS,IAAI,SAAS,SAAS,EAAE,MAAM;AACxD,WAAU,EAAE,UAAU,CAAC;AACvB,QAAO,SAAS;;AAMlB,MAAa,uBACX,KACA,UACA,OACA,YACG;CACH,MAAM,QAAQ,mBACZ,IAAI,SAA8B,SAAS,EAC3C,OAAO,SAAS,GAAG,CACpB;AACD,WAAU,EAAE,aAAa,OAAO,CAAC;AACjC,QAAO,QAAQ;;AAGjB,MAAa,qBAA6D,MAAM,MAAM,aAAa;AAGjG,SAFU,KAAK,kBAAkB,WAAW,eAAe,MACjD,KAAK,kBAAkB,WAAW,eAAe"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pipe0/react",
-  "version": "1.0.29",
+  "version": "1.0.31",
   "description": "React component library for building forms and catalogs powered by pipe0 pipes and searches.",
   "license": "MIT",
   "author": "pipe0",
@@ -71,7 +71,7 @@
     "@hookform/resolvers": "^5.2.1",
     "@radix-ui/react-slot": "^1.2.2",
     "@tanstack/match-sorter-utils": "^8.19.4",
-    "@tanstack/react-table": "^8.21.3",
+    "@tanstack/react-table": "^9.2.4",
     "@tiptap/core": "^3.7.2",
     "@tiptap/pm": "^3.7.2",
     "@tiptap/react": "^3.7.2",
@@ -85,7 +85,7 @@
     "react-hook-form": "^7.62.0",
     "swr": "^2.4.1",
     "tailwind-merge": "^3.3.1",
-    "@pipe0/base": "1.0.29"
+    "@pipe0/base": "1.0.31"
   },
   "devDependencies": {
     "@base-ui/react": "^1.6.0",