@progress/kendo-react-grid 7.5.0-develop.16 → 7.5.0-develop.18

package/cells/GridCell.js

@@ -5,4 +5,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const m=require("react"),f=require("../utils/index.js"),g=require("@progress/kendo-react-intl"),b=require("@progress/kendo-react-data-tools"),C=require("../constants/index.js"),y=require("@progress/kendo-react-common");function T(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const n in e)if(n!=="default"){const c=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,c.get?c:{enumerable:!0,get:()=>e[n]})}}return t.default=e,Object.freeze(t)}const o=T(m),I=e=>{let t=null;const n=g.useInternationalization(),c=b.useTableKeyboardNavigation(e.id),r=o.useCallback(a=>{e.onContextMenu&&e.onContextMenu.call(void 0,a,e.dataItem,e.field)},[e.onContextMenu,e.dataItem,e.field]);let l=null,d=null;if(e.rowType==="groupFooter")l={onContextMenu:r,className:e.className},t=o.createElement("td",{...l});else if(e.rowType!=="groupHeader"){if(e.field!==void 0){const i=f.getNestedValue(e.field,e.dataItem);i!=null&&(d=e.format?n.format(e.format,i):i.toString())}const a=y.classNames("k-table-td",e.className,{"k-selected":e.isSelected});l={onContextMenu:r,colSpan:e.colSpan,style:e.style,className:a,role:"gridcell","aria-colindex":e.ariaColumnIndex,"aria-selected":e.isSelected,[C.GRID_COL_INDEX_ATTRIBUTE]:e.columnIndex,...c},t=o.createElement("td",{...l},d)}const s=e.rowType||"data",u=e.cells;if(u&&u[s]){const a=u[s];return o.createElement(a,{...e,tdProps:l},d)}return e.render?e.render.call(void 0,t,e):t};exports.GridCell=I;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const m=require("react"),f=require("../utils/index.js"),g=require("@progress/kendo-react-intl"),b=require("@progress/kendo-react-data-tools"),C=require("../constants/index.js"),y=require("@progress/kendo-react-common");function T(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const n in e)if(n!=="default"){const l=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,l.get?l:{enumerable:!0,get:()=>e[n]})}}return t.default=e,Object.freeze(t)}const o=T(m),I=e=>{let t=null;const n=g.useInternationalization(),l=b.useTableKeyboardNavigation(e.id),r=o.useCallback(c=>{e.onContextMenu&&e.onContextMenu.call(void 0,c,e.dataItem,e.field)},[e.onContextMenu,e.dataItem,e.field]);let a=null,d=null;if(e.rowType==="groupFooter")a={onContextMenu:r,className:e.className,...l},t=o.createElement("td",{...a});else if(e.rowType!=="groupHeader"){if(e.field!==void 0){const i=f.getNestedValue(e.field,e.dataItem);i!=null&&(d=e.format?n.format(e.format,i):i.toString())}const c=y.classNames("k-table-td",e.className,{"k-selected":e.isSelected});a={onContextMenu:r,colSpan:e.colSpan,style:e.style,className:c,role:"gridcell","aria-colindex":e.ariaColumnIndex,"aria-selected":e.isSelected,[C.GRID_COL_INDEX_ATTRIBUTE]:e.columnIndex,...l},t=o.createElement("td",{...a},d)}const s=e.rowType||"data",u=e.cells;if(u&&u[s]){const c=u[s];return o.createElement(c,{...e,tdProps:a},d)}return e.render?e.render.call(void 0,t,e):t};exports.GridCell=I;

package/cells/GridCell.mjs

