@progress/kendo-react-grid 7.5.0-develop.17 → 7.5.0-develop.18

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (15) hide show
  1. package/Grid.js +1 -1
  2. package/Grid.mjs +298 -270
  3. package/cells/GridCell.js +1 -1
  4. package/cells/GridCell.mjs +10 -9
  5. package/cells/GridGroupCell.js +1 -1
  6. package/cells/GridGroupCell.mjs +16 -15
  7. package/dist/cdn/js/kendo-react-grid.js +1 -1
  8. package/drag/GroupingIndicator.js +1 -1
  9. package/drag/GroupingIndicator.mjs +13 -9
  10. package/footer/FooterRow.js +1 -1
  11. package/footer/FooterRow.mjs +40 -35
  12. package/index.d.mts +4 -0
  13. package/index.d.ts +4 -0
  14. package/package-metadata.mjs +1 -1
  15. package/package.json +10 -10
package/drag/GroupingIndicator.mjs CHANGED
@@ -7,10 +7,10 @@
7
7
  */
8
8
  "use client";
9
9
  import * as s from "react";
10
- import { Draggable as n, IconWrap as o } from "@progress/kendo-react-common";
10
+ import { Keys as o, Draggable as i, IconWrap as n } from "@progress/kendo-react-common";
11
11
  import { registerForLocalization as r } from "@progress/kendo-react-intl";
