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

package/GridState.d.ts

@@ -23,6 +23,8 @@ export type GridState = {
     detailExpand?: GridProps['detailExpand'];
     groupExpand?: GridProps['groupExpand'];
     columnsState?: GridProps['columnsState'];
+    pinnedTopRows?: GridProps['pinnedTopRows'];
+    pinnedBottomRows?: GridProps['pinnedBottomRows'];
 };
 /** @hidden */
 export type GridStateAction = any;

package/GridState.js

@@ -6,4 +6,4 @@
  *-------------------------------------------------------------------------------------------
  */
 "use client";
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const lt=require("react");function it(t){const c=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const i in t)if(i!=="default"){const d=Object.getOwnPropertyDescriptor(t,i);Object.defineProperty(c,i,d.get?d:{enumerable:!0,get:()=>t[i]})}}return c.default=t,Object.freeze(c)}const o=it(lt),K=o.createContext([{},()=>{},{}]),dt=()=>o.useContext(K),ct=t=>{var m,k,G,b,P,D,O,j,y,H,T,_,F,M,R,q,w,z,N,A,B,I,J;const{children:c,onEditChange:i,onFilterChange:d,onSortChange:h,onSearchChange:r,onPageChange:g,onGroupChange:u,onDataStateChange:s,onSelectionChange:S,onDetailExpandChange:f,onGroupExpandChange:C,onHeaderSelectionChange:x,onColumnsStateChange:E}=t,[l,n]=o.useState({edit:(m=t.defaultEdit)!=null?m:t.edit,filter:(k=t.defaultFilter)!=null?k:t.filter,highlight:t.highlight,select:(G=t.defaultSelect)!=null?G:t.select,search:(b=t.defaultSearch)!=null?b:t.search,sort:(P=t.defaultSort)!=null?P:t.sort,take:(D=t.defaultTake)!=null?D:t.take,skip:(O=t.defaultSkip)!=null?O:t.skip,group:(j=t.defaultGroup)!=null?j:t.group,detailExpand:(y=t.defaultDetailExpand)!=null?y:t.detailExpand,groupExpand:(H=t.defaultGroupExpand)!=null?H:t.groupExpand,columnsState:(T=t.defaultColumnsState)!=null?T:t.columnsState}),L={edit:(_=t.edit)!=null?_:l.edit,filter:(F=t.filter)!=null?F:l.filter,highlight:(M=t.highlight)!=null?M:l.highlight,search:(R=t.search)!=null?R:l.search,sort:(q=t.sort)!=null?q:l.sort,take:(w=t.take)!=null?w:l.take,skip:(z=t.skip)!=null?z:l.skip,group:(N=t.group)!=null?N:l.group,select:(A=t.select)!=null?A:l.select,detailExpand:(B=t.detailExpand)!=null?B:l.detailExpand,groupExpand:(I=t.groupExpand)!=null?I:l.groupExpand,columnsState:(J=t.columnsState)!=null?J:l.columnsState},Q=e=>{},U=e=>{n(a=>({...a,edit:e.edit})),i==null||i(e)},V=e=>{n(a=>({...a,filter:e.filter})),d==null||d(e)},W=e=>{n(a=>({...a,highlight:e.highlight})),t.onHighlightChange&&t.onHighlightChange(e)},X=e=>{n(a=>({...a,search:e.search,skip:0})),r==null||r(e)},Y=e=>{n(a=>({...a,sort:e.sort})),h==null||h(e)},Z=e=>{n(a=>({...a,...e.page})),g==null||g(e)},$=e=>{n(a=>({...a,group:e.group})),u==null||u(e)},v=e=>{n(a=>({...a,...e.dataState})),s==null||s(e)},p=e=>{n(a=>({...a,select:e.select})),S==null||S(e)},tt=e=>{n(a=>({...a,select:e.select})),x==null||x(e)},et=e=>{n(a=>({...a,detailExpand:e.detailExpand})),f==null||f(e)},at=e=>{n(a=>({...a,groupExpand:e.groupExpand})),C==null||C(e)},nt=e=>{n(a=>({...a,columnsState:e.columnsState})),E==null||E(e)};return o.createElement(K.Provider,{value:[L,Q,{onEditChange:U,onFilterChange:d&&V,onSearchChange:X,onHighlightChange:W,onSortChange:h&&Y,onPageChange:g&&Z,onGroupChange:u&&$,onDataStateChange:v,onSelectionChange:p,onHeaderSelectionChange:tt,onDetailExpandChange:et,onGroupExpandChange:at,onColumnsStateChange:nt}]},c)};exports.GridClientStateProvider=ct;exports.useGridState=dt;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const ut=require("react");function gt(t){const o=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const d in t)if(d!=="default"){const l=Object.getOwnPropertyDescriptor(t,d);Object.defineProperty(o,d,l.get?l:{enumerable:!0,get:()=>t[d]})}}return o.default=t,Object.freeze(o)}const g=gt(ut),W=g.createContext([{},()=>{},{}]),st=()=>g.useContext(W),rt=t=>{var R,w,k,P,T,G,b,B,D,O,j,y,H,_,F,M,q,z,N,A,I,J,K,L,Q,U,V;const{children:o,onEditChange:d,onFilterChange:l,onSortChange:c,onSearchChange:s,onPageChange:h,onGroupChange:u,onDataStateChange:r,onSelectionChange:S,onDetailExpandChange:f,onGroupExpandChange:C,onHeaderSelectionChange:m,onColumnsStateChange:x,onRowPinChange:E}=t,[a,i]=g.useState({edit:(R=t.defaultEdit)!=null?R:t.edit,filter:(w=t.defaultFilter)!=null?w:t.filter,highlight:t.highlight,select:(k=t.defaultSelect)!=null?k:t.select,search:(P=t.defaultSearch)!=null?P:t.search,sort:(T=t.defaultSort)!=null?T:t.sort,take:(G=t.defaultTake)!=null?G:t.take,skip:(b=t.defaultSkip)!=null?b:t.skip,group:(B=t.defaultGroup)!=null?B:t.group,detailExpand:(D=t.defaultDetailExpand)!=null?D:t.detailExpand,groupExpand:(O=t.defaultGroupExpand)!=null?O:t.groupExpand,columnsState:(j=t.defaultColumnsState)!=null?j:t.columnsState,pinnedTopRows:(y=t.defaultPinnedTopRows)!=null?y:t.pinnedTopRows,pinnedBottomRows:(H=t.defaultPinnedBottomRows)!=null?H:t.pinnedBottomRows}),X={edit:(_=t.edit)!=null?_:a.edit,filter:(F=t.filter)!=null?F:a.filter,highlight:(M=t.highlight)!=null?M:a.highlight,search:(q=t.search)!=null?q:a.search,sort:(z=t.sort)!=null?z:a.sort,take:(N=t.take)!=null?N:a.take,skip:(A=t.skip)!=null?A:a.skip,group:(I=t.group)!=null?I:a.group,select:(J=t.select)!=null?J:a.select,detailExpand:(K=t.detailExpand)!=null?K:a.detailExpand,groupExpand:(L=t.groupExpand)!=null?L:a.groupExpand,columnsState:(Q=t.columnsState)!=null?Q:a.columnsState,pinnedTopRows:(U=t.pinnedTopRows)!=null?U:a.pinnedTopRows,pinnedBottomRows:(V=t.pinnedBottomRows)!=null?V:a.pinnedBottomRows},Y=e=>{},Z=e=>{i(n=>({...n,edit:e.edit})),d==null||d(e)},$=e=>{i(n=>({...n,filter:e.filter})),l==null||l(e)},v=e=>{i(n=>({...n,highlight:e.highlight})),t.onHighlightChange&&t.onHighlightChange(e)},p=e=>{i(n=>({...n,search:e.search,skip:0})),s==null||s(e)},tt=e=>{i(n=>({...n,sort:e.sort})),c==null||c(e)},et=e=>{i(n=>({...n,...e.page})),h==null||h(e)},nt=e=>{i(n=>({...n,group:e.group})),u==null||u(e)},at=e=>{i(n=>({...n,...e.dataState})),r==null||r(e)},it=e=>{i(n=>({...n,select:e.select})),S==null||S(e)},dt=e=>{i(n=>({...n,select:e.select})),m==null||m(e)},lt=e=>{i(n=>({...n,detailExpand:e.detailExpand})),f==null||f(e)},ot=e=>{i(n=>({...n,groupExpand:e.groupExpand})),C==null||C(e)},ct=e=>{i(n=>({...n,columnsState:e.columnsState})),x==null||x(e)},ht=e=>{i(n=>({...n,pinnedTopRows:e.pinnedTopRows,pinnedBottomRows:e.pinnedBottomRows})),E==null||E(e)};return g.createElement(W.Provider,{value:[X,Y,{onEditChange:Z,onFilterChange:l&&$,onSearchChange:p,onHighlightChange:v,onSortChange:c&&tt,onPageChange:h&&et,onGroupChange:u&&nt,onDataStateChange:at,onSelectionChange:it,onHeaderSelectionChange:dt,onDetailExpandChange:lt,onGroupExpandChange:ot,onColumnsStateChange:ct,onRowPinChange:ht}]},o)};exports.GridClientStateProvider=rt;exports.useGridState=st;

