@instructure/quiz-core 20.20.1-rc.2 → 20.20.1-snapshot.4

package/lib/building/components/layout/Sidebar/index.js

@@ -1,40 +1,24 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.BuildingSidebar = exports.mapDispatchToProps = exports.mapStateToProps = void 0;
-
 var _redux = require("redux");
-
 var _reactRedux = require("../../../../common/react-redux.js");
-
 var _quizCommon = require("@instructure/quiz-common");
-
 var _dragAndDropUtils = require("../../../../common/components/shared/drag_and_drop/dragAndDropUtils.js");
-
 var _dragAndDrop = require("../../../../common/actions/dragAndDrop.js");
-
 var _alerts = require("../../../../common/actions/alerts.js");
-
 var _ui = require("../../../../common/actions/ui.js");
-
 var _modal = require("../../../../common/actions/modal.js");
-
 var _sidebar = require("../../../../common/actions/sidebar.js");
-
 var _scrolling = require("../../../../common/actions/scrolling.js");
-
 var _quizEntries = require("../../../api/quizEntries.js");
-
 var _modifications = require("../../../../common/actions/modifications.js");
-
 var _quizzes = require("../../../../common/selectors/quizzes.js");
-
 var _presenter = _interopRequireDefault(require("./presenter.js"));
-
 var mapStateToProps = function mapStateToProps(state, props) {
   var activeQuiz = (0, _quizzes.getActiveQuiz)(state);
   var workingQuizEntriesIncludingTemp = activeQuiz.getWorkingQuizEntries();
@@ -49,9 +33,7 @@ var mapStateToProps = function mapStateToProps(state, props) {
     totalPointsPossible: totalPointsPossible
   };
 };
-
 exports.mapStateToProps = mapStateToProps;
-
 var mapDispatchToProps = function mapDispatchToProps(dispatch, props) {
   return {
     toggleSidebar: props.toggleSidebar || (0, _redux.bindActionCreators)(_sidebar.toggleSidebar, dispatch),
@@ -66,13 +48,12 @@ var mapDispatchToProps = function mapDispatchToProps(dispatch, props) {
     scrollToItem: props.scrollToItem || (0, _redux.bindActionCreators)(_scrolling.scrollToItem, dispatch),
     screenreaderNotification: (0, _redux.bindActionCreators)(_alerts.screenreaderNotification, dispatch),
     setUi: (0, _redux.bindActionCreators)(_ui.set, dispatch) // for DnD
-
   };
-}; // Sidebar is a dropTarget to handle drops that occur on the sidebar,
+};
+
+// Sidebar is a dropTarget to handle drops that occur on the sidebar,
 // but not directly on a sidebarItem (such as at the top or bottom).
 // it also uses the isOver prop to conditionally render dropZones on Build vs Sidebar
-
-
 exports.mapDispatchToProps = mapDispatchToProps;
 var BuildingSidebar = (0, _redux.compose)((0, _reactRedux.connect)(mapStateToProps, mapDispatchToProps), (0, _dragAndDropUtils.DropTargetCreator)(_quizCommon.SIDEBAR_ITEM_REF))(_presenter.default);
 exports.BuildingSidebar = BuildingSidebar;

package/lib/building/components/layout/Sidebar/presenter.js

@@ -1,70 +1,49 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.BuildingSidebar = void 0;
-
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-
 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 _emotion = require("@instructure/emotion");
-
 var _index = _interopRequireDefault(require("./SidebarItem/index.js"));
-
 var _index2 = _interopRequireDefault(require("./Stimulus/index.js"));
-
 var _index3 = _interopRequireDefault(require("../../../../common/components/layout/sidebar/Sidebar/index.js"));
-
 var _generateDisplayPositions = _interopRequireDefault(require("../../../../common/util/generateDisplayPositions.js"));
-
 var _quizInteractions = require("@instructure/quiz-interactions");
-
 var _styles = _interopRequireDefault(require("./styles.js"));
-
 var _theme = _interopRequireDefault(require("./theme.js"));
