@ai-matrx/design-system 0.14.3 → 0.15.2

package/dist/data-table/xlsx.js

@@ -0,0 +1,70 @@
+"use client";
+
+// src/data-table/tableXlsx.ts
+import * as XLSX from "xlsx";
+
+// src/data-table/filter-engine.ts
+function columnId(col) {
+  if (col.id) return col.id;
+  if (col.accessorKey) return String(col.accessorKey);
+  throw new Error("MatrxDataTable column requires `id` or `accessorKey`");
+}
+function getCellValue(row, col) {
+  if (col.accessorFn) return col.accessorFn(row);
+  if (col.accessorKey) {
+    return row[col.accessorKey];
+  }
+  return void 0;
+}
+function stringifyCellValue(value) {
+  if (value == null) return "";
+  if (typeof value === "string") return value;
+  if (typeof value === "number" || typeof value === "boolean") {
+    return String(value);
+  }
+  if (value instanceof Date) return value.toISOString();
+  try {
+    return JSON.stringify(value);
+  } catch {
+    return String(value);
+  }
+}
+
+// src/data-table/tableXlsx.ts
+function downloadTableAsXlsx({
+  rows,
+  columns,
+  label
+}) {
+  const visibleColumns = columns.filter(
+    (column) => column.filter !== false || column.accessorKey
+  );
+  const headers = visibleColumns.map(
+    (column) => typeof column.header === "string" ? column.header : columnId(column)
+  );
+  const values = rows.map(
+    (row) => visibleColumns.map(
+      (column) => stringifyCellValue(getCellValue(row, column))
+    )
+  );
+  const worksheet = XLSX.utils.aoa_to_sheet([headers, ...values]);
+  const workbook = XLSX.utils.book_new();
+  const sheetName = label.replace(/[\\/?*[\]:]/g, " ").trim().slice(0, 31) || "Data";
+  XLSX.utils.book_append_sheet(workbook, worksheet, sheetName);
+  const bytes = XLSX.write(workbook, {
+    type: "array",
+    bookType: "xlsx",
+    compression: true
+  });
+  const blob = new Blob([bytes], { type: "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet" });
+  const url = URL.createObjectURL(blob);
+  const anchor = document.createElement("a");
+  anchor.href = url;
+  anchor.download = `${label.toLowerCase().replace(/[^a-z0-9]+/g, "-") || "table"}.xlsx`;
+  anchor.click();
+  URL.revokeObjectURL(url);
+}
+export {
+  downloadTableAsXlsx
+};
+//# sourceMappingURL=xlsx.js.map

