@progress/kendo-react-grid 14.3.0-develop.6 → 14.3.0-develop.7

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.js

@@ -6,4 +6,4 @@
  *-------------------------------------------------------------------------------------------
  */
 "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;
+"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

@@ -37,7 +37,7 @@ const j = ({
     },
     [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);
+    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,
       {

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;

package/contextMenu/GridContextMenu.mjs

@@ -7,84 +7,134 @@
  */
 "use client";
 import * as a from "react";
-import { sortDescSmallIcon as w, sortAscSmallIcon as S, fileExcelIcon as u, filePdfIcon as R, caretAltUpIcon as f, caretAltDownIcon as v, caretAltToTopIcon as E, caretAltToBottomIcon as A, caretAltExpandIcon as y, clipboardIcon as D, fileTxtIcon as b, pageHeaderSectionIcon as T, tableRowGroupsIcon as H, gridIcon as h, tableUnmergeIcon as M, tableBodyIcon as P, trashIcon as N, pencilIcon as B, plusIcon as F } from "@progress/kendo-svg-icons";
-import { useLocalization as U } from "@progress/kendo-react-intl";
-import { ContextMenu as z } from "@progress/kendo-react-layout";
-import { GridContextMenuItemNames as e } from "./enums.mjs";
-const G = {
-  [e.create]: {
+import { sortDescSmallIcon as S, sortAscSmallIcon as R, fileExcelIcon as f, filePdfIcon as E, caretAltUpIcon as A, caretAltDownIcon as T, caretAltToTopIcon as P, caretAltToBottomIcon as b, caretAltExpandIcon as y, clipboardIcon as D, fileTxtIcon as B, pageHeaderSectionIcon as H, unpinOutlineIcon as s, pinOutlineBottomIcon as d, pinOutlineTopIcon as p, pinOutlineIcon as U, tableRowGroupsIcon as h, gridIcon as M, tableUnmergeIcon as N, tableBodyIcon as F, trashIcon as O, pencilIcon as z, plusIcon as G } from "@progress/kendo-svg-icons";
+import { useLocalization as L } from "@progress/kendo-react-intl";
+import { ContextMenu as k } from "@progress/kendo-react-layout";
+import { GridContextMenuItemNames as o } from "./enums.mjs";
+const V = {
+  [o.create]: {
     name: "create",
     text: "Add",
     icon: "plus",
-    svgIcon: F,
+    svgIcon: G,
     data: { action: "AddCommand" }
   },
-  [e.edit]: {
+  [o.edit]: {
     name: "edit",
     text: "Edit",
     icon: "pencil",
-    svgIcon: B,
+    svgIcon: z,
     data: { action: "EditCommand" }
   },
-  [e.delete]: {
+  [o.delete]: {
     name: "delete",
     text: "Delete",
     icon: "trash",
-    svgIcon: N,
+    svgIcon: O,
     data: { action: "DeleteCommand" }
   },
-  [e.select]: {
+  [o.select]: {
     name: "select",
     text: "Select",
     icon: "table-body",
-    svgIcon: P,
+    svgIcon: F,
     items: [
       {
         name: "selectRow",
         text: "Row",
         icon: "table-row-groups",
-        svgIcon: H,
+        svgIcon: h,
         data: { action: "SelectRowCommand" }
       },
       {
         name: "selectAllRows",
         text: "All rows",
         icon: "grid",
-        svgIcon: h,
+        svgIcon: M,
         data: { action: "SelectAllRowsCommand" }
       },
       {
         name: "clearSelection",
         text: "Clear selection",
         icon: "table-unmerge",
-        svgIcon: M,
+        svgIcon: N,
         data: { action: "ClearSelectionCommand" }
       }
     ]
   },
-  [e.copySelection]: {
+  [o.pinRow]: {
+    name: "pinRow",
+    text: "Pin row",
+    icon: "pin-outline",
+    svgIcon: U,
+    items: [
+      {
+        name: "pinTop",
+        text: "Pin to Top",
+        icon: "pin-outline-top",
+        svgIcon: p,
+        data: { action: "PinTopCommand" }
+      },
+      {
+        name: "pinBottom",
+        text: "Pin to Bottom",
+        icon: "pin-outline-bottom",
+        svgIcon: d,
+        data: { action: "PinBottomCommand" }
+      },
+      {
+        name: "unpin",
+        text: "Unpin",
+        icon: "unpin-outline",
+        svgIcon: s,
+        data: { action: "UnpinCommand" }
+      }
+    ]
+  },
+  [o.pinTop]: {
+    name: "pinTop",
+    text: "Pin to Top",
+    icon: "pin-outline-top",
+    svgIcon: p,
+    data: { action: "PinTopCommand" }
+  },
+  [o.pinBottom]: {
+    name: "pinBottom",
+    text: "Pin to Bottom",
+    icon: "pin-outline-bottom",
+    svgIcon: d,
+    data: { action: "PinBottomCommand" }
+  },
+  [o.unpin]: {
+    name: "unpin",
+    text: "Unpin",
+    icon: "unpin-outline",
+    svgIcon: s,
+    data: { action: "UnpinCommand" }
+  },
+  [o.copySelection]: {
     name: "copySelection",
     text: "Copy selection",
     icon: "page-header-section",
-    svgIcon: T,
+    svgIcon: H,
     data: { action: "CopySelectionCommand" },
     options: "withHeaders"
   },
-  [e.copySelectionNoHeaders]: {
+  [o.copySelectionNoHeaders]: {
     name: "copySelectionNoHeaders",
     text: "Copy selection (No Headers)",
     icon: "file-txt",
-    svgIcon: b,
+    svgIcon: B,
     data: { action: "CopySelectionCommand" }
   },
-  [e.paste]: {
+  [o.paste]: {
     name: "paste",
     text: "Paste (use CTRL/⌘ + V)",
     icon: "clipboard",
     svgIcon: D,
     data: { action: "PasteCommand" }
   },
-  [e.reorderRow]: {
+  [o.reorderRow]: {
     name: "reorderRow",
     text: "Reorder row",
     icon: "caret-alt-expand",
@@ -94,44 +144,44 @@ const G = {
         name: "reorderRowUp",
         text: "Up",
         icon: "caret-alt-up",
-        svgIcon: f,
+        svgIcon: A,
         data: { action: "ReorderRowCommand" }
       },
       {
         name: "reorderRowDown",
         text: "Down",
         icon: "caret-alt-down",
-        svgIcon: v,
+        svgIcon: T,
         data: { action: "ReorderRowCommand" }
       },
       {
         name: "reorderRowTop",
         text: "Top",
         icon: "caret-alt-to-top",
-        svgIcon: E,
+        svgIcon: P,
         data: { action: "ReorderRowCommand" }
       },
       {
         name: "reorderRowBottom",
         text: "Bottom",
         icon: "caret-alt-to-bottom",
-        svgIcon: A,
+        svgIcon: b,
         data: { action: "ReorderRowCommand" }
       }
     ]
   },
-  [e.exportPDF]: {
+  [o.exportPDF]: {
     name: "exportPDF",
     text: "Export to PDF",
     icon: "file-pdf",
-    svgIcon: R,
+    svgIcon: E,
     data: { action: "ExportPDFCommand" }
   },
-  [e.exportExcel]: {
+  [o.exportExcel]: {
     name: "exportExcel",
     text: "Export to Excel",
     icon: "file-excel",
-    svgIcon: u,
+    svgIcon: f,
     items: [
       { name: "exportToExcelAll", text: "All", data: { action: "ExportExcelCommand" } },
       {
@@ -148,44 +198,44 @@ const G = {
       }
     ]
   },
-  [e.separator]: { name: "separator", separator: !0 },
-  [e.sortAsc]: {
+  [o.separator]: { name: "separator", separator: !0 },
+  [o.sortAsc]: {
     name: "sortAsc",
     text: "Sort Ascending",
     icon: "sort-asc-small",
-    svgIcon: S,
+    svgIcon: R,
     data: { action: "SortCommand" }
   },
-  [e.sortDesc]: {
+  [o.sortDesc]: {
     name: "sortDesc",
     text: "Sort Descending",
     icon: "sort-desc-small",
-    svgIcon: w,
+    svgIcon: S,
     data: { action: "SortCommand" }
   }
-}, j = (m) => {
-  const { show: d, offset: p, dataItem: r, field: i, items: n, onClose: x, onSelect: s } = m, l = U(), I = a.useCallback(
-    (o) => {
-      s.call(void 0, {
-        event: o,
-        dataItem: r,
-        field: i
+}, K = (x) => {
+  const { show: I, offset: u, dataItem: i, field: m, items: n, onClose: g, onSelect: r } = x, l = L(), C = a.useCallback(
+    (e) => {
+      r.call(void 0, {
+        event: e,
+        dataItem: i,
+        field: m
       });
     },
-    [s, r, i]
+    [r, i, m]
   ), c = a.useCallback(
-    (o) => {
-      const t = o;
-      return t.text && t.name && (t.text = l.toLanguageString(`contextMenu.${t.name}`, t.text || "")), t.items && Array.isArray(t.items) && (t.items = t.items.map((C) => c(C))), t;
+    (e) => {
+      const t = e;
+      return t.text && t.name && (t.text = l.toLanguageString(`contextMenu.${t.name}`, t.text || "")), t.items && Array.isArray(t.items) && (t.items = t.items.map((v) => c(v))), t;
     },
     [l]
-  ), g = a.useMemo(() => n && n.map((o) => {
-    const t = typeof o == "string" ? G[o] : o;
+  ), w = a.useMemo(() => n && n.map((e) => {
+    const t = typeof e == "string" ? V[e] : e;
     return c(t);
   }), [n, c]);
-  return /* @__PURE__ */ a.createElement(z, { show: d, offset: p, items: g, onClose: x, onSelect: I });
+  return /* @__PURE__ */ a.createElement(k, { show: I, offset: u, items: w, onClose: g, onSelect: C });
 };
 export {
-  j as GridContextMenu,
-  G as contextMenuItemsMap
+  K as GridContextMenu,
+  V as contextMenuItemsMap
 };

package/contextMenu/enums.d.ts

@@ -32,5 +32,9 @@ export declare enum GridContextMenuItemNames {
     exportExcel = "exportExcel",
     separator = "separator",
     sortAsc = "sortAsc",
-    sortDesc = "sortDesc"
+    sortDesc = "sortDesc",
+    pinRow = "pinRow",
+    pinTop = "pinTop",
+    pinBottom = "pinBottom",
+    unpin = "unpin"
 }

package/contextMenu/enums.js

@@ -5,4 +5,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});var c=(r=>(r.head="head",r.body="body",r))(c||{}),o=(r=>(r.create="create",r.edit="edit",r.delete="delete",r.select="select",r.copySelection="copySelection",r.copySelectionNoHeaders="copySelectionNoHeaders",r.paste="paste",r.reorderRow="reorderRow",r.exportPDF="exportPDF",r.exportExcel="exportExcel",r.separator="separator",r.sortAsc="sortAsc",r.sortDesc="sortDesc",r))(o||{});exports.GridContextMenuAnchorPart=c;exports.GridContextMenuItemNames=o;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});var p=(o=>(o.head="head",o.body="body",o))(p||{}),c=(o=>(o.create="create",o.edit="edit",o.delete="delete",o.select="select",o.copySelection="copySelection",o.copySelectionNoHeaders="copySelectionNoHeaders",o.paste="paste",o.reorderRow="reorderRow",o.exportPDF="exportPDF",o.exportExcel="exportExcel",o.separator="separator",o.sortAsc="sortAsc",o.sortDesc="sortDesc",o.pinRow="pinRow",o.pinTop="pinTop",o.pinBottom="pinBottom",o.unpin="unpin",o))(c||{});exports.GridContextMenuAnchorPart=p;exports.GridContextMenuItemNames=c;

package/contextMenu/enums.mjs

@@ -5,8 +5,8 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-var r = /* @__PURE__ */ ((c) => (c.head = "head", c.body = "body", c))(r || {}), o = /* @__PURE__ */ ((c) => (c.create = "create", c.edit = "edit", c.delete = "delete", c.select = "select", c.copySelection = "copySelection", c.copySelectionNoHeaders = "copySelectionNoHeaders", c.paste = "paste", c.reorderRow = "reorderRow", c.exportPDF = "exportPDF", c.exportExcel = "exportExcel", c.separator = "separator", c.sortAsc = "sortAsc", c.sortDesc = "sortDesc", c))(o || {});
+var c = /* @__PURE__ */ ((p) => (p.head = "head", p.body = "body", p))(c || {}), o = /* @__PURE__ */ ((p) => (p.create = "create", p.edit = "edit", p.delete = "delete", p.select = "select", p.copySelection = "copySelection", p.copySelectionNoHeaders = "copySelectionNoHeaders", p.paste = "paste", p.reorderRow = "reorderRow", p.exportPDF = "exportPDF", p.exportExcel = "exportExcel", p.separator = "separator", p.sortAsc = "sortAsc", p.sortDesc = "sortDesc", p.pinRow = "pinRow", p.pinTop = "pinTop", p.pinBottom = "pinBottom", p.unpin = "unpin", p))(o || {});
 export {
-  r as GridContextMenuAnchorPart,
+  c as GridContextMenuAnchorPart,
   o as GridContextMenuItemNames
 };