-
 var _quizCommon = require("@instructure/quiz-common");
-
 var _formatMessage = _interopRequireDefault(require("@instructure/quiz-i18n/es/format-message"));
-
-var _dec, _class, _class2, _temp;
-
-var BuildingSidebar = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_Component) {
+var _dec, _class, _BuildingSidebar;
+/** @jsx jsx */
+/* eslint "array-callback-return": "warn" */
+var BuildingSidebar = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (_BuildingSidebar = /*#__PURE__*/function (_Component) {
   (0, _inherits2.default)(BuildingSidebar, _Component);
-
   var _super = (0, _createSuper2.default)(BuildingSidebar);
-
   function BuildingSidebar() {
     var _this;
-
     (0, _classCallCheck2.default)(this, BuildingSidebar);
-
     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));
-
+    // NOTE: we use a higher order function here only so that we can match
+    // the props provided to our common interface from the TakingSidebar.
     _this.scrollToItem = function (_) {
       return function (scrollKey) {
         _this.props.scrollToItem(scrollKey);
       };
     };
-
+    // need to pass isOver this way to force a rerender when it changes,
+    // since only this function is passed down for rendering items in stimuli
     _this.renderItem = function () {
       var isOver = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : _this.props.isOver;
       return function (quizEntry, displayPosition, sidebarIsOpen) {
@@ -85,26 +64,20 @@ var BuildingSidebar = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.de
         });
       };
     };
-
     _this.renderBankEntry = function (quizEntry, displayPosition, sidebarIsOpen) {
       if (quizEntry.hasStimulus) {
         return _this.renderStimulus(quizEntry, displayPosition, sidebarIsOpen);
       }
-
       return _this.renderItem()(quizEntry, displayPosition, sidebarIsOpen);
     };
-
     _this.storeStartQuizEntriesRef = function (node) {
       _this.startQuizEntries = node;
     };
-
     _this.storeEndQuizEntriesRef = function (node) {
       _this.endQuizEntries = node;
     };
-
     return _this;
   }
-
   (0, _createClass2.default)(BuildingSidebar, [{
     key: "componentDidMount",
     value: function componentDidMount() {
@@ -122,11 +95,9 @@ var BuildingSidebar = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.de
         case 'Item':
         case 'BankEntry':
           return (0, _quizInteractions.extractTextFromHtml)(quizEntry.getItem().getItemBody() || '');
-
         case 'Bank':
           return quizEntry.getEntry().title;
       }
-
       return '';
     }
   }, {
@@ -136,7 +107,6 @@ var BuildingSidebar = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.de
         case 'Item':
         case 'BankEntry':
           return quizEntry.getItem().getInteractionType().name;
-
         case 'Bank':
           return (0, _formatMessage.default)('Banked Content');
       }
@@ -147,7 +117,6 @@ var BuildingSidebar = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.de
       if (quizEntry.entryType !== 'Item') {
         return false;
       }
-
       var item = quizEntry.getEntry();
       return item.getWorkingInstance().isTemporary();
     }
