@1771technologies/lytenyte-pro 1.0.0-beta.36 → 1.0.0-beta.38

package/dist/state/api/export-data-rect.js

@@ -1,24 +1,24 @@
 import { getDataRect } from "../helpers/get-data-rect.js";
 export const makeExportDataRect = (grid) => {
-  return async (p) => {
-    const s = grid.state;
-    const rowCount = s.rowDataStore.rowCount.get();
-    const visible = s.columnMeta.get().columnsVisible;
-    const rowStart = p?.dataRect?.rowStart ?? 0;
-    const rowEnd = p?.dataRect?.rowEnd ?? rowCount;
-    const columnStart = p?.dataRect?.columnStart ?? 0;
-    const columnEnd = p?.dataRect?.columnEnd ?? visible.length;
-    const rows = [];
-    for (let i = rowStart; i < rowEnd; i++) {
-      rows.push(grid.api.rowByIndex(i) ?? null);
-    }
-    return getDataRect({
-      rows,
-      visible,
-      columnField: grid.api.columnField,
-      uniformGroupHeaders: p?.uniformGroupHeaders,
-      columnEnd,
-      columnStart,
-    });
-  };
+    return async (p) => {
+        const s = grid.state;
+        const rowCount = s.rowDataStore.rowCount.get();
+        const visible = s.columnMeta.get().columnsVisible;
+        const rowStart = p?.dataRect?.rowStart ?? 0;
+        const rowEnd = p?.dataRect?.rowEnd ?? rowCount;
+        const columnStart = p?.dataRect?.columnStart ?? 0;
+        const columnEnd = p?.dataRect?.columnEnd ?? visible.length;
+        const rows = [];
+        for (let i = rowStart; i < rowEnd; i++) {
+            rows.push(grid.api.rowByIndex(i) ?? null);
+        }
+        return getDataRect({
+            rows,
+            visible,
+            columnField: grid.api.columnField,
+            uniformGroupHeaders: p?.uniformGroupHeaders,
+            columnEnd,
+            columnStart,
+        });
+    };
 };

package/dist/state/api/focus-cell.d.ts

@@ -1,7 +1,5 @@
 import type { Grid, GridApi } from "../../+types";
 import type { InternalAtoms } from "../+types.js";
-export declare const makeFocusCell: (
-  grid: Grid<any> & {
+export declare const makeFocusCell: (grid: Grid<any> & {
     internal: InternalAtoms;
-  },
-) => GridApi<any>["focusCell"];
+}) => GridApi<any>["focusCell"];

package/dist/state/api/focus-cell.js

