@progress/kendo-react-pivotgrid 13.3.0-develop.9 → 13.4.0-develop.1

package/components/Cell.d.ts

@@ -0,0 +1,114 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { KendoMouse } from '@progress/kendo-react-common';
+import { PivotDataItem } from '@progress/kendo-pivotgrid-common';
+import * as React from 'react';
+/**
+ * Represents the object which is passed to the [`ref`](https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom) callback of the PivotGridCell component.
+ */
+export interface PivotGridCellHandle {
+    /**
+     * The properties passed to the PivotGridCell component.
+     */
+    props: PivotGridCellProps;
+    /**
+     * The DOM element of the PivotGridCell component.
+     */
+    element: HTMLTableCellElement | null;
+}
+/**
+ * Represents the props of the [KendoReact PivotGridCell component](https://www.telerik.com/kendo-react-ui/components/pivotgrid/api/pivotgridcell).
+ */
+export interface PivotGridCellProps extends KendoMouse<PivotGridCellHandle, HTMLTableCellElement> {
+    /**
+     * Represents the `dataItem` of the PivotGridCell.
+     *
+     * The `dataItem` is a single [PivotDataItem](https://www.telerik.com/kendo-react-ui/components/pivotgrid/api/pivotdataitem) object.
+     */
+    dataItem: PivotDataItem;
+    /**
+     * Sets the `id` property of the top-most element of the PivotGridCell.
+     */
+    id?: string;
+    /**
+     * Sets the `className` property of the top-most element of the PivotGridCell in addition to the default `k-pivotgrid-cell` class.
+     */
+    className?: string;
+    /**
+     * Sets the `tabIndex` property of the top-most element of the PivotGridCell.
+     */
+    tabIndex?: number;
+    /**
+     * Sets the `children` property of the top-most element of the PivotGridCell.
+     */
+    children?: React.ReactNode;
+    /**
+     * Sets the `style` property of the top-most element of the PivotGridCell.
+     */
+    style?: React.CSSProperties;
+    /**
+     * 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;
+    /**
+     * Sets the `role` property of the top-most element of the PivotGridCell.
+     */
+    role?: string;
+    /**
+     * Sets the `aria-describedby` property of the top-most element of the PivotGridCell.
+     */
+    ariaDescribedby?: string;
+    /**
+     * Fires when the user clicks the PivotGridCell.
+     */
+    onClick?: (args: any) => void;
+    /**
+     * Fires when the user double-clicks the PivotGridCell.
+     */
+    onDoubleClick?: (args: any) => void;
+    /**
+     * Fires when the user presses a mouse button while the cursor is over the PivotGridCell.
+     */
+    onMouseDown?: (args: any) => void;
+    /**
+     * Fires when the cursor enters the PivotGridCell area.
+     */
+    onMouseEnter?: (args: any) => void;
+    /**
+     * Fires when the cursor leaves the PivotGridCell area.
+     */
+    onMouseLeave?: (args: any) => void;
+    /**
+     * Fires when the cursor moves within the PivotGridCell area.
+     */
+    onMouseMove?: (args: any) => void;
+    /**
+     * Fires when the cursor moves outside the PivotGridCell area.
+     */
+    onMouseOut?: (args: any) => void;
+    /**
+     * Fires when the cursor moves over the PivotGridCell area.
+     */
+    onMouseOver?: (args: any) => void;
+    /**
+     * Fires when the user releases a mouse button while the cursor is over the PivotGridCell.
+     */
+    onMouseUp?: (args: any) => void;
+}
+/**
+ * Represents the [KendoReact PivotGridCell component](https://www.telerik.com/kendo-react-ui/components/pivotgrid/api/pivotgridcellprops).
+ */
+export declare const PivotGridCell: React.ForwardRefExoticComponent<PivotGridCellProps & React.RefAttributes<PivotGridCellHandle | null>>;

package/components/Column.d.ts

