@instructure/quiz-core 20.20.1-rc.2 → 20.20.1-snapshot.4

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

@@ -2,9 +2,7 @@ import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
 import _createClass from "@babel/runtime/helpers/esm/createClass";
 import _inherits from "@babel/runtime/helpers/esm/inherits";
 import _createSuper from "@babel/runtime/helpers/esm/createSuper";
-
-var _dec, _class, _class2, _temp;
-
+var _dec, _class, _BuildingSidebarItem;
 /** @jsx jsx */
 import { Component } from 'react';
 import PropTypes from 'prop-types';
@@ -16,17 +14,13 @@ import DragAndDropZone from "../../../../../common/components/shared/drag_and_dr
 import CommonSidebarItem from "../../../../../common/components/layout/sidebar/SidebarItem/index.js";
 import generateStyle from "./styles.js";
 import generateComponentTheme from "./theme.js";
-export var BuildingSidebarItem = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_Component) {
+export var BuildingSidebarItem = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_BuildingSidebarItem = /*#__PURE__*/function (_Component) {
   _inherits(BuildingSidebarItem, _Component);
-
   var _super = _createSuper(BuildingSidebarItem);
-
   function BuildingSidebarItem() {
     _classCallCheck(this, BuildingSidebarItem);
-
     return _super.apply(this, arguments);
   }
-
   _createClass(BuildingSidebarItem, [{
     key: "shouldDisableDragHandle",
     value: function shouldDisableDragHandle() {
@@ -36,11 +30,11 @@ export var BuildingSidebarItem = (_dec = withStyle(generateStyle, generateCompon
     key: "renderDragHandle",
     value: function renderDragHandle() {
       var _this$props = this.props,
-          connectDragSource = _this$props.connectDragSource,
-          sidebarOpen = _this$props.sidebarOpen;
-
+        connectDragSource = _this$props.connectDragSource,
+        sidebarOpen = _this$props.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, {
           onSidebar: true,
           displayPosition: this.props.displayPosition,
@@ -48,11 +42,9 @@ export var BuildingSidebarItem = (_dec = withStyle(generateStyle, generateCompon
           quizEntries: this.props.quizEntries,
           disabled: this.shouldDisableDragHandle()
         }));
-
         if (this.shouldDisableDragHandle()) {
           return dragHandle;
         }
-
         var handleWrapper = usingIE() ? function (C) {
           return C;
         } : connectDragSource;
@@ -63,10 +55,10 @@ export var BuildingSidebarItem = (_dec = withStyle(generateStyle, generateCompon
     key: "renderItem",
     value: function renderItem() {
       var _this$props2 = this.props,
-          draggingOver = _this$props2.draggingOver,
-          draggingAboveHalf = _this$props2.draggingAboveHalf,
-          inStimulus = _this$props2.inStimulus,
-          sidebarOpen = _this$props2.sidebarOpen;
+        draggingOver = _this$props2.draggingOver,
+        draggingAboveHalf = _this$props2.draggingAboveHalf,
+        inStimulus = _this$props2.inStimulus,
+        sidebarOpen = _this$props2.sidebarOpen;
       var propsForDnDZone = {
         inSidebar: true,
         inStimulus: inStimulus,
@@ -95,23 +87,20 @@ export var BuildingSidebarItem = (_dec = withStyle(generateStyle, generateCompon
     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.renderItem()));
       }
-
       return this.renderItem();
     }
   }]);
-
   BuildingSidebarItem.displayName = "BuildingSidebarItem";
   return BuildingSidebarItem;
-}(Component), _class2.propTypes = {
+}(Component), _BuildingSidebarItem.propTypes = {
   connectDragSource: PropTypes.func.isRequired,
   // inserted by React DnD
   connectDragPreview: PropTypes.func.isRequired,
@@ -134,9 +123,9 @@ export var BuildingSidebarItem = (_dec = withStyle(generateStyle, generateCompon
   draggingOver: PropTypes.bool.isRequired,
   draggingAboveHalf: PropTypes.bool.isRequired,
   styles: PropTypes.object
-}, _class2.defaultProps = {
+}, _BuildingSidebarItem.defaultProps = {
   disableDraggingOverride: false,
   inStimulus: false,
   itemBody: ''
-}, _temp)) || _class);
+}, _BuildingSidebarItem)) || _class);
 export default BuildingSidebarItem;

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

@@ -1,11 +1,8 @@
 var generateStyle = function generateStyle(componentTheme) {
   return {
     sidebarItemWrapper: {
-      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/SidebarItem/theme.js

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

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

@@ -29,7 +29,6 @@ export var mapStateToProps = function mapStateToProps() {
     dropIntoEmptyStimulus: draggingOver && dropIntoEmptyStimulus,
     itemsCollectionSize: itemsCollectionSize,
     quizId: activeQuiz.id // forDnD
-
   };
 };
 export var mapDispatchToProps = function mapDispatchToProps(dispatch) {
@@ -43,11 +42,11 @@ export var mapDispatchToProps = function mapDispatchToProps(dispatch) {
     openMoveImmutableModal: bindActionCreators(openMoveImmutableModal, dispatch),
     // for DnD
     setUi: bindActionCreators(setUI, dispatch) // for DnD
-
   };
 };
 export var connectToDragSource = function connectToDragSource(Component) {
-  return DragSource( // ItemTypes.QUIZ_ENTRY associates this component drag source with a name
+  return DragSource(
+  // ItemTypes.QUIZ_ENTRY associates this component drag source with a name
   // dragSource specifies functions React DnD will call for events with this component
   // collectDrag injects props into component
   ItemTypes.QUIZ_ENTRY, dragSource, collectDrag)(Component);

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

@@ -2,9 +2,7 @@ import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
 import _createClass from "@babel/runtime/helpers/esm/createClass";
 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';
@@ -16,34 +14,30 @@ import DragAndDropZone from "../../../../../common/components/shared/drag_and_dr
 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) {
+export var BuildingStimulus = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_BuildingStimulus = /*#__PURE__*/function (_Component) {
   _inherits(BuildingStimulus, _Component);
-
   var _super = _createSuper(BuildingStimulus);
-
   function BuildingStimulus() {
     _classCallCheck(this, BuildingStimulus);
-
     return _super.apply(this, arguments);
   }
-
   _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 +45,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 +95,20 @@ 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 +131,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

@@ -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

@@ -2,11 +2,8 @@ import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
 import _createClass from "@babel/runtime/helpers/esm/createClass";
 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';
@@ -21,28 +18,25 @@ import generateStyle from "./styles.js";
 import generateComponentTheme from "./theme.js";
 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) {
+export var BuildingSidebar = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_BuildingSidebar = /*#__PURE__*/function (_Component) {
   _inherits(BuildingSidebar, _Component);
-
   var _super = _createSuper(BuildingSidebar);
-
   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));
-
+    // 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,26 +57,20 @@ 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, [{
     key: "componentDidMount",
     value: function componentDidMount() {
@@ -100,11 +88,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 +100,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 +110,6 @@ export var BuildingSidebar = (_dec = withStyle(generateStyle, generateComponentT
       if (quizEntry.entryType !== 'Item') {
         return false;
       }
-
       var item = quizEntry.getEntry();
       return item.getWorkingInstance().isTemporary();
     }
@@ -138,13 +122,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 +145,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 +166,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 +195,9 @@ 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 +209,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

@@ -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;