@pie-lib/charting 6.1.0-next.2 → 6.1.0-next.5

package/lib/plot/common/plot.js

@@ -0,0 +1,349 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.RawPlot = exports.Plot = void 0;
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+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 _Check = _interopRequireDefault(require("@mui/icons-material/Check"));
+var _styles = require("@mui/material/styles");
+var _group = require("@visx/group");
+var _debug = _interopRequireDefault(require("debug"));
+var _plot = require("@pie-lib/plot");
+var _dragHandle = _interopRequireWildcard(require("../../common/drag-handle"));
+var _renderUi = require("@pie-lib/render-ui");
+var _utils = require("../../utils");
+var _styles2 = require("../../common/styles");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
+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 log = (0, _debug["default"])('pie-lib:chart:bars');
+var ICON_SIZE = 16; // 10px icon + 2px padding on all sides + 1px border
+var RawPlot = exports.RawPlot = /*#__PURE__*/function (_React$Component) {
+  function RawPlot(props) {
+    var _this;
+    (0, _classCallCheck2["default"])(this, RawPlot);
+    _this = _callSuper(this, RawPlot, [props]);
+    (0, _defineProperty2["default"])(_this, "handleMouseEnter", function () {
+      _this.setState({
+        isHovered: true
+      });
+    });
+    (0, _defineProperty2["default"])(_this, "handleMouseLeave", function () {
+      _this.setState({
+        isHovered: false
+      });
+    });
+    (0, _defineProperty2["default"])(_this, "setDragValue", function (dragValue) {
+      return _this.setState({
+        dragValue: dragValue
+      });
+    });
+    (0, _defineProperty2["default"])(_this, "dragStop", function () {
+      var _this$props = _this.props,
+        label = _this$props.label,
+        onChangeCategory = _this$props.onChangeCategory;
+      var dragValue = _this.state.dragValue;
+      log('[dragStop]', dragValue);
+      if (dragValue !== undefined) {
+        onChangeCategory({
+          label: label,
+          value: dragValue
+        });
+      }
+      _this.setDragValue(undefined);
+    });
+    (0, _defineProperty2["default"])(_this, "dragValue", function (existing, next) {
+      log('[dragValue] next:', next);
+      _this.setDragValue(next);
+    });
+    (0, _defineProperty2["default"])(_this, "renderCorrectnessIcon", function (barX, barWidth, correctVal, correctness, scale, pointHeight, pointDiameter) {
+      var iconY;
+      if (correctVal === 0) {
+        // if correct value is 0, position icon on the horizontal axis
+        iconY = scale.y(0) - ICON_SIZE / 2;
+      } else {
+        var shapeIndex = correctVal - 1; // the index of the shape representing the correct value
+        var shapeCenterY = scale.y(shapeIndex) - (pointHeight - pointDiameter) / 2 - pointDiameter / 2;
+        iconY = shapeCenterY - ICON_SIZE / 2; // center the icon
+      }
+      return /*#__PURE__*/_react["default"].createElement("foreignObject", {
+        x: barX + barWidth / 2 - ICON_SIZE / 2,
+        y: iconY,
+        width: ICON_SIZE,
+        height: ICON_SIZE
+      }, /*#__PURE__*/_react["default"].createElement(_Check["default"], {
+        className: "correctnessIcon correctIcon smallIcon",
+        title: correctness.label
+      }));
+    });
+    _this.state = {
+      dragValue: undefined,
+      isHovered: false
+    };
+    return _this;
+  }
+  (0, _inherits2["default"])(RawPlot, _React$Component);
+  return (0, _createClass2["default"])(RawPlot, [{
+    key: "render",
+    value: function render() {
+      var _this2 = this;
+      var _this$props2 = this.props,
+        graphProps = _this$props2.graphProps,
+        value = _this$props2.value,
+        label = _this$props2.label,
+        xBand = _this$props2.xBand,
+        index = _this$props2.index,
+        CustomBarElement = _this$props2.CustomBarElement,
+        interactive = _this$props2.interactive,
+        correctness = _this$props2.correctness,
+        defineChart = _this$props2.defineChart,
+        correctData = _this$props2.correctData,
+        className = _this$props2.className;
+      var scale = graphProps.scale,
+        range = graphProps.range,
+        size = graphProps.size;
+      var _ref = range || {},
+        max = _ref.max;
+      var _this$state = this.state,
+        dragValue = _this$state.dragValue,
+        isHovered = _this$state.isHovered;
+      var v = Number.isFinite(dragValue) ? dragValue : value;
+      var barWidth = xBand.bandwidth();
+      var barHeight = scale.y(range.max - v);
+      var barX = xBand((0, _utils.bandKey)({
+        label: label
+      }, index));
+      log('label:', label, 'barX:', barX, 'v: ', v, 'barHeight:', barHeight, 'barWidth: ', barWidth);
+      var values = [];
+      for (var i = 0; i < v; i++) {
+        values.push(i);
+      }
+      var pointHeight = size.height / max;
+      var pointDiameter = (pointHeight > barWidth ? barWidth : pointHeight) * 0.8;
+      var Component = interactive ? _dragHandle["default"] : _dragHandle.DragHandle;
+      var allowRolloverEvent = interactive && !correctness;
+      return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("g", {
+        className: className,
+        onMouseEnter: this.handleMouseEnter,
+        onMouseLeave: this.handleMouseLeave,
+        onTouchStart: this.handleMouseEnter,
+        onTouchEnd: this.handleMouseLeave
+      }, isHovered && allowRolloverEvent && /*#__PURE__*/_react["default"].createElement("rect", {
+        x: barX,
+        y: scale.y(v),
+        width: barWidth,
+        height: values !== null && values !== void 0 && values.length ? pointHeight * values.length : 0,
+        stroke: _renderUi.color.defaults.BORDER_GRAY,
+        strokeWidth: '4px',
+        fill: 'transparent'
+      }), values.map(function (index) {
+        return CustomBarElement({
+          index: index,
+          pointDiameter: pointDiameter,
+          barX: barX,
+          barWidth: barWidth,
+          pointHeight: pointHeight,
+          label: label,
+          value: value,
+          scale: scale
+        });
+      }), correctness && correctness.value === 'incorrect' && function () {
+        var correctVal = parseFloat(correctData[index] && correctData[index].value);
+        if (isNaN(correctVal)) return null;
+        var selectedVal = v;
+
+        // special case: if correct value is 0, only show the icon on the axis
+        if (correctVal === 0) {
+          return _this2.renderCorrectnessIcon(barX, barWidth, correctVal, correctness, scale, pointHeight, pointDiameter);
+        }
+        if (selectedVal > correctVal) {
+          // selected is higher than correct: overlay the correct last segment
+          var overlayValues = [];
+          for (var _i = 0; _i < correctVal; _i++) {
+            overlayValues.push(_i);
+          }
+          var lastIndexOfOverlay = overlayValues.length - 1;
+          var lastOverlayValue = overlayValues[lastIndexOfOverlay];
+          var _barX = xBand((0, _utils.bandKey)({
+            label: label
+          }, index));
+          var _barWidth = xBand.bandwidth();
+          var _pointHeight = size.height / max;
+          var _pointDiameter = (_pointHeight > _barWidth ? _barWidth : _pointHeight) * 0.8;
+          return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(CustomBarElement, {
+            index: lastOverlayValue,
+            pointDiameter: _pointDiameter + 10 // increase point diameter for dotted line
+            ,
+            barX: _barX,
+            barWidth: _barWidth,
+            pointHeight: _pointHeight,
+            label: label,
+            value: value,
+            scale: scale,
+            dottedOverline: true
+          }), _this2.renderCorrectnessIcon(_barX, _barWidth, correctVal, correctness, scale, _pointHeight, _pointDiameter));
+        }
+        // selected is lower than correct, render missing segment below the correct bar
+        var valuesToRender = [];
+        for (var _i2 = selectedVal; _i2 < correctVal; _i2++) {
+          valuesToRender.push(_i2);
+        }
+        return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, valuesToRender.map(function (idx) {
+          return CustomBarElement({
+            index: idx,
+            pointDiameter: pointDiameter,
+            barX: barX,
+            barWidth: barWidth,
+            pointHeight: pointHeight,
+            label: label,
+            value: value,
+            scale: scale,
+            dottedOverline: true
+          });
+        }), _this2.renderCorrectnessIcon(barX, barWidth, correctVal, correctness, scale, pointHeight, pointDiameter));
+      }(), /*#__PURE__*/_react["default"].createElement(Component, {
+        x: barX,
+        y: v,
+        interactive: interactive,
+        width: barWidth,
+        onDrag: function onDrag(v) {
+          return _this2.dragValue(value, v);
+        },
+        onDragStop: this.dragStop,
+        graphProps: graphProps,
+        correctness: correctness,
+        isHovered: isHovered,
+        defineChart: defineChart,
+        color: _renderUi.color.primaryDark(),
+        isPlot: true
+      })));
+    }
+  }]);
+}(_react["default"].Component);
+(0, _defineProperty2["default"])(RawPlot, "propTypes", {
+  onChangeCategory: _propTypes["default"].func,
+  value: _propTypes["default"].number,
+  label: _propTypes["default"].string,
+  xBand: _propTypes["default"].func,
+  index: _propTypes["default"].number.isRequired,
+  graphProps: _plot.types.GraphPropsType.isRequired,
+  CustomBarElement: _propTypes["default"].func,
+  interactive: _propTypes["default"].bool,
+  correctness: _propTypes["default"].shape({
+    value: _propTypes["default"].string,
+    label: _propTypes["default"].string
+  }),
+  defineChart: _propTypes["default"].bool,
+  correctData: _propTypes["default"].arrayOf(_propTypes["default"].shape({
+    value: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].number]),
+    label: _propTypes["default"].string
+  })),
+  className: _propTypes["default"].string
+});
+var Bar = (0, _styles.styled)(RawPlot)(function (_ref2) {
+  var theme = _ref2.theme;
+  return {
+    '& .dot': {
+      fill: _renderUi.color.visualElementsColors.PLOT_FILL_COLOR,
+      '&.correct': (0, _styles2.correct)('stroke'),
+      '&.incorrect': (0, _styles2.incorrect)('stroke')
+    },
+    '& .dotColor': {
+      fill: _renderUi.color.visualElementsColors.PLOT_FILL_COLOR,
+      '&.correct': (0, _styles2.correct)('fill'),
+      '&.incorrect': (0, _styles2.incorrect)('fill')
+    },
+    '& .line': {
+      stroke: _renderUi.color.visualElementsColors.PLOT_FILL_COLOR,
+      '&.correct': (0, _styles2.correct)('stroke'),
+      '&.incorrect': (0, _styles2.incorrect)('stroke')
+    },
+    '& .correctIcon': {
+      backgroundColor: _renderUi.color.correct()
+    },
+    '& .incorrectIcon': {
+      backgroundColor: _renderUi.color.incorrectWithIcon()
+    },
+    '& .correctnessIcon': {
+      borderRadius: theme.spacing(2),
+      color: _renderUi.color.defaults.WHITE,
+      fontSize: '16px',
+      width: '16px',
+      height: '16px',
+      padding: '2px',
+      border: "1px solid ".concat(_renderUi.color.defaults.WHITE),
+      stroke: 'initial',
+      boxSizing: 'unset',
+      // to override the default border-box in IBX
+      display: 'block'
+    },
+    '& .smallIcon': {
+      fontSize: '10px',
+      width: '10px',
+      height: '10px'
+    }
+  };
+});
+var Plot = exports.Plot = /*#__PURE__*/function (_React$Component2) {
+  function Plot() {
+    (0, _classCallCheck2["default"])(this, Plot);
+    return _callSuper(this, Plot, arguments);
+  }
+  (0, _inherits2["default"])(Plot, _React$Component2);
+  return (0, _createClass2["default"])(Plot, [{
+    key: "render",
+    value: function render() {
+      var _this$props3 = this.props,
+        data = _this$props3.data,
+        graphProps = _this$props3.graphProps,
+        xBand = _this$props3.xBand,
+        CustomBarElement = _this$props3.CustomBarElement,
+        _onChangeCategory = _this$props3.onChangeCategory,
+        defineChart = _this$props3.defineChart,
+        correctData = _this$props3.correctData;
+      return /*#__PURE__*/_react["default"].createElement(_group.Group, null, (data || []).map(function (d, index) {
+        return /*#__PURE__*/_react["default"].createElement(Bar, {
+          value: d.value,
+          label: d.label,
+          interactive: defineChart || d.interactive,
+          defineChart: defineChart,
+          xBand: xBand,
+          index: index,
+          key: "bar-".concat(d.label, "-").concat(d.value, "-").concat(index),
+          onChangeCategory: function onChangeCategory(category) {
+            return _onChangeCategory(index, category);
+          },
+          graphProps: graphProps,
+          CustomBarElement: CustomBarElement,
+          correctness: d.correctness,
+          correctData: correctData
+        });
+      }));
+    }
+  }]);
+}(_react["default"].Component);
+(0, _defineProperty2["default"])(Plot, "propTypes", {
+  data: _propTypes["default"].array,
+  onChangeCategory: _propTypes["default"].func,
+  xBand: _propTypes["default"].func,
+  graphProps: _plot.types.GraphPropsType.isRequired,
+  defineChart: _propTypes["default"].bool,
+  CustomBarElement: _propTypes["default"].func,
+  correctData: _propTypes["default"].arrayOf(_propTypes["default"].shape({
+    value: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].number]),
+    label: _propTypes["default"].string
+  })),
+  className: _propTypes["default"].string
+});
+var _default = exports["default"] = Plot;
+//# sourceMappingURL=plot.js.map