package/GridState.mjs

@@ -6,105 +6,113 @@
  *-------------------------------------------------------------------------------------------
  */
 "use client";
-import * as g from "react";
-const N = g.createContext([{}, () => {
-}, {}]), nt = () => g.useContext(N), ht = (e) => {
-  var f, k, m, G, H, D, P, F, R, T, b, j, q, w, y, z, A, B, I, J, K, L, M;
+import * as c from "react";
+const W = c.createContext([{}, () => {
+}, {}]), gt = () => c.useContext(W), ut = (t) => {
+  var R, r, w, k, T, B, G, P, H, D, F, b, j, q, y, z, A, I, J, K, L, M, N, O, Q, U, V;
   const {
-    children: O,
-    onEditChange: u,
-    onFilterChange: h,
-    onSortChange: i,
-    onSearchChange: o,
-    onPageChange: d,
-    onGroupChange: c,
-    onDataStateChange: S,
-    onSelectionChange: s,
-    onDetailExpandChange: r,
-    onGroupExpandChange: x,
-    onHeaderSelectionChange: C,
-    onColumnsStateChange: E
-  } = e, [n, l] = g.useState({
-    edit: (f = e.defaultEdit) != null ? f : e.edit,
-    filter: (k = e.defaultFilter) != null ? k : e.filter,
-    highlight: e.highlight,
-    select: (m = e.defaultSelect) != null ? m : e.select,
-    search: (G = e.defaultSearch) != null ? G : e.search,
-    sort: (H = e.defaultSort) != null ? H : e.sort,
-    take: (D = e.defaultTake) != null ? D : e.take,
-    skip: (P = e.defaultSkip) != null ? P : e.skip,
-    group: (F = e.defaultGroup) != null ? F : e.group,
-    detailExpand: (R = e.defaultDetailExpand) != null ? R : e.detailExpand,
-    groupExpand: (T = e.defaultGroupExpand) != null ? T : e.groupExpand,
-    columnsState: (b = e.defaultColumnsState) != null ? b : e.columnsState
-  }), Q = {
-    edit: (j = e.edit) != null ? j : n.edit,
-    filter: (q = e.filter) != null ? q : n.filter,
-    highlight: (w = e.highlight) != null ? w : n.highlight,
-    search: (y = e.search) != null ? y : n.search,
-    sort: (z = e.sort) != null ? z : n.sort,
-    take: (A = e.take) != null ? A : n.take,
-    skip: (B = e.skip) != null ? B : n.skip,
-    group: (I = e.group) != null ? I : n.group,
-    select: (J = e.select) != null ? J : n.select,
-    detailExpand: (K = e.detailExpand) != null ? K : n.detailExpand,
-    groupExpand: (L = e.groupExpand) != null ? L : n.groupExpand,
-    columnsState: (M = e.columnsState) != null ? M : n.columnsState
-  }, U = (t) => {
-  }, V = (t) => {
-    l((a) => ({ ...a, edit: t.edit })), u == null || u(t);
-  }, W = (t) => {
-    l((a) => ({ ...a, filter: t.filter })), h == null || h(t);
-  }, X = (t) => {
-    l((a) => ({ ...a, highlight: t.highlight })), e.onHighlightChange && e.onHighlightChange(t);
-  }, Y = (t) => {
-    l((a) => ({ ...a, search: t.search, skip: 0 })), o == null || o(t);
-  }, Z = (t) => {
-    l((a) => ({ ...a, sort: t.sort })), i == null || i(t);
-  }, _ = (t) => {
-    l((a) => ({ ...a, ...t.page })), d == null || d(t);
-  }, $ = (t) => {
-    l((a) => ({ ...a, group: t.group })), c == null || c(t);
-  }, v = (t) => {
-    l((a) => ({ ...a, ...t.dataState })), S == null || S(t);
-  }, p = (t) => {
-    l((a) => ({ ...a, select: t.select })), s == null || s(t);
-  }, tt = (t) => {
-    l((a) => ({ ...a, select: t.select })), C == null || C(t);
-  }, et = (t) => {
-    l((a) => ({ ...a, detailExpand: t.detailExpand })), r == null || r(t);
-  }, at = (t) => {
-    l((a) => ({ ...a, groupExpand: t.groupExpand })), x == null || x(t);
-  }, lt = (t) => {
-    l((a) => ({ ...a, columnsState: t.columnsState })), E == null || E(t);
+    children: X,
+    onEditChange: g,
+    onFilterChange: i,
+    onSortChange: l,
+    onSearchChange: u,
+    onPageChange: h,
+    onGroupChange: o,
+    onDataStateChange: s,
+    onSelectionChange: S,
+    onDetailExpandChange: C,
+    onGroupExpandChange: f,
+    onHeaderSelectionChange: x,
+    onColumnsStateChange: E,
+    onRowPinChange: m
+  } = t, [n, d] = c.useState({
+    edit: (R = t.defaultEdit) != null ? R : t.edit,
+    filter: (r = t.defaultFilter) != null ? r : t.filter,
+    highlight: t.highlight,
+    select: (w = t.defaultSelect) != null ? w : t.select,
+    search: (k = t.defaultSearch) != null ? k : t.search,
+    sort: (T = t.defaultSort) != null ? T : t.sort,
+    take: (B = t.defaultTake) != null ? B : t.take,
+    skip: (G = t.defaultSkip) != null ? G : t.skip,
+    group: (P = t.defaultGroup) != null ? P : t.group,
+    detailExpand: (H = t.defaultDetailExpand) != null ? H : t.detailExpand,
+    groupExpand: (D = t.defaultGroupExpand) != null ? D : t.groupExpand,
+    columnsState: (F = t.defaultColumnsState) != null ? F : t.columnsState,
+    pinnedTopRows: (b = t.defaultPinnedTopRows) != null ? b : t.pinnedTopRows,
+    pinnedBottomRows: (j = t.defaultPinnedBottomRows) != null ? j : t.pinnedBottomRows
+  }), Y = {
+    edit: (q = t.edit) != null ? q : n.edit,
+    filter: (y = t.filter) != null ? y : n.filter,
+    highlight: (z = t.highlight) != null ? z : n.highlight,
+    search: (A = t.search) != null ? A : n.search,
+    sort: (I = t.sort) != null ? I : n.sort,
+    take: (J = t.take) != null ? J : n.take,
+    skip: (K = t.skip) != null ? K : n.skip,
+    group: (L = t.group) != null ? L : n.group,
+    select: (M = t.select) != null ? M : n.select,
+    detailExpand: (N = t.detailExpand) != null ? N : n.detailExpand,
+    groupExpand: (O = t.groupExpand) != null ? O : n.groupExpand,
+    columnsState: (Q = t.columnsState) != null ? Q : n.columnsState,
+    pinnedTopRows: (U = t.pinnedTopRows) != null ? U : n.pinnedTopRows,
+    pinnedBottomRows: (V = t.pinnedBottomRows) != null ? V : n.pinnedBottomRows
+  }, Z = (e) => {
+  }, _ = (e) => {
+    d((a) => ({ ...a, edit: e.edit })), g == null || g(e);
+  }, $ = (e) => {
+    d((a) => ({ ...a, filter: e.filter })), i == null || i(e);
+  }, v = (e) => {
+    d((a) => ({ ...a, highlight: e.highlight })), t.onHighlightChange && t.onHighlightChange(e);
+  }, p = (e) => {
+    d((a) => ({ ...a, search: e.search, skip: 0 })), u == null || u(e);
+  }, tt = (e) => {
+    d((a) => ({ ...a, sort: e.sort })), l == null || l(e);
+  }, et = (e) => {
+    d((a) => ({ ...a, ...e.page })), h == null || h(e);
+  }, at = (e) => {
+    d((a) => ({ ...a, group: e.group })), o == null || o(e);
+  }, nt = (e) => {
+    d((a) => ({ ...a, ...e.dataState })), s == null || s(e);
+  }, dt = (e) => {
+    d((a) => ({ ...a, select: e.select })), S == null || S(e);
+  }, it = (e) => {
+    d((a) => ({ ...a, select: e.select })), x == null || x(e);
+  }, lt = (e) => {
+    d((a) => ({ ...a, detailExpand: e.detailExpand })), C == null || C(e);
+  }, ht = (e) => {
+    d((a) => ({ ...a, groupExpand: e.groupExpand })), f == null || f(e);
+  }, ot = (e) => {
+    d((a) => ({ ...a, columnsState: e.columnsState })), E == null || E(e);
+  }, ct = (e) => {
+    d((a) => ({ ...a, pinnedTopRows: e.pinnedTopRows, pinnedBottomRows: e.pinnedBottomRows })), m == null || m(e);
   };
-  return /* @__PURE__ */ g.createElement(
-    N.Provider,
+  return /* @__PURE__ */ c.createElement(
+    W.Provider,
     {
       value: [
-        Q,
-        U,
+        Y,
+        Z,
         {
-          onEditChange: V,
-          onFilterChange: h && W,
-          onSearchChange: Y,
-          onHighlightChange: X,
-          onSortChange: i && Z,
-          onPageChange: d && _,
-          onGroupChange: c && $,
-          onDataStateChange: v,
-          onSelectionChange: p,
-          onHeaderSelectionChange: tt,
-          onDetailExpandChange: et,
-          onGroupExpandChange: at,
-          onColumnsStateChange: lt
+          onEditChange: _,
+          onFilterChange: i && $,
+          onSearchChange: p,
+          onHighlightChange: v,
+          onSortChange: l && tt,
+          onPageChange: h && et,
+          onGroupChange: o && at,
+          onDataStateChange: nt,
+          onSelectionChange: dt,
+          onHeaderSelectionChange: it,
+          onDetailExpandChange: lt,
+          onGroupExpandChange: ht,
+          onColumnsStateChange: ot,
+          onRowPinChange: ct
         }
       ]
     },
-    O
+    X
   );
 };
 export {
-  ht as GridClientStateProvider,
-  nt as useGridState
+  ut as GridClientStateProvider,
+  gt as useGridState
 };

package/cells/pincell/GridPinCell.d.ts

@@ -0,0 +1,15 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { GridCellProps } from '../../interfaces/GridCellProps.js';
+import * as React from 'react';
+/**
+ * @hidden
+ */
+export declare const GridPinCell: (props: {
+    cellProps: GridCellProps;
+}) => React.JSX.Element | null;

package/cells/pincell/GridPinCell.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 u=require("react"),s=require("./utils.js"),a=require("./useGridPinCellClientTdProps.js"),d=require("../hooks.js");function p(t){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const r in t)if(r!=="default"){const n=Object.getOwnPropertyDescriptor(t,r);Object.defineProperty(e,r,n.get?n:{enumerable:!0,get:()=>t[r]})}}return e.default=t,Object.freeze(e)}const c=p(u),P=t=>{const{cellProps:e}=t,{tdProps:r,content:n}=s.getPinCellTdProps(e),{...o}=a.useGridPinCellClientTdProps(e),i=d.useLegacyCellProps(e),l=s.getCustomCell(e);return l?c.createElement(l,{...e,...i,tdProps:{...r,...o}},n):e.rowType!=="groupHeader"?c.createElement("td",{...r,...o},n):null};exports.GridPinCell=P;

