@1771technologies/lytenyte-pro 2.0.1 → 2.0.2

package/dist/__play__/basic-server-data/page-server.d.ts

@@ -0,0 +1,31 @@
+import type { DataRequest } from "../../data-source-server/types.js";
+export declare function Server(reqs: DataRequest[], page: number, pageSize: number): Promise<{
+    pages: {
+        asOfTime: number;
+        data: {
+            kind: "leaf";
+            id: string;
+            data: {
+                link: string;
+                name: string;
+                released_at: string;
+                genre: string;
+                poster: string;
+                streaming_on: string;
+                country: string;
+                number_of_seasons: string;
+                type: string;
+                content_rating: string;
+                imdb_rating: string;
+                uniq_id: string;
+                scraped_at: string;
+            };
+        }[];
+        start: number;
+        end: number;
+        kind: "center";
+        path: (string | null)[];
+        size: number;
+    }[];
+    pageCount: number;
+}>;

package/dist/__play__/basic-server-data/page-server.js

@@ -0,0 +1,25 @@
+import { data } from "./page-data.js";
+const sleep = () => new Promise((res) => setTimeout(res, 600));
+export async function Server(reqs, page, pageSize) {
+    // Simulate latency and server work.
+    await sleep();
+    const pageCount = Math.ceil(data.length / pageSize);
+    const pageStart = page * pageCount;
+    const pages = reqs.map((c) => {
+        return {
+            asOfTime: Date.now(),
+            data: data.slice(pageStart, pageStart + pageSize).map((x) => {
+                return { kind: "leaf", id: x.uniq_id, data: x };
+            }),
+            start: c.start,
+            end: c.end,
+            kind: "center",
+            path: c.path,
+            size: pageSize,
+        };
+    });
+    return {
+        pages,
+        pageCount,
+    };
+}

package/dist/__play__/paginated.play.d.ts

@@ -0,0 +1,7 @@
+import "@1771technologies/lytenyte-design/fonts.css";
+import "../../css/grid-full.css";
+import type { MovieData } from "./basic-server-data/page-data";
+export interface GridSpec {
+    readonly data: MovieData;
+}
+export default function Experimental(): import("react/jsx-runtime").JSX.Element;

package/dist/__play__/paginated.play.js

@@ -0,0 +1,48 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { useTheme } from "@1771technologies/play-frame";
+import "@1771technologies/lytenyte-design/fonts.css";
+import "../../css/grid-full.css";
+import { useRef, useState } from "react";
+import { RowGroupCell } from "../components/row-group-cell.js";
+import { useServerDataSource } from "../data-source-server/use-server-data-source.js";
+import { Server } from "./basic-server-data/page-server.js";
+import { Grid } from "../index.js";
+const columns = [
+    {
+        id: "#",
+        name: "",
+        width: 30,
+        field: "link",
+        widthMin: 30,
+        widthMax: 30,
+    },
+    { id: "name", name: "Title", width: 250, widthFlex: 1 },
+    { id: "released_at", name: "Released", width: 120 },
+    { id: "genre", name: "Genre" },
+    { id: "type", name: "Type", width: 120 },
+    { id: "imdb_rating", name: "Rating", width: 120 },
+];
+export default function Experimental() {
+    const [page, setPage] = useState(0);
+    const [pageCount, setPageCount] = useState(null);
+    const [pageSize, setPageSize] = useState(20);
+    const ds = useServerDataSource({
+        rowGroupDefaultExpansion: true,
+        queryFn: async ({ requests, queryKey }) => {
+            const page = queryKey[0];
+            const pageSize = queryKey[1];
+            const result = await Server(requests, page, pageSize);
+            setPageCount(pageCount);
+            return result.pages;
+        },
+        queryKey: [page, pageSize],
+    });
+    const [rowGroupColumn, setRowGroupColumn] = useState({
+        cellRenderer: RowGroupCell,
+    });
+    const isLoading = ds.isLoading.useValue();
+    const error = ds.loadingError.useValue();
+    const { resolvedTheme } = useTheme();
+    const ref = useRef(null);
+    return (_jsxs(_Fragment, { children: [_jsx("div", { style: { height: 40 }, children: _jsxs(_Fragment, { children: [isLoading && _jsx("div", { children: "Loading..." }), error && _jsx("div", { children: `${error}` })] }) }), _jsx("div", { children: _jsx("button", { onClick: () => setPageSize((prev) => prev + 10), children: "Page " }) }), _jsx("div", { children: _jsx("button", { onClick: () => setPage((next) => next + 1), children: "Next" }) }), _jsx("div", { style: { display: "flex", alignItems: "center", justifyContent: "center" }, children: _jsx("div", { className: "ln-grid " + (resolvedTheme === "light" ? "ln-light" : "ln-dark"), style: { height: "50vh", width: "90vw" }, children: _jsx(Grid, { columns: columns, rowSource: ds, rowHeight: "fill:30", rowGroupColumn: rowGroupColumn, onRowGroupColumnChange: setRowGroupColumn, virtualizeRows: false, ref: ref }) }) })] }));
+}

