@instructure/quiz-core 20.17.3-rc.6 → 20.17.3-rc.8

package/lib/banks/components/EditBankModal/presenter.js

@@ -1,66 +1,102 @@
 "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.EditBankModal = 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 = require("react");
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _uiButtons = require("@instructure/ui-buttons");
+
 var _uiTextInput = require("@instructure/ui-text-input");
+
 var _uiHeading = require("@instructure/ui-heading");
+
 var _emotion = require("@instructure/emotion");
+
 var _formatMessage = _interopRequireDefault(require("@instructure/quiz-i18n/es/format-message"));
-var _instUIMessages = require("../../../common/util/instUIMessages");
+
+var _instUIMessages = require("../../../common/util/instUIMessages.js");
+
 var _quizCommon = require("@instructure/quiz-common");
-var _Bank = _interopRequireDefault(require("../../../common/records/Bank"));
-var _styles = _interopRequireDefault(require("./styles"));
-var _theme = _interopRequireDefault(require("./theme"));
-var _dec, _class, _EditBankModal;
-/** @jsx jsx */
-var EditBankModal = exports.EditBankModal = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (_EditBankModal = /*#__PURE__*/function (_Component) {
+
+var _Bank = _interopRequireDefault(require("../../../common/records/Bank.js"));
+
+var _styles = _interopRequireDefault(require("./styles.js"));
+
+var _theme = _interopRequireDefault(require("./theme.js"));
+
+var _dec, _class, _class2, _temp;
+
+var EditBankModal = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_Component) {
+  (0, _inherits2.default)(EditBankModal, _Component);
+
+  var _super = (0, _createSuper2.default)(EditBankModal);
+
   function EditBankModal() {
     var _this;
+
     (0, _classCallCheck2.default)(this, EditBankModal);
+
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-    _this = (0, _callSuper2.default)(this, EditBankModal, [].concat(args));
+
+    _this = _super.call.apply(_super, [this].concat(args));
+
     _this.continueAction = function () {
       _this.props.showError(_this.props.errorKey);
+
       if (_this.props.workingBank.isValid()) {
         _this.props.updateBank(_this.props.workingBank);
+
         _this.closeAction();
       }
     };
+
     _this.closeAction = function () {
       _this.props.hideError(_this.props.errorKey);
+
       _this.props.clearModifications('banks', _this.props.workingBank.id);
+
       if (_this.props.modalTrigger) {
         _this.props.modalTrigger.focus();
       }
+
       _this.props.closeModal();
     };
+
     _this.onNameChange = function (e) {
       _this.props.showError(_this.props.errorKey);
+
       _this.props.changeBank(_this.props.workingBank.id, {
         title: e.target.value
       });
     };
+
     _this.getErrors = function () {
       if (_this.props.displayError) {
         return (0, _instUIMessages.toErrors)(_this.props.workingBank.errorsFor('title').toJS());
       }
     };
+
     return _this;
   }
-  (0, _inherits2.default)(EditBankModal, _Component);
-  return (0, _createClass2.default)(EditBankModal, [{
+
+  (0, _createClass2.default)(EditBankModal, [{
     key: "renderCancelButton",
     value: function renderCancelButton() {
       return (0, _emotion.jsx)(_uiButtons.Button, {
@@ -114,7 +150,9 @@ var EditBankModal = exports.EditBankModal = (_dec = (0, _emotion.withStyle)(_sty
       })), (0, _emotion.jsx)(_quizCommon.ModalBody, null, this.renderContent()), (0, _emotion.jsx)(_quizCommon.ModalFooter, null, this.renderCancelButton(), this.renderSaveButton()));
     }
   }]);
-}(_react.Component), _EditBankModal.propTypes = {
+  EditBankModal.displayName = "EditBankModal";
+  return EditBankModal;
+}(_react.Component), _class2.propTypes = {
   modalOpen: _propTypes.default.bool.isRequired,
   modalTrigger: _propTypes.default.instanceOf(_react.Component),
   workingBank: _propTypes.default.instanceOf(_Bank.default).isRequired,
@@ -128,8 +166,10 @@ var EditBankModal = exports.EditBankModal = (_dec = (0, _emotion.withStyle)(_sty
   closeModal: _propTypes.default.func.isRequired,
   // eslint-disable-next-line react/require-default-props,react/forbid-prop-types
   styles: _propTypes.default.object
-}, _EditBankModal.defaultProps = {
+}, _class2.defaultProps = {
   displayError: false,
   modalTrigger: null
-}, _EditBankModal)) || _class);
-var _default = exports.default = EditBankModal;
+}, _temp)) || _class);
+exports.EditBankModal = EditBankModal;
+var _default = EditBankModal;
+exports.default = _default;

