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

package/dist/listbox/item.js

@@ -3,27 +3,23 @@ import { forwardRef } from "react";
 import { useListboxContext } from "./context";
 import { getTabbables } from "@1771technologies/lytenyte-dom-utils";
 export const Item = forwardRef(function Item(props, forwarded) {
-  const ctx = useListboxContext();
-  return _jsx("div", {
-    ...props,
-    role: "option",
-    onKeyDownCapture: (ev) => {
-      const next = ctx.rtl ? "ArrowLeft" : "ArrowRight";
-      const prev = ctx.rtl ? "ArrowRight" : "ArrowLeft";
-      if (ev.key !== next && ev.key !== prev) return;
-      ev.preventDefault();
-      const items = getTabbables(ev.currentTarget);
-      if (!items.length) return;
-      items.unshift(ev.currentTarget);
-      const index = items.findIndex((c) => document.activeElement === c);
-      const nextIndex = ev.key === next ? index + 1 : index - 1;
-      const itemToFocus = items[nextIndex];
-      if (!itemToFocus) return;
-      ev.stopPropagation();
-      itemToFocus.focus();
-    },
-    ref: forwarded,
-    tabIndex: 0,
-    "data-ln-listbox-item": true,
-  });
+    const ctx = useListboxContext();
+    return (_jsx("div", { ...props, role: "option", onKeyDownCapture: (ev) => {
+            const next = ctx.rtl ? "ArrowLeft" : "ArrowRight";
+            const prev = ctx.rtl ? "ArrowRight" : "ArrowLeft";
+            if (ev.key !== next && ev.key !== prev)
+                return;
+            ev.preventDefault();
+            const items = getTabbables(ev.currentTarget);
+            if (!items.length)
+                return;
+            items.unshift(ev.currentTarget);
+            const index = items.findIndex((c) => document.activeElement === c);
+            const nextIndex = ev.key === next ? index + 1 : index - 1;
+            const itemToFocus = items[nextIndex];
+            if (!itemToFocus)
+                return;
+            ev.stopPropagation();
+            itemToFocus.focus();
+        }, ref: forwarded, tabIndex: 0, "data-ln-listbox-item": true }));
 });

package/dist/listbox/panel.d.ts

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

package/dist/listbox/panel.js

