@progress/kendo-react-charts 9.4.0-develop.6 → 9.4.0-develop.8
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/BaseChart.js +1 -1
- package/BaseChart.mjs +0 -1
- package/Chart.js +1 -1
- package/Chart.mjs +3 -4
- package/ChartBreadcrumb.js +1 -1
- package/ChartBreadcrumb.mjs +0 -1
- package/ChartContext.js +1 -1
- package/ChartContext.mjs +0 -1
- package/ChartNoDataOverlay.js +1 -1
- package/ChartNoDataOverlay.mjs +4 -5
- package/Container.js +1 -1
- package/Container.mjs +3 -4
- package/DonutCenter.js +1 -1
- package/DonutCenter.mjs +0 -1
- package/Sparkline.js +1 -1
- package/Sparkline.mjs +0 -1
- package/StockChart.js +1 -1
- package/StockChart.mjs +0 -1
- package/components/AxisDefaults.js +1 -1
- package/components/AxisDefaults.mjs +0 -1
- package/components/CategoryAxis.js +1 -1
- package/components/CategoryAxis.mjs +10 -11
- package/components/CategoryAxisItem.js +1 -1
- package/components/CategoryAxisItem.mjs +0 -1
- package/components/ChartArea.js +1 -1
- package/components/ChartArea.mjs +4 -5
- package/components/Legend.js +1 -1
- package/components/Legend.mjs +3 -4
- package/components/Navigator.js +1 -1
- package/components/Navigator.mjs +0 -1
- package/components/Pane.js +1 -1
- package/components/Pane.mjs +3 -4
- package/components/PaneDefaults.js +1 -1
- package/components/PaneDefaults.mjs +5 -6
- package/components/Panes.js +1 -1
- package/components/Panes.mjs +4 -5
- package/components/PlotArea.js +1 -1
- package/components/PlotArea.mjs +3 -4
- package/components/Series.js +1 -1
- package/components/Series.mjs +5 -6
- package/components/SeriesDefaults.js +1 -1
- package/components/SeriesDefaults.mjs +0 -1
- package/components/SeriesItem.js +1 -1
- package/components/SeriesItem.mjs +0 -1
- package/components/Subtitle.js +1 -1
- package/components/Subtitle.mjs +0 -1
- package/components/Title.js +1 -1
- package/components/Title.mjs +0 -1
- package/components/Tooltip.js +1 -1
- package/components/Tooltip.mjs +3 -4
- package/components/ValueAxis.js +1 -1
- package/components/ValueAxis.mjs +10 -11
- package/components/ValueAxisItem.js +1 -1
- package/components/ValueAxisItem.mjs +2 -3
- package/components/XAxis.js +1 -1
- package/components/XAxis.mjs +5 -6
- package/components/XAxisItem.js +1 -1
- package/components/XAxisItem.mjs +0 -1
- package/components/YAxis.js +1 -1
- package/components/YAxis.mjs +9 -10
- package/components/YAxisItem.js +1 -1
- package/components/YAxisItem.mjs +0 -1
- package/components/Zoomable.js +1 -1
- package/components/Zoomable.mjs +3 -4
- package/components/axis-defaults/Crosshair.js +1 -1
- package/components/axis-defaults/Crosshair.mjs +2 -3
- package/components/axis-defaults/CrosshairTooltip.js +1 -1
- package/components/axis-defaults/CrosshairTooltip.mjs +2 -3
- package/components/axis-defaults/Labels.js +1 -1
- package/components/axis-defaults/Labels.mjs +5 -6
- package/components/axis-defaults/Title.js +1 -1
- package/components/axis-defaults/Title.mjs +0 -1
- package/components/base/CollectionConfigurationComponent.js +1 -1
- package/components/base/CollectionConfigurationComponent.mjs +12 -13
- package/components/base/ConfigurationComponent.js +1 -1
- package/components/base/ConfigurationComponent.mjs +0 -1
- package/components/category-axis-item/Crosshair.js +1 -1
- package/components/category-axis-item/Crosshair.mjs +4 -5
- package/components/category-axis-item/CrosshairTooltip.js +1 -1
- package/components/category-axis-item/CrosshairTooltip.mjs +3 -4
- package/components/category-axis-item/Labels.js +1 -1
- package/components/category-axis-item/Labels.mjs +0 -1
- package/components/category-axis-item/Notes.js +1 -1
- package/components/category-axis-item/Notes.mjs +4 -5
- package/components/category-axis-item/NotesIcon.js +1 -1
- package/components/category-axis-item/NotesIcon.mjs +0 -1
- package/components/category-axis-item/NotesLabel.js +1 -1
- package/components/category-axis-item/NotesLabel.mjs +2 -3
- package/components/category-axis-item/RangeLabels.js +1 -1
- package/components/category-axis-item/RangeLabels.mjs +0 -1
- package/components/category-axis-item/Title.js +1 -1
- package/components/category-axis-item/Title.mjs +0 -1
- package/components/legend/InactiveItems.js +1 -1
- package/components/legend/InactiveItems.mjs +0 -1
- package/components/legend/Item.js +1 -1
- package/components/legend/Item.mjs +0 -1
- package/components/legend/Title.js +1 -1
- package/components/legend/Title.mjs +0 -1
- package/components/navigator/CategoryAxis.js +1 -1
- package/components/navigator/CategoryAxis.mjs +0 -1
- package/components/navigator/Hint.js +1 -1
- package/components/navigator/Hint.mjs +3 -4
- package/components/navigator/Pane.js +1 -1
- package/components/navigator/Pane.mjs +0 -1
- package/components/navigator/Select.js +1 -1
- package/components/navigator/Select.mjs +0 -1
- package/components/navigator/Series.js +1 -1
- package/components/navigator/Series.mjs +0 -1
- package/components/navigator/SeriesItem.js +1 -1
- package/components/navigator/SeriesItem.mjs +2 -3
- package/components/pane-defaults/Title.js +1 -1
- package/components/pane-defaults/Title.mjs +0 -1
- package/components/series-item/ErrorBars.js +1 -1
- package/components/series-item/ErrorBars.mjs +3 -4
- package/components/series-item/Extremes.js +1 -1
- package/components/series-item/Extremes.mjs +0 -1
- package/components/series-item/Highlight.js +1 -1
- package/components/series-item/Highlight.mjs +3 -4
- package/components/series-item/Labels.js +1 -1
- package/components/series-item/Labels.mjs +0 -1
- package/components/series-item/LabelsFrom.js +1 -1
- package/components/series-item/LabelsFrom.mjs +3 -4
- package/components/series-item/LabelsTo.js +1 -1
- package/components/series-item/LabelsTo.mjs +2 -3
- package/components/series-item/Markers.js +1 -1
- package/components/series-item/Markers.mjs +2 -3
- package/components/series-item/Notes.js +1 -1
- package/components/series-item/Notes.mjs +2 -3
- package/components/series-item/NotesIcon.js +1 -1
- package/components/series-item/NotesIcon.mjs +3 -4
- package/components/series-item/NotesLabel.js +1 -1
- package/components/series-item/NotesLabel.mjs +0 -1
- package/components/series-item/Outliers.js +1 -1
- package/components/series-item/Outliers.mjs +2 -3
- package/components/series-item/Tooltip.js +1 -1
- package/components/series-item/Tooltip.mjs +0 -1
- package/components/value-axis-item/Crosshair.js +1 -1
- package/components/value-axis-item/Crosshair.mjs +3 -4
- package/components/value-axis-item/CrosshairTooltip.js +1 -1
- package/components/value-axis-item/CrosshairTooltip.mjs +3 -4
- package/components/value-axis-item/Labels.js +1 -1
- package/components/value-axis-item/Labels.mjs +0 -1
- package/components/value-axis-item/Notes.js +1 -1
- package/components/value-axis-item/Notes.mjs +4 -5
- package/components/value-axis-item/NotesIcon.js +1 -1
- package/components/value-axis-item/NotesIcon.mjs +2 -3
- package/components/value-axis-item/NotesLabel.js +1 -1
- package/components/value-axis-item/NotesLabel.mjs +0 -1
- package/components/value-axis-item/Title.js +1 -1
- package/components/value-axis-item/Title.mjs +0 -1
- package/components/x-axis-item/Crosshair.js +1 -1
- package/components/x-axis-item/Crosshair.mjs +3 -4
- package/components/x-axis-item/CrosshairTooltip.js +1 -1
- package/components/x-axis-item/CrosshairTooltip.mjs +3 -4
- package/components/x-axis-item/Labels.js +1 -1
- package/components/x-axis-item/Labels.mjs +0 -1
- package/components/x-axis-item/Notes.js +1 -1
- package/components/x-axis-item/Notes.mjs +3 -4
- package/components/x-axis-item/NotesIcon.js +1 -1
- package/components/x-axis-item/NotesIcon.mjs +2 -3
- package/components/x-axis-item/NotesLabel.js +1 -1
- package/components/x-axis-item/NotesLabel.mjs +2 -3
- package/components/x-axis-item/Title.js +1 -1
- package/components/x-axis-item/Title.mjs +0 -1
- package/components/y-axis-item/Crosshair.js +1 -1
- package/components/y-axis-item/Crosshair.mjs +3 -4
- package/components/y-axis-item/CrosshairTooltip.js +1 -1
- package/components/y-axis-item/CrosshairTooltip.mjs +3 -4
- package/components/y-axis-item/Labels.js +1 -1
- package/components/y-axis-item/Labels.mjs +0 -1
- package/components/y-axis-item/Notes.js +1 -1
- package/components/y-axis-item/Notes.mjs +3 -4
- package/components/y-axis-item/NotesIcon.js +1 -1
- package/components/y-axis-item/NotesIcon.mjs +2 -3
- package/components/y-axis-item/NotesLabel.js +1 -1
- package/components/y-axis-item/NotesLabel.mjs +2 -3
- package/components/y-axis-item/Title.js +1 -1
- package/components/y-axis-item/Title.mjs +0 -1
- package/events/axis-label-click-event.js +1 -1
- package/events/axis-label-click-event.mjs +0 -1
- package/events/base-event.js +1 -1
- package/events/base-event.mjs +2 -3
- package/events/chart-event-builder.js +1 -1
- package/events/chart-event-builder.mjs +4 -5
- package/events/dom-event.js +1 -1
- package/events/dom-event.mjs +7 -8
- package/events/drag-end-event.js +1 -1
- package/events/drag-end-event.mjs +4 -5
- package/events/drag-event.js +1 -1
- package/events/drag-event.mjs +2 -3
- package/events/drag-start-event.js +1 -1
- package/events/drag-start-event.mjs +0 -1
- package/events/drilldown-event.js +1 -1
- package/events/drilldown-event.mjs +0 -1
- package/events/drilldown-state-change-event.js +1 -1
- package/events/drilldown-state-change-event.mjs +0 -1
- package/events/legend-item-click-event.js +1 -1
- package/events/legend-item-click-event.mjs +0 -1
- package/events/legend-item-hover-event.js +1 -1
- package/events/legend-item-hover-event.mjs +0 -1
- package/events/legend-item-leave-event.js +1 -1
- package/events/legend-item-leave-event.mjs +0 -1
- package/events/navigator-filter-event.js +1 -1
- package/events/navigator-filter-event.mjs +0 -1
- package/events/note-click-event.js +1 -1
- package/events/note-click-event.mjs +0 -1
- package/events/note-hover-event.js +1 -1
- package/events/note-hover-event.mjs +2 -3
- package/events/plot-area-click-event.js +1 -1
- package/events/plot-area-click-event.mjs +0 -1
- package/events/plot-area-hover-event.js +1 -1
- package/events/plot-area-hover-event.mjs +3 -4
- package/events/preventable-event.js +1 -1
- package/events/preventable-event.mjs +0 -1
- package/events/render-event.js +1 -1
- package/events/render-event.mjs +2 -3
- package/events/select-end-event.js +1 -1
- package/events/select-end-event.mjs +2 -3
- package/events/select-event.js +1 -1
- package/events/select-event.mjs +4 -5
- package/events/select-start-event.js +1 -1
- package/events/select-start-event.mjs +2 -3
- package/events/series-click-event.js +1 -1
- package/events/series-click-event.mjs +0 -1
- package/events/series-hover-event.js +1 -1
- package/events/series-hover-event.mjs +0 -1
- package/events/zoom-end-event.js +1 -1
- package/events/zoom-end-event.mjs +5 -6
- package/events/zoom-event.js +1 -1
- package/events/zoom-event.mjs +0 -1
- package/events/zoom-start-event.js +1 -1
- package/events/zoom-start-event.mjs +2 -3
- package/index.js +2 -1
- package/messages.js +1 -1
- package/messages.mjs +0 -1
- package/methods/index.js +1 -1
- package/methods/index.mjs +9 -10
- package/package-metadata.js +1 -1
- package/package-metadata.mjs +2 -3
- package/package.json +6 -6
- package/sankey/Sankey.js +1 -1
- package/sankey/Sankey.mjs +0 -1
- package/sankey/SankeyTooltip.js +1 -1
- package/sankey/SankeyTooltip.mjs +7 -8
- package/sankey/messages.js +1 -1
- package/sankey/messages.mjs +0 -1
- package/sankey/propTypes.js +1 -1
- package/sankey/propTypes.mjs +0 -1
- package/sankey/theme-service.js +2 -2
- package/sankey/theme-service.mjs +0 -1
- package/sankey/utils.js +1 -1
- package/sankey/utils.mjs +0 -1
- package/store/reducer.js +1 -1
- package/store/reducer.mjs +3 -4
- package/store/store.js +1 -1
- package/store/store.mjs +0 -1
- package/theming/theme-service.js +1 -1
- package/theming/theme-service.mjs +0 -1
- package/tooltip/Crosshair.js +1 -1
- package/tooltip/Crosshair.mjs +6 -7
- package/tooltip/CrosshairContainer.js +1 -1
- package/tooltip/CrosshairContainer.mjs +0 -1
- package/tooltip/Point.js +1 -1
- package/tooltip/Point.mjs +4 -5
- package/tooltip/Popup.js +1 -1
- package/tooltip/Popup.mjs +6 -7
- package/tooltip/Series.js +1 -1
- package/tooltip/Series.mjs +18 -19
- package/tooltip/SharedTooltipContent.js +1 -1
- package/tooltip/SharedTooltipContent.mjs +0 -1
- package/utils/index.js +1 -1
- package/utils/index.mjs +9 -10
package/sankey/Sankey.mjs
CHANGED
|
@@ -5,7 +5,6 @@
|
|
|
5
5
|
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
6
6
|
*-------------------------------------------------------------------------------------------
|
|
7
7
|
*/
|
|
8
|
-
"use client";
|
|
9
8
|
import * as t from "react";
|
|
10
9
|
import { Sankey as O } from "@progress/kendo-charts";
|
|
11
10
|
import { loadTheme as D } from "./theme-service.mjs";
|
package/sankey/SankeyTooltip.js
CHANGED
|
@@ -5,4 +5,4 @@
|
|
|
5
5
|
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
6
6
|
*-------------------------------------------------------------------------------------------
|
|
7
7
|
*/
|
|
8
|
-
"use
|
|
8
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const v=require("react"),x=require("@progress/kendo-react-common"),d=require("@progress/kendo-svg-icons"),g=require("@progress/kendo-react-intl"),p=require("./messages.js");function I(t){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const o in t)if(o!=="default"){const l=Object.getOwnPropertyDescriptor(t,o);Object.defineProperty(n,o,l.get?l:{enumerable:!0,get:()=>t[o]})}}return n.default=t,Object.freeze(n)}const e=I(v),T=t=>{const{Content:n,dir:o,offset:l,event:{tooltipData:r,dataItem:b,nodeValue:k}}=t,m=e.useRef(null);return e.useEffect(()=>{const i=m.current;if(!r||!i)return;const f={width:i.offsetWidth,height:i.offsetHeight},a={...r.popupOffset},s=r.popupAlign;a.left+=s.horizontal==="left"?l:-1*l,s.horizontal==="right"&&(a.left-=f.width),s.vertical==="bottom"?a.top-=f.height+l:a.top+=l,i.style.left=`${a.left}px`,i.style.top=`${a.top}px`,i.style.visibility=""},[r]),e.createElement("div",{ref:m,style:{visibility:"hidden"},dir:o,className:"k-tooltip k-sankey-tooltip k-chart-tooltip k-chart-shared-tooltip"},e.createElement("div",{className:"k-tooltip-content"},e.createElement(n,{dir:o,dataItem:b,nodeValue:k})))},h=3,C=`0 ${h}px`,y={display:"flex",alignItems:"center"},u=t=>e.createElement("div",{style:{width:15,height:15,backgroundColor:t.color,display:"inline-flex",marginLeft:h}}),c=t=>e.createElement("span",{style:{margin:C}},t.children),E=t=>g.useInternationalization().format(g.useLocalization().toLanguageString(p.tooltipUnitFormat,p.messages[p.tooltipUnitFormat]),[t||0]),O=t=>{const{color:n,label:o}=t.dataItem;return e.createElement("div",{style:y,className:"k-tooltip-content"},e.createElement(u,{color:n}),e.createElement(c,null,o.text),e.createElement(c,null,E(t.nodeValue)))},S=t=>{const{source:n,target:o,value:l}=t.dataItem,r=t.dir==="rtl"?d.arrowLeftIcon:d.arrowRightIcon;return e.createElement("div",{style:y},e.createElement(u,{color:n.color}),e.createElement(c,null,n.label.text),e.createElement(x.IconWrap,{icon:r,name:r.name}),e.createElement(u,{color:o.color}),e.createElement(c,null,o.label.text),e.createElement(c,null,E(l)))};exports.LinkTooltipContent=S;exports.NodeTooltipContent=O;exports.TooltipComponent=T;
|
package/sankey/SankeyTooltip.mjs
CHANGED
|
@@ -5,7 +5,6 @@
|
|
|
5
5
|
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
6
6
|
*-------------------------------------------------------------------------------------------
|
|
7
7
|
*/
|
|
8
|
-
"use client";
|
|
9
8
|
import * as t from "react";
|
|
10
9
|
import { IconWrap as x } from "@progress/kendo-react-common";
|
|
11
10
|
import { arrowLeftIcon as v, arrowRightIcon as k } from "@progress/kendo-svg-icons";
|
|
@@ -15,15 +14,15 @@ const R = (e) => {
|
|
|
15
14
|
const {
|
|
16
15
|
Content: l,
|
|
17
16
|
dir: o,
|
|
18
|
-
offset:
|
|
17
|
+
offset: r,
|
|
19
18
|
event: { tooltipData: n, dataItem: E, nodeValue: y }
|
|
20
19
|
} = e, p = t.useRef(null);
|
|
21
20
|
return t.useEffect(() => {
|
|
22
|
-
const
|
|
23
|
-
if (!n || !
|
|
21
|
+
const i = p.current;
|
|
22
|
+
if (!n || !i)
|
|
24
23
|
return;
|
|
25
|
-
const f = { width:
|
|
26
|
-
a.left += s.horizontal === "left" ?
|
|
24
|
+
const f = { width: i.offsetWidth, height: i.offsetHeight }, a = { ...n.popupOffset }, s = n.popupAlign;
|
|
25
|
+
a.left += s.horizontal === "left" ? r : -1 * r, s.horizontal === "right" && (a.left -= f.width), s.vertical === "bottom" ? a.top -= f.height + r : a.top += r, i.style.left = `${a.left}px`, i.style.top = `${a.top}px`, i.style.visibility = "";
|
|
27
26
|
}, [n]), /* @__PURE__ */ t.createElement(
|
|
28
27
|
"div",
|
|
29
28
|
{
|
|
@@ -52,8 +51,8 @@ const R = (e) => {
|
|
|
52
51
|
const { color: l, label: o } = e.dataItem;
|
|
53
52
|
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)));
|
|
54
53
|
}, $ = (e) => {
|
|
55
|
-
const { source: l, target: o, value:
|
|
56
|
-
return /* @__PURE__ */ t.createElement("div", { style: h }, /* @__PURE__ */ t.createElement(m, { color: l.color }), /* @__PURE__ */ t.createElement(c, null, l.label.text), /* @__PURE__ */ t.createElement(x, { icon: n, name: n.name }), /* @__PURE__ */ t.createElement(m, { color: o.color }), /* @__PURE__ */ t.createElement(c, null, o.label.text), /* @__PURE__ */ t.createElement(c, null, g(
|
|
54
|
+
const { source: l, target: o, value: r } = e.dataItem, n = e.dir === "rtl" ? v : k;
|
|
55
|
+
return /* @__PURE__ */ t.createElement("div", { style: h }, /* @__PURE__ */ t.createElement(m, { color: l.color }), /* @__PURE__ */ t.createElement(c, null, l.label.text), /* @__PURE__ */ t.createElement(x, { icon: n, name: n.name }), /* @__PURE__ */ t.createElement(m, { color: o.color }), /* @__PURE__ */ t.createElement(c, null, o.label.text), /* @__PURE__ */ t.createElement(c, null, g(r)));
|
|
57
56
|
};
|
|
58
57
|
export {
|
|
59
58
|
$ as LinkTooltipContent,
|
package/sankey/messages.js
CHANGED
|
@@ -5,4 +5,4 @@
|
|
|
5
5
|
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
6
6
|
*-------------------------------------------------------------------------------------------
|
|
7
7
|
*/
|
|
8
|
-
"use
|
|
8
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t="sankey.tooltipUnitFormat",o={[t]:"({0} units)"};exports.messages=o;exports.tooltipUnitFormat=t;
|
package/sankey/messages.mjs
CHANGED
|
@@ -5,7 +5,6 @@
|
|
|
5
5
|
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
6
6
|
*-------------------------------------------------------------------------------------------
|
|
7
7
|
*/
|
|
8
|
-
"use client";
|
|
9
8
|
const t = "sankey.tooltipUnitFormat", o = {
|
|
10
9
|
[t]: "({0} units)"
|
|
11
10
|
};
|
package/sankey/propTypes.js
CHANGED
|
@@ -5,4 +5,4 @@
|
|
|
5
5
|
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
6
6
|
*-------------------------------------------------------------------------------------------
|
|
7
7
|
*/
|
|
8
|
-
"use
|
|
8
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("prop-types"),r=e.exact({left:e.number,top:e.number}),i={left:e.number,right:e.number},l={...i,top:e.number,bottom:e.number},t=e.oneOfType([e.number,e.exact(l)]),n=t,o=e.exact({width:e.number,color:e.string,opacity:e.number,dashType:e.string}),s={visible:e.bool,font:e.string,color:e.string,opacity:e.number,align:e.oneOf(["left","right","center"]),position:e.oneOf(["inside","before","after"]),padding:n,margin:e.exact(i),border:o,offset:r},a={color:e.string,opacity:e.number,offset:r,padding:e.number,width:e.number,focusHighlight:e.exact({border:o})},c={colorType:e.oneOf(["static","source","target"]),color:e.string,opacity:e.number,highlight:e.exact({opacity:e.number,inactiveOpacity:e.number}),focusHighlight:e.exact({border:o})},b=e.exact({text:e.string,...s}),p=e.exact({id:e.oneOfType([e.string,e.number]).isRequired,label:b.isRequired,...a}),u=e.exact({sourceId:e.oneOfType([e.string,e.number]).isRequired,targetId:e.oneOfType([e.string,e.number]).isRequired,value:e.number.isRequired,...c}),d={data:e.exact({nodes:e.arrayOf(p.isRequired).isRequired,links:e.arrayOf(u.isRequired).isRequired}).isRequired,links:e.exact(c),nodes:e.exact(a),labels:e.exact(s),legend:e.exact({align:e.oneOf(["start","center","end"]),background:e.string,border:o,height:e.number,labels:e.object,margin:t,offsetX:e.number,offsetY:e.number,orientation:e.oneOf(["vertical","horizontal"]),padding:n,position:e.oneOf(["top","bottom","left","right","custom"]),reverse:e.bool,visible:e.bool,width:e.number,item:e.object,title:e.object}),title:e.exact({align:e.oneOf(["center","left","right"]),background:e.string,border:o,color:e.string,font:e.string,margin:t,padding:n,position:e.oneOf(["top","bottom"]),text:e.string,visible:e.bool}),tooltip:e.exact({visible:e.bool,offset:e.number,followPointer:e.bool,delay:e.number,linkComponent:e.any,nodeComponent:e.any}),className:e.string,style:e.object,dir:e.string,disableAutoLayout:e.bool,disableKeyboardNavigation:e.bool,onNodeEnter:e.func,onNodeLeave:e.func,onLinkEnter:e.func,onLinkLeave:e.func,onNodeClick:e.func,onLinkClick:e.func};exports.sankeyPropTypes=d;
|
package/sankey/propTypes.mjs
CHANGED
|
@@ -5,7 +5,6 @@
|
|
|
5
5
|
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
6
6
|
*-------------------------------------------------------------------------------------------
|
|
7
7
|
*/
|
|
8
|
-
"use client";
|
|
9
8
|
import e from "prop-types";
|
|
10
9
|
const r = e.exact({
|
|
11
10
|
left: e.number,
|
package/sankey/theme-service.js
CHANGED
|
@@ -5,7 +5,7 @@
|
|
|
5
5
|
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
6
6
|
*-------------------------------------------------------------------------------------------
|
|
7
7
|
*/
|
|
8
|
-
"use
|
|
8
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=t=>`${t.fontWeight} ${t.fontSize} ${t.fontFamily}`,d=t=>window.getComputedStyle(t).backgroundColor,v=t=>t.toLowerCase().charCodeAt(0)-97,u=t=>{const e=t.match(/series-([a-z])$/);if(e!==null)return v(e[1]);const s=t.split("--series-")[1];return parseInt(s,10)-1},h=30,m=()=>{let t=`
|
|
9
9
|
<div class="k-var--series-a"></div>
|
|
10
10
|
<div class="k-var--series-b"></div>
|
|
11
11
|
<div class="k-var--series-c"></div>
|
|
@@ -26,4 +26,4 @@
|
|
|
26
26
|
<div class="k-var--series">
|
|
27
27
|
${m()}
|
|
28
28
|
</div>
|
|
29
|
-
`;class y{constructor(e){this.store=e}setStyle(e,s){const o=e.split(".");let l=this.store;o.forEach((i,
|
|
29
|
+
`;class y{constructor(e){this.store=e}setStyle(e,s){const o=e.split(".");let l=this.store;o.forEach((i,a,n)=>{a<n.length-1&&(l=l[i]=l[i]||{})});const r=o.pop();r&&(l[r]=s)}setColors(){this.mapColor("labels.color","normal-text-color"),this.mapColor("labels.stroke.color","background");const e=this.element.querySelector(".k-var--kendo-color-subtle");e.style.color="var(--kendo-color-subtle)",this.mapColor("links.color","kendo-color-subtle","color"),this.mapColor("legend.labels.color","normal-text-color"),this.mapColor("title.color","normal-text-color")}setFonts(){const e=c(this.queryStyle("chart-title-font")),s=c(this.queryStyle("chart-font"));this.setStyle("title.font",e),this.setStyle("labels.font",s),this.setStyle("legend.labels.font",s)}setNodeColors(){const e=this.element;if(!e)return;const s=[].slice.call(e.querySelectorAll(".k-var--series div")),o=d(e.querySelector(".k-var--series-unset")),l=s.reduce((r,i)=>{const a=u(i.className),n=d(i);return n!==o&&(r[a]=n),r},[]);this.setStyle("nodeColors",l)}mapColor(e,s,o="backgroundColor"){this.setStyle(e,this.queryStyle(s)[o])}queryStyle(e){const s=this.element;return window.getComputedStyle(s.querySelector(`.k-var--${e}`))}}const C=(t,e)=>{const s={nodeColors:[]},o=new y(s),l=o.element=t.createElement("div");l.style.display="none",l.innerHTML=k,t.body.appendChild(l);try{o.setColors(),o.setFonts(),o.setNodeColors()}finally{t.body.removeChild(o.element),o.element=null,e(s)}};exports.loadTheme=C;
|
package/sankey/theme-service.mjs
CHANGED
|
@@ -5,7 +5,6 @@
|
|
|
5
5
|
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
6
6
|
*-------------------------------------------------------------------------------------------
|
|
7
7
|
*/
|
|
8
|
-
"use client";
|
|
9
8
|
const a = (t) => `${t.fontWeight} ${t.fontSize} ${t.fontFamily}`, d = (t) => window.getComputedStyle(t).backgroundColor, v = (t) => t.toLowerCase().charCodeAt(0) - 97, u = (t) => {
|
|
10
9
|
const e = t.match(/series-([a-z])$/);
|
|
11
10
|
if (e !== null)
|
package/sankey/utils.js
CHANGED
|
@@ -5,4 +5,4 @@
|
|
|
5
5
|
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
6
6
|
*-------------------------------------------------------------------------------------------
|
|
7
7
|
*/
|
|
8
|
-
"use
|
|
8
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("@progress/kendo-charts"),a=e.createSankeyData;exports.createSankeyData=a;
|
package/sankey/utils.mjs
CHANGED
|
@@ -5,7 +5,6 @@
|
|
|
5
5
|
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
6
6
|
*-------------------------------------------------------------------------------------------
|
|
7
7
|
*/
|
|
8
|
-
"use client";
|
|
9
8
|
import { createSankeyData as a } from "@progress/kendo-charts";
|
|
10
9
|
const t = a;
|
|
11
10
|
export {
|
package/store/reducer.js
CHANGED
|
@@ -5,4 +5,4 @@
|
|
|
5
5
|
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
6
6
|
*-------------------------------------------------------------------------------------------
|
|
7
7
|
*/
|
|
8
|
-
"use
|
|
8
|
+
"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
CHANGED
|
@@ -5,8 +5,7 @@
|
|
|
5
5
|
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
6
6
|
*-------------------------------------------------------------------------------------------
|
|
7
7
|
*/
|
|
8
|
-
|
|
9
|
-
const u = (t, e) => e.chartCollectionIdxKey ? c.collectionConfigurationItem(t, e) : e.chartKey ? c.configurationItem(t, e) : {}, a = (t, e) => {
|
|
8
|
+
const a = (t, e) => e.chartCollectionIdxKey ? c.collectionConfigurationItem(t, e) : e.chartKey ? c.configurationItem(t, e) : {}, u = (t, e) => {
|
|
10
9
|
if (e.type)
|
|
11
10
|
switch (e.type) {
|
|
12
11
|
case "set":
|
|
@@ -54,6 +53,6 @@ const u = (t, e) => e.chartCollectionIdxKey ? c.collectionConfigurationItem(t, e
|
|
|
54
53
|
};
|
|
55
54
|
export {
|
|
56
55
|
p as observersReducer,
|
|
57
|
-
|
|
58
|
-
|
|
56
|
+
a as optionsReducer,
|
|
57
|
+
u as themeReducer
|
|
59
58
|
};
|
package/store/store.js
CHANGED
|
@@ -5,4 +5,4 @@
|
|
|
5
5
|
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
6
6
|
*-------------------------------------------------------------------------------------------
|
|
7
7
|
*/
|
|
8
|
-
"use
|
|
8
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const T=require("@progress/kendo-react-common"),n=1e3/60,l=i=>{let o,c,e=[];const a=()=>o,s=t=>{o=i(o,t),T.canUseDOM&&(window.clearTimeout(c),c=window.setTimeout(()=>e.forEach(r=>r()),n))},u=t=>(e.push(t),()=>e=e.filter(r=>r!==t));return s({}),{getState:a,dispatch:s,subscribe:u}};exports.THROTTLE_MS=n;exports.createStore=l;
|
package/store/store.mjs
CHANGED
|
@@ -5,7 +5,6 @@
|
|
|
5
5
|
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
6
6
|
*-------------------------------------------------------------------------------------------
|
|
7
7
|
*/
|
|
8
|
-
"use client";
|
|
9
8
|
import { canUseDOM as u } from "@progress/kendo-react-common";
|
|
10
9
|
const l = 1e3 / 60, T = (i) => {
|
|
11
10
|
let o, s, t = [];
|
package/theming/theme-service.js
CHANGED
|
@@ -5,7 +5,7 @@
|
|
|
5
5
|
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
6
6
|
*-------------------------------------------------------------------------------------------
|
|
7
7
|
*/
|
|
8
|
-
"use
|
|
8
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("@progress/kendo-charts"),r=t=>`${t.fontWeight} ${t.fontSize} ${t.fontFamily}`,d=t=>window.getComputedStyle(t).backgroundColor,v=t=>t.toLowerCase().charCodeAt(0)-97,u=t=>{const e=t.match(/series-([a-z])$/);if(e!==null)return v(e[1]);const s=t.split("--series-")[1];return parseInt(s,10)-1},m=30,p=()=>{let t=`
|
|
9
9
|
<div class="k-var--series-a"></div>
|
|
10
10
|
<div class="k-var--series-b"></div>
|
|
11
11
|
<div class="k-var--series-c"></div>
|
|
@@ -5,7 +5,6 @@
|
|
|
5
5
|
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
6
6
|
*-------------------------------------------------------------------------------------------
|
|
7
7
|
*/
|
|
8
|
-
"use client";
|
|
9
8
|
import { chartBaseTheme as n } from "@progress/kendo-charts";
|
|
10
9
|
const r = (t) => `${t.fontWeight} ${t.fontSize} ${t.fontFamily}`, d = (t) => window.getComputedStyle(t).backgroundColor, v = (t) => t.toLowerCase().charCodeAt(0) - 97, u = (t) => {
|
|
11
10
|
const e = t.match(/series-([a-z])$/);
|
package/tooltip/Crosshair.js
CHANGED
|
@@ -5,4 +5,4 @@
|
|
|
5
5
|
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
6
6
|
*-------------------------------------------------------------------------------------------
|
|
7
7
|
*/
|
|
8
|
-
"use
|
|
8
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const S=require("react"),m=require("@progress/kendo-react-common"),f=require("@progress/kendo-charts"),O=require("./Popup.js"),C=require("../ChartContext.js");function b(s){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(s){for(const e in s)if(e!=="default"){const o=Object.getOwnPropertyDescriptor(s,e);Object.defineProperty(t,e,o.get?o:{enumerable:!0,get:()=>s[e]})}}return t.default=s,Object.freeze(t)}const i=b(S),y="k-chart-crosshair-tooltip",T="k-chart-tooltip-inverse",a=class a extends i.Component{constructor(t,e){super(t,e),this.context=null,this.state={popupShown:!1},this.chartObserver=new f.InstanceObserver(this,{showTooltip:"onShowTooltip",hideTooltip:"onHideTooltip"}),e.observersStore.dispatch({type:"add",payload:this.chartObserver})}render(){const{popupContend:t,className:e,...o}=this.state,n=this.state.popupShown?()=>t:Function.prototype,p=m.classNames({[y]:!0,[T]:!!e});return i.createElement(O.TooltipPopup,{...o,popupContent:n,className:p})}componentWillUnmount(){var t;(t=this.context)==null||t.observersStore.dispatch({type:"remove",payload:this.chartObserver})}onShowTooltip(t){const{anchor:e,style:o,className:n,crosshair:p,axisName:c,axisIndex:l,value:u}=t,{name:h,index:d}=this.props;p&&c===h&&l===d&&this.setState({popupShown:!0,popupAlign:e.align,popupOffset:e.point,popupContend:u,popupStyles:o,className:n})}onHideTooltip(){this.setState({popupShown:!1,popupStyles:{},className:void 0})}};a.contextType=C.ChartContext;let r=a;exports.CrosshairTooltip=r;
|
package/tooltip/Crosshair.mjs
CHANGED
|
@@ -5,9 +5,8 @@
|
|
|
5
5
|
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
6
6
|
*-------------------------------------------------------------------------------------------
|
|
7
7
|
*/
|
|
8
|
-
"use client";
|
|
9
8
|
import * as r from "react";
|
|
10
|
-
import { classNames as
|
|
9
|
+
import { classNames as u } from "@progress/kendo-react-common";
|
|
11
10
|
import { InstanceObserver as S } from "@progress/kendo-charts";
|
|
12
11
|
import { TooltipPopup as d } from "./Popup.mjs";
|
|
13
12
|
import { ChartContext as f } from "../ChartContext.mjs";
|
|
@@ -24,7 +23,7 @@ const v = "k-chart-crosshair-tooltip", C = "k-chart-tooltip-inverse", n = class
|
|
|
24
23
|
});
|
|
25
24
|
}
|
|
26
25
|
render() {
|
|
27
|
-
const { popupContend: t, className: o, ...e } = this.state, p = this.state.popupShown ? () => t : Function.prototype, s =
|
|
26
|
+
const { popupContend: t, className: o, ...e } = this.state, p = this.state.popupShown ? () => t : Function.prototype, s = u({
|
|
28
27
|
[v]: !0,
|
|
29
28
|
[C]: !!o
|
|
30
29
|
});
|
|
@@ -38,8 +37,8 @@ const v = "k-chart-crosshair-tooltip", C = "k-chart-tooltip-inverse", n = class
|
|
|
38
37
|
});
|
|
39
38
|
}
|
|
40
39
|
onShowTooltip(t) {
|
|
41
|
-
const { anchor: o, style: e, className: p, crosshair: s, axisName:
|
|
42
|
-
s &&
|
|
40
|
+
const { anchor: o, style: e, className: p, crosshair: s, axisName: i, axisIndex: c, value: l } = t, { name: h, index: m } = this.props;
|
|
41
|
+
s && i === h && c === m && this.setState({
|
|
43
42
|
popupShown: !0,
|
|
44
43
|
popupAlign: o.align,
|
|
45
44
|
popupOffset: o.point,
|
|
@@ -57,7 +56,7 @@ const v = "k-chart-crosshair-tooltip", C = "k-chart-tooltip-inverse", n = class
|
|
|
57
56
|
}
|
|
58
57
|
};
|
|
59
58
|
n.contextType = f;
|
|
60
|
-
let
|
|
59
|
+
let a = n;
|
|
61
60
|
export {
|
|
62
|
-
|
|
61
|
+
a as CrosshairTooltip
|
|
63
62
|
};
|
|
@@ -5,4 +5,4 @@
|
|
|
5
5
|
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
6
6
|
*-------------------------------------------------------------------------------------------
|
|
7
7
|
*/
|
|
8
|
-
"use
|
|
8
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react"),p=require("../Container.js"),b=require("./Crosshair.js"),h=require("../ChartContext.js");function x(s){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(s){for(const e in s)if(e!=="default"){const o=Object.getOwnPropertyDescriptor(s,e);Object.defineProperty(t,e,o.get?o:{enumerable:!0,get:()=>s[e]})}}return t.default=s,Object.freeze(t)}const i=x(a),u=["categoryAxis","valueAxis","xAxis","yAxis"];function f(s){const t={};for(let e=0;e<u.length;e++){const o=d(s,u[e]);for(let n=0;n<o.length;n++){const r=o[n];t[r.name+r.index]=r}}return t}function d(s,t){const e=[];if(s[t]){const o=[].concat(s[t]);for(let n=0;n<o.length;n++){const r=(o[n].crosshair||{}).tooltip;r&&r.visible&&e.push({index:n,name:t})}}return e}const l=class l extends i.Component{constructor(){super(...arguments),this.context=null,this.state={tooltips:{}},this.storeUnsubscriber=Function.prototype,this.subscriber=()=>{var t;this.setState({tooltips:f((t=this.context)==null?void 0:t.optionsStore.getState())})}}componentDidMount(){this.storeUnsubscriber=this.context.optionsStore.subscribe(this.subscriber)}render(){const{tooltips:t}=this.state,e=Object.keys(t).map(o=>i.createElement(b.CrosshairTooltip,{...t[o],key:o}));return i.createElement(p.Container,null,e)}componentWillUnmount(){this.storeUnsubscriber()}};l.contextType=h.ChartContext;let c=l;exports.CrosshairTooltipContainer=c;
|
|
@@ -5,7 +5,6 @@
|
|
|
5
5
|
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
6
6
|
*-------------------------------------------------------------------------------------------
|
|
7
7
|
*/
|
|
8
|
-
"use client";
|
|
9
8
|
import * as r from "react";
|
|
10
9
|
import { Container as u } from "../Container.mjs";
|
|
11
10
|
import { CrosshairTooltip as a } from "./Crosshair.mjs";
|
package/tooltip/Point.js
CHANGED
|
@@ -5,4 +5,4 @@
|
|
|
5
5
|
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
6
6
|
*-------------------------------------------------------------------------------------------
|
|
7
7
|
*/
|
|
8
|
-
"use
|
|
8
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});class s{constructor(t,e){this.value=t.value,this.category=t.category,this.categoryIndex=t.categoryIx,this.series=t.series,this.dataItem=t.dataItem,this.percentage=t.percentage,this.runningTotal=t.runningTotal,this.total=t.total,this.low=t.low,this.high=t.high,this.xLow=t.xLow,this.xHigh=t.xHigh,this.yLow=t.yLow,this.yHigh=t.yHigh,this.point=t,this.format=((t.options||{}).tooltip||{}).format||e}get formattedValue(){return this.format?this.point.formatValue(this.format):String(this.value)}}exports.TooltipPoint=s;
|
package/tooltip/Point.mjs
CHANGED
|
@@ -5,18 +5,17 @@
|
|
|
5
5
|
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
6
6
|
*-------------------------------------------------------------------------------------------
|
|
7
7
|
*/
|
|
8
|
-
|
|
9
|
-
class h {
|
|
8
|
+
class a {
|
|
10
9
|
/**
|
|
11
10
|
* @hidden
|
|
12
11
|
*/
|
|
13
|
-
constructor(t,
|
|
14
|
-
this.value = t.value, this.category = t.category, this.categoryIndex = t.categoryIx, this.series = t.series, this.dataItem = t.dataItem, this.percentage = t.percentage, this.runningTotal = t.runningTotal, this.total = t.total, this.low = t.low, this.high = t.high, this.xLow = t.xLow, this.xHigh = t.xHigh, this.yLow = t.yLow, this.yHigh = t.yHigh, this.point = t, this.format = ((t.options || {}).tooltip || {}).format ||
|
|
12
|
+
constructor(t, h) {
|
|
13
|
+
this.value = t.value, this.category = t.category, this.categoryIndex = t.categoryIx, this.series = t.series, this.dataItem = t.dataItem, this.percentage = t.percentage, this.runningTotal = t.runningTotal, this.total = t.total, this.low = t.low, this.high = t.high, this.xLow = t.xLow, this.xHigh = t.xHigh, this.yLow = t.yLow, this.yHigh = t.yHigh, this.point = t, this.format = ((t.options || {}).tooltip || {}).format || h;
|
|
15
14
|
}
|
|
16
15
|
get formattedValue() {
|
|
17
16
|
return this.format ? this.point.formatValue(this.format) : String(this.value);
|
|
18
17
|
}
|
|
19
18
|
}
|
|
20
19
|
export {
|
|
21
|
-
|
|
20
|
+
a as TooltipPoint
|
|
22
21
|
};
|
package/tooltip/Popup.js
CHANGED
|
@@ -5,4 +5,4 @@
|
|
|
5
5
|
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
6
6
|
*-------------------------------------------------------------------------------------------
|
|
7
7
|
*/
|
|
8
|
-
"use
|
|
8
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react"),h=require("@progress/kendo-charts"),f=require("../events/dom-event.js"),v=require("../utils/index.js"),d=require("@progress/kendo-react-popup"),m=require("../ChartContext.js");function O(s){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(s){for(const t in s)if(t!=="default"){const e=Object.getOwnPropertyDescriptor(s,t);Object.defineProperty(n,t,e.get?e:{enumerable:!0,get:()=>s[t]})}}return n.default=s,Object.freeze(n)}const r=O(l),b={horizontal:"fit",vertical:"fit"},C="k-chart-tooltip",y="k-chart-tooltip-wrapper",i=class i extends r.Component{constructor(n,t){super(n,t),this.context=null,this.element=null,this.onChartMouseLeave=e=>{const{syntheticEvent:o}=e;return!!v.hasParent(o.relatedTarget,this.element)},this.onMouseLeave=e=>{const o=f.toDomEvent(this,e);this.context.childrenObserver.trigger("onMouseLeave",o)&&e.preventDefault()},this.popupRef=e=>{this.element=e;const o=e&&e.closest(".k-animation-container");o&&(o.style.transition="initial")},this.chartObserver=new h.InstanceObserver(this,{onMouseLeave:"onChartMouseLeave"}),t.observersStore.dispatch({type:"add",payload:this.chartObserver})}render(){const{popupShown:n,popupAlign:t,popupOffset:e,popupStyles:o,popupContent:c,className:p}=this.props,u=[C,p].join(" ").trim();return r.createElement(d.Popup,{animate:!1,popupAlign:t,offset:e,show:n,collision:b,className:y},r.createElement("div",{className:u,style:o,onMouseLeave:this.onMouseLeave,ref:this.popupRef},c()))}componentWillUnmount(){this.context.observersStore.dispatch({type:"remove",payload:this.chartObserver})}};i.contextType=m.ChartContext;let a=i;exports.TooltipPopup=a;
|
package/tooltip/Popup.mjs
CHANGED
|
@@ -5,14 +5,13 @@
|
|
|
5
5
|
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
6
6
|
*-------------------------------------------------------------------------------------------
|
|
7
7
|
*/
|
|
8
|
-
|
|
9
|
-
import * as n from "react";
|
|
8
|
+
import * as r from "react";
|
|
10
9
|
import { InstanceObserver as h } from "@progress/kendo-charts";
|
|
11
10
|
import { toDomEvent as l } from "../events/dom-event.mjs";
|
|
12
11
|
import { hasParent as m } from "../utils/index.mjs";
|
|
13
12
|
import { Popup as u } from "@progress/kendo-react-popup";
|
|
14
13
|
import { ChartContext as f } from "../ChartContext.mjs";
|
|
15
|
-
const v = { horizontal: "fit", vertical: "fit" }, d = "k-chart-tooltip", C = "k-chart-tooltip-wrapper",
|
|
14
|
+
const v = { horizontal: "fit", vertical: "fit" }, d = "k-chart-tooltip", C = "k-chart-tooltip-wrapper", n = class n extends r.Component {
|
|
16
15
|
constructor(s, o) {
|
|
17
16
|
super(s, o), this.context = null, this.element = null, this.onChartMouseLeave = (e) => {
|
|
18
17
|
const { syntheticEvent: t } = e;
|
|
@@ -33,7 +32,7 @@ const v = { horizontal: "fit", vertical: "fit" }, d = "k-chart-tooltip", C = "k-
|
|
|
33
32
|
}
|
|
34
33
|
render() {
|
|
35
34
|
const { popupShown: s, popupAlign: o, popupOffset: e, popupStyles: t, popupContent: a, className: p } = this.props, c = [d, p].join(" ").trim();
|
|
36
|
-
return /* @__PURE__ */
|
|
35
|
+
return /* @__PURE__ */ r.createElement(
|
|
37
36
|
u,
|
|
38
37
|
{
|
|
39
38
|
animate: !1,
|
|
@@ -43,7 +42,7 @@ const v = { horizontal: "fit", vertical: "fit" }, d = "k-chart-tooltip", C = "k-
|
|
|
43
42
|
collision: v,
|
|
44
43
|
className: C
|
|
45
44
|
},
|
|
46
|
-
/* @__PURE__ */
|
|
45
|
+
/* @__PURE__ */ r.createElement("div", { className: c, style: t, onMouseLeave: this.onMouseLeave, ref: this.popupRef }, a())
|
|
47
46
|
);
|
|
48
47
|
}
|
|
49
48
|
componentWillUnmount() {
|
|
@@ -53,8 +52,8 @@ const v = { horizontal: "fit", vertical: "fit" }, d = "k-chart-tooltip", C = "k-
|
|
|
53
52
|
});
|
|
54
53
|
}
|
|
55
54
|
};
|
|
56
|
-
|
|
57
|
-
let i =
|
|
55
|
+
n.contextType = f;
|
|
56
|
+
let i = n;
|
|
58
57
|
export {
|
|
59
58
|
i as TooltipPopup
|
|
60
59
|
};
|
package/tooltip/Series.js
CHANGED
|
@@ -5,4 +5,4 @@
|
|
|
5
5
|
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
6
6
|
*-------------------------------------------------------------------------------------------
|
|
7
7
|
*/
|
|
8
|
-
"use
|
|
8
|
+
"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
CHANGED
|
@@ -5,7 +5,6 @@
|
|
|
5
5
|
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
6
6
|
*-------------------------------------------------------------------------------------------
|
|
7
7
|
*/
|
|
8
|
-
"use client";
|
|
9
8
|
import * as p from "react";
|
|
10
9
|
import { classNames as d } from "@progress/kendo-react-common";
|
|
11
10
|
import { InstanceObserver as m } from "@progress/kendo-charts";
|
|
@@ -29,12 +28,12 @@ const T = "k-chart-shared-tooltip", x = "k-chart-tooltip-inverse", a = class a e
|
|
|
29
28
|
});
|
|
30
29
|
}
|
|
31
30
|
render() {
|
|
32
|
-
const { popupContext: t, shared:
|
|
33
|
-
const
|
|
34
|
-
if (
|
|
35
|
-
return
|
|
31
|
+
const { popupContext: t, shared: o, className: n, ...r } = this.state, i = this.state.popupShown ? () => {
|
|
32
|
+
const e = this.findRenderFunction();
|
|
33
|
+
if (o)
|
|
34
|
+
return e !== null ? e(t) : /* @__PURE__ */ p.createElement(f, { ...t });
|
|
36
35
|
const u = t.point, l = this.findRenderFunctionByIndex(u.series.index);
|
|
37
|
-
return l !== null ? l(t) :
|
|
36
|
+
return l !== null ? l(t) : e !== null ? e(t) : /* @__PURE__ */ p.createElement(
|
|
38
37
|
"span",
|
|
39
38
|
{
|
|
40
39
|
dangerouslySetInnerHTML: {
|
|
@@ -43,7 +42,7 @@ const T = "k-chart-shared-tooltip", x = "k-chart-tooltip-inverse", a = class a e
|
|
|
43
42
|
}
|
|
44
43
|
);
|
|
45
44
|
} : Function.prototype, s = d({
|
|
46
|
-
[T]:
|
|
45
|
+
[T]: o,
|
|
47
46
|
[x]: !!n
|
|
48
47
|
});
|
|
49
48
|
return /* @__PURE__ */ p.createElement(S, { ...r, popupContent: i, className: s });
|
|
@@ -55,13 +54,13 @@ const T = "k-chart-shared-tooltip", x = "k-chart-tooltip-inverse", a = class a e
|
|
|
55
54
|
});
|
|
56
55
|
}
|
|
57
56
|
onShowTooltip(t) {
|
|
58
|
-
const { anchor:
|
|
59
|
-
let
|
|
60
|
-
s || (r ?
|
|
57
|
+
const { anchor: o, style: n, shared: r, className: i, crosshair: s } = t;
|
|
58
|
+
let e;
|
|
59
|
+
s || (r ? e = this.createSharedTooltipContext(t) : e = this.createTooltipContext(t), this.setState({
|
|
61
60
|
popupShown: !0,
|
|
62
|
-
popupAlign:
|
|
63
|
-
popupOffset:
|
|
64
|
-
popupContext:
|
|
61
|
+
popupAlign: o.align,
|
|
62
|
+
popupOffset: o.point,
|
|
63
|
+
popupContext: e,
|
|
65
64
|
popupStyles: n,
|
|
66
65
|
className: i,
|
|
67
66
|
shared: r
|
|
@@ -75,23 +74,23 @@ const T = "k-chart-shared-tooltip", x = "k-chart-tooltip-inverse", a = class a e
|
|
|
75
74
|
});
|
|
76
75
|
}
|
|
77
76
|
createSharedTooltipContext(t) {
|
|
78
|
-
const { points:
|
|
77
|
+
const { points: o, categoryText: n } = t, r = o.filter((e) => typeof e.series.name != "undefined").length > 0, i = t.series.length > 1;
|
|
79
78
|
let s = 1;
|
|
80
79
|
return r && s++, i && s++, {
|
|
81
80
|
categoryText: n,
|
|
82
81
|
colorMarker: i,
|
|
83
82
|
colspan: s,
|
|
84
83
|
nameColumn: r,
|
|
85
|
-
points: t.points.map((
|
|
84
|
+
points: t.points.map((e) => new c(e, t.format))
|
|
86
85
|
};
|
|
87
86
|
}
|
|
88
87
|
createTooltipContext(t) {
|
|
89
|
-
const { point:
|
|
90
|
-
return { point: new c(
|
|
88
|
+
const { point: o, format: n } = t;
|
|
89
|
+
return { point: new c(o, n) };
|
|
91
90
|
}
|
|
92
91
|
findRenderFunctionByIndex(t) {
|
|
93
|
-
const
|
|
94
|
-
return
|
|
92
|
+
const o = this.context.optionsStore.getState().series;
|
|
93
|
+
return o !== void 0 && Array.isArray(o) && o[t] !== void 0 && o[t].hasOwnProperty("tooltip") && o[t].tooltip.hasOwnProperty("render") ? o[t].tooltip.render : null;
|
|
95
94
|
}
|
|
96
95
|
findRenderFunction() {
|
|
97
96
|
const t = this.context.optionsStore.getState().tooltip;
|
|
@@ -5,4 +5,4 @@
|
|
|
5
5
|
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
6
6
|
*-------------------------------------------------------------------------------------------
|
|
7
7
|
*/
|
|
8
|
-
"use
|
|
8
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const m=require("react");function d(t){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const n in t)if(n!=="default"){const l=Object.getOwnPropertyDescriptor(t,n);Object.defineProperty(r,n,l.get?l:{enumerable:!0,get:()=>t[n]})}}return r.default=t,Object.freeze(r)}const e=d(m),i="k-chart-shared-tooltip-marker",p=t=>{const{categoryText:r,colorMarker:n,colspan:l,nameColumn:o,points:c}=t,s=(a,u)=>e.createElement("tr",{key:u},n&&e.createElement("td",null,e.createElement("span",{className:i,style:{backgroundColor:a.series.color}})),o&&e.createElement("td",null,a.series.name),e.createElement("td",{dangerouslySetInnerHTML:{__html:a.formattedValue}}));return e.createElement("table",null,e.createElement("thead",null,e.createElement("tr",null,e.createElement("th",{colSpan:l},r))),e.createElement("tbody",null,c.map(s)))};exports.SharedTooltipContent=p;
|
|
@@ -5,7 +5,6 @@
|
|
|
5
5
|
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
6
6
|
*-------------------------------------------------------------------------------------------
|
|
7
7
|
*/
|
|
8
|
-
"use client";
|
|
9
8
|
import * as e from "react";
|
|
10
9
|
const u = "k-chart-shared-tooltip-marker", E = (l) => {
|
|
11
10
|
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 } }));
|
package/utils/index.js
CHANGED
|
@@ -5,4 +5,4 @@
|
|
|
5
5
|
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
6
6
|
*-------------------------------------------------------------------------------------------
|
|
7
7
|
*/
|
|
8
|
-
"use
|
|
8
|
+
"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
CHANGED
|
@@ -5,23 +5,22 @@
|
|
|
5
5
|
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
6
6
|
*-------------------------------------------------------------------------------------------
|
|
7
7
|
*/
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
return !!e;
|
|
8
|
+
function i(e, t) {
|
|
9
|
+
let r = e;
|
|
10
|
+
for (; r && r !== t; )
|
|
11
|
+
r = r.parentNode;
|
|
12
|
+
return !!r;
|
|
14
13
|
}
|
|
15
|
-
function l(
|
|
16
|
-
const n =
|
|
14
|
+
function l(e, t, r, o) {
|
|
15
|
+
const n = e[t];
|
|
17
16
|
if (n && Array.isArray(n)) {
|
|
18
17
|
for (const a of n)
|
|
19
18
|
if (!a.type || a.type !== o)
|
|
20
|
-
return new Error(`${
|
|
19
|
+
return new Error(`${r} children should be Array of type ${o.displayName}.`);
|
|
21
20
|
}
|
|
22
21
|
return null;
|
|
23
22
|
}
|
|
24
|
-
const u = (
|
|
23
|
+
const u = (e) => e === void 0 ? !1 : !e;
|
|
25
24
|
export {
|
|
26
25
|
i as hasParent,
|
|
27
26
|
u as toggle,
|