package/lib/banks/components/EditBankModal/styles.js

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

package/lib/banks/components/EditBankModal/theme.js

@@ -4,12 +4,15 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+
 var generateComponentTheme = function generateComponentTheme(_ref) {
   var typography = _ref.typography,
-    spacing = _ref.spacing;
+      spacing = _ref.spacing;
   return {
     bankNameInputFontSize: typography.fontSizeMedium,
     bankNameInputPadding: spacing.xSmall
   };
 };
-var _default = exports.default = generateComponentTheme;
+
+var _default = generateComponentTheme;
+exports.default = _default;

package/lib/banks/components/HeaderBreadCrumb/index.js

@@ -1,35 +1,56 @@
 "use strict";
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.HeaderBreadCrumb = 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 _formatMessage = _interopRequireDefault(require("@instructure/quiz-i18n/es/format-message"));
+
 var _uiBreadcrumb = require("@instructure/ui-breadcrumb");
+
 var _reactDom = _interopRequireDefault(require("react-dom"));
-var HeaderBreadCrumb = exports.HeaderBreadCrumb = /*#__PURE__*/function (_Component) {
+
+var HeaderBreadCrumb = /*#__PURE__*/function (_Component) {
+  (0, _inherits2.default)(HeaderBreadCrumb, _Component);
+
+  var _super = (0, _createSuper2.default)(HeaderBreadCrumb);
+
   function HeaderBreadCrumb() {
     var _this;
+
     (0, _classCallCheck2.default)(this, HeaderBreadCrumb);
+
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-    _this = (0, _callSuper2.default)(this, HeaderBreadCrumb, [].concat(args));
+
+    _this = _super.call.apply(_super, [this].concat(args));
+
     _this.setItemBanksRef = function (node) {
       _this.itemBanksRef = node;
     };
+
     return _this;
   }
-  (0, _inherits2.default)(HeaderBreadCrumb, _Component);
-  return (0, _createClass2.default)(HeaderBreadCrumb, [{
+
+  (0, _createClass2.default)(HeaderBreadCrumb, [{
     key: "componentDidMount",
     value: function componentDidMount() {
       if (this.props.navigateToBuild && this.props.navigateToBanks && this.itemBanksRef) {
@@ -40,32 +61,36 @@ var HeaderBreadCrumb = exports.HeaderBreadCrumb = /*#__PURE__*/function (_Compon
     key: "render",
     value: function render() {
       var _this$props = this.props,
-        returnToUrl = _this$props.returnToUrl,
-        scope = _this$props.scope,
-        navigateToBanks = _this$props.navigateToBanks,
-        renderIcon = _this$props.renderIcon,
-        setItemBanksRef = _this$props.setItemBanksRef,
-        children = _this$props.children;
+          returnToUrl = _this$props.returnToUrl,
+          scope = _this$props.scope,
+          navigateToBanks = _this$props.navigateToBanks,
+          renderIcon = _this$props.renderIcon,
+          setItemBanksRef = _this$props.setItemBanksRef,
+          children = _this$props.children;
       var isScopeEmpty = !Object.keys(scope).length;
       var canvasReferrerLinkText = isScopeEmpty ? null : scope.title;
+
       var canvasReferrerLink = returnToUrl && canvasReferrerLinkText && /*#__PURE__*/_react.default.createElement(_uiBreadcrumb.BreadcrumbLink, {
         key: "Context",
         href: returnToUrl,
         target: "_top"
       }, canvasReferrerLinkText);
+
       var banksLink = /*#__PURE__*/_react.default.createElement(_uiBreadcrumb.BreadcrumbLink, {
         key: "Banks",
         onClick: navigateToBanks,
         renderIcon: renderIcon,
         ref: setItemBanksRef || this.setItemBanksRef
-      }, (0, _formatMessage.default)('Item Banks'));
-
-      // If Breadcrumb has multiple children (even if 2nd is null), it will
+      }, (0, _formatMessage.default)('Item Banks')); // If Breadcrumb has multiple children (even if 2nd is null), it will
       // render the `>` icon, which we don't want if there are no children.
+
+
       var breadCrumbLinks = [banksLink];
+
       if (children) {
         breadCrumbLinks = breadCrumbLinks.concat(children);
       }
+
       if (canvasReferrerLink) breadCrumbLinks.unshift(canvasReferrerLink);
       return /*#__PURE__*/_react.default.createElement(_uiBreadcrumb.Breadcrumb, {
         label: (0, _formatMessage.default)('You are here:'),
@@ -73,7 +98,11 @@ var HeaderBreadCrumb = exports.HeaderBreadCrumb = /*#__PURE__*/function (_Compon
       }, breadCrumbLinks);
     }
   }]);
+  HeaderBreadCrumb.displayName = "HeaderBreadCrumb";
+  return HeaderBreadCrumb;
 }(_react.Component);
+
+exports.HeaderBreadCrumb = HeaderBreadCrumb;
 HeaderBreadCrumb.propTypes = {
   returnToUrl: _propTypes.default.string,
   scope: _propTypes.default.objectOf(_propTypes.default.shape({
@@ -98,4 +127,5 @@ HeaderBreadCrumb.defaultProps = {
   renderIcon: null,
   children: null
 };
-var _default = exports.default = HeaderBreadCrumb;
+var _default = HeaderBreadCrumb;
+exports.default = _default;

package/lib/banks/components/HeaderMenu/index.js

@@ -1,22 +1,34 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+
 var _redux = require("redux");
-var _reactRedux = require("../../../common/react-redux");
-var modalActions = _interopRequireWildcard(require("../../../common/actions/modal"));
-var _ImportModal = require("../../../common/components/ImportModal");
-var _presenter = _interopRequireDefault(require("./presenter"));
+
+var _reactRedux = require("../../../common/react-redux.js");
+
+var modalActions = _interopRequireWildcard(require("../../../common/actions/modal.js"));
+
+var _index = require("../../../common/components/ImportModal/index.js");
+
+var _presenter = _interopRequireDefault(require("./presenter.js"));
+
 function mapStateToProps(state, props) {
   return {};
 }
+
 function mapDispatchToProps(dispatch) {
   return {
-    openImportModal: (0, _redux.bindActionCreators)(modalActions.openModal.bind(modalActions, (0, _ImportModal.generateImportModalId)('qtiImport')), dispatch)
+    openImportModal: (0, _redux.bindActionCreators)(modalActions.openModal.bind(modalActions, (0, _index.generateImportModalId)('qtiImport')), dispatch)
   };
 }
-var _default = exports.default = (0, _reactRedux.connect)(mapStateToProps, mapDispatchToProps)(_presenter.default);
+
+var _default = (0, _reactRedux.connect)(mapStateToProps, mapDispatchToProps)(_presenter.default);
+
+exports.default = _default;

package/lib/banks/components/HeaderMenu/presenter.js

@@ -1,38 +1,67 @@
 "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.HeaderMenu = 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 = require("react");
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _reactImmutableProptypes = _interopRequireDefault(require("react-immutable-proptypes"));
+
 var _uiView = require("@instructure/ui-view");
+
 var _uiMenu = require("@instructure/ui-menu");
+
 var _uiButtons = require("@instructure/ui-buttons");
+
 var _uiTopNavBar = require("@instructure/ui-top-nav-bar");
+
 var _uiDrilldown = require("@instructure/ui-drilldown");
+
 var _uiIcons = require("@instructure/ui-icons");
+
 var _emotion = require("@instructure/emotion");
-var _QTIImportModal = _interopRequireDefault(require("../../../building/components/QTIImportModal"));
+
+var _index = _interopRequireDefault(require("../../../building/components/QTIImportModal/index.js"));
+
 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, _HeaderMenu, _IconImportLine;
-/** @jsx jsx */
-var HeaderMenu = exports.HeaderMenu = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (_HeaderMenu = /*#__PURE__*/function (_Component) {
+
+var _dec, _class, _class2, _temp;
+
+var _ref = (0, _emotion.jsx)(_uiIcons.IconImportLine, {
+  "data-automation": "sdk-headermenu-import-content"
+});
+
+var HeaderMenu = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_Component) {
+  (0, _inherits2.default)(HeaderMenu, _Component);
+
+  var _super = (0, _createSuper2.default)(HeaderMenu);
+
   function HeaderMenu() {
     (0, _classCallCheck2.default)(this, HeaderMenu);
-    return (0, _callSuper2.default)(this, HeaderMenu, arguments);
+    return _super.apply(this, arguments);
   }
-  (0, _inherits2.default)(HeaderMenu, _Component);
-  return (0, _createClass2.default)(HeaderMenu, [{
+
+  (0, _createClass2.default)(HeaderMenu, [{
     key: "renderMenu",
     value: function renderMenu() {
       if (this.props.iceTopNavBarEnabled) {
@@ -50,14 +79,13 @@ var HeaderMenu = exports.HeaderMenu = (_dec = (0, _emotion.withStyle)(_styles.de
             key: "import",
             disabled: !this.props.bank.canImport(),
             onOptionClick: this.props.openImportModal
-          }, _IconImportLine || (_IconImportLine = (0, _emotion.jsx)(_uiIcons.IconImportLine, {
-            "data-automation": "sdk-headermenu-import-content"
-          })), (0, _emotion.jsx)(_uiView.View, {
+          }, _ref, (0, _emotion.jsx)(_uiView.View, {
             as: "span",
             margin: "0 0 0 x-small"
           }, (0, _formatMessage.default)('Import Content')))))
         }, (0, _formatMessage.default)('More Item Banking Actions'));
       }
+
       return (0, _emotion.jsx)(_uiMenu.Menu, {
         trigger: (0, _emotion.jsx)(_uiButtons.IconButton, {
           renderIcon: _uiIcons.IconMoreSolid,
@@ -80,7 +108,7 @@ var HeaderMenu = exports.HeaderMenu = (_dec = (0, _emotion.withStyle)(_styles.de
       var bank = this.props.bank;
       return (0, _emotion.jsx)("div", {
         css: this.props.styles.container
-      }, this.renderMenu(), (0, _emotion.jsx)(_QTIImportModal.default, {
+      }, this.renderMenu(), (0, _emotion.jsx)(_index.default, {
         parentId: bank.id,
         parentType: _quizCommon.PARENT_TYPE_BANK,
         qtiImport: bank.getLatestImport(),
@@ -88,7 +116,9 @@ var HeaderMenu = exports.HeaderMenu = (_dec = (0, _emotion.withStyle)(_styles.de
       }));
     }
   }]);
-}(_react.Component), _HeaderMenu.propTypes = {
+  HeaderMenu.displayName = "HeaderMenu";
+  return HeaderMenu;
+}(_react.Component), _class2.propTypes = {
   openImportModal: _propTypes.default.func.isRequired,
   bank: _reactImmutableProptypes.default.record.isRequired,
   iceTopNavBarEnabled: _propTypes.default.bool,
@@ -96,9 +126,11 @@ var HeaderMenu = exports.HeaderMenu = (_dec = (0, _emotion.withStyle)(_styles.de
   renderIcon: _propTypes.default.element,
   // eslint-disable-next-line react/require-default-props,react/forbid-prop-types
   styles: _propTypes.default.object
-}, _HeaderMenu.defaultProps = {
+}, _class2.defaultProps = {
   iceTopNavBarEnabled: false,
   id: 'BankMenu',
   renderIcon: (0, _emotion.jsx)(_uiIcons.IconMoreSolid, null)
-}, _HeaderMenu)) || _class);
-var _default = exports.default = HeaderMenu;
+}, _temp)) || _class);
+exports.HeaderMenu = HeaderMenu;
+var _default = HeaderMenu;
+exports.default = _default;

package/lib/banks/components/HeaderMenu/styles.js

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

package/lib/banks/components/HeaderMenu/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,
-    typography = _ref.typography;
+      typography = _ref.typography;
   return {
     menuIconMargin: spacing.xSmall,
     menuIconFontSize: typography.fontSizeLarge
   };
 };
-var _default = exports.default = generateComponentTheme;
+
+var _default = generateComponentTheme;
+exports.default = _default;

package/lib/banks/components/NavWrapper/NavWrapper.examples.js

@@ -1,14 +1,19 @@
 "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 _react = _interopRequireDefault(require("react"));
+
 var _uiBreadcrumb = require("@instructure/ui-breadcrumb");
+
 var _uiText = require("@instructure/ui-text");
-var _default = exports.default = {
+
+var _default = {
   propValues: {
     children: [null, /*#__PURE__*/_react.default.createElement(_uiBreadcrumb.BreadcrumbLink, {
       key: "bank"
@@ -18,4 +23,5 @@ var _default = exports.default = {
     navigateToBanks: [null, Function.prototype],
     navigateToBuild: [null, Function.prototype]
   }
-};
+};
+exports.default = _default;

package/lib/banks/components/NavWrapper/index.js

@@ -1,16 +1,24 @@
 "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 _quizCommon = require("@instructure/quiz-common");
-var _reactRedux = require("../../../common/react-redux");
-var _presenter = _interopRequireDefault(require("./presenter"));
+
+var _reactRedux = require("../../../common/react-redux.js");
+
+var _presenter = _interopRequireDefault(require("./presenter.js"));
+
 function mapStateToProps(state) {
   return {
     trayOpen: !!state.getIn(['ui', _quizCommon.BUILD_TRAY_OPEN])
   };
 }
-var _default = exports.default = (0, _reactRedux.connect)(mapStateToProps)(_presenter.default);
+
+var _default = (0, _reactRedux.connect)(mapStateToProps)(_presenter.default);
+
+exports.default = _default;