@svgrid/grid 2.6.21 → 2.6.22

package/dist/filtering/excel-filters.js

@@ -8,11 +8,39 @@ const DIACRITIC_RE = /[̀-ͯ]/g;
 export function normalizeForFilter(s, locale) {
     if (!s)
         return '';
+    // Fast path for pure-ASCII input, which is the overwhelming majority of what
+    // a grid filters. Both of the expensive steps are provably no-ops there:
+    // ASCII is already NFD-normalised, and the combining-marks block this strips
+    // (U+0300..U+036F) contains no ASCII. So lowercasing alone is the same
+    // answer, and `normalize-fast-path.test.ts` checks that exhaustively over
+    // every ASCII code point rather than taking the argument on trust.
+    //
+    // Worth the branch: this runs once per cell per filter - 100,000 times for a
+    // one-column filter over a 100k grid - and a CPU profile of a browser filter
+    // put more time in this function than in any other.
+    //
+    // Note the locale still routes through toLocaleLowerCase even on the fast
+    // path: 'I'.toLocaleLowerCase('tr') is 'ı', so ASCII does NOT imply the
+    // locale can be ignored.
+    if (isAsciiOnly(s)) {
+        return locale ? s.toLocaleLowerCase(locale) : s.toLowerCase();
+    }
     const stripped = s.normalize('NFD').replace(DIACRITIC_RE, '');
     return locale
         ? stripped.toLocaleLowerCase(locale)
         : stripped.toLowerCase();
 }
+/**
+ * True when every code unit is ASCII. A plain char-code scan, which is far
+ * cheaper than the `normalize()` + regex pass it lets us skip.
+ */
+function isAsciiOnly(s) {
+    for (let i = 0; i < s.length; i++) {
+        if (s.charCodeAt(i) > 127)
+            return false;
+    }
+    return true;
+}
 /**
  * Delimiter used to serialise the `in` / `notIn` value list into the single
  * `value` string that the filter model carries.

package/dist/group-display.d.ts

@@ -13,7 +13,7 @@
  * Both are generic over the row / column shape (via small accessor callbacks) so
  * they are trivially unit-testable and carry no dependency on the grid runtime.
  */