@@ -160,13 +129,10 @@ var BuildingSidebar = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.de
     key: "setRef",
     value: function setRef(quizEntryId) {
       var _this2 = this;
-
       return function (node) {
         _this2[_this2.setKey(quizEntryId)] = node;
       };
-    } // NOTE: we use a higher order function here only so that we can match
-    // the props provided to our common interface from the TakingSidebar.
-
+    }
   }, {
     key: "renderStimulus",
     value: function renderStimulus(quizEntry, displayPosition, sidebarIsOpen) {
@@ -186,25 +152,19 @@ var BuildingSidebar = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.de
     key: "renderSidebarItems",
     value: function renderSidebarItems(sidebarIsOpen) {
       var _this3 = this;
-
       var quizEntries = this.props.quizEntries;
       return (0, _generateDisplayPositions.default)(quizEntries).reduce(function (renderedQuizEntries, quizEntry) {
         var entryType = quizEntry.record.entryType;
-
         if (entryType === 'Item' || entryType === 'Bank') {
           var itemOrBank = _this3.renderItem()(quizEntry.record, quizEntry.displayPosition, sidebarIsOpen);
-
           renderedQuizEntries.push(itemOrBank);
         } else if (entryType === 'BankEntry') {
           var bankEntry = _this3.renderBankEntry(quizEntry.record, quizEntry.displayPosition, sidebarIsOpen);
-
           renderedQuizEntries.push(bankEntry);
         } else if (entryType === 'Stimulus') {
           var stimulus = _this3.renderStimulus(quizEntry.record, quizEntry.displayPosition, sidebarIsOpen);
-
           renderedQuizEntries.push(stimulus);
         }
-
         return renderedQuizEntries;
       }, []);
     }
@@ -213,8 +173,7 @@ var BuildingSidebar = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.de
     value: function render() {
       var openClass = !this.props.sidebarOpen ? 'sidebarIsClosed' : 'sidebarIsOpen';
       var isOverClass = !this.props.isOver ? 'hide' : '';
-      return this.props.connectDropTarget(
-      /* React DnD requires a native element node like our div below */
+      return this.props.connectDropTarget(/* React DnD requires a native element node like our div below */
       (0, _emotion.jsx)("div", {
         style: {
           display: 'flex'
@@ -245,7 +204,7 @@ var BuildingSidebar = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.de
   }]);
   BuildingSidebar.displayName = "BuildingSidebar";
   return BuildingSidebar;
-}(_react.Component), _class2.propTypes = {
+}(_react.Component), _BuildingSidebar.propTypes = {
   connectDropTarget: _propTypes.default.func.isRequired,
   isOver: _propTypes.default.bool,
   quizEntries: _reactImmutableProptypes.default.list.isRequired,
@@ -257,10 +216,10 @@ var BuildingSidebar = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.de
   totalPointsPossible: _propTypes.default.number.isRequired,
   styles: _propTypes.default.object,
   makeStyles: _propTypes.default.func
-}, _class2.defaultProps = {
+}, _BuildingSidebar.defaultProps = {
   isOver: false,
   role: 'navigation'
-}, _temp)) || _class);
+}, _BuildingSidebar)) || _class);
 exports.BuildingSidebar = BuildingSidebar;
 var _default = BuildingSidebar;
 exports.default = _default;

package/lib/building/components/layout/Sidebar/styles.js

