@progress/kendo-react-pivotgrid 8.1.0-develop.22 → 8.1.0-develop.23

package/components/ConfiguratorEditor.mjs

@@ -7,88 +7,94 @@
  */
 "use client";
 import * as e from "react";
-import { Field as E } from "@progress/kendo-react-form";
+import { Field as p } from "@progress/kendo-react-form";
 import { Label as g } from "@progress/kendo-react-labels";
-import { useLocalization as ae } from "@progress/kendo-react-intl";
+import { useLocalization as se } from "@progress/kendo-react-intl";
 import { useCustomComponent as d } from "@progress/kendo-react-common";
 import { PivotGridAxesEditor as f } from "./AxesEditor.mjs";
-import { PivotGridFieldsEditor as se } from "./FieldsEditor.mjs";
-import { configuratorEditorSearchTitle as T, messages as u, configuratorColumnsTitle as I, configuratorMissingFields as x, configuratorRowsTitle as S, configuratorMeasuresTitle as G } from "../messages/index.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 { PivotGridConfiguratorEditorEventsContext as le } from "../shared/PivotGridConfiguratorEditorEventsContext.mjs";
 import { PivotGridConfiguratorEditorStateContext as de } from "../shared/PivotGridConfiguratorEditorStateContext.mjs";
-const D = e.forwardRef((t, Z) => {
+const ce = e.forwardRef((E, D) => {
   const {
-    onFieldsEditorFieldCheck: w,
-    onFieldsEditorFieldCheckAction: b,
+    onFieldsEditorFieldCheck: v = r.onFieldsEditorFieldCheckAction,
+    onFieldsEditorFieldCheckAction: h = r.onFieldsEditorFieldCheckAction,
     onFieldsEditorFieldExpand: P,
-    onFieldsEditorFieldExpandAction: k,
-    onAxisFilterFieldExpand: N,
-    onAxisFilterFieldsExpandChange: R
-  } = t, [z, O] = d(t.fieldsLabel || s.fieldsLabel), [B, H] = d(t.fieldsEditor || s.fieldsEditor), [_, K] = d(t.columnAxesLabel || s.columnAxesLabel), [U, V] = d(t.columnAxesEditor || s.columnAxesEditor), [j, q] = d(t.rowAxesLabel || s.rowAxesLabel), [J, Q] = d(t.rowAxesEditor || s.rowAxesEditor), [W, X] = d(t.measureAxesLabel || s.measureAxesLabel), [Y, $] = d(t.measureAxesEditor || s.measureAxesEditor), ee = e.useRef(null), i = e.useRef(null), m = ae(), [n, r] = ie(t, i);
+    onFieldsEditorFieldExpandAction: N,
+    onAxisFilterFieldExpand: R,
+    onAxisFilterFieldsExpandChange: T
+  } = E, o = {
+    onFieldsEditorFieldCheck: v,
+    onFieldsEditorFieldCheckAction: h,
+    horizontal: r.horizontal,
+    axesEditor: r.axesEditor,
+    ...E
+  }, [Z, O] = d(o.fieldsLabel || r.fieldsLabel), [B, H] = d(o.fieldsEditor || r.fieldsEditor), [_, K] = d(o.columnAxesLabel || r.columnAxesLabel), [U, V] = d(o.columnAxesEditor || r.columnAxesEditor), [j, q] = d(o.rowAxesLabel || r.rowAxesLabel), [J, Q] = d(o.rowAxesEditor || r.rowAxesEditor), [W, X] = d(o.measureAxesLabel || r.measureAxesLabel), [Y, $] = d(o.measureAxesEditor || r.measureAxesEditor), ee = e.useRef(null), i = e.useRef(null), m = se(), [n, s] = ie(o, i);
   e.useImperativeHandle(i, () => ({
     element: ee.current,
-    props: t,
+    props: o,
     state: n
-  })), e.useImperativeHandle(Z, () => i.current);
-  const v = () => {
-    n.dragItem && r({ type: c.setDropZone, payload: "columnAxes" });
-  }, p = () => {
-    n.dragItem && r({ type: c.setDropZone, payload: null });
+  })), e.useImperativeHandle(D, () => i.current);
+  const F = () => {
+    n.dragItem && s({ type: c.setDropZone, payload: "columnAxes" });
   }, L = () => {
-    n.dragItem && r({ type: c.setDropZone, payload: "rowAxes" });
-  }, h = () => {
-    n.dragItem && r({ type: c.setDropZone, payload: null });
-  }, F = () => {
-    n.dragItem && r({ type: c.setDropZone, payload: "measureAxes" });
+    n.dragItem && s({ type: c.setDropZone, payload: null });
   }, C = () => {
-    n.dragItem && r({ type: c.setDropZone, payload: null });
-  }, te = (o) => {
+    n.dragItem && s({ type: c.setDropZone, payload: "rowAxes" });
+  }, y = () => {
+    n.dragItem && s({ type: c.setDropZone, payload: null });
+  }, M = () => {
+    n.dragItem && s({ type: c.setDropZone, payload: "measureAxes" });
+  }, w = () => {
+    n.dragItem && s({ type: c.setDropZone, payload: null });
+  }, te = (t) => {
     const l = {
-      target: o.target,
+      target: t.target,
       currentTarget: i.current,
-      value: o.value,
-      syntheticEvent: o.syntheticEvent
+      value: t.value,
+      syntheticEvent: t.syntheticEvent
     };
-    if (k) {
-      const a = k(l, t, n);
-      a && (Array.isArray(a) ? a.filter(Boolean).map((A) => A && r({ ...A }, o.syntheticEvent)) : r({ ...a }, o.syntheticEvent));
+    if (N) {
+      const a = N(l, o, n);
+      a && (Array.isArray(a) ? a.filter(Boolean).map((A) => A && s({ ...A }, t.syntheticEvent)) : s({ ...a }, t.syntheticEvent));
     }
     P && P({
-      target: o.target,
+      target: t.target,
       currentTarget: i.current,
-      value: o.value,
-      syntheticEvent: o.syntheticEvent
+      value: t.value,
+      syntheticEvent: t.syntheticEvent
     });
-  }, oe = (o) => {
+  }, oe = (t) => {
     const l = {
-      target: o.target,
+      target: t.target,
       currentTarget: i.current,
-      value: o.value,
-      syntheticEvent: o.syntheticEvent
+      value: t.value,
+      syntheticEvent: t.syntheticEvent
     };
-    if (b) {
-      const a = b(l, t, n);
-      a && (Array.isArray(a) ? a.filter(Boolean).map((A) => A && r({ ...A }, o.syntheticEvent)) : r({ ...a }, o.syntheticEvent));
+    if (h) {
+      const a = h(l, o, n);
+      a && (Array.isArray(a) ? a.filter(Boolean).map((A) => A && s({ ...A }, t.syntheticEvent)) : s({ ...a }, t.syntheticEvent));
     }
-    w && w(l);
-  }, ne = (o) => {
+    v && v(l);
+  }, ne = (t) => {
     const l = {
-      target: o.target,
+      target: t.target,
       currentTarget: i.current,
-      value: o.value,
-      syntheticEvent: o.syntheticEvent
+      value: t.value,
+      syntheticEvent: t.syntheticEvent
     };
-    N && N(l);
-  }, re = (o) => {
+    R && R(l);
+  }, re = (t) => {
     const l = {
-      target: o.target,
+      target: t.target,
       currentTarget: i.current,
-      value: o.value,
-      syntheticEvent: o.syntheticEvent
+      value: t.value,
+      syntheticEvent: t.syntheticEvent
     };
-    R && R(l);
-  }, y = t.horizontal ? "div" : e.Fragment, M = t.horizontal ? { className: "k-form-field-wrapper" } : {};
+    T && T(l);
+  }, b = o.horizontal ? "div" : e.Fragment, k = o.horizontal ? { className: "k-form-field-wrapper" } : {};
   return /* @__PURE__ */ e.createElement(
     le.Provider,
     {
@@ -97,10 +103,10 @@ const D = e.forwardRef((t, Z) => {
         onAxisFilterFieldsExpandChange: re
       }
     },
-    /* @__PURE__ */ e.createElement(de.Provider, { value: [n, r] }, /* @__PURE__ */ e.createElement(y, { ...M }, /* @__PURE__ */ e.createElement("div", { className: "k-form-field" }, /* @__PURE__ */ e.createElement(z, { name: "", component: g, ...O }, m.toLanguageString(T, u[T]))), /* @__PURE__ */ e.createElement("div", { className: "k-form-field" }, /* @__PURE__ */ e.createElement("div", { className: "k-fields-list-wrapper" }, /* @__PURE__ */ e.createElement(
+    /* @__PURE__ */ e.createElement(de.Provider, { value: [n, s] }, /* @__PURE__ */ e.createElement(b, { ...k }, /* @__PURE__ */ e.createElement("div", { className: "k-form-field" }, /* @__PURE__ */ e.createElement(Z, { name: "", component: g, ...O }, m.toLanguageString(I, u[I]))), /* @__PURE__ */ e.createElement("div", { className: "k-form-field" }, /* @__PURE__ */ e.createElement("div", { className: "k-fields-list-wrapper" }, /* @__PURE__ */ e.createElement(
       B,
       {
-        data: t.data,
+        data: o.data,
         onExpand: te,
         onCheck: oe,
         columnAxes: n.columnAxes,
@@ -108,31 +114,31 @@ const D = e.forwardRef((t, Z) => {
         measureAxes: n.measureAxes,
         ...H
       }
-    )))), /* @__PURE__ */ e.createElement(y, { ...M }, /* @__PURE__ */ e.createElement(
+    )))), /* @__PURE__ */ e.createElement(b, { ...k }, /* @__PURE__ */ e.createElement(
       "div",
       {
         className: "k-form-field",
-        onMouseEnter: v,
-        onMouseLeave: p
+        onMouseEnter: F,
+        onMouseLeave: L
       },
       /* @__PURE__ */ e.createElement(
-        E,
+        p,
         {
           name: "columnAxes",
           field: "columnAxes",
           component: _,
           ...K
         },
-        m.toLanguageString(I, u[I])
+        m.toLanguageString(S, u[S])
       )
-    ), t.valueGetter("columnAxes").length ? /* @__PURE__ */ e.createElement(
-      E,
+    ), o.valueGetter("columnAxes").length ? /* @__PURE__ */ e.createElement(
+      p,
       {
         name: "columnAxes",
         field: "columnAxes",
         component: U,
-        onMouseEnter: v,
-        onMouseLeave: p,
+        onMouseEnter: F,
+        onMouseLeave: L,
         className: "k-column-fields",
         ...V
       }
@@ -140,35 +146,35 @@ const D = e.forwardRef((t, Z) => {
       "div",
       {
         className: "k-settings-description",
-        onMouseEnter: v,
-        onMouseLeave: p
+        onMouseEnter: F,
+        onMouseLeave: L
       },
       m.toLanguageString(x, u[x])
     ), /* @__PURE__ */ e.createElement(
       "div",
       {
         className: "k-form-field",
-        onMouseEnter: L,
-        onMouseLeave: h
+        onMouseEnter: C,
+        onMouseLeave: y
       },
       /* @__PURE__ */ e.createElement(
-        E,
+        p,
         {
           name: "rowAxes",
           field: "rowAxes",
           component: j,
           ...q
         },
-        m.toLanguageString(S, u[S])
+        m.toLanguageString(G, u[G])
       )
-    ), t.valueGetter("rowAxes").length ? /* @__PURE__ */ e.createElement(
-      E,
+    ), o.valueGetter("rowAxes").length ? /* @__PURE__ */ e.createElement(
+      p,
       {
         name: "rowAxes",
         field: "rowAxes",
         component: J,
-        onMouseEnter: L,
-        onMouseLeave: h,
+        onMouseEnter: C,
+        onMouseLeave: y,
         className: "k-column-fields",
         ...Q
       }
@@ -176,35 +182,35 @@ const D = e.forwardRef((t, Z) => {
       "div",
       {
         className: "k-settings-description",
-        onMouseEnter: L,
-        onMouseLeave: h
+        onMouseEnter: C,
+        onMouseLeave: y
       },
       m.toLanguageString(x, u[x])
-    )), /* @__PURE__ */ e.createElement(y, { ...M }, /* @__PURE__ */ e.createElement(
+    )), /* @__PURE__ */ e.createElement(b, { ...k }, /* @__PURE__ */ e.createElement(
       "div",
       {
         className: "k-form-field",
-        onMouseEnter: F,
-        onMouseLeave: C
+        onMouseEnter: M,
+        onMouseLeave: w
       },
       /* @__PURE__ */ e.createElement(
-        E,
+        p,
         {
           name: "measureAxes",
           field: "measureAxes",
           component: W,
           ...X
         },
-        m.toLanguageString(G, u[G])
+        m.toLanguageString(z, u[z])
       )
-    ), t.valueGetter("measureAxes").length ? /* @__PURE__ */ e.createElement(
-      E,
+    ), o.valueGetter("measureAxes").length ? /* @__PURE__ */ e.createElement(
+      p,
       {
         name: "measureAxes",
         field: "measureAxes",
         component: Y,
-        onMouseEnter: F,
-        onMouseLeave: C,
+        onMouseEnter: M,
+        onMouseLeave: w,
         className: "k-column-fields",
         ...$
       }
@@ -212,17 +218,17 @@ const D = e.forwardRef((t, Z) => {
       "div",
       {
         className: "k-settings-description",
-        onMouseEnter: F,
-        onMouseLeave: C
+        onMouseEnter: M,
+        onMouseLeave: w
       },
       m.toLanguageString(x, u[x])
     )))
   );
-}), s = {
+}), r = {
   data: [],
   horizontal: !1,
   fieldsLabel: g,
-  fieldsEditor: se,
+  fieldsEditor: ae,
   columnAxesLabel: g,
   columnAxesEditor: f,
   rowAxesLabel: g,
@@ -230,11 +236,10 @@ const D = e.forwardRef((t, Z) => {
   measureAxesLabel: g,
   measureAxesEditor: f,
   axesEditor: f,
-  onFieldsEditorFieldCheckAction: (t) => ({ type: c.toggleSelection, payload: t.value }),
-  onFieldsEditorFieldExpandAction: (t) => ({ type: c.toggleExpansion, payload: t.value })
+  onFieldsEditorFieldCheckAction: (E) => ({ type: c.toggleSelection, payload: E.value }),
+  onFieldsEditorFieldExpandAction: (E) => ({ type: c.toggleExpansion, payload: E.value })
 };
-D.defaultProps = s;
-D.displayName = "KendoReactPivotGridConfiguratorEditor";
+ce.displayName = "KendoReactPivotGridConfiguratorEditor";
 export {
-  D as PivotGridConfiguratorEditor
+  ce as PivotGridConfiguratorEditor
 };

package/components/Container.js

@@ -5,4 +5,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react"),c=require("@progress/kendo-react-common");function l(e){const o=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const r=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(o,t,r.get?r:{enumerable:!0,get:()=>e[t]})}}return o.default=e,Object.freeze(o)}const n=l(a),i=n.forwardRef((e,o)=>{const t=n.useRef(null),r=n.useRef(null);return n.useImperativeHandle(r,()=>({props:e,element:t.current})),n.useImperativeHandle(o,()=>r.current),n.createElement("div",{ref:t,id:e.id,style:e.style,tabIndex:e.tabIndex,className:c.classNames("k-d-flex k-pos-relative",{"k-flex-row":e.configuratorPosition==="right","k-flex-row-reverse":e.configuratorPosition==="left","k-flex-column":e.configuratorPosition==="bottom","k-flex-column-reverse":e.configuratorPosition==="top"},e.className)},e.children)}),u={configuratorPosition:"right"};i.defaultProps=u;i.displayName="KendoReactPivotGridContainer";exports.PivotGridContainer=i;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("react"),m=require("@progress/kendo-react-common");function g(e){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const o=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,o.get?o:{enumerable:!0,get:()=>e[t]})}}return n.default=e,Object.freeze(n)}const r=g(d),c=r.forwardRef((e,n)=>{const t=r.useRef(null),o=r.useRef(null);r.useImperativeHandle(o,()=>({props:e,element:t.current})),r.useImperativeHandle(n,()=>o.current);const{id:i,style:l,tabIndex:s,configuratorPosition:a,className:u,children:f}={...p,...e};return r.createElement("div",{ref:t,id:i,style:l,tabIndex:s,className:m.classNames("k-d-flex k-pos-relative",{"k-flex-row":a==="right","k-flex-row-reverse":a==="left","k-flex-column":a==="bottom","k-flex-column-reverse":a==="top"},u)},f)}),p={configuratorPosition:"right"};c.displayName="KendoReactPivotGridContainer";exports.PivotGridContainer=c;

package/components/Container.mjs

@@ -6,35 +6,36 @@
  *-------------------------------------------------------------------------------------------
  */
 "use client";
-import * as t from "react";
-import { classNames as a } from "@progress/kendo-react-common";
-const r = t.forwardRef((e, i) => {
-  const o = t.useRef(null), n = t.useRef(null);
-  return t.useImperativeHandle(n, () => ({ props: e, element: o.current })), t.useImperativeHandle(i, () => n.current), /* @__PURE__ */ t.createElement(
+import * as e from "react";
+import { classNames as m } from "@progress/kendo-react-common";
+const u = e.forwardRef((r, l) => {
+  const o = e.useRef(null), n = e.useRef(null);
+  e.useImperativeHandle(n, () => ({ props: r, element: o.current })), e.useImperativeHandle(l, () => n.current);
+  const { id: a, style: s, tabIndex: i, configuratorPosition: t, className: c, children: f } = { ...d, ...r };
+  return /* @__PURE__ */ e.createElement(
     "div",
     {
       ref: o,
-      id: e.id,
-      style: e.style,
-      tabIndex: e.tabIndex,
-      className: a(
+      id: a,
+      style: s,
+      tabIndex: i,
+      className: m(
         "k-d-flex k-pos-relative",
         {
-          "k-flex-row": e.configuratorPosition === "right",
-          "k-flex-row-reverse": e.configuratorPosition === "left",
-          "k-flex-column": e.configuratorPosition === "bottom",
-          "k-flex-column-reverse": e.configuratorPosition === "top"
+          "k-flex-row": t === "right",
+          "k-flex-row-reverse": t === "left",
+          "k-flex-column": t === "bottom",
+          "k-flex-column-reverse": t === "top"
         },
-        e.className
+        c
       )
     },
-    e.children
+    f
   );
-}), l = {
+}), d = {
   configuratorPosition: "right"
 };
-r.defaultProps = l;
-r.displayName = "KendoReactPivotGridContainer";
+u.displayName = "KendoReactPivotGridContainer";
 export {
-  r as PivotGridContainer
+  u as PivotGridContainer
 };

package/components/FieldsEditor.js

@@ -5,4 +5,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const H=require("react"),g=require("@progress/kendo-react-treeview"),m=require("@progress/kendo-react-common"),i=require("../utils/index.js"),R=require("../shared/PivotGridConfiguratorEditorStateContext.js");function A(t){const c=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const n in t)if(n!=="default"){const o=Object.getOwnPropertyDescriptor(t,n);Object.defineProperty(c,n,o.get?o:{enumerable:!0,get:()=>t[n]})}}return c.default=t,Object.freeze(c)}const a=A(H),h=a.forwardRef((t,c)=>{const{data:n,rowAxes:o,columnAxes:v,measureAxes:C,onExpand:f,onCheck:p}={...d,...t},l=a.useRef(null),s=a.useRef(null),[I,y]=m.useCustomComponent(t.treeView||d.treeView),[E,P]=m.useCustomComponent(t.noData||d.noData);a.useImperativeHandle(s,()=>({props:t,element:l.current&&l.current.element})),a.useImperativeHandle(c,()=>s.current);const[q]=a.useContext(R.PivotGridConfiguratorEditorStateContext),w=i.extractDefaultFields(v),N=i.extractDefaultFields(o),k=i.extractDefaultFields(C),b=i.flatMap(n).filter(e=>[...w,...N,...k].some(r=>r===e.uniqueName||r===e.defaultHierarchy)),x={caption:e=>e.dataItem.caption,id:e=>e.dataItem.uniqueName,value:e=>e.dataItem.defaultHierarchy||e.dataItem.uniqueName,expanded:e=>q.expanded.some(r=>r.uniqueName===e.dataItem.uniqueName),hasChildren:e=>!("hierarchyUniqueName"in e.dataItem)&&!("aggregator"in e.dataItem),selectable:e=>!(!e.hasChildren&&!e.dataItem.aggregator&&!e.dataItem.measure||e.dataItem.type===2||e.dataItem.uniqueName==="[KPIs]"),children:e=>i.recursiveMap(e.dataItem.children,x,e),checked:e=>b.some(r=>e.dataItem.defaultHierarchy?r.defaultHierarchy===e.dataItem.defaultHierarchy:r.uniqueName===e.dataItem.uniqueName)||e.children.length&&e.children.every(r=>r.checked)},F=e=>{f&&f({value:e.item.dataItem,target:s.current,syntheticEvent:e.syntheticEvent})},D=e=>{p&&p({value:e.item.dataItem,target:s.current,syntheticEvent:e.syntheticEvent})},u=i.recursiveMap(t.data,x);return a.createElement(g.TreeViewItemPropsContext.Provider,{value:e=>({...e,checkboxes:e.item.selectable})},u&&u.length?a.createElement(I,{ref:m.canUseRef(I)?l:void 0,data:u,checkboxes:!0,onExpandChange:F,onCheckChange:D,textField:"caption",expandIcons:!0,hasChildrenField:"hasChildren",checkIndeterminateField:"checkIndeterminate",childrenField:"children",...y}):a.createElement(E,{...P}))}),d={data:[],rowAxes:[],columnAxes:[],measureAxes:[],treeView:g.TreeView,noData:()=>a.createElement("div",null,"NO DATA")};h.defaultProps=d;h.displayName="KendoReactPivotGridFieldsEditor";exports.PivotGridFieldsEditor=h;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const H=require("react"),x=require("@progress/kendo-react-treeview"),u=require("@progress/kendo-react-common"),i=require("../utils/index.js"),R=require("../shared/PivotGridConfiguratorEditorStateContext.js");function A(t){const c=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const n in t)if(n!=="default"){const o=Object.getOwnPropertyDescriptor(t,n);Object.defineProperty(c,n,o.get?o:{enumerable:!0,get:()=>t[n]})}}return c.default=t,Object.freeze(c)}const a=A(H),g=a.forwardRef((t,c)=>{const{data:n,rowAxes:o,columnAxes:v,measureAxes:C,onExpand:h,onCheck:f}={...m,...t},d=a.useRef(null),s=a.useRef(null),[p,y]=u.useCustomComponent(t.treeView||m.treeView),[E,q]=u.useCustomComponent(t.noData||m.noData);a.useImperativeHandle(s,()=>({props:t,element:d.current&&d.current.element})),a.useImperativeHandle(c,()=>s.current);const[w]=a.useContext(R.PivotGridConfiguratorEditorStateContext),N=i.extractDefaultFields(v),P=i.extractDefaultFields(o),k=i.extractDefaultFields(C),b=i.flatMap(n).filter(e=>[...N,...P,...k].some(r=>r===e.uniqueName||r===e.defaultHierarchy)),I={caption:e=>e.dataItem.caption,id:e=>e.dataItem.uniqueName,value:e=>e.dataItem.defaultHierarchy||e.dataItem.uniqueName,expanded:e=>w.expanded.some(r=>r.uniqueName===e.dataItem.uniqueName),hasChildren:e=>!("hierarchyUniqueName"in e.dataItem)&&!("aggregator"in e.dataItem),selectable:e=>!(!e.hasChildren&&!e.dataItem.aggregator&&!e.dataItem.measure||e.dataItem.type===2||e.dataItem.uniqueName==="[KPIs]"),children:e=>i.recursiveMap(e.dataItem.children,I,e),checked:e=>b.some(r=>e.dataItem.defaultHierarchy?r.defaultHierarchy===e.dataItem.defaultHierarchy:r.uniqueName===e.dataItem.uniqueName)||e.children.length&&e.children.every(r=>r.checked)},F=e=>{h&&h({value:e.item.dataItem,target:s.current,syntheticEvent:e.syntheticEvent})},D=e=>{f&&f({value:e.item.dataItem,target:s.current,syntheticEvent:e.syntheticEvent})},l=i.recursiveMap(t.data,I);return a.createElement(x.TreeViewItemPropsContext.Provider,{value:e=>({...e,checkboxes:e.item.selectable})},l&&l.length?a.createElement(p,{ref:u.canUseRef(p)?d:void 0,data:l,checkboxes:!0,onExpandChange:F,onCheckChange:D,textField:"caption",expandIcons:!0,hasChildrenField:"hasChildren",checkIndeterminateField:"checkIndeterminate",childrenField:"children",...y}):a.createElement(E,{...q}))}),m={data:[],rowAxes:[],columnAxes:[],measureAxes:[],treeView:x.TreeView,noData:()=>a.createElement("div",null,"NO DATA")};g.displayName="KendoReactPivotGridFieldsEditor";exports.PivotGridFieldsEditor=g;

package/components/FieldsEditor.mjs

@@ -7,29 +7,29 @@
  */
 "use client";
 import * as t from "react";
-import { TreeViewItemPropsContext as V, TreeView as D } from "@progress/kendo-react-treeview";
-import { useCustomComponent as h, canUseRef as R } from "@progress/kendo-react-common";
-import { extractDefaultFields as d, flatMap as T, recursiveMap as f } from "../utils/index.mjs";
-import { PivotGridConfiguratorEditorStateContext as b } from "../shared/PivotGridConfiguratorEditorStateContext.mjs";
-const I = t.forwardRef((r, p) => {
+import { TreeViewItemPropsContext as A, TreeView as V } from "@progress/kendo-react-treeview";
+import { useCustomComponent as h, canUseRef as D } from "@progress/kendo-react-common";
+import { extractDefaultFields as o, flatMap as R, recursiveMap as f } from "../utils/index.mjs";
+import { PivotGridConfiguratorEditorStateContext as T } from "../shared/PivotGridConfiguratorEditorStateContext.mjs";
+const b = t.forwardRef((r, I) => {
   const {
-    data: x,
-    rowAxes: C,
-    columnAxes: v,
-    measureAxes: g,
+    data: p,
+    rowAxes: x,
+    columnAxes: C,
+    measureAxes: v,
     onExpand: m,
     onCheck: s
-  } = { ...i, ...r }, c = t.useRef(null), n = t.useRef(null), [l, E] = h(r.treeView || i.treeView), [y, N] = h(r.noData || i.noData);
-  t.useImperativeHandle(n, () => ({ props: r, element: c.current && c.current.element })), t.useImperativeHandle(p, () => n.current);
-  const [w] = t.useContext(b), k = d(v), H = d(C), P = d(g), q = T(x).filter((e) => [
+  } = { ...d, ...r }, i = t.useRef(null), n = t.useRef(null), [l, g] = h(r.treeView || d.treeView), [E, y] = h(r.noData || d.noData);
+  t.useImperativeHandle(n, () => ({ props: r, element: i.current && i.current.element })), t.useImperativeHandle(I, () => n.current);
+  const [N] = t.useContext(T), w = o(C), k = o(x), H = o(v), q = R(p).filter((e) => [
+    ...w,
     ...k,
-    ...H,
-    ...P
+    ...H
   ].some((a) => a === e.uniqueName || a === e.defaultHierarchy)), u = {
     caption: (e) => e.dataItem.caption,
     id: (e) => e.dataItem.uniqueName,
     value: (e) => e.dataItem.defaultHierarchy || e.dataItem.uniqueName,
-    expanded: (e) => w.expanded.some((a) => a.uniqueName === e.dataItem.uniqueName),
+    expanded: (e) => N.expanded.some((a) => a.uniqueName === e.dataItem.uniqueName),
     hasChildren: (e) => !("hierarchyUniqueName" in e.dataItem) && !("aggregator" in e.dataItem),
     selectable: (e) => !(!e.hasChildren && !e.dataItem.aggregator && !e.dataItem.measure || e.dataItem.type === 2 || e.dataItem.uniqueName === "[KPIs]"),
     children: (e) => f(e.dataItem.children, u, e),
@@ -40,39 +40,38 @@ const I = t.forwardRef((r, p) => {
       target: n.current,
       syntheticEvent: e.syntheticEvent
     });
-  }, A = (e) => {
+  }, P = (e) => {
     s && s({
       value: e.item.dataItem,
       target: n.current,
       syntheticEvent: e.syntheticEvent
     });
-  }, o = f(r.data, u);
-  return /* @__PURE__ */ t.createElement(V.Provider, { value: (e) => ({ ...e, checkboxes: e.item.selectable }) }, o && o.length ? /* @__PURE__ */ t.createElement(
+  }, c = f(r.data, u);
+  return /* @__PURE__ */ t.createElement(A.Provider, { value: (e) => ({ ...e, checkboxes: e.item.selectable }) }, c && c.length ? /* @__PURE__ */ t.createElement(
     l,
     {
-      ref: R(l) ? c : void 0,
-      data: o,
+      ref: D(l) ? i : void 0,
+      data: c,
       checkboxes: !0,
       onExpandChange: F,
-      onCheckChange: A,
+      onCheckChange: P,
       textField: "caption",
       expandIcons: !0,
       hasChildrenField: "hasChildren",
       checkIndeterminateField: "checkIndeterminate",
       childrenField: "children",
-      ...E
+      ...g
     }
-  ) : /* @__PURE__ */ t.createElement(y, { ...N }));
-}), i = {
+  ) : /* @__PURE__ */ t.createElement(E, { ...y }));
+}), d = {
   data: [],
   rowAxes: [],
   columnAxes: [],
   measureAxes: [],
-  treeView: D,
+  treeView: V,
   noData: () => /* @__PURE__ */ t.createElement("div", null, "NO DATA")
 };
-I.defaultProps = i;
-I.displayName = "KendoReactPivotGridFieldsEditor";
+b.displayName = "KendoReactPivotGridFieldsEditor";
 export {
-  I as PivotGridFieldsEditor
+  b as PivotGridFieldsEditor
 };

package/components/HeaderCell.js

@@ -5,4 +5,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const v=require("react"),o=require("@progress/kendo-react-common"),r=require("@progress/kendo-svg-icons");function g(e){const a=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const c=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(a,t,c.get?c:{enumerable:!0,get:()=>e[t]})}}return a.default=e,Object.freeze(a)}const n=g(v),l=n.forwardRef((e,a)=>{const t=n.useRef(null),c=n.useRef(null);n.useImperativeHandle(t,()=>({element:c.current,props:e})),n.useImperativeHandle(a,()=>t.current);const[i,u]=o.useCustomComponent(e.icon||d.icon),s=o.useMouse(e,t),m=f=>{e.onIconClick&&e.onIconClick.call(void 0,{syntheticEvent:f.syntheticEvent,target:t.current})};return n.createElement("th",{ref:c,...s,colSpan:e.colSpan,rowSpan:e.rowSpan,id:e.id,style:e.style,tabIndex:e.tabIndex,role:e.role,...e.expandable?{"aria-expanded":e.expanded}:{},className:o.classNames("k-pivotgrid-cell",{"k-pivotgrid-header-total":e.total,"k-pivotgrid-header-root":e.root,"k-pivotgrid-expanded":e.expanded,"k-first":e.first},e.className)},e.expandable&&n.createElement(i,{...u,onClick:m,name:`chevron-${e.expanded?"up":"down"}`,"aria-hidden":!0,icon:e.expanded?r.chevronUpIcon:r.chevronDownIcon}),e.children)}),d={icon:o.IconWrap};l.defaultProps=d;l.displayName="KendoReactPivotGridHeaderCell";exports.PivotGridHeaderCell=l;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const f=require("react"),o=require("@progress/kendo-react-common"),l=require("@progress/kendo-svg-icons");function v(e){const a=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const n in e)if(n!=="default"){const c=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(a,n,c.get?c:{enumerable:!0,get:()=>e[n]})}}return a.default=e,Object.freeze(a)}const t=v(f),i=t.forwardRef((e,a)=>{const n=t.useRef(null),c=t.useRef(null);t.useImperativeHandle(n,()=>({element:c.current,props:e})),t.useImperativeHandle(a,()=>n.current);const[r,d]=o.useCustomComponent(e.icon||g.icon),u=o.useMouse(e,n),s=m=>{e.onIconClick&&e.onIconClick.call(void 0,{syntheticEvent:m.syntheticEvent,target:n.current})};return t.createElement("th",{ref:c,...u,colSpan:e.colSpan,rowSpan:e.rowSpan,id:e.id,style:e.style,tabIndex:e.tabIndex,role:e.role,...e.expandable?{"aria-expanded":e.expanded}:{},className:o.classNames("k-pivotgrid-cell",{"k-pivotgrid-header-total":e.total,"k-pivotgrid-header-root":e.root,"k-pivotgrid-expanded":e.expanded,"k-first":e.first},e.className)},e.expandable&&t.createElement(r,{...d,onClick:s,name:`chevron-${e.expanded?"up":"down"}`,"aria-hidden":!0,icon:e.expanded?l.chevronUpIcon:l.chevronDownIcon}),e.children)}),g={icon:o.IconWrap};i.displayName="KendoReactPivotGridHeaderCell";exports.PivotGridHeaderCell=i;

package/components/HeaderCell.mjs

@@ -7,20 +7,20 @@
  */
 "use client";
 import * as n from "react";
-import { useCustomComponent as s, useMouse as v, classNames as f, IconWrap as I } from "@progress/kendo-react-common";
-import { chevronUpIcon as h, chevronDownIcon as x } from "@progress/kendo-svg-icons";
-const o = n.forwardRef((e, d) => {
+import { useCustomComponent as m, useMouse as u, classNames as s, IconWrap as v } from "@progress/kendo-react-common";
+import { chevronUpIcon as f, chevronDownIcon as I } from "@progress/kendo-svg-icons";
+const h = n.forwardRef((e, c) => {
   const t = n.useRef(null), a = n.useRef(null);
   n.useImperativeHandle(t, () => ({
     element: a.current,
     props: e
-  })), n.useImperativeHandle(d, () => t.current);
-  const [l, i] = s(e.icon || c.icon), r = v(
+  })), n.useImperativeHandle(c, () => t.current);
+  const [o, d] = m(e.icon || x.icon), l = u(
     e,
     t
-  ), m = (u) => {
+  ), i = (r) => {
     e.onIconClick && e.onIconClick.call(void 0, {
-      syntheticEvent: u.syntheticEvent,
+      syntheticEvent: r.syntheticEvent,
       target: t.current
     });
   };
@@ -28,7 +28,7 @@ const o = n.forwardRef((e, d) => {
     "th",
     {
       ref: a,
-      ...r,
+      ...l,
       colSpan: e.colSpan,
       rowSpan: e.rowSpan,
       id: e.id,
@@ -36,7 +36,7 @@ const o = n.forwardRef((e, d) => {
       tabIndex: e.tabIndex,
       role: e.role,
       ...e.expandable ? { "aria-expanded": e.expanded } : {},
-      className: f(
+      className: s(
         "k-pivotgrid-cell",
         {
           "k-pivotgrid-header-total": e.total,
@@ -48,22 +48,21 @@ const o = n.forwardRef((e, d) => {
       )
     },
     e.expandable && /* @__PURE__ */ n.createElement(
-      l,
+      o,
       {
-        ...i,
-        onClick: m,
+        ...d,
+        onClick: i,
         name: `chevron-${e.expanded ? "up" : "down"}`,
         "aria-hidden": !0,
-        icon: e.expanded ? h : x
+        icon: e.expanded ? f : I
       }
     ),
     e.children
   );
-}), c = {
-  icon: I
+}), x = {
+  icon: v
 };
-o.defaultProps = c;
-o.displayName = "KendoReactPivotGridHeaderCell";
+h.displayName = "KendoReactPivotGridHeaderCell";
 export {
-  o as PivotGridHeaderCell
+  h as PivotGridHeaderCell
 };