@micromag/core 0.3.516 → 0.3.518

package/lib/components.js

@@ -23,8 +23,6 @@ var get = require('lodash/get');
 var _createForOfIteratorHelper = require('@babel/runtime/helpers/createForOfIteratorHelper');
 var _typeof = require('@babel/runtime/helpers/typeof');
 var ReactDOM = require('react-dom');
-var isArray = require('lodash/isArray');
-var uppy = require('@panneau/uppy');
 var faAngleDown = require('@fortawesome/free-solid-svg-icons/faAngleDown');
 var faAngleUp = require('@fortawesome/free-solid-svg-icons/faAngleUp');
 var dayjs = require('dayjs');
@@ -32,6 +30,7 @@ var throttle = require('lodash/throttle');
 var isObject = require('lodash/isObject');
 var reactHelmet = require('react-helmet');
 var isString = require('lodash/isString');
+var isArray = require('lodash/isArray');
 var faAd = require('@fortawesome/free-solid-svg-icons/faAd');
 var faImage = require('@fortawesome/free-solid-svg-icons/faImage');
 var faMusic = require('@fortawesome/free-solid-svg-icons/faMusic');
@@ -327,12 +326,12 @@ var Link$2 = React.forwardRef(function (props, ref) {
 });
 
 /* eslint-disable react/jsx-props-no-spreading */
-var propTypes$T = {
+var propTypes$S = {
   children: core.PropTypes.label.isRequired,
   isHtml: PropTypes.bool,
   values: PropTypes.object // eslint-disable-line react/forbid-prop-types
 };
-var defaultProps$T = {
+var defaultProps$S = {
   isHtml: false,
   values: {}
 };
@@ -345,14 +344,14 @@ var Label = function Label(_ref) {
     values: values
   }, children)) : children;
 };
-Label.propTypes = propTypes$T;
-Label.defaultProps = defaultProps$T;
+Label.propTypes = propTypes$S;
+Label.defaultProps = defaultProps$S;
 var Label$1 = Label;
 
 var styles$x = {"container":"micromag-core-buttons-button-container","asLink":"micromag-core-buttons-button-asLink","withoutStyle":"micromag-core-buttons-button-withoutStyle","icon":"micromag-core-buttons-button-icon","label":"micromag-core-buttons-button-label","withIcon":"micromag-core-buttons-button-withIcon","right":"micromag-core-buttons-button-right","withAnimations":"micromag-core-buttons-button-withAnimations","icon-right":"micromag-core-buttons-button-icon-right","withIconColumns":"micromag-core-buttons-button-withIconColumns","linkDisabled":"micromag-core-buttons-button-linkDisabled"};
 
 var _excluded$b = ["type", "theme", "size", "href", "external", "direct", "target", "label", "children", "focusable", "active", "icon", "iconPosition", "disabled", "loading", "disableOnLoading", "small", "big", "withShadow", "withoutStyle", "withoutBootstrapStyles", "withoutTheme", "asLink", "outline", "onClick", "className", "iconClassName", "labelClassName", "refButton"];
-var propTypes$S = {
+var propTypes$R = {
   type: PropTypes.string,
   theme: core.PropTypes.buttonTheme,
   size: core.PropTypes.buttonSize,
@@ -385,7 +384,7 @@ var propTypes$S = {
     current: PropTypes.any // eslint-disable-line
   })])
 };
-var defaultProps$S = {
+var defaultProps$R = {
   type: 'button',
   theme: null,
   size: null,
@@ -497,14 +496,14 @@ var Button$2 = function Button(_ref) {
     tabIndex: focusable ? '0' : '-1'
   }), content);
 };
-Button$2.propTypes = propTypes$S;
-Button$2.defaultProps = defaultProps$S;
+Button$2.propTypes = propTypes$R;
+Button$2.defaultProps = defaultProps$R;
 var Button$3 = Button$2;
 
 var styles$w = {};
 
 var _excluded$a = ["className", "onClick", "theme"];
