@progress/kendo-react-grid 11.0.0-develop.6 → 11.0.0-develop.8

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (138) hide show
  1. package/GridClientContextReader.js +1 -1
  2. package/GridClientContextReader.mjs +16 -13
  3. package/GridClientWrapper.js +1 -1
  4. package/GridClientWrapper.mjs +419 -421
  5. package/GridComponent.js +1 -1
  6. package/GridComponent.mjs +402 -395
  7. package/VirtualScroll.js +1 -1
  8. package/VirtualScroll.mjs +65 -107
  9. package/cells/GridDetailHierarchyCell.js +1 -1
  10. package/cells/GridDetailHierarchyCell.mjs +4 -4
  11. package/cells/datacell/GridCell.js +9 -0
  12. package/cells/datacell/GridCell.mjs +29 -0
  13. package/cells/datacell/GridCellServer.js +8 -0
  14. package/cells/datacell/GridCellServer.mjs +27 -0
  15. package/cells/datacell/GridCellServerContainer.js +9 -0
  16. package/cells/datacell/GridCellServerContainer.mjs +26 -0
  17. package/cells/datacell/useCellClientTdProps.js +9 -0
  18. package/cells/datacell/useCellClientTdProps.mjs +30 -0
  19. package/cells/datacell/utils.js +8 -0
  20. package/cells/datacell/utils.mjs +47 -0
  21. package/cells/detailcell/GridDetailCell.js +9 -0
  22. package/cells/detailcell/GridDetailCell.mjs +18 -0
  23. package/cells/detailcell/GridDetailCellServer.js +8 -0
  24. package/cells/detailcell/GridDetailCellServer.mjs +17 -0
  25. package/cells/detailcell/GridDetailCellServerContainer.js +9 -0
  26. package/cells/detailcell/GridDetailCellServerContainer.mjs +19 -0
  27. package/cells/detailcell/useDetailCellClientTdProps.js +9 -0
  28. package/cells/detailcell/useDetailCellClientTdProps.mjs +20 -0
  29. package/cells/detailcell/utils.js +8 -0
  30. package/cells/detailcell/utils.mjs +20 -0
  31. package/cells/editcell/GridEditCell.js +9 -0
  32. package/cells/editcell/GridEditCell.mjs +26 -0
  33. package/cells/editcell/GridEditCellServer.js +8 -0
  34. package/cells/editcell/GridEditCellServer.mjs +32 -0
  35. package/cells/editcell/GridEditCellServerContainer.js +9 -0
  36. package/cells/editcell/GridEditCellServerContainer.mjs +26 -0
  37. package/cells/editcell/useEditCellClientTdProps.js +9 -0
  38. package/cells/editcell/useEditCellClientTdProps.mjs +21 -0
  39. package/cells/editcell/utils.js +8 -0
  40. package/cells/editcell/utils.mjs +29 -0
  41. package/cells/groupcell/GridGroupCell.js +9 -0
  42. package/cells/groupcell/GridGroupCell.mjs +24 -0
  43. package/cells/groupcell/GridGroupCellServer.js +8 -0
  44. package/cells/groupcell/GridGroupCellServer.mjs +44 -0
  45. package/cells/groupcell/GridGroupCellServerContainer.js +9 -0
  46. package/cells/groupcell/GridGroupCellServerContainer.mjs +38 -0
  47. package/cells/groupcell/useGroupCellClientTdProps.js +9 -0
  48. package/cells/groupcell/useGroupCellClientTdProps.mjs +44 -0
  49. package/cells/groupcell/utils.js +8 -0
  50. package/cells/groupcell/utils.mjs +48 -0
  51. package/cells/hierarchycell/GridHierarchyCell.js +9 -0
  52. package/cells/hierarchycell/GridHierarchyCell.mjs +25 -0
  53. package/cells/hierarchycell/GridHierarchyCellServer.js +8 -0
  54. package/cells/hierarchycell/GridHierarchyCellServer.mjs +32 -0
  55. package/cells/hierarchycell/GridHierarchyCellServerContainer.js +9 -0
  56. package/cells/hierarchycell/GridHierarchyCellServerContainer.mjs +26 -0
  57. package/cells/hierarchycell/useHierarchyCellClientTdProps.js +9 -0
  58. package/cells/hierarchycell/useHierarchyCellClientTdProps.mjs +35 -0
  59. package/cells/hierarchycell/utils.js +8 -0
  60. package/cells/hierarchycell/utils.mjs +30 -0
  61. package/cells/hooks.js +9 -0
  62. package/cells/hooks.mjs +41 -0
  63. package/cells/rowreordercell/GridRowReorderCell.js +9 -0
  64. package/cells/rowreordercell/GridRowReorderCell.mjs +19 -0
  65. package/cells/rowreordercell/GridRowReorderCellServer.js +8 -0
  66. package/cells/rowreordercell/GridRowReorderCellServer.mjs +18 -0
  67. package/cells/rowreordercell/GridRowReorderCellServerContainer.js +9 -0
  68. package/cells/rowreordercell/GridRowReorderCellServerContainer.mjs +19 -0
  69. package/cells/rowreordercell/useRowReorderCellClientTdProps.js +9 -0
  70. package/cells/rowreordercell/useRowReorderCellClientTdProps.mjs +26 -0
  71. package/cells/rowreordercell/utils.js +8 -0
  72. package/cells/rowreordercell/utils.mjs +30 -0
  73. package/cells/selectioncell/GridSelectionCell.js +9 -0
  74. package/cells/selectioncell/GridSelectionCell.mjs +26 -0
  75. package/cells/selectioncell/GridSelectionCellServer.js +8 -0
  76. package/cells/selectioncell/GridSelectionCellServer.mjs +33 -0
  77. package/cells/selectioncell/GridSelectionCellServerContainer.js +9 -0
  78. package/cells/selectioncell/GridSelectionCellServerContainer.mjs +26 -0
  79. package/cells/selectioncell/useSelectionCellClientTdProps.js +9 -0
  80. package/cells/selectioncell/useSelectionCellClientTdProps.mjs +21 -0
  81. package/cells/selectioncell/utils.js +8 -0
  82. package/cells/selectioncell/utils.mjs +25 -0
  83. package/components/GridDraggableRowsContainer.js +1 -1
  84. package/components/GridDraggableRowsContainer.mjs +71 -67
  85. package/components/VirtualScrollHeightContainer.js +1 -1
  86. package/components/VirtualScrollHeightContainer.mjs +4 -4
  87. package/components/table/GridTableScrollable.js +1 -1
  88. package/components/table/GridTableScrollable.mjs +16 -15
  89. package/components/utils.js +1 -1
  90. package/components/utils.mjs +9 -10
  91. package/dist/cdn/js/kendo-react-grid.js +1 -1
  92. package/index.d.mts +19 -5
  93. package/index.d.ts +19 -5
  94. package/index.js +1 -1
  95. package/index.mjs +5 -5
  96. package/package-metadata.js +1 -1
  97. package/package-metadata.mjs +2 -2
  98. package/package.json +16 -16
  99. package/utils/index.js +1 -1
  100. package/utils/index.mjs +112 -104
  101. package/VirtualScrollFixed.js +0 -8
  102. package/VirtualScrollFixed.mjs +0 -52
  103. package/cells/GridCell.js +0 -8
  104. package/cells/GridCell.mjs +0 -52
  105. package/cells/GridDetailCell.js +0 -8
  106. package/cells/GridDetailCell.mjs +0 -26
  107. package/cells/GridEditCell.js +0 -8
  108. package/cells/GridEditCell.mjs +0 -35
  109. package/cells/GridGroupCell.js +0 -8
  110. package/cells/GridGroupCell.mjs +0 -74
  111. package/cells/GridHierarchyCell.js +0 -8
  112. package/cells/GridHierarchyCell.mjs +0 -33
  113. package/cells/GridRowReorderCell.js +0 -8
  114. package/cells/GridRowReorderCell.mjs +0 -42
  115. package/cells/GridSelectionCell.js +0 -8
  116. package/cells/GridSelectionCell.mjs +0 -30
  117. package/cells/client/DetailCellContainer.js +0 -9
  118. package/cells/client/DetailCellContainer.mjs +0 -27
  119. package/cells/client/GridCellContainer.js +0 -9
  120. package/cells/client/GridCellContainer.mjs +0 -69
  121. package/cells/client/GridEditCellContainer.js +0 -9
  122. package/cells/client/GridEditCellContainer.mjs +0 -61
  123. package/cells/client/GridGroupCellContainer.js +0 -9
  124. package/cells/client/GridGroupCellContainer.mjs +0 -88
  125. package/cells/client/GridHierarchyCellContainer.js +0 -9
  126. package/cells/client/GridHierarchyCellContainer.mjs +0 -64
  127. package/cells/client/GridRowReorderContainer.js +0 -9
  128. package/cells/client/GridRowReorderContainer.mjs +0 -31
  129. package/cells/client/GridSelectionCellContainer.js +0 -9
  130. package/cells/client/GridSelectionCellContainer.mjs +0 -61
  131. /package/cells/{client → editcell}/GridEditCellEditor.js +0 -0
  132. /package/cells/{client → editcell}/GridEditCellEditor.mjs +0 -0
  133. /package/cells/{client → groupcell}/GridGroupCellToggle.js +0 -0
  134. /package/cells/{client → groupcell}/GridGroupCellToggle.mjs +0 -0
  135. /package/cells/{client → hierarchycell}/GridHierarchyCellToggle.js +0 -0
  136. /package/cells/{client → hierarchycell}/GridHierarchyCellToggle.mjs +0 -0
  137. /package/cells/{client → selectioncell}/GridSelectionCellInput.js +0 -0
  138. /package/cells/{client → selectioncell}/GridSelectionCellInput.mjs +0 -0
