@1771technologies/lytenyte-pro 1.0.0-beta.0 → 1.0.0-beta.10

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

@@ -1,2 +1,2 @@
-import type { DataRect, Grid } from "../+types";
+import type { DataRect, Grid } from "../+types.js";
 export declare function adjustRectForRowAndCellSpan<T>(grid: Grid<T>, rect: DataRect): DataRect;

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

@@ -1,43 +1,43 @@
-import { getRootCell } from "./get-root-cell";
+import { getRootCell } from "./get-root-cell.js";
 export function adjustRectForRowAndCellSpan(grid, rect) {
-    let { rowStart, rowEnd, columnStart, columnEnd } = rect;
-    // Check the top row of the rect.
-    for (let i = columnStart; i < columnEnd; i++) {
-        let cell = getRootCell(grid, 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(grid, 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);
-        }
+  let { rowStart, rowEnd, columnStart, columnEnd } = rect;
+  // Check the top row of the rect.
+  for (let i = columnStart; i < columnEnd; i++) {
+    let cell = getRootCell(grid, 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);
     }
-    for (let i = rowStart; i < rowEnd; i++) {
-        let cell = getRootCell(grid, 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(grid, 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);
-        }
+    cell = getRootCell(grid, 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);
     }
-    return {
-        rowStart,
-        rowEnd,
-        columnStart,
-        columnEnd,
-    };
+  }
+  for (let i = rowStart; i < rowEnd; i++) {
+    let cell = getRootCell(grid, 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(grid, 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 +1,2 @@
-import type { DataRect } from "../+types";
+import type { DataRect } from "../+types.js";
 export declare function areRectsEqual(left: DataRect, right: DataRect): boolean;

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

@@ -1,6 +1,8 @@
 export function areRectsEqual(left, right) {
-    return (left.rowStart === right.rowStart &&
-        left.rowEnd === right.rowEnd &&
-        left.columnStart === right.columnStart &&
-        left.columnEnd === right.columnEnd);
+  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,2 +1,2 @@
-import type { DataRect, Grid } from "../+types";
+import type { DataRect, Grid } from "../+types.js";
 export declare function boundSelectionRect(grid: Grid<any>, rect: DataRect): DataRect;

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

@@ -1,17 +1,17 @@
 import { clamp } from "@1771technologies/lytenyte-js-utils";
 export function boundSelectionRect(grid, rect) {
-    const rowCount = grid.state.rowDataStore.rowCount.get();
-    const maxRow = rowCount;
-    const minRow = 0;
-    const maxColumn = grid.state.columnMeta.get().columnsVisible.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 };
+  const rowCount = grid.state.rowDataStore.rowCount.get();
+  const maxRow = rowCount;
+  const minRow = 0;
+  const maxColumn = grid.state.columnMeta.get().columnsVisible.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.js

@@ -6,86 +6,116 @@ import { isTopRect } from "./is-top-rect";
 import { isCenterRect } from "./is-center-rect";
 import { isBottomRect } from "./is-bottom-rect";
 export const CellSelectionTop = memo(function CellSelectionTop() {
-    const cx = useGridRoot();
-    const allRects = cx.grid.internal.cellSelectionSplits.useValue();
-    const topRects = useMemo(() => {
-        return allRects.filter((rect) => isTopRect(cx.grid, rect));
-    }, [allRects, cx.grid]);
-    const mode = cx.grid.state.cellSelectionMode.useValue();
-    const showPivot = mode === "multi-range" || mode === "range";
-    const additive = cx.grid.internal.cellSelectionAdditiveRects.useValue();
-    const isDeselect = cx.grid.internal.cellSelectionIsDeselect.useValue();
-    const pivot = cx.grid.internal.cellSelectionPivot.useValue();
-    const additiveRects = useMemo(() => {
-        if (!additive)
-            return [];
-        return additive.filter((rect) => isTopRect(cx.grid, rect));
-    }, [additive, cx.grid]);
-    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);
-            }), showPivot && pivot && isTopRect(cx.grid, pivot) && (_jsx(CellStyleRow, { rect: pivot, isPivot: true, isRowPinnedTop: true }))] }));
+  const cx = useGridRoot();
+  const allRects = cx.grid.internal.cellSelectionSplits.useValue();
+  const topRects = useMemo(() => {
+    return allRects.filter((rect) => isTopRect(cx.grid, rect));
+  }, [allRects, cx.grid]);
+  const mode = cx.grid.state.cellSelectionMode.useValue();
+  const showPivot = mode === "multi-range" || mode === "range";
+  const additive = cx.grid.internal.cellSelectionAdditiveRects.useValue();
+  const isDeselect = cx.grid.internal.cellSelectionIsDeselect.useValue();
+  const pivot = cx.grid.internal.cellSelectionPivot.useValue();
+  const additiveRects = useMemo(() => {
+    if (!additive) return [];
+    return additive.filter((rect) => isTopRect(cx.grid, rect));
+  }, [additive, cx.grid]);
+  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);
+      }),
+      showPivot &&
+        pivot &&
+        isTopRect(cx.grid, pivot) &&
+        _jsx(CellStyleRow, { rect: pivot, isPivot: true, isRowPinnedTop: true }),
+    ],
+  });
 });
 export const CellSelectionCenter = memo(function CellSelectionCenter() {
-    const cx = useGridRoot();
-    const allRects = cx.grid.internal.cellSelectionSplits.useValue();
-    const pivot = cx.grid.internal.cellSelectionPivot.useValue();
-    const centerRects = useMemo(() => {
-        return allRects.filter((rect) => isCenterRect(cx.grid, rect));
-    }, [allRects, cx.grid]);
-    const additive = cx.grid.internal.cellSelectionAdditiveRects.useValue();
-    const isDeselect = cx.grid.internal.cellSelectionIsDeselect.useValue();
-    const additiveRects = useMemo(() => {
-        if (!additive)
-            return [];
-        return additive.filter((rect) => isCenterRect(cx.grid, rect));
-    }, [additive, cx.grid]);
-    const mode = cx.grid.state.cellSelectionMode.useValue();
-    const showPivot = mode === "multi-range" || mode === "range";
-    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);
-            }), showPivot && pivot && isCenterRect(cx.grid, pivot) && _jsx(CellStyleRow, { rect: pivot, isPivot: true })] }));
+  const cx = useGridRoot();
+  const allRects = cx.grid.internal.cellSelectionSplits.useValue();
+  const pivot = cx.grid.internal.cellSelectionPivot.useValue();
+  const centerRects = useMemo(() => {
+    return allRects.filter((rect) => isCenterRect(cx.grid, rect));
+  }, [allRects, cx.grid]);
+  const additive = cx.grid.internal.cellSelectionAdditiveRects.useValue();
+  const isDeselect = cx.grid.internal.cellSelectionIsDeselect.useValue();
+  const additiveRects = useMemo(() => {
+    if (!additive) return [];
+    return additive.filter((rect) => isCenterRect(cx.grid, rect));
+  }, [additive, cx.grid]);
+  const mode = cx.grid.state.cellSelectionMode.useValue();
+  const showPivot = mode === "multi-range" || mode === "range";
+  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);
+      }),
+      showPivot &&
+        pivot &&
+        isCenterRect(cx.grid, pivot) &&
+        _jsx(CellStyleRow, { rect: pivot, isPivot: true }),
+    ],
+  });
 });
 export const CellSelectionBottom = memo(function CellSelectionBottom() {
-    const cx = useGridRoot();
-    const allRects = cx.grid.internal.cellSelectionSplits.useValue();
-    const pivot = cx.grid.internal.cellSelectionPivot.useValue();
-    const bottomRects = useMemo(() => {
-        return allRects.filter((rect) => isBottomRect(cx.grid, rect));
-    }, [allRects, cx.grid]);
-    const additive = cx.grid.internal.cellSelectionAdditiveRects.useValue();
-    const isDeselect = cx.grid.internal.cellSelectionIsDeselect.useValue();
-    const additiveRects = useMemo(() => {
-        if (!additive)
-            return [];
-        return additive.filter((rect) => isBottomRect(cx.grid, rect));
-    }, [additive, cx.grid]);
-    const mode = cx.grid.state.cellSelectionMode.useValue();
-    const showPivot = mode === "multi-range" || mode === "range";
-    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);
-            }), showPivot && pivot && isBottomRect(cx.grid, pivot) && (_jsx(CellStyleRow, { rect: pivot, isPivot: true, isRowPinnedBottom: true }))] }));
+  const cx = useGridRoot();
+  const allRects = cx.grid.internal.cellSelectionSplits.useValue();
+  const pivot = cx.grid.internal.cellSelectionPivot.useValue();
+  const bottomRects = useMemo(() => {
+    return allRects.filter((rect) => isBottomRect(cx.grid, rect));
+  }, [allRects, cx.grid]);
+  const additive = cx.grid.internal.cellSelectionAdditiveRects.useValue();
+  const isDeselect = cx.grid.internal.cellSelectionIsDeselect.useValue();
+  const additiveRects = useMemo(() => {
+    if (!additive) return [];
+    return additive.filter((rect) => isBottomRect(cx.grid, rect));
+  }, [additive, cx.grid]);
+  const mode = cx.grid.state.cellSelectionMode.useValue();
+  const showPivot = mode === "multi-range" || mode === "range";
+  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);
+      }),
+      showPivot &&
+        pivot &&
+        isBottomRect(cx.grid, pivot) &&
+        _jsx(CellStyleRow, { rect: pivot, isPivot: true, isRowPinnedBottom: true }),
+    ],
+  });
 });