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

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

@@ -1,43 +1,43 @@
 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);
+    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);
+        }
     }
-    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);
+    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);
+        }
     }
-  }
-  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,
-  };
+    return {
+        rowStart,
+        rowEnd,
+        columnStart,
+        columnEnd,
+    };
 }

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

@@ -1,8 +1,6 @@
 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.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,116 +6,86 @@ 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 }))] }));
 });