@tipolox/litgrid-react 1.0.0

package/dist/DataGrid.d.ts

@@ -0,0 +1,67 @@
+import '@tipolox/litgrid-web';
+import type { BestFitColumnWidth, ColumnReorderDetail, ColumnStateChangeDetail, ColumnVisibilityChangeDetail, DataGridElement, GridColumn, GridColumnState, GridConfig, GridFilter, GridPaginationState, GridSelection, GridTheme, SelectionIntent } from '@tipolox/litgrid-web';
+export type DataGridProps = {
+    data: unknown[];
+    columns?: GridColumn[];
+    config?: GridConfig;
+    theme?: GridTheme;
+    ariaLabel?: string;
+    ariaDescription?: string;
+    screenReaderAnnouncements?: boolean;
+    height?: number;
+    rowHeight?: number;
+    overscan?: number;
+    columnOverscan?: number;
+    bestFitSampleSize?: number;
+    quickSearchDebounceThreshold?: number;
+    quickSearchDebounceMs?: number;
+    columnStateStorageKey?: string;
+    onColumnStateChange?: (detail: ColumnStateChangeDetail) => void;
+    onColumnReorder?: (detail: ColumnReorderDetail) => void;
+    onColumnVisibilityChange?: (detail: ColumnVisibilityChangeDetail) => void;
+};
+export type DataGridRef = {
+    readonly gridElement: DataGridElement | null;
+    getRowHeight(rowIndex: number): number;
+    getColumnWidth(column: GridColumn): number;
+    setRowHeight(rowIndex: number, height: number): void;
+    resetRowHeight(rowIndex: number): void;
+    resetAllRowHeights(): void;
+    setColumnWidth(columnKey: string, width: number): void;
+    resetColumnWidth(columnKey: string): void;
+    resetAllColumnWidths(): void;
+    moveColumn(columnKey: string, targetIndex: number): void;
+    getColumnOrder(): string[];
+    setColumnOrder(columnKeys: string[]): void;
+    resetColumnOrder(): void;
+    setColumnVisible(columnKey: string, visible: boolean): void;
+    isColumnVisible(columnKey: string): boolean;
+    getVisibleColumnKeys(): string[];
+    resetColumnVisibility(): void;
+    getColumnState(): GridColumnState;
+    setColumnState(state: GridColumnState): void;
+    resetColumnState(): void;
+    bestFitColumn(columnKey: string): number | null;
+    bestFitAllColumns(): BestFitColumnWidth[];
+    copySelectedCells(): Promise<boolean>;
+    copySelectedRows(): Promise<boolean>;
+    setQuickSearch(query: string): void;
+    clearQuickSearch(): void;
+    getQuickSearch(): string;
+    setFilter(filter: GridFilter): void;
+    clearFilter(columnKey?: string): void;
+    getFilters(): GridFilter[];
+    setPage(pageIndex: number): void;
+    setPageSize(pageSize: number): void;
+    getPagination(): GridPaginationState;
+    getTotalRowCount(): number;
+    selectRow(rowIndex: number, intent?: SelectionIntent): void;
+    selectAllRows(): void;
+    clearSelection(): void;
+    getSelection(): GridSelection;
+    isRowSelected(rowIndex: number): boolean;
+    isCellSelected(rowIndex: number, columnKey: string): boolean;
+};
+export type DataGridInstance = DataGridRef;
+export declare const DataGrid: import("react").ForwardRefExoticComponent<DataGridProps & import("react").RefAttributes<DataGridRef>>;
+//# sourceMappingURL=DataGrid.d.ts.map