@@ -0,0 +1,35 @@
1
+ /**
2
+ * @license
3
+ *-------------------------------------------------------------------------------------------
4
+ * Copyright © 2025 Progress Software Corporation. All rights reserved.
5
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
6
+ *-------------------------------------------------------------------------------------------
7
+ */
8
+ "use client";
9
+ import * as n from "react";
10
+ import { GridContext as r } from "../../GridClientWrapper.mjs";
11
+ import { useTableKeyboardNavigation as l } from "@progress/kendo-react-data-tools";
12
+ import { Keys as m } from "@progress/kendo-react-common";
13
+ const c = (e) => {
14
+ const t = n.useContext(r), d = l(e.id), o = n.useCallback(
15
+ (a) => {
16
+ a.isDefaultPrevented() || a.keyCode === m.enter && (t != null && t.itemChange) && (a.preventDefault(), t.itemChange({
17
+ dataItem: e.dataItem,
18
+ dataIndex: e.dataIndex,
19
+ syntheticEvent: a,
20
+ field: e.field,
21
+ value: !e.expanded
22
+ }));
23
+ },
24
+ [e.dataItem, e.dataIndex, e.field, t, e.expanded]
25
+ ), i = e.rowType !== "groupHeader" && e.rowType !== "groupFooter" ? {
26
+ onKeyDown: o
27
+ } : {};
28
+ return {
29
+ ...d,
30
+ ...i
31
+ };
32
+ };
33
+ export {
34
+ c as useHierarchyCellClientTdProps
35
+ };
@@ -0,0 +1,8 @@
1
+ /**
2
+ * @license
3
+ *-------------------------------------------------------------------------------------------
4
+ * Copyright © 2025 Progress Software Corporation. All rights reserved.
5
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
6
+ *-------------------------------------------------------------------------------------------
7
+ */
8
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react"),c=require("../../utils/index.js"),o=require("./GridHierarchyCellToggle.js");function n(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const l=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,l.get?l:{enumerable:!0,get:()=>e[r]})}}return t.default=e,Object.freeze(t)}const i=n(a),u=e=>{let t=null,r=null;const l=c.getClientCellProps(e);return e.rowType==="groupFooter"?t={className:"k-table-td k-hierarchy-cell",role:"gridcell"}:e.rowType!=="groupHeader"&&(t={className:"k-table-td k-hierarchy-cell",role:"gridcell","aria-expanded":!!e.expanded,"aria-colindex":e.ariaColumnIndex},r=i.createElement(o.GridHierarchyCellToggle,{...l})),{tdProps:t,content:r}},d=e=>{var t,r;return(r=(t=e.cells)==null?void 0:t.hierarchy)==null?void 0:r[e.rowType||"data"]};exports.getCustomCell=d;exports.getHierarchyCellTdProps=u;
@@ -0,0 +1,30 @@
1
+ /**
2
+ * @license
3
+ *-------------------------------------------------------------------------------------------
4
+ * Copyright © 2025 Progress Software Corporation. All rights reserved.
5
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
6
+ *-------------------------------------------------------------------------------------------
7
+ */
8
+ import * as a from "react";
9
+ import { getClientCellProps as o } from "../../utils/index.mjs";
10
+ import { GridHierarchyCellToggle as c } from "./GridHierarchyCellToggle.mjs";
11
+ const d = (e) => {
12
+ let l = null, r = null;
13
+ const t = o(e);
14
+ return e.rowType === "groupFooter" ? l = {
15
+ className: "k-table-td k-hierarchy-cell",
16
+ role: "gridcell"
17
+ } : e.rowType !== "groupHeader" && (l = {
18
+ className: "k-table-td k-hierarchy-cell",
19
+ role: "gridcell",
20
+ "aria-expanded": !!e.expanded,
21
+ "aria-colindex": e.ariaColumnIndex
22
+ }, r = /* @__PURE__ */ a.createElement(c, { ...t })), { tdProps: l, content: r };
23
+ }, m = (e) => {
24
+ var l, r;
25
+ return (r = (l = e.cells) == null ? void 0 : l.hierarchy) == null ? void 0 : r[e.rowType || "data"];
26
+ };
27
+ export {
28
+ m as getCustomCell,
29
+ d as getHierarchyCellTdProps
30
+ };
package/cells/hooks.js ADDED
@@ -0,0 +1,9 @@
1
+ /**
2
+ * @license
3
+ *-------------------------------------------------------------------------------------------
4
+ * Copyright © 2025 Progress Software Corporation. All rights reserved.
5
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
6
+ *-------------------------------------------------------------------------------------------
7
+ */
8
+ "use client";
9
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react"),u=require("../GridClientWrapper.js");function i(e){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const r=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,r.get?r:{enumerable:!0,get:()=>e[t]})}}return n.default=e,Object.freeze(n)}const o=i(c),a=e=>{const n=o.useContext(u.GridContext);return{onContextMenu:n.onContextMenu,onChange:n.itemChange,selectionChange:t=>{n.selectionChange({event:t,dataItem:e.dataItem,dataIndex:e.rowDataIndex,columnIndex:e.columnIndex})}}},l=(e,n)=>{const t=o.useContext(u.GridContext);return o.useCallback(s=>{t!=null&&t.onContextMenu&&t.onContextMenu.call(void 0,s,e,n)},[t,e,n])},C=e=>{const t=o.useContext(u.GridContext).getCellPositionStyle(e.columnPosition)||{};return{...e.style,...t}};exports.useContextMenuHandler=l;exports.useLegacyCellProps=a;exports.usePositionStyle=C;
@@ -0,0 +1,41 @@
1
+ /**
2
+ * @license
3
+ *-------------------------------------------------------------------------------------------
4
+ * Copyright © 2025 Progress Software Corporation. All rights reserved.
5
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
6
+ *-------------------------------------------------------------------------------------------
7
+ */
8
+ "use client";
9
+ import * as o from "react";
10
+ import { GridContext as s } from "../GridClientWrapper.mjs";
11
+ const a = (n) => {
12
+ const e = o.useContext(s);
13
+ return {
14
+ onContextMenu: e.onContextMenu,
15
+ onChange: e.itemChange,
16
+ selectionChange: (t) => {
17
+ e.selectionChange({
18
+ event: t,
19
+ dataItem: n.dataItem,
20
+ dataIndex: n.rowDataIndex,
21
+ columnIndex: n.columnIndex
22
+ });
23
+ }
24
+ };
25
+ }, c = (n, e) => {
26
+ const t = o.useContext(s);
27
+ return o.useCallback(
28
+ (u) => {
29
+ t != null && t.onContextMenu && t.onContextMenu.call(void 0, u, n, e);
30
+ },
31
+ [t, n, e]
32
+ );
33
+ }, i = (n) => {
34
+ const t = o.useContext(s).getCellPositionStyle(n.columnPosition) || {};
35
+ return { ...n.style, ...t };
36
+ };
37
+ export {
38
+ c as useContextMenuHandler,
39
+ a as useLegacyCellProps,
40
+ i as usePositionStyle
41
+ };
@@ -0,0 +1,9 @@
1
+ /**
2
+ * @license
3
+ *-------------------------------------------------------------------------------------------
4
+ * Copyright © 2025 Progress Software Corporation. All rights reserved.
5
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
6
+ *-------------------------------------------------------------------------------------------
7
+ */
8
+ "use client";
9
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react"),n=require("../../components/icons/reorder-row-svg.js"),s=require("./utils.js"),c=require("./useRowReorderCellClientTdProps.js"),d=o=>{const{cellProps:e}=o,{tdProps:t}=s.getRowReorderCellTdProps(e),l=c.useRowReorderCellClientTdProps(e);return r.createElement("td",{...t,...l,style:{touchAction:"none"}},r.createElement(n.ReorderRowIcon,null))};exports.GridRowReorderCell=d;
@@ -0,0 +1,19 @@
1
+ /**
2
+ * @license
3
+ *-------------------------------------------------------------------------------------------
4
+ * Copyright © 2025 Progress Software Corporation. All rights reserved.
5
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
6
+ *-------------------------------------------------------------------------------------------
7
+ */
8
+ "use client";
9
+ import o from "react";
10
+ import { ReorderRowIcon as n } from "../../components/icons/reorder-row-svg.mjs";
11
+ import { getRowReorderCellTdProps as c } from "./utils.mjs";
12
+ import { useRowReorderCellClientTdProps as d } from "./useRowReorderCellClientTdProps.mjs";
13
+ const i = (r) => {
14
+ const { cellProps: e } = r, { tdProps: t } = c(e), l = d(e);
15
+ return /* @__PURE__ */ o.createElement("td", { ...t, ...l, style: { touchAction: "none" } }, /* @__PURE__ */ o.createElement(n, null));
16
+ };
17
+ export {
18
+ i as GridRowReorderCell
19
+ };
@@ -0,0 +1,8 @@
1
+ /**
2
+ * @license
3
+ *-------------------------------------------------------------------------------------------
4
+ * Copyright © 2025 Progress Software Corporation. All rights reserved.
5
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
6
+ *-------------------------------------------------------------------------------------------
7
+ */
8
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),l=require("../../components/icons/reorder-row-svg.js"),n=require("./GridRowReorderCellServerContainer.js"),c=require("./utils.js"),d=o=>{const{cellProps:r}=o,{tdProps:t}=c.getRowReorderCellTdProps(r);return e.createElement(n.GridRowReorderCellServerContainer,{cellProps:r},e.createElement("td",{...t,style:{touchAction:"none"}},e.createElement(l.ReorderRowIcon,null)))};exports.GridRowReorderCellServer=d;
@@ -0,0 +1,18 @@
1
+ /**
2
+ * @license
3
+ *-------------------------------------------------------------------------------------------
4
+ * Copyright © 2025 Progress Software Corporation. All rights reserved.
5
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
6
+ *-------------------------------------------------------------------------------------------
7
+ */
8
+ import e from "react";
9
+ import { ReorderRowIcon as l } from "../../components/icons/reorder-row-svg.mjs";
10
+ import { GridRowReorderCellServerContainer as n } from "./GridRowReorderCellServerContainer.mjs";
11
+ import { getRowReorderCellTdProps as c } from "./utils.mjs";
12
+ const p = (o) => {
13
+ const { cellProps: r } = o, { tdProps: t } = c(r);
14
+ return /* @__PURE__ */ e.createElement(n, { cellProps: r }, /* @__PURE__ */ e.createElement("td", { ...t, style: { touchAction: "none" } }, /* @__PURE__ */ e.createElement(l, null)));
15
+ };
16
+ export {
17
+ p as GridRowReorderCellServer
18
+ };
@@ -0,0 +1,9 @@
1
+ /**
2
+ * @license
3
+ *-------------------------------------------------------------------------------------------
4
+ * Copyright © 2025 Progress Software Corporation. All rights reserved.
5
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
6
+ *-------------------------------------------------------------------------------------------
7
+ */
8
+ "use client";
9
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("../../utils/index.js"),l=require("./useRowReorderCellClientTdProps.js"),n=e=>{const r=l.useRowReorderCellClientTdProps(e.cellProps);return e.children&&o.cloneReactElement(e.children,{...r})};exports.GridRowReorderCellServerContainer=n;
@@ -0,0 +1,19 @@
1
+ /**
2
+ * @license
3
+ *-------------------------------------------------------------------------------------------
4
+ * Copyright © 2025 Progress Software Corporation. All rights reserved.
5
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
6
+ *-------------------------------------------------------------------------------------------
7
+ */
8
+ "use client";
9
+ import { cloneReactElement as o } from "../../utils/index.mjs";
10
+ import { useRowReorderCellClientTdProps as l } from "./useRowReorderCellClientTdProps.mjs";
11
+ const c = (e) => {
12
+ const r = l(e.cellProps);
13
+ return e.children && o(e.children, {
14
+ ...r
15
+ });
16
+ };
17
+ export {
18
+ c as GridRowReorderCellServerContainer
19
+ };
@@ -0,0 +1,9 @@
1
+ /**
2
+ * @license
3
+ *-------------------------------------------------------------------------------------------
4
+ * Copyright © 2025 Progress Software Corporation. All rights reserved.
5
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
6
+ *-------------------------------------------------------------------------------------------
7
+ */
8
+ "use client";
9
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react"),s=require("../../GridClientWrapper.js"),c=require("@progress/kendo-react-data-tools"),l=require("@progress/kendo-react-intl"),r=require("../../messages/index.js"),u=require("../hooks.js");function d(e){const o=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const n=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(o,t,n.get?n:{enumerable:!0,get:()=>e[t]})}}return o.default=e,Object.freeze(o)}const g=d(i),b=e=>{const o=l.useLocalization(),t=g.useContext(s.GridContext),n=c.useTableKeyboardNavigation(e.id),a=u.useContextMenuHandler(e.dataItem,e.field);return{"aria-label":o.toLanguageString(r.gridRowReorderAriaLabel,r.messages[r.gridRowReorderAriaLabel]),...n,onMouseDown:()=>e.rowReorderable?t.activeDragRowDataItemRef.current=e.dataItem:null,onContextMenu:a}};exports.useRowReorderCellClientTdProps=b;
@@ -0,0 +1,26 @@
1
+ /**
2
+ * @license
3
+ *-------------------------------------------------------------------------------------------
4
+ * Copyright © 2025 Progress Software Corporation. All rights reserved.
5
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
6
+ *-------------------------------------------------------------------------------------------
7
+ */
8
+ "use client";
9
+ import * as i from "react";
10
+ import { GridContext as s } from "../../GridClientWrapper.mjs";
11
+ import { useTableKeyboardNavigation as m } from "@progress/kendo-react-data-tools";
12
+ import { useLocalization as l } from "@progress/kendo-react-intl";
13
+ import { gridRowReorderAriaLabel as o, messages as u } from "../../messages/index.mjs";
14
+ import { useContextMenuHandler as d } from "../hooks.mjs";
15
+ const x = (e) => {
16
+ const t = l(), a = i.useContext(s), n = m(e.id), r = d(e.dataItem, e.field);
17
+ return {
18
+ "aria-label": t.toLanguageString(o, u[o]),
19
+ ...n,
20
+ onMouseDown: () => e.rowReorderable ? a.activeDragRowDataItemRef.current = e.dataItem : null,
21
+ onContextMenu: r
22
+ };
23
+ };
24
+ export {
25
+ x as useRowReorderCellClientTdProps
26
+ };
@@ -0,0 +1,8 @@
1
+ /**
2
+ * @license
3
+ *-------------------------------------------------------------------------------------------
4
+ * Copyright © 2025 Progress Software Corporation. All rights reserved.
5
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
6
+ *-------------------------------------------------------------------------------------------
7
+ */
8
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("../../constants/index.js"),t=require("@progress/kendo-react-common"),o=e=>{let d=null;const l=e.unstyled,r=l&&l.uGrid?l.uGrid:t.uGrid,a=t.classNames(r.td({selected:e.isSelected,sorted:e.isSorted,alt:e.isAlt}),e.className,["k-drag-cell",`${e.rowReorderable?"":"k-disabled"}`]);return d={colSpan:e.colSpan,style:e.style,className:a,role:"gridcell","aria-colindex":e.ariaColumnIndex,"aria-selected":e.isSelected,"aria-disabled":!e.rowReorderable,[s.GRID_COL_INDEX_ATTRIBUTE]:e.columnIndex},{tdProps:d}};exports.getRowReorderCellTdProps=o;
@@ -0,0 +1,30 @@
1
+ /**
2
+ * @license
3
+ *-------------------------------------------------------------------------------------------
4
+ * Copyright © 2025 Progress Software Corporation. All rights reserved.
5
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
6
+ *-------------------------------------------------------------------------------------------
7
+ */
8
+ import { GRID_COL_INDEX_ATTRIBUTE as r } from "../../constants/index.mjs";
9
+ import { uGrid as s, classNames as i } from "@progress/kendo-react-common";
10
+ const n = (e) => {
11
+ let d = null;
12
+ const l = e.unstyled, a = l && l.uGrid ? l.uGrid : s, t = i(
13
+ a.td({ selected: e.isSelected, sorted: e.isSorted, alt: e.isAlt }),
14
+ e.className,
15
+ ["k-drag-cell", `${e.rowReorderable ? "" : "k-disabled"}`]
16
+ );
17
+ return d = {
18
+ colSpan: e.colSpan,
19
+ style: e.style,
20
+ className: t,
21
+ role: "gridcell",
22
+ "aria-colindex": e.ariaColumnIndex,
23
+ "aria-selected": e.isSelected,
24
+ "aria-disabled": !e.rowReorderable,
25
+ [r]: e.columnIndex
26
+ }, { tdProps: d };
27
+ };
28
+ export {
29
+ n as getRowReorderCellTdProps
30
+ };
@@ -0,0 +1,9 @@
1
+ /**
2
+ * @license
3
+ *-------------------------------------------------------------------------------------------
4
+ * Copyright © 2025 Progress Software Corporation. All rights reserved.
5
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
6
+ *-------------------------------------------------------------------------------------------
7
+ */
8
+ "use client";
9
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("react"),a=require("./GridSelectionCellInput.js"),u=require("./utils.js"),p=require("../hooks.js"),C=require("./useSelectionCellClientTdProps.js");function g(t){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const r in t)if(r!=="default"){const l=Object.getOwnPropertyDescriptor(t,r);Object.defineProperty(e,r,l.get?l:{enumerable:!0,get:()=>t[r]})}}return e.default=t,Object.freeze(e)}const n=g(d),f=t=>{const{cellProps:e}=t,{tdProps:r}=u.getSelectionCellTdProps(e),l=C.useSelectionCellClientTdProps(e),o=p.useLegacyCellProps(e),c=n.createElement(a.GridSelectionCellInput,{key:1,...e}),s=u.getCustomCell(e);if(s)return n.createElement(s,{...e,...o,tdProps:{...r,...l}},c);const i=e.rowType!=="groupHeader"?n.createElement("td",{...r,...l},c):null;return e.render?e.render.call(void 0,i,{...e,...o}):i};exports.GridSelectionCell=f;
@@ -0,0 +1,26 @@
1
+ /**
2
+ * @license
3
+ *-------------------------------------------------------------------------------------------
4
+ * Copyright © 2025 Progress Software Corporation. All rights reserved.
5
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
6
+ *-------------------------------------------------------------------------------------------
7
+ */
8
+ "use client";
9
+ import * as t from "react";
10
+ import { GridSelectionCellInput as i } from "./GridSelectionCellInput.mjs";
11
+ import { getSelectionCellTdProps as m, getCustomCell as d } from "./utils.mjs";
12
+ import { useLegacyCellProps as C } from "../hooks.mjs";
13
+ import { useSelectionCellClientTdProps as a } from "./useSelectionCellClientTdProps.mjs";
14
+ const y = (p) => {
15
+ const { cellProps: e } = p, { tdProps: o } = m(e), r = a(e), l = C(e), n = /* @__PURE__ */ t.createElement(i, { key: 1, ...e }), c = d(e);
16
+ if (c)
17
+ return /* @__PURE__ */ t.createElement(c, { ...e, ...l, tdProps: { ...o, ...r } }, n);
18
+ const s = e.rowType !== "groupHeader" ? /* @__PURE__ */ t.createElement("td", { ...o, ...r }, n) : null;
19
+ return e.render ? e.render.call(void 0, s, {
20
+ ...e,
21
+ ...l
22
+ }) : s;
23
+ };
24
+ export {
25
+ y as GridSelectionCell
26
+ };
@@ -0,0 +1,8 @@
1
+ /**
2
+ * @license
3
+ *-------------------------------------------------------------------------------------------
4
+ * Copyright © 2025 Progress Software Corporation. All rights reserved.
5
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
6
+ *-------------------------------------------------------------------------------------------
7
+ */
8
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const C=require("react"),p=require("./GridSelectionCellInput.js"),i=require("./GridSelectionCellServerContainer.js"),s=require("../../utils/index.js"),u=require("./utils.js");function S(r){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(r){for(const t in r)if(t!=="default"){const n=Object.getOwnPropertyDescriptor(r,t);Object.defineProperty(e,t,n.get?n:{enumerable:!0,get:()=>r[t]})}}return e.default=r,Object.freeze(e)}const l=S(C),f=r=>{const{cellProps:e}=r,{tdProps:t}=u.getSelectionCellTdProps(e),n=l.createElement(p.GridSelectionCellInput,{key:1,...e}),o=s.getClientCellProps(e),c=u.getCustomCell(e);if(c){const d=s.isClientReference(c);return l.createElement(i.GridSelectionCellServerContainer,{cellProps:o,tdProps:t,isCustom:!0,isClient:d},l.createElement(c,{...o,tdProps:t},n))}const a=e.rowType!=="groupHeader"?l.createElement("td",{...t},n):null;return l.createElement(i.GridSelectionCellServerContainer,{cellProps:o,tdProps:t},a)};exports.GridSelectionCellServer=f;
@@ -0,0 +1,33 @@
1
+ /**
2
+ * @license
3
+ *-------------------------------------------------------------------------------------------
4
+ * Copyright © 2025 Progress Software Corporation. All rights reserved.
5
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
6
+ *-------------------------------------------------------------------------------------------
7
+ */
8
+ import * as t from "react";
9
+ import { GridSelectionCellInput as p } from "./GridSelectionCellInput.mjs";
10
+ import { GridSelectionCellServerContainer as c } from "./GridSelectionCellServerContainer.mjs";
11
+ import { getClientCellProps as C, isClientReference as a } from "../../utils/index.mjs";
12
+ import { getSelectionCellTdProps as u, getCustomCell as d } from "./utils.mjs";
13
+ const E = (i) => {
14
+ const { cellProps: e } = i, { tdProps: r } = u(e), n = /* @__PURE__ */ t.createElement(p, { key: 1, ...e }), l = C(e), o = d(e);
15
+ if (o) {
16
+ const m = a(o);
17
+ return /* @__PURE__ */ t.createElement(
18
+ c,
19
+ {
20
+ cellProps: l,
21
+ tdProps: r,
22
+ isCustom: !0,
23
+ isClient: m
24
+ },
25
+ /* @__PURE__ */ t.createElement(o, { ...l, tdProps: r }, n)
26
+ );
27
+ }
28
+ const s = e.rowType !== "groupHeader" ? /* @__PURE__ */ t.createElement("td", { ...r }, n) : null;
29
+ return /* @__PURE__ */ t.createElement(c, { cellProps: l, tdProps: r }, s);
30
+ };
31
+ export {
32
+ E as GridSelectionCellServer
33
+ };
@@ -0,0 +1,9 @@
1
+ /**
2
+ * @license
3
+ *-------------------------------------------------------------------------------------------
4
+ * Copyright © 2025 Progress Software Corporation. All rights reserved.
5
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
6
+ *-------------------------------------------------------------------------------------------
7
+ */
8
+ "use client";
9
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react"),i=require("../../GridClientWrapper.js"),o=require("./useSelectionCellClientTdProps.js"),s=require("../hooks.js"),l=require("../../utils/index.js");function u(e){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const r=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,r.get?r:{enumerable:!0,get:()=>e[t]})}}return n.default=e,Object.freeze(n)}const a=u(c),d=e=>{const n=a.useContext(i.GridContext),t=o.useSelectionCellClientTdProps(e.cellProps),r=s.useLegacyCellProps(e.cellProps);return e.isCustom&&(n.isClient||e.isClient)?l.cloneReactElement(e.children,{tdProps:{...e.tdProps,...t},...r}):e.children&&l.cloneReactElement(e.children,{...t})};exports.GridSelectionCellServerContainer=d;
@@ -0,0 +1,26 @@
1
+ /**
2
+ * @license
3
+ *-------------------------------------------------------------------------------------------
4
+ * Copyright © 2025 Progress Software Corporation. All rights reserved.
5
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
6
+ *-------------------------------------------------------------------------------------------
7
+ */
8
+ "use client";
9
+ import * as i from "react";
10
+ import { GridContext as n } from "../../GridClientWrapper.mjs";
11
+ import { useSelectionCellClientTdProps as c } from "./useSelectionCellClientTdProps.mjs";
12
+ import { useLegacyCellProps as s } from "../hooks.mjs";
13
+ import { cloneReactElement as r } from "../../utils/index.mjs";
14
+ const f = (e) => {
15
+ const l = i.useContext(n), t = c(e.cellProps), o = s(e.cellProps);
16
+ return e.isCustom && (l.isClient || e.isClient) ? r(e.children, {
17
+ // pass down to tdProps for client templates
18
+ tdProps: { ...e.tdProps, ...t },
19
+ ...o
20
+ }) : e.children && r(e.children, {
21
+ ...t
22
+ });
23
+ };
24
+ export {
25
+ f as GridSelectionCellServerContainer
26
+ };
@@ -0,0 +1,9 @@
1
+ /**
2
+ * @license
3
+ *-------------------------------------------------------------------------------------------
4
+ * Copyright © 2025 Progress Software Corporation. All rights reserved.
5
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
6
+ *-------------------------------------------------------------------------------------------
7
+ */
8
+ "use client";
9
+ "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;
@@ -0,0 +1,21 @@
1
+ /**
2
+ * @license
3
+ *-------------------------------------------------------------------------------------------
4
+ * Copyright © 2025 Progress Software Corporation. All rights reserved.
5
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
6
+ *-------------------------------------------------------------------------------------------
7
+ */
8
+ "use client";
9
+ import { useTableKeyboardNavigation as i } from "@progress/kendo-react-data-tools";
10
+ import { useContextMenuHandler as a, usePositionStyle as l } from "../hooks.mjs";
11
+ const u = (t) => {
12
+ const e = i(t.id), n = a(t.dataItem, t.field), o = l(t);
13
+ return {
14
+ ...e,
15
+ onContextMenu: n,
16
+ style: o
17
+ };
18
+ };
19
+ export {
20
+ u as useSelectionCellClientTdProps
21
+ };
@@ -0,0 +1,8 @@
1
+ /**
2
+ * @license
3
+ *-------------------------------------------------------------------------------------------
4
+ * Copyright © 2025 Progress Software Corporation. All rights reserved.
5
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
6
+ *-------------------------------------------------------------------------------------------
7
+ */
8
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("@progress/kendo-react-common"),s=e=>{const l=o.classNames("k-table-td",e.className);return{tdProps:{colSpan:e.colSpan,style:e.style,className:l,"aria-colindex":e.ariaColumnIndex,role:"gridcell"}}},a=e=>{var l,t;return(t=(l=e.cells)==null?void 0:l.select)==null?void 0:t[e.rowType||"data"]};exports.getCustomCell=a;exports.getSelectionCellTdProps=s;
@@ -0,0 +1,25 @@
1
+ /**
2
+ * @license
3
+ *-------------------------------------------------------------------------------------------
4
+ * Copyright © 2025 Progress Software Corporation. All rights reserved.
5
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
6
+ *-------------------------------------------------------------------------------------------
7
+ */
8
+ import { classNames as a } from "@progress/kendo-react-common";
9
+ const c = (e) => {
10
+ const l = a("k-table-td", e.className);
11
+ return { tdProps: {
12
+ colSpan: e.colSpan,
13
+ style: e.style,
14
+ className: l,
15
+ "aria-colindex": e.ariaColumnIndex,
16
+ role: "gridcell"
17
+ } };
18
+ }, o = (e) => {
19
+ var l, t;
20
+ return (t = (l = e.cells) == null ? void 0 : l.select) == null ? void 0 : t[e.rowType || "data"];
21
+ };
22
+ export {
23
+ o as getCustomCell,
24
+ c as getSelectionCellTdProps
25
+ };
@@ -6,4 +6,4 @@
6
6
  *-------------------------------------------------------------------------------------------
