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

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

@@ -1,114 +0,0 @@
-import * as React from 'react';
-import { TreeViewProps as KendoReactTreeViewProps } from '@progress/kendo-react-treeview';
-import { ButtonProps as KendoReactButtonProps } from '@progress/kendo-react-buttons';
-import { FilterDescriptor } from '@progress/kendo-data-query';
-import { ColumnMenuItemProps as KendoReactColumnMenuItemProps, ColumnMenuFormProps as KendoReactColumnMenuFormProps } from '@progress/kendo-react-data-tools';
-import { PivotGridField, PivotGridAxis } from '@progress/kendo-pivotgrid-common';
-import { CustomComponent } from '@progress/kendo-react-common';
-/**
- * Represents the event arguments of the `PivotGridAxisFilterFields` expand-change event.
- */
-export interface PivotGridAxisFilterFieldsExpandChangeEvent {
-    target: PivotGridAxisFilterFieldsEditorHandle;
-    value: boolean;
-    syntheticEvent: React.SyntheticEvent;
-}
-/**
- * Represents the event arguments of the `PivotGridAxisFilterField` expand event.
- */
-export interface PivotGridAxisFilterFieldExpandEvent {
-    target: PivotGridAxisFilterFieldsEditorHandle;
-    value: PivotGridField;
-    syntheticEvent: React.SyntheticEvent;
-}
-/**
- * Represents the props of the [KendoReact PivotGridAxisFilterFieldsEditor component]({% slug api_pivotgrid_pivotgridaxisfilterfieldseditor %}).
- */
-export interface PivotGridAxisFilterFieldsEditorProps {
-    /**
-     * Sets the `className` property of the top-most element of the PivotGridAxisFilterFieldsEditor in addition to the default `k-columnmenu-item-wrapper` class.
-     */
-    className?: string;
-    /**
-     * Sets the `id` property of the top-most element of the PivotGridAxisFilterFieldsEditor.
-     */
-    id?: string;
-    /**
-     * Sets the `tabIndex` property of the top-most element of the PivotGridAxisFilterFieldsEditor.
-     */
-    tabIndex?: number;
-    /**
-     * Sets the `style` property of the top-most element of the PivotGridAxisFilterFieldsEditor.
-     */
-    style?: React.CSSProperties;
-    /**
-     * Sets the `data` of the PivotGridAxisFilterFieldsEditor.
-     *
-     * The `data` represents all fields available for filtering.
-     */
-    data?: PivotGridField[];
-    /**
-     * Represents the `dataItem` of the AxisEditor.
-     *
-     * The `dataItem` is a single [PivotGridAxis]({% slug api_pivotgrid_pivotgridaxis %}) object.
-     */
-    dataItem: PivotGridAxis;
-    /**
-     * Represents the initial filter value before additional operations are executed.
-     */
-    defaultFilter?: FilterDescriptor;
-    /**
-     * Indicates which of the three available axes are represented by the editor:
-     * - columnAxes
-     * - rowAxes
-     * - measureAxes
-     */
-    axes: string;
-    /**
-     * Overrides the default `columnMenuItem` component.
-     *
-     * The default component is: [KendoReactColumnMenuItem]({% slug api_data-tools_columnmenuitem %}).
-     */
-    columnMenuItem?: CustomComponent<KendoReactColumnMenuItemProps>;
-    /**
-     * Overrides the default `columnMenuForm` component.
-     *
-     * The default component is: [KendoReactColumnMenuForm]({% slug api_data-tools_columnmenuform %}).
-     */
-    columnMenuForm?: CustomComponent<KendoReactColumnMenuFormProps>;
-    /**
-     * Overrides the default `resetButton` component.
-     *
-     * The default component is: [KendoReactButton]({% slug api_buttons_button %}).
-     */
-    resetButton?: CustomComponent<KendoReactButtonProps>;
-    /**
-     * Overrides the default `applyButton` component.
-     *
-     * The default component is: [KendoReactButton]({% slug api_buttons_button %}).
-     */
-    applyButton?: CustomComponent<KendoReactButtonProps>;
-    /**
-     * Overrides the default `treeView` component.
-     *
-     * The default component is: [KendoReactTreeView]({% slug api_treeview_treeview %}).
-     */
-    treeView?: CustomComponent<KendoReactTreeViewProps>;
-    /**
-     * Overrides the default `treeView` component.
-     *
-     * The default component is: `() => <Skeleton shape={'rectangle'} style={{height: '20px', width:'calc(100% - 16px)', margin: 8}}/>`.
-     */
-    noData?: CustomComponent<any>;
-}
-/**
- * Represents the object which is passed to the [`ref`](https://reactjs.org/docs/refs-and-the-dom.html) callback of the PivotGridAxisFilterFieldsEditor component.
- */
-export interface PivotGridAxisFilterFieldsEditorHandle {
-    props: PivotGridAxisFilterFieldsEditorProps;
-    element: HTMLDivElement | null;
-}
-/**
- * Represents the [KendoReact PivotGridAxisFilterFieldsEditor component]({% slug api_pivotgrid_pivotgridaxisfilterfieldseditorprops %}).
- */
-export declare const PivotGridAxisFilterFieldsEditor: React.ForwardRefExoticComponent<PivotGridAxisFilterFieldsEditorProps & React.RefAttributes<PivotGridAxisFilterFieldsEditorHandle | null>>;