package/cells/pincell/GridPinCell.mjs

@@ -0,0 +1,19 @@
+/**
+ * @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 { getPinCellTdProps as c, getCustomCell as i } from "./utils.mjs";
+import { useGridPinCellClientTdProps as m } from "./useGridPinCellClientTdProps.mjs";
+import { useLegacyCellProps as P } from "../hooks.mjs";
+const a = (n) => {
+  const { cellProps: e } = n, { tdProps: t, content: o } = c(e), { ...r } = m(e), p = P(e), l = i(e);
+  return l ? /* @__PURE__ */ s.createElement(l, { ...e, ...p, tdProps: { ...t, ...r } }, o) : e.rowType !== "groupHeader" ? /* @__PURE__ */ s.createElement("td", { ...t, ...r }, o) : null;
+};
+export {
+  a as GridPinCell
+};

package/cells/pincell/GridPinCellServer.d.ts

@@ -0,0 +1,15 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { GridCellProps } from '../../interfaces/GridCellProps.js';
+import * as React from 'react';
+/**
+ * @hidden
+ */
+export declare const GridPinCellServer: (props: {
+    cellProps: GridCellProps;
+}) => React.JSX.Element;

package/cells/pincell/GridPinCellServer.js

@@ -0,0 +1,8 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const C=require("react"),c=require("./GridPinCellServerContainer.js"),s=require("./utils.js"),u=require("../../utils/index.js");function p(r){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(r){for(const e in r)if(e!=="default"){const n=Object.getOwnPropertyDescriptor(r,e);Object.defineProperty(t,e,n.get?n:{enumerable:!0,get:()=>r[e]})}}return t.default=r,Object.freeze(t)}const l=p(C),P=r=>{const{cellProps:t}=r,{tdProps:e,content:n}=s.getPinCellTdProps(t),o=u.getClientCellProps(t),i=s.getCustomCell(t);if(i){const d=u.isClientReference(i);return l.createElement(c.GridPinCellServerContainer,{cellProps:o,tdProps:e,isCustom:!0,isClient:d},l.createElement(i,{...o,tdProps:e},n))}const a=t.rowType!=="groupHeader"?l.createElement("td",{...e},n):null;return l.createElement(c.GridPinCellServerContainer,{cellProps:o,tdProps:e},a)};exports.GridPinCellServer=P;