@@ -0,0 +1,91 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { KendoMouse } from '@progress/kendo-react-common';
+import * as React from 'react';
+/**
+ * Represents the object which is passed to the [`ref`](https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom) callback of the PivotGridColumn component.
+ */
+export interface PivotGridColumnHandle {
+    /**
+     * The properties passed to the PivotGridColumn component.
+     */
+    props: PivotGridColumnProps;
+    /**
+     * The DOM element of the PivotGridColumn component.
+     */
+    element: HTMLTableColElement | null;
+}
+/**
+ * Represents the props of the [KendoReact PivotGridColumn component](https://www.telerik.com/kendo-react-ui/components/pivotgrid/api/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[];
+    /**
+     * Fires when the user clicks the PivotGridColumn.
+     */
+    onClick?: (args: any) => void;
+    /**
+     * Fires when the user double-clicks the PivotGridColumn.
+     */
+    onDoubleClick?: (args: any) => void;
+    /**
+     * Fires when the user presses a mouse button while the cursor is over the PivotGridColumn.
+     */
+    onMouseDown?: (args: any) => void;
+    /**
+     * Fires when the cursor enters the PivotGridColumn area.
+     */
+    onMouseEnter?: (args: any) => void;
+    /**
+     * Fires when the cursor leaves the PivotGridColumn area.
+     */
+    onMouseLeave?: (args: any) => void;
+    /**
+     * Fires when the cursor moves within the PivotGridColumn area.
+     */
+    onMouseMove?: (args: any) => void;
+    /**
+     * Fires when the cursor moves outside the PivotGridColumn area.
+     */
+    onMouseOut?: (args: any) => void;
+    /**
+     * Fires when the cursor moves over the PivotGridColumn area.
+     */
+    onMouseOver?: (args: any) => void;
+    /**
+     * Fires when the user releases a mouse button while the cursor is over the PivotGridColumn.
+     */
+    onMouseUp?: (args: any) => void;
+}
+/**
+ * Represents the [KendoReact PivotGridColumn component](https://www.telerik.com/kendo-react-ui/components/pivotgrid/api/pivotgridcolumnprops).
+ */
+export declare const PivotGridColumn: React.ForwardRefExoticComponent<PivotGridColumnProps & React.RefAttributes<PivotGridColumnHandle | null>>;

package/components/Configurator.d.ts

@@ -0,0 +1,140 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { CustomComponent } from '@progress/kendo-react-common';
+import { FormProps as KendoFormProps, FormElementProps as KendoFormElementProps } from '@progress/kendo-react-form';
+import { SortDescriptor, FilterDescriptor } from '@progress/kendo-data-query';
+import { PivotGridAxis, PivotGridField } from '@progress/kendo-pivotgrid-common';
+import { PivotGridConfiguratorEditorProps } from './ConfiguratorEditor.js';
+import { PivotGridAxisFilterFieldsExpandChangeEvent, PivotGridAxisFilterFieldExpandEvent } from './AxisFilterFieldsEditor.js';
+import { PivotGridConfiguratorAxesChangeEvent, PivotGridConfiguratorSortChangeEvent, PivotGridConfiguratorFilterChangeEvent } from '../models/index.js';
+import { PivotGridFieldsEditorFieldExpandEvent, PivotGridFieldsEditorFieldCheckEvent } from './FieldsEditor.js';
+import * as React from 'react';
+/**
+ * Represents the props of the [KendoReact PivotGridConfigurator component](https://www.telerik.com/kendo-react-ui/components/pivotgrid/api/pivotgridconfigurator).
+ */
+export interface PivotGridConfiguratorProps {
+    /**
+     * Sets the `className` property of the top-most element of the PivotGridConfigurator in addition to the default `k-pivotgrid-configurator` class.
+     */
+    className?: string;
+    /**
+     * Sets the `id` property of the top-most element of the PivotGridConfigurator.
+     */
+    id?: string;
+    /**
+     * Sets the `tabIndex` property of the top-most element of the PivotGridConfigurator.
+     */
+    tabIndex?: number;
+    /**
+     * Sets the `style` property of the top-most element of the PivotGridConfigurator.
+     */
+    style?: React.CSSProperties;
+    /**
+     * Renders the PivotGridConfigurator in `horizontal` orientation.
+     *
+     * @default false
+     */
+    horizontal?: boolean;
+    /**
+     * Sets the `data` of the PivotGridConfigurator.
+     *
+     * The `data` represents all fields available in the configurator.
+     */
+    data?: PivotGridField[];
+    /**
+     * The configuration of the `column` axes.
+     */
+    columnAxes?: PivotGridAxis[];
+    /**
+     * A callback, fired whenever the `columnAxes` property should change.
+     */
+    onColumnAxesChange?: (event: PivotGridConfiguratorAxesChangeEvent) => void;
+    /**
+     * The configuration of the `row` axes.
+     */
+    rowAxes?: PivotGridAxis[];
+    /**
+     * A callback, fired whenever the `rowAxes` property should change.
+     */
+    onRowAxesChange?: (event: PivotGridConfiguratorAxesChangeEvent) => void;
+    /**
+     * The configuration of the `measure` axes.
+     */
+    measureAxes?: PivotGridAxis[];
+    /**
+     * A callback, fired whenever the `measureAxes` property should change.
+     */
+    onMeasureAxesChange?: (event: PivotGridConfiguratorAxesChangeEvent) => void;
+    /**
+     * The descriptors by which the data is sorted.
+     */
+    sort?: SortDescriptor[];
+    /**
+     * A callback, fired whenever the `sort` property should change.
+     */
+    onSortChange?: (event: PivotGridConfiguratorSortChangeEvent) => void;
+    /**
+     * The descriptors by which the data is filtered.
+     */
+    filter?: FilterDescriptor[];
+    /**
+     * A callback, fired whenever the `filter` property should change.
+     */
+    onFilterChange?: (event: PivotGridConfiguratorFilterChangeEvent) => void;
+    /**
+     * A callback, fired whenever a `field` is expanded.
+     */
+    onFieldsEditorFieldExpand?: (event: PivotGridFieldsEditorFieldExpandEvent) => void;
+    /**
+     * A callback, fired whenever a `field` is checked.
+     */
+    onFieldsEditorFieldCheck?: (event: PivotGridFieldsEditorFieldCheckEvent) => void;
+    /**
+     * A callback, fired whenever an `AxisFilterField` is expanded.
+     */
+    onAxisFilterFieldExpand?: (event?: PivotGridAxisFilterFieldExpandEvent) => void;
+    /**
+     * A callback, fired whenever the `expanded` state of the `AxisFilterFields` is changed.
+     */
+    onAxisFilterFieldsExpandChange?: (event?: PivotGridAxisFilterFieldsExpandChangeEvent) => void;
+    /**
+     * Overrides the default `editor` component.
+     *
+     * The default component is: [PivotGridConfiguratorEditor](https://www.telerik.com/kendo-react-ui/components/pivotgrid/api/pivotgridconfiguratoreditor).
+     */
+    editor?: CustomComponent<PivotGridConfiguratorEditorProps>;
+    /**
+     * Overrides the default `form` component.
+     *
+     * The default component is: [KendoReactForm](https://www.telerik.com/kendo-react-ui/components/form/api/form).
+     */
+    form?: CustomComponent<KendoFormProps>;
+    /**
+     * Overrides the default `formElement` component.
+     *
+     * The default component is: [KendoReactFormElement](https://www.telerik.com/kendo-react-ui/components/form/api/formelement).
+     */
+    formElement?: CustomComponent<KendoFormElementProps>;
+}
+/**
+ * Represents the object which is passed to the [`ref`](https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom) callback of the PivotGridConfigurator component.
+ */
+export interface PivotGridConfiguratorHandle {
+    /**
+     * The properties passed to the PivotGridConfigurator component.
+     */
+    props: PivotGridConfiguratorProps;
+    /**
+     * The DOM element of the PivotGridConfigurator component.
+     */
+    element: HTMLDivElement | null;
+}
+/**
+ * Represents the [KendoReact PivotGridConfigurator component](https://www.telerik.com/kendo-react-ui/components/pivotgrid/api/pivotgridconfiguratorprops).
+ */
+export declare const PivotGridConfigurator: React.ForwardRefExoticComponent<PivotGridConfiguratorProps & React.RefAttributes<PivotGridConfiguratorHandle | null>>;