package/dist/DataGrid.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataGrid.d.ts","sourceRoot":"","sources":["../src/DataGrid.tsx"],"names":[],"mappings":"AAAA,OAAO,sBAAsB,CAAA;AAC7B,OAAO,KAAK,EACV,kBAAkB,EAClB,mBAAmB,EACnB,uBAAuB,EACvB,4BAA4B,EAC5B,eAAe,EACf,UAAU,EACV,eAAe,EACf,UAAU,EACV,UAAU,EACV,mBAAmB,EACnB,aAAa,EACb,SAAS,EACT,eAAe,EAChB,MAAM,sBAAsB,CAAA;AAS7B,MAAM,MAAM,aAAa,GAAG;IAC1B,IAAI,EAAE,OAAO,EAAE,CAAA;IACf,OAAO,CAAC,EAAE,UAAU,EAAE,CAAA;IACtB,MAAM,CAAC,EAAE,UAAU,CAAA;IACnB,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,yBAAyB,CAAC,EAAE,OAAO,CAAA;IACnC,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,4BAA4B,CAAC,EAAE,MAAM,CAAA;IACrC,qBAAqB,CAAC,EAAE,MAAM,CAAA;IAC9B,qBAAqB,CAAC,EAAE,MAAM,CAAA;IAC9B,mBAAmB,CAAC,EAAE,CAAC,MAAM,EAAE,uBAAuB,KAAK,IAAI,CAAA;IAC/D,eAAe,CAAC,EAAE,CAAC,MAAM,EAAE,mBAAmB,KAAK,IAAI,CAAA;IACvD,wBAAwB,CAAC,EAAE,CAAC,MAAM,EAAE,4BAA4B,KAAK,IAAI,CAAA;CAC1E,CAAA;AAED,MAAM,MAAM,WAAW,GAAG;IACxB,QAAQ,CAAC,WAAW,EAAE,eAAe,GAAG,IAAI,CAAA;IAC5C,YAAY,CAAC,QAAQ,EAAE,MAAM,GAAG,MAAM,CAAA;IACtC,cAAc,CAAC,MAAM,EAAE,UAAU,GAAG,MAAM,CAAA;IAC1C,YAAY,CAAC,QAAQ,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,GAAG,IAAI,CAAA;IACpD,cAAc,CAAC,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAA;IACtC,kBAAkB,IAAI,IAAI,CAAA;IAC1B,cAAc,CAAC,SAAS,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,IAAI,CAAA;IACtD,gBAAgB,CAAC,SAAS,EAAE,MAAM,GAAG,IAAI,CAAA;IACzC,oBAAoB,IAAI,IAAI,CAAA;IAC5B,UAAU,CAAC,SAAS,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,GAAG,IAAI,CAAA;IACxD,cAAc,IAAI,MAAM,EAAE,CAAA;IAC1B,cAAc,CAAC,UAAU,EAAE,MAAM,EAAE,GAAG,IAAI,CAAA;IAC1C,gBAAgB,IAAI,IAAI,CAAA;IACxB,gBAAgB,CAAC,SAAS,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,GAAG,IAAI,CAAA;IAC3D,eAAe,CAAC,SAAS,EAAE,MAAM,GAAG,OAAO,CAAA;IAC3C,oBAAoB,IAAI,MAAM,EAAE,CAAA;IAChC,qBAAqB,IAAI,IAAI,CAAA;IAC7B,cAAc,IAAI,eAAe,CAAA;IACjC,cAAc,CAAC,KAAK,EAAE,eAAe,GAAG,IAAI,CAAA;IAC5C,gBAAgB,IAAI,IAAI,CAAA;IACxB,aAAa,CAAC,SAAS,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAAA;IAC/C,iBAAiB,IAAI,kBAAkB,EAAE,CAAA;IACzC,iBAAiB,IAAI,OAAO,CAAC,OAAO,CAAC,CAAA;IACrC,gBAAgB,IAAI,OAAO,CAAC,OAAO,CAAC,CAAA;IACpC,cAAc,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAA;IACnC,gBAAgB,IAAI,IAAI,CAAA;IACxB,cAAc,IAAI,MAAM,CAAA;IACxB,SAAS,CAAC,MAAM,EAAE,UAAU,GAAG,IAAI,CAAA;IACnC,WAAW,CAAC,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACrC,UAAU,IAAI,UAAU,EAAE,CAAA;IAC1B,OAAO,CAAC,SAAS,EAAE,MAAM,GAAG,IAAI,CAAA;IAChC,WAAW,CAAC,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAA;IACnC,aAAa,IAAI,mBAAmB,CAAA;IACpC,gBAAgB,IAAI,MAAM,CAAA;IAC1B,SAAS,CAAC,QAAQ,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,eAAe,GAAG,IAAI,CAAA;IAC3D,aAAa,IAAI,IAAI,CAAA;IACrB,cAAc,IAAI,IAAI,CAAA;IACtB,YAAY,IAAI,aAAa,CAAA;IAC7B,aAAa,CAAC,QAAQ,EAAE,MAAM,GAAG,OAAO,CAAA;IACxC,cAAc,CAAC,QAAQ,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,GAAG,OAAO,CAAA;CAC7D,CAAA;AAED,MAAM,MAAM,gBAAgB,GAAG,WAAW,CAAA;AAI1C,eAAO,MAAM,QAAQ,uGA+JnB,CAAA"}