7
7
  */
8
8
  "use client";
9
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),A=require("../GridClientWrapper.js"),y=require("@progress/kendo-react-common"),n=require("./utils.js"),L=require("react-dom"),R=require("@progress/kendo-svg-icons"),X=require("../utils/index.js"),E={zIndex:"19000",position:"absolute",display:"none",visibility:"hidden"},S={zIndex:"20000",display:"flex",position:"fixed",visibility:"hidden",pointerEvents:"none"},J=m=>{const{rowReorderSettings:l,columns:w,unstyled:C}=m,{rowReorder:k,reorderRowDragTargetRef:u,reorderRowDropTargetRef:i,activeDragRowDataItemRef:d,tableBodyElementRef:T}=e.useContext(A.GridContext),[N,h]=e.useState(!1),[O,q]=e.useState(R.cancelIcon),b=e.useRef(null),f=e.useRef(null),c=e.useRef(null),I=e.useRef(null),p=e.useRef(!1),D=e.useRef(null),v=typeof l=="object"?l.enabled:l;e.useEffect(()=>{T.current=b.current},[]);const P=r=>{const t=r.originalEvent.target;t.closest(".k-drag-cell")&&(I.current=r.offsetY,p.current=!0,u.current=t.closest(".k-table-row"))},M=r=>{!p.current||!v||!d.current||(u.current&&(u.current.style.userSelect="none"),h(!0))},Y=r=>{if(!p.current&&!f.current)return;const{clientX:t,clientY:o}=r,a=I.current,g={x:t,y:o-a};f.current&&(f.current.style.left=`${g.x}px`,f.current.style.top=`${g.y}px`,f.current.style.visibility="visible"),F(r)},B=r=>{var o;if(!v||!d.current)return;h(!1);const t=Number((o=i.current)==null?void 0:o.getAttribute("absolute-row-index"));k(r,t,D.current),p.current=!1};y.useDraggable(b,{onPress:P,onDragStart:M,onDrag:Y,onDragEnd:B});const F=r=>{D.current=z(r),G()},G=()=>{var a;if(D.current===n.dropDirection.forbidden||!i.current){$();return}V();const r=n.getOffset(i.current);let t=r.top;const o=r.left+(((a=c.current)==null?void 0:a.offsetWidth)||0)/2;D.current===n.dropDirection.after&&(t+=i.current.offsetHeight),c.current&&(c.current.style.top=`${t}px`,c.current.style.left=`${o}px`,c.current.style.visibility="visible")},$=()=>{c.current&&(c.current.style.display="none")},V=()=>{c.current&&(c.current.style.display="")},j=()=>{if(d.current){if(l.dragClue)return typeof l.dragClue=="string"?l.dragClue:l.dragClue(d.current);{const r=w.find(o=>!o.hidden&&o.columnType==="data");return d.current[r.field]}}},z=r=>{if(i.current===u.current||!i.current||n.isDifferentParent(i.current,u.current))return n.dropDirection.forbidden;const t=i.current.getBoundingClientRect(),a=t.height/2,g=r.clientY,x=t.top;let s=null;g<x+a?s=n.dropDirection.before:g>=x+t.height-a&&(s=n.dropDirection.after),(s===n.dropDirection.before&&i.current===u.current.nextElementSibling||s===n.dropDirection.after&&i.current===u.current.previousElementSibling)&&(s=n.dropDirection.forbidden);const W=s===n.dropDirection.forbidden?R.cancelIcon:R.insertMiddleIcon;return q(W),s},H=e.useMemo(j,[d.current]);return e.createElement(e.Fragment,null,N&&L.createPortal(e.createElement(e.Fragment,null,e.createElement("div",{ref:c,style:E,className:y.classNames(C.rowReorder({dropIndicatorMain:!0,dropIndicatorDirection:!0}))},e.createElement("div",{className:"k-drop-hint-start"}),e.createElement("div",{className:"k-drop-hint-line"})),e.createElement("div",{ref:f,style:S,className:y.classNames(C.rowReorder({dragClueMain:!0,dragClueOperation:!0}))},e.createElement(y.SvgIcon,{className:"k-drag-status",icon:O}),H)),document.body),X.cloneReactElement(m.children,{ref:b}))};exports.GridReorderableRowsContainer=J;exports.dropIndicatorStyles=E;exports.hintClueStyles=S;
9
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),X=require("../GridClientWrapper.js"),m=require("@progress/kendo-react-common"),n=require("./utils.js"),J=require("react-dom"),b=require("@progress/kendo-svg-icons"),K=require("../utils/index.js"),w={zIndex:"19000",position:"absolute",display:"none",visibility:"hidden"},T={zIndex:"20000",display:"flex",position:"fixed",visibility:"hidden",pointerEvents:"none"},Q=C=>{const{rowReorderSettings:u,columns:k,unstyled:h}=C,{rowReorder:N,reorderRowDragTargetRef:a,reorderRowDropTargetRef:i,activeDragRowDataItemRef:d,tableBodyElementRef:O}=e.useContext(X.GridContext),[q,I]=e.useState(!1),[P,M]=e.useState(b.cancelIcon),y=e.useRef(null),f=e.useRef(null),c=e.useRef(null),v=e.useRef(null),p=e.useRef(!1),D=e.useRef(null),R=e.useRef(null),E=typeof u=="object"?u.enabled:u;e.useEffect(()=>{O.current=y.current},[]);const Y=r=>{var s;const t=r.originalEvent.target;t.closest(".k-drag-cell")&&(v.current=r.offsetY,p.current=!0,a.current=t.closest(".k-table-row"),R.current=(s=a.current)==null?void 0:s.parentElement)},B=r=>{!p.current||!E||!d.current||(a.current&&(a.current.style.userSelect="none"),I(!0))},F=r=>{if(!p.current&&!f.current)return;const{clientX:t,clientY:o}=r,s=v.current,g={x:t,y:o-s};f.current&&(f.current.style.left=`${g.x}px`,f.current.style.top=`${g.y}px`,f.current.style.visibility="visible"),$(r)},G=r=>{var o;if(!E||!d.current)return;I(!1);const t=Number((o=i.current)==null?void 0:o.getAttribute("absolute-row-index"));N(r,t,D.current),p.current=!1,R.current=null};m.useDraggable(y,{onPress:Y,onDragStart:B,onDrag:F,onDragEnd:G});const $=r=>{D.current=W(r),V()},V=()=>{var s;if(D.current===n.dropDirection.forbidden||!i.current){j();return}z();const r=n.getOffset(i.current);let t=r.top;const o=r.left+(((s=c.current)==null?void 0:s.offsetWidth)||0)/2;D.current===n.dropDirection.after&&(t+=i.current.offsetHeight),c.current&&(c.current.style.top=`${t}px`,c.current.style.left=`${o}px`,c.current.style.visibility="visible")},j=()=>{c.current&&(c.current.style.display="none")},z=()=>{c.current&&(c.current.style.display="")},H=()=>{if(d.current){if(u.dragClue){if(typeof u.dragClue=="string")return u.dragClue}else{const r=k.find(o=>!o.hidden&&o.columnType==="data");return d.current[r.field]}return u.dragClue(d.current)}},W=r=>{var S;if(i.current===a.current||!i.current||((S=i.current)==null?void 0:S.parentElement)!==R.current)return n.dropDirection.forbidden;const t=i.current.getBoundingClientRect(),s=t.height/2,g=r.clientY,x=t.top;let l=null;g<x+s?l=n.dropDirection.before:g>=x+t.height-s&&(l=n.dropDirection.after),(l===n.dropDirection.before&&i.current===a.current.nextElementSibling||l===n.dropDirection.after&&i.current===a.current.previousElementSibling)&&(l=n.dropDirection.forbidden);const L=l===n.dropDirection.forbidden?b.cancelIcon:b.insertMiddleIcon;return M(L),l},A=e.useMemo(H,[d.current]);return e.createElement(e.Fragment,null,q&&J.createPortal(e.createElement(e.Fragment,null,e.createElement("div",{ref:c,style:w,className:m.classNames(h.rowReorder({dropIndicatorMain:!0,dropIndicatorDirection:!0}))},e.createElement("div",{className:"k-drop-hint-start"}),e.createElement("div",{className:"k-drop-hint-line"})),e.createElement("div",{ref:f,style:T,className:m.classNames(h.rowReorder({dragClueMain:!0,dragClueOperation:!0}))},e.createElement(m.SvgIcon,{className:"k-drag-status",icon:P}),A)),document.body),K.cloneReactElement(C.children,{ref:y}))};exports.GridReorderableRowsContainer=Q;exports.dropIndicatorStyles=w;exports.hintClueStyles=T;