package/lib/plot/common/plot.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"plot.js","names":["_react","_interopRequireDefault","require","_propTypes","_Check","_styles","_group","_debug","_plot","_dragHandle","_interopRequireWildcard","_renderUi","_utils","_styles2","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","_typeof","has","get","set","_t","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_callSuper","_getPrototypeOf2","_possibleConstructorReturn2","_isNativeReflectConstruct","Reflect","construct","constructor","apply","Boolean","prototype","valueOf","log","debug","ICON_SIZE","RawPlot","exports","_React$Component","props","_this","_classCallCheck2","_defineProperty2","setState","isHovered","dragValue","_this$props","label","onChangeCategory","state","undefined","value","setDragValue","existing","next","barX","barWidth","correctVal","correctness","scale","pointHeight","pointDiameter","iconY","y","shapeIndex","shapeCenterY","createElement","x","width","height","className","title","_inherits2","_createClass2","key","render","_this2","_this$props2","graphProps","xBand","index","CustomBarElement","interactive","defineChart","correctData","range","size","_ref","max","_this$state","v","Number","isFinite","bandwidth","barHeight","bandKey","values","push","Component","DraggableHandle","DragHandle","allowRolloverEvent","Fragment","onMouseEnter","handleMouseEnter","onMouseLeave","handleMouseLeave","onTouchStart","onTouchEnd","length","stroke","color","defaults","BORDER_GRAY","strokeWidth","fill","map","parseFloat","isNaN","selectedVal","renderCorrectnessIcon","overlayValues","lastIndexOfOverlay","lastOverlayValue","dottedOverline","valuesToRender","idx","onDrag","onDragStop","dragStop","primaryDark","isPlot","React","PropTypes","func","number","string","isRequired","types","GraphPropsType","bool","shape","arrayOf","oneOfType","Bar","styled","_ref2","theme","visualElementsColors","PLOT_FILL_COLOR","correct","incorrect","backgroundColor","incorrectWithIcon","borderRadius","spacing","WHITE","fontSize","padding","border","concat","boxSizing","display","Plot","_React$Component2","arguments","_this$props3","data","Group","d","category","array","_default"],"sources":["../../../src/plot/common/plot.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport Check from '@mui/icons-material/Check';\nimport { styled } from '@mui/material/styles';\nimport { Group } from '@visx/group';\nimport debug from 'debug';\n\nimport { types } from '@pie-lib/plot';\nimport DraggableHandle, { DragHandle } from '../../common/drag-handle';\nimport { color } from '@pie-lib/render-ui';\nimport { bandKey } from '../../utils';\nimport { correct, incorrect } from '../../common/styles';\n\nconst log = debug('pie-lib:chart:bars');\nconst ICON_SIZE = 16; // 10px icon + 2px padding on all sides + 1px border\n\nexport class RawPlot extends React.Component {\n  static propTypes = {\n    onChangeCategory: PropTypes.func,\n    value: PropTypes.number,\n    label: PropTypes.string,\n    xBand: PropTypes.func,\n    index: PropTypes.number.isRequired,\n    graphProps: types.GraphPropsType.isRequired,\n    CustomBarElement: PropTypes.func,\n    interactive: PropTypes.bool,\n    correctness: PropTypes.shape({\n      value: PropTypes.string,\n      label: PropTypes.string,\n    }),\n    defineChart: PropTypes.bool,\n    correctData: PropTypes.arrayOf(PropTypes.shape({\n      value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n      label: PropTypes.string,\n    })),\n    className: PropTypes.string,\n  };\n\n  constructor(props) {\n    super(props);\n    this.state = {\n      dragValue: undefined,\n      isHovered: false,\n    };\n  }\n\n  handleMouseEnter = () => {\n    this.setState({ isHovered: true });\n  };\n\n  handleMouseLeave = () => {\n    this.setState({ isHovered: false });\n  };\n\n  setDragValue = (dragValue) => this.setState({ dragValue });\n\n  dragStop = () => {\n    const { label, onChangeCategory } = this.props;\n    const { dragValue } = this.state;\n    log('[dragStop]', dragValue);\n\n    if (dragValue !== undefined) {\n      onChangeCategory({ label, value: dragValue });\n    }\n\n    this.setDragValue(undefined);\n  };\n\n  dragValue = (existing, next) => {\n    log('[dragValue] next:', next);\n\n    this.setDragValue(next);\n  };\n\n  renderCorrectnessIcon = (barX, barWidth, correctVal, correctness, scale, pointHeight, pointDiameter) => {\n    let iconY;\n\n    if (correctVal === 0) {\n      // if correct value is 0, position icon on the horizontal axis\n      iconY = scale.y(0) - ICON_SIZE / 2;\n    } else {\n      const shapeIndex = correctVal - 1; // the index of the shape representing the correct value\n      const shapeCenterY = scale.y(shapeIndex) - (pointHeight - pointDiameter) / 2 - pointDiameter / 2;\n      iconY = shapeCenterY - ICON_SIZE / 2; // center the icon\n    }\n\n    return (\n      <foreignObject x={barX + barWidth / 2 - ICON_SIZE / 2} y={iconY} width={ICON_SIZE} height={ICON_SIZE}>\n        <Check\n          className=\"correctnessIcon correctIcon smallIcon\"\n          title={correctness.label}\n        />\n      </foreignObject>\n    );\n  };\n\n  render() {\n    const {\n      graphProps,\n      value,\n      label,\n      xBand,\n      index,\n      CustomBarElement,\n      interactive,\n      correctness,\n      defineChart,\n      correctData,\n      className\n    } = this.props;\n\n    const { scale, range, size } = graphProps;\n    const { max } = range || {};\n    const { dragValue, isHovered } = this.state;\n\n    const v = Number.isFinite(dragValue) ? dragValue : value;\n    const barWidth = xBand.bandwidth();\n    const barHeight = scale.y(range.max - v);\n    const barX = xBand(bandKey({ label }, index));\n\n    log('label:', label, 'barX:', barX, 'v: ', v, 'barHeight:', barHeight, 'barWidth: ', barWidth);\n\n    const values = [];\n\n    for (let i = 0; i < v; i++) {\n      values.push(i);\n    }\n\n    const pointHeight = size.height / max;\n    const pointDiameter = (pointHeight > barWidth ? barWidth : pointHeight) * 0.8;\n    const Component = interactive ? DraggableHandle : DragHandle;\n    const allowRolloverEvent = interactive && !correctness;\n\n    return (\n      <React.Fragment>\n        <g\n          className={className}\n          onMouseEnter={this.handleMouseEnter}\n          onMouseLeave={this.handleMouseLeave}\n          onTouchStart={this.handleMouseEnter}\n          onTouchEnd={this.handleMouseLeave}\n        >\n          {isHovered && allowRolloverEvent && (\n            <rect\n              x={barX}\n              y={scale.y(v)}\n              width={barWidth}\n              height={values?.length ? pointHeight * values.length : 0}\n              stroke={color.defaults.BORDER_GRAY}\n              strokeWidth={'4px'}\n              fill={'transparent'}\n            />\n          )}\n          {values.map((index) =>\n            CustomBarElement({\n              index,\n              pointDiameter,\n              barX,\n              barWidth,\n              pointHeight,\n              label,\n              value,\n              scale,\n            }),\n          )}\n          {correctness &&\n            correctness.value === 'incorrect' &&\n            (() => {\n              const correctVal = parseFloat(correctData[index] && correctData[index].value);\n              if (isNaN(correctVal)) return null;\n              const selectedVal = v;\n\n              // special case: if correct value is 0, only show the icon on the axis\n              if (correctVal === 0) {\n                return this.renderCorrectnessIcon(\n                  barX,\n                  barWidth,\n                  correctVal,\n                  correctness,\n                  scale,\n                  pointHeight,\n                  pointDiameter,\n                );\n              }\n\n              if (selectedVal > correctVal) {\n                // selected is higher than correct: overlay the correct last segment\n                const overlayValues = [];\n                for (let i = 0; i < correctVal; i++) {\n                  overlayValues.push(i);\n                }\n                const lastIndexOfOverlay = overlayValues.length - 1;\n                const lastOverlayValue = overlayValues[lastIndexOfOverlay];\n                const barX = xBand(bandKey({ label }, index));\n                const barWidth = xBand.bandwidth();\n                const pointHeight = size.height / max;\n                const pointDiameter = (pointHeight > barWidth ? barWidth : pointHeight) * 0.8;\n                return (\n                  <>\n                    <CustomBarElement\n                      index={lastOverlayValue}\n                      pointDiameter={pointDiameter + 10} // increase point diameter for dotted line\n                      barX={barX}\n                      barWidth={barWidth}\n                      pointHeight={pointHeight}\n                      label={label}\n                      value={value}\n                      scale={scale}\n                      dottedOverline={true}\n                    />\n                    {this.renderCorrectnessIcon(\n                      barX,\n                      barWidth,\n                      correctVal,\n                      correctness,\n                      scale,\n                      pointHeight,\n                      pointDiameter,\n                    )}\n                  </>\n                );\n              }\n              // selected is lower than correct, render missing segment below the correct bar\n              const valuesToRender = [];\n              for (let i = selectedVal; i < correctVal; i++) {\n                valuesToRender.push(i);\n              }\n              return (\n                <>\n                  {valuesToRender.map((idx) =>\n                    CustomBarElement({\n                      index: idx,\n                      pointDiameter,\n                      barX,\n                      barWidth,\n                      pointHeight,\n                      label,\n                      value,\n                      scale,\n                      dottedOverline: true,\n                    }),\n                  )}\n                  {this.renderCorrectnessIcon(\n                    barX,\n                    barWidth,\n                    correctVal,\n                    correctness,\n                    scale,\n                    pointHeight,\n                    pointDiameter,\n                  )}\n                </>\n              );\n            })()}\n          <Component\n            x={barX}\n            y={v}\n            interactive={interactive}\n            width={barWidth}\n            onDrag={(v) => this.dragValue(value, v)}\n            onDragStop={this.dragStop}\n            graphProps={graphProps}\n            correctness={correctness}\n            isHovered={isHovered}\n            defineChart={defineChart}\n            color={color.primaryDark()}\n            isPlot\n          />\n        </g>\n      </React.Fragment>\n    );\n  }\n}\n\nconst Bar = styled(RawPlot)(({ theme }) => ({\n  '& .dot': {\n    fill: color.visualElementsColors.PLOT_FILL_COLOR,\n    '&.correct': correct('stroke'),\n    '&.incorrect': incorrect('stroke'),\n  },\n  '& .dotColor': {\n    fill: color.visualElementsColors.PLOT_FILL_COLOR,\n    '&.correct': correct('fill'),\n    '&.incorrect': incorrect('fill'),\n  },\n  '& .line': {\n    stroke: color.visualElementsColors.PLOT_FILL_COLOR,\n    '&.correct': correct('stroke'),\n    '&.incorrect': incorrect('stroke'),\n  },\n  '& .correctIcon': {\n    backgroundColor: color.correct(),\n  },\n  '& .incorrectIcon': {\n    backgroundColor: color.incorrectWithIcon(),\n  },\n  '& .correctnessIcon': {\n    borderRadius: theme.spacing(2),\n    color: color.defaults.WHITE,\n    fontSize: '16px',\n    width: '16px',\n    height: '16px',\n    padding: '2px',\n    border: `1px solid ${color.defaults.WHITE}`,\n    stroke: 'initial',\n    boxSizing: 'unset', // to override the default border-box in IBX\n    display: 'block',\n  },\n  '& .smallIcon': {\n    fontSize: '10px',\n    width: '10px',\n    height: '10px',\n  },\n}));\n\nexport class Plot extends React.Component {\n  static propTypes = {\n    data: PropTypes.array,\n    onChangeCategory: PropTypes.func,\n    xBand: PropTypes.func,\n    graphProps: types.GraphPropsType.isRequired,\n    defineChart: PropTypes.bool,\n    CustomBarElement: PropTypes.func,\n    correctData: PropTypes.arrayOf(PropTypes.shape({\n      value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n      label: PropTypes.string,\n    })),\n    className: PropTypes.string,\n  };\n\n  render() {\n    const { data, graphProps, xBand, CustomBarElement, onChangeCategory, defineChart, correctData } = this.props;\n\n    return (\n      <Group>\n        {(data || []).map((d, index) => (\n          <Bar\n            value={d.value}\n            label={d.label}\n            interactive={defineChart || d.interactive}\n            defineChart={defineChart}\n            xBand={xBand}\n            index={index}\n            key={`bar-${d.label}-${d.value}-${index}`}\n            onChangeCategory={(category) => onChangeCategory(index, category)}\n            graphProps={graphProps}\n            CustomBarElement={CustomBarElement}\n            correctness={d.correctness}\n            correctData={correctData}\n          />\n        ))}\n      </Group>\n    );\n  }\n}\n\nexport default Plot;\n"],"mappings":"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","ignoreList":[]}

