@instructure/quiz-core 20.17.2-rc.9 → 20.17.3-rc.0

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

@@ -1,10 +1,8 @@
 import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
 import _createClass from "@babel/runtime/helpers/esm/createClass";
+import _callSuper from "@babel/runtime/helpers/esm/callSuper";
 import _inherits from "@babel/runtime/helpers/esm/inherits";
-import _createSuper from "@babel/runtime/helpers/esm/createSuper";
-
-var _dec, _class, _class2, _temp;
-
+var _dec, _class, _TagDisplay;
 /** @jsx jsx */
 import { Component } from 'react';
 import PropTypes from 'prop-types';
@@ -14,25 +12,19 @@ import { Text } from '@instructure/ui-text';
 import { Tag } from '@instructure/ui-tag';
 import { withStyle, jsx } from '@instructure/emotion';
 import t from '@instructure/quiz-i18n/es/format-message';
-import generateStyle from "./styles.js";
-export var TagDisplay = (_dec = withStyle(generateStyle, null), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_Component) {
-  _inherits(TagDisplay, _Component);
-
-  var _super = _createSuper(TagDisplay);
-
+import generateStyle from './styles';
+export var TagDisplay = (_dec = withStyle(generateStyle, null), _dec(_class = (_TagDisplay = /*#__PURE__*/function (_Component) {
   function TagDisplay() {
     _classCallCheck(this, TagDisplay);
-
-    return _super.apply(this, arguments);
+    return _callSuper(this, TagDisplay, arguments);
   }
-
-  _createClass(TagDisplay, [{
+  _inherits(TagDisplay, _Component);
+  return _createClass(TagDisplay, [{
     key: "render",
     value: function render() {
       if (this.props.tagAssociations == null) {
         return null;
       }
-
       var display = this.props.display;
       var count = this.props.tagAssociations.size;
       var extra = count - display;
@@ -63,15 +55,12 @@ export var TagDisplay = (_dec = withStyle(generateStyle, null), _dec(_class = (_
       }));
     }
   }]);
-
-  TagDisplay.displayName = "TagDisplay";
-  return TagDisplay;
-}(Component), _class2.propTypes = {
+}(Component), _TagDisplay.propTypes = {
   display: PropTypes.number,
   tagAssociations: ImmutablePropTypes.listOf(ImmutablePropTypes.map),
   styles: PropTypes.object
-}, _class2.defaultProps = {
+}, _TagDisplay.defaultProps = {
   display: 2,
   tagAssociations: null
-}, _temp)) || _class);
+}, _TagDisplay)) || _class);
 export default TagDisplay;

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

@@ -5,5 +5,4 @@ var generateStyle = function generateStyle() {
     }
   };
 };
-
 export default generateStyle;

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

@@ -1,2 +1,2 @@
-import TagSelect from "./presenter.js";
+import TagSelect from './presenter';
 export default TagSelect;

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

@@ -1,12 +1,13 @@
+import _readOnlyError from "@babel/runtime/helpers/esm/readOnlyError";
 import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
 import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
 import _createClass from "@babel/runtime/helpers/esm/createClass";
+import _callSuper from "@babel/runtime/helpers/esm/callSuper";
 import _inherits from "@babel/runtime/helpers/esm/inherits";
-import _createSuper from "@babel/runtime/helpers/esm/createSuper";
 import React, { Component } from 'react';
 import PropTypes from 'prop-types';
 import { Select } from '@instructure/ui-select';
-import TagWrapper from "../TagWrapper/index.js";
+import TagWrapper from '../TagWrapper';
 import differenceBy from 'lodash/differenceBy';
 import t from '@instructure/quiz-i18n/es/format-message';
 import { SELECT_EMPTY_OPTION } from '@instructure/quiz-common';
