@micromag/core 0.3.480 → 0.3.485

package/lib/contexts.js

@@ -13,13 +13,35 @@ var fetch = require('@folklore/fetch');
 var isObject = require('lodash/isObject');
 var services = require('@folklore/services');
 var utils = require('@micromag/core/utils');
-var reactRouter = require('react-router');
+var jsxRuntime = require('react/jsx-runtime');
+var pathToRegexp = require('path-to-regexp');
+var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
+var regexparam = require('regexparam');
+var index_js = require('use-sync-external-store/shim/index.js');
 var reactIntl = require('react-intl');
 var tracking = require('@folklore/tracking');
-var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
 var uuid = require('uuid');
 var EventEmitter = require('wolfy87-eventemitter');
 
+function _interopNamespaceDefault(e) {
+    var n = Object.create(null);
+    if (e) {
+        Object.keys(e).forEach(function (k) {
+            if (k !== 'default') {
+                var d = Object.getOwnPropertyDescriptor(e, k);
+                Object.defineProperty(n, k, d.get ? d : {
+                    enumerable: true,
+                    get: function () { return e[k]; }
+                });
+            }
+        });
+    }
+    n.default = e;
+    return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
+
 var MODALS_NAMESPACE = 'modals';
 var FIELDS_NAMESPACE = 'fields';
 var FORMS_NAMESPACE = 'forms';
@@ -984,84 +1006,352 @@ var PlaybackProvider = function PlaybackProvider(_ref) {
 PlaybackProvider.propTypes = propTypes$7;
 PlaybackProvider.defaultProps = defaultProps$7;
 
-/* eslint-disable react/jsx-props-no-spreading */
-var RoutesContext = /*#__PURE__*/React.createContext(null);
-var useRoutes = function useRoutes() {
-  var _useContext = React.useContext(RoutesContext),
-    routes = _useContext.routes;
-  return routes;
-};
-var useUrlGenerator = function useUrlGenerator() {
-  var _useContext2 = React.useContext(RoutesContext),
-    routes = _useContext2.routes,
-    basePath = _useContext2.basePath;
-  var urlGenerator = React.useCallback(function (key, data) {
-    var url = reactRouter.generatePath(routes[key], data);
-    return basePath !== null ? "".concat(basePath.replace(/\/$/, ''), "/").concat(url.replace(/^\//, '')) : url;
-  }, [reactRouter.generatePath, routes, basePath]);
-  return urlGenerator;
+// React.useInsertionEffect is not available in React <18
+var useEffect = React__namespace.useEffect,
+  useLayoutEffect = React__namespace.useLayoutEffect,
+  useRef = React__namespace.useRef,
+  useBuiltinInsertionEffect = React__namespace.useInsertionEffect;
+
+// Copied from:
+// https://github.com/facebook/react/blob/main/packages/shared/ExecutionEnvironment.js
+var canUseDOM = !!(typeof window !== "undefined" && typeof window.document !== "undefined" && typeof window.document.createElement !== "undefined");
+
+// Copied from:
+// https://github.com/reduxjs/react-redux/blob/master/src/utils/useIsomorphicLayoutEffect.ts
+// "React currently throws a warning when using useLayoutEffect on the server.
+// To get around it, we can conditionally useEffect on the server (no-op) and
+// useLayoutEffect in the browser."
+var useIsomorphicLayoutEffect = canUseDOM ? useLayoutEffect : useEffect;
+
+// useInsertionEffect is already a noop on the server.
+// See: https://github.com/facebook/react/blob/main/packages/react-server/src/ReactFizzHooks.js
+var useInsertionEffect = useBuiltinInsertionEffect || useIsomorphicLayoutEffect;
+
+// Userland polyfill while we wait for the forthcoming
+// https://github.com/reactjs/rfcs/blob/useevent/text/0000-useevent.md
+// Note: "A high-fidelity polyfill for useEvent is not possible because
+// there is no lifecycle or Hook in React that we can use to switch
+// .current at the right timing."
+// So we will have to make do with this "close enough" approach for now.
+var useEvent = function useEvent(fn) {
+  var ref = useRef([fn, function () {
+    return ref[0].apply(ref, arguments);
+  }]).current;
+  // Per Dan Abramov: useInsertionEffect executes marginally closer to the
+  // correct timing for ref synchronization than useLayoutEffect on React 18.
+  // See: https://github.com/facebook/react/pull/25881#issuecomment-1356244360
+  useInsertionEffect(function () {
+    ref[0] = fn;
+  });
+  return ref[1];
 };
-var useRoutePush = function useRoutePush() {
-  var url = useUrlGenerator();
-  var history = reactRouter.useHistory() || null;
-  var push = React.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));
-      }
+
+/**
+ * History API docs @see https://developer.mozilla.org/en-US/docs/Web/API/History
+ */
+var eventPopstate = "popstate";
+var eventPushState = "pushState";
+var eventReplaceState = "replaceState";
+var eventHashchange = "hashchange";
+var events = [eventPopstate, eventPushState, eventReplaceState, eventHashchange];
+var subscribeToLocationUpdates = function subscribeToLocationUpdates(callback) {
+  for (var _i = 0, _events = events; _i < _events.length; _i++) {
+    var event = _events[_i];
+    addEventListener(event, callback);
+  }
+  return function () {
+    for (var _i2 = 0, _events2 = events; _i2 < _events2.length; _i2++) {
+      var _event = _events2[_i2];
+      removeEventListener(_event, callback);
     }
-  }, [history, url]);
-  return push;
+  };
 };
-var useRouteBack = function useRouteBack() {
-  var url = useUrlGenerator();
-  var history = reactRouter.useHistory() || null;
-  var back = React.useCallback(function () {
-    if (history !== null && history.goBack) {
-      history.goBack();
+var useLocationProperty = function useLocationProperty(fn, ssrFn) {
+  return index_js.useSyncExternalStore(subscribeToLocationUpdates, fn, ssrFn);
+};
+var currentSearch = function currentSearch() {
+  return location.search;
+};
+var useSearch = function useSearch() {
+  var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
+    _ref$ssrSearch = _ref.ssrSearch,
+    ssrSearch = _ref$ssrSearch === void 0 ? "" : _ref$ssrSearch;
+  return useLocationProperty(currentSearch, function () {
+    return ssrSearch;
+  });
+};
+var currentPathname = function currentPathname() {
+  return location.pathname;
+};
+var usePathname = function usePathname() {
+  var _ref2 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
+    ssrPath = _ref2.ssrPath;
+  return useLocationProperty(currentPathname, ssrPath ? function () {
+    return ssrPath;
+  } : currentPathname);
+};
+var navigate = function navigate(to) {
+  var _ref3 = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {},
+    _ref3$replace = _ref3.replace,
+    replace = _ref3$replace === void 0 ? false : _ref3$replace,
+    _ref3$state = _ref3.state,
+    state = _ref3$state === void 0 ? null : _ref3$state;
+  return history[replace ? eventReplaceState : eventPushState](state, "", to);
+};
+
+// the 2nd argument of the `useBrowserLocation` return value is a function
+// that allows to perform a navigation.
+var useBrowserLocation = function useBrowserLocation() {
+  var opts = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  return [usePathname(opts), navigate];
+};
+var patchKey = Symbol["for"]("wouter_v3");
+
+// While History API does have `popstate` event, the only
+// proper way to listen to changes via `push/replaceState`
+// is to monkey-patch these methods.
+//
+// See https://stackoverflow.com/a/4585031
+if (typeof history !== "undefined" && typeof window[patchKey] === "undefined") {
+  var _loop = function _loop() {
+    var type = _arr[_i3];
+    var original = history[type];
+    // TODO: we should be using unstable_batchedUpdates to avoid multiple re-renders,
+    // however that will require an additional peer dependency on react-dom.
+    // See: https://github.com/reactwg/react-18/discussions/86#discussioncomment-1567149
+    history[type] = function () {
+      var result = original.apply(this, arguments);
+      var event = new Event(type);
+      event.arguments = arguments;
+      dispatchEvent(event);
+      return result;
+    };
+  };
+  for (var _i3 = 0, _arr = [eventPushState, eventReplaceState]; _i3 < _arr.length; _i3++) {
+    _loop();
+  }
+
+  // patch history object only once
+  // See: https://github.com/molefrog/wouter/issues/167
+  Object.defineProperty(window, patchKey, {
+    value: true
+  });
+}
+
+var _excluded3 = ["to", "href", "onClick", "asChild", "children", "replace", "state"];
+
+/*
+ * Transforms `path` into its relative `base` version
+ * If base isn't part of the path provided returns absolute path e.g. `~/app`
+ */
+var relativePath = function relativePath() {
+  var base = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : "";
+  var path = arguments.length > 1 ? arguments[1] : undefined;
+  return !path.toLowerCase().indexOf(base.toLowerCase()) ? path.slice(base.length) || "/" : "~" + path;
+};
+var absolutePath = function absolutePath(to) {
+  var base = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : "";
+  return to[0] === "~" ? to.slice(1) : base + to;
+};
+
+/*
+ * decodes escape sequences such as %20
+ */
+var unescape = function unescape(str) {
+  try {
+    return decodeURI(str);
+  } catch (_e) {
+    // fail-safe mode: if string can't be decoded do nothing
+    return str;
+  }
+};
+
+/*
+ * Router and router context. Router is a lightweight object that represents the current
+ * routing options: how location is managed, base path etc.
+ *
+ * There is a default router present for most of the use cases, however it can be overridden
+ * via the <Router /> component.
+ */
+
+var defaultRouter = {
+  hook: useBrowserLocation,
+  searchHook: useSearch,
+  parser: regexparam.parse,
+  base: "",
+  // this option is used to override the current location during SSR
+  ssrPath: undefined,
+  ssrSearch: undefined
+};
+var RouterCtx = React.createContext(defaultRouter);
+
+// gets the closest parent router from the context
+var useRouter = function useRouter() {
+  return React.useContext(RouterCtx);
+};
+
+/**
+ * Parameters context. Used by `useParams()` to get the
+ * matched params from the innermost `Route` component.
+ */
+
+React.createContext({});
+
+/*
+ * Part 1, Hooks API: useRoute and useLocation
+ */
+
+// Internal version of useLocation to avoid redundant useRouter calls
+
+var useLocationFromRouter = function useLocationFromRouter(router) {
+  var _router$hook = router.hook(router),
+    _router$hook2 = _slicedToArray(_router$hook, 2),
+    location = _router$hook2[0],
+    navigate = _router$hook2[1];
+
+  // the function reference should stay the same between re-renders, so that
+  // it can be passed down as an element prop without any performance concerns.
+  // (This is achieved via `useEvent`.)
+  return [unescape(relativePath(router.base, location)), useEvent(function (to, navOpts) {
+    return navigate(absolutePath(to, router.base), navOpts);
+  })];
+};
+var useLocation = function useLocation() {
+  return useLocationFromRouter(useRouter());
+};
+React.forwardRef(function (props, ref) {
+  var router = useRouter();
+  var _useLocationFromRoute3 = useLocationFromRouter(router),
+    _useLocationFromRoute4 = _slicedToArray(_useLocationFromRoute3, 2),
+    navigate = _useLocationFromRoute4[1];
+  var to = props.to,
+    _props$href = props.href,
+    _href = _props$href === void 0 ? to : _props$href,
+    _onClick = props.onClick,
+    asChild = props.asChild,
+    children = props.children;
+    props.replace;
+    props.state;
+    var restProps = _objectWithoutProperties(props, _excluded3);
+  var onClick = useEvent(function (event) {
+    // ignores the navigation when clicked using right mouse button or
+    // by holding a special modifier key: ctrl, command, win, alt, shift
+    if (event.ctrlKey || event.metaKey || event.altKey || event.shiftKey || event.button !== 0) return;
+    _onClick && _onClick(event); // TODO: is it safe to use _onClick?.(event)
+    if (!event.defaultPrevented) {
+      event.preventDefault();
+      navigate(_href, props);
     }
-  }, [history, url]);
-  return back;
+  });
+
+  // handle nested routers and absolute paths
+  var href = _href[0] === "~" ? _href.slice(1) : router.base + _href;
+  return asChild && React.isValidElement(children) ? React.cloneElement(children, {
+    href: href,
+    onClick: onClick
+  }) : React.createElement("a", _objectSpread(_objectSpread({}, restProps), {}, {
+    href: href,
+    onClick: onClick,
+    children: children,
+    ref: ref
+  }));
+});
+
+/* eslint-disable react/jsx-props-no-spreading */
+var RoutesContext = /*#__PURE__*/React.createContext(null);
+var useRoutesContext = function useRoutesContext() {
+  return React.useContext(RoutesContext);
 };
 var propTypes$6 = {
   children: PropTypes.node.isRequired,
-  routes: PropTypes.objectOf(PropTypes.string),
-  // .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;
+function RoutesProvider(_ref) {
+  var routes = _ref.routes,
+    basePath = _ref.basePath,
+    children = _ref.children;
   var value = React.useMemo(function () {
     return {
       routes: routes,
       basePath: basePath
     };
-  }, []);
-  return /*#__PURE__*/React.createElement(RoutesContext.Provider, {
-    value: value
-  }, children);
-};
+  }, [routes, basePath]);
+  return /*#__PURE__*/jsxRuntime.jsx(RoutesContext.Provider, {
+    value: value,
+    children: children
+  });
+}
 RoutesProvider.propTypes = propTypes$6;
 RoutesProvider.defaultProps = defaultProps$6;
+var compilers = {};
+function generatePath(path, data) {
+  var opts = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
+  if (typeof compilers[path] === 'undefined') {
+    compilers[path] = pathToRegexp.compile(path, opts);
+  }
+  var compiler = compilers[path];
+  return compiler(data);
+}
+var useUrlGeneratorPathToRepexp = function useUrlGeneratorPathToRepexp() {
+  var _ref2 = useRoutesContext() || {},
+    _ref2$routes = _ref2.routes,
+    routes = _ref2$routes === void 0 ? null : _ref2$routes,
+    _ref2$basePath = _ref2.basePath,
+    basePath = _ref2$basePath === void 0 ? null : _ref2$basePath;
+  var urlGenerator = React.useCallback(function (key, data, opts) {
+    var path = routes !== null ? routes[key] || null : null;
+    if (path === null) {
+      return null;
+    }
+    var url = generatePath(path, data, opts);
+    return basePath !== null ? "".concat(basePath.replace(/\/$/, ''), "/").concat(url.replace(/^\//, '')) : url;
+  }, [routes, basePath]);
+  return urlGenerator;
+};
+var useUrlGeneratorPathToRegexp = useUrlGeneratorPathToRepexp;
+var useRoutes = function useRoutes() {
+  var _useRoutesContext = useRoutesContext(),
+    routes = _useRoutesContext.routes;
+  return routes;
+};
+var useRoutes$1 = useRoutes;
+
+var useRoutePush = function useRoutePush() {
+  var url = useUrlGeneratorPathToRegexp();
+  var _useLocation = useLocation(),
+    _useLocation2 = _slicedToArray(_useLocation, 2),
+    navigate = _useLocation2[1];
+  var push = React.useCallback(function (route, data) {
+    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)) {
+      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 = useUrlGeneratorPathToRegexp();
+  var _useLocation3 = useLocation(),
+    _useLocation4 = _slicedToArray(_useLocation3, 2),
+    navigate = _useLocation4[1];
+  var back = React.useCallback(function () {
+    return navigate(-1);
+  }, [navigate, url]);
+  return back;
+};
 
 var ScreenContext = /*#__PURE__*/React.createContext({
   data: null,
@@ -2058,7 +2348,7 @@ exports.usePlaybackContext = usePlaybackContext;
 exports.usePlaybackMediaRef = usePlaybackMediaRef;
 exports.useRouteBack = useRouteBack;
 exports.useRoutePush = useRoutePush;
-exports.useRoutes = useRoutes;
+exports.useRoutes = useRoutes$1;
 exports.useScreen = useScreen;
 exports.useScreenComponent = useScreenComponent;
 exports.useScreenData = useScreenData;
@@ -2075,7 +2365,7 @@ exports.useStoryContext = useStoryContext;
 exports.useTracking = useTracking;
 exports.useUppy = useUppy;
 exports.useUppyConfig = useUppyConfig;
-exports.useUrlGenerator = useUrlGenerator;
+exports.useUrlGenerator = useUrlGeneratorPathToRegexp;
 exports.useViewerContainer = useViewerContainer;
 exports.useViewerContext = useViewerContext;
 exports.useViewerEvents = useViewerEvents;

package/lib/hooks.js

@@ -3,24 +3,24 @@
 var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
 var react = require('react');
 var _objectSpread = require('@babel/runtime/helpers/objectSpread2');
-var reactIntl = require('react-intl');
-var isString = require('lodash/isString');
-var dayjs = require('dayjs');
-var core = require('@micromag/core');
-var utils = require('@micromag/core/utils');
 var core$1 = require('@react-spring/core');
 var react$1 = require('@use-gesture/react');
 var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
+var raf = require('raf');
+var isObject = require('lodash/isObject');
+var utils = require('@micromag/core/utils');
+var _toConsumableArray = require('@babel/runtime/helpers/toConsumableArray');
+var core = require('@micromag/core');
 var forms = require('@folklore/forms');
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var classNames = require('classnames');
 var screenfull = require('screenfull');
-var _toConsumableArray = require('@babel/runtime/helpers/toConsumableArray');
 var isArray = require('lodash/isArray');
-var isObject = require('lodash/isObject');
 var createDebug = require('debug');
-var raf = require('raf');
+var isString = require('lodash/isString');
 var contexts = require('@micromag/core/contexts');
+var reactIntl = require('react-intl');
+var dayjs = require('dayjs');
 var cssMediaquery = require('css-mediaquery');
 var clamp = require('lodash/clamp');
 
@@ -118,6 +118,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] : {},
@@ -186,9 +187,11 @@ var useDebounced = function useDebounced(handler, watchedValue) {
     };
   }, [watchedValue, delay]);
 };
+var useDebounced$1 = useDebounced;
 
 var eventsManager$1 = typeof document !== 'undefined' ? new core.EventsManager(document) : null;
 var useDocumentEvent = utils.createUseEvent(eventsManager$1);
+var useDocumentEvent$1 = useDocumentEvent;
 
 function useDragProgress() {
   var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
@@ -297,6 +300,7 @@ var useForm = function useForm() {
     }) : providedFields
   });
 };
