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

package/dist/grid-box/use-row-group-box-items.js

@@ -1,133 +1,130 @@
 import { useMemo } from "react";
 import { useEvent } from "@1771technologies/lytenyte-react-hooks";
-export function useRowGroupBoxItems({ grid, orientation, dragPlaceholder, hideColumnOnGroup = true, }) {
-    const rowGroupModel = grid.state.rowGroupModel.useValue();
-    const gridId = grid.state.gridId.useValue();
-    const items = useMemo(() => {
-        const groupId = `${gridId}-group`;
-        return rowGroupModel
-            .map((c, i) => {
-            const onDelete = () => {
-                grid.state.rowGroupModel.set((prev) => prev.filter((x) => x !== c));
-            };
-            const onDrop = (p) => {
-                const target = c;
-                const src = p.state.siteLocalData?.[groupId];
-                const overIndex = rowGroupModel.findIndex((x) => x === c);
-                const dragIndex = rowGroupModel.findIndex((x) => x === src);
-                const isBefore = overIndex < dragIndex;
-                if (overIndex === dragIndex)
-                    return;
-                const srcIndex = rowGroupModel.findIndex((x) => {
-                    if (typeof src !== typeof x)
-                        return;
-                    const cid = typeof src === "string" ? src : src.id;
-                    const xid = typeof x === "string" ? x : x.id;
-                    return cid === xid;
-                });
-                const targetIndex = rowGroupModel.indexOf(target);
-                // This is an external
-                if (srcIndex === -1) {
-                    grid.state.rowGroupModel.set((prev) => {
-                        const next = [...prev];
-                        next.splice(isBefore ? targetIndex : targetIndex + 1, 0, src);
-                        return next;
-                    });
-                    if (typeof src === "string" && hideColumnOnGroup) {
-                        grid.api.columnUpdate({ [src]: { hide: true } });
-                    }
-                }
-                else {
-                    grid.state.rowGroupModel.set((prev) => {
-                        const next = [...prev];
-                        next.splice(srcIndex, 1);
-                        const targetIndex = next.indexOf(target);
-                        next.splice(isBefore ? targetIndex : targetIndex + 1, 0, src);
-                        return next;
-                    });
-                }
-            };
-            if (typeof c === "string") {
-                const column = grid.api.columnById(c);
-                if (!column)
-                    return null;
-                return {
-                    dragData: { [groupId]: c },
-                    data: c,
-                    draggable: true,
-                    source: "groups",
-                    id: c,
-                    index: i,
-                    label: column.name ?? column.id,
-                    onAction: () => { },
-                    onDelete: onDelete,
-                    onDrop: onDrop,
-                    dragPlaceholder: dragPlaceholder ? () => dragPlaceholder(c) : undefined,
-                };
-            }
-            else {
-                return {
-                    dragData: { [groupId]: c },
-                    data: c,
-                    draggable: true,
-                    id: c.id,
-                    source: "groups",
-                    index: i,
-                    label: c.name ?? c.id,
-                    onAction: () => { },
-                    onDelete: onDelete,
-                    onDrop,
-                    dragPlaceholder: dragPlaceholder ? () => dragPlaceholder(c) : undefined,
-                };
-            }
-        })
-            .filter((c) => c !== null);
-    }, [
-        grid.api,
-        grid.state.rowGroupModel,
-        gridId,
-        hideColumnOnGroup,
-        dragPlaceholder,
-        rowGroupModel,
-    ]);
-    const onRootDrop = useEvent((p) => {
-        const groupId = `${gridId}-group`;
-        const c = p.state.siteLocalData?.[groupId];
-        if (!c)
-            return;
-        // Is the item in the model.
-        const currentIndex = rowGroupModel.findIndex((x) => {
-            if (typeof c !== typeof x)
-                return;
-            const cid = typeof c === "string" ? c : c.id;
+export function useRowGroupBoxItems({
+  grid,
+  orientation,
+  dragPlaceholder,
+  hideColumnOnGroup = true,
+}) {
+  const rowGroupModel = grid.state.rowGroupModel.useValue();
+  const gridId = grid.state.gridId.useValue();
+  const items = useMemo(() => {
+    const groupId = `${gridId}-group`;
+    return rowGroupModel
+      .map((c, i) => {
+        const onDelete = () => {
+          grid.state.rowGroupModel.set((prev) => prev.filter((x) => x !== c));
+        };
+        const onDrop = (p) => {
+          const target = c;
+          const src = p.state.siteLocalData?.[groupId];
+          const overIndex = rowGroupModel.findIndex((x) => x === c);
+          const dragIndex = rowGroupModel.findIndex((x) => x === src);
+          const isBefore = overIndex < dragIndex;
+          if (overIndex === dragIndex) return;
+          const srcIndex = rowGroupModel.findIndex((x) => {
+            if (typeof src !== typeof x) return;
+            const cid = typeof src === "string" ? src : src.id;
             const xid = typeof x === "string" ? x : x.id;
             return cid === xid;
-        });
-        // We failed to find the item, so add it to the end. If
-        if (currentIndex === -1) {
-            grid.state.rowGroupModel.set((prev) => [...prev, c]);
-            if (typeof c === "string" && hideColumnOnGroup) {
-                grid.api.columnUpdate({ [c]: { hide: true } });
+          });
+          const targetIndex = rowGroupModel.indexOf(target);
+          // This is an external
+          if (srcIndex === -1) {
+            grid.state.rowGroupModel.set((prev) => {
+              const next = [...prev];
+              next.splice(isBefore ? targetIndex : targetIndex + 1, 0, src);
+              return next;
+            });
+            if (typeof src === "string" && hideColumnOnGroup) {
+              grid.api.columnUpdate({ [src]: { hide: true } });
             }
-        }
-        else {
+          } else {
             grid.state.rowGroupModel.set((prev) => {
-                const next = [...prev];
-                next.splice(currentIndex, 1);
-                next.push(c);
-                return next;
+              const next = [...prev];
+              next.splice(srcIndex, 1);
+              const targetIndex = next.indexOf(target);
+              next.splice(isBefore ? targetIndex : targetIndex + 1, 0, src);
+              return next;
             });
+          }
+        };
+        if (typeof c === "string") {
+          const column = grid.api.columnById(c);
+          if (!column) return null;
+          return {
+            dragData: { [groupId]: c },
+            data: c,
+            draggable: true,
+            source: "groups",
+            id: c,
+            index: i,
+            label: column.name ?? column.id,
+            onAction: () => {},
+            onDelete: onDelete,
+            onDrop: onDrop,
+            dragPlaceholder: dragPlaceholder ? () => dragPlaceholder(c) : undefined,
+          };
+        } else {
+          return {
+            dragData: { [groupId]: c },
+            data: c,
+            draggable: true,
+            id: c.id,
+            source: "groups",
+            index: i,
+            label: c.name ?? c.id,
+            onAction: () => {},
+            onDelete: onDelete,
+            onDrop,
+            dragPlaceholder: dragPlaceholder ? () => dragPlaceholder(c) : undefined,
+          };
         }
+      })
+      .filter((c) => c !== null);
+  }, [
+    grid.api,
+    grid.state.rowGroupModel,
+    gridId,
+    hideColumnOnGroup,
+    dragPlaceholder,
+    rowGroupModel,
+  ]);
+  const onRootDrop = useEvent((p) => {
+    const groupId = `${gridId}-group`;
+    const c = p.state.siteLocalData?.[groupId];
+    if (!c) return;
+    // Is the item in the model.
+    const currentIndex = rowGroupModel.findIndex((x) => {
+      if (typeof c !== typeof x) return;
+      const cid = typeof c === "string" ? c : c.id;
+      const xid = typeof x === "string" ? x : x.id;
+      return cid === xid;
     });
-    return useMemo(() => {
-        return {
-            rootProps: {
-                accepted: [`${gridId}-group`],
-                onRootDrop,
-                orientation,
-                grid,
-            },
-            items,
-        };
-    }, [grid, gridId, items, onRootDrop, orientation]);
+    // We failed to find the item, so add it to the end. If
+    if (currentIndex === -1) {
+      grid.state.rowGroupModel.set((prev) => [...prev, c]);
+      if (typeof c === "string" && hideColumnOnGroup) {
+        grid.api.columnUpdate({ [c]: { hide: true } });
+      }
+    } else {
+      grid.state.rowGroupModel.set((prev) => {
+        const next = [...prev];
+        next.splice(currentIndex, 1);
+        next.push(c);
+        return next;
+      });
+    }
+  });
+  return useMemo(() => {
+    return {
+      rootProps: {
+        accepted: [`${gridId}-group`],
+        onRootDrop,
+        orientation,
+        grid,
+      },
+      items,
+    };
+  }, [grid, gridId, items, onRootDrop, orientation]);
 }

package/dist/grid-provider/context.d.ts

@@ -1,5 +1,7 @@
 import type { Grid } from "../+types.js";
 import type { InternalAtoms } from "../state/+types.js";
-export declare const gridContext: import("react").Context<Grid<any> & {
+export declare const gridContext: import("react").Context<
+  Grid<any> & {
     internal: InternalAtoms;
-}>;
+  }
+>;

package/dist/grid-provider/provider.d.ts

@@ -1,3 +1,5 @@
-export declare const GridProvider: import("react").Provider<import("../+types.js").Grid<any> & {
+export declare const GridProvider: import("react").Provider<
+  import("../+types.js").Grid<any> & {
     internal: import("../state/+types.js").InternalAtoms;
-}>;
+  }
+>;

package/dist/grid-provider/use-grid.d.ts

@@ -1,3 +1,3 @@
 export declare const useGrid: () => import("../+types.js").Grid<any> & {
-    internal: import("../state/+types.js").InternalAtoms;
+  internal: import("../state/+types.js").InternalAtoms;
 };

package/dist/grid.d.ts

@@ -1,18 +1,130 @@
 import { Root } from "./root/root";
 import { useLyteNyte } from "./state/use-lytenyte";
 export declare const Grid: {
-    Root: typeof Root;
-    Header: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-    HeaderGroupCell: import("react").ForwardRefExoticComponent<Omit<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & import("./header/header-group-cell").HeaderGroupCellProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-    HeaderRow: import("react").ForwardRefExoticComponent<Omit<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & import("./header/header-row").HeaderRowProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-    HeaderCell: import("react").ForwardRefExoticComponent<Omit<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & import("./header/header-cell").HeaderCellProps<any>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-    Cell: import("react").ForwardRefExoticComponent<Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "children"> & import("./cells/cell").CellProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-    RowFullWidth: import("react").ForwardRefExoticComponent<Omit<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & import("./rows/row-full-width").RowFullWidthProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-    RowsContainer: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-    RowsBottom: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-    RowsTop: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-    Row: import("react").ForwardRefExoticComponent<Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "onDrag"> & import("./rows/row/row").RowProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-    RowsCenter: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-    Viewport: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-    useLyteNyte: typeof useLyteNyte;
+  Root: typeof Root;
+  Header: import("react").ForwardRefExoticComponent<
+    Omit<
+      import("react").DetailedHTMLProps<
+        import("react").HTMLAttributes<HTMLDivElement>,
+        HTMLDivElement
+      >,
+      "ref"
+    > &
+      import("react").RefAttributes<HTMLDivElement>
+  >;
+  HeaderGroupCell: import("react").ForwardRefExoticComponent<
+    Omit<
+      import("react").ClassAttributes<HTMLDivElement> &
+        import("react").HTMLAttributes<HTMLDivElement> &
+        import("./header/header-group-cell").HeaderGroupCellProps,
+      "ref"
+    > &
+      import("react").RefAttributes<HTMLDivElement>
+  >;
+  HeaderRow: import("react").ForwardRefExoticComponent<
+    Omit<
+      import("react").ClassAttributes<HTMLDivElement> &
+        import("react").HTMLAttributes<HTMLDivElement> &
+        import("./header/header-row").HeaderRowProps,
+      "ref"
+    > &
+      import("react").RefAttributes<HTMLDivElement>
+  >;
+  HeaderCell: import("react").ForwardRefExoticComponent<
+    Omit<
+      import("react").ClassAttributes<HTMLDivElement> &
+        import("react").HTMLAttributes<HTMLDivElement> &
+        import("./header/header-cell").HeaderCellProps<any>,
+      "ref"
+    > &
+      import("react").RefAttributes<HTMLDivElement>
+  >;
+  Cell: import("react").ForwardRefExoticComponent<
+    Omit<
+      Omit<
+        import("react").DetailedHTMLProps<
+          import("react").HTMLAttributes<HTMLDivElement>,
+          HTMLDivElement
+        >,
+        "children"
+      > &
+        import("./cells/cell").CellProps,
+      "ref"
+    > &
+      import("react").RefAttributes<HTMLDivElement>
+  >;
+  RowFullWidth: import("react").ForwardRefExoticComponent<
+    Omit<
+      import("react").ClassAttributes<HTMLDivElement> &
+        import("react").HTMLAttributes<HTMLDivElement> &
+        import("./rows/row-full-width").RowFullWidthProps,
+      "ref"
+    > &
+      import("react").RefAttributes<HTMLDivElement>
+  >;
+  RowsContainer: import("react").ForwardRefExoticComponent<
+    Omit<
+      import("react").DetailedHTMLProps<
+        import("react").HTMLAttributes<HTMLDivElement>,
+        HTMLDivElement
+      >,
+      "ref"
+    > &
+      import("react").RefAttributes<HTMLDivElement>
+  >;
+  RowsBottom: import("react").ForwardRefExoticComponent<
+    Omit<
+      import("react").DetailedHTMLProps<
+        import("react").HTMLAttributes<HTMLDivElement>,
+        HTMLDivElement
+      >,
+      "ref"
+    > &
+      import("react").RefAttributes<HTMLDivElement>
+  >;
+  RowsTop: import("react").ForwardRefExoticComponent<
+    Omit<
+      import("react").DetailedHTMLProps<
+        import("react").HTMLAttributes<HTMLDivElement>,
+        HTMLDivElement
+      >,
+      "ref"
+    > &
+      import("react").RefAttributes<HTMLDivElement>
+  >;
+  Row: import("react").ForwardRefExoticComponent<
+    Omit<
+      Omit<
+        import("react").DetailedHTMLProps<
+          import("react").HTMLAttributes<HTMLDivElement>,
+          HTMLDivElement
+        >,
+        "onDrag"
+      > &
+        import("./rows/row/row").RowProps,
+      "ref"
+    > &
+      import("react").RefAttributes<HTMLDivElement>
+  >;
+  RowsCenter: import("react").ForwardRefExoticComponent<
+    Omit<
+      import("react").DetailedHTMLProps<
+        import("react").HTMLAttributes<HTMLDivElement>,
+        HTMLDivElement
+      >,
+      "ref"
+    > &
+      import("react").RefAttributes<HTMLDivElement>
+  >;
+  Viewport: import("react").ForwardRefExoticComponent<
+    Omit<
+      import("react").DetailedHTMLProps<
+        import("react").HTMLAttributes<HTMLDivElement>,
+        HTMLDivElement
+      >,
+      "ref"
+    > &
+      import("react").RefAttributes<HTMLDivElement>
+  >;
+  useLyteNyte: typeof useLyteNyte;
 };

package/dist/grid.js

@@ -11,18 +11,18 @@ import { RowsBottom, RowsCenter, RowsTop } from "./rows/rows-sections";
 import { useLyteNyte } from "./state/use-lytenyte";
 import { Viewport } from "./viewport/viewport";
 export const Grid = {
-    Root,
-    Header,
-    HeaderGroupCell,
-    HeaderRow,
-    HeaderCell,
-    Cell,
-    RowFullWidth,
-    RowsContainer,
-    RowsBottom,
-    RowsTop,
-    Row,
-    RowsCenter,
-    Viewport,
-    useLyteNyte,
+  Root,
+  Header,
+  HeaderGroupCell,
+  HeaderRow,
+  HeaderCell,
+  Cell,
+  RowFullWidth,
+  RowsContainer,
+  RowsBottom,
+  RowsTop,
+  Row,
+  RowsCenter,
+  Viewport,
+  useLyteNyte,
 };

package/dist/header/header-cell.d.ts

@@ -2,9 +2,17 @@ import { type CSSProperties } from "react";
 import type { HeaderCellFloating, HeaderCellLayout } from "../+types";
 import { type SlotComponent } from "@1771technologies/lytenyte-react-hooks";
 export interface HeaderCellProps<T> {
-    readonly cell: HeaderCellLayout<T> | HeaderCellFloating<T>;
-    readonly resizerAs?: SlotComponent;
-    readonly resizerClassName?: string;
-    readonly resizerStyle?: CSSProperties;
+  readonly cell: HeaderCellLayout<T> | HeaderCellFloating<T>;
+  readonly resizerAs?: SlotComponent;
+  readonly resizerClassName?: string;
+  readonly resizerStyle?: CSSProperties;
 }
-export declare const HeaderCell: import("react").ForwardRefExoticComponent<Omit<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & HeaderCellProps<any>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+export declare const HeaderCell: import("react").ForwardRefExoticComponent<
+  Omit<
+    import("react").ClassAttributes<HTMLDivElement> &
+      import("react").HTMLAttributes<HTMLDivElement> &
+      HeaderCellProps<any>,
+    "ref"
+  > &
+    import("react").RefAttributes<HTMLDivElement>
+>;

package/dist/header/header-cell.js

@@ -2,23 +2,49 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { forwardRef } from "react";
 import { useGridRoot } from "../context";
 import { COLUMN_MARKER_ID, HeaderCellReact } from "@1771technologies/lytenyte-shared";
-import { fastDeepMemo, useCombinedRefs, } from "@1771technologies/lytenyte-react-hooks";
+import { fastDeepMemo, useCombinedRefs } from "@1771technologies/lytenyte-react-hooks";
 import { useHeaderCellRenderer } from "./use-header-cell-renderer";
 import { ResizeHandler } from "./resize-handler";
 import { useDragMove } from "./use-drag-move";
-const HeaderCellImpl = forwardRef(function HeaderCell({ cell, resizerAs, resizerStyle, resizerClassName, children, ...props }, forwarded) {
-    const grid = useGridRoot().grid;
-    const ctx = grid.state;
-    const xPositions = ctx.xPositions.useValue();
-    const viewport = ctx.viewportWidthInner.useValue();
-    const rtl = ctx.rtl.useValue();
-    const base = ctx.columnBase.useValue();
-    const Renderer = useHeaderCellRenderer(cell);
-    const resizable = cell.id === COLUMN_MARKER_ID
-        ? false
-        : (cell.column.uiHints?.resizable ?? base.uiHints?.resizable ?? false);
-    const { ref, ...dragProps } = useDragMove(grid, cell, props.onDragStart);
-    const combined = useCombinedRefs(forwarded, ref);
-    return (_jsxs(HeaderCellReact, { ...props, ...dragProps, ref: combined, cell: cell, columnId: cell.column.id, viewportWidth: viewport, isFloating: cell.kind === "floating", rtl: rtl, xPositions: xPositions, children: [children == undefined ? _jsx(Renderer, { column: cell.column, grid: grid }) : children, resizable && cell.kind === "cell" && (_jsx(ResizeHandler, { cell: cell, xPositions: xPositions, as: resizerAs, className: resizerClassName, style: resizerStyle }))] }));
+const HeaderCellImpl = forwardRef(function HeaderCell(
+  { cell, resizerAs, resizerStyle, resizerClassName, children, ...props },
+  forwarded,
+) {
+  const grid = useGridRoot().grid;
+  const ctx = grid.state;
+  const xPositions = ctx.xPositions.useValue();
+  const viewport = ctx.viewportWidthInner.useValue();
+  const rtl = ctx.rtl.useValue();
+  const base = ctx.columnBase.useValue();
+  const Renderer = useHeaderCellRenderer(cell);
+  const resizable =
+    cell.id === COLUMN_MARKER_ID
+      ? false
+      : (cell.column.uiHints?.resizable ?? base.uiHints?.resizable ?? false);
+  const { ref, ...dragProps } = useDragMove(grid, cell, props.onDragStart);
+  const combined = useCombinedRefs(forwarded, ref);
+  return _jsxs(HeaderCellReact, {
+    ...props,
+    ...dragProps,
+    ref: combined,
+    cell: cell,
+    columnId: cell.column.id,
+    viewportWidth: viewport,
+    isFloating: cell.kind === "floating",
+    rtl: rtl,
+    xPositions: xPositions,
+    children: [
+      children == undefined ? _jsx(Renderer, { column: cell.column, grid: grid }) : children,
+      resizable &&
+        cell.kind === "cell" &&
+        _jsx(ResizeHandler, {
+          cell: cell,
+          xPositions: xPositions,
+          as: resizerAs,
+          className: resizerClassName,
+          style: resizerStyle,
+        }),
+    ],
+  });
 });
 export const HeaderCell = fastDeepMemo(HeaderCellImpl);

package/dist/header/header-group-cell.d.ts

@@ -1,5 +1,13 @@
 import type { HeaderGroupCellLayout } from "../+types";
 export interface HeaderGroupCellProps {
-    readonly cell: HeaderGroupCellLayout;
+  readonly cell: HeaderGroupCellLayout;
 }
-export declare const HeaderGroupCell: import("react").ForwardRefExoticComponent<Omit<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & HeaderGroupCellProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+export declare const HeaderGroupCell: import("react").ForwardRefExoticComponent<
+  Omit<
+    import("react").ClassAttributes<HTMLDivElement> &
+      import("react").HTMLAttributes<HTMLDivElement> &
+      HeaderGroupCellProps,
+    "ref"
+  > &
+    import("react").RefAttributes<HTMLDivElement>
+>;

package/dist/header/header-group-cell.js

@@ -4,13 +4,31 @@ import { useGridRoot } from "../context";
 import { HeaderGroupCellReact } from "@1771technologies/lytenyte-shared";
 import { fastDeepMemo, useCombinedRefs } from "@1771technologies/lytenyte-react-hooks";
 import { useDragMove } from "./use-drag-move";
-const HeaderGroupCellImpl = forwardRef(function HeaderCell({ cell, children, ...props }, forwarded) {
-    const grid = useGridRoot().grid;
-    const ctx = grid.state;
-    const { ref, ...dragProps } = useDragMove(grid, cell, props.onDragStart);
-    const combined = useCombinedRefs(ref, forwarded);
-    const isExpanded = grid.state.columnGroupExpansions.useValue()[cell.id] ??
-        grid.state.columnGroupDefaultExpansion.get();
-    return (_jsx(HeaderGroupCellReact, { ...props, ...dragProps, ref: combined, cell: cell, cellId: cell.id, height: ctx.headerGroupHeight.useValue(), rtl: ctx.rtl.useValue(), viewportWidth: ctx.viewportWidthInner.useValue(), xPositions: ctx.xPositions.useValue(), isHiddenMove: cell.isHiddenMove ?? false, "data-ln-collapsible": cell.isCollapsible, "data-ln-collapsed": !isExpanded, children: children == undefined ? cell.id : children }));
+const HeaderGroupCellImpl = forwardRef(function HeaderCell(
+  { cell, children, ...props },
+  forwarded,
+) {
+  const grid = useGridRoot().grid;
+  const ctx = grid.state;
+  const { ref, ...dragProps } = useDragMove(grid, cell, props.onDragStart);
+  const combined = useCombinedRefs(ref, forwarded);
+  const isExpanded =
+    grid.state.columnGroupExpansions.useValue()[cell.id] ??
+    grid.state.columnGroupDefaultExpansion.get();
+  return _jsx(HeaderGroupCellReact, {
+    ...props,
+    ...dragProps,
+    ref: combined,
+    cell: cell,
+    cellId: cell.id,
+    height: ctx.headerGroupHeight.useValue(),
+    rtl: ctx.rtl.useValue(),
+    viewportWidth: ctx.viewportWidthInner.useValue(),
+    xPositions: ctx.xPositions.useValue(),
+    isHiddenMove: cell.isHiddenMove ?? false,
+    "data-ln-collapsible": cell.isCollapsible,
+    "data-ln-collapsed": !isExpanded,
+    children: children == undefined ? cell.id : children,
+  });
 });
 export const HeaderGroupCell = fastDeepMemo(HeaderGroupCellImpl);

package/dist/header/header-row.d.ts

@@ -1,4 +1,12 @@
 export interface HeaderRowProps {
-    readonly headerRowIndex: number;
+  readonly headerRowIndex: number;
 }
-export declare const HeaderRow: import("react").ForwardRefExoticComponent<Omit<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & HeaderRowProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+export declare const HeaderRow: import("react").ForwardRefExoticComponent<
+  Omit<
+    import("react").ClassAttributes<HTMLDivElement> &
+      import("react").HTMLAttributes<HTMLDivElement> &
+      HeaderRowProps,
+    "ref"
+  > &
+    import("react").RefAttributes<HTMLDivElement>
+>;

package/dist/header/header-row.js

@@ -4,7 +4,7 @@ import { forwardRef } from "react";
 import { useGridRoot } from "../context";
 import { HeaderRowReact } from "@1771technologies/lytenyte-shared";
 const HeaderRowImpl = forwardRef(function HeaderRow(props, forwarded) {
-    const maxRow = useGridRoot().grid.view.get().header.maxRow;
-    return _jsx(HeaderRowReact, { ...props, ref: forwarded, maxRow: maxRow });
+  const maxRow = useGridRoot().grid.view.get().header.maxRow;
+  return _jsx(HeaderRowReact, { ...props, ref: forwarded, maxRow: maxRow });
 });
 export const HeaderRow = fastDeepMemo(HeaderRowImpl);

package/dist/header/header.d.ts

@@ -1 +1,10 @@
-export declare const Header: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+export declare const Header: import("react").ForwardRefExoticComponent<
+  Omit<
+    import("react").DetailedHTMLProps<
+      import("react").HTMLAttributes<HTMLDivElement>,
+      HTMLDivElement
+    >,
+    "ref"
+  > &
+    import("react").RefAttributes<HTMLDivElement>
+>;