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

package/dist/viewport/begin-editing.js

@@ -1,11 +1,15 @@
 export function beginEditing(grid, activator, init) {
-  const focusPos = grid.internal.focusActive.get();
-  const editMode = grid.state.editCellMode.get();
-  const editActivator = grid.state.editClickActivator.get();
-  if (focusPos?.kind !== "cell" || editMode === "readonly") return;
-  if (activator && editActivator !== activator) return;
-  const column = grid.api.columnByIndex(focusPos.colIndex);
-  if (!column) return;
-  if (grid.api.editIsCellActive({ column, rowIndex: focusPos.rowIndex })) return;
-  grid.api.editBegin({ column, rowIndex: focusPos.rowIndex, init });
+    const focusPos = grid.internal.focusActive.get();
+    const editMode = grid.state.editCellMode.get();
+    const editActivator = grid.state.editClickActivator.get();
+    if (focusPos?.kind !== "cell" || editMode === "readonly")
+        return;
+    if (activator && editActivator !== activator)
+        return;
+    const column = grid.api.columnByIndex(focusPos.colIndex);
+    if (!column)
+        return;
+    if (grid.api.editIsCellActive({ column, rowIndex: focusPos.rowIndex }))
+        return;
+    grid.api.editBegin({ column, rowIndex: focusPos.rowIndex, init });
 }

package/dist/viewport/viewport.d.ts

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

package/dist/viewport/viewport.js

@@ -2,99 +2,76 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
 import { forwardRef } from "react";
 import { useCombinedRefs } from "@1771technologies/lytenyte-react-hooks";
 import { useGridRoot } from "../context";
