@pie-lib/charting 5.36.3-next.0 → 5.36.3-next.162

package/lib/plot/dot.js

@@ -1,55 +1,45 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = exports.DotPlot = void 0;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-
-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 _shape = require("@vx/shape");
-
+var _shape = require("@visx/shape");
 var _plot = require("@pie-lib/plot");
-
 var _utils = require("../utils");
-
 var _plot2 = _interopRequireDefault(require("./common/plot"));
-
 var _renderUi = require("@pie-lib/render-ui");
-
-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; } }
-
+var _styles = require("@mui/material/styles");
+var _styles2 = require("../common/styles");
+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 StyledCircle = (0, _styles.styled)(_shape.Circle)(function () {
+  return {
+    fill: _renderUi.color.visualElementsColors.PLOT_FILL_COLOR,
+    '&.correct': (0, _styles2.correct)('stroke'),
+    '&.incorrect': (0, _styles2.incorrect)('stroke')
+  };
+});
 var CustomBarElement = function CustomBarElement(props) {
   var index = props.index,
-      pointDiameter = props.pointDiameter,
-      barX = props.barX,
-      barWidth = props.barWidth,
-      pointHeight = props.pointHeight,
-      label = props.label,
-      value = props.value,
-      classes = props.classes,
-      scale = props.scale,
-      dottedOverline = props.dottedOverline;
+    pointDiameter = props.pointDiameter,
+    barX = props.barX,
+    barWidth = props.barWidth,
+    pointHeight = props.pointHeight,
+    label = props.label,
+    value = props.value,
+    scale = props.scale,
+    dottedOverline = props.dottedOverline;
   var r = pointDiameter / 2;
   var cx = barX + (barWidth - pointDiameter) / 2 + r;
   var cy = scale.y(index) - (pointHeight - pointDiameter) / 2 - r;
@@ -62,15 +52,13 @@ var CustomBarElement = function CustomBarElement(props) {
     strokeDasharray: "4,4",
     stroke: _renderUi.color.defaults.BORDER_GRAY,
     fill: "none"
-  }) : /*#__PURE__*/_react["default"].createElement(_shape.Circle, {
+  }) : /*#__PURE__*/_react["default"].createElement(StyledCircle, {
     key: "point-".concat(label, "-").concat(value, "-").concat(index),
-    className: classes.dot,
     cx: cx,
     cy: cy,
     r: r
   });
 };
