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

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

@@ -1,42 +1,26 @@
 "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;
-
 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 _quizCommon = require("@instructure/quiz-common");
-
 var _this = void 0;
-
 var rowKey = function rowKey(props) {
   return "BANK_ENTRY_".concat(props.bankEntry.get('id'), "_EXPANDED");
 };
-
 var mapStateToProps = function mapStateToProps(state, props) {
   return {
     activeQuizId: state.getIn(['quizzes', 'activeQuizId']),
@@ -48,7 +32,6 @@ var mapStateToProps = function mapStateToProps(state, props) {
     useBankTags: (0, _featureCheck.featureOn)('item_bank_tagging')
   };
 };
-
 var mapDispatchToProps = function mapDispatchToProps(dispatch, props) {
   return {
     clearUi: (0, _redux.bindActionCreators)(_ui.clear, dispatch),
@@ -62,7 +45,5 @@ 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;

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

@@ -1,98 +1,58 @@
 "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;
-
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-
 var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _partial = _interopRequireDefault(require("lodash/partial"));
-
 var _reactImmutableProptypes = _interopRequireDefault(require("react-immutable-proptypes"));
-
 var _immutable = _interopRequireDefault(require("immutable"));
-
 var _uiIcons = require("@instructure/ui-icons");
-
 var _uiButtons = require("@instructure/ui-buttons");
-
 var _uiText = require("@instructure/ui-text");
-
 var _uiList = require("@instructure/ui-list");
-
 var _uiHeading = require("@instructure/ui-heading");
-
 var _uiA11yContent = require("@instructure/ui-a11y-content");
-
 var _uiAlerts = require("@instructure/ui-alerts");
-
 var _emotion = require("@instructure/emotion");
-
 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 _dec, _class, _class2, _temp;
-
+var _dec, _class, _BankEntryRow;
+/** @jsx jsx */
+/* eslint-disable-next-line no-unused-vars */
 var _ref2 = (0, _emotion.jsx)("div", null);
-
-var BankEntryRow = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_withI18nSupport) {
+var BankEntryRow = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (_BankEntryRow = /*#__PURE__*/function (_withI18nSupport) {
   (0, _inherits2.default)(BankEntryRow, _withI18nSupport);
-
   var _super = (0, _createSuper2.default)(BankEntryRow);
-
   function BankEntryRow() {
     var _this;
-
     (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:');
       var confirmBody = (0, _emotion.jsx)(_uiAlerts.Alert, {
@@ -109,7 +69,6 @@ var BankEntryRow = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.defau
           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()
@@ -120,7 +79,6 @@ var BankEntryRow = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.defau
         size: 'medium'
       });
     };
-
     _this.addToQuiz = function () {
       if (_this.props.activeQuizId) {
         var newEntry = _QuizEntry.default.create({
@@ -129,34 +87,27 @@ var BankEntryRow = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.defau
           position: _this.props.position,
           stimulusQuizEntryId: _this.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'));
         });
-
         if (_this.props.position) _this.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
       });
     };
-
     _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()
@@ -172,16 +123,12 @@ var BankEntryRow = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.defau
         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, _createClass2.default)(BankEntryRow, [{
     key: "componentDidMount",
     value: function componentDidMount() {
@@ -259,9 +206,8 @@ var BankEntryRow = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.defau
           title: title,
           screenReaderLabel: title
         }));
-      } // This empty div is necessary for spacing
-
-
+      }
+      // This empty div is necessary for spacing
       return _ref2;
     }
   }, {
@@ -303,9 +249,10 @@ var BankEntryRow = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.defau
   }, {
     key: "renderEntryCollapsed",
     value: function renderEntryCollapsed() {
-      var itemOrStimulus = this.getEntry(); // render item's body as html
-      // or title plain text
+      var itemOrStimulus = this.getEntry();
 
+      // render item's body as html
+      // or title plain text
       if (itemOrStimulus.itemBody) {
         return (0, _emotion.jsx)(_quizRce.RichContentRenderer, {
           customStyles: this.props.styles.stem,
@@ -321,7 +268,6 @@ var BankEntryRow = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.defau
     key: "renderEntryExpanded",
     value: function renderEntryExpanded() {
       var entry = this.getEntry();
-
       if (this.isItemEntry()) {
         return (0, _emotion.jsx)(_index3.default, {
           entry: entry,
@@ -357,7 +303,6 @@ var BankEntryRow = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.defau
       if (!this.props.useBankTags) {
         return null;
       }
-
       return (0, _emotion.jsx)(_index5.default, {
         tagAssociations: this.props.tagAssociations
       });
@@ -376,7 +321,6 @@ var BankEntryRow = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.defau
         },
         updatedAt: this.formatDatetimeMedium(this.props.bankEntry.get('updatedAt'))
       });
-
       return (0, _emotion.jsx)("div", {
         css: this.props.styles.footer
       }, (0, _emotion.jsx)("span", null, lastUpdate), this.renderTags());
@@ -406,7 +350,7 @@ var BankEntryRow = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.defau
   }]);
   BankEntryRow.displayName = "BankEntryRow";
   return BankEntryRow;
-}((0, _quizCommon.withI18nSupport)(_react.Component)), _class2.propTypes = {
+}((0, _quizCommon.withI18nSupport)(_react.Component)), _BankEntryRow.propTypes = {
   activeQuizId: _propTypes.default.string,
   addEntryToQuiz: _propTypes.default.func,
   bankEntry: _reactImmutableProptypes.default.record.isRequired,
@@ -432,7 +376,7 @@ var BankEntryRow = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.defau
   timezone: _propTypes.default.string,
   // eslint-disable-next-line react/require-default-props,react/forbid-prop-types
   styles: _propTypes.default.object
-}, _class2.defaultProps = {
+}, _BankEntryRow.defaultProps = {
   activeQuizId: null,
   addEntryToQuiz: null,
   stimulusId: null,
@@ -443,10 +387,10 @@ var BankEntryRow = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.defau
   tagAssociations: _immutable.default.List(),
   locale: null,
   timezone: null
-}, _class2.contextTypes = {
+}, _BankEntryRow.contextTypes = {
   locale: _propTypes.default.string,
   timezone: _propTypes.default.string
-}, _temp)) || _class);
+}, _BankEntryRow)) || _class);
 exports.BankEntryRow = BankEntryRow;
 var _default = BankEntryRow;
 exports.default = _default;

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

