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

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

@@ -1,126 +0,0 @@
-import * as React from 'react';
-import { FormRenderProps, FieldProps } from '@progress/kendo-react-form';
-import { LabelProps } from '@progress/kendo-react-labels';
-import { CustomComponent } from '@progress/kendo-react-common';
-import { PivotGridAxisFilterFieldExpandEvent, PivotGridAxisFilterFieldsExpandChangeEvent } from './AxisFilterFieldsEditor';
-import { PivotGridConfiguratorState, PivotGridField } from '@progress/kendo-pivotgrid-common';
-import { PivotGridAxesEditorProps } from './AxesEditor';
-import { PivotGridFieldsEditorProps, PivotGridFieldsEditorFieldExpandEvent, PivotGridFieldsEditorFieldCheckEvent } from './FieldsEditor';
-import { PivotGridConfiguratorEditorState, PivotGridConfiguratorAction } from '../hooks';
-/**
- * Represents the props of the [KendoReact PivotGridConfiguratorEditor component]({% slug api_pivotgrid_pivotgridconfiguratoreditor %}).
- */
-export interface PivotGridConfiguratorEditorProps extends FormRenderProps {
-    /**
-     * Sets the `data` of the PivotGridConfiguratorEditor.
-     *
-     * The `data` represents all fields available in the configurator.
-     */
-    data: PivotGridField[];
-    /**
-     * Renders the PivotGridConfiguratorEditor in `horizontal` orientation.
-     */
-    horizontal?: boolean;
-    /**
-     * Overrides the default `fieldsLabel` component.
-     *
-     * The default component is: [KendoReactLabel]({% slug api_labels_label %}).
-     */
-    fieldsLabel?: CustomComponent<FieldProps & LabelProps>;
-    /**
-     * Overrides the default `fieldsEditor` component.
-     *
-     * The default component is: [PivotGridFieldsEditor]({% slug api_pivotgrid_pivotgridfieldseditor %}).
-     */
-    fieldsEditor?: CustomComponent<PivotGridFieldsEditorProps>;
-    /**
-     * Overrides the default `columnAxesLabel` component.
-     *
-     * The default component is: [KendoReactLabel]({% slug api_labels_label %}).
-     */
-    columnAxesLabel?: CustomComponent<FieldProps & LabelProps>;
-    /**
-     * Overrides the default `columnAxesEditor` component.
-     *
-     * The default component is: [PivotGridAxesEditor]({% slug api_pivotgrid_pivotgridaxeseditor %}).
-     */
-    columnAxesEditor?: CustomComponent<PivotGridAxesEditorProps>;
-    /**
-     * Overrides the default `rowAxesLabel` component.
-     *
-     * The default component is: [KendoReactLabel]({% slug api_labels_label %}).
-     */
-    rowAxesLabel?: CustomComponent<FieldProps & LabelProps>;
-    /**
-     * Overrides the default `rowAxesEditor` component.
-     *
-     * The default component is: [PivotGridAxesEditor]({% slug api_pivotgrid_pivotgridaxeseditor %}).
-     */
-    rowAxesEditor?: CustomComponent<PivotGridAxesEditorProps>;
-    /**
-     * Overrides the default `measureAxesLabel` component.
-     *
-     * The default component is: [KendoReactLabel]({% slug api_labels_label %}).
-     */
-    measureAxesLabel?: CustomComponent<FieldProps & LabelProps>;
-    /**
-     * Overrides the default `measureAxesEditor` component.
-     *
-     * The default component is: [PivotGridAxesEditor]({% slug api_pivotgrid_pivotgridaxeseditor %}).
-     */
-    measureAxesEditor?: CustomComponent<PivotGridAxesEditorProps>;
-    /**
-     * A callback, fired whenever a `FieldEditorField` is expanded.
-     */
-    onFieldsEditorFieldExpand?: (event: PivotGridFieldsEditorFieldExpandEvent & {
-        currentTarget: PivotGridConfiguratorEditorHandle;
-    }) => void;
-    /**
-     * An action callback. Used to define the component behavior when a `FieldsEditorFieldExpand` is triggered.
-     *
-     * Internal state change will be triggered depending on the specific action types.
-     *
-     * @hidden
-     */
-    onFieldsEditorFieldExpandAction?: (event: PivotGridFieldsEditorFieldCheckEvent & {
-        currentTarget: PivotGridConfiguratorEditorHandle;
-    }, props: PivotGridConfiguratorEditorProps, state: PivotGridConfiguratorEditorState) => PivotGridConfiguratorAction | PivotGridConfiguratorAction[];
-    /**
-     * A callback, fired whenever a `FieldEditorField` is checked.
-     */
-    onFieldsEditorFieldCheck?: (event: PivotGridFieldsEditorFieldCheckEvent & {
-        currentTarget: PivotGridConfiguratorEditorHandle;
-    }) => void;
-    /**
-     * An action callback. Used to define the component behavior when a `FieldsEditorFieldCheck` is triggered.
-     *
-     * Internal state change will be triggered depending on the specific action types.
-     *
-     * @hidden
-     */
-    onFieldsEditorFieldCheckAction?: (event: PivotGridFieldsEditorFieldCheckEvent & {
-        currentTarget: PivotGridConfiguratorEditorHandle;
-    }, props: PivotGridConfiguratorEditorProps, state: PivotGridConfiguratorEditorState) => PivotGridConfiguratorAction | PivotGridConfiguratorAction[];
-    /**
-     * A callback, fired whenever an `AxisFilterField` is expanded.
-     */
-    onAxisFilterFieldExpand?: (event: PivotGridAxisFilterFieldExpandEvent & {
-        currentTarget: PivotGridConfiguratorEditorHandle;
-    }) => void;
-    /**
-     * A callback, fired whenever `expanded` state of the AxisFilterFields is changed.
-     */
-    onAxisFilterFieldsExpandChange?: (event: PivotGridAxisFilterFieldsExpandChangeEvent) => void;
-}
-/**
- * Represents the object which is passed to the [`ref`](https://reactjs.org/docs/refs-and-the-dom.html) callback of the PivotGridConfiguratorEditor component.
- */
-export interface PivotGridConfiguratorEditorHandle {
-    props: PivotGridConfiguratorEditorProps;
-    state: PivotGridConfiguratorState;
-    element: HTMLDivElement;
-}
-/**
- * Represents the [KendoReact PivotGridConfiguratorEditor component]({% slug api_pivotgrid_pivotgridconfiguratoreditorprops %}).
- */
-export declare const PivotGridConfiguratorEditor: React.ForwardRefExoticComponent<PivotGridConfiguratorEditorProps & React.RefAttributes<PivotGridConfiguratorEditorHandle>>;

