@instructure/quiz-core 22.14.1 → 22.15.1

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

@@ -1,409 +1,563 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = exports.QuizEntry = void 0;
-var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-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 _propTypes = _interopRequireDefault(require("prop-types"));
-var _immutable = require("immutable");
-var _reactImmutableProptypes = _interopRequireDefault(require("react-immutable-proptypes"));
-var _pick = _interopRequireDefault(require("lodash/pick"));
-var _partial = _interopRequireDefault(require("lodash/partial"));
-var _reactDom = _interopRequireDefault(require("react-dom"));
-var _emotion = require("@instructure/emotion");
-var _formatMessage = _interopRequireDefault(require("@instructure/quiz-i18n/format-message"));
-var _WarningWrapper = _interopRequireDefault(require("../../../../../common/components/resources/WarningWrapper"));
-var _warningHelpers = require("../../../../../common/util/warningHelpers");
-var _QuizEntry2 = _interopRequireDefault(require("../../../../../common/records/QuizEntry"));
-var _QuizEntryBankShow = _interopRequireDefault(require("../QuizEntryBank/QuizEntryBankShow"));
-var _QuizEntryBankEdit = _interopRequireDefault(require("../QuizEntryBank/QuizEntryBankEdit"));
-var _ItemEdit = _interopRequireDefault(require("../../../../../common/components/resources/item/ItemEdit"));
-var _ItemShow = _interopRequireDefault(require("../../../../../common/components/resources/item/ItemShow"));
-var _ItemOverride = _interopRequireDefault(require("../../../../../common/components/resources/item/ItemOverride"));
-var _AddToBankOptions = _interopRequireDefault(require("../../AddToBankOptions"));
-var _TagDisplay = _interopRequireDefault(require("../../../../../common/components/shared/TagDisplay"));
-var _Item = _interopRequireDefault(require("../../../../../common/records/Item"));
-var _quizCommon = require("@instructure/quiz-common");
-var _QuizEntryShow = _interopRequireDefault(require("../QuizEntryShow"));
-var _QuizEntryEdit = _interopRequireDefault(require("../QuizEntryEdit"));
-var _Stimulus = _interopRequireDefault(require("../../../../../common/components/resources/stimulus/Stimulus"));
-var _styles = _interopRequireDefault(require("./styles"));
-var _theme = _interopRequireDefault(require("./theme"));
-var _dec, _class, _QuizEntry;
-/** @jsx jsx */
-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; }
-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));
+/** @jsx jsx */ function _array_like_to_array(arr, len) {
+    if (len == null || len > arr.length) len = arr.length;
+    for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
+    return arr2;
 }
