@progress/kendo-react-grid 7.3.0-develop.4 → 7.3.0

package/cells/GridSelectionCell.mjs

@@ -6,49 +6,65 @@
  *-------------------------------------------------------------------------------------------
  */
 "use client";
-import * as t from "react";
-import { getNestedValue as k } from "../utils/index.mjs";
-import { selectRow as r, messages as f } from "../messages/index.mjs";
-import { useLocalization as C } from "@progress/kendo-react-intl";
-import { useTableKeyboardNavigation as b } from "@progress/kendo-react-data-tools";
-import { useId as y } from "@progress/kendo-react-common";
-const I = (e) => {
-  const m = C(), u = t.useCallback(
-    (n) => {
-      e.selectionChange && e.selectionChange({ syntheticEvent: n });
+import * as e from "react";
+import { getNestedValue as v } from "../utils/index.mjs";
+import { selectRow as g, messages as R } from "../messages/index.mjs";
+import { useLocalization as T } from "@progress/kendo-react-intl";
+import { useTableKeyboardNavigation as z } from "@progress/kendo-react-data-tools";
+import { useId as L, classNames as V } from "@progress/kendo-react-common";
+const P = (a) => {
+  const {
+    selectionChange: o,
+    field: p,
+    dataItem: k,
+    id: b,
+    className: f,
+    colSpan: h,
+    style: C,
+    ariaColumnIndex: x,
+    rowType: l,
+    cells: N,
+    render: n
+  } = a, y = T(), I = e.useCallback(
+    (c) => {
+      o && o({ syntheticEvent: c });
     },
-    [e.selectionChange]
-  ), g = y(), c = k(e.field, e.dataItem), h = b(e.id), l = {
-    colSpan: e.colSpan,
-    style: e.style,
-    className: e.className,
-    "aria-colindex": e.ariaColumnIndex,
+    [o]
+  ), S = L(), s = v(p, k), w = z(b), E = V(
+    "k-table-td",
+    f
+  ), r = {
+    colSpan: h,
+    style: C,
+    className: E,
+    "aria-colindex": x,
     role: "gridcell",
-    ...h
-  }, o = typeof c == "boolean" && c, i = /* @__PURE__ */ t.createElement("span", { key: 1, className: "k-checkbox-wrap" }, /* @__PURE__ */ t.createElement(
+    ...w
+  }, i = typeof s == "boolean" && s, d = /* @__PURE__ */ e.createElement("span", { key: 1, className: "k-checkbox-wrap" }, /* @__PURE__ */ e.createElement(
     "input",
     {
-      id: g,
+      id: S,
+      tabIndex: -1,
       type: "checkbox",
       className: "k-checkbox k-checkbox-md k-rounded-md",
-      "aria-label": m.toLanguageString(r, f[r]),
-      "aria-checked": o,
-      checked: o,
-      onChange: u
+      "aria-label": y.toLanguageString(g, R[g]),
+      "aria-checked": i,
+      checked: i,
+      onChange: I
     }
-  )), s = e.rowType !== "groupHeader" ? /* @__PURE__ */ t.createElement(
+  )), m = l !== "groupHeader" ? /* @__PURE__ */ e.createElement(
     "td",
     {
-      ...l
+      ...r
     },
-    i
-  ) : null, d = e.rowType || "data", a = e.cells;
-  if (a && a.select && a.select[d]) {
-    const n = a.select[d];
-    return /* @__PURE__ */ t.createElement(n, { ...e, tdProps: l }, i);
+    d
+  ) : null, u = l || "data", t = N;
+  if (t && t.select && t.select[u]) {
+    const c = t.select[u];
+    return /* @__PURE__ */ e.createElement(c, { ...a, tdProps: r }, d);
   }
-  return e.render ? e.render.call(void 0, s, e) : s;
+  return n ? n.call(void 0, m, a) : m;
 };
 export {
-  I as GridSelectionCell
+  P as GridSelectionCell
 };