package/dist/data-table/xlsx.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/data-table/tableXlsx.ts","../../src/data-table/filter-engine.ts"],"sourcesContent":["import * as XLSX from \"xlsx\";\n\nimport { columnId, getCellValue, stringifyCellValue } from \"./filter-engine\";\nimport type { MatrxColumnDef } from \"./types\";\n\n/**\n * Download the same visible columns and rendered cell values used by the\n * canonical table's CSV export as a real Excel workbook. This module is loaded\n * only after the user chooses Excel from the unified action menu.\n */\nexport function downloadTableAsXlsx<T>({\n  rows,\n  columns,\n  label,\n}: {\n  rows: T[];\n  columns: MatrxColumnDef<T>[];\n  label: string;\n}) {\n  const visibleColumns = columns.filter(\n    (column) => column.filter !== false || column.accessorKey,\n  );\n  const headers = visibleColumns.map((column) =>\n    typeof column.header === \"string\" ? column.header : columnId(column),\n  );\n  const values = rows.map((row) =>\n    visibleColumns.map((column) =>\n      stringifyCellValue(getCellValue(row, column)),\n    ),\n  );\n  const worksheet = XLSX.utils.aoa_to_sheet([headers, ...values]);\n  const workbook = XLSX.utils.book_new();\n  const sheetName = label.replace(/[\\\\/?*[\\]:]/g, \" \").trim().slice(0, 31) || \"Data\";\n  XLSX.utils.book_append_sheet(workbook, worksheet, sheetName);\n  const bytes = XLSX.write(workbook, {\n    type: \"array\",\n    bookType: \"xlsx\",\n    compression: true,\n  });\n  const blob = new Blob([bytes], { type: \"application/vnd.openxmlformats-officedocument.spreadsheetml.sheet\" });\n  const url = URL.createObjectURL(blob);\n  const anchor = document.createElement(\"a\");\n  anchor.href = url;\n  anchor.download = `${label.toLowerCase().replace(/[^a-z0-9]+/g, \"-\") || \"table\"}.xlsx`;\n  anchor.click();\n  URL.revokeObjectURL(url);\n}\n","import type {\n  ColumnFilterValue,\n  ColumnFiltersState,\n  MatrxColumnDef,\n  SortState,\n  TableSearchMatchMode,\n} from \"./types\";\nimport {\n  completeLayeredFilterRules,\n  layeredFilterMatchesValue,\n  type LayeredFilterRule,\n} from \"./layered-filters\";\n\n/**\n * Sentinel select-filter values for \"no value\" / \"any value\" — every select\n * filter offers them automatically when the column has empty cells, so any\n * table can isolate rows missing a value (or having one) without extra config.\n */\nexport const SELECT_EMPTY_VALUE = \"__empty__\";\nexport const SELECT_NOT_EMPTY_VALUE = \"__not_empty__\";\n\nexport function columnId<T>(col: MatrxColumnDef<T>): string {\n  if (col.id) return col.id;\n  if (col.accessorKey) return String(col.accessorKey);\n  throw new Error(\"MatrxDataTable column requires `id` or `accessorKey`\");\n}\n\nexport function getCellValue<T>(row: T, col: MatrxColumnDef<T>): unknown {\n  if (col.accessorFn) return col.accessorFn(row);\n  if (col.accessorKey) {\n    return (row as Record<string, unknown>)[col.accessorKey];\n  }\n  return undefined;\n}\n\nexport function getFilterValue<T>(row: T, col: MatrxColumnDef<T>): unknown {\n  return col.filterValue ? col.filterValue(row) : getCellValue(row, col);\n}\n\nexport function getSortValue<T>(row: T, col: MatrxColumnDef<T>): unknown {\n  return col.sortValue ? col.sortValue(row) : getCellValue(row, col);\n}\n\nexport function stringifyCellValue(value: unknown): string {\n  if (value == null) return \"\";\n  if (typeof value === \"string\") return value;\n  if (typeof value === \"number\" || typeof value === \"boolean\") {\n    return String(value);\n  }\n  if (value instanceof Date) return value.toISOString();\n  try {\n    return JSON.stringify(value);\n  } catch {\n    return String(value);\n  }\n}\n\n/** Unicode-aware tokenization shared by whole-word table search. */\nexport function tableSearchWords(value: string): string[] {\n  return value\n    .toLocaleLowerCase()\n    .split(/[^\\p{L}\\p{N}]+/u)\n    .filter(Boolean);\n}\n\n/**\n * Match the primary table search against one row's searchable text. In\n * whole-word mode every entered word must exist as a complete token, so\n * `are` matches `we are ready` but never `hardware`.\n */\nexport function matchesTableSearch(\n  searchableText: string,\n  query: string,\n  mode: TableSearchMatchMode = \"contains\",\n): boolean {\n  const normalizedQuery = query.trim().toLocaleLowerCase();\n  if (!normalizedQuery) return true;\n  if (mode === \"contains\") {\n    return searchableText.toLocaleLowerCase().includes(normalizedQuery);\n  }\n  const actualWords = new Set(tableSearchWords(searchableText));\n  const expectedWords = tableSearchWords(normalizedQuery);\n  return (\n    expectedWords.length > 0 &&\n    expectedWords.every((word) => actualWords.has(word))\n  );\n}\n\nfunction compareValues(a: unknown, b: unknown): number {\n  if (a == null && b == null) return 0;\n  if (a == null) return -1;\n  if (b == null) return 1;\n  if (typeof a === \"number\" && typeof b === \"number\") return a - b;\n  if (typeof a === \"boolean\" && typeof b === \"boolean\") {\n    return Number(a) - Number(b);\n  }\n  return stringifyCellValue(a).localeCompare(stringifyCellValue(b), undefined, {\n    numeric: true,\n    sensitivity: \"base\",\n  });\n}\n\nexport function passesColumnFilter(\n  value: unknown,\n  filter: ColumnFilterValue,\n): boolean {\n  const matches = (() => {\n    switch (filter.kind) {\n    case \"text\": {\n      const s = stringifyCellValue(value);\n      if (filter.mode === \"null\") return value == null;\n      if (filter.mode === \"not_null\") return value != null;\n      if (filter.mode === \"empty\") return s.trim() === \"\";\n      if (filter.mode === \"not_empty\") return s.trim() !== \"\";\n      const q = filter.value.trim().toLowerCase();\n      if (!q) return true;\n      return s.toLowerCase().includes(q);\n    }\n    case \"select\": {\n      const selected =\n        filter.values ??\n        (filter.value && filter.value !== \"__all__\" ? [filter.value] : []);\n      if (selected.length === 0) return true;\n      const s = stringifyCellValue(value);\n      // OR semantics across the set; sentinels compose (\"A or (empty)\").\n      return selected.some((v) =>\n        v === SELECT_EMPTY_VALUE\n          ? s === \"\"\n          : v === SELECT_NOT_EMPTY_VALUE\n            ? s !== \"\"\n            : s === v,\n      );\n    }\n    case \"boolean\": {\n      return Boolean(value) === filter.value;\n    }\n    case \"number\": {\n      const n =\n        typeof value === \"number\"\n          ? value\n          : Number(stringifyCellValue(value).replace(/[^0-9.-]/g, \"\"));\n      if (Number.isNaN(n)) return false;\n      if (filter.min !== undefined && n < filter.min) return false;\n      if (filter.max !== undefined && n > filter.max) return false;\n      return true;\n    }\n    }\n  })();\n  return filter.negated ? !matches : matches;\n}\n\nexport function filterAndSortRows<T>(\n  rows: T[],\n  columns: MatrxColumnDef<T>[],\n  columnFilters: ColumnFiltersState,\n  sort: SortState | null,\n  globalSearch: string,\n  anyOf?: { columnIds: string[]; query: string },\n  layeredFilters?: readonly LayeredFilterRule[],\n  globalSearchMode: TableSearchMatchMode = \"contains\",\n  searchText?: (row: T) => string,\n): T[] {\n  const colById = new Map(columns.map((c) => [columnId(c), c]));\n  const q = globalSearch.trim().toLowerCase();\n  const anyQ = anyOf?.query.trim().toLowerCase() ?? \"\";\n  const activeLayeredFilters = completeLayeredFilterRules(layeredFilters);\n\n  let result = rows.filter((row) => {\n    for (const [id, filter] of Object.entries(columnFilters)) {\n      if (!filter) continue;\n      const col = colById.get(id);\n      if (!col || col.filter === false) continue;\n      if (!passesColumnFilter(getFilterValue(row, col), filter)) return false;\n    }\n\n    for (const rule of activeLayeredFilters) {\n      const col = colById.get(rule.field);\n      if (!col || !layeredFilterMatchesValue(getFilterValue(row, col), rule)) {\n        return false;\n      }\n    }\n\n    if (anyQ && anyOf) {\n      const hit = anyOf.columnIds.some((id) => {\n        const col = colById.get(id);\n        if (!col) return false;\n        return stringifyCellValue(getFilterValue(row, col))\n          .toLowerCase()\n          .includes(anyQ);\n      });\n      if (!hit) return false;\n    }\n\n    if (!q) return true;\n    const searchableValues = columns\n      .filter(\n        (col) =>\n          col.filter !== false || Boolean(col.accessorKey || col.accessorFn),\n      )\n      .map((col) => stringifyCellValue(getFilterValue(row, col)));\n    const additionalSearchText = searchText?.(row);\n    if (additionalSearchText) searchableValues.push(additionalSearchText);\n    if (globalSearchMode === \"contains\") {\n      return searchableValues.some((value) =>\n        matchesTableSearch(value, q, \"contains\"),\n      );\n    }\n    return matchesTableSearch(searchableValues.join(\" \"), q, \"whole_words\");\n  });\n\n  if (sort) {\n    const col = colById.get(sort.id);\n    if (col && col.sortable !== false) {\n      const dir = sort.direction === \"asc\" ? 1 : -1;\n      result = [...result].sort((a, b) => {\n        const va = getSortValue(a, col);\n        const vb = getSortValue(b, col);\n        // Empty cells (null / \"\") sort LAST in both directions — sorting a\n        // column should surface its values, never a wall of blanks.\n        const ea = va == null || stringifyCellValue(va) === \"\";\n        const eb = vb == null || stringifyCellValue(vb) === \"\";\n        if (ea !== eb) return ea ? 1 : -1;\n        return compareValues(va, vb) * dir;\n      });\n    }\n  }\n\n  return result;\n}\n\nexport function countActiveColumnFilters(filters: ColumnFiltersState): number {\n  let n = 0;\n  for (const f of Object.values(filters)) {\n    if (!f) continue;\n    switch (f.kind) {\n      case \"text\":\n        if (f.value.trim() || (f.mode && f.mode !== \"contains\")) n += 1;\n        break;\n      case \"select\":\n        if (f.values ? f.values.length > 0 : f.value && f.value !== \"__all__\")\n          n += 1;\n        break;\n      case \"boolean\":\n        n += 1;\n        break;\n      case \"number\":\n        if (f.min !== undefined || f.max !== undefined) n += 1;\n        break;\n    }\n  }\n  return n;\n}\n\nexport function isColumnFilterActive(\n  filter: ColumnFilterValue | undefined,\n): boolean {\n  if (!filter) return false;\n  switch (filter.kind) {\n    case \"text\":\n      return (\n        filter.value.trim().length > 0 ||\n        (filter.mode !== undefined && filter.mode !== \"contains\")\n      );\n    case \"select\":\n      return filter.values\n        ? filter.values.length > 0\n        : Boolean(filter.value) && filter.value !== \"__all__\";\n    case \"boolean\":\n      return true;\n    case \"number\":\n      return filter.min !== undefined || filter.max !== undefined;\n  }\n}\n\n/** Apply draft edits onto a row for display (shallow field merge). */\nexport function applyRowEdits<T>(\n  row: T,\n  edits: Record<string, unknown> | undefined,\n): T {\n  if (!edits || Object.keys(edits).length === 0) return row;\n  return { ...row, ...edits };\n}\n"],"mappings":";;;AAAA,YAAY,UAAU;;;ACqBf,SAAS,SAAY,KAAgC;AAC1D,MAAI,IAAI,GAAI,QAAO,IAAI;AACvB,MAAI,IAAI,YAAa,QAAO,OAAO,IAAI,WAAW;AAClD,QAAM,IAAI,MAAM,sDAAsD;AACxE;AAEO,SAAS,aAAgB,KAAQ,KAAiC;AACvE,MAAI,IAAI,WAAY,QAAO,IAAI,WAAW,GAAG;AAC7C,MAAI,IAAI,aAAa;AACnB,WAAQ,IAAgC,IAAI,WAAW;AAAA,EACzD;AACA,SAAO;AACT;AAUO,SAAS,mBAAmB,OAAwB;AACzD,MAAI,SAAS,KAAM,QAAO;AAC1B,MAAI,OAAO,UAAU,SAAU,QAAO;AACtC,MAAI,OAAO,UAAU,YAAY,OAAO,UAAU,WAAW;AAC3D,WAAO,OAAO,KAAK;AAAA,EACrB;AACA,MAAI,iBAAiB,KAAM,QAAO,MAAM,YAAY;AACpD,MAAI;AACF,WAAO,KAAK,UAAU,KAAK;AAAA,EAC7B,QAAQ;AACN,WAAO,OAAO,KAAK;AAAA,EACrB;AACF;;;AD7CO,SAAS,oBAAuB;AAAA,EACrC;AAAA,EACA;AAAA,EACA;AACF,GAIG;AACD,QAAM,iBAAiB,QAAQ;AAAA,IAC7B,CAAC,WAAW,OAAO,WAAW,SAAS,OAAO;AAAA,EAChD;AACA,QAAM,UAAU,eAAe;AAAA,IAAI,CAAC,WAClC,OAAO,OAAO,WAAW,WAAW,OAAO,SAAS,SAAS,MAAM;AAAA,EACrE;AACA,QAAM,SAAS,KAAK;AAAA,IAAI,CAAC,QACvB,eAAe;AAAA,MAAI,CAAC,WAClB,mBAAmB,aAAa,KAAK,MAAM,CAAC;AAAA,IAC9C;AAAA,EACF;AACA,QAAM,YAAiB,WAAM,aAAa,CAAC,SAAS,GAAG,MAAM,CAAC;AAC9D,QAAM,WAAgB,WAAM,SAAS;AACrC,QAAM,YAAY,MAAM,QAAQ,gBAAgB,GAAG,EAAE,KAAK,EAAE,MAAM,GAAG,EAAE,KAAK;AAC5E,EAAK,WAAM,kBAAkB,UAAU,WAAW,SAAS;AAC3D,QAAM,QAAa,WAAM,UAAU;AAAA,IACjC,MAAM;AAAA,IACN,UAAU;AAAA,IACV,aAAa;AAAA,EACf,CAAC;AACD,QAAM,OAAO,IAAI,KAAK,CAAC,KAAK,GAAG,EAAE,MAAM,oEAAoE,CAAC;AAC5G,QAAM,MAAM,IAAI,gBAAgB,IAAI;AACpC,QAAM,SAAS,SAAS,cAAc,GAAG;AACzC,SAAO,OAAO;AACd,SAAO,WAAW,GAAG,MAAM,YAAY,EAAE,QAAQ,eAAe,GAAG,KAAK,OAAO;AAC/E,SAAO,MAAM;AACb,MAAI,gBAAgB,GAAG;AACzB;","names":[]}

