@progress/kendo-react-grid 9.4.0-develop.24 → 9.4.0-develop.4
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 +5 -4
- package/GridClientContextReader.js +1 -2
- package/GridClientContextReader.mjs +14 -15
- package/GridClientWrapper.js +1 -2
- package/GridClientWrapper.mjs +375 -450
- package/GridColumn.js +1 -1
- package/GridColumn.mjs +5 -4
- package/GridComponent.js +1 -1
- package/GridComponent.mjs +310 -344
- package/GridState.js +1 -2
- package/GridState.mjs +67 -79
- package/GridToolbar.js +1 -1
- package/GridToolbar.mjs +6 -5
- package/GridWatermarkOverlay.js +1 -2
- package/GridWatermarkOverlay.mjs +2 -2
- package/NOTICE.txt +51 -40
- package/StatusBar.js +1 -1
- package/StatusBar.mjs +1 -0
- package/VirtualScroll.js +1 -1
- package/VirtualScroll.mjs +1 -0
- package/VirtualScrollFixed.js +1 -1
- package/VirtualScrollFixed.mjs +10 -9
- package/cells/GridCell.js +1 -1
- package/cells/GridCell.mjs +23 -25
- package/cells/GridDetailCell.js +1 -1
- package/cells/GridDetailCell.mjs +6 -5
- package/cells/GridDetailHierarchyCell.js +1 -1
- package/cells/GridDetailHierarchyCell.mjs +5 -4
- package/cells/GridEditCell.js +1 -1
- package/cells/GridEditCell.mjs +7 -6
- package/cells/GridFilterCell.js +1 -2
- package/cells/GridGroupCell.js +1 -1
- package/cells/GridGroupCell.mjs +12 -11
- package/cells/GridHierarchyCell.js +1 -1
- package/cells/GridHierarchyCell.mjs +8 -7
- package/cells/GridRowReorderCell.js +1 -1
- package/cells/GridRowReorderCell.mjs +4 -3
- package/cells/GridSelectionCell.js +1 -1
- package/cells/GridSelectionCell.mjs +13 -12
- package/cells/client/DetailCellContainer.js +1 -2
- package/cells/client/DetailCellContainer.mjs +2 -2
- package/cells/client/GridCellContainer.js +1 -2
- package/cells/client/GridEditCellContainer.js +1 -2
- package/cells/client/GridEditCellEditor.js +1 -2
- package/cells/client/GridEditCellEditor.mjs +14 -14
- package/cells/client/GridGroupCellContainer.js +1 -2
- package/cells/client/GridGroupCellContainer.mjs +39 -39
- package/cells/client/GridGroupCellToggle.js +1 -2
- package/cells/client/GridGroupCellToggle.mjs +3 -3
- package/cells/client/GridHierarchyCellContainer.js +1 -2
- package/cells/client/GridHierarchyCellToggle.js +1 -2
- package/cells/client/GridHierarchyCellToggle.mjs +15 -15
- package/cells/client/GridRowReorderContainer.js +1 -2
- package/cells/client/GridRowReorderContainer.mjs +8 -14
- package/cells/client/GridSelectionCellContainer.js +1 -2
- package/cells/client/GridSelectionCellInput.js +1 -2
- package/cells/client/GridSelectionCellInput.mjs +3 -3
- package/columnMenu/GridColumnMenuCheckboxFilter.js +1 -2
- package/columnMenu/GridColumnMenuCheckboxFilter.mjs +55 -56
- package/columnMenu/GridColumnMenuColumnsList.js +1 -2
- package/columnMenu/GridColumnMenuColumnsList.mjs +16 -16
- package/columnMenu/GridColumnMenuFilter.js +1 -2
- package/columnMenu/GridColumnMenuFilterCell.js +1 -2
- package/columnMenu/GridColumnMenuFilterCell.mjs +3 -3
- package/columnMenu/GridColumnMenuFilterUI.js +1 -2
- package/columnMenu/GridColumnMenuGroup.js +1 -2
- package/columnMenu/GridColumnMenuGroup.mjs +5 -5
- package/columnMenu/GridColumnMenuItem.js +1 -2
- package/columnMenu/GridColumnMenuItem.mjs +2 -2
- package/columnMenu/GridColumnMenuItemContent.js +1 -2
- package/columnMenu/GridColumnMenuItemContent.mjs +4 -4
- package/columnMenu/GridColumnMenuItemGroup.js +1 -2
- package/columnMenu/GridColumnMenuItemGroup.mjs +4 -4
- package/columnMenu/GridColumnMenuSort.js +1 -2
- package/columnMenu/GridColumnMenuSort.mjs +8 -8
- package/columnMenu/GridColumnMenuWrapper.js +1 -2
- package/components/GridContainerElementContainer.js +1 -2
- package/components/GridCustomCellClientContainer.js +1 -2
- package/components/GridCustomCellClientContainer.mjs +2 -2
- package/components/GridDragClue.js +1 -2
- package/components/GridDragClue.mjs +5 -5
- package/components/GridDraggableRowsContainer.js +1 -2
- package/components/GridDropClue.js +1 -2
- package/components/GridDropClue.mjs +5 -5
- package/components/GridElementContainer.js +1 -2
- package/components/GridElementContainer.mjs +6 -6
- package/components/PagerContainer.js +1 -2
- package/components/PagerContainer.mjs +4 -4
- package/components/VirtualScrollHeightContainer.js +1 -2
- package/components/VirtualScrollHeightContainer.mjs +2 -2
- package/components/colGroup/GridColGroup.js +1 -2
- package/components/colGroup/GridColGroup.mjs +5 -5
- package/components/icons/reorder-row-svg.js +1 -2
- package/components/icons/reorder-row-svg.mjs +2 -2
- package/components/noRecords/GridNoRecords.js +1 -2
- package/components/noRecords/GridNoRecords.mjs +5 -5
- package/components/noRecords/GridNoRecordsContainer.js +1 -2
- package/components/noRecords/GridNoRecordsContainer.mjs +4 -4
- package/components/table/GridTable.js +1 -2
- package/components/table/GridTable.mjs +4 -4
- package/components/table/GridTableBody.js +1 -2
- package/components/table/GridTableBody.mjs +2 -2
- package/components/table/GridTableScrollable.js +1 -2
- package/components/table/GridTableScrollable.mjs +6 -6
- package/components/utils.js +1 -1
- package/components/utils.mjs +1 -0
- package/constants/index.js +1 -1
- package/constants/index.mjs +1 -0
- package/contextMenu/GridContextMenu.js +1 -2
- package/contextMenu/GridContextMenu.mjs +3 -3
- package/contextMenu/enums.js +1 -1
- package/contextMenu/enums.mjs +1 -0
- package/dist/cdn/js/kendo-react-grid.js +1 -8
- package/drag/ColumnDraggable.js +1 -2
- package/drag/ColumnDraggable.mjs +7 -7
- package/drag/ColumnResize.js +1 -1
- package/drag/ColumnResize.mjs +1 -0
- package/drag/CommonDragLogic.js +1 -1
- package/drag/CommonDragLogic.mjs +1 -0
- package/drag/GroupingIndicator.js +1 -2
- package/drag/GroupingIndicator.mjs +11 -11
- package/filterCommon.js +1 -1
- package/filterCommon.mjs +5 -4
- package/footer/Footer.js +1 -2
- package/footer/FooterCell.js +1 -1
- package/footer/FooterCell.mjs +4 -3
- package/footer/FooterRow.js +1 -1
- package/footer/FooterRow.mjs +7 -6
- package/footer/client/FooterCellContainer.js +1 -2
- package/footer/client/FooterCellContainer.mjs +5 -5
- package/header/FilterRow.js +1 -1
- package/header/FilterRow.mjs +43 -41
- package/header/GridHeaderCell.js +1 -2
- package/header/GridHeaderCell.mjs +4 -4
- package/header/GridHeaderSelectionCell.js +1 -2
- package/header/GroupPanel.js +1 -2
- package/header/Header.js +1 -2
- package/header/HeaderRow.js +1 -1
- package/header/HeaderRow.mjs +35 -33
- package/header/client/GridFilterCellContainer.js +1 -2
- package/header/client/GridFilterCellContainer.mjs +7 -7
- package/header/client/GridFilterCellElementContainer.js +1 -2
- package/header/client/GridHeaderCellContainer.js +1 -2
- package/header/client/GridHeaderCellContainer.mjs +18 -20
- package/header/client/GridHeaderCellElementContainer.js +1 -2
- package/header/client/GridHeaderCellElementContainer.mjs +10 -10
- package/header/client/GridHeaderRowContainer.js +1 -2
- package/header/client/GridHeaderRowReorderCell.js +1 -2
- package/header/client/GridHeaderRowReorderCell.mjs +2 -2
- package/header/client/HeaderCellResizer.js +1 -2
- package/header/client/HeaderRowDraggable.js +1 -2
- package/index.d.mts +5 -211
- package/index.d.ts +5 -211
- package/index.js +1 -1
- package/index.mjs +68 -71
- package/interfaces/GridSortSettings.js +8 -0
- package/{sortCommon.mjs → interfaces/GridSortSettings.mjs} +1 -0
- package/messages/index.js +1 -1
- package/messages/index.mjs +37 -38
- package/messages/messagesMap.js +1 -1
- package/messages/messagesMap.mjs +3 -2
- package/package-metadata.js +1 -1
- package/package-metadata.mjs +3 -2
- package/package.json +13 -14
- package/paging/GridPagerSettings.js +1 -1
- package/paging/GridPagerSettings.mjs +7 -6
- package/rows/GridDetailRow.js +1 -1
- package/rows/GridDetailRow.mjs +3 -2
- package/rows/GridRow.js +1 -2
- package/rows/GridRow.mjs +45 -45
- package/utils/_clientModule.js +1 -2
- package/utils/_clientModule.mjs +2 -2
- package/utils/_serverModule.js +1 -1
- package/utils/_serverModule.mjs +1 -0
- package/utils/index.js +1 -1
- package/utils/index.mjs +129 -138
- package/GridSearchBox.js +0 -8
- package/GridSearchBox.mjs +0 -35
- package/columnMenu/GridColumnMenuColumnsChooser.js +0 -9
- package/columnMenu/GridColumnMenuColumnsChooser.mjs +0 -82
- package/components/GridLoader.js +0 -9
- package/components/GridLoader.mjs +0 -22
- package/sortCommon.js +0 -8
|
@@ -6,79 +6,79 @@
|
|
|
6
6
|
*-------------------------------------------------------------------------------------------
|
|
7
7
|
*/
|
|
8
8
|
"use client";
|
|
9
|
-
import * as
|
|
9
|
+
import * as l 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 = (n) => {
|
|
14
14
|
var c;
|
|
15
|
-
const { cellProps:
|
|
16
|
-
(
|
|
17
|
-
|
|
18
|
-
dataItem:
|
|
19
|
-
dataIndex:
|
|
20
|
-
syntheticEvent:
|
|
15
|
+
const { cellProps: e } = n, t = l.useContext(I), u = f(e.id), s = l.useCallback(
|
|
16
|
+
(o) => {
|
|
17
|
+
o.isDefaultPrevented() || o.keyCode === y.enter && (t != null && t.itemChange) && (o.preventDefault(), t.itemChange({
|
|
18
|
+
dataItem: e.dataItem,
|
|
19
|
+
dataIndex: e.dataIndex,
|
|
20
|
+
syntheticEvent: o,
|
|
21
21
|
field: void 0,
|
|
22
|
-
value: !
|
|
22
|
+
value: !e.expanded
|
|
23
23
|
}), t == null || t.dispatchGroupExpand(
|
|
24
24
|
{
|
|
25
25
|
type: x.TOGGLE,
|
|
26
|
-
group:
|
|
26
|
+
group: e.group
|
|
27
27
|
},
|
|
28
|
-
|
|
28
|
+
o
|
|
29
29
|
));
|
|
30
30
|
},
|
|
31
|
-
[t,
|
|
32
|
-
),
|
|
33
|
-
onKeyDown:
|
|
34
|
-
} : {}, d =
|
|
35
|
-
(
|
|
36
|
-
t != null && t.onContextMenu && t.onContextMenu.call(void 0,
|
|
31
|
+
[t, e.dataItem, e.dataIndex, e.expanded, e.group]
|
|
32
|
+
), m = n.addKeyDownHandler ? {
|
|
33
|
+
onKeyDown: s
|
|
34
|
+
} : {}, d = l.useCallback(
|
|
35
|
+
(o) => {
|
|
36
|
+
t != null && t.onContextMenu && t.onContextMenu.call(void 0, o, e.dataItem, e.field);
|
|
37
37
|
},
|
|
38
|
-
[t,
|
|
39
|
-
), C = t.getCellPositionStyle(
|
|
40
|
-
style: { ...(c =
|
|
38
|
+
[t, e.dataItem, e.field]
|
|
39
|
+
), C = t.getCellPositionStyle(e.columnPosition), P = {
|
|
40
|
+
style: { ...(c = n.tdProps) == null ? void 0 : c.style, ...C }
|
|
41
41
|
}, a = {
|
|
42
42
|
...u,
|
|
43
|
-
...
|
|
43
|
+
...m,
|
|
44
44
|
onContextMenu: d,
|
|
45
45
|
...P
|
|
46
46
|
}, r = {
|
|
47
47
|
onContextMenu: t.onContextMenu,
|
|
48
48
|
onChange: t.itemChange,
|
|
49
|
-
selectionChange: (
|
|
49
|
+
selectionChange: (o) => {
|
|
50
50
|
t.selectionChange({
|
|
51
|
-
event:
|
|
52
|
-
dataItem:
|
|
53
|
-
dataIndex:
|
|
54
|
-
columnIndex:
|
|
51
|
+
event: o,
|
|
52
|
+
dataItem: e.dataItem,
|
|
53
|
+
dataIndex: e.rowDataIndex,
|
|
54
|
+
columnIndex: e.columnIndex
|
|
55
55
|
});
|
|
56
56
|
}
|
|
57
57
|
};
|
|
58
|
-
if (
|
|
59
|
-
return t.isClient ||
|
|
58
|
+
if (n.isCustom)
|
|
59
|
+
return t.isClient || n.isClient ? l.cloneElement(n.children, {
|
|
60
60
|
// pass down to tdProps for client templates
|
|
61
|
-
tdProps:
|
|
62
|
-
...
|
|
61
|
+
tdProps: n.tdProps ? {
|
|
62
|
+
...n.tdProps,
|
|
63
63
|
...a
|
|
64
64
|
} : null,
|
|
65
|
-
td2Props:
|
|
66
|
-
...
|
|
65
|
+
td2Props: n.td2Props ? {
|
|
66
|
+
...n.td2Props,
|
|
67
67
|
onContextMenu: d
|
|
68
68
|
} : null,
|
|
69
69
|
...r
|
|
70
|
-
}) :
|
|
70
|
+
}) : l.cloneElement(n.children, {
|
|
71
71
|
...a
|
|
72
72
|
});
|
|
73
|
-
const i =
|
|
74
|
-
if (
|
|
75
|
-
|
|
76
|
-
return e.
|
|
77
|
-
...
|
|
73
|
+
const i = n.renderSecondCell ? /* @__PURE__ */ l.createElement("td", { ...n.td2Props, onContextMenu: d }) : null;
|
|
74
|
+
if (e.render) {
|
|
75
|
+
const o = n.renderFirstCell && /* @__PURE__ */ l.createElement(l.Fragment, null, /* @__PURE__ */ l.createElement("td", { ...n.tdProps, ...a }, n.content), n.renderSecondCell && i);
|
|
76
|
+
return e.render.call(void 0, o, {
|
|
77
|
+
...e,
|
|
78
78
|
...r
|
|
79
79
|
});
|
|
80
80
|
}
|
|
81
|
-
return /* @__PURE__ */
|
|
81
|
+
return /* @__PURE__ */ l.createElement(l.Fragment, null, n.children && l.cloneElement(n.children, {
|
|
82
82
|
...a
|
|
83
83
|
}), i);
|
|
84
84
|
};
|
|
@@ -5,5 +5,4 @@
|
|
|
5
5
|
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
6
6
|
*-------------------------------------------------------------------------------------------
|
|
7
7
|
*/
|
|
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;
|
|
8
|
+
"use client";"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"),c=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 r=I(s),b=t=>{const e=r.useContext(g.GridContext),a=m.useLocalization(),n=t.expanded?c.groupCollapse:c.groupExpand,d=a.toLanguageString(n,c.messages[n]),l=e.dir==="rtl";return r.createElement("a",{onClick:i=>{var u;i.preventDefault(),e!=null&&e.itemChange&&e.itemChange({dataItem:t.dataItem,dataIndex:t.dataIndex,syntheticEvent:i,field:void 0,value:!t.expanded}),(u=e==null?void 0:e.dispatchGroupExpand)==null||u.call(e,{type:p.GROUP_EXPAND_ACTION.TOGGLE,group:t.group})},href:"#",tabIndex:-1,"aria-label":d},r.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(), n = t.expanded ? g : I, i = l.toLanguageString(n, h[n]), o = 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" : o ? "caret-alt-left" : "caret-alt-right",
|
|
44
|
+
icon: t.expanded ? s : o ? f : p
|
|
45
45
|
}
|
|
46
46
|
)
|
|
47
47
|
)
|
|
@@ -5,5 +5,4 @@
|
|
|
5
5
|
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
6
6
|
*-------------------------------------------------------------------------------------------
|
|
7
7
|
*/
|
|
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;
|
|
8
|
+
"use client";"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,d=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:d}:{},i={...a,...u},c={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},...c}):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,...c})}return t.children&&r.cloneElement(t.children,{...i})};exports.GridHierarchyCellContainer=y;
|
|
@@ -5,5 +5,4 @@
|
|
|
5
5
|
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
6
6
|
*-------------------------------------------------------------------------------------------
|
|
7
7
|
*/
|
|
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;
|
|
8
|
+
"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=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(d),p=t=>{const e=o.useContext(u.GridContext),n=g.useLocalization(),a=t.expanded,r=a?c.detailCollapse:c.detailExpand,s=n.toLanguageString(r,c.messages[r]);return o.createElement("a",{onClick:i=>{i.preventDefault(),e!=null&&e.itemChange&&e.itemChange({dataItem:t.dataItem,dataIndex:t.dataIndex,syntheticEvent:i,field:t.field,value:!a,_expand:!0}),e==null||e.dispatchDetailExpand({type:f.DETAIL_EXPAND_ACTION.TOGGLE,id:t.dataItem[e.dataItemKey]})},"aria-label":s,href:"#",tabIndex:-1},o.createElement(m.IconWrap,{name:a?"minus":"plus",icon:a?l.minusIcon:l.plusIcon}))};exports.GridHierarchyCellToggle=p;
|
|
@@ -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 r } from "../../GridClientWrapper.mjs";
|
|
11
|
+
import { IconWrap as d } from "@progress/kendo-react-common";
|
|
12
|
+
import { minusIcon as s, plusIcon as c } from "@progress/kendo-svg-icons";
|
|
13
|
+
import { useLocalization as f } from "@progress/kendo-react-intl";
|
|
14
|
+
import { messages as p, detailCollapse as u, detailExpand as I } 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 G = (a) => {
|
|
17
|
+
const e = n.useContext(r), m = f(), t = a.expanded, i = t ? u : I, l = m.toLanguageString(i, p[i]);
|
|
18
18
|
return /* @__PURE__ */ n.createElement(
|
|
19
19
|
"a",
|
|
20
20
|
{
|
|
21
|
-
onClick: (
|
|
22
|
-
|
|
21
|
+
onClick: (o) => {
|
|
22
|
+
o.preventDefault(), e != null && e.itemChange && e.itemChange({
|
|
23
23
|
dataItem: a.dataItem,
|
|
24
24
|
dataIndex: a.dataIndex,
|
|
25
|
-
syntheticEvent:
|
|
25
|
+
syntheticEvent: o,
|
|
26
26
|
field: a.field,
|
|
27
27
|
value: !t,
|
|
28
28
|
_expand: !0
|
|
29
|
-
}),
|
|
29
|
+
}), 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": l,
|
|
35
35
|
href: "#",
|
|
36
36
|
tabIndex: -1
|
|
37
37
|
},
|
|
38
|
-
/* @__PURE__ */ n.createElement(
|
|
38
|
+
/* @__PURE__ */ n.createElement(d, { name: t ? "minus" : "plus", icon: t ? s : c })
|
|
39
39
|
);
|
|
40
40
|
};
|
|
41
41
|
export {
|
|
42
|
-
|
|
42
|
+
G as GridHierarchyCellToggle
|
|
43
43
|
};
|
|
@@ -5,5 +5,4 @@
|
|
|
5
5
|
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
6
6
|
*-------------------------------------------------------------------------------------------
|
|
7
7
|
*/
|
|
8
|
-
"use client";
|
|
9
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react"),m=require("@progress/kendo-react-intl"),w=require("@progress/kendo-react-data-tools"),f=require("../../GridClientWrapper.js"),n=require("../../messages/index.js"),q=a=>{const{cellProps:o,rowReorderable:i,children:r}=a,{id:l,dataItem:c}=o,s=m.useLocalization(),e=t.useContext(f.GridContext),d=w.useTableKeyboardNavigation(l),u=i,R=s.toLanguageString(n.gridRowReorderAriaLabel,n.messages[n.gridRowReorderAriaLabel]),g=()=>u?e.activeDragRowDataItemRef.current=c:null,b=t.useCallback(C=>{e!=null&&e.onContextMenu&&e.onContextMenu.call(void 0,C,o.dataItem,o.field)},[e,o.dataItem,o.field]);return r&&t.cloneElement(r,{"aria-label":R,...d,onMouseDown:g,onContextMenu:b})};exports.GridRowReorderCellContainer=q;
|
|
8
|
+
"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=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=r=>{const{cellProps:n,rowReorderable:a,children:o}=r,{id:i,dataItem:s}=n,c=b.useLocalization(),l=t.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&&t.cloneElement(o,{"aria-label":R,...d,onMouseDown:g})};exports.GridRowReorderCellContainer=m;
|
|
@@ -6,23 +6,17 @@
|
|
|
6
6
|
*-------------------------------------------------------------------------------------------
|
|
7
7
|
*/
|
|
8
8
|
"use client";
|
|
9
|
-
import
|
|
10
|
-
import { useLocalization as
|
|
11
|
-
import { useTableKeyboardNavigation as
|
|
12
|
-
import { GridContext as
|
|
13
|
-
import { gridRowReorderAriaLabel as
|
|
9
|
+
import e from "react";
|
|
10
|
+
import { useLocalization as R } from "@progress/kendo-react-intl";
|
|
11
|
+
import { useTableKeyboardNavigation as f } from "@progress/kendo-react-data-tools";
|
|
12
|
+
import { GridContext as p } from "../../GridClientWrapper.mjs";
|
|
13
|
+
import { gridRowReorderAriaLabel as t, messages as b } from "../../messages/index.mjs";
|
|
14
14
|
const L = (r) => {
|
|
15
|
-
const { cellProps:
|
|
16
|
-
|
|
17
|
-
o != null && o.onContextMenu && o.onContextMenu.call(void 0, g, e.dataItem, e.field);
|
|
18
|
-
},
|
|
19
|
-
[o, e.dataItem, e.field]
|
|
20
|
-
);
|
|
21
|
-
return n && t.cloneElement(n, {
|
|
15
|
+
const { cellProps: n, rowReorderable: a, children: o } = r, { id: i, dataItem: s } = n, c = R(), l = e.useContext(p), m = f(i), d = a, u = c.toLanguageString(t, b[t]), g = () => d ? l.activeDragRowDataItemRef.current = s : null;
|
|
16
|
+
return o && e.cloneElement(o, {
|
|
22
17
|
"aria-label": u,
|
|
23
18
|
...m,
|
|
24
|
-
onMouseDown:
|
|
25
|
-
onContextMenu: R
|
|
19
|
+
onMouseDown: g
|
|
26
20
|
});
|
|
27
21
|
};
|
|
28
22
|
export {
|
|
@@ -5,5 +5,4 @@
|
|
|
5
5
|
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
6
6
|
*-------------------------------------------------------------------------------------------
|
|
7
7
|
*/
|
|
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;
|
|
8
|
+
"use client";"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,5 +5,4 @@
|
|
|
5
5
|
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
6
6
|
*-------------------------------------------------------------------------------------------
|
|
7
7
|
*/
|
|
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;
|
|
8
|
+
"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const m=require("react"),b=require("../../GridClientWrapper.js"),r=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 i;const t=c.useContext(b.GridContext),n=r.useId(),a=I.useLocalization(),l=(i=e.isSelected)!=null?i:r.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 u } from "../../GridClientWrapper.mjs";
|
|
11
|
+
import { useId as r, 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(u), l = r(), 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,5 +5,4 @@
|
|
|
5
5
|
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
6
6
|
*-------------------------------------------------------------------------------------------
|
|
7
7
|
*/
|
|
8
|
-
"use client";
|
|
9
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const J=require("react"),K=require("./GridColumnMenuItem.js"),U=require("./GridColumnMenuItemGroup.js"),X=require("./GridColumnMenuItemContent.js"),b=require("@progress/kendo-react-inputs"),Y=require("@progress/kendo-react-intl"),r=require("../messages/index.js"),D=require("@progress/kendo-data-query"),G=require("@progress/kendo-react-common"),v=require("@progress/kendo-react-buttons"),L=require("../utils/index.js"),F=require("@progress/kendo-svg-icons");function Z(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=Z(J),p=(e,s)=>e.length!==s.length?!1:e.every((m,f)=>m===s[f]),ee={uniqueData:!0},te=e=>{const{uniqueData:s=ee.uniqueData}=e,m=()=>{const t=e.column.field;return S().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=>L.getNestedValue(c,o));return n?i.filter((o,u)=>i.indexOf(o)===u):i},S=()=>e.filter?G.clone(e.filter):{filters:[],logic:"and"},a=l.useRef(m()),[I,P]=l.useState(e.expanded||!1),[B,q]=l.useState(""),[h,C]=l.useState(f(e.data,s)||[]),[R,w]=l.useState(f(e.data,!1)||[]),[d,V]=l.useState(S());l.useEffect(()=>{const t=e.column.field||"",n=e.data.map(c=>L.getNestedValue(t,c));p(n,R)||(C(n),w(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||P(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}]};q(t.target.value),C(f(D.filterBy(e.data||[],c),s))},A=()=>{const t=e.searchBoxFilterOperator?e.searchBoxFilterOperator:"startswith",n={logic:"and",filters:[{field:e.column.field,operator:t,value:"",ignoreCase:!0}]};q(""),C(f(D.filterBy(e.data||[],n),s))},T=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()},z=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(H=>H.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=Y.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=g.toLanguageString(r.filterClearButton,r.messages[r.filterClearButton]),$=e.searchBox?l.createElement(e.searchBox,{value:B,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:F.searchIcon}),l.createElement(b.Input,{className:"k-input-inner",type:"text",placeholder:g.toLanguageString(r.searchPlaceholder,r.messages[r.searchPlaceholder]),value:B,onChange:t=>N(t.nativeEvent)}),l.createElement(v.Button,{type:"button",rounded:null,className:"k-input-button",onClick:A,icon:"x","aria-label":W,svgIcon:F.xIcon})),O=k.filter((t,n)=>k.indexOf(t)===n);return l.createElement(U.GridColumnMenuItemGroup,null,l.createElement(K.GridColumnMenuItem,{title:g.toLanguageString(r.filterTitle,r.messages[r.filterTitle]),iconClass:"k-i-filter",svgIcon:F.filterIcon,onClick:j}),l.createElement(X.GridColumnMenuItemContent,{show:!!Q},l.createElement("form",{className:"k-filter-menu",onSubmit:z,onReset:T},l.createElement("div",{className:"k-filter-menu-container"},$,l.createElement("ul",{className:"k-reset k-multicheck-wrap"},l.createElement("li",{className:"k-item k-check-all-wrap"},l.createElement(b.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(b.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(v.Button,{themeColor:"primary",type:"submit"},g.toLanguageString(r.filterSubmitButton,r.messages[r.filterSubmitButton])),l.createElement(v.Button,{className:"k-button",type:"reset"},g.toLanguageString(r.filterClearButton,r.messages[r.filterClearButton])))))))};exports.GridColumnMenuCheckboxFilter=te;
|
|
8
|
+
"use client";"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;
|
|
@@ -7,48 +7,48 @@
|
|
|
7
7
|
*/
|
|
8
8
|
"use client";
|
|
9
9
|
import * as l from "react";
|
|
10
|
-
import { GridColumnMenuItem as
|
|
11
|
-
import { GridColumnMenuItemGroup as
|
|
12
|
-
import { GridColumnMenuItemContent as
|
|
13
|
-
import { Input as
|
|
14
|
-
import { useLocalization as
|
|
15
|
-
import {
|
|
10
|
+
import { GridColumnMenuItem as Z } from "./GridColumnMenuItem.mjs";
|
|
11
|
+
import { GridColumnMenuItemGroup as _ } from "./GridColumnMenuItemGroup.mjs";
|
|
12
|
+
import { GridColumnMenuItemContent as $ } from "./GridColumnMenuItemContent.mjs";
|
|
13
|
+
import { Input as p, Checkbox as M } from "@progress/kendo-react-inputs";
|
|
14
|
+
import { useLocalization as ee } from "@progress/kendo-react-intl";
|
|
15
|
+
import { searchPlaceholder as O, messages as m, filterTitle as q, filterCheckAll as L, filterSelectedItems as w, filterSubmitButton as V, filterClearButton as G } from "../messages/index.mjs";
|
|
16
16
|
import { filterBy as P } from "@progress/kendo-data-query";
|
|
17
|
-
import { IconWrap as
|
|
18
|
-
import { Button as
|
|
19
|
-
import { getNestedValue as
|
|
20
|
-
import { searchIcon as
|
|
21
|
-
const
|
|
17
|
+
import { IconWrap as te, clone as ne } from "@progress/kendo-react-common";
|
|
18
|
+
import { Button as F } from "@progress/kendo-react-buttons";
|
|
19
|
+
import { getNestedValue as R } from "../utils/index.mjs";
|
|
20
|
+
import { searchIcon as le, xIcon as re, filterIcon as ae } from "@progress/kendo-svg-icons";
|
|
21
|
+
const ie = (e, u) => e.length !== u.length ? !1 : e.every((h, f) => h === u[f]), ce = {
|
|
22
22
|
uniqueData: !0
|
|
23
|
-
},
|
|
24
|
-
const { uniqueData:
|
|
23
|
+
}, Ee = (e) => {
|
|
24
|
+
const { uniqueData: u = ce.uniqueData } = e, h = () => {
|
|
25
25
|
const t = e.column.field;
|
|
26
|
-
return
|
|
26
|
+
return v().filters.findIndex(
|
|
27
27
|
(a) => a.filters && a.filters.length > 0 && a.filters[0].field === t
|
|
28
28
|
);
|
|
29
|
-
},
|
|
30
|
-
const i = e.column.field || "", a = t.map((c) =>
|
|
29
|
+
}, f = (t, n) => {
|
|
30
|
+
const i = e.column.field || "", a = t.map((c) => R(i, c));
|
|
31
31
|
return n ? a.filter((c, o) => a.indexOf(c) === o) : a;
|
|
32
|
-
},
|
|
32
|
+
}, v = () => e.filter ? ne(e.filter) : { filters: [], logic: "and" }, r = l.useRef(h()), [S, z] = l.useState(e.expanded || !1), [I, b] = l.useState(""), [g, x] = l.useState(f(e.data, u) || []), [A, j] = l.useState(f(e.data, !1) || []), [s, T] = l.useState(v());
|
|
33
33
|
l.useEffect(() => {
|
|
34
|
-
const t = e.column.field || "", n = e.data.map((i) =>
|
|
35
|
-
|
|
34
|
+
const t = e.column.field || "", n = e.data.map((i) => R(t, i));
|
|
35
|
+
ie(n, A) || (x(n), j(n));
|
|
36
36
|
}, [e.column, e.data]);
|
|
37
37
|
const N = () => e.expanded !== void 0, W = () => {
|
|
38
|
-
const t = N(), n = !(t ? e.expanded :
|
|
39
|
-
e.onExpandChange && e.onExpandChange(n), t ||
|
|
40
|
-
},
|
|
38
|
+
const t = N(), n = !(t ? e.expanded : S);
|
|
39
|
+
e.onExpandChange && e.onExpandChange(n), t || z(n);
|
|
40
|
+
}, B = (t) => {
|
|
41
41
|
const n = e.searchBoxFilterOperator ? e.searchBoxFilterOperator : "startswith", i = {
|
|
42
42
|
logic: "and",
|
|
43
43
|
filters: [{ field: e.column.field, operator: n, value: t.target.value, ignoreCase: !0 }]
|
|
44
44
|
};
|
|
45
|
-
|
|
45
|
+
b(t.target.value), x(f(P(e.data || [], i), u));
|
|
46
46
|
}, H = () => {
|
|
47
47
|
const t = e.searchBoxFilterOperator ? e.searchBoxFilterOperator : "startswith", n = {
|
|
48
48
|
logic: "and",
|
|
49
49
|
filters: [{ field: e.column.field, operator: t, value: "", ignoreCase: !0 }]
|
|
50
50
|
};
|
|
51
|
-
|
|
51
|
+
b(""), x(f(P(e.data || [], n), u));
|
|
52
52
|
}, J = (t) => {
|
|
53
53
|
if (t.preventDefault(), !e.onFilterChange)
|
|
54
54
|
return;
|
|
@@ -59,18 +59,18 @@ const ce = (e, d) => e.length !== d.length ? !1 : e.every((g, m) => g === d[m]),
|
|
|
59
59
|
return;
|
|
60
60
|
const n = s || null;
|
|
61
61
|
e.onFilterChange(n, t), e.onCloseMenu && e.onCloseMenu();
|
|
62
|
-
},
|
|
62
|
+
}, D = (t, n) => {
|
|
63
63
|
const i = e.column.field || "", a = { ...s }, c = [...s.filters];
|
|
64
64
|
let o = [];
|
|
65
65
|
if (r.current !== -1 && a.filters[r.current].filters && n !== "all" && (o = a.filters[r.current].filters), t.value && n === "all")
|
|
66
|
-
|
|
67
|
-
o.push({ field: i, operator: "eq", value:
|
|
66
|
+
g.forEach((E) => {
|
|
67
|
+
o.push({ field: i, operator: "eq", value: E });
|
|
68
68
|
});
|
|
69
69
|
else if (t.value)
|
|
70
70
|
o.push({ field: i, operator: "eq", value: n });
|
|
71
71
|
else if (s) {
|
|
72
|
-
const
|
|
73
|
-
o.splice(
|
|
72
|
+
const E = o.findIndex((Y) => Y.value === n);
|
|
73
|
+
o.splice(E, 1);
|
|
74
74
|
}
|
|
75
75
|
a.logic = "and", r.current !== -1 ? c[r.current] = {
|
|
76
76
|
logic: "or",
|
|
@@ -83,66 +83,65 @@ const ce = (e, d) => e.length !== d.length ? !1 : e.every((g, m) => g === d[m]),
|
|
|
83
83
|
let t = !1;
|
|
84
84
|
if (s) {
|
|
85
85
|
const n = [...s.filters];
|
|
86
|
-
return r.current === -1 ? !1 : (t =
|
|
86
|
+
return r.current === -1 ? !1 : (t = g.every((i) => r.current !== -1 && n[r.current].filters ? n[r.current].filters.findIndex(
|
|
87
87
|
(c) => c.value === i
|
|
88
88
|
) >= 0 : !1), t);
|
|
89
89
|
}
|
|
90
90
|
return t;
|
|
91
|
-
},
|
|
92
|
-
if (!
|
|
91
|
+
}, d = ee(), { column: C } = e;
|
|
92
|
+
if (!C || !C.field)
|
|
93
93
|
return /* @__PURE__ */ l.createElement("div", null);
|
|
94
|
-
const U = N() ? e.expanded :
|
|
94
|
+
const U = N() ? e.expanded : S, k = [];
|
|
95
95
|
if (s) {
|
|
96
96
|
const t = [...s.filters];
|
|
97
|
-
r.current = t.findIndex((n) => n.filters && n.filters.length > 0 ? n.filters[0].field ===
|
|
98
|
-
n.field === e.column.field &&
|
|
97
|
+
r.current = t.findIndex((n) => n.filters && n.filters.length > 0 ? n.filters[0].field === C.field : !1), r.current !== -1 && t[r.current].filters.length > 0 && t[r.current].filters.forEach((n) => {
|
|
98
|
+
n.field === e.column.field && k.push(n.value);
|
|
99
99
|
});
|
|
100
100
|
}
|
|
101
|
-
const X =
|
|
102
|
-
|
|
101
|
+
const X = e.searchBox ? /* @__PURE__ */ l.createElement(e.searchBox, { value: I, onChange: B }) : /* @__PURE__ */ l.createElement("div", { className: "k-searchbox k-textbox k-input k-input-md k-input-solid" }, /* @__PURE__ */ l.createElement(te, { className: "k-input-icon", name: "search", icon: le }), /* @__PURE__ */ l.createElement(
|
|
102
|
+
p,
|
|
103
103
|
{
|
|
104
104
|
className: "k-input-inner",
|
|
105
105
|
type: "text",
|
|
106
|
-
placeholder:
|
|
107
|
-
value:
|
|
108
|
-
onChange: (t) =>
|
|
106
|
+
placeholder: d.toLanguageString(O, m[O]),
|
|
107
|
+
value: I,
|
|
108
|
+
onChange: (t) => B(t.nativeEvent)
|
|
109
109
|
}
|
|
110
110
|
), /* @__PURE__ */ l.createElement(
|
|
111
|
-
|
|
111
|
+
F,
|
|
112
112
|
{
|
|
113
113
|
type: "button",
|
|
114
114
|
rounded: null,
|
|
115
115
|
className: "k-input-button",
|
|
116
116
|
onClick: H,
|
|
117
117
|
icon: "x",
|
|
118
|
-
|
|
119
|
-
svgIcon: ae
|
|
118
|
+
svgIcon: re
|
|
120
119
|
}
|
|
121
|
-
)),
|
|
122
|
-
return /* @__PURE__ */ l.createElement(
|
|
123
|
-
|
|
120
|
+
)), y = k.filter((t, n) => k.indexOf(t) === n);
|
|
121
|
+
return /* @__PURE__ */ l.createElement(_, null, /* @__PURE__ */ l.createElement(
|
|
122
|
+
Z,
|
|
124
123
|
{
|
|
125
|
-
title:
|
|
124
|
+
title: d.toLanguageString(q, m[q]),
|
|
126
125
|
iconClass: "k-i-filter",
|
|
127
|
-
svgIcon:
|
|
126
|
+
svgIcon: ae,
|
|
128
127
|
onClick: W
|
|
129
128
|
}
|
|
130
|
-
), /* @__PURE__ */ l.createElement(
|
|
129
|
+
), /* @__PURE__ */ l.createElement($, { show: !!U }, /* @__PURE__ */ l.createElement("form", { className: "k-filter-menu", onSubmit: K, onReset: J }, /* @__PURE__ */ l.createElement("div", { className: "k-filter-menu-container" }, X, /* @__PURE__ */ l.createElement("ul", { className: "k-reset k-multicheck-wrap" }, /* @__PURE__ */ l.createElement("li", { className: "k-item k-check-all-wrap" }, /* @__PURE__ */ l.createElement(
|
|
131
130
|
M,
|
|
132
131
|
{
|
|
133
|
-
label:
|
|
134
|
-
onChange: (t) =>
|
|
132
|
+
label: d.toLanguageString(L, m[L]),
|
|
133
|
+
onChange: (t) => D(t, "all"),
|
|
135
134
|
checked: Q()
|
|
136
135
|
}
|
|
137
|
-
)),
|
|
136
|
+
)), g.map((t, n) => /* @__PURE__ */ l.createElement("li", { className: "k-item", key: n }, /* @__PURE__ */ l.createElement(
|
|
138
137
|
M,
|
|
139
138
|
{
|
|
140
139
|
label: String(t),
|
|
141
|
-
onChange: (i) =>
|
|
142
|
-
checked:
|
|
140
|
+
onChange: (i) => D(i, t),
|
|
141
|
+
checked: y.includes(t)
|
|
143
142
|
}
|
|
144
|
-
)))), /* @__PURE__ */ l.createElement("div", { className: "k-filter-selected-items" },
|
|
143
|
+
)))), /* @__PURE__ */ l.createElement("div", { className: "k-filter-selected-items" }, y.length + " " + d.toLanguageString(w, m[w])), /* @__PURE__ */ l.createElement("div", { className: "k-actions k-hstack k-justify-content-stretch" }, /* @__PURE__ */ l.createElement(F, { themeColor: "primary", type: "submit" }, d.toLanguageString(V, m[V])), /* @__PURE__ */ l.createElement(F, { className: "k-button", type: "reset" }, d.toLanguageString(G, m[G])))))));
|
|
145
144
|
};
|
|
146
145
|
export {
|
|
147
|
-
|
|
146
|
+
Ee as GridColumnMenuCheckboxFilter
|
|
148
147
|
};
|
|
@@ -5,5 +5,4 @@
|
|
|
5
5
|
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
6
6
|
*-------------------------------------------------------------------------------------------
|
|
7
7
|
*/
|
|
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;
|
|
8
|
+
"use client";"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;
|