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

package/dist/es/components/Configurator.js

@@ -1,118 +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 { Button } from '@progress/kendo-react-buttons';
-import { classNames, useCustomComponent, canUseRef } from '@progress/kendo-react-common';
-import { useLocalization } from '@progress/kendo-react-intl';
-import { Form as KendoForm, FormElement as KendoFormElement } from '@progress/kendo-react-form';
-import { PivotGridConfiguratorEditor } from './ConfiguratorEditor';
-import { messages, configuratorTitle, configuratorCancel, configuratorApply } from '../messages';
-/**
- * Represents the [KendoReact PivotGridConfigurator component]({% slug api_pivotgrid_pivotgridconfiguratorprops %}).
- */
-export var PivotGridConfigurator = React.forwardRef(function (props, ref) {
-    var _a = __assign(__assign({}, defaultProps), props), horizontal = _a.horizontal, data = _a.data, rowAxes = _a.rowAxes, columnAxes = _a.columnAxes, measureAxes = _a.measureAxes;
-    var element = React.useRef(null);
-    var target = React.useRef(null);
-    var form = React.useRef(null);
-    var localization = useLocalization();
-    var _b = useCustomComponent(props.editor || defaultProps.editor), EditorComponent = _b[0], EditorProps = _b[1];
-    var _c = useCustomComponent(props.form || defaultProps.form), FormComponent = _c[0], FormProps = _c[1];
-    var _d = useCustomComponent(props.formElement || defaultProps.formElement), FormElementComponent = _d[0], FormElementProps = _d[1];
-    React.useImperativeHandle(target, function () { return ({ props: props, element: element.current }); });
-    React.useImperativeHandle(ref, function () { return target.current; });
-    var handleFormSubmit = function (newDataItem, syntheticEvent) {
-        if (props.onRowAxesChange) {
-            props.onRowAxesChange({
-                target: target.current,
-                value: newDataItem.rowAxes,
-                syntheticEvent: syntheticEvent
-            });
-        }
-        if (props.onColumnAxesChange) {
-            props.onColumnAxesChange({
-                target: target.current,
-                value: newDataItem.columnAxes,
-                syntheticEvent: syntheticEvent
-            });
-        }
-        if (props.onMeasureAxesChange) {
-            props.onMeasureAxesChange({
-                target: target.current,
-                value: newDataItem.measureAxes,
-                syntheticEvent: syntheticEvent
-            });
-        }
-        if (props.onSortChange) {
-            props.onSortChange({
-                target: target.current,
-                value: newDataItem.sort,
-                syntheticEvent: syntheticEvent
-            });
-        }
-        if (props.onFilterChange) {
-            props.onFilterChange({
-                target: target.current,
-                value: newDataItem.filter,
-                syntheticEvent: syntheticEvent
-            });
-        }
-    };
-    var initialValues = {
-        rowAxes: rowAxes,
-        columnAxes: columnAxes,
-        measureAxes: measureAxes,
-        sort: props.sort,
-        filter: props.filter
-    };
-    React.useEffect(function () { if (form.current) {
-        form.current.onChange('rowAxes', { value: rowAxes });
-    } }, [rowAxes]);
-    React.useEffect(function () { if (form.current) {
-        form.current.onChange('columnAxes', { value: columnAxes });
-    } }, [columnAxes]);
-    React.useEffect(function () { if (form.current) {
-        form.current.onChange('measureAxes', { value: measureAxes });
-    } }, [measureAxes]);
-    React.useEffect(function () { if (form.current) {
-        form.current.onChange('sort', { value: props.sort });
-    } }, [props.sort]);
-    React.useEffect(function () { if (form.current) {
-        form.current.onChange('filter', { value: props.filter });
-    } }, [props.filter]);
-    return (React.createElement("div", { ref: element, id: props.id, tabIndex: props.tabIndex, style: props.style, className: classNames('k-pivotgrid-configurator', props.className) },
-        React.createElement("div", { className: classNames('k-pivotgrid-configurator-panel', 'k-pivotgrid-configurator-push', {
-                'k-pivotgrid-configurator-horizontal': horizontal,
-                'k-pivotgrid-configurator-vertical': !horizontal
-            }) },
-            React.createElement("div", { className: "k-pivotgrid-configurator-header" },
-                React.createElement("div", { className: "k-pivotgrid-configurator-header-text" }, localization.toLanguageString(configuratorTitle, messages[configuratorTitle]))),
-            React.createElement(FormComponent, __assign({ ref: canUseRef(FormComponent) ? form : undefined, initialValues: initialValues, onSubmit: handleFormSubmit, render: function (renderProps) { return (React.createElement(React.Fragment, null,
-                    React.createElement("div", { className: "k-pivotgrid-configurator-content" },
-                        React.createElement(FormElementComponent, __assign({ horizontal: horizontal }, FormElementProps),
-                            React.createElement(EditorComponent, __assign({}, renderProps, { horizontal: props.horizontal, onFieldsEditorFieldExpand: props.onFieldsEditorFieldExpand, onFieldsEditorFieldCheck: props.onFieldsEditorFieldCheck, onAxisFilterFieldExpand: props.onAxisFilterFieldExpand, onAxisFilterFieldsExpandChange: props.onAxisFilterFieldsExpandChange, data: data }, EditorProps)))),
-                    React.createElement("div", { className: "k-pivotgrid-configurator-actions k-actions k-hstack k-justify-content-end" },
-                        React.createElement(Button, { type: "submit", onClick: renderProps.onFormReset }, localization.toLanguageString(configuratorCancel, messages[configuratorCancel])),
-                        React.createElement(Button, { themeColor: 'primary', type: "submit", onClick: renderProps.onSubmit }, localization.toLanguageString(configuratorApply, messages[configuratorApply]))))); } }, FormProps)))));
-});
-var defaultProps = {
-    form: KendoForm,
-    formElement: KendoFormElement,
-    editor: PivotGridConfiguratorEditor,
-    horizontal: false,
-    data: [],
-    columnAxes: [],
-    rowAxes: [],
-    measureAxes: []
-};
-PivotGridConfigurator.defaultProps = defaultProps;
-PivotGridConfigurator.displayName = 'KendoReactPivotGridConfigurator';

