@instructure/quiz-core 22.3.2-rc.8 → 22.4.0

package/es/building/api/quizzes.js

@@ -3,7 +3,7 @@ import { noop } from 'lodash';
 import { DO_NOTHING, NEW_QUIZ_ID, QUIZ_SAVE_CALL, PARENT_TYPE_BANK, PARENT_TYPE_QUIZ, PARENT_TYPE_QUIZ_SESSION } from '@instructure/quiz-common';
 import Fetcher from '../../common/util/Fetcher';
 import { getQTIInfo } from './qtiImports';
-import { changeQuizAllowBacktracking, changeQuizAllowClearMCSelection, changeQuizChoiceElimination, changeQuizHasTimeLimit, changeQuizOneAtATimeType, changeQuizDefaultRceSettings, changeQuizShuffleQuestions, changeQuizShuffleAnswers, changeQuizRequireStudentAccessCode, changeQuizStudentAccessCode, changeSessionTimeLimitInSeconds, changeQuizFilterIpAddress, changeQuizIpFilters, changeQuizCalculatorType, changeResultsFeedback, changeResultsFeedbackEnabled, changeQuizDisableDocumentAccess } from '../../common/actions/modifications';
+import { changeQuizAllowBacktracking, changeQuizAllowClearMCSelection, changeQuizChoiceElimination, changeQuizHasTimeLimit, changeQuizOneAtATimeType, changeQuizDefaultRceSettings, changeQuizShuffleQuestions, changeQuizShuffleAnswers, changeQuizRequireStudentAccessCode, changeQuizStudentAccessCode, changeSessionTimeLimitInSeconds, changeQuizFilterIpAddress, changeQuizIpFilters, changeQuizCalculatorType, changeResultsFeedback, changeResultsFeedbackEnabled } from '../../common/actions/modifications';
 import { handleQuizResponse } from '../../common/api/callHandlers';
 import { getUploadUrl, sendFileToS3 } from '../../common/api/fileUpload';
 import { interactionTypeFetch } from '../../common/api/interactionTypes';
@@ -190,11 +190,6 @@ export function setQuizShuffleAnswers(quizId, value, completeCb) {
     shuffle_answers: Boolean(value)
   }, changeQuizShuffleAnswers(quizId, value), completeCb);
 }
