@pie-lib/charting 4.5.11-next.413 → 4.5.11-next.434

package/lib/axes.js

@@ -189,7 +189,7 @@ var TickComponent = /*#__PURE__*/function (_React$Component) {
         inputRef: function inputRef(r) {
           return _this2.input = r;
         },
-        disabled: !editable,
+        disabled: defineChart ? false : !editable,
         mark: category,
         graphProps: graphProps,
         onChange: function onChange(newLabel) {

package/lib/axes.js.map

@@ -1 +1 @@
-{"version":3,"file":"axes.js","names":["TickComponent","index","newLabel","props","categories","onChangeCategory","category","label","onChange","slice","value","interactive","editable","classes","xBand","bandWidth","barWidth","rotate","top","graphProps","defineChart","x","y","formattedValue","parseInt","split","deletable","correctness","barX","bandKey","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","setState","leftAxis","theme","axis","axisLine","tick","axisLabel","scale","range","domain","size","state","bottomScale","rangeRound","width","bandwidth","max","rowTickValues","getTickValues","step","labelStep","fontSize","typography","getRotateAngle","getTickLabelProps","dy","dx","toLocaleString","getTickComponent","properties","min","textAnchor","count","isRequired","types","GraphPropsType","bool","ChartAxes","withStyles","fontFamily","body1","fill","color","secondary","stroke","primaryDark","strokeWidth","primaryLight","opacity","withTheme"],"sources":["../src/axes.jsx"],"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 { 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  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    onChangeCategory(index, { ...category, interactive: !category.interactive });\n  };\n\n  changeEditable = (index, value) => {\n    const { categories, onChangeCategory } = this.props;\n    const category = categories[index];\n\n    onChangeCategory(index, { ...category, editable: !category.editable || false });\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 index = parseInt(formattedValue.split('-')[0], 10);\n    const category = categories[index];\n    const { deletable, editable, interactive, label, correctness } = category || {};\n    const barX = xBand(bandKey({ label }, index));\n    const longestCategory = (categories || []).reduce((a, b) => {\n      const lengthA = a && a.label ? a.label.length : 0;\n      const lengthB = b && b.label ? b.label.length : 0;\n\n      return lengthA > lengthB ? a : b;\n    });\n\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            inputRef={r => (this.input = r)}\n            disabled={!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 + 10 + 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          <text\n            x={x - 80}\n            y={y + 40 + top}\n            width={barWidth}\n            height={4}\n            style={{\n              position: 'absolute',\n              pointerEvents: 'none',\n              wordBreak: 'break-word',\n              overflow: 'visible',\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        {defineChart && index === 0 && (\n          <text\n            x={x - 80}\n            y={y + 80 + top}\n            width={barWidth}\n            height={4}\n            style={{\n              position: 'absolute',\n              pointerEvents: 'none',\n              wordBreak: 'break-word',\n              overflow: 'visible',\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        )}\n        {defineChart && (\n          <foreignObject\n            x={x - 24}\n            y={y + 20 + top}\n            width={barWidth}\n            height={4}\n            style={{ pointerEvents: 'visible', overflow: 'visible' }}\n          >\n            <Checkbox\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 + 70 + top}\n            width={barWidth}\n            height={4}\n            style={{ pointerEvents: 'visible', overflow: 'visible' }}\n          >\n            <Checkbox\n              checked={editable}\n              onChange={e => this.changeEditable(index, e.target.checked)}\n            />\n          </foreignObject>\n        )}\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, axisLabel } = 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            label={range.label}\n            labelClassName={axisLabel}\n            tickValues={rowTickValues}\n            tickLabelProps={getTickLabelProps}\n          />\n        )}\n        <AxisBottom\n          axisLineClassName={axisLine}\n          labelClassName={axisLabel}\n          tickClassName={tick}\n          scale={bottomScale}\n          label={domain.label}\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    axisLabel: {\n      fontFamily: theme.typography.body1.fontFamily,\n      fontSize: theme.typography.fontSize,\n      fill: color.secondary()\n    },\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"],"mappings":"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"}
+{"version":3,"file":"axes.js","names":["TickComponent","index","newLabel","props","categories","onChangeCategory","category","label","onChange","slice","value","interactive","editable","classes","xBand","bandWidth","barWidth","rotate","top","graphProps","defineChart","x","y","formattedValue","parseInt","split","deletable","correctness","barX","bandKey","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","setState","leftAxis","theme","axis","axisLine","tick","axisLabel","scale","range","domain","size","state","bottomScale","rangeRound","width","bandwidth","max","rowTickValues","getTickValues","step","labelStep","fontSize","typography","getRotateAngle","getTickLabelProps","dy","dx","toLocaleString","getTickComponent","properties","min","textAnchor","count","isRequired","types","GraphPropsType","bool","ChartAxes","withStyles","fontFamily","body1","fill","color","secondary","stroke","primaryDark","strokeWidth","primaryLight","opacity","withTheme"],"sources":["../src/axes.jsx"],"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 { 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  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    onChangeCategory(index, { ...category, interactive: !category.interactive });\n  };\n\n  changeEditable = (index, value) => {\n    const { categories, onChangeCategory } = this.props;\n    const category = categories[index];\n\n    onChangeCategory(index, { ...category, editable: !category.editable || false });\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 index = parseInt(formattedValue.split('-')[0], 10);\n    const category = categories[index];\n    const { deletable, editable, interactive, label, correctness } = category || {};\n    const barX = xBand(bandKey({ label }, index));\n    const longestCategory = (categories || []).reduce((a, b) => {\n      const lengthA = a && a.label ? a.label.length : 0;\n      const lengthB = b && b.label ? b.label.length : 0;\n\n      return lengthA > lengthB ? a : b;\n    });\n\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            inputRef={r => (this.input = r)}\n            disabled={defineChart ? false : !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 + 10 + 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          <text\n            x={x - 80}\n            y={y + 40 + top}\n            width={barWidth}\n            height={4}\n            style={{\n              position: 'absolute',\n              pointerEvents: 'none',\n              wordBreak: 'break-word',\n              overflow: 'visible',\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        {defineChart && index === 0 && (\n          <text\n            x={x - 80}\n            y={y + 80 + top}\n            width={barWidth}\n            height={4}\n            style={{\n              position: 'absolute',\n              pointerEvents: 'none',\n              wordBreak: 'break-word',\n              overflow: 'visible',\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        )}\n        {defineChart && (\n          <foreignObject\n            x={x - 24}\n            y={y + 20 + top}\n            width={barWidth}\n            height={4}\n            style={{ pointerEvents: 'visible', overflow: 'visible' }}\n          >\n            <Checkbox\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 + 70 + top}\n            width={barWidth}\n            height={4}\n            style={{ pointerEvents: 'visible', overflow: 'visible' }}\n          >\n            <Checkbox\n              checked={editable}\n              onChange={e => this.changeEditable(index, e.target.checked)}\n            />\n          </foreignObject>\n        )}\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, axisLabel } = 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            label={range.label}\n            labelClassName={axisLabel}\n            tickValues={rowTickValues}\n            tickLabelProps={getTickLabelProps}\n          />\n        )}\n        <AxisBottom\n          axisLineClassName={axisLine}\n          labelClassName={axisLabel}\n          tickClassName={tick}\n          scale={bottomScale}\n          label={domain.label}\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    axisLabel: {\n      fontFamily: theme.typography.body1.fontFamily,\n      fontSize: theme.typography.fontSize,\n      fill: color.secondary()\n    },\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"],"mappings":"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"}

package/lib/bars/common/bars.js

