@progress/kendo-react-grid 9.3.1 → 9.4.0-develop.10

package/cells/GridEditCell.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 N=require("react"),b=require("../utils/index.js"),_=require("@progress/kendo-react-inputs"),h=require("@progress/kendo-react-dateinputs"),E=require("@progress/kendo-react-common"),I=require("@progress/kendo-react-data-tools"),C=require("../constants/index.js");function S(e){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const d in e)if(d!=="default"){const o=Object.getOwnPropertyDescriptor(e,d);Object.defineProperty(n,d,o.get?o:{enumerable:!0,get:()=>e[d]})}}return n.default=e,Object.freeze(n)}const t=S(N),y=e=>{const n=b.getNestedValue(e.field,e.dataItem),d=E.useUnstyled(),o=d&&d.uGrid?d.uGrid:E.uGrid;let i=null;const m=E.classNames(o.editTd({selected:e.isSelected}),e.className),x=E.useId(),r=I.useTableKeyboardNavigation(e.id);let l=null,c=null;const g=t.useCallback(a=>{if(e.onChange){const k=a.target.type==="checkbox"?a.target.checked:a.target.value;e.onChange({dataItem:e.dataItem,dataIndex:e.dataIndex,field:e.field,syntheticEvent:a,value:k})}},[e.onChange,e.dataItem,e.dataIndex,e.field]),s=t.useCallback(a=>{e.onContextMenu&&e.onContextMenu.call(void 0,a,e.dataItem,e.field)},[e.onContextMenu,e.dataItem,e.field]),T=t.useCallback(a=>{e.onChange&&e.onChange({dataItem:e.dataItem,dataIndex:e.dataIndex,field:e.field,syntheticEvent:a.syntheticEvent,value:a.value})},[e.onChange,e.dataItem,e.dataIndex,e.field]);switch(e.editor){case"numeric":{l={onContextMenu:s,colSpan:e.colSpan,style:e.style,className:m,"aria-colindex":e.ariaColumnIndex,"aria-selected":e.isSelected,[C.GRID_COL_INDEX_ATTRIBUTE]:e.columnIndex,role:"gridcell",...r},c=t.createElement(_.NumericTextBox,{value:n===void 0?null:n,onChange:T,[I.TABLE_PREVENT_SELECTION_ELEMENT]:!0}),i=t.createElement("td",{...l},c);break}case"date":l={onContextMenu:s,colSpan:e.colSpan,style:e.style,className:m,"aria-colindex":e.ariaColumnIndex,"aria-selected":e.isSelected,[C.GRID_COL_INDEX_ATTRIBUTE]:e.columnIndex,role:"gridcell",...r},c=t.createElement(h.DatePicker,{value:n,onChange:T,[I.TABLE_PREVENT_SELECTION_ELEMENT]:!0}),i=t.createElement("td",{...l},c);break;case"boolean":l={onContextMenu:s,colSpan:e.colSpan,style:e.style,className:m,"aria-colindex":e.ariaColumnIndex,"aria-selected":e.isSelected,[C.GRID_COL_INDEX_ATTRIBUTE]:e.columnIndex,role:"gridcell",...r},c=[t.createElement("span",{key:1,className:"k-checkbox-wrap"},t.createElement("input",{checked:n||!1,id:x,type:"checkbox",className:"k-checkbox k-checkbox-md k-rounded-md",onChange:g})),t.createElement("label",{className:"k-checkbox-label",htmlFor:x,key:2})],i=t.createElement("td",{...l},c);break;default:l={onContextMenu:s,colSpan:e.colSpan,style:e.style,className:m,"aria-colindex":e.ariaColumnIndex,"aria-selected":e.isSelected,[C.GRID_COL_INDEX_ATTRIBUTE]:e.columnIndex,role:"gridcell",...r},c=t.createElement("input",{style:{width:"100%"},className:"k-input",value:n||"",onChange:g,[I.TABLE_PREVENT_SELECTION_ELEMENT]:!0}),i=t.createElement("td",{...l},c)}const f=e.editor||"text",u=e.cells;if(u){let a;return u.edit&&u.edit[f]?a=u.edit[f]:u.data&&(a=u.data),t.createElement(a,{...e,tdProps:l},c)}return e.render?e.render.call(void 0,i,e):i};exports.GridEditCell=y;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const f=require("react"),u=require("../utils/index.js"),C=require("@progress/kendo-react-common"),g=require("../constants/index.js"),G=require("./client/GridEditCellEditor.js"),m=require("./client/GridEditCellContainer.js");function y(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const l in e)if(l!=="default"){const r=Object.getOwnPropertyDescriptor(e,l);Object.defineProperty(t,l,r.get?r:{enumerable:!0,get:()=>e[l]})}}return t.default=e,Object.freeze(t)}const i=y(f),S=e=>{const t=e.unstyled,l=t&&t.uGrid?t.uGrid:C.uGrid,r=C.classNames(l.editTd({selected:e.isSelected}),e.className),c={colSpan:e.colSpan,style:e.style,className:r,"aria-colindex":e.ariaColumnIndex,"aria-selected":e.isSelected,[g.GRID_COL_INDEX_ATTRIBUTE]:e.columnIndex,role:"gridcell"},d=u.getClientCellProps(e),o=i.createElement(G.GridEditCellEditor,{cellProps:d}),a=e.editor||"text",n=e.cells;if(n){let s;n.edit&&n.edit[a]?s=n.edit[a]:n.data&&(s=n.data);const E=u.isClientReference(s);return i.createElement(m.GridEditCellContainer,{cellProps:d,tdProps:c,isCustom:!0,isClient:E},i.createElement(s,{...d,tdProps:c},o))}return i.createElement(m.GridEditCellContainer,{cellProps:d,content:o,tdProps:c},i.createElement("td",{...c},o))};exports.GridEditCell=S;

