@instructure/quiz-core 22.3.1 → 22.3.2-rc.0

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 _dec, _class, _TitleEdit;
+var _TitleEdit;
 function _callSuper(_this, derived, args) {
   function isNativeReflectConstruct() {
     if (typeof Reflect === "undefined" || !Reflect.construct) return false;
@@ -20,17 +20,14 @@ function _callSuper(_this, derived, args) {
   return _possibleConstructorReturn(_this, isNativeReflectConstruct() ? Reflect.construct(derived, args || [], _getPrototypeOf(_this).constructor) : derived.apply(_this, args));
 }
 /** @jsx jsx */
-import { Component } from 'react';
+import React, { 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 { withStyleOverrides } from '@instructure/quiz-common';
+import { Flex, TextInput } from '@instructure/quiz-common';
+import { ScreenReaderContent } from '@instructure/ui-a11y-content';
 
 // =================================
 
@@ -40,19 +37,23 @@ import { withStyleOverrides } from '@instructure/quiz-common';
 
 // =================================
 
-export var TitleEdit = (_dec = withStyleOverrides(generateStyle, generateComponentTheme), _dec(_class = (_TitleEdit = /*#__PURE__*/function (_Component) {
-  function TitleEdit() {
+export var TitleEdit = /*#__PURE__*/function (_Component) {
+  function TitleEdit(props) {
     var _this2;
     _classCallCheck(this, TitleEdit);
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-    _this2 = _callSuper(this, TitleEdit, [].concat(args));
+    _this2 = _callSuper(this, TitleEdit, [props]);
+    /**
+     * @type {React.RefObject<TextInput> | null}
+     */
+    _defineProperty(_this2, "inputRef", null);
     _defineProperty(_this2, "defer", function (fn) {
-      // to enable syncronous testing
+      // to enable synchronous 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 () {
@@ -81,26 +82,21 @@ export var TitleEdit = (_dec = withStyleOverrides(generateStyle, generateCompone
     _defineProperty(_this2, "handleBlur", function (e) {
       _this2.switchOffEditing(false);
     });
+    _this2.inputRef = React.createRef();
     return _this2;
   }
   _inherits(TitleEdit, _Component);
   return _createClass(TitleEdit, [{
     key: "componentDidMount",
-    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();
+    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);
+      }
     }
   }, {
     key: "ifValidElseError",
@@ -121,46 +117,57 @@ export var TitleEdit = (_dec = withStyleOverrides(generateStyle, generateCompone
       };
     }
   }, {
-    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
-        }));
+    key: "normalizedErrors",
+    get: function get() {
+      var _this$props$errors;
+      var hasErrors = this.props.errorsAreShowing && this.props.errors.size > 0;
+      if (!hasErrors) {
+        return [];
       }
+      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("div", {
-        ref: this.setRef('wrapper'),
-        css: this.props.styles.titleEditWrapper,
-        onBlur: this.handleBlur,
+      return jsx(Flex, {
+        direction: "column",
+        justifyItems: "center",
+        padding: "medium large",
         "data-automation": "sdk-quiz-title-edit-wrapper"
-      }, jsx("div", {
-        css: this.props.styles.inputWrapper
-      }, jsx("input", {
-        ref: this.setRef('input'),
-        type: "text",
-        "aria-label": t('title'),
+      }, jsx(Flex.Item, null, jsx(TextInput, {
+        inputRef: this.setInputRef,
+        renderLabel: jsx(ScreenReaderContent, null, t('Title')),
         placeholder: t('Add a Title...'),
-        value: this.props.value,
+        messages: this.normalizedErrors,
         onKeyDown: this.handleKeyDown,
         onKeyUp: this.handleKeyUp,
         onChange: this.props.onInputChange,
-        css: this.props.styles.titleEditInput,
-        "data-automation": "sdk-quiz-title-edit"
-      })), this.renderErrors());
+        onBlur: this.handleBlur,
+        defaultValue: this.props.value,
+        "data-automation": "sdk-quiz-title-edit",
+        themeOverride: {
+          padding: 0,
+          borderColor: 'transparent',
+          mediumFontSize: '1.75rem',
+          fontWeight: '400'
+        }
+      })));
     }
   }]);
-}(Component), _defineProperty(_TitleEdit, "displayName", 'TitleEdit'), _defineProperty(_TitleEdit, "componentId", "Quizzes".concat(_TitleEdit.displayName)), _defineProperty(_TitleEdit, "propTypes", {
+}(Component);
+_TitleEdit = TitleEdit;
+_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,
@@ -170,10 +177,10 @@ export var TitleEdit = (_dec = withStyleOverrides(generateStyle, generateCompone
   onInputChange: PropTypes.func.isRequired,
   saveAndPreview: PropTypes.func.isRequired,
   deferMock: PropTypes.func,
-  styles: PropTypes.object,
-  makeStyles: PropTypes.func
-}), _defineProperty(_TitleEdit, "defaultProps", {
+  styles: PropTypes.object
+});
+_defineProperty(TitleEdit, "defaultProps", {
   errorsAreShowing: false,
   deferMock: defer
-}), _TitleEdit)) || _class);
+});
 export default TitleEdit;

package/es/index.js

@@ -74,7 +74,6 @@ 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';

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

@@ -11,19 +11,18 @@ 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 = require("react");
+var _react = _interopRequireWildcard(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 _dec, _class, _TitleEdit;
+var _uiA11yContent = require("@instructure/ui-a11y-content");
+var _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;
@@ -43,19 +42,23 @@ function _callSuper(_this, derived, args) {
 // is rendered & has actions that
 // allow for canceling
 // =================================
-var TitleEdit = exports.TitleEdit = (_dec = (0, _quizCommon.withStyleOverrides)(_styles["default"], _theme["default"]), _dec(_class = (_TitleEdit = /*#__PURE__*/function (_Component) {
-  function TitleEdit() {
+var TitleEdit = exports.TitleEdit = /*#__PURE__*/function (_Component) {
+  function TitleEdit(props) {
     var _this2;
     (0, _classCallCheck2["default"])(this, TitleEdit);
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-    _this2 = _callSuper(this, TitleEdit, [].concat(args));
+    _this2 = _callSuper(this, TitleEdit, [props]);
+    /**
+     * @type {React.RefObject<TextInput> | null}
+     */
+    (0, _defineProperty2["default"])(_this2, "inputRef", null);
     (0, _defineProperty2["default"])(_this2, "defer", function (fn) {
-      // to enable syncronous testing
+      // to enable synchronous 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 () {
@@ -84,26 +87,21 @@ var TitleEdit = exports.TitleEdit = (_dec = (0, _quizCommon.withStyleOverrides)(
     (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:
-    // 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();
+    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);
+      }
     }
   }, {
     key: "ifValidElseError",
@@ -124,46 +122,57 @@ var TitleEdit = exports.TitleEdit = (_dec = (0, _quizCommon.withStyleOverrides)(
       };
     }
   }, {
-    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
-        }));
+    key: "normalizedErrors",
+    get: function get() {
+      var _this$props$errors;
+      var hasErrors = this.props.errorsAreShowing && this.props.errors.size > 0;
+      if (!hasErrors) {
+        return [];
       }
+      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)("div", {
-        ref: this.setRef('wrapper'),
-        css: this.props.styles.titleEditWrapper,
-        onBlur: this.handleBlur,
+      return (0, _emotion.jsx)(_quizCommon.Flex, {
+        direction: "column",
+        justifyItems: "center",
+        padding: "medium large",
         "data-automation": "sdk-quiz-title-edit-wrapper"
-      }, (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'),
+      }, (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')),
         placeholder: (0, _formatMessage["default"])('Add a Title...'),
-        value: this.props.value,
+        messages: this.normalizedErrors,
         onKeyDown: this.handleKeyDown,
         onKeyUp: this.handleKeyUp,
         onChange: this.props.onInputChange,
-        css: this.props.styles.titleEditInput,
-        "data-automation": "sdk-quiz-title-edit"
-      })), this.renderErrors());
+        onBlur: this.handleBlur,
+        defaultValue: this.props.value,
+        "data-automation": "sdk-quiz-title-edit",
+        themeOverride: {
+          padding: 0,
+          borderColor: 'transparent',
+          mediumFontSize: '1.75rem',
+          fontWeight: '400'
+        }
+      })));
     }
   }]);
-}(_react.Component), (0, _defineProperty2["default"])(_TitleEdit, "displayName", 'TitleEdit'), (0, _defineProperty2["default"])(_TitleEdit, "componentId", "Quizzes".concat(_TitleEdit.displayName)), (0, _defineProperty2["default"])(_TitleEdit, "propTypes", {
+}(_react.Component);
+_TitleEdit = TitleEdit;
+(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,
@@ -173,10 +182,10 @@ var TitleEdit = exports.TitleEdit = (_dec = (0, _quizCommon.withStyleOverrides)(
   onInputChange: _propTypes["default"].func.isRequired,
   saveAndPreview: _propTypes["default"].func.isRequired,
   deferMock: _propTypes["default"].func,
-  styles: _propTypes["default"].object,
-  makeStyles: _propTypes["default"].func
-}), (0, _defineProperty2["default"])(_TitleEdit, "defaultProps", {
+  styles: _propTypes["default"].object
+});
+(0, _defineProperty2["default"])(TitleEdit, "defaultProps", {
   errorsAreShowing: false,
   deferMock: _defer["default"]
-}), _TitleEdit)) || _class);
+});
 var _default = exports["default"] = TitleEdit;