package/dist/npm/components/AxisFilterFieldsEditor.js

@@ -1,153 +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.PivotGridAxisFilterFieldsEditor = void 0;
-var React = require("react");
-var kendo_react_treeview_1 = require("@progress/kendo-react-treeview");
-var kendo_react_buttons_1 = require("@progress/kendo-react-buttons");
-var kendo_react_indicators_1 = require("@progress/kendo-react-indicators");
-var kendo_react_intl_1 = require("@progress/kendo-react-intl");
-var kendo_react_data_tools_1 = require("@progress/kendo-react-data-tools");
-var kendo_react_common_1 = require("@progress/kendo-react-common");
-var kendo_svg_icons_1 = require("@progress/kendo-svg-icons");
-var utils_1 = require("../utils");
-var messages_1 = require("../messages");
-var hooks_1 = require("../hooks");
-var shared_1 = require("../shared");
-/* eslint-enable max-len */
-/**
- * Represents the [KendoReact PivotGridAxisFilterFieldsEditor component]({% slug api_pivotgrid_pivotgridaxisfilterfieldseditorprops %}).
- */
-exports.PivotGridAxisFilterFieldsEditor = React.forwardRef(function (props, ref) {
-    var _a = __assign(__assign({}, defaultProps), props), data = _a.data, dataItem = _a.dataItem, defaultFilter = _a.defaultFilter;
-    var element = React.useRef(null);
-    var target = React.useRef(null);
-    var localization = (0, kendo_react_intl_1.useLocalization)();
-    var _b = (0, kendo_react_common_1.useCustomComponent)(props.columnMenuItem || defaultProps.columnMenuItem), ColumnMenuItemComponent = _b[0], ColumnMenuItemProps = _b[1];
-    var _c = (0, kendo_react_common_1.useCustomComponent)(props.columnMenuForm || defaultProps.columnMenuForm), ColumnMenuFormComponent = _c[0], ColumnMenuFormProps = _c[1];
-    var _d = (0, kendo_react_common_1.useCustomComponent)(props.resetButton || defaultProps.resetButton), ResetButtonComponent = _d[0], ResetButtonProps = _d[1];
-    var _e = (0, kendo_react_common_1.useCustomComponent)(props.applyButton || defaultProps.applyButton), ApplyButtonComponent = _e[0], ApplyButtonProps = _e[1];
-    var _f = (0, kendo_react_common_1.useCustomComponent)(props.treeView || defaultProps.treeView), TreeViewComponent = _f[0], TreeViewProps = _f[1];
-    var _g = (0, kendo_react_common_1.useCustomComponent)(props.noData || defaultProps.noData), NoDataComponent = _g[0], NoDataProps = _g[1];
-    React.useImperativeHandle(target, function () { return ({ props: props, element: element.current }); });
-    React.useImperativeHandle(ref, function () { return target.current; });
-    var _h = React.useState(false), show = _h[0], setShow = _h[1];
-    var _j = React.useContext(shared_1.PivotGridConfiguratorEditorEventsContext), onAxisFilterFieldsExpandChange = _j.onAxisFilterFieldsExpandChange, onAxisFilterFieldExpand = _j.onAxisFilterFieldExpand;
-    var _k = React.useContext(shared_1.PivotGridConfiguratorEditorStateContext), dispatchState = _k[1];
-    var _l = React.useState(defaultFilter), filter = _l[0], setFilter = _l[1];
-    var selected = filter ? filter.value.split(',') : [];
-    var _m = (0, hooks_1.useExpansion)([], undefined, target, utils_1.compareFields), expanded = _m[0], dispatchExpansion = _m[1];
-    var map = {
-        caption: function (node) { return node.dataItem.caption; },
-        id: function (node) { return node.dataItem.uniqueName; },
-        parent: function (_, parent) { return parent && parent.value; },
-        value: function (node) { return (node.dataItem.defaultHierarchy || node.dataItem.uniqueName); },
-        expanded: function (node) { return expanded.some(function (e) { return e.uniqueName === node.id; }); },
-        checked: function (node) { return !selected.length || (selected || []).some(function (f) { return f === node.dataItem.uniqueName; }); },
-        hasChildren: function (node) { return parseInt(node.dataItem.childrenCardinality, 10) > 0; },
-        children: function (node) { return (0, utils_1.recursiveMap)(node.dataItem.children, map, node); },
-        checkIndeterminate: function (node) {
-            var everyChildChecked = (node.children || []).length && node.children.every(function (c) { return c.checked; });
-            if (everyChildChecked) {
-                node.checked = true;
-            }
-            return (node.children || []).some(function (c) { return c.checked; }) && !everyChildChecked;
-        }
-    };
-    var fields = (0, utils_1.recursiveMap)(data, map);
-    var dataFlatMap = (0, utils_1.flatMap)(fields);
-    var handleClick = function (syntheticEvent) {
-        setShow(!show);
-        if (onAxisFilterFieldsExpandChange) {
-            onAxisFilterFieldsExpandChange({
-                value: !show,
-                target: target.current,
-                syntheticEvent: syntheticEvent
-            });
-        }
-    };
-    var handleFieldExpand = function (event) {
-        dispatchExpansion({ type: hooks_1.EXPANSION_ACTION.toggle, payload: event.item.dataItem }, event.syntheticEvent);
-        if (onAxisFilterFieldExpand) {
-            onAxisFilterFieldExpand({
-                value: event.item.dataItem,
-                target: target.current,
-                syntheticEvent: event.syntheticEvent
-            });
-        }
-    };
-    var handleFieldCheck = function (event) {
-        var newFilter;
-        if (event.item.checked) {
-            newFilter = {
-                field: String(dataItem.name),
-                operator: 'in',
-                value: dataFlatMap
-                    .filter(function (i) { return i.checked; })
-                    .map(function (c) { return String(c.value); })
-                    .filter(function (i) { return i !== event.item.value && i !== event.item.parent; })
-                    .join(',')
-            };
-        }
-        else {
-            newFilter = {
-                field: String(dataItem.name),
-                operator: 'in',
-                value: dataFlatMap
-                    .filter(function (i) { return i.checked; })
-                    .map(function (c) { return String(c.value); })
-                    .concat([event.item.value])
-                    .join(',')
-            };
-        }
-        setFilter(newFilter);
-    };
-    var handleResetClick = function (syntheticEvent) {
-        setShow(false);
-        if (filter) {
-            dispatchState({
-                type: hooks_1.PIVOT_CONFIGURATOR_ACTION.removeFilter,
-                payload: filter
-            }, syntheticEvent);
-        }
-    };
-    var handleApplyClick = function (syntheticEvent) {
-        setShow(false);
-        if (filter) {
-            dispatchState({
-                type: defaultFilter
-                    ? hooks_1.PIVOT_CONFIGURATOR_ACTION.changeFilter
-                    : hooks_1.PIVOT_CONFIGURATOR_ACTION.addFilter,
-                payload: filter
-            }, syntheticEvent);
-        }
-    };
-    return (React.createElement("div", { ref: element, id: props.id, tabIndex: props.tabIndex, style: props.style, className: (0, kendo_react_common_1.classNames)('k-columnmenu-item-wrapper', props.className) },
-        React.createElement(ColumnMenuItemComponent, __assign({}, ColumnMenuItemProps, { title: "Include Fields", iconClass: "k-i-grid-layout", svgIcon: kendo_svg_icons_1.gridLayoutIcon, onClick: handleClick })),
-        React.createElement(ColumnMenuFormComponent, __assign({ show: show, actions: (React.createElement(React.Fragment, null,
-                React.createElement(ResetButtonComponent, __assign({ type: "reset", onClick: handleResetClick }, ResetButtonProps), localization.toLanguageString(messages_1.fieldMenuReset, messages_1.messages[messages_1.fieldMenuReset])),
-                React.createElement(ApplyButtonComponent, __assign({ themeColor: 'primary', onClick: handleApplyClick }, ApplyButtonProps), localization.toLanguageString(messages_1.fieldMenuApply, messages_1.messages[messages_1.fieldMenuApply])))) }, ColumnMenuFormProps), (fields && fields.length)
-            ? (React.createElement(TreeViewComponent, __assign({ data: fields, checkboxes: true, onExpandChange: handleFieldExpand, onCheckChange: handleFieldCheck, textField: 'caption', expandIcons: true, hasChildrenField: "hasChildren", checkIndeterminateField: "checkIndeterminate", childrenField: "children" }, TreeViewProps)))
-            : (React.createElement(NoDataComponent, __assign({}, NoDataProps))))));
-});
-var defaultProps = {
-    data: [],
-    resetButton: kendo_react_buttons_1.Button,
-    applyButton: kendo_react_buttons_1.Button,
-    treeView: kendo_react_treeview_1.TreeView,
-    noData: function () { return React.createElement(kendo_react_indicators_1.Skeleton, { shape: 'rectangle', style: { height: '20px', width: 'calc(100% - 16px)', margin: 8 } }); },
-    columnMenuItem: kendo_react_data_tools_1.ColumnMenuItem,
-    columnMenuForm: kendo_react_data_tools_1.ColumnMenuForm
-};
-exports.PivotGridAxisFilterFieldsEditor.defaultProps = defaultProps;
-exports.PivotGridAxisFilterFieldsEditor.displayName = 'KendoReactPivotGridAxisFilterFieldsEditor';

