@instructure/quiz-core 21.0.1-rc.0 → 21.0.1-rc.13

package/es/common/components/resources/stimulus/StimulusShow/index.js

@@ -1,8 +1,12 @@
 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, _StimulusShow;
+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; })(); }
 /** @jsx jsx */
 /* eslint "jsx-a11y/click-events-have-key-events": "warn" */
 import { Component } from 'react';
@@ -11,34 +15,32 @@ import ImmutablePropTypes from 'react-immutable-proptypes';
 import { IconBankLine } from '@instructure/ui-icons';
 import { jsx } from '@instructure/emotion';
 import { Text } from '@instructure/ui-text';
-import StimulusShowInfo from "../StimulusShowInfo/index.js";
-import ActionButtons from "../../../../../building/components/resources/ActionButtons/index.js";
-import t from '@instructure/quiz-i18n/es/format-message';
-import generateStyle from "./styles.js";
-import generateComponentTheme from "./theme.js";
-import Overlay from "../../../shared/overlay/index.js";
 import { Flex, withStyleOverrides } from '@instructure/quiz-common';
-var _ref = jsx(IconBankLine, null);
+import StimulusShowInfo from '../StimulusShowInfo';
+import ActionButtons from '../../../../../building/components/resources/ActionButtons';
+import t from '@instructure/quiz-i18n/es/format-message';
+import generateStyle from './styles';
+import generateComponentTheme from './theme';
+import Overlay from '../../../shared/overlay';
 export var StimulusShow = (_dec = withStyleOverrides(generateStyle, generateComponentTheme), _dec(_class = (_StimulusShow = /*#__PURE__*/function (_Component) {
-  _inherits(StimulusShow, _Component);
-  var _super = _createSuper(StimulusShow);
   function StimulusShow() {
     var _this;
     _classCallCheck(this, StimulusShow);
     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.switchOnEditing = function () {
+    _this = _callSuper(this, StimulusShow, [].concat(args));
+    _defineProperty(_this, "switchOnEditing", function () {
       _this.props.switchOnEditing();
-    };
+    });
     return _this;
   }
-  _createClass(StimulusShow, [{
+  _inherits(StimulusShow, _Component);
+  return _createClass(StimulusShow, [{
     key: "renderBankIcon",
     value: function renderBankIcon() {
       if (this.props.isBankedContent || this.props.quizEntry.isArchivedBankEntry) {
-        return _ref;
+        return jsx(IconBankLine, null);
       }
     }
   }, {
@@ -85,9 +87,7 @@ export var StimulusShow = (_dec = withStyleOverrides(generateStyle, generateComp
       }))));
     }
   }]);
-  StimulusShow.displayName = "StimulusShow";
-  return StimulusShow;
-}(Component), _StimulusShow.displayName = 'StimulusShow', _StimulusShow.componentId = "Quizzes".concat(_StimulusShow.displayName), _StimulusShow.propTypes = {
+}(Component), _defineProperty(_StimulusShow, "displayName", 'StimulusShow'), _defineProperty(_StimulusShow, "componentId", "Quizzes".concat(_StimulusShow.displayName)), _defineProperty(_StimulusShow, "propTypes", {
   connectDragSource: PropTypes.func.isRequired,
   displayPosition: PropTypes.number.isRequired,
   isBankedContent: PropTypes.bool,
@@ -101,11 +101,11 @@ export var StimulusShow = (_dec = withStyleOverrides(generateStyle, generateComp
   switchOnEditing: PropTypes.func.isRequired,
   shouldFocusOnMount: PropTypes.bool.isRequired,
   styles: PropTypes.object
-}, _StimulusShow.defaultProps = {
+}), _defineProperty(_StimulusShow, "defaultProps", {
   isBankedContent: false,
   isQuizContentLocked: false,
   scrollKey: '',
   shouldDisableDragHandle: false,
   shouldFocusOnMount: false
-}, _StimulusShow)) || _class);
+}), _StimulusShow)) || _class);
 export default StimulusShow;

package/es/common/components/resources/stimulus/StimulusShowInfo/StimulusShowInfo.examples.js

@@ -1,4 +1,4 @@
-import Stimulus from "../../../../../common/records/Stimulus.js";
+import Stimulus from '../../../../../common/records/Stimulus';
 var stimulus = new Stimulus({
   instructions: 'Instructions can be useful, but people tend not to read them.',
   title: 'A Stimulus',

package/es/common/components/resources/stimulus/StimulusShowInfo/index.js

@@ -1,7 +1,11 @@
 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(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; })(); }
 import React, { Component } from 'react';
 import ImmutablePropTypes from 'react-immutable-proptypes';
 import { Heading } from '@instructure/ui-heading';