package/dist/DataGrid.js

@@ -0,0 +1,131 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import '@tipolox/litgrid-web';
+import { forwardRef, useEffect, useImperativeHandle, useRef } from 'react';
+import { syncGridInputs } from './gridBindings.js';
+const GRID_UNAVAILABLE_MESSAGE = 'LitGrid is not available before the React component is mounted.';
+export const DataGrid = forwardRef(function DataGrid({ data, columns = [], config = {}, theme = 'light', ariaLabel = 'Data grid', ariaDescription = '', screenReaderAnnouncements = true, height = 320, rowHeight = 36, overscan = 4, columnOverscan = 2, bestFitSampleSize = 10, quickSearchDebounceThreshold = 10000, quickSearchDebounceMs = 150, columnStateStorageKey, onColumnStateChange, onColumnReorder, onColumnVisibilityChange }, forwardedRef) {
+    const gridRef = useRef(null);
+    const requireGridElement = () => {
+        if (!gridRef.current)
+            throw new Error(GRID_UNAVAILABLE_MESSAGE);
+        return gridRef.current;
+    };
+    useImperativeHandle(forwardedRef, () => ({
+        get gridElement() {
+            return gridRef.current;
+        },
+        getRowHeight: (rowIndex) => requireGridElement().getRowHeight(rowIndex),
+        getColumnWidth: (column) => requireGridElement().getColumnWidth(column),
+        setRowHeight: (rowIndex, heightVal) => requireGridElement().setRowHeight(rowIndex, heightVal),
+        resetRowHeight: (rowIndex) => requireGridElement().resetRowHeight(rowIndex),
+        resetAllRowHeights: () => requireGridElement().resetAllRowHeights(),
+        setColumnWidth: (columnKey, width) => requireGridElement().setColumnWidth(columnKey, width),
+        resetColumnWidth: (columnKey) => requireGridElement().resetColumnWidth(columnKey),
+        resetAllColumnWidths: () => requireGridElement().resetAllColumnWidths(),
+        moveColumn: (columnKey, targetIndex) => requireGridElement().moveColumn(columnKey, targetIndex),
+        getColumnOrder: () => requireGridElement().getColumnOrder(),
+        setColumnOrder: (columnKeys) => requireGridElement().setColumnOrder(columnKeys),
+        resetColumnOrder: () => requireGridElement().resetColumnOrder(),
+        setColumnVisible: (columnKey, visible) => requireGridElement().setColumnVisible(columnKey, visible),
+        isColumnVisible: (columnKey) => requireGridElement().isColumnVisible(columnKey),
+        getVisibleColumnKeys: () => requireGridElement().getVisibleColumnKeys(),
+        resetColumnVisibility: () => requireGridElement().resetColumnVisibility(),
+        getColumnState: () => requireGridElement().getColumnState(),
+        setColumnState: (state) => requireGridElement().setColumnState(state),
+        resetColumnState: () => requireGridElement().resetColumnState(),
+        bestFitColumn: (columnKey) => requireGridElement().bestFitColumn(columnKey),
+        bestFitAllColumns: () => requireGridElement().bestFitAllColumns(),
+        copySelectedCells: () => requireGridElement().copySelectedCells(),
+        copySelectedRows: () => requireGridElement().copySelectedRows(),
+        setQuickSearch: (query) => requireGridElement().setQuickSearch(query),
+        clearQuickSearch: () => requireGridElement().clearQuickSearch(),
+        getQuickSearch: () => requireGridElement().getQuickSearch(),
+        setFilter: (filter) => requireGridElement().setFilter(filter),
+        clearFilter: (columnKey) => requireGridElement().clearFilter(columnKey),
+        getFilters: () => requireGridElement().getFilters(),
+        setPage: (pageIndex) => requireGridElement().setPage(pageIndex),
+        setPageSize: (pageSize) => requireGridElement().setPageSize(pageSize),
+        getPagination: () => requireGridElement().getPagination(),
+        getTotalRowCount: () => requireGridElement().getTotalRowCount(),
+        selectRow: (rowIndex, intent) => requireGridElement().selectRow(rowIndex, intent),
+        selectAllRows: () => requireGridElement().selectAllRows(),
+        clearSelection: () => requireGridElement().clearSelection(),
+        getSelection: () => requireGridElement().getSelection(),
+        isRowSelected(rowIndex) {
+            return requireGridElement().isRowSelected(rowIndex);
+        },
+        isCellSelected(rowIndex, columnKey) {
+            return requireGridElement().isCellSelected(rowIndex, columnKey);
+        }
+    }), []);
+    useEffect(() => {
+        const grid = gridRef.current;
+        if (!grid)
+            return;
+        syncGridInputs(grid, {
+            data,
+            columns,
+            config,
+            theme,
+            ariaLabel,
+            ariaDescription,
+            screenReaderAnnouncements,
+            height,
+            rowHeight,
+            overscan,
+            columnOverscan,
+            bestFitSampleSize,
+            quickSearchDebounceThreshold,
+            quickSearchDebounceMs,
+            columnStateStorageKey
+        });
+    }, [
+        data,
+        columns,
+        config,
+        theme,
+        ariaLabel,
+        ariaDescription,
+        screenReaderAnnouncements,
+        height,
+        rowHeight,
+        overscan,
+        columnOverscan,
+        bestFitSampleSize,
+        quickSearchDebounceThreshold,
+        quickSearchDebounceMs,
+        columnStateStorageKey
+    ]);
+    useEffect(() => {
+        const element = gridRef.current;
+        if (!element || !onColumnStateChange)
+            return;
+        const handleColumnStateChange = (event) => {
+            onColumnStateChange(event.detail);
+        };
+        element.addEventListener('column-state-change', handleColumnStateChange);
+        return () => element.removeEventListener('column-state-change', handleColumnStateChange);
+    }, [onColumnStateChange]);
+    useEffect(() => {
+        const element = gridRef.current;
+        if (!element || !onColumnReorder)
+            return;
+        const handleColumnReorder = (event) => {
+            onColumnReorder(event.detail);
+        };
+        element.addEventListener('column-reorder', handleColumnReorder);
+        return () => element.removeEventListener('column-reorder', handleColumnReorder);
+    }, [onColumnReorder]);
+    useEffect(() => {
+        const element = gridRef.current;
+        if (!element || !onColumnVisibilityChange)
+            return;
+        const handleColumnVisibilityChange = (event) => {
+            onColumnVisibilityChange(event.detail);
+        };
+        element.addEventListener('column-visibility-change', handleColumnVisibilityChange);
+        return () => element.removeEventListener('column-visibility-change', handleColumnVisibilityChange);
+    }, [onColumnVisibilityChange]);
+    return _jsx("yc-grid", { ref: gridRef });
+});
+//# sourceMappingURL=DataGrid.js.map

