@instructure/quiz-core 21.1.1 → 22.0.0

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

@@ -1,43 +1,58 @@
 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 _createSuper from "@babel/runtime/helpers/esm/createSuper";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 var _dec, _class, _Summary;
+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 PropTypes from 'prop-types';
 import { Text } from '@instructure/ui-text';
 import { jsx } from '@instructure/emotion';
-import { DISPLAY_AS_SUMMARY_LIMIT } from "../presenter.js";
-import generateStyle from "./styles.js";
-import generateComponentTheme from "./theme.js";
+import { DISPLAY_AS_SUMMARY_LIMIT } from '../presenter';
+import generateStyle from './styles';
+import generateComponentTheme from './theme';
 import t from '@instructure/quiz-i18n/es/format-message';
 import { withStyleOverrides } from '@instructure/quiz-common';
 export var Summary = (_dec = withStyleOverrides(generateStyle, generateComponentTheme), _dec(_class = (_Summary = /*#__PURE__*/function (_Component) {
-  _inherits(Summary, _Component);
-  var _super = _createSuper(Summary);
   function Summary() {
-    var _this;
+    var _this2;
     _classCallCheck(this, Summary);
     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.handleShowItems = function () {
-      if (_this.props.isDragging) {
+    _this2 = _callSuper(this, Summary, [].concat(args));
+    _defineProperty(_this2, "handleShowItems", function () {
+      if (_this2.props.isDragging) {
         return;
       }
-      _this.props.setSidebarStimulusIsShowing(_this.props.stimulusId, !_this.props.isShowingItems);
-    };
-    _this.handleKeyDown = function (event) {
+      _this2.props.setSidebarStimulusIsShowing(_this2.props.stimulusId, !_this2.props.isShowingItems);
+    });
+    _defineProperty(_this2, "handleKeyDown", function (event) {
       if (event.keyCode === 13 || event.keyCode === 32) {
         // enter or space pressed
-        _this.handleShowItems();
+        _this2.handleShowItems();
       }
-    };
-    return _this;
+    });
+    return _this2;
   }
-  _createClass(Summary, [{
+  _inherits(Summary, _Component);
+  return _createClass(Summary, [{
     key: "getCountText",
     value: function getCountText() {
       var _this$props = this.props,
@@ -64,7 +79,9 @@ export var Summary = (_dec = withStyleOverrides(generateStyle, generateComponent
       return t('Question {first, number}', {
         first: startPosition
       });
-    } // =============
+    }
+
+    // =============
     //   RENDERING
     // =============
   }, {
@@ -114,9 +131,7 @@ export var Summary = (_dec = withStyleOverrides(generateStyle, generateComponent
       }, this.renderEndSectionContent())));
     }
   }]);
-  Summary.displayName = "Summary";
-  return Summary;
-}(Component), _Summary.displayName = 'Summary', _Summary.componentId = "Quizzes".concat(_Summary.displayName), _Summary.propTypes = {
+}(Component), _defineProperty(_Summary, "displayName", 'Summary'), _defineProperty(_Summary, "componentId", "Quizzes".concat(_Summary.displayName)), _defineProperty(_Summary, "propTypes", {
   // Passed in by parent
   startPosition: PropTypes.number.isRequired,
   /* This is used for when the stimulus is being dragged in build */
@@ -127,8 +142,8 @@ export var Summary = (_dec = withStyleOverrides(generateStyle, generateComponent
   // from connected component
   setSidebarStimulusIsShowing: PropTypes.func.isRequired,
   styles: PropTypes.object
-}, _Summary.defaultProps = {
+}), _defineProperty(_Summary, "defaultProps", {
   isDragging: false,
   isShowingItems: false
-}, _Summary)) || _class);
+}), _Summary)) || _class);
 export default Summary;

package/es/common/components/layout/sidebar/Stimulus/Summary/theme.js

