@ornery/ui-grid-react 0.1.5 → 0.1.7

package/dist/mountUiGrid.d.ts

@@ -0,0 +1,4 @@
+import { type Root } from 'react-dom/client';
+import { type UiGridProps } from './UiGrid';
+export declare function mountUiGrid(container: Element | DocumentFragment, props: UiGridProps): Root;
+//# sourceMappingURL=mountUiGrid.d.ts.map

package/dist/mountUiGrid.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"mountUiGrid.d.ts","sourceRoot":"","sources":["../src/mountUiGrid.tsx"],"names":[],"mappings":"AACA,OAAO,EAAc,KAAK,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAEzD,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,UAAU,CAAC;AAEpD,wBAAgB,WAAW,CAAC,SAAS,EAAE,OAAO,GAAG,gBAAgB,EAAE,KAAK,EAAE,WAAW,GAAG,IAAI,CAI3F"}

package/dist/rustWasmGridEngine.d.ts

@@ -0,0 +1,8 @@
+import type { PipelineResult } from '@ornery/ui-grid-core';
+type UiGridWasmModule = {
+    build_pipeline_js(context: unknown): PipelineResult;
+};
+export declare function registerReactUiGridWasmEngineFromModule(module: UiGridWasmModule): void;
+export declare function enableReactUiGridWasmEngine(): Promise<void>;
+export {};
+//# sourceMappingURL=rustWasmGridEngine.d.ts.map

package/dist/rustWasmGridEngine.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"rustWasmGridEngine.d.ts","sourceRoot":"","sources":["../src/rustWasmGridEngine.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAA4B,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAMrF,KAAK,gBAAgB,GAAG;IACtB,iBAAiB,CAAC,OAAO,EAAE,OAAO,GAAG,cAAc,CAAC;CACrD,CAAC;AAEF,wBAAgB,uCAAuC,CAAC,MAAM,EAAE,gBAAgB,GAAG,IAAI,CAMtF;AAED,wBAAsB,2BAA2B,IAAI,OAAO,CAAC,IAAI,CAAC,CAIjE"}

package/dist/{index.d.mts → useGridState.d.ts}

