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

package/components/AxisFilterFieldsEditor.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 W=require("react"),Y=require("@progress/kendo-react-treeview"),N=require("@progress/kendo-react-buttons"),Z=require("@progress/kendo-react-indicators"),ee=require("@progress/kendo-react-intl"),O=require("@progress/kendo-react-data-tools"),r=require("@progress/kendo-react-common"),te=require("@progress/kendo-svg-icons"),C=require("../utils/index.js"),s=require("../messages/index.js"),ne=require("../shared/PivotGridConfiguratorEditorEventsContext.js"),oe=require("../shared/PivotGridConfiguratorEditorStateContext.js"),S=require("../hooks/useExpansion.js"),g=require("../hooks/usePivotConfiguratorEditor.js");function ae(n){const u=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(n){for(const l in n)if(l!=="default"){const d=Object.getOwnPropertyDescriptor(n,l);Object.defineProperty(u,l,d.get?d:{enumerable:!0,get:()=>n[l]})}}return u.default=n,Object.freeze(u)}const t=ae(W),I=t.forwardRef((n,u)=>{const{data:l,dataItem:d,defaultFilter:F}={...i,...n},y=t.useRef(null),m=t.useRef(null),v=ee.useLocalization(),[q,A]=r.useCustomComponent(n.columnMenuItem||i.columnMenuItem),[T,w]=r.useCustomComponent(n.columnMenuForm||i.columnMenuForm),[B,b]=r.useCustomComponent(n.resetButton||i.resetButton),[_,G]=r.useCustomComponent(n.applyButton||i.applyButton),[V,D]=r.useCustomComponent(n.treeView||i.treeView),[j,L]=r.useCustomComponent(n.noData||i.noData);t.useImperativeHandle(m,()=>({props:n,element:y.current})),t.useImperativeHandle(u,()=>m.current);const[h,f]=t.useState(!1),{onAxisFilterFieldsExpandChange:k,onAxisFilterFieldExpand:E}=t.useContext(ne.PivotGridConfiguratorEditorEventsContext),[,x]=t.useContext(oe.PivotGridConfiguratorEditorStateContext),[c,z]=t.useState(F),P=c?c.value.split(","):[],[H,U]=S.useExpansion([],void 0,m,C.compareFields),R={caption:e=>e.dataItem.caption,id:e=>e.dataItem.uniqueName,parent:(e,a)=>a&&a.value,value:e=>e.dataItem.defaultHierarchy||e.dataItem.uniqueName,expanded:e=>H.some(a=>a.uniqueName===e.id),checked:e=>!P.length||(P||[]).some(a=>a===e.dataItem.uniqueName),hasChildren:e=>parseInt(e.dataItem.childrenCardinality,10)>0,children:e=>C.recursiveMap(e.dataItem.children,R,e),checkIndeterminate:e=>{const a=(e.children||[]).length&&e.children.every(o=>o.checked);return a&&(e.checked=!0),(e.children||[]).some(o=>o.checked)&&!a}},p=C.recursiveMap(l,R),M=C.flatMap(p),K=e=>{f(!h),k&&k({value:!h,target:m.current,syntheticEvent:e})},X=e=>{U({type:S.EXPANSION_ACTION.toggle,payload:e.item.dataItem},e.syntheticEvent),E&&E({value:e.item.dataItem,target:m.current,syntheticEvent:e.syntheticEvent})},$=e=>{let a;e.item.checked?a={field:String(d.name),operator:"in",value:M.filter(o=>o.checked).map(o=>String(o.value)).filter(o=>o!==e.item.value&&o!==e.item.parent).join(",")}:a={field:String(d.name),operator:"in",value:M.filter(o=>o.checked).map(o=>String(o.value)).concat([e.item.value]).join(",")},z(a)},J=e=>{f(!1),c&&x({type:g.PIVOT_CONFIGURATOR_ACTION.removeFilter,payload:c},e)},Q=e=>{f(!1),c&&x({type:F?g.PIVOT_CONFIGURATOR_ACTION.changeFilter:g.PIVOT_CONFIGURATOR_ACTION.addFilter,payload:c},e)};return t.createElement("div",{ref:y,id:n.id,tabIndex:n.tabIndex,style:n.style,className:r.classNames("k-columnmenu-item-wrapper",n.className)},t.createElement(q,{...A,title:"Include Fields",iconClass:"k-i-grid-layout",svgIcon:te.gridLayoutIcon,onClick:K}),t.createElement(T,{show:h,actions:t.createElement(t.Fragment,null,t.createElement(B,{type:"reset",onClick:J,...b},v.toLanguageString(s.fieldMenuReset,s.messages[s.fieldMenuReset])),t.createElement(_,{themeColor:"primary",onClick:Q,...G},v.toLanguageString(s.fieldMenuApply,s.messages[s.fieldMenuApply]))),...w},p&&p.length?t.createElement(V,{data:p,checkboxes:!0,onExpandChange:X,onCheckChange:$,textField:"caption",expandIcons:!0,hasChildrenField:"hasChildren",checkIndeterminateField:"checkIndeterminate",childrenField:"children",...D}):t.createElement(j,{...L})))}),i={data:[],resetButton:N.Button,applyButton:N.Button,treeView:Y.TreeView,noData:()=>t.createElement(Z.Skeleton,{shape:"rectangle",style:{height:"20px",width:"calc(100% - 16px)",margin:8}}),columnMenuItem:O.ColumnMenuItem,columnMenuForm:O.ColumnMenuForm};I.defaultProps=i;I.displayName="KendoReactPivotGridAxisFilterFieldsEditor";exports.PivotGridAxisFilterFieldsEditor=I;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const W=require("react"),Y=require("@progress/kendo-react-treeview"),P=require("@progress/kendo-react-buttons"),Z=require("@progress/kendo-react-indicators"),ee=require("@progress/kendo-react-intl"),N=require("@progress/kendo-react-data-tools"),i=require("@progress/kendo-react-common"),te=require("@progress/kendo-svg-icons"),C=require("../utils/index.js"),s=require("../messages/index.js"),ne=require("../shared/PivotGridConfiguratorEditorEventsContext.js"),oe=require("../shared/PivotGridConfiguratorEditorStateContext.js"),O=require("../hooks/useExpansion.js"),g=require("../hooks/usePivotConfiguratorEditor.js");function ae(n){const u=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(n){for(const l in n)if(l!=="default"){const d=Object.getOwnPropertyDescriptor(n,l);Object.defineProperty(u,l,d.get?d:{enumerable:!0,get:()=>n[l]})}}return u.default=n,Object.freeze(u)}const t=ae(W),S=t.forwardRef((n,u)=>{const{data:l,dataItem:d,defaultFilter:I}={...r,...n},F=t.useRef(null),m=t.useRef(null),y=ee.useLocalization(),[q,A]=i.useCustomComponent(n.columnMenuItem||r.columnMenuItem),[T,w]=i.useCustomComponent(n.columnMenuForm||r.columnMenuForm),[B,b]=i.useCustomComponent(n.resetButton||r.resetButton),[_,G]=i.useCustomComponent(n.applyButton||r.applyButton),[V,D]=i.useCustomComponent(n.treeView||r.treeView),[j,L]=i.useCustomComponent(n.noData||r.noData);t.useImperativeHandle(m,()=>({props:n,element:F.current})),t.useImperativeHandle(u,()=>m.current);const[h,f]=t.useState(!1),{onAxisFilterFieldsExpandChange:v,onAxisFilterFieldExpand:k}=t.useContext(ne.PivotGridConfiguratorEditorEventsContext),[,E]=t.useContext(oe.PivotGridConfiguratorEditorStateContext),[c,z]=t.useState(I),x=c?c.value.split(","):[],[H,U]=O.useExpansion([],void 0,m,C.compareFields),R={caption:e=>e.dataItem.caption,id:e=>e.dataItem.uniqueName,parent:(e,a)=>a&&a.value,value:e=>e.dataItem.defaultHierarchy||e.dataItem.uniqueName,expanded:e=>H.some(a=>a.uniqueName===e.id),checked:e=>!x.length||(x||[]).some(a=>a===e.dataItem.uniqueName),hasChildren:e=>parseInt(e.dataItem.childrenCardinality,10)>0,children:e=>C.recursiveMap(e.dataItem.children,R,e),checkIndeterminate:e=>{const a=(e.children||[]).length&&e.children.every(o=>o.checked);return a&&(e.checked=!0),(e.children||[]).some(o=>o.checked)&&!a}},p=C.recursiveMap(l,R),M=C.flatMap(p),K=e=>{f(!h),v&&v({value:!h,target:m.current,syntheticEvent:e})},X=e=>{U({type:O.EXPANSION_ACTION.toggle,payload:e.item.dataItem},e.syntheticEvent),k&&k({value:e.item.dataItem,target:m.current,syntheticEvent:e.syntheticEvent})},$=e=>{let a;e.item.checked?a={field:String(d.name),operator:"in",value:M.filter(o=>o.checked).map(o=>String(o.value)).filter(o=>o!==e.item.value&&o!==e.item.parent).join(",")}:a={field:String(d.name),operator:"in",value:M.filter(o=>o.checked).map(o=>String(o.value)).concat([e.item.value]).join(",")},z(a)},J=e=>{f(!1),c&&E({type:g.PIVOT_CONFIGURATOR_ACTION.removeFilter,payload:c},e)},Q=e=>{f(!1),c&&E({type:I?g.PIVOT_CONFIGURATOR_ACTION.changeFilter:g.PIVOT_CONFIGURATOR_ACTION.addFilter,payload:c},e)};return t.createElement("div",{ref:F,id:n.id,tabIndex:n.tabIndex,style:n.style,className:i.classNames("k-columnmenu-item-wrapper",n.className)},t.createElement(q,{...A,title:"Include Fields",iconClass:"k-i-grid-layout",svgIcon:te.gridLayoutIcon,onClick:K}),t.createElement(T,{show:h,actions:t.createElement(t.Fragment,null,t.createElement(B,{type:"reset",onClick:J,...b},y.toLanguageString(s.fieldMenuReset,s.messages[s.fieldMenuReset])),t.createElement(_,{themeColor:"primary",onClick:Q,...G},y.toLanguageString(s.fieldMenuApply,s.messages[s.fieldMenuApply]))),...w},p&&p.length?t.createElement(V,{data:p,checkboxes:!0,onExpandChange:X,onCheckChange:$,textField:"caption",expandIcons:!0,hasChildrenField:"hasChildren",checkIndeterminateField:"checkIndeterminate",childrenField:"children",...D}):t.createElement(j,{...L})))}),r={data:[],resetButton:P.Button,applyButton:P.Button,treeView:Y.TreeView,noData:()=>t.createElement(Z.Skeleton,{shape:"rectangle",style:{height:"20px",width:"calc(100% - 16px)",margin:8}}),columnMenuItem:N.ColumnMenuItem,columnMenuForm:N.ColumnMenuForm};S.displayName="KendoReactPivotGridAxisFilterFieldsEditor";exports.PivotGridAxisFilterFieldsEditor=S;

