@pie-element/number-line 8.2.0 → 8.2.1-next.11

package/lib/number-line/graph/ticks.js

@@ -1,239 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = exports.Ticks = exports.TickValidator = exports.Tick = void 0;
-
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-
-var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
-
-var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
-
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
-var _react = _interopRequireDefault(require("react"));
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _tickUtils = require("./tick-utils");
-
-var _reactJss = _interopRequireDefault(require("react-jss"));
-
-var _renderUi = require("@pie-lib/pie-toolbox/render-ui");
-
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
-
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-
-var style = {
-  text: {
-    userSelect: 'none',
-    textAlign: 'center',
-    fill: _renderUi.color.primary()
-  },
-  line: {
-    stroke: _renderUi.color.primary()
-  }
-};
-
-var TickValidator = _propTypes["default"].shape({
-  /** the number of major ticks (including min + max)
-   * to display. cant be lower than 2.
-   */
-  major: function major(props, propName) {},
-
-  /** the number of minor ticks to display between major ticks.
-   * Can't be less than zero.
-   */
-  minor: function minor(props, propName, componentName) {
-    var minor = props[propName];
-
-    if (minor <= 0) {
-      return new Error("Invalid prop ".concat(propName, " must be > 0. ").concat(componentName));
-    }
-  }
-}).isRequired;
-
-exports.TickValidator = TickValidator;
-
-var Tick = /*#__PURE__*/function (_React$Component) {
-  (0, _inherits2["default"])(Tick, _React$Component);
-
-  var _super = _createSuper(Tick);
-
-  function Tick(props) {
-    var _this;
-
-    (0, _classCallCheck2["default"])(this, Tick);
-    _this = _super.call(this, props);
-    _this.wasRendered = false;
-    return _this;
-  }
-
-  (0, _createClass2["default"])(Tick, [{
-    key: "componentDidMount",
-    value: function componentDidMount() {
-      //center align the tick text
-      if (this.text) {
-        var fraction = this.props.fraction;
-
-        var _this$text$getBBox = this.text.getBBox(),
-            width = _this$text$getBBox.width;
-
-        this.text.setAttribute('x', width / 2 * -1);
-
-        if (fraction && !this.wasRendered) {
-          // used for rendering the line fraction
-          this.wasRendered = true;
-          this.forceUpdate();
-        }
-      }
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var _this2 = this;
-
-      //the domain value
-      var _this$props = this.props,
-          x = _this$props.x,
-          y = _this$props.y,
-          type = _this$props.type,
-          classes = _this$props.classes,
-          xScale = _this$props.xScale,
-          fraction = _this$props.fraction;
-      var displayFraction = fraction && x.n !== x.d && x.n !== 0 && x.d !== 1;
-      var labelTick = type === 'major';
-      var height = labelTick ? 20 : 10;
-
-      var _ref = this.text && this.text.getBBox() || {},
-          _ref$width = _ref.width,
-          textWidth = _ref$width === void 0 ? 0 : _ref$width,
-          _ref$height = _ref.height,
-          textHeight = _ref$height === void 0 ? 0 : _ref$height,
-          _ref$x = _ref.x,
-          textX = _ref$x === void 0 ? 0 : _ref$x,
-          _ref$y = _ref.y,
-          textY = _ref$y === void 0 ? 0 : _ref$y;
-
-      var xText = !fraction ? Number(x.toFixed(3)) : !displayFraction ? x.n * x.s : /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("tspan", {
-        x: "0",
-        dy: "0.71em"
-      }, x.n * x.s), /*#__PURE__*/_react["default"].createElement("tspan", {
-        x: "0",
-        dy: "1.11em"
-      }, x.d));
-      return /*#__PURE__*/_react["default"].createElement("g", {
-        opacity: "1",
-        transform: "translate(".concat(xScale(x), ", ").concat(y, ")")
-      }, /*#__PURE__*/_react["default"].createElement("line", {
-        className: classes.line,
-        y1: height / 2 * -1,
-        y2: height / 2,
-        x1: "0.5",
-        x2: "0.5"
-      }), displayFraction && /*#__PURE__*/_react["default"].createElement("line", {
-        className: classes.line,
-        x1: textX,
-        x2: textX + textWidth,
-        y1: textY + textHeight / 2,
-        y2: textY + textHeight / 2
-      }), labelTick && /*#__PURE__*/_react["default"].createElement("text", {
-        ref: function ref(text) {
-          return _this2.text = text;
-        },
-        className: classes.text,
-        y: "14",
-        width: "10",
-        dy: "0.71em",
-        textAnchor: displayFraction && 'middle'
-      }, xText));
-    }
-  }]);
-  return Tick;
-}(_react["default"].Component);
-
-exports.Tick = Tick;
-(0, _defineProperty2["default"])(Tick, "propTypes", {
-  classes: _propTypes["default"].object.isRequired,
-  y: _propTypes["default"].number.isRequired,
-  x: _propTypes["default"].number.isRequired,
-  major: _propTypes["default"].bool,
-  fraction: _propTypes["default"].bool,
-  xScale: _propTypes["default"].func,
-  type: _propTypes["default"].string
-});
-(0, _defineProperty2["default"])(Tick, "defaultProps", {
-  major: false
-});
-
-var Ticks = /*#__PURE__*/function (_React$Component2) {
-  (0, _inherits2["default"])(Ticks, _React$Component2);
-
-  var _super2 = _createSuper(Ticks);
-
-  function Ticks() {
-    (0, _classCallCheck2["default"])(this, Ticks);
-    return _super2.apply(this, arguments);
-  }
-
-  (0, _createClass2["default"])(Ticks, [{
-    key: "render",
-    value: function render() {
-      var _this$props2 = this.props,
-          domain = _this$props2.domain,
-          width = _this$props2.width,
-          ticks = _this$props2.ticks,
-          y = _this$props2.y,
-          classes = _this$props2.classes,
-          fraction = _this$props2.fraction;
-      var xScale = this.context.xScale;
-      var tickData = (0, _tickUtils.buildTickData)(domain, width, ticks, {
-        fraction: fraction
-      });
-      return /*#__PURE__*/_react["default"].createElement("g", null, tickData.map(function (_ref2) {
-        var x = _ref2.x,
-            type = _ref2.type;
-        return /*#__PURE__*/_react["default"].createElement(Tick, {
-          classes: classes,
-          fraction: fraction,
-          x: x,
-          y: y,
-          type: type,
-          xScale: xScale,
-          key: "".concat(x, "-").concat(type, "-").concat(fraction)
-        });
-      }));
-    }
-  }]);
-  return Ticks;
-}(_react["default"].Component);
-
-exports.Ticks = Ticks;
-(0, _defineProperty2["default"])(Ticks, "contextTypes", {
-  xScale: _propTypes["default"].func.isRequired
-});
-(0, _defineProperty2["default"])(Ticks, "propTypes", {
-  classes: _propTypes["default"].object.isRequired,
-  domain: _propTypes["default"].shape({
-    min: _propTypes["default"].number.isRequired,
-    max: _propTypes["default"].number.isRequired
-  }).isRequired,
-  fraction: _propTypes["default"].bool,
-  width: _propTypes["default"].number,
-  ticks: TickValidator,
-  y: _propTypes["default"].number.isRequired
-});
-
-var _default = (0, _reactJss["default"])(style)(Ticks);
-
-exports["default"] = _default;
-//# sourceMappingURL=ticks.js.map

