@instructure/quiz-core 20.17.2-rc.1 → 20.17.2-rc.11

package/lib/common/components/layout/sidebar/Stimulus/index.js

@@ -3,30 +3,21 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.Stimulus = exports.mapStateToProps = exports.mapDispatchToProps = void 0;
-
+exports.mapStateToProps = exports.mapDispatchToProps = exports.default = exports.Stimulus = void 0;
 var _redux = require("redux");
-
-var _reactRedux = require("../../../../react-redux.js");
-
-var _presenter = require("./presenter.js");
-
-var _scrolling = require("../../../../actions/scrolling.js");
-
+var _reactRedux = require("../../../../react-redux");
+var _presenter = require("./presenter");
+var _scrolling = require("../../../../actions/scrolling");
 function getStimulus(parent) {
   return parent.entryType === 'BankEntry' ? parent.getEntry().getEntry() : parent.getEntry();
 }
-
-var mapDispatchToProps = function mapDispatchToProps(dispatch, props) {
+var mapDispatchToProps = exports.mapDispatchToProps = function mapDispatchToProps(dispatch, props) {
   return {
     childEntries: props.stimulusParent.getNestedEntries(),
     scrollToItem: props.scrollToItem || (0, _redux.bindActionCreators)(_scrolling.scrollToItem, dispatch)
   };
 };
-
-exports.mapDispatchToProps = mapDispatchToProps;
-
-var mapStateToProps = function mapStateToProps(state, props) {
+var mapStateToProps = exports.mapStateToProps = function mapStateToProps(state, props) {
   var stimulus = getStimulus(props.stimulusParent);
   var isShowingItems = state.getIn(['sidebar', stimulus.id], false);
   return {
@@ -34,9 +25,5 @@ var mapStateToProps = function mapStateToProps(state, props) {
     stimulus: stimulus
   };
 };
-
-exports.mapStateToProps = mapStateToProps;
-var Stimulus = (0, _reactRedux.connect)(mapStateToProps, mapDispatchToProps)(_presenter.SidebarStimulus);
-exports.Stimulus = Stimulus;
-var _default = Stimulus;
-exports.default = _default;
+var Stimulus = exports.Stimulus = (0, _reactRedux.connect)(mapStateToProps, mapDispatchToProps)(_presenter.SidebarStimulus);
+var _default = exports.default = Stimulus;

package/lib/common/components/layout/sidebar/Stimulus/presenter.js

@@ -1,87 +1,50 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.SidebarStimulus = exports.DISPLAY_AS_SUMMARY_LIMIT = 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 _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _reactImmutableProptypes = _interopRequireDefault(require("react-immutable-proptypes"));
-
 var _uiIcons = require("@instructure/ui-icons");
-
 var _emotion = require("@instructure/emotion");
-
 var _uiLink = require("@instructure/ui-link");
-
 var _uiFlex = require("@instructure/ui-flex");
-
 var _uiA11yContent = require("@instructure/ui-a11y-content");
-
-var _index = _interopRequireDefault(require("./Collection/index.js"));
-
-var _index2 = _interopRequireDefault(require("./Title/index.js"));
-
-var _index3 = _interopRequireDefault(require("./Summary/index.js"));
-
-var _styles = _interopRequireDefault(require("./styles.js"));
-
-var _theme = _interopRequireDefault(require("./theme.js"));
-
+var _Collection = _interopRequireDefault(require("./Collection"));
+var _Title = _interopRequireDefault(require("./Title"));
+var _Summary = _interopRequireDefault(require("./Summary"));
+var _styles = _interopRequireDefault(require("./styles"));
+var _theme = _interopRequireDefault(require("./theme"));
 var _formatMessage = _interopRequireDefault(require("@instructure/quiz-i18n/es/format-message"));
-
-var _dec, _class, _class2, _temp;
-
-var DISPLAY_AS_SUMMARY_LIMIT = 5;
-exports.DISPLAY_AS_SUMMARY_LIMIT = DISPLAY_AS_SUMMARY_LIMIT;
-
-var _ref = (0, _emotion.jsx)(_uiIcons.IconTextLeftLine, {
-  color: "primary"
-});
-
-var SidebarStimulus = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_Component) {
-  (0, _inherits2.default)(SidebarStimulus, _Component);
-
-  var _super = (0, _createSuper2.default)(SidebarStimulus);
-
+var _dec, _class, _SidebarStimulus, _IconTextLeftLine;
+/** @jsx jsx */
+var DISPLAY_AS_SUMMARY_LIMIT = exports.DISPLAY_AS_SUMMARY_LIMIT = 5;
+var SidebarStimulus = exports.SidebarStimulus = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (_SidebarStimulus = /*#__PURE__*/function (_Component) {
   function SidebarStimulus() {
     var _this;
-
     (0, _classCallCheck2.default)(this, SidebarStimulus);
-
     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 = (0, _callSuper2.default)(this, SidebarStimulus, [].concat(args));
     _this.scrollToItem = function (e) {
       e.preventDefault(); // prevent default link navigation
       // this can be a real scroll or a oqaat change
       // depending on whether is is oqaat or not
-
       _this.props.scrollToItem(_this.props.stimulusParent.id);
-
       e.stopPropagation();
     };
-
     return _this;
   }
-
-  (0, _createClass2.default)(SidebarStimulus, [{
+  (0, _inherits2.default)(SidebarStimulus, _Component);
+  return (0, _createClass2.default)(SidebarStimulus, [{
     key: "componentDidMount",
     value: function componentDidMount() {
       this.props.makeStyles();
@@ -97,14 +60,13 @@ var SidebarStimulus = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.de
       if (this.props.isDragging) {
         return;
       }
-
       var _this$props = this.props,
-          displayPosition = _this$props.displayPosition,
-          isOver = _this$props.isOver,
-          isShowingItems = _this$props.isShowingItems,
-          renderSidebarItem = _this$props.renderSidebarItem,
-          sidebarOpen = _this$props.sidebarOpen;
-      return (0, _emotion.jsx)(_index.default, {
+        displayPosition = _this$props.displayPosition,
+        isOver = _this$props.isOver,
+        isShowingItems = _this$props.isShowingItems,
+        renderSidebarItem = _this$props.renderSidebarItem,
+        sidebarOpen = _this$props.sidebarOpen;
+      return (0, _emotion.jsx)(_Collection.default, {
         firstPosition: displayPosition,
         isOver: isOver,
         isShowingItems: isShowingItems,
@@ -123,7 +85,9 @@ var SidebarStimulus = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.de
         margin: "small",
         forceButtonRole: false,
         onClick: this.scrollToItem,
-        renderIcon: _ref
+        renderIcon: _IconTextLeftLine || (_IconTextLeftLine = (0, _emotion.jsx)(_uiIcons.IconTextLeftLine, {
+          color: "primary"
+        }))
       }, (0, _emotion.jsx)(_uiA11yContent.ScreenReaderContent, null, (0, _formatMessage.default)('Navigate to stimulus at position { displayPosition }', {
         displayPosition: displayPosition
       })));
@@ -141,12 +105,12 @@ var SidebarStimulus = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.de
     key: "renderOpen",
     value: function renderOpen() {
       var _this$props2 = this.props,
-          children = _this$props2.children,
-          displayPosition = _this$props2.displayPosition,
-          isDragging = _this$props2.isDragging,
-          isShowingItems = _this$props2.isShowingItems,
-          sidebarOpen = _this$props2.sidebarOpen,
-          stimulus = _this$props2.stimulus;
+        children = _this$props2.children,
+        displayPosition = _this$props2.displayPosition,
+        isDragging = _this$props2.isDragging,
+        isShowingItems = _this$props2.isShowingItems,
+        sidebarOpen = _this$props2.sidebarOpen,
+        stimulus = _this$props2.stimulus;
       return (0, _emotion.jsx)("div", {
         css: this.props.styles.sidebarItem
       }, (0, _emotion.jsx)("div", {
@@ -162,9 +126,9 @@ var SidebarStimulus = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.de
         shouldShrink: true,
         onClick: this.scrollToItem,
         tabIndex: "-1"
-      }, (0, _emotion.jsx)(_index2.default, {
+      }, (0, _emotion.jsx)(_Title.default, {
         title: stimulus.title
-      })), (0, _emotion.jsx)(_uiFlex.Flex.Item, null, children)), (0, _emotion.jsx)(_index3.default, {
+      })), (0, _emotion.jsx)(_uiFlex.Flex.Item, null, children)), (0, _emotion.jsx)(_Summary.default, {
         startPosition: displayPosition,
         isDragging: isDragging,
         isShowingItems: isShowingItems,
@@ -179,14 +143,11 @@ var SidebarStimulus = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.de
       return this.props.sidebarOpen ? this.renderOpen() : this.renderClosed();
     }
   }]);
-  SidebarStimulus.displayName = "SidebarStimulus";
-  return SidebarStimulus;
-}(_react.Component), _class2.propTypes = {
+}(_react.Component), _SidebarStimulus.propTypes = {
   childEntries: _reactImmutableProptypes.default.listOf(_reactImmutableProptypes.default.record).isRequired,
   // Passed in by Sidebar
   children: _propTypes.default.element,
   displayPosition: _propTypes.default.number.isRequired,
-
   /* This is used for when the stimulus is being dragged in build */
   isDragging: _propTypes.default.bool,
   isOver: _propTypes.default.bool,
@@ -198,12 +159,10 @@ var SidebarStimulus = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.de
   stimulusParent: _reactImmutableProptypes.default.record.isRequired,
   styles: _propTypes.default.object,
   makeStyles: _propTypes.default.func
-}, _class2.defaultProps = {
+}, _SidebarStimulus.defaultProps = {
   children: null,
   isDragging: false,
   isOver: false,
   isShowingItems: false
-}, _temp)) || _class);
-exports.SidebarStimulus = SidebarStimulus;
-var _default = SidebarStimulus;
-exports.default = _default;
+}, _SidebarStimulus)) || _class);
+var _default = exports.default = SidebarStimulus;

package/lib/common/components/layout/sidebar/Stimulus/styles.js

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

package/lib/common/components/layout/sidebar/Stimulus/theme.js

@@ -4,12 +4,11 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var generateComponentTheme = function generateComponentTheme(_ref) {
   var colors = _ref.colors,
-      spacing = _ref.spacing,
-      borders = _ref.borders,
-      typography = _ref.typography;
+    spacing = _ref.spacing,
+    borders = _ref.borders,
+    typography = _ref.typography;
   return {
     borderColor: colors.white,
     hoverBorderColor: colors.electric,
@@ -24,6 +23,4 @@ var generateComponentTheme = function generateComponentTheme(_ref) {
     sidebarIsOpenInfoHeaderColor: colors.ash
   };
 };
-
-var _default = generateComponentTheme;
-exports.default = _default;
+var _default = exports.default = generateComponentTheme;

package/lib/common/components/resources/BankSelection/BankSelection.examples.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _default = {
+var _default = exports.default = {
   propValues: {
     label: [null, 'This is a label']
   },
@@ -22,5 +22,4 @@ var _default = {
       setUi: Function.prototype
     };
   }
-};
-exports.default = _default;
+};

package/lib/common/components/resources/BankSelection/index.js

@@ -1,27 +1,18 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.mapStateToProps = mapStateToProps;
 exports.default = void 0;
-
+exports.mapStateToProps = mapStateToProps;
 var _immutable = require("immutable");
-
-var _reactRedux = require("../../../react-redux.js");
-
-var _banks = require("../../../../banks/api/banks.js");
-
-var _presenter = _interopRequireDefault(require("./presenter.js"));
-
-var _Bank = _interopRequireDefault(require("../../../records/Bank.js"));
-
-var _ui = require("../../../actions/ui.js");
-
+var _reactRedux = require("../../../react-redux");
+var _banks = require("../../../../banks/api/banks");
+var _presenter = _interopRequireDefault(require("./presenter"));
+var _Bank = _interopRequireDefault(require("../../../records/Bank"));
+var _ui = require("../../../actions/ui");
 var _quizCommon = require("@instructure/quiz-common");
-
 function mapStateToProps(state, props) {
   var banks = state.getIn(['ui', _quizCommon.SELECT_BANKS_OPTIONS], (0, _immutable.List)()).map(function (bankId) {
     return new _Bank.default(state.getIn(['banks', bankId]));
@@ -30,10 +21,7 @@ function mapStateToProps(state, props) {
     banks: banks
   };
 }
-
-var _default = (0, _reactRedux.connect)(mapStateToProps, {
+var _default = exports.default = (0, _reactRedux.connect)(mapStateToProps, {
   getAllBanks: _banks.getAllBanks,
   setUi: _ui.set
-})(_presenter.default);
-
-exports.default = _default;
+})(_presenter.default);

package/lib/common/components/resources/BankSelection/presenter.js

@@ -1,88 +1,57 @@
 "use strict";
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.BankSelection = 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 = _interopRequireWildcard(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _reactImmutableProptypes = _interopRequireDefault(require("react-immutable-proptypes"));
-
 var _immutable = require("immutable");
-
 var _uiSelect = require("@instructure/ui-select");
-
 var _uiReactUtils = require("@instructure/ui-react-utils");
-
 var _formatMessage = _interopRequireDefault(require("@instructure/quiz-i18n/es/format-message"));
-
-var _instUIMessages = require("../../../util/instUIMessages.js");
-
+var _instUIMessages = require("../../../util/instUIMessages");
 var _quizCommon = require("@instructure/quiz-common");
-
-var _ref4 = /*#__PURE__*/_react.default.createElement(_uiSelect.Select.Option, {
-  id: _quizCommon.SELECT_EMPTY_OPTION,
-  key: _quizCommon.SELECT_EMPTY_OPTION
-}, _quizCommon.SELECT_EMPTY_OPTION_TEXT);
-
-var BankSelection = /*#__PURE__*/function (_Component) {
-  (0, _inherits2.default)(BankSelection, _Component);
-
-  var _super = (0, _createSuper2.default)(BankSelection);
-
+var _Select$Option;
+var BankSelection = exports.BankSelection = /*#__PURE__*/function (_Component) {
   function BankSelection() {
     var _this;
-
     (0, _classCallCheck2.default)(this, BankSelection);
-
     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 = (0, _callSuper2.default)(this, BankSelection, [].concat(args));
     _this.state = {
       inputValue: _this.props.selectedBank ? _this.props.selectedBank.title : '',
       isShowingOptions: false,
       highlightedOptionId: null,
       filteredOptions: _this.props.banks ? _this.props.banks.toArray() : []
     };
-
     _this.filterOptions = function (value) {
       return _this.props.banks.toArray().filter(function (option) {
         return option.title.toLowerCase().startsWith(value.toLowerCase());
       });
     };
-
     _this.handleShowOptions = function () {
       _this.setState({
         filteredOptions: _this.props.banks.toArray(),
         isShowingOptions: true
       });
     };
-
     _this.handleHideOptions = function () {
       var _this$state = _this.state,
-          filteredOptions = _this$state.filteredOptions,
-          inputValue = _this$state.inputValue;
+        filteredOptions = _this$state.filteredOptions,
+        inputValue = _this$state.inputValue;
       var index = filteredOptions.findIndex(function (option) {
         return option.title.toLowerCase() === inputValue.toLowerCase();
       });
-
       if (index !== -1) {
         _this.handleSelectOption({}, {
           id: filteredOptions[index].id
@@ -95,49 +64,37 @@ var BankSelection = /*#__PURE__*/function (_Component) {
         });
       }
     };
-
     _this.handleBlur = function () {
       _this.setState({
         highlightedOptionId: null
       });
     };
-
     _this.handleHighlightOption = function (event, _ref) {
       var id = _ref.id;
       event.persist();
-
       var option = _this.getOptionById(id);
-
       if (!option) return;
-
       _this.setState({
         highlightedOptionId: id,
         inputValue: event.type === 'keydown' ? option.title : _this.state.inputValue
       });
     };
-
     _this.handleSelectOption = function (event, _ref2) {
       var id = _ref2.id;
       if (!id || id === _quizCommon.SELECT_EMPTY_OPTION) return;
-
       var option = _this.getOptionById(id);
-
       _this.props.onBankSelection(event, {
         value: id
       });
-
       _this.setState({
         inputValue: option.title,
         isShowingOptions: false,
         filteredOptions: _this.props.banks.toArray()
       });
     };
-
     _this.handleInputChange = function (event) {
       var value = event.target.value;
-
       var newOptions = _this.filterOptions(value);
-
       _this.setState({
         inputValue: value,
         filteredOptions: newOptions,
@@ -145,15 +102,13 @@ var BankSelection = /*#__PURE__*/function (_Component) {
         isShowingOptions: true
       });
     };
-
     return _this;
   }
-
-  (0, _createClass2.default)(BankSelection, [{
+  (0, _inherits2.default)(BankSelection, _Component);
+  return (0, _createClass2.default)(BankSelection, [{
     key: "componentDidMount",
     value: function componentDidMount() {
       var _this2 = this;
-
       return this.props.getAllBanks().then(function (bankIds) {
         return _this2.props.setUi(_quizCommon.SELECT_BANKS_OPTIONS, (0, _immutable.List)(bankIds));
       });
@@ -171,7 +126,6 @@ var BankSelection = /*#__PURE__*/function (_Component) {
     key: "renderOptions",
     value: function renderOptions() {
       var _this3 = this;
-
       return this.props.banks.toArray().map(function (bank) {
         return /*#__PURE__*/_react.default.createElement(_uiSelect.Select.Option, {
           key: bank.id,
@@ -184,7 +138,6 @@ var BankSelection = /*#__PURE__*/function (_Component) {
     key: "getErrors",
     value: function getErrors() {
       var selectedBank = this.props.selectedBank;
-
       if (selectedBank && selectedBank.archived) {
         return (0, _instUIMessages.toErrors)([(0, _formatMessage.default)('The item bank "{ bankTitle }" no longer exists. Please select a valid bank.', {
           bankTitle: selectedBank.title
@@ -203,12 +156,11 @@ var BankSelection = /*#__PURE__*/function (_Component) {
     key: "render",
     value: function render() {
       var _this4 = this;
-
       var _this$state2 = this.state,
-          inputValue = _this$state2.inputValue,
-          isShowingOptions = _this$state2.isShowingOptions,
-          filteredOptions = _this$state2.filteredOptions,
-          highlightedOptionId = _this$state2.highlightedOptionId;
+        inputValue = _this$state2.inputValue,
+        isShowingOptions = _this$state2.isShowingOptions,
+        filteredOptions = _this$state2.filteredOptions,
+        highlightedOptionId = _this$state2.highlightedOptionId;
       return /*#__PURE__*/_react.default.createElement(_uiSelect.Select, Object.assign({}, (0, _uiReactUtils.omitProps)(this.props, BankSelection.propTypes), {
         renderLabel: this.props.label || (0, _formatMessage.default)('Select the destination bank'),
         inputValue: inputValue,
@@ -228,14 +180,13 @@ var BankSelection = /*#__PURE__*/function (_Component) {
           isHighlighted: bank.id === highlightedOptionId,
           isSelected: _this4.props.selectedBank && bank.id === _this4.props.selectedBank.id && !bank.archived
         }, bank.title);
-      }) : _ref4);
+      }) : _Select$Option || (_Select$Option = /*#__PURE__*/_react.default.createElement(_uiSelect.Select.Option, {
+        id: _quizCommon.SELECT_EMPTY_OPTION,
+        key: _quizCommon.SELECT_EMPTY_OPTION
+      }, _quizCommon.SELECT_EMPTY_OPTION_TEXT)));
     }
   }]);
-  BankSelection.displayName = "BankSelection";
-  return BankSelection;
 }(_react.Component);
-
-exports.BankSelection = BankSelection;
 BankSelection.propTypes = {
   banks: _reactImmutableProptypes.default.list.isRequired,
   getAllBanks: _propTypes.default.func.isRequired,
@@ -249,5 +200,4 @@ BankSelection.defaultProps = {
   onBankSelection: function onBankSelection() {},
   selectedBank: null
 };
-var _default = BankSelection;
-exports.default = _default;
+var _default = exports.default = BankSelection;