@@ -1,14 +1,11 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-
 var generateStyle = function generateStyle(componentTheme, props) {
   return {
     /* this class is to allow space for dragging an item
@@ -33,6 +30,5 @@ var generateStyle = function generateStyle(componentTheme, props) {
     })
   };
 };
-
 var _default = generateStyle;
 exports.default = _default;

package/lib/building/components/layout/Sidebar/theme.js

@@ -4,13 +4,11 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var generateComponentTheme = function generateComponentTheme(_ref) {
   var spacing = _ref.spacing;
   return {
     bottomPadding: spacing.xLarge
   };
 };
-
 var _default = generateComponentTheme;
 exports.default = _default;

package/lib/building/components/layout/header/BuildingButtons/index.js

@@ -1,39 +1,24 @@
 "use strict";
 
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.mapStateToProps = mapStateToProps;
 exports.default = exports.BuildingButtons = void 0;
-
 var _redux = require("redux");
-
 var _partial = _interopRequireDefault(require("lodash/partial"));
-
 var _reactRedux = require("../../../../../common/react-redux.js");
-
 var modalActions = _interopRequireWildcard(require("../../../../../common/actions/modal.js"));
-
 var _ui = require("../../../../../common/actions/ui.js");
-
 var _quizCommon = require("@instructure/quiz-common");
-
 var _index = require("../../../../../common/components/ImportModal/index.js");
-
 var _presenter = require("./presenter.js");
-
 var _quizzes = require("../../../../../common/selectors/quizzes.js");
-
 var _featureCheck = require("../../../../../common/util/featureCheck.js");
-
 var _quizExport = require("../../../../../common/actions/quizExport.js");
-
 var _alerts = require("../../../../../common/actions/alerts.js");
-
 function mapStateToProps(state) {
   var quiz = (0, _quizzes.getActiveQuiz)(state);
   return {
@@ -47,7 +32,6 @@ function mapStateToProps(state) {
     printingEnabled: (0, _featureCheck.featureOn)('printing')
   };
 }
-
 var mapDispatchToProps = function mapDispatchToProps(dispatch) {
   return {
     addAlert: (0, _redux.bindActionCreators)(_alerts.addAlert, dispatch),
@@ -58,7 +42,6 @@ var mapDispatchToProps = function mapDispatchToProps(dispatch) {
     openModal: (0, _redux.bindActionCreators)(modalActions.openModal.bind(modalActions, (0, _index.generateImportModalId)('qtiImport')), dispatch)
   };
 };
-
 var BuildingButtons = (0, _reactRedux.connect)(mapStateToProps, mapDispatchToProps)(_presenter.BuildingButtons);
 exports.BuildingButtons = BuildingButtons;
 var _default = BuildingButtons;

package/lib/building/components/layout/header/BuildingButtons/presenter.js

@@ -1,107 +1,71 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.BuildingButtons = void 0;
-
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-
 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 _uiMenu = require("@instructure/ui-menu");
-
 var _uiIcons = require("@instructure/ui-icons");
-
 var _uiView = require("@instructure/ui-view");
-
 var _uiDrilldown = require("@instructure/ui-drilldown");
-
 var _uiTopNavBar = require("@instructure/ui-top-nav-bar");
-
 var _index = _interopRequireDefault(require("../../../../../common/components/shared/PrintTrigger/index.js"));
-
 var _quizCommon = require("@instructure/quiz-common");
-
 var _emotion = require("@instructure/emotion");
-
 var _formatMessage = _interopRequireDefault(require("@instructure/quiz-i18n/es/format-message"));
-
 var _styles = _interopRequireDefault(require("./styles.js"));
-
 var _theme = _interopRequireDefault(require("./theme.js"));
-
-var _dec, _class, _class2, _temp;
-
+var _dec, _class, _BuildingButtons;
+/** @jsx jsx */
 var _ref = (0, _emotion.jsx)(_uiIcons.IconSpeedGraderLine, null);
-
-var BuildingButtons = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_Component) {
+var BuildingButtons = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (_BuildingButtons = /*#__PURE__*/function (_Component) {
   (0, _inherits2.default)(BuildingButtons, _Component);
-
   var _super = (0, _createSuper2.default)(BuildingButtons);
-
   function BuildingButtons() {
     var _this;
-
     (0, _classCallCheck2.default)(this, BuildingButtons);
-
     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.quizExportAlert = function () {
       _this.props.addInfo((0, _formatMessage.default)("The export process has been started. This can take a while for larger quizzes.\n      You can leave the page and you'll get notified when the export is completed."));
     };
-
     _this.openBanksTray = function () {
       _this.props.setBanksTrayButtonRef(_this.banksTrayButton);
-
       _this.props.openBanksTray();
     };
-
     _this.openSpeedgraderLink = function () {
       window.open(_this.props.speedgraderLink, '_blank');
     };
-
     _this.startQuizExportJob = function () {
       if (_this.props.canExport) {
         var _this$props = _this.props,
-            activeQuizId = _this$props.activeQuizId,
-            contextUuid = _this$props.contextUuid;
+          activeQuizId = _this$props.activeQuizId,
+          contextUuid = _this$props.contextUuid;
         var exportSettings = {
           export_type: 'qti',
           everything: false,
           quizzes: [activeQuizId]
         };
-
         _this.quizExportAlert();
-
         _this.props.contentExport({
           contextUuid: contextUuid,
           exportSettings: exportSettings
         }, _this.props.addAlert);
-
         _this.props.startExport(activeQuizId);
       }
     };
-
     return _this;
   }
-
   (0, _createClass2.default)(BuildingButtons, [{
     key: "componentDidMount",
     value: function componentDidMount() {
@@ -131,7 +95,6 @@ var BuildingButtons = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.de
     value: function renderSpeedGraderButton() {
       var key = 'speedgrader';
       var text = (0, _formatMessage.default)('Speedgrader');
-
       if (this.props.iceTopNavBarEnabled) {
         return (0, _emotion.jsx)(_uiDrilldown.Drilldown.Option, {
           id: key,
@@ -142,7 +105,6 @@ var BuildingButtons = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.de
           margin: "0 0 0 x-small"
         }, text));
       }
-
       return (0, _emotion.jsx)(_uiMenu.Menu.Item, {
         key: key,
         onSelect: this.openSpeedgraderLink
@@ -159,7 +121,6 @@ var BuildingButtons = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.de
       var disabled = !this.props.canImport;
       var menuItemDataAutomation = 'sdk-import-content-menuitem';
       var iconDataAutomation = 'sdk-import-content-icon';
-
       if (this.props.iceTopNavBarEnabled) {
         return (0, _emotion.jsx)(_uiDrilldown.Drilldown.Option, {
           id: key,
@@ -174,7 +135,6 @@ var BuildingButtons = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.de
           margin: "0 0 0 x-small"
         }, text));
       }
-
       return (0, _emotion.jsx)(_uiMenu.Menu.Item, {
         key: key,
         disabled: disabled,
@@ -194,7 +154,6 @@ var BuildingButtons = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.de
       var disabled = !this.props.canExport;
       var menuItemDataAutomation = 'sdk-export-content-menuitem';
       var iconDataAutomation = 'sdk-export-content-icon';
-
       if (this.props.iceTopNavBarEnabled) {
         return (0, _emotion.jsx)(_uiDrilldown.Drilldown.Option, {
           id: key,
@@ -209,7 +168,6 @@ var BuildingButtons = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.de
           margin: "0 0 0 x-small"
         }, text));
       }
-
       return (0, _emotion.jsx)(_uiMenu.Menu.Item, {
         key: key,
         disabled: disabled,
@@ -228,7 +186,6 @@ var BuildingButtons = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.de
       var onClick = this.props.navigateToBanks;
       var menuItemDataAutomation = 'sdk-manage-item-banks-menuitem';
       var iconDataAutomation = 'sdk-manage-item-banks-icon';
-
       if (this.props.iceTopNavBarEnabled) {
         return (0, _emotion.jsx)(_uiDrilldown.Drilldown.Option, {
           id: key,
@@ -242,7 +199,6 @@ var BuildingButtons = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.de
           margin: "0 0 0 x-small"
         }, text));
       }
-
       return (0, _emotion.jsx)(_uiMenu.Menu.Item, {
         key: key,
         onSelect: onClick,
@@ -257,15 +213,12 @@ var BuildingButtons = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.de
     value: function renderPrintKeyButton(handlePrint) {
       var key = 'printKey';
       var text = (0, _formatMessage.default)('Print Key (With Answers)');
-
       var onClick = function onClick() {
         return handlePrint(_quizCommon.PRINT_CURRENT_PAGE);
       };
-
       var disabled = !this.props.hasQuestions || this.props.isEditing;
       var menuItemDataAutomation = 'sdk-print-key-menuitem';
       var iconDataAutomation = 'sdk-print-icon';
-
       if (this.props.iceTopNavBarEnabled) {
         return (0, _emotion.jsx)(_uiDrilldown.Drilldown.Option, {
           id: key,
@@ -281,7 +234,6 @@ var BuildingButtons = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.de
           margin: "0 0 0 x-small"
         }, text));
       }
-
       return (0, _emotion.jsx)(_uiMenu.Menu.Item, {
         key: key,
         disabled: disabled,
@@ -298,15 +250,12 @@ var BuildingButtons = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.de
     value: function renderPrintBlankButton(handlePrint) {
       var key = 'printBlank';
       var text = (0, _formatMessage.default)('Print Blank Quiz');
-
       var onClick = function onClick() {
         return handlePrint(_quizCommon.PRINT_BLANK);
       };
-
       var disabled = !this.props.hasQuestions || this.props.isEditing;
       var menuItemDataAutomation = 'sdk-print-blank-menuitem';
       var iconDataAutomation = 'sdk-print-blank-icon';
-
       if (this.props.iceTopNavBarEnabled) {
         return (0, _emotion.jsx)(_uiDrilldown.Drilldown.Option, {
           id: key,
@@ -322,7 +271,6 @@ var BuildingButtons = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.de
           margin: "0 0 0 x-small"
         }, text));
       }
-
       return (0, _emotion.jsx)(_uiMenu.Menu.Item, {
         key: key,
         disabled: disabled,
@@ -339,28 +287,21 @@ var BuildingButtons = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.de
     value: function renderMenu(handlePrint) {
       if (!this.isBuildingPage()) return;
       var menuItems = [];
-
       if (this.props.speedgraderLink) {
         menuItems.push(this.renderSpeedGraderButton());
       }
-
       menuItems.push(this.renderImportContentButton());
-
       if (this.props.contentExportEnabled) {
         menuItems.push(this.renderContentExportButton());
       }
-
       if (this.props.enableItemBanking) {
         menuItems.push(this.renderManageItemBanksButton());
       }
-
       if (this.props.printingEnabled) {
         menuItems.push(this.renderPrintKeyButton(handlePrint));
         menuItems.push(this.renderPrintBlankButton(handlePrint));
       }
-
       if (menuItems.length < 1) return;
-
       if (this.props.iceTopNavBarEnabled) {
         return (0, _emotion.jsx)(_uiTopNavBar.TopNavBar.Item, {
           id: this.props.id,
@@ -374,7 +315,6 @@ var BuildingButtons = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.de
           }, menuItems))
         }, (0, _formatMessage.default)('More'));
       }
-
       return (0, _emotion.jsx)(_uiMenu.Menu, {
         trigger: (0, _emotion.jsx)(_uiButtons.IconButton, {
           renderIcon: _uiIcons.IconMoreSolid,
@@ -389,7 +329,6 @@ var BuildingButtons = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.de
     key: "render",
     value: function render() {
       var _this2 = this;
-
       return (0, _emotion.jsx)("div", {
         css: this.props.styles.buttonsHolder
       }, this.renderSavingMessage(), (0, _emotion.jsx)(_index.default, {
@@ -402,7 +341,7 @@ var BuildingButtons = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.de
   }]);
   BuildingButtons.displayName = "BuildingButtons";
   return BuildingButtons;
-}(_react.Component), _class2.propTypes = {
+}(_react.Component), _BuildingButtons.propTypes = {
   app: _propTypes.default.string,
   addAlert: _propTypes.default.func.isRequired,
   addInfo: _propTypes.default.func,
@@ -429,7 +368,7 @@ var BuildingButtons = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.de
   renderIcon: _propTypes.default.element,
   makeStyles: _propTypes.default.func,
   styles: _propTypes.default.object
-}, _class2.defaultProps = {
+}, _BuildingButtons.defaultProps = {
   activeQuizId: null,
   addInfo: function addInfo() {},
   app: null,
@@ -442,7 +381,7 @@ var BuildingButtons = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.de
   iceTopNavBarEnabled: false,
   id: 'MoreButton',
   renderIcon: (0, _emotion.jsx)(_uiIcons.IconMoreSolid, null)
-}, _temp)) || _class);
+}, _BuildingButtons)) || _class);
 exports.BuildingButtons = BuildingButtons;
 var _default = BuildingButtons;
 exports.default = _default;

package/lib/building/components/layout/header/BuildingButtons/styles.js

@@ -1,14 +1,11 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-
 var generateStyle = function generateStyle(componentTheme, props) {
   var iceTopNavBarEnabled = props.iceTopNavBarEnabled;
   return {
@@ -30,6 +27,5 @@ var generateStyle = function generateStyle(componentTheme, props) {
     }
   };
 };
-
 var _default = generateStyle;
 exports.default = _default;