@d4gger/design-system 3.0.0 → 4.0.0

package/dist/components/dataTable/DataTableToolbar.js

@@ -3,32 +3,31 @@ import * as React from "react";
 import classNames from "classnames";
 import { Badge } from "../badge/Badge.js";
 import { Button } from "../button/Button.js";
-import { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuSeparator, DropdownMenuTrigger } from "../dropdownMenu/DropdownMenu.js";
+import { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuItem, DropdownMenuSeparator, DropdownMenuTrigger } from "../dropdownMenu/DropdownMenu.js";
+import { Icon } from "../icon/Icon.js";
 import { Input } from "../input/Input.js";
+import { useDataTableToolbarContext } from "./DataTableContext.js";
+import { EXPORT_PROGRESS_ROW_THRESHOLD, exportDataTableRows, exportDataTableRowsProgressive } from "./dataTable.export.js";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-const DATA_TABLE_TOOLBAR_STYLE = {
-  display: "flex",
-  alignItems: "center",
-  flexWrap: "wrap",
-  gap: "var(--dsx-space-sm)",
-  padding: "var(--dsx-space-md)"
-};
 const DATA_TABLE_TOOLBAR_SEARCH_STYLE = {
-  flex: "1 1 200px",
-  minWidth: "160px"
+  width: "100%"
 };
 function DataTableToolbarSearch({
   value,
-  defaultValue = "",
+  defaultValue,
   placeholder = "Search rows",
   onChange
 }) {
-  const [internalValue, setInternalValue] = React.useState(defaultValue);
+  const table = useDataTableToolbarContext();
+  const [internalValue, setInternalValue] = React.useState(defaultValue ?? "");
   const isControlled = value !== void 0;
-  const currentValue = isControlled ? value : internalValue;
+  const usesTableState = !isControlled && defaultValue === void 0 && table !== null;
+  const currentValue = isControlled ? value : usesTableState ? table.query : internalValue;
   function handleChange(event) {
     const nextValue = event.currentTarget.value;
-    if (!isControlled) {
+    if (usesTableState) {
+      table.onQueryChange(nextValue);
+    } else if (!isControlled) {
       setInternalValue(nextValue);
     }
     onChange?.(nextValue);
@@ -37,6 +36,7 @@ function DataTableToolbarSearch({
     Input,
     {
       "aria-label": "Search table rows",
+      className: "dsx-data-table-toolbar__search",
       density: "sm",
       onChange: handleChange,
       placeholder,
@@ -53,12 +53,24 @@ function DataTableToolbarColumnVisibility({
   defaultVisibleColumnIds,
   onVisibleColumnIdsChange
 }) {
-  const allColumnIds = React.useMemo(() => new Set(columns.map((col) => col.id)), [columns]);
+  const table = useDataTableToolbarContext();
+  const resolvedColumns = React.useMemo(
+    () => columns?.map((column) => ({ id: column.id, header: column.header })) ?? table?.columns.map((column) => ({ id: column.id, header: column.label })) ?? null,
+    [columns, table?.columns]
+  );
+  const allColumnIds = React.useMemo(
+    () => new Set(resolvedColumns?.map((column) => column.id) ?? []),
+    [resolvedColumns]
+  );
   const [internalVisibleIds, setInternalVisibleIds] = React.useState(
     () => defaultVisibleColumnIds ?? allColumnIds
   );
-  const isControlled = visibleColumnIds !== void 0;
-  const currentVisibleIds = isControlled ? visibleColumnIds : internalVisibleIds;
+  if (!resolvedColumns) {
+    throw new Error("DataTable.Toolbar.ColumnVisibility requires columns or a parent DataTable.");
+  }
+  const usesTableState = visibleColumnIds === void 0 && defaultVisibleColumnIds === void 0 && table !== null;
+  const isControlled = visibleColumnIds !== void 0 || usesTableState;
+  const currentVisibleIds = visibleColumnIds ?? (usesTableState ? table.visibleColumnIds : internalVisibleIds);
   const visibleCount = currentVisibleIds.size;
   const totalCount = allColumnIds.size;
   function handleToggle(columnId, checked) {
@@ -71,25 +83,40 @@ function DataTableToolbarColumnVisibility({
     if (!isControlled) {
       setInternalVisibleIds(nextIds);
     }
+    if (usesTableState) {
+      table.onVisibleColumnIdsChange(nextIds);
+    }
     onVisibleColumnIdsChange?.(nextIds);
   }
   function handleShowAll() {
     if (!isControlled) {
       setInternalVisibleIds(allColumnIds);
     }
+    if (usesTableState) {
+      table.onVisibleColumnIdsChange(allColumnIds);
+    }
     onVisibleColumnIdsChange?.(allColumnIds);
   }
   return /* @__PURE__ */ jsxs(DropdownMenu, { children: [
-    /* @__PURE__ */ jsx(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(Button, { size: "sm", variant: "outline", trailingIcon: /* @__PURE__ */ jsx("span", { "aria-hidden": "true", children: "\u25BE" }), children: [
-      "Columns",
-      visibleCount < totalCount && /* @__PURE__ */ jsxs(Badge, { size: "sm", variant: "primary", style: { marginLeft: "var(--dsx-space-xs)" }, children: [
-        visibleCount,
-        "/",
-        totalCount
-      ] })
-    ] }) }),
+    /* @__PURE__ */ jsx(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(
+      Button,
+      {
+        leadingIcon: /* @__PURE__ */ jsx(Icon, { "aria-hidden": "true", name: "list", size: "sm" }),
+        size: "sm",
+        trailingIcon: /* @__PURE__ */ jsx(Icon, { "aria-hidden": "true", name: "chevron-down", size: "sm" }),
+        variant: "outline",
+        children: [
+          "Columns",
+          visibleCount < totalCount && /* @__PURE__ */ jsxs(Badge, { size: "sm", variant: "primary", style: { marginLeft: "var(--dsx-space-xs)" }, children: [
+            visibleCount,
+            "/",
+            totalCount
+          ] })
+        ]
+      }
+    ) }),
     /* @__PURE__ */ jsxs(DropdownMenuContent, { align: "end", style: { minWidth: "200px", maxHeight: "320px", overflow: "auto" }, children: [
-      columns.map((column) => /* @__PURE__ */ jsx(
+      resolvedColumns.map((column) => /* @__PURE__ */ jsx(
         DropdownMenuCheckboxItem,
         {
           checked: currentVisibleIds.has(column.id),
@@ -106,41 +133,6 @@ function DataTableToolbarColumnVisibility({
   ] });
 }
 DataTableToolbarColumnVisibility.displayName = "DataTableToolbarColumnVisibility";
-function stringifyCellValue(value) {
-  if (value == null) return "";
-  if (typeof value === "string" || typeof value === "number" || typeof value === "boolean") return String(value);
-  if (value instanceof Date) return value.toISOString();
-  if (Array.isArray(value)) return value.map(stringifyCellValue).join(" ");
-  if (typeof value === "object") return JSON.stringify(value);
-  return String(value);
-}
-function escapeCsvCell(value) {
-  if (value.includes(",") || value.includes('"') || value.includes("\n") || value.includes("\r")) {
-    return `"${value.replace(/"/g, '""')}"`;
-  }
-  return value;
-}
-function exportAsCsv(data, columns) {
-  const headers = columns.map((col) => escapeCsvCell(String(col.header)));
-  const rows = data.map(
-    (row) => columns.map((col) => {
-      const value = col.accessorKey ? row[col.accessorKey] : void 0;
-      return escapeCsvCell(stringifyCellValue(value));
-    }).join(",")
-  );
-  return [headers.join(","), ...rows].join("\n");
-}
-function exportAsJson(data, columns) {
-  const keys = columns.map((col) => col.accessorKey).filter((key) => key !== void 0);
-  const projected = data.map((row) => {
-    const result = {};
-    for (const key of keys) {
-      result[key] = row[key];
-    }
-    return result;
-  });
-  return JSON.stringify(projected, null, 2);
-}
 function DataTableToolbarExport({
   data,
   columns,
@@ -148,9 +140,10 @@ function DataTableToolbarExport({
   filename = "table-export",
   onExport
 }) {
-  const [selectedFormat, setSelectedFormat] = React.useState(format);
-  function handleExport(exportFormat) {
-    const exportData = exportFormat === "csv" ? exportAsCsv(data, columns) : exportAsJson(data, columns);
+  const table = useDataTableToolbarContext();
+  const [progress, setProgress] = React.useState(null);
+  const rowCount = table?.filteredRowCount ?? data?.length;
+  function download(exportFormat, exportData) {
     onExport?.(exportFormat, exportData);
     const blob = new Blob([exportData], { type: exportFormat === "csv" ? "text/csv" : "application/json" });
     const url = URL.createObjectURL(blob);
@@ -162,45 +155,81 @@ function DataTableToolbarExport({
     document.body.removeChild(link);
     URL.revokeObjectURL(url);
   }
-  return /* @__PURE__ */ jsxs(DropdownMenu, { children: [
-    /* @__PURE__ */ jsx(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsx(Button, { size: "sm", variant: "outline", trailingIcon: /* @__PURE__ */ jsx("span", { "aria-hidden": "true", children: "\u25BE" }), children: "Export" }) }),
-    /* @__PURE__ */ jsxs(DropdownMenuContent, { align: "end", children: [
-      /* @__PURE__ */ jsx(
-        DropdownMenuCheckboxItem,
-        {
-          checked: selectedFormat === "csv",
-          onCheckedChange: () => {
-            setSelectedFormat("csv");
-            handleExport("csv");
-          },
-          children: "CSV"
+  async function handleExport(exportFormat) {
+    if (progress !== null) return;
+    if (data && columns) {
+      if (data.length > EXPORT_PROGRESS_ROW_THRESHOLD) {
+        setProgress(0);
+        try {
+          download(exportFormat, await exportDataTableRowsProgressive(exportFormat, data, columns, setProgress));
+        } finally {
+          setProgress(null);
         }
-      ),
-      /* @__PURE__ */ jsx(
-        DropdownMenuCheckboxItem,
-        {
-          checked: selectedFormat === "json",
-          onCheckedChange: () => {
-            setSelectedFormat("json");
-            handleExport("json");
-          },
-          children: "JSON"
+      } else {
+        download(exportFormat, exportDataTableRows(exportFormat, data, columns));
+      }
+    } else if (table) {
+      if (table.filteredRowCount > EXPORT_PROGRESS_ROW_THRESHOLD) {
+        setProgress(0);
+        try {
+          download(exportFormat, await table.exportRowsProgressive(exportFormat, setProgress));
+        } finally {
+          setProgress(null);
         }
-      )
+      } else {
+        download(exportFormat, table.exportRows(exportFormat));
+      }
+    } else {
+      throw new Error("DataTable.Toolbar.Export requires data and columns or a parent DataTable.");
+    }
+  }
+  function formatLabel(exportFormat) {
+    const base = exportFormat === "json" ? "JSON file" : "CSV file";
+    return rowCount === void 0 ? base : `${base} \xB7 ${rowCount} rows`;
+  }
+  return /* @__PURE__ */ jsxs(DropdownMenu, { children: [
+    /* @__PURE__ */ jsx(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
+      Button,
+      {
+        leadingIcon: /* @__PURE__ */ jsx(Icon, { "aria-hidden": "true", name: "download", size: "sm" }),
+        size: "sm",
+        trailingIcon: /* @__PURE__ */ jsx(Icon, { "aria-hidden": "true", name: "chevron-down", size: "sm" }),
+        variant: "outline",
+        disabled: progress !== null,
+        "aria-live": "polite",
+        children: progress !== null ? `Exporting ${progress}%` : "Export"
+      }
+    ) }),
+    /* @__PURE__ */ jsxs(DropdownMenuContent, { align: "end", "aria-label": "Export format", children: [
+      /* @__PURE__ */ jsxs(DropdownMenuItem, { onSelect: () => void handleExport(format === "json" ? "json" : "csv"), children: [
+        /* @__PURE__ */ jsx(Icon, { "aria-hidden": "true", name: "download", size: "sm" }),
+        formatLabel(format === "json" ? "json" : "csv")
+      ] }),
+      /* @__PURE__ */ jsxs(DropdownMenuItem, { onSelect: () => void handleExport(format === "json" ? "csv" : "json"), children: [
+        /* @__PURE__ */ jsx(Icon, { "aria-hidden": "true", name: "download", size: "sm" }),
+        formatLabel(format === "json" ? "csv" : "json")
+      ] })
     ] })
   ] });
 }
 DataTableToolbarExport.displayName = "DataTableToolbarExport";
 function DataTableToolbarRowCount({ total, filtered, selected }) {
-  const showFiltered = filtered !== void 0 && filtered !== total;
-  return /* @__PURE__ */ jsxs("div", { style: { display: "flex", alignItems: "center", gap: "var(--dsx-space-xs)", fontSize: "var(--dsx-font-size-xs)", color: "var(--dsx-color-on-surface-variant)" }, children: [
+  const table = useDataTableToolbarContext();
+  const resolvedTotal = total ?? table?.totalRowCount;
+  const resolvedFiltered = filtered ?? table?.filteredRowCount;
+  const resolvedSelected = selected ?? table?.selectedRowCount;
+  if (resolvedTotal === void 0) {
+    throw new Error("DataTable.Toolbar.RowCount requires total or a parent DataTable.");
+  }
+  const showFiltered = resolvedFiltered !== void 0 && resolvedFiltered !== resolvedTotal;
+  return /* @__PURE__ */ jsxs("div", { className: "dsx-data-table-toolbar__row-count", children: [
     /* @__PURE__ */ jsxs("span", { children: [
-      showFiltered ? `${filtered} of ${total}` : `${total}`,
+      showFiltered ? `${resolvedFiltered} of ${resolvedTotal}` : `${resolvedTotal}`,
       " row",
-      total !== 1 ? "s" : ""
+      resolvedTotal !== 1 ? "s" : ""
     ] }),
-    selected !== void 0 && selected > 0 && /* @__PURE__ */ jsxs(Badge, { size: "sm", variant: "primary", children: [
-      selected,
+    resolvedSelected !== void 0 && resolvedSelected > 0 && /* @__PURE__ */ jsxs(Badge, { size: "sm", variant: "primary", children: [
+      resolvedSelected,
       " selected"
     ] })
   ] });
@@ -212,7 +241,7 @@ function DataTableToolbar({ className, children, style, ...restProps }) {
     {
       ...restProps,
       className: classNames("dsx-data-table-toolbar", className),
-      style: { ...DATA_TABLE_TOOLBAR_STYLE, ...style },
+      style,
       children
     }
   );

package/dist/components/dataTable/DataTableToolbar.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/dataTable/DataTableToolbar.tsx"],
-  "sourcesContent": ["'use client'\n\nimport * as React from 'react'\nimport classNames from 'classnames'\n\nimport { Badge } from '../badge/Badge'\nimport { Button } from '../button/Button'\nimport { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuSeparator, DropdownMenuTrigger } from '../dropdownMenu/DropdownMenu'\nimport { Input } from '../input/Input'\n\nimport type { DataTableColumn } from './DataTable'\n\nconst DATA_TABLE_TOOLBAR_STYLE: React.CSSProperties = {\n  display: 'flex',\n  alignItems: 'center',\n  flexWrap: 'wrap',\n  gap: 'var(--dsx-space-sm)',\n  padding: 'var(--dsx-space-md)',\n}\n\nconst DATA_TABLE_TOOLBAR_SEARCH_STYLE: React.CSSProperties = {\n  flex: '1 1 200px',\n  minWidth: '160px',\n}\n\ntype DataTableToolbarSearchProps = {\n  value?: string\n  defaultValue?: string\n  placeholder?: string\n  onChange?: (value: string) => void\n}\n\nfunction DataTableToolbarSearch({\n  value,\n  defaultValue = '',\n  placeholder = 'Search rows',\n  onChange,\n}: DataTableToolbarSearchProps) {\n  const [internalValue, setInternalValue] = React.useState(defaultValue)\n  const isControlled = value !== undefined\n  const currentValue = isControlled ? value : internalValue\n\n  function handleChange(event: React.ChangeEvent<HTMLInputElement>) {\n    const nextValue = event.currentTarget.value\n    if (!isControlled) {\n      setInternalValue(nextValue)\n    }\n    onChange?.(nextValue)\n  }\n\n  return (\n    <Input\n      aria-label=\"Search table rows\"\n      density=\"sm\"\n      onChange={handleChange}\n      placeholder={placeholder}\n      style={DATA_TABLE_TOOLBAR_SEARCH_STYLE}\n      type=\"search\"\n      value={currentValue}\n    />\n  )\n}\nDataTableToolbarSearch.displayName = 'DataTableToolbarSearch'\n\ntype DataTableToolbarColumnVisibilityProps<Row> = {\n  columns: Array<DataTableColumn<Row>>\n  visibleColumnIds?: Set<string>\n  defaultVisibleColumnIds?: Set<string>\n  onVisibleColumnIdsChange?: (visibleColumnIds: Set<string>) => void\n}\n\nfunction DataTableToolbarColumnVisibility<Row extends Record<string, unknown>>({\n  columns,\n  visibleColumnIds,\n  defaultVisibleColumnIds,\n  onVisibleColumnIdsChange,\n}: DataTableToolbarColumnVisibilityProps<Row>) {\n  const allColumnIds = React.useMemo(() => new Set(columns.map((col) => col.id)), [columns])\n\n  const [internalVisibleIds, setInternalVisibleIds] = React.useState<Set<string>>(\n    () => defaultVisibleColumnIds ?? allColumnIds,\n  )\n\n  const isControlled = visibleColumnIds !== undefined\n  const currentVisibleIds = isControlled ? visibleColumnIds : internalVisibleIds\n  const visibleCount = currentVisibleIds.size\n  const totalCount = allColumnIds.size\n\n  function handleToggle(columnId: string, checked: boolean) {\n    const nextIds = new Set(currentVisibleIds)\n    if (checked) {\n      nextIds.add(columnId)\n    } else {\n      nextIds.delete(columnId)\n    }\n    if (!isControlled) {\n      setInternalVisibleIds(nextIds)\n    }\n    onVisibleColumnIdsChange?.(nextIds)\n  }\n\n  function handleShowAll() {\n    if (!isControlled) {\n      setInternalVisibleIds(allColumnIds)\n    }\n    onVisibleColumnIdsChange?.(allColumnIds)\n  }\n\n  return (\n    <DropdownMenu>\n      <DropdownMenuTrigger asChild>\n        <Button size=\"sm\" variant=\"outline\" trailingIcon={<span aria-hidden=\"true\">\u25BE</span>}>\n          Columns\n          {visibleCount < totalCount && (\n            <Badge size=\"sm\" variant=\"primary\" style={{ marginLeft: 'var(--dsx-space-xs)' }}>\n              {visibleCount}/{totalCount}\n            </Badge>\n          )}\n        </Button>\n      </DropdownMenuTrigger>\n      <DropdownMenuContent align=\"end\" style={{ minWidth: '200px', maxHeight: '320px', overflow: 'auto' }}>\n        {columns.map((column) => (\n          <DropdownMenuCheckboxItem\n            key={column.id}\n            checked={currentVisibleIds.has(column.id)}\n            onCheckedChange={(checked) => handleToggle(column.id, checked === true)}\n          >\n            {column.header}\n          </DropdownMenuCheckboxItem>\n        ))}\n        {visibleCount < totalCount && (\n          <>\n            <DropdownMenuSeparator />\n            <DropdownMenuCheckboxItem checked={false} onCheckedChange={handleShowAll}>\n              Show all\n            </DropdownMenuCheckboxItem>\n          </>\n        )}\n      </DropdownMenuContent>\n    </DropdownMenu>\n  )\n}\nDataTableToolbarColumnVisibility.displayName = 'DataTableToolbarColumnVisibility'\n\ntype DataTableToolbarExportFormat = 'csv' | 'json'\n\ntype DataTableToolbarExportProps<Row> = {\n  data: Row[]\n  columns: Array<DataTableColumn<Row>>\n  format?: DataTableToolbarExportFormat\n  filename?: string\n  onExport?: (format: DataTableToolbarExportFormat, data: string) => void\n}\n\nfunction stringifyCellValue(value: unknown): string {\n  if (value == null) return ''\n  if (typeof value === 'string' || typeof value === 'number' || typeof value === 'boolean') return String(value)\n  if (value instanceof Date) return value.toISOString()\n  if (Array.isArray(value)) return value.map(stringifyCellValue).join(' ')\n  if (typeof value === 'object') return JSON.stringify(value)\n  return String(value)\n}\n\nfunction escapeCsvCell(value: string): string {\n  if (value.includes(',') || value.includes('\"') || value.includes('\\n') || value.includes('\\r')) {\n    return `\"${value.replace(/\"/g, '\"\"')}\"`\n  }\n  return value\n}\n\nfunction exportAsCsv<Row extends Record<string, unknown>>(\n  data: Row[],\n  columns: Array<DataTableColumn<Row>>,\n): string {\n  const headers = columns.map((col) => escapeCsvCell(String(col.header)))\n  const rows = data.map((row) =>\n    columns\n      .map((col) => {\n        const value = col.accessorKey ? row[col.accessorKey] : undefined\n        return escapeCsvCell(stringifyCellValue(value))\n      })\n      .join(','),\n  )\n  return [headers.join(','), ...rows].join('\\n')\n}\n\nfunction exportAsJson<Row extends Record<string, unknown>>(\n  data: Row[],\n  columns: Array<DataTableColumn<Row>>,\n): string {\n  const keys = columns.map((col) => col.accessorKey).filter((key): key is keyof Row => key !== undefined)\n  const projected = data.map((row) => {\n    const result: Partial<Row> = {}\n    for (const key of keys) {\n      result[key] = row[key]\n    }\n    return result\n  })\n  return JSON.stringify(projected, null, 2)\n}\n\nfunction DataTableToolbarExport<Row extends Record<string, unknown>>({\n  data,\n  columns,\n  format = 'csv',\n  filename = 'table-export',\n  onExport,\n}: DataTableToolbarExportProps<Row>) {\n  const [selectedFormat, setSelectedFormat] = React.useState<DataTableToolbarExportFormat>(format)\n\n  function handleExport(exportFormat: DataTableToolbarExportFormat) {\n    const exportData = exportFormat === 'csv' ? exportAsCsv(data, columns) : exportAsJson(data, columns)\n    onExport?.(exportFormat, exportData)\n\n    const blob = new Blob([exportData], { type: exportFormat === 'csv' ? 'text/csv' : 'application/json' })\n    const url = URL.createObjectURL(blob)\n    const link = document.createElement('a')\n    link.href = url\n    link.download = `${filename}.${exportFormat}`\n    document.body.appendChild(link)\n    link.click()\n    document.body.removeChild(link)\n    URL.revokeObjectURL(url)\n  }\n\n  return (\n    <DropdownMenu>\n      <DropdownMenuTrigger asChild>\n        <Button size=\"sm\" variant=\"outline\" trailingIcon={<span aria-hidden=\"true\">\u25BE</span>}>\n          Export\n        </Button>\n      </DropdownMenuTrigger>\n      <DropdownMenuContent align=\"end\">\n        <DropdownMenuCheckboxItem\n          checked={selectedFormat === 'csv'}\n          onCheckedChange={() => {\n            setSelectedFormat('csv')\n            handleExport('csv')\n          }}\n        >\n          CSV\n        </DropdownMenuCheckboxItem>\n        <DropdownMenuCheckboxItem\n          checked={selectedFormat === 'json'}\n          onCheckedChange={() => {\n            setSelectedFormat('json')\n            handleExport('json')\n          }}\n        >\n          JSON\n        </DropdownMenuCheckboxItem>\n      </DropdownMenuContent>\n    </DropdownMenu>\n  )\n}\nDataTableToolbarExport.displayName = 'DataTableToolbarExport'\n\ntype DataTableToolbarRowCountProps = {\n  total: number\n  filtered?: number\n  selected?: number\n}\n\nfunction DataTableToolbarRowCount({ total, filtered, selected }: DataTableToolbarRowCountProps) {\n  const showFiltered = filtered !== undefined && filtered !== total\n\n  return (\n    <div style={{ display: 'flex', alignItems: 'center', gap: 'var(--dsx-space-xs)', fontSize: 'var(--dsx-font-size-xs)', color: 'var(--dsx-color-on-surface-variant)' }}>\n      <span>\n        {showFiltered ? `${filtered} of ${total}` : `${total}`} row{total !== 1 ? 's' : ''}\n      </span>\n      {selected !== undefined && selected > 0 && (\n        <Badge size=\"sm\" variant=\"primary\">\n          {selected} selected\n        </Badge>\n      )}\n    </div>\n  )\n}\nDataTableToolbarRowCount.displayName = 'DataTableToolbarRowCount'\n\ntype DataTableToolbarProps = React.HTMLAttributes<HTMLDivElement>\n\nfunction DataTableToolbar({ className, children, style, ...restProps }: DataTableToolbarProps) {\n  return (\n    <div\n      {...restProps}\n      className={classNames('dsx-data-table-toolbar', className)}\n      style={{ ...DATA_TABLE_TOOLBAR_STYLE, ...style }}\n    >\n      {children}\n    </div>\n  )\n}\nDataTableToolbar.displayName = 'DataTableToolbar'\n\nconst DataTableToolbarComponent = Object.assign(DataTableToolbar, {\n  Search: DataTableToolbarSearch,\n  ColumnVisibility: DataTableToolbarColumnVisibility,\n  Export: DataTableToolbarExport,\n  RowCount: DataTableToolbarRowCount,\n})\n\nexport {\n  DataTableToolbarComponent as DataTableToolbar,\n  DataTableToolbarColumnVisibility,\n  DataTableToolbarExport,\n  DataTableToolbarRowCount,\n  DataTableToolbarSearch,\n}\nexport type {\n  DataTableToolbarExportFormat,\n  DataTableToolbarExportProps,\n  DataTableToolbarProps,\n  DataTableToolbarRowCountProps,\n  DataTableToolbarSearchProps,\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["'use client'\n\nimport * as React from 'react'\nimport classNames from 'classnames'\n\nimport { Badge } from '../badge/Badge'\nimport { Button } from '../button/Button'\nimport { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuItem, DropdownMenuSeparator, DropdownMenuTrigger } from '../dropdownMenu/DropdownMenu'\nimport { Icon } from '../icon/Icon'\nimport { Input } from '../input/Input'\n\nimport { useDataTableToolbarContext } from './DataTableContext'\nimport { EXPORT_PROGRESS_ROW_THRESHOLD, exportDataTableRows, exportDataTableRowsProgressive } from './dataTable.export'\nimport type { DataTableColumn } from './DataTable'\nimport type { DataTableExportFormat } from './DataTableContext'\n\nconst DATA_TABLE_TOOLBAR_SEARCH_STYLE: React.CSSProperties = {\n  width: '100%',\n}\n\ntype DataTableToolbarSearchProps = {\n  value?: string\n  defaultValue?: string\n  placeholder?: string\n  onChange?: (value: string) => void\n}\n\nfunction DataTableToolbarSearch({\n  value,\n  defaultValue,\n  placeholder = 'Search rows',\n  onChange,\n}: DataTableToolbarSearchProps) {\n  const table = useDataTableToolbarContext()\n  const [internalValue, setInternalValue] = React.useState(defaultValue ?? '')\n  const isControlled = value !== undefined\n  const usesTableState = !isControlled && defaultValue === undefined && table !== null\n  const currentValue = isControlled ? value : usesTableState ? table.query : internalValue\n\n  function handleChange(event: React.ChangeEvent<HTMLInputElement>) {\n    const nextValue = event.currentTarget.value\n    if (usesTableState) {\n      table.onQueryChange(nextValue)\n    } else if (!isControlled) {\n      setInternalValue(nextValue)\n    }\n    onChange?.(nextValue)\n  }\n\n  return (\n    <Input\n      aria-label=\"Search table rows\"\n      className=\"dsx-data-table-toolbar__search\"\n      density=\"sm\"\n      onChange={handleChange}\n      placeholder={placeholder}\n      style={DATA_TABLE_TOOLBAR_SEARCH_STYLE}\n      type=\"search\"\n      value={currentValue}\n    />\n  )\n}\nDataTableToolbarSearch.displayName = 'DataTableToolbarSearch'\n\ntype DataTableToolbarColumnVisibilityProps<Row> = {\n  columns?: Array<DataTableColumn<Row>>\n  visibleColumnIds?: Set<string>\n  defaultVisibleColumnIds?: Set<string>\n  onVisibleColumnIdsChange?: (visibleColumnIds: Set<string>) => void\n}\n\nfunction DataTableToolbarColumnVisibility<Row extends Record<string, unknown>>({\n  columns,\n  visibleColumnIds,\n  defaultVisibleColumnIds,\n  onVisibleColumnIdsChange,\n}: DataTableToolbarColumnVisibilityProps<Row>) {\n  const table = useDataTableToolbarContext()\n  const resolvedColumns = React.useMemo(\n    () => columns?.map((column) => ({ id: column.id, header: column.header }))\n      ?? table?.columns.map((column) => ({ id: column.id, header: column.label }))\n      ?? null,\n    [columns, table?.columns],\n  )\n  const allColumnIds = React.useMemo(\n    () => new Set(resolvedColumns?.map((column) => column.id) ?? []),\n    [resolvedColumns],\n  )\n\n  const [internalVisibleIds, setInternalVisibleIds] = React.useState<Set<string>>(\n    () => defaultVisibleColumnIds ?? allColumnIds,\n  )\n\n  if (!resolvedColumns) {\n    throw new Error('DataTable.Toolbar.ColumnVisibility requires columns or a parent DataTable.')\n  }\n\n  const usesTableState = visibleColumnIds === undefined && defaultVisibleColumnIds === undefined && table !== null\n  const isControlled = visibleColumnIds !== undefined || usesTableState\n  const currentVisibleIds = visibleColumnIds ?? (usesTableState ? table.visibleColumnIds : internalVisibleIds)\n  const visibleCount = currentVisibleIds.size\n  const totalCount = allColumnIds.size\n\n  function handleToggle(columnId: string, checked: boolean) {\n    const nextIds = new Set(currentVisibleIds)\n    if (checked) {\n      nextIds.add(columnId)\n    } else {\n      nextIds.delete(columnId)\n    }\n    if (!isControlled) {\n      setInternalVisibleIds(nextIds)\n    }\n    if (usesTableState) {\n      table.onVisibleColumnIdsChange(nextIds)\n    }\n    onVisibleColumnIdsChange?.(nextIds)\n  }\n\n  function handleShowAll() {\n    if (!isControlled) {\n      setInternalVisibleIds(allColumnIds)\n    }\n    if (usesTableState) {\n      table.onVisibleColumnIdsChange(allColumnIds)\n    }\n    onVisibleColumnIdsChange?.(allColumnIds)\n  }\n\n  return (\n    <DropdownMenu>\n      <DropdownMenuTrigger asChild>\n        <Button\n          leadingIcon={<Icon aria-hidden=\"true\" name=\"list\" size=\"sm\" />}\n          size=\"sm\"\n          trailingIcon={<Icon aria-hidden=\"true\" name=\"chevron-down\" size=\"sm\" />}\n          variant=\"outline\"\n        >\n          Columns\n          {visibleCount < totalCount && (\n            <Badge size=\"sm\" variant=\"primary\" style={{ marginLeft: 'var(--dsx-space-xs)' }}>\n              {visibleCount}/{totalCount}\n            </Badge>\n          )}\n        </Button>\n      </DropdownMenuTrigger>\n      <DropdownMenuContent align=\"end\" style={{ minWidth: '200px', maxHeight: '320px', overflow: 'auto' }}>\n        {resolvedColumns.map((column) => (\n          <DropdownMenuCheckboxItem\n            key={column.id}\n            checked={currentVisibleIds.has(column.id)}\n            onCheckedChange={(checked) => handleToggle(column.id, checked === true)}\n          >\n            {column.header}\n          </DropdownMenuCheckboxItem>\n        ))}\n        {visibleCount < totalCount && (\n          <>\n            <DropdownMenuSeparator />\n            <DropdownMenuCheckboxItem checked={false} onCheckedChange={handleShowAll}>\n              Show all\n            </DropdownMenuCheckboxItem>\n          </>\n        )}\n      </DropdownMenuContent>\n    </DropdownMenu>\n  )\n}\nDataTableToolbarColumnVisibility.displayName = 'DataTableToolbarColumnVisibility'\n\ntype DataTableToolbarExportFormat = DataTableExportFormat\n\ntype DataTableToolbarExportProps<Row> = {\n  data?: Row[]\n  columns?: Array<DataTableColumn<Row>>\n  format?: DataTableToolbarExportFormat\n  filename?: string\n  onExport?: (format: DataTableToolbarExportFormat, data: string) => void\n}\n\nfunction DataTableToolbarExport<Row extends Record<string, unknown>>({\n  data,\n  columns,\n  format = 'csv',\n  filename = 'table-export',\n  onExport,\n}: DataTableToolbarExportProps<Row>) {\n  const table = useDataTableToolbarContext()\n  const [progress, setProgress] = React.useState<number | null>(null)\n  const rowCount = table?.filteredRowCount ?? data?.length\n\n  function download(exportFormat: DataTableToolbarExportFormat, exportData: string) {\n    onExport?.(exportFormat, exportData)\n\n    const blob = new Blob([exportData], { type: exportFormat === 'csv' ? 'text/csv' : 'application/json' })\n    const url = URL.createObjectURL(blob)\n    const link = document.createElement('a')\n    link.href = url\n    link.download = `${filename}.${exportFormat}`\n    document.body.appendChild(link)\n    link.click()\n    document.body.removeChild(link)\n    URL.revokeObjectURL(url)\n  }\n\n  async function handleExport(exportFormat: DataTableToolbarExportFormat) {\n    if (progress !== null) return\n    if (data && columns) {\n      if (data.length > EXPORT_PROGRESS_ROW_THRESHOLD) {\n        setProgress(0)\n        try {\n          download(exportFormat, await exportDataTableRowsProgressive(exportFormat, data, columns, setProgress))\n        } finally {\n          setProgress(null)\n        }\n      } else {\n        download(exportFormat, exportDataTableRows(exportFormat, data, columns))\n      }\n    } else if (table) {\n      if (table.filteredRowCount > EXPORT_PROGRESS_ROW_THRESHOLD) {\n        setProgress(0)\n        try {\n          download(exportFormat, await table.exportRowsProgressive(exportFormat, setProgress))\n        } finally {\n          setProgress(null)\n        }\n      } else {\n        download(exportFormat, table.exportRows(exportFormat))\n      }\n    } else {\n      throw new Error('DataTable.Toolbar.Export requires data and columns or a parent DataTable.')\n    }\n  }\n\n  function formatLabel(exportFormat: DataTableToolbarExportFormat) {\n    const base = exportFormat === 'json' ? 'JSON file' : 'CSV file'\n    return rowCount === undefined ? base : `${base} \u00B7 ${rowCount} rows`\n  }\n\n  return (\n    <DropdownMenu>\n      <DropdownMenuTrigger asChild>\n        <Button\n          leadingIcon={<Icon aria-hidden=\"true\" name=\"download\" size=\"sm\" />}\n          size=\"sm\"\n          trailingIcon={<Icon aria-hidden=\"true\" name=\"chevron-down\" size=\"sm\" />}\n          variant=\"outline\"\n          disabled={progress !== null}\n          aria-live=\"polite\"\n        >\n          {progress !== null ? `Exporting ${progress}%` : 'Export'}\n        </Button>\n      </DropdownMenuTrigger>\n      <DropdownMenuContent align=\"end\" aria-label=\"Export format\">\n        <DropdownMenuItem onSelect={() => void handleExport(format === 'json' ? 'json' : 'csv')}>\n          <Icon aria-hidden=\"true\" name=\"download\" size=\"sm\" />\n          {formatLabel(format === 'json' ? 'json' : 'csv')}\n        </DropdownMenuItem>\n        <DropdownMenuItem onSelect={() => void handleExport(format === 'json' ? 'csv' : 'json')}>\n          <Icon aria-hidden=\"true\" name=\"download\" size=\"sm\" />\n          {formatLabel(format === 'json' ? 'csv' : 'json')}\n        </DropdownMenuItem>\n      </DropdownMenuContent>\n    </DropdownMenu>\n  )\n}\nDataTableToolbarExport.displayName = 'DataTableToolbarExport'\n\ntype DataTableToolbarRowCountProps = {\n  total?: number\n  filtered?: number\n  selected?: number\n}\n\nfunction DataTableToolbarRowCount({ total, filtered, selected }: DataTableToolbarRowCountProps) {\n  const table = useDataTableToolbarContext()\n  const resolvedTotal = total ?? table?.totalRowCount\n  const resolvedFiltered = filtered ?? table?.filteredRowCount\n  const resolvedSelected = selected ?? table?.selectedRowCount\n\n  if (resolvedTotal === undefined) {\n    throw new Error('DataTable.Toolbar.RowCount requires total or a parent DataTable.')\n  }\n\n  const showFiltered = resolvedFiltered !== undefined && resolvedFiltered !== resolvedTotal\n\n  return (\n    <div className=\"dsx-data-table-toolbar__row-count\">\n      <span>\n        {showFiltered ? `${resolvedFiltered} of ${resolvedTotal}` : `${resolvedTotal}`} row{resolvedTotal !== 1 ? 's' : ''}\n      </span>\n      {resolvedSelected !== undefined && resolvedSelected > 0 && (\n        <Badge size=\"sm\" variant=\"primary\">\n          {resolvedSelected} selected\n        </Badge>\n      )}\n    </div>\n  )\n}\nDataTableToolbarRowCount.displayName = 'DataTableToolbarRowCount'\n\ntype DataTableToolbarProps = React.HTMLAttributes<HTMLDivElement>\n\nfunction DataTableToolbar({ className, children, style, ...restProps }: DataTableToolbarProps) {\n  return (\n    <div\n      {...restProps}\n      className={classNames('dsx-data-table-toolbar', className)}\n      style={style}\n    >\n      {children}\n    </div>\n  )\n}\nDataTableToolbar.displayName = 'DataTableToolbar'\n\nconst DataTableToolbarComponent = Object.assign(DataTableToolbar, {\n  Search: DataTableToolbarSearch,\n  ColumnVisibility: DataTableToolbarColumnVisibility,\n  Export: DataTableToolbarExport,\n  RowCount: DataTableToolbarRowCount,\n})\n\nexport {\n  DataTableToolbarComponent as DataTableToolbar,\n  DataTableToolbarColumnVisibility,\n  DataTableToolbarExport,\n  DataTableToolbarRowCount,\n  DataTableToolbarSearch,\n}\nexport type {\n  DataTableToolbarExportFormat,\n  DataTableToolbarExportProps,\n  DataTableToolbarProps,\n  DataTableToolbarRowCountProps,\n  DataTableToolbarSearchProps,\n}\n"],
+  "mappings": "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",
   "names": []
 }

package/dist/components/dataTable/dataTable.export.cjs

@@ -0,0 +1,83 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var dataTable_export_exports = {};
+__export(dataTable_export_exports, {
+  EXPORT_PROGRESS_ROW_THRESHOLD: () => EXPORT_PROGRESS_ROW_THRESHOLD,
+  exportDataTableRows: () => exportDataTableRows,
+  exportDataTableRowsProgressive: () => exportDataTableRowsProgressive
+});
+module.exports = __toCommonJS(dataTable_export_exports);
+function stringifyCellValue(value) {
+  if (value == null) return "";
+  if (typeof value === "string" || typeof value === "number" || typeof value === "boolean") return String(value);
+  if (value instanceof Date) return value.toISOString();
+  if (Array.isArray(value)) return value.map(stringifyCellValue).join(" ");
+  if (typeof value === "object") return JSON.stringify(value);
+  return String(value);
+}
+function escapeCsvCell(value) {
+  if (value.includes(",") || value.includes('"') || value.includes("\n") || value.includes("\r")) {
+    return `"${value.replace(/"/g, '""')}"`;
+  }
+  return value;
+}
+function exportDataTableRows(format, data, columns) {
+  if (format === "json") {
+    const keys = columns.map((column) => column.accessorKey).filter((key) => key !== void 0);
+    return JSON.stringify(data.map((row) => Object.fromEntries(keys.map((key) => [key, row[key]]))), null, 2);
+  }
+  const headers = columns.map((column) => escapeCsvCell(String(column.header)));
+  const rows = data.map((row) => columns.map((column) => escapeCsvCell(stringifyCellValue(column.accessorKey ? row[column.accessorKey] : void 0))).join(","));
+  return [headers.join(","), ...rows].join("\n");
+}
+const EXPORT_PROGRESS_ROW_THRESHOLD = 1e3;
+const EXPORT_PROGRESS_CHUNK_SIZE = 500;
+function yieldToPaint() {
+  return new Promise((resolve) => {
+    setTimeout(resolve, 0);
+  });
+}
+async function exportDataTableRowsProgressive(format, data, columns, onProgress) {
+  if (format === "json") {
+    const keys = columns.map((column) => column.accessorKey).filter((key) => key !== void 0);
+    const rows = [];
+    for (let index = 0; index < data.length; index += EXPORT_PROGRESS_CHUNK_SIZE) {
+      for (const row of data.slice(index, index + EXPORT_PROGRESS_CHUNK_SIZE)) {
+        rows.push(Object.fromEntries(keys.map((key) => [key, row[key]])));
+      }
+      onProgress(Math.min(99, Math.round((index + EXPORT_PROGRESS_CHUNK_SIZE) / data.length * 100)));
+      await yieldToPaint();
+    }
+    const output = JSON.stringify(rows, null, 2);
+    onProgress(100);
+    return output;
+  }
+  const headers = columns.map((column) => escapeCsvCell(String(column.header)));
+  const lines = [headers.join(",")];
+  for (let index = 0; index < data.length; index += EXPORT_PROGRESS_CHUNK_SIZE) {
+    for (const row of data.slice(index, index + EXPORT_PROGRESS_CHUNK_SIZE)) {
+      lines.push(columns.map((column) => escapeCsvCell(stringifyCellValue(column.accessorKey ? row[column.accessorKey] : void 0))).join(","));
+    }
+    onProgress(Math.min(99, Math.round((index + EXPORT_PROGRESS_CHUNK_SIZE) / data.length * 100)));
+    await yieldToPaint();
+  }
+  onProgress(100);
+  return lines.join("\n");
+}
+//# sourceMappingURL=dataTable.export.cjs.map

package/dist/components/dataTable/dataTable.export.cjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/dataTable/dataTable.export.ts"],
+  "sourcesContent": ["import type { DataTableExportFormat } from './DataTableContext'\n\ntype DataTableExportColumn<Row> = {\n  accessorKey?: keyof Row\n  header: unknown\n}\n\nfunction stringifyCellValue(value: unknown): string {\n  if (value == null) return ''\n  if (typeof value === 'string' || typeof value === 'number' || typeof value === 'boolean') return String(value)\n  if (value instanceof Date) return value.toISOString()\n  if (Array.isArray(value)) return value.map(stringifyCellValue).join(' ')\n  if (typeof value === 'object') return JSON.stringify(value)\n  return String(value)\n}\n\nfunction escapeCsvCell(value: string): string {\n  if (value.includes(',') || value.includes('\"') || value.includes('\\n') || value.includes('\\r')) {\n    return `\"${value.replace(/\"/g, '\"\"')}\"`\n  }\n  return value\n}\n\nfunction exportDataTableRows<Row extends Record<string, unknown>>(\n  format: DataTableExportFormat,\n  data: Row[],\n  columns: Array<DataTableExportColumn<Row>>,\n): string {\n  if (format === 'json') {\n    const keys = columns.map((column) => column.accessorKey).filter((key): key is keyof Row => key !== undefined)\n    return JSON.stringify(data.map((row) => Object.fromEntries(keys.map((key) => [key, row[key]]))), null, 2)\n  }\n\n  const headers = columns.map((column) => escapeCsvCell(String(column.header)))\n  const rows = data.map((row) => columns\n    .map((column) => escapeCsvCell(stringifyCellValue(column.accessorKey ? row[column.accessorKey] : undefined)))\n    .join(','))\n  return [headers.join(','), ...rows].join('\\n')\n}\n\nconst EXPORT_PROGRESS_ROW_THRESHOLD = 1000\nconst EXPORT_PROGRESS_CHUNK_SIZE = 500\n\nfunction yieldToPaint(): Promise<void> {\n  return new Promise((resolve) => { setTimeout(resolve, 0) })\n}\n\nasync function exportDataTableRowsProgressive<Row extends Record<string, unknown>>(\n  format: DataTableExportFormat,\n  data: Row[],\n  columns: Array<DataTableExportColumn<Row>>,\n  onProgress: (percent: number) => void,\n): Promise<string> {\n  if (format === 'json') {\n    const keys = columns.map((column) => column.accessorKey).filter((key): key is keyof Row => key !== undefined)\n    const rows: Array<Record<string, unknown>> = []\n    for (let index = 0; index < data.length; index += EXPORT_PROGRESS_CHUNK_SIZE) {\n      for (const row of data.slice(index, index + EXPORT_PROGRESS_CHUNK_SIZE)) {\n        rows.push(Object.fromEntries(keys.map((key) => [key, row[key]])))\n      }\n      onProgress(Math.min(99, Math.round(((index + EXPORT_PROGRESS_CHUNK_SIZE) / data.length) * 100)))\n      await yieldToPaint()\n    }\n    const output = JSON.stringify(rows, null, 2)\n    onProgress(100)\n    return output\n  }\n\n  const headers = columns.map((column) => escapeCsvCell(String(column.header)))\n  const lines = [headers.join(',')]\n  for (let index = 0; index < data.length; index += EXPORT_PROGRESS_CHUNK_SIZE) {\n    for (const row of data.slice(index, index + EXPORT_PROGRESS_CHUNK_SIZE)) {\n      lines.push(columns\n        .map((column) => escapeCsvCell(stringifyCellValue(column.accessorKey ? row[column.accessorKey] : undefined)))\n        .join(','))\n    }\n    onProgress(Math.min(99, Math.round(((index + EXPORT_PROGRESS_CHUNK_SIZE) / data.length) * 100)))\n    await yieldToPaint()\n  }\n  onProgress(100)\n  return lines.join('\\n')\n}\n\nexport { EXPORT_PROGRESS_ROW_THRESHOLD, exportDataTableRows, exportDataTableRowsProgressive }\nexport type { DataTableExportColumn }\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/components/dataTable/dataTable.export.d.cts

@@ -0,0 +1,11 @@
+import type { DataTableExportFormat } from './DataTableContext.cjs';
+type DataTableExportColumn<Row> = {
+    accessorKey?: keyof Row;
+    header: unknown;
+};
+declare function exportDataTableRows<Row extends Record<string, unknown>>(format: DataTableExportFormat, data: Row[], columns: Array<DataTableExportColumn<Row>>): string;
+declare const EXPORT_PROGRESS_ROW_THRESHOLD = 1000;
+declare function exportDataTableRowsProgressive<Row extends Record<string, unknown>>(format: DataTableExportFormat, data: Row[], columns: Array<DataTableExportColumn<Row>>, onProgress: (percent: number) => void): Promise<string>;
+export { EXPORT_PROGRESS_ROW_THRESHOLD, exportDataTableRows, exportDataTableRowsProgressive };
+export type { DataTableExportColumn };
+//# sourceMappingURL=dataTable.export.d.cts.map

package/dist/components/dataTable/dataTable.export.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dataTable.export.d.cts","sourceRoot":"","sources":["../../../src/components/dataTable/dataTable.export.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,oBAAoB,CAAA;AAE/D,KAAK,qBAAqB,CAAC,GAAG,IAAI;IAChC,WAAW,CAAC,EAAE,MAAM,GAAG,CAAA;IACvB,MAAM,EAAE,OAAO,CAAA;CAChB,CAAA;AAkBD,iBAAS,mBAAmB,CAAC,GAAG,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAC9D,MAAM,EAAE,qBAAqB,EAC7B,IAAI,EAAE,GAAG,EAAE,EACX,OAAO,EAAE,KAAK,CAAC,qBAAqB,CAAC,GAAG,CAAC,CAAC,GACzC,MAAM,CAWR;AAED,QAAA,MAAM,6BAA6B,OAAO,CAAA;AAO1C,iBAAe,8BAA8B,CAAC,GAAG,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAC/E,MAAM,EAAE,qBAAqB,EAC7B,IAAI,EAAE,GAAG,EAAE,EACX,OAAO,EAAE,KAAK,CAAC,qBAAqB,CAAC,GAAG,CAAC,CAAC,EAC1C,UAAU,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,GACpC,OAAO,CAAC,MAAM,CAAC,CA6BjB;AAED,OAAO,EAAE,6BAA6B,EAAE,mBAAmB,EAAE,8BAA8B,EAAE,CAAA;AAC7F,YAAY,EAAE,qBAAqB,EAAE,CAAA"}

package/dist/components/dataTable/dataTable.export.d.mts

@@ -0,0 +1,11 @@
+import type { DataTableExportFormat } from './DataTableContext.js';
+type DataTableExportColumn<Row> = {
+    accessorKey?: keyof Row;
+    header: unknown;
+};
+declare function exportDataTableRows<Row extends Record<string, unknown>>(format: DataTableExportFormat, data: Row[], columns: Array<DataTableExportColumn<Row>>): string;
+declare const EXPORT_PROGRESS_ROW_THRESHOLD = 1000;
+declare function exportDataTableRowsProgressive<Row extends Record<string, unknown>>(format: DataTableExportFormat, data: Row[], columns: Array<DataTableExportColumn<Row>>, onProgress: (percent: number) => void): Promise<string>;
+export { EXPORT_PROGRESS_ROW_THRESHOLD, exportDataTableRows, exportDataTableRowsProgressive };
+export type { DataTableExportColumn };
+//# sourceMappingURL=dataTable.export.d.mts.map

package/dist/components/dataTable/dataTable.export.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dataTable.export.d.mts","sourceRoot":"","sources":["../../../src/components/dataTable/dataTable.export.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,oBAAoB,CAAA;AAE/D,KAAK,qBAAqB,CAAC,GAAG,IAAI;IAChC,WAAW,CAAC,EAAE,MAAM,GAAG,CAAA;IACvB,MAAM,EAAE,OAAO,CAAA;CAChB,CAAA;AAkBD,iBAAS,mBAAmB,CAAC,GAAG,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAC9D,MAAM,EAAE,qBAAqB,EAC7B,IAAI,EAAE,GAAG,EAAE,EACX,OAAO,EAAE,KAAK,CAAC,qBAAqB,CAAC,GAAG,CAAC,CAAC,GACzC,MAAM,CAWR;AAED,QAAA,MAAM,6BAA6B,OAAO,CAAA;AAO1C,iBAAe,8BAA8B,CAAC,GAAG,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAC/E,MAAM,EAAE,qBAAqB,EAC7B,IAAI,EAAE,GAAG,EAAE,EACX,OAAO,EAAE,KAAK,CAAC,qBAAqB,CAAC,GAAG,CAAC,CAAC,EAC1C,UAAU,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,GACpC,OAAO,CAAC,MAAM,CAAC,CA6BjB;AAED,OAAO,EAAE,6BAA6B,EAAE,mBAAmB,EAAE,8BAA8B,EAAE,CAAA;AAC7F,YAAY,EAAE,qBAAqB,EAAE,CAAA"}

package/dist/components/dataTable/dataTable.export.d.ts

@@ -0,0 +1,11 @@
+import type { DataTableExportFormat } from './DataTableContext.js';
+type DataTableExportColumn<Row> = {
+    accessorKey?: keyof Row;
+    header: unknown;
+};
+declare function exportDataTableRows<Row extends Record<string, unknown>>(format: DataTableExportFormat, data: Row[], columns: Array<DataTableExportColumn<Row>>): string;
+declare const EXPORT_PROGRESS_ROW_THRESHOLD = 1000;
+declare function exportDataTableRowsProgressive<Row extends Record<string, unknown>>(format: DataTableExportFormat, data: Row[], columns: Array<DataTableExportColumn<Row>>, onProgress: (percent: number) => void): Promise<string>;
+export { EXPORT_PROGRESS_ROW_THRESHOLD, exportDataTableRows, exportDataTableRowsProgressive };
+export type { DataTableExportColumn };
+//# sourceMappingURL=dataTable.export.d.ts.map

package/dist/components/dataTable/dataTable.export.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dataTable.export.d.ts","sourceRoot":"","sources":["../../../src/components/dataTable/dataTable.export.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,oBAAoB,CAAA;AAE/D,KAAK,qBAAqB,CAAC,GAAG,IAAI;IAChC,WAAW,CAAC,EAAE,MAAM,GAAG,CAAA;IACvB,MAAM,EAAE,OAAO,CAAA;CAChB,CAAA;AAkBD,iBAAS,mBAAmB,CAAC,GAAG,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAC9D,MAAM,EAAE,qBAAqB,EAC7B,IAAI,EAAE,GAAG,EAAE,EACX,OAAO,EAAE,KAAK,CAAC,qBAAqB,CAAC,GAAG,CAAC,CAAC,GACzC,MAAM,CAWR;AAED,QAAA,MAAM,6BAA6B,OAAO,CAAA;AAO1C,iBAAe,8BAA8B,CAAC,GAAG,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAC/E,MAAM,EAAE,qBAAqB,EAC7B,IAAI,EAAE,GAAG,EAAE,EACX,OAAO,EAAE,KAAK,CAAC,qBAAqB,CAAC,GAAG,CAAC,CAAC,EAC1C,UAAU,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,GACpC,OAAO,CAAC,MAAM,CAAC,CA6BjB;AAED,OAAO,EAAE,6BAA6B,EAAE,mBAAmB,EAAE,8BAA8B,EAAE,CAAA;AAC7F,YAAY,EAAE,qBAAqB,EAAE,CAAA"}

package/dist/components/dataTable/dataTable.export.js

@@ -0,0 +1,63 @@
+function stringifyCellValue(value) {
+  if (value == null) return "";
+  if (typeof value === "string" || typeof value === "number" || typeof value === "boolean") return String(value);
+  if (value instanceof Date) return value.toISOString();
+  if (Array.isArray(value)) return value.map(stringifyCellValue).join(" ");
+  if (typeof value === "object") return JSON.stringify(value);
+  return String(value);
+}
+function escapeCsvCell(value) {
+  if (value.includes(",") || value.includes('"') || value.includes("\n") || value.includes("\r")) {
+    return `"${value.replace(/"/g, '""')}"`;
+  }
+  return value;
+}
+function exportDataTableRows(format, data, columns) {
+  if (format === "json") {
+    const keys = columns.map((column) => column.accessorKey).filter((key) => key !== void 0);
+    return JSON.stringify(data.map((row) => Object.fromEntries(keys.map((key) => [key, row[key]]))), null, 2);
+  }
+  const headers = columns.map((column) => escapeCsvCell(String(column.header)));
+  const rows = data.map((row) => columns.map((column) => escapeCsvCell(stringifyCellValue(column.accessorKey ? row[column.accessorKey] : void 0))).join(","));
+  return [headers.join(","), ...rows].join("\n");
+}
+const EXPORT_PROGRESS_ROW_THRESHOLD = 1e3;
+const EXPORT_PROGRESS_CHUNK_SIZE = 500;
+function yieldToPaint() {
+  return new Promise((resolve) => {
+    setTimeout(resolve, 0);
+  });
+}
+async function exportDataTableRowsProgressive(format, data, columns, onProgress) {
+  if (format === "json") {
+    const keys = columns.map((column) => column.accessorKey).filter((key) => key !== void 0);
+    const rows = [];
+    for (let index = 0; index < data.length; index += EXPORT_PROGRESS_CHUNK_SIZE) {
+      for (const row of data.slice(index, index + EXPORT_PROGRESS_CHUNK_SIZE)) {
+        rows.push(Object.fromEntries(keys.map((key) => [key, row[key]])));
+      }
+      onProgress(Math.min(99, Math.round((index + EXPORT_PROGRESS_CHUNK_SIZE) / data.length * 100)));
+      await yieldToPaint();
+    }
+    const output = JSON.stringify(rows, null, 2);
+    onProgress(100);
+    return output;
+  }
+  const headers = columns.map((column) => escapeCsvCell(String(column.header)));
+  const lines = [headers.join(",")];
+  for (let index = 0; index < data.length; index += EXPORT_PROGRESS_CHUNK_SIZE) {
+    for (const row of data.slice(index, index + EXPORT_PROGRESS_CHUNK_SIZE)) {
+      lines.push(columns.map((column) => escapeCsvCell(stringifyCellValue(column.accessorKey ? row[column.accessorKey] : void 0))).join(","));
+    }
+    onProgress(Math.min(99, Math.round((index + EXPORT_PROGRESS_CHUNK_SIZE) / data.length * 100)));
+    await yieldToPaint();
+  }
+  onProgress(100);
+  return lines.join("\n");
+}
+export {
+  EXPORT_PROGRESS_ROW_THRESHOLD,
+  exportDataTableRows,
+  exportDataTableRowsProgressive
+};
+//# sourceMappingURL=dataTable.export.js.map