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

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

@@ -1,70 +1,108 @@
 "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.BuildingButtons = 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 _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 _PrintTrigger = _interopRequireDefault(require("../../../../../common/components/shared/PrintTrigger"));
+
+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"));
-var _theme = _interopRequireDefault(require("./theme"));
-var _dec, _class, _BuildingButtons, _IconSpeedGraderLine;
-/** @jsx jsx */
-var BuildingButtons = exports.BuildingButtons = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (_BuildingButtons = /*#__PURE__*/function (_Component) {
+
+var _styles = _interopRequireDefault(require("./styles.js"));
+
+var _theme = _interopRequireDefault(require("./theme.js"));
+
+var _dec, _class, _class2, _temp;
+
+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) {
+  (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 = (0, _callSuper2.default)(this, BuildingButtons, [].concat(args));
+
+    _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, _inherits2.default)(BuildingButtons, _Component);
-  return (0, _createClass2.default)(BuildingButtons, [{
+
+  (0, _createClass2.default)(BuildingButtons, [{
     key: "componentDidMount",
     value: function componentDidMount() {
       this.props.makeStyles();
@@ -93,16 +131,18 @@ var BuildingButtons = exports.BuildingButtons = (_dec = (0, _emotion.withStyle)(
     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,
           key: key,
           onOptionClick: this.openSpeedgraderLink
-        }, _IconSpeedGraderLine || (_IconSpeedGraderLine = (0, _emotion.jsx)(_uiIcons.IconSpeedGraderLine, null)), (0, _emotion.jsx)(_uiView.View, {
+        }, _ref, (0, _emotion.jsx)(_uiView.View, {
           as: "span",
           margin: "0 0 0 x-small"
         }, text));
       }
+
       return (0, _emotion.jsx)(_uiMenu.Menu.Item, {
         key: key,
         onSelect: this.openSpeedgraderLink
@@ -119,6 +159,7 @@ var BuildingButtons = exports.BuildingButtons = (_dec = (0, _emotion.withStyle)(
       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,
@@ -133,6 +174,7 @@ var BuildingButtons = exports.BuildingButtons = (_dec = (0, _emotion.withStyle)(
           margin: "0 0 0 x-small"
         }, text));
       }
+
       return (0, _emotion.jsx)(_uiMenu.Menu.Item, {
         key: key,
         disabled: disabled,
@@ -152,6 +194,7 @@ var BuildingButtons = exports.BuildingButtons = (_dec = (0, _emotion.withStyle)(
       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,
@@ -166,6 +209,7 @@ var BuildingButtons = exports.BuildingButtons = (_dec = (0, _emotion.withStyle)(
           margin: "0 0 0 x-small"
         }, text));
       }
+
       return (0, _emotion.jsx)(_uiMenu.Menu.Item, {
         key: key,
         disabled: disabled,
@@ -184,6 +228,7 @@ var BuildingButtons = exports.BuildingButtons = (_dec = (0, _emotion.withStyle)(
       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,
@@ -197,6 +242,7 @@ var BuildingButtons = exports.BuildingButtons = (_dec = (0, _emotion.withStyle)(
           margin: "0 0 0 x-small"
         }, text));
       }
+
       return (0, _emotion.jsx)(_uiMenu.Menu.Item, {
         key: key,
         onSelect: onClick,
@@ -211,12 +257,15 @@ var BuildingButtons = exports.BuildingButtons = (_dec = (0, _emotion.withStyle)(
     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,
@@ -232,6 +281,7 @@ var BuildingButtons = exports.BuildingButtons = (_dec = (0, _emotion.withStyle)(
           margin: "0 0 0 x-small"
         }, text));
       }
+
       return (0, _emotion.jsx)(_uiMenu.Menu.Item, {
         key: key,
         disabled: disabled,
@@ -248,12 +298,15 @@ var BuildingButtons = exports.BuildingButtons = (_dec = (0, _emotion.withStyle)(
     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,
@@ -269,6 +322,7 @@ var BuildingButtons = exports.BuildingButtons = (_dec = (0, _emotion.withStyle)(
           margin: "0 0 0 x-small"
         }, text));
       }
+
       return (0, _emotion.jsx)(_uiMenu.Menu.Item, {
         key: key,
         disabled: disabled,
@@ -285,21 +339,28 @@ var BuildingButtons = exports.BuildingButtons = (_dec = (0, _emotion.withStyle)(
     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,
@@ -313,6 +374,7 @@ var BuildingButtons = exports.BuildingButtons = (_dec = (0, _emotion.withStyle)(
           }, menuItems))
         }, (0, _formatMessage.default)('More'));
       }
+
       return (0, _emotion.jsx)(_uiMenu.Menu, {
         trigger: (0, _emotion.jsx)(_uiButtons.IconButton, {
           renderIcon: _uiIcons.IconMoreSolid,
@@ -327,9 +389,10 @@ var BuildingButtons = exports.BuildingButtons = (_dec = (0, _emotion.withStyle)(
     key: "render",
     value: function render() {
       var _this2 = this;
+
       return (0, _emotion.jsx)("div", {
         css: this.props.styles.buttonsHolder
-      }, this.renderSavingMessage(), (0, _emotion.jsx)(_PrintTrigger.default, {
+      }, this.renderSavingMessage(), (0, _emotion.jsx)(_index.default, {
         render: function render(handlePrint) {
           return _this2.renderMenu(handlePrint);
         },
@@ -337,7 +400,9 @@ var BuildingButtons = exports.BuildingButtons = (_dec = (0, _emotion.withStyle)(
       }));
     }
   }]);
-}(_react.Component), _BuildingButtons.propTypes = {
+  BuildingButtons.displayName = "BuildingButtons";
+  return BuildingButtons;
+}(_react.Component), _class2.propTypes = {
   app: _propTypes.default.string,
   addAlert: _propTypes.default.func.isRequired,
   addInfo: _propTypes.default.func,
@@ -364,7 +429,7 @@ var BuildingButtons = exports.BuildingButtons = (_dec = (0, _emotion.withStyle)(
   renderIcon: _propTypes.default.element,
   makeStyles: _propTypes.default.func,
   styles: _propTypes.default.object
-}, _BuildingButtons.defaultProps = {
+}, _class2.defaultProps = {
   activeQuizId: null,
   addInfo: function addInfo() {},
   app: null,
@@ -377,5 +442,7 @@ var BuildingButtons = exports.BuildingButtons = (_dec = (0, _emotion.withStyle)(
   iceTopNavBarEnabled: false,
   id: 'MoreButton',
   renderIcon: (0, _emotion.jsx)(_uiIcons.IconMoreSolid, null)
-}, _BuildingButtons)) || _class);
-var _default = exports.default = BuildingButtons;
+}, _temp)) || _class);
+exports.BuildingButtons = BuildingButtons;
+var _default = BuildingButtons;
+exports.default = _default;

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

@@ -1,11 +1,14 @@
 "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 _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+
 var generateStyle = function generateStyle(componentTheme, props) {
   var iceTopNavBarEnabled = props.iceTopNavBarEnabled;
   return {
@@ -27,4 +30,6 @@ var generateStyle = function generateStyle(componentTheme, props) {
     }
   };
 };
-var _default = exports.default = generateStyle;
+
+var _default = generateStyle;
+exports.default = _default;

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

@@ -4,10 +4,11 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+
 var generateComponentTheme = function generateComponentTheme(_ref) {
   var colors = _ref.colors,
-    spacing = _ref.spacing,
-    typography = _ref.typography;
+      spacing = _ref.spacing,
+      typography = _ref.typography;
   return {
     quizSavingColor: colors.lightGray,
     quizSavingMargin: spacing.large,
@@ -16,4 +17,6 @@ var generateComponentTheme = function generateComponentTheme(_ref) {
     menuIconFontSize: typography.fontSizeLarge
   };
 };
-var _default = exports.default = generateComponentTheme;
+
+var _default = generateComponentTheme;
+exports.default = _default;

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

@@ -1,18 +1,27 @@
 "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.SDKBuildingButtons = void 0;
+
 var _react = _interopRequireDefault(require("react"));
-var _reactRedux = require("../../../../../common/react-redux");
-var _reduxStore = _interopRequireDefault(require("../../../../../reduxStore"));
-var _BuildingButtons = _interopRequireDefault(require("../BuildingButtons"));
-var SDKBuildingButtons = exports.SDKBuildingButtons = function SDKBuildingButtons(props) {
+
+var _reactRedux = require("../../../../../common/react-redux.js");
+
+var _reduxStore = _interopRequireDefault(require("../../../../../reduxStore.js"));
+
+var _index = _interopRequireDefault(require("../BuildingButtons/index.js"));
+
+var SDKBuildingButtons = function SDKBuildingButtons(props) {
   return /*#__PURE__*/_react.default.createElement(_reactRedux.Provider, {
     store: _reduxStore.default
-  }, /*#__PURE__*/_react.default.createElement(_BuildingButtons.default, props));
+  }, /*#__PURE__*/_react.default.createElement(_index.default, props));
 };
+
+exports.SDKBuildingButtons = SDKBuildingButtons;
 SDKBuildingButtons.displayName = 'SDKBuildingButtons';
-var _default = exports.default = SDKBuildingButtons;
+var _default = SDKBuildingButtons;
+exports.default = _default;

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

@@ -1,27 +1,40 @@
 "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.ActionButtons = void 0;
+
 var _immutable = require("immutable");
+
 var _redux = require("redux");
-var _reactRedux = require("../../../../common/react-redux");
-var _presenter = require("./presenter");
-var _disableDraggingOverride = _interopRequireDefault(require("../../../../common/components/shared/functionality/disableDraggingOverride"));
+
+var _reactRedux = require("../../../../common/react-redux.js");
+
+var _presenter = require("./presenter.js");
+
+var _disableDraggingOverride = _interopRequireDefault(require("../../../../common/components/shared/functionality/disableDraggingOverride.js"));
+
 var _quizCommon = require("@instructure/quiz-common");
-var _featureCheck = require("../../../../common/util/featureCheck");
+
+var _featureCheck = require("../../../../common/util/featureCheck.js");
+
 function editingAddContentPopover(state) {
   return state.get('editing', (0, _immutable.Map)()).some(function (isEditing, componentKey) {
     return componentKey.includes(_quizCommon.ADD_CONTENT_POPOVER_KEY) && isEditing;
   });
 }
+
 function mapStateToProps(state) {
   return {
     editingAddContentPopover: editingAddContentPopover(state),
     questionCopyEnabled: (0, _featureCheck.featureOn)('question_copy')
   };
 }
-var ActionButtons = exports.ActionButtons = (0, _redux.compose)((0, _reactRedux.connect)(mapStateToProps), _disableDraggingOverride.default)(_presenter.ActionButtons);
-var _default = exports.default = ActionButtons;
+
+var ActionButtons = (0, _redux.compose)((0, _reactRedux.connect)(mapStateToProps), _disableDraggingOverride.default)(_presenter.ActionButtons);
+exports.ActionButtons = ActionButtons;
+var _default = ActionButtons;
+exports.default = _default;

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

@@ -1,57 +1,88 @@
 "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.ActionButtons = 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 _uiButtons = require("@instructure/ui-buttons");
+
 var _uiIcons = require("@instructure/ui-icons");
+
 var _emotion = require("@instructure/emotion");
-var _DragHandle = _interopRequireDefault(require("../../../../common/components/shared/drag_and_drop/DragHandle"));
-var _makeScrollable = _interopRequireDefault(require("../../../../common/components/shared/functionality/makeScrollable"));
-var _noop = _interopRequireDefault(require("../../../../common/util/noop"));
+
+var _index = _interopRequireDefault(require("../../../../common/components/shared/drag_and_drop/DragHandle/index.js"));
+
+var _makeScrollable = _interopRequireDefault(require("../../../../common/components/shared/functionality/makeScrollable.js"));
+
+var _noop = _interopRequireDefault(require("../../../../common/util/noop.js"));
+
 var _quizCommon = require("@instructure/quiz-common");
-var _styles = _interopRequireDefault(require("./styles"));
-var _theme = _interopRequireDefault(require("./theme"));
-var _dec, _class, _ActionButtons;
-/** @jsx jsx */
+
+var _styles = _interopRequireDefault(require("./styles.js"));
+
+var _theme = _interopRequireDefault(require("./theme.js"));
+
+var _dec, _class, _class2, _temp;
+
 var ScrollTargetButton = (0, _makeScrollable.default)(_uiButtons.IconButton);
-var ActionButtons = exports.ActionButtons = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (_ActionButtons = /*#__PURE__*/function (_Component) {
+var ActionButtons = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_Component) {
+  (0, _inherits2.default)(ActionButtons, _Component);
+
+  var _super = (0, _createSuper2.default)(ActionButtons);
+
   function ActionButtons() {
     var _this;
+
     (0, _classCallCheck2.default)(this, ActionButtons);
+
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-    _this = (0, _callSuper2.default)(this, ActionButtons, [].concat(args));
+
+    _this = _super.call.apply(_super, [this].concat(args));
     _this.editButton = null;
+
     _this.connectDragSource = function (dragHandle) {
       if (_this.props.shouldDisableDragHandle) {
         return dragHandle;
       }
+
       return _this.props.connectDragSource(dragHandle);
     };
+
     _this.onButtonFocus = function (e) {
       e.stopPropagation();
     };
+
     _this.switchOnEditing = function () {
       _this.props.switchOnEditing();
     };
+
     _this.setEditRef = function (node) {
       _this.editButton = node;
     };
+
     return _this;
   }
-  (0, _inherits2.default)(ActionButtons, _Component);
-  return (0, _createClass2.default)(ActionButtons, [{
+
+  (0, _createClass2.default)(ActionButtons, [{
     key: "shouldFocusOnMount",
     value: function shouldFocusOnMount() {
       return this.props.shouldFocusOnMount && !this.props.editingAddContentPopover;
@@ -65,12 +96,14 @@ var ActionButtons = exports.ActionButtons = (_dec = (0, _emotion.withStyle)(_sty
     key: "componentDidMount",
     value: function componentDidMount() {
       var _this2 = this;
+
       if (this.shouldFocusOnMount() && this.editButton) {
         // use setTimeout to break away from RCE destruction that loses focus
         setTimeout(function () {
           _this2.editButton && _this2.editButton.getWrappedInstance().setFocus();
         }, 50);
       }
+
       this.props.makeStyles();
     }
   }, {
@@ -109,7 +142,7 @@ var ActionButtons = exports.ActionButtons = (_dec = (0, _emotion.withStyle)(_sty
         size: "small",
         "data-automation": "sdk-copy-question-button",
         screenReaderLabel: this.props.quizEntry.generateScreenReaderText(this.props.displayPosition, _quizCommon.COPY)
-      }), this.connectDragSource((0, _emotion.jsx)("div", null, (0, _emotion.jsx)(_DragHandle.default, {
+      }), this.connectDragSource((0, _emotion.jsx)("div", null, (0, _emotion.jsx)(_index.default, {
         displayPosition: this.props.displayPosition,
         quizEntry: this.props.quizEntry,
         quizEntries: this.props.quizEntries,
@@ -127,7 +160,9 @@ var ActionButtons = exports.ActionButtons = (_dec = (0, _emotion.withStyle)(_sty
       }));
     }
   }]);
-}(_react.Component), _ActionButtons.propTypes = {
+  ActionButtons.displayName = "ActionButtons";
+  return ActionButtons;
+}(_react.Component), _class2.propTypes = {
   connectDragSource: _propTypes.default.func.isRequired,
   displayPosition: _propTypes.default.number.isRequired,
   editingAddContentPopover: _propTypes.default.bool.isRequired,
@@ -146,7 +181,7 @@ var ActionButtons = exports.ActionButtons = (_dec = (0, _emotion.withStyle)(_sty
   shouldFocusOnMount: _propTypes.default.bool,
   styles: _propTypes.default.object,
   makeStyles: _propTypes.default.func
-}, _ActionButtons.defaultProps = {
+}, _class2.defaultProps = {
   onCopy: null,
   scrollKey: void 0,
   shouldDisableCopy: false,
@@ -156,5 +191,7 @@ var ActionButtons = exports.ActionButtons = (_dec = (0, _emotion.withStyle)(_sty
   shouldRenderEdit: true,
   switchOnEditing: _noop.default,
   shouldFocusOnMount: false
-}, _ActionButtons)) || _class);
-var _default = exports.default = ActionButtons;
+}, _temp)) || _class);
+exports.ActionButtons = ActionButtons;
+var _default = ActionButtons;
+exports.default = _default;

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

@@ -1,12 +1,16 @@
 "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 _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
 var generateStyle = function generateStyle(componentTheme, props) {
   var mq = '@media print';
   return {
@@ -21,6 +25,7 @@ var generateStyle = function generateStyle(componentTheme, props) {
     }, mq, {
       display: 'none'
     }),
+
     /* Hide buttons when the RCE editor is in fullscreen mode */
     edit: (0, _objectSpread2.default)({
       display: 'inline'
@@ -34,4 +39,6 @@ var generateStyle = function generateStyle(componentTheme, props) {
     }
   };
 };
-var _default = exports.default = generateStyle;
+
+var _default = generateStyle;
+exports.default = _default;

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

@@ -4,13 +4,16 @@ 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 {
     buttonsZIndex: '3333',
     buttonsColor: colors.oxford,
     buttonsPadding: spacing.xSmall
   };
 };
-var _default = exports.default = generateComponentTheme;
+
+var _default = generateComponentTheme;
+exports.default = _default;