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

package/es/banks/components/Banks/presenter.js

@@ -3,9 +3,7 @@ import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
 import _createClass from "@babel/runtime/helpers/esm/createClass";
 import _inherits from "@babel/runtime/helpers/esm/inherits";
 import _createSuper from "@babel/runtime/helpers/esm/createSuper";
-
-var _dec, _class, _class2, _temp;
-
+var _dec, _class, _Banks;
 /** @jsx jsx */
 import React, { Component } from 'react';
 import PropTypes from 'prop-types';
@@ -38,74 +36,57 @@ var sortOrderIcons = {
   ascending: IconArrowUpLine,
   descending: IconArrowDownLine
 };
-
 var _ref4 = jsx(Img, {
   src: noResults
 });
-
-export var Banks = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_Component) {
+export var Banks = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_Banks = /*#__PURE__*/function (_Component) {
   _inherits(Banks, _Component);
-
   var _super = _createSuper(Banks);
-
   function Banks(props) {
     var _this;
-
     _classCallCheck(this, Banks);
-
     _this = _super.apply(this, arguments);
-
+    // We only care about displaying the account search for the Institution Banks and Shared with Me filters
     _this.hideAccountSearch = function () {
       if (_this.props.scopeType === 'course' || _this.props.scopeType === 'courses' || _this.props.scopeType === 'this_account') {
         return true;
       }
-
       return false;
     };
-
     _this.isSubAccountLaunch = function () {
       return _this.props.scope.type === 'account' && _this.props.scope.launch_context_uuid && _this.props.rootAccountUuid && _this.props.scope.launch_context_uuid !== _this.props.rootAccountUuid;
     };
-
     _this.onCreateBank = function () {
       _this.props.createBank({
         language: _this.context.locale
       });
-
       _this.props.openModal(CREATE_BANK_MODAL, {
         modalTrigger: _this.createBankButton,
         onCreateBank: _this.handleBankCreated
       });
     };
-
     _this.handleBankCreated = function () {
       _this.props.merge(BANKS_BANK_FILTERS, {
         scopeType: 'user'
       });
     };
-
     _this.getBanksParams = function () {
       var scope = _this.props.scope;
       var params = {};
-
       if (_this.props.scopeType === 'course' && scope.uuid) {
         params['course_id'] = scope.uuid;
       } else if (_this.props.scopeType && _this.props.scopeType != 'user') {
         params['scope'] = _this.props.scopeType;
       }
-
       if (_this.props.sortBy !== 'name') {
         params['sort_by'] = _this.props.sortBy;
       }
-
       if (_this.props.sortOrder === 'descending') {
         params['sort_order'] = 'DESC';
       }
-
       if (_this.props.searchTerms) {
         params['search'] = _this.props.searchTerms;
       }
-
       if (_this.props.scopeType === 'this_account') {
         params['account_uuids'] = [_this.props.scope.launch_context_uuid];
         params['scope'] = 'account';
@@ -114,88 +95,68 @@ export var Banks = (_dec = withStyle(generateStyle, generateComponentTheme), _de
           return account.uuid;
         });
       }
-
       return params;
     };
-
     _this.getPage = function (page) {
       var params = _this.getBanksParams();
-
       return _this.props.getBanks(_objectSpread({
         page: page
       }, params), _this.props.usedByCourseEnabled, _this.props.getCourseAssignments);
     };
-
     _this.focusCreateBankButton = function () {
       _this.createBankButton && _this.createBankButton.focus();
     };
-
     _this.handleCreateBankButtonRef = function (node) {
       _this.createBankButton = node;
     };
-
     _this.handleBanksParentChange = function (event, _ref) {
       var scopeType = _ref.value;
-
       _this.props.merge(BANKS_BANK_FILTERS, {
         scopeType: scopeType
       });
     };
-
     _this.getSortingOrderIcon = function () {
       return sortOrderIcons[_this.props.sortOrder];
     };
-
     _this.getSortAssistiveText = function () {
       return t('Change sort direction. Direction is currently { sortDirection }', {
         sortDirection: _this.props.sortOrder === 'ascending' ? t('ascending') : t('descending')
       });
     };
-
     _this.handleSortingButtonClick = function () {
       _this.props.merge(BANKS_BANK_FILTERS, {
         sortOrder: _this.props.sortOrder === 'ascending' ? 'descending' : 'ascending'
       });
     };
-
     _this.handleSortByChange = function (event, _ref2) {
       var sortBy = _ref2.value;
-
       _this.props.merge(BANKS_BANK_FILTERS, {
         sortBy: sortBy
       });
     };
-
     _this.handleTableSortChange = function (sortBy, sortOrder) {
       return function () {
         var newSortOrder = sortOrder;
-
         if (_this.props.sortBy === sortBy) {
           // toggle sort order
           sortOrder === 'ascending' ? newSortOrder = 'descending' : newSortOrder = 'ascending';
         }
-
         _this.props.merge(BANKS_BANK_FILTERS, {
           sortOrder: newSortOrder,
           sortBy: sortBy
         });
       };
     };
-
     _this.handleSearchInputChange = function (_ref3) {
       var value = _ref3.target.value;
-
       _this.setState({
         searchTerms: value
       });
-
       _this.search(value);
     };
-
     _this.handleSearchSelectionChange = function (searchSelection) {
       _this.props.setUI([BANKS_BANK_FILTERS, 'searchSelection'], searchSelection);
     };
-
     _this.renderRecords = function (recordIds) {
       return jsx(BanksList, {
         createBankButton: _this.createBankButton,
@@ -218,11 +179,9 @@ export var Banks = (_dec = withStyle(generateStyle, generateComponentTheme), _de
         sort: _this.props.sortBy
       });
     };
-
     _this.emptyPage = function () {
       if (_this.props.searchTerms || _this.props.searchSelection.length > 0) {
         var message;
-
         if (_this.props.scopeType === 'course') {
           message = t("Your filter is set to \"Courses\" which will narrow what you can search for.\n          Try adjusting the filter to \"{ topLevelBankFilter }\"", {
             topLevelBankFilter: _this.topLevelBankFilterName()
@@ -236,7 +195,6 @@ export var Banks = (_dec = withStyle(generateStyle, generateComponentTheme), _de
             topLevelBankFilter: _this.topLevelBankFilterName()
           });
         }
-
         return jsx(Billboard, {
           size: "medium",
           heading: t('No Results Found'),
@@ -244,10 +202,8 @@ export var Banks = (_dec = withStyle(generateStyle, generateComponentTheme), _de
           hero: _ref4
         });
       }
-
       return t('You don\'t have any banks yet');
     };
-
     _this.state = {
       searchTerms: _this.props.searchTerms || ''
     };
@@ -258,15 +214,13 @@ export var Banks = (_dec = withStyle(generateStyle, generateComponentTheme), _de
     });
     return _this;
   }
-
   _createClass(Banks, [{
     key: "componentDidUpdate",
     value: function componentDidUpdate(prevProps, prevState) {
       if (prevProps.sortBy !== this.props.sortBy || prevProps.sortOrder !== this.props.sortOrder || prevProps.searchTerms !== this.props.searchTerms || prevProps.scopeType !== this.props.scopeType || !isEqual(prevProps.searchSelection, this.props.searchSelection)) {
         this.props.clear(BANKS_BANK_PAGINATION);
       }
-    } // We only care about displaying the account search for the Institution Banks and Shared with Me filters
-
+    }
   }, {
     key: "topLevelBankFilterName",
     value: function topLevelBankFilterName() {
@@ -285,24 +239,22 @@ export var Banks = (_dec = withStyle(generateStyle, generateComponentTheme), _de
         slug: 'courses',
         translation: this.props.subAccountBankSharingEnabled ? t('Shared with Courses') : t('Banks Shared to Course')
       }];
-
       if (this.props.scope.uuid) {
         scopeOptions.push({
           slug: 'course',
           translation: t('This Course')
         });
       }
-
       if (this.props.subAccountBankSharingEnabled && this.isSubAccountLaunch()) {
         // Put this option below "Insitution Banks"
         scopeOptions.splice(2, 0, {
           slug: 'this_account',
           translation: t('This Account')
         });
-      } // display options are displayed when using banks list
-      // non-display options are used for sorting of banks table
-
+      }
 
+      // display options are displayed when using banks list
+      // non-display options are used for sorting of banks table
       var sortingCriteriaOptions = [{
         slug: 'name',
         translation: t('Bank Name'),
@@ -396,7 +348,6 @@ export var Banks = (_dec = withStyle(generateStyle, generateComponentTheme), _de
       }, jsx(AccessibleContent, {
         alt: this.getSortAssistiveText()
       }, t('Sort')))));
-
       if (this.props.closeTray) {
         return jsx("div", {
           css: [this.props.styles.filters, this.props.styles.borderedBottom]
@@ -436,10 +387,10 @@ export var Banks = (_dec = withStyle(generateStyle, generateComponentTheme), _de
     key: "renderNav",
     value: function renderNav() {
       var _this$props = this.props,
-          scope = _this$props.scope,
-          closeTray = _this$props.closeTray,
-          navigateToBuild = _this$props.navigateToBuild,
-          returnToUrl = _this$props.returnToUrl;
+        scope = _this$props.scope,
+        closeTray = _this$props.closeTray,
+        navigateToBuild = _this$props.navigateToBuild,
+        returnToUrl = _this$props.returnToUrl;
       var isScopeEmpty = !Object.keys(scope).length;
       return jsx(NavWrapper, {
         closeTray: closeTray,
@@ -477,10 +428,9 @@ export var Banks = (_dec = withStyle(generateStyle, generateComponentTheme), _de
       })));
     }
   }]);
-
   Banks.displayName = "Banks";
   return Banks;
-}(Component), _class2.propTypes = {
+}(Component), _Banks.propTypes = {
   closeTray: PropTypes.func,
   createBank: PropTypes.func.isRequired,
   currentUser: PropTypes.shape({
@@ -547,7 +497,7 @@ export var Banks = (_dec = withStyle(generateStyle, generateComponentTheme), _de
   // eslint-disable-next-line react/require-default-props,react/forbid-prop-types
   styles: PropTypes.object,
   rootAccountUuid: PropTypes.string
-}, _class2.defaultProps = {
+}, _Banks.defaultProps = {
   closeTray: null,
   currentUser: null,
   getCourseInfo: null,
@@ -574,7 +524,7 @@ export var Banks = (_dec = withStyle(generateStyle, generateComponentTheme), _de
   subAccountBankSharingEnabled: false,
   iceTopNavBarEnabled: false,
   rootAccountUuid: null
-}, _class2.contextTypes = {
+}, _Banks.contextTypes = {
   locale: PropTypes.string
-}, _temp)) || _class);
+}, _Banks)) || _class);
 export default Banks;