package/cells/GridEditCell.mjs

@@ -5,139 +5,30 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use client";
-import * as a from "react";
-import { getNestedValue as E } from "../utils/index.mjs";
-import { NumericTextBox as b } from "@progress/kendo-react-inputs";
-import { DatePicker as N } from "@progress/kendo-react-dateinputs";
-import { useUnstyled as y, uGrid as S, classNames as v, useId as T } from "@progress/kendo-react-common";
-import { useTableKeyboardNavigation as _, TABLE_PREVENT_SELECTION_ELEMENT as I } from "@progress/kendo-react-data-tools";
+import * as l from "react";
+import { getClientCellProps as u, isClientReference as E } from "../utils/index.mjs";
+import { uGrid as f, classNames as G } from "@progress/kendo-react-common";
 import { GRID_COL_INDEX_ATTRIBUTE as x } from "../constants/index.mjs";
-const B = (e) => {
-  const i = E(e.field, e.dataItem), C = y(), h = C && C.uGrid ? C.uGrid : S;
-  let d = null;
-  const m = v(h.editTd({ selected: e.isSelected }), e.className), s = T(), u = _(e.id);
-  let l = null, n = null;
-  const f = a.useCallback(
-    (t) => {
-      if (e.onChange) {
-        const k = t.target.type === "checkbox" ? t.target.checked : t.target.value;
-        e.onChange({
-          dataItem: e.dataItem,
-          dataIndex: e.dataIndex,
-          field: e.field,
-          syntheticEvent: t,
-          value: k
-        });
-      }
-    },
-    [e.onChange, e.dataItem, e.dataIndex, e.field]
-  ), o = a.useCallback(
-    (t) => {
-      e.onContextMenu && e.onContextMenu.call(void 0, t, e.dataItem, e.field);
-    },
-    [e.onContextMenu, e.dataItem, e.field]
-  ), g = a.useCallback(
-    (t) => {
-      e.onChange && e.onChange({
-        dataItem: e.dataItem,
-        dataIndex: e.dataIndex,
-        field: e.field,
-        syntheticEvent: t.syntheticEvent,
-        value: t.value
-      });
-    },
-    [e.onChange, e.dataItem, e.dataIndex, e.field]
-  );
-  switch (e.editor) {
-    case "numeric": {
-      l = {
-        onContextMenu: o,
-        colSpan: e.colSpan,
-        style: e.style,
-        className: m,
-        "aria-colindex": e.ariaColumnIndex,
-        "aria-selected": e.isSelected,
-        [x]: e.columnIndex,
-        role: "gridcell",
-        ...u
-      }, n = /* @__PURE__ */ a.createElement(
-        b,
-        {
-          value: i === void 0 ? null : i,
-          onChange: g,
-          [I]: !0
-        }
-      ), d = /* @__PURE__ */ a.createElement("td", { ...l }, n);
-      break;
-    }
-    case "date":
-      l = {
-        onContextMenu: o,
-        colSpan: e.colSpan,
-        style: e.style,
-        className: m,
-        "aria-colindex": e.ariaColumnIndex,
-        "aria-selected": e.isSelected,
-        [x]: e.columnIndex,
-        role: "gridcell",
-        ...u
-      }, n = /* @__PURE__ */ a.createElement(N, { value: i, onChange: g, [I]: !0 }), d = /* @__PURE__ */ a.createElement("td", { ...l }, n);
-      break;
-    case "boolean":
-      l = {
-        onContextMenu: o,
-        colSpan: e.colSpan,
-        style: e.style,
-        className: m,
-        "aria-colindex": e.ariaColumnIndex,
-        "aria-selected": e.isSelected,
-        [x]: e.columnIndex,
-        role: "gridcell",
-        ...u
-      }, n = [
-        /* @__PURE__ */ a.createElement("span", { key: 1, className: "k-checkbox-wrap" }, /* @__PURE__ */ a.createElement(
-          "input",
-          {
-            checked: i || !1,
-            id: s,
-            type: "checkbox",
-            className: "k-checkbox k-checkbox-md k-rounded-md",
-            onChange: f
-          }
-        )),
-        /* @__PURE__ */ a.createElement("label", { className: "k-checkbox-label", htmlFor: s, key: 2 })
-      ], d = /* @__PURE__ */ a.createElement("td", { ...l }, n);
-      break;
-    default:
-      l = {
-        onContextMenu: o,
-        colSpan: e.colSpan,
-        style: e.style,
-        className: m,
-        "aria-colindex": e.ariaColumnIndex,
-        "aria-selected": e.isSelected,
-        [x]: e.columnIndex,
-        role: "gridcell",
-        ...u
-      }, n = /* @__PURE__ */ a.createElement(
-        "input",
-        {
-          style: { width: "100%" },
-          className: "k-input",
-          value: i || "",
-          onChange: f,
-          [I]: !0
-        }
-      ), d = /* @__PURE__ */ a.createElement("td", { ...l }, n);
+import { GridEditCellEditor as I } from "./client/GridEditCellEditor.mjs";
+import { GridEditCellContainer as o } from "./client/GridEditCellContainer.mjs";
+const T = (e) => {
+  const c = e.unstyled, a = c && c.uGrid ? c.uGrid : f, m = G(a.editTd({ selected: e.isSelected }), e.className), i = {
+    colSpan: e.colSpan,
+    style: e.style,
+    className: m,
+    "aria-colindex": e.ariaColumnIndex,
+    "aria-selected": e.isSelected,
+    [x]: e.columnIndex,
+    role: "gridcell"
+  }, n = u(e), d = /* @__PURE__ */ l.createElement(I, { cellProps: n }), r = e.editor || "text", t = e.cells;
+  if (t) {
+    let s;
+    t.edit && t.edit[r] ? s = t.edit[r] : t.data && (s = t.data);
+    const C = E(s);
+    return /* @__PURE__ */ l.createElement(o, { cellProps: n, tdProps: i, isCustom: !0, isClient: C }, /* @__PURE__ */ l.createElement(s, { ...n, tdProps: i }, d));
   }
-  const r = e.editor || "text", c = e.cells;
-  if (c) {
-    let t;
-    return c.edit && c.edit[r] ? t = c.edit[r] : c.data && (t = c.data), /* @__PURE__ */ a.createElement(t, { ...e, tdProps: l }, n);
-  }
-  return e.render ? e.render.call(void 0, d, e) : d;
+  return /* @__PURE__ */ l.createElement(o, { cellProps: n, content: d, tdProps: i }, /* @__PURE__ */ l.createElement("td", { ...i }, d));
 };
 export {
-  B as GridEditCell
+  T as GridEditCell
 };

package/cells/GridFilterCell.js

@@ -5,4 +5,5 @@
  * 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 z=require("react"),D=require("@progress/kendo-react-buttons"),m=require("@progress/kendo-react-dropdowns"),C=require("@progress/kendo-react-inputs"),E=require("@progress/kendo-react-dateinputs"),u=require("../messages/index.js"),O=require("@progress/kendo-react-intl"),h=require("@progress/kendo-svg-icons"),g=require("../filterCommon.js"),y=require("@progress/kendo-react-common");function L(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const c in e)if(c!=="default"){const s=Object.getOwnPropertyDescriptor(e,c);Object.defineProperty(t,c,s.get?s:{enumerable:!0,get:()=>e[c]})}}return t.default=e,Object.freeze(t)}const r=L(z),R=e=>{const t=r.useRef(),c=O.useLocalization(),s=()=>{if(e.filterType==="boolean")return;let n;const l=e.operators.find(o=>o.operator===e.operator)||null;return r.createElement(m.DropDownList,{ref:o=>n=o,size:e.size,value:l,onChange:b,className:"k-dropdown-operator",iconClassName:"k-i-filter k-icon",svgIcon:h.filterIcon,data:e.operators,textField:"text",title:c.toLanguageString(u.filterChooseOperator,u.messages[u.filterChooseOperator]),popupSettings:{width:"",onMouseDownOutside:function(o){!o.isAnchorClicked&&o.state&&o.state.props.show&&n&&n.togglePopup()}}})},d=(n,l)=>{g.cellInputChange(n,l,e)},b=n=>{g.cellOperatorChange(n,e.value,e.onChange)},k=n=>{g.cellBoolDropdownChange(n,e.onChange)},v=n=>{n.preventDefault(),e.onChange({value:"",operator:"",syntheticEvent:n}),t.current&&(t.current.element.value="",setTimeout(()=>{t.current.element.focus()},0))},w=(n,l,o)=>{switch(n){case"numeric":return r.createElement(C.NumericTextBox,{ref:t,size:e.size,value:l,onChange:a=>{d(a.value,a.syntheticEvent)},title:e.title,ariaLabel:e.ariaLabel});case"date":return r.createElement(E.DatePicker,{ref:t,size:e.size,value:l,onChange:a=>{d(a.value,a.syntheticEvent)},title:e.title,ariaLabel:e.ariaLabel,popupSettings:{onMouseDownOutside:a=>{!a.isAnchorClicked&&a.state&&a.state.props.show&&t&&t.current.togglePopup()}}});case"boolean":{const a=i=>i==null;return r.createElement(m.DropDownList,{ref:t,size:e.size,onChange:k,value:o.find(i=>i.operator===(a(l)?"":l)),data:o,textField:"text",title:e.title,ariaLabel:e.ariaLabel,popupSettings:{onMouseDownOutside:i=>{!i.isAnchorClicked&&i.state&&i.state.props.show&&t&&t.current.togglePopup()}}})}default:return r.createElement(C.TextBox,{ref:t,size:e.size,value:l||"",onChange:a=>{d(a.target.value,a.syntheticEvent)},title:e.title,"aria-label":e.ariaLabel})}},f=r.createElement("div",{className:"k-filtercell"},r.createElement("div",{className:"k-filtercell-wrapper"},w(e.filterType,e.value,e.booleanValues),r.createElement("div",{className:"k-filtercell-operator"},s()," ",r.createElement(D.Button,{size:e.size,icon:"filter-clear",svgIcon:h.filterClearIcon,className:y.classNames({"k-clear-button-visible":!!(!(e.value===null||e.value==="")||e.operator)}),title:c.toLanguageString(u.filterClearButton,u.messages[u.filterClearButton]),type:"button",onClick:v,disabled:!(!(e.value===null||e.value==="")||e.operator)}))));return e.render?e.render.call(void 0,f,e):f};exports.GridFilterCell=R;
