@pie-lib/charting 4.5.11-next.423 → 4.5.11-next.457

package/lib/line/common/line.js.map

@@ -1 +1 @@
-{"version":3,"file":"line.js","names":["getData","data","domain","max","length","map","el","i","x","y","value","RawLine","props","line","setState","index","onChange","dragging","state","existing","next","newLine","dragValue","setDragValue","undefined","graphProps","nextProps","isEqual","classes","CustomDraggableComponent","lineState","scale","lineToUse","d","point","r","Component","interactive","DraggableHandle","DragHandle","v","dragStop","correctness","React","PropTypes","func","number","object","label","string","xBand","isRequired","types","GraphPropsType","arrayOf","shape","StyledLine","withStyles","theme","fill","stroke","color","primaryLight","strokeWidth","transition","primaryDark","Line","category","changeLine","array"],"sources":["../../../src/line/common/line.jsx"],"sourcesContent":["import React from 'react';\nimport { Group } from '@vx/group';\nimport { LinePath } from '@vx/shape';\nimport PropTypes from 'prop-types';\nimport { types } from '@pie-lib/plot';\nimport DraggableHandle, { DragHandle } from './drag-handle';\nimport { withStyles } from '@material-ui/core/styles/index';\nimport isEqual from 'lodash/isEqual';\nimport { color } from '@pie-lib/render-ui';\n\nconst getData = (data, domain) => {\n  const { max } = domain || {};\n  const length = data.length;\n\n  if (!max || !length) {\n    return [];\n  }\n\n  return data.map((el, i) => ({\n    ...el,\n    x: length > 1 ? i * (max / (length - 1)) : 0.5,\n    y: el.value\n  }));\n};\n\nexport class RawLine extends React.Component {\n  static propTypes = {\n    onChange: 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    data: PropTypes.arrayOf(\n      PropTypes.shape({\n        label: PropTypes.string,\n        value: PropTypes.number\n      })\n    ),\n    CustomDraggableComponent: PropTypes.func\n  };\n\n  static defaultProps = {\n    index: 0\n  };\n\n  constructor(props) {\n    super(props);\n    this.state = {\n      dragValue: undefined,\n      line: getData(props.data, props.graphProps.domain)\n    };\n  }\n\n  UNSAFE_componentWillReceiveProps(nextProps) {\n    if (!isEqual(this.props.data, nextProps.data)) {\n      this.setState({\n        line: getData(nextProps.data, nextProps.graphProps.domain)\n      });\n    }\n  }\n\n  setDragValue = line => this.setState({ line });\n\n  dragStop = index => {\n    const { onChange } = this.props;\n    this.setState({ dragging: false }, () => {\n      onChange(index, this.state.line[index]);\n    });\n  };\n\n  dragValue = (index, existing, next) => {\n    const newLine = [...this.state.line];\n    newLine[index].dragValue = next;\n    this.setDragValue(newLine);\n  };\n\n  render() {\n    const { graphProps, data, classes, CustomDraggableComponent } = this.props;\n    const { line: lineState, dragging } = this.state;\n    const { scale } = graphProps;\n    const lineToUse = dragging ? lineState : getData(data, graphProps.domain);\n\n    return (\n      <React.Fragment>\n        <LinePath\n          data={lineToUse}\n          x={d => scale.x(d.x)}\n          y={d => scale.y(d.dragValue !== undefined ? d.dragValue : d.y)}\n          className={classes.line}\n        />\n        {lineToUse &&\n          lineToUse.map((point, i) => {\n            const r = 6;\n            const Component = point.interactive ? DraggableHandle : DragHandle;\n\n            return (\n              <Component\n                key={`point-${point.x}-${i}`}\n                x={point.x}\n                y={point.dragValue !== undefined ? point.dragValue : point.y}\n                interactive={point.interactive}\n                r={r}\n                onDragStart={() => this.setState({ dragging: true })}\n                onDrag={v =>\n                  this.dragValue(i, point.dragValue !== undefined ? point.dragValue : point.y, v)\n                }\n                onDragStop={() => this.dragStop(i)}\n                graphProps={graphProps}\n                CustomDraggableComponent={CustomDraggableComponent}\n                correctness={point.correctness}\n              />\n            );\n          })}\n      </React.Fragment>\n    );\n  }\n}\n\nconst StyledLine = withStyles(theme => ({\n  line: {\n    fill: 'transparent',\n    stroke: color.primaryLight(),\n    strokeWidth: 3,\n    transition: 'stroke 200ms ease-in, stroke-width 200ms ease-in',\n    '&:hover': {\n      strokeWidth: 6,\n      stroke: color.primaryDark()\n    }\n  }\n}))(RawLine);\n\nexport class Line extends React.Component {\n  static propTypes = {\n    data: PropTypes.array,\n    onChange: PropTypes.func,\n    xBand: PropTypes.func,\n    graphProps: types.GraphPropsType.isRequired\n  };\n\n  changeLine = (index, category) => {\n    const { onChange } = this.props;\n    const newLine = [...this.props.data];\n    const { dragValue, value } = category;\n\n    newLine[index].value = dragValue >= 0 ? dragValue : value;\n\n    onChange(newLine);\n  };\n\n  render() {\n    const props = this.props;\n\n    return (\n      <Group>\n        <StyledLine {...props} onChange={this.changeLine} />\n      </Group>\n    );\n  }\n}\n\nexport default Line;\n"],"mappings":"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"}
+{"version":3,"file":"line.js","names":["getData","data","domain","max","length","map","el","i","x","y","value","RawLine","props","line","setState","index","onChange","dragging","state","existing","next","newLine","dragValue","setDragValue","undefined","graphProps","nextProps","isEqual","classes","CustomDraggableComponent","defineChart","lineState","scale","lineToUse","d","point","r","enableDraggable","interactive","Component","DraggableHandle","DragHandle","v","dragStop","correctness","React","PropTypes","func","number","object","label","string","xBand","isRequired","types","GraphPropsType","bool","arrayOf","shape","StyledLine","withStyles","theme","fill","stroke","color","primaryLight","strokeWidth","transition","primaryDark","Line","category","changeLine","array"],"sources":["../../../src/line/common/line.jsx"],"sourcesContent":["import React from 'react';\nimport { Group } from '@vx/group';\nimport { LinePath } from '@vx/shape';\nimport PropTypes from 'prop-types';\nimport { types } from '@pie-lib/plot';\nimport DraggableHandle, { DragHandle } from './drag-handle';\nimport { withStyles } from '@material-ui/core/styles/index';\nimport isEqual from 'lodash/isEqual';\nimport { color } from '@pie-lib/render-ui';\n\nconst getData = (data, domain) => {\n  const { max } = domain || {};\n  const length = data.length;\n\n  if (!max || !length) {\n    return [];\n  }\n\n  return data.map((el, i) => ({\n    ...el,\n    x: length > 1 ? i * (max / (length - 1)) : 0.5,\n    y: el.value\n  }));\n};\n\nexport class RawLine extends React.Component {\n  static propTypes = {\n    onChange: 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    defineChart: PropTypes.bool,\n    data: PropTypes.arrayOf(\n      PropTypes.shape({\n        label: PropTypes.string,\n        value: PropTypes.number\n      })\n    ),\n    CustomDraggableComponent: PropTypes.func\n  };\n\n  static defaultProps = {\n    index: 0\n  };\n\n  constructor(props) {\n    super(props);\n    this.state = {\n      dragValue: undefined,\n      line: getData(props.data, props.graphProps.domain)\n    };\n  }\n\n  UNSAFE_componentWillReceiveProps(nextProps) {\n    if (!isEqual(this.props.data, nextProps.data)) {\n      this.setState({\n        line: getData(nextProps.data, nextProps.graphProps.domain)\n      });\n    }\n  }\n\n  setDragValue = line => this.setState({ line });\n\n  dragStop = index => {\n    const { onChange } = this.props;\n    this.setState({ dragging: false }, () => {\n      onChange(index, this.state.line[index]);\n    });\n  };\n\n  dragValue = (index, existing, next) => {\n    const newLine = [...this.state.line];\n    newLine[index].dragValue = next;\n    this.setDragValue(newLine);\n  };\n\n  render() {\n    const { graphProps, data, classes, CustomDraggableComponent, defineChart } = this.props;\n    const { line: lineState, dragging } = this.state;\n    const { scale } = graphProps;\n    const lineToUse = dragging ? lineState : getData(data, graphProps.domain);\n\n    return (\n      <React.Fragment>\n        <LinePath\n          data={lineToUse}\n          x={d => scale.x(d.x)}\n          y={d => scale.y(d.dragValue !== undefined ? d.dragValue : d.y)}\n          className={classes.line}\n        />\n        {lineToUse &&\n          lineToUse.map((point, i) => {\n            const r = 6;\n            const enableDraggable = defineChart ? true : point.interactive;\n            const Component = enableDraggable ? DraggableHandle : DragHandle;\n\n            return (\n              <Component\n                key={`point-${point.x}-${i}`}\n                x={point.x}\n                y={point.dragValue !== undefined ? point.dragValue : point.y}\n                interactive={enableDraggable}\n                r={r}\n                onDragStart={() => this.setState({ dragging: true })}\n                onDrag={v =>\n                  this.dragValue(i, point.dragValue !== undefined ? point.dragValue : point.y, v)\n                }\n                onDragStop={() => this.dragStop(i)}\n                graphProps={graphProps}\n                CustomDraggableComponent={CustomDraggableComponent}\n                correctness={point.correctness}\n              />\n            );\n          })}\n      </React.Fragment>\n    );\n  }\n}\n\nconst StyledLine = withStyles(theme => ({\n  line: {\n    fill: 'transparent',\n    stroke: color.primaryLight(),\n    strokeWidth: 3,\n    transition: 'stroke 200ms ease-in, stroke-width 200ms ease-in',\n    '&:hover': {\n      strokeWidth: 6,\n      stroke: color.primaryDark()\n    }\n  }\n}))(RawLine);\n\nexport class Line extends React.Component {\n  static propTypes = {\n    data: PropTypes.array,\n    onChange: PropTypes.func,\n    xBand: PropTypes.func,\n    graphProps: types.GraphPropsType.isRequired\n  };\n\n  changeLine = (index, category) => {\n    const { onChange } = this.props;\n    const newLine = [...this.props.data];\n    const { dragValue, value } = category;\n\n    newLine[index].value = dragValue >= 0 ? dragValue : value;\n\n    onChange(newLine);\n  };\n\n  render() {\n    const props = this.props;\n\n    return (\n      <Group>\n        <StyledLine {...props} onChange={this.changeLine} />\n      </Group>\n    );\n  }\n}\n\nexport default Line;\n"],"mappings":"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"}

