@instructure/quiz-core 21.1.1 → 22.0.0

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

@@ -1,118 +1,135 @@
 "use strict";
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.TagSelect = void 0;
+exports["default"] = exports.TagSelect = void 0;
+var _readOnlyError2 = _interopRequireDefault(require("@babel/runtime/helpers/readOnlyError"));
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
-var _index = _interopRequireDefault(require("../TagWrapper/index.js"));
+var _TagWrapper = _interopRequireDefault(require("../TagWrapper"));
 var _differenceBy = _interopRequireDefault(require("lodash/differenceBy"));
 var _formatMessage = _interopRequireDefault(require("@instructure/quiz-i18n/es/format-message"));
 var _quizCommon = require("@instructure/quiz-common");
-var tagShape = _propTypes.default.shape({
-  id: _propTypes.default.string,
-  value: _propTypes.default.string.isRequired
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+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 = (0, _getPrototypeOf2["default"])(derived);
+  return (0, _possibleConstructorReturn2["default"])(_this, isNativeReflectConstruct() ? Reflect.construct(derived, args || [], (0, _getPrototypeOf2["default"])(_this).constructor) : derived.apply(_this, args));
+}
+var tagShape = _propTypes["default"].shape({
+  id: _propTypes["default"].string,
+  value: _propTypes["default"].string.isRequired
 });
-var TagSelect = /*#__PURE__*/function (_Component) {
-  (0, _inherits2.default)(TagSelect, _Component);
-  var _super = (0, _createSuper2.default)(TagSelect);
+var TagSelect = exports.TagSelect = /*#__PURE__*/function (_Component) {
   function TagSelect() {
-    var _this;
-    (0, _classCallCheck2.default)(this, TagSelect);
+    var _this2;
+    (0, _classCallCheck2["default"])(this, TagSelect);
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-    _this = _super.call.apply(_super, [this].concat(args));
-    _this.state = {
+    _this2 = _callSuper(this, TagSelect, [].concat(args));
+    (0, _defineProperty2["default"])(_this2, "state", {
       inputValue: '',
       isShowingOptions: false,
       highlightedOptionId: null
-    };
-    _this.setInputRef = function (inputRef) {
-      _this.inputRef = inputRef;
-    };
-    _this.handleShowOptions = function () {
-      _this.setState({
+    });
+    (0, _defineProperty2["default"])(_this2, "setInputRef", function (inputRef) {
+      _this2.inputRef = inputRef;
+    });
+    (0, _defineProperty2["default"])(_this2, "handleShowOptions", function () {
+      _this2.setState({
         isShowingOptions: true
       });
-    };
-    _this.handleHideOptions = function () {
-      _this.setState({
+    });
+    (0, _defineProperty2["default"])(_this2, "handleHideOptions", function () {
+      _this2.setState({
         isShowingOptions: false
       });
-    };
-    _this.handleBlur = function () {
-      _this.setState({
+    });
+    (0, _defineProperty2["default"])(_this2, "handleBlur", function () {
+      _this2.setState({
         highlightedOptionId: null
       });
-    };
-    _this.handleHighlightOption = function (event, _ref) {
+    });
+    (0, _defineProperty2["default"])(_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
         };
       });
-    };
-    _this.handleSelectOption = function (event, _ref2) {
+    });
+    (0, _defineProperty2["default"])(_this2, "handleSelectOption", function (event, _ref2) {
       var id = _ref2.id;
       if (id === _quizCommon.SELECT_EMPTY_OPTION) return;
-      var tag = _this.decodeTag(id);
-      _this.props.onChange([].concat((0, _toConsumableArray2.default)(_this.props.tags), [tag.id ? tag : {
+      var tag = _this2.decodeTag(id);
+      _this2.props.onChange([].concat((0, _toConsumableArray2["default"])(_this2.props.tags), [tag.id ? tag : {
         value: tag.value
       }]));
-      _this.setState({
+      _this2.setState({
         highlightedOptionId: null,
         inputValue: '',
         isShowingOptions: false
       });
-    };
-    _this.handleInputChange = function (event) {
+    });
+    (0, _defineProperty2["default"])(_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
       });
-    };
-    _this.handleKeyDown = function (event) {
-      var inputValue = _this.state.inputValue;
+    });
+    (0, _defineProperty2["default"])(_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
           });
         }
       }
-    };
-    _this.dismissTag = function (encodedTag) {
-      var tags = _this.props.tags.filter(function (tag) {
-        return _this.encodeTag(tag) !== encodedTag;
+    });
+    (0, _defineProperty2["default"])(_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;
   }
-  (0, _createClass2.default)(TagSelect, [{
+  (0, _inherits2["default"])(TagSelect, _Component);
+  return (0, _createClass2["default"])(TagSelect, [{
     key: "componentDidUpdate",
     value: function componentDidUpdate(prevProps, prevState) {
       if (prevProps.tagSuggestions !== this.props.tagSuggestions) {
@@ -132,7 +149,7 @@ var TagSelect = /*#__PURE__*/function (_Component) {
       var parts = encodedTag.split(' ');
       var id = parts.shift();
       return {
-        id: id !== 'undefined' ? id : void 0,
+        id: id !== 'undefined' ? id : undefined,
         value: parts.join(' ')
       };
     }
@@ -144,15 +161,15 @@ 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.default.createElement(_index.default, {
-          key: _this2.encodeTag(tag),
-          id: _this2.encodeTag(tag),
+        return /*#__PURE__*/_react["default"].createElement(_TagWrapper["default"], {
+          key: _this3.encodeTag(tag),
+          id: _this3.encodeTag(tag),
           index: index,
           text: tag.value,
-          onClick: _this2.dismissTag
+          onClick: _this3.dismissTag
         });
       });
     }
@@ -163,7 +180,7 @@ var TagSelect = /*#__PURE__*/function (_Component) {
         tags = _this$props.tags,
         noMatchText = _this$props.noMatchText;
       var inputValue = this.normalizeSpaces(this.state.inputValue);
-      var exists = (0, _formatMessage.default)('Tag already selected: { text }', {
+      var exists = (0, _formatMessage["default"])('Tag already selected: { text }', {
         text: inputValue
       });
       return tags.some(function (tag) {
@@ -173,17 +190,17 @@ 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,
         tagSuggestions = _this$props2.tagSuggestions;
-      var notSelectedTagSuggestions = (0, _differenceBy.default)(tagSuggestions, tags, 'value');
+      var notSelectedTagSuggestions = (0, _differenceBy["default"])(tagSuggestions, tags, 'value');
       var options = notSelectedTagSuggestions.map(function (tag) {
-        return /*#__PURE__*/_react.default.createElement(_quizCommon.Select.Option, {
-          key: _this3.encodeTag(tag),
-          id: _this3.encodeTag(tag),
-          isHighlighted: _this3.encodeTag(tag) === _this3.state.highlightedOptionId
+        return /*#__PURE__*/_react["default"].createElement(_quizCommon.Select.Option, {
+          key: _this4.encodeTag(tag),
+          id: _this4.encodeTag(tag),
+          isHighlighted: _this4.encodeTag(tag) === _this4.state.highlightedOptionId
         }, tag.value);
       });
       var inputValue = this.normalizeSpaces(this.state.inputValue);
@@ -192,7 +209,7 @@ var TagSelect = /*#__PURE__*/function (_Component) {
         return tag.value === inputValue;
       })) {
         if (allowNewTags && inputValue.length > 0) {
-          options.push(/*#__PURE__*/_react.default.createElement(_quizCommon.Select.Option, {
+          options.push(/*#__PURE__*/_react["default"].createElement(_quizCommon.Select.Option, {
             id: this.encodeTag({
               value: inputValue
             }),
@@ -200,13 +217,13 @@ var TagSelect = /*#__PURE__*/function (_Component) {
               value: inputValue
             }),
             isHighlighted: options.length === 0
-          }, (0, _formatMessage.default)('Create new tag: { text }', {
+          }, (0, _formatMessage["default"])('Create new tag: { text }', {
             text: inputValue
           })));
         }
       }
       if (options.length === 0) {
-        options.push(/*#__PURE__*/_react.default.createElement(_quizCommon.Select.Option, {
+        options.push(/*#__PURE__*/_react["default"].createElement(_quizCommon.Select.Option, {
           id: _quizCommon.SELECT_EMPTY_OPTION,
           key: _quizCommon.SELECT_EMPTY_OPTION
         }, this.emptyOption()));
@@ -219,8 +236,8 @@ var TagSelect = /*#__PURE__*/function (_Component) {
       var _this$state = this.state,
         inputValue = _this$state.inputValue,
         isShowingOptions = _this$state.isShowingOptions;
-      return /*#__PURE__*/_react.default.createElement(_quizCommon.Select, {
-        renderLabel: (0, _formatMessage.default)('Tags and Metadata'),
+      return /*#__PURE__*/_react["default"].createElement(_quizCommon.Select, {
+        renderLabel: (0, _formatMessage["default"])('Tags and Metadata'),
         inputValue: inputValue,
         isShowingOptions: isShowingOptions,
         inputRef: this.setInputRef,
@@ -236,22 +253,18 @@ var TagSelect = /*#__PURE__*/function (_Component) {
       }, this.options());
     }
   }]);
-  TagSelect.displayName = "TagSelect";
-  return TagSelect;
 }(_react.Component);
-exports.TagSelect = TagSelect;
-TagSelect.propTypes = {
-  allowNewTags: _propTypes.default.bool,
-  noMatchText: _propTypes.default.string.isRequired,
-  onChange: _propTypes.default.func.isRequired,
-  onInputChange: _propTypes.default.func.isRequired,
-  tagSuggestions: _propTypes.default.arrayOf(tagShape),
-  tags: _propTypes.default.arrayOf(tagShape)
-};
-TagSelect.defaultProps = {
+(0, _defineProperty2["default"])(TagSelect, "propTypes", {
+  allowNewTags: _propTypes["default"].bool,
+  noMatchText: _propTypes["default"].string.isRequired,
+  onChange: _propTypes["default"].func.isRequired,
+  onInputChange: _propTypes["default"].func.isRequired,
+  tagSuggestions: _propTypes["default"].arrayOf(tagShape),
+  tags: _propTypes["default"].arrayOf(tagShape)
+});
+(0, _defineProperty2["default"])(TagSelect, "defaultProps", {
   allowNewTags: true,
   tags: [],
   tagSuggestions: []
-};
-var _default = TagSelect;
-exports.default = _default;
+});
+var _default = exports["default"] = TagSelect;

package/lib/common/components/shared/TagSuggestSelect/index.js

@@ -4,12 +4,12 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
-var _reactRedux = require("../../../react-redux.js");
-var _presenter = _interopRequireDefault(require("./presenter.js"));
+exports["default"] = void 0;
+var _reactRedux = require("../../../react-redux");
+var _presenter = _interopRequireDefault(require("./presenter"));
 var _redux = require("redux");
-var _tagAssociations = require("../../../../common/actions/tagAssociations.js");
-var _tagAssociations2 = require("../../../../banks/api/tagAssociations.js");
+var _tagAssociations = require("../../../../common/actions/tagAssociations");
+var _tagAssociations2 = require("../../../../banks/api/tagAssociations");
 function mapStateToProps(state, props) {
   return {
     tagSuggestions: state.getIn(['tagAssociations', 'tagSuggestions', props.parentType, props.parentId])
@@ -22,5 +22,4 @@ function mapDispatchToProps(dispatch) {
     setTagInput: (0, _redux.bindActionCreators)(_tagAssociations.setTagInput, dispatch)
   };
 }
-var _default = (0, _reactRedux.connect)(mapStateToProps, mapDispatchToProps)(_presenter.default);
-exports.default = _default;
+var _default = exports["default"] = (0, _reactRedux.connect)(mapStateToProps, mapDispatchToProps)(_presenter["default"]);

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

@@ -1,59 +1,75 @@
 "use strict";
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.TagSuggest = void 0;
+exports["default"] = exports.TagSuggest = void 0;
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = _interopRequireWildcard(require("react"));
 var _immutable = _interopRequireDefault(require("immutable"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _reactImmutableProptypes = _interopRequireDefault(require("react-immutable-proptypes"));
 var _debounce = _interopRequireDefault(require("lodash/debounce"));
-var _index = _interopRequireDefault(require("../TagSelect/index.js"));
-var tagShape = _propTypes.default.shape({
-  id: _propTypes.default.string,
-  value: _propTypes.default.string.isRequired
+var _TagSelect = _interopRequireDefault(require("../TagSelect"));
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+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 = (0, _getPrototypeOf2["default"])(derived);
+  return (0, _possibleConstructorReturn2["default"])(_this, isNativeReflectConstruct() ? Reflect.construct(derived, args || [], (0, _getPrototypeOf2["default"])(_this).constructor) : derived.apply(_this, args));
+}
+var tagShape = _propTypes["default"].shape({
+  id: _propTypes["default"].string,
+  value: _propTypes["default"].string.isRequired
 });
-var TagSuggest = /*#__PURE__*/function (_Component) {
-  (0, _inherits2.default)(TagSuggest, _Component);
-  var _super = (0, _createSuper2.default)(TagSuggest);
+var TagSuggest = exports.TagSuggest = /*#__PURE__*/function (_Component) {
   function TagSuggest() {
-    var _this;
-    (0, _classCallCheck2.default)(this, TagSuggest);
+    var _this2;
+    (0, _classCallCheck2["default"])(this, TagSuggest);
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-    _this = _super.call.apply(_super, [this].concat(args));
-    _this.debouncedSuggestions = (0, _debounce.default)(function (parentType, parentId, tagText) {
-      return _this.props.getTagSuggestions(parentType, parentId, tagText);
-    }, 200);
-    _this.handleTagInputChange = function (tagText) {
-      var _this$props = _this.props,
-        parentType = _this$props.parentType,
-        parentId = _this$props.parentId;
-      _this.props.setTagInput(parentType, parentId, tagText);
+    _this2 = _callSuper(this, TagSuggest, [].concat(args));
+    (0, _defineProperty2["default"])(_this2, "debouncedSuggestions", (0, _debounce["default"])(function (parentType, parentId, tagText) {
+      return _this2.props.getTagSuggestions(parentType, parentId, tagText);
+    }, 200));
+    (0, _defineProperty2["default"])(_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;
   }
-  (0, _createClass2.default)(TagSuggest, [{
+  (0, _inherits2["default"])(TagSuggest, _Component);
+  return (0, _createClass2["default"])(TagSuggest, [{
     key: "getTagSuggestions",
     value: function getTagSuggestions() {
-      var _this$props2 = this.props,
-        defaultSuggestions = _this$props2.defaultSuggestions,
-        tagSuggestions = _this$props2.tagSuggestions,
-        tags = _this$props2.tags;
-      var suggestions = tagSuggestions || _immutable.default.fromJS(defaultSuggestions);
+      var _this$props = this.props,
+        defaultSuggestions = _this$props.defaultSuggestions,
+        tagSuggestions = _this$props.tagSuggestions,
+        tags = _this$props.tags;
+      var suggestions = tagSuggestions || _immutable["default"].fromJS(defaultSuggestions);
       var visibleTagIds = tags.map(function (tag) {
         return tag.id;
       });
@@ -65,7 +81,7 @@ var TagSuggest = /*#__PURE__*/function (_Component) {
   }, {
     key: "render",
     value: function render() {
-      return /*#__PURE__*/_react.default.createElement(_index.default, {
+      return /*#__PURE__*/_react["default"].createElement(_TagSelect["default"], {
         allowNewTags: this.props.allowNewTags,
         noMatchText: this.props.noMatchText,
         tags: this.props.tags,
@@ -77,32 +93,28 @@ var TagSuggest = /*#__PURE__*/function (_Component) {
       });
     }
   }]);
-  TagSuggest.displayName = "TagSuggest";
-  return TagSuggest;
 }(_react.Component);
-exports.TagSuggest = TagSuggest;
-TagSuggest.propTypes = {
-  allowNewTags: _propTypes.default.bool,
-  parentType: _propTypes.default.string.isRequired,
-  parentId: _propTypes.default.string.isRequired,
-  noMatchText: _propTypes.default.string.isRequired,
-  onChange: _propTypes.default.func.isRequired,
-  defaultSuggestions: _propTypes.default.arrayOf(tagShape),
-  tagSuggestions: _reactImmutableProptypes.default.listOf(_reactImmutableProptypes.default.map),
-  setTagInput: _propTypes.default.func.isRequired,
-  newTagSuggest: _propTypes.default.string,
-  getTagSuggestions: _propTypes.default.func.isRequired,
-  setTagSuggestions: _propTypes.default.func.isRequired,
-  tagInput: _propTypes.default.string,
-  tags: _propTypes.default.arrayOf(tagShape)
-};
-TagSuggest.defaultProps = {
+(0, _defineProperty2["default"])(TagSuggest, "propTypes", {
+  allowNewTags: _propTypes["default"].bool,
+  parentType: _propTypes["default"].string.isRequired,
+  parentId: _propTypes["default"].string.isRequired,
+  noMatchText: _propTypes["default"].string.isRequired,
+  onChange: _propTypes["default"].func.isRequired,
+  defaultSuggestions: _propTypes["default"].arrayOf(tagShape),
+  tagSuggestions: _reactImmutableProptypes["default"].listOf(_reactImmutableProptypes["default"].map),
+  setTagInput: _propTypes["default"].func.isRequired,
+  newTagSuggest: _propTypes["default"].string,
+  getTagSuggestions: _propTypes["default"].func.isRequired,
+  setTagSuggestions: _propTypes["default"].func.isRequired,
+  tagInput: _propTypes["default"].string,
+  tags: _propTypes["default"].arrayOf(tagShape)
+});
+(0, _defineProperty2["default"])(TagSuggest, "defaultProps", {
   allowNewTags: false,
   newTagSuggest: null,
   tagInput: null,
   tags: [],
   defaultSuggestions: [],
   tagSuggestions: null
-};
-var _default = TagSuggest;
-exports.default = _default;
+});
+var _default = exports["default"] = TagSuggest;

package/lib/common/components/shared/TagWrapper/index.js

@@ -4,7 +4,6 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
-var _presenter = _interopRequireDefault(require("./presenter.js"));
-var _default = _presenter.default;
-exports.default = _default;
+exports["default"] = void 0;
+var _presenter = _interopRequireDefault(require("./presenter"));
+var _default = exports["default"] = _presenter["default"];

package/lib/common/components/shared/TagWrapper/presenter.js

@@ -1,39 +1,55 @@
 "use strict";
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.TagWrapper = void 0;
+exports["default"] = exports.TagWrapper = void 0;
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _uiTag = require("@instructure/ui-tag");
 var _uiA11yContent = require("@instructure/ui-a11y-content");
 var _formatMessage = _interopRequireDefault(require("@instructure/quiz-i18n/es/format-message"));
-var TagWrapper = /*#__PURE__*/function (_Component) {
-  (0, _inherits2.default)(TagWrapper, _Component);
-  var _super = (0, _createSuper2.default)(TagWrapper);
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+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 = (0, _getPrototypeOf2["default"])(derived);
+  return (0, _possibleConstructorReturn2["default"])(_this, isNativeReflectConstruct() ? Reflect.construct(derived, args || [], (0, _getPrototypeOf2["default"])(_this).constructor) : derived.apply(_this, args));
+}
+var TagWrapper = exports.TagWrapper = /*#__PURE__*/function (_Component) {
   function TagWrapper() {
-    var _this;
-    (0, _classCallCheck2.default)(this, TagWrapper);
+    var _this2;
+    (0, _classCallCheck2["default"])(this, TagWrapper);
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-    _this = _super.call.apply(_super, [this].concat(args));
-    _this.dismissTag = function (e) {
+    _this2 = _callSuper(this, TagWrapper, [].concat(args));
+    (0, _defineProperty2["default"])(_this2, "dismissTag", function (e) {
       // prevent closing of list
       e.stopPropagation();
       e.preventDefault();
-      _this.props.onClick(_this.props.id);
-    };
-    return _this;
+      _this2.props.onClick(_this2.props.id);
+    });
+    return _this2;
   }
-  (0, _createClass2.default)(TagWrapper, [{
+  (0, _inherits2["default"])(TagWrapper, _Component);
+  return (0, _createClass2["default"])(TagWrapper, [{
     key: "render",
     value: function render() {
       var _this$props = this.props,
@@ -41,9 +57,9 @@ var TagWrapper = /*#__PURE__*/function (_Component) {
         text = _this$props.text,
         index = _this$props.index,
         themeOverride = _this$props.themeOverride;
-      return /*#__PURE__*/_react.default.createElement(_uiTag.Tag, {
-        text: /*#__PURE__*/_react.default.createElement(_uiA11yContent.AccessibleContent, {
-          alt: (0, _formatMessage.default)('Remove {label}', {
+      return /*#__PURE__*/_react["default"].createElement(_uiTag.Tag, {
+        text: /*#__PURE__*/_react["default"].createElement(_uiA11yContent.AccessibleContent, {
+          alt: (0, _formatMessage["default"])('Remove {label}', {
             label: text
           })
         }, text),
@@ -55,19 +71,15 @@ var TagWrapper = /*#__PURE__*/function (_Component) {
       });
     }
   }]);
-  TagWrapper.displayName = "TagWrapper";
-  return TagWrapper;
 }(_react.Component);
-exports.TagWrapper = TagWrapper;
-TagWrapper.propTypes = {
-  text: _propTypes.default.string.isRequired,
-  index: _propTypes.default.number.isRequired,
-  id: _propTypes.default.string.isRequired,
-  onClick: _propTypes.default.func.isRequired,
-  themeOverride: _propTypes.default.object
-};
-TagWrapper.defaultProps = {
+(0, _defineProperty2["default"])(TagWrapper, "propTypes", {
+  text: _propTypes["default"].string.isRequired,
+  index: _propTypes["default"].number.isRequired,
+  id: _propTypes["default"].string.isRequired,
+  onClick: _propTypes["default"].func.isRequired,
+  themeOverride: _propTypes["default"].object
+});
+(0, _defineProperty2["default"])(TagWrapper, "defaultProps", {
   themeOverride: {}
-};
-var _default = TagWrapper;
-exports.default = _default;
+});
+var _default = exports["default"] = TagWrapper;