@instructure/quiz-core 20.34.1-snapshot.9 → 20.34.1-test.7

package/lib/building/components/resources/quizEntry/QuizEntryEdit/Header/index.js

@@ -32,7 +32,7 @@ var _theme = _interopRequireDefault(require("./theme.js"));
 var _dec, _class, _QuizEntryHeader;
 /** @jsx jsx */
 var _ref2 = (0, _emotion.jsx)(_uiIcons.IconBankLine, null);
-var QuizEntryHeader = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default, _theme.default), _dec(_class = (_QuizEntryHeader = /*#__PURE__*/function (_Component) {
+var QuizEntryHeader = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (_QuizEntryHeader = /*#__PURE__*/function (_Component) {
   (0, _inherits2.default)(QuizEntryHeader, _Component);
   var _super = (0, _createSuper2.default)(QuizEntryHeader);
   function QuizEntryHeader() {
@@ -277,7 +277,7 @@ var QuizEntryHeader = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.defaul
   }]);
   QuizEntryHeader.displayName = "QuizEntryHeader";
   return QuizEntryHeader;
-}(_react.Component), _QuizEntryHeader.displayName = 'QuizEntryHeader', _QuizEntryHeader.componentId = "Quizzes".concat(_QuizEntryHeader.displayName), _QuizEntryHeader.propTypes = {
+}(_react.Component), _QuizEntryHeader.propTypes = {
   changeItemTitle: _propTypes.default.func.isRequired,
   // from connected component
   clearModifications: _propTypes.default.func.isRequired,

package/lib/building/components/resources/quizEntry/QuizEntryEdit/presenter.js

@@ -33,7 +33,7 @@ var _styles = _interopRequireDefault(require("./styles.js"));
 var _theme = _interopRequireDefault(require("./theme.js"));
 var _dec, _class, _QuizEntryEdit;
 /** @jsx jsx */
-var QuizEntryEdit = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default, _theme.default), _dec(_class = (_QuizEntryEdit = /*#__PURE__*/function (_Component) {
+var QuizEntryEdit = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (_QuizEntryEdit = /*#__PURE__*/function (_Component) {
   (0, _inherits2.default)(QuizEntryEdit, _Component);
   var _super = (0, _createSuper2.default)(QuizEntryEdit);
   function QuizEntryEdit() {
@@ -370,7 +370,7 @@ var QuizEntryEdit = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default,
   }]);
   QuizEntryEdit.displayName = "QuizEntryEdit";
   return QuizEntryEdit;
-}(_react.Component), _QuizEntryEdit.displayName = 'QuizEntryEdit', _QuizEntryEdit.componentId = "Quizzes".concat(_QuizEntryEdit.displayName), _QuizEntryEdit.propTypes = {
+}(_react.Component), _QuizEntryEdit.propTypes = {
   addContentPopoverOpen: _propTypes.default.bool.isRequired,
   alternativeRightFooter: _propTypes.default.func,
   appContainer: _CustomPropTypes.default.selectors.isRequired,

package/lib/building/components/resources/quizEntry/QuizEntryShow/presenter.js

@@ -32,7 +32,7 @@ var _theme = _interopRequireDefault(require("./theme.js"));
 var _dec, _class, _QuizEntryShow;
 /** @jsx jsx */
 var _ref = (0, _emotion.jsx)(_uiIcons.IconBankLine, null);
-var QuizEntryShow = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default, _theme.default), _dec(_class = (_QuizEntryShow = /*#__PURE__*/function (_Component) {
+var QuizEntryShow = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (_QuizEntryShow = /*#__PURE__*/function (_Component) {
   (0, _inherits2.default)(QuizEntryShow, _Component);
   var _super = (0, _createSuper2.default)(QuizEntryShow);
   function QuizEntryShow() {
@@ -285,7 +285,7 @@ var QuizEntryShow = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default,
   }]);
   QuizEntryShow.displayName = "QuizEntryShow";
   return QuizEntryShow;
-}(_react.Component), _QuizEntryShow.displayName = 'QuizEntryShow', _QuizEntryShow.componentId = "Quizzes".concat(_QuizEntryShow.displayName), _QuizEntryShow.propTypes = {
+}(_react.Component), _QuizEntryShow.propTypes = {
   children: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.node), _propTypes.default.node]),
   connectDragPreview: _propTypes.default.func.isRequired,
   connectDragSource: _propTypes.default.func.isRequired,

package/lib/common/components/ImportModal/ImportFileSelector/index.js

@@ -20,12 +20,11 @@ var _formatMessage = _interopRequireDefault(require("@instructure/quiz-i18n/es/f
 var _FileSelector = _interopRequireDefault(require("../../../../common/components/shared/file_selector/FileSelector.js"));
 var _styles = _interopRequireDefault(require("./styles.js"));
 var _theme = _interopRequireDefault(require("./theme.js"));
-var _quizCommon = require("@instructure/quiz-common");
 var _dec, _class, _ImportFileSelector;
 /** @jsx jsx */
 var _ref = (0, _emotion.jsx)(_uiIcons.IconUploadLine, null);
 var _ref2 = (0, _emotion.jsx)(_uiIcons.IconCompleteLine, null);
-var ImportFileSelector = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default, _theme.default), _dec(_class = (_ImportFileSelector = /*#__PURE__*/function (_Component) {
+var ImportFileSelector = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (_ImportFileSelector = /*#__PURE__*/function (_Component) {
   (0, _inherits2.default)(ImportFileSelector, _Component);
   var _super = (0, _createSuper2.default)(ImportFileSelector);
   function ImportFileSelector() {
@@ -129,7 +128,7 @@ var ImportFileSelector = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.def
   }]);
   ImportFileSelector.displayName = "ImportFileSelector";
   return ImportFileSelector;
-}(_react.Component), _ImportFileSelector.displayName = 'ImportFileSelector', _ImportFileSelector.componentId = "Quizzes".concat(_ImportFileSelector.displayName), _ImportFileSelector.propTypes = {
+}(_react.Component), _ImportFileSelector.propTypes = {
   files: _reactImmutableProptypes.default.list.isRequired,
   receiveFile: _propTypes.default.func.isRequired,
   acceptAttribute: _propTypes.default.string.isRequired,

package/lib/common/components/ImportModal/presenter.js

@@ -28,7 +28,7 @@ var _index = _interopRequireDefault(require("./ImportFileSelector/index.js"));
 var _formatMessage = _interopRequireDefault(require("@instructure/quiz-i18n/es/format-message"));
 var _dec, _class, _ImportModal;
 /** @jsx jsx */
-var ImportModal = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default, _theme.default), _dec(_class = (_ImportModal = /*#__PURE__*/function (_Component) {
+var ImportModal = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (_ImportModal = /*#__PURE__*/function (_Component) {
   (0, _inherits2.default)(ImportModal, _Component);
   var _super = (0, _createSuper2.default)(ImportModal);
   function ImportModal() {
@@ -326,7 +326,7 @@ var ImportModal = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default, _
   }]);
   ImportModal.displayName = "ImportModal";
   return ImportModal;
-}(_react.Component), _ImportModal.displayName = 'ImportModal', _ImportModal.componentId = "Quizzes".concat(_ImportModal.displayName), _ImportModal.propTypes = {
+}(_react.Component), _ImportModal.propTypes = {
   acceptFileType: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.arrayOf(_propTypes.default.shape({
     fileType: _propTypes.default.string,
     title: _propTypes.default.string

package/lib/common/components/PrintFontSizeModal/presenter.js

@@ -22,7 +22,7 @@ var _uiRadioInput = require("@instructure/ui-radio-input");
 var _uiCheckbox = require("@instructure/ui-checkbox");
 var _dec, _class, _PrintFontSizeModal;
 /** @jsx jsx */
-var PrintFontSizeModal = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default, _theme.default), _dec(_class = (_PrintFontSizeModal = /*#__PURE__*/function (_Component) {
+var PrintFontSizeModal = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (_PrintFontSizeModal = /*#__PURE__*/function (_Component) {
   (0, _inherits2.default)(PrintFontSizeModal, _Component);
   var _super = (0, _createSuper2.default)(PrintFontSizeModal);
   function PrintFontSizeModal() {
@@ -159,7 +159,7 @@ var PrintFontSizeModal = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.def
   }]);
   PrintFontSizeModal.displayName = "PrintFontSizeModal";
   return PrintFontSizeModal;
-}(_react.Component), _PrintFontSizeModal.displayName = 'PrintFontSizeModal', _PrintFontSizeModal.componentId = "Quizzes".concat(_PrintFontSizeModal.displayName), _PrintFontSizeModal.propTypes = {
+}(_react.Component), _PrintFontSizeModal.propTypes = {
   isOpen: _propTypes.default.bool,
   persistedPrintFontSize: _propTypes.default.string,
   onSubmit: _propTypes.default.func.isRequired,

package/lib/common/components/SDKApp/index.js

@@ -36,7 +36,7 @@ var _dec, _class, _SDKApp;
 /* eslint "import/no-webpack-loader-syntax": "warn" */
 /* eslint "import/no-unresolved": "warn" */
 var _ref = (0, _emotion.jsx)(_index.default, null);
-var SDKApp = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default, null), _dec(_class = (_SDKApp = /*#__PURE__*/function (_Component) {
+var SDKApp = (_dec = (0, _emotion.withStyle)(_styles.default, null), _dec(_class = (_SDKApp = /*#__PURE__*/function (_Component) {
   (0, _inherits2.default)(SDKApp, _Component);
   var _super = (0, _createSuper2.default)(SDKApp);
   function SDKApp(props) {
@@ -147,7 +147,7 @@ var SDKApp = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default, null),
   }]);
   SDKApp.displayName = "SDKApp";
   return SDKApp;
-}(_react.Component), _SDKApp.displayName = 'SDKApp', _SDKApp.componentId = "Quizzes".concat(_SDKApp.displayName), _SDKApp.propTypes = {
+}(_react.Component), _SDKApp.propTypes = {
   apiEndpoint: _propTypes.default.string.isRequired,
   appContainer: _CustomPropTypes.default.selectors.isRequired,
   children: _propTypes.default.oneOfType([_propTypes.default.node, _propTypes.default.func]).isRequired,

package/lib/common/components/alerts/presenter.js

@@ -19,10 +19,9 @@ var _emotion = require("@instructure/emotion");
 var _formatMessage = _interopRequireDefault(require("@instructure/quiz-i18n/es/format-message"));
 var _styles = _interopRequireDefault(require("./styles.js"));
 var _theme = _interopRequireDefault(require("./theme.js"));
-var _quizCommon = require("@instructure/quiz-common");
 var _dec, _class, _Alerts;
 /** @jsx jsx */
-var Alerts = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default, _theme.default), _dec(_class = (_Alerts = /*#__PURE__*/function (_Component) {
+var Alerts = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (_Alerts = /*#__PURE__*/function (_Component) {
   (0, _inherits2.default)(Alerts, _Component);
   var _super = (0, _createSuper2.default)(Alerts);
   function Alerts() {
@@ -93,7 +92,7 @@ var Alerts = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default, _theme
   }]);
   Alerts.displayName = "Alerts";
   return Alerts;
-}(_react.Component), _Alerts.displayName = 'Alerts', _Alerts.componentId = "Quizzes".concat(_Alerts.displayName), _Alerts.propTypes = {
+}(_react.Component), _Alerts.propTypes = {
   removeAlert: _propTypes.default.func.isRequired,
   alerts: _reactImmutableProptypes.default.list.isRequired,
   styles: _propTypes.default.object

package/lib/common/components/layout/Page/index.js

@@ -14,11 +14,10 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 var _emotion = require("@instructure/emotion");
 var _styles = _interopRequireDefault(require("./styles.js"));
 var _theme = _interopRequireDefault(require("./theme.js"));
-var _quizCommon = require("@instructure/quiz-common");
 var _formatMessage = _interopRequireDefault(require("@instructure/quiz-i18n/es/format-message"));
 var _dec, _class, _Page;
 /** @jsx jsx */
-var Page = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default, _theme.default), _dec(_class = (_Page = /*#__PURE__*/function (_Component) {
+var Page = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (_Page = /*#__PURE__*/function (_Component) {
   (0, _inherits2.default)(Page, _Component);
   var _super = (0, _createSuper2.default)(Page);
   function Page() {
@@ -66,7 +65,7 @@ var Page = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default, _theme.d
   }]);
   Page.displayName = "Page";
   return Page;
-}(_react.Component), _Page.displayName = 'Page', _Page.componentId = "Quizzes".concat(_Page.displayName), _Page.propTypes = {
+}(_react.Component), _Page.propTypes = {
   children: _propTypes.default.node.isRequired,
   childrenWrapperRef: _propTypes.default.func,
   contentRole: _propTypes.default.string,

package/lib/common/components/layout/header/HeaderMenuButton/presenter.js

@@ -18,11 +18,10 @@ var _emotion = require("@instructure/emotion");
 var _formatMessage = _interopRequireDefault(require("@instructure/quiz-i18n/es/format-message"));
 var _styles = _interopRequireDefault(require("./styles.js"));
 var _theme = _interopRequireDefault(require("./theme.js"));
-var _quizCommon = require("@instructure/quiz-common");
 var _dec, _class, _HeaderMenuButton;
 /** @jsx jsx */
 var _ref = (0, _emotion.jsx)(_uiIcons.IconHamburgerLine, null);
-var HeaderMenuButton = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default, _theme.default), _dec(_class = (_HeaderMenuButton = /*#__PURE__*/function (_Component) {
+var HeaderMenuButton = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (_HeaderMenuButton = /*#__PURE__*/function (_Component) {
   (0, _inherits2.default)(HeaderMenuButton, _Component);
   var _super = (0, _createSuper2.default)(HeaderMenuButton);
   function HeaderMenuButton() {
@@ -60,7 +59,7 @@ var HeaderMenuButton = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.defau
   }]);
   HeaderMenuButton.displayName = "HeaderMenuButton";
   return HeaderMenuButton;
-}(_react.Component), _HeaderMenuButton.displayName = 'HeaderMenuButton', _HeaderMenuButton.componentId = "Quizzes".concat(_HeaderMenuButton.displayName), _HeaderMenuButton.propTypes = {
+}(_react.Component), _HeaderMenuButton.propTypes = {
   sidebarMenuClick: _propTypes.default.func.isRequired,
   hidden: _propTypes.default.bool.isRequired,
   sidebarOpen: _propTypes.default.bool.isRequired,

package/lib/common/components/layout/header/Timer/presenter.js

@@ -25,12 +25,11 @@ var _formatTimespan = require("../../../../util/formatTimespan.js");
 var _styles = _interopRequireDefault(require("./styles.js"));
 var _theme = _interopRequireDefault(require("./theme.js"));
 var _formatMessage = _interopRequireDefault(require("@instructure/quiz-i18n/es/format-message"));
-var _quizCommon = require("@instructure/quiz-common");
 var _dec, _class, _Timer;
 /** @jsx jsx */
 var _ref = (0, _emotion.jsx)(_uiIcons.IconClockLine, null);
 var _ref2 = (0, _emotion.jsx)(_uiIcons.IconClockSolid, null);
-var Timer = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default, _theme.default), _dec(_class = (_Timer = /*#__PURE__*/function (_Component) {
+var Timer = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (_Timer = /*#__PURE__*/function (_Component) {
   (0, _inherits2.default)(Timer, _Component);
   var _super = (0, _createSuper2.default)(Timer);
   function Timer() {
@@ -177,7 +176,7 @@ var Timer = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default, _theme.
   }]);
   Timer.displayName = "Timer";
   return Timer;
-}(_react.Component), _Timer.displayName = 'Timer', _Timer.componentId = "Quizzes".concat(_Timer.displayName), _Timer.propTypes = {
+}(_react.Component), _Timer.propTypes = {
   screenreaderNotification: _propTypes.default.func.isRequired,
   showTimer: _propTypes.default.bool.isRequired,
   timeLeftInSeconds: _propTypes.default.number,

package/lib/common/components/layout/navbar/SecondaryNavBarButton/index.js

@@ -16,10 +16,9 @@ var _emotion = require("@instructure/emotion");
 var _uiReactUtils = require("@instructure/ui-react-utils");
 var _styles = _interopRequireDefault(require("./styles.js"));
 var _theme = _interopRequireDefault(require("./theme.js"));
-var _quizCommon = require("@instructure/quiz-common");
 var _dec, _class, _SecondaryNavBarButton;
 /** @jsx jsx */
-var SecondaryNavBarButton = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default, _theme.default), _dec(_class = (_SecondaryNavBarButton = /*#__PURE__*/function (_Component) {
+var SecondaryNavBarButton = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (_SecondaryNavBarButton = /*#__PURE__*/function (_Component) {
   (0, _inherits2.default)(SecondaryNavBarButton, _Component);
   var _super = (0, _createSuper2.default)(SecondaryNavBarButton);
   function SecondaryNavBarButton() {
@@ -55,7 +54,7 @@ var SecondaryNavBarButton = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.
   }]);
   SecondaryNavBarButton.displayName = "SecondaryNavBarButton";
   return SecondaryNavBarButton;
-}(_react.Component), _SecondaryNavBarButton.displayName = 'TopNavBarItem', _SecondaryNavBarButton.componentId = "Quizzes".concat(_SecondaryNavBarButton.displayName), _SecondaryNavBarButton.propTypes = {
+}(_react.Component), _SecondaryNavBarButton.displayName = 'TopNavBarItem', _SecondaryNavBarButton.propTypes = {
   children: _propTypes.default.string.isRequired,
   styles: _propTypes.default.object,
   makeStyles: _propTypes.default.func

package/lib/common/components/layout/navbar/index.js

@@ -18,14 +18,13 @@ var _formatMessage = _interopRequireDefault(require("@instructure/quiz-i18n/es/f
 var _emotion = require("@instructure/emotion");
 var _styles = _interopRequireDefault(require("./styles.js"));
 var _theme = _interopRequireDefault(require("./theme.js"));
-var _quizCommon = require("@instructure/quiz-common");
 var _dec, _class, _NavBar;
 /** @jsx jsx */
 var _ref = (0, _emotion.jsx)(_uiIcons.IconQuizLine, {
   color: "primary",
   size: "small"
 });
-var NavBar = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default, _theme.default), _dec(_class = (_NavBar = /*#__PURE__*/function (_Component) {
+var NavBar = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (_NavBar = /*#__PURE__*/function (_Component) {
   (0, _inherits2.default)(NavBar, _Component);
   var _super = (0, _createSuper2.default)(NavBar);
   function NavBar() {
@@ -108,7 +107,7 @@ var NavBar = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default, _theme
   }]);
   NavBar.displayName = "NavBar";
   return NavBar;
-}(_react.Component), _NavBar.displayName = 'NavBar', _NavBar.componentId = "Quizzes".concat(_NavBar.displayName), _NavBar.propTypes = {
+}(_react.Component), _NavBar.propTypes = {
   menuItems: _propTypes.default.arrayOf(_propTypes.default.shape({
     path: _propTypes.default.string.isRequired,
     text: _propTypes.default.string.isRequired

package/lib/common/components/layout/sidebar/PositionSummary/index.js

@@ -16,10 +16,9 @@ var _emotion = require("@instructure/emotion");
 var _styles = _interopRequireDefault(require("./styles.js"));
 var _theme = _interopRequireDefault(require("./theme.js"));
 var _formatMessage = _interopRequireDefault(require("@instructure/quiz-i18n/es/format-message"));
-var _quizCommon = require("@instructure/quiz-common");
 var _dec, _class, _PositionSummary;
 /** @jsx jsx */
-var PositionSummary = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default, _theme.default), _dec(_class = (_PositionSummary = /*#__PURE__*/function (_Component) {
+var PositionSummary = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (_PositionSummary = /*#__PURE__*/function (_Component) {
   (0, _inherits2.default)(PositionSummary, _Component);
   var _super = (0, _createSuper2.default)(PositionSummary);
   function PositionSummary() {
@@ -46,7 +45,7 @@ var PositionSummary = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.defaul
   }]);
   PositionSummary.displayName = "PositionSummary";
   return PositionSummary;
-}(_react.Component), _PositionSummary.displayName = 'PositionSummary', _PositionSummary.componentId = "Quizzes".concat(_PositionSummary.displayName), _PositionSummary.propTypes = {
+}(_react.Component), _PositionSummary.propTypes = {
   firstPosition: _propTypes.default.number.isRequired,
   lastPosition: _propTypes.default.number.isRequired,
   styles: _propTypes.default.object

package/lib/common/components/layout/sidebar/Sidebar/index.js

@@ -43,7 +43,7 @@ var _ref3 = (0, _emotion.jsx)(_uiIcons.IconQuizInstructionsLine, {
   color: "primary"
 });
 var _ref4 = (0, _emotion.jsx)(_uiIcons.IconPinSolid, null);
-var Sidebar = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default, _theme.default), _dec(_class = (_Sidebar = /*#__PURE__*/function (_Component) {
+var Sidebar = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (_Sidebar = /*#__PURE__*/function (_Component) {
   (0, _inherits2.default)(Sidebar, _Component);
   var _super = (0, _createSuper2.default)(Sidebar);
   function Sidebar() {
@@ -306,7 +306,7 @@ var Sidebar = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default, _them
   }]);
   Sidebar.displayName = "Sidebar";
   return Sidebar;
-}(_react.Component), _Sidebar.displayName = 'Sidebar', _Sidebar.componentId = "Quizzes".concat(_Sidebar.displayName), _Sidebar.propTypes = {
+}(_react.Component), _Sidebar.propTypes = {
   children: _propTypes.default.oneOfType([_propTypes.default.element, _propTypes.default.arrayOf(_propTypes.default.element), _propTypes.default.node]).isRequired,
   grading: _propTypes.default.bool,
   taking: _propTypes.default.bool,

package/lib/common/components/layout/sidebar/SidebarItem/presenter.js

@@ -24,7 +24,7 @@ var _theme = _interopRequireDefault(require("./theme.js"));
 var _quizCommon = require("@instructure/quiz-common");
 var _dec, _class, _SidebarItem;
 /** @jsx jsx */
-var SidebarItem = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default, _theme.default), _dec(_class = (_SidebarItem = /*#__PURE__*/function (_Component) {
+var SidebarItem = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (_SidebarItem = /*#__PURE__*/function (_Component) {
   (0, _inherits2.default)(SidebarItem, _Component);
   var _super = (0, _createSuper2.default)(SidebarItem);
   function SidebarItem() {
@@ -167,7 +167,7 @@ var SidebarItem = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default, _
   }]);
   SidebarItem.displayName = "SidebarItem";
   return SidebarItem;
-}(_react.Component), _SidebarItem.displayName = 'SidebarItem', _SidebarItem.componentId = "Quizzes".concat(_SidebarItem.displayName), _SidebarItem.propTypes = {
+}(_react.Component), _SidebarItem.propTypes = {
   // Passed in by Sidebar
   children: _propTypes.default.element,
   displayPosition: _propTypes.default.string.isRequired,

package/lib/common/components/layout/sidebar/Stimulus/Collection/presenter.js

@@ -21,10 +21,9 @@ var _presenter = require("../presenter.js");
 var _formatMessage = _interopRequireDefault(require("@instructure/quiz-i18n/es/format-message"));
 var _styles = _interopRequireDefault(require("./styles.js"));
 var _theme = _interopRequireDefault(require("./theme.js"));
-var _quizCommon = require("@instructure/quiz-common");
 var _dec, _class, _Collection;
 /** @jsx jsx */
-var Collection = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default, _theme.default), _dec(_class = (_Collection = /*#__PURE__*/function (_Component) {
+var Collection = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (_Collection = /*#__PURE__*/function (_Component) {
   (0, _inherits2.default)(Collection, _Component);
   var _super = (0, _createSuper2.default)(Collection);
   function Collection() {
@@ -134,7 +133,7 @@ var Collection = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default, _t
   }]);
   Collection.displayName = "Collection";
   return Collection;
-}(_react.Component), _Collection.displayName = 'Collection', _Collection.componentId = "Quizzes".concat(_Collection.displayName), _Collection.propTypes = {
+}(_react.Component), _Collection.propTypes = {
   // Passed in by Sidebar
   firstPosition: _propTypes.default.number.isRequired,
   isOver: _propTypes.default.bool.isRequired,

package/lib/common/components/layout/sidebar/Stimulus/Summary/presenter.js

@@ -17,10 +17,9 @@ var _presenter = require("../presenter.js");
 var _styles = _interopRequireDefault(require("./styles.js"));
 var _theme = _interopRequireDefault(require("./theme.js"));
 var _formatMessage = _interopRequireDefault(require("@instructure/quiz-i18n/es/format-message"));
-var _quizCommon = require("@instructure/quiz-common");
 var _dec, _class, _Summary;
 /** @jsx jsx */
-var Summary = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default, _theme.default), _dec(_class = (_Summary = /*#__PURE__*/function (_Component) {
+var Summary = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (_Summary = /*#__PURE__*/function (_Component) {
   (0, _inherits2.default)(Summary, _Component);
   var _super = (0, _createSuper2.default)(Summary);
   function Summary() {
@@ -123,7 +122,7 @@ var Summary = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default, _them
   }]);
   Summary.displayName = "Summary";
   return Summary;
-}(_react.Component), _Summary.displayName = 'Summary', _Summary.componentId = "Quizzes".concat(_Summary.displayName), _Summary.propTypes = {
+}(_react.Component), _Summary.propTypes = {
   // Passed in by parent
   startPosition: _propTypes.default.number.isRequired,
   /* This is used for when the stimulus is being dragged in build */

package/lib/common/components/layout/sidebar/Stimulus/Title/index.js

@@ -16,11 +16,10 @@ var _uiTooltip = require("@instructure/ui-tooltip");
 var _uiText = require("@instructure/ui-text");
 var _emotion = require("@instructure/emotion");
 var _styles = _interopRequireDefault(require("./styles.js"));
-var _quizCommon = require("@instructure/quiz-common");
 var _dec, _class, _Title;
 /** @jsx jsx */
 var DISPLAY_TOOLTIP_LIMIT = 80;
-var Title = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default, null), _dec(_class = (_Title = /*#__PURE__*/function (_Component) {
+var Title = (_dec = (0, _emotion.withStyle)(_styles.default, null), _dec(_class = (_Title = /*#__PURE__*/function (_Component) {
   (0, _inherits2.default)(Title, _Component);
   var _super = (0, _createSuper2.default)(Title);
   function Title() {
@@ -55,7 +54,7 @@ var Title = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default, null),
   }]);
   Title.displayName = "Title";
   return Title;
-}(_react.Component), _Title.displayName = 'Title', _Title.componentId = "Quizzes".concat(_Title.displayName), _Title.propTypes = {
+}(_react.Component), _Title.propTypes = {
   title: _propTypes.default.string.isRequired,
   styles: _propTypes.default.object
 }, _Title)) || _class);

package/lib/common/components/layout/sidebar/Stimulus/presenter.js

@@ -31,7 +31,7 @@ exports.DISPLAY_AS_SUMMARY_LIMIT = DISPLAY_AS_SUMMARY_LIMIT;
 var _ref = (0, _emotion.jsx)(_uiIcons.IconTextLeftLine, {
   color: "primary"
 });
-var SidebarStimulus = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default, _theme.default), _dec(_class = (_SidebarStimulus = /*#__PURE__*/function (_Component) {
+var SidebarStimulus = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (_SidebarStimulus = /*#__PURE__*/function (_Component) {
   (0, _inherits2.default)(SidebarStimulus, _Component);
   var _super = (0, _createSuper2.default)(SidebarStimulus);
   function SidebarStimulus() {
@@ -150,7 +150,7 @@ var SidebarStimulus = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.defaul
   }]);
   SidebarStimulus.displayName = "SidebarStimulus";
   return SidebarStimulus;
-}(_react.Component), _SidebarStimulus.displayName = 'SidebarStimulus', _SidebarStimulus.componentId = "Quizzes".concat(_SidebarStimulus.displayName), _SidebarStimulus.propTypes = {
+}(_react.Component), _SidebarStimulus.propTypes = {
   childEntries: _reactImmutableProptypes.default.listOf(_reactImmutableProptypes.default.record).isRequired,
   // Passed in by Sidebar
   children: _propTypes.default.element,

package/lib/common/components/resources/WarningWrapper/index.js

@@ -18,10 +18,9 @@ var _emotion = require("@instructure/emotion");
 var _formatMessage = _interopRequireDefault(require("@instructure/quiz-i18n/es/format-message"));
 var _styles = _interopRequireDefault(require("./styles.js"));
 var _theme = _interopRequireDefault(require("./theme.js"));
-var _quizCommon = require("@instructure/quiz-common");
 var _dec, _class, _WarningWrapper;
 /** @jsx jsx */
-var WarningWrapper = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default, _theme.default), _dec(_class = (_WarningWrapper = /*#__PURE__*/function (_Component) {
+var WarningWrapper = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (_WarningWrapper = /*#__PURE__*/function (_Component) {
   (0, _inherits2.default)(WarningWrapper, _Component);
   var _super = (0, _createSuper2.default)(WarningWrapper);
   function WarningWrapper() {
@@ -105,7 +104,7 @@ var WarningWrapper = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default
   }]);
   WarningWrapper.displayName = "WarningWrapper";
   return WarningWrapper;
-}(_react.Component), _WarningWrapper.displayName = 'WarningWrapper', _WarningWrapper.componentId = "Quizzes".concat(_WarningWrapper.displayName), _WarningWrapper.propTypes = {
+}(_react.Component), _WarningWrapper.propTypes = {
   alertType: _propTypes.default.oneOf(['info', 'success', 'warning', 'error']),
   cancelActionCallback: _propTypes.default.func,
   cancelActionText: _propTypes.default.string,

package/lib/common/components/resources/positionBox/PositionBox.js

@@ -16,10 +16,9 @@ var _uiA11yContent = require("@instructure/ui-a11y-content");
 var _emotion = require("@instructure/emotion");
 var _styles = _interopRequireDefault(require("./styles.js"));
 var _theme = _interopRequireDefault(require("./theme.js"));
-var _quizCommon = require("@instructure/quiz-common");
 var _dec, _class, _PositionBox;
 /** @jsx jsx */
-var PositionBox = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default, _theme.default), _dec(_class = (_PositionBox = /*#__PURE__*/function (_Component) {
+var PositionBox = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (_PositionBox = /*#__PURE__*/function (_Component) {
   (0, _inherits2.default)(PositionBox, _Component);
   var _super = (0, _createSuper2.default)(PositionBox);
   function PositionBox() {
@@ -43,7 +42,7 @@ var PositionBox = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default, _
   }]);
   PositionBox.displayName = "PositionBox";
   return PositionBox;
-}(_react.Component), _PositionBox.displayName = 'PositionBox', _PositionBox.componentId = "Quizzes".concat(_PositionBox.displayName), _PositionBox.propTypes = {
+}(_react.Component), _PositionBox.propTypes = {
   headingText: _propTypes.default.string.isRequired,
   headingLevel: _propTypes.default.string,
   position: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]).isRequired,

package/lib/common/components/resources/quiz/AddContent/Body/presenter.js

@@ -27,7 +27,7 @@ var _theme = _interopRequireDefault(require("./theme.js"));
 var _dec, _class, _AddContentBody;
 /** @jsx jsx */
 var _ref = (0, _emotion.jsx)(_uiIcons.IconBankLine, null);
-var AddContentBody = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default, _theme.default), _dec(_class = (_AddContentBody = /*#__PURE__*/function (_Component) {
+var AddContentBody = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (_AddContentBody = /*#__PURE__*/function (_Component) {
   (0, _inherits2.default)(AddContentBody, _Component);
   var _super = (0, _createSuper2.default)(AddContentBody);
   function AddContentBody() {
@@ -132,7 +132,7 @@ var AddContentBody = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default
   }]);
   AddContentBody.displayName = "AddContentBody";
   return AddContentBody;
-}(_react.Component), _AddContentBody.displayName = 'AddContentBody', _AddContentBody.componentId = "Quizzes".concat(_AddContentBody.displayName), _AddContentBody.propTypes = {
+}(_react.Component), _AddContentBody.propTypes = {
   allowStimulusCreation: _propTypes.default.bool.isRequired,
   createItem: _propTypes.default.func.isRequired,
   createStimulus: _propTypes.default.func.isRequired,

package/lib/common/components/resources/quiz/AddContent/Button/index.js

@@ -21,7 +21,7 @@ var _theme = _interopRequireDefault(require("./theme.js"));
 var _quizCommon = require("@instructure/quiz-common");
 var _dec, _class, _AddContentButton;
 /** @jsx jsx */
-var AddContentButton = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default, _theme.default), _dec(_class = (_AddContentButton = /*#__PURE__*/function (_Component) {
+var AddContentButton = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (_AddContentButton = /*#__PURE__*/function (_Component) {
   (0, _inherits2.default)(AddContentButton, _Component);
   var _super = (0, _createSuper2.default)(AddContentButton);
   function AddContentButton() {
@@ -89,7 +89,7 @@ var AddContentButton = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.defau
   }]);
   AddContentButton.displayName = "AddContentButton";
   return AddContentButton;
-}(_react.Component), _AddContentButton.displayName = 'AddContentButton', _AddContentButton.componentId = "Quizzes".concat(_AddContentButton.displayName), _AddContentButton.propTypes = {
+}(_react.Component), _AddContentButton.propTypes = {
   isEditing: _propTypes.default.bool.isRequired,
   onClick: _propTypes.default.func,
   position: _propTypes.default.number,

package/lib/common/components/resources/quiz/AddContent/Popover/presenter.js

@@ -23,7 +23,7 @@ var _styles = _interopRequireDefault(require("./styles.js"));
 var _theme = _interopRequireDefault(require("./theme.js"));
 var _dec, _class, _AddContentPopover;
 /** @jsx jsx */
-var AddContentPopover = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default, _theme.default), _dec(_class = (_AddContentPopover = /*#__PURE__*/function (_Component) {
+var AddContentPopover = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (_AddContentPopover = /*#__PURE__*/function (_Component) {
   (0, _inherits2.default)(AddContentPopover, _Component);
   var _super = (0, _createSuper2.default)(AddContentPopover);
   function AddContentPopover() {
@@ -117,7 +117,7 @@ var AddContentPopover = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.defa
   }]);
   AddContentPopover.displayName = "AddContentPopover";
   return AddContentPopover;
-}(_react.Component), _AddContentPopover.displayName = 'AddContentPopover', _AddContentPopover.componentId = "Quizzes".concat(_AddContentPopover.displayName), _AddContentPopover.propTypes = {
+}(_react.Component), _AddContentPopover.propTypes = {
   appContainer: _CustomPropTypes.default.selectors.isRequired,
   allowStimulusCreation: _propTypes.default.bool,
   clearUi: _propTypes.default.func.isRequired,

package/lib/common/components/resources/quiz/instructions/Instructions.js

@@ -17,7 +17,6 @@ var _quizRce = require("@instructure/quiz-rce");
 var _makeScrollable = _interopRequireDefault(require("../../../shared/functionality/makeScrollable.js"));
 var _styles = _interopRequireDefault(require("./styles.js"));
 var _theme = _interopRequireDefault(require("./theme.js"));
-var _quizCommon = require("@instructure/quiz-common");
 var _dec, _class, _QuizInstructions;
 /** @jsx jsx */
 /* eslint "react/no-string-refs": "warn" */
@@ -25,7 +24,7 @@ var _dec, _class, _QuizInstructions;
 // renders the quiz instructions on
 // the Preview and Take pages
 // ================================
-var QuizInstructions = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default, _theme.default), _dec(_class = (_QuizInstructions = /*#__PURE__*/function (_Component) {
+var QuizInstructions = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (_QuizInstructions = /*#__PURE__*/function (_Component) {
   (0, _inherits2.default)(QuizInstructions, _Component);
   var _super = (0, _createSuper2.default)(QuizInstructions);
   function QuizInstructions() {
@@ -49,7 +48,7 @@ var QuizInstructions = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.defau
   }]);
   QuizInstructions.displayName = "QuizInstructions";
   return QuizInstructions;
-}(_react.Component), _QuizInstructions.displayName = 'QuizInstructions', _QuizInstructions.componentId = "Quizzes".concat(_QuizInstructions.displayName), _QuizInstructions.propTypes = {
+}(_react.Component), _QuizInstructions.propTypes = {
   quiz: _reactImmutableProptypes.default.record.isRequired,
   styles: _propTypes.default.object
 }, _QuizInstructions)) || _class);

package/lib/common/components/resources/quiz/title/Title.js

@@ -17,14 +17,13 @@ var _emotion = require("@instructure/emotion");
 var _makeScrollable = _interopRequireDefault(require("../../../shared/functionality/makeScrollable.js"));
 var _styles = _interopRequireDefault(require("./styles.js"));
 var _theme = _interopRequireDefault(require("./theme.js"));
-var _quizCommon = require("@instructure/quiz-common");
 var _dec, _class, _QuizTitle;
 /** @jsx jsx */
 // ==========================
 // renders the quiz title on
 // the Preview and Take pages
 // ==========================
-var QuizTitle = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default, _theme.default), _dec(_class = (_QuizTitle = /*#__PURE__*/function (_Component) {
+var QuizTitle = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (_QuizTitle = /*#__PURE__*/function (_Component) {
   (0, _inherits2.default)(QuizTitle, _Component);
   var _super = (0, _createSuper2.default)(QuizTitle);
   function QuizTitle() {
@@ -47,7 +46,7 @@ var QuizTitle = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default, _th
   }]);
   QuizTitle.displayName = "QuizTitle";
   return QuizTitle;
-}(_react.Component), _QuizTitle.displayName = 'QuizTitle', _QuizTitle.componentId = "Quizzes".concat(_QuizTitle.displayName), _QuizTitle.propTypes = {
+}(_react.Component), _QuizTitle.propTypes = {
   quiz: _reactImmutableProptypes.default.record.isRequired,
   styles: _propTypes.default.object
 }, _QuizTitle)) || _class);

package/lib/common/components/resources/quizSessionResult/Header/index.js

@@ -18,10 +18,9 @@ var _emotion = require("@instructure/emotion");
 var _formatMessage = _interopRequireDefault(require("@instructure/quiz-i18n/es/format-message"));
 var _styles = _interopRequireDefault(require("./styles.js"));
 var _theme = _interopRequireDefault(require("./theme.js"));
-var _quizCommon = require("@instructure/quiz-common");
 var _dec, _class, _QuizSessionResultHeader;
 /** @jsx jsx */
-var QuizSessionResultHeader = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default, _theme.default), _dec(_class = (_QuizSessionResultHeader = /*#__PURE__*/function (_Component) {
+var QuizSessionResultHeader = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (_QuizSessionResultHeader = /*#__PURE__*/function (_Component) {
   (0, _inherits2.default)(QuizSessionResultHeader, _Component);
   var _super = (0, _createSuper2.default)(QuizSessionResultHeader);
   function QuizSessionResultHeader() {
@@ -73,7 +72,7 @@ var QuizSessionResultHeader = (_dec = (0, _quizCommon.withStyleOverrides)(_style
   }]);
   QuizSessionResultHeader.displayName = "QuizSessionResultHeader";
   return QuizSessionResultHeader;
-}(_react.Component), _QuizSessionResultHeader.displayName = 'QuizSessionResultHeader', _QuizSessionResultHeader.componentId = "Quizzes".concat(_QuizSessionResultHeader.displayName), _QuizSessionResultHeader.propTypes = {
+}(_react.Component), _QuizSessionResultHeader.propTypes = {
   quizSession: _reactImmutableProptypes.default.record.isRequired,
   regradedSessionItemResults: _reactImmutableProptypes.default.list,
   studentDescription: _propTypes.default.node,

package/lib/common/components/resources/quizSessionResult/Info/index.js

@@ -30,7 +30,7 @@ var _theme = _interopRequireDefault(require("./theme.js"));
 var _dec, _class, _Info;
 /** @jsx jsx */
 var unknownPercentageValue = 'UNKNOWN_PERCENTAGE';
-var Info = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default, _theme.default), _dec(_class = (_Info = /*#__PURE__*/function (_withI18nSupport) {
+var Info = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (_Info = /*#__PURE__*/function (_withI18nSupport) {
   (0, _inherits2.default)(Info, _withI18nSupport);
   var _super = (0, _createSuper2.default)(Info);
   function Info(props) {
@@ -286,7 +286,7 @@ var Info = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default, _theme.d
   }]);
   Info.displayName = "Info";
   return Info;
-}((0, _quizCommon.withI18nSupport)(_react.Component)), _Info.displayName = 'QuizSessionResultInfo', _Info.componentId = "Quizzes".concat(_Info.displayName), _Info.propTypes = {
+}((0, _quizCommon.withI18nSupport)(_react.Component)), _Info.propTypes = {
   gradingScheme: _propTypes.default.arrayOf(_propTypes.default.shape({
     name: _propTypes.default.string,
     value: _propTypes.default.number