@1771technologies/lytenyte-pro 1.0.0-beta.1 → 1.0.0-beta.10

package/dist/listbox/item.js

@@ -3,23 +3,27 @@ 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;
-            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.preventDefault();
-            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;
+      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.preventDefault();
+      ev.stopPropagation();
+      itemToFocus.focus();
+    },
+    ref: forwarded,
+    tabIndex: 0,
+    "data-ln-listbox-item": true,
+  });
 });

package/dist/listbox/panel.d.ts

@@ -1 +1,10 @@
-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,47 +4,73 @@ 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,6 +1,8 @@
 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,21 +1,27 @@
 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,21 +1,32 @@
 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,8 +1,12 @@
 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,114 +7,118 @@ 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);
+    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);
     });
-    // 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,
+    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 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] }));
+  }, [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,8 +9,7 @@ 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;
 }