@instructure/quiz-core 21.1.1 → 21.2.0

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

@@ -4,11 +4,13 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.BuildingButtons = void 0;
+exports["default"] = exports.BuildingButtons = void 0;
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = require("react");
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _uiButtons = require("@instructure/ui-buttons");
@@ -17,36 +19,35 @@ 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 _styles = _interopRequireDefault(require("./styles"));
+var _theme = _interopRequireDefault(require("./theme"));
 var _dec, _class, _BuildingButtons;
 /** @jsx jsx */
-var _ref = (0, _emotion.jsx)(_uiIcons.IconSpeedGraderLine, null);
-var BuildingButtons = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default, _theme.default), _dec(_class = (_BuildingButtons = /*#__PURE__*/function (_Component) {
-  (0, _inherits2.default)(BuildingButtons, _Component);
-  var _super = (0, _createSuper2.default)(BuildingButtons);
+function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2["default"])(o), (0, _possibleConstructorReturn2["default"])(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2["default"])(t).constructor) : o.apply(t, e)); }
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
+var BuildingButtons = exports.BuildingButtons = (_dec = (0, _quizCommon.withStyleOverrides)(_styles["default"], _theme["default"]), _dec(_class = (_BuildingButtons = /*#__PURE__*/function (_Component) {
   function BuildingButtons() {
     var _this;
-    (0, _classCallCheck2.default)(this, BuildingButtons);
+    (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 = _callSuper(this, BuildingButtons, [].concat(args));
+    (0, _defineProperty2["default"])(_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."));
+    });
+    (0, _defineProperty2["default"])(_this, "openBanksTray", function () {
       _this.props.setBanksTrayButtonRef(_this.banksTrayButton);
       _this.props.openBanksTray();
-    };
-    _this.openSpeedgraderLink = function () {
+    });
+    (0, _defineProperty2["default"])(_this, "openSpeedgraderLink", function () {
       window.open(_this.props.speedgraderLink, '_blank');
-    };
-    _this.startQuizExportJob = function () {
+    });
+    (0, _defineProperty2["default"])(_this, "startQuizExportJob", function () {
       if (_this.props.canExport) {
         var _this$props = _this.props,
           activeQuizId = _this$props.activeQuizId,
@@ -63,10 +64,11 @@ var BuildingButtons = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.defaul
         }, _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();
@@ -82,7 +84,7 @@ var BuildingButtons = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.defaul
       if (this.props.quizSaving) {
         return (0, _emotion.jsx)("div", {
           css: this.props.styles.quizSaving
-        }, (0, _formatMessage.default)('Saving...'));
+        }, (0, _formatMessage["default"])('Saving...'));
       }
     }
   }, {
@@ -94,13 +96,13 @@ var BuildingButtons = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.defaul
     key: "renderSpeedGraderButton",
     value: function renderSpeedGraderButton() {
       var key = 'speedgrader';
-      var text = (0, _formatMessage.default)('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, {
+        }, (0, _emotion.jsx)(_uiIcons.IconSpeedGraderLine, null), (0, _emotion.jsx)(_uiView.View, {
           as: "span",
           margin: "0 0 0 x-small"
         }, text));
@@ -116,7 +118,7 @@ var BuildingButtons = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.defaul
     key: "renderImportContentButton",
     value: function renderImportContentButton() {
       var key = 'import';
-      var text = (0, _formatMessage.default)('Import Content');
+      var text = (0, _formatMessage["default"])('Import Content');
       var onClick = this.props.openModal;
       var disabled = !this.props.canImport;
       var menuItemDataAutomation = 'sdk-import-content-menuitem';
@@ -149,7 +151,7 @@ var BuildingButtons = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.defaul
     key: "renderContentExportButton",
     value: function renderContentExportButton() {
       var key = 'export';
-      var text = (0, _formatMessage.default)('Export Content');
+      var text = (0, _formatMessage["default"])('Export Content');
       var onClick = this.startQuizExportJob;
       var disabled = !this.props.canExport;
       var menuItemDataAutomation = 'sdk-export-content-menuitem';
@@ -182,7 +184,7 @@ var BuildingButtons = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.defaul
     key: "renderManageItemBanksButton",
     value: function renderManageItemBanksButton() {
       var key = 'banks';
-      var text = (0, _formatMessage.default)('Manage Item Banks');
+      var text = (0, _formatMessage["default"])('Manage Item Banks');
       var onClick = this.props.navigateToBanks;
       var menuItemDataAutomation = 'sdk-manage-item-banks-menuitem';
       var iconDataAutomation = 'sdk-manage-item-banks-icon';
@@ -212,7 +214,7 @@ var BuildingButtons = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.defaul
     key: "renderPrintKeyButton",
     value: function renderPrintKeyButton(handlePrint) {
       var key = 'printKey';
-      var text = (0, _formatMessage.default)('Print Key (With Answers)');
+      var text = (0, _formatMessage["default"])('Print Key (With Answers)');
       var onClick = function onClick() {
         return handlePrint(_quizCommon.PRINT_CURRENT_PAGE);
       };
@@ -247,7 +249,7 @@ var BuildingButtons = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.defaul
     key: "renderPrintBlankButton",
     value: function renderPrintBlankButton(handlePrint) {
       var key = 'printBlank';
-      var text = (0, _formatMessage.default)('Print Blank Quiz');
+      var text = (0, _formatMessage["default"])('Print Blank Quiz');
       var onClick = function onClick() {
         return handlePrint(_quizCommon.PRINT_BLANK);
       };
@@ -309,7 +311,7 @@ var BuildingButtons = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.defaul
           }, (0, _emotion.jsx)(_uiDrilldown.Drilldown.Page, {
             id: "root"
           }, menuItems))
-        }, (0, _formatMessage.default)('More'));
+        }, (0, _formatMessage["default"])('More'));
       }
       return (0, _emotion.jsx)(_uiMenu.Menu, {
         trigger: (0, _emotion.jsx)(_uiButtons.IconButton, {
@@ -317,7 +319,7 @@ var BuildingButtons = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.defaul
           withBackground: false,
           withBorder: false,
           "data-automation": "sdk-more-quiz-actions-button",
-          screenReaderLabel: (0, _formatMessage.default)('More Quiz Actions')
+          screenReaderLabel: (0, _formatMessage["default"])('More Quiz Actions')
         })
       }, menuItems);
     }
@@ -327,7 +329,7 @@ var BuildingButtons = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.defaul
       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);
         },