package/dist/es/components/ConfiguratorButton.d.ts

@@ -1,40 +0,0 @@
-import * as React from 'react';
-import { CustomComponent, IconProps as KendoIconProps, KendoMouse, SvgIconProps } from '@progress/kendo-react-common';
-/**
- * Represents the props of the [KendoReact PivotGridConfiguratorButton component]({% slug api_pivotgrid_pivotgridconfiguratorbutton %}).
- */
-export interface PivotGridConfiguratorButtonProps extends KendoMouse<PivotGridConfiguratorButtonHandle, HTMLDivElement> {
-    /**
-     * Sets the `className` property of the top-most element of the PivotGridConfiguratorButton in addition to the default `k-pivotgrid-configurator-button` class.
-     */
-    className?: string;
-    /**
-     * Sets the `id` property of the top-most element of the PivotGridConfiguratorButton.
-     */
-    id?: string;
-    /**
-     * Sets the `tabIndex` property of the top-most element of the PivotGridConfiguratorButton.
-     */
-    tabIndex?: number;
-    /**
-     * Sets the `style` property of the top-most element of the PivotGridConfiguratorButton.
-     */
-    style?: React.CSSProperties;
-    /**
-     * Overrides the default `icon` component.
-     *
-     * The default component is: [KendoReactIcon]({% slug api_common_icon %}).
-     */
-    icon?: CustomComponent<KendoIconProps & SvgIconProps>;
-}
-/**
- * Represents the object which is passed to the [`ref`](https://reactjs.org/docs/refs-and-the-dom.html) callback of the PivotGridConfiguratorButton component.
- */
-export interface PivotGridConfiguratorButtonHandle {
-    props: PivotGridConfiguratorButtonProps;
-    element: HTMLDivElement | null;
-}
-/**
- * Represents the [KendoReact PivotGridConfiguratorButton component]({% slug api_pivotgrid_pivotgridconfiguratorbuttonprops %}).
- */
-export declare const PivotGridConfiguratorButton: React.ForwardRefExoticComponent<PivotGridConfiguratorButtonProps & React.RefAttributes<PivotGridConfiguratorButtonHandle | null>>;

