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

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","console","log","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 '@vx/group';\nimport { LinePath } from '@vx/shape';\nimport PropTypes from 'prop-types';\nimport { types } from '@pie-lib/plot';\nimport DraggableHandle, { DragHandle } from './drag-handle';\nimport { 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    console.log('defineChart', lineToUse);\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-cross.js

@@ -17,8 +17,8 @@ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/h
 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 _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");

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

@@ -1 +1 @@
-{"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 '@vx/shape';\nimport { Group } from '@vx/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":[]}
+{"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

@@ -22,12 +22,10 @@ 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", "r", "correctness", "interactive", "correctData", "label"];
+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,17 +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,
-    className = _ref2.className,
-    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],
@@ -72,7 +69,6 @@ var DraggableComponent = function DraggableComponent(_ref2) {
     cx: scale.x(x),
     cy: scale.y(y),
     r: r * 3,
-    className: className,
     onMouseEnter: function onMouseEnter() {
       return setIsHovered(true);
     },
@@ -83,7 +79,6 @@ var DraggableComponent = function DraggableComponent(_ref2) {
     cx: scale.x(x),
     cy: scale.y(y),
     r: r,
-    className: className,
     correctness: correctness,
     interactive: interactive
   }, rest)), /*#__PURE__*/_react["default"].createElement(_correctnessIndicators.CorrectnessIndicator, {
@@ -115,7 +110,6 @@ DraggableComponent.propTypes = {
   x: _propTypes["default"].number,
   y: _propTypes["default"].number,
   r: _propTypes["default"].number,
-  className: _propTypes["default"].string,
   correctness: _propTypes["default"].shape({
     value: _propTypes["default"].string,
     label: _propTypes["default"].string
@@ -136,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","className","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","string","shape","value","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\n\nconst StyledHandle = styled('circle')(({ correctness, interactive }) => ({\n}));\n\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 = ({\n  scale,\n  x,\n  y,\n  className,\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\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        className={className}\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        className={className}\n        correctness={correctness}\n        interactive={interactive}\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\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  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 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":";;;;;;;;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,OAAA,GAAAF,OAAA;AAEA,IAAAG,KAAA,GAAAH,OAAA;AACA,IAAAI,SAAA,GAAAJ,OAAA;AACA,IAAAK,MAAA,GAAAL,OAAA;AACA,IAAAM,KAAA,GAAAP,sBAAA,CAAAC,OAAA;AACA,IAAAO,sBAAA,GAAAP,OAAA;AAAoG,IAAAQ,SAAA;AAAA,SAAAC,WAAAC,CAAA,EAAAC,CAAA,EAAAC,CAAA,WAAAD,CAAA,OAAAE,gBAAA,aAAAF,CAAA,OAAAG,2BAAA,aAAAJ,CAAA,EAAAK,yBAAA,KAAAC,OAAA,CAAAC,SAAA,CAAAN,CAAA,EAAAC,CAAA,YAAAC,gBAAA,aAAAH,CAAA,EAAAQ,WAAA,IAAAP,CAAA,CAAAQ,KAAA,CAAAT,CAAA,EAAAE,CAAA;AAAA,SAAAG,0BAAA,cAAAL,CAAA,IAAAU,OAAA,CAAAC,SAAA,CAAAC,OAAA,CAAAC,IAAA,CAAAP,OAAA,CAAAC,SAAA,CAAAG,OAAA,iCAAAV,CAAA,aAAAK,yBAAA,YAAAA,0BAAA,aAAAL,CAAA;AAEpG,IAAMc,YAAY,GAAG,IAAAC,cAAM,EAAC,QAAQ,CAAC,CAAC;EAAA,OAAO,CAAC,CAAC;AAAA,CAAC,CAAC;AAEjD,IAAMC,uBAAuB,GAAG,IAAAD,cAAM,EAAC,QAAQ,CAAC,CAAC;EAAA,OAAO;IACtDE,MAAM,EAAE,MAAM;IACdC,IAAI,EAAE,aAAa;IAAE;IACrBC,MAAM,EAAE,MAAM;IACdC,aAAa,EAAE,MAAM,CAAE;EACzB,CAAC;AAAA,CAAC,CAAC;AAEH,IAAMC,kBAAkB,GAAG,SAArBA,kBAAkBA,CAAAC,IAAA,EAAkF;EAAA,IAA5EC,KAAK,GAAAD,IAAA,CAALC,KAAK;IAAEC,CAAC,GAAAF,IAAA,CAADE,CAAC;IAAEC,CAAC,GAAAH,IAAA,CAADG,CAAC;IAAEC,CAAC,GAAAJ,IAAA,CAADI,CAAC;IAAEC,WAAW,GAAAL,IAAA,CAAXK,WAAW;IAAEC,WAAW,GAAAN,IAAA,CAAXM,WAAW;IAAEC,WAAW,GAAAP,IAAA,CAAXO,WAAW;IAAEC,KAAK,GAAAR,IAAA,CAALQ,KAAK;IAAKC,IAAI,OAAAC,yBAAA,aAAAV,IAAA,EAAAxB,SAAA;EACjG,IAAAmC,eAAA,GAAkCC,iBAAK,CAACC,QAAQ,CAAC,KAAK,CAAC;IAAAC,gBAAA,OAAAC,eAAA,aAAAJ,eAAA;IAAhDK,SAAS,GAAAF,gBAAA;IAAEG,YAAY,GAAAH,gBAAA;EAC9B,IAAMI,kBAAkB,GAAG,CAACb,WAAW,IAAIC,WAAW;EAEtD,oBACExC,MAAA,YAAAqD,aAAA;IACEC,YAAY,EAAE,SAAdA,YAAYA,CAAA;MAAA,OAAQH,YAAY,CAAC,IAAI,CAAC;IAAA,CAAC;IACvCI,YAAY,EAAE,SAAdA,YAAYA,CAAA;MAAA,OAAQJ,YAAY,CAAC,KAAK,CAAC;IAAA,CAAC;IACxCK,YAAY,EAAE,SAAdA,YAAYA,CAAA;MAAA,OAAQL,YAAY,CAAC,IAAI,CAAC;IAAA,CAAC;IACvCM,UAAU,EAAE,SAAZA,UAAUA,CAAA;MAAA,OAAQN,YAAY,CAAC,KAAK,CAAC;IAAA;EAAC,gBAEtCnD,MAAA,YAAAqD,aAAA,CAACzB,uBAAuB,MAAA8B,SAAA;IACtBC,EAAE,EAAExB,KAAK,CAACC,CAAC,CAACA,CAAC,CAAE;IACfwB,EAAE,EAAEzB,KAAK,CAACE,CAAC,CAACA,CAAC,CAAE;IACfC,CAAC,EAAEA,CAAC,GAAG,CAAE;IACTgB,YAAY,EAAE,SAAdA,YAAYA,CAAA;MAAA,OAAQH,YAAY,CAAC,IAAI,CAAC;IAAA,CAAC;IACvCI,YAAY,EAAE,SAAdA,YAAYA,CAAA;MAAA,OAAQJ,YAAY,CAAC,KAAK,CAAC;IAAA;EAAC,GACpCR,IAAI,CACT,CAAC,eACF3C,MAAA,YAAAqD,aAAA,CAAC3B,YAAY,MAAAgC,SAAA;IACXC,EAAE,EAAExB,KAAK,CAACC,CAAC,CAACA,CAAC,CAAE;IACfwB,EAAE,EAAEzB,KAAK,CAACE,CAAC,CAACA,CAAC,CAAE;IACfC,CAAC,EAAEA,CAAE;IACLC,WAAW,EAAEA,WAAY;IACzBC,WAAW,EAAEA;EAAY,GACrBG,IAAI,CACT,CAAC,eAEF3C,MAAA,YAAAqD,aAAA,CAAC5C,sBAAA,CAAAoD,oBAAoB;IAAC1B,KAAK,EAAEA,KAAM;IAACC,CAAC,EAAEA,CAAE;IAACC,CAAC,EAAEA,CAAE;IAACC,CAAC,EAAEA,CAAE;IAACC,WAAW,EAAEA,WAAY;IAACC,WAAW,EAAEA;EAAY,CAAE,CAAC,eAG5GxC,MAAA,YAAAqD,aAAA,CAAC5C,sBAAA,CAAAqD,0BAA0B;IACzB3B,KAAK,EAAEA,KAAM;IACbC,CAAC,EAAEA,CAAE;IACLE,CAAC,EAAEA,CAAE;IACLC,WAAW,EAAEA,WAAY;IACzBE,WAAW,EAAEA,WAAY;IACzBC,KAAK,EAAEA;EAAM,CACd,CAAC,EAGDQ,SAAS,IAAIE,kBAAkB,iBAC9BpD,MAAA,YAAAqD,aAAA;IACEjB,CAAC,EAAED,KAAK,CAACC,CAAC,CAACA,CAAC,CAAC,GAAGE,CAAC,GAAG,CAAE;IACtBD,CAAC,EAAEF,KAAK,CAACE,CAAC,CAACA,CAAC,CAAC,GAAGC,CAAC,GAAG,CAAE;IACtByB,KAAK,EAAEzB,CAAC,GAAG,CAAE;IACbT,MAAM,EAAES,CAAC,GAAG,CAAE;IACdP,MAAM,EAAEiC,eAAK,CAACC,QAAQ,CAACC,WAAY;IACnCC,WAAW,EAAC,GAAG;IACfrC,IAAI,EAAC;EAAM,CACZ,CAEF,CAAC;AAER,CAAC;AAEDG,kBAAkB,CAACmC,SAAS,GAAG;EAC7BjC,KAAK,EAAEkC,qBAAS,CAACC,MAAM;EACvBlC,CAAC,EAAEiC,qBAAS,CAACE,MAAM;EACnBlC,CAAC,EAAEgC,qBAAS,CAACE,MAAM;EACnBjC,CAAC,EAAE+B,qBAAS,CAACE,MAAM;EACnBhC,WAAW,EAAE8B,qBAAS,CAACG,KAAK,CAAC;IAC3BC,KAAK,EAAEJ,qBAAS,CAACK,MAAM;IACvBhC,KAAK,EAAE2B,qBAAS,CAACK;EACnB,CAAC,CAAC;EACFlC,WAAW,EAAE6B,qBAAS,CAACM,IAAI;EAC3BlC,WAAW,EAAE4B,qBAAS,CAACO,KAAK;EAC5BlC,KAAK,EAAE2B,qBAAS,CAACK;AACnB,CAAC;AAAC,IAEWG,OAAO,GAAAC,OAAA,CAAAD,OAAA,0BAAAE,gBAAA;EAAA,SAAAF,QAAA;IAAA,IAAAG,gBAAA,mBAAAH,OAAA;IAAA,OAAAlE,UAAA,OAAAkE,OAAA,EAAAI,SAAA;EAAA;EAAA,IAAAC,UAAA,aAAAL,OAAA,EAAAE,gBAAA;EAAA,WAAAI,aAAA,aAAAN,OAAA;IAAAO,GAAA;IAAAX,KAAA,EAOlB,SAAAY,MAAMA,CAAA,EAAG;MACP,IAAMC,KAAK,GAAG,IAAI,CAACA,KAAK;MACxB,IAAQC,IAAI,GAAiBD,KAAK,CAA1BC,IAAI;QAAEC,UAAU,GAAKF,KAAK,CAApBE,UAAU;MACxB,IAAAC,KAAA,GAAkCD,UAAU,IAAI,CAAC,CAAC;QAAAE,WAAA,GAAAD,KAAA,CAA1CtD,KAAK;QAALA,KAAK,GAAAuD,WAAA,cAAG,CAAC,CAAC,GAAAA,WAAA;QAAAC,UAAA,GAAAF,KAAA,CAAEG,IAAI;QAAJA,IAAI,GAAAD,UAAA,cAAG,CAAC,CAAC,GAAAA,UAAA;MAC7B,IAAME,KAAK,GAAG,IAAAC,kBAAW,EAAC3D,KAAK,CAACC,CAAC,EAAEmD,IAAI,EAAEK,IAAI,CAAC7B,KAAK,EAAE,SAAS,CAAC;MAE/D,oBAAO/D,MAAA,YAAAqD,aAAA,CAAC7C,KAAA,WAAO,MAAAkD,SAAA,iBAAK4B,KAAK;QAAEO,KAAK,EAAEA,KAAM;QAACE,wBAAwB,EAAE9D;MAAmB,EAAE,CAAC;IAC3F;EAAC;AAAA,EAd0Ba,iBAAK,CAACkD,SAAS;AAAA,IAAAC,gBAAA,aAA/BpB,OAAO,eACC;EACjBU,IAAI,EAAElB,qBAAS,CAACO,KAAK;EACrBsB,QAAQ,EAAE7B,qBAAS,CAAC8B,IAAI;EACxBX,UAAU,EAAEY,WAAK,CAACC,cAAc,CAACC;AACnC,CAAC;AAAA,IAAAC,QAAA,GAAAzB,OAAA,cAYY,SAAAyB,SAAA;EAAA,OAAO;IACpBC,IAAI,EAAE,SAAS;IACfR,SAAS,EAAEnB,OAAO;IAClB4B,IAAI,EAAE;EACR,CAAC;AAAA,CAAC","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,

package/lib/mark-label.js.map

@@ -1 +1 @@
-{"version":3,"file":"mark-label.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_styles","_reactInputAutosize","_propTypes","_plot","_styles2","_renderUi","_mathRendering","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","_typeof","has","get","set","_t","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","ownKeys","keys","getOwnPropertySymbols","filter","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","StyledContainer","styled","display","flexDirection","alignItems","StyledInput","_ref2","theme","fontFamily","typography","fontSize","border","correct","incorrect","backgroundColor","concat","palette","error","main","StyledMathInput","_ref3","pointerEvents","textAlign","color","primaryDark","paddingTop","disabled","isFractionFormat","label","trimmedLabel","trim","fracRegex","RegExp","test","getLabelMathFormat","fraction","mixedNr","improperFraction","split","includes","formattedLLabel","undefined","MarkLabel","exports","props","_useState","useState","_useState2","_slicedToArray2","input","setInput","_ref","useCallback","node","mark","externalInputRef","inputRef","barWidth","rotate","correctness","autoFocus","isHiddenLabel","limitCharacters","correctnessIndicator","_useState3","_useState4","setLabel","_useState5","_useState6","mathLabel","setMathLabel","_useState7","_useState8","isEditing","setIsEditing","root","useRef","onChange","target","value","isMathRendering","onChangeProp","extraStyle","width","useEffect","renderMath","createElement","ref","dangerouslySetInnerHTML","__html","className","classNames","editable","onClick","style","minWidth","position","transformOrigin","transform","visibility","marginTop","name","inputClassName","inputStyle","background","boxSizing","paddingLeft","paddingRight","top","left","onBlur","propTypes","PropTypes","bool","any","func","graphProps","types","GraphPropsType","object","number","shape","string","_default"],"sources":["../src/mark-label.jsx"],"sourcesContent":["import React, { useState, useCallback, useEffect, useRef } from 'react';\nimport classNames from 'classnames';\nimport { styled } from '@mui/material/styles';\nimport AutosizeInput from 'react-input-autosize';\nimport PropTypes from 'prop-types';\n\nimport { types } from '@pie-lib/plot';\nimport { correct, incorrect, disabled } from './common/styles';\nimport { color } from '@pie-lib/render-ui';\nimport { renderMath } from '@pie-lib/math-rendering';\n\nconst StyledContainer = styled('div')({\n  display: 'flex',\n  flexDirection: 'column',\n  alignItems: 'center',\n});\n\nconst StyledInput = styled('input')(({ theme }) => ({\n  float: 'right',\n  fontFamily: theme.typography.fontFamily,\n  fontSize: theme.typography.fontSize,\n  border: 'none',\n  '&.correct': correct('color'),\n  '&.incorrect': incorrect('color'),\n  '&.disabled': {\n    backgroundColor: 'transparent !important',\n  },\n  '&.error': { border: `2px solid ${theme.palette.error.main}` },\n}));\n\nconst StyledMathInput = styled('div')(({ theme }) => ({\n  pointerEvents: 'auto',\n  textAlign: 'center',\n  fontSize: theme.typography.fontSize + 2,\n  fontFamily: theme.typography.fontFamily,\n  color: color.primaryDark(),\n  paddingTop: theme.typography.fontSize / 2,\n  '&.disabled': {\n    ...disabled('color'),\n    backgroundColor: 'transparent !important',\n  },\n  '&.error': {\n    border: `2px solid ${theme.palette.error.main}`,\n  },\n  '&.correct': {\n    ...correct('color'),\n  },\n  '&.incorrect': {\n    ...incorrect('color'),\n  },\n}));\n\nfunction isFractionFormat(label) {\n  const trimmedLabel = label?.trim() || '';\n  const fracRegex = new RegExp(/^[1-9]*[0-9]*\\s?[1-9][0-9]*\\/[1-9][0-9]*$/);\n  return fracRegex.test(trimmedLabel);\n}\n\nfunction getLabelMathFormat(label) {\n  const trimmedLabel = label?.trim() || '';\n  let fraction;\n  let mixedNr = '';\n  let improperFraction = trimmedLabel.split(' ');\n  if (improperFraction[1] && improperFraction[1].includes('/')) {\n    fraction = improperFraction[1].split('/') || '';\n  } else {\n    fraction = trimmedLabel?.split('/') || '';\n  }\n\n  let formattedLLabel;\n  if (isFractionFormat(label)) {\n    if (improperFraction[0] && improperFraction[1]) {\n      mixedNr = improperFraction[0];\n    }\n    formattedLLabel = `\\\\(${mixedNr}\\\\frac{${fraction[0]}}{${fraction[1]}}\\\\)`;\n    return formattedLLabel;\n  }\n  return undefined;\n}\n\nexport const MarkLabel = (props) => {\n  // eslint-disable-next-line no-unused-vars\n  const [input, setInput] = useState(null);\n  const _ref = useCallback((node) => setInput(node), null);\n\n  const {\n    mark,\n    disabled,\n    inputRef: externalInputRef,\n    barWidth,\n    rotate,\n    correctness,\n    autoFocus,\n    error,\n    isHiddenLabel,\n    limitCharacters,\n    correctnessIndicator,\n  } = props;\n\n  const [label, setLabel] = useState(mark.label);\n  const [mathLabel, setMathLabel] = useState(getLabelMathFormat(mark.label));\n  const [isEditing, setIsEditing] = useState(false);\n  let root = useRef(null);\n\n  const onChange = (e) => {\n    if (limitCharacters && e.target.value && e.target.value.length > 20) {\n      return;\n    }\n\n    setLabel(e.target.value);\n  };\n\n  const isMathRendering = () => {\n    return isEditing === false && mathLabel !== undefined;\n  };\n\n  const onChangeProp = (e) => {\n    setMathLabel(getLabelMathFormat(mark.label));\n    setIsEditing(false);\n    props.onChange(e.target.value);\n  };\n  let extraStyle = {};\n\n  if (rotate) {\n    extraStyle = {\n      width: 'unset',\n      textAlign: 'left',\n    };\n  }\n\n  // useState only sets the value once, to synch props to state need useEffect\n  useEffect(() => {\n    setLabel(mark.label);\n  }, [mark.label]);\n\n  useEffect(() => {\n    renderMath(root);\n  }, []);\n\n  return (\n    <StyledContainer>\n      {correctnessIndicator}\n      {isMathRendering() ? (\n        <StyledMathInput\n          ref={(r) => {\n            root = r;\n            externalInputRef(r);\n          }}\n          dangerouslySetInnerHTML={{ __html: getLabelMathFormat(label) }}\n          className={classNames({\n            disabled: disabled,\n            error: error,\n            correct: mark.editable && correctness?.label === 'correct',\n            incorrect: mark.editable && correctness?.label === 'incorrect',\n          })}\n          onClick={() => setIsEditing(true)}\n          style={{\n            minWidth: barWidth,\n            position: 'fixed',\n            transformOrigin: 'left',\n            transform: `rotate(${rotate}deg)`,\n            visibility: isHiddenLabel ? 'hidden' : 'unset',\n            marginTop: correctnessIndicator ? '24px' : '0',\n          }}\n        ></StyledMathInput>\n      ) : (\n        <AutosizeInput\n          inputRef={(r) => {\n            _ref(r);\n            externalInputRef(r);\n          }}\n          name='mark-label-input'\n          autoFocus={isEditing || autoFocus}\n          disabled={disabled}\n          inputClassName={classNames(\n            correctness && mark.editable ? correctness.label : null,\n            disabled && 'disabled',\n            error && 'error',\n          )}\n          inputStyle={{\n            minWidth: barWidth,\n            textAlign: 'center',\n            background: 'transparent',\n            boxSizing: 'border-box',\n            paddingLeft: 0,\n            paddingRight: 0,\n            border: 'none',\n            ...extraStyle,\n          }}\n          value={label}\n          style={{\n            position: 'fixed',\n            pointerEvents: 'auto',\n            top: 0,\n            left: 0,\n            minWidth: barWidth,\n            transformOrigin: 'left',\n            transform: `rotate(${rotate}deg)`,\n            visibility: isHiddenLabel ? 'hidden' : 'unset',\n            marginTop: correctnessIndicator ? '24px' : '0',\n          }}\n          onChange={onChange}\n          onBlur={onChangeProp}\n        />\n      )}\n    </StyledContainer>\n  );\n};\n\nMarkLabel.propTypes = {\n  autoFocus: PropTypes.bool,\n  disabled: PropTypes.bool,\n  error: PropTypes.any,\n  onChange: PropTypes.func,\n  graphProps: types.GraphPropsType,\n  inputRef: PropTypes.func,\n  mark: PropTypes.object,\n  barWidth: PropTypes.number,\n  rotate: PropTypes.number,\n  correctness: PropTypes.shape({\n    value: PropTypes.string,\n    label: PropTypes.string,\n  }),\n  isHiddenLabel: PropTypes.bool,\n  limitCharacters: PropTypes.bool,\n  correctnessIndicator: PropTypes.node,\n};\n\nexport default MarkLabel;\n"],"mappings":";;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,WAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,OAAA,GAAAH,OAAA;AACA,IAAAI,mBAAA,GAAAF,sBAAA,CAAAF,OAAA;AACA,IAAAK,UAAA,GAAAH,sBAAA,CAAAF,OAAA;AAEA,IAAAM,KAAA,GAAAN,OAAA;AACA,IAAAO,QAAA,GAAAP,OAAA;AACA,IAAAQ,SAAA,GAAAR,OAAA;AACA,IAAAS,cAAA,GAAAT,OAAA;AAAqD,SAAAD,wBAAAW,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAb,uBAAA,YAAAA,wBAAAW,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,mBAAAT,CAAA,iBAAAA,CAAA,gBAAAU,OAAA,CAAAV,CAAA,0BAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,cAAAM,EAAA,IAAAd,CAAA,gBAAAc,EAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAhB,CAAA,EAAAc,EAAA,OAAAP,CAAA,IAAAD,CAAA,GAAAW,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAnB,CAAA,EAAAc,EAAA,OAAAP,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAM,EAAA,EAAAP,CAAA,IAAAC,CAAA,CAAAM,EAAA,IAAAd,CAAA,CAAAc,EAAA,WAAAN,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAAA,SAAAmB,QAAApB,CAAA,EAAAG,CAAA,QAAAF,CAAA,GAAAgB,MAAA,CAAAI,IAAA,CAAArB,CAAA,OAAAiB,MAAA,CAAAK,qBAAA,QAAAhB,CAAA,GAAAW,MAAA,CAAAK,qBAAA,CAAAtB,CAAA,GAAAG,CAAA,KAAAG,CAAA,GAAAA,CAAA,CAAAiB,MAAA,WAAApB,CAAA,WAAAc,MAAA,CAAAE,wBAAA,CAAAnB,CAAA,EAAAG,CAAA,EAAAqB,UAAA,OAAAvB,CAAA,CAAAwB,IAAA,CAAAC,KAAA,CAAAzB,CAAA,EAAAK,CAAA,YAAAL,CAAA;AAAA,SAAA0B,cAAA3B,CAAA,aAAAG,CAAA,MAAAA,CAAA,GAAAyB,SAAA,CAAAC,MAAA,EAAA1B,CAAA,UAAAF,CAAA,WAAA2B,SAAA,CAAAzB,CAAA,IAAAyB,SAAA,CAAAzB,CAAA,QAAAA,CAAA,OAAAiB,OAAA,CAAAH,MAAA,CAAAhB,CAAA,OAAA6B,OAAA,WAAA3B,CAAA,QAAA4B,gBAAA,aAAA/B,CAAA,EAAAG,CAAA,EAAAF,CAAA,CAAAE,CAAA,SAAAc,MAAA,CAAAe,yBAAA,GAAAf,MAAA,CAAAgB,gBAAA,CAAAjC,CAAA,EAAAiB,MAAA,CAAAe,yBAAA,CAAA/B,CAAA,KAAAmB,OAAA,CAAAH,MAAA,CAAAhB,CAAA,GAAA6B,OAAA,WAAA3B,CAAA,IAAAc,MAAA,CAAAC,cAAA,CAAAlB,CAAA,EAAAG,CAAA,EAAAc,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAE,CAAA,iBAAAH,CAAA;AAErD,IAAMkC,eAAe,GAAG,IAAAC,cAAM,EAAC,KAAK,CAAC,CAAC;EACpCC,OAAO,EAAE,MAAM;EACfC,aAAa,EAAE,QAAQ;EACvBC,UAAU,EAAE;AACd,CAAC,CAAC;AAEF,IAAMC,WAAW,GAAG,IAAAJ,cAAM,EAAC,OAAO,CAAC,CAAC,UAAAK,KAAA;EAAA,IAAGC,KAAK,GAAAD,KAAA,CAALC,KAAK;EAAA,OAAQ;IAClD,SAAO,OAAO;IACdC,UAAU,EAAED,KAAK,CAACE,UAAU,CAACD,UAAU;IACvCE,QAAQ,EAAEH,KAAK,CAACE,UAAU,CAACC,QAAQ;IACnCC,MAAM,EAAE,MAAM;IACd,WAAW,EAAE,IAAAC,gBAAO,EAAC,OAAO,CAAC;IAC7B,aAAa,EAAE,IAAAC,kBAAS,EAAC,OAAO,CAAC;IACjC,YAAY,EAAE;MACZC,eAAe,EAAE;IACnB,CAAC;IACD,SAAS,EAAE;MAAEH,MAAM,eAAAI,MAAA,CAAeR,KAAK,CAACS,OAAO,CAACC,KAAK,CAACC,IAAI;IAAG;EAC/D,CAAC;AAAA,CAAC,CAAC;AAEH,IAAMC,eAAe,GAAG,IAAAlB,cAAM,EAAC,KAAK,CAAC,CAAC,UAAAmB,KAAA;EAAA,IAAGb,KAAK,GAAAa,KAAA,CAALb,KAAK;EAAA,OAAQ;IACpDc,aAAa,EAAE,MAAM;IACrBC,SAAS,EAAE,QAAQ;IACnBZ,QAAQ,EAAEH,KAAK,CAACE,UAAU,CAACC,QAAQ,GAAG,CAAC;IACvCF,UAAU,EAAED,KAAK,CAACE,UAAU,CAACD,UAAU;IACvCe,KAAK,EAAEA,eAAK,CAACC,WAAW,CAAC,CAAC;IAC1BC,UAAU,EAAElB,KAAK,CAACE,UAAU,CAACC,QAAQ,GAAG,CAAC;IACzC,YAAY,EAAAjB,aAAA,CAAAA,aAAA,KACP,IAAAiC,iBAAQ,EAAC,OAAO,CAAC;MACpBZ,eAAe,EAAE;IAAwB,EAC1C;IACD,SAAS,EAAE;MACTH,MAAM,eAAAI,MAAA,CAAeR,KAAK,CAACS,OAAO,CAACC,KAAK,CAACC,IAAI;IAC/C,CAAC;IACD,WAAW,EAAAzB,aAAA,KACN,IAAAmB,gBAAO,EAAC,OAAO,CAAC,CACpB;IACD,aAAa,EAAAnB,aAAA,KACR,IAAAoB,kBAAS,EAAC,OAAO,CAAC;EAEzB,CAAC;AAAA,CAAC,CAAC;AAEH,SAASc,gBAAgBA,CAACC,KAAK,EAAE;EAC/B,IAAMC,YAAY,GAAG,CAAAD,KAAK,aAALA,KAAK,uBAALA,KAAK,CAAEE,IAAI,CAAC,CAAC,KAAI,EAAE;EACxC,IAAMC,SAAS,GAAG,IAAIC,MAAM,CAAC,2CAA2C,CAAC;EACzE,OAAOD,SAAS,CAACE,IAAI,CAACJ,YAAY,CAAC;AACrC;AAEA,SAASK,kBAAkBA,CAACN,KAAK,EAAE;EACjC,IAAMC,YAAY,GAAG,CAAAD,KAAK,aAALA,KAAK,uBAALA,KAAK,CAAEE,IAAI,CAAC,CAAC,KAAI,EAAE;EACxC,IAAIK,QAAQ;EACZ,IAAIC,OAAO,GAAG,EAAE;EAChB,IAAIC,gBAAgB,GAAGR,YAAY,CAACS,KAAK,CAAC,GAAG,CAAC;EAC9C,IAAID,gBAAgB,CAAC,CAAC,CAAC,IAAIA,gBAAgB,CAAC,CAAC,CAAC,CAACE,QAAQ,CAAC,GAAG,CAAC,EAAE;IAC5DJ,QAAQ,GAAGE,gBAAgB,CAAC,CAAC,CAAC,CAACC,KAAK,CAAC,GAAG,CAAC,IAAI,EAAE;EACjD,CAAC,MAAM;IACLH,QAAQ,GAAG,CAAAN,YAAY,aAAZA,YAAY,uBAAZA,YAAY,CAAES,KAAK,CAAC,GAAG,CAAC,KAAI,EAAE;EAC3C;EAEA,IAAIE,eAAe;EACnB,IAAIb,gBAAgB,CAACC,KAAK,CAAC,EAAE;IAC3B,IAAIS,gBAAgB,CAAC,CAAC,CAAC,IAAIA,gBAAgB,CAAC,CAAC,CAAC,EAAE;MAC9CD,OAAO,GAAGC,gBAAgB,CAAC,CAAC,CAAC;IAC/B;IACAG,eAAe,SAAAzB,MAAA,CAASqB,OAAO,aAAArB,MAAA,CAAUoB,QAAQ,CAAC,CAAC,CAAC,QAAApB,MAAA,CAAKoB,QAAQ,CAAC,CAAC,CAAC,SAAM;IAC1E,OAAOK,eAAe;EACxB;EACA,OAAOC,SAAS;AAClB;AAEO,IAAMC,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAG,SAAZA,SAASA,CAAIE,KAAK,EAAK;EAClC;EACA,IAAAC,SAAA,GAA0B,IAAAC,eAAQ,EAAC,IAAI,CAAC;IAAAC,UAAA,OAAAC,eAAA,aAAAH,SAAA;IAAjCI,KAAK,GAAAF,UAAA;IAAEG,QAAQ,GAAAH,UAAA;EACtB,IAAMI,IAAI,GAAG,IAAAC,kBAAW,EAAC,UAACC,IAAI;IAAA,OAAKH,QAAQ,CAACG,IAAI,CAAC;EAAA,GAAE,IAAI,CAAC;EAExD,IACEC,IAAI,GAWFV,KAAK,CAXPU,IAAI;IACJ5B,QAAQ,GAUNkB,KAAK,CAVPlB,QAAQ;IACE6B,gBAAgB,GASxBX,KAAK,CATPY,QAAQ;IACRC,QAAQ,GAQNb,KAAK,CARPa,QAAQ;IACRC,MAAM,GAOJd,KAAK,CAPPc,MAAM;IACNC,WAAW,GAMTf,KAAK,CANPe,WAAW;IACXC,SAAS,GAKPhB,KAAK,CALPgB,SAAS;IACT3C,KAAK,GAIH2B,KAAK,CAJP3B,KAAK;IACL4C,aAAa,GAGXjB,KAAK,CAHPiB,aAAa;IACbC,eAAe,GAEblB,KAAK,CAFPkB,eAAe;IACfC,oBAAoB,GAClBnB,KAAK,CADPmB,oBAAoB;EAGtB,IAAAC,UAAA,GAA0B,IAAAlB,eAAQ,EAACQ,IAAI,CAAC1B,KAAK,CAAC;IAAAqC,UAAA,OAAAjB,eAAA,aAAAgB,UAAA;IAAvCpC,KAAK,GAAAqC,UAAA;IAAEC,QAAQ,GAAAD,UAAA;EACtB,IAAAE,UAAA,GAAkC,IAAArB,eAAQ,EAACZ,kBAAkB,CAACoB,IAAI,CAAC1B,KAAK,CAAC,CAAC;IAAAwC,UAAA,OAAApB,eAAA,aAAAmB,UAAA;IAAnEE,SAAS,GAAAD,UAAA;IAAEE,YAAY,GAAAF,UAAA;EAC9B,IAAAG,UAAA,GAAkC,IAAAzB,eAAQ,EAAC,KAAK,CAAC;IAAA0B,UAAA,OAAAxB,eAAA,aAAAuB,UAAA;IAA1CE,SAAS,GAAAD,UAAA;IAAEE,YAAY,GAAAF,UAAA;EAC9B,IAAIG,IAAI,GAAG,IAAAC,aAAM,EAAC,IAAI,CAAC;EAEvB,IAAMC,QAAQ,GAAG,SAAXA,QAAQA,CAAI/G,CAAC,EAAK;IACtB,IAAIgG,eAAe,IAAIhG,CAAC,CAACgH,MAAM,CAACC,KAAK,IAAIjH,CAAC,CAACgH,MAAM,CAACC,KAAK,CAACpF,MAAM,GAAG,EAAE,EAAE;MACnE;IACF;IAEAuE,QAAQ,CAACpG,CAAC,CAACgH,MAAM,CAACC,KAAK,CAAC;EAC1B,CAAC;EAED,IAAMC,eAAe,GAAG,SAAlBA,eAAeA,CAAA,EAAS;IAC5B,OAAOP,SAAS,KAAK,KAAK,IAAIJ,SAAS,KAAK5B,SAAS;EACvD,CAAC;EAED,IAAMwC,YAAY,GAAG,SAAfA,YAAYA,CAAInH,CAAC,EAAK;IAC1BwG,YAAY,CAACpC,kBAAkB,CAACoB,IAAI,CAAC1B,KAAK,CAAC,CAAC;IAC5C8C,YAAY,CAAC,KAAK,CAAC;IACnB9B,KAAK,CAACiC,QAAQ,CAAC/G,CAAC,CAACgH,MAAM,CAACC,KAAK,CAAC;EAChC,CAAC;EACD,IAAIG,UAAU,GAAG,CAAC,CAAC;EAEnB,IAAIxB,MAAM,EAAE;IACVwB,UAAU,GAAG;MACXC,KAAK,EAAE,OAAO;MACd7D,SAAS,EAAE;IACb,CAAC;EACH;;EAEA;EACA,IAAA8D,gBAAS,EAAC,YAAM;IACdlB,QAAQ,CAACZ,IAAI,CAAC1B,KAAK,CAAC;EACtB,CAAC,EAAE,CAAC0B,IAAI,CAAC1B,KAAK,CAAC,CAAC;EAEhB,IAAAwD,gBAAS,EAAC,YAAM;IACd,IAAAC,yBAAU,EAACV,IAAI,CAAC;EAClB,CAAC,EAAE,EAAE,CAAC;EAEN,oBACEzH,MAAA,YAAAoI,aAAA,CAACtF,eAAe,QACb+D,oBAAoB,EACpBiB,eAAe,CAAC,CAAC,gBAChB9H,MAAA,YAAAoI,aAAA,CAACnE,eAAe;IACdoE,GAAG,EAAE,SAALA,GAAGA,CAAGtH,CAAC,EAAK;MACV0G,IAAI,GAAG1G,CAAC;MACRsF,gBAAgB,CAACtF,CAAC,CAAC;IACrB,CAAE;IACFuH,uBAAuB,EAAE;MAAEC,MAAM,EAAEvD,kBAAkB,CAACN,KAAK;IAAE,CAAE;IAC/D8D,SAAS,EAAE,IAAAC,sBAAU,EAAC;MACpBjE,QAAQ,EAAEA,QAAQ;MAClBT,KAAK,EAAEA,KAAK;MACZL,OAAO,EAAE0C,IAAI,CAACsC,QAAQ,IAAI,CAAAjC,WAAW,aAAXA,WAAW,uBAAXA,WAAW,CAAE/B,KAAK,MAAK,SAAS;MAC1Df,SAAS,EAAEyC,IAAI,CAACsC,QAAQ,IAAI,CAAAjC,WAAW,aAAXA,WAAW,uBAAXA,WAAW,CAAE/B,KAAK,MAAK;IACrD,CAAC,CAAE;IACHiE,OAAO,EAAE,SAATA,OAAOA,CAAA;MAAA,OAAQnB,YAAY,CAAC,IAAI,CAAC;IAAA,CAAC;IAClCoB,KAAK,EAAE;MACLC,QAAQ,EAAEtC,QAAQ;MAClBuC,QAAQ,EAAE,OAAO;MACjBC,eAAe,EAAE,MAAM;MACvBC,SAAS,YAAAnF,MAAA,CAAY2C,MAAM,SAAM;MACjCyC,UAAU,EAAEtC,aAAa,GAAG,QAAQ,GAAG,OAAO;MAC9CuC,SAAS,EAAErC,oBAAoB,GAAG,MAAM,GAAG;IAC7C;EAAE,CACc,CAAC,gBAEnB7G,MAAA,YAAAoI,aAAA,CAAC9H,mBAAA,WAAa;IACZgG,QAAQ,EAAE,SAAVA,QAAQA,CAAGvF,CAAC,EAAK;MACfkF,IAAI,CAAClF,CAAC,CAAC;MACPsF,gBAAgB,CAACtF,CAAC,CAAC;IACrB,CAAE;IACFoI,IAAI,EAAC,kBAAkB;IACvBzC,SAAS,EAAEa,SAAS,IAAIb,SAAU;IAClClC,QAAQ,EAAEA,QAAS;IACnB4E,cAAc,EAAE,IAAAX,sBAAU,EACxBhC,WAAW,IAAIL,IAAI,CAACsC,QAAQ,GAAGjC,WAAW,CAAC/B,KAAK,GAAG,IAAI,EACvDF,QAAQ,IAAI,UAAU,EACtBT,KAAK,IAAI,OACX,CAAE;IACFsF,UAAU,EAAA9G,aAAA;MACRsG,QAAQ,EAAEtC,QAAQ;MAClBnC,SAAS,EAAE,QAAQ;MACnBkF,UAAU,EAAE,aAAa;MACzBC,SAAS,EAAE,YAAY;MACvBC,WAAW,EAAE,CAAC;MACdC,YAAY,EAAE,CAAC;MACfhG,MAAM,EAAE;IAAM,GACXuE,UAAU,CACb;IACFH,KAAK,EAAEnD,KAAM;IACbkE,KAAK,EAAE;MACLE,QAAQ,EAAE,OAAO;MACjB3E,aAAa,EAAE,MAAM;MACrBuF,GAAG,EAAE,CAAC;MACNC,IAAI,EAAE,CAAC;MACPd,QAAQ,EAAEtC,QAAQ;MAClBwC,eAAe,EAAE,MAAM;MACvBC,SAAS,YAAAnF,MAAA,CAAY2C,MAAM,SAAM;MACjCyC,UAAU,EAAEtC,aAAa,GAAG,QAAQ,GAAG,OAAO;MAC9CuC,SAAS,EAAErC,oBAAoB,GAAG,MAAM,GAAG;IAC7C,CAAE;IACFc,QAAQ,EAAEA,QAAS;IACnBiC,MAAM,EAAE7B;EAAa,CACtB,CAEY,CAAC;AAEtB,CAAC;AAEDvC,SAAS,CAACqE,SAAS,GAAG;EACpBnD,SAAS,EAAEoD,qBAAS,CAACC,IAAI;EACzBvF,QAAQ,EAAEsF,qBAAS,CAACC,IAAI;EACxBhG,KAAK,EAAE+F,qBAAS,CAACE,GAAG;EACpBrC,QAAQ,EAAEmC,qBAAS,CAACG,IAAI;EACxBC,UAAU,EAAEC,WAAK,CAACC,cAAc;EAChC9D,QAAQ,EAAEwD,qBAAS,CAACG,IAAI;EACxB7D,IAAI,EAAE0D,qBAAS,CAACO,MAAM;EACtB9D,QAAQ,EAAEuD,qBAAS,CAACQ,MAAM;EAC1B9D,MAAM,EAAEsD,qBAAS,CAACQ,MAAM;EACxB7D,WAAW,EAAEqD,qBAAS,CAACS,KAAK,CAAC;IAC3B1C,KAAK,EAAEiC,qBAAS,CAACU,MAAM;IACvB9F,KAAK,EAAEoF,qBAAS,CAACU;EACnB,CAAC,CAAC;EACF7D,aAAa,EAAEmD,qBAAS,CAACC,IAAI;EAC7BnD,eAAe,EAAEkD,qBAAS,CAACC,IAAI;EAC/BlD,oBAAoB,EAAEiD,qBAAS,CAAC3D;AAClC,CAAC;AAAC,IAAAsE,QAAA,GAAAhF,OAAA,cAEaD,SAAS","ignoreList":[]}
+{"version":3,"file":"mark-label.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_styles","_reactInputAutosize","_propTypes","_plot","_styles2","_renderUi","_mathRendering","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","_typeof","has","get","set","_t","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","ownKeys","keys","getOwnPropertySymbols","filter","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","StyledContainer","styled","display","flexDirection","alignItems","StyledInput","_ref2","theme","fontFamily","typography","fontSize","border","correct","incorrect","backgroundColor","concat","palette","error","main","StyledMathInput","_ref3","pointerEvents","textAlign","color","primaryDark","paddingTop","disabled","isFractionFormat","label","trimmedLabel","trim","fracRegex","RegExp","test","getLabelMathFormat","fraction","mixedNr","improperFraction","split","includes","formattedLLabel","undefined","MarkLabel","exports","props","_useState","useState","_useState2","_slicedToArray2","input","setInput","_ref","useCallback","node","_props$mark","mark","externalInputRef","inputRef","barWidth","rotate","correctness","autoFocus","isHiddenLabel","limitCharacters","correctnessIndicator","_useState3","_useState4","setLabel","_useState5","_useState6","mathLabel","setMathLabel","_useState7","_useState8","isEditing","setIsEditing","root","useRef","onChange","target","value","isMathRendering","onChangeProp","extraStyle","width","useEffect","renderMath","createElement","ref","dangerouslySetInnerHTML","__html","className","classNames","editable","onClick","style","minWidth","position","transformOrigin","transform","visibility","marginTop","name","inputClassName","inputStyle","background","boxSizing","paddingLeft","paddingRight","top","left","onBlur","propTypes","PropTypes","bool","any","func","graphProps","types","GraphPropsType","object","number","shape","string","_default"],"sources":["../src/mark-label.jsx"],"sourcesContent":["import React, { useState, useCallback, useEffect, useRef } from 'react';\nimport classNames from 'classnames';\nimport { styled } from '@mui/material/styles';\nimport AutosizeInput from 'react-input-autosize';\nimport PropTypes from 'prop-types';\n\nimport { types } from '@pie-lib/plot';\nimport { correct, incorrect, disabled } from './common/styles';\nimport { color } from '@pie-lib/render-ui';\nimport { renderMath } from '@pie-lib/math-rendering';\n\nconst StyledContainer = styled('div')({\n  display: 'flex',\n  flexDirection: 'column',\n  alignItems: 'center',\n});\n\n// eslint-disable-next-line no-unused-vars\nconst StyledInput = styled('input')(({ theme }) => ({\n  float: 'right',\n  fontFamily: theme.typography.fontFamily,\n  fontSize: theme.typography.fontSize,\n  border: 'none',\n  '&.correct': correct('color'),\n  '&.incorrect': incorrect('color'),\n  '&.disabled': {\n    backgroundColor: 'transparent !important',\n  },\n  '&.error': { border: `2px solid ${theme.palette.error.main}` },\n}));\n\nconst StyledMathInput = styled('div')(({ theme }) => ({\n  pointerEvents: 'auto',\n  textAlign: 'center',\n  fontSize: theme.typography.fontSize + 2,\n  fontFamily: theme.typography.fontFamily,\n  color: color.primaryDark(),\n  paddingTop: theme.typography.fontSize / 2,\n  '&.disabled': {\n    ...disabled('color'),\n    backgroundColor: 'transparent !important',\n  },\n  '&.error': {\n    border: `2px solid ${theme.palette.error.main}`,\n  },\n  '&.correct': {\n    ...correct('color'),\n  },\n  '&.incorrect': {\n    ...incorrect('color'),\n  },\n}));\n\nfunction isFractionFormat(label) {\n  const trimmedLabel = label?.trim() || '';\n  const fracRegex = new RegExp(/^[1-9]*[0-9]*\\s?[1-9][0-9]*\\/[1-9][0-9]*$/);\n  return fracRegex.test(trimmedLabel);\n}\n\nfunction getLabelMathFormat(label) {\n  const trimmedLabel = label?.trim() || '';\n  let fraction;\n  let mixedNr = '';\n  let improperFraction = trimmedLabel.split(' ');\n  if (improperFraction[1] && improperFraction[1].includes('/')) {\n    fraction = improperFraction[1].split('/') || '';\n  } else {\n    fraction = trimmedLabel?.split('/') || '';\n  }\n\n  let formattedLLabel;\n  if (isFractionFormat(label)) {\n    if (improperFraction[0] && improperFraction[1]) {\n      mixedNr = improperFraction[0];\n    }\n    formattedLLabel = `\\\\(${mixedNr}\\\\frac{${fraction[0]}}{${fraction[1]}}\\\\)`;\n    return formattedLLabel;\n  }\n  return undefined;\n}\n\nexport const MarkLabel = (props) => {\n  // eslint-disable-next-line no-unused-vars\n  const [input, setInput] = useState(null);\n  const _ref = useCallback((node) => setInput(node), null);\n\n  const {\n    mark = {},\n    disabled,\n    inputRef: externalInputRef,\n    barWidth,\n    rotate,\n    correctness,\n    autoFocus,\n    error,\n    isHiddenLabel,\n    limitCharacters,\n    correctnessIndicator,\n  } = props;\n\n  const [label, setLabel] = useState(mark.label);\n  const [mathLabel, setMathLabel] = useState(getLabelMathFormat(mark.label));\n  const [isEditing, setIsEditing] = useState(false);\n  let root = useRef(null);\n\n  const onChange = (e) => {\n    if (limitCharacters && e.target.value && e.target.value.length > 20) {\n      return;\n    }\n\n    setLabel(e.target.value);\n  };\n\n  const isMathRendering = () => {\n    return isEditing === false && mathLabel !== undefined;\n  };\n\n  const onChangeProp = (e) => {\n    setMathLabel(getLabelMathFormat(mark.label));\n    setIsEditing(false);\n    props.onChange(e.target.value);\n  };\n  let extraStyle = {};\n\n  if (rotate) {\n    extraStyle = {\n      width: 'unset',\n      textAlign: 'left',\n    };\n  }\n\n  // useState only sets the value once, to synch props to state need useEffect\n  useEffect(() => {\n    setLabel(mark.label);\n  }, [mark.label]);\n\n  useEffect(() => {\n    renderMath(root);\n  }, []);\n\n  return (\n    <StyledContainer>\n      {correctnessIndicator}\n      {isMathRendering() ? (\n        <StyledMathInput\n          ref={(r) => {\n            root = r;\n            if (typeof externalInputRef === 'function') {\n              externalInputRef(r);\n            }\n          }}\n          dangerouslySetInnerHTML={{ __html: getLabelMathFormat(label) }}\n          className={classNames({\n            disabled: disabled,\n            error: error,\n            correct: mark.editable && correctness?.label === 'correct',\n            incorrect: mark.editable && correctness?.label === 'incorrect',\n          })}\n          onClick={() => setIsEditing(true)}\n          style={{\n            minWidth: barWidth,\n            position: 'fixed',\n            transformOrigin: 'left',\n            transform: `rotate(${rotate}deg)`,\n            visibility: isHiddenLabel ? 'hidden' : 'unset',\n            marginTop: correctnessIndicator ? '24px' : '0',\n          }}\n        ></StyledMathInput>\n      ) : (\n        <AutosizeInput\n          inputRef={(r) => {\n            _ref(r);\n            if (typeof externalInputRef === 'function') {\n              externalInputRef(r);\n            }\n          }}\n          name='mark-label-input'\n          autoFocus={isEditing || autoFocus}\n          disabled={disabled}\n          inputClassName={classNames(\n            correctness && mark.editable ? correctness.label : null,\n            disabled && 'disabled',\n            error && 'error',\n          )}\n          inputStyle={{\n            minWidth: barWidth,\n            textAlign: 'center',\n            background: 'transparent',\n            boxSizing: 'border-box',\n            paddingLeft: 0,\n            paddingRight: 0,\n            border: 'none',\n            ...extraStyle,\n          }}\n          value={label}\n          style={{\n            position: 'fixed',\n            pointerEvents: 'auto',\n            top: 0,\n            left: 0,\n            minWidth: barWidth,\n            transformOrigin: 'left',\n            transform: `rotate(${rotate}deg)`,\n            visibility: isHiddenLabel ? 'hidden' : 'unset',\n            marginTop: correctnessIndicator ? '24px' : '0',\n          }}\n          onChange={onChange}\n          onBlur={onChangeProp}\n        />\n      )}\n    </StyledContainer>\n  );\n};\n\nMarkLabel.propTypes = {\n  autoFocus: PropTypes.bool,\n  disabled: PropTypes.bool,\n  error: PropTypes.any,\n  onChange: PropTypes.func,\n  graphProps: types.GraphPropsType,\n  inputRef: PropTypes.func,\n  mark: PropTypes.object,\n  barWidth: PropTypes.number,\n  rotate: PropTypes.number,\n  correctness: PropTypes.shape({\n    value: PropTypes.string,\n    label: PropTypes.string,\n  }),\n  isHiddenLabel: PropTypes.bool,\n  limitCharacters: PropTypes.bool,\n  correctnessIndicator: PropTypes.node,\n};\n\nexport default MarkLabel;\n"],"mappings":"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","ignoreList":[]}

package/lib/plot/common/plot.js

@@ -14,10 +14,9 @@ var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = _interopRequireDefault(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
-var _classnames = _interopRequireDefault(require("classnames"));
 var _Check = _interopRequireDefault(require("@mui/icons-material/Check"));
 var _styles = require("@mui/material/styles");
-var _group = require("@vx/group");
+var _group = require("@visx/group");
 var _debug = _interopRequireDefault(require("debug"));
 var _plot = require("@pie-lib/plot");
 var _dragHandle = _interopRequireWildcard(require("../../common/drag-handle"));
@@ -83,7 +82,7 @@ var RawPlot = exports.RawPlot = /*#__PURE__*/function (_React$Component) {
         width: ICON_SIZE,
         height: ICON_SIZE
       }, /*#__PURE__*/_react["default"].createElement(_Check["default"], {
-        className: (0, _classnames["default"])('correctnessIcon', 'correctIcon', 'smallIcon'),
+        className: "correctnessIcon correctIcon smallIcon",
         title: correctness.label
       }));
     });
@@ -243,7 +242,13 @@ var RawPlot = exports.RawPlot = /*#__PURE__*/function (_React$Component) {
   correctness: _propTypes["default"].shape({
     value: _propTypes["default"].string,
     label: _propTypes["default"].string
-  })
+  }),
+  defineChart: _propTypes["default"].bool,
+  correctData: _propTypes["default"].arrayOf(_propTypes["default"].shape({
+    value: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].number]),
+    label: _propTypes["default"].string
+  })),
+  className: _propTypes["default"].string
 });
 var Bar = (0, _styles.styled)(RawPlot)(function (_ref2) {
   var theme = _ref2.theme;
@@ -333,7 +338,12 @@ var Plot = exports.Plot = /*#__PURE__*/function (_React$Component2) {
   xBand: _propTypes["default"].func,
   graphProps: _plot.types.GraphPropsType.isRequired,
   defineChart: _propTypes["default"].bool,
-  CustomBarElement: _propTypes["default"].func
+  CustomBarElement: _propTypes["default"].func,
+  correctData: _propTypes["default"].arrayOf(_propTypes["default"].shape({
+    value: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].number]),
+    label: _propTypes["default"].string
+  })),
+  className: _propTypes["default"].string
 });
 var _default = exports["default"] = Plot;
 //# sourceMappingURL=plot.js.map