package/es/banks/components/Banks/styles.js

@@ -25,5 +25,4 @@ var generateStyle = function generateStyle(componentTheme) {
     }
   };
 };
-
 export default generateStyle;

package/es/banks/components/Banks/theme.js

@@ -1,7 +1,7 @@
 var generateComponentTheme = function generateComponentTheme(_ref) {
   var colors = _ref.colors,
-      spacing = _ref.spacing,
-      borders = _ref.borders;
+    spacing = _ref.spacing,
+    borders = _ref.borders;
   return {
     contentBackgroundColor: colors.white,
     contentPaddingTopBottom: spacing.medium,
@@ -12,5 +12,4 @@ var generateComponentTheme = function generateComponentTheme(_ref) {
     headerBorderColor: colors.tiara
   };
 };
-
 export default generateComponentTheme;

package/es/banks/components/BanksList/presenter.js

@@ -4,11 +4,8 @@ import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
 import _createClass from "@babel/runtime/helpers/esm/createClass";
 import _inherits from "@babel/runtime/helpers/esm/inherits";
 import _createSuper from "@babel/runtime/helpers/esm/createSuper";
-
-var _dec, _class, _class2, _temp;
-
+var _dec, _class, _BanksList;
 /** @jsx jsx */
-
 /* eslint "react/jsx-no-bind": "warn" */
 import React, { Component } from 'react';
 import PropTypes from 'prop-types';
@@ -33,29 +30,19 @@ import SharingModal from "../SharingModal/index.js";
 import t from '@instructure/quiz-i18n/es/format-message';
 import generateStyle from "./styles.js";
 import generateComponentTheme from "./theme.js";
-
 var _ref4 = jsx(Table.Cell, null);
-
 var _ref5 = jsx(Table.Cell, null);
-
 var _ref6 = jsx(Table.Cell, null);
-
 var _ref7 = jsx(Table.Cell, null);
-
-export var BanksList = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_withI18nSupport) {
+export var BanksList = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_BanksList = /*#__PURE__*/function (_withI18nSupport) {
   _inherits(BanksList, _withI18nSupport);
-
   var _super = _createSuper(BanksList);
-
   function BanksList() {
     var _this;
-
     _classCallCheck(this, BanksList);
-
     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.state = {
       sharingModalOpen: false,
@@ -64,42 +51,33 @@ export var BanksList = (_dec = withStyle(generateStyle, generateComponentTheme),
       countedBank: null
     };
     _this.sharingButtons = [];
-
     _this.openModal = function (bank) {
       return function () {
         _this.props.openModal([EDIT_BANK_MODAL, bank.id].join(':'));
       };
     };
-
     _this.deleteBank = function (bankId) {
       _this.props.deleteBank(bankId);
-
       setTimeout(_this.props.focusCreateBankButton, 100);
     };
-
     _this.openDeleteBankModal = function (bank) {
-      return /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
+      return /*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
         var _this$props, currentUser, getUserInfo, deletingOwnBank, creatorFullName, resp, confirmBody;
-
         return _regeneratorRuntime.wrap(function _callee$(_context) {
           while (1) {
             switch (_context.prev = _context.next) {
               case 0:
                 _this$props = _this.props, currentUser = _this$props.currentUser, getUserInfo = _this$props.getUserInfo;
                 deletingOwnBank = currentUser && currentUser.uuid === bank.creator;
-
                 if (deletingOwnBank) {
                   _context.next = 7;
                   break;
                 }
-
                 _context.next = 5;
                 return getUserInfo(bank.creator);
-
               case 5:
                 resp = _context.sent;
                 creatorFullName = resp && resp[0] && resp[0].fullName;
-
               case 7:
                 confirmBody = jsx("div", null, !deletingOwnBank && (creatorFullName ? t('You are about to delete an Item Bank that you did not create. This Item Bank was created by {creator}, proceed with caution.', {
                   creator: creatorFullName
@@ -117,7 +95,6 @@ export var BanksList = (_dec = withStyle(generateStyle, generateComponentTheme),
                     key: "0"
                   }, children);
                 }])), jsx(List.Item, null, t('will lose their statistical link in reporting (if they were part of an assessment)')), jsx(List.Item, null, t('will no longer be available to any assessments attempting a random/batch pull of items (removing the pull will resolve the issue)'))))));
-
                 _this.props.withConfirm(partial(_this.deleteBank, bank.id), {
                   text: confirmBody,
                   title: t('Delete Bank'),
@@ -125,7 +102,6 @@ export var BanksList = (_dec = withStyle(generateStyle, generateComponentTheme),
                   continueVariant: 'danger',
                   size: 'medium'
                 });
-
               case 9:
               case "end":
                 return _context.stop();
@@ -134,11 +110,10 @@ export var BanksList = (_dec = withStyle(generateStyle, generateComponentTheme),
         }, _callee);
       }));
     };
-
     _this.openDuplicateBankModal = function (bank) {
       return function () {
         var createCloneJob = /*#__PURE__*/function () {
-          var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
+          var _ref3 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
             var cloneJob;
             return _regeneratorRuntime.wrap(function _callee2$(_context2) {
               while (1) {
@@ -146,18 +121,14 @@ export var BanksList = (_dec = withStyle(generateStyle, generateComponentTheme),
                   case 0:
                     _context2.next = 2;
                     return _this.props.createBankCloneJob(bank.id, _this.props.currentUser.uuid);
-
                   case 2:
                     cloneJob = _context2.sent;
-
                     _this.props.addToPolling(cloneJob.cloned_bank_id, t('{name} Copy', {
                       name: bank.title
                     }));
-
                     _this.props.addInfo(t('Creating "{name} Copy". Duplicate will appear in \'Shared with Me\' filter.', {
                       name: bank.title
                     }));
-
                   case 5:
                   case "end":
                     return _context2.stop();
@@ -165,12 +136,10 @@ export var BanksList = (_dec = withStyle(generateStyle, generateComponentTheme),
               }
             }, _callee2);
           }));
-
           return function createCloneJob() {
             return _ref3.apply(this, arguments);
           };
         }();
-
         _this.props.withConfirm(partial(createCloneJob), {
           text: t('Are you sure you want to duplicate this item bank?'),
           title: t('Duplicate Bank'),
@@ -180,13 +149,11 @@ export var BanksList = (_dec = withStyle(generateStyle, generateComponentTheme),
         });
       };
     };
-
     _this.updateSharedCount = function (count) {
       _this.setState({
         sharingCount: count
       });
     };
-
     _this.openSharingModal = function (bank) {
       return function () {
         _this.setState({
@@ -197,49 +164,40 @@ export var BanksList = (_dec = withStyle(generateStyle, generateComponentTheme),
         });
       };
     };
-
     _this.handleSharingModalDismiss = function () {
       _this.setState({
         sharingModalOpen: false,
         sharingModalBank: null
       });
     };
-
     _this.handleSharingButtonRef = function (bankId) {
       return function (node) {
         _this.sharingButtons[bankId] = node;
       };
     };
-
     _this.currentBankCount = function (bank) {
       var _this$state = _this.state,
-          countedBank = _this$state.countedBank,
-          sharingCount = _this$state.sharingCount;
-
+        countedBank = _this$state.countedBank,
+        sharingCount = _this$state.sharingCount;
       if (countedBank === bank.id && Number.isInteger(sharingCount)) {
         return sharingCount;
       }
-
       return bank.sharedCount;
     };
-
     _this.handleTableRef = function (element) {
       if (element) {
         var simpleSelect = element.querySelector('[role="combobox"]');
-
         if (simpleSelect) {
           simpleSelect.setAttribute('data-automation', 'sdk-banks-sorting-select');
         }
       }
     };
-
     _this.renderBankInfo = function (bank) {
       var navigateToBank = function navigateToBank(bankId) {
         return function () {
           return _this.props.navigateToBank(bankId);
         };
       };
-
       if (bank.status === 'copying') {
         return jsx("div", {
           css: _this.props.styles.bankInfo,
@@ -276,7 +234,6 @@ export var BanksList = (_dec = withStyle(generateStyle, generateComponentTheme),
         }, bank.title))), _this.renderDetails(bank));
       }
     };
-
     _this.renderBankOptions = function (bank) {
       var bankEditOptions = jsx(React.Fragment, null, jsx(IconButton, {
         onClick: _this.openModal(bank),
@@ -322,7 +279,6 @@ export var BanksList = (_dec = withStyle(generateStyle, generateComponentTheme),
           name: bank.title
         })
       });
-
       if (bank.status === 'copying') {
         return jsx("div", {
           css: _this.props.styles.bankOptions
@@ -353,7 +309,6 @@ export var BanksList = (_dec = withStyle(generateStyle, generateComponentTheme),
         })), bank.canEdit() ? bankEditOptions : null);
       }
     };
-
     _this.renderBank = function (bank) {
       return jsx("div", {
         key: bank.id,
@@ -363,20 +318,16 @@ export var BanksList = (_dec = withStyle(generateStyle, generateComponentTheme),
         workingBank: bank.getWorkingInstance()
       }), _this.renderBankInfo(bank), _this.renderBankOptions(bank));
     };
-
     return _this;
   }
