@instructure/quiz-core 21.1.1 → 22.0.0

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

@@ -1,14 +1,31 @@
 import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
 import _createClass from "@babel/runtime/helpers/esm/createClass";
+import _possibleConstructorReturn from "@babel/runtime/helpers/esm/possibleConstructorReturn";
+import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
 import _inherits from "@babel/runtime/helpers/esm/inherits";
-import _createSuper from "@babel/runtime/helpers/esm/createSuper";
-import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+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));
+}
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 import React, { Component } from 'react';
 import PropTypes from 'prop-types';
 import t from '@instructure/quiz-i18n/es/format-message';
 import { withI18nSupport } from '@instructure/quiz-common';
 import { AccessibleContent } from '@instructure/ui-a11y-content';
-import { formatTime } from "../../../util/formatTimespan.js";
+import { formatTime } from '../../../util/formatTimespan';
 import { Text } from '@instructure/ui-text';
 export var DAY_IN_SECONDS = 86400;
 export var HOUR_IN_SECONDS = 3600;
@@ -19,7 +36,7 @@ export var MINUTE_IN_SECONDS = 60;
  * @return {object}
  */
 export function breakdownSeconds(seconds) {
-  var includeDays = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : false;
+  var includeDays = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
   if (seconds <= 0 || seconds === null || seconds === void 0) {
     return _objectSpread(_objectSpread({}, includeDays && {
       days: 0
@@ -38,13 +55,12 @@ export function breakdownSeconds(seconds) {
   });
 }
 export var FormattedTimer = /*#__PURE__*/function (_withI18nSupport) {
-  _inherits(FormattedTimer, _withI18nSupport);
-  var _super = _createSuper(FormattedTimer);
   function FormattedTimer() {
     _classCallCheck(this, FormattedTimer);
-    return _super.apply(this, arguments);
+    return _callSuper(this, FormattedTimer, arguments);
   }
-  _createClass(FormattedTimer, [{
+  _inherits(FormattedTimer, _withI18nSupport);
+  return _createClass(FormattedTimer, [{
     key: "render",
     value: function render() {
       var _breakdownSeconds = breakdownSeconds(this.props.seconds),
@@ -69,20 +85,18 @@ export var FormattedTimer = /*#__PURE__*/function (_withI18nSupport) {
       }, display));
     }
   }]);
-  FormattedTimer.displayName = "FormattedTimer";
-  return FormattedTimer;
 }(withI18nSupport(Component));
-FormattedTimer.propTypes = {
+_defineProperty(FormattedTimer, "propTypes", {
   fontSize: Text.propTypes.size,
   fontWeight: Text.propTypes.weight,
   seconds: PropTypes.number
-};
-FormattedTimer.defaultProps = {
+});
+_defineProperty(FormattedTimer, "defaultProps", {
   fontSize: Text.defaultProps.size,
   fontWeight: Text.defaultProps.weight,
   seconds: 0
-};
-FormattedTimer.contextTypes = {
+});
+_defineProperty(FormattedTimer, "contextTypes", {
   locale: PropTypes.string
-};
+});
 export default FormattedTimer;

package/es/common/components/shared/GenericAsyncSearch/GenericAsyncSearch.js

@@ -1,7 +1,23 @@
 import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
 import _createClass from "@babel/runtime/helpers/esm/createClass";
+import _possibleConstructorReturn from "@babel/runtime/helpers/esm/possibleConstructorReturn";
+import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
 import _inherits from "@babel/runtime/helpers/esm/inherits";
-import _createSuper from "@babel/runtime/helpers/esm/createSuper";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+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 debounce from 'lodash/fp/debounce';
@@ -9,119 +25,118 @@ import { Spinner } from '@instructure/ui-spinner';
 import t from '@instructure/quiz-i18n/es/format-message';
 import { SELECT_EMPTY_OPTION, Select } from '@instructure/quiz-common';
 export var GenericAsyncSearch = /*#__PURE__*/function (_Component) {
-  _inherits(GenericAsyncSearch, _Component);
-  var _super = _createSuper(GenericAsyncSearch);
   function GenericAsyncSearch() {
-    var _this;
+    var _this2;
     _classCallCheck(this, GenericAsyncSearch);
-    _this = _super.apply(this, arguments);
-    _this.setInputRef = function (inputRef) {
-      _this.inputRef = inputRef;
-    };
-    _this.state = {
-      inputValue: _this.props.selectedOption ? _this.props.selectedOption.text : '',
+    _this2 = _callSuper(this, GenericAsyncSearch, arguments);
+    _defineProperty(_this2, "setInputRef", function (inputRef) {
+      _this2.inputRef = inputRef;
+    });
+    _defineProperty(_this2, "state", {
+      inputValue: _this2.props.selectedOption ? _this2.props.selectedOption.text : '',
       isShowingOptions: false,
       isLoading: false,
       highlightedOptionId: null,
       shareableSubaccounts: [],
       options: []
-    };
-    _this.handleShowOptions = function () {
-      _this.setState({
+    });
+    _defineProperty(_this2, "handleShowOptions", function () {
+      _this2.setState({
         isShowingOptions: true
       });
-    };
-    _this.close = function (inputValue) {
-      return _this.setState({
+    });
+    _defineProperty(_this2, "close", function (inputValue) {
+      return _this2.setState({
         isShowingOptions: false,
         highlightedOptionId: null,
         inputValue: inputValue
       });
-    };
-    _this.handleBlur = function () {
-      var _this$props$selectedO;
-      return _this.close(((_this$props$selectedO = _this.props.selectedOption) === null || _this$props$selectedO === void 0 ? void 0 : _this$props$selectedO.text) || '');
-    };
-    _this.handleHighlightOption = function (event, optionIdentifier) {
+    });
+    _defineProperty(_this2, "handleBlur", function () {
+      var _this2$props$selected;
+      return _this2.close(((_this2$props$selected = _this2.props.selectedOption) === null || _this2$props$selected === void 0 ? void 0 : _this2$props$selected.text) || '');
+    });
+    _defineProperty(_this2, "handleHighlightOption", function (event, optionIdentifier) {
       event.persist();
-      var option = _this.getOption(optionIdentifier.id);
-      _this.setState({
+      var option = _this2.getOption(optionIdentifier.id);
+      _this2.setState({
         highlightedOptionId: option === null || option === void 0 ? void 0 : option.id,
-        inputValue: event.type === 'keydown' ? option === null || option === void 0 ? void 0 : option.text : _this.state.inputValue
+        inputValue: event.type === 'keydown' ? option === null || option === void 0 ? void 0 : option.text : _this2.state.inputValue
       });
-    };
-    _this.handleSelectOption = function (event, optionIdentifier) {
+    });
+    _defineProperty(_this2, "handleSelectOption", function (event, optionIdentifier) {
       if (!optionIdentifier || !optionIdentifier.id || optionIdentifier.id === SELECT_EMPTY_OPTION) return;
-      var option = _this.getOption(optionIdentifier.id);
-      _this.props.onSelectionChange(event, option);
-      _this.close(option.text);
-    };
-    _this.handleInputChange = function (event) {
+      var option = _this2.getOption(optionIdentifier.id);
+      _this2.props.onSelectionChange(event, option);
+      _this2.close(option.text);
+    });
+    _defineProperty(_this2, "handleInputChange", function (event) {
       var value = event.target.value;
-      var shouldSearch = !!value && value.length >= _this.props.minChars;
-      _this.setState({
+      var shouldSearch = !!value && value.length >= _this2.props.minChars;
+      _this2.setState({
         inputValue: value,
         isShowingOptions: true
       });
       if (shouldSearch) {
-        _this.setState({
+        _this2.setState({
           isLoading: true,
           options: [],
           highlightedOptionId: null
         });
-        _this.search(value);
+        _this2.search(value);
       }
-    };
-    _this.handleKeyDown = function (event) {
-      if (event.keyCode === 8 && _this.state.inputValue === '') {
+    });
+    _defineProperty(_this2, "handleKeyDown", function (event) {
+      if (event.keyCode === 8 && _this2.state.inputValue === '') {
         // when backspace key is pressed
-        _this.setState({
+        _this2.setState({
           highlightedOptionId: null
         });
       }
-    };
-    _this.actualOptions = function () {
-      return _this.state.options.map(function (option) {
+    });
+    _defineProperty(_this2, "actualOptions", function () {
+      return _this2.state.options.map(function (option) {
         return /*#__PURE__*/React.createElement(Select.Option, {
           id: option.id,
           key: option.id,
-          isHighlighted: option.id === _this.state.highlightedOptionId
+          isHighlighted: option.id === _this2.state.highlightedOptionId
         }, option.text);
       });
-    };
-    _this.emptyOptionText = function () {
-      if (_this.props.minChars > 1 && _this.state.inputValue < _this.props.minChars) {
+    });
+    _defineProperty(_this2, "emptyOptionText", function () {
+      if (_this2.props.minChars > 1 && _this2.state.inputValue < _this2.props.minChars) {
         return t('Search term must be at least { minChars } characters', {
-          minChars: _this.props.minChars
+          minChars: _this2.props.minChars
         });
       }
-      return _this.state.inputValue === '' ? t('Write to search') : t('No Results');
-    };
-    _this.emptyOrLoadingOption = function () {
+      return _this2.state.inputValue === '' ? t('Write to search') : t('No Results');
+    });
+    _defineProperty(_this2, "emptyOrLoadingOption", function () {
       return /*#__PURE__*/React.createElement(Select.Option, {
         id: SELECT_EMPTY_OPTION,
         key: SELECT_EMPTY_OPTION
-      }, _this.state.isLoading ? /*#__PURE__*/React.createElement(Spinner, {
+      }, _this2.state.isLoading ? /*#__PURE__*/React.createElement(Spinner, {
         renderTitle: t('Loading'),
         size: "x-small"
-      }) : _this.emptyOptionText());
-    };
-    _this.renderOptions = function () {
-      return _this.state.options.length ? _this.actualOptions() : _this.emptyOrLoadingOption();
-    };
-    _this.search = debounce(_this.props.debounceDelay, function (value) {
-      _this.props.getOptions(value).then(function (options) {
+      }) : _this2.emptyOptionText());
+    });
+    _defineProperty(_this2, "renderOptions", function () {
+      return _this2.state.options.length ? _this2.actualOptions() : _this2.emptyOrLoadingOption();
+    });
+    _this2.search = debounce(_this2.props.debounceDelay, function (value) {
+      _this2.props.getOptions(value).then(function (options) {
         var _options$;
-        _this.setState({
+        _this2.setState({
           options: options,
           highlightedOptionId: ((_options$ = options[0]) === null || _options$ === void 0 ? void 0 : _options$.id) || null,
           isLoading: false
         });
       });
     });
-    return _this;
+    return _this2;
   }
-  _createClass(GenericAsyncSearch, [{
+  _inherits(GenericAsyncSearch, _Component);
+  return _createClass(GenericAsyncSearch, [{
     key: "getOption",
     value: function getOption(queryId) {
       return this.state.options.find(function (_ref) {
@@ -150,10 +165,8 @@ export var GenericAsyncSearch = /*#__PURE__*/function (_Component) {
       }, this.renderOptions());
     }
   }]);
-  GenericAsyncSearch.displayName = "GenericAsyncSearch";
-  return GenericAsyncSearch;
 }(Component);
-GenericAsyncSearch.propTypes = {
+_defineProperty(GenericAsyncSearch, "propTypes", {
   debounceDelay: PropTypes.number,
   minChars: PropTypes.number,
   onSelectionChange: PropTypes.func.isRequired,
@@ -166,12 +179,12 @@ GenericAsyncSearch.propTypes = {
   messages: PropTypes.array,
   selectAutomation: PropTypes.string,
   getOptions: PropTypes.func.isRequired
-};
-GenericAsyncSearch.defaultProps = {
+});
+_defineProperty(GenericAsyncSearch, "defaultProps", {
   debounceDelay: 500,
   minChars: 3,
   label: null,
   placeholder: null,
   selectAutomation: null
-};
+});
 export default GenericAsyncSearch;

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

@@ -1,6 +1,6 @@
-import { connect } from "../../../react-redux.js";
-import { IfFeature as IfFeaturePresenter } from "./presenter.js";
-import { featureOn } from "../../../util/featureCheck.js";
+import { connect } from '../../../react-redux';
+import { IfFeature as IfFeaturePresenter } from './presenter';
+import { featureOn } from '../../../util/featureCheck';
 export function mapStateToProps(state, props) {
   return {
     isOn: featureOn(props.name)

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

@@ -1,17 +1,32 @@
 import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
 import _createClass from "@babel/runtime/helpers/esm/createClass";
+import _possibleConstructorReturn from "@babel/runtime/helpers/esm/possibleConstructorReturn";
+import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
 import _inherits from "@babel/runtime/helpers/esm/inherits";
-import _createSuper from "@babel/runtime/helpers/esm/createSuper";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+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 { Component } from 'react';
 import PropTypes from 'prop-types';
 export var IfFeature = /*#__PURE__*/function (_Component) {
-  _inherits(IfFeature, _Component);
-  var _super = _createSuper(IfFeature);
   function IfFeature() {
     _classCallCheck(this, IfFeature);
-    return _super.apply(this, arguments);
+    return _callSuper(this, IfFeature, arguments);
   }
-  _createClass(IfFeature, [{
+  _inherits(IfFeature, _Component);
+  return _createClass(IfFeature, [{
     key: "render",
     value: function render() {
       if (!this.props.isOn) {
@@ -20,15 +35,13 @@ export var IfFeature = /*#__PURE__*/function (_Component) {
       return this.props.children;
     }
   }]);
-  IfFeature.displayName = "IfFeature";
-  return IfFeature;
 }(Component);
-IfFeature.propTypes = {
+_defineProperty(IfFeature, "propTypes", {
   children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]),
   isOn: PropTypes.bool
-};
-IfFeature.defaultProps = {
+});
+_defineProperty(IfFeature, "defaultProps", {
   children: null,
   isOn: false
-};
+});
 export default IfFeature;

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

@@ -1,6 +1,6 @@
-import { connect } from "../../../react-redux.js";
-import InteractionTypes from "./presenter.js";
-import { featureOn } from "../../../../common/util/featureCheck.js";
+import { connect } from '../../../react-redux';
+import InteractionTypes from './presenter';
+import { featureOn } from '../../../../common/util/featureCheck';
 function mapStateToProps(state) {
   return {
     allowPassageCreation: featureOn('passage')

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

@@ -1,8 +1,24 @@
 import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
 import _createClass from "@babel/runtime/helpers/esm/createClass";
+import _possibleConstructorReturn from "@babel/runtime/helpers/esm/possibleConstructorReturn";
+import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
 import _inherits from "@babel/runtime/helpers/esm/inherits";
-import _createSuper from "@babel/runtime/helpers/esm/createSuper";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 var _dec, _class, _InteractionTypes;
+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';
@@ -15,27 +31,25 @@ import { Text } from '@instructure/ui-text';
 import { IconPlusLine } from '@instructure/ui-icons';
 import { Grid } from '@instructure/ui-grid';
 import { PresentationContent } from '@instructure/ui-a11y-content';
-import { interactionTypeMetadata } from "../../../util/interactionTypeMetadata.js";
+import { interactionTypeMetadata } from '../../../util/interactionTypeMetadata';
 import t from '@instructure/quiz-i18n/es/format-message';
-import generateStyle from "./styles.js";
-import generateComponentTheme from "./theme.js";
+import generateStyle from './styles';
+import generateComponentTheme from './theme';
 import { withStyleOverrides } from '@instructure/quiz-common';
 export var InteractionTypes = (_dec = withStyleOverrides(generateStyle, generateComponentTheme), _dec(_class = (_InteractionTypes = /*#__PURE__*/function (_Component) {
-  _inherits(InteractionTypes, _Component);
-  var _super = _createSuper(InteractionTypes);
   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 = _super.call.apply(_super, [this].concat(args));
-    _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');
@@ -44,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('Passage');
@@ -53,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;
@@ -80,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)))))));
-    };
-    _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));
       });
@@ -114,37 +128,38 @@ export var InteractionTypes = (_dec = withStyleOverrides(generateStyle, generate
           key: key
         }, gridCols);
       });
-    };
-    _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;
   }
-  _createClass(InteractionTypes, [{
+  _inherits(InteractionTypes, _Component);
+  return _createClass(InteractionTypes, [{
     key: "render",
     value: function render() {
       return jsx(Grid, {
@@ -154,9 +169,7 @@ export var InteractionTypes = (_dec = withStyleOverrides(generateStyle, generate
       }, this.renderInteractionTypeRows(), this.renderStimulusTypeButton());
     }
   }]);
-  InteractionTypes.displayName = "InteractionTypes";
-  return InteractionTypes;
-}(Component), _InteractionTypes.displayName = 'InteractionTypes', _InteractionTypes.componentId = "Quizzes".concat(_InteractionTypes.displayName), _InteractionTypes.propTypes = {
+}(Component), _defineProperty(_InteractionTypes, "displayName", 'InteractionTypes'), _defineProperty(_InteractionTypes, "componentId", "Quizzes".concat(_InteractionTypes.displayName)), _defineProperty(_InteractionTypes, "propTypes", {
   columns: PropTypes.number.isRequired,
   addItem: PropTypes.func.isRequired,
   addStimulus: PropTypes.func.isRequired,
@@ -164,8 +177,8 @@ export var InteractionTypes = (_dec = withStyleOverrides(generateStyle, generate
   allowPassageCreation: PropTypes.bool,
   types: ImmutablePropTypes.list,
   styles: PropTypes.object
-}, _InteractionTypes.defaultProps = {
+}), _defineProperty(_InteractionTypes, "defaultProps", {
   allowStimulusCreation: true,
   types: List()
-}, _InteractionTypes)) || _class);
+}), _InteractionTypes)) || _class);
 export default InteractionTypes;

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

@@ -4,7 +4,7 @@ var generateComponentTheme = function generateComponentTheme(_ref) {
     spacing = _ref.spacing;
   return {
     stimulusDividerBorderWidth: borders.widthSmall,
-    stimulusDividerBorderColor: colors.ash,
+    stimulusDividerBorderColor: colors.contrasts.grey4570,
     stimulusDividerMarginTop: spacing.xSmall,
     stimulusDividerMarginBottom: spacing.small
   };

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

@@ -1,7 +1,7 @@
 import { Map } from 'immutable';
-import { connect } from "../../../react-redux.js";
-import PaginatedCollection from "./presenter.js";
-import { merge, set } from "../../../actions/ui.js";
+import { connect } from '../../../react-redux';
+import PaginatedCollection from './presenter';
+import { merge, set } from '../../../actions/ui';
 export function mapStateToProps(state, props) {
   var pageData = state.getIn(['ui', props.stateKey], Map());
   var totalPages = pageData.get('total', 0);