@1771technologies/lytenyte-pro 2.0.3 → 2.0.4-dev.0

package/dist/components/select-all.d.ts

@@ -1,5 +1,5 @@
 import { type SlotComponent } from "../hooks/use-slot/index.js";
-import type { API, GridSpec } from "../types/index.js";
+import type { API, GridSpec } from "../types.js";
 export interface SelectAllProps {
     readonly slot?: SlotComponent<{
         readonly indeterminate: boolean;

package/dist/data-source-client/hooks/use-flattened-data.d.ts

@@ -1,7 +1,7 @@
-import type { GridSpec } from "../../types/grid.js";
 import type { UseClientDataSourceParams } from "../use-client-data-source.js";
 import type { SourceState } from "./use-controlled-ds-state.js";
 import { type LeafNodeTuple } from "@1771technologies/lytenyte-core/internal";
+import type { GridSpec } from "@1771technologies/lytenyte-core/types";
 export declare function useFlattenedData<Spec extends GridSpec>(props: UseClientDataSourceParams<Spec>, [leafsTop, leafs, leafsBot, pinMap]: LeafNodeTuple<Spec["data"]>, { expandedFn }: SourceState): {
     tree: import("./use-group-tree/use-group-tree.js").RootNode<Spec["data"]> | null;
     maxDepth: number;

package/dist/data-source-client/hooks/use-pivot/auxiliary-functions/apply-reference-column.d.ts

@@ -1,2 +1,2 @@
-import type { Column, GridSpec } from "../../../../types/index.js";
+import type { Column, GridSpec } from "../../../../types.js";
 export declare function applyReferenceColumn<Spec extends GridSpec>(pivotColumn: Column<Spec>, reference: Omit<Column<Spec>, "id"> | undefined): Column<Spec>;

package/dist/data-source-client/hooks/use-pivot/auxiliary-functions/pivot-paths.d.ts

@@ -1,4 +1,4 @@
 import type { RowLeaf } from "@1771technologies/lytenyte-shared";
 import type { PivotModel } from "../../../use-client-data-source";
-import type { GridSpec } from "../../../../types/index.js";
+import type { GridSpec } from "../../../../types.js";
 export declare function pivotPaths<Spec extends GridSpec>(filtered: number[], leafs: RowLeaf<Spec["data"]>[], columns: Required<PivotModel<Spec>>["columns"], measures: PivotModel<Spec>["measures"], labelFilter: PivotModel<Spec>["colLabelFilter"]): string[];

package/dist/data-source-client/hooks/use-pivot/use-agg-model.d.ts

@@ -1,4 +1,4 @@
-import type { Column, GridSpec } from "../../../types/index.js";
+import type { Column, GridSpec } from "../../../types.js";
 import type { PivotModel } from "../../use-client-data-source.js";
 import type { AggregationFn, Aggregator } from "@1771technologies/lytenyte-shared";
 export declare function usePivotAggFunction<Spec extends GridSpec>(pivotColumns: Column<Spec>[] | null, model: PivotModel<Spec> | undefined, aggs?: Record<string, Aggregator<Spec["data"]>>): AggregationFn<Spec["data"]> | null;

package/dist/data-source-client/hooks/use-pivot/use-pivot-columns.d.ts

@@ -1,5 +1,5 @@
 import type { PivotModel } from "../../use-client-data-source";
-import type { Column, GridSpec } from "../../../types/index.js";
+import type { Column, GridSpec } from "../../../types.js";
 import { type ColumnPin, type RowLeaf } from "@1771technologies/lytenyte-shared";
 import type { ControlledPivotState } from "./use-pivot-state";
 export interface PivotState {

package/dist/data-source-client/hooks/use-pivot/use-pivot-data.d.ts

@@ -26,7 +26,7 @@ export declare function usePivotData<Spec extends GridSpec>(props: UseClientData
         depth: number;
     }[];
     sorted: number[];
-    pivotPiece: import("@1771technologies/lytenyte-core").Piece<import("../../../types").Column<Spec>[] | null>;
+    pivotPiece: import("@1771technologies/lytenyte-core").Piece<import("@1771technologies/lytenyte-core/types").Column<Spec>[] | null>;
     pivotGroupPiece: import("@1771technologies/lytenyte-core").Piece<Record<string, boolean>>;
     groupFn: import("@1771technologies/lytenyte-shared").GroupFn<Spec["data"]> | null;
 };

package/dist/data-source-client/hooks/use-pivot/use-pivot-group-fn.d.ts

@@ -1,4 +1,4 @@
-import type { GridSpec } from "../../../types/index.js";
+import type { GridSpec } from "../../../types.js";
 import type { GroupFn } from "@1771technologies/lytenyte-shared";
 import type { PivotModel } from "../../use-client-data-source.js";
 export declare function usePivotGroupFn<Spec extends GridSpec>(pivotMode: boolean, model: PivotModel<Spec> | undefined): GroupFn<Spec["data"]> | null;

package/dist/data-source-client/use-client-data-source.d.ts

@@ -1,8 +1,6 @@
 import type { AggregationFn, Aggregator, Dimension, DimensionAgg, DimensionSort, FilterFn, GroupFn, GroupIdFn, LeafIdFn, RowGroup, RowLeaf, RowNode, RowSelectionState, RowSource, SortFn } from "@1771technologies/lytenyte-shared";
-import type { Column, Field } from "../types/column.js";
-import type { GridSpec } from "../types/grid.js";
 import type { PivotState } from "./hooks/use-pivot/use-pivot-columns.js";
-import type { Props } from "../types/props.js";
+import type { Column, Field, GridSpec, Props } from "../types.js";
 export type PivotField<Spec extends GridSpec = GridSpec> = {
     field?: Field<Spec["data"]>;
 };

package/dist/index.d.ts

@@ -3,7 +3,7 @@ import { Grid as GridCore } from "@1771technologies/lytenyte-core";
 import type { PropsWithChildren, ReactNode } from "react";
 import { Root } from "./root/root.js";
 import type { RowSource } from "@1771technologies/lytenyte-shared";
-import type * as LnTypes from "./types/index.js";
+import type * as LnTypes from "./types.js";
 export interface GridComponent {
     <Spec extends Root.GridSpec = Root.GridSpec>(props: PropsWithChildren<Root.Props<Spec> & (undefined extends Spec["api"] ? unknown : {
         apiExtension: ((incomplete: Root.API<Spec>) => Spec["api"] | null) | Spec["api"];
@@ -98,13 +98,11 @@ export declare namespace Grid {
         type PositionHeaderCell = LnTypes.PositionHeaderCell;
         type PositionHeaderGroupCell = LnTypes.PositionHeaderGroupCell;
         type PositionUnion = LnTypes.PositionUnion;
-        type DataRectSplit = LnTypes.DataRectSplit;
         type HavingFilterFn = LnTypes.HavingFilterFn;
         type LabelFilter = LnTypes.LabelFilter;
         type PivotField<Spec extends GridSpec> = LnTypes.PivotField<Spec>;
         type PivotModel<Spec extends GridSpec> = LnTypes.PivotModel<Spec>;
         type PivotState = LnTypes.PivotState;
-        type VirtualTarget = LnTypes.VirtualTarget;
     }
 }
 export type { UseClientDataSourceParams, RowSourceClient, } from "./data-source-client/use-client-data-source.js";

package/dist/root/root.d.ts

@@ -1,15 +1,12 @@
+import type * as Core from "@1771technologies/lytenyte-core/types";
 import { type PropsWithChildren, type ReactNode } from "react";
-import type { GridSpec as LnSpec } from "../types/grid.js";
-import type { Column as LnColumn } from "../types/column.js";
-import type { API as LnAPI } from "../types/api.js";
-import type { Props as LnProps } from "../types/props.js";
 import type { RowSource } from "@1771technologies/lytenyte-shared";
 export declare const Root: <Spec extends Root.GridSpec = Root.GridSpec>(props: PropsWithChildren<Root.Props<Spec> & (undefined extends Spec["api"] ? object : {
     apiExtension: Spec["api"];
 })>) => ReactNode;
 export declare namespace Root {
-    type GridSpec<T = unknown, C extends Record<string, any> = object, S extends RowSource<T> = RowSource, E extends Record<string, any> = object> = LnSpec<T, C, S, E>;
-    type Props<Spec extends GridSpec = GridSpec> = LnProps<Spec>;
-    type API<Spec extends GridSpec = GridSpec> = LnAPI<Spec>;
-    type Column<Spec extends GridSpec = GridSpec> = LnColumn<Spec>;
+    type GridSpec<T = unknown, C extends Record<string, any> = object, S extends RowSource<T> = RowSource, E extends Record<string, any> = object> = Core.GridSpec<T, C, S, E>;
+    type Props<Spec extends GridSpec = GridSpec> = Core.Props<Spec>;
+    type API<Spec extends GridSpec = GridSpec> = Core.API<Spec>;
+    type Column<Spec extends GridSpec = GridSpec> = Core.Column<Spec>;
 }

package/dist/root/root.js

@@ -1,14 +1,8 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Fallback, LnInternalShareProvider, Root as RootCore, usePiece, } from "@1771technologies/lytenyte-core/internal";
-import { forwardRef, memo, useEffect, useMemo, useRef, useState, } from "react";
-import { useProAPI } from "./hooks/use-pro-api.js";
-import { ProRootProvider } from "./context.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Root as RootCore } from "@1771technologies/lytenyte-core/internal";
+import { forwardRef, memo, useEffect } from "react";
 import { hasAValidLicense, licenseState } from "../license.js";
-import { useControlled, useEvent, useRoot } from "@1771technologies/lytenyte-core/internal";
-import { CellSelectionDriver } from "../cell-selection/cell-selection-driver/cell-selection-driver.js";
-import { CellSelectionBottom, CellSelectionCenter, CellSelectionTop, } from "../cell-selection/cell-selection-containers.js";
-import { splitCellSelectionRect } from "../cell-selection/split-cell-selection-rect.js";
-const RootWrapper = ({ children, ...p }, forwarded) => {
+const RootWrapper = (props, forwarded) => {
     useEffect(() => {
         if (hasAValidLicense)
             return;
@@ -35,78 +29,6 @@ const RootWrapper = ({ children, ...p }, forwarded) => {
         document.body.appendChild(invalidLicenseWatermark);
         return () => invalidLicenseWatermark.remove();
     }, []);
-    const components = p.cellSelectionMode !== "none"
-        ? {
-            ln_topComponent: CellSelectionTop,
-            ln_bottomComponent: CellSelectionBottom,
-            ln_centerComponent: CellSelectionCenter,
-        }
-        : {};
-    return (_jsx(RootCore, { ref: forwarded, ...p, ...components, __noFallback: true, children: _jsx(RootImpl, { ...p, children: children }) }));
-};
-const RootImpl = ({ children, ...p }) => {
-    const { view, source } = useRoot();
-    const cellSelectionMode = p.cellSelectionMode ?? "none";
-    const [cellSelections, setCellSelections] = useControlled({
-        controlled: p.cellSelections,
-        default: [],
-    });
-    const onCellSelectionChange = useEvent((rects) => {
-        p.onCellSelectionChange?.(rects);
-        setCellSelections(rects);
-    });
-    const api = useProAPI(cellSelections);
-    const [cellSelectionPivot, setSelectionPivot] = useState(null);
-    const [cellSelectionAdditiveRects, setCellSelectionAdditiveRects] = useState(null);
-    const cellSelectionIsDeselect = useRef(false);
-    const topCount = source.useTopCount();
-    const rowCount = source.useRowCount();
-    const botCount = source.useBottomCount();
-    const cellSelectionSplits = useMemo(() => {
-        const centerCount = rowCount - topCount - botCount;
-        const selections = cellSelections;
-        const splits = selections.flatMap((rect) => {
-            return splitCellSelectionRect({
-                rect,
-                rowTopCount: topCount,
-                rowCenterCount: centerCount,
-                colStartCount: view.startCount,
-                colCenterCount: view.centerCount,
-            });
-        });
-        return splits;
-    }, [botCount, cellSelections, rowCount, topCount, view.centerCount, view.startCount]);
-    const excludeMarker = Boolean(p.columnMarker?.on && p.cellSelectionExcludeMarker);
-    const value = useMemo(() => {
-        return {
-            api,
-            excludeMarker,
-            keepSelection: p.cellSelectionMaintainOnNonCellPosition ?? false,
-            cellSelectionMode,
-            cellSelections,
-            cellSelectionPivot,
-            setSelectionPivot: setSelectionPivot,
-            onCellSelectionChange,
-            cellSelectionAdditiveRects,
-            setCellSelectionAdditiveRects,
-            cellSelectionIsDeselect,
-            cellSelectionSplits,
-        };
-    }, [
-        api,
-        excludeMarker,
-        p.cellSelectionMaintainOnNonCellPosition,
-        cellSelectionMode,
-        cellSelections,
-        cellSelectionPivot,
-        onCellSelectionChange,
-        cellSelectionAdditiveRects,
-        cellSelectionSplits,
-    ]);
-    const cellSelectionsPiece = usePiece(cellSelections);
-    return (_jsx(LnInternalShareProvider, { value: useMemo(() => ({
-            cellSelections: cellSelectionsPiece,
-            hasCellSelection: (p.cellSelectionMode ?? "none") !== "none",
-        }), [cellSelectionsPiece, p.cellSelectionMode]), children: _jsxs(ProRootProvider, { value: value, children: [cellSelectionMode !== "none" && _jsx(CellSelectionDriver, {}), children ?? _jsx(Fallback, {})] }) }));
+    return _jsx(RootCore, { ref: forwarded, ...props });
 };
 export const Root = memo(forwardRef(RootWrapper));

package/dist/types.d.ts

@@ -0,0 +1,3 @@
+export type * from "@1771technologies/lytenyte-core/types";
+export type { HavingFilterFn, PivotField, PivotModel, LabelFilter, } from "./data-source-client/use-client-data-source.js";
+export type { PivotState } from "./data-source-client/hooks/use-pivot/use-pivot-columns.js";

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@1771technologies/lytenyte-pro",
   "description": "Blazingly fast headless React data grid with 100s of features.",
-  "version": "2.0.3",
+  "version": "2.0.4-dev.0",
   "type": "module",
   "license": "COMMERCIAL",
   "files": [
@@ -49,6 +49,11 @@
       "import": "./dist/index.js",
       "require": "./dist/index.js"
     },
+    "./types": {
+      "types": "./src/types.d.ts",
+      "import": "./src/types.js",
+      "require": "./src/types.js"
+    },
     "./components": {
       "types": "./dist/components.d.ts",
       "import": "./dist/components.js",
@@ -74,12 +79,12 @@
     "access": "public"
   },
   "dependencies": {
-    "@1771technologies/lytenyte-core": "2.0.3",
-    "@1771technologies/lytenyte-shared": "2.0.3",
-    "@1771technologies/lytenyte-design": "2.0.3"
+    "@1771technologies/lytenyte-shared": "2.0.4-dev.0",
+    "@1771technologies/lytenyte-core": "2.0.4-dev.0",
+    "@1771technologies/lytenyte-design": "2.0.4-dev.0"
   },
   "devDependencies": {
-    "@1771technologies/grid-sample-data": "2.0.3"
+    "@1771technologies/grid-sample-data": "2.0.4-dev.0"
   },
   "peerDependencies": {
     "react": "18.0.0 || ^19.0.0",

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

@@ -1,2 +0,0 @@
-import type { API, DataRect } from "../types/api.js";
-export declare function adjustRectForRowAndCellSpan(cellRoot: API["cellRoot"], rect: DataRect): DataRect;

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

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

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

@@ -1,6 +0,0 @@
-export function areRectsEqual(left, right) {
-    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,3 +0,0 @@
-import { type ColumnView } from "@1771technologies/lytenyte-shared";
-import type { DataRect } from "../types";
-export declare function boundSelectionRect(view: ColumnView, rowCount: number, rect: DataRect): DataRect;

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

@@ -1,16 +0,0 @@
-import { clamp } from "@1771technologies/lytenyte-shared";
-export function boundSelectionRect(view, rowCount, rect) {
-    const maxRow = rowCount;
-    const minRow = 0;
-    const maxColumn = view.visibleColumns.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.d.ts

@@ -1,3 +0,0 @@
-export declare const CellSelectionTop: import("react").NamedExoticComponent<object>;
-export declare const CellSelectionCenter: import("react").NamedExoticComponent<object>;
-export declare const CellSelectionBottom: import("react").NamedExoticComponent<object>;

package/dist/cell-selection/cell-selection-containers.js

@@ -1,86 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { memo, useMemo } from "react";
-import { CellStyleRow } from "./cell-style-row.js";
-import { isTopRect } from "./is-top-rect.js";
-import { isCenterRect } from "./is-center-rect.js";
-import { isBottomRect } from "./is-bottom-rect.js";
-import { useRoot } from "@1771technologies/lytenyte-core/internal";
-import { useProRoot } from "../root/context.js";
-export const CellSelectionTop = memo(function CellSelectionTop() {
-    const { source } = useRoot();
-    const { cellSelectionSplits: allRects, cellSelectionAdditiveRects: additive, cellSelectionIsDeselect, } = useProRoot();
-    const topCount = source.useTopCount();
-    const topRects = useMemo(() => {
-        return allRects.filter((rect) => isTopRect(topCount, rect));
-    }, [allRects, topCount]);
-    const isDeselect = cellSelectionIsDeselect.current;
-    const additiveRects = useMemo(() => {
-        if (!additive)
-            return [];
-        return additive.filter((rect) => isTopRect(topCount, rect));
-    }, [additive, topCount]);
-    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);
-            })] }));
-});
-export const CellSelectionCenter = memo(function CellSelectionCenter() {
-    const { source } = useRoot();
-    const { cellSelectionSplits: allRects, cellSelectionAdditiveRects: additive, cellSelectionIsDeselect, } = useProRoot();
-    const topCount = source.useTopCount();
-    const rowCount = source.useRowCount();
-    const botCount = source.useBottomCount();
-    const centerRects = useMemo(() => {
-        return allRects.filter((rect) => isCenterRect(rowCount, botCount, topCount, rect));
-    }, [allRects, botCount, rowCount, topCount]);
-    const isDeselect = cellSelectionIsDeselect.current;
-    const additiveRects = useMemo(() => {
-        if (!additive)
-            return [];
-        return additive.filter((rect) => isCenterRect(rowCount, botCount, topCount, rect));
-    }, [additive, botCount, rowCount, topCount]);
-    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);
-            })] }));
-});
-export const CellSelectionBottom = memo(function CellSelectionBottom() {
-    const { source } = useRoot();
-    const { cellSelectionSplits: allRects, cellSelectionAdditiveRects: additive, cellSelectionIsDeselect, } = useProRoot();
-    const rowCount = source.useRowCount();
-    const botCount = source.useBottomCount();
-    const bottomRects = useMemo(() => {
-        return allRects.filter((rect) => isBottomRect(rowCount, botCount, rect));
-    }, [allRects, botCount, rowCount]);
-    const isDeselect = cellSelectionIsDeselect.current;
-    const additiveRects = useMemo(() => {
-        if (!additive)
-            return [];
-        return additive.filter((rect) => isBottomRect(rowCount, botCount, rect));
-    }, [additive, botCount, rowCount]);
-    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);
-            })] }));
-});

package/dist/cell-selection/cell-selection-driver/cell-selection-driver.d.ts

@@ -1 +0,0 @@
-export declare function CellSelectionDriver(): import("react/jsx-runtime").JSX.Element;