@instructure/quiz-core 21.1.1 → 22.0.0

package/es/common/components/resources/sessionItemResult/SessionItemResult/theme.js

@@ -6,9 +6,9 @@ var generateComponentTheme = function generateComponentTheme(_ref) {
   return {
     sessionItemResultPadding: spacing.small,
     topBorderWidth: borders.widthSmall,
-    topBorderColor: colors.tiara,
+    topBorderColor: colors.contrasts.grey1214,
     resultMargin: spacing.small,
-    pointsColor: colors.ash,
+    pointsColor: colors.contrasts.grey4570,
     pointFontSize: typography.fontSizeXSmall,
     questionFontSize: typography.fontSizeMedium,
     itemFeedbackWrapperMargin: spacing.small,
@@ -17,9 +17,9 @@ var generateComponentTheme = function generateComponentTheme(_ref) {
     itemFeedbackWrapperFontSize: typography.fontSizeSmall,
     itemFeedbackWrapperBorderStyle: borders.borderStyle,
     itemFeedbackWrapperBorderWidth: borders.widthSmall,
-    itemFeedbackWrapperBorderColor: colors.tiara,
+    itemFeedbackWrapperBorderColor: colors.contrasts.grey1214,
     itemFeedbackWrapperStyle: borders.style,
-    itemFeedbackLabelColor: colors.oxford,
+    itemFeedbackLabelColor: colors.contrasts.grey100100,
     itemFeedbackLabelFontSize: typography.fontSizeXSmall,
     itemFeedbackMargin: spacing.xxSmall,
     itemFeedbackTextSize: typography.fontSizeMedium,

package/es/common/components/resources/sessionItemResult/SessionItemResultsList/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, _SessionItemResultsList;
+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,41 +26,40 @@ import ImmutablePropTypes from 'react-immutable-proptypes';
 import { Heading } from '@instructure/ui-heading';
 import { jsx } from '@instructure/emotion';
 import t from '@instructure/quiz-i18n/es/format-message';
-import CustomPropTypes from "../../../../util/CustomPropTypes.js";
-import SessionItemResult from "../SessionItemResult/index.js";
-import ResultStimulus from "../ResultStimulus/index.js";
-import generateDisplayPositions from "../../../../util/generateDisplayPositions.js";
-import generateStyle from "./styles.js";
-import generateComponentTheme from "./theme.js";
+import CustomPropTypes from '../../../../util/CustomPropTypes';
+import SessionItemResult from '../SessionItemResult';
+import ResultStimulus from '../ResultStimulus';
+import generateDisplayPositions from '../../../../util/generateDisplayPositions';
+import generateStyle from './styles';
+import generateComponentTheme from './theme';
 import { withStyleOverrides } from '@instructure/quiz-common';
 export var SessionItemResultsList = (_dec = withStyleOverrides(generateStyle, generateComponentTheme), _dec(_class = (_SessionItemResultsList = /*#__PURE__*/function (_Component) {
-  _inherits(SessionItemResultsList, _Component);
-  var _super = _createSuper(SessionItemResultsList);
   function SessionItemResultsList() {
-    var _this;
+    var _this2;
     _classCallCheck(this, SessionItemResultsList);
     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.renderSessionItem = function (sessionItem, shouldRenderTopBorder) {
+    _this2 = _callSuper(this, SessionItemResultsList, [].concat(args));
+    _defineProperty(_this2, "renderSessionItem", function (sessionItem, shouldRenderTopBorder) {
       return jsx(SessionItemResult, {
-        appContainer: _this.props.appContainer,
+        appContainer: _this2.props.appContainer,
         key: sessionItem.id,
-        restrictQuantitativeData: _this.props.restrictQuantitativeData,
+        restrictQuantitativeData: _this2.props.restrictQuantitativeData,
         sessionItem: sessionItem,
         sessionItemResult: sessionItem.sessionItemResult,
         shouldRenderTopBorder: shouldRenderTopBorder
       });
-    };
-    _this.renderItems = function () {
-      return generateDisplayPositions(_this.props.sessionItems).map(function (si) {
-        return _this.renderItem(si.record);
+    });
+    _defineProperty(_this2, "renderItems", function () {
+      return generateDisplayPositions(_this2.props.sessionItems).map(function (si) {
+        return _this2.renderItem(si.record);
       });
-    };
-    return _this;
+    });
+    return _this2;
   }
-  _createClass(SessionItemResultsList, [{
+  _inherits(SessionItemResultsList, _Component);
+  return _createClass(SessionItemResultsList, [{
     key: "renderItem",
     value: function renderItem(sessionItem) {
       if (sessionItem.isStimulus) {
@@ -72,14 +87,12 @@ export var SessionItemResultsList = (_dec = withStyleOverrides(generateStyle, ge
       }, this.renderItems()));
     }
   }]);
-  SessionItemResultsList.displayName = "SessionItemResultsList";
-  return SessionItemResultsList;
-}(Component), _SessionItemResultsList.displayName = 'SessionItemResultsList', _SessionItemResultsList.componentId = "Quizzes".concat(_SessionItemResultsList.displayName), _SessionItemResultsList.propTypes = {
+}(Component), _defineProperty(_SessionItemResultsList, "displayName", 'SessionItemResultsList'), _defineProperty(_SessionItemResultsList, "componentId", "Quizzes".concat(_SessionItemResultsList.displayName)), _defineProperty(_SessionItemResultsList, "propTypes", {
   appContainer: CustomPropTypes.selectors.isRequired,
   restrictQuantitativeData: PropTypes.bool,
   sessionItems: ImmutablePropTypes.list.isRequired,
   styles: PropTypes.object
-}, _SessionItemResultsList.defaultProps = {
+}), _defineProperty(_SessionItemResultsList, "defaultProps", {
   restrictQuantitativeData: false
-}, _SessionItemResultsList)) || _class);
+}), _SessionItemResultsList)) || _class);
 export default SessionItemResultsList;

package/es/common/components/resources/sessionItemResult/SessionItemResultsList/theme.js

@@ -8,7 +8,7 @@ var generateComponentTheme = function generateComponentTheme(_ref) {
     sessionItemResultsListHeaderWrapperMarginLeftRight: spacing.large,
     sessionItemResultsListHeaderFontSize: typography.fontSizeXLarge,
     sessionItemResultsListMargin: spacing.xSmall,
-    sessionItemResultsListBorderColor: colors.tiara,
+    sessionItemResultsListBorderColor: colors.contrasts.grey1214,
     sessionItemResultsListBorderWidth: borders.widthSmall
   };
 };

package/es/common/components/resources/stimulus/Stimulus/index.js

@@ -1,9 +1,9 @@
 import { bindActionCreators } from 'redux';
-import { connect } from "../../../../react-redux.js";
-import { openDeleteStimulusModal } from "../../../../actions/modal.js";
-import { set } from "../../../../actions/ui.js";
-import { featureOn } from "../../../../../common/util/featureCheck.js";
-import WrappedStimulus from "./presenter.js";
+import { connect } from '../../../../react-redux';
+import { openDeleteStimulusModal } from '../../../../actions/modal';
+import { set } from '../../../../actions/ui';
+import { featureOn } from '../../../../../common/util/featureCheck';
+import WrappedStimulus from './presenter';
 var mapStateToProps = function mapStateToProps(state, props) {
   var dndPosition = state.getIn(['dragAndDrop', 'position']);
   var draggingAboveHalf = state.getIn(['dragAndDrop', 'aboveHalf'], false);

package/es/common/components/resources/stimulus/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, _Stimulus;
+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,38 +26,37 @@ import { DragSource } from 'react-dnd';
 import { List, Map } from 'immutable';
 import ImmutablePropTypes from 'react-immutable-proptypes';
 import { jsx } from '@instructure/emotion';
-import AddContentPopover from "../../quiz/AddContent/Popover/index.js";
-import StimulusEdit from "../StimulusEdit/index.js";
-import StimulusShow from "../StimulusShow/index.js";
-import DragAndDropZone from "../../../shared/drag_and_drop/DragAndDropZone/index.js";
-import { ItemTypes, dragSource, collectDrag } from "../../../../../common/components/shared/drag_and_drop/dragAndDropUtils.js";
-import wrapWithOutsideClickEmotion from "../../../shared/functionality/componentWithOutsideClickEmotion.js";
+import AddContentPopover from '../../quiz/AddContent/Popover';
+import StimulusEdit from '../StimulusEdit';
+import StimulusShow from '../StimulusShow';
+import DragAndDropZone from '../../../shared/drag_and_drop/DragAndDropZone';
+import { ItemTypes, dragSource, collectDrag } from '../../../../../common/components/shared/drag_and_drop/dragAndDropUtils';
+import wrapWithOutsideClickEmotion from '../../../shared/functionality/componentWithOutsideClickEmotion';
 import { DELETE_STIMULUS_DATA, withStyleOverrides } from '@instructure/quiz-common';
-import ConnectedQuizEntry from "../../../../../building/components/resources/quizEntry/QuizEntry/index.js";
-import generateStyle from "./styles.js";
-import generateComponentTheme from "./theme.js";
+import ConnectedQuizEntry from '../../../../../building/components/resources/quizEntry/QuizEntry';
+import generateStyle from './styles';
+import generateComponentTheme from './theme';
 export var Stimulus = (_dec = withStyleOverrides(generateStyle, generateComponentTheme), _dec(_class = (_Stimulus = /*#__PURE__*/function (_Component) {
-  _inherits(Stimulus, _Component);
-  var _super = _createSuper(Stimulus);
   function Stimulus() {
-    var _this;
+    var _this2;
     _classCallCheck(this, Stimulus);
     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.openDeleteStimulusModal = function () {
+    _this2 = _callSuper(this, Stimulus, [].concat(args));
+    _defineProperty(_this2, "openDeleteStimulusModal", function () {
       var uiData = Map({
-        quizId: _this.props.quizId,
-        stimulusEntry: _this.props.quizEntry,
-        childEntries: _this.props.childEntries
+        quizId: _this2.props.quizId,
+        stimulusEntry: _this2.props.quizEntry,
+        childEntries: _this2.props.childEntries
       });
-      _this.props.setUi(DELETE_STIMULUS_DATA, uiData);
-      _this.props.openDeleteStimulusModal();
-    };
-    return _this;
+      _this2.props.setUi(DELETE_STIMULUS_DATA, uiData);
+      _this2.props.openDeleteStimulusModal();
+    });
+    return _this2;
   }
-  _createClass(Stimulus, [{
+  _inherits(Stimulus, _Component);
+  return _createClass(Stimulus, [{
     key: "componentDidMount",
     value: function componentDidMount() {
       this.props.makeStyles();
@@ -75,23 +90,23 @@ export var Stimulus = (_dec = withStyleOverrides(generateStyle, generateComponen
   }, {
     key: "renderChildQuizEntries",
     value: function renderChildQuizEntries() {
-      var _this2 = this;
+      var _this3 = this;
       var nextDisplayPosition = this.props.displayPosition;
       return this.props.childEntries.toArray().map(function (childEntry, idx) {
         var displayPosition = nextDisplayPosition;
         nextDisplayPosition += childEntry.displayPositionSlots;
         return jsx("div", {
-          css: _this2.props.styles.quizEntryWrapper,
+          css: _this3.props.styles.quizEntryWrapper,
           key: childEntry.id
-        }, jsx(ConnectedQuizEntry, Object.assign({}, _this2.props.propsForQuizEntry(childEntry, displayPosition), {
-          stimulusOrientation: _this2.props.stimulusOrientationEnabled ? _this2.props.stimulus.orientation : null
-        })), !_this2.props.draggingOnBuild && !_this2.isQuizContentLocked() && jsx(AddContentPopover, {
+        }, jsx(ConnectedQuizEntry, Object.assign({}, _this3.props.propsForQuizEntry(childEntry, displayPosition), {
+          stimulusOrientation: _this3.props.stimulusOrientationEnabled ? _this3.props.stimulus.orientation : null
+        })), !_this3.props.draggingOnBuild && !_this3.isQuizContentLocked() && jsx(AddContentPopover, {
           allowStimulusCreation: false,
-          stimulusId: _this2.props.stimulus.id,
-          parentEntryId: _this2.props.quizEntry.id,
-          quizId: _this2.props.quizId,
+          stimulusId: _this3.props.stimulus.id,
+          parentEntryId: _this3.props.quizEntry.id,
+          quizId: _this3.props.quizId,
           position: childEntry.position + 1,
-          useStimulusTrigger: idx + 1 === _this2.props.childEntries.size
+          useStimulusTrigger: idx + 1 === _this3.props.childEntries.size
         }));
       });
     }
@@ -165,9 +180,7 @@ export var Stimulus = (_dec = withStyleOverrides(generateStyle, generateComponen
       }))));
     }
   }]);
-  Stimulus.displayName = "Stimulus";
-  return Stimulus;
-}(Component), _Stimulus.displayName = 'Stimulus', _Stimulus.componentId = "Quizzes".concat(_Stimulus.displayName), _Stimulus.propTypes = {
+}(Component), _defineProperty(_Stimulus, "displayName", 'Stimulus'), _defineProperty(_Stimulus, "componentId", "Quizzes".concat(_Stimulus.displayName)), _defineProperty(_Stimulus, "propTypes", {
   bankEntryWarningWrapperProps: PropTypes.func,
   childEntries: ImmutablePropTypes.listOf(ImmutablePropTypes.record).isRequired,
   connectDragPreview: PropTypes.func.isRequired,
@@ -199,7 +212,7 @@ export var Stimulus = (_dec = withStyleOverrides(generateStyle, generateComponen
   stimulusOrientationEnabled: PropTypes.bool.isRequired,
   makeStyles: PropTypes.func,
   styles: PropTypes.object
-}, _Stimulus.defaultProps = {
+}), _defineProperty(_Stimulus, "defaultProps", {
   bankEntryWarningWrapperProps: function bankEntryWarningWrapperProps() {},
   childEntries: List([]),
   dndRef: function dndRef() {},
@@ -213,5 +226,5 @@ export var Stimulus = (_dec = withStyleOverrides(generateStyle, generateComponen
   onEditStimulusToggle: function onEditStimulusToggle() {},
   scrollKey: '',
   isContentLockedByBlueprint: false
-}, _Stimulus)) || _class);
+}), _Stimulus)) || _class);
 export default DragSource(ItemTypes.QUIZ_ENTRY, dragSource, collectDrag)(wrapWithOutsideClickEmotion(Stimulus));

package/es/common/components/resources/stimulus/Stimulus/styles.js

@@ -1,5 +1,6 @@
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import _objectSpread from "@babel/runtime/helpers/esm/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) { _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; }
 import { LEFT } from '@instructure/quiz-common';
 var generateStyle = function generateStyle(componentTheme, props) {
   var mp = '@media print';

package/es/common/components/resources/stimulus/Stimulus/theme.js

@@ -6,7 +6,7 @@ var generateComponentTheme = function generateComponentTheme(_ref) {
   return {
     leftPanelPadding: spacing.xxSmall,
     leftPanelBorderWidth: borders.widthSmall,
-    leftPanelBorderColor: colors.tiara,
+    leftPanelBorderColor: colors.contrasts.grey1214,
     rightPanelPadding: spacing.xSmall,
     dragAndDropHandleZIndex: '3333',
     dragAndDropHandleFontSize: typography.fontSizeMedium,

package/es/common/components/resources/stimulus/StimulusEdit/index.js

@@ -1,16 +1,16 @@
 import { bindActionCreators } from 'redux';
 import { Map } from 'immutable';
-import { connect } from "../../../../react-redux.js";
-import * as modificationActions from "../../../../actions/modifications.js";
-import * as quizEntriesApiActions from "../../../../../building/api/quizEntries.js";
-import * as stimuliApiActions from "../../../../../building/api/stimuli.js";
-import * as uiActions from "../../../../actions/ui.js";
-import * as alertActions from "../../../../actions/alerts.js";
-import * as errorsShowingActions from "../../../../actions/errorsShowing.js";
-import * as modalActions from "../../../../../common/actions/modal.js";
-import { uploadStatus } from "../../../../actions/upload.js";
+import { connect } from '../../../../react-redux';
+import * as modificationActions from '../../../../actions/modifications';
+import * as quizEntriesApiActions from '../../../../../building/api/quizEntries';
+import * as stimuliApiActions from '../../../../../building/api/stimuli';
+import * as uiActions from '../../../../actions/ui';
+import * as alertActions from '../../../../actions/alerts';
+import * as errorsShowingActions from '../../../../actions/errorsShowing';
+import * as modalActions from '../../../../../common/actions/modal';
+import { uploadStatus } from '../../../../actions/upload';
 import { ADD_CONTENT_POPOVER_KEY } from '@instructure/quiz-common';
-import WrappedStimulusEdit from "./presenter.js";
+import WrappedStimulusEdit from './presenter';
 function mapStateToProps(state, props) {
   var addContentPopoverOpen = state.get('editing', Map()).find(function (isEditing, key) {
     return isEditing && key.includes(ADD_CONTENT_POPOVER_KEY);