+"use client";
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const z=require("react"),D=require("@progress/kendo-react-buttons"),m=require("@progress/kendo-react-dropdowns"),C=require("@progress/kendo-react-inputs"),E=require("@progress/kendo-react-dateinputs"),u=require("../messages/index.js"),O=require("@progress/kendo-react-intl"),h=require("@progress/kendo-svg-icons"),g=require("../filterCommon.js"),y=require("@progress/kendo-react-common");function L(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const c in e)if(c!=="default"){const s=Object.getOwnPropertyDescriptor(e,c);Object.defineProperty(t,c,s.get?s:{enumerable:!0,get:()=>e[c]})}}return t.default=e,Object.freeze(t)}const r=L(z),R=e=>{const t=r.useRef(),c=O.useLocalization(),s=()=>{if(e.filterType==="boolean")return;let n;const l=e.operators.find(o=>o.operator===e.operator)||null;return r.createElement(m.DropDownList,{ref:o=>n=o,size:e.size,value:l,onChange:b,className:"k-dropdown-operator",iconClassName:"k-i-filter k-icon",svgIcon:h.filterIcon,data:e.operators,textField:"text",title:c.toLanguageString(u.filterChooseOperator,u.messages[u.filterChooseOperator]),popupSettings:{width:"",onMouseDownOutside:function(o){!o.isAnchorClicked&&o.state&&o.state.props.show&&n&&n.togglePopup()}}})},d=(n,l)=>{g.cellInputChange(n,l,e)},b=n=>{g.cellOperatorChange(n,e.value,e.onChange)},k=n=>{g.cellBoolDropdownChange(n,e.onChange)},v=n=>{n.preventDefault(),e.onChange({value:"",operator:"",syntheticEvent:n}),t.current&&(t.current.element.value="",setTimeout(()=>{t.current.element.focus()},0))},w=(n,l,o)=>{switch(n){case"numeric":return r.createElement(C.NumericTextBox,{ref:t,size:e.size,value:l,onChange:a=>{d(a.value,a.syntheticEvent)},title:e.title,ariaLabel:e.ariaLabel});case"date":return r.createElement(E.DatePicker,{ref:t,size:e.size,value:l,onChange:a=>{d(a.value,a.syntheticEvent)},title:e.title,ariaLabel:e.ariaLabel,popupSettings:{onMouseDownOutside:a=>{!a.isAnchorClicked&&a.state&&a.state.props.show&&t&&t.current.togglePopup()}}});case"boolean":{const a=i=>i==null;return r.createElement(m.DropDownList,{ref:t,size:e.size,onChange:k,value:o.find(i=>i.operator===(a(l)?"":l)),data:o,textField:"text",title:e.title,ariaLabel:e.ariaLabel,popupSettings:{onMouseDownOutside:i=>{!i.isAnchorClicked&&i.state&&i.state.props.show&&t&&t.current.togglePopup()}}})}default:return r.createElement(C.TextBox,{ref:t,size:e.size,value:l||"",onChange:a=>{d(a.target.value,a.syntheticEvent)},title:e.title,"aria-label":e.ariaLabel})}},f=r.createElement("div",{className:"k-filtercell"},r.createElement("div",{className:"k-filtercell-wrapper"},w(e.filterType,e.value,e.booleanValues),r.createElement("div",{className:"k-filtercell-operator"},s()," ",r.createElement(D.Button,{size:e.size,icon:"filter-clear",svgIcon:h.filterClearIcon,className:y.classNames({"k-clear-button-visible":!!(!(e.value===null||e.value==="")||e.operator)}),title:c.toLanguageString(u.filterClearButton,u.messages[u.filterClearButton]),type:"button",onClick:v,disabled:!(!(e.value===null||e.value==="")||e.operator)}))));return e.render?e.render.call(void 0,f,e):f};exports.GridFilterCell=R;

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: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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const w=require("@progress/kendo-react-common"),E=require("react"),N=require("./client/GridGroupCellToggle.js"),p=require("./client/GridGroupCellContainer.js"),k=require("../utils/index.js");function O(e){const l=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(l,r,n.get?n:{enumerable:!0,get:()=>e[r]})}}return l.default=e,Object.freeze(l)}const o=O(E),R=e=>{const{columnIndex:l,level:r,columnsCount:n,rowType:G,dataItem:a,field:b,expanded:S,render:j,ariaColumnIndex:v}=e,c=b||"";let t=null,i=null,d=null,m=!1,s=!1,C=!1;const u=k.getClientCellProps(e);l===void 0||r===void 0||l<r||n===void 0||G!=="groupHeader"||a[c]===void 0?(s=!0,t={style:e.style,key:"g"+l,className:w.classNames("k-table-td","k-group-cell",{"k-grid-content-sticky":e.locked}),role:"gridcell"}):l===r&&(s=!0,t={className:"k-table-td",style:e.style,colSpan:n-l,key:"g-colspan",role:"gridcell","aria-selected":!1,"aria-expanded":S,"aria-colindex":v},d=o.createElement("p",{className:"k-reset"},o.createElement(N.GridGroupCellToggle,{...u}),a[c]instanceof Date&&a[c].toString?a[c].toString():a[c]),m=!0,e.locked&&(C=!0,t={...t,colSpan:0,style:{...e.style,position:"sticky",zIndex:2}},i={className:"k-table-td",role:"gridcell",colSpan:n-l,style:{borderLeftWidth:0,borderRightWidth:0}}));const f=e.rowType||"data",g=e.cells;if(g&&g.group&&g.group[f]){const y=g.group[f],T=k.isClientReference(y);return o.createElement(p.GridGroupCellContainer,{cellProps:u,tdProps:t,td2Props:i,isCustom:!0,isClient:T,addKeyDownHandler:!0},o.createElement(y,{...u,tdProps:t,td2Props:i},d))}const x=s?o.createElement("td",{...t,key:t==null?void 0:t.key},d):null;return o.createElement(p.GridGroupCellContainer,{cellProps:u,addKeyDownHandler:m,tdProps:t,td2Props:i,renderFirstCell:s,renderSecondCell:C,content:d},x)};exports.GridGroupCell=R;

