@progress/kendo-react-pivotgrid 6.1.1 → 7.0.0-develop.10

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

@@ -1,50 +0,0 @@
-import * as React from 'react';
-import { KendoMouse } from '@progress/kendo-react-common';
-/**
- * Represents the object which is passed to the [`ref`](https://reactjs.org/docs/refs-and-the-dom.html) callback of the PivotGridRow component.
- */
-export interface PivotGridRowHandle {
-    props: PivotGridRowProps;
-    element: HTMLTableRowElement | null;
-}
-/**
- * Represents the props of the [KendoReact PivotGridRow component]({% slug api_pivotgrid_pivotgridrow %}).
- */
-export interface PivotGridRowProps extends KendoMouse<PivotGridRowHandle, HTMLTableRowElement> {
-    /**
-     * Sets the `className` property of the top-most element of the PivotGridRow in addition to the default `k-pivotgrid-row` class.
-     */
-    className?: string;
-    /**
-     * Sets the `id` property of the top-most element of the PivotGridRow.
-     */
-    id?: string;
-    /**
-     * Sets the `children` property of the top-most element of the PivotGridRow.
-     */
-    children?: React.ReactNode;
-    /**
-     * Sets the `style` property of the top-most element of the PivotGridRow.
-     */
-    style?: React.CSSProperties;
-    /**
-     * Sets the `tabIndex` property of the top-most element of the PivotGridRow.
-     */
-    tabIndex?: number;
-    /**
-     * Represents the `path` leading to the current `row`.
-     */
-    path?: string[];
-    /**
-     * Sets the `role` property of the top-most element of the PivotGridRow.
-     */
-    role?: string;
-    /**
-     * Sets the `aria-owns` property of the top-most element of the PivotGridRow.
-     */
-    ariaOwns?: string;
-}
-/**
- * Represents the [KendoReact PivotGridRow component]({% slug api_pivotgrid_pivotgridrowprops %}).
- */
-export declare const PivotGridRow: React.ForwardRefExoticComponent<PivotGridRowProps & React.RefAttributes<PivotGridRowHandle | null>>;

package/dist/npm/components/Row.js

@@ -1,31 +0,0 @@
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    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");
-/**
- * Represents the [KendoReact PivotGridRow component]({% slug api_pivotgrid_pivotgridrowprops %}).
- */
-exports.PivotGridRow = React.forwardRef(function (props, ref) {
-    var target = React.useRef(null);
-    var element = React.useRef(null);
-    React.useImperativeHandle(target, function () { return ({
-        element: element.current,
-        props: props
-    }); });
-    React.useImperativeHandle(ref, function () { return target.current; });
-    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, role: props.role, "aria-owns": props.ariaOwns, className: (0, kendo_react_common_1.classNames)('k-pivotgrid-row', props.className) })));
-});
-exports.PivotGridRow.displayName = 'KendoReactPivotGridRow';

package/dist/npm/hooks/index.d.ts

@@ -1,2 +0,0 @@
-export * from './useExpansion';
-export * from './usePivotConfiguratorEditor';

package/dist/npm/hooks/index.js

@@ -1,18 +0,0 @@
-"use strict";
-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 });
-__exportStar(require("./useExpansion"), exports);
-__exportStar(require("./usePivotConfiguratorEditor"), exports);

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

