@instructure/quiz-core 20.17.3-rc.0 → 20.17.3-rc.10

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

@@ -1,62 +1,106 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.QuizEntry = void 0;
+
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+
 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 _callSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/callSuper"));
+
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+
+var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
+
 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/es/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 _index = _interopRequireDefault(require("../../../../../common/components/resources/WarningWrapper/index.js"));
+
+var _warningHelpers = require("../../../../../common/util/warningHelpers.js");
+
+var _QuizEntry = _interopRequireDefault(require("../../../../../common/records/QuizEntry.js"));
+
+var _index2 = _interopRequireDefault(require("../QuizEntryBank/QuizEntryBankShow/index.js"));
+
+var _index3 = _interopRequireDefault(require("../QuizEntryBank/QuizEntryBankEdit/index.js"));
+
+var _index4 = _interopRequireDefault(require("../../../../../common/components/resources/item/ItemEdit/index.js"));
+
+var _index5 = _interopRequireDefault(require("../../../../../common/components/resources/item/ItemShow/index.js"));
+
+var _index6 = _interopRequireDefault(require("../../../../../common/components/resources/item/ItemOverride/index.js"));
+
+var _index7 = _interopRequireDefault(require("../../AddToBankOptions/index.js"));
+
+var _index8 = _interopRequireDefault(require("../../../../../common/components/shared/TagDisplay/index.js"));
+
+var _Item = _interopRequireDefault(require("../../../../../common/records/Item.js"));
+
 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 */
