@progress/kendo-react-charts 9.0.0-develop.2 → 9.0.0-develop.21

package/sankey/SankeyTooltip.mjs

@@ -12,7 +12,12 @@ import { arrowLeftIcon as v, arrowRightIcon as k } from "@progress/kendo-svg-ico
 import { useInternationalization as I, useLocalization as b } from "@progress/kendo-react-intl";
 import { tooltipUnitFormat as u, messages as w } from "./messages.mjs";
 const R = (e) => {
-  const { Content: l, dir: o, offset: i, event: { tooltipData: n, dataItem: E, nodeValue: y } } = e, p = t.useRef(null);
+  const {
+    Content: l,
+    dir: o,
+    offset: i,
+    event: { tooltipData: n, dataItem: E, nodeValue: y }
+  } = e, p = t.useRef(null);
   return t.useEffect(() => {
     const r = p.current;
     if (!n || !r)
@@ -40,7 +45,10 @@ const R = (e) => {
       marginLeft: d
     }
   }
-), c = (e) => /* @__PURE__ */ t.createElement("span", { style: { margin: z } }, e.children), g = (e) => I().format(b().toLanguageString(u, w[u]), [e || 0]), S = (e) => {
+), c = (e) => /* @__PURE__ */ t.createElement("span", { style: { margin: z } }, e.children), g = (e) => I().format(
+  b().toLanguageString(u, w[u]),
+  [e || 0]
+), S = (e) => {
   const { color: l, label: o } = e.dataItem;
   return /* @__PURE__ */ t.createElement("div", { style: h, className: "k-tooltip-content" }, /* @__PURE__ */ t.createElement(m, { color: l }), /* @__PURE__ */ t.createElement(c, null, o.text), /* @__PURE__ */ t.createElement(c, null, g(e.nodeValue)));
 }, $ = (e) => {

package/sankey/propTypes.mjs

@@ -17,10 +17,7 @@ const r = e.exact({
   ...i,
   top: e.number,
   bottom: e.number
-}, o = e.oneOfType([
-  e.number,
-  e.exact(l)
-]), t = o, n = e.exact({
+}, o = e.oneOfType([e.number, e.exact(l)]), t = o, n = e.exact({
   width: e.number,
   color: e.string,
   opacity: e.number,

package/store/reducer.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 u=(t,e)=>e.chartCollectionIdxKey?c.collectionConfigurationItem(t,e):e.chartKey?c.configurationItem(t,e):{},a=(t,e)=>{if(e.type)switch(e.type){case"set":return c.themeItem(t,e);case"push":return Object.assign(t,e.payload);default:return t}else return{}},d=(t,e)=>{if(e.type)switch(e.type){case"add":return[...t,e.payload];case"remove":return t.filter(r=>r!==e.payload);default:return t}else return[]},c={configurationItem(t,e){return Object.assign(t,{[e.chartKey]:e.payload})},collectionConfigurationItem(t,e){let r=!1;const[o,n]=e.chartCollectionIdxKey.split("_"),i=t[o].map((l,s)=>parseInt(n,10)===s?(r=!0,e.payload):l);return r===!1&&i.splice(parseInt(n,10),0,e.payload),Object.assign(t,{[o]:i})},themeItem(t,e){let r={},o=Object.assign(r,t);const{field:n,value:i}=e.payload,l=n.split(".");let s=l.shift();for(;l.length>0;)r=r[s]=r[s]||{},s=l.shift();return r[s]=i,o}};exports.observersReducer=d;exports.optionsReducer=u;exports.themeReducer=a;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=(t,e)=>e.chartCollectionIdxKey?i.collectionConfigurationItem(t,e):e.chartKey?i.configurationItem(t,e):{},a=(t,e)=>{if(e.type)switch(e.type){case"set":return i.themeItem(t,e);case"push":return Object.assign(t,e.payload);default:return t}else return{}},d=(t,e)=>{if(e.type)switch(e.type){case"add":return[...t,e.payload];case"remove":return t.filter(r=>r!==e.payload);default:return t}else return[]},i={configurationItem(t,e){return Object.assign(t,{[e.chartKey]:e.payload})},collectionConfigurationItem(t,e){let r=!1;const[o,n]=e.chartCollectionIdxKey.split("_"),c=t[o].map((l,s)=>parseInt(n,10)===s?(r=!0,e.payload):l);return r===!1&&c.splice(parseInt(n,10),0,e.payload),Object.assign(t,{[o]:c})},themeItem(t,e){let r={};const o=Object.assign(r,t),{field:n,value:c}=e.payload,l=n.split(".");let s=l.shift();for(;l.length>0;)r=r[s]=r[s]||{},s=l.shift();return r[s]=c,o}};exports.observersReducer=d;exports.optionsReducer=u;exports.themeReducer=a;

package/store/reducer.mjs

@@ -24,7 +24,7 @@ const u = (t, e) => e.chartCollectionIdxKey ? c.collectionConfigurationItem(t, e
       case "add":
         return [...t, e.payload];
       case "remove":
-        return t.filter((l) => l !== e.payload);
+        return t.filter((r) => r !== e.payload);
       default:
         return t;
     }
@@ -37,19 +37,19 @@ const u = (t, e) => e.chartCollectionIdxKey ? c.collectionConfigurationItem(t, e
     });
   },
   collectionConfigurationItem(t, e) {
-    let l = !1;
-    const [o, n] = e.chartCollectionIdxKey.split("_"), i = t[o].map((s, r) => parseInt(n, 10) === r ? (l = !0, e.payload) : s);
-    return l === !1 && i.splice(parseInt(n, 10), 0, e.payload), Object.assign(t, {
+    let r = !1;
+    const [o, n] = e.chartCollectionIdxKey.split("_"), i = t[o].map((l, s) => parseInt(n, 10) === s ? (r = !0, e.payload) : l);
+    return r === !1 && i.splice(parseInt(n, 10), 0, e.payload), Object.assign(t, {
       [o]: i
     });
   },
   themeItem(t, e) {
-    let l = {}, o = Object.assign(l, t);
-    const { field: n, value: i } = e.payload, s = n.split(".");
-    let r = s.shift();
-    for (; s.length > 0; )
-      l = l[r] = l[r] || {}, r = s.shift();
-    return l[r] = i, o;
+    let r = {};
+    const o = Object.assign(r, t), { field: n, value: i } = e.payload, l = n.split(".");
+    let s = l.shift();
+    for (; l.length > 0; )
+      r = r[s] = r[s] || {}, s = l.shift();
+    return r[s] = i, o;
   }
 };
 export {

package/tooltip/Crosshair.mjs

@@ -28,14 +28,7 @@ const v = "k-chart-crosshair-tooltip", C = "k-chart-tooltip-inverse", n = class
       [v]: !0,
       [C]: !!o
     });
-    return /* @__PURE__ */ r.createElement(
-      d,
-      {
-        ...e,
-        popupContent: p,
-        className: s
-      }
-    );
+    return /* @__PURE__ */ r.createElement(d, { ...e, popupContent: p, className: s });
   }
   componentWillUnmount() {
     var t;

package/tooltip/Popup.mjs

@@ -43,16 +43,7 @@ const v = { horizontal: "fit", vertical: "fit" }, d = "k-chart-tooltip", C = "k-
         collision: v,
         className: C
       },
-      /* @__PURE__ */ n.createElement(
-        "div",
-        {
-          className: c,
-          style: t,
-          onMouseLeave: this.onMouseLeave,
-          ref: this.popupRef
-        },
-        a()
-      )
+      /* @__PURE__ */ n.createElement("div", { className: c, style: t, onMouseLeave: this.onMouseLeave, ref: this.popupRef }, a())
     );
   }
   componentWillUnmount() {

package/tooltip/Series.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 f=require("react"),m=require("@progress/kendo-react-common"),S=require("@progress/kendo-charts"),h=require("./Point.js"),y=require("./SharedTooltipContent.js"),T=require("./Popup.js"),C=require("../ChartContext.js");function O(p){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(p){for(const e in p)if(e!=="default"){const n=Object.getOwnPropertyDescriptor(p,e);Object.defineProperty(t,e,n.get?n:{enumerable:!0,get:()=>p[e]})}}return t.default=p,Object.freeze(t)}const a=O(f),x="k-chart-shared-tooltip",g="k-chart-tooltip-inverse",c=class c extends a.Component{constructor(){super(...arguments),this.context=null,this.state={popupShown:!1},this.chartObserver=null}componentDidMount(){this.chartObserver=new S.InstanceObserver(this,{showTooltip:"onShowTooltip",hideTooltip:"onHideTooltip"}),this.context.observersStore.dispatch({type:"add",payload:this.chartObserver})}render(){const{popupContext:t,shared:e,className:n,...r}=this.state,i=this.state.popupShown?()=>{const o=this.findRenderFunction();if(e)return o!==null?o(t):a.createElement(y.SharedTooltipContent,{...t});{const d=t.point,u=this.findRenderFunctionByIndex(d.series.index);return u!==null?u(t):o!==null?o(t):a.createElement("span",{dangerouslySetInnerHTML:{__html:t.point.formattedValue}})}}:Function.prototype,s=m.classNames({[x]:e,[g]:!!n});return a.createElement(T.TooltipPopup,{...r,popupContent:i,className:s})}componentWillUnmount(){this.context.observersStore.dispatch({type:"remove",payload:this.chartObserver})}onShowTooltip(t){const{anchor:e,style:n,shared:r,className:i,crosshair:s}=t;let o;s||(r?o=this.createSharedTooltipContext(t):o=this.createTooltipContext(t),this.setState({popupShown:!0,popupAlign:e.align,popupOffset:e.point,popupContext:o,popupStyles:n,className:i,shared:r}))}onHideTooltip(){this.setState({popupShown:!1,popupStyles:{},className:void 0})}createSharedTooltipContext(t){const{points:e,categoryText:n}=t,r=e.filter(o=>typeof o.series.name!="undefined").length>0,i=t.series.length>1;let s=1;return r&&s++,i&&s++,{categoryText:n,colorMarker:i,colspan:s,nameColumn:r,points:t.points.map(o=>new h.TooltipPoint(o,t.format))}}createTooltipContext(t){const{point:e,format:n}=t;return{point:new h.TooltipPoint(e,n)}}findRenderFunctionByIndex(t){const e=this.context.optionsStore.getState().series;return e!==void 0&&Array.isArray(e)&&e[t]!==void 0&&e[t].hasOwnProperty("tooltip")&&e[t].tooltip.hasOwnProperty("render")?e[t].tooltip.render:null}findRenderFunction(){const t=this.context.optionsStore.getState().tooltip;return t!==void 0&&t.hasOwnProperty("render")?t.render:null}};c.contextType=C.ChartContext;let l=c;exports.SeriesTooltip=l;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const f=require("react"),m=require("@progress/kendo-react-common"),S=require("@progress/kendo-charts"),h=require("./Point.js"),y=require("./SharedTooltipContent.js"),T=require("./Popup.js"),C=require("../ChartContext.js");function O(p){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(p){for(const e in p)if(e!=="default"){const n=Object.getOwnPropertyDescriptor(p,e);Object.defineProperty(t,e,n.get?n:{enumerable:!0,get:()=>p[e]})}}return t.default=p,Object.freeze(t)}const a=O(f),x="k-chart-shared-tooltip",g="k-chart-tooltip-inverse",l=class l extends a.Component{constructor(){super(...arguments),this.context=null,this.state={popupShown:!1},this.chartObserver=null}componentDidMount(){this.chartObserver=new S.InstanceObserver(this,{showTooltip:"onShowTooltip",hideTooltip:"onHideTooltip"}),this.context.observersStore.dispatch({type:"add",payload:this.chartObserver})}render(){const{popupContext:t,shared:e,className:n,...r}=this.state,i=this.state.popupShown?()=>{const o=this.findRenderFunction();if(e)return o!==null?o(t):a.createElement(y.SharedTooltipContent,{...t});const d=t.point,u=this.findRenderFunctionByIndex(d.series.index);return u!==null?u(t):o!==null?o(t):a.createElement("span",{dangerouslySetInnerHTML:{__html:t.point.formattedValue}})}:Function.prototype,s=m.classNames({[x]:e,[g]:!!n});return a.createElement(T.TooltipPopup,{...r,popupContent:i,className:s})}componentWillUnmount(){this.context.observersStore.dispatch({type:"remove",payload:this.chartObserver})}onShowTooltip(t){const{anchor:e,style:n,shared:r,className:i,crosshair:s}=t;let o;s||(r?o=this.createSharedTooltipContext(t):o=this.createTooltipContext(t),this.setState({popupShown:!0,popupAlign:e.align,popupOffset:e.point,popupContext:o,popupStyles:n,className:i,shared:r}))}onHideTooltip(){this.setState({popupShown:!1,popupStyles:{},className:void 0})}createSharedTooltipContext(t){const{points:e,categoryText:n}=t,r=e.filter(o=>typeof o.series.name!="undefined").length>0,i=t.series.length>1;let s=1;return r&&s++,i&&s++,{categoryText:n,colorMarker:i,colspan:s,nameColumn:r,points:t.points.map(o=>new h.TooltipPoint(o,t.format))}}createTooltipContext(t){const{point:e,format:n}=t;return{point:new h.TooltipPoint(e,n)}}findRenderFunctionByIndex(t){const e=this.context.optionsStore.getState().series;return e!==void 0&&Array.isArray(e)&&e[t]!==void 0&&e[t].hasOwnProperty("tooltip")&&e[t].tooltip.hasOwnProperty("render")?e[t].tooltip.render:null}findRenderFunction(){const t=this.context.optionsStore.getState().tooltip;return t!==void 0&&t.hasOwnProperty("render")?t.render:null}};l.contextType=C.ChartContext;let c=l;exports.SeriesTooltip=c;

package/tooltip/Series.mjs

@@ -33,27 +33,20 @@ const T = "k-chart-shared-tooltip", x = "k-chart-tooltip-inverse", a = class a e
       const o = this.findRenderFunction();
       if (e)
         return o !== null ? o(t) : /* @__PURE__ */ p.createElement(f, { ...t });
-      {
-        const u = t.point, l = this.findRenderFunctionByIndex(u.series.index);
-        return l !== null ? l(t) : o !== null ? o(t) : /* @__PURE__ */ p.createElement(
-          "span",
-          {
-            dangerouslySetInnerHTML: { __html: t.point.formattedValue }
+      const u = t.point, l = this.findRenderFunctionByIndex(u.series.index);
+      return l !== null ? l(t) : o !== null ? o(t) : /* @__PURE__ */ p.createElement(
+        "span",
+        {
+          dangerouslySetInnerHTML: {
+            __html: t.point.formattedValue
           }
-        );
-      }
+        }
+      );
     } : Function.prototype, s = d({
       [T]: e,
       [x]: !!n
     });
-    return /* @__PURE__ */ p.createElement(
-      S,
-      {
-        ...r,
-        popupContent: i,
-        className: s
-      }
-    );
+    return /* @__PURE__ */ p.createElement(S, { ...r, popupContent: i, className: s });
   }
   componentWillUnmount() {
     this.context.observersStore.dispatch({

package/tooltip/SharedTooltipContent.mjs

@@ -8,13 +8,7 @@
 "use client";
 import * as e from "react";
 const u = "k-chart-shared-tooltip-marker", E = (l) => {
-  const { categoryText: r, colorMarker: n, colspan: a, nameColumn: o, points: c } = l, m = (t, s) => /* @__PURE__ */ e.createElement("tr", { key: s }, n && /* @__PURE__ */ e.createElement("td", null, /* @__PURE__ */ e.createElement(
-    "span",
-    {
-      className: u,
-      style: { backgroundColor: t.series.color }
-    }
-  )), o && /* @__PURE__ */ e.createElement("td", null, t.series.name), /* @__PURE__ */ e.createElement("td", { dangerouslySetInnerHTML: { __html: t.formattedValue } }));
+  const { categoryText: r, colorMarker: n, colspan: a, nameColumn: o, points: c } = l, m = (t, s) => /* @__PURE__ */ e.createElement("tr", { key: s }, n && /* @__PURE__ */ e.createElement("td", null, /* @__PURE__ */ e.createElement("span", { className: u, style: { backgroundColor: t.series.color } })), o && /* @__PURE__ */ e.createElement("td", null, t.series.name), /* @__PURE__ */ e.createElement("td", { dangerouslySetInnerHTML: { __html: t.formattedValue } }));
   return /* @__PURE__ */ e.createElement("table", null, /* @__PURE__ */ e.createElement("thead", null, /* @__PURE__ */ e.createElement("tr", null, /* @__PURE__ */ e.createElement("th", { colSpan: a }, r))), /* @__PURE__ */ e.createElement("tbody", null, c.map(m)));
 };
 export {

package/utils/index.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"});function o(r,t){let e=r;for(;e&&e!==t;)e=e.parentNode;return!!e}function i(r,t,e,l){const n=r[t];if(n&&Array.isArray(n)){for(let a of n)if(!a.type||a.type!==l)return new Error(`${e} children should be Array of type ${l.displayName}.`)}return null}const u=r=>r===void 0?!1:!r;exports.hasParent=o;exports.toggle=u;exports.validateChildren=i;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function l(r,t){let e=r;for(;e&&e!==t;)e=e.parentNode;return!!e}function i(r,t,e,o){const n=r[t];if(n&&Array.isArray(n)){for(const a of n)if(!a.type||a.type!==o)return new Error(`${e} children should be Array of type ${o.displayName}.`)}return null}const u=r=>r===void 0?!1:!r;exports.hasParent=l;exports.toggle=u;exports.validateChildren=i;

package/utils/index.mjs

@@ -6,26 +6,24 @@
  *-------------------------------------------------------------------------------------------
  */
 "use client";
-function a(r, t) {
+function i(r, t) {
   let e = r;
   for (; e && e !== t; )
     e = e.parentNode;
   return !!e;
 }
-function i(r, t, e, o) {
+function l(r, t, e, o) {
   const n = r[t];
   if (n && Array.isArray(n)) {
-    for (let l of n)
-      if (!l.type || l.type !== o)
-        return new Error(
-          `${e} children should be Array of type ${o.displayName}.`
-        );
+    for (const a of n)
+      if (!a.type || a.type !== o)
+        return new Error(`${e} children should be Array of type ${o.displayName}.`);
   }
   return null;
 }
 const u = (r) => r === void 0 ? !1 : !r;
 export {
-  a as hasParent,
+  i as hasParent,
   u as toggle,
-  i as validateChildren
+  l as validateChildren
 };