-/** AG-Grid-style grouping display variants. */
+/** Grouping display variants. */
 export type GroupDisplayType = 'groupRows' | 'singleColumn' | 'multipleColumns';
 export type GroupFooterOptions<R> = {
     /** Depth of a row (group rows and their descendants). */

package/dist/index.d.ts

@@ -194,6 +194,7 @@ export { chartToSvgString, downloadChartSvg, chartToPngBlob, downloadChartPng, c
 export { buildSparkline, toSparklineValues, type SparklineConfig, type SparklineType, type SparklineGeometry, } from './sparkline.js';
 export { spreadsheetLayout, spansToMerges, type SpanColumn, type SpreadsheetActionOptions, type MergeSpec, type CellBorderSpec, type BorderSpec, } from './spreadsheet.js';
 export { rowResize, type RowResizeOptions } from './row-resize.js';
+export { columnResize, type ColumnResizeOptions } from './column-resize.js';
 export { rowDropZone, type RowDragEndEvent, type RowDropZoneOptions } from './row-drag.js';
 export { resolveColumnTypes, inferCellDataType, type CellDataType } from './column-types.js';
 export { computeColumnGroupMeta, hiddenLeavesForCollapse, type ColumnGroupMeta, type ColumnGroupShow, } from './column-groups.js';
@@ -212,7 +213,7 @@ export { createVirtualizer } from './virtualization/virtualizer.js';
 export { createSvelteVirtualizer } from './virtualization/svelte-virtualizer.svelte.js';
 export { createColumnVirtualizer } from './virtualization/column-virtualizer.js';
 export type { VirtualItem, VirtualizerOptions, VirtualizerState } from './virtualization/types.js';
-export type { SvGridApi, SvGridFilterOperator, SvGridWrapperProps } from './svgrid-wrapper.types.js';
+export type { SvGridApi, SvGridFilterOperator, SvGridViewState, SvGridWrapperProps, } from './svgrid-wrapper.types.js';
 export { parseEditorValue, normalizeEditorOptions, type CellEditorType, type CellEditorOption, } from './editors/cell-editors.js';
 export { applyExcelFilter, compileExcelFilter, normalizeForFilter, splitInTokens, joinInTokens, trailingInToken, type CompiledExcelFilter, type ExcelFilter, type ExcelFilterOperator, type ExcelFilterOptions, } from './filtering/excel-filters.js';
 export { ALL_FILTER_OPERATORS, SET_OPERATOR_IDS, VALUELESS_OPERATOR_IDS, RANGE_OPERATOR_IDS, isSetOperator, isValuelessOperator, isRangeOperator, type FilterValueType, } from './filtering/filter-operator-catalogue.js';

package/dist/index.js

@@ -230,7 +230,13 @@ export { buildChart, formatChartValue, rowsToChartSpec, niceScale, niceLogScale,
 export { chartToSvgString, downloadChartSvg, chartToPngBlob, downloadChartPng, chartSpecToCsv, downloadChartCsv, } from './chart-export.js';
 export { buildSparkline, toSparklineValues, } from './sparkline.js';
 export { spreadsheetLayout, spansToMerges, } from './spreadsheet.js';
+// The two resize actions, exported as a matched pair. `<SvGrid>` drives both
+// through the `rowResize` / `columnResize` props - both default OFF, both are
+// turned on by setting them true, and the grid `import()`s the module itself so
+// a grid that leaves them off carries neither. Import them directly only for a
+// headless table, which renders its own rows and headers.
 export { rowResize } from './row-resize.js';
+export { columnResize } from './column-resize.js';
 export { rowDropZone } from './row-drag.js';
 export { resolveColumnTypes, inferCellDataType } from './column-types.js';
 export { computeColumnGroupMeta, hiddenLeavesForCollapse, } from './column-groups.js';

package/dist/menus.js

@@ -118,7 +118,7 @@ export function createMenus(ctx) {
     function openChooseColumns(event) {
         event.stopPropagation();
         // Submenu behavior: keep the parent operations menu open and float the
-        // Choose Columns panel out to the right of it (AG-Grid style). Falls
+        // Choose Columns panel out to the right of it, submenu-style. Falls
         // back to below the item if the popover would clip the viewport.
         const trigger = event.currentTarget;
         const menuEl = trigger.closest(".sv-grid-menu");

package/dist/row-resize.d.ts

@@ -36,6 +36,17 @@ export type RowResizeOptions = {
     max?: number;
     /** When true, the action removes its strips and ignores events. */
     disabled?: boolean;
+    /**
+     * Where the drag strip is anchored.
+     * - `'gutter'` (default) - only rows that have a row-header gutter cell get
+     *   a strip: the built-in row-number column (`showRowNumbers`) or a column
+     *   tagged `cellClass: 'sv-row-gutter'`. Rows without one are skipped, so on
+     *   a plain grid the action does nothing.
+     * - `'row'` - use the gutter when there is one, otherwise fall back to the
+     *   row's first body cell. This is what `<SvGrid rowResize>` passes, so the
+     *   prop works without also asking for a gutter column.
+     */
+    anchor?: 'gutter' | 'row';
 };
 export declare function rowResize(node: HTMLElement, opts: RowResizeOptions): {
     update(next: RowResizeOptions): void;

package/dist/row-resize.js

@@ -141,7 +141,13 @@ export function rowResize(node, opts) {
             // A row-header gutter cell: either a user column tagged
             // `sv-row-gutter`, or the grid's built-in row-number gutter
             // (`showRowNumbers`), whose cell is `.sv-grid-row-number-cell`.
-            const gutter = tr.querySelector('.sv-grid-cell.sv-row-gutter, .sv-grid-cell.sv-grid-row-number-cell');
+            const gutter = tr.querySelector('.sv-grid-cell.sv-row-gutter, .sv-grid-cell.sv-grid-row-number-cell') ??
+                // `anchor: 'row'` - no gutter on this grid, so hang the strip off the
+                // first body cell instead. Without this a grid with no row-number
+                // column would silently not resize.
+                (current.anchor === 'row'
+                    ? tr.querySelector('.sv-grid-cell')
+                    : null);
             if (!gutter)
                 continue;
             if (gutter.querySelector(`:scope > .${STRIP_CLASS}`))

package/dist/selection.js

@@ -225,6 +225,15 @@ export function createSelection(ctx) {
      * outline wins on overlap). Returns null when the cell is in no range.
      */
     function getCellRangeEdges(rowIndex, colIndex) {
+        // Bail before `getSelectionRects()`, which allocates an array and resolves
+        // every range. This runs once per rendered CELL on every render - about 250
+        // times per frame on a default grid - and with nothing selected it did all
+        // that work to return null every time. An anchored active range or a
+        // committed one is the only way any rect can exist.
+        const active = ctx.selectionRange;
+        const committed = ctx.selectionRanges;
+        if (!committed?.length && !(active?.anchor && active?.focus))
+            return null;
         for (const rect of getSelectionRects()) {
             if (rowIndex < rect.minRow ||
                 rowIndex > rect.maxRow ||

package/dist/spreadsheet.d.ts

@@ -63,7 +63,7 @@ export type SpanColumn<TData = Record<string, unknown>> = {
 /**
  * Turn declarative per-column `colSpan` / `rowSpan` callbacks into a
  * `MergeSpec[]` you can hand to `spreadsheetLayout` - so value-driven,
- * AG-Grid-style spanning runs on the SAME real colspan/rowspan merge engine
+ * Declarative spanning runs on the SAME real colspan/rowspan merge engine
  * instead of a second code path. Recompute after sort/filter (indexes are
  * display-row indexes). A common pattern is "merge runs of equal values":
  *

package/dist/spreadsheet.js

@@ -22,7 +22,7 @@
 /**
  * Turn declarative per-column `colSpan` / `rowSpan` callbacks into a
  * `MergeSpec[]` you can hand to `spreadsheetLayout` - so value-driven,
- * AG-Grid-style spanning runs on the SAME real colspan/rowspan merge engine
+ * Declarative spanning runs on the SAME real colspan/rowspan merge engine
  * instead of a second code path. Recompute after sort/filter (indexes are
  * display-row indexes). A common pattern is "merge runs of equal values":
  *

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@svgrid/grid",
-  "version": "2.6.21",
+  "version": "2.6.22",
   "description": "Svelte 5-native data grid and data table. Headless-first engine with virtual scrolling for 100k+ rows, Excel-style filtering, inline editing, grouping, tree data, pivot, and server-side data. Drop-in <SvGrid> component. TypeScript, SSR-ready.",
   "author": "jQWidgets <boikom@jqwidgets.com>",
   "license": "MIT",

package/src/GridMenus.svelte

@@ -450,18 +450,23 @@
         </button>
       {/if}
       <div class="sv-grid-menu-sep"></div>
-      <button
-        type="button"
-        class="sv-grid-menu-item"
-        role="menuitem"
-        onclick={() => {
-          autosizeColumn(menuColumnId);
-          closeMenus();
-        }}
-      >
-        <span class="sv-grid-header-icon">{@render icon("autosize")}</span> Autosize
-        this column
-      </button>
+      <!-- `resizable: false` means the width is part of the layout, so the
+           menu must not offer to change it either - otherwise removing the
+           drag handle just moves the same action one click away. -->
+      {#if ctrl.columnResizable(menuColumnId)}
+        <button
+          type="button"
+          class="sv-grid-menu-item"
+          role="menuitem"
+          onclick={() => {
+            autosizeColumn(menuColumnId);
+            closeMenus();
+          }}
+        >
+          <span class="sv-grid-header-icon">{@render icon("autosize")}</span> Autosize
+          this column
+        </button>
+      {/if}
       <button
         type="button"
         class="sv-grid-menu-item"