@@ -14,19 +14,20 @@ import { GRID_COL_INDEX_ATTRIBUTE as g } from "../constants/index.mjs";
 import { classNames as I } from "@progress/kendo-react-common";
 const S = (e) => {
   let n = null;
-  const u = s(), f = C(e.id), o = i.useCallback((l) => {
+  const f = s(), o = C(e.id), m = i.useCallback((l) => {
     e.onContextMenu && e.onContextMenu.call(void 0, l, e.dataItem, e.field);
   }, [e.onContextMenu, e.dataItem, e.field]);
   let t = null, c = null;
   if (e.rowType === "groupFooter")
     t = {
-      onContextMenu: o,
-      className: e.className
+      onContextMenu: m,
+      className: e.className,
+      ...o
     }, n = /* @__PURE__ */ i.createElement("td", { ...t });
   else if (e.rowType !== "groupHeader") {
     if (e.field !== void 0) {
       const a = r(e.field, e.dataItem);
-      a != null && (c = e.format ? u.format(e.format, a) : a.toString());
+      a != null && (c = e.format ? f.format(e.format, a) : a.toString());
     }
     const l = I(
       "k-table-td",
@@ -34,7 +35,7 @@ const S = (e) => {
       { "k-selected": e.isSelected }
     );
     t = {
-      onContextMenu: o,
+      onContextMenu: m,
       colSpan: e.colSpan,
       style: e.style,
       className: l,
@@ -42,12 +43,12 @@ const S = (e) => {
       "aria-colindex": e.ariaColumnIndex,
       "aria-selected": e.isSelected,
       [g]: e.columnIndex,
-      ...f
+      ...o
     }, n = /* @__PURE__ */ i.createElement("td", { ...t }, c);
   }
-  const m = e.rowType || "data", d = e.cells;
-  if (d && d[m]) {
-    const l = d[m];
+  const u = e.rowType || "data", d = e.cells;
+  if (d && d[u]) {
+    const l = d[u];
     return /* @__PURE__ */ i.createElement(l, { ...e, tdProps: t }, c);
   }
   return e.render ? e.render.call(void 0, n, e) : n;

package/cells/GridGroupCell.js

@@ -5,4 +5,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const b=require("@progress/kendo-react-common"),j=require("@progress/kendo-react-data-tools"),z=require("@progress/kendo-react-intl"),C=require("@progress/kendo-svg-icons"),A=require("react"),v=require("../messages/index.js");function G(e){const a=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const c=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(a,t,c.get?c:{enumerable:!0,get:()=>e[t]})}}return a.default=e,Object.freeze(a)}const n=G(A),K=e=>{let a=null;const{columnIndex:t,level:c,columnsCount:g,rowType:R,dataItem:o,field:w,onChange:d,expanded:r,render:x,dataIndex:f,ariaColumnIndex:M,isRtl:I}=e,s=w||"",N=j.useTableKeyboardNavigation(e.id),T=z.useLocalization();let i=null,m=null,y=null;const q=n.useCallback(l=>{l.isDefaultPrevented()||l.keyCode===b.Keys.enter&&d&&(l.preventDefault(),d({dataItem:o,dataIndex:f,syntheticEvent:l,field:void 0,value:!r}))},[r,d,o,f]),k=n.useCallback(l=>{e.onContextMenu&&e.onContextMenu.call(void 0,l,e.dataItem,e.field)},[e.onContextMenu,e.dataItem,e.field]),E=(l,O)=>{const D=r?v.groupCollapse:v.groupExpand,P=T.toLanguageString(D,v.messages[D]);return i={className:"k-table-td",style:{...e.style,...O},colSpan:l,key:"g-colspan",role:"gridcell","aria-selected":!1,"aria-expanded":r,"aria-colindex":M,onKeyDown:q,onContextMenu:k,...N},y=n.createElement("p",{className:"k-reset"},n.createElement("a",{onClick:h=>{h.preventDefault(),d&&d({dataItem:o,dataIndex:f,syntheticEvent:h,field:void 0,value:!r})},href:"#",tabIndex:-1,"aria-label":P},n.createElement(b.IconWrap,{name:r?"caret-alt-down":I?"caret-alt-left":"caret-alt-right",icon:r?C.caretAltDownIcon:I?C.caretAltLeftIcon:C.caretAltRightIcon})),o[s]instanceof Date&&o[s].toString?o[s].toString():o[s]),n.createElement("td",{...i,key:i.key},y)};t===void 0||c===void 0||t<c||g===void 0||R!=="groupHeader"||o[s]===void 0?(i={style:e.style,key:"g"+t,className:b.classNames("k-table-td","k-group-cell",{"k-grid-content-sticky":e.locked}),role:"gridcell",onContextMenu:k},a=n.createElement("td",{...i,key:i.key})):t<=c&&!e.locked?a=E(g-t,{}):t<=c&&e.locked&&(m={className:"k-table-td",role:"gridcell",colSpan:g-t,style:{borderLeftWidth:0,borderRightWidth:0},onContextMenu:k},a=n.createElement(n.Fragment,null,E(0,{position:"sticky",zIndex:2}),n.createElement("td",{...m})));const S=e.rowType||"data",u=e.cells;if(u&&u.group&&u.group[S]){const l=u.group[S];return n.createElement(l,{...e,tdProps:i,td2Props:m},y)}return x?x.call(void 0,a,e):a};exports.GridGroupCell=K;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const b=require("@progress/kendo-react-common"),j=require("@progress/kendo-react-data-tools"),z=require("@progress/kendo-react-intl"),C=require("@progress/kendo-svg-icons"),A=require("react"),v=require("../messages/index.js");function G(e){const a=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const c=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(a,t,c.get?c:{enumerable:!0,get:()=>e[t]})}}return a.default=e,Object.freeze(a)}const n=G(A),K=e=>{let a=null;const{columnIndex:t,level:c,columnsCount:g,rowType:w,dataItem:o,field:M,onChange:d,expanded:r,render:x,dataIndex:f,ariaColumnIndex:N,isRtl:I}=e,s=M||"",E=j.useTableKeyboardNavigation(e.id),T=z.useLocalization();let i=null,m=null,y=null;const q=n.useCallback(l=>{l.isDefaultPrevented()||l.keyCode===b.Keys.enter&&d&&(l.preventDefault(),d({dataItem:o,dataIndex:f,syntheticEvent:l,field:void 0,value:!r}))},[r,d,o,f]),k=n.useCallback(l=>{e.onContextMenu&&e.onContextMenu.call(void 0,l,e.dataItem,e.field)},[e.onContextMenu,e.dataItem,e.field]),S=(l,O)=>{const h=r?v.groupCollapse:v.groupExpand,P=T.toLanguageString(h,v.messages[h]);return i={className:"k-table-td",style:{...e.style,...O},colSpan:l,key:"g-colspan",role:"gridcell","aria-selected":!1,"aria-expanded":r,"aria-colindex":N,onKeyDown:q,onContextMenu:k,...E},y=n.createElement("p",{className:"k-reset"},n.createElement("a",{onClick:R=>{R.preventDefault(),d&&d({dataItem:o,dataIndex:f,syntheticEvent:R,field:void 0,value:!r})},href:"#",tabIndex:-1,"aria-label":P},n.createElement(b.IconWrap,{name:r?"caret-alt-down":I?"caret-alt-left":"caret-alt-right",icon:r?C.caretAltDownIcon:I?C.caretAltLeftIcon:C.caretAltRightIcon})),o[s]instanceof Date&&o[s].toString?o[s].toString():o[s]),n.createElement("td",{...i,key:i.key},y)};t===void 0||c===void 0||t<c||g===void 0||w!=="groupHeader"||o[s]===void 0?(i={style:e.style,key:"g"+t,className:b.classNames("k-table-td","k-group-cell",{"k-grid-content-sticky":e.locked}),role:"gridcell",onContextMenu:k,...E},a=n.createElement("td",{...i,key:i.key})):t<=c&&!e.locked?a=S(g-t,{}):t<=c&&e.locked&&(m={className:"k-table-td",role:"gridcell",colSpan:g-t,style:{borderLeftWidth:0,borderRightWidth:0},onContextMenu:k},a=n.createElement(n.Fragment,null,S(0,{position:"sticky",zIndex:2}),n.createElement("td",{...m})));const D=e.rowType||"data",u=e.cells;if(u&&u.group&&u.group[D]){const l=u.group[D];return n.createElement(l,{...e,tdProps:i,td2Props:m},y)}return x?x.call(void 0,a,e):a};exports.GridGroupCell=K;

package/cells/GridGroupCell.mjs

@@ -14,7 +14,7 @@ import * as t from "react";
 import { messages as H, groupCollapse as j, groupExpand as q } from "../messages/index.mjs";
 const V = (e) => {
   let c = null;
-  const { columnIndex: a, level: s, columnsCount: m, rowType: h, dataItem: n, field: w, onChange: r, expanded: o, render: C, dataIndex: f, ariaColumnIndex: D, isRtl: v } = e, d = w || "", N = z(e.id), S = P();
+  const { columnIndex: a, level: s, columnsCount: m, rowType: w, dataItem: n, field: D, onChange: r, expanded: o, render: C, dataIndex: f, ariaColumnIndex: N, isRtl: v } = e, d = D || "", x = z(e.id), S = P();
   let i = null, g = null, y = null;
   const M = t.useCallback(
     (l) => {
@@ -29,8 +29,8 @@ const V = (e) => {
     [o, r, n, f]
   ), k = t.useCallback((l) => {
     e.onContextMenu && e.onContextMenu.call(void 0, l, e.dataItem, e.field);
-  }, [e.onContextMenu, e.dataItem, e.field]), x = (l, R) => {
-    const I = o ? j : q, A = S.toLanguageString(I, H[I]);
+  }, [e.onContextMenu, e.dataItem, e.field]), b = (l, R) => {
+    const E = o ? j : q, A = S.toLanguageString(E, H[E]);
     return i = {
       className: "k-table-td",
       style: { ...e.style, ...R },
@@ -39,18 +39,18 @@ const V = (e) => {
       role: "gridcell",
       "aria-selected": !1,
       "aria-expanded": o,
-      "aria-colindex": D,
+      "aria-colindex": N,
       onKeyDown: M,
       onContextMenu: k,
-      ...N
+      ...x
     }, y = /* @__PURE__ */ t.createElement("p", { className: "k-reset" }, /* @__PURE__ */ t.createElement(
       "a",
       {
-        onClick: (E) => {
-          E.preventDefault(), r && r({
+        onClick: (h) => {
+          h.preventDefault(), r && r({
             dataItem: n,
             dataIndex: f,
-            syntheticEvent: E,
+            syntheticEvent: h,
             field: void 0,
             value: !o
           });
@@ -75,7 +75,7 @@ const V = (e) => {
       y
     );
   };
-  a === void 0 || s === void 0 || a < s || m === void 0 || h !== "groupHeader" || n[d] === void 0 ? (i = {
+  a === void 0 || s === void 0 || a < s || m === void 0 || w !== "groupHeader" || n[d] === void 0 ? (i = {
     style: e.style,
     key: "g" + a,
     className: L(
@@ -84,28 +84,29 @@ const V = (e) => {
       { "k-grid-content-sticky": e.locked }
     ),
     role: "gridcell",
-    onContextMenu: k
+    onContextMenu: k,
+    ...x
   }, c = /* @__PURE__ */ t.createElement(
     "td",
     {
       ...i,
       key: i.key
     }
-  )) : a <= s && !e.locked ? c = x(m - a, {}) : a <= s && e.locked && (g = {
+  )) : a <= s && !e.locked ? c = b(m - a, {}) : a <= s && e.locked && (g = {
     className: "k-table-td",
     role: "gridcell",
     colSpan: m - a,
     style: { borderLeftWidth: 0, borderRightWidth: 0 },
     onContextMenu: k
-  }, c = /* @__PURE__ */ t.createElement(t.Fragment, null, x(0, { position: "sticky", zIndex: 2 }), /* @__PURE__ */ t.createElement(
+  }, c = /* @__PURE__ */ t.createElement(t.Fragment, null, b(0, { position: "sticky", zIndex: 2 }), /* @__PURE__ */ t.createElement(
     "td",
     {
       ...g
     }
   )));
-  const b = e.rowType || "data", u = e.cells;
-  if (u && u.group && u.group[b]) {
-    const l = u.group[b];
+  const I = e.rowType || "data", u = e.cells;
+  if (u && u.group && u.group[I]) {
+    const l = u.group[I];
     return /* @__PURE__ */ t.createElement(l, { ...e, tdProps: i, td2Props: g }, y);
   }
   return C ? C.call(void 0, c, e) : c;