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

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

@@ -1,34 +1,58 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.BankSearch = 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 _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 _TagSuggestSelect = _interopRequireDefault(require("../../../common/components/shared/TagSuggestSelect"));
-var _interactionTypeMetadata = require("../../../common/util/interactionTypeMetadata");
-var _styles = _interopRequireDefault(require("./styles"));
-var _theme = _interopRequireDefault(require("./theme"));
-var _dec, _class, _BankSearch;
-/** @jsx jsx */
+
+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 tagShape = _propTypes.default.shape({
   tag: _propTypes.default.shape({
     id: _propTypes.default.string,
@@ -36,46 +60,59 @@ var tagShape = _propTypes.default.shape({
   }).isRequired,
   count: _propTypes.default.number.isRequired
 });
-var BankSearch = exports.BankSearch = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (_BankSearch = /*#__PURE__*/function (_Component) {
+
+var BankSearch = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (_temp = _class2 = /*#__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 = (0, _callSuper2.default)(this, BankSearch, [].concat(args));
+
+    _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, _inherits2.default)(BankSearch, _Component);
-  return (0, _createClass2.default)(BankSearch, [{
+
+  (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", {
@@ -93,7 +130,7 @@ var BankSearch = exports.BankSearch = (_dec = (0, _emotion.withStyle)(_styles.de
           return tag;
         });
         var activeTags = this.props.search.get('tags');
-        var tagSelect = (0, _emotion.jsx)(_TagSuggestSelect.default, {
+        var tagSelect = (0, _emotion.jsx)(_index.default, {
           noMatchText: (0, _formatMessage.default)('No matching tags found'),
           parentType: "Bank",
           parentId: "0",
@@ -101,14 +138,17 @@ var BankSearch = exports.BankSearch = (_dec = (0, _emotion.withStyle)(_styles.de
           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,
@@ -118,6 +158,7 @@ var BankSearch = exports.BankSearch = (_dec = (0, _emotion.withStyle)(_styles.de
             }, text));
           }
         };
+
         return (0, _emotion.jsx)("div", {
           css: this.props.styles.filterContainer
         }, (0, _emotion.jsx)("div", {
@@ -136,8 +177,8 @@ var BankSearch = exports.BankSearch = (_dec = (0, _emotion.withStyle)(_styles.de
     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, {
@@ -148,7 +189,8 @@ var BankSearch = exports.BankSearch = (_dec = (0, _emotion.withStyle)(_styles.de
         type: "search",
         placeholder: (0, _formatMessage.default)('Search'),
         onChange: this.updateSearch,
-        value: this.props.search.get('text', '') || ''
+        value: this.props.search.get('text', '') || '',
+        "data-automation": "sdk-bank-search-input"
       })), (0, _emotion.jsx)(_uiFlex.Flex.Item, null, (0, _emotion.jsx)(_uiButtons.Button, {
         onClick: toggleFilters,
         margin: "none none none small",
@@ -159,7 +201,9 @@ var BankSearch = exports.BankSearch = (_dec = (0, _emotion.withStyle)(_styles.de
       }, (0, _formatMessage.default)('Filters'))))), this.renderFilters());
     }
   }]);
-}(_react.Component), _BankSearch.propTypes = {
+  BankSearch.displayName = "BankSearch";
+  return BankSearch;
+}(_react.Component), _class2.propTypes = {
   allInteractions: _propTypes.default.bool,
   interactionTypes: _propTypes.default.arrayOf(_propTypes.default.shape({
     count: _propTypes.default.number,
@@ -179,10 +223,12 @@ var BankSearch = exports.BankSearch = (_dec = (0, _emotion.withStyle)(_styles.de
   update: _propTypes.default.func.isRequired,
   // eslint-disable-next-line react/require-default-props,react/forbid-prop-types
   styles: _propTypes.default.object
-}, _BankSearch.defaultProps = {
+}, _class2.defaultProps = {
   allInteractions: false,
   interactionTypes: [],
   showFilters: false,
   tags: []
-}, _BankSearch)) || _class);
-var _default = exports.default = BankSearch;
+}, _temp)) || _class);
+exports.BankSearch = BankSearch;
+var _default = BankSearch;
+exports.default = _default;

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

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

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

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

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

@@ -1,20 +1,32 @@
 "use strict";
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.Banks = void 0;
+
 var _redux = require("redux");
+
 var _immutable = require("immutable");
-var _presenter = require("./presenter");
-var _ui = require("../../../common/actions/ui");
-var _reactRedux = require("../../../common/react-redux");
-var _banks = require("../../../banks/api/banks");
-var modalActions = _interopRequireWildcard(require("../../../common/actions/modal"));
-var _modifications = require("../../../common/actions/modifications");
-var _featureCheck = require("../../../common/util/featureCheck");
+
+var _presenter = require("./presenter.js");
+
+var _ui = require("../../../common/actions/ui.js");
+
+var _reactRedux = require("../../../common/react-redux.js");
+
+var _banks = require("../../../banks/api/banks.js");
+
+var modalActions = _interopRequireWildcard(require("../../../common/actions/modal.js"));
+
+var _modifications = require("../../../common/actions/modifications.js");
+
+var _featureCheck = require("../../../common/util/featureCheck.js");
+
 var _quizCommon = require("@instructure/quiz-common");
+
 function mapStateToProps(state, props) {
   var pageData = state.getIn(['ui', _quizCommon.BANKS_BANK_FILTERS], (0, _immutable.Map)());
   var scopeType = pageData.get('scopeType', (props.scope || {}).type || 'user');
@@ -36,6 +48,7 @@ function mapStateToProps(state, props) {
     rootAccountUuid: rootAccountUuid
   };
 }
+
 function mapDispatchToProps(dispatch) {
   return {
     createBank: (0, _redux.bindActionCreators)(_modifications.createBank, dispatch),
@@ -46,5 +59,8 @@ function mapDispatchToProps(dispatch) {
     setUI: (0, _redux.bindActionCreators)(_ui.set, dispatch)
   };
 }
-var Banks = exports.Banks = (0, _reactRedux.connect)(mapStateToProps, mapDispatchToProps)(_presenter.Banks);
-var _default = exports.default = Banks;
+
+var Banks = (0, _reactRedux.connect)(mapStateToProps, mapDispatchToProps)(_presenter.Banks);
+exports.Banks = Banks;
+var _default = Banks;
+exports.default = _default;