-var propTypes$R = {
+var propTypes$Q = {
   buttons: core.PropTypes.buttons,
   size: core.PropTypes.buttonSize,
   theme: core.PropTypes.buttonTheme,
@@ -513,7 +512,7 @@ var propTypes$R = {
   className: PropTypes.string,
   buttonClassName: PropTypes.string
 };
-var defaultProps$R = {
+var defaultProps$Q = {
   buttons: [],
   size: null,
   theme: undefined,
@@ -557,15 +556,15 @@ var Buttons = function Buttons(_ref) {
     return renderButton !== null ? renderButton(button, index, fixedProps) : /*#__PURE__*/React.createElement(Button$3, Object.assign({}, fixedProps, buttonProps));
   }));
 };
-Buttons.propTypes = propTypes$R;
-Buttons.defaultProps = defaultProps$R;
+Buttons.propTypes = propTypes$Q;
+Buttons.defaultProps = defaultProps$Q;
 var Buttons$1 = Buttons;
 
 var _excluded$9 = ["className"];
-var propTypes$Q = {
+var propTypes$P = {
   className: PropTypes.string
 };
-var defaultProps$Q = {
+var defaultProps$P = {
   className: null
 };
 var BackButton = function BackButton(_ref) {
@@ -580,13 +579,13 @@ var BackButton = function BackButton(_ref) {
     })
   }, props));
 };
-BackButton.propTypes = propTypes$Q;
-BackButton.defaultProps = defaultProps$Q;
+BackButton.propTypes = propTypes$P;
+BackButton.defaultProps = defaultProps$P;
 var BackButton$1 = BackButton;
 
 var _excluded$8 = ["type"],
   _excluded2 = ["component", "id", "settings"];
-var propTypes$P = {
+var propTypes$O = {
   name: PropTypes.string,
   // .isRequired,
   value: core.PropTypes.component,
@@ -599,7 +598,7 @@ var propTypes$P = {
   closeFieldForm: PropTypes.func.isRequired,
   fieldContext: PropTypes.any // eslint-disable-line react/forbid-prop-types
 };
-var defaultProps$P = {
+var defaultProps$O = {
   name: null,
   form: null,
   formComponents: {},
@@ -676,13 +675,13 @@ var FieldForm = function FieldForm(_ref) {
     isForm: true
   }, formProps))) : null;
 };
-FieldForm.propTypes = propTypes$P;
-FieldForm.defaultProps = defaultProps$P;
+FieldForm.propTypes = propTypes$O;
+FieldForm.defaultProps = defaultProps$O;
 var FieldForm$1 = FieldForm;
 
 var styles$v = {"actions":"micromag-core-forms-form-actions","left":"micromag-core-forms-form-left","right":"micromag-core-forms-form-right"};
 
-var propTypes$O = {
+var propTypes$N = {
   action: PropTypes.string.isRequired,
   method: PropTypes.string,
   fields: core.PropTypes.formFields,
@@ -711,7 +710,7 @@ var propTypes$O = {
   actionsClassName: PropTypes.string,
   cancelClassName: PropTypes.string
 };
-var defaultProps$O = {
+var defaultProps$N = {
   method: 'POST',
   fields: [],
   initialValue: null,
@@ -914,14 +913,14 @@ var Form = function Form(_ref) {
     }]
   })) : null) : null);
 };
-Form.propTypes = propTypes$O;
-Form.defaultProps = defaultProps$O;
+Form.propTypes = propTypes$N;
+Form.defaultProps = defaultProps$N;
 var Form$1 = Form;
 
 var styles$u = {"withoutStyle":"micromag-core-partials-link-withoutStyle"};
 
 var _excluded$7 = ["href", "external", "children", "target", "rel", "className", "withoutStyle"];
