@corva/ui 3.74.0-11 → 3.74.0-12

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.
@@ -1,2 +1,2 @@
1
- "use strict";var t=require("@babel/runtime/helpers/slicedToArray"),e=require("@babel/runtime/helpers/objectWithoutProperties"),o=require("react"),i=require("@material-ui/core"),r=require("@material-ui/icons/Straighten"),l=require("../ChartWrapperContext.js"),n=require("react/jsx-runtime");function u(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}var a=u(t),s=u(e),c=u(r),f=["left","width","top","bottom","right","labelOffset","offset","height","coll","opposite","visible","onCustomizeScaleClick"],p=i.makeStyles((function(t){return{axis:function(t){var e=t.width,o=t.height;return{position:"absolute",cursor:"pointer",width:e,left:t.left,bottom:t.bottom,height:o,right:t.right,top:t.top}},tooltip:{display:"flex",alignItems:"center",justifyContent:"space-between",minWidth:125,backgroundColor:t.palette.background.b9,color:t.palette.text.primary,fontSize:"12px",lineHeight:"16px",letterSpacing:"0.4px",borderRadius:"4px",padding:"4px",zIndex:1e4},tooltipIcon:{fontSize:16,color:t.palette.primary.text6}}}));module.exports=function(t){var e,r,u=t.left,h=t.width,d=t.top,x=t.bottom,b=t.right,g=t.labelOffset,m=t.offset,v=t.height,y=t.coll,C=t.opposite,j=t.visible,S=t.onCustomizeScaleClick,E=s.default(t,f),q=o.useContext(l).chart,w=o.useState({}),B=a.default(w,2),k=B[0],z=B[1],M=o.useRef(),O=(null==q?void 0:q.inverted)?"yAxis"===y:"xAxis"===y,W=14+Math.abs(g),I=14+Math.abs(g),R=((null==E||null===(e=E.userOptions)||void 0===e?void 0:e.title)||{}).text,A=p({width:O?h:I,height:O?I:v,top:O?C?d-I+m:"auto":d,right:O?b:C?b-I-m:"auto",left:O?u:C?"auto":u-I+m,bottom:O?C?"auto":x-I-m:x}),N=null===(r=M.current)||void 0===r?void 0:r.getBoundingClientRect(),P=n.jsxs("div",{className:A.tooltip,children:[n.jsx(c.default,{className:A.tooltipIcon})," Customize Scale"]}),H=function(){var t=q[y].find((function(t){return t.userOptions.title.text===R}));null==t||t.update({lineColor:"#03BCD4",lineWidth:2,labels:{style:{color:"#ffffff"}},title:{style:{color:"#ffffff"}}})},T=function(){var t=q[y].find((function(t){return t.userOptions.title.text===R}));null==t||t.update({lineColor:"#3B3B3B",lineWidth:1,labels:{style:{color:"#9E9E9E"}},title:{style:{color:"#9E9E9E"}}})};return o.useEffect((function(){var t=q.axisGroup;t&&(t.element.style.cursor="pointer")}),[q]),j?n.jsx(i.Tooltip,{title:P,placement:O?C?"bottom":"top":C?"left":"right",onMouseMove:function(t){var e=t.pageX,o=t.pageY;z({x:e,y:o})},PopperProps:{anchorEl:{clientHeight:0,clientWidth:0,getBoundingClientRect:function(){var t=C?W:0,e=C?0:W;return{top:O?N.y-t:k.y,left:O?k.x:N.x-e,right:O?k.x:N.x+e,bottom:O?N.y+t:k.y,width:0,height:0}}}},children:n.jsx("div",{className:A.axis,ref:M,onClick:function(){return S(E)},onMouseOver:H,onMouseLeave:T,onFocus:H,onBlur:T})}):null};
1
+ "use strict";var t=require("@babel/runtime/helpers/slicedToArray"),e=require("@babel/runtime/helpers/objectWithoutProperties"),o=require("react"),i=require("@material-ui/core"),r=require("@material-ui/icons/Straighten"),l=require("../ChartWrapperContext.js"),n=require("react/jsx-runtime");function a(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}var u=a(t),s=a(e),c=a(r),f=["axis","left","width","top","bottom","right","labelOffset","offset","height","coll","opposite","visible","onCustomizeScaleClick"],p=i.makeStyles((function(t){return{axis:function(t){var e=t.width,o=t.height;return{position:"absolute",cursor:"pointer",width:e,left:t.left,bottom:t.bottom,height:o,right:t.right,top:t.top}},tooltip:{display:"flex",alignItems:"center",justifyContent:"space-between",minWidth:125,backgroundColor:t.palette.background.b9,color:t.palette.text.primary,fontSize:"12px",lineHeight:"16px",letterSpacing:"0.4px",borderRadius:"4px",padding:"4px",zIndex:1e4},tooltipIcon:{fontSize:16,color:t.palette.primary.text6}}}));module.exports=function(t){var e,r=t.axis,a=t.left,h=t.width,d=t.top,x=t.bottom,b=t.right,g=t.labelOffset,m=t.offset,v=t.height,y=t.coll,C=t.opposite,j=t.visible,S=t.onCustomizeScaleClick,E=s.default(t,f),q=o.useContext(l).chart,w=o.useState({}),B=u.default(w,2),k=B[0],z=B[1],M=o.useRef(),W=(null==q?void 0:q.inverted)?"yAxis"===y:"xAxis"===y,I=14+Math.abs(g),R=14+Math.abs(g),A=p({width:W?h:R,height:W?R:v,top:W?C?d-R+m:"auto":d,right:W?b:C?b-R-m:"auto",left:W?a:C?"auto":a-R+m,bottom:W?C?"auto":x-R-m:x}),N=null===(e=M.current)||void 0===e?void 0:e.getBoundingClientRect(),O=n.jsxs("div",{className:A.tooltip,children:[n.jsx(c.default,{className:A.tooltipIcon})," Customize Scale"]}),P=function(){r.update({lineColor:"#03BCD4",lineWidth:2,labels:{style:{color:"#ffffff"}},title:{style:{color:"#ffffff"}}})},H=function(){r.update({lineColor:"#3B3B3B",lineWidth:1,labels:{style:{color:"#9E9E9E"}},title:{style:{color:"#9E9E9E"}}})};return o.useEffect((function(){var t=q.axisGroup;t&&(t.element.style.cursor="pointer")}),[q]),j?n.jsx(i.Tooltip,{title:O,placement:W?C?"bottom":"top":C?"left":"right",onMouseMove:function(t){var e=t.pageX,o=t.pageY;z({x:e,y:o})},PopperProps:{anchorEl:{clientHeight:0,clientWidth:0,getBoundingClientRect:function(){var t=C?I:0,e=C?0:I;return{top:W?N.y-t:k.y,left:W?k.x:N.x-e,right:W?k.x:N.x+e,bottom:W?N.y+t:k.y,width:0,height:0}}}},children:n.jsx("div",{className:A.axis,ref:M,onClick:function(){return S(E)},onMouseOver:P,onMouseLeave:H,onFocus:P,onBlur:H})}):null};
2
2
  //# sourceMappingURL=AxisOverlay.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"AxisOverlay.js","sources":["../../../../../src/components/Chart/components/AxisOverlay.js"],"sourcesContent":["import { useContext, useEffect, useRef, useState } from 'react';\nimport { makeStyles, Tooltip } from '@material-ui/core';\nimport StraightenIcon from '@material-ui/icons/Straighten';\n\nimport ChartWrapperContext from '../ChartWrapperContext';\n\nconst DEFAULT_AXIS_SIZE = 14;\nconst TOOLTIP_MARGIN = 14;\n\nconst useStyles = makeStyles(theme => ({\n axis: ({ width, height, left, bottom, right, top }) => ({\n position: 'absolute',\n cursor: 'pointer',\n width,\n left,\n bottom,\n height,\n right,\n top,\n }),\n tooltip: {\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'space-between',\n minWidth: 125,\n backgroundColor: theme.palette.background.b9,\n color: theme.palette.text.primary,\n fontSize: '12px',\n lineHeight: '16px',\n letterSpacing: '0.4px',\n borderRadius: '4px',\n padding: '4px',\n zIndex: 10000,\n },\n tooltipIcon: {\n fontSize: 16,\n color: theme.palette.primary.text6,\n },\n}));\n\nconst AxisOverlay = ({\n left,\n width,\n top,\n bottom,\n right,\n labelOffset,\n offset,\n height,\n coll,\n opposite,\n visible,\n onCustomizeScaleClick,\n ...otherProps\n}) => {\n const { chart } = useContext(ChartWrapperContext);\n const [tooltipPosition, setTooltipPosition] = useState({});\n const axisRef = useRef();\n const isInvertedChart = chart?.inverted;\n const isXAxis = isInvertedChart ? coll === 'yAxis' : coll === 'xAxis';\n\n const tooltipMargin = TOOLTIP_MARGIN + Math.abs(labelOffset);\n const axisSize = DEFAULT_AXIS_SIZE + Math.abs(labelOffset);\n\n // NOTE: Here we use axisTitle to find the axis which is focused\n const { text: titleText } = otherProps?.userOptions?.title || {};\n\n const axisWidth = isXAxis ? width : axisSize;\n const axisHeight = isXAxis ? axisSize : height;\n\n const getLeftPosition = () => {\n if (isXAxis) return left;\n return opposite ? 'auto' : left - axisSize + offset;\n };\n\n const getRightPosition = () => {\n if (isXAxis) return right;\n return !opposite ? 'auto' : right - axisSize - offset;\n };\n\n const getTopPosition = () => {\n if (!isXAxis) return top;\n return !opposite ? 'auto' : top - axisSize + offset;\n };\n\n const getBottomPosition = () => {\n if (!isXAxis) return bottom;\n return opposite ? 'auto' : bottom - axisSize - offset;\n };\n\n const classes = useStyles({\n width: axisWidth,\n height: axisHeight,\n top: getTopPosition(),\n right: getRightPosition(),\n left: getLeftPosition(),\n bottom: getBottomPosition(),\n });\n\n const axisPosition = axisRef.current?.getBoundingClientRect();\n\n const tooltip = (\n <div className={classes.tooltip}>\n <StraightenIcon className={classes.tooltipIcon} /> Customize Scale\n </div>\n );\n\n const handleTooltipMouseMove = ({ pageX, pageY }) => {\n setTooltipPosition({ x: pageX, y: pageY });\n };\n\n const handleAxisMouseOver = () => {\n const focusedAxis = chart[coll].find(axis => axis.userOptions.title.text === titleText);\n focusedAxis?.update({\n lineColor: '#03BCD4',\n lineWidth: 2,\n labels: {\n style: {\n color: '#ffffff',\n },\n },\n title: {\n style: {\n color: '#ffffff',\n },\n },\n });\n };\n\n const handleAxisMouseLeave = () => {\n const focusedAxis = chart[coll].find(axis => axis.userOptions.title.text === titleText);\n focusedAxis?.update({\n lineColor: '#3B3B3B',\n lineWidth: 1,\n labels: {\n style: {\n color: '#9E9E9E',\n },\n },\n title: {\n style: {\n color: '#9E9E9E',\n },\n },\n });\n };\n\n const getTooltipBoundingClientRect = () => {\n const verticalMargin = opposite ? tooltipMargin : 0;\n const horizontalMargin = opposite ? 0 : tooltipMargin;\n return {\n top: isXAxis ? axisPosition.y - verticalMargin : tooltipPosition.y,\n left: isXAxis ? tooltipPosition.x : axisPosition.x - horizontalMargin,\n right: isXAxis ? tooltipPosition.x : axisPosition.x + horizontalMargin,\n bottom: isXAxis ? axisPosition.y + verticalMargin : tooltipPosition.y,\n width: 0,\n height: 0,\n };\n };\n\n const getTooltipPlacement = () => {\n if (isXAxis) return opposite ? 'bottom' : 'top';\n return opposite ? 'left' : 'right';\n };\n\n useEffect(() => {\n const { axisGroup } = chart;\n if (axisGroup) axisGroup.element.style.cursor = 'pointer';\n }, [chart]);\n\n if (!visible) return null;\n\n return (\n <Tooltip\n title={tooltip}\n placement={getTooltipPlacement()}\n onMouseMove={handleTooltipMouseMove}\n PopperProps={{\n anchorEl: {\n clientHeight: 0,\n clientWidth: 0,\n getBoundingClientRect: getTooltipBoundingClientRect,\n },\n }}\n >\n <div\n className={classes.axis}\n ref={axisRef}\n onClick={() => onCustomizeScaleClick(otherProps)}\n onMouseOver={handleAxisMouseOver}\n onMouseLeave={handleAxisMouseLeave}\n onFocus={handleAxisMouseOver}\n onBlur={handleAxisMouseLeave}\n />\n </Tooltip>\n );\n};\n\nexport default AxisOverlay;\n"],"names":["useStyles","makeStyles","theme","axis","_ref","width","height","position","cursor","left","bottom","right","top","tooltip","display","alignItems","justifyContent","minWidth","backgroundColor","palette","background","b9","color","text","primary","fontSize","lineHeight","letterSpacing","borderRadius","padding","zIndex","tooltipIcon","text6","_ref2","_otherProps$userOptio","_axisRef$current","labelOffset","offset","coll","opposite","visible","onCustomizeScaleClick","otherProps","_objectWithoutProperties","_excluded","chart","useContext","ChartWrapperContext","_useState","useState","_useState2","_slicedToArray","tooltipPosition","setTooltipPosition","axisRef","useRef","isXAxis","inverted","tooltipMargin","Math","abs","axisSize","titleText","userOptions","title","classes","axisPosition","current","getBoundingClientRect","_jsxs","jsxs","className","children","_jsx","StraightenIcon","handleAxisMouseOver","focusedAxis","find","update","lineColor","lineWidth","labels","style","handleAxisMouseLeave","useEffect","axisGroup","element","Tooltip","placement","onMouseMove","_ref4","pageX","pageY","x","y","PopperProps","anchorEl","clientHeight","clientWidth","verticalMargin","horizontalMargin","jsx","ref","onClick","onMouseOver","onMouseLeave","onFocus","onBlur"],"mappings":"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"}
