@progress/kendo-react-grid 9.0.0-develop.9 → 9.0.1-develop.1

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 (51) hide show
  1. package/Grid.js +1 -1
  2. package/Grid.mjs +927 -1042
  3. package/GridNoRecords.js +1 -1
  4. package/GridNoRecords.mjs +7 -14
  5. package/GridToolbar.js +1 -1
  6. package/GridToolbar.mjs +23 -28
  7. package/VirtualScroll.js +1 -1
  8. package/VirtualScroll.mjs +53 -51
  9. package/VirtualScrollFixed.js +1 -1
  10. package/VirtualScrollFixed.mjs +16 -14
  11. package/cells/GridFilterCell.js +1 -1
  12. package/cells/GridFilterCell.mjs +99 -113
  13. package/columnMenu/GridColumnMenuCheckboxFilter.js +1 -1
  14. package/columnMenu/GridColumnMenuCheckboxFilter.mjs +132 -178
  15. package/columnMenu/GridColumnMenuFilter.js +1 -1
  16. package/columnMenu/GridColumnMenuFilter.mjs +123 -156
  17. package/columnMenu/GridColumnMenuFilterCell.js +1 -1
  18. package/columnMenu/GridColumnMenuFilterCell.mjs +42 -53
  19. package/columnMenu/GridColumnMenuFilterUI.js +1 -1
  20. package/columnMenu/GridColumnMenuFilterUI.mjs +15 -17
  21. package/columnMenu/GridColumnMenuGroup.js +1 -1
  22. package/columnMenu/GridColumnMenuGroup.mjs +29 -40
  23. package/columnMenu/GridColumnMenuItemContent.js +1 -1
  24. package/columnMenu/GridColumnMenuItemContent.mjs +7 -20
  25. package/columnMenu/GridColumnMenuItemGroup.js +1 -1
  26. package/columnMenu/GridColumnMenuItemGroup.mjs +7 -20
  27. package/columnMenu/GridColumnMenuSort.js +1 -1
  28. package/columnMenu/GridColumnMenuSort.mjs +42 -53
  29. package/dist/cdn/js/kendo-react-grid.js +1 -1
  30. package/drag/ColumnDraggable.js +1 -1
  31. package/drag/ColumnDraggable.mjs +34 -45
  32. package/drag/GroupingIndicator.js +1 -1
  33. package/drag/GroupingIndicator.mjs +51 -69
  34. package/footer/Footer.js +1 -1
  35. package/footer/Footer.mjs +40 -57
  36. package/header/FilterRow.js +1 -1
  37. package/header/FilterRow.mjs +70 -78
  38. package/header/GridHeaderSelectionCell.js +1 -1
  39. package/header/GridHeaderSelectionCell.mjs +28 -37
  40. package/header/GroupPanel.js +1 -1
  41. package/header/GroupPanel.mjs +43 -49
  42. package/header/Header.js +1 -1
  43. package/header/Header.mjs +70 -89
  44. package/index.d.mts +261 -725
  45. package/index.d.ts +261 -725
  46. package/index.js +1 -1
  47. package/index.mjs +78 -80
  48. package/package-metadata.mjs +1 -1
  49. package/package.json +11 -11
  50. package/rows/GridDetailRow.js +1 -1
  51. package/rows/GridDetailRow.mjs +2 -10
