@progress/kendo-react-grid 15.1.0-develop.4 → 15.1.0-develop.5
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/dist/cdn/js/kendo-react-grid.js +1 -1
- package/package-metadata.js +1 -1
- package/package-metadata.mjs +2 -2
- package/package.json +17 -17
- package/toolbar-tools/GridToolbarColumnsChooser.js +1 -1
- package/toolbar-tools/GridToolbarColumnsChooser.mjs +33 -33
- package/toolbar-tools/GridToolbarFilter.js +1 -1
- package/toolbar-tools/GridToolbarFilter.mjs +207 -194
- package/toolbar-tools/GridToolbarSort.js +1 -1
- package/toolbar-tools/GridToolbarSort.mjs +84 -101
- package/toolbar-tools/adaptiveContent/GridAdaptiveToolbarFilter.js +1 -1
- package/toolbar-tools/adaptiveContent/GridAdaptiveToolbarFilter.mjs +50 -46
- package/toolbar-tools/adaptiveContent/GridAdaptiveToolbarSort.d.ts +0 -1
- package/toolbar-tools/adaptiveContent/GridAdaptiveToolbarSort.js +1 -1
- package/toolbar-tools/adaptiveContent/GridAdaptiveToolbarSort.mjs +10 -19
package/package-metadata.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 strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=Object.freeze({name:"@progress/kendo-react-grid",productName:"KendoReact",productCode:"KENDOUIREACT",productCodes:["KENDOUIREACT"],publishDate:
|
|
8
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=Object.freeze({name:"@progress/kendo-react-grid",productName:"KendoReact",productCode:"KENDOUIREACT",productCodes:["KENDOUIREACT"],publishDate: 1782973598,version:"15.1.0-develop.5",licensingDocsUrl:"https://www.telerik.com/kendo-react-ui/components/my-license/"});exports.packageMetadata=e;
|
package/package-metadata.mjs
CHANGED
|
@@ -7,7 +7,7 @@ export const packageMetadata = Object.freeze({
|
|
|
7
7
|
productName: 'KendoReact',
|
|
8
8
|
productCode: 'KENDOUIREACT',
|
|
9
9
|
productCodes: ['KENDOUIREACT'],
|
|
10
|
-
publishDate:
|
|
11
|
-
version: '15.1.0-develop.
|
|
10
|
+
publishDate: 1782973598,
|
|
11
|
+
version: '15.1.0-develop.5',
|
|
12
12
|
licensingDocsUrl: 'https://www.telerik.com/kendo-react-ui/components/my-license/'
|
|
13
13
|
});
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@progress/kendo-react-grid",
|
|
3
|
-
"version": "15.1.0-develop.
|
|
3
|
+
"version": "15.1.0-develop.5",
|
|
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",
|
|
@@ -30,21 +30,21 @@
|
|
|
30
30
|
"@progress/kendo-drawing": "^1.21.2",
|
|
31
31
|
"@progress/kendo-file-saver": "^1.1.1",
|
|
32
32
|
"@progress/kendo-licensing": "^1.7.2",
|
|
33
|
-
"@progress/kendo-react-animation": "15.1.0-develop.
|
|
34
|
-
"@progress/kendo-react-buttons": "15.1.0-develop.
|
|
35
|
-
"@progress/kendo-react-common": "15.1.0-develop.
|
|
36
|
-
"@progress/kendo-react-data-tools": "15.1.0-develop.
|
|
37
|
-
"@progress/kendo-react-dateinputs": "15.1.0-develop.
|
|
38
|
-
"@progress/kendo-react-indicators": "15.1.0-develop.
|
|
39
|
-
"@progress/kendo-react-form": "15.1.0-develop.
|
|
40
|
-
"@progress/kendo-react-labels": "15.1.0-develop.
|
|
41
|
-
"@progress/kendo-react-dialogs": "15.1.0-develop.
|
|
42
|
-
"@progress/kendo-react-dropdowns": "15.1.0-develop.
|
|
43
|
-
"@progress/kendo-react-inputs": "15.1.0-develop.
|
|
44
|
-
"@progress/kendo-react-intl": "15.1.0-develop.
|
|
45
|
-
"@progress/kendo-react-popup": "15.1.0-develop.
|
|
46
|
-
"@progress/kendo-react-layout": "15.1.0-develop.
|
|
47
|
-
"@progress/kendo-react-conversational-ui": "15.1.0-develop.
|
|
33
|
+
"@progress/kendo-react-animation": "15.1.0-develop.5",
|
|
34
|
+
"@progress/kendo-react-buttons": "15.1.0-develop.5",
|
|
35
|
+
"@progress/kendo-react-common": "15.1.0-develop.5",
|
|
36
|
+
"@progress/kendo-react-data-tools": "15.1.0-develop.5",
|
|
37
|
+
"@progress/kendo-react-dateinputs": "15.1.0-develop.5",
|
|
38
|
+
"@progress/kendo-react-indicators": "15.1.0-develop.5",
|
|
39
|
+
"@progress/kendo-react-form": "15.1.0-develop.5",
|
|
40
|
+
"@progress/kendo-react-labels": "15.1.0-develop.5",
|
|
41
|
+
"@progress/kendo-react-dialogs": "15.1.0-develop.5",
|
|
42
|
+
"@progress/kendo-react-dropdowns": "15.1.0-develop.5",
|
|
43
|
+
"@progress/kendo-react-inputs": "15.1.0-develop.5",
|
|
44
|
+
"@progress/kendo-react-intl": "15.1.0-develop.5",
|
|
45
|
+
"@progress/kendo-react-popup": "15.1.0-develop.5",
|
|
46
|
+
"@progress/kendo-react-layout": "15.1.0-develop.5",
|
|
47
|
+
"@progress/kendo-react-conversational-ui": "15.1.0-develop.5",
|
|
48
48
|
"@progress/kendo-svg-icons": "^4.9.0 || ^5.0.0",
|
|
49
49
|
"react": "^18.0.0 || ^19.0.0",
|
|
50
50
|
"react-dom": "^18.0.0 || ^19.0.0"
|
|
@@ -148,7 +148,7 @@
|
|
|
148
148
|
"package": {
|
|
149
149
|
"productName": "KendoReact",
|
|
150
150
|
"productCode": "KENDOUIREACT",
|
|
151
|
-
"publishDate":
|
|
151
|
+
"publishDate": 1782973598,
|
|
152
152
|
"licensingDocsUrl": "https://www.telerik.com/kendo-react-ui/components/my-license/"
|
|
153
153
|
}
|
|
154
154
|
},
|
|
@@ -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 strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const le=require("react"),re=require("react-dom"),T=require("@progress/kendo-react-buttons"),f=require("@progress/kendo-react-common"),E=require("@progress/kendo-react-inputs"),
|
|
8
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const le=require("react"),re=require("react-dom"),T=require("@progress/kendo-react-buttons"),f=require("@progress/kendo-react-common"),E=require("@progress/kendo-react-inputs"),K=require("@progress/kendo-svg-icons"),se=require("../columnMenu/GridColumnMenuItemContent.js"),l=require("../messages/index.js"),ce=require("../utils/GridContext.js"),ae=require("@progress/kendo-react-intl"),ue=require("./adaptiveContent/GridAdaptiveToolbarColumnChooser.js"),ie=require("@progress/kendo-react-popup"),_=require("@progress/kendo-react-indicators"),me=require("./adaptiveContext/GridToolbarAdaptiveContext.js");function de(r){const c=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(r){for(const n in r)if(n!=="default"){const s=Object.getOwnPropertyDescriptor(r,n);Object.defineProperty(c,n,s.get?s:{enumerable:!0,get:()=>r[n]})}}return c.default=r,Object.freeze(c)}const e=de(le),H=r=>{const c={};for(const n of r)c[n.id||""]=!n.hidden;return c},V=r=>{var z,F;const{onCloseMenu:c}=r,n=e.useContext(ce.GridContext),s=n.columnsState,M=n.onColumnsStateChange,b=s||[],[y,k]=e.useState(!1),[d,$]=e.useState(""),[w,p]=e.useState(!1),[a,S]=e.useState(()=>H(b)),W=e.useMemo(()=>b.map(t=>`${t.id}:${!!t.hidden}`).join(","),[b]),B=e.useMemo(()=>H(b),[W]);e.useEffect(()=>{w||S(B)},[w,B]);const i=e.useRef(null),R=e.useRef(null),q=e.useRef(null),A=e.useRef(0),m=ae.useLocalization(),J=f.useDocument(i),x=e.useMemo(()=>(s==null?void 0:s.filter(t=>{var o;return(o=t.title||t.field)==null?void 0:o.toLowerCase().includes(d.toLowerCase())}))||[],[s,d]),g=e.useMemo(()=>Object.values(a).filter(t=>t).length,[a]),C=e.useMemo(()=>g===(s==null?void 0:s.length),[s,g]),D=e.useCallback(t=>{t.preventDefault();const u=(h=>(h==null?void 0:h.map(v=>({...v,hidden:!a[v.id||""]})))||[])(s);M&&M(u),c==null||c(),k(!1),p(!1)},[s,M,c,a]),N=t=>{t.preventDefault(),S(B),p(!1)},G=e.useCallback(()=>{S(t=>{const o={...t};return Object.keys(o).forEach((h,v)=>o[h]=C&&v===0?!0:!C),o}),p(!0)},[C]),O=e.useCallback((t,o)=>{S(u=>({...u,[o||""]:t})),p(!0)},[]),L=t=>{$(String(t.target.value))},Q=t=>{t.preventDefault(),k(!y)},I=e.useMemo(()=>r.show!==void 0?r.show:y,[r.show,y]),P=()=>{var t;c&&c(),k(!1),i.current&&((t=i.current.element)==null||t.focus())},U=t=>{const o=f.getActiveElement(document);clearTimeout(A.current),A.current=window.setTimeout(()=>{!n.mobileMode&&o&&t.relatedTarget!==i.current&&R.current&&!R.current.contains(o)&&P()})},X=()=>{clearTimeout(A.current)},{onFocus:Y,onBlur:Z}=f.useAsyncFocusBlur({onFocus:t=>X(),onBlur:t=>U(t)}),ee=t=>{var o;(o=q.current)==null||o.triggerMouseEvent(t)},te=t=>{var o;(o=q.current)==null||o.triggerKeyboardEvent(t)},oe=t=>{!t.isAnchorClicked&&k(!1)},j=e.createElement(se.GridColumnMenuItemContent,{show:!0},e.createElement("form",{onSubmit:D,onReset:N,className:"k-filter-menu"},e.createElement("div",{className:"k-filter-menu-container"},e.createElement(E.TextBox,{className:"k-searchbox",value:d,onChange:L,size:n.mobileMode?"large":"medium",prefix:()=>e.createElement(E.InputPrefix,null,e.createElement(f.IconWrap,{name:"search",icon:K.searchIcon}))}),e.createElement("ul",{className:"k-reset k-multicheck-wrap"},!d&&e.createElement("li",{className:"k-item k-check-all-wrap"},e.createElement(E.Checkbox,{checked:C,onChange:G,label:m.toLanguageString(l.filterSelectAll,l.messages[l.filterSelectAll]),size:n.mobileMode?"large":"medium"})),x.map(t=>e.createElement("li",{key:t.id,className:"k-item"},e.createElement(E.Checkbox,{disabled:a[t.id||""]&&g===1,checked:a[t.id||""],onChange:o=>{var u;return O(!!((u=o.target.element)!=null&&u.checked),t.id)},label:t.title||t.field,size:n.mobileMode?"large":"medium"})))),e.createElement("div",{className:"k-filter-selected-items"},g," ",m.toLanguageString(l.columnMenuColumnChooserSelectedItems,l.messages[l.columnMenuColumnChooserSelectedItems])),e.createElement("div",{className:"k-actions k-actions-start k-actions-horizontal"},e.createElement(T.Button,{type:"submit",themeColor:"primary"},m.toLanguageString(l.filterApplyButton,l.messages[l.filterApplyButton])),e.createElement(T.Button,{type:"reset"},m.toLanguageString(l.filterResetButton,l.messages[l.filterResetButton])))))),ne=e.createElement(T.Button,{ref:i,togglable:!0,selected:I,svgIcon:r.svgIcon?r.svgIcon:r.icon?void 0:K.columnsIcon,icon:r.icon,size:n.mobileMode?"large":"medium",className:f.classNames("k-toolbar-button",{"k-icon-button":n.mobileMode}),title:m.toLanguageString(l.toolbarColumnsChooser,l.messages[l.toolbarColumnsChooser]),onClick:Q},!n.mobileMode&&m.toLanguageString(l.toolbarColumnsChooser,l.messages[l.toolbarColumnsChooser]));return e.createElement(e.Fragment,null,e.createElement(_.BadgeContainer,null,ne,w&&e.createElement(_.Badge,{themeColor:"primary"})),n.mobileMode?e.createElement(me.GridToolbarAdaptiveProvider,null,re.createPortal(e.createElement(ue.GridAdaptiveToolbarColumnChooser,{computedShow:I,filter:d,filtered:x,selectedColumns:a,allSelected:C,checkedCount:g,onClose:P,onApply:D,onReset:N,onFilter:L,onCheckChange:O,onSelectAll:G},j),(z=J())==null?void 0:z.body)):e.createElement(ie.Popup,{anchor:(F=i.current)==null?void 0:F.element,show:I,popupClass:"k-grid-columnmenu-popup",onMouseDownOutside:oe},e.createElement("div",{ref:R,onBlur:Z,onFocus:Y,onMouseDown:ee,onKeyDown:te,className:"k-column-menu k-column-menu-md"},j)))};V.displayName="KendoReactGridToolbarColumnsChooser";exports.GridToolbarColumnsChooser=V;
|
|
@@ -9,35 +9,35 @@ import * as e from "react";
|
|
|
9
9
|
import re from "react-dom";
|
|
10
10
|
import { Button as x } from "@progress/kendo-react-buttons";
|
|
11
11
|
import { useDocument as ae, useAsyncFocusBlur as se, IconWrap as ce, classNames as me, getActiveElement as ue } from "@progress/kendo-react-common";
|
|
12
|
-
import { TextBox as ie, InputPrefix as de, Checkbox as
|
|
12
|
+
import { TextBox as ie, InputPrefix as de, Checkbox as j } from "@progress/kendo-react-inputs";
|
|
13
13
|
import { searchIcon as fe, columnsIcon as ge } from "@progress/kendo-svg-icons";
|
|
14
14
|
import { GridColumnMenuItemContent as he } from "../columnMenu/GridColumnMenuItemContent.mjs";
|
|
15
|
-
import { filterSelectAll as
|
|
15
|
+
import { filterSelectAll as H, messages as i, columnMenuColumnChooserSelectedItems as V, filterApplyButton as $, filterResetButton as W, toolbarColumnsChooser as v } from "../messages/index.mjs";
|
|
16
16
|
import { GridContext as Ce } from "../utils/GridContext.mjs";
|
|
17
17
|
import { useLocalization as pe } from "@progress/kendo-react-intl";
|
|
18
18
|
import { GridAdaptiveToolbarColumnChooser as ke } from "./adaptiveContent/GridAdaptiveToolbarColumnChooser.mjs";
|
|
19
19
|
import { Popup as be } from "@progress/kendo-react-popup";
|
|
20
20
|
import { BadgeContainer as Ee, Badge as ve } from "@progress/kendo-react-indicators";
|
|
21
21
|
import { GridToolbarAdaptiveProvider as Se } from "./adaptiveContext/GridToolbarAdaptiveContext.mjs";
|
|
22
|
-
const
|
|
22
|
+
const _ = (r) => {
|
|
23
23
|
const a = {};
|
|
24
24
|
for (const n of r)
|
|
25
25
|
a[n.id || ""] = !n.hidden;
|
|
26
26
|
return a;
|
|
27
27
|
}, Me = (r) => {
|
|
28
|
-
var
|
|
29
|
-
const { onCloseMenu: a } = r, n = e.useContext(Ce), l = n.columnsState, S = n.onColumnsStateChange, C = l || [], [M, p] = e.useState(!1), [d,
|
|
28
|
+
var O, P;
|
|
29
|
+
const { onCloseMenu: a } = r, n = e.useContext(Ce), l = n.columnsState, S = n.onColumnsStateChange, C = l || [], [M, p] = e.useState(!1), [d, q] = e.useState(""), [w, k] = e.useState(!1), [s, b] = e.useState(() => _(C)), J = e.useMemo(
|
|
30
30
|
() => C.map((t) => `${t.id}:${!!t.hidden}`).join(","),
|
|
31
31
|
[C]
|
|
32
32
|
), y = e.useMemo(
|
|
33
|
-
() =>
|
|
33
|
+
() => _(C),
|
|
34
34
|
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
35
|
-
[
|
|
35
|
+
[J]
|
|
36
36
|
);
|
|
37
37
|
e.useEffect(() => {
|
|
38
38
|
w || b(y);
|
|
39
39
|
}, [w, y]);
|
|
40
|
-
const m = e.useRef(null), B = e.useRef(null), A = e.useRef(null), D = e.useRef(0), u = pe(),
|
|
40
|
+
const m = e.useRef(null), B = e.useRef(null), A = e.useRef(null), D = e.useRef(0), u = pe(), Q = ae(m), T = e.useMemo(
|
|
41
41
|
() => (l == null ? void 0 : l.filter(
|
|
42
42
|
(t) => {
|
|
43
43
|
var o;
|
|
@@ -68,29 +68,29 @@ const q = (r) => {
|
|
|
68
68
|
}, [g]), z = e.useCallback((t, o) => {
|
|
69
69
|
b((c) => ({ ...c, [o || ""]: t })), k(!0);
|
|
70
70
|
}, []), F = (t) => {
|
|
71
|
-
|
|
72
|
-
},
|
|
71
|
+
q(String(t.target.value));
|
|
72
|
+
}, U = (t) => {
|
|
73
73
|
t.preventDefault(), p(!M);
|
|
74
74
|
}, N = e.useMemo(() => r.show !== void 0 ? r.show : M, [r.show, M]), G = () => {
|
|
75
75
|
var t;
|
|
76
76
|
a && a(), p(!1), m.current && ((t = m.current.element) == null || t.focus());
|
|
77
|
-
},
|
|
77
|
+
}, X = (t) => {
|
|
78
78
|
const o = ue(document);
|
|
79
79
|
clearTimeout(D.current), D.current = window.setTimeout(() => {
|
|
80
80
|
!n.mobileMode && o && t.relatedTarget !== m.current && B.current && !B.current.contains(o) && G();
|
|
81
81
|
});
|
|
82
|
-
},
|
|
82
|
+
}, Y = () => {
|
|
83
83
|
clearTimeout(D.current);
|
|
84
|
-
}, { onFocus:
|
|
85
|
-
onFocus: (t) =>
|
|
86
|
-
onBlur: (t) =>
|
|
87
|
-
}),
|
|
84
|
+
}, { onFocus: Z, onBlur: ee } = se({
|
|
85
|
+
onFocus: (t) => Y(),
|
|
86
|
+
onBlur: (t) => X(t)
|
|
87
|
+
}), te = (t) => {
|
|
88
88
|
var o;
|
|
89
89
|
(o = A.current) == null || o.triggerMouseEvent(t);
|
|
90
|
-
},
|
|
90
|
+
}, oe = (t) => {
|
|
91
91
|
var o;
|
|
92
92
|
(o = A.current) == null || o.triggerKeyboardEvent(t);
|
|
93
|
-
},
|
|
93
|
+
}, ne = (t) => {
|
|
94
94
|
!t.isAnchorClicked && p(!1);
|
|
95
95
|
}, K = /* @__PURE__ */ e.createElement(he, { show: !0 }, /* @__PURE__ */ e.createElement("form", { onSubmit: I, onReset: L, className: "k-filter-menu" }, /* @__PURE__ */ e.createElement("div", { className: "k-filter-menu-container" }, /* @__PURE__ */ e.createElement(
|
|
96
96
|
ie,
|
|
@@ -102,15 +102,15 @@ const q = (r) => {
|
|
|
102
102
|
prefix: () => /* @__PURE__ */ e.createElement(de, null, /* @__PURE__ */ e.createElement(ce, { name: "search", icon: fe }))
|
|
103
103
|
}
|
|
104
104
|
), /* @__PURE__ */ e.createElement("ul", { className: "k-reset k-multicheck-wrap" }, !d && /* @__PURE__ */ e.createElement("li", { className: "k-item k-check-all-wrap" }, /* @__PURE__ */ e.createElement(
|
|
105
|
-
|
|
105
|
+
j,
|
|
106
106
|
{
|
|
107
107
|
checked: g,
|
|
108
108
|
onChange: R,
|
|
109
|
-
label: u.toLanguageString(
|
|
109
|
+
label: u.toLanguageString(H, i[H]),
|
|
110
110
|
size: n.mobileMode ? "large" : "medium"
|
|
111
111
|
}
|
|
112
112
|
)), T.map((t) => /* @__PURE__ */ e.createElement("li", { key: t.id, className: "k-item" }, /* @__PURE__ */ e.createElement(
|
|
113
|
-
|
|
113
|
+
j,
|
|
114
114
|
{
|
|
115
115
|
disabled: s[t.id || ""] && f === 1,
|
|
116
116
|
checked: s[t.id || ""],
|
|
@@ -122,9 +122,9 @@ const q = (r) => {
|
|
|
122
122
|
size: n.mobileMode ? "large" : "medium"
|
|
123
123
|
}
|
|
124
124
|
)))), /* @__PURE__ */ e.createElement("div", { className: "k-filter-selected-items" }, f, " ", u.toLanguageString(
|
|
125
|
-
|
|
126
|
-
i[
|
|
127
|
-
)), /* @__PURE__ */ e.createElement("div", { className: "k-actions k-actions-start k-actions-horizontal" }, /* @__PURE__ */ e.createElement(x, { type: "submit", themeColor: "primary" }, u.toLanguageString(
|
|
125
|
+
V,
|
|
126
|
+
i[V]
|
|
127
|
+
)), /* @__PURE__ */ e.createElement("div", { className: "k-actions k-actions-start k-actions-horizontal" }, /* @__PURE__ */ e.createElement(x, { type: "submit", themeColor: "primary" }, u.toLanguageString($, i[$])), /* @__PURE__ */ e.createElement(x, { type: "reset" }, u.toLanguageString(W, i[W])))))), le = /* @__PURE__ */ e.createElement(
|
|
128
128
|
x,
|
|
129
129
|
{
|
|
130
130
|
ref: m,
|
|
@@ -137,11 +137,11 @@ const q = (r) => {
|
|
|
137
137
|
"k-icon-button": n.mobileMode
|
|
138
138
|
}),
|
|
139
139
|
title: u.toLanguageString(v, i[v]),
|
|
140
|
-
onClick:
|
|
140
|
+
onClick: U
|
|
141
141
|
},
|
|
142
142
|
!n.mobileMode && u.toLanguageString(v, i[v])
|
|
143
143
|
);
|
|
144
|
-
return /* @__PURE__ */ e.createElement(e.Fragment, null,
|
|
144
|
+
return /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(Ee, null, le, w && /* @__PURE__ */ e.createElement(ve, { themeColor: "primary" })), n.mobileMode ? /* @__PURE__ */ e.createElement(Se, null, re.createPortal(
|
|
145
145
|
/* @__PURE__ */ e.createElement(
|
|
146
146
|
ke,
|
|
147
147
|
{
|
|
@@ -160,23 +160,23 @@ const q = (r) => {
|
|
|
160
160
|
},
|
|
161
161
|
K
|
|
162
162
|
),
|
|
163
|
-
(
|
|
163
|
+
(O = Q()) == null ? void 0 : O.body
|
|
164
164
|
)) : /* @__PURE__ */ e.createElement(
|
|
165
165
|
be,
|
|
166
166
|
{
|
|
167
|
-
anchor: (
|
|
167
|
+
anchor: (P = m.current) == null ? void 0 : P.element,
|
|
168
168
|
show: N,
|
|
169
169
|
popupClass: "k-grid-columnmenu-popup",
|
|
170
|
-
onMouseDownOutside:
|
|
170
|
+
onMouseDownOutside: ne
|
|
171
171
|
},
|
|
172
172
|
/* @__PURE__ */ e.createElement(
|
|
173
173
|
"div",
|
|
174
174
|
{
|
|
175
175
|
ref: B,
|
|
176
|
-
onBlur:
|
|
177
|
-
onFocus:
|
|
178
|
-
onMouseDown:
|
|
179
|
-
onKeyDown:
|
|
176
|
+
onBlur: ee,
|
|
177
|
+
onFocus: Z,
|
|
178
|
+
onMouseDown: te,
|
|
179
|
+
onKeyDown: oe,
|
|
180
180
|
className: "k-column-menu k-column-menu-md"
|
|
181
181
|
},
|
|
182
182
|
K
|
|
@@ -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 strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const
|
|
8
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const qe=require("react"),we=require("react-dom"),U=require("@progress/kendo-react-common"),Be=require("../columnMenu/GridColumnMenuItem.js"),Oe=require("../columnMenu/GridColumnMenuItemContent.js"),Pe=require("../columnMenu/GridColumnMenuItemGroup.js"),Te=require("../utils/GridContext.js"),V=require("@progress/kendo-svg-icons"),d=require("../filterCommon.js"),G=require("@progress/kendo-react-buttons"),Ae=require("../columnMenu/GridColumnMenuFilterUI.js"),u=require("../messages/index.js"),Ne=require("@progress/kendo-react-intl"),M=require("../columnMenu/GridColumnMenuFilter.js"),Le=require("@progress/kendo-react-popup"),fe=require("@progress/kendo-react-indicators"),Ue=require("./adaptiveContext/GridToolbarAdaptiveContext.js"),Ve=require("./adaptiveContent/GridAdaptiveToolbarFilter.js");function _e(s){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(s){for(const g in s)if(g!=="default"){const m=Object.getOwnPropertyDescriptor(s,g);Object.defineProperty(n,g,m.get?m:{enumerable:!0,get:()=>s[g]})}}return n.default=s,Object.freeze(n)}const r=_e(qe),de=s=>{var re,le,oe,ne,ie,ae,se,ce;const n=r.useContext(Te.GridContext),g=n.columnsRef,m=n.filter,ge=!!((re=m==null?void 0:m.filters)!=null&&re.length),[q,w]=r.useState(!1),[F,I]=r.useState((g==null?void 0:g.map(e=>({column:e,expanded:!1})))||[]),[me,_]=r.useState(!1),C=r.useRef(null),pe=r.useRef(null),j=r.useRef(null),t=r.useRef(null),h=Ne.useLocalization(),he=U.useDocument(C),z=r.useMemo(()=>(g==null?void 0:g.filter(e=>{var l;return(l=e.title||e.field)==null?void 0:l.toLowerCase()}))||[],[g]),K=r.useCallback(e=>{var i;const l=(i=m==null?void 0:m.filters)==null?void 0:i.some(o=>{var a;return o.field===e.field||((a=o.filters)==null?void 0:a.some(p=>p.field===e.field))});return r.createElement(r.Fragment,null,e.title||e.field,l&&r.createElement("span",{className:"k-columnmenu-indicators"},r.createElement(U.SvgIcon,{key:1,icon:V.filterIcon})))},[m]),H=(e,l)=>{t.current=l,I(i=>i.map(o=>o.column.field===l.field?{...o,expanded:!o.expanded}:{...o,expanded:!1})),B(J()),_(!me)},J=()=>{var l,i,o,a,p,b;let e;if(t!=null&&t.current&&((l=t==null?void 0:t.current)!=null&&l.field)){const v=d.getFilterType((i=t==null?void 0:t.current)==null?void 0:i.filter),k=d.getDefaultOperator(n.filterOperators,v);if(e=M.filterGroupByField((o=t==null?void 0:t.current)==null?void 0:o.field,n.filter),!e){const E=M.rootFilterOrDefault(n.filter).filters.filter(D=>{var ue;return!D.filters&&D.field===((ue=t==null?void 0:t.current)==null?void 0:ue.field)});E.length&&(e={logic:"and",filters:E.map(D=>({...D}))})}e=e?{...e,filters:e.filters.map(S=>({...S}))}:{logic:"and",filters:[{field:(a=t==null?void 0:t.current)==null?void 0:a.field,operator:k,value:d.IsUnaryFilter(k)?null:void 0},{field:(p=t==null?void 0:t.current)==null?void 0:p.field,operator:k,value:d.IsUnaryFilter(k)?null:void 0}]},e.filters.filter(S=>{var E;return S.field===((E=t==null?void 0:t.current)==null?void 0:E.field)}).length===1&&e.filters.splice(1,0,{field:(b=t==null?void 0:t.current)==null?void 0:b.field,operator:k})}return e},Fe=e=>{Q(0,e)},ve=e=>{Q(1,e)},Q=(e,l)=>{const i=f.filters.map((o,a)=>a===e?{...o,value:l.value||"",operator:l.operator||O[a].operator}:o);B({...f,filters:i})},[f,B]=r.useState(J()),c=f==null?void 0:f.filters,y=d.getFilterType((le=t==null?void 0:t.current)==null?void 0:le.filter),O=d.operatorMap(n.filterOperators[y],h),W=d.operatorMap(d.booleanFilterValues,h),be={field:(oe=t==null?void 0:t.current)==null?void 0:oe.field,value:c==null?void 0:c[0].value,operator:c==null?void 0:c[0].operator,operators:O,booleanValues:W,onChange:Fe,filterType:y},Ce={field:(ne=t==null?void 0:t.current)==null?void 0:ne.field,value:c==null?void 0:c[1].value,operator:c==null?void 0:c[1].operator,operators:O,booleanValues:W,onChange:ve,filterType:y},ke=e=>{let l=e.target.value;e.target.tagName==="SPAN"&&(l=e.target.parentElement.value),B({...f,logic:l})},X=f==null?void 0:f.logic,Y=d.operatorMap(d.filterLogicList,h),P={value:Y.find(e=>e.operator===(X===null?"":X)),onChange:ke,data:Y},Ee=s.hideSecondFilter!==void 0?s.hideSecondFilter:d.defaultHideSecondFilter[y],T=s.filterUI,A={firstFilterProps:be,secondFilterProps:Ce,logicData:P.data,logicValue:P.value,onLogicChange:P.onChange,hideSecondFilter:Ee},Z=()=>({...f,filters:f==null?void 0:f.filters.filter(e=>e.value!==void 0&&e.value!==null&&e.value!==""||e.value===null&&e.operator)}),N=((ae=(ie=Z())==null?void 0:ie.filters)==null?void 0:ae.length)!==0||d.IsUnaryFilter(c==null?void 0:c[0].operator)||d.IsUnaryFilter(c==null?void 0:c[1].operator),$=e=>{if(e.preventDefault(),!n.filterChange)return;const l=M.rootFilterOrDefault(n.filter),i={...l,filters:l.filters.filter(o=>{var a,p;return!(o.field===((a=t==null?void 0:t.current)==null?void 0:a.field)||(p=o.filters)!=null&&p.some(b=>{var v;return b.field===((v=t==null?void 0:t.current)==null?void 0:v.field)}))})};N&&i.filters.push(Z()),n.filterChange(i,e),I(o=>o.map(a=>({...a,expanded:!1})))},x=e=>{if(e.preventDefault(),!n.filterChange)return;const l=M.rootFilterOrDefault(n.filter),i=l.filters.filter(o=>{var a,p;return!(o.field===((a=t==null?void 0:t.current)==null?void 0:a.field)||(p=o.filters)!=null&&p.some(b=>{var v;return b.field===((v=t==null?void 0:t.current)==null?void 0:v.field)}))});i.length===0?n.filterChange(null,e):n.filterChange({...l,filters:i},e),I(o=>o.map(a=>({...a,expanded:!1})))},Me=()=>{_(!1)},Ie=e=>{e.preventDefault(),w(!q)},ye=e=>{!e.isAnchorClicked&&w(!1)},L=r.useMemo(()=>s.show!==void 0?s.show:q,[s.show,q]),R=()=>{var e;s.onCloseMenu&&s.onCloseMenu(),w(!1),C.current&&((e=C.current.element)==null||e.focus())},Se=e=>{var l;(l=j.current)==null||l.triggerMouseEvent(e)},De=e=>{var l;(l=j.current)==null||l.triggerKeyboardEvent(e)},ee=r.useCallback(e=>{if(e.preventDefault(),!n.filterChange)return;const l=M.rootFilterOrDefault(n.filter);if(!l.filters.length)return;const i=l.filters.filter(()=>!1);i.length===0?n.filterChange(null,e):n.filterChange({...l,filters:i},e),R(),I(o=>o.map(a=>({...a,expanded:!1})))},[n]),Ge=r.createElement(G.Button,{ref:C,togglable:!0,selected:L,svgIcon:s.svgIcon?s.svgIcon:s.icon?void 0:V.filterIcon,icon:s.icon,size:n.mobileMode?"large":"medium",className:U.classNames("k-toolbar-button",{"k-icon-button":n.mobileMode}),title:h.toLanguageString(u.toolbarFilter,u.messages[u.toolbarFilter]),onClick:Ie},!n.mobileMode&&h.toLanguageString(u.toolbarFilter,u.messages[u.toolbarFilter])),te=r.createElement(r.Fragment,null,z.map(e=>{var l,i;return e.filterable&&r.createElement(Pe.GridColumnMenuItemGroup,{key:e.id},r.createElement("div",{className:"k-expander"},r.createElement(Be.GridColumnMenuItem,{title:K(e),expandable:!0,expanded:!!((l=F==null?void 0:F.find(o=>o.column.field===e.field))!=null&&l.expanded),onClick:o=>H(o,e)})),r.createElement(Oe.GridColumnMenuItemContent,{show:!!((i=F==null?void 0:F.find(o=>o.column.field===e.field))!=null&&i.expanded)},r.createElement("form",{className:"k-filter-menu",onSubmit:$,onReset:x},r.createElement("div",{className:"k-filter-menu-container"},T?r.createElement(T,{...A}):r.createElement(Ae.GridColumnMenuFilterUI,{...A}),r.createElement("div",{className:"k-actions k-actions-stretched"},r.createElement(G.Button,{themeColor:"primary",disabled:!N},h.toLanguageString(u.filterSubmitButton,u.messages[u.filterSubmitButton])),r.createElement(G.Button,{type:"reset"},h.toLanguageString(u.filterClearButton,u.messages[u.filterClearButton])))))))}),r.createElement("div",{className:"k-actions k-actions-stretched k-actions-horizontal k-column-menu-footer"},r.createElement(G.Button,{svgIcon:V.filterClearIcon,onClick:ee},h.toLanguageString(u.filterClearAllButton,u.messages[u.filterClearAllButton]))));return r.createElement(r.Fragment,null,r.createElement(fe.BadgeContainer,null,Ge,ge&&r.createElement(fe.Badge,{themeColor:"primary"})),n.mobileMode?r.createElement(Ue.GridToolbarAdaptiveProvider,null,we.createPortal(r.createElement(Ve.GridAdaptiveToolbarFilter,{filtered:z,computedShow:L,expandState:F,FilterUI:T,filterUIProps:A,isFilterValid:N,renderTitle:K,onBackView:Me,clear:x,submit:$,onClose:R,onFilterExpand:H,handleClearAllFilters:ee},te),(se=he())==null?void 0:se.body)):r.createElement(Le.Popup,{anchor:(ce=C.current)==null?void 0:ce.element,show:L,popupClass:"k-grid-columnmenu-popup",onMouseDownOutside:ye},r.createElement("div",{ref:pe,onMouseDown:Se,onKeyDown:De,className:"k-column-menu k-column-menu-md"},te)))};de.displayName="KendoReactGridToolbarFilter";exports.GridToolbarFilter=de;
|