@@ -3,10 +3,10 @@ var generateComponentTheme = function generateComponentTheme(_ref) {
     spacing = _ref.spacing,
     borders = _ref.borders;
   return {
-    itemContainerColor: colors.licorice,
+    itemContainerColor: colors.contrasts.grey125125,
     itemContainerPadding: spacing.xSmall,
     itemContainerBorderWidth: borders.widthSmall,
-    itemContainerBorderColor: colors.licorice,
+    itemContainerBorderColor: colors.contrasts.grey125125,
     summaryMargin: spacing.small,
     summaryMarginLeft: spacing.medium
   };

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

@@ -1,8 +1,24 @@
 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 _createSuper from "@babel/runtime/helpers/esm/createSuper";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 var _dec, _class, _Title;
+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 PropTypes from 'prop-types';
@@ -10,20 +26,19 @@ import { AccessibleContent } from '@instructure/ui-a11y-content';
 import { Tooltip } from '@instructure/ui-tooltip';
 import { Text } from '@instructure/ui-text';
 import { jsx } from '@instructure/emotion';
-import generateStyle from "./styles.js";
+import generateStyle from './styles';
 import { withStyleOverrides } from '@instructure/quiz-common';
 var DISPLAY_TOOLTIP_LIMIT = 80;
 export var Title = (_dec = withStyleOverrides(generateStyle, null), _dec(_class = (_Title = /*#__PURE__*/function (_Component) {
-  _inherits(Title, _Component);
-  var _super = _createSuper(Title);
   function Title() {
     _classCallCheck(this, Title);
-    return _super.apply(this, arguments);
+    return _callSuper(this, Title, arguments);
   }
-  _createClass(Title, [{
+  _inherits(Title, _Component);
+  return _createClass(Title, [{
     key: "renderTitle",
     value: function renderTitle() {
-      var title = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : this.props.title;
+      var title = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : this.props.title;
       return jsx("div", {
         css: this.props.styles.itemBody
       }, jsx(Text, {
@@ -33,7 +48,9 @@ export var Title = (_dec = withStyleOverrides(generateStyle, null), _dec(_class
   }, {
     key: "render",
     value: function render() {
-      var title = this.props.title; // Shorten title if necessary
+      var title = this.props.title;
+
+      // Shorten title if necessary
       if (title.length > DISPLAY_TOOLTIP_LIMIT) {
         var truncatedTitle = "".concat(title.substring(0, DISPLAY_TOOLTIP_LIMIT), "...");
         return jsx(AccessibleContent, {
@@ -46,10 +63,8 @@ export var Title = (_dec = withStyleOverrides(generateStyle, null), _dec(_class
       return this.renderTitle();
     }
   }]);
-  Title.displayName = "Title";
-  return Title;
-}(Component), _Title.displayName = 'Title', _Title.componentId = "Quizzes".concat(_Title.displayName), _Title.propTypes = {
+}(Component), _defineProperty(_Title, "displayName", 'Title'), _defineProperty(_Title, "componentId", "Quizzes".concat(_Title.displayName)), _defineProperty(_Title, "propTypes", {
   title: PropTypes.string.isRequired,
   styles: PropTypes.object
-}, _Title)) || _class);
+}), _Title)) || _class);
 export default Title;

package/es/common/components/layout/sidebar/Stimulus/index.js

@@ -1,7 +1,7 @@
 import { bindActionCreators } from 'redux';
-import { connect } from "../../../../react-redux.js";
-import { SidebarStimulus } from "./presenter.js";
-import { scrollToItem as scrollToItemAction } from "../../../../actions/scrolling.js";
+import { connect } from '../../../../react-redux';
+import { SidebarStimulus } from './presenter';
+import { scrollToItem as scrollToItemAction } from '../../../../actions/scrolling';
 function getStimulus(parent) {
   return parent.entryType === 'BankEntry' ? parent.getEntry().getEntry() : parent.getEntry();
 }

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

@@ -1,8 +1,24 @@
 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 _createSuper from "@babel/runtime/helpers/esm/createSuper";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 var _dec, _class, _SidebarStimulus;
+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 PropTypes from 'prop-types';
@@ -10,39 +26,35 @@ import ImmutablePropTypes from 'react-immutable-proptypes';
 import { IconTextLeftLine } from '@instructure/ui-icons';
 import { jsx } from '@instructure/emotion';
 import { Link } from '@instructure/ui-link';
-import Collection from "./Collection/index.js";
-import Title from "./Title/index.js";
-import Summary from "./Summary/index.js";
-import generateStyle from "./styles.js";
-import generateComponentTheme from "./theme.js";
+import Collection from './Collection';
+import Title from './Title';
+import Summary from './Summary';
+import generateStyle from './styles';
+import generateComponentTheme from './theme';
 import t from '@instructure/quiz-i18n/es/format-message';
 import { Flex, END_EDITING_TRIGGER_CLASSNAME, withStyleOverrides } from '@instructure/quiz-common';
 import { Tooltip } from '@instructure/ui-tooltip';
 import { ScreenReaderContent } from '@instructure/ui-a11y-content';
 export var DISPLAY_AS_SUMMARY_LIMIT = 5;
-var _ref = jsx(IconTextLeftLine, {
-  color: "primary"
-});
 export var SidebarStimulus = (_dec = withStyleOverrides(generateStyle, generateComponentTheme), _dec(_class = (_SidebarStimulus = /*#__PURE__*/function (_Component) {
-  _inherits(SidebarStimulus, _Component);
-  var _super = _createSuper(SidebarStimulus);
   function SidebarStimulus() {
-    var _this;
+    var _this2;
     _classCallCheck(this, SidebarStimulus);
     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.scrollToItem = function (e) {
+    _this2 = _callSuper(this, SidebarStimulus, [].concat(args));
+    _defineProperty(_this2, "scrollToItem", function (e) {
       e.preventDefault(); // prevent default link navigation
       // this can be a real scroll or a oqaat change
       // depending on whether is is oqaat or not
-      _this.props.scrollToItem(_this.props.stimulusParent.id);
+      _this2.props.scrollToItem(_this2.props.stimulusParent.id);
       e.stopPropagation();
-    };
-    return _this;
+    });
+    return _this2;
   }
-  _createClass(SidebarStimulus, [{
+  _inherits(SidebarStimulus, _Component);
+  return _createClass(SidebarStimulus, [{
     key: "componentDidMount",
     value: function componentDidMount() {
       this.props.makeStyles();
@@ -92,7 +104,9 @@ export var SidebarStimulus = (_dec = withStyleOverrides(generateStyle, generateC
         margin: "small",
         forceButtonRole: false,
         onClick: this.scrollToItem,
-        renderIcon: _ref,
+        renderIcon: jsx(IconTextLeftLine, {
+          color: "primary"
+        }),
         className: END_EDITING_TRIGGER_CLASSNAME
       }, jsx(ScreenReaderContent, null, textForNavigation)));
     }
@@ -147,9 +161,7 @@ export var SidebarStimulus = (_dec = withStyleOverrides(generateStyle, generateC
       return this.props.sidebarOpen ? this.renderOpen() : this.renderClosed();
     }
   }]);
-  SidebarStimulus.displayName = "SidebarStimulus";
-  return SidebarStimulus;
-}(Component), _SidebarStimulus.displayName = 'SidebarStimulus', _SidebarStimulus.componentId = "Quizzes".concat(_SidebarStimulus.displayName), _SidebarStimulus.propTypes = {
+}(Component), _defineProperty(_SidebarStimulus, "displayName", 'SidebarStimulus'), _defineProperty(_SidebarStimulus, "componentId", "Quizzes".concat(_SidebarStimulus.displayName)), _defineProperty(_SidebarStimulus, "propTypes", {
   childEntries: ImmutablePropTypes.listOf(ImmutablePropTypes.record).isRequired,
   // Passed in by Sidebar
   children: PropTypes.element,
@@ -165,10 +177,10 @@ export var SidebarStimulus = (_dec = withStyleOverrides(generateStyle, generateC
   stimulusParent: ImmutablePropTypes.record.isRequired,
   styles: PropTypes.object,
   makeStyles: PropTypes.func
-}, _SidebarStimulus.defaultProps = {
+}), _defineProperty(_SidebarStimulus, "defaultProps", {
   children: null,
   isDragging: false,
   isOver: false,
   isShowingItems: false
-}, _SidebarStimulus)) || _class);
+}), _SidebarStimulus)) || _class);
 export default SidebarStimulus;

package/es/common/components/layout/sidebar/Stimulus/theme.js

@@ -4,17 +4,17 @@ var generateComponentTheme = function generateComponentTheme(_ref) {
     borders = _ref.borders,
     typography = _ref.typography;
   return {
-    borderColor: colors.white,
-    hoverBorderColor: colors.electric,
+    borderColor: colors.contrasts.white1010,
+    hoverBorderColor: colors.contrasts.blue4570,
     hoverBorderWidth: borders.widthLarge,
     sidebarClosedButtonPadding: "".concat(spacing.xxSmall, " 0"),
     sidebarHeaderPadding: spacing.small,
     sidebarItemBorderWidth: borders.widthSmall,
-    sidebarItemBorderColor: colors.tiara,
+    sidebarItemBorderColor: colors.contrasts.grey1214,
     sidebarIsOpenInfoHeaderFontSize: typography.fontSizeXSmall,
     sidebarIsOpenInfoHeaderPadding: spacing.xSmall,
     sidebarIsOpenInfoHeaderMargin: spacing.xSmall,
-    sidebarIsOpenInfoHeaderColor: colors.ash
+    sidebarIsOpenInfoHeaderColor: colors.contrasts.grey4570
   };
 };
 export default generateComponentTheme;

package/es/common/components/resources/BankSelection/index.js

@@ -1,9 +1,9 @@
 import { List } from 'immutable';
-import { connect } from "../../../react-redux.js";
-import { getAllBanks } from "../../../../banks/api/banks.js";
-import BankSelection from "./presenter.js";
-import Bank from "../../../records/Bank.js";
-import { set } from "../../../actions/ui.js";
+import { connect } from '../../../react-redux';
+import { getAllBanks } from '../../../../banks/api/banks';
+import BankSelection from './presenter';
+import Bank from '../../../records/Bank';
+import { set } from '../../../actions/ui';
 import { SELECT_BANKS_OPTIONS } from '@instructure/quiz-common';
 export function mapStateToProps(state, props) {
   var banks = state.getIn(['ui', SELECT_BANKS_OPTIONS], List()).map(function (bankId) {

package/es/common/components/resources/BankSelection/presenter.js

@@ -1,27 +1,41 @@
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 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 _createSuper from "@babel/runtime/helpers/esm/createSuper";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+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));
+}
 import React, { Component } from 'react';
 import PropTypes from 'prop-types';
 import ImmutablePropTypes from 'react-immutable-proptypes';
 import t from '@instructure/quiz-i18n/es/format-message';
-import { toErrors } from "../../../util/instUIMessages.js";
-import { simpleFetchBanks } from "../../../../banks/api/banks.js";
-import { GenericAsyncSearch } from "../../shared/GenericAsyncSearch/GenericAsyncSearch.js";
+import { toErrors } from '../../../util/instUIMessages';
+import { simpleFetchBanks } from '../../../../banks/api/banks';
+import { GenericAsyncSearch } from '../../shared/GenericAsyncSearch/GenericAsyncSearch';
 export var BankSelection = /*#__PURE__*/function (_Component) {
-  _inherits(BankSelection, _Component);
-  var _super = _createSuper(BankSelection);
   function BankSelection() {
-    var _this;
+    var _this2;
     _classCallCheck(this, BankSelection);
     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.searchBanks = function (search) {
-      return _this.props.simpleFetchBanks({
+    _this2 = _callSuper(this, BankSelection, [].concat(args));
+    _defineProperty(_this2, "searchBanks", function (search) {
+      return _this2.props.simpleFetchBanks({
         search: search
       }).then(function (_ref) {
         var _ref2 = _slicedToArray(_ref, 1),
@@ -34,17 +48,18 @@ export var BankSelection = /*#__PURE__*/function (_Component) {
           };
         });
       });
-    };
-    _this.onSelect = function (e, bankOption) {
-      return _this.props.onBankSelection(e, {
+    });
+    _defineProperty(_this2, "onSelect", function (e, bankOption) {
+      return _this2.props.onBankSelection(e, {
         id: parseInt(bankOption.id),
         title: bankOption.text,
         archived: bankOption.archived
       });
-    };
-    return _this;
+    });
+    return _this2;
   }
-  _createClass(BankSelection, [{
+  _inherits(BankSelection, _Component);
+  return _createClass(BankSelection, [{
     key: "getErrors",
     value: function getErrors() {
       var selectedBank = this.props.selectedBank;
@@ -78,19 +93,17 @@ export var BankSelection = /*#__PURE__*/function (_Component) {
       });
     }
   }]);
-  BankSelection.displayName = "BankSelection";
-  return BankSelection;
 }(Component);
-BankSelection.propTypes = {
+_defineProperty(BankSelection, "propTypes", {
   label: PropTypes.string,
   onBankSelection: PropTypes.func,
   selectedBank: ImmutablePropTypes.record,
   simpleFetchBanks: PropTypes.func
-};
-BankSelection.defaultProps = {
+});
+_defineProperty(BankSelection, "defaultProps", {
   label: null,
   onBankSelection: function onBankSelection() {},
   selectedBank: null,
   simpleFetchBanks: simpleFetchBanks
-};
+});
 export default BankSelection;

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

@@ -1,8 +1,24 @@
 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 _createSuper from "@babel/runtime/helpers/esm/createSuper";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 var _dec, _class, _WarningWrapper;
+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 PropTypes from 'prop-types';
@@ -11,26 +27,25 @@ import { Button } from '@instructure/ui-buttons';
 import { Text } from '@instructure/ui-text';
 import { jsx } from '@instructure/emotion';
 import t from '@instructure/quiz-i18n/es/format-message';
-import generateStyle from "./styles.js";
-import generateComponentTheme from "./theme.js";
+import generateStyle from './styles';
+import generateComponentTheme from './theme';
 import { withStyleOverrides } from '@instructure/quiz-common';
 export var WarningWrapper = (_dec = withStyleOverrides(generateStyle, generateComponentTheme), _dec(_class = (_WarningWrapper = /*#__PURE__*/function (_Component) {
-  _inherits(WarningWrapper, _Component);
-  var _super = _createSuper(WarningWrapper);
   function WarningWrapper() {
-    var _this;
+    var _this2;
     _classCallCheck(this, WarningWrapper);
     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.focusRef = null;
-    _this.setFocusRef = function (element) {
-      _this.focusRef = element;
-    };
-    return _this;
+    _this2 = _callSuper(this, WarningWrapper, [].concat(args));
+    _defineProperty(_this2, "focusRef", null);
+    _defineProperty(_this2, "setFocusRef", function (element) {
+      _this2.focusRef = element;
+    });
+    return _this2;
   }
-  _createClass(WarningWrapper, [{
+  _inherits(WarningWrapper, _Component);
+  return _createClass(WarningWrapper, [{
     key: "componentDidMount",
     value: function componentDidMount() {
       if (this.focusRef) this.focusRef.focus();
@@ -96,9 +111,7 @@ export var WarningWrapper = (_dec = withStyleOverrides(generateStyle, generateCo
       }, this.renderMessage(), this.renderDisableOverlay(), this.props.children);
     }
   }]);
-  WarningWrapper.displayName = "WarningWrapper";
-  return WarningWrapper;
-}(Component), _WarningWrapper.displayName = 'WarningWrapper', _WarningWrapper.componentId = "Quizzes".concat(_WarningWrapper.displayName), _WarningWrapper.propTypes = {
+}(Component), _defineProperty(_WarningWrapper, "displayName", 'WarningWrapper'), _defineProperty(_WarningWrapper, "componentId", "Quizzes".concat(_WarningWrapper.displayName)), _defineProperty(_WarningWrapper, "propTypes", {
   alertType: PropTypes.oneOf(['info', 'success', 'warning', 'error']),
   cancelActionCallback: PropTypes.func,
   cancelActionText: PropTypes.string,
@@ -110,7 +123,7 @@ export var WarningWrapper = (_dec = withStyleOverrides(generateStyle, generateCo
   hideActions: PropTypes.bool,
   showAlert: PropTypes.bool,
   styles: PropTypes.object
-}, _WarningWrapper.defaultProps = {
+}), _defineProperty(_WarningWrapper, "defaultProps", {
   alertType: 'info',
   cancelActionCallback: void 0,
   cancelActionText: t('Cancel'),
@@ -120,5 +133,5 @@ export var WarningWrapper = (_dec = withStyleOverrides(generateStyle, generateCo
   disableChildren: false,
   hideActions: void 0,
   showAlert: true
-}, _WarningWrapper)) || _class);
+}), _WarningWrapper)) || _class);
 export default WarningWrapper;

package/es/common/components/resources/WarningWrapper/theme.js

@@ -6,7 +6,7 @@ var generateComponentTheme = function generateComponentTheme(_ref) {
     alertPadding: spacing.medium,
     alertZIndex: '8888',
     containerPadding: spacing.medium,
-    disabledChildrenBackgroundColor: colors.porcelain,
+    disabledChildrenBackgroundColor: colors.contrasts.grey1111,
     disabledChildrenOpacity: '0.6',
     disabledChildrenZIndex: '7777'
   };

package/es/common/components/resources/entry/EntrySave/index.js

@@ -1,9 +1,9 @@
-import { connect } from "../../../../react-redux.js";
-import makeEditable from "../../../shared/functionality/makeEditable.js";
-import { showError, hideError } from "../../../../actions/errorsShowing.js";
-import { screenreaderNotification } from "../../../../actions/alerts.js";
-import { clearNextQuizEntry } from "../../../../actions/modifications.js";
-import EntrySave from "./presenter.js";
+import { connect } from '../../../../react-redux';
+import makeEditable from '../../../shared/functionality/makeEditable';
+import { showError, hideError } from '../../../../actions/errorsShowing';
+import { screenreaderNotification } from '../../../../actions/alerts';
+import { clearNextQuizEntry } from '../../../../actions/modifications';
+import EntrySave from './presenter';
 export function mapStateToProps(state, props) {
   // Error Related:
   var workingEntry = props.entry.getWorkingInstance();