@1771technologies/lytenyte-pro 1.0.0-beta.11 → 1.0.0-beta.12

package/dist/grid-box/use-column-box-items.js

@@ -1,81 +1,93 @@
 import { useMemo } from "react";
 import { useEvent } from "@1771technologies/lytenyte-react-hooks";
-export function useColumnBoxItems({ grid, onRootDrop, onDrop, onDelete, onAction, orientation, draggable = true, dragPlaceholder, itemFilter, }) {
-    const columns = grid.state.columns.useValue();
-    const base = grid.state.columnBase.useValue();
-    const gridId = grid.state.gridId.useValue();
-    const items = useMemo(() => {
-        const groupId = `${gridId}-group`;
-        const aggId = `${gridId}-agg`;
-        const columnId = `${gridId}-column`;
-        return columns
-            .filter((c) => {
-            return itemFilter ? itemFilter(c) : true;
-        })
-            .map((c) => {
-            const canGroup = c.uiHints?.rowGroupable ?? base.uiHints?.rowGroupable ?? false;
-            const canAgg = Boolean(c.uiHints?.aggDefault ??
-                c.uiHints?.aggDefault?.length ??
-                base.uiHints?.aggDefault ??
-                base.uiHints?.aggsAllowed?.length);
-            const data = {
-                [columnId]: c,
-            };
-            if (canGroup)
-                data[groupId] = c.id;
-            if (canAgg)
-                data[aggId] = c;
-            return {
-                label: c.name ?? c.id,
-                id: c.id,
-                draggable,
-                data: c,
-                dragData: data,
-                dragPlaceholder: dragPlaceholder ? () => dragPlaceholder?.(c) : undefined,
-                onAction: () => onAction?.(c),
-                onDelete: () => onDelete?.(c),
-                onDrop: (p) => {
-                    const target = c;
-                    const src = p.state.siteLocalData?.[columnId];
-                    const isRtl = grid.state.rtl.get();
-                    let isBefore;
-                    if (orientation === "horizontal") {
-                        isBefore = isRtl ? !p.moveState.leftHalf : p.moveState.leftHalf;
-                    }
-                    else {
-                        isBefore = p.moveState.topHalf;
-                    }
-                    onDrop?.({ src, target, isBefore });
-                },
-            };
-        });
-    }, [
-        base.uiHints?.aggDefault,
-        base.uiHints?.aggsAllowed?.length,
-        base.uiHints?.rowGroupable,
-        columns,
-        dragPlaceholder,
-        draggable,
-        grid.state.rtl,
-        gridId,
-        itemFilter,
-        onAction,
-        onDelete,
-        onDrop,
-        orientation,
-    ]);
-    const onRootDropEv = useEvent((p) => {
-        const columnId = `${gridId}-column`;
-        const src = p.state.siteLocalData?.[columnId];
-        onRootDrop?.(src);
-    });
-    return useMemo(() => ({
-        rootProps: {
-            accepted: [`${gridId}-column`],
-            orientation: orientation,
-            onRootDrop: onRootDropEv,
-            grid,
-        },
-        items,
-    }), [grid, gridId, items, onRootDropEv, orientation]);
+export function useColumnBoxItems({
+  grid,
+  onRootDrop,
+  onDrop,
+  onDelete,
+  onAction,
+  orientation,
+  draggable = true,
+  dragPlaceholder,
+  itemFilter,
+}) {
+  const columns = grid.state.columns.useValue();
+  const base = grid.state.columnBase.useValue();
+  const gridId = grid.state.gridId.useValue();
+  const items = useMemo(() => {
+    const groupId = `${gridId}-group`;
+    const aggId = `${gridId}-agg`;
+    const columnId = `${gridId}-column`;
+    return columns
+      .filter((c) => {
+        return itemFilter ? itemFilter(c) : true;
+      })
+      .map((c) => {
+        const canGroup = c.uiHints?.rowGroupable ?? base.uiHints?.rowGroupable ?? false;
+        const canAgg = Boolean(
+          c.uiHints?.aggDefault ??
+            c.uiHints?.aggDefault?.length ??
+            base.uiHints?.aggDefault ??
+            base.uiHints?.aggsAllowed?.length,
+        );
+        const data = {
+          [columnId]: c,
+        };
+        if (canGroup) data[groupId] = c.id;
+        if (canAgg) data[aggId] = c;
+        return {
+          label: c.name ?? c.id,
+          id: c.id,
+          draggable,
+          data: c,
+          dragData: data,
+          dragPlaceholder: dragPlaceholder ? () => dragPlaceholder?.(c) : undefined,
+          onAction: () => onAction?.(c),
+          onDelete: () => onDelete?.(c),
+          onDrop: (p) => {
+            const target = c;
+            const src = p.state.siteLocalData?.[columnId];
+            const isRtl = grid.state.rtl.get();
+            let isBefore;
+            if (orientation === "horizontal") {
+              isBefore = isRtl ? !p.moveState.leftHalf : p.moveState.leftHalf;
+            } else {
+              isBefore = p.moveState.topHalf;
+            }
+            onDrop?.({ src, target, isBefore });
+          },
+        };
+      });
+  }, [
+    base.uiHints?.aggDefault,
+    base.uiHints?.aggsAllowed?.length,
+    base.uiHints?.rowGroupable,
+    columns,
+    dragPlaceholder,
+    draggable,
+    grid.state.rtl,
+    gridId,
+    itemFilter,
+    onAction,
+    onDelete,
+    onDrop,
+    orientation,
+  ]);
+  const onRootDropEv = useEvent((p) => {
+    const columnId = `${gridId}-column`;
+    const src = p.state.siteLocalData?.[columnId];
+    onRootDrop?.(src);
+  });
+  return useMemo(
+    () => ({
+      rootProps: {
+        accepted: [`${gridId}-column`],
+        orientation: orientation,
+        onRootDrop: onRootDropEv,
+        grid,
+      },
+      items,
+    }),
+    [grid, gridId, items, onRootDropEv, orientation],
+  );
 }

package/dist/grid-box/use-row-group-box-items.d.ts

@@ -2,17 +2,22 @@ import { type ReactNode } from "react";
 import type { DropEventParams, Grid, RowGroupModelItem } from "../+types.js";
 import type { GridBoxItem } from "./+types.js";
 export interface UseRowGroupBoxItems<T> {
-    readonly grid: Grid<T>;
-    readonly orientation?: "horizontal" | "vertical";
-    readonly placeholder?: (c: RowGroupModelItem<T>) => ReactNode;
-    readonly hideColumnOnGroup?: boolean;
+  readonly grid: Grid<T>;
+  readonly orientation?: "horizontal" | "vertical";
+  readonly placeholder?: (c: RowGroupModelItem<T>) => ReactNode;
+  readonly hideColumnOnGroup?: boolean;
 }
-export declare function useRowGroupBoxItems<T>({ grid, orientation, placeholder, hideColumnOnGroup, }: UseRowGroupBoxItems<T>): {
-    rootProps: {
-        accepted: string[];
-        onRootDrop: (p: DropEventParams) => void;
-        orientation: "horizontal" | "vertical" | undefined;
-        grid: Grid<T>;
-    };
-    items: GridBoxItem<RowGroupModelItem<T>>[];
+export declare function useRowGroupBoxItems<T>({
+  grid,
+  orientation,
+  placeholder,
+  hideColumnOnGroup,
+}: UseRowGroupBoxItems<T>): {
+  rootProps: {
+    accepted: string[];
+    onRootDrop: (p: DropEventParams) => void;
+    orientation: "horizontal" | "vertical" | undefined;
+    grid: Grid<T>;
+  };
+  items: GridBoxItem<RowGroupModelItem<T>>[];
 };

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

@@ -1,134 +1,126 @@
 import { useMemo } from "react";
 import { useEvent } from "@1771technologies/lytenyte-react-hooks";
-export function useRowGroupBoxItems({ grid, orientation, placeholder, 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) => {
-            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 isRtl = grid.state.rtl.get();
-                let isBefore;
-                if (orientation === "horizontal") {
-                    isBefore = isRtl ? !p.moveState.leftHalf : p.moveState.leftHalf;
-                }
-                else {
-                    isBefore = p.moveState.topHalf;
-                }
-                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,
-                    id: c,
-                    label: column.name ?? column.id,
-                    onAction: () => { },
-                    onDelete: onDelete,
-                    onDrop: onDrop,
-                    dragPlaceholder: placeholder ? () => placeholder(c) : undefined,
-                };
-            }
-            else {
-                return {
-                    dragData: { [groupId]: c },
-                    data: c,
-                    draggable: true,
-                    id: c.id,
-                    label: c.name ?? c.id,
-                    onAction: () => { },
-                    onDelete: onDelete,
-                    onDrop,
-                    dragPlaceholder: placeholder ? () => placeholder(c) : undefined,
-                };
-            }
-        })
-            .filter((c) => c !== null);
-    }, [
-        grid.api,
-        grid.state.rowGroupModel,
-        grid.state.rtl,
-        gridId,
-        hideColumnOnGroup,
-        orientation,
-        placeholder,
-        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, placeholder, 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) => {
+        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 isRtl = grid.state.rtl.get();
+          let isBefore;
+          if (orientation === "horizontal") {
+            isBefore = isRtl ? !p.moveState.leftHalf : p.moveState.leftHalf;
+          } else {
+            isBefore = p.moveState.topHalf;
+          }
+          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,
+            id: c,
+            label: column.name ?? column.id,
+            onAction: () => {},
+            onDelete: onDelete,
+            onDrop: onDrop,
+            dragPlaceholder: placeholder ? () => placeholder(c) : undefined,
+          };
+        } else {
+          return {
+            dragData: { [groupId]: c },
+            data: c,
+            draggable: true,
+            id: c.id,
+            label: c.name ?? c.id,
+            onAction: () => {},
+            onDelete: onDelete,
+            onDrop,
+            dragPlaceholder: placeholder ? () => placeholder(c) : undefined,
+          };
         }
+      })
+      .filter((c) => c !== null);
+  }, [
+    grid.api,
+    grid.state.rowGroupModel,
+    grid.state.rtl,
+    gridId,
+    hideColumnOnGroup,
+    orientation,
+    placeholder,
+    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;
 };