@instructure/quiz-core 20.17.3-rc.6 → 20.17.3-rc.8

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

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

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

@@ -1,50 +1,87 @@
 "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.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 _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 _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 _formatMessage = _interopRequireDefault(require("@instructure/quiz-i18n/es/format-message"));
-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) {
+
+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);
+
   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 = (0, _callSuper2.default)(this, SidebarStimulus, [].concat(args));
+
+    _this = _super.call.apply(_super, [this].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, _inherits2.default)(SidebarStimulus, _Component);
-  return (0, _createClass2.default)(SidebarStimulus, [{
+
+  (0, _createClass2.default)(SidebarStimulus, [{
     key: "componentDidMount",
     value: function componentDidMount() {
       this.props.makeStyles();
@@ -60,13 +97,14 @@ var SidebarStimulus = exports.SidebarStimulus = (_dec = (0, _emotion.withStyle)(
       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)(_Collection.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)(_index.default, {
         firstPosition: displayPosition,
         isOver: isOver,
         isShowingItems: isShowingItems,
@@ -85,9 +123,7 @@ var SidebarStimulus = exports.SidebarStimulus = (_dec = (0, _emotion.withStyle)(
         margin: "small",
         forceButtonRole: false,
         onClick: this.scrollToItem,
-        renderIcon: _IconTextLeftLine || (_IconTextLeftLine = (0, _emotion.jsx)(_uiIcons.IconTextLeftLine, {
-          color: "primary"
-        }))
+        renderIcon: _ref
       }, (0, _emotion.jsx)(_uiA11yContent.ScreenReaderContent, null, (0, _formatMessage.default)('Navigate to stimulus at position { displayPosition }', {
         displayPosition: displayPosition
       })));
@@ -105,12 +141,12 @@ var SidebarStimulus = exports.SidebarStimulus = (_dec = (0, _emotion.withStyle)(
     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", {
@@ -126,9 +162,9 @@ var SidebarStimulus = exports.SidebarStimulus = (_dec = (0, _emotion.withStyle)(
         shouldShrink: true,
         onClick: this.scrollToItem,
         tabIndex: "-1"
-      }, (0, _emotion.jsx)(_Title.default, {
+      }, (0, _emotion.jsx)(_index2.default, {
         title: stimulus.title
-      })), (0, _emotion.jsx)(_uiFlex.Flex.Item, null, children)), (0, _emotion.jsx)(_Summary.default, {
+      })), (0, _emotion.jsx)(_uiFlex.Flex.Item, null, children)), (0, _emotion.jsx)(_index3.default, {
         startPosition: displayPosition,
         isDragging: isDragging,
         isShowingItems: isShowingItems,
@@ -143,11 +179,14 @@ var SidebarStimulus = exports.SidebarStimulus = (_dec = (0, _emotion.withStyle)(
       return this.props.sidebarOpen ? this.renderOpen() : this.renderClosed();
     }
   }]);
-}(_react.Component), _SidebarStimulus.propTypes = {
+  SidebarStimulus.displayName = "SidebarStimulus";
+  return SidebarStimulus;
+}(_react.Component), _class2.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,
@@ -159,10 +198,12 @@ var SidebarStimulus = exports.SidebarStimulus = (_dec = (0, _emotion.withStyle)(
   stimulusParent: _reactImmutableProptypes.default.record.isRequired,
   styles: _propTypes.default.object,
   makeStyles: _propTypes.default.func
-}, _SidebarStimulus.defaultProps = {
+}, _class2.defaultProps = {
   children: null,
   isDragging: false,
   isOver: false,
   isShowingItems: false
-}, _SidebarStimulus)) || _class);
-var _default = exports.default = SidebarStimulus;
+}, _temp)) || _class);
+exports.SidebarStimulus = SidebarStimulus;
+var _default = SidebarStimulus;
+exports.default = _default;

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

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

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

@@ -4,11 +4,12 @@ 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,
@@ -23,4 +24,6 @@ var generateComponentTheme = function generateComponentTheme(_ref) {
     sidebarIsOpenInfoHeaderColor: colors.ash
   };
 };
-var _default = exports.default = generateComponentTheme;
+
+var _default = generateComponentTheme;
+exports.default = _default;

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 = exports.default = {
+var _default = {
   propValues: {
     label: [null, 'This is a label']
   },
@@ -22,4 +22,5 @@ var _default = exports.default = {
       setUi: Function.prototype
     };
   }
-};
+};
+exports.default = _default;

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

@@ -1,18 +1,27 @@
 "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 = void 0;
 exports.mapStateToProps = mapStateToProps;
+exports.default = void 0;
+
 var _immutable = require("immutable");
-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 _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 _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]));
@@ -21,7 +30,10 @@ function mapStateToProps(state, props) {
     banks: banks
   };
 }
-var _default = exports.default = (0, _reactRedux.connect)(mapStateToProps, {
+
+var _default = (0, _reactRedux.connect)(mapStateToProps, {
   getAllBanks: _banks.getAllBanks,
   setUi: _ui.set
-})(_presenter.default);
+})(_presenter.default);
+
+exports.default = _default;

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

@@ -1,57 +1,88 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 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");
+
+var _instUIMessages = require("../../../util/instUIMessages.js");
+
 var _quizCommon = require("@instructure/quiz-common");
-var _Select$Option;
-var BankSelection = exports.BankSelection = /*#__PURE__*/function (_Component) {
+
+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);
+
   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 = (0, _callSuper2.default)(this, BankSelection, [].concat(args));
+
+    _this = _super.call.apply(_super, [this].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
@@ -64,37 +95,49 @@ var BankSelection = exports.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,
@@ -102,13 +145,15 @@ var BankSelection = exports.BankSelection = /*#__PURE__*/function (_Component) {
         isShowingOptions: true
       });
     };
+
     return _this;
   }
-  (0, _inherits2.default)(BankSelection, _Component);
-  return (0, _createClass2.default)(BankSelection, [{
+
+  (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));
       });
@@ -126,6 +171,7 @@ var BankSelection = exports.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,
@@ -138,6 +184,7 @@ var BankSelection = exports.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
@@ -156,11 +203,12 @@ var BankSelection = exports.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,
@@ -180,13 +228,14 @@ var BankSelection = exports.BankSelection = /*#__PURE__*/function (_Component) {
           isHighlighted: bank.id === highlightedOptionId,
           isSelected: _this4.props.selectedBank && bank.id === _this4.props.selectedBank.id && !bank.archived
         }, bank.title);
-      }) : _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)));
+      }) : _ref4);
     }
   }]);
+  BankSelection.displayName = "BankSelection";
+  return BankSelection;
 }(_react.Component);
+
+exports.BankSelection = BankSelection;
 BankSelection.propTypes = {
   banks: _reactImmutableProptypes.default.list.isRequired,
   getAllBanks: _propTypes.default.func.isRequired,
@@ -200,4 +249,5 @@ BankSelection.defaultProps = {
   onBankSelection: function onBankSelection() {},
   selectedBank: null
 };
-var _default = exports.default = BankSelection;
+var _default = BankSelection;
+exports.default = _default;