package/dist/npm/components/ConfiguratorEditor.js

@@ -1,194 +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.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");
-var kendo_react_intl_1 = require("@progress/kendo-react-intl");
-var kendo_react_common_1 = require("@progress/kendo-react-common");
-var AxesEditor_1 = require("./AxesEditor");
-var FieldsEditor_1 = require("./FieldsEditor");
-var hooks_1 = require("../hooks");
-var shared_1 = require("../shared");
-var messages_1 = require("../messages");
-/**
- * Represents the [KendoReact PivotGridConfiguratorEditor component]({% slug api_pivotgrid_pivotgridconfiguratoreditorprops %}).
- */
-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 = (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 = (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,
-        state: state
-    }); });
-    React.useImperativeHandle(ref, function () { return target.current; });
-    var handleColumnsMouseEnter = function () {
-        if (state.dragItem) {
-            dispatchState({ type: hooks_1.PIVOT_CONFIGURATOR_ACTION.setDropZone, payload: 'columnAxes' });
-        }
-    };
-    var handleColumnsMouseLeave = function () {
-        if (state.dragItem) {
-            dispatchState({ type: hooks_1.PIVOT_CONFIGURATOR_ACTION.setDropZone, payload: null });
-        }
-    };
-    var handleRowsMouseEnter = function () {
-        if (state.dragItem) {
-            dispatchState({ type: hooks_1.PIVOT_CONFIGURATOR_ACTION.setDropZone, payload: 'rowAxes' });
-        }
-    };
-    var handleRowsMouseLeave = function () {
-        if (state.dragItem) {
-            dispatchState({ type: hooks_1.PIVOT_CONFIGURATOR_ACTION.setDropZone, payload: null });
-        }
-    };
-    var handleMeasuresMouseEnter = function () {
-        if (state.dragItem) {
-            dispatchState({ type: hooks_1.PIVOT_CONFIGURATOR_ACTION.setDropZone, payload: 'measureAxes' });
-        }
-    };
-    var handleMeasuresMouseLeave = function () {
-        if (state.dragItem) {
-            dispatchState({ type: hooks_1.PIVOT_CONFIGURATOR_ACTION.setDropZone, payload: null });
-        }
-    };
-    var handleFieldsEditorFieldExpand = function (event) {
-        var eventArgs = {
-            target: event.target,
-            currentTarget: target.current,
-            value: event.value,
-            syntheticEvent: event.syntheticEvent
-        };
-        if (onFieldsEditorFieldExpandAction) {
-            var actions = onFieldsEditorFieldExpandAction(eventArgs, props, state);
-            if (actions) {
-                Array.isArray(actions)
-                    ? actions.filter(Boolean).map(function (action) { return action && dispatchState(__assign({}, action), event.syntheticEvent); })
-                    : dispatchState(__assign({}, actions), event.syntheticEvent);
-            }
-        }
-        if (onFieldsEditorFieldExpand) {
-            onFieldsEditorFieldExpand({
-                target: event.target,
-                currentTarget: target.current,
-                value: event.value,
-                syntheticEvent: event.syntheticEvent
-            });
-        }
-    };
-    var handleFieldsEditorFieldCheck = function (event) {
-        var eventArgs = {
-            target: event.target,
-            currentTarget: target.current,
-            value: event.value,
-            syntheticEvent: event.syntheticEvent
-        };
-        if (onFieldsEditorFieldCheckAction) {
-            var actions = onFieldsEditorFieldCheckAction(eventArgs, props, state);
-            if (actions) {
-                Array.isArray(actions)
-                    ? actions.filter(Boolean).map(function (action) { return action && dispatchState(__assign({}, action), event.syntheticEvent); })
-                    : dispatchState(__assign({}, actions), event.syntheticEvent);
-            }
-        }
-        if (onFieldsEditorFieldCheck) {
-            onFieldsEditorFieldCheck(eventArgs);
-        }
-    };
-    var handleAxisFilterFieldExpand = function (event) {
-        var eventArgs = {
-            target: event.target,
-            currentTarget: target.current,
-            value: event.value,
-            syntheticEvent: event.syntheticEvent
-        };
-        if (onAxisFilterFieldExpand) {
-            onAxisFilterFieldExpand(eventArgs);
-        }
-    };
-    var handleAxisFilterFieldsExpandChange = function (event) {
-        var eventArgs = {
-            target: event.target,
-            currentTarget: target.current,
-            value: event.value,
-            syntheticEvent: event.syntheticEvent
-        };
-        if (onAxisFilterFieldsExpandChange) {
-            onAxisFilterFieldsExpandChange(eventArgs);
-        }
-    };
-    var Container = props.horizontal ? 'div' : React.Fragment;
-    var ContainerProps = props.horizontal ? { className: 'k-form-field-wrapper' } : {};
-    return (React.createElement(shared_1.PivotGridConfiguratorEditorEventsContext.Provider, { value: {
-            onAxisFilterFieldExpand: handleAxisFilterFieldExpand,
-            onAxisFilterFieldsExpandChange: handleAxisFilterFieldsExpandChange
-        } },
-        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({ 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))))),
-            React.createElement(Container, __assign({}, ContainerProps),
-                React.createElement("div", { className: "k-form-field", onMouseEnter: handleColumnsMouseEnter, onMouseLeave: handleColumnsMouseLeave },
-                    React.createElement(kendo_react_form_1.Field, __assign({ name: "columnAxes", field: "columnAxes", component: ColumnAxesLabelComponent }, ColumnAxesLabelProps), localization.toLanguageString(messages_1.configuratorColumnsTitle, messages_1.messages[messages_1.configuratorColumnsTitle]))),
-                props.valueGetter('columnAxes').length
-                    ? (React.createElement(kendo_react_form_1.Field, __assign({ name: "columnAxes", field: "columnAxes", component: ColumnAxesEditorComponent, onMouseEnter: handleColumnsMouseEnter, onMouseLeave: handleColumnsMouseLeave, className: "k-column-fields" }, ColumnAxesEditorProps)))
-                    : (React.createElement("div", { className: "k-settings-description", onMouseEnter: handleColumnsMouseEnter, onMouseLeave: handleColumnsMouseLeave }, localization.toLanguageString(messages_1.configuratorMissingFields, messages_1.messages[messages_1.configuratorMissingFields]))),
-                React.createElement("div", { className: "k-form-field", onMouseEnter: handleRowsMouseEnter, onMouseLeave: handleRowsMouseLeave },
-                    React.createElement(kendo_react_form_1.Field, __assign({ name: "rowAxes", field: "rowAxes", component: RowAxesLabelComponent }, RowAxesLabelProps), localization.toLanguageString(messages_1.configuratorRowsTitle, messages_1.messages[messages_1.configuratorRowsTitle]))),
-                props.valueGetter('rowAxes').length
-                    ? (React.createElement(kendo_react_form_1.Field, __assign({ name: "rowAxes", field: "rowAxes", component: RowAxesEditorComponent, onMouseEnter: handleRowsMouseEnter, onMouseLeave: handleRowsMouseLeave, className: "k-column-fields" }, RowAxesEditorProps)))
-                    : (React.createElement("div", { className: "k-settings-description", onMouseEnter: handleRowsMouseEnter, onMouseLeave: handleRowsMouseLeave }, localization.toLanguageString(messages_1.configuratorMissingFields, messages_1.messages[messages_1.configuratorMissingFields])))),
-            React.createElement(Container, __assign({}, ContainerProps),
-                React.createElement("div", { className: "k-form-field", onMouseEnter: handleMeasuresMouseEnter, onMouseLeave: handleMeasuresMouseLeave },
-                    React.createElement(kendo_react_form_1.Field, __assign({ name: "measureAxes", field: "measureAxes", component: MeasureAxesLabelComponent }, MeasureAxesLabelProps), localization.toLanguageString(messages_1.configuratorMeasuresTitle, messages_1.messages[messages_1.configuratorMeasuresTitle]))),
-                props.valueGetter('measureAxes').length
-                    ? (React.createElement(kendo_react_form_1.Field, __assign({ name: "measureAxes", field: "measureAxes", component: MeasureAxesEditorComponent, onMouseEnter: handleMeasuresMouseEnter, onMouseLeave: handleMeasuresMouseLeave, className: "k-column-fields" }, MeasureAxesEditorProps)))
-                    : (React.createElement("div", { className: "k-settings-description", onMouseEnter: handleMeasuresMouseEnter, onMouseLeave: handleMeasuresMouseLeave }, localization.toLanguageString(messages_1.configuratorMissingFields, messages_1.messages[messages_1.configuratorMissingFields])))))));
-});
-var defaultProps = {
-    data: [],
-    horizontal: false,
-    fieldsLabel: kendo_react_labels_1.Label,
-    fieldsEditor: FieldsEditor_1.PivotGridFieldsEditor,
-    columnAxesLabel: kendo_react_labels_1.Label,
-    columnAxesEditor: AxesEditor_1.PivotGridAxesEditor,
-    rowAxesLabel: kendo_react_labels_1.Label,
-    rowAxesEditor: AxesEditor_1.PivotGridAxesEditor,
-    measureAxesLabel: kendo_react_labels_1.Label,
-    measureAxesEditor: AxesEditor_1.PivotGridAxesEditor,
-    axesEditor: AxesEditor_1.PivotGridAxesEditor,
-    onFieldsEditorFieldCheckAction: function (event) {
-        return ({ type: hooks_1.PIVOT_CONFIGURATOR_ACTION.toggleSelection, payload: event.value });
-    },
-    onFieldsEditorFieldExpandAction: function (event) {
-        return ({ type: hooks_1.PIVOT_CONFIGURATOR_ACTION.toggleExpansion, payload: event.value });
-    }
-};
-exports.PivotGridConfiguratorEditor.defaultProps = defaultProps;
-exports.PivotGridConfiguratorEditor.displayName = 'KendoReactPivotGridConfiguratorEditor';

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

