@progress/kendo-react-pivotgrid 5.4.0-dev.202205200719 → 5.4.0-dev.202206061009

package/dist/es/PivotGrid.d.ts

@@ -161,4 +161,4 @@ export interface PivotGridHandle {
 /**
  * Represents the [KendoReact PivotGrid component]({% slug api_pivotgrid_pivotgridprops %}).
  */
-export declare const PivotGrid: React.ForwardRefExoticComponent<PivotGridProps & React.RefAttributes<PivotGridHandle>>;
+export declare const PivotGrid: React.ForwardRefExoticComponent<PivotGridProps & React.RefAttributes<PivotGridHandle | null>>;

package/dist/es/PivotGrid.js

@@ -27,7 +27,7 @@ import { toColumns, toRows, toTree, toData } from '@progress/kendo-pivotgrid-com
  */
 export var PivotGrid = React.forwardRef(function (props, ref) {
     validatePackage(packageMetadata);
-    var _a = __assign({}, defaultProps, props), rows = _a.rows, rowAxes = _a.rowAxes, columns = _a.columns, columnAxes = _a.columnAxes, data = _a.data;
+    var _a = __assign(__assign({}, defaultProps), props), rows = _a.rows, rowAxes = _a.rowAxes, columns = _a.columns, columnAxes = _a.columnAxes, data = _a.data;
     var element = React.useRef(null);
     var target = React.useRef(null);
     React.useImperativeHandle(target, function () { return ({ props: props, element: element.current }); });
@@ -112,14 +112,14 @@ export var PivotGrid = React.forwardRef(function (props, ref) {
         if (element.current && columnHeadersTable.current) {
             // Reset gridTemplateRows before getting the new size
             element.current.style.gridTemplateRows = '';
-            element.current.style.gridTemplateRows = columnHeadersTable.current.offsetHeight + "px 1fr";
+            element.current.style.gridTemplateRows = "".concat(columnHeadersTable.current.offsetHeight, "px 1fr");
         }
     }, []);
     var setColumnsTemplate = React.useCallback(function () {
         if (element.current && rowHeadersTable.current) {
             // Reset gridTemplateColumns before getting the new size
             element.current.style.gridTemplateColumns = '';
-            element.current.style.gridTemplateColumns = rowHeadersTable.current.offsetWidth + "px 1fr";
+            element.current.style.gridTemplateColumns = "".concat(rowHeadersTable.current.offsetWidth, "px 1fr");
         }
     }, []);
     React.useEffect(function () {
@@ -180,7 +180,7 @@ export var PivotGrid = React.forwardRef(function (props, ref) {
         React.createElement("div", { ref: valuesHeadersContainer, className: "k-pivotgrid-values", onScroll: handleValuesContainerScroll },
             React.createElement("table", { className: "k-pivotgrid-table" },
                 React.createElement("colgroup", null, dataColumns),
-                React.createElement("tbody", { className: "k-pivotgrid-tbody" }, measures.map(function (row, rowId) { return (React.createElement(DataRowComponent, __assign({ key: generateKey(rowHeaderLeafs[rowId].path) }, RowProps, { path: rowHeaderLeafs[rowId].path }), row.cells.map(function (cell, cellId) { return (React.createElement(CellComponent, __assign({ key: "" + generateDataKey(cell.rowTuple.members, cell.columnTuple.members), "data-key": "" + generateDataKey(cell.rowTuple.members, cell.columnTuple.members) }, CellProps, { rowPath: cell.rowTuple.members.map(function (m) { return m.name; }), columnPath: cell.columnTuple.members.map(function (m) { return m.name; }), dataItem: cell, total: rowHeaderLeafs[rowId].total || columnHeaderLeafs[cellId].total }), (cell && cell.data && cell.data.fmtValue) ? cell.data.fmtValue : '\u00A0')); }))); }))))));
+                React.createElement("tbody", { className: "k-pivotgrid-tbody" }, measures.map(function (row, rowId) { return (React.createElement(DataRowComponent, __assign({ key: generateKey(rowHeaderLeafs[rowId].path) }, RowProps, { path: rowHeaderLeafs[rowId].path }), row.cells.map(function (cell, cellId) { return (React.createElement(CellComponent, __assign({ key: "".concat(generateDataKey(cell.rowTuple.members, cell.columnTuple.members)), "data-key": "".concat(generateDataKey(cell.rowTuple.members, cell.columnTuple.members)) }, CellProps, { rowPath: cell.rowTuple.members.map(function (m) { return m.name; }), columnPath: cell.columnTuple.members.map(function (m) { return m.name; }), dataItem: cell, total: rowHeaderLeafs[rowId].total || columnHeaderLeafs[cellId].total }), (cell && cell.data && cell.data.fmtValue) ? cell.data.fmtValue : '\u00A0')); }))); }))))));
 });
 var defaultProps = {
     rowAxes: [],

package/dist/es/components/AxesEditor.d.ts

@@ -31,7 +31,7 @@ export interface PivotGridAxesEditorProps extends FieldProps {
  * @hidden
  */
 export declare const PivotGridConfiguratorEditorAxesContext: React.Context<{
-    axes: string;
+    axes: string | null;
 }>;
 /**
  * Represents the object which is passed to the [`ref`](https://reactjs.org/docs/refs-and-the-dom.html) callback of the PivotGridAxesEditor component.
@@ -43,4 +43,4 @@ export interface PivotGridAxesEditorHandle {
 /**
  * Represents the [KendoReact PivotGridAxesEditor component]({% slug api_pivotgrid_pivotgridaxeseditorprops %}).
  */
-export declare const PivotGridAxesEditor: React.ForwardRefExoticComponent<Pick<PivotGridAxesEditorProps, string | number> & React.RefAttributes<PivotGridAxesEditorHandle>>;
+export declare const PivotGridAxesEditor: React.ForwardRefExoticComponent<Pick<PivotGridAxesEditorProps, keyof PivotGridAxesEditorProps> & React.RefAttributes<PivotGridAxesEditorHandle | null>>;

package/dist/es/components/AxesEditor.js

@@ -21,7 +21,7 @@ export var PivotGridConfiguratorEditorAxesContext = React.createContext({ axes:
  * Represents the [KendoReact PivotGridAxesEditor component]({% slug api_pivotgrid_pivotgridaxeseditorprops %}).
  */
 export var PivotGridAxesEditor = React.forwardRef(function (props, ref) {
-    var _a = __assign({}, defaultProps, props), value = _a.value, field = _a.field;
+    var _a = __assign(__assign({}, defaultProps), props), value = _a.value, field = _a.field;
     var chipList = React.useRef(null);
     var element = React.useRef(null);
     var target = React.useRef(null);
@@ -31,7 +31,7 @@ export var PivotGridAxesEditor = React.forwardRef(function (props, ref) {
     React.useImperativeHandle(ref, function () { return target.current; });
     var data = value
         .filter(function (v) { return v.name.length === 1 && v.name.every(function (n) { return n.indexOf('&') === -1; }); })
-        .map(function (i) { return (__assign({}, i, { text: String(i.name) })); });
+        .map(function (i) { return (__assign(__assign({}, i), { text: String(i.name) })); });
     return (React.createElement(PivotGridConfiguratorEditorAxesContext.Provider, { value: { axes: field } },
         React.createElement(ChipListComponent, __assign({ ref: canUseRef(ChipListComponent) ? chipList : undefined, textField: "text", valueField: "name", data: data, chip: PivotGridAxisEditor, style: { position: 'relative' }, className: props.className, selection: "none" }, ChipListProps))));
 });

package/dist/es/components/AxisEditor.d.ts

@@ -49,4 +49,4 @@ export interface PivotGridAxisEditorHandle {
 /**
  * Represents the [KendoReact PivotGridAxisEditor component]({% slug api_pivotgrid_pivotgridaxiseditorprops %}).
  */
-export declare const PivotGridAxisEditor: React.ForwardRefExoticComponent<PivotGridAxisEditorProps & React.RefAttributes<PivotGridAxisEditorHandle>>;
+export declare const PivotGridAxisEditor: React.ForwardRefExoticComponent<PivotGridAxisEditorProps & React.RefAttributes<PivotGridAxisEditorHandle | null>>;

package/dist/es/components/AxisEditor.js

@@ -9,6 +9,15 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
 import * as React from 'react';
 import { compareAxes } from '@progress/kendo-pivotgrid-common';
 import { useDraggable, useCustomComponent, canUseRef } from '@progress/kendo-react-common';
@@ -47,7 +56,7 @@ export var PivotGridAxisEditor = React.forwardRef(function (props, ref) {
         if (filter.length) {
             dispatchState({
                 type: PIVOT_CONFIGURATOR_ACTION.setFilter,
-                payload: (inFilter || []).concat(filter.reduce(function (acc, current) { return acc.concat(current.filters.filter(function (f) { return f.value; })); }, []))
+                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)
             }, syntheticEvent);
         }
         else {
@@ -73,7 +82,7 @@ export var PivotGridAxisEditor = React.forwardRef(function (props, ref) {
             return;
         }
         if (element.current) {
-            element.current.style.transform = "translate(" + (event.clientX - initialX.current) + "px, " + (event.clientY - initialY.current) + "px)";
+            element.current.style.transform = "translate(".concat(event.clientX - initialX.current, "px, ").concat(event.clientY - initialY.current, "px)");
         }
         setDrag(true);
         dispatchState({ type: PIVOT_CONFIGURATOR_ACTION.setDragItem, payload: props.dataItem });
@@ -82,7 +91,7 @@ export var PivotGridAxisEditor = React.forwardRef(function (props, ref) {
         setDrag(false);
         if (state.dragItem) {
             if (element.current) {
-                element.current.style.transform = null;
+                element.current.style.transform = '';
             }
             dispatchState({ type: PIVOT_CONFIGURATOR_ACTION.drop, payload: props.dataItem });
         }

package/dist/es/components/AxisFilterFieldsEditor.d.ts

@@ -111,4 +111,4 @@ export interface PivotGridAxisFilterFieldsEditorHandle {
 /**
  * Represents the [KendoReact PivotGridAxisFilterFieldsEditor component]({% slug api_pivotgrid_pivotgridaxisfilterfieldseditorprops %}).
  */
-export declare const PivotGridAxisFilterFieldsEditor: React.ForwardRefExoticComponent<PivotGridAxisFilterFieldsEditorProps & React.RefAttributes<PivotGridAxisFilterFieldsEditorHandle>>;
+export declare const PivotGridAxisFilterFieldsEditor: React.ForwardRefExoticComponent<PivotGridAxisFilterFieldsEditorProps & React.RefAttributes<PivotGridAxisFilterFieldsEditorHandle | null>>;

package/dist/es/components/AxisFilterFieldsEditor.js

@@ -25,7 +25,7 @@ import { PivotGridConfiguratorEditorEventsContext, PivotGridConfiguratorEditorSt
  * Represents the [KendoReact PivotGridAxisFilterFieldsEditor component]({% slug api_pivotgrid_pivotgridaxisfilterfieldseditorprops %}).
  */
 export var PivotGridAxisFilterFieldsEditor = React.forwardRef(function (props, ref) {
-    var _a = __assign({}, defaultProps, props), data = _a.data, dataItem = _a.dataItem, defaultFilter = _a.defaultFilter;
+    var _a = __assign(__assign({}, defaultProps), props), data = _a.data, dataItem = _a.dataItem, defaultFilter = _a.defaultFilter;
     var element = React.useRef(null);
     var target = React.useRef(null);
     var localization = useLocalization();

package/dist/es/components/Cell.d.ts

@@ -54,4 +54,4 @@ export interface PivotGridCellProps extends KendoMouse<PivotGridCellHandle, HTML
 /**
  * Represents the [KendoReact PivotGridCell component]({% slug api_pivotgrid_pivotgridcellprops %}).
  */
-export declare const PivotGridCell: React.ForwardRefExoticComponent<PivotGridCellProps & React.RefAttributes<PivotGridCellHandle>>;
+export declare const PivotGridCell: React.ForwardRefExoticComponent<PivotGridCellProps & React.RefAttributes<PivotGridCellHandle | null>>;

package/dist/es/components/Column.d.ts

@@ -39,4 +39,4 @@ export interface PivotGridColumnProps extends KendoMouse<PivotGridColumnHandle,
 /**
  * Represents the [KendoReact PivotGridColumn component]({% slug api_pivotgrid_pivotgridcolumnprops %}).
  */
-export declare const PivotGridColumn: React.ForwardRefExoticComponent<PivotGridColumnProps & React.RefAttributes<PivotGridColumnHandle>>;
+export declare const PivotGridColumn: React.ForwardRefExoticComponent<PivotGridColumnProps & React.RefAttributes<PivotGridColumnHandle | null>>;

package/dist/es/components/Configurator.d.ts

@@ -122,4 +122,4 @@ export interface PivotGridConfiguratorHandle {
 /**
  * Represents the [KendoReact PivotGridConfigurator component]({% slug api_pivotgrid_pivotgridconfiguratorprops %}).
  */
-export declare const PivotGridConfigurator: React.ForwardRefExoticComponent<PivotGridConfiguratorProps & React.RefAttributes<PivotGridConfiguratorHandle>>;
+export declare const PivotGridConfigurator: React.ForwardRefExoticComponent<PivotGridConfiguratorProps & React.RefAttributes<PivotGridConfiguratorHandle | null>>;

package/dist/es/components/Configurator.js

@@ -20,7 +20,7 @@ import { messages, configuratorTitle, configuratorCancel, configuratorApply } fr
  * Represents the [KendoReact PivotGridConfigurator component]({% slug api_pivotgrid_pivotgridconfiguratorprops %}).
  */
 export var PivotGridConfigurator = React.forwardRef(function (props, ref) {
-    var _a = __assign({}, defaultProps, props), horizontal = _a.horizontal, data = _a.data, rowAxes = _a.rowAxes, columnAxes = _a.columnAxes, measureAxes = _a.measureAxes;
+    var _a = __assign(__assign({}, defaultProps), props), horizontal = _a.horizontal, data = _a.data, rowAxes = _a.rowAxes, columnAxes = _a.columnAxes, measureAxes = _a.measureAxes;
     var element = React.useRef(null);
     var target = React.useRef(null);
     var form = React.useRef(null);

package/dist/es/components/ConfiguratorButton.d.ts

@@ -37,4 +37,4 @@ export interface PivotGridConfiguratorButtonHandle {
 /**
  * Represents the [KendoReact PivotGridConfiguratorButton component]({% slug api_pivotgrid_pivotgridconfiguratorbuttonprops %}).
  */
-export declare const PivotGridConfiguratorButton: React.ForwardRefExoticComponent<PivotGridConfiguratorButtonProps & React.RefAttributes<PivotGridConfiguratorButtonHandle>>;
+export declare const PivotGridConfiguratorButton: React.ForwardRefExoticComponent<PivotGridConfiguratorButtonProps & React.RefAttributes<PivotGridConfiguratorButtonHandle | null>>;

package/dist/es/components/ConfiguratorEditor.js

@@ -27,11 +27,11 @@ export var PivotGridConfiguratorEditor = React.forwardRef(function (props, ref)
     var _a = useCustomComponent(props.fieldsLabel || defaultProps.fieldsLabel), FieldsLabelComponent = _a[0], FieldsLabelProps = _a[1];
     var _b = useCustomComponent(props.fieldsEditor || defaultProps.fieldsEditor), FieldsEditorComponent = _b[0], FieldsEditorProps = _b[1];
     var _c = useCustomComponent(props.columnAxesLabel || defaultProps.columnAxesLabel), ColumnAxesLabelComponent = _c[0], ColumnAxesLabelProps = _c[1];
-    var _d = useCustomComponent(props.columnAxesEditor || defaultProps.columnAxesEditor), ColumnAxesEditorComponent = _d[0], ColumnAxesEditorProps = _d[1];
+    var _d = useCustomComponent((props.columnAxesEditor || defaultProps.columnAxesEditor)), ColumnAxesEditorComponent = _d[0], ColumnAxesEditorProps = _d[1];
     var _e = useCustomComponent(props.rowAxesLabel || defaultProps.rowAxesLabel), RowAxesLabelComponent = _e[0], RowAxesLabelProps = _e[1];
-    var _f = useCustomComponent(props.rowAxesEditor || defaultProps.rowAxesEditor), RowAxesEditorComponent = _f[0], RowAxesEditorProps = _f[1];
+    var _f = useCustomComponent((props.rowAxesEditor || defaultProps.rowAxesEditor)), RowAxesEditorComponent = _f[0], RowAxesEditorProps = _f[1];
     var _g = useCustomComponent(props.measureAxesLabel || defaultProps.measureAxesLabel), MeasureAxesLabelComponent = _g[0], MeasureAxesLabelProps = _g[1];
-    var _h = useCustomComponent(props.measureAxesEditor || defaultProps.measureAxesEditor), MeasureAxesEditorComponent = _h[0], MeasureAxesEditorProps = _h[1];
+    var _h = useCustomComponent((props.measureAxesEditor || defaultProps.measureAxesEditor)), MeasureAxesEditorComponent = _h[0], MeasureAxesEditorProps = _h[1];
     var element = React.useRef(null);
     var target = React.useRef(null);
     var localization = useLocalization();
@@ -146,7 +146,7 @@ export var PivotGridConfiguratorEditor = React.forwardRef(function (props, ref)
         React.createElement(PivotGridConfiguratorEditorStateContext.Provider, { value: [state, dispatchState] },
             React.createElement(Container, __assign({}, ContainerProps),
                 React.createElement("div", { className: "k-form-field" },
-                    React.createElement(FieldsLabelComponent, __assign({}, FieldsLabelProps), localization.toLanguageString(configuratorEditorSearchTitle, messages[configuratorEditorSearchTitle]))),
+                    React.createElement(FieldsLabelComponent, __assign({ name: "", component: Label }, FieldsLabelProps), localization.toLanguageString(configuratorEditorSearchTitle, messages[configuratorEditorSearchTitle]))),
                 React.createElement("div", { className: "k-form-field" },
                     React.createElement("div", { className: "k-fields-list-wrapper" },
                         React.createElement(FieldsEditorComponent, __assign({ data: props.data, onExpand: handleFieldsEditorFieldExpand, onCheck: handleFieldsEditorFieldCheck, columnAxes: state.columnAxes, rowAxes: state.rowAxes, measureAxes: state.measureAxes }, FieldsEditorProps))))),

package/dist/es/components/Container.d.ts

@@ -43,4 +43,4 @@ export interface PivotGridContainerHandle {
 /**
  * Represents the [KendoReact PivotGridContainer component]({% slug api_pivotgrid_pivotgridcontainerprops %}).
  */
-export declare const PivotGridContainer: React.ForwardRefExoticComponent<PivotGridContainerProps & React.RefAttributes<PivotGridContainerHandle>>;
+export declare const PivotGridContainer: React.ForwardRefExoticComponent<PivotGridContainerProps & React.RefAttributes<PivotGridContainerHandle | null>>;

package/dist/es/components/FieldsEditor.d.ts

@@ -71,4 +71,4 @@ export interface PivotGridFieldsEditorHandle {
 /**
  * Represents the [KendoReact PivotGridFieldsEditor component]({% slug api_pivotgrid_pivotgridfieldseditorprops %}).
  */
-export declare const PivotGridFieldsEditor: React.ForwardRefExoticComponent<PivotGridFieldsEditorProps & React.RefAttributes<PivotGridFieldsEditorHandle>>;
+export declare const PivotGridFieldsEditor: React.ForwardRefExoticComponent<PivotGridFieldsEditorProps & React.RefAttributes<PivotGridFieldsEditorHandle | null>>;

package/dist/es/components/FieldsEditor.js

@@ -9,6 +9,15 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
 import * as React from 'react';
 import { TreeView as KendoReactTreeView, TreeViewItemPropsContext } from '@progress/kendo-react-treeview';
 import { useCustomComponent, canUseRef } from '@progress/kendo-react-common';
@@ -18,7 +27,7 @@ import { recursiveMap, flatMap, extractDefaultFields } from '../utils';
  * Represents the [KendoReact PivotGridFieldsEditor component]({% slug api_pivotgrid_pivotgridfieldseditorprops %}).
  */
 export var PivotGridFieldsEditor = React.forwardRef(function (props, ref) {
-    var _a = __assign({}, defaultProps, props), data = _a.data, rowAxes = _a.rowAxes, columnAxes = _a.columnAxes, measureAxes = _a.measureAxes, onExpand = _a.onExpand, onCheck = _a.onCheck;
+    var _a = __assign(__assign({}, defaultProps), props), data = _a.data, rowAxes = _a.rowAxes, columnAxes = _a.columnAxes, measureAxes = _a.measureAxes, onExpand = _a.onExpand, onCheck = _a.onCheck;
     var treeView = React.useRef(null);
     var target = React.useRef(null);
     var _b = useCustomComponent(props.treeView || defaultProps.treeView), TreeViewComponent = _b[0], TreeViewProps = _b[1];
@@ -30,7 +39,7 @@ export var PivotGridFieldsEditor = React.forwardRef(function (props, ref) {
     var rowHierarchies = extractDefaultFields(rowAxes);
     var measureHierarchies = extractDefaultFields(measureAxes);
     var fieldsFlatMap = flatMap(data);
-    var checked = fieldsFlatMap.filter(function (f) { return columnHierarchies.concat(rowHierarchies, measureHierarchies).some(function (h) { return (h === f.uniqueName || h === f.defaultHierarchy); }); });
+    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); }); });
     var map = {
         caption: function (node) { return node.dataItem.caption; },
         id: function (node) { return node.dataItem.uniqueName; },
@@ -65,7 +74,7 @@ export var PivotGridFieldsEditor = React.forwardRef(function (props, ref) {
         }
     };
     var fields = recursiveMap(props.data, map);
-    return (React.createElement(TreeViewItemPropsContext.Provider, { value: function (p) { return (__assign({}, p, { checkboxes: p.item.selectable })); } }, (fields && fields.length)
+    return (React.createElement(TreeViewItemPropsContext.Provider, { value: function (p) { return (__assign(__assign({}, p), { checkboxes: p.item.selectable })); } }, (fields && fields.length)
         ? React.createElement(TreeViewComponent, __assign({ ref: canUseRef(TreeViewComponent) ? treeView : undefined, data: fields, checkboxes: true, onExpandChange: handleExpand, onCheckChange: handleCheck, textField: 'caption', expandIcons: true, hasChildrenField: "hasChildren", checkIndeterminateField: "checkIndeterminate", childrenField: "children" }, TreeViewProps))
         : (React.createElement(NoDataComponent, __assign({}, NoDataProps)))));
 });

package/dist/es/components/HeaderCell.d.ts

@@ -84,9 +84,9 @@ export interface PivotGridHeaderCellProps extends KendoMouse<PivotGridHeaderCell
     /**
      * A callback, fired whenever the `icon` is clicked.
      */
-    onIconClick?: (args: KendoMouseEvent<PivotGridHeaderCellHandle | null, HTMLSpanElement>) => void;
+    onIconClick?: (args: KendoMouseEvent<PivotGridHeaderCellHandle, HTMLSpanElement>) => void;
 }
 /**
  * Represents the [KendoReact PivotGridHeaderCell component]({% slug api_pivotgrid_pivotgridheadercellprops %}).
  */
-export declare const PivotGridHeaderCell: React.ForwardRefExoticComponent<PivotGridHeaderCellProps & React.RefAttributes<PivotGridHeaderCellHandle>>;
+export declare const PivotGridHeaderCell: React.ForwardRefExoticComponent<PivotGridHeaderCellProps & React.RefAttributes<PivotGridHeaderCellHandle | null>>;

package/dist/es/components/HeaderCell.js

@@ -40,7 +40,7 @@ export var PivotGridHeaderCell = React.forwardRef(function (props, ref) {
             'k-pivotgrid-expanded': props.expanded,
             'k-first': props.first
         }, props.className) }),
-        props.expandable && (React.createElement(IconComponent, __assign({}, IconProps, { onClick: handleIconClick, name: "arrow-chevron-" + (props.expanded ? 'up' : 'down') }))),
+        props.expandable && (React.createElement(IconComponent, __assign({}, IconProps, { onClick: handleIconClick, name: "arrow-chevron-".concat(props.expanded ? 'up' : 'down') }))),
         props.children));
 });
 var defaultProps = {

package/dist/es/components/Row.d.ts

@@ -39,4 +39,4 @@ export interface PivotGridRowProps extends KendoMouse<PivotGridRowHandle, HTMLTa
 /**
  * Represents the [KendoReact PivotGridRow component]({% slug api_pivotgrid_pivotgridrowprops %}).
  */
-export declare const PivotGridRow: React.ForwardRefExoticComponent<PivotGridRowProps & React.RefAttributes<PivotGridRowHandle>>;
+export declare const PivotGridRow: React.ForwardRefExoticComponent<PivotGridRowProps & React.RefAttributes<PivotGridRowHandle | null>>;

package/dist/es/hooks/useExpansion.d.ts

@@ -16,4 +16,4 @@ export declare type ExpansionAction = {
 /**
  * @hidden
  */
-export declare const useExpansion: (defaultValue: any[], callback: any, target: any, compare?: (a: any, b: any) => boolean) => any[];
+export declare const useExpansion: (defaultValue: never[] | undefined, callback: any, target: any, compare?: (a: any, b: any) => boolean) => any[];

package/dist/es/hooks/useExpansion.js

@@ -1,3 +1,12 @@
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
 import * as React from 'react';
 /**
  * @hidden
@@ -16,10 +25,10 @@ var expansionReducer = function (state, action, compare) {
         case EXPANSION_ACTION.toggle:
             if (Array.isArray(state)) {
                 if (state.find(function (s) { return compare(s, action.payload); })) {
-                    return state.filter(function (s) { return !compare(s, action.payload); }).slice();
+                    return __spreadArray([], state.filter(function (s) { return !compare(s, action.payload); }), true);
                 }
                 else {
-                    return state.concat([action.payload]);
+                    return __spreadArray(__spreadArray([], state, true), [action.payload], false);
                 }
             }
             else {
@@ -33,7 +42,7 @@ var expansionReducer = function (state, action, compare) {
         case EXPANSION_ACTION.expand:
             if (Array.isArray(state)) {
                 if (!state.find(function (s) { return compare(s, action.payload); })) {
-                    return state.concat([action.payload]);
+                    return __spreadArray(__spreadArray([], state, true), [action.payload], false);
                 }
             }
             else {
@@ -45,7 +54,7 @@ var expansionReducer = function (state, action, compare) {
         case EXPANSION_ACTION.collapse:
             if (Array.isArray(state)) {
                 if (state.find(function (s) { return compare(s, action.payload); })) {
-                    return state.filter(function (s) { return !compare(s, action.payload); }).slice();
+                    return __spreadArray([], state.filter(function (s) { return !compare(s, action.payload); }), true);
                 }
             }
             else {

package/dist/es/hooks/useHeaders.d.ts

@@ -5,4 +5,8 @@ export { HEADERS_ACTION } from '@progress/kendo-pivotgrid-common';
 /**
  * @hidden
  */
-export declare const useHeaders: (prop: PivotGridAxis[], tree: AxisDataItem, onChange?: (value: PivotGridAxis[], event: React.SyntheticEvent<Element, Event>) => void) => [PivotGridAxis[], (action: Pick<HeadersAction, "type" | "payload">, event: React.SyntheticEvent<Element, Event>) => void];
+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];
+/**
+ * @hidden
+ */
+declare type Omit<T, K extends keyof T> = Pick<T, Exclude<keyof T, K>>;

package/dist/es/hooks/useHeaders.js

@@ -16,7 +16,7 @@ export { HEADERS_ACTION } from '@progress/kendo-pivotgrid-common';
  */
 export var useHeaders = function (prop, tree, onChange) {
     var handleHeadersAction = function (action, event) {
-        var newHeaders = headersReducer(prop, __assign({}, action, { tree: tree }));
+        var newHeaders = headersReducer(prop, __assign(__assign({}, action), { tree: tree }));
         if (onChange) {
             onChange(newHeaders, event);
         }

package/dist/es/hooks/useHorizontalScrollSync.d.ts

@@ -2,4 +2,4 @@ import * as React from 'react';
 /**
  * @hidden
  */
-export declare const useHorizontalScrollSync: (...elements: React.RefObject<HTMLElement>[]) => (event: React.SyntheticEvent<Element, Event>) => void;
+export declare const useHorizontalScrollSync: (...elements: React.RefObject<HTMLElement>[]) => (event: React.SyntheticEvent) => void;

package/dist/es/hooks/usePivotConfiguratorEditor.d.ts

@@ -15,7 +15,6 @@ declare type PIVOT_CONFIGURATOR_ACTION_TYPE = COMMON_CONFIGURATOR_ACTION | EXTEN
  * @hidden
  */
 export declare const PIVOT_CONFIGURATOR_ACTION: {
-    [x: number]: string;
     toggleExpansion: EXTENDED_CONFIGURATOR_ACTION.toggleExpansion;
     toggleSelection: COMMON_CONFIGURATOR_ACTION.toggleSelection;
     addColumnAxis: COMMON_CONFIGURATOR_ACTION.addColumnAxis;
@@ -80,5 +79,5 @@ export interface PivotGridConfiguratorAction {
 /**
  * @hidden
  */
-export declare const usePivotConfiguratorEditor: (props: PivotGridConfiguratorEditorProps, target: any) => [PivotGridConfiguratorEditorState, (action: PivotGridConfiguratorAction, syntheticEvent?: React.SyntheticEvent<Element, Event>) => void];
+export declare const usePivotConfiguratorEditor: (props: PivotGridConfiguratorEditorProps, target: any) => [PivotGridConfiguratorEditorState, (action: PivotGridConfiguratorAction, syntheticEvent?: React.SyntheticEvent) => void];
 export {};

package/dist/es/hooks/usePivotConfiguratorEditor.js

@@ -21,7 +21,7 @@ var EXTENDED_CONFIGURATOR_ACTION;
 /**
  * @hidden
  */
-export var PIVOT_CONFIGURATOR_ACTION = __assign({}, COMMON_CONFIGURATOR_ACTION, EXTENDED_CONFIGURATOR_ACTION);
+export var PIVOT_CONFIGURATOR_ACTION = __assign(__assign({}, COMMON_CONFIGURATOR_ACTION), EXTENDED_CONFIGURATOR_ACTION);
 ;
 /**
  * @hidden

package/dist/es/hooks/usePivotLocalDataService.js

@@ -50,9 +50,14 @@ export var usePivotLocalDataService = function (args) {
     var dataTree = React.useMemo(function () { return createDataTree(args.data, rowSettings, columnSettings, measuresSettings, bindingFields, filter); }, [args.data, rowSettings, columnSettings, measuresSettings, filter]);
     var configuratorData = React.useMemo(function () { return createFlatSchemaDimensions(args.dimensions, args.measures); }, [args.dimensions, args.measures]);
     var dataState = React.useMemo(function () { return createLocalDataState({
-        dataTree: dataTree, rowSettings: rowSettings, columnSettings: columnSettings,
-        rowAxes: rowAxes, columnAxes: columnAxes, measures: measuresSettings,
-        sort: sort, fields: bindingFields
+        dataTree: dataTree,
+        rowSettings: rowSettings,
+        columnSettings: columnSettings,
+        rowAxes: rowAxes,
+        columnAxes: columnAxes,
+        measures: measuresSettings,
+        sort: sort,
+        fields: bindingFields
     }); }, [columnAxes, columnSettings, dataTree, measuresSettings, rowAxes, rowSettings, sort]);
     return {
         pivotProps: {

package/dist/es/hooks/usePivotOLAPService.js

@@ -1,8 +1,9 @@
 var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
     return new (P || (P = Promise))(function (resolve, reject) {
         function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
         function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : new P(function (resolve) { resolve(result.value); }).then(fulfilled, rejected); }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
         step((generator = generator.apply(thisArg, _arguments || [])).next());
     });
 };
@@ -33,7 +34,6 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
         if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
     }
 };
-var _this = this;
 /* eslint-disable max-len */
 import * as React from 'react';
 import { fetchData, createDataState, fetchDiscover, addKPI, buildKPIMeasures } from '@progress/kendo-pivotgrid-common';
@@ -132,12 +132,12 @@ export var usePivotOLAPService = function (args) {
         }
         return null;
     };
-    var loadAxisFields = function (axis) { return __awaiter(_this, void 0, void 0, function () {
+    var loadAxisFields = function (axis) { return __awaiter(void 0, void 0, void 0, function () {
         var command, dimensionUniqueName, hierarchyUniqueName, levelUniqueName, memberUniqueName, treeOp, options;
         return __generator(this, function (_a) {
             if (axis.name) {
                 command = 'schemaMembers';
-                levelUniqueName = String(axis.name) + ".[(ALL)]";
+                levelUniqueName = "".concat(String(axis.name), ".[(ALL)]");
             }
             options = {
                 connection: {
@@ -158,7 +158,7 @@ export var usePivotOLAPService = function (args) {
             return [2 /*return*/, fetchDiscover({ url: args.url }, options)];
         });
     }); };
-    var loadSubFields = function (axis) { return __awaiter(_this, void 0, void 0, function () {
+    var loadSubFields = function (axis) { return __awaiter(void 0, void 0, void 0, function () {
         var command, dimensionUniqueName, hierarchyUniqueName, levelUniqueName, memberUniqueName, treeOp, options;
         return __generator(this, function (_a) {
             if (axis.uniqueName) {
@@ -185,7 +185,7 @@ export var usePivotOLAPService = function (args) {
             return [2 /*return*/, fetchDiscover({ url: args.url }, options)];
         });
     }); };
-    var loadFields = function (field) { return __awaiter(_this, void 0, void 0, function () {
+    var loadFields = function (field) { return __awaiter(void 0, void 0, void 0, function () {
         var command, dimensionUniqueName, hierarchyUniqueName, levelUniqueName, memberUniqueName, treeOp, options;
         return __generator(this, function (_a) {
             if (field.type === 2) {
@@ -218,7 +218,7 @@ export var usePivotOLAPService = function (args) {
             return [2 /*return*/, fetchDiscover({ url: args.url }, options)];
         });
     }); };
-    var loadKPIs = function () { return __awaiter(_this, void 0, void 0, function () {
+    var loadKPIs = function () { return __awaiter(void 0, void 0, void 0, function () {
         var options;
         return __generator(this, function (_a) {
             options = {
@@ -235,7 +235,7 @@ export var usePivotOLAPService = function (args) {
             return [2 /*return*/, fetchDiscover({ url: args.url }, options)];
         });
     }); };
-    var handleFieldExpand = function (event) { return __awaiter(_this, void 0, void 0, function () {
+    var handleFieldExpand = function (event) { return __awaiter(void 0, void 0, void 0, function () {
         var newFields, field, KPIs, _a, additionalFields;
         return __generator(this, function (_b) {
             switch (_b.label) {
@@ -266,11 +266,14 @@ export var usePivotOLAPService = function (args) {
             }
         });
     }); };
-    var handleAxisFilterFieldsExpandChange = function (event) { return __awaiter(_this, void 0, void 0, function () {
+    var handleAxisFilterFieldsExpandChange = function (event) { return __awaiter(void 0, void 0, void 0, function () {
         var map, _a, axes, setter, newAxes, axis, axisFields;
         return __generator(this, function (_b) {
             switch (_b.label) {
                 case 0:
+                    if (!event) {
+                        return [2 /*return*/];
+                    }
                     map = {
                         rowAxes: [rowAxes, setRowAxes],
                         columnAxes: [columnAxes, setColumnAxes],
@@ -290,11 +293,14 @@ export var usePivotOLAPService = function (args) {
             }
         });
     }); };
-    var handleAxisFilterFieldExpand = function (event) { return __awaiter(_this, void 0, void 0, function () {
+    var handleAxisFilterFieldExpand = function (event) { return __awaiter(void 0, void 0, void 0, function () {
         var map, _a, axes, setter, newAxes, axis, newFields, field, axisFilterFieldChildren;
         return __generator(this, function (_b) {
             switch (_b.label) {
                 case 0:
+                    if (!event) {
+                        return [2 /*return*/];
+                    }
                     map = {
                         rowAxes: [rowAxes, setRowAxes],
                         columnAxes: [columnAxes, setColumnAxes],

package/dist/es/hooks/useVerticalScrollSync.d.ts

@@ -2,4 +2,4 @@ import * as React from 'react';
 /**
  * @hidden
  */
-export declare const useVerticalScrollSync: (...elements: React.RefObject<HTMLElement>[]) => (event: React.SyntheticEvent<Element, Event>) => void;
+export declare const useVerticalScrollSync: (...elements: React.RefObject<HTMLElement>[]) => (event: React.SyntheticEvent) => void;

package/dist/es/messages/index.d.ts

@@ -50,16 +50,16 @@ export declare const configuratorButtonLabel = "pivotgrid.configuratorButtonLabe
  * @hidden
  */
 export declare const messages: {
-    [fieldMenuReset]: string;
-    [fieldMenuApply]: string;
-    [configuratorCancel]: string;
-    [configuratorApply]: string;
-    [configuratorTitle]: string;
-    [configuratorEditorSearchTitle]: string;
-    [configuratorEditorSearchPlaceholder]: string;
-    [configuratorColumnsTitle]: string;
-    [configuratorRowsTitle]: string;
-    [configuratorMeasuresTitle]: string;
-    [configuratorButtonLabel]: string;
-    [configuratorMissingFields]: string;
+    "pivotgrid.fieldMenuReset": string;
+    "pivotgrid.fieldMenuApply": string;
+    "pivotgrid.configuratorCancel": string;
+    "pivotgrid.configuratorApply": string;
+    "pivotgrid.configuratorTitle": string;
+    "pivotgrid.configuratorEditorSearchTitle": string;
+    "pivotgrid.configuratorEditorSearchPlaceholder": string;
+    "pivotgrid.configuratorColumnsTitle": string;
+    "pivotgrid.configuratorRowsTitle": string;
+    "pivotgrid.configuratorMeasuresTitle": string;
+    "pivotgrid.configuratorButtonLabel": string;
+    "pivotgrid.configuratorMissingFields": string;
 };

package/dist/es/models/index.js

@@ -0,0 +1 @@
+export {};

package/dist/es/package-metadata.js

@@ -5,7 +5,7 @@ export var packageMetadata = {
     name: '@progress/kendo-react-pivotgrid',
     productName: 'KendoReact',
     productCodes: ['KENDOUIREACT', 'KENDOUICOMPLETE'],
-    publishDate: 1653030652,
+    publishDate: 1654509685,
     version: '',
     licensingDocsUrl: 'https://www.telerik.com/kendo-react-ui/my-license/?utm_medium=product&utm_source=kendoreact&utm_campaign=kendo-ui-react-purchase-license-keys-warning'
 };

package/dist/es/shared/PivotGridConfiguratorEditorStateContext.d.ts

@@ -3,4 +3,4 @@ import { PivotGridConfiguratorAction, PivotGridConfiguratorEditorState } from '.
 /**
  * @hidden
  */
-export declare const PivotGridConfiguratorEditorStateContext: React.Context<[PivotGridConfiguratorEditorState, (action: PivotGridConfiguratorAction, event?: React.SyntheticEvent<Element, Event>) => void]>;
+export declare const PivotGridConfiguratorEditorStateContext: React.Context<[PivotGridConfiguratorEditorState, (action: PivotGridConfiguratorAction, event?: React.SyntheticEvent) => void]>;