@pie-lib/graphing 4.0.22 → 4.0.24-beta.1

package/lib/tools/shared/line/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_react","_interopRequireDefault","require","_lodashEs","_point","_plot","_propTypes","_styles","_reactDom","_markLabel","_renderUi","_utils","_styles2","_callSuper","t","o","e","_getPrototypeOf2","_possibleConstructorReturn2","_isNativeReflectConstruct","Reflect","construct","constructor","apply","Boolean","prototype","valueOf","call","ownKeys","r","Object","keys","getOwnPropertySymbols","filter","getOwnPropertyDescriptor","enumerable","push","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","defineProperty","StyledLineGroup","styled","_ref","disabled","correctness","fill","stroke","color","defaults","BLACK","strokeWidth","transition","PRIMARY_DARK","disabledSecondary","correct","incorrect","missing","strokeDasharray","lineTool","exports","type","Component","addPoint","point","mark","equalPoints","root","building","from","to","lineToolComponent","_LineToolComponent","_React$Component","LineToolComponent","props","_this","_classCallCheck2","onDragStart","setState","_this$props","onChange","onDragStop","update","state","undefined","shouldNotChange","sameAxes","y","isEqual","_ref2","middle","_ref3","_this$props2","_inherits2","_createClass2","key","value","render","_this$props3","graphProps","onClick","labelNode","labelModeEnabled","coordinatesOnHover","limitLabeling","cloneDeep","isBackground","createElement","changeMark","changeMarkProps","startDrag","stopDrag","React","types","ToolPropTypeFields","GraphPropsType","isRequired","PropTypes","bool","func","PointType","dragOpts","bounds","_ref4","domain","range","area","utils","lineToArea","anchorPoint","fromDelta","delta","add","lineBase","Comp","opts","DraggableComp","gridDraggable","FromPoint","BasePoint","ToPoint","LineBase","_React$Component2","_this2","_len","args","Array","_key","concat","editingLabel","_this2$props","getMiddleOfTwoPoints","_ref5","draggedFrom","draggedTo","_this2$props2","label","updated","_this2$props3","onChangePoint","_this2$props4","isEmpty","data","_this2$props5","stripEmptyLabel","componentDidUpdate","prevProps","_this3","_this$props4","common","angle","trig","toDegrees","fromLabelNode","toLabelNode","lineLabelNode","hasOwnProperty","ReactDOM","createPortal","inputRef","input","autoFocus","onBlur","stopEditingLabel","labelChange","_extends2","onDrag","dragComp","clickPoint","x","dragFrom","dragTo","string","object","styles","line","arrow","disabledArrow","theme"],"sources":["../../../../src/tools/shared/line/index.jsx"],"sourcesContent":["import React from 'react';\nimport { cloneDeep, isEmpty, isEqual } from 'lodash-es';\nimport { BasePoint } from '../point';\nimport { gridDraggable, trig, types, utils } from '@pie-lib/plot';\nimport PropTypes from 'prop-types';\nimport { correct, disabled, disabledSecondary, incorrect, missing } from '../styles';\nimport ReactDOM from 'react-dom';\nimport MarkLabel from '../../../mark-label';\nimport { color } from '@pie-lib/render-ui';\nimport { equalPoints, getMiddleOfTwoPoints, sameAxes, stripEmptyLabel } from '../../../utils';\nimport { styled } from '@mui/material/styles';\n\nconst StyledLineGroup = styled('g')(({ disabled, correctness }) => ({\n  '& line:not(.hit-area)': {\n    fill: 'transparent',\n    stroke: color.defaults.BLACK,\n    strokeWidth: 3,\n    transition: 'stroke 200ms ease-in, stroke-width 200ms ease-in',\n    '&:hover': {\n      strokeWidth: 6,\n      stroke: color.defaults.PRIMARY_DARK,\n    },\n  },\n  ...(disabled && {\n    '& line:not(.hit-area)': {\n      ...disabledSecondary('stroke'),\n      strokeWidth: 2,\n    },\n  }),\n  ...(correctness === 'correct' && {\n    '& line:not(.hit-area)': {\n      ...correct('stroke'),\n    },\n  }),\n  ...(correctness === 'incorrect' && {\n    '& line:not(.hit-area)': {\n      ...incorrect('stroke'),\n    },\n  }),\n  ...(correctness === 'missing' && {\n    '& line:not(.hit-area)': {\n      ...missing('stroke'),\n      strokeWidth: 1,\n      strokeDasharray: '4 3',\n    },\n  }),\n}));\n\nexport const lineTool = (type, Component) => () => ({\n  type,\n  Component,\n  addPoint: (point, mark) => {\n    if (mark && equalPoints(mark.root, point)) {\n      return mark;\n    }\n\n    if (!mark) {\n      return {\n        type,\n        building: true,\n        from: point,\n      };\n    }\n\n    if (equalPoints(point, mark.from)) {\n      return { ...mark };\n    }\n\n    return { ...mark, building: false, to: point };\n  },\n});\n\nexport const lineToolComponent = (Component) => {\n  return class LineToolComponent extends React.Component {\n    static propTypes = {\n      ...types.ToolPropTypeFields,\n      graphProps: types.GraphPropsType.isRequired,\n      limitLabeling: PropTypes.bool,\n      changeMarkProps: PropTypes.func,\n      disabled: PropTypes.bool,\n      from: types.PointType,\n      to: types.PointType,\n      labelModeEnabled: PropTypes.bool,\n      onClick: PropTypes.func,\n    };\n\n    constructor(props) {\n      super(props);\n      this.state = {};\n    }\n\n    startDrag = () => {\n      const { onDragStart } = this.props;\n      this.setState({ mark: { ...this.props.mark } });\n      if (onDragStart) onDragStart();\n    };\n\n    stopDrag = () => {\n      const { onChange, mark, onDragStop } = this.props;\n      const update = { ...this.state.mark };\n\n      this.setState({ mark: undefined }, () => {\n        const { type } = update;\n        let shouldNotChange =\n          type &&\n          (type === 'parabola' || type === 'sine' || type === 'absolute' || type === 'exponential') &&\n          sameAxes(update.from, update.to);\n        if (!shouldNotChange && type && type === 'exponential' && update.from && update.to) {\n          shouldNotChange = update.from.y === 0 || update.to.y === 0 || update.from.y * update.to.y < 0;\n        }\n        if (!isEqual(mark, update) && !shouldNotChange) {\n          onChange(mark, update);\n        }\n        if (onDragStop) onDragStop();\n      });\n    };\n\n    changeMark = ({ from, to, middle }) => {\n      let mark = { ...this.state.mark, from, to };\n\n      if (middle) {\n        mark = { ...mark, middle };\n      }\n\n      this.setState({ mark });\n    };\n\n    changeMarkProps = ({ from, to, middle }) => {\n      const { onChange, mark } = this.props;\n      let update = { ...mark, ...this.state.mark };\n\n      if (from) {\n        update = { ...update, from };\n      }\n\n      if (to) {\n        update = { ...update, to };\n      }\n\n      if (middle) {\n        update = { ...update, middle };\n      }\n\n      if (!isEqual(mark, update)) {\n        onChange(mark, update);\n      }\n    };\n\n    render() {\n      const { graphProps, onClick, labelNode, labelModeEnabled, coordinatesOnHover, limitLabeling } = this.props;\n      const mark = this.state.mark ? this.state.mark : this.props.mark;\n\n      const from = cloneDeep(mark.from);\n      const to = cloneDeep(mark.to);\n      const middle = cloneDeep(mark.middle);\n\n      // SET DISABLED\n      // if it's a background mark, we need to force disable it\n      if (from && mark.isBackground) {\n        from.disabled = true;\n      }\n\n      if (to && mark.isBackground) {\n        to.disabled = true;\n      }\n\n      if (middle && mark.isBackground) {\n        middle.disabled = true;\n      }\n\n      return (\n        <Component\n          disabled={mark.disabled}\n          coordinatesOnHover={coordinatesOnHover}\n          correctness={mark.correctness}\n          from={from}\n          to={to}\n          middle={middle}\n          graphProps={graphProps}\n          onChange={this.changeMark}\n          changeMarkProps={this.changeMarkProps}\n          onClick={onClick}\n          onDragStart={this.startDrag}\n          onDragStop={this.stopDrag}\n          labelNode={labelNode}\n          labelModeEnabled={labelModeEnabled}\n          limitLabeling={limitLabeling}\n        />\n      );\n    }\n  };\n};\n\nconst dragOpts = () => ({\n  bounds: (props, { domain, range }) => {\n    const area = utils.lineToArea(props.from, props.to);\n    return utils.bounds(area, domain, range);\n  },\n  anchorPoint: (props) => {\n    const { from } = props;\n    return from;\n  },\n  fromDelta: (props, delta) => {\n    const { from, to } = props;\n    return {\n      from: utils.point(from).add(utils.point(delta)),\n      to: utils.point(to).add(utils.point(delta)),\n    };\n  },\n});\n\nexport const lineBase = (Comp, opts) => {\n  const DraggableComp = gridDraggable(dragOpts())(Comp);\n\n  const FromPoint = opts && opts.from ? opts.from : BasePoint;\n  const ToPoint = opts && opts.to ? opts.to : BasePoint;\n\n  class LineBase extends React.Component {\n    static propTypes = {\n      coordinatesOnHover: PropTypes.bool,\n      graphProps: types.GraphPropsType,\n      from: types.PointType,\n      to: types.PointType,\n      middle: types.PointType,\n      onChange: PropTypes.func,\n      onDragStart: PropTypes.func,\n      onDragStop: PropTypes.func,\n      onClick: PropTypes.func,\n      correctness: PropTypes.string,\n      disabled: PropTypes.bool,\n      limitLabeling: PropTypes.bool,\n      changeMarkProps: PropTypes.func,\n      labelModeEnabled: PropTypes.bool,\n      labelNode: PropTypes.object,\n    };\n\n    // which of from/to/middle has its label edited, null if none\n    state = { editingLabel: null };\n\n    componentDidUpdate(prevProps) {\n      // leaving label mode closes any label that is still being edited\n      if (prevProps.labelModeEnabled && !this.props.labelModeEnabled && this.state.editingLabel !== null) {\n        this.setState({ editingLabel: null });\n      }\n    }\n\n    onChangePoint = (point) => {\n      const { middle, onChange } = this.props;\n      const { from, to } = point;\n\n      // because point.from.label and point.to.label can be different\n      if (!equalPoints(from, to)) {\n        if (middle) {\n          point.middle = { ...middle, ...getMiddleOfTwoPoints(from, to) };\n        }\n\n        onChange(point);\n      }\n    };\n\n    dragComp = ({ from: draggedFrom, to: draggedTo }) => {\n      const { from, to, onChange, middle } = this.props;\n\n      if (from.label) {\n        draggedFrom.label = from.label;\n      }\n\n      if (to.label) {\n        draggedTo.label = to.label;\n      }\n\n      const updated = { from: draggedFrom, to: draggedTo };\n\n      if (middle) {\n        updated.middle = { ...middle, ...getMiddleOfTwoPoints(draggedFrom, draggedTo) };\n      }\n\n      onChange(updated);\n    };\n\n    dragFrom = (draggedFrom) => {\n      const { from, to } = this.props;\n\n      if (from.label) {\n        draggedFrom.label = from.label;\n      }\n\n      if (!equalPoints(draggedFrom, to)) {\n        this.onChangePoint({ from: draggedFrom, to: to });\n      }\n    };\n\n    dragTo = (draggedTo) => {\n      const { from, to } = this.props;\n\n      if (to.label) {\n        draggedTo.label = to.label;\n      }\n\n      if (!equalPoints(from, draggedTo)) {\n        this.onChangePoint({ from: from, to: draggedTo });\n      }\n    };\n\n    labelChange = (point, type) => {\n      const { changeMarkProps } = this.props;\n      const update = { ...point };\n\n      if (!point.label || isEmpty(point.label)) {\n        delete update.label;\n      }\n\n      changeMarkProps({ [type]: update });\n    };\n\n    stopEditingLabel = () => {\n      if (this.state.editingLabel !== null) {\n        this.setState({ editingLabel: null });\n      }\n    };\n\n    clickPoint = (point, type, data) => {\n      const { changeMarkProps, disabled, from, to, middle, labelModeEnabled, limitLabeling, onClick } = this.props;\n\n      if (!labelModeEnabled) {\n        onClick(point || data);\n        return;\n      }\n\n      if (disabled) {\n        return;\n      }\n\n      // limit labeling the points of the line\n      if (limitLabeling) {\n        return;\n      }\n\n      if (type === 'middle' && !point && from && to) {\n        point = { ...point, ...getMiddleOfTwoPoints(from, to) };\n      }\n\n      changeMarkProps({\n        from: stripEmptyLabel(from),\n        to: stripEmptyLabel(to),\n        middle: stripEmptyLabel(middle),\n        [type]: { label: '', ...point },\n      });\n\n      // MarkLabel focuses itself once it is rendered - it also holds on to the focus if the model\n      // that comes back from the host (api save) remounts the input.\n      this.setState({ editingLabel: type });\n    };\n\n    // IMPORTANT, do not remove\n    input = {};\n\n    render() {\n      const {\n        coordinatesOnHover,\n        graphProps,\n        onDragStart,\n        onDragStop,\n        from,\n        to,\n        middle,\n        disabled,\n        correctness,\n        onClick,\n        labelNode,\n        labelModeEnabled,\n      } = this.props;\n      const { editingLabel } = this.state;\n      const common = { graphProps, onDragStart, onDragStop, disabled, correctness, onClick };\n      const angle = to ? trig.toDegrees(trig.angle(from, to)) : 0;\n\n      let fromLabelNode = null;\n      let toLabelNode = null;\n      let lineLabelNode = null;\n\n      if (labelNode) {\n        if (from && Object.prototype.hasOwnProperty.call(from, 'label')) {\n          fromLabelNode = ReactDOM.createPortal(\n            <MarkLabel\n              inputRef={(r) => (this.input.from = r)}\n              autoFocus={editingLabel === 'from'}\n              disabled={!labelModeEnabled}\n              mark={from}\n              graphProps={graphProps}\n              onBlur={this.stopEditingLabel}\n              onChange={(label) => this.labelChange({ ...from, label }, 'from')}\n            />,\n            labelNode,\n          );\n        }\n\n        if (to && Object.prototype.hasOwnProperty.call(to, 'label')) {\n          toLabelNode = ReactDOM.createPortal(\n            <MarkLabel\n              inputRef={(r) => (this.input.to = r)}\n              autoFocus={editingLabel === 'to'}\n              disabled={!labelModeEnabled}\n              mark={to}\n              graphProps={graphProps}\n              onBlur={this.stopEditingLabel}\n              onChange={(label) => this.labelChange({ ...to, label }, 'to')}\n            />,\n            labelNode,\n          );\n        }\n\n        if (middle && Object.prototype.hasOwnProperty.call(middle, 'label')) {\n          lineLabelNode = ReactDOM.createPortal(\n            <MarkLabel\n              inputRef={(r) => (this.input.middle = r)}\n              autoFocus={editingLabel === 'middle'}\n              disabled={!labelModeEnabled}\n              mark={middle}\n              graphProps={graphProps}\n              onBlur={this.stopEditingLabel}\n              onChange={(label) => this.labelChange({ ...middle, label }, 'middle')}\n            />,\n            labelNode,\n          );\n        }\n      }\n\n      return (\n        <StyledLineGroup disabled={disabled} correctness={correctness}>\n          {to && (\n            <DraggableComp\n              from={from}\n              to={to}\n              middle={middle}\n              onDrag={this.dragComp}\n              {...common}\n              onClick={(data) => this.clickPoint(middle, 'middle', data)}\n            />\n          )}\n          {lineLabelNode}\n\n          <FromPoint\n            x={from.x}\n            y={from.y}\n            labelNode={labelNode}\n            coordinatesOnHover={coordinatesOnHover}\n            onDrag={this.dragFrom}\n            {...common}\n            onClick={(data) => this.clickPoint(from, 'from', data)}\n          />\n          {fromLabelNode}\n\n          {to && (\n            <ToPoint\n              x={to.x}\n              y={to.y}\n              angle={angle} //angle + 45}\n              labelNode={labelNode}\n              coordinatesOnHover={coordinatesOnHover}\n              onDrag={this.dragTo}\n              {...common}\n              onClick={(data) => this.clickPoint(to, 'to', data)}\n            />\n          )}\n          {toLabelNode}\n        </StyledLineGroup>\n      );\n    }\n  }\n\n  return LineBase;\n};\n\nexport const styles = {\n  line: () => ({\n    fill: 'transparent',\n    stroke: color.defaults.BLACK,\n    strokeWidth: 3,\n    transition: 'stroke 200ms ease-in, stroke-width 200ms ease-in',\n    '&:hover': {\n      strokeWidth: 6,\n      stroke: color.defaults.PRIMARY_DARK,\n    },\n  }),\n  arrow: () => ({\n    fill: color.defaults.BLACK,\n  }),\n  disabledArrow: () => ({\n    ...disabledSecondary(),\n  }),\n  disabledSecondary: () => ({\n    ...disabledSecondary('stroke'),\n    strokeWidth: 2,\n  }),\n  disabled: () => ({\n    ...disabled('stroke'),\n    strokeWidth: 2,\n  }),\n  correct: (theme, key) => ({\n    ...correct(key),\n  }),\n  incorrect: (theme, key) => ({\n    ...incorrect(key),\n  }),\n  missing: (theme, key) => ({\n    ...missing(key),\n    strokeWidth: 1,\n    strokeDasharray: '4 3',\n  }),\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["_react","_interopRequireDefault","require","_lodashEs","_point","_plot","_propTypes","_styles","_reactDom","_markLabel","_renderUi","_utils","_styles2","_callSuper","t","o","e","_getPrototypeOf2","_possibleConstructorReturn2","_isNativeReflectConstruct","Reflect","construct","constructor","apply","Boolean","prototype","valueOf","call","ownKeys","r","Object","keys","getOwnPropertySymbols","filter","getOwnPropertyDescriptor","enumerable","push","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","defineProperty","StyledLineGroup","styled","_ref","disabled","correctness","fill","stroke","color","defaults","BLACK","strokeWidth","transition","PRIMARY_DARK","disabledSecondary","correct","incorrect","missing","strokeDasharray","lineTool","exports","type","Component","addPoint","point","mark","equalPoints","root","building","from","to","lineToolComponent","_LineToolComponent","_React$Component","LineToolComponent","props","_this","_classCallCheck2","onDragStart","setState","_this$props","onChange","onDragStop","update","state","undefined","shouldNotChange","sameAxes","y","isEqual","_ref2","middle","_ref3","_this$props2","_inherits2","_createClass2","key","value","render","_this$props3","graphProps","onClick","labelNode","labelModeEnabled","coordinatesOnHover","limitLabeling","cloneDeep","isBackground","createElement","changeMark","changeMarkProps","startDrag","stopDrag","React","types","ToolPropTypeFields","GraphPropsType","isRequired","PropTypes","bool","func","PointType","dragOpts","bounds","_ref4","domain","range","area","utils","lineToArea","anchorPoint","fromDelta","delta","add","lineBase","Comp","opts","DraggableComp","gridDraggable","FromPoint","BasePoint","ToPoint","LineBase","_React$Component2","_this2","_len","args","Array","_key","concat","_this2$props","getMiddleOfTwoPoints","_ref5","draggedFrom","draggedTo","_this2$props2","label","updated","_this2$props3","onChangePoint","_this2$props4","isEmpty","data","_this2$props5","stripEmptyLabel","input","focus","_this3","_this$props4","common","angle","trig","toDegrees","fromLabelNode","toLabelNode","lineLabelNode","hasOwnProperty","ReactDOM","createPortal","inputRef","labelChange","_extends2","onDrag","dragComp","clickPoint","x","dragFrom","dragTo","string","object","styles","line","arrow","disabledArrow","theme"],"sources":["../../../../src/tools/shared/line/index.jsx"],"sourcesContent":["import React from 'react';\nimport { cloneDeep, isEmpty, isEqual } from 'lodash-es';\nimport { BasePoint } from '../point';\nimport { gridDraggable, trig, types, utils } from '@pie-lib/plot';\nimport PropTypes from 'prop-types';\nimport { correct, disabled, disabledSecondary, incorrect, missing } from '../styles';\nimport ReactDOM from 'react-dom';\nimport MarkLabel from '../../../mark-label';\nimport { color } from '@pie-lib/render-ui';\nimport { equalPoints, getMiddleOfTwoPoints, sameAxes, stripEmptyLabel } from '../../../utils';\nimport { styled } from '@mui/material/styles';\n\nconst StyledLineGroup = styled('g')(({ disabled, correctness }) => ({\n  '& line:not(.hit-area)': {\n    fill: 'transparent',\n    stroke: color.defaults.BLACK,\n    strokeWidth: 3,\n    transition: 'stroke 200ms ease-in, stroke-width 200ms ease-in',\n    '&:hover': {\n      strokeWidth: 6,\n      stroke: color.defaults.PRIMARY_DARK,\n    },\n  },\n  ...(disabled && {\n    '& line:not(.hit-area)': {\n      ...disabledSecondary('stroke'),\n      strokeWidth: 2,\n    },\n  }),\n  ...(correctness === 'correct' && {\n    '& line:not(.hit-area)': {\n      ...correct('stroke'),\n    },\n  }),\n  ...(correctness === 'incorrect' && {\n    '& line:not(.hit-area)': {\n      ...incorrect('stroke'),\n    },\n  }),\n  ...(correctness === 'missing' && {\n    '& line:not(.hit-area)': {\n      ...missing('stroke'),\n      strokeWidth: 1,\n      strokeDasharray: '4 3',\n    },\n  }),\n}));\n\nexport const lineTool = (type, Component) => () => ({\n  type,\n  Component,\n  addPoint: (point, mark) => {\n    if (mark && equalPoints(mark.root, point)) {\n      return mark;\n    }\n\n    if (!mark) {\n      return {\n        type,\n        building: true,\n        from: point,\n      };\n    }\n\n    if (equalPoints(point, mark.from)) {\n      return { ...mark };\n    }\n\n    return { ...mark, building: false, to: point };\n  },\n});\n\nexport const lineToolComponent = (Component) => {\n  return class LineToolComponent extends React.Component {\n    static propTypes = {\n      ...types.ToolPropTypeFields,\n      graphProps: types.GraphPropsType.isRequired,\n      limitLabeling: PropTypes.bool,\n      changeMarkProps: PropTypes.func,\n      disabled: PropTypes.bool,\n      from: types.PointType,\n      to: types.PointType,\n      labelModeEnabled: PropTypes.bool,\n      onClick: PropTypes.func,\n    };\n\n    constructor(props) {\n      super(props);\n      this.state = {};\n    }\n\n    startDrag = () => {\n      const { onDragStart } = this.props;\n      this.setState({ mark: { ...this.props.mark } });\n      if (onDragStart) onDragStart();\n    };\n\n    stopDrag = () => {\n      const { onChange, mark, onDragStop } = this.props;\n      const update = { ...this.state.mark };\n\n      this.setState({ mark: undefined }, () => {\n        const { type } = update;\n        let shouldNotChange =\n          type &&\n          (type === 'parabola' || type === 'sine' || type === 'absolute' || type === 'exponential') &&\n          sameAxes(update.from, update.to);\n        if (!shouldNotChange && type && type === 'exponential' && update.from && update.to) {\n          shouldNotChange = update.from.y === 0 || update.to.y === 0 || update.from.y * update.to.y < 0;\n        }\n        if (!isEqual(mark, update) && !shouldNotChange) {\n          onChange(mark, update);\n        }\n        if (onDragStop) onDragStop();\n      });\n    };\n\n    changeMark = ({ from, to, middle }) => {\n      let mark = { ...this.state.mark, from, to };\n\n      if (middle) {\n        mark = { ...mark, middle };\n      }\n\n      this.setState({ mark });\n    };\n\n    changeMarkProps = ({ from, to, middle }) => {\n      const { onChange, mark } = this.props;\n      let update = { ...mark, ...this.state.mark };\n\n      if (from) {\n        update = { ...update, from };\n      }\n\n      if (to) {\n        update = { ...update, to };\n      }\n\n      if (middle) {\n        update = { ...update, middle };\n      }\n\n      if (!isEqual(mark, update)) {\n        onChange(mark, update);\n      }\n    };\n\n    render() {\n      const { graphProps, onClick, labelNode, labelModeEnabled, coordinatesOnHover, limitLabeling } = this.props;\n      const mark = this.state.mark ? this.state.mark : this.props.mark;\n\n      const from = cloneDeep(mark.from);\n      const to = cloneDeep(mark.to);\n      const middle = cloneDeep(mark.middle);\n\n      // SET DISABLED\n      // if it's a background mark, we need to force disable it\n      if (from && mark.isBackground) {\n        from.disabled = true;\n      }\n\n      if (to && mark.isBackground) {\n        to.disabled = true;\n      }\n\n      if (middle && mark.isBackground) {\n        middle.disabled = true;\n      }\n\n      return (\n        <Component\n          disabled={mark.disabled}\n          coordinatesOnHover={coordinatesOnHover}\n          correctness={mark.correctness}\n          from={from}\n          to={to}\n          middle={middle}\n          graphProps={graphProps}\n          onChange={this.changeMark}\n          changeMarkProps={this.changeMarkProps}\n          onClick={onClick}\n          onDragStart={this.startDrag}\n          onDragStop={this.stopDrag}\n          labelNode={labelNode}\n          labelModeEnabled={labelModeEnabled}\n          limitLabeling={limitLabeling}\n        />\n      );\n    }\n  };\n};\n\nconst dragOpts = () => ({\n  bounds: (props, { domain, range }) => {\n    const area = utils.lineToArea(props.from, props.to);\n    return utils.bounds(area, domain, range);\n  },\n  anchorPoint: (props) => {\n    const { from } = props;\n    return from;\n  },\n  fromDelta: (props, delta) => {\n    const { from, to } = props;\n    return {\n      from: utils.point(from).add(utils.point(delta)),\n      to: utils.point(to).add(utils.point(delta)),\n    };\n  },\n});\n\nexport const lineBase = (Comp, opts) => {\n  const DraggableComp = gridDraggable(dragOpts())(Comp);\n\n  const FromPoint = opts && opts.from ? opts.from : BasePoint;\n  const ToPoint = opts && opts.to ? opts.to : BasePoint;\n\n  class LineBase extends React.Component {\n    static propTypes = {\n      coordinatesOnHover: PropTypes.bool,\n      graphProps: types.GraphPropsType,\n      from: types.PointType,\n      to: types.PointType,\n      middle: types.PointType,\n      onChange: PropTypes.func,\n      onDragStart: PropTypes.func,\n      onDragStop: PropTypes.func,\n      onClick: PropTypes.func,\n      correctness: PropTypes.string,\n      disabled: PropTypes.bool,\n      limitLabeling: PropTypes.bool,\n      changeMarkProps: PropTypes.func,\n      labelModeEnabled: PropTypes.bool,\n      labelNode: PropTypes.object,\n    };\n\n    onChangePoint = (point) => {\n      const { middle, onChange } = this.props;\n      const { from, to } = point;\n\n      // because point.from.label and point.to.label can be different\n      if (!equalPoints(from, to)) {\n        if (middle) {\n          point.middle = { ...middle, ...getMiddleOfTwoPoints(from, to) };\n        }\n\n        onChange(point);\n      }\n    };\n\n    dragComp = ({ from: draggedFrom, to: draggedTo }) => {\n      const { from, to, onChange, middle } = this.props;\n\n      if (from.label) {\n        draggedFrom.label = from.label;\n      }\n\n      if (to.label) {\n        draggedTo.label = to.label;\n      }\n\n      const updated = { from: draggedFrom, to: draggedTo };\n\n      if (middle) {\n        updated.middle = { ...middle, ...getMiddleOfTwoPoints(draggedFrom, draggedTo) };\n      }\n\n      onChange(updated);\n    };\n\n    dragFrom = (draggedFrom) => {\n      const { from, to } = this.props;\n\n      if (from.label) {\n        draggedFrom.label = from.label;\n      }\n\n      if (!equalPoints(draggedFrom, to)) {\n        this.onChangePoint({ from: draggedFrom, to: to });\n      }\n    };\n\n    dragTo = (draggedTo) => {\n      const { from, to } = this.props;\n\n      if (to.label) {\n        draggedTo.label = to.label;\n      }\n\n      if (!equalPoints(from, draggedTo)) {\n        this.onChangePoint({ from: from, to: draggedTo });\n      }\n    };\n\n    labelChange = (point, type) => {\n      const { changeMarkProps } = this.props;\n      const update = { ...point };\n\n      if (!point.label || isEmpty(point.label)) {\n        delete update.label;\n      }\n\n      changeMarkProps({ [type]: update });\n    };\n\n    clickPoint = (point, type, data) => {\n      const { changeMarkProps, disabled, from, to, middle, labelModeEnabled, limitLabeling, onClick } = this.props;\n\n      if (!labelModeEnabled) {\n        onClick(point || data);\n        return;\n      }\n\n      if (disabled) {\n        return;\n      }\n\n      // limit labeling the points of the line\n      if (limitLabeling) {\n        return;\n      }\n\n      if (type === 'middle' && !point && from && to) {\n        point = { ...point, ...getMiddleOfTwoPoints(from, to) };\n      }\n\n      changeMarkProps({\n        from: stripEmptyLabel(from),\n        to: stripEmptyLabel(to),\n        middle: stripEmptyLabel(middle),\n        [type]: { label: '', ...point },\n      });\n\n      if (this.input[type]) {\n        this.input[type].focus();\n      }\n    };\n\n    // IMPORTANT, do not remove\n    input = {};\n\n    render() {\n      const {\n        coordinatesOnHover,\n        graphProps,\n        onDragStart,\n        onDragStop,\n        from,\n        to,\n        middle,\n        disabled,\n        correctness,\n        onClick,\n        labelNode,\n        labelModeEnabled,\n      } = this.props;\n      const common = { graphProps, onDragStart, onDragStop, disabled, correctness, onClick };\n      const angle = to ? trig.toDegrees(trig.angle(from, to)) : 0;\n\n      let fromLabelNode = null;\n      let toLabelNode = null;\n      let lineLabelNode = null;\n\n      if (labelNode) {\n        if (from && Object.prototype.hasOwnProperty.call(from, 'label')) {\n          fromLabelNode = ReactDOM.createPortal(\n            <MarkLabel\n              inputRef={(r) => (this.input.from = r)}\n              disabled={!labelModeEnabled}\n              mark={from}\n              graphProps={graphProps}\n              onChange={(label) => this.labelChange({ ...from, label }, 'from')}\n            />,\n            labelNode,\n          );\n        }\n\n        if (to && Object.prototype.hasOwnProperty.call(to, 'label')) {\n          toLabelNode = ReactDOM.createPortal(\n            <MarkLabel\n              inputRef={(r) => (this.input.to = r)}\n              disabled={!labelModeEnabled}\n              mark={to}\n              graphProps={graphProps}\n              onChange={(label) => this.labelChange({ ...to, label }, 'to')}\n            />,\n            labelNode,\n          );\n        }\n\n        if (middle && Object.prototype.hasOwnProperty.call(middle, 'label')) {\n          lineLabelNode = ReactDOM.createPortal(\n            <MarkLabel\n              inputRef={(r) => (this.input.middle = r)}\n              disabled={!labelModeEnabled}\n              mark={middle}\n              graphProps={graphProps}\n              onChange={(label) => this.labelChange({ ...middle, label }, 'middle')}\n            />,\n            labelNode,\n          );\n        }\n      }\n\n      return (\n        <StyledLineGroup disabled={disabled} correctness={correctness}>\n          {to && (\n            <DraggableComp\n              from={from}\n              to={to}\n              middle={middle}\n              onDrag={this.dragComp}\n              {...common}\n              onClick={(data) => this.clickPoint(middle, 'middle', data)}\n            />\n          )}\n          {lineLabelNode}\n\n          <FromPoint\n            x={from.x}\n            y={from.y}\n            labelNode={labelNode}\n            coordinatesOnHover={coordinatesOnHover}\n            onDrag={this.dragFrom}\n            {...common}\n            onClick={(data) => this.clickPoint(from, 'from', data)}\n          />\n          {fromLabelNode}\n\n          {to && (\n            <ToPoint\n              x={to.x}\n              y={to.y}\n              angle={angle} //angle + 45}\n              labelNode={labelNode}\n              coordinatesOnHover={coordinatesOnHover}\n              onDrag={this.dragTo}\n              {...common}\n              onClick={(data) => this.clickPoint(to, 'to', data)}\n            />\n          )}\n          {toLabelNode}\n        </StyledLineGroup>\n      );\n    }\n  }\n\n  return LineBase;\n};\n\nexport const styles = {\n  line: () => ({\n    fill: 'transparent',\n    stroke: color.defaults.BLACK,\n    strokeWidth: 3,\n    transition: 'stroke 200ms ease-in, stroke-width 200ms ease-in',\n    '&:hover': {\n      strokeWidth: 6,\n      stroke: color.defaults.PRIMARY_DARK,\n    },\n  }),\n  arrow: () => ({\n    fill: color.defaults.BLACK,\n  }),\n  disabledArrow: () => ({\n    ...disabledSecondary(),\n  }),\n  disabledSecondary: () => ({\n    ...disabledSecondary('stroke'),\n    strokeWidth: 2,\n  }),\n  disabled: () => ({\n    ...disabled('stroke'),\n    strokeWidth: 2,\n  }),\n  correct: (theme, key) => ({\n    ...correct(key),\n  }),\n  incorrect: (theme, key) => ({\n    ...incorrect(key),\n  }),\n  missing: (theme, key) => ({\n    ...missing(key),\n    strokeWidth: 1,\n    strokeDasharray: '4 3',\n  }),\n};\n"],"mappings":"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","ignoreList":[]}

package/package.json

@@ -3,7 +3,7 @@
   "publishConfig": {
     "access": "public"
   },
-  "version": "4.0.22",
+  "version": "4.0.24-beta.1",
   "description": "Graphing components",
   "keywords": [
     "react",
@@ -22,20 +22,20 @@
     "@mapbox/point-geometry": "^1.1.0",
     "@mui/icons-material": "^7.3.4",
     "@mui/material": "^7.3.4",
-    "@pie-lib/drag": "^4.1.3",
-    "@pie-lib/editable-html-tip-tap": "^2.1.18",
+    "@pie-lib/drag": "^4.0.2",
+    "@pie-lib/editable-html-tip-tap": "^2.1.20-beta.1",
     "@pie-lib/graphing-utils": "^3.0.2",
-    "@pie-lib/plot": "^4.0.20",
-    "@pie-lib/render-ui": "^7.0.2",
+    "@pie-lib/plot": "^4.0.22-beta.1",
+    "@pie-lib/render-ui": "^6.1.0",
     "@pie-lib/translator": "^4.0.2",
-    "@visx/axis": "^4.0.0",
-    "@visx/clip-path": "^4.0.0",
-    "@visx/curve": "^4.0.0",
-    "@visx/event": "^4.0.0",
-    "@visx/grid": "^4.0.0",
-    "@visx/group": "^4.0.0",
-    "@visx/point": "^4.0.0",
-    "@visx/shape": "^4.0.0",
+    "@visx/axis": "^3.0.0",
+    "@visx/clip-path": "^3.0.0",
+    "@visx/curve": "^3.0.0",
+    "@visx/event": "^3.0.0",
+    "@visx/grid": "^3.0.0",
+    "@visx/group": "^3.0.0",
+    "@visx/point": "^3.0.0",
+    "@visx/shape": "^3.0.0",
     "classnames": "^2.2.6",
     "d3-scale": "^4.0.2",
     "d3-selection": "^3.0.0",
@@ -45,15 +45,15 @@
     "prop-types": "^15.7.2",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
-    "react-draggable": "^4.7.1",
+    "react-draggable": "^3.3.0",
     "react-input-autosize": "^2.2.1",
-    "react-redux": "^9.3.0",
-    "redux": "^5.0.1",
+    "react-redux": "^6.0.0",
+    "redux": "^4.0.1",
     "redux-undo": "^1.1.0"
   },
   "peerDependencies": {
     "react": "^18.2.0"
   },
-  "gitHead": "4b34d09e9d44b93b8238c1818fc6997c8fb696da",
+  "gitHead": "433bcb776c2975739e7417f133d31cd996164116",
   "scripts": {}
 }

package/src/mark-label.jsx

@@ -1,4 +1,4 @@
-import React, { useCallback, useEffect, useRef, useState } from 'react';
+import React, { useCallback, useEffect, useState } from 'react';
 import PropTypes from 'prop-types';
 import { styled, useTheme } from '@mui/material/styles';
 import AutosizeInput from 'react-input-autosize';
@@ -7,18 +7,6 @@ import { types } from '@pie-lib/plot';
 import { color } from '@pie-lib/render-ui';
 import SvgIcon from './label-svg-icon';
 
-const DEBOUNCE_DELAY = 500;
-// A new label insists on the focus and the caret for this long, and again on each of the ticks
-// below. No single moment is reliable: the authoring host re-renders the whole element while it
-// saves, and the input is replaced under this component more than once. Nothing typed yet is what
-// tells a transient blur apart from the user leaving the label.
-const INSIST_ON_FOCUS_FOR = 500;
-const INSIST_AT = [0, 50, 120, 250, 400, 700, 1000];
-// how many times a label will do the heavier focus cycle to get a caret back
-const MAX_CARET_CYCLES = 3;
-// how wide an editable label input is while it is empty
-const EMPTY_INPUT_WIDTH = 30;
-
 const StyledInputCorrect = styled('div')(({ theme }) => ({
   float: 'right',
   padding: theme.spacing(0.5),
@@ -115,28 +103,7 @@ export const coordinates = (graphProps, mark, rect = { width: 0, height: 0 }, po
   }
 };
 
-/**
- * Whether the document's caret is in this input. The characters land at the caret, not at the
- * focused node - an input can be the active element with no caret anywhere, and then keypress fires
- * and nothing is inserted, with nothing in the page cancelling anything.
- */
-const caretIsInside = (node) => {
-  if (typeof document === 'undefined' || !document.getSelection) {
-    return true;
-  }
-
-  const selection = document.getSelection();
-
-  if (!selection || !selection.rangeCount || !selection.anchorNode) {
-    return false;
-  }
-
-  const anchor = selection.anchorNode;
-
-  return anchor === node || anchor === node.parentNode || node.contains(anchor);
-};
-
-const LabelInput = ({ _ref, externalInputRef, label, disabled, inputStyle, minWidth, onChange, onBlur }) => (
+const LabelInput = ({ _ref, externalInputRef, label, disabled, inputStyle, onChange, onBlur }) => (
   <AutosizeInput
     inputRef={(r) => {
       _ref(r);
@@ -144,7 +111,6 @@ const LabelInput = ({ _ref, externalInputRef, label, disabled, inputStyle, minWi
     }}
     disabled={disabled}
     inputStyle={inputStyle}
-    minWidth={minWidth}
     value={label}
     onChange={onChange}
     onBlur={onBlur}
@@ -157,196 +123,42 @@ LabelInput.propTypes = {
   label: PropTypes.string,
   disabled: PropTypes.bool,
   inputStyle: PropTypes.object,
-  minWidth: PropTypes.number,
   onChange: PropTypes.func,
   onBlur: PropTypes.func,
 };
 
 export const MarkLabel = (props) => {
-  // the state repositions the label once the input has a size, the ref is never a render behind
-  const inputNode = useRef(null);
   const [input, setInput] = useState(null);
-  const _ref = useCallback((node) => {
-    inputNode.current = node;
-    setInput(node);
-  }, []);
+  const _ref = useCallback((node) => setInput(node));
   const theme = useTheme();
 
-  const { mark, graphProps, disabled, autoFocus, inputRef: externalInputRef } = props;
+  const { mark, graphProps, disabled, inputRef: externalInputRef } = props;
 
   const [label, setLabel] = useState(mark.label);
   const { correctness, correctnesslabel, correctlabel } = mark;
 
-  const isFocused = () =>
-    !!inputNode.current && typeof document !== 'undefined' && document.activeElement === inputNode.current;
-
-  // an empty label with an enabled input is one the user just added: label mode has to be on and it
-  // always starts off. Read from the mark, not from autoFocus, because the tool that asked for the
-  // label can be remounted by the marks coming back from the host before the input renders.
-  const isNewLabel = useRef(mark.label === '' && !disabled && !mark.disabled);
-  const insistUntil = useRef(0);
-  const lastSaved = useRef(mark.label);
-  const insisting = () => Date.now() < insistUntil.current && !(inputNode.current && inputNode.current.value);
-  // the whole window losing the focus is not the user leaving the label - another window, the
-  // devtools, or the host moving the focus while it saves. The window blur arrives before the
-  // input's own blur, so this flag is set by the time the label is asked to give itself up.
-  const windowAway = useRef(false);
-  // our own blur, from the focus cycle that puts a missing caret back
-  const selfFocusing = useRef(false);
-  const caretCycles = useRef(0);
-
   const onChange = (e) => setLabel(e.target.value);
 
-  const saveLabel = (value) => {
-    if (value === lastSaved.current) {
-      return;
-    }
-
-    lastSaved.current = value;
-    props.onChange(value);
-  };
-
   const handleBlur = useCallback(() => {
-    // in the DNA env the focus is moved while the model is saved - not the user leaving the label
-    if (insisting() || windowAway.current || selfFocusing.current) {
-      return;
-    }
-
-    isNewLabel.current = false;
-
     if (label === '') {
       props.onChange('');
-    } else if (label !== mark.label) {
-      // the debounce can still be pending, and once the focus is gone an echo of the model would
-      // overwrite what was typed before it fires
-      saveLabel(label);
-    }
-
-    // lets the tool know that this label is not being edited anymore, so it stops auto focusing it
-    if (props.onBlur) {
-      props.onBlur();
     }
-  }, [label, mark.label, props.onChange, props.onBlur]);
+  }, [label, props.onChange]);
 
-  const debouncedLabel = useDebounce(label, DEBOUNCE_DELAY);
+  const debouncedLabel = useDebounce(label, 200);
 
-  // props to state, but not while focused: the mark can come back from an async model save with an
-  // older label and overwrite what was typed meanwhile
+  // useState only sets the value once, to synch props to state need useEffect
   useEffect(() => {
-    if (isFocused()) {
-      return;
-    }
-
     setLabel(mark.label);
   }, [mark.label]);
 
   // pick up the change to debouncedLabel and save it
   useEffect(() => {
     if (typeof debouncedLabel === 'string' && debouncedLabel !== mark.label) {
-      saveLabel(debouncedLabel);
+      props.onChange(debouncedLabel);
     }
   }, [debouncedLabel]);
 
-  const focusInput = () => {
-    const node = inputNode.current;
-
-    // node.disabled, not the disabled prop: a disabled input silently ignores focus()
-    if ((!autoFocus && !isNewLabel.current && !insisting()) || !node || node.disabled) {
-      return;
-    }
-
-    const wasFocused = isFocused();
-
-    if (!wasFocused) {
-      node.focus();
-
-      // a new label is focused once, so it cannot fight over the focus with another one
-      if (isFocused()) {
-        isNewLabel.current = false;
-      }
-    }
-
-    if (!node.setSelectionRange) {
-      return;
-    }
-
-    // a label that was already being edited keeps the caret the user put in it; one that has just
-    // taken the focus gets it at the end, otherwise typing continues in front of the existing label
-    const keepCaret = wasFocused && node.value;
-    const start = keepCaret ? node.selectionStart : (node.value || '').length;
-    const end = keepCaret ? node.selectionEnd : start;
-
-    // The characters land at the document's caret, not at the focused node. An input focused while
-    // it was being replaced, or while the window was away, ends up as the active element with no
-    // caret anywhere: keypress fires and nothing is inserted, with nothing in the page cancelling
-    // anything. Re-asserting the range is what puts the caret back.
-    if (!caretIsInside(node)) {
-      node.setSelectionRange(start, end);
-    }
-
-    // and if it still is not there, a focus cycle is the heavier way to get it. Every focusInput
-    // call is another go at it - after each render, on each insist tick, and when the window comes
-    // back - up to a few times per label, since the state comes back as the input is replaced.
-    if (caretIsInside(node) || caretCycles.current >= MAX_CARET_CYCLES) {
-      return;
-    }
-
-    caretCycles.current += 1;
-    // our own blur, so the label is not given up over it
-    selfFocusing.current = true;
-    node.blur();
-    node.focus();
-    node.setSelectionRange(start, end);
-    selfFocusing.current = false;
-  };
-
-  // after every render: the input can appear a render or more later (the mark comes back from an
-  // async model save) and a replaced node loses the focus without this component being told
-  useEffect(() => focusInput());
-
-  // and again on a timer, for the DNA env, where the focus is moved once the renders are over. The
-  // original code focused from a setTimeout, which is what let it survive that.
-  useEffect(() => {
-    if (!autoFocus && !isNewLabel.current) {
-      return;
-    }
-
-    if (!insistUntil.current) {
-      insistUntil.current = Date.now() + INSIST_ON_FOCUS_FOR;
-    }
-
-    const timers = INSIST_AT.map((delay) => setTimeout(focusInput, delay));
-
-    return () => timers.forEach((t) => clearTimeout(t));
-  }, [autoFocus]);
-
-  // the blur that came with the window going away is ignored, so the label is still the one being
-  // edited when the window comes back and it takes the focus, and its selection, back
-  useEffect(() => {
-    const onWindowBlur = () => {
-      windowAway.current = true;
-    };
-
-    const onWindowFocus = () => {
-      // coming back only means something if the window went away: moving the focus from one element
-      // to another inside the page reaches window too in some implementations
-      if (!windowAway.current) {
-        return;
-      }
-
-      windowAway.current = false;
-      focusInput();
-    };
-
-    window.addEventListener('blur', onWindowBlur);
-    window.addEventListener('focus', onWindowFocus);
-
-    return () => {
-      window.removeEventListener('blur', onWindowBlur);
-      window.removeEventListener('focus', onWindowFocus);
-    };
-  }, [autoFocus]);
-
   const rect = input ? input.getBoundingClientRect() : { width: 0, height: 0 };
   const pos = position(graphProps, mark, rect);
   const leftTop = coordinates(graphProps, mark, rect, pos);
@@ -374,11 +186,6 @@ export const MarkLabel = (props) => {
       label={labelValue}
       disabled={disabledInput}
       inputStyle={inputStyle}
-      // an editable label sizes itself to its content, so an empty one is 2px wide: enough for the
-      // caret, not enough for anybody to see that the label is waiting to be typed into. Chrome
-      // does not blink the caret of an input inside an svg foreignObject, it only paints a hairline,
-      // so the box itself has to say that it has the focus.
-      minWidth={disabledInput ? 1 : EMPTY_INPUT_WIDTH}
       onChange={onChange}
       onBlur={handleBlur}
     />
@@ -423,19 +230,11 @@ export const MarkLabel = (props) => {
     return <StyledIncorrect style={style}>{renderInput(studentInputStyle, label)}</StyledIncorrect>;
   }
 
-  // an empty label that cannot be edited is just an empty box - the config draws the background
-  // marks into every correct answer graph too
-  if (disabledInput && !label) {
-    return null;
-  }
-
   return <div style={style}>{renderInput(getInputStyles(theme, disabled, mark.disabled), label)}</div>;
 };
 
 MarkLabel.propTypes = {
-  autoFocus: PropTypes.bool,
   disabled: PropTypes.bool,
-  onBlur: PropTypes.func,
   onChange: PropTypes.func,
   graphProps: types.GraphPropsType,
   inputRef: PropTypes.func,

package/src/tools/circle/component.jsx

@@ -49,16 +49,6 @@ export class RawBaseCircle extends React.Component {
     onClick: () => ({}),
   };
 
-  // which of from/to/middle has its label edited, null if none
-  state = { editingLabel: null };
-
-  componentDidUpdate(prevProps) {
-    // leaving label mode closes any label that is still being edited
-    if (prevProps.labelModeEnabled && !this.props.labelModeEnabled && this.state.editingLabel !== null) {
-      this.setState({ editingLabel: null });
-    }
-  }
-
   onChangePoint = (point) => {
     const { middle, onChange } = this.props;
     const { from, to } = point;
@@ -112,12 +102,6 @@ export class RawBaseCircle extends React.Component {
     changeMarkProps({ [type]: update });
   };
 
-  stopEditingLabel = () => {
-    if (this.state.editingLabel !== null) {
-      this.setState({ editingLabel: null });
-    }
-  };
-
   clickPoint = (point, type, data) => {
     const { changeMarkProps, disabled, from, to, middle, labelModeEnabled, limitLabeling, onClick } = this.props;
 
@@ -138,9 +122,9 @@ export class RawBaseCircle extends React.Component {
       [type]: { label: '', ...point },
     });
 
-    // MarkLabel focuses itself once it is rendered - it also holds on to the focus if the model
-    // that comes back from the host (api save) remounts the input.
-    this.setState({ editingLabel: type });
+    if (this.input[type]) {
+      this.input[type].focus();
+    }
   };
 
   input = {};
@@ -161,7 +145,6 @@ export class RawBaseCircle extends React.Component {
       labelNode,
       labelModeEnabled,
     } = this.props;
-    const { editingLabel } = this.state;
 
     const common = { onDragStart, onDragStop, graphProps, onClick };
     to = to || from;
@@ -176,11 +159,9 @@ export class RawBaseCircle extends React.Component {
         fromLabelNode = ReactDOM.createPortal(
           <MarkLabel
             inputRef={(r) => (this.input.from = r)}
-            autoFocus={editingLabel === 'from'}
             disabled={!labelModeEnabled}
             mark={from}
             graphProps={graphProps}
-            onBlur={this.stopEditingLabel}
             onChange={(label) => this.labelChange({ ...from, label }, 'from')}
           />,
           labelNode,
@@ -191,11 +172,9 @@ export class RawBaseCircle extends React.Component {
         toLabelNode = ReactDOM.createPortal(
           <MarkLabel
             inputRef={(r) => (this.input.to = r)}
-            autoFocus={editingLabel === 'to'}
             disabled={!labelModeEnabled}
             mark={to}
             graphProps={graphProps}
-            onBlur={this.stopEditingLabel}
             onChange={(label) => this.labelChange({ ...to, label }, 'to')}
           />,
           labelNode,
@@ -206,11 +185,9 @@ export class RawBaseCircle extends React.Component {
         circleLabelNode = ReactDOM.createPortal(
           <MarkLabel
             inputRef={(r) => (this.input.middle = r)}
-            autoFocus={editingLabel === 'middle'}
             disabled={!labelModeEnabled}
             mark={middle}
             graphProps={graphProps}
-            onBlur={this.stopEditingLabel}
             onChange={(label) => this.labelChange({ ...middle, label }, 'middle')}
           />,
           labelNode,