@@ -1,118 +1,117 @@
-import {
-  focusCell,
-  getHeaderRows,
-  handleNavigationKeys,
-  isColumnFloatingHeader,
-} from "@1771technologies/lytenyte-shared";
+import { focusCell, getHeaderRows, handleNavigationKeys, isColumnFloatingHeader, } from "@1771technologies/lytenyte-shared";
 import { clamp } from "@1771technologies/lytenyte-js-utils";
 export const makeFocusCell = (grid) => {
-  return (position) => {
-    const vp = grid.state.viewport.get();
-    if (!vp) return false;
-    if (typeof position === "string") {
-      let key = "";
-      if (position === "up") key = "ArrowUp";
-      else if (position === "down") key = "ArrowDown";
-      else if (position === "next") key = grid.state.rtl.get() ? "ArrowLeft" : "ArrowRight";
-      else if (position === "prev") key = grid.state.rtl.get() ? "ArrowRight" : "ArrowLeft";
-      if (!key) return false;
-      const ds = grid.state.rowDataStore;
-      handleNavigationKeys(
-        {
-          key,
-          ctrlKey: false,
-          metaKey: false,
-          preventDefault: () => {},
-          stopPropagation: () => {},
-        },
-        {
-          vp,
-          rowCount: ds.rowCount.get(),
-          topCount: ds.rowTopCount.get(),
-          centerCount: ds.rowCenterCount.get(),
-          columnCount: grid.state.columnMeta.get().columnsVisible.length,
-          focusActive: grid.internal.focusActive,
-          id: grid.state.gridId.get(),
-          layout: grid.internal.layout.get(),
-          rtl: grid.state.rtl.get(),
-          scrollIntoView: grid.api.scrollIntoView,
-        },
-      );
-      return true;
-    }
-    if ("kind" in position) {
-      if (position.kind === "header-cell") {
-        grid.api.scrollIntoView({ column: position.colIndex });
-        const run = () => {
-          const header = getHeaderRows(vp);
-          if (!header) return false;
-          for (const row of header) {
-            const cell = row.querySelector(
-              `[data-ln-header-cell][data-ln-colindex="${position.colIndex}"]`,
-            );
-            if (!cell) continue;
-            if (isColumnFloatingHeader(cell)) continue;
-            cell.focus();
+    return (position) => {
+        const vp = grid.state.viewport.get();
+        if (!vp)
+            return false;
+        if (typeof position === "string") {
+            let key = "";
+            if (position === "up")
+                key = "ArrowUp";
+            else if (position === "down")
+                key = "ArrowDown";
+            else if (position === "next")
+                key = grid.state.rtl.get() ? "ArrowLeft" : "ArrowRight";
+            else if (position === "prev")
+                key = grid.state.rtl.get() ? "ArrowRight" : "ArrowLeft";
+            if (!key)
+                return false;
+            const ds = grid.state.rowDataStore;
+            handleNavigationKeys({
+                key,
+                ctrlKey: false,
+                metaKey: false,
+                preventDefault: () => { },
+                stopPropagation: () => { },
+            }, {
+                vp,
+                rowCount: ds.rowCount.get(),
+                topCount: ds.rowTopCount.get(),
+                centerCount: ds.rowCenterCount.get(),
+                columnCount: grid.state.columnMeta.get().columnsVisible.length,
+                focusActive: grid.internal.focusActive,
+                id: grid.state.gridId.get(),
+                layout: grid.internal.layout.get(),
+                rtl: grid.state.rtl.get(),
+                scrollIntoView: grid.api.scrollIntoView,
+            });
             return true;
-          }
-          return false;
-        };
-        if (!run()) {
-          setTimeout(() => {
-            if (!run()) {
-              setTimeout(() => run(), 20);
-            }
-          }, 8);
         }
-        return true;
-      } else if (position.kind === "header-group-cell") {
-        grid.api.scrollIntoView({ column: position.colIndex });
-        const run = () => {
-          const header = getHeaderRows(vp);
-          if (!header) return false;
-          const row = header[position.hierarchyRowIndex];
-          if (!row) return false;
-          const headers = Array.from(row.querySelectorAll("[data-ln-header-range]"));
-          const match = headers.find((c) => {
-            const [colStartStr, colEndStr] = c.getAttribute("data-ln-header-range").split(",");
-            const colStart = Number.parseInt(colStartStr);
-            const colEnd = Number.parseInt(colEndStr);
-            return colStart <= position.colIndex && position.colIndex < colEnd;
-          });
-          if (match) {
-            match.focus();
-            grid.internal.focusActive.set((prev) => ({ ...prev, colIndex }));
-            return true;
-          }
-          return false;
-        };
-        if (!run()) {
-          setTimeout(() => {
-            if (!run()) {
-              setTimeout(() => run(), 20);
+        if ("kind" in position) {
+            if (position.kind === "header-cell") {
+                grid.api.scrollIntoView({ column: position.colIndex });
+                const run = () => {
+                    const header = getHeaderRows(vp);
+                    if (!header)
+                        return false;
+                    for (const row of header) {
+                        const cell = row.querySelector(`[data-ln-header-cell][data-ln-colindex="${position.colIndex}"]`);
+                        if (!cell)
+                            continue;
+                        if (isColumnFloatingHeader(cell))
+                            continue;
+                        cell.focus();
+                        return true;
+                    }
+                    return false;
+                };
+                if (!run()) {
+                    setTimeout(() => {
+                        if (!run()) {
+                            setTimeout(() => run(), 20);
+                        }
+                    }, 8);
+                }
+                return true;
+            }
+            else if (position.kind === "header-group-cell") {
+                grid.api.scrollIntoView({ column: position.colIndex });
+                const run = () => {
+                    const header = getHeaderRows(vp);
+                    if (!header)
+                        return false;
+                    const row = header[position.hierarchyRowIndex];
+                    if (!row)
+                        return false;
+                    const headers = Array.from(row.querySelectorAll("[data-ln-header-range]"));
+                    const match = headers.find((c) => {
+                        const [colStartStr, colEndStr] = c.getAttribute("data-ln-header-range").split(",");
+                        const colStart = Number.parseInt(colStartStr);
+                        const colEnd = Number.parseInt(colEndStr);
+                        return colStart <= position.colIndex && position.colIndex < colEnd;
+                    });
+                    if (match) {
+                        match.focus();
+                        grid.internal.focusActive.set((prev) => ({ ...prev, colIndex }));
+                        return true;
+                    }
+                    return false;
+                };
+                if (!run()) {
+                    setTimeout(() => {
+                        if (!run()) {
+                            setTimeout(() => run(), 20);
+                        }
+                    }, 8);
+                }
+                return true;
+            }
+            else {
+                return false;
             }
-          }, 8);
         }
-        return true;
-      } else {
+        const columnCount = grid.state.columnMeta.get().columnsVisible.length - 1;
+        const colIndex = clamp(0, typeof position.column === "number" ? position.column : grid.api.columnIndex(position.column), columnCount);
+        focusCell({
+            colIndex,
+            rowIndex: position.row,
+            focusActive: grid.internal.focusActive,
+            id: grid.state.gridId.get(),
+            layout: grid.internal.layout.get(),
+            scrollIntoView: grid.api.scrollIntoView,
+            vp,
+        });
         return false;
-      }
-    }
-    const columnCount = grid.state.columnMeta.get().columnsVisible.length - 1;
-    const colIndex = clamp(
-      0,
-      typeof position.column === "number" ? position.column : grid.api.columnIndex(position.column),
-      columnCount,
-    );
-    focusCell({
-      colIndex,
-      rowIndex: position.row,
-      focusActive: grid.internal.focusActive,
-      id: grid.state.gridId.get(),
-      layout: grid.internal.layout.get(),
-      scrollIntoView: grid.api.scrollIntoView,
-      vp,
-    });
-    return false;
-  };
+    };
 };

package/dist/state/api/popover-frame.d.ts

@@ -1,12 +1,8 @@
 import type { InternalAtoms } from "../+types.js";
 import type { Grid, GridApi } from "../../+types.js";
-export declare const makePopoverFrameOpen: (
-  grid: Grid<any> & {
+export declare const makePopoverFrameOpen: (grid: Grid<any> & {
     internal: InternalAtoms;
-  },
-) => GridApi<any>["popoverFrameOpen"];
-export declare const makePopoverFrameClose: (
-  grid: Grid<any> & {
+}) => GridApi<any>["popoverFrameOpen"];
+export declare const makePopoverFrameClose: (grid: Grid<any> & {
     internal: InternalAtoms;
-  },
-) => GridApi<any>["popoverFrameClose"];
+}) => GridApi<any>["popoverFrameClose"];

package/dist/state/api/popover-frame.js

@@ -1,15 +1,16 @@
 export const makePopoverFrameOpen = (grid) => {
-  return (id, target, context) => {
-    grid.internal.popoverFrames.set((prev) => ({ ...prev, [id]: { target, context } }));
-  };
+    return (id, target, context) => {
+        grid.internal.popoverFrames.set((prev) => ({ ...prev, [id]: { target, context } }));
+    };
 };
 export const makePopoverFrameClose = (grid) => {
-  return (id) => {
-    grid.internal.popoverFrames.set((prev) => {
-      if (!id) return {};
-      const next = { ...prev };
-      delete next[id];
-      return next;
-    });
-  };
+    return (id) => {
+        grid.internal.popoverFrames.set((prev) => {
+            if (!id)
+                return {};
+            const next = { ...prev };
+            delete next[id];
+            return next;
+        });
+    };
 };

package/dist/state/api/position-from-element.js

@@ -1,8 +1,9 @@
 import { getNearestFocusable, getPositionFromFocusable } from "@1771technologies/lytenyte-shared";
 export const makePositionFromElement = () => {
-  return (el) => {
-    const focusable = getNearestFocusable(el);
-    if (!focusable) return null;
-    return getPositionFromFocusable(focusable);
-  };
+    return (el) => {
+        const focusable = getNearestFocusable(el);
+        if (!focusable)
+            return null;
+        return getPositionFromFocusable(focusable);
+    };
 };

package/dist/state/api/row-by-id.js

@@ -1,5 +1,5 @@
 export const makeRowById = (grid) => {
-  return (id) => {
-    return grid.state.rowDataSource.get().rowById(id);
-  };
+    return (id) => {
+        return grid.state.rowDataSource.get().rowById(id);
+    };
 };

package/dist/state/api/row-by-index.js

@@ -1,14 +1,9 @@
 import { rowIndexForSection } from "@1771technologies/lytenyte-shared";
 export const makeRowByIndex = (grid) => {
-  return (index, section = "flat") => {
-    const rowIndex = rowIndexForSection(
-      index,
-      section,
-      grid.state.rowDataStore.rowTopCount.get(),
-      grid.state.rowDataStore.rowBottomCount.get(),
-      grid.state.rowDataStore.rowCount.get(),
-    );
-    if (rowIndex == null) return null;
-    return grid.state.rowDataSource.get().rowByIndex(rowIndex);
-  };
+    return (index, section = "flat") => {
+        const rowIndex = rowIndexForSection(index, section, grid.state.rowDataStore.rowTopCount.get(), grid.state.rowDataStore.rowBottomCount.get(), grid.state.rowDataStore.rowCount.get());
+        if (rowIndex == null)
+            return null;
+        return grid.state.rowDataSource.get().rowByIndex(rowIndex);
+    };
 };

package/dist/state/api/row-detail-is-expanded.d.ts

@@ -1,4 +1,2 @@
 import type { Grid, GridApi } from "../../+types";
-export declare const makeRowDetailIsExpanded: (
-  grid: Grid<any>,
-) => GridApi<any>["rowDetailIsExpanded"];
+export declare const makeRowDetailIsExpanded: (grid: Grid<any>) => GridApi<any>["rowDetailIsExpanded"];

package/dist/state/api/row-detail-is-expanded.js

@@ -1,6 +1,6 @@
 export const makeRowDetailIsExpanded = (grid) => {
-  return (rowOrId) => {
-    const id = typeof rowOrId === "string" ? rowOrId : rowOrId.id;
-    return grid.state.rowDetailExpansions.get().has(id);
-  };
+    return (rowOrId) => {
+        const id = typeof rowOrId === "string" ? rowOrId : rowOrId.id;
+        return grid.state.rowDetailExpansions.get().has(id);
+    };
 };

package/dist/state/api/row-detail-rendered-height.d.ts

@@ -1,7 +1,5 @@
 import type { InternalAtoms } from "../+types.js";
 import type { Grid, GridApi } from "../../+types.js";
-export declare const makeRowDetailRenderedHeight: (
-  grid: Grid<any> & {
+export declare const makeRowDetailRenderedHeight: (grid: Grid<any> & {
     internal: InternalAtoms;
-  },
-) => GridApi<any>["rowDetailRenderedHeight"];
+}) => GridApi<any>["rowDetailRenderedHeight"];

package/dist/state/api/row-detail-rendered-height.js

@@ -1,12 +1,14 @@
 export const makeRowDetailRenderedHeight = (grid) => {
-  return (rowOrId) => {
-    const index = grid.state.rowDataSource
-      .get()
-      .rowToIndex(typeof rowOrId === "string" ? rowOrId : rowOrId.id);
-    if (index == null || !grid.api.rowDetailIsExpanded(rowOrId)) return 0;
-    const rowDetailHeight = grid.state.rowDetailHeight.get();
-    if (typeof rowDetailHeight === "number") return rowDetailHeight;
-    const cache = grid.internal.rowDetailAutoHeightCache.get();
-    return cache[index] ?? grid.state.rowDetailAutoHeightGuess.get();
-  };
+    return (rowOrId) => {
+        const index = grid.state.rowDataSource
+            .get()
+            .rowToIndex(typeof rowOrId === "string" ? rowOrId : rowOrId.id);
+        if (index == null || !grid.api.rowDetailIsExpanded(rowOrId))
+            return 0;
+        const rowDetailHeight = grid.state.rowDetailHeight.get();
+        if (typeof rowDetailHeight === "number")
+            return rowDetailHeight;
+        const cache = grid.internal.rowDetailAutoHeightCache.get();
+        return cache[index] ?? grid.state.rowDetailAutoHeightGuess.get();
+    };
 };

package/dist/state/api/row-detail-toggle.js

@@ -1,28 +1,32 @@
 export const makeRowDetailToggle = (grid) => {
-  return (rowOrId, state) => {
-    const row =
-      typeof rowOrId === "string" ? grid.api.rowById(rowOrId) : grid.api.rowById(rowOrId.id);
-    if (!row) return;
-    const isExpanded = grid.api.rowDetailIsExpanded(rowOrId);
-    const v = state != null ? state : !isExpanded;
-    if (v === isExpanded) return;
-    const s = grid.state.rowDetailExpansions.get();
-    const next = new Set(s);
-    if (v) next.add(row.id);
-    else next.delete(row.id);
-    let prevented = false;
-    grid.api.eventFire("rowDetailExpansionBegin", {
-      expansions: next,
-      grid: grid,
-      preventDefault: () => {
-        prevented = true;
-      },
-    });
-    if (prevented) return;
-    grid.state.rowDetailExpansions.set(next);
-    grid.api.eventFire("rowDetailExpansionEnd", {
-      expansions: next,
-      grid: grid,
-    });
-  };
+    return (rowOrId, state) => {
+        const row = typeof rowOrId === "string" ? grid.api.rowById(rowOrId) : grid.api.rowById(rowOrId.id);
+        if (!row)
+            return;
+        const isExpanded = grid.api.rowDetailIsExpanded(rowOrId);
+        const v = state != null ? state : !isExpanded;
+        if (v === isExpanded)
+            return;
+        const s = grid.state.rowDetailExpansions.get();
+        const next = new Set(s);
+        if (v)
+            next.add(row.id);
+        else
+            next.delete(row.id);
+        let prevented = false;
+        grid.api.eventFire("rowDetailExpansionBegin", {
+            expansions: next,
+            grid: grid,
+            preventDefault: () => {
+                prevented = true;
+            },
+        });
+        if (prevented)
+            return;
+        grid.state.rowDetailExpansions.set(next);
+        grid.api.eventFire("rowDetailExpansionEnd", {
+            expansions: next,
+            grid: grid,
+        });
+    };
 };

package/dist/state/api/row-group-apply-expansions.d.ts

@@ -1,4 +1,2 @@
 import type { Grid, GridApi } from "../../+types";
-export declare const makeRowGroupApplyExpansions: (
-  grid: Grid<any>,
-) => GridApi<any>["rowGroupApplyExpansions"];
+export declare const makeRowGroupApplyExpansions: (grid: Grid<any>) => GridApi<any>["rowGroupApplyExpansions"];

package/dist/state/api/row-group-apply-expansions.js

@@ -1,18 +1,20 @@
 export const makeRowGroupApplyExpansions = (grid) => {
-  return (expansions) => {
-    const api = grid.api;
-    let prevented = false;
-    const preventNext = () => {
-      prevented = true;
+    return (expansions) => {
+        const api = grid.api;
+        let prevented = false;
+        const preventNext = () => {
+            prevented = true;
+        };
+        try {
+            api.eventFire("rowExpandBegin", { expansions, grid, preventDefault: preventNext });
+            if (prevented)
+                return;
+            const rds = grid.state.rowDataSource.get();
+            rds.rowExpand(expansions);
+            api.eventFire("rowExpand", { expansions, grid });
+        }
+        catch (error) {
+            api.eventFire("rowExpandError", { expansions, grid, error });
+        }
     };
-    try {
-      api.eventFire("rowExpandBegin", { expansions, grid, preventDefault: preventNext });
-      if (prevented) return;
-      const rds = grid.state.rowDataSource.get();
-      rds.rowExpand(expansions);
-      api.eventFire("rowExpand", { expansions, grid });
-    } catch (error) {
-      api.eventFire("rowExpandError", { expansions, grid, error });
-    }
-  };
 };

package/dist/state/api/row-group-column-index.d.ts

@@ -1,4 +1,2 @@
 import type { Grid, GridApi } from "../../+types";
-export declare const makeRowGroupColumnIndex: (
-  grid: Grid<any>,
-) => GridApi<any>["rowGroupColumnIndex"];
+export declare const makeRowGroupColumnIndex: (grid: Grid<any>) => GridApi<any>["rowGroupColumnIndex"];

package/dist/state/api/row-group-column-index.js

@@ -1,16 +1,14 @@
-import {
-  GROUP_COLUMN_PREFIX,
-  GROUP_COLUMN_SINGLE_ID,
-  GROUP_COLUMN_TREE_DATA,
-} from "@1771technologies/lytenyte-shared";
+import { GROUP_COLUMN_PREFIX, GROUP_COLUMN_SINGLE_ID, GROUP_COLUMN_TREE_DATA, } from "@1771technologies/lytenyte-shared";
 export const makeRowGroupColumnIndex = (grid) => {
-  return (c) => {
-    if (!grid.state.rowGroupModel.get().length || !c.id.startsWith(GROUP_COLUMN_PREFIX)) {
-      return -1;
-    }
-    if (c.id === GROUP_COLUMN_SINGLE_ID || c.id === GROUP_COLUMN_TREE_DATA) return 0;
-    const n = c.id.split(":").at(-1);
-    if (n == null) return -1;
-    return Number.parseInt(n);
-  };
+    return (c) => {
+        if (!grid.state.rowGroupModel.get().length || !c.id.startsWith(GROUP_COLUMN_PREFIX)) {
+            return -1;
+        }
+        if (c.id === GROUP_COLUMN_SINGLE_ID || c.id === GROUP_COLUMN_TREE_DATA)
+            return 0;
+        const n = c.id.split(":").at(-1);
+        if (n == null)
+            return -1;
+        return Number.parseInt(n);
+    };
 };

package/dist/state/api/row-group-is-expanded.d.ts

@@ -1,4 +1,2 @@
 import type { Grid, GridApi } from "../../+types";
-export declare const makeRowGroupIsExpanded: (
-  grid: Grid<any>,
-) => GridApi<any>["rowGroupIsExpanded"];
+export declare const makeRowGroupIsExpanded: (grid: Grid<any>) => GridApi<any>["rowGroupIsExpanded"];

package/dist/state/api/row-group-is-expanded.js

@@ -1,13 +1,15 @@
 export const makeRowGroupIsExpanded = (grid) => {
-  return (row) => {
-    const mode = grid.state.columnPivotMode.get();
-    const expansions = mode
-      ? grid.state.columnPivotRowGroupExpansions.get()
-      : grid.state.rowGroupExpansions.get();
-    const expanded = expansions[row.id];
-    if (typeof expanded === "boolean") return expanded;
-    const defaultExpansion = grid.state.rowGroupDefaultExpansion.get();
-    if (typeof defaultExpansion === "boolean") return defaultExpansion;
-    return row.depth <= defaultExpansion;
-  };
+    return (row) => {
+        const mode = grid.state.columnPivotMode.get();
+        const expansions = mode
+            ? grid.state.columnPivotRowGroupExpansions.get()
+            : grid.state.rowGroupExpansions.get();
+        const expanded = expansions[row.id];
+        if (typeof expanded === "boolean")
+            return expanded;
+        const defaultExpansion = grid.state.rowGroupDefaultExpansion.get();
+        if (typeof defaultExpansion === "boolean")
+            return defaultExpansion;
+        return row.depth <= defaultExpansion;
+    };
 };

package/dist/state/api/row-group-toggle.js

@@ -1,7 +1,7 @@
 export const makeRowGroupToggle = (grid) => {
-  return (row, state) => {
-    const api = grid.api;
-    const next = state == null ? !api.rowGroupIsExpanded(row) : state;
-    api.rowGroupApplyExpansions({ [row.id]: next });
-  };
+    return (row, state) => {
+        const api = grid.api;
+        const next = state == null ? !api.rowGroupIsExpanded(row) : state;
+        api.rowGroupApplyExpansions({ [row.id]: next });
+    };
 };

package/dist/state/api/row-handle-select.d.ts

@@ -1,7 +1,5 @@
 import type { Grid, GridApi } from "../../+types";
 import type { InternalAtoms } from "../+types";
-export declare const makeRowHandleSelect: (
-  grid: Grid<any> & {
+export declare const makeRowHandleSelect: (grid: Grid<any> & {
     internal: InternalAtoms;
-  },
-) => GridApi<any>["rowHandleSelect"];
+}) => GridApi<any>["rowHandleSelect"];