@@ -15,54 +16,40 @@ var tagShape = PropTypes.shape({
   value: PropTypes.string.isRequired
 });
 export var TagSelect = /*#__PURE__*/function (_Component) {
-  _inherits(TagSelect, _Component);
-
-  var _super = _createSuper(TagSelect);
-
   function TagSelect() {
     var _this;
-
     _classCallCheck(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 = _callSuper(this, TagSelect, [].concat(args));
     _this.state = {
       inputValue: '',
       isShowingOptions: false,
       highlightedOptionId: null
     };
-
     _this.setInputRef = function (inputRef) {
       _this.inputRef = inputRef;
     };
-
     _this.handleShowOptions = function () {
       _this.setState({
         isShowingOptions: true
       });
     };
-
     _this.handleHideOptions = function () {
       _this.setState({
         isShowingOptions: false
       });
     };
-
     _this.handleBlur = function () {
       _this.setState({
         highlightedOptionId: null
       });
     };
-
     _this.handleHighlightOption = function (event, _ref) {
       var id = _ref.id;
       event.persist();
-
       var tag = _this.decodeTag(id);
-
       _this.setState(function (state) {
         return {
           highlightedOptionId: id,
@@ -70,69 +57,55 @@ export var TagSelect = /*#__PURE__*/function (_Component) {
         };
       });
     };
-
     _this.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 : {
         value: tag.value
       }]));
-
       _this.setState({
         highlightedOptionId: null,
         inputValue: '',
         isShowingOptions: false
       });
     };
-
     _this.handleInputChange = function (event) {
       var inputValue = event.target.value !== ' ' ? event.target.value : '';
-
       _this.props.onInputChange(inputValue === '' ? null : inputValue);
-
       _this.setState({
         inputValue: inputValue,
         isShowingOptions: true
       });
     };
-
     _this.handleKeyDown = function (event) {
       var inputValue = _this.state.inputValue;
-
       if (event.keyCode === 8) {
         // when backspace key is pressed
         if (inputValue === '' && _this.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({
             highlightedOptionId: null
           });
         }
       }
     };
-
     _this.dismissTag = function (encodedTag) {
       var tags = _this.props.tags.filter(function (tag) {
         return _this.encodeTag(tag) !== encodedTag;
       });
-
       _this.props.onChange(tags);
-
       _this.setState({
         highlightedOptionId: null
       }, function () {
         _this.inputRef.focus();
       });
     };
-
     return _this;
   }
