@pie-lib/charting 5.50.0-mui-update.0 → 6.0.0-next.0

package/lib/common/correctness-indicators.js

@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.TickCorrectnessIndicator = exports.SmallCorrectPointIndicator = exports.CorrectnessIndicator = void 0;
 var _react = _interopRequireDefault(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
 var _styles = require("@mui/material/styles");
 var _Check = _interopRequireDefault(require("@mui/icons-material/Check"));
 var _Close = _interopRequireDefault(require("@mui/icons-material/Close"));
@@ -58,7 +59,6 @@ var CorrectnessIndicator = exports.CorrectnessIndicator = function CorrectnessIn
   var scale = _ref3.scale,
     x = _ref3.x,
     y = _ref3.y,
-    r = _ref3.r,
     correctness = _ref3.correctness,
     interactive = _ref3.interactive;
   if (!correctness || !interactive) return null;
@@ -81,7 +81,6 @@ var CorrectnessIndicator = exports.CorrectnessIndicator = function CorrectnessIn
 var SmallCorrectPointIndicator = exports.SmallCorrectPointIndicator = function SmallCorrectPointIndicator(_ref4) {
   var scale = _ref4.scale,
     x = _ref4.x,
-    r = _ref4.r,
     correctness = _ref4.correctness,
     correctData = _ref4.correctData,
     label = _ref4.label;
@@ -118,4 +117,40 @@ var TickCorrectnessIndicator = exports.TickCorrectnessIndicator = function TickC
     title: correctness.label
   });
 };
+CorrectnessIndicator.propTypes = {
+  scale: _propTypes["default"].shape({
+    x: _propTypes["default"].func,
+    y: _propTypes["default"].func
+  }),
+  x: _propTypes["default"].number.isRequired,
+  y: _propTypes["default"].number.isRequired,
+  correctness: _propTypes["default"].shape({
+    value: _propTypes["default"].string,
+    label: _propTypes["default"].string
+  }),
+  interactive: _propTypes["default"].bool
+};
+SmallCorrectPointIndicator.propTypes = {
+  scale: _propTypes["default"].shape({
+    x: _propTypes["default"].func,
+    y: _propTypes["default"].func
+  }).isRequired,
+  x: _propTypes["default"].number.isRequired,
+  correctness: _propTypes["default"].shape({
+    value: _propTypes["default"].string,
+    label: _propTypes["default"].string
+  }),
+  correctData: _propTypes["default"].arrayOf(_propTypes["default"].shape({
+    label: _propTypes["default"].string,
+    value: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].number])
+  })),
+  label: _propTypes["default"].string
+};
+TickCorrectnessIndicator.propTypes = {
+  correctness: _propTypes["default"].shape({
+    value: _propTypes["default"].string,
+    label: _propTypes["default"].string
+  }),
+  interactive: _propTypes["default"].bool
+};
 //# sourceMappingURL=correctness-indicators.js.map

package/lib/common/correctness-indicators.js.map

