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

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

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

package/dist/es/hooks/index.js

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

package/dist/es/hooks/useExpansion.js

@@ -1,89 +0,0 @@
-var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
-    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
-        if (ar || !(i in from)) {
-            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
-            ar[i] = from[i];
-        }
-    }
-    return to.concat(ar || Array.prototype.slice.call(from));
-};
-import * as React from 'react';
-/**
- * @hidden
- */
-export var EXPANSION_ACTION;
-(function (EXPANSION_ACTION) {
-    EXPANSION_ACTION["toggle"] = "EXPAND_TOGGLE";
-    EXPANSION_ACTION["expand"] = "EXPAND_EXPAND";
-    EXPANSION_ACTION["collapse"] = "EXPAND_COLLAPSE";
-})(EXPANSION_ACTION || (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
- */
-export 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];
-};

package/dist/es/hooks/useHeaders.js

@@ -1,25 +0,0 @@
-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);
-};
-import { headersReducer } from '@progress/kendo-pivotgrid-common';
-export { HEADERS_ACTION } from '@progress/kendo-pivotgrid-common';
-/**
- * @hidden
- */
-export var useHeaders = function (prop, tree, onChange) {
-    var handleHeadersAction = function (action, event) {
-        var newHeaders = headersReducer(prop, __assign(__assign({}, action), { tree: tree }));
-        if (onChange) {
-            onChange(newHeaders, event);
-        }
-    };
-    return [prop, handleHeadersAction];
-};

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

@@ -1,27 +0,0 @@
-import * as React from 'react';
-/**
- * @hidden
- */
-export 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;
-};

package/dist/es/hooks/usePivotConfiguratorEditor.js

@@ -1,103 +0,0 @@
-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);
-};
-import * as React from 'react';
-import { useExpansion, EXPANSION_ACTION } from './useExpansion';
-import { compareFields } from '../utils';
-import { PIVOT_CONFIGURATOR_ACTION as COMMON_CONFIGURATOR_ACTION, configuratorReducer } from '@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
- */
-export var PIVOT_CONFIGURATOR_ACTION = __assign(__assign({}, COMMON_CONFIGURATOR_ACTION), EXTENDED_CONFIGURATOR_ACTION);
-;
-/**
- * @hidden
- */
-export 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([], undefined, target, 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 PIVOT_CONFIGURATOR_ACTION.toggleExpansion: {
-                dispatchExpansion({ type: EXPANSION_ACTION.toggle, payload: action.payload }, syntheticEvent);
-                break;
-            }
-            default:
-                var newState = 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
-    ];
-};

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

@@ -1,79 +0,0 @@
-import { PivotGridAxis, Measure, Dimension } from '@progress/kendo-pivotgrid-common';
-import { SortDescriptor, FilterDescriptor } from '@progress/kendo-data-query';
-import { PivotGridProps } from '../PivotGrid';
-import { PivotGridConfiguratorProps } from '../components/Configurator';
-/**
- * Represents the arguments of the [usePivotLocalDataService]({% slug api_pivotgrid_usepivotlocaldataservice %}) hook.
- */
-export interface PivotLocalDataServiceArgs {
-    /**
-     * Represents the dimensions object of the [usePivotLocalDataService]({% slug api_pivotgrid_usepivotlocaldataservice %}) hook and the [PivotLocalDataService]({% slug api_pivotgrid_pivotlocaldataservice %}) component.
-     */
-    dimensions: {
-        [key: string]: Dimension;
-    };
-    /**
-     * Represents the measures collection of the [usePivotLocalDataService]({% slug api_pivotgrid_usepivotlocaldataservice %}) hook and the [PivotLocalDataService]({% slug api_pivotgrid_pivotlocaldataservice %}) component.
-     */
-    measures: Measure[];
-    /**
-     * Represents the local data of the [usePivotLocalDataService]({% slug api_pivotgrid_usepivotlocaldataservice %}) hook and the [PivotLocalDataService]({% slug api_pivotgrid_pivotlocaldataservice %}) component.
-     */
-    data: any[];
-    /**
-     * Represents the  default column axes configuration of the [usePivotLocalDataService]({% slug api_pivotgrid_usepivotlocaldataservice %}) hook and the [PivotLocalDataService]({% slug api_pivotgrid_pivotlocaldataservice %}) component.
-     */
-    defaultColumnAxes: PivotGridAxis[];
-    /**
-     * Represents the default row axes configuration of the [usePivotLocalDataService]({% slug api_pivotgrid_usepivotlocaldataservice %}) hook and the [PivotLocalDataService]({% slug api_pivotgrid_pivotlocaldataservice %}) component.
-     */
-    defaultRowAxes: PivotGridAxis[];
-    /**
-     * Represents the default measure axes configuration of the [usePivotLocalDataService]({% slug api_pivotgrid_usepivotlocaldataservice %}) hook and the [PivotLocalDataService]({% slug api_pivotgrid_pivotlocaldataservice %}) component.
-     */
-    defaultMeasureAxes: PivotGridAxis[];
-    /**
-     * Represents the default sort descriptors of the [usePivotLocalDataService]({% slug api_pivotgrid_usepivotlocaldataservice %}) hook and the [PivotLocalDataService]({% slug api_pivotgrid_pivotlocaldataservice %}) component.
-     */
-    defaultSort: SortDescriptor[];
-    /**
-     * Represents the default filter descriptors of the [usePivotLocalDataService]({% slug api_pivotgrid_usepivotlocaldataservice %}) hook and the [PivotLocalDataService]({% slug api_pivotgrid_pivotlocaldataservice %}) component.
-     */
-    defaultFilter: FilterDescriptor[];
-}
-/**
- * Represents the `state` of the [usePivotLocalDataService]({% slug api_pivotgrid_usepivotlocaldataservice %}) hook and the [PivotLocalDataService]({% slug api_pivotgrid_pivotlocaldataservice %}) component.
- */
-export interface PivotLocalDataServiceState {
-    /**
-     * Represents the `PivotGrid` component props.
-     */
-    pivotProps: PivotGridProps;
-    /**
-     * Represents the `PivotGridConfigurator` component props.
-     */
-    configuratorProps: PivotGridConfiguratorProps;
-    /**
-     * Represents an object containing additional state data.
-     */
-    state: {
-        loading: boolean;
-    };
-}
-/**
- * A [custom React hook](https://reactjs.org/docs/hooks-custom.html) which provides data-binding to local data.
- */
-export declare const usePivotLocalDataService: (args: PivotLocalDataServiceArgs) => PivotLocalDataServiceState;
-/**
- * Represents the properties of the [PivotLocalDataService]({% slug api_pivotgrid_pivotlocaldataservice %}) component.
- */
-export interface PivotLocalDataServiceProps extends PivotLocalDataServiceArgs {
-    /**
-     * Represents the children prop of the [PivotLocalDataService]({% slug api_pivotgrid_pivotlocaldataservice %}) component.
-     */
-    children: (args: PivotLocalDataServiceState) => any;
-}
-/**
- * A [React higher-order component](https://reactjs.org/docs/higher-order-components.html) which provides data-binding to local data.
- */
-export declare const PivotLocalDataService: (props: PivotLocalDataServiceProps) => any;

