@svgrid/grid 1.1.1 → 1.2.1

package/dist/cell-values.d.ts

@@ -20,7 +20,7 @@ export declare function getColumnAlign<TData extends RowData>(column: Column<TDa
 /**
  * Read a cell value from a PINNED row. Pinned rows aren't bound to a
  * TanStack Row<TData>, so we resolve the value directly off the raw
- * TData via `accessorFn` or `field`. Mirrors `getColumnBaseValue`'s
+ * TData via `fieldFn` or `field`. Mirrors `getColumnBaseValue`'s
  * lookup path minus the Row indirection.
  */
 export declare function getPinnedCellValue<TData extends RowData>(rowData: TData, column: Column<TData>): unknown;

package/dist/cell-values.js

@@ -1,8 +1,8 @@
 import { formatNumericWithConfig } from "./cell-formatting";
 export function getColumnBaseValue(row, column) {
     const def = column.columnDef;
-    if (def.accessorFn)
-        return def.accessorFn(row.original);
+    if (def.fieldFn)
+        return def.fieldFn(row.original);
     if (def.field)
         return row.original[def.field];
     return row.getCellValueByColumnId(column.id);
@@ -64,13 +64,13 @@ export function getColumnAlign(column) {
 /**
  * Read a cell value from a PINNED row. Pinned rows aren't bound to a
  * TanStack Row<TData>, so we resolve the value directly off the raw
- * TData via `accessorFn` or `field`. Mirrors `getColumnBaseValue`'s
+ * TData via `fieldFn` or `field`. Mirrors `getColumnBaseValue`'s
  * lookup path minus the Row indirection.
  */
 export function getPinnedCellValue(rowData, column) {
     const def = column.columnDef;
-    if (def.accessorFn)
-        return def.accessorFn(rowData);
+    if (def.fieldFn)
+        return def.fieldFn(rowData);
     const field = def.field;
     if (!field)
         return undefined;
@@ -78,8 +78,8 @@ export function getPinnedCellValue(rowData, column) {
 }
 export function getColumnAccessorValue(rowData, column) {
     const def = column.columnDef;
-    if (def.accessorFn)
-        return def.accessorFn(rowData);
+    if (def.fieldFn)
+        return def.fieldFn(rowData);
     if (def.field)
         return rowData[def.field];
     return undefined;

package/dist/column-types.js

@@ -47,7 +47,7 @@ export function resolveColumnTypes(columns, sampleRow, infer) {
         let dt = col.cellDataType;
         if (!dt && infer && !hasExplicitEditor && sampleRow != null) {
             const field = col.field;
-            const raw = col.accessorFn?.(sampleRow) ??
+            const raw = col.fieldFn?.(sampleRow) ??
                 (typeof field === "string" ? sampleRow[field] : undefined);
             dt = inferCellDataType(raw);
         }

package/dist/core.d.ts

@@ -129,7 +129,7 @@ export declare function applyGroupAggregate<TData extends RowData>(agg: GroupAgg
 export type ColumnDef<TFeatures extends TableFeatures, TData extends RowData> = {
     id?: string;
     field?: keyof TData & string;
-    accessorFn?: (row: TData) => unknown;
+    fieldFn?: (row: TData) => unknown;
     header?: ColumnDefTemplate<HeaderContext<TData>>;
     footer?: ColumnDefTemplate<HeaderContext<TData>>;
     cell?: ColumnDefTemplate<CellContext<TData>>;

package/dist/core.js

@@ -454,8 +454,8 @@ export function createSvGridCore(options) {
                         const values = new Array(columnCount);
                         for (let i = 0; i < columnCount; i++) {
                             const column = columns[i];
-                            if (column.columnDef.accessorFn) {
-                                values[i] = column.columnDef.accessorFn(original);
+                            if (column.columnDef.fieldFn) {
+                                values[i] = column.columnDef.fieldFn(original);
                             }
                             else if (column.columnDef.field) {
                                 values[i] = original[column.columnDef.field];

package/dist/summaries.js

@@ -13,7 +13,7 @@ export function createSummaries(ctx) {
      *      trap for every cell otherwise - 5M no-op trap calls on a
      *      100k x 50 grid. Skipping it when the map is empty is the single
      *      biggest win here.
-     *   2. The column's accessor (`accessorFn` / `field`) is resolved once
+     *   2. The column's accessor (`fieldFn` / `field`) is resolved once
      *      per column, not re-read off `columnDef` for every cell.
      */
     function computeSummaries(rows, columns) {
@@ -22,7 +22,7 @@ export function createSummaries(ctx) {
         const hasEdits = Object.keys(ctx.editedCellValues).length > 0;
         for (const column of columns) {
             const def = column.columnDef;
-            const accessorFn = def.accessorFn;
+            const fieldFn = def.fieldFn;
             const field = def.field;
             const columnId = column.id;
             let numericSum = 0;
@@ -30,8 +30,8 @@ export function createSummaries(ctx) {
             for (let i = 0; i < rowCount; i += 1) {
                 const row = rows[i];
                 let value;
-                const base = accessorFn
-                    ? accessorFn(row.original)
+                const base = fieldFn
+                    ? fieldFn(row.original)
                     : field
                         ? row.original[field]
                         : row.getCellValueByColumnId(columnId);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@svgrid/grid",
-  "version": "1.1.1",
+  "version": "1.2.1",
   "description": "SvGrid - a headless-first, Svelte 5-native data grid engine and render component.",
   "author": "jQWidgets <boikom@jqwidgets.com>",
   "license": "MIT",
@@ -21,12 +21,22 @@
   "types": "dist/index.d.ts",
   "module": "dist/index.js",
   "svelte": "./dist/index.js",
+  "unpkg": "./dist/cdn/svgrid.js",
+  "jsdelivr": "./dist/cdn/svgrid.js",
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",
       "svelte": "./dist/index.js",
       "import": "./dist/index.js"
     },
+    "./cdn": {
+      "import": "./dist/cdn/svgrid.js",
+      "default": "./dist/cdn/svgrid.js"
+    },
+    "./cdn/svelte-external": {
+      "import": "./dist/cdn/svgrid.svelte-external.js",
+      "default": "./dist/cdn/svgrid.svelte-external.js"
+    },
     "./static-functions": {
       "types": "./dist/static-functions.d.ts",
       "svelte": "./dist/static-functions.js",
@@ -52,7 +62,7 @@
     "test:types": "svelte-check --tsconfig ./tsconfig.json",
     "test:lib": "vitest run --coverage",
     "test:build": "publint --strict",
-    "build": "svelte-package --input ./src --output ./dist"
+    "build": "svelte-package --input ./src --output ./dist && node ../../tools/strip-dist-tests.mjs ./dist && node ./scripts/build-cdn.mjs"
   },
   "devDependencies": {
     "@sveltejs/package": "^2.5.7",

package/src/FlexRender.svelte

@@ -1,96 +1,96 @@
-<script
-  lang="ts"
-  generics="TData extends RowData"
->
-  import { isFunction } from './core'
-  import {
-    RenderComponentConfig,
-    RenderSnippetConfig,
-  } from './render-component'
-  import type {
-    Cell,
-    CellContext,
-    ColumnDefTemplate,
-    Header,
-    HeaderContext,
-    RowData,
-  } from './core'
-
-  type Props =
-    | {
-        content?: ColumnDefTemplate<
-          | HeaderContext<TData>
-          | CellContext<TData>
-        >
-        context:
-          | HeaderContext<TData>
-          | CellContext<TData>
-        cell?: never
-        header?: never
-        footer?: never
-      }
-    | {
-        cell: Cell<TData>
-        content?: never
-        context?: never
-        header?: never
-        footer?: never
-      }
-    | {
-        header: Header<TData>
-        content?: never
-        context?: never
-        cell?: never
-        footer?: never
-      }
-    | {
-        footer: Header<TData>
-        content?: never
-        context?: never
-        cell?: never
-        header?: never
-      }
-
-  let props: Props = $props()
-
-  const resolved = $derived.by(() => {
-    if ('cell' in props && props.cell) {
-      return {
-        content: props.cell.column.columnDef.cell,
-        context: props.cell.getContext(),
-      }
-    }
-    if ('header' in props && props.header) {
-      return {
-        content: props.header.column.columnDef.header,
-        context: props.header.getContext(),
-      }
-    }
-    if ('footer' in props && props.footer) {
-      return {
-        content: props.footer.column.columnDef.footer,
-        context: props.footer.getContext(),
-      }
-    }
-    return {
-      content: props.content,
-      context: props.context,
-    }
-  })
-
-  const result = $derived(
-    isFunction(resolved.content)
-      ? resolved.content(resolved.context as any)
-      : undefined,
-  )
-</script>
-
-{#if typeof resolved.content === 'string'}
-  {resolved.content}
-{:else if result instanceof RenderComponentConfig}
-  <result.component {...result.props} />
-{:else if result instanceof RenderSnippetConfig}
-  {@render result.snippet(result.params)}
-{:else if result !== undefined}
-  {result}
-{/if}
+<script
+  lang="ts"
+  generics="TData extends RowData"
+>
+  import { isFunction } from './core'
+  import {
+    RenderComponentConfig,
+    RenderSnippetConfig,
+  } from './render-component'
+  import type {
+    Cell,
+    CellContext,
+    ColumnDefTemplate,
+    Header,
+    HeaderContext,
+    RowData,
+  } from './core'
+
+  type Props =
+    | {
+        content?: ColumnDefTemplate<
+          | HeaderContext<TData>
+          | CellContext<TData>
+        >
+        context:
+          | HeaderContext<TData>
+          | CellContext<TData>
+        cell?: never
+        header?: never
+        footer?: never
+      }
+    | {
+        cell: Cell<TData>
+        content?: never
+        context?: never
+        header?: never
+        footer?: never
+      }
+    | {
+        header: Header<TData>
+        content?: never
+        context?: never
+        cell?: never
+        footer?: never
+      }
+    | {
+        footer: Header<TData>
+        content?: never
+        context?: never
+        cell?: never
+        header?: never
+      }
+
+  let props: Props = $props()
+
+  const resolved = $derived.by(() => {
+    if ('cell' in props && props.cell) {
+      return {
+        content: props.cell.column.columnDef.cell,
+        context: props.cell.getContext(),
+      }
+    }
+    if ('header' in props && props.header) {
+      return {
+        content: props.header.column.columnDef.header,
+        context: props.header.getContext(),
+      }
+    }
+    if ('footer' in props && props.footer) {
+      return {
+        content: props.footer.column.columnDef.footer,
+        context: props.footer.getContext(),
+      }
+    }
+    return {
+      content: props.content,
+      context: props.context,
+    }
+  })
+
+  const result = $derived(
+    isFunction(resolved.content)
+      ? resolved.content(resolved.context as any)
+      : undefined,
+  )
+</script>
+
+{#if typeof resolved.content === 'string'}
+  {resolved.content}
+{:else if result instanceof RenderComponentConfig}
+  <result.component {...result.props} />
+{:else if result instanceof RenderSnippetConfig}
+  {@render result.snippet(result.params)}
+{:else if result !== undefined}
+  {result}
+{/if}