@@ -1,19 +0,0 @@
-/**
- * @hidden
- */
-export declare enum EXPANSION_ACTION {
-    toggle = "EXPAND_TOGGLE",
-    expand = "EXPAND_EXPAND",
-    collapse = "EXPAND_COLLAPSE"
-}
-/**
- * @hidden
- */
-export declare type ExpansionAction = {
-    type: EXPANSION_ACTION;
-    payload: any;
-};
-/**
- * @hidden
- */
-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,93 +0,0 @@
-"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
- */
-var EXPANSION_ACTION;
-(function (EXPANSION_ACTION) {
-    EXPANSION_ACTION["toggle"] = "EXPAND_TOGGLE";
-    EXPANSION_ACTION["expand"] = "EXPAND_EXPAND";
-    EXPANSION_ACTION["collapse"] = "EXPAND_COLLAPSE";
-})(EXPANSION_ACTION = exports.EXPANSION_ACTION || (exports.EXPANSION_ACTION = {}));
-/**
- * @hidden
- */
-var expansionReducer = function (state, action, compare) {
-    switch (action.type) {
-        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); }), true);
-                }
-                else {
-                    return __spreadArray(__spreadArray([], state, true), [action.payload], false);
-                }
-            }
-            else {
-                if (compare(state, action.payload)) {
-                    return null;
-                }
-                else {
-                    return action.payload;
-                }
-            }
-        case EXPANSION_ACTION.expand:
-            if (Array.isArray(state)) {
-                if (!state.find(function (s) { return compare(s, action.payload); })) {
-                    return __spreadArray(__spreadArray([], state, true), [action.payload], false);
-                }
-            }
-            else {
-                if (!compare(state, action.payload)) {
-                    return action.payload;
-                }
-            }
-            break;
-        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); }), true);
-                }
-            }
-            else {
-                if (compare(state, action.payload)) {
-                    null;
-                }
-            }
-            break;
-        default:
-            return state;
-    }
-};
-/**
- * @hidden
- */
-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];
-    var handleExpandAction = function (action, syntheticEvent) {
-        var newState = expansionReducer(expanded, action, compare);
-        if (callback) {
-            callback.call(undefined, {
-                value: newState,
-                target: target.current,
-                syntheticEvent: syntheticEvent
-            });
-        }
-        setExpanded(newState);
-    };
-    return [expanded, handleExpandAction];
-};
-exports.useExpansion = useExpansion;

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

@@ -1,12 +0,0 @@
-import * as React from 'react';
-import { HeadersAction, PivotGridAxis } from '@progress/kendo-pivotgrid-common';
-import { AxisDataItem } from '@progress/kendo-pivotgrid-common';
-export { HEADERS_ACTION } from '@progress/kendo-pivotgrid-common';
-/**
- * @hidden
- */
-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

