npm - @instructure/quiz-core - Versions diffs - 20.20.1-rc.2 → 20.20.1-snapshot.4 - Mend

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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1394) hide show

package/es/common/components/shared/drag_and_drop/DragAndDropZone/theme.js CHANGED Viewed

@@ -1,7 +1,7 @@
 var generateComponentTheme = function generateComponentTheme(_ref) {
   var spacing = _ref.spacing,
-      colors = _ref.colors,
-      borders = _ref.borders;
+    colors = _ref.colors,
+    borders = _ref.borders;
   return {
     DnDZoneBorderWidth: borders.widthSmall,
     DnDZoneBorderColor: colors.tiara,
@@ -16,5 +16,4 @@ var generateComponentTheme = function generateComponentTheme(_ref) {
     sidebarDnDZoneColor: colors.licorice
   };
 };
 export default generateComponentTheme;

package/es/common/components/shared/drag_and_drop/DragHandle/presenter.js CHANGED Viewed

@@ -12,70 +12,45 @@ import { IconArrowDownLine, IconArrowUpLine, IconDragHandleLine, IconMiniArrowDo
 import t from '@instructure/quiz-i18n/es/format-message';
 import keyboardClickable from "../../../../../common/util/keyboardClickable.js";
 import { MOVE_IMMUTABLE_DATA, SIDEBAR_NAV_ID, MOVED_QUIZ_ENTRY, MOVED_IN_SIDEBAR, MOVE } from '@instructure/quiz-common';
 var _ref = /*#__PURE__*/React.createElement(IconArrowUpLine, null);
 var _ref2 = /*#__PURE__*/React.createElement(IconMiniArrowUpLine, null);
 var _ref3 = /*#__PURE__*/React.createElement(IconMiniArrowDownLine, null);
 var _ref4 = /*#__PURE__*/React.createElement(IconArrowDownLine, null);
 export var DragHandle = /*#__PURE__*/function (_Component) {
   _inherits(DragHandle, _Component);
   var _super = _createSuper(DragHandle);
   function DragHandle() {
     var _this;
     _classCallCheck(this, DragHandle);
     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.moveUp = function () {
       _this.moveToPosition(_this.props.quizEntry.position - 1);
       var msg = t('Question moved one space up.');
       _this.props.screenreaderNotification(msg);
     };
     _this.moveDown = function () {
       _this.moveToPosition(_this.props.quizEntry.position + 1);
       var msg = t('Question moved one space down.');
       _this.props.screenreaderNotification(msg);
     };
     _this.moveToTop = function () {
       _this.moveQuizEntry(1, '');
       var msg = t('Question moved to top of assessment.');
       _this.props.screenreaderNotification(msg);
     };
     _this.moveToBottom = function () {
       _this.moveQuizEntry(_this.props.quizEntries.size, '');
       var msg = t('Question moved to bottom of assessment.');
       _this.props.screenreaderNotification(msg);
     };
     _this.handleTriggerRef = function (node) {
       _this.triggerRef = node;
     };
     return _this;
   }
   _createClass(DragHandle, [{
     key: "componentDidMount",
     value: function componentDidMount() {
@@ -91,7 +66,6 @@ export var DragHandle = /*#__PURE__*/function (_Component) {
     value: function conditionalFocus() {
       var matchingQuizEntryId = this.props.movedQuizEntry === this.props.quizEntry.id;
       var matchingLocation = this.props.onSidebar === this.props.movedInSidebar;
       if (matchingQuizEntryId && matchingLocation) {
         this.triggerRef && this.triggerRef.focus();
         this.props.clearUI(MOVED_QUIZ_ENTRY);
@@ -107,8 +81,8 @@ export var DragHandle = /*#__PURE__*/function (_Component) {
     key: "isLastItem",
     value: function isLastItem() {
       var _this$props = this.props,
-          quizEntry = _this$props.quizEntry,
-          quizEntries = _this$props.quizEntries;
+        quizEntry = _this$props.quizEntry,
+        quizEntries = _this$props.quizEntries;
       var numItems = quizEntry.hasStimulus ? quizEntry.getNestedEntries().size : 0;
       var position = quizEntry.position + numItems;
       return position === quizEntries.size;
@@ -117,11 +91,10 @@ export var DragHandle = /*#__PURE__*/function (_Component) {
     key: "handleMove",
     value: function handleMove(position, stimulusQuizEntryId) {
       var _this$props2 = this.props,
-          quizEntry = _this$props2.quizEntry,
-          quizId = _this$props2.quizId;
+        quizEntry = _this$props2.quizEntry,
+        quizId = _this$props2.quizId;
       var stimulusQuizEntryIdChanged = stimulusQuizEntryId !== quizEntry.stimulusQuizEntryId;
       var isImmutable = quizEntry.isItem ? quizEntry.getEntry().isImmutable() : false;
       if (isImmutable && stimulusQuizEntryIdChanged) {
         var uiData = Map({
           movedInSidebar: this.props.onSidebar,
@@ -148,27 +121,24 @@ export var DragHandle = /*#__PURE__*/function (_Component) {
       var quizEntry = this.props.quizEntry;
       var movingDown = position > quizEntry.position;
       var newPosition = position;
       if (movingDown && quizEntry.hasStimulus) {
         newPosition = position + quizEntry.getNestedEntries().size;
       }
       var targetQuizEntry = this.props.quizEntries.find(function (qe) {
         return qe.position === newPosition;
       });
       if (targetQuizEntry === void 0) {
         var newPos = movingDown ? this.props.quizEntries.size : 1;
         this.moveQuizEntry(newPos, '');
         return;
       }
       var inStimulus = quizEntry.isInStimulus;
       var targetInStimulus = targetQuizEntry.isInStimulus;
       var losingStimulusQuizEntryId = inStimulus && !targetInStimulus;
       var receivingStimulusQuizEntryId = !inStimulus && targetInStimulus;
-      var newStimulusQuizEntryId = quizEntry.stimulusQuizEntryId; // Handling moving of stimulus groups:
+      var newStimulusQuizEntryId = quizEntry.stimulusQuizEntryId;
+      // Handling moving of stimulus groups:
       if (quizEntry.hasStimulus) {
         if (movingDown && targetQuizEntry.hasStimulus) {
           newPosition += targetQuizEntry.getNestedEntries().size;
@@ -177,12 +147,13 @@ export var DragHandle = /*#__PURE__*/function (_Component) {
             return qe.id === targetQuizEntry.stimulusQuizEntryId;
           });
           newPosition = position - targetStimulusQuizEntry.getNestedEntries().size;
-        } // This block is for handling moving of items in/out/around stimuli.
+        }
+        // This block is for handling moving of items in/out/around stimuli.
         // For example, when moving down, out of a stimulus group, you don't actually
         // want the position of the quizEntry to change, you just want to change the
         // stimulusQuizEntryId, so that it's no longer associated with the stimulus.
         // There are 4 such cases:
       } else if (targetQuizEntry.hasStimulus && !inStimulus) {
         newPosition = movingDown ? position : position + 1;
         newStimulusQuizEntryId = targetQuizEntry.id;
@@ -196,13 +167,13 @@ export var DragHandle = /*#__PURE__*/function (_Component) {
         newPosition = position - 1;
         newStimulusQuizEntryId = '';
       }
       this.moveQuizEntry(newPosition, newStimulusQuizEntryId);
     }
   }, {
     key: "renderIcon",
     value: function renderIcon() {
-      return /*#__PURE__*/React.createElement(IconButton // must be a button when disabled for the screenreader to read it properly
+      return /*#__PURE__*/React.createElement(IconButton
+      // must be a button when disabled for the screenreader to read it properly
       // must be a div when enabled to allow dragging in firefox
       , {
         as: this.props.disabled ? 'button' : 'div',
@@ -222,36 +193,32 @@ export var DragHandle = /*#__PURE__*/function (_Component) {
     key: "renderMenuItems",
     value: function renderMenuItems() {
       var menuItems = [];
       if (!this.isFirstItem()) {
-        menuItems.push( /*#__PURE__*/React.createElement(Menu.Item, {
+        menuItems.push(/*#__PURE__*/React.createElement(Menu.Item, {
           key: "toTop",
           onSelect: this.moveToTop
         }, _ref, t('Move to Top')));
-        menuItems.push( /*#__PURE__*/React.createElement(Menu.Item, {
+        menuItems.push(/*#__PURE__*/React.createElement(Menu.Item, {
           key: "moveUp",
           onSelect: this.moveUp
         }, _ref2, t('Move Up')));
       }
       if (!this.isLastItem() || this.props.quizEntry.isInStimulus) {
-        menuItems.push( /*#__PURE__*/React.createElement(Menu.Item, {
+        menuItems.push(/*#__PURE__*/React.createElement(Menu.Item, {
           key: "moveDown",
           onSelect: this.moveDown
         }, _ref3, t('Move Down')));
-        menuItems.push( /*#__PURE__*/React.createElement(Menu.Item, {
+        menuItems.push(/*#__PURE__*/React.createElement(Menu.Item, {
           key: "toBottom",
           onSelect: this.moveToBottom
         }, _ref4, t('Move to Bottom')));
       }
       return menuItems;
     }
   }, {
     key: "render",
     value: function render() {
       var menuItems = this.renderMenuItems();
       if (!this.props.disabled && menuItems.length > 0) {
         return /*#__PURE__*/React.createElement(Menu, {
           trigger: this.renderIcon(),
@@ -260,7 +227,6 @@ export var DragHandle = /*#__PURE__*/function (_Component) {
           placement: this.props.onSidebar ? 'start' : void 0
         }, menuItems);
       }
       return this.renderIcon();
     }
   }, {
@@ -269,7 +235,6 @@ export var DragHandle = /*#__PURE__*/function (_Component) {
       return document.getElementById(SIDEBAR_NAV_ID);
     }
   }]);
   DragHandle.displayName = "DragHandle";
   return DragHandle;
 }(Component);

package/es/common/components/shared/drag_and_drop/dragAndDropUtils.js CHANGED Viewed

@@ -11,11 +11,10 @@ export function getBoundsForComponent(component) {
 }
 export var posObjFromQuizEntry = cachePreviousArgs(function (quizEntryDragging, quizEntryHovered, mousePos, component, inSidebar) {
   var _getBoundsForComponen = getBoundsForComponent(component),
-      top = _getBoundsForComponen.top,
-      bottom = _getBoundsForComponen.bottom,
-      left = _getBoundsForComponen.left,
-      right = _getBoundsForComponen.right;
+    top = _getBoundsForComponen.top,
+    bottom = _getBoundsForComponen.bottom,
+    left = _getBoundsForComponen.left,
+    right = _getBoundsForComponen.right;
   var midY = top + (bottom - top) / 2;
   var midX = left + (right - left) / 2;
   var onRightHalf = mousePos.x > midX;
@@ -26,8 +25,9 @@ export var posObjFromQuizEntry = cachePreviousArgs(function (quizEntryDragging,
     intoEmptyStimulus: false,
     aboveHalf: aboveHalf,
     fromAbove: quizEntryHovered.position > quizEntryDragging.position
-  }; // handle dragging items over stimulus
+  };
+  // handle dragging items over stimulus
   if (!quizEntryDragging.hasStimulus && quizEntryHovered.hasStimulus && (onRightHalf || inSidebar)) {
     if (deepInsideEntry && quizEntryHovered.getNestedEntries().size === 0) {
       newPositionObj.intoEmptyStimulus = true;
@@ -39,21 +39,17 @@ export var posObjFromQuizEntry = cachePreviousArgs(function (quizEntryDragging,
       return null;
     }
   }
   var draggingStimulusInStimulus = quizEntryDragging.hasStimulus && quizEntryHovered.isInStimulus;
   var ignoreItemHover = quizEntryHovered.isInStimulus && !deepInsideEntry && !inSidebar;
   if (draggingStimulusInStimulus || ignoreItemHover) {
     return null;
   }
   return newPositionObj;
 });
 export function posObjFromNonQuizEntry(quizEntryDragging, startComp, endComp, mousePos, quizEntries) {
   // check if dropping above all quizEntries
   var _getBoundsForComponen2 = getBoundsForComponent(startComp),
-      bottom = _getBoundsForComponen2.bottom;
+    bottom = _getBoundsForComponen2.bottom;
   if (mousePos.y < bottom) {
     return {
       position: 1,
@@ -61,28 +57,24 @@ export function posObjFromNonQuizEntry(quizEntryDragging, startComp, endComp, mo
       aboveHalf: true,
       fromAbove: false
     };
-  } // check if dropping below all quizEntries
+  }
+  // check if dropping below all quizEntries
   var _getBoundsForComponen3 = getBoundsForComponent(endComp),
-      top = _getBoundsForComponen3.top;
+    top = _getBoundsForComponen3.top;
   if (mousePos.y > top) {
     var lastQuizEntry = quizEntries.maxBy(function (quizEntry) {
       return quizEntry.position;
     });
     var position = lastQuizEntry.position;
     if (lastQuizEntry.isInStimulus) {
       var stimulusQuizEntry = quizEntries.find(function (qe) {
         return qe.id === lastQuizEntry.stimulusQuizEntryId;
       });
       if (stimulusQuizEntry) {
         position = stimulusQuizEntry.position;
       }
     }
     return {
       position: position,
       intoEmptyStimulus: false,
@@ -90,54 +82,44 @@ export function posObjFromNonQuizEntry(quizEntryDragging, startComp, endComp, mo
       fromAbove: position > quizEntryDragging.position
     };
   }
   return null;
 }
 function createPositionObj(props, monitor, component, inSidebar) {
   var itemData = monitor.getItem();
   var mousePos = monitor.getClientOffset() || {};
   var newPositionObj = null;
   if (props.quizEntry) {
     newPositionObj = posObjFromQuizEntry(itemData.quizEntry, props.quizEntry, mousePos, component, inSidebar);
   } else {
     var startQuizEntries = component.startQuizEntries,
-        endQuizEntries = component.endQuizEntries;
+      endQuizEntries = component.endQuizEntries;
     newPositionObj = posObjFromNonQuizEntry(itemData.quizEntry, startQuizEntries, endQuizEntries, mousePos, props.quizEntries);
   }
   return newPositionObj;
-} // createPosition arg is so that tests can stub it
+}
+// createPosition arg is so that tests can stub it
 export var onQuizEntryHover = debounce(function (props, monitor, component, refname) {
   var createPosition = arguments.length > 4 && arguments[4] !== void 0 ? arguments[4] : createPositionObj;
   var inSidebar = refname === SIDEBAR_ITEM_REF;
   if (inSidebar && !props.sidebarOpen) {
     return;
   }
   var itemData = monitor.getItem();
   if (itemData === null) {
     return;
   }
   var newPositionObj = createPosition(props, monitor, component, inSidebar);
   if (newPositionObj === null) return;
   var samePosition = newPositionObj.position === itemData.position;
   var sameAboveHalf = newPositionObj.aboveHalf === itemData.aboveHalf;
   var sameIntoEmptyStimulus = newPositionObj.intoEmptyStimulus === itemData.intoEmptyStimulus;
   if (samePosition && sameAboveHalf && sameIntoEmptyStimulus) {
     return;
-  } // mutation used here to avoid rerendering on every mouse pixel move
+  }
+  // mutation used here to avoid rerendering on every mouse pixel move
   // author of React DnD acknoledges shortcomings of mutations but
   // recommends it here for performance purposes
   Object.assign(monitor.getItem(), {
     position: newPositionObj.position,
     aboveHalf: newPositionObj.aboveHalf,
@@ -145,7 +127,6 @@ export var onQuizEntryHover = debounce(function (props, monitor, component, refn
   });
   props.newHoverPosition(newPositionObj);
 });
 function positionOfTempItem(quizEntries) {
   // TODO: replace the use of chain with lodash/fp functions and flow
   return chain(quizEntries.toJS()).sortBy(function (qe) {
@@ -154,33 +135,26 @@ function positionOfTempItem(quizEntries) {
     return qe.id;
   }).indexOf(TEMPORARY_QUIZ_ENTRY_ID).value() + 1;
 }
 function newPositionFromPositionObj(newPositionObj, originalItemPosition) {
   if (newPositionObj.intoEmptyStimulus) {
     var offset = newPositionObj.fromAbove ? 0 : 1;
     return newPositionObj.position + offset;
   }
   if (newPositionObj.position === originalItemPosition) {
     return newPositionObj.position;
   }
   if (newPositionObj.fromAbove && newPositionObj.aboveHalf) {
     return newPositionObj.position - 1;
   }
   if (!newPositionObj.fromAbove && !newPositionObj.aboveHalf) {
     return newPositionObj.position + 1;
   }
   return newPositionObj.position;
 }
 function handleDrop(props, newPosition, newStimulusQuizEntryId, oldStimulusQuizEntryId, itemData, moveTempItem, inSidebar) {
   var quizEntry = itemData.quizEntry;
   var stimulusQuizEntryIdChanged = newStimulusQuizEntryId !== oldStimulusQuizEntryId;
   var isImmutable = quizEntry.isItem ? quizEntry.getEntry().isImmutable() : false;
   if (isImmutable && stimulusQuizEntryIdChanged) {
     var uiData = Map({
       movedInSidebar: inSidebar,
@@ -196,7 +170,6 @@ function handleDrop(props, newPosition, newStimulusQuizEntryId, oldStimulusQuizE
     props.moveQuizEntry(props.quizId, newPosition, newStimulusQuizEntryId, quizEntry.id, moveTempItem);
   }
 }
 export function onQuizEntryDrop(props, monitor, component, refname) {
   var inSidebar = refname === SIDEBAR_ITEM_REF;
   var handledDrop = monitor.getDropResult() && monitor.getDropResult().handledDrop;
@@ -204,29 +177,23 @@ export function onQuizEntryDrop(props, monitor, component, refname) {
   var movingQuizEntry = itemData.quizEntry;
   var hoveredQuizEntry = props.quizEntry;
   var dropStimIntoStim = movingQuizEntry.hasStimulus && hoveredQuizEntry && hoveredQuizEntry.isInStimulus;
   if (inSidebar && !props.sidebarOpen || handledDrop || !props.dndPositionObj || dropStimIntoStim) {
     return {
       handledDrop: handledDrop || false
     };
   }
   var quizEntries = props.quizEntries;
   var originalItemPosition = movingQuizEntry.position;
   var newStimulusQuizEntryId = '';
   var findPositionInList = function findPositionInList(quizEntriesList) {
     var newPositionObj = props.dndPositionObj.toJS() || itemData;
     var targetQuizEntry = quizEntriesList.find(function (qe) {
       return qe.position === newPositionObj.position;
     });
     if (movingQuizEntry.id === targetQuizEntry && targetQuizEntry.id) {
       return newPositionObj.position;
     }
     var targetIsStimulus = targetQuizEntry && targetQuizEntry.hasStimulus;
     if (targetIsStimulus && newPositionObj.intoEmptyStimulus) {
       // into empty
       newStimulusQuizEntryId = targetQuizEntry.id;
@@ -236,57 +203,45 @@ export function onQuizEntryDrop(props, monitor, component, refname) {
     } else {
       newStimulusQuizEntryId = targetQuizEntry && targetQuizEntry.stimulusQuizEntryId || '';
     }
     return newPositionFromPositionObj(newPositionObj, originalItemPosition);
   };
   if (movingQuizEntry.id === TEMPORARY_QUIZ_ENTRY_ID) {
     var newPosition = findPositionInList(quizEntries);
     if (newPosition === originalItemPosition) {
       return {
         handledDrop: true
       };
     }
     var movingDown = newPosition > originalItemPosition;
     props.moveTemporaryQuizEntry(newPosition, newStimulusQuizEntryId, movingDown);
   } else {
     var quizEntriesWithoutTemp = quizEntries.filterNot(function (qe) {
       return qe.id === TEMPORARY_QUIZ_ENTRY_ID;
     });
     var _newPosition = findPositionInList(quizEntriesWithoutTemp);
     var newPositionIncludingTemp = findPositionInList(quizEntries);
     var tempItemPosition = positionOfTempItem(quizEntries);
     var originBelowTemp = originalItemPosition >= tempItemPosition;
     var originAboveTemp = originalItemPosition < tempItemPosition;
     var droppedPastTemp = originBelowTemp && newPositionIncludingTemp < tempItemPosition || originAboveTemp && newPositionIncludingTemp > tempItemPosition;
     var droppedOnTemp = tempItemPosition === newPositionIncludingTemp;
     var moveTempItem = function moveTempItem() {
       if (droppedPastTemp || droppedOnTemp) {
         var directionToMoveTempItem = originAboveTemp ? 'up' : 'down';
         var _movingDown = !originAboveTemp;
         props.moveTemporaryQuizEntry(directionToMoveTempItem, newStimulusQuizEntryId, _movingDown);
       }
     };
     var oldStimulusQuizEntryId = movingQuizEntry.stimulusQuizEntryId || '';
     var samePosition = _newPosition === originalItemPosition;
     var sameStimulus = newStimulusQuizEntryId === oldStimulusQuizEntryId;
     var stimulusBelowItself = movingQuizEntry.hasStimulus && hoveredQuizEntry && hoveredQuizEntry.id === movingQuizEntry.id && _newPosition === originalItemPosition + movingQuizEntry.positionSlots + (movingQuizEntry.positionSlots ? 1 : 0);
     if (samePosition && sameStimulus || stimulusBelowItself) {
       moveTempItem();
       return {
         handledDrop: true
       };
     }
     handleDrop(props, _newPosition, newStimulusQuizEntryId, oldStimulusQuizEntryId, itemData, moveTempItem, inSidebar);
     return {
       handledDrop: true
@@ -311,13 +266,16 @@ export var dropTarget = function dropTarget(refname) {
       onQuizEntryHover(props, monitor, component, refname);
     }
   };
-}; // - ItemTypes.QUIZ_ENTRY associates this component drop target with a name
+};
+// - ItemTypes.QUIZ_ENTRY associates this component drop target with a name
 // - dropTarget specifies functions React DnD will call for events with this component
 // - collectDrop injects props into component
 export var DropTargetCreator = function DropTargetCreator(refname) {
   return DropTarget(ItemTypes.QUIZ_ENTRY, dropTarget(refname), collectDrop);
-}; // ///////////////// //
+};
+// ///////////////// //
 // DRAG SOURCE STUFF //
 // ///////////////// //

package/es/common/components/shared/errors/Errors.js CHANGED Viewed

@@ -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, _Errors;
 /** @jsx jsx */
 import { Component } from 'react';
 import { List } from 'immutable';
@@ -13,22 +11,16 @@ import PropTypes from 'prop-types';
 import { withStyle, jsx } from '@instructure/emotion';
 import generateStyle from "./styles.js";
 import generateComponentTheme from "./theme.js";
-export var Errors = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_Component) {
+export var Errors = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_Errors = /*#__PURE__*/function (_Component) {
   _inherits(Errors, _Component);
   var _super = _createSuper(Errors);
   function Errors() {
     var _this;
     _classCallCheck(this, Errors);
     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.renderError = function (errorText, i) {
       var key = "error_for_".concat(i);
       return jsx("div", {
@@ -37,33 +29,28 @@ export var Errors = (_dec = withStyle(generateStyle, generateComponentTheme), _d
         "data-automation": "sdk-core-error"
       }, errorText);
     };
     return _this;
   }
   _createClass(Errors, [{
     key: "render",
     value: function render() {
       var _this$props$errorList;
       if (this.props.errorList.size === 0) {
         return null;
       }
       return jsx("div", {
         css: this.props.styles.errors,
         "data-testid": "errors-container"
       }, (_this$props$errorList = this.props.errorList) === null || _this$props$errorList === void 0 ? void 0 : _this$props$errorList.toArray().map(this.renderError));
     }
   }]);
   Errors.displayName = "Errors";
   return Errors;
-}(Component), _class2.propTypes = {
+}(Component), _Errors.propTypes = {
   errorList: ImmutablePropTypes.list,
   // eslint-disable-next-line react/require-default-props,react/forbid-prop-types
   styles: PropTypes.object
-}, _class2.defaultProps = {
+}, _Errors.defaultProps = {
   errorList: List()
-}, _temp)) || _class);
+}, _Errors)) || _class);
 export default Errors;

package/es/common/components/shared/errors/styles.js CHANGED Viewed

@@ -13,5 +13,4 @@ var generateStyle = function generateStyle(componentTheme) {
     }
   };
 };
 export default generateStyle;

package/es/common/components/shared/errors/theme.js CHANGED Viewed

@@ -1,11 +1,10 @@
 var generateComponentTheme = function generateComponentTheme(_ref) {
   var colors = _ref.colors,
-      typography = _ref.typography;
+    typography = _ref.typography;
   return {
     errorFontFamily: typography.fontFamily,
     errorFontSize: typography.fontSizeSmall,
     errorColor: colors.crimson
   };
 };
 export default generateComponentTheme;

package/es/common/components/shared/file_selector/FileSelector.js CHANGED Viewed

@@ -3,9 +3,7 @@ import _createClass from "@babel/runtime/helpers/esm/createClass";
 import _assertThisInitialized from "@babel/runtime/helpers/esm/assertThisInitialized";
 import _inherits from "@babel/runtime/helpers/esm/inherits";
 import _createSuper from "@babel/runtime/helpers/esm/createSuper";
-var _dec, _class, _class2, _temp;
+var _dec, _class, _FileSelector;
 /** @jsx jsx */
 import { List } from 'immutable';
 import { Component } from 'react';
@@ -14,21 +12,16 @@ import Dropzone from 'react-dropzone';
 import { withStyle, jsx } from '@instructure/emotion';
 import generateStyle from "./styles.js";
 import generateComponentTheme from "./theme.js";
-export var FileSelector = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_Component) {
+export var FileSelector = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_FileSelector = /*#__PURE__*/function (_Component) {
   _inherits(FileSelector, _Component);
   var _super = _createSuper(FileSelector);
   function FileSelector() {
     var _this;
     _classCallCheck(this, FileSelector);
     _this = _super.call(this);
     _this.onDrop = _this.onDrop.bind(_assertThisInitialized(_this));
     return _this;
   }
   _createClass(FileSelector, [{
     key: "onDrop",
     value: function onDrop(files) {
@@ -51,16 +44,15 @@ export var FileSelector = (_dec = withStyle(generateStyle, generateComponentThem
       }, this.renderContent()));
     }
   }]);
   FileSelector.displayName = "FileSelector";
   return FileSelector;
-}(Component), _class2.propTypes = {
+}(Component), _FileSelector.propTypes = {
   acceptAttribute: PropTypes.string.isRequired,
   content: PropTypes.node.isRequired,
   fileHandler: PropTypes.func.isRequired,
   multiple: PropTypes.bool,
   styles: PropTypes.object
-}, _class2.defaultProps = {
+}, _FileSelector.defaultProps = {
   multiple: false
-}, _temp)) || _class);
+}, _FileSelector)) || _class);
 export default FileSelector;