@micromag/core 0.3.651 → 0.3.659

package/es/hooks.js

@@ -25,11 +25,11 @@ import clamp from 'lodash/clamp';
 function useActivityDetector() {
   var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
     _ref$element = _ref.element,
-    providedElement = _ref$element === undefined ? null : _ref$element,
+    providedElement = _ref$element === void 0 ? null : _ref$element,
     _ref$disabled = _ref.disabled,
-    disabled = _ref$disabled === undefined ? false : _ref$disabled,
+    disabled = _ref$disabled === void 0 ? false : _ref$disabled,
     _ref$timeout = _ref.timeout,
-    timeoutDelay = _ref$timeout === undefined ? 2000 : _ref$timeout;
+    timeoutDelay = _ref$timeout === void 0 ? 2000 : _ref$timeout;
   var ref = useRef(providedElement);
   var _useState = useState(false),
     _useState2 = _slicedToArray(_useState, 2),
@@ -41,7 +41,7 @@ function useActivityDetector() {
   }
   useEffect(function () {
     var _ref$current = ref.current,
-      element = _ref$current === undefined ? null : _ref$current;
+      element = _ref$current === void 0 ? null : _ref$current;
     if (element === null || disabled) {
       return function () {};
     }
@@ -94,7 +94,7 @@ function useActivityDetector() {
 var useAnimationFrame = function useAnimationFrame(onFrame) {
   var _ref = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {},
     _ref$disabled = _ref.disabled,
-    disabled = _ref$disabled === undefined ? false : _ref$disabled;
+    disabled = _ref$disabled === void 0 ? false : _ref$disabled;
   var requestRef = useRef(null);
   var startTimeRef = useRef(null);
   var _callback = function callback(time) {
@@ -120,9 +120,9 @@ var useAnimationFrame = function useAnimationFrame(onFrame) {
 var useFormattedDate = function useFormattedDate() {
   var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
     _ref$format = _ref.format,
-    format = _ref$format === undefined ? null : _ref$format,
+    format = _ref$format === void 0 ? null : _ref$format,
     _ref$showToday = _ref.showToday,
-    showToday = _ref$showToday === undefined ? true : _ref$showToday;
+    showToday = _ref$showToday === void 0 ? true : _ref$showToday;
   var intl = useIntl();
   var today = dayjs();
   return useCallback(function (date) {
@@ -146,11 +146,11 @@ var useFormattedDate = function useFormattedDate() {
 var useFormattedTime = function useFormattedTime() {
   var _ref2 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
     _ref2$format = _ref2.format,
-    format = _ref2$format === undefined ? null : _ref2$format,
+    format = _ref2$format === void 0 ? null : _ref2$format,
     _ref2$showNow = _ref2.showNow,
-    showNow = _ref2$showNow === undefined ? true : _ref2$showNow,
+    showNow = _ref2$showNow === void 0 ? true : _ref2$showNow,
     _ref2$timeGap = _ref2.timeGap,
-    timeGap = _ref2$timeGap === undefined ? 2 : _ref2$timeGap;
+    timeGap = _ref2$timeGap === void 0 ? 2 : _ref2$timeGap;
   var intl = useIntl();
   var now = dayjs();
   return useCallback(function (date) {
@@ -192,19 +192,19 @@ function useDragProgress() {
   var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
     wantedProgress = _ref.progress,
     _ref$onTap = _ref.onTap,
-    onTap = _ref$onTap === undefined ? null : _ref$onTap,
+    onTap = _ref$onTap === void 0 ? null : _ref$onTap,
     _ref$disabled = _ref.disabled,
-    disabled = _ref$disabled === undefined ? false : _ref$disabled,
+    disabled = _ref$disabled === void 0 ? false : _ref$disabled,
     _ref$dragDisabled = _ref.dragDisabled,
-    dragDisabled = _ref$dragDisabled === undefined ? false : _ref$dragDisabled,
+    dragDisabled = _ref$dragDisabled === void 0 ? false : _ref$dragDisabled,
     _ref$computeProgress = _ref.computeProgress,
-    computeProgress = _ref$computeProgress === undefined ? null : _ref$computeProgress,
+    computeProgress = _ref$computeProgress === void 0 ? null : _ref$computeProgress,
     _ref$onProgress = _ref.onProgress,
-    onProgress = _ref$onProgress === undefined ? null : _ref$onProgress,
+    onProgress = _ref$onProgress === void 0 ? null : _ref$onProgress,
     _ref$springParams = _ref.springParams,
-    springParams = _ref$springParams === undefined ? undefined : _ref$springParams,
+    springParams = _ref$springParams === void 0 ? undefined : _ref$springParams,
     _ref$dragOptions = _ref.dragOptions,
-    dragOptions = _ref$dragOptions === undefined ? {
+    dragOptions = _ref$dragOptions === void 0 ? {
       filterTaps: true
     } : _ref$dragOptions;
   var refDragging = useRef(false);
@@ -297,9 +297,9 @@ var _excluded$3 = ["fields", "injectInFields"],
 var useForm = function useForm() {
   var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
     _ref$fields = _ref.fields,
-    providedFields = _ref$fields === undefined ? [] : _ref$fields,
+    providedFields = _ref$fields === void 0 ? [] : _ref$fields,
     _ref$injectInFields = _ref.injectInFields,
-    injectInFields = _ref$injectInFields === undefined ? false : _ref$injectInFields,
+    injectInFields = _ref$injectInFields === void 0 ? false : _ref$injectInFields,
     opts = _objectWithoutProperties(_ref, _excluded$3);
   var fieldsNames = useMemo(function () {
     return providedFields.length > 0 ? providedFields.map(function (_ref2) {
@@ -403,10 +403,10 @@ var buildThresholdArray = function buildThresholdArray() {
 var observersCache = new Map();
 var getOptionsKey = function getOptionsKey(_ref) {
   var _ref$root = _ref.root,
-    root = _ref$root === undefined ? null : _ref$root,
+    root = _ref$root === void 0 ? null : _ref$root,
     rootMargin = _ref.rootMargin,
     _ref$threshold = _ref.threshold,
-    threshold = _ref$threshold === undefined ? null : _ref$threshold;
+    threshold = _ref$threshold === void 0 ? null : _ref$threshold;
   return "root_".concat(root, "_rootMargin_").concat(rootMargin || null, "_threshold_").concat(threshold);
 };
 var createObserver = function createObserver(Observer) {
@@ -504,13 +504,13 @@ var useObserver = function useObserver(Observer) {
   var opts = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
   var initialEntry = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
   var _opts$root = opts.root,
-    root = _opts$root === undefined ? null : _opts$root,
+    root = _opts$root === void 0 ? null : _opts$root,
     _opts$rootMargin = opts.rootMargin,
-    rootMargin = _opts$rootMargin === undefined ? null : _opts$rootMargin,
+    rootMargin = _opts$rootMargin === void 0 ? null : _opts$rootMargin,
     _opts$threshold = opts.threshold,
-    threshold = _opts$threshold === undefined ? null : _opts$threshold,
+    threshold = _opts$threshold === void 0 ? null : _opts$threshold,
     _opts$disabled = opts.disabled,
-    disabled = _opts$disabled === undefined ? false : _opts$disabled;
+    disabled = _opts$disabled === void 0 ? false : _opts$disabled;
   var _useState = useState(initialEntry),
     _useState2 = _slicedToArray(_useState, 2),
     entry = _useState2[0],
@@ -571,13 +571,13 @@ var intersectionObserverInitialEntry = {
 var useIntersectionObserver = function useIntersectionObserver() {
   var _ref3 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
     _ref3$root = _ref3.root,
-    root = _ref3$root === undefined ? null : _ref3$root,
+    root = _ref3$root === void 0 ? null : _ref3$root,
     _ref3$rootMargin = _ref3.rootMargin,
-    rootMargin = _ref3$rootMargin === undefined ? '0px' : _ref3$rootMargin,
+    rootMargin = _ref3$rootMargin === void 0 ? '0px' : _ref3$rootMargin,
     _ref3$threshold = _ref3.threshold,
-    threshold = _ref3$threshold === undefined ? thresholdArray : _ref3$threshold,
+    threshold = _ref3$threshold === void 0 ? thresholdArray : _ref3$threshold,
     _ref3$disabled = _ref3.disabled,
-    disabled = _ref3$disabled === undefined ? false : _ref3$disabled;
+    disabled = _ref3$disabled === void 0 ? false : _ref3$disabled;
   return useObserver(typeof window !== 'undefined' ? IntersectionObserver : null, {
     root: root,
     rootMargin: rootMargin,
@@ -598,30 +598,30 @@ var resizeObserverInitialEntry = {
 var useResizeObserver = function useResizeObserver() {
   var _ref4 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
     _ref4$disabled = _ref4.disabled,
-    disabled = _ref4$disabled === undefined ? false : _ref4$disabled;
+    disabled = _ref4$disabled === void 0 ? false : _ref4$disabled;
   return useObserver(typeof window !== 'undefined' ? ResizeObserver : null, {
     disabled: disabled
   }, resizeObserverInitialEntry);
 };
 var useDimensionObserver = function useDimensionObserver() {
-  var _useResizeObserver = useResizeObserver.apply(undefined, arguments),
+  var _useResizeObserver = useResizeObserver.apply(void 0, arguments),
     entry = _useResizeObserver.entry,
     rest = _objectWithoutProperties(_useResizeObserver, _excluded$2);
   var _ref5 = entry || {},
     _ref5$contentRect = _ref5.contentRect,
-    contentRect = _ref5$contentRect === undefined ? null : _ref5$contentRect,
+    contentRect = _ref5$contentRect === void 0 ? null : _ref5$contentRect,
     _ref5$borderBoxSize = _ref5.borderBoxSize,
-    borderBoxSize = _ref5$borderBoxSize === undefined ? null : _ref5$borderBoxSize;
+    borderBoxSize = _ref5$borderBoxSize === void 0 ? null : _ref5$borderBoxSize;
   var _ref6 = contentRect || {},
     _ref6$width = _ref6.width,
-    width = _ref6$width === undefined ? 0 : _ref6$width,
+    width = _ref6$width === void 0 ? 0 : _ref6$width,
     _ref6$height = _ref6.height,
-    height = _ref6$height === undefined ? 0 : _ref6$height;
+    height = _ref6$height === void 0 ? 0 : _ref6$height;
   var _ref7 = isArray(borderBoxSize) ? borderBoxSize[0] || {} : borderBoxSize || {},
     _ref7$blockSize = _ref7.blockSize,
-    blockSize = _ref7$blockSize === undefined ? null : _ref7$blockSize,
+    blockSize = _ref7$blockSize === void 0 ? null : _ref7$blockSize,
     _ref7$inlineSize = _ref7.inlineSize,
-    inlineSize = _ref7$inlineSize === undefined ? null : _ref7$inlineSize;
+    inlineSize = _ref7$inlineSize === void 0 ? null : _ref7$inlineSize;
   return _objectSpread(_objectSpread({}, rest), {}, {
     entry: entry,
     width: inlineSize || width,
@@ -633,7 +633,7 @@ var useIsVisible = function useIsVisible() {
   var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
     rootMargin = _ref.rootMargin,
     _ref$persist = _ref.persist,
-    persist = _ref$persist === undefined ? false : _ref$persist;
+    persist = _ref$persist === void 0 ? false : _ref$persist;
   var _useIntersectionObser = useIntersectionObserver({
       rootMargin: rootMargin
     }),
@@ -691,7 +691,7 @@ var useLoadedFonts = function useLoadedFonts(fonts) {
         type = _ref.type,
         name = _ref.name,
         _ref$variants = _ref.variants,
-        variants = _ref$variants === undefined ? [] : _ref$variants;
+        variants = _ref$variants === void 0 ? [] : _ref$variants;
       if ((type === 'google' || type === 'custom') && !isFontLoading(name) && !isFontActive(name)) {
         return _objectSpread(_objectSpread({}, newConfig), {}, _defineProperty({}, type, {
           families: [].concat(_toConsumableArray(newConfig !== null ? (newConfig[type] || {}).families || [] : []), [type === 'google' ? [name, (variants || []).filter(function (it) {
@@ -702,11 +702,11 @@ var useLoadedFonts = function useLoadedFonts(fonts) {
             fvd: 'n4'
           }].concat(_toConsumableArray(variants)) : []).map(function (_ref2) {
             var _ref2$fvd = _ref2.fvd,
-              fvd = _ref2$fvd === undefined ? null : _ref2$fvd,
+              fvd = _ref2$fvd === void 0 ? null : _ref2$fvd,
               _ref2$weight = _ref2.weight,
-              weight = _ref2$weight === undefined ? null : _ref2$weight,
+              weight = _ref2$weight === void 0 ? null : _ref2$weight,
               _ref2$style = _ref2.style,
-              style = _ref2$style === undefined ? null : _ref2$style;
+              style = _ref2$style === void 0 ? null : _ref2$style;
             return fvd || [style, weight].filter(function (it) {
               return it !== null;
             }).map(function (it) {
@@ -771,21 +771,21 @@ var preventClickDefault = function preventClickDefault(e) {
 var useLongPress = function useLongPress() {
   var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
     _ref$onLongPress = _ref.onLongPress,
-    onLongPress = _ref$onLongPress === undefined ? null : _ref$onLongPress,
+    onLongPress = _ref$onLongPress === void 0 ? null : _ref$onLongPress,
     _ref$onLongPressStart = _ref.onLongPressStart,
-    onLongPressStart = _ref$onLongPressStart === undefined ? null : _ref$onLongPressStart,
+    onLongPressStart = _ref$onLongPressStart === void 0 ? null : _ref$onLongPressStart,
     _ref$onLongPressEnd = _ref.onLongPressEnd,
-    onLongPressEnd = _ref$onLongPressEnd === undefined ? null : _ref$onLongPressEnd,
+    onLongPressEnd = _ref$onLongPressEnd === void 0 ? null : _ref$onLongPressEnd,
     _ref$onClick = _ref.onClick,
-    onClick = _ref$onClick === undefined ? null : _ref$onClick,
+    onClick = _ref$onClick === void 0 ? null : _ref$onClick,
     _ref$shouldPreventDef = _ref.shouldPreventDefault,
-    shouldPreventDefault = _ref$shouldPreventDef === undefined ? true : _ref$shouldPreventDef,
+    shouldPreventDefault = _ref$shouldPreventDef === void 0 ? true : _ref$shouldPreventDef,
     _ref$shouldStopPropag = _ref.shouldStopPropagation,
-    shouldStopPropagation = _ref$shouldStopPropag === undefined ? false : _ref$shouldStopPropag,
+    shouldStopPropagation = _ref$shouldStopPropag === void 0 ? false : _ref$shouldStopPropag,
     _ref$preventClick = _ref.preventClick,
-    preventClick = _ref$preventClick === undefined ? false : _ref$preventClick,
+    preventClick = _ref$preventClick === void 0 ? false : _ref$preventClick,
     _ref$delay = _ref.delay,
-    delay = _ref$delay === undefined ? 350 : _ref$delay;
+    delay = _ref$delay === void 0 ? 350 : _ref$delay;
   var _useState = useState(false),
     _useState2 = _slicedToArray(_useState, 2),
     pressed = _useState2[0],
@@ -876,35 +876,35 @@ var progressSteps = [0.1, 0.25, 0.5, 0.75, 0.9];
 var useMediaApi = function useMediaApi() {
   var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
     _ref$url = _ref.url,
-    url = _ref$url === undefined ? null : _ref$url,
+    url = _ref$url === void 0 ? null : _ref$url,
     _ref$onTimeUpdate = _ref.onTimeUpdate,
-    onTimeUpdate = _ref$onTimeUpdate === undefined ? null : _ref$onTimeUpdate,
+    onTimeUpdate = _ref$onTimeUpdate === void 0 ? null : _ref$onTimeUpdate,
     _ref$onProgressStep = _ref.onProgressStep,
-    onProgressStep = _ref$onProgressStep === undefined ? null : _ref$onProgressStep,
+    onProgressStep = _ref$onProgressStep === void 0 ? null : _ref$onProgressStep,
     _ref$onDurationChange = _ref.onDurationChange,
-    onDurationChange = _ref$onDurationChange === undefined ? null : _ref$onDurationChange,
+    onDurationChange = _ref$onDurationChange === void 0 ? null : _ref$onDurationChange,
     _ref$onVolumeChange = _ref.onVolumeChange,
-    onVolumeChange = _ref$onVolumeChange === undefined ? null : _ref$onVolumeChange,
+    onVolumeChange = _ref$onVolumeChange === void 0 ? null : _ref$onVolumeChange,
     _ref$onPlay = _ref.onPlay,
-    onPlay = _ref$onPlay === undefined ? null : _ref$onPlay,
+    onPlay = _ref$onPlay === void 0 ? null : _ref$onPlay,
     _ref$onPause = _ref.onPause,
-    onPause = _ref$onPause === undefined ? null : _ref$onPause,
+    onPause = _ref$onPause === void 0 ? null : _ref$onPause,
     _ref$onEnded = _ref.onEnded,
-    onEnded = _ref$onEnded === undefined ? null : _ref$onEnded,
+    onEnded = _ref$onEnded === void 0 ? null : _ref$onEnded,
     _ref$onSeeked = _ref.onSeeked,
-    onSeeked = _ref$onSeeked === undefined ? null : _ref$onSeeked,
+    onSeeked = _ref$onSeeked === void 0 ? null : _ref$onSeeked,
     _ref$onSuspend = _ref.onSuspend,
-    onSuspend = _ref$onSuspend === undefined ? null : _ref$onSuspend,
+    onSuspend = _ref$onSuspend === void 0 ? null : _ref$onSuspend,
     _ref$onLoadStart = _ref.onLoadStart,
-    onLoadStart = _ref$onLoadStart === undefined ? null : _ref$onLoadStart,
+    onLoadStart = _ref$onLoadStart === void 0 ? null : _ref$onLoadStart,
     _ref$onCanPlayThough = _ref.onCanPlayThough,
-    onCanPlayThough = _ref$onCanPlayThough === undefined ? null : _ref$onCanPlayThough,
+    onCanPlayThough = _ref$onCanPlayThough === void 0 ? null : _ref$onCanPlayThough,
     _ref$onCanPlay = _ref.onCanPlay,
-    onCanPlay = _ref$onCanPlay === undefined ? null : _ref$onCanPlay,
+    onCanPlay = _ref$onCanPlay === void 0 ? null : _ref$onCanPlay,
     _ref$onLoadedData = _ref.onLoadedData,
-    onLoadedData = _ref$onLoadedData === undefined ? null : _ref$onLoadedData,
+    onLoadedData = _ref$onLoadedData === void 0 ? null : _ref$onLoadedData,
     _ref$onLoadedMetadata = _ref.onLoadedMetadata,
-    onLoadedMetadata = _ref$onLoadedMetadata === undefined ? null : _ref$onLoadedMetadata;
+    onLoadedMetadata = _ref$onLoadedMetadata === void 0 ? null : _ref$onLoadedMetadata;
   var ref = useRef(null);
   var _useState = useState(null),
     _useState2 = _slicedToArray(_useState, 2),
@@ -1090,7 +1090,7 @@ var useMediaApi = function useMediaApi() {
   }, [setSuspended, onSuspended]);
   useEffect(function () {
     var _ref$current = ref.current,
-      media = _ref$current === undefined ? null : _ref$current;
+      media = _ref$current === void 0 ? null : _ref$current;
 
     // console.log('actions', url);
 
@@ -1129,7 +1129,7 @@ var useMediaApi = function useMediaApi() {
   ]);
   useEffect(function () {
     var _ref$current2 = ref.current,
-      media = _ref$current2 === undefined ? null : _ref$current2;
+      media = _ref$current2 === void 0 ? null : _ref$current2;
     if (media !== null) {
       media.addEventListener('loadstart', onCustomLoadStart);
       media.addEventListener('canplaythrough', onCustomCanPlayThrough);
@@ -1152,7 +1152,7 @@ var useMediaApi = function useMediaApi() {
   // Duration
   useEffect(function () {
     var _ref$current3 = ref.current,
-      media = _ref$current3 === undefined ? null : _ref$current3;
+      media = _ref$current3 === void 0 ? null : _ref$current3;
     if (media !== null) {
       media.addEventListener('durationchange', onCustomDurationChange);
     }
@@ -1166,7 +1166,7 @@ var useMediaApi = function useMediaApi() {
   // Timeupdate
   useEffect(function () {
     var _ref$current4 = ref.current,
-      media = _ref$current4 === undefined ? null : _ref$current4;
+      media = _ref$current4 === void 0 ? null : _ref$current4;
     // console.log('timeupdate', url);
     if (media !== null) {
       media.addEventListener('timeupdate', onCustomTimeUpdate);
@@ -1179,7 +1179,7 @@ var useMediaApi = function useMediaApi() {
   }, [url, onCustomTimeUpdate, onCustomDurationChange]);
   useEffect(function () {
     var _ref$current5 = ref.current,
-      media = _ref$current5 === undefined ? null : _ref$current5;
+      media = _ref$current5 === void 0 ? null : _ref$current5;
     if (media !== null && media.readyState > 1) {
       setDataReady(true);
     } else {
@@ -1310,9 +1310,9 @@ var useMediaState = function useMediaState() {
   var mediaElement = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
   var _ref = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {},
     _ref$playing = _ref.playing,
-    wantedPlaying = _ref$playing === undefined ? false : _ref$playing,
+    wantedPlaying = _ref$playing === void 0 ? false : _ref$playing,
     _ref$muted = _ref.muted,
-    wantedMuted = _ref$muted === undefined ? false : _ref$muted;
+    wantedMuted = _ref$muted === void 0 ? false : _ref$muted;
   var debug = useMemo(function () {
     var mediaKey = mediaElement !== null && isString(mediaElement.src) ? mediaElement.src.split('/')[mediaElement.src.split('/').length - 1].split('#')[0] || null : null;
     return createDebug(mediaKey !== null ? "micromag:media:".concat(mediaKey) : 'micromag:media');
@@ -1434,7 +1434,7 @@ var useMediaState = function useMediaState() {
 function useMediaTimestampOffset(element) {
   var _ref = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {},
     _ref$attributeName = _ref.attributeName,
-    attributeName = _ref$attributeName === undefined ? 'data-ts-offset' : _ref$attributeName;
+    attributeName = _ref$attributeName === void 0 ? 'data-ts-offset' : _ref$attributeName;
   var getTimestampOffset = function getTimestampOffset() {
     return element !== null && element.hasAttribute(attributeName) ? parseFloat(element.getAttribute(attributeName)) : 0;
   };
@@ -1470,13 +1470,13 @@ function useMediaTimestampOffset(element) {
 function useMediaCurrentTime(element) {
   var _ref = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {},
     _ref$id = _ref.id,
-    id = _ref$id === undefined ? null : _ref$id,
+    id = _ref$id === void 0 ? null : _ref$id,
     _ref$disabled = _ref.disabled,
-    disabled = _ref$disabled === undefined ? false : _ref$disabled,
+    disabled = _ref$disabled === void 0 ? false : _ref$disabled,
     _ref$updateInterval = _ref.updateInterval,
-    updateInterval = _ref$updateInterval === undefined ? 1000 : _ref$updateInterval,
+    updateInterval = _ref$updateInterval === void 0 ? 1000 : _ref$updateInterval,
     _ref$onUpdate = _ref.onUpdate,
-    customOnUpdate = _ref$onUpdate === undefined ? null : _ref$onUpdate;
+    customOnUpdate = _ref$onUpdate === void 0 ? null : _ref$onUpdate;
   var _useState = useState(0),
     _useState2 = _slicedToArray(_useState, 2),
     currentTime = _useState2[0],
@@ -1517,7 +1517,7 @@ function useMediaCurrentTime(element) {
     var timeout = null;
     function loop() {
       var _element$duration = element.duration,
-        duration = _element$duration === undefined ? 0 : _element$duration;
+        duration = _element$duration === void 0 ? 0 : _element$duration;
       var time = updateTime();
       var remainingTime = Math.floor(((duration || 0) - time) * 1000);
       timeout = setTimeout(loop, Math.max(Math.min(updateInterval, remainingTime), updateInterval));
@@ -1538,7 +1538,7 @@ function useMediaCurrentTime(element) {
 function useMediaDuration(element) {
   var _ref = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {},
     _ref$id = _ref.id,
-    id = _ref$id === undefined ? null : _ref$id;
+    id = _ref$id === void 0 ? null : _ref$id;
   var _useState = useState(element !== null ? element.duration || 0 : 0),
     _useState2 = _slicedToArray(_useState, 2),
     duration = _useState2[0],
@@ -1581,9 +1581,9 @@ function useMediaDuration(element) {
 function useMediaLoad(element) {
   var _ref = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {},
     _ref$preload = _ref.preload,
-    preload = _ref$preload === undefined ? 'auto' : _ref$preload,
+    preload = _ref$preload === void 0 ? 'auto' : _ref$preload,
     _ref$shouldLoad = _ref.shouldLoad,
-    shouldLoad = _ref$shouldLoad === undefined ? false : _ref$shouldLoad;
+    shouldLoad = _ref$shouldLoad === void 0 ? false : _ref$shouldLoad;
   var firstPreloadRef = useRef(preload);
   var firstShouldLoadRef = useRef(shouldLoad);
   var hasLoadedRef = useRef(preload !== 'none' && preload !== 'metadata' && shouldLoad);
@@ -1602,7 +1602,7 @@ var _excluded$1 = ["disabled"];
 function useMediaProgress(media) {
   var _ref = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {},
     _ref$disabled = _ref.disabled,
-    disabled = _ref$disabled === undefined ? false : _ref$disabled,
+    disabled = _ref$disabled === void 0 ? false : _ref$disabled,
     props = _objectWithoutProperties(_ref, _excluded$1);
   var _useState = useState(!disabled),
     _useState2 = _slicedToArray(_useState, 2),
@@ -1708,7 +1708,7 @@ function useMediaProgress(media) {
 function useMediaReady(element) {
   var _ref = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {},
     _ref$id = _ref.id,
-    id = _ref$id === undefined ? null : _ref$id;
+    id = _ref$id === void 0 ? null : _ref$id;
   var _useState = useState(element !== null && element.readyState > 0),
     _useState2 = _slicedToArray(_useState, 2),
     ready = _useState2[0],
@@ -1785,11 +1785,11 @@ function useMediaThumbnail(media) {
     }
     var _ref = media || {},
       _ref$thumbnail_url = _ref.thumbnail_url,
-      defaultThumbnailUrl = _ref$thumbnail_url === undefined ? null : _ref$thumbnail_url,
+      defaultThumbnailUrl = _ref$thumbnail_url === void 0 ? null : _ref$thumbnail_url,
       _ref$files = _ref.files,
-      files = _ref$files === undefined ? null : _ref$files,
+      files = _ref$files === void 0 ? null : _ref$files,
       _ref$metadata = _ref.metadata,
-      metadata = _ref$metadata === undefined ? null : _ref$metadata;
+      metadata = _ref$metadata === void 0 ? null : _ref$metadata;
     var _ref2 = metadata || {},
       mediaWidth = _ref2.width,
       mediaHeight = _ref2.height;
@@ -1799,7 +1799,7 @@ function useMediaThumbnail(media) {
         return handle === file;
       }) || null : null) || {},
       _ref3$url = _ref3.url,
-      url = _ref3$url === undefined ? null : _ref3$url;
+      url = _ref3$url === void 0 ? null : _ref3$url;
     return url !== null || defaultThumbnailUrl !== null ? {
       url: url || defaultThumbnailUrl,
       metadata: {
@@ -1814,17 +1814,17 @@ function useMediaThumbnail(media) {
 function useMediaWaveform(media) {
   var _ref = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {},
     _ref$fake = _ref.fake,
-    fake = _ref$fake === undefined ? false : _ref$fake,
+    fake = _ref$fake === void 0 ? false : _ref$fake,
     _ref$reduceBufferFact = _ref.reduceBufferFactor,
-    reduceBufferFactor = _ref$reduceBufferFact === undefined ? 100 : _ref$reduceBufferFact;
+    reduceBufferFactor = _ref$reduceBufferFact === void 0 ? 100 : _ref$reduceBufferFact;
   var _ref2 = media || {},
     _ref2$url = _ref2.url,
-    url = _ref2$url === undefined ? null : _ref2$url,
+    url = _ref2$url === void 0 ? null : _ref2$url,
     _ref2$metadata = _ref2.metadata,
-    metadata = _ref2$metadata === undefined ? null : _ref2$metadata;
+    metadata = _ref2$metadata === void 0 ? null : _ref2$metadata;
   var _ref3 = metadata || {},
     _ref3$waveform = _ref3.waveform,
-    waveform = _ref3$waveform === undefined ? null : _ref3$waveform;
+    waveform = _ref3$waveform === void 0 ? null : _ref3$waveform;
   var _useState = useState(null),
     _useState2 = _slicedToArray(_useState, 2),
     audioLevels = _useState2[0],
@@ -1883,15 +1883,15 @@ function useMediaWaveform(media) {
 var useParsedStory = function useParsedStory(story) {
   var _ref = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {},
     _ref$disabled = _ref.disabled,
-    disabled = _ref$disabled === undefined ? false : _ref$disabled,
+    disabled = _ref$disabled === void 0 ? false : _ref$disabled,
     _ref$withTheme = _ref.withTheme,
-    withTheme = _ref$withTheme === undefined ? true : _ref$withTheme,
+    withTheme = _ref$withTheme === void 0 ? true : _ref$withTheme,
     _ref$withMedias = _ref.withMedias,
-    withMedias = _ref$withMedias === undefined ? true : _ref$withMedias,
+    withMedias = _ref$withMedias === void 0 ? true : _ref$withMedias,
     _ref$withFonts = _ref.withFonts,
-    withFonts = _ref$withFonts === undefined ? true : _ref$withFonts,
+    withFonts = _ref$withFonts === void 0 ? true : _ref$withFonts,
     _ref$withMigrations = _ref.withMigrations,
-    withMigrations = _ref$withMigrations === undefined ? true : _ref$withMigrations;
+    withMigrations = _ref$withMigrations === void 0 ? true : _ref$withMigrations;
   var screensManager = useScreensManager();
   var fieldsManager = useFieldsManager();
   var parser = useMemo(function () {
@@ -1918,13 +1918,13 @@ var useParsedStory = function useParsedStory(story) {
 function useProgressSteps() {
   var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
     _ref$disabled = _ref.disabled,
-    disabled = _ref$disabled === undefined ? false : _ref$disabled,
+    disabled = _ref$disabled === void 0 ? false : _ref$disabled,
     currentTime = _ref.currentTime,
     duration = _ref.duration,
     _ref$onStep = _ref.onStep,
-    onStep = _ref$onStep === undefined ? null : _ref$onStep,
+    onStep = _ref$onStep === void 0 ? null : _ref$onStep,
     _ref$steps = _ref.steps,
-    steps = _ref$steps === undefined ? [0.1, 0.25, 0.5, 0.75, 0.9] : _ref$steps;
+    steps = _ref$steps === void 0 ? [0.1, 0.25, 0.5, 0.75, 0.9] : _ref$steps;
   var progressStepsReached = useRef({});
   useEffect(function () {
     if (duration === 0 || disabled) {
@@ -1951,21 +1951,21 @@ var _excluded = ["width", "height"];
 var devicePixelRatio = typeof window !== 'undefined' ? window.devicePixelRatio || 1 : 1;
 var useScreenSize = function useScreenSize(_ref) {
   var _ref$width = _ref.width,
-    width = _ref$width === undefined ? null : _ref$width,
+    width = _ref$width === void 0 ? null : _ref$width,
     _ref$height = _ref.height,
-    height = _ref$height === undefined ? null : _ref$height,
+    height = _ref$height === void 0 ? null : _ref$height,
     _ref$landscape = _ref.landscape,
-    landscape = _ref$landscape === undefined ? false : _ref$landscape,
+    landscape = _ref$landscape === void 0 ? false : _ref$landscape,
     _ref$menuOverScreen = _ref.menuOverScreen,
-    menuOverScreen = _ref$menuOverScreen === undefined ? false : _ref$menuOverScreen,
+    menuOverScreen = _ref$menuOverScreen === void 0 ? false : _ref$menuOverScreen,
     _ref$screens = _ref.screens,
-    screens = _ref$screens === undefined ? [] : _ref$screens,
+    screens = _ref$screens === void 0 ? [] : _ref$screens,
     _ref$mediaType = _ref.mediaType,
-    mediaType = _ref$mediaType === undefined ? 'screen' : _ref$mediaType,
+    mediaType = _ref$mediaType === void 0 ? 'screen' : _ref$mediaType,
     _ref$media = _ref.media,
-    providedMedia = _ref$media === undefined ? null : _ref$media,
+    providedMedia = _ref$media === void 0 ? null : _ref$media,
     _ref$scale = _ref.scale,
-    scale = _ref$scale === undefined ? null : _ref$scale;
+    scale = _ref$scale === void 0 ? null : _ref$scale;
   var screenSize = useMemo(function () {
     var media = providedMedia !== null ? providedMedia : {
       type: mediaType,
@@ -1974,7 +1974,7 @@ var useScreenSize = function useScreenSize(_ref) {
     };
     var matchingScreens = _toConsumableArray(screens).reverse().filter(function (_ref2) {
       var _ref2$mediaQuery = _ref2.mediaQuery,
-        mediaQuery = _ref2$mediaQuery === undefined ? null : _ref2$mediaQuery;
+        mediaQuery = _ref2$mediaQuery === void 0 ? null : _ref2$mediaQuery;
       return mediaQuery === null || match(mediaQuery, media);
     });
     return {
@@ -1996,33 +1996,33 @@ var useScreenSize = function useScreenSize(_ref) {
 var useScreenSizeFromElement = function useScreenSizeFromElement() {
   var _ref4 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
     _ref4$width = _ref4.width,
-    width = _ref4$width === undefined ? null : _ref4$width,
+    width = _ref4$width === void 0 ? null : _ref4$width,
     _ref4$height = _ref4.height,
-    height = _ref4$height === undefined ? null : _ref4$height,
+    height = _ref4$height === void 0 ? null : _ref4$height,
     opts = _objectWithoutProperties(_ref4, _excluded);
   var _useDimensionObserver = useDimensionObserver(),
     ref = _useDimensionObserver.ref,
     _useDimensionObserver2 = _useDimensionObserver.width,
-    calculatedWidth = _useDimensionObserver2 === undefined ? 0 : _useDimensionObserver2,
+    calculatedWidth = _useDimensionObserver2 === void 0 ? 0 : _useDimensionObserver2,
     _useDimensionObserver3 = _useDimensionObserver.height,
-    calculatedHeight = _useDimensionObserver3 === undefined ? 0 : _useDimensionObserver3;
+    calculatedHeight = _useDimensionObserver3 === void 0 ? 0 : _useDimensionObserver3;
   var fullWidth = width !== null ? width : calculatedWidth;
   var fullHeight = height !== null ? height : calculatedHeight;
   var _ref5 = opts || {},
     _ref5$screenWidth = _ref5.screenWidth,
-    screenWidth = _ref5$screenWidth === undefined ? 320 : _ref5$screenWidth,
+    screenWidth = _ref5$screenWidth === void 0 ? 320 : _ref5$screenWidth,
     _ref5$screenHeight = _ref5.screenHeight,
-    screenHeight = _ref5$screenHeight === undefined ? 480 : _ref5$screenHeight,
+    screenHeight = _ref5$screenHeight === void 0 ? 480 : _ref5$screenHeight,
     _ref5$withoutMaxSize = _ref5.withoutMaxSize,
-    withoutMaxSize = _ref5$withoutMaxSize === undefined ? false : _ref5$withoutMaxSize,
+    withoutMaxSize = _ref5$withoutMaxSize === void 0 ? false : _ref5$withoutMaxSize,
     _ref5$landscapeMinHei = _ref5.landscapeMinHeight,
-    landscapeMinHeight = _ref5$landscapeMinHei === undefined ? 600 : _ref5$landscapeMinHei,
+    landscapeMinHeight = _ref5$landscapeMinHei === void 0 ? 600 : _ref5$landscapeMinHei,
     _ref5$menuAlwaysOverS = _ref5.menuAlwaysOverScreen,
-    menuAlwaysOverScreen = _ref5$menuAlwaysOverS === undefined ? true : _ref5$menuAlwaysOverS,
+    menuAlwaysOverScreen = _ref5$menuAlwaysOverS === void 0 ? true : _ref5$menuAlwaysOverS,
     _ref5$landscapeMinRat = _ref5.landscapeMinRatio,
-    landscapeMinRatio = _ref5$landscapeMinRat === undefined ? 2 / 3 : _ref5$landscapeMinRat,
+    landscapeMinRatio = _ref5$landscapeMinRat === void 0 ? 2 / 3 : _ref5$landscapeMinRat,
     _ref5$withoutScale = _ref5.withoutScale,
-    withoutScale = _ref5$withoutScale === undefined ? false : _ref5$withoutScale;
+    withoutScale = _ref5$withoutScale === void 0 ? false : _ref5$withoutScale;
   var screenRatio = screenWidth / screenHeight;
   var elementRatio = fullWidth / fullHeight;
   var landscape = fullHeight > 0 && elementRatio > (landscapeMinRatio || screenRatio);
@@ -2091,7 +2091,7 @@ var useScreenSizeFromWindow = function useScreenSizeFromWindow(opts) {
 var getValueFromSpring = function getValueFromSpring(s) {
   var _ref = s || {},
     _ref$value = _ref.value,
-    v = _ref$value === undefined ? null : _ref$value;
+    v = _ref$value === void 0 ? null : _ref$value;
   var _ref2 = v || {},
     p = _ref2.progress;
   return p;
@@ -2115,27 +2115,27 @@ function useSpringValue(wantedProgress, immediate, params) {
 var useSwipe = function useSwipe() {
   var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
     _ref$width = _ref.width,
-    width = _ref$width === undefined ? null : _ref$width,
+    width = _ref$width === void 0 ? null : _ref$width,
     _ref$items = _ref.items,
-    items = _ref$items === undefined ? [] : _ref$items,
+    items = _ref$items === void 0 ? [] : _ref$items,
     _ref$withSpring = _ref.withSpring,
-    withSpring = _ref$withSpring === undefined ? true : _ref$withSpring,
+    withSpring = _ref$withSpring === void 0 ? true : _ref$withSpring,
     _ref$swipeWidthThresh = _ref.swipeWidthThreshold,
-    swipeWidthThreshold = _ref$swipeWidthThresh === undefined ? 3 : _ref$swipeWidthThresh,
+    swipeWidthThreshold = _ref$swipeWidthThresh === void 0 ? 3 : _ref$swipeWidthThresh,
     _ref$animateScale = _ref.animateScale,
-    animateScale = _ref$animateScale === undefined ? false : _ref$animateScale,
+    animateScale = _ref$animateScale === void 0 ? false : _ref$animateScale,
     _ref$disabled = _ref.disabled,
-    disabled = _ref$disabled === undefined ? false : _ref$disabled,
+    disabled = _ref$disabled === void 0 ? false : _ref$disabled,
     _ref$lockAxis = _ref.lockAxis,
-    lockAxis = _ref$lockAxis === undefined ? false : _ref$lockAxis,
+    lockAxis = _ref$lockAxis === void 0 ? false : _ref$lockAxis,
     _ref$onSwipeStart = _ref.onSwipeStart,
-    onSwipeStart = _ref$onSwipeStart === undefined ? null : _ref$onSwipeStart,
+    onSwipeStart = _ref$onSwipeStart === void 0 ? null : _ref$onSwipeStart,
     _ref$onSwipeEnd = _ref.onSwipeEnd,
-    onSwipeEnd = _ref$onSwipeEnd === undefined ? null : _ref$onSwipeEnd,
+    onSwipeEnd = _ref$onSwipeEnd === void 0 ? null : _ref$onSwipeEnd,
     _ref$onSwipeCancel = _ref.onSwipeCancel,
-    onSwipeCancel = _ref$onSwipeCancel === undefined ? null : _ref$onSwipeCancel,
+    onSwipeCancel = _ref$onSwipeCancel === void 0 ? null : _ref$onSwipeCancel,
     _ref$onTap = _ref.onTap,
-    onTap = _ref$onTap === undefined ? null : _ref$onTap;
+    onTap = _ref$onTap === void 0 ? null : _ref$onTap;
   var swipingIndex = useRef(null);
   var index = useRef(0);
   var lockedAxis = useRef(null);
@@ -2156,9 +2156,9 @@ var useSwipe = function useSwipe() {
   var getItems = useCallback(function () {
     var _ref2 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
       _ref2$down = _ref2.down,
-      down = _ref2$down === undefined ? false : _ref2$down,
+      down = _ref2$down === void 0 ? false : _ref2$down,
       _ref2$mx = _ref2.mx,
-      mx = _ref2$mx === undefined ? 0 : _ref2$mx;
+      mx = _ref2$mx === void 0 ? 0 : _ref2$mx;
     return items.map(function (item, i) {
       var x = disabled ? 0 : (i - index.current) * currentWidth + (down ? mx : 0);
       var scale = !animateScale || disabled || !down ? 1 : 1 - Math.abs(mx) / currentWidth / 2;
@@ -2294,16 +2294,16 @@ var useThemeParser = function useThemeParser() {
 var getScreenOptions = function getScreenOptions(screenContext, opts) {
   var _ref = screenContext || {},
     _ref$data = _ref.data,
-    ctxData = _ref$data === undefined ? null : _ref$data;
+    ctxData = _ref$data === void 0 ? null : _ref$data;
   var _ref2 = ctxData || {},
     _ref2$id = _ref2.id,
-    ctxScreenId = _ref2$id === undefined ? null : _ref2$id,
+    ctxScreenId = _ref2$id === void 0 ? null : _ref2$id,
     ctxScreenType = _ref2.type;
   var _ref3 = opts || {},
     _ref3$screenId = _ref3.screenId,
-    optsScreenId = _ref3$screenId === undefined ? null : _ref3$screenId,
+    optsScreenId = _ref3$screenId === void 0 ? null : _ref3$screenId,
     _ref3$screenType = _ref3.screenType,
-    optsScreenType = _ref3$screenType === undefined ? null : _ref3$screenType;
+    optsScreenType = _ref3$screenType === void 0 ? null : _ref3$screenType;
   var screenId = ctxScreenId !== null ? ctxScreenId : optsScreenId;
   var screenType = ctxScreenType !== null ? ctxScreenType : optsScreenType;
   return {