@@ -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 s=require("react"),c=require("@progress/kendo-react-animation"),i=require("@progress/kendo-react-common");function l(e){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const r=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,r.get?r:{enumerable:!0,get:()=>e[t]})}}return n.default=e,Object.freeze(n)}const o=l(s);class a extends o.Component{render(){return o.createElement("div",{id:this.props.id,className:i.classNames("k-columnmenu-item-content",this.props.className),style:this.props.style,tabIndex:0},o.createElement(c.Reveal,{style:{position:"relative",display:"block"}},this.props.show?this.props.children:null))}}exports.GridColumnMenuItemContent=a;
8
+ "use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react"),i=require("@progress/kendo-react-animation"),s=require("@progress/kendo-react-common");function u(e){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const o=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,o.get?o:{enumerable:!0,get:()=>e[t]})}}return n.default=e,Object.freeze(n)}const c=u(l),m=e=>{const{children:n,id:t,className:o,style:r,show:a}=e;return c.createElement("div",{id:t,className:s.classNames("k-columnmenu-item-content",o),style:r,tabIndex:0},c.createElement(i.Reveal,{style:{position:"relative",display:"block"}},a?n:null))};exports.GridColumnMenuItemContent=m;
@@ -7,25 +7,12 @@
7
7
  */
8
8
  "use client";
9
9
  import * as e from "react";
10
- import { Reveal as t } from "@progress/kendo-react-animation";
11
- import { classNames as s } from "@progress/kendo-react-common";
12
- class i extends e.Component {
13
- /**
14
- * @hidden
15
- */
16
- render() {
17
- return /* @__PURE__ */ e.createElement(
18
- "div",
19
- {
20
- id: this.props.id,
21
- className: s("k-columnmenu-item-content", this.props.className),
22
- style: this.props.style,
23
- tabIndex: 0
24
- },
25
- /* @__PURE__ */ e.createElement(t, { style: { position: "relative", display: "block" } }, this.props.show ? this.props.children : null)
26
- );
27
- }
28
- }
10
+ import { Reveal as a } from "@progress/kendo-react-animation";
11
+ import { classNames as r } from "@progress/kendo-react-common";
12
+ const u = (t) => {
13
+ const { children: n, id: l, className: o, style: m, show: s } = t;
14
+ return /* @__PURE__ */ e.createElement("div", { id: l, className: r("k-columnmenu-item-content", o), style: m, tabIndex: 0 }, /* @__PURE__ */ e.createElement(a, { style: { position: "relative", display: "block" } }, s ? n : null));
15
+ };
29
16
  export {
30
- i as GridColumnMenuItemContent
17
+ u as GridColumnMenuItemContent
31
18
  };