@@ -198,11 +198,12 @@ var Bars = /*#__PURE__*/function (_React$Component2) {
           data = _this$props3.data,
           graphProps = _this$props3.graphProps,
           xBand = _this$props3.xBand,
-          _onChangeCategory = _this$props3.onChangeCategory;
+          _onChangeCategory = _this$props3.onChangeCategory,
+          defineChart = _this$props3.defineChart;
       return /*#__PURE__*/_react["default"].createElement(_group.Group, null, (data || []).map(function (d, index) {
         return /*#__PURE__*/_react["default"].createElement(Bar, {
           value: d.value,
-          interactive: d.interactive,
+          interactive: defineChart ? true : d.interactive,
           label: d.label,
           xBand: xBand,
           index: index,
@@ -225,6 +226,7 @@ exports.Bars = Bars;
 _defineProperty(Bars, "propTypes", {
   data: _propTypes["default"].array,
   onChangeCategory: _propTypes["default"].func,
+  defineChart: _propTypes["default"].bool,
   xBand: _propTypes["default"].func,
   graphProps: _plot.types.GraphPropsType.isRequired
 });

package/lib/bars/common/bars.js.map

@@ -1 +1 @@
-{"version":3,"file":"bars.js","names":["log","debug","RawBar","props","dragValue","setState","label","onChangeCategory","state","undefined","value","setDragValue","existing","next","graphProps","classes","xBand","index","interactive","correctness","scale","range","v","Number","isFinite","barWidth","bandwidth","barHeight","y","max","barX","bandKey","rawY","yy","Component","DraggableHandle","DragHandle","bar","dragStop","React","PropTypes","func","number","object","string","isRequired","types","GraphPropsType","bool","shape","Bar","withStyles","fill","color","primaryLight","Bars","data","map","d","category","array"],"sources":["../../../src/bars/common/bars.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { types } from '@pie-lib/plot';\nimport { Group } from '@vx/group';\nimport { color } from '@pie-lib/render-ui';\nimport { Bar as VxBar } from '@vx/shape';\nimport { withStyles } from '@material-ui/core/styles/index';\nimport debug from 'debug';\nimport { bandKey } from '../../utils';\nimport DraggableHandle, { DragHandle } from '../../common/drag-handle';\n\nconst log = debug('pie-lib:chart:bars');\n\nexport class RawBar extends React.Component {\n  static propTypes = {\n    onChangeCategory: PropTypes.func,\n    value: PropTypes.number,\n    classes: PropTypes.object,\n    label: PropTypes.string,\n    xBand: PropTypes.func,\n    index: PropTypes.number.isRequired,\n    graphProps: types.GraphPropsType.isRequired,\n    interactive: PropTypes.bool,\n    correctness: PropTypes.shape({\n      value: PropTypes.string,\n      label: PropTypes.string\n    })\n  };\n\n  constructor(props) {\n    super(props);\n    this.state = {\n      dragValue: undefined\n    };\n  }\n\n  setDragValue = dragValue => this.setState({ dragValue });\n\n  dragStop = () => {\n    const { label, onChangeCategory } = this.props;\n    const { dragValue } = this.state;\n    log('[dragStop]', dragValue);\n\n    if (dragValue !== undefined) {\n      onChangeCategory({ label, value: dragValue });\n    }\n\n    this.setDragValue(undefined);\n  };\n\n  dragValue = (existing, next) => {\n    log('[dragValue] next:', next);\n\n    this.setDragValue(next);\n  };\n\n  render() {\n    const {\n      graphProps,\n      value,\n      label,\n      classes,\n      xBand,\n      index,\n      interactive,\n      correctness\n    } = this.props;\n    const { scale, range } = graphProps;\n    const { dragValue } = this.state;\n\n    const v = Number.isFinite(dragValue) ? dragValue : value;\n    const barWidth = xBand.bandwidth();\n    const barHeight = scale.y(range.max - v);\n    const barX = xBand(bandKey({ label }, index));\n    const rawY = range.max - v;\n    const yy = range.max - rawY;\n    log('label:', label, 'barX:', barX, 'v: ', v, 'barHeight:', barHeight, 'barWidth: ', barWidth);\n\n    const Component = interactive ? DraggableHandle : DragHandle;\n\n    return (\n      <React.Fragment>\n        <VxBar\n          x={barX}\n          y={scale.y(yy)}\n          width={barWidth}\n          height={barHeight}\n          className={classes.bar}\n        />\n        <Component\n          x={barX}\n          y={v}\n          interactive={interactive}\n          width={barWidth}\n          onDrag={v => this.dragValue(value, v)}\n          onDragStop={this.dragStop}\n          graphProps={graphProps}\n          correctness={correctness}\n        />\n      </React.Fragment>\n    );\n  }\n}\n\nconst Bar = withStyles(() => ({\n  bar: {\n    fill: color.primaryLight()\n  }\n}))(RawBar);\n\nexport class Bars extends React.Component {\n  static propTypes = {\n    data: PropTypes.array,\n    onChangeCategory: PropTypes.func,\n    xBand: PropTypes.func,\n    graphProps: types.GraphPropsType.isRequired\n  };\n\n  render() {\n    const { data, graphProps, xBand, onChangeCategory } = this.props;\n    return (\n      <Group>\n        {(data || []).map((d, index) => (\n          <Bar\n            value={d.value}\n            interactive={d.interactive}\n            label={d.label}\n            xBand={xBand}\n            index={index}\n            key={`bar-${d.label}-${d.value}-${index}`}\n            onChangeCategory={category => onChangeCategory(index, category)}\n            graphProps={graphProps}\n            correctness={d.correctness}\n          />\n        ))}\n      </Group>\n    );\n  }\n}\n\nexport default Bars;\n"],"mappings":"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"}
+{"version":3,"file":"bars.js","names":["log","debug","RawBar","props","dragValue","setState","label","onChangeCategory","state","undefined","value","setDragValue","existing","next","graphProps","classes","xBand","index","interactive","correctness","scale","range","v","Number","isFinite","barWidth","bandwidth","barHeight","y","max","barX","bandKey","rawY","yy","Component","DraggableHandle","DragHandle","bar","dragStop","React","PropTypes","func","number","object","string","isRequired","types","GraphPropsType","bool","shape","Bar","withStyles","fill","color","primaryLight","Bars","data","defineChart","map","d","category","array"],"sources":["../../../src/bars/common/bars.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { types } from '@pie-lib/plot';\nimport { Group } from '@vx/group';\nimport { color } from '@pie-lib/render-ui';\nimport { Bar as VxBar } from '@vx/shape';\nimport { withStyles } from '@material-ui/core/styles/index';\nimport debug from 'debug';\nimport { bandKey } from '../../utils';\nimport DraggableHandle, { DragHandle } from '../../common/drag-handle';\n\nconst log = debug('pie-lib:chart:bars');\n\nexport class RawBar extends React.Component {\n  static propTypes = {\n    onChangeCategory: PropTypes.func,\n    value: PropTypes.number,\n    classes: PropTypes.object,\n    label: PropTypes.string,\n    xBand: PropTypes.func,\n    index: PropTypes.number.isRequired,\n    graphProps: types.GraphPropsType.isRequired,\n    interactive: PropTypes.bool,\n    correctness: PropTypes.shape({\n      value: PropTypes.string,\n      label: PropTypes.string\n    })\n  };\n\n  constructor(props) {\n    super(props);\n    this.state = {\n      dragValue: undefined\n    };\n  }\n\n  setDragValue = dragValue => this.setState({ dragValue });\n\n  dragStop = () => {\n    const { label, onChangeCategory } = this.props;\n    const { dragValue } = this.state;\n    log('[dragStop]', dragValue);\n\n    if (dragValue !== undefined) {\n      onChangeCategory({ label, value: dragValue });\n    }\n\n    this.setDragValue(undefined);\n  };\n\n  dragValue = (existing, next) => {\n    log('[dragValue] next:', next);\n\n    this.setDragValue(next);\n  };\n\n  render() {\n    const {\n      graphProps,\n      value,\n      label,\n      classes,\n      xBand,\n      index,\n      interactive,\n      correctness\n    } = this.props;\n\n    const { scale, range } = graphProps;\n    const { dragValue } = this.state;\n\n    const v = Number.isFinite(dragValue) ? dragValue : value;\n    const barWidth = xBand.bandwidth();\n    const barHeight = scale.y(range.max - v);\n    const barX = xBand(bandKey({ label }, index));\n    const rawY = range.max - v;\n    const yy = range.max - rawY;\n    log('label:', label, 'barX:', barX, 'v: ', v, 'barHeight:', barHeight, 'barWidth: ', barWidth);\n\n    const Component = interactive ? DraggableHandle : DragHandle;\n\n    return (\n      <React.Fragment>\n        <VxBar\n          x={barX}\n          y={scale.y(yy)}\n          width={barWidth}\n          height={barHeight}\n          className={classes.bar}\n        />\n        <Component\n          x={barX}\n          y={v}\n          interactive={interactive}\n          width={barWidth}\n          onDrag={v => this.dragValue(value, v)}\n          onDragStop={this.dragStop}\n          graphProps={graphProps}\n          correctness={correctness}\n        />\n      </React.Fragment>\n    );\n  }\n}\n\nconst Bar = withStyles(() => ({\n  bar: {\n    fill: color.primaryLight()\n  }\n}))(RawBar);\n\nexport class Bars extends React.Component {\n  static propTypes = {\n    data: PropTypes.array,\n    onChangeCategory: PropTypes.func,\n    defineChart: PropTypes.bool,\n    xBand: PropTypes.func,\n    graphProps: types.GraphPropsType.isRequired\n  };\n\n  render() {\n    const { data, graphProps, xBand, onChangeCategory, defineChart } = this.props;\n\n    return (\n      <Group>\n        {(data || []).map((d, index) => (\n          <Bar\n            value={d.value}\n            interactive={defineChart ? true : d.interactive}\n            label={d.label}\n            xBand={xBand}\n            index={index}\n            key={`bar-${d.label}-${d.value}-${index}`}\n            onChangeCategory={category => onChangeCategory(index, category)}\n            graphProps={graphProps}\n            correctness={d.correctness}\n          />\n        ))}\n      </Group>\n    );\n  }\n}\n\nexport default Bars;\n"],"mappings":"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"}

package/lib/chart-setup.js

@@ -0,0 +1,211 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _renderUi = require("@pie-lib/render-ui");
+
+var _styles = require("@material-ui/core/styles");
+
+var _Typography = _interopRequireDefault(require("@material-ui/core/Typography"));
+
+var _chartType = _interopRequireDefault(require("./chart-type"));
+
+var _configUi = require("@pie-lib/config-ui");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+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) { _defineProperty(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; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+var ConfigureChartPanel = function ConfigureChartPanel(props) {
+  var classes = props.classes,
+      model = props.model,
+      onChange = props.onChange;
+  var range = model.range;
+  var size = model.graph;
+
+  var rangeProps = function rangeProps(chartType) {
+    return chartType.includes('Plot') ? {
+      min: 3,
+      max: 10
+    } : {
+      min: 0.05,
+      max: 10000
+    };
+  };
+
+  var onSizeChanged = function onSizeChanged(key, value) {
+    var graph = _objectSpread(_objectSpread({}, size), {}, _defineProperty({}, key, value));
+
+    onChange(_objectSpread(_objectSpread({}, model), {}, {
+      graph: graph
+    }));
+  };
+
+  var onRangeChanged = function onRangeChanged(key, value) {
+    var parsedValue = parseInt(value);
+    range[key] = parsedValue;
+    onChange(_objectSpread(_objectSpread({}, model), {}, {
+      range: range
+    }));
+  };
+
+  var onChartTypeChange = function onChartTypeChange(chartType) {
+    return onChange(_objectSpread(_objectSpread({}, model), {}, {
+      chartType: chartType
+    }));
+  };
+
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: classes.wrapper
+  }, /*#__PURE__*/_react["default"].createElement(_Typography["default"], {
+    variant: 'subtitle1'
+  }, "Configure Chart"), /*#__PURE__*/_react["default"].createElement("div", {
+    className: classes.content
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: classes.rowView
+  }, /*#__PURE__*/_react["default"].createElement(_chartType["default"], {
+    value: model.chartType,
+    onChange: function onChange(e) {
+      return onChartTypeChange(e.target.value);
+    }
+  }), /*#__PURE__*/_react["default"].createElement(_configUi.NumberTextFieldCustom, {
+    className: classes.mediumTextField,
+    label: "Max Value",
+    value: range.max,
+    min: rangeProps(model.chartType).min,
+    max: rangeProps(model.chartType).max,
+    variant: "outlined",
+    onChange: function onChange(e, v) {
+      return onRangeChanged('max', v);
+    }
+  })), /*#__PURE__*/_react["default"].createElement("div", {
+    className: classes.rowView
+  }, /*#__PURE__*/_react["default"].createElement(_configUi.NumberTextFieldCustom, {
+    className: classes.mediumTextField,
+    label: "Grid Interval",
+    value: range.step,
+    min: 0,
+    max: 10000,
+    variant: "outlined",
+    onChange: function onChange(e, v) {
+      return onRangeChanged('step', v);
+    }
+  }), /*#__PURE__*/_react["default"].createElement(_configUi.NumberTextFieldCustom, {
+    className: classes.mediumTextField,
+    label: 'Label Interval',
+    value: range.labelStep,
+    min: 0,
+    max: 10000,
+    variant: 'outlined',
+    onChange: function onChange(e, v) {
+      return onRangeChanged('labelStep', v);
+    }
+  })), /*#__PURE__*/_react["default"].createElement("div", {
+    className: classes.dimensions
+  }, /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_Typography["default"], null, "Dimensions(px)")), /*#__PURE__*/_react["default"].createElement("div", {
+    className: classes.columnView
+  }, /*#__PURE__*/_react["default"].createElement(_configUi.NumberTextFieldCustom, {
+    className: classes.textField,
+    label: 'Width',
+    value: size.width,
+    min: 50,
+    max: 700,
+    variant: 'outlined',
+    onChange: function onChange(e, v) {
+      return onSizeChanged('width', v);
+    }
+  }), /*#__PURE__*/_react["default"].createElement(_Typography["default"], {
+    className: classes.disabled
+  }, "Min 50, Max 700")), /*#__PURE__*/_react["default"].createElement("div", {
+    className: classes.columnView
+  }, /*#__PURE__*/_react["default"].createElement(_configUi.NumberTextFieldCustom, {
+    className: classes.textField,
+    label: 'Height',
+    value: size.height,
+    min: 400,
+    max: 700,
+    variant: 'outlined',
+    onChange: function onChange(e, v) {
+      return onSizeChanged('height', v);
+    }
+  }), /*#__PURE__*/_react["default"].createElement(_Typography["default"], {
+    className: classes.disabled
+  }, "Min 400, Max 700")))));
+};
+
+ConfigureChartPanel.propTypes = {
+  classes: _propTypes["default"].object,
+  sizeConstraints: _propTypes["default"].object,
+  domain: _propTypes["default"].object,
+  gridIntervalValues: _propTypes["default"].object,
+  includeAxes: _propTypes["default"].bool,
+  labelIntervalValues: _propTypes["default"].object,
+  onChange: _propTypes["default"]["function"],
+  range: _propTypes["default"].object,
+  size: _propTypes["default"].object
+};
+
+var styles = function styles(theme) {
+  return {
+    wrapper: {
+      width: '450px'
+    },
+    content: {
+      display: 'flex',
+      flexDirection: 'column',
+      width: '100%',
+      marginTop: '24px'
+    },
+    columnView: {
+      display: 'flex',
+      flexDirection: 'column',
+      alignItems: 'center'
+    },
+    rowView: {
+      display: 'flex',
+      justifyContent: 'space-around',
+      alignItems: 'center'
+    },
+    textField: {
+      width: '130px',
+      margin: "".concat(theme.spacing.unit, "px ").concat(theme.spacing.unit / 2, "px")
+    },
+    mediumTextField: {
+      width: '160px',
+      margin: "".concat(theme.spacing.unit, "px ").concat(theme.spacing.unit / 2, "px")
+    },
+    largeTextField: {
+      width: '230px',
+      margin: "".concat(theme.spacing.unit, "px ").concat(theme.spacing.unit / 2, "px")
+    },
+    text: {
+      fontStyle: 'italic',
+      margin: "".concat(theme.spacing.unit, "px 0")
+    },
+    dimensions: {
+      display: 'flex',
+      justifyContent: 'space-between',
+      alignItems: 'center',
+      margin: '24px 0px'
+    },
+    disabled: {
+      color: _renderUi.color.disabled()
+    }
+  };
+};
+
+var _default = (0, _styles.withStyles)(styles)(ConfigureChartPanel);
+
+exports["default"] = _default;
+//# sourceMappingURL=chart-setup.js.map

package/lib/chart-setup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chart-setup.js","names":["ConfigureChartPanel","props","classes","model","onChange","range","size","graph","rangeProps","chartType","includes","min","max","onSizeChanged","key","value","onRangeChanged","parsedValue","parseInt","onChartTypeChange","wrapper","content","rowView","e","target","mediumTextField","v","step","labelStep","dimensions","columnView","textField","width","disabled","height","propTypes","PropTypes","object","sizeConstraints","domain","gridIntervalValues","includeAxes","bool","labelIntervalValues","styles","theme","display","flexDirection","marginTop","alignItems","justifyContent","margin","spacing","unit","largeTextField","text","fontStyle","color","withStyles"],"sources":["../src/chart-setup.jsx"],"sourcesContent":["import React 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';\n\nconst ConfigureChartPanel = props => {\n  const { classes, model, onChange } = props;\n  const { range } = model;\n  const size = model.graph;\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    const parsedValue = parseInt(value);\n\n    range[key] = parsedValue;\n\n    onChange({ ...model, range });\n  };\n\n  const onChartTypeChange = chartType => onChange({ ...model, chartType });\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        <div className={classes.rowView}>\n          <NumberTextFieldCustom\n            className={classes.mediumTextField}\n            label=\"Grid Interval\"\n            value={range.step}\n            min={0}\n            max={10000}\n            variant=\"outlined\"\n            onChange={(e, v) => onRangeChanged('step', v)}\n          />\n          <NumberTextFieldCustom\n            className={classes.mediumTextField}\n            label={'Label Interval'}\n            value={range.labelStep}\n            min={0}\n            max={10000}\n            variant={'outlined'}\n            onChange={(e, v) => onRangeChanged('labelStep', v)}\n          />\n        </div>\n        <div className={classes.dimensions}>\n          <div>\n            <Typography>Dimensions(px)</Typography>\n          </div>\n          <div className={classes.columnView}>\n            <NumberTextFieldCustom\n              className={classes.textField}\n              label={'Width'}\n              value={size.width}\n              min={50}\n              max={700}\n              variant={'outlined'}\n              onChange={(e, v) => onSizeChanged('width', v)}\n            />\n            <Typography className={classes.disabled}>Min 50, Max 700</Typography>\n          </div>\n          <div className={classes.columnView}>\n            <NumberTextFieldCustom\n              className={classes.textField}\n              label={'Height'}\n              value={size.height}\n              min={400}\n              max={700}\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      </div>\n    </div>\n  );\n};\n\nConfigureChartPanel.propTypes = {\n  classes: PropTypes.object,\n  sizeConstraints: PropTypes.object,\n  domain: PropTypes.object,\n  gridIntervalValues: PropTypes.object,\n  includeAxes: PropTypes.bool,\n  labelIntervalValues: PropTypes.object,\n  onChange: PropTypes.function,\n  range: 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: '24px'\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: '24px 0px'\n  },\n  disabled: {\n    color: color.disabled()\n  }\n});\n\nexport default withStyles(styles)(ConfigureChartPanel);\n"],"mappings":"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"}

package/lib/chart-type.js

@@ -0,0 +1,68 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _styles = require("@material-ui/core/styles");
+
+var _MenuItem = _interopRequireDefault(require("@material-ui/core/MenuItem"));
+
+var _FormControl = _interopRequireDefault(require("@material-ui/core/FormControl"));
+
+var _InputLabel = _interopRequireDefault(require("@material-ui/core/InputLabel"));
+
+var _Select = _interopRequireDefault(require("@material-ui/core/Select"));
+
+var _OutlinedInput = _interopRequireDefault(require("@material-ui/core/OutlinedInput"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+var ChartType = (0, _styles.withStyles)(function (theme) {
+  return {
+    chartType: {
+      width: '160px'
+    },
+    chartTypeLabel: {
+      backgroundColor: 'transparent'
+    }
+  };
+})(function (_ref) {
+  var onChange = _ref.onChange,
+      value = _ref.value,
+      classes = _ref.classes;
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: classes.chartType
+  }, /*#__PURE__*/_react["default"].createElement(_FormControl["default"], {
+    variant: 'outlined',
+    className: classes.chartType
+  }, /*#__PURE__*/_react["default"].createElement(_InputLabel["default"], {
+    htmlFor: "type-helper",
+    className: classes.chartTypeLabel
+  }, "ChartType"), /*#__PURE__*/_react["default"].createElement(_Select["default"], {
+    value: value,
+    onChange: onChange,
+    input: /*#__PURE__*/_react["default"].createElement(_OutlinedInput["default"], {
+      name: "type",
+      id: "type-helper"
+    })
+  }, /*#__PURE__*/_react["default"].createElement(_MenuItem["default"], {
+    value: 'histogram'
+  }, "Histogram"), /*#__PURE__*/_react["default"].createElement(_MenuItem["default"], {
+    value: 'bar'
+  }, "Bar"), /*#__PURE__*/_react["default"].createElement(_MenuItem["default"], {
+    value: 'lineDot'
+  }, "Line Dot"), /*#__PURE__*/_react["default"].createElement(_MenuItem["default"], {
+    value: 'lineCross'
+  }, "Line Cross"), /*#__PURE__*/_react["default"].createElement(_MenuItem["default"], {
+    value: 'dotPlot'
+  }, "Dot Plot"), /*#__PURE__*/_react["default"].createElement(_MenuItem["default"], {
+    value: 'linePlot'
+  }, "Line Plot"))));
+});
+var _default = ChartType;
+exports["default"] = _default;
+//# sourceMappingURL=chart-type.js.map

package/lib/chart-type.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chart-type.js","names":["ChartType","withStyles","theme","chartType","width","chartTypeLabel","backgroundColor","onChange","value","classes"],"sources":["../src/chart-type.js"],"sourcesContent":["import React from 'react';\nimport { withStyles } from '@material-ui/core/styles';\nimport MenuItem from '@material-ui/core/MenuItem';\nimport FormControl from '@material-ui/core/FormControl';\nimport InputLabel from '@material-ui/core/InputLabel';\nimport Select from '@material-ui/core/Select';\nimport OutlinedInput from '@material-ui/core/OutlinedInput';\n\nconst ChartType = withStyles(theme => ({\n  chartType: {\n    width: '160px'\n  },\n  chartTypeLabel: {\n    backgroundColor: 'transparent'\n  }\n}))(({ onChange, value, classes }) => {\n  return (\n    <div className={classes.chartType}>\n      <FormControl variant={'outlined'} className={classes.chartType}>\n        <InputLabel htmlFor=\"type-helper\" className={classes.chartTypeLabel}>\n          ChartType\n        </InputLabel>\n\n        <Select\n          value={value}\n          onChange={onChange}\n          input={<OutlinedInput name=\"type\" id=\"type-helper\" />}\n        >\n          <MenuItem value={'histogram'}>Histogram</MenuItem>\n          <MenuItem value={'bar'}>Bar</MenuItem>\n          <MenuItem value={'lineDot'}>Line Dot</MenuItem>\n          <MenuItem value={'lineCross'}>Line Cross</MenuItem>\n          <MenuItem value={'dotPlot'}>Dot Plot</MenuItem>\n          <MenuItem value={'linePlot'}>Line Plot</MenuItem>\n        </Select>\n      </FormControl>\n    </div>\n  );\n});\n\nexport default ChartType;\n"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AAEA,IAAMA,SAAS,GAAG,IAAAC,kBAAA,EAAW,UAAAC,KAAK;EAAA,OAAK;IACrCC,SAAS,EAAE;MACTC,KAAK,EAAE;IADE,CAD0B;IAIrCC,cAAc,EAAE;MACdC,eAAe,EAAE;IADH;EAJqB,CAAL;AAAA,CAAhB,EAOd,gBAAkC;EAAA,IAA/BC,QAA+B,QAA/BA,QAA+B;EAAA,IAArBC,KAAqB,QAArBA,KAAqB;EAAA,IAAdC,OAAc,QAAdA,OAAc;EACpC,oBACE;IAAK,SAAS,EAAEA,OAAO,CAACN;EAAxB,gBACE,gCAAC,uBAAD;IAAa,OAAO,EAAE,UAAtB;IAAkC,SAAS,EAAEM,OAAO,CAACN;EAArD,gBACE,gCAAC,sBAAD;IAAY,OAAO,EAAC,aAApB;IAAkC,SAAS,EAAEM,OAAO,CAACJ;EAArD,eADF,eAKE,gCAAC,kBAAD;IACE,KAAK,EAAEG,KADT;IAEE,QAAQ,EAAED,QAFZ;IAGE,KAAK,eAAE,gCAAC,yBAAD;MAAe,IAAI,EAAC,MAApB;MAA2B,EAAE,EAAC;IAA9B;EAHT,gBAKE,gCAAC,oBAAD;IAAU,KAAK,EAAE;EAAjB,eALF,eAME,gCAAC,oBAAD;IAAU,KAAK,EAAE;EAAjB,SANF,eAOE,gCAAC,oBAAD;IAAU,KAAK,EAAE;EAAjB,cAPF,eAQE,gCAAC,oBAAD;IAAU,KAAK,EAAE;EAAjB,gBARF,eASE,gCAAC,oBAAD;IAAU,KAAK,EAAE;EAAjB,cATF,eAUE,gCAAC,oBAAD;IAAU,KAAK,EAAE;EAAjB,eAVF,CALF,CADF,CADF;AAsBD,CA9BiB,CAAlB;eAgCeP,S"}

package/lib/chart.js

@@ -263,6 +263,7 @@ var Chart = /*#__PURE__*/function (_React$Component) {
         mask: "url('#myMask')"
       }, /*#__PURE__*/_react["default"].createElement(ChartComponent, _extends({}, common, {
         data: categories,
+        defineChart: defineChart,
         onChange: this.changeData,
         onChangeCategory: this.changeCategory
       })))));
@@ -305,6 +306,7 @@ _defineProperty(Chart, "propTypes", {
   onDataChange: _propTypes["default"].func,
   addCategoryEnabled: _propTypes["default"].bool,
   categoryDefaultLabel: _propTypes["default"].string,
+  defineChart: _propTypes["default"].bool,
   theme: _propTypes["default"].object
 });
 

package/lib/chart.js.map

@@ -1 +1 @@
-{"version":3,"file":"chart.js","names":["log","debug","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","label","value","step","deletable","editable","interactive","defineChart","map","d","classes","className","domain","size","title","addCategoryEnabled","theme","width","height","getChart","categories","getFilteredCategories","labelFontSize","typography","fontSize","correctValues","getDomainAndRangeByChartType","getGridLinesAndAxisByChartType","verticalLines","horizontalLines","leftAxis","common","graphProps","createGraphProps","rootNode","maskSize","x","y","scale","xBand","dataToXBand","bandWidth","bandwidth","barWidth","max","length","increaseHeight","top","getTopPadding","rootCommon","cloneDeep","classNames","controls","toolMenu","addCategory","r","changeData","changeCategory","React","PropTypes","object","isRequired","string","shape","number","min","axisLabel","arrayOf","labelStep","array","func","bool","styles","graphBox","transform","display","justifyContent","padding","spacing","unit","backgroundColor","color","primaryLight","borderTop","primaryDark","borderBottom","borderLeft","borderRight","root","overflow","svg","minHeight","withStyles","withTheme"],"sources":["../src/chart.jsx"],"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    categoryDefaultLabel: PropTypes.string,\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 = (chartType, range) => {\n    const { onDataChange, data, categoryDefaultLabel } = this.props;\n\n    onDataChange([\n      ...data,\n      {\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      addCategoryEnabled,\n      theme\n    } = this.props;\n    let { chartType } = this.props;\n\n    const defineChart = this.props.defineChart || false;\n    const { width, height } = size || {};\n\n    const { ChartComponent } = this.getChart();\n    const categories = this.getFilteredCategories();\n\n    const labelFontSize = (theme && theme.typography && theme.typography.fontSize) || 14;\n    const correctValues = getDomainAndRangeByChartType(\n      domain,\n      range,\n      size,\n      chartType,\n      labelFontSize\n    );\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 ? 80 : 0;\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.class, className)}>\n        <div className={classes.controls}>\n          <ToolMenu\n            className={classes.toolMenu}\n            disabled={!addCategoryEnabled}\n            addCategory={() => this.addCategory(chartType, correctValues.range)}\n          />\n        </div>\n        <Root title={title} classes={classes} rootRef={r => (this.rootNode = r)} {...rootCommon}>\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              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  root: {\n    overflow: 'hidden'\n  },\n  svg: {\n    overflow: 'visible'\n  },\n  toolMenu: {\n    minHeight: '36px'\n  }\n});\n\nexport default withStyles(styles, { withTheme: true })(Chart);\n"],"mappings":"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"}
+{"version":3,"file":"chart.js","names":["log","debug","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","label","value","step","deletable","editable","interactive","defineChart","map","d","classes","className","domain","size","title","addCategoryEnabled","theme","width","height","getChart","categories","getFilteredCategories","labelFontSize","typography","fontSize","correctValues","getDomainAndRangeByChartType","getGridLinesAndAxisByChartType","verticalLines","horizontalLines","leftAxis","common","graphProps","createGraphProps","rootNode","maskSize","x","y","scale","xBand","dataToXBand","bandWidth","bandwidth","barWidth","max","length","increaseHeight","top","getTopPadding","rootCommon","cloneDeep","classNames","controls","toolMenu","addCategory","r","changeData","changeCategory","React","PropTypes","object","isRequired","string","shape","number","min","axisLabel","arrayOf","labelStep","array","func","bool","styles","graphBox","transform","display","justifyContent","padding","spacing","unit","backgroundColor","color","primaryLight","borderTop","primaryDark","borderBottom","borderLeft","borderRight","root","overflow","svg","minHeight","withStyles","withTheme"],"sources":["../src/chart.jsx"],"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    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 = (chartType, range) => {\n    const { onDataChange, data, categoryDefaultLabel } = this.props;\n\n    onDataChange([\n      ...data,\n      {\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      addCategoryEnabled,\n      theme\n    } = this.props;\n    let { chartType } = this.props;\n\n    const defineChart = this.props.defineChart || false;\n    const { width, height } = size || {};\n\n    const { ChartComponent } = this.getChart();\n    const categories = this.getFilteredCategories();\n\n    const labelFontSize = (theme && theme.typography && theme.typography.fontSize) || 14;\n    const correctValues = getDomainAndRangeByChartType(\n      domain,\n      range,\n      size,\n      chartType,\n      labelFontSize\n    );\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 ? 80 : 0;\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.class, className)}>\n        <div className={classes.controls}>\n          <ToolMenu\n            className={classes.toolMenu}\n            disabled={!addCategoryEnabled}\n            addCategory={() => this.addCategory(chartType, correctValues.range)}\n          />\n        </div>\n        <Root title={title} classes={classes} rootRef={r => (this.rootNode = r)} {...rootCommon}>\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  root: {\n    overflow: 'hidden'\n  },\n  svg: {\n    overflow: 'visible'\n  },\n  toolMenu: {\n    minHeight: '36px'\n  }\n});\n\nexport default withStyles(styles, { withTheme: true })(Chart);\n"],"mappings":"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"}