-var propTypes$N = {
+var propTypes$M = {
   href: PropTypes.string,
   external: PropTypes.bool,
   target: PropTypes.string,
@@ -930,7 +929,7 @@ var propTypes$N = {
   withoutStyle: PropTypes.bool,
   className: PropTypes.string
 };
-var defaultProps$N = {
+var defaultProps$M = {
   href: '',
   external: false,
   target: '_blank',
@@ -958,12 +957,12 @@ var Link = function Link(_ref) {
     href: href
   }, props), /*#__PURE__*/React.createElement(Label$1, null, children));
 };
-Link.propTypes = propTypes$N;
-Link.defaultProps = defaultProps$N;
+Link.propTypes = propTypes$M;
+Link.defaultProps = defaultProps$M;
 var Link$1 = Link;
 
 var _excluded$6 = ["label", "className"];
-var propTypes$M = {
+var propTypes$L = {
   href: PropTypes.string,
   header: PropTypes.node,
   image: PropTypes.node,
@@ -992,7 +991,7 @@ var propTypes$M = {
   onClickBody: PropTypes.func,
   onClickFooter: PropTypes.func
 };
-var defaultProps$M = {
+var defaultProps$L = {
   href: null,
   header: null,
   image: null,
@@ -1105,19 +1104,19 @@ var Card = function Card(_ref) {
     className: cardClassName
   }, cardInner);
 };
-Card.propTypes = propTypes$M;
-Card.defaultProps = defaultProps$M;
+Card.propTypes = propTypes$L;
+Card.defaultProps = defaultProps$L;
 var Card$1 = Card;
 
 var styles$t = {"container":"micromag-core-partials-spinner-container","path":"micromag-core-partials-spinner-path","animated":"micromag-core-partials-spinner-animated","rotate":"micromag-core-partials-spinner-rotate","dash":"micromag-core-partials-spinner-dash"};
 
-var propTypes$L = {
+var propTypes$K = {
   animated: PropTypes.bool,
   color: PropTypes.string,
   strokeWidth: PropTypes.number,
   className: PropTypes.string
 };
-var defaultProps$L = {
+var defaultProps$K = {
   animated: true,
   color: 'currentColor',
   strokeWidth: 3,
@@ -1144,20 +1143,20 @@ var Spinner = function Spinner(_ref) {
     strokeWidth: strokeWidth
   }));
 };
-Spinner.propTypes = propTypes$L;
-Spinner.defaultProps = defaultProps$L;
+Spinner.propTypes = propTypes$K;
+Spinner.defaultProps = defaultProps$K;
 var Spinner$1 = Spinner;
 
 var styles$s = {};
 
 var _excluded$5 = ["description", "loading", "children", "className"];
-var propTypes$K = {
+var propTypes$J = {
   description: PropTypes.node,
   loading: PropTypes.bool,
   children: PropTypes.node,
   className: PropTypes.string
 };
-var defaultProps$K = {
+var defaultProps$J = {
   description: null,
   loading: false,
   children: null,
@@ -1173,15 +1172,15 @@ var FormPanel = function FormPanel(_ref) {
     className: classNames([styles$s.container, _defineProperty({}, className, className !== null)])
   }, props), description, loading ? /*#__PURE__*/React.createElement(Spinner$1, null) : children);
 };
-FormPanel.propTypes = propTypes$K;
-FormPanel.defaultProps = defaultProps$K;
+FormPanel.propTypes = propTypes$J;
+FormPanel.defaultProps = defaultProps$J;
 var FormPanel$1 = FormPanel;
 
-var propTypes$J = {
+var propTypes$I = {
   className: PropTypes.string,
   color: PropTypes.string
 };
-var defaultProps$J = {
+var defaultProps$I = {
   className: null,
   color: '#fff'
 };
@@ -1202,15 +1201,15 @@ var ArrowIcon = function ArrowIcon(_ref) {
     fill: color
   }));
 };
-ArrowIcon.propTypes = propTypes$J;
-ArrowIcon.defaultProps = defaultProps$J;
+ArrowIcon.propTypes = propTypes$I;
+ArrowIcon.defaultProps = defaultProps$I;
 var ArrowIcon$1 = ArrowIcon;
 
-var propTypes$I = {
+var propTypes$H = {
   className: PropTypes.string,
   color: PropTypes.string
 };
-var defaultProps$I = {
+var defaultProps$H = {
   className: null,
   color: '#fff'
 };
@@ -1236,15 +1235,15 @@ var CloseIcon = function CloseIcon(_ref) {
     strokeLinecap: "round"
   }));
 };
-CloseIcon.propTypes = propTypes$I;
-CloseIcon.defaultProps = defaultProps$I;
+CloseIcon.propTypes = propTypes$H;
+CloseIcon.defaultProps = defaultProps$H;
 var CloseIcon$1 = CloseIcon;
 
-var propTypes$H = {
+var propTypes$G = {
   className: PropTypes.string,
   color: PropTypes.string
 };
-var defaultProps$H = {
+var defaultProps$G = {
   className: null,
   color: '#fff'
 };
@@ -1263,15 +1262,15 @@ var FullscreenIcon = function FullscreenIcon(_ref) {
     fill: color
   }));
 };