package/lib/index.js

@@ -70,7 +70,6 @@ var _exportNames = {
   QuizSessionResultHeader: true,
   QuizSessionResultInfo: true,
   SessionItemResultsList: true,
-  Errors: true,
   TimeUnitsInput: true,
   QuizEntryView: true,
   Provider: true,
@@ -334,12 +333,6 @@ 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() {
@@ -1553,7 +1546,6 @@ 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.1",
+  "version": "22.3.2-rc.0+3716c5856",
   "license": "MIT",
   "description": "The Quiz React SDK by Instructure Inc.",
   "author": "Instructure, Inc. Engineering and Product Design",
@@ -10,6 +10,27 @@
     "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",
@@ -25,6 +46,11 @@
     "@instructure/emotion": "10.14.0",
     "@instructure/grading-utils": "^1.0.0",
     "@instructure/outcomes-ui": "3.2.3",
+    "@instructure/quiz-common": "22.3.2-rc.0+3716c5856",
+    "@instructure/quiz-i18n": "22.3.2-rc.0+3716c5856",
+    "@instructure/quiz-interactions": "22.3.2-rc.0+3716c5856",
+    "@instructure/quiz-number-input": "22.3.2-rc.0+3716c5856",
+    "@instructure/quiz-rce": "22.3.2-rc.0+3716c5856",
     "@instructure/ui-a11y-content": "10.14.0",
     "@instructure/ui-alerts": "10.14.0",
     "@instructure/ui-avatar": "10.14.0",
@@ -83,6 +109,7 @@
     "file-saver": "~2.0.5",
     "humps": "^2.0.0",
     "immutable": "^3.8.1",
+    "instructure-validations": "22.3.2-rc.0+3716c5856",
     "ipaddr.js": "^1.5.4",
     "isomorphic-fetch": "^2.2.0",
     "isuuid": "^0.1.0",
@@ -110,15 +137,10 @@
     "scriptjs": "^2.5.8",
     "store": "^1.3.20",
     "striptags": "^2.0.0",
-    "uuid": "^3.2.1",
-    "@instructure/quiz-common": "22.3.1",
-    "@instructure/quiz-interactions": "22.3.1",
-    "@instructure/quiz-i18n": "22.3.1",
-    "@instructure/quiz-number-input": "22.3.1",
-    "@instructure/quiz-rce": "22.3.1",
-    "instructure-validations": "22.3.1"
+    "uuid": "^3.2.1"
   },
   "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",
@@ -136,6 +158,7 @@
     "jquery": "^2.2.3",
     "karma-junit-reporter": "^2.0.1",
     "most-subject": "^5.3.0",
+    "quiz-presets": "22.3.2-rc.0+3716c5856",
     "react": "^16.8.6",
     "react-addons-test-utils": "^15.6.2",
     "react-dom": "^16.8.6",
@@ -143,9 +166,7 @@
     "redux-mock-store": "^1.3.0",
     "request": "^2.74.0",
     "sinon": "^6.1.3",
-    "sinon-chai": "^3.3.0",
-    "quiz-presets": "22.3.1",
-    "@instructure/quiz-scripts": "21.0.0"
+    "sinon-chai": "^3.3.0"
   },
   "peerDependencies": {
     "react": "^15 || ^16"
@@ -153,25 +174,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "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"
-  }
-}
+  "gitHead": "3716c5856f9857b11664647149976be079ba10c2"
+}

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

@@ -1,38 +0,0 @@
-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

@@ -1,17 +0,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
-  };
-};
-export default generateComponentTheme;

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

@@ -1,69 +0,0 @@
-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

@@ -1,16 +0,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'
-    }
-  };
-};
-export default generateStyle;

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

@@ -1,10 +0,0 @@
-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/lib/building/components/resources/quiz/title/Edit/styles.js

@@ -1,45 +0,0 @@
-"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

@@ -1,23 +0,0 @@
-"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/components/shared/errors/Errors.js

@@ -1,76 +0,0 @@
-"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

@@ -1,22 +0,0 @@
-"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

@@ -1,16 +0,0 @@
-"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;