+var useForm$1 = useForm;
 
 var useFormTransition = function useFormTransition() {
   var paths = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
@@ -325,6 +329,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;
@@ -374,6 +379,7 @@ var useFullscreen = function useFullscreen(element) {
     enabled: enabled
   };
 };
+var useFullscreen$1 = useFullscreen;
 
 var _excluded$2 = ["entry"];
 var buildThresholdArray = function buildThresholdArray() {
@@ -631,6 +637,7 @@ var useIsVisible = function useIsVisible() {
     visible: isVisible
   };
 };
+var useIsVisible$1 = useIsVisible;
 
 var fontsMap = {
   loading: [],
@@ -731,6 +738,7 @@ var useLoadedFonts = function useLoadedFonts(fonts) {
     loaded: loaded
   };
 };
+var useLoadedFonts$1 = useLoadedFonts;
 
 var isTouchEvent = function isTouchEvent(event) {
   return 'touches' in event;
@@ -853,6 +861,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() {
@@ -1188,6 +1197,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;
@@ -1287,6 +1297,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;
@@ -1412,6 +1423,7 @@ var useMediaState = function useMediaState() {
     buffering: buffering
   };
 };
+var useMediaState$1 = useMediaState;
 
 function useMediaCurrentTime(element) {
   var _ref = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {},
@@ -1720,6 +1732,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;
@@ -1858,6 +1871,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] : {},
@@ -2230,6 +2244,7 @@ var useThemeParser = function useThemeParser() {
   }, [parser]);
   return parse;
 };