@@ -1,18 +1,6 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import React$1 from 'react';
-import { GridOptions, UiGridApi, GridCellTemplateContext, GridExpandableTemplateContext, PipelineResult, GridColumnDef, GridLabels, SortState, GridCellPosition, GridBenchmarkResult, GridInfiniteScrollState, DisplayItem, GroupItem, ExpandableItem, RowItem, GridRow } from '@ornery/ui-grid';
-export { DEFAULT_GRID_LABELS, GridBenchmarkResult, GridCellEditableContext, GridCellTemplateContext, GridColumnDef, GridExpandableTemplateContext, GridLabels, GridOptions, GridRecord, GridRow, GridSavedState, SortState, UiGridApi } from '@ornery/ui-grid';
-
-interface UiGridProps {
-    options: GridOptions;
-    onRegisterApi?: (api: UiGridApi) => void;
-    cellRenderer?: (context: GridCellTemplateContext) => React$1.ReactNode;
-    expandableRenderer?: (context: GridExpandableTemplateContext) => React$1.ReactNode;
-    className?: string;
-}
-declare function UiGrid({ options, onRegisterApi, cellRenderer, expandableRenderer, className, }: UiGridProps): react_jsx_runtime.JSX.Element;
-
-interface UseGridStateResult {
+import { UiGridApi, GridOptions, GridColumnDef, GridRow, GridBenchmarkResult, GridCellPosition, GridLabels, SortState } from '@ornery/ui-grid-core';
+import type { DisplayItem, GroupItem, ExpandableItem, RowItem, PipelineResult, GridInfiniteScrollState, GridCellTemplateContext, GridExpandableTemplateContext } from '@ornery/ui-grid-core';
+export interface UseGridStateResult {
     pipeline: PipelineResult;
     visibleColumns: GridColumnDef[];
     labels: GridLabels;
@@ -111,6 +99,7 @@ interface UseGridStateResult {
     toggleRowExpansion: (row: GridRow, event?: React.MouseEvent) => void;
     toggleTreeRow: (row: GridRow, event?: React.MouseEvent) => void;
     moveColumn: (fromIndex: number, toIndex: number) => void;
+    moveVisibleColumn: (columnName: string, targetColumnName: string) => void;
     nextPage: () => void;
     previousPage: () => void;
     onPageSizeChange: (value: string) => void;
@@ -118,38 +107,5 @@ interface UseGridStateResult {
     exportCsv: () => void;
     onViewportScroll: (startIndex: number) => void;
 }
-declare function useGridState(options: GridOptions, onRegisterApi?: (api: UiGridApi) => void): UseGridStateResult;
-
-interface UseVirtualScrollOptions {
-    itemCount: number;
-    itemSize: number;
-    viewportHeight: number;
-    overscan?: number;
-}
-interface UseVirtualScrollResult {
-    visibleRange: {
-        start: number;
-        end: number;
-    };
-    totalHeight: number;
-    offsetY: number;
-    onScroll: (event: React.UIEvent<HTMLDivElement>) => void;
-    viewportRef: React.RefObject<HTMLDivElement | null>;
-    scrollTop: number;
-}
-declare function useVirtualScroll(options: UseVirtualScrollOptions): UseVirtualScrollResult;
-
-declare function orderVisibleColumns(columns: readonly GridColumnDef[], order: readonly string[]): GridColumnDef[];
-declare function buildGridTemplateColumns(columns: readonly GridColumnDef[]): string;
-declare function resolveBenchmarkIterations(iterations?: number, configuredIterations?: number): number;
-declare function formatPaginationSummary(totalItems: number, firstRowIndex: number, lastRowIndex: number): string;
-declare function computeViewportHeightPx(viewportHeight?: number, autoViewportHeight?: number | null): string;
-declare function computeViewportRows(viewportHeight?: number, rowHeight?: number): number;
-
-type UiGridWasmModule = {
-    build_pipeline_js(context: unknown): PipelineResult;
-};
-declare function registerReactUiGridWasmEngineFromModule(module: UiGridWasmModule): void;
-declare function enableReactUiGridWasmEngine(): Promise<void>;
-
-export { UiGrid, type UiGridProps, type UseGridStateResult, type UseVirtualScrollOptions, type UseVirtualScrollResult, buildGridTemplateColumns, computeViewportHeightPx, computeViewportRows, enableReactUiGridWasmEngine, formatPaginationSummary, orderVisibleColumns, registerReactUiGridWasmEngineFromModule, resolveBenchmarkIterations, useGridState, useVirtualScroll };
+export declare function useGridState(options: GridOptions, onRegisterApi?: (api: UiGridApi) => void): UseGridStateResult;
+//# sourceMappingURL=useGridState.d.ts.map

package/dist/useGridState.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useGridState.d.ts","sourceRoot":"","sources":["../src/useGridState.ts"],"names":[],"mappings":"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"}

package/dist/useVirtualScroll.d.ts

@@ -0,0 +1,20 @@
+export interface UseVirtualScrollOptions {
+    itemCount: number;
+    itemSize: number;
+    viewportHeight: number;
+    overscan?: number;
+}
+export interface UseVirtualScrollResult {
+    visibleRange: {
+        start: number;
+        end: number;
+    };
+    totalHeight: number;
+    offsetY: number;
+    onScroll: (event: React.UIEvent<HTMLDivElement>) => void;
+    setScrollTop: (scrollTop: number) => void;
+    viewportRef: React.RefObject<HTMLDivElement | null>;
+    scrollTop: number;
+}
+export declare function useVirtualScroll(options: UseVirtualScrollOptions): UseVirtualScrollResult;
+//# sourceMappingURL=useVirtualScroll.d.ts.map

package/dist/useVirtualScroll.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useVirtualScroll.d.ts","sourceRoot":"","sources":["../src/useVirtualScroll.ts"],"names":[],"mappings":"AAGA,MAAM,WAAW,uBAAuB;IACtC,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,MAAM,CAAC;IACjB,cAAc,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,MAAM,WAAW,sBAAsB;IACrC,YAAY,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,GAAG,EAAE,MAAM,CAAA;KAAE,CAAC;IAC7C,WAAW,EAAE,MAAM,CAAC;IACpB,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,cAAc,CAAC,KAAK,IAAI,CAAC;IACzD,YAAY,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1C,WAAW,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IACpD,SAAS,EAAE,MAAM,CAAC;CACnB;AAED,wBAAgB,gBAAgB,CAAC,OAAO,EAAE,uBAAuB,GAAG,sBAAsB,CA0BzF"}

package/dist/vanillaAdapter.d.ts

@@ -0,0 +1,14 @@
+import type { GridOptions } from '@ornery/ui-grid-core';
+export interface MountUiGridCustomElementOptions {
+    options: GridOptions;
+    tagName?: string;
+    ensureDefined?: (tagName: string) => Promise<void> | void;
+}
+export interface MountedUiGridCustomElement {
+    element: HTMLElement & {
+        options: GridOptions;
+    };
+    unmount: () => void;
+}
+export declare function mountUiGridCustomElement(container: Element, mountOptions: MountUiGridCustomElementOptions): Promise<MountedUiGridCustomElement>;
+//# sourceMappingURL=vanillaAdapter.d.ts.map

package/dist/vanillaAdapter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"vanillaAdapter.d.ts","sourceRoot":"","sources":["../src/vanillaAdapter.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAExD,MAAM,WAAW,+BAA+B;IAC9C,OAAO,EAAE,WAAW,CAAC;IACrB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,aAAa,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC;CAC3D;AAED,MAAM,WAAW,0BAA0B;IACzC,OAAO,EAAE,WAAW,GAAG;QAAE,OAAO,EAAE,WAAW,CAAA;KAAE,CAAC;IAChD,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,wBAAsB,wBAAwB,CAC5C,SAAS,EAAE,OAAO,EAClB,YAAY,EAAE,+BAA+B,GAC5C,OAAO,CAAC,0BAA0B,CAAC,CAmBrC"}

package/dist/virtualScrollMath.d.ts

@@ -0,0 +1,17 @@
+export interface VirtualWindowRequest {
+    itemCount: number;
+    itemSize: number;
+    viewportHeight: number;
+    overscan?: number;
+    scrollTop: number;
+}
+export interface VirtualWindowResult {
+    visibleRange: {
+        start: number;
+        end: number;
+    };
+    totalHeight: number;
+    offsetY: number;
+}
+export declare function calculateVirtualWindow(request: VirtualWindowRequest): VirtualWindowResult;
+//# sourceMappingURL=virtualScrollMath.d.ts.map

package/dist/virtualScrollMath.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"virtualScrollMath.d.ts","sourceRoot":"","sources":["../src/virtualScrollMath.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,oBAAoB;IACnC,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,MAAM,CAAC;IACjB,cAAc,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,EAAE,MAAM,CAAC;CACnB;AAED,MAAM,WAAW,mBAAmB;IAClC,YAAY,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,GAAG,EAAE,MAAM,CAAA;KAAE,CAAC;IAC7C,WAAW,EAAE,MAAM,CAAC;IACpB,OAAO,EAAE,MAAM,CAAC;CACjB;AAED,wBAAgB,sBAAsB,CAAC,OAAO,EAAE,oBAAoB,GAAG,mBAAmB,CAqBzF"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@ornery/ui-grid-react",
-  "version": "0.1.5",
-  "description": "React wrapper for @ornery/ui-grid",
+  "version": "0.1.7",
+  "description": "React wrapper for @ornery/ui-grid-core",
   "main": "dist/index.js",
   "module": "dist/index.mjs",
   "types": "dist/index.d.ts",
@@ -14,27 +14,27 @@
     "./styles": "./dist/ui-grid.css"
   },
   "peerDependencies": {
+    "@ornery/ui-grid-core": "^0.1.7",
     "react": "^18.0.0 || ^19.0.0",
-    "react-dom": "^18.0.0 || ^19.0.0",
-    "@ornery/ui-grid": "^0.1.3"
+    "react-dom": "^18.0.0 || ^19.0.0"
   },
   "devDependencies": {
-    "@ornery/ui-grid": "file:../ui-grid",
-    "react": "^19.1.0",
-    "react-dom": "^19.1.0",
+    "@ornery/ui-grid-core": "file:../ui-grid-core",
     "@testing-library/react": "^16.0.0",
     "@types/react": "^19.0.0",
     "@types/react-dom": "^19.0.0",
-    "typescript": "~5.8.0",
-    "vitest": "^4.1.0",
+    "@vitejs/plugin-react": "^4.0.0",
     "jsdom": "^26.0.0",
+    "react": "^19.1.0",
+    "react-dom": "^19.1.0",
     "tsup": "^8.0.0",
+    "typescript": "~5.8.0",
     "vite": "^6.0.0",
-    "@vitejs/plugin-react": "^4.0.0"
+    "vitest": "^4.1.0"
   },
   "scripts": {
     "start": "vite serve demo --config demo/vite.config.ts",
-    "build": "tsup src/index.ts --format esm,cjs --dts --tsconfig tsconfig.json --external react --external react-dom --external @ornery/ui-grid",
+    "build": "npm run build --prefix ../ui-grid-core && tsup src/index.ts --format esm,cjs --tsconfig tsconfig.build.json --external react --external react-dom --external @ornery/ui-grid-core && tsc -p tsconfig.dts.json",
     "test": "vitest run",
     "test:watch": "vitest"
   }

package/src/UiGrid.test.tsx

@@ -3,8 +3,8 @@ import { render, screen, fireEvent, act } from '@testing-library/react';
 import { describe, it, expect, vi, beforeEach, afterEach } from 'vitest';
 import { UiGrid } from './UiGrid';
 import type { UiGridProps } from './UiGrid';
-import type { GridOptions, UiGridApi, GridExpandableTemplateContext } from '@ornery/ui-grid';
-import { SORT_DIRECTIONS, FILTER_CONDITIONS } from '@ornery/ui-grid';
+import type { GridOptions, UiGridApi, GridExpandableTemplateContext } from '@ornery/ui-grid-core';
+import { SORT_DIRECTIONS, FILTER_CONDITIONS } from '@ornery/ui-grid-core';
 
 const baseData = [
   {
@@ -35,7 +35,7 @@ const baseData = [
 
 function createOptions(
   overrides: Partial<GridOptions> = {},
-  onRegisterApi?: (api: UiGridApi) => void
+  onRegisterApi?: (api: UiGridApi) => void,
 ): GridOptions {
   return {
     id: 'spec-grid',
@@ -72,7 +72,7 @@ function createOptions(
 
 function renderGrid(
   overrides: Partial<GridOptions> = {},
-  props: Partial<Omit<UiGridProps, 'options'>> = {}
+  props: Partial<Omit<UiGridProps, 'options'>> = {},
 ): { container: HTMLElement; gridApi: UiGridApi } {
   let gridApi!: UiGridApi;
   const options = createOptions(overrides, (api) => {
@@ -81,7 +81,7 @@ function renderGrid(
   });
 
   const { container } = render(
-    <UiGrid options={options} onRegisterApi={options.onRegisterApi as any} {...props} />
+    <UiGrid options={options} onRegisterApi={options.onRegisterApi as any} {...props} />,
   );
 
   return { container, gridApi };
@@ -96,11 +96,11 @@ describe('UiGrid React component', () => {
   it('registers the API and renders headers and rows', () => {
     const { container, gridApi } = renderGrid();
 
-    const headers = Array.from(container.querySelectorAll('.header-label')).map(
-      (el) => el.textContent?.trim()
+    const headers = Array.from(container.querySelectorAll('.header-label')).map((el) =>
+      el.textContent?.trim(),
     );
-    const bodyCells = Array.from(container.querySelectorAll('.body-cell')).map(
-      (el) => el.textContent?.trim()
+    const bodyCells = Array.from(container.querySelectorAll('.body-cell')).map((el) =>
+      el.textContent?.trim(),
     );
 
     expect(gridApi).toBeTruthy();
@@ -132,7 +132,7 @@ describe('UiGrid React component', () => {
 
     expect(gridApi.core.getVisibleRows()).toEqual([]);
     expect(container.querySelector('.empty-state strong')?.textContent).toContain(
-      'Nothing to show'
+      'Nothing to show',
     );
   });
 
@@ -164,6 +164,47 @@ describe('UiGrid React component', () => {
     ]);
   });
 
+  it('reorders visible columns by header drag and drop without shifting hidden columns', () => {
+    const { container } = renderGrid({
+      columnDefs: [
+        { name: 'id', visible: false },
+        { name: 'name', displayName: 'Customer' },
+        { name: 'status' },
+        { name: 'revenue' },
+        { name: 'owner', field: 'account.owner' },
+        { name: 'badge' },
+      ],
+    });
+
+    const dataTransfer = {
+      effectAllowed: 'all',
+      dropEffect: 'none',
+      store: new Map<string, string>(),
+      setData(type: string, value: string) {
+        this.store.set(type, value);
+      },
+      getData(type: string) {
+        return this.store.get(type) ?? '';
+      },
+    };
+
+    const sourceHeader = container.querySelectorAll('.header-cell')[4] as HTMLElement;
+    const targetHeader = container.querySelectorAll('.header-cell')[1] as HTMLElement;
+
+    act(() => {
+      fireEvent.dragStart(sourceHeader, { dataTransfer });
+      fireEvent.dragOver(targetHeader, { dataTransfer });
+      fireEvent.drop(targetHeader, { dataTransfer });
+      fireEvent.dragEnd(sourceHeader, { dataTransfer });
+    });
+
+    const headers = Array.from(container.querySelectorAll('.header-label')).map((el) =>
+      el.textContent?.trim(),
+    );
+
+    expect(headers).toEqual(['Customer', 'Badge', 'Status', 'Revenue', 'Owner']);
+  });
+
   it('groups rows and collapses groups', () => {
     const { container, gridApi } = renderGrid();
 
@@ -180,7 +221,7 @@ describe('UiGrid React component', () => {
     expect(container.querySelectorAll('.body-cell')).toHaveLength(15);
 
     const activeGroup = Array.from(initialGroups).find((node) =>
-      node.textContent?.includes('status: Active')
+      node.textContent?.includes('status: Active'),
     );
     expect(activeGroup).toBeTruthy();
 
@@ -196,13 +237,9 @@ describe('UiGrid React component', () => {
     const anchor = document.createElement('a');
     const originalCreateElement = document.createElement.bind(document);
     const clickSpy = vi.spyOn(anchor, 'click').mockImplementation(() => {});
-    vi.spyOn(document, 'createElement').mockImplementation(
-      ((tagName: string) =>
-        tagName === 'a' ? anchor : originalCreateElement(tagName)) as typeof document.createElement
-    );
-    const createObjectUrlSpy = vi
-      .spyOn(URL, 'createObjectURL')
-      .mockReturnValue('blob:spec-grid');
+    vi.spyOn(document, 'createElement').mockImplementation(((tagName: string) =>
+      tagName === 'a' ? anchor : originalCreateElement(tagName)) as typeof document.createElement);
+    const createObjectUrlSpy = vi.spyOn(URL, 'createObjectURL').mockReturnValue('blob:spec-grid');
     vi.spyOn(URL, 'revokeObjectURL').mockImplementation(() => {});
 
     act(() => {
@@ -235,7 +272,8 @@ describe('UiGrid React component', () => {
     });
 
     expect(gridApi.core.getVisibleRows()).toHaveLength(5);
-    expect(container.querySelector('.grid-viewport')).not.toBeNull();
+    expect(container.querySelector('.grid-virtual-spacer')).not.toBeNull();
+    expect(container.querySelector('.grid-virtual-body')).not.toBeNull();
   });
 
   it('paginates rows', () => {
@@ -286,7 +324,7 @@ describe('UiGrid React component', () => {
     gridApi.edit.on.cancelCellEdit(cancelCellEdit);
 
     const firstNameCell = container.querySelector(
-      '.body-cell[data-row-id="row-1"][data-col-name="name"]'
+      '.body-cell[data-row-id="row-1"][data-col-name="name"]',
     ) as HTMLElement;
 
     await act(async () => {
@@ -295,7 +333,7 @@ describe('UiGrid React component', () => {
     });
 
     let editor = container.querySelector(
-      '.cell-editor[data-row-id="row-1"][data-col-name="name"]'
+      '.cell-editor[data-row-id="row-1"][data-col-name="name"]',
     ) as HTMLInputElement;
     expect(editor).toBeTruthy();
     expect(beginCellEdit).toHaveBeenCalled();
@@ -308,7 +346,7 @@ describe('UiGrid React component', () => {
     expect(afterCellEdit).toHaveBeenCalled();
 
     const ownerCell = container.querySelector(
-      '.body-cell[data-row-id="row-1"][data-col-name="owner"]'
+      '.body-cell[data-row-id="row-1"][data-col-name="owner"]',
     ) as HTMLElement;
 
     await act(async () => {
@@ -317,7 +355,7 @@ describe('UiGrid React component', () => {
     });
 
     editor = container.querySelector(
-      '.cell-editor[data-row-id="row-1"][data-col-name="owner"]'
+      '.cell-editor[data-row-id="row-1"][data-col-name="owner"]',
     ) as HTMLInputElement;
     expect(editor).toBeTruthy();
 
@@ -359,8 +397,8 @@ describe('UiGrid React component', () => {
       ],
     });
 
-    const headers = Array.from(container.querySelectorAll('.header-label')).map(
-      (el) => el.textContent?.trim()
+    const headers = Array.from(container.querySelectorAll('.header-label')).map((el) =>
+      el.textContent?.trim(),
     );
     expect(headers).toEqual(['Status', 'Owner']);
     expect(container.querySelector('.filter-grid')).toBeNull();