-
   _createClass(BanksList, [{
     key: "componentDidUpdate",
     value: function componentDidUpdate() {
       var _this2 = this;
-
       if (this.state.sharingModalBank) {
         var bankFromList = this.props.banks.find(function (bank) {
           return bank.get('id') === _this2.state.sharingModalBank.get('id');
         });
-
         if (!this.state.sharingModalBank.equals(bankFromList)) {
           this.setState({
             sharingModalBank: bankFromList
@@ -426,7 +377,6 @@ export var BanksList = (_dec = withStyle(generateStyle, generateComponentTheme),
     key: "renderTableRowHeader",
     value: function renderTableRowHeader(bank) {
       var _this3 = this;
-
       if (bank.status === 'copying') {
         return jsx(Table.RowHeader, null, jsx("div", {
           css: this.props.styles.rowHeader
@@ -441,7 +391,6 @@ export var BanksList = (_dec = withStyle(generateStyle, generateComponentTheme),
             return _this3.props.navigateToBank(bankId);
           };
         };
-
         return jsx(Table.RowHeader, null, jsx("div", {
           css: this.props.styles.rowHeader
         }, jsx(EditBankModal, {
@@ -489,7 +438,6 @@ export var BanksList = (_dec = withStyle(generateStyle, generateComponentTheme),
     key: "renderTable",
     value: function renderTable() {
       var _this4 = this;
-
       return jsx(Table, {
         margin: "small 0",
         caption: t('Banks'),
@@ -513,10 +461,9 @@ export var BanksList = (_dec = withStyle(generateStyle, generateComponentTheme),
       return jsx("div", null, this.state.sharingModalBank && this.renderSharingModal(), this.props.itemBankSearchTableEnabled ? this.renderTable() : this.props.banks.toArray().map(this.renderBank));
     }
   }]);
-
   BanksList.displayName = "BanksList";
   return BanksList;
-}(withI18nSupport(Component)), _class2.propTypes = {
+}(withI18nSupport(Component)), _BanksList.propTypes = {
   addInfo: PropTypes.func.isRequired,
   addToPolling: PropTypes.func.isRequired,
   appContainer: CustomPropTypes.selectors.isRequired,
@@ -548,7 +495,7 @@ export var BanksList = (_dec = withStyle(generateStyle, generateComponentTheme),
   timezone: PropTypes.string,
   // eslint-disable-next-line react/require-default-props,react/forbid-prop-types
   styles: PropTypes.object
-}, _class2.defaultProps = {
+}, _BanksList.defaultProps = {
   currentUser: null,
   getCourseInfo: null,
   getUserInfo: null,
@@ -560,8 +507,8 @@ export var BanksList = (_dec = withStyle(generateStyle, generateComponentTheme),
   timezone: null,
   onShare: function onShare() {},
   duplicateItemBanks: false
-}, _class2.contextTypes = {
+}, _BanksList.contextTypes = {
   locale: PropTypes.string,
   timezone: PropTypes.string
-}, _temp)) || _class);
+}, _BanksList)) || _class);
 export default BanksList;

package/es/banks/components/BanksList/styles.js

@@ -41,5 +41,4 @@ var generateStyle = function generateStyle(componentTheme) {
     }
   };
 };
-
 export default generateStyle;

package/es/banks/components/BanksList/theme.js

@@ -1,8 +1,8 @@
 var generateComponentTheme = function generateComponentTheme(_ref) {
   var borders = _ref.borders,
-      colors = _ref.colors,
-      typography = _ref.typography,
-      spacing = _ref.spacing;
+    colors = _ref.colors,
+    typography = _ref.typography,
+    spacing = _ref.spacing;
   return {
     bankRowBorderWidth: borders.widthSmall,
     bankRowBorderColor: colors.tiara,
@@ -19,5 +19,4 @@ var generateComponentTheme = function generateComponentTheme(_ref) {
     deletePrefaceMargin: spacing.xxSmall
   };
 };
-
 export default generateComponentTheme;