package/dist/cell-selection/cell-selection-driver/use-cell-focus-change.d.ts

@@ -1,6 +1,5 @@
 import type { PieceWritable } from "@1771technologies/lytenyte-core";
 import { type PositionUnion } from "@1771technologies/lytenyte-shared";
 import { type Dispatch, type SetStateAction } from "react";
-import type { DataRectSplit } from "../split-cell-selection-rect";
-import type { API, DataRect } from "../../types";
+import type { API, DataRect, DataRectSplit } from "../../types";
 export declare function useCellFocusChange(focusActive: PieceWritable<PositionUnion | null>, excludeMarker: boolean, keepSelection: boolean, onCellSelectionChange: (c: DataRect[]) => void, setCellSelectionAdditiveRects: Dispatch<SetStateAction<DataRectSplit[] | null>>, api: API): void;

package/dist/cell-selection/cell-style-row.d.ts

@@ -1,4 +1,4 @@
-import type { DataRectSplit } from "./split-cell-selection-rect.js";
+import type { DataRectSplit } from "../types/grid";
 export declare function CellStyleRow({ rect, isRowPinnedTop, isDeselect, isRowPinnedBottom, isPivot, }: {
     rect: DataRectSplit;
     isRowPinnedTop?: boolean;

package/dist/cell-selection/cell-style-row.js

@@ -75,5 +75,5 @@ export function CellStyleRow({ rect, isRowPinnedTop, isDeselect, isRowPinnedBott
         rowTopCount,
         rtl,
     ]);
-    return (_jsx("div", { style: style, "data-ln-cell-selection-rect": true, "data-ln-cell-selection-is-deselect": isDeselect, "data-ln-cell-selection-is-pivot": isPivot, "data-ln-cell-selection-is-unit": rect.isUnit, "data-ln-cell-selection-border-top": rect.borderTop, "data-ln-cell-selection-border-bottom": rect.borderBottom, "data-ln-cell-selection-border-start": rect.borderStart, "data-ln-cell-selection-border-end": rect.borderEnd }));
+    return (_jsx("div", { style: style, "data-ln-cell-selection-rect": true, "data-ln-cell-selection-is-deselect": isDeselect, "data-ln-cell-selection-is-pivot": isPivot, "data-ln-cell-selection-border-top": rect.borderTop, "data-ln-cell-selection-border-bottom": rect.borderBottom, "data-ln-cell-selection-border-start": rect.borderStart, "data-ln-cell-selection-border-end": rect.borderEnd }));
 }

package/dist/cell-selection/index.d.ts

@@ -1,9 +1,7 @@
 export { isWithinSelectionRect } from "./is-within-selection-rect.js";
-export { splitCellSelectionRect } from "./split-cell-selection-rect.js";
 export { boundSelectionRect } from "./bound-selection-rect.js";
 export { fullWidthStartEndIndex } from "./full-width-start-end-index.js";
 export { areRectsEqual } from "./are-rects-equal.js";
-export { deselectRectRange } from "./deselect-rect-range.js";
 export { updateAdditiveCellSelection } from "./update-additive-cell-selection.js";
 export { isBottomRect } from "./is-bottom-rect.js";
 export { isCenterRect } from "./is-center-rect.js";

package/dist/cell-selection/index.js

@@ -1,9 +1,7 @@
 export { isWithinSelectionRect } from "./is-within-selection-rect.js";
-export { splitCellSelectionRect } from "./split-cell-selection-rect.js";
 export { boundSelectionRect } from "./bound-selection-rect.js";
 export { fullWidthStartEndIndex } from "./full-width-start-end-index.js";
 export { areRectsEqual } from "./are-rects-equal.js";
-export { deselectRectRange } from "./deselect-rect-range.js";
 export { updateAdditiveCellSelection } from "./update-additive-cell-selection.js";
 export { isBottomRect } from "./is-bottom-rect.js";
 export { isCenterRect } from "./is-center-rect.js";

package/dist/cell-selection/split-cell-selection-rect.d.ts

@@ -1,4 +1,5 @@
 import type { DataRect } from "../types/api.js";
+import type { DataRectSplit } from "../types/grid.js";
 interface SplitCellSelectionRectArgs {
     readonly rect: DataRect;
     readonly colStartCount: number;
@@ -7,13 +8,6 @@ interface SplitCellSelectionRectArgs {
     readonly rowCenterCount: number;
     readonly isDeselect?: boolean;
 }
-export interface DataRectSplit extends DataRect {
-    readonly isUnit: boolean;
-    readonly borderTop?: boolean;
-    readonly borderBottom?: boolean;
-    readonly borderStart?: boolean;
-    readonly borderEnd?: boolean;
-}
 /**
  * Splits a cell selection rectangle into multiple rectangles when it crosses specified boundary regions.
  * This is useful for handling selections that span across different grid sections (e.g., fixed columns/rows,

package/dist/cell-selection/split-cell-selection-rect.js

@@ -31,7 +31,6 @@ export function splitCellSelectionRect({ rect, colStartCount, colCenterCount, ro
     // Calculate the boundary positions for columns
     const colStartBound = colStartCount;
     const colEndBound = colStartCount + colCenterCount;
-    const isUnit = rect.rowEnd - rect.rowStart === 1 && rect.columnEnd - rect.columnStart === 1;
     const colSplits = [];
     // Handle column splits first
     // Case 1: Selection starts before the fixed columns and extends into the scrollable area
@@ -39,7 +38,6 @@ export function splitCellSelectionRect({ rect, colStartCount, colCenterCount, ro
         const startSplit = {
             ...rect,
             columnEnd: colStartBound,
-            isUnit,
         };
         colSplits.push(startSplit);
         rect = { ...rect, columnStart: colStartBound };
@@ -49,13 +47,12 @@ export function splitCellSelectionRect({ rect, colStartCount, colCenterCount, ro
         const endSplit = {
             ...rect,
             columnStart: colEndBound,
-            isUnit,
         };
         rect = { ...rect, columnEnd: colEndBound };
         colSplits.push(endSplit);
     }
     // Add the remaining rectangle after column splits
-    colSplits.push({ ...rect, isUnit });
+    colSplits.push({ ...rect });
     // Calculate the boundary positions for rows
     const topBound = rowTopCount;
     const bottomBound = rowTopCount + rowCenterCount;
@@ -64,7 +61,7 @@ export function splitCellSelectionRect({ rect, colStartCount, colCenterCount, ro
     for (let split of colSplits) {
         // Case 1: Selection spans from top section into center section
         if (split.rowStart < topBound && split.rowEnd > topBound) {
-            const topSplit = { ...split, rowEnd: topBound, isUnit };
+            const topSplit = { ...split, rowEnd: topBound };
             split = { ...split, rowStart: topBound };
             rowSplits.push(topSplit);
         }
@@ -73,7 +70,6 @@ export function splitCellSelectionRect({ rect, colStartCount, colCenterCount, ro
             const bottomSplit = {
                 ...split,
                 rowStart: bottomBound,
-                isUnit,
             };
             split = { ...split, rowEnd: bottomBound };
             rowSplits.push(bottomSplit);

package/dist/cell-selection/update-additive-cell-selection.d.ts

@@ -1,4 +1,4 @@
-import { type DataRectSplit } from "./split-cell-selection-rect.js";
 import type { ColumnView } from "@1771technologies/lytenyte-shared";
 import type { API, DataRect } from "../types/api.js";
+import type { DataRectSplit } from "../types/grid.js";
 export declare function updateAdditiveCellSelection(api: API, view: ColumnView, rowTopCount: number, rowCount: number, rowBottomCount: number, rect: DataRect, cellSelectionAdditiveRects: DataRectSplit[] | null, setSelectionAdditiveRects: (d: DataRectSplit[] | null) => void): void;

package/dist/components/column-manager/column-manager.d.ts

@@ -10,4 +10,4 @@ export interface ColumnManagerProps<Spec extends GridSpec = GridSpec> {
         row: RowNode<Spec["data"]>;
     }) => ReactNode;
 }
-export declare function ColumnManager<Spec extends GridSpec = GridSpec>({ columns, base, onColumnsChange, endElement, }: ColumnManagerProps<Spec>): import("react/jsx-runtime").JSX.Element;
+export declare function ColumnManager<Spec extends GridSpec = GridSpec>({ columns: provided, base, onColumnsChange, endElement, }: ColumnManagerProps<Spec>): import("react/jsx-runtime").JSX.Element;

package/dist/components/column-manager/column-manager.js

@@ -2,12 +2,30 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useMemo } from "react";
 import { TreeView } from "../tree-view/index.js";
 import { Checkbox } from "../checkbox/checkbox.js";
-export function ColumnManager({ columns, base, onColumnsChange, endElement, }) {
+import { computePathMatrix } from "@1771technologies/lytenyte-shared";
+export function ColumnManager({ columns: provided, base, onColumnsChange, endElement, }) {
+    const nonAdjacentSplit = useMemo(() => {
+        const paths = computePathMatrix(provided);
+        const adjusted = [];
+        for (let i = 0; i < provided.length; i++) {
+            const col = provided[i];
+            const path = paths[i];
+            const group = path
+                .filter((x) => x != null)
+                .map((x) => x?.idOccurrence.split("#").slice(-2).join("#"))
+                .flat();
+            if (group.length)
+                adjusted.push({ ...col, groupPath: group });
+            else
+                adjusted.push(col);
+        }
+        return adjusted;
+    }, [provided]);
     const items = useMemo(() => {
-        return columns.map((x) => ({ id: x.id, path: x.groupPath ?? [], name: x.name, column: x }));
-    }, [columns]);
+        return nonAdjacentSplit.map((x) => ({ id: x.id, path: x.groupPath ?? [], name: x.name, column: x }));
+    }, [nonAdjacentSplit]);
     return (_jsx(TreeView, { items: items, rowSelectionEnabled: false, draggable: true, rowHeight: 30, rowSelectAllShow: false, defaultExpansion: true, onItemsReordered: (x) => {
-            const columns = x.map((x) => x.column);
+            const columns = x.map((x) => provided.find((p) => p.id === x.column.id));
             onColumnsChange(columns);
         }, children: ({ row, leafs, toggle, dragProps, isOver, isBefore }) => {
             const depth = row.depth;
@@ -18,25 +36,27 @@ export function ColumnManager({ columns, base, onColumnsChange, endElement, }) {
             const draggable = !!dragProps.draggable;
             const checkbox = (_jsx(Checkbox, { checked: isSelected, indeterminate: isIndeterminate, onChange: () => {
                     if (isSelected) {
-                        onColumnsChange(columns.map((x) => {
+                        onColumnsChange(provided.map((x) => {
                             const c = items.find((c) => x.id === c.column.id);
                             if (!c)
                                 return x;
-                            return { ...c.column, hide: true };
+                            const original = provided.find((x) => x.id === c.id);
+                            return { ...original, hide: true };
                         }));
                     }
                     else {
-                        onColumnsChange(columns.map((x) => {
+                        onColumnsChange(provided.map((x) => {
                             const c = items.find((c) => x.id === c.column.id);
                             if (!c)
                                 return x;
-                            return { ...c.column, hide: false };
+                            const original = provided.find((x) => x.id === c.id);
+                            return { ...original, hide: false };
                         }));
                     }
                 } }));
             if (row.kind === "branch")
-                return (_jsxs("div", { "data-ln-tree-view-cell": row.kind, "data-ln-tree-view-cell-expanded": row.kind === "branch" && row.expanded, "data-ln-tree-view-cell-expandable": row.kind === "branch" ? row.expandable : undefined, "data-ln-tree-over": isOver, "data-ln-tree-before": isBefore, style: { "--ln-row-depth": depth }, ...dragProps, children: [row.kind === "branch" && row.expandable && (_jsx("button", { "data-ln-tree-view-cell-expander": true, "aria-label": "toggle the row group expansion state", onClick: () => toggle(), children: !row.loadingGroup && _jsx(CaretRight, {}) })), draggable && (_jsx("div", { children: _jsx(DragDots, {}) })), checkbox, _jsx("div", { style: { flex: "1" }, children: row.key }), end] }));
-            return (_jsxs("div", { "data-ln-tree-view-cell": row.kind, "data-ln-tree-over": isOver, "data-ln-tree-before": isBefore, style: { "--ln-row-depth": depth }, ...dragProps, children: [draggable && (_jsx("div", { children: _jsx(DragDots, {}) })), checkbox, _jsx("div", { style: { flex: "1" }, children: row.data.name ?? row.data.id }), end] }));
+                return (_jsxs("div", { "data-ln-tree-view-cell": row.kind, "data-ln-tree-view-cell-expanded": row.kind === "branch" && row.expanded, "data-ln-tree-view-cell-expandable": row.kind === "branch" ? row.expandable : undefined, "data-ln-tree-over": isOver, "data-ln-tree-before": isBefore, style: { "--ln-row-depth": depth }, ...dragProps, children: [row.kind === "branch" && row.expandable && (_jsx("button", { "data-ln-tree-view-cell-expander": true, "aria-label": "toggle the row group expansion state", onClick: () => toggle(), children: !row.loadingGroup && _jsx(CaretRight, {}) })), draggable && (_jsx("div", { style: { cursor: "grab" }, children: _jsx(DragDots, {}) })), checkbox, _jsx("div", { style: { flex: "1" }, children: row.key?.split("#").slice(0, -1).join("") }), end] }));
+            return (_jsxs("div", { "data-ln-tree-view-cell": row.kind, "data-ln-tree-over": isOver, "data-ln-tree-before": isBefore, style: { "--ln-row-depth": depth }, ...dragProps, children: [draggable && (_jsx("div", { style: { cursor: "grab" }, children: _jsx(DragDots, {}) })), checkbox, _jsx("div", { style: { flex: "1" }, children: row.data.name ?? row.data.id }), end] }));
         } }));
 }
 function CaretRight() {

package/dist/components/pill-manager/pill-manager.play.d.ts

@@ -1,3 +1,4 @@
 import "@1771technologies/lytenyte-design/light-dark.css";
+import "@1771technologies/lytenyte-design/shadcn-vars.css";
 import "../../../css/pill-manager.css";
 export default function Demo(): import("react/jsx-runtime").JSX.Element;

package/dist/components/pill-manager/pill-manager.play.js

@@ -1,5 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import "@1771technologies/lytenyte-design/light-dark.css";
+import "@1771technologies/lytenyte-design/shadcn-vars.css";
 import "../../../css/pill-manager.css";
 import { PillManager } from "./root.js";
 import { useState } from "react";
@@ -29,13 +30,13 @@ export default function Demo() {
         },
         {
             id: "group",
-            type: "row-pivots",
+            type: "row-groups",
             label: "Row Groups",
             accepts: ["groupable"],
             pills: columns.filter((x) => x.grouped).map((x) => ({ ...x, active: true, movable: true })),
         },
     ]);
-    return (_jsxs("div", { style: { display: "flex", gap: 8, flexDirection: "column" }, children: [_jsx("div", { style: { height: "200px" }, children: _jsx(PillManager, { rows: state, onPillRowChange: (p) => {
+    return (_jsxs("div", { className: "ln-shadcn", style: { display: "flex", gap: 8, flexDirection: "column" }, children: [_jsx("div", { style: { height: "200px" }, children: _jsx(PillManager, { rows: state, onPillRowChange: (p) => {
                         setState(p.full);
                     }, onPillItemThrown: (x) => {
                         setState((prev) => {

package/dist/components/smart-select/root.js

@@ -158,7 +158,7 @@ export function SmartSelectRoot(p) {
             return true;
         return false;
     }, [triggerEl]);
-    return (_jsx(SmartSelectProvider, { value: value, children: _jsxs(Popover, { open: open, onOpenChange: onOpenChange, onOpenChangeComplete: p.onOpenChangeComplete, focusTrap: false, modal: false, anchor: triggerEl, lightDismiss: lightDismiss, children: [trigger, triggerEl && createPortal(container, triggerEl)] }) }));
+    return (_jsx(SmartSelectProvider, { value: value, children: _jsxs(Popover, { open: open, onOpenChange: onOpenChange, onOpenChangeComplete: p.onOpenChangeComplete, focusTrap: false, modal: false, anchor: triggerEl, lightDismiss: lightDismiss, children: [trigger, triggerEl && createPortal(container, p.kind === "combo" ? triggerEl.parentElement : triggerEl)] }) }));
 }
 function DefaultChildren(p) {
     return _jsx(Option, { ...p });

package/dist/components/tree-view/root.js

@@ -25,6 +25,7 @@ function TreeViewBase({ items, rowSelectAllShow: rowSelectAll = true, defaultExp
         group: groupFn,
         data: finalItems,
         rowGroupDefaultExpansion: defaultExpansion ?? false,
+        sort: null,
         leafIdFn: useCallback((d) => d.id, []),
         groupIdFn: useCallback((p) => p.join(branchJoinSeparator), [branchJoinSeparator]),
         rowGroupExpansions,

package/dist/data-source-client/hooks/use-flattened-groups.js

@@ -12,7 +12,7 @@ export function useFlattenedGroups(root, agg, leafs, workingSet, sort, expandedF
         let maxDepth = 0;
         function processRowsBetter(node, parent, start, isLast, depth = 0) {
             maxDepth = Math.max(depth + 1, maxDepth);
-            const rows = nodeChildrenToRows(node, agg, leafs, workingSet, sort ?? sortFallback, isLast && !ignoreIsLast);
+            const rows = nodeChildrenToRows(node, agg, leafs, workingSet, sort !== undefined ? sort : sortFallback, isLast && !ignoreIsLast);
             let offset = 0;
             for (let i = 0; i < rows.length; i++) {
                 const row = rows[i];

package/dist/root/root.js

@@ -5,9 +5,9 @@ import { useProAPI } from "./hooks/use-pro-api.js";
 import { ProRootProvider } from "./context.js";
 import { hasAValidLicense, licenseState } from "../license.js";
 import { useControlled, useEvent, useRoot } from "@1771technologies/lytenyte-core/internal";
-import { splitCellSelectionRect } from "../cell-selection/index.js";
 import { CellSelectionDriver } from "../cell-selection/cell-selection-driver/cell-selection-driver.js";
 import { CellSelectionBottom, CellSelectionCenter, CellSelectionTop, } from "../cell-selection/cell-selection-containers.js";
+import { splitCellSelectionRect } from "../cell-selection/split-cell-selection-rect.js";
 const RootWrapper = ({ children, ...p }, forwarded) => {
     useEffect(() => {
         if (hasAValidLicense)

package/dist/types/grid.d.ts

@@ -13,7 +13,6 @@ export interface VirtualTarget {
     readonly contextElement?: HTMLElement;
 }
 export interface DataRectSplit extends DataRect {
-    readonly isUnit: boolean;
     readonly borderTop?: boolean;
     readonly borderBottom?: boolean;
     readonly borderStart?: boolean;

package/package.json

@@ -1,13 +1,14 @@
 {
   "name": "@1771technologies/lytenyte-pro",
   "description": "Blazingly fast headless React data grid with 100s of features.",
-  "version": "2.0.1",
+  "version": "2.0.2",
   "type": "module",
   "license": "COMMERCIAL",
   "files": [
     "dist",
     "css",
     "LICENSE",
+    "SECURITY.md",
     "README.md"
   ],
   "keywords": [
@@ -57,12 +58,12 @@
     "access": "public"
   },
   "dependencies": {
-    "@1771technologies/lytenyte-shared": "2.0.1",
-    "@1771technologies/lytenyte-core": "2.0.1",
-    "@1771technologies/lytenyte-design": "2.0.1"
+    "@1771technologies/lytenyte-core": "2.0.2",
+    "@1771technologies/lytenyte-design": "2.0.2",
+    "@1771technologies/lytenyte-shared": "2.0.2"
   },
   "devDependencies": {
-    "@1771technologies/grid-sample-data": "2.0.1"
+    "@1771technologies/grid-sample-data": "2.0.2"
   },
   "peerDependencies": {
     "react": "18.0.0 || ^19.0.0",

package/dist/cell-selection/split-on-pivot.d.ts

@@ -1,3 +0,0 @@
-import type { DataRectSplit } from "./split-cell-selection-rect";
-import type { DataRect } from "../types/api.js";
-export declare function splitOnPivot(rect: DataRectSplit, pivot: DataRect): DataRectSplit[] | null;

package/dist/cell-selection/split-on-pivot.js

@@ -1,50 +0,0 @@
-import { areRectsEqual } from "./are-rects-equal.js";
-export function splitOnPivot(rect, pivot) {
-    if (rect.isUnit || areRectsEqual(rect, pivot))
-        return null;
-    const splits = [];
-    const isAfter = pivot.columnStart > rect.columnStart;
-    const isSame = pivot.columnStart === rect.columnStart && pivot.columnEnd === rect.columnEnd;
-    // The pivot is on the right side of the rect. So we split by end
-    if (isAfter) {
-        const split = { ...rect, columnEnd: rect.columnEnd - 1, borderEnd: false };
-        if (split.columnStart !== split.columnEnd)
-            splits.push(split);
-    }
-    else {
-        const split = {
-            ...rect,
-            columnStart: rect.columnStart + 1,
-            borderStart: false,
-        };
-        if (split.columnStart !== split.columnEnd)
-            splits.push(split);
-    }
-    if (pivot.rowStart > rect.rowStart) {
-        const split = {
-            ...rect,
-            columnStart: pivot.columnStart,
-            columnEnd: pivot.columnEnd,
-            rowEnd: rect.rowEnd - 1,
-            borderBottom: false,
-            borderStart: !isAfter,
-            borderEnd: isSame || isAfter,
-        };
-        if (split.rowStart !== split.rowEnd)
-            splits.push(split);
-    }
-    else {
-        const split = {
-            ...rect,
-            columnStart: pivot.columnStart,
-            columnEnd: pivot.columnEnd,
-            rowStart: rect.rowStart + 1,
-            borderTop: false,
-            borderStart: !isAfter,
-            borderEnd: isSame || isAfter,
-        };
-        if (split.rowStart !== split.rowEnd)
-            splits.push(split);
-    }
-    return splits;
-}