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

package/dist/es/utils/index.js

@@ -1,118 +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 { toColumns, toData, toRows, toTree } from '@progress/kendo-pivotgrid-common';
-/**
- * Generates suitable data for Charting visualization.
- *
- * @param rows - The PivotGrid's rows prop.
- * @param columns - The PivotGrid's columns prop.
- * @param data - The PivotGrid's data prop.
- * @returns - Suitable data for Charting visualization.
- */
-export var dataCells = function (rows, columns, data) {
-    var pRows = JSON.parse(JSON.stringify(rows || []));
-    var pColumns = JSON.parse(JSON.stringify(columns || []));
-    var pData = JSON.parse(JSON.stringify(data || []));
-    var rowsTree = toTree(pRows);
-    var _a = toRows(rowsTree), rowHeaderLeafs = _a[1], rowHeaderDepth = _a[2];
-    var columnsTree = toTree(pColumns);
-    var _b = toColumns(columnsTree), columnHeaderLeafs = _b[1], columnHeaderBreadth = _b[3];
-    return toData(pData, columnHeaderLeafs, rowHeaderLeafs, columnHeaderBreadth, rowHeaderDepth);
-};
-/**
- * @hidden
- */
-export var recursiveMap = function (nodes, map, parent) {
-    if (nodes === void 0) { nodes = []; }
-    if (map === void 0) { map = {}; }
-    if (parent === void 0) { parent = null; }
-    return nodes.map(function (node) {
-        var result = { dataItem: node };
-        Object.keys(map).forEach(function (key) {
-            result[key] = map[key](result, parent);
-        });
-        return result;
-    });
-};
-/**
- * @hidden
- */
-export var flatMap = function (nodes) {
-    if (nodes === void 0) { nodes = []; }
-    var result = __spreadArray([], nodes, true);
-    (nodes || []).forEach(function (child) {
-        result = result.concat(flatMap(child.children));
-    });
-    return result;
-};
-/**
- * @hidden
- */
-export var extractDefaultFields = function (columns) {
-    if (columns === void 0) { columns = []; }
-    var result = new Set();
-    columns.forEach(function (column) {
-        result.add(String(column.name));
-    });
-    return Array.from(result);
-};
-/**
- * @hidden
- */
-export var generateKey = function (args) {
-    if (args === void 0) { args = []; }
-    return "".concat(args.join(','));
-};
-/**
- * @hidden
- */
-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
- */
-export var findFilter = function (filter, member, operator) {
-    if (!filter) {
-        return;
-    }
-    var idx = 0;
-    var result;
-    var length = filter.length;
-    var filterOperator;
-    for (; idx < length; idx++) {
-        filterOperator = filter[idx].operator;
-        if (((!operator && filterOperator !== 'in') || (filterOperator === operator)) && filter[idx].field === member) {
-            result = (filter[idx]);
-        }
-    }
-    return result;
-};
-/**
- * @hidden
- */
-export var findFilters = function (filter, member, operator) {
-    if (!filter) {
-        return [];
-    }
-    var idx = 0;
-    var result = [];
-    var length = filter.length;
-    var filterOperator;
-    for (; idx < length; idx++) {
-        filterOperator = filter[idx].operator;
-        if (((!operator && filterOperator !== 'in') || (filterOperator === operator)) && filter[idx].field === member) {
-            result.push(filter[idx]);
-        }
-    }
-    return result;
-};
-/**
- * @hidden
- */
-export var compareFields = function (a, b) { return a.uniqueName === b.uniqueName; };

package/dist/npm/PivotGrid.js

