npm - @pie-lib/charting - Versions diffs - 5.7.3-next.0 → 5.7.3-next.21 - Mend

@pie-lib/charting 5.7.3-next.0 → 5.7.3-next.21

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (11) hide show

package/CHANGELOG.md CHANGED Viewed

@@ -8,7 +8,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
 ### Bug Fixes
-* **eslint:** fix eslint problems-AC-2732 ([9eb9976](https://github.com/pie-framework/pie-lib/commit/9eb9976749753da86e1057a07bd2cfc65bf64ae4))
+* **eslint:** fix eslint problems-PD-2732 ([9eb9976](https://github.com/pie-framework/pie-lib/commit/9eb9976749753da86e1057a07bd2cfc65bf64ae4))

package/lib/axes.js CHANGED Viewed

@@ -366,7 +366,9 @@ TickComponent.propTypes = {
   formattedValue: _propTypes["default"].string,
   onChangeCategory: _propTypes["default"].func,
   onChange: _propTypes["default"].func,
-  classes: _propTypes["default"].object
+  classes: _propTypes["default"].object,
+  error: _propTypes["default"].object,
+  defineChart: _propTypes["default"].bool
 };
 var RawChartAxes = /*#__PURE__*/function (_React$Component2) {

package/lib/axes.js.map CHANGED Viewed

	@@ -1 +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","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","bool","any","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","ChartAxes","stroke","color","primaryDark","strokeWidth","fill","fontFamily","body1","primaryLight","opacity","palette","main","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 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 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: '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 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 } = 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\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\n {error && error[index] && (\n <text className={classes.error} x={x} y={y + 23} height={4}>\n {error[index]}\n </text>\n )}\n\n {deletable && !correctness && (\n <line x1={x} y1={0} x2={x} y2={y + 4 + top} className={classes.dottedLine} 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\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\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\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\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\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 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 };\n\n state = { height: 0 };\n\n componentDidMount() {\n const height = document.getElementById('hiddenLabel') ? document.getElementById('hiddenLabel').offsetHeight : 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 = 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: theme.typography.fontSize - 2,\n fill: theme.palette.error.main,\n },\n }),\n { withTheme: true },\n)(RawChartAxes);\n\nexport default ChartAxes;\n"],"file":"axes.js"}
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","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","bool","any","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","ChartAxes","stroke","color","primaryDark","strokeWidth","fill","fontFamily","body1","primaryLight","opacity","palette","main","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 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 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: '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 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 } = 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\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\n {error && error[index] && (\n <text className={classes.error} x={x} y={y + 23} height={4}>\n {error[index]}\n </text>\n )}\n\n {deletable && !correctness && (\n <line x1={x} y1={0} x2={x} y2={y + 4 + top} className={classes.dottedLine} 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\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\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\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\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\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};\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 };\n\n state = { height: 0 };\n\n componentDidMount() {\n const height = document.getElementById('hiddenLabel') ? document.getElementById('hiddenLabel').offsetHeight : 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 = 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: theme.typography.fontSize - 2,\n fill: theme.palette.error.main,\n },\n }),\n { withTheme: true },\n)(RawChartAxes);\n\nexport default ChartAxes;\n"],"file":"axes.js"}

package/lib/chart-setup.js CHANGED Viewed

@@ -108,7 +108,7 @@ var ConfigureChartPanel = function ConfigureChartPanel(props) {
     value: range.step,
     variant: "outlined",
     onChange: function onChange(e, v) {
-      return onRangeChanged('step', v);
+      return onRangeChanged('step', v, e);
     }
   }, gridOptions)), /*#__PURE__*/_react["default"].createElement(_configUi.NumberTextFieldCustom, (0, _extends2["default"])({
     className: classes.mediumTextField,
@@ -116,7 +116,7 @@ var ConfigureChartPanel = function ConfigureChartPanel(props) {
     value: range.labelStep,
     variant: 'outlined',
     onChange: function onChange(e, v) {
-      return onRangeChanged('labelStep', v);
+      return onRangeChanged('labelStep', v, e);
     }
   }, labelOptions)));
@@ -127,20 +127,26 @@ var ConfigureChartPanel = function ConfigureChartPanel(props) {
     setOpen(open);
   };
-  var resetValues = function resetValues(data) {
-    return (data || []).forEach(function (d) {
+  var resetValues = function resetValues(data, updateModel) {
+    (data || []).forEach(function (d) {
       var remainder = d.value - range.step * Math.floor(d.value / range.step);
       if (d.value > range.max || remainder !== 0) {
         d.value = 0;
       }
     });
+    if (updateModel) {
+      onChange(_objectSpread(_objectSpread({}, model), {}, {
+        data: data
+      }));
+    }
   };
-  var removeOutOfRangeValues = function removeOutOfRangeValues() {
+  var removeOutOfRangeValues = function removeOutOfRangeValues(updateModel) {
     var correctAnswer = model.correctAnswer,
         data = model.data;
-    resetValues(data);
+    resetValues(data, updateModel);
     resetValues(correctAnswer.data);
   };
@@ -162,7 +168,23 @@ var ConfigureChartPanel = function ConfigureChartPanel(props) {
     }));
   };
-  var onRangeChanged = function onRangeChanged(key, value) {
+  var handleOutOfRangeValues = function handleOutOfRangeValues(initialState, remove) {
+    // handle the first render of the model
+    if (initialState) {
+      removeOutOfRangeValues(remove);
+      onChange(_objectSpread({}, model));
+    } else {
+      setOpen(true);
+    }
+  };
+  var isOutOfRange = function isOutOfRange(data, range) {
+    return data.find(function (d) {
+      return d.value > range.max || d.value - range.step * Math.floor(d.value / range.step) !== 0;
+    });
+  };
+  var onRangeChanged = function onRangeChanged(key, value, e) {
     // use reset values to restore range to initial values
     setResetValue(range[key]);
     setRangeKey(key);
@@ -170,14 +192,11 @@ var ConfigureChartPanel = function ConfigureChartPanel(props) {
     if (key === 'max' || key === 'step') {
       // check if current chart values are invalid for given range step/max
-      var outOfRange = (model.data || []).find(function (d) {
-        return d.value > range.max || d.value - range.step * Math.floor(d.value / range.step) !== 0;
-      }) || (model.correctAnswer.data || []).find(function (d) {
-        return d.value > range.max || d.value - range.step * Math.floor(d.value / range.step) !== 0;
-      });
+      var outOfRange = isOutOfRange(model.data || [], range) || isOutOfRange(model.correctAnswer.data || [], range);
       if (outOfRange) {
-        setOpen(true);
+        var initialState = JSON.stringify(e) === '{}';
+        handleOutOfRangeValues(initialState, true);
       } else {
         onChange(_objectSpread(_objectSpread({}, model), {}, {
           range: range
@@ -280,7 +299,7 @@ var ConfigureChartPanel = function ConfigureChartPanel(props) {
     max: rangeProps(model.chartType).max,
     variant: "outlined",
     onChange: function onChange(e, v) {
-      return onRangeChanged('max', v);
+      return onRangeChanged('max', v, e);
     }
   })), !model.chartType.includes('Plot') && stepConfig, showInConfigPanel && /*#__PURE__*/_react["default"].createElement("div", {
     className: classes.dimensions

package/lib/chart-setup.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../src/chart-setup.jsx"],"names":["ConfigureChartPanel","props","classes","model","onChange","chartDimensions","gridValues","labelValues","alertDialog","setAlertDialog","open","setOpen","rangeKey","setRangeKey","resetValue","setResetValue","range","correctAnswer","size","graph","showInConfigPanel","width","height","widthConstraints","min","Math","max","step","heightConstraints","gridOptions","customValues","labelOptions","stepConfig","rowView","mediumTextField","e","v","onRangeChanged","labelStep","handleAlertDialog","callback","resetValues","data","forEach","d","remainder","value","floor","removeOutOfRangeValues","rangeProps","chartType","includes","onSizeChanged","key","outOfRange","find","title","text","onConfirm","onClose","isValidPlot","getPlotConfiguration","onChartTypeChange","wrapper","content","target","dimensions","columnView","textField","disabled","propTypes","PropTypes","object","domain","func","chartDimension","styles","theme","display","flexDirection","marginTop","spacing","unit","alignItems","justifyContent","margin","largeTextField","fontStyle","color"],"mappings":"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","sourcesContent":["import React, { useState, useEffect } from 'react';\nimport PropTypes from 'prop-types';\nimport { color } from '@pie-lib/render-ui';\nimport { withStyles } from '@material-ui/core/styles';\nimport Typography from '@material-ui/core/Typography';\nimport ChartType from './chart-type';\nimport { NumberTextFieldCustom } from '@pie-lib/config-ui';\nimport { AlertDialog } from '@pie-lib/config-ui';\n\nconst ConfigureChartPanel = (props) => {\n const { classes, model, onChange, chartDimensions, gridValues = {}, labelValues = {} } = props;\n const [alertDialog, setAlertDialog] = useState(false);\n const [open, setOpen] = useState(false);\n const [rangeKey, setRangeKey] = useState('');\n const [resetValue, setResetValue] = useState(0);\n\n const { range = {}, correctAnswer } = model;\n\n const size = model.graph;\n const { showInConfigPanel, width, height } = chartDimensions \|\| {};\n\n const widthConstraints = {\n min: width?.min ? Math.max(50, width.min) : 50,\n max: width?.max ? Math.min(700, width.max) : 700,\n step: width?.step >= 1 ? Math.min(200, width.step) : 20,\n };\n const heightConstraints = {\n min: height?.min ? Math.max(400, height.min) : 400,\n max: height?.max ? Math.min(700, height.max) : 700,\n step: height?.step >= 1 ? Math.min(200, height.step) : 20,\n };\n\n const gridOptions = gridValues && gridValues.range ? { customValues: gridValues.range } : { min: 0, max: 10000 };\n const labelOptions = labelValues && labelValues.range ? { customValues: labelValues.range } : { min: 0, max: 10000 };\n\n const stepConfig = (\n <div className={classes.rowView}>\n <NumberTextFieldCustom\n className={classes.mediumTextField}\n label=\"Grid Interval\"\n value={range.step}\n variant=\"outlined\"\n onChange={(e, v) => onRangeChanged('step', v)}\n {...gridOptions}\n />\n <NumberTextFieldCustom\n className={classes.mediumTextField}\n label={'Label Interval'}\n value={range.labelStep}\n variant={'outlined'}\n onChange={(e, v) => onRangeChanged('labelStep', v)}\n {...labelOptions}\n />\n </div>\n );\n\n const handleAlertDialog = (open, callback) => {\n setAlertDialog(\n {\n alertDialog: open,\n },\n callback,\n );\n setOpen(open);\n };\n\n const resetValues = (data) =>\n (data \|\| []).forEach((d) => {\n const remainder = d.value - range.step * Math.floor(d.value / range.step);\n\n if (d.value > range.max \|\| remainder !== 0) {\n d.value = 0;\n }\n });\n\n const removeOutOfRangeValues = () => {\n const { correctAnswer, data } = model;\n\n resetValues(data);\n resetValues(correctAnswer.data);\n };\n\n const rangeProps = (chartType) => {\n return chartType.includes('Plot') ? { min: 3, max: 10 } : { min: 0.05, max: 10000 };\n };\n\n const onSizeChanged = (key, value) => {\n const graph = { ...size, [key]: value };\n\n onChange({ ...model, graph });\n };\n\n const onRangeChanged = (key, value) => {\n // use reset values to restore range to initial values\n setResetValue(range[key]);\n setRangeKey(key);\n\n range[key] = value;\n\n if (key === 'max' \|\| key === 'step') {\n // check if current chart values are invalid for given range step/max\n const outOfRange =\n (model.data \|\| []).find(\n (d) => d.value > range.max \|\| d.value - range.step * Math.floor(d.value / range.step) !== 0,\n ) \|\|\n (model.correctAnswer.data \|\| []).find(\n (d) => d.value > range.max \|\| d.value - range.step * Math.floor(d.value / range.step) !== 0,\n );\n\n if (outOfRange) {\n setOpen(true);\n } else {\n onChange({ ...model, range });\n }\n } else {\n onChange({ ...model, range });\n }\n };\n\n useEffect(() => {\n if (open) {\n setAlertDialog({\n open: true,\n title: 'Warning',\n text: 'This change will remove values defined for one or more categories',\n onConfirm: () => {\n removeOutOfRangeValues();\n handleAlertDialog(false, onChange({ ...model, range, correctAnswer }));\n },\n onClose: () => {\n range[rangeKey] = resetValue;\n handleAlertDialog(false);\n },\n });\n }\n }, [open]);\n\n const isValidPlot = range.step === 1 && range.labelStep === 1 && 3 <= range.max && range.max <= 10;\n\n const getPlotConfiguration = () => {\n rangeProps.min = 3;\n rangeProps.max = 10;\n\n range.max = 10;\n range.step = 1;\n range.labelStep = 1;\n\n onChange({ ...model, range });\n };\n\n const onChartTypeChange = (chartType) => {\n if (chartType.includes('Plot')) {\n // The selected chart type does not support the current chart configuration\n if (!isValidPlot) {\n setAlertDialog({\n open: true,\n title: 'Warning',\n text: 'The selected chart type does not support the current chart configuration. Reset chart configuration?',\n onConfirm: () => {\n getPlotConfiguration();\n removeOutOfRangeValues();\n handleAlertDialog(false, onChange({ ...model, range, chartType }));\n },\n onClose: () => {\n handleAlertDialog(false);\n },\n });\n\n return;\n }\n\n rangeProps.min = 3;\n rangeProps.max = 10;\n\n onChange({ ...model, chartType });\n\n return;\n }\n\n onChange({ ...model, chartType });\n };\n\n return (\n <div className={classes.wrapper}>\n <Typography variant={'subtitle1'}>Configure Chart</Typography>\n <div className={classes.content}>\n <div className={classes.rowView}>\n <ChartType value={model.chartType} onChange={(e) => onChartTypeChange(e.target.value)} />\n <NumberTextFieldCustom\n className={classes.mediumTextField}\n label=\"Max Value\"\n value={range.max}\n min={rangeProps(model.chartType).min}\n max={rangeProps(model.chartType).max}\n variant=\"outlined\"\n onChange={(e, v) => onRangeChanged('max', v)}\n />\n </div>\n {!model.chartType.includes('Plot') && stepConfig}\n\n {showInConfigPanel && (\n <div className={classes.dimensions}>\n <div>\n <Typography>Dimensions(px)</Typography>\n </div>\n\n <div className={classes.columnView}>\n <NumberTextFieldCustom\n className={classes.textField}\n label={'Width'}\n value={size.width}\n min={widthConstraints.min}\n max={widthConstraints.max}\n step={widthConstraints.step}\n variant={'outlined'}\n onChange={(e, v) => onSizeChanged('width', v)}\n />\n <Typography className={classes.disabled}>Min 50, Max 700</Typography>\n </div>\n\n <div className={classes.columnView}>\n <NumberTextFieldCustom\n className={classes.textField}\n label={'Height'}\n value={size.height}\n min={heightConstraints.min}\n max={heightConstraints.max}\n step={heightConstraints.step}\n variant={'outlined'}\n onChange={(e, v) => onSizeChanged('height', v)}\n />\n <Typography className={classes.disabled}>Min 400, Max 700</Typography>\n </div>\n </div>\n )}\n </div>\n\n <AlertDialog\n open={alertDialog.open}\n title={alertDialog.title}\n text={alertDialog.text}\n onClose={alertDialog.onClose}\n onConfirm={alertDialog.onConfirm}\n />\n </div>\n );\n};\n\nConfigureChartPanel.propTypes = {\n classes: PropTypes.object,\n chartDimensions: PropTypes.object,\n domain: PropTypes.object,\n gridValues: PropTypes.object,\n labelValues: PropTypes.object,\n model: PropTypes.object,\n onChange: PropTypes.func,\n range: PropTypes.object,\n chartDimension: PropTypes.object,\n size: PropTypes.object,\n};\n\nconst styles = (theme) => ({\n wrapper: {\n width: '450px',\n },\n content: {\n display: 'flex',\n flexDirection: 'column',\n width: '100%',\n marginTop: theme.spacing.unit * 3,\n },\n columnView: {\n display: 'flex',\n flexDirection: 'column',\n alignItems: 'center',\n },\n rowView: {\n display: 'flex',\n justifyContent: 'space-around',\n alignItems: 'center',\n },\n textField: {\n width: '130px',\n margin: `${theme.spacing.unit}px ${theme.spacing.unit / 2}px`,\n },\n mediumTextField: {\n width: '160px',\n margin: `${theme.spacing.unit}px ${theme.spacing.unit / 2}px`,\n },\n largeTextField: {\n width: '230px',\n margin: `${theme.spacing.unit}px ${theme.spacing.unit / 2}px`,\n },\n text: {\n fontStyle: 'italic',\n margin: `${theme.spacing.unit}px 0`,\n },\n dimensions: {\n display: 'flex',\n justifyContent: 'space-between',\n alignItems: 'center',\n margin: `${theme.spacing.unit * 3}px 0`,\n },\n disabled: {\n color: color.disabled(),\n },\n});\n\nexport default withStyles(styles)(ConfigureChartPanel);\n"],"file":"chart-setup.js"}
1	+ {"version":3,"sources":["../src/chart-setup.jsx"],"names":["ConfigureChartPanel","props","classes","model","onChange","chartDimensions","gridValues","labelValues","alertDialog","setAlertDialog","open","setOpen","rangeKey","setRangeKey","resetValue","setResetValue","range","correctAnswer","size","graph","showInConfigPanel","width","height","widthConstraints","min","Math","max","step","heightConstraints","gridOptions","customValues","labelOptions","stepConfig","rowView","mediumTextField","e","v","onRangeChanged","labelStep","handleAlertDialog","callback","resetValues","data","updateModel","forEach","d","remainder","value","floor","removeOutOfRangeValues","rangeProps","chartType","includes","onSizeChanged","key","handleOutOfRangeValues","initialState","remove","isOutOfRange","find","outOfRange","JSON","stringify","title","text","onConfirm","onClose","isValidPlot","getPlotConfiguration","onChartTypeChange","wrapper","content","target","dimensions","columnView","textField","disabled","propTypes","PropTypes","object","domain","func","chartDimension","styles","theme","display","flexDirection","marginTop","spacing","unit","alignItems","justifyContent","margin","largeTextField","fontStyle","color"],"mappings":"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","sourcesContent":["import React, { useState, useEffect } from 'react';\nimport PropTypes from 'prop-types';\nimport { color } from '@pie-lib/render-ui';\nimport { withStyles } from '@material-ui/core/styles';\nimport Typography from '@material-ui/core/Typography';\nimport ChartType from './chart-type';\nimport { NumberTextFieldCustom } from '@pie-lib/config-ui';\nimport { AlertDialog } from '@pie-lib/config-ui';\n\nconst ConfigureChartPanel = (props) => {\n const { classes, model, onChange, chartDimensions, gridValues = {}, labelValues = {} } = props;\n const [alertDialog, setAlertDialog] = useState(false);\n const [open, setOpen] = useState(false);\n const [rangeKey, setRangeKey] = useState('');\n const [resetValue, setResetValue] = useState(0);\n\n const { range = {}, correctAnswer } = model;\n\n const size = model.graph;\n const { showInConfigPanel, width, height } = chartDimensions \|\| {};\n\n const widthConstraints = {\n min: width?.min ? Math.max(50, width.min) : 50,\n max: width?.max ? Math.min(700, width.max) : 700,\n step: width?.step >= 1 ? Math.min(200, width.step) : 20,\n };\n const heightConstraints = {\n min: height?.min ? Math.max(400, height.min) : 400,\n max: height?.max ? Math.min(700, height.max) : 700,\n step: height?.step >= 1 ? Math.min(200, height.step) : 20,\n };\n\n const gridOptions = gridValues && gridValues.range ? { customValues: gridValues.range } : { min: 0, max: 10000 };\n const labelOptions = labelValues && labelValues.range ? { customValues: labelValues.range } : { min: 0, max: 10000 };\n\n const stepConfig = (\n <div className={classes.rowView}>\n <NumberTextFieldCustom\n className={classes.mediumTextField}\n label=\"Grid Interval\"\n value={range.step}\n variant=\"outlined\"\n onChange={(e, v) => onRangeChanged('step', v, e)}\n {...gridOptions}\n />\n <NumberTextFieldCustom\n className={classes.mediumTextField}\n label={'Label Interval'}\n value={range.labelStep}\n variant={'outlined'}\n onChange={(e, v) => onRangeChanged('labelStep', v, e)}\n {...labelOptions}\n />\n </div>\n );\n\n const handleAlertDialog = (open, callback) => {\n setAlertDialog(\n {\n alertDialog: open,\n },\n callback,\n );\n setOpen(open);\n };\n\n const resetValues = (data, updateModel) => {\n (data \|\| []).forEach((d) => {\n const remainder = d.value - range.step * Math.floor(d.value / range.step);\n\n if (d.value > range.max \|\| remainder !== 0) {\n d.value = 0;\n }\n });\n\n if (updateModel) {\n onChange({ ...model, data });\n }\n };\n\n const removeOutOfRangeValues = (updateModel) => {\n const { correctAnswer, data } = model;\n\n resetValues(data, updateModel);\n resetValues(correctAnswer.data);\n };\n\n const rangeProps = (chartType) => {\n return chartType.includes('Plot') ? { min: 3, max: 10 } : { min: 0.05, max: 10000 };\n };\n\n const onSizeChanged = (key, value) => {\n const graph = { ...size, [key]: value };\n\n onChange({ ...model, graph });\n };\n\n const handleOutOfRangeValues = (initialState, remove) => {\n // handle the first render of the model\n if (initialState) {\n removeOutOfRangeValues(remove);\n onChange({ ...model });\n } else {\n setOpen(true);\n }\n };\n\n const isOutOfRange = (data, range) =>\n data.find((d) => d.value > range.max \|\| d.value - range.step * Math.floor(d.value / range.step) !== 0);\n\n const onRangeChanged = (key, value, e) => {\n // use reset values to restore range to initial values\n setResetValue(range[key]);\n setRangeKey(key);\n\n range[key] = value;\n\n if (key === 'max' \|\| key === 'step') {\n // check if current chart values are invalid for given range step/max\n const outOfRange = isOutOfRange(model.data \|\| [], range) \|\| isOutOfRange(model.correctAnswer.data \|\| [], range);\n\n if (outOfRange) {\n const initialState = JSON.stringify(e) === '{}';\n handleOutOfRangeValues(initialState, true);\n } else {\n onChange({ ...model, range });\n }\n } else {\n onChange({ ...model, range });\n }\n };\n\n useEffect(() => {\n if (open) {\n setAlertDialog({\n open: true,\n title: 'Warning',\n text: 'This change will remove values defined for one or more categories',\n onConfirm: () => {\n removeOutOfRangeValues();\n handleAlertDialog(false, onChange({ ...model, range, correctAnswer }));\n },\n onClose: () => {\n range[rangeKey] = resetValue;\n handleAlertDialog(false);\n },\n });\n }\n }, [open]);\n\n const isValidPlot = range.step === 1 && range.labelStep === 1 && 3 <= range.max && range.max <= 10;\n\n const getPlotConfiguration = () => {\n rangeProps.min = 3;\n rangeProps.max = 10;\n\n range.max = 10;\n range.step = 1;\n range.labelStep = 1;\n\n onChange({ ...model, range });\n };\n\n const onChartTypeChange = (chartType) => {\n if (chartType.includes('Plot')) {\n // The selected chart type does not support the current chart configuration\n if (!isValidPlot) {\n setAlertDialog({\n open: true,\n title: 'Warning',\n text: 'The selected chart type does not support the current chart configuration. Reset chart configuration?',\n onConfirm: () => {\n getPlotConfiguration();\n removeOutOfRangeValues();\n handleAlertDialog(false, onChange({ ...model, range, chartType }));\n },\n onClose: () => {\n handleAlertDialog(false);\n },\n });\n\n return;\n }\n\n rangeProps.min = 3;\n rangeProps.max = 10;\n\n onChange({ ...model, chartType });\n\n return;\n }\n\n onChange({ ...model, chartType });\n };\n\n return (\n <div className={classes.wrapper}>\n <Typography variant={'subtitle1'}>Configure Chart</Typography>\n <div className={classes.content}>\n <div className={classes.rowView}>\n <ChartType value={model.chartType} onChange={(e) => onChartTypeChange(e.target.value)} />\n <NumberTextFieldCustom\n className={classes.mediumTextField}\n label=\"Max Value\"\n value={range.max}\n min={rangeProps(model.chartType).min}\n max={rangeProps(model.chartType).max}\n variant=\"outlined\"\n onChange={(e, v) => onRangeChanged('max', v, e)}\n />\n </div>\n {!model.chartType.includes('Plot') && stepConfig}\n\n {showInConfigPanel && (\n <div className={classes.dimensions}>\n <div>\n <Typography>Dimensions(px)</Typography>\n </div>\n\n <div className={classes.columnView}>\n <NumberTextFieldCustom\n className={classes.textField}\n label={'Width'}\n value={size.width}\n min={widthConstraints.min}\n max={widthConstraints.max}\n step={widthConstraints.step}\n variant={'outlined'}\n onChange={(e, v) => onSizeChanged('width', v)}\n />\n <Typography className={classes.disabled}>Min 50, Max 700</Typography>\n </div>\n\n <div className={classes.columnView}>\n <NumberTextFieldCustom\n className={classes.textField}\n label={'Height'}\n value={size.height}\n min={heightConstraints.min}\n max={heightConstraints.max}\n step={heightConstraints.step}\n variant={'outlined'}\n onChange={(e, v) => onSizeChanged('height', v)}\n />\n <Typography className={classes.disabled}>Min 400, Max 700</Typography>\n </div>\n </div>\n )}\n </div>\n\n <AlertDialog\n open={alertDialog.open}\n title={alertDialog.title}\n text={alertDialog.text}\n onClose={alertDialog.onClose}\n onConfirm={alertDialog.onConfirm}\n />\n </div>\n );\n};\n\nConfigureChartPanel.propTypes = {\n classes: PropTypes.object,\n chartDimensions: PropTypes.object,\n domain: PropTypes.object,\n gridValues: PropTypes.object,\n labelValues: PropTypes.object,\n model: PropTypes.object,\n onChange: PropTypes.func,\n range: PropTypes.object,\n chartDimension: PropTypes.object,\n size: PropTypes.object,\n};\n\nconst styles = (theme) => ({\n wrapper: {\n width: '450px',\n },\n content: {\n display: 'flex',\n flexDirection: 'column',\n width: '100%',\n marginTop: theme.spacing.unit * 3,\n },\n columnView: {\n display: 'flex',\n flexDirection: 'column',\n alignItems: 'center',\n },\n rowView: {\n display: 'flex',\n justifyContent: 'space-around',\n alignItems: 'center',\n },\n textField: {\n width: '130px',\n margin: `${theme.spacing.unit}px ${theme.spacing.unit / 2}px`,\n },\n mediumTextField: {\n width: '160px',\n margin: `${theme.spacing.unit}px ${theme.spacing.unit / 2}px`,\n },\n largeTextField: {\n width: '230px',\n margin: `${theme.spacing.unit}px ${theme.spacing.unit / 2}px`,\n },\n text: {\n fontStyle: 'italic',\n margin: `${theme.spacing.unit}px 0`,\n },\n dimensions: {\n display: 'flex',\n justifyContent: 'space-between',\n alignItems: 'center',\n margin: `${theme.spacing.unit * 3}px 0`,\n },\n disabled: {\n color: color.disabled(),\n },\n});\n\nexport default withStyles(styles)(ConfigureChartPanel);\n"],"file":"chart-setup.js"}

package/lib/mark-label.js CHANGED Viewed

@@ -29,6 +29,8 @@ var _styles2 = require("./common/styles");
 var _renderUi = require("@pie-lib/render-ui");
+var _mathRendering = require("@pie-lib/math-rendering");
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
@@ -53,11 +55,60 @@ var styles = function styles(theme) {
       '&.disabled': _objectSpread(_objectSpread({}, (0, _styles2.disabled)('color')), {}, {
         backgroundColor: 'transparent !important'
       })
-    }
+    },
+    mathInput: {
+      pointerEvents: 'auto',
+      textAlign: 'center',
+      fontSize: theme.typography.fontSize,
+      fontFamily: theme.typography.fontFamily,
+      color: _renderUi.color.primaryDark()
+    },
+    disabled: _objectSpread(_objectSpread({}, (0, _styles2.disabled)('color')), {}, {
+      backgroundColor: 'transparent !important'
+    }),
+    error: {
+      border: "2px solid ".concat(theme.palette.error.main)
+    },
+    correct: _objectSpread({}, (0, _styles2.correct)('color')),
+    incorrect: _objectSpread({}, (0, _styles2.incorrect)('color'))
   };
 };
+function isFractionFormat(label) {
+  var trimmedLabel = (label === null || label === void 0 ? void 0 : label.trim()) || '';
+  var fracRegex = new RegExp(/^[1-9]*[0-9]*\s?[1-9][0-9]*\/[1-9][0-9]*$/);
+  return fracRegex.test(trimmedLabel);
+}
+function getLabelMathFormat(label) {
+  var trimmedLabel = (label === null || label === void 0 ? void 0 : label.trim()) || '';
+  var fraction;
+  var mixedNr = '';
+  var improperFraction = trimmedLabel.split(' ');
+  if (improperFraction[1] && improperFraction[1].includes('/')) {
+    fraction = improperFraction[1].split('/') || '';
+  } else {
+    fraction = (trimmedLabel === null || trimmedLabel === void 0 ? void 0 : trimmedLabel.split('/')) || '';
+  }
+  var formattedLLabel;
+  if (isFractionFormat(label)) {
+    if (improperFraction[0] && improperFraction[1]) {
+      mixedNr = improperFraction[0];
+    }
+    formattedLLabel = "\\(".concat(mixedNr, "\\frac{").concat(fraction[0], "}{").concat(fraction[1], "}\\)");
+    return formattedLLabel;
+  }
+  return undefined;
+}
 var MarkLabel = function MarkLabel(props) {
+  var _classNames;
   // eslint-disable-next-line no-unused-vars
   var _useState = (0, _react.useState)(null),
       _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
@@ -83,12 +134,30 @@ var MarkLabel = function MarkLabel(props) {
       label = _useState4[0],
       setLabel = _useState4[1];
+  var _useState5 = (0, _react.useState)(getLabelMathFormat(mark.label)),
+      _useState6 = (0, _slicedToArray2["default"])(_useState5, 2),
+      mathLabel = _useState6[0],
+      setMathLabel = _useState6[1];
+  var _useState7 = (0, _react.useState)(false),
+      _useState8 = (0, _slicedToArray2["default"])(_useState7, 2),
+      isEditing = _useState8[0],
+      setIsEditing = _useState8[1];
+  var root = (0, _react.useRef)(null);
   var onChange = function onChange(e) {
-    return setLabel(e.target.value);
+    setLabel(e.target.value);
+  };
+  var isMathRendering = function isMathRendering() {
+    return isEditing === false && mathLabel !== undefined;
   };
   var onChangeProp = function onChangeProp(e) {
-    return props.onChange(e.target.value);
+    setMathLabel(getLabelMathFormat(mark.label));
+    setIsEditing(false);
+    props.onChange(e.target.value);
   };
   var extraStyle = {};
@@ -104,13 +173,30 @@ var MarkLabel = function MarkLabel(props) {
   (0, _react.useEffect)(function () {
     setLabel(mark.label);
   }, [mark.label]);
-  return /*#__PURE__*/_react["default"].createElement(_reactInputAutosize["default"], {
-    autoFocus: autoFocus,
+  (0, _react.useEffect)(function () {
+    (0, _mathRendering.renderMath)(root);
+  }, []);
+  return isMathRendering() ? /*#__PURE__*/_react["default"].createElement("div", {
+    ref: function ref(r) {
+      return root = r;
+    },
+    dangerouslySetInnerHTML: {
+      __html: getLabelMathFormat(label)
+    },
+    className: (0, _classnames["default"])(classes.mathInput, (_classNames = {}, (0, _defineProperty2["default"])(_classNames, classes.disabled, disabled), (0, _defineProperty2["default"])(_classNames, classes.error, error), (0, _defineProperty2["default"])(_classNames, classes.correct, correctness && correctness.label === 'correct'), (0, _defineProperty2["default"])(_classNames, classes.incorrect, correctness && correctness.label === 'incorrect'), _classNames)),
+    onClick: function onClick() {
+      return setIsEditing(true);
+    },
+    style: {
+      minWidth: barWidth
+    }
+  }) : /*#__PURE__*/_react["default"].createElement(_reactInputAutosize["default"], {
     inputRef: function inputRef(r) {
       _ref(r);
       externalInputRef(r);
     },
+    autoFocus: isEditing || autoFocus,
     disabled: disabled,
     inputClassName: (0, _classnames["default"])(classes.input, correctness && correctness.label, disabled && 'disabled', error && 'error'),
     inputStyle: _objectSpread({

package/lib/mark-label.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../src/mark-label.jsx"],"names":["styles","theme","input","fontFamily","typography","fontSize","border","color","primaryDark","palette","error","main","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","any","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: `2px solid ${theme.palette.error.main}` },\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(classes.input, correctness && correctness.label, disabled && 'disabled', error && 'error')}\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 autoFocus: PropTypes.bool,\n disabled: PropTypes.bool,\n error: PropTypes.any,\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"}
1	+ {"version":3,"sources":["../src/mark-label.jsx"],"names":["styles","theme","input","fontFamily","typography","fontSize","border","color","primaryDark","palette","error","main","backgroundColor","mathInput","pointerEvents","textAlign","disabled","correct","incorrect","isFractionFormat","label","trimmedLabel","trim","fracRegex","RegExp","test","getLabelMathFormat","fraction","mixedNr","improperFraction","split","includes","formattedLLabel","undefined","MarkLabel","props","setInput","_ref","node","mark","classes","externalInputRef","inputRef","barWidth","rotate","correctness","autoFocus","setLabel","mathLabel","setMathLabel","isEditing","setIsEditing","root","onChange","e","target","value","isMathRendering","onChangeProp","extraStyle","width","r","__html","minWidth","background","boxSizing","paddingLeft","paddingRight","position","top","left","transformOrigin","transform","propTypes","PropTypes","bool","any","func","graphProps","types","GraphPropsType","object","number","shape","string"],"mappings":"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","sourcesContent":["import React, { useState, useCallback, useEffect, useRef } from 'react';\nimport classNames 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';\nimport { renderMath } from '@pie-lib/math-rendering';\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: `2px solid ${theme.palette.error.main}` },\n '&.correct': correct('color'),\n '&.incorrect': incorrect('color'),\n '&.disabled': {\n ...disabled('color'),\n backgroundColor: 'transparent !important',\n },\n },\n mathInput: {\n pointerEvents: 'auto',\n textAlign: 'center',\n fontSize: theme.typography.fontSize,\n fontFamily: theme.typography.fontFamily,\n color: color.primaryDark(),\n },\n disabled: {\n ...disabled('color'),\n backgroundColor: 'transparent !important',\n },\n error: {\n border: `2px solid ${theme.palette.error.main}`,\n },\n correct: {\n ...correct('color'),\n },\n incorrect: {\n ...incorrect('color'),\n },\n});\n\nfunction isFractionFormat(label) {\n const trimmedLabel = label?.trim() \|\| '';\n const fracRegex = new RegExp(/^[1-9][0-9]\\s?[1-9][0-9]\\/[1-9][0-9]$/);\n return fracRegex.test(trimmedLabel);\n}\n\nfunction getLabelMathFormat(label) {\n const trimmedLabel = label?.trim() \|\| '';\n let fraction;\n let mixedNr = '';\n let improperFraction = trimmedLabel.split(' ');\n if (improperFraction[1] && improperFraction[1].includes('/')) {\n fraction = improperFraction[1].split('/') \|\| '';\n } else {\n fraction = trimmedLabel?.split('/') \|\| '';\n }\n\n let formattedLLabel;\n if (isFractionFormat(label)) {\n if (improperFraction[0] && improperFraction[1]) {\n mixedNr = improperFraction[0];\n }\n formattedLLabel = `\\\$${mixedNr}\\\\frac{${fraction[0]}}{${fraction[1]}}\\\$`;\n return formattedLLabel;\n }\n return undefined;\n}\n\nexport const MarkLabel = (props) => {\n // eslint-disable-next-line no-unused-vars\n const [input, setInput] = useState(null);\n const _ref = useCallback((node) => setInput(node), null);\n\n const {\n mark,\n classes,\n disabled,\n inputRef: externalInputRef,\n barWidth,\n rotate,\n correctness,\n autoFocus,\n error,\n } = props;\n\n const [label, setLabel] = useState(mark.label);\n const [mathLabel, setMathLabel] = useState(getLabelMathFormat(mark.label));\n const [isEditing, setIsEditing] = useState(false);\n let root = useRef(null);\n\n const onChange = (e) => {\n setLabel(e.target.value);\n };\n\n const isMathRendering = () => {\n return isEditing === false && mathLabel !== undefined;\n };\n\n const onChangeProp = (e) => {\n setMathLabel(getLabelMathFormat(mark.label));\n setIsEditing(false);\n props.onChange(e.target.value);\n };\n let extraStyle = {};\n\n if (rotate) {\n extraStyle = {\n width: 'unset',\n textAlign: 'left',\n };\n }\n\n // useState only sets the value once, to synch props to state need useEffect\n useEffect(() => {\n setLabel(mark.label);\n }, [mark.label]);\n\n useEffect(() => {\n renderMath(root);\n }, []);\n\n return isMathRendering() ? (\n <div\n ref={(r) => (root = r)}\n dangerouslySetInnerHTML={{ __html: getLabelMathFormat(label) }}\n className={classNames(classes.mathInput, {\n [classes.disabled]: disabled,\n [classes.error]: error,\n [classes.correct]: correctness && correctness.label === 'correct',\n [classes.incorrect]: correctness && correctness.label === 'incorrect',\n })}\n onClick={() => setIsEditing(true)}\n style={{ minWidth: barWidth }}\n ></div>\n ) : (\n <AutosizeInput\n inputRef={(r) => {\n _ref(r);\n externalInputRef(r);\n }}\n autoFocus={isEditing \|\| autoFocus}\n disabled={disabled}\n inputClassName={classNames(\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 autoFocus: PropTypes.bool,\n disabled: PropTypes.bool,\n error: PropTypes.any,\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 CHANGED Viewed

@@ -3,7 +3,7 @@
   "publishConfig": {
     "access": "public"
   },
-  "version": "5.7.3-next.0+e0c54808",
+  "version": "5.7.3-next.21+663190b6",
   "description": "charting",
   "keywords": [
     "react",
@@ -19,7 +19,7 @@
   "dependencies": {
     "@mapbox/point-geometry": "^0.1.0",
     "@material-ui/core": "^3.8.3",
-    "@pie-lib/plot": "^2.6.14-next.0+e0c54808",
+    "@pie-lib/plot": "^2.6.13",
     "@vx/axis": "^0.0.183",
     "@vx/event": "^0.0.182",
     "@vx/grid": "^0.0.183",
@@ -43,5 +43,5 @@
   "peerDependencies": {
     "react": "^16.8.1"
   },
-  "gitHead": "e0c54808548f6765169719a19b13e416b7ecca46"
+  "gitHead": "663190b6cf7f70836adf673e99a69317a5520511"
 }

package/src/axes.jsx CHANGED Viewed

@@ -307,6 +307,8 @@ TickComponent.propTypes = {
   onChangeCategory: PropTypes.func,
   onChange: PropTypes.func,
   classes: PropTypes.object,
+  error: PropTypes.object,
+  defineChart: PropTypes.bool,
 };
 export class RawChartAxes extends React.Component {

package/src/chart-setup.jsx CHANGED Viewed

@@ -40,7 +40,7 @@ const ConfigureChartPanel = (props) => {
         label="Grid Interval"
         value={range.step}
         variant="outlined"
-        onChange={(e, v) => onRangeChanged('step', v)}
+        onChange={(e, v) => onRangeChanged('step', v, e)}
         {...gridOptions}
       />
       <NumberTextFieldCustom
@@ -48,7 +48,7 @@ const ConfigureChartPanel = (props) => {
         label={'Label Interval'}
         value={range.labelStep}
         variant={'outlined'}
-        onChange={(e, v) => onRangeChanged('labelStep', v)}
+        onChange={(e, v) => onRangeChanged('labelStep', v, e)}
         {...labelOptions}
       />
     </div>
@@ -64,7 +64,7 @@ const ConfigureChartPanel = (props) => {
     setOpen(open);
   };
-  const resetValues = (data) =>
+  const resetValues = (data, updateModel) => {
     (data || []).forEach((d) => {
       const remainder = d.value - range.step * Math.floor(d.value / range.step);
@@ -73,10 +73,15 @@ const ConfigureChartPanel = (props) => {
       }
     });
-  const removeOutOfRangeValues = () => {
+    if (updateModel) {
+      onChange({ ...model, data });
+    }
+  };
+  const removeOutOfRangeValues = (updateModel) => {
     const { correctAnswer, data } = model;
-    resetValues(data);
+    resetValues(data, updateModel);
     resetValues(correctAnswer.data);
   };
@@ -90,7 +95,20 @@ const ConfigureChartPanel = (props) => {
     onChange({ ...model, graph });
   };
-  const onRangeChanged = (key, value) => {
+  const handleOutOfRangeValues = (initialState, remove) => {
+    // handle the first render of the model
+    if (initialState) {
+      removeOutOfRangeValues(remove);
+      onChange({ ...model });
+    } else {
+      setOpen(true);
+    }
+  };
+  const isOutOfRange = (data, range) =>
+    data.find((d) => d.value > range.max || d.value - range.step * Math.floor(d.value / range.step) !== 0);
+  const onRangeChanged = (key, value, e) => {
     // use reset values to restore range to initial values
     setResetValue(range[key]);
     setRangeKey(key);
@@ -99,16 +117,11 @@ const ConfigureChartPanel = (props) => {
     if (key === 'max' || key === 'step') {
       // check if current chart values are invalid for given range step/max
-      const outOfRange =
-        (model.data || []).find(
-          (d) => d.value > range.max || d.value - range.step * Math.floor(d.value / range.step) !== 0,
-        ) ||
-        (model.correctAnswer.data || []).find(
-          (d) => d.value > range.max || d.value - range.step * Math.floor(d.value / range.step) !== 0,
-        );
+      const outOfRange = isOutOfRange(model.data || [], range) || isOutOfRange(model.correctAnswer.data || [], range);
       if (outOfRange) {
-        setOpen(true);
+        const initialState = JSON.stringify(e) === '{}';
+        handleOutOfRangeValues(initialState, true);
       } else {
         onChange({ ...model, range });
       }
@@ -193,7 +206,7 @@ const ConfigureChartPanel = (props) => {
             min={rangeProps(model.chartType).min}
             max={rangeProps(model.chartType).max}
             variant="outlined"
-            onChange={(e, v) => onRangeChanged('max', v)}
+            onChange={(e, v) => onRangeChanged('max', v, e)}
           />
         </div>
         {!model.chartType.includes('Plot') && stepConfig}

package/src/mark-label.jsx CHANGED Viewed

@@ -1,11 +1,12 @@
-import React, { useState, useCallback, useEffect } from 'react';
-import cn from 'classnames';
+import React, { useState, useCallback, useEffect, useRef } from 'react';
+import classNames from 'classnames';
 import { withStyles } from '@material-ui/core/styles';
 import AutosizeInput from 'react-input-autosize';
 import PropTypes from 'prop-types';
 import { types } from '@pie-lib/plot';
 import { correct, incorrect, disabled } from './common/styles';
 import { color } from '@pie-lib/render-ui';
+import { renderMath } from '@pie-lib/math-rendering';
 const styles = (theme) => ({
   input: {
@@ -22,8 +23,56 @@ const styles = (theme) => ({
       backgroundColor: 'transparent !important',
     },
   },
+  mathInput: {
+    pointerEvents: 'auto',
+    textAlign: 'center',
+    fontSize: theme.typography.fontSize,
+    fontFamily: theme.typography.fontFamily,
+    color: color.primaryDark(),
+  },
+  disabled: {
+    ...disabled('color'),
+    backgroundColor: 'transparent !important',
+  },
+  error: {
+    border: `2px solid ${theme.palette.error.main}`,
+  },
+  correct: {
+    ...correct('color'),
+  },
+  incorrect: {
+    ...incorrect('color'),
+  },
 });
+function isFractionFormat(label) {
+  const trimmedLabel = label?.trim() || '';
+  const fracRegex = new RegExp(/^[1-9]*[0-9]*\s?[1-9][0-9]*\/[1-9][0-9]*$/);
+  return fracRegex.test(trimmedLabel);
+}
+function getLabelMathFormat(label) {
+  const trimmedLabel = label?.trim() || '';
+  let fraction;
+  let mixedNr = '';
+  let improperFraction = trimmedLabel.split(' ');
+  if (improperFraction[1] && improperFraction[1].includes('/')) {
+    fraction = improperFraction[1].split('/') || '';
+  } else {
+    fraction = trimmedLabel?.split('/') || '';
+  }
+  let formattedLLabel;
+  if (isFractionFormat(label)) {
+    if (improperFraction[0] && improperFraction[1]) {
+      mixedNr = improperFraction[0];
+    }
+    formattedLLabel = `\\(${mixedNr}\\frac{${fraction[0]}}{${fraction[1]}}\\)`;
+    return formattedLLabel;
+  }
+  return undefined;
+}
 export const MarkLabel = (props) => {
   // eslint-disable-next-line no-unused-vars
   const [input, setInput] = useState(null);
@@ -40,9 +89,25 @@ export const MarkLabel = (props) => {
     autoFocus,
     error,
   } = props;
   const [label, setLabel] = useState(mark.label);
-  const onChange = (e) => setLabel(e.target.value);
-  const onChangeProp = (e) => props.onChange(e.target.value);
+  const [mathLabel, setMathLabel] = useState(getLabelMathFormat(mark.label));
+  const [isEditing, setIsEditing] = useState(false);
+  let root = useRef(null);
+  const onChange = (e) => {
+    setLabel(e.target.value);
+  };
+  const isMathRendering = () => {
+    return isEditing === false && mathLabel !== undefined;
+  };
+  const onChangeProp = (e) => {
+    setMathLabel(getLabelMathFormat(mark.label));
+    setIsEditing(false);
+    props.onChange(e.target.value);
+  };
   let extraStyle = {};
   if (rotate) {
@@ -57,15 +122,37 @@ export const MarkLabel = (props) => {
     setLabel(mark.label);
   }, [mark.label]);
-  return (
+  useEffect(() => {
+    renderMath(root);
+  }, []);
+  return isMathRendering() ? (
+    <div
+      ref={(r) => (root = r)}
+      dangerouslySetInnerHTML={{ __html: getLabelMathFormat(label) }}
+      className={classNames(classes.mathInput, {
+        [classes.disabled]: disabled,
+        [classes.error]: error,
+        [classes.correct]: correctness && correctness.label === 'correct',
+        [classes.incorrect]: correctness && correctness.label === 'incorrect',
+      })}
+      onClick={() => setIsEditing(true)}
+      style={{ minWidth: barWidth }}
+    ></div>
+  ) : (
     <AutosizeInput
-      autoFocus={autoFocus}
       inputRef={(r) => {
         _ref(r);
         externalInputRef(r);
       }}
+      autoFocus={isEditing || autoFocus}
       disabled={disabled}
-      inputClassName={cn(classes.input, correctness && correctness.label, disabled && 'disabled', error && 'error')}
+      inputClassName={classNames(
+        classes.input,
+        correctness && correctness.label,
+        disabled && 'disabled',
+        error && 'error',
+      )}
       inputStyle={{
         minWidth: barWidth,
         textAlign: 'center',