-var QuizEntry = exports.QuizEntry = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (_QuizEntry = /*#__PURE__*/function (_Component) {
+
+var _index9 = _interopRequireDefault(require("../QuizEntryShow/index.js"));
+
+var _index10 = _interopRequireDefault(require("../QuizEntryEdit/index.js"));
+
+var _index11 = _interopRequireDefault(require("../../../../../common/components/resources/stimulus/Stimulus/index.js"));
+
+var _styles = _interopRequireDefault(require("./styles.js"));
+
+var _theme = _interopRequireDefault(require("./theme.js"));
+
+var _dec, _class, _class2, _temp;
+
+var QuizEntry = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_Component) {
+  (0, _inherits2.default)(QuizEntry, _Component);
+
+  var _super = (0, _createSuper2.default)(QuizEntry);
+
   function QuizEntry() {
     var _this;
+
     (0, _classCallCheck2.default)(this, QuizEntry);
+
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-    _this = (0, _callSuper2.default)(this, QuizEntry, [].concat(args));
+
+    _this = _super.call.apply(_super, [this].concat(args));
+
     _this.itemOverrideTypes = function () {
       return ['choice'].concat((0, _toConsumableArray2.default)(_this.props.partialScoringEnabled ? ['multi-answer'] : []), (0, _toConsumableArray2.default)(_this.props.partialDeepScoringEnabled ? ['matching'] : []));
     };
+
     _this.openRegradeModal = function () {
       if (_this.props.regradingOn) {
         _this.props.openModal(_quizCommon.REGRADE_MODAL);
       }
     };
+
     _this.renderItemBankingOptions = function () {
-      return (0, _emotion.jsx)(_AddToBankOptions.default, {
+      return (0, _emotion.jsx)(_index7.default, {
         displayPosition: _this.props.displayPosition,
         entryType: _this.props.quizEntry.entryType,
         focusFirstErrorField: _this.focusFirstErrorField,
@@ -68,26 +112,35 @@ var QuizEntry = exports.QuizEntry = (_dec = (0, _emotion.withStyle)(_styles.defa
         "data-automation": "sdk-item-banking-options"
       });
     };
+
     _this.storeDndComponentRef = function (node) {
       _this.dndComponent = node;
     };
+
     _this.handleQuizEntryPointsChange = function (points) {
       _this.props.changeQuizEntryPoints(_this.props.quizEntry.id, points);
     };
+
     _this.handleRef = function (node) {
       _this.itemEditArea = node;
     };
+
     _this.focusFirstErrorField = function () {
       if (_this.itemEditArea) {
         var editArea = _reactDom.default.findDOMNode(_this.itemEditArea);
+
         var firstErrorField = editArea === null || editArea === void 0 ? void 0 : editArea.querySelector('[aria-invalid="true"]');
         firstErrorField && firstErrorField.focus();
       }
     };
+
     _this.renderPrintableItemBankSample = function (sampleItem, index) {
-      var quizEntry = _QuizEntry2.default.create(sampleItem.toObject());
+      var quizEntry = _QuizEntry.default.create(sampleItem.toObject());
+
       var entryMutable = quizEntry.entry.toJS();
+
       var item = _Item.default.create(entryMutable);
+
       var overrideProps = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, _this.props), {}, {
         quizEntry: quizEntry,
         entry: item,
@@ -97,28 +150,36 @@ var QuizEntry = exports.QuizEntry = (_dec = (0, _emotion.withStyle)(_styles.defa
       return (0, _emotion.jsx)("div", {
         key: index,
         css: _this.props.styles.sampleItems
-      }, (0, _emotion.jsx)(_QuizEntryShow.default, overrideProps, (0, _emotion.jsx)(_ItemShow.default, _this.propsForItem(item))));
+      }, (0, _emotion.jsx)(_index9.default, overrideProps, (0, _emotion.jsx)(_index5.default, _this.propsForItem(item))));
     };
+
     _this.bankEntryWarningWrapperProps = function () {
       if (_this.props.quizEntry.entryEditable) {
         var propsFunc = _this.props.quizEntry.hasStimulus ? _warningHelpers.propsForStimulusBankEntryEditPrompt : _warningHelpers.propsForItemBankEntryEditPrompt;
         return propsFunc(_this.isEditing(), _this.props.switchOffEditing, function () {
           var bankEntry = _this.props.quizEntry.getEntry();
+
           _this.props.setUi(_quizCommon.BUILD_TRAY_OPEN, true);
+
           _this.props.newActiveBankEntry(bankEntry.id, bankEntry.bankId);
+
           _this.props.newActiveBank(bankEntry.bankId);
+
           _this.props.switchOffEditing();
         });
       }
+
       return (0, _warningHelpers.propsForBankEntryUnauthorizedEdit)(_this.isEditing());
     };
+
     return _this;
   }
-  (0, _inherits2.default)(QuizEntry, _Component);
-  return (0, _createClass2.default)(QuizEntry, [{
+
+  (0, _createClass2.default)(QuizEntry, [{
     key: "additionalEditOptions",
     value: function additionalEditOptions(item) {
       var options = [];
+
       if (this.props.quizEntry.entryType === 'Item') {
         options.push({
           key: 'banks',
@@ -126,6 +187,7 @@ var QuizEntry = exports.QuizEntry = (_dec = (0, _emotion.withStyle)(_styles.defa
           component: this.renderItemBankingOptions()
         });
       }
+
       return options;
     }
   }, {
@@ -174,22 +236,22 @@ var QuizEntry = exports.QuizEntry = (_dec = (0, _emotion.withStyle)(_styles.defa
     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;
+          entry = _this$props.entry,
+          shouldClone = _this$props.shouldClone,
+          quizEntry = _this$props.quizEntry;
+      var QuizEntryComponent = isEditing ? _index10.default : _index9.default;
+      var ItemComponent = isEditing && (!entry.isImmutable() || shouldClone) ? _index4.default : _index5.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)));
+      return (0, _emotion.jsx)(QuizEntryComponent, quizEntryProps, (0, _emotion.jsx)(_index.default, propsForItemVersioning, (0, _emotion.jsx)(ItemComponent, itemProps)));
     }
   }, {
     key: "renderBank",
     value: function renderBank() {
-      var QuizEntryComponent = this.props.isEditing ? _QuizEntryEdit.default : _QuizEntryShow.default;
-      var QuizEntryBankComponent = this.props.isEditing ? _QuizEntryBankEdit.default : _QuizEntryBankShow.default;
+      var QuizEntryComponent = this.props.isEditing ? _index10.default : _index9.default;
+      var QuizEntryBankComponent = this.props.isEditing ? _index3.default : _index2.default;
       var bank = this.props.workingQuizEntry.getEntry();
       var bankProps = {
         title: bank.title,
@@ -216,19 +278,21 @@ var QuizEntry = exports.QuizEntry = (_dec = (0, _emotion.withStyle)(_styles.defa
     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 QuizEntryComponent = this.isEditing() ? _index10.default : _index9.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, {
+      var ItemComponent = this.isOverriding() ? _index6.default : _index5.default;
+      return (0, _emotion.jsx)(QuizEntryComponent, quizEntryProps, (0, _emotion.jsx)(_index.default, Object.assign({}, bankEntryWarningWrapperProps, {
         disableChildren: this.isEditing() && !this.isOverridable()
       }), (0, _emotion.jsx)(ItemComponent, Object.assign({}, itemProps, {
         entry: mergedItem,
@@ -238,7 +302,7 @@ var QuizEntry = exports.QuizEntry = (_dec = (0, _emotion.withStyle)(_styles.defa
   }, {
     key: "renderStimulus",
     value: function renderStimulus(bankEntryWarningWrapperProps) {
-      return (0, _emotion.jsx)(_Stimulus.default, {
+      return (0, _emotion.jsx)(_index11.default, {
         bankEntryWarningWrapperProps: bankEntryWarningWrapperProps,
         childEntries: this.props.childEntries,
         displayPosition: this.props.displayPosition,
@@ -266,7 +330,7 @@ var QuizEntry = exports.QuizEntry = (_dec = (0, _emotion.withStyle)(_styles.defa
   }, {
     key: "renderTags",
     value: function renderTags() {
-      return (0, _emotion.jsx)(_TagDisplay.default, {
+      return (0, _emotion.jsx)(_index8.default, {
         tagAssociations: this.props.tagAssociations
       });
     }
@@ -275,12 +339,13 @@ var QuizEntry = exports.QuizEntry = (_dec = (0, _emotion.withStyle)(_styles.defa
     value: function renderFooter() {
       if (!this.props.useBankTags) {
         return null;
-      }
+      } // Footer currently only contains tags, so don't render if no tags
+
 
-      // 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());
@@ -295,6 +360,7 @@ var QuizEntry = exports.QuizEntry = (_dec = (0, _emotion.withStyle)(_styles.defa
           return this.renderItem();
         }
       }
+
       if (this.props.quizEntry.isItem) {
         return this.renderItem();
       } else if (this.props.quizEntry.isBankEntry) {
@@ -304,6 +370,7 @@ var QuizEntry = exports.QuizEntry = (_dec = (0, _emotion.withStyle)(_styles.defa
       } else if (this.props.quizEntry.isStimulus) {
         return this.renderStimulus();
       }
+
       return null;
     }
   }, {
@@ -315,7 +382,9 @@ var QuizEntry = exports.QuizEntry = (_dec = (0, _emotion.withStyle)(_styles.defa
       }, this.renderQuizEntryByType()));
     }
   }]);
-}(_react.Component), _QuizEntry.propTypes = {
+  QuizEntry.displayName = "QuizEntry";
+  return QuizEntry;
+}(_react.Component), _class2.propTypes = {
   changeQuizEntryPoints: _propTypes.default.func.isRequired,
   childEntries: _reactImmutableProptypes.default.listOf(_reactImmutableProptypes.default.record),
   connectDropTarget: _propTypes.default.func.isRequired,
@@ -360,7 +429,7 @@ var QuizEntry = exports.QuizEntry = (_dec = (0, _emotion.withStyle)(_styles.defa
   }))),
   stimulusOrientation: _propTypes.default.string,
   styles: _propTypes.default.object
-}, _QuizEntry.defaultProps = {
+}, _class2.defaultProps = {
   childEntries: (0, _immutable.List)(),
   draggingAboveHalf: false,
   draggingOnBuild: false,
@@ -376,5 +445,7 @@ var QuizEntry = exports.QuizEntry = (_dec = (0, _emotion.withStyle)(_styles.defa
   useBankTags: false,
   validationErrorsFromApi: {},
   stimulusOrientation: null
-}, _QuizEntry)) || _class);
-var _default = exports.default = QuizEntry;
+}, _temp)) || _class);
+exports.QuizEntry = QuizEntry;
+var _default = QuizEntry;
+exports.default = _default;

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

@@ -1,34 +1,51 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-var _callSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/callSuper"));
+
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+
+var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
+
 var _react = _interopRequireDefault(require("react"));
+
 var isClassComponent = function isClassComponent(Component) {
   return !!(typeof Component === 'function' && Component.prototype && Component.prototype.isReactComponent);
 };
+
 var quizEntryPresenterWrapper = function quizEntryPresenterWrapper(Component) {
   if (isClassComponent(Component)) {
     return Component;
   }
+
   return /*#__PURE__*/function (_React$Component) {
+    (0, _inherits2.default)(ClassComponentWrapper, _React$Component);
+
+    var _super = (0, _createSuper2.default)(ClassComponentWrapper);
+
     function ClassComponentWrapper() {
       (0, _classCallCheck2.default)(this, ClassComponentWrapper);
-      return (0, _callSuper2.default)(this, ClassComponentWrapper, arguments);
+      return _super.apply(this, arguments);
     }
-    (0, _inherits2.default)(ClassComponentWrapper, _React$Component);
-    return (0, _createClass2.default)(ClassComponentWrapper, [{
+
+    (0, _createClass2.default)(ClassComponentWrapper, [{
       key: "render",
       value: function render() {
         return /*#__PURE__*/_react.default.createElement(Component, this.props);
       }
     }]);
+    ClassComponentWrapper.displayName = "ClassComponentWrapper";
+    return ClassComponentWrapper;
   }(_react.default.Component);
 };
-var _default = exports.default = quizEntryPresenterWrapper;
+
+var _default = quizEntryPresenterWrapper;
+exports.default = _default;

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

@@ -1,11 +1,14 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
 var generateStyle = function generateStyle(componentTheme) {
   var mp = '@media print';
   return {
@@ -25,4 +28,6 @@ var generateStyle = function generateStyle(componentTheme) {
     })
   };
 };
-var _default = exports.default = generateStyle;
+
+var _default = generateStyle;
+exports.default = _default;

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

@@ -4,11 +4,12 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+
 var generateComponentTheme = function generateComponentTheme(_ref) {
   var spacing = _ref.spacing,
-    colors = _ref.colors,
-    borders = _ref.borders,
-    typography = _ref.typography;
+      colors = _ref.colors,
+      borders = _ref.borders,
+      typography = _ref.typography;
   return {
     footerPadding: spacing.small,
     footerBorderWidth: borders.widthSmall,
@@ -16,4 +17,6 @@ var generateComponentTheme = function generateComponentTheme(_ref) {
     footerFontSize: typography.fontSizeXSmall
   };
 };
-var _default = exports.default = generateComponentTheme;
+
+var _default = generateComponentTheme;
+exports.default = _default;

package/lib/building/components/resources/quizEntry/QuizEntryBank/QuizEntryBankEdit/index.js

@@ -1,15 +1,21 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
 exports.mapStateToProps = mapStateToProps;
-var _presenter = _interopRequireDefault(require("./presenter"));
-var _reactRedux = require("../../../../../../common/react-redux");
-var _modifications = require("../../../../../../common/actions/modifications");
-var _quizEntries = require("../../../../../api/quizEntries");
+exports.default = void 0;
+
+var _presenter = _interopRequireDefault(require("./presenter.js"));
+
+var _reactRedux = require("../../../../../../common/react-redux.js");
+
+var _modifications = require("../../../../../../common/actions/modifications.js");
+
+var _quizEntries = require("../../../../../api/quizEntries.js");
+
 function mapStateToProps(state, props) {
   var workingQuizEntry = props.quizEntry.getWorkingInstance();
   var properties = workingQuizEntry.properties;
@@ -23,10 +29,13 @@ function mapStateToProps(state, props) {
     pointsPossible: workingQuizEntry.pointsPossible
   };
 }
-var _default = exports.default = (0, _reactRedux.connect)(mapStateToProps, {
+
+var _default = (0, _reactRedux.connect)(mapStateToProps, {
   changeQuizEntryPoints: _modifications.changeQuizEntryPoints,
   changeQuizEntryProperties: _modifications.changeQuizEntryProperties,
   changeQuizEntryEntry: _modifications.changeQuizEntryEntry,
   clearModifications: _modifications.clearModifications,
   updateQuizEntry: _quizEntries.updateQuizEntry
-})(_presenter.default);
+})(_presenter.default);
+
+exports.default = _default;