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

package/dist/rows/rows-sections.js

@@ -4,24 +4,56 @@ import { fastDeepMemo } from "@1771technologies/lytenyte-react-hooks";
 import { useGridRoot } from "../context";
 import { NativeScroller } from "./scrollers/native-scroller";
 import { RowsBottomReact, RowsCenterReact, RowsTopReact } from "@1771technologies/lytenyte-shared";
-import { CellSelectionBottom, CellSelectionCenter, CellSelectionTop, } from "../cell-selection/cell-selection-containers";
-export const RowsTop = fastDeepMemo(forwardRef(function RowsTop(props, forwarded) {
+import {
+  CellSelectionBottom,
+  CellSelectionCenter,
+  CellSelectionTop,
+} from "../cell-selection/cell-selection-containers";
+export const RowsTop = fastDeepMemo(
+  forwardRef(function RowsTop(props, forwarded) {
     const cx = useGridRoot().grid;
     const view = cx.view.useValue().rows;
     const topCount = cx.state.rowDataStore.rowTopCount.useValue();
-    return (_jsxs(RowsTopReact, { ...props, rowFirst: topCount || -1, rowLast: topCount, ref: forwarded, top: cx.internal.headerHeightTotal.useValue(), height: view.rowTopTotalHeight, children: [props.children, _jsx(CellSelectionTop, {})] }));
-}));
-export const RowsCenter = fastDeepMemo(forwardRef(function RowsCenter({ children, ...props }, forwarded) {
+    return _jsxs(RowsTopReact, {
+      ...props,
+      rowFirst: topCount || -1,
+      rowLast: topCount,
+      ref: forwarded,
+      top: cx.internal.headerHeightTotal.useValue(),
+      height: view.rowTopTotalHeight,
+      children: [props.children, _jsx(CellSelectionTop, {})],
+    });
+  }),
+);
+export const RowsCenter = fastDeepMemo(
+  forwardRef(function RowsCenter({ children, ...props }, forwarded) {
     const cx = useGridRoot().grid;
     const view = cx.view.useValue().rows;
     const rowCenterCount = cx.state.rowDataStore.rowCenterCount.useValue();
-    return (_jsx(RowsCenterReact, { ...props, ref: forwarded, rowFirst: cx.state.rowDataStore.rowTopCount.useValue(), rowLast: rowCenterCount + cx.state.rowDataStore.rowTopCount.useValue(), height: view.rowCenterTotalHeight, children: _jsxs(NativeScroller, { children: [_jsx(CellSelectionCenter, {}), children] }) }));
-}));
-export const RowsBottom = fastDeepMemo(forwardRef(function RowsBottom(props, forwarded) {
+    return _jsx(RowsCenterReact, {
+      ...props,
+      ref: forwarded,
+      rowFirst: cx.state.rowDataStore.rowTopCount.useValue(),
+      rowLast: rowCenterCount + cx.state.rowDataStore.rowTopCount.useValue(),
+      height: view.rowCenterTotalHeight,
+      children: _jsxs(NativeScroller, { children: [_jsx(CellSelectionCenter, {}), children] }),
+    });
+  }),
+);
+export const RowsBottom = fastDeepMemo(
+  forwardRef(function RowsBottom(props, forwarded) {
     const cx = useGridRoot().grid;
     const view = cx.view.useValue().rows;
     const rowCenterCount = cx.state.rowDataStore.rowCenterCount.useValue();
     const rowTopCount = cx.state.rowDataStore.rowTopCount.useValue();
     const rowBottomCount = cx.state.rowDataStore.rowBottomCount.useValue();
-    return (_jsxs(RowsBottomReact, { ...props, ref: forwarded, rowFirst: rowCenterCount + rowTopCount, rowLast: rowCenterCount + rowBottomCount + rowTopCount, height: view.rowBottomTotalHeight, children: [_jsx(CellSelectionBottom, {}), props.children] }));
-}));
+    return _jsxs(RowsBottomReact, {
+      ...props,
+      ref: forwarded,
+      rowFirst: rowCenterCount + rowTopCount,
+      rowLast: rowCenterCount + rowBottomCount + rowTopCount,
+      height: view.rowBottomTotalHeight,
+      children: [_jsx(CellSelectionBottom, {}), props.children],
+    });
+  }),
+);

