@instructure/quiz-core 20.17.2-rc.9 → 20.17.2

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

@@ -1,102 +1,66 @@
 "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.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.js");
-
+var _instUIMessages = require("../../../common/util/instUIMessages");
 var _quizCommon = require("@instructure/quiz-common");
-
-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);
-
+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) {
   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 = _super.call.apply(_super, [this].concat(args));
-
+    _this = (0, _callSuper2.default)(this, EditBankModal, [].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, _createClass2.default)(EditBankModal, [{
+  (0, _inherits2.default)(EditBankModal, _Component);
+  return (0, _createClass2.default)(EditBankModal, [{
     key: "renderCancelButton",
     value: function renderCancelButton() {
       return (0, _emotion.jsx)(_uiButtons.Button, {
@@ -150,9 +114,7 @@ var EditBankModal = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.defa
       })), (0, _emotion.jsx)(_quizCommon.ModalBody, null, this.renderContent()), (0, _emotion.jsx)(_quizCommon.ModalFooter, null, this.renderCancelButton(), this.renderSaveButton()));
     }
   }]);
-  EditBankModal.displayName = "EditBankModal";
-  return EditBankModal;
-}(_react.Component), _class2.propTypes = {
+}(_react.Component), _EditBankModal.propTypes = {
   modalOpen: _propTypes.default.bool.isRequired,
   modalTrigger: _propTypes.default.instanceOf(_react.Component),
   workingBank: _propTypes.default.instanceOf(_Bank.default).isRequired,
@@ -166,10 +128,8 @@ var EditBankModal = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.defa
   closeModal: _propTypes.default.func.isRequired,
   // eslint-disable-next-line react/require-default-props,react/forbid-prop-types
   styles: _propTypes.default.object
-}, _class2.defaultProps = {
+}, _EditBankModal.defaultProps = {
   displayError: false,
   modalTrigger: null
-}, _temp)) || _class);
-exports.EditBankModal = EditBankModal;
-var _default = EditBankModal;
-exports.default = _default;
+}, _EditBankModal)) || _class);
+var _default = exports.default = EditBankModal;

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

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

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

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

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

@@ -1,56 +1,35 @@
 "use strict";
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 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 = /*#__PURE__*/function (_Component) {
-  (0, _inherits2.default)(HeaderBreadCrumb, _Component);
-
-  var _super = (0, _createSuper2.default)(HeaderBreadCrumb);
-
+var HeaderBreadCrumb = exports.HeaderBreadCrumb = /*#__PURE__*/function (_Component) {
   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 = _super.call.apply(_super, [this].concat(args));
-
+    _this = (0, _callSuper2.default)(this, HeaderBreadCrumb, [].concat(args));
     _this.setItemBanksRef = function (node) {
       _this.itemBanksRef = node;
     };
-
     return _this;
   }
-
-  (0, _createClass2.default)(HeaderBreadCrumb, [{
+  (0, _inherits2.default)(HeaderBreadCrumb, _Component);
+  return (0, _createClass2.default)(HeaderBreadCrumb, [{
     key: "componentDidMount",
     value: function componentDidMount() {
       if (this.props.navigateToBuild && this.props.navigateToBanks && this.itemBanksRef) {
@@ -61,36 +40,32 @@ var HeaderBreadCrumb = /*#__PURE__*/function (_Component) {
     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
-      // render the `>` icon, which we don't want if there are no children.
-
+      }, (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:'),
@@ -98,11 +73,7 @@ var HeaderBreadCrumb = /*#__PURE__*/function (_Component) {
       }, breadCrumbLinks);
     }
   }]);
-  HeaderBreadCrumb.displayName = "HeaderBreadCrumb";
-  return HeaderBreadCrumb;
 }(_react.Component);
-
-exports.HeaderBreadCrumb = HeaderBreadCrumb;
 HeaderBreadCrumb.propTypes = {
   returnToUrl: _propTypes.default.string,
   scope: _propTypes.default.objectOf(_propTypes.default.shape({
@@ -127,5 +98,4 @@ HeaderBreadCrumb.defaultProps = {
   renderIcon: null,
   children: null
 };
-var _default = HeaderBreadCrumb;
-exports.default = _default;
+var _default = exports.default = HeaderBreadCrumb;

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

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

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

@@ -1,67 +1,38 @@
 "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.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 _index = _interopRequireDefault(require("../../../building/components/QTIImportModal/index.js"));
-
+var _QTIImportModal = _interopRequireDefault(require("../../../building/components/QTIImportModal"));
 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 _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);
-
+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) {
   function HeaderMenu() {
     (0, _classCallCheck2.default)(this, HeaderMenu);
-    return _super.apply(this, arguments);
+    return (0, _callSuper2.default)(this, HeaderMenu, arguments);
   }
-
-  (0, _createClass2.default)(HeaderMenu, [{
+  (0, _inherits2.default)(HeaderMenu, _Component);
+  return (0, _createClass2.default)(HeaderMenu, [{
     key: "renderMenu",
     value: function renderMenu() {
       if (this.props.iceTopNavBarEnabled) {
@@ -79,13 +50,14 @@ var HeaderMenu = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default
             key: "import",
             disabled: !this.props.bank.canImport(),
             onOptionClick: this.props.openImportModal
-          }, _ref, (0, _emotion.jsx)(_uiView.View, {
+          }, _IconImportLine || (_IconImportLine = (0, _emotion.jsx)(_uiIcons.IconImportLine, {
+            "data-automation": "sdk-headermenu-import-content"
+          })), (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,
@@ -108,7 +80,7 @@ var HeaderMenu = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default
       var bank = this.props.bank;
       return (0, _emotion.jsx)("div", {
         css: this.props.styles.container
-      }, this.renderMenu(), (0, _emotion.jsx)(_index.default, {
+      }, this.renderMenu(), (0, _emotion.jsx)(_QTIImportModal.default, {
         parentId: bank.id,
         parentType: _quizCommon.PARENT_TYPE_BANK,
         qtiImport: bank.getLatestImport(),
@@ -116,9 +88,7 @@ var HeaderMenu = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default
       }));
     }
   }]);
-  HeaderMenu.displayName = "HeaderMenu";
-  return HeaderMenu;
-}(_react.Component), _class2.propTypes = {
+}(_react.Component), _HeaderMenu.propTypes = {
   openImportModal: _propTypes.default.func.isRequired,
   bank: _reactImmutableProptypes.default.record.isRequired,
   iceTopNavBarEnabled: _propTypes.default.bool,
@@ -126,11 +96,9 @@ var HeaderMenu = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default
   renderIcon: _propTypes.default.element,
   // eslint-disable-next-line react/require-default-props,react/forbid-prop-types
   styles: _propTypes.default.object
-}, _class2.defaultProps = {
+}, _HeaderMenu.defaultProps = {
   iceTopNavBarEnabled: false,
   id: 'BankMenu',
   renderIcon: (0, _emotion.jsx)(_uiIcons.IconMoreSolid, null)
-}, _temp)) || _class);
-exports.HeaderMenu = HeaderMenu;
-var _default = HeaderMenu;
-exports.default = _default;
+}, _HeaderMenu)) || _class);
+var _default = exports.default = HeaderMenu;

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

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

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

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

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

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

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