@pie-lib/charting 5.15.7 → 5.16.1-beta.0

package/lib/bars/bar.js

@@ -1,86 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = exports.Bar = 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 _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 Bar = /*#__PURE__*/function (_React$Component) {
-  (0, _inherits2["default"])(Bar, _React$Component);
-
-  var _super = _createSuper(Bar);
-
-  function Bar() {
-    (0, _classCallCheck2["default"])(this, Bar);
-    return _super.apply(this, arguments);
-  }
-
-  (0, _createClass2["default"])(Bar, [{
-    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, 'bar');
-      return /*#__PURE__*/_react["default"].createElement(_bars["default"], (0, _extends2["default"])({}, props, {
-        xBand: xBand
-      }));
-    }
-  }]);
-  return Bar;
-}(_react["default"].Component);
-
-exports.Bar = Bar;
-(0, _defineProperty2["default"])(Bar, "propTypes", {
-  data: _propTypes["default"].array,
-  onChange: _propTypes["default"].func,
-  graphProps: _plot.types.GraphPropsType.isRequired
-});
-
-var _default = function _default() {
-  return {
-    type: 'bar',
-    Component: Bar,
-    name: 'Bar'
-  };
-};
-
-exports["default"] = _default;
-//# sourceMappingURL=bar.js.map

package/lib/bars/bar.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/bars/bar.js"],"names":["Bar","props","data","graphProps","scale","size","xBand","x","width","React","Component","PropTypes","array","onChange","func","types","GraphPropsType","isRequired","type","name"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;;;;;IAEaA,G;;;;;;;;;;;;WAOX,kBAAS;AACP,UAAMC,KAAK,GAAG,KAAKA,KAAnB;AACA,UAAQC,IAAR,GAA6BD,KAA7B,CAAQC,IAAR;AAAA,UAAcC,UAAd,GAA6BF,KAA7B,CAAcE,UAAd;;AACA,iBAAkCA,UAAU,IAAI,EAAhD;AAAA,4BAAQC,KAAR;AAAA,UAAQA,KAAR,2BAAgB,EAAhB;AAAA,2BAAoBC,IAApB;AAAA,UAAoBA,IAApB,0BAA2B,EAA3B;;AACA,UAAMC,KAAK,GAAG,wBAAYF,KAAK,CAACG,CAAlB,EAAqBL,IAArB,EAA2BG,IAAI,CAACG,KAAhC,EAAuC,KAAvC,CAAd;AAEA,0BAAO,gCAAC,gBAAD,gCAAUP,KAAV;AAAiB,QAAA,KAAK,EAAEK;AAAxB,SAAP;AACD;;;EAdsBG,kBAAMC,S;;;iCAAlBV,G,eACQ;AACjBE,EAAAA,IAAI,EAAES,sBAAUC,KADC;AAEjBC,EAAAA,QAAQ,EAAEF,sBAAUG,IAFH;AAGjBX,EAAAA,UAAU,EAAEY,YAAMC,cAAN,CAAqBC;AAHhB,C;;eAgBN;AAAA,SAAO;AACpBC,IAAAA,IAAI,EAAE,KADc;AAEpBR,IAAAA,SAAS,EAAEV,GAFS;AAGpBmB,IAAAA,IAAI,EAAE;AAHc,GAAP;AAAA,C","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { types } from '@pie-lib/plot';\nimport { dataToXBand } from '../utils';\nimport Bars from './common/bars';\n\nexport class Bar 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, 'bar');\n\n    return <Bars {...props} xBand={xBand} />;\n  }\n}\n\nexport default () => ({\n  type: 'bar',\n  Component: Bar,\n  name: 'Bar',\n});\n"],"file":"bar.js"}

package/lib/bars/common/bars.js

