@pie-lib/graphing 2.14.22 → 2.15.0-beta.1

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/tools/shared/line/line-path.jsx"],"names":["RawLinePath","props","data","classes","className","disabled","correctness","from","to","graphProps","isDragging","rest","drawLine","line","dragging","React","Component","PropTypes","string","object","arrayOf","number","types","GraphPropsType","isRequired","bool","PointType","strokeWidth","stroke","color","secondaryLight","LinePath","theme","fill","transition","correct","incorrect","missing"],"mappings":"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","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, missing } 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 { data, classes, className, disabled, correctness, from, to, graphProps, isDragging, ...rest } = this.props;\n    /* eslint-enable */\n\n    return (\n      <React.Fragment>\n        <vx.LinePath\n          data={data}\n          className={classNames(classes.drawLine, disabled && classes.disabled, classes[correctness], className)}\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  missing: {\n    ...missing('stroke'),\n  },\n}))(RawLinePath);\n"],"file":"line-path.js"}
+{"version":3,"sources":["../../../../src/tools/shared/line/line-path.jsx"],"names":["RawLinePath","props","data","classes","className","disabled","correctness","from","to","graphProps","isDragging","rest","drawLine","disabledSecondary","line","dragging","React","Component","PropTypes","string","object","arrayOf","number","types","GraphPropsType","isRequired","bool","PointType","strokeWidth","stroke","color","defaults","BLACK","LinePath","theme","fill","black","transition","correct","incorrect","missing","strokeDasharray"],"mappings":"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","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, missing, disabledSecondary } 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 { data, classes, className, disabled, correctness, from, to, graphProps, isDragging, ...rest } = 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.disabledSecondary,\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.disabledSecondary,\n            classes[correctness],\n            className,\n          )}\n          {...rest}\n        />\n      </React.Fragment>\n    );\n  }\n}\n\nconst dragging = () => ({\n  strokeWidth: 4,\n  stroke: color.defaults.BLACK,\n});\n\nexport const LinePath = withStyles((theme) => ({\n  drawLine: {\n    fill: 'none',\n    strokeWidth: 2,\n    stroke: color.black(),\n  },\n  line: {\n    strokeWidth: 3,\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  disabledSecondary: {\n    ...disabledSecondary('stroke'),\n    strokeWidth: 2,\n  },\n  correct: {\n    ...correct('stroke'),\n  },\n  incorrect: {\n    ...incorrect('stroke'),\n  },\n  missing: {\n    ...missing('stroke'),\n    strokeWidth: 1,\n    strokeDasharray: '4 3',\n  },\n}))(RawLinePath);\n"],"file":"line-path.js"}

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

@@ -19,7 +19,7 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _plot = require("@pie-lib/plot");
 
-var _linePath = require("../line/line-path");
+var _linePath = require("./line-path");
 
 var _curve = require("@vx/curve");
 
@@ -99,7 +99,9 @@ var withPointsGenerationLinePath = function withPointsGenerationLinePath(getPoin
       root: from,
       edge: to
     }),
-        dataPoints = _getPoints.dataPoints;
+        dataPoints = _getPoints.dataPoints,
+        _getPoints$enableCurv = _getPoints.enableCurve,
+        enableCurve = _getPoints$enableCurv === void 0 ? true : _getPoints$enableCurv;
 
     var raw = dataPoints.map(function (d) {
       return [graphProps.scale.x(d.x), graphProps.scale.y(d.y)];
@@ -113,12 +115,21 @@ var withPointsGenerationLinePath = function withPointsGenerationLinePath(getPoin
       disabled: disabled,
       correctness: correctness
     };
-    return /*#__PURE__*/_react["default"].createElement(_linePath.LinePath, (0, _extends2["default"])({
-      data: raw,
-      from: from,
-      to: to,
-      curve: _curve.curveMonotoneX
-    }, common, rest));
+
+    if (!enableCurve) {
+      return /*#__PURE__*/_react["default"].createElement(_linePath.LinePath, (0, _extends2["default"])({
+        data: raw,
+        from: from,
+        to: to
+      }, common, rest));
+    } else {
+      return /*#__PURE__*/_react["default"].createElement(_linePath.LinePath, (0, _extends2["default"])({
+        data: raw,
+        from: from,
+        to: to,
+        curve: _curve.curveMonotoneX
+      }, common, rest));
+    }
   };
 
   LinePathComponent.propTypes = {

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/tools/shared/line/with-root-edge.jsx"],"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","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"],"mappings":"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","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 { graphProps, from, to, onClick, onDragStart, onDragStop, onChange, disabled, correctness, ...rest } = 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"],"file":"with-root-edge.js"}
+{"version":3,"sources":["../../../../src/tools/shared/line/with-root-edge.jsx"],"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","withPointsGenerationLinePath","getPoints","LinePathComponent","graphProps","onClick","onDragStart","onDragStop","disabled","correctness","rest","dataPoints","enableCurve","raw","map","d","scale","x","y","common","curveMonotoneX","types","GraphPropsType","isRequired","PointType","bool","string","withRootEdge","LinePathComp"],"mappings":";;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;;;AAEA,IAAMA,UAAU,GAAG,SAAbA,UAAa,CAACC,CAAD,EAAO;AACxB,MAAMC,GAAG,qBAAQD,CAAR,CAAT;;AACAC,EAAAA,GAAG,CAACC,IAAJ,qBAAgBF,CAAC,CAACG,IAAlB;AACAF,EAAAA,GAAG,CAACG,IAAJ,GAAWJ,CAAC,CAACK,EAAF,qBAAYL,CAAC,CAACK,EAAd,IAAqBC,SAAhC;AACA,SAAOL,GAAG,CAACE,IAAX;AACA,SAAOF,GAAG,CAACI,EAAX;AACA,SAAOJ,GAAP;AACD,CAPD;;AASA,IAAMM,QAAQ,GAAG,SAAXA,QAAW,CAACP,CAAD,EAAO;AACtB,MAAMC,GAAG,qBAAQD,CAAR,CAAT;;AACAC,EAAAA,GAAG,CAACE,IAAJ,qBAAgBH,CAAC,CAACE,IAAlB;AACAD,EAAAA,GAAG,CAACI,EAAJ,GAASL,CAAC,CAACI,IAAF,qBAAcJ,CAAC,CAACI,IAAhB,IAAyBE,SAAlC;AACA,SAAOL,GAAG,CAACC,IAAX;AACA,SAAOD,GAAG,CAACG,IAAX;AACA,SAAOH,GAAP;AACD,CAPD;;AASO,IAAMO,uBAAuB,GAAG,SAA1BA,uBAA0B,CAACC,QAAD,EAAc;AACnD,MAAMC,OAAO,GAAG,SAAVA,OAAU,CAACC,KAAD,EAAW;AACzB,QAAMX,CAAC,GAAGO,QAAQ,CAACI,KAAK,CAACC,IAAP,CAAlB;;AAEA,QAAMC,QAAQ,GAAG,SAAXA,QAAW,CAACC,OAAD,EAAUC,IAAV,EAAmB;AAClCJ,MAAAA,KAAK,CAACE,QAAN,CAAed,UAAU,CAACe,OAAD,CAAzB,EAAoCf,UAAU,CAACgB,IAAD,CAA9C;AACD,KAFD;;AAIA,wBAAO,gCAAC,QAAD,gCAAcJ,KAAd;AAAqB,MAAA,IAAI,EAAEX,CAA3B;AAA8B,MAAA,QAAQ,EAAEa;AAAxC,OAAP;AACD,GARD;;AAUAH,EAAAA,OAAO,CAACM,SAAR,GAAoB;AAClBH,IAAAA,QAAQ,EAAEI,sBAAUC,IADF;AAElBN,IAAAA,IAAI,EAAEK,sBAAUE;AAFE,GAApB;AAKA,SAAOT,OAAP;AACD,CAjBM;;;;AAmBA,IAAMU,iBAAiB,GAAG,SAApBA,iBAAoB,CAACC,YAAD,EAAkB;AACjD,MAAMC,aAAa,GAAG,8BAAkBD,YAAlB,CAAtB;AACA,SAAOb,uBAAuB,CAACc,aAAD,CAA9B;AACD,CAHM;;;;AAKP,IAAMC,4BAA4B,GAAG,SAA/BA,4BAA+B,CAACC,SAAD,EAAe;AAClD,MAAMC,iBAAiB,GAAG,SAApBA,iBAAoB,CAACd,KAAD,EAAW;AACnC,QAAQe,UAAR,GAA6Gf,KAA7G,CAAQe,UAAR;AAAA,QAAoBvB,IAApB,GAA6GQ,KAA7G,CAAoBR,IAApB;AAAA,QAA0BE,EAA1B,GAA6GM,KAA7G,CAA0BN,EAA1B;AAAA,QAA8BsB,OAA9B,GAA6GhB,KAA7G,CAA8BgB,OAA9B;AAAA,QAAuCC,WAAvC,GAA6GjB,KAA7G,CAAuCiB,WAAvC;AAAA,QAAoDC,UAApD,GAA6GlB,KAA7G,CAAoDkB,UAApD;AAAA,QAAgEhB,QAAhE,GAA6GF,KAA7G,CAAgEE,QAAhE;AAAA,QAA0EiB,QAA1E,GAA6GnB,KAA7G,CAA0EmB,QAA1E;AAAA,QAAoFC,WAApF,GAA6GpB,KAA7G,CAAoFoB,WAApF;AAAA,QAAoGC,IAApG,6CAA6GrB,KAA7G;;AAEA,qBAA2Ca,SAAS,CAAC;AACnDE,MAAAA,UAAU,EAAEf,KAAK,CAACe,UADiC;AAEnDxB,MAAAA,IAAI,EAAEC,IAF6C;AAGnDC,MAAAA,IAAI,EAAEC;AAH6C,KAAD,CAApD;AAAA,QAAQ4B,UAAR,cAAQA,UAAR;AAAA,2CAAoBC,WAApB;AAAA,QAAoBA,WAApB,sCAAkC,IAAlC;;AAMA,QAAMC,GAAG,GAAGF,UAAU,CAACG,GAAX,CAAe,UAACC,CAAD;AAAA,aAAO,CAACX,UAAU,CAACY,KAAX,CAAiBC,CAAjB,CAAmBF,CAAC,CAACE,CAArB,CAAD,EAA0Bb,UAAU,CAACY,KAAX,CAAiBE,CAAjB,CAAmBH,CAAC,CAACG,CAArB,CAA1B,CAAP;AAAA,KAAf,CAAZ;AAEA,QAAMC,MAAM,GAAG;AACbd,MAAAA,OAAO,EAAPA,OADa;AAEbD,MAAAA,UAAU,EAAVA,UAFa;AAGbE,MAAAA,WAAW,EAAXA,WAHa;AAIbC,MAAAA,UAAU,EAAVA,UAJa;AAKbhB,MAAAA,QAAQ,EAARA,QALa;AAMbiB,MAAAA,QAAQ,EAARA,QANa;AAObC,MAAAA,WAAW,EAAXA;AAPa,KAAf;;AAUA,QAAI,CAACG,WAAL,EAAkB;AAChB,0BAAO,gCAAC,kBAAD;AAAU,QAAA,IAAI,EAAEC,GAAhB;AAAqB,QAAA,IAAI,EAAEhC,IAA3B;AAAiC,QAAA,EAAE,EAAEE;AAArC,SAA6CoC,MAA7C,EAAyDT,IAAzD,EAAP;AACD,KAFD,MAEO;AACL,0BAAO,gCAAC,kBAAD;AAAU,QAAA,IAAI,EAAEG,GAAhB;AAAqB,QAAA,IAAI,EAAEhC,IAA3B;AAAiC,QAAA,EAAE,EAAEE,EAArC;AAAyC,QAAA,KAAK,EAAEqC;AAAhD,SAAoED,MAApE,EAAgFT,IAAhF,EAAP;AACD;AACF,GA1BD;;AA4BAP,EAAAA,iBAAiB,CAACT,SAAlB,GAA8B;AAC5BU,IAAAA,UAAU,EAAEiB,YAAMC,cAAN,CAAqBC,UADL;AAE5B1C,IAAAA,IAAI,EAAEwC,YAAMG,SAAN,CAAgBD,UAFM;AAG5BxC,IAAAA,EAAE,EAAEsC,YAAMG,SAHkB;AAI5BnB,IAAAA,OAAO,EAAEV,sBAAUC,IAJS;AAK5BU,IAAAA,WAAW,EAAEX,sBAAUC,IALK;AAM5BW,IAAAA,UAAU,EAAEZ,sBAAUC,IANM;AAO5BL,IAAAA,QAAQ,EAAEI,sBAAUC,IAPQ;AAQ5BY,IAAAA,QAAQ,EAAEb,sBAAU8B,IARQ;AAS5BhB,IAAAA,WAAW,EAAEd,sBAAU+B;AATK,GAA9B;AAYA,SAAOvB,iBAAP;AACD,CA1CD;;AA4CO,IAAMwB,YAAY,GAAG,SAAfA,YAAe,CAACzB,SAAD,EAAe;AACzC,MAAM0B,YAAY,GAAG3B,4BAA4B,CAACC,SAAD,CAAjD;AACA,SAAO,qBAAS0B,YAAT,CAAP;AACD,CAHM","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { types } from '@pie-lib/plot';\nimport { LinePath } from './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 { graphProps, from, to, onClick, onDragStart, onDragStop, onChange, disabled, correctness, ...rest } = props;\n\n    const { dataPoints, enableCurve = true } = getPoints({\n      graphProps: props.graphProps,\n      root: from,\n      edge: to,\n    });\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    if (!enableCurve) {\n      return <LinePath data={raw} from={from} to={to} {...common} {...rest} />;\n    } else {\n      return <LinePath data={raw} from={from} to={to} curve={curveMonotoneX} {...common} {...rest} />;\n    }\n  };\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\n  return LinePathComponent;\n};\n\nexport const withRootEdge = (getPoints) => {\n  const LinePathComp = withPointsGenerationLinePath(getPoints);\n  return lineBase(LinePathComp);\n};\n"],"file":"with-root-edge.js"}

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

