@pie-lib/charting 5.1.0 → 5.1.3

package/lib/chart.js

@@ -1,12 +1,30 @@
 "use strict";
 
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = exports.Chart = void 0;
 
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+
+var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
+
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
 var _react = _interopRequireDefault(require("react"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
@@ -33,71 +51,35 @@ var _toolMenu = _interopRequireDefault(require("./tool-menu"));
 
 var _chartTypes = _interopRequireDefault(require("./chart-types"));
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
-function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
-
-function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
-function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
-
-function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
-
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
-function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
-
-function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
-
-function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
-
-function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
-
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
-
-function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
-
-function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
+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 _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
 var log = (0, _debug["default"])('pie-lib:charts:chart');
 
 var Chart = /*#__PURE__*/function (_React$Component) {
-  _inherits(Chart, _React$Component);
+  (0, _inherits2["default"])(Chart, _React$Component);
 
   var _super = _createSuper(Chart);
 
   function Chart() {
     var _this;
 
-    _classCallCheck(this, Chart);
+    (0, _classCallCheck2["default"])(this, Chart);
 
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
 
     _this = _super.call.apply(_super, [this].concat(args));
-
-    _defineProperty(_assertThisInitialized(_this), "state", {
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "state", {
       charts: [_chartTypes["default"].Bar(), _chartTypes["default"].Histogram(), _chartTypes["default"].LineDot(), _chartTypes["default"].LineCross(), _chartTypes["default"].DotPlot(), _chartTypes["default"].LinePlot()]
     });
-
-    _defineProperty(_assertThisInitialized(_this), "getChart", function () {
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "getChart", function () {
       var charts = _this.props.charts || _this.state.charts;
       var chartType = _this.props.chartType;
       var ChartComponent = null;
@@ -119,13 +101,11 @@ var Chart = /*#__PURE__*/function (_React$Component) {
         ChartComponent: ChartComponent
       };
     });
-
-    _defineProperty(_assertThisInitialized(_this), "changeData", function (data) {
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "changeData", function (data) {
       var onDataChange = _this.props.onDataChange;
       onDataChange(data);
     });
-
-    _defineProperty(_assertThisInitialized(_this), "changeCategory", function (index, newCategory) {
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "changeCategory", function (index, newCategory) {
       var integerIndex = parseInt(index, 10);
 
       if (integerIndex >= 0) {
@@ -136,13 +116,15 @@ var Chart = /*#__PURE__*/function (_React$Component) {
         onDataChange(data);
       }
     });
-
-    _defineProperty(_assertThisInitialized(_this), "addCategory", function (chartType, range) {
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "addCategory", function (range) {
       var _this$props2 = _this.props,
           onDataChange = _this$props2.onDataChange,
           data = _this$props2.data,
-          categoryDefaultLabel = _this$props2.categoryDefaultLabel;
-      onDataChange([].concat(_toConsumableArray(data), [{
+          categoryDefaultLabel = _this$props2.categoryDefaultLabel,
+          defineChart = _this$props2.defineChart;
+      onDataChange([].concat((0, _toConsumableArray2["default"])(data), [{
+        inDefineChart: defineChart,
+        autoFocus: true,
         label: categoryDefaultLabel || 'New Bar',
         value: range.step,
         deletable: true,
@@ -150,8 +132,7 @@ var Chart = /*#__PURE__*/function (_React$Component) {
         interactive: true
       }]));
     });
-
-    _defineProperty(_assertThisInitialized(_this), "getFilteredCategories", function () {
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "getFilteredCategories", function () {
       var _this$props3 = _this.props,
           data = _this$props3.data,
           defineChart = _this$props3.defineChart;
@@ -161,11 +142,10 @@ var Chart = /*#__PURE__*/function (_React$Component) {
         });
       }) : [];
     });
-
     return _this;
   }
 
-  _createClass(Chart, [{
+  (0, _createClass2["default"])(Chart, [{
     key: "render",
     value: function render() {
       var _this2 = this;
@@ -177,8 +157,7 @@ var Chart = /*#__PURE__*/function (_React$Component) {
           range = _this$props4.range,
           size = _this$props4.size,
           title = _this$props4.title,
-          addCategoryEnabled = _this$props4.addCategoryEnabled,
-          theme = _this$props4.theme;
+          addCategoryEnabled = _this$props4.addCategoryEnabled;
       var chartType = this.props.chartType;
       var defineChart = this.props.defineChart || false;
 
@@ -190,8 +169,7 @@ var Chart = /*#__PURE__*/function (_React$Component) {
           ChartComponent = _this$getChart.ChartComponent;
 
       var categories = this.getFilteredCategories();
-      var labelFontSize = theme && theme.typography && theme.typography.fontSize || 14;
-      var correctValues = (0, _utils.getDomainAndRangeByChartType)(domain, range, size, chartType, labelFontSize);
+      var correctValues = (0, _utils.getDomainAndRangeByChartType)(domain, range, chartType);
 
       var _getGridLinesAndAxisB = (0, _utils.getGridLinesAndAxisByChartType)(correctValues.range, chartType),
           verticalLines = _getGridLinesAndAxisB.verticalLines,
@@ -234,19 +212,19 @@ var Chart = /*#__PURE__*/function (_React$Component) {
         className: classes.toolMenu,
         disabled: !addCategoryEnabled,
         addCategory: function addCategory() {
-          return _this2.addCategory(chartType, correctValues.range);
+          return _this2.addCategory(correctValues.range);
         }
-      })), /*#__PURE__*/_react["default"].createElement(_plot.Root, _extends({
+      })), /*#__PURE__*/_react["default"].createElement(_plot.Root, (0, _extends2["default"])({
         title: title,
         classes: classes,
         rootRef: function rootRef(r) {
           return _this2.rootNode = r;
         }
-      }, rootCommon), /*#__PURE__*/_react["default"].createElement(_grid["default"], _extends({}, common, {
+      }, rootCommon), /*#__PURE__*/_react["default"].createElement(_grid["default"], (0, _extends2["default"])({}, common, {
         xBand: xBand,
         rowTickValues: horizontalLines,
         columnTickValues: verticalLines
-      })), /*#__PURE__*/_react["default"].createElement(_axes["default"], _extends({}, common, {
+      })), /*#__PURE__*/_react["default"].createElement(_axes["default"], (0, _extends2["default"])({}, common, {
         defineChart: defineChart,
         categories: categories,
         xBand: xBand,
@@ -256,12 +234,12 @@ var Chart = /*#__PURE__*/function (_React$Component) {
         top: top
       })), /*#__PURE__*/_react["default"].createElement("mask", {
         id: "myMask"
-      }, /*#__PURE__*/_react["default"].createElement("rect", _extends({}, maskSize, {
+      }, /*#__PURE__*/_react["default"].createElement("rect", (0, _extends2["default"])({}, maskSize, {
         fill: "white"
       }))), /*#__PURE__*/_react["default"].createElement("g", {
         id: "marks",
         mask: "url('#myMask')"
-      }, /*#__PURE__*/_react["default"].createElement(ChartComponent, _extends({}, common, {
+      }, /*#__PURE__*/_react["default"].createElement(ChartComponent, (0, _extends2["default"])({}, common, {
         data: categories,
         defineChart: defineChart,
         onChange: this.changeData,
@@ -269,13 +247,11 @@ var Chart = /*#__PURE__*/function (_React$Component) {
       })))));
     }
   }]);
-
   return Chart;
 }(_react["default"].Component);
 
 exports.Chart = Chart;
-
-_defineProperty(Chart, "propTypes", {
+(0, _defineProperty2["default"])(Chart, "propTypes", {
   classes: _propTypes["default"].object.isRequired,
   className: _propTypes["default"].string,
   chartType: _propTypes["default"].string.isRequired,
@@ -309,8 +285,7 @@ _defineProperty(Chart, "propTypes", {
   defineChart: _propTypes["default"].bool,
   theme: _propTypes["default"].object
 });
-
-_defineProperty(Chart, "defaultProps", {
+(0, _defineProperty2["default"])(Chart, "defaultProps", {
   size: {
     width: 480,
     height: 480

package/lib/chart.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/chart.jsx"],"names":["log","Chart","charts","chartTypes","Bar","Histogram","LineDot","LineCross","DotPlot","LinePlot","props","state","chartType","ChartComponent","chart","find","type","Component","data","onDataChange","index","newCategory","integerIndex","parseInt","range","categoryDefaultLabel","label","value","step","deletable","editable","interactive","defineChart","map","d","classes","className","domain","size","title","addCategoryEnabled","theme","width","height","getChart","categories","getFilteredCategories","labelFontSize","typography","fontSize","correctValues","verticalLines","horizontalLines","leftAxis","common","graphProps","rootNode","maskSize","x","y","scale","xBand","bandWidth","bandwidth","barWidth","max","length","increaseHeight","top","rootCommon","controls","toolMenu","addCategory","r","changeData","changeCategory","React","PropTypes","object","isRequired","string","shape","number","min","axisLabel","arrayOf","labelStep","array","func","bool","styles","graphBox","transform","display","justifyContent","padding","spacing","unit","backgroundColor","color","primaryLight","borderTop","primaryDark","borderBottom","borderLeft","borderRight","root","overflow","svg","minHeight","withTheme"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { withStyles } from '@material-ui/core/styles';\nimport classNames from 'classnames';\nimport { Root, createGraphProps } from '@pie-lib/plot';\nimport cloneDeep from 'lodash/cloneDeep';\nimport ChartGrid from './grid';\nimport ChartAxes from './axes';\nimport debug from 'debug';\nimport { color } from '@pie-lib/render-ui';\nimport {\n  dataToXBand,\n  getDomainAndRangeByChartType,\n  getGridLinesAndAxisByChartType,\n  getTopPadding\n} from './utils';\nimport ToolMenu from './tool-menu';\nimport chartTypes from './chart-types';\n\nconst log = debug('pie-lib:charts:chart');\n\nexport class Chart extends React.Component {\n  static propTypes = {\n    classes: PropTypes.object.isRequired,\n    className: PropTypes.string,\n    chartType: PropTypes.string.isRequired,\n    size: PropTypes.shape({\n      width: PropTypes.number,\n      height: PropTypes.number\n    }),\n    domain: PropTypes.shape({\n      label: PropTypes.string,\n      min: PropTypes.number,\n      max: PropTypes.number,\n      axisLabel: PropTypes.string\n    }),\n    data: PropTypes.arrayOf(PropTypes.shape({ label: PropTypes.string, value: PropTypes.number })),\n    range: PropTypes.shape({\n      label: PropTypes.string,\n      min: PropTypes.number,\n      max: PropTypes.number,\n      step: PropTypes.number,\n      labelStep: PropTypes.number,\n      axisLabel: PropTypes.string\n    }),\n    charts: PropTypes.array,\n    title: PropTypes.string,\n    onDataChange: PropTypes.func,\n    addCategoryEnabled: PropTypes.bool,\n    categoryDefaultLabel: PropTypes.string,\n    defineChart: PropTypes.bool,\n    theme: PropTypes.object\n  };\n\n  static defaultProps = {\n    size: {\n      width: 480,\n      height: 480\n    }\n  };\n\n  state = {\n    charts: [\n      chartTypes.Bar(),\n      chartTypes.Histogram(),\n      chartTypes.LineDot(),\n      chartTypes.LineCross(),\n      chartTypes.DotPlot(),\n      chartTypes.LinePlot()\n    ]\n  };\n\n  getChart = () => {\n    const charts = this.props.charts || this.state.charts;\n    let { chartType } = this.props;\n    let ChartComponent = null;\n    let chart = null;\n\n    if (chartType) {\n      chart = charts && charts.find(chart => chart.type === chartType);\n      ChartComponent = chart && chart.Component;\n    } else {\n      chart = charts && charts[0];\n      ChartComponent = chart && chart.Component;\n      chartType = chart && chart.type;\n    }\n\n    return {\n      type: chartType,\n      ChartComponent\n    };\n  };\n\n  changeData = data => {\n    const { onDataChange } = this.props;\n\n    onDataChange(data);\n  };\n\n  changeCategory = (index, newCategory) => {\n    const integerIndex = parseInt(index, 10);\n\n    if (integerIndex >= 0) {\n      const { data, onDataChange } = this.props;\n      data[integerIndex] = {\n        ...data[integerIndex],\n        ...newCategory\n      };\n\n      onDataChange(data);\n    }\n  };\n\n  addCategory = (chartType, range) => {\n    const { onDataChange, data, categoryDefaultLabel } = this.props;\n\n    onDataChange([\n      ...data,\n      {\n        label: categoryDefaultLabel || 'New Bar',\n        value: range.step,\n        deletable: true,\n        editable: true,\n        interactive: true\n      }\n    ]);\n  };\n\n  getFilteredCategories = () => {\n    const { data, defineChart } = this.props;\n\n    return data\n      ? data.map(d => ({\n          ...d,\n          deletable: defineChart || d.deletable\n        }))\n      : [];\n  };\n\n  render() {\n    const {\n      classes,\n      className,\n      domain,\n      range,\n      size,\n      title,\n      addCategoryEnabled,\n      theme\n    } = this.props;\n    let { chartType } = this.props;\n\n    const defineChart = this.props.defineChart || false;\n    const { width, height } = size || {};\n\n    const { ChartComponent } = this.getChart();\n    const categories = this.getFilteredCategories();\n\n    const labelFontSize = (theme && theme.typography && theme.typography.fontSize) || 14;\n    const correctValues = getDomainAndRangeByChartType(\n      domain,\n      range,\n      size,\n      chartType,\n      labelFontSize\n    );\n\n    const { verticalLines, horizontalLines, leftAxis } = getGridLinesAndAxisByChartType(\n      correctValues.range,\n      chartType\n    );\n    const common = {\n      graphProps: createGraphProps(\n        correctValues.domain,\n        correctValues.range,\n        size,\n        () => this.rootNode\n      )\n    };\n\n    log('[render] common:', common);\n\n    const maskSize = { x: -10, y: -10, width: width + 20, height: height + 80 };\n    const { scale } = common.graphProps;\n    const xBand = dataToXBand(scale.x, categories, width, chartType);\n\n    if (!ChartComponent) {\n      return null;\n    }\n\n    const bandWidth = xBand.bandwidth();\n    // for chartType \"line\", bandWidth will be 0, so we have to calculate it\n    const barWidth = bandWidth || scale.x(correctValues.domain.max) / categories.length;\n    const increaseHeight = defineChart ? 80 : 0;\n\n    // if there are many categories, we have to rotate their names in order to fit\n    // and we have to add extra value on top of some items\n    const top = getTopPadding(barWidth);\n    const rootCommon = cloneDeep(common);\n    rootCommon.graphProps.size.height += top + increaseHeight;\n\n    return (\n      <div className={classNames(classes.class, className)}>\n        <div className={classes.controls}>\n          <ToolMenu\n            className={classes.toolMenu}\n            disabled={!addCategoryEnabled}\n            addCategory={() => this.addCategory(chartType, correctValues.range)}\n          />\n        </div>\n        <Root title={title} classes={classes} rootRef={r => (this.rootNode = r)} {...rootCommon}>\n          <ChartGrid\n            {...common}\n            xBand={xBand}\n            rowTickValues={horizontalLines}\n            columnTickValues={verticalLines}\n          />\n          <ChartAxes\n            {...common}\n            defineChart={defineChart}\n            categories={categories}\n            xBand={xBand}\n            leftAxis={leftAxis}\n            onChange={this.changeData}\n            onChangeCategory={this.changeCategory}\n            top={top}\n          />\n          <mask id=\"myMask\">\n            <rect {...maskSize} fill=\"white\" />\n          </mask>\n          <g id=\"marks\" mask=\"url('#myMask')\">\n            <ChartComponent\n              {...common}\n              data={categories}\n              defineChart={defineChart}\n              onChange={this.changeData}\n              onChangeCategory={this.changeCategory}\n            />\n          </g>\n        </Root>\n      </div>\n    );\n  }\n}\n\nconst styles = theme => ({\n  graphBox: {\n    transform: 'translate(60px, 35px)'\n  },\n  controls: {\n    width: 'inherit',\n    display: 'flex',\n    justifyContent: 'space-between',\n    padding: theme.spacing.unit,\n    backgroundColor: color.primaryLight(),\n    borderTop: `solid 1px ${color.primaryDark()}`,\n    borderBottom: `solid 0px ${color.primaryDark()}`,\n    borderLeft: `solid 1px ${color.primaryDark()}`,\n    borderRight: `solid 1px ${color.primaryDark()}`\n  },\n  root: {\n    overflow: 'hidden'\n  },\n  svg: {\n    overflow: 'visible'\n  },\n  toolMenu: {\n    minHeight: '36px'\n  }\n});\n\nexport default withStyles(styles, { withTheme: true })(Chart);\n"],"file":"chart.js"}
+{"version":3,"sources":["../src/chart.jsx"],"names":["log","Chart","charts","chartTypes","Bar","Histogram","LineDot","LineCross","DotPlot","LinePlot","props","state","chartType","ChartComponent","chart","find","type","Component","data","onDataChange","index","newCategory","integerIndex","parseInt","range","categoryDefaultLabel","defineChart","inDefineChart","autoFocus","label","value","step","deletable","editable","interactive","map","d","classes","className","domain","size","title","addCategoryEnabled","width","height","getChart","categories","getFilteredCategories","correctValues","verticalLines","horizontalLines","leftAxis","common","graphProps","rootNode","maskSize","x","y","scale","xBand","bandWidth","bandwidth","barWidth","max","length","increaseHeight","top","rootCommon","controls","toolMenu","addCategory","r","changeData","changeCategory","React","PropTypes","object","isRequired","string","shape","number","min","axisLabel","arrayOf","labelStep","array","func","bool","theme","styles","graphBox","transform","display","justifyContent","padding","spacing","unit","backgroundColor","color","primaryLight","borderTop","primaryDark","borderBottom","borderLeft","borderRight","root","overflow","svg","minHeight","withTheme"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { withStyles } from '@material-ui/core/styles';\nimport classNames from 'classnames';\nimport { Root, createGraphProps } from '@pie-lib/plot';\nimport cloneDeep from 'lodash/cloneDeep';\nimport ChartGrid from './grid';\nimport ChartAxes from './axes';\nimport debug from 'debug';\nimport { color } from '@pie-lib/render-ui';\nimport {\n  dataToXBand,\n  getDomainAndRangeByChartType,\n  getGridLinesAndAxisByChartType,\n  getTopPadding\n} from './utils';\nimport ToolMenu from './tool-menu';\nimport chartTypes from './chart-types';\n\nconst log = debug('pie-lib:charts:chart');\n\nexport class Chart extends React.Component {\n  static propTypes = {\n    classes: PropTypes.object.isRequired,\n    className: PropTypes.string,\n    chartType: PropTypes.string.isRequired,\n    size: PropTypes.shape({\n      width: PropTypes.number,\n      height: PropTypes.number\n    }),\n    domain: PropTypes.shape({\n      label: PropTypes.string,\n      min: PropTypes.number,\n      max: PropTypes.number,\n      axisLabel: PropTypes.string\n    }),\n    data: PropTypes.arrayOf(PropTypes.shape({ label: PropTypes.string, value: PropTypes.number })),\n    range: PropTypes.shape({\n      label: PropTypes.string,\n      min: PropTypes.number,\n      max: PropTypes.number,\n      step: PropTypes.number,\n      labelStep: PropTypes.number,\n      axisLabel: PropTypes.string\n    }),\n    charts: PropTypes.array,\n    title: PropTypes.string,\n    onDataChange: PropTypes.func,\n    addCategoryEnabled: PropTypes.bool,\n    categoryDefaultLabel: PropTypes.string,\n    defineChart: PropTypes.bool,\n    theme: PropTypes.object\n  };\n\n  static defaultProps = {\n    size: {\n      width: 480,\n      height: 480\n    }\n  };\n\n  state = {\n    charts: [\n      chartTypes.Bar(),\n      chartTypes.Histogram(),\n      chartTypes.LineDot(),\n      chartTypes.LineCross(),\n      chartTypes.DotPlot(),\n      chartTypes.LinePlot()\n    ]\n  };\n\n  getChart = () => {\n    const charts = this.props.charts || this.state.charts;\n    let { chartType } = this.props;\n    let ChartComponent = null;\n    let chart = null;\n\n    if (chartType) {\n      chart = charts && charts.find(chart => chart.type === chartType);\n      ChartComponent = chart && chart.Component;\n    } else {\n      chart = charts && charts[0];\n      ChartComponent = chart && chart.Component;\n      chartType = chart && chart.type;\n    }\n\n    return {\n      type: chartType,\n      ChartComponent\n    };\n  };\n\n  changeData = data => {\n    const { onDataChange } = this.props;\n\n    onDataChange(data);\n  };\n\n  changeCategory = (index, newCategory) => {\n    const integerIndex = parseInt(index, 10);\n\n    if (integerIndex >= 0) {\n      const { data, onDataChange } = this.props;\n      data[integerIndex] = {\n        ...data[integerIndex],\n        ...newCategory\n      };\n\n      onDataChange(data);\n    }\n  };\n\n  addCategory = range => {\n    const { onDataChange, data, categoryDefaultLabel, defineChart } = this.props;\n\n    onDataChange([\n      ...data,\n      {\n        inDefineChart: defineChart,\n        autoFocus: true,\n        label: categoryDefaultLabel || 'New Bar',\n        value: range.step,\n        deletable: true,\n        editable: true,\n        interactive: true\n      }\n    ]);\n  };\n\n  getFilteredCategories = () => {\n    const { data, defineChart } = this.props;\n\n    return data\n      ? data.map(d => ({\n          ...d,\n          deletable: defineChart || d.deletable\n        }))\n      : [];\n  };\n\n  render() {\n    const { classes, className, domain, range, size, title, addCategoryEnabled } = this.props;\n    let { chartType } = this.props;\n\n    const defineChart = this.props.defineChart || false;\n    const { width, height } = size || {};\n\n    const { ChartComponent } = this.getChart();\n    const categories = this.getFilteredCategories();\n\n    const correctValues = getDomainAndRangeByChartType(domain, range, chartType);\n\n    const { verticalLines, horizontalLines, leftAxis } = getGridLinesAndAxisByChartType(\n      correctValues.range,\n      chartType\n    );\n    const common = {\n      graphProps: createGraphProps(\n        correctValues.domain,\n        correctValues.range,\n        size,\n        () => this.rootNode\n      )\n    };\n\n    log('[render] common:', common);\n\n    const maskSize = { x: -10, y: -10, width: width + 20, height: height + 80 };\n    const { scale } = common.graphProps;\n    const xBand = dataToXBand(scale.x, categories, width, chartType);\n\n    if (!ChartComponent) {\n      return null;\n    }\n\n    const bandWidth = xBand.bandwidth();\n    // for chartType \"line\", bandWidth will be 0, so we have to calculate it\n    const barWidth = bandWidth || scale.x(correctValues.domain.max) / categories.length;\n    const increaseHeight = defineChart ? 80 : 0;\n\n    // if there are many categories, we have to rotate their names in order to fit\n    // and we have to add extra value on top of some items\n    const top = getTopPadding(barWidth);\n    const rootCommon = cloneDeep(common);\n    rootCommon.graphProps.size.height += top + increaseHeight;\n\n    return (\n      <div className={classNames(classes.class, className)}>\n        <div className={classes.controls}>\n          <ToolMenu\n            className={classes.toolMenu}\n            disabled={!addCategoryEnabled}\n            addCategory={() => this.addCategory(correctValues.range)}\n          />\n        </div>\n        <Root title={title} classes={classes} rootRef={r => (this.rootNode = r)} {...rootCommon}>\n          <ChartGrid\n            {...common}\n            xBand={xBand}\n            rowTickValues={horizontalLines}\n            columnTickValues={verticalLines}\n          />\n          <ChartAxes\n            {...common}\n            defineChart={defineChart}\n            categories={categories}\n            xBand={xBand}\n            leftAxis={leftAxis}\n            onChange={this.changeData}\n            onChangeCategory={this.changeCategory}\n            top={top}\n          />\n          <mask id=\"myMask\">\n            <rect {...maskSize} fill=\"white\" />\n          </mask>\n          <g id=\"marks\" mask=\"url('#myMask')\">\n            <ChartComponent\n              {...common}\n              data={categories}\n              defineChart={defineChart}\n              onChange={this.changeData}\n              onChangeCategory={this.changeCategory}\n            />\n          </g>\n        </Root>\n      </div>\n    );\n  }\n}\n\nconst styles = theme => ({\n  graphBox: {\n    transform: 'translate(60px, 35px)'\n  },\n  controls: {\n    width: 'inherit',\n    display: 'flex',\n    justifyContent: 'space-between',\n    padding: theme.spacing.unit,\n    backgroundColor: color.primaryLight(),\n    borderTop: `solid 1px ${color.primaryDark()}`,\n    borderBottom: `solid 0px ${color.primaryDark()}`,\n    borderLeft: `solid 1px ${color.primaryDark()}`,\n    borderRight: `solid 1px ${color.primaryDark()}`\n  },\n  root: {\n    overflow: 'hidden'\n  },\n  svg: {\n    overflow: 'visible'\n  },\n  toolMenu: {\n    minHeight: '36px'\n  }\n});\n\nexport default withStyles(styles, { withTheme: true })(Chart);\n"],"file":"chart.js"}

package/lib/common/drag-handle.js

@@ -1,70 +1,59 @@
 "use strict";
 
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = exports.RawDragHandle = exports.DragHandle = exports.D = void 0;
 
-var _react = _interopRequireDefault(require("react"));
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 
-var _classnames = _interopRequireDefault(require("classnames"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 
-var _plot = require("@pie-lib/plot");
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 
-var _index = require("@material-ui/core/styles/index");
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
 
-var _propTypes = _interopRequireDefault(require("prop-types"));
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 
-var _renderUi = require("@pie-lib/render-ui");
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
 
-var _styles = require("./styles");
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
 
-var _excluded = ["x", "y", "width", "graphProps", "classes", "className", "interactive", "correctness"];
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+var _react = _interopRequireDefault(require("react"));
 
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+var _classnames = _interopRequireDefault(require("classnames"));
 
-function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
+var _plot = require("@pie-lib/plot");
 
-function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
+var _index = require("@material-ui/core/styles/index");
 
-function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
+var _propTypes = _interopRequireDefault(require("prop-types"));
 
-function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+var _renderUi = require("@pie-lib/render-ui");
 
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+var _styles = require("./styles");
 
-function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
+var _excluded = ["x", "y", "width", "graphProps", "classes", "className", "interactive", "correctness"];
 
-function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
+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 _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
 var RawDragHandle = /*#__PURE__*/function (_React$Component) {
-  _inherits(RawDragHandle, _React$Component);
+  (0, _inherits2["default"])(RawDragHandle, _React$Component);
 
   var _super = _createSuper(RawDragHandle);
 
   function RawDragHandle() {
-    _classCallCheck(this, RawDragHandle);
-
+    (0, _classCallCheck2["default"])(this, RawDragHandle);
     return _super.apply(this, arguments);
   }
 
-  _createClass(RawDragHandle, [{
+  (0, _createClass2["default"])(RawDragHandle, [{
     key: "render",
     value: function render() {
       var _this$props = this.props,
@@ -76,8 +65,7 @@ var RawDragHandle = /*#__PURE__*/function (_React$Component) {
           className = _this$props.className,
           interactive = _this$props.interactive,
           correctness = _this$props.correctness,
-          rest = _objectWithoutProperties(_this$props, _excluded);
-
+          rest = (0, _objectWithoutProperties2["default"])(_this$props, _excluded);
       var scale = graphProps.scale;
       return /*#__PURE__*/_react["default"].createElement("svg", {
         x: x,
@@ -85,27 +73,25 @@ var RawDragHandle = /*#__PURE__*/function (_React$Component) {
         width: width,
         overflow: "visible",
         className: (0, _classnames["default"])(classes.handleContainer, className, !interactive && 'non-interactive', interactive && correctness && correctness.value)
-      }, /*#__PURE__*/_react["default"].createElement("rect", _extends({
+      }, /*#__PURE__*/_react["default"].createElement("rect", (0, _extends2["default"])({
         y: -10,
         width: width,
         className: (0, _classnames["default"])(classes.transparentHandle, className)
-      }, rest)), /*#__PURE__*/_react["default"].createElement("rect", _extends({
+      }, rest)), /*#__PURE__*/_react["default"].createElement("rect", (0, _extends2["default"])({
         width: width,
         className: (0, _classnames["default"])(classes.handle, 'handle', className, !interactive && 'non-interactive', interactive && correctness && correctness.value)
-      }, rest)), /*#__PURE__*/_react["default"].createElement("rect", _extends({
+      }, rest)), /*#__PURE__*/_react["default"].createElement("rect", (0, _extends2["default"])({
         y: 10,
         width: width,
         className: (0, _classnames["default"])(classes.transparentHandle, className)
       }, rest)));
     }
   }]);
-
   return RawDragHandle;
 }(_react["default"].Component);
 
 exports.RawDragHandle = RawDragHandle;
-
-_defineProperty(RawDragHandle, "propTypes", {
+(0, _defineProperty2["default"])(RawDragHandle, "propTypes", {
   x: _propTypes["default"].number.isRequired,
   y: _propTypes["default"].number.isRequired,
   width: _propTypes["default"].number,
@@ -118,7 +104,6 @@ _defineProperty(RawDragHandle, "propTypes", {
     label: _propTypes["default"].string
   })
 });
-
 var DragHandle = (0, _index.withStyles)(function (theme) {
   return {
     handle: {

package/lib/common/drag-handle.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/common/drag-handle.jsx"],"names":["RawDragHandle","props","x","y","width","graphProps","classes","className","interactive","correctness","rest","scale","handleContainer","value","transparentHandle","handle","React","Component","PropTypes","number","isRequired","types","GraphPropsType","object","string","bool","shape","label","DragHandle","theme","height","fill","color","secondary","transition","secondaryDark","D","axis","fromDelta","delta","newPoint","utils","point","add","bounds","domain","range","area","left","top","bottom","right","anchorPoint"],"mappings":"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","sourcesContent":["import React from 'react';\nimport classNames from 'classnames';\nimport { gridDraggable, utils, types } from '@pie-lib/plot';\nimport { withStyles } from '@material-ui/core/styles/index';\nimport PropTypes from 'prop-types';\nimport { color } from '@pie-lib/render-ui';\nimport { correct, incorrect, disabled } from './styles';\n\nexport class RawDragHandle extends React.Component {\n  static propTypes = {\n    x: PropTypes.number.isRequired,\n    y: PropTypes.number.isRequired,\n    width: PropTypes.number,\n    graphProps: types.GraphPropsType.isRequired,\n    classes: PropTypes.object.isRequired,\n    className: PropTypes.string,\n    interactive: PropTypes.bool,\n    correctness: PropTypes.shape({\n      value: PropTypes.string,\n      label: PropTypes.string\n    })\n  };\n  render() {\n    const {\n      x,\n      y,\n      width,\n      graphProps,\n      classes,\n      className,\n      interactive,\n      correctness,\n      ...rest\n    } = this.props;\n    const { scale } = graphProps;\n    return (\n      <svg\n        x={x}\n        y={scale.y(y) - 10}\n        width={width}\n        overflow=\"visible\"\n        className={classNames(\n          classes.handleContainer,\n          className,\n          !interactive && 'non-interactive',\n          interactive && correctness && correctness.value\n        )}\n      >\n        <rect\n          y={-10}\n          width={width}\n          className={classNames(classes.transparentHandle, className)}\n          {...rest}\n        />\n        <rect\n          width={width}\n          className={classNames(\n            classes.handle,\n            'handle',\n            className,\n            !interactive && 'non-interactive',\n            interactive && correctness && correctness.value\n          )}\n          {...rest}\n        />\n        <rect\n          y={10}\n          width={width}\n          className={classNames(classes.transparentHandle, className)}\n          {...rest}\n        />\n      </svg>\n    );\n  }\n}\n\nexport const DragHandle = withStyles(theme => ({\n  handle: {\n    height: '10px',\n    fill: color.secondary(),\n    transition: 'fill 200ms linear, height 200ms linear',\n    '&.correct': correct('fill'),\n    '&.incorrect': incorrect('fill'),\n    '&.non-interactive': disabled('fill')\n  },\n  transparentHandle: {\n    height: '10px',\n    fill: 'transparent'\n  },\n  handleContainer: {\n    height: 30,\n    '&:hover': {\n      '& .handle': {\n        fill: color.secondaryDark(),\n        height: '16px'\n      }\n    },\n    '&.non-interactive': disabled('fill'),\n    '&.incorrect': incorrect('fill'),\n    '&.correct': correct('fill')\n  }\n}))(RawDragHandle);\n\nexport const D = gridDraggable({\n  axis: 'y',\n  fromDelta: (props, delta) => {\n    //TODO: should be in grid-draggable, if axis is y delta.x should always be 0.\n    delta.x = 0;\n    const newPoint = utils.point(props).add(utils.point(delta));\n    return newPoint.y;\n  },\n  bounds: (props, { domain, range }) => {\n    const area = { left: 0, top: props.y, bottom: props.y, right: 0 };\n    return utils.bounds(area, domain, range);\n  },\n  anchorPoint: props => {\n    return { x: props.x, y: props.y };\n  }\n})(DragHandle);\n\nexport default D;\n"],"file":"drag-handle.js"}
+{"version":3,"sources":["../../src/common/drag-handle.jsx"],"names":["RawDragHandle","props","x","y","width","graphProps","classes","className","interactive","correctness","rest","scale","handleContainer","value","transparentHandle","handle","React","Component","PropTypes","number","isRequired","types","GraphPropsType","object","string","bool","shape","label","DragHandle","theme","height","fill","color","secondary","transition","secondaryDark","D","axis","fromDelta","delta","newPoint","utils","point","add","bounds","domain","range","area","left","top","bottom","right","anchorPoint"],"mappings":"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","sourcesContent":["import React from 'react';\nimport classNames from 'classnames';\nimport { gridDraggable, utils, types } from '@pie-lib/plot';\nimport { withStyles } from '@material-ui/core/styles/index';\nimport PropTypes from 'prop-types';\nimport { color } from '@pie-lib/render-ui';\nimport { correct, incorrect, disabled } from './styles';\n\nexport class RawDragHandle extends React.Component {\n  static propTypes = {\n    x: PropTypes.number.isRequired,\n    y: PropTypes.number.isRequired,\n    width: PropTypes.number,\n    graphProps: types.GraphPropsType.isRequired,\n    classes: PropTypes.object.isRequired,\n    className: PropTypes.string,\n    interactive: PropTypes.bool,\n    correctness: PropTypes.shape({\n      value: PropTypes.string,\n      label: PropTypes.string\n    })\n  };\n  render() {\n    const {\n      x,\n      y,\n      width,\n      graphProps,\n      classes,\n      className,\n      interactive,\n      correctness,\n      ...rest\n    } = this.props;\n    const { scale } = graphProps;\n    return (\n      <svg\n        x={x}\n        y={scale.y(y) - 10}\n        width={width}\n        overflow=\"visible\"\n        className={classNames(\n          classes.handleContainer,\n          className,\n          !interactive && 'non-interactive',\n          interactive && correctness && correctness.value\n        )}\n      >\n        <rect\n          y={-10}\n          width={width}\n          className={classNames(classes.transparentHandle, className)}\n          {...rest}\n        />\n        <rect\n          width={width}\n          className={classNames(\n            classes.handle,\n            'handle',\n            className,\n            !interactive && 'non-interactive',\n            interactive && correctness && correctness.value\n          )}\n          {...rest}\n        />\n        <rect\n          y={10}\n          width={width}\n          className={classNames(classes.transparentHandle, className)}\n          {...rest}\n        />\n      </svg>\n    );\n  }\n}\n\nexport const DragHandle = withStyles(theme => ({\n  handle: {\n    height: '10px',\n    fill: color.secondary(),\n    transition: 'fill 200ms linear, height 200ms linear',\n    '&.correct': correct('fill'),\n    '&.incorrect': incorrect('fill'),\n    '&.non-interactive': disabled('fill')\n  },\n  transparentHandle: {\n    height: '10px',\n    fill: 'transparent'\n  },\n  handleContainer: {\n    height: 30,\n    '&:hover': {\n      '& .handle': {\n        fill: color.secondaryDark(),\n        height: '16px'\n      }\n    },\n    '&.non-interactive': disabled('fill'),\n    '&.incorrect': incorrect('fill'),\n    '&.correct': correct('fill')\n  }\n}))(RawDragHandle);\n\nexport const D = gridDraggable({\n  axis: 'y',\n  fromDelta: (props, delta) => {\n    //TODO: should be in grid-draggable, if axis is y delta.x should always be 0.\n    delta.x = 0;\n    const newPoint = utils.point(props).add(utils.point(delta));\n    return newPoint.y;\n  },\n  bounds: (props, { domain, range }) => {\n    const area = { left: 0, top: props.y, bottom: props.y, right: 0 };\n    return utils.bounds(area, domain, range);\n  },\n  anchorPoint: props => {\n    return { x: props.x, y: props.y };\n  }\n})(DragHandle);\n\nexport default D;\n"],"file":"drag-handle.js"}

package/lib/common/styles.js

@@ -1,19 +1,21 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.incorrect = exports.disabled = exports.correct = void 0;
 
-var _renderUi = require("@pie-lib/render-ui");
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+var _renderUi = require("@pie-lib/render-ui");
 
 var disabled = function disabled() {
   var _ref;
 
   var key = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'fill';
-  return _ref = {}, _defineProperty(_ref, key, "var(--graph-disabled, ".concat(_renderUi.color.disabled(), ")")), _defineProperty(_ref, "pointerEvents", 'none'), _ref;
+  return _ref = {}, (0, _defineProperty2["default"])(_ref, key, "var(--graph-disabled, ".concat(_renderUi.color.disabled(), ")")), (0, _defineProperty2["default"])(_ref, "pointerEvents", 'none'), _ref;
 };
 
 exports.disabled = disabled;
@@ -22,7 +24,7 @@ var correct = function correct() {
   var _ref2;
 
   var key = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'fill';
-  return _ref2 = {}, _defineProperty(_ref2, key, _renderUi.color.correct()), _defineProperty(_ref2, "pointerEvents", 'none'), _ref2;
+  return _ref2 = {}, (0, _defineProperty2["default"])(_ref2, key, _renderUi.color.correct()), (0, _defineProperty2["default"])(_ref2, "pointerEvents", 'none'), _ref2;
 };
 
 exports.correct = correct;
@@ -31,7 +33,7 @@ var incorrect = function incorrect() {
   var _ref3;
 
   var key = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'fill';
-  return _ref3 = {}, _defineProperty(_ref3, key, _renderUi.color.incorrect()), _defineProperty(_ref3, "pointerEvents", 'none'), _ref3;
+  return _ref3 = {}, (0, _defineProperty2["default"])(_ref3, key, _renderUi.color.incorrect()), (0, _defineProperty2["default"])(_ref3, "pointerEvents", 'none'), _ref3;
 };
 
 exports.incorrect = incorrect;

package/lib/common/styles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/common/styles.js"],"names":["disabled","key","color","correct","incorrect"],"mappings":";;;;;;;AAAA;;;;AAEO,IAAMA,QAAQ,GAAG,SAAXA,QAAW;AAAA;;AAAA,MAACC,GAAD,uEAAO,MAAP;AAAA,0CACrBA,GADqB,kCACUC,gBAAMF,QAAN,EADV,gDAEP,MAFO;AAAA,CAAjB;;;;AAKA,IAAMG,OAAO,GAAG,SAAVA,OAAU;AAAA;;AAAA,MAACF,GAAD,uEAAO,MAAP;AAAA,4CACpBA,GADoB,EACdC,gBAAMC,OAAN,EADc,2CAEN,MAFM;AAAA,CAAhB;;;;AAIA,IAAMC,SAAS,GAAG,SAAZA,SAAY;AAAA;;AAAA,MAACH,GAAD,uEAAO,MAAP;AAAA,4CACtBA,GADsB,EAChBC,gBAAME,SAAN,EADgB,2CAER,MAFQ;AAAA,CAAlB","sourcesContent":["import { color } from '@pie-lib/render-ui';\n\nexport const disabled = (key = 'fill') => ({\n  [key]: `var(--graph-disabled, ${color.disabled()})`,\n  pointerEvents: 'none'\n});\n\nexport const correct = (key = 'fill') => ({\n  [key]: color.correct(),\n  pointerEvents: 'none'\n});\nexport const incorrect = (key = 'fill') => ({\n  [key]: color.incorrect(),\n  pointerEvents: 'none'\n});\n"],"file":"styles.js"}
+{"version":3,"sources":["../../src/common/styles.js"],"names":["disabled","key","color","correct","incorrect"],"mappings":";;;;;;;;;;;AAAA;;AAEO,IAAMA,QAAQ,GAAG,SAAXA,QAAW;AAAA;;AAAA,MAACC,GAAD,uEAAO,MAAP;AAAA,2DACrBA,GADqB,kCACUC,gBAAMF,QAAN,EADV,iEAEP,MAFO;AAAA,CAAjB;;;;AAKA,IAAMG,OAAO,GAAG,SAAVA,OAAU;AAAA;;AAAA,MAACF,GAAD,uEAAO,MAAP;AAAA,6DACpBA,GADoB,EACdC,gBAAMC,OAAN,EADc,4DAEN,MAFM;AAAA,CAAhB;;;;AAIA,IAAMC,SAAS,GAAG,SAAZA,SAAY;AAAA;;AAAA,MAACH,GAAD,uEAAO,MAAP;AAAA,6DACtBA,GADsB,EAChBC,gBAAME,SAAN,EADgB,4DAER,MAFQ;AAAA,CAAlB","sourcesContent":["import { color } from '@pie-lib/render-ui';\n\nexport const disabled = (key = 'fill') => ({\n  [key]: `var(--graph-disabled, ${color.disabled()})`,\n  pointerEvents: 'none'\n});\n\nexport const correct = (key = 'fill') => ({\n  [key]: color.correct(),\n  pointerEvents: 'none'\n});\nexport const incorrect = (key = 'fill') => ({\n  [key]: color.incorrect(),\n  pointerEvents: 'none'\n});\n"],"file":"styles.js"}