@alaarab/ogrid-core 2.0.11 → 2.0.13

package/dist/esm/utils/columnAutosize.js

@@ -0,0 +1,38 @@
+/**
+ * Column autosize DOM measurement utilities shared across all frameworks.
+ */
+import { DEFAULT_MIN_COLUMN_WIDTH } from '../constants/layout';
+/** Extra pixels added to header label width to account for sort/filter icons + padding. */
+export const AUTOSIZE_EXTRA_PX = 44;
+/** Maximum column width from autosize. */
+export const AUTOSIZE_MAX_PX = 520;
+/**
+ * Measure the ideal width for a column by scanning all DOM cells with
+ * `[data-column-id="<columnId>"]` and computing the maximum scrollWidth.
+ *
+ * Header cells with a `[data-header-label]` child get extra padding for icons.
+ *
+ * @param columnId - Column to measure
+ * @param minWidth - Minimum width (defaults to DEFAULT_MIN_COLUMN_WIDTH)
+ * @param container - Optional container element to scope the query (defaults to `document`)
+ * @returns The ideal column width in pixels, clamped between minWidth and AUTOSIZE_MAX_PX
+ */
+export function measureColumnContentWidth(columnId, minWidth, container) {
+    const minW = minWidth ?? DEFAULT_MIN_COLUMN_WIDTH;
+    const root = container ?? document;
+    const cells = root.querySelectorAll(`[data-column-id="${columnId}"]`);
+    if (cells.length === 0)
+        return minW;
+    let maxWidth = minW;
+    cells.forEach((cell) => {
+        const el = cell;
+        const label = el.querySelector?.('[data-header-label]');
+        if (label) {
+            maxWidth = Math.max(maxWidth, label.scrollWidth + AUTOSIZE_EXTRA_PX);
+        }
+        else {
+            maxWidth = Math.max(maxWidth, el.scrollWidth);
+        }
+    });
+    return Math.min(AUTOSIZE_MAX_PX, Math.max(minW, Math.ceil(maxWidth)));
+}

package/dist/esm/utils/dataGridViewModel.js

@@ -76,7 +76,8 @@ export function getCellRenderDescriptor(item, col, rowIndex, colIdx, input) {
     const canEditAny = canEditInline || canEditPopup;
     const isEditing = input.editingCell?.rowId === rowId &&
         input.editingCell?.columnId === col.columnId;
-    const isActive = input.activeCell?.rowIndex === rowIndex &&
+    const isActive = !input.isDragging &&
+        input.activeCell?.rowIndex === rowIndex &&
         input.activeCell?.columnIndex === globalColIndex;
     const isInRange = input.selectionRange != null &&
         isInSelectionRange(input.selectionRange, rowIndex, colIdx);

package/dist/esm/utils/index.js

@@ -15,3 +15,5 @@ export { computeVisibleRange, computeTotalHeight, getScrollTopForRow, } from './
 export { getHeaderFilterConfig, getCellRenderDescriptor, resolveCellDisplayContent, resolveCellStyle, buildInlineEditorProps, buildPopoverEditorProps, } from './dataGridViewModel';
 export { debounce } from './debounce';
 export { measureRange, injectGlobalStyles } from './dom';
+export { computeNextSortState } from './sortHelpers';
+export { measureColumnContentWidth, AUTOSIZE_EXTRA_PX, AUTOSIZE_MAX_PX } from './columnAutosize';

package/dist/esm/utils/sortHelpers.js

@@ -0,0 +1,28 @@
+/**
+ * Sort state computation helpers shared across all frameworks.
+ */
+/**
+ * Compute the next sort state given the current state and a sort request.
+ *
+ * @param current - Current sort state
+ * @param columnKey - Column being sorted
+ * @param direction - Explicit direction, `null` to clear, or `undefined` to toggle
+ * @returns New sort state
+ */
+export function computeNextSortState(current, columnKey, direction) {
+    if (direction === null) {
+        // Clear sort
+        return { field: '', direction: 'asc' };
+    }
+    else if (direction) {
+        // Explicit direction (from column menu)
+        return { field: columnKey, direction };
+    }
+    else {
+        // Toggle (existing behavior for header click)
+        return {
+            field: columnKey,
+            direction: current.field === columnKey && current.direction === 'asc' ? 'desc' : 'asc',
+        };
+    }
+}

package/dist/types/utils/columnAutosize.d.ts

@@ -0,0 +1,21 @@
+/**
+ * Column autosize DOM measurement utilities shared across all frameworks.
+ */
+/** Extra pixels added to header label width to account for sort/filter icons + padding. */
+export declare const AUTOSIZE_EXTRA_PX = 44;
+/** Maximum column width from autosize. */
+export declare const AUTOSIZE_MAX_PX = 520;
+/**
+ * Measure the ideal width for a column by scanning all DOM cells with
+ * `[data-column-id="<columnId>"]` and computing the maximum scrollWidth.
+ *
+ * Header cells with a `[data-header-label]` child get extra padding for icons.
+ *
+ * @param columnId - Column to measure
+ * @param minWidth - Minimum width (defaults to DEFAULT_MIN_COLUMN_WIDTH)
+ * @param container - Optional container element to scope the query (defaults to `document`)
+ * @returns The ideal column width in pixels, clamped between minWidth and AUTOSIZE_MAX_PX
+ */
+export declare function measureColumnContentWidth(columnId: string, minWidth?: number, container?: {
+    querySelectorAll: (selector: string) => NodeListOf<Element>;
+}): number;

package/dist/types/utils/dataGridViewModel.d.ts

@@ -9,7 +9,7 @@ import type { RowId, UserLike, IFilters, FilterValue } from '../types/dataGridTy
 export interface HeaderFilterConfigInput {
     sortBy?: string;
     sortDirection: 'asc' | 'desc';
-    onColumnSort: (columnKey: string) => void;
+    onColumnSort: (columnKey: string, direction?: 'asc' | 'desc' | null) => void;
     filters: IFilters;
     onFilterChange: (key: string, value: FilterValue | undefined) => void;
     filterOptions: Record<string, string[]>;

package/dist/types/utils/index.d.ts

@@ -26,3 +26,6 @@ export type { HeaderFilterConfigInput, HeaderFilterConfig, CellRenderDescriptorI
 export { debounce } from './debounce';
 export { measureRange, injectGlobalStyles } from './dom';
 export type { OverlayRect } from './dom';
+export { computeNextSortState } from './sortHelpers';
+export type { ISortState } from './sortHelpers';
+export { measureColumnContentWidth, AUTOSIZE_EXTRA_PX, AUTOSIZE_MAX_PX } from './columnAutosize';

package/dist/types/utils/sortHelpers.d.ts

@@ -0,0 +1,16 @@
+/**
+ * Sort state computation helpers shared across all frameworks.
+ */
+export interface ISortState {
+    field: string;
+    direction: 'asc' | 'desc';
+}
+/**
+ * Compute the next sort state given the current state and a sort request.
+ *
+ * @param current - Current sort state
+ * @param columnKey - Column being sorted
+ * @param direction - Explicit direction, `null` to clear, or `undefined` to toggle
+ * @returns New sort state
+ */
+export declare function computeNextSortState(current: ISortState, columnKey: string, direction?: 'asc' | 'desc' | null): ISortState;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@alaarab/ogrid-core",
-  "version": "2.0.11",
+  "version": "2.0.13",
   "description": "OGrid core – framework-agnostic types, algorithms, and utilities for OGrid data grids.",
   "main": "dist/esm/index.js",
   "module": "dist/esm/index.js",