package/lib/index.js

@@ -9,6 +9,18 @@ Object.defineProperty(exports, "Chart", {
     return _chart["default"];
   }
 });
+Object.defineProperty(exports, "ChartType", {
+  enumerable: true,
+  get: function get() {
+    return _chartType["default"];
+  }
+});
+Object.defineProperty(exports, "ConfigureChartPanel", {
+  enumerable: true,
+  get: function get() {
+    return _chartSetup["default"];
+  }
+});
 Object.defineProperty(exports, "chartTypes", {
   enumerable: true,
   get: function get() {
@@ -20,5 +32,9 @@ var _chart = _interopRequireDefault(require("./chart"));
 
 var _chartTypes = _interopRequireDefault(require("./chart-types"));
 
+var _chartSetup = _interopRequireDefault(require("./chart-setup"));
+
+var _chartType = _interopRequireDefault(require("./chart-type"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 //# sourceMappingURL=index.js.map

package/lib/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../src/index.js"],"sourcesContent":["import Chart from './chart';\nimport chartTypes from './chart-types';\nexport { Chart, chartTypes };\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;;AACA"}
+{"version":3,"file":"index.js","names":[],"sources":["../src/index.js"],"sourcesContent":["import Chart from './chart';\nimport chartTypes from './chart-types';\nimport ConfigureChartPanel from './chart-setup';\nimport ChartType from './chart-type';\n\nexport { Chart, chartTypes, ChartType, ConfigureChartPanel };\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA"}

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

@@ -85,7 +85,7 @@ var RawDragHandle = /*#__PURE__*/function (_React$Component) {
         y: y,
         classes: classes,
         className: (0, _classnames["default"])(className, !interactive && 'non-interactive'),
-        correctness: interactive && correctness
+        correctness: correctness
       }, rest));
     }
   }]);

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

