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

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

@@ -1,108 +1,70 @@
 "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.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 _index = _interopRequireDefault(require("../../../../../common/components/shared/PrintTrigger/index.js"));
-
+var _PrintTrigger = _interopRequireDefault(require("../../../../../common/components/shared/PrintTrigger"));
 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 _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);
-
+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) {
   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 = (0, _callSuper2.default)(this, BuildingButtons, [].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, [{
+  (0, _inherits2.default)(BuildingButtons, _Component);
+  return (0, _createClass2.default)(BuildingButtons, [{
     key: "componentDidMount",
     value: function componentDidMount() {
       this.props.makeStyles();
@@ -131,18 +93,16 @@ 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,
           key: key,
           onOptionClick: this.openSpeedgraderLink
-        }, _ref, (0, _emotion.jsx)(_uiView.View, {
+        }, _IconSpeedGraderLine || (_IconSpeedGraderLine = (0, _emotion.jsx)(_uiIcons.IconSpeedGraderLine, null)), (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
@@ -159,7 +119,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 +133,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 +152,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 +166,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 +184,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 +197,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 +211,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 +232,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 +248,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 +269,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 +285,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 +313,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,10 +327,9 @@ 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, {
+      }, this.renderSavingMessage(), (0, _emotion.jsx)(_PrintTrigger.default, {
         render: function render(handlePrint) {
           return _this2.renderMenu(handlePrint);
         },
@@ -400,9 +337,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 +364,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 +377,5 @@ var BuildingButtons = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.de
   iceTopNavBarEnabled: false,
   id: 'MoreButton',
   renderIcon: (0, _emotion.jsx)(_uiIcons.IconMoreSolid, null)
-}, _temp)) || _class);
-exports.BuildingButtons = BuildingButtons;
-var _default = BuildingButtons;
-exports.default = _default;
+}, _BuildingButtons)) || _class);
+var _default = exports.default = BuildingButtons;

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

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

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

@@ -4,11 +4,10 @@ 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,
@@ -17,6 +16,4 @@ var generateComponentTheme = function generateComponentTheme(_ref) {
     menuIconFontSize: typography.fontSizeLarge
   };
 };
-
-var _default = generateComponentTheme;
-exports.default = _default;
+var _default = exports.default = generateComponentTheme;

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

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

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

@@ -1,40 +1,27 @@
 "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.ActionButtons = void 0;
-
 var _immutable = require("immutable");
-
 var _redux = require("redux");
-
-var _reactRedux = require("../../../../common/react-redux.js");
-
-var _presenter = require("./presenter.js");
-
-var _disableDraggingOverride = _interopRequireDefault(require("../../../../common/components/shared/functionality/disableDraggingOverride.js"));
-
+var _reactRedux = require("../../../../common/react-redux");
+var _presenter = require("./presenter");
+var _disableDraggingOverride = _interopRequireDefault(require("../../../../common/components/shared/functionality/disableDraggingOverride"));
 var _quizCommon = require("@instructure/quiz-common");
-
-var _featureCheck = require("../../../../common/util/featureCheck.js");
-
+var _featureCheck = require("../../../../common/util/featureCheck");
 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 = (0, _redux.compose)((0, _reactRedux.connect)(mapStateToProps), _disableDraggingOverride.default)(_presenter.ActionButtons);
-exports.ActionButtons = ActionButtons;
-var _default = ActionButtons;
-exports.default = _default;
+var ActionButtons = exports.ActionButtons = (0, _redux.compose)((0, _reactRedux.connect)(mapStateToProps), _disableDraggingOverride.default)(_presenter.ActionButtons);
+var _default = exports.default = ActionButtons;

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

@@ -1,88 +1,57 @@
 "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.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 _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 _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 _quizCommon = require("@instructure/quiz-common");
-
-var _styles = _interopRequireDefault(require("./styles.js"));
-
-var _theme = _interopRequireDefault(require("./theme.js"));
-
-var _dec, _class, _class2, _temp;
-
+var _styles = _interopRequireDefault(require("./styles"));
+var _theme = _interopRequireDefault(require("./theme"));
+var _dec, _class, _ActionButtons;
+/** @jsx jsx */
 var ScrollTargetButton = (0, _makeScrollable.default)(_uiButtons.IconButton);
-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);
-
+var ActionButtons = exports.ActionButtons = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (_ActionButtons = /*#__PURE__*/function (_Component) {
   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 = _super.call.apply(_super, [this].concat(args));
+    _this = (0, _callSuper2.default)(this, ActionButtons, [].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, _createClass2.default)(ActionButtons, [{
+  (0, _inherits2.default)(ActionButtons, _Component);
+  return (0, _createClass2.default)(ActionButtons, [{
     key: "shouldFocusOnMount",
     value: function shouldFocusOnMount() {
       return this.props.shouldFocusOnMount && !this.props.editingAddContentPopover;
@@ -96,14 +65,12 @@ var ActionButtons = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.defa
     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();
     }
   }, {
@@ -142,7 +109,7 @@ var ActionButtons = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.defa
         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)(_index.default, {
+      }), this.connectDragSource((0, _emotion.jsx)("div", null, (0, _emotion.jsx)(_DragHandle.default, {
         displayPosition: this.props.displayPosition,
         quizEntry: this.props.quizEntry,
         quizEntries: this.props.quizEntries,
@@ -160,9 +127,7 @@ var ActionButtons = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.defa
       }));
     }
   }]);
-  ActionButtons.displayName = "ActionButtons";
-  return ActionButtons;
-}(_react.Component), _class2.propTypes = {
+}(_react.Component), _ActionButtons.propTypes = {
   connectDragSource: _propTypes.default.func.isRequired,
   displayPosition: _propTypes.default.number.isRequired,
   editingAddContentPopover: _propTypes.default.bool.isRequired,
@@ -181,7 +146,7 @@ var ActionButtons = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.defa
   shouldFocusOnMount: _propTypes.default.bool,
   styles: _propTypes.default.object,
   makeStyles: _propTypes.default.func
-}, _class2.defaultProps = {
+}, _ActionButtons.defaultProps = {
   onCopy: null,
   scrollKey: void 0,
   shouldDisableCopy: false,
@@ -191,7 +156,5 @@ var ActionButtons = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.defa
   shouldRenderEdit: true,
   switchOnEditing: _noop.default,
   shouldFocusOnMount: false
-}, _temp)) || _class);
-exports.ActionButtons = ActionButtons;
-var _default = ActionButtons;
-exports.default = _default;
+}, _ActionButtons)) || _class);
+var _default = exports.default = ActionButtons;

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

@@ -1,16 +1,12 @@
 "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 _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 {
@@ -25,7 +21,6 @@ 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'
@@ -39,6 +34,4 @@ var generateStyle = function generateStyle(componentTheme, props) {
     }
   };
 };
-
-var _default = generateStyle;
-exports.default = _default;
+var _default = exports.default = generateStyle;

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

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