@pie-lib/charting 4.5.11-next.473 → 4.5.11-next.533

package/lib/axes.js

@@ -134,7 +134,9 @@ var TickComponent = /*#__PURE__*/function (_React$Component) {
           editable = _ref.editable,
           interactive = _ref.interactive,
           label = _ref.label,
-          correctness = _ref.correctness;
+          correctness = _ref.correctness,
+          autoFocus = _ref.autoFocus,
+          inDefineChart = _ref.inDefineChart;
 
       var barX = xBand((0, _utils.bandKey)({
         label: label
@@ -165,6 +167,7 @@ var TickComponent = /*#__PURE__*/function (_React$Component) {
           display: 'block'
         }
       }, longestLabel), /*#__PURE__*/_react["default"].createElement(_markLabel["default"], {
+        autoFocus: inDefineChart ? defineChart && autoFocus : autoFocus,
         inputRef: function inputRef(r) {
           return _this2.input = r;
         },

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={!defineChart && !editable}\n            mark={category}\n            graphProps={graphProps}\n            onChange={newLabel => this.changeCategory(index, newLabel)}\n            barWidth={barWidth}\n            rotate={rotate}\n            correctness={correctness}\n          />\n        </foreignObject>\n        {deletable && !correctness && (\n          <line\n            x1={x}\n            y1={0}\n            x2={x}\n            y2={y + 4 + top}\n            className={classes.dottedLine}\n            strokeDasharray=\"4 2\"\n          />\n        )}\n        {deletable && !correctness && (\n          <svg\n            xmlns=\"http://www.w3.org/2000/svg\"\n            x={x - 8}\n            y={y + 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","autoFocus","inDefineChart","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, autoFocus, inDefineChart } =\n      category || {};\n    const barX = xBand(bandKey({ label }, index));\n    const longestCategory = (categories || []).reduce((a, b) => {\n      const lengthA = a && a.label ? a.label.length : 0;\n      const lengthB = b && b.label ? b.label.length : 0;\n\n      return lengthA > lengthB ? a : b;\n    });\n\n    const longestLabel = (longestCategory && longestCategory.label) || '';\n\n    return (\n      <g>\n        <foreignObject\n          x={bandWidth ? barX : x - barWidth / 2}\n          y={6}\n          width={barWidth}\n          height={4}\n          style={{ pointerEvents: 'none', overflow: 'visible' }}\n        >\n          {index === 0 && (\n            <div\n              id=\"hiddenLabel\"\n              style={{\n                position: 'absolute',\n                visibility: 'hidden',\n                wordBreak: 'break-word',\n                overflow: 'visible',\n                maxWidth: barWidth,\n                display: 'block'\n              }}\n            >\n              {longestLabel}\n            </div>\n          )}\n          <MarkLabel\n            autoFocus={inDefineChart ? defineChart && autoFocus : autoFocus}\n            inputRef={r => (this.input = r)}\n            disabled={!defineChart && !editable}\n            mark={category}\n            graphProps={graphProps}\n            onChange={newLabel => this.changeCategory(index, newLabel)}\n            barWidth={barWidth}\n            rotate={rotate}\n            correctness={correctness}\n          />\n        </foreignObject>\n        {deletable && !correctness && (\n          <line\n            x1={x}\n            y1={0}\n            x2={x}\n            y2={y + 4 + top}\n            className={classes.dottedLine}\n            strokeDasharray=\"4 2\"\n          />\n        )}\n        {deletable && !correctness && (\n          <svg\n            xmlns=\"http://www.w3.org/2000/svg\"\n            x={x - 8}\n            y={y + 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/chart.js

@@ -116,12 +116,15 @@ var Chart = /*#__PURE__*/function (_React$Component) {
         onDataChange(data);
       }
     });
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "addCategory", function (chartType, range) {
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "addCategory", function (range) {
       var _this$props2 = _this.props,
           onDataChange = _this$props2.onDataChange,
           data = _this$props2.data,
-          categoryDefaultLabel = _this$props2.categoryDefaultLabel;
+          categoryDefaultLabel = _this$props2.categoryDefaultLabel,
+          defineChart = _this$props2.defineChart;
       onDataChange([].concat((0, _toConsumableArray2["default"])(data), [{
+        inDefineChart: defineChart,
+        autoFocus: true,
         label: categoryDefaultLabel || 'New Bar',
         value: range.step,
         deletable: true,
@@ -154,8 +157,7 @@ var Chart = /*#__PURE__*/function (_React$Component) {
           range = _this$props4.range,
           size = _this$props4.size,
           title = _this$props4.title,
-          addCategoryEnabled = _this$props4.addCategoryEnabled,
-          theme = _this$props4.theme;
+          addCategoryEnabled = _this$props4.addCategoryEnabled;
       var chartType = this.props.chartType;
       var defineChart = this.props.defineChart || false;
 
@@ -210,7 +212,7 @@ var Chart = /*#__PURE__*/function (_React$Component) {
         className: classes.toolMenu,
         disabled: !addCategoryEnabled,
         addCategory: function addCategory() {
-          return _this2.addCategory(chartType, correctValues.range);
+          return _this2.addCategory(correctValues.range);
         }
       })), /*#__PURE__*/_react["default"].createElement(_plot.Root, (0, _extends2["default"])({
         title: title,

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","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 correctValues = getDomainAndRangeByChartType(domain, range, chartType);\n\n    const { verticalLines, horizontalLines, leftAxis } = getGridLinesAndAxisByChartType(\n      correctValues.range,\n      chartType\n    );\n    const common = {\n      graphProps: createGraphProps(\n        correctValues.domain,\n        correctValues.range,\n        size,\n        () => this.rootNode\n      )\n    };\n\n    log('[render] common:', common);\n\n    const maskSize = { x: -10, y: -10, width: width + 20, height: height + 80 };\n    const { scale } = common.graphProps;\n    const xBand = dataToXBand(scale.x, categories, width, chartType);\n\n    if (!ChartComponent) {\n      return null;\n    }\n\n    const bandWidth = xBand.bandwidth();\n    // for chartType \"line\", bandWidth will be 0, so we have to calculate it\n    const barWidth = bandWidth || scale.x(correctValues.domain.max) / categories.length;\n    const increaseHeight = defineChart ? 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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"}
+{"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","defineChart","inDefineChart","autoFocus","label","value","step","deletable","editable","interactive","map","d","classes","className","domain","size","title","addCategoryEnabled","width","height","getChart","categories","getFilteredCategories","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","theme","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 = range => {\n    const { onDataChange, data, categoryDefaultLabel, defineChart } = this.props;\n\n    onDataChange([\n      ...data,\n      {\n        inDefineChart: defineChart,\n        autoFocus: true,\n        label: categoryDefaultLabel || 'New Bar',\n        value: range.step,\n        deletable: true,\n        editable: true,\n        interactive: true\n      }\n    ]);\n  };\n\n  getFilteredCategories = () => {\n    const { data, defineChart } = this.props;\n\n    return data\n      ? data.map(d => ({\n          ...d,\n          deletable: defineChart || d.deletable\n        }))\n      : [];\n  };\n\n  render() {\n    const { classes, className, domain, range, size, title, addCategoryEnabled } = 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 correctValues = getDomainAndRangeByChartType(domain, range, chartType);\n\n    const { verticalLines, horizontalLines, leftAxis } = getGridLinesAndAxisByChartType(\n      correctValues.range,\n      chartType\n    );\n    const common = {\n      graphProps: createGraphProps(\n        correctValues.domain,\n        correctValues.range,\n        size,\n        () => this.rootNode\n      )\n    };\n\n    log('[render] common:', common);\n\n    const maskSize = { x: -10, y: -10, width: width + 20, height: height + 80 };\n    const { scale } = common.graphProps;\n    const xBand = dataToXBand(scale.x, categories, width, chartType);\n\n    if (!ChartComponent) {\n      return null;\n    }\n\n    const bandWidth = xBand.bandwidth();\n    // for chartType \"line\", bandWidth will be 0, so we have to calculate it\n    const barWidth = bandWidth || scale.x(correctValues.domain.max) / categories.length;\n    const increaseHeight = defineChart ? 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(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/mark-label.js

@@ -70,7 +70,8 @@ var MarkLabel = function MarkLabel(props) {
       externalInputRef = props.inputRef,
       barWidth = props.barWidth,
       rotate = props.rotate,
-      correctness = props.correctness;
+      correctness = props.correctness,
+      autoFocus = props.autoFocus;
 
   var _useState3 = (0, _react.useState)(mark.label),
       _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
@@ -99,6 +100,7 @@ var MarkLabel = function MarkLabel(props) {
     setLabel(mark.label);
   }, [mark.label]);
   return /*#__PURE__*/_react["default"].createElement(_reactInputAutosize["default"], {
+    autoFocus: autoFocus,
     inputRef: function inputRef(r) {
       _ref(r);
 

package/lib/mark-label.js.map

@@ -1 +1 @@
-{"version":3,"file":"mark-label.js","names":["styles","theme","input","fontFamily","typography","fontSize","border","color","primaryDark","correct","incorrect","disabled","backgroundColor","MarkLabel","props","useState","setInput","_ref","useCallback","node","mark","classes","externalInputRef","inputRef","barWidth","rotate","correctness","label","setLabel","onChange","e","target","value","onChangeProp","extraStyle","width","textAlign","useEffect","r","cn","minWidth","background","boxSizing","paddingLeft","paddingRight","position","pointerEvents","top","left","transformOrigin","transform","propTypes","PropTypes","bool","func","graphProps","types","GraphPropsType","object","number","shape","string","withStyles"],"sources":["../src/mark-label.jsx"],"sourcesContent":["import React, { useState, useCallback, useEffect } from 'react';\nimport cn from 'classnames';\nimport { withStyles } from '@material-ui/core/styles';\nimport AutosizeInput from 'react-input-autosize';\nimport PropTypes from 'prop-types';\nimport { types } from '@pie-lib/plot';\nimport { correct, incorrect, disabled } from './common/styles';\nimport { color } from '@pie-lib/render-ui';\n\nconst styles = theme => ({\n  input: {\n    float: 'right',\n    fontFamily: theme.typography.fontFamily,\n    fontSize: theme.typography.fontSize,\n    border: 'none',\n    color: color.primaryDark(),\n    '&.correct': correct('color'),\n    '&.incorrect': incorrect('color'),\n    '&.disabled': disabled('color'),\n    backgroundColor: 'transparent !important'\n  }\n});\n\nexport const MarkLabel = props => {\n  // eslint-disable-next-line no-unused-vars\n  const [input, setInput] = useState(null);\n  const _ref = useCallback(node => setInput(node), null);\n\n  const {\n    mark,\n    classes,\n    disabled,\n    inputRef: externalInputRef,\n    barWidth,\n    rotate,\n    correctness\n  } = props;\n  const [label, setLabel] = useState(mark.label);\n  const onChange = e => setLabel(e.target.value);\n  const onChangeProp = e => props.onChange(e.target.value);\n  let extraStyle = {};\n\n  if (rotate) {\n    extraStyle = {\n      width: 'unset',\n      textAlign: 'left'\n    };\n  }\n\n  // useState only sets the value once, to synch props to state need useEffect\n  useEffect(() => {\n    setLabel(mark.label);\n  }, [mark.label]);\n\n  return (\n    <AutosizeInput\n      inputRef={r => {\n        _ref(r);\n        externalInputRef(r);\n      }}\n      disabled={disabled}\n      inputClassName={cn(classes.input, correctness && correctness.label, disabled && 'disabled')}\n      inputStyle={{\n        minWidth: barWidth,\n        textAlign: 'center',\n        background: 'transparent',\n        boxSizing: 'border-box',\n        paddingLeft: 0,\n        paddingRight: 0,\n        ...extraStyle\n      }}\n      value={label}\n      style={{\n        position: 'absolute',\n        pointerEvents: 'auto',\n        top: 0,\n        left: 0,\n        minWidth: barWidth,\n        transformOrigin: 'left',\n        transform: `rotate(${rotate}deg)`\n      }}\n      onChange={onChange}\n      onBlur={onChangeProp}\n    />\n  );\n};\n\nMarkLabel.propTypes = {\n  disabled: PropTypes.bool,\n  onChange: PropTypes.func,\n  graphProps: types.GraphPropsType,\n  classes: PropTypes.object,\n  inputRef: PropTypes.func,\n  mark: PropTypes.object,\n  barWidth: PropTypes.number,\n  rotate: PropTypes.number,\n  correctness: PropTypes.shape({\n    value: PropTypes.string,\n    label: PropTypes.string\n  })\n};\n\nexport default withStyles(styles)(MarkLabel);\n"],"mappings":";;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;;;;;AAEA,IAAMA,MAAM,GAAG,SAATA,MAAS,CAAAC,KAAK;EAAA,OAAK;IACvBC,KAAK,EAAE;MACL,SAAO,OADF;MAELC,UAAU,EAAEF,KAAK,CAACG,UAAN,CAAiBD,UAFxB;MAGLE,QAAQ,EAAEJ,KAAK,CAACG,UAAN,CAAiBC,QAHtB;MAILC,MAAM,EAAE,MAJH;MAKLC,KAAK,EAAEA,eAAA,CAAMC,WAAN,EALF;MAML,aAAa,IAAAC,gBAAA,EAAQ,OAAR,CANR;MAOL,eAAe,IAAAC,kBAAA,EAAU,OAAV,CAPV;MAQL,cAAc,IAAAC,iBAAA,EAAS,OAAT,CART;MASLC,eAAe,EAAE;IATZ;EADgB,CAAL;AAAA,CAApB;;AAcO,IAAMC,SAAS,GAAG,SAAZA,SAAY,CAAAC,KAAK,EAAI;EAChC;EACA,gBAA0B,IAAAC,eAAA,EAAS,IAAT,CAA1B;EAAA;EAAA,IAAOb,KAAP;EAAA,IAAcc,QAAd;;EACA,IAAMC,IAAI,GAAG,IAAAC,kBAAA,EAAY,UAAAC,IAAI;IAAA,OAAIH,QAAQ,CAACG,IAAD,CAAZ;EAAA,CAAhB,EAAoC,IAApC,CAAb;;EAEA,IACEC,IADF,GAQIN,KARJ,CACEM,IADF;EAAA,IAEEC,OAFF,GAQIP,KARJ,CAEEO,OAFF;EAAA,IAGEV,QAHF,GAQIG,KARJ,CAGEH,QAHF;EAAA,IAIYW,gBAJZ,GAQIR,KARJ,CAIES,QAJF;EAAA,IAKEC,QALF,GAQIV,KARJ,CAKEU,QALF;EAAA,IAMEC,MANF,GAQIX,KARJ,CAMEW,MANF;EAAA,IAOEC,WAPF,GAQIZ,KARJ,CAOEY,WAPF;;EASA,iBAA0B,IAAAX,eAAA,EAASK,IAAI,CAACO,KAAd,CAA1B;EAAA;EAAA,IAAOA,KAAP;EAAA,IAAcC,QAAd;;EACA,IAAMC,QAAQ,GAAG,SAAXA,QAAW,CAAAC,CAAC;IAAA,OAAIF,QAAQ,CAACE,CAAC,CAACC,MAAF,CAASC,KAAV,CAAZ;EAAA,CAAlB;;EACA,IAAMC,YAAY,GAAG,SAAfA,YAAe,CAAAH,CAAC;IAAA,OAAIhB,KAAK,CAACe,QAAN,CAAeC,CAAC,CAACC,MAAF,CAASC,KAAxB,CAAJ;EAAA,CAAtB;;EACA,IAAIE,UAAU,GAAG,EAAjB;;EAEA,IAAIT,MAAJ,EAAY;IACVS,UAAU,GAAG;MACXC,KAAK,EAAE,OADI;MAEXC,SAAS,EAAE;IAFA,CAAb;EAID,CAxB+B,CA0BhC;;;EACA,IAAAC,gBAAA,EAAU,YAAM;IACdT,QAAQ,CAACR,IAAI,CAACO,KAAN,CAAR;EACD,CAFD,EAEG,CAACP,IAAI,CAACO,KAAN,CAFH;EAIA,oBACE,gCAAC,8BAAD;IACE,QAAQ,EAAE,kBAAAW,CAAC,EAAI;MACbrB,IAAI,CAACqB,CAAD,CAAJ;;MACAhB,gBAAgB,CAACgB,CAAD,CAAhB;IACD,CAJH;IAKE,QAAQ,EAAE3B,QALZ;IAME,cAAc,EAAE,IAAA4B,sBAAA,EAAGlB,OAAO,CAACnB,KAAX,EAAkBwB,WAAW,IAAIA,WAAW,CAACC,KAA7C,EAAoDhB,QAAQ,IAAI,UAAhE,CANlB;IAOE,UAAU;MACR6B,QAAQ,EAAEhB,QADF;MAERY,SAAS,EAAE,QAFH;MAGRK,UAAU,EAAE,aAHJ;MAIRC,SAAS,EAAE,YAJH;MAKRC,WAAW,EAAE,CALL;MAMRC,YAAY,EAAE;IANN,GAOLV,UAPK,CAPZ;IAgBE,KAAK,EAAEP,KAhBT;IAiBE,KAAK,EAAE;MACLkB,QAAQ,EAAE,UADL;MAELC,aAAa,EAAE,MAFV;MAGLC,GAAG,EAAE,CAHA;MAILC,IAAI,EAAE,CAJD;MAKLR,QAAQ,EAAEhB,QALL;MAMLyB,eAAe,EAAE,MANZ;MAOLC,SAAS,mBAAYzB,MAAZ;IAPJ,CAjBT;IA0BE,QAAQ,EAAEI,QA1BZ;IA2BE,MAAM,EAAEI;EA3BV,EADF;AA+BD,CA9DM;;;AAgEPpB,SAAS,CAACsC,SAAV,GAAsB;EACpBxC,QAAQ,EAAEyC,qBAAA,CAAUC,IADA;EAEpBxB,QAAQ,EAAEuB,qBAAA,CAAUE,IAFA;EAGpBC,UAAU,EAAEC,WAAA,CAAMC,cAHE;EAIpBpC,OAAO,EAAE+B,qBAAA,CAAUM,MAJC;EAKpBnC,QAAQ,EAAE6B,qBAAA,CAAUE,IALA;EAMpBlC,IAAI,EAAEgC,qBAAA,CAAUM,MANI;EAOpBlC,QAAQ,EAAE4B,qBAAA,CAAUO,MAPA;EAQpBlC,MAAM,EAAE2B,qBAAA,CAAUO,MARE;EASpBjC,WAAW,EAAE0B,qBAAA,CAAUQ,KAAV,CAAgB;IAC3B5B,KAAK,EAAEoB,qBAAA,CAAUS,MADU;IAE3BlC,KAAK,EAAEyB,qBAAA,CAAUS;EAFU,CAAhB;AATO,CAAtB;;eAee,IAAAC,kBAAA,EAAW9D,MAAX,EAAmBa,SAAnB,C"}
+{"version":3,"file":"mark-label.js","names":["styles","theme","input","fontFamily","typography","fontSize","border","color","primaryDark","correct","incorrect","disabled","backgroundColor","MarkLabel","props","useState","setInput","_ref","useCallback","node","mark","classes","externalInputRef","inputRef","barWidth","rotate","correctness","autoFocus","label","setLabel","onChange","e","target","value","onChangeProp","extraStyle","width","textAlign","useEffect","r","cn","minWidth","background","boxSizing","paddingLeft","paddingRight","position","pointerEvents","top","left","transformOrigin","transform","propTypes","PropTypes","bool","func","graphProps","types","GraphPropsType","object","number","shape","string","withStyles"],"sources":["../src/mark-label.jsx"],"sourcesContent":["import React, { useState, useCallback, useEffect } from 'react';\nimport cn from 'classnames';\nimport { withStyles } from '@material-ui/core/styles';\nimport AutosizeInput from 'react-input-autosize';\nimport PropTypes from 'prop-types';\nimport { types } from '@pie-lib/plot';\nimport { correct, incorrect, disabled } from './common/styles';\nimport { color } from '@pie-lib/render-ui';\n\nconst styles = theme => ({\n  input: {\n    float: 'right',\n    fontFamily: theme.typography.fontFamily,\n    fontSize: theme.typography.fontSize,\n    border: 'none',\n    color: color.primaryDark(),\n    '&.correct': correct('color'),\n    '&.incorrect': incorrect('color'),\n    '&.disabled': disabled('color'),\n    backgroundColor: 'transparent !important'\n  }\n});\n\nexport const MarkLabel = props => {\n  // eslint-disable-next-line no-unused-vars\n  const [input, setInput] = useState(null);\n  const _ref = useCallback(node => setInput(node), null);\n\n  const {\n    mark,\n    classes,\n    disabled,\n    inputRef: externalInputRef,\n    barWidth,\n    rotate,\n    correctness,\n    autoFocus\n  } = props;\n  const [label, setLabel] = useState(mark.label);\n  const onChange = e => setLabel(e.target.value);\n  const onChangeProp = e => props.onChange(e.target.value);\n  let extraStyle = {};\n\n  if (rotate) {\n    extraStyle = {\n      width: 'unset',\n      textAlign: 'left'\n    };\n  }\n\n  // useState only sets the value once, to synch props to state need useEffect\n  useEffect(() => {\n    setLabel(mark.label);\n  }, [mark.label]);\n\n  return (\n    <AutosizeInput\n      autoFocus={autoFocus}\n      inputRef={r => {\n        _ref(r);\n        externalInputRef(r);\n      }}\n      disabled={disabled}\n      inputClassName={cn(classes.input, correctness && correctness.label, disabled && 'disabled')}\n      inputStyle={{\n        minWidth: barWidth,\n        textAlign: 'center',\n        background: 'transparent',\n        boxSizing: 'border-box',\n        paddingLeft: 0,\n        paddingRight: 0,\n        ...extraStyle\n      }}\n      value={label}\n      style={{\n        position: 'absolute',\n        pointerEvents: 'auto',\n        top: 0,\n        left: 0,\n        minWidth: barWidth,\n        transformOrigin: 'left',\n        transform: `rotate(${rotate}deg)`\n      }}\n      onChange={onChange}\n      onBlur={onChangeProp}\n    />\n  );\n};\n\nMarkLabel.propTypes = {\n  disabled: PropTypes.bool,\n  onChange: PropTypes.func,\n  graphProps: types.GraphPropsType,\n  classes: PropTypes.object,\n  inputRef: PropTypes.func,\n  mark: PropTypes.object,\n  barWidth: PropTypes.number,\n  rotate: PropTypes.number,\n  correctness: PropTypes.shape({\n    value: PropTypes.string,\n    label: PropTypes.string\n  })\n};\n\nexport default withStyles(styles)(MarkLabel);\n"],"mappings":"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"}

package/package.json

@@ -3,7 +3,7 @@
   "publishConfig": {
     "access": "public"
   },
-  "version": "4.5.11-next.473+f562861b",
+  "version": "4.5.11-next.533+b574e990",
   "description": "charting",
   "keywords": [
     "react",
@@ -43,5 +43,5 @@
   "peerDependencies": {
     "react": "^16.8.1"
   },
-  "gitHead": "f562861bd7f28b0ad0310bef02d7d18191c2bfe0"
+  "gitHead": "b574e99092b83d6b6775d4255c79492d5279d57d"
 }

package/src/axes.jsx

@@ -60,7 +60,8 @@ export class TickComponent extends React.Component {
 
     const index = parseInt(formattedValue.split('-')[0], 10);
     const category = categories[index];
-    const { deletable, editable, interactive, label, correctness } = category || {};
+    const { deletable, editable, interactive, label, correctness, autoFocus, inDefineChart } =
+      category || {};
     const barX = xBand(bandKey({ label }, index));
     const longestCategory = (categories || []).reduce((a, b) => {
       const lengthA = a && a.label ? a.label.length : 0;
@@ -96,6 +97,7 @@ export class TickComponent extends React.Component {
             </div>
           )}
           <MarkLabel
+            autoFocus={inDefineChart ? defineChart && autoFocus : autoFocus}
             inputRef={r => (this.input = r)}
             disabled={!defineChart && !editable}
             mark={category}

package/src/chart.jsx

@@ -111,12 +111,14 @@ export class Chart extends React.Component {
     }
   };
 
-  addCategory = (chartType, range) => {
-    const { onDataChange, data, categoryDefaultLabel } = this.props;
+  addCategory = range => {
+    const { onDataChange, data, categoryDefaultLabel, defineChart } = this.props;
 
     onDataChange([
       ...data,
       {
+        inDefineChart: defineChart,
+        autoFocus: true,
         label: categoryDefaultLabel || 'New Bar',
         value: range.step,
         deletable: true,
@@ -138,16 +140,7 @@ export class Chart extends React.Component {
   };
 
   render() {
-    const {
-      classes,
-      className,
-      domain,
-      range,
-      size,
-      title,
-      addCategoryEnabled,
-      theme
-    } = this.props;
+    const { classes, className, domain, range, size, title, addCategoryEnabled } = this.props;
     let { chartType } = this.props;
 
     const defineChart = this.props.defineChart || false;
@@ -198,7 +191,7 @@ export class Chart extends React.Component {
           <ToolMenu
             className={classes.toolMenu}
             disabled={!addCategoryEnabled}
-            addCategory={() => this.addCategory(chartType, correctValues.range)}
+            addCategory={() => this.addCategory(correctValues.range)}
           />
         </div>
         <Root title={title} classes={classes} rootRef={r => (this.rootNode = r)} {...rootCommon}>

package/src/mark-label.jsx

@@ -33,7 +33,8 @@ export const MarkLabel = props => {
     inputRef: externalInputRef,
     barWidth,
     rotate,
-    correctness
+    correctness,
+    autoFocus
   } = props;
   const [label, setLabel] = useState(mark.label);
   const onChange = e => setLabel(e.target.value);
@@ -54,6 +55,7 @@ export const MarkLabel = props => {
 
   return (
     <AutosizeInput
+      autoFocus={autoFocus}
       inputRef={r => {
         _ref(r);
         externalInputRef(r);