@pie-element/number-line 6.6.0 → 6.6.1-beta.1

package/configure/lib/main.js

@@ -1,630 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.toPointType = exports["default"] = exports.Main = void 0;
-
-var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-
-var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
-
-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 _configUi = require("@pie-lib/config-ui");
-
-var _editableHtml = _interopRequireDefault(require("@pie-lib/editable-html"));
-
-var _numberLine = require("@pie-element/number-line");
-
-var _numberTextField = _interopRequireDefault(require("./number-text-field"));
-
-var _cardBar = _interopRequireDefault(require("./card-bar"));
-
-var _size = _interopRequireDefault(require("./size"));
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _domain = _interopRequireDefault(require("./domain"));
-
-var _arrows = _interopRequireDefault(require("./arrows"));
-
-var _pointConfig = _interopRequireDefault(require("./point-config"));
-
-var _cloneDeep = _interopRequireDefault(require("lodash/cloneDeep"));
-
-var _styles = require("@material-ui/core/styles");
-
-var _Button = _interopRequireDefault(require("@material-ui/core/Button"));
-
-var _Info = _interopRequireDefault(require("@material-ui/icons/Info"));
-
-var _Tooltip = _interopRequireDefault(require("@material-ui/core/Tooltip"));
-
-var _ticks = _interopRequireDefault(require("./ticks"));
-
-var _defaults = require("./defaults");
-
-var _utils = require("./utils");
-
-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; } }
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-var trimModel = function trimModel(model) {
-  return _objectSpread(_objectSpread({}, model), {}, {
-    feedback: undefined,
-    prompt: undefined,
-    graph: _objectSpread(_objectSpread({}, model.graph), {}, {
-      title: undefined
-    }),
-    correctResponse: undefined
-  });
-};
-
-var lineIsSwitched = _numberLine.dataConverter.lineIsSwitched,
-    switchGraphLine = _numberLine.dataConverter.switchGraphLine,
-    toGraphFormat = _numberLine.dataConverter.toGraphFormat,
-    toSessionFormat = _numberLine.dataConverter.toSessionFormat;
-
-var styles = function styles(theme) {
-  return {
-    maxNumberOfPoints: {
-      width: '150px'
-    },
-    checkbox: {
-      marginTop: theme.spacing.unit * 2
-    },
-    row: {
-      display: 'flex',
-      flexWrap: 'wrap',
-      '& > *': {
-        paddingRight: theme.spacing.unit * 2
-      }
-    },
-    hide: {
-      opacity: 0.5
-    },
-    resetDefaults: {
-      margin: '20px 0'
-    },
-    pointTypeChooser: {
-      margin: "".concat(theme.spacing.unit * 2.5, "px 0")
-    },
-    promptHolder: {
-      width: '100%',
-      paddingBottom: theme.spacing.unit * 2,
-      marginBottom: theme.spacing.unit * 2
-    },
-    prompt: {
-      paddingTop: theme.spacing.unit * 2,
-      width: '100%'
-    },
-    section: {
-      margin: 0,
-      padding: 0
-    },
-    tooltip: {
-      fontSize: theme.typography.fontSize - 2,
-      whiteSpace: 'pre',
-      maxWidth: '500px'
-    },
-    inlineFlexContainer: {
-      display: 'inline-flex'
-    },
-    errorText: {
-      fontSize: theme.typography.fontSize - 2,
-      color: 'red',
-      paddingTop: theme.spacing.unit
-    }
-  };
-};
-
-var toPointType = function toPointType(response) {
-  function rest(response) {
-    if (response.pointType) {
-      if (response.direction) {
-        return "".concat(response.pointType[0]).concat(response.direction[0]);
-      }
-
-      return response.pointType[0];
-    }
-
-    return "".concat(response.leftPoint[0]).concat(response.rightPoint[0]);
-  }
-
-  return "".concat(response.type[0]).concat(rest(response)).toUpperCase();
-};
-
-exports.toPointType = toPointType;
-
-var Main = /*#__PURE__*/function (_React$Component) {
-  (0, _inherits2["default"])(Main, _React$Component);
-
-  var _super = _createSuper(Main);
-
-  function Main(props) {
-    var _this;
-
-    (0, _classCallCheck2["default"])(this, Main);
-    _this = _super.call(this, props);
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "graphChange", function (obj) {
-      var _this$props = _this.props,
-          model = _this$props.model,
-          onChange = _this$props.onChange;
-
-      var graph = _objectSpread(_objectSpread({}, model.graph), obj);
-
-      onChange({
-        graph: graph
-      });
-    });
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "changeSize", function (_ref) {
-      var width = _ref.width,
-          height = _ref.height;
-      return _this.graphChange({
-        width: width,
-        height: height
-      });
-    });
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "getAdjustedHeight", function (availableTypes, maxNumberOfPoints) {
-      var onlyPFAvailable = true;
-      Object.entries(availableTypes || {}).forEach(function (_ref2) {
-        var _ref3 = (0, _slicedToArray2["default"])(_ref2, 2),
-            type = _ref3[0],
-            value = _ref3[1];
-
-        if (type !== 'PF' && value) {
-          onlyPFAvailable = false;
-          return;
-        }
-      });
-      return maxNumberOfPoints && (maxNumberOfPoints === 1 || onlyPFAvailable) ? 100 : 50 + (maxNumberOfPoints || 20) * 25;
-    });
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "changeMaxNoOfPoints", function (e, maxNumberOfPoints) {
-      var availableTypes = _this.props.model.graph.availableTypes;
-
-      var height = _this.getAdjustedHeight(availableTypes, maxNumberOfPoints);
-
-      _this.graphChange({
-        maxNumberOfPoints: maxNumberOfPoints,
-        height: height
-      });
-    });
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "changeGraphTitle", function (title) {
-      return _this.graphChange({
-        title: title
-      });
-    });
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "changeTicks", function (ticks) {
-      var _this$props2 = _this.props,
-          model = _this$props2.model,
-          onChange = _this$props2.onChange;
-
-      var correctResponse = _numberLine.tickUtils.snapElements(model.graph.domain, ticks, model.correctResponse);
-
-      var initialElements = _numberLine.tickUtils.snapElements(model.graph.domain, ticks, model.graph.initialElements);
-
-      var graph = _objectSpread(_objectSpread({}, model.graph), {}, {
-        ticks: ticks,
-        initialElements: initialElements
-      });
-
-      onChange({
-        graph: graph,
-        correctResponse: correctResponse
-      });
-    });
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "changeArrows", function (arrows) {
-      return _this.graphChange({
-        arrows: arrows
-      });
-    });
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "setDefaults", function () {
-      var _defaultModel$graph = _defaults.model.graph,
-          availableTypes = _defaultModel$graph.availableTypes,
-          maxNumberOfPoints = _defaultModel$graph.maxNumberOfPoints;
-
-      var height = _this.getAdjustedHeight(availableTypes, maxNumberOfPoints);
-
-      var graph = _objectSpread(_objectSpread({}, (0, _cloneDeep["default"])(_defaults.model.graph)), {}, {
-        height: height
-      });
-
-      _this.props.onChange({
-        graph: graph
-      });
-    });
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "exhibitChanged", function (event, value) {
-      var graph = _objectSpread(_objectSpread({}, _this.props.model.graph), {}, {
-        exhibitOnly: value
-      });
-
-      _this.props.onChange({
-        graph: graph
-      });
-    });
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "moveCorrectResponse", function (index, el, position) {
-      el.position = position;
-      var _this$props3 = _this.props,
-          onChange = _this$props3.onChange,
-          model = _this$props3.model;
-      var update = toSessionFormat(el.type === 'line' && lineIsSwitched(el) ? switchGraphLine(el) : el);
-      var correctResponse = (0, _toConsumableArray2["default"])(model.correctResponse);
-      correctResponse[index] = update;
-      onChange({
-        correctResponse: correctResponse
-      });
-    });
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "moveInitialView", function (index, el, position) {
-      el.position = position;
-      var _this$props4 = _this.props,
-          model = _this$props4.model,
-          onChange = _this$props4.onChange;
-      var update = toSessionFormat(el.type === 'line' && lineIsSwitched(el) ? switchGraphLine(el) : el);
-      var initialElements = (0, _toConsumableArray2["default"])(model.graph.initialElements);
-      initialElements[index] = update;
-
-      var graph = _objectSpread(_objectSpread({}, model.graph), {}, {
-        initialElements: initialElements
-      });
-
-      onChange({
-        graph: graph
-      });
-    });
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "availableTypesChange", function (availableTypes) {
-      var _this$props5 = _this.props,
-          model = _this$props5.model,
-          onChange = _this$props5.onChange;
-      var correctResponse = model.correctResponse,
-          maxNumberOfPoints = model.graph.maxNumberOfPoints;
-      new Set(correctResponse.map(toPointType)).forEach(function (pointType) {
-        availableTypes[pointType] = true;
-      });
-
-      var height = _this.getAdjustedHeight(availableTypes, maxNumberOfPoints);
-
-      var graph = _objectSpread(_objectSpread({}, model.graph), {}, {
-        availableTypes: availableTypes,
-        height: height
-      });
-
-      onChange({
-        graph: graph
-      });
-    });
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "deleteCorrectResponse", function (indices) {
-      var _this$props6 = _this.props,
-          model = _this$props6.model,
-          onChange = _this$props6.onChange;
-      var correctResponse = model.correctResponse.filter(function (v, index) {
-        return !indices.some(function (d) {
-          return d === index;
-        });
-      });
-      onChange({
-        correctResponse: correctResponse
-      });
-    });
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "deleteInitialView", function (indices) {
-      var _this$props7 = _this.props,
-          model = _this$props7.model,
-          onChange = _this$props7.onChange;
-      var initialElements = model.graph.initialElements.filter(function (v, index) {
-        return !indices.some(function (d) {
-          return d === index;
-        });
-      });
-
-      var graph = _objectSpread(_objectSpread({}, model.graph), {}, {
-        initialElements: initialElements
-      });
-
-      onChange({
-        graph: graph
-      });
-    });
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "addCorrectResponse", function (data) {
-      var _this$props8 = _this.props,
-          model = _this$props8.model,
-          onChange = _this$props8.onChange;
-      var correctResponse = (0, _toConsumableArray2["default"])(model.correctResponse);
-      correctResponse.push(toSessionFormat(data));
-      onChange({
-        correctResponse: correctResponse
-      });
-    });
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "addInitialView", function (data) {
-      var _this$props9 = _this.props,
-          onChange = _this$props9.onChange,
-          model = _this$props9.model;
-
-      var graph = _objectSpread({}, model.graph);
-
-      graph.initialElements = graph.initialElements || [];
-      graph.initialElements.push(toSessionFormat(data));
-      onChange({
-        graph: graph
-      });
-    });
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "clearCorrectResponse", function () {
-      var onChange = _this.props.onChange;
-      onChange({
-        correctResponse: []
-      });
-    });
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "clearInitialView", function () {
-      var _this$props10 = _this.props,
-          model = _this$props10.model,
-          onChange = _this$props10.onChange;
-
-      var graph = _objectSpread(_objectSpread({}, model.graph), {}, {
-        initialElements: []
-      });
-
-      onChange({
-        graph: graph
-      });
-    });
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "undoCorrectResponse", function () {
-      var _this$props11 = _this.props,
-          model = _this$props11.model,
-          onChange = _this$props11.onChange;
-      var correctResponse = (0, _toConsumableArray2["default"])(model.correctResponse);
-      correctResponse.pop();
-      onChange({
-        correctResponse: correctResponse
-      });
-    });
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "undoInitialView", function () {
-      var _this$props12 = _this.props,
-          onChange = _this$props12.onChange,
-          model = _this$props12.model;
-
-      var graph = _objectSpread({}, model.graph);
-
-      graph.initialElements = graph.initialElements || [];
-      graph.initialElements.pop();
-      onChange({
-        graph: graph
-      });
-    });
-    var _props$model$graph = props.model.graph,
-        _availableTypes = _props$model$graph.availableTypes,
-        _maxNumberOfPoints = _props$model$graph.maxNumberOfPoints;
-
-    var _height = _this.getAdjustedHeight(_availableTypes, _maxNumberOfPoints);
-
-    _this.graphChange({
-      height: _height
-    });
-
-    return _this;
-  }
-
-  (0, _createClass2["default"])(Main, [{
-    key: "render",
-    value: function render() {
-      var _this2 = this;
-
-      var _this$props13 = this.props,
-          classes = _this$props13.classes,
-          model = _this$props13.model,
-          _onChange = _this$props13.onChange,
-          configuration = _this$props13.configuration,
-          uploadSoundSupport = _this$props13.uploadSoundSupport;
-
-      var _ref4 = configuration || {},
-          _ref4$prompt = _ref4.prompt,
-          prompt = _ref4$prompt === void 0 ? {} : _ref4$prompt;
-
-      var _ref5 = model || {},
-          errors = _ref5.errors,
-          graph = _ref5.graph,
-          spellCheckEnabled = _ref5.spellCheckEnabled,
-          toolbarEditorPosition = _ref5.toolbarEditorPosition;
-
-      var _ref6 = errors || {},
-          widthError = _ref6.widthError,
-          domainError = _ref6.domainError,
-          maxError = _ref6.maxError,
-          pointsError = _ref6.pointsError,
-          correctResponseError = _ref6.correctResponseError;
-
-      var validationMessage = (0, _utils.generateValidationMessage)();
-      var correctResponse = (0, _cloneDeep["default"])(model.correctResponse || []).map(toGraphFormat);
-      var initialView = (0, _cloneDeep["default"])(graph.initialElements || []).map(toGraphFormat);
-      var toolbarOpts = {
-        position: toolbarEditorPosition === 'top' ? 'top' : 'bottom'
-      };
-      return /*#__PURE__*/_react["default"].createElement(_configUi.layout.ConfigLayout, {
-        hideSettings: true,
-        settings: null
-      }, prompt.settings && /*#__PURE__*/_react["default"].createElement(_configUi.FormSection, {
-        label: prompt.label
-      }, /*#__PURE__*/_react["default"].createElement(_editableHtml["default"], {
-        className: classes.prompt,
-        markup: model.prompt,
-        onChange: function onChange(prompt) {
-          return _onChange({
-            prompt: prompt
-          });
-        },
-        nonEmpty: false,
-        disableUnderline: true,
-        toolbarOpts: toolbarOpts,
-        spellCheck: spellCheckEnabled,
-        uploadSoundSupport: uploadSoundSupport,
-        languageCharactersProps: [{
-          language: 'spanish'
-        }, {
-          language: 'special'
-        }]
-      })), /*#__PURE__*/_react["default"].createElement(_cardBar["default"], {
-        header: "Attributes",
-        info: /*#__PURE__*/_react["default"].createElement(_Tooltip["default"], {
-          classes: {
-            tooltip: classes.tooltip
-          },
-          disableFocusListener: true,
-          disableTouchListener: true,
-          placement: 'right',
-          title: validationMessage
-        }, /*#__PURE__*/_react["default"].createElement(_Info["default"], {
-          fontSize: 'small',
-          color: 'primary',
-          style: {
-            marginLeft: '8px'
-          }
-        }))
-      }, "Set up the number line by entering the domain and number of tick marks to display. Labels on the number line can be edited or removed by clicking on the label."), /*#__PURE__*/_react["default"].createElement("div", {
-        className: classes.row
-      }, /*#__PURE__*/_react["default"].createElement(_configUi.FormSection, {
-        label: 'Size'
-      }, /*#__PURE__*/_react["default"].createElement(_size["default"], {
-        size: graph,
-        onChange: this.changeSize
-      })), /*#__PURE__*/_react["default"].createElement(_configUi.FormSection, {
-        label: 'Domain'
-      }, /*#__PURE__*/_react["default"].createElement(_domain["default"], {
-        domain: graph.domain,
-        onChange: function onChange(domain) {
-          return _this2.graphChange({
-            domain: domain
-          });
-        }
-      }))), widthError && /*#__PURE__*/_react["default"].createElement("div", {
-        className: classes.errorText
-      }, widthError), maxError && /*#__PURE__*/_react["default"].createElement("div", {
-        className: classes.errorText
-      }, maxError), domainError && /*#__PURE__*/_react["default"].createElement("div", {
-        className: classes.errorText
-      }, domainError), /*#__PURE__*/_react["default"].createElement("div", {
-        className: classes.row
-      }, /*#__PURE__*/_react["default"].createElement(_configUi.FormSection, {
-        label: 'Ticks'
-      }, /*#__PURE__*/_react["default"].createElement(_ticks["default"], {
-        ticks: graph.ticks,
-        onChange: this.changeTicks,
-        domain: graph.domain
-      })), /*#__PURE__*/_react["default"].createElement(_configUi.FormSection, {
-        label: 'Arrows'
-      }, /*#__PURE__*/_react["default"].createElement(_arrows["default"], {
-        arrows: graph.arrows,
-        onChange: this.changeArrows
-      }))), /*#__PURE__*/_react["default"].createElement(_configUi.FormSection, {
-        label: 'Title'
-      }, /*#__PURE__*/_react["default"].createElement(_editableHtml["default"], {
-        markup: graph.title || '',
-        onChange: this.changeGraphTitle,
-        toolbarOpts: toolbarOpts,
-        spellCheck: spellCheckEnabled,
-        uploadSoundSupport: uploadSoundSupport,
-        languageCharactersProps: [{
-          language: 'spanish'
-        }, {
-          language: 'special'
-        }]
-      })), /*#__PURE__*/_react["default"].createElement(_configUi.FormSection, {
-        label: 'Limits'
-      }, /*#__PURE__*/_react["default"].createElement(_numberTextField["default"], {
-        className: classes.maxNumberOfPoints,
-        label: "Max No of Elements",
-        min: 1,
-        max: 20,
-        value: graph.maxNumberOfPoints,
-        onChange: this.changeMaxNoOfPoints
-      }), pointsError && /*#__PURE__*/_react["default"].createElement("div", {
-        className: classes.errorText
-      }, pointsError)), /*#__PURE__*/_react["default"].createElement(_Button["default"], {
-        variant: "outlined",
-        mini: true,
-        color: "primary",
-        onClick: this.setDefaults
-      }, "Reset to default values"), /*#__PURE__*/_react["default"].createElement("br", null), /*#__PURE__*/_react["default"].createElement("br", null), !graph.exhibitOnly && /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_cardBar["default"], {
-        header: "Correct Response"
-      }, "Select answer type and place it on the number line. Intersecting points, line segments and/or rays will appear above the number line. ", /*#__PURE__*/_react["default"].createElement("i", null, "Note: A maximum of 20 points, line segments or rays may be plotted.")), /*#__PURE__*/_react["default"].createElement(_numberLine.NumberLineComponent, {
-        onMoveElement: this.moveCorrectResponse,
-        onDeleteElements: this.deleteCorrectResponse,
-        onAddElement: this.addCorrectResponse,
-        onClearElements: this.clearCorrectResponse,
-        onUndoElement: this.undoCorrectResponse,
-        answer: correctResponse //strip feedback for this model
-        ,
-        model: trimModel(model)
-      }), correctResponseError && /*#__PURE__*/_react["default"].createElement("div", {
-        className: classes.errorText
-      }, correctResponseError), /*#__PURE__*/_react["default"].createElement(_cardBar["default"], {
-        header: "Available Types",
-        mini: true
-      }, "Click on the input options to be displayed to the students. All inputs will display by default."), /*#__PURE__*/_react["default"].createElement("div", {
-        className: classes.pointTypeChooser
-      }, /*#__PURE__*/_react["default"].createElement(_pointConfig["default"], {
-        onSelectionChange: this.availableTypesChange,
-        selection: graph.availableTypes
-      }))), /*#__PURE__*/_react["default"].createElement(_cardBar["default"], {
-        header: "Initial view/Make Exhibit"
-      }, "Use this number line to set a starting point, line segment or ray. This is optional. ", /*#__PURE__*/_react["default"].createElement("br", null), "This number line may also be used to make an exhibit number line, which can not be manipulated by a student."), /*#__PURE__*/_react["default"].createElement(_numberLine.NumberLineComponent, {
-        onMoveElement: this.moveInitialView,
-        onDeleteElements: this.deleteInitialView,
-        onAddElement: this.addInitialView,
-        onClearElements: this.clearInitialView,
-        onUndoElement: this.undoInitialView,
-        answer: initialView,
-        model: trimModel(model)
-      }), /*#__PURE__*/_react["default"].createElement(_configUi.InputCheckbox, {
-        label: "Make exhibit",
-        className: classes.checkbox,
-        checked: graph.exhibitOnly,
-        onChange: this.exhibitChanged,
-        value: 'exhibitOnly'
-      }), !graph.exhibitOnly && /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("br", null), /*#__PURE__*/_react["default"].createElement(_configUi.FeedbackConfig, {
-        feedback: model.feedback,
-        onChange: function onChange(feedback) {
-          return _onChange({
-            feedback: feedback
-          });
-        },
-        toolbarOpts: toolbarOpts
-      })));
-    }
-  }]);
-  return Main;
-}(_react["default"].Component);
-
-exports.Main = Main;
-(0, _defineProperty2["default"])(Main, "propTypes", {
-  classes: _propTypes["default"].object.isRequired,
-  model: _propTypes["default"].object.isRequired,
-  configuration: _propTypes["default"].object.isRequired,
-  onChange: _propTypes["default"].func.isRequired,
-  uploadSoundSupport: _propTypes["default"].object.isRequired
-});
-
-var _default = (0, _styles.withStyles)(styles, {
-  name: 'Main'
-})(Main);
-
-exports["default"] = _default;
-//# sourceMappingURL=main.js.map