@@ -1 +1 @@
-{"version":3,"file":"drag-handle.js","names":["RawDragHandle","props","x","y","graphProps","classes","className","interactive","CustomDraggableComponent","correctness","rest","scale","classNames","React","Component","PropTypes","number","isRequired","width","types","GraphPropsType","object","string","bool","func","shape","value","label","DragHandle","withStyles","theme","handle","fill","color","secondary","transition","secondaryDark","correct","incorrect","disabled","line","stroke","DraggableHandle","gridDraggable","axis","fromDelta","delta","newPoint","utils","point","add","bounds","domain","range","area","left","top","bottom","right","anchorPoint"],"sources":["../../../src/line/common/drag-handle.jsx"],"sourcesContent":["import React from 'react';\nimport classNames from 'classnames';\nimport { gridDraggable, utils, types } from '@pie-lib/plot';\nimport { withStyles } from '@material-ui/core/styles/index';\nimport { color } from '@pie-lib/render-ui';\nimport PropTypes from 'prop-types';\nimport { correct, incorrect, disabled } from '../../common/styles';\n\nclass RawDragHandle extends React.Component {\n  static propTypes = {\n    x: PropTypes.number.isRequired,\n    y: PropTypes.number.isRequired,\n    width: PropTypes.number,\n    graphProps: types.GraphPropsType.isRequired,\n    classes: PropTypes.object.isRequired,\n    className: PropTypes.string,\n    interactive: PropTypes.bool,\n    CustomDraggableComponent: PropTypes.func,\n    correctness: PropTypes.shape({\n      value: PropTypes.string,\n      label: PropTypes.string\n    })\n  };\n\n  render() {\n    const {\n      x,\n      y,\n      graphProps,\n      classes,\n      className,\n      interactive,\n      CustomDraggableComponent,\n      correctness,\n      ...rest\n    } = this.props;\n    const { scale } = graphProps;\n    return (\n      <CustomDraggableComponent\n        scale={scale}\n        x={x}\n        y={y}\n        classes={classes}\n        className={classNames(className, !interactive && 'non-interactive')}\n        correctness={interactive && correctness}\n        {...rest}\n      />\n    );\n  }\n}\n\nexport const DragHandle = withStyles(theme => ({\n  handle: {\n    fill: color.secondary(),\n    transition: 'fill 200ms linear, height 200ms linear',\n    '&:hover': {\n      fill: color.secondaryDark()\n    },\n    '&.correct': correct('fill'),\n    '&.incorrect': incorrect('fill'),\n    '&.non-interactive': disabled('fill')\n  },\n  line: {\n    stroke: color.secondary(),\n    transition: 'fill 200ms linear, height 200ms linear',\n    '&:hover': {\n      stroke: color.secondaryDark()\n    },\n    '&.non-interactive': disabled('stroke'),\n    '&.correct': correct('stroke'),\n    '&.incorrect': incorrect('stroke')\n  }\n}))(RawDragHandle);\n\nconst DraggableHandle = gridDraggable({\n  axis: 'y',\n  fromDelta: (props, delta) => {\n    //TODO: should be in grid-draggable, if axis is y delta.x should always be 0.\n    delta.x = 0;\n    const newPoint = utils.point(props).add(utils.point(delta));\n    return newPoint.y;\n  },\n  bounds: (props, { domain, range }) => {\n    const area = { left: 0, top: props.y, bottom: props.y, right: 0 };\n    return utils.bounds(area, domain, range);\n  },\n  anchorPoint: props => {\n    return { x: props.x, y: props.y };\n  }\n})(DragHandle);\n\nexport default DraggableHandle;\n"],"mappings":"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"}
+{"version":3,"file":"drag-handle.js","names":["RawDragHandle","props","x","y","graphProps","classes","className","interactive","CustomDraggableComponent","correctness","rest","scale","classNames","React","Component","PropTypes","number","isRequired","width","types","GraphPropsType","object","string","bool","func","shape","value","label","DragHandle","withStyles","theme","handle","fill","color","secondary","transition","secondaryDark","correct","incorrect","disabled","line","stroke","DraggableHandle","gridDraggable","axis","fromDelta","delta","newPoint","utils","point","add","bounds","domain","range","area","left","top","bottom","right","anchorPoint"],"sources":["../../../src/line/common/drag-handle.jsx"],"sourcesContent":["import React from 'react';\nimport classNames from 'classnames';\nimport { gridDraggable, utils, types } from '@pie-lib/plot';\nimport { withStyles } from '@material-ui/core/styles/index';\nimport { color } from '@pie-lib/render-ui';\nimport PropTypes from 'prop-types';\nimport { correct, incorrect, disabled } from '../../common/styles';\n\nclass RawDragHandle extends React.Component {\n  static propTypes = {\n    x: PropTypes.number.isRequired,\n    y: PropTypes.number.isRequired,\n    width: PropTypes.number,\n    graphProps: types.GraphPropsType.isRequired,\n    classes: PropTypes.object.isRequired,\n    className: PropTypes.string,\n    interactive: PropTypes.bool,\n    CustomDraggableComponent: PropTypes.func,\n    correctness: PropTypes.shape({\n      value: PropTypes.string,\n      label: PropTypes.string\n    })\n  };\n\n  render() {\n    const {\n      x,\n      y,\n      graphProps,\n      classes,\n      className,\n      interactive,\n      CustomDraggableComponent,\n      correctness,\n      ...rest\n    } = this.props;\n\n    const { scale } = graphProps;\n    return (\n      <CustomDraggableComponent\n        scale={scale}\n        x={x}\n        y={y}\n        classes={classes}\n        className={classNames(className, !interactive && 'non-interactive')}\n        correctness={correctness}\n        {...rest}\n      />\n    );\n  }\n}\n\nexport const DragHandle = withStyles(theme => ({\n  handle: {\n    fill: color.secondary(),\n    transition: 'fill 200ms linear, height 200ms linear',\n    '&:hover': {\n      fill: color.secondaryDark()\n    },\n    '&.correct': correct('fill'),\n    '&.incorrect': incorrect('fill'),\n    '&.non-interactive': disabled('fill')\n  },\n  line: {\n    stroke: color.secondary(),\n    transition: 'fill 200ms linear, height 200ms linear',\n    '&:hover': {\n      stroke: color.secondaryDark()\n    },\n    '&.non-interactive': disabled('stroke'),\n    '&.correct': correct('stroke'),\n    '&.incorrect': incorrect('stroke')\n  }\n}))(RawDragHandle);\n\nconst DraggableHandle = gridDraggable({\n  axis: 'y',\n  fromDelta: (props, delta) => {\n    //TODO: should be in grid-draggable, if axis is y delta.x should always be 0.\n    delta.x = 0;\n    const newPoint = utils.point(props).add(utils.point(delta));\n    return newPoint.y;\n  },\n  bounds: (props, { domain, range }) => {\n    const area = { left: 0, top: props.y, bottom: props.y, right: 0 };\n    return utils.bounds(area, domain, range);\n  },\n  anchorPoint: props => {\n    return { x: props.x, y: props.y };\n  }\n})(DragHandle);\n\nexport default DraggableHandle;\n"],"mappings":"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"}