package/lib/plot/dot.js

@@ -0,0 +1,110 @@
+"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 _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("@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");
+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,
+    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;
+  var EXTRA_PADDING = 2;
+  return dottedOverline ? /*#__PURE__*/_react["default"].createElement(_shape.Circle, {
+    key: "point-".concat(label, "-").concat(value, "-").concat(index),
+    cx: cx,
+    cy: cy,
+    r: r + EXTRA_PADDING,
+    strokeDasharray: "4,4",
+    stroke: _renderUi.color.defaults.BORDER_GRAY,
+    fill: "none"
+  }) : /*#__PURE__*/_react["default"].createElement(StyledCircle, {
+    key: "point-".concat(label, "-").concat(value, "-").concat(index),
+    cx: cx,
+    cy: cy,
+    r: r
+  });
+};
+CustomBarElement.propTypes = {
+  index: _propTypes["default"].number,
+  pointDiameter: _propTypes["default"].number,
+  barX: _propTypes["default"].number,
+  barWidth: _propTypes["default"].number,
+  pointHeight: _propTypes["default"].number,
+  value: _propTypes["default"].number,
+  label: _propTypes["default"].string,
+  scale: _propTypes["default"].object,
+  dottedOverline: _propTypes["default"].bool
+};
+var DotPlot = exports.DotPlot = /*#__PURE__*/function (_React$Component) {
+  function DotPlot() {
+    (0, _classCallCheck2["default"])(this, DotPlot);
+    return _callSuper(this, DotPlot, arguments);
+  }
+  (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;
+      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;
+      var xBand = (0, _utils.dataToXBand)(scale.x, data, size.width, 'dotPlot');
+      return /*#__PURE__*/_react["default"].createElement(_plot2["default"], (0, _extends2["default"])({}, props, {
+        xBand: xBand,
+        CustomBarElement: CustomBarElement
+      }));
+    }
+  }]);
+}(_react["default"].Component);
+(0, _defineProperty2["default"])(DotPlot, "propTypes", {
+  data: _propTypes["default"].array,
+  onChange: _propTypes["default"].func,
+  graphProps: _plot.types.GraphPropsType.isRequired
+});
+var _default = exports["default"] = function _default() {
+  return {
+    type: 'dotPlot',
+    Component: DotPlot,
+    name: 'Dot Plot'
+  };
+};
+//# sourceMappingURL=dot.js.map

package/lib/plot/dot.js.map

@@ -0,0 +1 @@
+{"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":[]}