@micromag/core 0.3.508 → 0.3.512

package/lib/components.js

@@ -20,9 +20,11 @@ var faAngleLeft = require('@fortawesome/free-solid-svg-icons/faAngleLeft');
 var _toConsumableArray = require('@babel/runtime/helpers/toConsumableArray');
 var hooks = require('@micromag/core/hooks');
 var get = require('lodash/get');
-var queryString = require('query-string');
+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');
@@ -347,7 +349,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 = {
@@ -1824,6 +1826,579 @@ Navbar.propTypes = propTypes$y;
 Navbar.defaultProps = defaultProps$y;
 var Navbar$1 = Navbar;
 
+var token = '%[a-f0-9]{2}';
+var singleMatcher = new RegExp('(' + token + ')|([^%]+?)', 'gi');
+var multiMatcher = new RegExp('(' + token + ')+', 'gi');
+function decodeComponents(components, split) {
+  try {
+    // Try to decode the entire string first
+    return [decodeURIComponent(components.join(''))];
+  } catch (_unused) {
+    // Do nothing
+  }
+  if (components.length === 1) {
+    return components;
+  }
+  split = split || 1;
+
+  // Split the array in 2 parts
+  var left = components.slice(0, split);
+  var right = components.slice(split);
+  return Array.prototype.concat.call([], decodeComponents(left), decodeComponents(right));
+}
+function decode$1(input) {
+  try {
+    return decodeURIComponent(input);
+  } catch (_unused2) {
+    var tokens = input.match(singleMatcher) || [];
+    for (var i = 1; i < tokens.length; i++) {
+      input = decodeComponents(tokens, i).join('');
+      tokens = input.match(singleMatcher) || [];
+    }
+    return input;
+  }
+}
+function customDecodeURIComponent(input) {
+  // Keep track of all the replacements and prefill the map with the `BOM`
+  var replaceMap = {
+    '%FE%FF': "\uFFFD\uFFFD",
+    '%FF%FE': "\uFFFD\uFFFD"
+  };
+  var match = multiMatcher.exec(input);
+  while (match) {
+    try {
+      // Decode as big chunks as possible
+      replaceMap[match[0]] = decodeURIComponent(match[0]);
+    } catch (_unused3) {
+      var result = decode$1(match[0]);
+      if (result !== match[0]) {
+        replaceMap[match[0]] = result;
+      }
+    }
+    match = multiMatcher.exec(input);
+  }
+
+  // Add `%C2` at the end of the map to make sure it does not replace the combinator before everything else
+  replaceMap['%C2'] = "\uFFFD";
+  var entries = Object.keys(replaceMap);
+  for (var _i = 0, _entries = entries; _i < _entries.length; _i++) {
+    var key = _entries[_i];
+    // Replace all decoded components
+    input = input.replace(new RegExp(key, 'g'), replaceMap[key]);
+  }
+  return input;
+}
+function decodeUriComponent(encodedURI) {
+  if (typeof encodedURI !== 'string') {
+    throw new TypeError('Expected `encodedURI` to be of type `string`, got `' + _typeof(encodedURI) + '`');
+  }
+  try {
+    // Try the built in decoder first
+    return decodeURIComponent(encodedURI);
+  } catch (_unused4) {
+    // Fallback to a more advanced decoder
+    return customDecodeURIComponent(encodedURI);
+  }
+}
+
+function splitOnFirst(string, separator) {
+  if (!(typeof string === 'string' && typeof separator === 'string')) {
+    throw new TypeError('Expected the arguments to be of type `string`');
+  }
+  if (string === '' || separator === '') {
+    return [];
+  }
+  var separatorIndex = string.indexOf(separator);
+  if (separatorIndex === -1) {
+    return [];
+  }
+  return [string.slice(0, separatorIndex), string.slice(separatorIndex + separator.length)];
+}
+
+function includeKeys(object, predicate) {
+  var result = {};
+  if (Array.isArray(predicate)) {
+    var _iterator = _createForOfIteratorHelper(predicate),
+      _step;
+    try {
+      for (_iterator.s(); !(_step = _iterator.n()).done;) {
+        var key = _step.value;
+        var descriptor = Object.getOwnPropertyDescriptor(object, key);
+        if (descriptor !== null && descriptor !== void 0 && descriptor.enumerable) {
+          Object.defineProperty(result, key, descriptor);
+        }
+      }
+    } catch (err) {
+      _iterator.e(err);
+    } finally {
+      _iterator.f();
+    }
+  } else {
+    // `Reflect.ownKeys()` is required to retrieve symbol properties
+    var _iterator2 = _createForOfIteratorHelper(Reflect.ownKeys(object)),
+      _step2;
+    try {
+      for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
+        var _key = _step2.value;
+        var _descriptor = Object.getOwnPropertyDescriptor(object, _key);
+        if (_descriptor.enumerable) {
+          var value = object[_key];
+          if (predicate(_key, value, object)) {
+            Object.defineProperty(result, _key, _descriptor);
+          }
+        }
+      }
+    } catch (err) {
+      _iterator2.e(err);
+    } finally {
+      _iterator2.f();
+    }
+  }
+  return result;
+}
+
+var isNullOrUndefined = function isNullOrUndefined(value) {
+  return value === null || value === undefined;
+};
+
+// eslint-disable-next-line unicorn/prefer-code-point
+var strictUriEncode = function strictUriEncode(string) {
+  return encodeURIComponent(string).replaceAll(/[!'()*]/g, function (x) {
+    return "%".concat(x.charCodeAt(0).toString(16).toUpperCase());
+  });
+};
+var encodeFragmentIdentifier = Symbol('encodeFragmentIdentifier');
+function encoderForArrayFormat(options) {
+  switch (options.arrayFormat) {
+    case 'index':
+      {
+        return function (key) {
+          return function (result, value) {
+            var index = result.length;
+            if (value === undefined || options.skipNull && value === null || options.skipEmptyString && value === '') {
+              return result;
+            }
+            if (value === null) {
+              return [].concat(_toConsumableArray(result), [[encode(key, options), '[', index, ']'].join('')]);
+            }
+            return [].concat(_toConsumableArray(result), [[encode(key, options), '[', encode(index, options), ']=', encode(value, options)].join('')]);
+          };
+        };
+      }
+    case 'bracket':
+      {
+        return function (key) {
+          return function (result, value) {
+            if (value === undefined || options.skipNull && value === null || options.skipEmptyString && value === '') {
+              return result;
+            }
+            if (value === null) {
+              return [].concat(_toConsumableArray(result), [[encode(key, options), '[]'].join('')]);
+            }
+            return [].concat(_toConsumableArray(result), [[encode(key, options), '[]=', encode(value, options)].join('')]);
+          };
+        };
+      }
+    case 'colon-list-separator':
+      {
+        return function (key) {
+          return function (result, value) {
+            if (value === undefined || options.skipNull && value === null || options.skipEmptyString && value === '') {
+              return result;
+            }
+            if (value === null) {
+              return [].concat(_toConsumableArray(result), [[encode(key, options), ':list='].join('')]);
+            }
+            return [].concat(_toConsumableArray(result), [[encode(key, options), ':list=', encode(value, options)].join('')]);
+          };
+        };
+      }
+    case 'comma':
+    case 'separator':
+    case 'bracket-separator':
+      {
+        var keyValueSeparator = options.arrayFormat === 'bracket-separator' ? '[]=' : '=';
+        return function (key) {
+          return function (result, value) {
+            if (value === undefined || options.skipNull && value === null || options.skipEmptyString && value === '') {
+              return result;
+            }
+
+            // Translate null to an empty string so that it doesn't serialize as 'null'
+            value = value === null ? '' : value;
+            if (result.length === 0) {
+              return [[encode(key, options), keyValueSeparator, encode(value, options)].join('')];
+            }
+            return [[result, encode(value, options)].join(options.arrayFormatSeparator)];
+          };
+        };
+      }
+    default:
+      {
+        return function (key) {
+          return function (result, value) {
+            if (value === undefined || options.skipNull && value === null || options.skipEmptyString && value === '') {
+              return result;
+            }
+            if (value === null) {
+              return [].concat(_toConsumableArray(result), [encode(key, options)]);
+            }
+            return [].concat(_toConsumableArray(result), [[encode(key, options), '=', encode(value, options)].join('')]);
+          };
+        };
+      }
+  }
+}
+function parserForArrayFormat(options) {
+  var result;
+  switch (options.arrayFormat) {
+    case 'index':
+      {
+        return function (key, value, accumulator) {
+          result = /\[(\d*)]$/.exec(key);
+          key = key.replace(/\[\d*]$/, '');
+          if (!result) {
+            accumulator[key] = value;
+            return;
+          }
+          if (accumulator[key] === undefined) {
+            accumulator[key] = {};
+          }
+          accumulator[key][result[1]] = value;
+        };
+      }
+    case 'bracket':
+      {
+        return function (key, value, accumulator) {
+          result = /(\[])$/.exec(key);
+          key = key.replace(/\[]$/, '');
+          if (!result) {
+            accumulator[key] = value;
+            return;
+          }
+          if (accumulator[key] === undefined) {
+            accumulator[key] = [value];
+            return;
+          }
+          accumulator[key] = [].concat(_toConsumableArray(accumulator[key]), [value]);
+        };
+      }
+    case 'colon-list-separator':
+      {
+        return function (key, value, accumulator) {
+          result = /(:list)$/.exec(key);
+          key = key.replace(/:list$/, '');
+          if (!result) {
+            accumulator[key] = value;
+            return;
+          }
+          if (accumulator[key] === undefined) {
+            accumulator[key] = [value];
+            return;
+          }
+          accumulator[key] = [].concat(_toConsumableArray(accumulator[key]), [value]);
+        };
+      }
+    case 'comma':
+    case 'separator':
+      {
+        return function (key, value, accumulator) {
+          var isArray = typeof value === 'string' && value.includes(options.arrayFormatSeparator);
+          var isEncodedArray = typeof value === 'string' && !isArray && decode(value, options).includes(options.arrayFormatSeparator);
+          value = isEncodedArray ? decode(value, options) : value;
+          var newValue = isArray || isEncodedArray ? value.split(options.arrayFormatSeparator).map(function (item) {
+            return decode(item, options);
+          }) : value === null ? value : decode(value, options);
+          accumulator[key] = newValue;
+        };
+      }
+    case 'bracket-separator':
+      {
+        return function (key, value, accumulator) {
+          var isArray = /(\[])$/.test(key);
+          key = key.replace(/\[]$/, '');
+          if (!isArray) {
+            accumulator[key] = value ? decode(value, options) : value;
+            return;
+          }
+          var arrayValue = value === null ? [] : value.split(options.arrayFormatSeparator).map(function (item) {
+            return decode(item, options);
+          });
+          if (accumulator[key] === undefined) {
+            accumulator[key] = arrayValue;
+            return;
+          }
+          accumulator[key] = [].concat(_toConsumableArray(accumulator[key]), _toConsumableArray(arrayValue));
+        };
+      }
+    default:
+      {
+        return function (key, value, accumulator) {
+          if (accumulator[key] === undefined) {
+            accumulator[key] = value;
+            return;
+          }
+          accumulator[key] = [].concat(_toConsumableArray([accumulator[key]].flat()), [value]);
+        };
+      }
+  }
+}
+function validateArrayFormatSeparator(value) {
+  if (typeof value !== 'string' || value.length !== 1) {
+    throw new TypeError('arrayFormatSeparator must be single character string');
+  }
+}
+function encode(value, options) {
+  if (options.encode) {
+    return options.strict ? strictUriEncode(value) : encodeURIComponent(value);
+  }
+  return value;
+}
+function decode(value, options) {
+  if (options.decode) {
+    return decodeUriComponent(value);
+  }
+  return value;
+}
+function keysSorter(input) {
+  if (Array.isArray(input)) {
+    return input.sort();
+  }
+  if (_typeof(input) === 'object') {
+    return keysSorter(Object.keys(input)).sort(function (a, b) {
+      return Number(a) - Number(b);
+    }).map(function (key) {
+      return input[key];
+    });
+  }
+  return input;
+}
+function removeHash(input) {
+  var hashStart = input.indexOf('#');
+  if (hashStart !== -1) {
+    input = input.slice(0, hashStart);
+  }
+  return input;
+}
+function getHash(url) {
+  var hash = '';
+  var hashStart = url.indexOf('#');
+  if (hashStart !== -1) {
+    hash = url.slice(hashStart);
+  }
+  return hash;
+}
+function parseValue(value, options) {
+  if (options.parseNumbers && !Number.isNaN(Number(value)) && typeof value === 'string' && value.trim() !== '') {
+    value = Number(value);
+  } else if (options.parseBooleans && value !== null && (value.toLowerCase() === 'true' || value.toLowerCase() === 'false')) {
+    value = value.toLowerCase() === 'true';
+  }
+  return value;
+}
+function extract(input) {
+  input = removeHash(input);
+  var queryStart = input.indexOf('?');
+  if (queryStart === -1) {
+    return '';
+  }
+  return input.slice(queryStart + 1);
+}
+function parse(query, options) {
+  options = _objectSpread({
+    decode: true,
+    sort: true,
+    arrayFormat: 'none',
+    arrayFormatSeparator: ',',
+    parseNumbers: false,
+    parseBooleans: false
+  }, options);
+  validateArrayFormatSeparator(options.arrayFormatSeparator);
+  var formatter = parserForArrayFormat(options);
+
+  // Create an object with no prototype
+  var returnValue = Object.create(null);
+  if (typeof query !== 'string') {
+    return returnValue;
+  }
+  query = query.trim().replace(/^[?#&]/, '');
+  if (!query) {
+    return returnValue;
+  }
+  var _iterator = _createForOfIteratorHelper(query.split('&')),
+    _step;
+  try {
+    for (_iterator.s(); !(_step = _iterator.n()).done;) {
+      var parameter = _step.value;
+      if (parameter === '') {
+        continue;
+      }
+      var parameter_ = options.decode ? parameter.replaceAll('+', ' ') : parameter;
+      var _splitOnFirst = splitOnFirst(parameter_, '='),
+        _splitOnFirst2 = _slicedToArray(_splitOnFirst, 2),
+        _key = _splitOnFirst2[0],
+        _value = _splitOnFirst2[1];
+      if (_key === undefined) {
+        _key = parameter_;
+      }
+
+      // Missing `=` should be `null`:
+      // http://w3.org/TR/2012/WD-url-20120524/#collect-url-parameters
+      _value = _value === undefined ? null : ['comma', 'separator', 'bracket-separator'].includes(options.arrayFormat) ? _value : decode(_value, options);
+      formatter(decode(_key, options), _value, returnValue);
+    }
+  } catch (err) {
+    _iterator.e(err);
+  } finally {
+    _iterator.f();
+  }
+  for (var _i = 0, _Object$entries = Object.entries(returnValue); _i < _Object$entries.length; _i++) {
+    var _Object$entries$_i = _slicedToArray(_Object$entries[_i], 2),
+      key = _Object$entries$_i[0],
+      value = _Object$entries$_i[1];
+    if (_typeof(value) === 'object' && value !== null) {
+      for (var _i2 = 0, _Object$entries2 = Object.entries(value); _i2 < _Object$entries2.length; _i2++) {
+        var _Object$entries2$_i = _slicedToArray(_Object$entries2[_i2], 2),
+          key2 = _Object$entries2$_i[0],
+          value2 = _Object$entries2$_i[1];
+        value[key2] = parseValue(value2, options);
+      }
+    } else {
+      returnValue[key] = parseValue(value, options);
+    }
+  }
+  if (options.sort === false) {
+    return returnValue;
+  }
+
+  // TODO: Remove the use of `reduce`.
+  // eslint-disable-next-line unicorn/no-array-reduce
+  return (options.sort === true ? Object.keys(returnValue).sort() : Object.keys(returnValue).sort(options.sort)).reduce(function (result, key) {
+    var value = returnValue[key];
+    result[key] = Boolean(value) && _typeof(value) === 'object' && !Array.isArray(value) ? keysSorter(value) : value;
+    return result;
+  }, Object.create(null));
+}
+function stringify(object, options) {
+  if (!object) {
+    return '';
+  }
+  options = _objectSpread({
+    encode: true,
+    strict: true,
+    arrayFormat: 'none',
+    arrayFormatSeparator: ','
+  }, options);
+  validateArrayFormatSeparator(options.arrayFormatSeparator);
+  var shouldFilter = function shouldFilter(key) {
+    return options.skipNull && isNullOrUndefined(object[key]) || options.skipEmptyString && object[key] === '';
+  };
+  var formatter = encoderForArrayFormat(options);
+  var objectCopy = {};
+  for (var _i3 = 0, _Object$entries3 = Object.entries(object); _i3 < _Object$entries3.length; _i3++) {
+    var _Object$entries3$_i = _slicedToArray(_Object$entries3[_i3], 2),
+      key = _Object$entries3$_i[0],
+      value = _Object$entries3$_i[1];
+    if (!shouldFilter(key)) {
+      objectCopy[key] = value;
+    }
+  }
+  var keys = Object.keys(objectCopy);
+  if (options.sort !== false) {
+    keys.sort(options.sort);
+  }
+  return keys.map(function (key) {
+    var value = object[key];
+    if (value === undefined) {
+      return '';
+    }
+    if (value === null) {
+      return encode(key, options);
+    }
+    if (Array.isArray(value)) {
+      if (value.length === 0 && options.arrayFormat === 'bracket-separator') {
+        return encode(key, options) + '[]';
+      }
+      return value.reduce(formatter(key), []).join('&');
+    }
+    return encode(key, options) + '=' + encode(value, options);
+  }).filter(function (x) {
+    return x.length > 0;
+  }).join('&');
+}
+function parseUrl(url, options) {
+  var _url_$split$, _url_;
+  options = _objectSpread({
+    decode: true
+  }, options);
+  var _splitOnFirst3 = splitOnFirst(url, '#'),
+    _splitOnFirst4 = _slicedToArray(_splitOnFirst3, 2),
+    url_ = _splitOnFirst4[0],
+    hash = _splitOnFirst4[1];
+  if (url_ === undefined) {
+    url_ = url;
+  }
+  return _objectSpread({
+    url: (_url_$split$ = (_url_ = url_) === null || _url_ === void 0 || (_url_ = _url_.split('?')) === null || _url_ === void 0 ? void 0 : _url_[0]) !== null && _url_$split$ !== void 0 ? _url_$split$ : '',
+    query: parse(extract(url), options)
+  }, options && options.parseFragmentIdentifier && hash ? {
+    fragmentIdentifier: decode(hash, options)
+  } : {});
+}
+function stringifyUrl(object, options) {
+  options = _objectSpread(_defineProperty({
+    encode: true,
+    strict: true
+  }, encodeFragmentIdentifier, true), options);
+  var url = removeHash(object.url).split('?')[0] || '';
+  var queryFromUrl = extract(object.url);
+  var query = _objectSpread(_objectSpread({}, parse(queryFromUrl, {
+    sort: false
+  })), object.query);
+  var queryString = stringify(query, options);
+  queryString && (queryString = "?".concat(queryString));
+  var hash = getHash(object.url);
+  if (typeof object.fragmentIdentifier === 'string') {
+    var urlObjectForFragmentEncode = new URL(url);
+    urlObjectForFragmentEncode.hash = object.fragmentIdentifier;
+    hash = options[encodeFragmentIdentifier] ? urlObjectForFragmentEncode.hash : "#".concat(object.fragmentIdentifier);
+  }
+  return "".concat(url).concat(queryString).concat(hash);
+}
+function pick(input, filter, options) {
+  options = _objectSpread(_defineProperty({
+    parseFragmentIdentifier: true
+  }, encodeFragmentIdentifier, false), options);
+  var _parseUrl = parseUrl(input, options),
+    url = _parseUrl.url,
+    query = _parseUrl.query,
+    fragmentIdentifier = _parseUrl.fragmentIdentifier;
+  return stringifyUrl({
+    url: url,
+    query: includeKeys(query, filter),
+    fragmentIdentifier: fragmentIdentifier
+  }, options);
+}
+function exclude(input, filter, options) {
+  var exclusionFilter = Array.isArray(filter) ? function (key) {
+    return !filter.includes(key);
+  } : function (key, value) {
+    return !filter(key, value);
+  };
+  return pick(input, exclusionFilter, options);
+}
+
+var queryString = /*#__PURE__*/Object.freeze({
+  __proto__: null,
+  exclude: exclude,
+  extract: extract,
+  parse: parse,
+  parseUrl: parseUrl,
+  pick: pick,
+  stringify: stringify,
+  stringifyUrl: stringifyUrl
+});
+
 var styles$p = {};
 
 var messages = reactIntl.defineMessages({
@@ -2163,6 +2738,7 @@ var propTypes$r = {
   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,
@@ -2174,6 +2750,7 @@ var defaultProps$r = {
   header: null,
   children: null,
   footer: null,
+  size: null,
   buttons: null,
   // theme: 'dark',
   onClickClose: null,
@@ -2186,11 +2763,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"
@@ -2208,7 +2786,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, {
@@ -2265,20 +2843,20 @@ var UploadModal = function UploadModal(_ref2) {
     }
     return ['image', 'video', 'audio'].indexOf(type) !== -1 ? ["".concat(type, "/*")] : null;
   }, [type]);
-  var uppy = contexts.useUppy({
+  var uppy$1 = uppy.useUppy({
     onComplete: onUppyComplete,
     sources: sources,
     allowedFileTypes: fileTypes !== null && fileTypes.length > 0 ? fileTypes : null
   });
   React.useEffect(function () {
-    if (uppy !== null && !opened) {
-      uppy.reset();
+    if (uppy$1 !== null && !opened) {
+      uppy$1.cancelAll();
     }
-  }, [uppy, opened]);
-  return uppy !== null ? /*#__PURE__*/React.createElement(React.Suspense, {
+  }, [uppy$1, opened]);
+  return uppy$1 !== null ? /*#__PURE__*/React.createElement(React.Suspense, {
     fallback: /*#__PURE__*/React.createElement("div", null)
   }, /*#__PURE__*/React.createElement(DashboardModal, {
-    uppy: uppy,
+    uppy: uppy$1,
     open: opened,
     closeAfterFinish: true,
     onRequestClose: onRequestClose,
@@ -3047,10 +3625,11 @@ PropTypes.shape({
 var font = PropTypes.oneOfType([PropTypes.object, PropTypes.string]);
 PropTypes.arrayOf(font);
 var textAlign = PropTypes.oneOf(['left', 'right', 'center']);
-var color = PropTypes.shape({
+var colorObject = PropTypes.shape({
   color: PropTypes.string,
   alpha: PropTypes.number
 });
+var color = PropTypes.oneOfType([colorObject, PropTypes.string]);
 var textStyle = PropTypes.shape({
   fontFamily: font,
   fontSize: PropTypes.number,