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

package/cells/pincell/utils.mjs

@@ -0,0 +1,47 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import * as c from "react";
+import { GRID_COL_INDEX_ATTRIBUTE as s } from "../../constants/index.mjs";
+import { uGrid as o, classNames as r } from "@progress/kendo-react-common";
+import { GridPinDropdownButton as m } from "./GridPinDropdownButton.mjs";
+const I = (e) => {
+  var i;
+  let t = null, l = null;
+  if (e.rowType === "groupFooter")
+    t = {
+      className: e.className
+    };
+  else if (e.rowType !== "groupHeader") {
+    const a = e.unstyled, n = (i = a == null ? void 0 : a.uGrid) != null ? i : o, d = r(
+      n.td({
+        selected: e.isSelected,
+        highlighted: e.isHighlighted,
+        sorted: e.isSorted,
+        alt: e.isAlt
+      }),
+      e.className
+    );
+    t = {
+      colSpan: e.colSpan,
+      style: e.style,
+      className: d,
+      role: "gridcell",
+      "aria-colindex": e.ariaColumnIndex,
+      "aria-selected": e.isSelected,
+      [s]: e.columnIndex
+    }, l = /* @__PURE__ */ c.createElement(m, { dataItem: e.dataItem });
+  }
+  return { tdProps: t, content: l };
+}, T = (e) => {
+  var t, l;
+  return (l = (t = e.cells) == null ? void 0 : t.pin) == null ? void 0 : l[e.rowType || "data"];
+};
+export {
+  T as getCustomCell,
+  I as getPinCellTdProps
+};

package/components/PinnedRowsTable.d.ts

@@ -0,0 +1,48 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { EditDescriptor } from '@progress/kendo-react-data-tools';
+import { DataRowContext } from '../getRowContents.js';
+import { GridStackedLayoutSettings } from '../interfaces/GridStackedLayoutSettings.js';
+import { GridRowProps } from '../interfaces/GridRowProps.js';
+import * as React from 'react';
+/**
+ * Represents the PinnedRowsTable handle.
+ *
+ * @hidden
+ */
+export interface PinnedRowsTableHandle {
+    /**
+     * Sets the width of the pinned rows table element.
+     */
+    setWidth: (width: number) => void;
+    /**
+     * Sets the horizontal scroll position of the pinned rows container.
+     */
+    setScrollLeft: (scrollLeft: number) => void;
+}
+/**
+ * @hidden
+ */
+export interface PinnedRowsTableProps {
+    size?: string;
+    colGroups?: React.ReactElement;
+    dataRowContext: DataRowContext;
+    position: 'top' | 'bottom';
+    pinnedItems: any[];
+    isStackedMode?: boolean;
+    groupLevelCount?: number;
+    stackedLayoutSettings?: GridStackedLayoutSettings;
+    rowHeight?: number;
+    rows?: GridRowProps['rows'];
+    selectable?: any;
+    edit?: EditDescriptor;
+}
+/**
+ * @hidden
+ */
+export declare const PinnedRowsTable: React.FC<PinnedRowsTableProps>;

package/components/PinnedRowsTable.js