1
+ {"version":3,"file":"AxisOverlay.js","sources":["../../../../../src/components/Chart/components/AxisOverlay.js"],"sourcesContent":["import { useContext, useEffect, useRef, useState } from 'react';\nimport { makeStyles, Tooltip } from '@material-ui/core';\nimport StraightenIcon from '@material-ui/icons/Straighten';\n\nimport ChartWrapperContext from '../ChartWrapperContext';\n\nconst DEFAULT_AXIS_SIZE = 14;\nconst TOOLTIP_MARGIN = 14;\n\nconst useStyles = makeStyles(theme => ({\n axis: ({ width, height, left, bottom, right, top }) => ({\n position: 'absolute',\n cursor: 'pointer',\n width,\n left,\n bottom,\n height,\n right,\n top,\n }),\n tooltip: {\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'space-between',\n minWidth: 125,\n backgroundColor: theme.palette.background.b9,\n color: theme.palette.text.primary,\n fontSize: '12px',\n lineHeight: '16px',\n letterSpacing: '0.4px',\n borderRadius: '4px',\n padding: '4px',\n zIndex: 10000,\n },\n tooltipIcon: {\n fontSize: 16,\n color: theme.palette.primary.text6,\n },\n}));\n\nconst AxisOverlay = ({\n axis,\n left,\n width,\n top,\n bottom,\n right,\n labelOffset,\n offset,\n height,\n coll,\n opposite,\n visible,\n onCustomizeScaleClick,\n ...otherProps\n}) => {\n const { chart } = useContext(ChartWrapperContext);\n const [tooltipPosition, setTooltipPosition] = useState({});\n const axisRef = useRef();\n const isInvertedChart = chart?.inverted;\n const isXAxis = isInvertedChart ? coll === 'yAxis' : coll === 'xAxis';\n\n const tooltipMargin = TOOLTIP_MARGIN + Math.abs(labelOffset);\n const axisSize = DEFAULT_AXIS_SIZE + Math.abs(labelOffset);\n\n const axisWidth = isXAxis ? width : axisSize;\n const axisHeight = isXAxis ? axisSize : height;\n\n const getLeftPosition = () => {\n if (isXAxis) return left;\n return opposite ? 'auto' : left - axisSize + offset;\n };\n\n const getRightPosition = () => {\n if (isXAxis) return right;\n return !opposite ? 'auto' : right - axisSize - offset;\n };\n\n const getTopPosition = () => {\n if (!isXAxis) return top;\n return !opposite ? 'auto' : top - axisSize + offset;\n };\n\n const getBottomPosition = () => {\n if (!isXAxis) return bottom;\n return opposite ? 'auto' : bottom - axisSize - offset;\n };\n\n const classes = useStyles({\n width: axisWidth,\n height: axisHeight,\n top: getTopPosition(),\n right: getRightPosition(),\n left: getLeftPosition(),\n bottom: getBottomPosition(),\n });\n\n const axisPosition = axisRef.current?.getBoundingClientRect();\n\n const tooltip = (\n <div className={classes.tooltip}>\n <StraightenIcon className={classes.tooltipIcon} /> Customize Scale\n </div>\n );\n\n const handleTooltipMouseMove = ({ pageX, pageY }) => {\n setTooltipPosition({ x: pageX, y: pageY });\n };\n\n const handleAxisMouseOver = () => {\n axis.update({\n lineColor: '#03BCD4',\n lineWidth: 2,\n labels: {\n style: {\n color: '#ffffff',\n },\n },\n title: {\n style: {\n color: '#ffffff',\n },\n },\n });\n };\n\n const handleAxisMouseLeave = () => {\n axis.update({\n lineColor: '#3B3B3B',\n lineWidth: 1,\n labels: {\n style: {\n color: '#9E9E9E',\n },\n },\n title: {\n style: {\n color: '#9E9E9E',\n },\n },\n });\n };\n\n const getTooltipBoundingClientRect = () => {\n const verticalMargin = opposite ? tooltipMargin : 0;\n const horizontalMargin = opposite ? 0 : tooltipMargin;\n return {\n top: isXAxis ? axisPosition.y - verticalMargin : tooltipPosition.y,\n left: isXAxis ? tooltipPosition.x : axisPosition.x - horizontalMargin,\n right: isXAxis ? tooltipPosition.x : axisPosition.x + horizontalMargin,\n bottom: isXAxis ? axisPosition.y + verticalMargin : tooltipPosition.y,\n width: 0,\n height: 0,\n };\n };\n\n const getTooltipPlacement = () => {\n if (isXAxis) return opposite ? 'bottom' : 'top';\n return opposite ? 'left' : 'right';\n };\n\n useEffect(() => {\n const { axisGroup } = chart;\n if (axisGroup) axisGroup.element.style.cursor = 'pointer';\n }, [chart]);\n\n if (!visible) return null;\n\n return (\n <Tooltip\n title={tooltip}\n placement={getTooltipPlacement()}\n onMouseMove={handleTooltipMouseMove}\n PopperProps={{\n anchorEl: {\n clientHeight: 0,\n clientWidth: 0,\n getBoundingClientRect: getTooltipBoundingClientRect,\n },\n }}\n >\n <div\n className={classes.axis}\n ref={axisRef}\n onClick={() => onCustomizeScaleClick(otherProps)}\n onMouseOver={handleAxisMouseOver}\n onMouseLeave={handleAxisMouseLeave}\n onFocus={handleAxisMouseOver}\n onBlur={handleAxisMouseLeave}\n />\n </Tooltip>\n );\n};\n\nexport default AxisOverlay;\n"],"names":["useStyles","makeStyles","theme","axis","_ref","width","height","position","cursor","left","bottom","right","top","tooltip","display","alignItems","justifyContent","minWidth","backgroundColor","palette","background","b9","color","text","primary","fontSize","lineHeight","letterSpacing","borderRadius","padding","zIndex","tooltipIcon","text6","_ref2","_axisRef$current","labelOffset","offset","coll","opposite","visible","onCustomizeScaleClick","otherProps","_objectWithoutProperties","_excluded","chart","useContext","ChartWrapperContext","_useState","useState","_useState2","_slicedToArray","tooltipPosition","setTooltipPosition","axisRef","useRef","isXAxis","inverted","tooltipMargin","Math","abs","axisSize","classes","axisPosition","current","getBoundingClientRect","_jsxs","jsxs","className","children","_jsx","StraightenIcon","handleAxisMouseOver","update","lineColor","lineWidth","labels","style","title","handleAxisMouseLeave","useEffect","axisGroup","element","Tooltip","placement","onMouseMove","_ref3","pageX","pageY","x","y","PopperProps","anchorEl","clientHeight","clientWidth","verticalMargin","horizontalMargin","jsx","ref","onClick","onMouseOver","onMouseLeave","onFocus","onBlur"],"mappings":"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"}
@@ -1,2 +1,2 @@
1
- "use strict";var e=require("@babel/runtime/helpers/defineProperty"),r=require("@babel/runtime/helpers/slicedToArray"),t=require("@material-ui/core"),o=require("lodash"),n=require("react"),i=require("../ChartWrapperContext.js"),a=require("../constants.js"),l=require("../effects/useZoom.js"),c=require("../effects/useChartModifier.js"),u=require("../effects/useChartTypeSwitch.js"),s=require("./AxisOverlay.js"),h=require("react/jsx-runtime");function d(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var v=d(e),f=d(r);function m(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);r&&(o=o.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,o)}return t}function p(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{};r%2?m(Object(t),!0).forEach((function(r){v.default(e,r,t[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):m(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))}))}return e}var C=t.makeStyles({container:{width:"100%",height:"100%",position:"relative"}}),y={zoomType:"xy",panning:{enabled:!0,type:"xy"}},b=function(){};module.exports=function(e){var r,t,d,v,m,g,j,O,S=e.children,x=e.chartRef,Z=e.isAxesCoordinatesShown,q=void 0!==Z&&Z,E=e.onCustomizeScaleClick,w=void 0===E?null:E,P=e.onZoomChangeCallback,T=void 0===P?b:P,z=e.chartOptions,k=void 0===z?{}:z,A=C(),H=n.useState({}),M=f.default(H,2),D=M[0],I=M[1],R=l.useZoom({chart:null===(r=x.current)||void 0===r?void 0:r.chart}),B=R.zoomStatus,N=R.zoomConfig,_=R.handleZoomEvent,G=R.handleResetZoom,W=R.isZoomEnabled,F=R.handleIsZoomEnabledChange,J=R.debouncedChartSelection;n.useEffect((function(){var e,r,t;o.isEmpty(null===(e=x.current)||void 0===e?void 0:e.chart)||I({marginBottom:null===(r=x.current)||void 0===r||null===(t=r.chart)||void 0===t?void 0:t.marginBottom})}),[]);var K=(null===(t=x.current)||void 0===t||null===(d=t.chart)||void 0===d||null===(v=d.plotBox)||void 0===v?void 0:v.height)<=a.MIN_CHART_HEIGHT;c.useChartModifier({chart:null===(m=x.current)||void 0===m?void 0:m.chart,chartOptions:o.merge({},y,k),isZoomEnabled:W,isMinHeightChart:K,onZoomChangeCallback:T,handleChartSelection:J,isAxesCoordinatesShown:q});var L=u.useChartTypeSwitch({chart:null===(g=x.current)||void 0===g?void 0:g.chart}),Q=L.chartType,U=L.handleChartTypeChange,V={chart:null===(j=x.current)||void 0===j?void 0:j.chart,chartType:Q,zoomConfig:N,chartStyles:D,zoomStatus:B,isZoomEnabled:W,setChartStyles:I,handleChartTypeChange:U,handleResetZoom:G,handleZoomEvent:_,isMinHeightChart:K,handleChartSelection:J,handleChangeChartStyles:function(e){I((function(r){return p(p({},r),e)}))},handleIsZoomEnabledChange:F};return h.jsx("div",{className:A.container,children:h.jsxs(i.Provider,{value:V,children:[S,w&&(null===(O=x.current)||void 0===O?void 0:O.chart.axes.map((function(e){return h.jsx(s,p({onCustomizeScaleClick:w},e),e.coll)})))]})})};
1
+ "use strict";var e=require("@babel/runtime/helpers/defineProperty"),r=require("@babel/runtime/helpers/slicedToArray"),t=require("@material-ui/core"),o=require("lodash"),n=require("react"),i=require("../ChartWrapperContext.js"),a=require("../constants.js"),l=require("../effects/useZoom.js"),c=require("../effects/useChartModifier.js"),u=require("../effects/useChartTypeSwitch.js"),s=require("./AxisOverlay.js"),h=require("react/jsx-runtime");function d(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var v=d(e),f=d(r);function m(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);r&&(o=o.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,o)}return t}function p(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{};r%2?m(Object(t),!0).forEach((function(r){v.default(e,r,t[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):m(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))}))}return e}var C=t.makeStyles({container:{width:"100%",height:"100%",position:"relative"}}),y={zoomType:"xy",panning:{enabled:!0,type:"xy"}},b=function(){};module.exports=function(e){var r,t,d,v,m,g,j,O,S=e.children,x=e.chartRef,Z=e.isAxesCoordinatesShown,q=void 0!==Z&&Z,E=e.onCustomizeScaleClick,w=void 0===E?null:E,P=e.onZoomChangeCallback,T=void 0===P?b:P,z=e.chartOptions,k=void 0===z?{}:z,A=C(),H=n.useState({}),M=f.default(H,2),D=M[0],I=M[1],R=l.useZoom({chart:null===(r=x.current)||void 0===r?void 0:r.chart}),B=R.zoomStatus,N=R.zoomConfig,_=R.handleZoomEvent,G=R.handleResetZoom,W=R.isZoomEnabled,F=R.handleIsZoomEnabledChange,J=R.debouncedChartSelection;n.useEffect((function(){var e,r,t;o.isEmpty(null===(e=x.current)||void 0===e?void 0:e.chart)||I({marginBottom:null===(r=x.current)||void 0===r||null===(t=r.chart)||void 0===t?void 0:t.marginBottom})}),[]);var K=(null===(t=x.current)||void 0===t||null===(d=t.chart)||void 0===d||null===(v=d.plotBox)||void 0===v?void 0:v.height)<=a.MIN_CHART_HEIGHT;c.useChartModifier({chart:null===(m=x.current)||void 0===m?void 0:m.chart,chartOptions:o.merge({},y,k),isZoomEnabled:W,isMinHeightChart:K,onZoomChangeCallback:T,handleChartSelection:J,isAxesCoordinatesShown:q});var L=u.useChartTypeSwitch({chart:null===(g=x.current)||void 0===g?void 0:g.chart}),Q=L.chartType,U=L.handleChartTypeChange,V={chart:null===(j=x.current)||void 0===j?void 0:j.chart,chartType:Q,zoomConfig:N,chartStyles:D,zoomStatus:B,isZoomEnabled:W,setChartStyles:I,handleChartTypeChange:U,handleResetZoom:G,handleZoomEvent:_,isMinHeightChart:K,handleChartSelection:J,handleChangeChartStyles:function(e){I((function(r){return p(p({},r),e)}))},handleIsZoomEnabledChange:F};return h.jsx("div",{className:A.container,children:h.jsxs(i.Provider,{value:V,children:[S,w&&(null===(O=x.current)||void 0===O?void 0:O.chart.axes.map((function(e){return h.jsx(s,p(p({onCustomizeScaleClick:w},e),{},{axis:e}),e.coll)})))]})})};
2
2
  //# sourceMappingURL=ChartWrapper.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"ChartWrapper.js","sources":["../../../../../src/components/Chart/components/ChartWrapper.js"],"sourcesContent":["import { makeStyles } from '@material-ui/core';\nimport { isEmpty, merge } from 'lodash';\nimport { useEffect, useState } from 'react';\n\nimport ChartWrapperContext from '../ChartWrapperContext';\nimport { MIN_CHART_HEIGHT } from '../constants';\nimport { useChartModifier, useChartTypeSwitch, useZoom } from '../effects';\n\nimport AxisOverlay from './AxisOverlay';\n\nconst useStyles = makeStyles({\n container: {\n width: '100%',\n height: '100%',\n position: 'relative',\n },\n});\n\nconst defaultChartOptions = {\n zoomType: 'xy',\n panning: {\n enabled: true,\n type: 'xy',\n },\n};\n\nconst ChartWrapper = ({\n children,\n chartRef,\n isAxesCoordinatesShown = false,\n onCustomizeScaleClick = null,\n onZoomChangeCallback = DEFAULT_CHART_WRAPPER_ON_ZOOM_CHANGE_CALLBACK,\n chartOptions = {},\n}) => {\n const classes = useStyles();\n const [chartStyles, setChartStyles] = useState({});\n\n const {\n zoomStatus,\n zoomConfig,\n handleZoomEvent,\n handleResetZoom,\n isZoomEnabled,\n handleIsZoomEnabledChange,\n debouncedChartSelection,\n } = useZoom({\n chart: chartRef.current?.chart,\n });\n\n useEffect(() => {\n if (isEmpty(chartRef.current?.chart)) {\n return;\n }\n setChartStyles({ marginBottom: chartRef.current?.chart?.marginBottom });\n }, []);\n\n const handleChangeChartStyles = styles => {\n setChartStyles(prevState => ({ ...prevState, ...styles }));\n };\n const isMinHeightChart = chartRef.current?.chart?.plotBox?.height <= MIN_CHART_HEIGHT;\n\n useChartModifier({\n chart: chartRef.current?.chart,\n chartOptions: merge({}, defaultChartOptions, chartOptions),\n isZoomEnabled,\n isMinHeightChart,\n onZoomChangeCallback,\n handleChartSelection: debouncedChartSelection,\n isAxesCoordinatesShown,\n });\n\n const { chartType, handleChartTypeChange } = useChartTypeSwitch({\n chart: chartRef.current?.chart,\n });\n\n const contextValue = {\n chart: chartRef.current?.chart,\n chartType,\n zoomConfig,\n chartStyles,\n zoomStatus,\n isZoomEnabled,\n setChartStyles,\n handleChartTypeChange,\n handleResetZoom,\n handleZoomEvent,\n isMinHeightChart,\n handleChartSelection: debouncedChartSelection,\n handleChangeChartStyles,\n handleIsZoomEnabledChange,\n };\n\n return (\n <div className={classes.container}>\n <ChartWrapperContext.Provider value={contextValue}>\n {children}\n {onCustomizeScaleClick &&\n chartRef.current?.chart.axes.map(axis => (\n <AxisOverlay key={axis.coll} onCustomizeScaleClick={onCustomizeScaleClick} {...axis} />\n ))}\n </ChartWrapperContext.Provider>\n </div>\n );\n};\n\nconst DEFAULT_CHART_WRAPPER_ON_ZOOM_CHANGE_CALLBACK = () => {};\n\nexport default ChartWrapper;\n"],"names":["useStyles","makeStyles","container","width","height","position","defaultChartOptions","zoomType","panning","enabled","type","DEFAULT_CHART_WRAPPER_ON_ZOOM_CHANGE_CALLBACK","_ref","_chartRef$current","_chartRef$current4","_chartRef$current4$ch","_chartRef$current4$ch2","_chartRef$current5","_chartRef$current6","_chartRef$current7","_chartRef$current8","children","chartRef","_ref$isAxesCoordinate","isAxesCoordinatesShown","_ref$onCustomizeScale","onCustomizeScaleClick","_ref$onZoomChangeCall","onZoomChangeCallback","_ref$chartOptions","chartOptions","classes","_useState","useState","_useState2","_slicedToArray","chartStyles","setChartStyles","_useZoom","useZoom","chart","current","zoomStatus","zoomConfig","handleZoomEvent","handleResetZoom","isZoomEnabled","handleIsZoomEnabledChange","debouncedChartSelection","useEffect","_chartRef$current2","_chartRef$current3","_chartRef$current3$ch","isEmpty","marginBottom","isMinHeightChart","plotBox","MIN_CHART_HEIGHT","useChartModifier","merge","handleChartSelection","_useChartTypeSwitch","useChartTypeSwitch","chartType","handleChartTypeChange","contextValue","handleChangeChartStyles","styles","prevState","_jsx","className","_jsxs","ChartWrapperContext","Provider","value","axes","map","axis","AxisOverlay","_objectSpread","coll"],"mappings":"2lCAUA,IAAMA,EAAYC,EAAAA,WAAW,CAC3BC,UAAW,CACTC,MAAO,OACPC,OAAQ,OACRC,SAAU,cAIRC,EAAsB,CAC1BC,SAAU,KACVC,QAAS,CACPC,SAAS,EACTC,KAAM,OAmFJC,EAAgD,WAAQ,iBA/EzC,SAOfC,GAAA,IAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EANJC,IAAAA,SACAC,IAAAA,SAAQC,EAAAX,EACRY,uBAAAA,cAA8BD,EAAAE,EAAAb,EAC9Bc,sBAAAA,aAAwB,KAAID,EAAAE,EAAAf,EAC5BgB,qBAAAA,aAAuBjB,EAA6CgB,EAAAE,EAAAjB,EACpEkB,aAAAA,OAAY,IAAAD,EAAG,CAAA,EAAEA,EAEXE,EAAU/B,IAChBgC,EAAsCC,EAAQA,SAAC,IAAGC,EAAAC,EAAAA,QAAAH,EAAA,GAA3CI,EAAWF,EAAA,GAAEG,EAAcH,EAAA,GAElCI,EAQIC,EAAAA,QAAQ,CACVC,cAAOlB,EAAAA,EAASmB,4BAAT5B,EAAkB2B,QARzBE,IAAAA,WACAC,IAAAA,WACAC,IAAAA,gBACAC,IAAAA,gBACAC,IAAAA,cACAC,IAAAA,0BACAC,IAAAA,wBAKFC,EAAAA,WAAU,WAAM,IAAAC,EAAAC,EAAAC,EACVC,EAAOA,QAAC,UAAA/B,EAASmB,eAAT,IAAAS,OAAA,EAAAA,EAAkBV,QAG9BH,EAAe,CAAEiB,qBAAYH,EAAE7B,EAASmB,gCAATU,EAAkBX,0BAAlBY,EAAyBE,cACzD,GAAE,IAEH,IAGMC,GAAmB,QAAAzC,EAAAQ,EAASmB,eAAT,IAAA3B,GAAuB,QAAvBC,EAAAD,EAAkB0B,aAAK,IAAAzB,GAAS,QAATC,EAAvBD,EAAyByC,eAAO,IAAAxC,OAAhC,EAAAA,EAAkCZ,SAAUqD,EAAAA,iBAErEC,mBAAiB,CACflB,MAAuB,UAAhBlB,EAASmB,eAAO,IAAAxB,OAAA,EAAhBA,EAAkBuB,MACzBV,aAAc6B,EAAKA,MAAC,GAAIrD,EAAqBwB,GAC7CgB,cAAAA,EACAS,iBAAAA,EACA3B,qBAAAA,EACAgC,qBAAsBZ,EACtBxB,uBAAAA,IAGF,IAAAqC,EAA6CC,EAAAA,mBAAmB,CAC9DtB,cAAOlB,EAAAA,EAASmB,4BAATvB,EAAkBsB,QADnBuB,IAAAA,UAAWC,IAAAA,sBAIbC,EAAe,CACnBzB,MAAuB,UAAhBlB,EAASmB,eAAO,IAAAtB,OAAA,EAAhBA,EAAkBqB,MACzBuB,UAAAA,EACApB,WAAAA,EACAP,YAAAA,EACAM,WAAAA,EACAI,cAAAA,EACAT,eAAAA,EACA2B,sBAAAA,EACAnB,gBAAAA,EACAD,gBAAAA,EACAW,iBAAAA,EACAK,qBAAsBZ,EACtBkB,wBAhC8B,SAAAC,GAC9B9B,GAAe,SAAA+B,GAAS,OAAUA,EAAAA,EAAAA,CAAAA,EAAAA,GAAcD,EAAM,KAgCtDpB,0BAAAA,GAGF,OACEsB,EAAAA,IAAA,MAAA,CAAKC,UAAWvC,EAAQ7B,UAAUmB,SAChCkD,EAAAA,KAACC,EAAoBC,SAAQ,CAACC,MAAOT,EAAa5C,SAAA,CAC/CA,EACAK,IACiB,QAAhBJ,EAAAA,EAASmB,eAAO,IAAArB,OAAA,EAAhBA,EAAkBoB,MAAMmC,KAAKC,KAAI,SAAAC,GAAI,OACnCR,MAACS,EAAWC,EAAA,CAAiBrD,sBAAuBA,GAA2BmD,GAA7DA,EAAKG,KACxB,SAIX"}
