@panneau/core 1.0.0-y.0 → 1.0.3-alpha.1

package/lib/contexts.js

@@ -32,14 +32,12 @@ function _interopNamespace(e) {
                 var d = Object.getOwnPropertyDescriptor(e, k);
                 Object.defineProperty(n, k, d.get ? d : {
                     enumerable: true,
-                    get: function () {
-                        return e[k];
-                    }
+                    get: function () { return e[k]; }
                 });
             }
         });
     }
-    n['default'] = e;
+    n["default"] = e;
     return Object.freeze(n);
 }
 
@@ -60,8 +58,9 @@ var FORMS_NAMESPACE = 'forms';
 var FILTERS_NAMESPACE = 'filters';
 var LISTS_NAMESPACE = 'lists';
 var DISPLAYS_NAMESPACE = 'displays';
+var PAGES_NAMESPACE = 'pages';
 var APP_NAMESPACE = 'app';
-var ComponentsContext = /*#__PURE__*/React__default['default'].createContext(null);
+var ComponentsContext = /*#__PURE__*/React__default["default"].createContext(null);
 /**
  * Hooks
  */
@@ -84,7 +83,7 @@ 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__default['default'](name)) {
+  if (!isString__default["default"](name)) {
     return name || defaultComponent;
   }
 
@@ -183,6 +182,21 @@ 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);
+};
+var usePagesComponents = function usePagesComponents() {
+  var defaultComponents = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  return useComponents(PAGES_NAMESPACE, defaultComponents);
+};
+var usePageComponent = function usePageComponent(name) {
+  var defaultComponent = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
+  return useComponent(name, defaultComponent, PAGES_NAMESPACE);
+};
 /**
  * App hooks
  */