package/cells/GridGroupCell.mjs

@@ -5,106 +5,70 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use client";
-import { Keys as K, classNames as L, IconWrap as T } from "@progress/kendo-react-common";
-import { useTableKeyboardNavigation as z } from "@progress/kendo-react-data-tools";
-import { useLocalization as P } from "@progress/kendo-react-intl";
-import { caretAltDownIcon as W, caretAltLeftIcon as F, caretAltRightIcon as G } from "@progress/kendo-svg-icons";
-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: 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) => {
-      l.isDefaultPrevented() || l.keyCode === K.enter && r && (l.preventDefault(), r({
-        dataItem: n,
-        dataIndex: f,
-        syntheticEvent: l,
-        field: void 0,
-        value: !o
-      }));
-    },
-    [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]
-  ), b = (l, R) => {
-    const E = o ? j : q, A = S.toLanguageString(E, H[E]);
-    return i = {
-      className: "k-table-td",
-      style: { ...e.style, ...R },
-      colSpan: l,
-      key: "g-colspan",
-      role: "gridcell",
-      "aria-selected": !1,
-      "aria-expanded": o,
-      "aria-colindex": N,
-      onKeyDown: M,
-      onContextMenu: k,
-      ...x
-    }, y = /* @__PURE__ */ t.createElement("p", { className: "k-reset" }, /* @__PURE__ */ t.createElement(
-      "a",
-      {
-        onClick: (h) => {
-          h.preventDefault(), r && r({
-            dataItem: n,
-            dataIndex: f,
-            syntheticEvent: h,
-            field: void 0,
-            value: !o
-          });
-        },
-        href: "#",
-        tabIndex: -1,
-        "aria-label": A
-      },
-      /* @__PURE__ */ t.createElement(
-        T,
-        {
-          name: o ? "caret-alt-down" : v ? "caret-alt-left" : "caret-alt-right",
-          icon: o ? W : v ? F : G
-        }
-      )
-    ), n[d] instanceof Date && n[d].toString ? n[d].toString() : n[d]), /* @__PURE__ */ t.createElement("td", { ...i, key: i.key }, y);
-  };
-  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("k-table-td", "k-group-cell", { "k-grid-content-sticky": e.locked }),
+import { classNames as v } from "@progress/kendo-react-common";
+import * as r from "react";
+import { GridGroupCellToggle as w } from "./client/GridGroupCellToggle.mjs";
+import { GridGroupCellContainer as k } from "./client/GridGroupCellContainer.mjs";
+import { getClientCellProps as N, isClientReference as I } from "../utils/index.mjs";
+const K = (l) => {
+  const { columnIndex: t, level: m, columnsCount: u, rowType: p, dataItem: n, field: S, expanded: x, render: R, ariaColumnIndex: E } = l, o = S || "";
+  let e = null, a = null, d = null, f = !1, c = !1, g = !1;
+  const i = N(l);
+  t === void 0 || m === void 0 || t < m || u === void 0 || p !== "groupHeader" || n[o] === void 0 ? (c = !0, e = {
+    style: l.style,
+    key: "g" + t,
+    className: v("k-table-td", "k-group-cell", { "k-grid-content-sticky": l.locked }),
+    role: "gridcell"
+  }) : t === m && (c = !0, e = {
+    className: "k-table-td",
+    style: l.style,
+    colSpan: u - t,
+    key: "g-colspan",
     role: "gridcell",
-    onContextMenu: k,
-    ...x
-  }, c = /* @__PURE__ */ t.createElement("td", { ...i, key: i.key })) : a <= s && !e.locked ? c = b(m - a, {}) : a <= s && e.locked && (g = {
+    "aria-selected": !1,
+    "aria-expanded": x,
+    "aria-colindex": E
+  }, d = /* @__PURE__ */ r.createElement("p", { className: "k-reset" }, /* @__PURE__ */ r.createElement(w, { ...i }), n[o] instanceof Date && n[o].toString ? n[o].toString() : n[o]), f = !0, l.locked && (g = !0, e = {
+    ...e,
+    colSpan: 0,
+    style: { ...l.style, position: "sticky", zIndex: 2 }
+  }, a = {
     className: "k-table-td",
     role: "gridcell",
-    colSpan: m - a,
-    style: { borderLeftWidth: 0, borderRightWidth: 0 },
-    onContextMenu: k
-  }, c = /* @__PURE__ */ t.createElement(t.Fragment, null, b(0, { position: "sticky", zIndex: 2 }), /* @__PURE__ */ t.createElement("td", { ...g })));
-  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);
+    colSpan: u - t,
+    style: { borderLeftWidth: 0, borderRightWidth: 0 }
+  }));
+  const y = l.rowType || "data", s = l.cells;
+  if (s && s.group && s.group[y]) {
+    const C = s.group[y], b = I(C);
+    return /* @__PURE__ */ r.createElement(
+      k,
+      {
+        cellProps: i,
+        tdProps: e,
+        td2Props: a,
+        isCustom: !0,
+        isClient: b,
+        addKeyDownHandler: !0
+      },
+      /* @__PURE__ */ r.createElement(C, { ...i, tdProps: e, td2Props: a }, d)
+    );
   }
