@instructure/quiz-core 21.1.1 → 22.0.0

package/lib/banks/components/BankEntry/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(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 var generateStyle = function generateStyle(componentTheme) {
   var footerStyles = {
     display: 'flex',
@@ -53,13 +55,13 @@ var generateStyle = function generateStyle(componentTheme) {
       textAlign: 'right',
       paddingLeft: componentTheme.rightHeaderPaddingLeft
     },
-    footer: (0, _objectSpread2.default)((0, _objectSpread2.default)({}, footerStyles), {}, {
+    footer: _objectSpread(_objectSpread({}, footerStyles), {}, {
       textAlign: 'left',
       paddingBottom: componentTheme.footerPaddingBottom,
       paddingTop: componentTheme.footerPaddingTop
     }),
     leftFooter: footerStyles,
-    rightFooter: (0, _objectSpread2.default)((0, _objectSpread2.default)({}, footerStyles), {}, {
+    rightFooter: _objectSpread(_objectSpread({}, footerStyles), {}, {
       flex: '8 0 0',
       justifyContent: 'flex-end',
       paddingLeft: componentTheme.rightFooterPaddingLeftRight,
@@ -70,5 +72,4 @@ var generateStyle = function generateStyle(componentTheme) {
     }
   };
 };
-var _default = generateStyle;
-exports.default = _default;
+var _default = exports["default"] = generateStyle;

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

@@ -3,24 +3,24 @@
 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,
     typography = _ref.typography,
     borders = _ref.borders;
   return {
-    contentBackgroundColor: colors.white,
+    contentBackgroundColor: colors.contrasts.white1010,
     contentPaddingTopBottom: 0,
     contentPaddingLeftRight: 0,
     breadCrumbMarginBottom: spacing.large,
     entryRowMargin: spacing.small,
-    headerRowColor: colors.ash,
+    headerRowColor: colors.contrasts.grey4570,
     headerRowPadding: spacing.small,
     headerTextFontSize: typography.fontSizeSmall,
     leftHeaderMargin: spacing.small,
-    headerBackgroundColor: colors.porcelain,
-    headerColor: colors.licorice,
+    headerBackgroundColor: colors.contrasts.grey1111,
+    headerColor: colors.contrasts.grey125125,
     headerPaddingTopBottom: spacing.xSmall,
     headerPaddingLeftRight: spacing.small,
     footerPaddingBottom: spacing.xSmall,
@@ -28,8 +28,7 @@ var generateComponentTheme = function generateComponentTheme(_ref) {
     rightHeaderPaddingLeft: spacing.xSmall,
     rightFooterPaddingLeftRight: spacing.small,
     entryEditBorderWidth: borders.widthSmall,
-    entryEditBorderColor: colors.tiara
+    entryEditBorderColor: colors.contrasts.grey1214
   };
 };
-var _default = generateComponentTheme;
-exports.default = _default;
+var _default = exports["default"] = generateComponentTheme;

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

@@ -4,18 +4,18 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports["default"] = void 0;
 var _immutable = require("immutable");
-var _BankEntry = _interopRequireDefault(require("../../../common/records/BankEntry.js"));
-var _Item = _interopRequireDefault(require("../../../common/records/Item.js"));
-var _default = {
+var _BankEntry = _interopRequireDefault(require("../../../common/records/BankEntry"));
+var _Item = _interopRequireDefault(require("../../../common/records/Item"));
+var _default = exports["default"] = {
   propsValues: {
     addEntryToQuiz: [null, Function.prototype],
     isExpanded: [false, true]
   },
   getComponentProps: function getComponentProps(props) {
-    var bankEntry = new _BankEntry.default();
-    var item = new _Item.default();
+    var bankEntry = new _BankEntry["default"]();
+    var item = new _Item["default"]();
     bankEntry.getEntry = function () {
       return item;
     };
@@ -44,5 +44,4 @@ var _default = {
       useBankTags: true
     };
   }
-};
-exports.default = _default;
+};

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

@@ -1,23 +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.default = void 0;
+exports["default"] = void 0;
 var _redux = require("redux");
-var _reactRedux = require("../../../common/react-redux.js");
-var _items = require("../../../building/api/items.js");
-var _stimuli = require("../../../building/api/stimuli.js");
-var _ui = require("../../../common/actions/ui.js");
-var modalActions = _interopRequireWildcard(require("../../../common/actions/modal.js"));
-var _presenter = _interopRequireDefault(require("./presenter.js"));
-var bankEntryApiActions = _interopRequireWildcard(require("../../api/bankEntries.js"));
-var _alerts = require("../../../common/actions/alerts.js");
-var _featureCheck = require("../../../common/util/featureCheck.js");
+var _reactRedux = require("../../../common/react-redux");
+var _items = require("../../../building/api/items");
+var _stimuli = require("../../../building/api/stimuli");
+var _ui = require("../../../common/actions/ui");
+var modalActions = _interopRequireWildcard(require("../../../common/actions/modal"));
+var _presenter = _interopRequireDefault(require("./presenter"));
+var bankEntryApiActions = _interopRequireWildcard(require("../../api/bankEntries"));
+var _alerts = require("../../../common/actions/alerts");
+var _featureCheck = require("../../../common/util/featureCheck");
 var _quizCommon = require("@instructure/quiz-common");
 var _this = void 0;
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 var rowKey = function rowKey(props) {
   return "BANK_ENTRY_".concat(props.bankEntry.get('id'), "_EXPANDED");
 };
@@ -45,5 +46,4 @@ var mapDispatchToProps = function mapDispatchToProps(dispatch, props) {
     withConfirm: (0, _redux.bindActionCreators)(modalActions.withConfirm, dispatch)
   };
 };
-var _default = (0, _reactRedux.connect)(mapStateToProps, mapDispatchToProps)(_presenter.default);
-exports.default = _default;
+var _default = exports["default"] = (0, _reactRedux.connect)(mapStateToProps, mapDispatchToProps)(_presenter["default"]);

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

@@ -1,15 +1,16 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.BankEntryRow = void 0;
+exports["default"] = exports.BankEntryRow = 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 = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _partial = _interopRequireDefault(require("lodash/partial"));
@@ -27,108 +28,122 @@ var _quizCommon = require("@instructure/quiz-common");
 var _quizRce = require("@instructure/quiz-rce");
 var _quizInteractions = require("@instructure/quiz-interactions");
 var _formatMessage = _interopRequireDefault(require("@instructure/quiz-i18n/es/format-message"));
-var _index = _interopRequireDefault(require("../CopyMoveBankEntryModal/index.js"));
-var _index2 = _interopRequireDefault(require("../../../common/components/shared/ExpandButton/index.js"));
-var _QuizEntry = _interopRequireDefault(require("../../../common/records/QuizEntry.js"));
-var _index3 = _interopRequireDefault(require("../../../common/components/resources/item/ItemShow/index.js"));
-var _index4 = _interopRequireDefault(require("../../../common/components/resources/stimulus/StimulusShowInfo/index.js"));
-var _index5 = _interopRequireDefault(require("../../../common/components/shared/TagDisplay/index.js"));
-var _styles = _interopRequireDefault(require("./styles.js"));
-var _theme = _interopRequireDefault(require("./theme.js"));
-var _index6 = _interopRequireDefault(require("../../../common/components/shared/overlay/index.js"));
+var _CopyMoveBankEntryModal = _interopRequireDefault(require("../CopyMoveBankEntryModal"));
+var _ExpandButton = _interopRequireDefault(require("../../../common/components/shared/ExpandButton"));
+var _QuizEntry = _interopRequireDefault(require("../../../common/records/QuizEntry"));
+var _ItemShow = _interopRequireDefault(require("../../../common/components/resources/item/ItemShow"));
+var _StimulusShowInfo = _interopRequireDefault(require("../../../common/components/resources/stimulus/StimulusShowInfo"));
+var _TagDisplay = _interopRequireDefault(require("../../../common/components/shared/TagDisplay"));
+var _styles = _interopRequireDefault(require("./styles"));
+var _theme = _interopRequireDefault(require("./theme"));
+var _overlay = _interopRequireDefault(require("../../../common/components/shared/overlay"));
 var _dec, _class, _BankEntryRow;
 /** @jsx jsx */
-var _ref2 = (0, _emotion.jsx)("div", null);
-var BankEntryRow = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default, _theme.default), _dec(_class = (_BankEntryRow = /*#__PURE__*/function (_withI18nSupport) {
-  (0, _inherits2.default)(BankEntryRow, _withI18nSupport);
-  var _super = (0, _createSuper2.default)(BankEntryRow);
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _callSuper(_this, derived, args) {
+  function isNativeReflectConstruct() {
+    if (typeof Reflect === "undefined" || !Reflect.construct) return false;
+    if (Reflect.construct.sham) return false;
+    if (typeof Proxy === "function") return true;
+    try {
+      return !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {}));
+    } catch (e) {
+      return false;
+    }
+  }
+  derived = (0, _getPrototypeOf2["default"])(derived);
+  return (0, _possibleConstructorReturn2["default"])(_this, isNativeReflectConstruct() ? Reflect.construct(derived, args || [], (0, _getPrototypeOf2["default"])(_this).constructor) : derived.apply(_this, args));
+}
+var BankEntryRow = exports.BankEntryRow = (_dec = (0, _quizCommon.withStyleOverrides)(_styles["default"], _theme["default"]), _dec(_class = (_BankEntryRow = /*#__PURE__*/function (_withI18nSupport) {
   function BankEntryRow() {
-    var _this;
-    (0, _classCallCheck2.default)(this, BankEntryRow);
+    var _this2;
+    (0, _classCallCheck2["default"])(this, BankEntryRow);
     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.incrementPosition = function () {
-      _this.props.setUi(_quizCommon.BUILD_TRAY_POSITION, _this.props.position + 1);
-    };
-    _this.deleteBankEntry = function () {
-      var deletePreface = _this.isItemEntry() ? (0, _formatMessage.default)('Deleting this question:') : (0, _formatMessage.default)('Deleting this stimulus:');
+    _this2 = _callSuper(this, BankEntryRow, [].concat(args));
+    (0, _defineProperty2["default"])(_this2, "incrementPosition", function () {
+      _this2.props.setUi(_quizCommon.BUILD_TRAY_POSITION, _this2.props.position + 1);
+    });
+    (0, _defineProperty2["default"])(_this2, "deleteBankEntry", function () {
+      var deletePreface = _this2.isItemEntry() ? (0, _formatMessage["default"])('Deleting this question:') : (0, _formatMessage["default"])('Deleting this stimulus:');
       var confirmBody = (0, _emotion.jsx)(_uiAlerts.Alert, {
         variant: "error",
         padding: "0"
       }, (0, _emotion.jsx)("div", {
-        css: _this.props.styles.deleteAlert
+        css: _this2.props.styles.deleteAlert
       }, (0, _emotion.jsx)("div", {
-        css: _this.props.styles.deletePreface
-      }, deletePreface), (0, _emotion.jsx)(_uiList.List, null, (0, _emotion.jsx)(_uiList.List.Item, null, _formatMessage.default.rich('will <0>NOT</0> remove it from any assessments', [function (_ref) {
+        css: _this2.props.styles.deletePreface
+      }, deletePreface), (0, _emotion.jsx)(_uiList.List, null, (0, _emotion.jsx)(_uiList.List.Item, null, _formatMessage["default"].rich('will <0>NOT</0> remove it from any assessments', [function (_ref) {
         var children = _ref.children;
         return (0, _emotion.jsx)(_uiText.Text, {
           weight: "bold",
           key: "0"
         }, children);
-      }])), (0, _emotion.jsx)(_uiList.List.Item, null, (0, _formatMessage.default)('will lose its statistical link in reporting')), (0, _emotion.jsx)(_uiList.List.Item, null, (0, _formatMessage.default)('will remove access for all users with whom this bank has been shared')))));
-      _this.props.withConfirm((0, _partial.default)(_this.props.removeBankEntry, _this.props.bank.id, _this.props.bankEntry.id), {
-        title: (0, _formatMessage.default)('Delete {type}', {
-          type: _this.type()
+      }])), (0, _emotion.jsx)(_uiList.List.Item, null, (0, _formatMessage["default"])('will lose its statistical link in reporting')), (0, _emotion.jsx)(_uiList.List.Item, null, (0, _formatMessage["default"])('will remove access for all users with whom this bank has been shared')))));
+      _this2.props.withConfirm((0, _partial["default"])(_this2.props.removeBankEntry, _this2.props.bank.id, _this2.props.bankEntry.id), {
+        title: (0, _formatMessage["default"])('Delete {type}', {
+          type: _this2.type()
         }),
         text: confirmBody,
-        continueText: (0, _formatMessage.default)('Delete'),
+        continueText: (0, _formatMessage["default"])('Delete'),
         continueVariant: 'danger',
         size: 'medium'
       });
-    };
-    _this.addToQuiz = function () {
-      if (_this.props.activeQuizId) {
-        var newEntry = _QuizEntry.default.create({
-          entryId: _this.props.bankEntry.id,
+    });
+    (0, _defineProperty2["default"])(_this2, "addToQuiz", function () {
+      if (_this2.props.activeQuizId) {
+        var newEntry = _QuizEntry["default"].create({
+          entryId: _this2.props.bankEntry.id,
           entryType: 'BankEntry',
-          position: _this.props.position,
-          stimulusQuizEntryId: _this.props.stimulusId
+          position: _this2.props.position,
+          stimulusQuizEntryId: _this2.props.stimulusId
         });
-        _this.props.addEntryToQuiz(_this.props.activeQuizId, newEntry.entryId, newEntry.entryType, newEntry.getProperties(), false).then(function () {
-          _this.props.screenreaderNotification((0, _formatMessage.default)('Bank Entry was successfully added to the quiz'));
+        _this2.props.addEntryToQuiz(_this2.props.activeQuizId, newEntry.entryId, newEntry.entryType, newEntry.getProperties(), false).then(function () {
+          _this2.props.screenreaderNotification((0, _formatMessage["default"])('Bank Entry was successfully added to the quiz'));
         });
-        if (_this.props.position) _this.incrementPosition();
+        if (_this2.props.position) _this2.incrementPosition();
       }
-    };
-    _this.openCopyMoveBankEntryModal = function () {
-      _this.props.openModal([_quizCommon.COPY_MOVE_BANK_ENTRY_MODAL, _this.props.bankEntry.entryType, _this.props.bankEntry.entry.toJS().id].join(':'), {
-        modalTrigger: _this.copyMoveBankEntryButton
+    });
+    (0, _defineProperty2["default"])(_this2, "openCopyMoveBankEntryModal", function () {
+      _this2.props.openModal([_quizCommon.COPY_MOVE_BANK_ENTRY_MODAL, _this2.props.bankEntry.entryType, _this2.props.bankEntry.entry.toJS().id].join(':'), {
+        modalTrigger: _this2.copyMoveBankEntryButton
       });
-    };
-    _this.createEntryForBank = function () {
-      var createEntry = _this.isItemEntry() ? _this.props.createItem : _this.props.createStimulus;
-      return createEntry(_this.getEntry(), _this.props.bank.id, 'bank');
-    };
-    _this.storeCopyMoveBankEntryButtonRef = function (c) {
-      _this.copyMoveBankEntryButton = c;
-    };
-    _this.storeEditButtonRef = function (c) {
-      _this.editButton = c;
-    };
-    _this.renderTrashButton = function () {
-      var title = (0, _formatMessage.default)('Delete {type}', {
-        type: _this.type()
+    });
+    (0, _defineProperty2["default"])(_this2, "createEntryForBank", function () {
+      var createEntry = _this2.isItemEntry() ? _this2.props.createItem : _this2.props.createStimulus;
+      return createEntry(_this2.getEntry(), _this2.props.bank.id, 'bank');
+    });
+    (0, _defineProperty2["default"])(_this2, "storeCopyMoveBankEntryButtonRef", function (c) {
+      _this2.copyMoveBankEntryButton = c;
+    });
+    (0, _defineProperty2["default"])(_this2, "storeEditButtonRef", function (c) {
+      _this2.editButton = c;
+    });
+    (0, _defineProperty2["default"])(_this2, "renderTrashButton", function () {
+      var title = (0, _formatMessage["default"])('Delete {type}', {
+        type: _this2.type()
       });
       return (0, _emotion.jsx)(_uiButtons.IconButton, {
         size: "medium",
         withBackground: false,
         withBorder: false,
-        onClick: _this.deleteBankEntry,
+        onClick: _this2.deleteBankEntry,
         "data-automation": "sdk-delete-bank-entry-button",
         renderIcon: _uiIcons.IconTrashLine,
         title: title,
         screenReaderLabel: title
       });
-    };
-    _this.navigateToBankEntry = function () {
-      _this.props.setUi(_quizCommon.SET_EDIT_BUTTON_FOCUS, _this.props.bankEntry.id);
-      _this.props.navigateToBankEntry(_this.props.bankEntry.id, _this.props.bank.id);
-    };
-    return _this;
+    });
+    (0, _defineProperty2["default"])(_this2, "navigateToBankEntry", function () {
+      _this2.props.setUi(_quizCommon.SET_EDIT_BUTTON_FOCUS, _this2.props.bankEntry.id);
+      _this2.props.navigateToBankEntry(_this2.props.bankEntry.id, _this2.props.bank.id);
+    });
+    return _this2;
   }
-  (0, _createClass2.default)(BankEntryRow, [{
+  (0, _inherits2["default"])(BankEntryRow, _withI18nSupport);
+  return (0, _createClass2["default"])(BankEntryRow, [{
     key: "componentDidMount",
     value: function componentDidMount() {
       if (this.props.bankEntry.id === this.props.setEditButtonFocus) {
@@ -149,21 +164,21 @@ var BankEntryRow = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default,
   }, {
     key: "type",
     value: function type() {
-      return this.isItemEntry() ? (0, _formatMessage.default)('Question') : (0, _formatMessage.default)('Stimulus');
+      return this.isItemEntry() ? (0, _formatMessage["default"])('Question') : (0, _formatMessage["default"])('Stimulus');
     }
   }, {
     key: "entryIdentifier",
     value: function entryIdentifier() {
-      return this.isItemEntry() ? (0, _formatMessage.default)('Question { itemBody }', {
+      return this.isItemEntry() ? (0, _formatMessage["default"])('Question { itemBody }', {
         itemBody: (0, _quizInteractions.extractTextFromHtml)(this.getEntry().title)
-      }) : (0, _formatMessage.default)('Stimulus { title }', {
+      }) : (0, _formatMessage["default"])('Stimulus { title }', {
         title: this.getEntry().title
       });
     }
   }, {
     key: "moveModalTitle",
     value: function moveModalTitle() {
-      return (0, _formatMessage.default)('Copy / Move {type}', {
+      return (0, _formatMessage["default"])('Copy / Move {type}', {
         type: this.type()
       });
     }
@@ -171,14 +186,14 @@ var BankEntryRow = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default,
     key: "renderExpandButton",
     value: function renderExpandButton() {
       var type = this.type();
-      var title = this.props.isExpanded ? (0, _formatMessage.default)('Collapse {type} details', {
+      var title = this.props.isExpanded ? (0, _formatMessage["default"])('Collapse {type} details', {
         type: type
-      }) : (0, _formatMessage.default)('Expand {type} details', {
+      }) : (0, _formatMessage["default"])('Expand {type} details', {
         type: type
       });
       return (0, _emotion.jsx)("div", {
         css: this.props.styles.expandButtonContainer
-      }, (0, _emotion.jsx)(_index2.default, {
+      }, (0, _emotion.jsx)(_ExpandButton["default"], {
         onClick: this.props.toggleExpanded,
         title: title,
         isExpanded: this.props.isExpanded,
@@ -189,7 +204,7 @@ var BankEntryRow = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default,
     key: "renderAddButton",
     value: function renderAddButton() {
       if (!this.props.isQuizContentLocked && this.props.addEntryToQuiz) {
-        var title = (0, _formatMessage.default)('Add {type} to this quiz', {
+        var title = (0, _formatMessage["default"])('Add {type} to this quiz', {
           type: this.type()
         });
         return (0, _emotion.jsx)("div", {
@@ -207,7 +222,7 @@ var BankEntryRow = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default,
         }));
       }
       // This empty div is necessary for spacing
-      return _ref2;
+      return (0, _emotion.jsx)("div", null);
     }
   }, {
     key: "renderMoveButton",
@@ -228,7 +243,7 @@ var BankEntryRow = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default,
   }, {
     key: "entryHeader",
     value: function entryHeader() {
-      return this.isItemEntry() ? this.getEntry().getInteractionType().name : (0, _formatMessage.default)('Stimulus');
+      return this.isItemEntry() ? this.getEntry().getInteractionType().name : (0, _formatMessage["default"])('Stimulus');
     }
   }, {
     key: "renderHeader",
@@ -238,7 +253,7 @@ var BankEntryRow = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default,
         css: this.props.styles.headerRow
       }, this.renderAddButton(), (0, _emotion.jsx)("div", {
         css: this.props.styles.buttons
-      }, this.props.bank.canEdit() && (0, _emotion.jsx)(_react.default.Fragment, null, this.renderEditButton(), this.renderMoveButton(), this.renderTrashButton()), this.renderExpandButton())), (0, _emotion.jsx)("div", {
+      }, this.props.bank.canEdit() && (0, _emotion.jsx)(_react["default"].Fragment, null, this.renderEditButton(), this.renderMoveButton(), this.renderTrashButton()), this.renderExpandButton())), (0, _emotion.jsx)("div", {
         css: this.props.styles.headerText
       }, (0, _emotion.jsx)(_uiHeading.Heading, {
         level: "reset",
@@ -268,12 +283,12 @@ var BankEntryRow = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default,
     value: function renderEntryExpanded() {
       var entry = this.getEntry();
       if (this.isItemEntry()) {
-        return (0, _emotion.jsx)(_index3.default, {
+        return (0, _emotion.jsx)(_ItemShow["default"], {
           entry: entry,
           guid: this.props.bankEntry.id
         });
       } else {
-        return (0, _emotion.jsx)(_index4.default, {
+        return (0, _emotion.jsx)(_StimulusShowInfo["default"], {
           stimulus: entry
         });
       }
@@ -281,7 +296,7 @@ var BankEntryRow = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default,
   }, {
     key: "renderEditButton",
     value: function renderEditButton() {
-      var title = (0, _formatMessage.default)('Edit {type}', {
+      var title = (0, _formatMessage["default"])('Edit {type}', {
         type: this.type()
       });
       return (0, _emotion.jsx)(_uiButtons.IconButton, {
@@ -302,16 +317,16 @@ var BankEntryRow = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default,
       if (!this.props.useBankTags) {
         return null;
       }
-      return (0, _emotion.jsx)(_index5.default, {
+      return (0, _emotion.jsx)(_TagDisplay["default"], {
         tagAssociations: this.props.tagAssociations
       });
     }
   }, {
     key: "renderFooter",
     value: function renderFooter() {
-      var lastUpdate = _formatMessage.default.rich('<0>Last Update</0> { updatedAt }', {
-        0: function _(_ref3) {
-          var children = _ref3.children;
+      var lastUpdate = _formatMessage["default"].rich('<0>Last Update</0> { updatedAt }', {
+        0: function _(_ref2) {
+          var children = _ref2.children;
           return (0, _emotion.jsx)(_uiText.Text, {
             key: "lastUpdate",
             weight: "bold",
@@ -328,7 +343,7 @@ var BankEntryRow = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default,
     key: "render",
     value: function render() {
       var isExpanded = this.props.isExpanded;
-      return (0, _emotion.jsx)(_index6.default, {
+      return (0, _emotion.jsx)(_overlay["default"], {
         onClick: this.props.toggleExpanded,
         tabIndex: "-1",
         ariaLabel: this.entryIdentifier()
@@ -337,7 +352,7 @@ var BankEntryRow = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default,
       }, (0, _emotion.jsx)("div", {
         css: this.props.styles.entryDetail,
         "data-automation": "sdk-bankEntryItem"
-      }, this.renderHeader(), isExpanded ? this.renderEntryExpanded() : this.renderEntryCollapsed()), isExpanded && this.renderFooter()), (0, _emotion.jsx)(_index.default, {
+      }, this.renderHeader(), isExpanded ? this.renderEntryExpanded() : this.renderEntryCollapsed()), isExpanded && this.renderFooter()), (0, _emotion.jsx)(_CopyMoveBankEntryModal["default"], {
         createEntry: this.createEntryForBank,
         label: this.moveModalTitle(),
         sourceBankId: this.props.bank.id,
@@ -347,34 +362,32 @@ var BankEntryRow = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default,
       }));
     }
   }]);
-  BankEntryRow.displayName = "BankEntryRow";
-  return BankEntryRow;
-}((0, _quizCommon.withI18nSupport)(_react.Component)), _BankEntryRow.displayName = 'BankEntryRow', _BankEntryRow.componentId = "Quizzes".concat(_BankEntryRow.displayName), _BankEntryRow.propTypes = {
-  activeQuizId: _propTypes.default.string,
-  addEntryToQuiz: _propTypes.default.func,
-  bankEntry: _reactImmutableProptypes.default.record.isRequired,
-  bank: _reactImmutableProptypes.default.record.isRequired,
-  clearUi: _propTypes.default.func.isRequired,
-  createItem: _propTypes.default.func.isRequired,
-  createStimulus: _propTypes.default.func.isRequired,
-  isQuizContentLocked: _propTypes.default.bool.isRequired,
-  isExpanded: _propTypes.default.bool,
-  navigateToBankEntry: _propTypes.default.func.isRequired,
-  openModal: _propTypes.default.func.isRequired,
-  position: _propTypes.default.number,
-  removeBankEntry: _propTypes.default.func.isRequired,
-  screenreaderNotification: _propTypes.default.func.isRequired,
-  setEditButtonFocus: _propTypes.default.bool,
-  setUi: _propTypes.default.func.isRequired,
-  stimulusId: _propTypes.default.string,
-  tagAssociations: _reactImmutableProptypes.default.listOf(_reactImmutableProptypes.default.map),
-  useBankTags: _propTypes.default.bool.isRequired,
-  toggleExpanded: _propTypes.default.func.isRequired,
-  withConfirm: _propTypes.default.func.isRequired,
-  locale: _propTypes.default.string,
-  timezone: _propTypes.default.string,
-  styles: _propTypes.default.object
-}, _BankEntryRow.defaultProps = {
+}((0, _quizCommon.withI18nSupport)(_react.Component)), (0, _defineProperty2["default"])(_BankEntryRow, "displayName", 'BankEntryRow'), (0, _defineProperty2["default"])(_BankEntryRow, "componentId", "Quizzes".concat(_BankEntryRow.displayName)), (0, _defineProperty2["default"])(_BankEntryRow, "propTypes", {
+  activeQuizId: _propTypes["default"].string,
+  addEntryToQuiz: _propTypes["default"].func,
+  bankEntry: _reactImmutableProptypes["default"].record.isRequired,
+  bank: _reactImmutableProptypes["default"].record.isRequired,
+  clearUi: _propTypes["default"].func.isRequired,
+  createItem: _propTypes["default"].func.isRequired,
+  createStimulus: _propTypes["default"].func.isRequired,
+  isQuizContentLocked: _propTypes["default"].bool.isRequired,
+  isExpanded: _propTypes["default"].bool,
+  navigateToBankEntry: _propTypes["default"].func.isRequired,
+  openModal: _propTypes["default"].func.isRequired,
+  position: _propTypes["default"].number,
+  removeBankEntry: _propTypes["default"].func.isRequired,
+  screenreaderNotification: _propTypes["default"].func.isRequired,
+  setEditButtonFocus: _propTypes["default"].bool,
+  setUi: _propTypes["default"].func.isRequired,
+  stimulusId: _propTypes["default"].string,
+  tagAssociations: _reactImmutableProptypes["default"].listOf(_reactImmutableProptypes["default"].map),
+  useBankTags: _propTypes["default"].bool.isRequired,
+  toggleExpanded: _propTypes["default"].func.isRequired,
+  withConfirm: _propTypes["default"].func.isRequired,
+  locale: _propTypes["default"].string,
+  timezone: _propTypes["default"].string,
+  styles: _propTypes["default"].object
+}), (0, _defineProperty2["default"])(_BankEntryRow, "defaultProps", {
   activeQuizId: null,
   addEntryToQuiz: null,
   stimulusId: null,
@@ -382,13 +395,11 @@ var BankEntryRow = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default,
   isExpanded: false,
   position: 0,
   setEditButtonFocus: false,
-  tagAssociations: _immutable.default.List(),
+  tagAssociations: _immutable["default"].List(),
   locale: null,
   timezone: null
-}, _BankEntryRow.contextTypes = {
-  locale: _propTypes.default.string,
-  timezone: _propTypes.default.string
-}, _BankEntryRow)) || _class);
-exports.BankEntryRow = BankEntryRow;
-var _default = BankEntryRow;
-exports.default = _default;
+}), (0, _defineProperty2["default"])(_BankEntryRow, "contextTypes", {
+  locale: _propTypes["default"].string,
+  timezone: _propTypes["default"].string
+}), _BankEntryRow)) || _class);
+var _default = exports["default"] = BankEntryRow;

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports["default"] = void 0;
 var generateStyle = function generateStyle(componentTheme) {
   return {
     entryDetail: {
@@ -38,7 +38,6 @@ var generateStyle = function generateStyle(componentTheme) {
       fontSize: componentTheme.headerTextFontSize
     },
     stem: {
-      overflowX: 'auto',
       fontSize: componentTheme.stemFontSize,
       lineHeight: componentTheme.stemLineHeight,
       '& p': {
@@ -52,5 +51,4 @@ var generateStyle = function generateStyle(componentTheme) {
     }
   };
 };
-var _default = generateStyle;
-exports.default = _default;
+var _default = exports["default"] = generateStyle;