@@ -1,46 +0,0 @@
-import * as React from 'react';
-/**
- * Represents the props of the [KendoReact PivotGridContainer component]({% slug api_pivotgrid_pivotgridcontainer %}).
- */
-export interface PivotGridContainerProps {
-    /**
-     * Sets the `id` property of the top-most element of the PivotGridContainer.
-     */
-    id?: string;
-    /**
-     * Sets the `tabIndex` property of the top-most element of the PivotGridContainer.
-     */
-    tabIndex?: number;
-    /**
-     * Sets the `className` property of the top-most element of the PivotGridContainer in addition to the default `k-d-flex k-pos-relative` class.
-     */
-    className?: string;
-    /**
-     * Sets the `children` property of the top-most element of the PivotGridContainer.
-     */
-    children?: React.ReactNode;
-    /**
-     * Sets the `style` property of the top-most element of the PivotGridContainer.
-     */
-    style?: React.CSSProperties;
-    /**
-     * Sets the configurator position in the container.
-     * The available values are:
-     * - top
-     * - left
-     * - right
-     * - bottom
-     */
-    configuratorPosition?: 'top' | 'left' | 'right' | 'bottom';
-}
-/**
- * Represents the object which is passed to the [`ref`](https://reactjs.org/docs/refs-and-the-dom.html) callback of the PivotGridContainer component.
- */
-export interface PivotGridContainerHandle {
-    element: HTMLDivElement | null;
-    props: PivotGridContainerProps;
-}
-/**
- * Represents the [KendoReact PivotGridContainer component]({% slug api_pivotgrid_pivotgridcontainerprops %}).
- */
-export declare const PivotGridContainer: React.ForwardRefExoticComponent<PivotGridContainerProps & React.RefAttributes<PivotGridContainerHandle | null>>;