package/cells/pincell/GridPinCellServer.mjs

@@ -0,0 +1,32 @@
+/**
+ * @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 r from "react";
+import { GridPinCellServerContainer as s } from "./GridPinCellServerContainer.mjs";
+import { getPinCellTdProps as p, getCustomCell as C } from "./utils.mjs";
+import { getClientCellProps as P, isClientReference as a } from "../../utils/index.mjs";
+const g = (i) => {
+  const { cellProps: e } = i, { tdProps: t, content: n } = p(e), l = P(e), o = C(e);
+  if (o) {
+    const m = a(o);
+    return /* @__PURE__ */ r.createElement(
+      s,
+      {
+        cellProps: l,
+        tdProps: t,
+        isCustom: !0,
+        isClient: m
+      },
+      /* @__PURE__ */ r.createElement(o, { ...l, tdProps: t }, n)
+    );
+  }
+  const c = e.rowType !== "groupHeader" ? /* @__PURE__ */ r.createElement("td", { ...t }, n) : null;
+  return /* @__PURE__ */ r.createElement(s, { cellProps: l, tdProps: t }, c);
+};
+export {
+  g as GridPinCellServer
+};

package/cells/pincell/GridPinCellServerContainer.d.ts

@@ -0,0 +1,11 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+/**
+ * @hidden
+ */
+export declare const GridPinCellServerContainer: (props: any) => any;

