@instructure/quiz-core 20.17.3-rc.7 → 20.17.3-rc.9

package/lib/common/components/shared/drag_and_drop/dragAndDropUtils.js

@@ -1,39 +1,48 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.ItemTypes = exports.DropTargetCreator = void 0;
-exports.beginQuizEntryDrag = beginQuizEntryDrag;
-exports.chooseDragConnection = chooseDragConnection;
-exports.collectDrag = collectDrag;
-exports.collectDrop = collectDrop;
-exports.dropTarget = exports.dragSource = void 0;
-exports.endQuizEntryDrag = endQuizEntryDrag;
 exports.getBoundsForComponent = getBoundsForComponent;
-exports.onQuizEntryDrop = onQuizEntryDrop;
-exports.onQuizEntryHover = void 0;
 exports.posObjFromNonQuizEntry = posObjFromNonQuizEntry;
-exports.posObjFromQuizEntry = void 0;
+exports.onQuizEntryDrop = onQuizEntryDrop;
+exports.collectDrop = collectDrop;
 exports.usingIE = usingIE;
+exports.chooseDragConnection = chooseDragConnection;
+exports.beginQuizEntryDrag = beginQuizEntryDrag;
+exports.endQuizEntryDrag = endQuizEntryDrag;
+exports.collectDrag = collectDrag;
+exports.dragSource = exports.DropTargetCreator = exports.dropTarget = exports.ItemTypes = exports.onQuizEntryHover = exports.posObjFromQuizEntry = void 0;
+
 var _reactDom = _interopRequireDefault(require("react-dom"));
+
 var _lodash = require("lodash");
+
 var _immutable = require("immutable");
+
 var _reactDnd = require("react-dnd");
-var _cachePreviousArgs = _interopRequireDefault(require("../../../util/cachePreviousArgs"));
+
+var _cachePreviousArgs = _interopRequireDefault(require("../../../util/cachePreviousArgs.js"));
+
 var _quizCommon = require("@instructure/quiz-common");
+
 function getBoundsForComponent(component) {
   var dndComponent = component.dndComponent ? component.dndComponent : component;
+
   var DOMNode = _reactDom.default.findDOMNode(dndComponent);
+
   return DOMNode && DOMNode.getBoundingClientRect() || {};
 }