@@ -1,267 +0,0 @@
-"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 _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 _group = require("@vx/group");
-
-var _renderUi = require("@pie-lib/render-ui");
-
-var _shape = require("@vx/shape");
-
-var _index = require("@material-ui/core/styles/index");
-
-var _debug = _interopRequireDefault(require("debug"));
-
-var _utils = require("../../utils");
-
-var _dragHandle = _interopRequireWildcard(require("../../common/drag-handle"));
-
-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; } }
-
-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) {
-  if (isHovered && barColor) {
-    return hoverHistogramColors[index % hoverHistogramColors.length];
-  }
-
-  if (isHovered) {
-    return _renderUi.color.primaryDark();
-  }
-
-  return barColor || null;
-};
-
-var RawBar = /*#__PURE__*/function (_React$Component) {
-  (0, _inherits2["default"])(RawBar, _React$Component);
-
-  var _super = _createSuper(RawBar);
-
-  function RawBar(props) {
-    var _this;
-
-    (0, _classCallCheck2["default"])(this, RawBar);
-    _this = _super.call(this, props);
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handleMouseEnter", function () {
-      _this.setState({
-        isHovered: true
-      });
-    });
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handleMouseLeave", function () {
-      _this.setState({
-        isHovered: false
-      });
-    });
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "setDragValue", function (dragValue) {
-      return _this.setState({
-        dragValue: dragValue
-      });
-    });
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["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"])((0, _assertThisInitialized2["default"])(_this), "dragValue", function (existing, next) {
-      log('[dragValue] next:', next);
-
-      _this.setDragValue(next);
-    });
-    _this.state = {
-      dragValue: undefined,
-      isHovered: false
-    };
-    return _this;
-  }
-
-  (0, _createClass2["default"])(RawBar, [{
-    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;
-      var scale = graphProps.scale,
-          range = graphProps.range;
-      var _this$state = this.state,
-          dragValue = _this$state.dragValue,
-          isHovered = _this$state.isHovered;
-      var fillColor = calculateFillColor(isHovered, barColor, index, hoverHistogramColors);
-      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));
-      var rawY = range.max - v;
-      var yy = range.max - rawY;
-      log('label:', label, 'barX:', barX, 'v: ', v, 'barHeight:', barHeight, 'barWidth: ', barWidth);
-      var Component = interactive ? _dragHandle["default"] : _dragHandle.DragHandle;
-      return /*#__PURE__*/_react["default"].createElement("g", {
-        onMouseEnter: this.handleMouseEnter,
-        onMouseLeave: this.handleMouseLeave
-      }, /*#__PURE__*/_react["default"].createElement(_shape.Bar, {
-        x: barX,
-        y: scale.y(yy),
-        width: barWidth,
-        height: barHeight,
-        className: classes.bar,
-        style: {
-          fill: fillColor
-        }
-      }), /*#__PURE__*/_react["default"].createElement(Component, {
-        x: barX,
-        y: v,
-        defineChart: defineChart,
-        interactive: interactive,
-        width: barWidth,
-        onDrag: function onDrag(v) {
-          return _this2.dragValue(value, v);
-        },
-        onDragStop: this.dragStop,
-        graphProps: graphProps,
-        correctness: correctness,
-        isHovered: isHovered,
-        color: fillColor
-      }));
-    }
-  }]);
-  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,
-  graphProps: _plot.types.GraphPropsType.isRequired,
-  interactive: _propTypes["default"].bool,
-  correctness: _propTypes["default"].shape({
-    value: _propTypes["default"].string,
-    label: _propTypes["default"].string
-  })
-});
-var Bar = (0, _index.withStyles)(function () {
-  return {
-    bar: {
-      fill: _renderUi.color.primaryLight(),
-      '&:hover': {
-        fill: _renderUi.color.primaryDark()
-      }
-    }
-  };
-})(RawBar);
-
-var Bars = /*#__PURE__*/function (_React$Component2) {
-  (0, _inherits2["default"])(Bars, _React$Component2);
-
-  var _super2 = _createSuper(Bars);
-
-  function Bars() {
-    (0, _classCallCheck2["default"])(this, Bars);
-    return _super2.apply(this, arguments);
-  }
-
-  (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;
-      return /*#__PURE__*/_react["default"].createElement(_group.Group, null, (data || []).map(function (d, index) {
-        return /*#__PURE__*/_react["default"].createElement(Bar, {
-          value: d.value,
-          interactive: defineChart || d.interactive,
-          defineChart: defineChart,
-          label: d.label,
-          xBand: xBand,
-          index: index,
-          key: "bar-".concat(d.label, "-").concat(d.value, "-").concat(index),
-          onChangeCategory: function onChangeCategory(category) {
-            return _onChangeCategory(index, category);
-          },
-          graphProps: graphProps,
-          correctness: d.correctness,
-          barColor: histogram && (histogramColors[index] ? histogramColors[index] : histogramColors[index % histogramColors.length])
-        });
-      }));
-    }
-  }]);
-  return Bars;
-}(_react["default"].Component);
-
-exports.Bars = Bars;
-(0, _defineProperty2["default"])(Bars, "propTypes", {
-  data: _propTypes["default"].array,
-  onChangeCategory: _propTypes["default"].func,
-  defineChart: _propTypes["default"].bool,
-  xBand: _propTypes["default"].func,
-  graphProps: _plot.types.GraphPropsType.isRequired,
-  histogram: _propTypes["default"].bool
-});
-var _default = Bars;
-exports["default"] = _default;
-//# sourceMappingURL=bars.js.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/bars/common/bars.jsx"],"names":["log","histogramColors","hoverHistogramColors","calculateFillColor","isHovered","barColor","index","length","color","primaryDark","RawBar","props","setState","dragValue","label","onChangeCategory","state","undefined","value","setDragValue","existing","next","graphProps","classes","xBand","interactive","correctness","defineChart","scale","range","fillColor","v","Number","isFinite","barWidth","bandwidth","barHeight","y","max","barX","rawY","yy","Component","DraggableHandle","DragHandle","handleMouseEnter","handleMouseLeave","bar","fill","dragStop","React","PropTypes","string","func","number","object","isRequired","types","GraphPropsType","bool","shape","Bar","primaryLight","Bars","data","histogram","map","d","category","array"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { types } from '@pie-lib/plot';\nimport { Group } from '@vx/group';\nimport { color } from '@pie-lib/render-ui';\nimport { Bar as VxBar } from '@vx/shape';\nimport { withStyles } from '@material-ui/core/styles/index';\nimport debug from 'debug';\nimport { bandKey } from '../../utils';\nimport DraggableHandle, { DragHandle } from '../../common/drag-handle';\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) => {\n  if (isHovered && barColor) {\n    return hoverHistogramColors[index % hoverHistogramColors.length];\n  }\n  if (isHovered) {\n    return color.primaryDark();\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  };\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  render() {\n    const {\n      graphProps,\n      value,\n      label,\n      classes,\n      xBand,\n      index,\n      interactive,\n      correctness,\n      barColor,\n      defineChart,\n    } = this.props;\n    const { scale, range } = graphProps;\n    const { dragValue, isHovered } = this.state;\n\n    const fillColor = calculateFillColor(isHovered, barColor, index, hoverHistogramColors);\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    log('label:', label, 'barX:', barX, 'v: ', v, 'barHeight:', barHeight, 'barWidth: ', barWidth);\n\n    const Component = interactive ? DraggableHandle : DragHandle;\n\n    return (\n      <g onMouseEnter={this.handleMouseEnter} onMouseLeave={this.handleMouseLeave}>\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        <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(() => ({\n  bar: {\n    fill: color.primaryLight(),\n    '&:hover': {\n      fill: color.primaryDark(),\n    },\n  },\n}))(RawBar);\n\nexport class Bars extends React.Component {\n  static propTypes = {\n    data: 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 } = 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            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"}