package/cells/pincell/GridPinCellServerContainer.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 l=require("react"),o=require("../../utils/GridContext.js"),i=require("../../utils/index.js"),c=require("./useGridPinCellClientTdProps.js"),s=require("../hooks.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 d=u(l),a=e=>{const n=d.useContext(o.GridContext),t=c.useGridPinCellClientTdProps(e.cellProps),r=s.useLegacyCellProps(e.cellProps);return e.isCustom&&(n.isClient||e.isClient)?i.cloneReactElement(e.children,{tdProps:{...e.tdProps,...t},...r}):e.children&&i.cloneReactElement(e.children,{...t})};exports.GridPinCellServerContainer=a;

package/cells/pincell/GridPinCellServerContainer.mjs

@@ -0,0 +1,26 @@
+/**
+ * @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 { GridContext as o } from "../../utils/GridContext.mjs";
+import { cloneReactElement as r } from "../../utils/index.mjs";
+import { useGridPinCellClientTdProps as c } from "./useGridPinCellClientTdProps.mjs";
+import { useLegacyCellProps as s } from "../hooks.mjs";
+const f = (e) => {
+  const i = n.useContext(o), t = c(e.cellProps), l = s(e.cellProps);
+  return e.isCustom && (i.isClient || e.isClient) ? r(e.children, {
+    // pass down to tdProps for client templates
+    tdProps: { ...e.tdProps, ...t },
+    ...l
+  }) : e.children && r(e.children, {
+    ...t
+  });
+};
+export {
+  f as GridPinCellServerContainer
+};

package/cells/pincell/GridPinDropdownButton.d.ts

@@ -0,0 +1,21 @@
+/**
+ * @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 React from 'react';
+/**
+ * @hidden
+ */
+export interface GridPinDropdownButtonProps {
+    /**
+     * The current dataItem.
+     */
+    dataItem: any;
+}
+/**
+ * @hidden
+ */
+export declare const GridPinDropdownButton: (props: GridPinDropdownButtonProps) => React.JSX.Element;

package/cells/pincell/GridPinDropdownButton.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 w=require("react"),v=require("@progress/kendo-react-common"),q=require("@progress/kendo-react-popup"),B=require("@progress/kendo-react-intl"),r=require("@progress/kendo-svg-icons"),o=require("../../messages/index.js"),x=require("../../utils/GridContext.js"),y=require("@progress/kendo-react-layout");function C(i){const c=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(i){for(const e in i)if(e!=="default"){const a=Object.getOwnPropertyDescriptor(i,e);Object.defineProperty(c,e,a.get?a:{enumerable:!0,get:()=>i[e]})}}return c.default=i,Object.freeze(c)}const n=C(w),D=i=>{const{dataItem:c}=i,e=n.useContext(x.GridContext),a=B.useLocalization(),b="#",u=e!=null&&e.getRowPinPosition?e.getRowPinPosition(c):"none",s=u!=="none",[I,l]=n.useState(!1),g=n.useRef(null),k=n.useCallback(t=>{t.preventDefault(),l(d=>!d)},[]),O=n.useCallback(t=>{!t.isAnchorClicked&&l(!1)},[]),p=a.toLanguageString(o.gridPinToTop,o.messages[o.gridPinToTop]),f=a.toLanguageString(o.gridPinToBottom,o.messages[o.gridPinToBottom]),m=a.toLanguageString(o.gridUnpin,o.messages[o.gridUnpin]),S=n.useMemo(()=>{const t=[];return s&&t.push({text:m,svgIcon:r.unpinOutlineIcon,data:{action:"unpin"}}),u!=="top"&&t.push({text:p,svgIcon:r.pinOutlineTopIcon,data:{action:"pinTop"}}),u!=="bottom"&&t.push({text:f,svgIcon:r.pinOutlineBottomIcon,data:{action:"pinBottom"}}),t},[s,m,u,p,f]),R=n.useCallback(t=>{var P,h,T;const d=(h=(P=t.item)==null?void 0:P.data)==null?void 0:h.action;(T=e==null?void 0:e.onRowPin)==null||T.call(e,d,c),l(!1)},[e,c]);return n.createElement(n.Fragment,null,n.createElement("a",{className:"k-pin-cell",ref:g,href:b,tabIndex:-1,onClick:k,"aria-label":s?m:p},n.createElement(v.IconWrap,{name:s?"unpin":"pin",icon:s?r.unpinOutlineIcon:r.pinOutlineIcon})),n.createElement(q.Popup,{anchor:g.current,show:I,anchorAlign:{vertical:"bottom",horizontal:"right"},popupClass:"k-menu-popup",onMouseDownOutside:O},n.createElement(y.Menu,{vertical:!0,items:S,onSelect:R})))};exports.GridPinDropdownButton=D;

package/cells/pincell/GridPinDropdownButton.mjs

@@ -0,0 +1,58 @@
+/**
+ * @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 o from "react";
+import { IconWrap as E } from "@progress/kendo-react-common";
+import { Popup as O } from "@progress/kendo-react-popup";
+import { useLocalization as C } from "@progress/kendo-react-intl";
+import { unpinOutlineIcon as P, pinOutlineTopIcon as L, pinOutlineBottomIcon as M, pinOutlineIcon as z } from "@progress/kendo-svg-icons";
+import { gridPinToTop as T, messages as u, gridPinToBottom as I, gridUnpin as w } from "../../messages/index.mjs";
+import { GridContext as D } from "../../utils/GridContext.mjs";
+import { Menu as A } from "@progress/kendo-react-layout";
+const q = (b) => {
+  const { dataItem: a } = b, n = o.useContext(D), s = C(), k = "#", i = n != null && n.getRowPinPosition ? n.getRowPinPosition(a) : "none", e = i !== "none", [S, c] = o.useState(!1), m = o.useRef(null), v = o.useCallback((t) => {
+    t.preventDefault(), c((l) => !l);
+  }, []), R = o.useCallback((t) => {
+    !t.isAnchorClicked && c(!1);
+  }, []), r = s.toLanguageString(T, u[T]), f = s.toLanguageString(I, u[I]), p = s.toLanguageString(w, u[w]), x = o.useMemo(() => {
+    const t = [];
+    return e && t.push({ text: p, svgIcon: P, data: { action: "unpin" } }), i !== "top" && t.push({ text: r, svgIcon: L, data: { action: "pinTop" } }), i !== "bottom" && t.push({ text: f, svgIcon: M, data: { action: "pinBottom" } }), t;
+  }, [e, p, i, r, f]), B = o.useCallback(
+    (t) => {
+      var g, h, d;
+      const l = (h = (g = t.item) == null ? void 0 : g.data) == null ? void 0 : h.action;
+      (d = n == null ? void 0 : n.onRowPin) == null || d.call(n, l, a), c(!1);
+    },
+    [n, a]
+  );
+  return /* @__PURE__ */ o.createElement(o.Fragment, null, /* @__PURE__ */ o.createElement(
+    "a",
+    {
+      className: "k-pin-cell",
+      ref: m,
+      href: k,
+      tabIndex: -1,
+      onClick: v,
+      "aria-label": e ? p : r
+    },
+    /* @__PURE__ */ o.createElement(E, { name: e ? "unpin" : "pin", icon: e ? P : z })
+  ), /* @__PURE__ */ o.createElement(
+    O,
+    {
+      anchor: m.current,
+      show: S,
+      anchorAlign: { vertical: "bottom", horizontal: "right" },
+      popupClass: "k-menu-popup",
+      onMouseDownOutside: R
+    },
+    /* @__PURE__ */ o.createElement(A, { vertical: !0, items: x, onSelect: B })
+  ));
+};
+export {
+  q as GridPinDropdownButton
+};

