@1771technologies/lytenyte-pro 2.0.2 → 2.0.4-dev.0

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@1771technologies/lytenyte-pro",
   "description": "Blazingly fast headless React data grid with 100s of features.",
-  "version": "2.0.2",
+  "version": "2.0.4-dev.0",
   "type": "module",
   "license": "COMMERCIAL",
   "files": [
@@ -13,9 +13,25 @@
   ],
   "keywords": [
     "react",
+    "reactjs",
+    "table",
+    "grid",
     "data-grid",
+    "datagrid",
+    "data-table",
+    "datatable",
     "react-table",
-    "headless",
+    "react-grid",
+    "react-component",
+    "grid-component",
+    "table-component",
+    "headless-table",
+    "headless-component",
+    "infinite-scrolling",
+    "virtual-scrolling",
+    "pagination",
+    "pivots",
+    "filtering",
     "virtualized"
   ],
   "homepage": "https://1771technologies.com",
@@ -33,6 +49,11 @@
       "import": "./dist/index.js",
       "require": "./dist/index.js"
     },
+    "./types": {
+      "types": "./src/types.d.ts",
+      "import": "./src/types.js",
+      "require": "./src/types.js"
+    },
     "./components": {
       "types": "./dist/components.d.ts",
       "import": "./dist/components.js",
@@ -58,12 +79,12 @@
     "access": "public"
   },
   "dependencies": {
-    "@1771technologies/lytenyte-core": "2.0.2",
-    "@1771technologies/lytenyte-design": "2.0.2",
-    "@1771technologies/lytenyte-shared": "2.0.2"
+    "@1771technologies/lytenyte-shared": "2.0.4-dev.0",
+    "@1771technologies/lytenyte-core": "2.0.4-dev.0",
+    "@1771technologies/lytenyte-design": "2.0.4-dev.0"
   },
   "devDependencies": {
-    "@1771technologies/grid-sample-data": "2.0.2"
+    "@1771technologies/grid-sample-data": "2.0.4-dev.0"
   },
   "peerDependencies": {
     "react": "18.0.0 || ^19.0.0",

package/dist/cell-selection/adjust-rect-for-row-and-cell-span.d.ts

@@ -1,2 +0,0 @@
-import type { API, DataRect } from "../types/api.js";
-export declare function adjustRectForRowAndCellSpan(cellRoot: API["cellRoot"], rect: DataRect): DataRect;

package/dist/cell-selection/adjust-rect-for-row-and-cell-span.js

@@ -1,43 +0,0 @@
-import { getRootCell } from "./get-root-cell.js";
-export function adjustRectForRowAndCellSpan(cellRoot, rect) {
-    let { rowStart, rowEnd, columnStart, columnEnd } = rect;
-    // Check the top row of the rect.
-    for (let i = columnStart; i < columnEnd; i++) {
-        let cell = getRootCell(cellRoot, rowStart, i);
-        if (cell) {
-            columnStart = Math.min(columnStart, cell.colIndex);
-            columnEnd = Math.max(columnEnd, cell.colIndex + cell.colSpan);
-            rowStart = Math.min(rowStart, cell.rowIndex);
-            rowEnd = Math.max(rowEnd, cell.rowIndex + cell.rowSpan);
-        }
-        cell = getRootCell(cellRoot, rowEnd - 1, i);
-        if (cell) {
-            columnStart = Math.min(columnStart, cell.colIndex);
-            columnEnd = Math.max(columnEnd, cell.colIndex + cell.colSpan);
-            rowStart = Math.min(rowStart, cell.rowIndex);
-            rowEnd = Math.max(rowEnd, cell.rowIndex + cell.rowSpan);
-        }
-    }
-    for (let i = rowStart; i < rowEnd; i++) {
-        let cell = getRootCell(cellRoot, i, columnStart);
-        if (cell) {
-            columnStart = Math.min(columnStart, cell.colIndex);
-            columnEnd = Math.max(columnEnd, cell.colIndex + cell.colSpan);
-            rowStart = Math.min(rowStart, cell.rowIndex);
-            rowEnd = Math.max(rowEnd, cell.rowIndex + cell.rowSpan);
-        }
-        cell = getRootCell(cellRoot, i, columnEnd - 1);
-        if (cell) {
-            columnStart = Math.min(columnStart, cell.colIndex);
-            columnEnd = Math.max(columnEnd, cell.colIndex + cell.colSpan);
-            rowStart = Math.min(rowStart, cell.rowIndex);
-            rowEnd = Math.max(rowEnd, cell.rowIndex + cell.rowSpan);
-        }
-    }
-    return {
-        rowStart,
-        rowEnd,
-        columnStart,
-        columnEnd,
-    };
-}

package/dist/cell-selection/are-rects-equal.d.ts

@@ -1,2 +0,0 @@
-import type { DataRect } from "../types/api.js";
-export declare function areRectsEqual(left: DataRect, right: DataRect): boolean;

package/dist/cell-selection/are-rects-equal.js

@@ -1,6 +0,0 @@
-export function areRectsEqual(left, right) {
-    return (left.rowStart === right.rowStart &&
-        left.rowEnd === right.rowEnd &&
-        left.columnStart === right.columnStart &&
-        left.columnEnd === right.columnEnd);
-}

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

@@ -1,3 +0,0 @@
-import { type ColumnView } from "@1771technologies/lytenyte-shared";
-import type { DataRect } from "../types";
-export declare function boundSelectionRect(view: ColumnView, rowCount: number, rect: DataRect): DataRect;

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

@@ -1,16 +0,0 @@
-import { clamp } from "@1771technologies/lytenyte-shared";
-export function boundSelectionRect(view, rowCount, rect) {
-    const maxRow = rowCount;
-    const minRow = 0;
-    const maxColumn = view.visibleColumns.length;
-    const minColumn = 0;
-    const rowStartMaybe = clamp(minRow, rect.rowStart, maxRow);
-    const rowEndMaybe = clamp(minRow, rect.rowEnd, maxRow);
-    const colStartMaybe = clamp(minColumn, rect.columnStart, maxColumn);
-    const colEndMaybe = clamp(minColumn, rect.columnEnd, maxColumn);
-    const rowStart = Math.min(rowStartMaybe, rowEndMaybe);
-    const rowEnd = Math.max(rowStartMaybe, rowEndMaybe);
-    const columnStart = Math.min(colStartMaybe, colEndMaybe);
-    const columnEnd = Math.max(colStartMaybe, colEndMaybe);
-    return { rowStart, rowEnd, columnStart, columnEnd };
-}

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

@@ -1,3 +0,0 @@
-export declare const CellSelectionTop: import("react").NamedExoticComponent<object>;
-export declare const CellSelectionCenter: import("react").NamedExoticComponent<object>;
-export declare const CellSelectionBottom: import("react").NamedExoticComponent<object>;

package/dist/cell-selection/cell-selection-containers.js

@@ -1,86 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { memo, useMemo } from "react";
-import { CellStyleRow } from "./cell-style-row.js";
-import { isTopRect } from "./is-top-rect.js";
-import { isCenterRect } from "./is-center-rect.js";
-import { isBottomRect } from "./is-bottom-rect.js";
-import { useRoot } from "@1771technologies/lytenyte-core/internal";
-import { useProRoot } from "../root/context.js";
-export const CellSelectionTop = memo(function CellSelectionTop() {
-    const { source } = useRoot();
-    const { cellSelectionSplits: allRects, cellSelectionAdditiveRects: additive, cellSelectionIsDeselect, } = useProRoot();
-    const topCount = source.useTopCount();
-    const topRects = useMemo(() => {
-        return allRects.filter((rect) => isTopRect(topCount, rect));
-    }, [allRects, topCount]);
-    const isDeselect = cellSelectionIsDeselect.current;
-    const additiveRects = useMemo(() => {
-        if (!additive)
-            return [];
-        return additive.filter((rect) => isTopRect(topCount, rect));
-    }, [additive, topCount]);
-    return (_jsxs("div", { role: "presentation", style: {
-            width: "100%",
-            height: 0,
-            display: "grid",
-            gridTemplateRows: "0px",
-            gridTemplateColumns: "0px",
-        }, children: [topRects.map((rect, i) => {
-                return _jsx(CellStyleRow, { rect: rect, isRowPinnedTop: true }, i);
-            }), additiveRects.map((rect) => {
-                return _jsx(CellStyleRow, { rect: rect, isDeselect: isDeselect }, rect.columnStart);
-            })] }));
-});
-export const CellSelectionCenter = memo(function CellSelectionCenter() {
-    const { source } = useRoot();
-    const { cellSelectionSplits: allRects, cellSelectionAdditiveRects: additive, cellSelectionIsDeselect, } = useProRoot();
-    const topCount = source.useTopCount();
-    const rowCount = source.useRowCount();
-    const botCount = source.useBottomCount();
-    const centerRects = useMemo(() => {
-        return allRects.filter((rect) => isCenterRect(rowCount, botCount, topCount, rect));
-    }, [allRects, botCount, rowCount, topCount]);
-    const isDeselect = cellSelectionIsDeselect.current;
-    const additiveRects = useMemo(() => {
-        if (!additive)
-            return [];
-        return additive.filter((rect) => isCenterRect(rowCount, botCount, topCount, rect));
-    }, [additive, botCount, rowCount, topCount]);
-    return (_jsxs("div", { role: "presentation", style: {
-            width: "100%",
-            height: 0,
-            display: "grid",
-            gridTemplateRows: "0px",
-            gridTemplateColumns: "0px",
-        }, children: [centerRects.map((rect, i) => {
-                return _jsx(CellStyleRow, { rect: rect }, i);
-            }), additiveRects.map((rect) => {
-                return _jsx(CellStyleRow, { rect: rect, isDeselect: isDeselect }, rect.columnStart);
-            })] }));
-});
-export const CellSelectionBottom = memo(function CellSelectionBottom() {
-    const { source } = useRoot();
-    const { cellSelectionSplits: allRects, cellSelectionAdditiveRects: additive, cellSelectionIsDeselect, } = useProRoot();
-    const rowCount = source.useRowCount();
-    const botCount = source.useBottomCount();
-    const bottomRects = useMemo(() => {
-        return allRects.filter((rect) => isBottomRect(rowCount, botCount, rect));
-    }, [allRects, botCount, rowCount]);
-    const isDeselect = cellSelectionIsDeselect.current;
-    const additiveRects = useMemo(() => {
-        if (!additive)
-            return [];
-        return additive.filter((rect) => isBottomRect(rowCount, botCount, rect));
-    }, [additive, botCount, rowCount]);
-    return (_jsxs("div", { role: "presentation", style: {
-            width: "100%",
-            height: 0,
-            display: "grid",
-            gridTemplateRows: "0px",
-            gridTemplateColumns: "0px",
-        }, children: [bottomRects.map((rect, i) => {
-                return _jsx(CellStyleRow, { rect: rect, isRowPinnedBottom: true }, i);
-            }), additiveRects.map((rect) => {
-                return _jsx(CellStyleRow, { rect: rect, isDeselect: isDeselect }, rect.columnStart);
-            })] }));
-});

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

@@ -1 +0,0 @@
-export declare function CellSelectionDriver(): import("react/jsx-runtime").JSX.Element;

package/dist/cell-selection/cell-selection-driver/cell-selection-driver.js

@@ -1,279 +0,0 @@
-import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
-import { useEffect } from "react";
-import { useEdgeScroll } from "../use-edge-scroll.js";
-import { getClientX, getClientY, getRelativeXPosition, getRelativeYPosition, } from "@1771technologies/lytenyte-shared";
-import { getNearestFocusable, getPositionFromFocusable } from "@1771technologies/lytenyte-shared";
-import { isHTMLElement } from "@1771technologies/lytenyte-shared";
-import { updateAdditiveCellSelection } from "../update-additive-cell-selection.js";
-import { deselectRectRange } from "../deselect-rect-range.js";
-import { isWithinSelectionRect } from "../is-within-selection-rect.js";
-import { useProRoot } from "../../root/context.js";
-import { useRoot } from "@1771technologies/lytenyte-core/internal";
-import { useCellFocusChange } from "./use-cell-focus-change.js";
-import { adjustRectForRowAndCellSpan } from "../adjust-rect-for-row-and-cell-span.js";
-import { expandSelectionUp } from "../expand-selection-up.js";
-import { expandSelectionDown } from "../expand-selection-down.js";
-import { expandSelectionStart } from "../expand-selection-start.js";
-import { expandSelectionEnd } from "../expand-selection-end.js";
-function isNormalClick(event) {
-    return event.button === 0 && !event.altKey;
-}
-export function CellSelectionDriver() {
-    const { rtl, view, source, viewport, focusActive, id } = useRoot();
-    const { cellSelectionMode: mode, onCellSelectionChange, api, cellSelectionAdditiveRects, setCellSelectionAdditiveRects, cellSelections, cellSelectionIsDeselect, } = useProRoot();
-    const { excludeMarker, keepSelection } = useProRoot();
-    const { cancelX, cancelY, edgeScrollX, edgeScrollY } = useEdgeScroll();
-    const topCount = source.useTopCount();
-    const rowCount = source.useRowCount();
-    const botCount = source.useBottomCount();
-    useEffect(() => {
-        if (!viewport || mode === "none")
-            return;
-        const isMultiRange = mode === "multi-range";
-        let isAdditive = false;
-        let start = null;
-        let lastRect = null;
-        let animFrame = null;
-        let startY = null;
-        const gridId = id;
-        const pointerMove = (event) => {
-            if (animFrame)
-                cancelAnimationFrame(animFrame);
-            animFrame = requestAnimationFrame(() => {
-                animFrame = null;
-                if (!start)
-                    return;
-                const clientX = getClientX(event);
-                const clientY = getClientY(event);
-                // Check the target we moved over and ensure it is an HTML element.
-                if (!isHTMLElement(event.target))
-                    return;
-                // Get the focusable position for the currently hovered cell.
-                const focusable = getNearestFocusable(gridId, event.target);
-                if (!focusable)
-                    return;
-                const position = getPositionFromFocusable(gridId, focusable);
-                if (position.kind !== "cell" && position.kind !== "full-width")
-                    return;
-                const startCount = view.startCount;
-                const firstEnd = view.centerCount + startCount;
-                const centerCount = rowCount - topCount - botCount;
-                const firstEndRow = centerCount + topCount;
-                const relativeX = getRelativeXPosition(viewport, clientX);
-                const isRtl = rtl;
-                const visualX = isRtl ? relativeX.right : relativeX.left;
-                const rowIndex = position.rowIndex;
-                const columnIndex = position.colIndex;
-                const startColSection = start.columnStart < startCount ? "start" : start.columnStart >= firstEnd ? "end" : "center";
-                const colSection = columnIndex < startCount ? "start" : columnIndex >= firstEnd ? "end" : "center";
-                const rowSection = rowIndex < topCount ? "top" : rowIndex >= firstEnd ? "bottom" : "center";
-                const startRowSection = start.rowStart < topCount ? "top" : start.rowStart >= firstEndRow ? "bottom" : "center";
-                const isSameColPin = startColSection === colSection;
-                const isSameRowPin = startRowSection === rowSection;
-                edgeScrollX(visualX, isRtl);
-                const relativeY = getRelativeYPosition(viewport, clientY);
-                edgeScrollY(relativeY.top, startY);
-                const scrollY = viewport.scrollTop;
-                if (!isSameRowPin && rowIndex < topCount && scrollY > 0)
-                    return;
-                const maxScroll = viewport.scrollHeight - viewport.clientHeight - 4;
-                if (!isSameRowPin && rowIndex > topCount + centerCount - 1 && scrollY < maxScroll)
-                    return;
-                const scrollX = Math.abs(viewport.scrollLeft);
-                if (!isSameColPin && columnIndex < startCount && scrollX > 0)
-                    return;
-                const maxScrollX = viewport.scrollWidth - viewport.clientWidth - 4;
-                if (!isSameColPin && columnIndex >= firstEnd && scrollX < maxScrollX)
-                    return;
-                const rowSpan = position.kind === "full-width" || !position.root ? 1 : position.root.rowSpan;
-                const colSpan = position.kind === "full-width" || !position.root ? 1 : position.root.colSpan;
-                const rs = Math.min(rowIndex, start.rowStart);
-                const re = Math.max(rowIndex + rowSpan, start.rowEnd);
-                const ce = Math.max(columnIndex + colSpan, start.columnEnd);
-                let cs = Math.min(columnIndex, start.columnStart);
-                if (excludeMarker)
-                    cs = Math.max(cs, 1);
-                const active = { rowStart: rs, rowEnd: re, columnStart: cs, columnEnd: ce };
-                if (isAdditive) {
-                    updateAdditiveCellSelection(api, view, topCount, rowCount, botCount, active, cellSelectionAdditiveRects, setCellSelectionAdditiveRects);
-                }
-                else {
-                    onCellSelectionChange([adjustRectForRowAndCellSpan(api.cellRoot, active)]);
-                }
-                lastRect = active;
-            });
-        };
-        const pointerDown = (event) => {
-            if (!isNormalClick(event)) {
-                document.removeEventListener("pointermove", pointerMove);
-                // Prevent the default for the context menu, otherwise the cell
-                // right clicked will be focused,
-                // resulting in the cell selection changing.
-                if (event.button == 2)
-                    event.preventDefault();
-                return;
-            }
-            isAdditive = isMultiRange && (event.ctrlKey || event.metaKey);
-            const target = event.target;
-            if (!isHTMLElement(target))
-                return;
-            const focusable = getNearestFocusable(gridId, target);
-            if (!focusable)
-                return;
-            const position = getPositionFromFocusable(gridId, focusable);
-            if (position.kind !== "cell" && position.kind !== "full-width")
-                return;
-            const rowIndex = position.rowIndex;
-            const columnIndex = position.colIndex;
-            if (excludeMarker && columnIndex === 0)
-                return;
-            // If the columnIndex or rowIndex is null then we haven't clicked a valid cell position.
-            // This ends the row selection.
-            if (columnIndex == null || rowIndex == null) {
-                onCellSelectionChange([]);
-                return;
-            }
-            const isSelected = cellSelections.some((c) => isWithinSelectionRect(c, rowIndex, columnIndex));
-            const isDeselect = isAdditive && isSelected;
-            const rowSpan = position.kind === "full-width" || !position.root ? 1 : position.root.rowSpan;
-            const colSpan = position.kind === "full-width" || !position.root ? 1 : position.root.colSpan;
-            startY = getRelativeYPosition(viewport, event.clientY).top;
-            start = {
-                columnStart: columnIndex,
-                columnEnd: columnIndex + colSpan,
-                rowStart: rowIndex,
-                rowEnd: rowIndex + rowSpan,
-            };
-            // If shift key down we select an area. We can only select an area if a pivot has been established.
-            // The pivot will always expand the last cell selection rect if there are multiple ones.
-            if (event.shiftKey) {
-                const position = focusActive.get();
-                if (position?.kind !== "cell")
-                    return;
-                const pivot = {
-                    rowStart: position.root ? position.root.rowIndex : position.rowIndex,
-                    rowEnd: position.root ? position.root.rowIndex + position.root.rowSpan : position.rowIndex + 1,
-                    columnStart: position.root ? position.root.colIndex : position.colIndex,
-                    columnEnd: position.root ? position.root.colIndex + position.root.colSpan : position.colIndex,
-                };
-                const active = { ...pivot };
-                active.columnStart = Math.min(columnIndex, active.columnStart);
-                active.columnEnd = Math.max(columnIndex + 1, active.columnEnd);
-                active.rowStart = Math.min(rowIndex, active.rowStart);
-                active.rowEnd = Math.max(rowIndex + 1, active.rowEnd);
-                onCellSelectionChange([active]);
-                // We need to prevent the default otherwise the cell to go to will be
-                // focused. This leads to awkward behavior around the cell selection pivot
-                event.preventDefault();
-                return;
-            }
-            // We need to prevent the default for multi
-            if (mode === "multi-range" && (event.metaKey || event.ctrlKey)) {
-                event.preventDefault();
-            }
-            cellSelectionIsDeselect.current = isDeselect;
-            if (isAdditive) {
-                updateAdditiveCellSelection(api, view, topCount, rowCount, botCount, start, cellSelectionAdditiveRects, setCellSelectionAdditiveRects);
-            }
-            else {
-                onCellSelectionChange([adjustRectForRowAndCellSpan(api.cellRoot, start)]);
-            }
-            lastRect = start;
-            document.addEventListener("pointermove", pointerMove);
-            document.addEventListener("contextmenu", pointerUp);
-            document.addEventListener("pointerup", pointerUp);
-        };
-        const pointerUp = () => {
-            start = null;
-            if (isAdditive) {
-                const isDeselect = cellSelectionIsDeselect.current;
-                const rects = isDeselect
-                    ? cellSelections.flatMap((r) => deselectRectRange(r, lastRect))
-                    : [...cellSelections, lastRect];
-                onCellSelectionChange(rects);
-                setCellSelectionAdditiveRects(null);
-                cellSelectionIsDeselect.current = false;
-                isAdditive = false;
-            }
-            cancelX();
-            cancelY();
-            document.removeEventListener("pointerup", pointerUp);
-            document.removeEventListener("contextmenu", pointerUp);
-            document.removeEventListener("pointermove", pointerMove);
-        };
-        viewport.addEventListener("pointerdown", pointerDown);
-        const handleKey = (ev) => {
-            const start = rtl ? "ArrowRight" : "ArrowLeft";
-            const end = rtl ? "ArrowLeft" : "ArrowRight";
-            const position = focusActive.get();
-            // Select all
-            if (ev.key === "a" && (ev.ctrlKey || ev.metaKey)) {
-                if (!cellSelections.at(-1))
-                    return;
-                const next = {
-                    columnStart: excludeMarker ? 1 : 0,
-                    columnEnd: view.visibleColumns.length,
-                    rowStart: 0,
-                    rowEnd: rowCount,
-                };
-                const nextSelections = [...cellSelections];
-                nextSelections[nextSelections.length - 1] = next;
-                onCellSelectionChange(nextSelections);
-                ev.preventDefault();
-                ev.stopPropagation();
-                return;
-            }
-            if (!ev.shiftKey || position?.kind !== "cell")
-                return;
-            let handled = false;
-            if (ev.key === "ArrowUp") {
-                expandSelectionUp(api, cellSelections, onCellSelectionChange, ev.ctrlKey || ev.metaKey, position, rowCount);
-                handled = true;
-            }
-            else if (ev.key === "ArrowDown") {
-                expandSelectionDown(api, cellSelections, onCellSelectionChange, ev.ctrlKey || ev.metaKey, position, rowCount);
-                handled = true;
-            }
-            else if (ev.key === start) {
-                expandSelectionStart(api, cellSelections, onCellSelectionChange, ev.ctrlKey || ev.metaKey, position, excludeMarker, view);
-                handled = true;
-            }
-            else if (ev.key === end) {
-                expandSelectionEnd(api, cellSelections, onCellSelectionChange, ev.ctrlKey || ev.metaKey, position, view);
-                handled = true;
-            }
-            if (handled) {
-                ev.preventDefault();
-                ev.stopPropagation();
-            }
-        };
-        viewport.addEventListener("keydown", handleKey);
-        return () => {
-            viewport.removeEventListener("pointerdown", pointerDown);
-            viewport.removeEventListener("keydown", handleKey);
-        };
-    }, [
-        api,
-        botCount,
-        cancelX,
-        cancelY,
-        cellSelectionAdditiveRects,
-        cellSelectionIsDeselect,
-        cellSelections,
-        edgeScrollX,
-        edgeScrollY,
-        excludeMarker,
-        focusActive,
-        id,
-        mode,
-        onCellSelectionChange,
-        rowCount,
-        rtl,
-        setCellSelectionAdditiveRects,
-        topCount,
-        view,
-        viewport,
-    ]);
-    useCellFocusChange(focusActive, excludeMarker, keepSelection, onCellSelectionChange, setCellSelectionAdditiveRects, api);
-    return _jsx(_Fragment, {});
-}

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

@@ -1,5 +0,0 @@
-import type { PieceWritable } from "@1771technologies/lytenyte-core";
-import { type PositionUnion } from "@1771technologies/lytenyte-shared";
-import { type Dispatch, type SetStateAction } from "react";
-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-selection-driver/use-cell-focus-change.js

@@ -1,34 +0,0 @@
-import { equal } from "@1771technologies/lytenyte-shared";
-import { useEffect, useRef } from "react";
-import { dataRectFromCellPosition } from "../data-rect-from-cell-position.js";
-import { adjustRectForRowAndCellSpan } from "../adjust-rect-for-row-and-cell-span.js";
-export function useCellFocusChange(focusActive, excludeMarker, keepSelection, onCellSelectionChange, setCellSelectionAdditiveRects, api) {
-    const focus = focusActive.useValue();
-    const prevRef = useRef(null);
-    useEffect(() => {
-        if (!focus)
-            return;
-        const prev = prevRef.current;
-        if (equal(prev, focus))
-            return;
-        prevRef.current = focus;
-        if (focus.colIndex === 0 && excludeMarker) {
-            return;
-        }
-        if (!keepSelection && focus?.kind !== "cell" && focus?.kind !== "full-width") {
-            onCellSelectionChange([]);
-            setCellSelectionAdditiveRects([]);
-        }
-        else if (focus.kind === "cell" || focus.kind === "full-width") {
-            const rect = focus.kind === "full-width"
-                ? {
-                    rowStart: focus.rowIndex,
-                    rowEnd: focus.rowIndex + 1,
-                    columnStart: focus.colIndex,
-                    columnEnd: focus.colIndex + 1,
-                }
-                : dataRectFromCellPosition(focus);
-            onCellSelectionChange([adjustRectForRowAndCellSpan(api.cellRoot, rect)]);
-        }
-    }, [api, excludeMarker, focus, keepSelection, onCellSelectionChange, setCellSelectionAdditiveRects]);
-}

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

@@ -1,8 +0,0 @@
-import type { DataRectSplit } from "../types/grid";
-export declare function CellStyleRow({ rect, isRowPinnedTop, isDeselect, isRowPinnedBottom, isPivot, }: {
-    rect: DataRectSplit;
-    isRowPinnedTop?: boolean;
-    isDeselect?: boolean;
-    isRowPinnedBottom?: boolean;
-    isPivot?: boolean;
-}): import("react/jsx-runtime").JSX.Element;

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

@@ -1,79 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useMemo } from "react";
-import { getTranslate, sizeFromCoord } from "@1771technologies/lytenyte-shared";
-import { useRoot } from "@1771technologies/lytenyte-core/internal";
-export function CellStyleRow({ rect, isRowPinnedTop, isDeselect, isRowPinnedBottom, isPivot, }) {
-    const { xPositions, yPositions, rtl, view, source, dimensions } = useRoot();
-    const startCount = view.startCount;
-    const centerCount = view.centerCount;
-    const rowCount = source.useRowCount();
-    const rowTopCount = source.useTopCount();
-    const rowBotCount = source.useBottomCount();
-    const vpWidth = dimensions.innerWidth;
-    const style = useMemo(() => {
-        const columnStart = rect.columnStart;
-        const columnEnd = rect.columnEnd;
-        const isStart = columnStart < startCount;
-        const isEnd = columnStart >= startCount + centerCount;
-        const isTop = isRowPinnedTop;
-        const isBot = isRowPinnedBottom;
-        const columnIndex = columnStart;
-        const rowIndex = rect.rowStart;
-        const width = sizeFromCoord(columnStart, xPositions, columnEnd - columnStart);
-        const height = sizeFromCoord(rect.rowStart, yPositions, rect.rowEnd - rect.rowStart);
-        const firstBotIndex = rowCount - rowBotCount;
-        const x = isEnd ? xPositions[columnIndex] - xPositions.at(-1) + vpWidth : xPositions[columnIndex];
-        let y;
-        if (isBot)
-            y = yPositions[rowIndex] - yPositions[firstBotIndex];
-        else if (isTop)
-            y = yPositions[rowIndex];
-        else {
-            y = `calc(${yPositions[rowIndex] - yPositions[rowTopCount]}px - var(--ln-y-offset, 0px))`;
-        }
-        const transform = getTranslate(x * (rtl ? -1 : 1), y);
-        const pinnedRow = isTop || isBot;
-        const pinnedCell = isStart || isEnd;
-        const style = {
-            height: height - 1, // Minus 1 because the bottom border is not included in cell heights.
-            width,
-            transform,
-            position: "absolute",
-            pointerEvents: "none",
-            top: 0,
-            zIndex: 1,
-            gridRowStart: "1",
-            gridRowEnd: "2",
-            gridColumnStart: "1",
-            gridColumnEnd: "2",
-        };
-        if (pinnedCell) {
-            style.insetInlineStart = "0px";
-            style.position = "sticky";
-            style.zIndex = pinnedRow ? 6 : 3;
-        }
-        if (pinnedRow) {
-            style.position = "sticky";
-            style.top = "0px";
-            style.zIndex = pinnedCell ? 6 : 3;
-        }
-        return style;
-    }, [
-        rect.columnStart,
-        rect.columnEnd,
-        rect.rowStart,
-        rect.rowEnd,
-        startCount,
-        centerCount,
-        isRowPinnedTop,
-        isRowPinnedBottom,
-        rowCount,
-        rowBotCount,
-        xPositions,
-        vpWidth,
-        yPositions,
-        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-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/data-rect-from-cell-position.d.ts

@@ -1,3 +0,0 @@
-import type { PositionGridCell } from "@1771technologies/lytenyte-shared";
-import type { DataRect } from "../types";
-export declare function dataRectFromCellPosition(position: PositionGridCell): DataRect;