package/dist/rows/scrollers/native-scroller.d.ts

@@ -1,2 +1,4 @@
 import type { PropsWithChildren } from "react";
-export declare function NativeScroller(props: PropsWithChildren): import("react/jsx-runtime").JSX.Element;
+export declare function NativeScroller(
+  props: PropsWithChildren,
+): import("react/jsx-runtime").JSX.Element;

package/dist/rows/scrollers/native-scroller.js

@@ -2,17 +2,21 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { useGridRoot } from "../../context";
 import { sizeFromCoord } from "@1771technologies/lytenyte-shared";
 export function NativeScroller(props) {
-    const cx = useGridRoot().grid;
-    const view = cx.view.useValue().rows;
-    const yPos = cx.state.yPositions.useValue();
-    let offset = yPos[view.rowFirstCenter] - view.rowTopTotalHeight;
-    if (view.rowFocusedIndex != null && view.rowFocusedIndex < view.rowFirstCenter) {
-        const size = sizeFromCoord(view.rowFocusedIndex, yPos);
-        offset -= size;
-    }
-    const offsetPx = `${offset}px`;
-    return (_jsx("div", { role: "presentation", style: {
-            transform: `translate3d(0px, ${offset}px, 0px)`,
-            "--ln-y-offset": offsetPx,
-        }, children: props.children }));
+  const cx = useGridRoot().grid;
+  const view = cx.view.useValue().rows;
+  const yPos = cx.state.yPositions.useValue();
+  let offset = yPos[view.rowFirstCenter] - view.rowTopTotalHeight;
+  if (view.rowFocusedIndex != null && view.rowFocusedIndex < view.rowFirstCenter) {
+    const size = sizeFromCoord(view.rowFocusedIndex, yPos);
+    offset -= size;
+  }
+  const offsetPx = `${offset}px`;
+  return _jsx("div", {
+    role: "presentation",
+    style: {
+      transform: `translate3d(0px, ${offset}px, 0px)`,
+      "--ln-y-offset": offsetPx,
+    },
+    children: props.children,
+  });
 }

package/dist/sort-manager/+types.d.ts

@@ -1,11 +1,18 @@
 export interface SortItem {
-    readonly isCustom: boolean;
-    readonly columnId?: string;
-    readonly label?: string;
-    readonly sortOn?: "values" | "values_absolute" | "values_accented" | "values_nulls_first" | "values_absolute_nulls_first" | "values_accented_nulls_first" | "values_absolute_accented_nulls_first";
-    readonly sortDirection: "ascending" | "descending";
+  readonly isCustom: boolean;
+  readonly columnId?: string;
+  readonly label?: string;
+  readonly sortOn?:
+    | "values"
+    | "values_absolute"
+    | "values_accented"
+    | "values_nulls_first"
+    | "values_absolute_nulls_first"
+    | "values_accented_nulls_first"
+    | "values_absolute_accented_nulls_first";
+  readonly sortDirection: "ascending" | "descending";
 }
 export interface Option {
-    readonly label: string;
-    readonly value: string;
+  readonly label: string;
+  readonly value: string;
 }

package/dist/sort-manager/context.d.ts

@@ -1,12 +1,12 @@
 import { type Dispatch, type SetStateAction } from "react";
-import type { SortItem } from "./+types";
-import type { SortRowItem } from "./hooks/use-sort-row-item";
-import type { Grid } from "../+types";
+import type { SortItem } from "./+types.js";
+import type { SortRowItem } from "./hooks/use-sort-row-item.js";
+import type { Grid } from "../+types.js";
 export interface SortManagerContext {
-    readonly grid: Grid<any>;
-    readonly sortItems: SortItem[];
-    readonly setSortItems: Dispatch<SetStateAction<SortItem[]>>;
-    readonly mode: boolean;
+  readonly grid: Grid<any>;
+  readonly sortItems: SortItem[];
+  readonly setSortItems: Dispatch<SetStateAction<SortItem[]>>;
+  readonly mode: boolean;
 }
 export declare const context: import("react").Context<SortManagerContext>;
 export declare const useSortManagerCtx: () => SortManagerContext;

package/dist/sort-manager/hooks/use-sort-manager.d.ts

