@instructure/quiz-core 21.1.1 → 22.0.0

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

@@ -1,14 +1,14 @@
 var _this = this;
 import { bindActionCreators } from 'redux';
-import { connect } from "../../../common/react-redux.js";
-import { createItem } from "../../../building/api/items.js";
-import { createStimulus } from "../../../building/api/stimuli.js";
-import { toggle, set, clear } from "../../../common/actions/ui.js";
-import * as modalActions from "../../../common/actions/modal.js";
-import BankEntryRow from "./presenter.js";
-import * as bankEntryApiActions from "../../api/bankEntries.js";
-import { screenreaderNotification } from "../../../common/actions/alerts.js";
-import { featureOn } from "../../../common/util/featureCheck.js";
+import { connect } from '../../../common/react-redux';
+import { createItem } from '../../../building/api/items';
+import { createStimulus } from '../../../building/api/stimuli';
+import { toggle, set, clear } from '../../../common/actions/ui';
+import * as modalActions from '../../../common/actions/modal';
+import BankEntryRow from './presenter';
+import * as bankEntryApiActions from '../../api/bankEntries';
+import { screenreaderNotification } from '../../../common/actions/alerts';
+import { featureOn } from '../../../common/util/featureCheck';
 import { BUILD_TRAY_POSITION, BUILD_TRAY_STIMULUS_ID, SET_EDIT_BUTTON_FOCUS } from '@instructure/quiz-common';
 var rowKey = function rowKey(props) {
   return "BANK_ENTRY_".concat(props.bankEntry.get('id'), "_EXPANDED");

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

@@ -1,8 +1,24 @@
 import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
 import _createClass from "@babel/runtime/helpers/esm/createClass";
+import _possibleConstructorReturn from "@babel/runtime/helpers/esm/possibleConstructorReturn";
+import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
 import _inherits from "@babel/runtime/helpers/esm/inherits";
-import _createSuper from "@babel/runtime/helpers/esm/createSuper";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 var _dec, _class, _BankEntryRow;
+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 = _getPrototypeOf(derived);
+  return _possibleConstructorReturn(_this, isNativeReflectConstruct() ? Reflect.construct(derived, args || [], _getPrototypeOf(_this).constructor) : derived.apply(_this, args));
+}
 /** @jsx jsx */
 import React, { Component } from 'react';
 import PropTypes from 'prop-types';
