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

package/dist/rows/rows-sections.js

@@ -4,56 +4,24 @@ 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,4 +1,2 @@
 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,21 +2,17 @@ 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,18 +1,11 @@
 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

@@ -3,10 +3,10 @@ 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.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.js").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

@@ -4,49 +4,53 @@ import { itemsWithIdToMap } from "@1771technologies/lytenyte-js-utils";
 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

@@ -2,61 +2,50 @@ import { type Dispatch, type SetStateAction } from "react";
 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[];