@@ -0,0 +1,9 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * 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 A=require("react"),d=require("@progress/kendo-react-common"),E=require("@progress/kendo-react-data-tools"),H=require("../utils/GridContext.js"),_=require("../rows/GridRowRenderer.js"),F=require("../getRowContents.js");function U(s){const c=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(s){for(const r in s)if(r!=="default"){const p=Object.getOwnPropertyDescriptor(s,r);Object.defineProperty(c,r,p.get?p:{enumerable:!0,get:()=>s[r]})}}return c.default=s,Object.freeze(c)}const n=U(A),W=({size:s,colGroups:c,dataRowContext:r,position:p,pinnedItems:y,isStackedMode:P,groupLevelCount:h,stackedLayoutSettings:C,rowHeight:G,rows:i,selectable:u,edit:I})=>{const m=d.useUnstyled(),k=m!=null&&m.uGrid?m.uGrid:d.uGrid,o=n.useContext(H.GridContext),a=p==="top",R=a?o.pinnedTopRef:o.pinnedBottomRef,v=a?o.pinnedTopTableRef:o.pinnedBottomTableRef,b=n.useRef(null),S=n.useRef(!1);n.useImperativeHandle(v,()=>({setWidth:e=>{b.current&&(b.current.style.width=e?e+"px":"")},setScrollLeft:e=>{R.current&&R.current.scrollLeft!==e&&(S.current=!0,R.current.scrollLeft=e,S.current=!1)}}));const D=n.useCallback(e=>{var f;const t=(f=o.containerElementRef)==null?void 0:f.current;if(!t||S.current)return;const l=e.currentTarget.scrollLeft;t.scrollLeft!==l&&(t.scrollLeft=l)},[o.containerElementRef]),L=n.useCallback(e=>{var t;(t=o.columnResizeRef)!=null&&t.current&&(a?o.columnResizeRef.current.colGroupPinnedTop=e:o.columnResizeRef.current.colGroupPinnedBottom=e)},[o.columnResizeRef,a]),j=i!=null&&i.pinnedData?{...i,data:i.pinnedData}:i,w=y.map((e,t)=>{var N;const l={dataItem:e,rowType:"data",level:0,expanded:!1,dataIndex:t},f=r.dataItemKey,T="pinned_"+((f?d.getter(f)(e):void 0)||"ai"+t),g=F.getRowContents(r,I,l,T,t,!1);return n.createElement(_.GridRowRenderer,{key:T,isStackedMode:!!P,item:l,rowId:T,dataIndex:t,ariaRowIndex:t+1,absoluteRowIndex:t,isAltRow:t%2!==0,isHidden:!1,isRowReorderable:!1,rowHeight:G,rows:j,leafColumns:r.leafColumns,groupLevelCount:h||0,stackedLayoutSettings:C,cells:r.cells,editMode:(N=r.editable)==null?void 0:N.mode,isSelected:g.isSelected,isHighlighted:g.isHighlighted,isInEdit:g.isInEdit&&!r.isEditDialog,preparedCells:g.row,showDetailToggle:!1,isDetailExpanded:!1})}),q=d.classNames("k-grid-pinned-container",{"k-pos-bottom":!a}),K=d.classNames(k.table({size:s})),O=c?n.cloneElement(c,{colGroupRef:L}):null,z=n.useCallback(e=>{var l;const t=y[e.startRowIndex];t&&((l=o.pinnedSelectionRelease)==null||l.call(o,e,t))},[o,y]),B=n.useMemo(()=>u&&{...typeof u=="object"?u:{},enabled:!0,drag:!1},[u]),M=a?E.tableKeyboardNavigationTopPinnedAttributes:E.tableKeyboardNavigationBottomPinnedAttributes;return n.createElement("div",{className:q,style:{display:w.length?"":"none"}},n.createElement("div",{className:"k-grid-pinned-wrap",ref:R,onScroll:D},n.createElement(E.TableSelection,{selectable:B,onRelease:z,childRef:e=>{b.current=e}},n.createElement("table",{ref:b,className:K,"aria-label":a?"Pinned top rows":"Pinned bottom rows"},O,n.createElement("tbody",{className:d.classNames(k.tbody({})),...M},w)))))};exports.PinnedRowsTable=W;

package/components/PinnedRowsTable.mjs

