@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.
- package/GridClientWrapper.js +1 -1
- package/GridClientWrapper.mjs +46 -37
- package/GridComponent.js +1 -1
- package/GridComponent.mjs +18 -18
- package/GridToolbar.js +1 -1
- package/GridToolbar.mjs +15 -20
- package/columnMenu/GridColumnMenuCheckboxFilter.js +1 -1
- package/columnMenu/GridColumnMenuCheckboxFilter.mjs +2 -1
- package/columnMenu/GridColumnMenuFilterCell.js +1 -1
- package/columnMenu/GridColumnMenuFilterCell.mjs +35 -28
- package/columnMenu/GridColumnMenuWrapper.js +1 -1
- package/columnMenu/GridColumnMenuWrapper.mjs +62 -49
- package/columnMenu/adaptiveContent/GridAdaptiveColumnMenu.js +1 -1
- package/columnMenu/adaptiveContent/GridAdaptiveColumnMenu.mjs +1 -1
- package/dist/cdn/js/kendo-react-grid.js +1 -1
- package/index.d.mts +244 -18
- package/index.d.ts +244 -18
- package/index.js +1 -1
- package/index.mjs +80 -72
- package/messages/index.js +1 -1
- package/messages/index.mjs +92 -76
- package/package-metadata.js +1 -1
- package/package-metadata.mjs +2 -2
- package/package.json +16 -16
- package/toolbar-tools/GridToolbarCheckboxFilter.js +8 -0
- package/toolbar-tools/GridToolbarCheckboxFilter.mjs +312 -0
- package/toolbar-tools/GridToolbarColumnsChooser.js +8 -0
- package/toolbar-tools/GridToolbarColumnsChooser.mjs +178 -0
- package/toolbar-tools/GridToolbarFilter.js +8 -0
- package/toolbar-tools/GridToolbarFilter.mjs +281 -0
- package/toolbar-tools/GridToolbarSort.js +8 -0
- package/toolbar-tools/GridToolbarSort.mjs +146 -0
- package/toolbar-tools/adaptiveContent/GridAdaptiveToolbarCheckboxFilter.js +9 -0
- package/toolbar-tools/adaptiveContent/GridAdaptiveToolbarCheckboxFilter.mjs +114 -0
- package/toolbar-tools/adaptiveContent/GridAdaptiveToolbarColumnChooser.js +9 -0
- package/toolbar-tools/adaptiveContent/GridAdaptiveToolbarColumnChooser.mjs +89 -0
- package/toolbar-tools/adaptiveContent/GridAdaptiveToolbarFilter.js +9 -0
- package/toolbar-tools/adaptiveContent/GridAdaptiveToolbarFilter.mjs +98 -0
- package/toolbar-tools/adaptiveContent/GridAdaptiveToolbarSort.js +9 -0
- package/toolbar-tools/adaptiveContent/GridAdaptiveToolbarSort.mjs +68 -0
- package/toolbar-tools/adaptiveContext/GridToolbarAdaptiveContext.js +9 -0
- 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
|
+
};
|