package/lib/line/common/line.js

@@ -150,7 +150,8 @@ var RawLine = /*#__PURE__*/function (_React$Component) {
           graphProps = _this$props.graphProps,
           data = _this$props.data,
           classes = _this$props.classes,
-          CustomDraggableComponent = _this$props.CustomDraggableComponent;
+          CustomDraggableComponent = _this$props.CustomDraggableComponent,
+          defineChart = _this$props.defineChart;
       var _this$state = this.state,
           lineState = _this$state.line,
           dragging = _this$state.dragging;
@@ -167,12 +168,13 @@ var RawLine = /*#__PURE__*/function (_React$Component) {
         className: classes.line
       }), lineToUse && lineToUse.map(function (point, i) {
         var r = 6;
-        var Component = point.interactive ? _dragHandle["default"] : _dragHandle.DragHandle;
+        var enableDraggable = defineChart ? true : point.interactive;
+        var Component = enableDraggable ? _dragHandle["default"] : _dragHandle.DragHandle;
         return /*#__PURE__*/_react["default"].createElement(Component, {
           key: "point-".concat(point.x, "-").concat(i),
           x: point.x,
           y: point.dragValue !== undefined ? point.dragValue : point.y,
-          interactive: point.interactive,
+          interactive: enableDraggable,
           r: r,
           onDragStart: function onDragStart() {
             return _this2.setState({
@@ -206,6 +208,7 @@ _defineProperty(RawLine, "propTypes", {
   xBand: _propTypes["default"].func,
   index: _propTypes["default"].number.isRequired,
   graphProps: _plot.types.GraphPropsType.isRequired,
+  defineChart: _propTypes["default"].bool,
   data: _propTypes["default"].arrayOf(_propTypes["default"].shape({
     label: _propTypes["default"].string,
     value: _propTypes["default"].number

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

@@ -1 +1 @@
-{"version":3,"file":"line.js","names":["getData","data","domain","max","length","map","el","i","x","y","value","RawLine","props","line","setState","index","onChange","dragging","state","existing","next","newLine","dragValue","setDragValue","undefined","graphProps","nextProps","isEqual","classes","CustomDraggableComponent","lineState","scale","lineToUse","d","point","r","Component","interactive","DraggableHandle","DragHandle","v","dragStop","correctness","React","PropTypes","func","number","object","label","string","xBand","isRequired","types","GraphPropsType","arrayOf","shape","StyledLine","withStyles","theme","fill","stroke","color","primaryLight","strokeWidth","transition","primaryDark","Line","category","changeLine","array"],"sources":["../../../src/line/common/line.jsx"],"sourcesContent":["import React from 'react';\nimport { Group } from '@vx/group';\nimport { LinePath } from '@vx/shape';\nimport PropTypes from 'prop-types';\nimport { types } from '@pie-lib/plot';\nimport DraggableHandle, { DragHandle } from './drag-handle';\nimport { withStyles } from '@material-ui/core/styles/index';\nimport isEqual from 'lodash/isEqual';\nimport { color } from '@pie-lib/render-ui';\n\nconst getData = (data, domain) => {\n  const { max } = domain || {};\n  const length = data.length;\n\n  if (!max || !length) {\n    return [];\n  }\n\n  return data.map((el, i) => ({\n    ...el,\n    x: length > 1 ? i * (max / (length - 1)) : 0.5,\n    y: el.value\n  }));\n};\n\nexport class RawLine extends React.Component {\n  static propTypes = {\n    onChange: PropTypes.func,\n    value: PropTypes.number,\n    classes: PropTypes.object,\n    label: PropTypes.string,\n    xBand: PropTypes.func,\n    index: PropTypes.number.isRequired,\n    graphProps: types.GraphPropsType.isRequired,\n    data: PropTypes.arrayOf(\n      PropTypes.shape({\n        label: PropTypes.string,\n        value: PropTypes.number\n      })\n    ),\n    CustomDraggableComponent: PropTypes.func\n  };\n\n  static defaultProps = {\n    index: 0\n  };\n\n  constructor(props) {\n    super(props);\n    this.state = {\n      dragValue: undefined,\n      line: getData(props.data, props.graphProps.domain)\n    };\n  }\n\n  UNSAFE_componentWillReceiveProps(nextProps) {\n    if (!isEqual(this.props.data, nextProps.data)) {\n      this.setState({\n        line: getData(nextProps.data, nextProps.graphProps.domain)\n      });\n    }\n  }\n\n  setDragValue = line => this.setState({ line });\n\n  dragStop = index => {\n    const { onChange } = this.props;\n    this.setState({ dragging: false }, () => {\n      onChange(index, this.state.line[index]);\n    });\n  };\n\n  dragValue = (index, existing, next) => {\n    const newLine = [...this.state.line];\n    newLine[index].dragValue = next;\n    this.setDragValue(newLine);\n  };\n\n  render() {\n    const { graphProps, data, classes, CustomDraggableComponent } = this.props;\n    const { line: lineState, dragging } = this.state;\n    const { scale } = graphProps;\n    const lineToUse = dragging ? lineState : getData(data, graphProps.domain);\n\n    return (\n      <React.Fragment>\n        <LinePath\n          data={lineToUse}\n          x={d => scale.x(d.x)}\n          y={d => scale.y(d.dragValue !== undefined ? d.dragValue : d.y)}\n          className={classes.line}\n        />\n        {lineToUse &&\n          lineToUse.map((point, i) => {\n            const r = 6;\n            const Component = point.interactive ? DraggableHandle : DragHandle;\n\n            return (\n              <Component\n                key={`point-${point.x}-${i}`}\n                x={point.x}\n                y={point.dragValue !== undefined ? point.dragValue : point.y}\n                interactive={point.interactive}\n                r={r}\n                onDragStart={() => this.setState({ dragging: true })}\n                onDrag={v =>\n                  this.dragValue(i, point.dragValue !== undefined ? point.dragValue : point.y, v)\n                }\n                onDragStop={() => this.dragStop(i)}\n                graphProps={graphProps}\n                CustomDraggableComponent={CustomDraggableComponent}\n                correctness={point.correctness}\n              />\n            );\n          })}\n      </React.Fragment>\n    );\n  }\n}\n\nconst StyledLine = withStyles(theme => ({\n  line: {\n    fill: 'transparent',\n    stroke: color.primaryLight(),\n    strokeWidth: 3,\n    transition: 'stroke 200ms ease-in, stroke-width 200ms ease-in',\n    '&:hover': {\n      strokeWidth: 6,\n      stroke: color.primaryDark()\n    }\n  }\n}))(RawLine);\n\nexport class Line extends React.Component {\n  static propTypes = {\n    data: PropTypes.array,\n    onChange: PropTypes.func,\n    xBand: PropTypes.func,\n    graphProps: types.GraphPropsType.isRequired\n  };\n\n  changeLine = (index, category) => {\n    const { onChange } = this.props;\n    const newLine = [...this.props.data];\n    const { dragValue, value } = category;\n\n    newLine[index].value = dragValue >= 0 ? dragValue : value;\n\n    onChange(newLine);\n  };\n\n  render() {\n    const props = this.props;\n\n    return (\n      <Group>\n        <StyledLine {...props} onChange={this.changeLine} />\n      </Group>\n    );\n  }\n}\n\nexport default Line;\n"],"mappings":"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"}
+{"version":3,"file":"line.js","names":["getData","data","domain","max","length","map","el","i","x","y","value","RawLine","props","line","setState","index","onChange","dragging","state","existing","next","newLine","dragValue","setDragValue","undefined","graphProps","nextProps","isEqual","classes","CustomDraggableComponent","defineChart","lineState","scale","lineToUse","d","point","r","enableDraggable","interactive","Component","DraggableHandle","DragHandle","v","dragStop","correctness","React","PropTypes","func","number","object","label","string","xBand","isRequired","types","GraphPropsType","bool","arrayOf","shape","StyledLine","withStyles","theme","fill","stroke","color","primaryLight","strokeWidth","transition","primaryDark","Line","category","changeLine","array"],"sources":["../../../src/line/common/line.jsx"],"sourcesContent":["import React from 'react';\nimport { Group } from '@vx/group';\nimport { LinePath } from '@vx/shape';\nimport PropTypes from 'prop-types';\nimport { types } from '@pie-lib/plot';\nimport DraggableHandle, { DragHandle } from './drag-handle';\nimport { withStyles } from '@material-ui/core/styles/index';\nimport isEqual from 'lodash/isEqual';\nimport { color } from '@pie-lib/render-ui';\n\nconst getData = (data, domain) => {\n  const { max } = domain || {};\n  const length = data.length;\n\n  if (!max || !length) {\n    return [];\n  }\n\n  return data.map((el, i) => ({\n    ...el,\n    x: length > 1 ? i * (max / (length - 1)) : 0.5,\n    y: el.value\n  }));\n};\n\nexport class RawLine extends React.Component {\n  static propTypes = {\n    onChange: PropTypes.func,\n    value: PropTypes.number,\n    classes: PropTypes.object,\n    label: PropTypes.string,\n    xBand: PropTypes.func,\n    index: PropTypes.number.isRequired,\n    graphProps: types.GraphPropsType.isRequired,\n    defineChart: PropTypes.bool,\n    data: PropTypes.arrayOf(\n      PropTypes.shape({\n        label: PropTypes.string,\n        value: PropTypes.number\n      })\n    ),\n    CustomDraggableComponent: PropTypes.func\n  };\n\n  static defaultProps = {\n    index: 0\n  };\n\n  constructor(props) {\n    super(props);\n    this.state = {\n      dragValue: undefined,\n      line: getData(props.data, props.graphProps.domain)\n    };\n  }\n\n  UNSAFE_componentWillReceiveProps(nextProps) {\n    if (!isEqual(this.props.data, nextProps.data)) {\n      this.setState({\n        line: getData(nextProps.data, nextProps.graphProps.domain)\n      });\n    }\n  }\n\n  setDragValue = line => this.setState({ line });\n\n  dragStop = index => {\n    const { onChange } = this.props;\n    this.setState({ dragging: false }, () => {\n      onChange(index, this.state.line[index]);\n    });\n  };\n\n  dragValue = (index, existing, next) => {\n    const newLine = [...this.state.line];\n    newLine[index].dragValue = next;\n    this.setDragValue(newLine);\n  };\n\n  render() {\n    const { graphProps, data, classes, CustomDraggableComponent, defineChart } = this.props;\n    const { line: lineState, dragging } = this.state;\n    const { scale } = graphProps;\n    const lineToUse = dragging ? lineState : getData(data, graphProps.domain);\n\n    return (\n      <React.Fragment>\n        <LinePath\n          data={lineToUse}\n          x={d => scale.x(d.x)}\n          y={d => scale.y(d.dragValue !== undefined ? d.dragValue : d.y)}\n          className={classes.line}\n        />\n        {lineToUse &&\n          lineToUse.map((point, i) => {\n            const r = 6;\n            const enableDraggable = defineChart ? true : point.interactive;\n            const Component = enableDraggable ? DraggableHandle : DragHandle;\n\n            return (\n              <Component\n                key={`point-${point.x}-${i}`}\n                x={point.x}\n                y={point.dragValue !== undefined ? point.dragValue : point.y}\n                interactive={enableDraggable}\n                r={r}\n                onDragStart={() => this.setState({ dragging: true })}\n                onDrag={v =>\n                  this.dragValue(i, point.dragValue !== undefined ? point.dragValue : point.y, v)\n                }\n                onDragStop={() => this.dragStop(i)}\n                graphProps={graphProps}\n                CustomDraggableComponent={CustomDraggableComponent}\n                correctness={point.correctness}\n              />\n            );\n          })}\n      </React.Fragment>\n    );\n  }\n}\n\nconst StyledLine = withStyles(theme => ({\n  line: {\n    fill: 'transparent',\n    stroke: color.primaryLight(),\n    strokeWidth: 3,\n    transition: 'stroke 200ms ease-in, stroke-width 200ms ease-in',\n    '&:hover': {\n      strokeWidth: 6,\n      stroke: color.primaryDark()\n    }\n  }\n}))(RawLine);\n\nexport class Line extends React.Component {\n  static propTypes = {\n    data: PropTypes.array,\n    onChange: PropTypes.func,\n    xBand: PropTypes.func,\n    graphProps: types.GraphPropsType.isRequired\n  };\n\n  changeLine = (index, category) => {\n    const { onChange } = this.props;\n    const newLine = [...this.props.data];\n    const { dragValue, value } = category;\n\n    newLine[index].value = dragValue >= 0 ? dragValue : value;\n\n    onChange(newLine);\n  };\n\n  render() {\n    const props = this.props;\n\n    return (\n      <Group>\n        <StyledLine {...props} onChange={this.changeLine} />\n      </Group>\n    );\n  }\n}\n\nexport default Line;\n"],"mappings":"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"}

package/lib/plot/common/plot.js

@@ -225,12 +225,13 @@ var Plot = /*#__PURE__*/function (_React$Component2) {
           graphProps = _this$props3.graphProps,
           xBand = _this$props3.xBand,
           CustomBarElement = _this$props3.CustomBarElement,
-          _onChangeCategory = _this$props3.onChangeCategory;
+          _onChangeCategory = _this$props3.onChangeCategory,
+          defineChart = _this$props3.defineChart;
       return /*#__PURE__*/_react["default"].createElement(_group.Group, null, (data || []).map(function (d, index) {
         return /*#__PURE__*/_react["default"].createElement(Bar, {
           value: d.value,
           label: d.label,
-          interactive: d.interactive,
+          interactive: defineChart ? true : d.interactive,
           xBand: xBand,
           index: index,
           key: "bar-".concat(d.label, "-").concat(d.value, "-").concat(index),
@@ -255,6 +256,7 @@ _defineProperty(Plot, "propTypes", {
   onChangeCategory: _propTypes["default"].func,
   xBand: _propTypes["default"].func,
   graphProps: _plot.types.GraphPropsType.isRequired,
+  defineChart: _propTypes["default"].bool,
   CustomBarElement: _propTypes["default"].func
 });
 

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

@@ -1 +1 @@
-{"version":3,"file":"plot.js","names":["log","debug","RawPlot","props","dragValue","setState","label","onChangeCategory","state","undefined","value","setDragValue","existing","next","graphProps","classes","xBand","index","CustomBarElement","interactive","correctness","scale","range","size","max","v","Number","isFinite","barWidth","bandwidth","barHeight","y","barX","bandKey","values","i","push","pointHeight","height","pointDiameter","Component","DraggableHandle","DragHandle","map","dragStop","React","PropTypes","func","number","object","string","isRequired","types","GraphPropsType","bool","shape","Bar","withStyles","theme","dot","fill","color","primaryLight","correct","incorrect","line","stroke","Plot","data","d","category","array"],"sources":["../../../src/plot/common/plot.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { types } from '@pie-lib/plot';\nimport { Group } from '@vx/group';\nimport { withStyles } from '@material-ui/core/styles/index';\nimport DraggableHandle, { DragHandle } from '../../common/drag-handle';\nimport debug from 'debug';\nimport { color } from '@pie-lib/render-ui';\nimport { bandKey } from '../../utils';\nimport { correct, incorrect } from '../../common/styles';\n\nconst log = debug('pie-lib:chart:bars');\n\nexport class RawPlot extends React.Component {\n  static propTypes = {\n    onChangeCategory: PropTypes.func,\n    value: PropTypes.number,\n    classes: PropTypes.object,\n    label: PropTypes.string,\n    xBand: PropTypes.func,\n    index: PropTypes.number.isRequired,\n    graphProps: types.GraphPropsType.isRequired,\n    CustomBarElement: PropTypes.func,\n    interactive: PropTypes.bool,\n    correctness: PropTypes.shape({\n      value: PropTypes.string,\n      label: PropTypes.string\n    })\n  };\n\n  constructor(props) {\n    super(props);\n    this.state = {\n      dragValue: undefined\n    };\n  }\n\n  setDragValue = dragValue => this.setState({ dragValue });\n\n  dragStop = () => {\n    const { label, onChangeCategory } = this.props;\n    const { dragValue } = this.state;\n    log('[dragStop]', dragValue);\n\n    if (dragValue !== undefined) {\n      onChangeCategory({ label, value: dragValue });\n    }\n\n    this.setDragValue(undefined);\n  };\n\n  dragValue = (existing, next) => {\n    log('[dragValue] next:', next);\n\n    this.setDragValue(next);\n  };\n\n  render() {\n    const {\n      graphProps,\n      value,\n      label,\n      classes,\n      xBand,\n      index,\n      CustomBarElement,\n      interactive,\n      correctness\n    } = this.props;\n    const { scale, range, size } = graphProps;\n    const { max } = range || {};\n    const { dragValue } = this.state;\n\n    const v = Number.isFinite(dragValue) ? dragValue : value;\n    const barWidth = xBand.bandwidth();\n    const barHeight = scale.y(range.max - v);\n    const barX = xBand(bandKey({ label }, index));\n\n    log('label:', label, 'barX:', barX, 'v: ', v, 'barHeight:', barHeight, 'barWidth: ', barWidth);\n\n    const values = [];\n\n    for (let i = 0; i < v; i++) {\n      values.push(i);\n    }\n\n    const pointHeight = size.height / max;\n    const pointDiameter = (pointHeight > barWidth ? barWidth : pointHeight) * 0.8;\n    const Component = interactive ? DraggableHandle : DragHandle;\n\n    return (\n      <React.Fragment>\n        {values.map(index =>\n          CustomBarElement({\n            index,\n            pointDiameter,\n            barX,\n            barWidth,\n            pointHeight,\n            label,\n            value,\n            classes,\n            scale\n          })\n        )}\n        <Component\n          x={barX}\n          y={v}\n          interactive={interactive}\n          width={barWidth}\n          onDrag={v => this.dragValue(value, v)}\n          onDragStop={this.dragStop}\n          graphProps={graphProps}\n          correctness={correctness}\n        />\n      </React.Fragment>\n    );\n  }\n}\n\nconst Bar = withStyles(theme => ({\n  dot: {\n    fill: color.primaryLight(),\n    '&.correct': correct('stroke'),\n    '&.incorrect': incorrect('stroke')\n  },\n  line: {\n    stroke: color.primaryLight(),\n    '&.correct': correct('stroke'),\n    '&.incorrect': incorrect('stroke')\n  }\n}))(RawPlot);\n\nexport class Plot extends React.Component {\n  static propTypes = {\n    data: PropTypes.array,\n    onChangeCategory: PropTypes.func,\n    xBand: PropTypes.func,\n    graphProps: types.GraphPropsType.isRequired,\n    CustomBarElement: PropTypes.func\n  };\n\n  render() {\n    const { data, graphProps, xBand, CustomBarElement, onChangeCategory } = this.props;\n\n    return (\n      <Group>\n        {(data || []).map((d, index) => (\n          <Bar\n            value={d.value}\n            label={d.label}\n            interactive={d.interactive}\n            xBand={xBand}\n            index={index}\n            key={`bar-${d.label}-${d.value}-${index}`}\n            onChangeCategory={category => onChangeCategory(index, category)}\n            graphProps={graphProps}\n            CustomBarElement={CustomBarElement}\n            correctness={d.correctness}\n          />\n        ))}\n      </Group>\n    );\n  }\n}\n\nexport default Plot;\n"],"mappings":"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"}
+{"version":3,"file":"plot.js","names":["log","debug","RawPlot","props","dragValue","setState","label","onChangeCategory","state","undefined","value","setDragValue","existing","next","graphProps","classes","xBand","index","CustomBarElement","interactive","correctness","scale","range","size","max","v","Number","isFinite","barWidth","bandwidth","barHeight","y","barX","bandKey","values","i","push","pointHeight","height","pointDiameter","Component","DraggableHandle","DragHandle","map","dragStop","React","PropTypes","func","number","object","string","isRequired","types","GraphPropsType","bool","shape","Bar","withStyles","theme","dot","fill","color","primaryLight","correct","incorrect","line","stroke","Plot","data","defineChart","d","category","array"],"sources":["../../../src/plot/common/plot.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { types } from '@pie-lib/plot';\nimport { Group } from '@vx/group';\nimport { withStyles } from '@material-ui/core/styles/index';\nimport DraggableHandle, { DragHandle } from '../../common/drag-handle';\nimport debug from 'debug';\nimport { color } from '@pie-lib/render-ui';\nimport { bandKey } from '../../utils';\nimport { correct, incorrect } from '../../common/styles';\n\nconst log = debug('pie-lib:chart:bars');\n\nexport class RawPlot extends React.Component {\n  static propTypes = {\n    onChangeCategory: PropTypes.func,\n    value: PropTypes.number,\n    classes: PropTypes.object,\n    label: PropTypes.string,\n    xBand: PropTypes.func,\n    index: PropTypes.number.isRequired,\n    graphProps: types.GraphPropsType.isRequired,\n    CustomBarElement: PropTypes.func,\n    interactive: PropTypes.bool,\n    correctness: PropTypes.shape({\n      value: PropTypes.string,\n      label: PropTypes.string\n    })\n  };\n\n  constructor(props) {\n    super(props);\n    this.state = {\n      dragValue: undefined\n    };\n  }\n\n  setDragValue = dragValue => this.setState({ dragValue });\n\n  dragStop = () => {\n    const { label, onChangeCategory } = this.props;\n    const { dragValue } = this.state;\n    log('[dragStop]', dragValue);\n\n    if (dragValue !== undefined) {\n      onChangeCategory({ label, value: dragValue });\n    }\n\n    this.setDragValue(undefined);\n  };\n\n  dragValue = (existing, next) => {\n    log('[dragValue] next:', next);\n\n    this.setDragValue(next);\n  };\n\n  render() {\n    const {\n      graphProps,\n      value,\n      label,\n      classes,\n      xBand,\n      index,\n      CustomBarElement,\n      interactive,\n      correctness\n    } = this.props;\n\n    const { scale, range, size } = graphProps;\n    const { max } = range || {};\n    const { dragValue } = this.state;\n\n    const v = Number.isFinite(dragValue) ? dragValue : value;\n    const barWidth = xBand.bandwidth();\n    const barHeight = scale.y(range.max - v);\n    const barX = xBand(bandKey({ label }, index));\n\n    log('label:', label, 'barX:', barX, 'v: ', v, 'barHeight:', barHeight, 'barWidth: ', barWidth);\n\n    const values = [];\n\n    for (let i = 0; i < v; i++) {\n      values.push(i);\n    }\n\n    const pointHeight = size.height / max;\n    const pointDiameter = (pointHeight > barWidth ? barWidth : pointHeight) * 0.8;\n    const Component = interactive ? DraggableHandle : DragHandle;\n\n    return (\n      <React.Fragment>\n        {values.map(index =>\n          CustomBarElement({\n            index,\n            pointDiameter,\n            barX,\n            barWidth,\n            pointHeight,\n            label,\n            value,\n            classes,\n            scale\n          })\n        )}\n        <Component\n          x={barX}\n          y={v}\n          interactive={interactive}\n          width={barWidth}\n          onDrag={v => this.dragValue(value, v)}\n          onDragStop={this.dragStop}\n          graphProps={graphProps}\n          correctness={correctness}\n        />\n      </React.Fragment>\n    );\n  }\n}\n\nconst Bar = withStyles(theme => ({\n  dot: {\n    fill: color.primaryLight(),\n    '&.correct': correct('stroke'),\n    '&.incorrect': incorrect('stroke')\n  },\n  line: {\n    stroke: color.primaryLight(),\n    '&.correct': correct('stroke'),\n    '&.incorrect': incorrect('stroke')\n  }\n}))(RawPlot);\n\nexport class Plot extends React.Component {\n  static propTypes = {\n    data: PropTypes.array,\n    onChangeCategory: PropTypes.func,\n    xBand: PropTypes.func,\n    graphProps: types.GraphPropsType.isRequired,\n    defineChart: PropTypes.bool,\n    CustomBarElement: PropTypes.func\n  };\n\n  render() {\n    const { data, graphProps, xBand, CustomBarElement, onChangeCategory, defineChart } = this.props;\n\n    return (\n      <Group>\n        {(data || []).map((d, index) => (\n          <Bar\n            value={d.value}\n            label={d.label}\n            interactive={defineChart ? true : d.interactive}\n            xBand={xBand}\n            index={index}\n            key={`bar-${d.label}-${d.value}-${index}`}\n            onChangeCategory={category => onChangeCategory(index, category)}\n            graphProps={graphProps}\n            CustomBarElement={CustomBarElement}\n            correctness={d.correctness}\n          />\n        ))}\n      </Group>\n    );\n  }\n}\n\nexport default Plot;\n"],"mappings":"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"}

package/package.json

@@ -3,7 +3,7 @@
   "publishConfig": {
     "access": "public"
   },
-  "version": "4.5.11-next.413+ed0c2dca",
+  "version": "4.5.11-next.434+1308df57",
   "description": "charting",
   "keywords": [
     "react",
@@ -43,5 +43,5 @@
   "peerDependencies": {
     "react": "^16.8.1"
   },
-  "gitHead": "ed0c2dca8cb4426fa9c55e5f1dc33c351c78519e"
+  "gitHead": "1308df57153e8e235dd51e58cabaf2eb079a5c2b"
 }

package/src/axes.jsx

@@ -97,7 +97,7 @@ export class TickComponent extends React.Component {
           )}
           <MarkLabel
             inputRef={r => (this.input = r)}
-            disabled={!editable}
+            disabled={defineChart ? false : !editable}
             mark={category}
             graphProps={graphProps}
             onChange={newLabel => this.changeCategory(index, newLabel)}

package/src/bars/common/bars.jsx

@@ -65,6 +65,7 @@ export class RawBar extends React.Component {
       interactive,
       correctness
     } = this.props;
+
     const { scale, range } = graphProps;
     const { dragValue } = this.state;
 
@@ -112,18 +113,20 @@ export class Bars extends React.Component {
   static propTypes = {
     data: PropTypes.array,
     onChangeCategory: PropTypes.func,
+    defineChart: PropTypes.bool,
     xBand: PropTypes.func,
     graphProps: types.GraphPropsType.isRequired
   };
 
   render() {
-    const { data, graphProps, xBand, onChangeCategory } = this.props;
+    const { data, graphProps, xBand, onChangeCategory, defineChart } = this.props;
+
     return (
       <Group>
         {(data || []).map((d, index) => (
           <Bar
             value={d.value}
-            interactive={d.interactive}
+            interactive={defineChart ? true : d.interactive}
             label={d.label}
             xBand={xBand}
             index={index}

package/src/chart-setup.jsx

@@ -0,0 +1,163 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import { color } from '@pie-lib/render-ui';
+import { withStyles } from '@material-ui/core/styles';
+import Typography from '@material-ui/core/Typography';
+import ChartType from './chart-type';
+import { NumberTextFieldCustom } from '@pie-lib/config-ui';
+
+const ConfigureChartPanel = props => {
+  const { classes, model, onChange } = props;
+  const { range } = model;
+  const size = model.graph;
+
+  const rangeProps = chartType => {
+    return chartType.includes('Plot') ? { min: 3, max: 10 } : { min: 0.05, max: 10000 };
+  };
+
+  const onSizeChanged = (key, value) => {
+    const graph = { ...size, [key]: value };
+
+    onChange({ ...model, graph });
+  };
+
+  const onRangeChanged = (key, value) => {
+    const parsedValue = parseInt(value);
+
+    range[key] = parsedValue;
+
+    onChange({ ...model, range });
+  };
+
+  const onChartTypeChange = chartType => onChange({ ...model, chartType });
+
+  return (
+    <div className={classes.wrapper}>
+      <Typography variant={'subtitle1'}>Configure Chart</Typography>
+      <div className={classes.content}>
+        <div className={classes.rowView}>
+          <ChartType value={model.chartType} onChange={e => onChartTypeChange(e.target.value)} />
+          <NumberTextFieldCustom
+            className={classes.mediumTextField}
+            label="Max Value"
+            value={range.max}
+            min={rangeProps(model.chartType).min}
+            max={rangeProps(model.chartType).max}
+            variant="outlined"
+            onChange={(e, v) => onRangeChanged('max', v)}
+          />
+        </div>
+        <div className={classes.rowView}>
+          <NumberTextFieldCustom
+            className={classes.mediumTextField}
+            label="Grid Interval"
+            value={range.step}
+            min={0}
+            max={10000}
+            variant="outlined"
+            onChange={(e, v) => onRangeChanged('step', v)}
+          />
+          <NumberTextFieldCustom
+            className={classes.mediumTextField}
+            label={'Label Interval'}
+            value={range.labelStep}
+            min={0}
+            max={10000}
+            variant={'outlined'}
+            onChange={(e, v) => onRangeChanged('labelStep', v)}
+          />
+        </div>
+        <div className={classes.dimensions}>
+          <div>
+            <Typography>Dimensions(px)</Typography>
+          </div>
+          <div className={classes.columnView}>
+            <NumberTextFieldCustom
+              className={classes.textField}
+              label={'Width'}
+              value={size.width}
+              min={50}
+              max={700}
+              variant={'outlined'}
+              onChange={(e, v) => onSizeChanged('width', v)}
+            />
+            <Typography className={classes.disabled}>Min 50, Max 700</Typography>
+          </div>
+          <div className={classes.columnView}>
+            <NumberTextFieldCustom
+              className={classes.textField}
+              label={'Height'}
+              value={size.height}
+              min={400}
+              max={700}
+              variant={'outlined'}
+              onChange={(e, v) => onSizeChanged('height', v)}
+            />
+            <Typography className={classes.disabled}>Min 400, Max 700</Typography>
+          </div>
+        </div>
+      </div>
+    </div>
+  );
+};
+
+ConfigureChartPanel.propTypes = {
+  classes: PropTypes.object,
+  sizeConstraints: PropTypes.object,
+  domain: PropTypes.object,
+  gridIntervalValues: PropTypes.object,
+  includeAxes: PropTypes.bool,
+  labelIntervalValues: PropTypes.object,
+  onChange: PropTypes.function,
+  range: PropTypes.object,
+  size: PropTypes.object
+};
+
+const styles = theme => ({
+  wrapper: {
+    width: '450px'
+  },
+  content: {
+    display: 'flex',
+    flexDirection: 'column',
+    width: '100%',
+    marginTop: '24px'
+  },
+  columnView: {
+    display: 'flex',
+    flexDirection: 'column',
+    alignItems: 'center'
+  },
+  rowView: {
+    display: 'flex',
+    justifyContent: 'space-around',
+    alignItems: 'center'
+  },
+  textField: {
+    width: '130px',
+    margin: `${theme.spacing.unit}px ${theme.spacing.unit / 2}px`
+  },
+  mediumTextField: {
+    width: '160px',
+    margin: `${theme.spacing.unit}px ${theme.spacing.unit / 2}px`
+  },
+  largeTextField: {
+    width: '230px',
+    margin: `${theme.spacing.unit}px ${theme.spacing.unit / 2}px`
+  },
+  text: {
+    fontStyle: 'italic',
+    margin: `${theme.spacing.unit}px 0`
+  },
+  dimensions: {
+    display: 'flex',
+    justifyContent: 'space-between',
+    alignItems: 'center',
+    margin: '24px 0px'
+  },
+  disabled: {
+    color: color.disabled()
+  }
+});
+
+export default withStyles(styles)(ConfigureChartPanel);

package/src/chart-type.js

@@ -0,0 +1,41 @@
+import React from 'react';
+import { withStyles } from '@material-ui/core/styles';
+import MenuItem from '@material-ui/core/MenuItem';
+import FormControl from '@material-ui/core/FormControl';
+import InputLabel from '@material-ui/core/InputLabel';
+import Select from '@material-ui/core/Select';
+import OutlinedInput from '@material-ui/core/OutlinedInput';
+
+const ChartType = withStyles(theme => ({
+  chartType: {
+    width: '160px'
+  },
+  chartTypeLabel: {
+    backgroundColor: 'transparent'
+  }
+}))(({ onChange, value, classes }) => {
+  return (
+    <div className={classes.chartType}>
+      <FormControl variant={'outlined'} className={classes.chartType}>
+        <InputLabel htmlFor="type-helper" className={classes.chartTypeLabel}>
+          ChartType
+        </InputLabel>
+
+        <Select
+          value={value}
+          onChange={onChange}
+          input={<OutlinedInput name="type" id="type-helper" />}
+        >
+          <MenuItem value={'histogram'}>Histogram</MenuItem>
+          <MenuItem value={'bar'}>Bar</MenuItem>
+          <MenuItem value={'lineDot'}>Line Dot</MenuItem>
+          <MenuItem value={'lineCross'}>Line Cross</MenuItem>
+          <MenuItem value={'dotPlot'}>Dot Plot</MenuItem>
+          <MenuItem value={'linePlot'}>Line Plot</MenuItem>
+        </Select>
+      </FormControl>
+    </div>
+  );
+});
+
+export default ChartType;

package/src/chart.jsx

@@ -48,6 +48,7 @@ export class Chart extends React.Component {
     onDataChange: PropTypes.func,
     addCategoryEnabled: PropTypes.bool,
     categoryDefaultLabel: PropTypes.string,
+    defineChart: PropTypes.bool,
     theme: PropTypes.object
   };
 
@@ -231,6 +232,7 @@ export class Chart extends React.Component {
             <ChartComponent
               {...common}
               data={categories}
+              defineChart={defineChart}
               onChange={this.changeData}
               onChangeCategory={this.changeCategory}
             />

package/src/index.js

@@ -1,3 +1,6 @@
 import Chart from './chart';
 import chartTypes from './chart-types';
-export { Chart, chartTypes };
+import ConfigureChartPanel from './chart-setup';
+import ChartType from './chart-type';
+
+export { Chart, chartTypes, ChartType, ConfigureChartPanel };

package/src/line/common/drag-handle.jsx

@@ -34,6 +34,7 @@ class RawDragHandle extends React.Component {
       correctness,
       ...rest
     } = this.props;
+
     const { scale } = graphProps;
     return (
       <CustomDraggableComponent
@@ -42,7 +43,7 @@ class RawDragHandle extends React.Component {
         y={y}
         classes={classes}
         className={classNames(className, !interactive && 'non-interactive')}
-        correctness={interactive && correctness}
+        correctness={correctness}
         {...rest}
       />
     );

package/src/line/common/line.jsx

@@ -32,6 +32,7 @@ export class RawLine extends React.Component {
     xBand: PropTypes.func,
     index: PropTypes.number.isRequired,
     graphProps: types.GraphPropsType.isRequired,
+    defineChart: PropTypes.bool,
     data: PropTypes.arrayOf(
       PropTypes.shape({
         label: PropTypes.string,
@@ -77,7 +78,7 @@ export class RawLine extends React.Component {
   };
 
   render() {
-    const { graphProps, data, classes, CustomDraggableComponent } = this.props;
+    const { graphProps, data, classes, CustomDraggableComponent, defineChart } = this.props;
     const { line: lineState, dragging } = this.state;
     const { scale } = graphProps;
     const lineToUse = dragging ? lineState : getData(data, graphProps.domain);
@@ -93,14 +94,15 @@ export class RawLine extends React.Component {
         {lineToUse &&
           lineToUse.map((point, i) => {
             const r = 6;
-            const Component = point.interactive ? DraggableHandle : DragHandle;
+            const enableDraggable = defineChart ? true : point.interactive;
+            const Component = enableDraggable ? DraggableHandle : DragHandle;
 
             return (
               <Component
                 key={`point-${point.x}-${i}`}
                 x={point.x}
                 y={point.dragValue !== undefined ? point.dragValue : point.y}
-                interactive={point.interactive}
+                interactive={enableDraggable}
                 r={r}
                 onDragStart={() => this.setState({ dragging: true })}
                 onDrag={v =>

package/src/plot/common/plot.jsx

@@ -67,6 +67,7 @@ export class RawPlot extends React.Component {
       interactive,
       correctness
     } = this.props;
+
     const { scale, range, size } = graphProps;
     const { max } = range || {};
     const { dragValue } = this.state;
@@ -137,11 +138,12 @@ export class Plot extends React.Component {
     onChangeCategory: PropTypes.func,
     xBand: PropTypes.func,
     graphProps: types.GraphPropsType.isRequired,
+    defineChart: PropTypes.bool,
     CustomBarElement: PropTypes.func
   };
 
   render() {
-    const { data, graphProps, xBand, CustomBarElement, onChangeCategory } = this.props;
+    const { data, graphProps, xBand, CustomBarElement, onChangeCategory, defineChart } = this.props;
 
     return (
       <Group>
@@ -149,7 +151,7 @@ export class Plot extends React.Component {
           <Bar
             value={d.value}
             label={d.label}
-            interactive={d.interactive}
+            interactive={defineChart ? true : d.interactive}
             xBand={xBand}
             index={index}
             key={`bar-${d.label}-${d.value}-${index}`}