@@ -0,0 +1,133 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+"use client";
+import * as n from "react";
+import { useUnstyled as j, uGrid as F, getter as U, classNames as g } from "@progress/kendo-react-common";
+import { TableSelection as W, tableKeyboardNavigationTopPinnedAttributes as _, tableKeyboardNavigationBottomPinnedAttributes as q } from "@progress/kendo-react-data-tools";
+import { GridContext as J } from "../utils/GridContext.mjs";
+import { GridRowRenderer as O } from "../rows/GridRowRenderer.mjs";
+import { getRowContents as Q } from "../getRowContents.mjs";
+const ee = ({
+  size: h,
+  colGroups: y,
+  dataRowContext: s,
+  position: I,
+  pinnedItems: p,
+  isStackedMode: k,
+  groupLevelCount: N,
+  stackedLayoutSettings: w,
+  rowHeight: C,
+  rows: a,
+  selectable: i,
+  edit: G
+}) => {
+  const d = j(), E = d != null && d.uGrid ? d.uGrid : F, o = n.useContext(J), r = I === "top", f = r ? o.pinnedTopRef : o.pinnedBottomRef, P = r ? o.pinnedTopTableRef : o.pinnedBottomTableRef, u = n.useRef(null), R = n.useRef(!1);
+  n.useImperativeHandle(P, () => ({
+    setWidth: (e) => {
+      u.current && (u.current.style.width = e ? e + "px" : "");
+    },
+    setScrollLeft: (e) => {
+      f.current && f.current.scrollLeft !== e && (R.current = !0, f.current.scrollLeft = e, R.current = !1);
+    }
+  }));
+  const v = n.useCallback(
+    (e) => {
+      var c;
+      const t = (c = o.containerElementRef) == null ? void 0 : c.current;
+      if (!t || R.current)
+        return;
+      const l = e.currentTarget.scrollLeft;
+      t.scrollLeft !== l && (t.scrollLeft = l);
+    },
+    [o.containerElementRef]
+  ), L = n.useCallback(
+    (e) => {
+      var t;
+      (t = o.columnResizeRef) != null && t.current && (r ? o.columnResizeRef.current.colGroupPinnedTop = e : o.columnResizeRef.current.colGroupPinnedBottom = e);
+    },
+    [o.columnResizeRef, r]
+  ), K = a != null && a.pinnedData ? { ...a, data: a.pinnedData } : a, S = p.map((e, t) => {
+    var T;
+    const l = {
+      dataItem: e,
+      rowType: "data",
+      level: 0,
+      expanded: !1,
+      dataIndex: t
+    }, c = s.dataItemKey, b = "pinned_" + ((c ? U(c)(e) : void 0) || "ai" + t), m = Q(s, G, l, b, t, !1);
+    return /* @__PURE__ */ n.createElement(
+      O,
+      {
+        key: b,
+        isStackedMode: !!k,
+        item: l,
+        rowId: b,
+        dataIndex: t,
+        ariaRowIndex: t + 1,
+        absoluteRowIndex: t,
+        isAltRow: t % 2 !== 0,
+        isHidden: !1,
+        isRowReorderable: !1,
+        rowHeight: C,
+        rows: K,
+        leafColumns: s.leafColumns,
+        groupLevelCount: N || 0,
+        stackedLayoutSettings: w,
+        cells: s.cells,
+        editMode: (T = s.editable) == null ? void 0 : T.mode,
+        isSelected: m.isSelected,
+        isHighlighted: m.isHighlighted,
+        isInEdit: m.isInEdit && !s.isEditDialog,
+        preparedCells: m.row,
+        showDetailToggle: !1,
+        isDetailExpanded: !1
+      }
+    );
+  }), B = g("k-grid-pinned-container", {
+    "k-pos-bottom": !r
+  }), D = g(E.table({ size: h })), z = y ? n.cloneElement(y, { colGroupRef: L }) : null, A = n.useCallback(
+    (e) => {
+      var l;
+      const t = p[e.startRowIndex];
+      t && ((l = o.pinnedSelectionRelease) == null || l.call(o, e, t));
+    },
+    [o, p]
+  ), H = n.useMemo(() => i && { ...typeof i == "object" ? i : {}, enabled: !0, drag: !1 }, [i]), M = r ? _ : q;
+  return /* @__PURE__ */ n.createElement(
+    "div",
+    {
+      className: B,
+      style: {
+        display: S.length ? "" : "none"
+      }
+    },
+    /* @__PURE__ */ n.createElement("div", { className: "k-grid-pinned-wrap", ref: f, onScroll: v }, /* @__PURE__ */ n.createElement(
+      W,
+      {
+        selectable: H,
+        onRelease: A,
+        childRef: (e) => {
+          u.current = e;
+        }
+      },
+      /* @__PURE__ */ n.createElement(
+        "table",
+        {
+          ref: u,
+          className: D,
+          "aria-label": r ? "Pinned top rows" : "Pinned bottom rows"
+        },
+        z,
+        /* @__PURE__ */ n.createElement("tbody", { className: g(E.tbody({})), ...M }, S)
+      )
+    ))
+  );
+};
+export {
+  ee as PinnedRowsTable
+};

package/components/StickyGroupTable.d.ts

@@ -0,0 +1,42 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { DataRowContext } from '../getRowContents.js';
+import { GridStackedLayoutSettings } from '../interfaces/GridStackedLayoutSettings.js';
+import * as React from 'react';
+/**
+ * Represents the StickyGroupTable handle.
+ *
+ * @hidden
+ */
+export interface StickyTableHandle {
+    /**
+     * Sets the width of the sticky table element.
+     */
+    setWidth: (width: number) => void;
+    /**
+     * Sets the horizontal scroll position of the sticky container.
+     */
+    setScrollLeft: (scrollLeft: number) => void;
+}
+/**
+ * @hidden
+ */
+export interface StickyGroupTableProps {
+    size?: string;
+    colGroups?: React.ReactElement;
+    dataRowContext: DataRowContext;
+    position: 'top' | 'bottom';
+    isStackedMode?: boolean;
+    groupLevelCount?: number;
+    stackedLayoutSettings?: GridStackedLayoutSettings;
+    rowHeight?: number;
+}
+/**
+ * @hidden
+ */
+export declare const StickyGroupTable: React.FC<StickyGroupTableProps>;