+var useThemeParser$1 = useThemeParser;
 
 var getScreenOptions = function getScreenOptions(screenContext, opts) {
   var _ref = screenContext || {},
@@ -2338,46 +2353,47 @@ var useTrackMedia = function useTrackMedia() {
 
 var eventsManager = typeof window !== 'undefined' ? new core.EventsManager(window) : null;
 var useWindowEvent = utils.createUseEvent(eventsManager);
+var useWindowEvent$1 = useWindowEvent;
 
 exports.getObserver = getObserver;
 exports.useActivityDetector = useActivityDetector;
-exports.useAnimationFrame = useAnimationFrame;
-exports.useDebounce = useDebounced;
+exports.useAnimationFrame = useAnimationFrame$1;
+exports.useDebounce = useDebounced$1;
 exports.useDimensionObserver = useDimensionObserver;
-exports.useDocumentEvent = useDocumentEvent;
+exports.useDocumentEvent = useDocumentEvent$1;
 exports.useDragProgress = useDragProgress;
-exports.useForm = useForm;
-exports.useFormTransition = useFormTransition;
+exports.useForm = useForm$1;
+exports.useFormTransition = useFormTransition$1;
 exports.useFormattedDate = useFormattedDate;
 exports.useFormattedTime = useFormattedTime;
-exports.useFullscreen = useFullscreen;
+exports.useFullscreen = useFullscreen$1;
 exports.useIntersectionObserver = useIntersectionObserver;
-exports.useIsVisible = useIsVisible;
-exports.useLoadedFonts = useLoadedFonts;
-exports.useLongPress = useLongPress;
-exports.useMediaApi = useMediaApi;
-exports.useMediaBuffering = useMediaBuffering;
+exports.useIsVisible = useIsVisible$1;
+exports.useLoadedFonts = useLoadedFonts$1;
+exports.useLongPress = useLongPress$1;
+exports.useMediaApi = useMediaApi$1;
+exports.useMediaBuffering = useMediaBuffering$1;
 exports.useMediaCurrentTime = useMediaCurrentTime;
 exports.useMediaDuration = useMediaDuration;
 exports.useMediaLoad = useMediaLoad;
 exports.useMediaProgress = useMediaProgress;
 exports.useMediaReady = useMediaReady;
-exports.useMediaState = useMediaState;
+exports.useMediaState = useMediaState$1;
 exports.useMediaThumbnail = useMediaThumbnail;
 exports.useMediaWaveform = useMediaWaveform;
-exports.useMediasParser = useMediasParser;
+exports.useMediasParser = useMediasParser$1;
 exports.useObserver = useObserver;
-exports.useParsedStory = useParsedStory;
+exports.useParsedStory = useParsedStory$1;
 exports.useProgressSteps = useProgressSteps;
 exports.useResizeObserver = useResizeObserver;
 exports.useScreenSizeFromElement = useScreenSizeFromElement;
 exports.useScreenSizeFromWindow = useScreenSizeFromWindow;
 exports.useSpringValue = useSpringValue;
 exports.useSwipe = useSwipe;
-exports.useThemeParser = useThemeParser;
+exports.useThemeParser = useThemeParser$1;
 exports.useTrackEvent = useTrackEvent;
 exports.useTrackMedia = useTrackMedia;
 exports.useTrackScreenEvent = useTrackScreenEvent;
 exports.useTrackScreenMedia = useTrackScreenMedia;
 exports.useTrackScreenView = useTrackScreenView;
-exports.useWindowEvent = useWindowEvent;
+exports.useWindowEvent = useWindowEvent$1;