@koine/react 2.0.0-beta.16 → 2.0.0-beta.18

package/createUseMediaQueryWidth.js

@@ -1,3 +1,4 @@
+import { __read } from "tslib";
 import { useState } from "react";
 import { getMediaQueryWidthResolvers, isUndefined, } from "@koine/utils";
 import useIsomorphicLayoutEffect from "./useIsomorphicLayoutEffect.js";
@@ -5,16 +6,16 @@ export function createUseMediaQueryWidth(customBreakpoints) {
     var queryResolvers = getMediaQueryWidthResolvers(customBreakpoints);
     return function useMediaQueryWidth(media, serverValue) {
         var definition = media.substring(1);
-        var _a = definition.split("-"), rule = _a[0], ruleBreakpoint = _a[1];
+        var _a = __read(definition.split("-"), 2), rule = _a[0], ruleBreakpoint = _a[1];
         if (isUndefined(ruleBreakpoint)) {
             ruleBreakpoint = rule;
         }
         if (isUndefined(rule)) {
             rule = "min";
         }
-        var _b = ruleBreakpoint.split("_"), br1 = _b[0], br2 = _b[1];
+        var _b = __read(ruleBreakpoint.split("_"), 2), br1 = _b[0], br2 = _b[1];
         var query = queryResolvers[rule](br1, br2);
-        var _c = useState(isUndefined(serverValue) ? null : serverValue), matches = _c[0], setMatches = _c[1];
+        var _c = __read(useState(isUndefined(serverValue) ? null : serverValue), 2), matches = _c[0], setMatches = _c[1];
         useIsomorphicLayoutEffect(function () {
             var mq = window.matchMedia(query);
             var handleChange = function (event) {

package/package.json

@@ -2,8 +2,8 @@
   "name": "@koine/react",
   "sideEffects": false,
   "dependencies": {
-    "@koine/dom": "2.0.0-beta.16",
-    "@koine/utils": "2.0.0-beta.16"
+    "@koine/dom": "2.0.0-beta.18",
+    "@koine/utils": "2.0.0-beta.18"
   },
   "peerDependenciesMeta": {
     "@hookform/resolvers": {
@@ -655,5 +655,5 @@
     }
   },
   "peerDependencies": {},
-  "version": "2.0.0-beta.16"
+  "version": "2.0.0-beta.18"
 }

package/styles/media.js

@@ -1,11 +1,12 @@
 var _a;
+import { __read } from "tslib";
 import { useEffect, useState } from "react";
 import { breakpoints, useTheme } from "./theme.js";
 export var min = (_a = generateMediaQueries(breakpoints), _a.min), max = _a.max, up = _a.up, down = _a.down, between = _a.between, only = _a.only;
 export function useMedia(media) {
     var breakpoints = useTheme().breakpoints;
-    var _a = useState(false), matches = _a[0], setMatches = _a[1];
-    var _b = media.split(":"), _c = _b[0], direction = _c === void 0 ? "min" : _c, breakpoint = _b[1];
+    var _a = __read(useState(false), 2), matches = _a[0], setMatches = _a[1];
+    var _b = __read(media.split(":"), 2), _c = _b[0], direction = _c === void 0 ? "min" : _c, breakpoint = _b[1];
     var px = breakpoints[breakpoint];
     if (direction === "max") {
         px = px - 0.02;

package/styles/theme--vanilla.js

@@ -1,3 +1,4 @@
+import { __read } from "tslib";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { createContext, useEffect, useState } from "react";
 import { isBrowser } from "@koine/utils";
@@ -23,7 +24,7 @@ export var ThemeVanillaContext = createContext({
 });
 export var ThemeVanillaProvider = function (_a) {
     var initialTheme = _a.initialTheme, children = _a.children;
-    var _b = useState(initialTheme), theme = _b[0], setTheme = _b[1];
+    var _b = __read(useState(initialTheme), 2), theme = _b[0], setTheme = _b[1];
     var rawSetTheme = function (rawTheme) {
         if (!rawTheme || !isBrowser) {
             return;

package/styles/theme.js

@@ -1,4 +1,4 @@
-import { __assign } from "tslib";
+import { __assign, __read } from "tslib";
 import { useTheme as _useTheme } from "styled-components";
 var DEFAULT_BREAKPOINTS = {
     xs: 0,
@@ -10,7 +10,7 @@ var DEFAULT_BREAKPOINTS = {
 };
 export var breakpoints = process.env["BREAKPOINTS"]
     ? process.env["BREAKPOINTS"].split(",").reduce(function (map, pair) {
-        var _a = pair.split(":"), key = _a[0], value = _a[1];
+        var _a = __read(pair.split(":"), 2), key = _a[0], value = _a[1];
         map[key] = parseFloat(value);
         return map;
     }, {})

package/useAsyncFn.js

@@ -1,4 +1,4 @@
-import { __assign } from "tslib";
+import { __assign, __read, __spreadArray } from "tslib";
 import { useCallback, useRef, useState } from "react";
 import { useMountedState } from "./useMountedState.js";
 export function useAsyncFn(fn, deps, initialState) {
@@ -6,7 +6,7 @@ export function useAsyncFn(fn, deps, initialState) {
     if (initialState === void 0) { initialState = { loading: false }; }
     var lastCallId = useRef(0);
     var isMounted = useMountedState();
-    var _a = useState(initialState), state = _a[0], set = _a[1];
+    var _a = __read(useState(initialState), 2), state = _a[0], set = _a[1];
     var callback = useCallback(function () {
         var args = [];
         for (var _i = 0; _i < arguments.length; _i++) {
@@ -16,7 +16,7 @@ export function useAsyncFn(fn, deps, initialState) {
         if (!state.loading) {
             set(function (prevState) { return (__assign(__assign({}, prevState), { loading: true })); });
         }
-        return fn.apply(void 0, args).then(function (value) {
+        return fn.apply(void 0, __spreadArray([], __read(args), false)).then(function (value) {
             isMounted() &&
                 callId === lastCallId.current &&
                 set({ value: value, loading: false });

package/useDateLocale.js

@@ -1,10 +1,10 @@
-import { __awaiter, __generator } from "tslib";
+import { __awaiter, __generator, __read } from "tslib";
 import { useEffect, useState } from "react";
 export function useDateLocale(locale, defaultLocale) {
     var _this = this;
     if (defaultLocale === void 0) { defaultLocale = "en"; }
-    var _a = useState(), data = _a[0], setData = _a[1];
-    var _b = useState(defaultLocale), current = _b[0], setCurrent = _b[1];
+    var _a = __read(useState(), 2), data = _a[0], setData = _a[1];
+    var _b = __read(useState(defaultLocale), 2), current = _b[0], setCurrent = _b[1];
     useEffect(function () {
         var importLocaleFile = function () { return __awaiter(_this, void 0, void 0, function () {
             var localeToSet;

package/useInterval.js

@@ -1,4 +1,4 @@
-import { __spreadArray } from "tslib";
+import { __read, __spreadArray } from "tslib";
 import { useEffect, useRef } from "react";
 import { noop } from "@koine/utils";
 export function useInterval(callback, delay, deps) {
@@ -6,7 +6,7 @@ export function useInterval(callback, delay, deps) {
     var savedCallback = useRef();
     useEffect(function () {
         savedCallback.current = callback;
-    }, __spreadArray([callback], deps, true));
+    }, __spreadArray([callback], __read(deps), false));
     useEffect(function () {
         function tick() {
             if (savedCallback.current)

package/useKeyUp.js

@@ -1,4 +1,4 @@
-import { __spreadArray } from "tslib";
+import { __read, __spreadArray } from "tslib";
 import { useEffect } from "react";
 import { on } from "@koine/dom";
 export function useKeyUp(callback, deps) {
@@ -13,6 +13,6 @@ export function useKeyUp(callback, deps) {
             }
         });
         return listener;
-    }, __spreadArray([callback], deps, true));
+    }, __spreadArray([callback], __read(deps), false));
 }
 export default useKeyUp;

package/useMeasure.js

@@ -1,4 +1,4 @@
-import { __spreadArray } from "tslib";
+import { __read, __spreadArray } from "tslib";
 import { useEffect, useMemo, useRef, useState } from "react";
 import { debounce, noop } from "@koine/utils";
 import { listenResizeDebounced, listenScrollDebounced, off, on, } from "@koine/dom";
@@ -10,7 +10,7 @@ function findScrollContainers(element) {
     var _a = window.getComputedStyle(element), overflow = _a.overflow, overflowX = _a.overflowX, overflowY = _a.overflowY;
     if ([overflow, overflowX, overflowY].some(function (prop) { return prop === "auto" || prop === "scroll"; }))
         result.push(element);
-    return __spreadArray(__spreadArray([], result, true), findScrollContainers(element.parentElement), true);
+    return __spreadArray(__spreadArray([], __read(result), false), __read(findScrollContainers(element.parentElement)), false);
 }
 var keys = [
     "x",
@@ -27,7 +27,7 @@ var areBoundsEqual = function (a, b) {
 };
 export function useMeasure(options) {
     var _a = (options || {}).scroll, scroll = _a === void 0 ? false : _a;
-    var _b = useState({
+    var _b = __read(useState({
         left: 0,
         top: 0,
         width: 0,
@@ -36,7 +36,7 @@ export function useMeasure(options) {
         right: 0,
         x: 0,
         y: 0,
-    }), bounds = _b[0], setBounds = _b[1];
+    }), 2), bounds = _b[0], setBounds = _b[1];
     var state = useRef([
         null,
         null,
@@ -48,13 +48,13 @@ export function useMeasure(options) {
         mounted.current = true;
         return function () { return void (mounted.current = false); };
     }, []);
-    var _c = useMemo(function () {
+    var _c = __read(useMemo(function () {
         var callback = function () {
             var _args = [];
             for (var _i = 0; _i < arguments.length; _i++) {
                 _args[_i] = arguments[_i];
             }
-            var _a = state.current, element = _a[0], lastBounds = _a[3];
+            var _a = __read(state.current, 4), element = _a[0], lastBounds = _a[3];
             if (!element)
                 return;
             var size = element.getBoundingClientRect();
@@ -66,9 +66,9 @@ export function useMeasure(options) {
         };
         var debouncedCallback = debounce(callback);
         return [callback, debouncedCallback, debouncedCallback];
-    }, [setBounds]), forceRefresh = _c[0], scrollChange = _c[2];
+    }, [setBounds]), 3), forceRefresh = _c[0], scrollChange = _c[2];
     function removeListeners() {
-        var _a = state.current, scrollContainers = _a[1], resizeObserver = _a[2];
+        var _a = __read(state.current, 3), scrollContainers = _a[1], resizeObserver = _a[2];
         if (scrollContainers) {
             scrollContainers.forEach(function (element) {
                 return off(element, "scroll", scrollChange);
@@ -81,7 +81,7 @@ export function useMeasure(options) {
         }
     }
     function addListeners() {
-        var _a = state.current, element = _a[0], scrollContainers = _a[1];
+        var _a = __read(state.current, 2), element = _a[0], scrollContainers = _a[1];
         if (!element)
             return;
         if (!observer && ResizeObserver) {

package/usePrevious.js

@@ -1,6 +1,7 @@
+import { __read } from "tslib";
 import { useState } from "react";
 export function usePrevious(state, defaulValue) {
-    var _a = useState([state, defaulValue]), tuple = _a[0], setTuple = _a[1];
+    var _a = __read(useState([state, defaulValue]), 2), tuple = _a[0], setTuple = _a[1];
     if (tuple[1] !== state) {
         setTuple([tuple[1], state]);
     }

package/useScrollThreshold.js

@@ -1,8 +1,9 @@
+import { __read } from "tslib";
 import { useCallback, useEffect, useState } from "react";
 import { noop } from "@koine/utils";
 import { listenScroll } from "@koine/dom";
 export var useScrollThreshold = function (threshold, callback) {
-    var _a = useState(false), isBelow = _a[0], setIsBelow = _a[1];
+    var _a = __read(useState(false), 2), isBelow = _a[0], setIsBelow = _a[1];
     var handler = useCallback(function () {
         if (threshold) {
             var posY = window.scrollY;

package/useScrollTo.js

@@ -1,9 +1,10 @@
+import { __read } from "tslib";
 import { isBrowser } from "@koine/utils";
 import useHeader from "./Header/useHeader.js";
 export function useScrollTo(id, offset) {
     if (id === void 0) { id = ""; }
     if (offset === void 0) { offset = 0; }
-    var _a = useHeader(), headerHeight = _a[2];
+    var _a = __read(useHeader(), 3), headerHeight = _a[2];
     if (!isBrowser) {
         return;
     }

package/useSpinDelay.js

@@ -1,3 +1,4 @@
+import { __read } from "tslib";
 import { useEffect, useRef, useState } from "react";
 var State;
 (function (State) {
@@ -9,7 +10,7 @@ var State;
 export function useSpinDelay(loading, delay, minDuration) {
     if (delay === void 0) { delay = 500; }
     if (minDuration === void 0) { minDuration = 200; }
-    var _a = useState(State.IDLE), state = _a[0], setState = _a[1];
+    var _a = __read(useState(State.IDLE), 2), state = _a[0], setState = _a[1];
     var timeout = useRef();
     useEffect(function () {
         if (loading && state === State.IDLE) {

package/useTraceUpdate.js

@@ -1,9 +1,10 @@
+import { __read } from "tslib";
 import { useEffect, useRef } from "react";
 export function useTraceUpdate(props) {
     var prev = useRef(props);
     useEffect(function () {
         var changedProps = Object.entries(props).reduce(function (ps, _a) {
-            var k = _a[0], v = _a[1];
+            var _b = __read(_a, 2), k = _b[0], v = _b[1];
             if (prev.current[k] !== v) {
                 ps[k] = [prev.current[k], v];
             }

package/useWindowSize.js

@@ -1,8 +1,9 @@
+import { __read } from "tslib";
 import { useEffect, useState } from "react";
 import { listenResize, listenResizeDebounced } from "@koine/dom";
 export function useWindowSize(wait, immediate) {
-    var _a = useState(0), width = _a[0], widthSet = _a[1];
-    var _b = useState(0), height = _b[0], heightSet = _b[1];
+    var _a = __read(useState(0), 2), width = _a[0], widthSet = _a[1];
+    var _b = __read(useState(0), 2), height = _b[0], heightSet = _b[1];
     useEffect(function () {
         function updateSize() {
             widthSet(window.innerWidth);