package/components/AxisFilterFieldsEditor.mjs

@@ -7,41 +7,41 @@
  */
 "use client";
 import * as t from "react";
-import { TreeView as Y } from "@progress/kendo-react-treeview";
+import { TreeView as W } from "@progress/kendo-react-treeview";
 import { Button as k } from "@progress/kendo-react-buttons";
-import { Skeleton as Z } from "@progress/kendo-react-indicators";
-import { useLocalization as $ } from "@progress/kendo-react-intl";
-import { ColumnMenuItem as ee, ColumnMenuForm as te } from "@progress/kendo-react-data-tools";
-import { useCustomComponent as l, classNames as ne } from "@progress/kendo-react-common";
-import { gridLayoutIcon as ae } from "@progress/kendo-svg-icons";
-import { recursiveMap as v, flatMap as oe, compareFields as ie } from "../utils/index.mjs";
+import { Skeleton as Y } from "@progress/kendo-react-indicators";
+import { useLocalization as Z } from "@progress/kendo-react-intl";
+import { ColumnMenuItem as $, ColumnMenuForm as ee } from "@progress/kendo-react-data-tools";
+import { useCustomComponent as l, classNames as te } from "@progress/kendo-react-common";
+import { gridLayoutIcon as ne } from "@progress/kendo-svg-icons";
+import { recursiveMap as v, flatMap as ae, compareFields as oe } from "../utils/index.mjs";
 import { fieldMenuReset as M, messages as N, fieldMenuApply as P } from "../messages/index.mjs";
