@instructure/quiz-core 20.17.2-rc.9 → 20.17.3-rc.0

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

@@ -1,48 +1,39 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 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.posObjFromNonQuizEntry = posObjFromNonQuizEntry;
 exports.onQuizEntryDrop = onQuizEntryDrop;
-exports.collectDrop = collectDrop;
+exports.onQuizEntryHover = void 0;
+exports.posObjFromNonQuizEntry = posObjFromNonQuizEntry;
+exports.posObjFromQuizEntry = void 0;
 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.js"));
-
+var _cachePreviousArgs = _interopRequireDefault(require("../../../util/cachePreviousArgs"));
 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 = (0, _cachePreviousArgs.default)(function (quizEntryDragging, quizEntryHovered, mousePos, component, inSidebar) {
+var posObjFromQuizEntry = exports.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;
@@ -53,8 +44,9 @@ var posObjFromQuizEntry = (0, _cachePreviousArgs.default)(function (quizEntryDra
     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;
@@ -66,23 +58,17 @@ var posObjFromQuizEntry = (0, _cachePreviousArgs.default)(function (quizEntryDra
       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,
@@ -90,28 +76,24 @@ 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,
@@ -119,54 +101,44 @@ 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
-
+}
 
-var onQuizEntryHover = (0, _lodash.debounce)(function (props, monitor, component, refname) {
+// createPosition arg is so that tests can stub it
+var onQuizEntryHover = exports.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,
@@ -174,8 +146,6 @@ var onQuizEntryHover = (0, _lodash.debounce)(function (props, monitor, component
   });
   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) {
@@ -184,33 +154,26 @@ 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,
@@ -226,7 +189,6 @@ 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;
@@ -234,29 +196,23 @@ 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;
@@ -266,77 +222,61 @@ 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 = {
+var ItemTypes = exports.ItemTypes = {
   QUIZ_ENTRY: 'quiz_entry'
 };
-exports.ItemTypes = ItemTypes;
-
-var dropTarget = function dropTarget(refname) {
+var dropTarget = exports.dropTarget = function dropTarget(refname) {
   return {
     drop: function drop(props, monitor, component) {
       return onQuizEntryDrop(props, monitor, component, refname);
@@ -345,22 +285,19 @@ 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
-
-
-exports.dropTarget = dropTarget;
-
-var DropTargetCreator = function DropTargetCreator(refname) {
+var DropTargetCreator = exports.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;
@@ -369,31 +306,25 @@ 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 = {
+var dragSource = exports.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,52 +1,31 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 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.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);
-
+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) {
   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 = _super.call.apply(_super, [this].concat(args));
-
+    _this = (0, _callSuper2.default)(this, Errors, [].concat(args));
     _this.renderError = function (errorText, i) {
       var key = "error_for_".concat(i);
       return (0, _emotion.jsx)("div", {
@@ -55,34 +34,27 @@ var Errors = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _
         "data-automation": "sdk-core-error"
       }, errorText);
     };
-
     return _this;
   }
-
-  (0, _createClass2.default)(Errors, [{
+  (0, _inherits2.default)(Errors, _Component);
+  return (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));
     }
   }]);
-  Errors.displayName = "Errors";
-  return Errors;
-}(_react.Component), _class2.propTypes = {
+}(_react.Component), _Errors.propTypes = {
   errorList: _reactImmutableProptypes.default.list,
   // eslint-disable-next-line react/require-default-props,react/forbid-prop-types
   styles: _propTypes.default.object
-}, _class2.defaultProps = {
+}, _Errors.defaultProps = {
   errorList: (0, _immutable.List)()
-}, _temp)) || _class);
-exports.Errors = Errors;
-var _default = Errors;
-exports.default = _default;
+}, _Errors)) || _class);
+var _default = exports.default = Errors;

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

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

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

@@ -4,16 +4,13 @@ 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 = generateComponentTheme;
-exports.default = _default;
+var _default = exports.default = generateComponentTheme;

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

@@ -1,53 +1,33 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 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 _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
-
+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 _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.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);
-
+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) {
   function FileSelector() {
     var _this;
-
     (0, _classCallCheck2.default)(this, FileSelector);
-    _this = _super.call(this);
-    _this.onDrop = _this.onDrop.bind((0, _assertThisInitialized2.default)(_this));
+    _this = (0, _callSuper2.default)(this, FileSelector);
+    _this.onDrop = _this.onDrop.bind(_this);
     return _this;
   }
-
-  (0, _createClass2.default)(FileSelector, [{
+  (0, _inherits2.default)(FileSelector, _Component);
+  return (0, _createClass2.default)(FileSelector, [{
     key: "onDrop",
     value: function onDrop(files) {
       this.props.fileHandler((0, _immutable.List)(files));
@@ -69,17 +49,13 @@ var FileSelector = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.defau
       }, this.renderContent()));
     }
   }]);
-  FileSelector.displayName = "FileSelector";
-  return FileSelector;
-}(_react.Component), _class2.propTypes = {
+}(_react.Component), _FileSelector.propTypes = {
   acceptAttribute: _propTypes.default.string.isRequired,
   content: _propTypes.default.node.isRequired,
   fileHandler: _propTypes.default.func.isRequired,
   multiple: _propTypes.default.bool,
   styles: _propTypes.default.object
-}, _class2.defaultProps = {
+}, _FileSelector.defaultProps = {
   multiple: false
-}, _temp)) || _class);
-exports.FileSelector = FileSelector;
-var _default = FileSelector;
-exports.default = _default;
+}, _FileSelector)) || _class);
+var _default = exports.default = FileSelector;

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

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

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

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