@micromag/core 0.3.111 → 0.3.112

package/es/components.js

@@ -2,7 +2,7 @@ import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
 import classNames from 'classnames';
 import PropTypes$1 from 'prop-types';
-import React, { useCallback, useState, useEffect, useRef, useMemo } from 'react';
+import React, { useCallback, useState, useEffect, useRef, useMemo, Suspense } from 'react';
 import { Link as Link$1 } from 'react-router-dom';
 import { PropTypes } from '@micromag/core';
 import { FormattedMessage, defineMessages, FormattedDate, FormattedTime } from 'react-intl';
@@ -16,7 +16,6 @@ import { useForm, useDocumentEvent, useIntersectionObserver, useResizeObserver }
 import _objectSpread from '@babel/runtime/helpers/objectSpread2';
 import get from 'lodash/get';
 import ReactDOM from 'react-dom';
-import { DashboardModal } from '@uppy/react';
 import isArray from 'lodash/isArray';
 import { faAngleDown } from '@fortawesome/free-solid-svg-icons/faAngleDown';
 import { faAngleUp } from '@fortawesome/free-solid-svg-icons/faAngleUp';
@@ -1759,6 +1758,14 @@ ModalDialog.propTypes = propTypes$q;
 ModalDialog.defaultProps = defaultProps$q;
 
 // import classNames from 'classnames';
+var DashboardModal = /*#__PURE__*/React.lazy(function () {
+  return import('@uppy/react').then(function (_ref) {
+    var Component = _ref.DashboardModal;
+    return {
+      "default": Component
+    };
+  });
+});
 var propTypes$p = {
   type: PropTypes$1.oneOfType([PropTypes.mediaTypes, PropTypes$1.array]),
   opened: PropTypes$1.bool,
@@ -1774,12 +1781,12 @@ var defaultProps$p = {
   onRequestClose: null
 };
 
-var UploadModal = function UploadModal(_ref) {
-  var type = _ref.type,
-      opened = _ref.opened,
-      sources = _ref.sources,
-      onUploaded = _ref.onUploaded,
-      onRequestClose = _ref.onRequestClose;
+var UploadModal = function UploadModal(_ref2) {
+  var type = _ref2.type,
+      opened = _ref2.opened,
+      sources = _ref2.sources,
+      onUploaded = _ref2.onUploaded,
+      onRequestClose = _ref2.onRequestClose;
   var onUppyComplete = useCallback(function (response) {
     if (onUploaded !== null) {
       onUploaded(response);
@@ -1806,13 +1813,15 @@ var UploadModal = function UploadModal(_ref) {
       uppy.reset();
     }
   }, [uppy, opened]);
-  return uppy !== null ? /*#__PURE__*/React.createElement(DashboardModal, {
+  return uppy !== null ? /*#__PURE__*/React.createElement(Suspense, {
+    fallback: /*#__PURE__*/React.createElement("div", null)
+  }, /*#__PURE__*/React.createElement(DashboardModal, {
     uppy: uppy,
     open: opened,
     closeAfterFinish: true,
     onRequestClose: onRequestClose,
     plugins: sources
-  }) : null;
+  })) : null;
 };
 
 UploadModal.propTypes = propTypes$p;

package/lib/components.js

@@ -20,7 +20,6 @@ var hooks = require('@micromag/core/hooks');
 var _objectSpread = require('@babel/runtime/helpers/objectSpread2');
 var get = require('lodash/get');
 var ReactDOM = require('react-dom');
-var react = require('@uppy/react');
 var isArray = require('lodash/isArray');
 var faAngleDown = require('@fortawesome/free-solid-svg-icons/faAngleDown');
 var faAngleUp = require('@fortawesome/free-solid-svg-icons/faAngleUp');
@@ -49,6 +48,24 @@ var web = require('@react-spring/web');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
+function _interopNamespace(e) {
+    if (e && e.__esModule) return e;
+    var n = Object.create(null);
+    if (e) {
+        Object.keys(e).forEach(function (k) {
+            if (k !== 'default') {
+                var d = Object.getOwnPropertyDescriptor(e, k);
+                Object.defineProperty(n, k, d.get ? d : {
+                    enumerable: true,
+                    get: function () { return e[k]; }
+                });
+            }
+        });
+    }
+    n["default"] = e;
+    return Object.freeze(n);
+}
+
 var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
 var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
 var classNames__default = /*#__PURE__*/_interopDefaultLegacy(classNames);
@@ -1782,6 +1799,14 @@ ModalDialog.propTypes = propTypes$q;
 ModalDialog.defaultProps = defaultProps$q;
 
 // import classNames from 'classnames';
+var DashboardModal = /*#__PURE__*/React__default["default"].lazy(function () {
+  return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require('@uppy/react')); }).then(function (_ref) {
+    var Component = _ref.DashboardModal;
+    return {
+      "default": Component
+    };
+  });
+});
 var propTypes$p = {
   type: PropTypes__default["default"].oneOfType([core.PropTypes.mediaTypes, PropTypes__default["default"].array]),
   opened: PropTypes__default["default"].bool,
@@ -1797,12 +1822,12 @@ var defaultProps$p = {
   onRequestClose: null
 };
 
-var UploadModal = function UploadModal(_ref) {
-  var type = _ref.type,
-      opened = _ref.opened,
-      sources = _ref.sources,
-      onUploaded = _ref.onUploaded,
-      onRequestClose = _ref.onRequestClose;
+var UploadModal = function UploadModal(_ref2) {
+  var type = _ref2.type,
+      opened = _ref2.opened,
+      sources = _ref2.sources,
+      onUploaded = _ref2.onUploaded,
+      onRequestClose = _ref2.onRequestClose;
   var onUppyComplete = React.useCallback(function (response) {
     if (onUploaded !== null) {
       onUploaded(response);
@@ -1829,13 +1854,15 @@ var UploadModal = function UploadModal(_ref) {
       uppy.reset();
     }
   }, [uppy, opened]);
-  return uppy !== null ? /*#__PURE__*/React__default["default"].createElement(react.DashboardModal, {
+  return uppy !== null ? /*#__PURE__*/React__default["default"].createElement(React.Suspense, {
+    fallback: /*#__PURE__*/React__default["default"].createElement("div", null)
+  }, /*#__PURE__*/React__default["default"].createElement(DashboardModal, {
     uppy: uppy,
     open: opened,
     closeAfterFinish: true,
     onRequestClose: onRequestClose,
     plugins: sources
-  }) : null;
+  })) : null;
 };
 
 UploadModal.propTypes = propTypes$p;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@micromag/core",
-    "version": "0.3.111",
+    "version": "0.3.112",
     "description": "",
     "keywords": [
         "javascript"
@@ -132,5 +132,5 @@
     "publishConfig": {
         "access": "public"
     },
-    "gitHead": "0b8e0748efe102dae09d162dc4f06a0b0797ea35"
+    "gitHead": "f85362071b76115397f9a77537ac6e66b91f59f3"
 }