package/lib/bars/histogram.js

@@ -1,87 +0,0 @@
-"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 _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 Histogram() {
-    (0, _classCallCheck2["default"])(this, Histogram);
-    return _super.apply(this, arguments);
-  }
-
-  (0, _createClass2["default"])(Histogram, [{
-    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, 'histogram');
-      return /*#__PURE__*/_react["default"].createElement(_bars["default"], (0, _extends2["default"])({}, props, {
-        xBand: xBand,
-        histogram: true
-      }));
-    }
-  }]);
-  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() {
-  return {
-    type: 'histogram',
-    Component: Histogram,
-    name: 'Histogram'
-  };
-};
-
-exports["default"] = _default;
-//# sourceMappingURL=histogram.js.map

package/lib/bars/histogram.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/bars/histogram.js"],"names":["Histogram","props","data","graphProps","scale","size","xBand","x","width","React","Component","PropTypes","array","onChange","func","types","GraphPropsType","isRequired","type","name"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;;;;;IAEaA,S;;;;;;;;;;;;WAOX,kBAAS;AACP,UAAMC,KAAK,GAAG,KAAKA,KAAnB;AACA,UAAQC,IAAR,GAA6BD,KAA7B,CAAQC,IAAR;AAAA,UAAcC,UAAd,GAA6BF,KAA7B,CAAcE,UAAd;;AACA,iBAAkCA,UAAU,IAAI,EAAhD;AAAA,4BAAQC,KAAR;AAAA,UAAQA,KAAR,2BAAgB,EAAhB;AAAA,2BAAoBC,IAApB;AAAA,UAAoBA,IAApB,0BAA2B,EAA3B;;AACA,UAAMC,KAAK,GAAG,wBAAYF,KAAK,CAACG,CAAlB,EAAqBL,IAArB,EAA2BG,IAAI,CAACG,KAAhC,EAAuC,WAAvC,CAAd;AAEA,0BAAO,gCAAC,gBAAD,gCAAUP,KAAV;AAAiB,QAAA,KAAK,EAAEK,KAAxB;AAA+B,QAAA,SAAS,EAAE;AAA1C,SAAP;AACD;;;EAd4BG,kBAAMC,S;;;iCAAxBV,S,eACQ;AACjBE,EAAAA,IAAI,EAAES,sBAAUC,KADC;AAEjBC,EAAAA,QAAQ,EAAEF,sBAAUG,IAFH;AAGjBX,EAAAA,UAAU,EAAEY,YAAMC,cAAN,CAAqBC;AAHhB,C;;eAgBN;AAAA,SAAO;AACpBC,IAAAA,IAAI,EAAE,WADc;AAEpBR,IAAAA,SAAS,EAAEV,SAFS;AAGpBmB,IAAAA,IAAI,EAAE;AAHc,GAAP;AAAA,C","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { types } from '@pie-lib/plot';\nimport { dataToXBand } from '../utils';\nimport Bars from './common/bars';\n\nexport class Histogram 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, 'histogram');\n\n    return <Bars {...props} xBand={xBand} histogram={true} />;\n  }\n}\n\nexport default () => ({\n  type: 'histogram',\n  Component: Histogram,\n  name: 'Histogram',\n});\n"],"file":"histogram.js"}