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

package/dist/npm/components/ConfiguratorEditor.js

@@ -11,6 +11,7 @@ var __assign = (this && this.__assign) || function () {
     return __assign.apply(this, arguments);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.PivotGridConfiguratorEditor = void 0;
 var React = require("react");
 var kendo_react_form_1 = require("@progress/kendo-react-form");
 var kendo_react_labels_1 = require("@progress/kendo-react-labels");
@@ -26,18 +27,18 @@ var messages_1 = require("../messages");
  */
 exports.PivotGridConfiguratorEditor = React.forwardRef(function (props, ref) {
     var onFieldsEditorFieldCheck = props.onFieldsEditorFieldCheck, onFieldsEditorFieldCheckAction = props.onFieldsEditorFieldCheckAction, onFieldsEditorFieldExpand = props.onFieldsEditorFieldExpand, onFieldsEditorFieldExpandAction = props.onFieldsEditorFieldExpandAction, onAxisFilterFieldExpand = props.onAxisFilterFieldExpand, onAxisFilterFieldsExpandChange = props.onAxisFilterFieldsExpandChange;
-    var _a = kendo_react_common_1.useCustomComponent(props.fieldsLabel || defaultProps.fieldsLabel), FieldsLabelComponent = _a[0], FieldsLabelProps = _a[1];
-    var _b = kendo_react_common_1.useCustomComponent(props.fieldsEditor || defaultProps.fieldsEditor), FieldsEditorComponent = _b[0], FieldsEditorProps = _b[1];
-    var _c = kendo_react_common_1.useCustomComponent(props.columnAxesLabel || defaultProps.columnAxesLabel), ColumnAxesLabelComponent = _c[0], ColumnAxesLabelProps = _c[1];
-    var _d = kendo_react_common_1.useCustomComponent(props.columnAxesEditor || defaultProps.columnAxesEditor), ColumnAxesEditorComponent = _d[0], ColumnAxesEditorProps = _d[1];
-    var _e = kendo_react_common_1.useCustomComponent(props.rowAxesLabel || defaultProps.rowAxesLabel), RowAxesLabelComponent = _e[0], RowAxesLabelProps = _e[1];
-    var _f = kendo_react_common_1.useCustomComponent(props.rowAxesEditor || defaultProps.rowAxesEditor), RowAxesEditorComponent = _f[0], RowAxesEditorProps = _f[1];
-    var _g = kendo_react_common_1.useCustomComponent(props.measureAxesLabel || defaultProps.measureAxesLabel), MeasureAxesLabelComponent = _g[0], MeasureAxesLabelProps = _g[1];
-    var _h = kendo_react_common_1.useCustomComponent(props.measureAxesEditor || defaultProps.measureAxesEditor), MeasureAxesEditorComponent = _h[0], MeasureAxesEditorProps = _h[1];
+    var _a = (0, kendo_react_common_1.useCustomComponent)(props.fieldsLabel || defaultProps.fieldsLabel), FieldsLabelComponent = _a[0], FieldsLabelProps = _a[1];
+    var _b = (0, kendo_react_common_1.useCustomComponent)(props.fieldsEditor || defaultProps.fieldsEditor), FieldsEditorComponent = _b[0], FieldsEditorProps = _b[1];
+    var _c = (0, kendo_react_common_1.useCustomComponent)(props.columnAxesLabel || defaultProps.columnAxesLabel), ColumnAxesLabelComponent = _c[0], ColumnAxesLabelProps = _c[1];
+    var _d = (0, kendo_react_common_1.useCustomComponent)((props.columnAxesEditor || defaultProps.columnAxesEditor)), ColumnAxesEditorComponent = _d[0], ColumnAxesEditorProps = _d[1];
+    var _e = (0, kendo_react_common_1.useCustomComponent)(props.rowAxesLabel || defaultProps.rowAxesLabel), RowAxesLabelComponent = _e[0], RowAxesLabelProps = _e[1];
+    var _f = (0, kendo_react_common_1.useCustomComponent)((props.rowAxesEditor || defaultProps.rowAxesEditor)), RowAxesEditorComponent = _f[0], RowAxesEditorProps = _f[1];
+    var _g = (0, kendo_react_common_1.useCustomComponent)(props.measureAxesLabel || defaultProps.measureAxesLabel), MeasureAxesLabelComponent = _g[0], MeasureAxesLabelProps = _g[1];
+    var _h = (0, kendo_react_common_1.useCustomComponent)((props.measureAxesEditor || defaultProps.measureAxesEditor)), MeasureAxesEditorComponent = _h[0], MeasureAxesEditorProps = _h[1];
     var element = React.useRef(null);
     var target = React.useRef(null);
-    var localization = kendo_react_intl_1.useLocalization();
-    var _j = hooks_1.usePivotConfiguratorEditor(props, target), state = _j[0], dispatchState = _j[1];
+    var localization = (0, kendo_react_intl_1.useLocalization)();
+    var _j = (0, hooks_1.usePivotConfiguratorEditor)(props, target), state = _j[0], dispatchState = _j[1];
     React.useImperativeHandle(target, function () { return ({
         element: element.current,
         props: props,
@@ -148,7 +149,7 @@ exports.PivotGridConfiguratorEditor = React.forwardRef(function (props, ref) {
         React.createElement(shared_1.PivotGridConfiguratorEditorStateContext.Provider, { value: [state, dispatchState] },
             React.createElement(Container, __assign({}, ContainerProps),
                 React.createElement("div", { className: "k-form-field" },
-                    React.createElement(FieldsLabelComponent, __assign({}, FieldsLabelProps), localization.toLanguageString(messages_1.configuratorEditorSearchTitle, messages_1.messages[messages_1.configuratorEditorSearchTitle]))),
+                    React.createElement(FieldsLabelComponent, __assign({ name: "", component: kendo_react_labels_1.Label }, FieldsLabelProps), localization.toLanguageString(messages_1.configuratorEditorSearchTitle, messages_1.messages[messages_1.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/npm/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/npm/components/Container.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.PivotGridContainer = void 0;
 var React = require("react");
 var kendo_react_common_1 = require("@progress/kendo-react-common");
 /**
@@ -10,7 +11,7 @@ exports.PivotGridContainer = React.forwardRef(function (props, ref) {
     var target = React.useRef(null);
     React.useImperativeHandle(target, function () { return ({ props: props, element: element.current }); });
     React.useImperativeHandle(ref, function () { return target.current; });
-    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', {
+    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', {
             'k-flex-row': props.configuratorPosition === 'right',
             'k-flex-row-reverse': props.configuratorPosition === 'left',
             'k-flex-column': props.configuratorPosition === 'bottom',

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

@@ -10,7 +10,17 @@ 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));
+};
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.PivotGridFieldsEditor = void 0;
 var React = require("react");
 var kendo_react_treeview_1 = require("@progress/kendo-react-treeview");
 var kendo_react_common_1 = require("@progress/kendo-react-common");
@@ -20,19 +30,19 @@ var utils_1 = require("../utils");
  * Represents the [KendoReact PivotGridFieldsEditor component]({% slug api_pivotgrid_pivotgridfieldseditorprops %}).
  */
 exports.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 = kendo_react_common_1.useCustomComponent(props.treeView || defaultProps.treeView), TreeViewComponent = _b[0], TreeViewProps = _b[1];
-    var _c = kendo_react_common_1.useCustomComponent(props.noData || defaultProps.noData), NoDataComponent = _c[0], NoDataProps = _c[1];
+    var _b = (0, kendo_react_common_1.useCustomComponent)(props.treeView || defaultProps.treeView), TreeViewComponent = _b[0], TreeViewProps = _b[1];
+    var _c = (0, kendo_react_common_1.useCustomComponent)(props.noData || defaultProps.noData), NoDataComponent = _c[0], NoDataProps = _c[1];
     React.useImperativeHandle(target, function () { return ({ props: props, element: treeView.current && treeView.current.element }); });
     React.useImperativeHandle(ref, function () { return target.current; });
     var state = React.useContext(shared_1.PivotGridConfiguratorEditorStateContext)[0];
-    var columnHierarchies = utils_1.extractDefaultFields(columnAxes);
-    var rowHierarchies = utils_1.extractDefaultFields(rowAxes);
-    var measureHierarchies = utils_1.extractDefaultFields(measureAxes);
-    var fieldsFlatMap = utils_1.flatMap(data);
-    var checked = fieldsFlatMap.filter(function (f) { return columnHierarchies.concat(rowHierarchies, measureHierarchies).some(function (h) { return (h === f.uniqueName || h === f.defaultHierarchy); }); });
+    var columnHierarchies = (0, utils_1.extractDefaultFields)(columnAxes);
+    var rowHierarchies = (0, utils_1.extractDefaultFields)(rowAxes);
+    var measureHierarchies = (0, utils_1.extractDefaultFields)(measureAxes);
+    var fieldsFlatMap = (0, utils_1.flatMap)(data);
+    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; },
@@ -42,7 +52,7 @@ exports.PivotGridFieldsEditor = React.forwardRef(function (props, ref) {
         selectable: function (node) { return !Boolean((!node.hasChildren && !node.dataItem.aggregator && !node.dataItem.measure)
             || (node.dataItem.type === 2)
             || node.dataItem.uniqueName === '[KPIs]'); },
-        children: function (node) { return utils_1.recursiveMap(node.dataItem.children, map, node); },
+        children: function (node) { return (0, utils_1.recursiveMap)(node.dataItem.children, map, node); },
         checked: function (node) { return checked.some(function (s) { return node.dataItem.defaultHierarchy
             ? s.defaultHierarchy === node.dataItem.defaultHierarchy
             : s.uniqueName === node.dataItem.uniqueName; })
@@ -66,9 +76,9 @@ exports.PivotGridFieldsEditor = React.forwardRef(function (props, ref) {
             });
         }
     };
-    var fields = utils_1.recursiveMap(props.data, map);
-    return (React.createElement(kendo_react_treeview_1.TreeViewItemPropsContext.Provider, { value: function (p) { return (__assign({}, p, { checkboxes: p.item.selectable })); } }, (fields && fields.length)
-        ? 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))
+    var fields = (0, utils_1.recursiveMap)(props.data, map);
+    return (React.createElement(kendo_react_treeview_1.TreeViewItemPropsContext.Provider, { value: function (p) { return (__assign(__assign({}, p), { checkboxes: p.item.selectable })); } }, (fields && fields.length)
+        ? 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))
         : (React.createElement(NoDataComponent, __assign({}, NoDataProps)))));
 });
 var defaultProps = {

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

@@ -11,6 +11,7 @@ var __assign = (this && this.__assign) || function () {
     return __assign.apply(this, arguments);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.PivotGridHeaderCell = void 0;
 var React = require("react");
 var kendo_react_common_1 = require("@progress/kendo-react-common");
 var kendo_react_common_2 = require("@progress/kendo-react-common");
@@ -26,8 +27,8 @@ exports.PivotGridHeaderCell = React.forwardRef(function (props, ref) {
         props: props
     }); });
     React.useImperativeHandle(ref, function () { return target.current; });
-    var _a = kendo_react_common_1.useCustomComponent(props.icon || defaultProps.icon), IconComponent = _a[0], IconProps = _a[1];
-    var mouseProps = kendo_react_common_1.useMouse(props, target);
+    var _a = (0, kendo_react_common_1.useCustomComponent)(props.icon || defaultProps.icon), IconComponent = _a[0], IconProps = _a[1];
+    var mouseProps = (0, kendo_react_common_1.useMouse)(props, target);
     var handleIconClick = function (event) {
         if (props.onIconClick) {
             props.onIconClick.call(undefined, {
@@ -36,13 +37,13 @@ exports.PivotGridHeaderCell = React.forwardRef(function (props, ref) {
             });
         }
     };
-    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', {
+    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', {
             'k-pivotgrid-header-total': props.total,
             'k-pivotgrid-header-root': props.root,
             '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/npm/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/npm/components/Row.js

@@ -11,6 +11,7 @@ var __assign = (this && this.__assign) || function () {
     return __assign.apply(this, arguments);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.PivotGridRow = void 0;
 var React = require("react");
 var kendo_react_common_1 = require("@progress/kendo-react-common");
 /**
@@ -24,7 +25,7 @@ exports.PivotGridRow = React.forwardRef(function (props, ref) {
         props: props
     }); });
     React.useImperativeHandle(ref, function () { return target.current; });
-    var mouseProps = kendo_react_common_1.useMouse(props, target);
-    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) })));
+    var mouseProps = (0, kendo_react_common_1.useMouse)(props, target);
+    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) })));
 });
 exports.PivotGridRow.displayName = 'KendoReactPivotGridRow';

package/dist/npm/hooks/index.js

@@ -1,7 +1,18 @@
 "use strict";
-function __export(m) {
-    for (var p in m) if (!exports.hasOwnProperty(p)) exports[p] = m[p];
-}
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
 Object.defineProperty(exports, "__esModule", { value: true });
-__export(require("./useExpansion"));
-__export(require("./usePivotConfiguratorEditor"));
+__exportStar(require("./useExpansion"), exports);
+__exportStar(require("./usePivotConfiguratorEditor"), exports);

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

@@ -1,5 +1,15 @@
 "use strict";
+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));
+};
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.useExpansion = exports.EXPANSION_ACTION = void 0;
 var React = require("react");
 /**
  * @hidden
@@ -18,10 +28,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 {
@@ -35,7 +45,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 {
@@ -47,7 +57,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 {
@@ -63,7 +73,7 @@ var expansionReducer = function (state, action, compare) {
 /**
  * @hidden
  */
-exports.useExpansion = function (defaultValue, callback, target, compare) {
+var useExpansion = function (defaultValue, callback, target, compare) {
     if (defaultValue === void 0) { defaultValue = []; }
     if (compare === void 0) { compare = function (a, b) { return a === b; }; }
     var _a = React.useState(defaultValue), expanded = _a[0], setExpanded = _a[1];
@@ -80,3 +90,4 @@ exports.useExpansion = function (defaultValue, callback, target, compare) {
     };
     return [expanded, handleExpandAction];
 };
+exports.useExpansion = useExpansion;

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

@@ -11,18 +11,20 @@ var __assign = (this && this.__assign) || function () {
     return __assign.apply(this, arguments);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.useHeaders = exports.HEADERS_ACTION = void 0;
 var kendo_pivotgrid_common_1 = require("@progress/kendo-pivotgrid-common");
 var kendo_pivotgrid_common_2 = require("@progress/kendo-pivotgrid-common");
-exports.HEADERS_ACTION = kendo_pivotgrid_common_2.HEADERS_ACTION;
+Object.defineProperty(exports, "HEADERS_ACTION", { enumerable: true, get: function () { return kendo_pivotgrid_common_2.HEADERS_ACTION; } });
 /**
  * @hidden
  */
-exports.useHeaders = function (prop, tree, onChange) {
+var useHeaders = function (prop, tree, onChange) {
     var handleHeadersAction = function (action, event) {
-        var newHeaders = kendo_pivotgrid_common_1.headersReducer(prop, __assign({}, action, { tree: tree }));
+        var newHeaders = (0, kendo_pivotgrid_common_1.headersReducer)(prop, __assign(__assign({}, action), { tree: tree }));
         if (onChange) {
             onChange(newHeaders, event);
         }
     };
     return [prop, handleHeadersAction];
 };
+exports.useHeaders = useHeaders;

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

@@ -1,10 +1,11 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.useHorizontalScrollSync = void 0;
 var React = require("react");
 /**
  * @hidden
  */
-exports.useHorizontalScrollSync = function () {
+var useHorizontalScrollSync = function () {
     var elements = [];
     for (var _i = 0; _i < arguments.length; _i++) {
         elements[_i] = arguments[_i];
@@ -27,3 +28,4 @@ exports.useHorizontalScrollSync = function () {
     };
     return handleScroll;
 };
+exports.useHorizontalScrollSync = useHorizontalScrollSync;

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

@@ -11,6 +11,7 @@ var __assign = (this && this.__assign) || function () {
     return __assign.apply(this, arguments);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.usePivotConfiguratorEditor = exports.PIVOT_CONFIGURATOR_ACTION = void 0;
 var React = require("react");
 var useExpansion_1 = require("./useExpansion");
 var utils_1 = require("../utils");
@@ -23,18 +24,18 @@ var EXTENDED_CONFIGURATOR_ACTION;
 /**
  * @hidden
  */
-exports.PIVOT_CONFIGURATOR_ACTION = __assign({}, kendo_pivotgrid_common_1.PIVOT_CONFIGURATOR_ACTION, EXTENDED_CONFIGURATOR_ACTION);
+exports.PIVOT_CONFIGURATOR_ACTION = __assign(__assign({}, kendo_pivotgrid_common_1.PIVOT_CONFIGURATOR_ACTION), EXTENDED_CONFIGURATOR_ACTION);
 ;
 /**
  * @hidden
  */
-exports.usePivotConfiguratorEditor = function (props, target) {
+var usePivotConfiguratorEditor = function (props, target) {
     var rowAxes = props.valueGetter('rowAxes');
     var columnAxes = props.valueGetter('columnAxes');
     var measureAxes = props.valueGetter('measureAxes');
     var sort = props.valueGetter('sort');
     var filter = props.valueGetter('filter');
-    var _a = useExpansion_1.useExpansion([], undefined, target, utils_1.compareFields), expanded = _a[0], dispatchExpansion = _a[1];
+    var _a = (0, useExpansion_1.useExpansion)([], undefined, target, utils_1.compareFields), expanded = _a[0], dispatchExpansion = _a[1];
     var _b = React.useState(null), dragItem = _b[0], setDragItem = _b[1];
     var _c = React.useState(null), dropZone = _c[0], setDropZone = _c[1];
     var _d = React.useState(null), dropTarget = _d[0], setDropTarget = _d[1];
@@ -46,7 +47,7 @@ exports.usePivotConfiguratorEditor = function (props, target) {
                 break;
             }
             default:
-                var newState = kendo_pivotgrid_common_1.configuratorReducer({
+                var newState = (0, kendo_pivotgrid_common_1.configuratorReducer)({
                     filter: (action.override && action.override.filter !== undefined) ? action.override.filter : filter,
                     sort: (action.override && action.override.sort !== undefined) ? action.override.sort : sort,
                     rowAxes: (action.override && action.override.rowAxes !== undefined) ? action.override.rowAxes : rowAxes,
@@ -103,3 +104,4 @@ exports.usePivotConfiguratorEditor = function (props, target) {
         handlePivotConfiguratorEditorAction
     ];
 };
+exports.usePivotConfiguratorEditor = usePivotConfiguratorEditor;

package/dist/npm/hooks/usePivotLocalDataService.js

@@ -11,6 +11,7 @@ var __assign = (this && this.__assign) || function () {
     return __assign.apply(this, arguments);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.PivotLocalDataService = exports.usePivotLocalDataService = void 0;
 /* eslint-disable max-len */
 var React = require("react");
 var kendo_pivotgrid_common_1 = require("@progress/kendo-pivotgrid-common");
@@ -22,7 +23,7 @@ var stringSeparator = '&';
 /**
  * A [custom React hook](https://reactjs.org/docs/hooks-custom.html) which provides data-binding to local data.
  */
-exports.usePivotLocalDataService = function (args) {
+var usePivotLocalDataService = function (args) {
     var _a = React.useState(args.defaultColumnAxes || []), columnAxes = _a[0], setColumnAxes = _a[1];
     var _b = React.useState(args.defaultRowAxes || []), rowAxes = _b[0], setRowAxes = _b[1];
     var _c = React.useState(args.defaultMeasureAxes || []), measureAxes = _c[0], setMeasureAxes = _c[1];
@@ -43,18 +44,23 @@ exports.usePivotLocalDataService = function (args) {
     var handleFilterChange = function (event) {
         setFilter(event.value);
     };
-    var rootColumnAxes = React.useMemo(function () { return Array.from(kendo_pivotgrid_common_1.rootFields(columnAxes).keys()).join(stringSeparator); }, [columnAxes]);
-    var rootRowAxes = React.useMemo(function () { return Array.from(kendo_pivotgrid_common_1.rootFields(rowAxes).keys()).join(stringSeparator); }, [rowAxes]);
+    var rootColumnAxes = React.useMemo(function () { return Array.from((0, kendo_pivotgrid_common_1.rootFields)(columnAxes).keys()).join(stringSeparator); }, [columnAxes]);
+    var rootRowAxes = React.useMemo(function () { return Array.from((0, kendo_pivotgrid_common_1.rootFields)(rowAxes).keys()).join(stringSeparator); }, [rowAxes]);
     var createAxisSettings = React.useCallback(function (key) { return (__assign({ key: key }, args.dimensions[key])); }, [args.dimensions]);
     var columnSettings = React.useMemo(function () { return rootColumnAxes.split(stringSeparator).map(createAxisSettings); }, [rootColumnAxes, createAxisSettings]);
     var rowSettings = React.useMemo(function () { return rootRowAxes.split(stringSeparator).map(createAxisSettings); }, [rootRowAxes, createAxisSettings]);
     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]);
-    var dataTree = React.useMemo(function () { return kendo_pivotgrid_common_1.createDataTree(args.data, rowSettings, columnSettings, measuresSettings, bindingFields, filter); }, [args.data, rowSettings, columnSettings, measuresSettings, filter]);
-    var configuratorData = React.useMemo(function () { return kendo_pivotgrid_common_1.createFlatSchemaDimensions(args.dimensions, args.measures); }, [args.dimensions, args.measures]);
-    var dataState = React.useMemo(function () { return kendo_pivotgrid_common_1.createLocalDataState({
-        dataTree: dataTree, rowSettings: rowSettings, columnSettings: columnSettings,
-        rowAxes: rowAxes, columnAxes: columnAxes, measures: measuresSettings,
-        sort: sort, fields: bindingFields
+    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]);
+    var configuratorData = React.useMemo(function () { return (0, kendo_pivotgrid_common_1.createFlatSchemaDimensions)(args.dimensions, args.measures); }, [args.dimensions, args.measures]);
+    var dataState = React.useMemo(function () { return (0, kendo_pivotgrid_common_1.createLocalDataState)({
+        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: {
@@ -81,10 +87,12 @@ exports.usePivotLocalDataService = function (args) {
         }
     };
 };
+exports.usePivotLocalDataService = usePivotLocalDataService;
 /**
  * A [React higher-order component](https://reactjs.org/docs/higher-order-components.html) which provides data-binding to local data.
  */
-exports.PivotLocalDataService = function (props) {
-    var args = exports.usePivotLocalDataService(props);
+var PivotLocalDataService = function (props) {
+    var args = (0, exports.usePivotLocalDataService)(props);
     return props.children(args);
 };
+exports.PivotLocalDataService = PivotLocalDataService;