package/dist/DataGrid.js.map

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

package/dist/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 Tipolox
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/dist/gridBindings.d.ts

@@ -0,0 +1,20 @@
+import type { DataGridElement, GridColumn, GridConfig, GridTheme } from '@tipolox/litgrid-web';
+export type ReactGridInputs = {
+    data: unknown[];
+    columns: GridColumn[];
+    config: GridConfig;
+    theme: GridTheme;
+    ariaLabel: string;
+    ariaDescription: string;
+    screenReaderAnnouncements: boolean;
+    height: number;
+    rowHeight: number;
+    overscan: number;
+    columnOverscan: number;
+    bestFitSampleSize: number;
+    quickSearchDebounceThreshold: number;
+    quickSearchDebounceMs: number;
+    columnStateStorageKey?: string;
+};
+export declare function syncGridInputs(grid: DataGridElement, inputs: ReactGridInputs): void;
+//# sourceMappingURL=gridBindings.d.ts.map

package/dist/gridBindings.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"gridBindings.d.ts","sourceRoot":"","sources":["../src/gridBindings.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,eAAe,EACf,UAAU,EACV,UAAU,EACV,SAAS,EACV,MAAM,sBAAsB,CAAA;AAE7B,MAAM,MAAM,eAAe,GAAG;IAC5B,IAAI,EAAE,OAAO,EAAE,CAAA;IACf,OAAO,EAAE,UAAU,EAAE,CAAA;IACrB,MAAM,EAAE,UAAU,CAAA;IAClB,KAAK,EAAE,SAAS,CAAA;IAChB,SAAS,EAAE,MAAM,CAAA;IACjB,eAAe,EAAE,MAAM,CAAA;IACvB,yBAAyB,EAAE,OAAO,CAAA;IAClC,MAAM,EAAE,MAAM,CAAA;IACd,SAAS,EAAE,MAAM,CAAA;IACjB,QAAQ,EAAE,MAAM,CAAA;IAChB,cAAc,EAAE,MAAM,CAAA;IACtB,iBAAiB,EAAE,MAAM,CAAA;IACzB,4BAA4B,EAAE,MAAM,CAAA;IACpC,qBAAqB,EAAE,MAAM,CAAA;IAC7B,qBAAqB,CAAC,EAAE,MAAM,CAAA;CAC/B,CAAA;AAED,wBAAgB,cAAc,CAC5B,IAAI,EAAE,eAAe,EACrB,MAAM,EAAE,eAAe,GACtB,IAAI,CAgBN"}

