@progress/kendo-react-pivotgrid 5.4.0-dev.202205271059 → 5.4.0-dev.202206090823

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

@@ -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

@@ -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/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,10 +9,14 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-var __spreadArray = (this && this.__spreadArray) || function (to, from) {
-    for (var i = 0, il = from.length, j = to.length; i < il; i++, j++)
-        to[j] = from[i];
-    return to;
+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';
@@ -52,7 +56,7 @@ export var PivotGridAxisEditor = React.forwardRef(function (props, ref) {
         if (filter.length) {
             dispatchState({
                 type: PIVOT_CONFIGURATOR_ACTION.setFilter,
-                payload: __spreadArray(__spreadArray([], (inFilter || [])), filter.reduce(function (acc, current) { return __spreadArray(__spreadArray([], acc), 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 {
@@ -78,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 });

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/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/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();

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,10 +9,14 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-var __spreadArray = (this && this.__spreadArray) || function (to, from) {
-    for (var i = 0, il = from.length, j = to.length; i < il; i++, j++)
-        to[j] = from[i];
-    return to;
+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';
@@ -35,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 __spreadArray(__spreadArray(__spreadArray([], columnHierarchies), 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; },

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,7 +1,11 @@
-var __spreadArray = (this && this.__spreadArray) || function (to, from) {
-    for (var i = 0, il = from.length, j = to.length; i < il; i++, j++)
-        to[j] = from[i];
-    return to;
+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';
 /**
@@ -21,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 __spreadArray([], state.filter(function (s) { return !compare(s, action.payload); }));
+                    return __spreadArray([], state.filter(function (s) { return !compare(s, action.payload); }), true);
                 }
                 else {
-                    return __spreadArray(__spreadArray([], state), [action.payload]);
+                    return __spreadArray(__spreadArray([], state, true), [action.payload], false);
                 }
             }
             else {
@@ -38,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 __spreadArray(__spreadArray([], state), [action.payload]);
+                    return __spreadArray(__spreadArray([], state, true), [action.payload], false);
                 }
             }
             else {
@@ -50,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 __spreadArray([], state.filter(function (s) { return !compare(s, action.payload); }));
+                    return __spreadArray([], state.filter(function (s) { return !compare(s, action.payload); }), true);
                 }
             }
             else {

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

@@ -5,7 +5,7 @@ export { HEADERS_ACTION } from '@progress/kendo-pivotgrid-common';
 /**
  * @hidden
  */
-export declare const useHeaders: (prop: PivotGridAxis[], tree: AxisDataItem, onChange?: (value: PivotGridAxis[], event: React.SyntheticEvent) => void) => [PivotGridAxis[], (action: Omit<HeadersAction, 'tree'>, event: React.SyntheticEvent) => 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
  */

package/dist/es/hooks/usePivotOLAPService.js

@@ -137,7 +137,7 @@ export var usePivotOLAPService = function (args) {
         return __generator(this, function (_a) {
             if (axis.name) {
                 command = 'schemaMembers';
-                levelUniqueName = String(axis.name) + ".[(ALL)]";
+                levelUniqueName = "".concat(String(axis.name), ".[(ALL)]");
             }
             options = {
                 connection: {
@@ -271,6 +271,9 @@ export var usePivotOLAPService = function (args) {
         return __generator(this, function (_b) {
             switch (_b.label) {
                 case 0:
+                    if (!event) {
+                        return [2 /*return*/];
+                    }
                     map = {
                         rowAxes: [rowAxes, setRowAxes],
                         columnAxes: [columnAxes, setColumnAxes],
@@ -295,6 +298,9 @@ export var usePivotOLAPService = function (args) {
         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/package-metadata.js

@@ -5,7 +5,7 @@ export var packageMetadata = {
     name: '@progress/kendo-react-pivotgrid',
     productName: 'KendoReact',
     productCodes: ['KENDOUIREACT', 'KENDOUICOMPLETE'],
-    publishDate: 1653648745,
+    publishDate: 1654762529,
     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/utils/index.d.ts

@@ -5,7 +5,7 @@ import { PivotGridField } from '@progress/kendo-pivotgrid-common';
  */
 export declare const recursiveMap: <I extends unknown, O extends unknown>(nodes?: I[], map?: {
     [key: string]: Function;
-}, parent?: any) => O[];
+}, parent?: null) => O[];
 /**
  * @hidden
  */

package/dist/es/utils/index.js

@@ -1,7 +1,11 @@
-var __spreadArray = (this && this.__spreadArray) || function (to, from) {
-    for (var i = 0, il = from.length, j = to.length; i < il; i++, j++)
-        to[j] = from[i];
-    return to;
+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));
 };
 /**
  * @hidden
@@ -23,7 +27,7 @@ export var recursiveMap = function (nodes, map, parent) {
  */
 export var flatMap = function (nodes) {
     if (nodes === void 0) { nodes = []; }
-    var result = __spreadArray([], nodes);
+    var result = __spreadArray([], nodes, true);
     (nodes || []).forEach(function (child) {
         result = result.concat(flatMap(child.children));
     });
@@ -45,12 +49,12 @@ export var extractDefaultFields = function (columns) {
  */
 export var generateKey = function (args) {
     if (args === void 0) { args = []; }
-    return "" + args.join(',');
+    return "".concat(args.join(','));
 };
 /**
  * @hidden
  */
-export var generateDataKey = function (rows, columns) { return generateKey(rows.map(function (m) { return m.name; })) + "|" + generateKey(columns.map(function (m) { return m.name; })); };
+export var generateDataKey = function (rows, columns) { return "".concat(generateKey(rows.map(function (m) { return m.name; })), "|").concat(generateKey(columns.map(function (m) { return m.name; }))); };
 /**
  * @hidden
  */

package/dist/npm/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/npm/PivotGrid.js

@@ -29,7 +29,7 @@ var kendo_pivotgrid_common_1 = require("@progress/kendo-pivotgrid-common");
  * Represents the [KendoReact PivotGrid component]({% slug api_pivotgrid_pivotgridprops %}).
  */
 exports.PivotGrid = React.forwardRef(function (props, ref) {
-    kendo_react_common_1.validatePackage(package_metadata_1.packageMetadata);
+    (0, kendo_react_common_1.validatePackage)(package_metadata_1.packageMetadata);
     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);
@@ -58,21 +58,21 @@ exports.PivotGrid = React.forwardRef(function (props, ref) {
             });
         }
     };
-    var rowsTree = kendo_pivotgrid_common_1.toTree((rows || []).slice());
-    var _b = useHeaders_1.useHeaders((rowAxes || []).slice(), rowsTree, handleRowAxesChange), dispatchRows = _b[1];
-    var _c = kendo_pivotgrid_common_1.toRows(rowsTree), rowHeaderRows = _c[0], rowHeaderLeafs = _c[1], rowHeaderDepth = _c[2], rowHeaderBreadth = _c[3];
-    var columnsTree = kendo_pivotgrid_common_1.toTree((columns || []).slice());
-    var _d = useHeaders_1.useHeaders((columnAxes || []).slice(), columnsTree, handleColumnAxesChange), dispatchColumns = _d[1];
-    var _e = kendo_pivotgrid_common_1.toColumns(columnsTree), columnHeaderRows = _e[0], columnHeaderLeafs = _e[1], columnHeaderBreadth = _e[3];
-    var measures = kendo_pivotgrid_common_1.toData((data || []).slice(), columnHeaderLeafs, rowHeaderLeafs, columnHeaderBreadth, rowHeaderDepth);
+    var rowsTree = (0, kendo_pivotgrid_common_1.toTree)((rows || []).slice());
+    var _b = (0, useHeaders_1.useHeaders)((rowAxes || []).slice(), rowsTree, handleRowAxesChange), dispatchRows = _b[1];
+    var _c = (0, kendo_pivotgrid_common_1.toRows)(rowsTree), rowHeaderRows = _c[0], rowHeaderLeafs = _c[1], rowHeaderDepth = _c[2], rowHeaderBreadth = _c[3];
+    var columnsTree = (0, kendo_pivotgrid_common_1.toTree)((columns || []).slice());
+    var _d = (0, useHeaders_1.useHeaders)((columnAxes || []).slice(), columnsTree, handleColumnAxesChange), dispatchColumns = _d[1];
+    var _e = (0, kendo_pivotgrid_common_1.toColumns)(columnsTree), columnHeaderRows = _e[0], columnHeaderLeafs = _e[1], columnHeaderBreadth = _e[3];
+    var measures = (0, kendo_pivotgrid_common_1.toData)((data || []).slice(), columnHeaderLeafs, rowHeaderLeafs, columnHeaderBreadth, rowHeaderDepth);
     var dataColumns = [];
     var rowHeaderColumns = [];
     var columnHeadersColumns = [];
     /* Defaults */
-    var _f = kendo_react_common_2.useCustomComponent(props.row || defaultProps.row), RowComponent = _f[0], RowProps = _f[1];
-    var _g = kendo_react_common_2.useCustomComponent(props.column || defaultProps.column), ColumnComponent = _g[0], ColumnProps = _g[1];
-    var _h = kendo_react_common_2.useCustomComponent(props.cell || defaultProps.cell), CellComponent = _h[0], CellProps = _h[1];
-    var _j = kendo_react_common_2.useCustomComponent(props.headerCell || defaultProps.headerCell), HeaderCellComponent = _j[0], HeaderCellProps = _j[1];
+    var _f = (0, kendo_react_common_2.useCustomComponent)(props.row || defaultProps.row), RowComponent = _f[0], RowProps = _f[1];
+    var _g = (0, kendo_react_common_2.useCustomComponent)(props.column || defaultProps.column), ColumnComponent = _g[0], ColumnProps = _g[1];
+    var _h = (0, kendo_react_common_2.useCustomComponent)(props.cell || defaultProps.cell), CellComponent = _h[0], CellProps = _h[1];
+    var _j = (0, kendo_react_common_2.useCustomComponent)(props.headerCell || defaultProps.headerCell), HeaderCellComponent = _j[0], HeaderCellProps = _j[1];
     /* Advanced */
     var ColumnHeadersRowComponent = props.columnHeadersRow || RowComponent;
     var ColumnHeadersColumnComponent = props.columnHeadersColumn || ColumnComponent;
@@ -105,8 +105,8 @@ exports.PivotGrid = React.forwardRef(function (props, ref) {
             }, event.syntheticEvent);
         }
     };
-    var handleHorizontalScroll = useHorizontalScrollSync_1.useHorizontalScrollSync(valuesHeadersContainer, columnHeadersContainer);
-    var handleVerticalScroll = useVerticalScrollSync_1.useVerticalScrollSync(valuesHeadersContainer, rowHeadersContainer);
+    var handleHorizontalScroll = (0, useHorizontalScrollSync_1.useHorizontalScrollSync)(valuesHeadersContainer, columnHeadersContainer);
+    var handleVerticalScroll = (0, useVerticalScrollSync_1.useVerticalScrollSync)(valuesHeadersContainer, rowHeadersContainer);
     var handleValuesContainerScroll = function (event) {
         handleHorizontalScroll(event);
         handleVerticalScroll(event);
@@ -115,14 +115,14 @@ exports.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 () {
@@ -140,14 +140,14 @@ exports.PivotGrid = React.forwardRef(function (props, ref) {
         }
     }, [setColumnsTemplate]);
     React.useLayoutEffect(function () {
-        kendo_react_common_2.setScrollbarWidth();
+        (0, kendo_react_common_2.setScrollbarWidth)();
         if (rowHeadersTable.current) {
             var observer_3 = new window.ResizeObserver(kendo_react_common_2.setScrollbarWidth);
             observer_3.observe(rowHeadersTable.current);
             return function () { observer_3.disconnect(); };
         }
     }, []);
-    return (React.createElement("div", { ref: element, id: props.id, style: props.style, tabIndex: props.tabIndex, className: kendo_react_common_2.classNames('k-pivotgrid', props.className) },
+    return (React.createElement("div", { ref: element, id: props.id, style: props.style, tabIndex: props.tabIndex, className: (0, kendo_react_common_2.classNames)('k-pivotgrid', props.className) },
         React.createElement("span", { className: "k-pivotgrid-empty-cell" }),
         React.createElement("div", { ref: columnHeadersContainer, className: "k-pivotgrid-column-headers", onScroll: handleHorizontalScroll },
             React.createElement("table", { ref: columnHeadersTable, className: "k-pivotgrid-table" },
@@ -162,9 +162,9 @@ exports.PivotGrid = React.forwardRef(function (props, ref) {
                         var expanded = cell && Boolean(cell.children && cell.children.length);
                         var expandable = cell && (cell.hasChildren && (!cell.total || (cell.total && cell.parent.total)));
                         return cell
-                            ? (React.createElement(ColumnHeadersColumnCellComponent, __assign({}, HeaderCellProps, { key: utils_1.generateKey(cell.normalizedPath)
+                            ? (React.createElement(ColumnHeadersColumnCellComponent, __assign({}, HeaderCellProps, { key: (0, utils_1.generateKey)(cell.normalizedPath)
                                     + (cell.total ? '|[TOTAL]' : '')
-                                    + (expanded ? '|[EXPANDED]' : ''), "data-key": utils_1.generateKey(cell.normalizedPath)
+                                    + (expanded ? '|[EXPANDED]' : ''), "data-key": (0, utils_1.generateKey)(cell.normalizedPath)
                                     + (cell.total ? '|[TOTAL]' : '')
                                     + (expanded ? '|[EXPANDED]' : ''), columnPath: cell.normalizedPath, rowSpan: cell.rowSpan || undefined, colSpan: cell.colSpan || undefined, onIconClick: handleColumnCellClick, dataItem: cell, expanded: expanded, expandable: expandable, total: cell.total, first: first, root: cell.levelNum === 0 }), cell.caption))
                             : null;
@@ -173,17 +173,17 @@ exports.PivotGrid = React.forwardRef(function (props, ref) {
         React.createElement("div", { ref: rowHeadersContainer, className: "k-pivotgrid-row-headers" },
             React.createElement("table", { ref: rowHeadersTable, className: "k-pivotgrid-table" },
                 React.createElement("colgroup", null, rowHeaderColumns),
-                React.createElement("tbody", { className: "k-pivotgrid-tbody" }, rowHeaderRows.map(function (row, rowId) { return (React.createElement(RowHeadersRowComponent, __assign({ key: utils_1.generateKey(rowHeaderLeafs[rowId].path) }, RowProps, { path: rowHeaderLeafs[rowId].path }), row.cells.filter(Boolean).map(function (cell) { return cell
-                    ? (React.createElement(RowHeadersCellComponent, __assign({}, HeaderCellProps, { key: utils_1.generateKey(cell.normalizedPath)
+                React.createElement("tbody", { className: "k-pivotgrid-tbody" }, rowHeaderRows.map(function (row, rowId) { return (React.createElement(RowHeadersRowComponent, __assign({ key: (0, utils_1.generateKey)(rowHeaderLeafs[rowId].path) }, RowProps, { path: rowHeaderLeafs[rowId].path }), row.cells.filter(Boolean).map(function (cell) { return cell
+                    ? (React.createElement(RowHeadersCellComponent, __assign({}, HeaderCellProps, { key: (0, utils_1.generateKey)(cell.normalizedPath)
                             + (cell.total ? '|[TOTAL]' : '')
-                            + (Boolean(cell.children && cell.children.length) ? '|[EXPANDED]' : ''), "data-key": utils_1.generateKey(cell.normalizedPath)
+                            + (Boolean(cell.children && cell.children.length) ? '|[EXPANDED]' : ''), "data-key": (0, utils_1.generateKey)(cell.normalizedPath)
                             + (cell.total ? '|[TOTAL]' : '')
                             + (Boolean(cell.children && cell.children.length) ? '|[EXPANDED]' : ''), rowPath: cell.normalizedPath, rowSpan: cell.rowSpan || undefined, colSpan: cell.colSpan || undefined, dataItem: cell, expanded: Boolean(cell.children && cell.children.length), expandable: cell.hasChildren && !cell.total, total: cell.total, onIconClick: handleRowCellClick, root: cell.levelNum === 0 }), cell.caption))
                     : null; }))); })))),
         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: utils_1.generateKey(rowHeaderLeafs[rowId].path) }, RowProps, { path: rowHeaderLeafs[rowId].path }), row.cells.map(function (cell, cellId) { return (React.createElement(CellComponent, __assign({ key: "" + utils_1.generateDataKey(cell.rowTuple.members, cell.columnTuple.members), "data-key": "" + utils_1.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: (0, utils_1.generateKey)(rowHeaderLeafs[rowId].path) }, RowProps, { path: rowHeaderLeafs[rowId].path }), row.cells.map(function (cell, cellId) { return (React.createElement(CellComponent, __assign({ key: "".concat((0, utils_1.generateDataKey)(cell.rowTuple.members, cell.columnTuple.members)), "data-key": "".concat((0, utils_1.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/npm/components/AxesEditor.d.ts

@@ -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/npm/components/AxesEditor.js

@@ -28,7 +28,7 @@ exports.PivotGridAxesEditor = React.forwardRef(function (props, ref) {
     var chipList = React.useRef(null);
     var element = React.useRef(null);
     var target = React.useRef(null);
-    var _b = kendo_react_common_1.useCustomComponent(props.chipList || defaultProps.chipList), ChipListComponent = _b[0], ChipListProps = _b[1];
+    var _b = (0, kendo_react_common_1.useCustomComponent)(props.chipList || defaultProps.chipList), ChipListComponent = _b[0], ChipListProps = _b[1];
     React.useImperativeHandle(element, function () { return chipList.current && chipList.current.element; });
     React.useImperativeHandle(target, function () { return ({ props: props, element: element.current }); });
     React.useImperativeHandle(ref, function () { return target.current; });
@@ -36,7 +36,7 @@ exports.PivotGridAxesEditor = React.forwardRef(function (props, ref) {
         .filter(function (v) { return v.name.length === 1 && v.name.every(function (n) { return n.indexOf('&') === -1; }); })
         .map(function (i) { return (__assign(__assign({}, i), { text: String(i.name) })); });
     return (React.createElement(exports.PivotGridConfiguratorEditorAxesContext.Provider, { value: { axes: field } },
-        React.createElement(ChipListComponent, __assign({ ref: kendo_react_common_1.canUseRef(ChipListComponent) ? chipList : undefined, textField: "text", valueField: "name", data: data, chip: AxisEditor_1.PivotGridAxisEditor, style: { position: 'relative' }, className: props.className, selection: "none" }, ChipListProps))));
+        React.createElement(ChipListComponent, __assign({ ref: (0, kendo_react_common_1.canUseRef)(ChipListComponent) ? chipList : undefined, textField: "text", valueField: "name", data: data, chip: AxisEditor_1.PivotGridAxisEditor, style: { position: 'relative' }, className: props.className, selection: "none" }, ChipListProps))));
 });
 var defaultProps = {
     value: [],

package/dist/npm/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>>;