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

package/lib/building/components/resources/AddToBankOptions/index.js

@@ -1,73 +1,109 @@
 "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.AddToBankOptions = void 0;
-var _regeneratorRuntime2 = _interopRequireDefault(require("@babel/runtime/helpers/regeneratorRuntime"));
+
+var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+
 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 _uiView = require("@instructure/ui-view");
+
 var _uiButtons = require("@instructure/ui-buttons");
+
 var _emotion = require("@instructure/emotion");
+
 var _quizCommon = require("@instructure/quiz-common");
-var _styles = _interopRequireDefault(require("./styles"));
-var _theme = _interopRequireDefault(require("./theme"));
+
+var _styles = _interopRequireDefault(require("./styles.js"));
+
+var _theme = _interopRequireDefault(require("./theme.js"));
+
 var _formatMessage = _interopRequireDefault(require("@instructure/quiz-i18n/es/format-message"));
-var _dec, _class, _AddToBankOptions;
-/** @jsx jsx */
-var AddToBankOptions = exports.AddToBankOptions = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (_AddToBankOptions = /*#__PURE__*/function (_Component) {
+
+var _dec, _class, _class2, _temp;
+
+var AddToBankOptions = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_Component) {
+  (0, _inherits2.default)(AddToBankOptions, _Component);
+
+  var _super = (0, _createSuper2.default)(AddToBankOptions);
+
   function AddToBankOptions() {
     var _this;
+
     (0, _classCallCheck2.default)(this, AddToBankOptions);
+
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-    _this = (0, _callSuper2.default)(this, AddToBankOptions, [].concat(args));
-    _this.openAddToBankModal = /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee() {
+
+    _this = _super.call.apply(_super, [this].concat(args));
+    _this.openAddToBankModal = /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee() {
       var displayPosition, msg;
-      return (0, _regeneratorRuntime2.default)().wrap(function _callee$(_context) {
-        while (1) switch (_context.prev = _context.next) {
-          case 0:
-            displayPosition = _this.props.displayPosition;
-            if (!_this.props.isValid) {
-              _context.next = 5;
+      return _regenerator.default.wrap(function _callee$(_context) {
+        while (1) {
+          switch (_context.prev = _context.next) {
+            case 0:
+              displayPosition = _this.props.displayPosition;
+
+              if (!_this.props.isValid) {
+                _context.next = 5;
+                break;
+              }
+
+              _this.props.openModal([_quizCommon.ADD_TO_BANK_MODAL, _this.props.entryType, _this.props.guid].join(':'), {
+                modalTrigger: _this.addToBankLink
+              });
+
+              _context.next = 10;
               break;
-            }
-            _this.props.openModal([_quizCommon.ADD_TO_BANK_MODAL, _this.props.entryType, _this.props.guid].join(':'), {
-              modalTrigger: _this.addToBankLink
-            });
-            _context.next = 10;
-            break;
-          case 5:
-            msg = (0, _formatMessage.default)('{entryType} {displayPosition, number} cannot be saved due to invalid input data.', {
-              entryType: _this.props.entryType,
-              displayPosition: displayPosition
-            });
-            _this.props.screenreaderNotification(msg);
-            _context.next = 9;
-            return _this.props.showError(_this.props.guid);
-          case 9:
-            _this.props.focusFirstErrorField();
-          case 10:
-          case "end":
-            return _context.stop();
+
+            case 5:
+              msg = (0, _formatMessage.default)('{entryType} {displayPosition, number} cannot be saved due to invalid input data.', {
+                entryType: _this.props.entryType,
+                displayPosition: displayPosition
+              });
+
+              _this.props.screenreaderNotification(msg);
+
+              _context.next = 9;
+              return _this.props.showError(_this.props.guid);
+
+            case 9:
+              _this.props.focusFirstErrorField();
+
+            case 10:
+            case "end":
+              return _context.stop();
+          }
         }
       }, _callee);
     }));
+
     _this.storeAddToBankLinkRef = function (c) {
       _this.addToBankLink = c;
     };
+
     return _this;
   }
-  (0, _inherits2.default)(AddToBankOptions, _Component);
-  return (0, _createClass2.default)(AddToBankOptions, [{
+
+  (0, _createClass2.default)(AddToBankOptions, [{
     key: "render",
     value: function render() {
       return (0, _emotion.jsx)("div", null, (0, _emotion.jsx)(_uiView.View, {
@@ -82,7 +118,9 @@ var AddToBankOptions = exports.AddToBankOptions = (_dec = (0, _emotion.withStyle
       }, (0, _formatMessage.default)('Add to Bank'))));
     }
   }]);
-}(_react.Component), _AddToBankOptions.propTypes = {
+  AddToBankOptions.displayName = "AddToBankOptions";
+  return AddToBankOptions;
+}(_react.Component), _class2.propTypes = {
   displayPosition: _propTypes.default.number.isRequired,
   entryType: _propTypes.default.string.isRequired,
   focusFirstErrorField: _propTypes.default.func,
@@ -92,7 +130,9 @@ var AddToBankOptions = exports.AddToBankOptions = (_dec = (0, _emotion.withStyle
   screenreaderNotification: _propTypes.default.func.isRequired,
   showError: _propTypes.default.func.isRequired,
   styles: _propTypes.default.object
-}, _AddToBankOptions.defaultProps = {
+}, _class2.defaultProps = {
   focusFirstErrorField: function focusFirstErrorField() {}
-}, _AddToBankOptions)) || _class);
-var _default = exports.default = AddToBankOptions;
+}, _temp)) || _class);
+exports.AddToBankOptions = AddToBankOptions;
+var _default = AddToBankOptions;
+exports.default = _default;

package/lib/building/components/resources/AddToBankOptions/styles.js

@@ -4,6 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+
 var generateStyle = function generateStyle(componentTheme) {
   return {
     addToBank: {
@@ -13,4 +14,6 @@ var generateStyle = function generateStyle(componentTheme) {
     }
   };
 };
-var _default = exports.default = generateStyle;
+
+var _default = generateStyle;
+exports.default = _default;

package/lib/building/components/resources/AddToBankOptions/theme.js

@@ -4,12 +4,15 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+
 var generateComponentTheme = function generateComponentTheme(_ref) {
   var spacing = _ref.spacing,
-    colors = _ref.colors;
+      colors = _ref.colors;
   return {
     addToBankBackgroundColor: colors.porcelain,
     addToBankBorderColor: colors.oxford
   };
 };
-var _default = exports.default = generateComponentTheme;
+
+var _default = generateComponentTheme;
+exports.default = _default;

package/lib/building/components/resources/BanksTray/index.js

@@ -4,10 +4,15 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.BanksTray = void 0;
+
 var _quizCommon = require("@instructure/quiz-common");
-var _reactRedux = require("../../../../common/react-redux");
-var _ui = require("../../../../common/actions/ui");
-var _presenter = require("./presenter");
+
+var _reactRedux = require("../../../../common/react-redux.js");
+
+var _ui = require("../../../../common/actions/ui.js");
+
+var _presenter = require("./presenter.js");
+
 function mapStateToProps(state) {
   return {
     activeBankId: state.getIn(['ui', 'activeBankId']),
@@ -17,10 +22,13 @@ function mapStateToProps(state) {
     trayTrigger: state.getIn(['ui', _quizCommon.BUILD_TRAY_BUTTON_REF])
   };
 }
-var BanksTray = exports.BanksTray = (0, _reactRedux.connect)(mapStateToProps, {
+
+var BanksTray = (0, _reactRedux.connect)(mapStateToProps, {
   newActiveBankEntry: _ui.newActiveBankEntry,
   newActiveBank: _ui.newActiveBank,
   clear: _ui.clear,
   setUI: _ui.set
 })(_presenter.BanksTray);
-var _default = exports.default = BanksTray;
+exports.BanksTray = BanksTray;
+var _default = BanksTray;
+exports.default = _default;

package/lib/building/components/resources/BanksTray/presenter.js

@@ -1,71 +1,115 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.BanksTray = 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 = _interopRequireWildcard(require("react"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _uiOverlays = require("@instructure/ui-overlays");
+
 var _uiTray = require("@instructure/ui-tray");
+
 var _uiPortal = require("@instructure/ui-portal");
+
 var _uiDialog = require("@instructure/ui-dialog");
+
 var _uiButtons = require("@instructure/ui-buttons");
+
 var _uiAlerts = require("@instructure/ui-alerts");
+
 var _uiText = require("@instructure/ui-text");
+
 var _formatMessage = _interopRequireDefault(require("@instructure/quiz-i18n/es/format-message"));
-var _Banks = _interopRequireDefault(require("../../../../banks/components/Banks"));
-var _BankEntry = _interopRequireDefault(require("../../../../banks/components/BankEntry"));
-var _Bank = _interopRequireDefault(require("../../../../banks/components/Bank"));
+
+var _index = _interopRequireDefault(require("../../../../banks/components/Banks/index.js"));
+
+var _index2 = _interopRequireDefault(require("../../../../banks/components/BankEntry/index.js"));
+
+var _index3 = _interopRequireDefault(require("../../../../banks/components/Bank/index.js"));
+
 var _quizCommon = require("@instructure/quiz-common");
-var _br, _br2;
-var BanksTray = exports.BanksTray = /*#__PURE__*/function (_Component) {
+
+var _ref = /*#__PURE__*/_react.default.createElement("br", null);
+
+var _ref2 = /*#__PURE__*/_react.default.createElement("br", null);
+
+var BanksTray = /*#__PURE__*/function (_Component) {
+  (0, _inherits2.default)(BanksTray, _Component);
+
+  var _super = (0, _createSuper2.default)(BanksTray);
+
   function BanksTray() {
     var _this;
+
     (0, _classCallCheck2.default)(this, BanksTray);
+
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-    _this = (0, _callSuper2.default)(this, BanksTray, [].concat(args));
+
+    _this = _super.call.apply(_super, [this].concat(args));
+
     _this.closeTray = function () {
       if (_this.props.trayTrigger) {
         _this.props.trayTrigger.focus();
       }
+
       _this.props.setUI(_quizCommon.BUILD_TRAY_OPEN, false);
+
       _this.props.setUI(_quizCommon.BUILD_TRAY_POSITION, null);
+
       _this.props.setUI(_quizCommon.BUILD_TRAY_STIMULUS_ID, null);
     };
+
     _this.clearActiveBank = function () {
       _this.props.newActiveBank(void 0);
+
       _this.props.newActiveBankEntry(void 0);
     };
+
     _this.navigateToBank = function (bankId) {
       _this.props.newActiveBankEntry(void 0);
+
       _this.props.newActiveBank(bankId);
     };
+
     _this.handleCloseAlert = function () {
       _this.props.setUI(_quizCommon.TRAY_ALERT_OPEN, false);
+
       _this.clearActiveBank();
+
       _this.props.clear(_quizCommon.BANKS_BANK_PAGINATION);
     };
+
     return _this;
   }
-  (0, _inherits2.default)(BanksTray, _Component);
-  return (0, _createClass2.default)(BanksTray, [{
+
+  (0, _createClass2.default)(BanksTray, [{
     key: "renderTrayContent",
     value: function renderTrayContent() {
       var _this$props = this.props,
-        activeBankEntryId = _this$props.activeBankEntryId,
-        activeBankId = _this$props.activeBankId;
+          activeBankEntryId = _this$props.activeBankEntryId,
+          activeBankId = _this$props.activeBankId;
+
       if (activeBankId) {
         if (activeBankEntryId) {
-          return /*#__PURE__*/_react.default.createElement(_BankEntry.default, {
+          return /*#__PURE__*/_react.default.createElement(_index2.default, {
             isCompact: true,
             closeTray: this.closeTray,
             bankId: activeBankId,
@@ -75,7 +119,7 @@ var BanksTray = exports.BanksTray = /*#__PURE__*/function (_Component) {
             scope: this.props.itemBanksScope
           });
         } else {
-          return /*#__PURE__*/_react.default.createElement(_Bank.default, {
+          return /*#__PURE__*/_react.default.createElement(_index3.default, {
             isCompact: true,
             closeTray: this.closeTray,
             bankId: activeBankId,
@@ -85,7 +129,7 @@ var BanksTray = exports.BanksTray = /*#__PURE__*/function (_Component) {
           });
         }
       } else {
-        return /*#__PURE__*/_react.default.createElement(_Banks.default, {
+        return /*#__PURE__*/_react.default.createElement(_index.default, {
           isCompact: true,
           closeTray: this.closeTray,
           currentUser: this.props.currentUser,
@@ -119,14 +163,15 @@ var BanksTray = exports.BanksTray = /*#__PURE__*/function (_Component) {
         shouldContainFocus: true,
         onDismiss: this.handleCloseAlert,
         label: "".concat(alertTitle, " ").concat(alertBody) // eslint-disable-line react/jsx-no-literals
+
       }, /*#__PURE__*/_react.default.createElement(_uiAlerts.Alert, {
         variant: "error",
         margin: "small 0"
       }, /*#__PURE__*/_react.default.createElement(_uiText.Text, {
         weight: "bold"
-      }, alertTitle), _br || (_br = /*#__PURE__*/_react.default.createElement("br", null)), /*#__PURE__*/_react.default.createElement(_uiText.Text, {
+      }, alertTitle), _ref, /*#__PURE__*/_react.default.createElement(_uiText.Text, {
         color: "primary"
-      }, alertBody), _br2 || (_br2 = /*#__PURE__*/_react.default.createElement("br", null)), /*#__PURE__*/_react.default.createElement(_uiButtons.Button, {
+      }, alertBody), _ref2, /*#__PURE__*/_react.default.createElement(_uiButtons.Button, {
         margin: "small 0 0 0",
         color: "primary",
         size: "small",
@@ -147,7 +192,11 @@ var BanksTray = exports.BanksTray = /*#__PURE__*/function (_Component) {
       }, this.renderTrayContent()), this.renderTrayAlert());
     }
   }]);
+  BanksTray.displayName = "BanksTray";
+  return BanksTray;
 }(_react.Component);
+
+exports.BanksTray = BanksTray;
 BanksTray.propTypes = {
   activeBankId: _propTypes.default.string,
   activeBankEntryId: _propTypes.default.string,
@@ -202,4 +251,5 @@ BanksTray.defaultProps = {
   trayTrigger: null,
   itemBanksScope: {}
 };
-var _default = exports.default = BanksTray;
+var _default = BanksTray;
+exports.default = _default;

package/lib/building/components/resources/DeleteStimulusModal/index.js

@@ -4,19 +4,29 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.DeleteStimulusModal = void 0;
+
 var _redux = require("redux");
+
 var _immutable = require("immutable");
-var _reactRedux = require("../../../../common/react-redux");
-var _modal = require("../../../../common/actions/modal");
-var _ui = require("../../../../common/actions/ui");
-var _quizEntries = require("../../../api/quizEntries");
-var _presenter = require("./presenter");
+
+var _reactRedux = require("../../../../common/react-redux.js");
+
+var _modal = require("../../../../common/actions/modal.js");
+
+var _ui = require("../../../../common/actions/ui.js");
+
+var _quizEntries = require("../../../api/quizEntries.js");
+
+var _presenter = require("./presenter.js");
+
 var _quizCommon = require("@instructure/quiz-common");
+
 function mapStateToProps(state, props) {
   var _state$getIn$toObject = state.getIn(['ui', _quizCommon.DELETE_STIMULUS_DATA], (0, _immutable.Map)()).toObject(),
-    stimulusEntry = _state$getIn$toObject.stimulusEntry,
-    childEntries = _state$getIn$toObject.childEntries,
-    quizId = _state$getIn$toObject.quizId;
+      stimulusEntry = _state$getIn$toObject.stimulusEntry,
+      childEntries = _state$getIn$toObject.childEntries,
+      quizId = _state$getIn$toObject.quizId;
+
   var selectedChildren = state.getIn(['ui', _quizCommon.DELETE_STIMULUS_MODAL_SELECTED_CHILDREN]);
   var deletionMode = state.getIn(['ui', _quizCommon.DELETE_STIMULUS_MODAL_DELETION_MODE]);
   return {
@@ -28,6 +38,7 @@ function mapStateToProps(state, props) {
     childEntries: childEntries || (0, _immutable.List)()
   };
 }
+
 var mapDispatchToProps = function mapDispatchToProps(dispatch) {
   return {
     closeModal: (0, _redux.bindActionCreators)(_modal.closeModal, dispatch),
@@ -36,5 +47,8 @@ var mapDispatchToProps = function mapDispatchToProps(dispatch) {
     withConfirm: (0, _redux.bindActionCreators)(_modal.withConfirm, dispatch)
   };
 };
-var DeleteStimulusModal = exports.DeleteStimulusModal = (0, _reactRedux.connect)(mapStateToProps, mapDispatchToProps)(_presenter.DeleteStimulusModal);
-var _default = exports.default = DeleteStimulusModal;
+
+var DeleteStimulusModal = (0, _reactRedux.connect)(mapStateToProps, mapDispatchToProps)(_presenter.DeleteStimulusModal);
+exports.DeleteStimulusModal = DeleteStimulusModal;
+var _default = DeleteStimulusModal;
+exports.default = _default;