@micromag/core 0.3.781 → 0.3.789

package/es/components.js

@@ -1,31 +1,31 @@
+import PropTypes from 'prop-types';
+import React, { useCallback, useState, useEffect, useRef, useMemo } from 'react';
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
 import classNames from 'classnames';
-import PropTypes from 'prop-types';
-import React, { useCallback, useState, useEffect, useRef, useMemo } from 'react';
+import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
+import { faAngleLeft } from '@fortawesome/free-solid-svg-icons/faAngleLeft';
 import { Link as Link$1 } from 'wouter';
 import { PropTypes as PropTypes$1 } from '@micromag/core';
 import { FormattedMessage, defineMessages, FormattedDate, FormattedTime } from 'react-intl';
 import { isMessage, getFieldFromPath, getComponentFromName, setFieldValue, validateFields, getDisplayName, pascalCase, convertStyleToString } from '@micromag/core/utils';
-import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
-import { faAngleLeft } from '@fortawesome/free-solid-svg-icons/faAngleLeft';
 import { faClose } from '@fortawesome/free-solid-svg-icons/faClose';
-import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { useForm, useDocumentEvent, useIntersectionObserver, useDimensionObserver, useDevicePixelRatio } from '@micromag/core/hooks';
-import { useFieldsManager, useFieldComponent, FieldContextProvider, withModals, useModals, withPanels, usePanels, ScreenSizeProvider, useScreenComponent, ScreenProvider, useScreenRenderContext, useScreenSize } from '@micromag/core/contexts';
-import _objectSpread from '@babel/runtime/helpers/objectSpread2';
-import get from 'lodash/get';
-import queryString from 'query-string';
-import { createPortal } from 'react-dom';
 import { faAngleDown } from '@fortawesome/free-solid-svg-icons/faAngleDown';
 import { faAngleUp } from '@fortawesome/free-solid-svg-icons/faAngleUp';
 import dayjs from 'dayjs';
 import throttle from 'lodash/throttle';
+import { useForm, useDocumentEvent, useIntersectionObserver, useDimensionObserver, useDevicePixelRatio } from '@micromag/core/hooks';
+import _objectSpread from '@babel/runtime/helpers/objectSpread2';
+import get from 'lodash/get';
+import { useFieldsManager, useFieldComponent, FieldContextProvider, withModals, useModals, withPanels, usePanels, ScreenSizeProvider, useScreenComponent, ScreenProvider, useScreenRenderContext, useScreenSize } from '@micromag/core/contexts';
+import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
 import isObject from 'lodash/isObject';
 import { Helmet } from 'react-helmet';
 import isString from 'lodash/isString';
 import isArray from 'lodash/isArray';
+import { createPortal } from 'react-dom';
+import queryString from 'query-string';
 import { faAd } from '@fortawesome/free-solid-svg-icons/faAd';
 import { faImage } from '@fortawesome/free-solid-svg-icons/faImage';
 import { faMusic } from '@fortawesome/free-solid-svg-icons/faMusic';
@@ -35,12 +35,12 @@ import { faMapMarkedAlt } from '@fortawesome/free-solid-svg-icons/faMapMarkedAlt
 import { faVideo } from '@fortawesome/free-solid-svg-icons/faVideo';
 import { faPlay } from '@fortawesome/free-solid-svg-icons/faPlay';
 import { faRedo } from '@fortawesome/free-solid-svg-icons/faRedo';
-import { getSizeWithinBounds } from '@folklore/size';
 import { faCommentDots } from '@fortawesome/free-solid-svg-icons/faCommentDots';
 import { faCheck } from '@fortawesome/free-solid-svg-icons/faCheck';
 import { faTimes } from '@fortawesome/free-solid-svg-icons/faTimes';
 import { faCircle } from '@fortawesome/free-solid-svg-icons/faCircle';
 import { faPercent } from '@fortawesome/free-solid-svg-icons/faPercent';
+import { getSizeWithinBounds } from '@folklore/size';
 import { useSpring } from '@react-spring/core';
 import { config, animated } from '@react-spring/web';
 
@@ -2435,24 +2435,56 @@ var FontFaces = function FontFaces(_ref4) {
       return fontFontFaces;
     }
     var urls = media !== null ? getUrlsFromMedia(media, formats) : null;