-
 CustomBarElement.propTypes = {
   index: _propTypes["default"].number,
   pointDiameter: _propTypes["default"].number,
@@ -79,34 +67,26 @@ CustomBarElement.propTypes = {
   pointHeight: _propTypes["default"].number,
   value: _propTypes["default"].number,
   label: _propTypes["default"].string,
-  classes: _propTypes["default"].object,
   scale: _propTypes["default"].object,
   dottedOverline: _propTypes["default"].bool
 };
-
-var DotPlot = /*#__PURE__*/function (_React$Component) {
-  (0, _inherits2["default"])(DotPlot, _React$Component);
-
-  var _super = _createSuper(DotPlot);
-
+var DotPlot = exports.DotPlot = /*#__PURE__*/function (_React$Component) {
   function DotPlot() {
     (0, _classCallCheck2["default"])(this, DotPlot);
-    return _super.apply(this, arguments);
+    return _callSuper(this, DotPlot, arguments);
   }
-
-  (0, _createClass2["default"])(DotPlot, [{
+  (0, _inherits2["default"])(DotPlot, _React$Component);
+  return (0, _createClass2["default"])(DotPlot, [{
     key: "render",
     value: function render() {
       var props = this.props;
       var data = props.data,
-          graphProps = props.graphProps;
-
+        graphProps = props.graphProps;
       var _ref = graphProps || {},
-          _ref$scale = _ref.scale,
-          scale = _ref$scale === void 0 ? {} : _ref$scale,
-          _ref$size = _ref.size,
-          size = _ref$size === void 0 ? {} : _ref$size;
-
+        _ref$scale = _ref.scale,
+        scale = _ref$scale === void 0 ? {} : _ref$scale,
+        _ref$size = _ref.size,
+        size = _ref$size === void 0 ? {} : _ref$size;
       var xBand = (0, _utils.dataToXBand)(scale.x, data, size.width, 'dotPlot');
       return /*#__PURE__*/_react["default"].createElement(_plot2["default"], (0, _extends2["default"])({}, props, {
         xBand: xBand,
@@ -114,23 +94,17 @@ var DotPlot = /*#__PURE__*/function (_React$Component) {
       }));
     }
   }]);
-  return DotPlot;
 }(_react["default"].Component);
-
-exports.DotPlot = DotPlot;
 (0, _defineProperty2["default"])(DotPlot, "propTypes", {
   data: _propTypes["default"].array,
   onChange: _propTypes["default"].func,
   graphProps: _plot.types.GraphPropsType.isRequired
 });
-
-var _default = function _default() {
+var _default = exports["default"] = function _default() {
   return {
     type: 'dotPlot',
     Component: DotPlot,
     name: 'Dot Plot'
   };
 };
-
-exports["default"] = _default;
 //# sourceMappingURL=dot.js.map

package/lib/plot/dot.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/plot/dot.js"],"names":["CustomBarElement","props","index","pointDiameter","barX","barWidth","pointHeight","label","value","classes","scale","dottedOverline","r","cx","cy","y","EXTRA_PADDING","color","defaults","BORDER_GRAY","dot","propTypes","PropTypes","number","string","object","bool","DotPlot","data","graphProps","size","xBand","x","width","React","Component","array","onChange","func","types","GraphPropsType","isRequired","type","name"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { Circle } from '@vx/shape';\n\nimport { types } from '@pie-lib/plot';\nimport { dataToXBand } from '../utils';\nimport Plot from './common/plot';\nimport { color } from '@pie-lib/render-ui';\n\nconst CustomBarElement = (props) => {\n  const { index, pointDiameter, barX, barWidth, pointHeight, label, value, classes, scale, dottedOverline } = props;\n\n  const r = pointDiameter / 2;\n  const cx = barX + (barWidth - pointDiameter) / 2 + r;\n  const cy = scale.y(index) - (pointHeight - pointDiameter) / 2 - r;\n  const EXTRA_PADDING = 2;\n\n  return dottedOverline ? (\n    <Circle\n      key={`point-${label}-${value}-${index}`}\n      cx={cx}\n      cy={cy}\n      r={r + EXTRA_PADDING}\n      strokeDasharray=\"4,4\"\n      stroke={color.defaults.BORDER_GRAY}\n      fill=\"none\"\n    />\n  ) : (\n    <Circle key={`point-${label}-${value}-${index}`} className={classes.dot} cx={cx} cy={cy} r={r} />\n  );\n};\n\nCustomBarElement.propTypes = {\n  index: PropTypes.number,\n  pointDiameter: PropTypes.number,\n  barX: PropTypes.number,\n  barWidth: PropTypes.number,\n  pointHeight: PropTypes.number,\n  value: PropTypes.number,\n  label: PropTypes.string,\n  classes: PropTypes.object,\n  scale: PropTypes.object,\n  dottedOverline: PropTypes.bool,\n};\n\nexport class DotPlot extends React.Component {\n  static propTypes = {\n    data: PropTypes.array,\n    onChange: PropTypes.func,\n    graphProps: types.GraphPropsType.isRequired,\n  };\n\n  render() {\n    const props = this.props;\n    const { data, graphProps } = props;\n    const { scale = {}, size = {} } = graphProps || {};\n    const xBand = dataToXBand(scale.x, data, size.width, 'dotPlot');\n\n    return <Plot {...props} xBand={xBand} CustomBarElement={CustomBarElement} />;\n  }\n}\n\nexport default () => ({\n  type: 'dotPlot',\n  Component: DotPlot,\n  name: 'Dot Plot',\n});\n"],"file":"dot.js"}
+{"version":3,"file":"dot.js","names":["_react","_interopRequireDefault","require","_propTypes","_shape","_plot","_utils","_plot2","_renderUi","_styles","_styles2","_callSuper","t","o","e","_getPrototypeOf2","_possibleConstructorReturn2","_isNativeReflectConstruct","Reflect","construct","constructor","apply","Boolean","prototype","valueOf","call","StyledCircle","styled","Circle","fill","color","visualElementsColors","PLOT_FILL_COLOR","correct","incorrect","CustomBarElement","props","index","pointDiameter","barX","barWidth","pointHeight","label","value","scale","dottedOverline","r","cx","cy","y","EXTRA_PADDING","createElement","key","concat","strokeDasharray","stroke","defaults","BORDER_GRAY","propTypes","PropTypes","number","string","object","bool","DotPlot","exports","_React$Component","_classCallCheck2","arguments","_inherits2","_createClass2","render","data","graphProps","_ref","_ref$scale","_ref$size","size","xBand","dataToXBand","x","width","_extends2","React","Component","_defineProperty2","array","onChange","func","types","GraphPropsType","isRequired","_default","type","name"],"sources":["../../src/plot/dot.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { Circle } from '@visx/shape';\n\nimport { types } from '@pie-lib/plot';\nimport { dataToXBand } from '../utils';\nimport Plot from './common/plot';\nimport { color } from '@pie-lib/render-ui';\nimport { styled } from '@mui/material/styles';\nimport { correct, incorrect } from '../common/styles';\n\nconst StyledCircle = styled(Circle)(() => ({\n  fill: color.visualElementsColors.PLOT_FILL_COLOR,\n  '&.correct': correct('stroke'),\n  '&.incorrect': incorrect('stroke'),\n}));\n\nconst CustomBarElement = (props) => {\n  const { index, pointDiameter, barX, barWidth, pointHeight, label, value, scale, dottedOverline } = props;\n\n  const r = pointDiameter / 2;\n  const cx = barX + (barWidth - pointDiameter) / 2 + r;\n  const cy = scale.y(index) - (pointHeight - pointDiameter) / 2 - r;\n  const EXTRA_PADDING = 2;\n\n  return dottedOverline ? (\n    <Circle\n      key={`point-${label}-${value}-${index}`}\n      cx={cx}\n      cy={cy}\n      r={r + EXTRA_PADDING}\n      strokeDasharray=\"4,4\"\n      stroke={color.defaults.BORDER_GRAY}\n      fill=\"none\"\n    />\n  ) : (\n    <StyledCircle key={`point-${label}-${value}-${index}`} cx={cx} cy={cy} r={r} />\n  );\n};\n\nCustomBarElement.propTypes = {\n  index: PropTypes.number,\n  pointDiameter: PropTypes.number,\n  barX: PropTypes.number,\n  barWidth: PropTypes.number,\n  pointHeight: PropTypes.number,\n  value: PropTypes.number,\n  label: PropTypes.string,\n  scale: PropTypes.object,\n  dottedOverline: PropTypes.bool,\n};\n\nexport class DotPlot extends React.Component {\n  static propTypes = {\n    data: PropTypes.array,\n    onChange: PropTypes.func,\n    graphProps: types.GraphPropsType.isRequired,\n  };\n\n  render() {\n    const props = this.props;\n    const { data, graphProps } = props;\n    const { scale = {}, size = {} } = graphProps || {};\n    const xBand = dataToXBand(scale.x, data, size.width, 'dotPlot');\n\n    return <Plot {...props} xBand={xBand} CustomBarElement={CustomBarElement} />;\n  }\n}\n\nexport default () => ({\n  type: 'dotPlot',\n  Component: DotPlot,\n  name: 'Dot Plot',\n});\n"],"mappings":"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","ignoreList":[]}

package/lib/plot/line.js

@@ -1,57 +1,46 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = exports.LinePlot = void 0;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-
-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 _shape = require("@vx/shape");
-
-var _group = require("@vx/group");
-
+var _shape = require("@visx/shape");
+var _group = require("@visx/group");
+var _styles = require("@mui/material/styles");
 var _plot = require("@pie-lib/plot");
-
 var _utils = require("../utils");
-
 var _renderUi = require("@pie-lib/render-ui");
-
 var _plot2 = _interopRequireDefault(require("./common/plot"));
-
-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; } }
-
+var _styles2 = require("../common/styles");
+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 StyledLinePath = (0, _styles.styled)(_shape.LinePath)(function () {
+  return {
+    stroke: _renderUi.color.visualElementsColors.PLOT_FILL_COLOR,
+    '&.correct': (0, _styles2.correct)('stroke'),
+    '&.incorrect': (0, _styles2.incorrect)('stroke')
+  };
+});
 var CustomBarElement = function CustomBarElement(props) {
   var index = props.index,
-      pointDiameter = props.pointDiameter,
-      barX = props.barX,
-      barWidth = props.barWidth,
-      pointHeight = props.pointHeight,
-      label = props.label,
-      value = props.value,
-      classes = props.classes,
-      scale = props.scale,
-      dottedOverline = props.dottedOverline;
+    pointDiameter = props.pointDiameter,
+    barX = props.barX,
+    barWidth = props.barWidth,
+    pointHeight = props.pointHeight,
+    label = props.label,
+    value = props.value,
+    scale = props.scale,
+    dottedOverline = props.dottedOverline;
   var x = barX + (barWidth - pointDiameter) / 2;
   var y = scale.y(index) - (pointHeight - pointDiameter) / 2;
   var EXTRA_PADDING = 2;
@@ -64,7 +53,7 @@ var CustomBarElement = function CustomBarElement(props) {
     strokeDasharray: "4,4",
     stroke: _renderUi.color.defaults.BORDER_GRAY,
     fill: "none"
-  }) : /*#__PURE__*/_react["default"].createElement(_group.Group, null, /*#__PURE__*/_react["default"].createElement(_shape.LinePath, {
+  }) : /*#__PURE__*/_react["default"].createElement(_group.Group, null, /*#__PURE__*/_react["default"].createElement(StyledLinePath, {
     data: [{
       x: x,
       y: y
@@ -73,7 +62,7 @@ var CustomBarElement = function CustomBarElement(props) {
       y: y - pointDiameter
     }],
     key: "point-".concat(label, "-").concat(value, "-").concat(index, "-1"),
-    className: classes.line,
+    className: 'line',
     x: function x(d) {
       return d.x;
     },
@@ -81,7 +70,7 @@ var CustomBarElement = function CustomBarElement(props) {
       return d.y;
     },
     strokeWidth: pointDiameter / 5
-  }), /*#__PURE__*/_react["default"].createElement(_shape.LinePath, {
+  }), /*#__PURE__*/_react["default"].createElement(StyledLinePath, {
     data: [{
       x: x,
       y: y - pointDiameter
@@ -90,17 +79,16 @@ var CustomBarElement = function CustomBarElement(props) {
       y: y
     }],
     key: "point-".concat(label, "-").concat(value, "-").concat(index, "-2"),
-    className: classes.line,
     x: function x(d) {
       return d.x;
     },
     y: function y(d) {
       return d.y;
     },
-    strokeWidth: pointDiameter / 5
+    strokeWidth: pointDiameter / 5,
+    className: 'line'
   }));
 };
-
 CustomBarElement.propTypes = {
   index: _propTypes["default"].number,
   pointDiameter: _propTypes["default"].number,
@@ -109,33 +97,26 @@ CustomBarElement.propTypes = {
   pointHeight: _propTypes["default"].number,
   value: _propTypes["default"].number,
   label: _propTypes["default"].string,
-  classes: _propTypes["default"].object,
-  scale: _propTypes["default"].object
+  scale: _propTypes["default"].object,
+  dottedOverline: _propTypes["default"].bool
 };
-
-var LinePlot = /*#__PURE__*/function (_React$Component) {
-  (0, _inherits2["default"])(LinePlot, _React$Component);
-
-  var _super = _createSuper(LinePlot);
-
+var LinePlot = exports.LinePlot = /*#__PURE__*/function (_React$Component) {
   function LinePlot() {
     (0, _classCallCheck2["default"])(this, LinePlot);
-    return _super.apply(this, arguments);
+    return _callSuper(this, LinePlot, arguments);
   }
-
-  (0, _createClass2["default"])(LinePlot, [{
+  (0, _inherits2["default"])(LinePlot, _React$Component);
+  return (0, _createClass2["default"])(LinePlot, [{
     key: "render",
     value: function render() {
       var props = this.props;
       var data = props.data,
-          graphProps = props.graphProps;
-
+        graphProps = props.graphProps;
       var _ref = graphProps || {},
-          _ref$scale = _ref.scale,
-          scale = _ref$scale === void 0 ? {} : _ref$scale,
-          _ref$size = _ref.size,
-          size = _ref$size === void 0 ? {} : _ref$size;
-
+        _ref$scale = _ref.scale,
+        scale = _ref$scale === void 0 ? {} : _ref$scale,
+        _ref$size = _ref.size,
+        size = _ref$size === void 0 ? {} : _ref$size;
       var xBand = (0, _utils.dataToXBand)(scale.x, data, size.width, 'linePlot');
       return /*#__PURE__*/_react["default"].createElement(_plot2["default"], (0, _extends2["default"])({}, props, {
         xBand: xBand,
@@ -143,23 +124,17 @@ var LinePlot = /*#__PURE__*/function (_React$Component) {
       }));
     }
   }]);
-  return LinePlot;
 }(_react["default"].Component);
-
-exports.LinePlot = LinePlot;
 (0, _defineProperty2["default"])(LinePlot, "propTypes", {
   data: _propTypes["default"].array,
   onChange: _propTypes["default"].func,
   graphProps: _plot.types.GraphPropsType.isRequired
 });
-
-var _default = function _default() {
+var _default = exports["default"] = function _default() {
   return {
     type: 'linePlot',
     Component: LinePlot,
     name: 'Line Plot'
   };
 };
-
-exports["default"] = _default;
 //# sourceMappingURL=line.js.map

package/lib/plot/line.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/plot/line.js"],"names":["CustomBarElement","props","index","pointDiameter","barX","barWidth","pointHeight","label","value","classes","scale","dottedOverline","x","y","EXTRA_PADDING","color","defaults","BORDER_GRAY","line","d","propTypes","PropTypes","number","string","object","LinePlot","data","graphProps","size","xBand","width","React","Component","array","onChange","func","types","GraphPropsType","isRequired","type","name"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { LinePath } from '@vx/shape';\nimport { Group } from '@vx/group';\n\nimport { types } from '@pie-lib/plot';\nimport { dataToXBand } from '../utils';\nimport { color } from '@pie-lib/render-ui';\nimport Plot from './common/plot';\n\nconst CustomBarElement = (props) => {\n  const { index, pointDiameter, barX, barWidth, pointHeight, label, value, classes, scale, dottedOverline } = props;\n\n  const x = barX + (barWidth - pointDiameter) / 2;\n  const y = scale.y(index) - (pointHeight - pointDiameter) / 2;\n  const EXTRA_PADDING = 2;\n\n  return dottedOverline ? (\n    <rect\n      key={`point-${label}-${value}-${index}`}\n      x={x - EXTRA_PADDING}\n      y={y - pointDiameter - EXTRA_PADDING}\n      width={pointDiameter + EXTRA_PADDING * 2}\n      height={pointDiameter + EXTRA_PADDING * 2}\n      strokeDasharray=\"4,4\"\n      stroke={color.defaults.BORDER_GRAY}\n      fill=\"none\"\n    />\n  ) : (\n    <Group>\n      <LinePath\n        data={[\n          { x, y },\n          { x: x + pointDiameter, y: y - pointDiameter },\n        ]}\n        key={`point-${label}-${value}-${index}-1`}\n        className={classes.line}\n        x={(d) => d.x}\n        y={(d) => d.y}\n        strokeWidth={pointDiameter / 5}\n      />\n      <LinePath\n        data={[\n          { x, y: y - pointDiameter },\n          { x: x + pointDiameter, y },\n        ]}\n        key={`point-${label}-${value}-${index}-2`}\n        className={classes.line}\n        x={(d) => d.x}\n        y={(d) => d.y}\n        strokeWidth={pointDiameter / 5}\n      />\n    </Group>\n  );\n};\n\nCustomBarElement.propTypes = {\n  index: PropTypes.number,\n  pointDiameter: PropTypes.number,\n  barX: PropTypes.number,\n  barWidth: PropTypes.number,\n  pointHeight: PropTypes.number,\n  value: PropTypes.number,\n  label: PropTypes.string,\n  classes: PropTypes.object,\n  scale: PropTypes.object,\n};\n\nexport class LinePlot extends React.Component {\n  static propTypes = {\n    data: PropTypes.array,\n    onChange: PropTypes.func,\n    graphProps: types.GraphPropsType.isRequired,\n  };\n\n  render() {\n    const props = this.props;\n    const { data, graphProps } = props;\n    const { scale = {}, size = {} } = graphProps || {};\n    const xBand = dataToXBand(scale.x, data, size.width, 'linePlot');\n\n    return <Plot {...props} xBand={xBand} CustomBarElement={CustomBarElement} />;\n  }\n}\n\nexport default () => ({\n  type: 'linePlot',\n  Component: LinePlot,\n  name: 'Line Plot',\n});\n"],"file":"line.js"}
+{"version":3,"file":"line.js","names":["_react","_interopRequireDefault","require","_propTypes","_shape","_group","_styles","_plot","_utils","_renderUi","_plot2","_styles2","_callSuper","t","o","e","_getPrototypeOf2","_possibleConstructorReturn2","_isNativeReflectConstruct","Reflect","construct","constructor","apply","Boolean","prototype","valueOf","call","StyledLinePath","styled","LinePath","stroke","color","visualElementsColors","PLOT_FILL_COLOR","correct","incorrect","CustomBarElement","props","index","pointDiameter","barX","barWidth","pointHeight","label","value","scale","dottedOverline","x","y","EXTRA_PADDING","createElement","key","concat","width","height","strokeDasharray","defaults","BORDER_GRAY","fill","Group","data","className","d","strokeWidth","propTypes","PropTypes","number","string","object","bool","LinePlot","exports","_React$Component","_classCallCheck2","arguments","_inherits2","_createClass2","render","graphProps","_ref","_ref$scale","_ref$size","size","xBand","dataToXBand","_extends2","React","Component","_defineProperty2","array","onChange","func","types","GraphPropsType","isRequired","_default","type","name"],"sources":["../../src/plot/line.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { LinePath } from '@visx/shape';\nimport { Group } from '@visx/group';\nimport { styled } from '@mui/material/styles';\n\nimport { types } from '@pie-lib/plot';\nimport { dataToXBand } from '../utils';\nimport { color } from '@pie-lib/render-ui';\nimport Plot from './common/plot';\nimport { correct, incorrect } from '../common/styles';\n\nconst StyledLinePath = styled(LinePath)(() => ({\n  stroke: color.visualElementsColors.PLOT_FILL_COLOR,\n  '&.correct': correct('stroke'),\n  '&.incorrect': incorrect('stroke'),\n}));\n\nconst CustomBarElement = (props) => {\n  const { index, pointDiameter, barX, barWidth, pointHeight, label, value, scale, dottedOverline } = props;\n\n  const x = barX + (barWidth - pointDiameter) / 2;\n  const y = scale.y(index) - (pointHeight - pointDiameter) / 2;\n  const EXTRA_PADDING = 2;\n\n  return dottedOverline ? (\n    <rect\n      key={`point-${label}-${value}-${index}`}\n      x={x - EXTRA_PADDING}\n      y={y - pointDiameter - EXTRA_PADDING}\n      width={pointDiameter + EXTRA_PADDING * 2}\n      height={pointDiameter + EXTRA_PADDING * 2}\n      strokeDasharray=\"4,4\"\n      stroke={color.defaults.BORDER_GRAY}\n      fill=\"none\"\n    />\n  ) : (\n    <Group>\n      <StyledLinePath\n        data={[\n          { x, y },\n          { x: x + pointDiameter, y: y - pointDiameter },\n        ]}\n        key={`point-${label}-${value}-${index}-1`}\n        className={'line'}\n        x={(d) => d.x}\n        y={(d) => d.y}\n        strokeWidth={pointDiameter / 5}\n      />\n      <StyledLinePath\n        data={[\n          { x, y: y - pointDiameter },\n          { x: x + pointDiameter, y },\n        ]}\n        key={`point-${label}-${value}-${index}-2`}\n        x={(d) => d.x}\n        y={(d) => d.y}\n        strokeWidth={pointDiameter / 5}\n        className={'line'}\n      />\n    </Group>\n  );\n};\n\nCustomBarElement.propTypes = {\n  index: PropTypes.number,\n  pointDiameter: PropTypes.number,\n  barX: PropTypes.number,\n  barWidth: PropTypes.number,\n  pointHeight: PropTypes.number,\n  value: PropTypes.number,\n  label: PropTypes.string,\n  scale: PropTypes.object,\n  dottedOverline: PropTypes.bool,\n};\n\nexport class LinePlot extends React.Component {\n  static propTypes = {\n    data: PropTypes.array,\n    onChange: PropTypes.func,\n    graphProps: types.GraphPropsType.isRequired,\n  };\n\n  render() {\n    const props = this.props;\n    const { data, graphProps } = props;\n    const { scale = {}, size = {} } = graphProps || {};\n    const xBand = dataToXBand(scale.x, data, size.width, 'linePlot');\n\n    return <Plot {...props} xBand={xBand} CustomBarElement={CustomBarElement} />;\n  }\n}\n\nexport default () => ({\n  type: 'linePlot',\n  Component: LinePlot,\n  name: 'Line Plot',\n});\n"],"mappings":"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","ignoreList":[]}

package/lib/tool-menu.js

@@ -1,123 +1,91 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = exports.ToolMenu = exports.MiniButton = void 0;
-
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-
-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 _classnames = _interopRequireDefault(require("classnames"));
-
 var _renderUi = require("@pie-lib/render-ui");
-
-var _styles = require("@material-ui/core/styles");
-
-var _Button = _interopRequireDefault(require("@material-ui/core/Button"));
-
+var _styles = require("@mui/material/styles");
+var _Button = _interopRequireDefault(require("@mui/material/Button"));
 var _translator = _interopRequireDefault(require("@pie-lib/translator"));
-
-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 _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; })(); }
+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; }
 var translator = _translator["default"].translator;
-
-var buttonStyles = function buttonStyles(theme) {
-  return {
-    root: {
-      color: _renderUi.color.text(),
-      border: "1px solid ".concat(_renderUi.color.secondary()),
-      fontSize: theme.typography.fontSize
-    },
-    selected: {
-      backgroundColor: _renderUi.color.background(),
-      '& span': {
-        color: _renderUi.color.primaryDark()
-      }
+var StyledMiniButton = (0, _styles.styled)(_Button["default"])(function (_ref) {
+  var theme = _ref.theme,
+    selected = _ref.selected,
+    disabled = _ref.disabled;
+  return _objectSpread(_objectSpread(_objectSpread({
+    color: _renderUi.color.text(),
+    border: "1px solid ".concat(_renderUi.color.secondary()),
+    fontSize: theme.typography.fontSize
+  }, selected && {
+    backgroundColor: _renderUi.color.background(),
+    '& span': {
+      color: _renderUi.color.primaryDark()
+    }
+  }), !selected && !disabled && {
+    '& span': {
+      color: _renderUi.color.primary()
     },
-    notSelected: {
-      '& span': {
-        color: _renderUi.color.primary()
-      },
-      backgroundColor: _renderUi.color.background()
+    backgroundColor: _renderUi.color.background()
+  }), disabled && {
+    '& span': {
+      color: _renderUi.color.primary()
     },
-    disabled: {
-      '& span': {
-        color: _renderUi.color.primary()
-      },
-      backgroundColor: _renderUi.color.disabled()
-    }
-  };
-};
-
-var MiniButton = (0, _styles.withStyles)(buttonStyles)(function (props) {
+    backgroundColor: _renderUi.color.disabled()
+  });
+});
+var MiniButton = exports.MiniButton = function MiniButton(props) {
   var disabled = props.disabled,
-      classes = props.classes,
-      className = props.className,
-      selected = props.selected,
-      value = props.value,
-      onClick = props.onClick;
-  return /*#__PURE__*/_react["default"].createElement(_Button["default"], {
+    selected = props.selected,
+    value = props.value,
+    onClick = props.onClick;
+  return /*#__PURE__*/_react["default"].createElement(StyledMiniButton, {
     size: "small",
     disabled: disabled,
+    selected: selected,
     color: selected ? 'secondary' : 'default',
-    className: (0, _classnames["default"])(classes.root, selected && classes.selected, className),
-    classes: {
-      disabled: (0, _classnames["default"])(disabled && classes.disabled)
-    },
     value: value,
     key: value,
     variant: "outlined",
     onClick: onClick
   }, value);
-});
-exports.MiniButton = MiniButton;
+};
 MiniButton.propTypes = {
   disabled: _propTypes["default"].bool,
   className: _propTypes["default"].string,
-  disabledClassName: _propTypes["default"].string,
   selected: _propTypes["default"].bool,
   value: _propTypes["default"].string,
   onClick: _propTypes["default"].func
 };
-
-var ToolMenu = /*#__PURE__*/function (_React$Component) {
-  (0, _inherits2["default"])(ToolMenu, _React$Component);
-
-  var _super = _createSuper(ToolMenu);
-
+var ToolMenu = exports.ToolMenu = /*#__PURE__*/function (_React$Component) {
   function ToolMenu() {
     (0, _classCallCheck2["default"])(this, ToolMenu);
-    return _super.apply(this, arguments);
+    return _callSuper(this, ToolMenu, arguments);
   }
-
-  (0, _createClass2["default"])(ToolMenu, [{
+  (0, _inherits2["default"])(ToolMenu, _React$Component);
+  return (0, _createClass2["default"])(ToolMenu, [{
     key: "render",
     value: function render() {
       var _this$props = this.props,
-          className = _this$props.className,
-          disabled = _this$props.disabled,
-          addCategory = _this$props.addCategory,
-          language = _this$props.language;
+        className = _this$props.className,
+        disabled = _this$props.disabled,
+        addCategory = _this$props.addCategory,
+        language = _this$props.language;
       return /*#__PURE__*/_react["default"].createElement("div", {
-        className: (0, _classnames["default"])(className)
+        className: className
       }, !disabled && /*#__PURE__*/_react["default"].createElement(MiniButton, {
         value: translator.t('charting.addCategory', {
           lng: language
@@ -126,10 +94,7 @@ var ToolMenu = /*#__PURE__*/function (_React$Component) {
       }));
     }
   }]);
-  return ToolMenu;
 }(_react["default"].Component);
-
-exports.ToolMenu = ToolMenu;
 (0, _defineProperty2["default"])(ToolMenu, "propTypes", {
   className: _propTypes["default"].string,
   addCategory: _propTypes["default"].func,
@@ -137,6 +102,5 @@ exports.ToolMenu = ToolMenu;
   language: _propTypes["default"].string
 });
 (0, _defineProperty2["default"])(ToolMenu, "defaultProps", {});
-var _default = ToolMenu;
-exports["default"] = _default;
+var _default = exports["default"] = ToolMenu;
 //# sourceMappingURL=tool-menu.js.map