@@ -4,7 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var generateStyle = function generateStyle(componentTheme) {
   return {
     entryDetail: {
@@ -53,6 +52,5 @@ var generateStyle = function generateStyle(componentTheme) {
     }
   };
 };
-
 var _default = generateStyle;
 exports.default = _default;

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

@@ -4,12 +4,11 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var generateComponentTheme = function generateComponentTheme(_ref) {
   var spacing = _ref.spacing,
-      colors = _ref.colors,
-      borders = _ref.borders,
-      typography = _ref.typography;
+    colors = _ref.colors,
+    borders = _ref.borders,
+    typography = _ref.typography;
   return {
     entryDetailPadding: spacing.small,
     headerRowColor: colors.ash,
@@ -28,6 +27,5 @@ var generateComponentTheme = function generateComponentTheme(_ref) {
     deletePrefaceMargin: spacing.xxSmall
   };
 };
-
 var _default = generateComponentTheme;
 exports.default = _default;

package/lib/banks/components/BankSearch/BankSearch.stories.js

@@ -1,18 +1,13 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.withTags = exports.withEmptySearchTerm = exports.withSearchTerm = exports.withoutSearchTerm = exports.default = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _immutable = require("immutable");
-
 var _presenter = _interopRequireDefault(require("./presenter.js"));
-
 var props = {
   allInteractions: false,
   showFilters: true,
@@ -26,7 +21,6 @@ var _default = {
   title: 'BankSearch'
 };
 exports.default = _default;
-
 var withoutSearchTerm = function withoutSearchTerm() {
   return /*#__PURE__*/_react.default.createElement(_presenter.default, Object.assign({}, props, {
     search: (0, _immutable.Map)({
@@ -34,9 +28,7 @@ var withoutSearchTerm = function withoutSearchTerm() {
     })
   }));
 };
-
 exports.withoutSearchTerm = withoutSearchTerm;
-
 var withSearchTerm = function withSearchTerm() {
   return /*#__PURE__*/_react.default.createElement(_presenter.default, Object.assign({}, props, {
     search: (0, _immutable.Map)({
@@ -44,9 +36,7 @@ var withSearchTerm = function withSearchTerm() {
     })
   }));
 };
-
 exports.withSearchTerm = withSearchTerm;
-
 var withEmptySearchTerm = function withEmptySearchTerm() {
   return /*#__PURE__*/_react.default.createElement(_presenter.default, Object.assign({}, props, {
     search: (0, _immutable.Map)({
@@ -54,7 +44,6 @@ var withEmptySearchTerm = function withEmptySearchTerm() {
     })
   }));
 };
-
 exports.withEmptySearchTerm = withEmptySearchTerm;
 var tags = [{
   id: '1',
@@ -63,7 +52,6 @@ var tags = [{
   id: '2',
   value: 'World'
 }];
-
 var withTags = function withTags() {
   return /*#__PURE__*/_react.default.createElement(_presenter.default, Object.assign({}, props, {
     search: (0, _immutable.Map)({
@@ -71,5 +59,4 @@ var withTags = function withTags() {
     })
   }));
 };
-
 exports.withTags = withTags;

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

@@ -1,24 +1,16 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _immutable = require("immutable");
-
 var _presenter = _interopRequireDefault(require("./presenter.js"));
-
 var _reactRedux = require("../../../common/react-redux.js");
-
 var _bankSearch = require("../../../common/actions/bankSearch.js");
-
 var _ui = require("../../../common/actions/ui.js");
-
 var _quizCommon = require("@instructure/quiz-common");
-
 function mapStateToProps(state, props) {
   var searching = state.getIn(['ui', 'searching'], false);
   var search = state.get('bankSearch', (0, _immutable.Map)());
@@ -31,7 +23,6 @@ function mapStateToProps(state, props) {
     showFilters: showFilters
   };
 }
-
 var mapDispatchToProps = {
   toggle: _bankSearch.toggle,
   toggleFilters: function toggleFilters() {
@@ -43,7 +34,5 @@ var mapDispatchToProps = {
   setFilter: _bankSearch.setFilter,
   update: _bankSearch.update
 };
-
 var _default = (0, _reactRedux.connect)(mapStateToProps, mapDispatchToProps)(_presenter.default);
-
 exports.default = _default;

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

@@ -1,58 +1,34 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.BankSearch = void 0;
-
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-
 var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
-
 var _react = require("react");
-
 var _memoize = _interopRequireDefault(require("lodash/memoize"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _reactImmutableProptypes = _interopRequireDefault(require("react-immutable-proptypes"));
-
 var _uiIcons = require("@instructure/ui-icons");
-
 var _uiButtons = require("@instructure/ui-buttons");
-
 var _uiTextInput = require("@instructure/ui-text-input");
-
 var _uiCheckbox = require("@instructure/ui-checkbox");
-
 var _uiView = require("@instructure/ui-view");
-
 var _uiFlex = require("@instructure/ui-flex");
-
 var _uiText = require("@instructure/ui-text");
-
 var _uiA11yContent = require("@instructure/ui-a11y-content");
-
 var _emotion = require("@instructure/emotion");
-
 var _formatMessage = _interopRequireDefault(require("@instructure/quiz-i18n/es/format-message"));
-
 var _index = _interopRequireDefault(require("../../../common/components/shared/TagSuggestSelect/index.js"));
-
 var _interactionTypeMetadata = require("../../../common/util/interactionTypeMetadata.js");
-
 var _styles = _interopRequireDefault(require("./styles.js"));
-
 var _theme = _interopRequireDefault(require("./theme.js"));
-
-var _dec, _class, _class2, _temp;
-
+var _dec, _class, _BankSearch;
+/** @jsx jsx */
 var tagShape = _propTypes.default.shape({
   tag: _propTypes.default.shape({
     id: _propTypes.default.string,
@@ -60,59 +36,47 @@ var tagShape = _propTypes.default.shape({
   }).isRequired,
   count: _propTypes.default.number.isRequired
 });
-
-var BankSearch = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_Component) {
+var BankSearch = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (_BankSearch = /*#__PURE__*/function (_Component) {
   (0, _inherits2.default)(BankSearch, _Component);
-
   var _super = (0, _createSuper2.default)(BankSearch);
-
   function BankSearch() {
     var _this;
-
     (0, _classCallCheck2.default)(this, BankSearch);
-
     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.toggleInteraction = (0, _memoize.default)(function (it) {
       return function () {
         return _this.props.toggle('interactionTypes', it);
       };
     });
-
     _this.setTags = function (tags) {
       return _this.props.setFilter('tags', tags);
     };
-
     _this.updateSearch = function (_ref) {
       var value = _ref.target.value;
       return _this.props.update(value);
     };
-
     return _this;
   }
-
   (0, _createClass2.default)(BankSearch, [{
     key: "renderFilters",
     value: function renderFilters() {
       var _this2 = this;
-
       var _this$props = this.props,
-          allInteractions = _this$props.allInteractions,
-          search = _this$props.search,
-          showFilters = _this$props.showFilters,
-          toggleAllInteractions = _this$props.toggleAllInteractions,
-          interactionTypes = _this$props.interactionTypes;
-
+        allInteractions = _this$props.allInteractions,
+        search = _this$props.search,
+        showFilters = _this$props.showFilters,
+        toggleAllInteractions = _this$props.toggleAllInteractions,
+        interactionTypes = _this$props.interactionTypes;
       if (showFilters) {
         var its = interactionTypes;
         var shown = allInteractions ? its : its.slice(0, 5);
         var active = search.get('interactionTypes');
         var interactionFilters = shown.map(function (_ref2) {
           var count = _ref2.count,
-              it = _ref2.interaction_type;
+            it = _ref2.interaction_type;
           var interactionName = (0, _interactionTypeMetadata.interactionTypesNameDictionary)(it);
           var label = "".concat(interactionName, " (").concat(count, ")");
           return (0, _emotion.jsx)("div", {
@@ -138,17 +102,14 @@ var BankSearch = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default
           tags: activeTags,
           defaultSuggestions: suggestions
         });
-
         var toggleButton = function toggleButton() {
           if (shown.length < its.length || allInteractions) {
             var hide = function hide() {
               return (0, _formatMessage.default)('Show Less');
             };
-
             var show = function show() {
               return (0, _formatMessage.default)('Show More');
             };
-
             var text = allInteractions ? hide() : show();
             return (0, _emotion.jsx)(_uiButtons.CondensedButton, {
               onClick: toggleAllInteractions,
@@ -158,7 +119,6 @@ var BankSearch = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default
             }, text));
           }
         };
-
         return (0, _emotion.jsx)("div", {
           css: this.props.styles.filterContainer
         }, (0, _emotion.jsx)("div", {
@@ -177,8 +137,8 @@ var BankSearch = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default
     key: "render",
     value: function render() {
       var _this$props2 = this.props,
-          showFilters = _this$props2.showFilters,
-          toggleFilters = _this$props2.toggleFilters;
+        showFilters = _this$props2.showFilters,
+        toggleFilters = _this$props2.toggleFilters;
       return (0, _emotion.jsx)("div", null, (0, _emotion.jsx)(_uiFlex.Flex, {
         as: "div"
       }, (0, _emotion.jsx)(_uiFlex.Flex.Item, {
@@ -203,7 +163,7 @@ var BankSearch = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default
   }]);
   BankSearch.displayName = "BankSearch";
   return BankSearch;
-}(_react.Component), _class2.propTypes = {
+}(_react.Component), _BankSearch.propTypes = {
   allInteractions: _propTypes.default.bool,
   interactionTypes: _propTypes.default.arrayOf(_propTypes.default.shape({
     count: _propTypes.default.number,
@@ -223,12 +183,12 @@ var BankSearch = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default
   update: _propTypes.default.func.isRequired,
   // eslint-disable-next-line react/require-default-props,react/forbid-prop-types
   styles: _propTypes.default.object
-}, _class2.defaultProps = {
+}, _BankSearch.defaultProps = {
   allInteractions: false,
   interactionTypes: [],
   showFilters: false,
   tags: []
-}, _temp)) || _class);
+}, _BankSearch)) || _class);
 exports.BankSearch = BankSearch;
 var _default = BankSearch;
 exports.default = _default;

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

@@ -4,7 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var generateStyle = function generateStyle(componentTheme) {
   return {
     interactionType: {
@@ -20,6 +19,5 @@ var generateStyle = function generateStyle(componentTheme) {
     }
   };
 };
-
 var _default = generateStyle;
 exports.default = _default;

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

@@ -4,7 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var generateComponentTheme = function generateComponentTheme(_ref) {
   var spacing = _ref.spacing;
   return {
@@ -12,6 +11,5 @@ var generateComponentTheme = function generateComponentTheme(_ref) {
     searchInteractionsPaddingLeftRight: spacing.small
   };
 };
-
 var _default = generateComponentTheme;
 exports.default = _default;