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

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

@@ -1,130 +1,133 @@
 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;
+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;
             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 } });
+        });
+        // 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 {
+        }
+        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;
+                const next = [...prev];
+                next.splice(currentIndex, 1);
+                next.push(c);
+                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;
     });
-    // 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]);
+    return useMemo(() => {
+        return {
+            rootProps: {
+                accepted: [`${gridId}-group`],
+                onRootDrop,
+                orientation,
+                grid,
+            },
+            items,
+        };
+    }, [grid, gridId, items, onRootDrop, orientation]);
 }

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

@@ -1,7 +1,5 @@
 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,5 +1,3 @@
-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,130 +1,18 @@
 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,17 +2,9 @@ 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,49 +2,23 @@ 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,13 +1,5 @@
 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,31 +4,13 @@ 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,12 +1,4 @@
 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,10 +1 @@
-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>>;