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

package/PivotGrid.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 Re=require("react"),c=require("@progress/kendo-react-common"),He=require("./package-metadata.js"),Se=require("@progress/kendo-react-intl"),O=require("./messages/index.js"),ke=require("./components/Row.js"),Pe=require("./components/Cell.js"),J=require("./hooks/useHeaders.js"),xe=require("./components/HeaderCell.js"),Ae=require("./hooks/useHorizontalScrollSync.js"),Te=require("./hooks/useVerticalScrollSync.js"),Ne=require("./components/Column.js"),f=require("./utils/index.js"),u=require("@progress/kendo-pivotgrid-common");function De(n){const w=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(n){for(const m in n)if(m!=="default"){const v=Object.getOwnPropertyDescriptor(n,m);Object.defineProperty(w,m,v.get?v:{enumerable:!0,get:()=>n[m]})}}return w.default=n,Object.freeze(w)}const t=De(Re),Q=t.forwardRef((n,w)=>{c.validatePackage(He.packageMetadata);const{rows:m,rowAxes:v,columns:U,columnAxes:Y,data:Z}={...y,...n},s=t.useRef(null),E=t.useRef(null),d=t.useRef(null),b=t.useRef(null),q=t.useRef(null),z=t.useRef(null),k=t.useRef(null),ee=Se.useLocalization(),te=(e,r)=>{n.onRowAxesChange&&n.onRowAxesChange({value:e,target:E.current,syntheticEvent:r})},ne=(e,r)=>{n.onColumnAxesChange&&n.onColumnAxesChange({value:e,target:E.current,syntheticEvent:r})},I=u.toTree((m||[]).slice()),[,ae]=J.useHeaders((v||[]).slice(),I,te),[L,C,oe,B]=u.toRows(I),G=u.toTree((U||[]).slice()),[,re]=J.useHeaders((Y||[]).slice(),G,ne),[R,i,,j]=u.toColumns(G),P=u.toData((Z||[]).slice(),i,C,j,oe);t.useImperativeHandle(E,()=>({props:n,element:s.current,columnHeaderRows:R,rowHeaderRows:L,dataCells:P,rowHeaderBreadth:B,columnHeaderBreadth:j})),t.useImperativeHandle(w,()=>E.current);const K=[],V=[],_=[],[x,A]=c.useCustomComponent(n.row||y.row),[T,N]=c.useCustomComponent(n.column||y.column),[le,se]=c.useCustomComponent(n.cell||y.cell),[M,W]=c.useCustomComponent(n.headerCell||y.headerCell),ce=n.columnHeadersRow||x,ie=n.columnHeadersColumn||T,ue=n.columnHeadersCell||M,de=n.rowHeadersRow||x,me=n.rowHeadersColumn||T,Ce=n.rowHeadersCell||M,pe=n.dataRow||x,he=n.dataColumn||T;for(let e=0;e<i.length;e++)K.push(t.createElement(he,{key:String(i[e].path),...N,path:i[e].path})),_.push(t.createElement(ie,{key:String(i[e].path),...N,path:i[e].path}));for(let e=0;e<B;e++)V.push(t.createElement(me,{key:e,...N}));const ge=e=>{e.target.props.expandable&&re({type:u.HEADERS_ACTION.toggle,payload:e.target.props.dataItem.path},e.syntheticEvent)},fe=e=>{e.target.props.expandable&&ae({type:u.HEADERS_ACTION.toggle,payload:e.target.props.dataItem.path},e.syntheticEvent)},X=Ae.useHorizontalScrollSync(k,z),we=Te.useVerticalScrollSync(k,q),be=e=>{X(e),we(e)},$=t.useCallback(()=>{s.current&&b.current&&(s.current.style.gridTemplateRows="",s.current.style.gridTemplateRows=`${b.current.offsetHeight}px 1fr`)},[]),F=t.useCallback(()=>{s.current&&d.current&&(s.current.style.gridTemplateColumns="",s.current.style.gridTemplateColumns=`${d.current.offsetWidth}px 1fr`)},[]),p=t.useRef(new u.PivotGridNavigation({tabIndex:n.tabIndex||0}));t.useEffect(()=>{if(s.current){const e=n.tabIndex||0;if(p.current.stop(),p.current.tabIndex=e,n.navigatable){p.current.start(s.current);const r=p.current.first;r&&r.setAttribute("tabindex",String(e))}}return()=>{p.current.stop()}},[n.tabIndex,n.navigatable]),t.useEffect(()=>{p.current.update()}),t.useEffect(()=>{if(b.current){const e=new window.ResizeObserver($);return e.observe(b.current),()=>{e.disconnect()}}},[$]),t.useEffect(()=>{if(d.current){const e=new window.ResizeObserver(F);return e.observe(d.current),()=>{e.disconnect()}}},[F]),c.useIsomorphicLayoutEffect(()=>{if(c.setScrollbarWidth(),d.current){const e=new window.ResizeObserver(c.setScrollbarWidth);return e.observe(d.current),()=>{e.disconnect()}}},[]);const h=new Array(R.length).fill([]).map(()=>new Array(i.length));R.forEach((e,r)=>{let a=0;Array.from(e.cells).forEach(o=>{const l=!!(o&&o.children&&o.children.length),D=(o?f.generateKey(o.normalizedPath)+(o.total?"|[TOTAL]":"")+(l?"|[EXPANDED]":""):"").replace(/\s/g,"-");if(o)for(let S=0;S<(o.colSpan||1);S++){for(let g=0;g<(o.rowSpan||1);g++){const ye=h[r+g].findIndex((ve,Ee)=>Ee>=a&&!ve);h[r+g][ye]=D}a++}})});const H=P.map(e=>e.cells.map(r=>f.generateDataKey(r.rowTuple.members,r.columnTuple.members).replace(/\s/g,"-")));return t.createElement("div",{ref:s,id:n.id,style:n.style,tabIndex:n.navigatable?void 0:n.tabIndex,className:c.classNames("k-pivotgrid",n.className),role:"grid"},t.createElement("span",{className:"k-pivotgrid-empty-cell"},t.createElement("span",{className:"k-sr-only"},ee.toLanguageString(O.emptyCellAriaLabel,O.messages[O.emptyCellAriaLabel]))),t.createElement("div",{ref:z,className:"k-pivotgrid-column-headers",onScroll:X},t.createElement("table",{ref:b,className:"k-pivotgrid-table",role:"none"},t.createElement("colgroup",null,_),t.createElement("tbody",{className:"k-pivotgrid-tbody",role:"rowgroup"},R.map((e,r)=>{let a=!1;return t.createElement(ce,{key:e.name,role:"row",...A},e.cells.map((o,l)=>{const D=l!==0&&!a;o&&(a=!0);const S=o&&!!(o.children&&o.children.length),g=o&&o.hasChildren&&(!o.total||o.total&&o.parent.total);return o?t.createElement(ue,{...W,key:h[r][l],"data-key":h[r][l],id:h[r][l],columnPath:o.normalizedPath,rowSpan:o.rowSpan||void 0,colSpan:o.colSpan||void 0,onIconClick:ge,dataItem:o,expanded:S,expandable:g,total:o.total,first:D,root:o.levelNum===0,role:"columnheader"},o.caption):null}))})))),t.createElement("div",{ref:q,className:"k-pivotgrid-row-headers"},t.createElement("table",{ref:d,className:"k-pivotgrid-table",role:"none"},t.createElement("colgroup",null,V),t.createElement("tbody",{className:"k-pivotgrid-tbody",role:"rowgroup"},L.map((e,r)=>t.createElement(de,{key:f.generateKey(C[r].path),...A,path:C[r].path,role:"row",ariaOwns:H[r].join(" ")},e.cells.filter(Boolean).map(a=>a?t.createElement(Ce,{...W,key:f.generateKey(a.normalizedPath)+(a.total?"|[TOTAL]":"")+(a.children&&a.children.length?"|[EXPANDED]":""),"data-key":f.generateKey(a.normalizedPath)+(a.total?"|[TOTAL]":"")+(a.children&&a.children.length?"|[EXPANDED]":""),rowPath:a.normalizedPath,rowSpan:a.rowSpan||void 0,colSpan:a.colSpan||void 0,dataItem:a,expanded:!!(a.children&&a.children.length),expandable:a.hasChildren&&!a.total,total:a.total,onIconClick:fe,root:a.levelNum===0,role:"rowheader"},a.caption):null)))))),t.createElement("div",{ref:k,className:"k-pivotgrid-values",onScroll:be},t.createElement("table",{className:"k-pivotgrid-table",role:"none"},t.createElement("colgroup",null,K),t.createElement("tbody",{className:"k-pivotgrid-tbody",role:"none"},P.map((e,r)=>t.createElement(pe,{key:f.generateKey(C[r].path),...A,path:C[r].path,role:"none"},e.cells.map((a,o)=>t.createElement(le,{key:H[r][o],"data-key":H[r][o],id:H[r][o],...se,rowPath:a.rowTuple.members.map(l=>l.name),columnPath:a.columnTuple.members.map(l=>l.name),dataItem:a,total:C[r].total||i[o].total,role:"gridcell",ariaDescribedby:h.map(l=>l[o]).join(" ")},a&&a.data&&a.data.fmtValue?a.data.fmtValue:" "))))))))}),y={rowAxes:[],columnAxes:[],data:[],row:ke.PivotGridRow,column:Ne.PivotGridColumn,cell:Pe.PivotGridCell,headerCell:xe.PivotGridHeaderCell};Q.displayName="KendoReactPivotGrid";exports.PivotGrid=Q;