@@ -10,13 +14,12 @@ import { View } from '@instructure/ui-view';
 import { RichContentRenderer } from '@instructure/quiz-rce';
 import t from '@instructure/quiz-i18n/es/format-message';
 var StimulusShowInfo = /*#__PURE__*/function (_Component) {
-  _inherits(StimulusShowInfo, _Component);
-  var _super = _createSuper(StimulusShowInfo);
   function StimulusShowInfo() {
     _classCallCheck(this, StimulusShowInfo);
-    return _super.apply(this, arguments);
+    return _callSuper(this, StimulusShowInfo, arguments);
   }
-  _createClass(StimulusShowInfo, [{
+  _inherits(StimulusShowInfo, _Component);
+  return _createClass(StimulusShowInfo, [{
     key: "render",
     value: function render() {
       var stimulus = this.props.stimulus;
@@ -58,10 +61,8 @@ var StimulusShowInfo = /*#__PURE__*/function (_Component) {
       })));
     }
   }]);
-  StimulusShowInfo.displayName = "StimulusShowInfo";
-  return StimulusShowInfo;
 }(Component);
-StimulusShowInfo.propTypes = {
+_defineProperty(StimulusShowInfo, "propTypes", {
   stimulus: ImmutablePropTypes.record.isRequired
-};
+});
 export default StimulusShowInfo;

package/es/common/components/shared/Card/CardContent/index.js

@@ -1,25 +1,29 @@
-import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 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, _CardContent;
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+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; })(); }
 /** @jsx jsx */
 import { Component } from 'react';
 import PropTypes from 'prop-types';
 import { jsx } from '@instructure/emotion';
 import { View } from '@instructure/ui-view';
-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 CardContent = (_dec = withStyleOverrides(generateStyle, generateComponentTheme), _dec(_class = (_CardContent = /*#__PURE__*/function (_Component) {
-  _inherits(CardContent, _Component);
-  var _super = _createSuper(CardContent);
   function CardContent() {
     _classCallCheck(this, CardContent);
-    return _super.apply(this, arguments);
+    return _callSuper(this, CardContent, arguments);
   }
-  _createClass(CardContent, [{
+  _inherits(CardContent, _Component);
+  return _createClass(CardContent, [{
     key: "render",
     value: function render() {
       return jsx(View, {
@@ -30,15 +34,13 @@ export var CardContent = (_dec = withStyleOverrides(generateStyle, generateCompo
       }, this.props.children));
     }
   }]);
-  CardContent.displayName = "CardContent";
-  return CardContent;
-}(Component), _CardContent.displayName = 'CardContent', _CardContent.componentId = "Quizzes".concat(_CardContent.displayName), _CardContent.propTypes = {
+}(Component), _defineProperty(_CardContent, "displayName", 'CardContent'), _defineProperty(_CardContent, "componentId", "Quizzes".concat(_CardContent.displayName)), _defineProperty(_CardContent, "propTypes", {
   children: PropTypes.node.isRequired,
   customStyles: PropTypes.object,
   styles: PropTypes.object,
   className: PropTypes.string
-}, _CardContent.defaultProps = {
+}), _defineProperty(_CardContent, "defaultProps", {
   customStyles: {},
   className: ''
-}, _CardContent)) || _class);
+}), _CardContent)) || _class);
 export default CardContent;

package/es/common/components/shared/Card/CardContent/theme.js

@@ -6,13 +6,13 @@ var generateComponentTheme = function generateComponentTheme(_ref) {
     transitions = _ref.transitions;
   return {
     contentTransitionDuration: transitions.duration,
-    contentBackgroundColor: colors.contrasts.white1010,
+    contentBackgroundColor: colors.white,
     contentMaxWidth: '79.5rem',
     contentMargin: spacing.medium,
     phoneBreakPoint: "max-width: ".concat(breakpoints.medium),
     phoneContentMargin: spacing.xSmall,
     contentBoxShadow: shadows.depth1,
-    contentBorderColor: colors.contrasts.grey1214,
+    contentBorderColor: colors.tiara,
     contentBorderRadius: '4px'
   };
 };

package/es/common/components/shared/Card/CardWrapper/index.js

@@ -1,25 +1,29 @@
-import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 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, _CardWrapper;
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+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; })(); }
 /** @jsx jsx */
 import { Component } from 'react';
 import PropTypes from 'prop-types';
 import { jsx } from '@instructure/emotion';
 import { View } from '@instructure/ui-view';
