@progress/kendo-react-pivotgrid 7.2.4-develop.3 → 7.3.0-develop.1

package/components/Cell.mjs

@@ -0,0 +1,45 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+"use client";
+import * as t from "react";
+import { useMouse as d, classNames as n } from "@progress/kendo-react-common";
+const c = t.forwardRef((e, r) => {
+  const a = t.useRef(null), l = t.useRef(null);
+  t.useImperativeHandle(a, () => ({
+    element: l.current,
+    props: e
+  })), t.useImperativeHandle(r, () => a.current);
+  const i = d(
+    e,
+    a
+  );
+  return /* @__PURE__ */ t.createElement(
+    "td",
+    {
+      ref: l,
+      ...i,
+      id: e.id,
+      style: e.style,
+      tabIndex: e.tabIndex,
+      role: e.role,
+      "aria-describedby": e.ariaDescribedby,
+      className: n(
+        "k-pivotgrid-cell",
+        {
+          "k-pivotgrid-header-total": e.total
+        },
+        e.className
+      )
+    },
+    e.children
+  );
+});
+c.displayName = "KendoReactPivotGridCell";
+export {
+  c as PivotGridCell
+};

package/components/Column.js

@@ -0,0 +1,8 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * 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;

package/components/Column.mjs

@@ -0,0 +1,40 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+"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,
+    n
+  );
+  return /* @__PURE__ */ t.createElement(
+    "col",
+    {
+      ref: l,
+      ...s,
+      id: e.id,
+      style: e.style,
+      tabIndex: e.tabIndex,
+      children: e.children,
+      className: e.className
+    }
+  );
+}), c = {
+  path: []
+};
+a.defaultProps = c;
+a.displayName = "KendoReactPivotGridColumn";
+export {
+  a as PivotGridColumn
+};

package/components/Configurator.js

@@ -0,0 +1,8 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * 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;

package/components/Configurator.mjs