@@ -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 s=require("@progress/kendo-react-common"),c=require("react");function a(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=a(c);class i extends o.Component{render(){const{children:t}=this.props;return o.createElement("div",{id:this.props.id,className:s.classNames("k-columnmenu-item-wrapper",this.props.className),style:this.props.style},t)}}exports.GridColumnMenuItemGroup=i;
8
+ "use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react"),u=require("@progress/kendo-react-common");function a(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 l=a(o),s=e=>{const{children:n,id:t,className:r,style:c}=e;return l.createElement("div",{id:t,className:u.classNames("k-columnmenu-item-wrapper",r),style:c},n)};exports.GridColumnMenuItemGroup=s;
@@ -6,25 +6,12 @@
6
6
  *-------------------------------------------------------------------------------------------
7
7
  */
8
8
  "use client";
9
- import { classNames as r } from "@progress/kendo-react-common";
10
- import * as e from "react";
11
- class p extends e.Component {
12
- /**
13
- * @hidden
14
- */
15
- render() {
16
- const { children: s } = this.props;
17
- return /* @__PURE__ */ e.createElement(
18
- "div",
19
- {
20
- id: this.props.id,
21
- className: r("k-columnmenu-item-wrapper", this.props.className),
22
- style: this.props.style
23
- },
24
- s
25
- );
26
- }
27
- }
9
+ import * as a from "react";
10
+ import { classNames as c } from "@progress/kendo-react-common";
11
+ const o = (e) => {
12
+ const { children: m, id: r, className: t, style: s } = e;
13
+ return /* @__PURE__ */ a.createElement("div", { id: r, className: c("k-columnmenu-item-wrapper", t), style: s }, m);
14
+ };
28
15
  export {
29
- p as GridColumnMenuItemGroup
16
+ o as GridColumnMenuItemGroup
30
17
  };
@@ -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 v=require("react"),g=require("./GridColumnMenuItem.js"),q=require("./GridColumnMenuItemGroup.js"),A=require("../interfaces/GridSortSettings.js"),a=require("@progress/kendo-react-intl"),o=require("../messages/index.js"),m=require("@progress/kendo-svg-icons");function G(t){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const s in t)if(s!=="default"){const n=Object.getOwnPropertyDescriptor(t,s);Object.defineProperty(e,s,n.get?n:{enumerable:!0,get:()=>t[s]})}}return e.default=t,Object.freeze(e)}const i=G(v),I="asc",D="desc",O={true:{asc:{asc:"",desc:"desc"},desc:{asc:"asc",desc:""},"":{asc:"asc",desc:"desc"}},false:{asc:{asc:"asc",desc:"desc"},desc:{asc:"asc",desc:"desc"},"":{asc:"asc",desc:"desc"}}},S=(t,e)=>e?e.findIndex(s=>s.field===t):-1,h=(t,e)=>!!(e&&t>-1&&e[t].dir===I),C=(t,e)=>!!(e&&t>-1&&e[t].dir===D),d=class d extends i.Component{constructor(){super(...arguments),this.onAscClick=e=>{this.onSort(e,I),this.props.onCloseMenu&&this.props.onCloseMenu()},this.onDescClick=e=>{this.onSort(e,D),this.props.onCloseMenu&&this.props.onCloseMenu()},this.onSort=(e,s)=>{if(e.preventDefault(),!this.props.onSortChange)return;const{column:n,sortable:r,sort:k}=this.props,{allowUnsort:M,mode:b}=A.normalize(r||!1,!1),u=(k||[]).filter(l=>l.field===n.field)[0],p=O[M][u&&u.dir||""][s],f=b==="single"?[]:(this.props.sort||[]).filter(l=>l.field!==n.field);p!==""&&n.field&&f.push({field:n.field,dir:p}),this.props.onSortChange(f,e)}}render(){const{sort:e,column:s}=this.props,n=S(s.field,e),r=a.provideLocalizationService(this);return i.createElement(q.GridColumnMenuItemGroup,null,i.createElement(g.GridColumnMenuItem,{title:r.toLanguageString(o.sortAscending,o.messages[o.sortAscending]),iconClass:"k-i-sort-asc-sm",svgIcon:m.sortAscSmallIcon,selected:h(n,e),onClick:this.onAscClick}),i.createElement(g.GridColumnMenuItem,{title:r.toLanguageString(o.sortDescending,o.messages[o.sortDescending]),iconClass:"k-i-sort-desc-sm",svgIcon:m.sortDescSmallIcon,selected:C(n,e),onClick:this.onDescClick}))}};d.active=(e,s)=>{const n=S(e,s);return C(n,s)||h(n,s)};let c=d;a.registerForIntl(c);a.registerForLocalization(c);exports.GridColumnMenuSort=c;
8
+ "use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const v=require("react"),g=require("./GridColumnMenuItem.js"),O=require("./GridColumnMenuItemGroup.js"),j=require("../interfaces/GridSortSettings.js"),y=require("@progress/kendo-react-intl"),s=require("../messages/index.js"),C=require("@progress/kendo-svg-icons");function R(e){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const o=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,o.get?o:{enumerable:!0,get:()=>e[t]})}}return n.default=e,Object.freeze(n)}const l=R(v),S="asc",M="desc",_={true:{asc:{asc:"",desc:"desc"},desc:{asc:"asc",desc:""},"":{asc:"asc",desc:"desc"}},false:{asc:{asc:"asc",desc:"desc"},desc:{asc:"asc",desc:"desc"},"":{asc:"asc",desc:"desc"}}},I=(e,n)=>n?n.findIndex(t=>t.field===e):-1,D=(e,n)=>!!(n&&e>-1&&n[e].dir===S),G=(e,n)=>!!(n&&e>-1&&n[e].dir===M),z=(e,n)=>{const t=I(e,n);return G(t,n)||D(t,n)},E=e=>{const n=c=>{o(c,S),e.onCloseMenu&&e.onCloseMenu()},t=c=>{o(c,M),e.onCloseMenu&&e.onCloseMenu()},o=(c,k)=>{if(c.preventDefault(),!e.onSortChange)return;const{allowUnsort:q,mode:A}=j.normalize(e.sortable||!1,!1),d=(e.sort||[]).filter(i=>i.field===e.column.field)[0],m=_[q][d&&d.dir||""][k],f=A==="single"?[]:(e.sort||[]).filter(i=>i.field!==e.column.field);m!==""&&e.column.field&&f.push({field:e.column.field,dir:m}),e.onSortChange(f,c)},{sort:r,column:b}=e,u=I(b.field,r),a=y.useLocalization();return l.createElement(O.GridColumnMenuItemGroup,null,l.createElement(g.GridColumnMenuItem,{title:a.toLanguageString(s.sortAscending,s.messages[s.sortAscending]),iconClass:"k-i-sort-asc-sm",svgIcon:C.sortAscSmallIcon,selected:D(u,r),onClick:n}),l.createElement(g.GridColumnMenuItem,{title:a.toLanguageString(s.sortDescending,s.messages[s.sortDescending]),iconClass:"k-i-sort-desc-sm",svgIcon:C.sortDescSmallIcon,selected:G(u,r),onClick:t}))};exports.GridColumnMenuSort=E;exports.isColumnMenuSortActive=z;
@@ -6,14 +6,14 @@
6
6
  *-------------------------------------------------------------------------------------------
