@progress/kendo-react-grid 11.0.0-develop.19 → 11.0.0-develop.20

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 (42) hide show
  1. package/GridClientWrapper.js +1 -1
  2. package/GridClientWrapper.mjs +46 -37
  3. package/GridComponent.js +1 -1
  4. package/GridComponent.mjs +18 -18
  5. package/GridToolbar.js +1 -1
  6. package/GridToolbar.mjs +15 -20
  7. package/columnMenu/GridColumnMenuCheckboxFilter.js +1 -1
  8. package/columnMenu/GridColumnMenuCheckboxFilter.mjs +2 -1
  9. package/columnMenu/GridColumnMenuFilterCell.js +1 -1
  10. package/columnMenu/GridColumnMenuFilterCell.mjs +35 -28
  11. package/columnMenu/GridColumnMenuWrapper.js +1 -1
  12. package/columnMenu/GridColumnMenuWrapper.mjs +62 -49
  13. package/columnMenu/adaptiveContent/GridAdaptiveColumnMenu.js +1 -1
  14. package/columnMenu/adaptiveContent/GridAdaptiveColumnMenu.mjs +1 -1
  15. package/dist/cdn/js/kendo-react-grid.js +1 -1
  16. package/index.d.mts +244 -18
  17. package/index.d.ts +244 -18
  18. package/index.js +1 -1
  19. package/index.mjs +80 -72
  20. package/messages/index.js +1 -1
  21. package/messages/index.mjs +92 -76
  22. package/package-metadata.js +1 -1
  23. package/package-metadata.mjs +2 -2
  24. package/package.json +16 -16
  25. package/toolbar-tools/GridToolbarCheckboxFilter.js +8 -0
  26. package/toolbar-tools/GridToolbarCheckboxFilter.mjs +312 -0
  27. package/toolbar-tools/GridToolbarColumnsChooser.js +8 -0
  28. package/toolbar-tools/GridToolbarColumnsChooser.mjs +178 -0
  29. package/toolbar-tools/GridToolbarFilter.js +8 -0
  30. package/toolbar-tools/GridToolbarFilter.mjs +281 -0
  31. package/toolbar-tools/GridToolbarSort.js +8 -0
  32. package/toolbar-tools/GridToolbarSort.mjs +146 -0
  33. package/toolbar-tools/adaptiveContent/GridAdaptiveToolbarCheckboxFilter.js +9 -0
  34. package/toolbar-tools/adaptiveContent/GridAdaptiveToolbarCheckboxFilter.mjs +114 -0
  35. package/toolbar-tools/adaptiveContent/GridAdaptiveToolbarColumnChooser.js +9 -0
  36. package/toolbar-tools/adaptiveContent/GridAdaptiveToolbarColumnChooser.mjs +89 -0
  37. package/toolbar-tools/adaptiveContent/GridAdaptiveToolbarFilter.js +9 -0
  38. package/toolbar-tools/adaptiveContent/GridAdaptiveToolbarFilter.mjs +98 -0
  39. package/toolbar-tools/adaptiveContent/GridAdaptiveToolbarSort.js +9 -0
  40. package/toolbar-tools/adaptiveContent/GridAdaptiveToolbarSort.mjs +68 -0
  41. package/toolbar-tools/adaptiveContext/GridToolbarAdaptiveContext.js +9 -0
  42. package/toolbar-tools/adaptiveContext/GridToolbarAdaptiveContext.mjs +17 -0