-export function setQuizDisableDocumentAccess(quizId, value, completeCb) {
-  return setQuizProperty(quizId, {
-    disable_document_access: Boolean(value)
-  }, changeQuizDisableDocumentAccess(quizId, value), completeCb);
-}
 export function setRequireStudentAccessCode(quizId, value, completeCb) {
   return setQuizProperty(quizId, {
     require_student_access_code: Boolean(value)

package/es/building/components/resources/quiz/title/Edit/index.js

@@ -4,7 +4,7 @@ import _possibleConstructorReturn from "@babel/runtime/helpers/esm/possibleConst
 import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
 import _inherits from "@babel/runtime/helpers/esm/inherits";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-var _TitleEdit;
+var _dec, _class, _TitleEdit;
 function _callSuper(_this, derived, args) {
   function isNativeReflectConstruct() {
     if (typeof Reflect === "undefined" || !Reflect.construct) return false;
@@ -20,14 +20,17 @@ function _callSuper(_this, derived, args) {
   return _possibleConstructorReturn(_this, isNativeReflectConstruct() ? Reflect.construct(derived, args || [], _getPrototypeOf(_this).constructor) : derived.apply(_this, args));
 }
 /** @jsx jsx */
-import React, { Component } from 'react';
+import { Component } from 'react';
 import PropTypes from 'prop-types';
 import ImmutablePropTypes from 'react-immutable-proptypes';
+import ReactDOM from 'react-dom';
 import defer from 'lodash/defer';
 import { jsx } from '@instructure/emotion';
+import generateStyle from './styles';
+import generateComponentTheme from './theme';
+import Errors from '../../../../../../common/components/shared/errors/Errors';
 import t from '@instructure/quiz-i18n/es/format-message';
-import { Flex, TextInput } from '@instructure/quiz-common';
-import { ScreenReaderContent } from '@instructure/ui-a11y-content';
+import { withStyleOverrides } from '@instructure/quiz-common';
 
 // =================================
 
@@ -37,23 +40,19 @@ import { ScreenReaderContent } from '@instructure/ui-a11y-content';
 
 // =================================
 
-export var TitleEdit = /*#__PURE__*/function (_Component) {
-  function TitleEdit(props) {
+export var TitleEdit = (_dec = withStyleOverrides(generateStyle, generateComponentTheme), _dec(_class = (_TitleEdit = /*#__PURE__*/function (_Component) {
+  function TitleEdit() {
     var _this2;
     _classCallCheck(this, TitleEdit);
-    _this2 = _callSuper(this, TitleEdit, [props]);
-    /**
-     * @type {React.RefObject<TextInput> | null}
-     */
-    _defineProperty(_this2, "inputRef", null);
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+    _this2 = _callSuper(this, TitleEdit, [].concat(args));
     _defineProperty(_this2, "defer", function (fn) {
-      // to enable synchronous testing
+      // to enable syncronous testing
       var deferFn = _this2.props.deferMock || defer;
       deferFn(fn);
     });
-    _defineProperty(_this2, "setInputRef", function (node) {
-      _this2.inputRef.current = node;
-    });
     _defineProperty(_this2, "switchOffEditing", function () {
       var fromEnterPressed = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
       _this2.ifValidElseError(function () {
@@ -82,21 +81,26 @@ export var TitleEdit = /*#__PURE__*/function (_Component) {
     _defineProperty(_this2, "handleBlur", function (e) {
       _this2.switchOffEditing(false);
     });
-    _this2.inputRef = React.createRef();
     return _this2;
   }
   _inherits(TitleEdit, _Component);
   return _createClass(TitleEdit, [{
     key: "componentDidMount",
-    value: function componentDidMount() {
-      var input = this.inputRef.current;
-      if (input) {
-        input.focus();
-
-        // Note: Some browsers add extra characters so we need to multiply the length by 2 to ensure
-        // the cursor is at the end
-        input.setSelectionRange(input.value.length * 2, input.value.length * 2);
-      }
+    value:
+    // todo: extract this into a shared method
+    // to be used on many components
+    function componentDidMount() {
+      this.props.makeStyles();
+      var input = ReactDOM.findDOMNode(this.input);
+      // some browsers add chars so * 2 to ensure at end
+      var valLength = input.value.length * 2;
+      input.focus();
+      input.setSelectionRange(valLength, valLength);
+    }
+  }, {
+    key: "componentDidUpdate",
+    value: function componentDidUpdate() {
+      this.props.makeStyles();
     }
   }, {
     key: "ifValidElseError",
@@ -117,57 +121,46 @@ export var TitleEdit = /*#__PURE__*/function (_Component) {
       };
     }
   }, {
-    key: "normalizedErrors",
-    get: function get() {
-      var _this$props$errors;
-      var hasErrors = this.props.errorsAreShowing && this.props.errors.size > 0;
-      if (!hasErrors) {
-        return [];
+    key: "hasErrors",
+    value: function hasErrors() {
+      return this.props.errorsAreShowing && this.props.errors.size > 0;
+    }
+  }, {
+    key: "renderErrors",
+    value: function renderErrors() {
+      if (this.hasErrors()) {
+        return jsx("div", {
+          css: this.props.styles.errorsWrapper
+        }, jsx(Errors, {
+          errorList: this.props.errors
+        }));
       }
-      var errorList = (_this$props$errors = this.props.errors) === null || _this$props$errors === void 0 || (_this$props$errors = _this$props$errors.toArray()) === null || _this$props$errors === void 0 ? void 0 : _this$props$errors.map(function (error) {
-        if (typeof error === 'object') {
-          return error;
-        }
-        return {
-          text: error,
-          type: 'newError'
-        };
-      });
-      return errorList || [];
     }
   }, {
     key: "render",
     value: function render() {
-      return jsx(Flex, {
-        direction: "column",
-        justifyItems: "center",
-        padding: "medium large",
+      return jsx("div", {
+        ref: this.setRef('wrapper'),
+        css: this.props.styles.titleEditWrapper,
+        onBlur: this.handleBlur,
         "data-automation": "sdk-quiz-title-edit-wrapper"
-      }, jsx(Flex.Item, null, jsx(TextInput, {
-        inputRef: this.setInputRef,
-        renderLabel: jsx(ScreenReaderContent, null, t('Title')),
+      }, jsx("div", {
+        css: this.props.styles.inputWrapper
+      }, jsx("input", {
+        ref: this.setRef('input'),
+        type: "text",
+        "aria-label": t('title'),
         placeholder: t('Add a Title...'),
-        messages: this.normalizedErrors,
+        value: this.props.value,
         onKeyDown: this.handleKeyDown,
         onKeyUp: this.handleKeyUp,
         onChange: this.props.onInputChange,
-        onBlur: this.handleBlur,
-        defaultValue: this.props.value,
-        "data-automation": "sdk-quiz-title-edit",
-        themeOverride: {
-          padding: 0,
-          borderColor: 'transparent',
-          mediumFontSize: '1.75rem',
-          fontWeight: '400'
-        }
-      })));
+        css: this.props.styles.titleEditInput,
+        "data-automation": "sdk-quiz-title-edit"
+      })), this.renderErrors());
     }
   }]);
-}(Component);
-_TitleEdit = TitleEdit;
-_defineProperty(TitleEdit, "displayName", 'TitleEdit');
-_defineProperty(TitleEdit, "componentId", "Quizzes".concat(_TitleEdit.displayName));
-_defineProperty(TitleEdit, "propTypes", {
+}(Component), _defineProperty(_TitleEdit, "displayName", 'TitleEdit'), _defineProperty(_TitleEdit, "componentId", "Quizzes".concat(_TitleEdit.displayName)), _defineProperty(_TitleEdit, "propTypes", {
   value: PropTypes.string.isRequired,
   isValid: PropTypes.bool.isRequired,
   showError: PropTypes.func.isRequired,
@@ -177,10 +170,10 @@ _defineProperty(TitleEdit, "propTypes", {
   onInputChange: PropTypes.func.isRequired,
   saveAndPreview: PropTypes.func.isRequired,
   deferMock: PropTypes.func,
-  styles: PropTypes.object
-});
-_defineProperty(TitleEdit, "defaultProps", {
+  styles: PropTypes.object,
+  makeStyles: PropTypes.func
+}), _defineProperty(_TitleEdit, "defaultProps", {
   errorsAreShowing: false,
   deferMock: defer
-});
+}), _TitleEdit)) || _class);
 export default TitleEdit;

package/es/building/components/resources/quiz/title/Edit/styles.js

@@ -0,0 +1,38 @@
+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) {
+  var wrapperStyles = {
+    width: '100%',
+    flex: '1 1 auto',
+    display: 'flex',
+    flexDirection: 'column',
+    justifyContent: 'center'
+  };
+  var errorBorderStyles = {
+    margin: componentTheme.errorBorderMargin,
+    padding: componentTheme.errorBorderPadding,
+    border: "solid 1px ".concat(componentTheme.errorBorderColor),
+    borderRadius: componentTheme.errorBorderBorderRadius
+  };
+  return {
+    titleEditWrapper: {
+      position: 'relative',
+      width: '100%',
+      height: '5rem',
+      boxSizing: 'border-box',
+      paddingLeft: componentTheme.titleEditWrapperLeftPadding,
+      paddingRight: componentTheme.titleEditWrapperRightPadding,
+      display: 'flex',
+      flexDirection: 'column',
+      justifyContent: 'center'
+    },
+    titleEditInput: _objectSpread({
+      fontFamily: componentTheme.titleEditInputFontFamily,
+      fontSize: componentTheme.titleEditInputFontSize
+    }, props.errorsAreShowing && props.errors.size > 0 && errorBorderStyles),
+    inputWrapper: wrapperStyles,
+    errorsWrapper: wrapperStyles
+  };
+};
+export default generateStyle;

package/es/building/components/resources/quiz/title/Edit/theme.js

@@ -0,0 +1,17 @@
+var generateComponentTheme = function generateComponentTheme(_ref) {
+  var spacing = _ref.spacing,
+    colors = _ref.colors,
+    typography = _ref.typography,
+    borders = _ref.borders;
+  return {
+    titleEditWrapperLeftPadding: spacing.large,
+    titleEditWrapperRightPadding: spacing.large,
+    titleEditInputFontFamily: typography.fontFamily,
+    titleEditInputFontSize: typography.fontSizeXLarge,
+    errorBorderMargin: spacing.xxSmall,
+    errorBorderPadding: spacing.xxSmall,
+    errorBorderColor: colors.contrasts.red4570,
+    errorBorderBorderRadius: borders.radiusSmall
+  };
+};
+export default generateComponentTheme;

package/es/common/actions/modifications.js

@@ -99,17 +99,6 @@ export function changeQuizShuffleAnswers(quizId, value) {
     }
   };
 }
-export function changeQuizDisableDocumentAccess(quizId, value) {
-  return {
-    type: QUIZ_MODIFICATION,
-    payload: {
-      id: quizId,
-      modifications: {
-        disableDocumentAccess: Boolean(value)
-      }
-    }
-  };
-}
 export function changeQuizRequireStudentAccessCode(quizId, value) {
   return {
     type: QUIZ_MODIFICATION,

package/es/common/components/resources/item/ItemEdit/index.js

@@ -5,7 +5,7 @@ import ItemEdit from './presenter';
 import makeEditable from '../../../shared/functionality/makeEditable';
 import { openModal } from '../../../../actions/modal';
 import { occludeQuizEntries } from '../../../../actions/ui';
-import { generateImportModalId } from '../../../ImportModal';
+import { generateImportModalId } from '../../../../../common/components/ImportModal';
 import { showError, hideError } from '../../../../actions/errorsShowing';
 import { uploadStatus as setUploadStatus } from '../../../../actions/upload';
 import * as modificationActions from '../../../../actions/modifications';
@@ -13,9 +13,8 @@ import { addError, screenreaderNotification } from '../../../../actions/alerts';
 import { updateItem } from '../../../../../building/api/items';
 import { interactionFileUpload, setOneAtATimeType } from '../../../../../building/api/quizzes';
 import { featureOn } from '../../../../util/featureCheck';
-import { getActiveQuizId, isActiveQuizWorkingInstanceOneQuestionAtATime } from '../../../../selectors/quizzes';
+import { getActiveQuizId, isActiveQuizWorkingInstanceOneQuestionAtATime } from '../../../../../common/selectors/quizzes';
 export function mapStateToProps(state, props) {
-  var _props$showCalculator;
   // Error Related:
   var workingItem = props.entry.getWorkingInstance();
   var isValid = workingItem.isValid();
@@ -40,8 +39,7 @@ export function mapStateToProps(state, props) {
     partialScoringEnabled: featureOn('partial_scoring'),
     quizId: getActiveQuizId(state),
     scope: props.scope,
-    rootAccountUuid: state.getIn(['outcomes', 'externalAccountUuid']),
-    showCalculatorOption: (_props$showCalculator = props.showCalculator) !== null && _props$showCalculator !== void 0 ? _props$showCalculator : true // used by Studio team to control calculator checkbox visibility
+    rootAccountUuid: state.getIn(['outcomes', 'externalAccountUuid'])
   };
 }
 function mapDispatchToProps(dispatch) {

package/es/common/components/resources/item/ItemEdit/presenter.js

@@ -191,8 +191,7 @@ _defineProperty(ItemEdit, "propTypes", {
     launch_context_uuid: PropTypes.string,
     root_account_name: PropTypes.string
   }),
-  rootAccountUuid: PropTypes.string,
-  showCalculatorOption: PropTypes.bool
+  rootAccountUuid: PropTypes.string
 });
 _defineProperty(ItemEdit, "defaultProps", {
   additionalOptions: [],
@@ -208,7 +207,6 @@ _defineProperty(ItemEdit, "defaultProps", {
   initialFocusId: null,
   validationErrorsFromApi: {},
   scope: {},
-  rootAccountUuid: null,
-  showCalculatorOption: true
+  rootAccountUuid: null
 });
 export default ItemEdit;

package/es/common/components/shared/errors/Errors.js

@@ -0,0 +1,69 @@
+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 _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+var _dec, _class, _Errors;
+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 { List } from 'immutable';
+import ImmutablePropTypes from 'react-immutable-proptypes';
+import PropTypes from 'prop-types';
+import { jsx } from '@instructure/emotion';
+import generateStyle from './styles';
+import generateComponentTheme from './theme';
+import { withStyleOverrides } from '@instructure/quiz-common';
+export var Errors = (_dec = withStyleOverrides(generateStyle, generateComponentTheme), _dec(_class = (_Errors = /*#__PURE__*/function (_Component) {
+  function Errors() {
+    var _this2;
+    _classCallCheck(this, Errors);
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+    _this2 = _callSuper(this, Errors, [].concat(args));
+    _defineProperty(_this2, "renderError", function (errorText, i) {
+      var key = "error_for_".concat(i);
+      return jsx("div", {
+        css: _this2.props.styles.error,
+        key: key,
+        "data-automation": "sdk-core-error"
+      }, errorText);
+    });
+    return _this2;
+  }
+  _inherits(Errors, _Component);
+  return _createClass(Errors, [{
+    key: "render",
+    value: function render() {
+      var _this$props$errorList;
+      if (this.props.errorList.size === 0) {
+        return null;
+      }
+      return jsx("div", {
+        css: this.props.styles.errors,
+        "data-testid": "errors-container"
+      }, (_this$props$errorList = this.props.errorList) === null || _this$props$errorList === void 0 ? void 0 : _this$props$errorList.toArray().map(this.renderError));
+    }
+  }]);
+}(Component), _defineProperty(_Errors, "displayName", 'Errors'), _defineProperty(_Errors, "componentId", "Quizzes".concat(_Errors.displayName)), _defineProperty(_Errors, "propTypes", {
+  errorList: ImmutablePropTypes.list,
+  styles: PropTypes.object
+}), _defineProperty(_Errors, "defaultProps", {
+  errorList: List()
+}), _Errors)) || _class);
+export default Errors;

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

@@ -0,0 +1,16 @@
+var generateStyle = function generateStyle(componentTheme) {
+  return {
+    errors: {
+      display: 'flex',
+      alignItems: 'flex-start',
+      flexDirection: 'column'
+    },
+    error: {
+      fontFamily: componentTheme.errorFontFamily,
+      fontSize: componentTheme.errorFontSize,
+      color: componentTheme.errorColor,
+      flex: '1 1 auto'
+    }
+  };
+};
+export default generateStyle;

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

@@ -0,0 +1,10 @@
+var generateComponentTheme = function generateComponentTheme(_ref) {
+  var colors = _ref.colors,
+    typography = _ref.typography;
+  return {
+    errorFontFamily: typography.fontFamily,
+    errorFontSize: typography.fontSizeSmall,
+    errorColor: colors.contrasts.red4570
+  };
+};
+export default generateComponentTheme;

package/es/common/records/Quiz.js

@@ -165,7 +165,6 @@ export var Quiz = (_dec = withStateCache(function (quiz) {
   choiceElimination: false,
   contextId: null,
   defaultRceSettings: null,
-  disableDocumentAccess: false,
   hasTimeLimit: false,
   id: '0',
   instructions: t('Add Instructions...'),

package/es/common/util/interactionTypePropsHelper.js

@@ -60,8 +60,7 @@ export var propsForInteractionEdit = function propsForInteractionEdit(props, add
     stemErrors: props.workingItem.errorsFor('itemBody').toJS(),
     initialFocusId: props.initialFocusId,
     calculatorType: item.calculatorType,
-    multipleHotSpotEnabled: featureOn('multiple_hotspot_selections'),
-    showCalculatorOption: props.showCalculatorOption
+    multipleHotSpotEnabled: featureOn('multiple_hotspot_selections')
   };
 };
 export var propsForInteractionShow = function propsForInteractionShow(item) {

package/es/index.js

@@ -74,6 +74,7 @@ export { StimulusShow } from './common/components/resources/stimulus/StimulusSho
 export { QuizSessionResultHeader } from './common/components/resources/quizSessionResult/Header';
 export { Info as QuizSessionResultInfo } from './common/components/resources/quizSessionResult/Info';
 export { SessionItemResultsList } from './common/components/resources/sessionItemResult/SessionItemResultsList';
+export { Errors } from './common/components/shared/errors/Errors';
 export { TimeUnitsInput } from './common/components/shared/TimeUnitsInput';
 export { QuizEntry as QuizEntryView } from './building/components/resources/quizEntry/QuizEntry';
 export { Provider } from './common/react-redux';
@@ -116,7 +117,7 @@ export { getClientIpAddress } from './common/util/getClientIpAddress';
 export { createQuizEntryRegrade } from './grading/api/quizEntryRegrades';
 export { getQuizEntry } from './building/api/quizEntries';
 export { getItem } from './building/api/items';
-export { interactionFileUpload, setOneAtATimeType, quizBuildingSession, saveQuizChange, setBacktracking, setCalculatorType, setAllowClearMCSelection, setChoiceElimination, setFilterIpAddress, setIpFiltersApi, setIpFiltersUi, setQuizDefaultRceSettings, setQuizShuffleAnswers, setQuizDisableDocumentAccess, setQuizShuffleQuestions, setRequireStudentAccessCode, setStudentAccessCodeApi, setStudentAccessCodeUi, setQuizHasTimeLimit, setSessionTimeLimitInSecondsUi, setSessionTimeLimitInSecondsApi, setResultsFeedback, setResultsFeedbackEnabled } from './building/api/quizzes';
+export { interactionFileUpload, setOneAtATimeType, quizBuildingSession, saveQuizChange, setBacktracking, setCalculatorType, setAllowClearMCSelection, setChoiceElimination, setFilterIpAddress, setIpFiltersApi, setIpFiltersUi, setQuizDefaultRceSettings, setQuizShuffleAnswers, setQuizShuffleQuestions, setRequireStudentAccessCode, setStudentAccessCodeApi, setStudentAccessCodeUi, setQuizHasTimeLimit, setSessionTimeLimitInSecondsUi, setSessionTimeLimitInSecondsApi, setResultsFeedback, setResultsFeedbackEnabled } from './building/api/quizzes';
 export { getExistingQuiz } from './common/api/quizzes';
 export { confirmSessionStartPage, submitStudentAccessCode, nextQuestion, submitQuiz } from './taking/api/taking';
 export { pinSessionItem } from './common/api/quizSessions';

package/lib/building/api/quizzes.js

@@ -17,7 +17,6 @@ exports.setIpFiltersApi = setIpFiltersApi;
 exports.setIpFiltersUi = setIpFiltersUi;
 exports.setOneAtATimeType = setOneAtATimeType;
 exports.setQuizDefaultRceSettings = setQuizDefaultRceSettings;
-exports.setQuizDisableDocumentAccess = setQuizDisableDocumentAccess;
 exports.setQuizHasTimeLimit = setQuizHasTimeLimit;
 exports.setQuizShuffleAnswers = setQuizShuffleAnswers;
 exports.setQuizShuffleQuestions = setQuizShuffleQuestions;
@@ -221,11 +220,6 @@ function setQuizShuffleAnswers(quizId, value, completeCb) {
     shuffle_answers: Boolean(value)
   }, (0, _modifications.changeQuizShuffleAnswers)(quizId, value), completeCb);
 }
-function setQuizDisableDocumentAccess(quizId, value, completeCb) {
-  return setQuizProperty(quizId, {
-    disable_document_access: Boolean(value)
-  }, (0, _modifications.changeQuizDisableDocumentAccess)(quizId, value), completeCb);
-}
 function setRequireStudentAccessCode(quizId, value, completeCb) {
   return setQuizProperty(quizId, {
     require_student_access_code: Boolean(value)

package/lib/building/components/resources/quiz/title/Edit/index.js

@@ -11,18 +11,19 @@ var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _react = _interopRequireWildcard(require("react"));
+var _react = require("react");
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _reactImmutableProptypes = _interopRequireDefault(require("react-immutable-proptypes"));
+var _reactDom = _interopRequireDefault(require("react-dom"));
 var _defer = _interopRequireDefault(require("lodash/defer"));
 var _emotion = require("@instructure/emotion");
+var _styles = _interopRequireDefault(require("./styles"));
+var _theme = _interopRequireDefault(require("./theme"));
+var _Errors = _interopRequireDefault(require("../../../../../../common/components/shared/errors/Errors"));
 var _formatMessage = _interopRequireDefault(require("@instructure/quiz-i18n/es/format-message"));
 var _quizCommon = require("@instructure/quiz-common");
-var _uiA11yContent = require("@instructure/ui-a11y-content");
-var _TitleEdit;
+var _dec, _class, _TitleEdit;
 /** @jsx jsx */
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 function _callSuper(_this, derived, args) {
   function isNativeReflectConstruct() {
     if (typeof Reflect === "undefined" || !Reflect.construct) return false;
@@ -42,23 +43,19 @@ function _callSuper(_this, derived, args) {
 // is rendered & has actions that
 // allow for canceling
 // =================================
-var TitleEdit = exports.TitleEdit = /*#__PURE__*/function (_Component) {
-  function TitleEdit(props) {
+var TitleEdit = exports.TitleEdit = (_dec = (0, _quizCommon.withStyleOverrides)(_styles["default"], _theme["default"]), _dec(_class = (_TitleEdit = /*#__PURE__*/function (_Component) {
+  function TitleEdit() {
     var _this2;
     (0, _classCallCheck2["default"])(this, TitleEdit);
-    _this2 = _callSuper(this, TitleEdit, [props]);
-    /**
-     * @type {React.RefObject<TextInput> | null}
-     */
-    (0, _defineProperty2["default"])(_this2, "inputRef", null);
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+    _this2 = _callSuper(this, TitleEdit, [].concat(args));
     (0, _defineProperty2["default"])(_this2, "defer", function (fn) {
-      // to enable synchronous testing
+      // to enable syncronous testing
       var deferFn = _this2.props.deferMock || _defer["default"];
       deferFn(fn);
     });
-    (0, _defineProperty2["default"])(_this2, "setInputRef", function (node) {
-      _this2.inputRef.current = node;
-    });
     (0, _defineProperty2["default"])(_this2, "switchOffEditing", function () {
       var fromEnterPressed = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
       _this2.ifValidElseError(function () {
@@ -87,21 +84,26 @@ var TitleEdit = exports.TitleEdit = /*#__PURE__*/function (_Component) {
     (0, _defineProperty2["default"])(_this2, "handleBlur", function (e) {
       _this2.switchOffEditing(false);
     });
-    _this2.inputRef = _react["default"].createRef();
     return _this2;
   }
   (0, _inherits2["default"])(TitleEdit, _Component);
   return (0, _createClass2["default"])(TitleEdit, [{
     key: "componentDidMount",
-    value: function componentDidMount() {
-      var input = this.inputRef.current;
-      if (input) {
-        input.focus();
-
-        // Note: Some browsers add extra characters so we need to multiply the length by 2 to ensure
-        // the cursor is at the end
-        input.setSelectionRange(input.value.length * 2, input.value.length * 2);
-      }
+    value:
+    // todo: extract this into a shared method
+    // to be used on many components
+    function componentDidMount() {
+      this.props.makeStyles();
+      var input = _reactDom["default"].findDOMNode(this.input);
+      // some browsers add chars so * 2 to ensure at end
+      var valLength = input.value.length * 2;
+      input.focus();
+      input.setSelectionRange(valLength, valLength);
+    }
+  }, {
+    key: "componentDidUpdate",
+    value: function componentDidUpdate() {
+      this.props.makeStyles();
     }
   }, {
     key: "ifValidElseError",
@@ -122,57 +124,46 @@ var TitleEdit = exports.TitleEdit = /*#__PURE__*/function (_Component) {
       };
     }
   }, {
-    key: "normalizedErrors",
-    get: function get() {
-      var _this$props$errors;
-      var hasErrors = this.props.errorsAreShowing && this.props.errors.size > 0;
-      if (!hasErrors) {
-        return [];
+    key: "hasErrors",
+    value: function hasErrors() {
+      return this.props.errorsAreShowing && this.props.errors.size > 0;
+    }
+  }, {
+    key: "renderErrors",
+    value: function renderErrors() {
+      if (this.hasErrors()) {
+        return (0, _emotion.jsx)("div", {
+          css: this.props.styles.errorsWrapper
+        }, (0, _emotion.jsx)(_Errors["default"], {
+          errorList: this.props.errors
+        }));
       }
-      var errorList = (_this$props$errors = this.props.errors) === null || _this$props$errors === void 0 || (_this$props$errors = _this$props$errors.toArray()) === null || _this$props$errors === void 0 ? void 0 : _this$props$errors.map(function (error) {
-        if (typeof error === 'object') {
-          return error;
-        }
-        return {
-          text: error,
-          type: 'newError'
-        };
-      });
-      return errorList || [];
     }
   }, {
     key: "render",
     value: function render() {
-      return (0, _emotion.jsx)(_quizCommon.Flex, {
-        direction: "column",
-        justifyItems: "center",
-        padding: "medium large",
+      return (0, _emotion.jsx)("div", {
+        ref: this.setRef('wrapper'),
+        css: this.props.styles.titleEditWrapper,
+        onBlur: this.handleBlur,
         "data-automation": "sdk-quiz-title-edit-wrapper"
-      }, (0, _emotion.jsx)(_quizCommon.Flex.Item, null, (0, _emotion.jsx)(_quizCommon.TextInput, {
-        inputRef: this.setInputRef,
-        renderLabel: (0, _emotion.jsx)(_uiA11yContent.ScreenReaderContent, null, (0, _formatMessage["default"])('Title')),
+      }, (0, _emotion.jsx)("div", {
+        css: this.props.styles.inputWrapper
+      }, (0, _emotion.jsx)("input", {
+        ref: this.setRef('input'),
+        type: "text",
+        "aria-label": (0, _formatMessage["default"])('title'),
         placeholder: (0, _formatMessage["default"])('Add a Title...'),
-        messages: this.normalizedErrors,
+        value: this.props.value,
         onKeyDown: this.handleKeyDown,
         onKeyUp: this.handleKeyUp,
         onChange: this.props.onInputChange,
-        onBlur: this.handleBlur,
-        defaultValue: this.props.value,
-        "data-automation": "sdk-quiz-title-edit",
-        themeOverride: {
-          padding: 0,
-          borderColor: 'transparent',
-          mediumFontSize: '1.75rem',
-          fontWeight: '400'
-        }
-      })));
+        css: this.props.styles.titleEditInput,
+        "data-automation": "sdk-quiz-title-edit"
+      })), this.renderErrors());
     }
   }]);
-}(_react.Component);
-_TitleEdit = TitleEdit;
-(0, _defineProperty2["default"])(TitleEdit, "displayName", 'TitleEdit');
-(0, _defineProperty2["default"])(TitleEdit, "componentId", "Quizzes".concat(_TitleEdit.displayName));
-(0, _defineProperty2["default"])(TitleEdit, "propTypes", {
+}(_react.Component), (0, _defineProperty2["default"])(_TitleEdit, "displayName", 'TitleEdit'), (0, _defineProperty2["default"])(_TitleEdit, "componentId", "Quizzes".concat(_TitleEdit.displayName)), (0, _defineProperty2["default"])(_TitleEdit, "propTypes", {
   value: _propTypes["default"].string.isRequired,
   isValid: _propTypes["default"].bool.isRequired,
   showError: _propTypes["default"].func.isRequired,
@@ -182,10 +173,10 @@ _TitleEdit = TitleEdit;
   onInputChange: _propTypes["default"].func.isRequired,
   saveAndPreview: _propTypes["default"].func.isRequired,
   deferMock: _propTypes["default"].func,
-  styles: _propTypes["default"].object
-});
-(0, _defineProperty2["default"])(TitleEdit, "defaultProps", {
+  styles: _propTypes["default"].object,
+  makeStyles: _propTypes["default"].func
+}), (0, _defineProperty2["default"])(_TitleEdit, "defaultProps", {
   errorsAreShowing: false,
   deferMock: _defer["default"]
-});
+}), _TitleEdit)) || _class);
 var _default = exports["default"] = TitleEdit;

package/lib/building/components/resources/quiz/title/Edit/styles.js

@@ -0,0 +1,45 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/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) { (0, _defineProperty2["default"])(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) {
+  var wrapperStyles = {
+    width: '100%',
+    flex: '1 1 auto',
+    display: 'flex',
+    flexDirection: 'column',
+    justifyContent: 'center'
+  };
+  var errorBorderStyles = {
+    margin: componentTheme.errorBorderMargin,
+    padding: componentTheme.errorBorderPadding,
+    border: "solid 1px ".concat(componentTheme.errorBorderColor),
+    borderRadius: componentTheme.errorBorderBorderRadius
+  };
+  return {
+    titleEditWrapper: {
+      position: 'relative',
+      width: '100%',
+      height: '5rem',
+      boxSizing: 'border-box',
+      paddingLeft: componentTheme.titleEditWrapperLeftPadding,
+      paddingRight: componentTheme.titleEditWrapperRightPadding,
+      display: 'flex',
+      flexDirection: 'column',
+      justifyContent: 'center'
+    },
+    titleEditInput: _objectSpread({
+      fontFamily: componentTheme.titleEditInputFontFamily,
+      fontSize: componentTheme.titleEditInputFontSize
+    }, props.errorsAreShowing && props.errors.size > 0 && errorBorderStyles),
+    inputWrapper: wrapperStyles,
+    errorsWrapper: wrapperStyles
+  };
+};
+var _default = exports["default"] = generateStyle;

package/lib/building/components/resources/quiz/title/Edit/theme.js

@@ -0,0 +1,23 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var generateComponentTheme = function generateComponentTheme(_ref) {
+  var spacing = _ref.spacing,
+    colors = _ref.colors,
+    typography = _ref.typography,
+    borders = _ref.borders;
+  return {
+    titleEditWrapperLeftPadding: spacing.large,
+    titleEditWrapperRightPadding: spacing.large,
+    titleEditInputFontFamily: typography.fontFamily,
+    titleEditInputFontSize: typography.fontSizeXLarge,
+    errorBorderMargin: spacing.xxSmall,
+    errorBorderPadding: spacing.xxSmall,
+    errorBorderColor: colors.contrasts.red4570,
+    errorBorderBorderRadius: borders.radiusSmall
+  };
+};
+var _default = exports["default"] = generateComponentTheme;

package/lib/common/actions/modifications.js

@@ -15,7 +15,6 @@ exports.changeQuizAllowClearMCSelection = changeQuizAllowClearMCSelection;
 exports.changeQuizCalculatorType = changeQuizCalculatorType;
 exports.changeQuizChoiceElimination = changeQuizChoiceElimination;
 exports.changeQuizDefaultRceSettings = changeQuizDefaultRceSettings;
-exports.changeQuizDisableDocumentAccess = changeQuizDisableDocumentAccess;
 exports.changeQuizEntryEntry = changeQuizEntryEntry;
 exports.changeQuizEntryPoints = changeQuizEntryPoints;
 exports.changeQuizEntryProperties = changeQuizEntryProperties;
@@ -146,17 +145,6 @@ function changeQuizShuffleAnswers(quizId, value) {
     }
   };
 }
-function changeQuizDisableDocumentAccess(quizId, value) {
-  return {
-    type: _quizCommon.QUIZ_MODIFICATION,
-    payload: {
-      id: quizId,
-      modifications: {
-        disableDocumentAccess: Boolean(value)
-      }
-    }
-  };
-}
 function changeQuizRequireStudentAccessCode(quizId, value) {
   return {
     type: _quizCommon.QUIZ_MODIFICATION,

package/lib/common/components/resources/item/ItemEdit/index.js

@@ -13,7 +13,7 @@ var _presenter = _interopRequireDefault(require("./presenter"));
 var _makeEditable = _interopRequireDefault(require("../../../shared/functionality/makeEditable"));
 var _modal = require("../../../../actions/modal");
 var _ui = require("../../../../actions/ui");
-var _ImportModal = require("../../../ImportModal");
+var _ImportModal = require("../../../../../common/components/ImportModal");
 var _errorsShowing = require("../../../../actions/errorsShowing");
 var _upload = require("../../../../actions/upload");
 var modificationActions = _interopRequireWildcard(require("../../../../actions/modifications"));
@@ -21,11 +21,10 @@ var _alerts = require("../../../../actions/alerts");
 var _items = require("../../../../../building/api/items");
 var _quizzes = require("../../../../../building/api/quizzes");
 var _featureCheck = require("../../../../util/featureCheck");
-var _quizzes2 = require("../../../../selectors/quizzes");
+var _quizzes2 = require("../../../../../common/selectors/quizzes");
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 function mapStateToProps(state, props) {
-  var _props$showCalculator;
   // Error Related:
   var workingItem = props.entry.getWorkingInstance();
   var isValid = workingItem.isValid();
@@ -50,8 +49,7 @@ function mapStateToProps(state, props) {
     partialScoringEnabled: (0, _featureCheck.featureOn)('partial_scoring'),
     quizId: (0, _quizzes2.getActiveQuizId)(state),
     scope: props.scope,
-    rootAccountUuid: state.getIn(['outcomes', 'externalAccountUuid']),
-    showCalculatorOption: (_props$showCalculator = props.showCalculator) !== null && _props$showCalculator !== void 0 ? _props$showCalculator : true // used by Studio team to control calculator checkbox visibility
+    rootAccountUuid: state.getIn(['outcomes', 'externalAccountUuid'])
   };
 }
 function mapDispatchToProps(dispatch) {

package/lib/common/components/resources/item/ItemEdit/presenter.js

@@ -200,8 +200,7 @@ var ItemEdit = exports.ItemEdit = /*#__PURE__*/function (_Component) {
     launch_context_uuid: _propTypes["default"].string,
     root_account_name: _propTypes["default"].string
   }),
-  rootAccountUuid: _propTypes["default"].string,
-  showCalculatorOption: _propTypes["default"].bool
+  rootAccountUuid: _propTypes["default"].string
 });
 (0, _defineProperty2["default"])(ItemEdit, "defaultProps", {
   additionalOptions: [],
@@ -217,7 +216,6 @@ var ItemEdit = exports.ItemEdit = /*#__PURE__*/function (_Component) {
   initialFocusId: null,
   validationErrorsFromApi: {},
   scope: {},
-  rootAccountUuid: null,
-  showCalculatorOption: true
+  rootAccountUuid: null
 });
 var _default = exports["default"] = ItemEdit;

package/lib/common/components/shared/errors/Errors.js

@@ -0,0 +1,76 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.Errors = void 0;
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _react = require("react");
+var _immutable = require("immutable");
+var _reactImmutableProptypes = _interopRequireDefault(require("react-immutable-proptypes"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _emotion = require("@instructure/emotion");
+var _styles = _interopRequireDefault(require("./styles"));
+var _theme = _interopRequireDefault(require("./theme"));
+var _quizCommon = require("@instructure/quiz-common");
+var _dec, _class, _Errors;
+/** @jsx jsx */
+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 = (0, _getPrototypeOf2["default"])(derived);
+  return (0, _possibleConstructorReturn2["default"])(_this, isNativeReflectConstruct() ? Reflect.construct(derived, args || [], (0, _getPrototypeOf2["default"])(_this).constructor) : derived.apply(_this, args));
+}
+var Errors = exports.Errors = (_dec = (0, _quizCommon.withStyleOverrides)(_styles["default"], _theme["default"]), _dec(_class = (_Errors = /*#__PURE__*/function (_Component) {
+  function Errors() {
+    var _this2;
+    (0, _classCallCheck2["default"])(this, Errors);
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+    _this2 = _callSuper(this, Errors, [].concat(args));
+    (0, _defineProperty2["default"])(_this2, "renderError", function (errorText, i) {
+      var key = "error_for_".concat(i);
+      return (0, _emotion.jsx)("div", {
+        css: _this2.props.styles.error,
+        key: key,
+        "data-automation": "sdk-core-error"
+      }, errorText);
+    });
+    return _this2;
+  }
+  (0, _inherits2["default"])(Errors, _Component);
+  return (0, _createClass2["default"])(Errors, [{
+    key: "render",
+    value: function render() {
+      var _this$props$errorList;
+      if (this.props.errorList.size === 0) {
+        return null;
+      }
+      return (0, _emotion.jsx)("div", {
+        css: this.props.styles.errors,
+        "data-testid": "errors-container"
+      }, (_this$props$errorList = this.props.errorList) === null || _this$props$errorList === void 0 ? void 0 : _this$props$errorList.toArray().map(this.renderError));
+    }
+  }]);
+}(_react.Component), (0, _defineProperty2["default"])(_Errors, "displayName", 'Errors'), (0, _defineProperty2["default"])(_Errors, "componentId", "Quizzes".concat(_Errors.displayName)), (0, _defineProperty2["default"])(_Errors, "propTypes", {
+  errorList: _reactImmutableProptypes["default"].list,
+  styles: _propTypes["default"].object
+}), (0, _defineProperty2["default"])(_Errors, "defaultProps", {
+  errorList: (0, _immutable.List)()
+}), _Errors)) || _class);
+var _default = exports["default"] = Errors;

package/lib/common/components/shared/errors/styles.js

@@ -0,0 +1,22 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var generateStyle = function generateStyle(componentTheme) {
+  return {
+    errors: {
+      display: 'flex',
+      alignItems: 'flex-start',
+      flexDirection: 'column'
+    },
+    error: {
+      fontFamily: componentTheme.errorFontFamily,
+      fontSize: componentTheme.errorFontSize,
+      color: componentTheme.errorColor,
+      flex: '1 1 auto'
+    }
+  };
+};
+var _default = exports["default"] = generateStyle;

package/lib/common/components/shared/errors/theme.js

@@ -0,0 +1,16 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var generateComponentTheme = function generateComponentTheme(_ref) {
+  var colors = _ref.colors,
+    typography = _ref.typography;
+  return {
+    errorFontFamily: typography.fontFamily,
+    errorFontSize: typography.fontSizeSmall,
+    errorColor: colors.contrasts.red4570
+  };
+};
+var _default = exports["default"] = generateComponentTheme;

package/lib/common/records/Quiz.js

@@ -172,7 +172,6 @@ var Quiz = exports.Quiz = (_dec = (0, _withStateCache["default"])(function (quiz
   choiceElimination: false,
   contextId: null,
   defaultRceSettings: null,
-  disableDocumentAccess: false,
   hasTimeLimit: false,
   id: '0',
   instructions: (0, _formatMessage["default"])('Add Instructions...'),

package/lib/common/util/interactionTypePropsHelper.js

@@ -67,8 +67,7 @@ var propsForInteractionEdit = exports.propsForInteractionEdit = function propsFo
     stemErrors: props.workingItem.errorsFor('itemBody').toJS(),
     initialFocusId: props.initialFocusId,
     calculatorType: item.calculatorType,
-    multipleHotSpotEnabled: (0, _featureCheck.featureOn)('multiple_hotspot_selections'),
-    showCalculatorOption: props.showCalculatorOption
+    multipleHotSpotEnabled: (0, _featureCheck.featureOn)('multiple_hotspot_selections')
   };
 };
 var propsForInteractionShow = exports.propsForInteractionShow = function propsForInteractionShow(item) {

package/lib/index.js

@@ -70,6 +70,7 @@ var _exportNames = {
   QuizSessionResultHeader: true,
   QuizSessionResultInfo: true,
   SessionItemResultsList: true,
+  Errors: true,
   TimeUnitsInput: true,
   QuizEntryView: true,
   Provider: true,
@@ -134,7 +135,6 @@ var _exportNames = {
   setIpFiltersUi: true,
   setQuizDefaultRceSettings: true,
   setQuizShuffleAnswers: true,
-  setQuizDisableDocumentAccess: true,
   setQuizShuffleQuestions: true,
   setRequireStudentAccessCode: true,
   setStudentAccessCodeApi: true,
@@ -334,6 +334,12 @@ Object.defineProperty(exports, "DropTargetCreator", {
     return _dragAndDropUtils.DropTargetCreator;
   }
 });
+Object.defineProperty(exports, "Errors", {
+  enumerable: true,
+  get: function get() {
+    return _Errors.Errors;
+  }
+});
 Object.defineProperty(exports, "Event", {
   enumerable: true,
   get: function get() {
@@ -1325,12 +1331,6 @@ Object.defineProperty(exports, "setQuizDefaultRceSettings", {
     return _quizzes.setQuizDefaultRceSettings;
   }
 });
-Object.defineProperty(exports, "setQuizDisableDocumentAccess", {
-  enumerable: true,
-  get: function get() {
-    return _quizzes.setQuizDisableDocumentAccess;
-  }
-});
 Object.defineProperty(exports, "setQuizHasTimeLimit", {
   enumerable: true,
   get: function get() {
@@ -1553,6 +1553,7 @@ var _StimulusShow = require("./common/components/resources/stimulus/StimulusShow
 var _Header = require("./common/components/resources/quizSessionResult/Header");
 var _Info = require("./common/components/resources/quizSessionResult/Info");
 var _SessionItemResultsList = require("./common/components/resources/sessionItemResult/SessionItemResultsList");
+var _Errors = require("./common/components/shared/errors/Errors");
 var _TimeUnitsInput = require("./common/components/shared/TimeUnitsInput");
 var _QuizEntry = require("./building/components/resources/quizEntry/QuizEntry");
 var _reactRedux = require("./common/react-redux");

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@instructure/quiz-core",
-  "version": "22.3.2-rc.8+4e08bf17b",
+  "version": "22.4.0",
   "license": "MIT",
   "description": "The Quiz React SDK by Instructure Inc.",
   "author": "Instructure, Inc. Engineering and Product Design",
@@ -10,27 +10,6 @@
     "type": "git",
     "url": "https://gerrit.instructure.com/quizzes-ui.git"
   },
-  "scripts": {
-    "clean": "ui-build --clean",
-    "build": "build-if-changed",
-    "build:all": "ui-build --modules es,cjs",
-    "build:watch": "ui-build --watch",
-    "extract": "extract-translations",
-    "lint": "ui-test --lint",
-    "lint:fix": "ui-test --lint --fix",
-    "eslint:fix": "eslint --fix .",
-    "prelint": "pnpm build",
-    "pretest": "pnpm build",
-    "test": "pnpm test:karma",
-    "test:karma": "ui-test",
-    "test:watch": "ui-test --watch",
-    "snyk:monitor": "snyk monitor",
-    "postbuild": "cp src/banks/components/noResults.svg lib/banks/components/; cp src/banks/components/noResults.svg es/banks/components/; pnpm postbuild:errorImage",
-    "postbuild:all": "pnpm postbuild",
-    "postbuild:errorImage": "cp src/reporting/components/resources/NewQuizAndItemAnalysis/downForRepair.svg es/reporting/components/resources/NewQuizAndItemAnalysis/; cp src/reporting/components/resources/NewQuizAndItemAnalysis/downForRepair.svg lib/reporting/components/resources/NewQuizAndItemAnalysis/",
-    "format": "prettier --write \"src/**/*.{js,jsx,ts,tsx}\"",
-    "typecheck": "tsc --noEmit"
-  },
   "keywords": [
     "react",
     "react-component",
@@ -46,11 +25,6 @@
     "@instructure/emotion": "10.14.0",
     "@instructure/grading-utils": "^1.0.0",
     "@instructure/outcomes-ui": "3.2.3",
-    "@instructure/quiz-common": "22.3.2-rc.8+4e08bf17b",
-    "@instructure/quiz-i18n": "22.3.2-rc.8+4e08bf17b",
-    "@instructure/quiz-interactions": "22.3.2-rc.8+4e08bf17b",
-    "@instructure/quiz-number-input": "22.3.2-rc.8+4e08bf17b",
-    "@instructure/quiz-rce": "22.3.2-rc.8+4e08bf17b",
     "@instructure/ui-a11y-content": "10.14.0",
     "@instructure/ui-alerts": "10.14.0",
     "@instructure/ui-avatar": "10.14.0",
@@ -109,7 +83,6 @@
     "file-saver": "~2.0.5",
     "humps": "^2.0.0",
     "immutable": "^3.8.1",
-    "instructure-validations": "22.3.2-rc.8+4e08bf17b",
     "ipaddr.js": "^1.5.4",
     "isomorphic-fetch": "^2.2.0",
     "isuuid": "^0.1.0",
@@ -137,10 +110,15 @@
     "scriptjs": "^2.5.8",
     "store": "^1.3.20",
     "striptags": "^2.0.0",
-    "uuid": "^3.2.1"
+    "uuid": "^3.2.1",
+    "@instructure/quiz-common": "22.4.0",
+    "@instructure/quiz-i18n": "22.4.0",
+    "@instructure/quiz-number-input": "22.4.0",
+    "@instructure/quiz-rce": "22.4.0",
+    "@instructure/quiz-interactions": "22.4.0",
+    "instructure-validations": "22.4.0"
   },
   "devDependencies": {
-    "@instructure/quiz-scripts": "21.0.0",
     "@instructure/ui-axe-check": "10.14.0",
     "@instructure/ui-test-utils": "^7.22.1",
     "@testing-library/react": "^12.1.5",
@@ -158,7 +136,6 @@
     "jquery": "^2.2.3",
     "karma-junit-reporter": "^2.0.1",
     "most-subject": "^5.3.0",
-    "quiz-presets": "22.3.2-rc.8+4e08bf17b",
     "react": "^16.8.6",
     "react-addons-test-utils": "^15.6.2",
     "react-dom": "^16.8.6",
@@ -166,7 +143,9 @@
     "redux-mock-store": "^1.3.0",
     "request": "^2.74.0",
     "sinon": "^6.1.3",
-    "sinon-chai": "^3.3.0"
+    "sinon-chai": "^3.3.0",
+    "@instructure/quiz-scripts": "21.0.0",
+    "quiz-presets": "22.4.0"
   },
   "peerDependencies": {
     "react": "^15 || ^16"
@@ -174,5 +153,25 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "4e08bf17bdefe18ceda404737bb19b5241f47954"
-}
+  "scripts": {
+    "clean": "ui-build --clean",
+    "build": "build-if-changed",
+    "build:all": "ui-build --modules es,cjs",
+    "build:watch": "ui-build --watch",
+    "extract": "extract-translations",
+    "lint": "ui-test --lint",
+    "lint:fix": "ui-test --lint --fix",
+    "eslint:fix": "eslint --fix .",
+    "prelint": "pnpm build",
+    "pretest": "pnpm build",
+    "test": "pnpm test:karma",
+    "test:karma": "ui-test",
+    "test:watch": "ui-test --watch",
+    "snyk:monitor": "snyk monitor",
+    "postbuild": "cp src/banks/components/noResults.svg lib/banks/components/; cp src/banks/components/noResults.svg es/banks/components/; pnpm postbuild:errorImage",
+    "postbuild:all": "pnpm postbuild",
+    "postbuild:errorImage": "cp src/reporting/components/resources/NewQuizAndItemAnalysis/downForRepair.svg es/reporting/components/resources/NewQuizAndItemAnalysis/; cp src/reporting/components/resources/NewQuizAndItemAnalysis/downForRepair.svg lib/reporting/components/resources/NewQuizAndItemAnalysis/",
+    "format": "prettier --write \"src/**/*.{js,jsx,ts,tsx}\"",
+    "typecheck": "tsc --noEmit"
+  }
+}