-import { PivotGridConfiguratorEditorEventsContext as re } from "../shared/PivotGridConfiguratorEditorEventsContext.mjs";
-import { PivotGridConfiguratorEditorStateContext as le } from "../shared/PivotGridConfiguratorEditorStateContext.mjs";
-import { useExpansion as ce, EXPANSION_ACTION as me } from "../hooks/useExpansion.mjs";
+import { PivotGridConfiguratorEditorEventsContext as ie } from "../shared/PivotGridConfiguratorEditorEventsContext.mjs";
+import { PivotGridConfiguratorEditorStateContext as re } from "../shared/PivotGridConfiguratorEditorStateContext.mjs";
+import { useExpansion as le, EXPANSION_ACTION as ce } from "../hooks/useExpansion.mjs";
 import { PIVOT_CONFIGURATOR_ACTION as u } from "../hooks/usePivotConfiguratorEditor.mjs";
-const S = t.forwardRef(
-  (o, w) => {
+const me = t.forwardRef(
+  (o, S) => {
     const {
-      data: A,
+      data: w,
       dataItem: p,
       defaultFilter: h
-    } = { ...i, ...o }, f = t.useRef(null), c = t.useRef(null), C = $(), [B, R] = l(o.columnMenuItem || i.columnMenuItem), [T, V] = l(o.columnMenuForm || i.columnMenuForm), [O, D] = l(o.resetButton || i.resetButton), [G, q] = l(o.applyButton || i.applyButton), [L, _] = l(o.treeView || i.treeView), [b, H] = l(o.noData || i.noData);
-    t.useImperativeHandle(c, () => ({ props: o, element: f.current })), t.useImperativeHandle(w, () => c.current);
+    } = { ...i, ...o }, f = t.useRef(null), c = t.useRef(null), C = Z(), [A, B] = l(o.columnMenuItem || i.columnMenuItem), [R, T] = l(o.columnMenuForm || i.columnMenuForm), [V, O] = l(o.resetButton || i.resetButton), [D, G] = l(o.applyButton || i.applyButton), [q, L] = l(o.treeView || i.treeView), [_, b] = l(o.noData || i.noData);
+    t.useImperativeHandle(c, () => ({ props: o, element: f.current })), t.useImperativeHandle(S, () => c.current);
     const [s, d] = t.useState(!1), {
       onAxisFilterFieldsExpandChange: I,
       onAxisFilterFieldExpand: g
-    } = t.useContext(re), [, F] = t.useContext(le), [r, j] = t.useState(h), y = r ? r.value.split(",") : [], [z, K] = ce(
+    } = t.useContext(ie), [, F] = t.useContext(re), [r, H] = t.useState(h), y = r ? r.value.split(",") : [], [j, z] = le(
       [],
       void 0,
       c,
-      ie
+      oe
     ), x = {
       caption: (e) => e.dataItem.caption,
       id: (e) => e.dataItem.uniqueName,
       parent: (e, a) => a && a.value,
       value: (e) => e.dataItem.defaultHierarchy || e.dataItem.uniqueName,
-      expanded: (e) => z.some((a) => a.uniqueName === e.id),
+      expanded: (e) => j.some((a) => a.uniqueName === e.id),
       checked: (e) => !y.length || (y || []).some((a) => a === e.dataItem.uniqueName),
       hasChildren: (e) => parseInt(e.dataItem.childrenCardinality, 10) > 0,
       children: (e) => v(e.dataItem.children, x, e),
@@ -49,19 +49,19 @@ const S = t.forwardRef(
         const a = (e.children || []).length && e.children.every((n) => n.checked);
         return a && (e.checked = !0), (e.children || []).some((n) => n.checked) && !a;
       }
-    }, m = v(A, x), E = oe(m), U = (e) => {
+    }, m = v(w, x), E = ae(m), K = (e) => {
       d(!s), I && I({
         value: !s,
         target: c.current,
         syntheticEvent: e
       });
-    }, X = (e) => {
-      K({ type: me.toggle, payload: e.item.dataItem }, e.syntheticEvent), g && g({
+    }, U = (e) => {
+      z({ type: ce.toggle, payload: e.item.dataItem }, e.syntheticEvent), g && g({
         value: e.item.dataItem,
         target: c.current,
         syntheticEvent: e.syntheticEvent
       });
-    }, J = (e) => {
+    }, X = (e) => {
       let a;
       e.item.checked ? a = {
         field: String(p.name),
@@ -71,13 +71,13 @@ const S = t.forwardRef(
         field: String(p.name),
         operator: "in",
         value: E.filter((n) => n.checked).map((n) => String(n.value)).concat([e.item.value]).join(",")
-      }, j(a);
-    }, Q = (e) => {
+      }, H(a);
+    }, J = (e) => {
       d(!1), r && F({
         type: u.removeFilter,
         payload: r
       }, e);
-    }, W = (e) => {
+    }, Q = (e) => {
       d(!1), r && F({
         type: h ? u.changeFilter : u.addFilter,
         payload: r
@@ -90,56 +90,56 @@ const S = t.forwardRef(
         id: o.id,
         tabIndex: o.tabIndex,
         style: o.style,
-        className: ne("k-columnmenu-item-wrapper", o.className)
+        className: te("k-columnmenu-item-wrapper", o.className)
       },
       /* @__PURE__ */ t.createElement(
-        B,
+        A,
         {
-          ...R,
+          ...B,
           title: "Include Fields",
           iconClass: "k-i-grid-layout",
-          svgIcon: ae,
-          onClick: U
+          svgIcon: ne,
+          onClick: K
         }
       ),
       /* @__PURE__ */ t.createElement(
-        T,
+        R,
         {
           show: s,
           actions: /* @__PURE__ */ t.createElement(t.Fragment, null, /* @__PURE__ */ t.createElement(
-            O,
+            V,
             {
               type: "reset",
-              onClick: Q,
-              ...D
+              onClick: J,
+              ...O
             },
             C.toLanguageString(M, N[M])
           ), /* @__PURE__ */ t.createElement(
-            G,
+            D,
             {
               themeColor: "primary",
-              onClick: W,
-              ...q
+              onClick: Q,
+              ...G
             },
             C.toLanguageString(P, N[P])
           )),
-          ...V
+          ...T
         },
         m && m.length ? /* @__PURE__ */ t.createElement(
-          L,
+          q,
           {
             data: m,
             checkboxes: !0,
-            onExpandChange: X,
-            onCheckChange: J,
+            onExpandChange: U,
+            onCheckChange: X,
             textField: "caption",
             expandIcons: !0,
             hasChildrenField: "hasChildren",
             checkIndeterminateField: "checkIndeterminate",
             childrenField: "children",
-            ..._
+            ...L
           }
-        ) : /* @__PURE__ */ t.createElement(b, { ...H })
+        ) : /* @__PURE__ */ t.createElement(_, { ...b })
       )
     );
   }
@@ -147,13 +147,12 @@ const S = t.forwardRef(
   data: [],
   resetButton: k,
   applyButton: k,
-  treeView: Y,
-  noData: () => /* @__PURE__ */ t.createElement(Z, { shape: "rectangle", style: { height: "20px", width: "calc(100% - 16px)", margin: 8 } }),
-  columnMenuItem: ee,
-  columnMenuForm: te
+  treeView: W,
+  noData: () => /* @__PURE__ */ t.createElement(Y, { shape: "rectangle", style: { height: "20px", width: "calc(100% - 16px)", margin: 8 } }),
+  columnMenuItem: $,
+  columnMenuForm: ee
 };
-S.defaultProps = i;
-S.displayName = "KendoReactPivotGridAxisFilterFieldsEditor";
+me.displayName = "KendoReactPivotGridAxisFilterFieldsEditor";
 export {
-  S as PivotGridAxisFilterFieldsEditor
+  me as PivotGridAxisFilterFieldsEditor
 };

package/components/Column.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 o=require("react"),u=require("@progress/kendo-react-common");function s(e){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const a=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,a.get?a:{enumerable:!0,get:()=>e[t]})}}return r.default=e,Object.freeze(r)}const n=s(o),c=n.forwardRef((e,r)=>{const t=n.useRef(null),a=n.useRef(null);n.useImperativeHandle(t,()=>({element:a.current,props:e})),n.useImperativeHandle(r,()=>t.current);const l=u.useMouse(e,t);return n.createElement("col",{ref:a,...l,id:e.id,style:e.style,tabIndex:e.tabIndex,children:e.children,className:e.className})}),i={path:[]};c.defaultProps=i;c.displayName="KendoReactPivotGridColumn";exports.PivotGridColumn=c;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const f=require("react"),p=require("@progress/kendo-react-common");function b(e){const r=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(r,t,o.get?o:{enumerable:!0,get:()=>e[t]})}}return r.default=e,Object.freeze(r)}const n=b(f),c=n.forwardRef((e,r)=>{const t=n.useRef(null),o=n.useRef(null),{id:a,style:u,tabIndex:l,children:s,className:i,path:d=g.path}=e;n.useImperativeHandle(t,()=>({element:o.current,props:{path:d,...e}})),n.useImperativeHandle(r,()=>t.current);const m=p.useMouse(e,t);return n.createElement("col",{ref:o,...m,id:a,style:u,tabIndex:l,children:s,className:i})}),g={path:[]};c.displayName="KendoReactPivotGridColumn";exports.PivotGridColumn=c;