package/dist/gridBindings.js

@@ -0,0 +1,18 @@
+export function syncGridInputs(grid, inputs) {
+    grid.data = inputs.data;
+    grid.columns = inputs.columns;
+    grid.config = inputs.config;
+    grid.theme = inputs.theme;
+    grid.ariaLabel = inputs.ariaLabel;
+    grid.ariaDescription = inputs.ariaDescription;
+    grid.screenReaderAnnouncements = inputs.screenReaderAnnouncements;
+    grid.viewportHeight = inputs.height;
+    grid.virtualRowHeight = inputs.rowHeight;
+    grid.overscanCount = inputs.overscan;
+    grid.columnOverscanCount = inputs.columnOverscan;
+    grid.bestFitSampleSize = inputs.bestFitSampleSize;
+    grid.quickSearchDebounceThreshold = inputs.quickSearchDebounceThreshold;
+    grid.quickSearchDebounceMs = inputs.quickSearchDebounceMs;
+    grid.columnStateStorageKey = inputs.columnStateStorageKey ?? null;
+}
+//# sourceMappingURL=gridBindings.js.map

package/dist/gridBindings.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"gridBindings.js","sourceRoot":"","sources":["../src/gridBindings.ts"],"names":[],"mappings":"AAyBA,MAAM,UAAU,cAAc,CAC5B,IAAqB,EACrB,MAAuB;IAEvB,IAAI,CAAC,IAAI,GAAG,MAAM,CAAC,IAAI,CAAA;IACvB,IAAI,CAAC,OAAO,GAAG,MAAM,CAAC,OAAO,CAAA;IAC7B,IAAI,CAAC,MAAM,GAAG,MAAM,CAAC,MAAM,CAAA;IAC3B,IAAI,CAAC,KAAK,GAAG,MAAM,CAAC,KAAK,CAAA;IACzB,IAAI,CAAC,SAAS,GAAG,MAAM,CAAC,SAAS,CAAA;IACjC,IAAI,CAAC,eAAe,GAAG,MAAM,CAAC,eAAe,CAAA;IAC7C,IAAI,CAAC,yBAAyB,GAAG,MAAM,CAAC,yBAAyB,CAAA;IACjE,IAAI,CAAC,cAAc,GAAG,MAAM,CAAC,MAAM,CAAA;IACnC,IAAI,CAAC,gBAAgB,GAAG,MAAM,CAAC,SAAS,CAAA;IACxC,IAAI,CAAC,aAAa,GAAG,MAAM,CAAC,QAAQ,CAAA;IACpC,IAAI,CAAC,mBAAmB,GAAG,MAAM,CAAC,cAAc,CAAA;IAChD,IAAI,CAAC,iBAAiB,GAAG,MAAM,CAAC,iBAAiB,CAAA;IACjD,IAAI,CAAC,4BAA4B,GAAG,MAAM,CAAC,4BAA4B,CAAA;IACvE,IAAI,CAAC,qBAAqB,GAAG,MAAM,CAAC,qBAAqB,CAAA;IACzD,IAAI,CAAC,qBAAqB,GAAG,MAAM,CAAC,qBAAqB,IAAI,IAAI,CAAA;AACnE,CAAC"}