12
- import { sortAscSmallIcon as i, sortDescSmallIcon as a, xCircleIcon as l } from "@progress/kendo-svg-icons";
13
- class p extends s.Component {
12
+ import { sortAscSmallIcon as a, sortDescSmallIcon as p, xCircleIcon as l } from "@progress/kendo-svg-icons";
13
+ class c extends s.Component {
14
14
  constructor() {
15
15
  super(...arguments), this.draggable = null, this.onPress = (e) => {
16
16
  const t = this.draggable && this.draggable.element;
@@ -25,6 +25,8 @@ class p extends s.Component {
25
25
  const t = this.props.dir === "asc" ? "desc" : "asc";
26
26
  this.props.onSortChange(e, t);
27
27
  }
28
+ }, this.handleKeyDown = (e) => {
29
+ (e.keyCode === o.delete || e.keyCode === o.backspace) && (e.preventDefault(), e.stopPropagation(), this.props.onRemove && this.props.onRemove(e));
28
30
  }, this.groupRemove = (e) => {
29
31
  e.preventDefault(), e.stopPropagation(), this.props.onRemove && this.props.onRemove(e);
30
32
  }, this.onContextMenu = (e) => {
@@ -39,7 +41,7 @@ class p extends s.Component {
39
41
  render() {
40
42
  const { dir: e } = this.props;
41
43
  return /* @__PURE__ */ s.createElement(
42
- n,
44
+ i,
43
45
  {
44
46
  onPress: this.onPress,
45
47
  onDrag: this.onDrag,
@@ -54,14 +56,16 @@ class p extends s.Component {
54
56
  className: "k-chip k-chip-md k-chip-solid k-chip-solid-base k-rounded-md",
55
57
  onClick: this.sortChange,
56
58
  onContextMenu: this.onContextMenu,
59
+ onKeyDown: this.handleKeyDown,
60
+ tabIndex: 0,
57
61
  role: "button",
58
62
  style: { touchAction: "none" }
59
63
  },
60
64
  /* @__PURE__ */ s.createElement("span", null, /* @__PURE__ */ s.createElement(
61
- o,
65
+ n,
62
66
  {
63
67
  name: "sort-" + e + "-small",
64
- icon: e === "asc" ? i : a,
68
+ icon: e === "asc" ? a : p,
65
69
  size: "small"
66
70
  }
67
71
  )),
@@ -73,7 +77,7 @@ class p extends s.Component {
73
77
  onClick: this.groupRemove
74
78
  },
75
79
  /* @__PURE__ */ s.createElement(
76
- o,
80
+ n,
77
81
  {
78
82
  name: "x-circle",
79
83
  icon: l,
@@ -85,7 +89,7 @@ class p extends s.Component {
85
89
  );
86
90
  }
87
91
  }
88
- r(p);
92
+ r(c);
89
93
  export {
90
- p as GroupingIndicator
94
+ c as GroupingIndicator
91
95
  };
package/footer/FooterRow.js CHANGED
@@ -5,4 +5,4 @@
5
5
  * Licensed under commercial license. See LICENSE.md in the package root for more information
6
6
  *-------------------------------------------------------------------------------------------
7
7
  */
8
- "use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react"),a=require("../utils/index.js"),d=require("@progress/kendo-react-common");function f(r){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(r){for(const t in r)if(t!=="default"){const l=Object.getOwnPropertyDescriptor(r,t);Object.defineProperty(e,t,l.get?l:{enumerable:!0,get:()=>r[t]})}}return e.default=r,Object.freeze(e)}const o=f(c);class p extends o.Component{constructor(){super(...arguments),this._element=null,this.renderCell=(e,t)=>{const l={colSpan:e.colSpan!==1?e.colSpan:void 0,style:e.left!==void 0?this.props.isRtl?{left:e.right,right:e.left}:{left:e.left,right:e.right}:{},className:d.classNames("k-table-td",e.locked&&e.left!==void 0?"k-grid-footer-sticky":""),key:t,role:"gridcell","aria-colindex":e.ariaColumnIndex},n={field:e.field,ariaColumnIndex:e.ariaColumnIndex,...l},s=a.resolveCells(this.props.cells,e.cells);if(s&&s.footerCell){const i=s.footerCell;return o.createElement(i,{...n,tdProps:l,index:t})}return e.footerCell&&o.createElement(e.footerCell,{...n,key:t})||o.createElement("td",{...l})}}get element(){return this._element}render(){return o.createElement("tr",{className:"k-table-row",role:"row","aria-rowindex":this.props.ariaRowIndex},a.footerColumns(this.props.columns).map(this.renderCell))}}exports.FooterRow=p;
8
+ "use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const g=require("react"),i=require("../utils/index.js"),b=require("@progress/kendo-react-common"),s=require("@progress/kendo-react-data-tools");function C(t){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const o in t)if(o!=="default"){const l=Object.getOwnPropertyDescriptor(t,o);Object.defineProperty(e,o,l.get?l:{enumerable:!0,get:()=>t[o]})}}return e.default=t,Object.freeze(e)}const r=C(g),y=t=>{const{column:e,index:o,isRtl:l,id:d,cells:u}=t,f=s.useTableKeyboardNavigation(d),n={colSpan:e.colSpan!==1?e.colSpan:void 0,style:e.left!==void 0?l?{left:e.right,right:e.left}:{left:e.left,right:e.right}:{},className:b.classNames("k-table-td",e.locked&&e.left!==void 0?"k-grid-footer-sticky":""),key:o,role:"gridcell","aria-colindex":e.ariaColumnIndex,...f},c={field:e.field,ariaColumnIndex:e.ariaColumnIndex,...n},a=i.resolveCells(u,e.cells);if(a&&a.footerCell){const m=a.footerCell;return r.createElement(m,{...c,tdProps:n,index:o})}return e.footerCell&&r.createElement(e.footerCell,{...c,key:o})||r.createElement("td",{...n})},k=t=>r.createElement("tr",{className:"k-table-row",role:"row","aria-rowindex":t.ariaRowIndex},i.footerColumns(t.columns).map((e,o)=>{const l=s.tableKeyboardNavigationTools.generateNavigatableId(`${o}-footercell`,t.idPrefix,"nodata");return r.createElement(y,{key:l,column:e,id:l,index:o,cells:t.cells,isRtl:t.isRtl})}));exports.FooterRow=k;
package/footer/FooterRow.mjs CHANGED
@@ -6,41 +6,46 @@
6
6
  *-------------------------------------------------------------------------------------------
7
7
  */
8
8
  "use client";
9
- import * as t from "react";
10
- import { resolveCells as i, footerColumns as n } from "../utils/index.mjs";
11
- import { classNames as p } from "@progress/kendo-react-common";
12
- class c extends t.Component {
13
- constructor() {
14
- super(...arguments), this._element = null, this.renderCell = (e, r) => {
15
- const l = {
16
- colSpan: e.colSpan !== 1 ? e.colSpan : void 0,
17
- style: e.left !== void 0 ? this.props.isRtl ? { left: e.right, right: e.left } : { left: e.left, right: e.right } : {},
18
- className: p(
19
- "k-table-td",
20
- e.locked && e.left !== void 0 ? "k-grid-footer-sticky" : ""
21
- ),
22
- key: r,
23
- role: "gridcell",
24
- "aria-colindex": e.ariaColumnIndex
25
- }, o = {
26
- field: e.field,
27
- ariaColumnIndex: e.ariaColumnIndex,
28
- ...l
29
- }, s = i(this.props.cells, e.cells);
30
- if (s && s.footerCell) {
31
- const a = s.footerCell;
32
- return /* @__PURE__ */ t.createElement(a, { ...o, tdProps: l, index: r });
33
- }
34
- return e.footerCell && /* @__PURE__ */ t.createElement(e.footerCell, { ...o, key: r }) || /* @__PURE__ */ t.createElement("td", { ...l });
35
- };
9
+ import * as o from "react";
10
+ import { footerColumns as f, resolveCells as u } from "../utils/index.mjs";
11
+ import { classNames as C } from "@progress/kendo-react-common";
12
+ import { tableKeyboardNavigationTools as g, useTableKeyboardNavigation as b } from "@progress/kendo-react-data-tools";
13
+ const k = (t) => {
14
+ const { column: e, index: l, isRtl: r, id: c, cells: s } = t, d = b(c), a = {
15
+ colSpan: e.colSpan !== 1 ? e.colSpan : void 0,
16
+ style: e.left !== void 0 ? r ? { left: e.right, right: e.left } : { left: e.left, right: e.right } : {},
17
+ className: C(
18
+ "k-table-td",
19
+ e.locked && e.left !== void 0 ? "k-grid-footer-sticky" : ""
20
+ ),
21
+ key: l,
22
+ role: "gridcell",
23
+ "aria-colindex": e.ariaColumnIndex,
24
+ ...d
25
+ }, n = {
26
+ field: e.field,
27
+ ariaColumnIndex: e.ariaColumnIndex,
28
+ ...a
29
+ }, i = u(s, e.cells);
30
+ if (i && i.footerCell) {
31
+ const m = i.footerCell;
32
+ return /* @__PURE__ */ o.createElement(m, { ...n, tdProps: a, index: l });
36
33
  }
37
- get element() {
38
- return this._element;
39
- }
40
- render() {
41
- return /* @__PURE__ */ t.createElement("tr", { className: "k-table-row", role: "row", "aria-rowindex": this.props.ariaRowIndex }, n(this.props.columns).map(this.renderCell));
42
- }
43
- }
34
+ return e.footerCell && /* @__PURE__ */ o.createElement(e.footerCell, { ...n, key: l }) || /* @__PURE__ */ o.createElement("td", { ...a });
35
+ }, I = (t) => /* @__PURE__ */ o.createElement("tr", { className: "k-table-row", role: "row", "aria-rowindex": t.ariaRowIndex }, f(t.columns).map((e, l) => {
36
+ const r = g.generateNavigatableId(`${l}-footercell`, t.idPrefix, "nodata");
37
+ return /* @__PURE__ */ o.createElement(
38
+ k,
39
+ {
40
+ key: r,
41
+ column: e,
42
+ id: r,
43
+ index: l,
44
+ cells: t.cells,
45
+ isRtl: t.isRtl
46
+ }
47
+ );
48
+ }));
44
49
  export {
45
- c as FooterRow
50
+ I as FooterRow
46
51
  };
package/index.d.mts CHANGED
@@ -327,6 +327,7 @@ export declare class GridClassComponent extends React_2.Component<GridProps> {
327
327
  private _columnsMap;
328
328
  private _columnsMutations;
329
329
  private _resized;
330
+ private _focusFirst;
330
331
  private _shouldUpdateLeftRight;
331
332
  private contextStateRef;
332
333
  private navigationStateRef;
@@ -447,6 +448,9 @@ export declare class GridClassComponent extends React_2.Component<GridProps> {
447
448
  private onHeaderSelectionChange;
448
449
  private selectionRelease;
449
450
  private pageChange;
451
+ private getTotal;
452
+ private moveToNextPage;
453
+ private moveToPrevPage;
450
454
  private pagerPageChange;
451
455
  private sortChange;
452
456
  private filterChange;
package/index.d.ts CHANGED
@@ -327,6 +327,7 @@ export declare class GridClassComponent extends React_2.Component<GridProps> {
327
327
  private _columnsMap;
328
328
  private _columnsMutations;
329
329
  private _resized;
330
+ private _focusFirst;
330
331
  private _shouldUpdateLeftRight;
331
332
  private contextStateRef;
332
333
  private navigationStateRef;
@@ -447,6 +448,9 @@ export declare class GridClassComponent extends React_2.Component<GridProps> {
447
448
  private onHeaderSelectionChange;
448
449
  private selectionRelease;
449
450
  private pageChange;
451
+ private getTotal;
452
+ private moveToNextPage;
453
+ private moveToPrevPage;
450
454
  private pagerPageChange;
451
455
  private sortChange;
452
456
  private filterChange;
package/package-metadata.mjs CHANGED
@@ -10,7 +10,7 @@ const e = {
10
10
  name: "@progress/kendo-react-grid",
11
11
  productName: "KendoReact",
12
12
  productCodes: ["KENDOUIREACT", "KENDOUICOMPLETE"],
13
- publishDate: 1715330664,
13
+ publishDate: 1715332591,
14
14
  version: "",
15
15
  licensingDocsUrl: "https://www.telerik.com/kendo-react-ui/components/my-license/"
16
16
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@progress/kendo-react-grid",
3
- "version": "7.5.0-develop.17",
3
+ "version": "7.5.0-develop.18",
4
4
  "description": "React Data Grid (Table) provides 100+ ready-to-use data grid features. KendoReact Grid package",
5
5
  "author": "Progress",
6
6
  "license": "SEE LICENSE IN LICENSE.md",
@@ -25,15 +25,15 @@
25
25
  "@progress/kendo-data-query": "^1.0.0",
26
26
  "@progress/kendo-drawing": "^1.20.1",
27
27
  "@progress/kendo-licensing": "^1.3.4",
28
- "@progress/kendo-react-animation": "7.5.0-develop.17",
29
- "@progress/kendo-react-buttons": "7.5.0-develop.17",
30
- "@progress/kendo-react-common": "7.5.0-develop.17",
31
- "@progress/kendo-react-data-tools": "7.5.0-develop.17",
32
- "@progress/kendo-react-dateinputs": "7.5.0-develop.17",
33
- "@progress/kendo-react-dropdowns": "7.5.0-develop.17",
34
- "@progress/kendo-react-inputs": "7.5.0-develop.17",
35
- "@progress/kendo-react-intl": "7.5.0-develop.17",
36
- "@progress/kendo-react-popup": "7.5.0-develop.17",
28
+ "@progress/kendo-react-animation": "7.5.0-develop.18",
29
+ "@progress/kendo-react-buttons": "7.5.0-develop.18",
30
+ "@progress/kendo-react-common": "7.5.0-develop.18",
31
+ "@progress/kendo-react-data-tools": "7.5.0-develop.18",
32
+ "@progress/kendo-react-dateinputs": "7.5.0-develop.18",
33
+ "@progress/kendo-react-dropdowns": "7.5.0-develop.18",
34
+ "@progress/kendo-react-inputs": "7.5.0-develop.18",
35
+ "@progress/kendo-react-intl": "7.5.0-develop.18",
36
+ "@progress/kendo-react-popup": "7.5.0-develop.18",
37
37
  "@progress/kendo-svg-icons": "^3.0.0",
38
38
  "react": "^16.8.2 || ^17.0.0 || ^18.0.0",
39
39
  "react-dom": "^16.8.2 || ^17.0.0 || ^18.0.0"