@micromag/core 0.3.423 → 0.3.430

package/lib/hooks.js

@@ -1,7 +1,5 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
 var react = require('react');
 var _objectSpread = require('@babel/runtime/helpers/objectSpread2');
@@ -25,40 +23,6 @@ var contexts = require('@micromag/core/contexts');
 var cssMediaquery = require('css-mediaquery');
 var clamp = require('lodash/clamp');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-function _interopNamespace(e) {
-    if (e && e.__esModule) return 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 _slicedToArray__default = /*#__PURE__*/_interopDefaultLegacy(_slicedToArray);
-var _objectSpread__default = /*#__PURE__*/_interopDefaultLegacy(_objectSpread);
-var isString__default = /*#__PURE__*/_interopDefaultLegacy(isString);
-var dayjs__default = /*#__PURE__*/_interopDefaultLegacy(dayjs);
-var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
-var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
-var classNames__default = /*#__PURE__*/_interopDefaultLegacy(classNames);
-var screenfull__default = /*#__PURE__*/_interopDefaultLegacy(screenfull);
-var _toConsumableArray__default = /*#__PURE__*/_interopDefaultLegacy(_toConsumableArray);
-var isArray__default = /*#__PURE__*/_interopDefaultLegacy(isArray);
-var isObject__default = /*#__PURE__*/_interopDefaultLegacy(isObject);
-var raf__default = /*#__PURE__*/_interopDefaultLegacy(raf);
-var clamp__default = /*#__PURE__*/_interopDefaultLegacy(clamp);
-
 function useActivityDetector() {
   var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
     _ref$element = _ref.element,
@@ -69,7 +33,7 @@ function useActivityDetector() {
     timeoutDelay = _ref$timeout === void 0 ? 2000 : _ref$timeout;
   var ref = react.useRef(providedElement);
   var _useState = react.useState(false),
-    _useState2 = _slicedToArray__default["default"](_useState, 2),
+    _useState2 = _slicedToArray(_useState, 2),
     detected = _useState2[0],
     setDetected = _useState2[1];
   var detectedRef = react.useRef(detected);
@@ -161,9 +125,9 @@ var useFormattedDate = function useFormattedDate() {
     _ref$showToday = _ref.showToday,
     showToday = _ref$showToday === void 0 ? true : _ref$showToday;
   var intl = reactIntl.useIntl();
-  var today = dayjs__default["default"]();
+  var today = dayjs();
   return react.useCallback(function (date) {
-    var dateToFormat = isString__default["default"](date) ? dayjs__default["default"](date) : date;
+    var dateToFormat = isString(date) ? dayjs(date) : date;
     if (showToday && dateToFormat.format('YYYY-MM-DD') === today.format('YYYY-MM-DD')) {
       return intl.formatMessage({
         id: "v4Qtl9",
@@ -173,7 +137,7 @@ var useFormattedDate = function useFormattedDate() {
         }]
       });
     }
-    return intl.formatDate(dayjs__default["default"](date).toDate(), _objectSpread__default["default"]({
+    return intl.formatDate(dayjs(date).toDate(), _objectSpread({
       year: 'numeric',
       month: 'long',
       day: '2-digit'
@@ -189,9 +153,9 @@ var useFormattedTime = function useFormattedTime() {
     _ref2$timeGap = _ref2.timeGap,
     timeGap = _ref2$timeGap === void 0 ? 2 : _ref2$timeGap;
   var intl = reactIntl.useIntl();
-  var now = dayjs__default["default"]();
+  var now = dayjs();
   return react.useCallback(function (date) {
-    var dateToFormat = isString__default["default"](date) ? dayjs__default["default"](date) : date;
+    var dateToFormat = isString(date) ? dayjs(date) : date;
     if (showNow && dateToFormat.format('YYYY-MM-DD') === now.format('YYYY-MM-DD') && dateToFormat.hour() === now.hour() && dateToFormat.minute() > now.minute() - timeGap && dateToFormat.minute() < now.minute() + timeGap) {
       return intl.formatMessage({
         id: "3na7F8",
@@ -201,7 +165,7 @@ var useFormattedTime = function useFormattedTime() {
         }]
       });
     }
-    return intl.formatTime(dateToFormat.toDate(), _objectSpread__default["default"]({
+    return intl.formatTime(dateToFormat.toDate(), _objectSpread({
       hour: 'numeric',
       minute: 'numeric'
     }, format));
@@ -247,17 +211,17 @@ function useDragProgress() {
   var refDragging = react.useRef(false);
   var refProgress = react.useRef(wantedProgress);
   var _useState = react.useState(false),
-    _useState2 = _slicedToArray__default["default"](_useState, 2),
+    _useState2 = _slicedToArray(_useState, 2),
     dragging = _useState2[0],
     setDragging = _useState2[1];
   var spring = react.useCallback(function () {
-    return _objectSpread__default["default"]({
+    return _objectSpread({
       progress: wantedProgress,
       immediate: dragging || disabled
     }, springParams);
   }, [wantedProgress, disabled]);
   var _useSpring = core$1.useSpring(spring),
-    _useSpring2 = _slicedToArray__default["default"](_useSpring, 2),
+    _useSpring2 = _slicedToArray(_useSpring, 2),
     progress = _useSpring2[0].progress,
     api = _useSpring2[1];
   var onDrag = react.useCallback(function (gestureState) {
@@ -314,21 +278,21 @@ var useForm = function useForm() {
     providedFields = _ref$fields === void 0 ? [] : _ref$fields,
     _ref$injectInFields = _ref.injectInFields,
     injectInFields = _ref$injectInFields === void 0 ? false : _ref$injectInFields,
-    opts = _objectWithoutProperties__default["default"](_ref, _excluded$3);
+    opts = _objectWithoutProperties(_ref, _excluded$3);
   var fieldsNames = react.useMemo(function () {
     return providedFields.length > 0 ? providedFields.map(function (_ref2) {
       var name = _ref2.name;
       return name;
     }) : [];
   }, [providedFields]);
-  var _useBaseForm = forms.useForm(_objectSpread__default["default"]({
+  var _useBaseForm = forms.useForm(_objectSpread({
       fields: fieldsNames
     }, opts)),
     fields = _useBaseForm.fields,
-    form = _objectWithoutProperties__default["default"](_useBaseForm, _excluded2);
-  return _objectSpread__default["default"](_objectSpread__default["default"]({}, form), {}, {
+    form = _objectWithoutProperties(_useBaseForm, _excluded2);
+  return _objectSpread(_objectSpread({}, form), {}, {
     fields: injectInFields ? providedFields.map(function (it) {
-      return _objectSpread__default["default"](_objectSpread__default["default"]({}, it), fields[it.name] || null);
+      return _objectSpread(_objectSpread({}, it), fields[it.name] || null);
     }) : providedFields
   });
 };
@@ -347,12 +311,11 @@ var useFormTransition = function useFormTransition() {
     return null;
   }, [paths]);
   var name = react.useMemo(function () {
-    var _classNames, _classNames2, _classNames3;
     return {
-      enter: classNames__default["default"]((_classNames = {}, _defineProperty__default["default"](_classNames, styles.enterRight, direction === 'right'), _defineProperty__default["default"](_classNames, styles.enterLeft, direction === 'left'), _defineProperty__default["default"](_classNames, styles.enterTop, direction === 'top'), _defineProperty__default["default"](_classNames, styles.enterBottom, direction === 'bottom'), _classNames)) || 'none',
-      enterActive: classNames__default["default"]((_classNames2 = {}, _defineProperty__default["default"](_classNames2, styles.enterActiveHorizontal, direction === 'left' || direction === 'right'), _defineProperty__default["default"](_classNames2, styles.enterActiveVertical, direction === 'top' || direction === 'bottom'), _classNames2)) || 'none',
+      enter: classNames(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, styles.enterRight, direction === 'right'), styles.enterLeft, direction === 'left'), styles.enterTop, direction === 'top'), styles.enterBottom, direction === 'bottom')) || 'none',
+      enterActive: classNames(_defineProperty(_defineProperty({}, styles.enterActiveHorizontal, direction === 'left' || direction === 'right'), styles.enterActiveVertical, direction === 'top' || direction === 'bottom')) || 'none',
       leave: styles.leave || 'none',
-      leaveActive: classNames__default["default"]((_classNames3 = {}, _defineProperty__default["default"](_classNames3, styles.leaveActiveRight, direction === 'right'), _defineProperty__default["default"](_classNames3, styles.leaveActiveLeft, direction === 'left'), _defineProperty__default["default"](_classNames3, styles.leaveActiveTop, direction === 'top'), _defineProperty__default["default"](_classNames3, styles.leaveActiveBottom, direction === 'bottom'), _classNames3)) || 'none'
+      leaveActive: classNames(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, styles.leaveActiveRight, direction === 'right'), styles.leaveActiveLeft, direction === 'left'), styles.leaveActiveTop, direction === 'top'), styles.leaveActiveBottom, direction === 'bottom')) || 'none'
     };
   }, [direction]);
   return {
@@ -363,23 +326,23 @@ var useFormTransition = function useFormTransition() {
 };
 
 var useFullscreen = function useFullscreen(element) {
-  var enabled = screenfull__default["default"].isEnabled;
+  var enabled = screenfull.isEnabled;
   var _useState = react.useState(false),
-    _useState2 = _slicedToArray__default["default"](_useState, 2),
+    _useState2 = _slicedToArray(_useState, 2),
     active = _useState2[0],
     setActive = _useState2[1];
   var fullscreen = react.useCallback(function () {
-    if (screenfull__default["default"].isEnabled) {
+    if (screenfull.isEnabled) {
       if (typeof element !== 'undefined' && element !== null) {
-        screenfull__default["default"].request(element);
+        screenfull.request(element);
       } else {
-        screenfull__default["default"].request();
+        screenfull.request();
       }
     }
   }, [element]);
   var unFullscreen = react.useCallback(function () {
-    if (screenfull__default["default"].isEnabled) {
-      screenfull__default["default"].exit();
+    if (screenfull.isEnabled) {
+      screenfull.exit();
     }
   }, []);
   var toggle = react.useCallback(function () {
@@ -391,14 +354,14 @@ var useFullscreen = function useFullscreen(element) {
   }, [active, fullscreen, unFullscreen]);
   react.useEffect(function () {
     var onChange = function onChange() {
-      setActive(screenfull__default["default"].isFullscreen);
+      setActive(screenfull.isFullscreen);
     };
-    if (screenfull__default["default"].isEnabled) {
-      screenfull__default["default"].on('change', onChange);
+    if (screenfull.isEnabled) {
+      screenfull.on('change', onChange);
     }
     return function () {
-      if (screenfull__default["default"].isEnabled) {
-        screenfull__default["default"].off('change', onChange);
+      if (screenfull.isEnabled) {
+        screenfull.off('change', onChange);
       }
     };
   }, []);
@@ -433,21 +396,21 @@ var createObserver = function createObserver(Observer) {
     }) || null;
     if (currentSubscriber !== null) {
       return subscribers.map(function (it) {
-        return it.element === element && it.callbacks.indexOf(callback) === -1 ? _objectSpread__default["default"](_objectSpread__default["default"]({}, it), {}, {
-          callbacks: [].concat(_toConsumableArray__default["default"](it.callbacks), [callback])
+        return it.element === element && it.callbacks.indexOf(callback) === -1 ? _objectSpread(_objectSpread({}, it), {}, {
+          callbacks: [].concat(_toConsumableArray(it.callbacks), [callback])
         }) : it;
       }).filter(function (it) {
         return it.callbacks.length > 0;
       });
     }
-    return [].concat(_toConsumableArray__default["default"](subscribers), [{
+    return [].concat(_toConsumableArray(subscribers), [{
       element: element,
       callbacks: [callback]
     }]);
   };
   var removeSubscriber = function removeSubscriber(element, callback) {
     return subscribers.map(function (it) {
-      return it.element === element ? _objectSpread__default["default"](_objectSpread__default["default"]({}, it), {}, {
+      return it.element === element ? _objectSpread(_objectSpread({}, it), {}, {
         callbacks: it.callbacks.filter(function (subCallback) {
           return subCallback !== callback;
         })
@@ -527,7 +490,7 @@ var useObserver = function useObserver(Observer) {
     _opts$disabled = opts.disabled,
     disabled = _opts$disabled === void 0 ? false : _opts$disabled;
   var _useState = react.useState(initialEntry),
-    _useState2 = _slicedToArray__default["default"](_useState, 2),
+    _useState2 = _slicedToArray(_useState, 2),
     entry = _useState2[0],
     setEntry = _useState2[1];
   var nodeRef = react.useRef(null);
@@ -621,7 +584,7 @@ var useResizeObserver = function useResizeObserver() {
 var useDimensionObserver = function useDimensionObserver() {
   var _useResizeObserver = useResizeObserver.apply(void 0, arguments),
     entry = _useResizeObserver.entry,
-    rest = _objectWithoutProperties__default["default"](_useResizeObserver, _excluded$2);
+    rest = _objectWithoutProperties(_useResizeObserver, _excluded$2);
   var _ref5 = entry || {},
     _ref5$contentRect = _ref5.contentRect,
     contentRect = _ref5$contentRect === void 0 ? null : _ref5$contentRect,
@@ -632,12 +595,12 @@ var useDimensionObserver = function useDimensionObserver() {
     width = _ref6$width === void 0 ? 0 : _ref6$width,
     _ref6$height = _ref6.height,
     height = _ref6$height === void 0 ? 0 : _ref6$height;
-  var _ref7 = isArray__default["default"](borderBoxSize) ? borderBoxSize[0] || {} : borderBoxSize || {},
+  var _ref7 = isArray(borderBoxSize) ? borderBoxSize[0] || {} : borderBoxSize || {},
     _ref7$blockSize = _ref7.blockSize,
     blockSize = _ref7$blockSize === void 0 ? null : _ref7$blockSize,
     _ref7$inlineSize = _ref7.inlineSize,
     inlineSize = _ref7$inlineSize === void 0 ? null : _ref7$inlineSize;
-  return _objectSpread__default["default"](_objectSpread__default["default"]({}, rest), {}, {
+  return _objectSpread(_objectSpread({}, rest), {}, {
     entry: entry,
     width: inlineSize || width,
     height: blockSize || height
@@ -682,7 +645,7 @@ var addFontLoading = function addFontLoading(name) {
   fontsMap.active = fontsMap.active.filter(function (it) {
     return it !== name;
   });
-  fontsMap.loading = [].concat(_toConsumableArray__default["default"](fontsMap.loading), [name]);
+  fontsMap.loading = [].concat(_toConsumableArray(fontsMap.loading), [name]);
 };
 var removeFontLoading = function removeFontLoading(name) {
   fontsMap.loading = fontsMap.loading.filter(function (it) {
@@ -693,16 +656,16 @@ var addFontActive = function addFontActive(name) {
   fontsMap.loading = fontsMap.loading.filter(function (it) {
     return it !== name;
   });
-  fontsMap.active = [].concat(_toConsumableArray__default["default"](fontsMap.active), [name]);
+  fontsMap.active = [].concat(_toConsumableArray(fontsMap.active), [name]);
 };
 var useLoadedFonts = function useLoadedFonts(fonts) {
   var _useState = react.useState(false),
-    _useState2 = _slicedToArray__default["default"](_useState, 2),
+    _useState2 = _slicedToArray(_useState, 2),
     loaded = _useState2[0],
     setLoaded = _useState2[1];
   react.useEffect(function () {
     var config = fonts.reduce(function (newConfig, font) {
-      var _ref = isObject__default["default"](font) ? font : {
+      var _ref = isObject(font) ? font : {
           type: 'system',
           name: font
         },
@@ -711,14 +674,14 @@ var useLoadedFonts = function useLoadedFonts(fonts) {
         _ref$variants = _ref.variants,
         variants = _ref$variants === void 0 ? [] : _ref$variants;
       if ((type === 'google' || type === 'custom') && !isFontLoading(name) && !isFontActive(name)) {
-        return _objectSpread__default["default"](_objectSpread__default["default"]({}, newConfig), {}, _defineProperty__default["default"]({}, type, {
-          families: [].concat(_toConsumableArray__default["default"](newConfig !== null ? (newConfig[type] || {}).families || [] : []), [type === 'google' ? [name, (variants || []).filter(function (it) {
+        return _objectSpread(_objectSpread({}, newConfig), {}, _defineProperty({}, type, {
+          families: [].concat(_toConsumableArray(newConfig !== null ? (newConfig[type] || {}).families || [] : []), [type === 'google' ? [name, (variants || []).filter(function (it) {
             return it !== null;
           }).join(',')].filter(function (it) {
             return it !== null && it.length > 0;
           }).join(':') : [name, (variants !== null ? [{
             fvd: 'n4'
-          }].concat(_toConsumableArray__default["default"](variants)) : []).map(function (_ref2) {
+          }].concat(_toConsumableArray(variants)) : []).map(function (_ref2) {
             var _ref2$fvd = _ref2.fvd,
               fvd = _ref2$fvd === void 0 ? null : _ref2$fvd,
               _ref2$weight = _ref2.weight,
@@ -741,9 +704,9 @@ var useLoadedFonts = function useLoadedFonts(fonts) {
     }, null);
     var hasConfig = config !== null;
     if (hasConfig && typeof window !== 'undefined') {
-      Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require('webfontloader')); }).then(function (_ref3) {
+      import('webfontloader').then(function (_ref3) {
         var WebFont = _ref3["default"];
-        return WebFont.load(_objectSpread__default["default"](_objectSpread__default["default"]({}, config), {}, {
+        return WebFont.load(_objectSpread(_objectSpread({}, config), {}, {
           timeout: 3000,
           active: function active() {
             return setLoaded(true);
@@ -805,11 +768,11 @@ var useLongPress = function useLongPress() {
     _ref$delay = _ref.delay,
     delay = _ref$delay === void 0 ? 350 : _ref$delay;
   var _useState = react.useState(false),
-    _useState2 = _slicedToArray__default["default"](_useState, 2),
+    _useState2 = _slicedToArray(_useState, 2),
     pressed = _useState2[0],
     setPressed = _useState2[1];
   var _useState3 = react.useState(false),
-    _useState4 = _slicedToArray__default["default"](_useState3, 2),
+    _useState4 = _slicedToArray(_useState3, 2),
     triggered = _useState4[0],
     setTriggered = _useState4[1];
   var timeout = react.useRef(null);
@@ -925,31 +888,31 @@ var useMediaApi = function useMediaApi() {
     onLoadedMetadata = _ref$onLoadedMetadata === void 0 ? null : _ref$onLoadedMetadata;
   var ref = react.useRef(null);
   var _useState = react.useState(null),
-    _useState2 = _slicedToArray__default["default"](_useState, 2),
+    _useState2 = _slicedToArray(_useState, 2),
     currentTime = _useState2[0],
     setCurrentTime = _useState2[1];
   var _useState3 = react.useState(null),
-    _useState4 = _slicedToArray__default["default"](_useState3, 2),
+    _useState4 = _slicedToArray(_useState3, 2),
     duration = _useState4[0],
     setDuration = _useState4[1];
   var _useState5 = react.useState(false),
-    _useState6 = _slicedToArray__default["default"](_useState5, 2),
+    _useState6 = _slicedToArray(_useState5, 2),
     playing = _useState6[0],
     setPlaying = _useState6[1];
   var _useState7 = react.useState(false),
-    _useState8 = _slicedToArray__default["default"](_useState7, 2),
+    _useState8 = _slicedToArray(_useState7, 2),
     ready = _useState8[0],
     setReady = _useState8[1];
   var _useState9 = react.useState(false),
-    _useState10 = _slicedToArray__default["default"](_useState9, 2),
+    _useState10 = _slicedToArray(_useState9, 2),
     dataReady = _useState10[0],
     setDataReady = _useState10[1];
   var _useState11 = react.useState(true),
-    _useState12 = _slicedToArray__default["default"](_useState11, 2),
+    _useState12 = _slicedToArray(_useState11, 2),
     initialPlay = _useState12[0],
     setInitialPlay = _useState12[1];
   var _useState13 = react.useState(false),
-    _useState14 = _slicedToArray__default["default"](_useState13, 2),
+    _useState14 = _slicedToArray(_useState13, 2),
     suspended = _useState14[0],
     setSuspended = _useState14[1];
   var progressStepsReached = react.useRef({});
@@ -1232,7 +1195,7 @@ function useMediaCurrentTime(element) {
     _ref$onUpdate = _ref.onUpdate,
     customOnUpdate = _ref$onUpdate === void 0 ? null : _ref$onUpdate;
   var _useState = react.useState(0),
-    _useState2 = _slicedToArray__default["default"](_useState, 2),
+    _useState2 = _slicedToArray(_useState, 2),
     currentTime = _useState2[0],
     setCurrentTime = _useState2[1];
   var realCurrentTime = react.useRef(currentTime);
@@ -1293,7 +1256,7 @@ function useMediaDuration(element) {
     _ref$id = _ref.id,
     id = _ref$id === void 0 ? null : _ref$id;
   var _useState = react.useState(element !== null ? element.duration || 0 : 0),
-    _useState2 = _slicedToArray__default["default"](_useState, 2),
+    _useState2 = _slicedToArray(_useState, 2),
     duration = _useState2[0],
     setDuration = _useState2[1];
   var realDuration = react.useRef(duration);
@@ -1306,6 +1269,8 @@ function useMediaDuration(element) {
   }
   react.useEffect(function () {
     if (element === null) {
+      realDuration.current = 0;
+      setDuration(0);
       return function () {};
     }
     function updateDuration() {
@@ -1353,22 +1318,22 @@ function useMediaProgress(media) {
   var _ref = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {},
     _ref$disabled = _ref.disabled,
     disabled = _ref$disabled === void 0 ? false : _ref$disabled,
-    props = _objectWithoutProperties__default["default"](_ref, _excluded$1);
+    props = _objectWithoutProperties(_ref, _excluded$1);
   var _useState = react.useState(!disabled),
-    _useState2 = _slicedToArray__default["default"](_useState, 2),
+    _useState2 = _slicedToArray(_useState, 2),
     playing = _useState2[0],
     setPlaying = _useState2[1];
-  var duration = useMediaDuration(media, _objectSpread__default["default"]({
+  var duration = useMediaDuration(media, _objectSpread({
     disabled: disabled || !playing
   }, props));
   var _useState3 = react.useState(0),
-    _useState4 = _slicedToArray__default["default"](_useState3, 2),
+    _useState4 = _slicedToArray(_useState3, 2),
     progress = _useState4[0],
     setProgress = _useState4[1];
   var realProgressRef = react.useRef(progress);
-  var updateTimeRef = react.useRef(new Date().getTime());
+  var updateTimeRef = react.useRef(Date.now() / 1000);
   var updateProgress = react.useCallback(function (newProgress) {
-    updateTimeRef.current = new Date().getTime();
+    updateTimeRef.current = Date.now() / 1000;
     realProgressRef.current = newProgress;
     setProgress(newProgress);
   }, [setProgress]);
@@ -1436,18 +1401,18 @@ function useMediaProgress(media) {
       if (canceled) {
         return;
       }
-      var newTime = new Date().getTime();
+      var newTime = Date.now() / 1000;
       var elapsed = newTime - updateTimeRef.current;
       updateTimeRef.current = newTime;
-      var step = elapsed / (duration * 1000);
+      var step = elapsed / duration;
       var newProgress = realProgressRef.current + step;
       updateProgress(newProgress);
-      handle = raf__default["default"](tick);
+      handle = raf(tick);
     }
     tick();
     return function () {
       canceled = true;
-      raf__default["default"].cancel(handle);
+      raf.cancel(handle);
     };
   }, [media, playing, disabled, duration, updateProgress]);
   return realProgressRef.current;
@@ -1458,7 +1423,7 @@ function useMediaReady(element) {
     _ref$id = _ref.id,
     id = _ref$id === void 0 ? null : _ref$id;
   var _useState = react.useState(element !== null && element.readyState > 0),
-    _useState2 = _slicedToArray__default["default"](_useState, 2),
+    _useState2 = _slicedToArray(_useState, 2),
     ready = _useState2[0],
     setReady = _useState2[1];
   var realReady = react.useRef(ready);
@@ -1528,7 +1493,7 @@ var useMediasParser = function useMediasParser() {
 function useMediaThumbnail(media) {
   var file = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
   var thumbnail = react.useMemo(function () {
-    if (isObject__default["default"](file)) {
+    if (isObject(file)) {
       return file;
     }
     var _ref = media || {},
@@ -1574,7 +1539,7 @@ function useMediaWaveform(media) {
     _ref3$waveform = _ref3.waveform,
     waveform = _ref3$waveform === void 0 ? null : _ref3$waveform;
   var _useState = react.useState(null),
-    _useState2 = _slicedToArray__default["default"](_useState, 2),
+    _useState2 = _slicedToArray(_useState, 2),
     audioLevels = _useState2[0],
     setAudioLevels = _useState2[1];
   react.useEffect(function () {
@@ -1586,7 +1551,7 @@ function useMediaWaveform(media) {
       }));
     } else if (url !== null && fake) {
       var fakeLength = 1000;
-      setAudioLevels(_toConsumableArray__default["default"](new Array(fakeLength)).map(function () {
+      setAudioLevels(_toConsumableArray(new Array(fakeLength)).map(function () {
         return Math.random();
       }));
     } else if (url !== null && AudioContext !== null) {
@@ -1716,14 +1681,14 @@ var useScreenSize = function useScreenSize(_ref) {
       width: "".concat(width, "px"),
       height: "".concat(height, "px")
     };
-    var matchingScreens = _toConsumableArray__default["default"](screens).reverse().filter(function (_ref2) {
+    var matchingScreens = _toConsumableArray(screens).reverse().filter(function (_ref2) {
       var _ref2$mediaQuery = _ref2.mediaQuery,
         mediaQuery = _ref2$mediaQuery === void 0 ? null : _ref2$mediaQuery;
       return mediaQuery === null || cssMediaquery.match(mediaQuery, media);
     });
     return {
       screen: matchingScreens.length > 0 ? matchingScreens[0].name : null,
-      screens: _toConsumableArray__default["default"](matchingScreens).reverse().map(function (_ref3) {
+      screens: _toConsumableArray(matchingScreens).reverse().map(function (_ref3) {
         var name = _ref3.name;
         return name;
       }),
@@ -1742,7 +1707,7 @@ var useScreenSizeFromElement = function useScreenSizeFromElement() {
     width = _ref4$width === void 0 ? null : _ref4$width,
     _ref4$height = _ref4.height,
     height = _ref4$height === void 0 ? null : _ref4$height,
-    opts = _objectWithoutProperties__default["default"](_ref4, _excluded);
+    opts = _objectWithoutProperties(_ref4, _excluded);
   var _useDimensionObserver = useDimensionObserver(),
     ref = _useDimensionObserver.ref,
     _useDimensionObserver2 = _useDimensionObserver.width,
@@ -1788,7 +1753,7 @@ var useScreenSizeFromElement = function useScreenSizeFromElement() {
     finalHeight -= 1;
   }
   var scale = finalWidth > 0 ? finalWidth / screenWidth : null;
-  var screenSize = useScreenSize(_objectSpread__default["default"]({
+  var screenSize = useScreenSize(_objectSpread({
     width: withoutScale || scale === null ? finalWidth : screenWidth,
     height: withoutScale || scale === null ? finalHeight : finalHeight / scale,
     landscape: landscape,
@@ -1812,7 +1777,7 @@ var getWindowSize = function getWindowSize() {
 };
 var useScreenSizeFromWindow = function useScreenSizeFromWindow(opts) {
   var _useState = react.useState(getWindowSize()),
-    _useState2 = _slicedToArray__default["default"](_useState, 2),
+    _useState2 = _slicedToArray(_useState, 2),
     windowSize = _useState2[0],
     setWindowSize = _useState2[1];
   react.useEffect(function () {
@@ -1828,7 +1793,7 @@ var useScreenSizeFromWindow = function useScreenSizeFromWindow(opts) {
       }
     };
   }, [setWindowSize]);
-  return useScreenSize(_objectSpread__default["default"](_objectSpread__default["default"]({}, opts), windowSize));
+  return useScreenSize(_objectSpread(_objectSpread({}, opts), windowSize));
 };
 
 var getValueFromSpring = function getValueFromSpring(s) {
@@ -1841,13 +1806,13 @@ var getValueFromSpring = function getValueFromSpring(s) {
 };
 function useSpringValue(wantedProgress, immediate, params) {
   var _useState = react.useState(wantedProgress),
-    _useState2 = _slicedToArray__default["default"](_useState, 2),
+    _useState2 = _slicedToArray(_useState, 2),
     progress = _useState2[0],
     setProgress = _useState2[1];
   var onChange = react.useCallback(function (spring) {
     return setProgress(getValueFromSpring(spring));
   }, [setProgress]);
-  core$1.useSpring(_objectSpread__default["default"]({
+  core$1.useSpring(_objectSpread({
     progress: wantedProgress,
     onChange: onChange,
     immediate: immediate
@@ -1915,20 +1880,20 @@ var useSwipe = function useSwipe() {
         x: disabled ? 0 : i * currentWidth,
         y: 0,
         zIndex: i,
-        config: _objectSpread__default["default"]({}, !withSpring ? {
+        config: _objectSpread({}, !withSpring ? {
           duration: 1
         } : null)
       };
     }),
-    _useSprings2 = _slicedToArray__default["default"](_useSprings, 2),
+    _useSprings2 = _slicedToArray(_useSprings, 2),
     itemsWithProps = _useSprings2[0],
     set = _useSprings2[1];
   var bind = react$1.useDrag(function (_ref3) {
     var down = _ref3.down,
-      _ref3$movement = _slicedToArray__default["default"](_ref3.movement, 2),
+      _ref3$movement = _slicedToArray(_ref3.movement, 2),
       mx = _ref3$movement[0],
       my = _ref3$movement[1],
-      _ref3$direction = _slicedToArray__default["default"](_ref3.direction, 1),
+      _ref3$direction = _slicedToArray(_ref3.direction, 1),
       xDir = _ref3$direction[0],
       cancel = _ref3.cancel,
       tap = _ref3.tap;
@@ -1960,7 +1925,7 @@ var useSwipe = function useSwipe() {
     if (down) {
       // Snap to next slide
       if (Math.abs(movementX) > currentWidth / swipeWidthThreshold) {
-        index.current = clamp__default["default"](index.current + (xDir > 0 ? -1 : 1), 0, count - 1);
+        index.current = clamp(index.current + (xDir > 0 ? -1 : 1), 0, count - 1);
         lockedAxis.current = null;
         cancel();
         if (onSwipeEnd !== null) {
@@ -2085,7 +2050,7 @@ var useTrackScreenEvent = function useTrackScreenEvent() {
     var label = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
     var opts = arguments.length > 2 ? arguments[2] : undefined;
     if (type !== null && action !== null) {
-      tracking.trackEvent("screen_".concat(type), action, label, _objectSpread__default["default"](_objectSpread__default["default"]({}, opts), getScreenOptions(screenContext, opts)));
+      tracking.trackEvent("screen_".concat(type), action, label, _objectSpread(_objectSpread({}, opts), getScreenOptions(screenContext, opts)));
     }
   }, [screenContext]);
 };
@@ -2104,7 +2069,7 @@ var useTrackScreenMedia = function useTrackScreenMedia() {
     var action = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
     var opts = arguments.length > 2 ? arguments[2] : undefined;
     if (type !== null && media !== null && action !== null) {
-      tracking.trackMedia("screen_".concat(type), media, action, _objectSpread__default["default"](_objectSpread__default["default"]({}, opts), getScreenOptions(screenContext, opts)));
+      tracking.trackMedia("screen_".concat(type), media, action, _objectSpread(_objectSpread({}, opts), getScreenOptions(screenContext, opts)));
     }
   }, [screenContext]);
 };