package/components/Column.mjs

@@ -6,35 +6,34 @@
  *-------------------------------------------------------------------------------------------
  */
 "use client";
-import * as t from "react";
-import { useMouse as u } from "@progress/kendo-react-common";
-const a = t.forwardRef((e, r) => {
-  const n = t.useRef(null), l = t.useRef(null);
-  t.useImperativeHandle(n, () => ({
-    element: l.current,
-    props: e
-  })), t.useImperativeHandle(r, () => n.current);
-  const s = u(
-    e,
+import * as e from "react";
+import { useMouse as d } from "@progress/kendo-react-common";
+const p = e.forwardRef((t, o) => {
+  const n = e.useRef(null), r = e.useRef(null), { id: s, style: a, tabIndex: l, children: u, className: c, path: m = f.path } = t;
+  e.useImperativeHandle(n, () => ({
+    element: r.current,
+    props: { path: m, ...t }
+  })), e.useImperativeHandle(o, () => n.current);
+  const i = d(
+    t,
     n
   );
-  return /* @__PURE__ */ t.createElement(
+  return /* @__PURE__ */ e.createElement(
     "col",
     {
-      ref: l,
-      ...s,
-      id: e.id,
-      style: e.style,
-      tabIndex: e.tabIndex,
-      children: e.children,
-      className: e.className
+      ref: r,
+      ...i,
+      id: s,
+      style: a,
+      tabIndex: l,
+      children: u,
+      className: c
     }
   );
-}), c = {
+}), f = {
   path: []
 };
-a.defaultProps = c;
-a.displayName = "KendoReactPivotGridColumn";
+p.displayName = "KendoReactPivotGridColumn";
 export {
-  a as PivotGridColumn
+  p as PivotGridColumn
 };

package/components/Configurator.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 P=require("react"),F=require("@progress/kendo-react-buttons"),l=require("@progress/kendo-react-common"),z=require("@progress/kendo-react-intl"),h=require("@progress/kendo-react-form"),q=require("./ConfiguratorEditor.js"),o=require("../messages/index.js");function j(e){const u=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const a in e)if(a!=="default"){const m=Object.getOwnPropertyDescriptor(e,a);Object.defineProperty(u,a,m.get?m:{enumerable:!0,get:()=>e[a]})}}return u.default=e,Object.freeze(u)}const t=j(P),E=t.forwardRef((e,u)=>{const{horizontal:a,data:m,rowAxes:d,columnAxes:f,measureAxes:g}={...s,...e},x=t.useRef(null),i=t.useRef(null),n=t.useRef(null),C=z.useLocalization(),[A,k]=l.useCustomComponent(e.editor||s.editor),[v,b]=l.useCustomComponent(e.form||s.form),[R,S]=l.useCustomComponent(e.formElement||s.formElement);t.useImperativeHandle(i,()=>({props:e,element:x.current})),t.useImperativeHandle(u,()=>i.current);const N=(r,c)=>{e.onRowAxesChange&&e.onRowAxesChange({target:i.current,value:r.rowAxes,syntheticEvent:c}),e.onColumnAxesChange&&e.onColumnAxesChange({target:i.current,value:r.columnAxes,syntheticEvent:c}),e.onMeasureAxesChange&&e.onMeasureAxesChange({target:i.current,value:r.measureAxes,syntheticEvent:c}),e.onSortChange&&e.onSortChange({target:i.current,value:r.sort,syntheticEvent:c}),e.onFilterChange&&e.onFilterChange({target:i.current,value:r.filter,syntheticEvent:c})},y={rowAxes:d,columnAxes:f,measureAxes:g,sort:e.sort,filter:e.filter};return t.useEffect(()=>{n.current&&n.current.onChange("rowAxes",{value:d})},[d]),t.useEffect(()=>{n.current&&n.current.onChange("columnAxes",{value:f})},[f]),t.useEffect(()=>{n.current&&n.current.onChange("measureAxes",{value:g})},[g]),t.useEffect(()=>{n.current&&n.current.onChange("sort",{value:e.sort})},[e.sort]),t.useEffect(()=>{n.current&&n.current.onChange("filter",{value:e.filter})},[e.filter]),t.createElement("div",{ref:x,id:e.id,tabIndex:e.tabIndex,style:e.style,className:l.classNames("k-pivotgrid-configurator",e.className)},t.createElement("div",{className:l.classNames("k-pivotgrid-configurator-panel","k-pivotgrid-configurator-push",{"k-pivotgrid-configurator-horizontal":a,"k-pivotgrid-configurator-vertical":!a})},t.createElement("div",{className:"k-pivotgrid-configurator-header"},t.createElement("div",{className:"k-pivotgrid-configurator-header-text"},C.toLanguageString(o.configuratorTitle,o.messages[o.configuratorTitle]))),t.createElement(v,{ref:l.canUseRef(v)?n:void 0,initialValues:y,onSubmit:N,render:r=>t.createElement(t.Fragment,null,t.createElement("div",{className:"k-pivotgrid-configurator-content"},t.createElement(R,{horizontal:a,...S},t.createElement(A,{...r,horizontal:e.horizontal,onFieldsEditorFieldExpand:e.onFieldsEditorFieldExpand,onFieldsEditorFieldCheck:e.onFieldsEditorFieldCheck,onAxisFilterFieldExpand:e.onAxisFilterFieldExpand,onAxisFilterFieldsExpandChange:e.onAxisFilterFieldsExpandChange,data:m,...k}))),t.createElement("div",{className:"k-pivotgrid-configurator-actions k-actions k-hstack k-justify-content-end"},t.createElement(F.Button,{type:"submit",onClick:r.onFormReset},C.toLanguageString(o.configuratorCancel,o.messages[o.configuratorCancel])),t.createElement(F.Button,{themeColor:"primary",type:"submit",onClick:r.onSubmit},C.toLanguageString(o.configuratorApply,o.messages[o.configuratorApply])))),...b})))}),s={form:h.Form,formElement:h.FormElement,editor:q.PivotGridConfiguratorEditor,horizontal:!1,data:[],columnAxes:[],rowAxes:[],measureAxes:[]};E.defaultProps=s;E.displayName="KendoReactPivotGridConfigurator";exports.PivotGridConfigurator=E;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const P=require("react"),v=require("@progress/kendo-react-buttons"),l=require("@progress/kendo-react-common"),z=require("@progress/kendo-react-intl"),F=require("@progress/kendo-react-form"),q=require("./ConfiguratorEditor.js"),o=require("../messages/index.js");function j(e){const u=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const a in e)if(a!=="default"){const s=Object.getOwnPropertyDescriptor(e,a);Object.defineProperty(u,a,s.get?s:{enumerable:!0,get:()=>e[a]})}}return u.default=e,Object.freeze(u)}const t=j(P),h=t.forwardRef((e,u)=>{const{horizontal:a,data:s,rowAxes:d,columnAxes:f,measureAxes:g}={...m,...e},E=t.useRef(null),i=t.useRef(null),n=t.useRef(null),C=z.useLocalization(),[A,k]=l.useCustomComponent(e.editor||m.editor),[x,b]=l.useCustomComponent(e.form||m.form),[R,S]=l.useCustomComponent(e.formElement||m.formElement);t.useImperativeHandle(i,()=>({props:e,element:E.current})),t.useImperativeHandle(u,()=>i.current);const N=(r,c)=>{e.onRowAxesChange&&e.onRowAxesChange({target:i.current,value:r.rowAxes,syntheticEvent:c}),e.onColumnAxesChange&&e.onColumnAxesChange({target:i.current,value:r.columnAxes,syntheticEvent:c}),e.onMeasureAxesChange&&e.onMeasureAxesChange({target:i.current,value:r.measureAxes,syntheticEvent:c}),e.onSortChange&&e.onSortChange({target:i.current,value:r.sort,syntheticEvent:c}),e.onFilterChange&&e.onFilterChange({target:i.current,value:r.filter,syntheticEvent:c})},y={rowAxes:d,columnAxes:f,measureAxes:g,sort:e.sort,filter:e.filter};return t.useEffect(()=>{n.current&&n.current.onChange("rowAxes",{value:d})},[d]),t.useEffect(()=>{n.current&&n.current.onChange("columnAxes",{value:f})},[f]),t.useEffect(()=>{n.current&&n.current.onChange("measureAxes",{value:g})},[g]),t.useEffect(()=>{n.current&&n.current.onChange("sort",{value:e.sort})},[e.sort]),t.useEffect(()=>{n.current&&n.current.onChange("filter",{value:e.filter})},[e.filter]),t.createElement("div",{ref:E,id:e.id,tabIndex:e.tabIndex,style:e.style,className:l.classNames("k-pivotgrid-configurator",e.className)},t.createElement("div",{className:l.classNames("k-pivotgrid-configurator-panel","k-pivotgrid-configurator-push",{"k-pivotgrid-configurator-horizontal":a,"k-pivotgrid-configurator-vertical":!a})},t.createElement("div",{className:"k-pivotgrid-configurator-header"},t.createElement("div",{className:"k-pivotgrid-configurator-header-text"},C.toLanguageString(o.configuratorTitle,o.messages[o.configuratorTitle]))),t.createElement(x,{ref:l.canUseRef(x)?n:void 0,initialValues:y,onSubmit:N,render:r=>t.createElement(t.Fragment,null,t.createElement("div",{className:"k-pivotgrid-configurator-content"},t.createElement(R,{horizontal:a,...S},t.createElement(A,{...r,horizontal:e.horizontal,onFieldsEditorFieldExpand:e.onFieldsEditorFieldExpand,onFieldsEditorFieldCheck:e.onFieldsEditorFieldCheck,onAxisFilterFieldExpand:e.onAxisFilterFieldExpand,onAxisFilterFieldsExpandChange:e.onAxisFilterFieldsExpandChange,data:s,...k}))),t.createElement("div",{className:"k-pivotgrid-configurator-actions k-actions k-hstack k-justify-content-end"},t.createElement(v.Button,{type:"submit",onClick:r.onFormReset},C.toLanguageString(o.configuratorCancel,o.messages[o.configuratorCancel])),t.createElement(v.Button,{themeColor:"primary",type:"submit",onClick:r.onSubmit},C.toLanguageString(o.configuratorApply,o.messages[o.configuratorApply])))),...b})))}),m={form:F.Form,formElement:F.FormElement,editor:q.PivotGridConfiguratorEditor,horizontal:!1,data:[],columnAxes:[],rowAxes:[],measureAxes:[]};h.displayName="KendoReactPivotGridConfigurator";exports.PivotGridConfigurator=h;