-    return [].concat(_toConsumableArray(fontFontFaces), [urls !== null && urls.length > 0 ? "\n                @font-face {\n                    font-family: \"".concat(name, "\";\n                    src: ").concat(urls.join(','), ";\n                }\n            ") : null], _toConsumableArray((variants || []).map(function (_ref6) {
+    var fontKey = name.toLowerCase();
+    return _objectSpread(_objectSpread({}, fontFontFaces), {}, _defineProperty({}, fontKey, urls !== null && urls.length > 0 ? "\n                @font-face {\n                    font-family: \"".concat(name, "\";\n                    src: ").concat(urls.join(','), ";\n                }\n            ") : null), variants.reduce(function (variantFontFaces, _ref6) {
       var weight = _ref6.weight,
         style = _ref6.style,
         _ref6$media = _ref6.media,
         variantMedia = _ref6$media === void 0 ? null : _ref6$media;
       if (variantMedia == null) {
-        return null;
+        return variantFontFaces;
       }
       var variantUrls = getUrlsFromMedia(variantMedia, formats);
-      return variantUrls !== null && variantUrls.length > 0 ? "\n                @font-face {\n                    font-family: \"".concat(name, "\";\n                    ").concat(weight !== null ? "font-weight: ".concat(weight, ";") : '', "\n                    ").concat(style !== null ? "font-style: ".concat(style, ";") : '', "\n                    src: ").concat(variantUrls.join(','), ";\n                }\n            ") : null;
-    })));
-  }, []).filter(function (it) {
-    return it !== null;
-  });
-  return fontFaces.length > 0 ? /*#__PURE__*/React.createElement("style", {
+      var variantKey = "".concat(fontKey, "-").concat(weight !== null ? weight : 'normal', "-").concat(style !== null ? style : 'normal');
+      return _objectSpread(_objectSpread({}, variantFontFaces), {}, _defineProperty({}, variantKey, variantUrls !== null && variantUrls.length > 0 ? "\n                @font-face {\n                    font-family: \"".concat(name, "\";\n                    ").concat(weight !== null ? "font-weight: ".concat(weight, ";") : '', "\n                    ").concat(style !== null ? "font-style: ".concat(style, ";") : '', "\n                    src: ").concat(variantUrls.join(','), ";\n                }\n            ") : null));
+    }, {}));
+
+    // return [
+    //     ...fontFontFaces,
+    //     urls !== null && urls.length > 0
+    //         ? `
+    //     @font-face {
+    //         font-family: "${name}";
+    //         src: ${urls.join(',')};
+    //     }
+    // `
+    //         : null,
+    //     ...(variants || []).map(({ weight, style, media: variantMedia = null }) => {
+    //         if (variantMedia == null) {
+    //             return null;
+    //         }
+    //         const variantUrls = getUrlsFromMedia(variantMedia, formats);
+    //         return variantUrls !== null && variantUrls.length > 0
+    //             ? `
+    //     @font-face {
+    //         font-family: "${name}";
+    //         ${weight !== null ? `font-weight: ${weight};` : ''}
+    //         ${style !== null ? `font-style: ${style};` : ''}
+    //         src: ${variantUrls.join(',')};
+    //     }
+    // `
+    //             : null;
+    //     }),
+    // ];
+  }, {});
+  return Object.keys(fontFaces).length > 0 ? /*#__PURE__*/React.createElement("style", {
     type: "text/css",
     dangerouslySetInnerHTML: {
-      __html: fontFaces.join('\n')
+      __html: Object.keys(fontFaces).map(function (it) {
+        return fontFaces[it];
+      }).filter(function (it) {
+        return it !== null;
+      }).join('\n')
     }
   }) : null;
 };
@@ -3743,7 +3775,7 @@ var defaultProps$9 = {
   className: null,
   mediaRef: null
 };
-var Screen = function Screen(_ref) {
+var Screen$1 = function Screen(_ref) {
   var screen = _ref.screen,
     renderContext = _ref.renderContext,
     screenState = _ref.screenState,
@@ -3777,9 +3809,9 @@ var Screen = function Screen(_ref) {
     className: className
   }, component));
 };
-Screen.propTypes = propTypes$9;
-Screen.defaultProps = defaultProps$9;
-var Screen$1 = /*#__PURE__*/React.memo(Screen);
+Screen$1.propTypes = propTypes$9;
+Screen$1.defaultProps = defaultProps$9;
+var Screen = /*#__PURE__*/React.memo(Screen$1);
 
 var styles$7 = {"screen":"micromag-core-screens-screen-placeholder-screen"};
 