package/dist/npm/components/Container.js

@@ -1,25 +0,0 @@
-"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");
-/**
- * Represents the [KendoReact PivotGridContainer component]({% slug api_pivotgrid_pivotgridcontainerprops %}).
- */
-exports.PivotGridContainer = React.forwardRef(function (props, ref) {
-    var element = React.useRef(null);
-    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: (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',
-            'k-flex-column-reverse': props.configuratorPosition === 'top'
-        }, props.className) }, props.children));
-});
-var defaultProps = {
-    configuratorPosition: 'right'
-};
-exports.PivotGridContainer.defaultProps = defaultProps;
-exports.PivotGridContainer.displayName = 'KendoReactPivotGridContainer';

package/dist/npm/components/FieldsEditor.js

@@ -1,93 +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.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");
-var shared_1 = require("../shared");
-var utils_1 = require("../utils");
-/**
- * Represents the [KendoReact PivotGridFieldsEditor component]({% slug api_pivotgrid_pivotgridfieldseditorprops %}).
- */
-exports.PivotGridFieldsEditor = React.forwardRef(function (props, ref) {
-    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 = (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 = (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; },
-        value: function (node) { return (node.dataItem.defaultHierarchy || node.dataItem.uniqueName); },
-        expanded: function (node) { return state.expanded.some(function (e) { return e.uniqueName === node.dataItem.uniqueName; }); },
-        hasChildren: function (node) { return !('hierarchyUniqueName' in node.dataItem) && !('aggregator' in node.dataItem); },
-        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 (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; })
-            || (node.children.length && node.children.every(function (c) { return c.checked; })); }
-    };
-    var handleExpand = function (event) {
-        if (onExpand) {
-            onExpand({
-                value: event.item.dataItem,
-                target: target.current,
-                syntheticEvent: event.syntheticEvent
-            });
-        }
-    };
-    var handleCheck = function (event) {
-        if (onCheck) {
-            onCheck({
-                value: event.item.dataItem,
-                target: target.current,
-                syntheticEvent: event.syntheticEvent
-            });
-        }
-    };
-    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 = {
-    data: [],
-    rowAxes: [],
-    columnAxes: [],
-    measureAxes: [],
-    treeView: kendo_react_treeview_1.TreeView,
-    noData: function () { return React.createElement("div", null, "NO DATA"); }
-};
-exports.PivotGridFieldsEditor.defaultProps = defaultProps;
-exports.PivotGridFieldsEditor.displayName = 'KendoReactPivotGridFieldsEditor';

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