@@ -21,38 +37,35 @@ import { BUILD_TRAY_POSITION, COPY_MOVE_BANK_ENTRY_MODAL, SET_EDIT_BUTTON_FOCUS,
 import { RichContentRenderer } from '@instructure/quiz-rce';
 import { extractTextFromHtml } from '@instructure/quiz-interactions';
 import t from '@instructure/quiz-i18n/es/format-message';
-import CopyMoveBankEntryModal from "../CopyMoveBankEntryModal/index.js";
-import ExpandButton from "../../../common/components/shared/ExpandButton/index.js";
-import QuizEntry from "../../../common/records/QuizEntry.js";
-import ItemShow from "../../../common/components/resources/item/ItemShow/index.js";
-import StimulusShowInfo from "../../../common/components/resources/stimulus/StimulusShowInfo/index.js";
-import TagDisplay from "../../../common/components/shared/TagDisplay/index.js";
-import generateStyle from "./styles.js";
-import generateComponentTheme from "./theme.js";
-import Overlay from "../../../common/components/shared/overlay/index.js";
-var _ref2 = jsx("div", null);
+import CopyMoveBankEntryModal from '../CopyMoveBankEntryModal';
+import ExpandButton from '../../../common/components/shared/ExpandButton';
+import QuizEntry from '../../../common/records/QuizEntry';
+import ItemShow from '../../../common/components/resources/item/ItemShow';
+import StimulusShowInfo from '../../../common/components/resources/stimulus/StimulusShowInfo';
+import TagDisplay from '../../../common/components/shared/TagDisplay';
+import generateStyle from './styles';
+import generateComponentTheme from './theme';
+import Overlay from '../../../common/components/shared/overlay';
 export var BankEntryRow = (_dec = withStyleOverrides(generateStyle, generateComponentTheme), _dec(_class = (_BankEntryRow = /*#__PURE__*/function (_withI18nSupport) {
-  _inherits(BankEntryRow, _withI18nSupport);
-  var _super = _createSuper(BankEntryRow);
   function BankEntryRow() {
-    var _this;
+    var _this2;
     _classCallCheck(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(BUILD_TRAY_POSITION, _this.props.position + 1);
-    };
-    _this.deleteBankEntry = function () {
-      var deletePreface = _this.isItemEntry() ? t('Deleting this question:') : t('Deleting this stimulus:');
+    _this2 = _callSuper(this, BankEntryRow, [].concat(args));
+    _defineProperty(_this2, "incrementPosition", function () {
+      _this2.props.setUi(BUILD_TRAY_POSITION, _this2.props.position + 1);
+    });
+    _defineProperty(_this2, "deleteBankEntry", function () {
+      var deletePreface = _this2.isItemEntry() ? t('Deleting this question:') : t('Deleting this stimulus:');
       var confirmBody = jsx(Alert, {
         variant: "error",
         padding: "0"
       }, jsx("div", {
-        css: _this.props.styles.deleteAlert
+        css: _this2.props.styles.deleteAlert
       }, jsx("div", {
-        css: _this.props.styles.deletePreface
+        css: _this2.props.styles.deletePreface
       }, deletePreface), jsx(List, null, jsx(List.Item, null, t.rich('will <0>NOT</0> remove it from any assessments', [function (_ref) {
         var children = _ref.children;
         return jsx(Text, {
@@ -60,67 +73,68 @@ export var BankEntryRow = (_dec = withStyleOverrides(generateStyle, generateComp
           key: "0"
         }, children);
       }])), jsx(List.Item, null, t('will lose its statistical link in reporting')), jsx(List.Item, null, t('will remove access for all users with whom this bank has been shared')))));
-      _this.props.withConfirm(partial(_this.props.removeBankEntry, _this.props.bank.id, _this.props.bankEntry.id), {
+      _this2.props.withConfirm(partial(_this2.props.removeBankEntry, _this2.props.bank.id, _this2.props.bankEntry.id), {
         title: t('Delete {type}', {
-          type: _this.type()
+          type: _this2.type()
         }),
         text: confirmBody,
         continueText: t('Delete'),
         continueVariant: 'danger',
         size: 'medium'
       });
-    };
-    _this.addToQuiz = function () {
-      if (_this.props.activeQuizId) {
+    });
+    _defineProperty(_this2, "addToQuiz", function () {
+      if (_this2.props.activeQuizId) {
         var newEntry = QuizEntry.create({
-          entryId: _this.props.bankEntry.id,
+          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(t('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(t('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([COPY_MOVE_BANK_ENTRY_MODAL, _this.props.bankEntry.entryType, _this.props.bankEntry.entry.toJS().id].join(':'), {
-        modalTrigger: _this.copyMoveBankEntryButton
+    });
+    _defineProperty(_this2, "openCopyMoveBankEntryModal", function () {
+      _this2.props.openModal([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 () {
+    });
+    _defineProperty(_this2, "createEntryForBank", function () {
+      var createEntry = _this2.isItemEntry() ? _this2.props.createItem : _this2.props.createStimulus;
+      return createEntry(_this2.getEntry(), _this2.props.bank.id, 'bank');
+    });
+    _defineProperty(_this2, "storeCopyMoveBankEntryButtonRef", function (c) {
+      _this2.copyMoveBankEntryButton = c;
+    });
+    _defineProperty(_this2, "storeEditButtonRef", function (c) {
+      _this2.editButton = c;
+    });
+    _defineProperty(_this2, "renderTrashButton", function () {
       var title = t('Delete {type}', {
-        type: _this.type()
+        type: _this2.type()
       });
       return jsx(IconButton, {
         size: "medium",
         withBackground: false,
         withBorder: false,
-        onClick: _this.deleteBankEntry,
+        onClick: _this2.deleteBankEntry,
         "data-automation": "sdk-delete-bank-entry-button",
         renderIcon: IconTrashLine,
         title: title,
         screenReaderLabel: title
       });
-    };
-    _this.navigateToBankEntry = function () {
-      _this.props.setUi(SET_EDIT_BUTTON_FOCUS, _this.props.bankEntry.id);
-      _this.props.navigateToBankEntry(_this.props.bankEntry.id, _this.props.bank.id);
-    };
-    return _this;
+    });
+    _defineProperty(_this2, "navigateToBankEntry", function () {
+      _this2.props.setUi(SET_EDIT_BUTTON_FOCUS, _this2.props.bankEntry.id);
+      _this2.props.navigateToBankEntry(_this2.props.bankEntry.id, _this2.props.bank.id);
+    });
+    return _this2;
   }
-  _createClass(BankEntryRow, [{
+  _inherits(BankEntryRow, _withI18nSupport);
+  return _createClass(BankEntryRow, [{
     key: "componentDidMount",
     value: function componentDidMount() {
       if (this.props.bankEntry.id === this.props.setEditButtonFocus) {
@@ -199,7 +213,7 @@ export var BankEntryRow = (_dec = withStyleOverrides(generateStyle, generateComp
         }));
       }
       // This empty div is necessary for spacing
-      return _ref2;
+      return jsx("div", null);
     }
   }, {
     key: "renderMoveButton",
@@ -302,8 +316,8 @@ export var BankEntryRow = (_dec = withStyleOverrides(generateStyle, generateComp
     key: "renderFooter",
     value: function renderFooter() {
       var lastUpdate = t.rich('<0>Last Update</0> { updatedAt }', {
-        0: function _(_ref3) {
-          var children = _ref3.children;
+        0: function _(_ref2) {
+          var children = _ref2.children;
           return jsx(Text, {
             key: "lastUpdate",
             weight: "bold",
@@ -339,9 +353,7 @@ export var BankEntryRow = (_dec = withStyleOverrides(generateStyle, generateComp
       }));
     }
   }]);
-  BankEntryRow.displayName = "BankEntryRow";
-  return BankEntryRow;
-}(withI18nSupport(Component)), _BankEntryRow.displayName = 'BankEntryRow', _BankEntryRow.componentId = "Quizzes".concat(_BankEntryRow.displayName), _BankEntryRow.propTypes = {
+}(withI18nSupport(Component)), _defineProperty(_BankEntryRow, "displayName", 'BankEntryRow'), _defineProperty(_BankEntryRow, "componentId", "Quizzes".concat(_BankEntryRow.displayName)), _defineProperty(_BankEntryRow, "propTypes", {
   activeQuizId: PropTypes.string,
   addEntryToQuiz: PropTypes.func,
   bankEntry: ImmutablePropTypes.record.isRequired,
@@ -366,7 +378,7 @@ export var BankEntryRow = (_dec = withStyleOverrides(generateStyle, generateComp
   locale: PropTypes.string,
   timezone: PropTypes.string,
   styles: PropTypes.object
-}, _BankEntryRow.defaultProps = {
+}), _defineProperty(_BankEntryRow, "defaultProps", {
   activeQuizId: null,
   addEntryToQuiz: null,
   stimulusId: null,
@@ -377,8 +389,8 @@ export var BankEntryRow = (_dec = withStyleOverrides(generateStyle, generateComp
   tagAssociations: Immutable.List(),
   locale: null,
   timezone: null
-}, _BankEntryRow.contextTypes = {
+}), _defineProperty(_BankEntryRow, "contextTypes", {
   locale: PropTypes.string,
   timezone: PropTypes.string
-}, _BankEntryRow)) || _class);
+}), _BankEntryRow)) || _class);
 export default BankEntryRow;

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

@@ -32,7 +32,6 @@ var generateStyle = function generateStyle(componentTheme) {
       fontSize: componentTheme.headerTextFontSize
     },
     stem: {
-      overflowX: 'auto',
       fontSize: componentTheme.stemFontSize,
       lineHeight: componentTheme.stemLineHeight,
       '& p': {

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

@@ -5,18 +5,18 @@ var generateComponentTheme = function generateComponentTheme(_ref) {
     typography = _ref.typography;
   return {
     entryDetailPadding: spacing.small,
-    headerRowColor: colors.ash,
+    headerRowColor: colors.contrasts.grey4570,
     buttonsZIndex: '3333',
     expandButtonContainerBorderWidth: borders.widthMedium,
-    expandButtonContainerBorderColor: colors.tiara,
+    expandButtonContainerBorderColor: colors.contrasts.grey1214,
     addButtonMargin: spacing.small,
-    headerTextColor: colors.ash,
+    headerTextColor: colors.contrasts.grey4570,
     headerTextFontSize: typography.fontSizeXSmall,
     stemFontSize: typography.fontSizeMedium,
     stemLineHeight: typography.lineHeight,
     footerPadding: spacing.medium,
     footerBorderWidth: borders.widthSmall,
-    footerBorderColor: colors.tiara,
+    footerBorderColor: colors.contrasts.grey1214,
     footerFontSize: typography.fontSizeXSmall,
     deletePrefaceMargin: spacing.xxSmall
   };

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

@@ -1,6 +1,6 @@
 import React from 'react';
 import { Map } from 'immutable';
-import BankSearch from "./presenter.js";
+import BankSearch from './presenter';
 var props = {
   allInteractions: false,
   showFilters: true,

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

@@ -1,8 +1,8 @@
 import { Map } from 'immutable';
-import BankSearch from "./presenter.js";
-import { connect } from "../../../common/react-redux.js";
-import { update, setFilter, toggle } from "../../../common/actions/bankSearch.js";
-import { toggle as toggleUI } from "../../../common/actions/ui.js";
+import BankSearch from './presenter';
+import { connect } from '../../../common/react-redux';
+import { update, setFilter, toggle } from '../../../common/actions/bankSearch';
+import { toggle as toggleUI } from '../../../common/actions/ui';
 import { BANKS_SEARCH_FILTER_KEY, BANKS_TOGGLE_INTERACTIONS_KEY } from '@instructure/quiz-common';
 function mapStateToProps(state, props) {
   var searching = state.getIn(['ui', 'searching'], false);

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

@@ -1,8 +1,24 @@
 import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
 import _createClass from "@babel/runtime/helpers/esm/createClass";
+import _possibleConstructorReturn from "@babel/runtime/helpers/esm/possibleConstructorReturn";
+import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
 import _inherits from "@babel/runtime/helpers/esm/inherits";
-import _createSuper from "@babel/runtime/helpers/esm/createSuper";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 var _dec, _class, _BankSearch;
+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 = _getPrototypeOf(derived);
+  return _possibleConstructorReturn(_this, isNativeReflectConstruct() ? Reflect.construct(derived, args || [], _getPrototypeOf(_this).constructor) : derived.apply(_this, args));
+}
 /** @jsx jsx */
 import { Component } from 'react';
 import memoize from 'lodash/memoize';
@@ -16,10 +32,10 @@ import { Text } from '@instructure/ui-text';
 import { AccessibleContent, ScreenReaderContent } from '@instructure/ui-a11y-content';
 import { jsx } from '@instructure/emotion';
 import t from '@instructure/quiz-i18n/es/format-message';
-import TagSuggestSelect from "../../../common/components/shared/TagSuggestSelect/index.js";
-import { interactionTypesNameDictionary } from "../../../common/util/interactionTypeMetadata.js";
-import generateStyle from "./styles.js";
-import generateComponentTheme from "./theme.js";
+import TagSuggestSelect from '../../../common/components/shared/TagSuggestSelect';
+import { interactionTypesNameDictionary } from '../../../common/util/interactionTypeMetadata';
+import generateStyle from './styles';
+import generateComponentTheme from './theme';
 import { Flex, TextInput, withStyleOverrides } from '@instructure/quiz-common';
 var tagShape = PropTypes.shape({
   tag: PropTypes.shape({
@@ -29,33 +45,32 @@ var tagShape = PropTypes.shape({
   count: PropTypes.number.isRequired
 });
 export var BankSearch = (_dec = withStyleOverrides(generateStyle, generateComponentTheme), _dec(_class = (_BankSearch = /*#__PURE__*/function (_Component) {
-  _inherits(BankSearch, _Component);
-  var _super = _createSuper(BankSearch);
   function BankSearch() {
-    var _this;
+    var _this2;
     _classCallCheck(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 = memoize(function (it) {
+    _this2 = _callSuper(this, BankSearch, [].concat(args));
+    _defineProperty(_this2, "toggleInteraction", memoize(function (it) {
       return function () {
-        return _this.props.toggle('interactionTypes', it);
+        return _this2.props.toggle('interactionTypes', it);
       };
+    }));
+    _defineProperty(_this2, "setTags", function (tags) {
+      return _this2.props.setFilter('tags', tags);
     });
-    _this.setTags = function (tags) {
-      return _this.props.setFilter('tags', tags);
-    };
-    _this.updateSearch = function (_ref) {
+    _defineProperty(_this2, "updateSearch", function (_ref) {
       var value = _ref.target.value;
-      return _this.props.update(value);
-    };
-    return _this;
+      return _this2.props.update(value);
+    });
+    return _this2;
   }
-  _createClass(BankSearch, [{
+  _inherits(BankSearch, _Component);
+  return _createClass(BankSearch, [{
     key: "renderFilters",
     value: function renderFilters() {
-      var _this2 = this;
+      var _this3 = this;
       var _this$props = this.props,
         allInteractions = _this$props.allInteractions,
         search = _this$props.search,
@@ -73,11 +88,11 @@ export var BankSearch = (_dec = withStyleOverrides(generateStyle, generateCompon
           var label = "".concat(interactionName, " (").concat(count, ")");
           return jsx("div", {
             key: it.id,
-            css: _this2.props.styles.interactionType
+            css: _this3.props.styles.interactionType
           }, jsx(Checkbox, {
             checked: active.has(it.id),
             label: label,
-            onChange: _this2.toggleInteraction(it.id),
+            onChange: _this3.toggleInteraction(it.id),
             value: "medium"
           }));
         });
@@ -153,9 +168,7 @@ export var BankSearch = (_dec = withStyleOverrides(generateStyle, generateCompon
       }, t('Filters'))))), this.renderFilters());
     }
   }]);
-  BankSearch.displayName = "BankSearch";
-  return BankSearch;
-}(Component), _BankSearch.displayName = 'BankSearch', _BankSearch.componentId = "Quizzes".concat(_BankSearch.displayName), _BankSearch.propTypes = {
+}(Component), _defineProperty(_BankSearch, "displayName", 'BankSearch'), _defineProperty(_BankSearch, "componentId", "Quizzes".concat(_BankSearch.displayName)), _defineProperty(_BankSearch, "propTypes", {
   allInteractions: PropTypes.bool,
   interactionTypes: PropTypes.arrayOf(PropTypes.shape({
     count: PropTypes.number,
@@ -174,10 +187,10 @@ export var BankSearch = (_dec = withStyleOverrides(generateStyle, generateCompon
   setFilter: PropTypes.func.isRequired,
   update: PropTypes.func.isRequired,
   styles: PropTypes.object
-}, _BankSearch.defaultProps = {
+}), _defineProperty(_BankSearch, "defaultProps", {
   allInteractions: false,
   interactionTypes: [],
   showFilters: false,
   tags: []
-}, _BankSearch)) || _class);
+}), _BankSearch)) || _class);
 export default BankSearch;

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

@@ -1,12 +1,12 @@
 import { bindActionCreators } from 'redux';
 import { Map } from 'immutable';
-import { Banks as BanksPresenter } from "./presenter.js";
-import { set as setUI, clear, merge } from "../../../common/actions/ui.js";
-import { connect } from "../../../common/react-redux.js";
-import { getBanks } from "../../../banks/api/banks.js";
-import * as modalActions from "../../../common/actions/modal.js";
-import { createBank } from "../../../common/actions/modifications.js";
-import { featureOn } from "../../../common/util/featureCheck.js";
+import { Banks as BanksPresenter } from './presenter';
+import { set as setUI, clear, merge } from '../../../common/actions/ui';
+import { connect } from '../../../common/react-redux';
+import { getBanks } from '../../../banks/api/banks';
+import * as modalActions from '../../../common/actions/modal';
+import { createBank } from '../../../common/actions/modifications';
+import { featureOn } from '../../../common/util/featureCheck';
 import { BANKS_BANK_FILTERS } from '@instructure/quiz-common';
 function mapStateToProps(state, props) {
   var pageData = state.getIn(['ui', BANKS_BANK_FILTERS], Map());