package/dist/es/hooks/usePivotLocalDataService.js

@@ -1,105 +0,0 @@
-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);
-};
-/* eslint-disable max-len */
-import * as React from 'react';
-import { createDataTree, rootFields, createLocalDataState, createFlatSchemaDimensions } from '@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.
- */
-export 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(rootFields(columnAxes).keys()).join(stringSeparator); }, [columnAxes]);
-    var rootRowAxes = React.useMemo(function () { return Array.from(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 = 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 createFlatSchemaDimensions(args.dimensions, args.measures); }, [args.dimensions, args.measures]);
-    var dataState = React.useMemo(function () { return createLocalDataState({
-        dataTree: dataTree,
-        rowSettings: rowSettings,
-        columnSettings: columnSettings,
-        rowAxes: rowAxes,
-        columnAxes: columnAxes,
-        measures: measuresSettings,
-        sort: sort,
-        fields: bindingFields
-    }); }, [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
-        }
-    };
-};
-/**
- * A [React higher-order component](https://reactjs.org/docs/higher-order-components.html) which provides data-binding to local data.
- */
-export var PivotLocalDataService = function (props) {
-    var args = usePivotLocalDataService(props);
-    return props.children(args);
-};

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

@@ -1,41 +0,0 @@
-import { PivotGridAxis } from '@progress/kendo-pivotgrid-common';
-import { SortDescriptor, FilterDescriptor } from '@progress/kendo-data-query';
-import { PivotGridProps } from '../PivotGrid';
-import { PivotGridConfiguratorProps } from '../components/Configurator';
-/**
- * Represents the arguments of the [usePivotOLAPService]({% slug api_pivotgrid_usepivotolapservice %}) hook.
- */
-export interface PivotOLAPServiceArgs {
-    url: string;
-    cube: string;
-    catalog: string;
-    defaultColumnAxes?: PivotGridAxis[];
-    defaultRowAxes?: PivotGridAxis[];
-    defaultMeasureAxes?: PivotGridAxis[];
-    defaultSort?: SortDescriptor[];
-    defaultFilter?: FilterDescriptor[];
-}
-/**
- * Represents the `state` of the [usePivotOLAPService]({% slug api_pivotgrid_usepivotolapservice %}) hook and the [PivotOLAPService]({% slug api_pivotgrid_pivotolapservice %}) component.
- */
-export interface PivotOLAPServiceState {
-    pivotProps: PivotGridProps;
-    configuratorProps: PivotGridConfiguratorProps;
-    state: {
-        loading: boolean;
-    };
-}
-/**
- * A [custom React hook](https://reactjs.org/docs/hooks-custom.html) which provides data-binding to an OLAP service.
- */
-export declare const usePivotOLAPService: (args: PivotOLAPServiceArgs) => PivotOLAPServiceState;
-/**
- * Represents the properties of the [PivotOLAPService]({% slug api_pivotgrid_pivotolapservice %}) component.
- */
-export interface PivotOLAPServiceProps extends PivotOLAPServiceArgs {
-    children: (args: PivotOLAPServiceState) => any;
-}
-/**
- * A [React higher-order component](https://reactjs.org/docs/higher-order-components.html) which provides data-binding to an OLAP service.
- */
-export declare const PivotOLAPService: (props: PivotOLAPServiceProps) => any;