@pie-lib/charting 5.36.3-next.0 → 5.36.3-next.155

package/lib/line/line-cross.js

@@ -1,88 +1,93 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = exports.LineCross = void 0;
-
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-
 var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
-
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
-
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = _interopRequireWildcard(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _shape = require("@vx/shape");
-
-var _group = require("@vx/group");
-
-var _classnames = _interopRequireDefault(require("classnames"));
-
+var _shape = require("@visx/shape");
+var _group = require("@visx/group");
+var _styles = require("@mui/material/styles");
 var _renderUi = require("@pie-lib/render-ui");
-
 var _utils = require("../utils");
-
 var _plot = require("@pie-lib/plot");
-
 var _line = _interopRequireDefault(require("./common/line"));
-
 var _correctnessIndicators = require("../common/correctness-indicators");
-
-var _excluded = ["classes", "className", "scale", "x", "y", "r", "correctness", "interactive", "correctData", "label"];
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
-
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-
+var _excluded = ["className", "scale", "x", "y", "r", "correctness", "interactive", "correctData", "label"];
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
+function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2["default"])(o), (0, _possibleConstructorReturn2["default"])(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2["default"])(t).constructor) : o.apply(t, e)); }
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var StyledLinePath = (0, _styles.styled)(_shape.LinePath)(function () {
+  var _color$disabled;
+  return {
+    stroke: _renderUi.color.defaults.TEXT,
+    transition: 'fill 200ms linear, height 200ms linear',
+    '&.non-interactive': {
+      stroke: ((_color$disabled = _renderUi.color.disabled) === null || _color$disabled === void 0 ? void 0 : _color$disabled.call(_renderUi.color)) || '#ccc'
+    }
+  };
+});
+var StyledGroup = (0, _styles.styled)(_group.Group)(function (_ref) {
+  var _color$disabled2;
+  var correctness = _ref.correctness,
+    interactive = _ref.interactive;
+  return _objectSpread(_objectSpread({
+    stroke: _renderUi.color.defaults.TEXT,
+    transition: 'fill 200ms linear, height 200ms linear'
+  }, correctness && !interactive && {
+    fill: "".concat(_renderUi.color.defaults.BLACK, " !important"),
+    stroke: "".concat(_renderUi.color.defaults.BLACK, " !important")
+  }), {}, {
+    '&.non-interactive': {
+      stroke: ((_color$disabled2 = _renderUi.color.disabled) === null || _color$disabled2 === void 0 ? void 0 : _color$disabled2.call(_renderUi.color)) || '#ccc'
+    }
+  });
+});
+var StyledTransparentHandle = (0, _styles.styled)('circle')(function () {
+  return {
+    height: '20px',
+    fill: 'transparent',
+    stroke: 'transparent'
+  };
+});
 var DraggableComponent = function DraggableComponent(props) {
-  var _props$classes = props.classes,
-      classes = _props$classes === void 0 ? {} : _props$classes,
-      className = props.className,
-      scale = props.scale,
-      x = props.x,
-      y = props.y,
-      r = props.r,
-      correctness = props.correctness,
-      interactive = props.interactive,
-      correctData = props.correctData,
-      label = props.label,
-      rest = (0, _objectWithoutProperties2["default"])(props, _excluded);
-
+  var className = props.className,
+    scale = props.scale,
+    x = props.x,
+    y = props.y,
+    r = props.r,
+    correctness = props.correctness,
+    interactive = props.interactive,
+    correctData = props.correctData,
+    label = props.label,
+    rest = (0, _objectWithoutProperties2["default"])(props, _excluded);
   var _useState = (0, _react.useState)(false),
-      _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
-      hover = _useState2[0],
-      setHover = _useState2[1];
-
+    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+    hover = _useState2[0],
+    setHover = _useState2[1];
   var squareSize = r * 4;
   var squareHalf = squareSize / 2;
   var cx = scale.x(x);
   var cy = scale.y(y);
-  return /*#__PURE__*/_react["default"].createElement(_group.Group, {
-    className: (0, _classnames["default"])(className, classes.line, correctness && !interactive && classes.disabledPoint)
-  }, /*#__PURE__*/_react["default"].createElement(_shape.LinePath, {
+  return /*#__PURE__*/_react["default"].createElement(StyledGroup, {
+    className: className,
+    correctness: correctness,
+    interactive: interactive
+  }, /*#__PURE__*/_react["default"].createElement(StyledLinePath, {
     data: [{
       x: scale.x(x) - r,
       y: scale.y(y) + r
@@ -101,7 +106,7 @@ var DraggableComponent = function DraggableComponent(props) {
     style: {
       pointerEvents: 'none'
     }
-  }), /*#__PURE__*/_react["default"].createElement(_shape.LinePath, {
+  }), /*#__PURE__*/_react["default"].createElement(StyledLinePath, {
     data: [{
       x: scale.x(x) - r,
       y: scale.y(y) - r
@@ -129,11 +134,10 @@ var DraggableComponent = function DraggableComponent(props) {
     fill: "none",
     strokeWidth: 2,
     pointerEvents: "none"
-  }), /*#__PURE__*/_react["default"].createElement("circle", (0, _extends2["default"])({
+  }), /*#__PURE__*/_react["default"].createElement(StyledTransparentHandle, (0, _extends2["default"])({
     cx: cx,
     cy: cy,
     r: r * 2,
-    className: (0, _classnames["default"])(classes.transparentHandle),
     onMouseEnter: function onMouseEnter() {
       return setHover(true);
     },
@@ -144,7 +148,6 @@ var DraggableComponent = function DraggableComponent(props) {
     scale: scale,
     x: x,
     y: y,
-    classes: classes,
     r: r,
     correctness: correctness,
     interactive: interactive
@@ -153,48 +156,41 @@ var DraggableComponent = function DraggableComponent(props) {
     x: x,
     r: r,
     correctness: correctness,
-    classes: classes,
     correctData: correctData,
     label: label
   }));
 };
-
 DraggableComponent.propTypes = {
   scale: _propTypes["default"].object,
   x: _propTypes["default"].number,
   y: _propTypes["default"].number,
   r: _propTypes["default"].number,
   className: _propTypes["default"].string,
-  classes: _propTypes["default"].object,
   correctness: _propTypes["default"].shape({
     value: _propTypes["default"].string,
     label: _propTypes["default"].string
-  })
+  }),
+  interactive: _propTypes["default"].bool,
+  correctData: _propTypes["default"].array,
+  label: _propTypes["default"].string
 };
-
-var LineCross = /*#__PURE__*/function (_React$Component) {
-  (0, _inherits2["default"])(LineCross, _React$Component);
-
-  var _super = _createSuper(LineCross);
-
+var LineCross = exports.LineCross = /*#__PURE__*/function (_React$Component) {
   function LineCross() {
     (0, _classCallCheck2["default"])(this, LineCross);
-    return _super.apply(this, arguments);
+    return _callSuper(this, LineCross, arguments);
   }
-
-  (0, _createClass2["default"])(LineCross, [{
+  (0, _inherits2["default"])(LineCross, _React$Component);
+  return (0, _createClass2["default"])(LineCross, [{
     key: "render",
     value: function render() {
       var props = this.props;
       var data = props.data,
-          graphProps = props.graphProps;
-
-      var _ref = graphProps || {},
-          _ref$scale = _ref.scale,
-          scale = _ref$scale === void 0 ? {} : _ref$scale,
-          _ref$size = _ref.size,
-          size = _ref$size === void 0 ? {} : _ref$size;
-
+        graphProps = props.graphProps;
+      var _ref2 = graphProps || {},
+        _ref2$scale = _ref2.scale,
+        scale = _ref2$scale === void 0 ? {} : _ref2$scale,
+        _ref2$size = _ref2.size,
+        size = _ref2$size === void 0 ? {} : _ref2$size;
       var xBand = (0, _utils.dataToXBand)(scale.x, data, size.width, 'lineCross');
       return /*#__PURE__*/_react["default"].createElement(_line["default"], (0, _extends2["default"])({}, props, {
         xBand: xBand,
@@ -202,23 +198,17 @@ var LineCross = /*#__PURE__*/function (_React$Component) {
       }));
     }
   }]);
-  return LineCross;
 }(_react["default"].Component);
-
-exports.LineCross = LineCross;
 (0, _defineProperty2["default"])(LineCross, "propTypes", {
   data: _propTypes["default"].array,
   onChange: _propTypes["default"].func,
   graphProps: _plot.types.GraphPropsType.isRequired
 });
-
-var _default = function _default() {
+var _default = exports["default"] = function _default() {
   return {
     type: 'lineCross',
     Component: LineCross,
     name: 'Line Cross'
   };
 };
-
-exports["default"] = _default;
 //# sourceMappingURL=line-cross.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../src/line/line-cross.js"],"names":["DraggableComponent","props","classes","className","scale","x","y","r","correctness","interactive","correctData","label","rest","hover","setHover","squareSize","squareHalf","cx","cy","line","disabledPoint","d","pointerEvents","color","defaults","BORDER_GRAY","transparentHandle","propTypes","PropTypes","object","number","string","shape","value","LineCross","data","graphProps","size","xBand","width","React","Component","array","onChange","func","types","GraphPropsType","isRequired","type","name"],"mappings":"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","sourcesContent":["import React, { useState } from 'react';\nimport PropTypes from 'prop-types';\nimport { LinePath } from '@vx/shape';\nimport { Group } from '@vx/group';\nimport classNames from 'classnames';\n\nimport { color } from '@pie-lib/render-ui';\nimport { dataToXBand } from '../utils';\nimport { types } from '@pie-lib/plot';\nimport RawLine from './common/line';\nimport { CorrectnessIndicator, SmallCorrectPointIndicator } from '../common/correctness-indicators';\n\nconst DraggableComponent = (props) => {\n  const { classes = {}, className, scale, x, y, r, correctness, interactive, correctData, label, ...rest } = props;\n  const [hover, setHover] = useState(false);\n\n  const squareSize = r * 4;\n  const squareHalf = squareSize / 2;\n  const cx = scale.x(x);\n  const cy = scale.y(y);\n\n  return (\n    <Group className={classNames(className, classes.line, correctness && !interactive && classes.disabledPoint)}>\n      <LinePath\n        data={[\n          { x: scale.x(x) - r, y: scale.y(y) + r },\n          { x: scale.x(x) + r, y: scale.y(y) - r },\n        ]}\n        key={`point-${x}-${y}-1`}\n        x={(d) => d.x}\n        y={(d) => d.y}\n        strokeWidth={5}\n        style={{ pointerEvents: 'none' }}\n      />\n      <LinePath\n        data={[\n          { x: scale.x(x) - r, y: scale.y(y) - r },\n          { x: scale.x(x) + r, y: scale.y(y) + r },\n        ]}\n        key={`point-${x}-${y}-2`}\n        x={(d) => d.x}\n        y={(d) => d.y}\n        strokeWidth={5}\n        style={{ pointerEvents: 'none' }}\n      />\n      {hover && (\n        <rect\n          x={cx - squareHalf}\n          y={cy - squareHalf}\n          width={squareSize}\n          height={squareSize}\n          stroke={color.defaults.BORDER_GRAY}\n          fill=\"none\"\n          strokeWidth={2}\n          pointerEvents=\"none\"\n        />\n      )}\n      <circle\n        cx={cx}\n        cy={cy}\n        r={r * 2}\n        className={classNames(classes.transparentHandle)}\n        onMouseEnter={() => setHover(true)}\n        onMouseLeave={() => setHover(false)}\n        {...rest}\n      />\n      {/* show correctness indicators */}\n      <CorrectnessIndicator\n        scale={scale}\n        x={x}\n        y={y}\n        classes={classes}\n        r={r}\n        correctness={correctness}\n        interactive={interactive}\n      />\n      {/* show correct point if answer was incorrect */}\n      <SmallCorrectPointIndicator\n        scale={scale}\n        x={x}\n        r={r}\n        correctness={correctness}\n        classes={classes}\n        correctData={correctData}\n        label={label}\n      />\n    </Group>\n  );\n};\n\nDraggableComponent.propTypes = {\n  scale: PropTypes.object,\n  x: PropTypes.number,\n  y: PropTypes.number,\n  r: PropTypes.number,\n  className: PropTypes.string,\n  classes: PropTypes.object,\n  correctness: PropTypes.shape({\n    value: PropTypes.string,\n    label: PropTypes.string,\n  }),\n};\n\nexport class LineCross extends React.Component {\n  static propTypes = {\n    data: PropTypes.array,\n    onChange: PropTypes.func,\n    graphProps: types.GraphPropsType.isRequired,\n  };\n\n  render() {\n    const props = this.props;\n    const { data, graphProps } = props;\n    const { scale = {}, size = {} } = graphProps || {};\n    const xBand = dataToXBand(scale.x, data, size.width, 'lineCross');\n\n    return <RawLine {...props} xBand={xBand} CustomDraggableComponent={DraggableComponent} />;\n  }\n}\n\nexport default () => ({\n  type: 'lineCross',\n  Component: LineCross,\n  name: 'Line Cross',\n});\n"],"file":"line-cross.js"}
+{"version":3,"file":"line-cross.js","names":["_react","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_shape","_group","_styles","_renderUi","_utils","_plot","_line","_correctnessIndicators","_excluded","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","_typeof","has","get","set","_t","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_callSuper","_getPrototypeOf2","_possibleConstructorReturn2","_isNativeReflectConstruct","Reflect","construct","constructor","apply","Boolean","prototype","valueOf","ownKeys","keys","getOwnPropertySymbols","filter","enumerable","push","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","StyledLinePath","styled","LinePath","_color$disabled","stroke","color","defaults","TEXT","transition","disabled","StyledGroup","Group","_ref","_color$disabled2","correctness","interactive","fill","concat","BLACK","StyledTransparentHandle","height","DraggableComponent","props","className","scale","x","y","correctData","label","rest","_objectWithoutProperties2","_useState","useState","_useState2","_slicedToArray2","hover","setHover","squareSize","squareHalf","cx","cy","createElement","data","key","d","strokeWidth","style","pointerEvents","width","BORDER_GRAY","_extends2","onMouseEnter","onMouseLeave","CorrectnessIndicator","SmallCorrectPointIndicator","propTypes","PropTypes","object","number","string","shape","value","bool","array","LineCross","exports","_React$Component","_classCallCheck2","_inherits2","_createClass2","render","graphProps","_ref2","_ref2$scale","_ref2$size","size","xBand","dataToXBand","CustomDraggableComponent","React","Component","onChange","func","types","GraphPropsType","isRequired","_default","type","name"],"sources":["../../src/line/line-cross.js"],"sourcesContent":["import React, { useState } from 'react';\nimport PropTypes from 'prop-types';\nimport { LinePath } from '@visx/shape';\nimport { Group } from '@visx/group';\nimport { styled } from '@mui/material/styles';\n\nimport { color } from '@pie-lib/render-ui';\nimport { dataToXBand } from '../utils';\nimport { types } from '@pie-lib/plot';\nimport RawLine from './common/line';\nimport { CorrectnessIndicator, SmallCorrectPointIndicator } from '../common/correctness-indicators';\n\nconst StyledLinePath = styled(LinePath)(() => ({\n  stroke: color.defaults.TEXT,\n  transition: 'fill 200ms linear, height 200ms linear',\n  '&.non-interactive': {\n    stroke: color.disabled?.() || '#ccc',\n  },\n}));\n\nconst StyledGroup = styled(Group)(({ correctness, interactive }) => ({\n  stroke: color.defaults.TEXT,\n  transition: 'fill 200ms linear, height 200ms linear',\n  ...(correctness && !interactive && {\n    fill: `${color.defaults.BLACK} !important`,\n    stroke: `${color.defaults.BLACK} !important`,\n  }),\n  '&.non-interactive': {\n    stroke: color.disabled?.() || '#ccc',\n  },\n}));\n\nconst StyledTransparentHandle = styled('circle')(() => ({\n  height: '20px',\n  fill: 'transparent',\n  stroke: 'transparent',\n}));\n\nconst DraggableComponent = (props) => {\n  const { className, scale, x, y, r, correctness, interactive, correctData, label, ...rest } = props;\n  const [hover, setHover] = useState(false);\n\n  const squareSize = r * 4;\n  const squareHalf = squareSize / 2;\n  const cx = scale.x(x);\n  const cy = scale.y(y);\n  \n  return (\n    <StyledGroup className={className} correctness={correctness} interactive={interactive}>\n      <StyledLinePath\n        data={[\n          { x: scale.x(x) - r, y: scale.y(y) + r },\n          { x: scale.x(x) + r, y: scale.y(y) - r },\n        ]}\n        key={`point-${x}-${y}-1`}\n        x={(d) => d.x}\n        y={(d) => d.y}\n        strokeWidth={5}\n        style={{ pointerEvents: 'none' }}\n      />\n      <StyledLinePath\n        data={[\n          { x: scale.x(x) - r, y: scale.y(y) - r },\n          { x: scale.x(x) + r, y: scale.y(y) + r },\n        ]}\n        key={`point-${x}-${y}-2`}\n        x={(d) => d.x}\n        y={(d) => d.y}\n        strokeWidth={5}\n        style={{ pointerEvents: 'none' }}\n      />\n      {hover && (\n        <rect\n          x={cx - squareHalf}\n          y={cy - squareHalf}\n          width={squareSize}\n          height={squareSize}\n          stroke={color.defaults.BORDER_GRAY}\n          fill=\"none\"\n          strokeWidth={2}\n          pointerEvents=\"none\"\n        />\n      )}\n      <StyledTransparentHandle\n        cx={cx}\n        cy={cy}\n        r={r * 2}\n        onMouseEnter={() => setHover(true)}\n        onMouseLeave={() => setHover(false)}\n        {...rest}\n      />\n      {/* show correctness indicators */}\n      <CorrectnessIndicator\n        scale={scale}\n        x={x}\n        y={y}\n        r={r}\n        correctness={correctness}\n        interactive={interactive}\n      />\n      {/* show correct point if answer was incorrect */}\n      <SmallCorrectPointIndicator\n        scale={scale}\n        x={x}\n        r={r}\n        correctness={correctness}\n        correctData={correctData}\n        label={label}\n      />\n    </StyledGroup>\n  );\n};\n\nDraggableComponent.propTypes = {\n  scale: PropTypes.object,\n  x: PropTypes.number,\n  y: PropTypes.number,\n  r: PropTypes.number,\n  className: PropTypes.string,\n  correctness: PropTypes.shape({\n    value: PropTypes.string,\n    label: PropTypes.string,\n  }),\n  interactive: PropTypes.bool,\n  correctData: PropTypes.array,\n  label: PropTypes.string,\n};\n\nexport class LineCross extends React.Component {\n  static propTypes = {\n    data: PropTypes.array,\n    onChange: PropTypes.func,\n    graphProps: types.GraphPropsType.isRequired,\n  };\n\n  render() {\n    const props = this.props;\n    const { data, graphProps } = props;\n    const { scale = {}, size = {} } = graphProps || {};\n    const xBand = dataToXBand(scale.x, data, size.width, 'lineCross');\n\n    return <RawLine {...props} xBand={xBand} CustomDraggableComponent={DraggableComponent} />;\n  }\n}\n\nexport default () => ({\n  type: 'lineCross',\n  Component: LineCross,\n  name: 'Line Cross',\n});\n"],"mappings":"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","ignoreList":[]}

package/lib/line/line-dot.js

@@ -1,70 +1,56 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = exports.LineDot = void 0;
-
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-
 var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
-
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
-
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _classnames = _interopRequireDefault(require("classnames"));
-
+var _styles = require("@mui/material/styles");
 var _plot = require("@pie-lib/plot");
-
 var _renderUi = require("@pie-lib/render-ui");
-
 var _utils = require("../utils");
-
 var _line = _interopRequireDefault(require("./common/line"));
-
 var _correctnessIndicators = require("../common/correctness-indicators");
-
-var _excluded = ["scale", "x", "y", "className", "classes", "r", "correctness", "interactive", "correctData", "label"];
-
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
-
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-
+var _excluded = ["scale", "x", "y", "r", "correctness", "interactive", "correctData", "label"];
+function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2["default"])(o), (0, _possibleConstructorReturn2["default"])(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2["default"])(t).constructor) : o.apply(t, e)); }
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
+var StyledHandle = (0, _styles.styled)('circle')(function () {
+  return {};
+});
+var StyledTransparentHandle = (0, _styles.styled)('circle')(function () {
+  return {
+    height: '20px',
+    fill: 'transparent',
+    // keep it invisible
+    stroke: 'none',
+    pointerEvents: 'auto' // allow drag events
+  };
+});
 var DraggableComponent = function DraggableComponent(_ref) {
   var scale = _ref.scale,
-      x = _ref.x,
-      y = _ref.y,
-      className = _ref.className,
-      classes = _ref.classes,
-      r = _ref.r,
-      correctness = _ref.correctness,
-      interactive = _ref.interactive,
-      correctData = _ref.correctData,
-      label = _ref.label,
-      rest = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
-
+    x = _ref.x,
+    y = _ref.y,
+    r = _ref.r,
+    correctness = _ref.correctness,
+    interactive = _ref.interactive,
+    correctData = _ref.correctData,
+    label = _ref.label,
+    rest = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
   var _React$useState = _react["default"].useState(false),
-      _React$useState2 = (0, _slicedToArray2["default"])(_React$useState, 2),
-      isHovered = _React$useState2[0],
-      setIsHovered = _React$useState2[1];
-
+    _React$useState2 = (0, _slicedToArray2["default"])(_React$useState, 2),
+    isHovered = _React$useState2[0],
+    setIsHovered = _React$useState2[1];
   var allowRolloverEvent = !correctness && interactive;
   return /*#__PURE__*/_react["default"].createElement("g", {
     onMouseEnter: function onMouseEnter() {
@@ -72,23 +58,33 @@ var DraggableComponent = function DraggableComponent(_ref) {
     },
     onMouseLeave: function onMouseLeave() {
       return setIsHovered(false);
+    },
+    onTouchStart: function onTouchStart() {
+      return setIsHovered(true);
+    },
+    onTouchEnd: function onTouchEnd() {
+      return setIsHovered(false);
     }
-  }, /*#__PURE__*/_react["default"].createElement("circle", (0, _extends2["default"])({
+  }, /*#__PURE__*/_react["default"].createElement(StyledTransparentHandle, (0, _extends2["default"])({
     cx: scale.x(x),
     cy: scale.y(y),
     r: r * 3,
-    className: (0, _classnames["default"])(classes.transparentHandle, className),
-    pointerEvents: correctness ? 'none' : ''
-  }, rest)), /*#__PURE__*/_react["default"].createElement("circle", (0, _extends2["default"])({
+    onMouseEnter: function onMouseEnter() {
+      return setIsHovered(true);
+    },
+    onMouseLeave: function onMouseLeave() {
+      return setIsHovered(false);
+    }
+  }, rest)), /*#__PURE__*/_react["default"].createElement(StyledHandle, (0, _extends2["default"])({
     cx: scale.x(x),
     cy: scale.y(y),
     r: r,
-    className: (0, _classnames["default"])(className, classes.handle, correctness && !interactive && classes.disabledPoint)
+    correctness: correctness,
+    interactive: interactive
   }, rest)), /*#__PURE__*/_react["default"].createElement(_correctnessIndicators.CorrectnessIndicator, {
     scale: scale,
     x: x,
     y: y,
-    classes: classes,
     r: r,
     correctness: correctness,
     interactive: interactive
@@ -97,7 +93,6 @@ var DraggableComponent = function DraggableComponent(_ref) {
     x: x,
     r: r,
     correctness: correctness,
-    classes: classes,
     correctData: correctData,
     label: label
   }), isHovered && allowRolloverEvent && /*#__PURE__*/_react["default"].createElement("rect", {
@@ -110,43 +105,36 @@ var DraggableComponent = function DraggableComponent(_ref) {
     fill: "none"
   }));
 };
-
 DraggableComponent.propTypes = {
   scale: _propTypes["default"].object,
   x: _propTypes["default"].number,
   y: _propTypes["default"].number,
   r: _propTypes["default"].number,
-  className: _propTypes["default"].string,
-  classes: _propTypes["default"].object,
   correctness: _propTypes["default"].shape({
     value: _propTypes["default"].string,
     label: _propTypes["default"].string
-  })
+  }),
+  interactive: _propTypes["default"].bool,
+  correctData: _propTypes["default"].array,
+  label: _propTypes["default"].string
 };
-
-var LineDot = /*#__PURE__*/function (_React$Component) {
-  (0, _inherits2["default"])(LineDot, _React$Component);
-
-  var _super = _createSuper(LineDot);
-
+var LineDot = exports.LineDot = /*#__PURE__*/function (_React$Component) {
   function LineDot() {
     (0, _classCallCheck2["default"])(this, LineDot);
-    return _super.apply(this, arguments);
+    return _callSuper(this, LineDot, arguments);
   }
-
-  (0, _createClass2["default"])(LineDot, [{
+  (0, _inherits2["default"])(LineDot, _React$Component);
+  return (0, _createClass2["default"])(LineDot, [{
     key: "render",
     value: function render() {
       var props = this.props;
       var data = props.data,
-          graphProps = props.graphProps;
-
+        graphProps = props.graphProps;
       var _ref2 = graphProps || {},
-          _ref2$scale = _ref2.scale,
-          scale = _ref2$scale === void 0 ? {} : _ref2$scale,
-          _ref2$size = _ref2.size,
-          size = _ref2$size === void 0 ? {} : _ref2$size;
-
+        _ref2$scale = _ref2.scale,
+        scale = _ref2$scale === void 0 ? {} : _ref2$scale,
+        _ref2$size = _ref2.size,
+        size = _ref2$size === void 0 ? {} : _ref2$size;
       var xBand = (0, _utils.dataToXBand)(scale.x, data, size.width, 'lineDot');
       return /*#__PURE__*/_react["default"].createElement(_line["default"], (0, _extends2["default"])({}, props, {
         xBand: xBand,
@@ -154,23 +142,17 @@ var LineDot = /*#__PURE__*/function (_React$Component) {
       }));
     }
   }]);
-  return LineDot;
 }(_react["default"].Component);
-
-exports.LineDot = LineDot;
 (0, _defineProperty2["default"])(LineDot, "propTypes", {
   data: _propTypes["default"].array,
   onChange: _propTypes["default"].func,
   graphProps: _plot.types.GraphPropsType.isRequired
 });
-
-var _default = function _default() {
+var _default = exports["default"] = function _default() {
   return {
     type: 'lineDot',
     Component: LineDot,
     name: 'Line Dot'
   };
 };
-
-exports["default"] = _default;
 //# sourceMappingURL=line-dot.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../src/line/line-dot.js"],"names":["DraggableComponent","scale","x","y","className","classes","r","correctness","interactive","correctData","label","rest","React","useState","isHovered","setIsHovered","allowRolloverEvent","transparentHandle","handle","disabledPoint","color","defaults","BORDER_GRAY","propTypes","PropTypes","object","number","string","shape","value","LineDot","props","data","graphProps","size","xBand","width","Component","array","onChange","func","types","GraphPropsType","isRequired","type","name"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\n\nimport { types } from '@pie-lib/plot';\nimport { color } from '@pie-lib/render-ui';\nimport { dataToXBand } from '../utils';\nimport RawLine from './common/line';\nimport { CorrectnessIndicator, SmallCorrectPointIndicator } from '../common/correctness-indicators';\n\nconst DraggableComponent = ({\n  scale,\n  x,\n  y,\n  className,\n  classes,\n  r,\n  correctness,\n  interactive,\n  correctData,\n  label,\n  ...rest\n}) => {\n  const [isHovered, setIsHovered] = React.useState(false);\n  const allowRolloverEvent = !correctness && interactive;\n\n  return (\n    <g onMouseEnter={() => setIsHovered(true)} onMouseLeave={() => setIsHovered(false)}>\n      <circle\n        cx={scale.x(x)}\n        cy={scale.y(y)}\n        r={r * 3}\n        className={classNames(classes.transparentHandle, className)}\n        pointerEvents={correctness ? 'none' : ''}\n        {...rest}\n      />\n      <circle\n        cx={scale.x(x)}\n        cy={scale.y(y)}\n        r={r}\n        className={classNames(className, classes.handle, correctness && !interactive && classes.disabledPoint)}\n        {...rest}\n      />\n      {/* show correctness indicators */}\n      <CorrectnessIndicator\n        scale={scale}\n        x={x}\n        y={y}\n        classes={classes}\n        r={r}\n        correctness={correctness}\n        interactive={interactive}\n      />\n\n      {/* show correct point if answer was incorrect */}\n      <SmallCorrectPointIndicator\n        scale={scale}\n        x={x}\n        r={r}\n        correctness={correctness}\n        classes={classes}\n        correctData={correctData}\n        label={label}\n      />\n\n      {/* show rollover rectangle */}\n      {isHovered && allowRolloverEvent && (\n        <rect\n          x={scale.x(x) - r * 2}\n          y={scale.y(y) - r * 2}\n          width={r * 4}\n          height={r * 4}\n          stroke={color.defaults.BORDER_GRAY}\n          strokeWidth=\"1\"\n          fill=\"none\"\n        />\n      )}\n    </g>\n  );\n};\n\nDraggableComponent.propTypes = {\n  scale: PropTypes.object,\n  x: PropTypes.number,\n  y: PropTypes.number,\n  r: PropTypes.number,\n  className: PropTypes.string,\n  classes: PropTypes.object,\n  correctness: PropTypes.shape({\n    value: PropTypes.string,\n    label: PropTypes.string,\n  }),\n};\n\nexport class LineDot extends React.Component {\n  static propTypes = {\n    data: PropTypes.array,\n    onChange: PropTypes.func,\n    graphProps: types.GraphPropsType.isRequired,\n  };\n\n  render() {\n    const props = this.props;\n    const { data, graphProps } = props;\n    const { scale = {}, size = {} } = graphProps || {};\n    const xBand = dataToXBand(scale.x, data, size.width, 'lineDot');\n\n    return <RawLine {...props} xBand={xBand} CustomDraggableComponent={DraggableComponent} />;\n  }\n}\n\nexport default () => ({\n  type: 'lineDot',\n  Component: LineDot,\n  name: 'Line Dot',\n});\n"],"file":"line-dot.js"}
+{"version":3,"file":"line-dot.js","names":["_react","_interopRequireDefault","require","_propTypes","_styles","_plot","_renderUi","_utils","_line","_correctnessIndicators","_excluded","_callSuper","t","o","e","_getPrototypeOf2","_possibleConstructorReturn2","_isNativeReflectConstruct","Reflect","construct","constructor","apply","Boolean","prototype","valueOf","call","StyledHandle","styled","StyledTransparentHandle","height","fill","stroke","pointerEvents","DraggableComponent","_ref","scale","x","y","r","correctness","interactive","correctData","label","rest","_objectWithoutProperties2","_React$useState","React","useState","_React$useState2","_slicedToArray2","isHovered","setIsHovered","allowRolloverEvent","createElement","onMouseEnter","onMouseLeave","onTouchStart","onTouchEnd","_extends2","cx","cy","CorrectnessIndicator","SmallCorrectPointIndicator","width","color","defaults","BORDER_GRAY","strokeWidth","propTypes","PropTypes","object","number","shape","value","string","bool","array","LineDot","exports","_React$Component","_classCallCheck2","arguments","_inherits2","_createClass2","key","render","props","data","graphProps","_ref2","_ref2$scale","_ref2$size","size","xBand","dataToXBand","CustomDraggableComponent","Component","_defineProperty2","onChange","func","types","GraphPropsType","isRequired","_default","type","name"],"sources":["../../src/line/line-dot.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { styled } from '@mui/material/styles';\n\nimport { types } from '@pie-lib/plot';\nimport { color } from '@pie-lib/render-ui';\nimport { dataToXBand } from '../utils';\nimport RawLine from './common/line';\nimport { CorrectnessIndicator, SmallCorrectPointIndicator } from '../common/correctness-indicators';\n\nconst StyledHandle = styled('circle')(() => ({}));\n\nconst StyledTransparentHandle = styled('circle')(() => ({\n  height: '20px',\n  fill: 'transparent', // keep it invisible\n  stroke: 'none',\n  pointerEvents: 'auto', // allow drag events\n}));\n\nconst DraggableComponent = ({ scale, x, y, r, correctness, interactive, correctData, label, ...rest }) => {\n  const [isHovered, setIsHovered] = React.useState(false);\n  const allowRolloverEvent = !correctness && interactive;\n\n  return (\n    <g\n      onMouseEnter={() => setIsHovered(true)}\n      onMouseLeave={() => setIsHovered(false)}\n      onTouchStart={() => setIsHovered(true)}\n      onTouchEnd={() => setIsHovered(false)}\n    >\n      <StyledTransparentHandle\n        cx={scale.x(x)}\n        cy={scale.y(y)}\n        r={r * 3}\n        onMouseEnter={() => setIsHovered(true)}\n        onMouseLeave={() => setIsHovered(false)}\n        {...rest}\n      />\n      <StyledHandle\n        cx={scale.x(x)}\n        cy={scale.y(y)}\n        r={r}\n        correctness={correctness}\n        interactive={interactive}\n        {...rest}\n      />\n      {/* show correctness indicators */}\n      <CorrectnessIndicator scale={scale} x={x} y={y} r={r} correctness={correctness} interactive={interactive} />\n\n      {/* show correct point if answer was incorrect */}\n      <SmallCorrectPointIndicator\n        scale={scale}\n        x={x}\n        r={r}\n        correctness={correctness}\n        correctData={correctData}\n        label={label}\n      />\n\n      {/* show rollover rectangle */}\n      {isHovered && allowRolloverEvent && (\n        <rect\n          x={scale.x(x) - r * 2}\n          y={scale.y(y) - r * 2}\n          width={r * 4}\n          height={r * 4}\n          stroke={color.defaults.BORDER_GRAY}\n          strokeWidth=\"1\"\n          fill=\"none\"\n        />\n      )}\n    </g>\n  );\n};\n\nDraggableComponent.propTypes = {\n  scale: PropTypes.object,\n  x: PropTypes.number,\n  y: PropTypes.number,\n  r: PropTypes.number,\n  correctness: PropTypes.shape({\n    value: PropTypes.string,\n    label: PropTypes.string,\n  }),\n  interactive: PropTypes.bool,\n  correctData: PropTypes.array,\n  label: PropTypes.string,\n};\n\nexport class LineDot extends React.Component {\n  static propTypes = {\n    data: PropTypes.array,\n    onChange: PropTypes.func,\n    graphProps: types.GraphPropsType.isRequired,\n  };\n\n  render() {\n    const props = this.props;\n    const { data, graphProps } = props;\n    const { scale = {}, size = {} } = graphProps || {};\n    const xBand = dataToXBand(scale.x, data, size.width, 'lineDot');\n\n    return <RawLine {...props} xBand={xBand} CustomDraggableComponent={DraggableComponent} />;\n  }\n}\n\nexport default () => ({\n  type: 'lineDot',\n  Component: LineDot,\n  name: 'Line Dot',\n});\n"],"mappings":"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","ignoreList":[]}