package/dist/index.d.ts

@@ -0,0 +1,4 @@
+export { DataGrid } from './DataGrid.js';
+export type { DataGridInstance, DataGridProps, DataGridRef } from './DataGrid.js';
+export type { BestFitColumnWidth, ColumnReorderDetail, ColumnStateChangeDetail, ColumnVisibilityChangeDetail, DataGridElement, GridColumn, GridColumnState, GridConfig, GridFilter, GridPaginationState, GridSelection, GridTheme, SelectionIntent } from '@tipolox/litgrid-web';
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AACxC,YAAY,EAAE,gBAAgB,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AACjF,YAAY,EACV,kBAAkB,EAClB,mBAAmB,EACnB,uBAAuB,EACvB,4BAA4B,EAC5B,eAAe,EACf,UAAU,EACV,eAAe,EACf,UAAU,EACV,UAAU,EACV,mBAAmB,EACnB,aAAa,EACb,SAAS,EACT,eAAe,EAChB,MAAM,sBAAsB,CAAA"}

package/dist/index.js

@@ -0,0 +1,2 @@
+export { DataGrid } from './DataGrid.js';
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA"}

package/package.json

@@ -0,0 +1,58 @@
+{
+  "name": "@tipolox/litgrid-react",
+  "version": "1.0.0",
+  "description": "React integration for LitGrid.",
+  "type": "module",
+  "main": "./dist/index.js",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js",
+      "default": "./dist/index.js"
+    },
+    "./package.json": "./package.json"
+  },
+  "files": [
+    "dist"
+  ],
+  "keywords": [
+    "data-grid",
+    "grid",
+    "react",
+    "web-components"
+  ],
+  "author": "",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/tipolox/litgrid.git",
+    "directory": "packages/grid-react"
+  },
+  "homepage": "https://github.com/tipolox/litgrid#readme",
+  "bugs": {
+    "url": "https://github.com/tipolox/litgrid/issues"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "dependencies": {
+    "@tipolox/litgrid-web": "^1.0.0"
+  },
+  "peerDependencies": {
+    "react": "^19.2.5",
+    "react-dom": "^19.2.5"
+  },
+  "devDependencies": {
+    "@types/react": "^19.2.14",
+    "@types/react-dom": "^19.2.3",
+    "react": "^19.2.5",
+    "react-dom": "^19.2.5"
+  },
+  "scripts": {
+    "prebuild": "node -e \"const fs=require('node:fs'); fs.rmSync('dist',{recursive:true,force:true}); fs.mkdirSync('dist',{recursive:true}); fs.copyFileSync('../../LICENSE','dist/LICENSE')\"",
+    "build": "tsc -p tsconfig.build.json",
+    "test": "echo \"Error: no test specified\" && exit 1"
+  }
+}