-  return C ? C.call(void 0, c, e) : c;
+  const G = c ? /* @__PURE__ */ r.createElement("td", { ...e, key: e == null ? void 0 : e.key }, d) : null;
+  return /* @__PURE__ */ r.createElement(
+    k,
+    {
+      cellProps: i,
+      addKeyDownHandler: f,
+      tdProps: e,
+      td2Props: a,
+      renderFirstCell: c,
+      renderSecondCell: g,
+      content: d
+    },
+    G
+  );
 };
 export {
-  V as GridGroupCell
+  K as GridGroupCell
 };

package/cells/GridHierarchyCell.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 I=require("react"),b=require("../utils/index.js"),C=require("@progress/kendo-react-data-tools"),x=require("@progress/kendo-react-intl"),f=require("@progress/kendo-react-common"),d=require("../messages/index.js"),g=require("@progress/kendo-svg-icons");function k(e){const n=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(n,t,c.get?c:{enumerable:!0,get:()=>e[t]})}}return n.default=e,Object.freeze(n)}const i=k(I),v=e=>{let n=null,t=null,c=null;const l=b.getNestedValue(e.field,e.dataItem),o=C.useTableKeyboardNavigation(e.id),m=x.useLocalization(),y=i.useCallback(a=>{a.isDefaultPrevented()||a.keyCode===f.Keys.enter&&e.onChange&&(a.preventDefault(),e.onChange({dataItem:e.dataItem,dataIndex:e.dataIndex,syntheticEvent:a,field:e.field,value:!l}))},[e.dataItem,e.dataIndex,e.field,e.onChange,l]);if(e.rowType==="groupFooter")t={className:"k-table-td k-hierarchy-cell",role:"gridcell",...o},n=i.createElement("td",{...t});else if(e.rowType!=="groupHeader"){const a=l?d.detailCollapse:d.detailExpand,h=m.toLanguageString(a,d.messages[a]);t={className:"k-table-td k-hierarchy-cell",onKeyDown:y,"aria-expanded":!!l,role:"gridcell","aria-colindex":e.ariaColumnIndex,...o},c=i.createElement("a",{onClick:s=>{s.preventDefault(),e.onChange&&e.onChange({dataItem:e.dataItem,dataIndex:e.dataIndex,syntheticEvent:s,field:e.field,value:!l})},"aria-label":h,href:"#",tabIndex:-1},i.createElement(f.IconWrap,{name:l?"minus":"plus",icon:l?g.minusIcon:g.plusIcon})),n=i.createElement("td",{...t},c)}const u=e.rowType||"data",r=e.cells;if(r&&r.hierarchy&&r.hierarchy[u]){const a=r.hierarchy[u];return i.createElement(a,{...e,tdProps:t},c)}return e.render?e.render.call(void 0,n,e):n};exports.GridHierarchyCell=v;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const g=require("react"),d=require("../utils/index.js"),u=require("./client/GridHierarchyCellContainer.js"),C=require("./client/GridHierarchyCellToggle.js");function f(e){const l=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const t=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(l,r,t.get?t:{enumerable:!0,get:()=>e[r]})}}return l.default=e,Object.freeze(l)}const n=f(g),h=e=>{let l=null,r=null,t=null;const c=d.getClientCellProps(e),s=e.expanded;e.rowType==="groupFooter"?r={className:"k-table-td k-hierarchy-cell",role:"gridcell"}:e.rowType!=="groupHeader"&&(r={className:"k-table-td k-hierarchy-cell",role:"gridcell","aria-expanded":!!s,"aria-colindex":e.ariaColumnIndex},t=n.createElement(C.GridHierarchyCellToggle,{...c}));const i=e.rowType||"data",a=e.cells;if(a&&a.hierarchy&&a.hierarchy[i]){const o=a.hierarchy[i],y=d.isClientReference(o);return n.createElement(u.GridHierarchyCellContainer,{cellProps:c,tdProps:r,isCustom:!0,isClient:y},n.createElement(o,{...c,tdProps:r},t))}return e.rowType!=="groupHeader"&&(l=n.createElement("td",{...r},t)),n.createElement(u.GridHierarchyCellContainer,{cellProps:c,content:t,tdProps:r},l)};exports.GridHierarchyCell=h;

