@instructure/quiz-core 21.1.1 → 22.0.0

package/es/common/components/resources/stimulus/StimulusEditInfo/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, _StimulusEditInfo;
+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';
@@ -11,53 +27,48 @@ import { ScreenReaderContent } from '@instructure/ui-a11y-content';
 import { jsx } from '@instructure/emotion';
 import { Heading } from '@instructure/ui-heading';
 import { RichContentInput, RCE_SINGLE_LINE_HEIGHT } from '@instructure/quiz-rce';
-import { toErrors } from "../../../../util/instUIMessages.js";
+import { toErrors } from '../../../../util/instUIMessages';
 import { IconUpdownLine } from '@instructure/ui-icons';
 import { ToggleDetails } from '@instructure/ui-toggle-details';
 import { SimpleSelect, TextInput, TOP, withStyleOverrides, FormFieldGroup, FormField } from '@instructure/quiz-common';
 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 { Alert } from '@instructure/ui-alerts';
-var _ref3 = jsx(IconUpdownLine, {
-  rotate: "90"
-});
-var _ref4 = jsx(IconUpdownLine, null);
 export var StimulusEditInfo = (_dec = withStyleOverrides(generateStyle, generateComponentTheme), _dec(_class = (_StimulusEditInfo = /*#__PURE__*/function (_Component) {
-  _inherits(StimulusEditInfo, _Component);
-  var _super = _createSuper(StimulusEditInfo);
   function StimulusEditInfo() {
-    var _this;
+    var _this2;
     _classCallCheck(this, StimulusEditInfo);
     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.inputErrors = function (field) {
-      if (_this.props.errorsShowing) {
-        var errorMap = _this.props.workingStimulus.getErrors().toJS() || {};
+    _this2 = _callSuper(this, StimulusEditInfo, [].concat(args));
+    _defineProperty(_this2, "inputErrors", function (field) {
+      if (_this2.props.errorsShowing) {
+        var errorMap = _this2.props.workingStimulus.getErrors().toJS() || {};
         return toErrors(errorMap[field] || []);
       }
-    };
-    _this.onOrientationChange = function (e, _ref) {
+    });
+    _defineProperty(_this2, "onOrientationChange", function (e, _ref) {
       var value = _ref.value;
-      var newData = _this.props.workingStimulus.set('orientation', value);
-      _this.props.modifyStimulus(newData);
-    };
-    _this.onTextInputChange = function (field) {
+      var newData = _this2.props.workingStimulus.set('orientation', value);
+      _this2.props.modifyStimulus(newData);
+    });
+    _defineProperty(_this2, "onTextInputChange", function (field) {
       return function (e) {
-        var newData = _this.props.workingStimulus.set(field, e.target.value);
-        _this.props.modifyStimulus(newData);
+        var newData = _this2.props.workingStimulus.set(field, e.target.value);
+        _this2.props.modifyStimulus(newData);
       };
-    };
-    _this.onBodyChange = function (e, _ref2) {
+    });
+    _defineProperty(_this2, "onBodyChange", function (e, _ref2) {
       var editorContent = _ref2.editorContent;
-      var newData = _this.props.workingStimulus.set('body', editorContent);
-      _this.props.modifyStimulus(newData);
-    };
-    return _this;
+      var newData = _this2.props.workingStimulus.set('body', editorContent);
+      _this2.props.modifyStimulus(newData);
+    });
+    return _this2;
   }
-  _createClass(StimulusEditInfo, [{
+  _inherits(StimulusEditInfo, _Component);
+  return _createClass(StimulusEditInfo, [{
     key: "headerText",
     value: function headerText(stimulus) {
       if (stimulus.isTemporary()) {
@@ -69,7 +80,7 @@ export var StimulusEditInfo = (_dec = withStyleOverrides(generateStyle, generate
   }, {
     key: "renderOptionalLabel",
     value: function renderOptionalLabel(labelName) {
-      var optionalText = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : t('(optional)');
+      var optionalText = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : t('(optional)');
       return jsx("div", null, jsx("span", null, labelName), jsx("span", {
         css: this.props.styles.optionalLabel
       }, optionalText));
@@ -88,11 +99,13 @@ export var StimulusEditInfo = (_dec = withStyleOverrides(generateStyle, generate
           rotate: stimulusOrientation === TOP ? '0' : '90'
         })
       }, jsx(SimpleSelect.Option, {
-        renderBeforeLabel: _ref3,
+        renderBeforeLabel: jsx(IconUpdownLine, {
+          rotate: "90"
+        }),
         id: "stimulus-orientation-select-option-left",
         value: "left"
       }, t('Questions to the right')), jsx(SimpleSelect.Option, {
-        renderBeforeLabel: _ref4,
+        renderBeforeLabel: jsx(IconUpdownLine, null),
         id: "stimulus-orientation-select-option-top",
         value: "top"
       }, t('Questions below'))));
@@ -185,9 +198,7 @@ export var StimulusEditInfo = (_dec = withStyleOverrides(generateStyle, generate
       }))), this.renderOptions(stimulus));
     }
   }]);
-  StimulusEditInfo.displayName = "StimulusEditInfo";
-  return StimulusEditInfo;
-}(Component), _StimulusEditInfo.displayName = 'StimulusEditInfo', _StimulusEditInfo.componentId = "Quizzes".concat(_StimulusEditInfo.displayName), _StimulusEditInfo.propTypes = {
+}(Component), _defineProperty(_StimulusEditInfo, "displayName", 'StimulusEditInfo'), _defineProperty(_StimulusEditInfo, "componentId", "Quizzes".concat(_StimulusEditInfo.displayName)), _defineProperty(_StimulusEditInfo, "propTypes", {
   isBankedContent: PropTypes.bool,
   stimulus: ImmutablePropTypes.record.isRequired,
   workingStimulus: ImmutablePropTypes.record.isRequired,
@@ -197,9 +208,9 @@ export var StimulusEditInfo = (_dec = withStyleOverrides(generateStyle, generate
   stimulusOrientationEnabled: PropTypes.bool.isRequired,
   styles: PropTypes.object,
   shuffleQuestionsEnabled: PropTypes.bool
-}, _StimulusEditInfo.defaultProps = {
+}), _defineProperty(_StimulusEditInfo, "defaultProps", {
   isBankedContent: false,
   shuffleQuestionsEnabled: false,
   setTitleRef: function setTitleRef() {}
-}, _StimulusEditInfo)) || _class);
+}), _StimulusEditInfo)) || _class);
 export default StimulusEditInfo;