@@ -1,248 +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.PivotGrid = void 0;
-var React = require("react");
-var kendo_react_common_1 = require("@progress/kendo-react-common");
-var package_metadata_1 = require("./package-metadata");
-var kendo_react_intl_1 = require("@progress/kendo-react-intl");
-var messages_1 = require("./messages");
-var Row_1 = require("./components/Row");
-var Cell_1 = require("./components/Cell");
-var useHeaders_1 = require("./hooks/useHeaders");
-var HeaderCell_1 = require("./components/HeaderCell");
-var useHorizontalScrollSync_1 = require("./hooks/useHorizontalScrollSync");
-var useVerticalScrollSync_1 = require("./hooks/useVerticalScrollSync");
-var Column_1 = require("./components/Column");
-var utils_1 = require("./utils");
-var kendo_react_common_2 = require("@progress/kendo-react-common");
-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) {
-    (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);
-    var rowHeadersTable = React.useRef(null);
-    var columnHeadersTable = React.useRef(null);
-    var rowHeadersContainer = React.useRef(null);
-    var columnHeadersContainer = React.useRef(null);
-    var valuesHeadersContainer = React.useRef(null);
-    var localization = (0, kendo_react_intl_1.useLocalization)();
-    var handleRowAxesChange = function (newRowAxes, syntheticEvent) {
-        if (props.onRowAxesChange) {
-            props.onRowAxesChange({
-                value: newRowAxes,
-                target: target.current,
-                syntheticEvent: syntheticEvent
-            });
-        }
-    };
-    var handleColumnAxesChange = function (newRowAxes, syntheticEvent) {
-        if (props.onColumnAxesChange) {
-            props.onColumnAxesChange({
-                value: newRowAxes,
-                target: target.current,
-                syntheticEvent: syntheticEvent
-            });
-        }
-    };
-    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);
-    React.useImperativeHandle(target, function () { return ({
-        props: props,
-        element: element.current,
-        columnHeaderRows: columnHeaderRows,
-        rowHeaderRows: rowHeaderRows,
-        dataCells: measures,
-        rowHeaderBreadth: rowHeaderBreadth,
-        columnHeaderBreadth: columnHeaderBreadth
-    }); });
-    React.useImperativeHandle(ref, function () { return target.current; });
-    var dataColumns = [];
-    var rowHeaderColumns = [];
-    var columnHeadersColumns = [];
-    /* Defaults */
-    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;
-    var ColumnHeadersColumnCellComponent = props.columnHeadersCell || HeaderCellComponent;
-    var RowHeadersRowComponent = props.rowHeadersRow || RowComponent;
-    var RowHeadersColumnComponent = props.rowHeadersColumn || ColumnComponent;
-    var RowHeadersCellComponent = props.rowHeadersCell || HeaderCellComponent;
-    var DataRowComponent = props.dataRow || RowComponent;
-    var DataColumnComponent = props.dataColumn || ColumnComponent;
-    for (var i = 0; i < columnHeaderLeafs.length; i++) {
-        dataColumns.push(React.createElement(DataColumnComponent, __assign({ key: String(columnHeaderLeafs[i].path) }, ColumnProps, { path: columnHeaderLeafs[i].path })));
-        columnHeadersColumns.push(React.createElement(ColumnHeadersColumnComponent, __assign({ key: String(columnHeaderLeafs[i].path) }, ColumnProps, { path: columnHeaderLeafs[i].path })));
-    }
-    for (var i = 0; i < rowHeaderBreadth; i++) {
-        rowHeaderColumns.push(React.createElement(RowHeadersColumnComponent, __assign({ key: i }, ColumnProps)));
-    }
-    var handleColumnCellClick = function (event) {
-        if (event.target.props.expandable) {
-            dispatchColumns({
-                type: useHeaders_1.HEADERS_ACTION.toggle,
-                payload: event.target.props.dataItem.path
-            }, event.syntheticEvent);
-        }
-    };
-    var handleRowCellClick = function (event) {
-        if (event.target.props.expandable) {
-            dispatchRows({
-                type: useHeaders_1.HEADERS_ACTION.toggle,
-                payload: event.target.props.dataItem.path
-            }, event.syntheticEvent);
-        }
-    };
-    var handleHorizontalScroll = (0, useHorizontalScrollSync_1.useHorizontalScrollSync)(valuesHeadersContainer, columnHeadersContainer);
-    var handleVerticalScroll = (0, useVerticalScrollSync_1.useVerticalScrollSync)(valuesHeadersContainer, rowHeadersContainer);
-    var handleValuesContainerScroll = function (event) {
-        handleHorizontalScroll(event);
-        handleVerticalScroll(event);
-    };
-    var setRowsTemplate = React.useCallback(function () {
-        if (element.current && columnHeadersTable.current) {
-            // Reset gridTemplateRows before getting the new size
-            element.current.style.gridTemplateRows = '';
-            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 = "".concat(rowHeadersTable.current.offsetWidth, "px 1fr");
-        }
-    }, []);
-    var navigation = React.useRef(new kendo_pivotgrid_common_1.PivotGridNavigation({ tabIndex: props.tabIndex || 0 }));
-    React.useEffect(function () {
-        if (element.current) {
-            var tabIndex = props.tabIndex || 0;
-            navigation.current.stop();
-            navigation.current.tabIndex = tabIndex;
-            if (props.navigatable) {
-                navigation.current.start(element.current);
-                var firstCell = navigation.current.first;
-                if (firstCell) {
-                    firstCell.setAttribute('tabindex', String(tabIndex));
-                }
-            }
-        }
-        return function () {
-            navigation.current.stop();
-        };
-    }, [props.tabIndex, props.navigatable]);
-    React.useEffect(function () {
-        navigation.current.update();
-    });
-    React.useEffect(function () {
-        if (columnHeadersTable.current) {
-            var observer_1 = new window.ResizeObserver(setRowsTemplate);
-            observer_1.observe(columnHeadersTable.current);
-            return function () { observer_1.disconnect(); };
-        }
-    }, [setRowsTemplate]);
-    React.useEffect(function () {
-        if (rowHeadersTable.current) {
-            var observer_2 = new window.ResizeObserver(setColumnsTemplate);
-            observer_2.observe(rowHeadersTable.current);
-            return function () { observer_2.disconnect(); };
-        }
-    }, [setColumnsTemplate]);
-    React.useLayoutEffect(function () {
-        (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(); };
-        }
-    }, []);
-    var columnHeaderCellsIds = new Array(columnHeaderRows.length).fill([]).map(function () { return new Array(columnHeaderLeafs.length); });
-    columnHeaderRows.forEach(function (row, r) {
-        var curColSpan = 0;
-        Array.from(row.cells).forEach(function (cell) {
-            var expanded = Boolean(cell && cell.children && cell.children.length);
-            var id = (cell ? (0, utils_1.generateKey)(cell.normalizedPath)
-                + (cell.total ? '|[TOTAL]' : '')
-                + (expanded ? '|[EXPANDED]' : '') : '').replace(/\s/g, '-');
-            if (cell) {
-                for (var colSp = 0; colSp < (cell.colSpan || 1); colSp++) {
-                    for (var rowSp = 0; rowSp < (cell.rowSpan || 1); rowSp++) {
-                        var ind = columnHeaderCellsIds[r + rowSp].findIndex(function (val, curInd) { return curInd >= curColSpan && !val; });
-                        columnHeaderCellsIds[r + rowSp][ind] = id;
-                    }
-                    curColSpan++;
-                }
-            }
-        });
-    });
-    var dataCellsIds = measures.map(function (row) {
-        return row.cells.map(function (cell) { return (0, utils_1.generateDataKey)(cell.rowTuple.members, cell.columnTuple.members).replace(/\s/g, '-'); });
-    });
-    return (React.createElement("div", { ref: element, id: props.id, style: props.style, tabIndex: !props.navigatable ? props.tabIndex : undefined, className: (0, kendo_react_common_2.classNames)('k-pivotgrid', props.className), role: "grid" },
-        React.createElement("span", { className: "k-pivotgrid-empty-cell" },
-            React.createElement("span", { className: "k-sr-only" }, localization.toLanguageString(messages_1.emptyCellAriaLabel, messages_1.messages[messages_1.emptyCellAriaLabel]))),
-        React.createElement("div", { ref: columnHeadersContainer, className: "k-pivotgrid-column-headers", onScroll: handleHorizontalScroll },
-            React.createElement("table", { ref: columnHeadersTable, className: "k-pivotgrid-table", role: "none" },
-                React.createElement("colgroup", null, columnHeadersColumns),
-                React.createElement("tbody", { className: "k-pivotgrid-tbody", role: 'rowgroup' }, columnHeaderRows.map(function (row, r) {
-                    var foundCell = false;
-                    return (React.createElement(ColumnHeadersRowComponent, __assign({ key: row.name, role: "row" }, RowProps), row.cells.map(function (cell, cellIdx) {
-                        var first = cellIdx !== 0 && !foundCell;
-                        if (cell) {
-                            foundCell = true;
-                        }
-                        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: columnHeaderCellsIds[r][cellIdx], "data-key": columnHeaderCellsIds[r][cellIdx], id: columnHeaderCellsIds[r][cellIdx], 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, role: "columnheader" }), cell.caption))
-                            : null;
-                    })));
-                })))),
-        React.createElement("div", { ref: rowHeadersContainer, className: "k-pivotgrid-row-headers" },
-            React.createElement("table", { ref: rowHeadersTable, className: "k-pivotgrid-table", role: "none" },
-                React.createElement("colgroup", null, rowHeaderColumns),
-                React.createElement("tbody", { className: "k-pivotgrid-tbody", role: "rowgroup" }, rowHeaderRows.map(function (row, rowId) { return (React.createElement(RowHeadersRowComponent, __assign({ key: (0, utils_1.generateKey)(rowHeaderLeafs[rowId].path) }, RowProps, { path: rowHeaderLeafs[rowId].path, role: "row", ariaOwns: dataCellsIds[rowId].join(' ') }), 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": (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, role: "rowheader" }), cell.caption))
-                    : null; }))); })))),
-        React.createElement("div", { ref: valuesHeadersContainer, className: "k-pivotgrid-values", onScroll: handleValuesContainerScroll },
-            React.createElement("table", { className: "k-pivotgrid-table", role: "none" },
-                React.createElement("colgroup", null, dataColumns),
-                React.createElement("tbody", { className: "k-pivotgrid-tbody", role: "none" }, measures.map(function (row, rowId) { return (React.createElement(DataRowComponent, __assign({ key: (0, utils_1.generateKey)(rowHeaderLeafs[rowId].path) }, RowProps, { path: rowHeaderLeafs[rowId].path, role: "none" }), row.cells.map(function (cell, cellId) { return (React.createElement(CellComponent, __assign({ key: dataCellsIds[rowId][cellId], "data-key": dataCellsIds[rowId][cellId], id: dataCellsIds[rowId][cellId] }, 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, role: "gridcell", ariaDescribedby: columnHeaderCellsIds.map(function (r) { return r[cellId]; }).join(' ') }), (cell && cell.data && cell.data.fmtValue) ? cell.data.fmtValue : '\u00A0')); }))); }))))));
-});
-var defaultProps = {
-    rowAxes: [],
-    columnAxes: [],
-    data: [],
-    row: Row_1.PivotGridRow,
-    column: Column_1.PivotGridColumn,
-    cell: Cell_1.PivotGridCell,
-    headerCell: HeaderCell_1.PivotGridHeaderCell
-};
-exports.PivotGrid.displayName = 'KendoReactPivotGrid';

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

