@progress/kendo-react-grid 14.4.1-develop.1 → 14.4.1-develop.10

package/cells/selectioncell/useSelectionCellClientTdProps.d.ts

@@ -12,12 +12,14 @@ import * as React from 'react';
  */
 export declare const useSelectionCellClientTdProps: (props: GridCellProps) => {
     onContextMenu: (event: React.MouseEvent<HTMLElement, MouseEvent>) => void;
+    onKeyDown: (event: React.KeyboardEvent<HTMLTableCellElement>) => void;
     style: any;
     tabIndex?: undefined;
     "data-keyboardnavlevel"?: undefined;
     "data-keyboardnavid"?: undefined;
 } | {
     onContextMenu: (event: React.MouseEvent<HTMLElement, MouseEvent>) => void;
+    onKeyDown: (event: React.KeyboardEvent<HTMLTableCellElement>) => void;
     style: any;
     tabIndex: number;
     "data-keyboardnavlevel": number;

package/cells/selectioncell/useSelectionCellClientTdProps.js

@@ -6,4 +6,4 @@
  *-------------------------------------------------------------------------------------------
  */
 "use client";
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("@progress/kendo-react-data-tools"),t=require("../hooks.js"),s=e=>{const n=l.useTableKeyboardNavigation(e.id),o=t.useContextMenuHandler(e.dataItem,e.field),i=t.usePositionStyle(e);return{...n,onContextMenu:o,style:i}};exports.useSelectionCellClientTdProps=s;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("react"),s=require("../../utils/GridContext.js"),m=require("@progress/kendo-react-data-tools"),c=require("@progress/kendo-react-common"),i=require("../hooks.js");function y(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const n in e)if(n!=="default"){const o=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,o.get?o:{enumerable:!0,get:()=>e[n]})}}return t.default=e,Object.freeze(t)}const l=y(d),C=e=>{const t=l.useContext(s.GridContext),n=m.useTableKeyboardNavigation(e.id),o=i.useContextMenuHandler(e.dataItem,e.field),u=i.usePositionStyle(e),r=l.useCallback(a=>{(a.keyCode===c.Keys.enter||a.keyCode===c.Keys.space)&&(t==null||t.selectionChange({event:a,dataItem:e.dataItem,dataIndex:e.rowDataIndex,columnIndex:e.columnIndex}))},[t,e.dataItem,e.rowDataIndex,e.columnIndex]);return{...n,onContextMenu:o,onKeyDown:r,style:u}};exports.useSelectionCellClientTdProps=C;

package/cells/selectioncell/useSelectionCellClientTdProps.mjs

@@ -6,16 +6,30 @@
  *-------------------------------------------------------------------------------------------
  */
 "use client";
-import { useTableKeyboardNavigation as i } from "@progress/kendo-react-data-tools";
-import { useContextMenuHandler as a, usePositionStyle as l } from "../hooks.mjs";
-const u = (t) => {
-  const e = i(t.id), n = a(t.dataItem, t.field), o = l(t);
+import * as o from "react";
+import { GridContext as c } from "../../utils/GridContext.mjs";
+import { useTableKeyboardNavigation as u } from "@progress/kendo-react-data-tools";
+import { Keys as a } from "@progress/kendo-react-common";
+import { useContextMenuHandler as r, usePositionStyle as s } from "../hooks.mjs";
+const y = (e) => {
+  const t = o.useContext(c), d = u(e.id), i = r(e.dataItem, e.field), m = s(e), l = o.useCallback(
+    (n) => {
+      (n.keyCode === a.enter || n.keyCode === a.space) && (t == null || t.selectionChange({
+        event: n,
+        dataItem: e.dataItem,
+        dataIndex: e.rowDataIndex,
+        columnIndex: e.columnIndex
+      }));
+    },
+    [t, e.dataItem, e.rowDataIndex, e.columnIndex]
+  );
   return {
-    ...e,
-    onContextMenu: n,
-    style: o
+    ...d,
+    onContextMenu: i,
+    onKeyDown: l,
+    style: m
   };
 };
 export {
-  u as useSelectionCellClientTdProps
+  y as useSelectionCellClientTdProps
 };