-
-  _createClass(TagSelect, [{
+  _inherits(TagSelect, _Component);
+  return _createClass(TagSelect, [{
     key: "componentDidUpdate",
     value: function componentDidUpdate(prevProps, prevState) {
       if (prevProps.tagSuggestions !== this.props.tagSuggestions) {
@@ -165,7 +138,6 @@ export var TagSelect = /*#__PURE__*/function (_Component) {
     key: "renderTags",
     value: function renderTags() {
       var _this2 = this;
-
       var tags = this.props.tags;
       return tags.map(function (tag, index) {
         return /*#__PURE__*/React.createElement(TagWrapper, {
@@ -181,8 +153,8 @@ export var TagSelect = /*#__PURE__*/function (_Component) {
     key: "emptyOption",
     value: function emptyOption() {
       var _this$props = this.props,
-          tags = _this$props.tags,
-          noMatchText = _this$props.noMatchText;
+        tags = _this$props.tags,
+        noMatchText = _this$props.noMatchText;
       var inputValue = this.normalizeSpaces(this.state.inputValue);
       var exists = t('Tag already selected: { text }', {
         text: inputValue
@@ -195,11 +167,10 @@ export var TagSelect = /*#__PURE__*/function (_Component) {
     key: "options",
     value: function options() {
       var _this3 = this;
-
       var _this$props2 = this.props,
-          allowNewTags = _this$props2.allowNewTags,
-          tags = _this$props2.tags,
-          tagSuggestions = _this$props2.tagSuggestions;
+        allowNewTags = _this$props2.allowNewTags,
+        tags = _this$props2.tags,
+        tagSuggestions = _this$props2.tagSuggestions;
       var notSelectedTagSuggestions = differenceBy(tagSuggestions, tags, 'value');
       var options = notSelectedTagSuggestions.map(function (tag) {
         return /*#__PURE__*/React.createElement(Select.Option, {
@@ -208,8 +179,8 @@ export var TagSelect = /*#__PURE__*/function (_Component) {
           isHighlighted: _this3.encodeTag(tag) === _this3.state.highlightedOptionId
         }, tag.value);
       });
-      var inputValue = this.normalizeSpaces(this.state.inputValue); // Don't offer tag creation on suggested or selected tags
-
+      var inputValue = this.normalizeSpaces(this.state.inputValue);
+      // Don't offer tag creation on suggested or selected tags
       if (!tagSuggestions.concat(tags).some(function (tag) {
         return tag.value === inputValue;
       })) {
@@ -227,22 +198,20 @@ export var TagSelect = /*#__PURE__*/function (_Component) {
           })));
         }
       }
-
       if (options.length === 0) {
         options.push( /*#__PURE__*/React.createElement(Select.Option, {
           id: SELECT_EMPTY_OPTION,
           key: SELECT_EMPTY_OPTION
         }, this.emptyOption()));
       }
-
       return options;
     }
   }, {
     key: "render",
     value: function render() {
       var _this$state = this.state,
-          inputValue = _this$state.inputValue,
-          isShowingOptions = _this$state.isShowingOptions;
+        inputValue = _this$state.inputValue,
+        isShowingOptions = _this$state.isShowingOptions;
       return /*#__PURE__*/React.createElement(Select, {
         renderLabel: t('Tags and Metadata'),
         inputValue: inputValue,
@@ -260,9 +229,6 @@ export var TagSelect = /*#__PURE__*/function (_Component) {
       }, this.options());
     }
   }]);
-
-  TagSelect.displayName = "TagSelect";
-  return TagSelect;
 }(Component);
 TagSelect.propTypes = {
   allowNewTags: PropTypes.bool,

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

@@ -1,15 +1,13 @@
-import { connect } from "../../../react-redux.js";
-import TagSelect from "./presenter.js";
+import { connect } from '../../../react-redux';
+import TagSelect from './presenter';
 import { bindActionCreators } from 'redux';
-import { setTagInput, setTagSuggestions } from "../../../../common/actions/tagAssociations.js";
-import { getTagSuggestions } from "../../../../banks/api/tagAssociations.js";
-
+import { setTagInput, setTagSuggestions } from '../../../../common/actions/tagAssociations';
+import { getTagSuggestions } from '../../../../banks/api/tagAssociations';
 function mapStateToProps(state, props) {
   return {
     tagSuggestions: state.getIn(['tagAssociations', 'tagSuggestions', props.parentType, props.parentId])
   };
 }
-
 function mapDispatchToProps(dispatch) {
   return {
     getTagSuggestions: bindActionCreators(getTagSuggestions, dispatch),
@@ -17,5 +15,4 @@ function mapDispatchToProps(dispatch) {
     setTagInput: bindActionCreators(setTagInput, dispatch)
   };
 }
-
 export default connect(mapStateToProps, mapDispatchToProps)(TagSelect);

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

@@ -1,65 +1,54 @@
 import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
 import _createClass from "@babel/runtime/helpers/esm/createClass";
+import _callSuper from "@babel/runtime/helpers/esm/callSuper";
 import _inherits from "@babel/runtime/helpers/esm/inherits";
-import _createSuper from "@babel/runtime/helpers/esm/createSuper";
 import React, { Component } from 'react';
 import Immutable from 'immutable';
 import PropTypes from 'prop-types';
 import ImmutablePropTypes from 'react-immutable-proptypes';
 import debounce from 'lodash/debounce';
-import TagSelect from "../TagSelect/index.js";
+import TagSelect from '../TagSelect';
 var tagShape = PropTypes.shape({
   id: PropTypes.string,
   value: PropTypes.string.isRequired
 });
 export var TagSuggest = /*#__PURE__*/function (_Component) {
-  _inherits(TagSuggest, _Component);
-
-  var _super = _createSuper(TagSuggest);
-
   function TagSuggest() {
     var _this;
-
     _classCallCheck(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 = _callSuper(this, TagSuggest, [].concat(args));
     _this.debouncedSuggestions = debounce(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;
-
+        parentType = _this$props.parentType,
+        parentId = _this$props.parentId;
       _this.props.setTagInput(parentType, parentId, tagText);
-
       if (tagText != null) {
         _this.debouncedSuggestions(parentType, parentId, tagText);
       } else {
         _this.props.setTagSuggestions(parentType, parentId, null, tagText);
       }
     };
-
     return _this;
   }
-
-  _createClass(TagSuggest, [{
+  _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;
+        defaultSuggestions = _this$props2.defaultSuggestions,
+        tagSuggestions = _this$props2.tagSuggestions,
+        tags = _this$props2.tags;
       var suggestions = tagSuggestions || Immutable.fromJS(defaultSuggestions);
       var visibleTagIds = tags.map(function (tag) {
         return tag.id;
-      }); // Exclude suggestions for tags already selected
-
+      });
+      // Exclude suggestions for tags already selected
       return suggestions.filterNot(function (tag) {
         return visibleTagIds.includes(tag.get('id'));
       });
@@ -79,9 +68,6 @@ export var TagSuggest = /*#__PURE__*/function (_Component) {
       });
     }
   }]);
-
-  TagSuggest.displayName = "TagSuggest";
-  return TagSuggest;
 }(Component);
 TagSuggest.propTypes = {
   allowNewTags: PropTypes.bool,

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

@@ -1,2 +1,2 @@
-import TagWrapper from "./presenter.js";
+import TagWrapper from './presenter';
 export default TagWrapper;

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

@@ -1,46 +1,36 @@
 import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
 import _createClass from "@babel/runtime/helpers/esm/createClass";
+import _callSuper from "@babel/runtime/helpers/esm/callSuper";
 import _inherits from "@babel/runtime/helpers/esm/inherits";
-import _createSuper from "@babel/runtime/helpers/esm/createSuper";
 import React, { Component } from 'react';
 import PropTypes from 'prop-types';
 import { Tag } from '@instructure/ui-tag';
 import { AccessibleContent } from '@instructure/ui-a11y-content';
 import t from '@instructure/quiz-i18n/es/format-message';
 export var TagWrapper = /*#__PURE__*/function (_Component) {
-  _inherits(TagWrapper, _Component);
-
-  var _super = _createSuper(TagWrapper);
-
   function TagWrapper() {
     var _this;
-
     _classCallCheck(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 = _callSuper(this, TagWrapper, [].concat(args));
     _this.dismissTag = function (e) {
       // prevent closing of list
       e.stopPropagation();
       e.preventDefault();
-
       _this.props.onClick(_this.props.id);
     };
-
     return _this;
   }
-
-  _createClass(TagWrapper, [{
+  _inherits(TagWrapper, _Component);
+  return _createClass(TagWrapper, [{
     key: "render",
     value: function render() {
       var _this$props = this.props,
-          id = _this$props.id,
-          text = _this$props.text,
-          index = _this$props.index;
+        id = _this$props.id,
+        text = _this$props.text,
+        index = _this$props.index;
       return /*#__PURE__*/React.createElement(Tag, {
         text: /*#__PURE__*/React.createElement(AccessibleContent, {
           alt: t('Remove {label}', {
@@ -54,9 +44,6 @@ export var TagWrapper = /*#__PURE__*/function (_Component) {
       });
     }
   }]);
-
-  TagWrapper.displayName = "TagWrapper";
-  return TagWrapper;
 }(Component);
 TagWrapper.propTypes = {
   text: PropTypes.string.isRequired,