@@ -203,10 +217,10 @@ var useAppComponent = function useAppComponent(name) {
  */
 
 var propTypes$f = {
-  children: PropTypes__default['default'].node.isRequired,
-  namespace: PropTypes__default['default'].string,
-  manager: PropTypes__default['default'].instanceOf(core.ComponentsManager),
-  components: PropTypes__default['default'].objectOf(PropTypes__default['default'].oneOfType([PropTypes__default['default'].object, PropTypes__default['default'].func]))
+  children: PropTypes__default["default"].node.isRequired,
+  namespace: PropTypes__default["default"].string,
+  manager: PropTypes__default["default"].instanceOf(core.ComponentsManager),
+  components: PropTypes__default["default"].objectOf(PropTypes__default["default"].oneOfType([PropTypes__default["default"].object, PropTypes__default["default"].func]))
 };
 var defaultProps$f = {
   namespace: null,
@@ -220,136 +234,149 @@ var ComponentsProvider = function ComponentsProvider(_ref) {
       children = _ref.children;
   var previousManager = useComponentsManager() || null;
   var finalManager = React.useMemo(function () {
-    return new core.ComponentsManager(_objectSpread__default['default'](_objectSpread__default['default'](_objectSpread__default['default']({}, previousManager !== null ? previousManager.getComponents() : null), manager !== null ? manager.getComponents() : null), new core.ComponentsManager(components).addNamespace(namespace).getComponents()));
+    return new core.ComponentsManager(_objectSpread__default["default"](_objectSpread__default["default"](_objectSpread__default["default"]({}, previousManager !== null ? previousManager.getComponents() : null), manager !== null ? manager.getComponents() : null), new core.ComponentsManager(components).addNamespace(namespace).getComponents()));
   }, [previousManager, manager, components, namespace]);
-  return /*#__PURE__*/React__default['default'].createElement(ComponentsContext.Provider, {
+  return /*#__PURE__*/React__default["default"].createElement(ComponentsContext.Provider, {
     value: finalManager
   }, children);
 };
 ComponentsProvider.propTypes = propTypes$f;
 ComponentsProvider.defaultProps = defaultProps$f;
 
-var message = PropTypes__default['default'].shape({
-  id: PropTypes__default['default'].string.isRequired,
-  defaultMessage: PropTypes__default['default'].string
+var message = PropTypes__default["default"].shape({
+  id: PropTypes__default["default"].string.isRequired,
+  defaultMessage: PropTypes__default["default"].string
 });
-var label = PropTypes__default['default'].oneOfType([message, PropTypes__default['default'].node]);
-PropTypes__default['default'].oneOfType([PropTypes__default['default'].number, PropTypes__default['default'].string]);
+var label = PropTypes__default["default"].oneOfType([message, PropTypes__default["default"].node]);
+PropTypes__default["default"].oneOfType([PropTypes__default["default"].number, PropTypes__default["default"].string]);
 /**
  * Core
  */
 
-var menuItem = PropTypes__default['default'].shape({
-  id: PropTypes__default['default'].oneOfType([PropTypes__default['default'].number, PropTypes__default['default'].string]),
+var menuItem = PropTypes__default["default"].shape({
+  id: PropTypes__default["default"].oneOfType([PropTypes__default["default"].number, PropTypes__default["default"].string]),
   label: label,
-  url: PropTypes__default['default'].string,
-  external: PropTypes__default['default'].bool,
-  active: PropTypes__default['default'].bool
+  url: PropTypes__default["default"].string,
+  external: PropTypes__default["default"].bool,
+  active: PropTypes__default["default"].bool
 });
-PropTypes__default['default'].arrayOf(menuItem);
-var button = PropTypes__default['default'].shape({
-  id: PropTypes__default['default'].string,
+PropTypes__default["default"].arrayOf(menuItem);
+var button = PropTypes__default["default"].shape({
+  id: PropTypes__default["default"].string,
   label: label,
-  onClick: PropTypes__default['default'].func
+  onClick: PropTypes__default["default"].func
+});
+PropTypes__default["default"].arrayOf(button);
+PropTypes__default["default"].oneOf(['primary', 'secondary', 'success', 'danger', 'warning', 'info', 'light', 'dark', null]);
+PropTypes__default["default"].oneOf(['lg', 'sm', null]);
+PropTypes__default["default"].oneOf(['button', 'submit']);
+PropTypes__default["default"].oneOf(['start', 'end']);
+PropTypes__default["default"].oneOf(['lg', 'sm', null]);
+PropTypes__default["default"].oneOf(['loading', 'success', 'error', null]);
+var fieldOption = PropTypes__default["default"].shape({
+  value: PropTypes__default["default"].string,
+  label: PropTypes__default["default"].string
 });
-PropTypes__default['default'].arrayOf(button);
-PropTypes__default['default'].oneOf(['primary', 'secondary', 'success', 'danger', 'warning', 'info', 'light', 'dark', null]);
-PropTypes__default['default'].oneOf(['lg', 'sm', null]);
-PropTypes__default['default'].oneOf(['button', 'submit']);
-PropTypes__default['default'].oneOf(['start', 'end']);
-PropTypes__default['default'].oneOf(['lg', 'sm', null]);
-PropTypes__default['default'].oneOf(['loading', 'success', 'error', null]);
-var fieldOption = PropTypes__default['default'].shape({
-  value: PropTypes__default['default'].string,
-  label: PropTypes__default['default'].string
+PropTypes__default["default"].arrayOf(fieldOption);
+var toggle = PropTypes__default["default"].shape({
+  key: PropTypes__default["default"].string,
+  label: PropTypes__default["default"].string
 });
-PropTypes__default['default'].arrayOf(fieldOption);
-var toggle = PropTypes__default['default'].shape({
-  key: PropTypes__default['default'].string,
-  label: PropTypes__default['default'].string
+PropTypes__default["default"].arrayOf(toggle);
+var tableColumn = PropTypes__default["default"].shape({
+  id: PropTypes__default["default"].string,
+  component: PropTypes__default["default"].string,
+  path: PropTypes__default["default"].string,
+  field: PropTypes__default["default"].string,
+  columnClassName: PropTypes__default["default"].string
 });
-PropTypes__default['default'].arrayOf(toggle);
+PropTypes__default["default"].arrayOf(tableColumn);
 /**
  * Panneau Definitions
  */
 
-var routes = PropTypes__default['default'].shape({
-  'resources.index': PropTypes__default['default'].string.isRequired,
-  'resources.create': PropTypes__default['default'].string.isRequired,
-  'resources.store': PropTypes__default['default'].string.isRequired,
-  'resources.show': PropTypes__default['default'].string.isRequired,
-  'resources.edit': PropTypes__default['default'].string.isRequired,
-  'resources.update': PropTypes__default['default'].string.isRequired,
-  'resources.destroy': PropTypes__default['default'].string.isRequired
+var routes = PropTypes__default["default"].shape({
+  'resources.index': PropTypes__default["default"].string.isRequired,
+  'resources.create': PropTypes__default["default"].string.isRequired,
+  'resources.store': PropTypes__default["default"].string.isRequired,
+  'resources.show': PropTypes__default["default"].string.isRequired,
+  'resources.edit': PropTypes__default["default"].string.isRequired,
+  'resources.update': PropTypes__default["default"].string.isRequired,
+  'resources.delete': PropTypes__default["default"].string.isRequired,
+  'resources.destroy': PropTypes__default["default"].string.isRequired
 });
-var intl = PropTypes__default['default'].shape({
-  locale: PropTypes__default['default'].string,
-  messages: PropTypes__default['default'].objectOf(PropTypes__default['default'].string),
-  values: PropTypes__default['default'].objectOf(PropTypes__default['default'].string)
+var intl = PropTypes__default["default"].shape({
+  locale: PropTypes__default["default"].string,
+  messages: PropTypes__default["default"].objectOf(PropTypes__default["default"].string),
+  values: PropTypes__default["default"].objectOf(PropTypes__default["default"].string)
 });
-var page = PropTypes__default['default'].shape({
-  component: PropTypes__default['default'].string.isRequired
+var page = PropTypes__default["default"].shape({
+  component: PropTypes__default["default"].string.isRequired
 });
-var pages = PropTypes__default['default'].objectOf(page);
-var field = PropTypes__default['default'].shape({
-  // type: PropTypes.string.isRequired,
-  name: PropTypes__default['default'].isRequired,
-  component: PropTypes__default['default'].string.isRequired,
-  label: PropTypes__default['default'].isRequired
+var pages = PropTypes__default["default"].objectOf(page);
+var field = PropTypes__default["default"].shape({
+  name: PropTypes__default["default"].string.isRequired,
+  type: PropTypes__default["default"].string,
+  component: PropTypes__default["default"].string,
+  label: PropTypes__default["default"].node
 });
-var fields = PropTypes__default['default'].arrayOf(field);
-var form = PropTypes__default['default'].shape({
+var fields = PropTypes__default["default"].arrayOf(field);
+var form = PropTypes__default["default"].shape({
   // type: PropTypes.string.isRequired,
-  title: PropTypes__default['default'].isRequired,
+  title: PropTypes__default["default"].isRequired,
   fields: fields
 });
-PropTypes__default['default'].arrayOf(form);
-var resource = PropTypes__default['default'].shape({
-  id: PropTypes__default['default'].string.isRequired,
-  label: PropTypes__default['default'].string.isRequired,
+PropTypes__default["default"].arrayOf(form);
+var resource = PropTypes__default["default"].shape({
+  id: PropTypes__default["default"].string.isRequired,
+  name: PropTypes__default["default"].string.isRequired,
   intl: intl,
   fields: fields,
-  forms: PropTypes__default['default'].shape({}),
-  has_routes: PropTypes__default['default'].bool,
-  shows_in_navbar: PropTypes__default['default'].bool
+  forms: PropTypes__default["default"].shape({}),
+  shows_in_navbar: PropTypes__default["default"].bool
 });
-var resources = PropTypes__default['default'].arrayOf(resource);
-var panneauDefinition = PropTypes__default['default'].shape({
-  name: PropTypes__default['default'].string,
+var resources = PropTypes__default["default"].arrayOf(resource);
+var panneauDefinition = PropTypes__default["default"].shape({
+  name: PropTypes__default["default"].string,
   resources: resources,
   routes: routes,
   pages: pages,
   intl: intl // intl,
 
 });
-var definition = PropTypes__default['default'].shape({
-  name: PropTypes__default['default'].string // resources,
+var definition = PropTypes__default["default"].shape({
+  name: PropTypes__default["default"].string // resources,
   // routes,
   // intl,
 
 });
-var item = PropTypes__default['default'].shape({
-  id: PropTypes__default['default'].string.isRequired
+var item = PropTypes__default["default"].shape({
+  id: PropTypes__default["default"].string.isRequired
 });
-PropTypes__default['default'].arrayOf(item);
-var user = PropTypes__default['default'].shape({
-  id: PropTypes__default['default'].oneOfType([PropTypes__default['default'].number, PropTypes__default['default'].string])
+PropTypes__default["default"].arrayOf(item);
+var user = PropTypes__default["default"].shape({
+  id: PropTypes__default["default"].oneOfType([PropTypes__default["default"].number, PropTypes__default["default"].string])
 });
-PropTypes__default['default'].arrayOf(user);
-var selectOption = PropTypes__default['default'].oneOfType([PropTypes__default['default'].string, PropTypes__default['default'].shape({
-  value: PropTypes__default['default'].any,
+PropTypes__default["default"].arrayOf(user);
+var selectOption = PropTypes__default["default"].oneOfType([PropTypes__default["default"].string, PropTypes__default["default"].shape({
+  value: PropTypes__default["default"].any,
   // eslint-disable-line
   label: label
 })]);
-PropTypes__default['default'].arrayOf(selectOption);
-PropTypes__default['default'].oneOf(['valid', 'invalid', 'loading', null]);
-var formError = PropTypes__default['default'].shape({
-  message: PropTypes__default['default'].string
+PropTypes__default["default"].arrayOf(selectOption);
+PropTypes__default["default"].oneOf(['valid', 'invalid', 'loading', null]);
+var formError = PropTypes__default["default"].shape({
+  message: PropTypes__default["default"].string
 });
-PropTypes__default['default'].arrayOf(formError);
+PropTypes__default["default"].arrayOf(formError);
+PropTypes__default["default"].shape({
+  tus: PropTypes__default["default"].object
+}); // eslint-disable-line
+
+PropTypes__default["default"].string;
 
 /* eslint-disable react/jsx-props-no-spreading */
-var DefinitionContext = /*#__PURE__*/React__default['default'].createContext(null);
+var DefinitionContext = /*#__PURE__*/React__default["default"].createContext(null);
 var useDefinitionContext = function useDefinitionContext() {
   return React.useContext(DefinitionContext);
 };
@@ -362,20 +389,20 @@ var useDefinition = function useDefinition() {
 };
 var propTypes$e = {
   definition: definition.isRequired,
-  children: PropTypes__default['default'].node.isRequired
+  children: PropTypes__default["default"].node.isRequired
 };
 var defaultProps$e = {};
 var DefinitionProvider = function DefinitionProvider(_ref) {
   var definition = _ref.definition,
       children = _ref.children;
-  return /*#__PURE__*/React__default['default'].createElement(DefinitionContext.Provider, {
+  return /*#__PURE__*/React__default["default"].createElement(DefinitionContext.Provider, {
     value: definition
   }, children);
 };
 DefinitionProvider.propTypes = propTypes$e;
 DefinitionProvider.defaultProps = defaultProps$e;
 
-var FieldsContext = /*#__PURE__*/React__default['default'].createContext(null);
+var FieldsContext = /*#__PURE__*/React__default["default"].createContext(null);
 var useFieldsManager = function useFieldsManager() {
   return React.useContext(FieldsContext);
 };
@@ -389,8 +416,8 @@ var useFields = function useFields() {
 };
 var propTypes$d = {
   fields: core.PropTypes.fields,
-  manager: PropTypes__default['default'].instanceOf(core.FieldsManager),
-  children: PropTypes__default['default'].node.isRequired
+  manager: PropTypes__default["default"].instanceOf(core.FieldsManager),
+  children: PropTypes__default["default"].node.isRequired
 };
 var defaultProps$d = {
   fields: null,
@@ -402,7 +429,7 @@ var FieldsProvider = function FieldsProvider(_ref) {
       children = _ref.children;
   var previousManager = useFieldsManager() || null;
   var finalManager = React.useMemo(function () {
-    var newFields = uniqBy__default['default']([].concat(_toConsumableArray__default['default'](fields || []), _toConsumableArray__default['default'](manager !== null ? manager.getDefinitions() : []), _toConsumableArray__default['default'](previousManager !== null ? previousManager.getDefinitions() : [])), function (_ref2) {
+    var newFields = uniqBy__default["default"]([].concat(_toConsumableArray__default["default"](fields || []), _toConsumableArray__default["default"](manager !== null ? manager.getDefinitions() : []), _toConsumableArray__default["default"](previousManager !== null ? previousManager.getDefinitions() : [])), function (_ref2) {
       var id = _ref2.id;
       return id;
     }).reverse();
@@ -412,12 +439,12 @@ var FieldsProvider = function FieldsProvider(_ref) {
     var newComponents = finalManager.getComponents();
     return Object.keys(newComponents).reduce(function (map, id) {
       var component = newComponents[id];
-      return isString__default['default'](component) ? map : _objectSpread__default['default'](_objectSpread__default['default']({}, map), {}, _defineProperty__default['default']({}, id, component));
+      return isString__default["default"](component) ? map : _objectSpread__default["default"](_objectSpread__default["default"]({}, map), {}, _defineProperty__default["default"]({}, id, component));
     }, {});
   }, [finalManager]);
-  return /*#__PURE__*/React__default['default'].createElement(FieldsContext.Provider, {
+  return /*#__PURE__*/React__default["default"].createElement(FieldsContext.Provider, {
     value: finalManager
-  }, /*#__PURE__*/React__default['default'].createElement(ComponentsProvider, {
+  }, /*#__PURE__*/React__default["default"].createElement(ComponentsProvider, {
     namespace: FIELDS_NAMESPACE,
     components: components
   }, children));
@@ -426,15 +453,15 @@ FieldsProvider.propTypes = propTypes$d;
 FieldsProvider.defaultProps = defaultProps$d;
 
 /* eslint-disable react/jsx-props-no-spreading */
-var GoogleKeysContext = /*#__PURE__*/React__default['default'].createContext({
+var GoogleKeysContext = /*#__PURE__*/React__default["default"].createContext({
   apiKey: null
 });
 var useGoogleKeys = function useGoogleKeys() {
   return React.useContext(GoogleKeysContext);
 };
 var propTypes$c = {
-  children: PropTypes__default['default'].node.isRequired,
-  apiKey: PropTypes__default['default'].string // .isRequired,
+  children: PropTypes__default["default"].node.isRequired,
+  apiKey: PropTypes__default["default"].string // .isRequired,
 
 };
 var defaultProps$c = {
@@ -447,7 +474,7 @@ var GoogleKeysProvider = function GoogleKeysProvider(_ref) {
   var _useGoogleKeys = useGoogleKeys(),
       previousApiKey = _useGoogleKeys.apiKey;
 
-  return /*#__PURE__*/React__default['default'].createElement(GoogleKeysContext.Provider, {
+  return /*#__PURE__*/React__default["default"].createElement(GoogleKeysContext.Provider, {
     value: {
       apiKey: apiKey || previousApiKey
     }
@@ -456,7 +483,7 @@ var GoogleKeysProvider = function GoogleKeysProvider(_ref) {
 GoogleKeysProvider.propTypes = propTypes$c;
 GoogleKeysProvider.defaultProps = defaultProps$c;
 
-var FontsContext = /*#__PURE__*/React__default['default'].createContext({
+var FontsContext = /*#__PURE__*/React__default["default"].createContext({
   systemFonts: null,
   googleFonts: null,
   customFonts: null
@@ -472,7 +499,7 @@ var useGoogleFonts = function useGoogleFonts() {
       apiKey = _useGoogleKeys.apiKey;
 
   var _useState = React.useState(null),
-      _useState2 = _slicedToArray__default['default'](_useState, 2),
+      _useState2 = _slicedToArray__default["default"](_useState, 2),
       googleFonts = _useState2[0],
       setGoogleFonts = _useState2[1];
 
@@ -537,7 +564,7 @@ var useFonts = function useFonts() {
   return fonts;
 };
 var propTypes$b = {
-  children: PropTypes__default['default'].node.isRequired,
+  children: PropTypes__default["default"].node.isRequired,
   systemFonts: core.PropTypes.fonts,
   customFonts: core.PropTypes.fonts
 };
@@ -558,25 +585,25 @@ var FontsProvider = function FontsProvider(_ref4) {
       previousCustomFonts = _useFonts.customFonts;
 
   var _useState3 = React.useState(null),
-      _useState4 = _slicedToArray__default['default'](_useState3, 2),
+      _useState4 = _slicedToArray__default["default"](_useState3, 2),
       googleFonts = _useState4[0],
       setGoogleFonts = _useState4[1];
 
   var fonts = React.useMemo(function () {
     return {
-      systemFonts: uniqBy__default['default']([].concat(_toConsumableArray__default['default'](previousSystemFonts || []), _toConsumableArray__default['default'](systemFonts || [])), function (font) {
-        return isObject__default['default'](font) ? font.name : font;
+      systemFonts: uniqBy__default["default"]([].concat(_toConsumableArray__default["default"](previousSystemFonts || []), _toConsumableArray__default["default"](systemFonts || [])), function (font) {
+        return isObject__default["default"](font) ? font.name : font;
       }),
-      googleFonts: uniqBy__default['default']([].concat(_toConsumableArray__default['default'](previousGoogleFonts || []), _toConsumableArray__default['default'](googleFonts || [])), function (font) {
-        return isObject__default['default'](font) ? font.name : font;
+      googleFonts: uniqBy__default["default"]([].concat(_toConsumableArray__default["default"](previousGoogleFonts || []), _toConsumableArray__default["default"](googleFonts || [])), function (font) {
+        return isObject__default["default"](font) ? font.name : font;
       }),
-      customFonts: uniqBy__default['default']([].concat(_toConsumableArray__default['default'](previousCustomFonts || []), _toConsumableArray__default['default'](customFonts || [])), function (font) {
-        return isObject__default['default'](font) ? font.name : font;
+      customFonts: uniqBy__default["default"]([].concat(_toConsumableArray__default["default"](previousCustomFonts || []), _toConsumableArray__default["default"](customFonts || [])), function (font) {
+        return isObject__default["default"](font) ? font.name : font;
       }),
       setGoogleFonts: setGoogleFonts
     };
   }, [previousSystemFonts, previousGoogleFonts, previousCustomFonts, customFonts, systemFonts, googleFonts, setGoogleFonts]);
-  return /*#__PURE__*/React__default['default'].createElement(FontsContext.Provider, {
+  return /*#__PURE__*/React__default["default"].createElement(FontsContext.Provider, {
     value: fonts
   }, children);
 };
@@ -584,7 +611,7 @@ FontsProvider.propTypes = propTypes$b;
 FontsProvider.defaultProps = defaultProps$b;
 
 /* eslint-disable react/jsx-props-no-spreading */
-var FormContext = /*#__PURE__*/React__default['default'].createContext(null);
+var FormContext = /*#__PURE__*/React__default["default"].createContext(null);
 var useForm = function useForm() {
   return React.useContext(FormContext);
 };
@@ -601,17 +628,17 @@ var useFormSetValue = function useFormSetValue() {
   return setValue;
 };
 var propTypes$a = {
-  value: PropTypes__default['default'].object.isRequired,
+  value: PropTypes__default["default"].object.isRequired,
   // eslint-disable-line react/forbid-prop-types
-  setValue: PropTypes__default['default'].func.isRequired,
-  children: PropTypes__default['default'].node.isRequired
+  setValue: PropTypes__default["default"].func.isRequired,
+  children: PropTypes__default["default"].node.isRequired
 };
 var defaultProps$a = {};
 var FormProvider = function FormProvider(_ref) {
   var value = _ref.value,
       setValue = _ref.setValue,
       children = _ref.children;
-  return /*#__PURE__*/React__default['default'].createElement(FormContext.Provider, {
+  return /*#__PURE__*/React__default["default"].createElement(FormContext.Provider, {
     value: {
       value: value,
       setValue: setValue
@@ -621,7 +648,7 @@ var FormProvider = function FormProvider(_ref) {
 FormProvider.propTypes = propTypes$a;
 FormProvider.defaultProps = defaultProps$a;
 
-var GoogleApiClientContext = /*#__PURE__*/React__default['default'].createContext(null);
+var GoogleApiClientContext = /*#__PURE__*/React__default["default"].createContext(null);
 var useGoogleApiClient = function useGoogleApiClient() {
   return React.useContext(GoogleApiClientContext);
 };
@@ -635,8 +662,8 @@ var withGoogleApiClient = function withGoogleApiClient(WrappedComponent) {
   };
 
   var WithGoogleApiClientComponent = function WithGoogleApiClientComponent(props) {
-    return /*#__PURE__*/React__default['default'].createElement(GoogleApiClientContext.Consumer, null, function (client) {
-      return /*#__PURE__*/React__default['default'].createElement(WrappedComponent, Object.assign({
+    return /*#__PURE__*/React__default["default"].createElement(GoogleApiClientContext.Consumer, null, function (client) {
+      return /*#__PURE__*/React__default["default"].createElement(WrappedComponent, Object.assign({
         googleApiClient: client
       }, props));
     });
@@ -646,7 +673,7 @@ var withGoogleApiClient = function withGoogleApiClient(WrappedComponent) {
   return WithGoogleApiClientComponent;
 };
 var propTypes$9 = {
-  children: PropTypes__default['default'].node.isRequired
+  children: PropTypes__default["default"].node.isRequired
 };
 var defaultProps$9 = {};
 var GoogleApiClientProvider = function GoogleApiClientProvider(_ref2) {
@@ -656,7 +683,7 @@ var GoogleApiClientProvider = function GoogleApiClientProvider(_ref2) {
       apiKey = _useGoogleKeys.apiKey;
 
   var _useState = React.useState(null),
-      _useState2 = _slicedToArray__default['default'](_useState, 2),
+      _useState2 = _slicedToArray__default["default"](_useState, 2),
       client = _useState2[0],
       setClient = _useState2[1];
 
@@ -671,14 +698,14 @@ var GoogleApiClientProvider = function GoogleApiClientProvider(_ref2) {
       return setClient(gapi);
     });
   }, [apiKey, setClient]);
-  return /*#__PURE__*/React__default['default'].createElement(GoogleApiClientContext.Provider, {
+  return /*#__PURE__*/React__default["default"].createElement(GoogleApiClientContext.Provider, {
     value: client
   }, children);
 };
 GoogleApiClientProvider.propTypes = propTypes$9;
 GoogleApiClientProvider.defaultProps = defaultProps$9;
 
-var GoogleMapsClientContext = /*#__PURE__*/React__default['default'].createContext(null);
+var GoogleMapsClientContext = /*#__PURE__*/React__default["default"].createContext(null);
 var useGoogleMapsClient = function useGoogleMapsClient() {
   return React.useContext(GoogleMapsClientContext);
 };
@@ -692,8 +719,8 @@ var withGoogleMapsClient = function withGoogleMapsClient(WrappedComponent) {
   };
 
   var WithGoogleMapsClientComponent = function WithGoogleMapsClientComponent(props) {
-    return /*#__PURE__*/React__default['default'].createElement(GoogleMapsClientContext.Consumer, null, function (client) {
-      return /*#__PURE__*/React__default['default'].createElement(WrappedComponent, Object.assign({
+    return /*#__PURE__*/React__default["default"].createElement(GoogleMapsClientContext.Consumer, null, function (client) {
+      return /*#__PURE__*/React__default["default"].createElement(WrappedComponent, Object.assign({
         googleApiClient: client
       }, props));
     });
@@ -703,9 +730,9 @@ var withGoogleMapsClient = function withGoogleMapsClient(WrappedComponent) {
   return WithGoogleMapsClientComponent;
 };
 var propTypes$8 = {
-  children: PropTypes__default['default'].node.isRequired,
-  locale: PropTypes__default['default'].string,
-  libraries: PropTypes__default['default'].arrayOf(PropTypes__default['default'].string)
+  children: PropTypes__default["default"].node.isRequired,
+  locale: PropTypes__default["default"].string,
+  libraries: PropTypes__default["default"].arrayOf(PropTypes__default["default"].string)
 };
 var defaultProps$8 = {
   locale: 'fr',
@@ -722,7 +749,7 @@ var GoogleMapsClientProvider = function GoogleMapsClientProvider(_ref2) {
   var exisitingClient = useGoogleMapsClient();
 
   var _useState = React.useState(exisitingClient),
-      _useState2 = _slicedToArray__default['default'](_useState, 2),
+      _useState2 = _slicedToArray__default["default"](_useState, 2),
       client = _useState2[0],
       setClient = _useState2[1];
 
@@ -737,7 +764,7 @@ var GoogleMapsClientProvider = function GoogleMapsClientProvider(_ref2) {
       });
     }
   }, [apiKey, locale, libraries, setClient, exisitingClient]);
-  return /*#__PURE__*/React__default['default'].createElement(GoogleMapsClientContext.Provider, {
+  return /*#__PURE__*/React__default["default"].createElement(GoogleMapsClientContext.Provider, {
     value: client
   }, children);
 };
@@ -746,7 +773,7 @@ GoogleMapsClientProvider.defaultProps = defaultProps$8;
 
 /* eslint-disable react/jsx-props-no-spreading */
 var defaultLocales = ['en', 'fr'];
-var LocalesContext = /*#__PURE__*/React__default['default'].createContext({
+var LocalesContext = /*#__PURE__*/React__default["default"].createContext({
   locales: defaultLocales
 });
 var useLocales = function useLocales() {
@@ -770,8 +797,8 @@ var useOtherLocales = function useOtherLocales() {
   return otherLocales;
 };
 var propTypes$7 = {
-  locales: PropTypes__default['default'].arrayOf(PropTypes__default['default'].string),
-  children: PropTypes__default['default'].node.isRequired
+  locales: PropTypes__default["default"].arrayOf(PropTypes__default["default"].string),
+  children: PropTypes__default["default"].node.isRequired
 };
 var defaultProps$7 = {
   locales: []
@@ -779,7 +806,7 @@ var defaultProps$7 = {
 var LocalesProvider = function LocalesProvider(_ref) {
   var locales = _ref.locales,
       children = _ref.children;
-  return /*#__PURE__*/React__default['default'].createElement(LocalesContext.Provider, {
+  return /*#__PURE__*/React__default["default"].createElement(LocalesContext.Provider, {
     value: {
       locales: locales
     }
@@ -788,7 +815,7 @@ var LocalesProvider = function LocalesProvider(_ref) {
 LocalesProvider.propTypes = propTypes$7;
 LocalesProvider.defaultProps = defaultProps$7;
 
-var ModalsContext = /*#__PURE__*/React__default['default'].createContext({
+var ModalsContext = /*#__PURE__*/React__default["default"].createContext({
   container: null
 });
 var useModals = function useModals() {
@@ -796,13 +823,13 @@ var useModals = function useModals() {
 };
 var withModals = function withModals(WrappedComponent) {
   var WithModalsComponent = function WithModalsComponent(props) {
-    return /*#__PURE__*/React__default['default'].createElement(ModalsContext.Consumer, null, function (_ref) {
+    return /*#__PURE__*/React__default["default"].createElement(ModalsContext.Consumer, null, function (_ref) {
       var modals = _ref.modals,
           container = _ref.container,
           setContainer = _ref.setContainer,
           register = _ref.register,
           unregister = _ref.unregister;
-      return /*#__PURE__*/React__default['default'].createElement(WrappedComponent, Object.assign({
+      return /*#__PURE__*/React__default["default"].createElement(WrappedComponent, Object.assign({
         modalsContainer: container,
         setModalsContainer: setContainer,
         modals: modals,
@@ -816,8 +843,8 @@ var withModals = function withModals(WrappedComponent) {
   return WithModalsComponent;
 };
 var propTypes$6 = {
-  children: PropTypes__default['default'].node.isRequired,
-  container: PropTypes__default['default'].object // eslint-disable-line
+  children: PropTypes__default["default"].node.isRequired,
+  container: PropTypes__default["default"].object // eslint-disable-line
 
 };
 var defaultProps$6 = {
@@ -828,12 +855,12 @@ var ModalsProvider = function ModalsProvider(_ref2) {
       initialContainer = _ref2.container;
 
   var _useState = React.useState(initialContainer),
-      _useState2 = _slicedToArray__default['default'](_useState, 2),
+      _useState2 = _slicedToArray__default["default"](_useState, 2),
       container = _useState2[0],
       setContainer = _useState2[1];
 
   var _useState3 = React.useState([]),
-      _useState4 = _slicedToArray__default['default'](_useState3, 2),
+      _useState4 = _slicedToArray__default["default"](_useState3, 2),
       modals = _useState4[0],
       setModals = _useState4[1];
 
@@ -841,7 +868,7 @@ var ModalsProvider = function ModalsProvider(_ref2) {
   var register = React.useCallback(function (id) {
     var data = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
     var currentModals = modalsRef.current;
-    var newModals = [].concat(_toConsumableArray__default['default'](currentModals), [_objectSpread__default['default']({
+    var newModals = [].concat(_toConsumableArray__default["default"](currentModals), [_objectSpread__default["default"]({
       id: id
     }, data)]);
     setModals(newModals);
@@ -863,7 +890,7 @@ var ModalsProvider = function ModalsProvider(_ref2) {
       modalsRef.current = newModals;
     }
   }, [modals, setModals]);
-  return /*#__PURE__*/React__default['default'].createElement(ModalsContext.Provider, {
+  return /*#__PURE__*/React__default["default"].createElement(ModalsContext.Provider, {
     value: {
       modals: modals,
       container: container,
@@ -876,7 +903,7 @@ var ModalsProvider = function ModalsProvider(_ref2) {
 ModalsProvider.propTypes = propTypes$6;
 ModalsProvider.defaultProps = defaultProps$6;
 
-var PanelsContext = /*#__PURE__*/React__default['default'].createContext({
+var PanelsContext = /*#__PURE__*/React__default["default"].createContext({
   container: null
 });
 var usePanels = function usePanels() {
@@ -884,13 +911,13 @@ var usePanels = function usePanels() {
 };
 var withPanels = function withPanels(WrappedComponent) {
   var WithPanelsComponent = function WithPanelsComponent(props) {
-    return /*#__PURE__*/React__default['default'].createElement(PanelsContext.Consumer, null, function (_ref) {
+    return /*#__PURE__*/React__default["default"].createElement(PanelsContext.Consumer, null, function (_ref) {
       var panels = _ref.panels,
           setContainer = _ref.setContainer,
           container = _ref.container,
           register = _ref.register,
           unregister = _ref.unregister;
-      return /*#__PURE__*/React__default['default'].createElement(WrappedComponent, Object.assign({
+      return /*#__PURE__*/React__default["default"].createElement(WrappedComponent, Object.assign({
         panelsContainer: container,
         setPanelsContainer: setContainer,
         panels: panels,
@@ -904,8 +931,8 @@ var withPanels = function withPanels(WrappedComponent) {
   return WithPanelsComponent;
 };
 var propTypes$5 = {
-  children: PropTypes__default['default'].node.isRequired,
-  container: PropTypes__default['default'].object // eslint-disable-line
+  children: PropTypes__default["default"].node.isRequired,
+  container: PropTypes__default["default"].object // eslint-disable-line
 
 };
 var defaultProps$5 = {
@@ -916,12 +943,12 @@ var PanelsProvider = function PanelsProvider(_ref2) {
       initialContainer = _ref2.container;
 
   var _useState = React.useState(initialContainer),
-      _useState2 = _slicedToArray__default['default'](_useState, 2),
+      _useState2 = _slicedToArray__default["default"](_useState, 2),
       container = _useState2[0],
       setContainer = _useState2[1];
 
   var _useState3 = React.useState([]),
-      _useState4 = _slicedToArray__default['default'](_useState3, 2),
+      _useState4 = _slicedToArray__default["default"](_useState3, 2),
       panels = _useState4[0],
       setPanels = _useState4[1];
 
@@ -929,7 +956,7 @@ var PanelsProvider = function PanelsProvider(_ref2) {
   var register = React.useCallback(function (id) {
     var data = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
     var currentPanels = panelsRef.current;
-    var newPanels = [].concat(_toConsumableArray__default['default'](currentPanels), [_objectSpread__default['default']({
+    var newPanels = [].concat(_toConsumableArray__default["default"](currentPanels), [_objectSpread__default["default"]({
       id: id
     }, data)]);
     setPanels(newPanels);
@@ -951,7 +978,7 @@ var PanelsProvider = function PanelsProvider(_ref2) {
       panelsRef.current = newPanels;
     }
   }, [panels, setPanels]);
-  return /*#__PURE__*/React__default['default'].createElement(PanelsContext.Provider, {
+  return /*#__PURE__*/React__default["default"].createElement(PanelsContext.Provider, {
     value: {
       panels: panels,
       setContainer: setContainer,
@@ -965,7 +992,7 @@ PanelsProvider.propTypes = propTypes$5;
 PanelsProvider.defaultProps = defaultProps$5;
 
 var _excluded$3 = ["component"];
-var PanneauContext = /*#__PURE__*/React__default['default'].createContext(null);
+var PanneauContext = /*#__PURE__*/React__default["default"].createContext(null);
 var usePanneau = function usePanneau() {
   return React.useContext(PanneauContext);
 };
@@ -1014,14 +1041,14 @@ var usePanneauComponent = function usePanneauComponent(namespace, name) {
   var path = namespace !== null ? "".concat(namespace, ".").concat(name) : name || null;
   var component = components[path] || null;
 
-  if (isString__default['default'](component)) {
+  if (isString__default["default"](component)) {
     return component;
   }
 
-  if (isObject__default['default'](component) && isString__default['default'](component === null || component === void 0 ? void 0 : component.componnent)) {
+  if (isObject__default["default"](component) && isString__default["default"](component === null || component === void 0 ? void 0 : component.componnent)) {
     // eslint-disable-next-line no-unused-vars
     component.component;
-        _objectWithoutProperties__default['default'](component, _excluded$3);
+        _objectWithoutProperties__default["default"](component, _excluded$3);
 
     return component.component;
   }
@@ -1044,13 +1071,13 @@ var usePanneauSettings = function usePanneauSettings() {
 };
 var propTypes$4 = {
   definition: panneauDefinition.isRequired,
-  children: PropTypes__default['default'].node.isRequired
+  children: PropTypes__default["default"].node.isRequired
 };
 var defaultProps$4 = {};
 var PanneauProvider = function PanneauProvider(_ref8) {
   var definition = _ref8.definition,
       children = _ref8.children;
-  return /*#__PURE__*/React__default['default'].createElement(PanneauContext.Provider, {
+  return /*#__PURE__*/React__default["default"].createElement(PanneauContext.Provider, {
     value: definition
   }, children);
 };
@@ -1058,19 +1085,19 @@ PanneauProvider.propTypes = propTypes$4;
 PanneauProvider.defaultProps = defaultProps$4;
 
 /* eslint-disable react/jsx-props-no-spreading */
-var ResourceContext = /*#__PURE__*/React__default['default'].createContext(null);
+var ResourceContext = /*#__PURE__*/React__default["default"].createContext(null);
 var useResource = function useResource() {
   return React.useContext(ResourceContext);
 };
 var propTypes$3 = {
   resource: resource.isRequired,
-  children: PropTypes__default['default'].node.isRequired
+  children: PropTypes__default["default"].node.isRequired
 };
 var defaultProps$3 = {};
 var ResourceProvider = function ResourceProvider(_ref) {
   var resource = _ref.resource,
       children = _ref.children;
-  return /*#__PURE__*/React__default['default'].createElement(ResourceContext.Provider, {
+  return /*#__PURE__*/React__default["default"].createElement(ResourceContext.Provider, {
     value: resource
   }, children);
 };
@@ -1078,7 +1105,7 @@ ResourceProvider.propTypes = propTypes$3;
 ResourceProvider.defaultProps = defaultProps$3;
 
 /* eslint-disable react/jsx-props-no-spreading */
-var RoutesContext = /*#__PURE__*/React__default['default'].createContext(null);
+var RoutesContext = /*#__PURE__*/React__default["default"].createContext(null);
 var useRoutes = function useRoutes() {
   var _useContext = React.useContext(RoutesContext),
       routes = _useContext.routes;
@@ -1099,14 +1126,16 @@ var useUrlGenerator = function useUrlGenerator() {
 };
 var useRoutePush = function useRoutePush() {
   var url = useUrlGenerator();
-  var history = reactRouter.useHistory();
+  var navigate = reactRouter.useNavigate();
   var push = React.useCallback(function (route, data) {
     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__default['default'](route)) {
-      history.push.apply(history, [url(route, data)].concat(args));
+    if (isString__default["default"](route)) {
+      var _history;
+
+      (_history = history).push.apply(_history, [url(route, data)].concat(args));
     } else {
       var _ref = route || {},
           _ref$pathname = _ref.pathname,
@@ -1114,27 +1143,27 @@ var useRoutePush = function useRoutePush() {
           _ref$search = _ref.search,
           search = _ref$search === void 0 ? null : _ref$search;
 
-      history.push.apply(history, [{
+      navigate.apply(void 0, [{
         pathname: url(pathname, data),
         search: search
       }].concat(args));
     }
-  }, [history, url]);
+  }, [navigate, url]);
   return push;
 };
 var useRouteBack = function useRouteBack() {
   var url = useUrlGenerator();
-  var history = reactRouter.useHistory();
+  var navigate = reactRouter.useNavigate();
   var back = React.useCallback(function () {
-    return history.goBack();
-  }, [history, url]);
+    return navigate(-1);
+  }, [navigate, url]);
   return back;
 };
 var propTypes$2 = {
-  children: PropTypes__default['default'].node.isRequired,
-  routes: PropTypes__default['default'].objectOf(PropTypes__default['default'].string),
+  children: PropTypes__default["default"].node.isRequired,
+  routes: PropTypes__default["default"].objectOf(PropTypes__default["default"].string),
   // .isRequired,
-  basePath: PropTypes__default['default'].string
+  basePath: PropTypes__default["default"].string
 };
 var defaultProps$2 = {
   routes: null,
@@ -1144,7 +1173,7 @@ var RoutesProvider = function RoutesProvider(_ref2) {
   var routes = _ref2.routes,
       basePath = _ref2.basePath,
       children = _ref2.children;
-  return /*#__PURE__*/React__default['default'].createElement(RoutesContext.Provider, {
+  return /*#__PURE__*/React__default["default"].createElement(RoutesContext.Provider, {
     value: {
       routes: routes,
       basePath: basePath
@@ -1159,7 +1188,7 @@ var useTracking = function useTracking() {
   return React.useContext(tracking.TrackingContext);
 };
 var propTypes$1 = {
-  children: PropTypes__default['default'].node.isRequired,
+  children: PropTypes__default["default"].node.isRequired,
   variables: core.PropTypes.trackingVariables
 };
 var defaultProps$1 = {
@@ -1179,7 +1208,7 @@ var TrackingProvider = function TrackingProvider(_ref) {
       variables: variables
     });
   }, [contextTracking, variables]);
-  return /*#__PURE__*/React__default['default'].createElement(tracking.TrackingContainer, {
+  return /*#__PURE__*/React__default["default"].createElement(tracking.TrackingContainer, {
     tracking: tracking$1
   }, children);
 };
@@ -1197,7 +1226,7 @@ var useUppyCore = function useUppyCore() {
   var _useState = React.useState({
     "package": packageCache
   }),
-      _useState2 = _slicedToArray__default['default'](_useState, 2),
+      _useState2 = _slicedToArray__default["default"](_useState, 2),
       loadedPackage = _useState2[0]["package"],
       setLoadedPackage = _useState2[1];
 
@@ -1211,7 +1240,7 @@ var useUppyCore = function useUppyCore() {
     }
 
     Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require('@uppy/core')); }).then(function (_ref) {
-      var Uppy = _ref.Uppy;
+      var Uppy = _ref["default"];
       packageCache = Uppy;
 
       if (!canceled) {
@@ -1249,7 +1278,7 @@ var useUppyLocale = function useUppyLocale(locale) {
   var _useState = React.useState({
     "package": packagesCache$2[locale] || null
   }),
-      _useState2 = _slicedToArray__default['default'](_useState, 2),
+      _useState2 = _slicedToArray__default["default"](_useState, 2),
       loadedPackage = _useState2[0]["package"],
       setLoadedPackage = _useState2[1];
 
@@ -1287,71 +1316,6 @@ var _excluded$2 = ["default"];
 
 var packagesCache$1 = {};
 var defaultPackagesMap$1 = {
-  transloadit: function transloadit() {
-    return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require('@uppy/transloadit')); });
-  },
-  tus: function tus() {
-    return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require('@uppy/tus')); });
-  },
-  xhr: function xhr() {
-    return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require('@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$1 : _ref$packagesMap;
-
-  // transport
-  var _useState = React.useState({
-    "package": packagesCache$1[transport] || null
-  }),
-      _useState2 = _slicedToArray__default['default'](_useState, 2),
-      loadedPackage = _useState2[0]["package"],
-      setLoadedPackage = _useState2[1];
-
-  var packageLoader = packagesMap[transport] || null;
-  React.useEffect(function () {
-    var canceled = false;
-
-    if (loadedPackage !== null || packageLoader === null) {
-      return function () {
-        canceled = true;
-      };
-    }
-
-    packageLoader().then(function (_ref2) {
-      var pack = _ref2["default"],
-          others = _objectWithoutProperties__default['default'](_ref2, _excluded$2);
-
-      var dep = Object.keys(others).reduce(function (map, key) {
-        map[key] = others[key]; // eslint-disable-line no-param-reassign
-
-        return map;
-      }, pack);
-      packagesCache$1[transport] = dep;
-
-      if (!canceled) {
-        setLoadedPackage({
-          "package": dep
-        });
-      }
-    });
-    return function () {
-      canceled = true;
-    };
-  }, [packageLoader, loadedPackage, setLoadedPackage]);
-  return loadedPackage;
-};
-
-var _excluded$1 = ["default"];
-/**
- * Locale loader
- */
-
-var packagesCache = {};
-var defaultPackagesMap = {
   webcam: function webcam() {
     return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require('@uppy/webcam')); });
   },
@@ -1372,21 +1336,21 @@ var defaultPackagesMap = {
 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 : _ref$packagesMap;
+      packagesMap = _ref$packagesMap === void 0 ? defaultPackagesMap$1 : _ref$packagesMap;
 
   // transport
   var _useState = React.useState({
     packages: sources.reduce(function (map, source) {
-      var sourcePackage = packagesCache[source] || null;
+      var sourcePackage = packagesCache$1[source] || null;
 
       if (sourcePackage === null) {
         return map;
       }
 
-      return _objectSpread__default['default'](_objectSpread__default['default']({}, map), {}, _defineProperty__default['default']({}, source, sourcePackage));
+      return _objectSpread__default["default"](_objectSpread__default["default"]({}, map), {}, _defineProperty__default["default"]({}, source, sourcePackage));
     }, null)
   }),
-      _useState2 = _slicedToArray__default['default'](_useState, 2),
+      _useState2 = _slicedToArray__default["default"](_useState, 2),
       loadedPackages = _useState2[0].packages,
       setLoadedPackages = _useState2[1];
 
@@ -1419,15 +1383,15 @@ var useUppySources = function useUppySources(sources) {
       var newLoadedPackages = sourcesToLoad.reduce(function (map, source, index) {
         var _packagesLoaded$index = packagesLoaded[index],
             pack = _packagesLoaded$index["default"],
-            others = _objectWithoutProperties__default['default'](_packagesLoaded$index, _excluded$1);
+            others = _objectWithoutProperties__default["default"](_packagesLoaded$index, _excluded$2);
 
-        return _objectSpread__default['default'](_objectSpread__default['default']({}, map), {}, _defineProperty__default['default']({}, source, Object.keys(others).reduce(function (otherMap, key) {
+        return _objectSpread__default["default"](_objectSpread__default["default"]({}, map), {}, _defineProperty__default["default"]({}, source, Object.keys(others).reduce(function (otherMap, key) {
           otherMap[key] = others[key]; // eslint-disable-line no-param-reassign
 
           return otherMap;
         }, pack)));
       }, {});
-      packagesCache = _objectSpread__default['default'](_objectSpread__default['default']({}, packagesCache), newLoadedPackages);
+      packagesCache$1 = _objectSpread__default["default"](_objectSpread__default["default"]({}, packagesCache$1), newLoadedPackages);
 
       if (!canceled) {
         setLoadedPackages({
@@ -1442,6 +1406,71 @@ var useUppySources = function useUppySources(sources) {
   return sourcesToLoad.length === 0 ? loadedPackages : null;
 };
 
+var _excluded$1 = ["default"];
+/**
+ * Locale loader
+ */
+
+var packagesCache = {};
+var defaultPackagesMap = {
+  transloadit: function transloadit() {
+    return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require('@uppy/transloadit')); });
+  },
+  tus: function tus() {
+    return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require('@uppy/tus')); });
+  },
+  xhr: function xhr() {
+    return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require('@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;
+
+  // transport
+  var _useState = React.useState({
+    "package": packagesCache[transport] || null
+  }),
+      _useState2 = _slicedToArray__default["default"](_useState, 2),
+      loadedPackage = _useState2[0]["package"],
+      setLoadedPackage = _useState2[1];
+
+  var packageLoader = packagesMap[transport] || null;
+  React.useEffect(function () {
+    var canceled = false;
+
+    if (loadedPackage !== null || packageLoader === null) {
+      return function () {
+        canceled = true;
+      };
+    }
+
+    packageLoader().then(function (_ref2) {
+      var pack = _ref2["default"],
+          others = _objectWithoutProperties__default["default"](_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
+        });
+      }
+    });
+    return function () {
+      canceled = true;
+    };
+  }, [packageLoader, loadedPackage, setLoadedPackage]);
+  return loadedPackage;
+};
+
 var convertToMedia = function convertToMedia(it) {
   // console.log('upload', it);
   var type = it.data.type.split('/')[0];
@@ -1455,7 +1484,7 @@ var convertToMedia = function convertToMedia(it) {
     size: it.data.size,
     url: original !== null ? original.ssl_url || original.url : null,
     thumbnail_url: thumbnail !== null ? thumbnail.ssl_url || thumbnail.url : null,
-    metadata: _objectSpread__default['default'](_objectSpread__default['default'](_objectSpread__default['default']({}, original !== null ? original.meta || null : null), it.meta.user ? {
+    metadata: _objectSpread__default["default"](_objectSpread__default["default"](_objectSpread__default["default"]({}, original !== null ? original.meta || null : null), it.meta.user ? {
       user: it.meta.user
     } || null : null), {}, {
       filename: it.meta.filename,
@@ -1470,12 +1499,12 @@ var getTransloaditMediasFromResponse = function getTransloaditMediasFromResponse
       return subIt.assembly_id === it.transloadit.assembly;
     }) || null;
     var results = transloadit !== null ? transloadit.results || null : null;
-    return _objectSpread__default['default'](_objectSpread__default['default']({}, it), {}, {
+    return _objectSpread__default["default"](_objectSpread__default["default"]({}, it), {}, {
       transloadit: results !== null ? Object.keys(results).reduce(function (map, resultKey) {
         var result = results[resultKey].find(function (itResult) {
           return itResult.name === it.name;
         });
-        return result !== null ? _objectSpread__default['default'](_objectSpread__default['default']({}, map), {}, _defineProperty__default['default']({}, resultKey, result)) : map;
+        return result !== null ? _objectSpread__default["default"](_objectSpread__default["default"]({}, map), {}, _defineProperty__default["default"]({}, resultKey, result)) : map;
       }, null) : null
     });
   }).filter(function (it) {
@@ -1487,7 +1516,7 @@ var getTransloaditMediasFromResponse = function getTransloaditMediasFromResponse
 
 var _excluded = ["sources"],
     _excluded2 = ["key", "templateId", "waitForEncoding"];
-var UppyContext = /*#__PURE__*/React__default['default'].createContext(null);
+var UppyContext = /*#__PURE__*/React__default["default"].createContext(null);
 var useUppy = function useUppy() {
   var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
       _ref$onComplete = _ref.onComplete,
@@ -1502,12 +1531,16 @@ var useUppy = function useUppy() {
   } : _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 ? 30 : _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;
+      autoProceed = _ref$autoProceed === void 0 ? false : _ref$autoProceed,
+      _ref$debug = _ref.debug,
+      debug = _ref$debug === void 0 ? false : _ref$debug;
 
   var _ref3 = React.useContext(UppyContext) || null,
       buildUppy = _ref3.buildUppy,
@@ -1516,13 +1549,15 @@ var useUppy = function useUppy() {
   var uppy = React.useMemo(function () {
     return buildUppy !== null ? buildUppy({
       meta: meta,
+      allowMultipleUploads: allowMultipleUploads,
       restrictions: {
         maxNumberOfFiles: maxNumberOfFiles,
         allowedFileTypes: allowedFileTypes
       },
-      autoProceed: autoProceed
+      autoProceed: autoProceed,
+      debug: debug
     }) : null;
-  }, [buildUppy, meta, maxNumberOfFiles, allowedFileTypes, autoProceed]);
+  }, [buildUppy, meta, allowMultipleUploads, debug, maxNumberOfFiles, allowedFileTypes, autoProceed]);
   React.useEffect(function () {
     if (uppy === null) {
       return function () {};
@@ -1584,27 +1619,29 @@ var useUppy = function useUppy() {
   return uppy;
 };
 var propTypes = {
-  children: PropTypes__default['default'].node.isRequired,
-  transport: PropTypes__default['default'].oneOf(['xhr', 'transloadit', 'tus']),
-  locale: PropTypes__default['default'].string,
-  sources: PropTypes__default['default'].arrayOf(PropTypes__default['default'].oneOf(['webcam', 'facebook', 'instagram', 'dropbox', 'google-drive'])),
-  transloadit: PropTypes__default['default'].shape({
-    key: PropTypes__default['default'].string.isRequired,
-    templateId: PropTypes__default['default'].string,
-    waitForEncoding: PropTypes__default['default'].bool
+  id: PropTypes__default["default"].string,
+  children: PropTypes__default["default"].node.isRequired,
+  transport: PropTypes__default["default"].oneOf(['xhr', 'transloadit', 'tus']),
+  locale: PropTypes__default["default"].string,
+  sources: PropTypes__default["default"].arrayOf(PropTypes__default["default"].oneOf(['webcam', 'facebook', 'instagram', 'dropbox', 'google-drive'])),
+  transloadit: PropTypes__default["default"].shape({
+    key: PropTypes__default["default"].string.isRequired,
+    templateId: PropTypes__default["default"].string,
+    waitForEncoding: PropTypes__default["default"].bool
   }),
-  companion: PropTypes__default['default'].shape({
-    url: PropTypes__default['default'].string.isRequired,
-    allowedHosts: PropTypes__default['default'].string.isRequired
+  companion: PropTypes__default["default"].shape({
+    url: PropTypes__default["default"].string.isRequired,
+    allowedHosts: PropTypes__default["default"].string.isRequired
   }),
-  tus: PropTypes__default['default'].oneOfType([PropTypes__default['default'].string, PropTypes__default['default'].shape({
-    endpoint: PropTypes__default['default'].string.isRequired
+  tus: PropTypes__default["default"].oneOfType([PropTypes__default["default"].string, PropTypes__default["default"].shape({
+    endpoint: PropTypes__default["default"].string.isRequired
   })]),
-  xhr: PropTypes__default['default'].oneOfType([PropTypes__default['default'].string, PropTypes__default['default'].shape({
-    endpoint: PropTypes__default['default'].string.isRequired
+  xhr: PropTypes__default["default"].oneOfType([PropTypes__default["default"].string, PropTypes__default["default"].shape({
+    endpoint: PropTypes__default["default"].string.isRequired
   })])
 };
 var defaultProps = {
+  id: 'uppy',
   transport: null,
   locale: null,
   sources: null,
@@ -1614,7 +1651,8 @@ var defaultProps = {
   xhr: null
 };
 var UppyProvider = function UppyProvider(_ref5) {
-  var children = _ref5.children,
+  var id = _ref5.id,
+      children = _ref5.children,
       providedTransport = _ref5.transport,
       providedLocale = _ref5.locale,
       providedSources = _ref5.sources,
@@ -1664,9 +1702,10 @@ var UppyProvider = function UppyProvider(_ref5) {
       var _ref7 = opts || {},
           _ref7$sources = _ref7.sources,
           customSources = _ref7$sources === void 0 ? sources : _ref7$sources,
-          uppyOpts = _objectWithoutProperties__default['default'](_ref7, _excluded);
+          uppyOpts = _objectWithoutProperties__default["default"](_ref7, _excluded);
 
-      var newUppy = new Uppy(_objectSpread__default['default']({
+      var newUppy = new Uppy(_objectSpread__default["default"]({
+        id: id,
         locale: uppyLocale
       }, uppyOpts));
 
@@ -1675,10 +1714,10 @@ var UppyProvider = function UppyProvider(_ref5) {
             templateId = transloadit.templateId,
             _transloadit$waitForE = transloadit.waitForEncoding,
             waitForEncoding = _transloadit$waitForE === void 0 ? true : _transloadit$waitForE,
-            transloaditOpts = _objectWithoutProperties__default['default'](transloadit, _excluded2);
+            transloaditOpts = _objectWithoutProperties__default["default"](transloadit, _excluded2);
 
         newUppy.use(uppyTransport, {
-          params: _objectSpread__default['default']({
+          params: _objectSpread__default["default"]({
             auth: {
               key: key
             },
@@ -1687,15 +1726,15 @@ var UppyProvider = function UppyProvider(_ref5) {
           waitForEncoding: waitForEncoding
         });
       } else if (transport === 'tus') {
-        newUppy.use(uppyTransport, _objectSpread__default['default']({
+        newUppy.use(uppyTransport, _objectSpread__default["default"]({
           endpoint: '/tus',
           resume: true,
           retryDelays: [0, 1000, 3000, 5000]
         }, tus));
       } else if (transport === 'xhr') {
-        newUppy.use(uppyTransport, _objectSpread__default['default']({
-          endpoint: isString__default['default'](xhr) ? xhr : '/upload'
-        }, isObject__default['default'](xhr) ? xhr : null));
+        newUppy.use(uppyTransport, _objectSpread__default["default"]({
+          endpoint: isString__default["default"](xhr) ? xhr : '/upload'
+        }, isObject__default["default"](xhr) ? xhr : null));
       }
 
       if (transport === 'transloadit' || companion !== null) {
@@ -1723,9 +1762,10 @@ var UppyProvider = function UppyProvider(_ref5) {
 
       return newUppy;
     };
-  }, [Uppy, uppyLocale, uppyTransport, uppySources, transport, sources, transloadit, companion, tus, xhr]);
-  return /*#__PURE__*/React__default['default'].createElement(UppyContext.Provider, {
-    value: {
+  }, [id, Uppy, uppyLocale, uppyTransport, uppySources, transport, sources, transloadit, companion, tus, xhr]);
+  var value = React.useMemo(function () {
+    return {
+      id: id,
       transport: transport,
       locale: locale,
       sources: sources,
@@ -1738,7 +1778,10 @@ var UppyProvider = function UppyProvider(_ref5) {
       uppySources: uppySources,
       uppyLocale: uppyLocale,
       buildUppy: buildUppy
-    }
+    };
+  }, [id, transport, locale, sources, transloadit, companion, tus, xhr, Uppy, uppyTransport, uppySources, uppyLocale, buildUppy]);
+  return /*#__PURE__*/React__default["default"].createElement(UppyContext.Provider, {
+    value: value
   }, children);
 };
 UppyProvider.propTypes = propTypes;
@@ -1746,9 +1789,7 @@ UppyProvider.defaultProps = defaultProps;
 
 Object.defineProperty(exports, 'TrackingContext', {
     enumerable: true,
-    get: function () {
-        return tracking.TrackingContext;
-    }
+    get: function () { return tracking.TrackingContext; }
 });
 exports.APP_NAMESPACE = APP_NAMESPACE;
 exports.ComponentsContext = ComponentsContext;
@@ -1775,6 +1816,7 @@ exports.LocalesProvider = LocalesProvider;
 exports.MODALS_NAMESPACE = MODALS_NAMESPACE;
 exports.ModalsContext = ModalsContext;
 exports.ModalsProvider = ModalsProvider;
+exports.PAGES_NAMESPACE = PAGES_NAMESPACE;
 exports.PanelsContext = PanelsContext;
 exports.PanelsProvider = PanelsProvider;
 exports.PanneauProvider = PanneauProvider;
@@ -1824,6 +1866,9 @@ exports.useModals = useModals;
 exports.useModalsComponents = useModalsComponents;
 exports.useModalsComponentsManager = useModalsComponentsManager;
 exports.useOtherLocales = useOtherLocales;
+exports.usePageComponent = usePageComponent;
+exports.usePagesComponents = usePagesComponents;
+exports.usePagesComponentsManager = usePagesComponentsManager;
 exports.usePanels = usePanels;
 exports.usePanneau = usePanneau;
 exports.usePanneauAuth = usePanneauAuth;