@progress/kendo-react-grid 9.4.0-develop.6 → 9.4.0-develop.8
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 +4 -5
- package/GridClientContextReader.js +2 -1
- package/GridClientContextReader.mjs +15 -14
- package/GridClientWrapper.js +2 -1
- package/GridColumn.js +1 -1
- package/GridColumn.mjs +4 -5
- package/GridComponent.js +1 -1
- package/GridComponent.mjs +120 -119
- package/GridState.js +2 -1
- package/GridToolbar.js +1 -1
- package/GridToolbar.mjs +5 -6
- package/GridWatermarkOverlay.js +2 -1
- package/GridWatermarkOverlay.mjs +2 -2
- package/StatusBar.js +1 -1
- package/StatusBar.mjs +0 -1
- package/VirtualScroll.js +1 -1
- package/VirtualScroll.mjs +0 -1
- package/VirtualScrollFixed.js +1 -1
- package/VirtualScrollFixed.mjs +9 -10
- package/cells/GridCell.js +1 -1
- package/cells/GridCell.mjs +15 -17
- package/cells/GridDetailCell.js +1 -1
- package/cells/GridDetailCell.mjs +5 -6
- package/cells/GridDetailHierarchyCell.js +1 -1
- package/cells/GridDetailHierarchyCell.mjs +4 -5
- package/cells/GridEditCell.js +1 -1
- package/cells/GridEditCell.mjs +6 -7
- package/cells/GridFilterCell.js +2 -1
- package/cells/GridGroupCell.js +1 -1
- package/cells/GridGroupCell.mjs +11 -12
- package/cells/GridHierarchyCell.js +1 -1
- package/cells/GridHierarchyCell.mjs +7 -8
- package/cells/GridRowReorderCell.js +1 -1
- package/cells/GridRowReorderCell.mjs +3 -4
- package/cells/GridSelectionCell.js +1 -1
- package/cells/GridSelectionCell.mjs +12 -13
- package/cells/client/DetailCellContainer.js +2 -1
- package/cells/client/DetailCellContainer.mjs +2 -2
- package/cells/client/GridCellContainer.js +2 -1
- package/cells/client/GridEditCellContainer.js +2 -1
- package/cells/client/GridEditCellEditor.js +2 -1
- package/cells/client/GridEditCellEditor.mjs +14 -14
- package/cells/client/GridGroupCellContainer.js +2 -1
- package/cells/client/GridGroupCellContainer.mjs +39 -39
- package/cells/client/GridGroupCellToggle.js +2 -1
- package/cells/client/GridGroupCellToggle.mjs +3 -3
- package/cells/client/GridHierarchyCellContainer.js +2 -1
- package/cells/client/GridHierarchyCellToggle.js +2 -1
- package/cells/client/GridHierarchyCellToggle.mjs +15 -15
- package/cells/client/GridRowReorderContainer.js +2 -1
- package/cells/client/GridRowReorderContainer.mjs +3 -3
- package/cells/client/GridSelectionCellContainer.js +2 -1
- package/cells/client/GridSelectionCellInput.js +2 -1
- package/cells/client/GridSelectionCellInput.mjs +3 -3
- package/columnMenu/GridColumnMenuCheckboxFilter.js +2 -1
- package/columnMenu/GridColumnMenuColumnsList.js +2 -1
- package/columnMenu/GridColumnMenuColumnsList.mjs +16 -16
- package/columnMenu/GridColumnMenuFilter.js +2 -1
- package/columnMenu/GridColumnMenuFilterCell.js +2 -1
- package/columnMenu/GridColumnMenuFilterCell.mjs +3 -3
- package/columnMenu/GridColumnMenuFilterUI.js +2 -1
- package/columnMenu/GridColumnMenuGroup.js +2 -1
- package/columnMenu/GridColumnMenuGroup.mjs +5 -5
- package/columnMenu/GridColumnMenuItem.js +2 -1
- package/columnMenu/GridColumnMenuItem.mjs +2 -2
- package/columnMenu/GridColumnMenuItemContent.js +2 -1
- package/columnMenu/GridColumnMenuItemContent.mjs +4 -4
- package/columnMenu/GridColumnMenuItemGroup.js +2 -1
- package/columnMenu/GridColumnMenuItemGroup.mjs +4 -4
- package/columnMenu/GridColumnMenuSort.js +2 -1
- package/columnMenu/GridColumnMenuSort.mjs +7 -7
- package/columnMenu/GridColumnMenuWrapper.js +2 -1
- package/components/GridContainerElementContainer.js +2 -1
- package/components/GridCustomCellClientContainer.js +2 -1
- package/components/GridCustomCellClientContainer.mjs +2 -2
- package/components/GridDragClue.js +2 -1
- package/components/GridDragClue.mjs +5 -5
- package/components/GridDraggableRowsContainer.js +2 -1
- package/components/GridDropClue.js +2 -1
- package/components/GridDropClue.mjs +5 -5
- package/components/GridElementContainer.js +2 -1
- package/components/GridElementContainer.mjs +6 -6
- package/components/PagerContainer.js +2 -1
- package/components/PagerContainer.mjs +4 -4
- package/components/VirtualScrollHeightContainer.js +2 -1
- package/components/VirtualScrollHeightContainer.mjs +2 -2
- package/components/colGroup/GridColGroup.js +2 -1
- package/components/colGroup/GridColGroup.mjs +5 -5
- package/components/icons/reorder-row-svg.js +2 -1
- package/components/icons/reorder-row-svg.mjs +2 -2
- package/components/noRecords/GridNoRecords.js +2 -1
- package/components/noRecords/GridNoRecords.mjs +5 -5
- package/components/noRecords/GridNoRecordsContainer.js +2 -1
- package/components/noRecords/GridNoRecordsContainer.mjs +4 -4
- package/components/table/GridTable.js +2 -1
- package/components/table/GridTable.mjs +4 -4
- package/components/table/GridTableBody.js +2 -1
- package/components/table/GridTableBody.mjs +2 -2
- package/components/table/GridTableScrollable.js +2 -1
- package/components/table/GridTableScrollable.mjs +6 -6
- package/components/utils.js +1 -1
- package/components/utils.mjs +0 -1
- package/constants/index.js +1 -1
- package/constants/index.mjs +0 -1
- package/contextMenu/GridContextMenu.js +2 -1
- package/contextMenu/GridContextMenu.mjs +3 -3
- package/contextMenu/enums.js +1 -1
- package/contextMenu/enums.mjs +0 -1
- package/dist/cdn/js/kendo-react-grid.js +1 -1
- package/drag/ColumnDraggable.js +2 -1
- package/drag/ColumnDraggable.mjs +7 -7
- package/drag/ColumnResize.js +1 -1
- package/drag/ColumnResize.mjs +0 -1
- package/drag/CommonDragLogic.js +1 -1
- package/drag/CommonDragLogic.mjs +0 -1
- package/drag/GroupingIndicator.js +2 -1
- package/drag/GroupingIndicator.mjs +12 -12
- package/filterCommon.js +1 -1
- package/filterCommon.mjs +4 -5
- package/footer/Footer.js +2 -1
- package/footer/FooterCell.js +1 -1
- package/footer/FooterCell.mjs +3 -4
- package/footer/FooterRow.js +1 -1
- package/footer/FooterRow.mjs +6 -7
- package/footer/client/FooterCellContainer.js +2 -1
- package/footer/client/FooterCellContainer.mjs +5 -5
- package/header/FilterRow.js +1 -1
- package/header/FilterRow.mjs +41 -43
- package/header/GridHeaderCell.js +2 -1
- package/header/GridHeaderCell.mjs +4 -4
- package/header/GridHeaderSelectionCell.js +2 -1
- package/header/GroupPanel.js +2 -1
- package/header/Header.js +2 -1
- package/header/HeaderRow.js +1 -1
- package/header/HeaderRow.mjs +33 -35
- package/header/client/GridFilterCellContainer.js +2 -1
- package/header/client/GridFilterCellContainer.mjs +7 -7
- package/header/client/GridFilterCellElementContainer.js +2 -1
- package/header/client/GridHeaderCellContainer.js +2 -1
- package/header/client/GridHeaderCellElementContainer.js +2 -1
- package/header/client/GridHeaderCellElementContainer.mjs +10 -10
- package/header/client/GridHeaderRowContainer.js +2 -1
- package/header/client/GridHeaderRowReorderCell.js +2 -1
- package/header/client/GridHeaderRowReorderCell.mjs +2 -2
- package/header/client/HeaderCellResizer.js +2 -1
- package/header/client/HeaderRowDraggable.js +2 -1
- package/index.d.mts +6 -0
- package/index.d.ts +6 -0
- package/index.js +1 -1
- package/index.mjs +13 -14
- package/interfaces/GridSortSettings.js +1 -1
- package/interfaces/GridSortSettings.mjs +0 -1
- package/messages/index.js +1 -1
- package/messages/index.mjs +0 -1
- package/messages/messagesMap.js +1 -1
- package/messages/messagesMap.mjs +2 -3
- package/package-metadata.js +1 -1
- package/package-metadata.mjs +2 -3
- package/package.json +12 -12
- package/paging/GridPagerSettings.js +1 -1
- package/paging/GridPagerSettings.mjs +6 -7
- package/rows/GridDetailRow.js +1 -1
- package/rows/GridDetailRow.mjs +2 -3
- package/rows/GridRow.js +2 -1
- package/utils/_clientModule.js +2 -1
- package/utils/_clientModule.mjs +2 -2
- package/utils/_serverModule.js +1 -1
- package/utils/_serverModule.mjs +0 -1
- package/utils/index.js +1 -1
- package/utils/index.mjs +38 -39
|
@@ -5,4 +5,5 @@
|
|
|
5
5
|
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
6
6
|
*-------------------------------------------------------------------------------------------
|
|
7
7
|
*/
|
|
8
|
-
"use client";
|
|
8
|
+
"use client";
|
|
9
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const C=require("react"),m=require("@progress/kendo-react-data-tools"),f=require("../../GridClientWrapper.js");function g(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const n in e)if(n!=="default"){const i=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,i.get?i:{enumerable:!0,get:()=>e[n]})}}return t.default=e,Object.freeze(t)}const o=g(C),P=e=>{var c;const{cellProps:t}=e,n=o.useContext(f.GridContext),i=m.useTableKeyboardNavigation(t.id),d={onContextMenu:o.useCallback(l=>{n!=null&&n.onContextMenu&&n.onContextMenu.call(void 0,l,t.dataItem,t.field)},[n,t.dataItem,t.field])},s=n.getCellPositionStyle(t.columnPosition),u={style:{...(c=e.tdProps)==null?void 0:c.style,...s}},r={...i,...d,...u},a={onContextMenu:n.onContextMenu,onChange:n.itemChange,selectionChange:l=>{n.selectionChange({event:l,dataItem:t.dataItem,dataIndex:t.rowDataIndex,columnIndex:t.columnIndex})}};if(e.isCustom)return n.isClient||e.isClient?o.cloneElement(e.children,{tdProps:{...e.tdProps,...r},...a}):o.cloneElement(e.children,{...r});if(t.render){const l=o.createElement("td",{...e.tdProps,...r},e.content);return t.render.call(void 0,l,{...t,...a})}return e.children&&o.cloneElement(e.children,{...r})};exports.GridEditCellContainer=P;
|
|
@@ -5,4 +5,5 @@
|
|
|
5
5
|
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
6
6
|
*-------------------------------------------------------------------------------------------
|
|
7
7
|
*/
|
|
8
|
-
"use client";
|
|
8
|
+
"use client";
|
|
9
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const E=require("react"),m=require("../../GridClientWrapper.js"),u=require("@progress/kendo-react-common"),i=require("@progress/kendo-react-inputs"),s=require("@progress/kendo-react-data-tools"),N=require("@progress/kendo-react-dateinputs");function T(t){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const a in t)if(a!=="default"){const l=Object.getOwnPropertyDescriptor(t,a);Object.defineProperty(e,a,l.get?l:{enumerable:!0,get:()=>t[a]})}}return e.default=t,Object.freeze(e)}const n=T(E),C=t=>{const{cellProps:e}=t,a=n.useContext(m.GridContext),l=u.useId(),c=u.getNestedValue(e.field,e.dataItem);let r=null;const o=n.useCallback(d=>{a!=null&&a.itemChange&&a.itemChange({dataItem:e.dataItem,dataIndex:e.dataIndex,field:e.field,syntheticEvent:d.syntheticEvent,value:d.value})},[a,e.dataItem,e.dataIndex,e.field]);switch(e.editor){case"numeric":r=n.createElement(i.NumericTextBox,{className:t.className,value:c===void 0?null:c,onChange:o,[s.TABLE_PREVENT_SELECTION_ELEMENT]:!0});break;case"date":r=n.createElement(N.DatePicker,{className:t.className,value:c,onChange:o,[s.TABLE_PREVENT_SELECTION_ELEMENT]:!0});break;case"boolean":r=n.createElement(i.Checkbox,{className:t.className,checked:c||!1,id:l,onChange:o,[s.TABLE_PREVENT_SELECTION_ELEMENT]:!0});break;default:r=n.createElement(i.TextBox,{className:t.className,value:c||"",onChange:o,[s.TABLE_PREVENT_SELECTION_ELEMENT]:!0});break}return r};exports.GridEditCellEditor=C;
|
|
@@ -6,16 +6,16 @@
|
|
|
6
6
|
*-------------------------------------------------------------------------------------------
|
|
7
7
|
*/
|
|
8
8
|
"use client";
|
|
9
|
-
import * as
|
|
10
|
-
import { GridContext as
|
|
11
|
-
import { useId as
|
|
9
|
+
import * as a from "react";
|
|
10
|
+
import { GridContext as d } from "../../GridClientWrapper.mjs";
|
|
11
|
+
import { useId as i, getNestedValue as u } from "@progress/kendo-react-common";
|
|
12
12
|
import { TextBox as E, Checkbox as f, NumericTextBox as N } from "@progress/kendo-react-inputs";
|
|
13
13
|
import { TABLE_PREVENT_SELECTION_ELEMENT as s } from "@progress/kendo-react-data-tools";
|
|
14
14
|
import { DatePicker as h } from "@progress/kendo-react-dateinputs";
|
|
15
|
-
const b = (
|
|
16
|
-
const { cellProps: e } =
|
|
15
|
+
const b = (t) => {
|
|
16
|
+
const { cellProps: e } = t, n = a.useContext(d), r = i(), l = u(e.field, e.dataItem);
|
|
17
17
|
let c = null;
|
|
18
|
-
const m =
|
|
18
|
+
const m = a.useCallback(
|
|
19
19
|
(o) => {
|
|
20
20
|
n != null && n.itemChange && n.itemChange({
|
|
21
21
|
dataItem: e.dataItem,
|
|
@@ -29,10 +29,10 @@ const b = (a) => {
|
|
|
29
29
|
);
|
|
30
30
|
switch (e.editor) {
|
|
31
31
|
case "numeric":
|
|
32
|
-
c = /* @__PURE__ */
|
|
32
|
+
c = /* @__PURE__ */ a.createElement(
|
|
33
33
|
N,
|
|
34
34
|
{
|
|
35
|
-
className:
|
|
35
|
+
className: t.className,
|
|
36
36
|
value: l === void 0 ? null : l,
|
|
37
37
|
onChange: m,
|
|
38
38
|
[s]: !0
|
|
@@ -40,10 +40,10 @@ const b = (a) => {
|
|
|
40
40
|
);
|
|
41
41
|
break;
|
|
42
42
|
case "date":
|
|
43
|
-
c = /* @__PURE__ */
|
|
43
|
+
c = /* @__PURE__ */ a.createElement(
|
|
44
44
|
h,
|
|
45
45
|
{
|
|
46
|
-
className:
|
|
46
|
+
className: t.className,
|
|
47
47
|
value: l,
|
|
48
48
|
onChange: m,
|
|
49
49
|
[s]: !0
|
|
@@ -51,10 +51,10 @@ const b = (a) => {
|
|
|
51
51
|
);
|
|
52
52
|
break;
|
|
53
53
|
case "boolean":
|
|
54
|
-
c = /* @__PURE__ */
|
|
54
|
+
c = /* @__PURE__ */ a.createElement(
|
|
55
55
|
f,
|
|
56
56
|
{
|
|
57
|
-
className:
|
|
57
|
+
className: t.className,
|
|
58
58
|
checked: l || !1,
|
|
59
59
|
id: r,
|
|
60
60
|
onChange: m,
|
|
@@ -63,10 +63,10 @@ const b = (a) => {
|
|
|
63
63
|
);
|
|
64
64
|
break;
|
|
65
65
|
default:
|
|
66
|
-
c = /* @__PURE__ */
|
|
66
|
+
c = /* @__PURE__ */ a.createElement(
|
|
67
67
|
E,
|
|
68
68
|
{
|
|
69
|
-
className:
|
|
69
|
+
className: t.className,
|
|
70
70
|
value: l || "",
|
|
71
71
|
onChange: m,
|
|
72
72
|
[s]: !0
|
|
@@ -5,4 +5,5 @@
|
|
|
5
5
|
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
6
6
|
*-------------------------------------------------------------------------------------------
|
|
7
7
|
*/
|
|
8
|
-
"use client";
|
|
8
|
+
"use client";
|
|
9
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const y=require("react"),s=require("@progress/kendo-react-data-tools"),g=require("../../GridClientWrapper.js"),x=require("@progress/kendo-react-common");function I(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const n in e)if(n!=="default"){const d=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,d.get?d:{enumerable:!0,get:()=>e[n]})}}return t.default=e,Object.freeze(t)}const o=I(y),b=e=>{var u;const{cellProps:t}=e,n=o.useContext(g.GridContext),d=s.useTableKeyboardNavigation(t.id),m=o.useCallback(l=>{l.isDefaultPrevented()||l.keyCode===x.Keys.enter&&(n!=null&&n.itemChange)&&(l.preventDefault(),n.itemChange({dataItem:t.dataItem,dataIndex:t.dataIndex,syntheticEvent:l,field:void 0,value:!t.expanded}),n==null||n.dispatchGroupExpand({type:s.GROUP_EXPAND_ACTION.TOGGLE,group:t.group},l))},[n,t.dataItem,t.dataIndex,t.expanded,t.group]),C=e.addKeyDownHandler?{onKeyDown:m}:{},r=o.useCallback(l=>{n!=null&&n.onContextMenu&&n.onContextMenu.call(void 0,l,t.dataItem,t.field)},[n,t.dataItem,t.field]),f=n.getCellPositionStyle(t.columnPosition),P={style:{...(u=e.tdProps)==null?void 0:u.style,...f}},a={...d,...C,onContextMenu:r,...P},c={onContextMenu:n.onContextMenu,onChange:n.itemChange,selectionChange:l=>{n.selectionChange({event:l,dataItem:t.dataItem,dataIndex:t.rowDataIndex,columnIndex:t.columnIndex})}};if(e.isCustom)return n.isClient||e.isClient?o.cloneElement(e.children,{tdProps:e.tdProps?{...e.tdProps,...a}:null,td2Props:e.td2Props?{...e.td2Props,onContextMenu:r}:null,...c}):o.cloneElement(e.children,{...a});const i=e.renderSecondCell?o.createElement("td",{...e.td2Props,onContextMenu:r}):null;if(t.render){let l=null;return e.renderFirstCell&&(e.renderSecondCell?l=o.createElement(o.Fragment,null,o.createElement("td",{...e.tdProps,...a},e.content),e.renderSecondCell&&i):l=o.createElement("td",{...e.tdProps,...a},e.content)),t.render.call(void 0,l,{...t,...c})}return o.createElement(o.Fragment,null,e.children&&o.cloneElement(e.children,{...a}),i)};exports.GridGroupCellContainer=b;
|
|
@@ -6,79 +6,79 @@
|
|
|
6
6
|
*-------------------------------------------------------------------------------------------
|
|
7
7
|
*/
|
|
8
8
|
"use client";
|
|
9
|
-
import * as
|
|
9
|
+
import * as o from "react";
|
|
10
10
|
import { useTableKeyboardNavigation as f, GROUP_EXPAND_ACTION as x } from "@progress/kendo-react-data-tools";
|
|
11
11
|
import { GridContext as I } from "../../GridClientWrapper.mjs";
|
|
12
12
|
import { Keys as y } from "@progress/kendo-react-common";
|
|
13
|
-
const D = (
|
|
13
|
+
const D = (e) => {
|
|
14
14
|
var c;
|
|
15
|
-
const { cellProps:
|
|
16
|
-
(
|
|
17
|
-
|
|
18
|
-
dataItem:
|
|
19
|
-
dataIndex:
|
|
20
|
-
syntheticEvent:
|
|
15
|
+
const { cellProps: n } = e, t = o.useContext(I), u = f(n.id), m = o.useCallback(
|
|
16
|
+
(l) => {
|
|
17
|
+
l.isDefaultPrevented() || l.keyCode === y.enter && (t != null && t.itemChange) && (l.preventDefault(), t.itemChange({
|
|
18
|
+
dataItem: n.dataItem,
|
|
19
|
+
dataIndex: n.dataIndex,
|
|
20
|
+
syntheticEvent: l,
|
|
21
21
|
field: void 0,
|
|
22
|
-
value: !
|
|
22
|
+
value: !n.expanded
|
|
23
23
|
}), t == null || t.dispatchGroupExpand(
|
|
24
24
|
{
|
|
25
25
|
type: x.TOGGLE,
|
|
26
|
-
group:
|
|
26
|
+
group: n.group
|
|
27
27
|
},
|
|
28
|
-
|
|
28
|
+
l
|
|
29
29
|
));
|
|
30
30
|
},
|
|
31
|
-
[t,
|
|
32
|
-
),
|
|
33
|
-
onKeyDown:
|
|
34
|
-
} : {}, d =
|
|
35
|
-
(
|
|
36
|
-
t != null && t.onContextMenu && t.onContextMenu.call(void 0,
|
|
31
|
+
[t, n.dataItem, n.dataIndex, n.expanded, n.group]
|
|
32
|
+
), s = e.addKeyDownHandler ? {
|
|
33
|
+
onKeyDown: m
|
|
34
|
+
} : {}, d = o.useCallback(
|
|
35
|
+
(l) => {
|
|
36
|
+
t != null && t.onContextMenu && t.onContextMenu.call(void 0, l, n.dataItem, n.field);
|
|
37
37
|
},
|
|
38
|
-
[t,
|
|
39
|
-
), C = t.getCellPositionStyle(
|
|
40
|
-
style: { ...(c =
|
|
38
|
+
[t, n.dataItem, n.field]
|
|
39
|
+
), C = t.getCellPositionStyle(n.columnPosition), P = {
|
|
40
|
+
style: { ...(c = e.tdProps) == null ? void 0 : c.style, ...C }
|
|
41
41
|
}, a = {
|
|
42
42
|
...u,
|
|
43
|
-
...
|
|
43
|
+
...s,
|
|
44
44
|
onContextMenu: d,
|
|
45
45
|
...P
|
|
46
46
|
}, r = {
|
|
47
47
|
onContextMenu: t.onContextMenu,
|
|
48
48
|
onChange: t.itemChange,
|
|
49
|
-
selectionChange: (
|
|
49
|
+
selectionChange: (l) => {
|
|
50
50
|
t.selectionChange({
|
|
51
|
-
event:
|
|
52
|
-
dataItem:
|
|
53
|
-
dataIndex:
|
|
54
|
-
columnIndex:
|
|
51
|
+
event: l,
|
|
52
|
+
dataItem: n.dataItem,
|
|
53
|
+
dataIndex: n.rowDataIndex,
|
|
54
|
+
columnIndex: n.columnIndex
|
|
55
55
|
});
|
|
56
56
|
}
|
|
57
57
|
};
|
|
58
|
-
if (
|
|
59
|
-
return t.isClient ||
|
|
58
|
+
if (e.isCustom)
|
|
59
|
+
return t.isClient || e.isClient ? o.cloneElement(e.children, {
|
|
60
60
|
// pass down to tdProps for client templates
|
|
61
|
-
tdProps:
|
|
62
|
-
...
|
|
61
|
+
tdProps: e.tdProps ? {
|
|
62
|
+
...e.tdProps,
|
|
63
63
|
...a
|
|
64
64
|
} : null,
|
|
65
|
-
td2Props:
|
|
66
|
-
...
|
|
65
|
+
td2Props: e.td2Props ? {
|
|
66
|
+
...e.td2Props,
|
|
67
67
|
onContextMenu: d
|
|
68
68
|
} : null,
|
|
69
69
|
...r
|
|
70
|
-
}) :
|
|
70
|
+
}) : o.cloneElement(e.children, {
|
|
71
71
|
...a
|
|
72
72
|
});
|
|
73
|
-
const i =
|
|
74
|
-
if (
|
|
75
|
-
|
|
76
|
-
return e.render.call(void 0,
|
|
77
|
-
...
|
|
73
|
+
const i = e.renderSecondCell ? /* @__PURE__ */ o.createElement("td", { ...e.td2Props, onContextMenu: d }) : null;
|
|
74
|
+
if (n.render) {
|
|
75
|
+
let l = null;
|
|
76
|
+
return e.renderFirstCell && (e.renderSecondCell ? l = /* @__PURE__ */ o.createElement(o.Fragment, null, /* @__PURE__ */ o.createElement("td", { ...e.tdProps, ...a }, e.content), e.renderSecondCell && i) : l = /* @__PURE__ */ o.createElement("td", { ...e.tdProps, ...a }, e.content)), n.render.call(void 0, l, {
|
|
77
|
+
...n,
|
|
78
78
|
...r
|
|
79
79
|
});
|
|
80
80
|
}
|
|
81
|
-
return /* @__PURE__ */
|
|
81
|
+
return /* @__PURE__ */ o.createElement(o.Fragment, null, e.children && o.cloneElement(e.children, {
|
|
82
82
|
...a
|
|
83
83
|
}), i);
|
|
84
84
|
};
|
|
@@ -5,4 +5,5 @@
|
|
|
5
5
|
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
6
6
|
*-------------------------------------------------------------------------------------------
|
|
7
7
|
*/
|
|
8
|
-
"use client";
|
|
8
|
+
"use client";
|
|
9
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react"),g=require("../../GridClientWrapper.js"),f=require("@progress/kendo-react-common"),o=require("@progress/kendo-svg-icons"),m=require("@progress/kendo-react-intl"),r=require("../../messages/index.js"),p=require("@progress/kendo-react-data-tools");function I(t){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const a in t)if(a!=="default"){const n=Object.getOwnPropertyDescriptor(t,a);Object.defineProperty(e,a,n.get?n:{enumerable:!0,get:()=>t[a]})}}return e.default=t,Object.freeze(e)}const c=I(s),b=t=>{const e=c.useContext(g.GridContext),a=m.useLocalization(),n=t.expanded?r.groupCollapse:r.groupExpand,u=a.toLanguageString(n,r.messages[n]),l=e.dir==="rtl";return c.createElement("a",{onClick:i=>{var d;i.preventDefault(),e!=null&&e.itemChange&&e.itemChange({dataItem:t.dataItem,dataIndex:t.dataIndex,syntheticEvent:i,field:void 0,value:!t.expanded}),(d=e==null?void 0:e.dispatchGroupExpand)==null||d.call(e,{type:p.GROUP_EXPAND_ACTION.TOGGLE,group:t.group})},href:"#",tabIndex:-1,"aria-label":u},c.createElement(f.IconWrap,{name:t.expanded?"caret-alt-down":l?"caret-alt-left":"caret-alt-right",icon:t.expanded?o.caretAltDownIcon:l?o.caretAltLeftIcon:o.caretAltRightIcon}))};exports.GridGroupCellToggle=b;
|
|
@@ -14,7 +14,7 @@ import { useLocalization as u } from "@progress/kendo-react-intl";
|
|
|
14
14
|
import { groupCollapse as g, groupExpand as I, messages as h } from "../../messages/index.mjs";
|
|
15
15
|
import { GROUP_EXPAND_ACTION as x } from "@progress/kendo-react-data-tools";
|
|
16
16
|
const b = (t) => {
|
|
17
|
-
const e = a.useContext(m), l = u(),
|
|
17
|
+
const e = a.useContext(m), l = u(), o = t.expanded ? g : I, i = l.toLanguageString(o, h[o]), n = e.dir === "rtl";
|
|
18
18
|
return (
|
|
19
19
|
// eslint-disable-next-line jsx-a11y/anchor-is-valid
|
|
20
20
|
/* @__PURE__ */ a.createElement(
|
|
@@ -40,8 +40,8 @@ const b = (t) => {
|
|
|
40
40
|
/* @__PURE__ */ a.createElement(
|
|
41
41
|
d,
|
|
42
42
|
{
|
|
43
|
-
name: t.expanded ? "caret-alt-down" :
|
|
44
|
-
icon: t.expanded ? s :
|
|
43
|
+
name: t.expanded ? "caret-alt-down" : n ? "caret-alt-left" : "caret-alt-right",
|
|
44
|
+
icon: t.expanded ? s : n ? f : p
|
|
45
45
|
}
|
|
46
46
|
)
|
|
47
47
|
)
|
|
@@ -5,4 +5,5 @@
|
|
|
5
5
|
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
6
6
|
*-------------------------------------------------------------------------------------------
|
|
7
7
|
*/
|
|
8
|
-
"use client";
|
|
8
|
+
"use client";
|
|
9
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react"),m=require("@progress/kendo-react-data-tools"),f=require("../../GridClientWrapper.js"),C=require("@progress/kendo-react-common");function g(t){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const n in t)if(n!=="default"){const a=Object.getOwnPropertyDescriptor(t,n);Object.defineProperty(e,n,a.get?a:{enumerable:!0,get:()=>t[n]})}}return e.default=t,Object.freeze(e)}const r=g(s),y=t=>{const{cellProps:e}=t,n=r.useContext(f.GridContext),a=m.useTableKeyboardNavigation(e.id),l=t.expanded,c=r.useCallback(o=>{o.isDefaultPrevented()||o.keyCode===C.Keys.enter&&(n!=null&&n.itemChange)&&(o.preventDefault(),n.itemChange({dataItem:e.dataItem,dataIndex:e.dataIndex,syntheticEvent:o,field:e.field,value:!l}))},[e.dataItem,e.dataIndex,e.field,n,l]),u=e.rowType!=="groupHeader"&&e.rowType!=="groupFooter"?{onKeyDown:c}:{},i={...a,...u},d={onContextMenu:n.onContextMenu,onChange:n.itemChange,selectionChange:o=>{n.selectionChange({event:o,dataItem:e.dataItem,dataIndex:e.rowDataIndex,columnIndex:e.columnIndex})}};if(t.isCustom)return n.isClient||t.isClient?r.cloneElement(t.children,{tdProps:{...t.tdProps,...i},...d}):r.cloneElement(t.children,{...i});if(e.render){const o=e.rowType!=="groupHeader"?r.createElement("td",{...t.tdProps,...i},t.content):null;return e.render.call(void 0,o,{...e,...d})}return t.children&&r.cloneElement(t.children,{...i})};exports.GridHierarchyCellContainer=y;
|
|
@@ -5,4 +5,5 @@
|
|
|
5
5
|
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
6
6
|
*-------------------------------------------------------------------------------------------
|
|
7
7
|
*/
|
|
8
|
-
"use client";
|
|
8
|
+
"use client";
|
|
9
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react"),u=require("../../GridClientWrapper.js"),m=require("@progress/kendo-react-common"),l=require("@progress/kendo-svg-icons"),g=require("@progress/kendo-react-intl"),c=require("../../messages/index.js"),f=require("@progress/kendo-react-data-tools");function I(t){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const n in t)if(n!=="default"){const a=Object.getOwnPropertyDescriptor(t,n);Object.defineProperty(e,n,a.get?a:{enumerable:!0,get:()=>t[n]})}}return e.default=t,Object.freeze(e)}const o=I(s),b=t=>{const e=o.useContext(u.GridContext),n=g.useLocalization(),a=t.expanded,i=a?c.detailCollapse:c.detailExpand,d=n.toLanguageString(i,c.messages[i]);return o.createElement("a",{onClick:r=>{r.preventDefault(),e!=null&&e.itemChange&&e.itemChange({dataItem:t.dataItem,dataIndex:t.dataIndex,syntheticEvent:r,field:t.field,value:!a,_expand:!0}),t.dataItem[e.dataItemKey]!==void 0&&(e==null||e.dispatchDetailExpand({type:f.DETAIL_EXPAND_ACTION.TOGGLE,id:t.dataItem[e.dataItemKey]}))},"aria-label":d,href:"#",tabIndex:-1},o.createElement(m.IconWrap,{name:a?"minus":"plus",icon:a?l.minusIcon:l.plusIcon}))};exports.GridHierarchyCellToggle=b;
|
|
@@ -7,37 +7,37 @@
|
|
|
7
7
|
*/
|
|
8
8
|
"use client";
|
|
9
9
|
import * as n from "react";
|
|
10
|
-
import { GridContext as
|
|
11
|
-
import { IconWrap as
|
|
12
|
-
import { minusIcon as
|
|
13
|
-
import { useLocalization as
|
|
14
|
-
import { messages as
|
|
10
|
+
import { GridContext as l } from "../../GridClientWrapper.mjs";
|
|
11
|
+
import { IconWrap as r } from "@progress/kendo-react-common";
|
|
12
|
+
import { minusIcon as c, plusIcon as s } from "@progress/kendo-svg-icons";
|
|
13
|
+
import { useLocalization as I } from "@progress/kendo-react-intl";
|
|
14
|
+
import { messages as f, detailCollapse as u, detailExpand as p } from "../../messages/index.mjs";
|
|
15
15
|
import { DETAIL_EXPAND_ACTION as x } from "@progress/kendo-react-data-tools";
|
|
16
|
-
const
|
|
17
|
-
const e = n.useContext(
|
|
16
|
+
const D = (a) => {
|
|
17
|
+
const e = n.useContext(l), o = I(), t = a.expanded, i = t ? u : p, d = o.toLanguageString(i, f[i]);
|
|
18
18
|
return /* @__PURE__ */ n.createElement(
|
|
19
19
|
"a",
|
|
20
20
|
{
|
|
21
|
-
onClick: (
|
|
22
|
-
|
|
21
|
+
onClick: (m) => {
|
|
22
|
+
m.preventDefault(), e != null && e.itemChange && e.itemChange({
|
|
23
23
|
dataItem: a.dataItem,
|
|
24
24
|
dataIndex: a.dataIndex,
|
|
25
|
-
syntheticEvent:
|
|
25
|
+
syntheticEvent: m,
|
|
26
26
|
field: a.field,
|
|
27
27
|
value: !t,
|
|
28
28
|
_expand: !0
|
|
29
|
-
}), e == null || e.dispatchDetailExpand({
|
|
29
|
+
}), a.dataItem[e.dataItemKey] !== void 0 && (e == null || e.dispatchDetailExpand({
|
|
30
30
|
type: x.TOGGLE,
|
|
31
31
|
id: a.dataItem[e.dataItemKey]
|
|
32
|
-
});
|
|
32
|
+
}));
|
|
33
33
|
},
|
|
34
|
-
"aria-label":
|
|
34
|
+
"aria-label": d,
|
|
35
35
|
href: "#",
|
|
36
36
|
tabIndex: -1
|
|
37
37
|
},
|
|
38
|
-
/* @__PURE__ */ n.createElement(
|
|
38
|
+
/* @__PURE__ */ n.createElement(r, { name: t ? "minus" : "plus", icon: t ? c : s })
|
|
39
39
|
);
|
|
40
40
|
};
|
|
41
41
|
export {
|
|
42
|
-
|
|
42
|
+
D as GridHierarchyCellToggle
|
|
43
43
|
};
|
|
@@ -5,4 +5,5 @@
|
|
|
5
5
|
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
6
6
|
*-------------------------------------------------------------------------------------------
|
|
7
7
|
*/
|
|
8
|
-
"use client";
|
|
8
|
+
"use client";
|
|
9
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react"),b=require("@progress/kendo-react-intl"),w=require("@progress/kendo-react-data-tools"),C=require("../../GridClientWrapper.js"),e=require("../../messages/index.js"),m=t=>{const{cellProps:n,rowReorderable:a,children:o}=t,{id:i,dataItem:s}=n,c=b.useLocalization(),l=r.useContext(C.GridContext),d=w.useTableKeyboardNavigation(i),u=a,R=c.toLanguageString(e.gridRowReorderAriaLabel,e.messages[e.gridRowReorderAriaLabel]),g=()=>u?l.activeDragRowDataItemRef.current=s:null;return o&&r.cloneElement(o,{"aria-label":R,...d,onMouseDown:g})};exports.GridRowReorderCellContainer=m;
|
|
@@ -12,11 +12,11 @@ import { useTableKeyboardNavigation as f } from "@progress/kendo-react-data-tool
|
|
|
12
12
|
import { GridContext as p } from "../../GridClientWrapper.mjs";
|
|
13
13
|
import { gridRowReorderAriaLabel as t, messages as b } from "../../messages/index.mjs";
|
|
14
14
|
const L = (r) => {
|
|
15
|
-
const { cellProps:
|
|
15
|
+
const { cellProps: a, rowReorderable: n, children: o } = r, { id: i, dataItem: s } = a, c = R(), l = e.useContext(p), m = f(i), d = n, g = c.toLanguageString(t, b[t]), u = () => d ? l.activeDragRowDataItemRef.current = s : null;
|
|
16
16
|
return o && e.cloneElement(o, {
|
|
17
|
-
"aria-label":
|
|
17
|
+
"aria-label": g,
|
|
18
18
|
...m,
|
|
19
|
-
onMouseDown:
|
|
19
|
+
onMouseDown: u
|
|
20
20
|
});
|
|
21
21
|
};
|
|
22
22
|
export {
|
|
@@ -5,4 +5,5 @@
|
|
|
5
5
|
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
6
6
|
*-------------------------------------------------------------------------------------------
|
|
7
7
|
*/
|
|
8
|
-
"use client";
|
|
8
|
+
"use client";
|
|
9
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const C=require("react"),m=require("@progress/kendo-react-data-tools"),f=require("../../GridClientWrapper.js");function g(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const n in e)if(n!=="default"){const r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:()=>e[n]})}}return t.default=e,Object.freeze(t)}const o=g(C),P=e=>{var a;const{cellProps:t}=e,n=o.useContext(f.GridContext),r=m.useTableKeyboardNavigation(t.id),d={onContextMenu:o.useCallback(l=>{n!=null&&n.onContextMenu&&n.onContextMenu.call(void 0,l,t.dataItem,t.field)},[n,t.dataItem,t.field])},s=n.getCellPositionStyle(t.columnPosition),u={style:{...(a=e.tdProps)==null?void 0:a.style,...s}},i={...r,...d,...u},c={onContextMenu:n.onContextMenu,onChange:n.itemChange,selectionChange:l=>{n.selectionChange({event:l,dataItem:t.dataItem,dataIndex:t.rowDataIndex,columnIndex:t.columnIndex})}};if(e.isCustom)return n.isClient||e.isClient?o.cloneElement(e.children,{tdProps:{...e.tdProps,...i},...c}):o.cloneElement(e.children,{...i});if(t.render){const l=t.rowType!=="groupHeader"?o.createElement("td",{...e.tdProps,...i},e.content):null;return t.render.call(void 0,l,{...t,...c})}return e.children&&o.cloneElement(e.children,{...i})};exports.GridSelectionCellContainer=P;
|
|
@@ -5,4 +5,5 @@
|
|
|
5
5
|
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
6
6
|
*-------------------------------------------------------------------------------------------
|
|
7
7
|
*/
|
|
8
|
-
"use client";
|
|
8
|
+
"use client";
|
|
9
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const m=require("react"),b=require("../../GridClientWrapper.js"),i=require("@progress/kendo-react-common"),I=require("@progress/kendo-react-intl"),o=require("../../messages/index.js");function g(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const n in e)if(n!=="default"){const a=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,a.get?a:{enumerable:!0,get:()=>e[n]})}}return t.default=e,Object.freeze(t)}const c=g(m),k=e=>{var r;const t=c.useContext(b.GridContext),n=i.useId(),a=I.useLocalization(),l=(r=e.isSelected)!=null?r:i.getNestedValue(e.field,e.dataItem),d=typeof l=="boolean"&&l,u=c.useCallback(s=>{t==null||t.selectionChange({event:s,dataItem:e.dataItem,dataIndex:e.rowDataIndex,columnIndex:e.columnIndex})},[t,e.columnIndex,e.rowDataIndex,e.dataItem]);return c.createElement("span",{className:"k-checkbox-wrap"},c.createElement("input",{id:n,tabIndex:-1,type:"checkbox",className:"k-checkbox k-checkbox-md k-rounded-md","aria-label":a.toLanguageString(o.selectRow,o.messages[o.selectRow]),"aria-checked":d,checked:d,onChange:u}))};exports.GridSelectionCellInput=k;
|
|
@@ -7,13 +7,13 @@
|
|
|
7
7
|
*/
|
|
8
8
|
"use client";
|
|
9
9
|
import * as a from "react";
|
|
10
|
-
import { GridContext as
|
|
11
|
-
import { useId as
|
|
10
|
+
import { GridContext as r } from "../../GridClientWrapper.mjs";
|
|
11
|
+
import { useId as u, getNestedValue as I } from "@progress/kendo-react-common";
|
|
12
12
|
import { useLocalization as x } from "@progress/kendo-react-intl";
|
|
13
13
|
import { selectRow as d, messages as k } from "../../messages/index.mjs";
|
|
14
14
|
const C = (e) => {
|
|
15
15
|
var o;
|
|
16
|
-
const t = a.useContext(
|
|
16
|
+
const t = a.useContext(r), l = u(), m = x(), n = (o = e.isSelected) != null ? o : I(e.field, e.dataItem), c = typeof n == "boolean" && n, i = a.useCallback(
|
|
17
17
|
(s) => {
|
|
18
18
|
t == null || t.selectionChange({
|
|
19
19
|
event: s,
|
|
@@ -5,4 +5,5 @@
|
|
|
5
5
|
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
6
6
|
*-------------------------------------------------------------------------------------------
|
|
7
7
|
*/
|
|
8
|
-
"use client";
|
|
8
|
+
"use client";
|
|
9
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const H=require("react"),J=require("./GridColumnMenuItem.js"),K=require("./GridColumnMenuItemGroup.js"),U=require("./GridColumnMenuItemContent.js"),v=require("@progress/kendo-react-inputs"),X=require("@progress/kendo-react-intl"),r=require("../messages/index.js"),D=require("@progress/kendo-data-query"),G=require("@progress/kendo-react-common"),F=require("@progress/kendo-react-buttons"),P=require("../utils/index.js"),S=require("@progress/kendo-svg-icons");function Y(e){const s=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const m in e)if(m!=="default"){const f=Object.getOwnPropertyDescriptor(e,m);Object.defineProperty(s,m,f.get?f:{enumerable:!0,get:()=>e[m]})}}return s.default=e,Object.freeze(s)}const l=Y(H),Z=(e,s)=>e.length!==s.length?!1:e.every((m,f)=>m===s[f]),p={uniqueData:!0},ee=e=>{const{uniqueData:s=p.uniqueData}=e,m=()=>{const t=e.column.field;return b().filters.findIndex(i=>i.filters&&i.filters.length>0&&i.filters[0].field===t)},f=(t,n)=>{const c=e.column.field||"",i=t.map(o=>P.getNestedValue(c,o));return n?i.filter((o,u)=>i.indexOf(o)===u):i},b=()=>e.filter?G.clone(e.filter):{filters:[],logic:"and"},a=l.useRef(m()),[I,R]=l.useState(e.expanded||!1),[q,B]=l.useState(""),[h,C]=l.useState(f(e.data,s)||[]),[w,L]=l.useState(f(e.data,!1)||[]),[d,V]=l.useState(b());l.useEffect(()=>{const t=e.column.field||"",n=e.data.map(c=>P.getNestedValue(t,c));Z(n,w)||(C(n),L(n))},[e.column,e.data]);const y=()=>e.expanded!==void 0,j=()=>{const t=y(),n=!(t?e.expanded:I);e.onExpandChange&&e.onExpandChange(n),t||R(n)},N=t=>{const n=e.searchBoxFilterOperator?e.searchBoxFilterOperator:"startswith",c={logic:"and",filters:[{field:e.column.field,operator:n,value:t.target.value,ignoreCase:!0}]};B(t.target.value),C(f(D.filterBy(e.data||[],c),s))},T=()=>{const t=e.searchBoxFilterOperator?e.searchBoxFilterOperator:"startswith",n={logic:"and",filters:[{field:e.column.field,operator:t,value:"",ignoreCase:!0}]};B(""),C(f(D.filterBy(e.data||[],n),s))},z=t=>{if(t.preventDefault(),!e.onFilterChange)return;const n=d||null;n!==null&&n.filters.length>0?(a.current>=0&&n.filters.splice(a.current,1),e.onFilterChange(n,t)):e.onFilterChange(null,t),e.onCloseMenu&&e.onCloseMenu()},A=t=>{if(t.preventDefault(),!e.onFilterChange)return;const n=d||null;e.onFilterChange(n,t),e.onCloseMenu&&e.onCloseMenu()},M=(t,n)=>{const c=e.column.field||"",i={...d},o=[...d.filters];let u=[];if(a.current!==-1&&i.filters[a.current].filters&&n!=="all"&&(u=i.filters[a.current].filters),t.value&&n==="all")h.forEach(E=>{u.push({field:c,operator:"eq",value:E})});else if(t.value)u.push({field:c,operator:"eq",value:n});else if(d){const E=u.findIndex($=>$.value===n);u.splice(E,1)}i.logic="and",a.current!==-1?o[a.current]={logic:"or",filters:u}:o.push({logic:"or",filters:u}),(!t.value&&n==="all"||u.length===0)&&o.splice(a.current,1),i.filters=o,V(i)},_=()=>{let t=!1;if(d){const n=[...d.filters];return a.current===-1?!1:(t=h.every(c=>a.current!==-1&&n[a.current].filters?n[a.current].filters.findIndex(o=>o.value===c)>=0:!1),t)}return t},g=X.useLocalization(),{column:x}=e;if(!x||!x.field)return l.createElement("div",null);const Q=y()?e.expanded:I,k=[];if(d){const t=[...d.filters];a.current=t.findIndex(n=>n.filters&&n.filters.length>0?n.filters[0].field===x.field:!1),a.current!==-1&&t[a.current].filters.length>0&&t[a.current].filters.forEach(n=>{n.field===e.column.field&&k.push(n.value)})}const W=e.searchBox?l.createElement(e.searchBox,{value:q,onChange:N}):l.createElement("div",{className:"k-searchbox k-textbox k-input k-input-md k-input-solid"},l.createElement(G.IconWrap,{className:"k-input-icon",name:"search",icon:S.searchIcon}),l.createElement(v.Input,{className:"k-input-inner",type:"text",placeholder:g.toLanguageString(r.searchPlaceholder,r.messages[r.searchPlaceholder]),value:q,onChange:t=>N(t.nativeEvent)}),l.createElement(F.Button,{type:"button",rounded:null,className:"k-input-button",onClick:T,icon:"x",svgIcon:S.xIcon})),O=k.filter((t,n)=>k.indexOf(t)===n);return l.createElement(K.GridColumnMenuItemGroup,null,l.createElement(J.GridColumnMenuItem,{title:g.toLanguageString(r.filterTitle,r.messages[r.filterTitle]),iconClass:"k-i-filter",svgIcon:S.filterIcon,onClick:j}),l.createElement(U.GridColumnMenuItemContent,{show:!!Q},l.createElement("form",{className:"k-filter-menu",onSubmit:A,onReset:z},l.createElement("div",{className:"k-filter-menu-container"},W,l.createElement("ul",{className:"k-reset k-multicheck-wrap"},l.createElement("li",{className:"k-item k-check-all-wrap"},l.createElement(v.Checkbox,{label:g.toLanguageString(r.filterCheckAll,r.messages[r.filterCheckAll]),onChange:t=>M(t,"all"),checked:_()})),h.map((t,n)=>l.createElement("li",{className:"k-item",key:n},l.createElement(v.Checkbox,{label:String(t),onChange:c=>M(c,t),checked:O.includes(t)})))),l.createElement("div",{className:"k-filter-selected-items"},O.length+" "+g.toLanguageString(r.filterSelectedItems,r.messages[r.filterSelectedItems])),l.createElement("div",{className:"k-actions k-hstack k-justify-content-stretch"},l.createElement(F.Button,{themeColor:"primary",type:"submit"},g.toLanguageString(r.filterSubmitButton,r.messages[r.filterSubmitButton])),l.createElement(F.Button,{className:"k-button",type:"reset"},g.toLanguageString(r.filterClearButton,r.messages[r.filterClearButton])))))))};exports.GridColumnMenuCheckboxFilter=ee;
|
|
@@ -5,4 +5,5 @@
|
|
|
5
5
|
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
6
6
|
*-------------------------------------------------------------------------------------------
|
|
7
7
|
*/
|
|
8
|
-
"use client";
|
|
8
|
+
"use client";
|
|
9
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const N=require("react"),d=require("@progress/kendo-react-inputs"),x=require("@progress/kendo-react-common"),B=require("@progress/kendo-svg-icons"),g=require("@progress/kendo-react-buttons"),L=require("@progress/kendo-react-intl"),o=require("../messages/index.js");function R(n){const a=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(n){for(const i in n)if(i!=="default"){const r=Object.getOwnPropertyDescriptor(n,i);Object.defineProperty(a,i,r.get?r:{enumerable:!0,get:()=>n[i]})}}return a.default=n,Object.freeze(a)}const t=R(N),h=n=>{const[a,i]=t.useState(""),r=n.columns.reduce((e,l)=>({...e,[l.id||""]:!!n.columnsState.find(s=>s.id===l.id)}),{}),[c,k]=t.useState(r),b=t.useMemo(()=>n.columns.filter(e=>{var l;return(l=e.title||e.field)==null?void 0:l.toLowerCase().includes(a.toLowerCase())}),[n.columns,a]),C=L.useLocalization(),S=t.useCallback(()=>{const e=n.columns.filter(l=>c[l.id||""]);n.onColumnsChange.call(void 0,e),n.onCloseMenu.call(void 0)},[c,n.columns,n.onColumnsChange,n.onCloseMenu]),E=()=>{k(r)},u=t.useMemo(()=>Object.values(c).filter(e=>e).length,[c]),m=t.useMemo(()=>u===n.columns.length,[n.columns,u]),y=t.useCallback(()=>{const e={...c};Object.keys(e).forEach((l,s)=>e[l]=m&&s===0?!0:!m),k(e)},[c,m]),v=t.useCallback((e,l)=>{const s={...c};s[l||""]=e,k(s)},[c]),M=e=>{i(String(e.target.value))};return t.createElement("form",{className:"k-filter-menu"},t.createElement("div",{className:"k-filter-menu-container"},t.createElement(d.TextBox,{className:"k-searchbox",value:a,onChange:M,prefix:()=>t.createElement(d.InputPrefix,null,t.createElement(x.IconWrap,{name:"search",icon:B.searchIcon}))}),t.createElement("ul",{className:"k-reset k-multicheck-wrap"},!a&&t.createElement("li",{className:"k-item k-check-all-wrap"},t.createElement(d.Checkbox,{checked:m,onChange:y,label:C.toLanguageString(o.filterSelectAll,o.messages[o.filterSelectAll])})),b.map((e,l)=>t.createElement("li",{key:e.id,className:"k-item"},t.createElement(d.Checkbox,{disabled:c[e.id||""]&&u===1,checked:c[e.id||""],onChange:s=>{var f;return v(!!((f=s.target.element)!=null&&f.checked),e.id)},label:e.title||e.field})))),t.createElement("div",{className:"k-filter-selected-items"},u," selected items"),t.createElement("div",{className:"k-actions k-actions-start k-actions-horizontal"},t.createElement(g.Button,{type:"button",themeColor:"primary",onClick:S},C.toLanguageString(o.filterApplyButton,o.messages[o.filterApplyButton])),t.createElement(g.Button,{type:"button",onClick:E},C.toLanguageString(o.filterResetButton,o.messages[o.filterResetButton])))))};h.displayName="GridColumnMenuColumnsList";exports.GridColumnMenuColumnsList=h;
|
|
@@ -15,33 +15,33 @@ import { useLocalization as I } from "@progress/kendo-react-intl";
|
|
|
15
15
|
import { filterSelectAll as h, messages as u, filterApplyButton as g, filterResetButton as E } from "../messages/index.mjs";
|
|
16
16
|
const R = (l) => {
|
|
17
17
|
const [a, S] = t.useState(""), d = l.columns.reduce(
|
|
18
|
-
(e, n) => ({ ...e, [n.id || ""]: !!l.columnsState.find((
|
|
18
|
+
(e, n) => ({ ...e, [n.id || ""]: !!l.columnsState.find((c) => c.id === n.id) }),
|
|
19
19
|
{}
|
|
20
|
-
), [
|
|
20
|
+
), [o, m] = t.useState(d), b = t.useMemo(
|
|
21
21
|
() => l.columns.filter((e) => {
|
|
22
22
|
var n;
|
|
23
23
|
return (n = e.title || e.field) == null ? void 0 : n.toLowerCase().includes(a.toLowerCase());
|
|
24
24
|
}),
|
|
25
25
|
[l.columns, a]
|
|
26
26
|
), r = I(), N = t.useCallback(() => {
|
|
27
|
-
const e = l.columns.filter((n) =>
|
|
27
|
+
const e = l.columns.filter((n) => o[n.id || ""]);
|
|
28
28
|
l.onColumnsChange.call(void 0, e), l.onCloseMenu.call(void 0);
|
|
29
|
-
}, [
|
|
29
|
+
}, [o, l.columns, l.onColumnsChange, l.onCloseMenu]), x = () => {
|
|
30
30
|
m(d);
|
|
31
31
|
}, s = t.useMemo(
|
|
32
|
-
() => Object.values(
|
|
33
|
-
[
|
|
32
|
+
() => Object.values(o).filter((e) => e).length,
|
|
33
|
+
[o]
|
|
34
34
|
), i = t.useMemo(() => s === l.columns.length, [l.columns, s]), y = t.useCallback(() => {
|
|
35
|
-
const e = { ...
|
|
35
|
+
const e = { ...o };
|
|
36
36
|
Object.keys(e).forEach(
|
|
37
|
-
(n,
|
|
37
|
+
(n, c) => e[n] = i && c === 0 ? !0 : !i
|
|
38
38
|
), m(e);
|
|
39
|
-
}, [
|
|
39
|
+
}, [o, i]), L = t.useCallback(
|
|
40
40
|
(e, n) => {
|
|
41
|
-
const
|
|
42
|
-
|
|
41
|
+
const c = { ...o };
|
|
42
|
+
c[n || ""] = e, m(c);
|
|
43
43
|
},
|
|
44
|
-
[
|
|
44
|
+
[o]
|
|
45
45
|
), v = (e) => {
|
|
46
46
|
S(String(e.target.value));
|
|
47
47
|
};
|
|
@@ -63,11 +63,11 @@ const R = (l) => {
|
|
|
63
63
|
)), b.map((e, n) => /* @__PURE__ */ t.createElement("li", { key: e.id, className: "k-item" }, /* @__PURE__ */ t.createElement(
|
|
64
64
|
k,
|
|
65
65
|
{
|
|
66
|
-
disabled:
|
|
67
|
-
checked:
|
|
68
|
-
onChange: (
|
|
66
|
+
disabled: o[e.id || ""] && s === 1,
|
|
67
|
+
checked: o[e.id || ""],
|
|
68
|
+
onChange: (c) => {
|
|
69
69
|
var C;
|
|
70
|
-
return L(!!((C =
|
|
70
|
+
return L(!!((C = c.target.element) != null && C.checked), e.id);
|
|
71
71
|
},
|
|
72
72
|
label: e.title || e.field
|
|
73
73
|
}
|
|
@@ -5,4 +5,5 @@
|
|
|
5
5
|
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
6
6
|
*-------------------------------------------------------------------------------------------
|
|
7
7
|
*/
|
|
8
|
-
"use client";
|
|
8
|
+
"use client";
|
|
9
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const X=require("react"),L=require("@progress/kendo-data-query"),Y=require("./GridColumnMenuItem.js"),Z=require("./GridColumnMenuItemGroup.js"),$=require("./GridColumnMenuItemContent.js"),ee=require("@progress/kendo-react-intl"),i=require("../filterCommon.js"),c=require("../messages/index.js"),te=require("./GridColumnMenuFilterUI.js"),T=require("@progress/kendo-react-buttons"),re=require("@progress/kendo-svg-icons");function le(e){const u=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const f in e)if(f!=="default"){const F=Object.getOwnPropertyDescriptor(e,f);Object.defineProperty(u,f,F.get?F:{enumerable:!0,get:()=>e[f]})}}return u.default=e,Object.freeze(u)}const l=le(X),I=e=>e||{filters:[],logic:"and"},v=(e,u)=>I(u).filters.filter(n=>L.isCompositeFilterDescriptor(n)?n.filters&&n.filters.length&&n.filters.length<=2&&!n.filters.find(C=>L.isCompositeFilterDescriptor(C)||C.field!==e):!1)[0]||null,ne=(e,u)=>!!v(e,u),ie=e=>{const u=l.useCallback(()=>{let t;if(e.column&&e.column.field){const a=i.getFilterType(e.column.filter),r=i.getDefaultOperator(e.filterOperators,a);t=v(e.column.field,e.filter),t=t?{...t,filters:t.filters.map(o=>({...o}))}:{logic:"and",filters:[{field:e.column.field,operator:r,value:i.IsUnaryFilter(r)?null:void 0},{field:e.column.field,operator:r,value:i.IsUnaryFilter(r)?null:void 0}]},t.filters.filter(o=>o.field===e.column.field).length===1&&t.filters.splice(1,0,{field:e.column.field,operator:r})}return t},[e.column]),[f,F]=l.useState(e.expanded||!1),[n,C]=l.useState(u()),S=()=>e.expanded!==void 0,_=()=>{const t=S(),a=!(t?e.expanded:f);e.onExpandChange&&e.onExpandChange(a),t||F(a)},j=t=>{p(0,t)},R=t=>{p(1,t)},p=(t,a)=>{const r=n.filters.map((o,s)=>s===t?{...o,value:a.value,operator:a.operator}:o);C({...n,filters:r})},V=t=>{C({...n,logic:t.target.value.operator})},w=t=>{if(t.preventDefault(),!e.onFilterChange)return;const a=e.column.field,r=I(e.filter),o=v(a,e.filter),s=r.filters.filter(g=>g!==o);s.length?e.onFilterChange({...r,filters:s},t):e.onFilterChange(null,t),e.onCloseMenu&&e.onCloseMenu()},b=()=>({...n,filters:n.filters.filter(t=>t.value!==void 0&&t.value!==null&&t.value!==""||t.value===null&&t.operator)}),N=t=>{if(t.preventDefault(),!e.onFilterChange)return;const a=e.column.field,r=I(e.filter),o=v(a,e.filter),s=b();let g=null;if(o&&s.filters.length>0){const M=r.filters.map(y=>y===o?s:y);g={...r,filters:M}}else if(s.filters.length===0){const M=r.filters.filter(y=>y!==o);M.length&&(g={...r,filters:M})}else g={...r,filters:[...r.filters,s]};e.onFilterChange(g,t),e.onCloseMenu&&e.onCloseMenu()},{column:h,filterUI:z,hideSecondFilter:x,filterOperators:A}=e,d=ee.useLocalization();if(!h||!h.field)return l.createElement("div",null);const G=i.getFilterType(h.filter),H=x!==void 0?x:i.defaultHideSecondFilter[G],m=n.filters,O=i.operatorMap(A[G],d),k=i.operatorMap(i.booleanFilterValues,d),Q={field:h.field,value:m[0].value,operator:m[0].operator,operators:O,booleanValues:k,onChange:j,filterType:G},J={field:h.field,value:m[1].value,operator:m[1].operator,operators:O,booleanValues:k,onChange:R,filterType:G},D=n.logic,q=i.operatorMap(i.filterLogicList,d),E={value:q.find(t=>t.operator===(D===null?"":D)),onChange:V,data:q},B=z,P={firstFilterProps:Q,secondFilterProps:J,logicData:E.data,logicValue:E.value,onLogicChange:E.onChange,hideSecondFilter:H},K=b().filters.length!==0||i.IsUnaryFilter(m[0].operator)||i.IsUnaryFilter(m[1].operator),W=S()?e.expanded:f,U=e.alwaysExpand;return l.createElement(Z.GridColumnMenuItemGroup,null,!U&&l.createElement(Y.GridColumnMenuItem,{title:d.toLanguageString(c.filterTitle,c.messages[c.filterTitle]),iconClass:"k-i-filter",svgIcon:re.filterIcon,onClick:_}),l.createElement($.GridColumnMenuItemContent,{show:U||!!W},l.createElement("form",{className:"k-filter-menu",onSubmit:N,onReset:w},l.createElement("div",{className:"k-filter-menu-container"},B?l.createElement(B,{...P}):l.createElement(te.GridColumnMenuFilterUI,{...P}),l.createElement("div",{className:"k-actions k-actions-stretched"},l.createElement(T.Button,{themeColor:"primary",disabled:!K},d.toLanguageString(c.filterSubmitButton,c.messages[c.filterSubmitButton])),l.createElement(T.Button,{type:"reset"},d.toLanguageString(c.filterClearButton,c.messages[c.filterClearButton])))))))};exports.GridColumnMenuFilter=ie;exports.filterGroupByField=v;exports.isColumnMenuFilterActive=ne;exports.rootFilterOrDefault=I;
|
|
@@ -5,4 +5,5 @@
|
|
|
5
5
|
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
6
6
|
*-------------------------------------------------------------------------------------------
|
|
7
7
|
*/
|
|
8
|
-
"use client";
|
|
8
|
+
"use client";
|
|
9
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const f=require("react"),d=require("@progress/kendo-react-dropdowns"),g=require("@progress/kendo-react-inputs"),h=require("@progress/kendo-react-dateinputs"),i=require("../filterCommon.js");function b(e){const l=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const o in e)if(o!=="default"){const c=Object.getOwnPropertyDescriptor(e,o);Object.defineProperty(l,o,c.get?c:{enumerable:!0,get:()=>e[o]})}}return l.default=e,Object.freeze(l)}const a=b(f),D=e=>{const l=()=>{if(e.filterType==="boolean")return;const n=e.operators.find(r=>r.operator===e.operator)||null;return a.createElement(d.DropDownList,{value:n,onChange:c,data:e.operators,textField:"text"})},o=(n,r)=>{i.cellInputChange(n,r,e)},c=n=>{i.cellOperatorChange(n,e.value,e.onChange)},m=n=>{i.cellBoolDropdownChange(n,e.onChange)},C=(n,r,s)=>{switch(n){case"numeric":return a.createElement(g.NumericTextBox,{value:r,onChange:t=>{o(t.value,t.syntheticEvent)},rangeOnEnter:!1});case"date":return a.createElement(h.DatePicker,{value:r,onChange:t=>{o(t.value,t.syntheticEvent)}});case"boolean":{const t=u=>u==null;return a.createElement(d.DropDownList,{onChange:m,value:s.find(u=>u.operator===(t(r)?"":r)),data:s,textField:"text"})}default:return a.createElement(g.Input,{value:r||"",onChange:t=>{o(t.target.value,t.syntheticEvent)}})}};return a.createElement(a.Fragment,null,l(),C(e.filterType,e.value,e.booleanValues))};exports.GridColumnMenuFilterCell=D;
|
|
@@ -10,7 +10,7 @@ import * as o from "react";
|
|
|
10
10
|
import { DropDownList as i } from "@progress/kendo-react-dropdowns";
|
|
11
11
|
import { Input as C, NumericTextBox as d } from "@progress/kendo-react-inputs";
|
|
12
12
|
import { DatePicker as f } from "@progress/kendo-react-dateinputs";
|
|
13
|
-
import { cellOperatorChange as
|
|
13
|
+
import { cellOperatorChange as E, cellInputChange as s, cellBoolDropdownChange as v } from "../filterCommon.mjs";
|
|
14
14
|
const w = (e) => {
|
|
15
15
|
const u = () => {
|
|
16
16
|
if (e.filterType === "boolean")
|
|
@@ -18,9 +18,9 @@ const w = (e) => {
|
|
|
18
18
|
const n = e.operators.find((r) => r.operator === e.operator) || null;
|
|
19
19
|
return /* @__PURE__ */ o.createElement(i, { value: n, onChange: m, data: e.operators, textField: "text" });
|
|
20
20
|
}, l = (n, r) => {
|
|
21
|
-
|
|
21
|
+
s(n, r, e);
|
|
22
22
|
}, m = (n) => {
|
|
23
|
-
|
|
23
|
+
E(n, e.value, e.onChange);
|
|
24
24
|
}, h = (n) => {
|
|
25
25
|
v(n, e.onChange);
|
|
26
26
|
}, g = (n, r, c) => {
|