-FullscreenIcon.propTypes = propTypes$H;
-FullscreenIcon.defaultProps = defaultProps$H;
+FullscreenIcon.propTypes = propTypes$G;
+FullscreenIcon.defaultProps = defaultProps$G;
 var FullscreenIcon$1 = FullscreenIcon;
 
-var propTypes$G = {
+var propTypes$F = {
   className: PropTypes.string,
   color: PropTypes.string
 };
-var defaultProps$G = {
+var defaultProps$F = {
   className: null,
   color: '#fff'
 };
@@ -1299,15 +1298,15 @@ var LinkIcon = function LinkIcon(_ref) {
     strokeLinejoin: "round"
   }));
 };
-LinkIcon.propTypes = propTypes$G;
-LinkIcon.defaultProps = defaultProps$G;
+LinkIcon.propTypes = propTypes$F;
+LinkIcon.defaultProps = defaultProps$F;
 var LinkIcon$1 = LinkIcon;
 
-var propTypes$F = {
+var propTypes$E = {
   className: PropTypes.string,
   color: PropTypes.string
 };
-var defaultProps$F = {
+var defaultProps$E = {
   className: null,
   color: '#fff'
 };
@@ -1332,15 +1331,15 @@ var MuteIcon = function MuteIcon(_ref) {
     stroke: color
   }));
 };
-MuteIcon.propTypes = propTypes$F;
-MuteIcon.defaultProps = defaultProps$F;
+MuteIcon.propTypes = propTypes$E;
+MuteIcon.defaultProps = defaultProps$E;
 var MuteIcon$1 = MuteIcon;
 
-var propTypes$E = {
+var propTypes$D = {
   className: PropTypes.string,
   color: PropTypes.string
 };
-var defaultProps$E = {
+var defaultProps$D = {
   className: null,
   color: '#fff'
 };
@@ -1367,15 +1366,15 @@ var PauseIcon = function PauseIcon(_ref) {
     fill: color
   }));
 };
-PauseIcon.propTypes = propTypes$E;
-PauseIcon.defaultProps = defaultProps$E;
+PauseIcon.propTypes = propTypes$D;
+PauseIcon.defaultProps = defaultProps$D;
 var PauseIcon$1 = PauseIcon;
 
-var propTypes$D = {
+var propTypes$C = {
   className: PropTypes.string,
   color: PropTypes.string
 };
-var defaultProps$D = {
+var defaultProps$C = {
   className: null,
   color: '#fff'
 };
@@ -1395,15 +1394,15 @@ var PlayIcon = function PlayIcon(_ref) {
     stroke: color
   }));
 };
-PlayIcon.propTypes = propTypes$D;
-PlayIcon.defaultProps = defaultProps$D;
+PlayIcon.propTypes = propTypes$C;
+PlayIcon.defaultProps = defaultProps$C;
 var PlayIcon$1 = PlayIcon;
 
-var propTypes$C = {
+var propTypes$B = {
   className: PropTypes.string,
   color: PropTypes.string
 };
-var defaultProps$C = {
+var defaultProps$B = {
   className: null,
   color: '#fff'
 };
@@ -1427,13 +1426,13 @@ var UnmuteIcon = function UnmuteIcon(_ref) {
     fill: color
   }));
 };