@@ -4,73 +4,47 @@ import { useListboxContext } from "./context";
 import { useCombinedRefs } from "@1771technologies/lytenyte-react-hooks";
 import { getTabbables } from "@1771technologies/lytenyte-dom-utils";
 export const Panel = forwardRef(function Panel(props, forwarded) {
-  const [ref, setRef] = useState();
-  const combinedRef = useCombinedRefs(setRef, forwarded);
-  const ctx = useListboxContext();
-  useEffect(() => {
-    if (!ref) return;
-    const controller = new AbortController();
-    const isVert = ctx.orientation === "vertical";
-    const nextKey = isVert ? "ArrowDown" : ctx.rtl ? "ArrowLeft" : "ArrowRight";
-    const prevKey = isVert ? "ArrowUp" : ctx.rtl ? "ArrowRight" : "ArrowLeft";
-    ref.addEventListener(
-      "keydown",
-      (ev) => {
-        if (ev.key === "Tab") {
-          if (ref.contains(document.activeElement) || document.activeElement === ref) {
-            ref.inert = true;
-            setTimeout(() => {
-              ref.inert = false;
-            }, 10);
-          }
-        }
-        if (ev.key === nextKey) {
-          const items = getTabbables(ref).filter(
-            (c) => c.getAttribute("data-ln-listbox-item") === "true",
-          );
-          const currentIndex = items.findIndex(
-            (c) => c.contains(document.activeElement) || c === document.activeElement,
-          );
-          const focusItem = currentIndex === -1 ? items[0] : (items[currentIndex + 1] ?? items[0]);
-          if (!focusItem) return;
-          focusItem.focus();
-          ev.preventDefault();
-          ev.stopPropagation();
-        }
-        if (ev.key === prevKey) {
-          const items = getTabbables(ref).filter(
-            (c) => c.getAttribute("data-ln-listbox-item") === "true",
-          );
-          const currentIndex = items.findIndex(
-            (c) => c.contains(document.activeElement) || c === document.activeElement,
-          );
-          const focusItem =
-            currentIndex === -1 ? items.at(-1) : (items[currentIndex - 1] ?? items.at(-1));
-          if (!focusItem) return;
-          focusItem.focus();
-          ev.preventDefault();
-          ev.stopPropagation();
-        }
-      },
-      { signal: controller.signal },
-    );
-    return () => controller.abort();
-  }, [ctx.orientation, ctx.rtl, ref]);
-  return _jsxs("div", {
-    "aria-label": "Generic listbox with keyboard navigable items",
-    ...props,
-    ref: combinedRef,
-    "data-ln-listbox-panel": true,
-    role: "listbox",
-    tabIndex: 0,
-    children: [
-      props.children,
-      _jsx("div", {
-        "aria-label": "a presentational item that can be ignored",
-        tabIndex: 0,
-        onFocus: () => ref?.focus(),
-        role: "option",
-      }),
-    ],
-  });
+    const [ref, setRef] = useState();
+    const combinedRef = useCombinedRefs(setRef, forwarded);
+    const ctx = useListboxContext();
+    useEffect(() => {
+        if (!ref)
+            return;
+        const controller = new AbortController();
+        const isVert = ctx.orientation === "vertical";
+        const nextKey = isVert ? "ArrowDown" : ctx.rtl ? "ArrowLeft" : "ArrowRight";
+        const prevKey = isVert ? "ArrowUp" : ctx.rtl ? "ArrowRight" : "ArrowLeft";
+        ref.addEventListener("keydown", (ev) => {
+            if (ev.key === "Tab") {
+                if (ref.contains(document.activeElement) || document.activeElement === ref) {
+                    ref.inert = true;
+                    setTimeout(() => {
+                        ref.inert = false;
+                    }, 10);
+                }
+            }
+            if (ev.key === nextKey) {
+                const items = getTabbables(ref).filter((c) => c.getAttribute("data-ln-listbox-item") === "true");
+                const currentIndex = items.findIndex((c) => c.contains(document.activeElement) || c === document.activeElement);
+                const focusItem = currentIndex === -1 ? items[0] : (items[currentIndex + 1] ?? items[0]);
+                if (!focusItem)
+                    return;
+                focusItem.focus();
+                ev.preventDefault();
+                ev.stopPropagation();
+            }
+            if (ev.key === prevKey) {
+                const items = getTabbables(ref).filter((c) => c.getAttribute("data-ln-listbox-item") === "true");
+                const currentIndex = items.findIndex((c) => c.contains(document.activeElement) || c === document.activeElement);
+                const focusItem = currentIndex === -1 ? items.at(-1) : (items[currentIndex - 1] ?? items.at(-1));
+                if (!focusItem)
+                    return;
+                focusItem.focus();
+                ev.preventDefault();
+                ev.stopPropagation();
+            }
+        }, { signal: controller.signal });
+        return () => controller.abort();
+    }, [ctx.orientation, ctx.rtl, ref]);
+    return (_jsxs("div", { "aria-label": "Generic listbox with keyboard navigable items", ...props, ref: combinedRef, "data-ln-listbox-panel": true, role: "listbox", tabIndex: 0, children: [props.children, _jsx("div", { "aria-label": "a presentational item that can be ignored", tabIndex: 0, onFocus: () => ref?.focus(), role: "option" })] }));
 });

package/dist/listbox/root.d.ts

@@ -1,8 +1,6 @@
 import { type PropsWithChildren } from "react";
 export interface RootProps {
-  readonly orientation?: "horizontal" | "vertical";
-  readonly rtl?: boolean;
+    readonly orientation?: "horizontal" | "vertical";
+    readonly rtl?: boolean;
 }
-export declare function Root(
-  props: PropsWithChildren<RootProps>,
-): import("react/jsx-runtime").JSX.Element;
+export declare function Root(props: PropsWithChildren<RootProps>): import("react/jsx-runtime").JSX.Element;

package/dist/listbox/root.js