package/PivotGrid.mjs

@@ -0,0 +1,252 @@
+/**
+ * @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 { validatePackage as He, useCustomComponent as y, useIsomorphicLayoutEffect as ke, setScrollbarWidth as $, classNames as Se } from "@progress/kendo-react-common";
+import { packageMetadata as xe } from "./package-metadata.mjs";
+import { useLocalization as Pe } from "@progress/kendo-react-intl";
+import { emptyCellAriaLabel as M, messages as Ae } from "./messages/index.mjs";
+import { PivotGridRow as Ne } from "./components/Row.mjs";
+import { PivotGridCell as Te } from "./components/Cell.mjs";
+import { useHeaders as _ } from "./hooks/useHeaders.mjs";
+import { PivotGridHeaderCell as De } from "./components/HeaderCell.mjs";
+import { useHorizontalScrollSync as ze } from "./hooks/useHorizontalScrollSync.mjs";
+import { useVerticalScrollSync as Le } from "./hooks/useVerticalScrollSync.mjs";
+import { PivotGridColumn as Be } from "./components/Column.mjs";
+import { generateKey as f, generateDataKey as Ie } from "./utils/index.mjs";
+import { toTree as q, toRows as Oe, toColumns as Ge, toData as Ve, PivotGridNavigation as Ke, HEADERS_ACTION as F } from "@progress/kendo-pivotgrid-common";
+const Xe = t.forwardRef((n, J) => {
+  He(xe);
+  const {
+    rows: Q,
+    rowAxes: U,
+    columns: Y,
+    columnAxes: Z,
+    data: ee
+  } = { ...C, ...n }, s = t.useRef(null), g = t.useRef(null), i = t.useRef(null), h = t.useRef(null), A = t.useRef(null), N = t.useRef(null), E = t.useRef(null), te = Pe(), oe = (e, r) => {
+    n.onRowAxesChange && n.onRowAxesChange({
+      value: e,
+      target: g.current,
+      syntheticEvent: r
+    });
+  }, ae = (e, r) => {
+    n.onColumnAxesChange && n.onColumnAxesChange({
+      value: e,
+      target: g.current,
+      syntheticEvent: r
+    });
+  }, T = q((Q || []).slice()), [, ne] = _((U || []).slice(), T, oe), [D, c, re, z] = Oe(T), L = q((Y || []).slice()), [, le] = _((Z || []).slice(), L, ae), [w, m, , B] = Ge(L), R = Ve((ee || []).slice(), m, c, B, re);
+  t.useImperativeHandle(g, () => ({
+    props: n,
+    element: s.current,
+    columnHeaderRows: w,
+    rowHeaderRows: D,
+    dataCells: R,
+    rowHeaderBreadth: z,
+    columnHeaderBreadth: B
+  })), t.useImperativeHandle(J, () => g.current);
+  const I = [], O = [], G = [], [H, k] = y(n.row || C.row), [S, x] = y(n.column || C.column), [se, me] = y(n.cell || C.cell), [V, K] = y(n.headerCell || C.headerCell), ie = n.columnHeadersRow || H, ce = n.columnHeadersColumn || S, de = n.columnHeadersCell || V, ue = n.rowHeadersRow || H, pe = n.rowHeadersColumn || S, he = n.rowHeadersCell || V, fe = n.dataRow || H, Ce = n.dataColumn || S;
+  for (let e = 0; e < m.length; e++)
+    I.push(/* @__PURE__ */ t.createElement(Ce, { key: String(m[e].path), ...x, path: m[e].path })), G.push(/* @__PURE__ */ t.createElement(ce, { key: String(m[e].path), ...x, path: m[e].path }));
+  for (let e = 0; e < z; e++)
+    O.push(/* @__PURE__ */ t.createElement(pe, { key: e, ...x }));
+  const ge = (e) => {
+    e.target.props.expandable && le(
+      {
+        type: F.toggle,
+        payload: e.target.props.dataItem.path
+      },
+      e.syntheticEvent
+    );
+  }, we = (e) => {
+    e.target.props.expandable && ne(
+      {
+        type: F.toggle,
+        payload: e.target.props.dataItem.path
+      },
+      e.syntheticEvent
+    );
+  }, X = ze(E, N), be = Le(E, A), ve = (e) => {
+    X(e), be(e);
+  }, j = t.useCallback(() => {
+    s.current && h.current && (s.current.style.gridTemplateRows = "", s.current.style.gridTemplateRows = `${h.current.offsetHeight}px 1fr`);
+  }, []), W = t.useCallback(() => {
+    s.current && i.current && (s.current.style.gridTemplateColumns = "", s.current.style.gridTemplateColumns = `${i.current.offsetWidth}px 1fr`);
+  }, []), d = t.useRef(new Ke({ tabIndex: n.tabIndex || 0 }));
+  t.useEffect(() => {
+    if (s.current) {
+      const e = n.tabIndex || 0;
+      if (d.current.stop(), d.current.tabIndex = e, n.navigatable) {
+        d.current.start(s.current);
+        const r = d.current.first;
+        r && r.setAttribute("tabindex", String(e));
+      }
+    }
+    return () => {
+      d.current.stop();
+    };
+  }, [n.tabIndex, n.navigatable]), t.useEffect(() => {
+    d.current.update();
+  }), t.useEffect(() => {
+    if (h.current) {
+      const e = new window.ResizeObserver(j);
+      return e.observe(h.current), () => {
+        e.disconnect();
+      };
+    }
+  }, [j]), t.useEffect(() => {
+    if (i.current) {
+      const e = new window.ResizeObserver(W);
+      return e.observe(i.current), () => {
+        e.disconnect();
+      };
+    }
+  }, [W]), ke(() => {
+    if ($(), i.current) {
+      const e = new window.ResizeObserver($);
+      return e.observe(i.current), () => {
+        e.disconnect();
+      };
+    }
+  }, []);
+  const u = new Array(w.length).fill([]).map(() => new Array(m.length));
+  w.forEach((e, r) => {
+    let o = 0;
+    Array.from(e.cells).forEach((a) => {
+      const l = !!(a && a.children && a.children.length), P = (a ? f(a.normalizedPath) + (a.total ? "|[TOTAL]" : "") + (l ? "|[EXPANDED]" : "") : "").replace(/\s/g, "-");
+      if (a)
+        for (let v = 0; v < (a.colSpan || 1); v++) {
+          for (let p = 0; p < (a.rowSpan || 1); p++) {
+            const ye = u[r + p].findIndex((Ee, Re) => Re >= o && !Ee);
+            u[r + p][ye] = P;
+          }
+          o++;
+        }
+    });
+  });
+  const b = R.map((e) => e.cells.map((r) => Ie(r.rowTuple.members, r.columnTuple.members).replace(/\s/g, "-")));
+  return /* @__PURE__ */ t.createElement(
+    "div",
+    {
+      ref: s,
+      id: n.id,
+      style: n.style,
+      tabIndex: n.navigatable ? void 0 : n.tabIndex,
+      className: Se("k-pivotgrid", n.className),
+      role: "grid"
+    },
+    /* @__PURE__ */ t.createElement("span", { className: "k-pivotgrid-empty-cell" }, /* @__PURE__ */ t.createElement("span", { className: "k-sr-only" }, te.toLanguageString(M, Ae[M]))),
+    /* @__PURE__ */ t.createElement("div", { ref: N, className: "k-pivotgrid-column-headers", onScroll: X }, /* @__PURE__ */ t.createElement("table", { ref: h, className: "k-pivotgrid-table", role: "none" }, /* @__PURE__ */ t.createElement("colgroup", null, G), /* @__PURE__ */ t.createElement("tbody", { className: "k-pivotgrid-tbody", role: "rowgroup" }, w.map((e, r) => {
+      let o = !1;
+      return /* @__PURE__ */ t.createElement(
+        ie,
+        {
+          key: e.name,
+          role: "row",
+          ...k
+        },
+        e.cells.map((a, l) => {
+          const P = l !== 0 && !o;
+          a && (o = !0);
+          const v = a && !!(a.children && a.children.length), p = a && a.hasChildren && (!a.total || a.total && a.parent.total);
+          return a ? /* @__PURE__ */ t.createElement(
+            de,
+            {
+              ...K,
+              key: u[r][l],
+              "data-key": u[r][l],
+              id: u[r][l],
+              columnPath: a.normalizedPath,
+              rowSpan: a.rowSpan || void 0,
+              colSpan: a.colSpan || void 0,
+              onIconClick: ge,
+              dataItem: a,
+              expanded: v,
+              expandable: p,
+              total: a.total,
+              first: P,
+              root: a.levelNum === 0,
+              role: "columnheader"
+            },
+            a.caption
+          ) : null;
+        })
+      );
+    })))),
+    /* @__PURE__ */ t.createElement("div", { ref: A, className: "k-pivotgrid-row-headers" }, /* @__PURE__ */ t.createElement("table", { ref: i, className: "k-pivotgrid-table", role: "none" }, /* @__PURE__ */ t.createElement("colgroup", null, O), /* @__PURE__ */ t.createElement("tbody", { className: "k-pivotgrid-tbody", role: "rowgroup" }, D.map((e, r) => /* @__PURE__ */ t.createElement(
+      ue,
+      {
+        key: f(c[r].path),
+        ...k,
+        path: c[r].path,
+        role: "row",
+        ariaOwns: b[r].join(" ")
+      },
+      e.cells.filter(Boolean).map(
+        (o) => o ? /* @__PURE__ */ t.createElement(
+          he,
+          {
+            ...K,
+            key: f(o.normalizedPath) + (o.total ? "|[TOTAL]" : "") + (o.children && o.children.length ? "|[EXPANDED]" : ""),
+            "data-key": f(o.normalizedPath) + (o.total ? "|[TOTAL]" : "") + (o.children && o.children.length ? "|[EXPANDED]" : ""),
+            rowPath: o.normalizedPath,
+            rowSpan: o.rowSpan || void 0,
+            colSpan: o.colSpan || void 0,
+            dataItem: o,
+            expanded: !!(o.children && o.children.length),
+            expandable: o.hasChildren && !o.total,
+            total: o.total,
+            onIconClick: we,
+            root: o.levelNum === 0,
+            role: "rowheader"
+          },
+          o.caption
+        ) : null
+      )
+    ))))),
+    /* @__PURE__ */ t.createElement("div", { ref: E, className: "k-pivotgrid-values", onScroll: ve }, /* @__PURE__ */ t.createElement("table", { className: "k-pivotgrid-table", role: "none" }, /* @__PURE__ */ t.createElement("colgroup", null, I), /* @__PURE__ */ t.createElement("tbody", { className: "k-pivotgrid-tbody", role: "none" }, R.map((e, r) => /* @__PURE__ */ t.createElement(
+      fe,
+      {
+        key: f(c[r].path),
+        ...k,
+        path: c[r].path,
+        role: "none"
+      },
+      e.cells.map(
+        (o, a) => /* @__PURE__ */ t.createElement(
+          se,
+          {
+            key: b[r][a],
+            "data-key": b[r][a],
+            id: b[r][a],
+            ...me,
+            rowPath: o.rowTuple.members.map((l) => l.name),
+            columnPath: o.columnTuple.members.map((l) => l.name),
+            dataItem: o,
+            total: c[r].total || m[a].total,
+            role: "gridcell",
+            ariaDescribedby: u.map((l) => l[a]).join(" ")
+          },
+          o && o.data && o.data.fmtValue ? o.data.fmtValue : " "
+        )
+      )
+    )))))
+  );
+}), C = {
+  rowAxes: [],
+  columnAxes: [],
+  data: [],
+  row: Ne,
+  column: Be,
+  cell: Te,
+  headerCell: De
+};
+Xe.displayName = "KendoReactPivotGrid";
+export {
+  Xe as PivotGrid
+};

