@pie-lib/charting 5.3.2-next.6 → 5.4.1-next.0

package/CHANGELOG.md

@@ -3,6 +3,20 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [5.4.0](https://github.com/pie-framework/pie-lib/compare/@pie-lib/charting@5.3.1...@pie-lib/charting@5.4.0) (2022-11-14)
+
+
+### Features
+
+* **charting:** add error message for empty category labels and non unique category labels ([8daa572](https://github.com/pie-framework/pie-lib/commit/8daa572b3f04b8b097f937cfb28ba527b6ea51f1))
+* **charting:** rename chart types ([01bbcaa](https://github.com/pie-framework/pie-lib/commit/01bbcaad7702c2a2ddcc3c225a76ca94cfeea702))
+* **charting:** rename chart types ([316389b](https://github.com/pie-framework/pie-lib/commit/316389b5315de50518aa39d0de3dbee23cc9f53c))
+* **charting:** validation for category labels ([9f190fa](https://github.com/pie-framework/pie-lib/commit/9f190fa3626135f14e28bd7ac3517939af1aaf7a))
+
+
+
+
+
 ## [5.3.1](https://github.com/pie-framework/pie-lib/compare/@pie-lib/charting@5.3.0...@pie-lib/charting@5.3.1) (2022-10-31)
 
 

package/lib/axes.js

@@ -167,7 +167,8 @@ var TickComponent = /*#__PURE__*/function (_React$Component) {
           defineChart = _this$props5.defineChart,
           x = _this$props5.x,
           y = _this$props5.y,
-          formattedValue = _this$props5.formattedValue;
+          formattedValue = _this$props5.formattedValue,
+          error = _this$props5.error;
 
       if (!formattedValue) {
         return null;
@@ -227,8 +228,14 @@ var TickComponent = /*#__PURE__*/function (_React$Component) {
         },
         barWidth: barWidth,
         rotate: rotate,
-        correctness: correctness
-      })), deletable && !correctness && /*#__PURE__*/_react["default"].createElement("line", {
+        correctness: correctness,
+        error: error
+      })), error && error[index] && /*#__PURE__*/_react["default"].createElement("text", {
+        className: classes.error,
+        x: x,
+        y: y + 23,
+        height: 4
+      }, error[index]), deletable && !correctness && /*#__PURE__*/_react["default"].createElement("line", {
         x1: x,
         y1: 0,
         x2: x,
@@ -401,7 +408,8 @@ var RawChartAxes = /*#__PURE__*/function (_React$Component2) {
           categories = _this$props6$categori === void 0 ? [] : _this$props6$categori,
           top = _this$props6.top,
           defineChart = _this$props6.defineChart,
-          theme = _this$props6.theme;
+          theme = _this$props6.theme,
+          error = _this$props6.error;
       var axis = classes.axis,
           axisLine = classes.axisLine,
           tick = classes.tick;
@@ -444,6 +452,7 @@ var RawChartAxes = /*#__PURE__*/function (_React$Component2) {
           rotate: rotate,
           top: top,
           defineChart: defineChart,
+          error: error,
           onChangeCategory: onChangeCategory,
           onChange: onChange,
           graphProps: graphProps,
@@ -524,6 +533,10 @@ var ChartAxes = (0, _styles.withStyles)(function (theme) {
     dottedLine: {
       stroke: _renderUi.color.primaryLight(),
       opacity: 0.2
+    },
+    error: {
+      fontSize: '12px',
+      fill: 'red'
     }
   };
 }, {

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","onChange","slice","value","title","text","onConfirm","handleAlertDialog","interactive","onClose","editable","state","classes","xBand","bandWidth","barWidth","rotate","top","graphProps","defineChart","x","y","formattedValue","parseInt","split","deletable","correctness","autoFocus","inDefineChart","barX","longestCategory","reduce","a","b","lengthA","length","lengthB","longestLabel","pointerEvents","overflow","position","visibility","wordBreak","maxWidth","display","r","input","changeCategory","dottedLine","deleteCategory","e","changeInteractive","target","checked","changeEditable","React","Component","propTypes","PropTypes","array","func","number","object","string","RawChartAxes","height","document","getElementById","offsetHeight","leftAxis","theme","axis","axisLine","tick","scale","range","domain","size","bottomScale","rangeRound","width","bandwidth","max","rowTickValues","step","labelStep","fontSize","typography","getTickLabelProps","dy","dx","toLocaleString","getTickComponent","properties","min","textAnchor","count","isRequired","types","GraphPropsType","bool","ChartAxes","stroke","color","primaryDark","strokeWidth","fill","fontFamily","body1","primaryLight","opacity","withTheme"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { withStyles } from '@material-ui/core/styles';\nimport { types } from '@pie-lib/plot';\nimport { color } from '@pie-lib/render-ui';\nimport { AlertDialog } from '@pie-lib/config-ui';\nimport { AxisLeft, AxisBottom } from '@vx/axis';\nimport { bandKey, getTickValues, getRotateAngle } from './utils';\nimport MarkLabel from './mark-label';\nimport Checkbox from '@material-ui/core/Checkbox';\n\nexport class TickComponent extends React.Component {\n  constructor(props) {\n    super(props);\n    this.state = {\n      dialog: {\n        open: false\n      }\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  deleteCategory = index => {\n    const { categories, onChange } = this.props;\n\n    if (index >= 0 && categories[index]) {\n      onChange([...categories.slice(0, index), ...categories.slice(index + 1)]);\n    }\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:\n            'This will remove the correct answer value that has been defined for this category.',\n          onConfirm: () =>\n            this.handleAlertDialog(\n              false,\n              onChangeCategory(index, { ...category, interactive: !category.interactive })\n            ),\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:\n            '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  render() {\n    const {\n      classes,\n      categories,\n      xBand,\n      bandWidth,\n      barWidth,\n      rotate,\n      top,\n      graphProps,\n      defineChart,\n      x,\n      y,\n      formattedValue\n    } = this.props;\n\n    if (!formattedValue) {\n      return null;\n    }\n\n    const { dialog } = this.state;\n    const index = parseInt(formattedValue.split('-')[0], 10);\n    const category = categories[index];\n    const { deletable, editable, interactive, label, correctness, autoFocus, inDefineChart } =\n      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\n    const longestLabel = (longestCategory && longestCategory.label) || '';\n\n    return (\n      <g>\n        <foreignObject\n          x={bandWidth ? barX : x - barWidth / 2}\n          y={6}\n          width={barWidth}\n          height={4}\n          style={{ pointerEvents: 'none', overflow: 'visible' }}\n        >\n          {index === 0 && (\n            <div\n              id=\"hiddenLabel\"\n              style={{\n                position: 'absolute',\n                visibility: 'hidden',\n                wordBreak: 'break-word',\n                overflow: 'visible',\n                maxWidth: barWidth,\n                display: 'block'\n              }}\n            >\n              {longestLabel}\n            </div>\n          )}\n          <MarkLabel\n            autoFocus={inDefineChart ? defineChart && autoFocus : 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          />\n        </foreignObject>\n        {deletable && !correctness && (\n          <line\n            x1={x}\n            y1={0}\n            x2={x}\n            y2={y + 4 + top}\n            className={classes.dottedLine}\n            strokeDasharray=\"4 2\"\n          />\n        )}\n        {deletable && !correctness && (\n          <svg\n            xmlns=\"http://www.w3.org/2000/svg\"\n            x={x - 8}\n            y={y + 60 + top}\n            width={16}\n            height={16}\n            viewBox=\"0 0 512 512\"\n            onClick={() => this.deleteCategory(index)}\n          >\n            <path d=\"M128 405.429C128 428.846 147.198 448 170.667 448h170.667C364.802 448 384 428.846 384 405.429V160H128v245.429zM416 96h-80l-26.785-32H202.786L176 96H96v32h320V96z\" />\n          </svg>\n        )}\n        {defineChart && index === 0 && (\n          <svg\n            x={-55}\n            style={{\n              overflow: 'visible'\n            }}\n          >\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              <tspan x=\"0\" dy=\".6em\">\n                {' '}\n                Student can{' '}\n              </tspan>\n              <tspan x=\"0\" dy=\"1.2em\">\n                {' '}\n                set value\n              </tspan>\n            </text>\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              <tspan x=\"0\" dy=\".6em\">\n                {' '}\n                Student can{' '}\n              </tspan>\n              <tspan x=\"0\" dy=\"1.2em\">\n                {' '}\n                edit name\n              </tspan>\n            </text>\n          </svg>\n        )}\n        {defineChart && (\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              style={{ position: 'fixed' }}\n              checked={interactive}\n              onChange={e => this.changeInteractive(index, e.target.checked)}\n            />\n          </foreignObject>\n        )}\n        {defineChart && (\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              style={{ position: 'fixed' }}\n              checked={editable}\n              onChange={e => this.changeEditable(index, e.target.checked)}\n            />\n          </foreignObject>\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};\n\nexport class RawChartAxes extends React.Component {\n  static propTypes = {\n    bottomScale: PropTypes.func,\n    classes: PropTypes.object.isRequired,\n    categories: PropTypes.array,\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  };\n\n  state = { height: 0 };\n\n  componentDidMount() {\n    const height = document.getElementById('hiddenLabel')\n      ? document.getElementById('hiddenLabel').offsetHeight\n      : 0;\n\n    this.setState({ height });\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      theme\n    } = this.props;\n\n    const { axis, axisLine, tick } = classes;\n    const { scale = {}, range = {}, domain = {}, size = {} } = graphProps || {};\n    const { height } = this.state;\n\n    const bottomScale =\n      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    const rotate = getRotateAngle(fontSize, height);\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        classes,\n        categories,\n        xBand,\n        bandWidth,\n        barWidth,\n        rotate,\n        top,\n        defineChart,\n        onChangeCategory,\n        onChange,\n        graphProps,\n        x: props.x,\n        y: props.y,\n        formattedValue: props.formattedValue\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        />\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.primaryDark(),\n      strokeWidth: 2\n    },\n    tick: {\n      '& > line': {\n        stroke: color.primaryDark(),\n        strokeWidth: 2\n      },\n      fill: color.primaryDark(),\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  }),\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","onChange","slice","value","title","text","onConfirm","handleAlertDialog","interactive","onClose","editable","state","classes","xBand","bandWidth","barWidth","rotate","top","graphProps","defineChart","x","y","formattedValue","error","parseInt","split","deletable","correctness","autoFocus","inDefineChart","barX","longestCategory","reduce","a","b","lengthA","length","lengthB","longestLabel","pointerEvents","overflow","position","visibility","wordBreak","maxWidth","display","r","input","changeCategory","dottedLine","deleteCategory","e","changeInteractive","target","checked","changeEditable","React","Component","propTypes","PropTypes","array","func","number","object","string","RawChartAxes","height","document","getElementById","offsetHeight","leftAxis","theme","axis","axisLine","tick","scale","range","domain","size","bottomScale","rangeRound","width","bandwidth","max","rowTickValues","step","labelStep","fontSize","typography","getTickLabelProps","dy","dx","toLocaleString","getTickComponent","properties","min","textAnchor","count","isRequired","types","GraphPropsType","bool","ChartAxes","stroke","color","primaryDark","strokeWidth","fill","fontFamily","body1","primaryLight","opacity","withTheme"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { withStyles } from '@material-ui/core/styles';\nimport { types } from '@pie-lib/plot';\nimport { color } from '@pie-lib/render-ui';\nimport { AlertDialog } from '@pie-lib/config-ui';\nimport { AxisLeft, AxisBottom } from '@vx/axis';\nimport { bandKey, getTickValues, getRotateAngle } from './utils';\nimport MarkLabel from './mark-label';\nimport Checkbox from '@material-ui/core/Checkbox';\n\nexport class TickComponent extends React.Component {\n  constructor(props) {\n    super(props);\n    this.state = {\n      dialog: {\n        open: false\n      }\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  deleteCategory = index => {\n    const { categories, onChange } = this.props;\n\n    if (index >= 0 && categories[index]) {\n      onChange([...categories.slice(0, index), ...categories.slice(index + 1)]);\n    }\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:\n            'This will remove the correct answer value that has been defined for this category.',\n          onConfirm: () =>\n            this.handleAlertDialog(\n              false,\n              onChangeCategory(index, { ...category, interactive: !category.interactive })\n            ),\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:\n            '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  render() {\n    const {\n      classes,\n      categories,\n      xBand,\n      bandWidth,\n      barWidth,\n      rotate,\n      top,\n      graphProps,\n      defineChart,\n      x,\n      y,\n      formattedValue,\n      error\n    } = this.props;\n\n    if (!formattedValue) {\n      return null;\n    }\n\n    const { dialog } = this.state;\n    const index = parseInt(formattedValue.split('-')[0], 10);\n    const category = categories[index];\n    const { deletable, editable, interactive, label, correctness, autoFocus, inDefineChart } =\n      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\n    const longestLabel = (longestCategory && longestCategory.label) || '';\n\n    return (\n      <g>\n        <foreignObject\n          x={bandWidth ? barX : x - barWidth / 2}\n          y={6}\n          width={barWidth}\n          height={4}\n          style={{ pointerEvents: 'none', overflow: 'visible' }}\n        >\n          {index === 0 && (\n            <div\n              id=\"hiddenLabel\"\n              style={{\n                position: 'absolute',\n                visibility: 'hidden',\n                wordBreak: 'break-word',\n                overflow: 'visible',\n                maxWidth: barWidth,\n                display: 'block'\n              }}\n            >\n              {longestLabel}\n            </div>\n          )}\n          <MarkLabel\n            autoFocus={inDefineChart ? defineChart && autoFocus : 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}\n          />\n        </foreignObject>\n        {error && error[index] && (\n          <text className={classes.error} x={x} y={y + 23} height={4}>\n            {error[index]}\n          </text>\n        )}\n        {deletable && !correctness && (\n          <line\n            x1={x}\n            y1={0}\n            x2={x}\n            y2={y + 4 + top}\n            className={classes.dottedLine}\n            strokeDasharray=\"4 2\"\n          />\n        )}\n        {deletable && !correctness && (\n          <svg\n            xmlns=\"http://www.w3.org/2000/svg\"\n            x={x - 8}\n            y={y + 60 + top}\n            width={16}\n            height={16}\n            viewBox=\"0 0 512 512\"\n            onClick={() => this.deleteCategory(index)}\n          >\n            <path d=\"M128 405.429C128 428.846 147.198 448 170.667 448h170.667C364.802 448 384 428.846 384 405.429V160H128v245.429zM416 96h-80l-26.785-32H202.786L176 96H96v32h320V96z\" />\n          </svg>\n        )}\n        {defineChart && index === 0 && (\n          <svg\n            x={-55}\n            style={{\n              overflow: 'visible'\n            }}\n          >\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              <tspan x=\"0\" dy=\".6em\">\n                {' '}\n                Student can{' '}\n              </tspan>\n              <tspan x=\"0\" dy=\"1.2em\">\n                {' '}\n                set value\n              </tspan>\n            </text>\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              <tspan x=\"0\" dy=\".6em\">\n                {' '}\n                Student can{' '}\n              </tspan>\n              <tspan x=\"0\" dy=\"1.2em\">\n                {' '}\n                edit name\n              </tspan>\n            </text>\n          </svg>\n        )}\n        {defineChart && (\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              style={{ position: 'fixed' }}\n              checked={interactive}\n              onChange={e => this.changeInteractive(index, e.target.checked)}\n            />\n          </foreignObject>\n        )}\n        {defineChart && (\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              style={{ position: 'fixed' }}\n              checked={editable}\n              onChange={e => this.changeEditable(index, e.target.checked)}\n            />\n          </foreignObject>\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};\n\nexport class RawChartAxes extends React.Component {\n  static propTypes = {\n    bottomScale: PropTypes.func,\n    classes: PropTypes.object.isRequired,\n    categories: PropTypes.array,\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  };\n\n  state = { height: 0 };\n\n  componentDidMount() {\n    const height = document.getElementById('hiddenLabel')\n      ? document.getElementById('hiddenLabel').offsetHeight\n      : 0;\n\n    this.setState({ height });\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      theme,\n      error\n    } = this.props;\n\n    const { axis, axisLine, tick } = classes;\n    const { scale = {}, range = {}, domain = {}, size = {} } = graphProps || {};\n    const { height } = this.state;\n\n    const bottomScale =\n      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    const rotate = getRotateAngle(fontSize, height);\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        classes,\n        categories,\n        xBand,\n        bandWidth,\n        barWidth,\n        rotate,\n        top,\n        defineChart,\n        error,\n        onChangeCategory,\n        onChange,\n        graphProps,\n        x: props.x,\n        y: props.y,\n        formattedValue: props.formattedValue\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        />\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.primaryDark(),\n      strokeWidth: 2\n    },\n    tick: {\n      '& > line': {\n        stroke: color.primaryDark(),\n        strokeWidth: 2\n      },\n      fill: color.primaryDark(),\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: '12px',\n      fill: 'red'\n    }\n  }),\n  { withTheme: true }\n)(RawChartAxes);\n\nexport default ChartAxes;\n"],"file":"axes.js"}

package/lib/chart.js

@@ -51,6 +51,8 @@ var _toolMenu = _interopRequireDefault(require("./tool-menu"));
 
 var _chartTypes = _interopRequireDefault(require("./chart-types"));
 
+var _configUi = require("@pie-lib/config-ui");
+
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
@@ -66,19 +68,21 @@ var Chart = /*#__PURE__*/function (_React$Component) {
 
   var _super = _createSuper(Chart);
 
-  function Chart() {
+  function Chart(props) {
     var _this;
 
     (0, _classCallCheck2["default"])(this, Chart);
-
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-
-    _this = _super.call.apply(_super, [this].concat(args));
+    _this = _super.call(this, props);
     (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "state", {
       charts: [_chartTypes["default"].Bar(), _chartTypes["default"].Histogram(), _chartTypes["default"].LineDot(), _chartTypes["default"].LineCross(), _chartTypes["default"].DotPlot(), _chartTypes["default"].LinePlot()]
     });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handleAlertDialog", function (open, callback) {
+      return _this.setState({
+        dialog: {
+          open: open
+        }
+      }, callback);
+    });
     (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "getChart", function () {
       var charts = _this.props.charts || _this.state.charts;
       var chartType = _this.props.chartType;
@@ -122,15 +126,29 @@ var Chart = /*#__PURE__*/function (_React$Component) {
           data = _this$props2.data,
           categoryDefaultLabel = _this$props2.categoryDefaultLabel,
           defineChart = _this$props2.defineChart;
-      onDataChange([].concat((0, _toConsumableArray2["default"])(data), [{
-        inDefineChart: defineChart,
-        autoFocus: true,
-        label: categoryDefaultLabel || 'New Bar',
-        value: range.step,
-        deletable: true,
-        editable: true,
-        interactive: true
-      }]));
+
+      if (!defineChart && data.length > 19) {
+        _this.setState({
+          dialog: {
+            open: true,
+            title: 'Warning',
+            text: "There can't be more than 20 categories.",
+            onConfirm: function onConfirm() {
+              return _this.handleAlertDialog(false);
+            }
+          }
+        });
+      } else {
+        onDataChange([].concat((0, _toConsumableArray2["default"])(data), [{
+          inDefineChart: defineChart,
+          autoFocus: true,
+          label: categoryDefaultLabel || 'New Bar',
+          value: range.step,
+          deletable: true,
+          editable: true,
+          interactive: true
+        }]));
+      }
     });
     (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "getFilteredCategories", function () {
       var _this$props3 = _this.props,
@@ -142,6 +160,11 @@ var Chart = /*#__PURE__*/function (_React$Component) {
         });
       }) : [];
     });
+    _this.state = {
+      dialog: {
+        open: false
+      }
+    };
     return _this;
   }
 
@@ -164,8 +187,10 @@ var Chart = /*#__PURE__*/function (_React$Component) {
           labelsPlaceholders = _this$props4.labelsPlaceholders,
           titlePlaceholder = _this$props4.titlePlaceholder,
           addCategoryEnabled = _this$props4.addCategoryEnabled,
-          showPixelGuides = _this$props4.showPixelGuides;
+          showPixelGuides = _this$props4.showPixelGuides,
+          error = _this$props4.error;
       var chartType = this.props.chartType;
+      var dialog = this.state.dialog;
       var defineChart = this.props.defineChart || false;
 
       var _ref = size || {},
@@ -255,7 +280,8 @@ var Chart = /*#__PURE__*/function (_React$Component) {
         leftAxis: leftAxis,
         onChange: this.changeData,
         onChangeCategory: this.changeCategory,
-        top: top
+        top: top,
+        error: error
       })), /*#__PURE__*/_react["default"].createElement("mask", {
         id: "myMask"
       }, /*#__PURE__*/_react["default"].createElement("rect", (0, _extends2["default"])({}, maskSize, {
@@ -268,7 +294,13 @@ var Chart = /*#__PURE__*/function (_React$Component) {
         defineChart: defineChart,
         onChange: this.changeData,
         onChangeCategory: this.changeCategory
-      })))));
+      })))), /*#__PURE__*/_react["default"].createElement(_configUi.AlertDialog, {
+        open: dialog.open,
+        title: dialog.title,
+        text: dialog.text,
+        onClose: dialog.onClose,
+        onConfirm: dialog.onConfirm
+      }));
     }
   }]);
   return Chart;

package/lib/chart.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/chart.jsx"],"names":["log","Chart","charts","chartTypes","Bar","Histogram","LineDot","LineCross","DotPlot","LinePlot","props","state","chartType","ChartComponent","chart","find","type","Component","data","onDataChange","index","newCategory","integerIndex","parseInt","range","categoryDefaultLabel","defineChart","inDefineChart","autoFocus","label","value","step","deletable","editable","interactive","map","d","classes","className","domain","size","title","onChangeTitle","onChangeLabels","labelsPlaceholders","titlePlaceholder","addCategoryEnabled","showPixelGuides","width","height","labels","left","bottom","getChart","categories","getFilteredCategories","correctValues","verticalLines","horizontalLines","leftAxis","common","graphProps","rootNode","maskSize","x","y","scale","xBand","bandWidth","bandwidth","barWidth","max","length","increaseHeight","top","rootCommon","controls","toolMenu","addCategory","r","changeData","changeCategory","React","PropTypes","object","isRequired","string","shape","number","min","axisLabel","arrayOf","labelStep","array","func","bool","theme","styles","graphBox","transform","display","justifyContent","padding","spacing","unit","backgroundColor","color","primaryLight","borderTop","primaryDark","borderBottom","borderLeft","borderRight","svg","overflow","minHeight","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 { Root, createGraphProps } from '@pie-lib/plot';\nimport cloneDeep from 'lodash/cloneDeep';\nimport ChartGrid from './grid';\nimport ChartAxes from './axes';\nimport debug from 'debug';\nimport { color } from '@pie-lib/render-ui';\nimport {\n  dataToXBand,\n  getDomainAndRangeByChartType,\n  getGridLinesAndAxisByChartType,\n  getTopPadding\n} from './utils';\nimport ToolMenu from './tool-menu';\nimport chartTypes from './chart-types';\n\nconst log = debug('pie-lib:charts:chart');\n\nexport class Chart extends React.Component {\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    title: PropTypes.string,\n    onDataChange: PropTypes.func,\n    addCategoryEnabled: PropTypes.bool,\n    showPixelGuides: PropTypes.bool,\n    categoryDefaultLabel: PropTypes.string,\n    defineChart: PropTypes.bool,\n    theme: PropTypes.object\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  };\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 = range => {\n    const { onDataChange, data, categoryDefaultLabel, defineChart } = this.props;\n\n    onDataChange([\n      ...data,\n      {\n        inDefineChart: defineChart,\n        autoFocus: true,\n        label: categoryDefaultLabel || 'New Bar',\n        value: range.step,\n        deletable: true,\n        editable: true,\n        interactive: true\n      }\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  render() {\n    const {\n      classes,\n      className,\n      domain = {},\n      range = {},\n      size,\n      title,\n      onChangeTitle,\n      onChangeLabels,\n      labelsPlaceholders,\n      titlePlaceholder,\n      addCategoryEnabled,\n      showPixelGuides\n    } = this.props;\n    let { chartType } = this.props;\n\n    const defineChart = this.props.defineChart || false;\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(\n      correctValues.range,\n      chartType\n    );\n    const common = {\n      graphProps: createGraphProps(\n        correctValues.domain,\n        correctValues.range,\n        size,\n        () => this.rootNode\n      )\n    };\n\n    log('[render] common:', common);\n\n    const maskSize = { x: -10, y: -10, width: width + 20, height: height + 80 };\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, className)}>\n        <div className={classes.controls}>\n          <ToolMenu\n            className={classes.toolMenu}\n            disabled={!addCategoryEnabled}\n            addCategory={() => this.addCategory(correctValues.range)}\n          />\n        </div>\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          classes={classes}\n          rootRef={r => (this.rootNode = r)}\n          {...rootCommon}\n        >\n          <ChartGrid\n            {...common}\n            xBand={xBand}\n            rowTickValues={horizontalLines}\n            columnTickValues={verticalLines}\n          />\n          <ChartAxes\n            {...common}\n            defineChart={defineChart}\n            categories={categories}\n            xBand={xBand}\n            leftAxis={leftAxis}\n            onChange={this.changeData}\n            onChangeCategory={this.changeCategory}\n            top={top}\n          />\n          <mask id=\"myMask\">\n            <rect {...maskSize} fill=\"white\" />\n          </mask>\n          <g id=\"marks\" mask=\"url('#myMask')\">\n            <ChartComponent\n              {...common}\n              data={categories}\n              defineChart={defineChart}\n              onChange={this.changeData}\n              onChangeCategory={this.changeCategory}\n            />\n          </g>\n        </Root>\n      </div>\n    );\n  }\n}\n\nconst styles = theme => ({\n  graphBox: {\n    transform: 'translate(60px, 35px)'\n  },\n  controls: {\n    width: 'inherit',\n    display: 'flex',\n    justifyContent: 'space-between',\n    padding: theme.spacing.unit,\n    backgroundColor: color.primaryLight(),\n    borderTop: `solid 1px ${color.primaryDark()}`,\n    borderBottom: `solid 0px ${color.primaryDark()}`,\n    borderLeft: `solid 1px ${color.primaryDark()}`,\n    borderRight: `solid 1px ${color.primaryDark()}`\n  },\n  svg: {\n    overflow: 'visible'\n  },\n  toolMenu: {\n    minHeight: '36px'\n  }\n});\n\nexport default withStyles(styles, { withTheme: true })(Chart);\n"],"file":"chart.js"}
+{"version":3,"sources":["../src/chart.jsx"],"names":["log","Chart","props","charts","chartTypes","Bar","Histogram","LineDot","LineCross","DotPlot","LinePlot","open","callback","setState","dialog","state","chartType","ChartComponent","chart","find","type","Component","data","onDataChange","index","newCategory","integerIndex","parseInt","range","categoryDefaultLabel","defineChart","length","title","text","onConfirm","handleAlertDialog","inDefineChart","autoFocus","label","value","step","deletable","editable","interactive","map","d","classes","className","domain","size","onChangeTitle","onChangeLabels","labelsPlaceholders","titlePlaceholder","addCategoryEnabled","showPixelGuides","error","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","controls","toolMenu","addCategory","r","changeData","changeCategory","onClose","React","PropTypes","object","isRequired","string","shape","number","min","axisLabel","arrayOf","labelStep","array","func","bool","theme","styles","graphBox","transform","display","justifyContent","padding","spacing","unit","backgroundColor","color","primaryLight","borderTop","primaryDark","borderBottom","borderLeft","borderRight","svg","overflow","minHeight","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 { Root, createGraphProps } from '@pie-lib/plot';\nimport cloneDeep from 'lodash/cloneDeep';\nimport ChartGrid from './grid';\nimport ChartAxes from './axes';\nimport debug from 'debug';\nimport { color } from '@pie-lib/render-ui';\nimport {\n  dataToXBand,\n  getDomainAndRangeByChartType,\n  getGridLinesAndAxisByChartType,\n  getTopPadding\n} from './utils';\nimport ToolMenu from './tool-menu';\nimport chartTypes from './chart-types';\nimport { AlertDialog } from '@pie-lib/config-ui';\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    };\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    title: PropTypes.string,\n    onDataChange: PropTypes.func,\n    addCategoryEnabled: PropTypes.bool,\n    showPixelGuides: PropTypes.bool,\n    categoryDefaultLabel: PropTypes.string,\n    defineChart: PropTypes.bool,\n    theme: PropTypes.object\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  };\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 = range => {\n    const { onDataChange, data, categoryDefaultLabel, defineChart } = this.props;\n\n    if (!defineChart && data.length > 19) {\n      this.setState({\n        dialog: {\n          open: true,\n          title: 'Warning',\n          text: \"There can't be more than 20 categories.\",\n          onConfirm: () => this.handleAlertDialog(false)\n        }\n      });\n    } else {\n      onDataChange([\n        ...data,\n        {\n          inDefineChart: defineChart,\n          autoFocus: true,\n          label: categoryDefaultLabel || 'New Bar',\n          value: range.step,\n          deletable: true,\n          editable: true,\n          interactive: true\n        }\n      ]);\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  render() {\n    const {\n      classes,\n      className,\n      domain = {},\n      range = {},\n      size,\n      title,\n      onChangeTitle,\n      onChangeLabels,\n      labelsPlaceholders,\n      titlePlaceholder,\n      addCategoryEnabled,\n      showPixelGuides,\n      error\n    } = this.props;\n    let { chartType } = this.props;\n\n    const { dialog } = this.state;\n    const defineChart = this.props.defineChart || false;\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(\n      correctValues.range,\n      chartType\n    );\n    const common = {\n      graphProps: createGraphProps(\n        correctValues.domain,\n        correctValues.range,\n        size,\n        () => this.rootNode\n      )\n    };\n\n    log('[render] common:', common);\n\n    const maskSize = { x: -10, y: -10, width: width + 20, height: height + 80 };\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, className)}>\n        <div className={classes.controls}>\n          <ToolMenu\n            className={classes.toolMenu}\n            disabled={!addCategoryEnabled}\n            addCategory={() => this.addCategory(correctValues.range)}\n          />\n        </div>\n\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          classes={classes}\n          rootRef={r => (this.rootNode = r)}\n          {...rootCommon}\n        >\n          <ChartGrid\n            {...common}\n            xBand={xBand}\n            rowTickValues={horizontalLines}\n            columnTickValues={verticalLines}\n          />\n          <ChartAxes\n            {...common}\n            defineChart={defineChart}\n            categories={categories}\n            xBand={xBand}\n            leftAxis={leftAxis}\n            onChange={this.changeData}\n            onChangeCategory={this.changeCategory}\n            top={top}\n            error={error}\n          />\n          <mask id=\"myMask\">\n            <rect {...maskSize} fill=\"white\" />\n          </mask>\n          <g id=\"marks\" mask=\"url('#myMask')\">\n            <ChartComponent\n              {...common}\n              data={categories}\n              defineChart={defineChart}\n              onChange={this.changeData}\n              onChangeCategory={this.changeCategory}\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  controls: {\n    width: 'inherit',\n    display: 'flex',\n    justifyContent: 'space-between',\n    padding: theme.spacing.unit,\n    backgroundColor: color.primaryLight(),\n    borderTop: `solid 1px ${color.primaryDark()}`,\n    borderBottom: `solid 0px ${color.primaryDark()}`,\n    borderLeft: `solid 1px ${color.primaryDark()}`,\n    borderRight: `solid 1px ${color.primaryDark()}`\n  },\n  svg: {\n    overflow: 'visible'\n  },\n  toolMenu: {\n    minHeight: '36px'\n  }\n});\n\nexport default withStyles(styles, { withTheme: true })(Chart);\n"],"file":"chart.js"}

package/lib/mark-label.js

@@ -45,6 +45,9 @@ var styles = function styles(theme) {
       fontSize: theme.typography.fontSize,
       border: 'none',
       color: _renderUi.color.primaryDark(),
+      '&.error': {
+        border: 'solid 2px red'
+      },
       '&.correct': (0, _styles2.correct)('color'),
       '&.incorrect': (0, _styles2.incorrect)('color'),
       '&.disabled': _objectSpread(_objectSpread({}, (0, _styles2.disabled)('color')), {}, {
@@ -72,7 +75,8 @@ var MarkLabel = function MarkLabel(props) {
       barWidth = props.barWidth,
       rotate = props.rotate,
       correctness = props.correctness,
-      autoFocus = props.autoFocus;
+      autoFocus = props.autoFocus,
+      error = props.error;
 
   var _useState3 = (0, _react.useState)(mark.label),
       _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
@@ -108,7 +112,7 @@ var MarkLabel = function MarkLabel(props) {
       externalInputRef(r);
     },
     disabled: disabled,
-    inputClassName: (0, _classnames["default"])(classes.input, correctness && correctness.label, disabled && 'disabled'),
+    inputClassName: (0, _classnames["default"])(classes.input, correctness && correctness.label, disabled && 'disabled', error && 'error'),
     inputStyle: _objectSpread({
       minWidth: barWidth,
       textAlign: 'center',

package/lib/mark-label.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/mark-label.jsx"],"names":["styles","theme","input","fontFamily","typography","fontSize","border","color","primaryDark","backgroundColor","MarkLabel","props","setInput","_ref","node","mark","classes","disabled","externalInputRef","inputRef","barWidth","rotate","correctness","autoFocus","label","setLabel","onChange","e","target","value","onChangeProp","extraStyle","width","textAlign","r","minWidth","background","boxSizing","paddingLeft","paddingRight","position","pointerEvents","top","left","transformOrigin","transform","propTypes","PropTypes","bool","func","graphProps","types","GraphPropsType","object","number","shape","string"],"mappings":"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","sourcesContent":["import React, { useState, useCallback, useEffect } from 'react';\nimport cn from 'classnames';\nimport { withStyles } from '@material-ui/core/styles';\nimport AutosizeInput from 'react-input-autosize';\nimport PropTypes from 'prop-types';\nimport { types } from '@pie-lib/plot';\nimport { correct, incorrect, disabled } from './common/styles';\nimport { color } from '@pie-lib/render-ui';\n\nconst styles = theme => ({\n  input: {\n    float: 'right',\n    fontFamily: theme.typography.fontFamily,\n    fontSize: theme.typography.fontSize,\n    border: 'none',\n    color: color.primaryDark(),\n    '&.correct': correct('color'),\n    '&.incorrect': incorrect('color'),\n    '&.disabled': {\n      ...disabled('color'),\n      backgroundColor: 'transparent !important'\n    }\n  }\n});\n\nexport const MarkLabel = props => {\n  // eslint-disable-next-line no-unused-vars\n  const [input, setInput] = useState(null);\n  const _ref = useCallback(node => setInput(node), null);\n\n  const {\n    mark,\n    classes,\n    disabled,\n    inputRef: externalInputRef,\n    barWidth,\n    rotate,\n    correctness,\n    autoFocus\n  } = props;\n  const [label, setLabel] = useState(mark.label);\n  const onChange = e => setLabel(e.target.value);\n  const onChangeProp = e => props.onChange(e.target.value);\n  let extraStyle = {};\n\n  if (rotate) {\n    extraStyle = {\n      width: 'unset',\n      textAlign: 'left'\n    };\n  }\n\n  // useState only sets the value once, to synch props to state need useEffect\n  useEffect(() => {\n    setLabel(mark.label);\n  }, [mark.label]);\n\n  return (\n    <AutosizeInput\n      autoFocus={autoFocus}\n      inputRef={r => {\n        _ref(r);\n        externalInputRef(r);\n      }}\n      disabled={disabled}\n      inputClassName={cn(classes.input, correctness && correctness.label, disabled && 'disabled')}\n      inputStyle={{\n        minWidth: barWidth,\n        textAlign: 'center',\n        background: 'transparent',\n        boxSizing: 'border-box',\n        paddingLeft: 0,\n        paddingRight: 0,\n        ...extraStyle\n      }}\n      value={label}\n      style={{\n        position: 'fixed',\n        pointerEvents: 'auto',\n        top: 0,\n        left: 0,\n        minWidth: barWidth,\n        transformOrigin: 'left',\n        transform: `rotate(${rotate}deg)`\n      }}\n      onChange={onChange}\n      onBlur={onChangeProp}\n    />\n  );\n};\n\nMarkLabel.propTypes = {\n  disabled: PropTypes.bool,\n  onChange: PropTypes.func,\n  graphProps: types.GraphPropsType,\n  classes: PropTypes.object,\n  inputRef: PropTypes.func,\n  mark: PropTypes.object,\n  barWidth: PropTypes.number,\n  rotate: PropTypes.number,\n  correctness: PropTypes.shape({\n    value: PropTypes.string,\n    label: PropTypes.string\n  })\n};\n\nexport default withStyles(styles)(MarkLabel);\n"],"file":"mark-label.js"}
+{"version":3,"sources":["../src/mark-label.jsx"],"names":["styles","theme","input","fontFamily","typography","fontSize","border","color","primaryDark","backgroundColor","MarkLabel","props","setInput","_ref","node","mark","classes","disabled","externalInputRef","inputRef","barWidth","rotate","correctness","autoFocus","error","label","setLabel","onChange","e","target","value","onChangeProp","extraStyle","width","textAlign","r","minWidth","background","boxSizing","paddingLeft","paddingRight","position","pointerEvents","top","left","transformOrigin","transform","propTypes","PropTypes","bool","func","graphProps","types","GraphPropsType","object","number","shape","string"],"mappings":"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","sourcesContent":["import React, { useState, useCallback, useEffect } from 'react';\nimport cn from 'classnames';\nimport { withStyles } from '@material-ui/core/styles';\nimport AutosizeInput from 'react-input-autosize';\nimport PropTypes from 'prop-types';\nimport { types } from '@pie-lib/plot';\nimport { correct, incorrect, disabled } from './common/styles';\nimport { color } from '@pie-lib/render-ui';\n\nconst styles = theme => ({\n  input: {\n    float: 'right',\n    fontFamily: theme.typography.fontFamily,\n    fontSize: theme.typography.fontSize,\n    border: 'none',\n    color: color.primaryDark(),\n    '&.error': { border: 'solid 2px red' },\n    '&.correct': correct('color'),\n    '&.incorrect': incorrect('color'),\n    '&.disabled': {\n      ...disabled('color'),\n      backgroundColor: 'transparent !important'\n    }\n  }\n});\n\nexport const MarkLabel = props => {\n  // eslint-disable-next-line no-unused-vars\n  const [input, setInput] = useState(null);\n  const _ref = useCallback(node => setInput(node), null);\n\n  const {\n    mark,\n    classes,\n    disabled,\n    inputRef: externalInputRef,\n    barWidth,\n    rotate,\n    correctness,\n    autoFocus,\n    error\n  } = props;\n  const [label, setLabel] = useState(mark.label);\n  const onChange = e => setLabel(e.target.value);\n  const onChangeProp = e => props.onChange(e.target.value);\n  let extraStyle = {};\n\n  if (rotate) {\n    extraStyle = {\n      width: 'unset',\n      textAlign: 'left'\n    };\n  }\n\n  // useState only sets the value once, to synch props to state need useEffect\n  useEffect(() => {\n    setLabel(mark.label);\n  }, [mark.label]);\n\n  return (\n    <AutosizeInput\n      autoFocus={autoFocus}\n      inputRef={r => {\n        _ref(r);\n        externalInputRef(r);\n      }}\n      disabled={disabled}\n      inputClassName={cn(\n        classes.input,\n        correctness && correctness.label,\n        disabled && 'disabled',\n        error && 'error'\n      )}\n      inputStyle={{\n        minWidth: barWidth,\n        textAlign: 'center',\n        background: 'transparent',\n        boxSizing: 'border-box',\n        paddingLeft: 0,\n        paddingRight: 0,\n        ...extraStyle\n      }}\n      value={label}\n      style={{\n        position: 'fixed',\n        pointerEvents: 'auto',\n        top: 0,\n        left: 0,\n        minWidth: barWidth,\n        transformOrigin: 'left',\n        transform: `rotate(${rotate}deg)`\n      }}\n      onChange={onChange}\n      onBlur={onChangeProp}\n    />\n  );\n};\n\nMarkLabel.propTypes = {\n  disabled: PropTypes.bool,\n  onChange: PropTypes.func,\n  graphProps: types.GraphPropsType,\n  classes: PropTypes.object,\n  inputRef: PropTypes.func,\n  mark: PropTypes.object,\n  barWidth: PropTypes.number,\n  rotate: PropTypes.number,\n  correctness: PropTypes.shape({\n    value: PropTypes.string,\n    label: PropTypes.string\n  })\n};\n\nexport default withStyles(styles)(MarkLabel);\n"],"file":"mark-label.js"}

package/package.json

@@ -3,7 +3,7 @@
   "publishConfig": {
     "access": "public"
   },
-  "version": "5.3.2-next.6+00f38981",
+  "version": "5.4.1-next.0+38f53ad9",
   "description": "charting",
   "keywords": [
     "react",
@@ -43,5 +43,5 @@
   "peerDependencies": {
     "react": "^16.8.1"
   },
-  "gitHead": "00f38981c9d3c0a054c9b9c9f62d7fdfae2a6064"
+  "gitHead": "38f53ad958beca51c47b00ed55d3fec816da9062"
 }

package/src/axes.jsx

@@ -103,7 +103,8 @@ export class TickComponent extends React.Component {
       defineChart,
       x,
       y,
-      formattedValue
+      formattedValue,
+      error
     } = this.props;
 
     if (!formattedValue) {
@@ -159,8 +160,14 @@ export class TickComponent extends React.Component {
             barWidth={barWidth}
             rotate={rotate}
             correctness={correctness}
+            error={error}
           />
         </foreignObject>
+        {error && error[index] && (
+          <text className={classes.error} x={x} y={y + 23} height={4}>
+            {error[index]}
+          </text>
+        )}
         {deletable && !correctness && (
           <line
             x1={x}
@@ -336,7 +343,8 @@ export class RawChartAxes extends React.Component {
       categories = [],
       top,
       defineChart,
-      theme
+      theme,
+      error
     } = this.props;
 
     const { axis, axisLine, tick } = classes;
@@ -369,6 +377,7 @@ export class RawChartAxes extends React.Component {
         rotate,
         top,
         defineChart,
+        error,
         onChangeCategory,
         onChange,
         graphProps,
@@ -432,6 +441,10 @@ const ChartAxes = withStyles(
     dottedLine: {
       stroke: color.primaryLight(),
       opacity: 0.2
+    },
+    error: {
+      fontSize: '12px',
+      fill: 'red'
     }
   }),
   { withTheme: true }

package/src/chart.jsx

@@ -16,10 +16,20 @@ import {
 } from './utils';
 import ToolMenu from './tool-menu';
 import chartTypes from './chart-types';
+import { AlertDialog } from '@pie-lib/config-ui';
 
 const log = debug('pie-lib:charts:chart');
 
 export class Chart extends React.Component {
+  constructor(props) {
+    super(props);
+    this.state = {
+      dialog: {
+        open: false
+      }
+    };
+  }
+
   static propTypes = {
     classes: PropTypes.object.isRequired,
     className: PropTypes.string,
@@ -71,6 +81,14 @@ export class Chart extends React.Component {
     ]
   };
 
+  handleAlertDialog = (open, callback) =>
+    this.setState(
+      {
+        dialog: { open }
+      },
+      callback
+    );
+
   getChart = () => {
     const charts = this.props.charts || this.state.charts;
     let { chartType } = this.props;
@@ -115,18 +133,29 @@ export class Chart extends React.Component {
   addCategory = range => {
     const { onDataChange, data, categoryDefaultLabel, defineChart } = this.props;
 
-    onDataChange([
-      ...data,
-      {
-        inDefineChart: defineChart,
-        autoFocus: true,
-        label: categoryDefaultLabel || 'New Bar',
-        value: range.step,
-        deletable: true,
-        editable: true,
-        interactive: true
-      }
-    ]);
+    if (!defineChart && data.length > 19) {
+      this.setState({
+        dialog: {
+          open: true,
+          title: 'Warning',
+          text: "There can't be more than 20 categories.",
+          onConfirm: () => this.handleAlertDialog(false)
+        }
+      });
+    } else {
+      onDataChange([
+        ...data,
+        {
+          inDefineChart: defineChart,
+          autoFocus: true,
+          label: categoryDefaultLabel || 'New Bar',
+          value: range.step,
+          deletable: true,
+          editable: true,
+          interactive: true
+        }
+      ]);
+    }
   };
 
   getFilteredCategories = () => {
@@ -153,10 +182,12 @@ export class Chart extends React.Component {
       labelsPlaceholders,
       titlePlaceholder,
       addCategoryEnabled,
-      showPixelGuides
+      showPixelGuides,
+      error
     } = this.props;
     let { chartType } = this.props;
 
+    const { dialog } = this.state;
     const defineChart = this.props.defineChart || false;
     const { width, height } = size || {};
     const labels = { left: range?.label || '', bottom: domain.label || '' };
@@ -209,6 +240,7 @@ export class Chart extends React.Component {
             addCategory={() => this.addCategory(correctValues.range)}
           />
         </div>
+
         <Root
           title={title}
           onChangeTitle={onChangeTitle}
@@ -242,6 +274,7 @@ export class Chart extends React.Component {
             onChange={this.changeData}
             onChangeCategory={this.changeCategory}
             top={top}
+            error={error}
           />
           <mask id="myMask">
             <rect {...maskSize} fill="white" />
@@ -256,6 +289,13 @@ export class Chart extends React.Component {
             />
           </g>
         </Root>
+        <AlertDialog
+          open={dialog.open}
+          title={dialog.title}
+          text={dialog.text}
+          onClose={dialog.onClose}
+          onConfirm={dialog.onConfirm}
+        />
       </div>
     );
   }

package/src/mark-label.jsx

@@ -14,6 +14,7 @@ const styles = theme => ({
     fontSize: theme.typography.fontSize,
     border: 'none',
     color: color.primaryDark(),
+    '&.error': { border: 'solid 2px red' },
     '&.correct': correct('color'),
     '&.incorrect': incorrect('color'),
     '&.disabled': {
@@ -36,7 +37,8 @@ export const MarkLabel = props => {
     barWidth,
     rotate,
     correctness,
-    autoFocus
+    autoFocus,
+    error
   } = props;
   const [label, setLabel] = useState(mark.label);
   const onChange = e => setLabel(e.target.value);
@@ -63,7 +65,12 @@ export const MarkLabel = props => {
         externalInputRef(r);
       }}
       disabled={disabled}
-      inputClassName={cn(classes.input, correctness && correctness.label, disabled && 'disabled')}
+      inputClassName={cn(
+        classes.input,
+        correctness && correctness.label,
+        disabled && 'disabled',
+        error && 'error'
+      )}
       inputStyle={{
         minWidth: barWidth,
         textAlign: 'center',