@@ -2,11 +2,11 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { useMemo } from "react";
 import { context } from "./context";
 export function Root(props) {
-  const value = useMemo(() => {
-    return {
-      orientation: props.orientation ?? "vertical",
-      rtl: props.rtl ?? false,
-    };
-  }, [props.orientation, props.rtl]);
-  return _jsx(context.Provider, { value: value, children: props.children });
+    const value = useMemo(() => {
+        return {
+            orientation: props.orientation ?? "vertical",
+            rtl: props.rtl ?? false,
+        };
+    }, [props.orientation, props.rtl]);
+    return _jsx(context.Provider, { value: value, children: props.children });
 }

package/dist/root/dialog-driver.js

@@ -1,27 +1,21 @@
 import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
 import { useGridRoot } from "../context";
 export function DialogDriver() {
-  const grid = useGridRoot().grid;
-  const openFrameState = grid.internal.dialogFrames.useValue();
-  const frames = grid.state.dialogFrames.useValue();
-  const frameIds = Object.keys(openFrameState);
-  const openFrames = frameIds
-    .map((c) => {
-      const frame = frames[c];
-      if (!frame) {
-        console.error(`Failed to find a dialog frame with id ${c}`);
-        return null;
-      }
-      return frame;
+    const grid = useGridRoot().grid;
+    const openFrameState = grid.internal.dialogFrames.useValue();
+    const frames = grid.state.dialogFrames.useValue();
+    const frameIds = Object.keys(openFrameState);
+    const openFrames = frameIds
+        .map((c) => {
+        const frame = frames[c];
+        if (!frame) {
+            console.error(`Failed to find a dialog frame with id ${c}`);
+            return null;
+        }
+        return frame;
     })
-    .filter((c) => c);
-  return _jsx(_Fragment, {
-    children: openFrames.map((frame, i) => {
-      return _jsx(
-        frame.component,
-        { frame: frame, grid: grid, context: openFrameState[frameIds[i]] },
-        frameIds[i],
-      );
-    }),
-  });
+        .filter((c) => c);
+    return (_jsx(_Fragment, { children: openFrames.map((frame, i) => {
+            return (_jsx(frame.component, { frame: frame, grid: grid, context: openFrameState[frameIds[i]] }, frameIds[i]));
+        }) }));
 }

package/dist/root/popover-driver.js

@@ -1,32 +1,21 @@
 import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
 import { useGridRoot } from "../context";
 export function PopoverDriver() {
-  const grid = useGridRoot().grid;
-  const openFrameState = grid.internal.popoverFrames.useValue();
-  const frames = grid.state.popoverFrames.useValue();
-  const frameIds = Object.keys(openFrameState);
-  const openFrames = frameIds
-    .map((c) => {
-      const frame = frames[c];
-      if (!frame) {
-        console.error(`Failed to find a dialog frame with id ${c}`);
-        return null;
-      }
-      return frame;
+    const grid = useGridRoot().grid;
+    const openFrameState = grid.internal.popoverFrames.useValue();
+    const frames = grid.state.popoverFrames.useValue();
+    const frameIds = Object.keys(openFrameState);
+    const openFrames = frameIds
+        .map((c) => {
+        const frame = frames[c];
+        if (!frame) {
+            console.error(`Failed to find a dialog frame with id ${c}`);
+            return null;
+        }
+        return frame;
     })
-    .filter((c) => c);
-  return _jsx(_Fragment, {
-    children: openFrames.map((frame, i) => {
-      return _jsx(
-        frame.component,
-        {
-          frame: frame,
-          grid: grid,
-          context: openFrameState[frameIds[i]].context,
-          target: openFrameState[frameIds[i]].target,
-        },
-        frameIds[i],
-      );
-    }),
-  });
+        .filter((c) => c);
+    return (_jsx(_Fragment, { children: openFrames.map((frame, i) => {
+            return (_jsx(frame.component, { frame: frame, grid: grid, context: openFrameState[frameIds[i]].context, target: openFrameState[frameIds[i]].target }, frameIds[i]));
+        }) }));
 }

package/dist/root/root.d.ts

@@ -1,12 +1,8 @@
 import { type PropsWithChildren } from "react";
 import type { Grid, GridEvents } from "../+types";
 export type RootProps<T> = {
-  readonly grid: Grid<T>;
+    readonly grid: Grid<T>;
 } & {
-  [k in keyof GridEvents<T> as `on${Capitalize<k>}`]: GridEvents<T>[k];
+    [k in keyof GridEvents<T> as `on${Capitalize<k>}`]: GridEvents<T>[k];
 };
-export declare function Root<T = any>({
-  grid,
-  children,
-  ...events
-}: PropsWithChildren<RootProps<T>>): import("react/jsx-runtime").JSX.Element;
+export declare function Root<T = any>({ grid, children, ...events }: PropsWithChildren<RootProps<T>>): import("react/jsx-runtime").JSX.Element;

package/dist/root/root.js

@@ -7,118 +7,114 @@ import { PopoverDriver } from "./popover-driver";
 import { CellSelectionDriver } from "../cell-selection/cell-selection-driver";
 import { hasAValidLicense } from "../license";
 export function Root({ grid, children, ...events }) {
-  useEffect(() => {
-    if (hasAValidLicense) return;
-    const existing = document.getElementById("lng1771-watermark");
-    if (existing) return;
-    const invalidLicenseWatermark = document.createElement("div");
-    invalidLicenseWatermark.style.position = "fixed";
-    invalidLicenseWatermark.style.bottom = "0px";
-    invalidLicenseWatermark.style.insetInlineEnd = "0px";
-    invalidLicenseWatermark.style.background = "rgb(255, 167, 167)";
-    invalidLicenseWatermark.style.color = "black";
-    invalidLicenseWatermark.style.fontSize = "1.2rem";
-    invalidLicenseWatermark.style.fontWeight = "bold";
-    invalidLicenseWatermark.style.border = "1px solid black";
-    invalidLicenseWatermark.style.padding = "16px";
-    invalidLicenseWatermark.innerHTML = `LyteNyte Grid PRO is being used for evaluation. 
+    useEffect(() => {
+        if (hasAValidLicense)
+            return;
+        const existing = document.getElementById("lng1771-watermark");
+        if (existing)
+            return;
+        const invalidLicenseWatermark = document.createElement("div");
+        invalidLicenseWatermark.style.position = "fixed";
+        invalidLicenseWatermark.style.bottom = "0px";
+        invalidLicenseWatermark.style.insetInlineEnd = "0px";
+        invalidLicenseWatermark.style.background = "rgb(255, 167, 167)";
+        invalidLicenseWatermark.style.color = "black";
+        invalidLicenseWatermark.style.fontSize = "1.2rem";
+        invalidLicenseWatermark.style.fontWeight = "bold";
+        invalidLicenseWatermark.style.border = "1px solid black";
+        invalidLicenseWatermark.style.padding = "16px";
+        invalidLicenseWatermark.innerHTML = `LyteNyte Grid PRO is being used for evaluation. 
       <a href="https://1771Technologies.com/pricing">Click here</a> to secure your license.`;
-    document.body.appendChild(invalidLicenseWatermark);
-    return () => invalidLicenseWatermark.remove();
-  }, []);
-  const onViewportChange = useEvent((bounds) => {
-    grid.state.viewport.set(element ?? null);
-    grid.state.viewportHeightOuter.set(bounds.height);
-    grid.state.viewportWidthOuter.set(bounds.width);
-    grid.state.viewportWidthInner.set(element?.clientWidth ?? 0);
-    grid.state.viewportHeightInner.set(element?.clientHeight ?? 0);
-  });
-  // Add event listeners in the standard react way
-  useEffect(() => {
-    const ev = Object.entries(events).map(([onName, fn]) => {
-      if (!onName.startsWith("on")) return;
-      const name = onName[2].toLowerCase() + onName.slice(3);
-      return grid.api.eventAddListener(name, fn);
+        document.body.appendChild(invalidLicenseWatermark);
+        return () => invalidLicenseWatermark.remove();
+    }, []);
+    const onViewportChange = useEvent((bounds) => {
+        grid.state.viewport.set(element ?? null);
+        grid.state.viewportHeightOuter.set(bounds.height);
+        grid.state.viewportWidthOuter.set(bounds.width);
+        grid.state.viewportWidthInner.set(element?.clientWidth ?? 0);
+        grid.state.viewportHeightInner.set(element?.clientHeight ?? 0);
     });
-    return () => ev.forEach((c) => c?.());
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [Object.values(events)]);
-  const [ref, bounds, , element] = useMeasure({
-    onChange: onViewportChange,
-  });
-  // Add css variables so that we can avoid re-renders
-  useEffect(() => {
-    return grid.state.widthTotal.watch(() => {
-      const vp = grid.state.viewport.get();
-      const width = grid.state.widthTotal.get();
-      if (!vp) return;
-      vp.style.setProperty("--lng-vp-total-width", `${width}px`);
+    // Add event listeners in the standard react way
+    useEffect(() => {
+        const ev = Object.entries(events).map(([onName, fn]) => {
+            if (!onName.startsWith("on"))
+                return;
+            const name = onName[2].toLowerCase() + onName.slice(3);
+            return grid.api.eventAddListener(name, fn);
+        });
+        return () => ev.forEach((c) => c?.());
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [Object.values(events)]);
+    const [ref, bounds, , element] = useMeasure({
+        onChange: onViewportChange,
     });
-  }, [grid]);
-  const internal = grid.internal;
-  // Listen to size changes of the window
-  useLayoutEffect(() => {
-    if (!element) return;
-    const obs = new ResizeObserver(() => {
-      grid.state.viewport.set(element ?? null);
-      grid.state.viewportHeightOuter.set(bounds.height);
-      grid.state.viewportWidthOuter.set(bounds.width);
-      grid.state.viewportWidthInner.set(element?.clientWidth ?? 0);
-      grid.state.viewportHeightInner.set(element?.clientHeight ?? 0);
-    });
-    obs.observe(element);
-    const controller = new AbortController();
-    element.addEventListener(
-      "scroll",
-      () => {
-        internal.xScroll.set(Math.abs(element.scrollLeft));
-        internal.yScroll.set(element.scrollTop);
-      },
-      { signal: controller.signal },
-    );
-    return () => {
-      obs.disconnect();
-      controller.abort();
-    };
-  }, [
-    bounds.height,
-    bounds.width,
-    element,
-    grid.state.viewport,
-    grid.state.viewportHeightInner,
-    grid.state.viewportHeightOuter,
-    grid.state.viewportWidthInner,
-    grid.state.viewportWidthOuter,
-    internal.xScroll,
-    internal.yScroll,
-  ]);
-  useEffect(() => {
-    return internal.focusActive.watch(() => {
-      const editActive = internal.editActivePos.get();
-      if (!editActive) return;
-      const focus = internal.focusActive.get();
-      if (focus?.kind !== "cell") {
-        grid.api.editEnd();
-      } else {
-        if (grid.api.editIsCellActive({ rowIndex: focus.rowIndex, column: focus.colIndex })) return;
-        grid.api.editEnd();
-      }
-    });
-  }, [grid.api, internal.editActivePos, internal.focusActive]);
-  const value = useMemo(() => {
-    return {
-      ref,
-      grid: grid,
-    };
-  }, [grid, ref]);
-  const cellSelectionMode = grid.state.cellSelectionMode.useValue();
-  return _jsxs(RootProvider, {
-    value: value,
-    children: [
-      _jsx(DialogDriver, {}),
-      _jsx(PopoverDriver, {}),
-      cellSelectionMode !== "none" && _jsx(CellSelectionDriver, {}),
-      children,
-    ],
-  });
+    // Add css variables so that we can avoid re-renders
+    useEffect(() => {
+        return grid.state.widthTotal.watch(() => {
+            const vp = grid.state.viewport.get();
+            const width = grid.state.widthTotal.get();
+            if (!vp)
+                return;
+            vp.style.setProperty("--lng-vp-total-width", `${width}px`);
+        });
+    }, [grid]);
+    const internal = grid.internal;
+    // Listen to size changes of the window
+    useLayoutEffect(() => {
+        if (!element)
+            return;
+        const obs = new ResizeObserver(() => {
+            grid.state.viewport.set(element ?? null);
+            grid.state.viewportHeightOuter.set(bounds.height);
+            grid.state.viewportWidthOuter.set(bounds.width);
+            grid.state.viewportWidthInner.set(element?.clientWidth ?? 0);
+            grid.state.viewportHeightInner.set(element?.clientHeight ?? 0);
+        });
+        obs.observe(element);
+        const controller = new AbortController();
+        element.addEventListener("scroll", () => {
+            internal.xScroll.set(Math.abs(element.scrollLeft));
+            internal.yScroll.set(element.scrollTop);
+        }, { signal: controller.signal });
+        return () => {
+            obs.disconnect();
+            controller.abort();
+        };
+    }, [
+        bounds.height,
+        bounds.width,
+        element,
+        grid.state.viewport,
+        grid.state.viewportHeightInner,
+        grid.state.viewportHeightOuter,
+        grid.state.viewportWidthInner,
+        grid.state.viewportWidthOuter,
+        internal.xScroll,
+        internal.yScroll,
+    ]);
+    useEffect(() => {
+        return internal.focusActive.watch(() => {
+            const editActive = internal.editActivePos.get();
+            if (!editActive)
+                return;
+            const focus = internal.focusActive.get();
+            if (focus?.kind !== "cell") {
+                grid.api.editEnd();
+            }
+            else {
+                if (grid.api.editIsCellActive({ rowIndex: focus.rowIndex, column: focus.colIndex }))
+                    return;
+                grid.api.editEnd();
+            }
+        });
+    }, [grid.api, internal.editActivePos, internal.focusActive]);
+    const value = useMemo(() => {
+        return {
+            ref,
+            grid: grid,
+        };
+    }, [grid, ref]);
+    const cellSelectionMode = grid.state.cellSelectionMode.useValue();
+    return (_jsxs(RootProvider, { value: value, children: [_jsx(DialogDriver, {}), _jsx(PopoverDriver, {}), cellSelectionMode !== "none" && _jsx(CellSelectionDriver, {}), children] }));
 }

package/dist/row-data-source-client/+types.d.ts

@@ -1,27 +1,27 @@
 export interface GroupItem<Data> {
-  readonly fn: (d: Data) => string | null | undefined;
+    readonly fn: (d: Data) => string | null | undefined;
 }
 export interface AggregationItem<Data> {
-  readonly fn: (d: Data[]) => unknown;
-  readonly name: string;
+    readonly fn: (d: Data[]) => unknown;
+    readonly name: string;
 }
 export interface LeafNode<Data> {
-  readonly kind: 1;
-  readonly id: string;
-  readonly data: Data;
-  readonly depth: number;
-  readonly parent: BranchNode<Data> | null;
+    readonly kind: 1;
+    readonly id: string;
+    readonly data: Data;
+    readonly depth: number;
+    readonly parent: BranchNode<Data> | null;
 }
 export interface BranchNode<Data> {
-  readonly kind: 2;
-  readonly depth: number;
-  readonly id: string;
-  readonly key: string;
-  readonly children: Map<string | null, TreeNode<Data>>;
-  readonly data: Record<string, unknown>;
-  readonly parent: BranchNode<Data> | null;
-  readonly leafIds: Set<string>;
-  readonly leafData: Data[];
+    readonly kind: 2;
+    readonly depth: number;
+    readonly id: string;
+    readonly key: string;
+    readonly children: Map<string | null, TreeNode<Data>>;
+    readonly data: Record<string, unknown>;
+    readonly parent: BranchNode<Data> | null;
+    readonly leafIds: Set<string>;
+    readonly leafData: Data[];
 }
 export type TreeNode<Data> = LeafNode<Data> | BranchNode<Data>;
 export type Root<Data> = Map<string | null, TreeNode<Data>>;

package/dist/row-data-source-client/built-ins/avg.js

@@ -9,7 +9,8 @@ import { sum } from "./sum.js";
  * avg([null, null]) // Returns 0
  */
 export function avg(data) {
-  if (!data.length) return 0;
-  const total = sum(data);
-  return total / data.length;
+    if (!data.length)
+        return 0;
+    const total = sum(data);
+    return total / data.length;
 }