package/components/ConfiguratorButton.d.ts

@@ -0,0 +1,89 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { CustomComponent, IconProps as KendoIconProps, KendoMouse, SvgIconProps } from '@progress/kendo-react-common';
+import * as React from 'react';
+/**
+ * Represents the props of the [KendoReact PivotGridConfiguratorButton component](https://www.telerik.com/kendo-react-ui/components/pivotgrid/api/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](https://www.telerik.com/kendo-react-ui/components/common/api/icon).
+     */
+    icon?: CustomComponent<KendoIconProps & SvgIconProps>;
+    /**
+     * Fires when the user clicks the PivotGridConfiguratorButton.
+     */
+    onClick?: (args: any) => void;
+    /**
+     * Fires when the user double-clicks the PivotGridConfiguratorButton.
+     */
+    onDoubleClick?: (args: any) => void;
+    /**
+     * Fires when the user presses a mouse button while the cursor is over the PivotGridConfiguratorButton.
+     */
+    onMouseDown?: (args: any) => void;
+    /**
+     * Fires when the cursor enters the PivotGridConfiguratorButton area.
+     */
+    onMouseEnter?: (args: any) => void;
+    /**
+     * Fires when the cursor leaves the PivotGridConfiguratorButton area.
+     */
+    onMouseLeave?: (args: any) => void;
+    /**
+     * Fires when the cursor moves within the PivotGridConfiguratorButton area.
+     */
+    onMouseMove?: (args: any) => void;
+    /**
+     * Fires when the cursor moves outside the PivotGridConfiguratorButton area.
+     */
+    onMouseOut?: (args: any) => void;
+    /**
+     * Fires when the cursor moves over the PivotGridConfiguratorButton area.
+     */
+    onMouseOver?: (args: any) => void;
+    /**
+     * Fires when the user releases a mouse button while the cursor is over the PivotGridConfiguratorButton.
+     */
+    onMouseUp?: (args: any) => void;
+}
+/**
+ * Represents the object which is passed to the [`ref`](https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom) callback of the PivotGridConfiguratorButton component.
+ */
+export interface PivotGridConfiguratorButtonHandle {
+    /**
+     * The properties passed to the PivotGridConfiguratorButton component.
+     */
+    props: PivotGridConfiguratorButtonProps;
+    /**
+     * The DOM element of the PivotGridConfiguratorButton component.
+     */
+    element: HTMLDivElement | null;
+}
+/**
+ * Represents the [KendoReact PivotGridConfiguratorButton component](https://www.telerik.com/kendo-react-ui/components/pivotgrid/api/pivotgridconfiguratorbuttonprops).
+ */
+export declare const PivotGridConfiguratorButton: React.ForwardRefExoticComponent<PivotGridConfiguratorButtonProps & React.RefAttributes<PivotGridConfiguratorButtonHandle | null>>;