package/cells/GridHierarchyCell.mjs

@@ -5,69 +5,29 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use client";
-import * as n from "react";
-import { getNestedValue as s } from "../utils/index.mjs";
-import { useTableKeyboardNavigation as h } from "@progress/kendo-react-data-tools";
-import { useLocalization as y } from "@progress/kendo-react-intl";
-import { Keys as I, IconWrap as C } from "@progress/kendo-react-common";
-import { messages as x, detailCollapse as b, detailExpand as E } from "../messages/index.mjs";
-import { minusIcon as k, plusIcon as v } from "@progress/kendo-svg-icons";
-const z = (e) => {
-  let i = null, l = null, r = null;
-  const t = s(e.field, e.dataItem), c = h(e.id), u = y(), f = n.useCallback(
-    (a) => {
-      a.isDefaultPrevented() || a.keyCode === I.enter && e.onChange && (a.preventDefault(), e.onChange({
-        dataItem: e.dataItem,
-        dataIndex: e.dataIndex,
-        syntheticEvent: a,
-        field: e.field,
-        value: !t
-      }));
-    },
-    [e.dataItem, e.dataIndex, e.field, e.onChange, t]
-  );
-  if (e.rowType === "groupFooter")
-    l = {
-      className: "k-table-td k-hierarchy-cell",
-      role: "gridcell",
-      ...c
-    }, i = /* @__PURE__ */ n.createElement("td", { ...l });
-  else if (e.rowType !== "groupHeader") {
-    const a = t ? b : E, g = u.toLanguageString(a, x[a]);
-    l = {
-      className: "k-table-td k-hierarchy-cell",
-      onKeyDown: f,
-      "aria-expanded": !!t,
-      role: "gridcell",
-      "aria-colindex": e.ariaColumnIndex,
-      ...c
-    }, r = /* @__PURE__ */ n.createElement(
-      "a",
-      {
-        onClick: (m) => {
-          m.preventDefault(), e.onChange && e.onChange({
-            dataItem: e.dataItem,
-            dataIndex: e.dataIndex,
-            syntheticEvent: m,
-            field: e.field,
-            value: !t
-          });
-        },
-        "aria-label": g,
-        href: "#",
-        tabIndex: -1
-      },
-      /* @__PURE__ */ n.createElement(C, { name: t ? "minus" : "plus", icon: t ? k : v })
-    ), i = /* @__PURE__ */ n.createElement("td", { ...l }, r);
+import * as l from "react";
+import { getClientCellProps as u, isClientReference as h } from "../utils/index.mjs";
+import { GridHierarchyCellContainer as d } from "./client/GridHierarchyCellContainer.mjs";
+import { GridHierarchyCellToggle as y } from "./client/GridHierarchyCellToggle.mjs";
+const x = (e) => {
+  let n = null, r = null, t = null;
+  const a = u(e), m = e.expanded;
+  e.rowType === "groupFooter" ? r = {
+    className: "k-table-td k-hierarchy-cell",
+    role: "gridcell"
+  } : e.rowType !== "groupHeader" && (r = {
+    className: "k-table-td k-hierarchy-cell",
+    role: "gridcell",
+    "aria-expanded": !!m,
+    "aria-colindex": e.ariaColumnIndex
+  }, t = /* @__PURE__ */ l.createElement(y, { ...a }));
+  const c = e.rowType || "data", i = e.cells;
+  if (i && i.hierarchy && i.hierarchy[c]) {
+    const o = i.hierarchy[c], s = h(o);
+    return /* @__PURE__ */ l.createElement(d, { cellProps: a, tdProps: r, isCustom: !0, isClient: s }, /* @__PURE__ */ l.createElement(o, { ...a, tdProps: r }, t));
   }
-  const o = e.rowType || "data", d = e.cells;
-  if (d && d.hierarchy && d.hierarchy[o]) {
-    const a = d.hierarchy[o];
-    return /* @__PURE__ */ n.createElement(a, { ...e, tdProps: l }, r);
-  }
-  return e.render ? e.render.call(void 0, i, e) : i;
+  return e.rowType !== "groupHeader" && (n = /* @__PURE__ */ l.createElement("td", { ...r }, t)), /* @__PURE__ */ l.createElement(d, { cellProps: a, content: t, tdProps: r }, n);
 };
 export {
-  z as GridHierarchyCell
+  x as GridHierarchyCell
 };

package/cells/GridRowReorderCell.js

@@ -0,0 +1,8 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2025 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("../constants/index.js"),s=require("../components/icons/reorder-row-svg.js"),i=require("./client/GridRowReorderContainer.js"),t=require("@progress/kendo-react-common"),R=e=>{const{...a}=e,r=e.unstyled,d=r&&r.uGrid?r.uGrid:t.uGrid,c=t.classNames(d.td({selected:e.isSelected,sorted:e.isSorted,alt:e.isAlt}),e.className),l={colSpan:e.colSpan,style:e.style,className:c,role:"gridcell","aria-colindex":e.ariaColumnIndex,"aria-selected":e.isSelected,[n.GRID_COL_INDEX_ATTRIBUTE]:e.columnIndex},o=t.classNames(l==null?void 0:l.className,["k-drag-cell",`${e.rowReorderable?"":"k-disabled"}`]);return React.createElement(i.GridRowReorderCellContainer,{rowReorderable:e.rowReorderable,cellProps:a},React.createElement("td",{...l,style:{touchAction:"none"},"aria-disabled":!e.rowReorderable,className:o},React.createElement(s.ReorderRowIcon,null)))};exports.GridRowReorderCell=R;

package/cells/GridRowReorderCell.mjs

@@ -0,0 +1,41 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2025 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { GRID_COL_INDEX_ATTRIBUTE as n } from "../constants/index.mjs";
+import { ReorderRowIcon as s } from "../components/icons/reorder-row-svg.mjs";
+import { GridRowReorderCellContainer as i } from "./client/GridRowReorderContainer.mjs";
+import { uGrid as m, classNames as t } from "@progress/kendo-react-common";
+const N = (e) => {
+  const { ...r } = e, a = e.unstyled, c = a && a.uGrid ? a.uGrid : m, d = t(
+    c.td({ selected: e.isSelected, sorted: e.isSorted, alt: e.isAlt }),
+    e.className
+  ), l = {
+    colSpan: e.colSpan,
+    style: e.style,
+    className: d,
+    role: "gridcell",
+    "aria-colindex": e.ariaColumnIndex,
+    "aria-selected": e.isSelected,
+    [n]: e.columnIndex
+  }, o = t(l == null ? void 0 : l.className, [
+    "k-drag-cell",
+    `${e.rowReorderable ? "" : "k-disabled"}`
+  ]);
+  return /* @__PURE__ */ React.createElement(i, { rowReorderable: e.rowReorderable, cellProps: r }, /* @__PURE__ */ React.createElement(
+    "td",
+    {
+      ...l,
+      style: { touchAction: "none" },
+      "aria-disabled": !e.rowReorderable,
+      className: o
+    },
+    /* @__PURE__ */ React.createElement(s, null)
+  ));
+};
+export {
+  N as GridRowReorderCell
+};

package/cells/GridSelectionCell.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 I=require("react"),T=require("../utils/index.js"),s=require("../messages/index.js"),j=require("@progress/kendo-react-intl"),v=require("@progress/kendo-react-data-tools"),f=require("@progress/kendo-react-common");function E(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const n in e)if(n!=="default"){const a=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,a.get?a:{enumerable:!0,get:()=>e[n]})}}return t.default=e,Object.freeze(t)}const c=E(I),P=e=>{const{selectionChange:t,field:n,dataItem:a,id:p,className:y,colSpan:C,style:h,ariaColumnIndex:S,rowType:r,cells:x,render:i}=e,N=j.useLocalization(),R=c.useCallback(l=>{t&&t({syntheticEvent:l})},[t]),O=f.useId(),d=T.getNestedValue(n,a),q=v.useTableKeyboardNavigation(p),w=f.classNames("k-table-td",y),u={colSpan:C,style:h,className:w,"aria-colindex":S,role:"gridcell",...q},m=typeof d=="boolean"&&d,g=c.createElement("span",{key:1,className:"k-checkbox-wrap"},c.createElement("input",{id:O,tabIndex:-1,type:"checkbox",className:"k-checkbox k-checkbox-md k-rounded-md","aria-label":N.toLanguageString(s.selectRow,s.messages[s.selectRow]),"aria-checked":m,checked:m,onChange:R})),b=r!=="groupHeader"?c.createElement("td",{...u},g):null,k=r||"data",o=x;if(o&&o.select&&o.select[k]){const l=o.select[k];return c.createElement(l,{...e,tdProps:u},g)}return i?i.call(void 0,b,e):b};exports.GridSelectionCell=P;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const y=require("react"),G=require("@progress/kendo-react-common"),O=require("./client/GridSelectionCellInput.js"),C=require("./client/GridSelectionCellContainer.js"),m=require("../utils/index.js");function P(e){const n=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(n,t,c.get?c:{enumerable:!0,get:()=>e[t]})}}return n.default=e,Object.freeze(n)}const l=P(y),j=e=>{const{className:n,colSpan:t,style:c,ariaColumnIndex:f,rowType:a,cells:S}=e,g=G.classNames("k-table-td",n),r={colSpan:t,style:c,className:g,"aria-colindex":f,role:"gridcell"},i=l.createElement(O.GridSelectionCellInput,{key:1,...e}),s=m.getClientCellProps(e),u=a||"data",o=S;if(o&&o.select&&o.select[u]){const d=o.select[u],b=m.isClientReference(d);return l.createElement(C.GridSelectionCellContainer,{cellProps:s,tdProps:r,isCustom:!0,isClient:b},l.createElement(d,{...s,tdProps:r},i))}const p=a!=="groupHeader"?l.createElement("td",{...r},i):null;return l.createElement(C.GridSelectionCellContainer,{cellProps:s,content:i,tdProps:r},p)};exports.GridSelectionCell=j;