package/components/AxesEditor.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 x=require("react"),P=require("@progress/kendo-react-buttons"),m=require("@progress/kendo-react-common"),g=require("./EditorContext.js"),C=require("./AxisEditor.js");function R(e){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const n in e)if(n!=="default"){const o=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(r,n,o.get?o:{enumerable:!0,get:()=>e[n]})}}return r.default=e,Object.freeze(r)}const t=R(x),c=t.forwardRef((e,r)=>{const{value:n,field:o}={...a,...e},s=t.useRef(null),l=t.useRef(null),u=t.useRef(null),[d,f]=m.useCustomComponent(e.chipList||a.chipList);t.useImperativeHandle(l,()=>s.current&&s.current.element),t.useImperativeHandle(u,()=>({props:e,element:l.current})),t.useImperativeHandle(r,()=>u.current);const p=n.filter(i=>i.name.length===1&&i.name.every(v=>v.indexOf("&")===-1)).map(i=>({...i,text:String(i.name)}));return t.createElement(g.PivotGridConfiguratorEditorAxesContext.Provider,{value:{axes:o}},t.createElement(d,{ref:m.canUseRef(d)?s:void 0,textField:"text",valueField:"name",data:p,chip:C.PivotGridAxisEditor,style:{position:"relative"},className:e.className,selection:"none",...f}))}),a={value:[],chipList:P.ChipList};c.defaultProps=a;c.displayName="KendoReactPivotGridAxesEditor";exports.PivotGridAxesEditor=c;