@@ -335,36 +337,34 @@ var BuildingButtons = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.defaul
       }));
     }
   }]);
-  BuildingButtons.displayName = "BuildingButtons";
-  return BuildingButtons;
-}(_react.Component), _BuildingButtons.displayName = 'BuildingButtons', _BuildingButtons.componentId = "Quizzes".concat(_BuildingButtons.displayName), _BuildingButtons.propTypes = {
-  app: _propTypes.default.string,
-  addAlert: _propTypes.default.func.isRequired,
-  addInfo: _propTypes.default.func,
-  activeQuizId: _propTypes.default.string,
-  canExport: _propTypes.default.bool.isRequired,
-  canImport: _propTypes.default.bool.isRequired,
-  contentExportEnabled: _propTypes.default.bool,
-  contentExport: _propTypes.default.func,
-  enableItemBanking: _propTypes.default.bool,
-  hasQuestions: _propTypes.default.bool.isRequired,
-  isEditing: _propTypes.default.bool.isRequired,
-  navigateToBanks: _propTypes.default.func.isRequired,
-  navigateToPreviewPrint: _propTypes.default.func.isRequired,
-  openBanksTray: _propTypes.default.func.isRequired,
-  openModal: _propTypes.default.func.isRequired,
-  printingEnabled: _propTypes.default.bool.isRequired,
-  quizSaving: _propTypes.default.bool,
-  setBanksTrayButtonRef: _propTypes.default.func.isRequired,
-  speedgraderLink: _propTypes.default.string,
-  startExport: _propTypes.default.func.isRequired,
-  contextUuid: _propTypes.default.string,
-  iceTopNavBarEnabled: _propTypes.default.bool,
-  id: _propTypes.default.string,
-  renderIcon: _propTypes.default.element,
-  makeStyles: _propTypes.default.func,
-  styles: _propTypes.default.object
-}, _BuildingButtons.defaultProps = {
+}(_react.Component), (0, _defineProperty2["default"])(_BuildingButtons, "displayName", 'BuildingButtons'), (0, _defineProperty2["default"])(_BuildingButtons, "componentId", "Quizzes".concat(_BuildingButtons.displayName)), (0, _defineProperty2["default"])(_BuildingButtons, "propTypes", {
+  app: _propTypes["default"].string,
+  addAlert: _propTypes["default"].func.isRequired,
+  addInfo: _propTypes["default"].func,
+  activeQuizId: _propTypes["default"].string,
+  canExport: _propTypes["default"].bool.isRequired,
+  canImport: _propTypes["default"].bool.isRequired,
+  contentExportEnabled: _propTypes["default"].bool,
+  contentExport: _propTypes["default"].func,
+  enableItemBanking: _propTypes["default"].bool,
+  hasQuestions: _propTypes["default"].bool.isRequired,
+  isEditing: _propTypes["default"].bool.isRequired,
+  navigateToBanks: _propTypes["default"].func.isRequired,
+  navigateToPreviewPrint: _propTypes["default"].func.isRequired,
+  openBanksTray: _propTypes["default"].func.isRequired,
+  openModal: _propTypes["default"].func.isRequired,
+  printingEnabled: _propTypes["default"].bool.isRequired,
+  quizSaving: _propTypes["default"].bool,
+  setBanksTrayButtonRef: _propTypes["default"].func.isRequired,
+  speedgraderLink: _propTypes["default"].string,
+  startExport: _propTypes["default"].func.isRequired,
+  contextUuid: _propTypes["default"].string,
+  iceTopNavBarEnabled: _propTypes["default"].bool,
+  id: _propTypes["default"].string,
+  renderIcon: _propTypes["default"].element,
+  makeStyles: _propTypes["default"].func,
+  styles: _propTypes["default"].object
+}), (0, _defineProperty2["default"])(_BuildingButtons, "defaultProps", {
   activeQuizId: null,
   addInfo: function addInfo() {},
   app: null,
@@ -377,7 +377,5 @@ var BuildingButtons = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.defaul
   iceTopNavBarEnabled: false,
   id: 'MoreButton',
   renderIcon: (0, _emotion.jsx)(_uiIcons.IconMoreSolid, null)
-}, _BuildingButtons)) || _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