-UnmuteIcon.propTypes = propTypes$C;
-UnmuteIcon.defaultProps = defaultProps$C;
+UnmuteIcon.propTypes = propTypes$B;
+UnmuteIcon.defaultProps = defaultProps$B;
 var UnmuteIcon$1 = UnmuteIcon;
 
 var styles$r = {"container":"micromag-core-menus-breadcrumb-container","arrow":"micromag-core-menus-breadcrumb-arrow"};
 
-var propTypes$B = {
+var propTypes$A = {
   items: core.PropTypes.menuItems,
   theme: core.PropTypes.bootstrapThemes,
   separator: PropTypes.oneOf([null, 'arrow']),
@@ -1441,7 +1440,7 @@ var propTypes$B = {
   noWrap: PropTypes.bool,
   className: PropTypes.string
 };
-var defaultProps$B = {
+var defaultProps$A = {
   items: [],
   theme: null,
   separator: null,
@@ -1487,12 +1486,12 @@ var Breadcrumb = function Breadcrumb(_ref) {
     }, /*#__PURE__*/React.createElement(Label$1, null, label)) : null);
   })));
 };
-Breadcrumb.propTypes = propTypes$B;
-Breadcrumb.defaultProps = defaultProps$B;
+Breadcrumb.propTypes = propTypes$A;
+Breadcrumb.defaultProps = defaultProps$A;
 var Breadcrumb$1 = Breadcrumb;
 
 var _excluded$4 = ["type", "className", "label", "children", "onClick", "active"];
-var propTypes$A = {
+var propTypes$z = {
   items: core.PropTypes.menuItems,
   children: PropTypes.node,
   visible: PropTypes.bool,
@@ -1502,7 +1501,7 @@ var propTypes$A = {
   onClickItem: PropTypes.func,
   onClickOutside: PropTypes.func
 };
-var defaultProps$A = {
+var defaultProps$z = {
   items: [],
   children: null,
   visible: false,
@@ -1590,12 +1589,12 @@ var Dropdown = function Dropdown(_ref) {
     }, itemProps), label !== null ? /*#__PURE__*/React.createElement(Label$1, null, label) : itemChildren)) : null;
   }));
 };
-Dropdown.propTypes = propTypes$A;
-Dropdown.defaultProps = defaultProps$A;
+Dropdown.propTypes = propTypes$z;
+Dropdown.defaultProps = defaultProps$z;
 var Dropdown$1 = Dropdown;
 
 var _excluded$3 = ["id", "className", "linkClassName", "href", "label", "external", "items", "dropdown", "active", "onClick"];
-var propTypes$z = {
+var propTypes$y = {
   items: core.PropTypes.menuItems,
   tagName: PropTypes.string,
   itemTagName: PropTypes.string,
@@ -1614,7 +1613,7 @@ var propTypes$z = {
   dropdownLinkClassName: PropTypes.string,
   dropdownAlign: core.PropTypes.dropdownAlign
 };
-var defaultProps$z = {
+var defaultProps$y = {
   items: [],
   tagName: 'ul',
   itemTagName: 'li',
@@ -1730,13 +1729,13 @@ var Menu = function Menu(_ref) {
     }) : null);
   }));
 };
-Menu.propTypes = propTypes$z;
-Menu.defaultProps = defaultProps$z;
+Menu.propTypes = propTypes$y;
+Menu.defaultProps = defaultProps$y;
 var Menu$1 = Menu;
 
 var styles$q = {"collapse":"micromag-core-menus-navbar-collapse"};
 
-var propTypes$y = {
+var propTypes$x = {
   brand: PropTypes.node,
   brandLink: PropTypes.string,
   breadcrumbs: PropTypes.node,
@@ -1752,7 +1751,7 @@ var propTypes$y = {
   breadCrumbsClassName: PropTypes.string,
   collapseClassName: PropTypes.string
 };
-var defaultProps$y = {
+var defaultProps$x = {
   brand: null,
   brandLink: null,
   breadcrumbs: null,
@@ -1822,8 +1821,8 @@ var Navbar = function Navbar(_ref) {
     className: classNames(['navbar-collapse', 'collapse', styles$q.collapse, _defineProperty(_defineProperty({}, collapseClassName, collapseClassName !== null), "show", menuVisible)])
   }, children) : children));
 };