1
+ {"version":3,"file":"ChartWrapper.js","sources":["../../../../../src/components/Chart/components/ChartWrapper.js"],"sourcesContent":["import { makeStyles } from '@material-ui/core';\nimport { isEmpty, merge } from 'lodash';\nimport { useEffect, useState } from 'react';\n\nimport ChartWrapperContext from '../ChartWrapperContext';\nimport { MIN_CHART_HEIGHT } from '../constants';\nimport { useChartModifier, useChartTypeSwitch, useZoom } from '../effects';\n\nimport AxisOverlay from './AxisOverlay';\n\nconst useStyles = makeStyles({\n container: {\n width: '100%',\n height: '100%',\n position: 'relative',\n },\n});\n\nconst defaultChartOptions = {\n zoomType: 'xy',\n panning: {\n enabled: true,\n type: 'xy',\n },\n};\n\nconst ChartWrapper = ({\n children,\n chartRef,\n isAxesCoordinatesShown = false,\n onCustomizeScaleClick = null,\n onZoomChangeCallback = DEFAULT_CHART_WRAPPER_ON_ZOOM_CHANGE_CALLBACK,\n chartOptions = {},\n}) => {\n const classes = useStyles();\n const [chartStyles, setChartStyles] = useState({});\n\n const {\n zoomStatus,\n zoomConfig,\n handleZoomEvent,\n handleResetZoom,\n isZoomEnabled,\n handleIsZoomEnabledChange,\n debouncedChartSelection,\n } = useZoom({\n chart: chartRef.current?.chart,\n });\n\n useEffect(() => {\n if (isEmpty(chartRef.current?.chart)) {\n return;\n }\n setChartStyles({ marginBottom: chartRef.current?.chart?.marginBottom });\n }, []);\n\n const handleChangeChartStyles = styles => {\n setChartStyles(prevState => ({ ...prevState, ...styles }));\n };\n const isMinHeightChart = chartRef.current?.chart?.plotBox?.height <= MIN_CHART_HEIGHT;\n\n useChartModifier({\n chart: chartRef.current?.chart,\n chartOptions: merge({}, defaultChartOptions, chartOptions),\n isZoomEnabled,\n isMinHeightChart,\n onZoomChangeCallback,\n handleChartSelection: debouncedChartSelection,\n isAxesCoordinatesShown,\n });\n\n const { chartType, handleChartTypeChange } = useChartTypeSwitch({\n chart: chartRef.current?.chart,\n });\n\n const contextValue = {\n chart: chartRef.current?.chart,\n chartType,\n zoomConfig,\n chartStyles,\n zoomStatus,\n isZoomEnabled,\n setChartStyles,\n handleChartTypeChange,\n handleResetZoom,\n handleZoomEvent,\n isMinHeightChart,\n handleChartSelection: debouncedChartSelection,\n handleChangeChartStyles,\n handleIsZoomEnabledChange,\n };\n\n return (\n <div className={classes.container}>\n <ChartWrapperContext.Provider value={contextValue}>\n {children}\n {onCustomizeScaleClick &&\n chartRef.current?.chart.axes.map(axis => (\n <AxisOverlay\n key={axis.coll}\n onCustomizeScaleClick={onCustomizeScaleClick}\n {...axis}\n axis={axis}\n />\n ))}\n </ChartWrapperContext.Provider>\n </div>\n );\n};\n\nconst DEFAULT_CHART_WRAPPER_ON_ZOOM_CHANGE_CALLBACK = () => {};\n\nexport default ChartWrapper;\n"],"names":["useStyles","makeStyles","container","width","height","position","defaultChartOptions","zoomType","panning","enabled","type","DEFAULT_CHART_WRAPPER_ON_ZOOM_CHANGE_CALLBACK","_ref","_chartRef$current","_chartRef$current4","_chartRef$current4$ch","_chartRef$current4$ch2","_chartRef$current5","_chartRef$current6","_chartRef$current7","_chartRef$current8","children","chartRef","_ref$isAxesCoordinate","isAxesCoordinatesShown","_ref$onCustomizeScale","onCustomizeScaleClick","_ref$onZoomChangeCall","onZoomChangeCallback","_ref$chartOptions","chartOptions","classes","_useState","useState","_useState2","_slicedToArray","chartStyles","setChartStyles","_useZoom","useZoom","chart","current","zoomStatus","zoomConfig","handleZoomEvent","handleResetZoom","isZoomEnabled","handleIsZoomEnabledChange","debouncedChartSelection","useEffect","_chartRef$current2","_chartRef$current3","_chartRef$current3$ch","isEmpty","marginBottom","isMinHeightChart","plotBox","MIN_CHART_HEIGHT","useChartModifier","merge","handleChartSelection","_useChartTypeSwitch","useChartTypeSwitch","chartType","handleChartTypeChange","contextValue","handleChangeChartStyles","styles","prevState","_jsx","className","_jsxs","ChartWrapperContext","Provider","value","axes","map","axis","AxisOverlay","_objectSpread","coll"],"mappings":"2lCAUA,IAAMA,EAAYC,EAAAA,WAAW,CAC3BC,UAAW,CACTC,MAAO,OACPC,OAAQ,OACRC,SAAU,cAIRC,EAAsB,CAC1BC,SAAU,KACVC,QAAS,CACPC,SAAS,EACTC,KAAM,OAwFJC,EAAgD,WAAQ,iBApFzC,SAOfC,GAAA,IAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EANJC,IAAAA,SACAC,IAAAA,SAAQC,EAAAX,EACRY,uBAAAA,cAA8BD,EAAAE,EAAAb,EAC9Bc,sBAAAA,aAAwB,KAAID,EAAAE,EAAAf,EAC5BgB,qBAAAA,aAAuBjB,EAA6CgB,EAAAE,EAAAjB,EACpEkB,aAAAA,OAAY,IAAAD,EAAG,CAAA,EAAEA,EAEXE,EAAU/B,IAChBgC,EAAsCC,EAAQA,SAAC,IAAGC,EAAAC,EAAAA,QAAAH,EAAA,GAA3CI,EAAWF,EAAA,GAAEG,EAAcH,EAAA,GAElCI,EAQIC,EAAAA,QAAQ,CACVC,cAAOlB,EAAAA,EAASmB,4BAAT5B,EAAkB2B,QARzBE,IAAAA,WACAC,IAAAA,WACAC,IAAAA,gBACAC,IAAAA,gBACAC,IAAAA,cACAC,IAAAA,0BACAC,IAAAA,wBAKFC,EAAAA,WAAU,WAAM,IAAAC,EAAAC,EAAAC,EACVC,EAAOA,QAAC,UAAA/B,EAASmB,eAAT,IAAAS,OAAA,EAAAA,EAAkBV,QAG9BH,EAAe,CAAEiB,qBAAYH,EAAE7B,EAASmB,gCAATU,EAAkBX,0BAAlBY,EAAyBE,cACzD,GAAE,IAEH,IAGMC,GAAmB,QAAAzC,EAAAQ,EAASmB,eAAT,IAAA3B,GAAuB,QAAvBC,EAAAD,EAAkB0B,aAAK,IAAAzB,GAAS,QAATC,EAAvBD,EAAyByC,eAAO,IAAAxC,OAAhC,EAAAA,EAAkCZ,SAAUqD,EAAAA,iBAErEC,mBAAiB,CACflB,MAAuB,UAAhBlB,EAASmB,eAAO,IAAAxB,OAAA,EAAhBA,EAAkBuB,MACzBV,aAAc6B,EAAKA,MAAC,GAAIrD,EAAqBwB,GAC7CgB,cAAAA,EACAS,iBAAAA,EACA3B,qBAAAA,EACAgC,qBAAsBZ,EACtBxB,uBAAAA,IAGF,IAAAqC,EAA6CC,EAAAA,mBAAmB,CAC9DtB,cAAOlB,EAAAA,EAASmB,4BAATvB,EAAkBsB,QADnBuB,IAAAA,UAAWC,IAAAA,sBAIbC,EAAe,CACnBzB,MAAuB,UAAhBlB,EAASmB,eAAO,IAAAtB,OAAA,EAAhBA,EAAkBqB,MACzBuB,UAAAA,EACApB,WAAAA,EACAP,YAAAA,EACAM,WAAAA,EACAI,cAAAA,EACAT,eAAAA,EACA2B,sBAAAA,EACAnB,gBAAAA,EACAD,gBAAAA,EACAW,iBAAAA,EACAK,qBAAsBZ,EACtBkB,wBAhC8B,SAAAC,GAC9B9B,GAAe,SAAA+B,GAAS,OAAUA,EAAAA,EAAAA,CAAAA,EAAAA,GAAcD,EAAM,KAgCtDpB,0BAAAA,GAGF,OACEsB,EAAAA,IAAA,MAAA,CAAKC,UAAWvC,EAAQ7B,UAAUmB,SAChCkD,EAAAA,KAACC,EAAoBC,SAAQ,CAACC,MAAOT,EAAa5C,SAAA,CAC/CA,EACAK,IACiB,QAAhBJ,EAAAA,EAASmB,eAAO,IAAArB,OAAA,EAAhBA,EAAkBoB,MAAMmC,KAAKC,KAAI,SAAAC,GAAI,OACnCR,MAACS,EAAWC,EAAAA,EAAA,CAEVrD,sBAAuBA,GACnBmD,GAAI,GAAA,CACRA,KAAMA,IAHDA,EAAKG,KAKb,SAIX"}
@@ -1,5 +1,6 @@
1
- declare const AxisOverlay: ({ left, width, top, bottom, right, labelOffset, offset, height, coll, opposite, visible, onCustomizeScaleClick, ...otherProps }: {
1
+ declare const AxisOverlay: ({ axis, left, width, top, bottom, right, labelOffset, offset, height, coll, opposite, visible, onCustomizeScaleClick, ...otherProps }: {
2
2
  [x: string]: any;
3
+ axis: any;
3
4
  bottom: any;
4
5
  coll: any;
5
6
  height: any;
@@ -1 +1 @@
1
- {"version":3,"file":"AxisOverlay.d.ts","sourceRoot":"","sources":["../../../../src/components/Chart/components/AxisOverlay.js"],"names":[],"mappings":"AAwCA,QAAA,MAAM,WAAW;;;;;;;;;;;;;;wCA4JhB,CAAC;eAEa,WAAW"}
1
+ {"version":3,"file":"AxisOverlay.d.ts","sourceRoot":"","sources":["../../../../src/components/Chart/components/AxisOverlay.js"],"names":[],"mappings":"AAwCA,QAAA,MAAM,WAAW;;;;;;;;;;;;;;;wCAwJhB,CAAC;eAEa,WAAW"}
@@ -1,2 +1,2 @@
1
- import t from"@babel/runtime/helpers/slicedToArray";import e from"@babel/runtime/helpers/objectWithoutProperties";import{useContext as o,useState as i,useRef as r,useEffect as l}from"react";import{makeStyles as n,Tooltip as a}from"@material-ui/core";import u from"@material-ui/icons/Straighten";import s from"../ChartWrapperContext.js";import{jsxs as p,jsx as c}from"react/jsx-runtime";var f=["left","width","top","bottom","right","labelOffset","offset","height","coll","opposite","visible","onCustomizeScaleClick"],h=n((function(t){return{axis:function(t){var e=t.width,o=t.height;return{position:"absolute",cursor:"pointer",width:e,left:t.left,bottom:t.bottom,height:o,right:t.right,top:t.top}},tooltip:{display:"flex",alignItems:"center",justifyContent:"space-between",minWidth:125,backgroundColor:t.palette.background.b9,color:t.palette.text.primary,fontSize:"12px",lineHeight:"16px",letterSpacing:"0.4px",borderRadius:"4px",padding:"4px",zIndex:1e4},tooltipIcon:{fontSize:16,color:t.palette.primary.text6}}})),m=function(n){var m,d,g=n.left,b=n.width,x=n.top,v=n.bottom,y=n.right,C=n.labelOffset,w=n.offset,B=n.height,E=n.coll,S=n.opposite,z=n.visible,M=n.onCustomizeScaleClick,O=e(n,f),W=o(s).chart,k=i({}),j=t(k,2),I=j[0],A=j[1],N=r(),P=(null==W?void 0:W.inverted)?"yAxis"===E:"xAxis"===E,R=14+Math.abs(C),H=14+Math.abs(C),D=((null==O||null===(m=O.userOptions)||void 0===m?void 0:m.title)||{}).text,F=h({width:P?b:H,height:P?H:B,top:P?S?x-H+w:"auto":x,right:P?y:S?y-H-w:"auto",left:P?g:S?"auto":g-H+w,bottom:P?S?"auto":v-H-w:v}),G=null===(d=N.current)||void 0===d?void 0:d.getBoundingClientRect(),L=p("div",{className:F.tooltip,children:[c(u,{className:F.tooltipIcon})," Customize Scale"]}),T=function(){var t=W[E].find((function(t){return t.userOptions.title.text===D}));null==t||t.update({lineColor:"#03BCD4",lineWidth:2,labels:{style:{color:"#ffffff"}},title:{style:{color:"#ffffff"}}})},X=function(){var t=W[E].find((function(t){return t.userOptions.title.text===D}));null==t||t.update({lineColor:"#3B3B3B",lineWidth:1,labels:{style:{color:"#9E9E9E"}},title:{style:{color:"#9E9E9E"}}})};return l((function(){var t=W.axisGroup;t&&(t.element.style.cursor="pointer")}),[W]),z?c(a,{title:L,placement:P?S?"bottom":"top":S?"left":"right",onMouseMove:function(t){var e=t.pageX,o=t.pageY;A({x:e,y:o})},PopperProps:{anchorEl:{clientHeight:0,clientWidth:0,getBoundingClientRect:function(){var t=S?R:0,e=S?0:R;return{top:P?G.y-t:I.y,left:P?I.x:G.x-e,right:P?I.x:G.x+e,bottom:P?G.y+t:I.y,width:0,height:0}}}},children:c("div",{className:F.axis,ref:N,onClick:function(){return M(O)},onMouseOver:T,onMouseLeave:X,onFocus:T,onBlur:X})}):null};export{m as default};
1
+ import t from"@babel/runtime/helpers/slicedToArray";import e from"@babel/runtime/helpers/objectWithoutProperties";import{useContext as o,useState as i,useRef as r,useEffect as l}from"react";import{makeStyles as n,Tooltip as a}from"@material-ui/core";import s from"@material-ui/icons/Straighten";import p from"../ChartWrapperContext.js";import{jsxs as c,jsx as f}from"react/jsx-runtime";var u=["axis","left","width","top","bottom","right","labelOffset","offset","height","coll","opposite","visible","onCustomizeScaleClick"],h=n((function(t){return{axis:function(t){var e=t.width,o=t.height;return{position:"absolute",cursor:"pointer",width:e,left:t.left,bottom:t.bottom,height:o,right:t.right,top:t.top}},tooltip:{display:"flex",alignItems:"center",justifyContent:"space-between",minWidth:125,backgroundColor:t.palette.background.b9,color:t.palette.text.primary,fontSize:"12px",lineHeight:"16px",letterSpacing:"0.4px",borderRadius:"4px",padding:"4px",zIndex:1e4},tooltipIcon:{fontSize:16,color:t.palette.primary.text6}}})),m=function(n){var m,d=n.axis,g=n.left,b=n.width,x=n.top,v=n.bottom,y=n.right,C=n.labelOffset,w=n.offset,B=n.height,E=n.coll,S=n.opposite,z=n.visible,M=n.onCustomizeScaleClick,W=e(n,u),k=o(p).chart,j=i({}),I=t(j,2),A=I[0],N=I[1],O=r(),P=(null==k?void 0:k.inverted)?"yAxis"===E:"xAxis"===E,R=14+Math.abs(C),H=14+Math.abs(C),D=h({width:P?b:H,height:P?H:B,top:P?S?x-H+w:"auto":x,right:P?y:S?y-H-w:"auto",left:P?g:S?"auto":g-H+w,bottom:P?S?"auto":v-H-w:v}),F=null===(m=O.current)||void 0===m?void 0:m.getBoundingClientRect(),G=c("div",{className:D.tooltip,children:[f(s,{className:D.tooltipIcon})," Customize Scale"]}),L=function(){d.update({lineColor:"#03BCD4",lineWidth:2,labels:{style:{color:"#ffffff"}},title:{style:{color:"#ffffff"}}})},T=function(){d.update({lineColor:"#3B3B3B",lineWidth:1,labels:{style:{color:"#9E9E9E"}},title:{style:{color:"#9E9E9E"}}})};return l((function(){var t=k.axisGroup;t&&(t.element.style.cursor="pointer")}),[k]),z?f(a,{title:G,placement:P?S?"bottom":"top":S?"left":"right",onMouseMove:function(t){var e=t.pageX,o=t.pageY;N({x:e,y:o})},PopperProps:{anchorEl:{clientHeight:0,clientWidth:0,getBoundingClientRect:function(){var t=S?R:0,e=S?0:R;return{top:P?F.y-t:A.y,left:P?A.x:F.x-e,right:P?A.x:F.x+e,bottom:P?F.y+t:A.y,width:0,height:0}}}},children:f("div",{className:D.axis,ref:O,onClick:function(){return M(W)},onMouseOver:L,onMouseLeave:T,onFocus:L,onBlur:T})}):null};export{m as default};
2
2
  //# sourceMappingURL=AxisOverlay.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"AxisOverlay.js","sources":["../../../../src/components/Chart/components/AxisOverlay.js"],"sourcesContent":["import { useContext, useEffect, useRef, useState } from 'react';\nimport { makeStyles, Tooltip } from '@material-ui/core';\nimport StraightenIcon from '@material-ui/icons/Straighten';\n\nimport ChartWrapperContext from '../ChartWrapperContext';\n\nconst DEFAULT_AXIS_SIZE = 14;\nconst TOOLTIP_MARGIN = 14;\n\nconst useStyles = makeStyles(theme => ({\n axis: ({ width, height, left, bottom, right, top }) => ({\n position: 'absolute',\n cursor: 'pointer',\n width,\n left,\n bottom,\n height,\n right,\n top,\n }),\n tooltip: {\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'space-between',\n minWidth: 125,\n backgroundColor: theme.palette.background.b9,\n color: theme.palette.text.primary,\n fontSize: '12px',\n lineHeight: '16px',\n letterSpacing: '0.4px',\n borderRadius: '4px',\n padding: '4px',\n zIndex: 10000,\n },\n tooltipIcon: {\n fontSize: 16,\n color: theme.palette.primary.text6,\n },\n}));\n\nconst AxisOverlay = ({\n left,\n width,\n top,\n bottom,\n right,\n labelOffset,\n offset,\n height,\n coll,\n opposite,\n visible,\n onCustomizeScaleClick,\n ...otherProps\n}) => {\n const { chart } = useContext(ChartWrapperContext);\n const [tooltipPosition, setTooltipPosition] = useState({});\n const axisRef = useRef();\n const isInvertedChart = chart?.inverted;\n const isXAxis = isInvertedChart ? coll === 'yAxis' : coll === 'xAxis';\n\n const tooltipMargin = TOOLTIP_MARGIN + Math.abs(labelOffset);\n const axisSize = DEFAULT_AXIS_SIZE + Math.abs(labelOffset);\n\n // NOTE: Here we use axisTitle to find the axis which is focused\n const { text: titleText } = otherProps?.userOptions?.title || {};\n\n const axisWidth = isXAxis ? width : axisSize;\n const axisHeight = isXAxis ? axisSize : height;\n\n const getLeftPosition = () => {\n if (isXAxis) return left;\n return opposite ? 'auto' : left - axisSize + offset;\n };\n\n const getRightPosition = () => {\n if (isXAxis) return right;\n return !opposite ? 'auto' : right - axisSize - offset;\n };\n\n const getTopPosition = () => {\n if (!isXAxis) return top;\n return !opposite ? 'auto' : top - axisSize + offset;\n };\n\n const getBottomPosition = () => {\n if (!isXAxis) return bottom;\n return opposite ? 'auto' : bottom - axisSize - offset;\n };\n\n const classes = useStyles({\n width: axisWidth,\n height: axisHeight,\n top: getTopPosition(),\n right: getRightPosition(),\n left: getLeftPosition(),\n bottom: getBottomPosition(),\n });\n\n const axisPosition = axisRef.current?.getBoundingClientRect();\n\n const tooltip = (\n <div className={classes.tooltip}>\n <StraightenIcon className={classes.tooltipIcon} /> Customize Scale\n </div>\n );\n\n const handleTooltipMouseMove = ({ pageX, pageY }) => {\n setTooltipPosition({ x: pageX, y: pageY });\n };\n\n const handleAxisMouseOver = () => {\n const focusedAxis = chart[coll].find(axis => axis.userOptions.title.text === titleText);\n focusedAxis?.update({\n lineColor: '#03BCD4',\n lineWidth: 2,\n labels: {\n style: {\n color: '#ffffff',\n },\n },\n title: {\n style: {\n color: '#ffffff',\n },\n },\n });\n };\n\n const handleAxisMouseLeave = () => {\n const focusedAxis = chart[coll].find(axis => axis.userOptions.title.text === titleText);\n focusedAxis?.update({\n lineColor: '#3B3B3B',\n lineWidth: 1,\n labels: {\n style: {\n color: '#9E9E9E',\n },\n },\n title: {\n style: {\n color: '#9E9E9E',\n },\n },\n });\n };\n\n const getTooltipBoundingClientRect = () => {\n const verticalMargin = opposite ? tooltipMargin : 0;\n const horizontalMargin = opposite ? 0 : tooltipMargin;\n return {\n top: isXAxis ? axisPosition.y - verticalMargin : tooltipPosition.y,\n left: isXAxis ? tooltipPosition.x : axisPosition.x - horizontalMargin,\n right: isXAxis ? tooltipPosition.x : axisPosition.x + horizontalMargin,\n bottom: isXAxis ? axisPosition.y + verticalMargin : tooltipPosition.y,\n width: 0,\n height: 0,\n };\n };\n\n const getTooltipPlacement = () => {\n if (isXAxis) return opposite ? 'bottom' : 'top';\n return opposite ? 'left' : 'right';\n };\n\n useEffect(() => {\n const { axisGroup } = chart;\n if (axisGroup) axisGroup.element.style.cursor = 'pointer';\n }, [chart]);\n\n if (!visible) return null;\n\n return (\n <Tooltip\n title={tooltip}\n placement={getTooltipPlacement()}\n onMouseMove={handleTooltipMouseMove}\n PopperProps={{\n anchorEl: {\n clientHeight: 0,\n clientWidth: 0,\n getBoundingClientRect: getTooltipBoundingClientRect,\n },\n }}\n >\n <div\n className={classes.axis}\n ref={axisRef}\n onClick={() => onCustomizeScaleClick(otherProps)}\n onMouseOver={handleAxisMouseOver}\n onMouseLeave={handleAxisMouseLeave}\n onFocus={handleAxisMouseOver}\n onBlur={handleAxisMouseLeave}\n />\n </Tooltip>\n );\n};\n\nexport default AxisOverlay;\n"],"names":["useStyles","makeStyles","theme","axis","_ref","width","height","position","cursor","left","bottom","right","top","tooltip","display","alignItems","justifyContent","minWidth","backgroundColor","palette","background","b9","color","text","primary","fontSize","lineHeight","letterSpacing","borderRadius","padding","zIndex","tooltipIcon","text6","AxisOverlay","_ref2","_otherProps$userOptio","_axisRef$current","labelOffset","offset","coll","opposite","visible","onCustomizeScaleClick","otherProps","_objectWithoutProperties","_excluded","chart","useContext","ChartWrapperContext","_useState","useState","_useState2","_slicedToArray","tooltipPosition","setTooltipPosition","axisRef","useRef","isXAxis","inverted","tooltipMargin","Math","abs","axisSize","titleText","userOptions","title","classes","axisPosition","current","getBoundingClientRect","_jsxs","className","children","_jsx","StraightenIcon","handleAxisMouseOver","focusedAxis","find","update","lineColor","lineWidth","labels","style","handleAxisMouseLeave","useEffect","axisGroup","element","Tooltip","placement","onMouseMove","_ref4","pageX","pageY","x","y","PopperProps","anchorEl","clientHeight","clientWidth","verticalMargin","horizontalMargin","ref","onClick","onMouseOver","onMouseLeave","onFocus","onBlur"],"mappings":"ogBASMA,EAAYC,GAAW,SAAAC,GAAK,MAAK,CACrCC,KAAM,SAAAC,GAAA,IAAGC,IAAAA,MAAOC,IAAAA,OAAgC,MAAQ,CACtDC,SAAU,WACVC,OAAQ,UACRH,MAAAA,EACAI,OAJsBA,KAKtBC,SAL4BA,OAM5BJ,OAAAA,EACAK,QAPoCA,MAQpCC,MAR2CA,IAS3C,EACFC,QAAS,CACPC,QAAS,OACTC,WAAY,SACZC,eAAgB,gBAChBC,SAAU,IACVC,gBAAiBhB,EAAMiB,QAAQC,WAAWC,GAC1CC,MAAOpB,EAAMiB,QAAQI,KAAKC,QAC1BC,SAAU,OACVC,WAAY,OACZC,cAAe,QACfC,aAAc,MACdC,QAAS,MACTC,OAAQ,KAEVC,YAAa,CACXN,SAAU,GACVH,MAAOpB,EAAMiB,QAAQK,QAAQQ,OAEhC,IAEKC,EAAc,SAcdC,GAAA,IAAAC,EAAAC,EAbJ3B,IAAAA,KACAJ,IAAAA,MACAO,IAAAA,IACAF,IAAAA,OACAC,IAAAA,MACA0B,IAAAA,YACAC,IAAAA,OACAhC,IAAAA,OACAiC,IAAAA,KACAC,IAAAA,SACAC,IAAAA,QACAC,IAAAA,sBACGC,EAAUC,EAAAV,EAAAW,GAELC,EAAUC,EAAWC,GAArBF,MACRG,EAA8CC,EAAS,IAAGC,EAAAC,EAAAH,EAAA,GAAnDI,EAAeF,EAAA,GAAEG,EAAkBH,EAAA,GACpCI,EAAUC,IAEVC,GADkBX,aAAAA,EAAAA,EAAOY,UACY,UAATnB,EAA4B,UAATA,EAE/CoB,EAtDe,GAsDkBC,KAAKC,IAAIxB,GAC1CyB,EAxDkB,GAwDaF,KAAKC,IAAIxB,GAGhC0B,IAAcpB,SAAA,QAAAA,EAAAA,EAAYqB,mBAAZ,IAAA7B,OAAAQ,EAAAR,EAAyB8B,QAAS,CAAE,GAAxD1C,KAyBF2C,EAAUlE,EAAU,CACxBK,MAxBgBoD,EAAUpD,EAAQyD,EAyBlCxD,OAxBiBmD,EAAUK,EAAWxD,EAyBtCM,IAZK6C,EACGjB,EAAoB5B,EAAMkD,EAAWxB,EAA1B,OADE1B,EAarBD,MAlBI8C,EAAgB9C,EACZ6B,EAAoB7B,EAAQmD,EAAWxB,EAA5B,OAkBnB7B,KAxBIgD,EAAgBhD,EACb+B,EAAW,OAAS/B,EAAOqD,EAAWxB,EAwB7C5B,OAVK+C,EACEjB,EAAW,OAAS9B,EAASoD,EAAWxB,EAD1B5B,IAajByD,EAAe,UAAAZ,EAAQa,eAAR,IAAAhC,OAAA,EAAAA,EAAiBiC,wBAEhCxD,EACJyD,EAAA,MAAA,CAAKC,UAAWL,EAAQrD,QAAQ2D,SAAA,CAC9BC,EAACC,EAAc,CAACH,UAAWL,EAAQnC,cAAe,sBAQhD4C,EAAsB,WAC1B,IAAMC,EAAc9B,EAAMP,GAAMsC,MAAK,SAAA1E,GAAI,OAAIA,EAAK6D,YAAYC,MAAM1C,OAASwC,KAC7Ea,SAAAA,EAAaE,OAAO,CAClBC,UAAW,UACXC,UAAW,EACXC,OAAQ,CACNC,MAAO,CACL5D,MAAO,YAGX2C,MAAO,CACLiB,MAAO,CACL5D,MAAO,eAMT6D,EAAuB,WAC3B,IAAMP,EAAc9B,EAAMP,GAAMsC,MAAK,SAAA1E,GAAI,OAAIA,EAAK6D,YAAYC,MAAM1C,OAASwC,KAC7Ea,SAAAA,EAAaE,OAAO,CAClBC,UAAW,UACXC,UAAW,EACXC,OAAQ,CACNC,MAAO,CACL5D,MAAO,YAGX2C,MAAO,CACLiB,MAAO,CACL5D,MAAO,eA6Bf,OALA8D,GAAU,WACR,IAAQC,EAAcvC,EAAduC,UACJA,IAAWA,EAAUC,QAAQJ,MAAM1E,OAAS,UAClD,GAAG,CAACsC,IAECL,EAGHgC,EAACc,EAAO,CACNtB,MAAOpD,EACP2E,UAdE/B,EAAgBjB,EAAW,SAAW,MACnCA,EAAW,OAAS,QAczBiD,YArE2B,SAAsBC,GAAA,IAAnBC,IAAAA,MAAOC,IAAAA,MACvCtC,EAAmB,CAAEuC,EAAGF,EAAOG,EAAGF,KAqEhCG,YAAa,CACXC,SAAU,CACRC,aAAc,EACdC,YAAa,EACb7B,sBAlC6B,WACnC,IAAM8B,EAAiB3D,EAAWmB,EAAgB,EAC5CyC,EAAmB5D,EAAW,EAAImB,EACxC,MAAO,CACL/C,IAAK6C,EAAUU,EAAa2B,EAAIK,EAAiB9C,EAAgByC,EACjErF,KAAMgD,EAAUJ,EAAgBwC,EAAI1B,EAAa0B,EAAIO,EACrDzF,MAAO8C,EAAUJ,EAAgBwC,EAAI1B,EAAa0B,EAAIO,EACtD1F,OAAQ+C,EAAUU,EAAa2B,EAAIK,EAAiB9C,EAAgByC,EACpEzF,MAAO,EACPC,OAAQ,MA2BNkE,SAEFC,EAAA,MAAA,CACEF,UAAWL,EAAQ/D,KACnBkG,IAAK9C,EACL+C,QAAS,WAAA,OAAM5D,EAAsBC,EAAY,EACjD4D,YAAa5B,EACb6B,aAAcrB,EACdsB,QAAS9B,EACT+B,OAAQvB,MAtBO,IA0BvB"}
1
+ {"version":3,"file":"AxisOverlay.js","sources":["../../../../src/components/Chart/components/AxisOverlay.js"],"sourcesContent":["import { useContext, useEffect, useRef, useState } from 'react';\nimport { makeStyles, Tooltip } from '@material-ui/core';\nimport StraightenIcon from '@material-ui/icons/Straighten';\n\nimport ChartWrapperContext from '../ChartWrapperContext';\n\nconst DEFAULT_AXIS_SIZE = 14;\nconst TOOLTIP_MARGIN = 14;\n\nconst useStyles = makeStyles(theme => ({\n axis: ({ width, height, left, bottom, right, top }) => ({\n position: 'absolute',\n cursor: 'pointer',\n width,\n left,\n bottom,\n height,\n right,\n top,\n }),\n tooltip: {\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'space-between',\n minWidth: 125,\n backgroundColor: theme.palette.background.b9,\n color: theme.palette.text.primary,\n fontSize: '12px',\n lineHeight: '16px',\n letterSpacing: '0.4px',\n borderRadius: '4px',\n padding: '4px',\n zIndex: 10000,\n },\n tooltipIcon: {\n fontSize: 16,\n color: theme.palette.primary.text6,\n },\n}));\n\nconst AxisOverlay = ({\n axis,\n left,\n width,\n top,\n bottom,\n right,\n labelOffset,\n offset,\n height,\n coll,\n opposite,\n visible,\n onCustomizeScaleClick,\n ...otherProps\n}) => {\n const { chart } = useContext(ChartWrapperContext);\n const [tooltipPosition, setTooltipPosition] = useState({});\n const axisRef = useRef();\n const isInvertedChart = chart?.inverted;\n const isXAxis = isInvertedChart ? coll === 'yAxis' : coll === 'xAxis';\n\n const tooltipMargin = TOOLTIP_MARGIN + Math.abs(labelOffset);\n const axisSize = DEFAULT_AXIS_SIZE + Math.abs(labelOffset);\n\n const axisWidth = isXAxis ? width : axisSize;\n const axisHeight = isXAxis ? axisSize : height;\n\n const getLeftPosition = () => {\n if (isXAxis) return left;\n return opposite ? 'auto' : left - axisSize + offset;\n };\n\n const getRightPosition = () => {\n if (isXAxis) return right;\n return !opposite ? 'auto' : right - axisSize - offset;\n };\n\n const getTopPosition = () => {\n if (!isXAxis) return top;\n return !opposite ? 'auto' : top - axisSize + offset;\n };\n\n const getBottomPosition = () => {\n if (!isXAxis) return bottom;\n return opposite ? 'auto' : bottom - axisSize - offset;\n };\n\n const classes = useStyles({\n width: axisWidth,\n height: axisHeight,\n top: getTopPosition(),\n right: getRightPosition(),\n left: getLeftPosition(),\n bottom: getBottomPosition(),\n });\n\n const axisPosition = axisRef.current?.getBoundingClientRect();\n\n const tooltip = (\n <div className={classes.tooltip}>\n <StraightenIcon className={classes.tooltipIcon} /> Customize Scale\n </div>\n );\n\n const handleTooltipMouseMove = ({ pageX, pageY }) => {\n setTooltipPosition({ x: pageX, y: pageY });\n };\n\n const handleAxisMouseOver = () => {\n axis.update({\n lineColor: '#03BCD4',\n lineWidth: 2,\n labels: {\n style: {\n color: '#ffffff',\n },\n },\n title: {\n style: {\n color: '#ffffff',\n },\n },\n });\n };\n\n const handleAxisMouseLeave = () => {\n axis.update({\n lineColor: '#3B3B3B',\n lineWidth: 1,\n labels: {\n style: {\n color: '#9E9E9E',\n },\n },\n title: {\n style: {\n color: '#9E9E9E',\n },\n },\n });\n };\n\n const getTooltipBoundingClientRect = () => {\n const verticalMargin = opposite ? tooltipMargin : 0;\n const horizontalMargin = opposite ? 0 : tooltipMargin;\n return {\n top: isXAxis ? axisPosition.y - verticalMargin : tooltipPosition.y,\n left: isXAxis ? tooltipPosition.x : axisPosition.x - horizontalMargin,\n right: isXAxis ? tooltipPosition.x : axisPosition.x + horizontalMargin,\n bottom: isXAxis ? axisPosition.y + verticalMargin : tooltipPosition.y,\n width: 0,\n height: 0,\n };\n };\n\n const getTooltipPlacement = () => {\n if (isXAxis) return opposite ? 'bottom' : 'top';\n return opposite ? 'left' : 'right';\n };\n\n useEffect(() => {\n const { axisGroup } = chart;\n if (axisGroup) axisGroup.element.style.cursor = 'pointer';\n }, [chart]);\n\n if (!visible) return null;\n\n return (\n <Tooltip\n title={tooltip}\n placement={getTooltipPlacement()}\n onMouseMove={handleTooltipMouseMove}\n PopperProps={{\n anchorEl: {\n clientHeight: 0,\n clientWidth: 0,\n getBoundingClientRect: getTooltipBoundingClientRect,\n },\n }}\n >\n <div\n className={classes.axis}\n ref={axisRef}\n onClick={() => onCustomizeScaleClick(otherProps)}\n onMouseOver={handleAxisMouseOver}\n onMouseLeave={handleAxisMouseLeave}\n onFocus={handleAxisMouseOver}\n onBlur={handleAxisMouseLeave}\n />\n </Tooltip>\n );\n};\n\nexport default AxisOverlay;\n"],"names":["useStyles","makeStyles","theme","axis","_ref","width","height","position","cursor","left","bottom","right","top","tooltip","display","alignItems","justifyContent","minWidth","backgroundColor","palette","background","b9","color","text","primary","fontSize","lineHeight","letterSpacing","borderRadius","padding","zIndex","tooltipIcon","text6","AxisOverlay","_ref2","_axisRef$current","labelOffset","offset","coll","opposite","visible","onCustomizeScaleClick","otherProps","_objectWithoutProperties","_excluded","chart","useContext","ChartWrapperContext","_useState","useState","_useState2","_slicedToArray","tooltipPosition","setTooltipPosition","axisRef","useRef","isXAxis","inverted","tooltipMargin","Math","abs","axisSize","classes","axisPosition","current","getBoundingClientRect","_jsxs","className","children","_jsx","StraightenIcon","handleAxisMouseOver","update","lineColor","lineWidth","labels","style","title","handleAxisMouseLeave","useEffect","axisGroup","element","Tooltip","placement","onMouseMove","_ref3","pageX","pageY","x","y","PopperProps","anchorEl","clientHeight","clientWidth","verticalMargin","horizontalMargin","ref","onClick","onMouseOver","onMouseLeave","onFocus","onBlur"],"mappings":"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"}
@@ -1 +1 @@
1
- {"version":3,"file":"ChartWrapper.d.ts","sourceRoot":"","sources":["../../../../src/components/Chart/components/ChartWrapper.js"],"names":[],"mappings":"AA0BA,QAAA,MAAM,YAAY;;;;;;;iCA6EjB,CAAC;AAEF,QAAA,MAAM,6CAA6C,YAAW,CAAC;eAEhD,YAAY"}
1
+ {"version":3,"file":"ChartWrapper.d.ts","sourceRoot":"","sources":["../../../../src/components/Chart/components/ChartWrapper.js"],"names":[],"mappings":"AA0BA,QAAA,MAAM,YAAY;;;;;;;iCAkFjB,CAAC;AAEF,QAAA,MAAM,6CAA6C,YAAW,CAAC;eAEhD,YAAY"}
@@ -1,2 +1,2 @@
1
- import e from"@babel/runtime/helpers/defineProperty";import t from"@babel/runtime/helpers/slicedToArray";import{makeStyles as r}from"@material-ui/core";import{isEmpty as o,merge as n}from"lodash";import{useState as i,useEffect as a}from"react";import l from"../ChartWrapperContext.js";import{MIN_CHART_HEIGHT as c}from"../constants.js";import{useZoom as h}from"../effects/useZoom.js";import{useChartModifier as s}from"../effects/useChartModifier.js";import{useChartTypeSwitch as d}from"../effects/useChartTypeSwitch.js";import m from"./AxisOverlay.js";import{jsx as u,jsxs as p}from"react/jsx-runtime";function f(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,o)}return r}function v(t){for(var r=1;r<arguments.length;r++){var o=null!=arguments[r]?arguments[r]:{};r%2?f(Object(o),!0).forEach((function(r){e(t,r,o[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(o)):f(Object(o)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(o,e))}))}return t}var C=r({container:{width:"100%",height:"100%",position:"relative"}}),b={zoomType:"xy",panning:{enabled:!0,type:"xy"}},y=function(e){var r,f,y,O,j,S,Z,w,x=e.children,P=e.chartRef,E=e.isAxesCoordinatesShown,z=void 0!==E&&E,T=e.onCustomizeScaleClick,k=void 0===T?null:T,A=e.onZoomChangeCallback,D=void 0===A?g:A,B=e.chartOptions,M=void 0===B?{}:B,R=C(),H=i({}),I=t(H,2),N=I[0],W=I[1],q=h({chart:null===(r=P.current)||void 0===r?void 0:r.chart}),F=q.zoomStatus,G=q.zoomConfig,J=q.handleZoomEvent,K=q.handleResetZoom,L=q.isZoomEnabled,Q=q.handleIsZoomEnabledChange,U=q.debouncedChartSelection;a((function(){var e,t,r;o(null===(e=P.current)||void 0===e?void 0:e.chart)||W({marginBottom:null===(t=P.current)||void 0===t||null===(r=t.chart)||void 0===r?void 0:r.marginBottom})}),[]);var V=(null===(f=P.current)||void 0===f||null===(y=f.chart)||void 0===y||null===(O=y.plotBox)||void 0===O?void 0:O.height)<=c;s({chart:null===(j=P.current)||void 0===j?void 0:j.chart,chartOptions:n({},b,M),isZoomEnabled:L,isMinHeightChart:V,onZoomChangeCallback:D,handleChartSelection:U,isAxesCoordinatesShown:z});var X=d({chart:null===(S=P.current)||void 0===S?void 0:S.chart}),Y=X.chartType,$=X.handleChartTypeChange,_={chart:null===(Z=P.current)||void 0===Z?void 0:Z.chart,chartType:Y,zoomConfig:G,chartStyles:N,zoomStatus:F,isZoomEnabled:L,setChartStyles:W,handleChartTypeChange:$,handleResetZoom:K,handleZoomEvent:J,isMinHeightChart:V,handleChartSelection:U,handleChangeChartStyles:function(e){W((function(t){return v(v({},t),e)}))},handleIsZoomEnabledChange:Q};return u("div",{className:R.container,children:p(l.Provider,{value:_,children:[x,k&&(null===(w=P.current)||void 0===w?void 0:w.chart.axes.map((function(e){return u(m,v({onCustomizeScaleClick:k},e),e.coll)})))]})})},g=function(){};export{y as default};
1
+ import e from"@babel/runtime/helpers/defineProperty";import t from"@babel/runtime/helpers/slicedToArray";import{makeStyles as r}from"@material-ui/core";import{isEmpty as o,merge as n}from"lodash";import{useState as i,useEffect as a}from"react";import l from"../ChartWrapperContext.js";import{MIN_CHART_HEIGHT as c}from"../constants.js";import{useZoom as h}from"../effects/useZoom.js";import{useChartModifier as s}from"../effects/useChartModifier.js";import{useChartTypeSwitch as d}from"../effects/useChartTypeSwitch.js";import m from"./AxisOverlay.js";import{jsx as u,jsxs as p}from"react/jsx-runtime";function f(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,o)}return r}function v(t){for(var r=1;r<arguments.length;r++){var o=null!=arguments[r]?arguments[r]:{};r%2?f(Object(o),!0).forEach((function(r){e(t,r,o[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(o)):f(Object(o)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(o,e))}))}return t}var C=r({container:{width:"100%",height:"100%",position:"relative"}}),b={zoomType:"xy",panning:{enabled:!0,type:"xy"}},y=function(e){var r,f,y,O,j,S,Z,x,w=e.children,P=e.chartRef,E=e.isAxesCoordinatesShown,z=void 0!==E&&E,T=e.onCustomizeScaleClick,k=void 0===T?null:T,A=e.onZoomChangeCallback,D=void 0===A?g:A,B=e.chartOptions,M=void 0===B?{}:B,R=C(),H=i({}),I=t(H,2),N=I[0],W=I[1],q=h({chart:null===(r=P.current)||void 0===r?void 0:r.chart}),F=q.zoomStatus,G=q.zoomConfig,J=q.handleZoomEvent,K=q.handleResetZoom,L=q.isZoomEnabled,Q=q.handleIsZoomEnabledChange,U=q.debouncedChartSelection;a((function(){var e,t,r;o(null===(e=P.current)||void 0===e?void 0:e.chart)||W({marginBottom:null===(t=P.current)||void 0===t||null===(r=t.chart)||void 0===r?void 0:r.marginBottom})}),[]);var V=(null===(f=P.current)||void 0===f||null===(y=f.chart)||void 0===y||null===(O=y.plotBox)||void 0===O?void 0:O.height)<=c;s({chart:null===(j=P.current)||void 0===j?void 0:j.chart,chartOptions:n({},b,M),isZoomEnabled:L,isMinHeightChart:V,onZoomChangeCallback:D,handleChartSelection:U,isAxesCoordinatesShown:z});var X=d({chart:null===(S=P.current)||void 0===S?void 0:S.chart}),Y=X.chartType,$=X.handleChartTypeChange,_={chart:null===(Z=P.current)||void 0===Z?void 0:Z.chart,chartType:Y,zoomConfig:G,chartStyles:N,zoomStatus:F,isZoomEnabled:L,setChartStyles:W,handleChartTypeChange:$,handleResetZoom:K,handleZoomEvent:J,isMinHeightChart:V,handleChartSelection:U,handleChangeChartStyles:function(e){W((function(t){return v(v({},t),e)}))},handleIsZoomEnabledChange:Q};return u("div",{className:R.container,children:p(l.Provider,{value:_,children:[w,k&&(null===(x=P.current)||void 0===x?void 0:x.chart.axes.map((function(e){return u(m,v(v({onCustomizeScaleClick:k},e),{},{axis:e}),e.coll)})))]})})},g=function(){};export{y as default};
2
2
  //# sourceMappingURL=ChartWrapper.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"ChartWrapper.js","sources":["../../../../src/components/Chart/components/ChartWrapper.js"],"sourcesContent":["import { makeStyles } from '@material-ui/core';\nimport { isEmpty, merge } from 'lodash';\nimport { useEffect, useState } from 'react';\n\nimport ChartWrapperContext from '../ChartWrapperContext';\nimport { MIN_CHART_HEIGHT } from '../constants';\nimport { useChartModifier, useChartTypeSwitch, useZoom } from '../effects';\n\nimport AxisOverlay from './AxisOverlay';\n\nconst useStyles = makeStyles({\n container: {\n width: '100%',\n height: '100%',\n position: 'relative',\n },\n});\n\nconst defaultChartOptions = {\n zoomType: 'xy',\n panning: {\n enabled: true,\n type: 'xy',\n },\n};\n\nconst ChartWrapper = ({\n children,\n chartRef,\n isAxesCoordinatesShown = false,\n onCustomizeScaleClick = null,\n onZoomChangeCallback = DEFAULT_CHART_WRAPPER_ON_ZOOM_CHANGE_CALLBACK,\n chartOptions = {},\n}) => {\n const classes = useStyles();\n const [chartStyles, setChartStyles] = useState({});\n\n const {\n zoomStatus,\n zoomConfig,\n handleZoomEvent,\n handleResetZoom,\n isZoomEnabled,\n handleIsZoomEnabledChange,\n debouncedChartSelection,\n } = useZoom({\n chart: chartRef.current?.chart,\n });\n\n useEffect(() => {\n if (isEmpty(chartRef.current?.chart)) {\n return;\n }\n setChartStyles({ marginBottom: chartRef.current?.chart?.marginBottom });\n }, []);\n\n const handleChangeChartStyles = styles => {\n setChartStyles(prevState => ({ ...prevState, ...styles }));\n };\n const isMinHeightChart = chartRef.current?.chart?.plotBox?.height <= MIN_CHART_HEIGHT;\n\n useChartModifier({\n chart: chartRef.current?.chart,\n chartOptions: merge({}, defaultChartOptions, chartOptions),\n isZoomEnabled,\n isMinHeightChart,\n onZoomChangeCallback,\n handleChartSelection: debouncedChartSelection,\n isAxesCoordinatesShown,\n });\n\n const { chartType, handleChartTypeChange } = useChartTypeSwitch({\n chart: chartRef.current?.chart,\n });\n\n const contextValue = {\n chart: chartRef.current?.chart,\n chartType,\n zoomConfig,\n chartStyles,\n zoomStatus,\n isZoomEnabled,\n setChartStyles,\n handleChartTypeChange,\n handleResetZoom,\n handleZoomEvent,\n isMinHeightChart,\n handleChartSelection: debouncedChartSelection,\n handleChangeChartStyles,\n handleIsZoomEnabledChange,\n };\n\n return (\n <div className={classes.container}>\n <ChartWrapperContext.Provider value={contextValue}>\n {children}\n {onCustomizeScaleClick &&\n chartRef.current?.chart.axes.map(axis => (\n <AxisOverlay key={axis.coll} onCustomizeScaleClick={onCustomizeScaleClick} {...axis} />\n ))}\n </ChartWrapperContext.Provider>\n </div>\n );\n};\n\nconst DEFAULT_CHART_WRAPPER_ON_ZOOM_CHANGE_CALLBACK = () => {};\n\nexport default ChartWrapper;\n"],"names":["useStyles","makeStyles","container","width","height","position","defaultChartOptions","zoomType","panning","enabled","type","ChartWrapper","_ref","_chartRef$current","_chartRef$current4","_chartRef$current4$ch","_chartRef$current4$ch2","_chartRef$current5","_chartRef$current6","_chartRef$current7","_chartRef$current8","children","chartRef","_ref$isAxesCoordinate","isAxesCoordinatesShown","_ref$onCustomizeScale","onCustomizeScaleClick","_ref$onZoomChangeCall","onZoomChangeCallback","DEFAULT_CHART_WRAPPER_ON_ZOOM_CHANGE_CALLBACK","_ref$chartOptions","chartOptions","classes","_useState","useState","_useState2","_slicedToArray","chartStyles","setChartStyles","_useZoom","useZoom","chart","current","zoomStatus","zoomConfig","handleZoomEvent","handleResetZoom","isZoomEnabled","handleIsZoomEnabledChange","debouncedChartSelection","useEffect","_chartRef$current2","_chartRef$current3","_chartRef$current3$ch","isEmpty","marginBottom","isMinHeightChart","plotBox","MIN_CHART_HEIGHT","useChartModifier","merge","handleChartSelection","_useChartTypeSwitch","useChartTypeSwitch","chartType","handleChartTypeChange","contextValue","handleChangeChartStyles","styles","prevState","_jsx","className","_jsxs","ChartWrapperContext","Provider","value","axes","map","axis","AxisOverlay","_objectSpread","coll"],"mappings":"ypCAUA,IAAMA,EAAYC,EAAW,CAC3BC,UAAW,CACTC,MAAO,OACPC,OAAQ,OACRC,SAAU,cAIRC,EAAsB,CAC1BC,SAAU,KACVC,QAAS,CACPC,SAAS,EACTC,KAAM,OAIJC,EAAe,SAOfC,GAAA,IAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EANJC,IAAAA,SACAC,IAAAA,SAAQC,EAAAX,EACRY,uBAAAA,cAA8BD,EAAAE,EAAAb,EAC9Bc,sBAAAA,aAAwB,KAAID,EAAAE,EAAAf,EAC5BgB,qBAAAA,aAAuBC,EAA6CF,EAAAG,EAAAlB,EACpEmB,aAAAA,OAAY,IAAAD,EAAG,CAAA,EAAEA,EAEXE,EAAUhC,IAChBiC,EAAsCC,EAAS,IAAGC,EAAAC,EAAAH,EAAA,GAA3CI,EAAWF,EAAA,GAAEG,EAAcH,EAAA,GAElCI,EAQIC,EAAQ,CACVC,cAAOnB,EAAAA,EAASoB,4BAAT7B,EAAkB4B,QARzBE,IAAAA,WACAC,IAAAA,WACAC,IAAAA,gBACAC,IAAAA,gBACAC,IAAAA,cACAC,IAAAA,0BACAC,IAAAA,wBAKFC,GAAU,WAAM,IAAAC,EAAAC,EAAAC,EACVC,EAAQ,UAAAhC,EAASoB,eAAT,IAAAS,OAAA,EAAAA,EAAkBV,QAG9BH,EAAe,CAAEiB,qBAAYH,EAAE9B,EAASoB,gCAATU,EAAkBX,0BAAlBY,EAAyBE,cACzD,GAAE,IAEH,IAGMC,GAAmB,QAAA1C,EAAAQ,EAASoB,eAAT,IAAA5B,GAAuB,QAAvBC,EAAAD,EAAkB2B,aAAK,IAAA1B,GAAS,QAATC,EAAvBD,EAAyB0C,eAAO,IAAAzC,OAAhC,EAAAA,EAAkCZ,SAAUsD,EAErEC,EAAiB,CACflB,MAAuB,UAAhBnB,EAASoB,eAAO,IAAAzB,OAAA,EAAhBA,EAAkBwB,MACzBV,aAAc6B,EAAM,GAAItD,EAAqByB,GAC7CgB,cAAAA,EACAS,iBAAAA,EACA5B,qBAAAA,EACAiC,qBAAsBZ,EACtBzB,uBAAAA,IAGF,IAAAsC,EAA6CC,EAAmB,CAC9DtB,cAAOnB,EAAAA,EAASoB,4BAATxB,EAAkBuB,QADnBuB,IAAAA,UAAWC,IAAAA,sBAIbC,EAAe,CACnBzB,MAAuB,UAAhBnB,EAASoB,eAAO,IAAAvB,OAAA,EAAhBA,EAAkBsB,MACzBuB,UAAAA,EACApB,WAAAA,EACAP,YAAAA,EACAM,WAAAA,EACAI,cAAAA,EACAT,eAAAA,EACA2B,sBAAAA,EACAnB,gBAAAA,EACAD,gBAAAA,EACAW,iBAAAA,EACAK,qBAAsBZ,EACtBkB,wBAhC8B,SAAAC,GAC9B9B,GAAe,SAAA+B,GAAS,OAAUA,EAAAA,EAAAA,CAAAA,EAAAA,GAAcD,EAAM,KAgCtDpB,0BAAAA,GAGF,OACEsB,EAAA,MAAA,CAAKC,UAAWvC,EAAQ9B,UAAUmB,SAChCmD,EAACC,EAAoBC,SAAQ,CAACC,MAAOT,EAAa7C,SAAA,CAC/CA,EACAK,IACiB,QAAhBJ,EAAAA,EAASoB,eAAO,IAAAtB,OAAA,EAAhBA,EAAkBqB,MAAMmC,KAAKC,KAAI,SAAAC,GAAI,OACnCR,EAACS,EAAWC,EAAA,CAAiBtD,sBAAuBA,GAA2BoD,GAA7DA,EAAKG,KACxB,SAIX,EAEMpD,EAAgD,WAAQ"}
1
+ {"version":3,"file":"ChartWrapper.js","sources":["../../../../src/components/Chart/components/ChartWrapper.js"],"sourcesContent":["import { makeStyles } from '@material-ui/core';\nimport { isEmpty, merge } from 'lodash';\nimport { useEffect, useState } from 'react';\n\nimport ChartWrapperContext from '../ChartWrapperContext';\nimport { MIN_CHART_HEIGHT } from '../constants';\nimport { useChartModifier, useChartTypeSwitch, useZoom } from '../effects';\n\nimport AxisOverlay from './AxisOverlay';\n\nconst useStyles = makeStyles({\n container: {\n width: '100%',\n height: '100%',\n position: 'relative',\n },\n});\n\nconst defaultChartOptions = {\n zoomType: 'xy',\n panning: {\n enabled: true,\n type: 'xy',\n },\n};\n\nconst ChartWrapper = ({\n children,\n chartRef,\n isAxesCoordinatesShown = false,\n onCustomizeScaleClick = null,\n onZoomChangeCallback = DEFAULT_CHART_WRAPPER_ON_ZOOM_CHANGE_CALLBACK,\n chartOptions = {},\n}) => {\n const classes = useStyles();\n const [chartStyles, setChartStyles] = useState({});\n\n const {\n zoomStatus,\n zoomConfig,\n handleZoomEvent,\n handleResetZoom,\n isZoomEnabled,\n handleIsZoomEnabledChange,\n debouncedChartSelection,\n } = useZoom({\n chart: chartRef.current?.chart,\n });\n\n useEffect(() => {\n if (isEmpty(chartRef.current?.chart)) {\n return;\n }\n setChartStyles({ marginBottom: chartRef.current?.chart?.marginBottom });\n }, []);\n\n const handleChangeChartStyles = styles => {\n setChartStyles(prevState => ({ ...prevState, ...styles }));\n };\n const isMinHeightChart = chartRef.current?.chart?.plotBox?.height <= MIN_CHART_HEIGHT;\n\n useChartModifier({\n chart: chartRef.current?.chart,\n chartOptions: merge({}, defaultChartOptions, chartOptions),\n isZoomEnabled,\n isMinHeightChart,\n onZoomChangeCallback,\n handleChartSelection: debouncedChartSelection,\n isAxesCoordinatesShown,\n });\n\n const { chartType, handleChartTypeChange } = useChartTypeSwitch({\n chart: chartRef.current?.chart,\n });\n\n const contextValue = {\n chart: chartRef.current?.chart,\n chartType,\n zoomConfig,\n chartStyles,\n zoomStatus,\n isZoomEnabled,\n setChartStyles,\n handleChartTypeChange,\n handleResetZoom,\n handleZoomEvent,\n isMinHeightChart,\n handleChartSelection: debouncedChartSelection,\n handleChangeChartStyles,\n handleIsZoomEnabledChange,\n };\n\n return (\n <div className={classes.container}>\n <ChartWrapperContext.Provider value={contextValue}>\n {children}\n {onCustomizeScaleClick &&\n chartRef.current?.chart.axes.map(axis => (\n <AxisOverlay\n key={axis.coll}\n onCustomizeScaleClick={onCustomizeScaleClick}\n {...axis}\n axis={axis}\n />\n ))}\n </ChartWrapperContext.Provider>\n </div>\n );\n};\n\nconst DEFAULT_CHART_WRAPPER_ON_ZOOM_CHANGE_CALLBACK = () => {};\n\nexport default ChartWrapper;\n"],"names":["useStyles","makeStyles","container","width","height","position","defaultChartOptions","zoomType","panning","enabled","type","ChartWrapper","_ref","_chartRef$current","_chartRef$current4","_chartRef$current4$ch","_chartRef$current4$ch2","_chartRef$current5","_chartRef$current6","_chartRef$current7","_chartRef$current8","children","chartRef","_ref$isAxesCoordinate","isAxesCoordinatesShown","_ref$onCustomizeScale","onCustomizeScaleClick","_ref$onZoomChangeCall","onZoomChangeCallback","DEFAULT_CHART_WRAPPER_ON_ZOOM_CHANGE_CALLBACK","_ref$chartOptions","chartOptions","classes","_useState","useState","_useState2","_slicedToArray","chartStyles","setChartStyles","_useZoom","useZoom","chart","current","zoomStatus","zoomConfig","handleZoomEvent","handleResetZoom","isZoomEnabled","handleIsZoomEnabledChange","debouncedChartSelection","useEffect","_chartRef$current2","_chartRef$current3","_chartRef$current3$ch","isEmpty","marginBottom","isMinHeightChart","plotBox","MIN_CHART_HEIGHT","useChartModifier","merge","handleChartSelection","_useChartTypeSwitch","useChartTypeSwitch","chartType","handleChartTypeChange","contextValue","handleChangeChartStyles","styles","prevState","_jsx","className","_jsxs","ChartWrapperContext","Provider","value","axes","map","axis","AxisOverlay","_objectSpread","coll"],"mappings":"ypCAUA,IAAMA,EAAYC,EAAW,CAC3BC,UAAW,CACTC,MAAO,OACPC,OAAQ,OACRC,SAAU,cAIRC,EAAsB,CAC1BC,SAAU,KACVC,QAAS,CACPC,SAAS,EACTC,KAAM,OAIJC,EAAe,SAOfC,GAAA,IAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EANJC,IAAAA,SACAC,IAAAA,SAAQC,EAAAX,EACRY,uBAAAA,cAA8BD,EAAAE,EAAAb,EAC9Bc,sBAAAA,aAAwB,KAAID,EAAAE,EAAAf,EAC5BgB,qBAAAA,aAAuBC,EAA6CF,EAAAG,EAAAlB,EACpEmB,aAAAA,OAAY,IAAAD,EAAG,CAAA,EAAEA,EAEXE,EAAUhC,IAChBiC,EAAsCC,EAAS,IAAGC,EAAAC,EAAAH,EAAA,GAA3CI,EAAWF,EAAA,GAAEG,EAAcH,EAAA,GAElCI,EAQIC,EAAQ,CACVC,cAAOnB,EAAAA,EAASoB,4BAAT7B,EAAkB4B,QARzBE,IAAAA,WACAC,IAAAA,WACAC,IAAAA,gBACAC,IAAAA,gBACAC,IAAAA,cACAC,IAAAA,0BACAC,IAAAA,wBAKFC,GAAU,WAAM,IAAAC,EAAAC,EAAAC,EACVC,EAAQ,UAAAhC,EAASoB,eAAT,IAAAS,OAAA,EAAAA,EAAkBV,QAG9BH,EAAe,CAAEiB,qBAAYH,EAAE9B,EAASoB,gCAATU,EAAkBX,0BAAlBY,EAAyBE,cACzD,GAAE,IAEH,IAGMC,GAAmB,QAAA1C,EAAAQ,EAASoB,eAAT,IAAA5B,GAAuB,QAAvBC,EAAAD,EAAkB2B,aAAK,IAAA1B,GAAS,QAATC,EAAvBD,EAAyB0C,eAAO,IAAAzC,OAAhC,EAAAA,EAAkCZ,SAAUsD,EAErEC,EAAiB,CACflB,MAAuB,UAAhBnB,EAASoB,eAAO,IAAAzB,OAAA,EAAhBA,EAAkBwB,MACzBV,aAAc6B,EAAM,GAAItD,EAAqByB,GAC7CgB,cAAAA,EACAS,iBAAAA,EACA5B,qBAAAA,EACAiC,qBAAsBZ,EACtBzB,uBAAAA,IAGF,IAAAsC,EAA6CC,EAAmB,CAC9DtB,cAAOnB,EAAAA,EAASoB,4BAATxB,EAAkBuB,QADnBuB,IAAAA,UAAWC,IAAAA,sBAIbC,EAAe,CACnBzB,MAAuB,UAAhBnB,EAASoB,eAAO,IAAAvB,OAAA,EAAhBA,EAAkBsB,MACzBuB,UAAAA,EACApB,WAAAA,EACAP,YAAAA,EACAM,WAAAA,EACAI,cAAAA,EACAT,eAAAA,EACA2B,sBAAAA,EACAnB,gBAAAA,EACAD,gBAAAA,EACAW,iBAAAA,EACAK,qBAAsBZ,EACtBkB,wBAhC8B,SAAAC,GAC9B9B,GAAe,SAAA+B,GAAS,OAAUA,EAAAA,EAAAA,CAAAA,EAAAA,GAAcD,EAAM,KAgCtDpB,0BAAAA,GAGF,OACEsB,EAAA,MAAA,CAAKC,UAAWvC,EAAQ9B,UAAUmB,SAChCmD,EAACC,EAAoBC,SAAQ,CAACC,MAAOT,EAAa7C,SAAA,CAC/CA,EACAK,IACiB,QAAhBJ,EAAAA,EAASoB,eAAO,IAAAtB,OAAA,EAAhBA,EAAkBqB,MAAMmC,KAAKC,KAAI,SAAAC,GAAI,OACnCR,EAACS,EAAWC,EAAAA,EAAA,CAEVtD,sBAAuBA,GACnBoD,GAAI,GAAA,CACRA,KAAMA,IAHDA,EAAKG,KAKb,SAIX,EAEMpD,EAAgD,WAAQ"}
@@ -0,0 +1,2 @@
1
+ export {};
2
+ //# sourceMappingURL=AxisOverlay.test.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"AxisOverlay.test.d.ts","sourceRoot":"","sources":["../../../../../src/components/Chart/components/__tests__/AxisOverlay.test.js"],"names":[],"mappings":""}
@@ -248,7 +248,7 @@ const validateDsn = dsn => {
248
248
 
249
249
  const MCP_SERVER_VERSION = '1.4.1';
250
250
 
251
- var version = "3.74.0-11";
251
+ var version = "3.74.0-12";
252
252
 
253
253
  const CORVA_UI_VERSION = version;
254
254
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@corva/ui",
3
- "version": "3.74.0-11",
3
+ "version": "3.74.0-12",
4
4
  "license": "UNLICENSED",
5
5
  "description": "Shared components/utils for Corva ui projects",
6
6
  "repository": {