@@ -4,8 +4,10 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+exports["default"] = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var generateStyle = function generateStyle(componentTheme, props) {
   var iceTopNavBarEnabled = props.iceTopNavBarEnabled;
   return {
@@ -13,7 +15,7 @@ var generateStyle = function generateStyle(componentTheme, props) {
       color: componentTheme.quizSavingColor,
       margin: componentTheme.quizSavingMargin
     },
-    buttonsHolder: (0, _objectSpread2.default)({
+    buttonsHolder: _objectSpread({
       height: '100%'
     }, !iceTopNavBarEnabled && {
       marginRight: componentTheme.buttonsHolderMargin,
@@ -27,5 +29,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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports["default"] = void 0;
 var generateComponentTheme = function generateComponentTheme(_ref) {
   var colors = _ref.colors,
     spacing = _ref.spacing,
@@ -11,10 +11,9 @@ var generateComponentTheme = function generateComponentTheme(_ref) {
   return {
     quizSavingColor: colors.lightGray,
     quizSavingMargin: spacing.large,
-    buttonsHolderMargin: spacing.mediumSmall,
+    buttonsHolderMargin: spacing.xLarge,
     menuIconMargin: spacing.xSmall,
     menuIconFontSize: typography.fontSizeLarge
   };
 };
-var _default = generateComponentTheme;
-exports.default = _default;
+var _default = exports["default"] = generateComponentTheme;

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

@@ -4,17 +4,15 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.SDKBuildingButtons = void 0;
+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) {
-  return /*#__PURE__*/_react.default.createElement(_reactRedux.Provider, {
-    store: _reduxStore.default
-  }, /*#__PURE__*/_react.default.createElement(_index.default, 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(_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

@@ -4,14 +4,14 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.ActionButtons = void 0;
+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;
@@ -23,7 +23,5 @@ function mapStateToProps(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

@@ -4,55 +4,58 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.ActionButtons = void 0;
+exports["default"] = exports.ActionButtons = void 0;
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 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 _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, _quizCommon.withStyleOverrides)(_styles.default, _theme.default), _dec(_class = (_ActionButtons = /*#__PURE__*/function (_Component) {
-  (0, _inherits2.default)(ActionButtons, _Component);
-  var _super = (0, _createSuper2.default)(ActionButtons);
+function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2["default"])(o), (0, _possibleConstructorReturn2["default"])(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2["default"])(t).constructor) : o.apply(t, e)); }
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
+var ScrollTargetButton = (0, _makeScrollable["default"])(_uiButtons.IconButton);
+var ActionButtons = exports.ActionButtons = (_dec = (0, _quizCommon.withStyleOverrides)(_styles["default"], _theme["default"]), _dec(_class = (_ActionButtons = /*#__PURE__*/function (_Component) {
   function ActionButtons() {
     var _this;
-    (0, _classCallCheck2.default)(this, ActionButtons);
+    (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.editButton = null;
-    _this.connectDragSource = function (dragHandle) {
+    _this = _callSuper(this, ActionButtons, [].concat(args));
+    (0, _defineProperty2["default"])(_this, "editButton", null);
+    (0, _defineProperty2["default"])(_this, "connectDragSource", function (dragHandle) {
       if (_this.props.shouldDisableDragHandle) {
         return dragHandle;
       }
       return _this.props.connectDragSource(dragHandle);
-    };
-    _this.onButtonFocus = function (e) {
+    });
+    (0, _defineProperty2["default"])(_this, "onButtonFocus", function (e) {
       e.stopPropagation();
-    };
-    _this.switchOnEditing = function () {
+    });
+    (0, _defineProperty2["default"])(_this, "switchOnEditing", function () {
       _this.props.switchOnEditing();
-    };
-    _this.setEditRef = function (node) {
+    });
+    (0, _defineProperty2["default"])(_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;
@@ -111,7 +114,7 @@ var ActionButtons = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default,
         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,
@@ -129,28 +132,26 @@ var ActionButtons = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default,
       }));
     }
   }]);
-  ActionButtons.displayName = "ActionButtons";
-  return ActionButtons;
-}(_react.Component), _ActionButtons.displayName = 'BuildingActionButtons', _ActionButtons.componentId = "Quizzes".concat(_ActionButtons.displayName), _ActionButtons.propTypes = {
-  connectDragSource: _propTypes.default.func.isRequired,
-  displayPosition: _propTypes.default.number.isRequired,
-  editingAddContentPopover: _propTypes.default.bool.isRequired,
-  onCopy: _propTypes.default.func,
-  onDelete: _propTypes.default.func.isRequired,
-  questionCopyEnabled: _propTypes.default.bool.isRequired,
-  quizEntries: _reactImmutableProptypes.default.listOf(_reactImmutableProptypes.default.record).isRequired,
-  quizEntry: _reactImmutableProptypes.default.record.isRequired,
-  scrollKey: _propTypes.default.string,
-  shouldDisableCopy: _propTypes.default.bool,
-  shouldDisableDragHandle: _propTypes.default.bool,
-  shouldDisableDeleteButton: _propTypes.default.bool,
-  shouldRenderEdit: _propTypes.default.bool,
-  shouldRenderDelete: _propTypes.default.bool,
-  switchOnEditing: _propTypes.default.func,
-  shouldFocusOnMount: _propTypes.default.bool,
-  styles: _propTypes.default.object,
-  makeStyles: _propTypes.default.func
-}, _ActionButtons.defaultProps = {
+}(_react.Component), (0, _defineProperty2["default"])(_ActionButtons, "displayName", 'BuildingActionButtons'), (0, _defineProperty2["default"])(_ActionButtons, "componentId", "Quizzes".concat(_ActionButtons.displayName)), (0, _defineProperty2["default"])(_ActionButtons, "propTypes", {
+  connectDragSource: _propTypes["default"].func.isRequired,
+  displayPosition: _propTypes["default"].number.isRequired,
+  editingAddContentPopover: _propTypes["default"].bool.isRequired,
+  onCopy: _propTypes["default"].func,
+  onDelete: _propTypes["default"].func.isRequired,
+  questionCopyEnabled: _propTypes["default"].bool.isRequired,
+  quizEntries: _reactImmutableProptypes["default"].listOf(_reactImmutableProptypes["default"].record).isRequired,
+  quizEntry: _reactImmutableProptypes["default"].record.isRequired,
+  scrollKey: _propTypes["default"].string,
+  shouldDisableCopy: _propTypes["default"].bool,
+  shouldDisableDragHandle: _propTypes["default"].bool,
+  shouldDisableDeleteButton: _propTypes["default"].bool,
+  shouldRenderEdit: _propTypes["default"].bool,
+  shouldRenderDelete: _propTypes["default"].bool,
+  switchOnEditing: _propTypes["default"].func,
+  shouldFocusOnMount: _propTypes["default"].bool,
+  styles: _propTypes["default"].object,
+  makeStyles: _propTypes["default"].func
+}), (0, _defineProperty2["default"])(_ActionButtons, "defaultProps", {
   onCopy: null,
   scrollKey: void 0,
   shouldDisableCopy: false,
@@ -158,9 +159,7 @@ var ActionButtons = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default,
   shouldDisableDeleteButton: false,
   shouldRenderDelete: true,
   shouldRenderEdit: true,
-  switchOnEditing: _noop.default,
+  switchOnEditing: _noop["default"],
   shouldFocusOnMount: false
-}, _ActionButtons)) || _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

@@ -4,13 +4,14 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+exports["default"] = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var generateStyle = function generateStyle(componentTheme, props) {
   var mq = '@media print';
   return {
-    buttons: (0, _defineProperty2.default)({
+    buttons: (0, _defineProperty2["default"])({
       flex: '0 0 auto',
       display: 'inline-flex',
       textAlign: 'right',
@@ -22,7 +23,7 @@ var generateStyle = function generateStyle(componentTheme, props) {
       display: 'none'
     }),
     /* Hide buttons when the RCE editor is in fullscreen mode */
-    edit: (0, _objectSpread2.default)({
+    edit: _objectSpread({
       display: 'inline'
     }, !props.shouldRenderEdit && {
       display: 'none'
@@ -34,5 +35,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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports["default"] = void 0;
 var generateComponentTheme = function generateComponentTheme(_ref) {
   var spacing = _ref.spacing,
     colors = _ref.colors;
@@ -13,5 +13,4 @@ var generateComponentTheme = function generateComponentTheme(_ref) {
     buttonsPadding: spacing.xSmall
   };
 };
-var _default = generateComponentTheme;
-exports.default = _default;
+var _default = exports["default"] = generateComponentTheme;