@pie-lib/charting 5.36.3-next.2 → 5.36.3-next.205

package/lib/bars/common/bars.js

@@ -1,135 +1,96 @@
 "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.RawBar = exports.Bars = void 0;
-
 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 _group = require("@vx/group");
-
-var _shape = require("@vx/shape");
-
-var _index = require("@material-ui/core/styles/index");
-
+var _group = require("@visx/group");
+var _shape = require("@visx/shape");
+var _styles = require("@mui/material/styles");
 var _debug = _interopRequireDefault(require("debug"));
-
 var _renderUi = require("@pie-lib/render-ui");
-
 var _plot = require("@pie-lib/plot");
-
 var _utils = require("../../utils");
-
 var _dragHandle = _interopRequireWildcard(require("../../common/drag-handle"));
-
 var _correctCheckIcon = require("./correct-check-icon");
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-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 _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 histogramColors = ['#006699', '#F59B00', '#08916D', '#529EE0', '#52B7D8', '#D9A6C2', '#FFB03B', '#54A77B', '#E16032', '#4FD2D2', '#F0E442', '#E287B2'];
 var hoverHistogramColors = ['#003754', '#975616', '#00503B', '#225982', '#1F687D', '#825E6F', '#996428', '#255E44', '#8A331F', '#167A7A', '#91862D', '#894A65'];
-
 var calculateFillColor = function calculateFillColor(isHovered, barColor, index, hoverHistogramColors, allowRolloverEvent) {
   if (isHovered && barColor && allowRolloverEvent) {
     return hoverHistogramColors[index % hoverHistogramColors.length];
   }
-
   if (isHovered && allowRolloverEvent) {
     return _renderUi.color.visualElementsColors.ROLLOVER_FILL_BAR_COLOR;
   }
-
   return barColor || null;
 };
