@progress/kendo-react-grid 10.1.0-develop.1 → 10.1.0-develop.11
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.mjs +8 -9
- package/GridComponent.js +1 -1
- package/GridComponent.mjs +129 -126
- package/README.md +1 -1
- package/dist/cdn/js/kendo-react-grid.js +1 -1
- package/header/FilterRow.js +1 -1
- package/header/FilterRow.mjs +34 -32
- package/header/client/GridFilterCellContainer.js +1 -1
- package/header/client/GridFilterCellContainer.mjs +18 -17
- package/package-metadata.js +1 -1
- package/package-metadata.mjs +2 -2
- package/package.json +15 -13
package/header/FilterRow.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 O=require("react"),
|
|
8
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const O=require("react"),P=require("../cells/GridFilterCell.js"),f=require("../filterCommon.js"),E=require("@progress/kendo-react-data-tools"),v=require("../messages/index.js"),S=require("@progress/kendo-react-common"),C=require("../utils/index.js"),k=require("./client/GridFilterCellContainer.js"),h=require("./client/GridFilterCellElementContainer.js");function w(t){const a=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const n in t)if(n!=="default"){const c=Object.getOwnPropertyDescriptor(t,n);Object.defineProperty(a,n,c.get?c:{enumerable:!0,get:()=>t[n]})}}return a.default=t,Object.freeze(a)}const i=w(O),x="k-table-row k-filter-row",G=t=>{const a=(e,r)=>{let l=`${r?"k-grid-header-sticky":""}`;return t.sort&&t.sort.filter(d=>d.field===e).length>0&&(l+=" k-sorted"),l},n=t.filter&&t.filter.filters||[],c=e=>{if(e===void 0)return;const r=n.filter(l=>l.field===e);return r.length?r[0]:void 0};let L=0,R=-1;const q=t.columns.filter(e=>e.children.length===0).map(e=>{const r=f.getFilterType(e.filter),l=c(e.field),d=`${e.field} ${t.localization.toLanguageString(v.filterAriaLabel,v.messages[v.filterAriaLabel])}`;let u=l&&l.value;u===void 0&&(u=r==="text"?"":null);const b=e.filterable&&{field:e.field,title:e.filterTitle,value:u,operator:l&&l.operator,operators:f.operatorMap(t.filterOperators[r]||[],t.localization),booleanValues:f.operatorMap(f.booleanFilterValues,t.localization),filterType:r,ariaLabel:e.columnType==="reorder"?"":d,size:t.size},g=e.declarationIndex>=0?++R:--L,o={columnId:E.tableKeyboardNavigationTools.getFilterColumnId(e.id),navigatable:e.navigatable||t.navigatable,className:S.classNames("k-table-td",a(e.field,e.locked)||void 0),role:"gridcell",ariaLabel:e.columnType==="reorder"?void 0:d,ariaColumnIndex:e.ariaColumnIndex},y=C.clientColumn(e),T={column:y,filter:t.filter,field:e.field,tdProps:o,thProps:o,render:t.cellRender};let m=null;if(b&&e.columnType!=="reorder"){const s=e.filterCell?e.filterCell:P.GridFilterCell;m=i.createElement(k.GridFilterCellContainer,{...T,isClient:C.isClientReference(s)},i.createElement(s,{...b}))}const F=C.resolveCells(t.cells,e.cells);if(F&&F.filterCell){const s=F.filterCell,I=C.isClientReference(s);return i.createElement(k.GridFilterCellContainer,{key:g,...T,isClient:I,isCustom:!0},i.createElement(s,{key:g,...b,tdProps:o,thProps:o,index:R},m))}return i.createElement(h.GridFilterCellElementContainer,{key:g,column:y},i.createElement(E.HeaderTdElement,{...o},m))});return i.createElement("tr",{className:x,"aria-rowindex":t.ariaRowIndex,role:"row"},q)};exports.FILTER_ROW_CLASS=x;exports.FilterRow=G;
|
package/header/FilterRow.mjs
CHANGED
|
@@ -6,19 +6,19 @@
|
|
|
6
6
|
*-------------------------------------------------------------------------------------------
|
|
7
7
|
*/
|
|
8
8
|
import * as i from "react";
|
|
9
|
-
import { GridFilterCell as
|
|
10
|
-
import { getFilterType as
|
|
11
|
-
import { tableKeyboardNavigationTools as
|
|
12
|
-
import { filterAriaLabel as u, messages as
|
|
9
|
+
import { GridFilterCell as L } from "../cells/GridFilterCell.mjs";
|
|
10
|
+
import { getFilterType as R, operatorMap as b, booleanFilterValues as w } from "../filterCommon.mjs";
|
|
11
|
+
import { tableKeyboardNavigationTools as P, HeaderTdElement as z } from "@progress/kendo-react-data-tools";
|
|
12
|
+
import { filterAriaLabel as u, messages as N } from "../messages/index.mjs";
|
|
13
13
|
import { classNames as A } from "@progress/kendo-react-common";
|
|
14
14
|
import { clientColumn as G, isClientReference as F, resolveCells as S } from "../utils/index.mjs";
|
|
15
15
|
import { GridFilterCellContainer as E } from "./client/GridFilterCellContainer.mjs";
|
|
16
16
|
import { GridFilterCellElementContainer as $ } from "./client/GridFilterCellElementContainer.mjs";
|
|
17
|
-
const O = "k-table-row k-filter-row",
|
|
17
|
+
const O = "k-table-row k-filter-row", q = (t) => {
|
|
18
18
|
const x = (e, r) => {
|
|
19
19
|
let l = `${r ? "k-grid-header-sticky" : ""}`;
|
|
20
|
-
return t.sort && t.sort.filter((
|
|
21
|
-
}, T = t.filter && t.filter.filters || [],
|
|
20
|
+
return t.sort && t.sort.filter((n) => n.field === e).length > 0 && (l += " k-sorted"), l;
|
|
21
|
+
}, T = t.filter && t.filter.filters || [], h = (e) => {
|
|
22
22
|
if (e === void 0)
|
|
23
23
|
return;
|
|
24
24
|
const r = T.filter(
|
|
@@ -26,61 +26,63 @@ const O = "k-table-row k-filter-row", B = (t) => {
|
|
|
26
26
|
);
|
|
27
27
|
return r.length ? r[0] : void 0;
|
|
28
28
|
};
|
|
29
|
-
let
|
|
30
|
-
const
|
|
31
|
-
const r =
|
|
29
|
+
let k = 0, C = -1;
|
|
30
|
+
const y = t.columns.filter((e) => e.children.length === 0).map((e) => {
|
|
31
|
+
const r = R(e.filter), l = h(e.field), n = `${e.field} ${t.localization.toLanguageString(
|
|
32
32
|
u,
|
|
33
|
-
|
|
33
|
+
N[u]
|
|
34
34
|
)}`;
|
|
35
|
-
let
|
|
36
|
-
|
|
37
|
-
const
|
|
35
|
+
let s = l && l.value;
|
|
36
|
+
s === void 0 && (s = r === "text" ? "" : null);
|
|
37
|
+
const d = e.filterable && {
|
|
38
38
|
field: e.field,
|
|
39
39
|
title: e.filterTitle,
|
|
40
|
-
value:
|
|
40
|
+
value: s,
|
|
41
41
|
operator: l && l.operator,
|
|
42
42
|
operators: b(t.filterOperators[r] || [], t.localization),
|
|
43
43
|
booleanValues: b(w, t.localization),
|
|
44
44
|
filterType: r,
|
|
45
|
-
ariaLabel: e.columnType === "reorder" ? "" :
|
|
45
|
+
ariaLabel: e.columnType === "reorder" ? "" : n,
|
|
46
46
|
size: t.size
|
|
47
|
-
},
|
|
48
|
-
columnId:
|
|
47
|
+
}, f = e.declarationIndex >= 0 ? ++C : --k, a = {
|
|
48
|
+
columnId: P.getFilterColumnId(e.id),
|
|
49
49
|
navigatable: e.navigatable || t.navigatable,
|
|
50
50
|
className: A("k-table-td", x(e.field, e.locked) || void 0),
|
|
51
51
|
role: "gridcell",
|
|
52
|
-
ariaLabel: e.columnType === "reorder" ? void 0 :
|
|
52
|
+
ariaLabel: e.columnType === "reorder" ? void 0 : n,
|
|
53
53
|
ariaColumnIndex: e.ariaColumnIndex
|
|
54
54
|
}, g = G(e), v = {
|
|
55
55
|
column: g,
|
|
56
56
|
filter: t.filter,
|
|
57
57
|
field: e.field,
|
|
58
|
+
tdProps: a,
|
|
59
|
+
thProps: a,
|
|
58
60
|
render: t.cellRender
|
|
59
61
|
};
|
|
60
|
-
let
|
|
61
|
-
if (
|
|
62
|
-
const
|
|
63
|
-
|
|
62
|
+
let c = null;
|
|
63
|
+
if (d && e.columnType !== "reorder") {
|
|
64
|
+
const o = e.filterCell ? e.filterCell : L;
|
|
65
|
+
c = /* @__PURE__ */ i.createElement(E, { ...v, isClient: F(o) }, /* @__PURE__ */ i.createElement(o, { ...d }));
|
|
64
66
|
}
|
|
65
|
-
const
|
|
66
|
-
if (
|
|
67
|
-
const
|
|
67
|
+
const m = S(t.cells, e.cells);
|
|
68
|
+
if (m && m.filterCell) {
|
|
69
|
+
const o = m.filterCell, I = F(o);
|
|
68
70
|
return /* @__PURE__ */ i.createElement(
|
|
69
71
|
E,
|
|
70
72
|
{
|
|
71
|
-
key:
|
|
73
|
+
key: f,
|
|
72
74
|
...v,
|
|
73
|
-
isClient:
|
|
75
|
+
isClient: I,
|
|
74
76
|
isCustom: !0
|
|
75
77
|
},
|
|
76
|
-
/* @__PURE__ */ i.createElement(
|
|
78
|
+
/* @__PURE__ */ i.createElement(o, { key: f, ...d, tdProps: a, thProps: a, index: C }, c)
|
|
77
79
|
);
|
|
78
80
|
}
|
|
79
|
-
return /* @__PURE__ */ i.createElement($, { key:
|
|
81
|
+
return /* @__PURE__ */ i.createElement($, { key: f, column: g }, /* @__PURE__ */ i.createElement(z, { ...a }, c));
|
|
80
82
|
});
|
|
81
|
-
return /* @__PURE__ */ i.createElement("tr", { className: O, "aria-rowindex": t.ariaRowIndex, role: "row" },
|
|
83
|
+
return /* @__PURE__ */ i.createElement("tr", { className: O, "aria-rowindex": t.ariaRowIndex, role: "row" }, y);
|
|
82
84
|
};
|
|
83
85
|
export {
|
|
84
86
|
O as FILTER_ROW_CLASS,
|
|
85
|
-
|
|
87
|
+
q as FilterRow
|
|
86
88
|
};
|
|
@@ -6,4 +6,4 @@
|
|
|
6
6
|
*-------------------------------------------------------------------------------------------
|
|
7
7
|
*/
|
|
8
8
|
"use client";
|
|
9
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const g=require("react"),C=require("../../GridClientWrapper.js"),
|
|
9
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const g=require("react"),C=require("../../GridClientWrapper.js"),f=require("../../utils/index.js");function h(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const i in e)if(i!=="default"){const l=Object.getOwnPropertyDescriptor(e,i);Object.defineProperty(t,i,l.get?l:{enumerable:!0,get:()=>e[i]})}}return t.default=e,Object.freeze(t)}const b=h(g),m=e=>{const t=b.useContext(C.GridContext),i=(n,s,a,u)=>{if(!t.filterChange)return;const r=[];(n!==""&&n!==null||s!=="")&&r.push({field:a,operator:s,value:n}),e.filter&&e.filter.filters&&(e.filter.filters||[]).forEach(c=>{c&&c.field!==a&&r.push(c)});const d=e.filter&&e.filter.logic?e.filter.logic:"and";t.filterChange(r.length>0?{logic:d,filters:r}:null,u)},l=t.getCellPositionStyle(e.column),o=e.isCustom?{style:{...l}}:{};return t.isClient||e.isClient?f.cloneReactElement(e.children,{render:e.render,onChange:n=>{i(n.value,n.operator,e.field,n.syntheticEvent)},tdProps:{...e.tdProps,...o},thProps:{...e.tdProps,...o}}):f.cloneReactElement(e.children,{})};exports.GridFilterCellContainer=m;
|
|
@@ -6,34 +6,35 @@
|
|
|
6
6
|
*-------------------------------------------------------------------------------------------
|
|
7
7
|
*/
|
|
8
8
|
"use client";
|
|
9
|
-
import * as
|
|
9
|
+
import * as a from "react";
|
|
10
10
|
import { GridContext as u } from "../../GridClientWrapper.mjs";
|
|
11
|
-
import { cloneReactElement as
|
|
12
|
-
const
|
|
13
|
-
const i =
|
|
11
|
+
import { cloneReactElement as f } from "../../utils/index.mjs";
|
|
12
|
+
const x = (t) => {
|
|
13
|
+
const i = a.useContext(u), s = (e, o, c, C) => {
|
|
14
14
|
if (!i.filterChange)
|
|
15
15
|
return;
|
|
16
16
|
const l = [];
|
|
17
|
-
(e !== "" && e !== null ||
|
|
18
|
-
field:
|
|
19
|
-
operator:
|
|
17
|
+
(e !== "" && e !== null || o !== "") && l.push({
|
|
18
|
+
field: c,
|
|
19
|
+
operator: o,
|
|
20
20
|
value: e
|
|
21
21
|
}), t.filter && t.filter.filters && (t.filter.filters || []).forEach((n) => {
|
|
22
|
-
n && n.field !==
|
|
22
|
+
n && n.field !== c && l.push(n);
|
|
23
23
|
});
|
|
24
|
-
const
|
|
25
|
-
i.filterChange(l.length > 0 ? { logic:
|
|
26
|
-
},
|
|
27
|
-
style: { ...
|
|
24
|
+
const h = t.filter && t.filter.logic ? t.filter.logic : "and";
|
|
25
|
+
i.filterChange(l.length > 0 ? { logic: h, filters: l } : null, C);
|
|
26
|
+
}, d = i.getCellPositionStyle(t.column), r = t.isCustom ? {
|
|
27
|
+
style: { ...d }
|
|
28
28
|
} : {};
|
|
29
|
-
return i.isClient || t.isClient ?
|
|
29
|
+
return i.isClient || t.isClient ? f(t.children, {
|
|
30
30
|
render: t.render,
|
|
31
31
|
onChange: (e) => {
|
|
32
|
-
|
|
32
|
+
s(e.value, e.operator, t.field, e.syntheticEvent);
|
|
33
33
|
},
|
|
34
|
-
tdProps: { ...t.tdProps, ...
|
|
35
|
-
|
|
34
|
+
tdProps: { ...t.tdProps, ...r },
|
|
35
|
+
thProps: { ...t.tdProps, ...r }
|
|
36
|
+
}) : f(t.children, {});
|
|
36
37
|
};
|
|
37
38
|
export {
|
|
38
|
-
|
|
39
|
+
x as GridFilterCellContainer
|
|
39
40
|
};
|
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={name:"@progress/kendo-react-grid",productName:"KendoReact",productCode:"KENDOUIREACT",productCodes:["KENDOUIREACT"],publishDate:
|
|
8
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={name:"@progress/kendo-react-grid",productName:"KendoReact",productCode:"KENDOUIREACT",productCodes:["KENDOUIREACT"],publishDate: 1742552651,version:"10.1.0-develop.11",licensingDocsUrl:"https://www.telerik.com/kendo-react-ui/components/my-license/"};exports.packageMetadata=e;
|
package/package-metadata.mjs
CHANGED
|
@@ -10,8 +10,8 @@ const e = {
|
|
|
10
10
|
productName: "KendoReact",
|
|
11
11
|
productCode: "KENDOUIREACT",
|
|
12
12
|
productCodes: ["KENDOUIREACT"],
|
|
13
|
-
publishDate:
|
|
14
|
-
version: "10.1.0-develop.
|
|
13
|
+
publishDate: 1742552651,
|
|
14
|
+
version: "10.1.0-develop.11",
|
|
15
15
|
licensingDocsUrl: "https://www.telerik.com/kendo-react-ui/components/my-license/"
|
|
16
16
|
};
|
|
17
17
|
export {
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@progress/kendo-react-grid",
|
|
3
|
-
"version": "10.1.0-develop.
|
|
3
|
+
"version": "10.1.0-develop.11",
|
|
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",
|
|
@@ -28,17 +28,17 @@
|
|
|
28
28
|
"@progress/kendo-data-query": "^1.0.0",
|
|
29
29
|
"@progress/kendo-drawing": "^1.21.2",
|
|
30
30
|
"@progress/kendo-licensing": "^1.5.1",
|
|
31
|
-
"@progress/kendo-react-animation": "10.1.0-develop.
|
|
32
|
-
"@progress/kendo-react-buttons": "10.1.0-develop.
|
|
33
|
-
"@progress/kendo-react-common": "10.1.0-develop.
|
|
34
|
-
"@progress/kendo-react-data-tools": "10.1.0-develop.
|
|
35
|
-
"@progress/kendo-react-dateinputs": "10.1.0-develop.
|
|
36
|
-
"@progress/kendo-react-indicators": "10.1.0-develop.
|
|
37
|
-
"@progress/kendo-react-dropdowns": "10.1.0-develop.
|
|
38
|
-
"@progress/kendo-react-inputs": "10.1.0-develop.
|
|
39
|
-
"@progress/kendo-react-intl": "10.1.0-develop.
|
|
40
|
-
"@progress/kendo-react-popup": "10.1.0-develop.
|
|
41
|
-
"@progress/kendo-react-layout": "10.1.0-develop.
|
|
31
|
+
"@progress/kendo-react-animation": "10.1.0-develop.11",
|
|
32
|
+
"@progress/kendo-react-buttons": "10.1.0-develop.11",
|
|
33
|
+
"@progress/kendo-react-common": "10.1.0-develop.11",
|
|
34
|
+
"@progress/kendo-react-data-tools": "10.1.0-develop.11",
|
|
35
|
+
"@progress/kendo-react-dateinputs": "10.1.0-develop.11",
|
|
36
|
+
"@progress/kendo-react-indicators": "10.1.0-develop.11",
|
|
37
|
+
"@progress/kendo-react-dropdowns": "10.1.0-develop.11",
|
|
38
|
+
"@progress/kendo-react-inputs": "10.1.0-develop.11",
|
|
39
|
+
"@progress/kendo-react-intl": "10.1.0-develop.11",
|
|
40
|
+
"@progress/kendo-react-popup": "10.1.0-develop.11",
|
|
41
|
+
"@progress/kendo-react-layout": "10.1.0-develop.11",
|
|
42
42
|
"@progress/kendo-svg-icons": "^4.0.0",
|
|
43
43
|
"react": "^16.8.2 || ^17.0.0 || ^18.0.0 || ^19.0.0 || ^19.0.0-rc",
|
|
44
44
|
"react-dom": "^16.8.2 || ^17.0.0 || ^18.0.0 || ^19.0.0 || ^19.0.0-rc"
|
|
@@ -52,10 +52,12 @@
|
|
|
52
52
|
"Grid",
|
|
53
53
|
"Progress",
|
|
54
54
|
"KendoReact",
|
|
55
|
+
"KendoReact Free",
|
|
55
56
|
"reactjs",
|
|
56
57
|
"UI",
|
|
57
58
|
"components",
|
|
58
59
|
"React component",
|
|
60
|
+
"free React component",
|
|
59
61
|
"Data grid",
|
|
60
62
|
"table",
|
|
61
63
|
"data table",
|
|
@@ -84,7 +86,7 @@
|
|
|
84
86
|
"package": {
|
|
85
87
|
"productName": "KendoReact",
|
|
86
88
|
"productCode": "KENDOUIREACT",
|
|
87
|
-
"publishDate":
|
|
89
|
+
"publishDate": 1742552651,
|
|
88
90
|
"licensingDocsUrl": "https://www.telerik.com/kendo-react-ui/components/my-license/"
|
|
89
91
|
}
|
|
90
92
|
},
|