package/dist/es/components/ConfiguratorButton.js

@@ -1,39 +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 { classNames, useCustomComponent, IconWrap } from '@progress/kendo-react-common';
-import { useLocalization } from '@progress/kendo-react-intl';
-import { gearIcon } from '@progress/kendo-svg-icons';
-import { messages, configuratorButtonLabel } from '../messages';
-import { useMouse } from '@progress/kendo-react-common';
-/**
- * Represents the [KendoReact PivotGridConfiguratorButton component]({% slug api_pivotgrid_pivotgridconfiguratorbuttonprops %}).
- */
-export var PivotGridConfiguratorButton = React.forwardRef(function (props, ref) {
-    var target = React.useRef(null);
-    var element = React.useRef(null);
-    var localization = useLocalization();
-    React.useImperativeHandle(target, function () { return ({ props: props, element: element.current }); });
-    React.useImperativeHandle(ref, function () { return target.current; });
-    var _a = useCustomComponent(props.icon || defaultProps.icon), IconComponent = _a[0], IconProps = _a[1];
-    var className = React.useMemo(function () { return classNames('k-pivotgrid-configurator-button', props.className); }, [props.className]);
-    var mouseProps = useMouse(props, target);
-    return (React.createElement("div", __assign({ ref: element, id: props.id, className: className, tabIndex: props.tabIndex }, mouseProps),
-        React.createElement("span", null,
-            localization.toLanguageString(configuratorButtonLabel, messages[configuratorButtonLabel]),
-            React.createElement(IconComponent, __assign({ name: "gear", icon: gearIcon }, IconProps)))));
-});
-var defaultProps = {
-    icon: IconWrap
-};
-PivotGridConfiguratorButton.defaultProps = defaultProps;
-PivotGridConfiguratorButton.displayName = 'KendoReactPivotGridConfiguratorButton';

package/dist/es/components/ConfiguratorEditor.js