@@ -0,0 +1,89 @@
1
+ /**
2
+ * @license
3
+ *-------------------------------------------------------------------------------------------
4
+ * Copyright © 2025 Progress Software Corporation. All rights reserved.
5
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
6
+ *-------------------------------------------------------------------------------------------
7
+ */
8
+ "use client";
9
+ import e from "react";
10
+ import { GridContext as x } from "../../utils/GridContext.mjs";
11
+ import { xIcon as b, searchIcon as A } from "@progress/kendo-svg-icons";
12
+ import { adaptiveColumnMenuChooserTitle as m, messages as l, adaptiveColumnMenuChooserSubTitle as r, filterSelectAll as s, columnMenuColumnChooserSelectedItems as d, filterResetButton as u, filterApplyButton as h } from "../../messages/index.mjs";
13
+ import { Button as N } from "@progress/kendo-react-buttons";
14
+ import { useLocalization as p } from "@progress/kendo-react-intl";
15
+ import { TextBox as M, Checkbox as g, InputPrefix as y } from "@progress/kendo-react-inputs";
16
+ import { ActionSheet as L, ActionSheetView as R, ActionSheetHeader as T, ActionSheetContent as w, ActionSheetFooter as B } from "@progress/kendo-react-layout";
17
+ import { useAdaptiveModeContext as I, IconWrap as z } from "@progress/kendo-react-common";
18
+ import { GridActionSheetFooterContent as G } from "../../columnMenu/adaptiveContent/GridActionSheetFooter.mjs";
19
+ import { GridToolbarAdaptiveContext as F } from "../adaptiveContext/GridToolbarAdaptiveContext.mjs";
20
+ const U = (t) => {
21
+ const o = e.useContext(x), { actionSheetRef: f } = e.useContext(F), i = I(), n = p(), C = {
22
+ animation: !0,
23
+ navigatable: !1,
24
+ navigatableElements: [],
25
+ expand: t.computedShow,
26
+ animationStyles: i && o.adaptiveColumnMenuRef <= i.small ? { top: 0, width: "100%", height: "100%" } : void 0,
27
+ className: "k-adaptive-actionsheet",
28
+ position: i && o.adaptiveColumnMenuRef <= i.small ? "fullscreen" : void 0
29
+ }, k = n.toLanguageString(
30
+ m,
31
+ l[m]
32
+ ), v = n.toLanguageString(
33
+ r,
34
+ l[r]
35
+ ), E = () => /* @__PURE__ */ e.createElement(y, null, /* @__PURE__ */ e.createElement(z, { name: "search", icon: A }));
36
+ return /* @__PURE__ */ e.createElement(
37
+ L,
38
+ {
39
+ ...C,
40
+ ref: f,
41
+ style: { "--kendo-actionsheet-view-current": 1 },
42
+ onClose: t.onClose
43
+ },
44
+ /* @__PURE__ */ e.createElement(R, null, /* @__PURE__ */ e.createElement(T, null, /* @__PURE__ */ e.createElement("div", { className: "k-actionsheet-titlebar-group" }, /* @__PURE__ */ e.createElement("div", { className: "k-actionsheet-title" }, /* @__PURE__ */ e.createElement("div", { className: "k-text-center" }, k), /* @__PURE__ */ e.createElement("div", { className: "k-actionsheet-subtitle k-text-center" }, v)), /* @__PURE__ */ e.createElement("div", { className: "k-actionsheet-actions" }, /* @__PURE__ */ e.createElement(N, { type: "button", svgIcon: b, onClick: t.onClose, fillMode: "flat" })))), /* @__PURE__ */ e.createElement(w, null, /* @__PURE__ */ e.createElement("div", { className: "k-filter-menu" }, /* @__PURE__ */ e.createElement("div", { className: "k-filter-menu-container" }, /* @__PURE__ */ e.createElement(
45
+ M,
46
+ {
47
+ size: o.mobileMode ? "large" : "medium",
48
+ className: "k-searchbox",
49
+ value: t.filter,
50
+ onChange: t.onFilter,
51
+ prefix: E
52
+ }
53
+ ), /* @__PURE__ */ e.createElement("ul", { className: "k-reset k-multicheck-wrap" }, !t.filter && /* @__PURE__ */ e.createElement("li", { className: "k-item k-check-all-wrap" }, /* @__PURE__ */ e.createElement(
54
+ g,
55
+ {
56
+ size: o.mobileMode ? "large" : "medium",
57
+ checked: t.allSelected,
58
+ onChange: t.onSelectAll,
59
+ label: n.toLanguageString(s, l[s])
60
+ }
61
+ )), t.filtered.map((a, P) => /* @__PURE__ */ e.createElement("li", { key: a.id, className: "k-item" }, /* @__PURE__ */ e.createElement(
62
+ g,
63
+ {
64
+ size: o.mobileMode ? "large" : "medium",
65
+ disabled: t.selectedColumns[a.id || ""] && t.checkedCount === 1,
66
+ checked: t.selectedColumns[a.id || ""],
67
+ onChange: (S) => {
68
+ var c;
69
+ return t.onCheckChange(!!((c = S.target.element) != null && c.checked), a.id);
70
+ },
71
+ label: a.title || a.field
72
+ }
73
+ )))), /* @__PURE__ */ e.createElement("div", { className: "k-filter-selected-items" }, t.checkedCount, " ", n.toLanguageString(
74
+ d,
75
+ l[d]
76
+ ))))), /* @__PURE__ */ e.createElement(B, null, /* @__PURE__ */ e.createElement(
77
+ G,
78
+ {
79
+ onApply: t.onApply,
80
+ onReset: t.onReset,
81
+ resetMessage: n.toLanguageString(u, l[u]),
82
+ submitMessage: n.toLanguageString(h, l[h])
83
+ }
84
+ )))
85
+ );
86
+ };
87
+ export {
88
+ U as GridAdaptiveToolbarColumnChooser
89
+ };
@@ -0,0 +1,9 @@
1
+ /**
2
+ * @license
3
+ *-------------------------------------------------------------------------------------------
4
+ * Copyright © 2025 Progress Software Corporation. All rights reserved.
5
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
6
+ *-------------------------------------------------------------------------------------------
7
+ */
8
+ "use client";
9
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),a=require("@progress/kendo-react-layout"),A=require("@progress/kendo-react-common"),b=require("../../utils/GridContext.js"),s=require("@progress/kendo-react-buttons"),l=require("@progress/kendo-svg-icons"),x=require("../adaptiveContext/GridToolbarAdaptiveContext.js"),N=require("@progress/kendo-react-intl"),n=require("../../messages/index.js"),M=require("../../columnMenu/GridColumnMenuItemGroup.js"),y=require("../../columnMenu/GridColumnMenuFilterUI.js"),G=require("../../columnMenu/GridColumnMenuItem.js"),w=require("../../columnMenu/adaptiveContent/GridActionSheetFooter.js"),B=t=>{const o=e.useContext(b.GridContext),{actionSheetRef:m,firstViewRef:k,secondViewRef:C}=e.useContext(x.GridToolbarAdaptiveContext),r=A.useAdaptiveModeContext(),c=N.useLocalization(),[d,E]=e.useState(""),g=o.dir==="rtl"?l.chevronRightIcon:l.chevronLeftIcon,v=c.toLanguageString(n.adaptiveColumnMenuFilterTitle,n.messages[n.adaptiveColumnMenuFilterTitle]),S={animation:!0,navigatable:!1,navigatableElements:[],expand:t.computedShow,animationStyles:r&&o.adaptiveColumnMenuRef<=r.small?{top:0,width:"100%",height:"100%"}:void 0,className:"k-adaptive-actionsheet",position:r&&o.adaptiveColumnMenuRef<=r.small?"fullscreen":void 0},I=()=>{t.onBackView&&t.onBackView(),o!=null&&o.mobileMode&&m.current.element.style.setProperty("--kendo-actionsheet-view-current",1)};return e.createElement(a.ActionSheet,{...S,ref:m,style:{"--kendo-actionsheet-view-current":1},onClose:t.onClose},e.createElement(a.ActionSheetView,{className:"k-actionsheet-view-animated",ref:k,style:{transitionDuration:"500ms",transitionProperty:"transform"}},e.createElement(a.ActionSheetHeader,null,e.createElement("div",{className:"k-actionsheet-titlebar-group"},e.createElement("div",{className:"k-actionsheet-title"},e.createElement("div",{className:"k-text-center"},v)),e.createElement("div",{className:"k-actionsheet-actions"},e.createElement(s.Button,{svgIcon:l.xIcon,onClick:t.onClose,fillMode:"flat"})))),e.createElement(a.ActionSheetContent,null,e.createElement("div",{className:"k-column-menu k-column-menu-lg"},t.filtered.map(i=>{var f,h;return e.createElement(M.GridColumnMenuItemGroup,{key:i.id},e.createElement("div",{className:"k-expander"},e.createElement(G.GridColumnMenuItem,{title:t.renderTitle(i),expandable:!0,expanded:!!((h=(f=t.expandState)==null?void 0:f.find(u=>u.column.field===i.field))!=null&&h.expanded),onClick:u=>(m.current.element.style.setProperty("--kendo-actionsheet-view-current",2),E(i.field),t.onFilterExpand(u,i))})))}))),e.createElement(a.ActionSheetFooter,null,e.createElement("div",{className:"k-actions k-actions-stretched k-actions-horizontal k-column-menu-footer"},e.createElement(s.Button,{svgIcon:l.filterClearIcon,onClick:t.handleClearAllFilters,size:"large"},c.toLanguageString(n.filterClearAllButton,n.messages[n.filterClearAllButton]))))),e.createElement(a.ActionSheetView,{className:"k-actionsheet-view-animated",ref:C,style:{transitionDuration:"500ms",transitionProperty:"transform"}},e.createElement(a.ActionSheetHeader,null,e.createElement("div",{className:"k-actionsheet-titlebar-group"},e.createElement("div",{className:"k-actionsheet-actions"},e.createElement(s.Button,{type:"button",onClick:I,svgIcon:g,fillMode:"flat"})),e.createElement("div",{className:"k-actionsheet-title"},e.createElement("div",{className:"k-text-center"},v+(d?` ${d}`:""))),e.createElement("div",{className:"k-actionsheet-actions"},e.createElement(s.Button,{type:"button",svgIcon:l.xIcon,onClick:t.onClose,fillMode:"flat"})))),e.createElement(a.ActionSheetContent,null,e.createElement("form",{className:"k-filter-menu",onSubmit:t.submit,onReset:t.clear},e.createElement("div",{className:"k-filter-menu-container"},t.FilterUI?e.createElement(t.FilterUI,{...t.filterUIProps}):e.createElement(y.GridColumnMenuFilterUI,{...t.filterUIProps})))),e.createElement(a.ActionSheetFooter,null,e.createElement(w.GridActionSheetFooterContent,{onApply:t.submit,onReset:t.clear,submitMessage:c.toLanguageString(n.filterSubmitButton,n.messages[n.filterSubmitButton]),resetMessage:c.toLanguageString(n.filterClearButton,n.messages[n.filterClearButton])}))))};exports.GridAdaptiveToolbarFilter=B;
@@ -0,0 +1,98 @@
1
+ /**
2
+ * @license
3
+ *-------------------------------------------------------------------------------------------
4
+ * Copyright © 2025 Progress Software Corporation. All rights reserved.
5
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
6
+ *-------------------------------------------------------------------------------------------
7
+ */
8
+ "use client";
9
+ import e from "react";
10
+ import { ActionSheet as p, ActionSheetView as v, ActionSheetHeader as h, ActionSheetContent as E, ActionSheetFooter as k } from "@progress/kendo-react-layout";
11
+ import { useAdaptiveModeContext as F } from "@progress/kendo-react-common";
12
+ import { GridContext as R } from "../../utils/GridContext.mjs";
13
+ import { Button as l } from "@progress/kendo-react-buttons";
14
+ import { chevronRightIcon as G, chevronLeftIcon as B, xIcon as C, filterClearIcon as P } from "@progress/kendo-svg-icons";
15
+ import { GridToolbarAdaptiveContext as L } from "../adaptiveContext/GridToolbarAdaptiveContext.mjs";
16
+ import { useLocalization as V } from "@progress/kendo-react-intl";
17
+ import { adaptiveColumnMenuFilterTitle as g, messages as r, filterClearAllButton as S, filterSubmitButton as N, filterClearButton as x } from "../../messages/index.mjs";
18
+ import { GridColumnMenuItemGroup as T } from "../../columnMenu/GridColumnMenuItemGroup.mjs";
19
+ import { GridColumnMenuFilterUI as U } from "../../columnMenu/GridColumnMenuFilterUI.mjs";
20
+ import { GridColumnMenuItem as z } from "../../columnMenu/GridColumnMenuItem.mjs";
21
+ import { GridActionSheetFooterContent as D } from "../../columnMenu/adaptiveContent/GridActionSheetFooter.mjs";
22
+ const te = (t) => {
23
+ const n = e.useContext(R), { actionSheetRef: c, firstViewRef: I, secondViewRef: b } = e.useContext(L), o = F(), i = V(), [s, w] = e.useState(""), y = n.dir === "rtl" ? G : B, u = i.toLanguageString(
24
+ g,
25
+ r[g]
26
+ ), A = {
27
+ animation: !0,
28
+ navigatable: !1,
29
+ navigatableElements: [],
30
+ expand: t.computedShow,
31
+ animationStyles: o && n.adaptiveColumnMenuRef <= o.small ? { top: 0, width: "100%", height: "100%" } : void 0,
32
+ className: "k-adaptive-actionsheet",
33
+ position: o && n.adaptiveColumnMenuRef <= o.small ? "fullscreen" : void 0
34
+ }, M = () => {
35
+ t.onBackView && t.onBackView(), n != null && n.mobileMode && c.current.element.style.setProperty("--kendo-actionsheet-view-current", 1);
36
+ };
37
+ return /* @__PURE__ */ e.createElement(
38
+ p,
39
+ {
40
+ ...A,
41
+ ref: c,
42
+ style: { "--kendo-actionsheet-view-current": 1 },
43
+ onClose: t.onClose
44
+ },
45
+ /* @__PURE__ */ e.createElement(
46
+ v,
47
+ {
48
+ className: "k-actionsheet-view-animated",
49
+ ref: I,
50
+ style: {
51
+ transitionDuration: "500ms",
52
+ transitionProperty: "transform"
53
+ }
54
+ },
55
+ /* @__PURE__ */ e.createElement(h, null, /* @__PURE__ */ e.createElement("div", { className: "k-actionsheet-titlebar-group" }, /* @__PURE__ */ e.createElement("div", { className: "k-actionsheet-title" }, /* @__PURE__ */ e.createElement("div", { className: "k-text-center" }, u)), /* @__PURE__ */ e.createElement("div", { className: "k-actionsheet-actions" }, /* @__PURE__ */ e.createElement(l, { svgIcon: C, onClick: t.onClose, fillMode: "flat" })))),
56
+ /* @__PURE__ */ e.createElement(E, null, /* @__PURE__ */ e.createElement("div", { className: "k-column-menu k-column-menu-lg" }, t.filtered.map((a) => {
57
+ var d, f;
58
+ return /* @__PURE__ */ e.createElement(T, { key: a.id }, /* @__PURE__ */ e.createElement("div", { className: "k-expander" }, /* @__PURE__ */ e.createElement(
59
+ z,
60
+ {
61
+ title: t.renderTitle(a),
62
+ expandable: !0,
63
+ expanded: !!((f = (d = t.expandState) == null ? void 0 : d.find(
64
+ (m) => m.column.field === a.field
65
+ )) != null && f.expanded),
66
+ onClick: (m) => (c.current.element.style.setProperty("--kendo-actionsheet-view-current", 2), w(a.field), t.onFilterExpand(m, a))
67
+ }
68
+ )));
69
+ }))),
70
+ /* @__PURE__ */ e.createElement(k, null, /* @__PURE__ */ e.createElement("div", { className: "k-actions k-actions-stretched k-actions-horizontal k-column-menu-footer" }, /* @__PURE__ */ e.createElement(l, { svgIcon: P, onClick: t.handleClearAllFilters, size: "large" }, i.toLanguageString(S, r[S]))))
71
+ ),
72
+ /* @__PURE__ */ e.createElement(
73
+ v,
74
+ {
75
+ className: "k-actionsheet-view-animated",
76
+ ref: b,
77
+ style: {
78
+ transitionDuration: "500ms",
79
+ transitionProperty: "transform"
80
+ }
81
+ },
82
+ /* @__PURE__ */ e.createElement(h, null, /* @__PURE__ */ e.createElement("div", { className: "k-actionsheet-titlebar-group" }, /* @__PURE__ */ e.createElement("div", { className: "k-actionsheet-actions" }, /* @__PURE__ */ e.createElement(l, { type: "button", onClick: M, svgIcon: y, fillMode: "flat" })), /* @__PURE__ */ e.createElement("div", { className: "k-actionsheet-title" }, /* @__PURE__ */ e.createElement("div", { className: "k-text-center" }, u + (s ? ` ${s}` : ""))), /* @__PURE__ */ e.createElement("div", { className: "k-actionsheet-actions" }, /* @__PURE__ */ e.createElement(l, { type: "button", svgIcon: C, onClick: t.onClose, fillMode: "flat" })))),
83
+ /* @__PURE__ */ e.createElement(E, null, /* @__PURE__ */ e.createElement("form", { className: "k-filter-menu", onSubmit: t.submit, onReset: t.clear }, /* @__PURE__ */ e.createElement("div", { className: "k-filter-menu-container" }, t.FilterUI ? /* @__PURE__ */ e.createElement(t.FilterUI, { ...t.filterUIProps }) : /* @__PURE__ */ e.createElement(U, { ...t.filterUIProps })))),
84
+ /* @__PURE__ */ e.createElement(k, null, /* @__PURE__ */ e.createElement(
85
+ D,
86
+ {
87
+ onApply: t.submit,
88
+ onReset: t.clear,
89
+ submitMessage: i.toLanguageString(N, r[N]),
90
+ resetMessage: i.toLanguageString(x, r[x])
91
+ }
92
+ ))
93
+ )
94
+ );
95
+ };
96
+ export {
97
+ te as GridAdaptiveToolbarFilter
98
+ };
@@ -0,0 +1,9 @@
1
+ /**
2
+ * @license
3
+ *-------------------------------------------------------------------------------------------
4
+ * Copyright © 2025 Progress Software Corporation. All rights reserved.
5
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
6
+ *-------------------------------------------------------------------------------------------
7
+ */
8
+ "use client";
9
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),r=require("@progress/kendo-svg-icons"),n=require("../../messages/index.js"),c=require("@progress/kendo-react-buttons"),v=require("@progress/kendo-react-intl"),o=require("@progress/kendo-react-layout"),g=require("../../columnMenu/GridColumnMenuItem.js"),h=require("../../columnMenu/GridColumnMenuItemGroup.js"),k=require("../../utils/GridContext.js"),S=require("../adaptiveContext/GridToolbarAdaptiveContext.js"),E=require("@progress/kendo-react-common"),b=t=>{const s=e.useContext(k.GridContext),{actionSheetRef:u}=e.useContext(S.GridToolbarAdaptiveContext),a=E.useAdaptiveModeContext(),i=v.useLocalization(),d={animation:!0,navigatable:!1,navigatableElements:[],expand:t.computedShow,animationStyles:a&&s.adaptiveColumnMenuRef<=a.small?{top:0,width:"100%",height:"100%"}:void 0,className:"k-adaptive-actionsheet",position:a&&s.adaptiveColumnMenuRef<=a.small?"fullscreen":void 0},m=i.toLanguageString(n.adaptiveToolbarSortTitle,n.messages[n.adaptiveToolbarSortTitle]);return e.createElement(o.ActionSheet,{...d,ref:u,style:{"--kendo-actionsheet-view-current":1},onClose:t.onClose},e.createElement(o.ActionSheetView,null,e.createElement(o.ActionSheetHeader,null,e.createElement("div",{className:"k-actionsheet-titlebar-group"},e.createElement("div",{className:"k-actionsheet-title"},e.createElement("div",{className:"k-text-center"},m)),e.createElement("div",{className:"k-actionsheet-actions"},e.createElement(c.Button,{type:"button",svgIcon:r.checkIcon,themeColor:"primary",onClick:t.onClose,fillMode:"flat"})))),e.createElement(o.ActionSheetContent,null,e.createElement("div",{className:"k-column-menu k-column-menu-lg"},e.createElement(h.GridColumnMenuItemGroup,null,t.filtered.map(l=>e.createElement(g.GridColumnMenuItem,{key:l.id,title:t.renderTitle(l),onClick:C=>t.handleSorting(C,l)}))))),e.createElement(o.ActionSheetFooter,null,e.createElement("div",{className:"k-actions k-actions-stretched"},e.createElement(c.Button,{svgIcon:r.xIcon,onClick:t.onClear,size:"large",disabled:t.isDisabledButton},i.toLanguageString(n.sortClearButton,n.messages[n.sortClearButton])),e.createElement(c.Button,{svgIcon:r.checkIcon,themeColor:"primary",size:"large",onClick:t.onClose},i.toLanguageString(n.sortApplyButton,n.messages[n.sortApplyButton]))))))};exports.GridAdaptiveToolbarSort=b;
@@ -0,0 +1,68 @@
1
+ /**
2
+ * @license
3
+ *-------------------------------------------------------------------------------------------
4
+ * Copyright © 2025 Progress Software Corporation. All rights reserved.
5
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
6
+ *-------------------------------------------------------------------------------------------
7
+ */
8
+ "use client";
9
+ import e from "react";
10
+ import { checkIcon as m, xIcon as f } from "@progress/kendo-svg-icons";
11
+ import { adaptiveToolbarSortTitle as c, messages as i, sortClearButton as s, sortApplyButton as d } from "../../messages/index.mjs";
12
+ import { Button as l } from "@progress/kendo-react-buttons";
13
+ import { useLocalization as h } from "@progress/kendo-react-intl";
14
+ import { ActionSheet as p, ActionSheetView as E, ActionSheetHeader as k, ActionSheetContent as S, ActionSheetFooter as x } from "@progress/kendo-react-layout";
15
+ import { GridColumnMenuItem as b } from "../../columnMenu/GridColumnMenuItem.mjs";
16
+ import { GridColumnMenuItemGroup as A } from "../../columnMenu/GridColumnMenuItemGroup.mjs";
17
+ import { GridContext as y } from "../../utils/GridContext.mjs";
18
+ import { GridToolbarAdaptiveContext as I } from "../adaptiveContext/GridToolbarAdaptiveContext.mjs";
19
+ import { useAdaptiveModeContext as N } from "@progress/kendo-react-common";
20
+ const H = (t) => {
21
+ const r = e.useContext(y), { actionSheetRef: u } = e.useContext(I), o = N(), n = h(), C = {
22
+ animation: !0,
23
+ navigatable: !1,
24
+ navigatableElements: [],
25
+ expand: t.computedShow,
26
+ animationStyles: o && r.adaptiveColumnMenuRef <= o.small ? { top: 0, width: "100%", height: "100%" } : void 0,
27
+ className: "k-adaptive-actionsheet",
28
+ position: o && r.adaptiveColumnMenuRef <= o.small ? "fullscreen" : void 0
29
+ }, v = n.toLanguageString(c, i[c]);
30
+ return /* @__PURE__ */ e.createElement(
31
+ p,
32
+ {
33
+ ...C,
34
+ ref: u,
35
+ style: { "--kendo-actionsheet-view-current": 1 },
36
+ onClose: t.onClose
37
+ },
38
+ /* @__PURE__ */ e.createElement(E, null, /* @__PURE__ */ e.createElement(k, null, /* @__PURE__ */ e.createElement("div", { className: "k-actionsheet-titlebar-group" }, /* @__PURE__ */ e.createElement("div", { className: "k-actionsheet-title" }, /* @__PURE__ */ e.createElement("div", { className: "k-text-center" }, v)), /* @__PURE__ */ e.createElement("div", { className: "k-actionsheet-actions" }, /* @__PURE__ */ e.createElement(
39
+ l,
40
+ {
41
+ type: "button",
42
+ svgIcon: m,
43
+ themeColor: "primary",
44
+ onClick: t.onClose,
45
+ fillMode: "flat"
46
+ }
47
+ )))), /* @__PURE__ */ e.createElement(S, null, /* @__PURE__ */ e.createElement("div", { className: "k-column-menu k-column-menu-lg" }, /* @__PURE__ */ e.createElement(A, null, t.filtered.map((a) => /* @__PURE__ */ e.createElement(
48
+ b,
49
+ {
50
+ key: a.id,
51
+ title: t.renderTitle(a),
52
+ onClick: (g) => t.handleSorting(g, a)
53
+ }
54
+ ))))), /* @__PURE__ */ e.createElement(x, null, /* @__PURE__ */ e.createElement("div", { className: "k-actions k-actions-stretched" }, /* @__PURE__ */ e.createElement(
55
+ l,
56
+ {
57
+ svgIcon: f,
58
+ onClick: t.onClear,
59
+ size: "large",
60
+ disabled: t.isDisabledButton
61
+ },
62
+ n.toLanguageString(s, i[s])
63
+ ), /* @__PURE__ */ e.createElement(l, { svgIcon: m, themeColor: "primary", size: "large", onClick: t.onClose }, n.toLanguageString(d, i[d])))))
64
+ );
65
+ };
66
+ export {
67
+ H as GridAdaptiveToolbarSort
68
+ };
@@ -0,0 +1,9 @@
1
+ /**
2
+ * @license
3
+ *-------------------------------------------------------------------------------------------
4
+ * Copyright © 2025 Progress Software Corporation. All rights reserved.
5
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
6
+ *-------------------------------------------------------------------------------------------
7
+ */
8
+ "use client";
9
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),t=e.createContext(void 0),l=o=>{const r=e.useRef(null),i=e.useRef(null),n=e.useRef(null),d=e.useMemo(()=>({actionSheetRef:r,firstViewRef:i,secondViewRef:n}),[]);return e.createElement(t.Provider,{value:d},o.children)};exports.GridToolbarAdaptiveContext=t;exports.GridToolbarAdaptiveProvider=l;
@@ -0,0 +1,17 @@
1
+ /**
2
+ * @license
3
+ *-------------------------------------------------------------------------------------------
4
+ * Copyright © 2025 Progress Software Corporation. All rights reserved.
5
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
6
+ *-------------------------------------------------------------------------------------------
7
+ */
8
+ "use client";
9
+ import e from "react";
10
+ const s = e.createContext(void 0), l = (t) => {
11
+ const o = e.useRef(null), r = e.useRef(null), n = e.useRef(null), i = e.useMemo(() => ({ actionSheetRef: o, firstViewRef: r, secondViewRef: n }), []);
12
+ return /* @__PURE__ */ e.createElement(s.Provider, { value: i }, t.children);
13
+ };
14
+ export {
15
+ s as GridToolbarAdaptiveContext,
16
+ l as GridToolbarAdaptiveProvider
17
+ };