@@ -1,15 +1,15 @@
 import type { Grid } from "../../+types";
-import type { SortItem } from "../+types";
+import type { SortItem } from "../+types.js";
 export interface UseSortManagerArgs<T> {
-    readonly grid: Grid<T>;
-    readonly pivotMode?: boolean;
+  readonly grid: Grid<T>;
+  readonly pivotMode?: boolean;
 }
 export declare function useSortManager<T>({ grid, pivotMode }: UseSortManagerArgs<T>): {
-    rootProps: {
-        sortItems: SortItem[];
-        setSortItems: import("react").Dispatch<import("react").SetStateAction<SortItem[]>>;
-        mode: boolean;
-        grid: Grid<T>;
-    };
-    rows: import("./use-sort-row-item").SortRowItem[];
+  rootProps: {
+    sortItems: SortItem[];
+    setSortItems: import("react").Dispatch<import("react").SetStateAction<SortItem[]>>;
+    mode: boolean;
+    grid: Grid<T>;
+  };
+  rows: import("./use-sort-row-item.js").SortRowItem[];
 };

package/dist/sort-manager/hooks/use-sort-manager.js

@@ -1,56 +1,52 @@
 import { useCallback, useEffect, useRef, useState } from "react";
-import { sortModelToSortItems } from "../utils/sort-model-to-sort-items";
+import { sortModelToSortItems } from "../utils/sort-model-to-sort-items.js";
 import { itemsWithIdToMap } from "@1771technologies/lytenyte-js-utils";
-import { useSortRowItems } from "./use-sort-row-item";
+import { useSortRowItems } from "./use-sort-row-item.js";
 import { useEvent } from "@1771technologies/lytenyte-react-hooks";
 export function useSortManager({ grid, pivotMode }) {
-    const statePivotMode = grid.state.columnPivotMode.useValue();
-    const mode = pivotMode ?? statePivotMode;
-    const cb = useCallback(() => {
-        if (mode) {
-            const pivotSortModel = grid.state.columnPivotModel.get().sorts;
-            const lookup = itemsWithIdToMap(grid.state.columnPivotColumns.get());
-            const model = sortModelToSortItems(pivotSortModel, lookup);
-            if (!model.length)
-                return [{ sortDirection: "ascending", isCustom: false }];
-            return model;
-        }
-        else {
-            const sortModel = grid.state.sortModel.get();
-            const lookup = itemsWithIdToMap(grid.state.columns.get());
-            const model = sortModelToSortItems(sortModel, lookup);
-            if (!model.length)
-                return [{ sortDirection: "ascending", isCustom: false }];
-            return model;
-        }
-    }, [
-        grid.state.columnPivotColumns,
-        grid.state.columnPivotModel,
-        grid.state.columns,
-        grid.state.sortModel,
-        mode,
-    ]);
-    const fn = useEvent(() => cb());
-    const [sortItems, setSortItems] = useState(() => {
-        return cb();
-    });
-    const prevMode = useRef(mode);
-    useEffect(() => {
-        if (prevMode.current !== mode) {
-            setSortItems(fn());
-            prevMode.current = mode;
-        }
-        if (mode) {
-            return grid.state.columnPivotModel.watch(() => {
-                setSortItems(fn());
-            });
-        }
-        else {
-            return grid.state.sortModel.watch(() => {
-                setSortItems(fn());
-            });
-        }
-    }, [fn, grid.state.columnPivotModel, grid.state.sortModel, mode]);
-    const sortRows = useSortRowItems(sortItems, setSortItems, grid, mode);
-    return { rootProps: { sortItems, setSortItems, mode, grid }, rows: sortRows };
+  const statePivotMode = grid.state.columnPivotMode.useValue();
+  const mode = pivotMode ?? statePivotMode;
+  const cb = useCallback(() => {
+    if (mode) {
+      const pivotSortModel = grid.state.columnPivotModel.get().sorts;
+      const lookup = itemsWithIdToMap(grid.state.columnPivotColumns.get());
+      const model = sortModelToSortItems(pivotSortModel, lookup);
+      if (!model.length) return [{ sortDirection: "ascending", isCustom: false }];
+      return model;
+    } else {
+      const sortModel = grid.state.sortModel.get();
+      const lookup = itemsWithIdToMap(grid.state.columns.get());
+      const model = sortModelToSortItems(sortModel, lookup);
+      if (!model.length) return [{ sortDirection: "ascending", isCustom: false }];
+      return model;
+    }
+  }, [
+    grid.state.columnPivotColumns,
+    grid.state.columnPivotModel,
+    grid.state.columns,
+    grid.state.sortModel,
+    mode,
+  ]);
+  const fn = useEvent(() => cb());
+  const [sortItems, setSortItems] = useState(() => {
+    return cb();
+  });
+  const prevMode = useRef(mode);
+  useEffect(() => {
+    if (prevMode.current !== mode) {
+      setSortItems(fn());
+      prevMode.current = mode;
+    }
+    if (mode) {
+      return grid.state.columnPivotModel.watch(() => {
+        setSortItems(fn());
+      });
+    } else {
+      return grid.state.sortModel.watch(() => {
+        setSortItems(fn());
+      });
+    }
+  }, [fn, grid.state.columnPivotModel, grid.state.sortModel, mode]);
+  const sortRows = useSortRowItems(sortItems, setSortItems, grid, mode);
+  return { rootProps: { sortItems, setSortItems, mode, grid }, rows: sortRows };
 }