package/components/StickyGroupTable.js

@@ -0,0 +1,9 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * 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 O=require("react"),l=require("@progress/kendo-react-common"),h=require("../utils/GridContext.js"),j=require("../rows/GridRowRenderer.js"),q=require("../getRowContents.js");function x(o){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(o){for(const e in o)if(e!=="default"){const i=Object.getOwnPropertyDescriptor(o,e);Object.defineProperty(n,e,i.get?i:{enumerable:!0,get:()=>o[e]})}}return n.default=o,Object.freeze(n)}const r=x(O),z=({size:o,colGroups:n,dataRowContext:e,position:i,isStackedMode:k,groupLevelCount:g,stackedLayoutSettings:I,rowHeight:C})=>{const u=l.useUnstyled(),f=u!=null&&u.uGrid?u.uGrid:l.uGrid,t=r.useContext(h.GridContext),c=i==="top",d=c?t.stickyHeaderRef:t.stickyFooterRef,b=(c?t.stickyHeaderItems:t.stickyFooterItems)||[],G=b.length>0,w=l.classNames(f.stickyContainer({bottom:!c})),S=l.classNames(f.table({size:o})),m=r.useRef(null),N=c?t.stickyHeaderTableRef:t.stickyFooterTableRef;r.useImperativeHandle(N,()=>({setWidth:s=>{m.current&&(m.current.style.width=s?s+"px":"")},setScrollLeft:s=>{d.current&&d.current.scrollLeft!==s&&(d.current.scrollLeft=s)}}));const T=r.useCallback(s=>{var a;(a=t.columnResizeRef)!=null&&a.current&&(c?t.columnResizeRef.current.colGroupStickyHeader=s:t.columnResizeRef.current.colGroupStickyFooter=s)},[t.columnResizeRef,c]),E=n?r.cloneElement(n,{colGroupRef:T}):null,v=()=>b.map((s,a)=>{const{item:y,flatIndex:p}=s,R=e.dataItemKey&&l.getter(e.dataItemKey)(y.dataItem)||"ai"+p,H=q.getRowContents(e,{},y,R,a,!1);return r.createElement(j.GridRowRenderer,{key:R,isStackedMode:!!k,item:y,rowId:R,dataIndex:-1,ariaRowIndex:a,absoluteRowIndex:p,isAltRow:!1,isHidden:!1,isRowReorderable:!1,rowHeight:C,rows:void 0,leafColumns:e.leafColumns,groupLevelCount:g||0,stackedLayoutSettings:I,cells:e.cells,isSelected:!1,isInEdit:!1,preparedCells:H.row,showDetailToggle:!1,isDetailExpanded:!1})});return r.createElement("div",{ref:d,className:w,style:{display:G?"":"none"}},r.createElement("table",{ref:m,className:S},E,r.createElement("tbody",{className:l.classNames(f.tbody({}))},v())))};exports.StickyGroupTable=z;

package/components/StickyGroupTable.mjs