-Navbar.propTypes = propTypes$y;
-Navbar.defaultProps = defaultProps$y;
+Navbar.propTypes = propTypes$x;
+Navbar.defaultProps = defaultProps$x;
 var Navbar$1 = Navbar;
 
 var token = '%[a-f0-9]{2}';
@@ -2417,7 +2416,7 @@ var messages = reactIntl.defineMessages({
     }]
   }
 });
-var propTypes$x = {
+var propTypes$w = {
   page: PropTypes.number,
   lastPage: PropTypes.number,
   maxPages: PropTypes.number,
@@ -2432,7 +2431,7 @@ var propTypes$x = {
   linkClassName: PropTypes.string,
   onClickPage: PropTypes.func
 };
-var defaultProps$x = {
+var defaultProps$w = {
   page: 1,
   lastPage: 1,
   maxPages: 10,
@@ -2535,13 +2534,13 @@ var PaginationMenu = function PaginationMenu(_ref) {
     className: classNames(['page-link', _defineProperty({}, linkClassName, linkClassName !== null)])
   }, /*#__PURE__*/React.createElement(Label$1, null, messages.next))) : null));
 };
-PaginationMenu.propTypes = propTypes$x;
-PaginationMenu.defaultProps = defaultProps$x;
+PaginationMenu.propTypes = propTypes$w;
+PaginationMenu.defaultProps = defaultProps$w;
 var PaginationMenu$1 = PaginationMenu;
 
 var styles$o = {"container":"micromag-core-menus-tabs-container"};
 
