@instructure/quiz-core 22.8.0 → 22.9.0

package/es/common/components/shared/InteractionTypes/presenter.js

@@ -5,8 +5,20 @@ import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
 import _inherits from "@babel/runtime/helpers/esm/inherits";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 var _dec, _class, _InteractionTypes;
-function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
-function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
+function _callSuper(_this, derived, args) {
+  function isNativeReflectConstruct() {
+    if (typeof Reflect === "undefined" || !Reflect.construct) return false;
+    if (Reflect.construct.sham) return false;
+    if (typeof Proxy === "function") return true;
+    try {
+      return !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {}));
+    } catch (e) {
+      return false;
+    }
+  }
+  derived = _getPrototypeOf(derived);
+  return _possibleConstructorReturn(_this, isNativeReflectConstruct() ? Reflect.construct(derived, args || [], _getPrototypeOf(_this).constructor) : derived.apply(_this, args));
+}
 /** @jsx jsx */
 import { Component } from 'react';
 import PropTypes from 'prop-types';
@@ -26,18 +38,18 @@ import generateComponentTheme from './theme';
 import { withStyleOverrides } from '@instructure/quiz-common';
 export var InteractionTypes = (_dec = withStyleOverrides(generateStyle, generateComponentTheme), _dec(_class = (_InteractionTypes = /*#__PURE__*/function (_Component) {
   function InteractionTypes() {
-    var _this;
+    var _this2;
     _classCallCheck(this, InteractionTypes);
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-    _this = _callSuper(this, InteractionTypes, [].concat(args));
-    _defineProperty(_this, "renderInteractionTypeButton", function (intType, i) {
+    _this2 = _callSuper(this, InteractionTypes, [].concat(args));
+    _defineProperty(_this2, "renderInteractionTypeButton", function (intType, i) {
       var onClick, Icon, name, title, automation;
       switch (intType.name) {
         case 'Stimulus':
           onClick = function onClick() {
-            return _this.props.addStimulus(false);
+            return _this2.props.addStimulus(false);
           };
           Icon = IconPlusLine;
           name = t('Stimulus');
@@ -46,7 +58,7 @@ export var InteractionTypes = (_dec = withStyleOverrides(generateStyle, generate
           break;
         case 'Passage':
           onClick = function onClick() {
-            return _this.props.addStimulus(true);
+            return _this2.props.addStimulus(true);
           };
           Icon = IconPlusLine;
           name = t('Text Block');
@@ -55,7 +67,7 @@ export var InteractionTypes = (_dec = withStyleOverrides(generateStyle, generate
           break;
         default:
           {
-            onClick = partial(_this.props.addItem, intType);
+            onClick = partial(_this2.props.addItem, intType);
             var metadata = interactionTypeMetadata(intType);
             Icon = metadata.icon;
             name = metadata.name;
@@ -82,29 +94,29 @@ export var InteractionTypes = (_dec = withStyleOverrides(generateStyle, generate
       }, jsx(Grid.Col, {
         width: "auto"
       }, jsx("div", {
-        css: _this.props.styles.iconWrapper
+        css: _this2.props.styles.iconWrapper
       }, jsx(Icon, {
         title: title
       }))), jsx(Grid.Col, null, jsx("div", {
-        css: _this.props.styles.textWrapper
+        css: _this2.props.styles.textWrapper
       }, jsx(PresentationContent, null, jsx(Text, {
         color: "primary"
       }, name)))))));
     });
-    _defineProperty(_this, "renderInteractionTypeRows", function () {
+    _defineProperty(_this2, "renderInteractionTypeRows", function () {
       var buttons = [];
-      var types = _this.props.types;
+      var types = _this2.props.types;
 
       // The interaction types are in alphabetical order
       types.sortBy(function (intType) {
         return interactionTypeMetadata(intType).name;
       }).forEach(function (intType, i) {
-        var button = _this.renderInteractionTypeButton(intType, i);
-        if (i % _this.props.columns === 0) {
-          buttons[Math.floor(i / _this.props.columns)] = [];
+        var button = _this2.renderInteractionTypeButton(intType, i);
+        if (i % _this2.props.columns === 0) {
+          buttons[Math.floor(i / _this2.props.columns)] = [];
         }
-        buttons[Math.floor(i / _this.props.columns)].push(jsx(Grid.Col, {
-          width: 12 / _this.props.columns,
+        buttons[Math.floor(i / _this2.props.columns)].push(jsx(Grid.Col, {
+          width: 12 / _this2.props.columns,
           key: intType.slug
         }, button));
       });
@@ -117,34 +129,34 @@ export var InteractionTypes = (_dec = withStyleOverrides(generateStyle, generate
         }, gridCols);
       });
     });
-    _defineProperty(_this, "renderStimulusTypeButton", function () {
-      if (_this.props.allowStimulusCreation) {
+    _defineProperty(_this2, "renderStimulusTypeButton", function () {
+      if (_this2.props.allowStimulusCreation) {
         var dividerRow = jsx(Grid.Row, {
           key: "divider"
         }, jsx(Grid.Col, {
           key: "divider"
         }, jsx("div", {
-          css: _this.props.styles.stimulusDivider
+          css: _this2.props.styles.stimulusDivider
         })));
         var stimulusRow = jsx(Grid.Row, {
           key: "stimulus"
         }, jsx(Grid.Col, {
-          width: 12 / _this.props.columns,
+          width: 12 / _this2.props.columns,
           key: "stimulus"
-        }, _this.renderInteractionTypeButton({
+        }, _this2.renderInteractionTypeButton({
           name: 'Stimulus',
           slug: 'stimulus'
-        })), _this.props.allowPassageCreation && jsx(Grid.Col, {
-          width: 12 / _this.props.columns,
+        })), _this2.props.allowPassageCreation && jsx(Grid.Col, {
+          width: 12 / _this2.props.columns,
           key: "passage"
-        }, _this.renderInteractionTypeButton({
+        }, _this2.renderInteractionTypeButton({
           name: 'Passage',
           slug: 'passage'
         })));
         return [dividerRow, stimulusRow];
       }
     });
-    return _this;
+    return _this2;
   }
   _inherits(InteractionTypes, _Component);
   return _createClass(InteractionTypes, [{

package/es/common/components/shared/PaginatedCollection/presenter.js

@@ -7,8 +7,20 @@ import _inherits from "@babel/runtime/helpers/esm/inherits";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 var _dec, _class, _PaginatedCollection;
 import _regeneratorRuntime from "@babel/runtime/regenerator";
-function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
-function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
+function _callSuper(_this, derived, args) {
+  function isNativeReflectConstruct() {
+    if (typeof Reflect === "undefined" || !Reflect.construct) return false;
+    if (Reflect.construct.sham) return false;
+    if (typeof Proxy === "function") return true;
+    try {
+      return !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {}));
+    } catch (e) {
+      return false;
+    }
+  }
+  derived = _getPrototypeOf(derived);
+  return _possibleConstructorReturn(_this, isNativeReflectConstruct() ? Reflect.construct(derived, args || [], _getPrototypeOf(_this).constructor) : derived.apply(_this, args));
+}
 /** @jsx jsx */
 import { Component } from 'react';
 import * as Immutable from 'immutable';
@@ -37,18 +49,18 @@ import generateComponentTheme from './theme';
 import { withStyleOverrides } from '@instructure/quiz-common';
 export var PaginatedCollection = (_dec = withStyleOverrides(generateStyle, generateComponentTheme), _dec(_class = (_PaginatedCollection = /*#__PURE__*/function (_Component) {
   function PaginatedCollection() {
-    var _this;
+    var _this2;
     _classCallCheck(this, PaginatedCollection);
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-    _this = _callSuper(this, PaginatedCollection, [].concat(args));
-    _defineProperty(_this, "onPageChange", function (nextPage) {
-      _this.props.merge(_this.props.stateKey, {
+    _this2 = _callSuper(this, PaginatedCollection, [].concat(args));
+    _defineProperty(_this2, "onPageChange", function (nextPage) {
+      _this2.props.merge(_this2.props.stateKey, {
         current: nextPage
       });
     });
-    return _this;
+    return _this2;
   }
   _inherits(PaginatedCollection, _Component);
   return _createClass(PaginatedCollection, [{

package/es/common/components/shared/Paginator/index.js

@@ -5,8 +5,20 @@ import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
 import _inherits from "@babel/runtime/helpers/esm/inherits";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 var _dec, _class, _Paginator;
-function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
-function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
+function _callSuper(_this, derived, args) {
+  function isNativeReflectConstruct() {
+    if (typeof Reflect === "undefined" || !Reflect.construct) return false;
+    if (Reflect.construct.sham) return false;
+    if (typeof Proxy === "function") return true;
+    try {
+      return !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {}));
+    } catch (e) {
+      return false;
+    }
+  }
+  derived = _getPrototypeOf(derived);
+  return _possibleConstructorReturn(_this, isNativeReflectConstruct() ? Reflect.construct(derived, args || [], _getPrototypeOf(_this).constructor) : derived.apply(_this, args));
+}
 /** @jsx jsx */
 import { Component } from 'react';
 import PropTypes from 'prop-types';
@@ -25,13 +37,13 @@ export var Paginator = (_dec = withStyleOverrides(generateStyle, generateCompone
   return _createClass(Paginator, [{
     key: "renderPagination",
     value: function renderPagination() {
-      var _this = this;
+      var _this2 = this;
       var paginationButtons = Array.from(Array(this.props.totalPages)).map(function (v, i) {
         var page = i + 1;
         return jsx(Pagination.Page, {
           key: page,
-          current: page === _this.props.currentPage,
-          onClick: _this.props.onPageChange.bind(null, page)
+          current: page === _this2.props.currentPage,
+          onClick: _this2.props.onPageChange.bind(null, page)
         }, page);
       });
       return jsx("div", {

package/es/common/components/shared/PrintTrigger/presenter.js

@@ -5,8 +5,20 @@ import _possibleConstructorReturn from "@babel/runtime/helpers/esm/possibleConst
 import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
 import _inherits from "@babel/runtime/helpers/esm/inherits";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
-function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
+function _callSuper(_this, derived, args) {
+  function isNativeReflectConstruct() {
+    if (typeof Reflect === "undefined" || !Reflect.construct) return false;
+    if (Reflect.construct.sham) return false;
+    if (typeof Proxy === "function") return true;
+    try {
+      return !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {}));
+    } catch (e) {
+      return false;
+    }
+  }
+  derived = _getPrototypeOf(derived);
+  return _possibleConstructorReturn(_this, isNativeReflectConstruct() ? Reflect.construct(derived, args || [], _getPrototypeOf(_this).constructor) : derived.apply(_this, args));
+}
 import React, { Component } from 'react';
 import PropTypes from 'prop-types';
 import { Overlay, Mask } from '@instructure/ui-overlays';
@@ -18,66 +30,66 @@ import PrintFontSizeModal from '../../PrintFontSizeModal';
 import { PRINT_CURRENT_PAGE, PRINT_BLANK } from '@instructure/quiz-common';
 export var PrintTrigger = /*#__PURE__*/function (_Component) {
   function PrintTrigger(props) {
-    var _this;
+    var _this2;
     _classCallCheck(this, PrintTrigger);
-    _this = _callSuper(this, PrintTrigger, [props]);
-    _defineProperty(_this, "state", {
+    _this2 = _callSuper(this, PrintTrigger, [props]);
+    _defineProperty(_this2, "state", {
       waitingForPrintingToBeReady: false,
       printType: PRINT_CURRENT_PAGE,
       // quiz key or blank quiz
       shouldPrint: false
     });
-    _defineProperty(_this, "print", function () {
-      printWithCss(_this.fontSize, 100);
+    _defineProperty(_this2, "print", function () {
+      printWithCss(_this2.fontSize, 100);
     });
-    _defineProperty(_this, "ensurePrintingIsReady", function (printFontSizeModalClose) {
-      _this.setState({
+    _defineProperty(_this2, "ensurePrintingIsReady", function (printFontSizeModalClose) {
+      _this2.setState({
         waitingForPrintingToBeReady: true
       });
       var sampleItemFetchPromises = [];
-      if (!_this.props.isGrading) {
-        var _this$props = _this.props,
-          activeQuizId = _this$props.activeQuizId,
-          bankQuizEntryIds = _this$props.bankQuizEntryIds,
-          getSampleItemsForQuizEntry = _this$props.getSampleItemsForQuizEntry;
+      if (!_this2.props.isGrading) {
+        var _this2$props = _this2.props,
+          activeQuizId = _this2$props.activeQuizId,
+          bankQuizEntryIds = _this2$props.bankQuizEntryIds,
+          getSampleItemsForQuizEntry = _this2$props.getSampleItemsForQuizEntry;
         sampleItemFetchPromises = bankQuizEntryIds.map(function (bankQuizEntryId) {
           return getSampleItemsForQuizEntry(activeQuizId, bankQuizEntryId);
         });
       }
       var allPromises = [].concat(_toConsumableArray(sampleItemFetchPromises), [ensureImagesLoaded(), printFontSizeModalClose]);
       Promise.all(allPromises).then(function () {
-        _this.setState({
+        _this2.setState({
           waitingForPrintingToBeReady: false
         });
-        _this.onExited = function () {};
+        _this2.onExited = function () {};
       });
     });
-    _defineProperty(_this, "handlePrintModalSubmit", function (fontSize, shouldPersist) {
+    _defineProperty(_this2, "handlePrintModalSubmit", function (fontSize, shouldPersist) {
       var printFontSizeModalClose = new Promise(function (resolve) {
-        _this.onExited = resolve;
+        _this2.onExited = resolve;
       });
-      _this.props.closePrintFontSizeModal();
+      _this2.props.closePrintFontSizeModal();
       if (shouldPersist) {
-        _this.props.persistPrintFontSize(fontSize);
+        _this2.props.persistPrintFontSize(fontSize);
       } else {
-        _this.props.setPrintFontSize(fontSize);
+        _this2.props.setPrintFontSize(fontSize);
       }
-      if (_this.state.printType === PRINT_BLANK) {
-        _this.props.navigateToPreviewPrint();
+      if (_this2.state.printType === PRINT_BLANK) {
+        _this2.props.navigateToPreviewPrint();
       } else {
-        _this.fontSize = fontSize;
-        _this.ensurePrintingIsReady(printFontSizeModalClose);
+        _this2.fontSize = fontSize;
+        _this2.ensurePrintingIsReady(printFontSizeModalClose);
       }
     });
-    _defineProperty(_this, "handlePrint", function (printType) {
-      _this.setState({
+    _defineProperty(_this2, "handlePrint", function (printType) {
+      _this2.setState({
         printType: printType
       });
-      _this.props.openPrintFontSizeModal();
+      _this2.props.openPrintFontSizeModal();
     });
-    _this.onExited = function () {};
-    _this.fontSize = '';
-    return _this;
+    _this2.onExited = function () {};
+    _this2.fontSize = '';
+    return _this2;
   }
   _inherits(PrintTrigger, _Component);
   return _createClass(PrintTrigger, [{

package/es/common/components/shared/TagDisplay/index.js

@@ -5,8 +5,20 @@ import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
 import _inherits from "@babel/runtime/helpers/esm/inherits";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 var _dec, _class, _TagDisplay;
-function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
-function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
+function _callSuper(_this, derived, args) {
+  function isNativeReflectConstruct() {
+    if (typeof Reflect === "undefined" || !Reflect.construct) return false;
+    if (Reflect.construct.sham) return false;
+    if (typeof Proxy === "function") return true;
+    try {
+      return !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {}));
+    } catch (e) {
+      return false;
+    }
+  }
+  derived = _getPrototypeOf(derived);
+  return _possibleConstructorReturn(_this, isNativeReflectConstruct() ? Reflect.construct(derived, args || [], _getPrototypeOf(_this).constructor) : derived.apply(_this, args));
+}
 /** @jsx jsx */
 import { Component } from 'react';
 import PropTypes from 'prop-types';

package/es/common/components/shared/TagSelect/presenter.js

@@ -6,8 +6,20 @@ import _possibleConstructorReturn from "@babel/runtime/helpers/esm/possibleConst
 import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
 import _inherits from "@babel/runtime/helpers/esm/inherits";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
-function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
+function _callSuper(_this, derived, args) {
+  function isNativeReflectConstruct() {
+    if (typeof Reflect === "undefined" || !Reflect.construct) return false;
+    if (Reflect.construct.sham) return false;
+    if (typeof Proxy === "function") return true;
+    try {
+      return !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {}));
+    } catch (e) {
+      return false;
+    }
+  }
+  derived = _getPrototypeOf(derived);
+  return _possibleConstructorReturn(_this, isNativeReflectConstruct() ? Reflect.construct(derived, args || [], _getPrototypeOf(_this).constructor) : derived.apply(_this, args));
+}
 import React, { Component } from 'react';
 import PropTypes from 'prop-types';
 import TagWrapper from '../TagWrapper';
@@ -20,92 +32,92 @@ var tagShape = PropTypes.shape({
 });
 export var TagSelect = /*#__PURE__*/function (_Component) {
   function TagSelect() {
-    var _this;
+    var _this2;
     _classCallCheck(this, TagSelect);
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-    _this = _callSuper(this, TagSelect, [].concat(args));
-    _defineProperty(_this, "state", {
+    _this2 = _callSuper(this, TagSelect, [].concat(args));
+    _defineProperty(_this2, "state", {
       inputValue: '',
       isShowingOptions: false,
       highlightedOptionId: null
     });
-    _defineProperty(_this, "setInputRef", function (inputRef) {
-      _this.inputRef = inputRef;
+    _defineProperty(_this2, "setInputRef", function (inputRef) {
+      _this2.inputRef = inputRef;
     });
-    _defineProperty(_this, "handleShowOptions", function () {
-      _this.setState({
+    _defineProperty(_this2, "handleShowOptions", function () {
+      _this2.setState({
         isShowingOptions: true
       });
     });
-    _defineProperty(_this, "handleHideOptions", function () {
-      _this.setState({
+    _defineProperty(_this2, "handleHideOptions", function () {
+      _this2.setState({
         isShowingOptions: false
       });
     });
-    _defineProperty(_this, "handleBlur", function () {
-      _this.setState({
+    _defineProperty(_this2, "handleBlur", function () {
+      _this2.setState({
         highlightedOptionId: null
       });
     });
-    _defineProperty(_this, "handleHighlightOption", function (event, _ref) {
+    _defineProperty(_this2, "handleHighlightOption", function (event, _ref) {
       var id = _ref.id;
       event.persist();
-      var tag = _this.decodeTag(id);
-      _this.setState(function (state) {
+      var tag = _this2.decodeTag(id);
+      _this2.setState(function (state) {
         return {
           highlightedOptionId: id,
           inputValue: event.type === 'keydown' ? tag.value : state.inputValue
         };
       });
     });
-    _defineProperty(_this, "handleSelectOption", function (event, _ref2) {
+    _defineProperty(_this2, "handleSelectOption", function (event, _ref2) {
       var id = _ref2.id;
       if (id === SELECT_EMPTY_OPTION) return;
-      var tag = _this.decodeTag(id);
-      _this.props.onChange([].concat(_toConsumableArray(_this.props.tags), [tag.id ? tag : {
+      var tag = _this2.decodeTag(id);
+      _this2.props.onChange([].concat(_toConsumableArray(_this2.props.tags), [tag.id ? tag : {
         value: tag.value
       }]));
-      _this.setState({
+      _this2.setState({
         highlightedOptionId: null,
         inputValue: '',
         isShowingOptions: false
       });
     });
-    _defineProperty(_this, "handleInputChange", function (event) {
+    _defineProperty(_this2, "handleInputChange", function (event) {
       var inputValue = event.target.value !== ' ' ? event.target.value : '';
-      _this.props.onInputChange(inputValue === '' ? null : inputValue);
-      _this.setState({
+      _this2.props.onInputChange(inputValue === '' ? null : inputValue);
+      _this2.setState({
         inputValue: inputValue,
         isShowingOptions: true
       });
     });
-    _defineProperty(_this, "handleKeyDown", function (event) {
-      var inputValue = _this.state.inputValue;
+    _defineProperty(_this2, "handleKeyDown", function (event) {
+      var inputValue = _this2.state.inputValue;
       if (event.keyCode === 8) {
         // when backspace key is pressed
-        if (inputValue === '' && _this.props.tags.length > 0) {
+        if (inputValue === '' && _this2.props.tags.length > 0) {
           // remove last selected option, if input has no entered text
-          _this.props.onChange(_this.props.tags.slice(0, -1));
-          _this.setState({
+          _this2.props.onChange(_this2.props.tags.slice(0, -1));
+          _this2.setState({
             highlightedOptionId: null
           });
         }
       }
     });
-    _defineProperty(_this, "dismissTag", function (encodedTag) {
-      var tags = _this.props.tags.filter(function (tag) {
-        return _this.encodeTag(tag) !== encodedTag;
+    _defineProperty(_this2, "dismissTag", function (encodedTag) {
+      var tags = _this2.props.tags.filter(function (tag) {
+        return _this2.encodeTag(tag) !== encodedTag;
       });
-      _this.props.onChange(tags);
-      _this.setState({
+      _this2.props.onChange(tags);
+      _this2.setState({
         highlightedOptionId: null
       }, function () {
-        _this.inputRef.focus();
+        _this2.inputRef.focus();
       });
     });
-    return _this;
+    return _this2;
   }
   _inherits(TagSelect, _Component);
   return _createClass(TagSelect, [{
@@ -140,15 +152,15 @@ export var TagSelect = /*#__PURE__*/function (_Component) {
   }, {
     key: "renderTags",
     value: function renderTags() {
-      var _this2 = this;
+      var _this3 = this;
       var tags = this.props.tags;
       return tags.map(function (tag, index) {
         return /*#__PURE__*/React.createElement(TagWrapper, {
-          key: _this2.encodeTag(tag),
-          id: _this2.encodeTag(tag),
+          key: _this3.encodeTag(tag),
+          id: _this3.encodeTag(tag),
           index: index,
           text: tag.value,
-          onClick: _this2.dismissTag
+          onClick: _this3.dismissTag
         });
       });
     }
@@ -169,7 +181,7 @@ export var TagSelect = /*#__PURE__*/function (_Component) {
   }, {
     key: "options",
     value: function options() {
-      var _this3 = this;
+      var _this4 = this;
       var _this$props2 = this.props,
         allowNewTags = _this$props2.allowNewTags,
         tags = _this$props2.tags,
@@ -177,9 +189,9 @@ export var TagSelect = /*#__PURE__*/function (_Component) {
       var notSelectedTagSuggestions = differenceBy(tagSuggestions, tags, 'value');
       var options = notSelectedTagSuggestions.map(function (tag) {
         return /*#__PURE__*/React.createElement(Select.Option, {
-          key: _this3.encodeTag(tag),
-          id: _this3.encodeTag(tag),
-          isHighlighted: _this3.encodeTag(tag) === _this3.state.highlightedOptionId
+          key: _this4.encodeTag(tag),
+          id: _this4.encodeTag(tag),
+          isHighlighted: _this4.encodeTag(tag) === _this4.state.highlightedOptionId
         }, tag.value);
       });
       var inputValue = this.normalizeSpaces(this.state.inputValue);

package/es/common/components/shared/TagSuggestSelect/presenter.js

@@ -4,8 +4,20 @@ import _possibleConstructorReturn from "@babel/runtime/helpers/esm/possibleConst
 import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
 import _inherits from "@babel/runtime/helpers/esm/inherits";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
-function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
+function _callSuper(_this, derived, args) {
+  function isNativeReflectConstruct() {
+    if (typeof Reflect === "undefined" || !Reflect.construct) return false;
+    if (Reflect.construct.sham) return false;
+    if (typeof Proxy === "function") return true;
+    try {
+      return !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {}));
+    } catch (e) {
+      return false;
+    }
+  }
+  derived = _getPrototypeOf(derived);
+  return _possibleConstructorReturn(_this, isNativeReflectConstruct() ? Reflect.construct(derived, args || [], _getPrototypeOf(_this).constructor) : derived.apply(_this, args));
+}
 import React, { Component } from 'react';
 import Immutable from 'immutable';
 import PropTypes from 'prop-types';
@@ -18,36 +30,36 @@ var tagShape = PropTypes.shape({
 });
 export var TagSuggest = /*#__PURE__*/function (_Component) {
   function TagSuggest() {
-    var _this;
+    var _this2;
     _classCallCheck(this, TagSuggest);
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-    _this = _callSuper(this, TagSuggest, [].concat(args));
-    _defineProperty(_this, "debouncedSuggestions", debounce(function (parentType, parentId, tagText) {
-      return _this.props.getTagSuggestions(parentType, parentId, tagText);
+    _this2 = _callSuper(this, TagSuggest, [].concat(args));
+    _defineProperty(_this2, "debouncedSuggestions", debounce(function (parentType, parentId, tagText) {
+      return _this2.props.getTagSuggestions(parentType, parentId, tagText);
     }, 200));
-    _defineProperty(_this, "handleTagInputChange", function (tagText) {
-      var _this$props = _this.props,
-        parentType = _this$props.parentType,
-        parentId = _this$props.parentId;
-      _this.props.setTagInput(parentType, parentId, tagText);
+    _defineProperty(_this2, "handleTagInputChange", function (tagText) {
+      var _this2$props = _this2.props,
+        parentType = _this2$props.parentType,
+        parentId = _this2$props.parentId;
+      _this2.props.setTagInput(parentType, parentId, tagText);
       if (tagText != null) {
-        _this.debouncedSuggestions(parentType, parentId, tagText);
+        _this2.debouncedSuggestions(parentType, parentId, tagText);
       } else {
-        _this.props.setTagSuggestions(parentType, parentId, null, tagText);
+        _this2.props.setTagSuggestions(parentType, parentId, null, tagText);
       }
     });
-    return _this;
+    return _this2;
   }
   _inherits(TagSuggest, _Component);
   return _createClass(TagSuggest, [{
     key: "getTagSuggestions",
     value: function getTagSuggestions() {
-      var _this$props2 = this.props,
-        defaultSuggestions = _this$props2.defaultSuggestions,
-        tagSuggestions = _this$props2.tagSuggestions,
-        tags = _this$props2.tags;
+      var _this$props = this.props,
+        defaultSuggestions = _this$props.defaultSuggestions,
+        tagSuggestions = _this$props.tagSuggestions,
+        tags = _this$props.tags;
       var suggestions = tagSuggestions || Immutable.fromJS(defaultSuggestions);
       var visibleTagIds = tags.map(function (tag) {
         return tag.id;