-var posObjFromQuizEntry = exports.posObjFromQuizEntry = (0, _cachePreviousArgs.default)(function (quizEntryDragging, quizEntryHovered, mousePos, component, inSidebar) {
+
+var posObjFromQuizEntry = (0, _cachePreviousArgs.default)(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;
@@ -44,9 +53,8 @@ var posObjFromQuizEntry = exports.posObjFromQuizEntry = (0, _cachePreviousArgs.d
     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;
@@ -58,17 +66,23 @@ var posObjFromQuizEntry = exports.posObjFromQuizEntry = (0, _cachePreviousArgs.d
       return null;
     }
   }
+
   var draggingStimulusInStimulus = quizEntryDragging.hasStimulus && quizEntryHovered.isInStimulus;
   var ignoreItemHover = quizEntryHovered.isInStimulus && !deepInsideEntry && !inSidebar;
+
   if (draggingStimulusInStimulus || ignoreItemHover) {
     return null;
   }
+
   return newPositionObj;
 });
+exports.posObjFromQuizEntry = posObjFromQuizEntry;
+
 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,
@@ -76,24 +90,28 @@ function posObjFromNonQuizEntry(quizEntryDragging, startComp, endComp, mousePos,
       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,
@@ -101,44 +119,54 @@ function posObjFromNonQuizEntry(quizEntryDragging, startComp, endComp, mousePos,
       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
-var onQuizEntryHover = exports.onQuizEntryHover = (0, _lodash.debounce)(function (props, monitor, component, refname) {
+var onQuizEntryHover = (0, _lodash.debounce)(function (props, monitor, component, refname) {
   var createPosition = arguments.length > 4 && arguments[4] !== void 0 ? arguments[4] : createPositionObj;
   var inSidebar = refname === _quizCommon.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,
@@ -146,6 +174,8 @@ var onQuizEntryHover = exports.onQuizEntryHover = (0, _lodash.debounce)(function
   });
   props.newHoverPosition(newPositionObj);
 });
+exports.onQuizEntryHover = onQuizEntryHover;
+
 function positionOfTempItem(quizEntries) {
   // TODO: replace the use of chain with lodash/fp functions and flow
   return (0, _lodash.chain)(quizEntries.toJS()).sortBy(function (qe) {
@@ -154,26 +184,33 @@ function positionOfTempItem(quizEntries) {
     return qe.id;
   }).indexOf(_quizCommon.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 = (0, _immutable.Map)({
       movedInSidebar: inSidebar,
@@ -189,6 +226,7 @@ function handleDrop(props, newPosition, newStimulusQuizEntryId, oldStimulusQuizE
     props.moveQuizEntry(props.quizId, newPosition, newStimulusQuizEntryId, quizEntry.id, moveTempItem);
   }
 }
+
 function onQuizEntryDrop(props, monitor, component, refname) {
   var inSidebar = refname === _quizCommon.SIDEBAR_ITEM_REF;
   var handledDrop = monitor.getDropResult() && monitor.getDropResult().handledDrop;
@@ -196,23 +234,29 @@ 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;
@@ -222,61 +266,77 @@ function onQuizEntryDrop(props, monitor, component, refname) {
     } else {
       newStimulusQuizEntryId = targetQuizEntry && targetQuizEntry.stimulusQuizEntryId || '';
     }
+
     return newPositionFromPositionObj(newPositionObj, originalItemPosition);
   };
+
   if (movingQuizEntry.id === _quizCommon.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 === _quizCommon.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
     };
   }
 }
+
 function collectDrop(connect, monitor) {
   return {
     connectDropTarget: connect.dropTarget(),
     isOver: monitor.isOver()
   };
 }
-var ItemTypes = exports.ItemTypes = {
+
+var ItemTypes = {
   QUIZ_ENTRY: 'quiz_entry'
 };
-var dropTarget = exports.dropTarget = function dropTarget(refname) {
+exports.ItemTypes = ItemTypes;
+
+var dropTarget = function dropTarget(refname) {
   return {
     drop: function drop(props, monitor, component) {
       return onQuizEntryDrop(props, monitor, component, refname);
@@ -285,19 +345,22 @@ var dropTarget = exports.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
-var DropTargetCreator = exports.DropTargetCreator = function DropTargetCreator(refname) {
-  return (0, _reactDnd.DropTarget)(ItemTypes.QUIZ_ENTRY, dropTarget(refname), collectDrop);
-};
 
-// ///////////////// //
+
+exports.dropTarget = dropTarget;
+
+var DropTargetCreator = function DropTargetCreator(refname) {
+  return (0, _reactDnd.DropTarget)(ItemTypes.QUIZ_ENTRY, dropTarget(refname), collectDrop);
+}; // ///////////////// //
 // DRAG SOURCE STUFF //
 // ///////////////// //
 
+
+exports.DropTargetCreator = DropTargetCreator;
+
 function usingIE() {
   var windowOverride = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : window;
   var ua = windowOverride.navigator.userAgent;
@@ -306,25 +369,31 @@ function usingIE() {
   var ie10 = ua.includes('MSIE ');
   return edge || ie11 || ie10;
 }
+
 function chooseDragConnection(dragSource, dragPreview) {
   var windowOverride = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : window;
   return usingIE(windowOverride) ? dragSource : dragPreview;
 }
+
 function beginQuizEntryDrag(props, monitor, component) {
   return {
     quizEntry: props.quizEntry
   };
 }
+
 function endQuizEntryDrag(props, monitor, component) {
   // to indicate we're no longer dragging
   props.newHoverPosition({
     position: -1
   });
 }
-var dragSource = exports.dragSource = {
+
+var dragSource = {
   beginDrag: beginQuizEntryDrag,
   endDrag: endQuizEntryDrag
 };
+exports.dragSource = dragSource;
+
 function collectDrag(connect, monitor) {
   return {
     connectDragSource: connect.dragSource(),

package/lib/common/components/shared/errors/Errors.js

@@ -1,31 +1,52 @@
 "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.Errors = 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 _immutable = require("immutable");
+
 var _reactImmutableProptypes = _interopRequireDefault(require("react-immutable-proptypes"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _emotion = require("@instructure/emotion");
-var _styles = _interopRequireDefault(require("./styles"));
-var _theme = _interopRequireDefault(require("./theme"));
-var _dec, _class, _Errors;
-/** @jsx jsx */
-var Errors = exports.Errors = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (_Errors = /*#__PURE__*/function (_Component) {
+
+var _styles = _interopRequireDefault(require("./styles.js"));
+
+var _theme = _interopRequireDefault(require("./theme.js"));
+
+var _dec, _class, _class2, _temp;
+
+var Errors = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_Component) {
+  (0, _inherits2.default)(Errors, _Component);
+
+  var _super = (0, _createSuper2.default)(Errors);
+
   function Errors() {
     var _this;
+
     (0, _classCallCheck2.default)(this, Errors);
+
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-    _this = (0, _callSuper2.default)(this, Errors, [].concat(args));
+
+    _this = _super.call.apply(_super, [this].concat(args));
+
     _this.renderError = function (errorText, i) {
       var key = "error_for_".concat(i);
       return (0, _emotion.jsx)("div", {
@@ -34,27 +55,34 @@ var Errors = exports.Errors = (_dec = (0, _emotion.withStyle)(_styles.default, _
         "data-automation": "sdk-core-error"
       }, errorText);
     };
+
     return _this;
   }
-  (0, _inherits2.default)(Errors, _Component);
-  return (0, _createClass2.default)(Errors, [{
+
+  (0, _createClass2.default)(Errors, [{
     key: "render",
     value: function render() {
       var _this$props$errorList;
+
       if (this.props.errorList.size === 0) {
         return null;
       }
+
       return (0, _emotion.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));
     }
   }]);
-}(_react.Component), _Errors.propTypes = {
+  Errors.displayName = "Errors";
+  return Errors;
+}(_react.Component), _class2.propTypes = {
   errorList: _reactImmutableProptypes.default.list,
   // eslint-disable-next-line react/require-default-props,react/forbid-prop-types
   styles: _propTypes.default.object
-}, _Errors.defaultProps = {
+}, _class2.defaultProps = {
   errorList: (0, _immutable.List)()
-}, _Errors)) || _class);
-var _default = exports.default = Errors;
+}, _temp)) || _class);
+exports.Errors = Errors;
+var _default = Errors;
+exports.default = _default;

package/lib/common/components/shared/errors/styles.js

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

package/lib/common/components/shared/errors/theme.js

@@ -4,13 +4,16 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+
 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
   };
 };
-var _default = exports.default = generateComponentTheme;
+
+var _default = generateComponentTheme;
+exports.default = _default;

package/lib/common/components/shared/file_selector/FileSelector.js

@@ -1,33 +1,53 @@
 "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.FileSelector = 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 _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
+
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+
+var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
+
 var _immutable = require("immutable");
+
 var _react = require("react");
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _reactDropzone = _interopRequireDefault(require("react-dropzone"));
+
 var _emotion = require("@instructure/emotion");
-var _styles = _interopRequireDefault(require("./styles"));
-var _theme = _interopRequireDefault(require("./theme"));
-var _dec, _class, _FileSelector;
-/** @jsx jsx */
-var FileSelector = exports.FileSelector = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (_FileSelector = /*#__PURE__*/function (_Component) {
+
+var _styles = _interopRequireDefault(require("./styles.js"));
+
+var _theme = _interopRequireDefault(require("./theme.js"));
+
+var _dec, _class, _class2, _temp;
+
+var FileSelector = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_Component) {
+  (0, _inherits2.default)(FileSelector, _Component);
+
+  var _super = (0, _createSuper2.default)(FileSelector);
+
   function FileSelector() {
     var _this;
+
     (0, _classCallCheck2.default)(this, FileSelector);
-    _this = (0, _callSuper2.default)(this, FileSelector);
-    _this.onDrop = _this.onDrop.bind(_this);
+    _this = _super.call(this);
+    _this.onDrop = _this.onDrop.bind((0, _assertThisInitialized2.default)(_this));
     return _this;
   }
-  (0, _inherits2.default)(FileSelector, _Component);
-  return (0, _createClass2.default)(FileSelector, [{
+
+  (0, _createClass2.default)(FileSelector, [{
     key: "onDrop",
     value: function onDrop(files) {
       this.props.fileHandler((0, _immutable.List)(files));
@@ -49,13 +69,17 @@ var FileSelector = exports.FileSelector = (_dec = (0, _emotion.withStyle)(_style
       }, this.renderContent()));
     }
   }]);
-}(_react.Component), _FileSelector.propTypes = {
+  FileSelector.displayName = "FileSelector";
+  return FileSelector;
+}(_react.Component), _class2.propTypes = {
   acceptAttribute: _propTypes.default.string.isRequired,
   content: _propTypes.default.node.isRequired,
   fileHandler: _propTypes.default.func.isRequired,
   multiple: _propTypes.default.bool,
   styles: _propTypes.default.object
-}, _FileSelector.defaultProps = {
+}, _class2.defaultProps = {
   multiple: false
-}, _FileSelector)) || _class);
-var _default = exports.default = FileSelector;
+}, _temp)) || _class);
+exports.FileSelector = FileSelector;
+var _default = FileSelector;
+exports.default = _default;

package/lib/common/components/shared/file_selector/styles.js

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

package/lib/common/components/shared/file_selector/theme.js

@@ -4,10 +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;
+      spacing = _ref.spacing,
+      borders = _ref.borders;
   return {
     dropzoneBackgroundColor: colors.porcelain,
     dropzoneBorderWidth: borders.widthSmall,
@@ -15,4 +16,6 @@ var generateComponentTheme = function generateComponentTheme(_ref) {
     dropzonePadding: spacing.medium
   };
 };
-var _default = exports.default = generateComponentTheme;
+
+var _default = generateComponentTheme;
+exports.default = _default;