@@ -1,30 +0,0 @@
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    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");
-Object.defineProperty(exports, "HEADERS_ACTION", { enumerable: true, get: function () { return kendo_pivotgrid_common_2.HEADERS_ACTION; } });
-/**
- * @hidden
- */
-var useHeaders = function (prop, tree, onChange) {
-    var handleHeadersAction = function (action, event) {
-        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

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

package/dist/npm/hooks/useHorizontalScrollSync.js

@@ -1,31 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useHorizontalScrollSync = void 0;
-var React = require("react");
-/**
- * @hidden
- */
-var useHorizontalScrollSync = function () {
-    var elements = [];
-    for (var _i = 0; _i < arguments.length; _i++) {
-        elements[_i] = arguments[_i];
-    }
-    var AF = React.useRef();
-    var handleScroll = function (event) {
-        if (AF.current !== undefined) {
-            window.cancelAnimationFrame(AF.current);
-        }
-        var target = event.currentTarget;
-        var scroll = target.scrollLeft;
-        elements.forEach(function (elementRef) {
-            var element = elementRef.current;
-            if (element && element !== target) {
-                AF.current = window.requestAnimationFrame(function () {
-                    element.scrollLeft = Math.round(scroll);
-                });
-            }
-        });
-    };
-    return handleScroll;
-};
-exports.useHorizontalScrollSync = useHorizontalScrollSync;

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

@@ -1,83 +0,0 @@
-import * as React from 'react';
-import { PivotGridConfiguratorEditorProps } from '../components/ConfiguratorEditor';
-import { PivotGridConfiguratorState as CommonConfiguratorState, PivotGridField, PIVOT_CONFIGURATOR_ACTION as COMMON_CONFIGURATOR_ACTION } from '@progress/kendo-pivotgrid-common';
-/**
- * @hidden
- */
-export interface PivotGridConfiguratorEditorState extends CommonConfiguratorState {
-    expanded: PivotGridField[];
-}
-declare enum EXTENDED_CONFIGURATOR_ACTION {
-    toggleExpansion = "PIVOT_CONFIGURATOR_ACTION_TOGGLE_EXPANSION"
-}
-declare type PIVOT_CONFIGURATOR_ACTION_TYPE = COMMON_CONFIGURATOR_ACTION | EXTENDED_CONFIGURATOR_ACTION;
-/**
- * @hidden
- */
-export declare const PIVOT_CONFIGURATOR_ACTION: {
-    toggleExpansion: EXTENDED_CONFIGURATOR_ACTION.toggleExpansion;
-    toggleSelection: COMMON_CONFIGURATOR_ACTION.toggleSelection;
-    addColumnAxis: COMMON_CONFIGURATOR_ACTION.addColumnAxis;
-    addColumnAxes: COMMON_CONFIGURATOR_ACTION.addColumnAxes;
-    removeColumnAxis: COMMON_CONFIGURATOR_ACTION.removeColumnAxis;
-    removeColumnAxes: COMMON_CONFIGURATOR_ACTION.removeColumnAxes;
-    addRowAxis: COMMON_CONFIGURATOR_ACTION.addRowAxis;
-    addRowAxes: COMMON_CONFIGURATOR_ACTION.addRowAxes;
-    removeRowAxis: COMMON_CONFIGURATOR_ACTION.removeRowAxis;
-    removeRowAxes: COMMON_CONFIGURATOR_ACTION.removeRowAxes;
-    addMeasureAxis: COMMON_CONFIGURATOR_ACTION.addMeasureAxis;
-    addMeasureAxes: COMMON_CONFIGURATOR_ACTION.addMeasureAxes;
-    removeMeasureAxis: COMMON_CONFIGURATOR_ACTION.removeMeasureAxis;
-    removeMeasureAxes: COMMON_CONFIGURATOR_ACTION.removeMeasureAxes;
-    remove: COMMON_CONFIGURATOR_ACTION.remove;
-    setSort: COMMON_CONFIGURATOR_ACTION.setSort;
-    setFilter: COMMON_CONFIGURATOR_ACTION.setFilter;
-    addFilter: COMMON_CONFIGURATOR_ACTION.addFilter;
-    changeFilter: COMMON_CONFIGURATOR_ACTION.changeFilter;
-    removeFilter: COMMON_CONFIGURATOR_ACTION.removeFilter;
-    setDragItem: COMMON_CONFIGURATOR_ACTION.setDragItem;
-    drop: COMMON_CONFIGURATOR_ACTION.drop;
-    setDropZone: COMMON_CONFIGURATOR_ACTION.setDropZone;
-    setDropTarget: COMMON_CONFIGURATOR_ACTION.setDropTarget;
-    setDropDirection: COMMON_CONFIGURATOR_ACTION.setDropDirection;
-};
-/**
- * @hidden
- */
-export interface PivotGridConfiguratorExpandAction {
-    type: PIVOT_CONFIGURATOR_ACTION_TYPE;
-    payload: any;
-}
-/**
- * Represents the available PivotGridConfigurator actions.
- *
- * Can be one of:
- * - [PivotGridConfiguratorSelectionAction]({% slug api_pivotgrid_pivotgridconfiguratorselectionaction %})
- * - [PivotGridConfiguratorMultipleSelectionAction]({% slug api_pivotgrid_pivotgridconfiguratormultipleselectionaction %})
- * - [PivotGridConfiguratorRemoveAction]({% slug api_pivotgrid_pivotgridconfiguratorremoveaction %})
- * - [PivotGridConfiguratorSortAction]({% slug api_pivotgrid_pivotgridconfiguratorsortaction %})
- * - [PivotGridConfiguratorFilterAction]({% slug api_pivotgrid_pivotgridconfiguratorfilteraction %})
- * - [PivotConfiguratorDragAction]({% slug api_pivotgrid_pivotconfiguratordragaction %})
- * - [PivotConfiguratorDropAction]({% slug api_pivotgrid_pivotconfiguratordropaction %})
- * - [PivotGridConfiguratorDropZoneAction]({% slug api_pivotgrid_pivotgridconfiguratordropzoneaction %})
- * - [PivotGridConfiguratorDropTargetAction]({% slug api_pivotgrid_pivotgridconfiguratordroptargetaction %})
- * - [PivotGridConfiguratorDropDirectionAction]({% slug api_pivotgrid_pivotgridconfiguratordropdirectionaction %})
- * - [PivotGridConfiguratorExpandAction]({% slug api_pivotgrid_pivotgridconfiguratorexpandaction %})
- *
- * The following `falsy` values will be ignored:
- * - `null`
- * - `false`
- * - `undefined`
- *
- * @hidden
- */
-export interface PivotGridConfiguratorAction {
-    type: PIVOT_CONFIGURATOR_ACTION_TYPE;
-    payload: any;
-    override?: PivotGridConfiguratorEditorState;
-}
-/**
- * @hidden
- */
-export declare const usePivotConfiguratorEditor: (props: PivotGridConfiguratorEditorProps, target: any) => [PivotGridConfiguratorEditorState, (action: PivotGridConfiguratorAction, syntheticEvent?: React.SyntheticEvent) => void];
-export {};

package/dist/npm/hooks/usePivotConfiguratorEditor.js

@@ -1,107 +0,0 @@
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    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");
-var kendo_pivotgrid_common_1 = require("@progress/kendo-pivotgrid-common");
-var EXTENDED_CONFIGURATOR_ACTION;
-(function (EXTENDED_CONFIGURATOR_ACTION) {
-    EXTENDED_CONFIGURATOR_ACTION["toggleExpansion"] = "PIVOT_CONFIGURATOR_ACTION_TOGGLE_EXPANSION";
-})(EXTENDED_CONFIGURATOR_ACTION || (EXTENDED_CONFIGURATOR_ACTION = {}));
-;
-/**
- * @hidden
- */
-exports.PIVOT_CONFIGURATOR_ACTION = __assign(__assign({}, kendo_pivotgrid_common_1.PIVOT_CONFIGURATOR_ACTION), EXTENDED_CONFIGURATOR_ACTION);
-;
-/**
- * @hidden
- */
-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 = (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];
-    var _e = React.useState(null), dropDirection = _e[0], setDropDirection = _e[1];
-    var handlePivotConfiguratorEditorAction = function (action, syntheticEvent) {
-        switch (action.type) {
-            case exports.PIVOT_CONFIGURATOR_ACTION.toggleExpansion: {
-                dispatchExpansion({ type: useExpansion_1.EXPANSION_ACTION.toggle, payload: action.payload }, syntheticEvent);
-                break;
-            }
-            default:
-                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,
-                    columnAxes: (action.override && action.override.columnAxes !== undefined) ? action.override.columnAxes : columnAxes,
-                    measureAxes: (action.override && action.override.measureAxes !== undefined) ? action.override.measureAxes : measureAxes,
-                    dragItem: (action.override && action.override.dragItem !== undefined) ? action.override.dragItem : dragItem,
-                    dropDirection: (action.override && action.override.dropDirection !== undefined) ? action.override.dropDirection : dropDirection,
-                    dropTarget: (action.override && action.override.dropTarget !== undefined) ? action.override.dropTarget : dropTarget,
-                    dropZone: (action.override && action.override.dropZone !== undefined) ? action.override.dropZone : dropZone
-                }, action);
-                if (newState.columnAxes !== undefined) {
-                    props.onChange('columnAxes', { value: newState.columnAxes });
-                }
-                if (newState.rowAxes !== undefined) {
-                    props.onChange('rowAxes', { value: newState.rowAxes });
-                }
-                if (newState.measureAxes !== undefined) {
-                    props.onChange('measureAxes', { value: newState.measureAxes });
-                }
-                if (newState.sort !== undefined) {
-                    props.onChange('sort', { value: newState.sort });
-                }
-                if (newState.filter !== undefined) {
-                    props.onChange('filter', { value: newState.filter });
-                }
-                if (newState.dropDirection !== undefined) {
-                    setDropDirection(newState.dropDirection);
-                }
-                if (newState.dropTarget !== undefined) {
-                    setDropTarget(newState.dropTarget);
-                }
-                if (newState.dropZone !== undefined) {
-                    setDropZone(newState.dropZone);
-                }
-                if (newState.dragItem !== undefined) {
-                    setDragItem(newState.dragItem);
-                }
-                break;
-        }
-    };
-    return [
-        {
-            dragItem: dragItem,
-            dropTarget: dropTarget,
-            dropZone: dropZone,
-            dropDirection: dropDirection,
-            columnAxes: columnAxes,
-            rowAxes: rowAxes,
-            measureAxes: measureAxes,
-            sort: sort,
-            filter: filter,
-            expanded: expanded
-        },
-        handlePivotConfiguratorEditorAction
-    ];
-};
-exports.usePivotConfiguratorEditor = usePivotConfiguratorEditor;

