@pie-lib/graphing 2.4.3-next.350 → 2.4.3-next.406

package/lib/tools/shared/line/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["lineTool","type","Component","addPoint","point","mark","equalPoints","root","building","from","to","lineToolComponent","props","setState","onChange","update","state","undefined","shouldNotChange","sameAxes","isEqual","middle","graphProps","onClick","labelNode","labelModeEnabled","coordinatesOnHover","cloneDeep","isBackground","disabled","correctness","changeMark","changeMarkProps","startDrag","stopDrag","React","types","ToolPropTypeFields","GraphPropsType","isRequired","dragOpts","bounds","domain","range","area","utils","lineToArea","anchorPoint","fromDelta","delta","add","lineBase","Comp","opts","DraggableComp","gridDraggable","FromPoint","BasePoint","ToPoint","LineBase","getMiddleOfTwoPoints","draggedFrom","draggedTo","label","updated","onChangePoint","isEmpty","input","focus","onDragStart","onDragStop","common","angle","trig","toDegrees","fromLabelNode","toLabelNode","lineLabelNode","hasOwnProperty","ReactDOM","createPortal","r","labelChange","dragComp","clickPoint","x","y","dragFrom","dragTo","PropTypes","bool","PointType","func","string","object","styles","line","fill","stroke","color","primaryLight","strokeWidth","transition","primaryDark","arrow","secondary","disabledArrow","correct","theme","key","incorrect"],"sources":["../../../../src/tools/shared/line/index.jsx"],"sourcesContent":["import React from 'react';\nimport isEqual from 'lodash/isEqual';\nimport cloneDeep from 'lodash/cloneDeep';\nimport { BasePoint } from '../point';\nimport { types, utils, gridDraggable, trig } from '@pie-lib/plot';\nimport PropTypes from 'prop-types';\nimport { disabled, correct, incorrect } from '../styles';\nimport ReactDOM from 'react-dom';\nimport MarkLabel from '../../../mark-label';\nimport isEmpty from 'lodash/isEmpty';\nimport { color } from '@pie-lib/render-ui';\nimport { getMiddleOfTwoPoints, equalPoints, sameAxes } from '../../../utils';\n\nexport const lineTool = (type, Component) => () => ({\n  type,\n  Component,\n  addPoint: (point, mark) => {\n    if (mark && equalPoints(mark.root, point)) {\n      return mark;\n    }\n\n    if (!mark) {\n      return {\n        type,\n        building: true,\n        from: point\n      };\n    }\n\n    if (equalPoints(point, mark.from)) {\n      return { ...mark };\n    }\n\n    return { ...mark, building: false, to: point };\n  }\n});\n\nexport const lineToolComponent = Component => {\n  return class LineToolComponent extends React.Component {\n    static propTypes = {\n      ...types.ToolPropTypeFields,\n      graphProps: types.GraphPropsType.isRequired\n    };\n\n    constructor(props) {\n      super(props);\n      this.state = {};\n    }\n\n    startDrag = () => this.setState({ mark: { ...this.props.mark } });\n\n    stopDrag = () => {\n      const { onChange, mark } = this.props;\n      const update = { ...this.state.mark };\n\n      this.setState({ mark: undefined }, () => {\n        const { type } = update;\n        const shouldNotChange =\n          type && (type === 'parabola' || type === 'sine') && sameAxes(update.from, update.to);\n\n        if (!isEqual(mark, update) && !shouldNotChange) {\n          onChange(mark, update);\n        }\n      });\n    };\n\n    changeMark = ({ from, to, middle }) => {\n      let mark = { ...this.state.mark, from, to };\n\n      if (middle) {\n        mark = { ...mark, middle };\n      }\n\n      this.setState({ mark });\n    };\n\n    changeMarkProps = ({ from, to, middle }) => {\n      const { onChange, mark } = this.props;\n      let update = { ...mark, ...this.state.mark };\n\n      if (from) {\n        update = { ...update, from };\n      }\n\n      if (to) {\n        update = { ...update, to };\n      }\n\n      if (middle) {\n        update = { ...update, middle };\n      }\n\n      if (!isEqual(mark, update)) {\n        onChange(mark, update);\n      }\n    };\n\n    render() {\n      const { graphProps, onClick, labelNode, labelModeEnabled, coordinatesOnHover } = this.props;\n      const mark = this.state.mark ? this.state.mark : this.props.mark;\n\n      const from = cloneDeep(mark.from);\n      const to = cloneDeep(mark.to);\n      const middle = cloneDeep(mark.middle);\n\n      // SET DISABLED\n      // if it's a background mark, we need to force disable it\n      if (from && mark.isBackground) {\n        from.disabled = true;\n      }\n\n      if (to && mark.isBackground) {\n        to.disabled = true;\n      }\n\n      if (middle && mark.isBackground) {\n        middle.disabled = true;\n      }\n\n      return (\n        <Component\n          disabled={mark.disabled}\n          coordinatesOnHover={coordinatesOnHover}\n          correctness={mark.correctness}\n          from={from}\n          to={to}\n          middle={middle}\n          graphProps={graphProps}\n          onChange={this.changeMark}\n          changeMarkProps={this.changeMarkProps}\n          onClick={onClick}\n          onDragStart={this.startDrag}\n          onDragStop={this.stopDrag}\n          labelNode={labelNode}\n          labelModeEnabled={labelModeEnabled}\n        />\n      );\n    }\n  };\n};\n\nconst dragOpts = () => ({\n  bounds: (props, { domain, range }) => {\n    const area = utils.lineToArea(props.from, props.to);\n    return utils.bounds(area, domain, range);\n  },\n  anchorPoint: props => {\n    const { from } = props;\n    return from;\n  },\n  fromDelta: (props, delta) => {\n    const { from, to } = props;\n    return {\n      from: utils.point(from).add(utils.point(delta)),\n      to: utils.point(to).add(utils.point(delta))\n    };\n  }\n});\n\nexport const lineBase = (Comp, opts) => {\n  const DraggableComp = gridDraggable(dragOpts())(Comp);\n\n  const FromPoint = opts && opts.from ? opts.from : BasePoint;\n  const ToPoint = opts && opts.to ? opts.to : BasePoint;\n\n  class LineBase extends React.Component {\n    static propTypes = {\n      coordinatesOnHover: PropTypes.bool,\n      graphProps: types.GraphPropsType,\n      from: types.PointType,\n      to: types.PointType,\n      middle: types.PointType,\n      onChange: PropTypes.func,\n      onDragStart: PropTypes.func,\n      onDragStop: PropTypes.func,\n      onClick: PropTypes.func,\n      correctness: PropTypes.string,\n      disabled: PropTypes.bool,\n      labelNode: PropTypes.object,\n      labelModeEnabled: PropTypes.bool,\n      changeMarkProps: PropTypes.func\n    };\n\n    onChangePoint = point => {\n      const { middle, onChange } = this.props;\n      const { from, to } = point;\n\n      // because point.from.label and point.to.label can be different\n      if (!equalPoints(from, to)) {\n        if (middle) {\n          point.middle = { ...middle, ...getMiddleOfTwoPoints(from, to) };\n        }\n\n        onChange(point);\n      }\n    };\n\n    dragComp = ({ from: draggedFrom, to: draggedTo }) => {\n      const { from, to, onChange, middle } = this.props;\n\n      if (from.label) {\n        draggedFrom.label = from.label;\n      }\n\n      if (to.label) {\n        draggedTo.label = to.label;\n      }\n\n      const updated = { from: draggedFrom, to: draggedTo };\n\n      if (middle) {\n        updated.middle = { ...middle, ...getMiddleOfTwoPoints(draggedFrom, draggedTo) };\n      }\n\n      onChange(updated);\n    };\n\n    dragFrom = draggedFrom => {\n      const { from, to } = this.props;\n\n      if (from.label) {\n        draggedFrom.label = from.label;\n      }\n\n      if (!equalPoints(draggedFrom, to)) {\n        this.onChangePoint({ from: draggedFrom, to: to });\n      }\n    };\n\n    dragTo = draggedTo => {\n      const { from, to } = this.props;\n\n      if (to.label) {\n        draggedTo.label = to.label;\n      }\n\n      if (!equalPoints(from, draggedTo)) {\n        this.onChangePoint({ from: from, to: draggedTo });\n      }\n    };\n\n    labelChange = (point, type) => {\n      const { changeMarkProps } = this.props;\n      const update = { ...point };\n\n      if (!point.label || isEmpty(point.label)) {\n        delete update.label;\n      }\n\n      changeMarkProps({ [type]: update });\n    };\n\n    clickPoint = (point, type) => {\n      const { changeMarkProps, from, to } = this.props;\n\n      if (type === 'middle' && !point && from && to) {\n        point = { ...point, ...getMiddleOfTwoPoints(from, to) };\n      }\n\n      changeMarkProps({ from, to, [type]: { label: '', ...point } });\n\n      if (this.input[type]) {\n        this.input[type].focus();\n      }\n    };\n\n    // IMPORTANT, do not remove\n    input = {};\n\n    render() {\n      const {\n        coordinatesOnHover,\n        graphProps,\n        onDragStart,\n        onDragStop,\n        from,\n        to,\n        middle,\n        disabled,\n        correctness,\n        onClick,\n        labelNode,\n        labelModeEnabled\n      } = this.props;\n      const common = { graphProps, onDragStart, onDragStop, disabled, correctness, onClick };\n      const angle = to ? trig.toDegrees(trig.angle(from, to)) : 0;\n\n      let fromLabelNode = null;\n      let toLabelNode = null;\n      let lineLabelNode = null;\n\n      if (labelNode) {\n        if (from && from.hasOwnProperty('label')) {\n          fromLabelNode = ReactDOM.createPortal(\n            <MarkLabel\n              inputRef={r => (this.input.from = r)}\n              disabled={!labelModeEnabled}\n              mark={from}\n              graphProps={graphProps}\n              onChange={label => this.labelChange({ ...from, label }, 'from')}\n            />,\n            labelNode\n          );\n        }\n\n        if (to && to.hasOwnProperty('label')) {\n          toLabelNode = ReactDOM.createPortal(\n            <MarkLabel\n              inputRef={r => (this.input.to = r)}\n              disabled={!labelModeEnabled}\n              mark={to}\n              graphProps={graphProps}\n              onChange={label => this.labelChange({ ...to, label }, 'to')}\n            />,\n            labelNode\n          );\n        }\n\n        if (middle && middle.hasOwnProperty('label')) {\n          lineLabelNode = ReactDOM.createPortal(\n            <MarkLabel\n              inputRef={r => (this.input.middle = r)}\n              disabled={!labelModeEnabled}\n              mark={middle}\n              graphProps={graphProps}\n              onChange={label => this.labelChange({ ...middle, label }, 'middle')}\n            />,\n            labelNode\n          );\n        }\n      }\n\n      return (\n        <g>\n          {to && (\n            <DraggableComp\n              from={from}\n              to={to}\n              middle={middle}\n              onDrag={this.dragComp}\n              {...common}\n              onClick={labelModeEnabled ? () => this.clickPoint(middle, 'middle') : common.onClick}\n            />\n          )}\n          {lineLabelNode}\n\n          <FromPoint\n            x={from.x}\n            y={from.y}\n            labelNode={labelNode}\n            coordinatesOnHover={coordinatesOnHover}\n            onDrag={this.dragFrom}\n            {...common}\n            onClick={labelModeEnabled ? () => this.clickPoint(from, 'from') : common.onClick}\n          />\n          {fromLabelNode}\n\n          {to && (\n            <ToPoint\n              x={to.x}\n              y={to.y}\n              angle={angle} //angle + 45}\n              labelNode={labelNode}\n              coordinatesOnHover={coordinatesOnHover}\n              onDrag={this.dragTo}\n              {...common}\n              onClick={labelModeEnabled ? () => this.clickPoint(to, 'to') : common.onClick}\n            />\n          )}\n          {toLabelNode}\n        </g>\n      );\n    }\n  }\n\n  return LineBase;\n};\n\nexport const styles = {\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  arrow: () => ({\n    fill: color.secondary()\n  }),\n  disabledArrow: () => ({\n    ...disabled()\n  }),\n  disabled: () => ({\n    ...disabled('stroke'),\n    strokeWidth: 2\n  }),\n  correct: (theme, key) => ({\n    ...correct(key)\n  }),\n  incorrect: (theme, key) => ({\n    ...incorrect(key)\n  })\n};\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["lineTool","type","Component","addPoint","point","mark","equalPoints","root","building","from","to","lineToolComponent","props","setState","onChange","update","state","undefined","shouldNotChange","sameAxes","isEqual","middle","graphProps","onClick","labelNode","labelModeEnabled","coordinatesOnHover","cloneDeep","isBackground","disabled","correctness","changeMark","changeMarkProps","startDrag","stopDrag","React","types","ToolPropTypeFields","GraphPropsType","isRequired","dragOpts","bounds","domain","range","area","utils","lineToArea","anchorPoint","fromDelta","delta","add","lineBase","Comp","opts","DraggableComp","gridDraggable","FromPoint","BasePoint","ToPoint","LineBase","getMiddleOfTwoPoints","draggedFrom","draggedTo","label","updated","onChangePoint","isEmpty","input","focus","onDragStart","onDragStop","common","angle","trig","toDegrees","fromLabelNode","toLabelNode","lineLabelNode","hasOwnProperty","ReactDOM","createPortal","r","labelChange","dragComp","clickPoint","x","y","dragFrom","dragTo","PropTypes","bool","PointType","func","string","object","styles","line","fill","stroke","color","primaryLight","strokeWidth","transition","primaryDark","arrow","secondary","disabledArrow","correct","theme","key","incorrect"],"sources":["../../../../src/tools/shared/line/index.jsx"],"sourcesContent":["import React from 'react';\nimport isEqual from 'lodash/isEqual';\nimport cloneDeep from 'lodash/cloneDeep';\nimport { BasePoint } from '../point';\nimport { types, utils, gridDraggable, trig } from '@pie-lib/plot';\nimport PropTypes from 'prop-types';\nimport { disabled, correct, incorrect } from '../styles';\nimport ReactDOM from 'react-dom';\nimport MarkLabel from '../../../mark-label';\nimport isEmpty from 'lodash/isEmpty';\nimport { color } from '@pie-lib/render-ui';\nimport { getMiddleOfTwoPoints, equalPoints, sameAxes } from '../../../utils';\n\nexport const lineTool = (type, Component) => () => ({\n  type,\n  Component,\n  addPoint: (point, mark) => {\n    if (mark && equalPoints(mark.root, point)) {\n      return mark;\n    }\n\n    if (!mark) {\n      return {\n        type,\n        building: true,\n        from: point\n      };\n    }\n\n    if (equalPoints(point, mark.from)) {\n      return { ...mark };\n    }\n\n    return { ...mark, building: false, to: point };\n  }\n});\n\nexport const lineToolComponent = Component => {\n  return class LineToolComponent extends React.Component {\n    static propTypes = {\n      ...types.ToolPropTypeFields,\n      graphProps: types.GraphPropsType.isRequired\n    };\n\n    constructor(props) {\n      super(props);\n      this.state = {};\n    }\n\n    startDrag = () => this.setState({ mark: { ...this.props.mark } });\n\n    stopDrag = () => {\n      const { onChange, mark } = this.props;\n      const update = { ...this.state.mark };\n\n      this.setState({ mark: undefined }, () => {\n        const { type } = update;\n        const shouldNotChange =\n          type && (type === 'parabola' || type === 'sine') && sameAxes(update.from, update.to);\n\n        if (!isEqual(mark, update) && !shouldNotChange) {\n          onChange(mark, update);\n        }\n      });\n    };\n\n    changeMark = ({ from, to, middle }) => {\n      let mark = { ...this.state.mark, from, to };\n\n      if (middle) {\n        mark = { ...mark, middle };\n      }\n\n      this.setState({ mark });\n    };\n\n    changeMarkProps = ({ from, to, middle }) => {\n      const { onChange, mark } = this.props;\n      let update = { ...mark, ...this.state.mark };\n\n      if (from) {\n        update = { ...update, from };\n      }\n\n      if (to) {\n        update = { ...update, to };\n      }\n\n      if (middle) {\n        update = { ...update, middle };\n      }\n\n      if (!isEqual(mark, update)) {\n        onChange(mark, update);\n      }\n    };\n\n    render() {\n      const { graphProps, onClick, labelNode, labelModeEnabled, coordinatesOnHover } = this.props;\n      const mark = this.state.mark ? this.state.mark : this.props.mark;\n\n      const from = cloneDeep(mark.from);\n      const to = cloneDeep(mark.to);\n      const middle = cloneDeep(mark.middle);\n\n      // SET DISABLED\n      // if it's a background mark, we need to force disable it\n      if (from && mark.isBackground) {\n        from.disabled = true;\n      }\n\n      if (to && mark.isBackground) {\n        to.disabled = true;\n      }\n\n      if (middle && mark.isBackground) {\n        middle.disabled = true;\n      }\n\n      return (\n        <Component\n          disabled={mark.disabled}\n          coordinatesOnHover={coordinatesOnHover}\n          correctness={mark.correctness}\n          from={from}\n          to={to}\n          middle={middle}\n          graphProps={graphProps}\n          onChange={this.changeMark}\n          changeMarkProps={this.changeMarkProps}\n          onClick={onClick}\n          onDragStart={this.startDrag}\n          onDragStop={this.stopDrag}\n          labelNode={labelNode}\n          labelModeEnabled={labelModeEnabled}\n        />\n      );\n    }\n  };\n};\n\nconst dragOpts = () => ({\n  bounds: (props, { domain, range }) => {\n    const area = utils.lineToArea(props.from, props.to);\n    return utils.bounds(area, domain, range);\n  },\n  anchorPoint: props => {\n    const { from } = props;\n    return from;\n  },\n  fromDelta: (props, delta) => {\n    const { from, to } = props;\n    return {\n      from: utils.point(from).add(utils.point(delta)),\n      to: utils.point(to).add(utils.point(delta))\n    };\n  }\n});\n\nexport const lineBase = (Comp, opts) => {\n  const DraggableComp = gridDraggable(dragOpts())(Comp);\n\n  const FromPoint = opts && opts.from ? opts.from : BasePoint;\n  const ToPoint = opts && opts.to ? opts.to : BasePoint;\n\n  class LineBase extends React.Component {\n    static propTypes = {\n      coordinatesOnHover: PropTypes.bool,\n      graphProps: types.GraphPropsType,\n      from: types.PointType,\n      to: types.PointType,\n      middle: types.PointType,\n      onChange: PropTypes.func,\n      onDragStart: PropTypes.func,\n      onDragStop: PropTypes.func,\n      onClick: PropTypes.func,\n      correctness: PropTypes.string,\n      disabled: PropTypes.bool,\n      labelNode: PropTypes.object,\n      labelModeEnabled: PropTypes.bool,\n      changeMarkProps: PropTypes.func\n    };\n\n    onChangePoint = point => {\n      const { middle, onChange } = this.props;\n      const { from, to } = point;\n\n      // because point.from.label and point.to.label can be different\n      if (!equalPoints(from, to)) {\n        if (middle) {\n          point.middle = { ...middle, ...getMiddleOfTwoPoints(from, to) };\n        }\n\n        onChange(point);\n      }\n    };\n\n    dragComp = ({ from: draggedFrom, to: draggedTo }) => {\n      const { from, to, onChange, middle } = this.props;\n\n      if (from.label) {\n        draggedFrom.label = from.label;\n      }\n\n      if (to.label) {\n        draggedTo.label = to.label;\n      }\n\n      const updated = { from: draggedFrom, to: draggedTo };\n\n      if (middle) {\n        updated.middle = { ...middle, ...getMiddleOfTwoPoints(draggedFrom, draggedTo) };\n      }\n\n      onChange(updated);\n    };\n\n    dragFrom = draggedFrom => {\n      const { from, to } = this.props;\n\n      if (from.label) {\n        draggedFrom.label = from.label;\n      }\n\n      if (!equalPoints(draggedFrom, to)) {\n        this.onChangePoint({ from: draggedFrom, to: to });\n      }\n    };\n\n    dragTo = draggedTo => {\n      const { from, to } = this.props;\n\n      if (to.label) {\n        draggedTo.label = to.label;\n      }\n\n      if (!equalPoints(from, draggedTo)) {\n        this.onChangePoint({ from: from, to: draggedTo });\n      }\n    };\n\n    labelChange = (point, type) => {\n      const { changeMarkProps } = this.props;\n      const update = { ...point };\n\n      if (!point.label || isEmpty(point.label)) {\n        delete update.label;\n      }\n\n      changeMarkProps({ [type]: update });\n    };\n\n    clickPoint = (point, type) => {\n      const { changeMarkProps, from, to } = this.props;\n\n      if (type === 'middle' && !point && from && to) {\n        point = { ...point, ...getMiddleOfTwoPoints(from, to) };\n      }\n\n      changeMarkProps({ from, to, [type]: { label: '', ...point } });\n\n      if (this.input[type]) {\n        this.input[type].focus();\n      }\n    };\n\n    // IMPORTANT, do not remove\n    input = {};\n\n    render() {\n      const {\n        coordinatesOnHover,\n        graphProps,\n        onDragStart,\n        onDragStop,\n        from,\n        to,\n        middle,\n        disabled,\n        correctness,\n        onClick,\n        labelNode,\n        labelModeEnabled\n      } = this.props;\n      const common = { graphProps, onDragStart, onDragStop, disabled, correctness, onClick };\n      const angle = to ? trig.toDegrees(trig.angle(from, to)) : 0;\n\n      let fromLabelNode = null;\n      let toLabelNode = null;\n      let lineLabelNode = null;\n\n      if (labelNode) {\n        if (from && from.hasOwnProperty('label')) {\n          fromLabelNode = ReactDOM.createPortal(\n            <MarkLabel\n              inputRef={r => (this.input.from = r)}\n              disabled={!labelModeEnabled}\n              mark={from}\n              graphProps={graphProps}\n              onChange={label => this.labelChange({ ...from, label }, 'from')}\n            />,\n            labelNode\n          );\n        }\n\n        if (to && to.hasOwnProperty('label')) {\n          toLabelNode = ReactDOM.createPortal(\n            <MarkLabel\n              inputRef={r => (this.input.to = r)}\n              disabled={!labelModeEnabled}\n              mark={to}\n              graphProps={graphProps}\n              onChange={label => this.labelChange({ ...to, label }, 'to')}\n            />,\n            labelNode\n          );\n        }\n\n        if (middle && middle.hasOwnProperty('label')) {\n          lineLabelNode = ReactDOM.createPortal(\n            <MarkLabel\n              inputRef={r => (this.input.middle = r)}\n              disabled={!labelModeEnabled}\n              mark={middle}\n              graphProps={graphProps}\n              onChange={label => this.labelChange({ ...middle, label }, 'middle')}\n            />,\n            labelNode\n          );\n        }\n      }\n\n      return (\n        <g>\n          {to && (\n            <DraggableComp\n              from={from}\n              to={to}\n              middle={middle}\n              onDrag={this.dragComp}\n              {...common}\n              onClick={labelModeEnabled ? () => this.clickPoint(middle, 'middle') : common.onClick}\n            />\n          )}\n          {lineLabelNode}\n\n          <FromPoint\n            x={from.x}\n            y={from.y}\n            labelNode={labelNode}\n            coordinatesOnHover={coordinatesOnHover}\n            onDrag={this.dragFrom}\n            {...common}\n            onClick={labelModeEnabled ? () => this.clickPoint(from, 'from') : common.onClick}\n          />\n          {fromLabelNode}\n\n          {to && (\n            <ToPoint\n              x={to.x}\n              y={to.y}\n              angle={angle} //angle + 45}\n              labelNode={labelNode}\n              coordinatesOnHover={coordinatesOnHover}\n              onDrag={this.dragTo}\n              {...common}\n              onClick={labelModeEnabled ? () => this.clickPoint(to, 'to') : common.onClick}\n            />\n          )}\n          {toLabelNode}\n        </g>\n      );\n    }\n  }\n\n  return LineBase;\n};\n\nexport const styles = {\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  arrow: () => ({\n    fill: color.secondary()\n  }),\n  disabledArrow: () => ({\n    ...disabled()\n  }),\n  disabled: () => ({\n    ...disabled('stroke'),\n    strokeWidth: 2\n  }),\n  correct: (theme, key) => ({\n    ...correct(key)\n  }),\n  incorrect: (theme, key) => ({\n    ...incorrect(key)\n  })\n};\n"],"mappings":"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"}

package/lib/tools/shared/line/line-path.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");
+
+var _typeof = require("@babel/runtime/helpers/typeof");
 
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.RawLinePath = exports.LinePath = void 0;
 
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
 var _react = _interopRequireDefault(require("react"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
@@ -29,52 +47,25 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 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 _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
 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 _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; }
-
-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 RawLinePath = /*#__PURE__*/function (_React$Component) {
-  _inherits(RawLinePath, _React$Component);
+  (0, _inherits2["default"])(RawLinePath, _React$Component);
 
   var _super = _createSuper(RawLinePath);
 
   function RawLinePath() {
-    _classCallCheck(this, RawLinePath);
-
+    (0, _classCallCheck2["default"])(this, RawLinePath);
     return _super.apply(this, arguments);
   }
 
-  _createClass(RawLinePath, [{
+  (0, _createClass2["default"])(RawLinePath, [{
     key: "render",
     value: function render() {
       /* eslint-disable no-unused-vars */
@@ -88,26 +79,23 @@ var RawLinePath = /*#__PURE__*/function (_React$Component) {
           to = _this$props.to,
           graphProps = _this$props.graphProps,
           isDragging = _this$props.isDragging,
-          rest = _objectWithoutProperties(_this$props, _excluded);
+          rest = (0, _objectWithoutProperties2["default"])(_this$props, _excluded);
       /* eslint-enable */
 
-
-      return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(vx.LinePath, _extends({
+      return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(vx.LinePath, (0, _extends2["default"])({
         data: data,
         className: (0, _classnames["default"])(classes.drawLine, disabled && classes.disabled, classes[correctness], className)
-      }, rest)), /*#__PURE__*/_react["default"].createElement(vx.LinePath, _extends({
+      }, rest)), /*#__PURE__*/_react["default"].createElement(vx.LinePath, (0, _extends2["default"])({
         data: data,
         className: (0, _classnames["default"])(classes.line, isDragging && classes.dragging, disabled && classes.disabled, classes[correctness], className)
       }, rest)));
     }
   }]);
-
   return RawLinePath;
 }(_react["default"].Component);
 
 exports.RawLinePath = RawLinePath;
-
-_defineProperty(RawLinePath, "propTypes", {
+(0, _defineProperty2["default"])(RawLinePath, "propTypes", {
   className: _propTypes["default"].string,
   classes: _propTypes["default"].object,
   data: _propTypes["default"].arrayOf(_propTypes["default"].arrayOf(_propTypes["default"].number)),
@@ -118,8 +106,7 @@ _defineProperty(RawLinePath, "propTypes", {
   to: _plot.types.PointType,
   isDragging: _propTypes["default"].bool
 });
-
-_defineProperty(RawLinePath, "defaultProps", {
+(0, _defineProperty2["default"])(RawLinePath, "defaultProps", {
   from: {},
   to: {}
 });

package/lib/tools/shared/line/line-path.js.map

@@ -1 +1 @@
-{"version":3,"file":"line-path.js","names":["RawLinePath","props","data","classes","className","disabled","correctness","from","to","graphProps","isDragging","rest","classNames","drawLine","line","dragging","React","Component","PropTypes","string","object","arrayOf","number","types","GraphPropsType","isRequired","bool","PointType","strokeWidth","stroke","color","secondaryLight","LinePath","withStyles","theme","fill","transition","correct","incorrect"],"sources":["../../../../src/tools/shared/line/line-path.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { withStyles } from '@material-ui/core/styles';\nimport { types } from '@pie-lib/plot';\nimport classNames from 'classnames';\nimport { disabled, correct, incorrect } from '../styles';\nimport * as vx from '@vx/shape';\nimport { color } from '@pie-lib/render-ui';\n\nexport class RawLinePath extends React.Component {\n  static propTypes = {\n    className: PropTypes.string,\n    classes: PropTypes.object,\n    data: PropTypes.arrayOf(PropTypes.arrayOf(PropTypes.number)),\n    graphProps: types.GraphPropsType.isRequired,\n    disabled: PropTypes.bool,\n    correctness: PropTypes.string,\n    from: types.PointType,\n    to: types.PointType,\n    isDragging: PropTypes.bool\n  };\n\n  static defaultProps = {\n    from: {},\n    to: {}\n  };\n\n  render() {\n    /* eslint-disable no-unused-vars */\n    const {\n      data,\n      classes,\n      className,\n      disabled,\n      correctness,\n      from,\n      to,\n      graphProps,\n      isDragging,\n      ...rest\n    } = this.props;\n    /* eslint-enable */\n\n    return (\n      <React.Fragment>\n        <vx.LinePath\n          data={data}\n          className={classNames(\n            classes.drawLine,\n            disabled && classes.disabled,\n            classes[correctness],\n            className\n          )}\n          {...rest}\n        />\n        <vx.LinePath\n          data={data}\n          className={classNames(\n            classes.line,\n            isDragging && classes.dragging,\n            disabled && classes.disabled,\n            classes[correctness],\n            className\n          )}\n          {...rest}\n        />\n      </React.Fragment>\n    );\n  }\n}\n\nconst dragging = () => ({\n  strokeWidth: 7,\n  stroke: color.secondaryLight()\n});\n\nexport const LinePath = withStyles(theme => ({\n  drawLine: {\n    fill: 'none',\n    strokeWidth: 2,\n    stroke: color.secondaryLight()\n  },\n  line: {\n    strokeWidth: 6,\n    fill: 'none',\n    transition: 'stroke-width 200ms ease-in, stroke 200ms ease-in',\n    stroke: 'transparent',\n    '&:hover': dragging(theme)\n  },\n  dragging: dragging(theme),\n  disabled: {\n    ...disabled('stroke'),\n    strokeWidth: 2\n  },\n  correct: {\n    ...correct('stroke')\n  },\n  incorrect: {\n    ...incorrect('stroke')\n  }\n}))(RawLinePath);\n"],"mappings":"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"}
+{"version":3,"file":"line-path.js","names":["RawLinePath","props","data","classes","className","disabled","correctness","from","to","graphProps","isDragging","rest","classNames","drawLine","line","dragging","React","Component","PropTypes","string","object","arrayOf","number","types","GraphPropsType","isRequired","bool","PointType","strokeWidth","stroke","color","secondaryLight","LinePath","withStyles","theme","fill","transition","correct","incorrect"],"sources":["../../../../src/tools/shared/line/line-path.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { withStyles } from '@material-ui/core/styles';\nimport { types } from '@pie-lib/plot';\nimport classNames from 'classnames';\nimport { disabled, correct, incorrect } from '../styles';\nimport * as vx from '@vx/shape';\nimport { color } from '@pie-lib/render-ui';\n\nexport class RawLinePath extends React.Component {\n  static propTypes = {\n    className: PropTypes.string,\n    classes: PropTypes.object,\n    data: PropTypes.arrayOf(PropTypes.arrayOf(PropTypes.number)),\n    graphProps: types.GraphPropsType.isRequired,\n    disabled: PropTypes.bool,\n    correctness: PropTypes.string,\n    from: types.PointType,\n    to: types.PointType,\n    isDragging: PropTypes.bool\n  };\n\n  static defaultProps = {\n    from: {},\n    to: {}\n  };\n\n  render() {\n    /* eslint-disable no-unused-vars */\n    const {\n      data,\n      classes,\n      className,\n      disabled,\n      correctness,\n      from,\n      to,\n      graphProps,\n      isDragging,\n      ...rest\n    } = this.props;\n    /* eslint-enable */\n\n    return (\n      <React.Fragment>\n        <vx.LinePath\n          data={data}\n          className={classNames(\n            classes.drawLine,\n            disabled && classes.disabled,\n            classes[correctness],\n            className\n          )}\n          {...rest}\n        />\n        <vx.LinePath\n          data={data}\n          className={classNames(\n            classes.line,\n            isDragging && classes.dragging,\n            disabled && classes.disabled,\n            classes[correctness],\n            className\n          )}\n          {...rest}\n        />\n      </React.Fragment>\n    );\n  }\n}\n\nconst dragging = () => ({\n  strokeWidth: 7,\n  stroke: color.secondaryLight()\n});\n\nexport const LinePath = withStyles(theme => ({\n  drawLine: {\n    fill: 'none',\n    strokeWidth: 2,\n    stroke: color.secondaryLight()\n  },\n  line: {\n    strokeWidth: 6,\n    fill: 'none',\n    transition: 'stroke-width 200ms ease-in, stroke 200ms ease-in',\n    stroke: 'transparent',\n    '&:hover': dragging(theme)\n  },\n  dragging: dragging(theme),\n  disabled: {\n    ...disabled('stroke'),\n    strokeWidth: 2\n  },\n  correct: {\n    ...correct('stroke')\n  },\n  incorrect: {\n    ...incorrect('stroke')\n  }\n}))(RawLinePath);\n"],"mappings":"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"}

package/lib/tools/shared/line/with-root-edge.js

@@ -1,10 +1,18 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.withRootEdge = exports.rootEdgeToFromToWrapper = exports.rootEdgeComponent = void 0;
 
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
 var _react = _interopRequireDefault(require("react"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
@@ -19,19 +27,9 @@ var _index = require("./index");
 
 var _excluded = ["graphProps", "from", "to", "onClick", "onDragStart", "onDragStop", "onChange", "disabled", "correctness"];
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
-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; }
-
-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 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 _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 toRootEdge = function toRootEdge(m) {
   var out = _objectSpread({}, m);
@@ -61,7 +59,7 @@ var rootEdgeToFromToWrapper = function rootEdgeToFromToWrapper(BaseComp) {
       props.onChange(toRootEdge(current), toRootEdge(next));
     };
 
-    return /*#__PURE__*/_react["default"].createElement(BaseComp, _extends({}, props, {
+    return /*#__PURE__*/_react["default"].createElement(BaseComp, (0, _extends2["default"])({}, props, {
       mark: m,
       onChange: onChange
     }));
@@ -94,7 +92,7 @@ var withPointsGenerationLinePath = function withPointsGenerationLinePath(getPoin
         onChange = props.onChange,
         disabled = props.disabled,
         correctness = props.correctness,
-        rest = _objectWithoutProperties(props, _excluded);
+        rest = (0, _objectWithoutProperties2["default"])(props, _excluded);
 
     var _getPoints = getPoints({
       graphProps: props.graphProps,
@@ -115,7 +113,7 @@ var withPointsGenerationLinePath = function withPointsGenerationLinePath(getPoin
       disabled: disabled,
       correctness: correctness
     };
-    return /*#__PURE__*/_react["default"].createElement(_linePath.LinePath, _extends({
+    return /*#__PURE__*/_react["default"].createElement(_linePath.LinePath, (0, _extends2["default"])({
       data: raw,
       from: from,
       to: to,

package/lib/tools/shared/line/with-root-edge.js.map

@@ -1 +1 @@
-{"version":3,"file":"with-root-edge.js","names":["toRootEdge","m","out","root","from","edge","to","undefined","toFromTo","rootEdgeToFromToWrapper","BaseComp","Wrapper","props","mark","onChange","current","next","propTypes","PropTypes","func","object","rootEdgeComponent","RootEdgeComp","BaseComponent","lineToolComponent","withPointsGenerationLinePath","getPoints","LinePathComponent","graphProps","onClick","onDragStart","onDragStop","disabled","correctness","rest","dataPoints","raw","map","d","scale","x","y","common","curveMonotoneX","types","GraphPropsType","isRequired","PointType","bool","string","withRootEdge","LinePathComp","lineBase"],"sources":["../../../../src/tools/shared/line/with-root-edge.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { types } from '@pie-lib/plot';\nimport { LinePath } from '../line/line-path';\nimport { curveMonotoneX } from '@vx/curve';\nimport { lineBase, lineToolComponent } from './index';\n\nconst toRootEdge = m => {\n  const out = { ...m };\n  out.root = { ...m.from };\n  out.edge = m.to ? { ...m.to } : undefined;\n  delete out.from;\n  delete out.to;\n  return out;\n};\n\nconst toFromTo = m => {\n  const out = { ...m };\n  out.from = { ...m.root };\n  out.to = m.edge ? { ...m.edge } : undefined;\n  delete out.root;\n  delete out.edge;\n  return out;\n};\n\nexport const rootEdgeToFromToWrapper = BaseComp => {\n  const Wrapper = props => {\n    const m = toFromTo(props.mark);\n\n    const onChange = (current, next) => {\n      props.onChange(toRootEdge(current), toRootEdge(next));\n    };\n\n    return <BaseComp {...props} mark={m} onChange={onChange} />;\n  };\n\n  Wrapper.propTypes = {\n    onChange: PropTypes.func,\n    mark: PropTypes.object\n  };\n\n  return Wrapper;\n};\n\nexport const rootEdgeComponent = RootEdgeComp => {\n  const BaseComponent = lineToolComponent(RootEdgeComp);\n  return rootEdgeToFromToWrapper(BaseComponent);\n};\n\nconst withPointsGenerationLinePath = getPoints => {\n  const LinePathComponent = props => {\n    const {\n      graphProps,\n      from,\n      to,\n      onClick,\n      onDragStart,\n      onDragStop,\n      onChange,\n      disabled,\n      correctness,\n      ...rest\n    } = props;\n\n    const { dataPoints } = getPoints({\n      graphProps: props.graphProps,\n      root: from,\n      edge: to\n    });\n    const raw = dataPoints.map(d => [graphProps.scale.x(d.x), graphProps.scale.y(d.y)]);\n\n    const common = {\n      onClick,\n      graphProps,\n      onDragStart,\n      onDragStop,\n      onChange,\n      disabled,\n      correctness\n    };\n\n    return <LinePath data={raw} from={from} to={to} curve={curveMonotoneX} {...common} {...rest} />;\n  };\n  LinePathComponent.propTypes = {\n    graphProps: types.GraphPropsType.isRequired,\n    from: types.PointType.isRequired,\n    to: types.PointType,\n    onClick: PropTypes.func,\n    onDragStart: PropTypes.func,\n    onDragStop: PropTypes.func,\n    onChange: PropTypes.func,\n    disabled: PropTypes.bool,\n    correctness: PropTypes.string\n  };\n  return LinePathComponent;\n};\n\nexport const withRootEdge = getPoints => {\n  const LinePathComp = withPointsGenerationLinePath(getPoints);\n  return lineBase(LinePathComp);\n};\n"],"mappings":"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"}
+{"version":3,"file":"with-root-edge.js","names":["toRootEdge","m","out","root","from","edge","to","undefined","toFromTo","rootEdgeToFromToWrapper","BaseComp","Wrapper","props","mark","onChange","current","next","propTypes","PropTypes","func","object","rootEdgeComponent","RootEdgeComp","BaseComponent","lineToolComponent","withPointsGenerationLinePath","getPoints","LinePathComponent","graphProps","onClick","onDragStart","onDragStop","disabled","correctness","rest","dataPoints","raw","map","d","scale","x","y","common","curveMonotoneX","types","GraphPropsType","isRequired","PointType","bool","string","withRootEdge","LinePathComp","lineBase"],"sources":["../../../../src/tools/shared/line/with-root-edge.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { types } from '@pie-lib/plot';\nimport { LinePath } from '../line/line-path';\nimport { curveMonotoneX } from '@vx/curve';\nimport { lineBase, lineToolComponent } from './index';\n\nconst toRootEdge = m => {\n  const out = { ...m };\n  out.root = { ...m.from };\n  out.edge = m.to ? { ...m.to } : undefined;\n  delete out.from;\n  delete out.to;\n  return out;\n};\n\nconst toFromTo = m => {\n  const out = { ...m };\n  out.from = { ...m.root };\n  out.to = m.edge ? { ...m.edge } : undefined;\n  delete out.root;\n  delete out.edge;\n  return out;\n};\n\nexport const rootEdgeToFromToWrapper = BaseComp => {\n  const Wrapper = props => {\n    const m = toFromTo(props.mark);\n\n    const onChange = (current, next) => {\n      props.onChange(toRootEdge(current), toRootEdge(next));\n    };\n\n    return <BaseComp {...props} mark={m} onChange={onChange} />;\n  };\n\n  Wrapper.propTypes = {\n    onChange: PropTypes.func,\n    mark: PropTypes.object\n  };\n\n  return Wrapper;\n};\n\nexport const rootEdgeComponent = RootEdgeComp => {\n  const BaseComponent = lineToolComponent(RootEdgeComp);\n  return rootEdgeToFromToWrapper(BaseComponent);\n};\n\nconst withPointsGenerationLinePath = getPoints => {\n  const LinePathComponent = props => {\n    const {\n      graphProps,\n      from,\n      to,\n      onClick,\n      onDragStart,\n      onDragStop,\n      onChange,\n      disabled,\n      correctness,\n      ...rest\n    } = props;\n\n    const { dataPoints } = getPoints({\n      graphProps: props.graphProps,\n      root: from,\n      edge: to\n    });\n    const raw = dataPoints.map(d => [graphProps.scale.x(d.x), graphProps.scale.y(d.y)]);\n\n    const common = {\n      onClick,\n      graphProps,\n      onDragStart,\n      onDragStop,\n      onChange,\n      disabled,\n      correctness\n    };\n\n    return <LinePath data={raw} from={from} to={to} curve={curveMonotoneX} {...common} {...rest} />;\n  };\n  LinePathComponent.propTypes = {\n    graphProps: types.GraphPropsType.isRequired,\n    from: types.PointType.isRequired,\n    to: types.PointType,\n    onClick: PropTypes.func,\n    onDragStart: PropTypes.func,\n    onDragStop: PropTypes.func,\n    onChange: PropTypes.func,\n    disabled: PropTypes.bool,\n    correctness: PropTypes.string\n  };\n  return LinePathComponent;\n};\n\nexport const withRootEdge = getPoints => {\n  const LinePathComp = withPointsGenerationLinePath(getPoints);\n  return lineBase(LinePathComp);\n};\n"],"mappings":"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"}

package/lib/tools/shared/point/arrow-point.js

@@ -1,68 +1,57 @@
 "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.RawArrow = void 0;
 
-var _react = _interopRequireDefault(require("react"));
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _classnames = _interopRequireDefault(require("classnames"));
-
-var _plot = require("@pie-lib/plot");
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 
-var _isEqual = _interopRequireDefault(require("lodash/isEqual"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 
-var _utils = require("../../../utils");
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 
-var _excluded = ["classes", "className", "x", "y", "disabled", "correctness", "graphProps", "from", "to"];
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 
-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 _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
 
-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; }
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
 
-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 _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 
-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 _classnames = _interopRequireDefault(require("classnames"));
 
-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 _plot = require("@pie-lib/plot");
 
-function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+var _isEqual = _interopRequireDefault(require("lodash/isEqual"));
 
-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 _utils = require("../../../utils");
 
-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 = ["classes", "className", "x", "y", "disabled", "correctness", "graphProps", "from", "to"];
 
-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 RawArrow = /*#__PURE__*/function (_React$Component) {
-  _inherits(RawArrow, _React$Component);
+  (0, _inherits2["default"])(RawArrow, _React$Component);
 
   var _super = _createSuper(RawArrow);
 
   function RawArrow() {
-    _classCallCheck(this, RawArrow);
-
+    (0, _classCallCheck2["default"])(this, RawArrow);
     return _super.apply(this, arguments);
   }
 
-  _createClass(RawArrow, [{
+  (0, _createClass2["default"])(RawArrow, [{
     key: "render",
     value: function render() {
       var _this$props = this.props,
@@ -75,10 +64,9 @@ var RawArrow = /*#__PURE__*/function (_React$Component) {
           graphProps = _this$props.graphProps,
           from = _this$props.from,
           to = _this$props.to,
-          rest = _objectWithoutProperties(_this$props, _excluded); // x & y are the initial coordinates for the arrow
+          rest = (0, _objectWithoutProperties2["default"])(_this$props, _excluded); // x & y are the initial coordinates for the arrow
       // from & to are used only to calculate the angle that the arrow should be rotated with
 
-
       var scale = graphProps.scale;
       var angle = (0, _utils.getAngleDeg)(from.x, from.y, to.x, to.y);
       var points = '';
@@ -89,7 +77,7 @@ var RawArrow = /*#__PURE__*/function (_React$Component) {
         points = "0,0 ".concat(_utils.arrowDimensions.vector, ",").concat(_utils.arrowDimensions.vector * 2, " \n      -").concat(_utils.arrowDimensions.vector, ",").concat(_utils.arrowDimensions.vector * 2);
       }
 
-      return /*#__PURE__*/_react["default"].createElement("g", _extends({
+      return /*#__PURE__*/_react["default"].createElement("g", (0, _extends2["default"])({
         className: (0, _classnames["default"])(classes.point, disabled && classes.disabled, classes[correctness], className)
       }, rest), /*#__PURE__*/_react["default"].createElement("polygon", {
         points: points,
@@ -97,13 +85,11 @@ var RawArrow = /*#__PURE__*/function (_React$Component) {
       }));
     }
   }]);
-
   return RawArrow;
 }(_react["default"].Component);
 
 exports.RawArrow = RawArrow;
-
-_defineProperty(RawArrow, "propTypes", {
+(0, _defineProperty2["default"])(RawArrow, "propTypes", {
   classes: _propTypes["default"].object,
   className: _propTypes["default"].string,
   correctness: _propTypes["default"].string,
@@ -120,8 +106,7 @@ _defineProperty(RawArrow, "propTypes", {
   }),
   graphProps: _plot.types.GraphPropsType.isRequired
 });
-
-_defineProperty(RawArrow, "defaultProps", {
+(0, _defineProperty2["default"])(RawArrow, "defaultProps", {
   from: {},
   to: {}
 });

package/lib/tools/shared/point/arrow-point.js.map

@@ -1 +1 @@
-{"version":3,"file":"arrow-point.js","names":["RawArrow","props","classes","className","x","y","disabled","correctness","graphProps","from","to","rest","scale","angle","getAngleDeg","points","isEqual","arrowDimensions","vector","classNames","point","React","Component","PropTypes","object","string","bool","number","shape","isRequired","types","GraphPropsType"],"sources":["../../../../src/tools/shared/point/arrow-point.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport { types } from '@pie-lib/plot';\nimport isEqual from 'lodash/isEqual';\nimport { getAngleDeg, arrowDimensions } from '../../../utils';\n\nexport class RawArrow extends React.Component {\n  static propTypes = {\n    classes: PropTypes.object,\n    className: PropTypes.string,\n    correctness: PropTypes.string,\n    disabled: PropTypes.bool,\n    x: PropTypes.number,\n    y: PropTypes.number,\n    from: PropTypes.shape({\n      x: PropTypes.number,\n      y: PropTypes.number\n    }).isRequired,\n    to: PropTypes.shape({\n      x: PropTypes.number,\n      y: PropTypes.number\n    }),\n    graphProps: types.GraphPropsType.isRequired\n  };\n\n  static defaultProps = {\n    from: {},\n    to: {}\n  };\n\n  render() {\n    const {\n      classes,\n      className,\n      x,\n      y,\n      disabled,\n      correctness,\n      graphProps,\n      from,\n      to,\n      ...rest\n    } = this.props;\n    // x & y are the initial coordinates for the arrow\n    // from & to are used only to calculate the angle that the arrow should be rotated with\n\n    const { scale } = graphProps;\n    const angle = getAngleDeg(from.x, from.y, to.x, to.y);\n\n    let points = '';\n\n    if (isEqual(from, to)) {\n      points = '0,0 0,0 0,0';\n    } else {\n      points = `0,0 ${arrowDimensions.vector},${arrowDimensions.vector * 2} \n      -${arrowDimensions.vector},${arrowDimensions.vector * 2}`;\n    }\n\n    return (\n      <g\n        className={classNames(\n          classes.point,\n          disabled && classes.disabled,\n          classes[correctness],\n          className\n        )}\n        {...rest}\n      >\n        <polygon\n          points={points}\n          transform={`\n          translate(${scale.x(x)}, ${scale.y(y)})\n          rotate(${angle} 0 0)`}\n        />\n      </g>\n    );\n  }\n}\n"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAEaA,Q;;;;;;;;;;;;;WAwBX,kBAAS;MACP,kBAWI,KAAKC,KAXT;MAAA,IACEC,OADF,eACEA,OADF;MAAA,IAEEC,SAFF,eAEEA,SAFF;MAAA,IAGEC,CAHF,eAGEA,CAHF;MAAA,IAIEC,CAJF,eAIEA,CAJF;MAAA,IAKEC,QALF,eAKEA,QALF;MAAA,IAMEC,WANF,eAMEA,WANF;MAAA,IAOEC,UAPF,eAOEA,UAPF;MAAA,IAQEC,IARF,eAQEA,IARF;MAAA,IASEC,EATF,eASEA,EATF;MAAA,IAUKC,IAVL,oDADO,CAaP;MACA;;;MAEA,IAAQC,KAAR,GAAkBJ,UAAlB,CAAQI,KAAR;MACA,IAAMC,KAAK,GAAG,IAAAC,kBAAA,EAAYL,IAAI,CAACL,CAAjB,EAAoBK,IAAI,CAACJ,CAAzB,EAA4BK,EAAE,CAACN,CAA/B,EAAkCM,EAAE,CAACL,CAArC,CAAd;MAEA,IAAIU,MAAM,GAAG,EAAb;;MAEA,IAAI,IAAAC,mBAAA,EAAQP,IAAR,EAAcC,EAAd,CAAJ,EAAuB;QACrBK,MAAM,GAAG,aAAT;MACD,CAFD,MAEO;QACLA,MAAM,iBAAUE,sBAAA,CAAgBC,MAA1B,cAAoCD,sBAAA,CAAgBC,MAAhB,GAAyB,CAA7D,uBACHD,sBAAA,CAAgBC,MADb,cACuBD,sBAAA,CAAgBC,MAAhB,GAAyB,CADhD,CAAN;MAED;;MAED,oBACE;QACE,SAAS,EAAE,IAAAC,sBAAA,EACTjB,OAAO,CAACkB,KADC,EAETd,QAAQ,IAAIJ,OAAO,CAACI,QAFX,EAGTJ,OAAO,CAACK,WAAD,CAHE,EAITJ,SAJS;MADb,GAOMQ,IAPN,gBASE;QACE,MAAM,EAAEI,MADV;QAEE,SAAS,kCACGH,KAAK,CAACR,CAAN,CAAQA,CAAR,CADH,eACkBQ,KAAK,CAACP,CAAN,CAAQA,CAAR,CADlB,iCAEAQ,KAFA;MAFX,EATF,CADF;IAkBD;;;;EAtE2BQ,iBAAA,CAAMC,S;;;;gBAAvBtB,Q,eACQ;EACjBE,OAAO,EAAEqB,qBAAA,CAAUC,MADF;EAEjBrB,SAAS,EAAEoB,qBAAA,CAAUE,MAFJ;EAGjBlB,WAAW,EAAEgB,qBAAA,CAAUE,MAHN;EAIjBnB,QAAQ,EAAEiB,qBAAA,CAAUG,IAJH;EAKjBtB,CAAC,EAAEmB,qBAAA,CAAUI,MALI;EAMjBtB,CAAC,EAAEkB,qBAAA,CAAUI,MANI;EAOjBlB,IAAI,EAAEc,qBAAA,CAAUK,KAAV,CAAgB;IACpBxB,CAAC,EAAEmB,qBAAA,CAAUI,MADO;IAEpBtB,CAAC,EAAEkB,qBAAA,CAAUI;EAFO,CAAhB,EAGHE,UAVc;EAWjBnB,EAAE,EAAEa,qBAAA,CAAUK,KAAV,CAAgB;IAClBxB,CAAC,EAAEmB,qBAAA,CAAUI,MADK;IAElBtB,CAAC,EAAEkB,qBAAA,CAAUI;EAFK,CAAhB,CAXa;EAejBnB,UAAU,EAAEsB,WAAA,CAAMC,cAAN,CAAqBF;AAfhB,C;;gBADR7B,Q,kBAmBW;EACpBS,IAAI,EAAE,EADc;EAEpBC,EAAE,EAAE;AAFgB,C"}
+{"version":3,"file":"arrow-point.js","names":["RawArrow","props","classes","className","x","y","disabled","correctness","graphProps","from","to","rest","scale","angle","getAngleDeg","points","isEqual","arrowDimensions","vector","classNames","point","React","Component","PropTypes","object","string","bool","number","shape","isRequired","types","GraphPropsType"],"sources":["../../../../src/tools/shared/point/arrow-point.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport { types } from '@pie-lib/plot';\nimport isEqual from 'lodash/isEqual';\nimport { getAngleDeg, arrowDimensions } from '../../../utils';\n\nexport class RawArrow extends React.Component {\n  static propTypes = {\n    classes: PropTypes.object,\n    className: PropTypes.string,\n    correctness: PropTypes.string,\n    disabled: PropTypes.bool,\n    x: PropTypes.number,\n    y: PropTypes.number,\n    from: PropTypes.shape({\n      x: PropTypes.number,\n      y: PropTypes.number\n    }).isRequired,\n    to: PropTypes.shape({\n      x: PropTypes.number,\n      y: PropTypes.number\n    }),\n    graphProps: types.GraphPropsType.isRequired\n  };\n\n  static defaultProps = {\n    from: {},\n    to: {}\n  };\n\n  render() {\n    const {\n      classes,\n      className,\n      x,\n      y,\n      disabled,\n      correctness,\n      graphProps,\n      from,\n      to,\n      ...rest\n    } = this.props;\n    // x & y are the initial coordinates for the arrow\n    // from & to are used only to calculate the angle that the arrow should be rotated with\n\n    const { scale } = graphProps;\n    const angle = getAngleDeg(from.x, from.y, to.x, to.y);\n\n    let points = '';\n\n    if (isEqual(from, to)) {\n      points = '0,0 0,0 0,0';\n    } else {\n      points = `0,0 ${arrowDimensions.vector},${arrowDimensions.vector * 2} \n      -${arrowDimensions.vector},${arrowDimensions.vector * 2}`;\n    }\n\n    return (\n      <g\n        className={classNames(\n          classes.point,\n          disabled && classes.disabled,\n          classes[correctness],\n          className\n        )}\n        {...rest}\n      >\n        <polygon\n          points={points}\n          transform={`\n          translate(${scale.x(x)}, ${scale.y(y)})\n          rotate(${angle} 0 0)`}\n        />\n      </g>\n    );\n  }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;;;IAEaA,Q;;;;;;;;;;;;WAwBX,kBAAS;MACP,kBAWI,KAAKC,KAXT;MAAA,IACEC,OADF,eACEA,OADF;MAAA,IAEEC,SAFF,eAEEA,SAFF;MAAA,IAGEC,CAHF,eAGEA,CAHF;MAAA,IAIEC,CAJF,eAIEA,CAJF;MAAA,IAKEC,QALF,eAKEA,QALF;MAAA,IAMEC,WANF,eAMEA,WANF;MAAA,IAOEC,UAPF,eAOEA,UAPF;MAAA,IAQEC,IARF,eAQEA,IARF;MAAA,IASEC,EATF,eASEA,EATF;MAAA,IAUKC,IAVL,qEADO,CAaP;MACA;;MAEA,IAAQC,KAAR,GAAkBJ,UAAlB,CAAQI,KAAR;MACA,IAAMC,KAAK,GAAG,IAAAC,kBAAA,EAAYL,IAAI,CAACL,CAAjB,EAAoBK,IAAI,CAACJ,CAAzB,EAA4BK,EAAE,CAACN,CAA/B,EAAkCM,EAAE,CAACL,CAArC,CAAd;MAEA,IAAIU,MAAM,GAAG,EAAb;;MAEA,IAAI,IAAAC,mBAAA,EAAQP,IAAR,EAAcC,EAAd,CAAJ,EAAuB;QACrBK,MAAM,GAAG,aAAT;MACD,CAFD,MAEO;QACLA,MAAM,iBAAUE,sBAAA,CAAgBC,MAA1B,cAAoCD,sBAAA,CAAgBC,MAAhB,GAAyB,CAA7D,uBACHD,sBAAA,CAAgBC,MADb,cACuBD,sBAAA,CAAgBC,MAAhB,GAAyB,CADhD,CAAN;MAED;;MAED,oBACE;QACE,SAAS,EAAE,IAAAC,sBAAA,EACTjB,OAAO,CAACkB,KADC,EAETd,QAAQ,IAAIJ,OAAO,CAACI,QAFX,EAGTJ,OAAO,CAACK,WAAD,CAHE,EAITJ,SAJS;MADb,GAOMQ,IAPN,gBASE;QACE,MAAM,EAAEI,MADV;QAEE,SAAS,kCACGH,KAAK,CAACR,CAAN,CAAQA,CAAR,CADH,eACkBQ,KAAK,CAACP,CAAN,CAAQA,CAAR,CADlB,iCAEAQ,KAFA;MAFX,EATF,CADF;IAkBD;;;EAtE2BQ,iBAAA,CAAMC,S;;;iCAAvBtB,Q,eACQ;EACjBE,OAAO,EAAEqB,qBAAA,CAAUC,MADF;EAEjBrB,SAAS,EAAEoB,qBAAA,CAAUE,MAFJ;EAGjBlB,WAAW,EAAEgB,qBAAA,CAAUE,MAHN;EAIjBnB,QAAQ,EAAEiB,qBAAA,CAAUG,IAJH;EAKjBtB,CAAC,EAAEmB,qBAAA,CAAUI,MALI;EAMjBtB,CAAC,EAAEkB,qBAAA,CAAUI,MANI;EAOjBlB,IAAI,EAAEc,qBAAA,CAAUK,KAAV,CAAgB;IACpBxB,CAAC,EAAEmB,qBAAA,CAAUI,MADO;IAEpBtB,CAAC,EAAEkB,qBAAA,CAAUI;EAFO,CAAhB,EAGHE,UAVc;EAWjBnB,EAAE,EAAEa,qBAAA,CAAUK,KAAV,CAAgB;IAClBxB,CAAC,EAAEmB,qBAAA,CAAUI,MADK;IAElBtB,CAAC,EAAEkB,qBAAA,CAAUI;EAFK,CAAhB,CAXa;EAejBnB,UAAU,EAAEsB,WAAA,CAAMC,cAAN,CAAqBF;AAfhB,C;iCADR7B,Q,kBAmBW;EACpBS,IAAI,EAAE,EADc;EAEpBC,EAAE,EAAE;AAFgB,C"}