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

package/es/building/components/layout/Sidebar/Stimulus/presenter.js

@@ -1,49 +1,42 @@
 import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
 import _createClass from "@babel/runtime/helpers/esm/createClass";
+import _callSuper from "@babel/runtime/helpers/esm/callSuper";
 import _inherits from "@babel/runtime/helpers/esm/inherits";
-import _createSuper from "@babel/runtime/helpers/esm/createSuper";
-
-var _dec, _class, _class2, _temp;
-
+var _dec, _class, _BuildingStimulus;
 /** @jsx jsx */
 import { Component } from 'react';
 import PropTypes from 'prop-types';
 import ImmutablePropTypes from 'react-immutable-proptypes';
 import { withStyle, jsx } from '@instructure/emotion';
-import { chooseDragConnection, usingIE } from "../../../../../common/components/shared/drag_and_drop/dragAndDropUtils.js";
-import DragHandle from "../../../../../common/components/shared/drag_and_drop/DragHandle/index.js";
-import DragAndDropZone from "../../../../../common/components/shared/drag_and_drop/DragAndDropZone/index.js";
-import CommonStimulus from "../../../../../common/components/layout/sidebar/Stimulus/index.js";
-import generateStyle from "./styles.js";
-import generateComponentTheme from "./theme.js";
-export var BuildingStimulus = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_Component) {
-  _inherits(BuildingStimulus, _Component);
-
-  var _super = _createSuper(BuildingStimulus);
-
+import { chooseDragConnection, usingIE } from '../../../../../common/components/shared/drag_and_drop/dragAndDropUtils';
+import DragHandle from '../../../../../common/components/shared/drag_and_drop/DragHandle';
+import DragAndDropZone from '../../../../../common/components/shared/drag_and_drop/DragAndDropZone';
+import CommonStimulus from '../../../../../common/components/layout/sidebar/Stimulus';
+import generateStyle from './styles';
+import generateComponentTheme from './theme';
+export var BuildingStimulus = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_BuildingStimulus = /*#__PURE__*/function (_Component) {
   function BuildingStimulus() {
     _classCallCheck(this, BuildingStimulus);
-
-    return _super.apply(this, arguments);
+    return _callSuper(this, BuildingStimulus, arguments);
   }
-
-  _createClass(BuildingStimulus, [{
+  _inherits(BuildingStimulus, _Component);
+  return _createClass(BuildingStimulus, [{
     key: "shouldDisableDragHandle",
     value: function shouldDisableDragHandle() {
       var _this$props = this.props,
-          childEntries = _this$props.childEntries,
-          quizEntries = _this$props.quizEntries;
+        childEntries = _this$props.childEntries,
+        quizEntries = _this$props.quizEntries;
       return quizEntries.size === (childEntries && childEntries.size || 0) + 1;
     }
   }, {
     key: "renderDragHandle",
     value: function renderDragHandle() {
       var _this$props2 = this.props,
-          connectDragSource = _this$props2.connectDragSource,
-          sidebarOpen = _this$props2.sidebarOpen;
-
+        connectDragSource = _this$props2.connectDragSource,
+        sidebarOpen = _this$props2.sidebarOpen;
       if (sidebarOpen) {
-        var dragHandle = // This wrapper div is necessary for drag and drop
+        var dragHandle =
+        // This wrapper div is necessary for drag and drop
         jsx("div", null, jsx(DragHandle, {
           disabled: this.shouldDisableDragHandle(),
           displayPosition: this.props.displayPosition,
@@ -51,11 +44,9 @@ export var BuildingStimulus = (_dec = withStyle(generateStyle, generateComponent
           quizEntry: this.props.quizEntry,
           quizEntries: this.props.quizEntries
         }));
-
         if (this.shouldDisableDragHandle()) {
           return dragHandle;
         }
-
         var handleWrapper = usingIE() ? function (C) {
           return C;
         } : connectDragSource;
@@ -103,23 +94,18 @@ export var BuildingStimulus = (_dec = withStyle(generateStyle, generateComponent
     key: "render",
     value: function render() {
       var _this$props3 = this.props,
-          connectDragPreview = _this$props3.connectDragPreview,
-          connectDragSource = _this$props3.connectDragSource,
-          connectDropTarget = _this$props3.connectDropTarget,
-          sidebarOpen = _this$props3.sidebarOpen;
+        connectDragPreview = _this$props3.connectDragPreview,
+        connectDragSource = _this$props3.connectDragSource,
+        connectDropTarget = _this$props3.connectDropTarget,
+        sidebarOpen = _this$props3.sidebarOpen;
       var dragConnection = chooseDragConnection(connectDragSource, connectDragPreview);
-
       if (sidebarOpen && !this.shouldDisableDragHandle()) {
         return dragConnection(connectDropTarget(this.renderStimulusWrapper()));
       }
-
       return this.renderStimulusWrapper();
     }
   }]);
-
-  BuildingStimulus.displayName = "BuildingStimulus";
-  return BuildingStimulus;
-}(Component), _class2.propTypes = {
+}(Component), _BuildingStimulus.propTypes = {
   childEntries: ImmutablePropTypes.listOf(ImmutablePropTypes.record).isRequired,
   connectDragPreview: PropTypes.func.isRequired,
   // inserted by React DnD
@@ -142,9 +128,9 @@ export var BuildingStimulus = (_dec = withStyle(generateStyle, generateComponent
   draggingOver: PropTypes.bool.isRequired,
   dropIntoEmptyStimulus: PropTypes.bool,
   styles: PropTypes.object
-}, _class2.defaultProps = {
+}, _BuildingStimulus.defaultProps = {
   draggingAboveHalf: false,
   dropIntoEmptyStimulus: false,
   isOver: false
-}, _temp)) || _class);
+}, _BuildingStimulus)) || _class);
 export default BuildingStimulus;

package/es/building/components/layout/Sidebar/Stimulus/styles.js

@@ -1,11 +1,8 @@
 var generateStyle = function generateStyle(componentTheme) {
   return {
     sidebarStimulusWrapper: {
-      transform: 'translate3d(0, 0, 0)'
-      /* for drag and drop preview to work */
-
+      transform: 'translate3d(0, 0, 0)' /* for drag and drop preview to work */
     }
   };
 };
-
 export default generateStyle;

package/es/building/components/layout/Sidebar/Stimulus/theme.js

@@ -1,5 +1,4 @@
 var generateComponentTheme = function generateComponentTheme() {
   return {};
 };
-
 export default generateComponentTheme;

package/es/building/components/layout/Sidebar/index.js

@@ -1,17 +1,17 @@
 import { bindActionCreators, compose } from 'redux';
-import { connect } from "../../../../common/react-redux.js";
+import { connect } from '../../../../common/react-redux';
 import { SIDEBAR_ITEM_REF } from '@instructure/quiz-common';
-import { DropTargetCreator } from "../../../../common/components/shared/drag_and_drop/dragAndDropUtils.js";
-import { newHoverPosition as newHoverPositionAction } from "../../../../common/actions/dragAndDrop.js";
-import { screenreaderNotification as screenreaderNotificationAction } from "../../../../common/actions/alerts.js";
-import { set as setUI } from "../../../../common/actions/ui.js";
-import { openMoveImmutableModal } from "../../../../common/actions/modal.js";
-import { toggleSidebar as toggleSidebarAction } from "../../../../common/actions/sidebar.js";
-import { scrollToItem as scrollToItemAction } from "../../../../common/actions/scrolling.js";
-import { moveQuizEntry as moveQuizEntryAction } from "../../../api/quizEntries.js";
-import { moveTemporaryQuizEntry as moveTemporaryQuizEntryAction } from "../../../../common/actions/modifications.js";
-import { getActiveQuiz, getTotalPointsPossible } from "../../../../common/selectors/quizzes.js";
-import Sidebar from "./presenter.js";
+import { DropTargetCreator } from '../../../../common/components/shared/drag_and_drop/dragAndDropUtils';
+import { newHoverPosition as newHoverPositionAction } from '../../../../common/actions/dragAndDrop';
+import { screenreaderNotification as screenreaderNotificationAction } from '../../../../common/actions/alerts';
+import { set as setUI } from '../../../../common/actions/ui';
+import { openMoveImmutableModal } from '../../../../common/actions/modal';
+import { toggleSidebar as toggleSidebarAction } from '../../../../common/actions/sidebar';
+import { scrollToItem as scrollToItemAction } from '../../../../common/actions/scrolling';
+import { moveQuizEntry as moveQuizEntryAction } from '../../../api/quizEntries';
+import { moveTemporaryQuizEntry as moveTemporaryQuizEntryAction } from '../../../../common/actions/modifications';
+import { getActiveQuiz, getTotalPointsPossible } from '../../../../common/selectors/quizzes';
+import Sidebar from './presenter';
 export var mapStateToProps = function mapStateToProps(state, props) {
   var activeQuiz = getActiveQuiz(state);
   var workingQuizEntriesIncludingTemp = activeQuiz.getWorkingQuizEntries();
@@ -40,11 +40,11 @@ export var mapDispatchToProps = function mapDispatchToProps(dispatch, props) {
     scrollToItem: props.scrollToItem || bindActionCreators(scrollToItemAction, dispatch),
     screenreaderNotification: bindActionCreators(screenreaderNotificationAction, dispatch),
     setUi: bindActionCreators(setUI, dispatch) // for DnD
-
   };
-}; // Sidebar is a dropTarget to handle drops that occur on the sidebar,
+};
+
+// Sidebar is a dropTarget to handle drops that occur on the sidebar,
 // but not directly on a sidebarItem (such as at the top or bottom).
 // it also uses the isOver prop to conditionally render dropZones on Build vs Sidebar
-
 export var BuildingSidebar = compose(connect(mapStateToProps, mapDispatchToProps), DropTargetCreator(SIDEBAR_ITEM_REF))(Sidebar);
 export default BuildingSidebar;

package/es/building/components/layout/Sidebar/presenter.js

@@ -1,48 +1,40 @@
 import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
 import _createClass from "@babel/runtime/helpers/esm/createClass";
+import _callSuper from "@babel/runtime/helpers/esm/callSuper";
 import _inherits from "@babel/runtime/helpers/esm/inherits";
-import _createSuper from "@babel/runtime/helpers/esm/createSuper";
-
-var _dec, _class, _class2, _temp;
-
+var _dec, _class, _BuildingSidebar;
 /** @jsx jsx */
-
 /* eslint "array-callback-return": "warn" */
 import { Component } from 'react';
 import PropTypes from 'prop-types';
 import ImmutablePropTypes from 'react-immutable-proptypes';
 import { withStyle, jsx } from '@instructure/emotion';
-import SidebarItem from "./SidebarItem/index.js";
-import Stimulus from "./Stimulus/index.js";
-import Sidebar from "../../../../common/components/layout/sidebar/Sidebar/index.js";
-import generateDisplayPositions from "../../../../common/util/generateDisplayPositions.js";
+import SidebarItem from './SidebarItem';
+import Stimulus from './Stimulus';
+import Sidebar from '../../../../common/components/layout/sidebar/Sidebar';
+import generateDisplayPositions from '../../../../common/util/generateDisplayPositions';
 import { extractTextFromHtml } from '@instructure/quiz-interactions';
-import generateStyle from "./styles.js";
-import generateComponentTheme from "./theme.js";
+import generateStyle from './styles';
+import generateComponentTheme from './theme';
 import { SIDEBAR_ITEM_REF } from '@instructure/quiz-common';
 import t from '@instructure/quiz-i18n/es/format-message';
-export var BuildingSidebar = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_Component) {
-  _inherits(BuildingSidebar, _Component);
-
-  var _super = _createSuper(BuildingSidebar);
-
+export var BuildingSidebar = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_BuildingSidebar = /*#__PURE__*/function (_Component) {
   function BuildingSidebar() {
     var _this;
-
     _classCallCheck(this, BuildingSidebar);
-
     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 = _callSuper(this, BuildingSidebar, [].concat(args));
+    // NOTE: we use a higher order function here only so that we can match
+    // the props provided to our common interface from the TakingSidebar.
     _this.scrollToItem = function (_) {
       return function (scrollKey) {
         _this.props.scrollToItem(scrollKey);
       };
     };
-
+    // need to pass isOver this way to force a rerender when it changes,
+    // since only this function is passed down for rendering items in stimuli
     _this.renderItem = function () {
       var isOver = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : _this.props.isOver;
       return function (quizEntry, displayPosition, sidebarIsOpen) {
@@ -63,27 +55,22 @@ export var BuildingSidebar = (_dec = withStyle(generateStyle, generateComponentT
         });
       };
     };
-
     _this.renderBankEntry = function (quizEntry, displayPosition, sidebarIsOpen) {
       if (quizEntry.hasStimulus) {
         return _this.renderStimulus(quizEntry, displayPosition, sidebarIsOpen);
       }
-
       return _this.renderItem()(quizEntry, displayPosition, sidebarIsOpen);
     };
-
     _this.storeStartQuizEntriesRef = function (node) {
       _this.startQuizEntries = node;
     };
-
     _this.storeEndQuizEntriesRef = function (node) {
       _this.endQuizEntries = node;
     };
-
     return _this;
   }
-
-  _createClass(BuildingSidebar, [{
+  _inherits(BuildingSidebar, _Component);
+  return _createClass(BuildingSidebar, [{
     key: "componentDidMount",
     value: function componentDidMount() {
       this.props.makeStyles();
@@ -100,11 +87,9 @@ export var BuildingSidebar = (_dec = withStyle(generateStyle, generateComponentT
         case 'Item':
         case 'BankEntry':
           return extractTextFromHtml(quizEntry.getItem().getItemBody() || '');
-
         case 'Bank':
           return quizEntry.getEntry().title;
       }
-
       return '';
     }
   }, {
@@ -114,7 +99,6 @@ export var BuildingSidebar = (_dec = withStyle(generateStyle, generateComponentT
         case 'Item':
         case 'BankEntry':
           return quizEntry.getItem().getInteractionType().name;
-
         case 'Bank':
           return t('Banked Content');
       }
@@ -125,7 +109,6 @@ export var BuildingSidebar = (_dec = withStyle(generateStyle, generateComponentT
       if (quizEntry.entryType !== 'Item') {
         return false;
       }
-
       var item = quizEntry.getEntry();
       return item.getWorkingInstance().isTemporary();
     }
@@ -138,13 +121,10 @@ export var BuildingSidebar = (_dec = withStyle(generateStyle, generateComponentT
     key: "setRef",
     value: function setRef(quizEntryId) {
       var _this2 = this;
-
       return function (node) {
         _this2[_this2.setKey(quizEntryId)] = node;
       };
-    } // NOTE: we use a higher order function here only so that we can match
-    // the props provided to our common interface from the TakingSidebar.
-
+    }
   }, {
     key: "renderStimulus",
     value: function renderStimulus(quizEntry, displayPosition, sidebarIsOpen) {
@@ -164,25 +144,19 @@ export var BuildingSidebar = (_dec = withStyle(generateStyle, generateComponentT
     key: "renderSidebarItems",
     value: function renderSidebarItems(sidebarIsOpen) {
       var _this3 = this;
-
       var quizEntries = this.props.quizEntries;
       return generateDisplayPositions(quizEntries).reduce(function (renderedQuizEntries, quizEntry) {
         var entryType = quizEntry.record.entryType;
-
         if (entryType === 'Item' || entryType === 'Bank') {
           var itemOrBank = _this3.renderItem()(quizEntry.record, quizEntry.displayPosition, sidebarIsOpen);
-
           renderedQuizEntries.push(itemOrBank);
         } else if (entryType === 'BankEntry') {
           var bankEntry = _this3.renderBankEntry(quizEntry.record, quizEntry.displayPosition, sidebarIsOpen);
-
           renderedQuizEntries.push(bankEntry);
         } else if (entryType === 'Stimulus') {
           var stimulus = _this3.renderStimulus(quizEntry.record, quizEntry.displayPosition, sidebarIsOpen);
-
           renderedQuizEntries.push(stimulus);
         }
-
         return renderedQuizEntries;
       }, []);
     }
@@ -191,8 +165,7 @@ export var BuildingSidebar = (_dec = withStyle(generateStyle, generateComponentT
     value: function render() {
       var openClass = !this.props.sidebarOpen ? 'sidebarIsClosed' : 'sidebarIsOpen';
       var isOverClass = !this.props.isOver ? 'hide' : '';
-      return this.props.connectDropTarget(
-      /* React DnD requires a native element node like our div below */
+      return this.props.connectDropTarget( /* React DnD requires a native element node like our div below */
       jsx("div", {
         style: {
           display: 'flex'
@@ -221,10 +194,7 @@ export var BuildingSidebar = (_dec = withStyle(generateStyle, generateComponentT
       })))));
     }
   }]);
-
-  BuildingSidebar.displayName = "BuildingSidebar";
-  return BuildingSidebar;
-}(Component), _class2.propTypes = {
+}(Component), _BuildingSidebar.propTypes = {
   connectDropTarget: PropTypes.func.isRequired,
   isOver: PropTypes.bool,
   quizEntries: ImmutablePropTypes.list.isRequired,
@@ -236,8 +206,8 @@ export var BuildingSidebar = (_dec = withStyle(generateStyle, generateComponentT
   totalPointsPossible: PropTypes.number.isRequired,
   styles: PropTypes.object,
   makeStyles: PropTypes.func
-}, _class2.defaultProps = {
+}, _BuildingSidebar.defaultProps = {
   isOver: false,
   role: 'navigation'
-}, _temp)) || _class);
+}, _BuildingSidebar)) || _class);
 export default BuildingSidebar;

package/es/building/components/layout/Sidebar/styles.js

@@ -1,5 +1,4 @@
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
-
 var generateStyle = function generateStyle(componentTheme, props) {
   return {
     /* this class is to allow space for dragging an item
@@ -24,5 +23,4 @@ var generateStyle = function generateStyle(componentTheme, props) {
     })
   };
 };
-
 export default generateStyle;

package/es/building/components/layout/Sidebar/theme.js

@@ -4,5 +4,4 @@ var generateComponentTheme = function generateComponentTheme(_ref) {
     bottomPadding: spacing.xLarge
   };
 };
-
 export default generateComponentTheme;

package/es/building/components/layout/header/BuildingButtons/index.js

@@ -1,15 +1,15 @@
 import { bindActionCreators } from 'redux';
 import partial from 'lodash/partial';
-import { connect } from "../../../../../common/react-redux.js";
-import * as modalActions from "../../../../../common/actions/modal.js";
-import { set as setUI } from "../../../../../common/actions/ui.js";
+import { connect } from '../../../../../common/react-redux';
+import * as modalActions from '../../../../../common/actions/modal';
+import { set as setUI } from '../../../../../common/actions/ui';
 import { BUILD_TRAY_OPEN, BUILD_TRAY_BUTTON_REF } from '@instructure/quiz-common';
-import { generateImportModalId } from "../../../../../common/components/ImportModal/index.js";
-import { BuildingButtons as BuildingButtonsPresenter } from "./presenter.js";
-import { getActiveQuiz } from "../../../../../common/selectors/quizzes.js";
-import { featureOn } from "../../../../../common/util/featureCheck.js";
-import { startQuizExportJob } from "../../../../../common/actions/quizExport.js";
-import { addAlert, addInfo } from "../../../../../common/actions/alerts.js";
+import { generateImportModalId } from '../../../../../common/components/ImportModal';
+import { BuildingButtons as BuildingButtonsPresenter } from './presenter';
+import { getActiveQuiz } from '../../../../../common/selectors/quizzes';
+import { featureOn } from '../../../../../common/util/featureCheck';
+import { startQuizExportJob } from '../../../../../common/actions/quizExport';
+import { addAlert, addInfo } from '../../../../../common/actions/alerts';
 export function mapStateToProps(state) {
   var quiz = getActiveQuiz(state);
   return {
@@ -23,7 +23,6 @@ export function mapStateToProps(state) {
     printingEnabled: featureOn('printing')
   };
 }
-
 var mapDispatchToProps = function mapDispatchToProps(dispatch) {
   return {
     addAlert: bindActionCreators(addAlert, dispatch),
@@ -34,6 +33,5 @@ var mapDispatchToProps = function mapDispatchToProps(dispatch) {
     openModal: bindActionCreators(modalActions.openModal.bind(modalActions, generateImportModalId('qtiImport')), dispatch)
   };
 };
-
 export var BuildingButtons = connect(mapStateToProps, mapDispatchToProps)(BuildingButtonsPresenter);
 export default BuildingButtons;