package/dist/npm/components/Cell.js

@@ -1,34 +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.PivotGridCell = void 0;
-var React = require("react");
-var kendo_react_common_1 = require("@progress/kendo-react-common");
-;
-/**
- * Represents the [KendoReact PivotGridCell component]({% slug api_pivotgrid_pivotgridcellprops %}).
- */
-exports.PivotGridCell = React.forwardRef(function (props, ref) {
-    var target = React.useRef(null);
-    var element = React.useRef(null);
-    React.useImperativeHandle(target, function () { return ({
-        element: element.current,
-        props: props
-    }); });
-    React.useImperativeHandle(ref, function () { return target.current; });
-    var mouseProps = (0, kendo_react_common_1.useMouse)(props, target);
-    return (React.createElement("td", __assign({ ref: element }, mouseProps, { id: props.id, style: props.style, tabIndex: props.tabIndex, role: props.role, "aria-describedby": props.ariaDescribedby, className: (0, kendo_react_common_1.classNames)('k-pivotgrid-cell', {
-            'k-pivotgrid-header-total': props.total
-        }, props.className) }), props.children));
-});
-exports.PivotGridCell.displayName = 'KendoReactPivotGridCell';

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

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

package/dist/npm/components/Column.js

@@ -1,36 +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.PivotGridColumn = void 0;
-var React = require("react");
-var kendo_react_common_1 = require("@progress/kendo-react-common");
-;
-/**
- * Represents the [KendoReact PivotGridColumn component]({% slug api_pivotgrid_pivotgridcolumnprops %}).
- */
-exports.PivotGridColumn = React.forwardRef(function (props, ref) {
-    var target = React.useRef(null);
-    var element = React.useRef(null);
-    React.useImperativeHandle(target, function () { return ({
-        element: element.current,
-        props: props
-    }); });
-    React.useImperativeHandle(ref, function () { return target.current; });
-    var mouseProps = (0, kendo_react_common_1.useMouse)(props, target);
-    return (React.createElement("col", __assign({ ref: element }, mouseProps, { id: props.id, style: props.style, tabIndex: props.tabIndex, children: props.children, className: props.className })));
-});
-var defaultProps = {
-    path: []
-};
-exports.PivotGridColumn.defaultProps = defaultProps;
-exports.PivotGridColumn.displayName = 'KendoReactPivotGridColumn';