@@ -1,96 +0,0 @@
-import * as React from 'react';
-import { KendoMouse, KendoMouseEvent, SvgIconProps } from '@progress/kendo-react-common';
-import { IconProps as KendoIconProps, CustomComponent } from '@progress/kendo-react-common';
-import { AxisDataItem } from '@progress/kendo-pivotgrid-common';
-/**
- * Represents the object which is passed to the [`ref`](https://reactjs.org/docs/refs-and-the-dom.html) callback of the PivotGridHeaderCell component.
- */
-export interface PivotGridHeaderCellHandle {
-    props: PivotGridHeaderCellProps;
-    element: HTMLTableHeaderCellElement | null;
-}
-/**
- * Represents the props of the [KendoReact PivotGridHeaderCell component]({% slug api_pivotgrid_pivotgridheadercell %}).
- */
-export interface PivotGridHeaderCellProps extends KendoMouse<PivotGridHeaderCellHandle, HTMLTableHeaderCellElement> {
-    /**
-     * Represents the `dataItem` of the PivotGridHeaderCell.
-     *
-     * The `dataItem` is a single [AxisDataItem]({% slug api_pivotgrid_axisdataitem %}) object.
-     */
-    dataItem: AxisDataItem;
-    /**
-     * Sets the `id` property of the top-most element of the PivotGridHeaderCell.
-     */
-    id?: string;
-    /**
-     * Sets the `className` property of the top-most element of the PivotGridHeaderCell in addition to the default `k-pivotgrid-cell` class.
-     */
-    className?: string;
-    /**
-     * Sets the `tabIndex` property of the top-most element of the PivotGridHeaderCell.
-     */
-    tabIndex?: number;
-    /**
-     * Sets the `children` property of the top-most element of the PivotGridHeaderCell.
-     */
-    children?: React.ReactNode;
-    /**
-     * Sets the `style` property of the top-most element of the PivotGridHeaderCell.
-     */
-    style?: React.CSSProperties;
-    /**
-     * Represents the calculated `rowSpan` property of the cell.
-     */
-    rowSpan?: number;
-    /**
-     * Represents the calculated `colSpan` property of the cell.
-     */
-    colSpan?: number;
-    /**
-     * Represents the columns `path` leading to the current cell.
-     */
-    columnPath?: string[];
-    /**
-     * Represents the row `path` leading to the current cell.
-     */
-    rowPath?: string[];
-    /**
-     * Indicates if the current cell represents a `total` value.
-     */
-    total?: boolean;
-    /**
-     * Indicates if the current cell represents the first level of a hierarchy.
-     */
-    root?: boolean;
-    /**
-     * Indicates if the current cell can be expanded.
-     */
-    expandable?: boolean;
-    /**
-     * Indicates if the current cell is expanded.
-     */
-    expanded?: boolean;
-    /**
-     * @hidden
-     */
-    first?: boolean;
-    /**
-     * Overrides the default `icon` component.
-     *
-     * The default component is: [KendoReactIcon]({% slug api_common_icon %}).
-     */
-    icon?: CustomComponent<KendoIconProps & SvgIconProps>;
-    /**
-     * A callback, fired whenever the `icon` is clicked.
-     */
-    onIconClick?: (args: KendoMouseEvent<PivotGridHeaderCellHandle, HTMLSpanElement>) => void;
-    /**
-     * Sets the `role` property of the top-most element of the PivotGridHeaderCell.
-     */
-    role?: string;
-}
-/**
- * Represents the [KendoReact PivotGridHeaderCell component]({% slug api_pivotgrid_pivotgridheadercellprops %}).
- */
-export declare const PivotGridHeaderCell: React.ForwardRefExoticComponent<PivotGridHeaderCellProps & React.RefAttributes<PivotGridHeaderCellHandle | null>>;