package/components/AxesEditor.mjs

@@ -0,0 +1,43 @@
+/**
+ * @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 { ChipList as v } from "@progress/kendo-react-buttons";
+import { useCustomComponent as x, canUseRef as h } from "@progress/kendo-react-common";
+import { PivotGridConfiguratorEditorAxesContext as C } from "./EditorContext.mjs";
+import { PivotGridAxisEditor as P } from "./AxisEditor.mjs";
+const l = e.forwardRef((i, m) => {
+  const {
+    value: c,
+    field: u
+  } = { ...n, ...i }, r = e.useRef(null), o = e.useRef(null), s = e.useRef(null), [a, d] = x(i.chipList || n.chipList);
+  e.useImperativeHandle(o, () => r.current && r.current.element), e.useImperativeHandle(s, () => ({ props: i, element: o.current })), e.useImperativeHandle(m, () => s.current);
+  const p = c.filter((t) => t.name.length === 1 && t.name.every((f) => f.indexOf("&") === -1)).map((t) => ({ ...t, text: String(t.name) }));
+  return /* @__PURE__ */ e.createElement(C.Provider, { value: { axes: u } }, /* @__PURE__ */ e.createElement(
+    a,
+    {
+      ref: h(a) ? r : void 0,
+      textField: "text",
+      valueField: "name",
+      data: p,
+      chip: P,
+      style: { position: "relative" },
+      className: i.className,
+      selection: "none",
+      ...d
+    }
+  ));
+}), n = {
+  value: [],
+  chipList: v
+};
+l.defaultProps = n;
+l.displayName = "KendoReactPivotGridAxesEditor";
+export {
+  l as PivotGridAxesEditor
+};