package/lib/number-line/graph/ticks.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/number-line/graph/ticks.jsx"],"names":["style","text","userSelect","textAlign","fill","color","primary","line","stroke","TickValidator","PropTypes","shape","major","props","propName","minor","componentName","Error","isRequired","Tick","wasRendered","fraction","getBBox","width","setAttribute","forceUpdate","x","y","type","classes","xScale","displayFraction","n","d","labelTick","height","textWidth","textHeight","textX","textY","xText","Number","toFixed","s","React","Component","object","number","bool","func","string","Ticks","domain","ticks","context","tickData","map","min","max"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { buildTickData, isMultiple } from './tick-utils';\nimport injectSheet from 'react-jss';\nimport { color } from '@pie-lib/pie-toolbox/render-ui';\n\nconst style = {\n  text: {\n    userSelect: 'none',\n    textAlign: 'center',\n    fill: color.primary(),\n  },\n  line: {\n    stroke: color.primary(),\n  },\n};\n\nexport const TickValidator = PropTypes.shape({\n  /** the number of major ticks (including min + max)\n   * to display. cant be lower than 2.\n   */\n  major: (props, propName) => {},\n  /** the number of minor ticks to display between major ticks.\n   * Can't be less than zero.\n   */\n  minor: (props, propName, componentName) => {\n    let minor = props[propName];\n    if (minor <= 0) {\n      return new Error(`Invalid prop ${propName} must be > 0. ${componentName}`);\n    }\n  },\n}).isRequired;\n\nexport class Tick extends React.Component {\n  static propTypes = {\n    classes: PropTypes.object.isRequired,\n    y: PropTypes.number.isRequired,\n    x: PropTypes.number.isRequired,\n    major: PropTypes.bool,\n    fraction: PropTypes.bool,\n    xScale: PropTypes.func,\n    type: PropTypes.string,\n  };\n\n  static defaultProps = {\n    major: false,\n  };\n\n  constructor(props) {\n    super(props);\n    this.wasRendered = false;\n  }\n\n  componentDidMount() {\n    //center align the tick text\n    if (this.text) {\n      const { fraction } = this.props;\n      let { width } = this.text.getBBox();\n      this.text.setAttribute('x', (width / 2) * -1);\n\n      if (fraction && !this.wasRendered) {\n        // used for rendering the line fraction\n        this.wasRendered = true;\n        this.forceUpdate();\n      }\n    }\n  }\n\n  render() {\n    //the domain value\n    let { x, y, type, classes, xScale, fraction } = this.props;\n    const displayFraction = fraction && x.n !== x.d && x.n !== 0 && x.d !== 1;\n    const labelTick = type === 'major';\n    const height = labelTick ? 20 : 10;\n    const {\n      width: textWidth = 0,\n      height: textHeight = 0,\n      x: textX = 0,\n      y: textY = 0,\n    } = (this.text && this.text.getBBox()) || {};\n\n    const xText = !fraction ? (\n      Number(x.toFixed(3))\n    ) : !displayFraction ? (\n      x.n * x.s\n    ) : (\n      <React.Fragment>\n        <tspan x=\"0\" dy=\"0.71em\">\n          {x.n * x.s}\n        </tspan>\n        <tspan x=\"0\" dy=\"1.11em\">\n          {x.d}\n        </tspan>\n      </React.Fragment>\n    );\n\n    return (\n      <g opacity=\"1\" transform={`translate(${xScale(x)}, ${y})`}>\n        <line className={classes.line} y1={(height / 2) * -1} y2={height / 2} x1=\"0.5\" x2=\"0.5\" />\n\n        {displayFraction && (\n          <line\n            className={classes.line}\n            x1={textX}\n            x2={textX + textWidth}\n            y1={textY + textHeight / 2}\n            y2={textY + textHeight / 2}\n          />\n        )}\n\n        {labelTick && (\n          <text\n            ref={(text) => (this.text = text)}\n            className={classes.text}\n            y=\"14\"\n            width=\"10\"\n            dy=\"0.71em\"\n            textAnchor={displayFraction && 'middle'}\n          >\n            {xText}\n          </text>\n        )}\n      </g>\n    );\n  }\n}\n\nexport class Ticks extends React.Component {\n  static contextTypes = {\n    xScale: PropTypes.func.isRequired,\n  };\n\n  static propTypes = {\n    classes: PropTypes.object.isRequired,\n    domain: PropTypes.shape({\n      min: PropTypes.number.isRequired,\n      max: PropTypes.number.isRequired,\n    }).isRequired,\n    fraction: PropTypes.bool,\n    width: PropTypes.number,\n    ticks: TickValidator,\n    y: PropTypes.number.isRequired,\n  };\n\n  render() {\n    let { domain, width, ticks, y, classes, fraction } = this.props;\n    let { xScale } = this.context;\n\n    const tickData = buildTickData(domain, width, ticks, { fraction });\n\n    return (\n      <g>\n        {tickData.map(({ x, type }) => {\n          return (\n            <Tick\n              classes={classes}\n              fraction={fraction}\n              x={x}\n              y={y}\n              type={type}\n              xScale={xScale}\n              key={`${x}-${type}-${fraction}`}\n            />\n          );\n        })}\n      </g>\n    );\n  }\n}\n\nexport default injectSheet(style)(Ticks);\n"],"file":"ticks.js"}