package/components/Configurator.mjs

@@ -8,21 +8,21 @@
 "use client";
 import * as t from "react";
 import { Button as x } from "@progress/kendo-react-buttons";
-import { useCustomComponent as f, classNames as E, canUseRef as w } from "@progress/kendo-react-common";
-import { useLocalization as G } from "@progress/kendo-react-intl";
-import { Form as H, FormElement as M } from "@progress/kendo-react-form";
-import { PivotGridConfiguratorEditor as j } from "./ConfiguratorEditor.mjs";
+import { useCustomComponent as f, classNames as E, canUseRef as L } from "@progress/kendo-react-common";
+import { useLocalization as w } from "@progress/kendo-react-intl";
+import { Form as G, FormElement as H } from "@progress/kendo-react-form";
+import { PivotGridConfiguratorEditor as M } from "./ConfiguratorEditor.mjs";
 import { configuratorTitle as v, messages as d, configuratorCancel as F, configuratorApply as h } from "../messages/index.mjs";
-const A = t.forwardRef((e, k) => {
+const j = t.forwardRef((e, A) => {
   const {
     horizontal: l,
-    data: R,
+    data: k,
     rowAxes: u,
     columnAxes: c,
     measureAxes: m
-  } = { ...a, ...e }, g = t.useRef(null), o = t.useRef(null), r = t.useRef(null), s = G(), [N, S] = f(e.editor || a.editor), [C, b] = f(e.form || a.form), [z, P] = f(e.formElement || a.formElement);
-  t.useImperativeHandle(o, () => ({ props: e, element: g.current })), t.useImperativeHandle(k, () => o.current);
-  const y = (n, i) => {
+  } = { ...a, ...e }, g = t.useRef(null), o = t.useRef(null), r = t.useRef(null), s = w(), [R, N] = f(e.editor || a.editor), [C, S] = f(e.form || a.form), [b, z] = f(e.formElement || a.formElement);
+  t.useImperativeHandle(o, () => ({ props: e, element: g.current })), t.useImperativeHandle(A, () => o.current);
+  const P = (n, i) => {
     e.onRowAxesChange && e.onRowAxesChange({
       target: o.current,
       value: n.rowAxes,
@@ -44,7 +44,7 @@ const A = t.forwardRef((e, k) => {
       value: n.filter,
       syntheticEvent: i
     });
-  }, L = {
+  }, y = {
     rowAxes: u,
     columnAxes: c,
     measureAxes: m,
@@ -89,17 +89,17 @@ const A = t.forwardRef((e, k) => {
       /* @__PURE__ */ t.createElement(
         C,
         {
-          ref: w(C) ? r : void 0,
-          initialValues: L,
-          onSubmit: y,
+          ref: L(C) ? r : void 0,
+          initialValues: y,
+          onSubmit: P,
           render: (n) => /* @__PURE__ */ t.createElement(t.Fragment, null, /* @__PURE__ */ t.createElement("div", { className: "k-pivotgrid-configurator-content" }, /* @__PURE__ */ t.createElement(
-            z,
+            b,
             {
               horizontal: l,
-              ...P
+              ...z
             },
             /* @__PURE__ */ t.createElement(
-              N,
+              R,
               {
                 ...n,
                 horizontal: e.horizontal,
@@ -107,28 +107,27 @@ const A = t.forwardRef((e, k) => {
                 onFieldsEditorFieldCheck: e.onFieldsEditorFieldCheck,
                 onAxisFilterFieldExpand: e.onAxisFilterFieldExpand,
                 onAxisFilterFieldsExpandChange: e.onAxisFilterFieldsExpandChange,
-                data: R,
-                ...S
+                data: k,
+                ...N
               }
             )
           )), /* @__PURE__ */ t.createElement("div", { className: "k-pivotgrid-configurator-actions k-actions k-hstack k-justify-content-end" }, /* @__PURE__ */ t.createElement(x, { type: "submit", onClick: n.onFormReset }, s.toLanguageString(F, d[F])), /* @__PURE__ */ t.createElement(x, { themeColor: "primary", type: "submit", onClick: n.onSubmit }, s.toLanguageString(h, d[h])))),
-          ...b
+          ...S
         }
       )
     )
   );
 }), a = {
-  form: H,
-  formElement: M,
-  editor: j,
+  form: G,
+  formElement: H,
+  editor: M,
   horizontal: !1,
   data: [],
   columnAxes: [],
   rowAxes: [],
   measureAxes: []
 };
-A.defaultProps = a;
-A.displayName = "KendoReactPivotGridConfigurator";
+j.displayName = "KendoReactPivotGridConfigurator";
 export {
-  A as PivotGridConfigurator
+  j as PivotGridConfigurator
 };

package/components/ConfiguratorButton.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 g=require("react"),a=require("@progress/kendo-react-common"),b=require("@progress/kendo-react-intl"),v=require("@progress/kendo-svg-icons"),c=require("../messages/index.js");function I(e){const o=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const n in e)if(n!=="default"){const r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(o,n,r.get?r:{enumerable:!0,get:()=>e[n]})}}return o.default=e,Object.freeze(o)}const t=I(g),u=t.forwardRef((e,o)=>{const n=t.useRef(null),r=t.useRef(null),s=b.useLocalization();t.useImperativeHandle(n,()=>({props:e,element:r.current})),t.useImperativeHandle(o,()=>n.current);const[l,d]=a.useCustomComponent(e.icon||i.icon),m=t.useMemo(()=>a.classNames("k-pivotgrid-configurator-button",e.className),[e.className]),f=a.useMouse(e,n);return t.createElement("div",{ref:r,id:e.id,className:m,tabIndex:e.tabIndex,...f},t.createElement("span",null,s.toLanguageString(c.configuratorButtonLabel,c.messages[c.configuratorButtonLabel]),t.createElement(l,{name:"gear",icon:v.gearIcon,...d})))}),i={icon:a.IconWrap};u.defaultProps=i;u.displayName="KendoReactPivotGridConfiguratorButton";exports.PivotGridConfiguratorButton=u;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const f=require("react"),a=require("@progress/kendo-react-common"),g=require("@progress/kendo-react-intl"),b=require("@progress/kendo-svg-icons"),c=require("../messages/index.js");function v(e){const o=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const n in e)if(n!=="default"){const r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(o,n,r.get?r:{enumerable:!0,get:()=>e[n]})}}return o.default=e,Object.freeze(o)}const t=v(f),u=t.forwardRef((e,o)=>{const n=t.useRef(null),r=t.useRef(null),i=g.useLocalization();t.useImperativeHandle(n,()=>({props:e,element:r.current})),t.useImperativeHandle(o,()=>n.current);const[s,l]=a.useCustomComponent(e.icon||I.icon),d=t.useMemo(()=>a.classNames("k-pivotgrid-configurator-button",e.className),[e.className]),m=a.useMouse(e,n);return t.createElement("div",{ref:r,id:e.id,className:d,tabIndex:e.tabIndex,...m},t.createElement("span",null,i.toLanguageString(c.configuratorButtonLabel,c.messages[c.configuratorButtonLabel]),t.createElement(s,{name:"gear",icon:b.gearIcon,...l})))}),I={icon:a.IconWrap};u.displayName="KendoReactPivotGridConfiguratorButton";exports.PivotGridConfiguratorButton=u;

package/components/ConfiguratorButton.mjs

@@ -7,17 +7,17 @@
  */
 "use client";
 import * as e from "react";
-import { useCustomComponent as d, classNames as g, useMouse as I, IconWrap as p } from "@progress/kendo-react-common";
-import { useLocalization as v } from "@progress/kendo-react-intl";
-import { gearIcon as P } from "@progress/kendo-svg-icons";
-import { configuratorButtonLabel as a, messages as C } from "../messages/index.mjs";
-const r = e.forwardRef((t, c) => {
-  const o = e.useRef(null), n = e.useRef(null), i = v();
-  e.useImperativeHandle(o, () => ({ props: t, element: n.current })), e.useImperativeHandle(c, () => o.current);
-  const [m, u] = d(t.icon || s.icon), l = e.useMemo(
-    () => g("k-pivotgrid-configurator-button", t.className),
+import { useCustomComponent as l, classNames as f, useMouse as d, IconWrap 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";
+const C = e.forwardRef((t, r) => {
+  const o = e.useRef(null), n = e.useRef(null), c = I();
+  e.useImperativeHandle(o, () => ({ props: t, element: n.current })), e.useImperativeHandle(r, () => o.current);
+  const [s, i] = l(t.icon || N.icon), m = e.useMemo(
+    () => f("k-pivotgrid-configurator-button", t.className),
     [t.className]
-  ), f = I(
+  ), u = d(
     t,
     o
   );
@@ -26,17 +26,16 @@ const r = e.forwardRef((t, c) => {
     {
       ref: n,
       id: t.id,
-      className: l,
+      className: m,
       tabIndex: t.tabIndex,
-      ...f
+      ...u
     },
-    /* @__PURE__ */ e.createElement("span", null, i.toLanguageString(a, C[a]), /* @__PURE__ */ e.createElement(m, { name: "gear", icon: P, ...u }))
+    /* @__PURE__ */ e.createElement("span", null, c.toLanguageString(a, p[a]), /* @__PURE__ */ e.createElement(s, { name: "gear", icon: v, ...i }))
   );
-}), s = {
-  icon: p
+}), N = {
+  icon: g
 };
-r.defaultProps = s;
-r.displayName = "KendoReactPivotGridConfiguratorButton";
+C.displayName = "KendoReactPivotGridConfiguratorButton";
 export {
-  r as PivotGridConfiguratorButton
+  C as PivotGridConfiguratorButton
 };

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