7
7
  */
8
8
  "use client";
9
- import * as r from "react";
10
- import { GridColumnMenuItem as m } from "./GridColumnMenuItem.mjs";
11
- import { GridColumnMenuItemGroup as M } from "./GridColumnMenuItemGroup.mjs";
12
- import { normalize as x } from "../interfaces/GridSortSettings.mjs";
13
- import { provideLocalizationService as z, registerForIntl as E, registerForLocalization as L } from "@progress/kendo-react-intl";
14
- import { sortAscending as f, messages as u, sortDescending as h } from "../messages/index.mjs";
9
+ import * as l from "react";
10
+ import { GridColumnMenuItem as f } from "./GridColumnMenuItem.mjs";
11
+ import { GridColumnMenuItemGroup as x } from "./GridColumnMenuItemGroup.mjs";
12
+ import { normalize as z } from "../interfaces/GridSortSettings.mjs";
13
+ import { useLocalization as L } from "@progress/kendo-react-intl";
14
+ import { sortAscending as C, messages as g, sortDescending as S } from "../messages/index.mjs";
15
15
  import { sortAscSmallIcon as R, sortDescSmallIcon as w } from "@progress/kendo-svg-icons";
16
- const D = "asc", I = "desc", F = {
16
+ const D = "asc", I = "desc", _ = {
17
17
  true: {
18
18
  asc: { asc: "", desc: "desc" },
19
19
  desc: { asc: "asc", desc: "" },
@@ -24,52 +24,41 @@ const D = "asc", I = "desc", F = {
24
24
  desc: { asc: "asc", desc: "desc" },
25
25
  "": { asc: "asc", desc: "desc" }
26
26
  }
27
- }, g = (o, s) => s ? s.findIndex((t) => t.field === o) : -1, C = (o, s) => !!(s && o > -1 && s[o].dir === D), S = (o, s) => !!(s && o > -1 && s[o].dir === I), l = class l extends r.Component {
28
- constructor() {
29
- super(...arguments), this.onAscClick = (s) => {
30
- this.onSort(s, D), this.props.onCloseMenu && this.props.onCloseMenu();
31
- }, this.onDescClick = (s) => {
32
- this.onSort(s, I), this.props.onCloseMenu && this.props.onCloseMenu();
33
- }, this.onSort = (s, t) => {
34
- if (s.preventDefault(), !this.props.onSortChange)
35
- return;
36
- const { column: e, sortable: c, sort: k } = this.props, { allowUnsort: v, mode: A } = x(c || !1, !1), a = (k || []).filter((i) => i.field === e.field)[0], d = F[v][a && a.dir || ""][t], p = A === "single" ? [] : (this.props.sort || []).filter((i) => i.field !== e.field);
37
- d !== "" && e.field && p.push({ field: e.field, dir: d }), this.props.onSortChange(p, s);
38
- };
39
- }
40
- /**
41
- * @hidden
42
- */
43
- render() {
44
- const { sort: s, column: t } = this.props, e = g(t.field, s), c = z(this);
45
- return /* @__PURE__ */ r.createElement(M, null, /* @__PURE__ */ r.createElement(
46
- m,
47
- {
48
- title: c.toLanguageString(f, u[f]),
49
- iconClass: "k-i-sort-asc-sm",
50
- svgIcon: R,
51
- selected: C(e, s),
52
- onClick: this.onAscClick
53
- }
54
- ), /* @__PURE__ */ r.createElement(
55
- m,
56
- {
57
- title: c.toLanguageString(h, u[h]),
58
- iconClass: "k-i-sort-desc-sm",
59
- svgIcon: w,
60
- selected: S(e, s),
61
- onClick: this.onDescClick
62
- }
63
- ));
64
- }
65
- };
66
- l.active = (s, t) => {
67
- const e = g(s, t);
68
- return S(e, t) || C(e, t);
27
+ }, M = (e, c) => c ? c.findIndex((n) => n.field === e) : -1, k = (e, c) => !!(c && e > -1 && c[e].dir === D), A = (e, c) => !!(c && e > -1 && c[e].dir === I), F = (e, c) => {
28
+ const n = M(e, c);
29
+ return A(n, c) || k(n, c);
30
+ }, H = (e) => {
31
+ const c = (s) => {
32
+ r(s, D), e.onCloseMenu && e.onCloseMenu();
33
+ }, n = (s) => {
34
+ r(s, I), e.onCloseMenu && e.onCloseMenu();
35
+ }, r = (s, G) => {
36
+ if (s.preventDefault(), !e.onSortChange)
37
+ return;
38
+ const { allowUnsort: h, mode: v } = z(e.sortable || !1, !1), d = (e.sort || []).filter((o) => o.field === e.column.field)[0], m = _[h][d && d.dir || ""][G], u = v === "single" ? [] : (e.sort || []).filter((o) => o.field !== e.column.field);
39
+ m !== "" && e.column.field && u.push({ field: e.column.field, dir: m }), e.onSortChange(u, s);
40
+ }, { sort: t, column: E } = e, i = M(E.field, t), a = L();
41
+ return /* @__PURE__ */ l.createElement(x, null, /* @__PURE__ */ l.createElement(
42
+ f,
43
+ {
44
+ title: a.toLanguageString(C, g[C]),
45
+ iconClass: "k-i-sort-asc-sm",
46
+ svgIcon: R,
47
+ selected: k(i, t),
48
+ onClick: c
49
+ }
50
+ ), /* @__PURE__ */ l.createElement(
51
+ f,
52
+ {
53
+ title: a.toLanguageString(S, g[S]),
54
+ iconClass: "k-i-sort-desc-sm",
55
+ svgIcon: w,
56
+ selected: A(i, t),
57
+ onClick: n
58
+ }
59
+ ));
69
60
  };
70
- let n = l;
71
- E(n);
72
- L(n);
73
61
  export {
74
- n as GridColumnMenuSort
62
+ H as GridColumnMenuSort,
63
+ F as isColumnMenuSortActive
75
64
  };