@@ -78,7 +78,7 @@ var RawArrow = /*#__PURE__*/function (_React$Component) {
       }
 
       return /*#__PURE__*/_react["default"].createElement("g", (0, _extends2["default"])({
-        className: (0, _classnames["default"])(classes.point, disabled && classes.disabled, classes[correctness], className)
+        className: (0, _classnames["default"])(classes.point, disabled && classes.disabledSecondary, classes[correctness], className)
       }, rest), /*#__PURE__*/_react["default"].createElement("polygon", {
         points: points,
         transform: "\n          translate(".concat(scale.x(x), ", ").concat(scale.y(y), ")\n          rotate(").concat(angle, " 0 0)")

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/tools/shared/point/arrow-point.jsx"],"names":["RawArrow","props","classes","className","x","y","disabled","correctness","graphProps","from","to","rest","scale","angle","points","arrowDimensions","vector","point","React","Component","PropTypes","object","string","bool","number","shape","isRequired","types","GraphPropsType"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;;;IAEaA,Q;;;;;;;;;;;;WAwBX,kBAAS;AACP,wBAA2F,KAAKC,KAAhG;AAAA,UAAQC,OAAR,eAAQA,OAAR;AAAA,UAAiBC,SAAjB,eAAiBA,SAAjB;AAAA,UAA4BC,CAA5B,eAA4BA,CAA5B;AAAA,UAA+BC,CAA/B,eAA+BA,CAA/B;AAAA,UAAkCC,QAAlC,eAAkCA,QAAlC;AAAA,UAA4CC,WAA5C,eAA4CA,WAA5C;AAAA,UAAyDC,UAAzD,eAAyDA,UAAzD;AAAA,UAAqEC,IAArE,eAAqEA,IAArE;AAAA,UAA2EC,EAA3E,eAA2EA,EAA3E;AAAA,UAAkFC,IAAlF,qEADO,CAEP;AACA;;AAEA,UAAQC,KAAR,GAAkBJ,UAAlB,CAAQI,KAAR;AACA,UAAMC,KAAK,GAAG,wBAAYJ,IAAI,CAACL,CAAjB,EAAoBK,IAAI,CAACJ,CAAzB,EAA4BK,EAAE,CAACN,CAA/B,EAAkCM,EAAE,CAACL,CAArC,CAAd;AAEA,UAAIS,MAAM,GAAG,EAAb;;AAEA,UAAI,yBAAQL,IAAR,EAAcC,EAAd,CAAJ,EAAuB;AACrBI,QAAAA,MAAM,GAAG,aAAT;AACD,OAFD,MAEO;AACLA,QAAAA,MAAM,iBAAUC,uBAAgBC,MAA1B,cAAoCD,uBAAgBC,MAAhB,GAAyB,CAA7D,uBACHD,uBAAgBC,MADb,cACuBD,uBAAgBC,MAAhB,GAAyB,CADhD,CAAN;AAED;;AAED,0BACE;AAAG,QAAA,SAAS,EAAE,4BAAWd,OAAO,CAACe,KAAnB,EAA0BX,QAAQ,IAAIJ,OAAO,CAACI,QAA9C,EAAwDJ,OAAO,CAACK,WAAD,CAA/D,EAA8EJ,SAA9E;AAAd,SAA4GQ,IAA5G,gBACE;AACE,QAAA,MAAM,EAAEG,MADV;AAEE,QAAA,SAAS,kCACGF,KAAK,CAACR,CAAN,CAAQA,CAAR,CADH,eACkBQ,KAAK,CAACP,CAAN,CAAQA,CAAR,CADlB,iCAEAQ,KAFA;AAFX,QADF,CADF;AAUD;;;EAnD2BK,kBAAMC,S;;;iCAAvBnB,Q,eACQ;AACjBE,EAAAA,OAAO,EAAEkB,sBAAUC,MADF;AAEjBlB,EAAAA,SAAS,EAAEiB,sBAAUE,MAFJ;AAGjBf,EAAAA,WAAW,EAAEa,sBAAUE,MAHN;AAIjBhB,EAAAA,QAAQ,EAAEc,sBAAUG,IAJH;AAKjBnB,EAAAA,CAAC,EAAEgB,sBAAUI,MALI;AAMjBnB,EAAAA,CAAC,EAAEe,sBAAUI,MANI;AAOjBf,EAAAA,IAAI,EAAEW,sBAAUK,KAAV,CAAgB;AACpBrB,IAAAA,CAAC,EAAEgB,sBAAUI,MADO;AAEpBnB,IAAAA,CAAC,EAAEe,sBAAUI;AAFO,GAAhB,EAGHE,UAVc;AAWjBhB,EAAAA,EAAE,EAAEU,sBAAUK,KAAV,CAAgB;AAClBrB,IAAAA,CAAC,EAAEgB,sBAAUI,MADK;AAElBnB,IAAAA,CAAC,EAAEe,sBAAUI;AAFK,GAAhB,CAXa;AAejBhB,EAAAA,UAAU,EAAEmB,YAAMC,cAAN,CAAqBF;AAfhB,C;iCADR1B,Q,kBAmBW;AACpBS,EAAAA,IAAI,EAAE,EADc;AAEpBC,EAAAA,EAAE,EAAE;AAFgB,C","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 { classes, className, x, y, disabled, correctness, graphProps, from, to, ...rest } = 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 className={classNames(classes.point, disabled && classes.disabled, classes[correctness], className)} {...rest}>\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"],"file":"arrow-point.js"}
+{"version":3,"sources":["../../../../src/tools/shared/point/arrow-point.jsx"],"names":["RawArrow","props","classes","className","x","y","disabled","correctness","graphProps","from","to","rest","scale","angle","points","arrowDimensions","vector","point","disabledSecondary","React","Component","PropTypes","object","string","bool","number","shape","isRequired","types","GraphPropsType"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;;;IAEaA,Q;;;;;;;;;;;;WAwBX,kBAAS;AACP,wBAA2F,KAAKC,KAAhG;AAAA,UAAQC,OAAR,eAAQA,OAAR;AAAA,UAAiBC,SAAjB,eAAiBA,SAAjB;AAAA,UAA4BC,CAA5B,eAA4BA,CAA5B;AAAA,UAA+BC,CAA/B,eAA+BA,CAA/B;AAAA,UAAkCC,QAAlC,eAAkCA,QAAlC;AAAA,UAA4CC,WAA5C,eAA4CA,WAA5C;AAAA,UAAyDC,UAAzD,eAAyDA,UAAzD;AAAA,UAAqEC,IAArE,eAAqEA,IAArE;AAAA,UAA2EC,EAA3E,eAA2EA,EAA3E;AAAA,UAAkFC,IAAlF,qEADO,CAEP;AACA;;AAEA,UAAQC,KAAR,GAAkBJ,UAAlB,CAAQI,KAAR;AACA,UAAMC,KAAK,GAAG,wBAAYJ,IAAI,CAACL,CAAjB,EAAoBK,IAAI,CAACJ,CAAzB,EAA4BK,EAAE,CAACN,CAA/B,EAAkCM,EAAE,CAACL,CAArC,CAAd;AAEA,UAAIS,MAAM,GAAG,EAAb;;AAEA,UAAI,yBAAQL,IAAR,EAAcC,EAAd,CAAJ,EAAuB;AACrBI,QAAAA,MAAM,GAAG,aAAT;AACD,OAFD,MAEO;AACLA,QAAAA,MAAM,iBAAUC,uBAAgBC,MAA1B,cAAoCD,uBAAgBC,MAAhB,GAAyB,CAA7D,uBACHD,uBAAgBC,MADb,cACuBD,uBAAgBC,MAAhB,GAAyB,CADhD,CAAN;AAED;;AAED,0BACE;AACE,QAAA,SAAS,EAAE,4BAAWd,OAAO,CAACe,KAAnB,EAA0BX,QAAQ,IAAIJ,OAAO,CAACgB,iBAA9C,EAAiEhB,OAAO,CAACK,WAAD,CAAxE,EAAuFJ,SAAvF;AADb,SAEMQ,IAFN,gBAIE;AACE,QAAA,MAAM,EAAEG,MADV;AAEE,QAAA,SAAS,kCACGF,KAAK,CAACR,CAAN,CAAQA,CAAR,CADH,eACkBQ,KAAK,CAACP,CAAN,CAAQA,CAAR,CADlB,iCAEAQ,KAFA;AAFX,QAJF,CADF;AAaD;;;EAtD2BM,kBAAMC,S;;;iCAAvBpB,Q,eACQ;AACjBE,EAAAA,OAAO,EAAEmB,sBAAUC,MADF;AAEjBnB,EAAAA,SAAS,EAAEkB,sBAAUE,MAFJ;AAGjBhB,EAAAA,WAAW,EAAEc,sBAAUE,MAHN;AAIjBjB,EAAAA,QAAQ,EAAEe,sBAAUG,IAJH;AAKjBpB,EAAAA,CAAC,EAAEiB,sBAAUI,MALI;AAMjBpB,EAAAA,CAAC,EAAEgB,sBAAUI,MANI;AAOjBhB,EAAAA,IAAI,EAAEY,sBAAUK,KAAV,CAAgB;AACpBtB,IAAAA,CAAC,EAAEiB,sBAAUI,MADO;AAEpBpB,IAAAA,CAAC,EAAEgB,sBAAUI;AAFO,GAAhB,EAGHE,UAVc;AAWjBjB,EAAAA,EAAE,EAAEW,sBAAUK,KAAV,CAAgB;AAClBtB,IAAAA,CAAC,EAAEiB,sBAAUI,MADK;AAElBpB,IAAAA,CAAC,EAAEgB,sBAAUI;AAFK,GAAhB,CAXa;AAejBjB,EAAAA,UAAU,EAAEoB,YAAMC,cAAN,CAAqBF;AAfhB,C;iCADR3B,Q,kBAmBW;AACpBS,EAAAA,IAAI,EAAE,EADc;AAEpBC,EAAAA,EAAE,EAAE;AAFgB,C","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 { classes, className, x, y, disabled, correctness, graphProps, from, to, ...rest } = 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(classes.point, disabled && classes.disabledSecondary, classes[correctness], className)}\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"],"file":"arrow-point.js"}

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

@@ -71,7 +71,7 @@ var Arrow = /*#__PURE__*/function (_React$Component) {
       var transform = "rotate(".concat(-angle, ", ").concat(scaledX, ",").concat(scaledY, ")");
       var points = "".concat(scaledX, ",").concat(scaledY, "\n        ").concat(scaledX - size, ",").concat(scaledY - size / 2, "\n        ").concat(scaledX - size, ", ").concat(scaledY + size / 2);
       return /*#__PURE__*/_react["default"].createElement("g", (0, _extends2["default"])({
-        className: (0, _classnames["default"])(classes.point, disabled && classes.disabled, classes[correctness], className)
+        className: (0, _classnames["default"])(classes.point, disabled && classes.disabledSecondary, classes[correctness], className)
       }, rest), /*#__PURE__*/_react["default"].createElement(_arrowHead.ArrowHead, {
         size: size,
         transform: transform,

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/tools/shared/point/arrow.jsx"],"names":["Arrow","props","classes","angle","className","x","y","disabled","correctness","graphProps","rest","size","scale","scaledX","scaledY","transform","points","point","React","Component","PropTypes","object","string","bool","number","isRequired","types","GraphPropsType"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;;;IAEqBA,K;;;;;;;;;;;;WAYnB,kBAAS;AACP,wBAAwF,KAAKC,KAA7F;AAAA,UAAQC,OAAR,eAAQA,OAAR;AAAA,UAAiBC,KAAjB,eAAiBA,KAAjB;AAAA,UAAwBC,SAAxB,eAAwBA,SAAxB;AAAA,UAAmCC,CAAnC,eAAmCA,CAAnC;AAAA,UAAsCC,CAAtC,eAAsCA,CAAtC;AAAA,UAAyCC,QAAzC,eAAyCA,QAAzC;AAAA,UAAmDC,WAAnD,eAAmDA,WAAnD;AAAA,UAAgEC,UAAhE,eAAgEA,UAAhE;AAAA,UAA+EC,IAA/E;AAEA,UAAMC,IAAI,GAAG,gCAAoBF,UAApB,IAAkC,EAAlC,GAAuC,EAApD;AACA,UAAQG,KAAR,GAAkBH,UAAlB,CAAQG,KAAR;AAEA,UAAMC,OAAO,GAAGD,KAAK,CAACP,CAAN,CAAQA,CAAR,CAAhB;AACA,UAAMS,OAAO,GAAGF,KAAK,CAACN,CAAN,CAAQA,CAAR,CAAhB;AAEA,UAAMS,SAAS,oBAAa,CAACZ,KAAd,eAAwBU,OAAxB,cAAmCC,OAAnC,MAAf;AACA,UAAME,MAAM,aAAMH,OAAN,cAAiBC,OAAjB,uBACND,OAAO,GAAGF,IADJ,cACYG,OAAO,GAAGH,IAAI,GAAG,CAD7B,uBAENE,OAAO,GAAGF,IAFJ,eAEaG,OAAO,GAAGH,IAAI,GAAG,CAF9B,CAAZ;AAIA,0BACE;AAAG,QAAA,SAAS,EAAE,4BAAWT,OAAO,CAACe,KAAnB,EAA0BV,QAAQ,IAAIL,OAAO,CAACK,QAA9C,EAAwDL,OAAO,CAACM,WAAD,CAA/D,EAA8EJ,SAA9E;AAAd,SAA4GM,IAA5G,gBACE,gCAAC,oBAAD;AAAW,QAAA,IAAI,EAAEC,IAAjB;AAAuB,QAAA,SAAS,EAAEI,SAAlC;AAA6C,QAAA,MAAM,EAAEC;AAArD,QADF,CADF;AAKD;;;EA/BgCE,kBAAMC,S;;;iCAApBnB,K,eACA;AACjBE,EAAAA,OAAO,EAAEkB,sBAAUC,MADF;AAEjBjB,EAAAA,SAAS,EAAEgB,sBAAUE,MAFJ;AAGjBd,EAAAA,WAAW,EAAEY,sBAAUE,MAHN;AAIjBf,EAAAA,QAAQ,EAAEa,sBAAUG,IAJH;AAKjBlB,EAAAA,CAAC,EAAEe,sBAAUI,MAAV,CAAiBC,UALH;AAMjBnB,EAAAA,CAAC,EAAEc,sBAAUI,MAAV,CAAiBC,UANH;AAOjBtB,EAAAA,KAAK,EAAEiB,sBAAUI,MAAV,CAAiBC,UAPP;AAQjBhB,EAAAA,UAAU,EAAEiB,YAAMC,cAAN,CAAqBF;AARhB,C","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport { types } from '@pie-lib/plot';\nimport { ArrowHead } from '../arrow-head';\nimport { thinnerShapesNeeded } from '../../../utils';\n\nexport default class Arrow 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.isRequired,\n    y: PropTypes.number.isRequired,\n    angle: PropTypes.number.isRequired,\n    graphProps: types.GraphPropsType.isRequired,\n  };\n\n  render() {\n    const { classes, angle, className, x, y, disabled, correctness, graphProps, ...rest } = this.props;\n\n    const size = thinnerShapesNeeded(graphProps) ? 12 : 14;\n    const { scale } = graphProps;\n\n    const scaledX = scale.x(x);\n    const scaledY = scale.y(y);\n\n    const transform = `rotate(${-angle}, ${scaledX},${scaledY})`;\n    const points = `${scaledX},${scaledY}\n        ${scaledX - size},${scaledY - size / 2}\n        ${scaledX - size}, ${scaledY + size / 2}`;\n\n    return (\n      <g className={classNames(classes.point, disabled && classes.disabled, classes[correctness], className)} {...rest}>\n        <ArrowHead size={size} transform={transform} points={points} />\n      </g>\n    );\n  }\n}\n"],"file":"arrow.js"}
+{"version":3,"sources":["../../../../src/tools/shared/point/arrow.jsx"],"names":["Arrow","props","classes","angle","className","x","y","disabled","correctness","graphProps","rest","size","scale","scaledX","scaledY","transform","points","point","disabledSecondary","React","Component","PropTypes","object","string","bool","number","isRequired","types","GraphPropsType"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;;;IAEqBA,K;;;;;;;;;;;;WAYnB,kBAAS;AACP,wBAAwF,KAAKC,KAA7F;AAAA,UAAQC,OAAR,eAAQA,OAAR;AAAA,UAAiBC,KAAjB,eAAiBA,KAAjB;AAAA,UAAwBC,SAAxB,eAAwBA,SAAxB;AAAA,UAAmCC,CAAnC,eAAmCA,CAAnC;AAAA,UAAsCC,CAAtC,eAAsCA,CAAtC;AAAA,UAAyCC,QAAzC,eAAyCA,QAAzC;AAAA,UAAmDC,WAAnD,eAAmDA,WAAnD;AAAA,UAAgEC,UAAhE,eAAgEA,UAAhE;AAAA,UAA+EC,IAA/E;AAEA,UAAMC,IAAI,GAAG,gCAAoBF,UAApB,IAAkC,EAAlC,GAAuC,EAApD;AACA,UAAQG,KAAR,GAAkBH,UAAlB,CAAQG,KAAR;AAEA,UAAMC,OAAO,GAAGD,KAAK,CAACP,CAAN,CAAQA,CAAR,CAAhB;AACA,UAAMS,OAAO,GAAGF,KAAK,CAACN,CAAN,CAAQA,CAAR,CAAhB;AAEA,UAAMS,SAAS,oBAAa,CAACZ,KAAd,eAAwBU,OAAxB,cAAmCC,OAAnC,MAAf;AACA,UAAME,MAAM,aAAMH,OAAN,cAAiBC,OAAjB,uBACND,OAAO,GAAGF,IADJ,cACYG,OAAO,GAAGH,IAAI,GAAG,CAD7B,uBAENE,OAAO,GAAGF,IAFJ,eAEaG,OAAO,GAAGH,IAAI,GAAG,CAF9B,CAAZ;AAIA,0BACE;AACE,QAAA,SAAS,EAAE,4BAAWT,OAAO,CAACe,KAAnB,EAA0BV,QAAQ,IAAIL,OAAO,CAACgB,iBAA9C,EAAiEhB,OAAO,CAACM,WAAD,CAAxE,EAAuFJ,SAAvF;AADb,SAEMM,IAFN,gBAIE,gCAAC,oBAAD;AAAW,QAAA,IAAI,EAAEC,IAAjB;AAAuB,QAAA,SAAS,EAAEI,SAAlC;AAA6C,QAAA,MAAM,EAAEC;AAArD,QAJF,CADF;AAQD;;;EAlCgCG,kBAAMC,S;;;iCAApBpB,K,eACA;AACjBE,EAAAA,OAAO,EAAEmB,sBAAUC,MADF;AAEjBlB,EAAAA,SAAS,EAAEiB,sBAAUE,MAFJ;AAGjBf,EAAAA,WAAW,EAAEa,sBAAUE,MAHN;AAIjBhB,EAAAA,QAAQ,EAAEc,sBAAUG,IAJH;AAKjBnB,EAAAA,CAAC,EAAEgB,sBAAUI,MAAV,CAAiBC,UALH;AAMjBpB,EAAAA,CAAC,EAAEe,sBAAUI,MAAV,CAAiBC,UANH;AAOjBvB,EAAAA,KAAK,EAAEkB,sBAAUI,MAAV,CAAiBC,UAPP;AAQjBjB,EAAAA,UAAU,EAAEkB,YAAMC,cAAN,CAAqBF;AARhB,C","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport { types } from '@pie-lib/plot';\nimport { ArrowHead } from '../arrow-head';\nimport { thinnerShapesNeeded } from '../../../utils';\n\nexport default class Arrow 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.isRequired,\n    y: PropTypes.number.isRequired,\n    angle: PropTypes.number.isRequired,\n    graphProps: types.GraphPropsType.isRequired,\n  };\n\n  render() {\n    const { classes, angle, className, x, y, disabled, correctness, graphProps, ...rest } = this.props;\n\n    const size = thinnerShapesNeeded(graphProps) ? 12 : 14;\n    const { scale } = graphProps;\n\n    const scaledX = scale.x(x);\n    const scaledY = scale.y(y);\n\n    const transform = `rotate(${-angle}, ${scaledX},${scaledY})`;\n    const points = `${scaledX},${scaledY}\n        ${scaledX - size},${scaledY - size / 2}\n        ${scaledX - size}, ${scaledY + size / 2}`;\n\n    return (\n      <g\n        className={classNames(classes.point, disabled && classes.disabledSecondary, classes[correctness], className)}\n        {...rest}\n      >\n        <ArrowHead size={size} transform={transform} points={points} />\n      </g>\n    );\n  }\n}\n"],"file":"arrow.js"}

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

@@ -37,7 +37,13 @@ var _reactDom = _interopRequireDefault(require("react-dom"));
 
 var _utils = require("../../../utils");
 
-var _excluded = ["classes", "className", "coordinatesOnHover", "x", "y", "disabled", "correctness", "graphProps", "labelNode", "style"];
+var _MissingSVG = _interopRequireDefault(require("../icons/MissingSVG"));
+
+var _CorrectSVG = _interopRequireDefault(require("../icons/CorrectSVG"));
+
+var _IncorrectSVG = _interopRequireDefault(require("../icons/IncorrectSVG"));
+
+var _excluded = ["classes", "className", "coordinatesOnHover", "x", "y", "disabled", "correctness", "graphProps", "labelNode", "style", "onClick", "onTouchStart", "onTouchEnd"];
 
 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); }; }
 
@@ -75,11 +81,34 @@ var RawBp = /*#__PURE__*/function (_React$Component) {
           graphProps = _this$props.graphProps,
           labelNode = _this$props.labelNode,
           style = _this$props.style,
+          onClick = _this$props.onClick,
+          onTouchStart = _this$props.onTouchStart,
+          onTouchEnd = _this$props.onTouchEnd,
           rest = (0, _objectWithoutProperties2["default"])(_this$props, _excluded);
       var showCoordinates = this.state.showCoordinates;
       var scale = graphProps.scale;
       var r = (0, _utils.thinnerShapesNeeded)(graphProps) ? 5 : 7;
-      return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("circle", (0, _extends2["default"])({
+      var SvgComponent;
+
+      switch (correctness) {
+        case 'missing':
+          SvgComponent = _MissingSVG["default"];
+          break;
+
+        case 'correct':
+          SvgComponent = _CorrectSVG["default"];
+          break;
+
+        case 'incorrect':
+          SvgComponent = _IncorrectSVG["default"];
+          break;
+
+        default:
+          SvgComponent = null;
+          break;
+      }
+
+      return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("circle", {
         style: {
           fill: 'transparent',
           cursor: 'pointer',
@@ -97,9 +126,12 @@ var RawBp = /*#__PURE__*/function (_React$Component) {
           return _this2.setState({
             showCoordinates: false
           });
-        }
-      }, rest)), /*#__PURE__*/_react["default"].createElement("g", (0, _extends2["default"])({
-        className: (0, _classnames["default"])(classes.point, disabled && classes.disabled, classes[correctness], className),
+        },
+        onTouchStart: onTouchStart,
+        onTouchEnd: onTouchEnd,
+        onClick: onClick
+      }), /*#__PURE__*/_react["default"].createElement("g", {
+        className: (0, _classnames["default"])(classes.point, disabled && classes.disabledSecondary, classes[correctness], className),
         onMouseEnter: function onMouseEnter() {
           return _this2.setState({
             showCoordinates: true
@@ -110,11 +142,15 @@ var RawBp = /*#__PURE__*/function (_React$Component) {
             showCoordinates: false
           });
         }
-      }, rest), /*#__PURE__*/_react["default"].createElement("circle", (0, _extends2["default"])({}, rest, {
+      }, /*#__PURE__*/_react["default"].createElement("circle", (0, _extends2["default"])({}, rest, {
         r: r,
         cx: scale.x(x),
         cy: scale.y(y)
-      })), labelNode && coordinatesOnHover && showCoordinates && /*#__PURE__*/_reactDom["default"].createPortal( /*#__PURE__*/_react["default"].createElement(_coordinatesLabel["default"], {
+      })), SvgComponent && /*#__PURE__*/_react["default"].createElement(SvgComponent, {
+        scale: scale,
+        x: x,
+        y: y
+      }), labelNode && coordinatesOnHover && showCoordinates && /*#__PURE__*/_reactDom["default"].createPortal( /*#__PURE__*/_react["default"].createElement(_coordinatesLabel["default"], {
         graphProps: graphProps,
         x: x,
         y: y

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/tools/shared/point/base-point.jsx"],"names":["RawBp","props","state","showCoordinates","classes","className","coordinatesOnHover","x","y","disabled","correctness","graphProps","labelNode","style","rest","scale","r","fill","cursor","pointerEvents","setState","point","ReactDOM","createPortal","React","Component","PropTypes","object","string","bool","number","types","GraphPropsType","isRequired"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport { types } from '@pie-lib/plot';\nimport CoordinatesLabel from '../../../coordinates-label';\nimport ReactDOM from 'react-dom';\nimport { thinnerShapesNeeded } from '../../../utils';\n\nexport class RawBp extends React.Component {\n  static propTypes = {\n    classes: PropTypes.object,\n    className: PropTypes.string,\n    coordinatesOnHover: PropTypes.bool,\n    correctness: PropTypes.string,\n    disabled: PropTypes.bool,\n    labelNode: PropTypes.object,\n    x: PropTypes.number,\n    y: PropTypes.number,\n    graphProps: types.GraphPropsType.isRequired,\n  };\n\n  constructor(props) {\n    super(props);\n    this.state = { showCoordinates: false };\n  }\n\n  render() {\n    const {\n      classes,\n      className,\n      coordinatesOnHover,\n      x,\n      y,\n      disabled,\n      correctness,\n      graphProps,\n      labelNode,\n      // we need to remove style from props\n      // eslint-disable-next-line no-unused-vars,react/prop-types\n      style,\n      ...rest\n    } = this.props;\n    const { showCoordinates } = this.state;\n    const { scale } = graphProps;\n    const r = thinnerShapesNeeded(graphProps) ? 5 : 7;\n\n    return (\n      <>\n        <circle\n          style={{ fill: 'transparent', cursor: 'pointer', pointerEvents: 'all' }}\n          r={r * 3}\n          cx={scale.x(x)}\n          cy={scale.y(y)}\n          onMouseEnter={() => this.setState({ showCoordinates: true })}\n          onMouseLeave={() => this.setState({ showCoordinates: false })}\n          {...rest}\n        />\n        <g\n          className={classNames(classes.point, disabled && classes.disabled, classes[correctness], className)}\n          onMouseEnter={() => this.setState({ showCoordinates: true })}\n          onMouseLeave={() => this.setState({ showCoordinates: false })}\n          {...rest}\n        >\n          <circle {...rest} r={r} cx={scale.x(x)} cy={scale.y(y)} />\n          {labelNode &&\n            coordinatesOnHover &&\n            showCoordinates &&\n            ReactDOM.createPortal(<CoordinatesLabel graphProps={graphProps} x={x} y={y} />, labelNode)}\n        </g>\n      </>\n    );\n  }\n}\n"],"file":"base-point.js"}
+{"version":3,"sources":["../../../../src/tools/shared/point/base-point.jsx"],"names":["RawBp","props","state","showCoordinates","classes","className","coordinatesOnHover","x","y","disabled","correctness","graphProps","labelNode","style","onClick","onTouchStart","onTouchEnd","rest","scale","r","SvgComponent","MissingSVG","CorrectSVG","IncorrectSVG","fill","cursor","pointerEvents","setState","point","disabledSecondary","ReactDOM","createPortal","React","Component","PropTypes","object","string","bool","number","types","GraphPropsType","isRequired"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport { types } from '@pie-lib/plot';\nimport CoordinatesLabel from '../../../coordinates-label';\nimport ReactDOM from 'react-dom';\nimport { thinnerShapesNeeded } from '../../../utils';\nimport MissingSVG from '../icons/MissingSVG';\nimport CorrectSVG from '../icons/CorrectSVG';\nimport IncorrectSVG from '../icons/IncorrectSVG';\n\nexport class RawBp extends React.Component {\n  static propTypes = {\n    classes: PropTypes.object,\n    className: PropTypes.string,\n    coordinatesOnHover: PropTypes.bool,\n    correctness: PropTypes.string,\n    disabled: PropTypes.bool,\n    labelNode: PropTypes.object,\n    x: PropTypes.number,\n    y: PropTypes.number,\n    graphProps: types.GraphPropsType.isRequired,\n  };\n\n  constructor(props) {\n    super(props);\n    this.state = { showCoordinates: false };\n  }\n\n  render() {\n    const {\n      classes,\n      className,\n      coordinatesOnHover,\n      x,\n      y,\n      disabled,\n      correctness,\n      graphProps,\n      labelNode,\n      // we need to remove style from props\n      // eslint-disable-next-line no-unused-vars,react/prop-types\n      style,\n      onClick,\n      // Refactored RawBp component by isolating onTouchStart and onTouchEnd handlers to the outer circle, resolving erratic touch event behavior.\n      // Remaining props are now applied only to the inner circle for improved event handling consistency.\n      onTouchStart,\n      onTouchEnd,\n      ...rest\n    } = this.props;\n    const { showCoordinates } = this.state;\n    const { scale } = graphProps;\n    const r = thinnerShapesNeeded(graphProps) ? 5 : 7;\n    let SvgComponent;\n    switch (correctness) {\n      case 'missing':\n        SvgComponent = MissingSVG;\n        break;\n      case 'correct':\n        SvgComponent = CorrectSVG;\n        break;\n      case 'incorrect':\n        SvgComponent = IncorrectSVG;\n        break;\n      default:\n        SvgComponent = null;\n        break;\n    }\n\n    return (\n      <>\n        <circle\n          style={{ fill: 'transparent', cursor: 'pointer', pointerEvents: 'all' }}\n          r={r * 3}\n          cx={scale.x(x)}\n          cy={scale.y(y)}\n          onMouseEnter={() => this.setState({ showCoordinates: true })}\n          onMouseLeave={() => this.setState({ showCoordinates: false })}\n          onTouchStart={onTouchStart}\n          onTouchEnd={onTouchEnd}\n          onClick={onClick}\n        />\n        <g\n          className={classNames(classes.point, disabled && classes.disabledSecondary, classes[correctness], className)}\n          onMouseEnter={() => this.setState({ showCoordinates: true })}\n          onMouseLeave={() => this.setState({ showCoordinates: false })}\n        >\n          <circle {...rest} r={r} cx={scale.x(x)} cy={scale.y(y)} />\n          {SvgComponent && <SvgComponent scale={scale} x={x} y={y} />}\n          {labelNode &&\n            coordinatesOnHover &&\n            showCoordinates &&\n            ReactDOM.createPortal(<CoordinatesLabel graphProps={graphProps} x={x} y={y} />, labelNode)}\n        </g>\n      </>\n    );\n  }\n}\n"],"file":"base-point.js"}

package/lib/tools/shared/point/index.js

@@ -67,12 +67,15 @@ var styles = function styles() {
     point: {
       '& circle, & polygon': {
         cursor: 'pointer',
-        fill: _renderUi.color.secondary()
+        fill: _renderUi.color.defaults.BLACK
       }
     },
     disabled: {
       '& circle, & polygon': _objectSpread({}, (0, _styles.disabled)())
     },
+    disabledSecondary: {
+      '& circle, & polygon': _objectSpread({}, (0, _styles.disabledSecondary)())
+    },
     correct: {
       '& circle, & polygon': _objectSpread({}, (0, _styles.correct)())
     },

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/tools/shared/point/index.jsx"],"names":["opts","bounds","props","domain","range","x","y","area","left","top","bottom","right","utils","anchorPoint","fromDelta","delta","point","add","styles","cursor","fill","color","secondary","disabled","correct","incorrect","missing","BasePoint","RawBp","ArrowPoint","RawArrow","Arrow","BaseArrow"],"mappings":";;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;;;;;AAEA,IAAMA,IAAI,GAAG;AACXC,EAAAA,MAAM,EAAE,gBAACC,KAAD,QAA8B;AAAA,QAApBC,MAAoB,QAApBA,MAAoB;AAAA,QAAZC,KAAY,QAAZA,KAAY;AACpC,QAAQC,CAAR,GAAiBH,KAAjB,CAAQG,CAAR;AAAA,QAAWC,CAAX,GAAiBJ,KAAjB,CAAWI,CAAX;AACA,QAAMC,IAAI,GAAG;AAAEC,MAAAA,IAAI,EAAEH,CAAR;AAAWI,MAAAA,GAAG,EAAEH,CAAhB;AAAmBI,MAAAA,MAAM,EAAEJ,CAA3B;AAA8BK,MAAAA,KAAK,EAAEN;AAArC,KAAb;AAEA,WAAOO,KAAK,CAACX,MAAN,CAAaM,IAAb,EAAmBJ,MAAnB,EAA2BC,KAA3B,CAAP;AACD,GANU;AAOXS,EAAAA,WAAW,EAAE,qBAACX,KAAD,EAAW;AACtB,QAAQG,CAAR,GAAiBH,KAAjB,CAAQG,CAAR;AAAA,QAAWC,CAAX,GAAiBJ,KAAjB,CAAWI,CAAX;AAEA,WAAO;AAAED,MAAAA,CAAC,EAADA,CAAF;AAAKC,MAAAA,CAAC,EAADA;AAAL,KAAP;AACD,GAXU;AAYXQ,EAAAA,SAAS,EAAE,mBAACZ,KAAD,EAAQa,KAAR,EAAkB;AAC3B,WAAOH,KAAK,CAACI,KAAN,CAAYd,KAAZ,EAAmBe,GAAnB,CAAuBL,KAAK,CAACI,KAAN,CAAYD,KAAZ,CAAvB,CAAP;AACD;AAdU,CAAb;;AAiBA,IAAMG,MAAM,GAAG,SAATA,MAAS,GAAM;AACnB,SAAO;AACLF,IAAAA,KAAK,EAAE;AACL,6BAAuB;AACrBG,QAAAA,MAAM,EAAE,SADa;AAErBC,QAAAA,IAAI,EAAEC,gBAAMC,SAAN;AAFe;AADlB,KADF;AAOLC,IAAAA,QAAQ,EAAE;AACR,+CACK,uBADL;AADQ,KAPL;AAYLC,IAAAA,OAAO,EAAE;AACP,+CACK,sBADL;AADO,KAZJ;AAiBLC,IAAAA,SAAS,EAAE;AACT,+CACK,wBADL;AADS,KAjBN;AAsBLC,IAAAA,OAAO,EAAE;AACP,+CACK,sBADL;AADO;AAtBJ,GAAP;AA4BD,CA7BD;;AA+BO,IAAMC,SAAS,GAAG,uBAAWT,MAAX,EAAmB,yBAAclB,IAAd,EAAoB4B,gBAApB,CAAnB,CAAlB;;AACA,IAAMC,UAAU,GAAG,uBAAWX,MAAX,EAAmB,yBAAclB,IAAd,EAAoB8B,oBAApB,CAAnB,CAAnB;;AACA,IAAMC,KAAK,GAAG,uBAAWb,MAAX,EAAmB,yBAAclB,IAAd,EAAoBgC,iBAApB,CAAnB,CAAd","sourcesContent":["import { withStyles } from '@material-ui/core/styles/index';\nimport { gridDraggable } from '@pie-lib/plot';\nimport * as utils from '../../../utils';\nimport { disabled, correct, incorrect, missing } from '../styles';\nimport { RawBp } from './base-point';\nimport { RawArrow } from './arrow-point';\nimport { color } from '@pie-lib/render-ui';\nimport BaseArrow from './arrow';\n\nconst opts = {\n  bounds: (props, { domain, range }) => {\n    const { x, y } = props;\n    const area = { left: x, top: y, bottom: y, right: x };\n\n    return utils.bounds(area, domain, range);\n  },\n  anchorPoint: (props) => {\n    const { x, y } = props;\n\n    return { x, y };\n  },\n  fromDelta: (props, delta) => {\n    return utils.point(props).add(utils.point(delta));\n  },\n};\n\nconst styles = () => {\n  return {\n    point: {\n      '& circle, & polygon': {\n        cursor: 'pointer',\n        fill: color.secondary(),\n      },\n    },\n    disabled: {\n      '& circle, & polygon': {\n        ...disabled(),\n      },\n    },\n    correct: {\n      '& circle, & polygon': {\n        ...correct(),\n      },\n    },\n    incorrect: {\n      '& circle, & polygon': {\n        ...incorrect(),\n      },\n    },\n    missing: {\n      '& circle, & polygon': {\n        ...missing(),\n      },\n    },\n  };\n};\n\nexport const BasePoint = withStyles(styles)(gridDraggable(opts)(RawBp));\nexport const ArrowPoint = withStyles(styles)(gridDraggable(opts)(RawArrow));\nexport const Arrow = withStyles(styles)(gridDraggable(opts)(BaseArrow));\n"],"file":"index.js"}
+{"version":3,"sources":["../../../../src/tools/shared/point/index.jsx"],"names":["opts","bounds","props","domain","range","x","y","area","left","top","bottom","right","utils","anchorPoint","fromDelta","delta","point","add","styles","cursor","fill","color","defaults","BLACK","disabled","disabledSecondary","correct","incorrect","missing","BasePoint","RawBp","ArrowPoint","RawArrow","Arrow","BaseArrow"],"mappings":";;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;;;;;AAEA,IAAMA,IAAI,GAAG;AACXC,EAAAA,MAAM,EAAE,gBAACC,KAAD,QAA8B;AAAA,QAApBC,MAAoB,QAApBA,MAAoB;AAAA,QAAZC,KAAY,QAAZA,KAAY;AACpC,QAAQC,CAAR,GAAiBH,KAAjB,CAAQG,CAAR;AAAA,QAAWC,CAAX,GAAiBJ,KAAjB,CAAWI,CAAX;AACA,QAAMC,IAAI,GAAG;AAAEC,MAAAA,IAAI,EAAEH,CAAR;AAAWI,MAAAA,GAAG,EAAEH,CAAhB;AAAmBI,MAAAA,MAAM,EAAEJ,CAA3B;AAA8BK,MAAAA,KAAK,EAAEN;AAArC,KAAb;AAEA,WAAOO,KAAK,CAACX,MAAN,CAAaM,IAAb,EAAmBJ,MAAnB,EAA2BC,KAA3B,CAAP;AACD,GANU;AAOXS,EAAAA,WAAW,EAAE,qBAACX,KAAD,EAAW;AACtB,QAAQG,CAAR,GAAiBH,KAAjB,CAAQG,CAAR;AAAA,QAAWC,CAAX,GAAiBJ,KAAjB,CAAWI,CAAX;AAEA,WAAO;AAAED,MAAAA,CAAC,EAADA,CAAF;AAAKC,MAAAA,CAAC,EAADA;AAAL,KAAP;AACD,GAXU;AAYXQ,EAAAA,SAAS,EAAE,mBAACZ,KAAD,EAAQa,KAAR,EAAkB;AAC3B,WAAOH,KAAK,CAACI,KAAN,CAAYd,KAAZ,EAAmBe,GAAnB,CAAuBL,KAAK,CAACI,KAAN,CAAYD,KAAZ,CAAvB,CAAP;AACD;AAdU,CAAb;;AAiBA,IAAMG,MAAM,GAAG,SAATA,MAAS,GAAM;AACnB,SAAO;AACLF,IAAAA,KAAK,EAAE;AACL,6BAAuB;AACrBG,QAAAA,MAAM,EAAE,SADa;AAErBC,QAAAA,IAAI,EAAEC,gBAAMC,QAAN,CAAeC;AAFA;AADlB,KADF;AAOLC,IAAAA,QAAQ,EAAE;AACR,+CACK,uBADL;AADQ,KAPL;AAYLC,IAAAA,iBAAiB,EAAE;AACjB,+CACK,gCADL;AADiB,KAZd;AAiBLC,IAAAA,OAAO,EAAE;AACP,+CACK,sBADL;AADO,KAjBJ;AAsBLC,IAAAA,SAAS,EAAE;AACT,+CACK,wBADL;AADS,KAtBN;AA2BLC,IAAAA,OAAO,EAAE;AACP,+CACK,sBADL;AADO;AA3BJ,GAAP;AAiCD,CAlCD;;AAoCO,IAAMC,SAAS,GAAG,uBAAWX,MAAX,EAAmB,yBAAclB,IAAd,EAAoB8B,gBAApB,CAAnB,CAAlB;;AACA,IAAMC,UAAU,GAAG,uBAAWb,MAAX,EAAmB,yBAAclB,IAAd,EAAoBgC,oBAApB,CAAnB,CAAnB;;AACA,IAAMC,KAAK,GAAG,uBAAWf,MAAX,EAAmB,yBAAclB,IAAd,EAAoBkC,iBAApB,CAAnB,CAAd","sourcesContent":["import { withStyles } from '@material-ui/core/styles/index';\nimport { gridDraggable } from '@pie-lib/plot';\nimport * as utils from '../../../utils';\nimport { disabled, correct, incorrect, missing, disabledSecondary } from '../styles';\nimport { RawBp } from './base-point';\nimport { RawArrow } from './arrow-point';\nimport { color } from '@pie-lib/render-ui';\nimport BaseArrow from './arrow';\n\nconst opts = {\n  bounds: (props, { domain, range }) => {\n    const { x, y } = props;\n    const area = { left: x, top: y, bottom: y, right: x };\n\n    return utils.bounds(area, domain, range);\n  },\n  anchorPoint: (props) => {\n    const { x, y } = props;\n\n    return { x, y };\n  },\n  fromDelta: (props, delta) => {\n    return utils.point(props).add(utils.point(delta));\n  },\n};\n\nconst styles = () => {\n  return {\n    point: {\n      '& circle, & polygon': {\n        cursor: 'pointer',\n        fill: color.defaults.BLACK,\n      },\n    },\n    disabled: {\n      '& circle, & polygon': {\n        ...disabled(),\n      },\n    },\n    disabledSecondary: {\n      '& circle, & polygon': {\n        ...disabledSecondary(),\n      },\n    },\n    correct: {\n      '& circle, & polygon': {\n        ...correct(),\n      },\n    },\n    incorrect: {\n      '& circle, & polygon': {\n        ...incorrect(),\n      },\n    },\n    missing: {\n      '& circle, & polygon': {\n        ...missing(),\n      },\n    },\n  };\n};\n\nexport const BasePoint = withStyles(styles)(gridDraggable(opts)(RawBp));\nexport const ArrowPoint = withStyles(styles)(gridDraggable(opts)(RawArrow));\nexport const Arrow = withStyles(styles)(gridDraggable(opts)(BaseArrow));\n"],"file":"index.js"}

package/lib/tools/shared/styles.js

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.missing = exports.incorrect = exports.disabled = exports.correct = void 0;
+exports.missing = exports.incorrect = exports.disabledSecondary = exports.disabled = exports.correct = void 0;
 
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 
@@ -20,29 +20,38 @@ var disabled = function disabled() {
 
 exports.disabled = disabled;
 
-var correct = function correct() {
+var disabledSecondary = function disabledSecondary() {
   var _ref2;
 
   var key = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'fill';
-  return _ref2 = {}, (0, _defineProperty2["default"])(_ref2, key, _renderUi.color.correct()), (0, _defineProperty2["default"])(_ref2, "pointerEvents", 'none'), _ref2;
+  return _ref2 = {}, (0, _defineProperty2["default"])(_ref2, key, _renderUi.color.disabledSecondary()), (0, _defineProperty2["default"])(_ref2, "pointerEvents", 'none'), _ref2;
+};
+
+exports.disabledSecondary = disabledSecondary;
+
+var correct = function correct() {
+  var _ref3;
+
+  var key = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'fill';
+  return _ref3 = {}, (0, _defineProperty2["default"])(_ref3, key, _renderUi.color.correctWithIcon()), (0, _defineProperty2["default"])(_ref3, "pointerEvents", 'none'), _ref3;
 };
 
 exports.correct = correct;
 
 var incorrect = function incorrect() {
-  var _ref3;
+  var _ref4;
 
   var key = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'fill';
-  return _ref3 = {}, (0, _defineProperty2["default"])(_ref3, key, _renderUi.color.incorrect()), (0, _defineProperty2["default"])(_ref3, "pointerEvents", 'none'), _ref3;
+  return _ref4 = {}, (0, _defineProperty2["default"])(_ref4, key, _renderUi.color.incorrectWithIcon()), (0, _defineProperty2["default"])(_ref4, "pointerEvents", 'none'), _ref4;
 };
 
 exports.incorrect = incorrect;
 
 var missing = function missing() {
-  var _ref4;
+  var _ref5;
 
   var key = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'fill';
-  return _ref4 = {}, (0, _defineProperty2["default"])(_ref4, key, _renderUi.color.missing()), (0, _defineProperty2["default"])(_ref4, "pointerEvents", 'none'), _ref4;
+  return _ref5 = {}, (0, _defineProperty2["default"])(_ref5, key, _renderUi.color.missingWithIcon()), (0, _defineProperty2["default"])(_ref5, "pointerEvents", 'none'), _ref5;
 };
 
 exports.missing = missing;

package/lib/tools/shared/styles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/tools/shared/styles.js"],"names":["disabled","key","color","correct","incorrect","missing"],"mappings":";;;;;;;;;;;AAAA;;AAEO,IAAMA,QAAQ,GAAG,SAAXA,QAAW;AAAA;;AAAA,MAACC,GAAD,uEAAO,MAAP;AAAA,2DACrBA,GADqB,EACfC,gBAAMF,QAAN,EADe,2DAEP,MAFO;AAAA,CAAjB;;;;AAKA,IAAMG,OAAO,GAAG,SAAVA,OAAU;AAAA;;AAAA,MAACF,GAAD,uEAAO,MAAP;AAAA,6DACpBA,GADoB,EACdC,gBAAMC,OAAN,EADc,4DAEN,MAFM;AAAA,CAAhB;;;;AAIA,IAAMC,SAAS,GAAG,SAAZA,SAAY;AAAA;;AAAA,MAACH,GAAD,uEAAO,MAAP;AAAA,6DACtBA,GADsB,EAChBC,gBAAME,SAAN,EADgB,4DAER,MAFQ;AAAA,CAAlB;;;;AAKA,IAAMC,OAAO,GAAG,SAAVA,OAAU;AAAA;;AAAA,MAACJ,GAAD,uEAAO,MAAP;AAAA,6DACpBA,GADoB,EACdC,gBAAMG,OAAN,EADc,4DAEN,MAFM;AAAA,CAAhB","sourcesContent":["import { color } from '@pie-lib/render-ui';\n\nexport const disabled = (key = 'fill') => ({\n  [key]: color.disabled(),\n  pointerEvents: 'none',\n});\n\nexport const correct = (key = 'fill') => ({\n  [key]: color.correct(),\n  pointerEvents: 'none',\n});\nexport const incorrect = (key = 'fill') => ({\n  [key]: color.incorrect(),\n  pointerEvents: 'none',\n});\n\nexport const missing = (key = 'fill') => ({\n  [key]: color.missing(),\n  pointerEvents: 'none',\n});\n"],"file":"styles.js"}
+{"version":3,"sources":["../../../src/tools/shared/styles.js"],"names":["disabled","key","color","disabledSecondary","correct","correctWithIcon","incorrect","incorrectWithIcon","missing","missingWithIcon"],"mappings":";;;;;;;;;;;AAAA;;AAEO,IAAMA,QAAQ,GAAG,SAAXA,QAAW;AAAA;;AAAA,MAACC,GAAD,uEAAO,MAAP;AAAA,2DACrBA,GADqB,EACfC,gBAAMF,QAAN,EADe,2DAEP,MAFO;AAAA,CAAjB;;;;AAKA,IAAMG,iBAAiB,GAAG,SAApBA,iBAAoB;AAAA;;AAAA,MAACF,GAAD,uEAAO,MAAP;AAAA,6DAC9BA,GAD8B,EACxBC,gBAAMC,iBAAN,EADwB,4DAEhB,MAFgB;AAAA,CAA1B;;;;AAKA,IAAMC,OAAO,GAAG,SAAVA,OAAU;AAAA;;AAAA,MAACH,GAAD,uEAAO,MAAP;AAAA,6DACpBA,GADoB,EACdC,gBAAMG,eAAN,EADc,4DAEN,MAFM;AAAA,CAAhB;;;;AAIA,IAAMC,SAAS,GAAG,SAAZA,SAAY;AAAA;;AAAA,MAACL,GAAD,uEAAO,MAAP;AAAA,6DACtBA,GADsB,EAChBC,gBAAMK,iBAAN,EADgB,4DAER,MAFQ;AAAA,CAAlB;;;;AAKA,IAAMC,OAAO,GAAG,SAAVA,OAAU;AAAA;;AAAA,MAACP,GAAD,uEAAO,MAAP;AAAA,6DACpBA,GADoB,EACdC,gBAAMO,eAAN,EADc,4DAEN,MAFM;AAAA,CAAhB","sourcesContent":["import { color } from '@pie-lib/render-ui';\n\nexport const disabled = (key = 'fill') => ({\n  [key]: color.disabled(),\n  pointerEvents: 'none',\n});\n\nexport const disabledSecondary = (key = 'fill') => ({\n  [key]: color.disabledSecondary(),\n  pointerEvents: 'none',\n});\n\nexport const correct = (key = 'fill') => ({\n  [key]: color.correctWithIcon(),\n  pointerEvents: 'none',\n});\nexport const incorrect = (key = 'fill') => ({\n  [key]: color.incorrectWithIcon(),\n  pointerEvents: 'none',\n});\n\nexport const missing = (key = 'fill') => ({\n  [key]: color.missingWithIcon(),\n  pointerEvents: 'none',\n});\n"],"file":"styles.js"}

package/lib/tools/sine/component.js

@@ -7,18 +7,25 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = void 0;
 
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
 var _debug = _interopRequireDefault(require("debug"));
 
 var _graphingUtils = require("@pie-lib/graphing-utils");
 
 var _withRootEdge = require("../shared/line/with-root-edge");
 
+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) { (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 log = (0, _debug["default"])('pie-lib:graphing:sine');
-log('sine...');
 var Sine = (0, _withRootEdge.withRootEdge)(function (props) {
-  var domain = props.graphProps.domain;
   var root = props.root,
-      edge = props.edge;
+      edge = props.edge,
+      graphProps = props.graphProps;
+  var domain = graphProps.domain,
+      range = graphProps.range;
 
   var _getAmplitudeAndFreq = (0, _graphingUtils.getAmplitudeAndFreq)(root, edge),
       amplitude = _getAmplitudeAndFreq.amplitude,
@@ -26,7 +33,9 @@ var Sine = (0, _withRootEdge.withRootEdge)(function (props) {
 
   var interval = freq / _graphingUtils.FREQ_DIVIDER;
   log('[getPoints] amplitude:', amplitude, 'freq:', freq);
-  var dataPoints = edge && edge.x === root.x ? [] : (0, _graphingUtils.buildDataPoints)(domain.min, domain.max, root, edge, interval, (0, _graphingUtils.sinY)(amplitude, freq, {
+  var dataPoints = edge && edge.x === root.x ? [] : (0, _graphingUtils.buildDataPoints)(_objectSpread(_objectSpread({}, domain), {}, {
+    step: interval
+  }), range, root, edge, (0, _graphingUtils.sinY)(amplitude, freq, {
     phase: root.x,
     vertical: root.y
   }));

package/lib/tools/sine/component.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/tools/sine/component.jsx"],"names":["log","Sine","props","domain","graphProps","root","edge","amplitude","freq","interval","FREQ_DIVIDER","dataPoints","x","min","max","phase","vertical","y","Component"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;AAEA,IAAMA,GAAG,GAAG,uBAAM,uBAAN,CAAZ;AAEAA,GAAG,CAAC,SAAD,CAAH;AAEA,IAAMC,IAAI,GAAG,gCAAa,UAACC,KAAD,EAAW;AACnC,MAAQC,MAAR,GAAmBD,KAAK,CAACE,UAAzB,CAAQD,MAAR;AAEA,MAAQE,IAAR,GAAuBH,KAAvB,CAAQG,IAAR;AAAA,MAAcC,IAAd,GAAuBJ,KAAvB,CAAcI,IAAd;;AACA,6BAA4B,wCAAoBD,IAApB,EAA0BC,IAA1B,CAA5B;AAAA,MAAQC,SAAR,wBAAQA,SAAR;AAAA,MAAmBC,IAAnB,wBAAmBA,IAAnB;;AACA,MAAMC,QAAQ,GAAGD,IAAI,GAAGE,2BAAxB;AACAV,EAAAA,GAAG,CAAC,wBAAD,EAA2BO,SAA3B,EAAsC,OAAtC,EAA+CC,IAA/C,CAAH;AAEA,MAAMG,UAAU,GACdL,IAAI,IAAIA,IAAI,CAACM,CAAL,KAAWP,IAAI,CAACO,CAAxB,GACI,EADJ,GAEI,oCACET,MAAM,CAACU,GADT,EAEEV,MAAM,CAACW,GAFT,EAGET,IAHF,EAIEC,IAJF,EAKEG,QALF,EAME,yBAAKF,SAAL,EAAgBC,IAAhB,EAAsB;AAAEO,IAAAA,KAAK,EAAEV,IAAI,CAACO,CAAd;AAAiBI,IAAAA,QAAQ,EAAEX,IAAI,CAACY;AAAhC,GAAtB,CANF,CAHN;AAWA,SAAO;AAAEZ,IAAAA,IAAI,EAAEH,KAAK,CAACG,IAAd;AAAoBC,IAAAA,IAAI,EAAEJ,KAAK,CAACI,IAAhC;AAAsCK,IAAAA,UAAU,EAAVA;AAAtC,GAAP;AACD,CApBY,CAAb;AAsBA,IAAMO,SAAS,GAAG,qCAAkBjB,IAAlB,CAAlB;eACeiB,S","sourcesContent":["import debug from 'debug';\nimport { sinY, buildDataPoints, getAmplitudeAndFreq, FREQ_DIVIDER } from '@pie-lib/graphing-utils';\nimport { withRootEdge, rootEdgeComponent } from '../shared/line/with-root-edge';\n\nconst log = debug('pie-lib:graphing:sine');\n\nlog('sine...');\n\nconst Sine = withRootEdge((props) => {\n  const { domain } = props.graphProps;\n\n  const { root, edge } = props;\n  const { amplitude, freq } = getAmplitudeAndFreq(root, edge);\n  const interval = freq / FREQ_DIVIDER;\n  log('[getPoints] amplitude:', amplitude, 'freq:', freq);\n\n  const dataPoints =\n    edge && edge.x === root.x\n      ? []\n      : buildDataPoints(\n          domain.min,\n          domain.max,\n          root,\n          edge,\n          interval,\n          sinY(amplitude, freq, { phase: root.x, vertical: root.y }),\n        );\n  return { root: props.root, edge: props.edge, dataPoints };\n});\n\nconst Component = rootEdgeComponent(Sine);\nexport default Component;\n"],"file":"component.js"}
+{"version":3,"sources":["../../../src/tools/sine/component.jsx"],"names":["log","Sine","props","root","edge","graphProps","domain","range","amplitude","freq","interval","FREQ_DIVIDER","dataPoints","x","step","phase","vertical","y","Component"],"mappings":";;;;;;;;;;;AAAA;;AACA;;AACA;;;;;;AAEA,IAAMA,GAAG,GAAG,uBAAM,uBAAN,CAAZ;AAEA,IAAMC,IAAI,GAAG,gCAAa,UAACC,KAAD,EAAW;AACnC,MAAQC,IAAR,GAAmCD,KAAnC,CAAQC,IAAR;AAAA,MAAcC,IAAd,GAAmCF,KAAnC,CAAcE,IAAd;AAAA,MAAoBC,UAApB,GAAmCH,KAAnC,CAAoBG,UAApB;AACA,MAAQC,MAAR,GAA0BD,UAA1B,CAAQC,MAAR;AAAA,MAAgBC,KAAhB,GAA0BF,UAA1B,CAAgBE,KAAhB;;AAEA,6BAA4B,wCAAoBJ,IAApB,EAA0BC,IAA1B,CAA5B;AAAA,MAAQI,SAAR,wBAAQA,SAAR;AAAA,MAAmBC,IAAnB,wBAAmBA,IAAnB;;AACA,MAAMC,QAAQ,GAAGD,IAAI,GAAGE,2BAAxB;AAEAX,EAAAA,GAAG,CAAC,wBAAD,EAA2BQ,SAA3B,EAAsC,OAAtC,EAA+CC,IAA/C,CAAH;AAEA,MAAMG,UAAU,GACdR,IAAI,IAAIA,IAAI,CAACS,CAAL,KAAWV,IAAI,CAACU,CAAxB,GACI,EADJ,GAEI,oEACOP,MADP;AACeQ,IAAAA,IAAI,EAAEJ;AADrB,MAEEH,KAFF,EAGEJ,IAHF,EAIEC,IAJF,EAKE,yBAAKI,SAAL,EAAgBC,IAAhB,EAAsB;AAAEM,IAAAA,KAAK,EAAEZ,IAAI,CAACU,CAAd;AAAiBG,IAAAA,QAAQ,EAAEb,IAAI,CAACc;AAAhC,GAAtB,CALF,CAHN;AAWA,SAAO;AAAEd,IAAAA,IAAI,EAAED,KAAK,CAACC,IAAd;AAAoBC,IAAAA,IAAI,EAAEF,KAAK,CAACE,IAAhC;AAAsCQ,IAAAA,UAAU,EAAVA;AAAtC,GAAP;AACD,CArBY,CAAb;AAuBA,IAAMM,SAAS,GAAG,qCAAkBjB,IAAlB,CAAlB;eAEeiB,S","sourcesContent":["import debug from 'debug';\nimport { sinY, buildDataPoints, getAmplitudeAndFreq, FREQ_DIVIDER } from '@pie-lib/graphing-utils';\nimport { withRootEdge, rootEdgeComponent } from '../shared/line/with-root-edge';\n\nconst log = debug('pie-lib:graphing:sine');\n\nconst Sine = withRootEdge((props) => {\n  const { root, edge, graphProps } = props;\n  const { domain, range } = graphProps;\n\n  const { amplitude, freq } = getAmplitudeAndFreq(root, edge);\n  const interval = freq / FREQ_DIVIDER;\n\n  log('[getPoints] amplitude:', amplitude, 'freq:', freq);\n\n  const dataPoints =\n    edge && edge.x === root.x\n      ? []\n      : buildDataPoints(\n          { ...domain, step: interval },\n          range,\n          root,\n          edge,\n          sinY(amplitude, freq, { phase: root.x, vertical: root.y }),\n        );\n\n  return { root: props.root, edge: props.edge, dataPoints };\n});\n\nconst Component = rootEdgeComponent(Sine);\n\nexport default Component;\n"],"file":"component.js"}

package/lib/tools/vector/component.js

@@ -33,6 +33,7 @@ var lineStyles = function lineStyles(theme) {
   return {
     line: _line.styles.line(theme),
     disabled: _line.styles.disabled(theme),
+    disabledSecondary: _line.styles.disabledSecondary(theme),
     correct: _line.styles.correct(theme, 'stroke'),
     incorrect: _line.styles.incorrect(theme, 'stroke'),
     missing: _line.styles.missing(theme, 'stroke')
@@ -58,7 +59,7 @@ var Line = function Line(props) {
   };
   var length = (0, _utils.getDistanceBetweenTwoPoints)(startPoint, endPoint);
   return /*#__PURE__*/_react["default"].createElement("line", (0, _extends2["default"])({
-    className: (0, _classnames["default"])(classes.line, disabled && classes.disabled, classes[correctness], className),
+    className: (0, _classnames["default"])(classes.line, disabled && classes.disabledSecondary, classes[correctness], className),
     x1: startPoint.x,
     y1: startPoint.y,
     x2: endPoint.x,

package/lib/tools/vector/component.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/tools/vector/component.jsx"],"names":["lineStyles","theme","line","styles","disabled","correct","incorrect","missing","Line","props","className","classes","correctness","scale","graphProps","from","to","rest","startPoint","x","y","endPoint","length","propTypes","PropTypes","string","object","bool","any","types","PointType","StyledLine","Vector","Arrow","Component"],"mappings":";;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AAEA,IAAMA,UAAU,GAAG,SAAbA,UAAa,CAACC,KAAD;AAAA,SAAY;AAC7BC,IAAAA,IAAI,EAAEC,aAAOD,IAAP,CAAYD,KAAZ,CADuB;AAE7BG,IAAAA,QAAQ,EAAED,aAAOC,QAAP,CAAgBH,KAAhB,CAFmB;AAG7BI,IAAAA,OAAO,EAAEF,aAAOE,OAAP,CAAeJ,KAAf,EAAsB,QAAtB,CAHoB;AAI7BK,IAAAA,SAAS,EAAEH,aAAOG,SAAP,CAAiBL,KAAjB,EAAwB,QAAxB,CAJkB;AAK7BM,IAAAA,OAAO,EAAEJ,aAAOI,OAAP,CAAeN,KAAf,EAAsB,QAAtB;AALoB,GAAZ;AAAA,CAAnB;;AAQO,IAAMO,IAAI,GAAG,SAAPA,IAAO,CAACC,KAAD,EAAW;AAC7B,MACEC,SADF,GASID,KATJ,CACEC,SADF;AAAA,MAEEC,OAFF,GASIF,KATJ,CAEEE,OAFF;AAAA,MAGEP,QAHF,GASIK,KATJ,CAGEL,QAHF;AAAA,MAIEQ,WAJF,GASIH,KATJ,CAIEG,WAJF;AAAA,MAKgBC,KALhB,GASIJ,KATJ,CAKEK,UALF,CAKgBD,KALhB;AAAA,MAMEE,IANF,GASIN,KATJ,CAMEM,IANF;AAAA,MAOEC,EAPF,GASIP,KATJ,CAOEO,EAPF;AAAA,MAQKC,IARL,6CASIR,KATJ;AAUA,MAAMS,UAAU,GAAG;AAAEC,IAAAA,CAAC,EAAEN,KAAK,CAACM,CAAN,CAAQJ,IAAI,CAACI,CAAb,CAAL;AAAsBC,IAAAA,CAAC,EAAEP,KAAK,CAACO,CAAN,CAAQL,IAAI,CAACK,CAAb;AAAzB,GAAnB;AACA,MAAMC,QAAQ,GAAG;AAAEF,IAAAA,CAAC,EAAEN,KAAK,CAACM,CAAN,CAAQH,EAAE,CAACG,CAAX,CAAL;AAAoBC,IAAAA,CAAC,EAAEP,KAAK,CAACO,CAAN,CAAQJ,EAAE,CAACI,CAAX;AAAvB,GAAjB;AACA,MAAME,MAAM,GAAG,wCAA4BJ,UAA5B,EAAwCG,QAAxC,CAAf;AAEA,sBACE;AACE,IAAA,SAAS,EAAE,4BAAWV,OAAO,CAACT,IAAnB,EAAyBE,QAAQ,IAAIO,OAAO,CAACP,QAA7C,EAAuDO,OAAO,CAACC,WAAD,CAA9D,EAA6EF,SAA7E,CADb;AAEE,IAAA,EAAE,EAAEQ,UAAU,CAACC,CAFjB;AAGE,IAAA,EAAE,EAAED,UAAU,CAACE,CAHjB;AAIE,IAAA,EAAE,EAAEC,QAAQ,CAACF,CAJf;AAKE,IAAA,EAAE,EAAEE,QAAQ,CAACD,CALf;AAME,IAAA,eAAe,EAAEE,MAAM,GAAG;AAN5B,KAOML,IAPN,EADF;AAWD,CA1BM;;;AA4BPT,IAAI,CAACe,SAAL,GAAiB;AACfb,EAAAA,SAAS,EAAEc,sBAAUC,MADN;AAEfd,EAAAA,OAAO,EAAEa,sBAAUE,MAFJ;AAGftB,EAAAA,QAAQ,EAAEoB,sBAAUG,IAHL;AAIff,EAAAA,WAAW,EAAEY,sBAAUC,MAJR;AAKfX,EAAAA,UAAU,EAAEU,sBAAUI,GALP;AAMfb,EAAAA,IAAI,EAAEc,YAAMC,SANG;AAOfd,EAAAA,EAAE,EAAEa,YAAMC;AAPK,CAAjB;AAUA,IAAMC,UAAU,GAAG,wBAAW/B,UAAX,EAAuBQ,IAAvB,CAAnB;AACA,IAAMwB,MAAM,GAAG,oBAASD,UAAT,EAAqB;AAAEf,EAAAA,EAAE,EAAEiB;AAAN,CAArB,CAAf;AACA,IAAMC,SAAS,GAAG,6BAAkBF,MAAlB,CAAlB;eAEeE,S","sourcesContent":["import { lineToolComponent, lineBase, styles } from '../shared/line';\nimport { Arrow } from '../shared/point';\nimport React from 'react';\nimport PropTypes from 'prop-types';\nimport { types } from '@pie-lib/plot';\nimport classNames from 'classnames';\nimport { withStyles } from '@material-ui/core/styles';\nimport { getDistanceBetweenTwoPoints } from '../../utils';\n\nconst lineStyles = (theme) => ({\n  line: styles.line(theme),\n  disabled: styles.disabled(theme),\n  correct: styles.correct(theme, 'stroke'),\n  incorrect: styles.incorrect(theme, 'stroke'),\n  missing: styles.missing(theme, 'stroke'),\n});\n\nexport const Line = (props) => {\n  const {\n    className,\n    classes,\n    disabled,\n    correctness,\n    graphProps: { scale },\n    from,\n    to,\n    ...rest\n  } = props;\n  const startPoint = { x: scale.x(from.x), y: scale.y(from.y) };\n  const endPoint = { x: scale.x(to.x), y: scale.y(to.y) };\n  const length = getDistanceBetweenTwoPoints(startPoint, endPoint);\n\n  return (\n    <line\n      className={classNames(classes.line, disabled && classes.disabled, classes[correctness], className)}\n      x1={startPoint.x}\n      y1={startPoint.y}\n      x2={endPoint.x}\n      y2={endPoint.y}\n      strokeDasharray={length - 7}\n      {...rest}\n    />\n  );\n};\n\nLine.propTypes = {\n  className: PropTypes.string,\n  classes: PropTypes.object,\n  disabled: PropTypes.bool,\n  correctness: PropTypes.string,\n  graphProps: PropTypes.any,\n  from: types.PointType,\n  to: types.PointType,\n};\n\nconst StyledLine = withStyles(lineStyles)(Line);\nconst Vector = lineBase(StyledLine, { to: Arrow });\nconst Component = lineToolComponent(Vector);\n\nexport default Component;\n"],"file":"component.js"}
+{"version":3,"sources":["../../../src/tools/vector/component.jsx"],"names":["lineStyles","theme","line","styles","disabled","disabledSecondary","correct","incorrect","missing","Line","props","className","classes","correctness","scale","graphProps","from","to","rest","startPoint","x","y","endPoint","length","propTypes","PropTypes","string","object","bool","any","types","PointType","StyledLine","Vector","Arrow","Component"],"mappings":";;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AAEA,IAAMA,UAAU,GAAG,SAAbA,UAAa,CAACC,KAAD;AAAA,SAAY;AAC7BC,IAAAA,IAAI,EAAEC,aAAOD,IAAP,CAAYD,KAAZ,CADuB;AAE7BG,IAAAA,QAAQ,EAAED,aAAOC,QAAP,CAAgBH,KAAhB,CAFmB;AAG7BI,IAAAA,iBAAiB,EAAEF,aAAOE,iBAAP,CAAyBJ,KAAzB,CAHU;AAI7BK,IAAAA,OAAO,EAAEH,aAAOG,OAAP,CAAeL,KAAf,EAAsB,QAAtB,CAJoB;AAK7BM,IAAAA,SAAS,EAAEJ,aAAOI,SAAP,CAAiBN,KAAjB,EAAwB,QAAxB,CALkB;AAM7BO,IAAAA,OAAO,EAAEL,aAAOK,OAAP,CAAeP,KAAf,EAAsB,QAAtB;AANoB,GAAZ;AAAA,CAAnB;;AASO,IAAMQ,IAAI,GAAG,SAAPA,IAAO,CAACC,KAAD,EAAW;AAC7B,MACEC,SADF,GASID,KATJ,CACEC,SADF;AAAA,MAEEC,OAFF,GASIF,KATJ,CAEEE,OAFF;AAAA,MAGER,QAHF,GASIM,KATJ,CAGEN,QAHF;AAAA,MAIES,WAJF,GASIH,KATJ,CAIEG,WAJF;AAAA,MAKgBC,KALhB,GASIJ,KATJ,CAKEK,UALF,CAKgBD,KALhB;AAAA,MAMEE,IANF,GASIN,KATJ,CAMEM,IANF;AAAA,MAOEC,EAPF,GASIP,KATJ,CAOEO,EAPF;AAAA,MAQKC,IARL,6CASIR,KATJ;AAUA,MAAMS,UAAU,GAAG;AAAEC,IAAAA,CAAC,EAAEN,KAAK,CAACM,CAAN,CAAQJ,IAAI,CAACI,CAAb,CAAL;AAAsBC,IAAAA,CAAC,EAAEP,KAAK,CAACO,CAAN,CAAQL,IAAI,CAACK,CAAb;AAAzB,GAAnB;AACA,MAAMC,QAAQ,GAAG;AAAEF,IAAAA,CAAC,EAAEN,KAAK,CAACM,CAAN,CAAQH,EAAE,CAACG,CAAX,CAAL;AAAoBC,IAAAA,CAAC,EAAEP,KAAK,CAACO,CAAN,CAAQJ,EAAE,CAACI,CAAX;AAAvB,GAAjB;AACA,MAAME,MAAM,GAAG,wCAA4BJ,UAA5B,EAAwCG,QAAxC,CAAf;AAEA,sBACE;AACE,IAAA,SAAS,EAAE,4BAAWV,OAAO,CAACV,IAAnB,EAAyBE,QAAQ,IAAIQ,OAAO,CAACP,iBAA7C,EAAgEO,OAAO,CAACC,WAAD,CAAvE,EAAsFF,SAAtF,CADb;AAEE,IAAA,EAAE,EAAEQ,UAAU,CAACC,CAFjB;AAGE,IAAA,EAAE,EAAED,UAAU,CAACE,CAHjB;AAIE,IAAA,EAAE,EAAEC,QAAQ,CAACF,CAJf;AAKE,IAAA,EAAE,EAAEE,QAAQ,CAACD,CALf;AAME,IAAA,eAAe,EAAEE,MAAM,GAAG;AAN5B,KAOML,IAPN,EADF;AAWD,CA1BM;;;AA4BPT,IAAI,CAACe,SAAL,GAAiB;AACfb,EAAAA,SAAS,EAAEc,sBAAUC,MADN;AAEfd,EAAAA,OAAO,EAAEa,sBAAUE,MAFJ;AAGfvB,EAAAA,QAAQ,EAAEqB,sBAAUG,IAHL;AAIff,EAAAA,WAAW,EAAEY,sBAAUC,MAJR;AAKfX,EAAAA,UAAU,EAAEU,sBAAUI,GALP;AAMfb,EAAAA,IAAI,EAAEc,YAAMC,SANG;AAOfd,EAAAA,EAAE,EAAEa,YAAMC;AAPK,CAAjB;AAUA,IAAMC,UAAU,GAAG,wBAAWhC,UAAX,EAAuBS,IAAvB,CAAnB;AACA,IAAMwB,MAAM,GAAG,oBAASD,UAAT,EAAqB;AAAEf,EAAAA,EAAE,EAAEiB;AAAN,CAArB,CAAf;AACA,IAAMC,SAAS,GAAG,6BAAkBF,MAAlB,CAAlB;eAEeE,S","sourcesContent":["import { lineToolComponent, lineBase, styles } from '../shared/line';\nimport { Arrow } from '../shared/point';\nimport React from 'react';\nimport PropTypes from 'prop-types';\nimport { types } from '@pie-lib/plot';\nimport classNames from 'classnames';\nimport { withStyles } from '@material-ui/core/styles';\nimport { getDistanceBetweenTwoPoints } from '../../utils';\n\nconst lineStyles = (theme) => ({\n  line: styles.line(theme),\n  disabled: styles.disabled(theme),\n  disabledSecondary: styles.disabledSecondary(theme),\n  correct: styles.correct(theme, 'stroke'),\n  incorrect: styles.incorrect(theme, 'stroke'),\n  missing: styles.missing(theme, 'stroke'),\n});\n\nexport const Line = (props) => {\n  const {\n    className,\n    classes,\n    disabled,\n    correctness,\n    graphProps: { scale },\n    from,\n    to,\n    ...rest\n  } = props;\n  const startPoint = { x: scale.x(from.x), y: scale.y(from.y) };\n  const endPoint = { x: scale.x(to.x), y: scale.y(to.y) };\n  const length = getDistanceBetweenTwoPoints(startPoint, endPoint);\n\n  return (\n    <line\n      className={classNames(classes.line, disabled && classes.disabledSecondary, classes[correctness], className)}\n      x1={startPoint.x}\n      y1={startPoint.y}\n      x2={endPoint.x}\n      y2={endPoint.y}\n      strokeDasharray={length - 7}\n      {...rest}\n    />\n  );\n};\n\nLine.propTypes = {\n  className: PropTypes.string,\n  classes: PropTypes.object,\n  disabled: PropTypes.bool,\n  correctness: PropTypes.string,\n  graphProps: PropTypes.any,\n  from: types.PointType,\n  to: types.PointType,\n};\n\nconst StyledLine = withStyles(lineStyles)(Line);\nconst Vector = lineBase(StyledLine, { to: Arrow });\nconst Component = lineToolComponent(Vector);\n\nexport default Component;\n"],"file":"component.js"}

package/lib/undo-redo.js

@@ -109,7 +109,6 @@ var styles = function styles(theme) {
   return {
     button: {
       color: _renderUi.color.text(),
-      backgroundColor: _renderUi.color.background(),
       marginBottom: theme.spacing.unit / 2,
       '&:not(:last-of-type)': {
         marginRight: theme.spacing.unit / 2

package/lib/undo-redo.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/undo-redo.jsx"],"names":["translator","Translator","UndoRedo","props","classes","className","onUndo","onRedo","onReset","language","root","button","t","lng","React","Component","PropTypes","object","string","func","isRequired","styles","theme","color","text","backgroundColor","background","marginBottom","spacing","unit","marginRight"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;AAEA,IAAQA,UAAR,GAAuBC,sBAAvB,CAAQD,UAAR;;IAEaE,Q;;;;;;;;;;;;WAWX,kBAAS;AACP,wBAAkE,KAAKC,KAAvE;AAAA,UAAQC,OAAR,eAAQA,OAAR;AAAA,UAAiBC,SAAjB,eAAiBA,SAAjB;AAAA,UAA4BC,MAA5B,eAA4BA,MAA5B;AAAA,UAAoCC,MAApC,eAAoCA,MAApC;AAAA,UAA4CC,OAA5C,eAA4CA,OAA5C;AAAA,UAAqDC,QAArD,eAAqDA,QAArD;AACA,0BACE;AAAK,QAAA,SAAS,EAAE,4BAAWJ,SAAX;AAAhB,sBACE,gCAAC,kBAAD;AAAQ,QAAA,OAAO,EAAE;AAAEK,UAAAA,IAAI,EAAEN,OAAO,CAACO;AAAhB,SAAjB;AAA2C,QAAA,OAAO,EAAE;AAAA,iBAAML,MAAM,CAAC,IAAD,CAAZ;AAAA;AAApD,SACGN,UAAU,CAACY,CAAX,CAAa,aAAb,EAA4B;AAAEC,QAAAA,GAAG,EAAEJ;AAAP,OAA5B,CADH,CADF,eAIE,gCAAC,kBAAD;AAAQ,QAAA,OAAO,EAAE;AAAEC,UAAAA,IAAI,EAAEN,OAAO,CAACO;AAAhB,SAAjB;AAA2C,QAAA,OAAO,EAAE;AAAA,iBAAMJ,MAAM,CAAC,IAAD,CAAZ;AAAA;AAApD,SACGP,UAAU,CAACY,CAAX,CAAa,eAAb,EAA8B;AAAEC,QAAAA,GAAG,EAAEJ;AAAP,OAA9B,CADH,CAJF,eAOE,gCAAC,kBAAD;AAAQ,QAAA,OAAO,EAAE;AAAEC,UAAAA,IAAI,EAAEN,OAAO,CAACO;AAAhB,SAAjB;AAA2C,QAAA,OAAO,EAAE;AAAA,iBAAMH,OAAO,EAAb;AAAA;AAApD,SACGR,UAAU,CAACY,CAAX,CAAa,gBAAb,EAA+B;AAAEC,QAAAA,GAAG,EAAEJ;AAAP,OAA/B,CADH,CAPF,CADF;AAaD;;;EA1B2BK,kBAAMC,S;;;iCAAvBb,Q,eACQ;AACjBE,EAAAA,OAAO,EAAEY,sBAAUC,MADF;AAEjBZ,EAAAA,SAAS,EAAEW,sBAAUE,MAFJ;AAGjBZ,EAAAA,MAAM,EAAEU,sBAAUG,IAAV,CAAeC,UAHN;AAIjBb,EAAAA,MAAM,EAAES,sBAAUG,IAAV,CAAeC,UAJN;AAKjBZ,EAAAA,OAAO,EAAEQ,sBAAUG,IAAV,CAAeC,UALP;AAMjBX,EAAAA,QAAQ,EAAEO,sBAAUE;AANH,C;iCADRhB,Q,kBASW,E;;AAoBxB,IAAMmB,MAAM,GAAG,SAATA,MAAS,CAACC,KAAD;AAAA,SAAY;AACzBX,IAAAA,MAAM,EAAE;AACNY,MAAAA,KAAK,EAAEA,gBAAMC,IAAN,EADD;AAENC,MAAAA,eAAe,EAAEF,gBAAMG,UAAN,EAFX;AAGNC,MAAAA,YAAY,EAAEL,KAAK,CAACM,OAAN,CAAcC,IAAd,GAAqB,CAH7B;AAIN,8BAAwB;AACtBC,QAAAA,WAAW,EAAER,KAAK,CAACM,OAAN,CAAcC,IAAd,GAAqB;AADZ;AAJlB;AADiB,GAAZ;AAAA,CAAf;;eAWe,sBAAWR,MAAX,EAAmBnB,QAAnB,C","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport Button from '@material-ui/core/Button';\nimport { withStyles } from '@material-ui/core';\nimport { color } from '@pie-lib/render-ui';\nimport Translator from '@pie-lib/translator';\n\nconst { translator } = Translator;\n\nexport class UndoRedo extends React.Component {\n  static propTypes = {\n    classes: PropTypes.object,\n    className: PropTypes.string,\n    onUndo: PropTypes.func.isRequired,\n    onRedo: PropTypes.func.isRequired,\n    onReset: PropTypes.func.isRequired,\n    language: PropTypes.string,\n  };\n  static defaultProps = {};\n\n  render() {\n    const { classes, className, onUndo, onRedo, onReset, language } = this.props;\n    return (\n      <div className={classNames(className)}>\n        <Button classes={{ root: classes.button }} onClick={() => onUndo(true)}>\n          {translator.t('common:undo', { lng: language })}\n        </Button>\n        <Button classes={{ root: classes.button }} onClick={() => onRedo(true)}>\n          {translator.t('graphing.redo', { lng: language })}\n        </Button>\n        <Button classes={{ root: classes.button }} onClick={() => onReset()}>\n          {translator.t('graphing.reset', { lng: language })}\n        </Button>\n      </div>\n    );\n  }\n}\n\nconst styles = (theme) => ({\n  button: {\n    color: color.text(),\n    backgroundColor: color.background(),\n    marginBottom: theme.spacing.unit / 2,\n    '&:not(:last-of-type)': {\n      marginRight: theme.spacing.unit / 2,\n    },\n  },\n});\n\nexport default withStyles(styles)(UndoRedo);\n"],"file":"undo-redo.js"}
+{"version":3,"sources":["../src/undo-redo.jsx"],"names":["translator","Translator","UndoRedo","props","classes","className","onUndo","onRedo","onReset","language","root","button","t","lng","React","Component","PropTypes","object","string","func","isRequired","styles","theme","color","text","marginBottom","spacing","unit","marginRight"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;AAEA,IAAQA,UAAR,GAAuBC,sBAAvB,CAAQD,UAAR;;IAEaE,Q;;;;;;;;;;;;WAWX,kBAAS;AACP,wBAAkE,KAAKC,KAAvE;AAAA,UAAQC,OAAR,eAAQA,OAAR;AAAA,UAAiBC,SAAjB,eAAiBA,SAAjB;AAAA,UAA4BC,MAA5B,eAA4BA,MAA5B;AAAA,UAAoCC,MAApC,eAAoCA,MAApC;AAAA,UAA4CC,OAA5C,eAA4CA,OAA5C;AAAA,UAAqDC,QAArD,eAAqDA,QAArD;AACA,0BACE;AAAK,QAAA,SAAS,EAAE,4BAAWJ,SAAX;AAAhB,sBACE,gCAAC,kBAAD;AAAQ,QAAA,OAAO,EAAE;AAAEK,UAAAA,IAAI,EAAEN,OAAO,CAACO;AAAhB,SAAjB;AAA2C,QAAA,OAAO,EAAE;AAAA,iBAAML,MAAM,CAAC,IAAD,CAAZ;AAAA;AAApD,SACGN,UAAU,CAACY,CAAX,CAAa,aAAb,EAA4B;AAAEC,QAAAA,GAAG,EAAEJ;AAAP,OAA5B,CADH,CADF,eAIE,gCAAC,kBAAD;AAAQ,QAAA,OAAO,EAAE;AAAEC,UAAAA,IAAI,EAAEN,OAAO,CAACO;AAAhB,SAAjB;AAA2C,QAAA,OAAO,EAAE;AAAA,iBAAMJ,MAAM,CAAC,IAAD,CAAZ;AAAA;AAApD,SACGP,UAAU,CAACY,CAAX,CAAa,eAAb,EAA8B;AAAEC,QAAAA,GAAG,EAAEJ;AAAP,OAA9B,CADH,CAJF,eAOE,gCAAC,kBAAD;AAAQ,QAAA,OAAO,EAAE;AAAEC,UAAAA,IAAI,EAAEN,OAAO,CAACO;AAAhB,SAAjB;AAA2C,QAAA,OAAO,EAAE;AAAA,iBAAMH,OAAO,EAAb;AAAA;AAApD,SACGR,UAAU,CAACY,CAAX,CAAa,gBAAb,EAA+B;AAAEC,QAAAA,GAAG,EAAEJ;AAAP,OAA/B,CADH,CAPF,CADF;AAaD;;;EA1B2BK,kBAAMC,S;;;iCAAvBb,Q,eACQ;AACjBE,EAAAA,OAAO,EAAEY,sBAAUC,MADF;AAEjBZ,EAAAA,SAAS,EAAEW,sBAAUE,MAFJ;AAGjBZ,EAAAA,MAAM,EAAEU,sBAAUG,IAAV,CAAeC,UAHN;AAIjBb,EAAAA,MAAM,EAAES,sBAAUG,IAAV,CAAeC,UAJN;AAKjBZ,EAAAA,OAAO,EAAEQ,sBAAUG,IAAV,CAAeC,UALP;AAMjBX,EAAAA,QAAQ,EAAEO,sBAAUE;AANH,C;iCADRhB,Q,kBASW,E;;AAoBxB,IAAMmB,MAAM,GAAG,SAATA,MAAS,CAACC,KAAD;AAAA,SAAY;AACzBX,IAAAA,MAAM,EAAE;AACNY,MAAAA,KAAK,EAAEA,gBAAMC,IAAN,EADD;AAENC,MAAAA,YAAY,EAAEH,KAAK,CAACI,OAAN,CAAcC,IAAd,GAAqB,CAF7B;AAGN,8BAAwB;AACtBC,QAAAA,WAAW,EAAEN,KAAK,CAACI,OAAN,CAAcC,IAAd,GAAqB;AADZ;AAHlB;AADiB,GAAZ;AAAA,CAAf;;eAUe,sBAAWN,MAAX,EAAmBnB,QAAnB,C","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport Button from '@material-ui/core/Button';\nimport { withStyles } from '@material-ui/core';\nimport { color } from '@pie-lib/render-ui';\nimport Translator from '@pie-lib/translator';\n\nconst { translator } = Translator;\n\nexport class UndoRedo extends React.Component {\n  static propTypes = {\n    classes: PropTypes.object,\n    className: PropTypes.string,\n    onUndo: PropTypes.func.isRequired,\n    onRedo: PropTypes.func.isRequired,\n    onReset: PropTypes.func.isRequired,\n    language: PropTypes.string,\n  };\n  static defaultProps = {};\n\n  render() {\n    const { classes, className, onUndo, onRedo, onReset, language } = this.props;\n    return (\n      <div className={classNames(className)}>\n        <Button classes={{ root: classes.button }} onClick={() => onUndo(true)}>\n          {translator.t('common:undo', { lng: language })}\n        </Button>\n        <Button classes={{ root: classes.button }} onClick={() => onRedo(true)}>\n          {translator.t('graphing.redo', { lng: language })}\n        </Button>\n        <Button classes={{ root: classes.button }} onClick={() => onReset()}>\n          {translator.t('graphing.reset', { lng: language })}\n        </Button>\n      </div>\n    );\n  }\n}\n\nconst styles = (theme) => ({\n  button: {\n    color: color.text(),\n    marginBottom: theme.spacing.unit / 2,\n    '&:not(:last-of-type)': {\n      marginRight: theme.spacing.unit / 2,\n    },\n  },\n});\n\nexport default withStyles(styles)(UndoRedo);\n"],"file":"undo-redo.js"}

package/lib/utils.js

@@ -286,7 +286,7 @@ var isDuplicatedMark = function isDuplicatedMark(mark, marks, oldMark) {
   }
 
   var duplicated = filteredMarks.find(function (m) {
-    if (type === 'circle' || type === 'parabola' || type === 'sine') {
+    if (type === 'circle' || type === 'parabola' || type === 'sine' || type === 'absolute' || type === 'exponential') {
       var root = mark.root,
           edge = mark.edge;
       return equalPoints(root, m.root) && equalPoints(edge, m.edge) || type === 'circle' && isSameCircle(m, mark);