@@ -1 +1 @@
-{"version":3,"file":"correctness-indicators.js","names":["_react","_interopRequireDefault","require","_styles","_Check","_Close","_renderUi","StyledCorrectIcon","styled","Check","_ref","theme","borderRadius","spacing","color","enumColor","defaults","WHITE","fontSize","width","height","padding","border","concat","stroke","boxSizing","backgroundColor","correct","display","StyledIncorrectIcon","Close","_ref2","incorrectWithIcon","CorrectnessIndicator","exports","_ref3","scale","x","y","r","correctness","interactive","cx","cy","isCorrect","value","createElement","title","label","SmallCorrectPointIndicator","_ref4","correctData","_correctData$find","correctVal","parseFloat","find","d","isNaN","correctPxY","yToRender","xToRender","className","TickCorrectnessIndicator","_ref5"],"sources":["../../src/common/correctness-indicators.jsx"],"sourcesContent":["import React from 'react';\nimport { styled } from '@mui/material/styles';\nimport Check from '@mui/icons-material/Check';\nimport Close from '@mui/icons-material/Close';\nimport { color as enumColor } from '@pie-lib/render-ui';\n\nconst StyledCorrectIcon = styled(Check)(({ theme }) => ({\n  borderRadius: theme.spacing(2),\n  color: enumColor.defaults.WHITE,\n  fontSize: '16px',\n  width: '16px',\n  height: '16px',\n  padding: '2px',\n  border: `1px solid ${enumColor.defaults.WHITE}`,\n  stroke: 'initial',\n  boxSizing: 'unset', // to override the default border-box in IBX\n  backgroundColor: enumColor.correct(),\n  display: 'block',\n  '&.small': {\n    fontSize: '10px',\n    width: '10px',\n    height: '10px',\n  },\n}));\n\nconst StyledIncorrectIcon = styled(Close)(({ theme }) => ({\n  borderRadius: theme.spacing(2),\n  color: enumColor.defaults.WHITE,\n  fontSize: '16px',\n  width: '16px',\n  height: '16px',\n  padding: '2px',\n  border: `1px solid ${enumColor.defaults.WHITE}`,\n  stroke: 'initial',\n  boxSizing: 'unset', // to override the default border-box in IBX\n  backgroundColor: enumColor.incorrectWithIcon(),\n  display: 'block',\n  '&.small': {\n    fontSize: '10px',\n    width: '10px',\n    height: '10px',\n  },\n}));\n\nexport const CorrectnessIndicator = ({ scale, x, y, r, correctness, interactive }) => {\n  if (!correctness || !interactive) return null;\n  const cx = scale ? scale.x(x) : x;\n  const cy = scale ? scale.y(y) : y;\n  const isCorrect = correctness.value === 'correct';\n\n  // the icon is 16px + 2px padding + 1px border, so total size is 22px\n  return (\n    <foreignObject x={cx - 11} y={cy - 11} width={22} height={22}>\n      {isCorrect ? (\n        <StyledCorrectIcon title={correctness.label} />\n      ) : (\n        <StyledIncorrectIcon title={correctness.label} />\n      )}\n    </foreignObject>\n  );\n};\n\nexport const SmallCorrectPointIndicator = ({ scale, x, r, correctness, correctData, label }) => {\n  if (correctness && correctness.value === 'incorrect') {\n    const correctVal = parseFloat(correctData.find((d) => d.label === label)?.value);\n    if (isNaN(correctVal)) return null;\n    const correctPxY = scale.y(correctVal);\n    const yToRender = correctPxY - 7.5;\n    const xToRender = scale.x(x) - 7.5;\n\n    // small circle has 10px font + 2px padding + 1px border, so total size is 15px\n    return (\n      <foreignObject x={xToRender} y={yToRender} width={15} height={15}>\n        <StyledCorrectIcon\n          className=\"small\"\n          title={correctness.label}\n        />\n      </foreignObject>\n    );\n  }\n\n  return null;\n};\n\nexport const TickCorrectnessIndicator = ({ correctness, interactive }) => {\n  if (!correctness || !interactive) return null;\n\n  return correctness.value === 'correct' ? (\n    <StyledCorrectIcon title={correctness.label} />\n  ) : (\n    <StyledIncorrectIcon title={correctness.label} />\n  );\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"correctness-indicators.js","names":["_react","_interopRequireDefault","require","_propTypes","_styles","_Check","_Close","_renderUi","StyledCorrectIcon","styled","Check","_ref","theme","borderRadius","spacing","color","enumColor","defaults","WHITE","fontSize","width","height","padding","border","concat","stroke","boxSizing","backgroundColor","correct","display","StyledIncorrectIcon","Close","_ref2","incorrectWithIcon","CorrectnessIndicator","exports","_ref3","scale","x","y","correctness","interactive","cx","cy","isCorrect","value","createElement","title","label","SmallCorrectPointIndicator","_ref4","correctData","_correctData$find","correctVal","parseFloat","find","d","isNaN","correctPxY","yToRender","xToRender","className","TickCorrectnessIndicator","_ref5","propTypes","PropTypes","shape","func","number","isRequired","string","bool","arrayOf","oneOfType"],"sources":["../../src/common/correctness-indicators.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { styled } from '@mui/material/styles';\nimport Check from '@mui/icons-material/Check';\nimport Close from '@mui/icons-material/Close';\nimport { color as enumColor } from '@pie-lib/render-ui';\n\nconst StyledCorrectIcon = styled(Check)(({ theme }) => ({\n  borderRadius: theme.spacing(2),\n  color: enumColor.defaults.WHITE,\n  fontSize: '16px',\n  width: '16px',\n  height: '16px',\n  padding: '2px',\n  border: `1px solid ${enumColor.defaults.WHITE}`,\n  stroke: 'initial',\n  boxSizing: 'unset', // to override the default border-box in IBX\n  backgroundColor: enumColor.correct(),\n  display: 'block',\n  '&.small': {\n    fontSize: '10px',\n    width: '10px',\n    height: '10px',\n  },\n}));\n\nconst StyledIncorrectIcon = styled(Close)(({ theme }) => ({\n  borderRadius: theme.spacing(2),\n  color: enumColor.defaults.WHITE,\n  fontSize: '16px',\n  width: '16px',\n  height: '16px',\n  padding: '2px',\n  border: `1px solid ${enumColor.defaults.WHITE}`,\n  stroke: 'initial',\n  boxSizing: 'unset', // to override the default border-box in IBX\n  backgroundColor: enumColor.incorrectWithIcon(),\n  display: 'block',\n  '&.small': {\n    fontSize: '10px',\n    width: '10px',\n    height: '10px',\n  },\n}));\n\nexport const CorrectnessIndicator = ({ scale, x, y, correctness, interactive }) => {\n  if (!correctness || !interactive) return null;\n  const cx = scale ? scale.x(x) : x;\n  const cy = scale ? scale.y(y) : y;\n  const isCorrect = correctness.value === 'correct';\n\n  // the icon is 16px + 2px padding + 1px border, so total size is 22px\n  return (\n    <foreignObject x={cx - 11} y={cy - 11} width={22} height={22}>\n      {isCorrect ? (\n        <StyledCorrectIcon title={correctness.label} />\n      ) : (\n        <StyledIncorrectIcon title={correctness.label} />\n      )}\n    </foreignObject>\n  );\n};\n\nexport const SmallCorrectPointIndicator = ({ scale, x, correctness, correctData, label }) => {\n  if (correctness && correctness.value === 'incorrect') {\n    const correctVal = parseFloat(correctData.find((d) => d.label === label)?.value);\n    if (isNaN(correctVal)) return null;\n    const correctPxY = scale.y(correctVal);\n    const yToRender = correctPxY - 7.5;\n    const xToRender = scale.x(x) - 7.5;\n\n    // small circle has 10px font + 2px padding + 1px border, so total size is 15px\n    return (\n      <foreignObject x={xToRender} y={yToRender} width={15} height={15}>\n        <StyledCorrectIcon\n          className=\"small\"\n          title={correctness.label}\n        />\n      </foreignObject>\n    );\n  }\n\n  return null;\n};\n\nexport const TickCorrectnessIndicator = ({ correctness, interactive }) => {\n  if (!correctness || !interactive) return null;\n\n  return correctness.value === 'correct' ? (\n    <StyledCorrectIcon title={correctness.label} />\n  ) : (\n    <StyledIncorrectIcon title={correctness.label} />\n  );\n};\n\nCorrectnessIndicator.propTypes = {\n  scale: PropTypes.shape({\n    x: PropTypes.func,\n    y: PropTypes.func,\n  }),\n  x: PropTypes.number.isRequired,\n  y: PropTypes.number.isRequired,\n  correctness: PropTypes.shape({\n    value: PropTypes.string,\n    label: PropTypes.string,\n  }),\n  interactive: PropTypes.bool,\n};\n\nSmallCorrectPointIndicator.propTypes = {\n  scale: PropTypes.shape({\n    x: PropTypes.func,\n    y: PropTypes.func,\n  }).isRequired,\n  x: PropTypes.number.isRequired,\n  correctness: PropTypes.shape({\n    value: PropTypes.string,\n    label: PropTypes.string,\n  }),\n  correctData: PropTypes.arrayOf(PropTypes.shape({\n    label: PropTypes.string,\n    value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n  })),\n  label: PropTypes.string,\n};\n\nTickCorrectnessIndicator.propTypes = {\n  correctness: PropTypes.shape({\n    value: PropTypes.string,\n    label: PropTypes.string,\n  }),\n  interactive: PropTypes.bool,\n};\n"],"mappings":"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","ignoreList":[]}

package/lib/common/drag-handle.js

@@ -16,7 +16,7 @@ var _plot = require("@pie-lib/plot");
 var _renderUi = require("@pie-lib/render-ui");
 var _utils = require("../utils");
 var _dragIcon = _interopRequireDefault(require("./drag-icon"));
-var _excluded = ["x", "y", "width", "graphProps", "interactive", "defineChart", "isHovered", "correctness", "color", "isPlot"];
+var _excluded = ["x", "y", "width", "graphProps", "interactive", "isHovered", "correctness", "isPlot"];
 var StyledSvg = (0, _styles.styled)('svg')(function () {
   return {
     overflow: 'visible !important'
@@ -63,10 +63,8 @@ var RawDragHandle = function RawDragHandle(_ref) {
     width = _ref.width,
     graphProps = _ref.graphProps,
     interactive = _ref.interactive,
-    defineChart = _ref.defineChart,
     isHovered = _ref.isHovered,
     correctness = _ref.correctness,
-    color = _ref.color,
     isPlot = _ref.isPlot,
     rest = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
   var scale = graphProps.scale;
@@ -129,7 +127,7 @@ RawDragHandle.propTypes = {
     value: _propTypes["default"].string,
     label: _propTypes["default"].string
   }),
-  color: _propTypes["default"].string
+  isPlot: _propTypes["default"].bool
 };
 var DragHandle = exports.DragHandle = RawDragHandle;
 var D = exports.D = (0, _plot.gridDraggable)({

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

@@ -1 +1 @@
-{"version":3,"file":"drag-handle.js","names":["_react","_interopRequireDefault","require","_propTypes","_styles","_Check","_Close","_plot","_renderUi","_utils","_dragIcon","_excluded","StyledSvg","styled","overflow","StyledEllipse","fill","clipPath","StyledCorrectIcon","Check","backgroundColor","enumColor","correct","borderRadius","color","defaults","WHITE","fontSize","padding","border","concat","width","height","boxSizing","StyledIncorrectIcon","Close","incorrectWithIcon","RawDragHandle","_ref","_getScale","x","y","graphProps","interactive","defineChart","isHovered","correctness","isPlot","rest","_objectWithoutProperties2","scale","scaleValue","getScale","createElement","BORDER_GRAY","_extends2","cx","cy","rx","ry","id","stdDeviation","dx","dy","result","floodColor","in2","operator","value","title","label","propTypes","PropTypes","number","isRequired","types","GraphPropsType","bool","shape","string","DragHandle","exports","D","gridDraggable","axis","fromDelta","props","delta","newPoint","utils","point","add","bounds","_ref2","domain","range","area","left","top","bottom","right","anchorPoint","_default"],"sources":["../../src/common/drag-handle.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { styled } from '@mui/material/styles';\nimport Check from '@mui/icons-material/Check';\nimport Close from '@mui/icons-material/Close';\n\nimport { gridDraggable, utils, types } from '@pie-lib/plot';\nimport { color as enumColor } from '@pie-lib/render-ui';\nimport { getScale } from '../utils';\nimport DragIcon from './drag-icon';\n\nconst StyledSvg = styled('svg')(() => ({\n  overflow: 'visible !important',\n}));\n\nconst StyledEllipse = styled('ellipse')(() => ({\n  fill: 'transparent',\n  clipPath: 'polygon(50% 0%, 100% 0%, 100% 50%, 0% 50%, 0% 0%)',\n}));\n\nconst StyledCorrectIcon = styled(Check)(() => ({\n  backgroundColor: enumColor.correct(),\n  borderRadius: '16px', // equivalent to theme.spacing(2) for most themes\n  color: enumColor.defaults.WHITE,\n  fontSize: '16px',\n  padding: '2px',\n  border: `4px solid ${enumColor.defaults.WHITE}`,\n  width: '16px',\n  height: '16px',\n  boxSizing: 'unset', // to override the default border-box in IBX\n}));\n\nconst StyledIncorrectIcon = styled(Close)(() => ({\n  backgroundColor: enumColor.incorrectWithIcon(),\n  borderRadius: '16px', // equivalent to theme.spacing(2) for most themes\n  color: enumColor.defaults.WHITE,\n  fontSize: '16px',\n  padding: '2px',\n  border: `4px solid ${enumColor.defaults.WHITE}`,\n  width: '16px',\n  height: '16px',\n  boxSizing: 'unset', // to override the default border-box in IBX\n}));\n\nconst RawDragHandle = ({\n  x,\n  y,\n  width,\n  graphProps,\n  interactive,\n  defineChart,\n  isHovered,\n  correctness,\n  color,\n  isPlot,\n  ...rest\n}) => {\n  const { scale } = graphProps;\n  const scaleValue = getScale(width)?.scale;\n\n  return (\n    <StyledSvg x={x} y={scale.y(y) - 10} width={width} overflow=\"visible\">\n      {isHovered && !correctness && interactive && (\n        <DragIcon width={width} scaleValue={scaleValue} color={enumColor.defaults.BORDER_GRAY} />\n      )}\n      {interactive && !correctness && (\n        <StyledEllipse\n          cx={width / 2}\n          cy={10}\n          rx={width / 2}\n          // the drag icon has a 22px fixed r value, so the ry value is 3 times that in order to cover all the area\n          ry={66}\n          {...rest}\n        />\n      )}\n\n      <defs>\n        <filter id=\"bottomShadow\" x=\"0\" y=\"0\" width=\"140%\" height=\"140%\">\n          <feGaussianBlur in=\"SourceAlpha\" stdDeviation=\"3\" />\n          <feOffset dx=\"0\" dy=\"5\" result=\"offsetblur\" />\n          <feFlood floodColor=\"#00000033\" />\n          <feComposite in2=\"offsetblur\" operator=\"in\" />\n          <feMerge>\n            <feMergeNode />\n            <feMergeNode in=\"SourceGraphic\" />\n          </feMerge>\n        </filter>\n      </defs>\n\n      {correctness && interactive && !isPlot && (\n        <foreignObject x={width / 2 - 14} y={0} width={40} height={40}>\n          {correctness.value === 'correct' ? (\n            <StyledCorrectIcon title={correctness.label} />\n          ) : (\n            <StyledIncorrectIcon title={correctness.label} />\n          )}\n        </foreignObject>\n      )}\n    </StyledSvg>\n  );\n};\n\nRawDragHandle.propTypes = {\n  x: PropTypes.number.isRequired,\n  y: PropTypes.number.isRequired,\n  width: PropTypes.number,\n  graphProps: types.GraphPropsType.isRequired,\n  interactive: PropTypes.bool,\n  isHovered: PropTypes.bool,\n  correctness: PropTypes.shape({\n    value: PropTypes.string,\n    label: PropTypes.string,\n  }),\n  color: PropTypes.string,\n};\n\nexport const DragHandle = RawDragHandle;\n\nexport const D = gridDraggable({\n  axis: 'y',\n  fromDelta: (props, delta) => {\n    //TODO: should be in grid-draggable, if axis is y delta.x should always be 0.\n    delta.x = 0;\n    const newPoint = utils.point(props).add(utils.point(delta));\n\n    return newPoint.y;\n  },\n  bounds: (props, { domain, range }) => {\n    const area = { left: 0, top: props.y, bottom: props.y, right: 0 };\n    return utils.bounds(area, domain, range);\n  },\n  anchorPoint: (props) => {\n    return { x: props.x, y: props.y };\n  },\n})(DragHandle);\n\nexport default D;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"drag-handle.js","names":["_react","_interopRequireDefault","require","_propTypes","_styles","_Check","_Close","_plot","_renderUi","_utils","_dragIcon","_excluded","StyledSvg","styled","overflow","StyledEllipse","fill","clipPath","StyledCorrectIcon","Check","backgroundColor","enumColor","correct","borderRadius","color","defaults","WHITE","fontSize","padding","border","concat","width","height","boxSizing","StyledIncorrectIcon","Close","incorrectWithIcon","RawDragHandle","_ref","_getScale","x","y","graphProps","interactive","isHovered","correctness","isPlot","rest","_objectWithoutProperties2","scale","scaleValue","getScale","createElement","BORDER_GRAY","_extends2","cx","cy","rx","ry","id","stdDeviation","dx","dy","result","floodColor","in2","operator","value","title","label","propTypes","PropTypes","number","isRequired","types","GraphPropsType","bool","shape","string","DragHandle","exports","D","gridDraggable","axis","fromDelta","props","delta","newPoint","utils","point","add","bounds","_ref2","domain","range","area","left","top","bottom","right","anchorPoint","_default"],"sources":["../../src/common/drag-handle.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { styled } from '@mui/material/styles';\nimport Check from '@mui/icons-material/Check';\nimport Close from '@mui/icons-material/Close';\n\nimport { gridDraggable, utils, types } from '@pie-lib/plot';\nimport { color as enumColor } from '@pie-lib/render-ui';\nimport { getScale } from '../utils';\nimport DragIcon from './drag-icon';\n\nconst StyledSvg = styled('svg')(() => ({\n  overflow: 'visible !important',\n}));\n\nconst StyledEllipse = styled('ellipse')(() => ({\n  fill: 'transparent',\n  clipPath: 'polygon(50% 0%, 100% 0%, 100% 50%, 0% 50%, 0% 0%)',\n}));\n\nconst StyledCorrectIcon = styled(Check)(() => ({\n  backgroundColor: enumColor.correct(),\n  borderRadius: '16px', // equivalent to theme.spacing(2) for most themes\n  color: enumColor.defaults.WHITE,\n  fontSize: '16px',\n  padding: '2px',\n  border: `4px solid ${enumColor.defaults.WHITE}`,\n  width: '16px',\n  height: '16px',\n  boxSizing: 'unset', // to override the default border-box in IBX\n}));\n\nconst StyledIncorrectIcon = styled(Close)(() => ({\n  backgroundColor: enumColor.incorrectWithIcon(),\n  borderRadius: '16px', // equivalent to theme.spacing(2) for most themes\n  color: enumColor.defaults.WHITE,\n  fontSize: '16px',\n  padding: '2px',\n  border: `4px solid ${enumColor.defaults.WHITE}`,\n  width: '16px',\n  height: '16px',\n  boxSizing: 'unset', // to override the default border-box in IBX\n}));\n\nconst RawDragHandle = ({\n  x,\n  y,\n  width,\n  graphProps,\n  interactive,\n  isHovered,\n  correctness,\n  isPlot,\n  ...rest\n}) => {\n  const { scale } = graphProps;\n  const scaleValue = getScale(width)?.scale;\n\n  return (\n    <StyledSvg x={x} y={scale.y(y) - 10} width={width} overflow=\"visible\">\n      {isHovered && !correctness && interactive && (\n        <DragIcon width={width} scaleValue={scaleValue} color={enumColor.defaults.BORDER_GRAY} />\n      )}\n      {interactive && !correctness && (\n        <StyledEllipse\n          cx={width / 2}\n          cy={10}\n          rx={width / 2}\n          // the drag icon has a 22px fixed r value, so the ry value is 3 times that in order to cover all the area\n          ry={66}\n          {...rest}\n        />\n      )}\n\n      <defs>\n        <filter id=\"bottomShadow\" x=\"0\" y=\"0\" width=\"140%\" height=\"140%\">\n          <feGaussianBlur in=\"SourceAlpha\" stdDeviation=\"3\" />\n          <feOffset dx=\"0\" dy=\"5\" result=\"offsetblur\" />\n          <feFlood floodColor=\"#00000033\" />\n          <feComposite in2=\"offsetblur\" operator=\"in\" />\n          <feMerge>\n            <feMergeNode />\n            <feMergeNode in=\"SourceGraphic\" />\n          </feMerge>\n        </filter>\n      </defs>\n\n      {correctness && interactive && !isPlot && (\n        <foreignObject x={width / 2 - 14} y={0} width={40} height={40}>\n          {correctness.value === 'correct' ? (\n            <StyledCorrectIcon title={correctness.label} />\n          ) : (\n            <StyledIncorrectIcon title={correctness.label} />\n          )}\n        </foreignObject>\n      )}\n    </StyledSvg>\n  );\n};\n\nRawDragHandle.propTypes = {\n  x: PropTypes.number.isRequired,\n  y: PropTypes.number.isRequired,\n  width: PropTypes.number,\n  graphProps: types.GraphPropsType.isRequired,\n  interactive: PropTypes.bool,\n  isHovered: PropTypes.bool,\n  correctness: PropTypes.shape({\n    value: PropTypes.string,\n    label: PropTypes.string,\n  }),\n  isPlot: PropTypes.bool,\n};\n\nexport const DragHandle = RawDragHandle;\n\nexport const D = gridDraggable({\n  axis: 'y',\n  fromDelta: (props, delta) => {\n    //TODO: should be in grid-draggable, if axis is y delta.x should always be 0.\n    delta.x = 0;\n    const newPoint = utils.point(props).add(utils.point(delta));\n\n    return newPoint.y;\n  },\n  bounds: (props, { domain, range }) => {\n    const area = { left: 0, top: props.y, bottom: props.y, right: 0 };\n    return utils.bounds(area, domain, range);\n  },\n  anchorPoint: (props) => {\n    return { x: props.x, y: props.y };\n  },\n})(DragHandle);\n\nexport default D;\n"],"mappings":"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","ignoreList":[]}

package/lib/common/drag-icon.js

@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = void 0;
 var _react = _interopRequireDefault(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
 var _utils = require("../utils");
 var DragIcon = function DragIcon(_ref) {
   var _getScale;
@@ -42,5 +43,10 @@ var DragIcon = function DragIcon(_ref) {
     fill: "currentColor"
   })));
 };
+DragIcon.propTypes = {
+  width: _propTypes["default"].number.isRequired,
+  scaleValue: _propTypes["default"].number.isRequired,
+  color: _propTypes["default"].string
+};
 var _default = exports["default"] = DragIcon;
 //# sourceMappingURL=drag-icon.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"drag-icon.js","names":["_react","_interopRequireDefault","require","_utils","DragIcon","_ref","_getScale","width","scaleValue","color","createElement","x","getAdjustedX","y","getScale","deltay","height","overflow","viewBox","concat","style","xmlns","fill","stroke","transform","cx","cy","r","d","_default","exports"],"sources":["../../src/common/drag-icon.jsx"],"sourcesContent":["import React from 'react';\nimport { getAdjustedX, getScale } from '../utils';\n\nconst DragIcon = ({ width, scaleValue, color }) => (\n  <svg\n    x={getAdjustedX(width, scaleValue)}\n    y={getScale(width)?.deltay}\n    color={color}\n    width={width}\n    height={width}\n    overflow=\"visible\"\n    viewBox={`0 0 ${width} ${width}`}\n    style={{ overflow: 'visible !important' }}\n  >\n    <g xmlns=\"http://www.w3.org/2000/svg\" fill=\"currentColor\" stroke=\"currentColor\" transform={`scale(${scaleValue})`}>\n      <circle cx=\"28.5\" cy=\"23.5\" r=\"22\" fill=\"white\" stroke=\"currentColor\" />\n      <path\n        d=\"M33.5 21.25H23.4609C22.7578 21.25 22.4062 20.4297 22.9141 19.9219L27.9141 14.9219C28.2266 14.6094 28.7344 14.6094 29.0469 14.9219L34.0469 19.9219C34.5547 20.4297 34.2031 21.25 33.5 21.25Z\"\n        fill=\"currentColor\"\n      />\n      <path\n        d=\"M23.5 25.75L33.5391 25.75C34.2422 25.75 34.5938 26.5703 34.0859 27.0781L29.0859 32.0781C28.7734 32.3906 28.2656 32.3906 27.9531 32.0781L22.9531 27.0781C22.4453 26.5703 22.7969 25.75 23.5 25.75Z\"\n        fill=\"currentColor\"\n      />\n    </g>\n  </svg>\n);\n\nexport default DragIcon;\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AAEA,IAAME,QAAQ,GAAG,SAAXA,QAAQA,CAAAC,IAAA;EAAA,IAAAC,SAAA;EAAA,IAAMC,KAAK,GAAAF,IAAA,CAALE,KAAK;IAAEC,UAAU,GAAAH,IAAA,CAAVG,UAAU;IAAEC,KAAK,GAAAJ,IAAA,CAALI,KAAK;EAAA,oBAC1CT,MAAA,YAAAU,aAAA;IACEC,CAAC,EAAE,IAAAC,mBAAY,EAACL,KAAK,EAAEC,UAAU,CAAE;IACnCK,CAAC,GAAAP,SAAA,GAAE,IAAAQ,eAAQ,EAACP,KAAK,CAAC,cAAAD,SAAA,uBAAfA,SAAA,CAAiBS,MAAO;IAC3BN,KAAK,EAAEA,KAAM;IACbF,KAAK,EAAEA,KAAM;IACbS,MAAM,EAAET,KAAM;IACdU,QAAQ,EAAC,SAAS;IAClBC,OAAO,SAAAC,MAAA,CAASZ,KAAK,OAAAY,MAAA,CAAIZ,KAAK,CAAG;IACjCa,KAAK,EAAE;MAAEH,QAAQ,EAAE;IAAqB;EAAE,gBAE1CjB,MAAA,YAAAU,aAAA;IAAGW,KAAK,EAAC,4BAA4B;IAACC,IAAI,EAAC,cAAc;IAACC,MAAM,EAAC,cAAc;IAACC,SAAS,WAAAL,MAAA,CAAWX,UAAU;EAAI,gBAChHR,MAAA,YAAAU,aAAA;IAAQe,EAAE,EAAC,MAAM;IAACC,EAAE,EAAC,MAAM;IAACC,CAAC,EAAC,IAAI;IAACL,IAAI,EAAC,OAAO;IAACC,MAAM,EAAC;EAAc,CAAE,CAAC,eACxEvB,MAAA,YAAAU,aAAA;IACEkB,CAAC,EAAC,6LAA6L;IAC/LN,IAAI,EAAC;EAAc,CACpB,CAAC,eACFtB,MAAA,YAAAU,aAAA;IACEkB,CAAC,EAAC,mMAAmM;IACrMN,IAAI,EAAC;EAAc,CACpB,CACA,CACA,CAAC;AAAA,CACP;AAAC,IAAAO,QAAA,GAAAC,OAAA,cAEa1B,QAAQ","ignoreList":[]}
+{"version":3,"file":"drag-icon.js","names":["_react","_interopRequireDefault","require","_propTypes","_utils","DragIcon","_ref","_getScale","width","scaleValue","color","createElement","x","getAdjustedX","y","getScale","deltay","height","overflow","viewBox","concat","style","xmlns","fill","stroke","transform","cx","cy","r","d","propTypes","PropTypes","number","isRequired","string","_default","exports"],"sources":["../../src/common/drag-icon.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { getAdjustedX, getScale } from '../utils';\n\nconst DragIcon = ({ width, scaleValue, color }) => (\n  <svg\n    x={getAdjustedX(width, scaleValue)}\n    y={getScale(width)?.deltay}\n    color={color}\n    width={width}\n    height={width}\n    overflow=\"visible\"\n    viewBox={`0 0 ${width} ${width}`}\n    style={{ overflow: 'visible !important' }}\n  >\n    <g xmlns=\"http://www.w3.org/2000/svg\" fill=\"currentColor\" stroke=\"currentColor\" transform={`scale(${scaleValue})`}>\n      <circle cx=\"28.5\" cy=\"23.5\" r=\"22\" fill=\"white\" stroke=\"currentColor\" />\n      <path\n        d=\"M33.5 21.25H23.4609C22.7578 21.25 22.4062 20.4297 22.9141 19.9219L27.9141 14.9219C28.2266 14.6094 28.7344 14.6094 29.0469 14.9219L34.0469 19.9219C34.5547 20.4297 34.2031 21.25 33.5 21.25Z\"\n        fill=\"currentColor\"\n      />\n      <path\n        d=\"M23.5 25.75L33.5391 25.75C34.2422 25.75 34.5938 26.5703 34.0859 27.0781L29.0859 32.0781C28.7734 32.3906 28.2656 32.3906 27.9531 32.0781L22.9531 27.0781C22.4453 26.5703 22.7969 25.75 23.5 25.75Z\"\n        fill=\"currentColor\"\n      />\n    </g>\n  </svg>\n);\n\nDragIcon.propTypes = {\n  width: PropTypes.number.isRequired,\n  scaleValue: PropTypes.number.isRequired,\n  color: PropTypes.string,\n};\n\nexport default DragIcon;\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AAEA,IAAMG,QAAQ,GAAG,SAAXA,QAAQA,CAAAC,IAAA;EAAA,IAAAC,SAAA;EAAA,IAAMC,KAAK,GAAAF,IAAA,CAALE,KAAK;IAAEC,UAAU,GAAAH,IAAA,CAAVG,UAAU;IAAEC,KAAK,GAAAJ,IAAA,CAALI,KAAK;EAAA,oBAC1CV,MAAA,YAAAW,aAAA;IACEC,CAAC,EAAE,IAAAC,mBAAY,EAACL,KAAK,EAAEC,UAAU,CAAE;IACnCK,CAAC,GAAAP,SAAA,GAAE,IAAAQ,eAAQ,EAACP,KAAK,CAAC,cAAAD,SAAA,uBAAfA,SAAA,CAAiBS,MAAO;IAC3BN,KAAK,EAAEA,KAAM;IACbF,KAAK,EAAEA,KAAM;IACbS,MAAM,EAAET,KAAM;IACdU,QAAQ,EAAC,SAAS;IAClBC,OAAO,SAAAC,MAAA,CAASZ,KAAK,OAAAY,MAAA,CAAIZ,KAAK,CAAG;IACjCa,KAAK,EAAE;MAAEH,QAAQ,EAAE;IAAqB;EAAE,gBAE1ClB,MAAA,YAAAW,aAAA;IAAGW,KAAK,EAAC,4BAA4B;IAACC,IAAI,EAAC,cAAc;IAACC,MAAM,EAAC,cAAc;IAACC,SAAS,WAAAL,MAAA,CAAWX,UAAU;EAAI,gBAChHT,MAAA,YAAAW,aAAA;IAAQe,EAAE,EAAC,MAAM;IAACC,EAAE,EAAC,MAAM;IAACC,CAAC,EAAC,IAAI;IAACL,IAAI,EAAC,OAAO;IAACC,MAAM,EAAC;EAAc,CAAE,CAAC,eACxExB,MAAA,YAAAW,aAAA;IACEkB,CAAC,EAAC,6LAA6L;IAC/LN,IAAI,EAAC;EAAc,CACpB,CAAC,eACFvB,MAAA,YAAAW,aAAA;IACEkB,CAAC,EAAC,mMAAmM;IACrMN,IAAI,EAAC;EAAc,CACpB,CACA,CACA,CAAC;AAAA,CACP;AAEDlB,QAAQ,CAACyB,SAAS,GAAG;EACnBtB,KAAK,EAAEuB,qBAAS,CAACC,MAAM,CAACC,UAAU;EAClCxB,UAAU,EAAEsB,qBAAS,CAACC,MAAM,CAACC,UAAU;EACvCvB,KAAK,EAAEqB,qBAAS,CAACG;AACnB,CAAC;AAAC,IAAAC,QAAA,GAAAC,OAAA,cAEa/B,QAAQ","ignoreList":[]}

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

@@ -88,6 +88,9 @@ var RawDragHandle = /*#__PURE__*/function (_React$Component) {
         correctness = _this$props.correctness,
         rest = (0, _objectWithoutProperties2["default"])(_this$props, _excluded);
       var scale = graphProps.scale;
+      if (!CustomDraggableComponent) {
+        return null;
+      }
       return /*#__PURE__*/_react["default"].createElement(StyledDragHandle, null, /*#__PURE__*/_react["default"].createElement(CustomDraggableComponent, (0, _extends2["default"])({
         scale: scale,
         x: x,

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

@@ -1 +1 @@
-{"version":3,"file":"drag-handle.js","names":["_react","_interopRequireDefault","require","_classnames","_propTypes","_styles","_plot","_renderUi","_styles2","_excluded","_callSuper","t","o","e","_getPrototypeOf2","_possibleConstructorReturn2","_isNativeReflectConstruct","Reflect","construct","constructor","apply","Boolean","prototype","valueOf","call","StyledDragHandle","styled","_ref","theme","color","transition","disabled","height","fill","stroke","defaults","TEXT","BLACK","backgroundColor","correct","incorrectWithIcon","borderRadius","spacing","WHITE","fontSize","width","padding","border","concat","boxSizing","RawDragHandle","_React$Component","_classCallCheck2","arguments","_inherits2","_createClass2","key","value","render","_this$props","props","x","y","graphProps","className","interactive","CustomDraggableComponent","correctness","rest","_objectWithoutProperties2","scale","createElement","_extends2","classNames","React","Component","_defineProperty2","PropTypes","number","isRequired","types","GraphPropsType","string","bool","func","shape","label","DragHandle","exports","DraggableHandle","gridDraggable","axis","fromDelta","delta","newPoint","utils","point","add","bounds","_ref2","domain","range","area","left","top","bottom","right","anchorPoint","_default"],"sources":["../../../src/line/common/drag-handle.jsx"],"sourcesContent":["import React from 'react';\nimport classNames from 'classnames';\nimport PropTypes from 'prop-types';\nimport { styled } from '@mui/material/styles';\n\nimport { gridDraggable, utils, types } from '@pie-lib/plot';\nimport { color } from '@pie-lib/render-ui';\nimport { disabled } from '../../common/styles';\n\nconst StyledDragHandle = styled('g')(({ theme }) => ({\n  color: 'black',\n  '& .handle': {\n    transition: 'fill 200ms linear, height 200ms linear',\n    '&.non-interactive': disabled('fill'),\n  },\n  '& .transparentHandle': {\n    height: '20px',\n    fill: 'transparent',\n    stroke: 'transparent',\n  },\n  '& .line': {\n    stroke: color.defaults.TEXT,\n    transition: 'fill 200ms linear, height 200ms linear',\n    '&.non-interactive': disabled('stroke'),\n  },\n  '& .disabledPoint': {\n    fill: color.defaults.BLACK + ' !important',\n    stroke: color.defaults.BLACK + ' !important',\n  },\n  '& .correctIcon': {\n    backgroundColor: color.correct(),\n  },\n  '& .incorrectIcon': {\n    backgroundColor: color.incorrectWithIcon(),\n  },\n  '& .correctnessIcon': {\n    borderRadius: theme.spacing(2),\n    color: color.defaults.WHITE,\n    fontSize: '16px',\n    width: '16px',\n    height: '16px',\n    padding: '2px',\n    border: `1px solid ${color.defaults.WHITE}`,\n    stroke: 'initial',\n    boxSizing: 'unset', // to override the default border-box in IBX\n  },\n  '& .smallIcon': {\n    fontSize: '10px',\n    width: '10px',\n    height: '10px',\n  },\n}));\n\nclass RawDragHandle extends React.Component {\n  static propTypes = {\n    x: PropTypes.number.isRequired,\n    y: PropTypes.number.isRequired,\n    width: PropTypes.number,\n    graphProps: types.GraphPropsType.isRequired,\n    className: PropTypes.string,\n    interactive: PropTypes.bool,\n    CustomDraggableComponent: PropTypes.func,\n    correctness: PropTypes.shape({\n      value: PropTypes.string,\n      label: PropTypes.string,\n    }),\n  };\n\n  render() {\n    const {\n      x,\n      y,\n      graphProps,\n      className,\n      interactive,\n      CustomDraggableComponent,\n      correctness,\n      ...rest\n    } = this.props;\n    const { scale } = graphProps;\n\n    return (\n      <StyledDragHandle>\n        <CustomDraggableComponent\n          scale={scale}\n          x={x}\n          y={y}\n          className={classNames(className, !interactive && 'non-interactive')}\n          correctness={correctness}\n          interactive={interactive}\n          {...rest}\n        />\n      </StyledDragHandle>\n    );\n  }\n}\n\nexport const DragHandle = RawDragHandle;\n\nconst DraggableHandle = gridDraggable({\n  axis: 'y',\n  fromDelta: (props, delta) => {\n    //TODO: should be in grid-draggable, if axis is y delta.x should always be 0.\n    delta.x = 0;\n    const newPoint = utils.point(props).add(utils.point(delta));\n\n    return newPoint.y;\n  },\n  bounds: (props, { domain, range }) => {\n    const area = { left: 0, top: props.y, bottom: props.y, right: 0 };\n\n    return utils.bounds(area, domain, range);\n  },\n  anchorPoint: (props) => {\n    return { x: props.x, y: props.y };\n  },\n})(DragHandle);\n\nexport default DraggableHandle;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"drag-handle.js","names":["_react","_interopRequireDefault","require","_classnames","_propTypes","_styles","_plot","_renderUi","_styles2","_excluded","_callSuper","t","o","e","_getPrototypeOf2","_possibleConstructorReturn2","_isNativeReflectConstruct","Reflect","construct","constructor","apply","Boolean","prototype","valueOf","call","StyledDragHandle","styled","_ref","theme","color","transition","disabled","height","fill","stroke","defaults","TEXT","BLACK","backgroundColor","correct","incorrectWithIcon","borderRadius","spacing","WHITE","fontSize","width","padding","border","concat","boxSizing","RawDragHandle","_React$Component","_classCallCheck2","arguments","_inherits2","_createClass2","key","value","render","_this$props","props","x","y","graphProps","className","interactive","CustomDraggableComponent","correctness","rest","_objectWithoutProperties2","scale","createElement","_extends2","classNames","React","Component","_defineProperty2","PropTypes","number","isRequired","types","GraphPropsType","string","bool","func","shape","label","DragHandle","exports","DraggableHandle","gridDraggable","axis","fromDelta","delta","newPoint","utils","point","add","bounds","_ref2","domain","range","area","left","top","bottom","right","anchorPoint","_default"],"sources":["../../../src/line/common/drag-handle.jsx"],"sourcesContent":["import React from 'react';\nimport classNames from 'classnames';\nimport PropTypes from 'prop-types';\nimport { styled } from '@mui/material/styles';\n\nimport { gridDraggable, utils, types } from '@pie-lib/plot';\nimport { color } from '@pie-lib/render-ui';\nimport { disabled } from '../../common/styles';\n\nconst StyledDragHandle = styled('g')(({ theme }) => ({\n  color: 'black',\n  '& .handle': {\n    transition: 'fill 200ms linear, height 200ms linear',\n    '&.non-interactive': disabled('fill'),\n  },\n  '& .transparentHandle': {\n    height: '20px',\n    fill: 'transparent',\n    stroke: 'transparent',\n  },\n  '& .line': {\n    stroke: color.defaults.TEXT,\n    transition: 'fill 200ms linear, height 200ms linear',\n    '&.non-interactive': disabled('stroke'),\n  },\n  '& .disabledPoint': {\n    fill: color.defaults.BLACK + ' !important',\n    stroke: color.defaults.BLACK + ' !important',\n  },\n  '& .correctIcon': {\n    backgroundColor: color.correct(),\n  },\n  '& .incorrectIcon': {\n    backgroundColor: color.incorrectWithIcon(),\n  },\n  '& .correctnessIcon': {\n    borderRadius: theme.spacing(2),\n    color: color.defaults.WHITE,\n    fontSize: '16px',\n    width: '16px',\n    height: '16px',\n    padding: '2px',\n    border: `1px solid ${color.defaults.WHITE}`,\n    stroke: 'initial',\n    boxSizing: 'unset', // to override the default border-box in IBX\n  },\n  '& .smallIcon': {\n    fontSize: '10px',\n    width: '10px',\n    height: '10px',\n  },\n}));\n\nclass RawDragHandle extends React.Component {\n  static propTypes = {\n    x: PropTypes.number.isRequired,\n    y: PropTypes.number.isRequired,\n    width: PropTypes.number,\n    graphProps: types.GraphPropsType.isRequired,\n    className: PropTypes.string,\n    interactive: PropTypes.bool,\n    CustomDraggableComponent: PropTypes.func,\n    correctness: PropTypes.shape({\n      value: PropTypes.string,\n      label: PropTypes.string,\n    }),\n  };\n\n  render() {\n    const {\n      x,\n      y,\n      graphProps,\n      className,\n      interactive,\n      CustomDraggableComponent,\n      correctness,\n      ...rest\n    } = this.props;\n    const { scale } = graphProps;\n\n    if (!CustomDraggableComponent) {\n      return null;\n    }\n\n    return (\n      <StyledDragHandle>\n        <CustomDraggableComponent\n          scale={scale}\n          x={x}\n          y={y}\n          className={classNames(className, !interactive && 'non-interactive')}\n          correctness={correctness}\n          interactive={interactive}\n          {...rest}\n        />\n      </StyledDragHandle>\n    );\n  }\n}\n\nexport const DragHandle = RawDragHandle;\n\nconst DraggableHandle = gridDraggable({\n  axis: 'y',\n  fromDelta: (props, delta) => {\n    //TODO: should be in grid-draggable, if axis is y delta.x should always be 0.\n    delta.x = 0;\n    const newPoint = utils.point(props).add(utils.point(delta));\n\n    return newPoint.y;\n  },\n  bounds: (props, { domain, range }) => {\n    const area = { left: 0, top: props.y, bottom: props.y, right: 0 };\n\n    return utils.bounds(area, domain, range);\n  },\n  anchorPoint: (props) => {\n    return { x: props.x, y: props.y };\n  },\n})(DragHandle);\n\nexport default DraggableHandle;\n"],"mappings":"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","ignoreList":[]}

package/lib/line/common/line.js

@@ -156,7 +156,8 @@ var RawLine = exports.RawLine = /*#__PURE__*/function (_React$Component) {
     label: _propTypes["default"].string,
     value: _propTypes["default"].number
   })),
-  CustomDraggableComponent: _propTypes["default"].func
+  CustomDraggableComponent: _propTypes["default"].func,
+  correctData: _propTypes["default"].array
 });
 (0, _defineProperty2["default"])(RawLine, "defaultProps", {
   index: 0
@@ -204,7 +205,10 @@ var Line = exports.Line = /*#__PURE__*/function (_React$Component2) {
   data: _propTypes["default"].array,
   onChange: _propTypes["default"].func,
   xBand: _propTypes["default"].func,
-  graphProps: _plot.types.GraphPropsType.isRequired
+  graphProps: _plot.types.GraphPropsType.isRequired,
+  CustomDraggableComponent: _propTypes["default"].func,
+  defineChart: _propTypes["default"].bool,
+  correctData: _propTypes["default"].array
 });
 var _default = exports["default"] = Line;
 //# sourceMappingURL=line.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"line.js","names":["_react","_interopRequireDefault","require","_group","_shape","_propTypes","_plot","_dragHandle","_interopRequireWildcard","_styles","_isEqual","_renderUi","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","getData","data","domain","_ref","max","map","el","x","y","value","StyledLinePath","styled","LinePath","fill","stroke","color","defaults","TERTIARY","strokeWidth","transition","RawLine","exports","_React$Component","props","_this","_classCallCheck2","line","setState","index","onChange","dragging","state","existing","next","newLine","_toConsumableArray2","dragValue","setDragValue","undefined","graphProps","_inherits2","_createClass2","key","UNSAFE_componentWillReceiveProps","nextProps","isEqual","render","_this2","_this$props","CustomDraggableComponent","defineChart","correctData","_this$state","lineState","scale","lineToUse","createElement","Fragment","d","className","point","enableDraggable","interactive","Component","DraggableHandle","DragHandle","concat","onDragStart","onDrag","v","onDragStop","dragStop","correctness","label","React","PropTypes","func","number","string","xBand","isRequired","types","GraphPropsType","bool","arrayOf","shape","StyledLine","Line","_React$Component2","_this3","_len","args","Array","_key","category","Group","_extends2","changeLine","array","_default"],"sources":["../../../src/line/common/line.jsx"],"sourcesContent":["import React from 'react';\nimport { Group } from '@visx/group';\nimport { LinePath } from '@visx/shape';\nimport PropTypes from 'prop-types';\nimport { types } from '@pie-lib/plot';\nimport DraggableHandle, { DragHandle } from './drag-handle';\nimport { styled } from '@mui/material/styles';\nimport isEqual from 'lodash/isEqual';\nimport { color } from '@pie-lib/render-ui';\n\nconst getData = (data, domain) => {\n  const { max } = domain || {};\n  const length = data.length;\n\n  if (!max || !length) {\n    return [];\n  }\n\n  return data.map((el, i) => ({\n    ...el,\n    x: length > 1 ? i * (max / (length - 1)) : 0.5,\n    y: el.value,\n  }));\n};\n\nconst StyledLinePath = styled(LinePath)(() => ({\n  fill: 'transparent',\n  stroke: color.defaults.TERTIARY,\n  strokeWidth: 3,\n  transition: 'stroke 200ms ease-in, stroke-width 200ms ease-in',\n}));\n\nexport class RawLine extends React.Component {\n  static propTypes = {\n    onChange: PropTypes.func,\n    value: PropTypes.number,\n    label: PropTypes.string,\n    xBand: PropTypes.func,\n    index: PropTypes.number.isRequired,\n    graphProps: types.GraphPropsType.isRequired,\n    defineChart: PropTypes.bool,\n    data: PropTypes.arrayOf(\n      PropTypes.shape({\n        label: PropTypes.string,\n        value: PropTypes.number,\n      }),\n    ),\n    CustomDraggableComponent: PropTypes.func,\n  };\n\n  static defaultProps = {\n    index: 0,\n  };\n\n  constructor(props) {\n    super(props);\n    this.state = {\n      dragValue: undefined,\n      line: getData(props.data, props.graphProps.domain),\n    };\n  }\n\n  UNSAFE_componentWillReceiveProps(nextProps) {\n    if (!isEqual(this.props.data, nextProps.data)) {\n      this.setState({\n        line: getData(nextProps.data, nextProps.graphProps.domain),\n      });\n    }\n  }\n\n  setDragValue = (line) => this.setState({ line });\n\n  dragStop = (index) => {\n    const { onChange } = this.props;\n    this.setState({ dragging: false }, () => {\n      onChange(index, this.state.line[index]);\n    });\n  };\n\n  dragValue = (index, existing, next) => {\n    const newLine = [...this.state.line];\n    newLine[index].dragValue = next;\n    this.setDragValue(newLine);\n  };\n\n  render() {\n    const { graphProps, data, CustomDraggableComponent, defineChart, correctData } = this.props;\n    const { line: lineState, dragging } = this.state;\n    const { scale } = graphProps;\n    const lineToUse = dragging ? lineState : getData(data, graphProps.domain);\n\n    return (\n      <React.Fragment>\n        <StyledLinePath\n          data={lineToUse}\n          x={(d) => scale.x(d.x)}\n          y={(d) => scale.y(d.dragValue !== undefined ? d.dragValue : d.y)}\n          className=\"line\"\n        />\n        {lineToUse &&\n          lineToUse.map((point, i) => {\n            const r = 6;\n            const enableDraggable = defineChart || point.interactive;\n            const Component = enableDraggable ? DraggableHandle : DragHandle;\n                        \n            return (\n              <Component\n                key={`point-${point.x}-${i}`}\n                x={point.x}\n                y={point.dragValue !== undefined ? point.dragValue : point.y}\n                interactive={enableDraggable}\n                r={r}\n                onDragStart={() => this.setState({ dragging: true })}\n                onDrag={(v) => this.dragValue(i, point.dragValue !== undefined ? point.dragValue : point.y, v)}\n                onDragStop={() => this.dragStop(i)}\n                graphProps={graphProps}\n                CustomDraggableComponent={CustomDraggableComponent}\n                correctness={point.correctness}\n                correctData={correctData}\n                label={point.label}\n              />\n            );\n          })}\n      </React.Fragment>\n    );\n  }\n}\n\nconst StyledLine = styled(RawLine)(() => ({\n  '& .line': {\n    fill: 'transparent',\n    stroke: color.defaults.TERTIARY,\n    strokeWidth: 3,\n    transition: 'stroke 200ms ease-in, stroke-width 200ms ease-in',\n  },\n}));\n\nexport class Line extends React.Component {\n  static propTypes = {\n    data: PropTypes.array,\n    onChange: PropTypes.func,\n    xBand: PropTypes.func,\n    graphProps: types.GraphPropsType.isRequired,\n  };\n\n  changeLine = (index, category) => {\n    const { onChange } = this.props;\n    const newLine = [...this.props.data];\n    const { dragValue, value } = category;\n\n    newLine[index].value = dragValue >= 0 ? dragValue : value;\n\n    onChange(newLine);\n  };\n\n  render() {\n    const props = this.props;\n\n    return (\n      <Group>\n        <StyledLine {...props} onChange={this.changeLine} />\n      </Group>\n    );\n  }\n}\n\nexport default Line;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"line.js","names":["_react","_interopRequireDefault","require","_group","_shape","_propTypes","_plot","_dragHandle","_interopRequireWildcard","_styles","_isEqual","_renderUi","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","getData","data","domain","_ref","max","map","el","x","y","value","StyledLinePath","styled","LinePath","fill","stroke","color","defaults","TERTIARY","strokeWidth","transition","RawLine","exports","_React$Component","props","_this","_classCallCheck2","line","setState","index","onChange","dragging","state","existing","next","newLine","_toConsumableArray2","dragValue","setDragValue","undefined","graphProps","_inherits2","_createClass2","key","UNSAFE_componentWillReceiveProps","nextProps","isEqual","render","_this2","_this$props","CustomDraggableComponent","defineChart","correctData","_this$state","lineState","scale","lineToUse","createElement","Fragment","d","className","point","enableDraggable","interactive","Component","DraggableHandle","DragHandle","concat","onDragStart","onDrag","v","onDragStop","dragStop","correctness","label","React","PropTypes","func","number","string","xBand","isRequired","types","GraphPropsType","bool","arrayOf","shape","array","StyledLine","Line","_React$Component2","_this3","_len","args","Array","_key","category","Group","_extends2","changeLine","_default"],"sources":["../../../src/line/common/line.jsx"],"sourcesContent":["import React from 'react';\nimport { Group } from '@visx/group';\nimport { LinePath } from '@visx/shape';\nimport PropTypes from 'prop-types';\nimport { types } from '@pie-lib/plot';\nimport DraggableHandle, { DragHandle } from './drag-handle';\nimport { styled } from '@mui/material/styles';\nimport isEqual from 'lodash/isEqual';\nimport { color } from '@pie-lib/render-ui';\n\nconst getData = (data, domain) => {\n  const { max } = domain || {};\n  const length = data.length;\n\n  if (!max || !length) {\n    return [];\n  }\n\n  return data.map((el, i) => ({\n    ...el,\n    x: length > 1 ? i * (max / (length - 1)) : 0.5,\n    y: el.value,\n  }));\n};\n\nconst StyledLinePath = styled(LinePath)(() => ({\n  fill: 'transparent',\n  stroke: color.defaults.TERTIARY,\n  strokeWidth: 3,\n  transition: 'stroke 200ms ease-in, stroke-width 200ms ease-in',\n}));\n\nexport class RawLine extends React.Component {\n  static propTypes = {\n    onChange: PropTypes.func,\n    value: PropTypes.number,\n    label: PropTypes.string,\n    xBand: PropTypes.func,\n    index: PropTypes.number.isRequired,\n    graphProps: types.GraphPropsType.isRequired,\n    defineChart: PropTypes.bool,\n    data: PropTypes.arrayOf(\n      PropTypes.shape({\n        label: PropTypes.string,\n        value: PropTypes.number,\n      }),\n    ),\n    CustomDraggableComponent: PropTypes.func,\n    correctData: PropTypes.array,\n  };\n\n  static defaultProps = {\n    index: 0,\n  };\n\n  constructor(props) {\n    super(props);\n    this.state = {\n      dragValue: undefined,\n      line: getData(props.data, props.graphProps.domain),\n    };\n  }\n\n  UNSAFE_componentWillReceiveProps(nextProps) {\n    if (!isEqual(this.props.data, nextProps.data)) {\n      this.setState({\n        line: getData(nextProps.data, nextProps.graphProps.domain),\n      });\n    }\n  }\n\n  setDragValue = (line) => this.setState({ line });\n\n  dragStop = (index) => {\n    const { onChange } = this.props;\n    this.setState({ dragging: false }, () => {\n      onChange(index, this.state.line[index]);\n    });\n  };\n\n  dragValue = (index, existing, next) => {\n    const newLine = [...this.state.line];\n    newLine[index].dragValue = next;\n    this.setDragValue(newLine);\n  };\n\n  render() {\n    const { graphProps, data, CustomDraggableComponent, defineChart, correctData } = this.props;\n    const { line: lineState, dragging } = this.state;\n    const { scale } = graphProps;\n    const lineToUse = dragging ? lineState : getData(data, graphProps.domain);\n\n    return (\n      <React.Fragment>\n        <StyledLinePath\n          data={lineToUse}\n          x={(d) => scale.x(d.x)}\n          y={(d) => scale.y(d.dragValue !== undefined ? d.dragValue : d.y)}\n          className=\"line\"\n        />\n        {lineToUse &&\n          lineToUse.map((point, i) => {\n            const r = 6;\n            const enableDraggable = defineChart || point.interactive;\n            const Component = enableDraggable ? DraggableHandle : DragHandle;\n                        \n            return (\n              <Component\n                key={`point-${point.x}-${i}`}\n                x={point.x}\n                y={point.dragValue !== undefined ? point.dragValue : point.y}\n                interactive={enableDraggable}\n                r={r}\n                onDragStart={() => this.setState({ dragging: true })}\n                onDrag={(v) => this.dragValue(i, point.dragValue !== undefined ? point.dragValue : point.y, v)}\n                onDragStop={() => this.dragStop(i)}\n                graphProps={graphProps}\n                CustomDraggableComponent={CustomDraggableComponent}\n                correctness={point.correctness}\n                correctData={correctData}\n                label={point.label}\n              />\n            );\n          })}\n      </React.Fragment>\n    );\n  }\n}\n\nconst StyledLine = styled(RawLine)(() => ({\n  '& .line': {\n    fill: 'transparent',\n    stroke: color.defaults.TERTIARY,\n    strokeWidth: 3,\n    transition: 'stroke 200ms ease-in, stroke-width 200ms ease-in',\n  },\n}));\n\nexport class Line extends React.Component {\n  static propTypes = {\n    data: PropTypes.array,\n    onChange: PropTypes.func,\n    xBand: PropTypes.func,\n    graphProps: types.GraphPropsType.isRequired,\n    CustomDraggableComponent: PropTypes.func,\n    defineChart: PropTypes.bool,\n    correctData: PropTypes.array,\n  };\n\n  changeLine = (index, category) => {\n    const { onChange } = this.props;\n    const newLine = [...this.props.data];\n    const { dragValue, value } = category;\n\n    newLine[index].value = dragValue >= 0 ? dragValue : value;\n\n    onChange(newLine);\n  };\n\n  render() {\n    const props = this.props;\n\n    return (\n      <Group>\n        <StyledLine {...props} onChange={this.changeLine} />\n      </Group>\n    );\n  }\n}\n\nexport default Line;\n"],"mappings":"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","ignoreList":[]}

package/lib/line/line-dot.js

@@ -25,9 +25,7 @@ var _correctnessIndicators = require("../common/correctness-indicators");
 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 (_ref) {
-  var correctness = _ref.correctness,
-    interactive = _ref.interactive;
+var StyledHandle = (0, _styles.styled)('circle')(function () {
   return {};
 });
 var StyledTransparentHandle = (0, _styles.styled)('circle')(function () {
@@ -39,16 +37,16 @@ var StyledTransparentHandle = (0, _styles.styled)('circle')(function () {
     pointerEvents: 'auto' // allow drag events
   };
 });
-var DraggableComponent = function DraggableComponent(_ref2) {
-  var scale = _ref2.scale,
-    x = _ref2.x,
-    y = _ref2.y,
-    r = _ref2.r,
-    correctness = _ref2.correctness,
-    interactive = _ref2.interactive,
-    correctData = _ref2.correctData,
-    label = _ref2.label,
-    rest = (0, _objectWithoutProperties2["default"])(_ref2, _excluded);
+var DraggableComponent = function DraggableComponent(_ref) {
+  var scale = _ref.scale,
+    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],
@@ -132,11 +130,11 @@ var LineDot = exports.LineDot = /*#__PURE__*/function (_React$Component) {
       var props = this.props;
       var data = props.data,
         graphProps = props.graphProps;
-      var _ref3 = graphProps || {},
-        _ref3$scale = _ref3.scale,
-        scale = _ref3$scale === void 0 ? {} : _ref3$scale,
-        _ref3$size = _ref3.size,
-        size = _ref3$size === void 0 ? {} : _ref3$size;
+      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, 'lineDot');
       return /*#__PURE__*/_react["default"].createElement(_line["default"], (0, _extends2["default"])({}, props, {
         xBand: xBand,

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

@@ -1 +1 @@
-{"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","_ref","correctness","interactive","StyledTransparentHandle","height","fill","stroke","pointerEvents","DraggableComponent","_ref2","scale","x","y","r","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","_ref3","_ref3$scale","_ref3$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')(({ correctness, interactive }) => ({}));\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":[]}
+{"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":[]}

package/lib/mark-label.js

@@ -25,6 +25,8 @@ var StyledContainer = (0, _styles.styled)('div')({
   flexDirection: 'column',
   alignItems: 'center'
 });
+
+// eslint-disable-next-line no-unused-vars
 var StyledInput = (0, _styles.styled)('input')(function (_ref2) {
   var theme = _ref2.theme;
   return {
@@ -95,7 +97,8 @@ var MarkLabel = exports.MarkLabel = function MarkLabel(props) {
   var _ref = (0, _react.useCallback)(function (node) {
     return setInput(node);
   }, null);
-  var mark = props.mark,
+  var _props$mark = props.mark,
+    mark = _props$mark === void 0 ? {} : _props$mark,
     disabled = props.disabled,
     externalInputRef = props.inputRef,
     barWidth = props.barWidth,
@@ -151,7 +154,9 @@ var MarkLabel = exports.MarkLabel = function MarkLabel(props) {
   return /*#__PURE__*/_react["default"].createElement(StyledContainer, null, correctnessIndicator, isMathRendering() ? /*#__PURE__*/_react["default"].createElement(StyledMathInput, {
     ref: function ref(r) {
       root = r;
-      externalInputRef(r);
+      if (typeof externalInputRef === 'function') {
+        externalInputRef(r);
+      }
     },
     dangerouslySetInnerHTML: {
       __html: getLabelMathFormat(label)
@@ -176,7 +181,9 @@ var MarkLabel = exports.MarkLabel = function MarkLabel(props) {
   }) : /*#__PURE__*/_react["default"].createElement(_reactInputAutosize["default"], {
     inputRef: function inputRef(r) {
       _ref(r);
-      externalInputRef(r);
+      if (typeof externalInputRef === 'function') {
+        externalInputRef(r);
+      }
     },
     name: "mark-label-input",
     autoFocus: isEditing || autoFocus,