@instructure/quiz-core 21.0.1-rc.0 → 21.0.1-rc.13

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

@@ -4,17 +4,17 @@ var generateComponentTheme = function generateComponentTheme(_ref) {
     typography = _ref.typography,
     borders = _ref.borders;
   return {
-    contentBackgroundColor: colors.contrasts.white1010,
+    contentBackgroundColor: colors.white,
     contentPaddingTopBottom: 0,
     contentPaddingLeftRight: 0,
     breadCrumbMarginBottom: spacing.large,
     entryRowMargin: spacing.small,
-    headerRowColor: colors.contrasts.grey4570,
+    headerRowColor: colors.ash,
     headerRowPadding: spacing.small,
     headerTextFontSize: typography.fontSizeSmall,
     leftHeaderMargin: spacing.small,
-    headerBackgroundColor: colors.contrasts.grey1111,
-    headerColor: colors.contrasts.grey125125,
+    headerBackgroundColor: colors.porcelain,
+    headerColor: colors.licorice,
     headerPaddingTopBottom: spacing.xSmall,
     headerPaddingLeftRight: spacing.small,
     footerPaddingBottom: spacing.xSmall,
@@ -22,7 +22,7 @@ var generateComponentTheme = function generateComponentTheme(_ref) {
     rightHeaderPaddingLeft: spacing.xSmall,
     rightFooterPaddingLeftRight: spacing.small,
     entryEditBorderWidth: borders.widthSmall,
-    entryEditBorderColor: colors.contrasts.grey1214
+    entryEditBorderColor: colors.tiara
   };
 };
 export default generateComponentTheme;

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

@@ -1,6 +1,6 @@
 import { fromJS } from 'immutable';
-import BankEntry from "../../../common/records/BankEntry.js";
-import Item from "../../../common/records/Item.js";
+import BankEntry from '../../../common/records/BankEntry';
+import Item from '../../../common/records/Item';
 export default {
   propsValues: {
     addEntryToQuiz: [null, Function.prototype],

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,12 @@
 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(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 /** @jsx jsx */
 import React, { Component } from 'react';
 import PropTypes from 'prop-types';
@@ -21,30 +25,27 @@ 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;
     _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 = _callSuper(this, BankEntryRow, [].concat(args));
+    _defineProperty(_this, "incrementPosition", function () {
       _this.props.setUi(BUILD_TRAY_POSITION, _this.props.position + 1);
-    };
-    _this.deleteBankEntry = function () {
+    });
+    _defineProperty(_this, "deleteBankEntry", function () {
       var deletePreface = _this.isItemEntry() ? t('Deleting this question:') : t('Deleting this stimulus:');
       var confirmBody = jsx(Alert, {
         variant: "error",
@@ -69,8 +70,8 @@ export var BankEntryRow = (_dec = withStyleOverrides(generateStyle, generateComp
         continueVariant: 'danger',
         size: 'medium'
       });
-    };
-    _this.addToQuiz = function () {
+    });
+    _defineProperty(_this, "addToQuiz", function () {
       if (_this.props.activeQuizId) {
         var newEntry = QuizEntry.create({
           entryId: _this.props.bankEntry.id,
@@ -83,23 +84,23 @@ export var BankEntryRow = (_dec = withStyleOverrides(generateStyle, generateComp
         });
         if (_this.props.position) _this.incrementPosition();
       }
-    };
-    _this.openCopyMoveBankEntryModal = function () {
+    });
+    _defineProperty(_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
       });
-    };
-    _this.createEntryForBank = function () {
+    });
+    _defineProperty(_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) {
+    });
+    _defineProperty(_this, "storeCopyMoveBankEntryButtonRef", function (c) {
       _this.copyMoveBankEntryButton = c;
-    };
-    _this.storeEditButtonRef = function (c) {
+    });
+    _defineProperty(_this, "storeEditButtonRef", function (c) {
       _this.editButton = c;
-    };
-    _this.renderTrashButton = function () {
+    });
+    _defineProperty(_this, "renderTrashButton", function () {
       var title = t('Delete {type}', {
         type: _this.type()
       });
@@ -113,14 +114,15 @@ export var BankEntryRow = (_dec = withStyleOverrides(generateStyle, generateComp
         title: title,
         screenReaderLabel: title
       });
-    };
-    _this.navigateToBankEntry = function () {
+    });
+    _defineProperty(_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;
   }
-  _createClass(BankEntryRow, [{
+  _inherits(BankEntryRow, _withI18nSupport);
+  return _createClass(BankEntryRow, [{
     key: "componentDidMount",
     value: function componentDidMount() {
       if (this.props.bankEntry.id === this.props.setEditButtonFocus) {
@@ -199,7 +201,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 +304,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 +341,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 +366,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 +377,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,6 +32,7 @@ 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.contrasts.grey4570,
+    headerRowColor: colors.ash,
     buttonsZIndex: '3333',
     expandButtonContainerBorderWidth: borders.widthMedium,
-    expandButtonContainerBorderColor: colors.contrasts.grey1214,
+    expandButtonContainerBorderColor: colors.tiara,
     addButtonMargin: spacing.small,
-    headerTextColor: colors.contrasts.grey4570,
+    headerTextColor: colors.ash,
     headerTextFontSize: typography.fontSizeXSmall,
     stemFontSize: typography.fontSizeMedium,
     stemLineHeight: typography.lineHeight,
     footerPadding: spacing.medium,
     footerBorderWidth: borders.widthSmall,
-    footerBorderColor: colors.contrasts.grey1214,
+    footerBorderColor: colors.tiara,
     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,12 @@
 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(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 /** @jsx jsx */
 import { Component } from 'react';
 import memoize from 'lodash/memoize';
@@ -16,10 +20,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,30 +33,29 @@ 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;
     _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) {
+    _this = _callSuper(this, BankSearch, [].concat(args));
+    _defineProperty(_this, "toggleInteraction", memoize(function (it) {
       return function () {
         return _this.props.toggle('interactionTypes', it);
       };
-    });
-    _this.setTags = function (tags) {
+    }));
+    _defineProperty(_this, "setTags", function (tags) {
       return _this.props.setFilter('tags', tags);
-    };
-    _this.updateSearch = function (_ref) {
+    });
+    _defineProperty(_this, "updateSearch", function (_ref) {
       var value = _ref.target.value;
       return _this.props.update(value);
-    };
+    });
     return _this;
   }
-  _createClass(BankSearch, [{
+  _inherits(BankSearch, _Component);
+  return _createClass(BankSearch, [{
     key: "renderFilters",
     value: function renderFilters() {
       var _this2 = this;
@@ -153,9 +156,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 +175,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());