@instructure/quiz-core 22.15.1 → 22.16.1

package/es/banks/components/AsyncSearch/index.js

@@ -526,7 +526,6 @@ _define_property(AsyncSearch, "defaultProps", {
     getShareableCourses: null,
     getShareableUsers: null,
     getShareableSubaccounts: null,
-    searchLabel: t('Share With'),
     placeholder: null
 });
 export default AsyncSearch;

package/es/banks/components/BankEntry/presenter.js

@@ -234,7 +234,7 @@ import ItemEdit from '../../../common/components/resources/item/ItemEdit';
 import ItemFeedbackModal from '../../../building/components/resources/ItemFeedbackModal';
 import ItemShow from '../../../common/components/resources/item/ItemShow';
 import Page from '../../../common/components/layout/Page';
-import Spinner from '../../../common/components/shared/spinner/Spinner';
+import { Spinner } from '../../../common/components/shared/spinner/Spinner';
 import StimulusEditInfo from '../../../common/components/resources/stimulus/StimulusEditInfo';
 import StimulusShowInfo from '../../../common/components/resources/stimulus/StimulusShowInfo';
 import TagSuggestSelect from '../../../common/components/shared/TagSuggestSelect';

package/es/banks/components/BanksList/presenter.js

@@ -491,7 +491,8 @@ export var BanksList = /*#__PURE__*/ function(_superClass) {
                     }),
                     screenReaderLabel: t('Share bank {name}', {
                         name: bank.title
-                    })
+                    }),
+                    ref: _this1.handleSharingButtonRef(bank.id)
                 })), bank.canEdit() ? bankEditOptions : null);
             }
         }), _define_property(_this1, "renderBank", function(bank) {

package/es/banks/components/NavWrapper/presenter.js

@@ -148,7 +148,8 @@ var NavWrapper = /*#__PURE__*/ function(Component) {
                         returnToUrl: returnToUrl,
                         id: "ReturnButton",
                         key: "ReturnButton",
-                        iceTopNavBarEnabled: iceTopNavBarEnabled
+                        iceTopNavBarEnabled: iceTopNavBarEnabled,
+                        text: t('Return')
                     });
                 } else if (navigateToBuild) {
                     if (iceTopNavBarEnabled) {
@@ -168,7 +169,7 @@ var NavWrapper = /*#__PURE__*/ function(Component) {
         {
             key: "renderCloseButton",
             value: function renderCloseButton() {
-                if (this.props.closeTray) {
+                if (this.props.closeTray && this.props.isCompact) {
                     return /*#__PURE__*/ jsx(CloseButton, {
                         elementRef: this.setCloseButtonRef,
                         placement: "start",

package/es/banks/components/SharingModal/presenter.js

@@ -228,7 +228,7 @@ import CustomPropTypes from '../../../common/util/CustomPropTypes';
 import ShareList from './ShareList';
 import AsyncSearch from '../AsyncSearch';
 import RootAccountSharing from './RootAccountSharing';
-import Spinner from '../../../common/components/shared/spinner/Spinner';
+import { Spinner } from '../../../common/components/shared/spinner/Spinner';
 import generateStyle from './styles';
 import generateComponentTheme from './theme';
 import t from '@instructure/quiz-i18n/format-message';
@@ -328,12 +328,9 @@ export var SharingModalPresenter = /*#__PURE__*/ function(Component) {
                 _this1.checkForSharedBanks();
             });
         }), _define_property(_this1, "modalDismissCleanup", function() {
-            var focusCreateBank = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : false;
             _this1.props.onDismiss();
-            if (_this1.props.modalTrigger && !focusCreateBank) {
+            if (_this1.props.modalTrigger) {
                 _this1.props.modalTrigger.focus();
-            } else {
-                setTimeout(_this1.props.focusCreateBankButton, 100);
             }
             // removes the creator's temporary sharedBank record
             _this1.props.removeSharedBank('-1');
@@ -462,7 +459,8 @@ export var SharingModalPresenter = /*#__PURE__*/ function(Component) {
                     onSelectionChange: _this1.handleSearchSelectionChange,
                     searchType: searchType,
                     selectedOption: _this1.state.searchSelection,
-                    selectionFilter: _this1.handleSearchFilter
+                    selectionFilter: _this1.handleSearchFilter,
+                    searchLabel: t('Share With')
                 })), /*#__PURE__*/ jsx(Grid.Col, {
                     width: "auto"
                 }, /*#__PURE__*/ jsx(SimpleSelect, {
@@ -616,7 +614,7 @@ export var SharingModalPresenter = /*#__PURE__*/ function(Component) {
                     });
                     this.debouncedSearch();
                 }
-                if (prevState.searchValue !== this.state.searchValue || prevState.startingPoint !== this.state.startingPoint || prevState.selectedTabIndex !== this.state.selectedTabIndex || prevState.shares.size !== this.state.shares.size) {
+                if (prevState.searchValue !== this.state.searchValue || prevState.startingPoint !== this.state.startingPoint || prevState.selectedTabIndex !== this.state.selectedTabIndex || prevState.shares !== this.state.shares) {
                     this.createFilteredList();
                 }
             }

package/es/common/components/ApiFeatureFlagInitializer/index.js

@@ -2,7 +2,7 @@ import React, { useEffect } from 'react';
 import { connect } from '../../react-redux';
 import { bool, node, func } from 'prop-types';
 import { getFeatures } from '../../api/features';
-import { QuizzesSpinner as Spinner } from '../shared/spinner/Spinner';
+import { Spinner } from '../shared/spinner/Spinner';
 import { Card } from '../shared/Card';
 export var ApiFeatureFlagInitializerComponent = function(props) {
     useEffect(function() {

package/es/common/components/RceConfigProvider/presenter.js

@@ -219,7 +219,7 @@ function _ts_generator(thisArg, body) {
 import React, { useEffect, useState } from 'react';
 import ImmutablePropTypes from 'react-immutable-proptypes';
 import PropTypes from 'prop-types';
-import { QuizzesSpinner as Spinner } from '../shared/spinner/Spinner';
+import { Spinner } from '../shared/spinner/Spinner';
 import { Card } from '../shared/Card';
 import { RceConfigContext } from '@instructure/quiz-common';
 import { hasAllPropsForRcs } from './rceConfigUtils';

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

@@ -112,13 +112,13 @@ import ConfirmationModal from '../ConfirmationModal';
 import { setupFormatMessage } from '@instructure/quiz-i18n';
 import RceConfigProvider from '../RceConfigProvider';
 import { ApiFeatureFlagInitializer } from '../ApiFeatureFlagInitializer';
-export var SDKApp = /*#__PURE__*/ function(Component) {
+var UndecoratedSDKApp = /*#__PURE__*/ function(Component) {
     "use strict";
-    _inherits(SDKApp, Component);
-    function SDKApp(props) {
-        _class_call_check(this, SDKApp);
+    _inherits(UndecoratedSDKApp, Component);
+    function UndecoratedSDKApp(props) {
+        _class_call_check(this, UndecoratedSDKApp);
         var _this;
-        _this = _call_super(this, SDKApp, [
+        _this = _call_super(this, UndecoratedSDKApp, [
             props
         ]), _define_property(_this, "addAlert", function(opts) {
             _this.store.dispatch(addAlert(opts));
@@ -130,7 +130,7 @@ export var SDKApp = /*#__PURE__*/ function(Component) {
         _this.setLocale();
         return _this;
     }
-    _create_class(SDKApp, [
+    _create_class(UndecoratedSDKApp, [
         {
             key: "setLocale",
             value: function setLocale() {
@@ -236,11 +236,11 @@ export var SDKApp = /*#__PURE__*/ function(Component) {
             }
         }
     ]);
-    return SDKApp;
+    return UndecoratedSDKApp;
 }(Component);
-_define_property(SDKApp, "displayName", 'SDKApp');
-_define_property(SDKApp, "componentId", "Quizzes".concat(SDKApp.displayName));
-_define_property(SDKApp, "propTypes", {
+_define_property(UndecoratedSDKApp, "displayName", 'SDKApp');
+_define_property(UndecoratedSDKApp, "componentId", "Quizzes".concat(UndecoratedSDKApp.displayName));
+_define_property(UndecoratedSDKApp, "propTypes", {
     apiEndpoint: PropTypes.string.isRequired,
     appContainer: CustomPropTypes.selectors.isRequired,
     children: PropTypes.oneOfType([
@@ -274,10 +274,10 @@ _define_property(SDKApp, "propTypes", {
     disableAlertLiveRegion: PropTypes.bool,
     styles: PropTypes.object
 });
-_define_property(SDKApp, "contextTypes", {
+_define_property(UndecoratedSDKApp, "contextTypes", {
     locale: PropTypes.string
 });
-_define_property(SDKApp, "defaultProps", {
+_define_property(UndecoratedSDKApp, "defaultProps", {
     contextUuid: '',
     externalAccountUuid: '',
     gradeByQuestionEnabled: null,
@@ -290,8 +290,8 @@ _define_property(SDKApp, "defaultProps", {
     timeZone: Intl.DateTimeFormat().resolvedOptions().timeZone,
     disableAlertLiveRegion: false
 });
-SDKApp = _ts_decorate([
+UndecoratedSDKApp = _ts_decorate([
     withStyleOverrides(generateStyle, null)
-], SDKApp);
-export var DragDroppableSDKApp = DragDropContext(HTML5Backend)(SDKApp);
-export default DragDroppableSDKApp;
+], UndecoratedSDKApp);
+export var SDKApp = DragDropContext(HTML5Backend)(UndecoratedSDKApp);
+export default SDKApp;

package/es/common/components/resources/sessionItemResult/ResultStimulus/styles.js

@@ -105,6 +105,7 @@ var generateStyle = function(componentTheme, props) {
         })),
         stimulusItem: {
             flex: '1 1 auto',
+            minWidth: 0,
             width: '100%'
         },
         stimulusGroup: _object_spread_props(_object_spread({

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

@@ -216,7 +216,7 @@ import PropTypes from 'prop-types';
 import ImmutablePropTypes from 'react-immutable-proptypes';
 import { jsx } from '@instructure/emotion';
 import Paginator from '../Paginator';
-import Spinner from '../spinner/Spinner';
+import { Spinner } from '../spinner/Spinner';
 /**
  * Renders pagination controls and manages state of page contents. `getPage`
  * will be called with the page number and any collection parameters, and should

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

@@ -113,7 +113,7 @@ import React, { Component } from 'react';
 import PropTypes from 'prop-types';
 import { Overlay, Mask } from '@instructure/ui-overlays';
 import t from '@instructure/quiz-i18n/format-message';
-import { QuizzesSpinner as Spinner } from '../spinner/Spinner';
+import { Spinner } from '../spinner/Spinner';
 import CustomPropTypes from '../../../util/CustomPropTypes';
 import { printWithCss, ensureImagesLoaded } from '../../../util/printUtils';
 import PrintFontSizeModal from '../../PrintFontSizeModal';

package/es/common/components/shared/spinner/Spinner.js

@@ -93,19 +93,19 @@ function _ts_decorate(decorators, target, key, desc) {
 import { Component } from 'react';
 import PropTypes from 'prop-types';
 import { Text } from '@instructure/ui-text';
-import { Spinner } from '@instructure/ui-spinner';
+import { Spinner as InstUISpinner } from '@instructure/ui-spinner';
 import { PresentationContent } from '@instructure/ui-a11y-content';
 import { jsx } from '@instructure/emotion';
 import t from '@instructure/quiz-i18n/format-message';
 import generateStyle from './styles';
 import { withStyleOverrides } from '@instructure/quiz-common';
-export var QuizzesSpinner = /*#__PURE__*/ function(Component) {
+export var Spinner = /*#__PURE__*/ function(Component) {
     "use strict";
-    _inherits(QuizzesSpinner, Component);
-    function QuizzesSpinner(props) {
-        _class_call_check(this, QuizzesSpinner);
+    _inherits(Spinner, Component);
+    function Spinner(props) {
+        _class_call_check(this, Spinner);
         var _this;
-        _this = _call_super(this, QuizzesSpinner, [
+        _this = _call_super(this, Spinner, [
             props
         ]);
         _this.state = {
@@ -113,7 +113,7 @@ export var QuizzesSpinner = /*#__PURE__*/ function(Component) {
         };
         return _this;
     }
-    _create_class(QuizzesSpinner, [
+    _create_class(Spinner, [
         {
             key: "componentDidMount",
             value: function componentDidMount() {
@@ -156,18 +156,18 @@ export var QuizzesSpinner = /*#__PURE__*/ function(Component) {
                     style: {
                         minHeight: minHeight
                     }
-                }, /*#__PURE__*/ jsx("div", null, /*#__PURE__*/ jsx(Spinner, {
+                }, /*#__PURE__*/ jsx("div", null, /*#__PURE__*/ jsx(InstUISpinner, {
                     renderTitle: this.mainText(),
                     size: size
                 })), /*#__PURE__*/ jsx("div", null, /*#__PURE__*/ jsx(PresentationContent, null, this.mainText())));
             }
         }
     ]);
-    return QuizzesSpinner;
+    return Spinner;
 }(Component);
-_define_property(QuizzesSpinner, "displayName", 'QuizzesSpinner');
-_define_property(QuizzesSpinner, "componentId", "Quizzes".concat(QuizzesSpinner.displayName));
-_define_property(QuizzesSpinner, "propTypes", {
+_define_property(Spinner, "displayName", 'QuizzesSpinner');
+_define_property(Spinner, "componentId", "Quizzes".concat(Spinner.displayName));
+_define_property(Spinner, "propTypes", {
     mainText: PropTypes.string,
     fontSize: PropTypes.oneOf([
         'x-small',
@@ -188,14 +188,13 @@ _define_property(QuizzesSpinner, "propTypes", {
     styles: PropTypes.object,
     delay: PropTypes.number
 });
-_define_property(QuizzesSpinner, "defaultProps", {
+_define_property(Spinner, "defaultProps", {
     mainText: null,
     size: 'large',
     fontSize: 'xx-large',
     minHeight: '500px',
     color: 'primary'
 });
-QuizzesSpinner = _ts_decorate([
+Spinner = _ts_decorate([
     withStyleOverrides(generateStyle, null)
-], QuizzesSpinner);
-export default QuizzesSpinner;
+], Spinner);

package/es/common/middleware/quizTimerWebSocketMiddleware.js

@@ -1,5 +1,4 @@
 import { SET_WS_TOKEN, QUIZ_SUBMISSION_EVENT } from '@instructure/quiz-common';
-import { featureOn } from '../../common/util/featureCheck';
 import { formatTime } from '../../common/util/formatTimespan';
 import { updateTime, notifyTimeAdded } from '../../taking/api/taking';
 import { bindActionCreators } from 'redux';
@@ -46,12 +45,12 @@ export var handleWebSocketMessage = function(webSocketMessage, boundTakingApiAct
     handleExtraTimeFn(webSocketMessageData.extra_time_in_seconds, webSocketMessageData.end_at, boundTakingApiActions.updateTime, boundTakingApiActions.notifyTimeAdded);
 };
 export var createQuizTimerWebSocketMiddleware = function() {
-    var createWebsocketFn = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : createWebsocket, featureOnFn = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : featureOn;
+    var createWebsocketFn = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : createWebsocket;
     var socket = null;
     return function(store) {
         return function(next) {
             return function(action) {
-                if (action.type === SET_WS_TOKEN && featureOnFn('add_time_to_existing_quiz_sessions') && socket === null) {
+                if (action.type === SET_WS_TOKEN && socket === null) {
                     var token = action.payload.wsToken;
                     socket = initializeWebSocket(token, createWebsocketFn);
                     if (!socket) {

package/es/index.js

@@ -5,7 +5,7 @@
  * These exports are for other packages to use.
  * We should look into configuring an import/no-restricted-paths eslint rule to prevent this.
  */ // Components
-export { DragDroppableSDKApp as SDKApp } from './common/components/SDKApp';
+export { SDKApp } from './common/components/SDKApp';
 export { TimingAlerts } from './common/components/TimingAlerts';
 export { ModerateTable } from './moderating/components/resources/ModerateTable';
 export { Calculator } from './common/components/layout/header/Calculator/index';
@@ -27,7 +27,7 @@ export { ExtraTimeSettings } from './moderating/components/resources/Accommodati
 export { ReduceAnswerChoicesSettings } from './moderating/components/resources/AccommodationsModal/ReduceAnswerChoicesSettings';
 export { PreviewFrame } from './common/components/PreviewFrame';
 export { SDKHeaderCalculator } from './common/components/SDKHeaderCalculator';
-export { QuizzesSpinner } from './common/components/shared/spinner/Spinner';
+export { Spinner } from './common/components/shared/spinner/Spinner';
 export { PrintTrigger } from './common/components/shared/PrintTrigger';
 export { IfFeature } from './common/components/shared/IfFeature';
 export { UndecoratedQuizEntryEdit } from './building/components/resources/quizEntry/QuizEntryEdit/presenter';
@@ -82,11 +82,13 @@ export { GenericAsyncSearch } from './common/components/shared/GenericAsyncSearc
 export { MaskedTextInput } from './common/components/MaskedTextInput';
 export { AccessCodeTextInput } from './common/components/AccessCodeTextInput';
 export { LocalStoreService } from './common/util/localStoreService';
+export { default as Alerts } from './common/components/alerts/index';
 // Utilities
 export { environment as config } from './config';
 export { Fetcher } from './common/util/Fetcher';
 export { httpHeaders } from './common/util/httpHeaders';
 export { store, setFakeStore, unsetFakeStore } from './reduxStore';
+export { configureStore } from './configureStore';
 export { setFeatures, unsetFeatures, featureOn, withTestFeatures } from './common/util/featureCheck';
 export { makeEditable } from './common/components/shared/functionality/makeEditable';
 export { CustomPropTypes } from './common/util/CustomPropTypes';

package/es/moderating/components/resources/ModerateTable/presenter.js

@@ -130,7 +130,7 @@ import ModerateTableRow from '../ModerateTableRow';
 import IfFeature from '../../../../common/components/shared/IfFeature';
 import OutstandingQuizzesModal from '../OutstandingQuizzesModal';
 import ModerateTray from '../../sidebar/ModerateTray';
-import Spinner from '../../../../common/components/shared/spinner/Spinner';
+import { Spinner } from '../../../../common/components/shared/spinner/Spinner';
 import generateStyle from './styles';
 import generateComponentTheme from './theme';
 import ResetQuiz from '../../sidebar/ResetQuiz';

package/es/reporting/components/itemAnalysis/ItemAnalysisRow/presenter.js

@@ -101,7 +101,7 @@ import { jsx } from '@instructure/emotion';
 import { RichContentRenderer } from '@instructure/quiz-rce';
 import Card from '../../../../common/components/shared/Card';
 import ExpandButton from '../../../../common/components/shared/ExpandButton';
-import Spinner from '../../../../common/components/shared/spinner/Spinner';
+import { Spinner } from '../../../../common/components/shared/spinner/Spinner';
 import AnswerFrequencySummary from '../AnswerFrequencySummary';
 import QuintileDistribution from '../../charts/QuintileDistribution';
 import Legend from '../../charts/Legend';

package/es/reporting/components/quizAnalysis/QuizAnalysisOverview.js

@@ -100,7 +100,7 @@ import { jsx } from '@instructure/emotion';
 import FormattedDuration from '../../../common/components/shared/FormattedDuration';
 import t from '@instructure/quiz-i18n/format-message';
 import Card from '../../../common/components/shared/Card';
-import Spinner from '../../../common/components/shared/spinner/Spinner';
+import { Spinner } from '../../../common/components/shared/spinner/Spinner';
 import CentileDistribution from '../charts/CentileDistribution';
 import MetricsListItem from '../MetricsListItem';
 import generateStyle from './styles';

package/es/reporting/components/resources/NewQuizAndItemAnalysis/ReportCard/presenter.js

@@ -101,7 +101,7 @@ import Card from '../../../../../common/components/shared/Card';
 import generateStyle from './styles';
 import generateComponentTheme from './theme';
 import AnalysisMetric from '../AnalysisMetric';
-import Spinner from '../../../../../common/components/shared/spinner/Spinner';
+import { Spinner } from '../../../../../common/components/shared/spinner/Spinner';
 import { AnalysisUpdateDate } from '../../common/AnalysisUpdateDate';
 import { itemAnalysisPropType, quizAnalysisPropType } from '../../common/propTypes';
 import { csvFormat } from '../exportFormats';

package/es/reporting/components/resources/NewQuizAndItemAnalysis/presenter.js

@@ -98,8 +98,8 @@ import t from '@instructure/quiz-i18n/format-message';
 import { AnalysisUpdateDate } from '../common/AnalysisUpdateDate';
 import { itemAnalysisPropType, quizAnalysisPropType } from '../common/propTypes';
 import PropTypes from 'prop-types';
-import { QuizzesSpinner } from '../../../../common/components/shared/spinner/Spinner';
-import { Spinner } from '@instructure/ui-spinner';
+import { Spinner } from '../../../../common/components/shared/spinner/Spinner';
+import { Spinner as InstUISpinner } from '@instructure/ui-spinner';
 import { Button } from '@instructure/ui-buttons';
 import { Text } from '@instructure/ui-text';
 import { getFailedToFetchReports } from '../common/errorMessages';
@@ -137,7 +137,7 @@ export var NewQuizAndItemAnalysisPresenter = /*#__PURE__*/ function(Component) {
                 padding: "medium",
                 justifyItems: "center",
                 alignItems: "center"
-            }, /*#__PURE__*/ jsx(Spinner, {
+            }, /*#__PURE__*/ jsx(InstUISpinner, {
                 renderTitle: t('Loading item analyses data')
             }));
         }), _define_property(_this, "renderBodyOnFailedFetch", function() {
@@ -255,7 +255,7 @@ export var NewQuizAndItemAnalysisPresenter = /*#__PURE__*/ function(Component) {
                 color: "primary-inverse",
                 interaction: "disabled",
                 margin: "auto"
-            }, /*#__PURE__*/ jsx(QuizzesSpinner, {
+            }, /*#__PURE__*/ jsx(Spinner, {
                 size: "x-small",
                 color: "brand",
                 minHeight: "0",

package/es/reporting/components/resources/QuizAndItemAnalysis/presenter.js

@@ -97,7 +97,7 @@ import { Heading } from '@instructure/ui-heading';
 import { jsx } from '@instructure/emotion';
 import t from '@instructure/quiz-i18n/format-message';
 import { withI18nSupport, withStyleOverrides } from '@instructure/quiz-common';
-import Spinner from '../../../../common/components/shared/spinner/Spinner';
+import { Spinner } from '../../../../common/components/shared/spinner/Spinner';
 import Card from '../../../../common/components/shared/Card';
 import FormattedDuration from '../../../../common/components/shared/FormattedDuration';
 import ItemAnalysisRow from '../../../../reporting/components/itemAnalysis/ItemAnalysisRow';

package/es/reporting/components/resources/StudentAnalysis/ReportCard/presenter.js

@@ -99,7 +99,7 @@ import Card from '../../../../../common/components/shared/Card';
 import { generateStyle } from './styles';
 import { generateComponentTheme } from './theme';
 import { ExportButton } from '../../common/ExportButton';
-import Spinner from '../../../../../common/components/shared/spinner/Spinner';
+import { Spinner } from '../../../../../common/components/shared/spinner/Spinner';
 import { Flex, STUDENT_ANALYSES, withStyleOverrides } from '@instructure/quiz-common';
 import { AnalysisUpdateDate } from '../../common/AnalysisUpdateDate';
 export var StudentAnalysisReportCardPresenter = /*#__PURE__*/ function(Component) {

package/lib/banks/components/AsyncSearch/index.js

@@ -526,7 +526,6 @@ _define_property(AsyncSearch, "defaultProps", {
     getShareableCourses: null,
     getShareableUsers: null,
     getShareableSubaccounts: null,
-    searchLabel: t('Share With'),
     placeholder: null
 });
 export default AsyncSearch;

package/lib/banks/components/BankEntry/presenter.js

@@ -234,7 +234,7 @@ import ItemEdit from '../../../common/components/resources/item/ItemEdit';
 import ItemFeedbackModal from '../../../building/components/resources/ItemFeedbackModal';
 import ItemShow from '../../../common/components/resources/item/ItemShow';
 import Page from '../../../common/components/layout/Page';
-import Spinner from '../../../common/components/shared/spinner/Spinner';
+import { Spinner } from '../../../common/components/shared/spinner/Spinner';
 import StimulusEditInfo from '../../../common/components/resources/stimulus/StimulusEditInfo';
 import StimulusShowInfo from '../../../common/components/resources/stimulus/StimulusShowInfo';
 import TagSuggestSelect from '../../../common/components/shared/TagSuggestSelect';

package/lib/banks/components/BanksList/presenter.js

@@ -491,7 +491,8 @@ export var BanksList = /*#__PURE__*/ function(_superClass) {
                     }),
                     screenReaderLabel: t('Share bank {name}', {
                         name: bank.title
-                    })
+                    }),
+                    ref: _this1.handleSharingButtonRef(bank.id)
                 })), bank.canEdit() ? bankEditOptions : null);
             }
         }), _define_property(_this1, "renderBank", function(bank) {

package/lib/banks/components/NavWrapper/presenter.js

@@ -148,7 +148,8 @@ var NavWrapper = /*#__PURE__*/ function(Component) {
                         returnToUrl: returnToUrl,
                         id: "ReturnButton",
                         key: "ReturnButton",
-                        iceTopNavBarEnabled: iceTopNavBarEnabled
+                        iceTopNavBarEnabled: iceTopNavBarEnabled,
+                        text: t('Return')
                     });
                 } else if (navigateToBuild) {
                     if (iceTopNavBarEnabled) {
@@ -168,7 +169,7 @@ var NavWrapper = /*#__PURE__*/ function(Component) {
         {
             key: "renderCloseButton",
             value: function renderCloseButton() {
-                if (this.props.closeTray) {
+                if (this.props.closeTray && this.props.isCompact) {
                     return /*#__PURE__*/ jsx(CloseButton, {
                         elementRef: this.setCloseButtonRef,
                         placement: "start",

package/lib/banks/components/SharingModal/presenter.js

@@ -228,7 +228,7 @@ import CustomPropTypes from '../../../common/util/CustomPropTypes';
 import ShareList from './ShareList';
 import AsyncSearch from '../AsyncSearch';
 import RootAccountSharing from './RootAccountSharing';
-import Spinner from '../../../common/components/shared/spinner/Spinner';
+import { Spinner } from '../../../common/components/shared/spinner/Spinner';
 import generateStyle from './styles';
 import generateComponentTheme from './theme';
 import t from '@instructure/quiz-i18n/format-message';
@@ -328,12 +328,9 @@ export var SharingModalPresenter = /*#__PURE__*/ function(Component) {
                 _this1.checkForSharedBanks();
             });
         }), _define_property(_this1, "modalDismissCleanup", function() {
-            var focusCreateBank = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : false;
             _this1.props.onDismiss();
-            if (_this1.props.modalTrigger && !focusCreateBank) {
+            if (_this1.props.modalTrigger) {
                 _this1.props.modalTrigger.focus();
-            } else {
-                setTimeout(_this1.props.focusCreateBankButton, 100);
             }
             // removes the creator's temporary sharedBank record
             _this1.props.removeSharedBank('-1');
@@ -462,7 +459,8 @@ export var SharingModalPresenter = /*#__PURE__*/ function(Component) {
                     onSelectionChange: _this1.handleSearchSelectionChange,
                     searchType: searchType,
                     selectedOption: _this1.state.searchSelection,
-                    selectionFilter: _this1.handleSearchFilter
+                    selectionFilter: _this1.handleSearchFilter,
+                    searchLabel: t('Share With')
                 })), /*#__PURE__*/ jsx(Grid.Col, {
                     width: "auto"
                 }, /*#__PURE__*/ jsx(SimpleSelect, {
@@ -616,7 +614,7 @@ export var SharingModalPresenter = /*#__PURE__*/ function(Component) {
                     });
                     this.debouncedSearch();
                 }
-                if (prevState.searchValue !== this.state.searchValue || prevState.startingPoint !== this.state.startingPoint || prevState.selectedTabIndex !== this.state.selectedTabIndex || prevState.shares.size !== this.state.shares.size) {
+                if (prevState.searchValue !== this.state.searchValue || prevState.startingPoint !== this.state.startingPoint || prevState.selectedTabIndex !== this.state.selectedTabIndex || prevState.shares !== this.state.shares) {
                     this.createFilteredList();
                 }
             }

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

@@ -2,7 +2,7 @@ import React, { useEffect } from 'react';
 import { connect } from '../../react-redux';
 import { bool, node, func } from 'prop-types';
 import { getFeatures } from '../../api/features';
-import { QuizzesSpinner as Spinner } from '../shared/spinner/Spinner';
+import { Spinner } from '../shared/spinner/Spinner';
 import { Card } from '../shared/Card';
 export var ApiFeatureFlagInitializerComponent = function(props) {
     useEffect(function() {

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

@@ -219,7 +219,7 @@ function _ts_generator(thisArg, body) {
 import React, { useEffect, useState } from 'react';
 import ImmutablePropTypes from 'react-immutable-proptypes';
 import PropTypes from 'prop-types';
-import { QuizzesSpinner as Spinner } from '../shared/spinner/Spinner';
+import { Spinner } from '../shared/spinner/Spinner';
 import { Card } from '../shared/Card';
 import { RceConfigContext } from '@instructure/quiz-common';
 import { hasAllPropsForRcs } from './rceConfigUtils';

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

@@ -112,13 +112,13 @@ import ConfirmationModal from '../ConfirmationModal';
 import { setupFormatMessage } from '@instructure/quiz-i18n';
 import RceConfigProvider from '../RceConfigProvider';
 import { ApiFeatureFlagInitializer } from '../ApiFeatureFlagInitializer';
-export var SDKApp = /*#__PURE__*/ function(Component) {
+var UndecoratedSDKApp = /*#__PURE__*/ function(Component) {
     "use strict";
-    _inherits(SDKApp, Component);
-    function SDKApp(props) {
-        _class_call_check(this, SDKApp);
+    _inherits(UndecoratedSDKApp, Component);
+    function UndecoratedSDKApp(props) {
+        _class_call_check(this, UndecoratedSDKApp);
         var _this;
-        _this = _call_super(this, SDKApp, [
+        _this = _call_super(this, UndecoratedSDKApp, [
             props
         ]), _define_property(_this, "addAlert", function(opts) {
             _this.store.dispatch(addAlert(opts));
@@ -130,7 +130,7 @@ export var SDKApp = /*#__PURE__*/ function(Component) {
         _this.setLocale();
         return _this;
     }
-    _create_class(SDKApp, [
+    _create_class(UndecoratedSDKApp, [
         {
             key: "setLocale",
             value: function setLocale() {
@@ -236,11 +236,11 @@ export var SDKApp = /*#__PURE__*/ function(Component) {
             }
         }
     ]);
-    return SDKApp;
+    return UndecoratedSDKApp;
 }(Component);
-_define_property(SDKApp, "displayName", 'SDKApp');
-_define_property(SDKApp, "componentId", "Quizzes".concat(SDKApp.displayName));
-_define_property(SDKApp, "propTypes", {
+_define_property(UndecoratedSDKApp, "displayName", 'SDKApp');
+_define_property(UndecoratedSDKApp, "componentId", "Quizzes".concat(UndecoratedSDKApp.displayName));
+_define_property(UndecoratedSDKApp, "propTypes", {
     apiEndpoint: PropTypes.string.isRequired,
     appContainer: CustomPropTypes.selectors.isRequired,
     children: PropTypes.oneOfType([
@@ -274,10 +274,10 @@ _define_property(SDKApp, "propTypes", {
     disableAlertLiveRegion: PropTypes.bool,
     styles: PropTypes.object
 });
-_define_property(SDKApp, "contextTypes", {
+_define_property(UndecoratedSDKApp, "contextTypes", {
     locale: PropTypes.string
 });
-_define_property(SDKApp, "defaultProps", {
+_define_property(UndecoratedSDKApp, "defaultProps", {
     contextUuid: '',
     externalAccountUuid: '',
     gradeByQuestionEnabled: null,
@@ -290,8 +290,8 @@ _define_property(SDKApp, "defaultProps", {
     timeZone: Intl.DateTimeFormat().resolvedOptions().timeZone,
     disableAlertLiveRegion: false
 });
-SDKApp = _ts_decorate([
+UndecoratedSDKApp = _ts_decorate([
     withStyleOverrides(generateStyle, null)
-], SDKApp);
-export var DragDroppableSDKApp = DragDropContext(HTML5Backend)(SDKApp);
-export default DragDroppableSDKApp;
+], UndecoratedSDKApp);
+export var SDKApp = DragDropContext(HTML5Backend)(UndecoratedSDKApp);
+export default SDKApp;

package/lib/common/components/resources/sessionItemResult/ResultStimulus/styles.js

@@ -105,6 +105,7 @@ var generateStyle = function(componentTheme, props) {
         })),
         stimulusItem: {
             flex: '1 1 auto',
+            minWidth: 0,
             width: '100%'
         },
         stimulusGroup: _object_spread_props(_object_spread({

package/lib/common/components/shared/PaginatedCollection/presenter.js

@@ -216,7 +216,7 @@ import PropTypes from 'prop-types';
 import ImmutablePropTypes from 'react-immutable-proptypes';
 import { jsx } from '@instructure/emotion';
 import Paginator from '../Paginator';
-import Spinner from '../spinner/Spinner';
+import { Spinner } from '../spinner/Spinner';
 /**
  * Renders pagination controls and manages state of page contents. `getPage`
  * will be called with the page number and any collection parameters, and should

package/lib/common/components/shared/PrintTrigger/presenter.js

@@ -113,7 +113,7 @@ import React, { Component } from 'react';
 import PropTypes from 'prop-types';
 import { Overlay, Mask } from '@instructure/ui-overlays';
 import t from '@instructure/quiz-i18n/format-message';
-import { QuizzesSpinner as Spinner } from '../spinner/Spinner';
+import { Spinner } from '../spinner/Spinner';
 import CustomPropTypes from '../../../util/CustomPropTypes';
 import { printWithCss, ensureImagesLoaded } from '../../../util/printUtils';
 import PrintFontSizeModal from '../../PrintFontSizeModal';

package/lib/common/components/shared/spinner/Spinner.js

@@ -93,19 +93,19 @@ function _ts_decorate(decorators, target, key, desc) {
 import { Component } from 'react';
 import PropTypes from 'prop-types';
 import { Text } from '@instructure/ui-text';
-import { Spinner } from '@instructure/ui-spinner';
+import { Spinner as InstUISpinner } from '@instructure/ui-spinner';
 import { PresentationContent } from '@instructure/ui-a11y-content';
 import { jsx } from '@instructure/emotion';
 import t from '@instructure/quiz-i18n/format-message';
 import generateStyle from './styles';
 import { withStyleOverrides } from '@instructure/quiz-common';
-export var QuizzesSpinner = /*#__PURE__*/ function(Component) {
+export var Spinner = /*#__PURE__*/ function(Component) {
     "use strict";
-    _inherits(QuizzesSpinner, Component);
-    function QuizzesSpinner(props) {
-        _class_call_check(this, QuizzesSpinner);
+    _inherits(Spinner, Component);
+    function Spinner(props) {
+        _class_call_check(this, Spinner);
         var _this;
-        _this = _call_super(this, QuizzesSpinner, [
+        _this = _call_super(this, Spinner, [
             props
         ]);
         _this.state = {
@@ -113,7 +113,7 @@ export var QuizzesSpinner = /*#__PURE__*/ function(Component) {
         };
         return _this;
     }
-    _create_class(QuizzesSpinner, [
+    _create_class(Spinner, [
         {
             key: "componentDidMount",
             value: function componentDidMount() {
@@ -156,18 +156,18 @@ export var QuizzesSpinner = /*#__PURE__*/ function(Component) {
                     style: {
                         minHeight: minHeight
                     }
-                }, /*#__PURE__*/ jsx("div", null, /*#__PURE__*/ jsx(Spinner, {
+                }, /*#__PURE__*/ jsx("div", null, /*#__PURE__*/ jsx(InstUISpinner, {
                     renderTitle: this.mainText(),
                     size: size
                 })), /*#__PURE__*/ jsx("div", null, /*#__PURE__*/ jsx(PresentationContent, null, this.mainText())));
             }
         }
     ]);
-    return QuizzesSpinner;
+    return Spinner;
 }(Component);
-_define_property(QuizzesSpinner, "displayName", 'QuizzesSpinner');
-_define_property(QuizzesSpinner, "componentId", "Quizzes".concat(QuizzesSpinner.displayName));
-_define_property(QuizzesSpinner, "propTypes", {
+_define_property(Spinner, "displayName", 'QuizzesSpinner');
+_define_property(Spinner, "componentId", "Quizzes".concat(Spinner.displayName));
+_define_property(Spinner, "propTypes", {
     mainText: PropTypes.string,
     fontSize: PropTypes.oneOf([
         'x-small',
@@ -188,14 +188,13 @@ _define_property(QuizzesSpinner, "propTypes", {
     styles: PropTypes.object,
     delay: PropTypes.number
 });
-_define_property(QuizzesSpinner, "defaultProps", {
+_define_property(Spinner, "defaultProps", {
     mainText: null,
     size: 'large',
     fontSize: 'xx-large',
     minHeight: '500px',
     color: 'primary'
 });
-QuizzesSpinner = _ts_decorate([
+Spinner = _ts_decorate([
     withStyleOverrides(generateStyle, null)
-], QuizzesSpinner);
-export default QuizzesSpinner;
+], Spinner);

package/lib/common/middleware/quizTimerWebSocketMiddleware.js

@@ -1,5 +1,4 @@
 import { SET_WS_TOKEN, QUIZ_SUBMISSION_EVENT } from '@instructure/quiz-common';
-import { featureOn } from '../../common/util/featureCheck';
 import { formatTime } from '../../common/util/formatTimespan';
 import { updateTime, notifyTimeAdded } from '../../taking/api/taking';
 import { bindActionCreators } from 'redux';
@@ -46,12 +45,12 @@ export var handleWebSocketMessage = function(webSocketMessage, boundTakingApiAct
     handleExtraTimeFn(webSocketMessageData.extra_time_in_seconds, webSocketMessageData.end_at, boundTakingApiActions.updateTime, boundTakingApiActions.notifyTimeAdded);
 };
 export var createQuizTimerWebSocketMiddleware = function() {
-    var createWebsocketFn = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : createWebsocket, featureOnFn = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : featureOn;
+    var createWebsocketFn = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : createWebsocket;
     var socket = null;
     return function(store) {
         return function(next) {
             return function(action) {
-                if (action.type === SET_WS_TOKEN && featureOnFn('add_time_to_existing_quiz_sessions') && socket === null) {
+                if (action.type === SET_WS_TOKEN && socket === null) {
                     var token = action.payload.wsToken;
                     socket = initializeWebSocket(token, createWebsocketFn);
                     if (!socket) {

package/lib/index.js

@@ -5,7 +5,7 @@
  * These exports are for other packages to use.
  * We should look into configuring an import/no-restricted-paths eslint rule to prevent this.
  */ // Components
-export { DragDroppableSDKApp as SDKApp } from './common/components/SDKApp';
+export { SDKApp } from './common/components/SDKApp';
 export { TimingAlerts } from './common/components/TimingAlerts';
 export { ModerateTable } from './moderating/components/resources/ModerateTable';
 export { Calculator } from './common/components/layout/header/Calculator/index';
@@ -27,7 +27,7 @@ export { ExtraTimeSettings } from './moderating/components/resources/Accommodati
 export { ReduceAnswerChoicesSettings } from './moderating/components/resources/AccommodationsModal/ReduceAnswerChoicesSettings';
 export { PreviewFrame } from './common/components/PreviewFrame';
 export { SDKHeaderCalculator } from './common/components/SDKHeaderCalculator';
-export { QuizzesSpinner } from './common/components/shared/spinner/Spinner';
+export { Spinner } from './common/components/shared/spinner/Spinner';
 export { PrintTrigger } from './common/components/shared/PrintTrigger';
 export { IfFeature } from './common/components/shared/IfFeature';
 export { UndecoratedQuizEntryEdit } from './building/components/resources/quizEntry/QuizEntryEdit/presenter';
@@ -82,11 +82,13 @@ export { GenericAsyncSearch } from './common/components/shared/GenericAsyncSearc
 export { MaskedTextInput } from './common/components/MaskedTextInput';
 export { AccessCodeTextInput } from './common/components/AccessCodeTextInput';
 export { LocalStoreService } from './common/util/localStoreService';
+export { default as Alerts } from './common/components/alerts/index';
 // Utilities
 export { environment as config } from './config';
 export { Fetcher } from './common/util/Fetcher';
 export { httpHeaders } from './common/util/httpHeaders';
 export { store, setFakeStore, unsetFakeStore } from './reduxStore';
+export { configureStore } from './configureStore';
 export { setFeatures, unsetFeatures, featureOn, withTestFeatures } from './common/util/featureCheck';
 export { makeEditable } from './common/components/shared/functionality/makeEditable';
 export { CustomPropTypes } from './common/util/CustomPropTypes';

package/lib/moderating/components/resources/ModerateTable/presenter.js

@@ -130,7 +130,7 @@ import ModerateTableRow from '../ModerateTableRow';
 import IfFeature from '../../../../common/components/shared/IfFeature';
 import OutstandingQuizzesModal from '../OutstandingQuizzesModal';
 import ModerateTray from '../../sidebar/ModerateTray';
-import Spinner from '../../../../common/components/shared/spinner/Spinner';
+import { Spinner } from '../../../../common/components/shared/spinner/Spinner';
 import generateStyle from './styles';
 import generateComponentTheme from './theme';
 import ResetQuiz from '../../sidebar/ResetQuiz';

package/lib/reporting/components/itemAnalysis/ItemAnalysisRow/presenter.js

@@ -101,7 +101,7 @@ import { jsx } from '@instructure/emotion';
 import { RichContentRenderer } from '@instructure/quiz-rce';
 import Card from '../../../../common/components/shared/Card';
 import ExpandButton from '../../../../common/components/shared/ExpandButton';
-import Spinner from '../../../../common/components/shared/spinner/Spinner';
+import { Spinner } from '../../../../common/components/shared/spinner/Spinner';
 import AnswerFrequencySummary from '../AnswerFrequencySummary';
 import QuintileDistribution from '../../charts/QuintileDistribution';
 import Legend from '../../charts/Legend';

package/lib/reporting/components/quizAnalysis/QuizAnalysisOverview.js

@@ -100,7 +100,7 @@ import { jsx } from '@instructure/emotion';
 import FormattedDuration from '../../../common/components/shared/FormattedDuration';
 import t from '@instructure/quiz-i18n/format-message';
 import Card from '../../../common/components/shared/Card';
-import Spinner from '../../../common/components/shared/spinner/Spinner';
+import { Spinner } from '../../../common/components/shared/spinner/Spinner';
 import CentileDistribution from '../charts/CentileDistribution';
 import MetricsListItem from '../MetricsListItem';
 import generateStyle from './styles';

package/lib/reporting/components/resources/NewQuizAndItemAnalysis/ReportCard/presenter.js

@@ -101,7 +101,7 @@ import Card from '../../../../../common/components/shared/Card';
 import generateStyle from './styles';
 import generateComponentTheme from './theme';
 import AnalysisMetric from '../AnalysisMetric';
-import Spinner from '../../../../../common/components/shared/spinner/Spinner';
+import { Spinner } from '../../../../../common/components/shared/spinner/Spinner';
 import { AnalysisUpdateDate } from '../../common/AnalysisUpdateDate';
 import { itemAnalysisPropType, quizAnalysisPropType } from '../../common/propTypes';
 import { csvFormat } from '../exportFormats';

package/lib/reporting/components/resources/NewQuizAndItemAnalysis/presenter.js

@@ -98,8 +98,8 @@ import t from '@instructure/quiz-i18n/format-message';
 import { AnalysisUpdateDate } from '../common/AnalysisUpdateDate';
 import { itemAnalysisPropType, quizAnalysisPropType } from '../common/propTypes';
 import PropTypes from 'prop-types';
-import { QuizzesSpinner } from '../../../../common/components/shared/spinner/Spinner';
-import { Spinner } from '@instructure/ui-spinner';
+import { Spinner } from '../../../../common/components/shared/spinner/Spinner';
+import { Spinner as InstUISpinner } from '@instructure/ui-spinner';
 import { Button } from '@instructure/ui-buttons';
 import { Text } from '@instructure/ui-text';
 import { getFailedToFetchReports } from '../common/errorMessages';
@@ -137,7 +137,7 @@ export var NewQuizAndItemAnalysisPresenter = /*#__PURE__*/ function(Component) {
                 padding: "medium",
                 justifyItems: "center",
                 alignItems: "center"
-            }, /*#__PURE__*/ jsx(Spinner, {
+            }, /*#__PURE__*/ jsx(InstUISpinner, {
                 renderTitle: t('Loading item analyses data')
             }));
         }), _define_property(_this, "renderBodyOnFailedFetch", function() {
@@ -255,7 +255,7 @@ export var NewQuizAndItemAnalysisPresenter = /*#__PURE__*/ function(Component) {
                 color: "primary-inverse",
                 interaction: "disabled",
                 margin: "auto"
-            }, /*#__PURE__*/ jsx(QuizzesSpinner, {
+            }, /*#__PURE__*/ jsx(Spinner, {
                 size: "x-small",
                 color: "brand",
                 minHeight: "0",

package/lib/reporting/components/resources/QuizAndItemAnalysis/presenter.js

@@ -97,7 +97,7 @@ import { Heading } from '@instructure/ui-heading';
 import { jsx } from '@instructure/emotion';
 import t from '@instructure/quiz-i18n/format-message';
 import { withI18nSupport, withStyleOverrides } from '@instructure/quiz-common';
-import Spinner from '../../../../common/components/shared/spinner/Spinner';
+import { Spinner } from '../../../../common/components/shared/spinner/Spinner';
 import Card from '../../../../common/components/shared/Card';
 import FormattedDuration from '../../../../common/components/shared/FormattedDuration';
 import ItemAnalysisRow from '../../../../reporting/components/itemAnalysis/ItemAnalysisRow';

package/lib/reporting/components/resources/StudentAnalysis/ReportCard/presenter.js

@@ -99,7 +99,7 @@ import Card from '../../../../../common/components/shared/Card';
 import { generateStyle } from './styles';
 import { generateComponentTheme } from './theme';
 import { ExportButton } from '../../common/ExportButton';
-import Spinner from '../../../../../common/components/shared/spinner/Spinner';
+import { Spinner } from '../../../../../common/components/shared/spinner/Spinner';
 import { Flex, STUDENT_ANALYSES, withStyleOverrides } from '@instructure/quiz-common';
 import { AnalysisUpdateDate } from '../../common/AnalysisUpdateDate';
 export var StudentAnalysisReportCardPresenter = /*#__PURE__*/ function(Component) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@instructure/quiz-core",
-  "version": "22.15.1",
+  "version": "22.16.1",
   "license": "MIT",
   "description": "The Quiz React SDK by Instructure Inc.",
   "author": "Instructure, Inc. Engineering and Product Design",
@@ -10,6 +10,10 @@
     ".": {
       "import": "./es/index.js",
       "require": "./lib/index.js"
+    },
+    "./*": {
+      "import": "./es/*.js",
+      "require": "./lib/*.js"
     }
   },
   "repository": {
@@ -117,12 +121,12 @@
     "store": "^1.3.20",
     "striptags": "^2.0.0",
     "uuid": "^3.2.1",
-    "@instructure/quiz-common": "22.15.1",
-    "@instructure/quiz-i18n": "22.15.1",
-    "@instructure/quiz-interactions": "22.15.1",
-    "@instructure/quiz-number-input": "22.15.1",
-    "@instructure/quiz-rce": "22.15.1",
-    "instructure-validations": "22.15.1"
+    "@instructure/quiz-common": "22.16.1",
+    "@instructure/quiz-interactions": "22.16.1",
+    "@instructure/quiz-number-input": "22.16.1",
+    "@instructure/quiz-i18n": "22.16.1",
+    "@instructure/quiz-rce": "22.16.1",
+    "instructure-validations": "22.16.1"
   },
   "devDependencies": {
     "@instructure/ui-axe-check": "10.17.0",
@@ -151,7 +155,7 @@
     "sinon": "^6.1.3",
     "sinon-chai": "^3.3.0",
     "@instructure/quiz-scripts": "21.0.0",
-    "quiz-presets": "22.15.1"
+    "quiz-presets": "22.16.1"
   },
   "peerDependencies": {
     "react": "^15 || ^16"