-var propTypes$w = {
+var propTypes$v = {
   items: core.PropTypes.menuItems,
   size: core.PropTypes.buttonSize,
   theme: core.PropTypes.buttonTheme,
@@ -2550,7 +2549,7 @@ var propTypes$w = {
   className: PropTypes.string,
   onClickItem: PropTypes.func
 };
-var defaultProps$w = {
+var defaultProps$v = {
   items: [],
   size: null,
   theme: 'secondary',
@@ -2579,18 +2578,18 @@ var TabsMenu = function TabsMenu(_ref) {
     buttonClassName: classNames([styles$o.button, _defineProperty({}, buttonClassName, buttonClassName !== null)])
   }));
 };
-TabsMenu.propTypes = propTypes$w;
-TabsMenu.defaultProps = defaultProps$w;
+TabsMenu.propTypes = propTypes$v;
+TabsMenu.defaultProps = defaultProps$v;
 var TabsMenu$1 = TabsMenu;
 
 var styles$n = {"container":"micromag-core-modals-container","modals":"micromag-core-modals-modals","hasModals":"micromag-core-modals-hasModals"};
 
-var propTypes$v = {
+var propTypes$u = {
   modals: core.PropTypes.modals.isRequired,
   setModalsContainer: PropTypes.func.isRequired,
   className: PropTypes.string
 };
-var defaultProps$v = {
+var defaultProps$u = {
   className: null
 };
 var ModalsContainer = function ModalsContainer(_ref) {
@@ -2608,14 +2607,14 @@ var ModalsContainer = function ModalsContainer(_ref) {
     ref: containerRef
   }));
 };
-ModalsContainer.propTypes = propTypes$v;
-ModalsContainer.defaultProps = defaultProps$v;
+ModalsContainer.propTypes = propTypes$u;
+ModalsContainer.defaultProps = defaultProps$u;
 var Modals = contexts.withModals(ModalsContainer);
 
 var styles$m = {"container":"micromag-core-modals-modal-container","center":"micromag-core-modals-modal-center","inner":"micromag-core-modals-modal-inner","top":"micromag-core-modals-modal-top"};
 
 /* eslint-disable react/no-array-index-key, react/jsx-props-no-spreading */
-var propTypes$u = {
+var propTypes$t = {
   id: PropTypes.string,
   data: PropTypes.object,
   // eslint-disable-line react/forbid-prop-types
@@ -2625,7 +2624,7 @@ var propTypes$u = {
   unregister: PropTypes.func,
   children: PropTypes.node
 };
-var defaultProps$u = {
+var defaultProps$t = {
   id: null,
   data: null,
   container: null,
@@ -2655,18 +2654,18 @@ var ElementPortal = function ElementPortal(_ref) {
   }, [finalId, data]);
   return container !== null ? /*#__PURE__*/ReactDOM.createPortal(children, container) : null;
 };
-ElementPortal.propTypes = propTypes$u;
-ElementPortal.defaultProps = defaultProps$u;
+ElementPortal.propTypes = propTypes$t;
+ElementPortal.defaultProps = defaultProps$t;
 var ElementPortal$1 = ElementPortal;
 
 /* eslint-disable react/no-array-index-key, react/jsx-props-no-spreading */
-var propTypes$t = {
+var propTypes$s = {
   id: PropTypes.string,
   data: PropTypes.object,
   // eslint-disable-line react/forbid-prop-types
   children: PropTypes.node
 };
-var defaultProps$t = {
+var defaultProps$s = {
   id: null,
   data: null,
   children: null
@@ -2689,17 +2688,17 @@ var ModalPortal = function ModalPortal(_ref) {
     unregister: unregister
   }, children);
 };
-ModalPortal.propTypes = propTypes$t;
-ModalPortal.defaultProps = defaultProps$t;
+ModalPortal.propTypes = propTypes$s;
+ModalPortal.defaultProps = defaultProps$s;
 var Portal$1 = ModalPortal;
 
-var propTypes$s = {
+var propTypes$r = {
   id: PropTypes.string,
   title: PropTypes.string,
   position: PropTypes.oneOf(['center', 'top']),
   children: PropTypes.node
 };
-var defaultProps$s = {
+var defaultProps$r = {
   id: null,
   title: null,
   position: 'center',
@@ -2727,33 +2726,31 @@ var Modal = function Modal(_ref) {
     className: classNames([styles$m.inner, 'bg-dark'])
   }, children)));
 };
-Modal.propTypes = propTypes$s;
-Modal.defaultProps = defaultProps$s;
+Modal.propTypes = propTypes$r;
+Modal.defaultProps = defaultProps$r;
 var Modal$1 = Modal;
 
 var styles$l = {"container":"micromag-core-modals-dialog-container"};
 
-var propTypes$r = {
+var propTypes$q = {
   title: core.PropTypes.label,
   header: PropTypes.node,
   children: PropTypes.node,
   footer: PropTypes.node,
   size: PropTypes.string,
   buttons: core.PropTypes.buttons,
-  // theme: PropTypes.oneOf([null, 'dark', 'light']),
-  onClickClose: PropTypes.func,
+  onClose: PropTypes.func,
   className: PropTypes.string,
   bodyClassName: PropTypes.string
 };
-var defaultProps$r = {
+var defaultProps$q = {
   title: null,
   header: null,
   children: null,
   footer: null,
   size: null,
   buttons: null,
-  // theme: 'dark',
-  onClickClose: null,
+  onClose: null,
   className: null,
   bodyClassName: null
 };
@@ -2764,7 +2761,7 @@ var ModalDialog = function ModalDialog(_ref) {
     buttons = _ref.buttons,
     footer = _ref.footer,
     size = _ref.size,
-    onClickClose = _ref.onClickClose,
+    onClose = _ref.onClose,
     className = _ref.className,
     bodyClassName = _ref.bodyClassName;
   return /*#__PURE__*/React.createElement("div", {
@@ -2773,100 +2770,27 @@ var ModalDialog = function ModalDialog(_ref) {
   }, /*#__PURE__*/React.createElement("div", {
     className: "modal-content"
   }, header || /*#__PURE__*/React.createElement("div", {
-    className: classNames(['modal-header', 'p-2', 'd-flex', 'justify-content-between', styles$l.header, {
-      // 'bg-dark': theme === 'dark',
-      // 'border-dark': theme === 'dark',
-      // 'text-light': theme === 'dark',
-    }])
+    className: classNames(['modal-header', 'p-2', 'd-flex', 'justify-content-between', styles$l.header])
   }, /*#__PURE__*/React.createElement("h5", {
     className: "modal-title"
   }, /*#__PURE__*/React.createElement(Label$1, null, title)), /*#__PURE__*/React.createElement("button", {
     type: "button",
     className: "btn btn-close p-2",
     "aria-label": "Close",
-    onClick: onClickClose
+    onClick: onClose
   })), /*#__PURE__*/React.createElement("div", {
     className: classNames(['modal-body', 'p-2', _defineProperty({}, bodyClassName, bodyClassName !== null)])
   }, children), footer !== null || buttons !== null ? /*#__PURE__*/React.createElement("div", {
-    className: classNames(['modal-footer', styles$l.footer])
+    className: classNames(['modal-footer', 'p-2', styles$l.footer])
   }, footer, buttons !== null ? /*#__PURE__*/React.createElement(Buttons$1, {
     buttons: buttons,
     className: styles$l.buttons
   }) : null) : null));
 };
-ModalDialog.propTypes = propTypes$r;
-ModalDialog.defaultProps = defaultProps$r;
+ModalDialog.propTypes = propTypes$q;
+ModalDialog.defaultProps = defaultProps$q;
 var ModalDialog$1 = ModalDialog;
 
-// import classNames from 'classnames';
-// import { DashboardModal } from '@uppy/react';
-var DashboardModal = /*#__PURE__*/React.lazy(function () {
-  return import('@uppy/react').then(function (_ref) {
-    var Component = _ref.DashboardModal;
-    return {
-      "default": Component
-    };
-  });
-});
-var propTypes$q = {
-  type: PropTypes.oneOfType([core.PropTypes.mediaTypes, PropTypes.array]),
-  opened: PropTypes.bool,
-  sources: PropTypes.arrayOf(PropTypes.string),
-  onUploaded: PropTypes.func,
-  onRequestClose: PropTypes.func
-};
-var defaultProps$q = {
-  type: null,
-  opened: false,
-  sources: ['webcam', 'facebook', 'instagram', 'dropbox', 'google-drive'],
-  onUploaded: null,
-  onRequestClose: null
-};
-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);
-    }
-  }, [onUploaded]);
-  var fileTypes = React.useMemo(function () {
-    if (isArray(type)) {
-      return type.map(function (t) {
-        return ['image', 'video', 'audio'].indexOf(t) !== -1 ? "".concat(t, "/*") : null;
-      }).filter(function (t) {
-        return t !== null;
-      });
-    }
-    return ['image', 'video', 'audio'].indexOf(type) !== -1 ? ["".concat(type, "/*")] : null;
-  }, [type]);
-  var uppy$1 = uppy.useUppy({
-    onComplete: onUppyComplete,
-    sources: sources,
-    allowedFileTypes: fileTypes !== null && fileTypes.length > 0 ? fileTypes : null
-  });
-  React.useEffect(function () {
-    if (uppy$1 !== null && !opened) {
-      uppy$1.cancelAll();
-    }
-  }, [uppy$1, opened]);
-  return uppy$1 !== null ? /*#__PURE__*/React.createElement(React.Suspense, {
-    fallback: /*#__PURE__*/React.createElement("div", null)
-  }, /*#__PURE__*/React.createElement(DashboardModal, {
-    uppy: uppy$1,
-    open: opened,
-    closeAfterFinish: true,
-    onRequestClose: onRequestClose,
-    plugins: sources
-  })) : null;
-};
-UploadModal.propTypes = propTypes$q;
-UploadModal.defaultProps = defaultProps$q;
-var UploadModal$1 = UploadModal;
-
 var styles$k = {"container":"micromag-core-panels-container"};
 
 var propTypes$p = {
@@ -5444,4 +5368,3 @@ exports.Tabs = TabsMenu$1;
 exports.Transitions = Transitions;
 exports.TransitionsStagger = TransitionsStagger$1;
 exports.UnmuteIcon = UnmuteIcon$1;
-exports.UploadModal = UploadModal$1;