package/dist/npm/components/Configurator.js

@@ -1,121 +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.PivotGridConfigurator = 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 kendo_react_intl_1 = require("@progress/kendo-react-intl");
-var kendo_react_form_1 = require("@progress/kendo-react-form");
-var ConfiguratorEditor_1 = require("./ConfiguratorEditor");
-var messages_1 = require("../messages");
-/**
- * Represents the [KendoReact PivotGridConfigurator component]({% slug api_pivotgrid_pivotgridconfiguratorprops %}).
- */
-exports.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 = (0, kendo_react_intl_1.useLocalization)();
-    var _b = (0, kendo_react_common_1.useCustomComponent)(props.editor || defaultProps.editor), EditorComponent = _b[0], EditorProps = _b[1];
-    var _c = (0, kendo_react_common_1.useCustomComponent)(props.form || defaultProps.form), FormComponent = _c[0], FormProps = _c[1];
-    var _d = (0, kendo_react_common_1.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: (0, kendo_react_common_1.classNames)('k-pivotgrid-configurator', props.className) },
-        React.createElement("div", { className: (0, kendo_react_common_1.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(messages_1.configuratorTitle, messages_1.messages[messages_1.configuratorTitle]))),
-            React.createElement(FormComponent, __assign({ ref: (0, kendo_react_common_1.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(kendo_react_buttons_1.Button, { type: "submit", onClick: renderProps.onFormReset }, localization.toLanguageString(messages_1.configuratorCancel, messages_1.messages[messages_1.configuratorCancel])),
-                        React.createElement(kendo_react_buttons_1.Button, { themeColor: 'primary', type: "submit", onClick: renderProps.onSubmit }, localization.toLanguageString(messages_1.configuratorApply, messages_1.messages[messages_1.configuratorApply]))))); } }, FormProps)))));
-});
-var defaultProps = {
-    form: kendo_react_form_1.Form,
-    formElement: kendo_react_form_1.FormElement,
-    editor: ConfiguratorEditor_1.PivotGridConfiguratorEditor,
-    horizontal: false,
-    data: [],
-    columnAxes: [],
-    rowAxes: [],
-    measureAxes: []
-};
-exports.PivotGridConfigurator.defaultProps = defaultProps;
-exports.PivotGridConfigurator.displayName = 'KendoReactPivotGridConfigurator';

