etudes 5.2.0 → 5.3.0

package/hooks/useClickOutsideEffect.js

@@ -1,40 +1,11 @@
-"use strict";
-var __read = (this && this.__read) || function (o, n) {
-    var m = typeof Symbol === "function" && o[Symbol.iterator];
-    if (!m) return o;
-    var i = m.call(o), r, ar = [], e;
-    try {
-        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
-    }
-    catch (error) { e = { error: error }; }
-    finally {
-        try {
-            if (r && !r.done && (m = i["return"])) m.call(i);
-        }
-        finally { if (e) throw e.error; }
-    }
-    return ar;
-};
-var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
-    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
-        if (ar || !(i in from)) {
-            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
-            ar[i] = from[i];
-        }
-    }
-    return to.concat(ar || Array.prototype.slice.call(from));
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useClickOutsideEffect = useClickOutsideEffect;
-var react_1 = require("react");
-function useClickOutsideEffect(targetRef, handler, deps) {
-    if (deps === void 0) { deps = []; }
-    (0, react_1.useEffect)(function () {
-        var clickOutsideHandler = function (event) {
+import { useEffect } from 'react';
+export function useClickOutsideEffect(targetRef, handler, deps = []) {
+    useEffect(() => {
+        const clickOutsideHandler = (event) => {
             if (!(event.target instanceof Node))
                 return;
-            var isOutside = true;
-            var node = event.target;
+            let isOutside = true;
+            let node = event.target;
             while (node) {
                 if (node === targetRef.current) {
                     isOutside = false;
@@ -49,9 +20,8 @@ function useClickOutsideEffect(targetRef, handler, deps) {
             handler();
         };
         window.addEventListener('click', clickOutsideHandler, true);
-        return function () {
+        return () => {
             window.removeEventListener('click', clickOutsideHandler, true);
         };
-    }, __spreadArray([], __read(deps), false));
+    }, [...deps]);
 }
-//# sourceMappingURL=useClickOutsideEffect.js.map

package/hooks/useDragEffect.js

@@ -1,33 +1,5 @@
-"use strict";
-var __read = (this && this.__read) || function (o, n) {
-    var m = typeof Symbol === "function" && o[Symbol.iterator];
-    if (!m) return o;
-    var i = m.call(o), r, ar = [], e;
-    try {
-        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
-    }
-    catch (error) { e = { error: error }; }
-    finally {
-        try {
-            if (r && !r.done && (m = i["return"])) m.call(i);
-        }
-        finally { if (e) throw e.error; }
-    }
-    return ar;
-};
-var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
-    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
-        if (ar || !(i in from)) {
-            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
-            ar[i] = from[i];
-        }
-    }
-    return to.concat(ar || Array.prototype.slice.call(from));
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useDragEffect = useDragEffect;
-var react_1 = require("react");
-var spase_1 = require("spase");
+import { useEffect, useRef } from 'react';
+import { Point } from 'spase';
 /**
  * Hook for adding effectful dragging interaction to an element.
  *
@@ -39,20 +11,18 @@ var spase_1 = require("spase");
  *
  * @returns The states created for this effect.
  */
-function useDragEffect(targetRef, _a, deps) {
-    var _b = _a.isEnabled, isEnabled = _b === void 0 ? true : _b, _c = _a.updatesCursor, updatesCursor = _c === void 0 ? true : _c, onDragStart = _a.onDragStart, onDragMove = _a.onDragMove, onDragEnd = _a.onDragEnd;
-    if (deps === void 0) { deps = []; }
-    var element = targetRef.current;
-    var startPositionRef = (0, react_1.useRef)();
-    var dragPositionRef = (0, react_1.useRef)();
+export function useDragEffect(targetRef, { isEnabled = true, updatesCursor = true, onDragStart, onDragMove, onDragEnd, }, deps = []) {
+    const element = targetRef.current;
+    const startPositionRef = useRef();
+    const dragPositionRef = useRef();
     if (updatesCursor && element)
         element.style.cursor = 'grab';
-    (0, react_1.useEffect)(function () {
+    useEffect(() => {
         if (!element || !isEnabled)
             return;
-        var mouseDownHandler = function (event) {
+        const mouseDownHandler = (event) => {
             event.preventDefault();
-            var position = new spase_1.Point([event.clientX, event.clientY]);
+            const position = new Point([event.clientX, event.clientY]);
             startPositionRef.current = position;
             dragPositionRef.current = position;
             element.addEventListener('mousemove', mouseMoveHandler);
@@ -60,24 +30,22 @@ function useDragEffect(targetRef, _a, deps) {
             element.addEventListener('mouseleave', mouseUpHandler);
             if (updatesCursor)
                 element.style.cursor = 'grabbing';
-            onDragStart === null || onDragStart === void 0 ? void 0 : onDragStart(position);
+            onDragStart?.(position);
         };
-        var mouseMoveHandler = function (event) {
-            var _a;
+        const mouseMoveHandler = (event) => {
             if (!startPositionRef.current)
                 return;
-            var position = new spase_1.Point([event.clientX, event.clientY]);
-            var displacement = ((_a = dragPositionRef.current) !== null && _a !== void 0 ? _a : startPositionRef.current).subtract(position);
+            const position = new Point([event.clientX, event.clientY]);
+            const displacement = (dragPositionRef.current ?? startPositionRef.current).subtract(position);
             dragPositionRef.current = position;
-            onDragMove === null || onDragMove === void 0 ? void 0 : onDragMove(displacement, startPositionRef.current);
+            onDragMove?.(displacement, startPositionRef.current);
         };
-        var mouseUpHandler = function (event) {
-            var _a;
+        const mouseUpHandler = (event) => {
             if (!startPositionRef.current)
                 return;
-            var position = new spase_1.Point([event.clientX, event.clientY]);
-            var displacement = ((_a = dragPositionRef.current) !== null && _a !== void 0 ? _a : startPositionRef.current).subtract(position);
-            onDragEnd === null || onDragEnd === void 0 ? void 0 : onDragEnd(position, displacement, startPositionRef.current);
+            const position = new Point([event.clientX, event.clientY]);
+            const displacement = (dragPositionRef.current ?? startPositionRef.current).subtract(position);
+            onDragEnd?.(position, displacement, startPositionRef.current);
             startPositionRef.current = undefined;
             dragPositionRef.current = undefined;
             element.removeEventListener('mousemove', mouseMoveHandler);
@@ -87,12 +55,11 @@ function useDragEffect(targetRef, _a, deps) {
                 element.style.cursor = 'grab';
         };
         element.addEventListener('mousedown', mouseDownHandler);
-        return function () {
+        return () => {
             element.removeEventListener('mousedown', mouseDownHandler);
             element.removeEventListener('mousemove', mouseMoveHandler);
             element.removeEventListener('mouseup', mouseUpHandler, { capture: true });
             element.removeEventListener('mouseleave', mouseUpHandler);
         };
-    }, __spreadArray([element, isEnabled], __read(deps), false));
+    }, [element, isEnabled, ...deps]);
 }
-//# sourceMappingURL=useDragEffect.js.map

package/hooks/useDragValueEffect.js

@@ -1,59 +1,6 @@
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-var __read = (this && this.__read) || function (o, n) {
-    var m = typeof Symbol === "function" && o[Symbol.iterator];
-    if (!m) return o;
-    var i = m.call(o), r, ar = [], e;
-    try {
-        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
-    }
-    catch (error) { e = { error: error }; }
-    finally {
-        try {
-            if (r && !r.done && (m = i["return"])) m.call(i);
-        }
-        finally { if (e) throw e.error; }
-    }
-    return ar;
-};
-var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
-    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
-        if (ar || !(i in from)) {
-            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
-            ar[i] = from[i];
-        }
-    }
-    return to.concat(ar || Array.prototype.slice.call(from));
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useDragValueEffect = useDragValueEffect;
-var react_1 = __importDefault(require("fast-deep-equal/react"));
-var interactjs_1 = __importDefault(require("interactjs"));
-var react_2 = require("react");
+import isDeepEqual from 'fast-deep-equal/react';
+import interact from 'interactjs';
+import { useEffect, useRef, useState } from 'react';
 /**
  * Hook for adding effectful dragging interaction to an element.
  *
@@ -65,8 +12,7 @@ var react_2 = require("react");
  *
  * @returns The states created for this effect.
  */
-function useDragValueEffect(targetRef, _a, deps) {
-    var initialValue = _a.initialValue, transform = _a.transform, onDragStart = _a.onDragStart, onDragMove = _a.onDragMove, onDragEnd = _a.onDragEnd, options = __rest(_a, ["initialValue", "transform", "onDragStart", "onDragMove", "onDragEnd"]);
+export function useDragValueEffect(targetRef, { initialValue, transform, onDragStart, onDragMove, onDragEnd, ...options }, deps) {
     /**
      * Sets the current associated value reference. This reference object is equal
      * to the `value` state but differs slightly in how they are set. Because
@@ -77,53 +23,58 @@ function useDragValueEffect(targetRef, _a, deps) {
      *
      * @returns `true` if the value was set, `false` otherwise.
      */
-    var setValueRef = function (value) {
-        if ((0, react_1.default)(valueRef.current, value))
+    const setValueRef = (value) => {
+        if (isDeepEqual(valueRef.current, value))
             return false;
         valueRef.current = value;
         return true;
     };
-    var valueRef = (0, react_2.useRef)(initialValue);
-    var _b = __read((0, react_2.useState)(false), 2), hasDragged = _b[0], setHasDragged = _b[1];
-    var _c = __read((0, react_2.useState)(false), 2), isDragging = _c[0], setIsDragging = _c[1];
-    var _d = __read((0, react_2.useState)(false), 2), isReleasing = _d[0], setIsReleasing = _d[1];
-    var _e = __read((0, react_2.useState)(initialValue), 2), value = _e[0], setValue = _e[1];
-    (0, react_2.useEffect)(function () {
+    const valueRef = useRef(initialValue);
+    const [hasDragged, setHasDragged] = useState(false);
+    const [isDragging, setIsDragging] = useState(false);
+    const [isReleasing, setIsReleasing] = useState(false);
+    const [value, setValue] = useState(initialValue);
+    useEffect(() => {
         if (targetRef.current) {
             // Do not consume states in these listeners as they will remain their
             // initial values within the scope of the listeners.
-            (0, interactjs_1.default)(targetRef.current).draggable(__assign(__assign({ inertia: true }, options), { onstart: function () {
+            interact(targetRef.current).draggable({
+                inertia: true,
+                ...options,
+                onstart: () => {
                     setHasDragged(true);
                     setIsDragging(true);
                     setIsReleasing(false);
-                    onDragStart === null || onDragStart === void 0 ? void 0 : onDragStart();
-                }, onmove: function (_a) {
-                    var dx = _a.dx, dy = _a.dy;
-                    var newValue = transform(valueRef.current, dx, dy);
+                    onDragStart?.();
+                },
+                onmove: ({ dx, dy }) => {
+                    const newValue = transform(valueRef.current, dx, dy);
                     if (setValueRef(newValue)) {
                         setValue(newValue);
                     }
                     setIsDragging(true);
                     setIsReleasing(false);
-                    onDragMove === null || onDragMove === void 0 ? void 0 : onDragMove(dx, dy);
-                }, onend: function () {
+                    onDragMove?.(dx, dy);
+                },
+                onend: () => {
                     setIsDragging(false);
                     setIsReleasing(true);
-                    onDragEnd === null || onDragEnd === void 0 ? void 0 : onDragEnd();
-                } }));
+                    onDragEnd?.();
+                },
+            });
         }
-        return function () {
+        return () => {
             if (targetRef.current) {
-                (0, interactjs_1.default)(targetRef.current).unset();
+                interact(targetRef.current).unset();
             }
         };
-    }, __spreadArray([], __read(deps !== null && deps !== void 0 ? deps : []), false));
-    (0, react_2.useEffect)(function () {
+    }, [...deps ?? []]);
+    useEffect(() => {
         if (hasDragged)
             return;
         setValue(initialValue);
     }, [initialValue]);
-    (0, react_2.useEffect)(function () {
+    useEffect(() => {
         setValueRef(value);
     }, [value]);
     return {
@@ -132,4 +83,3 @@ function useDragValueEffect(targetRef, _a, deps) {
         value: [value, setValue],
     };
 }
-//# sourceMappingURL=useDragValueEffect.js.map

package/hooks/useImageSize.js

@@ -1,25 +1,6 @@
-"use strict";
-var __read = (this && this.__read) || function (o, n) {
-    var m = typeof Symbol === "function" && o[Symbol.iterator];
-    if (!m) return o;
-    var i = m.call(o), r, ar = [], e;
-    try {
-        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
-    }
-    catch (error) { e = { error: error }; }
-    finally {
-        try {
-            if (r && !r.done && (m = i["return"])) m.call(i);
-        }
-        finally { if (e) throw e.error; }
-    }
-    return ar;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useImageSize = useImageSize;
-var react_1 = require("react");
-var spase_1 = require("spase");
-var useLoadImageEffect_1 = require("./useLoadImageEffect");
+import { useState } from 'react';
+import { Size } from 'spase';
+import { useLoadImageEffect } from './useLoadImageEffect.js';
 /**
  * Hook for retrieving the size of an image.
  *
@@ -29,28 +10,26 @@ var useLoadImageEffect_1 = require("./useLoadImageEffect");
  * @returns The actual size of the image if loading was successful, `undefined`
  *          otherwise.
  */
-function useImageSize(_a, _b) {
-    var src = _a.src, srcSet = _a.srcSet, sizes = _a.sizes;
-    var _c = _b === void 0 ? {} : _b, _d = _c.preservesSizeBetweenLoads, preservesSizeBetweenLoads = _d === void 0 ? true : _d, onLoadStart = _c.onLoadStart, onLoadComplete = _c.onLoadComplete, onLoadError = _c.onLoadError;
-    var handleLoad = function (element) {
+export function useImageSize({ src, srcSet, sizes }, { preservesSizeBetweenLoads = true, onLoadStart, onLoadComplete, onLoadError } = {}) {
+    const handleLoad = (element) => {
         if (!preservesSizeBetweenLoads)
             setImageSize(undefined);
-        onLoadStart === null || onLoadStart === void 0 ? void 0 : onLoadStart(element);
+        onLoadStart?.(element);
     };
-    var handleLoadComplete = function (element) {
+    const handleLoadComplete = (element) => {
         setImageSize(getSize(element));
-        onLoadComplete === null || onLoadComplete === void 0 ? void 0 : onLoadComplete(element);
+        onLoadComplete?.(element);
     };
-    var handleLoadError = function (element) {
+    const handleLoadError = (element) => {
         if (!preservesSizeBetweenLoads)
             setImageSize(undefined);
-        onLoadError === null || onLoadError === void 0 ? void 0 : onLoadError(element);
+        onLoadError?.(element);
     };
-    var _e = __read((0, react_1.useState)(), 2), imageSize = _e[0], setImageSize = _e[1];
-    (0, useLoadImageEffect_1.useLoadImageEffect)({ src: src, srcSet: srcSet, sizes: sizes }, {
-        onLoadStart: function (t) { return handleLoad(t); },
-        onLoadComplete: function (t) { return handleLoadComplete(t); },
-        onLoadError: function (t) { return handleLoadError(t); },
+    const [imageSize, setImageSize] = useState();
+    useLoadImageEffect({ src, srcSet, sizes }, {
+        onLoadStart: t => handleLoad(t),
+        onLoadComplete: t => handleLoadComplete(t),
+        onLoadError: t => handleLoadError(t),
     });
     return imageSize;
 }
@@ -61,6 +40,5 @@ function getSize(element) {
         return undefined;
     if (typeof element.height !== 'number')
         return undefined;
-    return new spase_1.Size([element.width, element.height]);
+    return new Size([element.width, element.height]);
 }
-//# sourceMappingURL=useImageSize.js.map

package/hooks/useInterval.js

@@ -1,32 +1,4 @@
-"use strict";
-var __read = (this && this.__read) || function (o, n) {
-    var m = typeof Symbol === "function" && o[Symbol.iterator];
-    if (!m) return o;
-    var i = m.call(o), r, ar = [], e;
-    try {
-        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
-    }
-    catch (error) { e = { error: error }; }
-    finally {
-        try {
-            if (r && !r.done && (m = i["return"])) m.call(i);
-        }
-        finally { if (e) throw e.error; }
-    }
-    return ar;
-};
-var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
-    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
-        if (ar || !(i in from)) {
-            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
-            ar[i] = from[i];
-        }
-    }
-    return to.concat(ar || Array.prototype.slice.call(from));
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useInterval = useInterval;
-var react_1 = require("react");
+import { useEffect, useRef } from 'react';
 /**
  * Hoook for invoking a method repeatedly on every set interval.
  *
@@ -35,21 +7,17 @@ var react_1 = require("react");
  * @param options See {@link Options}.
  * @param deps Dependencies that trigger this effect.
  */
-function useInterval(handler, interval, _a, deps) {
-    var _b = _a === void 0 ? {} : _a, _c = _b.shouldInvokeInitially, shouldInvokeInitially = _c === void 0 ? false : _c;
-    if (deps === void 0) { deps = []; }
-    var handlerRef = (0, react_1.useRef)();
-    (0, react_1.useEffect)(function () {
+export function useInterval(handler, interval, { shouldInvokeInitially = false } = {}, deps = []) {
+    const handlerRef = useRef();
+    useEffect(() => {
         handlerRef.current = handler;
     }, [handler]);
-    (0, react_1.useEffect)(function () {
-        var _a;
+    useEffect(() => {
         if (interval === undefined || interval <= 0)
             return;
         if (shouldInvokeInitially === true)
-            (_a = handlerRef.current) === null || _a === void 0 ? void 0 : _a.call(handlerRef);
-        var timer = window.setInterval(function () { var _a; return (_a = handlerRef.current) === null || _a === void 0 ? void 0 : _a.call(handlerRef); }, interval);
-        return function () { return clearInterval(timer); };
-    }, __spreadArray([interval], __read(deps), false));
+            handlerRef.current?.();
+        const timer = window.setInterval(() => handlerRef.current?.(), interval);
+        return () => clearInterval(timer);
+    }, [interval, ...deps]);
 }
-//# sourceMappingURL=useInterval.js.map

package/hooks/useLoadImageEffect.js

@@ -1,32 +1,4 @@
-"use strict";
-var __read = (this && this.__read) || function (o, n) {
-    var m = typeof Symbol === "function" && o[Symbol.iterator];
-    if (!m) return o;
-    var i = m.call(o), r, ar = [], e;
-    try {
-        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
-    }
-    catch (error) { e = { error: error }; }
-    finally {
-        try {
-            if (r && !r.done && (m = i["return"])) m.call(i);
-        }
-        finally { if (e) throw e.error; }
-    }
-    return ar;
-};
-var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
-    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
-        if (ar || !(i in from)) {
-            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
-            ar[i] = from[i];
-        }
-    }
-    return to.concat(ar || Array.prototype.slice.call(from));
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useLoadImageEffect = useLoadImageEffect;
-var react_1 = require("react");
+import { useEffect, useRef } from 'react';
 /**
  * Hook for preloading an image.
  *
@@ -34,20 +6,17 @@ var react_1 = require("react");
  * @param options See {@link UseLoadImageEffectOptions}.
  * @param deps Additional dependencies.
  */
-function useLoadImageEffect(_a, _b, deps) {
-    var src = _a.src, srcSet = _a.srcSet, sizes = _a.sizes;
-    var _c = _b === void 0 ? {} : _b, onLoadStart = _c.onLoadStart, onLoadComplete = _c.onLoadComplete, onLoadError = _c.onLoadError;
-    if (deps === void 0) { deps = []; }
-    var imageLoadCompleteHandler = function (event) {
-        var element = event.currentTarget;
-        onLoadComplete === null || onLoadComplete === void 0 ? void 0 : onLoadComplete(element);
+export function useLoadImageEffect({ src, srcSet, sizes }, { onLoadStart, onLoadComplete, onLoadError } = {}, deps = []) {
+    const imageLoadCompleteHandler = (event) => {
+        const element = event.currentTarget;
+        onLoadComplete?.(element);
     };
-    var imageLoadErrorHandler = function (event) {
-        var element = event.currentTarget;
-        onLoadError === null || onLoadError === void 0 ? void 0 : onLoadError(element);
+    const imageLoadErrorHandler = (event) => {
+        const element = event.currentTarget;
+        onLoadError?.(element);
     };
-    var imageRef = (0, react_1.useRef)(undefined);
-    (0, react_1.useEffect)(function () {
+    const imageRef = useRef(undefined);
+    useEffect(() => {
         imageRef.current = new Image();
         if (src)
             imageRef.current.src = src;
@@ -55,15 +24,13 @@ function useLoadImageEffect(_a, _b, deps) {
             imageRef.current.srcset = srcSet;
         if (sizes)
             imageRef.current.sizes = sizes;
-        onLoadStart === null || onLoadStart === void 0 ? void 0 : onLoadStart(imageRef.current);
+        onLoadStart?.(imageRef.current);
         imageRef.current.addEventListener('load', imageLoadCompleteHandler);
         imageRef.current.addEventListener('error', imageLoadErrorHandler);
-        return function () {
-            var _a, _b;
-            (_a = imageRef.current) === null || _a === void 0 ? void 0 : _a.removeEventListener('load', imageLoadCompleteHandler);
-            (_b = imageRef.current) === null || _b === void 0 ? void 0 : _b.removeEventListener('error', imageLoadErrorHandler);
+        return () => {
+            imageRef.current?.removeEventListener('load', imageLoadCompleteHandler);
+            imageRef.current?.removeEventListener('error', imageLoadErrorHandler);
             imageRef.current = undefined;
         };
-    }, __spreadArray([src, srcSet, sizes], __read(deps), false));
+    }, [src, srcSet, sizes, ...deps]);
 }
-//# sourceMappingURL=useLoadImageEffect.js.map

package/hooks/useLoadVideoMetadataEffect.js

@@ -1,32 +1,4 @@
-"use strict";
-var __read = (this && this.__read) || function (o, n) {
-    var m = typeof Symbol === "function" && o[Symbol.iterator];
-    if (!m) return o;
-    var i = m.call(o), r, ar = [], e;
-    try {
-        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
-    }
-    catch (error) { e = { error: error }; }
-    finally {
-        try {
-            if (r && !r.done && (m = i["return"])) m.call(i);
-        }
-        finally { if (e) throw e.error; }
-    }
-    return ar;
-};
-var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
-    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
-        if (ar || !(i in from)) {
-            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
-            ar[i] = from[i];
-        }
-    }
-    return to.concat(ar || Array.prototype.slice.call(from));
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useLoadVideoMetadataEffect = useLoadVideoMetadataEffect;
-var react_1 = require("react");
+import { useEffect, useRef } from 'react';
 /**
  * Hook for retrieving the size of a video.
  *
@@ -34,32 +6,27 @@ var react_1 = require("react");
  * @param options See {@link UseLoadVideoMetadataEffectOptions}.
  * @param deps Additional dependencies.
  */
-function useLoadVideoMetadataEffect(_a, _b, deps) {
-    var src = _a.src;
-    var _c = _b === void 0 ? {} : _b, onLoadStart = _c.onLoadStart, onLoadComplete = _c.onLoadComplete, onLoadError = _c.onLoadError;
-    if (deps === void 0) { deps = []; }
-    var loadCompleteHandler = function (event) {
-        var element = event.currentTarget;
-        onLoadComplete === null || onLoadComplete === void 0 ? void 0 : onLoadComplete(element);
+export function useLoadVideoMetadataEffect({ src }, { onLoadStart, onLoadComplete, onLoadError } = {}, deps = []) {
+    const loadCompleteHandler = (event) => {
+        const element = event.currentTarget;
+        onLoadComplete?.(element);
     };
-    var loadErrorHandler = function (event) {
-        var element = event.currentTarget;
-        onLoadError === null || onLoadError === void 0 ? void 0 : onLoadError(element);
+    const loadErrorHandler = (event) => {
+        const element = event.currentTarget;
+        onLoadError?.(element);
     };
-    var ref = (0, react_1.useRef)(undefined);
-    (0, react_1.useEffect)(function () {
+    const ref = useRef(undefined);
+    useEffect(() => {
         ref.current = document.createElement('video');
         if (src)
             ref.current.src = src;
         ref.current.addEventListener('loadedmetadata', loadCompleteHandler);
         ref.current.addEventListener('error', loadErrorHandler);
-        onLoadStart === null || onLoadStart === void 0 ? void 0 : onLoadStart(ref.current);
-        return function () {
-            var _a, _b;
-            (_a = ref.current) === null || _a === void 0 ? void 0 : _a.removeEventListener('loadedmetadata', loadCompleteHandler);
-            (_b = ref.current) === null || _b === void 0 ? void 0 : _b.removeEventListener('error', loadErrorHandler);
+        onLoadStart?.(ref.current);
+        return () => {
+            ref.current?.removeEventListener('loadedmetadata', loadCompleteHandler);
+            ref.current?.removeEventListener('error', loadErrorHandler);
             ref.current = undefined;
         };
-    }, __spreadArray([src], __read(deps), false));
+    }, [src, ...deps]);
 }
-//# sourceMappingURL=useLoadVideoMetadataEffect.js.map