@@ -1,46 +0,0 @@
-import * as React from 'react';
-import { ChipListProps as KendoReactChipListProps } from '@progress/kendo-react-buttons';
-import { FieldProps } from '@progress/kendo-react-form';
-import { PivotGridAxis } from '@progress/kendo-pivotgrid-common';
-import { CustomComponent } from '@progress/kendo-react-common';
-/**
- * Represents the props of the [KendoReact PivotGridAxesEditor component]({% slug api_pivotgrid_pivotgridaxeseditor %}).
- */
-export interface PivotGridAxesEditorProps extends FieldProps {
-    /**
-     * Represents the `value` of the AxesEditor.
-     *
-     * The `value` is an array of [PivotGridAxis]({% slug api_pivotgrid_pivotgridaxis %})
-     */
-    value: PivotGridAxis[];
-    /**
-     * Indicates which of the three available axes are represented by the editor:
-     * - columnAxes
-     * - rowAxes
-     * - measureAxes
-     */
-    field: string;
-    /**
-     * Overrides the default `chipList` component.
-     *
-     * The default component is: [KendoReactChipList]({% slug api_buttons_chiplist %}).
-     */
-    chipList?: CustomComponent<KendoReactChipListProps>;
-}
-/**
- * @hidden
- */
-export declare const PivotGridConfiguratorEditorAxesContext: React.Context<{
-    axes: string | null;
-}>;
-/**
- * Represents the object which is passed to the [`ref`](https://reactjs.org/docs/refs-and-the-dom.html) callback of the PivotGridAxesEditor component.
- */
-export interface PivotGridAxesEditorHandle {
-    props: PivotGridAxesEditorProps;
-    element: HTMLDivElement | null;
-}
-/**
- * Represents the [KendoReact PivotGridAxesEditor component]({% slug api_pivotgrid_pivotgridaxeseditorprops %}).
- */
-export declare const PivotGridAxesEditor: React.ForwardRefExoticComponent<Omit<PivotGridAxesEditorProps, "ref"> & React.RefAttributes<PivotGridAxesEditorHandle | null>>;

