@micromag/core 0.3.478 → 0.3.482

package/es/contexts.js

@@ -11,7 +11,9 @@ import { getJSON } from '@folklore/fetch';
 import isObject from 'lodash/isObject';
 import { loadGoogleApi, loadGoogleMaps } from '@folklore/services';
 import { getDisplayName, getScreenExtraField } from '@micromag/core/utils';
-import { generatePath, useHistory } from 'react-router';
+import { useUrlGenerator } from '@folklore/routes';
+export { RoutesContext, RoutesProvider, useRoutes, useUrlGenerator } from '@folklore/routes';
+import { useLocation } from 'wouter';
 import { useIntl } from 'react-intl';
 import { TrackingContext, TrackingContainer } from '@folklore/tracking';
 export { TrackingContext } from '@folklore/tracking';
@@ -133,13 +135,13 @@ var useElementComponent = function useElementComponent(name) {
 /**
  * Provider
  */
-var propTypes$k = {
+var propTypes$j = {
   children: PropTypes.node.isRequired,
   namespace: PropTypes.string,
   manager: PropTypes.instanceOf(ComponentsManager),
   components: PropTypes.objectOf(PropTypes.oneOfType([PropTypes.object, PropTypes.func]))
 };
-var defaultProps$k = {
+var defaultProps$j = {
   namespace: null,
   components: {},
   manager: null
@@ -157,8 +159,8 @@ var ComponentsProvider = function ComponentsProvider(_ref) {
     value: finalManager
   }, children);
 };
-ComponentsProvider.propTypes = propTypes$k;
-ComponentsProvider.defaultProps = defaultProps$k;
+ComponentsProvider.propTypes = propTypes$j;
+ComponentsProvider.defaultProps = defaultProps$j;
 
 var FieldsContext = /*#__PURE__*/React.createContext(null);
 var useFieldsManager = function useFieldsManager() {
@@ -168,12 +170,12 @@ var useFieldDefinition = function useFieldDefinition(id) {
   var manager = useFieldsManager();
   return manager.getDefinition(id);
 };
-var propTypes$j = {
+var propTypes$i = {
   fields: PropTypes$1.fieldDefinitions,
   manager: PropTypes.instanceOf(FieldsManager),
   children: PropTypes.node.isRequired
 };
-var defaultProps$j = {
+var defaultProps$i = {
   fields: null,
   manager: null
 };
@@ -203,21 +205,21 @@ var FieldsProvider = function FieldsProvider(_ref) {
     components: components
   }, children));
 };
-FieldsProvider.propTypes = propTypes$j;
-FieldsProvider.defaultProps = defaultProps$j;
+FieldsProvider.propTypes = propTypes$i;
+FieldsProvider.defaultProps = defaultProps$i;
 
 var ScreensContext = /*#__PURE__*/React.createContext(new ScreensManager());
 var useScreensManager = function useScreensManager() {
   return useContext(ScreensContext);
 };
-var propTypes$i = {
+var propTypes$h = {
   screens: PropTypes$1.screenDefinitions,
   namespaces: PropTypes.arrayOf(PropTypes.string),
   filterNamespaces: PropTypes.bool,
   manager: PropTypes.instanceOf(ScreensManager),
   children: PropTypes.node.isRequired
 };
-var defaultProps$i = {
+var defaultProps$h = {
   screens: null,
   namespaces: null,
   filterNamespaces: false,
@@ -269,8 +271,8 @@ var ScreensProvider = function ScreensProvider(_ref) {
     components: components
   }, children));
 };
-ScreensProvider.propTypes = propTypes$i;
-ScreensProvider.defaultProps = defaultProps$i;
+ScreensProvider.propTypes = propTypes$h;
+ScreensProvider.defaultProps = defaultProps$h;
 
 var StoryContext = /*#__PURE__*/React.createContext(null);
 var useStoryContext = function useStoryContext() {
@@ -280,11 +282,11 @@ var useStory = function useStory() {
   var story = useStoryContext();
   return story;
 };
-var propTypes$h = {
+var propTypes$g = {
   story: PropTypes.oneOfType([PropTypes$1.story, PropTypes$1.theme]),
   children: PropTypes.node.isRequired
 };
-var defaultProps$h = {
+var defaultProps$g = {
   story: null
 };
 var StoryProvider = function StoryProvider(_ref) {
@@ -294,8 +296,8 @@ var StoryProvider = function StoryProvider(_ref) {
     value: story
   }, children);
 };
-StoryProvider.propTypes = propTypes$h;
-StoryProvider.defaultProps = defaultProps$h;
+StoryProvider.propTypes = propTypes$g;
+StoryProvider.defaultProps = defaultProps$g;
 
 var EditorContext = /*#__PURE__*/React.createContext(null);
 var useEditor = function useEditor() {
@@ -309,10 +311,10 @@ var useGetColors = function useGetColors() {
     } : _ref$getColors;
   return getColors;
 };
-var propTypes$g = {
+var propTypes$f = {
   children: PropTypes.node.isRequired
 };
-var defaultProps$g = {};
+var defaultProps$f = {};
 var EditorProvider = function EditorProvider(_ref2) {
   var children = _ref2.children;
   var story = useStory();
@@ -338,20 +340,20 @@ var EditorProvider = function EditorProvider(_ref2) {
     }
   }, children);
 };
-EditorProvider.propTypes = propTypes$g;
-EditorProvider.defaultProps = defaultProps$g;
+EditorProvider.propTypes = propTypes$f;
+EditorProvider.defaultProps = defaultProps$f;
 
 /* eslint-disable react/jsx-props-no-spreading */
 var FieldsValueContext = /*#__PURE__*/React.createContext(null);
 var useFieldsValue = function useFieldsValue() {
   return useContext(FieldsValueContext);
 };
-var propTypes$f = {
+var propTypes$e = {
   value: PropTypes.any,
   // eslint-disable-line react/forbid-prop-types
   children: PropTypes.node.isRequired
 };
-var defaultProps$f = {
+var defaultProps$e = {
   value: null
 };
 var FieldsValueContextProvider = function FieldsValueContextProvider(_ref) {
@@ -361,20 +363,20 @@ var FieldsValueContextProvider = function FieldsValueContextProvider(_ref) {
     value: value
   }, children);
 };
-FieldsValueContextProvider.propTypes = propTypes$f;
-FieldsValueContextProvider.defaultProps = defaultProps$f;
+FieldsValueContextProvider.propTypes = propTypes$e;
+FieldsValueContextProvider.defaultProps = defaultProps$e;
 
 /* eslint-disable react/jsx-props-no-spreading */
 var FieldContext = /*#__PURE__*/React.createContext(null);
 var useFieldContext = function useFieldContext() {
   return useContext(FieldContext);
 };
-var propTypes$e = {
+var propTypes$d = {
   context: PropTypes.any,
   // eslint-disable-line react/forbid-prop-types
   children: PropTypes.node.isRequired
 };
-var defaultProps$e = {
+var defaultProps$d = {
   context: null
 };
 var FieldContextProvider = function FieldContextProvider(_ref) {
@@ -384,8 +386,8 @@ var FieldContextProvider = function FieldContextProvider(_ref) {
     value: context
   }, children);
 };
-FieldContextProvider.propTypes = propTypes$e;
-FieldContextProvider.defaultProps = defaultProps$e;
+FieldContextProvider.propTypes = propTypes$d;
+FieldContextProvider.defaultProps = defaultProps$d;
 
 /* eslint-disable react/jsx-props-no-spreading */
 var GoogleKeysContext = /*#__PURE__*/React.createContext({
@@ -394,11 +396,11 @@ var GoogleKeysContext = /*#__PURE__*/React.createContext({
 var useGoogleKeys = function useGoogleKeys() {
   return useContext(GoogleKeysContext);
 };
-var propTypes$d = {
+var propTypes$c = {
   children: PropTypes.node.isRequired,
   apiKey: PropTypes.string // .isRequired,
 };
-var defaultProps$d = {
+var defaultProps$c = {
   apiKey: null
 };
 var GoogleKeysProvider = function GoogleKeysProvider(_ref) {
@@ -415,8 +417,8 @@ var GoogleKeysProvider = function GoogleKeysProvider(_ref) {
     value: value
   }, children);
 };
-GoogleKeysProvider.propTypes = propTypes$d;
-GoogleKeysProvider.defaultProps = defaultProps$d;
+GoogleKeysProvider.propTypes = propTypes$c;
+GoogleKeysProvider.defaultProps = defaultProps$c;
 
 var FontsContext = /*#__PURE__*/React.createContext({
   systemFonts: null,
@@ -489,12 +491,12 @@ var useFonts = function useFonts() {
   }, [systemFonts, googleFonts, customFonts]);
   return fonts;
 };
-var propTypes$c = {
+var propTypes$b = {
   children: PropTypes.node.isRequired,
   systemFonts: PropTypes$1.fonts,
   customFonts: PropTypes$1.fonts
 };
-var defaultProps$c = {
+var defaultProps$b = {
   systemFonts: ['Arial', 'Courier New', 'Georgia', 'Times New Roman', 'Verdana'],
   customFonts: null
 };
@@ -530,8 +532,8 @@ var FontsProvider = function FontsProvider(_ref4) {
     value: fonts
   }, children);
 };
-FontsProvider.propTypes = propTypes$c;
-FontsProvider.defaultProps = defaultProps$c;
+FontsProvider.propTypes = propTypes$b;
+FontsProvider.defaultProps = defaultProps$b;
 
 var GoogleApiClientContext = /*#__PURE__*/React.createContext(null);
 var useGoogleApiClient = function useGoogleApiClient() {
@@ -555,10 +557,10 @@ var withGoogleApiClient = function withGoogleApiClient(WrappedComponent) {
   WithGoogleApiClientComponent.displayName = "WithGoogleApiClient(".concat(getDisplayName(WrappedComponent), ")");
   return WithGoogleApiClientComponent;
 };
-var propTypes$b = {
+var propTypes$a = {
   children: PropTypes.node.isRequired
 };
-var defaultProps$b = {};
+var defaultProps$a = {};
 var GoogleApiClientProvider = function GoogleApiClientProvider(_ref2) {
   var children = _ref2.children;
   var _useGoogleKeys = useGoogleKeys(),
@@ -582,8 +584,8 @@ var GoogleApiClientProvider = function GoogleApiClientProvider(_ref2) {
     value: client
   }, children);
 };
-GoogleApiClientProvider.propTypes = propTypes$b;
-GoogleApiClientProvider.defaultProps = defaultProps$b;
+GoogleApiClientProvider.propTypes = propTypes$a;
+GoogleApiClientProvider.defaultProps = defaultProps$a;
 
 var GoogleMapsClientContext = /*#__PURE__*/React.createContext(null);
 var useGoogleMapsClient = function useGoogleMapsClient() {
@@ -607,12 +609,12 @@ var withGoogleMapsClient = function withGoogleMapsClient(WrappedComponent) {
   WithGoogleMapsClientComponent.displayName = "WithGoogleMapsClient(".concat(getDisplayName(WrappedComponent), ")");
   return WithGoogleMapsClientComponent;
 };
-var propTypes$a = {
+var propTypes$9 = {
   children: PropTypes.node.isRequired,
   locale: PropTypes.string,
   libraries: PropTypes.arrayOf(PropTypes.string)
 };
-var defaultProps$a = {
+var defaultProps$9 = {
   locale: 'fr',
   libraries: null
 };
@@ -642,8 +644,8 @@ var GoogleMapsClientProvider = function GoogleMapsClientProvider(_ref2) {
     value: client
   }, children);
 };
-GoogleMapsClientProvider.propTypes = propTypes$a;
-GoogleMapsClientProvider.defaultProps = defaultProps$a;
+GoogleMapsClientProvider.propTypes = propTypes$9;
+GoogleMapsClientProvider.defaultProps = defaultProps$9;
 
 var ModalsContext = /*#__PURE__*/React.createContext({
   container: null
@@ -671,11 +673,11 @@ var withModals = function withModals(WrappedComponent) {
   WithModalsComponent.displayName = "WithModals(".concat(getDisplayName(WrappedComponent), ")");
   return WithModalsComponent;
 };
-var propTypes$9 = {
+var propTypes$8 = {
   children: PropTypes.node.isRequired,
   container: PropTypes.object // eslint-disable-line
 };
-var defaultProps$9 = {
+var defaultProps$8 = {
   container: null
 };
 var ModalsProvider = function ModalsProvider(_ref2) {
@@ -727,8 +729,8 @@ var ModalsProvider = function ModalsProvider(_ref2) {
     value: value
   }, children);
 };
-ModalsProvider.propTypes = propTypes$9;
-ModalsProvider.defaultProps = defaultProps$9;
+ModalsProvider.propTypes = propTypes$8;
+ModalsProvider.defaultProps = defaultProps$8;
 
 var PanelsContext = /*#__PURE__*/React.createContext({
   container: null
@@ -756,11 +758,11 @@ var withPanels = function withPanels(WrappedComponent) {
   WithPanelsComponent.displayName = "WithPanels(".concat(getDisplayName(WrappedComponent), ")");
   return WithPanelsComponent;
 };
-var propTypes$8 = {
+var propTypes$7 = {
   children: PropTypes.node.isRequired,
   container: PropTypes.object // eslint-disable-line
 };
-var defaultProps$8 = {
+var defaultProps$7 = {
   container: null
 };
 var PanelsProvider = function PanelsProvider(_ref2) {
@@ -812,8 +814,8 @@ var PanelsProvider = function PanelsProvider(_ref2) {
     value: value
   }, children);
 };
-PanelsProvider.propTypes = propTypes$8;
-PanelsProvider.defaultProps = defaultProps$8;
+PanelsProvider.propTypes = propTypes$7;
+PanelsProvider.defaultProps = defaultProps$7;
 
 var defaultControlsThemeValue = {
   seekBarOnly: false,
@@ -860,7 +862,7 @@ var usePlaybackMediaRef = function usePlaybackMediaRef(active) {
   }, [setMedia, active]);
   return mediaRef;
 };
-var propTypes$7 = {
+var propTypes$6 = {
   children: PropTypes.node.isRequired,
   controls: PropTypes.bool,
   controlsSuggestPlay: PropTypes.bool,
@@ -874,7 +876,7 @@ var propTypes$7 = {
   playing: PropTypes.bool,
   paused: PropTypes.bool
 };
-var defaultProps$7 = _objectSpread({}, defaultValue$1);
+var defaultProps$6 = _objectSpread({}, defaultValue$1);
 var PlaybackProvider = function PlaybackProvider(_ref) {
   var initialMuted = _ref.muted,
     initialPlaying = _ref.playing,
@@ -980,87 +982,41 @@ var PlaybackProvider = function PlaybackProvider(_ref) {
     value: value
   }, children);
 };
-PlaybackProvider.propTypes = propTypes$7;
-PlaybackProvider.defaultProps = defaultProps$7;
+PlaybackProvider.propTypes = propTypes$6;
+PlaybackProvider.defaultProps = defaultProps$6;
 
-/* eslint-disable react/jsx-props-no-spreading */
-var RoutesContext = /*#__PURE__*/React.createContext(null);
-var useRoutes = function useRoutes() {
-  var _useContext = useContext(RoutesContext),
-    routes = _useContext.routes;
-  return routes;
-};
-var useUrlGenerator = function useUrlGenerator() {
-  var _useContext2 = useContext(RoutesContext),
-    routes = _useContext2.routes,
-    basePath = _useContext2.basePath;
-  var urlGenerator = useCallback(function (key, data) {
-    var url = generatePath(routes[key], data);
-    return basePath !== null ? "".concat(basePath.replace(/\/$/, ''), "/").concat(url.replace(/^\//, '')) : url;
-  }, [generatePath, routes, basePath]);
-  return urlGenerator;
-};
 var useRoutePush = function useRoutePush() {
   var url = useUrlGenerator();
-  var history = useHistory() || null;
+  var _useLocation = useLocation(),
+    _useLocation2 = _slicedToArray(_useLocation, 2),
+    navigate = _useLocation2[1];
   var push = useCallback(function (route, data) {
-    if (history !== null && history.push) {
-      for (var _len = arguments.length, args = new Array(_len > 2 ? _len - 2 : 0), _key = 2; _key < _len; _key++) {
-        args[_key - 2] = arguments[_key];
-      }
-      if (isString(route)) {
-        history.push.apply(history, [url(route, data)].concat(args));
-      } else {
-        var _ref = route || {},
-          _ref$pathname = _ref.pathname,
-          pathname = _ref$pathname === void 0 ? null : _ref$pathname,
-          _ref$search = _ref.search,
-          search = _ref$search === void 0 ? null : _ref$search;
-        history.push.apply(history, [{
-          pathname: url(pathname, data),
-          search: search
-        }].concat(args));
-      }
+    for (var _len = arguments.length, args = new Array(_len > 2 ? _len - 2 : 0), _key = 2; _key < _len; _key++) {
+      args[_key - 2] = arguments[_key];
     }
-  }, [history, url]);
+    if (isString(route)) {
+      navigate.apply(void 0, [url(route, data)].concat(args));
+    } else {
+      var _ref = route || {},
+        _ref$pathname = _ref.pathname,
+        pathname = _ref$pathname === void 0 ? null : _ref$pathname,
+        _ref$search = _ref.search,
+        search = _ref$search === void 0 ? null : _ref$search;
+      navigate.apply(void 0, ["".concat(url(pathname, data)).concat(search !== null ? "?".concat(search) : '')].concat(args));
+    }
+  }, [navigate, url]);
   return push;
 };
 var useRouteBack = function useRouteBack() {
   var url = useUrlGenerator();
-  var history = useHistory() || null;
+  var _useLocation3 = useLocation(),
+    _useLocation4 = _slicedToArray(_useLocation3, 2),
+    navigate = _useLocation4[1];
   var back = useCallback(function () {
-    if (history !== null && history.goBack) {
-      history.goBack();
-    }
-  }, [history, url]);
+    return navigate(-1);
+  }, [navigate, url]);
   return back;
 };
-var propTypes$6 = {
-  children: PropTypes.node.isRequired,
-  routes: PropTypes.objectOf(PropTypes.string),
-  // .isRequired,
-  basePath: PropTypes.string
-};
-var defaultProps$6 = {
-  routes: null,
-  basePath: null
-};
-var RoutesProvider = function RoutesProvider(_ref2) {
-  var routes = _ref2.routes,
-    basePath = _ref2.basePath,
-    children = _ref2.children;
-  var value = useMemo(function () {
-    return {
-      routes: routes,
-      basePath: basePath
-    };
-  }, []);
-  return /*#__PURE__*/React.createElement(RoutesContext.Provider, {
-    value: value
-  }, children);
-};
-RoutesProvider.propTypes = propTypes$6;
-RoutesProvider.defaultProps = defaultProps$6;
 
 var ScreenContext = /*#__PURE__*/React.createContext({
   data: null,
@@ -1975,4 +1931,4 @@ var VisitorProvider = function VisitorProvider(_ref) {
 VisitorProvider.propTypes = propTypes;
 VisitorProvider.defaultProps = defaultProps;
 
-export { ComponentsContext, ComponentsProvider, ELEMENTS_NAMESPACE, EditorContext, EditorProvider, FIELDS_NAMESPACE, FORMS_NAMESPACE, FieldContext, FieldContextProvider, FieldsContext, FieldsProvider, FieldsValueContext, FieldsValueContextProvider, FontsContext, FontsProvider, GoogleApiClientContext, GoogleApiClientProvider, GoogleKeysContext, GoogleKeysProvider, GoogleMapsClientContext, GoogleMapsClientProvider, MODALS_NAMESPACE, ModalsContext, ModalsProvider, PanelsContext, PanelsProvider, PlaybackContext, PlaybackProvider, RoutesContext, RoutesProvider, SCREENS_NAMESPACE, ScreenContext, ScreenProvider, ScreenSizeContext, ScreenSizeProvider, ScreensContext, ScreensProvider, StoryContext, StoryProvider, TrackingProvider, UppyContext, UppyProvider, ViewerContext, ViewerProvider, VisitorContext, VisitorProvider, useComponent, useComponents, useComponentsManager, useEditor, useElementComponent, useElementsComponents, useElementsComponentsManager, useFieldComponent, useFieldContext, useFieldDefinition, useFieldsComponents, useFieldsComponentsManager, useFieldsManager, useFieldsValue, useFonts, useFormComponent, useFormsComponents, useFormsComponentsManager, useGetColors, useGoogleApiClient, useGoogleFonts, useGoogleKeys, useGoogleMapsClient, useModalComponent, useModals, useModalsComponents, useModalsComponentsManager, usePanels, usePlaybackContext, usePlaybackMediaRef, useRouteBack, useRoutePush, useRoutes, useScreen, useScreenComponent, useScreenData, useScreenDefinition, useScreenRenderContext, useScreenSize, useScreenState, useScreensComponents, useScreensComponentsManager, useScreensManager, useSetVisitor, useStory, useStoryContext, useTracking, useUppy, useUppyConfig, useUrlGenerator, useViewerContainer, useViewerContext, useViewerEvents, useViewerInteraction, useViewerNavigation, useViewerSize, useViewerWebView, useVisitor, useVisitorContext, withGoogleApiClient, withGoogleMapsClient, withModals, withPanels };
+export { ComponentsContext, ComponentsProvider, ELEMENTS_NAMESPACE, EditorContext, EditorProvider, FIELDS_NAMESPACE, FORMS_NAMESPACE, FieldContext, FieldContextProvider, FieldsContext, FieldsProvider, FieldsValueContext, FieldsValueContextProvider, FontsContext, FontsProvider, GoogleApiClientContext, GoogleApiClientProvider, GoogleKeysContext, GoogleKeysProvider, GoogleMapsClientContext, GoogleMapsClientProvider, MODALS_NAMESPACE, ModalsContext, ModalsProvider, PanelsContext, PanelsProvider, PlaybackContext, PlaybackProvider, SCREENS_NAMESPACE, ScreenContext, ScreenProvider, ScreenSizeContext, ScreenSizeProvider, ScreensContext, ScreensProvider, StoryContext, StoryProvider, TrackingProvider, UppyContext, UppyProvider, ViewerContext, ViewerProvider, VisitorContext, VisitorProvider, useComponent, useComponents, useComponentsManager, useEditor, useElementComponent, useElementsComponents, useElementsComponentsManager, useFieldComponent, useFieldContext, useFieldDefinition, useFieldsComponents, useFieldsComponentsManager, useFieldsManager, useFieldsValue, useFonts, useFormComponent, useFormsComponents, useFormsComponentsManager, useGetColors, useGoogleApiClient, useGoogleFonts, useGoogleKeys, useGoogleMapsClient, useModalComponent, useModals, useModalsComponents, useModalsComponentsManager, usePanels, usePlaybackContext, usePlaybackMediaRef, useRouteBack, useRoutePush, useScreen, useScreenComponent, useScreenData, useScreenDefinition, useScreenRenderContext, useScreenSize, useScreenState, useScreensComponents, useScreensComponentsManager, useScreensManager, useSetVisitor, useStory, useStoryContext, useTracking, useUppy, useUppyConfig, useViewerContainer, useViewerContext, useViewerEvents, useViewerInteraction, useViewerNavigation, useViewerSize, useViewerWebView, useVisitor, useVisitorContext, withGoogleApiClient, withGoogleMapsClient, withModals, withPanels };

package/es/hooks.js

@@ -1,24 +1,24 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import { useRef, useState, useEffect, useCallback, useMemo } from 'react';
 import _objectSpread from '@babel/runtime/helpers/objectSpread2';
-import { useIntl } from 'react-intl';
-import isString from 'lodash/isString';
-import dayjs from 'dayjs';
-import { EventsManager, MediasParser, StoryParser, ThemeParser } from '@micromag/core';
-import { createUseEvent, getMediaFilesAsArray } from '@micromag/core/utils';
 import { useSpring, useSprings } from '@react-spring/core';
 import { useDrag } from '@use-gesture/react';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
-import { useForm as useForm$1 } from '@folklore/forms';
+import raf from 'raf';
+import isObject from 'lodash/isObject';
+import { createUseEvent, getMediaFilesAsArray } from '@micromag/core/utils';
+import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
+import { EventsManager, MediasParser, StoryParser, ThemeParser } from '@micromag/core';
+import { useForm as useForm$2 } from '@folklore/forms';
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import classNames from 'classnames';
 import screenfull from 'screenfull';
-import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
 import isArray from 'lodash/isArray';
-import isObject from 'lodash/isObject';
 import createDebug from 'debug';
-import raf from 'raf';
+import isString from 'lodash/isString';
 import { useScreensManager, useFieldsManager, useTracking, useScreen } from '@micromag/core/contexts';
+import { useIntl } from 'react-intl';
+import dayjs from 'dayjs';
 import { match } from 'css-mediaquery';
 import clamp from 'lodash/clamp';
 
@@ -116,6 +116,7 @@ var useAnimationFrame = function useAnimationFrame(onFrame) {
     };
   }, [disabled]);
 };
+var useAnimationFrame$1 = useAnimationFrame;
 
 var useFormattedDate = function useFormattedDate() {
   var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
@@ -184,9 +185,11 @@ var useDebounced = function useDebounced(handler, watchedValue) {
     };
   }, [watchedValue, delay]);
 };
+var useDebounced$1 = useDebounced;
 
 var eventsManager$1 = typeof document !== 'undefined' ? new EventsManager(document) : null;
 var useDocumentEvent = createUseEvent(eventsManager$1);
+var useDocumentEvent$1 = useDocumentEvent;
 
 function useDragProgress() {
   var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
@@ -284,7 +287,7 @@ var useForm = function useForm() {
       return name;
     }) : [];
   }, [providedFields]);
-  var _useBaseForm = useForm$1(_objectSpread({
+  var _useBaseForm = useForm$2(_objectSpread({
       fields: fieldsNames
     }, opts)),
     fields = _useBaseForm.fields,
@@ -295,6 +298,7 @@ var useForm = function useForm() {
     }) : providedFields
   });
 };
+var useForm$1 = useForm;
 
 var useFormTransition = function useFormTransition() {
   var paths = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
@@ -323,6 +327,7 @@ var useFormTransition = function useFormTransition() {
     timeout: direction === 'left' || direction === 'right' ? 300 : 10
   };
 };
+var useFormTransition$1 = useFormTransition;
 
 var useFullscreen = function useFullscreen(element) {
   var enabled = screenfull.isEnabled;
@@ -372,6 +377,7 @@ var useFullscreen = function useFullscreen(element) {
     enabled: enabled
   };
 };
+var useFullscreen$1 = useFullscreen;
 
 var _excluded$2 = ["entry"];
 var buildThresholdArray = function buildThresholdArray() {
@@ -629,6 +635,7 @@ var useIsVisible = function useIsVisible() {
     visible: isVisible
   };
 };
+var useIsVisible$1 = useIsVisible;
 
 var fontsMap = {
   loading: [],
@@ -729,6 +736,7 @@ var useLoadedFonts = function useLoadedFonts(fonts) {
     loaded: loaded
   };
 };
+var useLoadedFonts$1 = useLoadedFonts;
 
 var isTouchEvent = function isTouchEvent(event) {
   return 'touches' in event;
@@ -851,6 +859,7 @@ var useLongPress = function useLongPress() {
     triggered: triggered
   };
 };
+var useLongPress$1 = useLongPress;
 
 var progressSteps = [0.1, 0.25, 0.5, 0.75, 0.9];
 var useMediaApi = function useMediaApi() {
@@ -1186,6 +1195,7 @@ var useMediaApi = function useMediaApi() {
     suspended: suspended
   };
 };
+var useMediaApi$1 = useMediaApi;
 
 var useMediaBuffering = function useMediaBuffering() {
   var mediaElement = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
@@ -1285,6 +1295,7 @@ var useMediaBuffering = function useMediaBuffering() {
     buffering: buffering
   };
 };
+var useMediaBuffering$1 = useMediaBuffering;
 
 var useMediaState = function useMediaState() {
   var mediaElement = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
@@ -1410,6 +1421,7 @@ var useMediaState = function useMediaState() {
     buffering: buffering
   };
 };
+var useMediaState$1 = useMediaState;
 
 function useMediaCurrentTime(element) {
   var _ref = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {},
@@ -1718,6 +1730,7 @@ var useMediasParser = function useMediasParser() {
     parser: parser
   };
 };
+var useMediasParser$1 = useMediasParser;
 
 function useMediaThumbnail(media) {
   var file = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
@@ -1856,6 +1869,7 @@ var useParsedStory = function useParsedStory(story) {
   }, [parser, disabled, withMedias, withTheme, withFonts, story]);
   return newStory;
 };
+var useParsedStory$1 = useParsedStory;
 
 function useProgressSteps() {
   var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
@@ -2228,6 +2242,7 @@ var useThemeParser = function useThemeParser() {
   }, [parser]);
   return parse;
 };
+var useThemeParser$1 = useThemeParser;
 
 var getScreenOptions = function getScreenOptions(screenContext, opts) {
   var _ref = screenContext || {},
@@ -2336,5 +2351,6 @@ var useTrackMedia = function useTrackMedia() {
 
 var eventsManager = typeof window !== 'undefined' ? new EventsManager(window) : null;
 var useWindowEvent = createUseEvent(eventsManager);
+var useWindowEvent$1 = useWindowEvent;
 
-export { getObserver, useActivityDetector, useAnimationFrame, useDebounced as useDebounce, useDimensionObserver, useDocumentEvent, useDragProgress, useForm, useFormTransition, useFormattedDate, useFormattedTime, useFullscreen, useIntersectionObserver, useIsVisible, useLoadedFonts, useLongPress, useMediaApi, useMediaBuffering, useMediaCurrentTime, useMediaDuration, useMediaLoad, useMediaProgress, useMediaReady, useMediaState, useMediaThumbnail, useMediaWaveform, useMediasParser, useObserver, useParsedStory, useProgressSteps, useResizeObserver, useScreenSizeFromElement, useScreenSizeFromWindow, useSpringValue, useSwipe, useThemeParser, useTrackEvent, useTrackMedia, useTrackScreenEvent, useTrackScreenMedia, useTrackScreenView, useWindowEvent };
+export { getObserver, useActivityDetector, useAnimationFrame$1 as useAnimationFrame, useDebounced$1 as useDebounce, useDimensionObserver, useDocumentEvent$1 as useDocumentEvent, useDragProgress, useForm$1 as useForm, useFormTransition$1 as useFormTransition, useFormattedDate, useFormattedTime, useFullscreen$1 as useFullscreen, useIntersectionObserver, useIsVisible$1 as useIsVisible, useLoadedFonts$1 as useLoadedFonts, useLongPress$1 as useLongPress, useMediaApi$1 as useMediaApi, useMediaBuffering$1 as useMediaBuffering, useMediaCurrentTime, useMediaDuration, useMediaLoad, useMediaProgress, useMediaReady, useMediaState$1 as useMediaState, useMediaThumbnail, useMediaWaveform, useMediasParser$1 as useMediasParser, useObserver, useParsedStory$1 as useParsedStory, useProgressSteps, useResizeObserver, useScreenSizeFromElement, useScreenSizeFromWindow, useSpringValue, useSwipe, useThemeParser$1 as useThemeParser, useTrackEvent, useTrackMedia, useTrackScreenEvent, useTrackScreenMedia, useTrackScreenView, useWindowEvent$1 as useWindowEvent };