@corva/ui 0.65.0-0 → 0.65.0-1-test

package/components/Chart/components/AxisOverlay.js.map

@@ -0,0 +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;\nconst AXIS_OFFSET = 5;\n\nconst useStyles = makeStyles(theme => ({\n  axis: ({ width, left, bottom, height }) => ({\n    position: 'absolute',\n    cursor: 'pointer',\n    width,\n    left,\n    bottom,\n    height,\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  height,\n  coll,\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 + labelOffset;\n  const axisSize = DEFAULT_AXIS_SIZE + labelOffset;\n\n  const classes = useStyles({\n    top,\n    right,\n    width: isXAxis ? width + axisSize : axisSize,\n    height: isXAxis ? axisSize : height + axisSize,\n    left: isXAxis ? left - AXIS_OFFSET : left - axisSize,\n    bottom: isXAxis ? bottom - axisSize : bottom - AXIS_OFFSET,\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 hangleAxisMouseOver = () => {\n    chart.update({\n      [coll]: {\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\n  const hangleAxisMouseLeave = () => {\n    chart.update({\n      [coll]: {\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\n  const getToolipBoundingClientRect = () => ({\n    top: isXAxis ? axisPosition.y : tooltipPosition.y,\n    left: isXAxis ? tooltipPosition.x : axisPosition.x - tooltipMargin,\n    right: isXAxis ? tooltipPosition.x : axisPosition.x + tooltipMargin,\n    bottom: isXAxis ? axisPosition.y : tooltipPosition.y,\n    width: 0,\n    height: 0,\n  });\n\n  useEffect(() => {\n    const { axisGroup } = chart;\n    if (axisGroup) axisGroup.element.style.cursor = 'pointer';\n  }, [chart]);\n\n  return (\n    <Tooltip\n      title={tooltip}\n      placement={isXAxis ? 'top' : 'right'}\n      onMouseMove={handleTooltipMouseMove}\n      PopperProps={{\n        anchorEl: {\n          clientHeight: 0,\n          clientWidth: 0,\n          getBoundingClientRect: getToolipBoundingClientRect,\n        },\n      }}\n    >\n      <div\n        className={classes.axis}\n        ref={axisRef}\n        onClick={() => onCustomizeScaleClick(otherProps)}\n        onMouseOver={hangleAxisMouseOver}\n        onMouseLeave={hangleAxisMouseLeave}\n        onFocus={hangleAxisMouseOver}\n        onBlur={hangleAxisMouseLeave}\n      />\n    </Tooltip>\n  );\n};\n\nexport default AxisOverlay;\n"],"names":["DEFAULT_AXIS_SIZE","TOOLTIP_MARGIN","AXIS_OFFSET","useStyles","makeStyles","theme","axis","width","left","bottom","height","position","cursor","tooltip","display","alignItems","justifyContent","minWidth","backgroundColor","palette","background","b9","color","text","primary","fontSize","lineHeight","letterSpacing","borderRadius","padding","zIndex","tooltipIcon","text6","AxisOverlay","top","right","labelOffset","coll","onCustomizeScaleClick","otherProps","useContext","ChartWrapperContext","chart","useState","tooltipPosition","setTooltipPosition","axisRef","useRef","isInvertedChart","inverted","isXAxis","tooltipMargin","axisSize","classes","axisPosition","current","getBoundingClientRect","_jsxs","_jsx","handleTooltipMouseMove","pageX","pageY","x","y","hangleAxisMouseOver","update","lineColor","lineWidth","labels","style","title","hangleAxisMouseLeave","getToolipBoundingClientRect","useEffect","axisGroup","element","anchorEl","clientHeight","clientWidth"],"mappings":"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"}

package/components/Chart/components/ChartButton.js

@@ -1 +1,88 @@
-import r from"@babel/runtime/helpers/defineProperty";import e from"@babel/runtime/helpers/objectWithoutProperties";import t from"classnames";import{makeStyles as o,Tooltip as i}from"@material-ui/core";import{jsx as n}from"react/jsx-runtime";var c=["onClick","className","children","tooltipProps","isActive","isHidden","disabled"];function a(r,e){var t=Object.keys(r);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(r);e&&(o=o.filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable}))),t.push.apply(t,o)}return t}function l(e){for(var t=1;t<arguments.length;t++){var o=null!=arguments[t]?arguments[t]:{};t%2?a(Object(o),!0).forEach((function(t){r(e,t,o[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(o)):a(Object(o)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(o,r))}))}return e}var s=o((function(r){var e=r.palette;return{button:{display:"flex",justifyContent:"center",alignItems:"center",width:30,height:30,borderRadius:"4px",color:e.primary.text6,background:e.background.b6,marginBottom:"4px","&:hover":{color:e.primary.contrastText,background:e.background.b7,cursor:"pointer"},"&:active":{background:e.background.b8,"& .MuiSvgIcon-root":{color:e.primary.main}},"& .MuiSvgIcon-root":{width:16,height:16},"& .MuiSvgIcon-root:active":{color:e.primary.main}},isActive:{color:e.primary.main,"&:hover":{color:e.primary.main}},isHidden:{visibility:"hidden"},disabled:{cursor:"not-allowed !important","&:hover":{background:e.background.b6},"& .MuiSvgIcon-root":{color:"".concat(e.primary.text6," !important")}}}})),p=function(o){var a,p=o.onClick,d=o.className,u=o.children,b=o.tooltipProps,m=o.isActive,f=o.isHidden,g=o.disabled,v=e(o,c),y=s(),h=n("div",l(l({className:t(y.button,d,(a={},r(a,y.isHidden,f),r(a,y.disabled,g),r(a,y.isActive,m),a)),onClick:g?null:p},v),{},{children:u}));return g?h:n(i,l(l({placement:"left"},b),{},{children:h}))};export{p as default};
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
+import classNames from 'classnames';
+import { makeStyles, Tooltip } from '@material-ui/core';
+import { jsx } from 'react/jsx-runtime';
+
+var _excluded = ["onClick", "className", "children", "tooltipProps", "isActive", "isHidden", "disabled"];
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+var useStyles = makeStyles(function (_ref) {
+  var palette = _ref.palette;
+  return {
+    button: {
+      display: 'flex',
+      justifyContent: 'center',
+      alignItems: 'center',
+      width: 30,
+      height: 30,
+      borderRadius: '4px',
+      color: palette.primary.text6,
+      background: palette.background.b6,
+      marginBottom: '4px',
+      '&:hover': {
+        color: palette.primary.contrastText,
+        background: palette.background.b7,
+        cursor: 'pointer'
+      },
+      '&:active': {
+        background: palette.background.b8,
+        '& .MuiSvgIcon-root': {
+          color: palette.primary.main
+        }
+      },
+      '& .MuiSvgIcon-root': {
+        width: 16,
+        height: 16
+      },
+      '& .MuiSvgIcon-root:active': {
+        color: palette.primary.main
+      }
+    },
+    isActive: {
+      color: palette.primary.main,
+      '&:hover': {
+        color: palette.primary.main
+      }
+    },
+    isHidden: {
+      visibility: 'hidden'
+    },
+    disabled: {
+      cursor: 'not-allowed !important',
+      '&:hover': {
+        background: palette.background.b6
+      },
+      '& .MuiSvgIcon-root': {
+        color: "".concat(palette.primary.text6, " !important")
+      }
+    }
+  };
+});
+var ChartButton = function ChartButton(_ref2) {
+  var _classNames;
+  var onClick = _ref2.onClick,
+    className = _ref2.className,
+    children = _ref2.children,
+    tooltipProps = _ref2.tooltipProps,
+    isActive = _ref2.isActive,
+    isHidden = _ref2.isHidden,
+    disabled = _ref2.disabled,
+    otherProps = _objectWithoutProperties(_ref2, _excluded);
+  var classes = useStyles();
+  var content = /*#__PURE__*/jsx("div", _objectSpread(_objectSpread({
+    className: classNames(classes.button, className, (_classNames = {}, _defineProperty(_classNames, classes.isHidden, isHidden), _defineProperty(_classNames, classes.disabled, disabled), _defineProperty(_classNames, classes.isActive, isActive), _classNames)),
+    onClick: disabled ? null : onClick
+  }, otherProps), {}, {
+    children: children
+  }));
+  if (disabled) return content;
+  return /*#__PURE__*/jsx(Tooltip, _objectSpread(_objectSpread({
+    placement: "left"
+  }, tooltipProps), {}, {
+    children: content
+  }));
+};
+
+export { ChartButton as default };
+//# sourceMappingURL=ChartButton.js.map

package/components/Chart/components/ChartButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChartButton.js","sources":["../../../../src/components/Chart/components/ChartButton.js"],"sourcesContent":["import classNames from 'classnames';\nimport { Tooltip, makeStyles } from '@material-ui/core';\n\nconst useStyles = makeStyles(({ palette }) => ({\n  button: {\n    display: 'flex',\n    justifyContent: 'center',\n    alignItems: 'center',\n    width: 30,\n    height: 30,\n    borderRadius: '4px',\n    color: palette.primary.text6,\n    background: palette.background.b6,\n    marginBottom: '4px',\n    '&:hover': {\n      color: palette.primary.contrastText,\n      background: palette.background.b7,\n      cursor: 'pointer',\n    },\n    '&:active': {\n      background: palette.background.b8,\n      '& .MuiSvgIcon-root': {\n        color: palette.primary.main,\n      },\n    },\n    '& .MuiSvgIcon-root': {\n      width: 16,\n      height: 16,\n    },\n    '& .MuiSvgIcon-root:active': {\n      color: palette.primary.main,\n    },\n  },\n  isActive: {\n    color: palette.primary.main,\n    '&:hover': {\n      color: palette.primary.main,\n    },\n  },\n  isHidden: {\n    visibility: 'hidden',\n  },\n  disabled: {\n    cursor: 'not-allowed !important',\n    '&:hover': {\n      background: palette.background.b6,\n    },\n    '& .MuiSvgIcon-root': {\n      color: `${palette.primary.text6} !important`,\n    },\n  },\n}));\n\nconst ChartButton = ({\n  onClick,\n  className,\n  children,\n  tooltipProps,\n  isActive,\n  isHidden,\n  disabled,\n  ...otherProps\n}) => {\n  const classes = useStyles();\n\n  const content = (\n    <div\n      className={classNames(classes.button, className, {\n        [classes.isHidden]: isHidden,\n        [classes.disabled]: disabled,\n        [classes.isActive]: isActive,\n      })}\n      onClick={disabled ? null : onClick}\n      {...otherProps}\n    >\n      {children}\n    </div>\n  );\n\n  if (disabled) return content;\n\n  return (\n    <Tooltip placement=\"left\" {...tooltipProps}>\n      {content}\n    </Tooltip>\n  );\n};\n\nexport default ChartButton;\n"],"names":["useStyles","makeStyles","palette","button","display","justifyContent","alignItems","width","height","borderRadius","color","primary","text6","background","b6","marginBottom","contrastText","b7","cursor","b8","main","isActive","isHidden","visibility","disabled","ChartButton","onClick","className","children","tooltipProps","otherProps","classes","content","_jsx","classNames"],"mappings":"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"}

package/components/Chart/components/ChartButtons.js

@@ -1 +1,41 @@
-import r from"@babel/runtime/helpers/defineProperty";import e from"@babel/runtime/helpers/objectWithoutProperties";import{useContext as t}from"react";import{makeStyles as o}from"@material-ui/core";import n from"classnames";import i from"../ChartWrapperContext.js";import{jsx as c}from"react/jsx-runtime";var a=["children","className"];function m(r,e){var t=Object.keys(r);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(r);e&&(o=o.filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable}))),t.push.apply(t,o)}return t}function p(e){for(var t=1;t<arguments.length;t++){var o=null!=arguments[t]?arguments[t]:{};t%2?m(Object(o),!0).forEach((function(t){r(e,t,o[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(o)):m(Object(o)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(o,r))}))}return e}var s=o({container:{position:"absolute",right:"8px",display:"flex",flexDirection:"column",bottom:function(r){return r.marginBottom+3}}}),l=function(r){var o=r.children,m=r.className,l=e(r,a),f=t(i).chartStyles,u=s({marginBottom:f.marginBottom});return c("div",p(p({className:n(u.container,m)},l),{},{children:o}))};export{l as default};
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
+import { useContext } from 'react';
+import { makeStyles } from '@material-ui/core';
+import classNames from 'classnames';
+import ChartWrapperContext from '../ChartWrapperContext.js';
+import { jsx } from 'react/jsx-runtime';
+
+var _excluded = ["children", "className"];
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+var useStyles = makeStyles({
+  container: {
+    position: 'absolute',
+    right: '8px',
+    display: 'flex',
+    flexDirection: 'column',
+    bottom: function bottom(_ref) {
+      var marginBottom = _ref.marginBottom;
+      return marginBottom + 3;
+    }
+  }
+});
+var ChartButtons = function ChartButtons(_ref2) {
+  var children = _ref2.children,
+    className = _ref2.className,
+    otherProps = _objectWithoutProperties(_ref2, _excluded);
+  var _useContext = useContext(ChartWrapperContext),
+    chartStyles = _useContext.chartStyles;
+  var classes = useStyles({
+    marginBottom: chartStyles.marginBottom
+  });
+  return /*#__PURE__*/jsx("div", _objectSpread(_objectSpread({
+    className: classNames(classes.container, className)
+  }, otherProps), {}, {
+    children: children
+  }));
+};
+
+export { ChartButtons as default };
+//# sourceMappingURL=ChartButtons.js.map

package/components/Chart/components/ChartButtons.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChartButtons.js","sources":["../../../../src/components/Chart/components/ChartButtons.js"],"sourcesContent":["import { useContext } from 'react';\nimport { makeStyles } from '@material-ui/core';\nimport classNames from 'classnames';\nimport ChartWrapperContext from '../ChartWrapperContext';\n\nconst useStyles = makeStyles({\n  container: {\n    position: 'absolute',\n    right: '8px',\n    display: 'flex',\n    flexDirection: 'column',\n    bottom: ({ marginBottom }) => marginBottom + 3,\n  },\n});\n\nconst ChartButtons = ({ children, className, ...otherProps }) => {\n  const { chartStyles } = useContext(ChartWrapperContext);\n  const classes = useStyles({ marginBottom: chartStyles.marginBottom });\n\n  return (\n    <div className={classNames(classes.container, className)} {...otherProps}>\n      {children}\n    </div>\n  );\n};\n\nexport default ChartButtons;\n"],"names":["useStyles","makeStyles","container","position","right","display","flexDirection","bottom","marginBottom","ChartButtons","children","className","otherProps","useContext","ChartWrapperContext","chartStyles","classes","_jsx","classNames"],"mappings":";;;;;;;;;;;AAKA,IAAMA,SAAS,GAAGC,UAAU,CAAC;AAC3BC,EAAAA,SAAS,EAAE;AACTC,IAAAA,QAAQ,EAAE,UAAU;AACpBC,IAAAA,KAAK,EAAE,KAAK;AACZC,IAAAA,OAAO,EAAE,MAAM;AACfC,IAAAA,aAAa,EAAE,QAAQ;AACvBC,IAAAA,MAAM,EAAE,SAAA,MAAA,CAAA,IAAA,EAAA;MAAA,IAAGC,YAAY,QAAZA,YAAY,CAAA;MAAA,OAAOA,YAAY,GAAG,CAAC,CAAA;AAAA,KAAA;AAChD,GAAA;AACF,CAAC,CAAC,CAAA;AAEF,IAAMC,YAAY,GAAG,SAAfA,YAAY,CAA+C,KAAA,EAAA;EAAA,IAAzCC,QAAQ,SAARA,QAAQ;AAAEC,IAAAA,SAAS,SAATA,SAAS;IAAKC,UAAU,GAAA,wBAAA,CAAA,KAAA,EAAA,SAAA,CAAA,CAAA;EACxD,IAAwBC,WAAAA,GAAAA,UAAU,CAACC,mBAAmB,CAAC;AAA/CC,IAAAA,WAAW,eAAXA,WAAW,CAAA;EACnB,IAAMC,OAAO,GAAGhB,SAAS,CAAC;IAAEQ,YAAY,EAAEO,WAAW,CAACP,YAAAA;AAAa,GAAC,CAAC,CAAA;EAErE,oBACES,GAAA,CAAA,KAAA,EAAA,aAAA,CAAA,aAAA,CAAA;AAAK,IAAA,SAAS,EAAEC,UAAU,CAACF,OAAO,CAACd,SAAS,EAAES,SAAS,CAAA;AAAE,GAAA,EAAKC,UAAU,CAAA,EAAA,EAAA,EAAA;IAAA,QACrEF,EAAAA,QAAAA;GACG,CAAA,CAAA,CAAA;AAEV;;;;"}

package/components/Chart/components/ChartSelect.js

@@ -1 +1,94 @@
-import e from"@babel/runtime/helpers/defineProperty";import r from"@babel/runtime/helpers/objectWithoutProperties";import t from"classnames";import{makeStyles as o,Select as n,MenuItem as a}from"@material-ui/core";import{jsx as i}from"react/jsx-runtime";var c=["className","classes","value","onChange","options"];function l(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 s(r){for(var t=1;t<arguments.length;t++){var o=null!=arguments[t]?arguments[t]:{};t%2?l(Object(o),!0).forEach((function(t){e(r,t,o[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(r,Object.getOwnPropertyDescriptors(o)):l(Object(o)).forEach((function(e){Object.defineProperty(r,e,Object.getOwnPropertyDescriptor(o,e))}))}return r}var u=o((function(e){var r=e.palette;return{selectContainer:{color:r.primary.contrastText,width:180,background:r.background.b6,borderRadius:4,height:30,marginRight:4,"& .MuiSelect-icon":{fill:r.primary.text6},"& .MuiSelect-iconOpen":{fill:r.primary.main},"&:hover":{background:r.background.b7,"& .MuiSelect-icon":{fill:r.primary.contrastText}},"&:active":{background:r.background.b7}},selectRoot:{fontSize:14,paddingLeft:12,backgroundColor:"transparent","&:active":{backgroundColor:"transparent"},"&:focus":{backgroundColor:"transparent"}},menuPaper:{marginTop:4}}})),p=function(e){var o=e.className,l=e.classes,p=e.value,b=e.onChange,m=e.options,f=r(e,c),g=u();return i(n,s(s({className:t(g.selectContainer,o),value:p,classes:s({root:g.selectRoot},l),onChange:b,disableUnderline:!0,MenuProps:{classes:{paper:g.menuPaper},anchorOrigin:{vertical:"bottom",horizontal:"left"},transformOrigin:{vertical:"top",horizontal:"left"}}},f),{},{children:null==m?void 0:m.map((function(e){var r=e.label,t=e.value;return i(a,{value:t,children:r},t)}))}))};export{p as default};
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
+import classNames from 'classnames';
+import { makeStyles, Select, MenuItem } from '@material-ui/core';
+import { jsx } from 'react/jsx-runtime';
+
+var _excluded = ["className", "classes", "value", "onChange", "options"];
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+var useStyles = makeStyles(function (_ref) {
+  var palette = _ref.palette;
+  return {
+    selectContainer: {
+      color: palette.primary.contrastText,
+      width: 180,
+      background: palette.background.b6,
+      borderRadius: 4,
+      height: 30,
+      marginRight: 4,
+      '& .MuiSelect-icon': {
+        fill: palette.primary.text6
+      },
+      '& .MuiSelect-iconOpen': {
+        fill: palette.primary.main
+      },
+      '&:hover': {
+        background: palette.background.b7,
+        '& .MuiSelect-icon': {
+          fill: palette.primary.contrastText
+        }
+      },
+      '&:active': {
+        background: palette.background.b7
+      }
+    },
+    selectRoot: {
+      fontSize: 14,
+      paddingLeft: 12,
+      backgroundColor: 'transparent',
+      '&:active': {
+        backgroundColor: 'transparent'
+      },
+      '&:focus': {
+        backgroundColor: 'transparent'
+      }
+    },
+    menuPaper: {
+      marginTop: 4
+    }
+  };
+});
+var ChartSelect = function ChartSelect(_ref2) {
+  var className = _ref2.className,
+    classes = _ref2.classes,
+    value = _ref2.value,
+    onChange = _ref2.onChange,
+    options = _ref2.options,
+    otherProps = _objectWithoutProperties(_ref2, _excluded);
+  var styles = useStyles();
+  return /*#__PURE__*/jsx(Select, _objectSpread(_objectSpread({
+    className: classNames(styles.selectContainer, className),
+    value: value,
+    classes: _objectSpread({
+      root: styles.selectRoot
+    }, classes),
+    onChange: onChange,
+    disableUnderline: true,
+    MenuProps: {
+      classes: {
+        paper: styles.menuPaper
+      },
+      anchorOrigin: {
+        vertical: 'bottom',
+        horizontal: 'left'
+      },
+      transformOrigin: {
+        vertical: 'top',
+        horizontal: 'left'
+      }
+    }
+  }, otherProps), {}, {
+    children: options === null || options === void 0 ? void 0 : options.map(function (_ref3) {
+      var label = _ref3.label,
+        value = _ref3.value;
+      return /*#__PURE__*/jsx(MenuItem, {
+        value: value,
+        children: label
+      }, value);
+    })
+  }));
+};
+
+export { ChartSelect as default };
+//# sourceMappingURL=ChartSelect.js.map

package/components/Chart/components/ChartSelect.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChartSelect.js","sources":["../../../../src/components/Chart/components/ChartSelect.js"],"sourcesContent":["import classNames from 'classnames';\nimport { Select as MuiSelect, MenuItem, makeStyles } from '@material-ui/core';\n\nconst useStyles = makeStyles(({ palette }) => ({\n  selectContainer: {\n    color: palette.primary.contrastText,\n    width: 180,\n    background: palette.background.b6,\n    borderRadius: 4,\n    height: 30,\n    marginRight: 4,\n    '& .MuiSelect-icon': {\n      fill: palette.primary.text6,\n    },\n    '& .MuiSelect-iconOpen': {\n      fill: palette.primary.main,\n    },\n    '&:hover': {\n      background: palette.background.b7,\n      '& .MuiSelect-icon': {\n        fill: palette.primary.contrastText,\n      },\n    },\n    '&:active': {\n      background: palette.background.b7,\n    },\n  },\n  selectRoot: {\n    fontSize: 14,\n    paddingLeft: 12,\n    backgroundColor: 'transparent',\n    '&:active': {\n      backgroundColor: 'transparent',\n    },\n    '&:focus': {\n      backgroundColor: 'transparent',\n    },\n  },\n  menuPaper: {\n    marginTop: 4,\n  },\n}));\n\nconst ChartSelect = ({ className, classes, value, onChange, options, ...otherProps }) => {\n  const styles = useStyles();\n\n  return (\n    <MuiSelect\n      className={classNames(styles.selectContainer, className)}\n      value={value}\n      classes={{ root: styles.selectRoot, ...classes }}\n      onChange={onChange}\n      disableUnderline\n      MenuProps={{\n        classes: {\n          paper: styles.menuPaper,\n        },\n        anchorOrigin: {\n          vertical: 'bottom',\n          horizontal: 'left',\n        },\n        transformOrigin: {\n          vertical: 'top',\n          horizontal: 'left',\n        },\n      }}\n      {...otherProps}\n    >\n      {options?.map(({ label, value }) => (\n        <MenuItem key={value} value={value}>\n          {label}\n        </MenuItem>\n      ))}\n    </MuiSelect>\n  );\n};\n\nexport default ChartSelect;\n"],"names":["useStyles","makeStyles","palette","selectContainer","color","primary","contrastText","width","background","b6","borderRadius","height","marginRight","fill","text6","main","b7","selectRoot","fontSize","paddingLeft","backgroundColor","menuPaper","marginTop","ChartSelect","className","classes","value","onChange","options","otherProps","styles","_jsx","MuiSelect","classNames","root","paper","anchorOrigin","vertical","horizontal","transformOrigin","map","label"],"mappings":"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"}

package/components/Chart/components/ChartWrapper.js

@@ -1 +1,115 @@
-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 a,useEffect as i}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 m}from"../effects/useChartTypeSwitch.js";import d 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,g,O,j,S,Z,P=e.children,w=e.chartRef,x=e.isAxesCoordinatesShown,E=e.onCustomizeScaleClick,z=e.onZoomChangeCallback,T=e.chartOptions,k=C(),A=a({}),D=t(A,2),B=D[0],M=D[1],R=h({chart:null===(r=w.current)||void 0===r?void 0:r.chart}),H=R.zoomStatus,I=R.zoomConfig,N=R.handleZoomEvent,W=R.handleResetZoom,q=R.isZoomEnabled,F=R.handleIsZoomEnabledChange,G=R.debouncedChartSelection;i((function(){var e,t,r;o(null===(e=w.current)||void 0===e?void 0:e.chart)||M({marginBottom:null===(t=w.current)||void 0===t||null===(r=t.chart)||void 0===r?void 0:r.marginBottom})}),[]);var J=(null===(f=w.current)||void 0===f||null===(y=f.chart)||void 0===y||null===(g=y.plotBox)||void 0===g?void 0:g.height)<=c;s({chart:null===(O=w.current)||void 0===O?void 0:O.chart,chartOptions:n({},b,T),isZoomEnabled:q,isMinHeightChart:J,onZoomChangeCallback:z,handleChartSelection:G,isAxesCoordinatesShown:x});var K=m({chart:null===(j=w.current)||void 0===j?void 0:j.chart}),L=K.chartType,Q=K.handleChartTypeChange,U={chart:null===(S=w.current)||void 0===S?void 0:S.chart,chartType:L,zoomConfig:I,chartStyles:B,zoomStatus:H,isZoomEnabled:q,setChartStyles:M,handleChartTypeChange:Q,handleResetZoom:W,handleZoomEvent:N,isMinHeightChart:J,handleChartSelection:G,handleChangeChartStyles:function(e){M((function(t){return v(v({},t),e)}))},handleIsZoomEnabledChange:F};return u("div",{className:k.container,children:p(l.Provider,{value:U,children:[P,E&&(null===(Z=w.current)||void 0===Z?void 0:Z.chart.axes.map((function(e){return u(d,v({onCustomizeScaleClick:E},e),e.coll)})))]})})};y.defaultProps={onZoomChangeCallback:function(){}};export{y as default};
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import { makeStyles } from '@material-ui/core';
+import { isEmpty, merge } from 'lodash';
+import { useState, useEffect } from 'react';
+import ChartWrapperContext from '../ChartWrapperContext.js';
+import { MIN_CHART_HEIGHT } from '../constants.js';
+import { useZoom } from '../effects/useZoom.js';
+import { useChartModifier } from '../effects/useChartModifier.js';
+import { useChartTypeSwitch } from '../effects/useChartTypeSwitch.js';
+import AxisOverlay from './AxisOverlay.js';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+var useStyles = makeStyles({
+  container: {
+    width: '100%',
+    height: '100%',
+    position: 'relative'
+  }
+});
+var defaultChartOptions = {
+  zoomType: 'xy',
+  panning: {
+    enabled: true,
+    type: 'xy'
+  }
+};
+var ChartWrapper = function ChartWrapper(_ref) {
+  var _chartRef$current, _chartRef$current4, _chartRef$current4$ch, _chartRef$current4$ch2, _chartRef$current5, _chartRef$current6, _chartRef$current7, _chartRef$current8;
+  var children = _ref.children,
+    chartRef = _ref.chartRef,
+    isAxesCoordinatesShown = _ref.isAxesCoordinatesShown,
+    onCustomizeScaleClick = _ref.onCustomizeScaleClick,
+    onZoomChangeCallback = _ref.onZoomChangeCallback,
+    chartOptions = _ref.chartOptions;
+  var classes = useStyles();
+  var _useState = useState({}),
+    _useState2 = _slicedToArray(_useState, 2),
+    chartStyles = _useState2[0],
+    setChartStyles = _useState2[1];
+  var _useZoom = useZoom({
+      chart: (_chartRef$current = chartRef.current) === null || _chartRef$current === void 0 ? void 0 : _chartRef$current.chart
+    }),
+    zoomStatus = _useZoom.zoomStatus,
+    zoomConfig = _useZoom.zoomConfig,
+    handleZoomEvent = _useZoom.handleZoomEvent,
+    handleResetZoom = _useZoom.handleResetZoom,
+    isZoomEnabled = _useZoom.isZoomEnabled,
+    handleIsZoomEnabledChange = _useZoom.handleIsZoomEnabledChange,
+    debouncedChartSelection = _useZoom.debouncedChartSelection;
+  useEffect(function () {
+    var _chartRef$current2, _chartRef$current3, _chartRef$current3$ch;
+    if (isEmpty((_chartRef$current2 = chartRef.current) === null || _chartRef$current2 === void 0 ? void 0 : _chartRef$current2.chart)) {
+      return;
+    }
+    setChartStyles({
+      marginBottom: (_chartRef$current3 = chartRef.current) === null || _chartRef$current3 === void 0 ? void 0 : (_chartRef$current3$ch = _chartRef$current3.chart) === null || _chartRef$current3$ch === void 0 ? void 0 : _chartRef$current3$ch.marginBottom
+    });
+  }, []);
+  var handleChangeChartStyles = function handleChangeChartStyles(styles) {
+    setChartStyles(function (prevState) {
+      return _objectSpread(_objectSpread({}, prevState), styles);
+    });
+  };
+  var isMinHeightChart = ((_chartRef$current4 = chartRef.current) === null || _chartRef$current4 === void 0 ? void 0 : (_chartRef$current4$ch = _chartRef$current4.chart) === null || _chartRef$current4$ch === void 0 ? void 0 : (_chartRef$current4$ch2 = _chartRef$current4$ch.plotBox) === null || _chartRef$current4$ch2 === void 0 ? void 0 : _chartRef$current4$ch2.height) <= MIN_CHART_HEIGHT;
+  useChartModifier({
+    chart: (_chartRef$current5 = chartRef.current) === null || _chartRef$current5 === void 0 ? void 0 : _chartRef$current5.chart,
+    chartOptions: merge({}, defaultChartOptions, chartOptions),
+    isZoomEnabled: isZoomEnabled,
+    isMinHeightChart: isMinHeightChart,
+    onZoomChangeCallback: onZoomChangeCallback,
+    handleChartSelection: debouncedChartSelection,
+    isAxesCoordinatesShown: isAxesCoordinatesShown
+  });
+  var _useChartTypeSwitch = useChartTypeSwitch({
+      chart: (_chartRef$current6 = chartRef.current) === null || _chartRef$current6 === void 0 ? void 0 : _chartRef$current6.chart
+    }),
+    chartType = _useChartTypeSwitch.chartType,
+    handleChartTypeChange = _useChartTypeSwitch.handleChartTypeChange;
+  var contextValue = {
+    chart: (_chartRef$current7 = chartRef.current) === null || _chartRef$current7 === void 0 ? void 0 : _chartRef$current7.chart,
+    chartType: chartType,
+    zoomConfig: zoomConfig,
+    chartStyles: chartStyles,
+    zoomStatus: zoomStatus,
+    isZoomEnabled: isZoomEnabled,
+    setChartStyles: setChartStyles,
+    handleChartTypeChange: handleChartTypeChange,
+    handleResetZoom: handleResetZoom,
+    handleZoomEvent: handleZoomEvent,
+    isMinHeightChart: isMinHeightChart,
+    handleChartSelection: debouncedChartSelection,
+    handleChangeChartStyles: handleChangeChartStyles,
+    handleIsZoomEnabledChange: handleIsZoomEnabledChange
+  };
+  return /*#__PURE__*/jsx("div", {
+    className: classes.container,
+    children: /*#__PURE__*/jsxs(ChartWrapperContext.Provider, {
+      value: contextValue,
+      children: [children, onCustomizeScaleClick && ((_chartRef$current8 = chartRef.current) === null || _chartRef$current8 === void 0 ? void 0 : _chartRef$current8.chart.axes.map(function (axis) {
+        return /*#__PURE__*/jsx(AxisOverlay, _objectSpread({
+          onCustomizeScaleClick: onCustomizeScaleClick
+        }, axis), axis.coll);
+      }))]
+    })
+  });
+};
+ChartWrapper.defaultProps = {
+  onZoomChangeCallback: function onZoomChangeCallback() {}
+};
+
+export { ChartWrapper as default };
+//# sourceMappingURL=ChartWrapper.js.map

package/components/Chart/components/ChartWrapper.js.map

@@ -0,0 +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';\nimport ChartWrapperContext from '../ChartWrapperContext';\nimport { MIN_CHART_HEIGHT } from '../constants';\nimport { useChartModifier, useChartTypeSwitch, useZoom } from '../effects';\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,\n  onCustomizeScaleClick,\n  onZoomChangeCallback,\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\nChartWrapper.defaultProps = {\n  onZoomChangeCallback: () => {},\n};\n\nexport default ChartWrapper;\n"],"names":["useStyles","makeStyles","container","width","height","position","defaultChartOptions","zoomType","panning","enabled","type","ChartWrapper","children","chartRef","isAxesCoordinatesShown","onCustomizeScaleClick","onZoomChangeCallback","chartOptions","classes","useState","chartStyles","setChartStyles","useZoom","chart","current","zoomStatus","zoomConfig","handleZoomEvent","handleResetZoom","isZoomEnabled","handleIsZoomEnabledChange","debouncedChartSelection","useEffect","isEmpty","marginBottom","handleChangeChartStyles","styles","prevState","isMinHeightChart","plotBox","MIN_CHART_HEIGHT","useChartModifier","merge","handleChartSelection","useChartTypeSwitch","chartType","handleChartTypeChange","contextValue","_jsx","_jsxs","axes","map","axis","coll","defaultProps"],"mappings":"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"}

package/components/Chart/components/buttons/ChartTypeButton.js

@@ -1 +1,100 @@
-import t from"@babel/runtime/helpers/slicedToArray";import{useContext as r,useState as o}from"react";import e from"classnames";import{makeStyles as a}from"@material-ui/core";import i from"@material-ui/icons/Timeline";import n from"@material-ui/icons/BarChart";import c from"../ChartButton.js";import m from"../../ChartWrapperContext.js";import{jsxs as u,jsx as l}from"react/jsx-runtime";var s=a((function(t){var r=t.palette;return{container:{display:"flex",marginRight:4,"&:hover $button":{background:"red !important"}},lineChartButton:{borderTopRightRadius:0,borderBottomRightRadius:0,marginBottom:0,"&:active":{background:r.background.b7}},barChartButton:{borderTopLeftRadius:0,borderBottomLeftRadius:0,marginBottom:0,"&:active":{background:r.background.b7}},hoveredContainer:{background:r.background.b7}}})),d="spline",p="bar",h=function(a){var h=a.className,b=a.onClick,f=r(m),C=f.chartType,g=f.handleChartTypeChange,v=o(!1),k=t(v,2),B=k[0],R=k[1],T=s();return u("div",{className:e(T.container,h),onMouseEnter:function(){R(!0)},onMouseLeave:function(){R(!1)},children:[l(c,{className:e(T.lineChartButton,B&&T.hoveredContainer),tooltipProps:{title:"Line Chart",placement:"bottom"},isActive:C===d,onClick:function(){g(d),b(d)},children:l(i,{})}),l(c,{className:e(T.barChartButton,B&&T.hoveredContainer),tooltipProps:{title:"Bar Chart",placement:"bottom"},isActive:C===p,onClick:function(){g(p),b(p)},children:l(n,{})})]})};h.defaultProps={onClick:function(){},isHidden:!1};export{h as default};
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import { useContext, useState } from 'react';
+import classNames from 'classnames';
+import { makeStyles } from '@material-ui/core';
+import TimelineIcon from '@material-ui/icons/Timeline';
+import BarChartIcon from '@material-ui/icons/BarChart';
+import ChartButton from '../ChartButton.js';
+import ChartWrapperContext from '../../ChartWrapperContext.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var useStyles = makeStyles(function (_ref) {
+  var palette = _ref.palette;
+  return {
+    container: {
+      display: 'flex',
+      marginRight: 4,
+      '&:hover $button': {
+        background: 'red !important'
+      }
+    },
+    lineChartButton: {
+      borderTopRightRadius: 0,
+      borderBottomRightRadius: 0,
+      marginBottom: 0,
+      '&:active': {
+        background: palette.background.b7
+      }
+    },
+    barChartButton: {
+      borderTopLeftRadius: 0,
+      borderBottomLeftRadius: 0,
+      marginBottom: 0,
+      '&:active': {
+        background: palette.background.b7
+      }
+    },
+    hoveredContainer: {
+      background: palette.background.b7
+    }
+  };
+});
+var CHART_TYPES = {
+  spline: 'spline',
+  bar: 'bar'
+};
+var ChartTypeButton = function ChartTypeButton(_ref2) {
+  var className = _ref2.className,
+    _onClick = _ref2.onClick;
+  var _useContext = useContext(ChartWrapperContext),
+    chartType = _useContext.chartType,
+    handleChartTypeChange = _useContext.handleChartTypeChange;
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    isContainerHovered = _useState2[0],
+    setIsContainerHovered = _useState2[1];
+  var handleContainerMouseEnter = function handleContainerMouseEnter() {
+    setIsContainerHovered(true);
+  };
+  var handleContainerMouseLeave = function handleContainerMouseLeave() {
+    setIsContainerHovered(false);
+  };
+  var styles = useStyles();
+  return /*#__PURE__*/jsxs("div", {
+    className: classNames(styles.container, className),
+    onMouseEnter: handleContainerMouseEnter,
+    onMouseLeave: handleContainerMouseLeave,
+    children: [/*#__PURE__*/jsx(ChartButton, {
+      className: classNames(styles.lineChartButton, isContainerHovered && styles.hoveredContainer),
+      tooltipProps: {
+        title: 'Line Chart',
+        placement: 'bottom'
+      },
+      isActive: chartType === CHART_TYPES.spline,
+      onClick: function onClick() {
+        handleChartTypeChange(CHART_TYPES.spline);
+        _onClick(CHART_TYPES.spline);
+      },
+      children: /*#__PURE__*/jsx(TimelineIcon, {})
+    }), /*#__PURE__*/jsx(ChartButton, {
+      className: classNames(styles.barChartButton, isContainerHovered && styles.hoveredContainer),
+      tooltipProps: {
+        title: 'Bar Chart',
+        placement: 'bottom'
+      },
+      isActive: chartType === CHART_TYPES.bar,
+      onClick: function onClick() {
+        handleChartTypeChange(CHART_TYPES.bar);
+        _onClick(CHART_TYPES.bar);
+      },
+      children: /*#__PURE__*/jsx(BarChartIcon, {})
+    })]
+  });
+};
+ChartTypeButton.defaultProps = {
+  onClick: function onClick() {},
+  isHidden: false
+};
+
+export { ChartTypeButton as default };
+//# sourceMappingURL=ChartTypeButton.js.map

package/components/Chart/components/buttons/ChartTypeButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChartTypeButton.js","sources":["../../../../../src/components/Chart/components/buttons/ChartTypeButton.js"],"sourcesContent":["import { useContext, useState } from 'react';\nimport classNames from 'classnames';\nimport { makeStyles } from '@material-ui/core';\nimport TimelineIcon from '@material-ui/icons/Timeline';\nimport BarChartIcon from '@material-ui/icons/BarChart';\nimport ChartButton from '../ChartButton';\nimport ChartWrapperContext from '../../ChartWrapperContext';\n\nconst useStyles = makeStyles(({ palette }) => ({\n  container: {\n    display: 'flex',\n    marginRight: 4,\n    '&:hover $button': {\n      background: 'red !important',\n    },\n  },\n  lineChartButton: {\n    borderTopRightRadius: 0,\n    borderBottomRightRadius: 0,\n    marginBottom: 0,\n\n    '&:active': {\n      background: palette.background.b7,\n    },\n  },\n  barChartButton: {\n    borderTopLeftRadius: 0,\n    borderBottomLeftRadius: 0,\n    marginBottom: 0,\n\n    '&:active': {\n      background: palette.background.b7,\n    },\n  },\n  hoveredContainer: {\n    background: palette.background.b7,\n  },\n}));\n\nconst CHART_TYPES = {\n  spline: 'spline',\n  bar: 'bar',\n};\n\nconst ChartTypeButton = ({ className, onClick }) => {\n  const { chartType, handleChartTypeChange } = useContext(ChartWrapperContext);\n  const [isContainerHovered, setIsContainerHovered] = useState(false);\n\n  const handleContainerMouseEnter = () => {\n    setIsContainerHovered(true);\n  };\n\n  const handleContainerMouseLeave = () => {\n    setIsContainerHovered(false);\n  };\n\n  const styles = useStyles();\n\n  return (\n    <div\n      className={classNames(styles.container, className)}\n      onMouseEnter={handleContainerMouseEnter}\n      onMouseLeave={handleContainerMouseLeave}\n    >\n      <ChartButton\n        className={classNames(\n          styles.lineChartButton,\n          isContainerHovered && styles.hoveredContainer\n        )}\n        tooltipProps={{ title: 'Line Chart', placement: 'bottom' }}\n        isActive={chartType === CHART_TYPES.spline}\n        onClick={() => {\n          handleChartTypeChange(CHART_TYPES.spline);\n          onClick(CHART_TYPES.spline);\n        }}\n      >\n        <TimelineIcon />\n      </ChartButton>\n      <ChartButton\n        className={classNames(styles.barChartButton, isContainerHovered && styles.hoveredContainer)}\n        tooltipProps={{ title: 'Bar Chart', placement: 'bottom' }}\n        isActive={chartType === CHART_TYPES.bar}\n        onClick={() => {\n          handleChartTypeChange(CHART_TYPES.bar);\n          onClick(CHART_TYPES.bar);\n        }}\n      >\n        <BarChartIcon />\n      </ChartButton>\n    </div>\n  );\n};\n\nChartTypeButton.defaultProps = {\n  onClick: () => {},\n  isHidden: false,\n};\n\nexport default ChartTypeButton;\n"],"names":["useStyles","makeStyles","palette","container","display","marginRight","background","lineChartButton","borderTopRightRadius","borderBottomRightRadius","marginBottom","b7","barChartButton","borderTopLeftRadius","borderBottomLeftRadius","hoveredContainer","CHART_TYPES","spline","bar","ChartTypeButton","className","onClick","useContext","ChartWrapperContext","chartType","handleChartTypeChange","useState","isContainerHovered","setIsContainerHovered","handleContainerMouseEnter","handleContainerMouseLeave","styles","_jsxs","classNames","_jsx","title","placement","defaultProps","isHidden"],"mappings":"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"}

package/components/Chart/components/buttons/DragToZoomButton.js

@@ -1 +1,41 @@
-import r from"@babel/runtime/helpers/defineProperty";import t from"@babel/runtime/helpers/objectWithoutProperties";import{useContext as e}from"react";import{BorderStyle as o}from"@material-ui/icons";import i from"../ChartButton.js";import n from"../../ChartWrapperContext.js";import{jsx as p}from"react/jsx-runtime";var c=["onClick","isHidden"];function s(r,t){var e=Object.keys(r);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(r);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(r,t).enumerable}))),e.push.apply(e,o)}return e}function a(t){for(var e=1;e<arguments.length;e++){var o=null!=arguments[e]?arguments[e]:{};e%2?s(Object(o),!0).forEach((function(e){r(t,e,o[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(o)):s(Object(o)).forEach((function(r){Object.defineProperty(t,r,Object.getOwnPropertyDescriptor(o,r))}))}return t}var l=function(r){var s=r.onClick,l=r.isHidden,f=t(r,c),m=e(n),u=m.isMinHeightChart,b=m.isZoomEnabled,d=m.handleIsZoomEnabledChange;return p(i,a(a({},f),{},{tooltipProps:a({title:"Drag To Zoom"},f.tooltipProps),isActive:b,onClick:function(){d(!0),s()},isHidden:u||l,children:p(o,{})}))};l.defaultProps={onClick:function(){},isHidden:!1,tooltipProps:{}};export{l as default};
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
+import { useContext } from 'react';
+import { BorderStyle } from '@material-ui/icons';
+import ChartButton from '../ChartButton.js';
+import ChartWrapperContext from '../../ChartWrapperContext.js';
+import { jsx } from 'react/jsx-runtime';
+
+var _excluded = ["onClick", "isHidden"];
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+var DragToZoomButton = function DragToZoomButton(_ref) {
+  var onClick = _ref.onClick,
+    isHidden = _ref.isHidden,
+    props = _objectWithoutProperties(_ref, _excluded);
+  var _useContext = useContext(ChartWrapperContext),
+    isMinHeightChart = _useContext.isMinHeightChart,
+    isZoomEnabled = _useContext.isZoomEnabled,
+    handleIsZoomEnabledChange = _useContext.handleIsZoomEnabledChange;
+  var handleDragToZoomClick = function handleDragToZoomClick() {
+    handleIsZoomEnabledChange(true);
+    onClick();
+  };
+  return /*#__PURE__*/jsx(ChartButton, _objectSpread(_objectSpread({}, props), {}, {
+    tooltipProps: _objectSpread({
+      title: 'Drag To Zoom'
+    }, props.tooltipProps),
+    isActive: isZoomEnabled,
+    onClick: handleDragToZoomClick,
+    isHidden: isMinHeightChart || isHidden,
+    children: /*#__PURE__*/jsx(BorderStyle, {})
+  }));
+};
+DragToZoomButton.defaultProps = {
+  onClick: function onClick() {},
+  isHidden: false,
+  tooltipProps: {}
+};
+
+export { DragToZoomButton as default };
+//# sourceMappingURL=DragToZoomButton.js.map

package/components/Chart/components/buttons/DragToZoomButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DragToZoomButton.js","sources":["../../../../../src/components/Chart/components/buttons/DragToZoomButton.js"],"sourcesContent":["import { useContext } from 'react';\nimport { BorderStyle } from '@material-ui/icons';\nimport ChartButton from '../ChartButton';\nimport ChartWrapperContext from '../../ChartWrapperContext';\n\nconst DragToZoomButton = ({ onClick, isHidden, ...props }) => {\n  const { isMinHeightChart, isZoomEnabled, handleIsZoomEnabledChange } =\n    useContext(ChartWrapperContext);\n\n  const handleDragToZoomClick = () => {\n    handleIsZoomEnabledChange(true);\n    onClick();\n  };\n\n  return (\n    <ChartButton\n      {...props}\n      tooltipProps={{ title: 'Drag To Zoom', ...props.tooltipProps }}\n      isActive={isZoomEnabled}\n      onClick={handleDragToZoomClick}\n      isHidden={isMinHeightChart || isHidden}\n    >\n      <BorderStyle />\n    </ChartButton>\n  );\n};\n\nDragToZoomButton.defaultProps = {\n  onClick: () => {},\n  isHidden: false,\n  tooltipProps: {},\n};\n\nexport default DragToZoomButton;\n"],"names":["DragToZoomButton","onClick","isHidden","props","useContext","ChartWrapperContext","isMinHeightChart","isZoomEnabled","handleIsZoomEnabledChange","handleDragToZoomClick","_jsx","title","tooltipProps","defaultProps"],"mappings":";;;;;;;;;;;AAKA,IAAMA,gBAAgB,GAAG,SAAnBA,gBAAgB,CAAwC,IAAA,EAAA;EAAA,IAAlCC,OAAO,QAAPA,OAAO;AAAEC,IAAAA,QAAQ,QAARA,QAAQ;IAAKC,KAAK,GAAA,wBAAA,CAAA,IAAA,EAAA,SAAA,CAAA,CAAA;EACrD,IACEC,WAAAA,GAAAA,UAAU,CAACC,mBAAmB,CAAC;AADzBC,IAAAA,gBAAgB,eAAhBA,gBAAgB;AAAEC,IAAAA,aAAa,eAAbA,aAAa;AAAEC,IAAAA,yBAAyB,eAAzBA,yBAAyB,CAAA;AAGlE,EAAA,IAAMC,qBAAqB,GAAG,SAAxBA,qBAAqB,GAAS;IAClCD,yBAAyB,CAAC,IAAI,CAAC,CAAA;AAC/BP,IAAAA,OAAO,EAAE,CAAA;GACV,CAAA;EAED,oBACES,GAAA,CAAC,WAAW,EAAA,aAAA,CAAA,aAAA,CAAA,EAAA,EACNP,KAAK,CAAA,EAAA,EAAA,EAAA;IACT,YAAY,EAAA,aAAA,CAAA;AAAIQ,MAAAA,KAAK,EAAE,cAAA;KAAmBR,EAAAA,KAAK,CAACS,YAAY,CAAG;AAC/D,IAAA,QAAQ,EAAEL,aAAc;AACxB,IAAA,OAAO,EAAEE,qBAAsB;IAC/B,QAAQ,EAAEH,gBAAgB,IAAIJ,QAAS;AAAA,IAAA,QAAA,eAEvCQ,IAAC,WAAW,EAAA,EAAA,CAAA;GACA,CAAA,CAAA,CAAA;AAElB,EAAC;AAEDV,gBAAgB,CAACa,YAAY,GAAG;EAC9BZ,OAAO,EAAE,SAAM,OAAA,GAAA,EAAE;AACjBC,EAAAA,QAAQ,EAAE,KAAK;AACfU,EAAAA,YAAY,EAAE,EAAC;AACjB,CAAC;;;;"}