package/components/AxisEditor.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 z=require("react"),v=require("@progress/kendo-pivotgrid-common"),u=require("@progress/kendo-react-common"),A=require("@progress/kendo-react-data-tools"),H=require("@progress/kendo-react-buttons"),T=require("../utils/index.js"),B=require("./EditorContext.js"),$=require("./AxisFilterFieldsEditor.js"),K=require("../shared/PivotGridConfiguratorEditorStateContext.js"),l=require("../hooks/usePivotConfiguratorEditor.js");function Z(e){const d=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const s in e)if(s!=="default"){const c=Object.getOwnPropertyDescriptor(e,s);Object.defineProperty(d,s,c.get?c:{enumerable:!0,get:()=>e[s]})}}return d.default=e,Object.freeze(d)}const n=Z(z),p=n.forwardRef((e,d)=>{const s=n.useRef(0),c=n.useRef(0),f=n.useRef(null),i=n.useRef(null),R=n.useRef(null),{axes:I}=n.useContext(B.PivotGridConfiguratorEditorAxesContext),[y,x]=n.useState(!1),[r,a]=n.useContext(K.PivotGridConfiguratorEditorStateContext);n.useImperativeHandle(i,()=>f.current&&f.current.element),n.useImperativeHandle(R,()=>({props:e,element:i.current})),n.useImperativeHandle(d,()=>R.current);const[F,N]=u.useCustomComponent(e.chip||m.chip),[h,E]=u.useCustomComponent(e.dropClue||m.dropClue),[_,M]=u.useCustomComponent(e.columnMenuTextColumn||m.columnMenuTextColumn),[D,G]=u.useCustomComponent(e.filterFieldsEditor||m.filterFieldsEditor),P=T.findFilters(r.filter,String(e.value),"in"),g=T.findFilters(r.filter,String(e.value)),S=(t,o)=>{a({type:l.PIVOT_CONFIGURATOR_ACTION.setSort,payload:o},t)},b=(t,o)=>{o.length?a({type:l.PIVOT_CONFIGURATOR_ACTION.setFilter,payload:[...P||[],...o.reduce((C,O)=>[...C,...O.filters.filter(w=>w.value)],[])]},t):a({type:l.PIVOT_CONFIGURATOR_ACTION.setFilter,payload:P},t)},q=t=>{a({type:l.PIVOT_CONFIGURATOR_ACTION.remove,payload:e.dataItem},t.syntheticEvent)},U=t=>{const o=t.slice(),C=T.findFilter(r.filter,String(e.dataItem.name),"in");return o.splice(1,0,n.createElement(D,{key:"axis-filter-fields-editor",defaultFilter:C,dataItem:e.dataItem,data:e.dataItem.fields,axes:I,...G})),o},V=t=>{s.current=t.clientX,c.current=t.clientY},k=t=>{Math.abs(s.current-t.clientX)<10&&Math.abs(c.current-t.clientY)<10||(i.current&&(i.current.style.transform=`translate(${t.clientX-s.current}px, ${t.clientY-c.current}px)`),x(!0),a({type:l.PIVOT_CONFIGURATOR_ACTION.setDragItem,payload:e.dataItem}))},j=()=>{x(!1),r.dragItem&&(i.current&&(i.current.style.transform=""),a({type:l.PIVOT_CONFIGURATOR_ACTION.drop,payload:e.dataItem}))},X=t=>{r.dragItem&&(a({type:l.PIVOT_CONFIGURATOR_ACTION.setDropTarget,payload:e.dataItem},t.syntheticEvent),a({type:l.PIVOT_CONFIGURATOR_ACTION.setDropZone,payload:I},t.syntheticEvent))},Y=t=>{if(r.dragItem&&!y&&i.current){const o=i.current.getBoundingClientRect(),O=t.syntheticEvent.clientX-o.left<o.width/2?"before":"after";a({type:l.PIVOT_CONFIGURATOR_ACTION.setDropDirection,payload:O},t.syntheticEvent)}};return u.useDraggable(i,{onPress:V,onDrag:k,onRelease:j}),n.createElement(n.Fragment,null,r.dropTarget&&v.compareAxes(r.dropTarget,e.dataItem)&&r.dropDirection==="before"&&n.createElement(h,{...E}),n.createElement(F,{ref:u.canUseRef(F)?f:void 0,...e,removable:!0,onRemove:q,onMouseEnter:X,onMouseMove:Y,style:{pointerEvents:y?"none":void 0},rounded:"full",...N},e.text,I!=="measureAxes"&&n.createElement(_,{field:String(e.value),itemsRender:U,sort:r.sort,onSortChange:S,filter:g&&g.length?[{logic:"and",filters:g}]:void 0,onFilterChange:b,filterContent:[A.ColumnMenuTextFilter],...M})),r.dropTarget&&v.compareAxes(r.dropTarget,e.dataItem)&&r.dropDirection==="after"&&n.createElement(h,{...E}))}),m={chip:H.Chip,columnMenuTextColumn:A.ColumnMenuTextColumn,filterFieldsEditor:$.PivotGridAxisFilterFieldsEditor,dropClue:e=>n.createElement("div",{className:"k-grouping-dropclue",style:{position:"relative",zIndex:1e4},...e})};p.defaultProps=m;p.displayName="KendoReactPivotGridAxisEditor";exports.PivotGridAxisEditor=p;