-
-var RawBar = /*#__PURE__*/function (_React$Component) {
-  (0, _inherits2["default"])(RawBar, _React$Component);
-
-  var _super = _createSuper(RawBar);
-
+var StyledVisxBar = (0, _styles.styled)(_shape.Bar)(function () {
+  return {
+    fill: _renderUi.color.defaults.TERTIARY
+  };
+});
+var RawBar = exports.RawBar = /*#__PURE__*/function (_React$Component) {
   function RawBar(props) {
     var _this;
-
     (0, _classCallCheck2["default"])(this, RawBar);
-    _this = _super.call(this, props);
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handleMouseMove", function (e) {
-      // Update mouse position
+    _this = _callSuper(this, RawBar, [props]);
+    (0, _defineProperty2["default"])(_this, "handleMouseMove", function (e) {
       _this.mouseX = e.clientX;
-      _this.mouseY = e.clientY; // Check if the mouse is inside the <g> element
-
+      _this.mouseY = e.clientY;
       var isMouseInside = _this.isMouseInsideSvgElement();
-
       _this.setState({
         isHovered: isMouseInside
       });
     });
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "isMouseInsideSvgElement", function () {
-      var gBoundingBox = _this.gRef.getBoundingClientRect(); // Check if the mouse position is within the bounding box
-
-
+    (0, _defineProperty2["default"])(_this, "isMouseInsideSvgElement", function () {
+      var gBoundingBox = _this.gRef.getBoundingClientRect();
       return _this.mouseX >= gBoundingBox.left && _this.mouseX <= gBoundingBox.right && _this.mouseY >= gBoundingBox.top && _this.mouseY <= gBoundingBox.bottom;
     });
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handleMouseEnter", function () {
-      _this.setState({
+    (0, _defineProperty2["default"])(_this, "handleMouseEnter", function () {
+      return _this.setState({
         isHovered: true
       });
     });
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handleMouseLeave", function () {
-      _this.setState({
+    (0, _defineProperty2["default"])(_this, "handleMouseLeave", function () {
+      return _this.setState({
         isHovered: false
       });
     });
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "setDragValue", function (dragValue) {
+    (0, _defineProperty2["default"])(_this, "setDragValue", function (dragValue) {
       return _this.setState({
         dragValue: dragValue
       });
     });
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "dragStop", function () {
+    (0, _defineProperty2["default"])(_this, "dragStop", function () {
       var _this$props = _this.props,
-          label = _this$props.label,
-          onChangeCategory = _this$props.onChangeCategory;
+        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"])((0, _assertThisInitialized2["default"])(_this), "dragValue", function (existing, next) {
+    (0, _defineProperty2["default"])(_this, "dragValue", function (existing, next) {
       log('[dragValue] next:', next);
-
       _this.setDragValue(next);
     });
     _this.state = {
@@ -140,8 +101,8 @@ var RawBar = /*#__PURE__*/function (_React$Component) {
     _this.mouseY = 0;
     return _this;
   }
-
-  (0, _createClass2["default"])(RawBar, [{
+  (0, _inherits2["default"])(RawBar, _React$Component);
+  return (0, _createClass2["default"])(RawBar, [{
     key: "componentDidMount",
     value: function componentDidMount() {
       window.addEventListener('mousemove', this.handleMouseMove);
@@ -155,24 +116,22 @@ var RawBar = /*#__PURE__*/function (_React$Component) {
     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,
-          classes = _this$props2.classes,
-          xBand = _this$props2.xBand,
-          index = _this$props2.index,
-          interactive = _this$props2.interactive,
-          correctness = _this$props2.correctness,
-          barColor = _this$props2.barColor,
-          defineChart = _this$props2.defineChart,
-          correctData = _this$props2.correctData;
+        graphProps = _this$props2.graphProps,
+        value = _this$props2.value,
+        label = _this$props2.label,
+        xBand = _this$props2.xBand,
+        index = _this$props2.index,
+        interactive = _this$props2.interactive,
+        correctness = _this$props2.correctness,
+        barColor = _this$props2.barColor,
+        defineChart = _this$props2.defineChart,
+        correctData = _this$props2.correctData;
       var scale = graphProps.scale,
-          range = graphProps.range;
+        range = graphProps.range;
       var _this$state = this.state,
-          dragValue = _this$state.dragValue,
-          isHovered = _this$state.isHovered;
+        dragValue = _this$state.dragValue,
+        isHovered = _this$state.isHovered;
       var allowRolloverEvent = interactive && !correctness;
       var fillColor = calculateFillColor(isHovered, barColor, index, hoverHistogramColors, allowRolloverEvent);
       var v = Number.isFinite(dragValue) ? dragValue : value;
@@ -186,7 +145,6 @@ var RawBar = /*#__PURE__*/function (_React$Component) {
       var correctValue = correctData ? correctData.find(function (d) {
         return d.label === label;
       }) : null;
-      log('label:', label, 'barX:', barX, 'v: ', v, 'barHeight:', barHeight, 'barWidth: ', barWidth);
       var Component = interactive ? _dragHandle["default"] : _dragHandle.DragHandle;
       var isHistogram = !!barColor;
       return /*#__PURE__*/_react["default"].createElement("g", {
@@ -197,12 +155,11 @@ var RawBar = /*#__PURE__*/function (_React$Component) {
         onMouseLeave: this.handleMouseLeave,
         onTouchStart: this.handleMouseEnter,
         onTouchEnd: this.handleMouseLeave
-      }, /*#__PURE__*/_react["default"].createElement(_shape.Bar, {
+      }, /*#__PURE__*/_react["default"].createElement(StyledVisxBar, {
         x: barX,
         y: scale.y(yy),
         width: barWidth,
         height: barHeight,
-        className: classes.bar,
         style: {
           fill: fillColor
         }
@@ -215,14 +172,11 @@ var RawBar = /*#__PURE__*/function (_React$Component) {
         var yDiff = scale.y(correctVal);
         var indicatorBarColor = correctPxHeight > actualPxHeight ? _renderUi.color.borderGray() : _renderUi.color.defaults.WHITE;
         var yToRender = correctPxHeight > actualPxHeight ? yDiff : yDiff - diffPx;
-        return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_shape.Bar, {
-          x: barX + 2 // add 2px for the stroke (the dashed border)
-          ,
+        return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(StyledVisxBar, {
+          x: barX + 2,
           y: yToRender,
-          width: barWidth - 4 // substract 4px for the total stroke
-          ,
+          width: barWidth - 4,
           height: diffPx,
-          className: classes.bar,
           style: {
             stroke: indicatorBarColor,
             strokeWidth: 2,
@@ -254,15 +208,11 @@ var RawBar = /*#__PURE__*/function (_React$Component) {
       }));
     }
   }]);
-  return RawBar;
 }(_react["default"].Component);
-
-exports.RawBar = RawBar;
 (0, _defineProperty2["default"])(RawBar, "propTypes", {
   barColor: _propTypes["default"].string,
   onChangeCategory: _propTypes["default"].func,
   value: _propTypes["default"].number,
-  classes: _propTypes["default"].object,
   label: _propTypes["default"].string,
   xBand: _propTypes["default"].func,
   index: _propTypes["default"].number.isRequired,
@@ -272,49 +222,27 @@ exports.RawBar = RawBar;
     value: _propTypes["default"].string,
     label: _propTypes["default"].string
   }),
-  correctData: _propTypes["default"].array
+  correctData: _propTypes["default"].array,
+  defineChart: _propTypes["default"].bool
 });
-var Bar = (0, _index.withStyles)(function (theme) {
-  return {
-    bar: {
-      fill: _renderUi.color.defaults.TERTIARY
-    },
-    correctIcon: {
-      backgroundColor: _renderUi.color.correct(),
-      borderRadius: theme.spacing.unit * 2,
-      color: _renderUi.color.defaults.WHITE,
-      fontSize: '10px',
-      width: '10px',
-      height: '10px',
-      padding: '2px',
-      border: "1px solid ".concat(_renderUi.color.defaults.WHITE),
-      boxSizing: 'unset' // to override the default border-box in IBX
-
-    }
-  };
-})(RawBar);
-
-var Bars = /*#__PURE__*/function (_React$Component2) {
-  (0, _inherits2["default"])(Bars, _React$Component2);
-
-  var _super2 = _createSuper(Bars);
-
+var Bar = RawBar;
+var Bars = exports.Bars = /*#__PURE__*/function (_React$Component2) {
   function Bars() {
     (0, _classCallCheck2["default"])(this, Bars);
-    return _super2.apply(this, arguments);
+    return _callSuper(this, Bars, arguments);
   }
-
-  (0, _createClass2["default"])(Bars, [{
+  (0, _inherits2["default"])(Bars, _React$Component2);
+  return (0, _createClass2["default"])(Bars, [{
     key: "render",
     value: function render() {
       var _this$props3 = this.props,
-          data = _this$props3.data,
-          graphProps = _this$props3.graphProps,
-          xBand = _this$props3.xBand,
-          _onChangeCategory = _this$props3.onChangeCategory,
-          defineChart = _this$props3.defineChart,
-          histogram = _this$props3.histogram,
-          correctData = _this$props3.correctData;
+        data = _this$props3.data,
+        graphProps = _this$props3.graphProps,
+        xBand = _this$props3.xBand,
+        _onChangeCategory = _this$props3.onChangeCategory,
+        defineChart = _this$props3.defineChart,
+        histogram = _this$props3.histogram,
+        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,
@@ -335,10 +263,7 @@ var Bars = /*#__PURE__*/function (_React$Component2) {
       }));
     }
   }]);
-  return Bars;
 }(_react["default"].Component);
-
-exports.Bars = Bars;
 (0, _defineProperty2["default"])(Bars, "propTypes", {
   data: _propTypes["default"].array,
   correctData: _propTypes["default"].array,
@@ -348,6 +273,5 @@ exports.Bars = Bars;
   graphProps: _plot.types.GraphPropsType.isRequired,
   histogram: _propTypes["default"].bool
 });
-var _default = Bars;
-exports["default"] = _default;
+var _default = exports["default"] = Bars;
 //# sourceMappingURL=bars.js.map

package/lib/bars/common/bars.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/bars/common/bars.jsx"],"names":["log","histogramColors","hoverHistogramColors","calculateFillColor","isHovered","barColor","index","allowRolloverEvent","length","color","visualElementsColors","ROLLOVER_FILL_BAR_COLOR","RawBar","props","e","mouseX","clientX","mouseY","clientY","isMouseInside","isMouseInsideSvgElement","setState","gBoundingBox","gRef","getBoundingClientRect","left","right","top","bottom","dragValue","label","onChangeCategory","state","undefined","value","setDragValue","existing","next","window","addEventListener","handleMouseMove","removeEventListener","graphProps","classes","xBand","interactive","correctness","defineChart","correctData","scale","range","fillColor","v","Number","isFinite","barWidth","bandwidth","barHeight","y","max","barX","rawY","yy","correctValue","find","d","Component","DraggableHandle","DragHandle","isHistogram","ref","handleMouseEnter","handleMouseLeave","bar","fill","correctVal","parseFloat","isNaN","correctPxHeight","actualPxHeight","diffPx","Math","abs","yDiff","indicatorBarColor","borderGray","defaults","WHITE","yToRender","stroke","strokeWidth","strokeDasharray","dragStop","React","PropTypes","string","func","number","object","isRequired","types","GraphPropsType","bool","shape","array","Bar","theme","TERTIARY","correctIcon","backgroundColor","correct","borderRadius","spacing","unit","fontSize","width","height","padding","border","boxSizing","Bars","data","histogram","map","category"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { Group } from '@vx/group';\nimport { Bar as VxBar } from '@vx/shape';\nimport { withStyles } from '@material-ui/core/styles/index';\nimport debug from 'debug';\n\nimport { color } from '@pie-lib/render-ui';\nimport { types } from '@pie-lib/plot';\nimport { bandKey } from '../../utils';\nimport DraggableHandle, { DragHandle } from '../../common/drag-handle';\nimport { CorrectCheckIcon } from './correct-check-icon';\n\nconst log = debug('pie-lib:chart:bars');\nconst histogramColors = [\n  '#006699',\n  '#F59B00',\n  '#08916D',\n  '#529EE0',\n  '#52B7D8',\n  '#D9A6C2',\n  '#FFB03B',\n  '#54A77B',\n  '#E16032',\n  '#4FD2D2',\n  '#F0E442',\n  '#E287B2',\n];\nconst hoverHistogramColors = [\n  '#003754',\n  '#975616',\n  '#00503B',\n  '#225982',\n  '#1F687D',\n  '#825E6F',\n  '#996428',\n  '#255E44',\n  '#8A331F',\n  '#167A7A',\n  '#91862D',\n  '#894A65',\n];\n\nconst calculateFillColor = (isHovered, barColor, index, hoverHistogramColors, allowRolloverEvent) => {\n  if (isHovered && barColor && allowRolloverEvent) {\n    return hoverHistogramColors[index % hoverHistogramColors.length];\n  }\n  if (isHovered && allowRolloverEvent) {\n    return color.visualElementsColors.ROLLOVER_FILL_BAR_COLOR;\n  }\n  return barColor || null;\n};\n\nexport class RawBar extends React.Component {\n  static propTypes = {\n    barColor: PropTypes.string,\n    onChangeCategory: PropTypes.func,\n    value: PropTypes.number,\n    classes: PropTypes.object,\n    label: PropTypes.string,\n    xBand: PropTypes.func,\n    index: PropTypes.number.isRequired,\n    graphProps: types.GraphPropsType.isRequired,\n    interactive: PropTypes.bool,\n    correctness: PropTypes.shape({\n      value: PropTypes.string,\n      label: PropTypes.string,\n    }),\n    correctData: PropTypes.array,\n  };\n\n  constructor(props) {\n    super(props);\n    this.state = {\n      dragValue: undefined,\n      isHovered: false,\n    };\n    this.mouseX = 0;\n    this.mouseY = 0;\n  }\n\n  componentDidMount() {\n    window.addEventListener('mousemove', this.handleMouseMove);\n  }\n\n  componentWillUnmount() {\n    window.removeEventListener('mousemove', this.handleMouseMove);\n  }\n\n  handleMouseMove = (e) => {\n    // Update mouse position\n    this.mouseX = e.clientX;\n    this.mouseY = e.clientY;\n    // Check if the mouse is inside the <g> element\n    const isMouseInside = this.isMouseInsideSvgElement();\n    this.setState({ isHovered: isMouseInside });\n  };\n\n  isMouseInsideSvgElement = () => {\n    const gBoundingBox = this.gRef.getBoundingClientRect();\n    // Check if the mouse position is within the bounding box\n    return (\n      this.mouseX >= gBoundingBox.left &&\n      this.mouseX <= gBoundingBox.right &&\n      this.mouseY >= gBoundingBox.top &&\n      this.mouseY <= gBoundingBox.bottom\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  render() {\n    const {\n      graphProps,\n      value,\n      label,\n      classes,\n      xBand,\n      index,\n      interactive,\n      correctness,\n      barColor,\n      defineChart,\n      correctData,\n    } = this.props;\n    const { scale, range } = graphProps;\n    const { dragValue, isHovered } = this.state;\n\n    const allowRolloverEvent = interactive && !correctness;\n    const fillColor = calculateFillColor(isHovered, barColor, index, hoverHistogramColors, allowRolloverEvent);\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    const rawY = range.max - v;\n    const yy = range.max - rawY;\n    const correctValue = correctData ? correctData.find((d) => d.label === label) : null;\n    log('label:', label, 'barX:', barX, 'v: ', v, 'barHeight:', barHeight, 'barWidth: ', barWidth);\n\n    const Component = interactive ? DraggableHandle : DragHandle;\n    const isHistogram = !!barColor;\n\n    return (\n      <g\n        ref={(ref) => (this.gRef = ref)}\n        onMouseEnter={this.handleMouseEnter}\n        onMouseLeave={this.handleMouseLeave}\n        onTouchStart={this.handleMouseEnter}\n        onTouchEnd={this.handleMouseLeave}\n      >\n        <VxBar\n          x={barX}\n          y={scale.y(yy)}\n          width={barWidth}\n          height={barHeight}\n          className={classes.bar}\n          style={{ fill: fillColor }}\n        />\n        {correctness &&\n          correctness.value === 'incorrect' &&\n          (() => {\n            const correctVal = parseFloat(correctValue && correctValue.value);\n            if (isNaN(correctVal)) return null;\n            const correctPxHeight = scale.y(range.max - correctVal);\n            const actualPxHeight = barHeight;\n            const diffPx = Math.abs(correctPxHeight - actualPxHeight);\n            const yDiff = scale.y(correctVal);\n            const indicatorBarColor = correctPxHeight > actualPxHeight ? color.borderGray() : color.defaults.WHITE;\n            const yToRender = correctPxHeight > actualPxHeight ? yDiff : yDiff - diffPx;\n\n            return (\n              <>\n                <VxBar\n                  x={barX + 2} // add 2px for the stroke (the dashed border)\n                  y={yToRender}\n                  width={barWidth - 4} // substract 4px for the total stroke\n                  height={diffPx}\n                  className={classes.bar}\n                  style={{\n                    stroke: indicatorBarColor,\n                    strokeWidth: 2,\n                    strokeDasharray: '5,2',\n                    fill: 'none',\n                  }}\n                />\n                {/* adjust the position based on whether it's a histogram or not, because the histogram does not have space for the icon on the side */}\n                <foreignObject x={barX + barWidth - (isHistogram ? 24 : 14)} y={yDiff - 12} width={24} height={24}>\n                  <CorrectCheckIcon dashColor={indicatorBarColor} />\n                </foreignObject>\n              </>\n            );\n          })()}\n        <Component\n          x={barX}\n          y={v}\n          defineChart={defineChart}\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          color={fillColor}\n        />\n      </g>\n    );\n  }\n}\n\nconst Bar = withStyles((theme) => ({\n  bar: {\n    fill: color.defaults.TERTIARY,\n  },\n  correctIcon: {\n    backgroundColor: color.correct(),\n    borderRadius: theme.spacing.unit * 2,\n    color: color.defaults.WHITE,\n    fontSize: '10px',\n    width: '10px',\n    height: '10px',\n    padding: '2px',\n    border: `1px solid ${color.defaults.WHITE}`,\n    boxSizing: 'unset', // to override the default border-box in IBX\n  },\n}))(RawBar);\n\nexport class Bars extends React.Component {\n  static propTypes = {\n    data: PropTypes.array,\n    correctData: PropTypes.array,\n    onChangeCategory: PropTypes.func,\n    defineChart: PropTypes.bool,\n    xBand: PropTypes.func,\n    graphProps: types.GraphPropsType.isRequired,\n    histogram: PropTypes.bool,\n  };\n\n  render() {\n    const { data, graphProps, xBand, onChangeCategory, defineChart, histogram, correctData } = this.props;\n\n    return (\n      <Group>\n        {(data || []).map((d, index) => (\n          <Bar\n            value={d.value}\n            interactive={defineChart || d.interactive}\n            defineChart={defineChart}\n            label={d.label}\n            xBand={xBand}\n            index={index}\n            key={`bar-${d.label}-${d.value}-${index}`}\n            onChangeCategory={(category) => onChangeCategory(index, category)}\n            graphProps={graphProps}\n            correctness={d.correctness}\n            correctData={correctData}\n            barColor={\n              histogram &&\n              (histogramColors[index] ? histogramColors[index] : histogramColors[index % histogramColors.length])\n            }\n          />\n        ))}\n      </Group>\n    );\n  }\n}\n\nexport default Bars;\n"],"file":"bars.js"}
+{"version":3,"file":"bars.js","names":["_react","_interopRequireDefault","require","_propTypes","_group","_shape","_styles","_debug","_renderUi","_plot","_utils","_dragHandle","_interopRequireWildcard","_correctCheckIcon","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","histogramColors","hoverHistogramColors","calculateFillColor","isHovered","barColor","index","allowRolloverEvent","length","color","visualElementsColors","ROLLOVER_FILL_BAR_COLOR","StyledVisxBar","styled","VisxBar","fill","defaults","TERTIARY","RawBar","exports","_React$Component","props","_this","_classCallCheck2","_defineProperty2","mouseX","clientX","mouseY","clientY","isMouseInside","isMouseInsideSvgElement","setState","gBoundingBox","gRef","getBoundingClientRect","left","right","top","bottom","dragValue","_this$props","label","onChangeCategory","state","undefined","value","setDragValue","existing","next","_inherits2","_createClass2","key","componentDidMount","window","addEventListener","handleMouseMove","componentWillUnmount","removeEventListener","render","_this2","_this$props2","graphProps","xBand","interactive","correctness","defineChart","correctData","scale","range","_this$state","fillColor","v","Number","isFinite","barWidth","bandwidth","barHeight","y","max","barX","bandKey","rawY","yy","correctValue","find","d","Component","DraggableHandle","DragHandle","isHistogram","createElement","ref","onMouseEnter","handleMouseEnter","onMouseLeave","handleMouseLeave","onTouchStart","onTouchEnd","x","width","height","style","correctVal","parseFloat","isNaN","correctPxHeight","actualPxHeight","diffPx","Math","abs","yDiff","indicatorBarColor","borderGray","WHITE","yToRender","Fragment","stroke","strokeWidth","strokeDasharray","CorrectCheckIcon","dashColor","onDrag","onDragStop","dragStop","React","PropTypes","string","func","number","isRequired","types","GraphPropsType","bool","shape","array","Bar","Bars","_React$Component2","arguments","_this$props3","data","histogram","Group","map","concat","category","_default"],"sources":["../../../src/bars/common/bars.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { Group } from '@visx/group';\nimport { Bar as VisxBar } from '@visx/shape';\nimport { styled } from '@mui/material/styles';\nimport debug from 'debug';\n\nimport { color } from '@pie-lib/render-ui';\nimport { types } from '@pie-lib/plot';\nimport { bandKey } from '../../utils';\nimport DraggableHandle, { DragHandle } from '../../common/drag-handle';\nimport { CorrectCheckIcon } from './correct-check-icon';\n\nconst log = debug('pie-lib:chart:bars');\nconst histogramColors = [\n  '#006699',\n  '#F59B00',\n  '#08916D',\n  '#529EE0',\n  '#52B7D8',\n  '#D9A6C2',\n  '#FFB03B',\n  '#54A77B',\n  '#E16032',\n  '#4FD2D2',\n  '#F0E442',\n  '#E287B2',\n];\nconst hoverHistogramColors = [\n  '#003754',\n  '#975616',\n  '#00503B',\n  '#225982',\n  '#1F687D',\n  '#825E6F',\n  '#996428',\n  '#255E44',\n  '#8A331F',\n  '#167A7A',\n  '#91862D',\n  '#894A65',\n];\n\nconst calculateFillColor = (isHovered, barColor, index, hoverHistogramColors, allowRolloverEvent) => {\n  if (isHovered && barColor && allowRolloverEvent) {\n    return hoverHistogramColors[index % hoverHistogramColors.length];\n  }\n  if (isHovered && allowRolloverEvent) {\n    return color.visualElementsColors.ROLLOVER_FILL_BAR_COLOR;\n  }\n  return barColor || null;\n};\n\nconst StyledVisxBar = styled(VisxBar)(() => ({\n  fill: color.defaults.TERTIARY,\n}));\n\nexport class RawBar extends React.Component {\n  static propTypes = {\n    barColor: PropTypes.string,\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    interactive: PropTypes.bool,\n    correctness: PropTypes.shape({\n      value: PropTypes.string,\n      label: PropTypes.string,\n    }),\n    correctData: PropTypes.array,\n    defineChart: PropTypes.bool,\n  };\n\n  constructor(props) {\n    super(props);\n    this.state = {\n      dragValue: undefined,\n      isHovered: false,\n    };\n    this.mouseX = 0;\n    this.mouseY = 0;\n  }\n\n  componentDidMount() {\n    window.addEventListener('mousemove', this.handleMouseMove);\n  }\n\n  componentWillUnmount() {\n    window.removeEventListener('mousemove', this.handleMouseMove);\n  }\n\n  handleMouseMove = (e) => {\n    this.mouseX = e.clientX;\n    this.mouseY = e.clientY;\n    const isMouseInside = this.isMouseInsideSvgElement();\n    this.setState({ isHovered: isMouseInside });\n  };\n\n  isMouseInsideSvgElement = () => {\n    const gBoundingBox = this.gRef.getBoundingClientRect();\n    return (\n      this.mouseX >= gBoundingBox.left &&\n      this.mouseX <= gBoundingBox.right &&\n      this.mouseY >= gBoundingBox.top &&\n      this.mouseY <= gBoundingBox.bottom\n    );\n  };\n\n  handleMouseEnter = () => this.setState({ isHovered: true });\n  handleMouseLeave = () => this.setState({ isHovered: false });\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  render() {\n    const {\n      graphProps,\n      value,\n      label,\n      xBand,\n      index,\n      interactive,\n      correctness,\n      barColor,\n      defineChart,\n      correctData,\n    } = this.props;\n    const { scale, range } = graphProps;\n    const { dragValue, isHovered } = this.state;\n\n    const allowRolloverEvent = interactive && !correctness;\n    const fillColor = calculateFillColor(isHovered, barColor, index, hoverHistogramColors, allowRolloverEvent);\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    const rawY = range.max - v;\n    const yy = range.max - rawY;\n    const correctValue = correctData ? correctData.find((d) => d.label === label) : null;\n\n    const Component = interactive ? DraggableHandle : DragHandle;\n    const isHistogram = !!barColor;\n\n    return (\n      <g\n        ref={(ref) => (this.gRef = ref)}\n        onMouseEnter={this.handleMouseEnter}\n        onMouseLeave={this.handleMouseLeave}\n        onTouchStart={this.handleMouseEnter}\n        onTouchEnd={this.handleMouseLeave}\n      >\n        <StyledVisxBar\n          x={barX}\n          y={scale.y(yy)}\n          width={barWidth}\n          height={barHeight}\n          style={{ fill: fillColor }}\n        />\n        {correctness && correctness.value === 'incorrect' && (() => {\n          const correctVal = parseFloat(correctValue && correctValue.value);\n          if (isNaN(correctVal)) return null;\n          const correctPxHeight = scale.y(range.max - correctVal);\n          const actualPxHeight = barHeight;\n          const diffPx = Math.abs(correctPxHeight - actualPxHeight);\n          const yDiff = scale.y(correctVal);\n          const indicatorBarColor = correctPxHeight > actualPxHeight ? color.borderGray() : color.defaults.WHITE;\n          const yToRender = correctPxHeight > actualPxHeight ? yDiff : yDiff - diffPx;\n\n          return (\n            <>\n              <StyledVisxBar\n                x={barX + 2}\n                y={yToRender}\n                width={barWidth - 4}\n                height={diffPx}\n                style={{ stroke: indicatorBarColor, strokeWidth: 2, strokeDasharray: '5,2', fill: 'none' }}\n              />\n              <foreignObject\n                x={barX + barWidth - (isHistogram ? 24 : 14)}\n                y={yDiff - 12}\n                width={24}\n                height={24}\n              >\n                <CorrectCheckIcon dashColor={indicatorBarColor} />\n              </foreignObject>\n            </>\n          );\n        })()}\n        <Component\n          x={barX}\n          y={v}\n          defineChart={defineChart}\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          color={fillColor}\n        />\n      </g>\n    );\n  }\n}\n\nconst Bar = RawBar;\n\nexport class Bars extends React.Component {\n  static propTypes = {\n    data: PropTypes.array,\n    correctData: PropTypes.array,\n    onChangeCategory: PropTypes.func,\n    defineChart: PropTypes.bool,\n    xBand: PropTypes.func,\n    graphProps: types.GraphPropsType.isRequired,\n    histogram: PropTypes.bool,\n  };\n\n  render() {\n    const { data, graphProps, xBand, onChangeCategory, defineChart, histogram, correctData } = this.props;\n\n    return (\n      <Group>\n        {(data || []).map((d, index) => (\n          <Bar\n            value={d.value}\n            interactive={defineChart || d.interactive}\n            defineChart={defineChart}\n            label={d.label}\n            xBand={xBand}\n            index={index}\n            key={`bar-${d.label}-${d.value}-${index}`}\n            onChangeCategory={(category) => onChangeCategory(index, category)}\n            graphProps={graphProps}\n            correctness={d.correctness}\n            correctData={correctData}\n            barColor={\n              histogram && (histogramColors[index] ? histogramColors[index] : histogramColors[index % histogramColors.length])\n            }\n          />\n        ))}\n      </Group>\n    );\n  }\n}\n\nexport default Bars;\n"],"mappings":"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","ignoreList":[]}

package/lib/bars/common/correct-check-icon.js

@@ -1,15 +1,13 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.CorrectCheckIcon = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
-var CorrectCheckIcon = function CorrectCheckIcon(_ref) {
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var CorrectCheckIcon = exports.CorrectCheckIcon = function CorrectCheckIcon(_ref) {
   var dashColor = _ref.dashColor;
   return /*#__PURE__*/_react["default"].createElement("svg", {
     width: "24",
@@ -50,6 +48,7 @@ var CorrectCheckIcon = function CorrectCheckIcon(_ref) {
     mask: "url(#path-2-outside-1_3089_3799)"
   }));
 };
-
-exports.CorrectCheckIcon = CorrectCheckIcon;
+CorrectCheckIcon.propTypes = {
+  dashColor: _propTypes["default"].string
+};
 //# sourceMappingURL=correct-check-icon.js.map

package/lib/bars/common/correct-check-icon.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/bars/common/correct-check-icon.jsx"],"names":["CorrectCheckIcon","dashColor"],"mappings":";;;;;;;;;AAAA;;AAEO,IAAMA,gBAAgB,GAAG,SAAnBA,gBAAmB;AAAA,MAAGC,SAAH,QAAGA,SAAH;AAAA,sBAC9B;AAAK,IAAA,KAAK,EAAC,IAAX;AAAgB,IAAA,MAAM,EAAC,IAAvB;AAA4B,IAAA,OAAO,EAAC,WAApC;AAAgD,IAAA,IAAI,EAAC,MAArD;AAA4D,IAAA,KAAK,EAAC;AAAlE,kBACE;AAAQ,IAAA,EAAE,EAAC,IAAX;AAAgB,IAAA,EAAE,EAAC,IAAnB;AAAwB,IAAA,CAAC,EAAC,IAA1B;AAA+B,IAAA,IAAI,EAAC,OAApC;AAA4C,IAAA,MAAM,EAAEA,SAAS,IAAI,SAAjE;AAA4E,IAAA,WAAW,EAAC,GAAxF;AAA4F,IAAA,eAAe,EAAC;AAA5G,IADF,eAEE;AAAM,IAAA,EAAE,EAAC,4BAAT;AAAsC,IAAA,SAAS,EAAC,gBAAhD;AAAiE,IAAA,CAAC,EAAC,GAAnE;AAAuE,IAAA,CAAC,EAAC,GAAzE;AAA6E,IAAA,KAAK,EAAC,IAAnF;AAAwF,IAAA,MAAM,EAAC,IAA/F;AAAoG,IAAA,IAAI,EAAC;AAAzG,kBACE;AAAM,IAAA,IAAI,EAAC,OAAX;AAAmB,IAAA,CAAC,EAAC,GAArB;AAAyB,IAAA,CAAC,EAAC,GAA3B;AAA+B,IAAA,KAAK,EAAC,IAArC;AAA0C,IAAA,MAAM,EAAC;AAAjD,IADF,eAEE;AAAM,IAAA,CAAC,EAAC;AAAR,IAFF,CAFF,eAME;AACE,IAAA,CAAC,EAAC,qfADJ;AAEE,IAAA,IAAI,EAAC;AAFP,IANF,eAUE;AACE,IAAA,CAAC,EAAC,2+FADJ;AAEE,IAAA,IAAI,EAAC,OAFP;AAGE,IAAA,IAAI,EAAC;AAHP,IAVF,CAD8B;AAAA,CAAzB","sourcesContent":["import React from 'react';\n\nexport const CorrectCheckIcon = ({ dashColor }) => (\n  <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n    <circle cx=\"12\" cy=\"12\" r=\"11\" fill=\"white\" stroke={dashColor || '#7E8494'} strokeWidth=\"2\" strokeDasharray=\"5 5\" />\n    <mask id=\"path-2-outside-1_3089_3799\" maskUnits=\"userSpaceOnUse\" x=\"2\" y=\"3\" width=\"19\" height=\"18\" fill=\"black\">\n      <rect fill=\"white\" x=\"2\" y=\"3\" width=\"19\" height=\"18\" />\n      <path d=\"M12 20C9.125 20 6.5 18.5 5.0625 16C3.625 13.5312 3.625 10.5 5.0625 8C6.5 5.53125 9.125 4 12 4C14.8438 4 17.4688 5.53125 18.9062 8C20.3438 10.5 20.3438 13.5312 18.9062 16C17.4688 18.5 14.8438 20 12 20ZM15.5312 10.5312H15.5C15.8125 10.25 15.8125 9.78125 15.5 9.46875C15.2188 9.1875 14.75 9.1875 14.4688 9.46875L11 12.9688L9.53125 11.5C9.21875 11.1875 8.75 11.1875 8.46875 11.5C8.15625 11.7812 8.15625 12.25 8.46875 12.5312L10.4688 14.5312C10.75 14.8438 11.2188 14.8438 11.5312 14.5312L15.5312 10.5312Z\" />\n    </mask>\n    <path\n      d=\"M12 20C9.125 20 6.5 18.5 5.0625 16C3.625 13.5312 3.625 10.5 5.0625 8C6.5 5.53125 9.125 4 12 4C14.8438 4 17.4688 5.53125 18.9062 8C20.3438 10.5 20.3438 13.5312 18.9062 16C17.4688 18.5 14.8438 20 12 20ZM15.5312 10.5312H15.5C15.8125 10.25 15.8125 9.78125 15.5 9.46875C15.2188 9.1875 14.75 9.1875 14.4688 9.46875L11 12.9688L9.53125 11.5C9.21875 11.1875 8.75 11.1875 8.46875 11.5C8.15625 11.7812 8.15625 12.25 8.46875 12.5312L10.4688 14.5312C10.75 14.8438 11.2188 14.8438 11.5312 14.5312L15.5312 10.5312Z\"\n      fill=\"#0EA449\"\n    />\n    <path\n      d=\"M5.0625 16L5.92942 15.5015L5.92668 15.4968L5.0625 16ZM5.0625 8L4.19831 7.4968L4.19559 7.50153L5.0625 8ZM18.9062 8L19.7732 7.50152L19.7704 7.49681L18.9062 8ZM18.9062 16L18.0421 15.4968L18.0393 15.5015L18.9062 16ZM15.5312 10.5312L16.2384 11.2384L17.9455 9.53125H15.5312V10.5312ZM15.5 10.5312L14.831 9.78796L12.894 11.5312H15.5V10.5312ZM14.4688 9.46875L13.7616 8.76164L13.7585 8.76482L14.4688 9.46875ZM11 12.9688L10.2929 13.6759L11.0032 14.3861L11.7103 13.6727L11 12.9688ZM8.46875 11.5L9.13771 12.2433L9.17684 12.2081L9.21204 12.169L8.46875 11.5ZM8.46875 12.5312L9.17586 11.8241L9.15726 11.8055L9.13771 11.788L8.46875 12.5312ZM10.4688 14.5312L11.212 13.8623L11.1945 13.8427L11.1759 13.8241L10.4688 14.5312ZM12 20V19C9.479 19 7.18657 17.6879 5.92941 15.5015L5.0625 16L4.19559 16.4985C5.81343 19.3121 8.771 21 12 21V20ZM5.0625 16L5.92668 15.4968C4.6714 13.341 4.66824 10.6918 5.92941 8.49847L5.0625 8L4.19559 7.50153C2.58176 10.3082 2.5786 13.7215 4.19832 16.5032L5.0625 16ZM5.0625 8L5.92668 8.50319C7.18712 6.33851 9.48502 5 12 5V4V3C8.76498 3 5.81288 4.72399 4.19832 7.49681L5.0625 8ZM12 4V5C14.4816 5 16.7805 6.33661 18.0421 8.50319L18.9062 8L19.7704 7.49681C18.157 4.72589 15.2059 3 12 3V4ZM18.9062 8L18.0393 8.49847C19.3005 10.6918 19.2973 13.341 18.0421 15.4968L18.9062 16L19.7704 16.5032C21.3902 13.7215 21.387 10.3082 19.7732 7.50153L18.9062 8ZM18.9062 16L18.0393 15.5015C16.7811 17.6898 14.4876 19 12 19V20V21C15.1999 21 18.1564 19.3102 19.7732 16.4985L18.9062 16ZM15.5312 10.5312V9.53125H15.5V10.5312V11.5312H15.5312V10.5312ZM15.5 10.5312L16.169 11.2745C16.9447 10.5764 16.8883 9.44281 16.2071 8.76164L15.5 9.46875L14.7929 10.1759C14.7696 10.1525 14.7344 10.0966 14.7344 10.0117C14.7344 9.92377 14.7735 9.83972 14.831 9.78796L15.5 10.5312ZM15.5 9.46875L16.2071 8.76164C15.5353 8.08987 14.4334 8.08987 13.7616 8.76164L14.4688 9.46875L15.1759 10.1759C15.1167 10.235 15.0442 10.2578 14.9844 10.2578C14.9245 10.2578 14.8521 10.235 14.7929 10.1759L15.5 9.46875ZM14.4688 9.46875L13.7585 8.76482L10.2897 12.2648L11 12.9688L11.7103 13.6727L15.179 10.1727L14.4688 9.46875ZM11 12.9688L11.7071 12.2616L10.2384 10.7929L9.53125 11.5L8.82414 12.2071L10.2929 13.6759L11 12.9688ZM9.53125 11.5L10.2384 10.7929C9.55719 10.1117 8.42362 10.0553 7.72546 10.831L8.46875 11.5L9.21204 12.169C9.16028 12.2265 9.07623 12.2656 8.98828 12.2656C8.90344 12.2656 8.84748 12.2304 8.82414 12.2071L9.53125 11.5ZM8.46875 11.5L7.79979 10.7567C7.04591 11.4352 7.04591 12.5961 7.79979 13.2745L8.46875 12.5312L9.13771 11.788C9.19301 11.8377 9.23438 11.9208 9.23438 12.0156C9.23438 12.1105 9.19301 12.1935 9.13771 12.2433L8.46875 11.5ZM8.46875 12.5312L7.76164 13.2384L9.76164 15.2384L10.4688 14.5312L11.1759 13.8241L9.17586 11.8241L8.46875 12.5312ZM10.4688 14.5312L9.72546 15.2002C10.4236 15.976 11.5572 15.9195 12.2384 15.2384L11.5312 14.5312L10.8241 13.8241C10.8475 13.8008 10.9034 13.7656 10.9883 13.7656C11.0762 13.7656 11.1603 13.8048 11.212 13.8623L10.4688 14.5312ZM11.5312 14.5312L12.2384 15.2384L16.2384 11.2384L15.5312 10.5312L14.8241 9.82414L10.8241 13.8241L11.5312 14.5312Z\"\n      fill=\"white\"\n      mask=\"url(#path-2-outside-1_3089_3799)\"\n    />\n  </svg>\n);\n"],"file":"correct-check-icon.js"}
+{"version":3,"file":"correct-check-icon.js","names":["_react","_interopRequireDefault","require","_propTypes","CorrectCheckIcon","exports","_ref","dashColor","createElement","width","height","viewBox","fill","xmlns","cx","cy","r","stroke","strokeWidth","strokeDasharray","id","maskUnits","x","y","d","mask","propTypes","PropTypes","string"],"sources":["../../../src/bars/common/correct-check-icon.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nexport const CorrectCheckIcon = ({ dashColor }) => (\n  <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n    <circle cx=\"12\" cy=\"12\" r=\"11\" fill=\"white\" stroke={dashColor || '#7E8494'} strokeWidth=\"2\" strokeDasharray=\"5 5\" />\n    <mask id=\"path-2-outside-1_3089_3799\" maskUnits=\"userSpaceOnUse\" x=\"2\" y=\"3\" width=\"19\" height=\"18\" fill=\"black\">\n      <rect fill=\"white\" x=\"2\" y=\"3\" width=\"19\" height=\"18\" />\n      <path d=\"M12 20C9.125 20 6.5 18.5 5.0625 16C3.625 13.5312 3.625 10.5 5.0625 8C6.5 5.53125 9.125 4 12 4C14.8438 4 17.4688 5.53125 18.9062 8C20.3438 10.5 20.3438 13.5312 18.9062 16C17.4688 18.5 14.8438 20 12 20ZM15.5312 10.5312H15.5C15.8125 10.25 15.8125 9.78125 15.5 9.46875C15.2188 9.1875 14.75 9.1875 14.4688 9.46875L11 12.9688L9.53125 11.5C9.21875 11.1875 8.75 11.1875 8.46875 11.5C8.15625 11.7812 8.15625 12.25 8.46875 12.5312L10.4688 14.5312C10.75 14.8438 11.2188 14.8438 11.5312 14.5312L15.5312 10.5312Z\" />\n    </mask>\n    <path\n      d=\"M12 20C9.125 20 6.5 18.5 5.0625 16C3.625 13.5312 3.625 10.5 5.0625 8C6.5 5.53125 9.125 4 12 4C14.8438 4 17.4688 5.53125 18.9062 8C20.3438 10.5 20.3438 13.5312 18.9062 16C17.4688 18.5 14.8438 20 12 20ZM15.5312 10.5312H15.5C15.8125 10.25 15.8125 9.78125 15.5 9.46875C15.2188 9.1875 14.75 9.1875 14.4688 9.46875L11 12.9688L9.53125 11.5C9.21875 11.1875 8.75 11.1875 8.46875 11.5C8.15625 11.7812 8.15625 12.25 8.46875 12.5312L10.4688 14.5312C10.75 14.8438 11.2188 14.8438 11.5312 14.5312L15.5312 10.5312Z\"\n      fill=\"#0EA449\"\n    />\n    <path\n      d=\"M5.0625 16L5.92942 15.5015L5.92668 15.4968L5.0625 16ZM5.0625 8L4.19831 7.4968L4.19559 7.50153L5.0625 8ZM18.9062 8L19.7732 7.50152L19.7704 7.49681L18.9062 8ZM18.9062 16L18.0421 15.4968L18.0393 15.5015L18.9062 16ZM15.5312 10.5312L16.2384 11.2384L17.9455 9.53125H15.5312V10.5312ZM15.5 10.5312L14.831 9.78796L12.894 11.5312H15.5V10.5312ZM14.4688 9.46875L13.7616 8.76164L13.7585 8.76482L14.4688 9.46875ZM11 12.9688L10.2929 13.6759L11.0032 14.3861L11.7103 13.6727L11 12.9688ZM8.46875 11.5L9.13771 12.2433L9.17684 12.2081L9.21204 12.169L8.46875 11.5ZM8.46875 12.5312L9.17586 11.8241L9.15726 11.8055L9.13771 11.788L8.46875 12.5312ZM10.4688 14.5312L11.212 13.8623L11.1945 13.8427L11.1759 13.8241L10.4688 14.5312ZM12 20V19C9.479 19 7.18657 17.6879 5.92941 15.5015L5.0625 16L4.19559 16.4985C5.81343 19.3121 8.771 21 12 21V20ZM5.0625 16L5.92668 15.4968C4.6714 13.341 4.66824 10.6918 5.92941 8.49847L5.0625 8L4.19559 7.50153C2.58176 10.3082 2.5786 13.7215 4.19832 16.5032L5.0625 16ZM5.0625 8L5.92668 8.50319C7.18712 6.33851 9.48502 5 12 5V4V3C8.76498 3 5.81288 4.72399 4.19832 7.49681L5.0625 8ZM12 4V5C14.4816 5 16.7805 6.33661 18.0421 8.50319L18.9062 8L19.7704 7.49681C18.157 4.72589 15.2059 3 12 3V4ZM18.9062 8L18.0393 8.49847C19.3005 10.6918 19.2973 13.341 18.0421 15.4968L18.9062 16L19.7704 16.5032C21.3902 13.7215 21.387 10.3082 19.7732 7.50153L18.9062 8ZM18.9062 16L18.0393 15.5015C16.7811 17.6898 14.4876 19 12 19V20V21C15.1999 21 18.1564 19.3102 19.7732 16.4985L18.9062 16ZM15.5312 10.5312V9.53125H15.5V10.5312V11.5312H15.5312V10.5312ZM15.5 10.5312L16.169 11.2745C16.9447 10.5764 16.8883 9.44281 16.2071 8.76164L15.5 9.46875L14.7929 10.1759C14.7696 10.1525 14.7344 10.0966 14.7344 10.0117C14.7344 9.92377 14.7735 9.83972 14.831 9.78796L15.5 10.5312ZM15.5 9.46875L16.2071 8.76164C15.5353 8.08987 14.4334 8.08987 13.7616 8.76164L14.4688 9.46875L15.1759 10.1759C15.1167 10.235 15.0442 10.2578 14.9844 10.2578C14.9245 10.2578 14.8521 10.235 14.7929 10.1759L15.5 9.46875ZM14.4688 9.46875L13.7585 8.76482L10.2897 12.2648L11 12.9688L11.7103 13.6727L15.179 10.1727L14.4688 9.46875ZM11 12.9688L11.7071 12.2616L10.2384 10.7929L9.53125 11.5L8.82414 12.2071L10.2929 13.6759L11 12.9688ZM9.53125 11.5L10.2384 10.7929C9.55719 10.1117 8.42362 10.0553 7.72546 10.831L8.46875 11.5L9.21204 12.169C9.16028 12.2265 9.07623 12.2656 8.98828 12.2656C8.90344 12.2656 8.84748 12.2304 8.82414 12.2071L9.53125 11.5ZM8.46875 11.5L7.79979 10.7567C7.04591 11.4352 7.04591 12.5961 7.79979 13.2745L8.46875 12.5312L9.13771 11.788C9.19301 11.8377 9.23438 11.9208 9.23438 12.0156C9.23438 12.1105 9.19301 12.1935 9.13771 12.2433L8.46875 11.5ZM8.46875 12.5312L7.76164 13.2384L9.76164 15.2384L10.4688 14.5312L11.1759 13.8241L9.17586 11.8241L8.46875 12.5312ZM10.4688 14.5312L9.72546 15.2002C10.4236 15.976 11.5572 15.9195 12.2384 15.2384L11.5312 14.5312L10.8241 13.8241C10.8475 13.8008 10.9034 13.7656 10.9883 13.7656C11.0762 13.7656 11.1603 13.8048 11.212 13.8623L10.4688 14.5312ZM11.5312 14.5312L12.2384 15.2384L16.2384 11.2384L15.5312 10.5312L14.8241 9.82414L10.8241 13.8241L11.5312 14.5312Z\"\n      fill=\"white\"\n      mask=\"url(#path-2-outside-1_3089_3799)\"\n    />\n  </svg>\n);\n\nCorrectCheckIcon.propTypes = {\n  dashColor: PropTypes.string,\n};\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAF,sBAAA,CAAAC,OAAA;AAEO,IAAME,gBAAgB,GAAAC,OAAA,CAAAD,gBAAA,GAAG,SAAnBA,gBAAgBA,CAAAE,IAAA;EAAA,IAAMC,SAAS,GAAAD,IAAA,CAATC,SAAS;EAAA,oBAC1CP,MAAA,YAAAQ,aAAA;IAAKC,KAAK,EAAC,IAAI;IAACC,MAAM,EAAC,IAAI;IAACC,OAAO,EAAC,WAAW;IAACC,IAAI,EAAC,MAAM;IAACC,KAAK,EAAC;EAA4B,gBAC5Fb,MAAA,YAAAQ,aAAA;IAAQM,EAAE,EAAC,IAAI;IAACC,EAAE,EAAC,IAAI;IAACC,CAAC,EAAC,IAAI;IAACJ,IAAI,EAAC,OAAO;IAACK,MAAM,EAAEV,SAAS,IAAI,SAAU;IAACW,WAAW,EAAC,GAAG;IAACC,eAAe,EAAC;EAAK,CAAE,CAAC,eACpHnB,MAAA,YAAAQ,aAAA;IAAMY,EAAE,EAAC,4BAA4B;IAACC,SAAS,EAAC,gBAAgB;IAACC,CAAC,EAAC,GAAG;IAACC,CAAC,EAAC,GAAG;IAACd,KAAK,EAAC,IAAI;IAACC,MAAM,EAAC,IAAI;IAACE,IAAI,EAAC;EAAO,gBAC9GZ,MAAA,YAAAQ,aAAA;IAAMI,IAAI,EAAC,OAAO;IAACU,CAAC,EAAC,GAAG;IAACC,CAAC,EAAC,GAAG;IAACd,KAAK,EAAC,IAAI;IAACC,MAAM,EAAC;EAAI,CAAE,CAAC,eACxDV,MAAA,YAAAQ,aAAA;IAAMgB,CAAC,EAAC;EAAqf,CAAE,CAC3f,CAAC,eACPxB,MAAA,YAAAQ,aAAA;IACEgB,CAAC,EAAC,qfAAqf;IACvfZ,IAAI,EAAC;EAAS,CACf,CAAC,eACFZ,MAAA,YAAAQ,aAAA;IACEgB,CAAC,EAAC,2+FAA2+F;IAC7+FZ,IAAI,EAAC,OAAO;IACZa,IAAI,EAAC;EAAkC,CACxC,CACE,CAAC;AAAA,CACP;AAEDrB,gBAAgB,CAACsB,SAAS,GAAG;EAC3BnB,SAAS,EAAEoB,qBAAS,CAACC;AACvB,CAAC","ignoreList":[]}

package/lib/bars/histogram.js

@@ -1,63 +1,41 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = exports.Histogram = 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 _plot = require("@pie-lib/plot");
-
 var _utils = require("../utils");
-
 var _bars = _interopRequireDefault(require("./common/bars"));
-
-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 Histogram = /*#__PURE__*/function (_React$Component) {
-  (0, _inherits2["default"])(Histogram, _React$Component);
-
-  var _super = _createSuper(Histogram);
-
+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 Histogram = exports.Histogram = /*#__PURE__*/function (_React$Component) {
   function Histogram() {
     (0, _classCallCheck2["default"])(this, Histogram);
-    return _super.apply(this, arguments);
+    return _callSuper(this, Histogram, arguments);
   }
-
-  (0, _createClass2["default"])(Histogram, [{
+  (0, _inherits2["default"])(Histogram, _React$Component);
+  return (0, _createClass2["default"])(Histogram, [{
     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, 'histogram');
       return /*#__PURE__*/_react["default"].createElement(_bars["default"], (0, _extends2["default"])({}, props, {
         xBand: xBand,
@@ -65,23 +43,17 @@ var Histogram = /*#__PURE__*/function (_React$Component) {
       }));
     }
   }]);
-  return Histogram;
 }(_react["default"].Component);
-
-exports.Histogram = Histogram;
 (0, _defineProperty2["default"])(Histogram, "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: 'histogram',
     Component: Histogram,
     name: 'Histogram'
   };
 };
-
-exports["default"] = _default;
 //# sourceMappingURL=histogram.js.map