-var QuizEntry = exports.QuizEntry = (_dec = (0, _quizCommon.withStyleOverrides)(_styles["default"], _theme["default"]), _dec(_class = (_QuizEntry = /*#__PURE__*/function (_Component) {
-  function QuizEntry() {
-    var _this2;
-    (0, _classCallCheck2["default"])(this, QuizEntry);
-    for (var _len = arguments.length, _args = new Array(_len), _key = 0; _key < _len; _key++) {
-      _args[_key] = arguments[_key];
-    }
-    _this2 = _callSuper(this, QuizEntry, [].concat(_args));
-    (0, _defineProperty2["default"])(_this2, "itemOverrideTypes", function () {
-      return ['choice'].concat((0, _toConsumableArray2["default"])(_this2.props.partialScoringEnabled ? ['multi-answer'] : []), (0, _toConsumableArray2["default"])(_this2.props.partialDeepScoringEnabled ? ['matching'] : []));
-    });
-    (0, _defineProperty2["default"])(_this2, "openRegradeModal", function () {
-      if (_this2.props.regradingOn) {
-        _this2.props.openModal(_quizCommon.REGRADE_MODAL);
-      }
-    });
-    (0, _defineProperty2["default"])(_this2, "renderItemBankingOptions", function () {
-      return (0, _emotion.jsx)(_AddToBankOptions["default"], {
-        displayPosition: _this2.props.displayPosition,
-        entryType: _this2.props.quizEntry.entryType,
-        focusFirstErrorField: _this2.focusFirstErrorField,
-        guid: _this2.props.guid,
-        isValid: _this2.props.workingEntry.isValid(),
-        openModal: _this2.props.openModal,
-        screenreaderNotification: _this2.props.screenreaderNotification,
-        showError: _this2.props.showError,
-        "data-automation": "sdk-item-banking-options"
-      });
-    });
-    (0, _defineProperty2["default"])(_this2, "storeDndComponentRef", function (node) {
-      _this2.dndComponent = node;
-    });
-    (0, _defineProperty2["default"])(_this2, "handleQuizEntryPointsChange", function (points) {
-      _this2.props.changeQuizEntryPoints(_this2.props.quizEntry.id, points);
-    });
-    (0, _defineProperty2["default"])(_this2, "handleRef", function (node) {
-      _this2.itemEditArea = node;
-    });
-    (0, _defineProperty2["default"])(_this2, "focusFirstErrorField", function () {
-      if (_this2.itemEditArea) {
-        var editArea = _reactDom["default"].findDOMNode(_this2.itemEditArea);
-        var firstErrorField = editArea === null || editArea === void 0 ? void 0 : editArea.querySelector('[aria-invalid="true"]');
-        firstErrorField && firstErrorField.focus();
-      }
-    });
-    (0, _defineProperty2["default"])(_this2, "renderPrintableItemBankSample", function (sampleItem, index) {
-      var quizEntry = _QuizEntry2["default"].create(sampleItem.toObject());
-      var entryMutable = quizEntry.entry.toJS();
-      var item = _Item["default"].create(entryMutable);
-      var overrideProps = _objectSpread(_objectSpread({}, _this2.props), {}, {
-        quizEntry: quizEntry,
-        entry: item,
-        displayPosition: _this2.props.displayPosition + index,
-        interactionTypeName: entryMutable.interactionType.name
-      });
-      return (0, _emotion.jsx)("div", {
-        key: index,
-        css: _this2.props.styles.sampleItems
-      }, (0, _emotion.jsx)(_QuizEntryShow["default"], overrideProps, (0, _emotion.jsx)(_ItemShow["default"], _this2.propsForItem(item))));
-    });
-    (0, _defineProperty2["default"])(_this2, "bankEntryWarningWrapperProps", function () {
-      if (_this2.props.quizEntry.entryEditable) {
-        var _this2$props$entry;
-        var isPassage = (_this2$props$entry = _this2.props.entry) === null || _this2$props$entry === void 0 ? void 0 : _this2$props$entry.passage;
-        var propsFunc = _this2.props.quizEntry.hasStimulus ? function () {
-          for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
-            args[_key2] = arguments[_key2];
-          }
-          return _warningHelpers.propsForStimulusBankEntryEditPrompt.apply(void 0, [isPassage].concat(args));
-        } : _warningHelpers.propsForItemBankEntryEditPrompt;
-        return propsFunc(_this2.isEditing(), _this2.props.switchOffEditing, function () {
-          var bankEntry = _this2.props.quizEntry.getEntry();
-          _this2.props.setUi(_quizCommon.BUILD_TRAY_OPEN, true);
-          _this2.props.newActiveBankEntry(bankEntry.id, bankEntry.bankId);
-          _this2.props.newActiveBank(bankEntry.bankId);
-          _this2.props.switchOffEditing();
-        });
-      }
-      return (0, _warningHelpers.propsForBankEntryUnauthorizedEdit)(_this2.isEditing());
-    });
-    return _this2;
-  }
-  (0, _inherits2["default"])(QuizEntry, _Component);
-  return (0, _createClass2["default"])(QuizEntry, [{
-    key: "additionalEditOptions",
-    value: function additionalEditOptions(item) {
-      var options = [];
-      if (this.props.quizEntry.entryType === 'Item') {
-        options.push({
-          key: 'banks',
-          title: (0, _formatMessage["default"])('Item Banking'),
-          component: this.renderItemBankingOptions()
-        });
-      }
-      return options;
-    }
-  }, {
-    key: "propsForItem",
-    value: function propsForItem() {
-      var customItem = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
-      var item = customItem || this.props.entry;
-      return {
-        additionalOptions: this.additionalEditOptions(item),
-        entry: item,
-        guid: customItem ? customItem.id : this.props.guid,
-        handleQuizEntryPointsChange: this.handleQuizEntryPointsChange,
-        parentId: this.props.quizId,
-        parentType: _quizCommon.PARENT_TYPE_QUIZ,
-        switchOffEditing: this.props.switchOffEditing,
-        switchOnEditing: this.props.switchOnEditing,
-        title: item.title,
-        initialFocusId: this.props.initialFocusId,
-        validationErrorsFromApi: this.props.validationErrorsFromApi,
-        clearValidationErrorsFromApi: this.props.clearValidationErrorsFromApi,
-        separatorConfig: this.props.separatorConfig
-      };
-    }
-  }, {
-    key: "quizEntryProps",
-    value: function quizEntryProps() {
-      var entry = this.props.entry;
-      return Object.assign({
-        entry: entry,
-        openRegradeModal: this.openRegradeModal,
-        name: entry.getInteractionType().name,
-        initialFocusId: this.props.initialFocusId,
-        handleValidationErrorsFromApi: this.props.handleValidationErrorsFromApi,
-        clearValidationErrorsFromApi: this.props.clearValidationErrorsFromApi,
-        haveValidationErrorsFromApi: Boolean(Object.values(this.props.validationErrorsFromApi).length),
-        itemEditArea: this.itemEditArea
-      }, (0, _pick["default"])(this.props, ['displayPosition', 'guid', 'draggingOnBuild', 'newHoverPosition', 'quizEntry', 'quizEntries', 'quizId', 'isContentLockedByBlueprint', 'setUi', 'switchOffEditing', 'switchOnEditing', 'shouldClone', 'scrollKey', 'editQuizEntryToggle', 'onEditQuizEntryToggle', 'stimulusOrientation']));
+function _array_without_holes(arr) {
+    if (Array.isArray(arr)) return _array_like_to_array(arr);
+}
+function _assert_this_initialized(self) {
+    if (self === void 0) {
+        throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
     }
-  }, {
-    key: "isEditing",
-    value: function isEditing() {
-      var isTemporary = this.props.entry.isTemporary && this.props.entry.isTemporary();
-      return this.props.isEditing || isTemporary;
+    return self;
+}
+function _call_super(_this, derived, args) {
+    derived = _get_prototype_of(derived);
+    return _possible_constructor_return(_this, _is_native_reflect_construct() ? Reflect.construct(derived, args || [], _get_prototype_of(_this).constructor) : derived.apply(_this, args));
+}
+function _class_call_check(instance, Constructor) {
+    if (!(instance instanceof Constructor)) {
+        throw new TypeError("Cannot call a class as a function");
     }
-  }, {
-    key: "renderItem",
-    value: function renderItem() {
-      var isEditing = this.isEditing();
-      var _this$props = this.props,
-        entry = _this$props.entry,
-        shouldClone = _this$props.shouldClone,
-        quizEntry = _this$props.quizEntry;
-      var QuizEntryComponent = isEditing ? _QuizEntryEdit["default"] : _QuizEntryShow["default"];
-      var ItemComponent = isEditing && (!entry.isImmutable() || shouldClone) ? _ItemEdit["default"] : _ItemShow["default"];
-      var itemProps = this.propsForItem();
-      var quizEntryProps = this.quizEntryProps();
-      var propsForWrapperFunc = quizEntry.isArchivedBankEntry ? _warningHelpers.propsForBankEntryVersioningWrapper : _warningHelpers.propsForItemVersioningWrapper;
-      var propsForItemVersioning = propsForWrapperFunc(entry.isImmutable() || quizEntry.isArchivedBankEntry, shouldClone, (0, _partial["default"])(this.props.setUi, _quizCommon.SHOULD_CLONE_ITEM), this.props.switchOffEditing, isEditing, quizEntry.isArchivedBankEntry ? 'info' : 'warning');
-      return (0, _emotion.jsx)(QuizEntryComponent, quizEntryProps, (0, _emotion.jsx)(_WarningWrapper["default"], propsForItemVersioning, (0, _emotion.jsx)(ItemComponent, itemProps)));
+}
+function _defineProperties(target, props) {
+    for(var i = 0; i < props.length; i++){
+        var descriptor = props[i];
+        descriptor.enumerable = descriptor.enumerable || false;
+        descriptor.configurable = true;
+        if ("value" in descriptor) descriptor.writable = true;
+        Object.defineProperty(target, descriptor.key, descriptor);
     }
-  }, {
-    key: "renderBank",
-    value: function renderBank() {
-      var QuizEntryComponent = this.props.isEditing ? _QuizEntryEdit["default"] : _QuizEntryShow["default"];
-      var QuizEntryBankComponent = this.props.isEditing ? _QuizEntryBankEdit["default"] : _QuizEntryBankShow["default"];
-      var bank = this.props.workingQuizEntry.getEntry();
-      var bankProps = {
-        title: bank.title,
-        entry: bank,
-        name: bank.title
-      };
-      var sampleItems = this.props.quizEntry.sampleItems;
-      return (0, _emotion.jsx)("div", null, (0, _emotion.jsx)("div", {
-        css: this.props.styles.bankItem
-      }, (0, _emotion.jsx)(QuizEntryComponent, Object.assign({}, this.props, bankProps), (0, _emotion.jsx)(QuizEntryBankComponent, Object.assign({}, this.props, bankProps)))), sampleItems.map(this.renderPrintableItemBankSample));
+}
+function _create_class(Constructor, protoProps, staticProps) {
+    if (protoProps) _defineProperties(Constructor.prototype, protoProps);
+    if (staticProps) _defineProperties(Constructor, staticProps);
+    return Constructor;
+}
+function _define_property(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
     }
-  }, {
-    key: "isOverridable",
-    value: function isOverridable() {
-      if (typeof this.props.entry.getInteractionType !== 'function') return false;
-      return this.itemOverrideTypes().includes(this.props.entry.getInteractionType().slug);
+    return obj;
+}
+function _get_prototype_of(o) {
+    _get_prototype_of = Object.setPrototypeOf ? Object.getPrototypeOf : function getPrototypeOf(o) {
+        return o.__proto__ || Object.getPrototypeOf(o);
+    };
+    return _get_prototype_of(o);
+}
+function _inherits(subClass, superClass) {
+    if (typeof superClass !== "function" && superClass !== null) {
+        throw new TypeError("Super expression must either be null or a function");
     }
-  }, {
-    key: "isOverriding",
-    value: function isOverriding() {
-      return this.isOverridable() && this.isEditing();
+    subClass.prototype = Object.create(superClass && superClass.prototype, {
+        constructor: {
+            value: subClass,
+            writable: true,
+            configurable: true
+        }
+    });
+    if (superClass) _set_prototype_of(subClass, superClass);
+}
+function _iterable_to_array(iter) {
+    if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
+}
+function _non_iterable_spread() {
+    throw new TypeError("Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
+function _object_spread(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = arguments[i] != null ? arguments[i] : {};
+        var ownKeys = Object.keys(source);
+        if (typeof Object.getOwnPropertySymbols === "function") {
+            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+            }));
+        }
+        ownKeys.forEach(function(key) {
+            _define_property(target, key, source[key]);
+        });
     }
-  }, {
-    key: "renderBankEntry",
-    value: function renderBankEntry() {
-      var bankEntryWarningWrapperProps = this.bankEntryWarningWrapperProps();
-      if (this.props.quizEntry.hasStimulus) {
-        return this.renderStimulus(this.bankEntryWarningWrapperProps);
-      }
-      var overrideProps = {
-        title: this.props.entry.title,
-        isBankedContent: true
-      };
-      var quizEntryProps = Object.assign({}, this.props, overrideProps);
-      var QuizEntryComponent = this.isEditing() ? _QuizEntryEdit["default"] : _QuizEntryShow["default"];
-      var itemProps = this.propsForItem();
-      var mergedItem = this.isEditing() ? this.props.workingQuizEntry.getItem() : itemProps.entry;
-      var ItemComponent = this.isOverriding() ? _ItemOverride["default"] : _ItemShow["default"];
-      return (0, _emotion.jsx)(QuizEntryComponent, quizEntryProps, (0, _emotion.jsx)(_WarningWrapper["default"], Object.assign({}, bankEntryWarningWrapperProps, {
-        disableChildren: this.isEditing() && !this.isOverridable()
-      }), (0, _emotion.jsx)(ItemComponent, Object.assign({}, itemProps, {
-        entry: mergedItem,
-        quizEntry: this.props.quizEntry
-      }))), this.renderFooter());
+    return target;
+}
+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);
     }
-  }, {
-    key: "renderStimulus",
-    value: function renderStimulus(bankEntryWarningWrapperProps) {
-      return (0, _emotion.jsx)(_Stimulus["default"], {
-        bankEntryWarningWrapperProps: bankEntryWarningWrapperProps,
-        childEntries: this.props.childEntries,
-        displayPosition: this.props.displayPosition,
-        dndRef: this.storeDndComponentRef,
-        guid: this.props.guid,
-        isBankedContent: bankEntryWarningWrapperProps !== void 0,
-        isContentLockedByBlueprint: this.props.isContentLockedByBlueprint,
-        isEditing: this.isEditing(),
-        draggingOnBuild: this.props.draggingOnBuild,
-        newHoverPosition: this.props.newHoverPosition // used for DnD
-        ,
-        propsForQuizEntry: this.props.propsForQuizEntry,
-        quizEntry: this.props.quizEntry,
-        quizEntries: this.props.quizEntries,
-        quizId: this.props.quizId,
-        scrollKey: this.props.scrollKey,
-        shouldClone: this.props.shouldClone,
-        stimulus: this.props.entry,
-        switchOnEditing: this.props.switchOnEditing,
-        switchOffEditing: this.props.switchOffEditing,
-        editStimulusToggle: this.props.editQuizEntryToggle,
-        onEditStimulusToggle: this.props.onEditQuizEntryToggle
-      });
+    return keys;
+}
+function _object_spread_props(target, source) {
+    source = source != null ? source : {};
+    if (Object.getOwnPropertyDescriptors) {
+        Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
+    } else {
+        ownKeys(Object(source)).forEach(function(key) {
+            Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+        });
     }
-  }, {
-    key: "renderTags",
-    value: function renderTags() {
-      return (0, _emotion.jsx)(_TagDisplay["default"], {
-        tagAssociations: this.props.tagAssociations
-      });
+    return target;
+}
+function _possible_constructor_return(self, call) {
+    if (call && (_type_of(call) === "object" || typeof call === "function")) {
+        return call;
     }
-  }, {
-    key: "renderFooter",
-    value: function renderFooter() {
-      if (!this.props.useBankTags) {
-        return null;
-      }
-
-      // Footer currently only contains tags, so don't render if no tags
-      if (this.props.tagAssociations == null || this.props.tagAssociations.isEmpty()) {
-        return null;
-      }
-      return (0, _emotion.jsx)("div", {
-        css: this.props.styles.footer
-      }, this.renderTags());
+    return _assert_this_initialized(self);
+}
+function _set_prototype_of(o, p) {
+    _set_prototype_of = Object.setPrototypeOf || function setPrototypeOf(o, p) {
+        o.__proto__ = p;
+        return o;
+    };
+    return _set_prototype_of(o, p);
+}
+function _to_consumable_array(arr) {
+    return _array_without_holes(arr) || _iterable_to_array(arr) || _unsupported_iterable_to_array(arr) || _non_iterable_spread();
+}
+function _type_of(obj) {
+    "@swc/helpers - typeof";
+    return obj && typeof Symbol !== "undefined" && obj.constructor === Symbol ? "symbol" : typeof obj;
+}
+function _unsupported_iterable_to_array(o, minLen) {
+    if (!o) return;
+    if (typeof o === "string") return _array_like_to_array(o, minLen);
+    var n = Object.prototype.toString.call(o).slice(8, -1);
+    if (n === "Object" && o.constructor) n = o.constructor.name;
+    if (n === "Map" || n === "Set") return Array.from(n);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen);
+}
+function _is_native_reflect_construct() {
+    try {
+        var result = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function() {}));
+    } catch (_) {}
+    return (_is_native_reflect_construct = function() {
+        return !!result;
+    })();
+}
+function _ts_decorate(decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for(var i = decorators.length - 1; i >= 0; i--)if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+}
+import { Component } from 'react';
+import PropTypes from 'prop-types';
+import { List } from 'immutable';
+import ImmutablePropTypes from 'react-immutable-proptypes';
+import pick from 'lodash/pick';
+import partial from 'lodash/partial';
+import ReactDOM from 'react-dom';
+import { jsx } from '@instructure/emotion';
+import t from '@instructure/quiz-i18n/format-message';
+import WarningWrapper from '../../../../../common/components/resources/WarningWrapper';
+import { propsForItemBankEntryEditPrompt, propsForStimulusBankEntryEditPrompt, propsForBankEntryUnauthorizedEdit, propsForItemVersioningWrapper, propsForBankEntryVersioningWrapper } from '../../../../../common/util/warningHelpers';
+import QuizEntryRecord from '../../../../../common/records/QuizEntry';
+import QuizEntryBankShow from '../QuizEntryBank/QuizEntryBankShow';
+import QuizEntryBankEdit from '../QuizEntryBank/QuizEntryBankEdit';
+import ItemEdit from '../../../../../common/components/resources/item/ItemEdit';
+import ItemShow from '../../../../../common/components/resources/item/ItemShow';
+import ItemOverride from '../../../../../common/components/resources/item/ItemOverride';
+import AddToBankOptions from '../../AddToBankOptions';
+import TagDisplay from '../../../../../common/components/shared/TagDisplay';
+import Item from '../../../../../common/records/Item';
+import { BUILD_TRAY_OPEN, PARENT_TYPE_QUIZ, REGRADE_MODAL, SHOULD_CLONE_ITEM, withStyleOverrides } from '@instructure/quiz-common';
+import QuizEntryShow from '../QuizEntryShow';
+import QuizEntryEdit from '../QuizEntryEdit';
+import Stimulus from '../../../../../common/components/resources/stimulus/Stimulus';
+import generateStyle from './styles';
+import generateComponentTheme from './theme';
+export var QuizEntry = /*#__PURE__*/ function(Component) {
+    "use strict";
+    _inherits(QuizEntry, Component);
+    function QuizEntry() {
+        _class_call_check(this, QuizEntry);
+        var _this;
+        _this = _call_super(this, QuizEntry, arguments), _define_property(_this, "itemOverrideTypes", function() {
+            return [
+                'choice'
+            ].concat(_to_consumable_array(_this.props.partialScoringEnabled ? [
+                'multi-answer'
+            ] : []), _to_consumable_array(_this.props.partialDeepScoringEnabled ? [
+                'matching'
+            ] : []));
+        }), _define_property(_this, "openRegradeModal", function() {
+            if (_this.props.regradingOn) {
+                _this.props.openModal(REGRADE_MODAL);
+            }
+        }), _define_property(_this, "renderItemBankingOptions", function() {
+            return /*#__PURE__*/ jsx(AddToBankOptions, {
+                displayPosition: _this.props.displayPosition,
+                entryType: _this.props.quizEntry.entryType,
+                focusFirstErrorField: _this.focusFirstErrorField,
+                guid: _this.props.guid,
+                isValid: _this.props.workingEntry.isValid(),
+                openModal: _this.props.openModal,
+                screenreaderNotification: _this.props.screenreaderNotification,
+                showError: _this.props.showError,
+                "data-automation": "sdk-item-banking-options"
+            });
+        }), _define_property(_this, "storeDndComponentRef", function(node) {
+            _this.dndComponent = node;
+        }), _define_property(_this, "handleQuizEntryPointsChange", function(points) {
+            _this.props.changeQuizEntryPoints(_this.props.quizEntry.id, points);
+        }), _define_property(_this, "handleRef", function(node) {
+            _this.itemEditArea = node;
+        }), _define_property(_this, "focusFirstErrorField", function() {
+            if (_this.itemEditArea) {
+                var editArea = ReactDOM.findDOMNode(_this.itemEditArea);
+                var firstErrorField = editArea === null || editArea === void 0 ? void 0 : editArea.querySelector('[aria-invalid="true"]');
+                firstErrorField && firstErrorField.focus();
+            }
+        }), _define_property(_this, "renderPrintableItemBankSample", function(sampleItem, index) {
+            var quizEntry = QuizEntryRecord.create(sampleItem.toObject());
+            var entryMutable = quizEntry.entry.toJS();
+            var item = Item.create(entryMutable);
+            var overrideProps = _object_spread_props(_object_spread({}, _this.props), {
+                quizEntry: quizEntry,
+                entry: item,
+                displayPosition: _this.props.displayPosition + index,
+                interactionTypeName: entryMutable.interactionType.name
+            });
+            return /*#__PURE__*/ jsx("div", {
+                key: index,
+                css: _this.props.styles.sampleItems
+            }, /*#__PURE__*/ jsx(QuizEntryShow, overrideProps, /*#__PURE__*/ jsx(ItemShow, _this.propsForItem(item))));
+        }), _define_property(_this, "bankEntryWarningWrapperProps", function() {
+            if (_this.props.quizEntry.entryEditable) {
+                var _this_props_entry;
+                var isPassage = (_this_props_entry = _this.props.entry) === null || _this_props_entry === void 0 ? void 0 : _this_props_entry.passage;
+                var propsFunc = _this.props.quizEntry.hasStimulus ? function() {
+                    for(var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++){
+                        args[_key] = arguments[_key];
+                    }
+                    return propsForStimulusBankEntryEditPrompt.apply(void 0, [
+                        isPassage
+                    ].concat(_to_consumable_array(args)));
+                } : propsForItemBankEntryEditPrompt;
+                return propsFunc(_this.isEditing(), _this.props.switchOffEditing, function() {
+                    var bankEntry = _this.props.quizEntry.getEntry();
+                    _this.props.setUi(BUILD_TRAY_OPEN, true);
+                    _this.props.newActiveBankEntry(bankEntry.id, bankEntry.bankId);
+                    _this.props.newActiveBank(bankEntry.bankId);
+                    _this.props.switchOffEditing();
+                });
+            }
+            return propsForBankEntryUnauthorizedEdit(_this.isEditing());
+        });
+        return _this;
     }
-  }, {
-    key: "renderQuizEntryByType",
-    value: function renderQuizEntryByType() {
-      if (this.props.quizEntry.isArchivedBankEntry) {
-        if (this.props.quizEntry.hasStimulus) {
-          return this.renderStimulus();
-        } else {
-          return this.renderItem();
+    _create_class(QuizEntry, [
+        {
+            key: "additionalEditOptions",
+            value: function additionalEditOptions(item) {
+                var options = [];
+                if (this.props.quizEntry.entryType === 'Item') {
+                    options.push({
+                        key: 'banks',
+                        title: t('Item Banking'),
+                        component: this.renderItemBankingOptions()
+                    });
+                }
+                return options;
+            }
+        },
+        {
+            key: "propsForItem",
+            value: function propsForItem() {
+                var customItem = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : null;
+                var item = customItem || this.props.entry;
+                return {
+                    additionalOptions: this.additionalEditOptions(item),
+                    entry: item,
+                    guid: customItem ? customItem.id : this.props.guid,
+                    handleQuizEntryPointsChange: this.handleQuizEntryPointsChange,
+                    parentId: this.props.quizId,
+                    parentType: PARENT_TYPE_QUIZ,
+                    switchOffEditing: this.props.switchOffEditing,
+                    switchOnEditing: this.props.switchOnEditing,
+                    title: item.title,
+                    initialFocusId: this.props.initialFocusId,
+                    validationErrorsFromApi: this.props.validationErrorsFromApi,
+                    clearValidationErrorsFromApi: this.props.clearValidationErrorsFromApi,
+                    separatorConfig: this.props.separatorConfig
+                };
+            }
+        },
+        {
+            key: "quizEntryProps",
+            value: function quizEntryProps() {
+                var entry = this.props.entry;
+                return Object.assign({
+                    entry: entry,
+                    openRegradeModal: this.openRegradeModal,
+                    name: entry.getInteractionType().name,
+                    initialFocusId: this.props.initialFocusId,
+                    handleValidationErrorsFromApi: this.props.handleValidationErrorsFromApi,
+                    clearValidationErrorsFromApi: this.props.clearValidationErrorsFromApi,
+                    haveValidationErrorsFromApi: Boolean(Object.values(this.props.validationErrorsFromApi).length),
+                    itemEditArea: this.itemEditArea
+                }, pick(this.props, [
+                    'displayPosition',
+                    'guid',
+                    'draggingOnBuild',
+                    'newHoverPosition',
+                    'quizEntry',
+                    'quizEntries',
+                    'quizId',
+                    'isContentLockedByBlueprint',
+                    'setUi',
+                    'switchOffEditing',
+                    'switchOnEditing',
+                    'shouldClone',
+                    'scrollKey',
+                    'editQuizEntryToggle',
+                    'onEditQuizEntryToggle',
+                    'stimulusOrientation'
+                ]));
+            }
+        },
+        {
+            key: "isEditing",
+            value: function isEditing() {
+                var isTemporary = this.props.entry.isTemporary && this.props.entry.isTemporary();
+                return this.props.isEditing || isTemporary;
+            }
+        },
+        {
+            key: "renderItem",
+            value: function renderItem() {
+                var isEditing = this.isEditing();
+                var _this_props = this.props, entry = _this_props.entry, shouldClone = _this_props.shouldClone, quizEntry = _this_props.quizEntry;
+                var QuizEntryComponent = isEditing ? QuizEntryEdit : QuizEntryShow;
+                var ItemComponent = isEditing && (!entry.isImmutable() || shouldClone) ? ItemEdit : ItemShow;
+                var itemProps = this.propsForItem();
+                var quizEntryProps = this.quizEntryProps();
+                var propsForWrapperFunc = quizEntry.isArchivedBankEntry ? propsForBankEntryVersioningWrapper : propsForItemVersioningWrapper;
+                var propsForItemVersioning = propsForWrapperFunc(entry.isImmutable() || quizEntry.isArchivedBankEntry, shouldClone, partial(this.props.setUi, SHOULD_CLONE_ITEM), this.props.switchOffEditing, isEditing, quizEntry.isArchivedBankEntry ? 'info' : 'warning');
+                return /*#__PURE__*/ jsx(QuizEntryComponent, quizEntryProps, /*#__PURE__*/ jsx(WarningWrapper, propsForItemVersioning, /*#__PURE__*/ jsx(ItemComponent, itemProps)));
+            }
+        },
+        {
+            key: "renderBank",
+            value: function renderBank() {
+                var QuizEntryComponent = this.props.isEditing ? QuizEntryEdit : QuizEntryShow;
+                var QuizEntryBankComponent = this.props.isEditing ? QuizEntryBankEdit : QuizEntryBankShow;
+                var bank = this.props.workingQuizEntry.getEntry();
+                var bankProps = {
+                    title: bank.title,
+                    entry: bank,
+                    name: bank.title
+                };
+                var sampleItems = this.props.quizEntry.sampleItems;
+                return /*#__PURE__*/ jsx("div", null, /*#__PURE__*/ jsx("div", {
+                    css: this.props.styles.bankItem
+                }, /*#__PURE__*/ jsx(QuizEntryComponent, _object_spread({}, this.props, bankProps), /*#__PURE__*/ jsx(QuizEntryBankComponent, _object_spread({}, this.props, bankProps)))), sampleItems.map(this.renderPrintableItemBankSample));
+            }
+        },
+        {
+            key: "isOverridable",
+            value: function isOverridable() {
+                if (typeof this.props.entry.getInteractionType !== 'function') return false;
+                return this.itemOverrideTypes().includes(this.props.entry.getInteractionType().slug);
+            }
+        },
+        {
+            key: "isOverriding",
+            value: function isOverriding() {
+                return this.isOverridable() && this.isEditing();
+            }
+        },
+        {
+            key: "renderBankEntry",
+            value: function renderBankEntry() {
+                var bankEntryWarningWrapperProps = this.bankEntryWarningWrapperProps();
+                if (this.props.quizEntry.hasStimulus) {
+                    return this.renderStimulus(this.bankEntryWarningWrapperProps);
+                }
+                var overrideProps = {
+                    title: this.props.entry.title,
+                    isBankedContent: true
+                };
+                var quizEntryProps = Object.assign({}, this.props, overrideProps);
+                var QuizEntryComponent = this.isEditing() ? QuizEntryEdit : QuizEntryShow;
+                var itemProps = this.propsForItem();
+                var mergedItem = this.isEditing() ? this.props.workingQuizEntry.getItem() : itemProps.entry;
+                var ItemComponent = this.isOverriding() ? ItemOverride : ItemShow;
+                return /*#__PURE__*/ jsx(QuizEntryComponent, quizEntryProps, /*#__PURE__*/ jsx(WarningWrapper, _object_spread_props(_object_spread({}, bankEntryWarningWrapperProps), {
+                    disableChildren: this.isEditing() && !this.isOverridable()
+                }), /*#__PURE__*/ jsx(ItemComponent, _object_spread_props(_object_spread({}, itemProps), {
+                    entry: mergedItem,
+                    quizEntry: this.props.quizEntry
+                }))), this.renderFooter());
+            }
+        },
+        {
+            key: "renderStimulus",
+            value: function renderStimulus(bankEntryWarningWrapperProps) {
+                return /*#__PURE__*/ jsx(Stimulus, {
+                    bankEntryWarningWrapperProps: bankEntryWarningWrapperProps,
+                    childEntries: this.props.childEntries,
+                    displayPosition: this.props.displayPosition,
+                    dndRef: this.storeDndComponentRef,
+                    guid: this.props.guid,
+                    isBankedContent: bankEntryWarningWrapperProps !== void 0,
+                    isContentLockedByBlueprint: this.props.isContentLockedByBlueprint,
+                    isEditing: this.isEditing(),
+                    draggingOnBuild: this.props.draggingOnBuild,
+                    newHoverPosition: this.props.newHoverPosition,
+                    propsForQuizEntry: this.props.propsForQuizEntry,
+                    quizEntry: this.props.quizEntry,
+                    quizEntries: this.props.quizEntries,
+                    quizId: this.props.quizId,
+                    scrollKey: this.props.scrollKey,
+                    shouldClone: this.props.shouldClone,
+                    stimulus: this.props.entry,
+                    switchOnEditing: this.props.switchOnEditing,
+                    switchOffEditing: this.props.switchOffEditing,
+                    editStimulusToggle: this.props.editQuizEntryToggle,
+                    onEditStimulusToggle: this.props.onEditQuizEntryToggle
+                });
+            }
+        },
+        {
+            key: "renderTags",
+            value: function renderTags() {
+                return /*#__PURE__*/ jsx(TagDisplay, {
+                    tagAssociations: this.props.tagAssociations
+                });
+            }
+        },
+        {
+            key: "renderFooter",
+            value: function renderFooter() {
+                if (!this.props.useBankTags) {
+                    return null;
+                }
+                // Footer currently only contains tags, so don't render if no tags
+                if (this.props.tagAssociations == null || this.props.tagAssociations.isEmpty()) {
+                    return null;
+                }
+                return /*#__PURE__*/ jsx("div", {
+                    css: this.props.styles.footer
+                }, this.renderTags());
+            }
+        },
+        {
+            key: "renderQuizEntryByType",
+            value: function renderQuizEntryByType() {
+                if (this.props.quizEntry.isArchivedBankEntry) {
+                    if (this.props.quizEntry.hasStimulus) {
+                        return this.renderStimulus();
+                    } else {
+                        return this.renderItem();
+                    }
+                }
+                if (this.props.quizEntry.isItem) {
+                    return this.renderItem();
+                } else if (this.props.quizEntry.isBankEntry) {
+                    return this.renderBankEntry();
+                } else if (this.props.quizEntry.isBank) {
+                    return this.renderBank();
+                } else if (this.props.quizEntry.isStimulus) {
+                    return this.renderStimulus();
+                }
+                return null;
+            }
+        },
+        {
+            key: "render",
+            value: function render() {
+                return this.props.connectDropTarget(/*#__PURE__*/ jsx("div", {
+                    tabIndex: "-1",
+                    ref: this.handleRef
+                }, this.renderQuizEntryByType()));
+            }
         }
-      }
-      if (this.props.quizEntry.isItem) {
-        return this.renderItem();
-      } else if (this.props.quizEntry.isBankEntry) {
-        return this.renderBankEntry();
-      } else if (this.props.quizEntry.isBank) {
-        return this.renderBank();
-      } else if (this.props.quizEntry.isStimulus) {
-        return this.renderStimulus();
-      }
-      return null;
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      return this.props.connectDropTarget((0, _emotion.jsx)("div", {
-        tabIndex: "-1",
-        ref: this.handleRef
-      }, this.renderQuizEntryByType()));
-    }
-  }]);
-}(_react.Component), (0, _defineProperty2["default"])(_QuizEntry, "displayName", 'QuizEntry'), (0, _defineProperty2["default"])(_QuizEntry, "componentId", "Quizzes".concat(_QuizEntry.displayName)), (0, _defineProperty2["default"])(_QuizEntry, "propTypes", {
-  changeQuizEntryPoints: _propTypes["default"].func.isRequired,
-  childEntries: _reactImmutableProptypes["default"].listOf(_reactImmutableProptypes["default"].record),
-  connectDropTarget: _propTypes["default"].func.isRequired,
-  // injected by DnD
-  displayPosition: _propTypes["default"].number.isRequired,
-  entry: _reactImmutableProptypes["default"].record.isRequired,
-  guid: _propTypes["default"].string.isRequired,
-  initialFocusId: _propTypes["default"].string,
-  isEditing: _propTypes["default"].bool,
-  draggingOnBuild: _propTypes["default"].bool,
-  newActiveBank: _propTypes["default"].func.isRequired,
-  newActiveBankEntry: _propTypes["default"].func.isRequired,
-  newHoverPosition: _propTypes["default"].func.isRequired,
-  // used for DnD
-  openModal: _propTypes["default"].func.isRequired,
-  partialDeepScoringEnabled: _propTypes["default"].bool,
-  partialScoringEnabled: _propTypes["default"].bool,
-  propsForQuizEntry: _propTypes["default"].func.isRequired,
-  quizEntries: _reactImmutableProptypes["default"].listOf(_reactImmutableProptypes["default"].record).isRequired,
-  quizEntry: _reactImmutableProptypes["default"].record.isRequired,
-  quizId: _propTypes["default"].string.isRequired,
-  isContentLockedByBlueprint: _propTypes["default"].bool.isRequired,
-  regradingOn: _propTypes["default"].bool.isRequired,
-  screenreaderNotification: _propTypes["default"].func.isRequired,
-  scrollKey: _propTypes["default"].string,
-  setUi: _propTypes["default"].func.isRequired,
-  shouldClone: _propTypes["default"].bool,
-  showError: _propTypes["default"].func.isRequired,
-  switchOffEditing: _propTypes["default"].func.isRequired,
-  switchOnEditing: _propTypes["default"].func.isRequired,
-  tagAssociations: _reactImmutableProptypes["default"].listOf(_reactImmutableProptypes["default"].map),
-  useBankTags: _propTypes["default"].bool,
-  workingEntry: _reactImmutableProptypes["default"].record.isRequired,
-  workingQuizEntry: _reactImmutableProptypes["default"].record.isRequired,
-  editQuizEntryToggle: _propTypes["default"].bool.isRequired,
-  onEditQuizEntryToggle: _propTypes["default"].func.isRequired,
-  handleValidationErrorsFromApi: _propTypes["default"].func.isRequired,
-  clearValidationErrorsFromApi: _propTypes["default"].func.isRequired,
-  validationErrorsFromApi: _propTypes["default"].objectOf(_propTypes["default"].arrayOf(_propTypes["default"].shape({
-    type: _propTypes["default"].string,
-    text: _propTypes["default"].string
-  }))),
-  stimulusOrientation: _propTypes["default"].string,
-  separatorConfig: _propTypes["default"].shape({
-    decimalSeparator: _propTypes["default"].string,
-    thousandSeparator: _propTypes["default"].string
-  }),
-  styles: _propTypes["default"].object
-}), (0, _defineProperty2["default"])(_QuizEntry, "defaultProps", {
-  childEntries: (0, _immutable.List)(),
-  draggingAboveHalf: false,
-  draggingOnBuild: false,
-  draggingOver: false,
-  initialFocusId: null,
-  isContentLockedByBlueprint: false,
-  isEditing: false,
-  partialDeepScoringEnabled: false,
-  partialScoringEnabled: false,
-  scrollKey: void 0,
-  shouldClone: false,
-  tagAssociations: (0, _immutable.List)(),
-  useBankTags: false,
-  validationErrorsFromApi: {},
-  stimulusOrientation: null
-}), _QuizEntry)) || _class);
-var _default = exports["default"] = QuizEntry;
+    ]);
+    return QuizEntry;
+}(Component);
+_define_property(QuizEntry, "displayName", 'QuizEntry');
+_define_property(QuizEntry, "componentId", "Quizzes".concat(QuizEntry.displayName));
+_define_property(QuizEntry, "propTypes", {
+    changeQuizEntryPoints: PropTypes.func.isRequired,
+    childEntries: ImmutablePropTypes.listOf(ImmutablePropTypes.record),
+    connectDropTarget: PropTypes.func.isRequired,
+    displayPosition: PropTypes.number.isRequired,
+    entry: ImmutablePropTypes.record.isRequired,
+    guid: PropTypes.string.isRequired,
+    initialFocusId: PropTypes.string,
+    isEditing: PropTypes.bool,
+    draggingOnBuild: PropTypes.bool,
+    newActiveBank: PropTypes.func.isRequired,
+    newActiveBankEntry: PropTypes.func.isRequired,
+    newHoverPosition: PropTypes.func.isRequired,
+    openModal: PropTypes.func.isRequired,
+    partialDeepScoringEnabled: PropTypes.bool,
+    partialScoringEnabled: PropTypes.bool,
+    propsForQuizEntry: PropTypes.func.isRequired,
+    quizEntries: ImmutablePropTypes.listOf(ImmutablePropTypes.record).isRequired,
+    quizEntry: ImmutablePropTypes.record.isRequired,
+    quizId: PropTypes.string.isRequired,
+    isContentLockedByBlueprint: PropTypes.bool.isRequired,
+    regradingOn: PropTypes.bool.isRequired,
+    screenreaderNotification: PropTypes.func.isRequired,
+    scrollKey: PropTypes.string,
+    setUi: PropTypes.func.isRequired,
+    shouldClone: PropTypes.bool,
+    showError: PropTypes.func.isRequired,
+    switchOffEditing: PropTypes.func.isRequired,
+    switchOnEditing: PropTypes.func.isRequired,
+    tagAssociations: ImmutablePropTypes.listOf(ImmutablePropTypes.map),
+    useBankTags: PropTypes.bool,
+    workingEntry: ImmutablePropTypes.record.isRequired,
+    workingQuizEntry: ImmutablePropTypes.record.isRequired,
+    editQuizEntryToggle: PropTypes.bool.isRequired,
+    onEditQuizEntryToggle: PropTypes.func.isRequired,
+    handleValidationErrorsFromApi: PropTypes.func.isRequired,
+    clearValidationErrorsFromApi: PropTypes.func.isRequired,
+    validationErrorsFromApi: PropTypes.objectOf(PropTypes.arrayOf(PropTypes.shape({
+        type: PropTypes.string,
+        text: PropTypes.string
+    }))),
+    stimulusOrientation: PropTypes.string,
+    separatorConfig: PropTypes.shape({
+        decimalSeparator: PropTypes.string,
+        thousandSeparator: PropTypes.string
+    }),
+    styles: PropTypes.object
+});
+_define_property(QuizEntry, "defaultProps", {
+    childEntries: List(),
+    draggingAboveHalf: false,
+    draggingOnBuild: false,
+    draggingOver: false,
+    initialFocusId: null,
+    isContentLockedByBlueprint: false,
+    isEditing: false,
+    partialDeepScoringEnabled: false,
+    partialScoringEnabled: false,
+    scrollKey: void 0,
+    shouldClone: false,
+    tagAssociations: List(),
+    useBankTags: false,
+    validationErrorsFromApi: {},
+    stimulusOrientation: null
+});
+QuizEntry = _ts_decorate([
+    withStyleOverrides(generateStyle, generateComponentTheme)
+], QuizEntry);
+export default QuizEntry;