package/dist/npm/components/ConfiguratorButton.js

@@ -1,42 +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.PivotGridConfiguratorButton = void 0;
-var React = require("react");
-var kendo_react_common_1 = require("@progress/kendo-react-common");
-var kendo_react_intl_1 = require("@progress/kendo-react-intl");
-var kendo_svg_icons_1 = require("@progress/kendo-svg-icons");
-var messages_1 = require("../messages");
-var kendo_react_common_2 = require("@progress/kendo-react-common");
-/**
- * Represents the [KendoReact PivotGridConfiguratorButton component]({% slug api_pivotgrid_pivotgridconfiguratorbuttonprops %}).
- */
-exports.PivotGridConfiguratorButton = React.forwardRef(function (props, ref) {
-    var target = React.useRef(null);
-    var element = React.useRef(null);
-    var localization = (0, kendo_react_intl_1.useLocalization)();
-    React.useImperativeHandle(target, function () { return ({ props: props, element: element.current }); });
-    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 className = React.useMemo(function () { return (0, kendo_react_common_1.classNames)('k-pivotgrid-configurator-button', props.className); }, [props.className]);
-    var mouseProps = (0, kendo_react_common_2.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(messages_1.configuratorButtonLabel, messages_1.messages[messages_1.configuratorButtonLabel]),
-            React.createElement(IconComponent, __assign({ name: "gear", icon: kendo_svg_icons_1.gearIcon }, IconProps)))));
-});
-var defaultProps = {
-    icon: kendo_react_common_1.IconWrap
-};
-exports.PivotGridConfiguratorButton.defaultProps = defaultProps;
-exports.PivotGridConfiguratorButton.displayName = 'KendoReactPivotGridConfiguratorButton';