package/cells/pincell/useGridPinCellClientTdProps.d.ts

@@ -0,0 +1,24 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { GridCellProps } from '../../interfaces/GridCellProps.js';
+/**
+ * @hidden
+ */
+export declare const useGridPinCellClientTdProps: (props: GridCellProps) => {
+    onContextMenu: (event: import('react').MouseEvent<HTMLElement, MouseEvent>) => void;
+    style: any;
+    tabIndex?: undefined;
+    "data-keyboardnavlevel"?: undefined;
+    "data-keyboardnavid"?: undefined;
+} | {
+    onContextMenu: (event: import('react').MouseEvent<HTMLElement, MouseEvent>) => void;
+    style: any;
+    tabIndex: number;
+    "data-keyboardnavlevel": number;
+    "data-keyboardnavid": string;
+};

package/cells/pincell/useGridPinCellClientTdProps.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 s=require("@progress/kendo-react-data-tools"),t=require("../hooks.js"),l=e=>{const n=s.useTableKeyboardNavigation(e.id),o=t.useContextMenuHandler(e.dataItem,e.field),i=t.usePositionStyle(e);return{...n,onContextMenu:o,style:i}};exports.useGridPinCellClientTdProps=l;

package/cells/pincell/useGridPinCellClientTdProps.mjs