package/lib/number-line/index.js

@@ -1,422 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "Graph", {
-  enumerable: true,
-  get: function get() {
-    return _graph["default"];
-  }
-});
-exports["default"] = exports.NumberLine = void 0;
-
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-
-var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
-
-var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
-
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
-var _feedback = _interopRequireDefault(require("./feedback"));
-
-var _graph = _interopRequireDefault(require("./graph"));
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _pointChooser = _interopRequireDefault(require("./point-chooser"));
-
-var _react = _interopRequireDefault(require("react"));
-
-var _correctAnswerToggle = _interopRequireDefault(require("@pie-lib/pie-toolbox/correct-answer-toggle"));
-
-var _builder = require("./graph/elements/builder");
-
-var _classnames = _interopRequireDefault(require("classnames"));
-
-var _cloneDeep = _interopRequireDefault(require("lodash/cloneDeep"));
-
-var _renderUi = require("@pie-lib/pie-toolbox/render-ui");
-
-var _reactJss = _interopRequireDefault(require("react-jss"));
-
-var _isArray = _interopRequireDefault(require("lodash/isArray"));
-
-var _isNumber = _interopRequireDefault(require("lodash/isNumber"));
-
-var _isEqual = _interopRequireDefault(require("lodash/isEqual"));
-
-var _translator = _interopRequireDefault(require("@pie-lib/pie-toolbox/translator"));
-
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
-
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-
-var translator = _translator["default"].translator;
-var styles = {
-  mainContainer: {
-    color: _renderUi.color.text(),
-    backgroundColor: _renderUi.color.background()
-  },
-  graphTitle: {
-    textAlign: 'center',
-    pointerEvents: 'none',
-    userSelect: 'none'
-  },
-  numberLine: {
-    boxSizing: 'unset'
-  },
-  toggle: {
-    marginBottom: '16px'
-  },
-  black_on_rose: {
-    backgroundColor: 'mistyrose'
-  },
-  white_on_black: {
-    backgroundColor: 'black',
-    '--correct-answer-toggle-label-color': 'white',
-    '--tick-color': 'white',
-    '--line-stroke': 'white',
-    '--arrow-color': 'white',
-    '--point-stroke': 'white',
-    '--point-fill': 'black'
-  },
-  prompt: {
-    verticalAlign: 'middle',
-    marginBottom: '16px'
-  }
-};
-
-var NumberLine = /*#__PURE__*/function (_React$Component) {
-  (0, _inherits2["default"])(NumberLine, _React$Component);
-
-  var _super = _createSuper(NumberLine);
-
-  function NumberLine(props, context) {
-    var _this;
-
-    (0, _classCallCheck2["default"])(this, NumberLine);
-    _this = _super.call(this, props, context);
-    var initialType = props.model.graph ? props.model.graph.initialType : null;
-    initialType = initialType ? initialType.toLowerCase() : _pointChooser["default"].DEFAULT_TYPE;
-    _this.state = {
-      selectedElements: [],
-      elementType: initialType,
-      answers: props.answer
-    };
-    return _this;
-  }
-
-  (0, _createClass2["default"])(NumberLine, [{
-    key: "toggleElement",
-    value: function toggleElement(index) {
-      var selected = [];
-
-      if (this.state.selectedElements.indexOf(index) === -1) {
-        selected = this.state.selectedElements.concat([index]);
-      } else {
-        selected = this.state.selectedElements.filter(function (e) {
-          return e !== index;
-        });
-      }
-
-      this.setState({
-        selectedElements: selected
-      });
-    }
-  }, {
-    key: "elementTypeSelected",
-    value: function elementTypeSelected(t) {
-      this.setState({
-        elementType: t
-      });
-    }
-  }, {
-    key: "addElement",
-    value: function addElement(x) {
-      var _this2 = this;
-
-      if (this.hasMaxNoOfPoints()) {
-        this.setState({
-          showMaxPointsWarning: true
-        });
-        setTimeout(function () {
-          _this2.setState({
-            showMaxPointsWarning: false
-          });
-        }, 2000);
-        return;
-      }
-
-      var _this$props$model$gra = this.props.model.graph,
-          ticks = _this$props$model$gra.ticks,
-          domain = _this$props$model$gra.domain;
-      var elementData = (0, _builder.buildElementModel)(x, this.state.elementType, domain, ticks.minor);
-
-      if (elementData) {
-        var answers = this.state.answers;
-        var contains = answers.some(function (element) {
-          return (0, _isEqual["default"])(element, elementData);
-        });
-
-        if (!contains) {
-          answers.push(elementData);
-          this.setState({
-            answers: answers
-          });
-          this.props.onAddElement(elementData);
-        }
-      }
-    }
-  }, {
-    key: "hasMaxNoOfPoints",
-    value: function hasMaxNoOfPoints() {
-      var _this$props = this.props,
-          answer = _this$props.answer,
-          maxNumberOfPoints = _this$props.model.graph.maxNumberOfPoints;
-      return (0, _isNumber["default"])(maxNumberOfPoints) && maxNumberOfPoints > 0 && (answer || []).length >= maxNumberOfPoints;
-    }
-  }, {
-    key: "UNSAFE_componentWillReceiveProps",
-    value: function UNSAFE_componentWillReceiveProps(nextProps) {
-      var answer = nextProps.answer;
-
-      if (!(0, _isEqual["default"])(this.state.answers, answer)) {
-        this.setState({
-          showCorrectAnswer: false,
-          answers: answer
-        });
-      }
-    }
-  }, {
-    key: "deselectElements",
-    value: function deselectElements() {
-      this.setState({
-        selectedElements: []
-      });
-    }
-  }, {
-    key: "getSize",
-    value: function getSize(type, min, max, defaultValue) {
-      var graph = this.props.model.graph;
-
-      if (graph && graph[type]) {
-        return Math.max(min, Math.min(max, graph[type]));
-      } else {
-        return defaultValue;
-      }
-    }
-  }, {
-    key: "undo",
-    value: function undo() {
-      var answers = this.state.answers;
-      var onUndoElement = this.props.onUndoElement;
-      answers.pop();
-      this.setState({
-        answers: answers
-      });
-      onUndoElement();
-    }
-  }, {
-    key: "clearAll",
-    value: function clearAll() {
-      var onClearElements = this.props.onClearElements;
-      this.setState({
-        answers: []
-      });
-      onClearElements();
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var _this3 = this;
-
-      var _this$props2 = this.props,
-          model = _this$props2.model,
-          classes = _this$props2.classes,
-          onDeleteElements = _this$props2.onDeleteElements,
-          onMoveElement = _this$props2.onMoveElement,
-          _this$props2$minWidth = _this$props2.minWidth,
-          minWidth = _this$props2$minWidth === void 0 ? 400 : _this$props2$minWidth,
-          _this$props2$maxWidth = _this$props2.maxWidth,
-          maxWidth = _this$props2$maxWidth === void 0 ? 1600 : _this$props2$maxWidth,
-          maxHeight = _this$props2.maxHeight;
-      var _this$state = this.state,
-          showCorrectAnswer = _this$state.showCorrectAnswer,
-          answers = _this$state.answers,
-          selectedElements = _this$state.selectedElements,
-          showMaxPointsWarning = _this$state.showMaxPointsWarning,
-          elementType = _this$state.elementType;
-      var _model$corrected = model.corrected,
-          corrected = _model$corrected === void 0 ? {
-        correct: [],
-        incorrect: []
-      } : _model$corrected,
-          disabled = model.disabled,
-          graph = model.graph,
-          correctResponse = model.correctResponse,
-          prompt = model.prompt,
-          emptyAnswer = model.emptyAnswer,
-          feedback = model.feedback,
-          colorContrast = model.colorContrast,
-          language = model.language;
-      var addElement = this.addElement.bind(this);
-      var elementsSelected = !disabled && selectedElements && selectedElements.length > 0;
-      var ticks = graph.ticks,
-          domain = graph.domain,
-          arrows = graph.arrows,
-          maxNumberOfPoints = graph.maxNumberOfPoints,
-          _graph$height = graph.height,
-          height = _graph$height === void 0 ? 100 : _graph$height,
-          availableTypes = graph.availableTypes,
-          title = graph.title,
-          fraction = graph.fraction;
-      var width = this.getSize('width', minWidth, maxWidth, 600);
-      var graphProps = {
-        disabled: disabled,
-        domain: domain,
-        ticks: ticks,
-        width: width,
-        height: (height > maxHeight ? maxHeight : height) || 100,
-        arrows: arrows,
-        fraction: fraction
-      };
-
-      var getAnswerElements = function getAnswerElements() {
-        return (answers || []).map(function (e, index) {
-          var out = (0, _cloneDeep["default"])(e);
-          out.selected = selectedElements.indexOf(index) !== -1;
-          out.correct = corrected.correct.includes(index) ? true : corrected.incorrect.includes(index) ? false : undefined;
-          return out;
-        });
-      };
-
-      var getCorrectAnswerElements = function getCorrectAnswerElements() {
-        return (correctResponse || []).map(function (r) {
-          r.correct = true;
-          return r;
-        });
-      };
-
-      var elements = showCorrectAnswer ? getCorrectAnswerElements() : getAnswerElements();
-
-      var maxPointsMessage = function maxPointsMessage() {
-        return maxNumberOfPoints == 1 ? translator.t('numberLine.addElementLimit_one', {
-          lng: language,
-          count: 1
-        }) : translator.t('numberLine.addElementLimit_other', {
-          lng: language,
-          count: maxNumberOfPoints
-        });
-      };
-
-      var deleteElements = function deleteElements() {
-        onDeleteElements(selectedElements);
-        answers = answers.filter(function (v, index) {
-          return !selectedElements.some(function (d) {
-            return d === index;
-          });
-        });
-
-        _this3.setState({
-          selectedElements: [],
-          answers: answers
-        });
-      };
-
-      var getIcons = function getIcons() {
-        if (availableTypes) {
-          return Object.keys(availableTypes).filter(function (k) {
-            return availableTypes[k];
-          }).map(function (k) {
-            return k.toLowerCase();
-          });
-        }
-      };
-
-      var onShowCorrectAnswer = function onShowCorrectAnswer(show) {
-        _this3.setState({
-          showCorrectAnswer: show
-        });
-      };
-
-      var adjustedWidth = graphProps.width - 20;
-      var names = (0, _classnames["default"])(classes.numberLine, classes.mainContainer, classes[colorContrast]);
-      return /*#__PURE__*/_react["default"].createElement("div", {
-        className: names,
-        style: {
-          width: width
-        }
-      }, prompt && /*#__PURE__*/_react["default"].createElement("div", {
-        className: classes.prompt
-      }, /*#__PURE__*/_react["default"].createElement(_renderUi.PreviewPrompt, {
-        prompt: prompt
-      })), !disabled && /*#__PURE__*/_react["default"].createElement("div", {
-        style: {
-          width: adjustedWidth
-        },
-        className: classes.toggle
-      }, /*#__PURE__*/_react["default"].createElement(_correctAnswerToggle["default"], {
-        show: (0, _isArray["default"])(correctResponse) && correctResponse.length && !emptyAnswer,
-        toggled: showCorrectAnswer,
-        onToggle: onShowCorrectAnswer,
-        initialValue: false,
-        language: language
-      })), !disabled && /*#__PURE__*/_react["default"].createElement(_pointChooser["default"], {
-        elementType: elementType,
-        showDeleteButton: elementsSelected,
-        onDeleteClick: deleteElements,
-        onElementType: this.elementTypeSelected.bind(this),
-        onClearElements: this.clearAll.bind(this),
-        onUndoElement: this.undo.bind(this),
-        icons: getIcons(),
-        language: language
-      }), /*#__PURE__*/_react["default"].createElement(_graph["default"], (0, _extends2["default"])({}, graphProps, {
-        elements: elements,
-        onAddElement: addElement,
-        onMoveElement: onMoveElement,
-        onToggleElement: this.toggleElement.bind(this),
-        onDeselectElements: this.deselectElements.bind(this),
-        debug: false
-      })), title && /*#__PURE__*/_react["default"].createElement("div", {
-        className: classes.graphTitle,
-        dangerouslySetInnerHTML: {
-          __html: title
-        }
-      }), showMaxPointsWarning && /*#__PURE__*/_react["default"].createElement(_feedback["default"], {
-        type: "info",
-        width: adjustedWidth,
-        message: maxPointsMessage()
-      }), feedback && !showCorrectAnswer && /*#__PURE__*/_react["default"].createElement(_feedback["default"], (0, _extends2["default"])({}, feedback, {
-        width: adjustedWidth
-      })));
-    }
-  }]);
-  return NumberLine;
-}(_react["default"].Component);
-
-exports.NumberLine = NumberLine;
-(0, _defineProperty2["default"])(NumberLine, "propTypes", {
-  onMoveElement: _propTypes["default"].func.isRequired,
-  onDeleteElements: _propTypes["default"].func.isRequired,
-  onAddElement: _propTypes["default"].func.isRequired,
-  onUndoElement: _propTypes["default"].func.isRequired,
-  onClearElements: _propTypes["default"].func.isRequired,
-  model: _propTypes["default"].object.isRequired,
-  answer: _propTypes["default"].array,
-  classes: _propTypes["default"].object.isRequired
-});
-
-var _default = (0, _reactJss["default"])(styles)(NumberLine);
-
-exports["default"] = _default;
-//# sourceMappingURL=index.js.map