package/components/ConfiguratorButton.mjs

@@ -6,7 +6,7 @@
  *-------------------------------------------------------------------------------------------
  */
 import * as e from "react";
-import { useCustomComponent as l, classNames as f, useMouse as d, IconWrap as g } from "@progress/kendo-react-common";
+import { useCustomComponent as l, IconWrap as f, classNames as d, useMouse as g } from "@progress/kendo-react-common";
 import { useLocalization as I } from "@progress/kendo-react-intl";
 import { gearIcon as v } from "@progress/kendo-svg-icons";
 import { configuratorButtonLabel as a, messages as p } from "../messages/index.mjs";
@@ -19,15 +19,15 @@ const C = e.forwardRef((t, r) => {
   const [s, i] = l(
     t.icon || N.icon
   ), m = e.useMemo(
-    () => f("k-pivotgrid-configurator-button", t.className),
+    () => d("k-pivotgrid-configurator-button", t.className),
     [t.className]
-  ), u = d(
+  ), u = g(
     t,
     o
   );
   return /* @__PURE__ */ e.createElement("div", { ref: n, id: t.id, className: m, tabIndex: t.tabIndex, ...u }, /* @__PURE__ */ e.createElement("span", null, c.toLanguageString(a, p[a]), /* @__PURE__ */ e.createElement(s, { name: "gear", icon: v, ...i })));
 }), N = {
-  icon: g
+  icon: f
 };
 C.displayName = "KendoReactPivotGridConfiguratorButton";
 export {

package/components/ConfiguratorEditor.d.ts

@@ -0,0 +1,144 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+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.js';
+import { PivotGridConfiguratorState, PivotGridField } from '@progress/kendo-pivotgrid-common';
+import { PivotGridAxesEditorProps } from './AxesEditor.js';
+import { PivotGridFieldsEditorProps, PivotGridFieldsEditorFieldExpandEvent, PivotGridFieldsEditorFieldCheckEvent } from './FieldsEditor.js';
+import { PivotGridConfiguratorEditorState, PivotGridConfiguratorAction } from '../hooks/index.js';
+import * as React from 'react';
+/**
+ * Represents the props of the [KendoReact PivotGridConfiguratorEditor component](https://www.telerik.com/kendo-react-ui/components/pivotgrid/api/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.
+     *
+     * @default false
+     */
+    horizontal?: boolean;
+    /**
+     * Overrides the default `fieldsLabel` component.
+     *
+     * The default component is: [KendoReactLabel](https://www.telerik.com/kendo-react-ui/components/labels/api/label).
+     */
+    fieldsLabel?: CustomComponent<FieldProps & LabelProps>;
+    /**
+     * Overrides the default `fieldsEditor` component.
+     *
+     * The default component is: [PivotGridFieldsEditor](https://www.telerik.com/kendo-react-ui/components/pivotgrid/api/pivotgridfieldseditor).
+     */
+    fieldsEditor?: CustomComponent<PivotGridFieldsEditorProps>;
+    /**
+     * Overrides the default `columnAxesLabel` component.
+     *
+     * The default component is: [KendoReactLabel](https://www.telerik.com/kendo-react-ui/components/labels/api/label).
+     */
+    columnAxesLabel?: CustomComponent<FieldProps & LabelProps>;
+    /**
+     * Overrides the default `columnAxesEditor` component.
+     *
+     * The default component is: [PivotGridAxesEditor](https://www.telerik.com/kendo-react-ui/components/pivotgrid/api/pivotgridaxeseditor).
+     */
+    columnAxesEditor?: CustomComponent<PivotGridAxesEditorProps>;
+    /**
+     * Overrides the default `rowAxesLabel` component.
+     *
+     * The default component is: [KendoReactLabel](https://www.telerik.com/kendo-react-ui/components/labels/api/label).
+     */
+    rowAxesLabel?: CustomComponent<FieldProps & LabelProps>;
+    /**
+     * Overrides the default `rowAxesEditor` component.
+     *
+     * The default component is: [PivotGridAxesEditor](https://www.telerik.com/kendo-react-ui/components/pivotgrid/api/pivotgridaxeseditor).
+     */
+    rowAxesEditor?: CustomComponent<PivotGridAxesEditorProps>;
+    /**
+     * Overrides the default `measureAxesLabel` component.
+     *
+     * The default component is: [KendoReactLabel](https://www.telerik.com/kendo-react-ui/components/labels/api/label).
+     */
+    measureAxesLabel?: CustomComponent<FieldProps & LabelProps>;
+    /**
+     * Overrides the default `measureAxesEditor` component.
+     *
+     * The default component is: [PivotGridAxesEditor](https://www.telerik.com/kendo-react-ui/components/pivotgrid/api/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://react.dev/learn/referencing-values-with-refs#refs-and-the-dom) callback of the PivotGridConfiguratorEditor component.
+ */
+export interface PivotGridConfiguratorEditorHandle {
+    /**
+     * The properties passed to the PivotGridConfiguratorEditor component.
+     */
+    props: PivotGridConfiguratorEditorProps;
+    /**
+     * The current state of the PivotGridConfiguratorEditor component.
+     */
+    state: PivotGridConfiguratorState;
+    /**
+     * The DOM element of the PivotGridConfiguratorEditor component.
+     */
+    element: HTMLDivElement;
+}
+/**
+ * Represents the [KendoReact PivotGridConfiguratorEditor component](https://www.telerik.com/kendo-react-ui/components/pivotgrid/api/pivotgridconfiguratoreditorprops).
+ */
+export declare const PivotGridConfiguratorEditor: React.ForwardRefExoticComponent<PivotGridConfiguratorEditorProps & React.RefAttributes<PivotGridConfiguratorEditorHandle>>;

package/components/ConfiguratorEditor.js

@@ -5,4 +5,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const te=require("react"),p=require("@progress/kendo-react-form"),C=require("@progress/kendo-react-labels"),oe=require("@progress/kendo-react-intl"),E=require("@progress/kendo-react-common"),v=require("./AxesEditor.js"),ne=require("./FieldsEditor.js"),o=require("../messages/index.js"),d=require("../hooks/usePivotConfiguratorEditor.js"),se=require("../shared/PivotGridConfiguratorEditorEventsContext.js"),re=require("../shared/PivotGridConfiguratorEditorStateContext.js");function ae(r){const x=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(r){for(const c in r)if(c!=="default"){const A=Object.getOwnPropertyDescriptor(r,c);Object.defineProperty(x,c,A.get?A:{enumerable:!0,get:()=>r[c]})}}return x.default=r,Object.freeze(x)}const e=ae(te),w=e.forwardRef((r,x)=>{const{onFieldsEditorFieldCheck:c,onFieldsEditorFieldCheckAction:A=a.onFieldsEditorFieldCheckAction,onFieldsEditorFieldExpand:b,onFieldsEditorFieldExpandAction:R=a.onFieldsEditorFieldExpandAction,onAxisFilterFieldExpand:I,onAxisFilterFieldsExpandChange:N}=r,n={onFieldsEditorFieldCheck:c,onFieldsEditorFieldCheckAction:A,horizontal:a.horizontal,axesEditor:a.axesEditor,...r},[k,G]=E.useCustomComponent(n.fieldsLabel||a.fieldsLabel),[_,S]=E.useCustomComponent(n.fieldsEditor||a.fieldsEditor),[q,z]=E.useCustomComponent(n.columnAxesLabel||a.columnAxesLabel),[D,U]=E.useCustomComponent(n.columnAxesEditor||a.columnAxesEditor),[V,Z]=E.useCustomComponent(n.rowAxesLabel||a.rowAxesLabel),[j,B]=E.useCustomComponent(n.rowAxesEditor||a.rowAxesEditor),[H,K]=E.useCustomComponent(n.measureAxesLabel||a.measureAxesLabel),[J,Q]=E.useCustomComponent(n.measureAxesEditor||a.measureAxesEditor),W=e.useRef(null),u=e.useRef(null),g=oe.useLocalization(),[s,i]=d.usePivotConfiguratorEditor(n,u);e.useImperativeHandle(u,()=>({element:W.current,props:n,state:s})),e.useImperativeHandle(x,()=>u.current);const F=()=>{s.dragItem&&i({type:d.PIVOT_CONFIGURATOR_ACTION.setDropZone,payload:"columnAxes"})},L=()=>{s.dragItem&&i({type:d.PIVOT_CONFIGURATOR_ACTION.setDropZone,payload:null})},h=()=>{s.dragItem&&i({type:d.PIVOT_CONFIGURATOR_ACTION.setDropZone,payload:"rowAxes"})},y=()=>{s.dragItem&&i({type:d.PIVOT_CONFIGURATOR_ACTION.setDropZone,payload:null})},M=()=>{s.dragItem&&i({type:d.PIVOT_CONFIGURATOR_ACTION.setDropZone,payload:"measureAxes"})},T=()=>{s.dragItem&&i({type:d.PIVOT_CONFIGURATOR_ACTION.setDropZone,payload:null})},X=t=>{const m={target:t.target,currentTarget:u.current,value:t.value,syntheticEvent:t.syntheticEvent};if(R){const l=R(m,n,s);l&&(Array.isArray(l)?l.filter(Boolean).map(f=>f&&i({...f},t.syntheticEvent)):i({...l},t.syntheticEvent))}b&&b({target:t.target,currentTarget:u.current,value:t.value,syntheticEvent:t.syntheticEvent})},Y=t=>{const m={target:t.target,currentTarget:u.current,value:t.value,syntheticEvent:t.syntheticEvent};if(A){const l=A(m,n,s);l&&(Array.isArray(l)?l.filter(Boolean).map(f=>f&&i({...f},t.syntheticEvent)):i({...l},t.syntheticEvent))}c&&c(m)},$=t=>{const m={target:t.target,currentTarget:u.current,value:t.value,syntheticEvent:t.syntheticEvent};I&&I(m)},ee=t=>{const m={target:t.target,currentTarget:u.current,value:t.value,syntheticEvent:t.syntheticEvent};N&&N(m)},O=n.horizontal?"div":e.Fragment,P=n.horizontal?{className:"k-form-field-wrapper"}:{};return e.createElement(se.PivotGridConfiguratorEditorEventsContext.Provider,{value:{onAxisFilterFieldExpand:$,onAxisFilterFieldsExpandChange:ee}},e.createElement(re.PivotGridConfiguratorEditorStateContext.Provider,{value:[s,i]},e.createElement(O,{...P},e.createElement("div",{className:"k-form-field"},e.createElement(k,{name:"",component:C.Label,...G},g.toLanguageString(o.configuratorEditorSearchTitle,o.messages[o.configuratorEditorSearchTitle]))),e.createElement("div",{className:"k-form-field"},e.createElement("div",{className:"k-fields-list-wrapper"},e.createElement(_,{data:n.data,onExpand:X,onCheck:Y,columnAxes:s.columnAxes,rowAxes:s.rowAxes,measureAxes:s.measureAxes,...S})))),e.createElement(O,{...P},e.createElement("div",{className:"k-form-field",onMouseEnter:F,onMouseLeave:L},e.createElement(p.Field,{name:"columnAxes",field:"columnAxes",component:q,...z},g.toLanguageString(o.configuratorColumnsTitle,o.messages[o.configuratorColumnsTitle]))),n.valueGetter("columnAxes").length?e.createElement(p.Field,{name:"columnAxes",field:"columnAxes",component:D,onMouseEnter:F,onMouseLeave:L,className:"k-column-fields",...U}):e.createElement("div",{className:"k-settings-description",onMouseEnter:F,onMouseLeave:L},g.toLanguageString(o.configuratorMissingFields,o.messages[o.configuratorMissingFields])),e.createElement("div",{className:"k-form-field",onMouseEnter:h,onMouseLeave:y},e.createElement(p.Field,{name:"rowAxes",field:"rowAxes",component:V,...Z},g.toLanguageString(o.configuratorRowsTitle,o.messages[o.configuratorRowsTitle]))),n.valueGetter("rowAxes").length?e.createElement(p.Field,{name:"rowAxes",field:"rowAxes",component:j,onMouseEnter:h,onMouseLeave:y,className:"k-column-fields",...B}):e.createElement("div",{className:"k-settings-description",onMouseEnter:h,onMouseLeave:y},g.toLanguageString(o.configuratorMissingFields,o.messages[o.configuratorMissingFields]))),e.createElement(O,{...P},e.createElement("div",{className:"k-form-field",onMouseEnter:M,onMouseLeave:T},e.createElement(p.Field,{name:"measureAxes",field:"measureAxes",component:H,...K},g.toLanguageString(o.configuratorMeasuresTitle,o.messages[o.configuratorMeasuresTitle]))),n.valueGetter("measureAxes").length?e.createElement(p.Field,{name:"measureAxes",field:"measureAxes",component:J,onMouseEnter:M,onMouseLeave:T,className:"k-column-fields",...Q}):e.createElement("div",{className:"k-settings-description",onMouseEnter:M,onMouseLeave:T},g.toLanguageString(o.configuratorMissingFields,o.messages[o.configuratorMissingFields])))))}),a={data:[],horizontal:!1,fieldsLabel:C.Label,fieldsEditor:ne.PivotGridFieldsEditor,columnAxesLabel:C.Label,columnAxesEditor:v.PivotGridAxesEditor,rowAxesLabel:C.Label,rowAxesEditor:v.PivotGridAxesEditor,measureAxesLabel:C.Label,measureAxesEditor:v.PivotGridAxesEditor,axesEditor:v.PivotGridAxesEditor,onFieldsEditorFieldCheckAction:r=>({type:d.PIVOT_CONFIGURATOR_ACTION.toggleSelection,payload:r.value}),onFieldsEditorFieldExpandAction:r=>({type:d.PIVOT_CONFIGURATOR_ACTION.toggleExpansion,payload:r.value})};w.displayName="KendoReactPivotGridConfiguratorEditor";exports.PivotGridConfiguratorEditor=w;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const te=require("react"),p=require("@progress/kendo-react-form"),C=require("@progress/kendo-react-labels"),oe=require("@progress/kendo-react-intl"),E=require("@progress/kendo-react-common"),v=require("./AxesEditor.js"),ne=require("./FieldsEditor.js"),o=require("../messages/index.js"),d=require("../hooks/usePivotConfiguratorEditor.js"),se=require("../shared/PivotGridConfiguratorEditorEventsContext.js"),re=require("../shared/PivotGridConfiguratorEditorStateContext.js");function ae(r){const x=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(r){for(const c in r)if(c!=="default"){const A=Object.getOwnPropertyDescriptor(r,c);Object.defineProperty(x,c,A.get?A:{enumerable:!0,get:()=>r[c]})}}return x.default=r,Object.freeze(x)}const e=ae(te),w=e.forwardRef((r,x)=>{const{onFieldsEditorFieldCheck:c,onFieldsEditorFieldCheckAction:A=a.onFieldsEditorFieldCheckAction,onFieldsEditorFieldExpand:b,onFieldsEditorFieldExpandAction:R=a.onFieldsEditorFieldExpandAction,onAxisFilterFieldExpand:I,onAxisFilterFieldsExpandChange:N}=r,n={onFieldsEditorFieldCheck:c,onFieldsEditorFieldCheckAction:A,horizontal:a.horizontal,axesEditor:a.axesEditor,...r},[k,G]=E.useCustomComponent(n.fieldsLabel||a.fieldsLabel),[_,S]=E.useCustomComponent(n.fieldsEditor||a.fieldsEditor),[q,z]=E.useCustomComponent(n.columnAxesLabel||a.columnAxesLabel),[D,U]=E.useCustomComponent(n.columnAxesEditor||a.columnAxesEditor),[V,Z]=E.useCustomComponent(n.rowAxesLabel||a.rowAxesLabel),[j,B]=E.useCustomComponent(n.rowAxesEditor||a.rowAxesEditor),[H,K]=E.useCustomComponent(n.measureAxesLabel||a.measureAxesLabel),[J,Q]=E.useCustomComponent(n.measureAxesEditor||a.measureAxesEditor),W=e.useRef(null),u=e.useRef(null),g=oe.useLocalization(),[s,i]=d.usePivotConfiguratorEditor(n,u);e.useImperativeHandle(u,()=>({element:W.current,props:n,state:s})),e.useImperativeHandle(x,()=>u.current);const F=()=>{s.dragItem&&i({type:d.PIVOT_CONFIGURATOR_ACTION.setDropZone,payload:"columnAxes"})},L=()=>{s.dragItem&&i({type:d.PIVOT_CONFIGURATOR_ACTION.setDropZone,payload:null})},h=()=>{s.dragItem&&i({type:d.PIVOT_CONFIGURATOR_ACTION.setDropZone,payload:"rowAxes"})},y=()=>{s.dragItem&&i({type:d.PIVOT_CONFIGURATOR_ACTION.setDropZone,payload:null})},M=()=>{s.dragItem&&i({type:d.PIVOT_CONFIGURATOR_ACTION.setDropZone,payload:"measureAxes"})},T=()=>{s.dragItem&&i({type:d.PIVOT_CONFIGURATOR_ACTION.setDropZone,payload:null})},X=t=>{const m={target:t.target,currentTarget:u.current,value:t.value,syntheticEvent:t.syntheticEvent};if(R){const l=R(m,n,s);l&&(Array.isArray(l)?l.filter(Boolean).map(f=>f&&i({...f},t.syntheticEvent)):i({...l},t.syntheticEvent))}b&&b({target:t.target,currentTarget:u.current,value:t.value,syntheticEvent:t.syntheticEvent})},Y=t=>{const m={target:t.target,currentTarget:u.current,value:t.value,syntheticEvent:t.syntheticEvent};if(A){const l=A(m,n,s);l&&(Array.isArray(l)?l.filter(Boolean).map(f=>f&&i({...f},t.syntheticEvent)):i({...l},t.syntheticEvent))}c&&c(m)},$=t=>{const m={target:t.target,currentTarget:u.current,value:t.value,syntheticEvent:t.syntheticEvent};I&&I(m)},ee=t=>{const m={target:t.target,currentTarget:u.current,value:t.value,syntheticEvent:t.syntheticEvent};N&&N(m)},O=n.horizontal?"div":e.Fragment,P=n.horizontal?{className:"k-form-field-wrapper"}:{};return e.createElement(se.PivotGridConfiguratorEditorEventsContext.Provider,{value:{onAxisFilterFieldExpand:$,onAxisFilterFieldsExpandChange:ee}},e.createElement(re.PivotGridConfiguratorEditorStateContext.Provider,{value:[s,i]},e.createElement(O,{...P},e.createElement("div",{className:"k-form-field"},e.createElement(k,{name:"",component:C.Label,...G},g.toLanguageString(o.configuratorEditorSearchTitle,o.messages[o.configuratorEditorSearchTitle]))),e.createElement("div",{className:"k-form-field"},e.createElement("div",{className:"k-fields-list-wrapper"},e.createElement(_,{data:n.data,onExpand:X,onCheck:Y,columnAxes:s.columnAxes,rowAxes:s.rowAxes,measureAxes:s.measureAxes,...S})))),e.createElement(O,{...P},e.createElement("div",{className:"k-form-field",onMouseEnter:F,onMouseLeave:L},e.createElement(p.Field,{name:"columnAxes",field:"columnAxes",component:q,...z},g.toLanguageString(o.configuratorColumnsTitle,o.messages[o.configuratorColumnsTitle]))),n.valueGetter("columnAxes").length?e.createElement(p.Field,{name:"columnAxes",field:"columnAxes",component:D,onMouseEnter:F,onMouseLeave:L,className:"k-column-fields",...U}):e.createElement("div",{className:"k-settings-description",onMouseEnter:F,onMouseLeave:L},g.toLanguageString(o.configuratorMissingFields,o.messages[o.configuratorMissingFields])),e.createElement("div",{className:"k-form-field",onMouseEnter:h,onMouseLeave:y},e.createElement(p.Field,{name:"rowAxes",field:"rowAxes",component:V,...Z},g.toLanguageString(o.configuratorRowsTitle,o.messages[o.configuratorRowsTitle]))),n.valueGetter("rowAxes").length?e.createElement(p.Field,{name:"rowAxes",field:"rowAxes",component:j,onMouseEnter:h,onMouseLeave:y,className:"k-column-fields",...B}):e.createElement("div",{className:"k-settings-description",onMouseEnter:h,onMouseLeave:y},g.toLanguageString(o.configuratorMissingFields,o.messages[o.configuratorMissingFields]))),e.createElement(O,{...P},e.createElement("div",{className:"k-form-field",onMouseEnter:M,onMouseLeave:T},e.createElement(p.Field,{name:"measureAxes",field:"measureAxes",component:H,...K},g.toLanguageString(o.configuratorMeasuresTitle,o.messages[o.configuratorMeasuresTitle]))),n.valueGetter("measureAxes").length?e.createElement(p.Field,{name:"measureAxes",field:"measureAxes",component:J,onMouseEnter:M,onMouseLeave:T,className:"k-column-fields",...Q}):e.createElement("div",{className:"k-settings-description",onMouseEnter:M,onMouseLeave:T},g.toLanguageString(o.configuratorMissingFields,o.messages[o.configuratorMissingFields])))))}),a={horizontal:!1,fieldsLabel:C.Label,fieldsEditor:ne.PivotGridFieldsEditor,columnAxesLabel:C.Label,columnAxesEditor:v.PivotGridAxesEditor,rowAxesLabel:C.Label,rowAxesEditor:v.PivotGridAxesEditor,measureAxesLabel:C.Label,measureAxesEditor:v.PivotGridAxesEditor,axesEditor:v.PivotGridAxesEditor,onFieldsEditorFieldCheckAction:r=>({type:d.PIVOT_CONFIGURATOR_ACTION.toggleSelection,payload:r.value}),onFieldsEditorFieldExpandAction:r=>({type:d.PIVOT_CONFIGURATOR_ACTION.toggleExpansion,payload:r.value})};w.displayName="KendoReactPivotGridConfiguratorEditor";exports.PivotGridConfiguratorEditor=w;

package/components/ConfiguratorEditor.mjs

@@ -13,7 +13,7 @@ import { useCustomComponent as d } from "@progress/kendo-react-common";
 import { PivotGridAxesEditor as f } from "./AxesEditor.mjs";
 import { PivotGridFieldsEditor as ae } from "./FieldsEditor.mjs";
 import { configuratorEditorSearchTitle as I, messages as u, configuratorColumnsTitle as S, configuratorMissingFields as x, configuratorRowsTitle as G, configuratorMeasuresTitle as z } from "../messages/index.mjs";
-import { usePivotConfiguratorEditor as ie, PIVOT_CONFIGURATOR_ACTION as c } from "../hooks/usePivotConfiguratorEditor.mjs";
+import { PIVOT_CONFIGURATOR_ACTION as c, usePivotConfiguratorEditor as ie } from "../hooks/usePivotConfiguratorEditor.mjs";
 import { PivotGridConfiguratorEditorEventsContext as le } from "../shared/PivotGridConfiguratorEditorEventsContext.mjs";
 import { PivotGridConfiguratorEditorStateContext as de } from "../shared/PivotGridConfiguratorEditorStateContext.mjs";
 const ce = e.forwardRef((E, D) => {
@@ -249,7 +249,6 @@ const ce = e.forwardRef((E, D) => {
     )))
   );
 }), r = {
-  data: [],
   horizontal: !1,
   fieldsLabel: g,
   fieldsEditor: ae,