@koine/react 2.0.0-beta.15 → 2.0.0-beta.17

package/styles/theme--vanilla.js

@@ -1,7 +1,8 @@
+import { __read } from "tslib";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { createContext, useEffect, useState } from "react";
-import isBrowser from "@koine/utils/isBrowser";
-import useUpdateEffect from "../hooks/useUpdateEffect.js";
+import { isBrowser } from "@koine/utils";
+import useUpdateEffect from "../useUpdateEffect.js";
 export var THEME_KEY = "theme";
 export var THEME_DEFAULT = "light";
 export var getInitialThemeFromClient = function () {
@@ -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/tw/index.d.ts

@@ -1,2 +1 @@
-export * from "../shared/index.js";
 export { KoineDialog, type KoineDialogProps } from "../Dialog/tw/bare.js";

package/tw/index.js

@@ -1,2 +1 @@
-export * from "../shared/index.js";
 export { KoineDialog } from "../Dialog/tw/bare.js";

package/twm/index.d.ts

@@ -1,2 +1 @@
-export * from "../shared/index.js";
 export { KoineDialog, type KoineDialogProps } from "../Dialog/tw/framer.js";

package/twm/index.js

@@ -1,2 +1 @@
-export * from "../shared/index.js";
 export { KoineDialog } from "../Dialog/tw/framer.js";

package/types.d.ts

@@ -7,3 +7,5 @@ export type Option = {
 };
 export type KoineComponentProps<BaseComponentProps, ExtendableProps> = BaseComponentProps & ExtendableProps;
 export type KoineComponent<Props = any> = string | React.ForwardRefExoticComponent<Props> | React.ExoticComponent<Props> | React.FC<Props> | ((props: Props) => JSX.Element);
+export type PromiseType<P extends Promise<any>> = P extends Promise<infer T> ? T : never;
+export type FunctionReturningPromise = (...args: any[]) => Promise<any>;

package/{hooks/useAsyncFn.js → 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/{hooks/useDateLocale.js → 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/{hooks/useFixedOffset.js → useFixedOffset.js}

@@ -1,9 +1,6 @@
 import { useRef } from "react";
-import debounce from "@koine/utils/debounce";
-import $each from "@koine/dom/$each";
-import calculateFixedOffset from "@koine/dom/calculateFixedOffset";
-import injectCss from "@koine/dom/injectCss";
-import listenResizeDebounced from "@koine/dom/listenResizeDebounced";
+import { debounce } from "@koine/utils";
+import { $each, calculateFixedOffset, injectCss, listenResizeDebounced, } from "@koine/dom";
 import useIsomorphicLayoutEffect from "./useIsomorphicLayoutEffect.js";
 var inject = function (value) {
     injectCss("useFixedOffset", "html{scroll-padding-top: ".concat(value, "px}"));

package/{hooks/useInterval.js → useInterval.js}

@@ -1,12 +1,12 @@
-import { __spreadArray } from "tslib";
+import { __read, __spreadArray } from "tslib";
 import { useEffect, useRef } from "react";
-import noop from "@koine/utils/noop";
+import { noop } from "@koine/utils";
 export function useInterval(callback, delay, deps) {
     if (deps === void 0) { 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/useIsomorphicLayoutEffect.d.ts

@@ -0,0 +1,3 @@
+import { useLayoutEffect } from "react";
+export declare const useIsomorphicLayoutEffect: typeof useLayoutEffect;
+export default useIsomorphicLayoutEffect;

package/{hooks/useIsomorphicLayoutEffect.js → useIsomorphicLayoutEffect.js}

@@ -1,5 +1,5 @@
 import { useEffect, useLayoutEffect } from "react";
-import isBrowser from "@koine/utils/isBrowser";
+import { isBrowser } from "@koine/utils";
 export var useIsomorphicLayoutEffect = isBrowser
     ? useLayoutEffect
     : useEffect;

package/{hooks/useKeyUp.js → useKeyUp.js}

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

package/{hooks/useMeasure.js → useMeasure.js}

@@ -1,11 +1,7 @@
-import { __spreadArray } from "tslib";
+import { __read, __spreadArray } from "tslib";
 import { useEffect, useMemo, useRef, useState } from "react";
-import debounce from "@koine/utils/debounce";
-import noop from "@koine/utils/noop";
-import listenResizeDebounced from "@koine/dom/listenResizeDebounced";
-import listenScrollDebounced from "@koine/dom/listenScrollDebounced";
-import off from "@koine/dom/off";
-import on from "@koine/dom/on";
+import { debounce, noop } from "@koine/utils";
+import { listenResizeDebounced, listenScrollDebounced, off, on, } from "@koine/dom";
 var observer;
 function findScrollContainers(element) {
     var result = [];
@@ -14,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",
@@ -31,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,
@@ -40,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,
@@ -52,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();
@@ -70,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);
@@ -85,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/{hooks/useNavigateAway.js → useNavigateAway.js}

@@ -1,5 +1,5 @@
 import { useEffect, useRef } from "react";
-import on from "@koine/dom/on";
+import { on } from "@koine/dom";
 export var useNavigateAway = function (handler) {
     var beforeUnloadHandlerRef = useRef();
     useEffect(function () {

package/{hooks/usePrevious.js → 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/{hooks/useScrollPosition.js → useScrollPosition.js}

@@ -1,6 +1,6 @@
 import { useRef } from "react";
-import isBrowser from "@koine/utils/isBrowser";
-import listenScroll from "@koine/dom/listenScroll";
+import { isBrowser } from "@koine/utils";
+import { listenScroll } from "@koine/dom";
 import useIsomorphicLayoutEffect from "./useIsomorphicLayoutEffect.js";
 var zeroPosition = { x: 0, y: 0 };
 var getClientRect = function (element) {

package/{hooks/useScrollThreshold.js → useScrollThreshold.js}

@@ -1,8 +1,9 @@
+import { __read } from "tslib";
 import { useCallback, useEffect, useState } from "react";
-import noop from "@koine/utils/noop";
-import listenScroll from "@koine/dom/listenScroll";
+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/{hooks/useScrollTo.js → useScrollTo.js}

@@ -1,9 +1,10 @@
-import isBrowser from "@koine/utils/isBrowser";
-import useHeader from "../Header/useHeader.js";
+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/{hooks/useSmoothScroll.js → useSmoothScroll.js}

@@ -1,7 +1,6 @@
 import { useCallback } from "react";
-import isNumber from "@koine/utils/isNumber";
-import getOffsetTopSlim from "@koine/dom/getOffsetTopSlim";
-import scrollTo from "@koine/dom/scrollTo";
+import { isNumber } from "@koine/utils";
+import { getOffsetTopSlim, scrollTo } from "@koine/dom";
 import useFixedOffset from "./useFixedOffset.js";
 export function useSmoothScroll(disregardAutomaticFixedOffset) {
     var fixedOffset = useFixedOffset();

package/{hooks/useSpinDelay.js → 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/{hooks/useTraceUpdate.js → 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/{hooks/useWindowSize.d.ts → useWindowSize.d.ts}

@@ -1,3 +1,3 @@
-import debounce from "@koine/utils/debounce";
+import { debounce } from "@koine/utils";
 export declare function useWindowSize(wait?: Parameters<typeof debounce>[1], immediate?: Parameters<typeof debounce>[2]): readonly [number, number];
 export default useWindowSize;

package/{hooks/useWindowSize.js → useWindowSize.js}

@@ -1,9 +1,9 @@
+import { __read } from "tslib";
 import { useEffect, useState } from "react";
-import listenResize from "@koine/dom/listenResize";
-import listenResizeDebounced from "@koine/dom/listenResizeDebounced";
+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);

package/Meta/index.d.ts

@@ -1,2 +0,0 @@
-export * from "./Meta.js";
-export { Meta as default } from "./Meta.js";

package/Meta/index.js

@@ -1,2 +0,0 @@
-export * from "./Meta.js";
-export { Meta as default } from "./Meta.js";

package/NoJs/index.d.ts

@@ -1,2 +0,0 @@
-export * from "./NoJs.js";
-export { NoJs as default } from "./NoJs.js";

package/NoJs/index.js

@@ -1,2 +0,0 @@
-export * from "./NoJs.js";
-export { NoJs as default } from "./NoJs.js";

package/helpers/index.d.ts

@@ -1,4 +0,0 @@
-export * from "./classed.js";
-export * from "./createUseMediaQueryWidth.js";
-export * from "./extend-component.js";
-export * from "./mergeRefs.js";

package/helpers/index.js

@@ -1,4 +0,0 @@
-export * from "./classed.js";
-export * from "./createUseMediaQueryWidth.js";
-export * from "./extend-component.js";
-export * from "./mergeRefs.js";

package/hooks/index.d.ts

@@ -1,20 +0,0 @@
-export { useAsyncFn, type UseAsyncFnReturn, type UseAsyncState, } from "./useAsyncFn.js";
-export { useDateLocale } from "./useDateLocale.js";
-export { useFirstMountState } from "./useFirstMountState.js";
-export { useFixedOffset } from "./useFixedOffset.js";
-export { useFocus } from "./useFocus.js";
-export { useInterval } from "./useInterval.js";
-export { useIsomorphicLayoutEffect } from "./useIsomorphicLayoutEffect.js";
-export { useKeyUp } from "./useKeyUp.js";
-export { useMeasure, type UseMeasureOptions, type UseMeasureReturn, } from "./useMeasure.js";
-export { useMountedState } from "./useMountedState.js";
-export { useNavigateAway, type UseNavigateAwayHandler, } from "./useNavigateAway.js";
-export { usePrevious } from "./usePrevious.js";
-export { usePreviousRef } from "./usePreviousRef.js";
-export { useScrollPosition } from "./useScrollPosition.js";
-export { useScrollThreshold } from "./useScrollThreshold.js";
-export { useSmoothScroll } from "./useSmoothScroll.js";
-export { useSpinDelay } from "./useSpinDelay.js";
-export { useTraceUpdate } from "./useTraceUpdate.js";
-export { useUpdateEffect } from "./useUpdateEffect.js";
-export { useWindowSize } from "./useWindowSize.js";

package/hooks/index.js

@@ -1,20 +0,0 @@
-export { useAsyncFn, } from "./useAsyncFn.js";
-export { useDateLocale } from "./useDateLocale.js";
-export { useFirstMountState } from "./useFirstMountState.js";
-export { useFixedOffset } from "./useFixedOffset.js";
-export { useFocus } from "./useFocus.js";
-export { useInterval } from "./useInterval.js";
-export { useIsomorphicLayoutEffect } from "./useIsomorphicLayoutEffect.js";
-export { useKeyUp } from "./useKeyUp.js";
-export { useMeasure, } from "./useMeasure.js";
-export { useMountedState } from "./useMountedState.js";
-export { useNavigateAway, } from "./useNavigateAway.js";
-export { usePrevious } from "./usePrevious.js";
-export { usePreviousRef } from "./usePreviousRef.js";
-export { useScrollPosition } from "./useScrollPosition.js";
-export { useScrollThreshold } from "./useScrollThreshold.js";
-export { useSmoothScroll } from "./useSmoothScroll.js";
-export { useSpinDelay } from "./useSpinDelay.js";
-export { useTraceUpdate } from "./useTraceUpdate.js";
-export { useUpdateEffect } from "./useUpdateEffect.js";
-export { useWindowSize } from "./useWindowSize.js";

package/hooks/types.d.ts

@@ -1,2 +0,0 @@
-export type PromiseType<P extends Promise<any>> = P extends Promise<infer T> ? T : never;
-export type FunctionReturningPromise = (...args: any[]) => Promise<any>;

package/hooks/types.js

@@ -1 +0,0 @@
-export {};

package/hooks/useIsomorphicLayoutEffect.d.ts

@@ -1,3 +0,0 @@
-import { useEffect } from "react";
-export declare const useIsomorphicLayoutEffect: typeof useEffect;
-export default useIsomorphicLayoutEffect;