package/dist/npm/hooks/usePivotLocalDataService.js

@@ -1,110 +0,0 @@
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    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");
-;
-var dataField = 'aggregate';
-var columnsData = 'columns';
-var bindingFields = { dataField: dataField, columnsData: columnsData };
-var stringSeparator = '&';
-/**
- * A [custom React hook](https://reactjs.org/docs/hooks-custom.html) which provides data-binding to local data.
- */
-var usePivotLocalDataService = function (args) {
-    var _a = React.useState(true), loading = _a[0], setLoading = _a[1];
-    var _b = React.useState(args.defaultColumnAxes || []), columnAxes = _b[0], setColumnAxes = _b[1];
-    var _c = React.useState(args.defaultRowAxes || []), rowAxes = _c[0], setRowAxes = _c[1];
-    var _d = React.useState(args.defaultMeasureAxes || []), measureAxes = _d[0], setMeasureAxes = _d[1];
-    var _e = React.useState(args.defaultSort || []), sort = _e[0], setSort = _e[1];
-    var _f = React.useState(args.defaultFilter || []), filter = _f[0], setFilter = _f[1];
-    var _g = React.useState(new Map()), dataTree = _g[0], setDataTree = _g[1];
-    var handleRowAxesChange = React.useCallback(function (event) {
-        setRowAxes(event.value);
-    }, []);
-    var handleColumnAxesChange = React.useCallback(function (event) {
-        setColumnAxes(event.value);
-    }, []);
-    var handleMeasureAxesChange = function (event) {
-        setMeasureAxes(event.value);
-    };
-    var handleSortChange = function (event) {
-        setSort(event.value);
-    };
-    var handleFilterChange = function (event) {
-        setFilter(event.value);
-    };
-    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 ? rootColumnAxes.split(stringSeparator).map(createAxisSettings) : []; }, [rootColumnAxes, createAxisSettings]);
-    var rowSettings = React.useMemo(function () { return rootRowAxes ? 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]);
-    React.useEffect(function () {
-        setLoading(true);
-        setTimeout(function () {
-            var result = (0, kendo_pivotgrid_common_1.createDataTree)(args.data, rowSettings, columnSettings, measuresSettings, bindingFields, filter);
-            setDataTree(result);
-            setLoading(false);
-        }, 0);
-    }, [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, rowAxes, rowSettings, sort]);
-    return {
-        pivotProps: {
-            rowAxes: rowAxes,
-            columnAxes: columnAxes,
-            data: dataState.data,
-            rows: dataState.rows,
-            columns: dataState.columns,
-            onRowAxesChange: handleRowAxesChange,
-            onColumnAxesChange: handleColumnAxesChange
-        },
-        configuratorProps: {
-            sort: sort,
-            onSortChange: handleSortChange,
-            filter: filter,
-            onFilterChange: handleFilterChange,
-            data: configuratorData,
-            rowAxes: rowAxes,
-            columnAxes: columnAxes,
-            measureAxes: measureAxes,
-            onRowAxesChange: handleRowAxesChange,
-            onColumnAxesChange: handleColumnAxesChange,
-            onMeasureAxesChange: handleMeasureAxesChange
-        },
-        state: {
-            loading: loading
-        }
-    };
-};
-exports.usePivotLocalDataService = usePivotLocalDataService;
-/**
- * A [React higher-order component](https://reactjs.org/docs/higher-order-components.html) which provides data-binding to local data.
- */
-var PivotLocalDataService = function (props) {
-    var args = (0, exports.usePivotLocalDataService)(props);
-    return props.children(args);
-};
-exports.PivotLocalDataService = PivotLocalDataService;