package/dist/index.cjs

@@ -572,7 +572,9 @@ var import_vaul = require("vaul");
 // src/radix-dialog-modal-context.tsx
 var React2 = __toESM(require("react"), 1);
 var import_jsx_runtime4 = require("react/jsx-runtime");
-var RadixDialogModalContext = React2.createContext(true);
+var CONTEXT_SLOT = /* @__PURE__ */ Symbol.for("ai-matrx.design-system.dialog-modal-context");
+var contextRegistry = globalThis;
+var RadixDialogModalContext = contextRegistry[CONTEXT_SLOT] ??= React2.createContext(true);
 function RadixDialogModalProvider({
   children,
   modal
@@ -1019,9 +1021,9 @@ var FORBIDDEN_HOST_MOTION_UTILITIES = [
 // src/portal-container.tsx
 var React6 = __toESM(require("react"), 1);
 var import_jsx_runtime9 = require("react/jsx-runtime");
-var PortalContainerContext = React6.createContext(
-  void 0
-);
+var CONTEXT_SLOT2 = /* @__PURE__ */ Symbol.for("ai-matrx.design-system.portal-container-context");
+var contextRegistry2 = globalThis;
+var PortalContainerContext = contextRegistry2[CONTEXT_SLOT2] ??= React6.createContext(void 0);
 function PortalContainerProvider({
   container,
   children
@@ -2137,7 +2139,9 @@ var DialogPortal = ({
   return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(DialogPrimitive2.Portal, { container: resolved ?? null, ...props });
 };
 DialogPortal.displayName = "DialogPortal";
-var DialogContainerContext = React17.createContext(null);
+var CONTEXT_SLOT3 = /* @__PURE__ */ Symbol.for("ai-matrx.design-system.dialog-container-context");
+var contextRegistry3 = globalThis;
+var DialogContainerContext = contextRegistry3[CONTEXT_SLOT3] ??= React17.createContext(null);
 var useDialogContainer = () => React17.useContext(DialogContainerContext);
 var DialogOverlay = React17.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
   DialogPrimitive2.Overlay,