@instructure/quiz-core 21.1.1 → 22.0.0

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

@@ -4,8 +4,10 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+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%',
@@ -32,7 +34,7 @@ var generateStyle = function generateStyle(componentTheme, props) {
       flexDirection: 'column',
       justifyContent: 'center'
     },
-    titleEditInput: (0, _objectSpread2.default)({
+    titleEditInput: _objectSpread({
       fontFamily: componentTheme.titleEditInputFontFamily,
       fontSize: componentTheme.titleEditInputFontSize
     }, props.errorsAreShowing && props.errors.size > 0 && errorBorderStyles),
@@ -40,5 +42,4 @@ var generateStyle = function generateStyle(componentTheme, props) {
     errorsWrapper: wrapperStyles
   };
 };
-var _default = generateStyle;
-exports.default = _default;
+var _default = exports["default"] = generateStyle;

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports["default"] = void 0;
 var generateComponentTheme = function generateComponentTheme(_ref) {
   var spacing = _ref.spacing,
     colors = _ref.colors,
@@ -16,9 +16,8 @@ var generateComponentTheme = function generateComponentTheme(_ref) {
     titleEditInputFontSize: typography.fontSizeXLarge,
     errorBorderMargin: spacing.xxSmall,
     errorBorderPadding: spacing.xxSmall,
-    errorBorderColor: colors.crimson,
+    errorBorderColor: colors.contrasts.red4570,
     errorBorderBorderRadius: borders.radiusSmall
   };
 };
-var _default = generateComponentTheme;
-exports.default = _default;
+var _default = exports["default"] = generateComponentTheme;

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

@@ -4,50 +4,65 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.QuizTitleShow = void 0;
+exports["default"] = exports.QuizTitleShow = 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 _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = require("react");
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _emotion = require("@instructure/emotion");
 var _uiTruncateText = require("@instructure/ui-truncate-text");
 var _uiText = require("@instructure/ui-text");
-var _index = _interopRequireDefault(require("../../../../../../common/components/shared/overlay/index.js"));
-var _makeScrollable = _interopRequireDefault(require("../../../../../../common/components/shared/functionality/makeScrollable.js"));
-var _styles = _interopRequireDefault(require("./styles.js"));
-var _theme = _interopRequireDefault(require("./theme.js"));
+var _overlay = _interopRequireDefault(require("../../../../../../common/components/shared/overlay"));
+var _makeScrollable = _interopRequireDefault(require("../../../../../../common/components/shared/functionality/makeScrollable"));
+var _styles = _interopRequireDefault(require("./styles"));
+var _theme = _interopRequireDefault(require("./theme"));
 var _quizCommon = require("@instructure/quiz-common");
 var _dec, _class, _QuizTitleShow;
 /** @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));
+}
 // ====================================
 // this component shows the quiz title
 // has events that allow for toggling
 // editing and hover which shows an
 // overlay
 // ====================================
-var QuizTitleShow = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default, _theme.default), _dec(_class = (_QuizTitleShow = /*#__PURE__*/function (_Component) {
-  (0, _inherits2.default)(QuizTitleShow, _Component);
-  var _super = (0, _createSuper2.default)(QuizTitleShow);
+var QuizTitleShow = exports.QuizTitleShow = (_dec = (0, _quizCommon.withStyleOverrides)(_styles["default"], _theme["default"]), _dec(_class = (_QuizTitleShow = /*#__PURE__*/function (_Component) {
   function QuizTitleShow() {
-    var _this;
-    (0, _classCallCheck2.default)(this, QuizTitleShow);
+    var _this2;
+    (0, _classCallCheck2["default"])(this, QuizTitleShow);
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-    _this = _super.call.apply(_super, [this].concat(args));
-    _this.switchOnEditing = function () {
-      _this.props.switchOnEditing();
-    };
-    return _this;
+    _this2 = _callSuper(this, QuizTitleShow, [].concat(args));
+    (0, _defineProperty2["default"])(_this2, "switchOnEditing", function () {
+      _this2.props.switchOnEditing();
+    });
+    return _this2;
   }
-  (0, _createClass2.default)(QuizTitleShow, [{
+  (0, _inherits2["default"])(QuizTitleShow, _Component);
+  return (0, _createClass2["default"])(QuizTitleShow, [{
     key: "render",
     value: function render() {
       return (0, _emotion.jsx)("span", {
         "data-automation": "sdk-quiz-title-show-wrapper"
-      }, (0, _emotion.jsx)(_index.default, {
+      }, (0, _emotion.jsx)(_overlay["default"], {
         wrapperStyles: this.props.styles.titleShowWrapper,
         onClick: this.switchOnEditing,
         tabIndex: "-1",
@@ -60,16 +75,12 @@ var QuizTitleShow = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default,
       }, (0, _emotion.jsx)(_uiTruncateText.TruncateText, null, this.props.defaultTitle)))));
     }
   }]);
-  QuizTitleShow.displayName = "QuizTitleShow";
-  return QuizTitleShow;
-}(_react.Component), _QuizTitleShow.displayName = 'QuizTitleShow', _QuizTitleShow.componentId = "Quizzes".concat(_QuizTitleShow.displayName), _QuizTitleShow.propTypes = {
-  defaultTitle: _propTypes.default.string.isRequired,
-  switchOnEditing: _propTypes.default.func.isRequired,
-  contentLocked: _propTypes.default.bool,
-  styles: _propTypes.default.object
-}, _QuizTitleShow.defaultProps = {
+}(_react.Component), (0, _defineProperty2["default"])(_QuizTitleShow, "displayName", 'QuizTitleShow'), (0, _defineProperty2["default"])(_QuizTitleShow, "componentId", "Quizzes".concat(_QuizTitleShow.displayName)), (0, _defineProperty2["default"])(_QuizTitleShow, "propTypes", {
+  defaultTitle: _propTypes["default"].string.isRequired,
+  switchOnEditing: _propTypes["default"].func.isRequired,
+  contentLocked: _propTypes["default"].bool,
+  styles: _propTypes["default"].object
+}), (0, _defineProperty2["default"])(_QuizTitleShow, "defaultProps", {
   contentLocked: false
-}, _QuizTitleShow)) || _class);
-exports.QuizTitleShow = QuizTitleShow;
-var _default = (0, _makeScrollable.default)(QuizTitleShow);
-exports.default = _default;
+}), _QuizTitleShow)) || _class);
+var _default = exports["default"] = (0, _makeScrollable["default"])(QuizTitleShow);

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports["default"] = void 0;
 var generateStyle = function generateStyle(componentTheme) {
   return {
     titleShowWrapper: {
@@ -18,5 +18,4 @@ var generateStyle = function generateStyle(componentTheme) {
     }
   };
 };
-var _default = generateStyle;
-exports.default = _default;
+var _default = exports["default"] = generateStyle;

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

@@ -3,12 +3,11 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports["default"] = void 0;
 var generateComponentTheme = function generateComponentTheme(_ref) {
   var spacing = _ref.spacing;
   return {
     titleShowWrapperLeftPadding: spacing.large
   };
 };
-var _default = generateComponentTheme;
-exports.default = _default;
+var _default = exports["default"] = generateComponentTheme;

package/lib/building/components/resources/quiz/title/Title/Title.examples.js

@@ -4,17 +4,17 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports["default"] = void 0;
 var _immutable = require("immutable");
-var _Quiz = _interopRequireDefault(require("../../../../../../common/records/Quiz.js"));
-var _default = {
+var _Quiz = _interopRequireDefault(require("../../../../../../common/records/Quiz"));
+var _default = exports["default"] = {
   propValues: {
     isEditing: [true, false],
     errorsShowing: [true, false],
     errors: [[], ['This is bad']]
   },
   getComponentProps: function getComponentProps(props) {
-    var quiz = new _Quiz.default((0, _immutable.fromJS)({
+    var quiz = new _Quiz["default"]((0, _immutable.fromJS)({
       id: 1,
       title: 'My Super Duper Quiz',
       errors: {
@@ -43,5 +43,4 @@ var _default = {
   filter: function filter(props) {
     return props.errorsShowing == false && props.errors.length > 0 || props.isEditing == false && (props.errorsShowing || props.errors.length > 0);
   }
-};
-exports.default = _default;
+};

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

@@ -4,16 +4,16 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.QuizTitle = void 0;
+exports["default"] = exports.QuizTitle = void 0;
 var _redux = require("redux");
-var _reactRedux = require("../../../../../../common/react-redux.js");
-var _alerts = require("../../../../../../common/actions/alerts.js");
-var _errorsShowing = require("../../../../../../common/actions/errorsShowing.js");
-var _modifications = require("../../../../../../common/actions/modifications.js");
-var _quizzes = require("../../../../../api/quizzes.js");
-var _makeEditable = _interopRequireDefault(require("../../../../../../common/components/shared/functionality/makeEditable.js"));
-var _featureCheck = require("../../../../../../common/util/featureCheck.js");
-var _presenter = _interopRequireDefault(require("./presenter.js"));
+var _reactRedux = require("../../../../../../common/react-redux");
+var _alerts = require("../../../../../../common/actions/alerts");
+var _errorsShowing = require("../../../../../../common/actions/errorsShowing");
+var _modifications = require("../../../../../../common/actions/modifications");
+var _quizzes = require("../../../../../api/quizzes");
+var _makeEditable = _interopRequireDefault(require("../../../../../../common/components/shared/functionality/makeEditable"));
+var _featureCheck = require("../../../../../../common/util/featureCheck");
+var _presenter = _interopRequireDefault(require("./presenter"));
 function mapStateToProps(state) {
   return {
     errorsShowing: state.get('errorsShowing'),
@@ -27,7 +27,5 @@ var mapDispatchToProps = {
   screenreaderNotification: _alerts.screenreaderNotification,
   showError: _errorsShowing.showError
 };
-var QuizTitle = (0, _redux.compose)(_makeEditable.default, (0, _reactRedux.connect)(mapStateToProps, mapDispatchToProps))(_presenter.default);
-exports.QuizTitle = QuizTitle;
-var _default = QuizTitle;
-exports.default = _default;
+var QuizTitle = exports.QuizTitle = (0, _redux.compose)(_makeEditable["default"], (0, _reactRedux.connect)(mapStateToProps, mapDispatchToProps))(_presenter["default"]);
+var _default = exports["default"] = QuizTitle;

package/lib/building/components/resources/quiz/title/Title/presenter.js

@@ -4,76 +4,91 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.QuizTitlePresenter = void 0;
+exports["default"] = exports.QuizTitlePresenter = 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 _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = require("react");
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _reactImmutableProptypes = _interopRequireDefault(require("react-immutable-proptypes"));
 var _partial = _interopRequireDefault(require("lodash/partial"));
 var _uiHeading = require("@instructure/ui-heading");
 var _emotion = require("@instructure/emotion");
-var _EditButton = _interopRequireDefault(require("../../editButton/EditButton.js"));
-var _index = _interopRequireDefault(require("../Edit/index.js"));
-var _index2 = _interopRequireDefault(require("../Show/index.js"));
-var _styles = _interopRequireDefault(require("./styles.js"));
-var _theme = _interopRequireDefault(require("./theme.js"));
+var _EditButton = _interopRequireDefault(require("../../editButton/EditButton"));
+var _Edit = _interopRequireDefault(require("../Edit"));
+var _Show = _interopRequireDefault(require("../Show"));
+var _styles = _interopRequireDefault(require("./styles"));
+var _theme = _interopRequireDefault(require("./theme"));
 var _formatMessage = _interopRequireDefault(require("@instructure/quiz-i18n/es/format-message"));
 var _quizCommon = require("@instructure/quiz-common");
 var _dec, _class, _QuizTitlePresenter;
 /** @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));
+}
 // ================================
 // renders the editable quiz title
 // input/display component
 // ================================
-var QuizTitlePresenter = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default, _theme.default), _dec(_class = (_QuizTitlePresenter = /*#__PURE__*/function (_Component) {
-  (0, _inherits2.default)(QuizTitlePresenter, _Component);
-  var _super = (0, _createSuper2.default)(QuizTitlePresenter);
+var QuizTitlePresenter = exports.QuizTitlePresenter = (_dec = (0, _quizCommon.withStyleOverrides)(_styles["default"], _theme["default"]), _dec(_class = (_QuizTitlePresenter = /*#__PURE__*/function (_Component) {
   function QuizTitlePresenter() {
-    var _this;
-    (0, _classCallCheck2.default)(this, QuizTitlePresenter);
+    var _this2;
+    (0, _classCallCheck2["default"])(this, QuizTitlePresenter);
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-    _this = _super.call.apply(_super, [this].concat(args));
-    _this.workingTitle = function () {
-      return _this.props.workingQuiz.title;
-    };
+    _this2 = _callSuper(this, QuizTitlePresenter, [].concat(args));
+    (0, _defineProperty2["default"])(_this2, "workingTitle", function () {
+      return _this2.props.workingQuiz.title;
+    });
     // =========
     //  actions
     // =========
-    _this.saveAndPreview = function () {
-      var fromEnterPressed = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : false;
-      _this.saveWorkingTitle();
-      _this.props.onQuizUpdated({
-        id: _this.quizID(),
-        title: _this.props.workingQuiz.title
+    (0, _defineProperty2["default"])(_this2, "saveAndPreview", function () {
+      var fromEnterPressed = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
+      _this2.saveWorkingTitle();
+      _this2.props.onQuizUpdated({
+        id: _this2.quizID(),
+        title: _this2.props.workingQuiz.title
       });
-      _this.props.switchOffEditing();
-      if (fromEnterPressed && _this.editButton) {
-        _this.editButton.wrappedInstance.setFocus();
+      _this2.props.switchOffEditing();
+      if (fromEnterPressed && _this2.editButton) {
+        _this2.editButton.wrappedInstance.setFocus();
       }
-    };
-    _this.updateWorkingTitle = function (e) {
-      _this.props.changeQuizTitle(_this.quizID(), e.target.value);
-    };
-    _this.toggleEditing = function () {
-      if (_this.props.isEditing) {
-        _this.props.screenreaderNotification((0, _formatMessage.default)('Title edit mode off.'));
-        _this.saveAndPreview();
+    });
+    (0, _defineProperty2["default"])(_this2, "updateWorkingTitle", function (e) {
+      _this2.props.changeQuizTitle(_this2.quizID(), e.target.value);
+    });
+    (0, _defineProperty2["default"])(_this2, "toggleEditing", function () {
+      if (_this2.props.isEditing) {
+        _this2.props.screenreaderNotification((0, _formatMessage["default"])('Title edit mode off.'));
+        _this2.saveAndPreview();
       } else {
-        _this.props.screenreaderNotification((0, _formatMessage.default)('Title switched to edit mode.'));
-        _this.props.switchOnEditing();
+        _this2.props.screenreaderNotification((0, _formatMessage["default"])('Title switched to edit mode.'));
+        _this2.props.switchOnEditing();
       }
-    };
-    _this.handleEditButtonRef = function (node) {
-      return _this.editButton = node;
-    };
-    return _this;
+    });
+    (0, _defineProperty2["default"])(_this2, "handleEditButtonRef", function (node) {
+      return _this2.editButton = node;
+    });
+    return _this2;
   }
-  (0, _createClass2.default)(QuizTitlePresenter, [{
+  (0, _inherits2["default"])(QuizTitlePresenter, _Component);
+  return (0, _createClass2["default"])(QuizTitlePresenter, [{
     key: "componentDidMount",
     value: function componentDidMount() {
       this.props.makeStyles();
@@ -82,7 +97,9 @@ var QuizTitlePresenter = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.def
     key: "componentDidUpdate",
     value: function componentDidUpdate() {
       this.props.makeStyles();
-    } // ===========
+    }
+
+    // ===========
     //   helpers
     // ===========
   }, {
@@ -115,15 +132,17 @@ var QuizTitlePresenter = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.def
     }
   }, {
     key: "renderEdit",
+    value:
     // ===============
     //    rendering
     // ===============
-    value: function renderEdit() {
+
+    function renderEdit() {
       var quizTitleEditKey = 'quiz_title_edit';
-      return (0, _emotion.jsx)(_index.default, {
+      return (0, _emotion.jsx)(_Edit["default"], {
         isValid: this.isValid(),
-        showError: (0, _partial.default)(this.props.showError, quizTitleEditKey),
-        hideError: (0, _partial.default)(this.props.hideError, quizTitleEditKey),
+        showError: (0, _partial["default"])(this.props.showError, quizTitleEditKey),
+        hideError: (0, _partial["default"])(this.props.hideError, quizTitleEditKey),
         errorsAreShowing: this.props.errorsShowing.get(quizTitleEditKey),
         errors: this.titleErrors(),
         value: this.workingTitle(),
@@ -134,11 +153,11 @@ var QuizTitlePresenter = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.def
   }, {
     key: "renderShow",
     value: function renderShow() {
-      return (0, _emotion.jsx)(_index2.default, {
+      return (0, _emotion.jsx)(_Show["default"], {
         switchOnEditing: this.props.switchOnEditing,
         defaultTitle: this.workingTitle(),
         contentLocked: this.isContentLocked(),
-        scrollKey: this.isContentLocked() ? this.props.scrollKey : void 0
+        scrollKey: this.isContentLocked() ? this.props.scrollKey : undefined
       });
     }
   }, {
@@ -155,42 +174,38 @@ var QuizTitlePresenter = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.def
       }, (0, _emotion.jsx)(_uiHeading.Heading, {
         level: "h4",
         as: "h2"
-      }, (0, _formatMessage.default)('Title'))), (0, _emotion.jsx)("div", null, content)), (0, _emotion.jsx)("div", null, !this.props.isEditing && !this.isContentLocked() && (0, _emotion.jsx)("div", {
+      }, (0, _formatMessage["default"])('Title'))), (0, _emotion.jsx)("div", null, content)), (0, _emotion.jsx)("div", null, !this.props.isEditing && !this.isContentLocked() && (0, _emotion.jsx)("div", {
         css: this.props.styles.editButtonWrapper
-      }, (0, _emotion.jsx)(_EditButton.default, {
+      }, (0, _emotion.jsx)(_EditButton["default"], {
         ref: this.handleEditButtonRef,
-        screenreaderText: (0, _formatMessage.default)('Edit Title'),
+        screenreaderText: (0, _formatMessage["default"])('Edit Title'),
         scrollKey: this.props.scrollKey,
         onClick: this.toggleEditing,
         "data-automation": "sdk-build-edit-title"
       }))));
     }
   }]);
-  QuizTitlePresenter.displayName = "QuizTitlePresenter";
-  return QuizTitlePresenter;
-}(_react.Component), _QuizTitlePresenter.displayName = 'QuizTitle', _QuizTitlePresenter.componentId = "Quizzes".concat(_QuizTitlePresenter.displayName), _QuizTitlePresenter.propTypes = {
-  changeQuizTitle: _propTypes.default.func.isRequired,
-  errorsShowing: _reactImmutableProptypes.default.map.isRequired,
-  hideError: _propTypes.default.func.isRequired,
-  isEditing: _propTypes.default.bool.isRequired,
+}(_react.Component), (0, _defineProperty2["default"])(_QuizTitlePresenter, "displayName", 'QuizTitle'), (0, _defineProperty2["default"])(_QuizTitlePresenter, "componentId", "Quizzes".concat(_QuizTitlePresenter.displayName)), (0, _defineProperty2["default"])(_QuizTitlePresenter, "propTypes", {
+  changeQuizTitle: _propTypes["default"].func.isRequired,
+  errorsShowing: _reactImmutableProptypes["default"].map.isRequired,
+  hideError: _propTypes["default"].func.isRequired,
+  isEditing: _propTypes["default"].bool.isRequired,
   // injected by makeEditable
-  lockBlueprintContentEnabled: _propTypes.default.bool.isRequired,
-  onQuizUpdated: _propTypes.default.func.isRequired,
-  quiz: _reactImmutableProptypes.default.record.isRequired,
-  saveQuizChange: _propTypes.default.func.isRequired,
-  screenreaderNotification: _propTypes.default.func.isRequired,
-  scrollKey: _propTypes.default.string,
-  showError: _propTypes.default.func.isRequired,
-  switchOffEditing: _propTypes.default.func.isRequired,
+  lockBlueprintContentEnabled: _propTypes["default"].bool.isRequired,
+  onQuizUpdated: _propTypes["default"].func.isRequired,
+  quiz: _reactImmutableProptypes["default"].record.isRequired,
+  saveQuizChange: _propTypes["default"].func.isRequired,
+  screenreaderNotification: _propTypes["default"].func.isRequired,
+  scrollKey: _propTypes["default"].string,
+  showError: _propTypes["default"].func.isRequired,
+  switchOffEditing: _propTypes["default"].func.isRequired,
   // injected by makeEditable
-  switchOnEditing: _propTypes.default.func.isRequired,
+  switchOnEditing: _propTypes["default"].func.isRequired,
   // injected by makeEditable
-  workingQuiz: _reactImmutableProptypes.default.record.isRequired,
-  makeStyles: _propTypes.default.func,
-  styles: _propTypes.default.object
-}, _QuizTitlePresenter.defaultProps = {
+  workingQuiz: _reactImmutableProptypes["default"].record.isRequired,
+  makeStyles: _propTypes["default"].func,
+  styles: _propTypes["default"].object
+}), (0, _defineProperty2["default"])(_QuizTitlePresenter, "defaultProps", {
   scrollKey: void 0
-}, _QuizTitlePresenter)) || _class);
-exports.QuizTitlePresenter = QuizTitlePresenter;
-var _default = QuizTitlePresenter;
-exports.default = _default;
+}), _QuizTitlePresenter)) || _class);
+var _default = exports["default"] = QuizTitlePresenter;

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

@@ -4,13 +4,14 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports["default"] = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _objectSpread3 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+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 mp = '@media print';
   return {
-    topRow: (0, _objectSpread3.default)((0, _defineProperty2.default)({
+    topRow: _objectSpread((0, _defineProperty2["default"])({
       display: 'flex',
       justifyContent: 'space-between',
       borderBottom: componentTheme.titleShowWrapperBottomBorder
@@ -41,5 +42,4 @@ var generateStyle = function generateStyle(componentTheme, props) {
     }
   };
 };
-var _default = generateStyle;
-exports.default = _default;
+var _default = exports["default"] = generateStyle;

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = generator;
+exports["default"] = generator;
 function generator(_ref) {
   var borders = _ref.borders,
     typography = _ref.typography,
@@ -14,10 +14,10 @@ function generator(_ref) {
     labelLeftPadding: spacing.large,
     labelBottomPadding: spacing.xxSmall,
     labelFontSize: typography.fontSizeSmall,
-    labelColor: colors.slate,
+    labelColor: colors.contrasts.grey4570,
     editButtonWrapperRightMargin: spacing.large,
-    titleShowWrapperBottomBorder: "".concat(borders.widthMedium, " ").concat(borders.style, " ").concat(colors.porcelain),
+    titleShowWrapperBottomBorder: "".concat(borders.widthMedium, " ").concat(borders.style, " ").concat(colors.contrasts.grey1111),
     titleEditWrapperBorderWidth: borders.widthSmall,
-    titleEditWrapperBorderColor: colors.ash
+    titleEditWrapperBorderColor: colors.contrasts.grey4570
   };
 }

package/lib/building/components/resources/quizEntry/QuizEntry/index.js

@@ -4,25 +4,25 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.QuizEntry = exports.mapStateToProps = void 0;
+exports.mapStateToProps = exports["default"] = exports.QuizEntry = void 0;
 var _redux = require("redux");
-var _reactRedux = require("../../../../../common/react-redux.js");
+var _reactRedux = require("../../../../../common/react-redux");
 var _immutable = require("immutable");
-var _errorsShowing = require("../../../../../common/actions/errorsShowing.js");
-var _modal = require("../../../../../common/actions/modal.js");
-var _alerts = require("../../../../../common/actions/alerts.js");
-var _ui = require("../../../../../common/actions/ui.js");
-var _dragAndDrop = require("../../../../../common/actions/dragAndDrop.js");
-var _modifications = require("../../../../../common/actions/modifications.js");
-var _makeEditable = _interopRequireDefault(require("../../../../../common/components/shared/functionality/makeEditable.js"));
-var _quizEntries = require("../../../../api/quizEntries.js");
-var _featureCheck = require("../../../../../common/util/featureCheck.js");
-var _dragAndDropUtils = require("../../../../../common/components/shared/drag_and_drop/dragAndDropUtils.js");
-var _presenter = require("./presenter.js");
+var _errorsShowing = require("../../../../../common/actions/errorsShowing");
+var _modal = require("../../../../../common/actions/modal");
+var _alerts = require("../../../../../common/actions/alerts");
+var _ui = require("../../../../../common/actions/ui");
+var _dragAndDrop = require("../../../../../common/actions/dragAndDrop");
+var _modifications = require("../../../../../common/actions/modifications");
+var _makeEditable = _interopRequireDefault(require("../../../../../common/components/shared/functionality/makeEditable"));
+var _quizEntries = require("../../../../api/quizEntries");
+var _featureCheck = require("../../../../../common/util/featureCheck");
+var _dragAndDropUtils = require("../../../../../common/components/shared/drag_and_drop/dragAndDropUtils");
+var _presenter = require("./presenter");
 var _quizCommon = require("@instructure/quiz-common");
-var _quizzes = require("../../../../../common/selectors/quizzes.js");
-var _quizEntryPresenterWrapper = _interopRequireDefault(require("./quizEntryPresenterWrapper.js"));
-var mapStateToProps = function mapStateToProps(state, props) {
+var _quizzes = require("../../../../../common/selectors/quizzes");
+var _quizEntryPresenterWrapper = _interopRequireDefault(require("./quizEntryPresenterWrapper"));
+var mapStateToProps = exports.mapStateToProps = function mapStateToProps(state, props) {
   var activeQuiz = (0, _quizzes.getActiveQuiz)(state);
   var quizId = activeQuiz.id;
   var guid = "".concat(props.quizEntry.id, "_").concat(_quizCommon.QUIZ_ENTRY_GUID_SUFFIX);
@@ -57,7 +57,6 @@ var mapStateToProps = function mapStateToProps(state, props) {
     workingQuizEntry: props.quizEntry.getWorkingInstance()
   };
 };
-exports.mapStateToProps = mapStateToProps;
 var dispatchToProps = {
   changeQuizEntryPoints: _modifications.changeQuizEntryPoints,
   openModal: _modal.openModal,
@@ -74,7 +73,5 @@ var dispatchToProps = {
   setUi: _ui.set,
   showError: _errorsShowing.showError
 };
-var QuizEntry = (0, _redux.compose)((0, _reactRedux.connect)(mapStateToProps, dispatchToProps), _makeEditable.default, (0, _dragAndDropUtils.DropTargetCreator)(_quizCommon.QUIZ_ENTRY_REF))((0, _quizEntryPresenterWrapper.default)(_presenter.QuizEntry));
-exports.QuizEntry = QuizEntry;
-var _default = QuizEntry;
-exports.default = _default;
+var QuizEntry = exports.QuizEntry = (0, _redux.compose)((0, _reactRedux.connect)(mapStateToProps, dispatchToProps), _makeEditable["default"], (0, _dragAndDropUtils.DropTargetCreator)(_quizCommon.QUIZ_ENTRY_REF))((0, _quizEntryPresenterWrapper["default"])(_presenter.QuizEntry));
+var _default = exports["default"] = QuizEntry;