etudes 5.2.0 → 5.3.0

package/hooks/useMounted.js

@@ -1,31 +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;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useMounted = useMounted;
-var react_1 = require("react");
-function useMounted() {
-    var _a = __read((0, react_1.useState)(false), 2), isMounted = _a[0], setIsMounted = _a[1];
-    (0, react_1.useEffect)(function () {
+import { useEffect, useState } from 'react';
+export function useMounted() {
+    const [isMounted, setIsMounted] = useState(false);
+    useEffect(() => {
         setIsMounted(true);
-        return function () {
+        return () => {
             setIsMounted(false);
         };
     }, []);
     return isMounted;
 }
-//# sourceMappingURL=useMounted.js.map

package/hooks/usePrevious.js

@@ -1,19 +1,14 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.usePrevious = usePrevious;
-var react_1 = require("react");
+import { useEffect, useRef } from 'react';
 /**
  * Returns the previous value of a value.
  *
  * @param value The value.
  * @param options See {@link Options}.
  */
-function usePrevious(value, _a) {
-    var _b = _a === void 0 ? {} : _a, _c = _b.sanitizeDependency, sanitizeDependency = _c === void 0 ? function (t) { return t; } : _c;
-    var ref = (0, react_1.useRef)();
-    (0, react_1.useEffect)(function () {
+export function usePrevious(value, { sanitizeDependency = t => t } = {}) {
+    const ref = useRef();
+    useEffect(() => {
         ref.current = value;
     }, [sanitizeDependency(value)]);
     return ref.current;
 }
-//# sourceMappingURL=usePrevious.js.map

package/hooks/useRect.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.useRect = useRect;
-var react_1 = require("react");
-var spase_1 = require("spase");
-var useResizeEffect_1 = require("./useResizeEffect");
+import { useState } from 'react';
+import { Rect } from 'spase';
+import { useResizeEffect } from './useResizeEffect.js';
 /**
  * Hook for monitoring changes in and returning the size and position of the
  * target element.
@@ -28,17 +9,16 @@ var useResizeEffect_1 = require("./useResizeEffect");
  *
  * @returns The most current {@link Rect} of the target element.
  */
-function useRect(targetRef) {
-    var _a = __read((0, react_1.useState)(new spase_1.Rect()), 2), rect = _a[0], setRect = _a[1];
-    var handleResize = function (element) {
-        var newRect = spase_1.Rect.from(element);
+export function useRect(targetRef) {
+    const [rect, setRect] = useState(new Rect());
+    const handleResize = (element) => {
+        const newRect = Rect.from(element);
         if (!newRect)
             return;
         setRect(newRect);
     };
-    (0, useResizeEffect_1.useResizeEffect)(targetRef, {
-        onResize: function (element) { return handleResize(element); },
+    useResizeEffect(targetRef, {
+        onResize: element => handleResize(element),
     });
     return rect;
 }
-//# sourceMappingURL=useRect.js.map

package/hooks/useResizeEffect.js

@@ -1,36 +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));
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useResizeEffect = useResizeEffect;
-var react_1 = require("react");
-var resize_observer_polyfill_1 = __importDefault(require("resize-observer-polyfill"));
+import { useEffect, useRef } from 'react';
+import ResizeObserver from 'resize-observer-polyfill';
 /**
  * Hook for monitoring the resizing event of the target element.
  *
@@ -38,25 +7,22 @@ var resize_observer_polyfill_1 = __importDefault(require("resize-observer-polyfi
  * @param options See {@link Options}.
  * @param deps Additional dependencies.
  */
-function useResizeEffect(targetRef, _a, deps) {
-    var _b = _a === void 0 ? {} : _a, onResize = _b.onResize;
-    if (deps === void 0) { deps = []; }
-    var observerRef = (0, react_1.useRef)(undefined);
-    (0, react_1.useEffect)(function () {
-        observerRef.current = new resize_observer_polyfill_1.default(function () {
-            var element = targetRef.current;
+export function useResizeEffect(targetRef, { onResize } = {}, deps = []) {
+    const observerRef = useRef(undefined);
+    useEffect(() => {
+        observerRef.current = new ResizeObserver(() => {
+            const element = targetRef.current;
             if (!element)
                 return;
-            onResize === null || onResize === void 0 ? void 0 : onResize(element);
+            onResize?.(element);
         });
         if (observerRef.current && targetRef.current) {
             observerRef.current.observe(targetRef.current);
         }
-        return function () {
+        return () => {
             if (observerRef.current && targetRef.current) {
                 observerRef.current.unobserve(targetRef.current);
             }
         };
-    }, __spreadArray([targetRef.current], __read(deps), false));
+    }, [targetRef.current, ...deps]);
 }
-//# sourceMappingURL=useResizeEffect.js.map

package/hooks/useScrollPositionEffect.js

@@ -1,69 +1,38 @@
-"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.useScrollPositionEffect = useScrollPositionEffect;
-var react_1 = require("react");
-var spase_1 = require("spase");
-function useScrollPositionEffect(_a, deps) {
-    var onChange = _a.onChange;
-    if (deps === void 0) { deps = []; }
-    var handleScrollPositionChange = function () {
-        var newValue = getScrollPositionInfo();
+import { useEffect, useRef } from 'react';
+import { Point, Rect } from 'spase';
+export function useScrollPositionEffect({ onChange }, deps = []) {
+    const handleScrollPositionChange = () => {
+        const newValue = getScrollPositionInfo();
         if (!newValue)
             return;
         onChange(newValue, prevInfo.current);
         prevInfo.current = newValue;
     };
-    var getScrollPositionInfo = function () {
-        var refRect = spase_1.Rect.fromViewport();
-        var refRectMin = refRect.clone({ x: 0, y: 0 });
-        var refRectFull = spase_1.Rect.from(window, { overflow: true });
+    const getScrollPositionInfo = () => {
+        const refRect = Rect.fromViewport();
+        const refRectMin = refRect.clone({ x: 0, y: 0 });
+        const refRectFull = Rect.from(window, { overflow: true });
         if (!refRectFull)
             return undefined;
-        var refRectMax = refRectMin.clone({ x: refRectFull.width - refRect.width, y: refRectFull.height - refRect.height });
-        var step = new spase_1.Point([refRect.left / refRectMax.left, refRect.top / refRectMax.top]);
+        const refRectMax = refRectMin.clone({ x: refRectFull.width - refRect.width, y: refRectFull.height - refRect.height });
+        const step = new Point([refRect.left / refRectMax.left, refRect.top / refRectMax.top]);
         return {
-            minPos: new spase_1.Point([refRectMin.left, refRectMin.top]),
-            maxPos: new spase_1.Point([refRectMax.left, refRectMax.top]),
-            pos: new spase_1.Point([refRect.left, refRect.top]),
-            step: step,
+            minPos: new Point([refRectMin.left, refRectMin.top]),
+            maxPos: new Point([refRectMax.left, refRectMax.top]),
+            pos: new Point([refRect.left, refRect.top]),
+            step,
         };
     };
-    var prevInfo = (0, react_1.useRef)();
-    (0, react_1.useEffect)(function () {
+    const prevInfo = useRef();
+    useEffect(() => {
         window.addEventListener('scroll', handleScrollPositionChange);
         window.addEventListener('resize', handleScrollPositionChange);
         window.addEventListener('orientationchange', handleScrollPositionChange);
         handleScrollPositionChange();
-        return function () {
+        return () => {
             window.removeEventListener('scroll', handleScrollPositionChange);
             window.removeEventListener('resize', handleScrollPositionChange);
             window.removeEventListener('orientationchange', handleScrollPositionChange);
         };
-    }, __spreadArray([], __read(deps), false));
+    }, [...deps]);
 }
-//# sourceMappingURL=useScrollPositionEffect.js.map

package/hooks/useSearchParamState.js

@@ -1,24 +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;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useSearchParamState = useSearchParamState;
-var react_1 = require("react");
-var react_router_dom_1 = require("react-router-dom");
+import { useEffect, useState } from 'react';
+import { useSearchParams } from 'react-router-dom';
 /**
  * Hook for mapping a search param to a state. Whenever the value of the target
  * search param changes, the mapped state will change as well, and vice versa.
@@ -30,10 +11,8 @@ var react_router_dom_1 = require("react-router-dom");
  * @returns A tuple consisting of a stateful value representing the current
  *          value of the mapped state and a function that updates it.
  */
-function useSearchParamState(param, defaultValue, _a) {
-    var _b;
-    var _c = _a === void 0 ? {} : _a, mapSearchParamToState = _c.mapSearchParamToState, mapStateToSearchParam = _c.mapStateToSearchParam;
-    var defaultMapSearchParamToState = function (value, fallback) {
+export function useSearchParamState(param, defaultValue, { mapSearchParamToState, mapStateToSearchParam } = {}) {
+    const defaultMapSearchParamToState = (value, fallback) => {
         if (mapSearchParamToState) {
             return mapSearchParamToState(value);
         }
@@ -44,7 +23,7 @@ function useSearchParamState(param, defaultValue, _a) {
             return value;
         }
     };
-    var defaultMapStateToSearchParam = function (state) {
+    const defaultMapStateToSearchParam = (state) => {
         if (mapStateToSearchParam) {
             return mapStateToSearchParam(state);
         }
@@ -52,15 +31,15 @@ function useSearchParamState(param, defaultValue, _a) {
             return undefined;
         }
         else {
-            return "".concat(state);
+            return `${state}`;
         }
     };
-    var _d = __read((0, react_router_dom_1.useSearchParams)(), 2), searchParams = _d[0], setSearchParams = _d[1];
-    var currentState = defaultMapSearchParamToState((_b = searchParams.get(param)) !== null && _b !== void 0 ? _b : undefined, defaultValue);
-    var _e = __read((0, react_1.useState)(currentState), 2), state = _e[0], setState = _e[1];
-    (0, react_1.useEffect)(function () {
-        var value = searchParams.get(param);
-        var newValue = defaultMapStateToSearchParam(state);
+    const [searchParams, setSearchParams] = useSearchParams();
+    const currentState = defaultMapSearchParamToState(searchParams.get(param) ?? undefined, defaultValue);
+    const [state, setState] = useState(currentState);
+    useEffect(() => {
+        const value = searchParams.get(param);
+        const newValue = defaultMapStateToSearchParam(state);
         if (newValue === value)
             return;
         if (!newValue) {
@@ -73,4 +52,3 @@ function useSearchParamState(param, defaultValue, _a) {
     }, [state]);
     return [state, setState];
 }
-//# sourceMappingURL=useSearchParamState.js.map

package/hooks/useSize.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.useSize = useSize;
-var react_1 = require("react");
-var spase_1 = require("spase");
-var useResizeEffect_1 = require("./useResizeEffect");
+import { useState } from 'react';
+import { Rect } from 'spase';
+import { useResizeEffect } from './useResizeEffect.js';
 /**
  * Hook for monitoring changes in and returning the size of the target element.
  *
@@ -27,17 +8,16 @@ var useResizeEffect_1 = require("./useResizeEffect");
  *
  * @returns The most current {@link Size} of the target element.
  */
-function useSize(targetRef) {
-    var _a = __read((0, react_1.useState)(new spase_1.Rect()), 2), rect = _a[0], setRect = _a[1];
-    var handleResize = function (element) {
-        var newRect = spase_1.Rect.from(element);
+export function useSize(targetRef) {
+    const [rect, setRect] = useState(new Rect());
+    const handleResize = (element) => {
+        const newRect = Rect.from(element);
         if (!newRect)
             return;
         setRect(newRect);
     };
-    (0, useResizeEffect_1.useResizeEffect)(targetRef, {
-        onResize: function (element) { return handleResize(element); },
+    useResizeEffect(targetRef, {
+        onResize: element => handleResize(element),
     });
     return rect.size;
 }
-//# sourceMappingURL=useSize.js.map

package/hooks/useTimeout.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.useTimeout = useTimeout;
-var react_1 = require("react");
+import { useEffect, useRef } from 'react';
 /**
  * Hoook for invoking a method after a set timeout.
  *
@@ -35,17 +7,15 @@ var react_1 = require("react");
  *                `undefined` or less than 0, the timeout is disabled.
  * @param deps Dependencies that trigger this effect.
  */
-function useTimeout(handler, timeout, deps) {
-    if (deps === void 0) { deps = []; }
-    var handlerRef = (0, react_1.useRef)();
-    (0, react_1.useEffect)(function () {
+export function useTimeout(handler, timeout, deps = []) {
+    const handlerRef = useRef();
+    useEffect(() => {
         handlerRef.current = handler;
     }, [handler]);
-    (0, react_1.useEffect)(function () {
+    useEffect(() => {
         if (timeout === undefined || timeout < 0)
             return;
-        var timer = window.setTimeout(function () { var _a; return (_a = handlerRef.current) === null || _a === void 0 ? void 0 : _a.call(handlerRef); }, timeout);
-        return function () { return clearTimeout(timer); };
-    }, __spreadArray([timeout], __read(deps), false));
+        const timer = window.setTimeout(() => handlerRef.current?.(), timeout);
+        return () => clearTimeout(timer);
+    }, [timeout, ...deps]);
 }
-//# sourceMappingURL=useTimeout.js.map

package/hooks/useVideoSize.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.useVideoSize = useVideoSize;
-var react_1 = require("react");
-var spase_1 = require("spase");
-var useLoadVideoMetadataEffect_1 = require("./useLoadVideoMetadataEffect");
+import { useState } from 'react';
+import { Size } from 'spase';
+import { useLoadVideoMetadataEffect } from './useLoadVideoMetadataEffect.js';
 /**
  * Hook for retrieving the size of a video.
  *
@@ -29,28 +10,26 @@ var useLoadVideoMetadataEffect_1 = require("./useLoadVideoMetadataEffect");
  * @returns The actual size of the video if loading was successful, `undefined`
  *          otherwise.
  */
-function useVideoSize(_a, _b) {
-    var src = _a.src;
-    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 useVideoSize({ src }, { preservesSizeBetweenLoads = true, onLoadStart, onLoadComplete, onLoadError } = {}) {
+    const handleLoad = (element) => {
         if (!preservesSizeBetweenLoads)
             setSize(undefined);
-        onLoadStart === null || onLoadStart === void 0 ? void 0 : onLoadStart(element);
+        onLoadStart?.(element);
     };
-    var handleLoadComplete = function (element) {
+    const handleLoadComplete = (element) => {
         setSize(getSize(element));
-        onLoadComplete === null || onLoadComplete === void 0 ? void 0 : onLoadComplete(element);
+        onLoadComplete?.(element);
     };
-    var handleLoadError = function (element) {
+    const handleLoadError = (element) => {
         if (!preservesSizeBetweenLoads)
             setSize(undefined);
-        onLoadError === null || onLoadError === void 0 ? void 0 : onLoadError(element);
+        onLoadError?.(element);
     };
-    var _e = __read((0, react_1.useState)(undefined), 2), size = _e[0], setSize = _e[1];
-    (0, useLoadVideoMetadataEffect_1.useLoadVideoMetadataEffect)({ src: src }, {
-        onLoadStart: function (t) { return handleLoad(t); },
-        onLoadComplete: function (t) { return handleLoadComplete(t); },
-        onLoadError: function (t) { return handleLoadError(t); },
+    const [size, setSize] = useState(undefined);
+    useLoadVideoMetadataEffect({ src }, {
+        onLoadStart: t => handleLoad(t),
+        onLoadComplete: t => handleLoadComplete(t),
+        onLoadError: t => handleLoadError(t),
     });
     return size;
 }
@@ -61,6 +40,5 @@ function getSize(element) {
         return undefined;
     if (typeof element.videoHeight !== 'number')
         return undefined;
-    return new spase_1.Size([element.videoWidth, element.videoHeight]);
+    return new Size([element.videoWidth, element.videoHeight]);
 }
-//# sourceMappingURL=useVideoSize.js.map

package/hooks/useViewportSize.js

@@ -1,40 +1,20 @@
-"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.useViewportSize = useViewportSize;
-var react_1 = require("react");
-var spase_1 = require("spase");
+import { useEffect, useState } from 'react';
+import { Rect, Size } from 'spase';
 /**
  * Hook for returning the size of the viewport whenever it changes.
  *
  * @returns The most current viewport size.
  */
-function useViewportSize() {
-    var _a = __read((0, react_1.useState)(new spase_1.Size()), 2), size = _a[0], setSize = _a[1];
-    (0, react_1.useEffect)(function () {
+export function useViewportSize() {
+    const [size, setSize] = useState(new Size());
+    useEffect(() => {
         function onViewportResize() {
-            var viewportSize = spase_1.Rect.fromViewport().size;
+            const viewportSize = Rect.fromViewport().size;
             setSize(viewportSize);
         }
         window.addEventListener('resize', onViewportResize);
         onViewportResize();
-        return function () { return window.removeEventListener('resize', onViewportResize); };
+        return () => window.removeEventListener('resize', onViewportResize);
     }, []);
     return size;
 }
-//# sourceMappingURL=useViewportSize.js.map

package/operators/Conditional.js

@@ -1,18 +1,13 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Conditional = Conditional;
-var jsx_runtime_1 = require("react/jsx-runtime");
-function Conditional(_a) {
-    var children = _a.children, boolOrExpression = _a.if;
+import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
+export function Conditional({ children, if: boolOrExpression }) {
     switch (typeof boolOrExpression) {
         case 'boolean':
-            return boolOrExpression ? (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: children }) : (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {});
+            return boolOrExpression ? _jsx(_Fragment, { children: children }) : _jsx(_Fragment, {});
         case 'function':
-            return boolOrExpression() ? (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: children }) : (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {});
+            return boolOrExpression() ? _jsx(_Fragment, { children: children }) : _jsx(_Fragment, {});
         default:
-            console.error("[etudes::Conditional] The type of provided condition ".concat(boolOrExpression, " is not supported."));
-            return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {});
+            console.error(`[etudes::Conditional] The type of provided condition ${boolOrExpression} is not supported.`);
+            return _jsx(_Fragment, {});
     }
 }
 Object.defineProperty(Conditional, 'displayName', { value: 'Conditional', writable: false });
-//# sourceMappingURL=Conditional.js.map

package/operators/Each.js

@@ -1,18 +1,10 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Each = Each;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var react_1 = require("react");
-function Each(_a) {
-    var array = _a.in, children = _a.children, render = _a.render;
+import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
+import { Fragment } from 'react';
+export function Each({ in: array, children, render, }) {
     if (array === undefined || array === null)
-        return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {});
+        return _jsx(_Fragment, {});
     if (!(array instanceof Array))
-        throw TypeError("Provided list <".concat(array, "> is not an array"));
-    return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: array.map(function (v, i) {
-            var _a;
-            return ((0, jsx_runtime_1.jsx)(react_1.Fragment, { children: (_a = render === null || render === void 0 ? void 0 : render(v, i)) !== null && _a !== void 0 ? _a : (typeof children === 'function' ? children(v, i) : children) }, "item-".concat(i)));
-        }) }));
+        throw TypeError(`Provided list <${array}> is not an array`);
+    return (_jsx(_Fragment, { children: array.map((v, i) => (_jsx(Fragment, { children: render?.(v, i) ?? (typeof children === 'function' ? children(v, i) : children) }, `item-${i}`))) }));
 }
 Object.defineProperty(Each, 'displayName', { value: 'Each', writable: false });
-//# sourceMappingURL=Each.js.map