-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 CardWrapper = (_dec = withStyleOverrides(generateStyle, generateComponentTheme), _dec(_class = (_CardWrapper = /*#__PURE__*/function (_Component) {
-  _inherits(CardWrapper, _Component);
-  var _super = _createSuper(CardWrapper);
   function CardWrapper() {
     _classCallCheck(this, CardWrapper);
-    return _super.apply(this, arguments);
+    return _callSuper(this, CardWrapper, arguments);
   }
-  _createClass(CardWrapper, [{
+  _inherits(CardWrapper, _Component);
+  return _createClass(CardWrapper, [{
     key: "render",
     value: function render() {
       return jsx(View, {
@@ -30,13 +34,11 @@ export var CardWrapper = (_dec = withStyleOverrides(generateStyle, generateCompo
       }, this.props.children));
     }
   }]);
-  CardWrapper.displayName = "CardWrapper";
-  return CardWrapper;
-}(Component), _CardWrapper.displayName = 'CardWrapper', _CardWrapper.componentId = "Quizzes".concat(_CardWrapper.displayName), _CardWrapper.propTypes = {
+}(Component), _defineProperty(_CardWrapper, "displayName", 'CardWrapper'), _defineProperty(_CardWrapper, "componentId", "Quizzes".concat(_CardWrapper.displayName)), _defineProperty(_CardWrapper, "propTypes", {
   children: PropTypes.node.isRequired,
   customStyles: PropTypes.object,
   styles: PropTypes.object
-}, _CardWrapper.defaultProps = {
+}), _defineProperty(_CardWrapper, "defaultProps", {
   customStyles: {}
-}, _CardWrapper)) || _class);
+}), _CardWrapper)) || _class);
 export default CardWrapper;

package/es/common/components/shared/Card/CardWrapper/theme.js

@@ -3,7 +3,7 @@ var generateComponentTheme = function generateComponentTheme(_ref) {
     breakpoints = _ref.breakpoints,
     transitions = _ref.transitions;
   return {
-    wrapperPadding: spacing.medium,
+    wrapperPadding: spacing.mediumSmall,
     wrapperTransitionDuration: transitions.duration,
     phoneBreakPoint: "max-width: ".concat(breakpoints.medium),
     phoneWrapperPadding: spacing.medium

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

@@ -1,13 +1,14 @@
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["children", "wrapped", "wrapperStyles"];
 import React from 'react';
 import PropTypes from 'prop-types';
-import CardContent from "./CardContent/index.js";
-import CardWrapper from "./CardWrapper/index.js";
+import CardContent from './CardContent';
+import CardWrapper from './CardWrapper';
 export function Card(_ref) {
   var children = _ref.children,
     wrapped = _ref.wrapped,
     wrapperStyles = _ref.wrapperStyles,
-    props = _objectWithoutProperties(_ref, ["children", "wrapped", "wrapperStyles"]);
+    props = _objectWithoutProperties(_ref, _excluded);
   var card = /*#__PURE__*/React.createElement(CardContent, props, children);
   return wrapped ? /*#__PURE__*/React.createElement(CardWrapper, {
     customStyles: wrapperStyles

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

@@ -1,8 +1,12 @@
 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, _ExpandButton;
+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; })(); }
 /** @jsx jsx */
 import { Component } from 'react';
 import PropTypes from 'prop-types';
@@ -10,17 +14,16 @@ import { IconArrowOpenDownLine } from '@instructure/ui-icons';
 import { IconButton } from '@instructure/ui-buttons';
 import { jsx } from '@instructure/emotion';
 import { omitProps } from '@instructure/ui-react-utils';
-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 ExpandButton = (_dec = withStyleOverrides(generateStyle, generateComponentTheme), _dec(_class = (_ExpandButton = /*#__PURE__*/function (_Component) {
-  _inherits(ExpandButton, _Component);
-  var _super = _createSuper(ExpandButton);
   function ExpandButton() {
     _classCallCheck(this, ExpandButton);
-    return _super.apply(this, arguments);
+    return _callSuper(this, ExpandButton, arguments);
   }
-  _createClass(ExpandButton, [{
+  _inherits(ExpandButton, _Component);
+  return _createClass(ExpandButton, [{
     key: "componentDidMount",
     value: function componentDidMount() {
       this.props.makeStyles();
@@ -52,13 +55,11 @@ export var ExpandButton = (_dec = withStyleOverrides(generateStyle, generateComp
       }));
     }
   }]);
-  ExpandButton.displayName = "ExpandButton";
-  return ExpandButton;
-}(Component), _ExpandButton.displayName = 'ExpandButton', _ExpandButton.componentId = "Quizzes".concat(_ExpandButton.displayName), _ExpandButton.propTypes = {
+}(Component), _defineProperty(_ExpandButton, "displayName", 'ExpandButton'), _defineProperty(_ExpandButton, "componentId", "Quizzes".concat(_ExpandButton.displayName)), _defineProperty(_ExpandButton, "propTypes", {
   isExpanded: PropTypes.bool.isRequired,
   title: PropTypes.string.isRequired,
   onClick: PropTypes.func.isRequired,
   styles: PropTypes.object,
   makeStyles: PropTypes.func
-}, _ExpandButton)) || _class);
+}), _ExpandButton)) || _class);
 export default ExpandButton;

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

