@instructure/quiz-core 20.17.2-rc.1 → 20.17.2-rc.11

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

@@ -1,109 +1,73 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.AddToBankOptions = void 0;
-
-var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
-
+var _regeneratorRuntime2 = _interopRequireDefault(require("@babel/runtime/helpers/regeneratorRuntime"));
 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.js"));
-
-var _theme = _interopRequireDefault(require("./theme.js"));
-
+var _styles = _interopRequireDefault(require("./styles"));
+var _theme = _interopRequireDefault(require("./theme"));
 var _formatMessage = _interopRequireDefault(require("@instructure/quiz-i18n/es/format-message"));
-
-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);
-
+var _dec, _class, _AddToBankOptions;
+/** @jsx jsx */
+var AddToBankOptions = exports.AddToBankOptions = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (_AddToBankOptions = /*#__PURE__*/function (_Component) {
   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 = _super.call.apply(_super, [this].concat(args));
-    _this.openAddToBankModal = /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee() {
+    _this = (0, _callSuper2.default)(this, AddToBankOptions, [].concat(args));
+    _this.openAddToBankModal = /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee() {
       var displayPosition, msg;
-      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;
+      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;
               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();
-          }
+            }
+            _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();
         }
       }, _callee);
     }));
-
     _this.storeAddToBankLinkRef = function (c) {
       _this.addToBankLink = c;
     };
-
     return _this;
   }
-
-  (0, _createClass2.default)(AddToBankOptions, [{
+  (0, _inherits2.default)(AddToBankOptions, _Component);
+  return (0, _createClass2.default)(AddToBankOptions, [{
     key: "render",
     value: function render() {
       return (0, _emotion.jsx)("div", null, (0, _emotion.jsx)(_uiView.View, {
@@ -118,9 +82,7 @@ var AddToBankOptions = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.d
       }, (0, _formatMessage.default)('Add to Bank'))));
     }
   }]);
-  AddToBankOptions.displayName = "AddToBankOptions";
-  return AddToBankOptions;
-}(_react.Component), _class2.propTypes = {
+}(_react.Component), _AddToBankOptions.propTypes = {
   displayPosition: _propTypes.default.number.isRequired,
   entryType: _propTypes.default.string.isRequired,
   focusFirstErrorField: _propTypes.default.func,
@@ -130,9 +92,7 @@ var AddToBankOptions = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.d
   screenreaderNotification: _propTypes.default.func.isRequired,
   showError: _propTypes.default.func.isRequired,
   styles: _propTypes.default.object
-}, _class2.defaultProps = {
+}, _AddToBankOptions.defaultProps = {
   focusFirstErrorField: function focusFirstErrorField() {}
-}, _temp)) || _class);
-exports.AddToBankOptions = AddToBankOptions;
-var _default = AddToBankOptions;
-exports.default = _default;
+}, _AddToBankOptions)) || _class);
+var _default = exports.default = AddToBankOptions;

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

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

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

@@ -4,15 +4,12 @@ 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 = generateComponentTheme;
-exports.default = _default;
+var _default = exports.default = generateComponentTheme;

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

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

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

@@ -1,115 +1,71 @@
 "use strict";
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 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 _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 _Banks = _interopRequireDefault(require("../../../../banks/components/Banks"));
+var _BankEntry = _interopRequireDefault(require("../../../../banks/components/BankEntry"));
+var _Bank = _interopRequireDefault(require("../../../../banks/components/Bank"));
 var _quizCommon = require("@instructure/quiz-common");
-
-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);
-
+var _br, _br2;
+var BanksTray = exports.BanksTray = /*#__PURE__*/function (_Component) {
   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 = _super.call.apply(_super, [this].concat(args));
-
+    _this = (0, _callSuper2.default)(this, BanksTray, [].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, _createClass2.default)(BanksTray, [{
+  (0, _inherits2.default)(BanksTray, _Component);
+  return (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(_index2.default, {
+          return /*#__PURE__*/_react.default.createElement(_BankEntry.default, {
             isCompact: true,
             closeTray: this.closeTray,
             bankId: activeBankId,
@@ -119,7 +75,7 @@ var BanksTray = /*#__PURE__*/function (_Component) {
             scope: this.props.itemBanksScope
           });
         } else {
-          return /*#__PURE__*/_react.default.createElement(_index3.default, {
+          return /*#__PURE__*/_react.default.createElement(_Bank.default, {
             isCompact: true,
             closeTray: this.closeTray,
             bankId: activeBankId,
@@ -129,7 +85,7 @@ var BanksTray = /*#__PURE__*/function (_Component) {
           });
         }
       } else {
-        return /*#__PURE__*/_react.default.createElement(_index.default, {
+        return /*#__PURE__*/_react.default.createElement(_Banks.default, {
           isCompact: true,
           closeTray: this.closeTray,
           currentUser: this.props.currentUser,
@@ -163,15 +119,14 @@ var 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), _ref, /*#__PURE__*/_react.default.createElement(_uiText.Text, {
+      }, alertTitle), _br || (_br = /*#__PURE__*/_react.default.createElement("br", null)), /*#__PURE__*/_react.default.createElement(_uiText.Text, {
         color: "primary"
-      }, alertBody), _ref2, /*#__PURE__*/_react.default.createElement(_uiButtons.Button, {
+      }, alertBody), _br2 || (_br2 = /*#__PURE__*/_react.default.createElement("br", null)), /*#__PURE__*/_react.default.createElement(_uiButtons.Button, {
         margin: "small 0 0 0",
         color: "primary",
         size: "small",
@@ -192,11 +147,7 @@ var 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,
@@ -251,5 +202,4 @@ BanksTray.defaultProps = {
   trayTrigger: null,
   itemBanksScope: {}
 };
-var _default = BanksTray;
-exports.default = _default;
+var _default = exports.default = BanksTray;

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

@@ -4,29 +4,19 @@ 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.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 _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 _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 {
@@ -38,7 +28,6 @@ function mapStateToProps(state, props) {
     childEntries: childEntries || (0, _immutable.List)()
   };
 }
-
 var mapDispatchToProps = function mapDispatchToProps(dispatch) {
   return {
     closeModal: (0, _redux.bindActionCreators)(_modal.closeModal, dispatch),
@@ -47,8 +36,5 @@ var mapDispatchToProps = function mapDispatchToProps(dispatch) {
     withConfirm: (0, _redux.bindActionCreators)(_modal.withConfirm, dispatch)
   };
 };
-
-var DeleteStimulusModal = (0, _reactRedux.connect)(mapStateToProps, mapDispatchToProps)(_presenter.DeleteStimulusModal);
-exports.DeleteStimulusModal = DeleteStimulusModal;
-var _default = DeleteStimulusModal;
-exports.default = _default;
+var DeleteStimulusModal = exports.DeleteStimulusModal = (0, _reactRedux.connect)(mapStateToProps, mapDispatchToProps)(_presenter.DeleteStimulusModal);
+var _default = exports.default = DeleteStimulusModal;