@svgrid/grid 1.2.22 → 1.2.23

package/dist/SvTree.svelte.d.ts

@@ -0,0 +1,29 @@
+export type TreeNode = {
+    id: string;
+    label: string;
+    children?: TreeNode[];
+    disabled?: boolean;
+};
+/**
+ * SvTree - a WAI-ARIA tree view. Expand/collapse, single-select highlight, and
+ * optional cascading tri-state checkboxes. Parity: Smart `smart-tree`. Keyboard:
+ * up/down move, left collapse/parent, right expand/child, Enter/Space select.
+ * The visible tree is flattened so roving-focus keyboard nav stays simple.
+ */
+type Props = {
+    nodes: ReadonlyArray<TreeNode>;
+    /** Selected node id (single-select highlight). */
+    selected?: string | null;
+    onSelect?: (id: string) => void;
+    /** Initially/controlled expanded ids. */
+    expandedIds?: string[];
+    onToggle?: (id: string, expanded: boolean) => void;
+    /** Show cascading checkboxes; `checked` is the set of checked ids. */
+    checkable?: boolean;
+    checked?: string[];
+    onCheck?: (ids: string[]) => void;
+    ariaLabel?: string;
+};
+declare const SvTree: import("svelte").Component<Props, {}, "">;
+type SvTree = ReturnType<typeof SvTree>;
+export default SvTree;

package/dist/build-api.js

@@ -1,8 +1,35 @@
 import "./sv-grid-scrollbar";
-import { isGroupRow, columnDefMatchesId, } from "./cell-values";
+import { projectGridRows, serializeDelimited, serializeJson, serializeMarkdown, downloadTextFile, copyTextToClipboard, } from "./export-format";
+import { isGroupRow, getColumnAlign, columnDefMatchesId, } from "./cell-values";
 export function createGridApi(ctx) {
     function buildApi() {
         const findColumn = (columnId) => ctx.grid.getAllColumns().find((column) => column.id === columnId);
+        // --- Free data export (CSV / TSV / JSON + clipboard) helpers ----------
+        // Snapshot the VISIBLE columns (field + label + format + align) so the
+        // exporter reproduces on-screen values. Mirrors getColumns()'s visible set.
+        const exportColumns = () => ctx.allColumns
+            .map((c) => ({
+            field: c.columnDef.field,
+            header: typeof c.columnDef.header === "string" ? c.columnDef.header : c.id,
+            format: c.columnDef.format,
+            align: getColumnAlign(c),
+        }))
+            .filter((c) => !!c.field);
+        // Rows for the requested scope: current view / checked / full dataset.
+        const exportScopeRows = (scope) => {
+            if (scope === "all")
+                return ctx.internalData;
+            const out = [];
+            for (const row of ctx.allRows) {
+                if (isGroupRow(row))
+                    continue;
+                if (scope === "selected" && !ctx.rowSelectionState[row.id])
+                    continue;
+                out.push(row.original);
+            }
+            return out;
+        };
+        const projectForExport = (scope, columns, rawValues) => projectGridRows(exportScopeRows(scope), exportColumns(), { columns, rawValues });
         return {
             getCellValue(rowIndex, columnId) {
                 const row = ctx.internalData[rowIndex];
@@ -281,6 +308,12 @@ export function createGridApi(ctx) {
                         ? c.columnDef.header
                         : c.id,
                     visible,
+                    // Surface the format + alignment so exporters can reproduce the
+                    // on-screen display value (currency symbol, date pattern, etc.)
+                    // instead of dumping raw values. `getColumnAlign` applies the same
+                    // editorType-based default the body uses.
+                    format: c.columnDef.format,
+                    align: getColumnAlign(c),
                 });
                 // Visible columns first, in their current visual order...
                 const out = ctx.allColumns.map((c) => describe(c, true));
@@ -294,6 +327,50 @@ export function createGridApi(ctx) {
                 }
                 return out;
             },
+            // ---- Free data export (CSV / TSV / JSON + clipboard) -----------------
+            async exportCsv(options = {}) {
+                const { records, fields } = projectForExport(options.rows ?? "displayed", options.columns, options.rawValues);
+                const text = await serializeDelimited(records, fields, {
+                    csv: { delimiter: ",", bom: options.bom ?? true },
+                    signal: options.signal,
+                    onProgress: options.onProgress,
+                });
+                if (options.download !== false)
+                    downloadTextFile(text, `${options.filename ?? "grid"}.csv`, "text/csv;charset=utf-8");
+                return text;
+            },
+            async exportTsv(options = {}) {
+                const { records, fields } = projectForExport(options.rows ?? "displayed", options.columns, options.rawValues);
+                const text = await serializeDelimited(records, fields, {
+                    csv: { delimiter: "\t", bom: options.bom ?? true },
+                    signal: options.signal,
+                    onProgress: options.onProgress,
+                });
+                if (options.download !== false)
+                    downloadTextFile(text, `${options.filename ?? "grid"}.tsv`, "text/tab-separated-values;charset=utf-8");
+                return text;
+            },
+            async exportJson(options = {}) {
+                const { records, fields } = projectForExport(options.rows ?? "displayed", options.columns, options.rawValues);
+                const text = await serializeJson(records, fields, {
+                    signal: options.signal,
+                    onProgress: options.onProgress,
+                });
+                if (options.download !== false)
+                    downloadTextFile(text, `${options.filename ?? "grid"}.json`, "application/json");
+                return text;
+            },
+            async copyToClipboard(options = {}) {
+                const { records, fields, align } = projectForExport(options.rows ?? "displayed", options.columns, options.rawValues);
+                const format = options.format ?? "tsv";
+                const text = format === "markdown"
+                    ? await serializeMarkdown(records, fields, { align })
+                    : await serializeDelimited(records, fields, {
+                        csv: { delimiter: format === "csv" ? "," : "\t", bom: false },
+                    });
+                await copyTextToClipboard(text);
+                return text;
+            },
             clearRowSelection() {
                 // Wipe the internal selection map AND emit the change so any
                 // consumer holding a derived `selectedRows` resets too.