@pie-lib/charting 5.36.2-next.0 → 5.38.0-mui-update.0

package/lib/chart-type.js

@@ -1,57 +1,53 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
-var _styles = require("@material-ui/core/styles");
-
-var _MenuItem = _interopRequireDefault(require("@material-ui/core/MenuItem"));
-
-var _FormControl = _interopRequireDefault(require("@material-ui/core/FormControl"));
-
-var _InputLabel = _interopRequireDefault(require("@material-ui/core/InputLabel"));
-
-var _Select = _interopRequireDefault(require("@material-ui/core/Select"));
-
-var _OutlinedInput = _interopRequireDefault(require("@material-ui/core/OutlinedInput"));
-
-var ChartType = (0, _styles.withStyles)(function () {
+var _styles = require("@mui/material/styles");
+var _MenuItem = _interopRequireDefault(require("@mui/material/MenuItem"));
+var _FormControl = _interopRequireDefault(require("@mui/material/FormControl"));
+var _InputLabel = _interopRequireDefault(require("@mui/material/InputLabel"));
+var _material = require("@mui/material");
+var StyledContainer = (0, _styles.styled)('div')(function () {
   return {
-    chartType: {
-      width: '160px'
-    },
-    chartTypeLabel: {
-      backgroundColor: 'transparent'
-    }
+    width: '160px'
   };
-})(function (_ref) {
+});
+var StyledFormControl = (0, _styles.styled)(_FormControl["default"])(function () {
+  return {
+    width: '160px'
+  };
+});
+var StyledInputLabel = (0, _styles.styled)(_InputLabel["default"])(function () {
+  return {
+    backgroundColor: 'transparent'
+  };
+});
+var ChartType = function ChartType(_ref) {
   var onChange = _ref.onChange,
-      value = _ref.value,
-      classes = _ref.classes,
-      availableChartTypes = _ref.availableChartTypes,
-      chartTypeLabel = _ref.chartTypeLabel;
-  return /*#__PURE__*/_react["default"].createElement("div", {
-    className: classes.chartType
-  }, /*#__PURE__*/_react["default"].createElement(_FormControl["default"], {
-    variant: 'outlined',
-    className: classes.chartType
-  }, /*#__PURE__*/_react["default"].createElement(_InputLabel["default"], {
-    id: "type-helper-label",
-    className: classes.chartTypeLabel
-  }, chartTypeLabel), /*#__PURE__*/_react["default"].createElement(_Select["default"], {
+    value = _ref.value,
+    availableChartTypes = _ref.availableChartTypes,
+    chartTypeLabel = _ref.chartTypeLabel;
+  return /*#__PURE__*/_react["default"].createElement(StyledContainer, null, /*#__PURE__*/_react["default"].createElement(StyledFormControl, {
+    variant: 'outlined'
+  }, /*#__PURE__*/_react["default"].createElement(StyledInputLabel, {
+    id: "type-helper-label"
+  }, chartTypeLabel), /*#__PURE__*/_react["default"].createElement(_material.Select, {
     labelId: "type-helper-label",
+    id: "type-helper-label-select",
+    name: "chartType",
     value: value,
     onChange: onChange,
-    input: /*#__PURE__*/_react["default"].createElement(_OutlinedInput["default"], {
-      labelWidth: 75,
-      name: "type"
-    })
+    label: chartTypeLabel,
+    MenuProps: {
+      transitionDuration: {
+        enter: 225,
+        exit: 195
+      }
+    }
   }, (availableChartTypes === null || availableChartTypes === void 0 ? void 0 : availableChartTypes.histogram) && /*#__PURE__*/_react["default"].createElement(_MenuItem["default"], {
     value: 'histogram'
   }, availableChartTypes.histogram), (availableChartTypes === null || availableChartTypes === void 0 ? void 0 : availableChartTypes.bar) && /*#__PURE__*/_react["default"].createElement(_MenuItem["default"], {
@@ -65,7 +61,6 @@ var ChartType = (0, _styles.withStyles)(function () {
   }, availableChartTypes.dotPlot), (availableChartTypes === null || availableChartTypes === void 0 ? void 0 : availableChartTypes.linePlot) && /*#__PURE__*/_react["default"].createElement(_MenuItem["default"], {
     value: 'linePlot'
   }, availableChartTypes.linePlot))));
-});
-var _default = ChartType;
-exports["default"] = _default;
+};
+var _default = exports["default"] = ChartType;
 //# sourceMappingURL=chart-type.js.map

package/lib/chart-type.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/chart-type.js"],"names":["ChartType","chartType","width","chartTypeLabel","backgroundColor","onChange","value","classes","availableChartTypes","histogram","bar","lineDot","lineCross","dotPlot","linePlot"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AAEA,IAAMA,SAAS,GAAG,wBAAW;AAAA,SAAO;AAClCC,IAAAA,SAAS,EAAE;AACTC,MAAAA,KAAK,EAAE;AADE,KADuB;AAIlCC,IAAAA,cAAc,EAAE;AACdC,MAAAA,eAAe,EAAE;AADH;AAJkB,GAAP;AAAA,CAAX,EAOd;AAAA,MAAGC,QAAH,QAAGA,QAAH;AAAA,MAAaC,KAAb,QAAaA,KAAb;AAAA,MAAoBC,OAApB,QAAoBA,OAApB;AAAA,MAA6BC,mBAA7B,QAA6BA,mBAA7B;AAAA,MAAkDL,cAAlD,QAAkDA,cAAlD;AAAA,sBACF;AAAK,IAAA,SAAS,EAAEI,OAAO,CAACN;AAAxB,kBACE,gCAAC,uBAAD;AAAa,IAAA,OAAO,EAAE,UAAtB;AAAkC,IAAA,SAAS,EAAEM,OAAO,CAACN;AAArD,kBACE,gCAAC,sBAAD;AAAY,IAAA,EAAE,EAAC,mBAAf;AAAmC,IAAA,SAAS,EAAEM,OAAO,CAACJ;AAAtD,KACGA,cADH,CADF,eAIE,gCAAC,kBAAD;AACE,IAAA,OAAO,EAAC,mBADV;AAEE,IAAA,KAAK,EAAEG,KAFT;AAGE,IAAA,QAAQ,EAAED,QAHZ;AAIE,IAAA,KAAK,eAAE,gCAAC,yBAAD;AAAe,MAAA,UAAU,EAAE,EAA3B;AAA+B,MAAA,IAAI,EAAC;AAApC;AAJT,KAMG,CAAAG,mBAAmB,SAAnB,IAAAA,mBAAmB,WAAnB,YAAAA,mBAAmB,CAAEC,SAArB,kBAAkC,gCAAC,oBAAD;AAAU,IAAA,KAAK,EAAE;AAAjB,KAA+BD,mBAAmB,CAACC,SAAnD,CANrC,EAOG,CAAAD,mBAAmB,SAAnB,IAAAA,mBAAmB,WAAnB,YAAAA,mBAAmB,CAAEE,GAArB,kBAA4B,gCAAC,oBAAD;AAAU,IAAA,KAAK,EAAE;AAAjB,KAAyBF,mBAAmB,CAACE,GAA7C,CAP/B,EAQG,CAAAF,mBAAmB,SAAnB,IAAAA,mBAAmB,WAAnB,YAAAA,mBAAmB,CAAEG,OAArB,kBAAgC,gCAAC,oBAAD;AAAU,IAAA,KAAK,EAAE;AAAjB,KAA6BH,mBAAmB,CAACG,OAAjD,CARnC,EASG,CAAAH,mBAAmB,SAAnB,IAAAA,mBAAmB,WAAnB,YAAAA,mBAAmB,CAAEI,SAArB,kBAAkC,gCAAC,oBAAD;AAAU,IAAA,KAAK,EAAE;AAAjB,KAA+BJ,mBAAmB,CAACI,SAAnD,CATrC,EAUG,CAAAJ,mBAAmB,SAAnB,IAAAA,mBAAmB,WAAnB,YAAAA,mBAAmB,CAAEK,OAArB,kBAAgC,gCAAC,oBAAD;AAAU,IAAA,KAAK,EAAE;AAAjB,KAA6BL,mBAAmB,CAACK,OAAjD,CAVnC,EAWG,CAAAL,mBAAmB,SAAnB,IAAAA,mBAAmB,WAAnB,YAAAA,mBAAmB,CAAEM,QAArB,kBAAiC,gCAAC,oBAAD;AAAU,IAAA,KAAK,EAAE;AAAjB,KAA8BN,mBAAmB,CAACM,QAAlD,CAXpC,CAJF,CADF,CADE;AAAA,CAPc,CAAlB;eA8Bed,S","sourcesContent":["import React from 'react';\nimport { withStyles } from '@material-ui/core/styles';\nimport MenuItem from '@material-ui/core/MenuItem';\nimport FormControl from '@material-ui/core/FormControl';\nimport InputLabel from '@material-ui/core/InputLabel';\nimport Select from '@material-ui/core/Select';\nimport OutlinedInput from '@material-ui/core/OutlinedInput';\n\nconst ChartType = withStyles(() => ({\n  chartType: {\n    width: '160px',\n  },\n  chartTypeLabel: {\n    backgroundColor: 'transparent',\n  },\n}))(({ onChange, value, classes, availableChartTypes, chartTypeLabel }) => (\n  <div className={classes.chartType}>\n    <FormControl variant={'outlined'} className={classes.chartType}>\n      <InputLabel id=\"type-helper-label\" className={classes.chartTypeLabel}>\n        {chartTypeLabel}\n      </InputLabel>\n      <Select\n        labelId=\"type-helper-label\"\n        value={value}\n        onChange={onChange}\n        input={<OutlinedInput labelWidth={75} name=\"type\" />}\n      >\n        {availableChartTypes?.histogram && <MenuItem value={'histogram'}>{availableChartTypes.histogram}</MenuItem>}\n        {availableChartTypes?.bar && <MenuItem value={'bar'}>{availableChartTypes.bar}</MenuItem>}\n        {availableChartTypes?.lineDot && <MenuItem value={'lineDot'}>{availableChartTypes.lineDot}</MenuItem>}\n        {availableChartTypes?.lineCross && <MenuItem value={'lineCross'}>{availableChartTypes.lineCross}</MenuItem>}\n        {availableChartTypes?.dotPlot && <MenuItem value={'dotPlot'}>{availableChartTypes.dotPlot}</MenuItem>}\n        {availableChartTypes?.linePlot && <MenuItem value={'linePlot'}>{availableChartTypes.linePlot}</MenuItem>}\n      </Select>\n    </FormControl>\n  </div>\n));\n\nexport default ChartType;\n"],"file":"chart-type.js"}
+{"version":3,"file":"chart-type.js","names":["_react","_interopRequireDefault","require","_styles","_MenuItem","_FormControl","_InputLabel","_material","StyledContainer","styled","width","StyledFormControl","FormControl","StyledInputLabel","InputLabel","backgroundColor","ChartType","_ref","onChange","value","availableChartTypes","chartTypeLabel","createElement","variant","id","Select","labelId","name","label","MenuProps","transitionDuration","enter","exit","histogram","bar","lineDot","lineCross","dotPlot","linePlot","_default","exports"],"sources":["../src/chart-type.js"],"sourcesContent":["import React from 'react';\nimport { styled } from '@mui/material/styles';\nimport MenuItem from '@mui/material/MenuItem';\nimport FormControl from '@mui/material/FormControl';\nimport InputLabel from '@mui/material/InputLabel';\nimport { Select } from '@mui/material';\n\nconst StyledContainer = styled('div')(() => ({\n  width: '160px',\n}));\n\nconst StyledFormControl = styled(FormControl)(() => ({\n  width: '160px',\n}));\n\nconst StyledInputLabel = styled(InputLabel)(() => ({\n  backgroundColor: 'transparent',\n}));\n\nconst ChartType = ({ onChange, value, availableChartTypes, chartTypeLabel }) => (\n  <StyledContainer>\n    <StyledFormControl variant={'outlined'}>\n      <StyledInputLabel id=\"type-helper-label\">\n        {chartTypeLabel}\n      </StyledInputLabel>\n      <Select\n        labelId=\"type-helper-label\"\n        id=\"type-helper-label-select\"\n        name=\"chartType\"\n        value={value}\n        onChange={onChange}\n        label={chartTypeLabel}\n        MenuProps={{transitionDuration: { enter: 225, exit: 195 }}}\n      >\n        {availableChartTypes?.histogram && <MenuItem value={'histogram'}>{availableChartTypes.histogram}</MenuItem>}\n        {availableChartTypes?.bar && <MenuItem value={'bar'}>{availableChartTypes.bar}</MenuItem>}\n        {availableChartTypes?.lineDot && <MenuItem value={'lineDot'}>{availableChartTypes.lineDot}</MenuItem>}\n        {availableChartTypes?.lineCross && <MenuItem value={'lineCross'}>{availableChartTypes.lineCross}</MenuItem>}\n        {availableChartTypes?.dotPlot && <MenuItem value={'dotPlot'}>{availableChartTypes.dotPlot}</MenuItem>}\n        {availableChartTypes?.linePlot && <MenuItem value={'linePlot'}>{availableChartTypes.linePlot}</MenuItem>}\n      </Select>\n    </StyledFormControl>\n  </StyledContainer>\n);\n\nexport default ChartType;\n"],"mappings":"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","ignoreList":[]}

package/lib/chart-types.js

@@ -1,25 +1,17 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-
 var _bar = _interopRequireDefault(require("./bars/bar"));
-
 var _histogram = _interopRequireDefault(require("./bars/histogram"));
-
 var _lineDot = _interopRequireDefault(require("./line/line-dot"));
-
 var _lineCross = _interopRequireDefault(require("./line/line-cross"));
-
 var _dot = _interopRequireDefault(require("./plot/dot"));
-
 var _line = _interopRequireDefault(require("./plot/line"));
-
-var _default = {
+var _default = exports["default"] = {
   Bar: _bar["default"],
   Histogram: _histogram["default"],
   LineDot: _lineDot["default"],
@@ -27,5 +19,4 @@ var _default = {
   LinePlot: _line["default"],
   LineCross: _lineCross["default"]
 };
-exports["default"] = _default;
 //# sourceMappingURL=chart-types.js.map

package/lib/chart-types.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/chart-types.js"],"names":["Bar","Histogram","LineDot","DotPlot","LinePlot","LineCross"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;eAEe;AAAEA,EAAAA,GAAG,EAAHA,eAAF;AAAOC,EAAAA,SAAS,EAATA,qBAAP;AAAkBC,EAAAA,OAAO,EAAPA,mBAAlB;AAA2BC,EAAAA,OAAO,EAAPA,eAA3B;AAAoCC,EAAAA,QAAQ,EAARA,gBAApC;AAA8CC,EAAAA,SAAS,EAATA;AAA9C,C","sourcesContent":["import Bar from './bars/bar';\nimport Histogram from './bars/histogram';\nimport LineDot from './line/line-dot';\nimport LineCross from './line/line-cross';\nimport DotPlot from './plot/dot';\nimport LinePlot from './plot/line';\n\nexport default { Bar, Histogram, LineDot, DotPlot, LinePlot, LineCross };\n"],"file":"chart-types.js"}
+{"version":3,"file":"chart-types.js","names":["_bar","_interopRequireDefault","require","_histogram","_lineDot","_lineCross","_dot","_line","_default","exports","Bar","Histogram","LineDot","DotPlot","LinePlot","LineCross"],"sources":["../src/chart-types.js"],"sourcesContent":["import Bar from './bars/bar';\nimport Histogram from './bars/histogram';\nimport LineDot from './line/line-dot';\nimport LineCross from './line/line-cross';\nimport DotPlot from './plot/dot';\nimport LinePlot from './plot/line';\n\nexport default { Bar, Histogram, LineDot, DotPlot, LinePlot, LineCross };\n"],"mappings":";;;;;;;AAAA,IAAAA,IAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,QAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,UAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,IAAA,GAAAL,sBAAA,CAAAC,OAAA;AACA,IAAAK,KAAA,GAAAN,sBAAA,CAAAC,OAAA;AAAmC,IAAAM,QAAA,GAAAC,OAAA,cAEpB;EAAEC,GAAG,EAAHA,eAAG;EAAEC,SAAS,EAATA,qBAAS;EAAEC,OAAO,EAAPA,mBAAO;EAAEC,OAAO,EAAPA,eAAO;EAAEC,QAAQ,EAARA,gBAAQ;EAAEC,SAAS,EAATA;AAAU,CAAC","ignoreList":[]}

package/lib/chart.js

@@ -1,96 +1,63 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = exports.Chart = void 0;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-
-var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
-
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-
 var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
-
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
-
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _styles = require("@material-ui/core/styles");
-
-var _classnames = _interopRequireDefault(require("classnames"));
-
+var _styles = require("@mui/material/styles");
 var _debug = _interopRequireDefault(require("debug"));
-
 var _cloneDeep = _interopRequireDefault(require("lodash/cloneDeep"));
-
 var _plot = require("@pie-lib/plot");
-
 var _configUi = require("@pie-lib/config-ui");
-
 var _grid = _interopRequireDefault(require("./grid"));
-
 var _axes = _interopRequireDefault(require("./axes"));
-
 var _utils = require("./utils");
-
 var _chartTypes = _interopRequireDefault(require("./chart-types"));
-
 var _actionsButton = _interopRequireDefault(require("./actions-button"));
-
 var _translator = _interopRequireDefault(require("@pie-lib/translator"));
-
-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) { (0, _defineProperty2["default"])(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; }
-
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
-
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-
+function ownKeys(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 _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2["default"])(o), (0, _possibleConstructorReturn2["default"])(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2["default"])(t).constructor) : o.apply(t, e)); }
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 var translator = _translator["default"].translator;
 var log = (0, _debug["default"])('pie-lib:charts:chart');
-
-var Chart = /*#__PURE__*/function (_React$Component) {
-  (0, _inherits2["default"])(Chart, _React$Component);
-
-  var _super = _createSuper(Chart);
-
+var StyledChartContainer = (0, _styles.styled)('div')(function () {
+  return {
+    width: 'min-content'
+  };
+});
+var Chart = exports.Chart = /*#__PURE__*/function (_React$Component) {
   function Chart(props) {
     var _this;
-
     (0, _classCallCheck2["default"])(this, Chart);
-    _this = _super.call(this, props);
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "state", {
+    _this = _callSuper(this, Chart, [props]);
+    (0, _defineProperty2["default"])(_this, "state", {
       charts: [_chartTypes["default"].Bar(), _chartTypes["default"].Histogram(), _chartTypes["default"].LineDot(), _chartTypes["default"].LineCross(), _chartTypes["default"].DotPlot(), _chartTypes["default"].LinePlot()],
       autoFocus: false
     });
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handleAlertDialog", function (open, callback) {
+    (0, _defineProperty2["default"])(_this, "handleAlertDialog", function (open, callback) {
       return _this.setState({
         dialog: {
           open: open
         }
       }, callback);
     });
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "getChart", function () {
+    (0, _defineProperty2["default"])(_this, "getChart", function () {
       var charts = _this.props.charts || _this.state.charts;
       var chartType = _this.props.chartType;
       var ChartComponent = null;
       var chart = null;
-
       if (chartType) {
         chart = charts && charts.find(function (chart) {
           return chart.type === chartType;
@@ -101,36 +68,33 @@ var Chart = /*#__PURE__*/function (_React$Component) {
         ChartComponent = chart && chart.Component;
         chartType = chart && chart.type;
       }
-
       return {
         type: chartType,
         ChartComponent: ChartComponent
       };
     });
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "changeData", function (data) {
+    (0, _defineProperty2["default"])(_this, "changeData", function (data) {
       var onDataChange = _this.props.onDataChange;
       onDataChange(data);
     });
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "changeCategory", function (index, newCategory) {
+    (0, _defineProperty2["default"])(_this, "changeCategory", function (index, newCategory) {
       var integerIndex = parseInt(index, 10);
-
       if (integerIndex >= 0) {
         var _this$props = _this.props,
-            data = _this$props.data,
-            onDataChange = _this$props.onDataChange;
+          data = _this$props.data,
+          onDataChange = _this$props.onDataChange;
         data[integerIndex] = _objectSpread(_objectSpread({}, data[integerIndex]), newCategory);
         onDataChange(data);
       }
     });
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "addCategory", function () {
+    (0, _defineProperty2["default"])(_this, "addCategory", function () {
       var _this$props2 = _this.props,
-          onDataChange = _this$props2.onDataChange,
-          data = _this$props2.data,
-          categoryDefaultLabel = _this$props2.categoryDefaultLabel,
-          defineChart = _this$props2.defineChart,
-          categoryDefaults = _this$props2.categoryDefaults,
-          language = _this$props2.language;
-
+        onDataChange = _this$props2.onDataChange,
+        data = _this$props2.data,
+        categoryDefaultLabel = _this$props2.categoryDefaultLabel,
+        defineChart = _this$props2.defineChart,
+        categoryDefaults = _this$props2.categoryDefaults,
+        language = _this$props2.language;
       if ((data || []).length > 19) {
         _this.setState({
           dialog: {
@@ -151,7 +115,6 @@ var Chart = /*#__PURE__*/function (_React$Component) {
         _this.setState({
           autoFocus: true
         });
-
         onDataChange([].concat((0, _toConsumableArray2["default"])(data), [{
           inDefineChart: defineChart,
           label: categoryDefaultLabel || translator.t('charting.newLabel', {
@@ -164,32 +127,30 @@ var Chart = /*#__PURE__*/function (_React$Component) {
         }]));
       }
     });
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "deleteCategory", function (index) {
+    (0, _defineProperty2["default"])(_this, "deleteCategory", function (index) {
       var _this$props3 = _this.props,
-          data = _this$props3.data,
-          onDataChange = _this$props3.onDataChange;
-
+        data = _this$props3.data,
+        onDataChange = _this$props3.onDataChange;
       if (typeof index !== 'number' || index < 0) {
         return;
       }
-
       if (data && data.length > 0) {
         onDataChange(data.filter(function (_, i) {
           return i !== index;
         }));
       }
     });
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "getFilteredCategories", function () {
+    (0, _defineProperty2["default"])(_this, "getFilteredCategories", function () {
       var _this$props4 = _this.props,
-          data = _this$props4.data,
-          defineChart = _this$props4.defineChart;
+        data = _this$props4.data,
+        defineChart = _this$props4.defineChart;
       return data ? data.map(function (d) {
         return _objectSpread(_objectSpread({}, d), {}, {
           deletable: defineChart || d.deletable
         });
       }) : [];
     });
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "resetAutoFocus", function () {
+    (0, _defineProperty2["default"])(_this, "resetAutoFocus", function () {
       _this.setState({
         autoFocus: false
       });
@@ -203,8 +164,8 @@ var Chart = /*#__PURE__*/function (_React$Component) {
     _this.maskUid = _this.generateMaskId();
     return _this;
   }
-
-  (0, _createClass2["default"])(Chart, [{
+  (0, _inherits2["default"])(Chart, _React$Component);
+  return (0, _createClass2["default"])(Chart, [{
     key: "generateMaskId",
     value: function generateMaskId() {
       return 'chart-' + (Math.random() * 10000).toFixed();
@@ -213,55 +174,47 @@ var Chart = /*#__PURE__*/function (_React$Component) {
     key: "render",
     value: function render() {
       var _this2 = this;
-
       var _this$props5 = this.props,
-          classes = _this$props5.classes,
-          className = _this$props5.className,
-          _this$props5$domain = _this$props5.domain,
-          domain = _this$props5$domain === void 0 ? {} : _this$props5$domain,
-          _this$props5$range = _this$props5.range,
-          range = _this$props5$range === void 0 ? {} : _this$props5$range,
-          chartingOptions = _this$props5.chartingOptions,
-          size = _this$props5.size,
-          title = _this$props5.title,
-          onChangeTitle = _this$props5.onChangeTitle,
-          onChangeLabels = _this$props5.onChangeLabels,
-          labelsPlaceholders = _this$props5.labelsPlaceholders,
-          titlePlaceholder = _this$props5.titlePlaceholder,
-          addCategoryEnabled = _this$props5.addCategoryEnabled,
-          changeInteractiveEnabled = _this$props5.changeInteractiveEnabled,
-          changeEditableEnabled = _this$props5.changeEditableEnabled,
-          showPixelGuides = _this$props5.showPixelGuides,
-          error = _this$props5.error,
-          _this$props5$mathMlOp = _this$props5.mathMlOptions,
-          mathMlOptions = _this$props5$mathMlOp === void 0 ? {} : _this$props5$mathMlOp,
-          language = _this$props5.language,
-          labelsCharactersLimit = _this$props5.labelsCharactersLimit,
-          correctData = _this$props5.correctData;
+        className = _this$props5.className,
+        _this$props5$domain = _this$props5.domain,
+        domain = _this$props5$domain === void 0 ? {} : _this$props5$domain,
+        _this$props5$range = _this$props5.range,
+        range = _this$props5$range === void 0 ? {} : _this$props5$range,
+        chartingOptions = _this$props5.chartingOptions,
+        size = _this$props5.size,
+        title = _this$props5.title,
+        onChangeTitle = _this$props5.onChangeTitle,
+        onChangeLabels = _this$props5.onChangeLabels,
+        labelsPlaceholders = _this$props5.labelsPlaceholders,
+        titlePlaceholder = _this$props5.titlePlaceholder,
+        addCategoryEnabled = _this$props5.addCategoryEnabled,
+        changeInteractiveEnabled = _this$props5.changeInteractiveEnabled,
+        changeEditableEnabled = _this$props5.changeEditableEnabled,
+        showPixelGuides = _this$props5.showPixelGuides,
+        error = _this$props5.error,
+        _this$props5$mathMlOp = _this$props5.mathMlOptions,
+        mathMlOptions = _this$props5$mathMlOp === void 0 ? {} : _this$props5$mathMlOp,
+        language = _this$props5.language,
+        labelsCharactersLimit = _this$props5.labelsCharactersLimit,
+        correctData = _this$props5.correctData;
       var chartType = this.props.chartType;
       var dialog = this.state.dialog;
       var defineChart = this.props.defineChart || false;
-
       var _ref = size || {},
-          width = _ref.width,
-          height = _ref.height;
-
+        width = _ref.width,
+        height = _ref.height;
       var labels = {
         left: (range === null || range === void 0 ? void 0 : range.label) || '',
         bottom: (domain === null || domain === void 0 ? void 0 : domain.label) || ''
       };
-
       var _this$getChart = this.getChart(),
-          ChartComponent = _this$getChart.ChartComponent;
-
+        ChartComponent = _this$getChart.ChartComponent;
       var categories = this.getFilteredCategories();
       var correctValues = (0, _utils.getDomainAndRangeByChartType)(domain, range, chartType);
-
       var _getGridLinesAndAxisB = (0, _utils.getGridLinesAndAxisByChartType)(correctValues.range, chartType),
-          verticalLines = _getGridLinesAndAxisB.verticalLines,
-          horizontalLines = _getGridLinesAndAxisB.horizontalLines,
-          leftAxis = _getGridLinesAndAxisB.leftAxis;
-
+        verticalLines = _getGridLinesAndAxisB.verticalLines,
+        horizontalLines = _getGridLinesAndAxisB.horizontalLines,
+        leftAxis = _getGridLinesAndAxisB.leftAxis;
       var common = {
         graphProps: (0, _plot.createGraphProps)(correctValues.domain, correctValues.range, size, function () {
           return _this2.rootNode;
@@ -276,30 +229,28 @@ var Chart = /*#__PURE__*/function (_React$Component) {
       };
       var scale = common.graphProps.scale;
       var xBand = (0, _utils.dataToXBand)(scale.x, categories, width, chartType);
-
       if (!ChartComponent) {
         return null;
       }
-
-      var bandWidth = xBand.bandwidth(); // for chartType "line", bandWidth will be 0, so we have to calculate it
-
+      var bandWidth = xBand.bandwidth();
+      // for chartType "line", bandWidth will be 0, so we have to calculate it
       var barWidth = bandWidth || scale.x(correctValues.domain.max) / categories.length;
-      var increaseHeight = defineChart ? 160 : 60; // if there are many categories, we have to rotate their names in order to fit
-      // and we have to add extra value on top of some items
+      var increaseHeight = defineChart ? 160 : 60;
 
+      // if there are many categories, we have to rotate their names in order to fit
+      // and we have to add extra value on top of some items
       var top = (0, _utils.getTopPadding)(barWidth);
       var rootCommon = (0, _cloneDeep["default"])(common);
-      rootCommon.graphProps.size.height += top + increaseHeight; // for plot evaluations we need extra space because we render correctness icon below x axis
+      rootCommon.graphProps.size.height += top + increaseHeight;
 
+      // for plot evaluations we need extra space because we render correctness icon below x axis
       var isPlotEvaluation = (chartType === 'dotPlot' || chartType === 'linePlot') && (correctData === null || correctData === void 0 ? void 0 : correctData.length);
       var needsExtraHeight = isPlotEvaluation && labels.bottom;
-
       if (needsExtraHeight) {
         rootCommon.graphProps.size.height += 25;
       }
-
-      return /*#__PURE__*/_react["default"].createElement("div", {
-        className: (0, _classnames["default"])(classes.chart, classes.chartBox, className)
+      return /*#__PURE__*/_react["default"].createElement(StyledChartContainer, {
+        className: className
       }, /*#__PURE__*/_react["default"].createElement(_plot.Root, (0, _extends2["default"])({
         title: title,
         onChangeTitle: onChangeTitle,
@@ -378,12 +329,8 @@ var Chart = /*#__PURE__*/function (_React$Component) {
       }));
     }
   }]);
-  return Chart;
 }(_react["default"].Component);
-
-exports.Chart = Chart;
 (0, _defineProperty2["default"])(Chart, "propTypes", {
-  classes: _propTypes["default"].object.isRequired,
   className: _propTypes["default"].string,
   chartType: _propTypes["default"].string.isRequired,
   size: _propTypes["default"].shape({
@@ -439,24 +386,5 @@ exports.Chart = Chart;
     height: 480
   }
 });
-
-var styles = function styles(theme) {
-  return {
-    graphBox: {
-      transform: 'translate(60px, 35px)'
-    },
-    svg: {
-      overflow: 'visible'
-    },
-    chartBox: {
-      width: 'min-content'
-    }
-  };
-};
-
-var _default = (0, _styles.withStyles)(styles, {
-  withTheme: true
-})(Chart);
-
-exports["default"] = _default;
+var _default = exports["default"] = Chart;
 //# sourceMappingURL=chart.js.map