@@ -0,0 +1,82 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+"use client";
+import * as s from "react";
+import { useUnstyled as T, uGrid as v, classNames as f, getter as z } from "@progress/kendo-react-common";
+import { GridContext as F } from "../utils/GridContext.mjs";
+import { GridRowRenderer as K } from "../rows/GridRowRenderer.mjs";
+import { getRowContents as L } from "../getRowContents.mjs";
+const j = ({
+  size: p,
+  colGroups: u,
+  dataRowContext: o,
+  position: k,
+  isStackedMode: I,
+  groupLevelCount: b,
+  stackedLayoutSettings: C,
+  rowHeight: g
+}) => {
+  const n = T(), c = n != null && n.uGrid ? n.uGrid : v, e = s.useContext(F), r = k === "top", a = r ? e.stickyHeaderRef : e.stickyFooterRef, R = (r ? e.stickyHeaderItems : e.stickyFooterItems) || [], G = R.length > 0, w = f(c.stickyContainer({ bottom: !r })), E = f(c.table({ size: p })), i = s.useRef(null), H = r ? e.stickyHeaderTableRef : e.stickyFooterTableRef;
+  s.useImperativeHandle(H, () => ({
+    setWidth: (t) => {
+      i.current && (i.current.style.width = t ? t + "px" : "");
+    },
+    setScrollLeft: (t) => {
+      a.current && a.current.scrollLeft !== t && (a.current.scrollLeft = t);
+    }
+  }));
+  const N = s.useCallback(
+    (t) => {
+      var l;
+      (l = e.columnResizeRef) != null && l.current && (r ? e.columnResizeRef.current.colGroupStickyHeader = t : e.columnResizeRef.current.colGroupStickyFooter = t);
+    },
+    [e.columnResizeRef, r]
+  ), S = u ? s.cloneElement(u, { colGroupRef: N }) : null, h = () => R.map((t, l) => {
+    const { item: d, flatIndex: y } = t, m = o.dataItemKey && z(o.dataItemKey)(d.dataItem) || "ai" + y, x = L(o, {}, d, m, l, !1);
+    return /* @__PURE__ */ s.createElement(
+      K,
+      {
+        key: m,
+        isStackedMode: !!I,
+        item: d,
+        rowId: m,
+        dataIndex: -1,
+        ariaRowIndex: l,
+        absoluteRowIndex: y,
+        isAltRow: !1,
+        isHidden: !1,
+        isRowReorderable: !1,
+        rowHeight: g,
+        rows: void 0,
+        leafColumns: o.leafColumns,
+        groupLevelCount: b || 0,
+        stackedLayoutSettings: C,
+        cells: o.cells,
+        isSelected: !1,
+        isInEdit: !1,
+        preparedCells: x.row,
+        showDetailToggle: !1,
+        isDetailExpanded: !1
+      }
+    );
+  });
+  return /* @__PURE__ */ s.createElement(
+    "div",
+    {
+      ref: a,
+      className: w,
+      style: {
+        display: G ? "" : "none"
+      }
+    },
+    /* @__PURE__ */ s.createElement("table", { ref: i, className: E }, S, /* @__PURE__ */ s.createElement("tbody", { className: f(c.tbody({})) }, h()))
+  );
+};
+export {
+  j as StickyGroupTable
+};

package/components/colGroup/GridColGroup.js

@@ -6,4 +6,4 @@
  *-------------------------------------------------------------------------------------------
  */
 "use client";
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react"),i=require("../../utils/GridContext.js");function u(e){const t=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(t,r,n.get?n:{enumerable:!0,get:()=>e[r]})}}return t.default=e,Object.freeze(t)}const o=u(c),l=e=>{const t=o.useContext(i.GridContext);return o.createElement("colgroup",{ref:r=>{t.columnResizeRef.current.colGroupMain=r,t.columnResizeRef.current.initWidths()}},e.children)};exports.GridColGroup=l;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react"),i=require("../../utils/GridContext.js");function u(t){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const e in t)if(e!=="default"){const n=Object.getOwnPropertyDescriptor(t,e);Object.defineProperty(r,e,n.get?n:{enumerable:!0,get:()=>t[e]})}}return r.default=t,Object.freeze(r)}const o=u(c),l=t=>{const r=o.useContext(i.GridContext),e=t.colGroupRef;return o.createElement("colgroup",{ref:n=>{e?typeof e=="function"?e(n):e.current=n:(r.columnResizeRef.current.colGroupMain=n,r.columnResizeRef.current.initWidths())}},t.children)};exports.GridColGroup=l;

package/components/colGroup/GridColGroup.mjs

@@ -6,20 +6,20 @@
  *-------------------------------------------------------------------------------------------
  */
 "use client";