package/dist/npm/components/HeaderCell.js

@@ -1,53 +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.PivotGridHeaderCell = void 0;
-var React = require("react");
-var kendo_react_common_1 = require("@progress/kendo-react-common");
-var kendo_svg_icons_1 = require("@progress/kendo-svg-icons");
-;
-/**
- * Represents the [KendoReact PivotGridHeaderCell component]({% slug api_pivotgrid_pivotgridheadercellprops %}).
- */
-exports.PivotGridHeaderCell = 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 _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, {
-                syntheticEvent: event.syntheticEvent,
-                target: target.current
-            });
-        }
-    };
-    return (React.createElement("th", __assign({ ref: element }, mouseProps, { colSpan: props.colSpan, rowSpan: props.rowSpan, id: props.id, style: props.style, tabIndex: props.tabIndex, role: props.role }, (props.expandable ? { 'aria-expanded': props.expanded } : {}), { 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: "chevron-".concat(props.expanded ? 'up' : 'down'), "aria-hidden": true, icon: props.expanded ? kendo_svg_icons_1.chevronUpIcon : kendo_svg_icons_1.chevronDownIcon }))),
-        props.children));
-});
-var defaultProps = {
-    icon: kendo_react_common_1.IconWrap
-};
-exports.PivotGridHeaderCell.defaultProps = defaultProps;
-exports.PivotGridHeaderCell.displayName = 'KendoReactPivotGridHeaderCell';