@progress/kendo-react-pivotgrid 5.4.0-dev.202205271059 → 5.4.0-dev.202206061009
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cdn/js/kendo-react-pivotgrid.js +1 -1
- package/dist/es/PivotGrid.d.ts +1 -1
- package/dist/es/PivotGrid.js +3 -3
- package/dist/es/components/AxesEditor.d.ts +1 -1
- package/dist/es/components/AxisEditor.d.ts +1 -1
- package/dist/es/components/AxisEditor.js +10 -6
- package/dist/es/components/AxisFilterFieldsEditor.d.ts +1 -1
- package/dist/es/components/Cell.d.ts +1 -1
- package/dist/es/components/Column.d.ts +1 -1
- package/dist/es/components/Configurator.d.ts +1 -1
- package/dist/es/components/ConfiguratorButton.d.ts +1 -1
- package/dist/es/components/ConfiguratorEditor.js +3 -3
- package/dist/es/components/Container.d.ts +1 -1
- package/dist/es/components/FieldsEditor.d.ts +1 -1
- package/dist/es/components/FieldsEditor.js +9 -5
- package/dist/es/components/HeaderCell.d.ts +2 -2
- package/dist/es/components/HeaderCell.js +1 -1
- package/dist/es/components/Row.d.ts +1 -1
- package/dist/es/hooks/useExpansion.d.ts +1 -1
- package/dist/es/hooks/useExpansion.js +12 -8
- package/dist/es/hooks/useHeaders.d.ts +1 -1
- package/dist/es/hooks/usePivotOLAPService.js +7 -1
- package/dist/es/package-metadata.js +1 -1
- package/dist/es/utils/index.d.ts +1 -1
- package/dist/es/utils/index.js +11 -7
- package/dist/npm/PivotGrid.d.ts +1 -1
- package/dist/npm/PivotGrid.js +24 -24
- package/dist/npm/components/AxesEditor.d.ts +1 -1
- package/dist/npm/components/AxesEditor.js +2 -2
- package/dist/npm/components/AxisEditor.d.ts +1 -1
- package/dist/npm/components/AxisEditor.js +21 -17
- package/dist/npm/components/AxisFilterFieldsEditor.d.ts +1 -1
- package/dist/npm/components/AxisFilterFieldsEditor.js +12 -12
- package/dist/npm/components/Cell.d.ts +1 -1
- package/dist/npm/components/Cell.js +2 -2
- package/dist/npm/components/Column.d.ts +1 -1
- package/dist/npm/components/Column.js +1 -1
- package/dist/npm/components/Configurator.d.ts +1 -1
- package/dist/npm/components/Configurator.js +7 -7
- package/dist/npm/components/ConfiguratorButton.d.ts +1 -1
- package/dist/npm/components/ConfiguratorButton.js +4 -4
- package/dist/npm/components/ConfiguratorEditor.js +10 -10
- package/dist/npm/components/Container.d.ts +1 -1
- package/dist/npm/components/Container.js +1 -1
- package/dist/npm/components/FieldsEditor.d.ts +1 -1
- package/dist/npm/components/FieldsEditor.js +18 -14
- package/dist/npm/components/HeaderCell.d.ts +2 -2
- package/dist/npm/components/HeaderCell.js +4 -4
- package/dist/npm/components/Row.d.ts +1 -1
- package/dist/npm/components/Row.js +2 -2
- package/dist/npm/hooks/index.js +5 -1
- package/dist/npm/hooks/useExpansion.d.ts +1 -1
- package/dist/npm/hooks/useExpansion.js +12 -8
- package/dist/npm/hooks/useHeaders.d.ts +1 -1
- package/dist/npm/hooks/useHeaders.js +1 -1
- package/dist/npm/hooks/usePivotConfiguratorEditor.js +2 -2
- package/dist/npm/hooks/usePivotLocalDataService.js +6 -6
- package/dist/npm/hooks/usePivotOLAPService.js +16 -10
- package/dist/npm/package-metadata.js +1 -1
- package/dist/npm/shared/index.js +5 -1
- package/dist/npm/utils/index.d.ts +1 -1
- package/dist/npm/utils/index.js +12 -8
- package/dist/systemjs/kendo-react-pivotgrid.js +1 -1
- package/package.json +11 -11
|
@@ -10,10 +10,14 @@ var __assign = (this && this.__assign) || function () {
|
|
|
10
10
|
};
|
|
11
11
|
return __assign.apply(this, arguments);
|
|
12
12
|
};
|
|
13
|
-
var __spreadArray = (this && this.__spreadArray) || function (to, from) {
|
|
14
|
-
for (var i = 0,
|
|
15
|
-
|
|
16
|
-
|
|
13
|
+
var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
|
|
14
|
+
if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
|
|
15
|
+
if (ar || !(i in from)) {
|
|
16
|
+
if (!ar) ar = Array.prototype.slice.call(from, 0, i);
|
|
17
|
+
ar[i] = from[i];
|
|
18
|
+
}
|
|
19
|
+
}
|
|
20
|
+
return to.concat(ar || Array.prototype.slice.call(from));
|
|
17
21
|
};
|
|
18
22
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
19
23
|
exports.PivotGridAxisEditor = void 0;
|
|
@@ -42,12 +46,12 @@ exports.PivotGridAxisEditor = React.forwardRef(function (props, ref) {
|
|
|
42
46
|
React.useImperativeHandle(element, function () { return chip.current && chip.current.element; });
|
|
43
47
|
React.useImperativeHandle(target, function () { return ({ props: props, element: element.current }); });
|
|
44
48
|
React.useImperativeHandle(ref, function () { return target.current; });
|
|
45
|
-
var _c = kendo_react_common_1.useCustomComponent(props.chip || defaultProps.chip), ChipComponent = _c[0], ChipProps = _c[1];
|
|
46
|
-
var _d = kendo_react_common_1.useCustomComponent(props.dropClue || defaultProps.dropClue), DropClueComponent = _d[0], DropClueProps = _d[1];
|
|
47
|
-
var _e = kendo_react_common_1.useCustomComponent(props.columnMenuTextColumn || defaultProps.columnMenuTextColumn), ColumnMenuTextColumnComponent = _e[0], ColumnMenuTextColumnProps = _e[1];
|
|
48
|
-
var _f = kendo_react_common_1.useCustomComponent(props.filterFieldsEditor || defaultProps.filterFieldsEditor), FilterFieldsEditorComponent = _f[0], FilterFieldsEditorProps = _f[1];
|
|
49
|
-
var inFilter = utils_1.findFilters(state.filter, String(props.value), 'in');
|
|
50
|
-
var textFilter = utils_1.findFilters(state.filter, String(props.value));
|
|
49
|
+
var _c = (0, kendo_react_common_1.useCustomComponent)(props.chip || defaultProps.chip), ChipComponent = _c[0], ChipProps = _c[1];
|
|
50
|
+
var _d = (0, kendo_react_common_1.useCustomComponent)(props.dropClue || defaultProps.dropClue), DropClueComponent = _d[0], DropClueProps = _d[1];
|
|
51
|
+
var _e = (0, kendo_react_common_1.useCustomComponent)(props.columnMenuTextColumn || defaultProps.columnMenuTextColumn), ColumnMenuTextColumnComponent = _e[0], ColumnMenuTextColumnProps = _e[1];
|
|
52
|
+
var _f = (0, kendo_react_common_1.useCustomComponent)(props.filterFieldsEditor || defaultProps.filterFieldsEditor), FilterFieldsEditorComponent = _f[0], FilterFieldsEditorProps = _f[1];
|
|
53
|
+
var inFilter = (0, utils_1.findFilters)(state.filter, String(props.value), 'in');
|
|
54
|
+
var textFilter = (0, utils_1.findFilters)(state.filter, String(props.value));
|
|
51
55
|
var handleSortChange = function (syntheticEvent, sort) {
|
|
52
56
|
dispatchState({ type: hooks_1.PIVOT_CONFIGURATOR_ACTION.setSort, payload: sort }, syntheticEvent);
|
|
53
57
|
};
|
|
@@ -55,7 +59,7 @@ exports.PivotGridAxisEditor = React.forwardRef(function (props, ref) {
|
|
|
55
59
|
if (filter.length) {
|
|
56
60
|
dispatchState({
|
|
57
61
|
type: hooks_1.PIVOT_CONFIGURATOR_ACTION.setFilter,
|
|
58
|
-
payload: __spreadArray(__spreadArray([], (inFilter || [])), filter.reduce(function (acc, current) { return __spreadArray(__spreadArray([], acc), current.filters.filter(function (f) { return f.value; })); }, []))
|
|
62
|
+
payload: __spreadArray(__spreadArray([], (inFilter || []), true), filter.reduce(function (acc, current) { return __spreadArray(__spreadArray([], acc, true), current.filters.filter(function (f) { return f.value; }), true); }, []), true)
|
|
59
63
|
}, syntheticEvent);
|
|
60
64
|
}
|
|
61
65
|
else {
|
|
@@ -67,7 +71,7 @@ exports.PivotGridAxisEditor = React.forwardRef(function (props, ref) {
|
|
|
67
71
|
};
|
|
68
72
|
var customRender = function (children) {
|
|
69
73
|
var customizedChildren = children.slice();
|
|
70
|
-
var filter = utils_1.findFilter(state.filter, String(props.dataItem.name), 'in');
|
|
74
|
+
var filter = (0, utils_1.findFilter)(state.filter, String(props.dataItem.name), 'in');
|
|
71
75
|
customizedChildren.splice(1, 0, (React.createElement(FilterFieldsEditorComponent, __assign({ key: 'axis-filter-fields-editor', defaultFilter: filter, dataItem: props.dataItem, data: props.dataItem.fields, axes: axes }, FilterFieldsEditorProps))));
|
|
72
76
|
return customizedChildren;
|
|
73
77
|
};
|
|
@@ -81,7 +85,7 @@ exports.PivotGridAxisEditor = React.forwardRef(function (props, ref) {
|
|
|
81
85
|
return;
|
|
82
86
|
}
|
|
83
87
|
if (element.current) {
|
|
84
|
-
element.current.style.transform = "translate("
|
|
88
|
+
element.current.style.transform = "translate(".concat(event.clientX - initialX.current, "px, ").concat(event.clientY - initialY.current, "px)");
|
|
85
89
|
}
|
|
86
90
|
setDrag(true);
|
|
87
91
|
dispatchState({ type: hooks_1.PIVOT_CONFIGURATOR_ACTION.setDragItem, payload: props.dataItem });
|
|
@@ -111,20 +115,20 @@ exports.PivotGridAxisEditor = React.forwardRef(function (props, ref) {
|
|
|
111
115
|
}
|
|
112
116
|
}
|
|
113
117
|
};
|
|
114
|
-
kendo_react_common_1.useDraggable(element, {
|
|
118
|
+
(0, kendo_react_common_1.useDraggable)(element, {
|
|
115
119
|
onPress: handlePress,
|
|
116
120
|
onDrag: handleDrag,
|
|
117
121
|
onRelease: handleRelease
|
|
118
122
|
});
|
|
119
123
|
return (React.createElement(React.Fragment, null,
|
|
120
|
-
(state.dropTarget && kendo_pivotgrid_common_1.compareAxes(state.dropTarget, props.dataItem) && state.dropDirection === 'before')
|
|
124
|
+
(state.dropTarget && (0, kendo_pivotgrid_common_1.compareAxes)(state.dropTarget, props.dataItem) && state.dropDirection === 'before')
|
|
121
125
|
&& (React.createElement(DropClueComponent, __assign({}, DropClueProps))),
|
|
122
|
-
React.createElement(ChipComponent, __assign({ ref: kendo_react_common_1.canUseRef(ChipComponent) ? chip : undefined }, props, { removable: true, onRemove: handleRemove, onMouseEnter: handleMouseEnter, onMouseMove: handleMouseMove, style: { pointerEvents: drag ? 'none' : undefined }, rounded: 'full' }, ChipProps),
|
|
126
|
+
React.createElement(ChipComponent, __assign({ ref: (0, kendo_react_common_1.canUseRef)(ChipComponent) ? chip : undefined }, props, { removable: true, onRemove: handleRemove, onMouseEnter: handleMouseEnter, onMouseMove: handleMouseMove, style: { pointerEvents: drag ? 'none' : undefined }, rounded: 'full' }, ChipProps),
|
|
123
127
|
props.text,
|
|
124
128
|
(axes !== 'measureAxes') && (React.createElement(ColumnMenuTextColumnComponent, __assign({ field: String(props.value), itemsRender: customRender, sort: state.sort, onSortChange: handleSortChange, filter: (textFilter && textFilter.length) ? [{ logic: 'and', filters: textFilter }] : undefined, onFilterChange: handleFilterChange, filterContent: [
|
|
125
129
|
kendo_react_data_tools_1.ColumnMenuTextFilter
|
|
126
130
|
] }, ColumnMenuTextColumnProps)))),
|
|
127
|
-
(state.dropTarget && kendo_pivotgrid_common_1.compareAxes(state.dropTarget, props.dataItem) && state.dropDirection === 'after')
|
|
131
|
+
(state.dropTarget && (0, kendo_pivotgrid_common_1.compareAxes)(state.dropTarget, props.dataItem) && state.dropDirection === 'after')
|
|
128
132
|
&& (React.createElement(DropClueComponent, __assign({}, DropClueProps)))));
|
|
129
133
|
});
|
|
130
134
|
var defaultProps = {
|
|
@@ -111,4 +111,4 @@ export interface PivotGridAxisFilterFieldsEditorHandle {
|
|
|
111
111
|
/**
|
|
112
112
|
* Represents the [KendoReact PivotGridAxisFilterFieldsEditor component]({% slug api_pivotgrid_pivotgridaxisfilterfieldseditorprops %}).
|
|
113
113
|
*/
|
|
114
|
-
export declare const PivotGridAxisFilterFieldsEditor: React.ForwardRefExoticComponent<PivotGridAxisFilterFieldsEditorProps & React.RefAttributes<PivotGridAxisFilterFieldsEditorHandle>>;
|
|
114
|
+
export declare const PivotGridAxisFilterFieldsEditor: React.ForwardRefExoticComponent<PivotGridAxisFilterFieldsEditorProps & React.RefAttributes<PivotGridAxisFilterFieldsEditorHandle | null>>;
|
|
@@ -31,13 +31,13 @@ exports.PivotGridAxisFilterFieldsEditor = React.forwardRef(function (props, ref)
|
|
|
31
31
|
var _a = __assign(__assign({}, defaultProps), props), data = _a.data, dataItem = _a.dataItem, defaultFilter = _a.defaultFilter;
|
|
32
32
|
var element = React.useRef(null);
|
|
33
33
|
var target = React.useRef(null);
|
|
34
|
-
var localization = kendo_react_intl_1.useLocalization();
|
|
35
|
-
var _b = kendo_react_common_1.useCustomComponent(props.columnMenuItem || defaultProps.columnMenuItem), ColumnMenuItemComponent = _b[0], ColumnMenuItemProps = _b[1];
|
|
36
|
-
var _c = kendo_react_common_1.useCustomComponent(props.columnMenuForm || defaultProps.columnMenuForm), ColumnMenuFormComponent = _c[0], ColumnMenuFormProps = _c[1];
|
|
37
|
-
var _d = kendo_react_common_1.useCustomComponent(props.resetButton || defaultProps.resetButton), ResetButtonComponent = _d[0], ResetButtonProps = _d[1];
|
|
38
|
-
var _e = kendo_react_common_1.useCustomComponent(props.applyButton || defaultProps.applyButton), ApplyButtonComponent = _e[0], ApplyButtonProps = _e[1];
|
|
39
|
-
var _f = kendo_react_common_1.useCustomComponent(props.treeView || defaultProps.treeView), TreeViewComponent = _f[0], TreeViewProps = _f[1];
|
|
40
|
-
var _g = kendo_react_common_1.useCustomComponent(props.noData || defaultProps.noData), NoDataComponent = _g[0], NoDataProps = _g[1];
|
|
34
|
+
var localization = (0, kendo_react_intl_1.useLocalization)();
|
|
35
|
+
var _b = (0, kendo_react_common_1.useCustomComponent)(props.columnMenuItem || defaultProps.columnMenuItem), ColumnMenuItemComponent = _b[0], ColumnMenuItemProps = _b[1];
|
|
36
|
+
var _c = (0, kendo_react_common_1.useCustomComponent)(props.columnMenuForm || defaultProps.columnMenuForm), ColumnMenuFormComponent = _c[0], ColumnMenuFormProps = _c[1];
|
|
37
|
+
var _d = (0, kendo_react_common_1.useCustomComponent)(props.resetButton || defaultProps.resetButton), ResetButtonComponent = _d[0], ResetButtonProps = _d[1];
|
|
38
|
+
var _e = (0, kendo_react_common_1.useCustomComponent)(props.applyButton || defaultProps.applyButton), ApplyButtonComponent = _e[0], ApplyButtonProps = _e[1];
|
|
39
|
+
var _f = (0, kendo_react_common_1.useCustomComponent)(props.treeView || defaultProps.treeView), TreeViewComponent = _f[0], TreeViewProps = _f[1];
|
|
40
|
+
var _g = (0, kendo_react_common_1.useCustomComponent)(props.noData || defaultProps.noData), NoDataComponent = _g[0], NoDataProps = _g[1];
|
|
41
41
|
React.useImperativeHandle(target, function () { return ({ props: props, element: element.current }); });
|
|
42
42
|
React.useImperativeHandle(ref, function () { return target.current; });
|
|
43
43
|
var _h = React.useState(false), show = _h[0], setShow = _h[1];
|
|
@@ -45,7 +45,7 @@ exports.PivotGridAxisFilterFieldsEditor = React.forwardRef(function (props, ref)
|
|
|
45
45
|
var _k = React.useContext(shared_1.PivotGridConfiguratorEditorStateContext), dispatchState = _k[1];
|
|
46
46
|
var _l = React.useState(defaultFilter), filter = _l[0], setFilter = _l[1];
|
|
47
47
|
var selected = filter ? filter.value.split(',') : [];
|
|
48
|
-
var _m = hooks_1.useExpansion([], undefined, target, utils_1.compareFields), expanded = _m[0], dispatchExpansion = _m[1];
|
|
48
|
+
var _m = (0, hooks_1.useExpansion)([], undefined, target, utils_1.compareFields), expanded = _m[0], dispatchExpansion = _m[1];
|
|
49
49
|
var map = {
|
|
50
50
|
caption: function (node) { return node.dataItem.caption; },
|
|
51
51
|
id: function (node) { return node.dataItem.uniqueName; },
|
|
@@ -54,7 +54,7 @@ exports.PivotGridAxisFilterFieldsEditor = React.forwardRef(function (props, ref)
|
|
|
54
54
|
expanded: function (node) { return expanded.some(function (e) { return e.uniqueName === node.id; }); },
|
|
55
55
|
checked: function (node) { return !selected.length || (selected || []).some(function (f) { return f === node.dataItem.uniqueName; }); },
|
|
56
56
|
hasChildren: function (node) { return parseInt(node.dataItem.childrenCardinality, 10) > 0; },
|
|
57
|
-
children: function (node) { return utils_1.recursiveMap(node.dataItem.children, map, node); },
|
|
57
|
+
children: function (node) { return (0, utils_1.recursiveMap)(node.dataItem.children, map, node); },
|
|
58
58
|
checkIndeterminate: function (node) {
|
|
59
59
|
var everyChildChecked = (node.children || []).length && node.children.every(function (c) { return c.checked; });
|
|
60
60
|
if (everyChildChecked) {
|
|
@@ -63,8 +63,8 @@ exports.PivotGridAxisFilterFieldsEditor = React.forwardRef(function (props, ref)
|
|
|
63
63
|
return (node.children || []).some(function (c) { return c.checked; }) && !everyChildChecked;
|
|
64
64
|
}
|
|
65
65
|
};
|
|
66
|
-
var fields = utils_1.recursiveMap(data, map);
|
|
67
|
-
var dataFlatMap = utils_1.flatMap(fields);
|
|
66
|
+
var fields = (0, utils_1.recursiveMap)(data, map);
|
|
67
|
+
var dataFlatMap = (0, utils_1.flatMap)(fields);
|
|
68
68
|
var handleClick = function (syntheticEvent) {
|
|
69
69
|
setShow(!show);
|
|
70
70
|
if (onAxisFilterFieldsExpandChange) {
|
|
@@ -131,7 +131,7 @@ exports.PivotGridAxisFilterFieldsEditor = React.forwardRef(function (props, ref)
|
|
|
131
131
|
}, syntheticEvent);
|
|
132
132
|
}
|
|
133
133
|
};
|
|
134
|
-
return (React.createElement("div", { ref: element, id: props.id, tabIndex: props.tabIndex, style: props.style, className: kendo_react_common_1.classNames('k-columnmenu-item-wrapper', props.className) },
|
|
134
|
+
return (React.createElement("div", { ref: element, id: props.id, tabIndex: props.tabIndex, style: props.style, className: (0, kendo_react_common_1.classNames)('k-columnmenu-item-wrapper', props.className) },
|
|
135
135
|
React.createElement(ColumnMenuItemComponent, __assign({}, ColumnMenuItemProps, { title: "Include Fields", iconClass: "k-i-grid-layout", onClick: handleClick })),
|
|
136
136
|
React.createElement(ColumnMenuFormComponent, __assign({ show: show, actions: (React.createElement(React.Fragment, null,
|
|
137
137
|
React.createElement(ResetButtonComponent, __assign({ type: "reset", onClick: handleResetClick }, ResetButtonProps), localization.toLanguageString(messages_1.fieldMenuReset, messages_1.messages[messages_1.fieldMenuReset])),
|
|
@@ -54,4 +54,4 @@ export interface PivotGridCellProps extends KendoMouse<PivotGridCellHandle, HTML
|
|
|
54
54
|
/**
|
|
55
55
|
* Represents the [KendoReact PivotGridCell component]({% slug api_pivotgrid_pivotgridcellprops %}).
|
|
56
56
|
*/
|
|
57
|
-
export declare const PivotGridCell: React.ForwardRefExoticComponent<PivotGridCellProps & React.RefAttributes<PivotGridCellHandle>>;
|
|
57
|
+
export declare const PivotGridCell: React.ForwardRefExoticComponent<PivotGridCellProps & React.RefAttributes<PivotGridCellHandle | null>>;
|
|
@@ -26,8 +26,8 @@ exports.PivotGridCell = React.forwardRef(function (props, ref) {
|
|
|
26
26
|
props: props
|
|
27
27
|
}); });
|
|
28
28
|
React.useImperativeHandle(ref, function () { return target.current; });
|
|
29
|
-
var mouseProps = kendo_react_common_1.useMouse(props, target);
|
|
30
|
-
return (React.createElement("td", __assign({ ref: element }, mouseProps, { "data-key": props['data-key'], id: props.id, style: props.style, tabIndex: props.tabIndex, className: kendo_react_common_1.classNames('k-pivotgrid-cell', {
|
|
29
|
+
var mouseProps = (0, kendo_react_common_1.useMouse)(props, target);
|
|
30
|
+
return (React.createElement("td", __assign({ ref: element }, mouseProps, { "data-key": props['data-key'], id: props.id, style: props.style, tabIndex: props.tabIndex, className: (0, kendo_react_common_1.classNames)('k-pivotgrid-cell', {
|
|
31
31
|
'k-pivotgrid-header-total': props.total
|
|
32
32
|
}, props.className) }), props.children));
|
|
33
33
|
});
|
|
@@ -39,4 +39,4 @@ export interface PivotGridColumnProps extends KendoMouse<PivotGridColumnHandle,
|
|
|
39
39
|
/**
|
|
40
40
|
* Represents the [KendoReact PivotGridColumn component]({% slug api_pivotgrid_pivotgridcolumnprops %}).
|
|
41
41
|
*/
|
|
42
|
-
export declare const PivotGridColumn: React.ForwardRefExoticComponent<PivotGridColumnProps & React.RefAttributes<PivotGridColumnHandle>>;
|
|
42
|
+
export declare const PivotGridColumn: React.ForwardRefExoticComponent<PivotGridColumnProps & React.RefAttributes<PivotGridColumnHandle | null>>;
|
|
@@ -26,7 +26,7 @@ exports.PivotGridColumn = React.forwardRef(function (props, ref) {
|
|
|
26
26
|
props: props
|
|
27
27
|
}); });
|
|
28
28
|
React.useImperativeHandle(ref, function () { return target.current; });
|
|
29
|
-
var mouseProps = kendo_react_common_1.useMouse(props, target);
|
|
29
|
+
var mouseProps = (0, kendo_react_common_1.useMouse)(props, target);
|
|
30
30
|
return (React.createElement("col", __assign({ ref: element }, mouseProps, { id: props.id, style: props.style, tabIndex: props.tabIndex, children: props.children, className: props.className })));
|
|
31
31
|
});
|
|
32
32
|
var defaultProps = {
|
|
@@ -122,4 +122,4 @@ export interface PivotGridConfiguratorHandle {
|
|
|
122
122
|
/**
|
|
123
123
|
* Represents the [KendoReact PivotGridConfigurator component]({% slug api_pivotgrid_pivotgridconfiguratorprops %}).
|
|
124
124
|
*/
|
|
125
|
-
export declare const PivotGridConfigurator: React.ForwardRefExoticComponent<PivotGridConfiguratorProps & React.RefAttributes<PivotGridConfiguratorHandle>>;
|
|
125
|
+
export declare const PivotGridConfigurator: React.ForwardRefExoticComponent<PivotGridConfiguratorProps & React.RefAttributes<PivotGridConfiguratorHandle | null>>;
|
|
@@ -27,10 +27,10 @@ exports.PivotGridConfigurator = React.forwardRef(function (props, ref) {
|
|
|
27
27
|
var element = React.useRef(null);
|
|
28
28
|
var target = React.useRef(null);
|
|
29
29
|
var form = React.useRef(null);
|
|
30
|
-
var localization = kendo_react_intl_1.useLocalization();
|
|
31
|
-
var _b = kendo_react_common_1.useCustomComponent(props.editor || defaultProps.editor), EditorComponent = _b[0], EditorProps = _b[1];
|
|
32
|
-
var _c = kendo_react_common_1.useCustomComponent(props.form || defaultProps.form), FormComponent = _c[0], FormProps = _c[1];
|
|
33
|
-
var _d = kendo_react_common_1.useCustomComponent(props.formElement || defaultProps.formElement), FormElementComponent = _d[0], FormElementProps = _d[1];
|
|
30
|
+
var localization = (0, kendo_react_intl_1.useLocalization)();
|
|
31
|
+
var _b = (0, kendo_react_common_1.useCustomComponent)(props.editor || defaultProps.editor), EditorComponent = _b[0], EditorProps = _b[1];
|
|
32
|
+
var _c = (0, kendo_react_common_1.useCustomComponent)(props.form || defaultProps.form), FormComponent = _c[0], FormProps = _c[1];
|
|
33
|
+
var _d = (0, kendo_react_common_1.useCustomComponent)(props.formElement || defaultProps.formElement), FormElementComponent = _d[0], FormElementProps = _d[1];
|
|
34
34
|
React.useImperativeHandle(target, function () { return ({ props: props, element: element.current }); });
|
|
35
35
|
React.useImperativeHandle(ref, function () { return target.current; });
|
|
36
36
|
var handleFormSubmit = function (newDataItem, syntheticEvent) {
|
|
@@ -92,14 +92,14 @@ exports.PivotGridConfigurator = React.forwardRef(function (props, ref) {
|
|
|
92
92
|
React.useEffect(function () { if (form.current) {
|
|
93
93
|
form.current.onChange('filter', { value: props.filter });
|
|
94
94
|
} }, [props.filter]);
|
|
95
|
-
return (React.createElement("div", { ref: element, id: props.id, tabIndex: props.tabIndex, style: props.style, className: kendo_react_common_1.classNames('k-pivotgrid-configurator', props.className) },
|
|
96
|
-
React.createElement("div", { className: kendo_react_common_1.classNames('k-pivotgrid-configurator-panel', 'k-pivotgrid-configurator-push', {
|
|
95
|
+
return (React.createElement("div", { ref: element, id: props.id, tabIndex: props.tabIndex, style: props.style, className: (0, kendo_react_common_1.classNames)('k-pivotgrid-configurator', props.className) },
|
|
96
|
+
React.createElement("div", { className: (0, kendo_react_common_1.classNames)('k-pivotgrid-configurator-panel', 'k-pivotgrid-configurator-push', {
|
|
97
97
|
'k-pivotgrid-configurator-horizontal': horizontal,
|
|
98
98
|
'k-pivotgrid-configurator-vertical': !horizontal
|
|
99
99
|
}) },
|
|
100
100
|
React.createElement("div", { className: "k-pivotgrid-configurator-header" },
|
|
101
101
|
React.createElement("div", { className: "k-pivotgrid-configurator-header-text" }, localization.toLanguageString(messages_1.configuratorTitle, messages_1.messages[messages_1.configuratorTitle]))),
|
|
102
|
-
React.createElement(FormComponent, __assign({ ref: kendo_react_common_1.canUseRef(FormComponent) ? form : undefined, initialValues: initialValues, onSubmit: handleFormSubmit, render: function (renderProps) { return (React.createElement(React.Fragment, null,
|
|
102
|
+
React.createElement(FormComponent, __assign({ ref: (0, kendo_react_common_1.canUseRef)(FormComponent) ? form : undefined, initialValues: initialValues, onSubmit: handleFormSubmit, render: function (renderProps) { return (React.createElement(React.Fragment, null,
|
|
103
103
|
React.createElement("div", { className: "k-pivotgrid-configurator-content" },
|
|
104
104
|
React.createElement(FormElementComponent, __assign({ horizontal: horizontal }, FormElementProps),
|
|
105
105
|
React.createElement(EditorComponent, __assign({}, renderProps, { horizontal: props.horizontal, onFieldsEditorFieldExpand: props.onFieldsEditorFieldExpand, onFieldsEditorFieldCheck: props.onFieldsEditorFieldCheck, onAxisFilterFieldExpand: props.onAxisFilterFieldExpand, onAxisFilterFieldsExpandChange: props.onAxisFilterFieldsExpandChange, data: data }, EditorProps)))),
|
|
@@ -37,4 +37,4 @@ export interface PivotGridConfiguratorButtonHandle {
|
|
|
37
37
|
/**
|
|
38
38
|
* Represents the [KendoReact PivotGridConfiguratorButton component]({% slug api_pivotgrid_pivotgridconfiguratorbuttonprops %}).
|
|
39
39
|
*/
|
|
40
|
-
export declare const PivotGridConfiguratorButton: React.ForwardRefExoticComponent<PivotGridConfiguratorButtonProps & React.RefAttributes<PivotGridConfiguratorButtonHandle>>;
|
|
40
|
+
export declare const PivotGridConfiguratorButton: React.ForwardRefExoticComponent<PivotGridConfiguratorButtonProps & React.RefAttributes<PivotGridConfiguratorButtonHandle | null>>;
|
|
@@ -23,12 +23,12 @@ var kendo_react_common_2 = require("@progress/kendo-react-common");
|
|
|
23
23
|
exports.PivotGridConfiguratorButton = React.forwardRef(function (props, ref) {
|
|
24
24
|
var target = React.useRef(null);
|
|
25
25
|
var element = React.useRef(null);
|
|
26
|
-
var localization = kendo_react_intl_1.useLocalization();
|
|
26
|
+
var localization = (0, kendo_react_intl_1.useLocalization)();
|
|
27
27
|
React.useImperativeHandle(target, function () { return ({ props: props, element: element.current }); });
|
|
28
28
|
React.useImperativeHandle(ref, function () { return target.current; });
|
|
29
|
-
var _a = kendo_react_common_1.useCustomComponent(props.icon || defaultProps.icon), IconComponent = _a[0], IconProps = _a[1];
|
|
30
|
-
var className = React.useMemo(function () { return kendo_react_common_1.classNames('k-pivotgrid-configurator-button', props.className); }, [props.className]);
|
|
31
|
-
var mouseProps = kendo_react_common_2.useMouse(props, target);
|
|
29
|
+
var _a = (0, kendo_react_common_1.useCustomComponent)(props.icon || defaultProps.icon), IconComponent = _a[0], IconProps = _a[1];
|
|
30
|
+
var className = React.useMemo(function () { return (0, kendo_react_common_1.classNames)('k-pivotgrid-configurator-button', props.className); }, [props.className]);
|
|
31
|
+
var mouseProps = (0, kendo_react_common_2.useMouse)(props, target);
|
|
32
32
|
return (React.createElement("div", __assign({ ref: element, id: props.id, className: className, tabIndex: props.tabIndex }, mouseProps),
|
|
33
33
|
React.createElement("span", null,
|
|
34
34
|
localization.toLanguageString(messages_1.configuratorButtonLabel, messages_1.messages[messages_1.configuratorButtonLabel]),
|
|
@@ -27,18 +27,18 @@ var messages_1 = require("../messages");
|
|
|
27
27
|
*/
|
|
28
28
|
exports.PivotGridConfiguratorEditor = React.forwardRef(function (props, ref) {
|
|
29
29
|
var onFieldsEditorFieldCheck = props.onFieldsEditorFieldCheck, onFieldsEditorFieldCheckAction = props.onFieldsEditorFieldCheckAction, onFieldsEditorFieldExpand = props.onFieldsEditorFieldExpand, onFieldsEditorFieldExpandAction = props.onFieldsEditorFieldExpandAction, onAxisFilterFieldExpand = props.onAxisFilterFieldExpand, onAxisFilterFieldsExpandChange = props.onAxisFilterFieldsExpandChange;
|
|
30
|
-
var _a = kendo_react_common_1.useCustomComponent(props.fieldsLabel || defaultProps.fieldsLabel), FieldsLabelComponent = _a[0], FieldsLabelProps = _a[1];
|
|
31
|
-
var _b = kendo_react_common_1.useCustomComponent(props.fieldsEditor || defaultProps.fieldsEditor), FieldsEditorComponent = _b[0], FieldsEditorProps = _b[1];
|
|
32
|
-
var _c = kendo_react_common_1.useCustomComponent(props.columnAxesLabel || defaultProps.columnAxesLabel), ColumnAxesLabelComponent = _c[0], ColumnAxesLabelProps = _c[1];
|
|
33
|
-
var _d = kendo_react_common_1.useCustomComponent(props.columnAxesEditor || defaultProps.columnAxesEditor), ColumnAxesEditorComponent = _d[0], ColumnAxesEditorProps = _d[1];
|
|
34
|
-
var _e = kendo_react_common_1.useCustomComponent(props.rowAxesLabel || defaultProps.rowAxesLabel), RowAxesLabelComponent = _e[0], RowAxesLabelProps = _e[1];
|
|
35
|
-
var _f = kendo_react_common_1.useCustomComponent(props.rowAxesEditor || defaultProps.rowAxesEditor), RowAxesEditorComponent = _f[0], RowAxesEditorProps = _f[1];
|
|
36
|
-
var _g = kendo_react_common_1.useCustomComponent(props.measureAxesLabel || defaultProps.measureAxesLabel), MeasureAxesLabelComponent = _g[0], MeasureAxesLabelProps = _g[1];
|
|
37
|
-
var _h = kendo_react_common_1.useCustomComponent(props.measureAxesEditor || defaultProps.measureAxesEditor), MeasureAxesEditorComponent = _h[0], MeasureAxesEditorProps = _h[1];
|
|
30
|
+
var _a = (0, kendo_react_common_1.useCustomComponent)(props.fieldsLabel || defaultProps.fieldsLabel), FieldsLabelComponent = _a[0], FieldsLabelProps = _a[1];
|
|
31
|
+
var _b = (0, kendo_react_common_1.useCustomComponent)(props.fieldsEditor || defaultProps.fieldsEditor), FieldsEditorComponent = _b[0], FieldsEditorProps = _b[1];
|
|
32
|
+
var _c = (0, kendo_react_common_1.useCustomComponent)(props.columnAxesLabel || defaultProps.columnAxesLabel), ColumnAxesLabelComponent = _c[0], ColumnAxesLabelProps = _c[1];
|
|
33
|
+
var _d = (0, kendo_react_common_1.useCustomComponent)((props.columnAxesEditor || defaultProps.columnAxesEditor)), ColumnAxesEditorComponent = _d[0], ColumnAxesEditorProps = _d[1];
|
|
34
|
+
var _e = (0, kendo_react_common_1.useCustomComponent)(props.rowAxesLabel || defaultProps.rowAxesLabel), RowAxesLabelComponent = _e[0], RowAxesLabelProps = _e[1];
|
|
35
|
+
var _f = (0, kendo_react_common_1.useCustomComponent)((props.rowAxesEditor || defaultProps.rowAxesEditor)), RowAxesEditorComponent = _f[0], RowAxesEditorProps = _f[1];
|
|
36
|
+
var _g = (0, kendo_react_common_1.useCustomComponent)(props.measureAxesLabel || defaultProps.measureAxesLabel), MeasureAxesLabelComponent = _g[0], MeasureAxesLabelProps = _g[1];
|
|
37
|
+
var _h = (0, kendo_react_common_1.useCustomComponent)((props.measureAxesEditor || defaultProps.measureAxesEditor)), MeasureAxesEditorComponent = _h[0], MeasureAxesEditorProps = _h[1];
|
|
38
38
|
var element = React.useRef(null);
|
|
39
39
|
var target = React.useRef(null);
|
|
40
|
-
var localization = kendo_react_intl_1.useLocalization();
|
|
41
|
-
var _j = hooks_1.usePivotConfiguratorEditor(props, target), state = _j[0], dispatchState = _j[1];
|
|
40
|
+
var localization = (0, kendo_react_intl_1.useLocalization)();
|
|
41
|
+
var _j = (0, hooks_1.usePivotConfiguratorEditor)(props, target), state = _j[0], dispatchState = _j[1];
|
|
42
42
|
React.useImperativeHandle(target, function () { return ({
|
|
43
43
|
element: element.current,
|
|
44
44
|
props: props,
|
|
@@ -43,4 +43,4 @@ export interface PivotGridContainerHandle {
|
|
|
43
43
|
/**
|
|
44
44
|
* Represents the [KendoReact PivotGridContainer component]({% slug api_pivotgrid_pivotgridcontainerprops %}).
|
|
45
45
|
*/
|
|
46
|
-
export declare const PivotGridContainer: React.ForwardRefExoticComponent<PivotGridContainerProps & React.RefAttributes<PivotGridContainerHandle>>;
|
|
46
|
+
export declare const PivotGridContainer: React.ForwardRefExoticComponent<PivotGridContainerProps & React.RefAttributes<PivotGridContainerHandle | null>>;
|
|
@@ -11,7 +11,7 @@ exports.PivotGridContainer = React.forwardRef(function (props, ref) {
|
|
|
11
11
|
var target = React.useRef(null);
|
|
12
12
|
React.useImperativeHandle(target, function () { return ({ props: props, element: element.current }); });
|
|
13
13
|
React.useImperativeHandle(ref, function () { return target.current; });
|
|
14
|
-
return (React.createElement("div", { ref: element, id: props.id, style: props.style, tabIndex: props.tabIndex, className: kendo_react_common_1.classNames('k-d-flex k-pos-relative', {
|
|
14
|
+
return (React.createElement("div", { ref: element, id: props.id, style: props.style, tabIndex: props.tabIndex, className: (0, kendo_react_common_1.classNames)('k-d-flex k-pos-relative', {
|
|
15
15
|
'k-flex-row': props.configuratorPosition === 'right',
|
|
16
16
|
'k-flex-row-reverse': props.configuratorPosition === 'left',
|
|
17
17
|
'k-flex-column': props.configuratorPosition === 'bottom',
|
|
@@ -71,4 +71,4 @@ export interface PivotGridFieldsEditorHandle {
|
|
|
71
71
|
/**
|
|
72
72
|
* Represents the [KendoReact PivotGridFieldsEditor component]({% slug api_pivotgrid_pivotgridfieldseditorprops %}).
|
|
73
73
|
*/
|
|
74
|
-
export declare const PivotGridFieldsEditor: React.ForwardRefExoticComponent<PivotGridFieldsEditorProps & React.RefAttributes<PivotGridFieldsEditorHandle>>;
|
|
74
|
+
export declare const PivotGridFieldsEditor: React.ForwardRefExoticComponent<PivotGridFieldsEditorProps & React.RefAttributes<PivotGridFieldsEditorHandle | null>>;
|
|
@@ -10,10 +10,14 @@ var __assign = (this && this.__assign) || function () {
|
|
|
10
10
|
};
|
|
11
11
|
return __assign.apply(this, arguments);
|
|
12
12
|
};
|
|
13
|
-
var __spreadArray = (this && this.__spreadArray) || function (to, from) {
|
|
14
|
-
for (var i = 0,
|
|
15
|
-
|
|
16
|
-
|
|
13
|
+
var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
|
|
14
|
+
if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
|
|
15
|
+
if (ar || !(i in from)) {
|
|
16
|
+
if (!ar) ar = Array.prototype.slice.call(from, 0, i);
|
|
17
|
+
ar[i] = from[i];
|
|
18
|
+
}
|
|
19
|
+
}
|
|
20
|
+
return to.concat(ar || Array.prototype.slice.call(from));
|
|
17
21
|
};
|
|
18
22
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
19
23
|
exports.PivotGridFieldsEditor = void 0;
|
|
@@ -29,16 +33,16 @@ exports.PivotGridFieldsEditor = React.forwardRef(function (props, ref) {
|
|
|
29
33
|
var _a = __assign(__assign({}, defaultProps), props), data = _a.data, rowAxes = _a.rowAxes, columnAxes = _a.columnAxes, measureAxes = _a.measureAxes, onExpand = _a.onExpand, onCheck = _a.onCheck;
|
|
30
34
|
var treeView = React.useRef(null);
|
|
31
35
|
var target = React.useRef(null);
|
|
32
|
-
var _b = kendo_react_common_1.useCustomComponent(props.treeView || defaultProps.treeView), TreeViewComponent = _b[0], TreeViewProps = _b[1];
|
|
33
|
-
var _c = kendo_react_common_1.useCustomComponent(props.noData || defaultProps.noData), NoDataComponent = _c[0], NoDataProps = _c[1];
|
|
36
|
+
var _b = (0, kendo_react_common_1.useCustomComponent)(props.treeView || defaultProps.treeView), TreeViewComponent = _b[0], TreeViewProps = _b[1];
|
|
37
|
+
var _c = (0, kendo_react_common_1.useCustomComponent)(props.noData || defaultProps.noData), NoDataComponent = _c[0], NoDataProps = _c[1];
|
|
34
38
|
React.useImperativeHandle(target, function () { return ({ props: props, element: treeView.current && treeView.current.element }); });
|
|
35
39
|
React.useImperativeHandle(ref, function () { return target.current; });
|
|
36
40
|
var state = React.useContext(shared_1.PivotGridConfiguratorEditorStateContext)[0];
|
|
37
|
-
var columnHierarchies = utils_1.extractDefaultFields(columnAxes);
|
|
38
|
-
var rowHierarchies = utils_1.extractDefaultFields(rowAxes);
|
|
39
|
-
var measureHierarchies = utils_1.extractDefaultFields(measureAxes);
|
|
40
|
-
var fieldsFlatMap = utils_1.flatMap(data);
|
|
41
|
-
var checked = fieldsFlatMap.filter(function (f) { return __spreadArray(__spreadArray(__spreadArray([], columnHierarchies), rowHierarchies), measureHierarchies).some(function (h) { return (h === f.uniqueName || h === f.defaultHierarchy); }); });
|
|
41
|
+
var columnHierarchies = (0, utils_1.extractDefaultFields)(columnAxes);
|
|
42
|
+
var rowHierarchies = (0, utils_1.extractDefaultFields)(rowAxes);
|
|
43
|
+
var measureHierarchies = (0, utils_1.extractDefaultFields)(measureAxes);
|
|
44
|
+
var fieldsFlatMap = (0, utils_1.flatMap)(data);
|
|
45
|
+
var checked = fieldsFlatMap.filter(function (f) { return __spreadArray(__spreadArray(__spreadArray([], columnHierarchies, true), rowHierarchies, true), measureHierarchies, true).some(function (h) { return (h === f.uniqueName || h === f.defaultHierarchy); }); });
|
|
42
46
|
var map = {
|
|
43
47
|
caption: function (node) { return node.dataItem.caption; },
|
|
44
48
|
id: function (node) { return node.dataItem.uniqueName; },
|
|
@@ -48,7 +52,7 @@ exports.PivotGridFieldsEditor = React.forwardRef(function (props, ref) {
|
|
|
48
52
|
selectable: function (node) { return !Boolean((!node.hasChildren && !node.dataItem.aggregator && !node.dataItem.measure)
|
|
49
53
|
|| (node.dataItem.type === 2)
|
|
50
54
|
|| node.dataItem.uniqueName === '[KPIs]'); },
|
|
51
|
-
children: function (node) { return utils_1.recursiveMap(node.dataItem.children, map, node); },
|
|
55
|
+
children: function (node) { return (0, utils_1.recursiveMap)(node.dataItem.children, map, node); },
|
|
52
56
|
checked: function (node) { return checked.some(function (s) { return node.dataItem.defaultHierarchy
|
|
53
57
|
? s.defaultHierarchy === node.dataItem.defaultHierarchy
|
|
54
58
|
: s.uniqueName === node.dataItem.uniqueName; })
|
|
@@ -72,9 +76,9 @@ exports.PivotGridFieldsEditor = React.forwardRef(function (props, ref) {
|
|
|
72
76
|
});
|
|
73
77
|
}
|
|
74
78
|
};
|
|
75
|
-
var fields = utils_1.recursiveMap(props.data, map);
|
|
79
|
+
var fields = (0, utils_1.recursiveMap)(props.data, map);
|
|
76
80
|
return (React.createElement(kendo_react_treeview_1.TreeViewItemPropsContext.Provider, { value: function (p) { return (__assign(__assign({}, p), { checkboxes: p.item.selectable })); } }, (fields && fields.length)
|
|
77
|
-
? React.createElement(TreeViewComponent, __assign({ ref: kendo_react_common_1.canUseRef(TreeViewComponent) ? treeView : undefined, data: fields, checkboxes: true, onExpandChange: handleExpand, onCheckChange: handleCheck, textField: 'caption', expandIcons: true, hasChildrenField: "hasChildren", checkIndeterminateField: "checkIndeterminate", childrenField: "children" }, TreeViewProps))
|
|
81
|
+
? React.createElement(TreeViewComponent, __assign({ ref: (0, kendo_react_common_1.canUseRef)(TreeViewComponent) ? treeView : undefined, data: fields, checkboxes: true, onExpandChange: handleExpand, onCheckChange: handleCheck, textField: 'caption', expandIcons: true, hasChildrenField: "hasChildren", checkIndeterminateField: "checkIndeterminate", childrenField: "children" }, TreeViewProps))
|
|
78
82
|
: (React.createElement(NoDataComponent, __assign({}, NoDataProps)))));
|
|
79
83
|
});
|
|
80
84
|
var defaultProps = {
|
|
@@ -84,9 +84,9 @@ export interface PivotGridHeaderCellProps extends KendoMouse<PivotGridHeaderCell
|
|
|
84
84
|
/**
|
|
85
85
|
* A callback, fired whenever the `icon` is clicked.
|
|
86
86
|
*/
|
|
87
|
-
onIconClick?: (args: KendoMouseEvent<PivotGridHeaderCellHandle
|
|
87
|
+
onIconClick?: (args: KendoMouseEvent<PivotGridHeaderCellHandle, HTMLSpanElement>) => void;
|
|
88
88
|
}
|
|
89
89
|
/**
|
|
90
90
|
* Represents the [KendoReact PivotGridHeaderCell component]({% slug api_pivotgrid_pivotgridheadercellprops %}).
|
|
91
91
|
*/
|
|
92
|
-
export declare const PivotGridHeaderCell: React.ForwardRefExoticComponent<PivotGridHeaderCellProps & React.RefAttributes<PivotGridHeaderCellHandle>>;
|
|
92
|
+
export declare const PivotGridHeaderCell: React.ForwardRefExoticComponent<PivotGridHeaderCellProps & React.RefAttributes<PivotGridHeaderCellHandle | null>>;
|
|
@@ -27,8 +27,8 @@ exports.PivotGridHeaderCell = React.forwardRef(function (props, ref) {
|
|
|
27
27
|
props: props
|
|
28
28
|
}); });
|
|
29
29
|
React.useImperativeHandle(ref, function () { return target.current; });
|
|
30
|
-
var _a = kendo_react_common_1.useCustomComponent(props.icon || defaultProps.icon), IconComponent = _a[0], IconProps = _a[1];
|
|
31
|
-
var mouseProps = kendo_react_common_1.useMouse(props, target);
|
|
30
|
+
var _a = (0, kendo_react_common_1.useCustomComponent)(props.icon || defaultProps.icon), IconComponent = _a[0], IconProps = _a[1];
|
|
31
|
+
var mouseProps = (0, kendo_react_common_1.useMouse)(props, target);
|
|
32
32
|
var handleIconClick = function (event) {
|
|
33
33
|
if (props.onIconClick) {
|
|
34
34
|
props.onIconClick.call(undefined, {
|
|
@@ -37,13 +37,13 @@ exports.PivotGridHeaderCell = React.forwardRef(function (props, ref) {
|
|
|
37
37
|
});
|
|
38
38
|
}
|
|
39
39
|
};
|
|
40
|
-
return (React.createElement("th", __assign({ ref: element }, mouseProps, { colSpan: props.colSpan, rowSpan: props.rowSpan, "data-key": props['data-key'], id: props.id, style: props.style, tabIndex: props.tabIndex, className: kendo_react_common_1.classNames('k-pivotgrid-cell', {
|
|
40
|
+
return (React.createElement("th", __assign({ ref: element }, mouseProps, { colSpan: props.colSpan, rowSpan: props.rowSpan, "data-key": props['data-key'], id: props.id, style: props.style, tabIndex: props.tabIndex, className: (0, kendo_react_common_1.classNames)('k-pivotgrid-cell', {
|
|
41
41
|
'k-pivotgrid-header-total': props.total,
|
|
42
42
|
'k-pivotgrid-header-root': props.root,
|
|
43
43
|
'k-pivotgrid-expanded': props.expanded,
|
|
44
44
|
'k-first': props.first
|
|
45
45
|
}, props.className) }),
|
|
46
|
-
props.expandable && (React.createElement(IconComponent, __assign({}, IconProps, { onClick: handleIconClick, name: "arrow-chevron-"
|
|
46
|
+
props.expandable && (React.createElement(IconComponent, __assign({}, IconProps, { onClick: handleIconClick, name: "arrow-chevron-".concat(props.expanded ? 'up' : 'down') }))),
|
|
47
47
|
props.children));
|
|
48
48
|
});
|
|
49
49
|
var defaultProps = {
|
|
@@ -39,4 +39,4 @@ export interface PivotGridRowProps extends KendoMouse<PivotGridRowHandle, HTMLTa
|
|
|
39
39
|
/**
|
|
40
40
|
* Represents the [KendoReact PivotGridRow component]({% slug api_pivotgrid_pivotgridrowprops %}).
|
|
41
41
|
*/
|
|
42
|
-
export declare const PivotGridRow: React.ForwardRefExoticComponent<PivotGridRowProps & React.RefAttributes<PivotGridRowHandle>>;
|
|
42
|
+
export declare const PivotGridRow: React.ForwardRefExoticComponent<PivotGridRowProps & React.RefAttributes<PivotGridRowHandle | null>>;
|
|
@@ -25,7 +25,7 @@ exports.PivotGridRow = React.forwardRef(function (props, ref) {
|
|
|
25
25
|
props: props
|
|
26
26
|
}); });
|
|
27
27
|
React.useImperativeHandle(ref, function () { return target.current; });
|
|
28
|
-
var mouseProps = kendo_react_common_1.useMouse(props, target);
|
|
29
|
-
return (React.createElement("tr", __assign({ ref: element }, mouseProps, { id: props.id, style: props.style, tabIndex: props.tabIndex, children: props.children, className: kendo_react_common_1.classNames('k-pivotgrid-row', props.className) })));
|
|
28
|
+
var mouseProps = (0, kendo_react_common_1.useMouse)(props, target);
|
|
29
|
+
return (React.createElement("tr", __assign({ ref: element }, mouseProps, { id: props.id, style: props.style, tabIndex: props.tabIndex, children: props.children, className: (0, kendo_react_common_1.classNames)('k-pivotgrid-row', props.className) })));
|
|
30
30
|
});
|
|
31
31
|
exports.PivotGridRow.displayName = 'KendoReactPivotGridRow';
|
package/dist/npm/hooks/index.js
CHANGED
|
@@ -1,7 +1,11 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
3
|
if (k2 === undefined) k2 = k;
|
|
4
|
-
Object.
|
|
4
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
+
}
|
|
8
|
+
Object.defineProperty(o, k2, desc);
|
|
5
9
|
}) : (function(o, m, k, k2) {
|
|
6
10
|
if (k2 === undefined) k2 = k;
|
|
7
11
|
o[k2] = m[k];
|
|
@@ -16,4 +16,4 @@ export declare type ExpansionAction = {
|
|
|
16
16
|
/**
|
|
17
17
|
* @hidden
|
|
18
18
|
*/
|
|
19
|
-
export declare const useExpansion: (defaultValue:
|
|
19
|
+
export declare const useExpansion: (defaultValue: never[] | undefined, callback: any, target: any, compare?: (a: any, b: any) => boolean) => any[];
|
|
@@ -1,8 +1,12 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
var __spreadArray = (this && this.__spreadArray) || function (to, from) {
|
|
3
|
-
for (var i = 0,
|
|
4
|
-
|
|
5
|
-
|
|
2
|
+
var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
|
|
3
|
+
if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
|
|
4
|
+
if (ar || !(i in from)) {
|
|
5
|
+
if (!ar) ar = Array.prototype.slice.call(from, 0, i);
|
|
6
|
+
ar[i] = from[i];
|
|
7
|
+
}
|
|
8
|
+
}
|
|
9
|
+
return to.concat(ar || Array.prototype.slice.call(from));
|
|
6
10
|
};
|
|
7
11
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
8
12
|
exports.useExpansion = exports.EXPANSION_ACTION = void 0;
|
|
@@ -24,10 +28,10 @@ var expansionReducer = function (state, action, compare) {
|
|
|
24
28
|
case EXPANSION_ACTION.toggle:
|
|
25
29
|
if (Array.isArray(state)) {
|
|
26
30
|
if (state.find(function (s) { return compare(s, action.payload); })) {
|
|
27
|
-
return __spreadArray([], state.filter(function (s) { return !compare(s, action.payload); }));
|
|
31
|
+
return __spreadArray([], state.filter(function (s) { return !compare(s, action.payload); }), true);
|
|
28
32
|
}
|
|
29
33
|
else {
|
|
30
|
-
return __spreadArray(__spreadArray([], state), [action.payload]);
|
|
34
|
+
return __spreadArray(__spreadArray([], state, true), [action.payload], false);
|
|
31
35
|
}
|
|
32
36
|
}
|
|
33
37
|
else {
|
|
@@ -41,7 +45,7 @@ var expansionReducer = function (state, action, compare) {
|
|
|
41
45
|
case EXPANSION_ACTION.expand:
|
|
42
46
|
if (Array.isArray(state)) {
|
|
43
47
|
if (!state.find(function (s) { return compare(s, action.payload); })) {
|
|
44
|
-
return __spreadArray(__spreadArray([], state), [action.payload]);
|
|
48
|
+
return __spreadArray(__spreadArray([], state, true), [action.payload], false);
|
|
45
49
|
}
|
|
46
50
|
}
|
|
47
51
|
else {
|
|
@@ -53,7 +57,7 @@ var expansionReducer = function (state, action, compare) {
|
|
|
53
57
|
case EXPANSION_ACTION.collapse:
|
|
54
58
|
if (Array.isArray(state)) {
|
|
55
59
|
if (state.find(function (s) { return compare(s, action.payload); })) {
|
|
56
|
-
return __spreadArray([], state.filter(function (s) { return !compare(s, action.payload); }));
|
|
60
|
+
return __spreadArray([], state.filter(function (s) { return !compare(s, action.payload); }), true);
|
|
57
61
|
}
|
|
58
62
|
}
|
|
59
63
|
else {
|
|
@@ -5,7 +5,7 @@ export { HEADERS_ACTION } from '@progress/kendo-pivotgrid-common';
|
|
|
5
5
|
/**
|
|
6
6
|
* @hidden
|
|
7
7
|
*/
|
|
8
|
-
export declare const useHeaders: (prop: PivotGridAxis[], tree: AxisDataItem, onChange?: (value: PivotGridAxis[], event: React.SyntheticEvent) => void) => [PivotGridAxis[], (action: Omit<HeadersAction, 'tree'>, event: React.SyntheticEvent) => void];
|
|
8
|
+
export declare const useHeaders: (prop: PivotGridAxis[], tree: AxisDataItem, onChange?: ((value: PivotGridAxis[], event: React.SyntheticEvent) => void) | undefined) => [PivotGridAxis[], (action: Omit<HeadersAction, 'tree'>, event: React.SyntheticEvent) => void];
|
|
9
9
|
/**
|
|
10
10
|
* @hidden
|
|
11
11
|
*/
|
|
@@ -20,7 +20,7 @@ Object.defineProperty(exports, "HEADERS_ACTION", { enumerable: true, get: functi
|
|
|
20
20
|
*/
|
|
21
21
|
var useHeaders = function (prop, tree, onChange) {
|
|
22
22
|
var handleHeadersAction = function (action, event) {
|
|
23
|
-
var newHeaders = kendo_pivotgrid_common_1.headersReducer(prop, __assign(__assign({}, action), { tree: tree }));
|
|
23
|
+
var newHeaders = (0, kendo_pivotgrid_common_1.headersReducer)(prop, __assign(__assign({}, action), { tree: tree }));
|
|
24
24
|
if (onChange) {
|
|
25
25
|
onChange(newHeaders, event);
|
|
26
26
|
}
|
|
@@ -35,7 +35,7 @@ var usePivotConfiguratorEditor = function (props, target) {
|
|
|
35
35
|
var measureAxes = props.valueGetter('measureAxes');
|
|
36
36
|
var sort = props.valueGetter('sort');
|
|
37
37
|
var filter = props.valueGetter('filter');
|
|
38
|
-
var _a = useExpansion_1.useExpansion([], undefined, target, utils_1.compareFields), expanded = _a[0], dispatchExpansion = _a[1];
|
|
38
|
+
var _a = (0, useExpansion_1.useExpansion)([], undefined, target, utils_1.compareFields), expanded = _a[0], dispatchExpansion = _a[1];
|
|
39
39
|
var _b = React.useState(null), dragItem = _b[0], setDragItem = _b[1];
|
|
40
40
|
var _c = React.useState(null), dropZone = _c[0], setDropZone = _c[1];
|
|
41
41
|
var _d = React.useState(null), dropTarget = _d[0], setDropTarget = _d[1];
|
|
@@ -47,7 +47,7 @@ var usePivotConfiguratorEditor = function (props, target) {
|
|
|
47
47
|
break;
|
|
48
48
|
}
|
|
49
49
|
default:
|
|
50
|
-
var newState = kendo_pivotgrid_common_1.configuratorReducer({
|
|
50
|
+
var newState = (0, kendo_pivotgrid_common_1.configuratorReducer)({
|
|
51
51
|
filter: (action.override && action.override.filter !== undefined) ? action.override.filter : filter,
|
|
52
52
|
sort: (action.override && action.override.sort !== undefined) ? action.override.sort : sort,
|
|
53
53
|
rowAxes: (action.override && action.override.rowAxes !== undefined) ? action.override.rowAxes : rowAxes,
|
|
@@ -44,15 +44,15 @@ var usePivotLocalDataService = function (args) {
|
|
|
44
44
|
var handleFilterChange = function (event) {
|
|
45
45
|
setFilter(event.value);
|
|
46
46
|
};
|
|
47
|
-
var rootColumnAxes = React.useMemo(function () { return Array.from(kendo_pivotgrid_common_1.rootFields(columnAxes).keys()).join(stringSeparator); }, [columnAxes]);
|
|
48
|
-
var rootRowAxes = React.useMemo(function () { return Array.from(kendo_pivotgrid_common_1.rootFields(rowAxes).keys()).join(stringSeparator); }, [rowAxes]);
|
|
47
|
+
var rootColumnAxes = React.useMemo(function () { return Array.from((0, kendo_pivotgrid_common_1.rootFields)(columnAxes).keys()).join(stringSeparator); }, [columnAxes]);
|
|
48
|
+
var rootRowAxes = React.useMemo(function () { return Array.from((0, kendo_pivotgrid_common_1.rootFields)(rowAxes).keys()).join(stringSeparator); }, [rowAxes]);
|
|
49
49
|
var createAxisSettings = React.useCallback(function (key) { return (__assign({ key: key }, args.dimensions[key])); }, [args.dimensions]);
|
|
50
50
|
var columnSettings = React.useMemo(function () { return rootColumnAxes.split(stringSeparator).map(createAxisSettings); }, [rootColumnAxes, createAxisSettings]);
|
|
51
51
|
var rowSettings = React.useMemo(function () { return rootRowAxes.split(stringSeparator).map(createAxisSettings); }, [rootRowAxes, createAxisSettings]);
|
|
52
52
|
var measuresSettings = React.useMemo(function () { return measureAxes.map(function (m) { return args.measures.find(function (meas) { return String(meas.name) === String(m.name); }); }).filter(Boolean); }, [measureAxes, args.measures]);
|
|
53
|
-
var dataTree = React.useMemo(function () { return kendo_pivotgrid_common_1.createDataTree(args.data, rowSettings, columnSettings, measuresSettings, bindingFields, filter); }, [args.data, rowSettings, columnSettings, measuresSettings, filter]);
|
|
54
|
-
var configuratorData = React.useMemo(function () { return kendo_pivotgrid_common_1.createFlatSchemaDimensions(args.dimensions, args.measures); }, [args.dimensions, args.measures]);
|
|
55
|
-
var dataState = React.useMemo(function () { return kendo_pivotgrid_common_1.createLocalDataState({
|
|
53
|
+
var dataTree = React.useMemo(function () { return (0, kendo_pivotgrid_common_1.createDataTree)(args.data, rowSettings, columnSettings, measuresSettings, bindingFields, filter); }, [args.data, rowSettings, columnSettings, measuresSettings, filter]);
|
|
54
|
+
var configuratorData = React.useMemo(function () { return (0, kendo_pivotgrid_common_1.createFlatSchemaDimensions)(args.dimensions, args.measures); }, [args.dimensions, args.measures]);
|
|
55
|
+
var dataState = React.useMemo(function () { return (0, kendo_pivotgrid_common_1.createLocalDataState)({
|
|
56
56
|
dataTree: dataTree,
|
|
57
57
|
rowSettings: rowSettings,
|
|
58
58
|
columnSettings: columnSettings,
|
|
@@ -92,7 +92,7 @@ exports.usePivotLocalDataService = usePivotLocalDataService;
|
|
|
92
92
|
* A [React higher-order component](https://reactjs.org/docs/higher-order-components.html) which provides data-binding to local data.
|
|
93
93
|
*/
|
|
94
94
|
var PivotLocalDataService = function (props) {
|
|
95
|
-
var args = exports.usePivotLocalDataService(props);
|
|
95
|
+
var args = (0, exports.usePivotLocalDataService)(props);
|
|
96
96
|
return props.children(args);
|
|
97
97
|
};
|
|
98
98
|
exports.PivotLocalDataService = PivotLocalDataService;
|