package/lib/line/line-cross.js

@@ -1,12 +1,28 @@
 "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.LineCross = void 0;
 
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
 var _react = _interopRequireDefault(require("react"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
@@ -25,36 +41,10 @@ var _line = _interopRequireDefault(require("./common/line"));
 
 var _excluded = ["classes", "className", "scale", "x", "y", "r", "correctness"];
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-
-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; }
-
-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 _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 DraggableComponent = function DraggableComponent(props) {
   var _props$classes = props.classes,
       classes = _props$classes === void 0 ? {} : _props$classes,
@@ -64,9 +54,8 @@ var DraggableComponent = function DraggableComponent(props) {
       y = props.y,
       r = props.r,
       correctness = props.correctness,
-      rest = _objectWithoutProperties(props, _excluded);
-
-  return /*#__PURE__*/_react["default"].createElement(_group.Group, _extends({}, rest, {
+      rest = (0, _objectWithoutProperties2["default"])(props, _excluded);
+  return /*#__PURE__*/_react["default"].createElement(_group.Group, (0, _extends2["default"])({}, rest, {
     className: (0, _classnames["default"])(className, classes.line, correctness && correctness.value)
   }), /*#__PURE__*/_react["default"].createElement(_shape.LinePath, {
     data: [{
@@ -117,17 +106,16 @@ DraggableComponent.propTypes = {
 };
 
 var LineCross = /*#__PURE__*/function (_React$Component) {
-  _inherits(LineCross, _React$Component);
+  (0, _inherits2["default"])(LineCross, _React$Component);
 
   var _super = _createSuper(LineCross);
 
   function LineCross() {
-    _classCallCheck(this, LineCross);
-
+    (0, _classCallCheck2["default"])(this, LineCross);
     return _super.apply(this, arguments);
   }
 
-  _createClass(LineCross, [{
+  (0, _createClass2["default"])(LineCross, [{
     key: "render",
     value: function render() {
       var props = this.props;
@@ -141,19 +129,17 @@ var LineCross = /*#__PURE__*/function (_React$Component) {
           size = _ref$size === void 0 ? {} : _ref$size;
 
       var xBand = (0, _utils.dataToXBand)(scale.x, data, size.width, 'lineCross');
-      return /*#__PURE__*/_react["default"].createElement(_line["default"], _extends({}, props, {
+      return /*#__PURE__*/_react["default"].createElement(_line["default"], (0, _extends2["default"])({}, props, {
         xBand: xBand,
         CustomDraggableComponent: DraggableComponent
       }));
     }
   }]);
-
   return LineCross;
 }(_react["default"].Component);
 
 exports.LineCross = LineCross;
-
-_defineProperty(LineCross, "propTypes", {
+(0, _defineProperty2["default"])(LineCross, "propTypes", {
   data: _propTypes["default"].array,
   onChange: _propTypes["default"].func,
   graphProps: _plot.types.GraphPropsType.isRequired

package/lib/line/line-cross.js.map

@@ -1 +1 @@
-{"version":3,"file":"line-cross.js","names":["DraggableComponent","props","classes","className","scale","x","y","r","correctness","rest","classNames","line","value","d","propTypes","PropTypes","object","number","string","shape","label","LineCross","data","graphProps","size","xBand","dataToXBand","width","React","Component","array","onChange","func","types","GraphPropsType","isRequired","type","name"],"sources":["../../src/line/line-cross.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { types } from '@pie-lib/plot';\nimport { LinePath } from '@vx/shape';\nimport { Group } from '@vx/group';\nimport classNames from 'classnames';\nimport { dataToXBand } from '../utils';\nimport RawLine from './common/line';\n\nconst DraggableComponent = props => {\n  const { classes = {}, className, scale, x, y, r, correctness, ...rest } = props;\n\n  return (\n    <Group\n      {...rest}\n      className={classNames(className, classes.line, correctness && correctness.value)}\n    >\n      <LinePath\n        data={[{ x: scale.x(x) - r, y: scale.y(y) + r }, { x: scale.x(x) + r, y: scale.y(y) - r }]}\n        key={`point-${x}-${y}-1`}\n        x={d => d.x}\n        y={d => d.y}\n        strokeWidth={5}\n      />\n      <LinePath\n        data={[{ x: scale.x(x) - r, y: scale.y(y) - r }, { x: scale.x(x) + r, y: scale.y(y) + r }]}\n        key={`point-${x}-${y}-2`}\n        x={d => d.x}\n        y={d => d.y}\n        strokeWidth={5}\n      />\n    </Group>\n  );\n};\n\nDraggableComponent.propTypes = {\n  scale: PropTypes.object,\n  x: PropTypes.number,\n  y: PropTypes.number,\n  r: PropTypes.number,\n  className: PropTypes.string,\n  classes: PropTypes.object,\n  correctness: PropTypes.shape({\n    value: PropTypes.string,\n    label: PropTypes.string\n  })\n};\n\nexport class LineCross 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, 'lineCross');\n\n    return <RawLine {...props} xBand={xBand} CustomDraggableComponent={DraggableComponent} />;\n  }\n}\n\nexport default () => ({\n  type: 'lineCross',\n  Component: LineCross,\n  name: 'Line Cross'\n});\n"],"mappings":"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"}
+{"version":3,"file":"line-cross.js","names":["DraggableComponent","props","classes","className","scale","x","y","r","correctness","rest","classNames","line","value","d","propTypes","PropTypes","object","number","string","shape","label","LineCross","data","graphProps","size","xBand","dataToXBand","width","React","Component","array","onChange","func","types","GraphPropsType","isRequired","type","name"],"sources":["../../src/line/line-cross.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { types } from '@pie-lib/plot';\nimport { LinePath } from '@vx/shape';\nimport { Group } from '@vx/group';\nimport classNames from 'classnames';\nimport { dataToXBand } from '../utils';\nimport RawLine from './common/line';\n\nconst DraggableComponent = props => {\n  const { classes = {}, className, scale, x, y, r, correctness, ...rest } = props;\n\n  return (\n    <Group\n      {...rest}\n      className={classNames(className, classes.line, correctness && correctness.value)}\n    >\n      <LinePath\n        data={[{ x: scale.x(x) - r, y: scale.y(y) + r }, { x: scale.x(x) + r, y: scale.y(y) - r }]}\n        key={`point-${x}-${y}-1`}\n        x={d => d.x}\n        y={d => d.y}\n        strokeWidth={5}\n      />\n      <LinePath\n        data={[{ x: scale.x(x) - r, y: scale.y(y) - r }, { x: scale.x(x) + r, y: scale.y(y) + r }]}\n        key={`point-${x}-${y}-2`}\n        x={d => d.x}\n        y={d => d.y}\n        strokeWidth={5}\n      />\n    </Group>\n  );\n};\n\nDraggableComponent.propTypes = {\n  scale: PropTypes.object,\n  x: PropTypes.number,\n  y: PropTypes.number,\n  r: PropTypes.number,\n  className: PropTypes.string,\n  classes: PropTypes.object,\n  correctness: PropTypes.shape({\n    value: PropTypes.string,\n    label: PropTypes.string\n  })\n};\n\nexport class LineCross 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, 'lineCross');\n\n    return <RawLine {...props} xBand={xBand} CustomDraggableComponent={DraggableComponent} />;\n  }\n}\n\nexport default () => ({\n  type: 'lineCross',\n  Component: LineCross,\n  name: 'Line Cross'\n});\n"],"mappings":"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"}

package/lib/line/line-dot.js

@@ -1,56 +1,46 @@
 "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.LineDot = void 0;
 
-var _react = _interopRequireDefault(require("react"));
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 
-var _propTypes = _interopRequireDefault(require("prop-types"));
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
 
-var _plot = require("@pie-lib/plot");
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 
-var _utils = require("../utils");
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
 
-var _line = _interopRequireDefault(require("./common/line"));
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
 
-var _classnames = _interopRequireDefault(require("classnames"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 
-var _excluded = ["scale", "x", "y", "className", "classes", "r", "correctness"];
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+var _react = _interopRequireDefault(require("react"));
 
-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 _propTypes = _interopRequireDefault(require("prop-types"));
 
-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 _plot = require("@pie-lib/plot");
 
-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 _utils = require("../utils");
 
-function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+var _line = _interopRequireDefault(require("./common/line"));
 
-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 _classnames = _interopRequireDefault(require("classnames"));
 
-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 = ["scale", "x", "y", "className", "classes", "r", "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; }
-
-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 _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 DraggableComponent = function DraggableComponent(_ref) {
   var scale = _ref.scale,
       x = _ref.x,
@@ -59,9 +49,8 @@ var DraggableComponent = function DraggableComponent(_ref) {
       classes = _ref.classes,
       r = _ref.r,
       correctness = _ref.correctness,
-      rest = _objectWithoutProperties(_ref, _excluded);
-
-  return /*#__PURE__*/_react["default"].createElement("circle", _extends({
+      rest = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
+  return /*#__PURE__*/_react["default"].createElement("circle", (0, _extends2["default"])({
     cx: scale.x(x),
     cy: scale.y(y),
     r: r,
@@ -83,17 +72,16 @@ DraggableComponent.propTypes = {
 };
 
 var LineDot = /*#__PURE__*/function (_React$Component) {
-  _inherits(LineDot, _React$Component);
+  (0, _inherits2["default"])(LineDot, _React$Component);
 
   var _super = _createSuper(LineDot);
 
   function LineDot() {
-    _classCallCheck(this, LineDot);
-
+    (0, _classCallCheck2["default"])(this, LineDot);
     return _super.apply(this, arguments);
   }
 
-  _createClass(LineDot, [{
+  (0, _createClass2["default"])(LineDot, [{
     key: "render",
     value: function render() {
       var props = this.props;
@@ -107,19 +95,17 @@ var LineDot = /*#__PURE__*/function (_React$Component) {
           size = _ref2$size === void 0 ? {} : _ref2$size;
 
       var xBand = (0, _utils.dataToXBand)(scale.x, data, size.width, 'lineDot');
-      return /*#__PURE__*/_react["default"].createElement(_line["default"], _extends({}, props, {
+      return /*#__PURE__*/_react["default"].createElement(_line["default"], (0, _extends2["default"])({}, props, {
         xBand: xBand,
         CustomDraggableComponent: DraggableComponent
       }));
     }
   }]);
-
   return LineDot;
 }(_react["default"].Component);
 
 exports.LineDot = LineDot;
-
-_defineProperty(LineDot, "propTypes", {
+(0, _defineProperty2["default"])(LineDot, "propTypes", {
   data: _propTypes["default"].array,
   onChange: _propTypes["default"].func,
   graphProps: _plot.types.GraphPropsType.isRequired

package/lib/line/line-dot.js.map

@@ -1 +1 @@
-{"version":3,"file":"line-dot.js","names":["DraggableComponent","scale","x","y","className","classes","r","correctness","rest","classNames","handle","value","propTypes","PropTypes","object","number","string","shape","label","LineDot","props","data","graphProps","size","xBand","dataToXBand","width","React","Component","array","onChange","func","types","GraphPropsType","isRequired","type","name"],"sources":["../../src/line/line-dot.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { types } from '@pie-lib/plot';\nimport { dataToXBand } from '../utils';\nimport RawLine from './common/line';\nimport classNames from 'classnames';\n\nconst DraggableComponent = ({ scale, x, y, className, classes, r, correctness, ...rest }) => (\n  <circle\n    cx={scale.x(x)}\n    cy={scale.y(y)}\n    r={r}\n    className={classNames(className, classes.handle, correctness && correctness.value)}\n    {...rest}\n  />\n);\n\nDraggableComponent.propTypes = {\n  scale: PropTypes.object,\n  x: PropTypes.number,\n  y: PropTypes.number,\n  r: PropTypes.number,\n  className: PropTypes.string,\n  classes: PropTypes.object,\n  correctness: PropTypes.shape({\n    value: PropTypes.string,\n    label: PropTypes.string\n  })\n};\n\nexport class LineDot 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, 'lineDot');\n\n    return <RawLine {...props} xBand={xBand} CustomDraggableComponent={DraggableComponent} />;\n  }\n}\n\nexport default () => ({\n  type: 'lineDot',\n  Component: LineDot,\n  name: 'Line Dot'\n});\n"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEA,IAAMA,kBAAkB,GAAG,SAArBA,kBAAqB;EAAA,IAAGC,KAAH,QAAGA,KAAH;EAAA,IAAUC,CAAV,QAAUA,CAAV;EAAA,IAAaC,CAAb,QAAaA,CAAb;EAAA,IAAgBC,SAAhB,QAAgBA,SAAhB;EAAA,IAA2BC,OAA3B,QAA2BA,OAA3B;EAAA,IAAoCC,CAApC,QAAoCA,CAApC;EAAA,IAAuCC,WAAvC,QAAuCA,WAAvC;EAAA,IAAuDC,IAAvD;;EAAA,oBACzB;IACE,EAAE,EAAEP,KAAK,CAACC,CAAN,CAAQA,CAAR,CADN;IAEE,EAAE,EAAED,KAAK,CAACE,CAAN,CAAQA,CAAR,CAFN;IAGE,CAAC,EAAEG,CAHL;IAIE,SAAS,EAAE,IAAAG,sBAAA,EAAWL,SAAX,EAAsBC,OAAO,CAACK,MAA9B,EAAsCH,WAAW,IAAIA,WAAW,CAACI,KAAjE;EAJb,GAKMH,IALN,EADyB;AAAA,CAA3B;;AAUAR,kBAAkB,CAACY,SAAnB,GAA+B;EAC7BX,KAAK,EAAEY,qBAAA,CAAUC,MADY;EAE7BZ,CAAC,EAAEW,qBAAA,CAAUE,MAFgB;EAG7BZ,CAAC,EAAEU,qBAAA,CAAUE,MAHgB;EAI7BT,CAAC,EAAEO,qBAAA,CAAUE,MAJgB;EAK7BX,SAAS,EAAES,qBAAA,CAAUG,MALQ;EAM7BX,OAAO,EAAEQ,qBAAA,CAAUC,MANU;EAO7BP,WAAW,EAAEM,qBAAA,CAAUI,KAAV,CAAgB;IAC3BN,KAAK,EAAEE,qBAAA,CAAUG,MADU;IAE3BE,KAAK,EAAEL,qBAAA,CAAUG;EAFU,CAAhB;AAPgB,CAA/B;;IAaaG,O;;;;;;;;;;;;;WAOX,kBAAS;MACP,IAAMC,KAAK,GAAG,KAAKA,KAAnB;MACA,IAAQC,IAAR,GAA6BD,KAA7B,CAAQC,IAAR;MAAA,IAAcC,UAAd,GAA6BF,KAA7B,CAAcE,UAAd;;MACA,YAAkCA,UAAU,IAAI,EAAhD;MAAA,wBAAQrB,KAAR;MAAA,IAAQA,KAAR,4BAAgB,EAAhB;MAAA,uBAAoBsB,IAApB;MAAA,IAAoBA,IAApB,2BAA2B,EAA3B;;MACA,IAAMC,KAAK,GAAG,IAAAC,kBAAA,EAAYxB,KAAK,CAACC,CAAlB,EAAqBmB,IAArB,EAA2BE,IAAI,CAACG,KAAhC,EAAuC,SAAvC,CAAd;MAEA,oBAAO,gCAAC,gBAAD,eAAaN,KAAb;QAAoB,KAAK,EAAEI,KAA3B;QAAkC,wBAAwB,EAAExB;MAA5D,GAAP;IACD;;;;EAd0B2B,iBAAA,CAAMC,S;;;;gBAAtBT,O,eACQ;EACjBE,IAAI,EAAER,qBAAA,CAAUgB,KADC;EAEjBC,QAAQ,EAAEjB,qBAAA,CAAUkB,IAFH;EAGjBT,UAAU,EAAEU,WAAA,CAAMC,cAAN,CAAqBC;AAHhB,C;;eAgBN;EAAA,OAAO;IACpBC,IAAI,EAAE,SADc;IAEpBP,SAAS,EAAET,OAFS;IAGpBiB,IAAI,EAAE;EAHc,CAAP;AAAA,C"}
+{"version":3,"file":"line-dot.js","names":["DraggableComponent","scale","x","y","className","classes","r","correctness","rest","classNames","handle","value","propTypes","PropTypes","object","number","string","shape","label","LineDot","props","data","graphProps","size","xBand","dataToXBand","width","React","Component","array","onChange","func","types","GraphPropsType","isRequired","type","name"],"sources":["../../src/line/line-dot.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { types } from '@pie-lib/plot';\nimport { dataToXBand } from '../utils';\nimport RawLine from './common/line';\nimport classNames from 'classnames';\n\nconst DraggableComponent = ({ scale, x, y, className, classes, r, correctness, ...rest }) => (\n  <circle\n    cx={scale.x(x)}\n    cy={scale.y(y)}\n    r={r}\n    className={classNames(className, classes.handle, correctness && correctness.value)}\n    {...rest}\n  />\n);\n\nDraggableComponent.propTypes = {\n  scale: PropTypes.object,\n  x: PropTypes.number,\n  y: PropTypes.number,\n  r: PropTypes.number,\n  className: PropTypes.string,\n  classes: PropTypes.object,\n  correctness: PropTypes.shape({\n    value: PropTypes.string,\n    label: PropTypes.string\n  })\n};\n\nexport class LineDot 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, 'lineDot');\n\n    return <RawLine {...props} xBand={xBand} CustomDraggableComponent={DraggableComponent} />;\n  }\n}\n\nexport default () => ({\n  type: 'lineDot',\n  Component: LineDot,\n  name: 'Line Dot'\n});\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;;;AAEA,IAAMA,kBAAkB,GAAG,SAArBA,kBAAqB;EAAA,IAAGC,KAAH,QAAGA,KAAH;EAAA,IAAUC,CAAV,QAAUA,CAAV;EAAA,IAAaC,CAAb,QAAaA,CAAb;EAAA,IAAgBC,SAAhB,QAAgBA,SAAhB;EAAA,IAA2BC,OAA3B,QAA2BA,OAA3B;EAAA,IAAoCC,CAApC,QAAoCA,CAApC;EAAA,IAAuCC,WAAvC,QAAuCA,WAAvC;EAAA,IAAuDC,IAAvD;EAAA,oBACzB;IACE,EAAE,EAAEP,KAAK,CAACC,CAAN,CAAQA,CAAR,CADN;IAEE,EAAE,EAAED,KAAK,CAACE,CAAN,CAAQA,CAAR,CAFN;IAGE,CAAC,EAAEG,CAHL;IAIE,SAAS,EAAE,IAAAG,sBAAA,EAAWL,SAAX,EAAsBC,OAAO,CAACK,MAA9B,EAAsCH,WAAW,IAAIA,WAAW,CAACI,KAAjE;EAJb,GAKMH,IALN,EADyB;AAAA,CAA3B;;AAUAR,kBAAkB,CAACY,SAAnB,GAA+B;EAC7BX,KAAK,EAAEY,qBAAA,CAAUC,MADY;EAE7BZ,CAAC,EAAEW,qBAAA,CAAUE,MAFgB;EAG7BZ,CAAC,EAAEU,qBAAA,CAAUE,MAHgB;EAI7BT,CAAC,EAAEO,qBAAA,CAAUE,MAJgB;EAK7BX,SAAS,EAAES,qBAAA,CAAUG,MALQ;EAM7BX,OAAO,EAAEQ,qBAAA,CAAUC,MANU;EAO7BP,WAAW,EAAEM,qBAAA,CAAUI,KAAV,CAAgB;IAC3BN,KAAK,EAAEE,qBAAA,CAAUG,MADU;IAE3BE,KAAK,EAAEL,qBAAA,CAAUG;EAFU,CAAhB;AAPgB,CAA/B;;IAaaG,O;;;;;;;;;;;;WAOX,kBAAS;MACP,IAAMC,KAAK,GAAG,KAAKA,KAAnB;MACA,IAAQC,IAAR,GAA6BD,KAA7B,CAAQC,IAAR;MAAA,IAAcC,UAAd,GAA6BF,KAA7B,CAAcE,UAAd;;MACA,YAAkCA,UAAU,IAAI,EAAhD;MAAA,wBAAQrB,KAAR;MAAA,IAAQA,KAAR,4BAAgB,EAAhB;MAAA,uBAAoBsB,IAApB;MAAA,IAAoBA,IAApB,2BAA2B,EAA3B;;MACA,IAAMC,KAAK,GAAG,IAAAC,kBAAA,EAAYxB,KAAK,CAACC,CAAlB,EAAqBmB,IAArB,EAA2BE,IAAI,CAACG,KAAhC,EAAuC,SAAvC,CAAd;MAEA,oBAAO,gCAAC,gBAAD,gCAAaN,KAAb;QAAoB,KAAK,EAAEI,KAA3B;QAAkC,wBAAwB,EAAExB;MAA5D,GAAP;IACD;;;EAd0B2B,iBAAA,CAAMC,S;;;iCAAtBT,O,eACQ;EACjBE,IAAI,EAAER,qBAAA,CAAUgB,KADC;EAEjBC,QAAQ,EAAEjB,qBAAA,CAAUkB,IAFH;EAGjBT,UAAU,EAAEU,WAAA,CAAMC,cAAN,CAAqBC;AAHhB,C;;eAgBN;EAAA,OAAO;IACpBC,IAAI,EAAE,SADc;IAEpBP,SAAS,EAAET,OAFS;IAGpBiB,IAAI,EAAE;EAHc,CAAP;AAAA,C"}

package/lib/mark-label.js

@@ -1,12 +1,18 @@
 "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");
+
+var _typeof = require("@babel/runtime/helpers/typeof");
 
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = exports.MarkLabel = void 0;
 
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
 var _react = _interopRequireWildcard(require("react"));
 
 var _classnames = _interopRequireDefault(require("classnames"));
@@ -23,29 +29,13 @@ var _styles2 = require("./common/styles");
 
 var _renderUi = require("@pie-lib/render-ui");
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
 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 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 _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; }
-
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure 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 _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 _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
-
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+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; }
 
 var styles = function styles(theme) {
   return {
@@ -66,7 +56,7 @@ var styles = function styles(theme) {
 var MarkLabel = function MarkLabel(props) {
   // eslint-disable-next-line no-unused-vars
   var _useState = (0, _react.useState)(null),
-      _useState2 = _slicedToArray(_useState, 2),
+      _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
       input = _useState2[0],
       setInput = _useState2[1];
 
@@ -83,7 +73,7 @@ var MarkLabel = function MarkLabel(props) {
       correctness = props.correctness;
 
   var _useState3 = (0, _react.useState)(mark.label),
-      _useState4 = _slicedToArray(_useState3, 2),
+      _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
       label = _useState4[0],
       setLabel = _useState4[1];
 

package/lib/mark-label.js.map

@@ -1 +1 @@
-{"version":3,"file":"mark-label.js","names":["styles","theme","input","fontFamily","typography","fontSize","border","color","primaryDark","correct","incorrect","disabled","backgroundColor","MarkLabel","props","useState","setInput","_ref","useCallback","node","mark","classes","externalInputRef","inputRef","barWidth","rotate","correctness","label","setLabel","onChange","e","target","value","onChangeProp","extraStyle","width","textAlign","useEffect","r","cn","minWidth","background","boxSizing","paddingLeft","paddingRight","position","pointerEvents","top","left","transformOrigin","transform","propTypes","PropTypes","bool","func","graphProps","types","GraphPropsType","object","number","shape","string","withStyles"],"sources":["../src/mark-label.jsx"],"sourcesContent":["import React, { useState, useCallback, useEffect } from 'react';\nimport cn from 'classnames';\nimport { withStyles } from '@material-ui/core/styles';\nimport AutosizeInput from 'react-input-autosize';\nimport PropTypes from 'prop-types';\nimport { types } from '@pie-lib/plot';\nimport { correct, incorrect, disabled } from './common/styles';\nimport { color } from '@pie-lib/render-ui';\n\nconst styles = theme => ({\n  input: {\n    float: 'right',\n    fontFamily: theme.typography.fontFamily,\n    fontSize: theme.typography.fontSize,\n    border: 'none',\n    color: color.primaryDark(),\n    '&.correct': correct('color'),\n    '&.incorrect': incorrect('color'),\n    '&.disabled': disabled('color'),\n    backgroundColor: 'transparent !important'\n  }\n});\n\nexport const MarkLabel = props => {\n  // eslint-disable-next-line no-unused-vars\n  const [input, setInput] = useState(null);\n  const _ref = useCallback(node => setInput(node), null);\n\n  const {\n    mark,\n    classes,\n    disabled,\n    inputRef: externalInputRef,\n    barWidth,\n    rotate,\n    correctness\n  } = props;\n  const [label, setLabel] = useState(mark.label);\n  const onChange = e => setLabel(e.target.value);\n  const onChangeProp = e => props.onChange(e.target.value);\n  let extraStyle = {};\n\n  if (rotate) {\n    extraStyle = {\n      width: 'unset',\n      textAlign: 'left'\n    };\n  }\n\n  // useState only sets the value once, to synch props to state need useEffect\n  useEffect(() => {\n    setLabel(mark.label);\n  }, [mark.label]);\n\n  return (\n    <AutosizeInput\n      inputRef={r => {\n        _ref(r);\n        externalInputRef(r);\n      }}\n      disabled={disabled}\n      inputClassName={cn(classes.input, correctness && correctness.label, disabled && 'disabled')}\n      inputStyle={{\n        minWidth: barWidth,\n        textAlign: 'center',\n        background: 'transparent',\n        boxSizing: 'border-box',\n        paddingLeft: 0,\n        paddingRight: 0,\n        ...extraStyle\n      }}\n      value={label}\n      style={{\n        position: 'absolute',\n        pointerEvents: 'auto',\n        top: 0,\n        left: 0,\n        minWidth: barWidth,\n        transformOrigin: 'left',\n        transform: `rotate(${rotate}deg)`\n      }}\n      onChange={onChange}\n      onBlur={onChangeProp}\n    />\n  );\n};\n\nMarkLabel.propTypes = {\n  disabled: PropTypes.bool,\n  onChange: PropTypes.func,\n  graphProps: types.GraphPropsType,\n  classes: PropTypes.object,\n  inputRef: PropTypes.func,\n  mark: PropTypes.object,\n  barWidth: PropTypes.number,\n  rotate: PropTypes.number,\n  correctness: PropTypes.shape({\n    value: PropTypes.string,\n    label: PropTypes.string\n  })\n};\n\nexport default withStyles(styles)(MarkLabel);\n"],"mappings":"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"}
+{"version":3,"file":"mark-label.js","names":["styles","theme","input","fontFamily","typography","fontSize","border","color","primaryDark","correct","incorrect","disabled","backgroundColor","MarkLabel","props","useState","setInput","_ref","useCallback","node","mark","classes","externalInputRef","inputRef","barWidth","rotate","correctness","label","setLabel","onChange","e","target","value","onChangeProp","extraStyle","width","textAlign","useEffect","r","cn","minWidth","background","boxSizing","paddingLeft","paddingRight","position","pointerEvents","top","left","transformOrigin","transform","propTypes","PropTypes","bool","func","graphProps","types","GraphPropsType","object","number","shape","string","withStyles"],"sources":["../src/mark-label.jsx"],"sourcesContent":["import React, { useState, useCallback, useEffect } from 'react';\nimport cn from 'classnames';\nimport { withStyles } from '@material-ui/core/styles';\nimport AutosizeInput from 'react-input-autosize';\nimport PropTypes from 'prop-types';\nimport { types } from '@pie-lib/plot';\nimport { correct, incorrect, disabled } from './common/styles';\nimport { color } from '@pie-lib/render-ui';\n\nconst styles = theme => ({\n  input: {\n    float: 'right',\n    fontFamily: theme.typography.fontFamily,\n    fontSize: theme.typography.fontSize,\n    border: 'none',\n    color: color.primaryDark(),\n    '&.correct': correct('color'),\n    '&.incorrect': incorrect('color'),\n    '&.disabled': disabled('color'),\n    backgroundColor: 'transparent !important'\n  }\n});\n\nexport const MarkLabel = props => {\n  // eslint-disable-next-line no-unused-vars\n  const [input, setInput] = useState(null);\n  const _ref = useCallback(node => setInput(node), null);\n\n  const {\n    mark,\n    classes,\n    disabled,\n    inputRef: externalInputRef,\n    barWidth,\n    rotate,\n    correctness\n  } = props;\n  const [label, setLabel] = useState(mark.label);\n  const onChange = e => setLabel(e.target.value);\n  const onChangeProp = e => props.onChange(e.target.value);\n  let extraStyle = {};\n\n  if (rotate) {\n    extraStyle = {\n      width: 'unset',\n      textAlign: 'left'\n    };\n  }\n\n  // useState only sets the value once, to synch props to state need useEffect\n  useEffect(() => {\n    setLabel(mark.label);\n  }, [mark.label]);\n\n  return (\n    <AutosizeInput\n      inputRef={r => {\n        _ref(r);\n        externalInputRef(r);\n      }}\n      disabled={disabled}\n      inputClassName={cn(classes.input, correctness && correctness.label, disabled && 'disabled')}\n      inputStyle={{\n        minWidth: barWidth,\n        textAlign: 'center',\n        background: 'transparent',\n        boxSizing: 'border-box',\n        paddingLeft: 0,\n        paddingRight: 0,\n        ...extraStyle\n      }}\n      value={label}\n      style={{\n        position: 'absolute',\n        pointerEvents: 'auto',\n        top: 0,\n        left: 0,\n        minWidth: barWidth,\n        transformOrigin: 'left',\n        transform: `rotate(${rotate}deg)`\n      }}\n      onChange={onChange}\n      onBlur={onChangeProp}\n    />\n  );\n};\n\nMarkLabel.propTypes = {\n  disabled: PropTypes.bool,\n  onChange: PropTypes.func,\n  graphProps: types.GraphPropsType,\n  classes: PropTypes.object,\n  inputRef: PropTypes.func,\n  mark: PropTypes.object,\n  barWidth: PropTypes.number,\n  rotate: PropTypes.number,\n  correctness: PropTypes.shape({\n    value: PropTypes.string,\n    label: PropTypes.string\n  })\n};\n\nexport default withStyles(styles)(MarkLabel);\n"],"mappings":"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"}