@@ -1,191 +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 { Field } from '@progress/kendo-react-form';
-import { Label } from '@progress/kendo-react-labels';
-import { useLocalization } from '@progress/kendo-react-intl';
-import { useCustomComponent } from '@progress/kendo-react-common';
-import { PivotGridAxesEditor } from './AxesEditor';
-import { PivotGridFieldsEditor } from './FieldsEditor';
-import { usePivotConfiguratorEditor, PIVOT_CONFIGURATOR_ACTION } from '../hooks';
-import { PivotGridConfiguratorEditorEventsContext, PivotGridConfiguratorEditorStateContext } from '../shared';
-import { messages, configuratorEditorSearchTitle, configuratorColumnsTitle, configuratorRowsTitle, configuratorMissingFields, configuratorMeasuresTitle } from '../messages';
-/**
- * Represents the [KendoReact PivotGridConfiguratorEditor component]({% slug api_pivotgrid_pivotgridconfiguratoreditorprops %}).
- */
-export var 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 = useCustomComponent(props.fieldsLabel || defaultProps.fieldsLabel), FieldsLabelComponent = _a[0], FieldsLabelProps = _a[1];
-    var _b = useCustomComponent(props.fieldsEditor || defaultProps.fieldsEditor), FieldsEditorComponent = _b[0], FieldsEditorProps = _b[1];
-    var _c = useCustomComponent(props.columnAxesLabel || defaultProps.columnAxesLabel), ColumnAxesLabelComponent = _c[0], ColumnAxesLabelProps = _c[1];
-    var _d = useCustomComponent((props.columnAxesEditor || defaultProps.columnAxesEditor)), ColumnAxesEditorComponent = _d[0], ColumnAxesEditorProps = _d[1];
-    var _e = useCustomComponent(props.rowAxesLabel || defaultProps.rowAxesLabel), RowAxesLabelComponent = _e[0], RowAxesLabelProps = _e[1];
-    var _f = useCustomComponent((props.rowAxesEditor || defaultProps.rowAxesEditor)), RowAxesEditorComponent = _f[0], RowAxesEditorProps = _f[1];
-    var _g = useCustomComponent(props.measureAxesLabel || defaultProps.measureAxesLabel), MeasureAxesLabelComponent = _g[0], MeasureAxesLabelProps = _g[1];
-    var _h = useCustomComponent((props.measureAxesEditor || defaultProps.measureAxesEditor)), MeasureAxesEditorComponent = _h[0], MeasureAxesEditorProps = _h[1];
-    var element = React.useRef(null);
-    var target = React.useRef(null);
-    var localization = useLocalization();
-    var _j = 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: PIVOT_CONFIGURATOR_ACTION.setDropZone, payload: 'columnAxes' });
-        }
-    };
-    var handleColumnsMouseLeave = function () {
-        if (state.dragItem) {
-            dispatchState({ type: PIVOT_CONFIGURATOR_ACTION.setDropZone, payload: null });
-        }
-    };
-    var handleRowsMouseEnter = function () {
-        if (state.dragItem) {
-            dispatchState({ type: PIVOT_CONFIGURATOR_ACTION.setDropZone, payload: 'rowAxes' });
-        }
-    };
-    var handleRowsMouseLeave = function () {
-        if (state.dragItem) {
-            dispatchState({ type: PIVOT_CONFIGURATOR_ACTION.setDropZone, payload: null });
-        }
-    };
-    var handleMeasuresMouseEnter = function () {
-        if (state.dragItem) {
-            dispatchState({ type: PIVOT_CONFIGURATOR_ACTION.setDropZone, payload: 'measureAxes' });
-        }
-    };
-    var handleMeasuresMouseLeave = function () {
-        if (state.dragItem) {
-            dispatchState({ type: 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(PivotGridConfiguratorEditorEventsContext.Provider, { value: {
-            onAxisFilterFieldExpand: handleAxisFilterFieldExpand,
-            onAxisFilterFieldsExpandChange: handleAxisFilterFieldsExpandChange
-        } },
-        React.createElement(PivotGridConfiguratorEditorStateContext.Provider, { value: [state, dispatchState] },
-            React.createElement(Container, __assign({}, ContainerProps),
-                React.createElement("div", { className: "k-form-field" },
-                    React.createElement(FieldsLabelComponent, __assign({ name: "", component: Label }, FieldsLabelProps), localization.toLanguageString(configuratorEditorSearchTitle, messages[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(Field, __assign({ name: "columnAxes", field: "columnAxes", component: ColumnAxesLabelComponent }, ColumnAxesLabelProps), localization.toLanguageString(configuratorColumnsTitle, messages[configuratorColumnsTitle]))),
-                props.valueGetter('columnAxes').length
-                    ? (React.createElement(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(configuratorMissingFields, messages[configuratorMissingFields]))),
-                React.createElement("div", { className: "k-form-field", onMouseEnter: handleRowsMouseEnter, onMouseLeave: handleRowsMouseLeave },
-                    React.createElement(Field, __assign({ name: "rowAxes", field: "rowAxes", component: RowAxesLabelComponent }, RowAxesLabelProps), localization.toLanguageString(configuratorRowsTitle, messages[configuratorRowsTitle]))),
-                props.valueGetter('rowAxes').length
-                    ? (React.createElement(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(configuratorMissingFields, messages[configuratorMissingFields])))),
-            React.createElement(Container, __assign({}, ContainerProps),
-                React.createElement("div", { className: "k-form-field", onMouseEnter: handleMeasuresMouseEnter, onMouseLeave: handleMeasuresMouseLeave },
-                    React.createElement(Field, __assign({ name: "measureAxes", field: "measureAxes", component: MeasureAxesLabelComponent }, MeasureAxesLabelProps), localization.toLanguageString(configuratorMeasuresTitle, messages[configuratorMeasuresTitle]))),
-                props.valueGetter('measureAxes').length
-                    ? (React.createElement(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(configuratorMissingFields, messages[configuratorMissingFields])))))));
-});
-var defaultProps = {
-    data: [],
-    horizontal: false,
-    fieldsLabel: Label,
-    fieldsEditor: PivotGridFieldsEditor,
-    columnAxesLabel: Label,
-    columnAxesEditor: PivotGridAxesEditor,
-    rowAxesLabel: Label,
-    rowAxesEditor: PivotGridAxesEditor,
-    measureAxesLabel: Label,
-    measureAxesEditor: PivotGridAxesEditor,
-    axesEditor: PivotGridAxesEditor,
-    onFieldsEditorFieldCheckAction: function (event) {
-        return ({ type: PIVOT_CONFIGURATOR_ACTION.toggleSelection, payload: event.value });
-    },
-    onFieldsEditorFieldExpandAction: function (event) {
-        return ({ type: PIVOT_CONFIGURATOR_ACTION.toggleExpansion, payload: event.value });
-    }
-};
-PivotGridConfiguratorEditor.defaultProps = defaultProps;
-PivotGridConfiguratorEditor.displayName = 'KendoReactPivotGridConfiguratorEditor';

package/dist/es/components/Container.js

@@ -1,22 +0,0 @@
-import * as React from 'react';
-import { classNames } from '@progress/kendo-react-common';
-/**
- * Represents the [KendoReact PivotGridContainer component]({% slug api_pivotgrid_pivotgridcontainerprops %}).
- */
-export var 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: 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'
-};
-PivotGridContainer.defaultProps = defaultProps;
-PivotGridContainer.displayName = 'KendoReactPivotGridContainer';

package/dist/es/components/FieldsEditor.d.ts

@@ -1,74 +0,0 @@
-import * as React from 'react';
-import { TreeViewProps as KendoReactTreeViewProps } from '@progress/kendo-react-treeview';
-import { PivotGridField, PivotGridAxis } from '@progress/kendo-pivotgrid-common';
-import { CustomComponent } from '@progress/kendo-react-common';
-/**
- * @hidden
- */
-export interface PivotGridFieldsEditorFieldExpandEvent {
-    target: PivotGridFieldsEditorHandle;
-    value: PivotGridField;
-    syntheticEvent: React.SyntheticEvent;
-}
-/**
- * @hidden
- */
-export interface PivotGridFieldsEditorFieldCheckEvent {
-    target: PivotGridFieldsEditorHandle;
-    value: PivotGridField;
-    syntheticEvent: React.SyntheticEvent;
-}
-/**
- * Represents the props of the [KendoReact PivotGridFieldsEditor component]({% slug api_pivotgrid_pivotgridfieldseditor %}).
- */
-export interface PivotGridFieldsEditorProps {
-    /**
-     * Sets the `data` of the PivotGridConfiguratorEditor.
-     *
-     * The `data` represents all fields available in the configurator.
-     */
-    data?: PivotGridField[];
-    /**
-     * The configuration of the `row` axes.
-     */
-    rowAxes?: PivotGridAxis[];
-    /**
-     * The configuration of the `column` axes.
-     */
-    columnAxes?: PivotGridAxis[];
-    /**
-     * The configuration of the `measure` axes.
-     */
-    measureAxes?: PivotGridAxis[];
-    /**
-     * A callback, fired whenever an `expand` is triggered.
-     */
-    onExpand?: (args: PivotGridFieldsEditorFieldExpandEvent) => void;
-    /**
-     * A callback, fired whenever a `check` is triggered.
-     */
-    onCheck?: (args: PivotGridFieldsEditorFieldCheckEvent) => void;
-    /**
-     * Overrides the default `treeView` component.
-     *
-     * The default component is: [KendoReactTreeView]({% slug api_treeview_treeview %}).
-     */
-    treeView?: CustomComponent<KendoReactTreeViewProps>;
-    /**
-     * Overrides the default `noData` component.
-     *
-     * The default component is: `() => <div>NO DATA</div>`
-     */
-    noData?: CustomComponent<any>;
-}
-/**
- * Represents the object which is passed to the [`ref`](https://reactjs.org/docs/refs-and-the-dom.html) callback of the PivotGridFieldsEditor component.
- */
-export interface PivotGridFieldsEditorHandle {
-    props: PivotGridFieldsEditorProps;
-    element: HTMLDivElement | null;
-}
-/**
- * Represents the [KendoReact PivotGridFieldsEditor component]({% slug api_pivotgrid_pivotgridfieldseditorprops %}).
- */
-export declare const PivotGridFieldsEditor: React.ForwardRefExoticComponent<PivotGridFieldsEditorProps & React.RefAttributes<PivotGridFieldsEditorHandle | null>>;

package/dist/es/components/FieldsEditor.js

@@ -1,90 +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);
-};
-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';
-import { TreeView as KendoReactTreeView, TreeViewItemPropsContext } from '@progress/kendo-react-treeview';
-import { useCustomComponent, canUseRef } from '@progress/kendo-react-common';
-import { PivotGridConfiguratorEditorStateContext } from '../shared';
-import { recursiveMap, flatMap, extractDefaultFields } from '../utils';
-/**
- * Represents the [KendoReact PivotGridFieldsEditor component]({% slug api_pivotgrid_pivotgridfieldseditorprops %}).
- */
-export var 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 = useCustomComponent(props.treeView || defaultProps.treeView), TreeViewComponent = _b[0], TreeViewProps = _b[1];
-    var _c = 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(PivotGridConfiguratorEditorStateContext)[0];
-    var columnHierarchies = extractDefaultFields(columnAxes);
-    var rowHierarchies = extractDefaultFields(rowAxes);
-    var measureHierarchies = extractDefaultFields(measureAxes);
-    var fieldsFlatMap = 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 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 = recursiveMap(props.data, map);
-    return (React.createElement(TreeViewItemPropsContext.Provider, { value: function (p) { return (__assign(__assign({}, p), { checkboxes: p.item.selectable })); } }, (fields && fields.length)
-        ? React.createElement(TreeViewComponent, __assign({ ref: 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: KendoReactTreeView,
-    noData: function () { return React.createElement("div", null, "NO DATA"); }
-};
-PivotGridFieldsEditor.defaultProps = defaultProps;
-PivotGridFieldsEditor.displayName = 'KendoReactPivotGridFieldsEditor';

package/dist/es/components/HeaderCell.js

@@ -1,50 +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 { classNames, useMouse, useCustomComponent, IconWrap } from '@progress/kendo-react-common';
-import { chevronUpIcon, chevronDownIcon } from '@progress/kendo-svg-icons';
-;
-/**
- * Represents the [KendoReact PivotGridHeaderCell component]({% slug api_pivotgrid_pivotgridheadercellprops %}).
- */
-export var 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 = useCustomComponent(props.icon || defaultProps.icon), IconComponent = _a[0], IconProps = _a[1];
-    var mouseProps = 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: 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 ? chevronUpIcon : chevronDownIcon }))),
-        props.children));
-});
-var defaultProps = {
-    icon: IconWrap
-};
-PivotGridHeaderCell.defaultProps = defaultProps;
-PivotGridHeaderCell.displayName = 'KendoReactPivotGridHeaderCell';

package/dist/es/components/Row.js

@@ -1,28 +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 { classNames, useMouse } from '@progress/kendo-react-common';
-/**
- * Represents the [KendoReact PivotGridRow component]({% slug api_pivotgrid_pivotgridrowprops %}).
- */
-export var 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 = 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: classNames('k-pivotgrid-row', props.className) })));
-});
-PivotGridRow.displayName = 'KendoReactPivotGridRow';