package/dist/sort-manager/hooks/use-sort-row-item.d.ts

@@ -1,51 +1,62 @@
 import { type Dispatch, type SetStateAction } from "react";
-import type { SortItem } from "../+types";
+import type { SortItem } from "../+types.js";
 import type { Grid } from "../../+types";
 export interface SortRowItem {
-    readonly isCustom: boolean;
-    readonly columnItem: {
-        value: string;
-        label: string;
-    } | null;
-    readonly index: number;
-    readonly columnOptions: {
-        value: string;
-        label: string;
-    }[];
-    readonly columnSelected: {
-        value: string;
-        label: string;
-    } | null;
-    readonly columnOnSelect: (c: {
-        value: string;
-        label: string;
-    } | null) => void;
-    readonly sortOptions: {
-        value: string;
-        label: string;
-    }[];
-    readonly sortSelected: {
-        value: string;
-        label: string;
-    } | null;
-    readonly sortOnSelect: (c: {
-        value: string;
-        label: string;
-    } | null) => void;
-    readonly sortDirectionOptions: {
-        value: string;
-        label: string;
-    }[];
-    readonly sortDirectionSelected: {
-        value: string;
-        label: string;
-    } | null;
-    readonly sortDirectionOnSelect: (c: {
-        value: string;
-        label: string;
-    } | null) => void;
-    readonly canAdd: boolean;
-    readonly onAdd: () => void;
-    readonly onDelete: () => void;
+  readonly isCustom: boolean;
+  readonly columnItem: {
+    value: string;
+    label: string;
+  } | null;
+  readonly index: number;
+  readonly columnOptions: {
+    value: string;
+    label: string;
+  }[];
+  readonly columnSelected: {
+    value: string;
+    label: string;
+  } | null;
+  readonly columnOnSelect: (
+    c: {
+      value: string;
+      label: string;
+    } | null,
+  ) => void;
+  readonly sortOptions: {
+    value: string;
+    label: string;
+  }[];
+  readonly sortSelected: {
+    value: string;
+    label: string;
+  } | null;
+  readonly sortOnSelect: (
+    c: {
+      value: string;
+      label: string;
+    } | null,
+  ) => void;
+  readonly sortDirectionOptions: {
+    value: string;
+    label: string;
+  }[];
+  readonly sortDirectionSelected: {
+    value: string;
+    label: string;
+  } | null;
+  readonly sortDirectionOnSelect: (
+    c: {
+      value: string;
+      label: string;
+    } | null,
+  ) => void;
+  readonly canAdd: boolean;
+  readonly onAdd: () => void;
+  readonly onDelete: () => void;
 }
-export declare function useSortRowItems(sortItems: SortItem[], setSortItems: Dispatch<SetStateAction<SortItem[]>>, grid: Grid<any>, pivotMode: boolean): SortRowItem[];
+export declare function useSortRowItems(
+  sortItems: SortItem[],
+  setSortItems: Dispatch<SetStateAction<SortItem[]>>,
+  grid: Grid<any>,
+  pivotMode: boolean,
+): SortRowItem[];