package/components/AxisEditor.mjs

@@ -0,0 +1,108 @@
+/**
+ * @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 r from "react";
+import { compareAxes as R } from "@progress/kendo-pivotgrid-common";
+import { useCustomComponent as c, useDraggable as $, canUseRef as B } from "@progress/kendo-react-common";
+import { ColumnMenuTextFilter as K, ColumnMenuTextColumn as V } from "@progress/kendo-react-data-tools";
+import { Chip as Z } from "@progress/kendo-react-buttons";
+import { findFilters as M, findFilter as j } from "../utils/index.mjs";
+import { PivotGridConfiguratorEditorAxesContext as q } from "./EditorContext.mjs";
+import { PivotGridAxisFilterFieldsEditor as J } from "./AxisFilterFieldsEditor.mjs";
+import { PivotGridConfiguratorEditorStateContext as L } from "../shared/PivotGridConfiguratorEditorStateContext.mjs";
+import { PIVOT_CONFIGURATOR_ACTION as a } from "../hooks/usePivotConfiguratorEditor.mjs";
+const T = r.forwardRef((t, P) => {
+  const u = r.useRef(0), m = r.useRef(0), f = r.useRef(null), i = r.useRef(null), h = r.useRef(null), { axes: p } = r.useContext(q), [y, x] = r.useState(!1), [n, l] = r.useContext(L);
+  r.useImperativeHandle(i, () => f.current && f.current.element), r.useImperativeHandle(h, () => ({ props: t, element: i.current })), r.useImperativeHandle(P, () => h.current);
+  const [E, D] = c(t.chip || s.chip), [v, F] = c(t.dropClue || s.dropClue), [S, A] = c(t.columnMenuTextColumn || s.columnMenuTextColumn), [b, G] = c(t.filterFieldsEditor || s.filterFieldsEditor), I = M(n.filter, String(t.value), "in"), C = M(n.filter, String(t.value)), X = (e, o) => {
+    l({ type: a.setSort, payload: o }, e);
+  }, N = (e, o) => {
+    o.length ? l({
+      type: a.setFilter,
+      payload: [
+        ...I || [],
+        ...o.reduce((d, g) => [
+          ...d,
+          ...g.filters.filter((_) => _.value)
+        ], [])
+      ]
+    }, e) : l({ type: a.setFilter, payload: I }, e);
+  }, O = (e) => {
+    l({ type: a.remove, payload: t.dataItem }, e.syntheticEvent);
+  }, Y = (e) => {
+    const o = e.slice(), d = j(n.filter, String(t.dataItem.name), "in");
+    return o.splice(1, 0, /* @__PURE__ */ r.createElement(
+      b,
+      {
+        key: "axis-filter-fields-editor",
+        defaultFilter: d,
+        dataItem: t.dataItem,
+        data: t.dataItem.fields,
+        axes: p,
+        ...G
+      }
+    )), o;
+  }, H = (e) => {
+    u.current = e.clientX, m.current = e.clientY;
+  }, k = (e) => {
+    Math.abs(u.current - e.clientX) < 10 && Math.abs(m.current - e.clientY) < 10 || (i.current && (i.current.style.transform = `translate(${e.clientX - u.current}px, ${e.clientY - m.current}px)`), x(!0), l({ type: a.setDragItem, payload: t.dataItem }));
+  }, w = () => {
+    x(!1), n.dragItem && (i.current && (i.current.style.transform = ""), l({ type: a.drop, payload: t.dataItem }));
+  }, z = (e) => {
+    n.dragItem && (l({ type: a.setDropTarget, payload: t.dataItem }, e.syntheticEvent), l({ type: a.setDropZone, payload: p }, e.syntheticEvent));
+  }, U = (e) => {
+    if (n.dragItem && !y && i.current) {
+      const o = i.current.getBoundingClientRect(), g = e.syntheticEvent.clientX - o.left < o.width / 2 ? "before" : "after";
+      l({ type: a.setDropDirection, payload: g }, e.syntheticEvent);
+    }
+  };
+  return $(i, {
+    onPress: H,
+    onDrag: k,
+    onRelease: w
+  }), /* @__PURE__ */ r.createElement(r.Fragment, null, n.dropTarget && R(n.dropTarget, t.dataItem) && n.dropDirection === "before" && /* @__PURE__ */ r.createElement(v, { ...F }), /* @__PURE__ */ r.createElement(
+    E,
+    {
+      ref: B(E) ? f : void 0,
+      ...t,
+      removable: !0,
+      onRemove: O,
+      onMouseEnter: z,
+      onMouseMove: U,
+      style: { pointerEvents: y ? "none" : void 0 },
+      rounded: "full",
+      ...D
+    },
+    t.text,
+    p !== "measureAxes" && /* @__PURE__ */ r.createElement(
+      S,
+      {
+        field: String(t.value),
+        itemsRender: Y,
+        sort: n.sort,
+        onSortChange: X,
+        filter: C && C.length ? [{ logic: "and", filters: C }] : void 0,
+        onFilterChange: N,
+        filterContent: [
+          K
+        ],
+        ...A
+      }
+    )
+  ), n.dropTarget && R(n.dropTarget, t.dataItem) && n.dropDirection === "after" && /* @__PURE__ */ r.createElement(v, { ...F }));
+}), s = {
+  chip: Z,
+  columnMenuTextColumn: V,
+  filterFieldsEditor: J,
+  dropClue: (t) => /* @__PURE__ */ r.createElement("div", { className: "k-grouping-dropclue", style: { position: "relative", zIndex: 1e4 }, ...t })
+};
+T.defaultProps = s;
+T.displayName = "KendoReactPivotGridAxisEditor";
+export {
+  T as PivotGridAxisEditor
+};