@@ -0,0 +1,21 @@
+/**
+ * @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 { useTableKeyboardNavigation as i } from "@progress/kendo-react-data-tools";
+import { useContextMenuHandler as a, usePositionStyle as r } from "../hooks.mjs";
+const u = (t) => {
+  const e = i(t.id), n = a(t.dataItem, t.field), o = r(t);
+  return {
+    ...e,
+    onContextMenu: n,
+    style: o
+  };
+};
+export {
+  u as useGridPinCellClientTdProps
+};

package/cells/pincell/utils.d.ts

@@ -0,0 +1,20 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { GridCellProps } from '../../interfaces/GridCellProps.js';
+import { GridTdAttributes } from '../../index.js';
+/**
+ * @hidden
+ */
+export declare const getPinCellTdProps: (props: GridCellProps) => {
+    tdProps: GridTdAttributes | null;
+    content: any;
+};
+/**
+ * @hidden
+ */
+export declare const getCustomCell: (props: GridCellProps) => any;

package/cells/pincell/utils.js

@@ -0,0 +1,8 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react"),s=require("../../constants/index.js"),c=require("@progress/kendo-react-common"),d=require("./GridPinDropdownButton.js");function u(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const l in e)if(l!=="default"){const n=Object.getOwnPropertyDescriptor(e,l);Object.defineProperty(t,l,n.get?n:{enumerable:!0,get:()=>e[l]})}}return t.default=e,Object.freeze(t)}const g=u(r),m=e=>{var n;let t=null,l=null;if(e.rowType==="groupFooter")t={className:e.className};else if(e.rowType!=="groupHeader"){const a=e.unstyled,i=(n=a==null?void 0:a.uGrid)!=null?n:c.uGrid,o=c.classNames(i.td({selected:e.isSelected,highlighted:e.isHighlighted,sorted:e.isSorted,alt:e.isAlt}),e.className);t={colSpan:e.colSpan,style:e.style,className:o,role:"gridcell","aria-colindex":e.ariaColumnIndex,"aria-selected":e.isSelected,[s.GRID_COL_INDEX_ATTRIBUTE]:e.columnIndex},l=g.createElement(d.GridPinDropdownButton,{dataItem:e.dataItem})}return{tdProps:t,content:l}},f=e=>{var t,l;return(l=(t=e.cells)==null?void 0:t.pin)==null?void 0:l[e.rowType||"data"]};exports.getCustomCell=f;exports.getPinCellTdProps=m;