package/es/common/components/resources/stimulus/StimulusEditInfo/theme.js

@@ -4,7 +4,7 @@ var generateComponentTheme = function generateComponentTheme(_ref) {
     colors = _ref.colors;
   return {
     sectionPadding: spacing.small,
-    optionalLabelColor: colors.ash,
+    optionalLabelColor: colors.contrasts.grey4570,
     optionalLabelFontSize: typography.fontSizeXSmall,
     urlLabelMargin: spacing.xSmall
   };

package/es/common/components/resources/stimulus/StimulusShow/index.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, _StimulusShow;
+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 */
 /* eslint "jsx-a11y/click-events-have-key-events": "warn" */
 import { Component } from 'react';
@@ -12,33 +28,31 @@ import { IconBankLine } from '@instructure/ui-icons';
 import { jsx } from '@instructure/emotion';
 import { Text } from '@instructure/ui-text';
 import { Flex, withStyleOverrides } from '@instructure/quiz-common';
-import StimulusShowInfo from "../StimulusShowInfo/index.js";
-import ActionButtons from "../../../../../building/components/resources/ActionButtons/index.js";
+import StimulusShowInfo from '../StimulusShowInfo';
+import ActionButtons from '../../../../../building/components/resources/ActionButtons';
 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";
-var _ref = jsx(IconBankLine, null);
+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;
+    var _this2;
     _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.props.switchOnEditing();
-    };
-    return _this;
+    _this2 = _callSuper(this, StimulusShow, [].concat(args));
+    _defineProperty(_this2, "switchOnEditing", function () {
+      _this2.props.switchOnEditing();
+    });
+    return _this2;
   }
-  _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 +99,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 +113,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,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 ImmutablePropTypes from 'react-immutable-proptypes';
 import { Heading } from '@instructure/ui-heading';
@@ -10,13 +26,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 +73,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,41 @@
-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(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; }
+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';
 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 +46,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.white,
+    contentBackgroundColor: colors.contrasts.white1010,
     contentMaxWidth: '79.5rem',
     contentMargin: spacing.medium,
     phoneBreakPoint: "max-width: ".concat(breakpoints.medium),
     phoneContentMargin: spacing.xSmall,
     contentBoxShadow: shadows.depth1,
-    contentBorderColor: colors.tiara,
+    contentBorderColor: colors.contrasts.grey1214,
     contentBorderRadius: '4px'
   };
 };

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

@@ -1,25 +1,41 @@
-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(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; }
+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';
 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 +46,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/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,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, _ExpandButton;
+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';
@@ -10,17 +26,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 +67,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(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; }
 var generateStyle = function generateStyle(componentTheme, props) {
   return {
     icon: _objectSpread({