package/components/AxisFilterFieldsEditor.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 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;

package/components/AxisFilterFieldsEditor.mjs

@@ -0,0 +1,159 @@
+/**
+ * @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 { TreeView as Y } 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 { 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 { PIVOT_CONFIGURATOR_ACTION as u } from "../hooks/usePivotConfiguratorEditor.mjs";
+const S = t.forwardRef(
+  (o, w) => {
+    const {
+      data: A,
+      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);
+    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(
+      [],
+      void 0,
+      c,
+      ie
+    ), 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),
+      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),
+      checkIndeterminate: (e) => {
+        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) => {
+      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({
+        value: e.item.dataItem,
+        target: c.current,
+        syntheticEvent: e.syntheticEvent
+      });
+    }, J = (e) => {
+      let a;
+      e.item.checked ? a = {
+        field: String(p.name),
+        operator: "in",
+        value: E.filter((n) => n.checked).map((n) => String(n.value)).filter((n) => n !== e.item.value && n !== e.item.parent).join(",")
+      } : a = {
+        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) => {
+      d(!1), r && F({
+        type: u.removeFilter,
+        payload: r
+      }, e);
+    }, W = (e) => {
+      d(!1), r && F({
+        type: h ? u.changeFilter : u.addFilter,
+        payload: r
+      }, e);
+    };
+    return /* @__PURE__ */ t.createElement(
+      "div",
+      {
+        ref: f,
+        id: o.id,
+        tabIndex: o.tabIndex,
+        style: o.style,
+        className: ne("k-columnmenu-item-wrapper", o.className)
+      },
+      /* @__PURE__ */ t.createElement(
+        B,
+        {
+          ...R,
+          title: "Include Fields",
+          iconClass: "k-i-grid-layout",
+          svgIcon: ae,
+          onClick: U
+        }
+      ),
+      /* @__PURE__ */ t.createElement(
+        T,
+        {
+          show: s,
+          actions: /* @__PURE__ */ t.createElement(t.Fragment, null, /* @__PURE__ */ t.createElement(
+            O,
+            {
+              type: "reset",
+              onClick: Q,
+              ...D
+            },
+            C.toLanguageString(M, N[M])
+          ), /* @__PURE__ */ t.createElement(
+            G,
+            {
+              themeColor: "primary",
+              onClick: W,
+              ...q
+            },
+            C.toLanguageString(P, N[P])
+          )),
+          ...V
+        },
+        m && m.length ? /* @__PURE__ */ t.createElement(
+          L,
+          {
+            data: m,
+            checkboxes: !0,
+            onExpandChange: X,
+            onCheckChange: J,
+            textField: "caption",
+            expandIcons: !0,
+            hasChildrenField: "hasChildren",
+            checkIndeterminateField: "checkIndeterminate",
+            childrenField: "children",
+            ..._
+          }
+        ) : /* @__PURE__ */ t.createElement(b, { ...H })
+      )
+    );
+  }
+), i = {
+  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
+};
+S.defaultProps = i;
+S.displayName = "KendoReactPivotGridAxisFilterFieldsEditor";
+export {
+  S as PivotGridAxisFilterFieldsEditor
+};

package/components/Cell.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"),r=require("@progress/kendo-react-common");function d(e){const l=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const n=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(l,t,n.get?n:{enumerable:!0,get:()=>e[t]})}}return l.default=e,Object.freeze(l)}const a=d(o),c=a.forwardRef((e,l)=>{const t=a.useRef(null),n=a.useRef(null);a.useImperativeHandle(t,()=>({element:n.current,props:e})),a.useImperativeHandle(l,()=>t.current);const i=r.useMouse(e,t);return a.createElement("td",{ref:n,...i,id:e.id,style:e.style,tabIndex:e.tabIndex,role:e.role,"aria-describedby":e.ariaDescribedby,className:r.classNames("k-pivotgrid-cell",{"k-pivotgrid-header-total":e.total},e.className)},e.children)});c.displayName="KendoReactPivotGridCell";exports.PivotGridCell=c;