package/dist/npm/components/AxesEditor.js

@@ -1,46 +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.PivotGridAxesEditor = exports.PivotGridConfiguratorEditorAxesContext = void 0;
-var React = require("react");
-var kendo_react_buttons_1 = require("@progress/kendo-react-buttons");
-var kendo_react_common_1 = require("@progress/kendo-react-common");
-var AxisEditor_1 = require("./AxisEditor");
-/**
- * @hidden
- */
-exports.PivotGridConfiguratorEditorAxesContext = React.createContext({ axes: null });
-/**
- * Represents the [KendoReact PivotGridAxesEditor component]({% slug api_pivotgrid_pivotgridaxeseditorprops %}).
- */
-exports.PivotGridAxesEditor = React.forwardRef(function (props, ref) {
-    var _a = __assign(__assign({}, defaultProps), props), value = _a.value, field = _a.field;
-    var chipList = React.useRef(null);
-    var element = React.useRef(null);
-    var target = React.useRef(null);
-    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; });
-    var data = value
-        .filter(function (v) { return v.name.length === 1 && v.name.every(function (n) { return n.indexOf('&') === -1; }); })
-        .map(function (i) { return (__assign(__assign({}, i), { text: String(i.name) })); });
-    return (React.createElement(exports.PivotGridConfiguratorEditorAxesContext.Provider, { value: { axes: field } },
-        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: [],
-    chipList: kendo_react_buttons_1.ChipList
-};
-exports.PivotGridAxesEditor.defaultProps = defaultProps;
-exports.PivotGridAxesEditor.displayName = 'KendoReactPivotGridAxesEditor';

package/dist/npm/components/AxisEditor.js

@@ -1,141 +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);
-};
-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.PivotGridAxisEditor = void 0;
-var React = require("react");
-var kendo_pivotgrid_common_1 = require("@progress/kendo-pivotgrid-common");
-var kendo_react_common_1 = require("@progress/kendo-react-common");
-var kendo_react_data_tools_1 = require("@progress/kendo-react-data-tools");
-var kendo_react_buttons_1 = require("@progress/kendo-react-buttons");
-var utils_1 = require("../utils");
-var hooks_1 = require("../hooks/");
-var shared_1 = require("../shared");
-var AxesEditor_1 = require("./AxesEditor");
-var AxisFilterFieldsEditor_1 = require("./AxisFilterFieldsEditor");
-/**
- * Represents the [KendoReact PivotGridAxisEditor component]({% slug api_pivotgrid_pivotgridaxiseditorprops %}).
- */
-exports.PivotGridAxisEditor = React.forwardRef(function (props, ref) {
-    var initialX = React.useRef(0);
-    var initialY = React.useRef(0);
-    var chip = React.useRef(null);
-    var element = React.useRef(null);
-    var target = React.useRef(null);
-    var axes = React.useContext(AxesEditor_1.PivotGridConfiguratorEditorAxesContext).axes;
-    var _a = React.useState(false), drag = _a[0], setDrag = _a[1];
-    var _b = React.useContext(shared_1.PivotGridConfiguratorEditorStateContext), state = _b[0], dispatchState = _b[1];
-    React.useImperativeHandle(element, function () { return chip.current && chip.current.element; });
-    React.useImperativeHandle(target, function () { return ({ props: props, element: element.current }); });
-    React.useImperativeHandle(ref, function () { return target.current; });
-    var _c = (0, kendo_react_common_1.useCustomComponent)(props.chip || defaultProps.chip), ChipComponent = _c[0], ChipProps = _c[1];
-    var _d = (0, kendo_react_common_1.useCustomComponent)(props.dropClue || defaultProps.dropClue), DropClueComponent = _d[0], DropClueProps = _d[1];
-    var _e = (0, kendo_react_common_1.useCustomComponent)(props.columnMenuTextColumn || defaultProps.columnMenuTextColumn), ColumnMenuTextColumnComponent = _e[0], ColumnMenuTextColumnProps = _e[1];
-    var _f = (0, kendo_react_common_1.useCustomComponent)(props.filterFieldsEditor || defaultProps.filterFieldsEditor), FilterFieldsEditorComponent = _f[0], FilterFieldsEditorProps = _f[1];
-    var inFilter = (0, utils_1.findFilters)(state.filter, String(props.value), 'in');
-    var textFilter = (0, utils_1.findFilters)(state.filter, String(props.value));
-    var handleSortChange = function (syntheticEvent, sort) {
-        dispatchState({ type: hooks_1.PIVOT_CONFIGURATOR_ACTION.setSort, payload: sort }, syntheticEvent);
-    };
-    var handleFilterChange = function (syntheticEvent, filter) {
-        if (filter.length) {
-            dispatchState({
-                type: hooks_1.PIVOT_CONFIGURATOR_ACTION.setFilter,
-                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 {
-            dispatchState({ type: hooks_1.PIVOT_CONFIGURATOR_ACTION.setFilter, payload: inFilter }, syntheticEvent);
-        }
-    };
-    var handleRemove = function (event) {
-        dispatchState({ type: hooks_1.PIVOT_CONFIGURATOR_ACTION.remove, payload: props.dataItem }, event.syntheticEvent);
-    };
-    var customRender = function (children) {
-        var customizedChildren = children.slice();
-        var filter = (0, utils_1.findFilter)(state.filter, String(props.dataItem.name), 'in');
-        customizedChildren.splice(1, 0, (React.createElement(FilterFieldsEditorComponent, __assign({ key: 'axis-filter-fields-editor', defaultFilter: filter, dataItem: props.dataItem, data: props.dataItem.fields, axes: axes }, FilterFieldsEditorProps))));
-        return customizedChildren;
-    };
-    var handlePress = function (event) {
-        initialX.current = event.clientX;
-        initialY.current = event.clientY;
-    };
-    var handleDrag = function (event) {
-        if (Math.abs(initialX.current - event.clientX) < 10 &&
-            Math.abs(initialY.current - event.clientY) < 10) {
-            return;
-        }
-        if (element.current) {
-            element.current.style.transform = "translate(".concat(event.clientX - initialX.current, "px, ").concat(event.clientY - initialY.current, "px)");
-        }
-        setDrag(true);
-        dispatchState({ type: hooks_1.PIVOT_CONFIGURATOR_ACTION.setDragItem, payload: props.dataItem });
-    };
-    var handleRelease = function () {
-        setDrag(false);
-        if (state.dragItem) {
-            if (element.current) {
-                element.current.style.transform = '';
-            }
-            dispatchState({ type: hooks_1.PIVOT_CONFIGURATOR_ACTION.drop, payload: props.dataItem });
-        }
-    };
-    var handleMouseEnter = function (event) {
-        if (state.dragItem) {
-            dispatchState({ type: hooks_1.PIVOT_CONFIGURATOR_ACTION.setDropTarget, payload: props.dataItem }, event.syntheticEvent);
-            dispatchState({ type: hooks_1.PIVOT_CONFIGURATOR_ACTION.setDropZone, payload: axes }, event.syntheticEvent);
-        }
-    };
-    var handleMouseMove = function (event) {
-        if (state.dragItem && !drag) {
-            if (element.current) {
-                var rect = element.current.getBoundingClientRect();
-                var x = event.syntheticEvent.clientX - rect.left;
-                var direction = x < rect.width / 2 ? 'before' : 'after';
-                dispatchState({ type: hooks_1.PIVOT_CONFIGURATOR_ACTION.setDropDirection, payload: direction }, event.syntheticEvent);
-            }
-        }
-    };
-    (0, kendo_react_common_1.useDraggable)(element, {
-        onPress: handlePress,
-        onDrag: handleDrag,
-        onRelease: handleRelease
-    });
-    return (React.createElement(React.Fragment, null,
-        (state.dropTarget && (0, kendo_pivotgrid_common_1.compareAxes)(state.dropTarget, props.dataItem) && state.dropDirection === 'before')
-            && (React.createElement(DropClueComponent, __assign({}, DropClueProps))),
-        React.createElement(ChipComponent, __assign({ ref: (0, kendo_react_common_1.canUseRef)(ChipComponent) ? chip : undefined }, props, { removable: true, onRemove: handleRemove, onMouseEnter: handleMouseEnter, onMouseMove: handleMouseMove, style: { pointerEvents: drag ? 'none' : undefined }, rounded: 'full' }, ChipProps),
-            props.text,
-            (axes !== 'measureAxes') && (React.createElement(ColumnMenuTextColumnComponent, __assign({ field: String(props.value), itemsRender: customRender, sort: state.sort, onSortChange: handleSortChange, filter: (textFilter && textFilter.length) ? [{ logic: 'and', filters: textFilter }] : undefined, onFilterChange: handleFilterChange, filterContent: [
-                    kendo_react_data_tools_1.ColumnMenuTextFilter
-                ] }, ColumnMenuTextColumnProps)))),
-        (state.dropTarget && (0, kendo_pivotgrid_common_1.compareAxes)(state.dropTarget, props.dataItem) && state.dropDirection === 'after')
-            && (React.createElement(DropClueComponent, __assign({}, DropClueProps)))));
-});
-var defaultProps = {
-    chip: kendo_react_buttons_1.Chip,
-    columnMenuTextColumn: kendo_react_data_tools_1.ColumnMenuTextColumn,
-    filterFieldsEditor: AxisFilterFieldsEditor_1.PivotGridAxisFilterFieldsEditor,
-    dropClue: function (props) { return React.createElement("div", __assign({ className: "k-grouping-dropclue", style: { position: 'relative', zIndex: 10000 } }, props)); }
-};
-exports.PivotGridAxisEditor.defaultProps = defaultProps;
-exports.PivotGridAxisEditor.displayName = 'KendoReactPivotGridAxisEditor';