@progress/kendo-react-grid 11.0.0-develop.10 → 11.0.0-develop.12
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/Grid.js +1 -1
- package/Grid.mjs +6 -9
- package/GridClientWrapper.js +1 -1
- package/GridClientWrapper.mjs +343 -364
- package/GridComponent.js +1 -1
- package/GridComponent.mjs +343 -369
- package/StatusBar.js +1 -1
- package/StatusBar.mjs +23 -23
- package/cells/GridFilterCell.js +1 -1
- package/cells/GridFilterCell.mjs +46 -46
- package/cells/datacell/GridCell.js +1 -1
- package/cells/datacell/GridCell.mjs +9 -15
- package/cells/editcell/GridEditCell.js +1 -1
- package/cells/editcell/GridEditCell.mjs +7 -13
- package/cells/groupcell/GridGroupCell.js +1 -1
- package/cells/groupcell/GridGroupCell.mjs +8 -10
- package/cells/hierarchycell/GridHierarchyCell.js +1 -1
- package/cells/hierarchycell/GridHierarchyCell.mjs +8 -14
- package/cells/hierarchycell/useHierarchyCellClientTdProps.js +1 -1
- package/cells/hierarchycell/useHierarchyCellClientTdProps.mjs +15 -18
- package/cells/selectioncell/GridSelectionCell.js +1 -1
- package/cells/selectioncell/GridSelectionCell.mjs +7 -13
- package/dist/cdn/js/kendo-react-grid.js +1 -1
- package/footer/FooterCell.js +1 -1
- package/footer/FooterCell.mjs +14 -14
- package/header/FilterRow.js +1 -1
- package/header/FilterRow.mjs +42 -46
- package/header/GridHeaderCell.js +1 -1
- package/header/GridHeaderCell.mjs +11 -11
- package/header/GridHeaderSelectionCell.js +1 -1
- package/header/GridHeaderSelectionCell.mjs +14 -14
- package/header/HeaderRow.js +1 -1
- package/header/HeaderRow.mjs +19 -20
- package/header/client/GridFilterCellContainer.js +1 -1
- package/header/client/GridFilterCellContainer.mjs +10 -11
- package/header/client/GridHeaderCellContainer.js +1 -1
- package/header/client/GridHeaderCellContainer.mjs +6 -7
- package/index.d.mts +9 -168
- package/index.d.ts +9 -168
- package/package-metadata.js +1 -1
- package/package-metadata.mjs +2 -2
- package/package.json +16 -16
- package/rows/GridRow.js +1 -1
- package/rows/GridRow.mjs +32 -33
- package/utils/index.js +1 -1
- package/utils/index.mjs +162 -165
- package/utils/premium.js +1 -1
- package/utils/premium.mjs +18 -22
- package/components/GridCustomCellClientContainer.js +0 -9
- package/components/GridCustomCellClientContainer.mjs +0 -34
package/StatusBar.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 D=require("react"),i=require("@progress/kendo-react-common"),E=require("./package-metadata.js");function M(
|
|
8
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const D=require("react"),i=require("@progress/kendo-react-common"),E=require("./package-metadata.js");function M(s){const a=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(s){for(const o in s)if(o!=="default"){const n=Object.getOwnPropertyDescriptor(s,o);Object.defineProperty(a,o,n.get?n:{enumerable:!0,get:()=>s[o]})}}return a.default=s,Object.freeze(a)}const l=M(D),b=s=>{const{data:a=[]}=s,o=!i.validatePackage(E.packageMetadata,{component:"StatusBar"});return l.createElement("div",{className:"k-selection-aggregates k-grid-selection-aggregates"},a.map((n,u)=>l.createElement("div",{key:u},l.createElement("span",{className:"k-selection-aggregates-item-text"},n.type,": "),l.createElement("span",{className:"k-selection-aggregates-item-value"},n.formattedValue))),o&&l.createElement(i.WatermarkOverlay,null))};b.displayName="KendoReactGridStatusBar";const y=s=>{var o;const a=s.slice();for(let n=0;n<a.length;n++)for(;a[n]&&((o=a[n].children)!=null&&o.length);)a.splice(n,1,...a[n].children);return a},O=s=>{const{dataItems:a,target:o}=s,u=y(o.columns).map(e=>e.field).filter(e=>e&&typeof e=="string").map(e=>i.getter(e)),S=e=>s.select[i.getter(s.dataItemKey)(e)],t={dates:[],numbers:[],booleans:[],others:[]},k=e=>{typeof e=="number"?t.numbers.push(e):typeof e=="boolean"?t.booleans.push(e):e instanceof Date?t.dates.push(e):t.others.push(e)};a.forEach(e=>{const r=S(e);Array.isArray(r)&&r.forEach(c=>{k(u[c](e))})});const g=t.dates.map(e=>e.getTime()),d=t.booleans.filter(e=>e).length,f=t.booleans.filter(e=>!e).length,m=t.numbers.length?t.numbers.reduce((e,r)=>e+=r,0):void 0,h={sum:m,average:typeof m=="number"?m/t.numbers.length:void 0,min:t.numbers.length?Math.min(...t.numbers):void 0,max:t.numbers.length?Math.max(...t.numbers):void 0,count:t.numbers.length+t.booleans.length+t.dates.length+t.others.length,isTrue:d>0?d:void 0,isFalse:f>0?f:void 0,earliest:t.dates.length?new Date(Math.min(...g)):void 0,latest:t.dates.length?new Date(Math.max(...g)):void 0},v=(e,r)=>(r==="sum"||r==="average")&&typeof e=="number"?e.toFixed(2):(r==="earliest"||r==="latest")&&e instanceof Date?e.toLocaleDateString():String(e),p=[];return Object.keys(h).forEach(e=>{const r=e,c=h[r];c!==void 0&&p.push({type:r,value:c,formattedValue:v(c,r)})}),p};exports.StatusBar=b;exports.getStatusData=O;exports.leafColumns=y;
|
package/StatusBar.mjs
CHANGED
|
@@ -6,50 +6,50 @@
|
|
|
6
6
|
*-------------------------------------------------------------------------------------------
|
|
7
7
|
*/
|
|
8
8
|
import * as c from "react";
|
|
9
|
-
import { validatePackage as k, WatermarkOverlay as v, getter as
|
|
9
|
+
import { validatePackage as k, WatermarkOverlay as v, getter as p } from "@progress/kendo-react-common";
|
|
10
10
|
import { packageMetadata as S } from "./package-metadata.mjs";
|
|
11
11
|
const x = (o) => {
|
|
12
|
-
const { data:
|
|
13
|
-
return /* @__PURE__ */ c.createElement("div", { className: "k-selection-aggregates k-grid-selection-aggregates" },
|
|
12
|
+
const { data: a = [] } = o, r = !k(S, { component: "StatusBar" });
|
|
13
|
+
return /* @__PURE__ */ c.createElement("div", { className: "k-selection-aggregates k-grid-selection-aggregates" }, a.map((n, i) => /* @__PURE__ */ c.createElement("div", { key: i }, /* @__PURE__ */ c.createElement("span", { className: "k-selection-aggregates-item-text" }, n.type, ": "), /* @__PURE__ */ c.createElement("span", { className: "k-selection-aggregates-item-value" }, n.formattedValue))), r && /* @__PURE__ */ c.createElement(v, null));
|
|
14
14
|
};
|
|
15
15
|
x.displayName = "KendoReactGridStatusBar";
|
|
16
16
|
const D = (o) => {
|
|
17
17
|
var r;
|
|
18
|
-
const
|
|
19
|
-
for (let
|
|
20
|
-
for (; n
|
|
21
|
-
|
|
22
|
-
return
|
|
23
|
-
},
|
|
24
|
-
const { dataItems:
|
|
25
|
-
(e) =>
|
|
26
|
-
), b =
|
|
18
|
+
const a = o.slice();
|
|
19
|
+
for (let n = 0; n < a.length; n++)
|
|
20
|
+
for (; a[n] && ((r = a[n].children) != null && r.length); )
|
|
21
|
+
a.splice(n, 1, ...a[n].children);
|
|
22
|
+
return a;
|
|
23
|
+
}, w = (o) => {
|
|
24
|
+
const { dataItems: a, target: r } = o, i = D(r.columns).map((e) => e.field).filter((e) => e && typeof e == "string").map(
|
|
25
|
+
(e) => p(e)
|
|
26
|
+
), b = (e) => o.select[p(o.dataItemKey)(e)], t = { dates: [], numbers: [], booleans: [], others: [] }, y = (e) => {
|
|
27
27
|
typeof e == "number" ? t.numbers.push(e) : typeof e == "boolean" ? t.booleans.push(e) : e instanceof Date ? t.dates.push(e) : t.others.push(e);
|
|
28
28
|
};
|
|
29
|
-
|
|
29
|
+
a.forEach((e) => {
|
|
30
30
|
const s = b(e);
|
|
31
|
-
s && s.forEach((l) => {
|
|
31
|
+
Array.isArray(s) && s.forEach((l) => {
|
|
32
32
|
y(i[l](e));
|
|
33
33
|
});
|
|
34
34
|
});
|
|
35
|
-
const g = t.dates.map((e) => e.getTime()),
|
|
35
|
+
const g = t.dates.map((e) => e.getTime()), d = t.booleans.filter((e) => e).length, u = t.booleans.filter((e) => !e).length, m = t.numbers.length ? t.numbers.reduce((e, s) => e += s, 0) : void 0, h = {
|
|
36
36
|
sum: m,
|
|
37
37
|
average: typeof m == "number" ? m / t.numbers.length : void 0,
|
|
38
38
|
min: t.numbers.length ? Math.min(...t.numbers) : void 0,
|
|
39
39
|
max: t.numbers.length ? Math.max(...t.numbers) : void 0,
|
|
40
40
|
count: t.numbers.length + t.booleans.length + t.dates.length + t.others.length,
|
|
41
|
-
isTrue:
|
|
42
|
-
isFalse:
|
|
41
|
+
isTrue: d > 0 ? d : void 0,
|
|
42
|
+
isFalse: u > 0 ? u : void 0,
|
|
43
43
|
earliest: t.dates.length ? new Date(Math.min(...g)) : void 0,
|
|
44
44
|
latest: t.dates.length ? new Date(Math.max(...g)) : void 0
|
|
45
|
-
}, E = (e, s) => (s === "sum" || s === "average") && typeof e == "number" ? e.toFixed(2) : (s === "earliest" || s === "latest") && e instanceof Date ? e.toLocaleDateString() : String(e),
|
|
46
|
-
return Object.keys(
|
|
47
|
-
const s = e, l =
|
|
48
|
-
l !== void 0 &&
|
|
49
|
-
}),
|
|
45
|
+
}, E = (e, s) => (s === "sum" || s === "average") && typeof e == "number" ? e.toFixed(2) : (s === "earliest" || s === "latest") && e instanceof Date ? e.toLocaleDateString() : String(e), f = [];
|
|
46
|
+
return Object.keys(h).forEach((e) => {
|
|
47
|
+
const s = e, l = h[s];
|
|
48
|
+
l !== void 0 && f.push({ type: s, value: l, formattedValue: E(l, s) });
|
|
49
|
+
}), f;
|
|
50
50
|
};
|
|
51
51
|
export {
|
|
52
52
|
x as StatusBar,
|
|
53
|
-
|
|
53
|
+
w as getStatusData,
|
|
54
54
|
D as leafColumns
|
|
55
55
|
};
|
package/cells/GridFilterCell.js
CHANGED
|
@@ -6,4 +6,4 @@
|
|
|
6
6
|
*-------------------------------------------------------------------------------------------
|
|
7
7
|
*/
|
|
8
8
|
"use client";
|
|
9
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const
|
|
9
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const w=require("react"),z=require("@progress/kendo-react-buttons"),f=require("@progress/kendo-react-dropdowns"),m=require("@progress/kendo-react-inputs"),D=require("@progress/kendo-react-dateinputs"),u=require("../messages/index.js"),E=require("@progress/kendo-react-intl"),h=require("@progress/kendo-svg-icons"),g=require("../filterCommon.js"),O=require("@progress/kendo-react-common");function y(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const c in e)if(c!=="default"){const s=Object.getOwnPropertyDescriptor(e,c);Object.defineProperty(t,c,s.get?s:{enumerable:!0,get:()=>e[c]})}}return t.default=e,Object.freeze(t)}const r=y(w),L=e=>{const t=r.useRef(null),c=E.useLocalization(),s=()=>{if(e.filterType==="boolean")return;let n;const l=e.operators.find(o=>o.operator===e.operator)||null;return r.createElement(f.DropDownList,{ref:o=>{n=o},size:e.size,value:l,onChange:C,className:"k-dropdown-operator",svgIcon:h.filterIcon,data:e.operators,textField:"text",title:c.toLanguageString(u.filterChooseOperator,u.messages[u.filterChooseOperator]),popupSettings:{width:"",onMouseDownOutside:function(o){!o.isAnchorClicked&&o.state&&o.state.props.show&&n&&n.togglePopup()}}})},d=(n,l)=>{g.cellInputChange(n,l,e)},C=n=>{g.cellOperatorChange(n,e.value,e.onChange)},b=n=>{g.cellBoolDropdownChange(n,e.onChange)},v=n=>{n.preventDefault(),e.onChange({value:"",operator:"",syntheticEvent:n}),t.current&&(t.current.element.value="",setTimeout(()=>{t.current.element.focus()},0))},k=(n,l,o)=>{switch(n){case"numeric":return r.createElement(m.NumericTextBox,{ref:t,size:e.size,value:l,onChange:a=>{d(a.value,a.syntheticEvent)},title:e.title,ariaLabel:e.ariaLabel});case"date":return r.createElement(D.DatePicker,{ref:t,size:e.size,value:l,onChange:a=>{d(a.value,a.syntheticEvent)},title:e.title,ariaLabel:e.ariaLabel,popupSettings:{onMouseDownOutside:a=>{!a.isAnchorClicked&&a.state&&a.state.props.show&&t&&t.current.togglePopup()}}});case"boolean":{const a=i=>i==null;return r.createElement(f.DropDownList,{ref:t,size:e.size,onChange:b,value:o.find(i=>i.operator===(a(l)?"":l)),data:o,textField:"text",title:e.title,ariaLabel:e.ariaLabel,popupSettings:{onMouseDownOutside:i=>{!i.isAnchorClicked&&i.state&&i.state.props.show&&t&&t.current.togglePopup()}}})}default:return r.createElement(m.TextBox,{ref:t,size:e.size,value:l||"",onChange:a=>{d(a.target.value,a.syntheticEvent)},title:e.title,"aria-label":e.ariaLabel})}};return r.createElement("div",{className:"k-filtercell"},r.createElement("div",{className:"k-filtercell-wrapper"},k(e.filterType,e.value,e.booleanValues),r.createElement("div",{className:"k-filtercell-operator"},s()," ",r.createElement(z.Button,{size:e.size,svgIcon:h.filterClearIcon,className:O.classNames({"k-clear-button-visible":!!(!(e.value===null||e.value==="")||e.operator)}),title:c.toLanguageString(u.filterClearButton,u.messages[u.filterClearButton]),type:"button",onClick:v,disabled:!(!(e.value===null||e.value==="")||e.operator)}))))};exports.GridFilterCell=L;
|
package/cells/GridFilterCell.mjs
CHANGED
|
@@ -6,59 +6,59 @@
|
|
|
6
6
|
*-------------------------------------------------------------------------------------------
|
|
7
7
|
*/
|
|
8
8
|
"use client";
|
|
9
|
-
import * as
|
|
10
|
-
import { Button as
|
|
11
|
-
import { DropDownList as
|
|
12
|
-
import { TextBox as
|
|
13
|
-
import { DatePicker as
|
|
14
|
-
import { filterClearButton as
|
|
15
|
-
import { useLocalization as
|
|
16
|
-
import { filterClearIcon as
|
|
17
|
-
import { cellOperatorChange as
|
|
18
|
-
import { classNames as
|
|
19
|
-
const
|
|
20
|
-
const n =
|
|
9
|
+
import * as l from "react";
|
|
10
|
+
import { Button as E } from "@progress/kendo-react-buttons";
|
|
11
|
+
import { DropDownList as s } from "@progress/kendo-react-dropdowns";
|
|
12
|
+
import { TextBox as z, NumericTextBox as w } from "@progress/kendo-react-inputs";
|
|
13
|
+
import { DatePicker as L } from "@progress/kendo-react-dateinputs";
|
|
14
|
+
import { filterClearButton as m, messages as f, filterChooseOperator as g } from "../messages/index.mjs";
|
|
15
|
+
import { useLocalization as k } from "@progress/kendo-react-intl";
|
|
16
|
+
import { filterClearIcon as x, filterIcon as D } from "@progress/kendo-svg-icons";
|
|
17
|
+
import { cellOperatorChange as y, cellInputChange as N, cellBoolDropdownChange as B } from "../filterCommon.mjs";
|
|
18
|
+
import { classNames as O } from "@progress/kendo-react-common";
|
|
19
|
+
const _ = (e) => {
|
|
20
|
+
const n = l.useRef(null), u = k(), d = () => {
|
|
21
21
|
if (e.filterType === "boolean")
|
|
22
22
|
return;
|
|
23
23
|
let t;
|
|
24
|
-
const r = e.operators.find((
|
|
25
|
-
return /* @__PURE__ */
|
|
26
|
-
|
|
24
|
+
const r = e.operators.find((o) => o.operator === e.operator) || null;
|
|
25
|
+
return /* @__PURE__ */ l.createElement(
|
|
26
|
+
s,
|
|
27
27
|
{
|
|
28
|
-
ref: (
|
|
29
|
-
t =
|
|
28
|
+
ref: (o) => {
|
|
29
|
+
t = o;
|
|
30
30
|
},
|
|
31
31
|
size: e.size,
|
|
32
32
|
value: r,
|
|
33
|
-
onChange:
|
|
33
|
+
onChange: h,
|
|
34
34
|
className: "k-dropdown-operator",
|
|
35
|
-
svgIcon:
|
|
35
|
+
svgIcon: D,
|
|
36
36
|
data: e.operators,
|
|
37
37
|
textField: "text",
|
|
38
|
-
title: u.toLanguageString(g,
|
|
38
|
+
title: u.toLanguageString(g, f[g]),
|
|
39
39
|
popupSettings: {
|
|
40
40
|
width: "",
|
|
41
|
-
onMouseDownOutside: function(
|
|
42
|
-
!
|
|
41
|
+
onMouseDownOutside: function(o) {
|
|
42
|
+
!o.isAnchorClicked && o.state && o.state.props.show && t && t.togglePopup();
|
|
43
43
|
}
|
|
44
44
|
}
|
|
45
45
|
}
|
|
46
46
|
);
|
|
47
47
|
}, c = (t, r) => {
|
|
48
|
-
|
|
48
|
+
N(t, r, e);
|
|
49
|
+
}, h = (t) => {
|
|
50
|
+
y(t, e.value, e.onChange);
|
|
49
51
|
}, C = (t) => {
|
|
50
|
-
|
|
52
|
+
B(t, e.onChange);
|
|
51
53
|
}, v = (t) => {
|
|
52
|
-
O(t, e.onChange);
|
|
53
|
-
}, b = (t) => {
|
|
54
54
|
t.preventDefault(), e.onChange({ value: "", operator: "", syntheticEvent: t }), n.current && (n.current.element.value = "", setTimeout(() => {
|
|
55
55
|
n.current.element.focus();
|
|
56
56
|
}, 0));
|
|
57
|
-
},
|
|
57
|
+
}, b = (t, r, o) => {
|
|
58
58
|
switch (t) {
|
|
59
59
|
case "numeric":
|
|
60
|
-
return /* @__PURE__ */
|
|
61
|
-
|
|
60
|
+
return /* @__PURE__ */ l.createElement(
|
|
61
|
+
w,
|
|
62
62
|
{
|
|
63
63
|
ref: n,
|
|
64
64
|
size: e.size,
|
|
@@ -71,8 +71,8 @@ const j = (e) => {
|
|
|
71
71
|
}
|
|
72
72
|
);
|
|
73
73
|
case "date":
|
|
74
|
-
return /* @__PURE__ */
|
|
75
|
-
|
|
74
|
+
return /* @__PURE__ */ l.createElement(
|
|
75
|
+
L,
|
|
76
76
|
{
|
|
77
77
|
ref: n,
|
|
78
78
|
size: e.size,
|
|
@@ -91,14 +91,14 @@ const j = (e) => {
|
|
|
91
91
|
);
|
|
92
92
|
case "boolean": {
|
|
93
93
|
const a = (i) => i == null;
|
|
94
|
-
return /* @__PURE__ */
|
|
95
|
-
|
|
94
|
+
return /* @__PURE__ */ l.createElement(
|
|
95
|
+
s,
|
|
96
96
|
{
|
|
97
97
|
ref: n,
|
|
98
98
|
size: e.size,
|
|
99
|
-
onChange:
|
|
100
|
-
value:
|
|
101
|
-
data:
|
|
99
|
+
onChange: C,
|
|
100
|
+
value: o.find((i) => i.operator === (a(r) ? "" : r)),
|
|
101
|
+
data: o,
|
|
102
102
|
textField: "text",
|
|
103
103
|
title: e.title,
|
|
104
104
|
ariaLabel: e.ariaLabel,
|
|
@@ -111,8 +111,8 @@ const j = (e) => {
|
|
|
111
111
|
);
|
|
112
112
|
}
|
|
113
113
|
default:
|
|
114
|
-
return /* @__PURE__ */
|
|
115
|
-
|
|
114
|
+
return /* @__PURE__ */ l.createElement(
|
|
115
|
+
z,
|
|
116
116
|
{
|
|
117
117
|
ref: n,
|
|
118
118
|
size: e.size,
|
|
@@ -125,22 +125,22 @@ const j = (e) => {
|
|
|
125
125
|
}
|
|
126
126
|
);
|
|
127
127
|
}
|
|
128
|
-
}
|
|
129
|
-
|
|
128
|
+
};
|
|
129
|
+
return /* @__PURE__ */ l.createElement("div", { className: "k-filtercell" }, /* @__PURE__ */ l.createElement("div", { className: "k-filtercell-wrapper" }, b(e.filterType, e.value, e.booleanValues), /* @__PURE__ */ l.createElement("div", { className: "k-filtercell-operator" }, d(), " ", /* @__PURE__ */ l.createElement(
|
|
130
|
+
E,
|
|
130
131
|
{
|
|
131
132
|
size: e.size,
|
|
132
|
-
svgIcon:
|
|
133
|
-
className:
|
|
133
|
+
svgIcon: x,
|
|
134
|
+
className: O({
|
|
134
135
|
"k-clear-button-visible": !!(!(e.value === null || e.value === "") || e.operator)
|
|
135
136
|
}),
|
|
136
|
-
title: u.toLanguageString(
|
|
137
|
+
title: u.toLanguageString(m, f[m]),
|
|
137
138
|
type: "button",
|
|
138
|
-
onClick:
|
|
139
|
+
onClick: v,
|
|
139
140
|
disabled: !(!(e.value === null || e.value === "") || e.operator)
|
|
140
141
|
}
|
|
141
142
|
))));
|
|
142
|
-
return e.render ? e.render.call(void 0, s, e) : s;
|
|
143
143
|
};
|
|
144
144
|
export {
|
|
145
|
-
|
|
145
|
+
_ as GridFilterCell
|
|
146
146
|
};
|
|
@@ -6,4 +6,4 @@
|
|
|
6
6
|
*-------------------------------------------------------------------------------------------
|
|
7
7
|
*/
|
|
8
8
|
"use client";
|
|
9
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const
|
|
9
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react"),p=require("./useCellClientTdProps.js"),d=require("../hooks.js"),s=require("./utils.js");function C(r){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(r){for(const t in r)if(t!=="default"){const l=Object.getOwnPropertyDescriptor(r,t);Object.defineProperty(e,t,l.get?l:{enumerable:!0,get:()=>r[t]})}}return e.default=r,Object.freeze(e)}const u=C(a),f=r=>{var c;const{cellProps:e}=r,{tdProps:t,content:l}=s.getCellTdProps(e),n=p.useCellClientTdProps(e),i=d.useLegacyCellProps(e);if(((c=e._rowSpan)==null?void 0:c.count)===null)return null;const o=s.getCustomCell(e);return o?u.createElement(o,{...e,...i,tdProps:{...t,...n}},l):t?u.createElement("td",{...t,...n},l):null};exports.GridCell=f;
|
|
@@ -6,24 +6,18 @@
|
|
|
6
6
|
*-------------------------------------------------------------------------------------------
|
|
7
7
|
*/
|
|
8
8
|
"use client";
|
|
9
|
-
import * as
|
|
9
|
+
import * as s from "react";
|
|
10
10
|
import { useCellClientTdProps as m } from "./useCellClientTdProps.mjs";
|
|
11
11
|
import { useLegacyCellProps as u } from "../hooks.mjs";
|
|
12
|
-
import { getCellTdProps as
|
|
13
|
-
const
|
|
14
|
-
var
|
|
15
|
-
const { cellProps:
|
|
16
|
-
if (((
|
|
12
|
+
import { getCellTdProps as C, getCustomCell as i } from "./utils.mjs";
|
|
13
|
+
const f = (c) => {
|
|
14
|
+
var n;
|
|
15
|
+
const { cellProps: t } = c, { tdProps: e, content: o } = C(t), l = m(t), p = u(t);
|
|
16
|
+
if (((n = t._rowSpan) == null ? void 0 : n.count) === null)
|
|
17
17
|
return null;
|
|
18
|
-
const
|
|
19
|
-
|
|
20
|
-
return /* @__PURE__ */ p.createElement(n, { ...e, ...o, tdProps: { ...t, ...l } }, r);
|
|
21
|
-
const s = t ? /* @__PURE__ */ p.createElement("td", { ...t, ...l }, r) : null;
|
|
22
|
-
return e.render ? e.render.call(void 0, s, {
|
|
23
|
-
...e,
|
|
24
|
-
...o
|
|
25
|
-
}) : s;
|
|
18
|
+
const r = i(t);
|
|
19
|
+
return r ? /* @__PURE__ */ s.createElement(r, { ...t, ...p, tdProps: { ...e, ...l } }, o) : e ? /* @__PURE__ */ s.createElement("td", { ...e, ...l }, o) : null;
|
|
26
20
|
};
|
|
27
21
|
export {
|
|
28
|
-
|
|
22
|
+
f as GridCell
|
|
29
23
|
};
|
|
@@ -6,4 +6,4 @@
|
|
|
6
6
|
*-------------------------------------------------------------------------------------------
|
|
7
7
|
*/
|
|
8
8
|
"use client";
|
|
9
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const
|
|
9
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("react"),u=require("./GridEditCellEditor.js"),s=require("./utils.js"),a=require("../hooks.js"),p=require("./useEditCellClientTdProps.js");function C(r){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(r){for(const t in r)if(t!=="default"){const l=Object.getOwnPropertyDescriptor(r,t);Object.defineProperty(e,t,l.get?l:{enumerable:!0,get:()=>r[t]})}}return e.default=r,Object.freeze(e)}const o=C(d),E=r=>{const{cellProps:e}=r,{tdProps:t}=s.getEditCellTdProps(e),l=p.useEditCellClientTdProps(e),i=a.useLegacyCellProps(e),n=o.createElement(u.GridEditCellEditor,{cellProps:e}),c=s.getCustomCell(e);return c?o.createElement(c,{...e,...i,tdProps:{...t,...l}},n):t?o.createElement("td",{...t,...l},n):null};exports.GridEditCell=E;
|
|
@@ -6,21 +6,15 @@
|
|
|
6
6
|
*-------------------------------------------------------------------------------------------
|
|
7
7
|
*/
|
|
8
8
|
"use client";
|
|
9
|
-
import * as
|
|
9
|
+
import * as o from "react";
|
|
10
10
|
import { GridEditCellEditor as i } from "./GridEditCellEditor.mjs";
|
|
11
11
|
import { getEditCellTdProps as m, getCustomCell as p } from "./utils.mjs";
|
|
12
|
-
import { useLegacyCellProps as
|
|
13
|
-
import { useEditCellClientTdProps as
|
|
14
|
-
const
|
|
15
|
-
const { cellProps:
|
|
16
|
-
|
|
17
|
-
return /* @__PURE__ */ r.createElement(s, { ...e, ...l, tdProps: { ...t, ...o } }, n);
|
|
18
|
-
const c = t ? /* @__PURE__ */ r.createElement("td", { ...t, ...o }, n) : null;
|
|
19
|
-
return e.render ? e.render.call(void 0, c, {
|
|
20
|
-
...e,
|
|
21
|
-
...l
|
|
22
|
-
}) : c;
|
|
12
|
+
import { useLegacyCellProps as d } from "../hooks.mjs";
|
|
13
|
+
import { useEditCellClientTdProps as C } from "./useEditCellClientTdProps.mjs";
|
|
14
|
+
const f = (n) => {
|
|
15
|
+
const { cellProps: t } = n, { tdProps: e } = m(t), r = C(t), c = d(t), l = /* @__PURE__ */ o.createElement(i, { cellProps: t }), s = p(t);
|
|
16
|
+
return s ? /* @__PURE__ */ o.createElement(s, { ...t, ...c, tdProps: { ...e, ...r } }, l) : e ? /* @__PURE__ */ o.createElement("td", { ...e, ...r }, l) : null;
|
|
23
17
|
};
|
|
24
18
|
export {
|
|
25
|
-
|
|
19
|
+
f as GridEditCell
|
|
26
20
|
};
|
|
@@ -6,4 +6,4 @@
|
|
|
6
6
|
*-------------------------------------------------------------------------------------------
|
|
7
7
|
*/
|
|
8
8
|
"use client";
|
|
9
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const P=require("react"),
|
|
9
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const P=require("react"),p=require("./utils.js"),f=require("./useGroupCellClientTdProps.js"),y=require("../hooks.js");function b(l){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(l){for(const e in l)if(e!=="default"){const o=Object.getOwnPropertyDescriptor(l,e);Object.defineProperty(t,e,o.get?o:{enumerable:!0,get:()=>l[e]})}}return t.default=l,Object.freeze(t)}const n=b(P),T=l=>{const{cellProps:t}=l,{tdProps:e,td2Props:o,content:c,renderToggleCell:C}=p.getGroupCellTdProps(t),r=f.useGroupCellClientTdProps(t,C),m=y.useLegacyCellProps(t),g={...t,...m},u={...e,...r,style:{...e==null?void 0:e.style,...r.style}},s=o?{...o,onContextMenu:r.onContextMenu}:null,i=p.getCustomCell(t);if(i)return n.createElement(i,{...g,tdProps:u,td2Props:s},c);const a=e?n.createElement("td",{...u,key:e==null?void 0:e.key},c):null,d=s?n.createElement("td",{...s}):null;return d?n.createElement(n.Fragment,null,a,d):a};exports.GridGroupCell=T;
|
|
@@ -7,18 +7,16 @@
|
|
|
7
7
|
*/
|
|
8
8
|
"use client";
|
|
9
9
|
import * as t from "react";
|
|
10
|
-
import { getGroupCellTdProps as
|
|
10
|
+
import { getGroupCellTdProps as P, getCustomCell as g } from "./utils.mjs";
|
|
11
11
|
import { useGroupCellClientTdProps as y } from "./useGroupCellClientTdProps.mjs";
|
|
12
|
-
import { useLegacyCellProps as
|
|
13
|
-
const
|
|
14
|
-
const { cellProps: l } =
|
|
12
|
+
import { useLegacyCellProps as f } from "../hooks.mjs";
|
|
13
|
+
const b = (u) => {
|
|
14
|
+
const { cellProps: l } = u, { tdProps: e, td2Props: r, content: s, renderToggleCell: d } = P(l), o = y(l, d), i = f(l), a = { ...l, ...i }, c = { ...e, ...o, style: { ...e == null ? void 0 : e.style, ...o.style } }, n = r ? { ...r, onContextMenu: o.onContextMenu } : null, m = g(l);
|
|
15
15
|
if (m)
|
|
16
|
-
return /* @__PURE__ */ t.createElement(m, { ...
|
|
17
|
-
const C = e ? /* @__PURE__ */ t.createElement("td", { ...
|
|
18
|
-
return
|
|
19
|
-
...c
|
|
20
|
-
}) : u;
|
|
16
|
+
return /* @__PURE__ */ t.createElement(m, { ...a, tdProps: c, td2Props: n }, s);
|
|
17
|
+
const C = e ? /* @__PURE__ */ t.createElement("td", { ...c, key: e == null ? void 0 : e.key }, s) : null, p = n ? /* @__PURE__ */ t.createElement("td", { ...n }) : null;
|
|
18
|
+
return p ? /* @__PURE__ */ t.createElement(t.Fragment, null, C, p) : C;
|
|
21
19
|
};
|
|
22
20
|
export {
|
|
23
|
-
|
|
21
|
+
b as GridGroupCell
|
|
24
22
|
};
|
|
@@ -6,4 +6,4 @@
|
|
|
6
6
|
*-------------------------------------------------------------------------------------------
|
|
7
7
|
*/
|
|
8
8
|
"use client";
|
|
9
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const
|
|
9
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("react"),n=require("./utils.js"),a=require("./useHierarchyCellClientTdProps.js"),p=require("../hooks.js");function d(t){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const r in t)if(r!=="default"){const o=Object.getOwnPropertyDescriptor(t,r);Object.defineProperty(e,r,o.get?o:{enumerable:!0,get:()=>t[r]})}}return e.default=t,Object.freeze(e)}const s=d(u),y=t=>{const{cellProps:e}=t,{tdProps:r,content:o}=n.getHierarchyCellTdProps(e),l=a.useHierarchyCellClientTdProps(e),i=p.useLegacyCellProps(e),c=n.getCustomCell(e);return c?s.createElement(c,{...e,...i,tdProps:{...r,...l}},o):e.rowType!=="groupHeader"?s.createElement("td",{...r,...l},o):null};exports.GridHierarchyCell=y;
|
|
@@ -6,20 +6,14 @@
|
|
|
6
6
|
*-------------------------------------------------------------------------------------------
|
|
7
7
|
*/
|
|
8
8
|
"use client";
|
|
9
|
-
import * as
|
|
10
|
-
import { getHierarchyCellTdProps as
|
|
11
|
-
import { useHierarchyCellClientTdProps as
|
|
12
|
-
import { useLegacyCellProps as
|
|
13
|
-
const
|
|
14
|
-
const { cellProps: e } =
|
|
15
|
-
|
|
16
|
-
return /* @__PURE__ */ c.createElement(n, { ...e, ...l, tdProps: { ...r, ...o } }, t);
|
|
17
|
-
const s = e.rowType !== "groupHeader" ? /* @__PURE__ */ c.createElement("td", { ...r, ...o }, t) : null;
|
|
18
|
-
return e.render ? e.render.call(void 0, s, {
|
|
19
|
-
...e,
|
|
20
|
-
...l
|
|
21
|
-
}) : s;
|
|
9
|
+
import * as s from "react";
|
|
10
|
+
import { getHierarchyCellTdProps as p, getCustomCell as m } from "./utils.mjs";
|
|
11
|
+
import { useHierarchyCellClientTdProps as i } from "./useHierarchyCellClientTdProps.mjs";
|
|
12
|
+
import { useLegacyCellProps as a } from "../hooks.mjs";
|
|
13
|
+
const P = (c) => {
|
|
14
|
+
const { cellProps: e } = c, { tdProps: r, content: t } = p(e), o = i(e), n = a(e), l = m(e);
|
|
15
|
+
return l ? /* @__PURE__ */ s.createElement(l, { ...e, ...n, tdProps: { ...r, ...o } }, t) : e.rowType !== "groupHeader" ? /* @__PURE__ */ s.createElement("td", { ...r, ...o }, t) : null;
|
|
22
16
|
};
|
|
23
17
|
export {
|
|
24
|
-
|
|
18
|
+
P as GridHierarchyCell
|
|
25
19
|
};
|
|
@@ -6,4 +6,4 @@
|
|
|
6
6
|
*-------------------------------------------------------------------------------------------
|
|
7
7
|
*/
|
|
8
8
|
"use client";
|
|
9
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const
|
|
9
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react"),s=require("../../GridClientWrapper.js"),a=require("@progress/kendo-react-data-tools"),i=require("@progress/kendo-react-common");function d(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:()=>e[r]})}}return t.default=e,Object.freeze(t)}const c=d(l),y=e=>{const t=c.useContext(s.GridContext),r=a.useTableKeyboardNavigation(e.id),n=c.useCallback(o=>{o.isDefaultPrevented()||o.keyCode===i.Keys.enter&&(t!=null&&t.dispatchDetailExpand)&&(o.preventDefault(),t.dispatchDetailExpand({type:a.DETAIL_EXPAND_ACTION.TOGGLE,id:i.getter(t.dataItemKey)(e.dataItem)}))},[e.dataItem,t]),u=e.rowType!=="groupHeader"&&e.rowType!=="groupFooter"?{onKeyDown:n}:{};return{...r,...u}};exports.useHierarchyCellClientTdProps=y;
|
|
@@ -6,30 +6,27 @@
|
|
|
6
6
|
*-------------------------------------------------------------------------------------------
|
|
7
7
|
*/
|
|
8
8
|
"use client";
|
|
9
|
-
import * as
|
|
10
|
-
import { GridContext as
|
|
11
|
-
import { useTableKeyboardNavigation as l } from "@progress/kendo-react-data-tools";
|
|
12
|
-
import { Keys as m } from "@progress/kendo-react-common";
|
|
13
|
-
const
|
|
14
|
-
const
|
|
15
|
-
(
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
syntheticEvent: a,
|
|
20
|
-
field: e.field,
|
|
21
|
-
value: !e.expanded
|
|
9
|
+
import * as a from "react";
|
|
10
|
+
import { GridContext as d } from "../../GridClientWrapper.mjs";
|
|
11
|
+
import { useTableKeyboardNavigation as s, DETAIL_EXPAND_ACTION as l } from "@progress/kendo-react-data-tools";
|
|
12
|
+
import { Keys as m, getter as u } from "@progress/kendo-react-common";
|
|
13
|
+
const D = (t) => {
|
|
14
|
+
const e = a.useContext(d), r = s(t.id), n = a.useCallback(
|
|
15
|
+
(o) => {
|
|
16
|
+
o.isDefaultPrevented() || o.keyCode === m.enter && (e != null && e.dispatchDetailExpand) && (o.preventDefault(), e.dispatchDetailExpand({
|
|
17
|
+
type: l.TOGGLE,
|
|
18
|
+
id: u(e.dataItemKey)(t.dataItem)
|
|
22
19
|
}));
|
|
23
20
|
},
|
|
24
|
-
[
|
|
25
|
-
), i =
|
|
26
|
-
onKeyDown:
|
|
21
|
+
[t.dataItem, e]
|
|
22
|
+
), i = t.rowType !== "groupHeader" && t.rowType !== "groupFooter" ? {
|
|
23
|
+
onKeyDown: n
|
|
27
24
|
} : {};
|
|
28
25
|
return {
|
|
29
|
-
...
|
|
26
|
+
...r,
|
|
30
27
|
...i
|
|
31
28
|
};
|
|
32
29
|
};
|
|
33
30
|
export {
|
|
34
|
-
|
|
31
|
+
D as useHierarchyCellClientTdProps
|
|
35
32
|
};
|
|
@@ -6,4 +6,4 @@
|
|
|
6
6
|
*-------------------------------------------------------------------------------------------
|
|
7
7
|
*/
|
|
8
8
|
"use client";
|
|
9
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const
|
|
9
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("react"),a=require("./GridSelectionCellInput.js"),s=require("./utils.js"),p=require("../hooks.js"),d=require("./useSelectionCellClientTdProps.js");function C(t){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const l in t)if(l!=="default"){const o=Object.getOwnPropertyDescriptor(t,l);Object.defineProperty(e,l,o.get?o:{enumerable:!0,get:()=>t[l]})}}return e.default=t,Object.freeze(e)}const r=C(u),g=t=>{const{cellProps:e}=t,{tdProps:l}=s.getSelectionCellTdProps(e),o=d.useSelectionCellClientTdProps(e),i=p.useLegacyCellProps(e),n=r.createElement(a.GridSelectionCellInput,{key:1,...e}),c=s.getCustomCell(e);return c?r.createElement(c,{...e,...i,tdProps:{...l,...o}},n):e.rowType!=="groupHeader"?r.createElement("td",{...l,...o},n):null};exports.GridSelectionCell=g;
|
|
@@ -7,20 +7,14 @@
|
|
|
7
7
|
*/
|
|
8
8
|
"use client";
|
|
9
9
|
import * as t from "react";
|
|
10
|
-
import { GridSelectionCellInput as
|
|
11
|
-
import { getSelectionCellTdProps as m, getCustomCell as
|
|
10
|
+
import { GridSelectionCellInput as p } from "./GridSelectionCellInput.mjs";
|
|
11
|
+
import { getSelectionCellTdProps as m, getCustomCell as i } from "./utils.mjs";
|
|
12
12
|
import { useLegacyCellProps as C } from "../hooks.mjs";
|
|
13
|
-
import { useSelectionCellClientTdProps as
|
|
14
|
-
const
|
|
15
|
-
const { cellProps: e } =
|
|
16
|
-
|
|
17
|
-
return /* @__PURE__ */ t.createElement(c, { ...e, ...l, tdProps: { ...o, ...r } }, n);
|
|
18
|
-
const s = e.rowType !== "groupHeader" ? /* @__PURE__ */ t.createElement("td", { ...o, ...r }, n) : null;
|
|
19
|
-
return e.render ? e.render.call(void 0, s, {
|
|
20
|
-
...e,
|
|
21
|
-
...l
|
|
22
|
-
}) : s;
|
|
13
|
+
import { useSelectionCellClientTdProps as d } from "./useSelectionCellClientTdProps.mjs";
|
|
14
|
+
const g = (c) => {
|
|
15
|
+
const { cellProps: e } = c, { tdProps: o } = m(e), r = d(e), s = C(e), l = /* @__PURE__ */ t.createElement(p, { key: 1, ...e }), n = i(e);
|
|
16
|
+
return n ? /* @__PURE__ */ t.createElement(n, { ...e, ...s, tdProps: { ...o, ...r } }, l) : e.rowType !== "groupHeader" ? /* @__PURE__ */ t.createElement("td", { ...o, ...r }, l) : null;
|
|
23
17
|
};
|
|
24
18
|
export {
|
|
25
|
-
|
|
19
|
+
g as GridSelectionCell
|
|
26
20
|
};
|