-import {
-  handleNavigationKeys,
-  handleSkipInner,
-  useFocusTracking,
-} from "@1771technologies/lytenyte-shared";
+import { handleNavigationKeys, handleSkipInner, useFocusTracking, } from "@1771technologies/lytenyte-shared";
 import { beginEditing } from "./begin-editing";
 export const Viewport = forwardRef(function Viewport({ children, style, ...props }, forwarded) {
-  const ctx = useGridRoot();
-  const ref = useCombinedRefs(ctx.ref, forwarded);
-  const vp = ctx.grid.state.viewport.useValue();
-  const width = ctx.grid.state.widthTotal.useValue();
-  const height = ctx.grid.state.heightTotal.useValue();
-  const rtl = ctx.grid.state.rtl.useValue();
-  const focused = useFocusTracking(vp, ctx.grid.internal.focusActive);
-  return _jsxs(_Fragment, {
-    children: [
-      _jsxs("div", {
-        tabIndex: 0,
-        ...props,
-        onKeyDown: (e) => {
-          handleSkipInner(e);
-          props.onKeyDown?.(e);
-          if (e.defaultPrevented || e.shiftKey) return;
-          const ds = ctx.grid.state.rowDataStore;
-          handleNavigationKeys(e, {
-            vp: ctx.grid.state.viewport.get(),
-            rowCount: ds.rowCount.get(),
-            topCount: ds.rowTopCount.get(),
-            centerCount: ds.rowCenterCount.get(),
-            columnCount: ctx.grid.state.columnMeta.get().columnsVisible.length,
-            focusActive: ctx.grid.internal.focusActive,
-            id: ctx.grid.state.gridId.get(),
-            layout: ctx.grid.internal.layout.get(),
-            rtl: ctx.grid.state.rtl.get(),
-            scrollIntoView: ctx.grid.api.scrollIntoView,
-          });
-          if (e.key === "Enter" || e.key.length === 1) {
-            // We use a timeout to avoid setting the value on clicks. This can happen when a user types
-            // a non-printable key.
-            setTimeout(() => {
-              beginEditing(ctx.grid, undefined, e.key === "Enter" ? undefined : e.key);
-            });
-          }
-          if (e.key === "Backspace" || e.key === "Delete") {
-            const focusPos = ctx.grid.internal.focusActive.get();
-            if (focusPos?.kind === "cell")
-              ctx.grid.api.editUpdate({
-                column: focusPos.colIndex,
-                rowIndex: focusPos.rowIndex,
-                value: null,
-              });
-          }
-        },
-        onClick: (e) => {
-          props.onClick?.(e);
-          if (e.defaultPrevented) return;
-          beginEditing(ctx.grid, "single");
-          if (ctx.grid.state.rowSelectionActivator.get() === "single-click")
-            ctx.grid.api.rowHandleSelect(e);
-        },
-        onDoubleClick: (e) => {
-          props.onDoubleClick?.(e);
-          if (e.defaultPrevented) return;
-          beginEditing(ctx.grid, "double-click");
-          if (ctx.grid.state.rowSelectionActivator.get() === "double-click")
-            ctx.grid.api.rowHandleSelect(e);
-        },
-        role: "grid",
-        ref: ref,
-        "data-ln-viewport": true,
-        style: {
-          ...style,
-          position: "relative",
-          display: "flex",
-          flexDirection: "column",
-          width: "100%",
-          height: "100%",
-          overflow: style?.overflow ?? "auto",
-          direction: rtl ? "rtl" : "ltr",
-        },
-        children: [vp && children, !vp && _jsx("div", { style: { width, height } })],
-      }),
-      !focused &&
-        _jsx("div", {
-          role: "none",
-          "data-ln-focus-capture": true,
-          onFocusCapture: (e) => {
-            e.preventDefault();
-            e.stopPropagation();
-            vp?.focus();
-          },
-          tabIndex: 0,
-        }),
-    ],
-  });
+    const ctx = useGridRoot();
+    const ref = useCombinedRefs(ctx.ref, forwarded);
+    const vp = ctx.grid.state.viewport.useValue();
+    const width = ctx.grid.state.widthTotal.useValue();
+    const height = ctx.grid.state.heightTotal.useValue();
+    const rtl = ctx.grid.state.rtl.useValue();
+    const focused = useFocusTracking(vp, ctx.grid.internal.focusActive);
+    return (_jsxs(_Fragment, { children: [_jsxs("div", { tabIndex: 0, ...props, onKeyDown: (e) => {
+                    handleSkipInner(e);
+                    props.onKeyDown?.(e);
+                    if (e.defaultPrevented || e.shiftKey)
+                        return;
+                    const ds = ctx.grid.state.rowDataStore;
+                    handleNavigationKeys(e, {
+                        vp: ctx.grid.state.viewport.get(),
+                        rowCount: ds.rowCount.get(),
+                        topCount: ds.rowTopCount.get(),
+                        centerCount: ds.rowCenterCount.get(),
+                        columnCount: ctx.grid.state.columnMeta.get().columnsVisible.length,
+                        focusActive: ctx.grid.internal.focusActive,
+                        id: ctx.grid.state.gridId.get(),
+                        layout: ctx.grid.internal.layout.get(),
+                        rtl: ctx.grid.state.rtl.get(),
+                        scrollIntoView: ctx.grid.api.scrollIntoView,
+                    });
+                    if (e.key === "Enter" || e.key.length === 1) {
+                        // We use a timeout to avoid setting the value on clicks. This can happen when a user types
+                        // a non-printable key.
+                        setTimeout(() => {
+                            beginEditing(ctx.grid, undefined, e.key === "Enter" ? undefined : e.key);
+                        });
+                    }
+                    if (e.key === "Backspace" || e.key === "Delete") {
+                        const focusPos = ctx.grid.internal.focusActive.get();
+                        if (focusPos?.kind === "cell")
+                            ctx.grid.api.editUpdate({
+                                column: focusPos.colIndex,
+                                rowIndex: focusPos.rowIndex,
+                                value: null,
+                            });
+                    }
+                }, onClick: (e) => {
+                    props.onClick?.(e);
+                    if (e.defaultPrevented)
+                        return;
+                    beginEditing(ctx.grid, "single");
+                    if (ctx.grid.state.rowSelectionActivator.get() === "single-click")
+                        ctx.grid.api.rowHandleSelect(e);
+                }, onDoubleClick: (e) => {
+                    props.onDoubleClick?.(e);
+                    if (e.defaultPrevented)
+                        return;
+                    beginEditing(ctx.grid, "double-click");
+                    if (ctx.grid.state.rowSelectionActivator.get() === "double-click")
+                        ctx.grid.api.rowHandleSelect(e);
+                }, role: "grid", ref: ref, "data-ln-viewport": true, style: {
+                    ...style,
+                    position: "relative",
+                    display: "flex",
+                    flexDirection: "column",
+                    width: "100%",
+                    height: "100%",
+                    overflow: style?.overflow ?? "auto",
+                    direction: rtl ? "rtl" : "ltr",
+                }, children: [vp && children, !vp && _jsx("div", { style: { width, height } })] }), !focused && (_jsx("div", { role: "none", "data-ln-focus-capture": true, onFocusCapture: (e) => {
+                    e.preventDefault();
+                    e.stopPropagation();
+                    vp?.focus();
+                }, tabIndex: 0 }))] }));
 });

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@1771technologies/lytenyte-pro",
   "description": "Blazingly fast headless React data grid with 100s of features.",
-  "version": "1.0.0-beta.36",
+  "version": "1.0.0-beta.37",
   "type": "module",
   "license": "COMMERCIAL",
   "files": [
@@ -49,12 +49,12 @@
   },
   "dependencies": {
     "@1771technologies/atom": "^1.0.2",
-    "@1771technologies/lytenyte-core": "1.0.0-beta.36",
-    "@1771technologies/lytenyte-dragon": "1.0.0-beta.36",
-    "@1771technologies/lytenyte-shared": "1.0.0-beta.36",
-    "@1771technologies/lytenyte-dom-utils": "1.0.0-beta.36",
-    "@1771technologies/lytenyte-js-utils": "1.0.0-beta.36",
-    "@1771technologies/lytenyte-react-hooks": "1.0.0-beta.36"
+    "@1771technologies/lytenyte-core": "1.0.0-beta.37",
+    "@1771technologies/lytenyte-dragon": "1.0.0-beta.37",
+    "@1771technologies/lytenyte-shared": "1.0.0-beta.37",
+    "@1771technologies/lytenyte-js-utils": "1.0.0-beta.37",
+    "@1771technologies/lytenyte-dom-utils": "1.0.0-beta.37",
+    "@1771technologies/lytenyte-react-hooks": "1.0.0-beta.37"
   },
   "peerDependencies": {
     "react": "^18.0.0 || ^19.0.0",