@micromag/core 0.3.508 → 0.3.512

package/es/components.js

@@ -3,7 +3,7 @@ import PropTypes$1 from 'prop-types';
 import React, { useCallback, useState, useEffect, useRef, useMemo, Suspense } from 'react';
 import { PropTypes } from '@micromag/core';
 import { isMessage, getFieldFromPath, getComponentFromName, setFieldValue, validateFields, getDisplayName, pascalCase, convertStyleToString } from '@micromag/core/utils';
-import { useFieldsManager, useFieldComponent, FieldContextProvider, withModals, useModals, useUppy, withPanels, usePanels, ScreenSizeProvider, useScreenComponent, ScreenProvider, useScreenRenderContext, useScreenSize } from '@micromag/core/contexts';
+import { useFieldsManager, useFieldComponent, FieldContextProvider, withModals, useModals, withPanels, usePanels, ScreenSizeProvider, useScreenComponent, ScreenProvider, useScreenRenderContext, useScreenSize } from '@micromag/core/contexts';
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import { useSpring } from '@react-spring/core';
@@ -20,6 +20,7 @@ import get from 'lodash/get';
 import queryString from 'query-string';
 import ReactDOM from 'react-dom';
 import isArray from 'lodash/isArray';
+import { useUppy } from '@panneau/uppy';
 import { faAngleDown } from '@fortawesome/free-solid-svg-icons/faAngleDown';
 import { faAngleUp } from '@fortawesome/free-solid-svg-icons/faAngleUp';
 import dayjs from 'dayjs';
@@ -66,7 +67,7 @@ Label.propTypes = propTypes$T;
 Label.defaultProps = defaultProps$T;
 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","focus-visible":"micromag-core-buttons-button-focus-visible"};
+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 = {
@@ -1882,6 +1883,7 @@ var propTypes$r = {
   header: PropTypes$1.node,
   children: PropTypes$1.node,
   footer: PropTypes$1.node,
+  size: PropTypes$1.string,
   buttons: PropTypes.buttons,
   // theme: PropTypes.oneOf([null, 'dark', 'light']),
   onClickClose: PropTypes$1.func,
@@ -1893,6 +1895,7 @@ var defaultProps$r = {
   header: null,
   children: null,
   footer: null,
+  size: null,
   buttons: null,
   // theme: 'dark',
   onClickClose: null,
@@ -1905,11 +1908,12 @@ var ModalDialog = function ModalDialog(_ref) {
     children = _ref.children,
     buttons = _ref.buttons,
     footer = _ref.footer,
+    size = _ref.size,
     onClickClose = _ref.onClickClose,
     className = _ref.className,
     bodyClassName = _ref.bodyClassName;
   return /*#__PURE__*/React.createElement("div", {
-    className: classNames(['modal-dialog', styles$l.container, _defineProperty({}, className, className)]),
+    className: classNames([styles$l.container, 'modal-dialog', _defineProperty(_defineProperty({}, "modal-".concat(size), size !== null), className, className)]),
     role: "dialog"
   }, /*#__PURE__*/React.createElement("div", {
     className: "modal-content"
@@ -1927,7 +1931,7 @@ var ModalDialog = function ModalDialog(_ref) {
     "aria-label": "Close",
     onClick: onClickClose
   })), /*#__PURE__*/React.createElement("div", {
-    className: classNames(['modal-body', 'p-2', styles$l.body, _defineProperty({}, bodyClassName, bodyClassName !== null)])
+    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])
   }, footer, buttons !== null ? /*#__PURE__*/React.createElement(Buttons$1, {
@@ -1991,7 +1995,7 @@ var UploadModal = function UploadModal(_ref2) {
   });
   useEffect(function () {
     if (uppy !== null && !opened) {
-      uppy.reset();
+      uppy.cancelAll();
     }
   }, [uppy, opened]);
   return uppy !== null ? /*#__PURE__*/React.createElement(Suspense, {
@@ -2766,10 +2770,11 @@ PropTypes$1.shape({
 var font = PropTypes$1.oneOfType([PropTypes$1.object, PropTypes$1.string]);
 PropTypes$1.arrayOf(font);
 var textAlign = PropTypes$1.oneOf(['left', 'right', 'center']);
-var color = PropTypes$1.shape({
+var colorObject = PropTypes$1.shape({
   color: PropTypes$1.string,
   alpha: PropTypes$1.number
 });
+var color = PropTypes$1.oneOfType([colorObject, PropTypes$1.string]);
 var textStyle = PropTypes$1.shape({
   fontFamily: font,
   fontSize: PropTypes$1.number,