@pie-lib/charting 5.32.6-esmbeta.0 → 5.32.6

package/CHANGELOG.md

@@ -3,6 +3,26 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [5.32.6](https://github.com/pie-framework/pie-lib/compare/@pie-lib/charting@5.32.0...@pie-lib/charting@5.32.6) (2025-10-09)
+
+**Note:** Version bump only for package @pie-lib/charting
+
+
+
+
+
+# [5.32.0](https://github.com/pie-framework/pie-lib/compare/@pie-lib/charting@5.31.0...@pie-lib/charting@5.32.0) (2025-10-09)
+
+
+### Features
+
+* PD-5128 only needed files ([64d375b](https://github.com/pie-framework/pie-lib/commit/64d375b1731179ae46f735c2c4da21215101bd95))
+* PD-5217 only needed file ([b21b343](https://github.com/pie-framework/pie-lib/commit/b21b34348569c73253eff72eea43c6c3235b25df))
+
+
+
+
+
 # [5.31.0](https://github.com/pie-framework/pie-lib/compare/@pie-lib/charting@5.15.6...@pie-lib/charting@5.31.0) (2025-09-25)
 
 

package/lib/axes.js

@@ -39,6 +39,8 @@ var _renderUi = require("@pie-lib/render-ui");
 
 var _configUi = require("@pie-lib/config-ui");
 
+var _mathRendering = require("@pie-lib/math-rendering");
+
 var _correctnessIndicators = require("./common/correctness-indicators");
 
 var _utils = require("./utils");
@@ -420,10 +422,22 @@ var RawChartAxes = /*#__PURE__*/function (_React$Component2) {
     value: function componentDidMount() {
       if (this.hiddenLabelRef) {
         var boundingClientRect = this.hiddenLabelRef.getBoundingClientRect();
-        this.setState({
-          height: Math.floor(boundingClientRect.height),
-          width: Math.floor(boundingClientRect.width)
-        });
+        var hiddenEl = this.hiddenLabelRef.current; // same logic used in dropdown.jsx for hidden labels width calculation
+
+        if (hiddenEl) {
+          var containsLatex = hiddenEl.querySelector('[data-latex], [data-raw]');
+          var hasMathJax = hiddenEl.querySelector('mjx-container');
+          var mathHandled = hiddenEl.querySelector('[data-math-handled="true"]');
+
+          if (containsLatex && (!mathHandled || !hasMathJax)) {
+            (0, _mathRendering.renderMath)(this.hiddenLabelRef);
+          }
+
+          this.setState({
+            height: Math.floor(boundingClientRect.height),
+            width: Math.floor(boundingClientRect.width)
+          });
+        }
       }
     }
   }, {

package/lib/axes.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/axes.jsx"],"names":["TickComponent","props","open","callback","setState","dialog","index","newLabel","categories","onChangeCategory","category","label","value","title","text","onConfirm","handleAlertDialog","interactive","onClose","editable","maxChar","chunks","length","indexToSplit","lastIndexOf","push","substring","trim","state","prevProps","autoFocus","onAutoFocusUsed","classes","xBand","bandWidth","barWidth","rotate","top","graphProps","defineChart","chartingOptions","x","y","formattedValue","changeInteractiveEnabled","changeEditableEnabled","error","hiddenLabelRef","showCorrectness","changeEditable","changeInteractive","parseInt","split","correctness","barX","longestCategory","reduce","a","b","lengthA","lengthB","distinctMessages","Set","Object","values","join","pointerEvents","overflow","r","input","changeCategory","position","wordBreak","maxWidth","display","splitText","authoringLabel","map","word","customColor","e","target","checked","React","Component","PropTypes","bool","any","propTypes","array","func","number","object","string","onChange","RawChartAxes","height","width","boundingClientRect","getBoundingClientRect","Math","floor","prevState","snapshot","leftAxis","theme","axis","axisLine","tick","scale","range","domain","size","bottomScale","rangeRound","bandwidth","max","rowTickValues","step","labelStep","fontSize","typography","rotateBecauseOfHeight","rotateBecauseOfWidth","getTickLabelProps","dy","dx","toLocaleString","getTickComponent","properties","ref","min","textAnchor","count","isRequired","types","GraphPropsType","ChartAxes","stroke","color","primaryDark","strokeWidth","visualElementsColors","AXIS_LINE_COLOR","fontFamily","body1","dottedLine","primaryLight","opacity","fill","palette","main","tertiary","correctnessIcon","borderRadius","spacing","unit","defaults","WHITE","padding","border","boxSizing","incorrectIcon","backgroundColor","incorrectWithIcon","correctIcon","correct","tickContainer","flexDirection","alignItems","withTheme"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { withStyles } from '@material-ui/core/styles';\nimport { AxisLeft, AxisBottom } from '@vx/axis';\nimport Checkbox from '@material-ui/core/Checkbox';\n\nimport { types } from '@pie-lib/plot';\nimport { color } from '@pie-lib/render-ui';\nimport { AlertDialog } from '@pie-lib/config-ui';\nimport { TickCorrectnessIndicator } from './common/correctness-indicators';\nimport { bandKey, getTickValues, getRotateAngle } from './utils';\nimport MarkLabel from './mark-label';\n\nexport class TickComponent extends React.Component {\n  static propTypes = {\n    defineChart: PropTypes.bool,\n    error: PropTypes.any,\n  };\n\n  constructor(props) {\n    super(props);\n    this.state = {\n      dialog: {\n        open: false,\n      },\n    };\n  }\n\n  componentDidUpdate(prevProps) {\n    if (this.props.autoFocus && !prevProps.autoFocus) {\n      this.props.onAutoFocusUsed();\n    }\n  }\n\n  handleAlertDialog = (open, callback) =>\n    this.setState(\n      {\n        dialog: { open },\n      },\n      callback,\n    );\n\n  changeCategory = (index, newLabel) => {\n    const { categories, onChangeCategory } = this.props;\n    const category = categories[index];\n\n    onChangeCategory(index, { ...category, label: newLabel });\n  };\n\n  changeInteractive = (index, value) => {\n    const { categories, onChangeCategory } = this.props;\n    const category = categories[index];\n\n    if (!value) {\n      this.setState({\n        dialog: {\n          open: true,\n          title: 'Warning',\n          text: 'This will remove the correct answer value that has been defined for this category.',\n          onConfirm: () =>\n            this.handleAlertDialog(false, onChangeCategory(index, { ...category, interactive: !category.interactive })),\n          onClose: () => this.handleAlertDialog(false),\n        },\n      });\n    } else {\n      onChangeCategory(index, { ...category, interactive: !category.interactive });\n    }\n  };\n\n  changeEditable = (index, value) => {\n    const { categories, onChangeCategory } = this.props;\n    const category = categories[index];\n\n    if (!value) {\n      this.setState({\n        dialog: {\n          open: true,\n          title: 'Warning',\n          text: 'This will remove the correct answer category name that has been defined for this category.',\n          onConfirm: () =>\n            this.handleAlertDialog(\n              false,\n              onChangeCategory(index, { ...category, editable: !category.editable || false }),\n            ),\n          onClose: () => this.handleAlertDialog(false),\n        },\n      });\n    } else {\n      onChangeCategory(index, { ...category, editable: !category.editable || false });\n    }\n  };\n\n  splitText = (text, maxChar) => {\n    let chunks = [];\n    while ((text || '').length > 0) {\n      let indexToSplit;\n      if (text.length > maxChar) {\n        indexToSplit = text.lastIndexOf(' ', maxChar);\n        if (indexToSplit === -1) {\n          indexToSplit = maxChar;\n        }\n      } else {\n        indexToSplit = text.length;\n      }\n      chunks.push(text.substring(0, indexToSplit));\n      text = text.substring(indexToSplit).trim();\n    }\n    return chunks;\n  };\n\n  render() {\n    const {\n      classes,\n      categories,\n      xBand,\n      bandWidth,\n      barWidth,\n      rotate,\n      top,\n      graphProps,\n      defineChart,\n      chartingOptions,\n      x,\n      y,\n      formattedValue,\n      changeInteractiveEnabled,\n      changeEditableEnabled,\n      error,\n      autoFocus,\n      hiddenLabelRef,\n      showCorrectness,\n    } = this.props;\n\n    if (!formattedValue) {\n      return null;\n    }\n\n    const { dialog } = this.state;\n    const { changeEditable, changeInteractive } = chartingOptions || {};\n    const index = parseInt(formattedValue.split('-')[0], 10);\n    const category = categories[index];\n    const { editable, interactive, label, correctness } = category || {};\n    const barX = xBand(bandKey({ label }, index));\n    const longestCategory = (categories || []).reduce((a, b) => {\n      const lengthA = a && a.label ? a.label.length : 0;\n      const lengthB = b && b.label ? b.label.length : 0;\n\n      return lengthA > lengthB ? a : b;\n    });\n    const distinctMessages = error ? [...new Set(Object.values(error))].join(' ') : '';\n\n    return (\n      <g>\n        <foreignObject\n          x={bandWidth ? barX : x - barWidth / 2}\n          y={18}\n          width={barWidth}\n          height={4}\n          style={{ pointerEvents: 'none', overflow: 'visible' }}\n        >\n          {index === 0 && (\n            <MarkLabel\n              isHiddenLabel={true}\n              inputRef={hiddenLabelRef}\n              disabled={true}\n              mark={longestCategory}\n              graphProps={graphProps}\n              barWidth={barWidth}\n            />\n          )}\n\n          <MarkLabel\n            autoFocus={defineChart && autoFocus}\n            inputRef={(r) => (this.input = r)}\n            disabled={!defineChart && !editable}\n            mark={category}\n            graphProps={graphProps}\n            onChange={(newLabel) => this.changeCategory(index, newLabel)}\n            barWidth={barWidth}\n            rotate={rotate}\n            correctness={correctness}\n            error={error && error[index]}\n            limitCharacters\n            correctnessIndicator={\n              showCorrectness &&\n              correctness && (\n                <TickCorrectnessIndicator correctness={correctness} interactive={interactive} classes={classes} />\n              )\n            }\n          />\n        </foreignObject>\n\n        {error && index === 0 && (\n          <text className={classes.error} y={y + 23} height={6} textAnchor=\"start\">\n            {distinctMessages}\n          </text>\n        )}\n\n        {defineChart && index === 0 && (\n          <svg\n            x={-55}\n            style={{\n              overflow: 'visible',\n            }}\n          >\n            {changeInteractiveEnabled && (\n              <text\n                y={y + 90 + top}\n                width={barWidth}\n                height={4}\n                style={{\n                  position: 'absolute',\n                  pointerEvents: 'none',\n                  wordBreak: 'break-word',\n                  maxWidth: barWidth,\n                  display: 'inline-block',\n                }}\n              >\n                {this.splitText(changeInteractive?.authoringLabel, 20).map((word, index) => (\n                  <tspan key={index} x=\"0\" dy={`${index > 0 ? '1.2em' : '.6em'}`}>\n                    {word}\n                  </tspan>\n                ))}\n              </text>\n            )}\n\n            {changeEditableEnabled && (\n              <text\n                y={y + 145 + top}\n                width={barWidth}\n                height={4}\n                style={{\n                  position: 'absolute',\n                  pointerEvents: 'none',\n                  wordBreak: 'break-word',\n                  maxWidth: barWidth,\n                  display: 'inline-block',\n                }}\n              >\n                {this.splitText(changeEditable?.authoringLabel, 20).map((word, index) => (\n                  <tspan key={index} x=\"0\" dy={`${index > 0 ? '1.2em' : '.6em'}`}>\n                    {word}\n                  </tspan>\n                ))}\n              </text>\n            )}\n          </svg>\n        )}\n\n        {defineChart && changeInteractiveEnabled && (\n          <foreignObject\n            x={x - 24}\n            y={y + 80 + top}\n            width={barWidth}\n            height={4}\n            style={{ pointerEvents: 'visible', overflow: 'visible' }}\n          >\n            <Checkbox\n              className={classes.customColor}\n              style={{ position: 'fixed' }}\n              checked={interactive}\n              onChange={(e) => this.changeInteractive(index, e.target.checked)}\n            />\n          </foreignObject>\n        )}\n\n        {defineChart && changeEditableEnabled && (\n          <foreignObject\n            x={x - 24}\n            y={y + 130 + top}\n            width={barWidth}\n            height={4}\n            style={{ pointerEvents: 'visible', overflow: 'visible' }}\n          >\n            <Checkbox\n              className={classes.customColor}\n              style={{ position: 'fixed' }}\n              checked={editable}\n              onChange={(e) => this.changeEditable(index, e.target.checked)}\n            />\n          </foreignObject>\n        )}\n\n        <foreignObject\n          x={x - 24}\n          y={y + 100 + top}\n          width={barWidth}\n          height={4}\n          style={{ pointerEvents: 'visible', overflow: 'visible' }}\n        >\n          <AlertDialog\n            open={dialog.open}\n            title={dialog.title}\n            text={dialog.text}\n            onClose={dialog.onClose}\n            onConfirm={dialog.onConfirm}\n          />\n        </foreignObject>\n      </g>\n    );\n  }\n}\n\nTickComponent.propTypes = {\n  categories: PropTypes.array,\n  xBand: PropTypes.func,\n  bandWidth: PropTypes.number,\n  barWidth: PropTypes.number,\n  rotate: PropTypes.number,\n  top: PropTypes.number,\n  x: PropTypes.number,\n  y: PropTypes.number,\n  graphProps: PropTypes.object,\n  formattedValue: PropTypes.string,\n  onChangeCategory: PropTypes.func,\n  onChange: PropTypes.func,\n  classes: PropTypes.object,\n  error: PropTypes.object,\n  defineChart: PropTypes.bool,\n  chartingOptions: PropTypes.object,\n  changeInteractiveEnabled: PropTypes.bool,\n  changeEditableEnabled: PropTypes.bool,\n  autoFocus: PropTypes.bool,\n  onAutoFocusUsed: PropTypes.func,\n  showCorrectness: PropTypes.bool,\n};\n\nexport class RawChartAxes extends React.Component {\n  static propTypes = {\n    bottomScale: PropTypes.func,\n    classes: PropTypes.object.isRequired,\n    categories: PropTypes.array,\n    defineChart: PropTypes.bool,\n    error: PropTypes.any,\n    graphProps: types.GraphPropsType.isRequired,\n    xBand: PropTypes.func,\n    leftAxis: PropTypes.bool,\n    onChange: PropTypes.func,\n    onChangeCategory: PropTypes.func,\n    top: PropTypes.number,\n    theme: PropTypes.object,\n    chartingOptions: PropTypes.object,\n    changeInteractiveEnabled: PropTypes.bool,\n    changeEditableEnabled: PropTypes.bool,\n    autoFocus: PropTypes.bool,\n    onAutoFocusUsed: PropTypes.func,\n    showCorrectness: PropTypes.bool,\n  };\n\n  state = { height: 0, width: 0 };\n\n  componentDidMount() {\n    if (this.hiddenLabelRef) {\n      const boundingClientRect = this.hiddenLabelRef.getBoundingClientRect();\n      this.setState({\n        height: Math.floor(boundingClientRect.height),\n        width: Math.floor(boundingClientRect.width),\n      });\n    }\n  }\n\n  componentDidUpdate(prevProps, prevState, snapshot) {\n    if (this.hiddenLabelRef) {\n      const width = Math.floor(this.hiddenLabelRef.getBoundingClientRect().width);\n\n      if (width !== this.state.width) {\n        this.setState({ width });\n      }\n    }\n  }\n\n  render() {\n    const {\n      classes,\n      graphProps,\n      xBand,\n      leftAxis,\n      onChange,\n      onChangeCategory,\n      categories = [],\n      top,\n      defineChart,\n      chartingOptions,\n      changeInteractiveEnabled,\n      changeEditableEnabled,\n      theme,\n      autoFocus,\n      onAutoFocusUsed,\n      error,\n      showCorrectness,\n    } = this.props;\n\n    const { axis, axisLine, tick } = classes;\n    const { scale = {}, range = {}, domain = {}, size = {} } = graphProps || {};\n    const { height, width } = this.state;\n\n    const bottomScale = xBand && typeof xBand.rangeRound === 'function' && xBand.rangeRound([0, size.width]);\n\n    const bandWidth = xBand && typeof xBand.bandwidth === 'function' && xBand.bandwidth();\n    // for chartType \"line\", bandWidth will be 0, so we have to calculate it\n    const barWidth = bandWidth || (scale.x && scale.x(domain.max) / categories.length);\n\n    const rowTickValues = getTickValues({ ...range, step: range.labelStep });\n    const fontSize = theme && theme.typography ? theme.typography.fontSize : 14;\n    // this mostly applies for labels that are not editable\n    const rotateBecauseOfHeight = getRotateAngle(fontSize, height);\n    // this applies for labels that are editable\n    const rotateBecauseOfWidth = width > barWidth ? 25 : 0;\n\n    const getTickLabelProps = (value) => ({\n      dy: 4,\n      dx: -10 - (value.toLocaleString().length || 1) * 5,\n    });\n\n    const getTickComponent = (props) => {\n      const properties = {\n        hiddenLabelRef: (ref) => {\n          this.hiddenLabelRef = ref;\n        },\n        classes,\n        categories,\n        xBand,\n        bandWidth,\n        barWidth,\n        rotate: rotateBecauseOfHeight || rotateBecauseOfWidth,\n        top,\n        defineChart,\n        chartingOptions,\n        autoFocus,\n        onAutoFocusUsed,\n        error,\n        onChangeCategory,\n        changeInteractiveEnabled,\n        changeEditableEnabled,\n        onChange,\n        graphProps,\n        x: props.x,\n        y: props.y,\n        formattedValue: props.formattedValue,\n        showCorrectness,\n      };\n\n      return <TickComponent {...properties} />;\n    };\n\n    return (\n      <React.Fragment>\n        {leftAxis && (\n          <AxisLeft\n            scale={scale.y}\n            className={axis}\n            axisLineClassName={axisLine}\n            tickLength={10}\n            tickClassName={tick}\n            tickFormat={(value) => value}\n            tickValues={rowTickValues}\n            tickLabelProps={getTickLabelProps}\n          />\n        )}\n        <AxisBottom\n          axisLineClassName={axisLine}\n          tickClassName={tick}\n          scale={bottomScale}\n          labelProps={{ y: 60 + top }}\n          top={scale.y && scale.y(range.min)}\n          textLabelProps={() => ({ textAnchor: 'middle' })}\n          tickFormat={(count) => count}\n          tickComponent={getTickComponent}\n          autoFocus={autoFocus}\n          onAutoFocusUsed={onAutoFocusUsed}\n        />\n      </React.Fragment>\n    );\n  }\n}\n\nconst ChartAxes = withStyles(\n  (theme) => ({\n    axis: {\n      stroke: color.primaryDark(),\n      strokeWidth: 2,\n    },\n    axisLine: {\n      stroke: color.visualElementsColors.AXIS_LINE_COLOR,\n      strokeWidth: 2,\n    },\n    tick: {\n      '& > line': {\n        stroke: color.primaryDark(),\n        strokeWidth: 2,\n      },\n      fontFamily: theme.typography.body1.fontFamily,\n      fontSize: theme.typography.fontSize,\n      textAnchor: 'middle',\n    },\n    dottedLine: {\n      stroke: color.primaryLight(),\n      opacity: 0.2,\n    },\n    error: {\n      fontSize: theme.typography.fontSize - 2,\n      fill: theme.palette.error.main,\n    },\n    customColor: {\n      color: `${color.tertiary()} !important`,\n    },\n    correctnessIcon: {\n      borderRadius: theme.spacing.unit * 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      boxSizing: 'unset', // to override the default border-box in IBX\n    },\n    incorrectIcon: {\n      backgroundColor: color.incorrectWithIcon(),\n    },\n    correctIcon: {\n      backgroundColor: color.correct(),\n    },\n    tickContainer: {\n      display: 'flex',\n      flexDirection: 'column',\n      alignItems: 'center',\n    },\n  }),\n  { withTheme: true },\n)(RawChartAxes);\n\nexport default ChartAxes;\n"],"file":"axes.js"}
+{"version":3,"sources":["../src/axes.jsx"],"names":["TickComponent","props","open","callback","setState","dialog","index","newLabel","categories","onChangeCategory","category","label","value","title","text","onConfirm","handleAlertDialog","interactive","onClose","editable","maxChar","chunks","length","indexToSplit","lastIndexOf","push","substring","trim","state","prevProps","autoFocus","onAutoFocusUsed","classes","xBand","bandWidth","barWidth","rotate","top","graphProps","defineChart","chartingOptions","x","y","formattedValue","changeInteractiveEnabled","changeEditableEnabled","error","hiddenLabelRef","showCorrectness","changeEditable","changeInteractive","parseInt","split","correctness","barX","longestCategory","reduce","a","b","lengthA","lengthB","distinctMessages","Set","Object","values","join","pointerEvents","overflow","r","input","changeCategory","position","wordBreak","maxWidth","display","splitText","authoringLabel","map","word","customColor","e","target","checked","React","Component","PropTypes","bool","any","propTypes","array","func","number","object","string","onChange","RawChartAxes","height","width","boundingClientRect","getBoundingClientRect","hiddenEl","current","containsLatex","querySelector","hasMathJax","mathHandled","Math","floor","prevState","snapshot","leftAxis","theme","axis","axisLine","tick","scale","range","domain","size","bottomScale","rangeRound","bandwidth","max","rowTickValues","step","labelStep","fontSize","typography","rotateBecauseOfHeight","rotateBecauseOfWidth","getTickLabelProps","dy","dx","toLocaleString","getTickComponent","properties","ref","min","textAnchor","count","isRequired","types","GraphPropsType","ChartAxes","stroke","color","primaryDark","strokeWidth","visualElementsColors","AXIS_LINE_COLOR","fontFamily","body1","dottedLine","primaryLight","opacity","fill","palette","main","tertiary","correctnessIcon","borderRadius","spacing","unit","defaults","WHITE","padding","border","boxSizing","incorrectIcon","backgroundColor","incorrectWithIcon","correctIcon","correct","tickContainer","flexDirection","alignItems","withTheme"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { withStyles } from '@material-ui/core/styles';\nimport { AxisLeft, AxisBottom } from '@vx/axis';\nimport Checkbox from '@material-ui/core/Checkbox';\n\nimport { types } from '@pie-lib/plot';\nimport { color } from '@pie-lib/render-ui';\nimport { AlertDialog } from '@pie-lib/config-ui';\nimport { renderMath } from '@pie-lib/math-rendering';\n\nimport { TickCorrectnessIndicator } from './common/correctness-indicators';\nimport { bandKey, getTickValues, getRotateAngle } from './utils';\nimport MarkLabel from './mark-label';\n\nexport class TickComponent extends React.Component {\n  static propTypes = {\n    defineChart: PropTypes.bool,\n    error: PropTypes.any,\n  };\n\n  constructor(props) {\n    super(props);\n    this.state = {\n      dialog: {\n        open: false,\n      },\n    };\n  }\n\n  componentDidUpdate(prevProps) {\n    if (this.props.autoFocus && !prevProps.autoFocus) {\n      this.props.onAutoFocusUsed();\n    }\n  }\n\n  handleAlertDialog = (open, callback) =>\n    this.setState(\n      {\n        dialog: { open },\n      },\n      callback,\n    );\n\n  changeCategory = (index, newLabel) => {\n    const { categories, onChangeCategory } = this.props;\n    const category = categories[index];\n\n    onChangeCategory(index, { ...category, label: newLabel });\n  };\n\n  changeInteractive = (index, value) => {\n    const { categories, onChangeCategory } = this.props;\n    const category = categories[index];\n\n    if (!value) {\n      this.setState({\n        dialog: {\n          open: true,\n          title: 'Warning',\n          text: 'This will remove the correct answer value that has been defined for this category.',\n          onConfirm: () =>\n            this.handleAlertDialog(false, onChangeCategory(index, { ...category, interactive: !category.interactive })),\n          onClose: () => this.handleAlertDialog(false),\n        },\n      });\n    } else {\n      onChangeCategory(index, { ...category, interactive: !category.interactive });\n    }\n  };\n\n  changeEditable = (index, value) => {\n    const { categories, onChangeCategory } = this.props;\n    const category = categories[index];\n\n    if (!value) {\n      this.setState({\n        dialog: {\n          open: true,\n          title: 'Warning',\n          text: 'This will remove the correct answer category name that has been defined for this category.',\n          onConfirm: () =>\n            this.handleAlertDialog(\n              false,\n              onChangeCategory(index, { ...category, editable: !category.editable || false }),\n            ),\n          onClose: () => this.handleAlertDialog(false),\n        },\n      });\n    } else {\n      onChangeCategory(index, { ...category, editable: !category.editable || false });\n    }\n  };\n\n  splitText = (text, maxChar) => {\n    let chunks = [];\n    while ((text || '').length > 0) {\n      let indexToSplit;\n      if (text.length > maxChar) {\n        indexToSplit = text.lastIndexOf(' ', maxChar);\n        if (indexToSplit === -1) {\n          indexToSplit = maxChar;\n        }\n      } else {\n        indexToSplit = text.length;\n      }\n      chunks.push(text.substring(0, indexToSplit));\n      text = text.substring(indexToSplit).trim();\n    }\n    return chunks;\n  };\n\n  render() {\n    const {\n      classes,\n      categories,\n      xBand,\n      bandWidth,\n      barWidth,\n      rotate,\n      top,\n      graphProps,\n      defineChart,\n      chartingOptions,\n      x,\n      y,\n      formattedValue,\n      changeInteractiveEnabled,\n      changeEditableEnabled,\n      error,\n      autoFocus,\n      hiddenLabelRef,\n      showCorrectness,\n    } = this.props;\n\n    if (!formattedValue) {\n      return null;\n    }\n\n    const { dialog } = this.state;\n    const { changeEditable, changeInteractive } = chartingOptions || {};\n    const index = parseInt(formattedValue.split('-')[0], 10);\n    const category = categories[index];\n    const { editable, interactive, label, correctness } = category || {};\n    const barX = xBand(bandKey({ label }, index));\n    const longestCategory = (categories || []).reduce((a, b) => {\n      const lengthA = a && a.label ? a.label.length : 0;\n      const lengthB = b && b.label ? b.label.length : 0;\n\n      return lengthA > lengthB ? a : b;\n    });\n    const distinctMessages = error ? [...new Set(Object.values(error))].join(' ') : '';\n\n    return (\n      <g>\n        <foreignObject\n          x={bandWidth ? barX : x - barWidth / 2}\n          y={18}\n          width={barWidth}\n          height={4}\n          style={{ pointerEvents: 'none', overflow: 'visible' }}\n        >\n          {index === 0 && (\n            <MarkLabel\n              isHiddenLabel={true}\n              inputRef={hiddenLabelRef}\n              disabled={true}\n              mark={longestCategory}\n              graphProps={graphProps}\n              barWidth={barWidth}\n            />\n          )}\n\n          <MarkLabel\n            autoFocus={defineChart && autoFocus}\n            inputRef={(r) => (this.input = r)}\n            disabled={!defineChart && !editable}\n            mark={category}\n            graphProps={graphProps}\n            onChange={(newLabel) => this.changeCategory(index, newLabel)}\n            barWidth={barWidth}\n            rotate={rotate}\n            correctness={correctness}\n            error={error && error[index]}\n            limitCharacters\n            correctnessIndicator={\n              showCorrectness &&\n              correctness && (\n                <TickCorrectnessIndicator correctness={correctness} interactive={interactive} classes={classes} />\n              )\n            }\n          />\n        </foreignObject>\n\n        {error && index === 0 && (\n          <text className={classes.error} y={y + 23} height={6} textAnchor=\"start\">\n            {distinctMessages}\n          </text>\n        )}\n\n        {defineChart && index === 0 && (\n          <svg\n            x={-55}\n            style={{\n              overflow: 'visible',\n            }}\n          >\n            {changeInteractiveEnabled && (\n              <text\n                y={y + 90 + top}\n                width={barWidth}\n                height={4}\n                style={{\n                  position: 'absolute',\n                  pointerEvents: 'none',\n                  wordBreak: 'break-word',\n                  maxWidth: barWidth,\n                  display: 'inline-block',\n                }}\n              >\n                {this.splitText(changeInteractive?.authoringLabel, 20).map((word, index) => (\n                  <tspan key={index} x=\"0\" dy={`${index > 0 ? '1.2em' : '.6em'}`}>\n                    {word}\n                  </tspan>\n                ))}\n              </text>\n            )}\n\n            {changeEditableEnabled && (\n              <text\n                y={y + 145 + top}\n                width={barWidth}\n                height={4}\n                style={{\n                  position: 'absolute',\n                  pointerEvents: 'none',\n                  wordBreak: 'break-word',\n                  maxWidth: barWidth,\n                  display: 'inline-block',\n                }}\n              >\n                {this.splitText(changeEditable?.authoringLabel, 20).map((word, index) => (\n                  <tspan key={index} x=\"0\" dy={`${index > 0 ? '1.2em' : '.6em'}`}>\n                    {word}\n                  </tspan>\n                ))}\n              </text>\n            )}\n          </svg>\n        )}\n\n        {defineChart && changeInteractiveEnabled && (\n          <foreignObject\n            x={x - 24}\n            y={y + 80 + top}\n            width={barWidth}\n            height={4}\n            style={{ pointerEvents: 'visible', overflow: 'visible' }}\n          >\n            <Checkbox\n              className={classes.customColor}\n              style={{ position: 'fixed' }}\n              checked={interactive}\n              onChange={(e) => this.changeInteractive(index, e.target.checked)}\n            />\n          </foreignObject>\n        )}\n\n        {defineChart && changeEditableEnabled && (\n          <foreignObject\n            x={x - 24}\n            y={y + 130 + top}\n            width={barWidth}\n            height={4}\n            style={{ pointerEvents: 'visible', overflow: 'visible' }}\n          >\n            <Checkbox\n              className={classes.customColor}\n              style={{ position: 'fixed' }}\n              checked={editable}\n              onChange={(e) => this.changeEditable(index, e.target.checked)}\n            />\n          </foreignObject>\n        )}\n\n        <foreignObject\n          x={x - 24}\n          y={y + 100 + top}\n          width={barWidth}\n          height={4}\n          style={{ pointerEvents: 'visible', overflow: 'visible' }}\n        >\n          <AlertDialog\n            open={dialog.open}\n            title={dialog.title}\n            text={dialog.text}\n            onClose={dialog.onClose}\n            onConfirm={dialog.onConfirm}\n          />\n        </foreignObject>\n      </g>\n    );\n  }\n}\n\nTickComponent.propTypes = {\n  categories: PropTypes.array,\n  xBand: PropTypes.func,\n  bandWidth: PropTypes.number,\n  barWidth: PropTypes.number,\n  rotate: PropTypes.number,\n  top: PropTypes.number,\n  x: PropTypes.number,\n  y: PropTypes.number,\n  graphProps: PropTypes.object,\n  formattedValue: PropTypes.string,\n  onChangeCategory: PropTypes.func,\n  onChange: PropTypes.func,\n  classes: PropTypes.object,\n  error: PropTypes.object,\n  defineChart: PropTypes.bool,\n  chartingOptions: PropTypes.object,\n  changeInteractiveEnabled: PropTypes.bool,\n  changeEditableEnabled: PropTypes.bool,\n  autoFocus: PropTypes.bool,\n  onAutoFocusUsed: PropTypes.func,\n  showCorrectness: PropTypes.bool,\n};\n\nexport class RawChartAxes extends React.Component {\n  static propTypes = {\n    bottomScale: PropTypes.func,\n    classes: PropTypes.object.isRequired,\n    categories: PropTypes.array,\n    defineChart: PropTypes.bool,\n    error: PropTypes.any,\n    graphProps: types.GraphPropsType.isRequired,\n    xBand: PropTypes.func,\n    leftAxis: PropTypes.bool,\n    onChange: PropTypes.func,\n    onChangeCategory: PropTypes.func,\n    top: PropTypes.number,\n    theme: PropTypes.object,\n    chartingOptions: PropTypes.object,\n    changeInteractiveEnabled: PropTypes.bool,\n    changeEditableEnabled: PropTypes.bool,\n    autoFocus: PropTypes.bool,\n    onAutoFocusUsed: PropTypes.func,\n    showCorrectness: PropTypes.bool,\n  };\n\n  state = { height: 0, width: 0 };\n\n  componentDidMount() {\n    if (this.hiddenLabelRef) {\n      const boundingClientRect = this.hiddenLabelRef.getBoundingClientRect();\n      const hiddenEl = this.hiddenLabelRef.current;\n\n      // same logic used in dropdown.jsx for hidden labels width calculation\n      if (hiddenEl) {\n        const containsLatex = hiddenEl.querySelector('[data-latex], [data-raw]');\n        const hasMathJax = hiddenEl.querySelector('mjx-container');\n        const mathHandled = hiddenEl.querySelector('[data-math-handled=\"true\"]');\n\n        if (containsLatex && (!mathHandled || !hasMathJax)) {\n          renderMath(this.hiddenLabelRef);\n        }\n\n        this.setState({\n          height: Math.floor(boundingClientRect.height),\n          width: Math.floor(boundingClientRect.width),\n        });\n      }\n    }\n  }\n\n  componentDidUpdate(prevProps, prevState, snapshot) {\n    if (this.hiddenLabelRef) {\n      const width = Math.floor(this.hiddenLabelRef.getBoundingClientRect().width);\n\n      if (width !== this.state.width) {\n        this.setState({ width });\n      }\n    }\n  }\n\n  render() {\n    const {\n      classes,\n      graphProps,\n      xBand,\n      leftAxis,\n      onChange,\n      onChangeCategory,\n      categories = [],\n      top,\n      defineChart,\n      chartingOptions,\n      changeInteractiveEnabled,\n      changeEditableEnabled,\n      theme,\n      autoFocus,\n      onAutoFocusUsed,\n      error,\n      showCorrectness,\n    } = this.props;\n\n    const { axis, axisLine, tick } = classes;\n    const { scale = {}, range = {}, domain = {}, size = {} } = graphProps || {};\n    const { height, width } = this.state;\n\n    const bottomScale = xBand && typeof xBand.rangeRound === 'function' && xBand.rangeRound([0, size.width]);\n\n    const bandWidth = xBand && typeof xBand.bandwidth === 'function' && xBand.bandwidth();\n    // for chartType \"line\", bandWidth will be 0, so we have to calculate it\n    const barWidth = bandWidth || (scale.x && scale.x(domain.max) / categories.length);\n\n    const rowTickValues = getTickValues({ ...range, step: range.labelStep });\n    const fontSize = theme && theme.typography ? theme.typography.fontSize : 14;\n    // this mostly applies for labels that are not editable\n    const rotateBecauseOfHeight = getRotateAngle(fontSize, height);\n    // this applies for labels that are editable\n    const rotateBecauseOfWidth = width > barWidth ? 25 : 0;\n\n    const getTickLabelProps = (value) => ({\n      dy: 4,\n      dx: -10 - (value.toLocaleString().length || 1) * 5,\n    });\n\n    const getTickComponent = (props) => {\n      const properties = {\n        hiddenLabelRef: (ref) => {\n          this.hiddenLabelRef = ref;\n        },\n        classes,\n        categories,\n        xBand,\n        bandWidth,\n        barWidth,\n        rotate: rotateBecauseOfHeight || rotateBecauseOfWidth,\n        top,\n        defineChart,\n        chartingOptions,\n        autoFocus,\n        onAutoFocusUsed,\n        error,\n        onChangeCategory,\n        changeInteractiveEnabled,\n        changeEditableEnabled,\n        onChange,\n        graphProps,\n        x: props.x,\n        y: props.y,\n        formattedValue: props.formattedValue,\n        showCorrectness,\n      };\n\n      return <TickComponent {...properties} />;\n    };\n\n    return (\n      <React.Fragment>\n        {leftAxis && (\n          <AxisLeft\n            scale={scale.y}\n            className={axis}\n            axisLineClassName={axisLine}\n            tickLength={10}\n            tickClassName={tick}\n            tickFormat={(value) => value}\n            tickValues={rowTickValues}\n            tickLabelProps={getTickLabelProps}\n          />\n        )}\n        <AxisBottom\n          axisLineClassName={axisLine}\n          tickClassName={tick}\n          scale={bottomScale}\n          labelProps={{ y: 60 + top }}\n          top={scale.y && scale.y(range.min)}\n          textLabelProps={() => ({ textAnchor: 'middle' })}\n          tickFormat={(count) => count}\n          tickComponent={getTickComponent}\n          autoFocus={autoFocus}\n          onAutoFocusUsed={onAutoFocusUsed}\n        />\n      </React.Fragment>\n    );\n  }\n}\n\nconst ChartAxes = withStyles(\n  (theme) => ({\n    axis: {\n      stroke: color.primaryDark(),\n      strokeWidth: 2,\n    },\n    axisLine: {\n      stroke: color.visualElementsColors.AXIS_LINE_COLOR,\n      strokeWidth: 2,\n    },\n    tick: {\n      '& > line': {\n        stroke: color.primaryDark(),\n        strokeWidth: 2,\n      },\n      fontFamily: theme.typography.body1.fontFamily,\n      fontSize: theme.typography.fontSize,\n      textAnchor: 'middle',\n    },\n    dottedLine: {\n      stroke: color.primaryLight(),\n      opacity: 0.2,\n    },\n    error: {\n      fontSize: theme.typography.fontSize - 2,\n      fill: theme.palette.error.main,\n    },\n    customColor: {\n      color: `${color.tertiary()} !important`,\n    },\n    correctnessIcon: {\n      borderRadius: theme.spacing.unit * 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      boxSizing: 'unset', // to override the default border-box in IBX\n    },\n    incorrectIcon: {\n      backgroundColor: color.incorrectWithIcon(),\n    },\n    correctIcon: {\n      backgroundColor: color.correct(),\n    },\n    tickContainer: {\n      display: 'flex',\n      flexDirection: 'column',\n      alignItems: 'center',\n    },\n  }),\n  { withTheme: true },\n)(RawChartAxes);\n\nexport default ChartAxes;\n"],"file":"axes.js"}

package/lib/chart.js

@@ -289,7 +289,15 @@ var Chart = /*#__PURE__*/function (_React$Component) {
 
       var top = (0, _utils.getTopPadding)(barWidth);
       var rootCommon = (0, _cloneDeep["default"])(common);
-      rootCommon.graphProps.size.height += top + increaseHeight;
+      rootCommon.graphProps.size.height += top + increaseHeight; // for plot evaluations we need extra space because we render correctness icon below x axis
+
+      var isPlotEvaluation = (chartType === 'dotPlot' || chartType === 'linePlot') && (correctData === null || correctData === void 0 ? void 0 : correctData.length);
+      var needsExtraHeight = isPlotEvaluation && labels.bottom;
+
+      if (needsExtraHeight) {
+        rootCommon.graphProps.size.height += 25;
+      }
+
       return /*#__PURE__*/_react["default"].createElement("div", {
         className: (0, _classnames["default"])(classes.chart, classes.chartBox, className)
       }, /*#__PURE__*/_react["default"].createElement(_plot.Root, (0, _extends2["default"])({

package/lib/chart.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/chart.jsx"],"names":["translator","Translator","log","Chart","props","charts","chartTypes","Bar","Histogram","LineDot","LineCross","DotPlot","LinePlot","autoFocus","open","callback","setState","dialog","state","chartType","ChartComponent","chart","find","type","Component","data","onDataChange","index","newCategory","integerIndex","parseInt","categoryDefaultLabel","defineChart","categoryDefaults","language","length","title","t","lng","text","count","onConfirm","handleAlertDialog","inDefineChart","label","value","deletable","editable","interactive","filter","_","i","map","d","actionsAnchorEl","maskUid","generateMaskId","Math","random","toFixed","classes","className","domain","range","chartingOptions","size","onChangeTitle","onChangeLabels","labelsPlaceholders","titlePlaceholder","addCategoryEnabled","changeInteractiveEnabled","changeEditableEnabled","showPixelGuides","error","mathMlOptions","labelsCharactersLimit","correctData","width","height","labels","left","bottom","getChart","categories","getFilteredCategories","correctValues","verticalLines","horizontalLines","leftAxis","common","graphProps","rootNode","maskSize","x","y","scale","xBand","bandWidth","bandwidth","barWidth","max","increaseHeight","top","rootCommon","chartBox","r","resetAutoFocus","changeData","changeCategory","display","justifyContent","addCategory","deleteCategory","onClose","React","PropTypes","object","isRequired","string","shape","number","min","axisLabel","arrayOf","step","labelStep","array","func","any","bool","theme","styles","graphBox","transform","svg","overflow","withTheme"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { withStyles } from '@material-ui/core/styles';\nimport classNames from 'classnames';\nimport debug from 'debug';\nimport cloneDeep from 'lodash/cloneDeep';\n\nimport { Root, createGraphProps } from '@pie-lib/plot';\nimport { AlertDialog } from '@pie-lib/config-ui';\nimport ChartGrid from './grid';\nimport ChartAxes from './axes';\nimport { dataToXBand, getDomainAndRangeByChartType, getGridLinesAndAxisByChartType, getTopPadding } from './utils';\nimport chartTypes from './chart-types';\nimport ActionsButton from './actions-button';\nimport Translator from '@pie-lib/translator';\n\nconst { translator } = Translator;\n\nconst log = debug('pie-lib:charts:chart');\n\nexport class Chart extends React.Component {\n  constructor(props) {\n    super(props);\n    this.state = {\n      dialog: {\n        open: false,\n      },\n      actionsAnchorEl: null,\n    };\n    this.maskUid = this.generateMaskId();\n  }\n\n  static propTypes = {\n    classes: PropTypes.object.isRequired,\n    className: PropTypes.string,\n    chartType: PropTypes.string.isRequired,\n    size: PropTypes.shape({\n      width: PropTypes.number,\n      height: PropTypes.number,\n    }),\n    domain: PropTypes.shape({\n      label: PropTypes.string,\n      min: PropTypes.number,\n      max: PropTypes.number,\n      axisLabel: PropTypes.string,\n    }),\n    data: PropTypes.arrayOf(PropTypes.shape({ label: PropTypes.string, value: PropTypes.number })),\n    range: PropTypes.shape({\n      label: PropTypes.string,\n      min: PropTypes.number,\n      max: PropTypes.number,\n      step: PropTypes.number,\n      labelStep: PropTypes.number,\n      axisLabel: PropTypes.string,\n    }),\n    charts: PropTypes.array,\n    labelsPlaceholders: PropTypes.object,\n    title: PropTypes.string,\n    titlePlaceholder: PropTypes.string,\n    onDataChange: PropTypes.func,\n    onChangeLabels: PropTypes.func,\n    onChangeTitle: PropTypes.func,\n    error: PropTypes.any,\n    addCategoryEnabled: PropTypes.bool,\n    showPixelGuides: PropTypes.bool,\n    categoryDefaultLabel: PropTypes.string,\n    categoryDefaults: PropTypes.object,\n    defineChart: PropTypes.bool,\n    theme: PropTypes.object,\n    chartingOptions: PropTypes.object,\n    changeInteractiveEnabled: PropTypes.bool,\n    changeEditableEnabled: PropTypes.bool,\n    language: PropTypes.string,\n    mathMlOptions: PropTypes.object,\n    labelsCharactersLimit: PropTypes.number,\n    correctData: PropTypes.arrayOf(\n      PropTypes.shape({\n        label: PropTypes.string,\n        value: PropTypes.number,\n      }),\n    ),\n  };\n\n  static defaultProps = {\n    size: {\n      width: 480,\n      height: 480,\n    },\n  };\n\n  state = {\n    charts: [\n      chartTypes.Bar(),\n      chartTypes.Histogram(),\n      chartTypes.LineDot(),\n      chartTypes.LineCross(),\n      chartTypes.DotPlot(),\n      chartTypes.LinePlot(),\n    ],\n    autoFocus: false,\n  };\n\n  generateMaskId() {\n    return 'chart-' + (Math.random() * 10000).toFixed();\n  }\n\n  handleAlertDialog = (open, callback) =>\n    this.setState(\n      {\n        dialog: { open },\n      },\n      callback,\n    );\n\n  getChart = () => {\n    const charts = this.props.charts || this.state.charts;\n    let { chartType } = this.props;\n    let ChartComponent = null;\n    let chart = null;\n\n    if (chartType) {\n      chart = charts && charts.find((chart) => chart.type === chartType);\n      ChartComponent = chart && chart.Component;\n    } else {\n      chart = charts && charts[0];\n      ChartComponent = chart && chart.Component;\n      chartType = chart && chart.type;\n    }\n\n    return {\n      type: chartType,\n      ChartComponent,\n    };\n  };\n\n  changeData = (data) => {\n    const { onDataChange } = this.props;\n\n    onDataChange(data);\n  };\n\n  changeCategory = (index, newCategory) => {\n    const integerIndex = parseInt(index, 10);\n\n    if (integerIndex >= 0) {\n      const { data, onDataChange } = this.props;\n      data[integerIndex] = {\n        ...data[integerIndex],\n        ...newCategory,\n      };\n\n      onDataChange(data);\n    }\n  };\n\n  addCategory = () => {\n    const { onDataChange, data, categoryDefaultLabel, defineChart, categoryDefaults, language } = this.props;\n\n    if ((data || []).length > 19) {\n      this.setState({\n        dialog: {\n          open: true,\n          title: translator.t('common:warning', { lng: language }),\n          text: translator.t('charting.reachedLimit_other', { count: 20, lng: language }),\n          onConfirm: () => this.handleAlertDialog(false),\n        },\n      });\n    } else {\n      this.setState({ autoFocus: true });\n      onDataChange([\n        ...data,\n        {\n          inDefineChart: defineChart,\n          label: categoryDefaultLabel || translator.t('charting.newLabel', { lng: language }),\n          value: 0,\n          deletable: true,\n          editable: categoryDefaults ? categoryDefaults?.editable : true,\n          interactive: categoryDefaults ? categoryDefaults?.interactive : true,\n        },\n      ]);\n    }\n  };\n\n  deleteCategory = (index) => {\n    const { data, onDataChange } = this.props;\n\n    if (typeof index !== 'number' || index < 0) {\n      return;\n    }\n\n    if (data && data.length > 0) {\n      onDataChange(data.filter((_, i) => i !== index));\n    }\n  };\n\n  getFilteredCategories = () => {\n    const { data, defineChart } = this.props;\n\n    return data\n      ? data.map((d) => ({\n          ...d,\n          deletable: defineChart || d.deletable,\n        }))\n      : [];\n  };\n\n  resetAutoFocus = () => {\n    this.setState({ autoFocus: false });\n  };\n\n  render() {\n    const {\n      classes,\n      className,\n      domain = {},\n      range = {},\n      chartingOptions,\n      size,\n      title,\n      onChangeTitle,\n      onChangeLabels,\n      labelsPlaceholders,\n      titlePlaceholder,\n      addCategoryEnabled,\n      changeInteractiveEnabled,\n      changeEditableEnabled,\n      showPixelGuides,\n      error,\n      mathMlOptions = {},\n      language,\n      labelsCharactersLimit,\n      correctData,\n    } = this.props;\n    let { chartType } = this.props;\n\n    const { dialog } = this.state;\n    const defineChart = this.props.defineChart || false;\n\n    const { width, height } = size || {};\n    const labels = { left: range?.label || '', bottom: domain?.label || '' };\n\n    const { ChartComponent } = this.getChart();\n    const categories = this.getFilteredCategories();\n\n    const correctValues = getDomainAndRangeByChartType(domain, range, chartType);\n\n    const { verticalLines, horizontalLines, leftAxis } = getGridLinesAndAxisByChartType(correctValues.range, chartType);\n    const common = {\n      graphProps: createGraphProps(correctValues.domain, correctValues.range, size, () => this.rootNode),\n    };\n\n    log('[render] common:', common);\n\n    const maskSize = { x: -10, y: -75, width: width + 20, height: height + 130 };\n    const { scale } = common.graphProps;\n    const xBand = dataToXBand(scale.x, categories, width, chartType);\n\n    if (!ChartComponent) {\n      return null;\n    }\n\n    const bandWidth = xBand.bandwidth();\n    // for chartType \"line\", bandWidth will be 0, so we have to calculate it\n    const barWidth = bandWidth || scale.x(correctValues.domain.max) / categories.length;\n    const increaseHeight = defineChart ? 160 : 60;\n\n    // if there are many categories, we have to rotate their names in order to fit\n    // and we have to add extra value on top of some items\n    const top = getTopPadding(barWidth);\n    const rootCommon = cloneDeep(common);\n    rootCommon.graphProps.size.height += top + increaseHeight;\n\n    return (\n      <div className={classNames(classes.chart, classes.chartBox, className)}>\n        <Root\n          title={title}\n          onChangeTitle={onChangeTitle}\n          disabledTitle={!defineChart}\n          showTitle={true}\n          showLabels={true}\n          labels={labels}\n          onChangeLabels={onChangeLabels}\n          labelsPlaceholders={labelsPlaceholders}\n          titlePlaceholder={titlePlaceholder}\n          defineChart={defineChart}\n          disabledLabels={!defineChart}\n          isChart={true}\n          showPixelGuides={showPixelGuides}\n          rootRef={(r) => (this.rootNode = r)}\n          mathMlOptions={mathMlOptions}\n          labelsCharactersLimit={labelsCharactersLimit}\n          {...rootCommon}\n        >\n          <ChartGrid {...common} xBand={xBand} rowTickValues={horizontalLines} columnTickValues={verticalLines} />\n          <ChartAxes\n            autoFocus={this.state.autoFocus}\n            onAutoFocusUsed={this.resetAutoFocus}\n            {...common}\n            defineChart={defineChart}\n            categories={categories}\n            xBand={xBand}\n            leftAxis={leftAxis}\n            onChange={this.changeData}\n            onChangeCategory={this.changeCategory}\n            chartingOptions={chartingOptions}\n            changeInteractiveEnabled={changeInteractiveEnabled}\n            changeEditableEnabled={changeEditableEnabled}\n            top={top}\n            error={error}\n            showCorrectness={chartType === 'linePlot' || chartType === 'dotPlot'}\n          />\n          {addCategoryEnabled ? (\n            <foreignObject x={width} y={height - 16} width={width} height={height}>\n              <div xmlns=\"http://www.w3.org/1999/xhtml\" style={{ display: 'flex', justifyContent: 'flex-start' }}>\n                <ActionsButton\n                  categories={categories}\n                  addCategory={this.addCategory}\n                  deleteCategory={this.deleteCategory}\n                  language={language}\n                />\n              </div>\n            </foreignObject>\n          ) : null}\n          <mask id={`${this.maskUid}`}>\n            <rect {...maskSize} fill=\"white\" />\n          </mask>\n          <g id=\"marks\" mask={`url('#${this.maskUid}')`}>\n            <ChartComponent\n              {...common}\n              data={categories}\n              height={rootCommon.graphProps.size.height}\n              defineChart={defineChart}\n              onChange={this.changeData}\n              onChangeCategory={this.changeCategory}\n              correctData={correctData}\n            />\n          </g>\n        </Root>\n        <AlertDialog\n          open={dialog.open}\n          title={dialog.title}\n          text={dialog.text}\n          onClose={dialog.onClose}\n          onConfirm={dialog.onConfirm}\n        />\n      </div>\n    );\n  }\n}\n\nconst styles = (theme) => ({\n  graphBox: {\n    transform: 'translate(60px, 35px)',\n  },\n  svg: {\n    overflow: 'visible',\n  },\n\n  chartBox: {\n    width: 'min-content',\n  },\n});\n\nexport default withStyles(styles, { withTheme: true })(Chart);\n"],"file":"chart.js"}
+{"version":3,"sources":["../src/chart.jsx"],"names":["translator","Translator","log","Chart","props","charts","chartTypes","Bar","Histogram","LineDot","LineCross","DotPlot","LinePlot","autoFocus","open","callback","setState","dialog","state","chartType","ChartComponent","chart","find","type","Component","data","onDataChange","index","newCategory","integerIndex","parseInt","categoryDefaultLabel","defineChart","categoryDefaults","language","length","title","t","lng","text","count","onConfirm","handleAlertDialog","inDefineChart","label","value","deletable","editable","interactive","filter","_","i","map","d","actionsAnchorEl","maskUid","generateMaskId","Math","random","toFixed","classes","className","domain","range","chartingOptions","size","onChangeTitle","onChangeLabels","labelsPlaceholders","titlePlaceholder","addCategoryEnabled","changeInteractiveEnabled","changeEditableEnabled","showPixelGuides","error","mathMlOptions","labelsCharactersLimit","correctData","width","height","labels","left","bottom","getChart","categories","getFilteredCategories","correctValues","verticalLines","horizontalLines","leftAxis","common","graphProps","rootNode","maskSize","x","y","scale","xBand","bandWidth","bandwidth","barWidth","max","increaseHeight","top","rootCommon","isPlotEvaluation","needsExtraHeight","chartBox","r","resetAutoFocus","changeData","changeCategory","display","justifyContent","addCategory","deleteCategory","onClose","React","PropTypes","object","isRequired","string","shape","number","min","axisLabel","arrayOf","step","labelStep","array","func","any","bool","theme","styles","graphBox","transform","svg","overflow","withTheme"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { withStyles } from '@material-ui/core/styles';\nimport classNames from 'classnames';\nimport debug from 'debug';\nimport cloneDeep from 'lodash/cloneDeep';\n\nimport { Root, createGraphProps } from '@pie-lib/plot';\nimport { AlertDialog } from '@pie-lib/config-ui';\nimport ChartGrid from './grid';\nimport ChartAxes from './axes';\nimport { dataToXBand, getDomainAndRangeByChartType, getGridLinesAndAxisByChartType, getTopPadding } from './utils';\nimport chartTypes from './chart-types';\nimport ActionsButton from './actions-button';\nimport Translator from '@pie-lib/translator';\n\nconst { translator } = Translator;\n\nconst log = debug('pie-lib:charts:chart');\n\nexport class Chart extends React.Component {\n  constructor(props) {\n    super(props);\n    this.state = {\n      dialog: {\n        open: false,\n      },\n      actionsAnchorEl: null,\n    };\n    this.maskUid = this.generateMaskId();\n  }\n\n  static propTypes = {\n    classes: PropTypes.object.isRequired,\n    className: PropTypes.string,\n    chartType: PropTypes.string.isRequired,\n    size: PropTypes.shape({\n      width: PropTypes.number,\n      height: PropTypes.number,\n    }),\n    domain: PropTypes.shape({\n      label: PropTypes.string,\n      min: PropTypes.number,\n      max: PropTypes.number,\n      axisLabel: PropTypes.string,\n    }),\n    data: PropTypes.arrayOf(PropTypes.shape({ label: PropTypes.string, value: PropTypes.number })),\n    range: PropTypes.shape({\n      label: PropTypes.string,\n      min: PropTypes.number,\n      max: PropTypes.number,\n      step: PropTypes.number,\n      labelStep: PropTypes.number,\n      axisLabel: PropTypes.string,\n    }),\n    charts: PropTypes.array,\n    labelsPlaceholders: PropTypes.object,\n    title: PropTypes.string,\n    titlePlaceholder: PropTypes.string,\n    onDataChange: PropTypes.func,\n    onChangeLabels: PropTypes.func,\n    onChangeTitle: PropTypes.func,\n    error: PropTypes.any,\n    addCategoryEnabled: PropTypes.bool,\n    showPixelGuides: PropTypes.bool,\n    categoryDefaultLabel: PropTypes.string,\n    categoryDefaults: PropTypes.object,\n    defineChart: PropTypes.bool,\n    theme: PropTypes.object,\n    chartingOptions: PropTypes.object,\n    changeInteractiveEnabled: PropTypes.bool,\n    changeEditableEnabled: PropTypes.bool,\n    language: PropTypes.string,\n    mathMlOptions: PropTypes.object,\n    labelsCharactersLimit: PropTypes.number,\n    correctData: PropTypes.arrayOf(\n      PropTypes.shape({\n        label: PropTypes.string,\n        value: PropTypes.number,\n      }),\n    ),\n  };\n\n  static defaultProps = {\n    size: {\n      width: 480,\n      height: 480,\n    },\n  };\n\n  state = {\n    charts: [\n      chartTypes.Bar(),\n      chartTypes.Histogram(),\n      chartTypes.LineDot(),\n      chartTypes.LineCross(),\n      chartTypes.DotPlot(),\n      chartTypes.LinePlot(),\n    ],\n    autoFocus: false,\n  };\n\n  generateMaskId() {\n    return 'chart-' + (Math.random() * 10000).toFixed();\n  }\n\n  handleAlertDialog = (open, callback) =>\n    this.setState(\n      {\n        dialog: { open },\n      },\n      callback,\n    );\n\n  getChart = () => {\n    const charts = this.props.charts || this.state.charts;\n    let { chartType } = this.props;\n    let ChartComponent = null;\n    let chart = null;\n\n    if (chartType) {\n      chart = charts && charts.find((chart) => chart.type === chartType);\n      ChartComponent = chart && chart.Component;\n    } else {\n      chart = charts && charts[0];\n      ChartComponent = chart && chart.Component;\n      chartType = chart && chart.type;\n    }\n\n    return {\n      type: chartType,\n      ChartComponent,\n    };\n  };\n\n  changeData = (data) => {\n    const { onDataChange } = this.props;\n\n    onDataChange(data);\n  };\n\n  changeCategory = (index, newCategory) => {\n    const integerIndex = parseInt(index, 10);\n\n    if (integerIndex >= 0) {\n      const { data, onDataChange } = this.props;\n      data[integerIndex] = {\n        ...data[integerIndex],\n        ...newCategory,\n      };\n\n      onDataChange(data);\n    }\n  };\n\n  addCategory = () => {\n    const { onDataChange, data, categoryDefaultLabel, defineChart, categoryDefaults, language } = this.props;\n\n    if ((data || []).length > 19) {\n      this.setState({\n        dialog: {\n          open: true,\n          title: translator.t('common:warning', { lng: language }),\n          text: translator.t('charting.reachedLimit_other', { count: 20, lng: language }),\n          onConfirm: () => this.handleAlertDialog(false),\n        },\n      });\n    } else {\n      this.setState({ autoFocus: true });\n      onDataChange([\n        ...data,\n        {\n          inDefineChart: defineChart,\n          label: categoryDefaultLabel || translator.t('charting.newLabel', { lng: language }),\n          value: 0,\n          deletable: true,\n          editable: categoryDefaults ? categoryDefaults?.editable : true,\n          interactive: categoryDefaults ? categoryDefaults?.interactive : true,\n        },\n      ]);\n    }\n  };\n\n  deleteCategory = (index) => {\n    const { data, onDataChange } = this.props;\n\n    if (typeof index !== 'number' || index < 0) {\n      return;\n    }\n\n    if (data && data.length > 0) {\n      onDataChange(data.filter((_, i) => i !== index));\n    }\n  };\n\n  getFilteredCategories = () => {\n    const { data, defineChart } = this.props;\n\n    return data\n      ? data.map((d) => ({\n          ...d,\n          deletable: defineChart || d.deletable,\n        }))\n      : [];\n  };\n\n  resetAutoFocus = () => {\n    this.setState({ autoFocus: false });\n  };\n\n  render() {\n    const {\n      classes,\n      className,\n      domain = {},\n      range = {},\n      chartingOptions,\n      size,\n      title,\n      onChangeTitle,\n      onChangeLabels,\n      labelsPlaceholders,\n      titlePlaceholder,\n      addCategoryEnabled,\n      changeInteractiveEnabled,\n      changeEditableEnabled,\n      showPixelGuides,\n      error,\n      mathMlOptions = {},\n      language,\n      labelsCharactersLimit,\n      correctData,\n    } = this.props;\n    let { chartType } = this.props;\n\n    const { dialog } = this.state;\n    const defineChart = this.props.defineChart || false;\n\n    const { width, height } = size || {};\n    const labels = { left: range?.label || '', bottom: domain?.label || '' };\n\n    const { ChartComponent } = this.getChart();\n    const categories = this.getFilteredCategories();\n\n    const correctValues = getDomainAndRangeByChartType(domain, range, chartType);\n\n    const { verticalLines, horizontalLines, leftAxis } = getGridLinesAndAxisByChartType(correctValues.range, chartType);\n    const common = {\n      graphProps: createGraphProps(correctValues.domain, correctValues.range, size, () => this.rootNode),\n    };\n\n    log('[render] common:', common);\n\n    const maskSize = { x: -10, y: -75, width: width + 20, height: height + 130 };\n    const { scale } = common.graphProps;\n    const xBand = dataToXBand(scale.x, categories, width, chartType);\n\n    if (!ChartComponent) {\n      return null;\n    }\n\n    const bandWidth = xBand.bandwidth();\n    // for chartType \"line\", bandWidth will be 0, so we have to calculate it\n    const barWidth = bandWidth || scale.x(correctValues.domain.max) / categories.length;\n    const increaseHeight = defineChart ? 160 : 60;\n\n    // if there are many categories, we have to rotate their names in order to fit\n    // and we have to add extra value on top of some items\n    const top = getTopPadding(barWidth);\n    const rootCommon = cloneDeep(common);\n    rootCommon.graphProps.size.height += top + increaseHeight;\n\n    // for plot evaluations we need extra space because we render correctness icon below x axis\n    const isPlotEvaluation = (chartType === 'dotPlot' || chartType === 'linePlot') && correctData?.length;\n    const needsExtraHeight = isPlotEvaluation && labels.bottom;\n\n    if (needsExtraHeight) {\n      rootCommon.graphProps.size.height += 25;\n    }\n\n    return (\n      <div className={classNames(classes.chart, classes.chartBox, className)}>\n        <Root\n          title={title}\n          onChangeTitle={onChangeTitle}\n          disabledTitle={!defineChart}\n          showTitle={true}\n          showLabels={true}\n          labels={labels}\n          onChangeLabels={onChangeLabels}\n          labelsPlaceholders={labelsPlaceholders}\n          titlePlaceholder={titlePlaceholder}\n          defineChart={defineChart}\n          disabledLabels={!defineChart}\n          isChart={true}\n          showPixelGuides={showPixelGuides}\n          rootRef={(r) => (this.rootNode = r)}\n          mathMlOptions={mathMlOptions}\n          labelsCharactersLimit={labelsCharactersLimit}\n          {...rootCommon}\n        >\n          <ChartGrid {...common} xBand={xBand} rowTickValues={horizontalLines} columnTickValues={verticalLines} />\n          <ChartAxes\n            autoFocus={this.state.autoFocus}\n            onAutoFocusUsed={this.resetAutoFocus}\n            {...common}\n            defineChart={defineChart}\n            categories={categories}\n            xBand={xBand}\n            leftAxis={leftAxis}\n            onChange={this.changeData}\n            onChangeCategory={this.changeCategory}\n            chartingOptions={chartingOptions}\n            changeInteractiveEnabled={changeInteractiveEnabled}\n            changeEditableEnabled={changeEditableEnabled}\n            top={top}\n            error={error}\n            showCorrectness={chartType === 'linePlot' || chartType === 'dotPlot'}\n          />\n          {addCategoryEnabled ? (\n            <foreignObject x={width} y={height - 16} width={width} height={height}>\n              <div xmlns=\"http://www.w3.org/1999/xhtml\" style={{ display: 'flex', justifyContent: 'flex-start' }}>\n                <ActionsButton\n                  categories={categories}\n                  addCategory={this.addCategory}\n                  deleteCategory={this.deleteCategory}\n                  language={language}\n                />\n              </div>\n            </foreignObject>\n          ) : null}\n          <mask id={`${this.maskUid}`}>\n            <rect {...maskSize} fill=\"white\" />\n          </mask>\n          <g id=\"marks\" mask={`url('#${this.maskUid}')`}>\n            <ChartComponent\n              {...common}\n              data={categories}\n              height={rootCommon.graphProps.size.height}\n              defineChart={defineChart}\n              onChange={this.changeData}\n              onChangeCategory={this.changeCategory}\n              correctData={correctData}\n            />\n          </g>\n        </Root>\n        <AlertDialog\n          open={dialog.open}\n          title={dialog.title}\n          text={dialog.text}\n          onClose={dialog.onClose}\n          onConfirm={dialog.onConfirm}\n        />\n      </div>\n    );\n  }\n}\n\nconst styles = (theme) => ({\n  graphBox: {\n    transform: 'translate(60px, 35px)',\n  },\n  svg: {\n    overflow: 'visible',\n  },\n\n  chartBox: {\n    width: 'min-content',\n  },\n});\n\nexport default withStyles(styles, { withTheme: true })(Chart);\n"],"file":"chart.js"}

package/lib/plot/common/plot.js

@@ -104,10 +104,22 @@ var RawPlot = /*#__PURE__*/function (_React$Component) {
 
       _this.setDragValue(next);
     });
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "renderCorrectnessIcon", function (barX, barWidth, correctVal, correctness, classes, scale) {
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "renderCorrectnessIcon", function (barX, barWidth, correctVal, correctness, classes, scale, pointHeight, pointDiameter) {
+      var iconY;
+
+      if (correctVal === 0) {
+        // if correct value is 0, position icon on the horizontal axis
+        iconY = scale.y(0) - ICON_SIZE / 2;
+      } else {
+        var shapeIndex = correctVal - 1; // the index of the shape representing the correct value
+
+        var shapeCenterY = scale.y(shapeIndex) - (pointHeight - pointDiameter) / 2 - pointDiameter / 2;
+        iconY = shapeCenterY - ICON_SIZE / 2; // center the icon
+      }
+
       return /*#__PURE__*/_react["default"].createElement("foreignObject", {
         x: barX + barWidth / 2 - ICON_SIZE / 2,
-        y: scale.y(correctVal) + ICON_SIZE,
+        y: iconY,
         width: ICON_SIZE,
         height: ICON_SIZE
       }, /*#__PURE__*/_react["default"].createElement(_Check["default"], {
@@ -194,7 +206,11 @@ var RawPlot = /*#__PURE__*/function (_React$Component) {
       }), correctness && correctness.value === 'incorrect' && function () {
         var correctVal = parseFloat(correctData[index] && correctData[index].value);
         if (isNaN(correctVal)) return null;
-        var selectedVal = v;
+        var selectedVal = v; // special case: if correct value is 0, only show the icon on the axis
+
+        if (correctVal === 0) {
+          return _this2.renderCorrectnessIcon(barX, barWidth, correctVal, correctness, classes, scale, pointHeight, pointDiameter);
+        }
 
         if (selectedVal > correctVal) {
           // selected is higher than correct: overlay the correct last segment
@@ -229,7 +245,7 @@ var RawPlot = /*#__PURE__*/function (_React$Component) {
             classes: classes,
             scale: scale,
             dottedOverline: true
-          }), _this2.renderCorrectnessIcon(_barX, _barWidth, correctVal, correctness, classes, scale));
+          }), _this2.renderCorrectnessIcon(_barX, _barWidth, correctVal, correctness, classes, scale, _pointHeight, _pointDiameter));
         } // selected is lower than correct, render missing segment below the correct bar
 
 
@@ -252,7 +268,7 @@ var RawPlot = /*#__PURE__*/function (_React$Component) {
             scale: scale,
             dottedOverline: true
           });
-        }), _this2.renderCorrectnessIcon(barX, barWidth, correctVal, correctness, classes, scale));
+        }), _this2.renderCorrectnessIcon(barX, barWidth, correctVal, correctness, classes, scale, pointHeight, pointDiameter));
       }(), /*#__PURE__*/_react["default"].createElement(Component, {
         x: barX,
         y: v,

package/lib/plot/common/plot.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/plot/common/plot.jsx"],"names":["log","ICON_SIZE","RawPlot","props","setState","isHovered","dragValue","label","onChangeCategory","state","undefined","value","setDragValue","existing","next","barX","barWidth","correctVal","correctness","classes","scale","y","correctnessIcon","correctIcon","smallIcon","graphProps","xBand","index","CustomBarElement","interactive","defineChart","correctData","range","size","max","v","Number","isFinite","bandwidth","barHeight","values","i","push","pointHeight","height","pointDiameter","Component","DraggableHandle","DragHandle","allowRolloverEvent","handleMouseEnter","handleMouseLeave","length","color","defaults","BORDER_GRAY","map","parseFloat","isNaN","selectedVal","overlayValues","lastIndexOfOverlay","lastOverlayValue","renderCorrectnessIcon","valuesToRender","idx","dottedOverline","dragStop","primaryDark","React","PropTypes","func","number","object","string","isRequired","types","GraphPropsType","bool","shape","Bar","theme","dot","fill","visualElementsColors","PLOT_FILL_COLOR","dotColor","line","stroke","backgroundColor","correct","incorrectIcon","incorrectWithIcon","borderRadius","spacing","unit","WHITE","fontSize","width","padding","border","boxSizing","Plot","data","d","category","array"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport Check from '@material-ui/icons/Check';\nimport { withStyles } from '@material-ui/core/styles/index';\nimport { Group } from '@vx/group';\nimport debug from 'debug';\n\nimport { types } from '@pie-lib/plot';\nimport DraggableHandle, { DragHandle } from '../../common/drag-handle';\nimport { color } from '@pie-lib/render-ui';\nimport { bandKey } from '../../utils';\nimport { correct, incorrect } from '../../common/styles';\n\nconst log = debug('pie-lib:chart:bars');\nconst ICON_SIZE = 16; // 10px icon + 2px padding on all sides + 1px border\n\nexport class RawPlot extends React.Component {\n  static propTypes = {\n    onChangeCategory: PropTypes.func,\n    value: PropTypes.number,\n    classes: PropTypes.object,\n    label: PropTypes.string,\n    xBand: PropTypes.func,\n    index: PropTypes.number.isRequired,\n    graphProps: types.GraphPropsType.isRequired,\n    CustomBarElement: PropTypes.func,\n    interactive: PropTypes.bool,\n    correctness: PropTypes.shape({\n      value: PropTypes.string,\n      label: PropTypes.string,\n    }),\n  };\n\n  constructor(props) {\n    super(props);\n    this.state = {\n      dragValue: undefined,\n      isHovered: false,\n    };\n  }\n\n  handleMouseEnter = () => {\n    this.setState({ isHovered: true });\n  };\n\n  handleMouseLeave = () => {\n    this.setState({ isHovered: false });\n  };\n\n  setDragValue = (dragValue) => this.setState({ dragValue });\n\n  dragStop = () => {\n    const { label, onChangeCategory } = this.props;\n    const { dragValue } = this.state;\n    log('[dragStop]', dragValue);\n\n    if (dragValue !== undefined) {\n      onChangeCategory({ label, value: dragValue });\n    }\n\n    this.setDragValue(undefined);\n  };\n\n  dragValue = (existing, next) => {\n    log('[dragValue] next:', next);\n\n    this.setDragValue(next);\n  };\n\n  renderCorrectnessIcon = (barX, barWidth, correctVal, correctness, classes, scale) => (\n    <foreignObject\n      x={barX + barWidth / 2 - ICON_SIZE / 2}\n      y={scale.y(correctVal) + ICON_SIZE}\n      width={ICON_SIZE}\n      height={ICON_SIZE}\n    >\n      <Check\n        className={classNames(classes.correctnessIcon, classes.correctIcon, classes.smallIcon)}\n        title={correctness.label}\n      />\n    </foreignObject>\n  );\n\n  render() {\n    const {\n      graphProps,\n      value,\n      label,\n      classes,\n      xBand,\n      index,\n      CustomBarElement,\n      interactive,\n      correctness,\n      defineChart,\n      correctData,\n    } = this.props;\n\n    const { scale, range, size } = graphProps;\n    const { max } = range || {};\n    const { dragValue, isHovered } = this.state;\n\n    const v = Number.isFinite(dragValue) ? dragValue : value;\n    const barWidth = xBand.bandwidth();\n    const barHeight = scale.y(range.max - v);\n    const barX = xBand(bandKey({ label }, index));\n\n    log('label:', label, 'barX:', barX, 'v: ', v, 'barHeight:', barHeight, 'barWidth: ', barWidth);\n\n    const values = [];\n\n    for (let i = 0; i < v; i++) {\n      values.push(i);\n    }\n\n    const pointHeight = size.height / max;\n    const pointDiameter = (pointHeight > barWidth ? barWidth : pointHeight) * 0.8;\n    const Component = interactive ? DraggableHandle : DragHandle;\n    const allowRolloverEvent = interactive && !correctness;\n\n    return (\n      <React.Fragment>\n        <g\n          onMouseEnter={this.handleMouseEnter}\n          onMouseLeave={this.handleMouseLeave}\n          onTouchStart={this.handleMouseEnter}\n          onTouchEnd={this.handleMouseLeave}\n        >\n          {isHovered && allowRolloverEvent && (\n            <rect\n              x={barX}\n              y={scale.y(v)}\n              width={barWidth}\n              height={values?.length ? pointHeight * values.length : 0}\n              stroke={color.defaults.BORDER_GRAY}\n              strokeWidth={'4px'}\n              fill={'transparent'}\n            />\n          )}\n          {values.map((index) =>\n            CustomBarElement({\n              index,\n              pointDiameter,\n              barX,\n              barWidth,\n              pointHeight,\n              label,\n              value,\n              classes,\n              scale,\n            }),\n          )}\n          {correctness &&\n            correctness.value === 'incorrect' &&\n            (() => {\n              const correctVal = parseFloat(correctData[index] && correctData[index].value);\n              if (isNaN(correctVal)) return null;\n              const selectedVal = v;\n              if (selectedVal > correctVal) {\n                // selected is higher than correct: overlay the correct last segment\n                const overlayValues = [];\n                for (let i = 0; i < correctVal; i++) {\n                  overlayValues.push(i);\n                }\n                const lastIndexOfOverlay = overlayValues.length - 1;\n                const lastOverlayValue = overlayValues[lastIndexOfOverlay];\n                const barX = xBand(bandKey({ label }, index));\n                const barWidth = xBand.bandwidth();\n                const pointHeight = size.height / max;\n                const pointDiameter = (pointHeight > barWidth ? barWidth : pointHeight) * 0.8;\n                return (\n                  <>\n                    <CustomBarElement\n                      index={lastOverlayValue}\n                      pointDiameter={pointDiameter + 10} // increase point diameter for dotted line\n                      barX={barX}\n                      barWidth={barWidth}\n                      pointHeight={pointHeight}\n                      label={label}\n                      value={value}\n                      classes={classes}\n                      scale={scale}\n                      dottedOverline={true}\n                    />\n                    {this.renderCorrectnessIcon(barX, barWidth, correctVal, correctness, classes, scale)}\n                  </>\n                );\n              }\n              // selected is lower than correct, render missing segment below the correct bar\n              const valuesToRender = [];\n              for (let i = selectedVal; i < correctVal; i++) {\n                valuesToRender.push(i);\n              }\n              return (\n                <>\n                  {valuesToRender.map((idx) =>\n                    CustomBarElement({\n                      index: idx,\n                      pointDiameter,\n                      barX,\n                      barWidth,\n                      pointHeight,\n                      label,\n                      value,\n                      classes,\n                      scale,\n                      dottedOverline: true,\n                    }),\n                  )}\n                  {this.renderCorrectnessIcon(barX, barWidth, correctVal, correctness, classes, scale)}\n                </>\n              );\n            })()}\n          <Component\n            x={barX}\n            y={v}\n            interactive={interactive}\n            width={barWidth}\n            onDrag={(v) => this.dragValue(value, v)}\n            onDragStop={this.dragStop}\n            graphProps={graphProps}\n            correctness={correctness}\n            isHovered={isHovered}\n            defineChart={defineChart}\n            color={color.primaryDark()}\n            isPlot\n          />\n        </g>\n      </React.Fragment>\n    );\n  }\n}\n\nconst Bar = withStyles((theme) => ({\n  dot: {\n    fill: color.visualElementsColors.PLOT_FILL_COLOR,\n    '&.correct': correct('stroke'),\n    '&.incorrect': incorrect('stroke'),\n  },\n  dotColor: {\n    fill: color.visualElementsColors.PLOT_FILL_COLOR,\n    '&.correct': correct('fill'),\n    '&.incorrect': incorrect('fill'),\n  },\n  line: {\n    stroke: color.visualElementsColors.PLOT_FILL_COLOR,\n    '&.correct': correct('stroke'),\n    '&.incorrect': incorrect('stroke'),\n  },\n  correctIcon: {\n    backgroundColor: color.correct(),\n  },\n  incorrectIcon: {\n    backgroundColor: color.incorrectWithIcon(),\n  },\n  correctnessIcon: {\n    borderRadius: theme.spacing.unit * 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}))(RawPlot);\n\nexport class Plot extends React.Component {\n  static propTypes = {\n    data: PropTypes.array,\n    onChangeCategory: PropTypes.func,\n    xBand: PropTypes.func,\n    graphProps: types.GraphPropsType.isRequired,\n    defineChart: PropTypes.bool,\n    CustomBarElement: PropTypes.func,\n  };\n\n  render() {\n    const { data, graphProps, xBand, CustomBarElement, onChangeCategory, defineChart, correctData } = this.props;\n\n    return (\n      <Group>\n        {(data || []).map((d, index) => (\n          <Bar\n            value={d.value}\n            label={d.label}\n            interactive={defineChart || d.interactive}\n            defineChart={defineChart}\n            xBand={xBand}\n            index={index}\n            key={`bar-${d.label}-${d.value}-${index}`}\n            onChangeCategory={(category) => onChangeCategory(index, category)}\n            graphProps={graphProps}\n            CustomBarElement={CustomBarElement}\n            correctness={d.correctness}\n            correctData={correctData}\n          />\n        ))}\n      </Group>\n    );\n  }\n}\n\nexport default Plot;\n"],"file":"plot.js"}
+{"version":3,"sources":["../../../src/plot/common/plot.jsx"],"names":["log","ICON_SIZE","RawPlot","props","setState","isHovered","dragValue","label","onChangeCategory","state","undefined","value","setDragValue","existing","next","barX","barWidth","correctVal","correctness","classes","scale","pointHeight","pointDiameter","iconY","y","shapeIndex","shapeCenterY","correctnessIcon","correctIcon","smallIcon","graphProps","xBand","index","CustomBarElement","interactive","defineChart","correctData","range","size","max","v","Number","isFinite","bandwidth","barHeight","values","i","push","height","Component","DraggableHandle","DragHandle","allowRolloverEvent","handleMouseEnter","handleMouseLeave","length","color","defaults","BORDER_GRAY","map","parseFloat","isNaN","selectedVal","renderCorrectnessIcon","overlayValues","lastIndexOfOverlay","lastOverlayValue","valuesToRender","idx","dottedOverline","dragStop","primaryDark","React","PropTypes","func","number","object","string","isRequired","types","GraphPropsType","bool","shape","Bar","theme","dot","fill","visualElementsColors","PLOT_FILL_COLOR","dotColor","line","stroke","backgroundColor","correct","incorrectIcon","incorrectWithIcon","borderRadius","spacing","unit","WHITE","fontSize","width","padding","border","boxSizing","Plot","data","d","category","array"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport Check from '@material-ui/icons/Check';\nimport { withStyles } from '@material-ui/core/styles/index';\nimport { Group } from '@vx/group';\nimport debug from 'debug';\n\nimport { types } from '@pie-lib/plot';\nimport DraggableHandle, { DragHandle } from '../../common/drag-handle';\nimport { color } from '@pie-lib/render-ui';\nimport { bandKey } from '../../utils';\nimport { correct, incorrect } from '../../common/styles';\n\nconst log = debug('pie-lib:chart:bars');\nconst ICON_SIZE = 16; // 10px icon + 2px padding on all sides + 1px border\n\nexport class RawPlot extends React.Component {\n  static propTypes = {\n    onChangeCategory: PropTypes.func,\n    value: PropTypes.number,\n    classes: PropTypes.object,\n    label: PropTypes.string,\n    xBand: PropTypes.func,\n    index: PropTypes.number.isRequired,\n    graphProps: types.GraphPropsType.isRequired,\n    CustomBarElement: PropTypes.func,\n    interactive: PropTypes.bool,\n    correctness: PropTypes.shape({\n      value: PropTypes.string,\n      label: PropTypes.string,\n    }),\n  };\n\n  constructor(props) {\n    super(props);\n    this.state = {\n      dragValue: undefined,\n      isHovered: false,\n    };\n  }\n\n  handleMouseEnter = () => {\n    this.setState({ isHovered: true });\n  };\n\n  handleMouseLeave = () => {\n    this.setState({ isHovered: false });\n  };\n\n  setDragValue = (dragValue) => this.setState({ dragValue });\n\n  dragStop = () => {\n    const { label, onChangeCategory } = this.props;\n    const { dragValue } = this.state;\n    log('[dragStop]', dragValue);\n\n    if (dragValue !== undefined) {\n      onChangeCategory({ label, value: dragValue });\n    }\n\n    this.setDragValue(undefined);\n  };\n\n  dragValue = (existing, next) => {\n    log('[dragValue] next:', next);\n\n    this.setDragValue(next);\n  };\n\n  renderCorrectnessIcon = (barX, barWidth, correctVal, correctness, classes, scale, pointHeight, pointDiameter) => {\n    let iconY;\n\n    if (correctVal === 0) {\n      // if correct value is 0, position icon on the horizontal axis\n      iconY = scale.y(0) - ICON_SIZE / 2;\n    } else {\n      const shapeIndex = correctVal - 1; // the index of the shape representing the correct value\n      const shapeCenterY = scale.y(shapeIndex) - (pointHeight - pointDiameter) / 2 - pointDiameter / 2;\n      iconY = shapeCenterY - ICON_SIZE / 2; // center the icon\n    }\n\n    return (\n      <foreignObject x={barX + barWidth / 2 - ICON_SIZE / 2} y={iconY} width={ICON_SIZE} height={ICON_SIZE}>\n        <Check\n          className={classNames(classes.correctnessIcon, classes.correctIcon, classes.smallIcon)}\n          title={correctness.label}\n        />\n      </foreignObject>\n    );\n  };\n\n  render() {\n    const {\n      graphProps,\n      value,\n      label,\n      classes,\n      xBand,\n      index,\n      CustomBarElement,\n      interactive,\n      correctness,\n      defineChart,\n      correctData,\n    } = this.props;\n\n    const { scale, range, size } = graphProps;\n    const { max } = range || {};\n    const { dragValue, isHovered } = this.state;\n\n    const v = Number.isFinite(dragValue) ? dragValue : value;\n    const barWidth = xBand.bandwidth();\n    const barHeight = scale.y(range.max - v);\n    const barX = xBand(bandKey({ label }, index));\n\n    log('label:', label, 'barX:', barX, 'v: ', v, 'barHeight:', barHeight, 'barWidth: ', barWidth);\n\n    const values = [];\n\n    for (let i = 0; i < v; i++) {\n      values.push(i);\n    }\n\n    const pointHeight = size.height / max;\n    const pointDiameter = (pointHeight > barWidth ? barWidth : pointHeight) * 0.8;\n    const Component = interactive ? DraggableHandle : DragHandle;\n    const allowRolloverEvent = interactive && !correctness;\n\n    return (\n      <React.Fragment>\n        <g\n          onMouseEnter={this.handleMouseEnter}\n          onMouseLeave={this.handleMouseLeave}\n          onTouchStart={this.handleMouseEnter}\n          onTouchEnd={this.handleMouseLeave}\n        >\n          {isHovered && allowRolloverEvent && (\n            <rect\n              x={barX}\n              y={scale.y(v)}\n              width={barWidth}\n              height={values?.length ? pointHeight * values.length : 0}\n              stroke={color.defaults.BORDER_GRAY}\n              strokeWidth={'4px'}\n              fill={'transparent'}\n            />\n          )}\n          {values.map((index) =>\n            CustomBarElement({\n              index,\n              pointDiameter,\n              barX,\n              barWidth,\n              pointHeight,\n              label,\n              value,\n              classes,\n              scale,\n            }),\n          )}\n          {correctness &&\n            correctness.value === 'incorrect' &&\n            (() => {\n              const correctVal = parseFloat(correctData[index] && correctData[index].value);\n              if (isNaN(correctVal)) return null;\n              const selectedVal = v;\n\n              // special case: if correct value is 0, only show the icon on the axis\n              if (correctVal === 0) {\n                return this.renderCorrectnessIcon(\n                  barX,\n                  barWidth,\n                  correctVal,\n                  correctness,\n                  classes,\n                  scale,\n                  pointHeight,\n                  pointDiameter,\n                );\n              }\n\n              if (selectedVal > correctVal) {\n                // selected is higher than correct: overlay the correct last segment\n                const overlayValues = [];\n                for (let i = 0; i < correctVal; i++) {\n                  overlayValues.push(i);\n                }\n                const lastIndexOfOverlay = overlayValues.length - 1;\n                const lastOverlayValue = overlayValues[lastIndexOfOverlay];\n                const barX = xBand(bandKey({ label }, index));\n                const barWidth = xBand.bandwidth();\n                const pointHeight = size.height / max;\n                const pointDiameter = (pointHeight > barWidth ? barWidth : pointHeight) * 0.8;\n                return (\n                  <>\n                    <CustomBarElement\n                      index={lastOverlayValue}\n                      pointDiameter={pointDiameter + 10} // increase point diameter for dotted line\n                      barX={barX}\n                      barWidth={barWidth}\n                      pointHeight={pointHeight}\n                      label={label}\n                      value={value}\n                      classes={classes}\n                      scale={scale}\n                      dottedOverline={true}\n                    />\n                    {this.renderCorrectnessIcon(\n                      barX,\n                      barWidth,\n                      correctVal,\n                      correctness,\n                      classes,\n                      scale,\n                      pointHeight,\n                      pointDiameter,\n                    )}\n                  </>\n                );\n              }\n              // selected is lower than correct, render missing segment below the correct bar\n              const valuesToRender = [];\n              for (let i = selectedVal; i < correctVal; i++) {\n                valuesToRender.push(i);\n              }\n              return (\n                <>\n                  {valuesToRender.map((idx) =>\n                    CustomBarElement({\n                      index: idx,\n                      pointDiameter,\n                      barX,\n                      barWidth,\n                      pointHeight,\n                      label,\n                      value,\n                      classes,\n                      scale,\n                      dottedOverline: true,\n                    }),\n                  )}\n                  {this.renderCorrectnessIcon(\n                    barX,\n                    barWidth,\n                    correctVal,\n                    correctness,\n                    classes,\n                    scale,\n                    pointHeight,\n                    pointDiameter,\n                  )}\n                </>\n              );\n            })()}\n          <Component\n            x={barX}\n            y={v}\n            interactive={interactive}\n            width={barWidth}\n            onDrag={(v) => this.dragValue(value, v)}\n            onDragStop={this.dragStop}\n            graphProps={graphProps}\n            correctness={correctness}\n            isHovered={isHovered}\n            defineChart={defineChart}\n            color={color.primaryDark()}\n            isPlot\n          />\n        </g>\n      </React.Fragment>\n    );\n  }\n}\n\nconst Bar = withStyles((theme) => ({\n  dot: {\n    fill: color.visualElementsColors.PLOT_FILL_COLOR,\n    '&.correct': correct('stroke'),\n    '&.incorrect': incorrect('stroke'),\n  },\n  dotColor: {\n    fill: color.visualElementsColors.PLOT_FILL_COLOR,\n    '&.correct': correct('fill'),\n    '&.incorrect': incorrect('fill'),\n  },\n  line: {\n    stroke: color.visualElementsColors.PLOT_FILL_COLOR,\n    '&.correct': correct('stroke'),\n    '&.incorrect': incorrect('stroke'),\n  },\n  correctIcon: {\n    backgroundColor: color.correct(),\n  },\n  incorrectIcon: {\n    backgroundColor: color.incorrectWithIcon(),\n  },\n  correctnessIcon: {\n    borderRadius: theme.spacing.unit * 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}))(RawPlot);\n\nexport class Plot extends React.Component {\n  static propTypes = {\n    data: PropTypes.array,\n    onChangeCategory: PropTypes.func,\n    xBand: PropTypes.func,\n    graphProps: types.GraphPropsType.isRequired,\n    defineChart: PropTypes.bool,\n    CustomBarElement: PropTypes.func,\n  };\n\n  render() {\n    const { data, graphProps, xBand, CustomBarElement, onChangeCategory, defineChart, correctData } = this.props;\n\n    return (\n      <Group>\n        {(data || []).map((d, index) => (\n          <Bar\n            value={d.value}\n            label={d.label}\n            interactive={defineChart || d.interactive}\n            defineChart={defineChart}\n            xBand={xBand}\n            index={index}\n            key={`bar-${d.label}-${d.value}-${index}`}\n            onChangeCategory={(category) => onChangeCategory(index, category)}\n            graphProps={graphProps}\n            CustomBarElement={CustomBarElement}\n            correctness={d.correctness}\n            correctData={correctData}\n          />\n        ))}\n      </Group>\n    );\n  }\n}\n\nexport default Plot;\n"],"file":"plot.js"}

package/package.json

@@ -3,7 +3,7 @@
   "publishConfig": {
     "access": "public"
   },
-  "version": "5.32.6-esmbeta.0",
+  "version": "5.32.6",
   "description": "charting",
   "keywords": [
     "react",
@@ -19,9 +19,10 @@
   "dependencies": {
     "@mapbox/point-geometry": "^0.1.0",
     "@material-ui/core": "^3.8.3",
-    "@pie-lib/plot": "^2.24.6-esmbeta.0",
-    "@pie-lib/render-ui": "^4.32.6-esmbeta.0",
-    "@pie-lib/translator": "^2.20.5-esmbeta.0",
+    "@pie-lib/math-rendering": "^3.18.0",
+    "@pie-lib/plot": "^2.23.1",
+    "@pie-lib/render-ui": "^4.31.1",
+    "@pie-lib/translator": "^2.19.0",
     "@vx/axis": "^0.0.183",
     "@vx/event": "^0.0.182",
     "@vx/grid": "^0.0.183",
@@ -42,12 +43,5 @@
   "peerDependencies": {
     "react": "^16.8.1"
   },
-  "gitHead": "0b9991e09b3566a1db215fcb0a97916cf07f4473",
-  "exports": {
-    ".": {
-      "import": "./esm/index.js",
-      "require": "./lib/index.js",
-      "default": "./esm/index.js"
-    }
-  }
+  "gitHead": "d072cfbe0c84d131f8e6cf45f4207d5bc41ceb8f"
 }