@@ -0,0 +1,134 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+"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 { configuratorTitle as v, messages as d, configuratorCancel as F, configuratorApply as h } from "../messages/index.mjs";
+const A = t.forwardRef((e, k) => {
+  const {
+    horizontal: l,
+    data: R,
+    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) => {
+    e.onRowAxesChange && e.onRowAxesChange({
+      target: o.current,
+      value: n.rowAxes,
+      syntheticEvent: i
+    }), e.onColumnAxesChange && e.onColumnAxesChange({
+      target: o.current,
+      value: n.columnAxes,
+      syntheticEvent: i
+    }), e.onMeasureAxesChange && e.onMeasureAxesChange({
+      target: o.current,
+      value: n.measureAxes,
+      syntheticEvent: i
+    }), e.onSortChange && e.onSortChange({
+      target: o.current,
+      value: n.sort,
+      syntheticEvent: i
+    }), e.onFilterChange && e.onFilterChange({
+      target: o.current,
+      value: n.filter,
+      syntheticEvent: i
+    });
+  }, L = {
+    rowAxes: u,
+    columnAxes: c,
+    measureAxes: m,
+    sort: e.sort,
+    filter: e.filter
+  };
+  return t.useEffect(() => {
+    r.current && r.current.onChange("rowAxes", { value: u });
+  }, [u]), t.useEffect(() => {
+    r.current && r.current.onChange("columnAxes", { value: c });
+  }, [c]), t.useEffect(() => {
+    r.current && r.current.onChange("measureAxes", { value: m });
+  }, [m]), t.useEffect(() => {
+    r.current && r.current.onChange("sort", { value: e.sort });
+  }, [e.sort]), t.useEffect(() => {
+    r.current && r.current.onChange("filter", { value: e.filter });
+  }, [e.filter]), /* @__PURE__ */ t.createElement(
+    "div",
+    {
+      ref: g,
+      id: e.id,
+      tabIndex: e.tabIndex,
+      style: e.style,
+      className: E(
+        "k-pivotgrid-configurator",
+        e.className
+      )
+    },
+    /* @__PURE__ */ t.createElement(
+      "div",
+      {
+        className: E(
+          "k-pivotgrid-configurator-panel",
+          "k-pivotgrid-configurator-push",
+          {
+            "k-pivotgrid-configurator-horizontal": l,
+            "k-pivotgrid-configurator-vertical": !l
+          }
+        )
+      },
+      /* @__PURE__ */ t.createElement("div", { className: "k-pivotgrid-configurator-header" }, /* @__PURE__ */ t.createElement("div", { className: "k-pivotgrid-configurator-header-text" }, s.toLanguageString(v, d[v]))),
+      /* @__PURE__ */ t.createElement(
+        C,
+        {
+          ref: w(C) ? r : void 0,
+          initialValues: L,
+          onSubmit: y,
+          render: (n) => /* @__PURE__ */ t.createElement(t.Fragment, null, /* @__PURE__ */ t.createElement("div", { className: "k-pivotgrid-configurator-content" }, /* @__PURE__ */ t.createElement(
+            z,
+            {
+              horizontal: l,
+              ...P
+            },
+            /* @__PURE__ */ t.createElement(
+              N,
+              {
+                ...n,
+                horizontal: e.horizontal,
+                onFieldsEditorFieldExpand: e.onFieldsEditorFieldExpand,
+                onFieldsEditorFieldCheck: e.onFieldsEditorFieldCheck,
+                onAxisFilterFieldExpand: e.onAxisFilterFieldExpand,
+                onAxisFilterFieldsExpandChange: e.onAxisFilterFieldsExpandChange,
+                data: R,
+                ...S
+              }
+            )
+          )), /* @__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
+        }
+      )
+    )
+  );
+}), a = {
+  form: H,
+  formElement: M,
+  editor: j,
+  horizontal: !1,
+  data: [],
+  columnAxes: [],
+  rowAxes: [],
+  measureAxes: []
+};
+A.defaultProps = a;
+A.displayName = "KendoReactPivotGridConfigurator";
+export {
+  A as PivotGridConfigurator
+};

package/components/ConfiguratorButton.js

@@ -0,0 +1,8 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * 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;

package/components/ConfiguratorButton.mjs

@@ -0,0 +1,42 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+"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),
+    [t.className]
+  ), f = I(
+    t,
+    o
+  );
+  return /* @__PURE__ */ e.createElement(
+    "div",
+    {
+      ref: n,
+      id: t.id,
+      className: l,
+      tabIndex: t.tabIndex,
+      ...f
+    },
+    /* @__PURE__ */ e.createElement("span", null, i.toLanguageString(a, C[a]), /* @__PURE__ */ e.createElement(m, { name: "gear", icon: P, ...u }))
+  );
+}), s = {
+  icon: p
+};
+r.defaultProps = s;
+r.displayName = "KendoReactPivotGridConfiguratorButton";
+export {
+  r as PivotGridConfiguratorButton
+};

package/components/ConfiguratorEditor.js

@@ -0,0 +1,8 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * 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;

package/components/ConfiguratorEditor.mjs

@@ -0,0 +1,240 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+"use client";
+import * as e from "react";
+import { Field as E } from "@progress/kendo-react-form";
+import { Label as g } from "@progress/kendo-react-labels";
+import { useLocalization as ae } 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 { 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 {
+    onFieldsEditorFieldCheck: w,
+    onFieldsEditorFieldCheckAction: b,
+    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);
+  e.useImperativeHandle(i, () => ({
+    element: ee.current,
+    props: t,
+    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 });
+  }, 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" });
+  }, C = () => {
+    n.dragItem && r({ type: c.setDropZone, payload: null });
+  }, te = (o) => {
+    const l = {
+      target: o.target,
+      currentTarget: i.current,
+      value: o.value,
+      syntheticEvent: o.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));
+    }
+    P && P({
+      target: o.target,
+      currentTarget: i.current,
+      value: o.value,
+      syntheticEvent: o.syntheticEvent
+    });
+  }, oe = (o) => {
+    const l = {
+      target: o.target,
+      currentTarget: i.current,
+      value: o.value,
+      syntheticEvent: o.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));
+    }
+    w && w(l);
+  }, ne = (o) => {
+    const l = {
+      target: o.target,
+      currentTarget: i.current,
+      value: o.value,
+      syntheticEvent: o.syntheticEvent
+    };
+    N && N(l);
+  }, re = (o) => {
+    const l = {
+      target: o.target,
+      currentTarget: i.current,
+      value: o.value,
+      syntheticEvent: o.syntheticEvent
+    };
+    R && R(l);
+  }, y = t.horizontal ? "div" : e.Fragment, M = t.horizontal ? { className: "k-form-field-wrapper" } : {};
+  return /* @__PURE__ */ e.createElement(
+    le.Provider,
+    {
+      value: {
+        onAxisFilterFieldExpand: ne,
+        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(
+      B,
+      {
+        data: t.data,
+        onExpand: te,
+        onCheck: oe,
+        columnAxes: n.columnAxes,
+        rowAxes: n.rowAxes,
+        measureAxes: n.measureAxes,
+        ...H
+      }
+    )))), /* @__PURE__ */ e.createElement(y, { ...M }, /* @__PURE__ */ e.createElement(
+      "div",
+      {
+        className: "k-form-field",
+        onMouseEnter: v,
+        onMouseLeave: p
+      },
+      /* @__PURE__ */ e.createElement(
+        E,
+        {
+          name: "columnAxes",
+          field: "columnAxes",
+          component: _,
+          ...K
+        },
+        m.toLanguageString(I, u[I])
+      )
+    ), t.valueGetter("columnAxes").length ? /* @__PURE__ */ e.createElement(
+      E,
+      {
+        name: "columnAxes",
+        field: "columnAxes",
+        component: U,
+        onMouseEnter: v,
+        onMouseLeave: p,
+        className: "k-column-fields",
+        ...V
+      }
+    ) : /* @__PURE__ */ e.createElement(
+      "div",
+      {
+        className: "k-settings-description",
+        onMouseEnter: v,
+        onMouseLeave: p
+      },
+      m.toLanguageString(x, u[x])
+    ), /* @__PURE__ */ e.createElement(
+      "div",
+      {
+        className: "k-form-field",
+        onMouseEnter: L,
+        onMouseLeave: h
+      },
+      /* @__PURE__ */ e.createElement(
+        E,
+        {
+          name: "rowAxes",
+          field: "rowAxes",
+          component: j,
+          ...q
+        },
+        m.toLanguageString(S, u[S])
+      )
+    ), t.valueGetter("rowAxes").length ? /* @__PURE__ */ e.createElement(
+      E,
+      {
+        name: "rowAxes",
+        field: "rowAxes",
+        component: J,
+        onMouseEnter: L,
+        onMouseLeave: h,
+        className: "k-column-fields",
+        ...Q
+      }
+    ) : /* @__PURE__ */ e.createElement(
+      "div",
+      {
+        className: "k-settings-description",
+        onMouseEnter: L,
+        onMouseLeave: h
+      },
+      m.toLanguageString(x, u[x])
+    )), /* @__PURE__ */ e.createElement(y, { ...M }, /* @__PURE__ */ e.createElement(
+      "div",
+      {
+        className: "k-form-field",
+        onMouseEnter: F,
+        onMouseLeave: C
+      },
+      /* @__PURE__ */ e.createElement(
+        E,
+        {
+          name: "measureAxes",
+          field: "measureAxes",
+          component: W,
+          ...X
+        },
+        m.toLanguageString(G, u[G])
+      )
+    ), t.valueGetter("measureAxes").length ? /* @__PURE__ */ e.createElement(
+      E,
+      {
+        name: "measureAxes",
+        field: "measureAxes",
+        component: Y,
+        onMouseEnter: F,
+        onMouseLeave: C,
+        className: "k-column-fields",
+        ...$
+      }
+    ) : /* @__PURE__ */ e.createElement(
+      "div",
+      {
+        className: "k-settings-description",
+        onMouseEnter: F,
+        onMouseLeave: C
+      },
+      m.toLanguageString(x, u[x])
+    )))
+  );
+}), s = {
+  data: [],
+  horizontal: !1,
+  fieldsLabel: g,
+  fieldsEditor: se,
+  columnAxesLabel: g,
+  columnAxesEditor: f,
+  rowAxesLabel: g,
+  rowAxesEditor: f,
+  measureAxesLabel: g,
+  measureAxesEditor: f,
+  axesEditor: f,
+  onFieldsEditorFieldCheckAction: (t) => ({ type: c.toggleSelection, payload: t.value }),
+  onFieldsEditorFieldExpandAction: (t) => ({ type: c.toggleExpansion, payload: t.value })
+};
+D.defaultProps = s;
+D.displayName = "KendoReactPivotGridConfiguratorEditor";
+export {
+  D as PivotGridConfiguratorEditor
+};

package/components/Container.js

@@ -0,0 +1,8 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * 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;

package/components/Container.mjs

@@ -0,0 +1,40 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+"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(
+    "div",
+    {
+      ref: o,
+      id: e.id,
+      style: e.style,
+      tabIndex: e.tabIndex,
+      className: a(
+        "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
+  );
+}), l = {
+  configuratorPosition: "right"
+};
+r.defaultProps = l;
+r.displayName = "KendoReactPivotGridContainer";
+export {
+  r as PivotGridContainer
+};

package/components/EditorContext.js

@@ -0,0 +1,8 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * 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 n=require("react");function c(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 i=c(n),a=i.createContext({axes:null});exports.PivotGridConfiguratorEditorAxesContext=a;

package/components/EditorContext.mjs

@@ -0,0 +1,13 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+"use client";
+import * as t from "react";
+const e = t.createContext({ axes: null });
+export {
+  e as PivotGridConfiguratorEditorAxesContext
+};

package/components/FieldsEditor.js

@@ -0,0 +1,8 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * 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;