@panneau/core 1.0.3-alpha.1 → 1.0.3-alpha.10

package/es/contexts.js

@@ -17,6 +17,7 @@ import { generatePath, useNavigate } from 'react-router';
 import { TrackingContext, TrackingContainer } from '@folklore/tracking';
 export { TrackingContext } from '@folklore/tracking';
 import { v1 } from 'uuid';
+import EventEmitter from 'wolfy87-eventemitter';
 
 var MODALS_NAMESPACE = 'modals';
 var FIELDS_NAMESPACE = 'fields';
@@ -27,10 +28,10 @@ var DISPLAYS_NAMESPACE = 'displays';
 var PAGES_NAMESPACE = 'pages';
 var APP_NAMESPACE = 'app';
 var ComponentsContext = /*#__PURE__*/React.createContext(null);
+
 /**
  * Hooks
  */
-
 var useComponentsManager = function useComponentsManager() {
   var namespace = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
   var manager = useContext(ComponentsContext);
@@ -48,20 +49,18 @@ var useComponents = function useComponents() {
 var useComponent = function useComponent(name) {
   var defaultComponent = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
   var namespace = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;
-
   if (!isString(name)) {
     return name || defaultComponent;
   }
-
   var manager = useComponentsManager(namespace);
   return useMemo(function () {
     return manager.getComponent(name) || defaultComponent;
   }, [manager, name, defaultComponent]);
 };
+
 /**
  * Fields hooks
  */
-
 var useFieldsComponentsManager = function useFieldsComponentsManager() {
   return useComponentsManager(FIELDS_NAMESPACE);
 };
@@ -73,10 +72,10 @@ var useFieldComponent = function useFieldComponent(name) {
   var defaultComponent = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
   return useComponent(name, defaultComponent, FIELDS_NAMESPACE);
 };
+
 /**
  * Forms hooks
  */
-
 var useFormsComponentsManager = function useFormsComponentsManager() {
   return useComponentsManager(FORMS_NAMESPACE);
 };
@@ -88,10 +87,10 @@ var useFormComponent = function useFormComponent(name) {
   var defaultComponent = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
   return useComponent(name, defaultComponent, FORMS_NAMESPACE);
 };
+
 /**
  * Modals hooks
  */
-
 var useModalsComponentsManager = function useModalsComponentsManager() {
   return useComponentsManager(MODALS_NAMESPACE);
 };
@@ -103,10 +102,10 @@ var useModalComponent = function useModalComponent(name) {
   var defaultComponent = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
   return useComponent(name, defaultComponent, MODALS_NAMESPACE);
 };
+
 /**
  * Filters hooks
  */
-
 var useFiltersComponentsManager = function useFiltersComponentsManager() {
   return useComponentsManager(FILTERS_NAMESPACE);
 };
@@ -118,10 +117,10 @@ var useFilterComponent = function useFilterComponent(name) {
   var defaultComponent = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
   return useComponent(name, defaultComponent, FILTERS_NAMESPACE);
 };
+
 /**
  * Lists hooks
  */
-
 var useListsComponentsManager = function useListsComponentsManager() {
   return useComponentsManager(LISTS_NAMESPACE);
 };
@@ -133,10 +132,10 @@ var useListComponent = function useListComponent(name) {
   var defaultComponent = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
   return useComponent(name, defaultComponent, LISTS_NAMESPACE);
 };
+
 /**
  * Displays hooks
  */
-
 var useDisplaysComponentsManager = function useDisplaysComponentsManager() {
   return useComponentsManager(DISPLAYS_NAMESPACE);
 };
@@ -148,10 +147,10 @@ var useDisplayComponent = function useDisplayComponent(name) {
   var defaultComponent = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
   return useComponent(name, defaultComponent, DISPLAYS_NAMESPACE);
 };
+
 /**
  * Pages hooks
  */
-
 var usePagesComponentsManager = function usePagesComponentsManager() {
   return useComponentsManager(PAGES_NAMESPACE);
 };
@@ -163,10 +162,10 @@ var usePageComponent = function usePageComponent(name) {
   var defaultComponent = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
   return useComponent(name, defaultComponent, PAGES_NAMESPACE);
 };
+
 /**
  * App hooks
  */
-
 var useAppComponentsManager = function useAppComponentsManager() {
   return useComponentsManager(APP_NAMESPACE);
 };
@@ -178,10 +177,10 @@ var useAppComponent = function useAppComponent(name) {
   var defaultComponent = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
   return useComponent(name, defaultComponent, APP_NAMESPACE);
 };
+
 /**
  * Provider
  */
-
 var propTypes$f = {
   children: PropTypes.node.isRequired,
   namespace: PropTypes.string,
@@ -195,9 +194,9 @@ var defaultProps$f = {
 };
 var ComponentsProvider = function ComponentsProvider(_ref) {
   var components = _ref.components,
-      manager = _ref.manager,
-      namespace = _ref.namespace,
-      children = _ref.children;
+    manager = _ref.manager,
+    namespace = _ref.namespace,
+    children = _ref.children;
   var previousManager = useComponentsManager() || null;
   var finalManager = useMemo(function () {
     return new ComponentsManager(_objectSpread(_objectSpread(_objectSpread({}, previousManager !== null ? previousManager.getComponents() : null), manager !== null ? manager.getComponents() : null), new ComponentsManager(components).addNamespace(namespace).getComponents()));
@@ -215,10 +214,10 @@ var message = PropTypes.shape({
 });
 var label = PropTypes.oneOfType([message, PropTypes.node]);
 PropTypes.oneOfType([PropTypes.number, PropTypes.string]);
+
 /**
  * Core
  */
-
 var menuItem = PropTypes.shape({
   id: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
   label: label,
@@ -249,18 +248,18 @@ var toggle = PropTypes.shape({
   label: PropTypes.string
 });
 PropTypes.arrayOf(toggle);
-var tableColumn = PropTypes.shape({
+var tableColumn = PropTypes.oneOfType([PropTypes.string, PropTypes.shape({
   id: PropTypes.string,
   component: PropTypes.string,
   path: PropTypes.string,
   field: PropTypes.string,
   columnClassName: PropTypes.string
-});
+})]);
 PropTypes.arrayOf(tableColumn);
+
 /**
  * Panneau Definitions
  */
-
 var routes = PropTypes.shape({
   'resources.index': PropTypes.string.isRequired,
   'resources.create': PropTypes.string.isRequired,
@@ -307,15 +306,17 @@ var panneauDefinition = PropTypes.shape({
   resources: resources,
   routes: routes,
   pages: pages,
-  intl: intl // intl,
-
+  intl: intl
+  // intl,
 });
+
 var definition = PropTypes.shape({
-  name: PropTypes.string // resources,
+  name: PropTypes.string
+  // resources,
   // routes,
   // intl,
-
 });
+
 var item = PropTypes.shape({
   id: PropTypes.string.isRequired
 });
@@ -348,9 +349,8 @@ var useDefinitionContext = function useDefinitionContext() {
 };
 var useDefinition = function useDefinition() {
   var _useDefinitionContext = useDefinitionContext(),
-      _useDefinitionContext2 = _useDefinitionContext.definition,
-      definition = _useDefinitionContext2 === void 0 ? null : _useDefinitionContext2;
-
+    _useDefinitionContext2 = _useDefinitionContext.definition,
+    definition = _useDefinitionContext2 === void 0 ? null : _useDefinitionContext2;
   return definition;
 };
 var propTypes$e = {
@@ -360,7 +360,7 @@ var propTypes$e = {
 var defaultProps$e = {};
 var DefinitionProvider = function DefinitionProvider(_ref) {
   var definition = _ref.definition,
-      children = _ref.children;
+    children = _ref.children;
   return /*#__PURE__*/React.createElement(DefinitionContext.Provider, {
     value: definition
   }, children);
@@ -391,8 +391,8 @@ var defaultProps$d = {
 };
 var FieldsProvider = function FieldsProvider(_ref) {
   var fields = _ref.fields,
-      manager = _ref.manager,
-      children = _ref.children;
+    manager = _ref.manager,
+    children = _ref.children;
   var previousManager = useFieldsManager() || null;
   var finalManager = useMemo(function () {
     var newFields = uniqBy([].concat(_toConsumableArray(fields || []), _toConsumableArray(manager !== null ? manager.getDefinitions() : []), _toConsumableArray(previousManager !== null ? previousManager.getDefinitions() : [])), function (_ref2) {
@@ -428,18 +428,16 @@ var useGoogleKeys = function useGoogleKeys() {
 var propTypes$c = {
   children: PropTypes.node.isRequired,
   apiKey: PropTypes.string // .isRequired,
-
 };
+
 var defaultProps$c = {
   apiKey: null
 };
 var GoogleKeysProvider = function GoogleKeysProvider(_ref) {
   var children = _ref.children,
-      apiKey = _ref.apiKey;
-
+    apiKey = _ref.apiKey;
   var _useGoogleKeys = useGoogleKeys(),
-      previousApiKey = _useGoogleKeys.apiKey;
-
+    previousApiKey = _useGoogleKeys.apiKey;
   return /*#__PURE__*/React.createElement(GoogleKeysContext.Provider, {
     value: {
       apiKey: apiKey || previousApiKey
@@ -456,27 +454,22 @@ var FontsContext = /*#__PURE__*/React.createContext({
 });
 var useGoogleFonts = function useGoogleFonts() {
   var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
-      _ref$disabled = _ref.disabled,
-      disabled = _ref$disabled === void 0 ? false : _ref$disabled,
-      _ref$setFonts = _ref.setFonts,
-      setFonts = _ref$setFonts === void 0 ? null : _ref$setFonts;
-
+    _ref$disabled = _ref.disabled,
+    disabled = _ref$disabled === void 0 ? false : _ref$disabled,
+    _ref$setFonts = _ref.setFonts,
+    setFonts = _ref$setFonts === void 0 ? null : _ref$setFonts;
   var _useGoogleKeys = useGoogleKeys(),
-      apiKey = _useGoogleKeys.apiKey;
-
+    apiKey = _useGoogleKeys.apiKey;
   var _useState = useState(null),
-      _useState2 = _slicedToArray(_useState, 2),
-      googleFonts = _useState2[0],
-      setGoogleFonts = _useState2[1];
-
+    _useState2 = _slicedToArray(_useState, 2),
+    googleFonts = _useState2[0],
+    setGoogleFonts = _useState2[1];
   useEffect(function () {
     var canceled = false;
-
     if (apiKey !== null && !disabled) {
       getJSON("https://www.googleapis.com/webfonts/v1/webfonts?key=".concat(apiKey, "&sort=popularity")).then(function (_ref2) {
         var _ref2$items = _ref2.items,
-            items = _ref2$items === void 0 ? [] : _ref2$items;
-
+          items = _ref2$items === void 0 ? [] : _ref2$items;
         if (!canceled) {
           var newFonts = items.map(function (it) {
             return {
@@ -485,7 +478,6 @@ var useGoogleFonts = function useGoogleFonts() {
               variants: it.variants
             };
           });
-
           if (setFonts !== null) {
             setFonts(newFonts);
           } else {
@@ -494,7 +486,6 @@ var useGoogleFonts = function useGoogleFonts() {
         }
       });
     }
-
     return function () {
       canceled = true;
     };
@@ -503,19 +494,17 @@ var useGoogleFonts = function useGoogleFonts() {
 };
 var useFonts = function useFonts() {
   var _ref3 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
-      _ref3$withoutGoogleFo = _ref3.withoutGoogleFonts,
-      withoutGoogleFonts = _ref3$withoutGoogleFo === void 0 ? false : _ref3$withoutGoogleFo;
-
+    _ref3$withoutGoogleFo = _ref3.withoutGoogleFonts,
+    withoutGoogleFonts = _ref3$withoutGoogleFo === void 0 ? false : _ref3$withoutGoogleFo;
   var _useContext = useContext(FontsContext),
-      _useContext$setGoogle = _useContext.setGoogleFonts,
-      setGoogleFonts = _useContext$setGoogle === void 0 ? null : _useContext$setGoogle,
-      _useContext$systemFon = _useContext.systemFonts,
-      systemFonts = _useContext$systemFon === void 0 ? null : _useContext$systemFon,
-      _useContext$googleFon = _useContext.googleFonts,
-      googleFonts = _useContext$googleFon === void 0 ? null : _useContext$googleFon,
-      _useContext$customFon = _useContext.customFonts,
-      customFonts = _useContext$customFon === void 0 ? null : _useContext$customFon;
-
+    _useContext$setGoogle = _useContext.setGoogleFonts,
+    setGoogleFonts = _useContext$setGoogle === void 0 ? null : _useContext$setGoogle,
+    _useContext$systemFon = _useContext.systemFonts,
+    systemFonts = _useContext$systemFon === void 0 ? null : _useContext$systemFon,
+    _useContext$googleFon = _useContext.googleFonts,
+    googleFonts = _useContext$googleFon === void 0 ? null : _useContext$googleFon,
+    _useContext$customFon = _useContext.customFonts,
+    customFonts = _useContext$customFon === void 0 ? null : _useContext$customFon;
   useGoogleFonts({
     disabled: withoutGoogleFonts || googleFonts !== null && googleFonts.length > 0,
     setFonts: setGoogleFonts
@@ -540,21 +529,18 @@ var defaultProps$b = {
 };
 var FontsProvider = function FontsProvider(_ref4) {
   var systemFonts = _ref4.systemFonts,
-      customFonts = _ref4.customFonts,
-      children = _ref4.children;
-
+    customFonts = _ref4.customFonts,
+    children = _ref4.children;
   var _useFonts = useFonts(),
-      _useFonts$systemFonts = _useFonts.systemFonts,
-      previousSystemFonts = _useFonts$systemFonts === void 0 ? null : _useFonts$systemFonts,
-      _useFonts$googleFonts = _useFonts.googleFonts,
-      previousGoogleFonts = _useFonts$googleFonts === void 0 ? null : _useFonts$googleFonts,
-      previousCustomFonts = _useFonts.customFonts;
-
+    _useFonts$systemFonts = _useFonts.systemFonts,
+    previousSystemFonts = _useFonts$systemFonts === void 0 ? null : _useFonts$systemFonts,
+    _useFonts$googleFonts = _useFonts.googleFonts,
+    previousGoogleFonts = _useFonts$googleFonts === void 0 ? null : _useFonts$googleFonts,
+    previousCustomFonts = _useFonts.customFonts;
   var _useState3 = useState(null),
-      _useState4 = _slicedToArray(_useState3, 2),
-      googleFonts = _useState4[0],
-      setGoogleFonts = _useState4[1];
-
+    _useState4 = _slicedToArray(_useState3, 2),
+    googleFonts = _useState4[0],
+    setGoogleFonts = _useState4[1];
   var fonts = useMemo(function () {
     return {
       systemFonts: uniqBy([].concat(_toConsumableArray(previousSystemFonts || []), _toConsumableArray(systemFonts || [])), function (font) {
@@ -583,14 +569,12 @@ var useForm = function useForm() {
 };
 var useFormValue = function useFormValue() {
   var _useForm = useForm(),
-      value = _useForm.value;
-
+    value = _useForm.value;
   return value;
 };
 var useFormSetValue = function useFormSetValue() {
   var _useForm2 = useForm(),
-      setValue = _useForm2.setValue;
-
+    setValue = _useForm2.setValue;
   return setValue;
 };
 var propTypes$a = {
@@ -602,8 +586,8 @@ var propTypes$a = {
 var defaultProps$a = {};
 var FormProvider = function FormProvider(_ref) {
   var value = _ref.value,
-      setValue = _ref.setValue,
-      children = _ref.children;
+    setValue = _ref.setValue,
+    children = _ref.children;
   return /*#__PURE__*/React.createElement(FormContext.Provider, {
     value: {
       value: value,
@@ -621,12 +605,11 @@ var useGoogleApiClient = function useGoogleApiClient() {
 var withGoogleApiClient = function withGoogleApiClient(WrappedComponent) {
   var getDisplayName = function getDisplayName(_ref) {
     var _ref$displayName = _ref.displayName,
-        displayName = _ref$displayName === void 0 ? null : _ref$displayName,
-        _ref$name = _ref.name,
-        name = _ref$name === void 0 ? null : _ref$name;
+      displayName = _ref$displayName === void 0 ? null : _ref$displayName,
+      _ref$name = _ref.name,
+      name = _ref$name === void 0 ? null : _ref$name;
     return displayName || name || 'Component';
   };
-
   var WithGoogleApiClientComponent = function WithGoogleApiClientComponent(props) {
     return /*#__PURE__*/React.createElement(GoogleApiClientContext.Consumer, null, function (client) {
       return /*#__PURE__*/React.createElement(WrappedComponent, Object.assign({
@@ -634,7 +617,6 @@ var withGoogleApiClient = function withGoogleApiClient(WrappedComponent) {
       }, props));
     });
   };
-
   WithGoogleApiClientComponent.displayName = "WithGoogleApiClient(".concat(getDisplayName(WrappedComponent), ")");
   return WithGoogleApiClientComponent;
 };
@@ -644,15 +626,12 @@ var propTypes$9 = {
 var defaultProps$9 = {};
 var GoogleApiClientProvider = function GoogleApiClientProvider(_ref2) {
   var children = _ref2.children;
-
   var _useGoogleKeys = useGoogleKeys(),
-      apiKey = _useGoogleKeys.apiKey;
-
+    apiKey = _useGoogleKeys.apiKey;
   var _useState = useState(null),
-      _useState2 = _slicedToArray(_useState, 2),
-      client = _useState2[0],
-      setClient = _useState2[1];
-
+    _useState2 = _slicedToArray(_useState, 2),
+    client = _useState2[0],
+    setClient = _useState2[1];
   useEffect(function () {
     loadGoogleApi().then(function (gapi) {
       return gapi.client.init({
@@ -678,12 +657,11 @@ var useGoogleMapsClient = function useGoogleMapsClient() {
 var withGoogleMapsClient = function withGoogleMapsClient(WrappedComponent) {
   var getDisplayName = function getDisplayName(_ref) {
     var _ref$displayName = _ref.displayName,
-        displayName = _ref$displayName === void 0 ? null : _ref$displayName,
-        _ref$name = _ref.name,
-        name = _ref$name === void 0 ? null : _ref$name;
+      displayName = _ref$displayName === void 0 ? null : _ref$displayName,
+      _ref$name = _ref.name,
+      name = _ref$name === void 0 ? null : _ref$name;
     return displayName || name || 'Component';
   };
-
   var WithGoogleMapsClientComponent = function WithGoogleMapsClientComponent(props) {
     return /*#__PURE__*/React.createElement(GoogleMapsClientContext.Consumer, null, function (client) {
       return /*#__PURE__*/React.createElement(WrappedComponent, Object.assign({
@@ -691,7 +669,6 @@ var withGoogleMapsClient = function withGoogleMapsClient(WrappedComponent) {
       }, props));
     });
   };
-
   WithGoogleMapsClientComponent.displayName = "WithGoogleMapsClient(".concat(getDisplayName(WrappedComponent), ")");
   return WithGoogleMapsClientComponent;
 };
@@ -706,19 +683,15 @@ var defaultProps$8 = {
 };
 var GoogleMapsClientProvider = function GoogleMapsClientProvider(_ref2) {
   var children = _ref2.children,
-      locale = _ref2.locale,
-      libraries = _ref2.libraries;
-
+    locale = _ref2.locale,
+    libraries = _ref2.libraries;
   var _useGoogleKeys = useGoogleKeys(),
-      apiKey = _useGoogleKeys.apiKey;
-
+    apiKey = _useGoogleKeys.apiKey;
   var exisitingClient = useGoogleMapsClient();
-
   var _useState = useState(exisitingClient),
-      _useState2 = _slicedToArray(_useState, 2),
-      client = _useState2[0],
-      setClient = _useState2[1];
-
+    _useState2 = _slicedToArray(_useState, 2),
+    client = _useState2[0],
+    setClient = _useState2[1];
   useEffect(function () {
     if (exisitingClient === null) {
       loadGoogleMaps({
@@ -744,17 +717,14 @@ var LocalesContext = /*#__PURE__*/React.createContext({
 });
 var useLocales = function useLocales() {
   var _useContext = useContext(LocalesContext),
-      locales = _useContext.locales;
-
+    locales = _useContext.locales;
   return locales;
 };
 var useOtherLocales = function useOtherLocales() {
   var _useLocales = useLocales(),
-      locales = _useLocales.locales;
-
+    locales = _useLocales.locales;
   var _useIntl = useIntl(),
-      locale = _useIntl.locale;
-
+    locale = _useIntl.locale;
   var otherLocales = useMemo(function () {
     return locales.filter(function (it) {
       return it !== locale;
@@ -771,7 +741,7 @@ var defaultProps$7 = {
 };
 var LocalesProvider = function LocalesProvider(_ref) {
   var locales = _ref.locales,
-      children = _ref.children;
+    children = _ref.children;
   return /*#__PURE__*/React.createElement(LocalesContext.Provider, {
     value: {
       locales: locales
@@ -791,10 +761,10 @@ var withModals = function withModals(WrappedComponent) {
   var WithModalsComponent = function WithModalsComponent(props) {
     return /*#__PURE__*/React.createElement(ModalsContext.Consumer, null, function (_ref) {
       var modals = _ref.modals,
-          container = _ref.container,
-          setContainer = _ref.setContainer,
-          register = _ref.register,
-          unregister = _ref.unregister;
+        container = _ref.container,
+        setContainer = _ref.setContainer,
+        register = _ref.register,
+        unregister = _ref.unregister;
       return /*#__PURE__*/React.createElement(WrappedComponent, Object.assign({
         modalsContainer: container,
         setModalsContainer: setContainer,
@@ -804,32 +774,28 @@ var withModals = function withModals(WrappedComponent) {
       }, props));
     });
   };
-
   WithModalsComponent.displayName = "WithModals(".concat(getDisplayName(WrappedComponent), ")");
   return WithModalsComponent;
 };
 var propTypes$6 = {
   children: PropTypes.node.isRequired,
   container: PropTypes.object // eslint-disable-line
-
 };
+
 var defaultProps$6 = {
   container: null
 };
 var ModalsProvider = function ModalsProvider(_ref2) {
   var children = _ref2.children,
-      initialContainer = _ref2.container;
-
+    initialContainer = _ref2.container;
   var _useState = useState(initialContainer),
-      _useState2 = _slicedToArray(_useState, 2),
-      container = _useState2[0],
-      setContainer = _useState2[1];
-
+    _useState2 = _slicedToArray(_useState, 2),
+    container = _useState2[0],
+    setContainer = _useState2[1];
   var _useState3 = useState([]),
-      _useState4 = _slicedToArray(_useState3, 2),
-      modals = _useState4[0],
-      setModals = _useState4[1];
-
+    _useState4 = _slicedToArray(_useState3, 2),
+    modals = _useState4[0],
+    setModals = _useState4[1];
   var modalsRef = useRef(modals);
   var register = useCallback(function (id) {
     var data = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
@@ -846,7 +812,6 @@ var ModalsProvider = function ModalsProvider(_ref2) {
       var modalId = _ref3.id;
       return modalId === id;
     });
-
     if (foundIndex !== -1) {
       var newModals = currentModals.filter(function (_ref4) {
         var modalId = _ref4.id;
@@ -879,10 +844,10 @@ var withPanels = function withPanels(WrappedComponent) {
   var WithPanelsComponent = function WithPanelsComponent(props) {
     return /*#__PURE__*/React.createElement(PanelsContext.Consumer, null, function (_ref) {
       var panels = _ref.panels,
-          setContainer = _ref.setContainer,
-          container = _ref.container,
-          register = _ref.register,
-          unregister = _ref.unregister;
+        setContainer = _ref.setContainer,
+        container = _ref.container,
+        register = _ref.register,
+        unregister = _ref.unregister;
       return /*#__PURE__*/React.createElement(WrappedComponent, Object.assign({
         panelsContainer: container,
         setPanelsContainer: setContainer,
@@ -892,32 +857,28 @@ var withPanels = function withPanels(WrappedComponent) {
       }, props));
     });
   };
-
   WithPanelsComponent.displayName = "WithPanels(".concat(getDisplayName(WrappedComponent), ")");
   return WithPanelsComponent;
 };
 var propTypes$5 = {
   children: PropTypes.node.isRequired,
   container: PropTypes.object // eslint-disable-line
-
 };
+
 var defaultProps$5 = {
   container: null
 };
 var PanelsProvider = function PanelsProvider(_ref2) {
   var children = _ref2.children,
-      initialContainer = _ref2.container;
-
+    initialContainer = _ref2.container;
   var _useState = useState(initialContainer),
-      _useState2 = _slicedToArray(_useState, 2),
-      container = _useState2[0],
-      setContainer = _useState2[1];
-
+    _useState2 = _slicedToArray(_useState, 2),
+    container = _useState2[0],
+    setContainer = _useState2[1];
   var _useState3 = useState([]),
-      _useState4 = _slicedToArray(_useState3, 2),
-      panels = _useState4[0],
-      setPanels = _useState4[1];
-
+    _useState4 = _slicedToArray(_useState3, 2),
+    panels = _useState4[0],
+    setPanels = _useState4[1];
   var panelsRef = useRef(panels);
   var register = useCallback(function (id) {
     var data = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
@@ -934,7 +895,6 @@ var PanelsProvider = function PanelsProvider(_ref2) {
       var modalId = _ref3.id;
       return modalId === id;
     });
-
     if (foundIndex !== -1) {
       var newPanels = currentPanels.filter(function (_ref4) {
         var modalId = _ref4.id;
@@ -964,9 +924,8 @@ var usePanneau = function usePanneau() {
 };
 var usePanneauResources = function usePanneauResources() {
   var _ref = usePanneau() || {},
-      _ref$resources = _ref.resources,
-      resources = _ref$resources === void 0 ? [] : _ref$resources;
-
+    _ref$resources = _ref.resources,
+    resources = _ref$resources === void 0 ? [] : _ref$resources;
   return resources;
 };
 var usePanneauResource = function usePanneauResource(id) {
@@ -977,13 +936,11 @@ var usePanneauResource = function usePanneauResource(id) {
 };
 var usePanneauColorScheme = function usePanneauColorScheme() {
   var _ref2 = usePanneau() || {},
-      _ref2$theme = _ref2.theme,
-      theme = _ref2$theme === void 0 ? {} : _ref2$theme;
-
+    _ref2$theme = _ref2.theme,
+    theme = _ref2$theme === void 0 ? {} : _ref2$theme;
   var _ref3 = theme || {},
-      _ref3$colorScheme = _ref3.colorScheme,
-      colorScheme = _ref3$colorScheme === void 0 ? 'light' : _ref3$colorScheme;
-
+    _ref3$colorScheme = _ref3.colorScheme,
+    colorScheme = _ref3$colorScheme === void 0 ? 'light' : _ref3$colorScheme;
   return colorScheme === 'dark' ? {
     background: 'dark',
     text: 'light'
@@ -994,45 +951,37 @@ var usePanneauColorScheme = function usePanneauColorScheme() {
 };
 var usePanneauComponents = function usePanneauComponents() {
   var _ref4 = usePanneau() || {},
-      _ref4$components = _ref4.components,
-      components = _ref4$components === void 0 ? {} : _ref4$components;
-
+    _ref4$components = _ref4.components,
+    components = _ref4$components === void 0 ? {} : _ref4$components;
   return components;
 };
 var usePanneauComponent = function usePanneauComponent(namespace, name) {
   var _ref5 = usePanneau() || {},
-      _ref5$components = _ref5.components,
-      components = _ref5$components === void 0 ? {} : _ref5$components;
-
+    _ref5$components = _ref5.components,
+    components = _ref5$components === void 0 ? {} : _ref5$components;
   var path = namespace !== null ? "".concat(namespace, ".").concat(name) : name || null;
   var component = components[path] || null;
-
   if (isString(component)) {
     return component;
   }
-
   if (isObject(component) && isString(component === null || component === void 0 ? void 0 : component.componnent)) {
     // eslint-disable-next-line no-unused-vars
     component.component;
-        _objectWithoutProperties(component, _excluded$3);
-
+      _objectWithoutProperties(component, _excluded$3);
     return component.component;
   }
-
   return null;
 };
 var usePanneauAuth = function usePanneauAuth() {
   var _ref6 = usePanneau() || {},
-      _ref6$auth = _ref6.auth,
-      auth = _ref6$auth === void 0 ? {} : _ref6$auth;
-
+    _ref6$auth = _ref6.auth,
+    auth = _ref6$auth === void 0 ? {} : _ref6$auth;
   return auth;
 };
 var usePanneauSettings = function usePanneauSettings() {
   var _ref7 = usePanneau() || {},
-      _ref7$settings = _ref7.settings,
-      settings = _ref7$settings === void 0 ? {} : _ref7$settings;
-
+    _ref7$settings = _ref7.settings,
+    settings = _ref7$settings === void 0 ? {} : _ref7$settings;
   return settings;
 };
 var propTypes$4 = {
@@ -1042,7 +991,7 @@ var propTypes$4 = {
 var defaultProps$4 = {};
 var PanneauProvider = function PanneauProvider(_ref8) {
   var definition = _ref8.definition,
-      children = _ref8.children;
+    children = _ref8.children;
   return /*#__PURE__*/React.createElement(PanneauContext.Provider, {
     value: definition
   }, children);
@@ -1062,7 +1011,7 @@ var propTypes$3 = {
 var defaultProps$3 = {};
 var ResourceProvider = function ResourceProvider(_ref) {
   var resource = _ref.resource,
-      children = _ref.children;
+    children = _ref.children;
   return /*#__PURE__*/React.createElement(ResourceContext.Provider, {
     value: resource
   }, children);
@@ -1074,18 +1023,16 @@ ResourceProvider.defaultProps = defaultProps$3;
 var RoutesContext = /*#__PURE__*/React.createContext(null);
 var useRoutes = function useRoutes() {
   var _useContext = useContext(RoutesContext),
-      routes = _useContext.routes;
-
+    routes = _useContext.routes;
   return routes;
 };
 var useUrlGenerator = function useUrlGenerator() {
   var _useContext2 = useContext(RoutesContext),
-      routes = _useContext2.routes,
-      basePath = _useContext2.basePath;
-
+    routes = _useContext2.routes,
+    basePath = _useContext2.basePath;
   var urlGenerator = useCallback(function (key, data) {
-    var url = generatePath(routes[key], data); // console.log('urlGenerator', basePath, routes[key], url, data);
-
+    var url = generatePath(routes[key], data);
+    // console.log('urlGenerator', basePath, routes[key], url, data);
     return basePath !== null ? "".concat(basePath.replace(/\/$/, ''), "/").concat(url.replace(/^\//, '')) : url;
   }, [generatePath, routes, basePath]);
   return urlGenerator;
@@ -1097,18 +1044,15 @@ var useRoutePush = function useRoutePush() {
     for (var _len = arguments.length, args = new Array(_len > 2 ? _len - 2 : 0), _key = 2; _key < _len; _key++) {
       args[_key - 2] = arguments[_key];
     }
-
     if (isString(route)) {
       var _history;
-
       (_history = history).push.apply(_history, [url(route, data)].concat(args));
     } else {
       var _ref = route || {},
-          _ref$pathname = _ref.pathname,
-          pathname = _ref$pathname === void 0 ? null : _ref$pathname,
-          _ref$search = _ref.search,
-          search = _ref$search === void 0 ? null : _ref$search;
-
+        _ref$pathname = _ref.pathname,
+        pathname = _ref$pathname === void 0 ? null : _ref$pathname,
+        _ref$search = _ref.search,
+        search = _ref$search === void 0 ? null : _ref$search;
       navigate.apply(void 0, [{
         pathname: url(pathname, data),
         search: search
@@ -1137,8 +1081,8 @@ var defaultProps$2 = {
 };
 var RoutesProvider = function RoutesProvider(_ref2) {
   var routes = _ref2.routes,
-      basePath = _ref2.basePath,
-      children = _ref2.children;
+    basePath = _ref2.basePath,
+    children = _ref2.children;
   return /*#__PURE__*/React.createElement(RoutesContext.Provider, {
     value: {
       routes: routes,
@@ -1162,14 +1106,13 @@ var defaultProps$1 = {
 };
 var TrackingProvider = function TrackingProvider(_ref) {
   var variables = _ref.variables,
-      children = _ref.children;
+    children = _ref.children;
   var contextTracking = useTracking() || null;
   var tracking = useMemo(function () {
     if (contextTracking !== null) {
       contextTracking.setVariables(variables);
       return contextTracking;
     }
-
     return new Tracking({
       variables: variables
     });
@@ -1184,31 +1127,61 @@ TrackingProvider.defaultProps = defaultProps$1;
 /**
  * Locale loader
  */
+var loaders = {};
+var events = new EventEmitter();
+function loadPackage(name, loader) {
+  if (typeof loaders[name] === 'undefined') {
+    loaders[name] = {
+      loader: loader().then(function (response) {
+        loaders[name].loader = null;
+        loaders[name].loaded = true;
+        loaders[name].resource = response;
+        events.emit("loaded:".concat(name), response);
+        return response;
+      }),
+      loaded: false,
+      resource: null
+    };
+  }
+  return new Promise(function (resolve) {
+    var _ref = loaders[name] || {},
+      _ref$loaded = _ref.loaded,
+      loaded = _ref$loaded === void 0 ? false : _ref$loaded,
+      resource = _ref.resource;
+    if (loaded === true) {
+      resolve(resource);
+    } else {
+      events.once("loaded:".concat(name), function (response) {
+        resolve(response);
+      });
+    }
+  });
+}
 
+/**
+ * Locale loader
+ */
 var packageCache = null;
-
 var useUppyCore = function useUppyCore() {
   // transport
   var _useState = useState({
-    "package": packageCache
-  }),
-      _useState2 = _slicedToArray(_useState, 2),
-      loadedPackage = _useState2[0]["package"],
-      setLoadedPackage = _useState2[1];
-
+      "package": packageCache
+    }),
+    _useState2 = _slicedToArray(_useState, 2),
+    loadedPackage = _useState2[0]["package"],
+    setLoadedPackage = _useState2[1];
   useEffect(function () {
     var canceled = false;
-
     if (loadedPackage !== null) {
       return function () {
         canceled = true;
       };
     }
-
-    import('@uppy/core').then(function (_ref) {
+    loadPackage('@uppy/core', function () {
+      return import('@uppy/core');
+    }).then(function (_ref) {
       var Uppy = _ref["default"];
       packageCache = Uppy;
-
       if (!canceled) {
         setLoadedPackage({
           "package": Uppy
@@ -1225,42 +1198,39 @@ var useUppyCore = function useUppyCore() {
 /**
  * Locale loader
  */
-
 var packagesCache$2 = {};
 var defaultPackagesMap$2 = {
   fr: function fr() {
-    return import('@uppy/locales/lib/fr_FR');
+    return loadPackage('@uppy/locales/lib/fr_FR', function () {
+      return import('@uppy/locales/lib/fr_FR');
+    });
   },
   en: function en() {
-    return import('@uppy/locales/lib/en_US');
+    return loadPackage('@uppy/locales/lib/en_US', function () {
+      return import('@uppy/locales/lib/en_US');
+    });
   }
 };
-
 var useUppyLocale = function useUppyLocale(locale) {
   var _ref = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {},
-      _ref$packagesMap = _ref.packagesMap,
-      packagesMap = _ref$packagesMap === void 0 ? defaultPackagesMap$2 : _ref$packagesMap;
-
+    _ref$packagesMap = _ref.packagesMap,
+    packagesMap = _ref$packagesMap === void 0 ? defaultPackagesMap$2 : _ref$packagesMap;
   var _useState = useState({
-    "package": packagesCache$2[locale] || null
-  }),
-      _useState2 = _slicedToArray(_useState, 2),
-      loadedPackage = _useState2[0]["package"],
-      setLoadedPackage = _useState2[1];
-
+      "package": packagesCache$2[locale] || null
+    }),
+    _useState2 = _slicedToArray(_useState, 2),
+    loadedPackage = _useState2[0]["package"],
+    setLoadedPackage = _useState2[1];
   var packageLoader = packagesMap[locale] || null;
   useEffect(function () {
     var canceled = false;
-
     if (loadedPackage !== null || packageLoader === null) {
       return function () {
         canceled = true;
       };
     }
-
     packageLoader().then(function (_ref2) {
       var dep = _ref2["default"];
-
       // packagesCache[locale] = dep;
       if (!canceled) {
         setLoadedPackage({
@@ -1276,55 +1246,59 @@ var useUppyLocale = function useUppyLocale(locale) {
 };
 
 var _excluded$2 = ["default"];
+
 /**
  * Locale loader
  */
-
 var packagesCache$1 = {};
 var defaultPackagesMap$1 = {
   webcam: function webcam() {
-    return import('@uppy/webcam');
+    return loadPackage('@uppy/webcam', function () {
+      return import('@uppy/webcam');
+    });
   },
   facebook: function facebook() {
-    return import('@uppy/facebook');
+    return loadPackage('@uppy/facebook', function () {
+      return import('@uppy/facebook');
+    });
   },
   instagram: function instagram() {
-    return import('@uppy/instagram');
+    return loadPackage('@uppy/instagram', function () {
+      return import('@uppy/instagram');
+    });
   },
   dropbox: function dropbox() {
-    return import('@uppy/dropbox');
+    return loadPackage('@uppy/dropbox', function () {
+      return import('@uppy/dropbox');
+    });
   },
   'google-drive': function googleDrive() {
-    return import('@uppy/google-drive');
+    return loadPackage('@uppy/google-drive', function () {
+      return import('@uppy/google-drive');
+    });
   }
 };
-
 var useUppySources = function useUppySources(sources) {
   var _ref = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {},
-      _ref$packagesMap = _ref.packagesMap,
-      packagesMap = _ref$packagesMap === void 0 ? defaultPackagesMap$1 : _ref$packagesMap;
-
+    _ref$packagesMap = _ref.packagesMap,
+    packagesMap = _ref$packagesMap === void 0 ? defaultPackagesMap$1 : _ref$packagesMap;
   // transport
   var _useState = useState({
-    packages: sources.reduce(function (map, source) {
-      var sourcePackage = packagesCache$1[source] || null;
-
-      if (sourcePackage === null) {
-        return map;
-      }
-
-      return _objectSpread(_objectSpread({}, map), {}, _defineProperty({}, source, sourcePackage));
-    }, null)
-  }),
-      _useState2 = _slicedToArray(_useState, 2),
-      loadedPackages = _useState2[0].packages,
-      setLoadedPackages = _useState2[1];
-
+      packages: sources.reduce(function (map, source) {
+        var sourcePackage = packagesCache$1[source] || null;
+        if (sourcePackage === null) {
+          return map;
+        }
+        return _objectSpread(_objectSpread({}, map), {}, _defineProperty({}, source, sourcePackage));
+      }, null)
+    }),
+    _useState2 = _slicedToArray(_useState, 2),
+    loadedPackages = _useState2[0].packages,
+    setLoadedPackages = _useState2[1];
   var sourcesToLoad = useMemo(function () {
     if (loadedPackages === null) {
       return sources;
     }
-
     var sourcesLoaded = Object.keys(loadedPackages);
     return sources.filter(function (source) {
       return sourcesLoaded.indexOf(source) === -1;
@@ -1332,13 +1306,11 @@ var useUppySources = function useUppySources(sources) {
   }, [sources, loadedPackages]);
   useEffect(function () {
     var canceled = false;
-
     if (sourcesToLoad.length === 0) {
       return function () {
         canceled = true;
       };
     }
-
     Promise.all(sourcesToLoad.map(function (source) {
       return packagesMap[source] || null;
     }).filter(function (it) {
@@ -1348,17 +1320,14 @@ var useUppySources = function useUppySources(sources) {
     })).then(function (packagesLoaded) {
       var newLoadedPackages = sourcesToLoad.reduce(function (map, source, index) {
         var _packagesLoaded$index = packagesLoaded[index],
-            pack = _packagesLoaded$index["default"],
-            others = _objectWithoutProperties(_packagesLoaded$index, _excluded$2);
-
+          pack = _packagesLoaded$index["default"],
+          others = _objectWithoutProperties(_packagesLoaded$index, _excluded$2);
         return _objectSpread(_objectSpread({}, map), {}, _defineProperty({}, source, Object.keys(others).reduce(function (otherMap, key) {
           otherMap[key] = others[key]; // eslint-disable-line no-param-reassign
-
           return otherMap;
         }, pack)));
       }, {});
       packagesCache$1 = _objectSpread(_objectSpread({}, packagesCache$1), newLoadedPackages);
-
       if (!canceled) {
         setLoadedPackages({
           packages: newLoadedPackages
@@ -1373,57 +1342,55 @@ var useUppySources = function useUppySources(sources) {
 };
 
 var _excluded$1 = ["default"];
+
 /**
  * Locale loader
  */
-
 var packagesCache = {};
 var defaultPackagesMap = {
   transloadit: function transloadit() {
-    return import('@uppy/transloadit');
+    return loadPackage('@uppy/transloadit', function () {
+      return import('@uppy/transloadit');
+    });
   },
   tus: function tus() {
-    return import('@uppy/tus');
+    return loadPackage('@uppy/tus', function () {
+      return import('@uppy/tus');
+    });
   },
   xhr: function xhr() {
-    return import('@uppy/xhr-upload');
+    return loadPackage('@uppy/xhr-upload', function () {
+      return import('@uppy/xhr-upload');
+    });
   }
 };
-
 var useUppyTransport = function useUppyTransport(transport) {
   var _ref = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {},
-      _ref$packagesMap = _ref.packagesMap,
-      packagesMap = _ref$packagesMap === void 0 ? defaultPackagesMap : _ref$packagesMap;
-
+    _ref$packagesMap = _ref.packagesMap,
+    packagesMap = _ref$packagesMap === void 0 ? defaultPackagesMap : _ref$packagesMap;
   // transport
   var _useState = useState({
-    "package": packagesCache[transport] || null
-  }),
-      _useState2 = _slicedToArray(_useState, 2),
-      loadedPackage = _useState2[0]["package"],
-      setLoadedPackage = _useState2[1];
-
+      "package": packagesCache[transport] || null
+    }),
+    _useState2 = _slicedToArray(_useState, 2),
+    loadedPackage = _useState2[0]["package"],
+    setLoadedPackage = _useState2[1];
   var packageLoader = packagesMap[transport] || null;
   useEffect(function () {
     var canceled = false;
-
     if (loadedPackage !== null || packageLoader === null) {
       return function () {
         canceled = true;
       };
     }
-
     packageLoader().then(function (_ref2) {
       var pack = _ref2["default"],
-          others = _objectWithoutProperties(_ref2, _excluded$1);
-
+        others = _objectWithoutProperties(_ref2, _excluded$1);
       var dep = Object.keys(others).reduce(function (map, key) {
         map[key] = others[key]; // eslint-disable-line no-param-reassign
-
         return map;
       }, pack);
       packagesCache[transport] = dep;
-
       if (!canceled) {
         setLoadedPackage({
           "package": dep
@@ -1458,7 +1425,6 @@ var convertToMedia = function convertToMedia(it) {
     })
   };
 };
-
 var getTransloaditMediasFromResponse = function getTransloaditMediasFromResponse(response) {
   return response.successful.map(function (it) {
     var transloadit = response.transloadit.find(function (subIt) {
@@ -1481,37 +1447,35 @@ var getTransloaditMediasFromResponse = function getTransloaditMediasFromResponse
 };
 
 var _excluded = ["sources"],
-    _excluded2 = ["key", "templateId", "waitForEncoding"];
+  _excluded2 = ["key", "templateId", "waitForEncoding"];
 var UppyContext = /*#__PURE__*/React.createContext(null);
 var useUppy = function useUppy() {
   var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
-      _ref$onComplete = _ref.onComplete,
-      onComplete = _ref$onComplete === void 0 ? null : _ref$onComplete,
-      _ref$onFail = _ref.onFail,
-      onFail = _ref$onFail === void 0 ? null : _ref$onFail,
-      _ref$getFileName = _ref.getFileName,
-      getFileName = _ref$getFileName === void 0 ? function (_ref2) {
-    var _ref2$extension = _ref2.extension,
+    _ref$onComplete = _ref.onComplete,
+    onComplete = _ref$onComplete === void 0 ? null : _ref$onComplete,
+    _ref$onFail = _ref.onFail,
+    onFail = _ref$onFail === void 0 ? null : _ref$onFail,
+    _ref$getFileName = _ref.getFileName,
+    getFileName = _ref$getFileName === void 0 ? function (_ref2) {
+      var _ref2$extension = _ref2.extension,
         extension = _ref2$extension === void 0 ? null : _ref2$extension;
-    return "".concat(v1()).concat(extension !== null ? ".".concat(extension) : '');
-  } : _ref$getFileName,
-      _ref$meta = _ref.meta,
-      meta = _ref$meta === void 0 ? null : _ref$meta,
-      _ref$allowMultipleUpl = _ref.allowMultipleUploads,
-      allowMultipleUploads = _ref$allowMultipleUpl === void 0 ? false : _ref$allowMultipleUpl,
-      _ref$maxNumberOfFiles = _ref.maxNumberOfFiles,
-      maxNumberOfFiles = _ref$maxNumberOfFiles === void 0 ? 1 : _ref$maxNumberOfFiles,
-      _ref$allowedFileTypes = _ref.allowedFileTypes,
-      allowedFileTypes = _ref$allowedFileTypes === void 0 ? null : _ref$allowedFileTypes,
-      _ref$autoProceed = _ref.autoProceed,
-      autoProceed = _ref$autoProceed === void 0 ? false : _ref$autoProceed,
-      _ref$debug = _ref.debug,
-      debug = _ref$debug === void 0 ? false : _ref$debug;
-
+      return "".concat(v1()).concat(extension !== null ? ".".concat(extension) : '');
+    } : _ref$getFileName,
+    _ref$meta = _ref.meta,
+    meta = _ref$meta === void 0 ? null : _ref$meta,
+    _ref$allowMultipleUpl = _ref.allowMultipleUploads,
+    allowMultipleUploads = _ref$allowMultipleUpl === void 0 ? false : _ref$allowMultipleUpl,
+    _ref$maxNumberOfFiles = _ref.maxNumberOfFiles,
+    maxNumberOfFiles = _ref$maxNumberOfFiles === void 0 ? 1 : _ref$maxNumberOfFiles,
+    _ref$allowedFileTypes = _ref.allowedFileTypes,
+    allowedFileTypes = _ref$allowedFileTypes === void 0 ? null : _ref$allowedFileTypes,
+    _ref$autoProceed = _ref.autoProceed,
+    autoProceed = _ref$autoProceed === void 0 ? false : _ref$autoProceed,
+    _ref$debug = _ref.debug,
+    debug = _ref$debug === void 0 ? false : _ref$debug;
   var _ref3 = useContext(UppyContext) || null,
-      buildUppy = _ref3.buildUppy,
-      transport = _ref3.transport;
-
+    buildUppy = _ref3.buildUppy,
+    transport = _ref3.transport;
   var uppy = useMemo(function () {
     return buildUppy !== null ? buildUppy({
       meta: meta,
@@ -1528,23 +1492,19 @@ var useUppy = function useUppy() {
     if (uppy === null) {
       return function () {};
     }
-
     var onUppyComplete = function onUppyComplete(response) {
       var _response$successful = response.successful,
-          successful = _response$successful === void 0 ? [] : _response$successful,
-          _response$failed = response.failed,
-          failed = _response$failed === void 0 ? null : _response$failed;
+        successful = _response$successful === void 0 ? [] : _response$successful,
+        _response$failed = response.failed,
+        failed = _response$failed === void 0 ? null : _response$failed;
       var finalSuccessful = transport === 'transloadit' ? getTransloaditMediasFromResponse(response) : successful;
-
       if (onComplete !== null) {
         onComplete(finalSuccessful);
       }
-
       if (onFail !== null) {
         onFail(failed);
       }
     };
-
     uppy.on('complete', onUppyComplete);
     return function () {
       uppy.off('complete', onUppyComplete);
@@ -1554,14 +1514,12 @@ var useUppy = function useUppy() {
     if (uppy === null) {
       return function () {};
     }
-
     var onUpload = function onUpload(_ref4) {
       var _ref4$fileIDs = _ref4.fileIDs,
-          ids = _ref4$fileIDs === void 0 ? [] : _ref4$fileIDs;
+        ids = _ref4$fileIDs === void 0 ? [] : _ref4$fileIDs;
       ids.forEach(function (id) {
         var file = uppy.getFile(id);
         var newName = getFileName(file);
-
         if (newName !== null) {
           uppy.setFileMeta(id, {
             name: newName
@@ -1569,7 +1527,6 @@ var useUppy = function useUppy() {
         }
       });
     };
-
     uppy.on('upload', onUpload);
     return function () {
       uppy.off('upload', onUpload);
@@ -1618,34 +1575,31 @@ var defaultProps = {
 };
 var UppyProvider = function UppyProvider(_ref5) {
   var id = _ref5.id,
-      children = _ref5.children,
-      providedTransport = _ref5.transport,
-      providedLocale = _ref5.locale,
-      providedSources = _ref5.sources,
-      providedTransloadit = _ref5.transloadit,
-      providedCompanion = _ref5.companion,
-      providedTus = _ref5.tus,
-      providedXhr = _ref5.xhr;
-
+    children = _ref5.children,
+    providedTransport = _ref5.transport,
+    providedLocale = _ref5.locale,
+    providedSources = _ref5.sources,
+    providedTransloadit = _ref5.transloadit,
+    providedCompanion = _ref5.companion,
+    providedTus = _ref5.tus,
+    providedXhr = _ref5.xhr;
   var _useIntl = useIntl(),
-      intlLocale = _useIntl.locale;
-
+    intlLocale = _useIntl.locale;
   var _ref6 = useContext(UppyContext) || {},
-      _ref6$transport = _ref6.transport,
-      contextTransport = _ref6$transport === void 0 ? null : _ref6$transport,
-      _ref6$locale = _ref6.locale,
-      contextLocale = _ref6$locale === void 0 ? null : _ref6$locale,
-      _ref6$sources = _ref6.sources,
-      contextSources = _ref6$sources === void 0 ? null : _ref6$sources,
-      _ref6$transloadit = _ref6.transloadit,
-      contextTransloadit = _ref6$transloadit === void 0 ? null : _ref6$transloadit,
-      _ref6$companion = _ref6.companion,
-      contextCompanion = _ref6$companion === void 0 ? null : _ref6$companion,
-      _ref6$tus = _ref6.tus,
-      contextTus = _ref6$tus === void 0 ? null : _ref6$tus,
-      _ref6$xhr = _ref6.xhr,
-      contextXhr = _ref6$xhr === void 0 ? null : _ref6$xhr;
-
+    _ref6$transport = _ref6.transport,
+    contextTransport = _ref6$transport === void 0 ? null : _ref6$transport,
+    _ref6$locale = _ref6.locale,
+    contextLocale = _ref6$locale === void 0 ? null : _ref6$locale,
+    _ref6$sources = _ref6.sources,
+    contextSources = _ref6$sources === void 0 ? null : _ref6$sources,
+    _ref6$transloadit = _ref6.transloadit,
+    contextTransloadit = _ref6$transloadit === void 0 ? null : _ref6$transloadit,
+    _ref6$companion = _ref6.companion,
+    contextCompanion = _ref6$companion === void 0 ? null : _ref6$companion,
+    _ref6$tus = _ref6.tus,
+    contextTus = _ref6$tus === void 0 ? null : _ref6$tus,
+    _ref6$xhr = _ref6.xhr,
+    contextXhr = _ref6$xhr === void 0 ? null : _ref6$xhr;
   var transport = providedTransport || contextTransport || 'xhr';
   var locale = providedLocale || contextLocale || intlLocale;
   var sources = providedSources || contextSources || ['webcam', 'facebook', 'instagram', 'dropbox', 'google-drive'];
@@ -1661,27 +1615,22 @@ var UppyProvider = function UppyProvider(_ref5) {
     if (Uppy === null || uppyLocale === null || uppyTransport === null || uppySources === null) {
       return null;
     }
-
     return function () {
       var opts = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-
       var _ref7 = opts || {},
-          _ref7$sources = _ref7.sources,
-          customSources = _ref7$sources === void 0 ? sources : _ref7$sources,
-          uppyOpts = _objectWithoutProperties(_ref7, _excluded);
-
+        _ref7$sources = _ref7.sources,
+        customSources = _ref7$sources === void 0 ? sources : _ref7$sources,
+        uppyOpts = _objectWithoutProperties(_ref7, _excluded);
       var newUppy = new Uppy(_objectSpread({
         id: id,
         locale: uppyLocale
       }, uppyOpts));
-
       if (transport === 'transloadit') {
         var key = transloadit.key,
-            templateId = transloadit.templateId,
-            _transloadit$waitForE = transloadit.waitForEncoding,
-            waitForEncoding = _transloadit$waitForE === void 0 ? true : _transloadit$waitForE,
-            transloaditOpts = _objectWithoutProperties(transloadit, _excluded2);
-
+          templateId = transloadit.templateId,
+          _transloadit$waitForE = transloadit.waitForEncoding,
+          waitForEncoding = _transloadit$waitForE === void 0 ? true : _transloadit$waitForE,
+          transloaditOpts = _objectWithoutProperties(transloadit, _excluded2);
         newUppy.use(uppyTransport, {
           params: _objectSpread({
             auth: {
@@ -1702,22 +1651,18 @@ var UppyProvider = function UppyProvider(_ref5) {
           endpoint: isString(xhr) ? xhr : '/upload'
         }, isObject(xhr) ? xhr : null));
       }
-
       if (transport === 'transloadit' || companion !== null) {
         return customSources.reduce(function (currentUppy, sourceId) {
           var source = uppySources[sourceId] || null;
-
           if (source === null) {
             return currentUppy;
           }
-
           var _ref8 = companion || {
-            url: uppyTransport.COMPANION || null,
-            allowedHosts: uppyTransport.COMPANION_PATTERN || null
-          },
-              companionUrl = _ref8.url,
-              companionAllowedHosts = _ref8.allowedHosts;
-
+              url: uppyTransport.COMPANION || null,
+              allowedHosts: uppyTransport.COMPANION_PATTERN || null
+            },
+            companionUrl = _ref8.url,
+            companionAllowedHosts = _ref8.allowedHosts;
           return newUppy.use(source, {
             id: sourceId,
             companionUrl: companionUrl,
@@ -1725,7 +1670,6 @@ var UppyProvider = function UppyProvider(_ref5) {
           });
         }, newUppy);
       }
-
       return newUppy;
     };
   }, [id, Uppy, uppyLocale, uppyTransport, uppySources, transport, sources, transloadit, companion, tus, xhr]);