-import * as r from "react";
-import { GridContext as n } from "../../utils/GridContext.mjs";
-const c = (t) => {
-  const e = r.useContext(n);
-  return /* @__PURE__ */ r.createElement(
+import * as n from "react";
+import { GridContext as i } from "../../utils/GridContext.mjs";
+const u = (r) => {
+  const o = n.useContext(i), e = r.colGroupRef;
+  return /* @__PURE__ */ n.createElement(
     "colgroup",
     {
-      ref: (o) => {
-        e.columnResizeRef.current.colGroupMain = o, e.columnResizeRef.current.initWidths();
+      ref: (t) => {
+        e ? typeof e == "function" ? e(t) : e.current = t : (o.columnResizeRef.current.colGroupMain = t, o.columnResizeRef.current.initWidths());
       }
     },
-    t.children
+    r.children
   );
 };
 export {
-  c as GridColGroup
+  u as GridColGroup
 };

package/contextMenu/GridContextMenu.d.ts

@@ -103,6 +103,48 @@ export declare const contextMenuItemsMap: {
             };
         }[];
     };
+    pinRow: {
+        name: string;
+        text: string;
+        icon: string;
+        svgIcon: import('@progress/kendo-svg-icons').SVGIcon;
+        items: {
+            name: string;
+            text: string;
+            icon: string;
+            svgIcon: import('@progress/kendo-svg-icons').SVGIcon;
+            data: {
+                action: string;
+            };
+        }[];
+    };
+    pinTop: {
+        name: string;
+        text: string;
+        icon: string;
+        svgIcon: import('@progress/kendo-svg-icons').SVGIcon;
+        data: {
+            action: string;
+        };
+    };
+    pinBottom: {
+        name: string;
+        text: string;
+        icon: string;
+        svgIcon: import('@progress/kendo-svg-icons').SVGIcon;
+        data: {
+            action: string;
+        };
+    };
+    unpin: {
+        name: string;
+        text: string;
+        icon: string;
+        svgIcon: import('@progress/kendo-svg-icons').SVGIcon;
+        data: {
+            action: string;
+        };
+    };
     copySelection: {
         name: string;
         text: string;

package/contextMenu/GridContextMenu.js

@@ -6,4 +6,4 @@
  *-------------------------------------------------------------------------------------------
  */
 "use client";
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const w=require("react"),e=require("@progress/kendo-svg-icons"),R=require("@progress/kendo-react-intl"),f=require("@progress/kendo-react-layout"),t=require("./enums.js");function M(n){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(n){for(const c in n)if(c!=="default"){const s=Object.getOwnPropertyDescriptor(n,c);Object.defineProperty(r,c,s.get?s:{enumerable:!0,get:()=>n[c]})}}return r.default=n,Object.freeze(r)}const m=M(w),I={[t.GridContextMenuItemNames.create]:{name:"create",text:"Add",icon:"plus",svgIcon:e.plusIcon,data:{action:"AddCommand"}},[t.GridContextMenuItemNames.edit]:{name:"edit",text:"Edit",icon:"pencil",svgIcon:e.pencilIcon,data:{action:"EditCommand"}},[t.GridContextMenuItemNames.delete]:{name:"delete",text:"Delete",icon:"trash",svgIcon:e.trashIcon,data:{action:"DeleteCommand"}},[t.GridContextMenuItemNames.select]:{name:"select",text:"Select",icon:"table-body",svgIcon:e.tableBodyIcon,items:[{name:"selectRow",text:"Row",icon:"table-row-groups",svgIcon:e.tableRowGroupsIcon,data:{action:"SelectRowCommand"}},{name:"selectAllRows",text:"All rows",icon:"grid",svgIcon:e.gridIcon,data:{action:"SelectAllRowsCommand"}},{name:"clearSelection",text:"Clear selection",icon:"table-unmerge",svgIcon:e.tableUnmergeIcon,data:{action:"ClearSelectionCommand"}}]},[t.GridContextMenuItemNames.copySelection]:{name:"copySelection",text:"Copy selection",icon:"page-header-section",svgIcon:e.pageHeaderSectionIcon,data:{action:"CopySelectionCommand"},options:"withHeaders"},[t.GridContextMenuItemNames.copySelectionNoHeaders]:{name:"copySelectionNoHeaders",text:"Copy selection (No Headers)",icon:"file-txt",svgIcon:e.fileTxtIcon,data:{action:"CopySelectionCommand"}},[t.GridContextMenuItemNames.paste]:{name:"paste",text:"Paste (use CTRL/⌘ + V)",icon:"clipboard",svgIcon:e.clipboardIcon,data:{action:"PasteCommand"}},[t.GridContextMenuItemNames.reorderRow]:{name:"reorderRow",text:"Reorder row",icon:"caret-alt-expand",svgIcon:e.caretAltExpandIcon,items:[{name:"reorderRowUp",text:"Up",icon:"caret-alt-up",svgIcon:e.caretAltUpIcon,data:{action:"ReorderRowCommand"}},{name:"reorderRowDown",text:"Down",icon:"caret-alt-down",svgIcon:e.caretAltDownIcon,data:{action:"ReorderRowCommand"}},{name:"reorderRowTop",text:"Top",icon:"caret-alt-to-top",svgIcon:e.caretAltToTopIcon,data:{action:"ReorderRowCommand"}},{name:"reorderRowBottom",text:"Bottom",icon:"caret-alt-to-bottom",svgIcon:e.caretAltToBottomIcon,data:{action:"ReorderRowCommand"}}]},[t.GridContextMenuItemNames.exportPDF]:{name:"exportPDF",text:"Export to PDF",icon:"file-pdf",svgIcon:e.filePdfIcon,data:{action:"ExportPDFCommand"}},[t.GridContextMenuItemNames.exportExcel]:{name:"exportExcel",text:"Export to Excel",icon:"file-excel",svgIcon:e.fileExcelIcon,items:[{name:"exportToExcelAll",text:"All",data:{action:"ExportExcelCommand"}},{name:"exportToExcelSelection",text:"Selection",data:{action:"ExportExcelCommand"},options:"selection,withHeaders"},{name:"exportToExcelSelectionNoHeaders",text:"Selection (No Headers)",data:{action:"ExportExcelCommand"},options:"selection"}]},[t.GridContextMenuItemNames.separator]:{name:"separator",separator:!0},[t.GridContextMenuItemNames.sortAsc]:{name:"sortAsc",text:"Sort Ascending",icon:"sort-asc-small",svgIcon:e.sortAscSmallIcon,data:{action:"SortCommand"}},[t.GridContextMenuItemNames.sortDesc]:{name:"sortDesc",text:"Sort Descending",icon:"sort-desc-small",svgIcon:e.sortDescSmallIcon,data:{action:"SortCommand"}}},v=n=>{const{show:r,offset:c,dataItem:s,field:d,items:i,onClose:u,onSelect:x}=n,p=R.useLocalization(),C=m.useCallback(a=>{x.call(void 0,{event:a,dataItem:s,field:d})},[x,s,d]),l=m.useCallback(a=>{const o=a;return o.text&&o.name&&(o.text=p.toLanguageString(`contextMenu.${o.name}`,o.text||"")),o.items&&Array.isArray(o.items)&&(o.items=o.items.map(S=>l(S))),o},[p]),g=m.useMemo(()=>i&&i.map(a=>{const o=typeof a=="string"?I[a]:a;return l(o)}),[i,l]);return m.createElement(f.ContextMenu,{show:r,offset:c,items:g,onClose:u,onSelect:C})};exports.GridContextMenu=v;exports.contextMenuItemsMap=I;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const S=require("react"),e=require("@progress/kendo-svg-icons"),v=require("@progress/kendo-react-intl"),M=require("@progress/kendo-react-layout"),t=require("./enums.js");function R(n){const i=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(n){for(const c in n)if(c!=="default"){const r=Object.getOwnPropertyDescriptor(n,c);Object.defineProperty(i,c,r.get?r:{enumerable:!0,get:()=>n[c]})}}return i.default=n,Object.freeze(i)}const s=R(S),x={[t.GridContextMenuItemNames.create]:{name:"create",text:"Add",icon:"plus",svgIcon:e.plusIcon,data:{action:"AddCommand"}},[t.GridContextMenuItemNames.edit]:{name:"edit",text:"Edit",icon:"pencil",svgIcon:e.pencilIcon,data:{action:"EditCommand"}},[t.GridContextMenuItemNames.delete]:{name:"delete",text:"Delete",icon:"trash",svgIcon:e.trashIcon,data:{action:"DeleteCommand"}},[t.GridContextMenuItemNames.select]:{name:"select",text:"Select",icon:"table-body",svgIcon:e.tableBodyIcon,items:[{name:"selectRow",text:"Row",icon:"table-row-groups",svgIcon:e.tableRowGroupsIcon,data:{action:"SelectRowCommand"}},{name:"selectAllRows",text:"All rows",icon:"grid",svgIcon:e.gridIcon,data:{action:"SelectAllRowsCommand"}},{name:"clearSelection",text:"Clear selection",icon:"table-unmerge",svgIcon:e.tableUnmergeIcon,data:{action:"ClearSelectionCommand"}}]},[t.GridContextMenuItemNames.pinRow]:{name:"pinRow",text:"Pin row",icon:"pin-outline",svgIcon:e.pinOutlineIcon,items:[{name:"pinTop",text:"Pin to Top",icon:"pin-outline-top",svgIcon:e.pinOutlineTopIcon,data:{action:"PinTopCommand"}},{name:"pinBottom",text:"Pin to Bottom",icon:"pin-outline-bottom",svgIcon:e.pinOutlineBottomIcon,data:{action:"PinBottomCommand"}},{name:"unpin",text:"Unpin",icon:"unpin-outline",svgIcon:e.unpinOutlineIcon,data:{action:"UnpinCommand"}}]},[t.GridContextMenuItemNames.pinTop]:{name:"pinTop",text:"Pin to Top",icon:"pin-outline-top",svgIcon:e.pinOutlineTopIcon,data:{action:"PinTopCommand"}},[t.GridContextMenuItemNames.pinBottom]:{name:"pinBottom",text:"Pin to Bottom",icon:"pin-outline-bottom",svgIcon:e.pinOutlineBottomIcon,data:{action:"PinBottomCommand"}},[t.GridContextMenuItemNames.unpin]:{name:"unpin",text:"Unpin",icon:"unpin-outline",svgIcon:e.unpinOutlineIcon,data:{action:"UnpinCommand"}},[t.GridContextMenuItemNames.copySelection]:{name:"copySelection",text:"Copy selection",icon:"page-header-section",svgIcon:e.pageHeaderSectionIcon,data:{action:"CopySelectionCommand"},options:"withHeaders"},[t.GridContextMenuItemNames.copySelectionNoHeaders]:{name:"copySelectionNoHeaders",text:"Copy selection (No Headers)",icon:"file-txt",svgIcon:e.fileTxtIcon,data:{action:"CopySelectionCommand"}},[t.GridContextMenuItemNames.paste]:{name:"paste",text:"Paste (use CTRL/⌘ + V)",icon:"clipboard",svgIcon:e.clipboardIcon,data:{action:"PasteCommand"}},[t.GridContextMenuItemNames.reorderRow]:{name:"reorderRow",text:"Reorder row",icon:"caret-alt-expand",svgIcon:e.caretAltExpandIcon,items:[{name:"reorderRowUp",text:"Up",icon:"caret-alt-up",svgIcon:e.caretAltUpIcon,data:{action:"ReorderRowCommand"}},{name:"reorderRowDown",text:"Down",icon:"caret-alt-down",svgIcon:e.caretAltDownIcon,data:{action:"ReorderRowCommand"}},{name:"reorderRowTop",text:"Top",icon:"caret-alt-to-top",svgIcon:e.caretAltToTopIcon,data:{action:"ReorderRowCommand"}},{name:"reorderRowBottom",text:"Bottom",icon:"caret-alt-to-bottom",svgIcon:e.caretAltToBottomIcon,data:{action:"ReorderRowCommand"}}]},[t.GridContextMenuItemNames.exportPDF]:{name:"exportPDF",text:"Export to PDF",icon:"file-pdf",svgIcon:e.filePdfIcon,data:{action:"ExportPDFCommand"}},[t.GridContextMenuItemNames.exportExcel]:{name:"exportExcel",text:"Export to Excel",icon:"file-excel",svgIcon:e.fileExcelIcon,items:[{name:"exportToExcelAll",text:"All",data:{action:"ExportExcelCommand"}},{name:"exportToExcelSelection",text:"Selection",data:{action:"ExportExcelCommand"},options:"selection,withHeaders"},{name:"exportToExcelSelectionNoHeaders",text:"Selection (No Headers)",data:{action:"ExportExcelCommand"},options:"selection"}]},[t.GridContextMenuItemNames.separator]:{name:"separator",separator:!0},[t.GridContextMenuItemNames.sortAsc]:{name:"sortAsc",text:"Sort Ascending",icon:"sort-asc-small",svgIcon:e.sortAscSmallIcon,data:{action:"SortCommand"}},[t.GridContextMenuItemNames.sortDesc]:{name:"sortDesc",text:"Sort Descending",icon:"sort-desc-small",svgIcon:e.sortDescSmallIcon,data:{action:"SortCommand"}}},f=n=>{const{show:i,offset:c,dataItem:r,field:d,items:m,onClose:I,onSelect:p}=n,u=v.useLocalization(),C=s.useCallback(a=>{p.call(void 0,{event:a,dataItem:r,field:d})},[p,r,d]),l=s.useCallback(a=>{const o=a;return o.text&&o.name&&(o.text=u.toLanguageString(`contextMenu.${o.name}`,o.text||"")),o.items&&Array.isArray(o.items)&&(o.items=o.items.map(w=>l(w))),o},[u]),g=s.useMemo(()=>m&&m.map(a=>{const o=typeof a=="string"?x[a]:a;return l(o)}),[m,l]);return s.createElement(M.ContextMenu,{show:i,offset:c,items:g,onClose:I,onSelect:C})};exports.GridContextMenu=f;exports.contextMenuItemsMap=x;