@@ -1,4 +1,6 @@
-import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var generateStyle = function generateStyle(componentTheme, props) {
   return {
     icon: _objectSpread({

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

@@ -1,14 +1,19 @@
 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(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 ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 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 +24,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 +43,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 +73,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,11 @@
 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(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; })(); }
 import React, { Component } from 'react';
 import PropTypes from 'prop-types';
 import debounce from 'lodash/fp/debounce';
@@ -9,54 +13,52 @@ 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;
     _classCallCheck(this, GenericAsyncSearch);
-    _this = _super.apply(this, arguments);
-    _this.setInputRef = function (inputRef) {
+    _this = _callSuper(this, GenericAsyncSearch, arguments);
+    _defineProperty(_this, "setInputRef", function (inputRef) {
       _this.inputRef = inputRef;
-    };
-    _this.state = {
+    });
+    _defineProperty(_this, "state", {
       inputValue: _this.props.selectedOption ? _this.props.selectedOption.text : '',
       isShowingOptions: false,
       isLoading: false,
       highlightedOptionId: null,
       shareableSubaccounts: [],
       options: []
-    };
-    _this.handleShowOptions = function () {
+    });
+    _defineProperty(_this, "handleShowOptions", function () {
       _this.setState({
         isShowingOptions: true
       });
-    };
-    _this.close = function (inputValue) {
+    });
+    _defineProperty(_this, "close", function (inputValue) {
       return _this.setState({
         isShowingOptions: false,
         highlightedOptionId: null,
         inputValue: inputValue
       });
-    };
-    _this.handleBlur = function () {
+    });
+    _defineProperty(_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(_this, "handleHighlightOption", function (event, optionIdentifier) {
       event.persist();
       var option = _this.getOption(optionIdentifier.id);
       _this.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
       });
-    };
-    _this.handleSelectOption = function (event, optionIdentifier) {
+    });
+    _defineProperty(_this, "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) {
+    });
+    _defineProperty(_this, "handleInputChange", function (event) {
       var value = event.target.value;
       var shouldSearch = !!value && value.length >= _this.props.minChars;
       _this.setState({
@@ -71,16 +73,16 @@ export var GenericAsyncSearch = /*#__PURE__*/function (_Component) {
         });
         _this.search(value);
       }
-    };
-    _this.handleKeyDown = function (event) {
+    });
+    _defineProperty(_this, "handleKeyDown", function (event) {
       if (event.keyCode === 8 && _this.state.inputValue === '') {
         // when backspace key is pressed
         _this.setState({
           highlightedOptionId: null
         });
       }
-    };
-    _this.actualOptions = function () {
+    });
+    _defineProperty(_this, "actualOptions", function () {
       return _this.state.options.map(function (option) {
         return /*#__PURE__*/React.createElement(Select.Option, {
           id: option.id,
@@ -88,16 +90,16 @@ export var GenericAsyncSearch = /*#__PURE__*/function (_Component) {
           isHighlighted: option.id === _this.state.highlightedOptionId
         }, option.text);
       });
-    };
-    _this.emptyOptionText = function () {
+    });
+    _defineProperty(_this, "emptyOptionText", function () {
       if (_this.props.minChars > 1 && _this.state.inputValue < _this.props.minChars) {
         return t('Search term must be at least { minChars } characters', {
           minChars: _this.props.minChars
         });
       }
       return _this.state.inputValue === '' ? t('Write to search') : t('No Results');
-    };
-    _this.emptyOrLoadingOption = function () {
+    });
+    _defineProperty(_this, "emptyOrLoadingOption", function () {
       return /*#__PURE__*/React.createElement(Select.Option, {
         id: SELECT_EMPTY_OPTION,
         key: SELECT_EMPTY_OPTION
@@ -105,10 +107,10 @@ export var GenericAsyncSearch = /*#__PURE__*/function (_Component) {
         renderTitle: t('Loading'),
         size: "x-small"
       }) : _this.emptyOptionText());
-    };
-    _this.renderOptions = function () {
+    });
+    _defineProperty(_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) {
         var _options$;
@@ -121,7 +123,8 @@ export var GenericAsyncSearch = /*#__PURE__*/function (_Component) {
     });
     return _this;
   }
-  _createClass(GenericAsyncSearch, [{
+  _inherits(GenericAsyncSearch, _Component);
+  return _createClass(GenericAsyncSearch, [{
     key: "getOption",
     value: function getOption(queryId) {
       return this.state.options.find(function (_ref) {
@@ -150,10 +153,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 +167,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)