@@ -3810,7 +3842,7 @@ var ScreenPlaceholder = function ScreenPlaceholder(_ref) {
     withSize = _ref.withSize,
     className = _ref.className,
     props = _objectWithoutProperties(_ref, _excluded$1);
-  var screenElement = /*#__PURE__*/React.createElement(Screen$1, Object.assign({
+  var screenElement = /*#__PURE__*/React.createElement(Screen, Object.assign({
     screen: screen,
     renderContext: "placeholder",
     screenState: screenState,
@@ -3863,7 +3895,7 @@ var ScreenPreview = function ScreenPreview(_ref) {
     fit = _ref.fit,
     hidden = _ref.hidden,
     props = _objectWithoutProperties(_ref, _excluded);
-  var screenElement = /*#__PURE__*/React.createElement(Screen$1, Object.assign({
+  var screenElement = /*#__PURE__*/React.createElement(Screen, Object.assign({
     screen: screen,
     renderContext: "preview",
     screenState: screenState,
@@ -4094,7 +4126,7 @@ var Screens = function Screens(_ref) {
     className: classNames([styles$1.container, _defineProperty({}, className, className)])
   }, screens.map(function (screen) {
     var id = screen.id;
-    return /*#__PURE__*/React.createElement(Screen$1, {
+    return /*#__PURE__*/React.createElement(Screen, {
       key: "screen-".concat(id),
       screen: screen,
       className: classNames([styles$1.screen, _defineProperty({}, styles$1.visible, screenId === id)])
@@ -4428,4 +4460,4 @@ var LinkStyle = function LinkStyle(_ref) {
 LinkStyle.propTypes = propTypes;
 LinkStyle.defaultProps = defaultProps;
 
-export { ArrowIcon, BackButton, Breadcrumb, Button$1 as Button, Buttons, Card, ClearButton, Close, CloseIcon, CollapsablePanel, Date$1 as Date, Detector, Dropdown as DropdownMenu, ElementComponent as Element, Empty, FieldForm, FontFaces, Form, FormPanel, FullscreenIcon, HighlightStyle, Label, Link, LinkIcon, LinkStyle, Media, _Menu as Menu, Meta, Modal, ModalDialog, ModalPortal, Modals, MuteIcon, Navbar, PaginationMenu as Pagination, Panel, PanelPortal, Panels, PauseIcon, AdFrame as PlaceholderAdFrame, AdImage as PlaceholderAdImage, Audio as PlaceholderAudio, Button as PlaceholderButton, Image as PlaceholderImage, Line as PlaceholderLine, Map as PlaceholderMap, MapPath as PlaceholderMapPath, Quote as PlaceholderQuote, ShortText as PlaceholderShortText, Subtitle as PlaceholderSubtitle, TextPlaceholder as PlaceholderText, Timeline as PlaceholderTimeline, Title$1 as PlaceholderTitle, Video as PlaceholderVideo, Video360 as PlaceholderVideo360, VideoLoop as PlaceholderVideoLoop, PlayIcon, Screen$1 as Screen, ScreenElement, Placeholder as ScreenPlaceholder, Preview as ScreenPreview, ScreenSizer, Screens, Slideshow, Spinner, TabsMenu as Tabs, Transitions, TransitionsStagger, UnmuteIcon };
+export { ArrowIcon, BackButton, Breadcrumb, Button$1 as Button, Buttons, Card, ClearButton, Close, CloseIcon, CollapsablePanel, Date$1 as Date, Detector, Dropdown as DropdownMenu, ElementComponent as Element, Empty, FieldForm, FontFaces, Form, FormPanel, FullscreenIcon, HighlightStyle, Label, Link, LinkIcon, LinkStyle, Media, _Menu as Menu, Meta, Modal, ModalDialog, ModalPortal, Modals, MuteIcon, Navbar, PaginationMenu as Pagination, Panel, PanelPortal, Panels, PauseIcon, AdFrame as PlaceholderAdFrame, AdImage as PlaceholderAdImage, Audio as PlaceholderAudio, Button as PlaceholderButton, Image as PlaceholderImage, Line as PlaceholderLine, Map as PlaceholderMap, MapPath as PlaceholderMapPath, Quote as PlaceholderQuote, ShortText as PlaceholderShortText, Subtitle as PlaceholderSubtitle, TextPlaceholder as PlaceholderText, Timeline as PlaceholderTimeline, Title$1 as PlaceholderTitle, Video as PlaceholderVideo, Video360 as PlaceholderVideo360, VideoLoop as PlaceholderVideoLoop, PlayIcon, Screen, ScreenElement, Placeholder as ScreenPlaceholder, Preview as ScreenPreview, ScreenSizer, Screens, Slideshow, Spinner, TabsMenu as Tabs, Transitions, TransitionsStagger, UnmuteIcon };

package/es/contexts.js

@@ -15,10 +15,10 @@ import { loadGoogleApi, loadGoogleMaps } from '@folklore/services';
 import { getDisplayName, getScreenExtraField } from '@micromag/core/utils';
 import { useUrlGenerator } from '@folklore/routes';
 export { RoutesContext, RoutesProvider, useRoutes, useUrlGenerator } from '@folklore/routes';
-import { useLocation } from 'wouter';
-import { TrackingContext, TrackingContainer } from '@folklore/tracking';
+import { TrackingContainer, TrackingContext } from '@folklore/tracking';
 export { TrackingContext } from '@folklore/tracking';
 import EventEmitter from 'wolfy87-eventemitter';
+import { useLocation } from 'wouter';
 
 var MODALS_NAMESPACE = 'modals';
 var FIELDS_NAMESPACE = 'fields';

package/es/hooks.js

@@ -13,13 +13,13 @@ import screenfull from 'screenfull';
 import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
 import isArray from 'lodash/isArray';
 import isObject from 'lodash/isObject';
+import raf from 'raf';
 import createDebug from 'debug';
 import isString from 'lodash/isString';
-import raf from 'raf';
 import { useScreensManager, useFieldsManager, useTracking, useScreen } from '@micromag/core/contexts';
+import { match } from 'css-mediaquery';
 import { useIntl } from 'react-intl';
 import dayjs from 'dayjs';
-import { match } from 'css-mediaquery';
 import clamp from 'lodash/clamp';
 
 function useActivityDetector() {

package/es/index.js

@@ -12,11 +12,11 @@ import _inherits from '@babel/runtime/helpers/inherits';
 import EventEmitter from 'wolfy87-eventemitter';
 import { snakeCase, pascalCase } from 'change-case';
 import uniqBy from 'lodash/uniqBy';
-import _typeof from '@babel/runtime/helpers/typeof';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
+import uniq from 'lodash/uniq';
+import _typeof from '@babel/runtime/helpers/typeof';
 import isString from 'lodash/isString';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import uniq from 'lodash/uniq';
 import isEmpty from 'lodash/isEmpty';
 import { Tracking as Tracking$1 } from '@folklore/tracking';
 import PropTypes$1 from 'prop-types';

package/es/utils.js

@@ -11,8 +11,8 @@ import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
 import _objectSpread from '@babel/runtime/helpers/objectSpread2';
 import isArray from 'lodash/isArray';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import slugify from 'slugify';
 
 function addNonBreakingSpaces(text) {

package/lib/components.js

@@ -1,33 +1,33 @@
 'use strict';
 
+var PropTypes = require('prop-types');
+var React = require('react');
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
 var classNames = require('classnames');
-var PropTypes = require('prop-types');
-var React = require('react');
+var reactFontawesome = require('@fortawesome/react-fontawesome');
+var faAngleLeft = require('@fortawesome/free-solid-svg-icons/faAngleLeft');
 var wouter = require('wouter');
 var core = require('@micromag/core');
 var reactIntl = require('react-intl');
 var utils = require('@micromag/core/utils');
-var reactFontawesome = require('@fortawesome/react-fontawesome');
-var faAngleLeft = require('@fortawesome/free-solid-svg-icons/faAngleLeft');
 var faClose = require('@fortawesome/free-solid-svg-icons/faClose');
-var _toConsumableArray = require('@babel/runtime/helpers/toConsumableArray');
 var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
-var hooks = require('@micromag/core/hooks');
-var contexts = require('@micromag/core/contexts');
-var _objectSpread = require('@babel/runtime/helpers/objectSpread2');
-var get = require('lodash/get');
-var queryString = require('query-string');
-var reactDom = require('react-dom');
 var faAngleDown = require('@fortawesome/free-solid-svg-icons/faAngleDown');
 var faAngleUp = require('@fortawesome/free-solid-svg-icons/faAngleUp');
 var dayjs = require('dayjs');
 var throttle = require('lodash/throttle');
+var hooks = require('@micromag/core/hooks');
+var _objectSpread = require('@babel/runtime/helpers/objectSpread2');
+var get = require('lodash/get');
+var contexts = require('@micromag/core/contexts');
+var _toConsumableArray = require('@babel/runtime/helpers/toConsumableArray');
 var isObject = require('lodash/isObject');
 var reactHelmet = require('react-helmet');
 var isString = require('lodash/isString');
 var isArray = require('lodash/isArray');
+var reactDom = require('react-dom');
+var queryString = require('query-string');
 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');
@@ -37,12 +37,12 @@ var faMapMarkedAlt = require('@fortawesome/free-solid-svg-icons/faMapMarkedAlt')
 var faVideo = require('@fortawesome/free-solid-svg-icons/faVideo');
 var faPlay = require('@fortawesome/free-solid-svg-icons/faPlay');
 var faRedo = require('@fortawesome/free-solid-svg-icons/faRedo');
-var size = require('@folklore/size');
 var faCommentDots = require('@fortawesome/free-solid-svg-icons/faCommentDots');
 var faCheck = require('@fortawesome/free-solid-svg-icons/faCheck');
 var faTimes = require('@fortawesome/free-solid-svg-icons/faTimes');
 var faCircle = require('@fortawesome/free-solid-svg-icons/faCircle');
 var faPercent = require('@fortawesome/free-solid-svg-icons/faPercent');
+var size = require('@folklore/size');
 var core$1 = require('@react-spring/core');
 var web = require('@react-spring/web');
 
@@ -2437,24 +2437,56 @@ var FontFaces = function FontFaces(_ref4) {
       return fontFontFaces;
     }
     var urls = media !== null ? getUrlsFromMedia(media, formats) : null;
-    return [].concat(_toConsumableArray(fontFontFaces), [urls !== null && urls.length > 0 ? "\n                @font-face {\n                    font-family: \"".concat(name, "\";\n                    src: ").concat(urls.join(','), ";\n                }\n            ") : null], _toConsumableArray((variants || []).map(function (_ref6) {
+    var fontKey = name.toLowerCase();
+    return _objectSpread(_objectSpread({}, fontFontFaces), {}, _defineProperty({}, fontKey, urls !== null && urls.length > 0 ? "\n                @font-face {\n                    font-family: \"".concat(name, "\";\n                    src: ").concat(urls.join(','), ";\n                }\n            ") : null), variants.reduce(function (variantFontFaces, _ref6) {
       var weight = _ref6.weight,
         style = _ref6.style,
         _ref6$media = _ref6.media,
         variantMedia = _ref6$media === void 0 ? null : _ref6$media;
       if (variantMedia == null) {
-        return null;
+        return variantFontFaces;
       }
       var variantUrls = getUrlsFromMedia(variantMedia, formats);
-      return variantUrls !== null && variantUrls.length > 0 ? "\n                @font-face {\n                    font-family: \"".concat(name, "\";\n                    ").concat(weight !== null ? "font-weight: ".concat(weight, ";") : '', "\n                    ").concat(style !== null ? "font-style: ".concat(style, ";") : '', "\n                    src: ").concat(variantUrls.join(','), ";\n                }\n            ") : null;
-    })));
-  }, []).filter(function (it) {
-    return it !== null;
-  });
-  return fontFaces.length > 0 ? /*#__PURE__*/React.createElement("style", {
+      var variantKey = "".concat(fontKey, "-").concat(weight !== null ? weight : 'normal', "-").concat(style !== null ? style : 'normal');
+      return _objectSpread(_objectSpread({}, variantFontFaces), {}, _defineProperty({}, variantKey, variantUrls !== null && variantUrls.length > 0 ? "\n                @font-face {\n                    font-family: \"".concat(name, "\";\n                    ").concat(weight !== null ? "font-weight: ".concat(weight, ";") : '', "\n                    ").concat(style !== null ? "font-style: ".concat(style, ";") : '', "\n                    src: ").concat(variantUrls.join(','), ";\n                }\n            ") : null));
+    }, {}));
+
+    // return [
+    //     ...fontFontFaces,
+    //     urls !== null && urls.length > 0
+    //         ? `
+    //     @font-face {
+    //         font-family: "${name}";
+    //         src: ${urls.join(',')};
+    //     }
+    // `
+    //         : null,
+    //     ...(variants || []).map(({ weight, style, media: variantMedia = null }) => {
+    //         if (variantMedia == null) {
+    //             return null;
+    //         }
+    //         const variantUrls = getUrlsFromMedia(variantMedia, formats);
+    //         return variantUrls !== null && variantUrls.length > 0
+    //             ? `
+    //     @font-face {
+    //         font-family: "${name}";
+    //         ${weight !== null ? `font-weight: ${weight};` : ''}
+    //         ${style !== null ? `font-style: ${style};` : ''}
+    //         src: ${variantUrls.join(',')};
+    //     }
+    // `
+    //             : null;
+    //     }),
+    // ];
+  }, {});
+  return Object.keys(fontFaces).length > 0 ? /*#__PURE__*/React.createElement("style", {
     type: "text/css",
     dangerouslySetInnerHTML: {
-      __html: fontFaces.join('\n')
+      __html: Object.keys(fontFaces).map(function (it) {
+        return fontFaces[it];
+      }).filter(function (it) {
+        return it !== null;
+      }).join('\n')
     }
   }) : null;
 };

package/lib/contexts.js

@@ -16,9 +16,9 @@ var isObject = require('lodash/isObject');
 var services = require('@folklore/services');
 var utils = require('@micromag/core/utils');
 var routes = require('@folklore/routes');
-var wouter = require('wouter');
 var tracking = require('@folklore/tracking');
 var EventEmitter = require('wolfy87-eventemitter');
+var wouter = require('wouter');
 
 var MODALS_NAMESPACE = 'modals';
 var FIELDS_NAMESPACE = 'fields';

package/lib/hooks.js

@@ -15,13 +15,13 @@ var screenfull = require('screenfull');
 var _toConsumableArray = require('@babel/runtime/helpers/toConsumableArray');
 var isArray = require('lodash/isArray');
 var isObject = require('lodash/isObject');
+var raf = require('raf');
 var createDebug = require('debug');
 var isString = require('lodash/isString');
-var raf = require('raf');
 var contexts = require('@micromag/core/contexts');
+var cssMediaquery = require('css-mediaquery');
 var reactIntl = require('react-intl');
 var dayjs = require('dayjs');
-var cssMediaquery = require('css-mediaquery');
 var clamp = require('lodash/clamp');
 
 function useActivityDetector() {

package/lib/index.js

@@ -14,11 +14,11 @@ var _inherits = require('@babel/runtime/helpers/inherits');
 var EventEmitter = require('wolfy87-eventemitter');
 var changeCase = require('change-case');
 var uniqBy = require('lodash/uniqBy');
-var _typeof = require('@babel/runtime/helpers/typeof');
 var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
+var uniq = require('lodash/uniq');
+var _typeof = require('@babel/runtime/helpers/typeof');
 var isString = require('lodash/isString');
 var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
-var uniq = require('lodash/uniq');
 var isEmpty = require('lodash/isEmpty');
 var tracking = require('@folklore/tracking');
 var PropTypes$1 = require('prop-types');

package/lib/utils.js

@@ -12,8 +12,8 @@ var _toConsumableArray = require('@babel/runtime/helpers/toConsumableArray');
 var _objectSpread = require('@babel/runtime/helpers/objectSpread2');
 var isArray = require('lodash/isArray');
 var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
-var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
+var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var slugify = require('slugify');
 
 function addNonBreakingSpaces(text) {

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@micromag/core",
-    "version": "0.3.781",
+    "version": "0.3.789",
     "private": false,
     "description": "",
     "keywords": [
@@ -120,6 +120,9 @@
         "@panneau/filters": "^3.0.301",
         "@panneau/medias": "^3.0.300",
         "@panneau/uppy": "^3.0.162",
+        "@uppy/core": "^5.1.1",
+        "@uppy/dashboard": "^5.0.4",
+        "@uppy/react": "^5.1.1",
         "react": "^16.8.0 || ^17.0.0 || ^18.0.0",
         "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0"
     },
@@ -164,5 +167,5 @@
         "access": "public",
         "registry": "https://registry.npmjs.org/"
     },
-    "gitHead": "95e03bd48803c170ef4efbc5bd204a0c83563c11"
+    "gitHead": "60eb4574b9d13a985e7cd317429c06c1f98ab275"
 }

package/scss/vendor.scss

@@ -4,8 +4,8 @@
 @import './placeholders';
 @import './mixins';
 @import '~bootstrap/scss/bootstrap';
-@import '~@uppy/core/dist/style';
-@import '~@uppy/dashboard/dist/style';
+@import '@uppy/core/css/style.min.css';
+@import '@uppy/dashboard/css/style.min.css';
 
 // TODO add more when needed
 @import '~@panneau/fields/scss/styles';