@koine/react 1.1.9 → 1.1.10

package/node/hooks/useInterval.js

@@ -3,7 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.useInterval = void 0;
 var tslib_1 = require("tslib");
 var react_1 = require("react");
-var utils_1 = require("@koine/utils");
+var noop_1 = tslib_1.__importDefault(require("@koine/utils/noop"));
 /**
  * @borrows [dan abramov](https://overreacted.io/making-setinterval-declarative-with-react-hooks/)
  *
@@ -25,7 +25,7 @@ function useInterval(callback, delay, deps) {
             var id_1 = setInterval(tick, delay);
             return function () { return clearInterval(id_1); };
         }
-        return utils_1.noop;
+        return noop_1.default;
     }, [delay]);
 }
 exports.useInterval = useInterval;

package/node/hooks/useIsomorphicLayoutEffect.js

@@ -1,12 +1,13 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useIsomorphicLayoutEffect = void 0;
+var tslib_1 = require("tslib");
 var react_1 = require("react");
-var utils_1 = require("@koine/utils");
+var isBrowser_1 = tslib_1.__importDefault(require("@koine/utils/isBrowser"));
 /**
  * @borrows [streamich/react-use](https://github.com/streamich/react-use/blob/master/src/useFirstMountState.ts)
  */
-exports.useIsomorphicLayoutEffect = utils_1.isBrowser
+exports.useIsomorphicLayoutEffect = isBrowser_1.default
     ? react_1.useLayoutEffect
     : react_1.useEffect;
 exports.default = exports.useIsomorphicLayoutEffect;

package/node/hooks/useKeyUp.js

@@ -3,11 +3,11 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.useKeyUp = void 0;
 var tslib_1 = require("tslib");
 var react_1 = require("react");
-var dom_1 = require("@koine/dom");
+var on_1 = tslib_1.__importDefault(require("@koine/dom/on"));
 function useKeyUp(callback, deps) {
     if (deps === void 0) { deps = []; }
     (0, react_1.useEffect)(function () {
-        var listener = (0, dom_1.on)(window, "keyup", function (event) {
+        var listener = (0, on_1.default)(window, "keyup", function (event) {
             // const { key } = event;
             // be sure we do not intercept keys combinations maybe used for other
             // actions like native browser navigation shortcuts

package/node/hooks/useMeasure.js

@@ -3,8 +3,12 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.useMeasure = void 0;
 var tslib_1 = require("tslib");
 var react_1 = require("react");
-var utils_1 = require("@koine/utils");
-var dom_1 = require("@koine/dom");
+var debounce_1 = tslib_1.__importDefault(require("@koine/utils/debounce"));
+var noop_1 = tslib_1.__importDefault(require("@koine/utils/noop"));
+var listenResizeDebounced_1 = tslib_1.__importDefault(require("@koine/dom/listenResizeDebounced"));
+var listenScrollDebounced_1 = tslib_1.__importDefault(require("@koine/dom/listenScrollDebounced"));
+var on_1 = tslib_1.__importDefault(require("@koine/dom/on"));
+var off_1 = tslib_1.__importDefault(require("@koine/dom/off"));
 var observer;
 // Returns a list of scroll offsets
 function findScrollContainers(element) {
@@ -84,7 +88,7 @@ function useMeasure(options) {
                 setBounds(size);
             }
         };
-        var debouncedCallback = (0, utils_1.debounce)(callback);
+        var debouncedCallback = (0, debounce_1.default)(callback);
         return [callback, debouncedCallback, debouncedCallback];
     }, [setBounds /* , offsetSize */]), forceRefresh = _c[0] /* resizeChange */, scrollChange = _c[2];
     // cleanup current scroll-listeners / observers
@@ -92,7 +96,7 @@ function useMeasure(options) {
         var _a = state.current, scrollContainers = _a[1], resizeObserver = _a[2];
         if (scrollContainers) {
             scrollContainers.forEach(function (element) {
-                return (0, dom_1.off)(element, "scroll", scrollChange);
+                return (0, off_1.default)(element, "scroll", scrollChange);
             });
             state.current[1] = null;
         }
@@ -112,7 +116,7 @@ function useMeasure(options) {
             observer.observe(element);
             if (scroll && scrollContainers) {
                 scrollContainers.forEach(function (scrollContainer) {
-                    return (0, dom_1.on)(scrollContainer, "scroll", scrollChange, {
+                    return (0, on_1.default)(scrollContainer, "scroll", scrollChange, {
                         capture: true,
                         passive: true,
                     });
@@ -137,15 +141,15 @@ function useMeasure(options) {
     // });
     (0, react_1.useEffect)(function () {
         if (scroll) {
-            var listener = (0, dom_1.listenScrollDebounced)(0, forceRefresh, 100);
+            var listener = (0, listenScrollDebounced_1.default)(0, forceRefresh, 100);
             return listener;
         }
-        return utils_1.noop;
+        return noop_1.default;
     }, [scroll, forceRefresh]);
     (0, react_1.useEffect)(function () {
         // const listener = listenResizeDebounced(onWindowResize);
         // return listener;
-        var listener = (0, dom_1.listenResizeDebounced)(0, forceRefresh, 100);
+        var listener = (0, listenResizeDebounced_1.default)(0, forceRefresh, 100);
         return listener;
     }, [forceRefresh]);
     // respond to changes that are relevant for the listeners

package/node/hooks/useNavigateAway.js

@@ -1,8 +1,9 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useNavigateAway = void 0;
+var tslib_1 = require("tslib");
 var react_1 = require("react");
-var dom_1 = require("@koine/dom");
+var on_1 = tslib_1.__importDefault(require("@koine/dom/on"));
 // type UseNavigateAwayPagehideHandler = (event: PageTransitionEvent) => unknown;
 /**
  * @resources
@@ -57,7 +58,7 @@ var useNavigateAway = function (handler) {
         // };
     }, [handler]);
     (0, react_1.useEffect)(function () {
-        var listenerBeforeunload = (0, dom_1.on)(window, "beforeunload", function (event) { var _a; return (_a = beforeUnloadHandlerRef.current) === null || _a === void 0 ? void 0 : _a.call(beforeUnloadHandlerRef, event); });
+        var listenerBeforeunload = (0, on_1.default)(window, "beforeunload", function (event) { var _a; return (_a = beforeUnloadHandlerRef.current) === null || _a === void 0 ? void 0 : _a.call(beforeUnloadHandlerRef, event); });
         // const listenerPagehide = on(window, "pagehide", (event) =>
         //   pagehideHandlerRef.current?.(event)
         // );

package/node/hooks/useScrollPosition.js

@@ -1,16 +1,17 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useScrollPosition = void 0;
+var tslib_1 = require("tslib");
 var react_1 = require("react");
-var utils_1 = require("@koine/utils");
-var useIsomorphicLayoutEffect_1 = require("./useIsomorphicLayoutEffect");
-var dom_1 = require("@koine/dom");
+var isBrowser_1 = tslib_1.__importDefault(require("@koine/utils/isBrowser"));
+var listenScroll_1 = tslib_1.__importDefault(require("@koine/dom/listenScroll"));
+var useIsomorphicLayoutEffect_1 = tslib_1.__importDefault(require("./useIsomorphicLayoutEffect"));
 var zeroPosition = { x: 0, y: 0 };
 var getClientRect = function (element) {
     return element === null || element === void 0 ? void 0 : element.getBoundingClientRect();
 };
 var getScrollPosition = function (element, boundingElement) {
-    if (!utils_1.isBrowser) {
+    if (!isBrowser_1.default) {
         return zeroPosition;
     }
     if (!boundingElement) {
@@ -45,8 +46,8 @@ var useScrollPosition = function (effect, deps, element, boundingElement, wait)
         position.current = current;
         throttleTimeout = null;
     };
-    (0, useIsomorphicLayoutEffect_1.useIsomorphicLayoutEffect)(function () {
-        if (!utils_1.isBrowser) {
+    (0, useIsomorphicLayoutEffect_1.default)(function () {
+        if (!isBrowser_1.default) {
             return undefined;
         }
         var handleScroll = function () {
@@ -59,7 +60,7 @@ var useScrollPosition = function (effect, deps, element, boundingElement, wait)
                 callBack();
             }
         };
-        var listener = (0, dom_1.listenScroll)(handleScroll, boundingElement === null || boundingElement === void 0 ? void 0 : boundingElement.current);
+        var listener = (0, listenScroll_1.default)(handleScroll, boundingElement === null || boundingElement === void 0 ? void 0 : boundingElement.current);
         return function () {
             listener();
             if (throttleTimeout) {

package/node/hooks/useScrollThreshold.js

@@ -1,9 +1,10 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useScrollThreshold = void 0;
+var tslib_1 = require("tslib");
 var react_1 = require("react");
-var utils_1 = require("@koine/utils");
-var dom_1 = require("@koine/dom");
+var noop_1 = tslib_1.__importDefault(require("@koine/utils/noop"));
+var listenScroll_1 = tslib_1.__importDefault(require("@koine/dom/listenScroll"));
 var useScrollThreshold = function (threshold, callback) {
     var _a = (0, react_1.useState)(false), isBelow = _a[0], setIsBelow = _a[1];
     var handler = (0, react_1.useCallback)(function () {
@@ -20,11 +21,11 @@ var useScrollThreshold = function (threshold, callback) {
     (0, react_1.useEffect)(function () {
         if (threshold) {
             // const listener = listenScrollThrottled(0, handler, 50);
-            var listener = (0, dom_1.listenScroll)(handler);
+            var listener = (0, listenScroll_1.default)(handler);
             handler();
             return listener;
         }
-        return utils_1.noop;
+        return noop_1.default;
     }, [threshold, handler]);
     return isBelow;
 };

package/node/hooks/useScrollTo.js

@@ -1,13 +1,14 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useScrollTo = void 0;
-var utils_1 = require("@koine/utils");
-var useHeader_1 = require("../Header/useHeader");
+var tslib_1 = require("tslib");
+var isBrowser_1 = tslib_1.__importDefault(require("@koine/utils/isBrowser"));
+var useHeader_1 = tslib_1.__importDefault(require("../Header/useHeader"));
 function useScrollTo(id, offset) {
     if (id === void 0) { id = ""; }
     if (offset === void 0) { offset = 0; }
-    var _a = (0, useHeader_1.useHeader)(), headerHeight = _a[2];
-    if (!utils_1.isBrowser) {
+    var _a = (0, useHeader_1.default)(), headerHeight = _a[2];
+    if (!isBrowser_1.default) {
         return;
     }
     var headerOffset = headerHeight || 0;

package/node/hooks/useSmoothScroll.js

@@ -1,10 +1,12 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useSmoothScroll = void 0;
+var tslib_1 = require("tslib");
 var react_1 = require("react");
-var utils_1 = require("@koine/utils");
-var dom_1 = require("@koine/dom");
-var useFixedOffset_1 = require("./useFixedOffset");
+var isNumber_1 = tslib_1.__importDefault(require("@koine/utils/isNumber"));
+var getOffsetTopSlim_1 = tslib_1.__importDefault(require("@koine/dom/getOffsetTopSlim"));
+var scrollTo_1 = tslib_1.__importDefault(require("@koine/dom/scrollTo"));
+var useFixedOffset_1 = tslib_1.__importDefault(require("./useFixedOffset"));
 /**
  *
  * @param disregardAutomaticFixedOffset When the `to` scroll argument is a DOM
@@ -12,28 +14,28 @@ var useFixedOffset_1 = require("./useFixedOffset");
  * @returns
  */
 function useSmoothScroll(disregardAutomaticFixedOffset) {
-    var fixedOffset = (0, useFixedOffset_1.useFixedOffset)();
+    var fixedOffset = (0, useFixedOffset_1.default)();
     var scroll = (0, react_1.useCallback)(function (to, customOffset, callback, fallbackTimeout, behavior) {
         var top = undefined;
         var toIsElement = false;
-        if ((0, utils_1.isNumber)(to)) {
+        if ((0, isNumber_1.default)(to)) {
             top = to;
         }
         else if (to) {
             var el = document.getElementById(to);
             if (el) {
-                top = (0, dom_1.getOffsetTopSlim)(el) - fixedOffset.current;
+                top = (0, getOffsetTopSlim_1.default)(el) - fixedOffset.current;
                 toIsElement = true;
             }
         }
-        if ((0, utils_1.isNumber)(top)) {
+        if ((0, isNumber_1.default)(top)) {
             top =
                 top +
                     (customOffset || 0) +
                     (disregardAutomaticFixedOffset || toIsElement
                         ? 0
                         : fixedOffset.current);
-            (0, dom_1.scrollTo)(top, callback, fallbackTimeout, behavior);
+            (0, scrollTo_1.default)(top, callback, fallbackTimeout, behavior);
         }
     }, [disregardAutomaticFixedOffset, fixedOffset]);
     return scroll;

package/node/hooks/useWindowSize.js

@@ -1,8 +1,10 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useWindowSize = void 0;
+var tslib_1 = require("tslib");
 var react_1 = require("react");
-var dom_1 = require("@koine/dom");
+var listenResize_1 = tslib_1.__importDefault(require("@koine/dom/listenResize"));
+var listenResizeDebounced_1 = tslib_1.__importDefault(require("@koine/dom/listenResizeDebounced"));
 /**
  * # Use `window` size
  *
@@ -21,8 +23,8 @@ function useWindowSize(wait, immediate) {
             heightSet(window.innerHeight);
         }
         var listener = wait
-            ? (0, dom_1.listenResizeDebounced)(0, updateSize, wait, immediate)
-            : (0, dom_1.listenResize)(updateSize);
+            ? (0, listenResizeDebounced_1.default)(0, updateSize, wait, immediate)
+            : (0, listenResize_1.default)(updateSize);
         updateSize();
         return listener;
     }, [wait, immediate]);

package/node/styles/theme--vanilla.js

@@ -4,13 +4,16 @@ exports.ThemeVanillaProvider = exports.ThemeVanillaContext = exports.getInitialT
 var tslib_1 = require("tslib");
 var jsx_runtime_1 = require("react/jsx-runtime");
 var react_1 = require("react");
-var utils_1 = require("@koine/utils");
-var hooks_1 = require("../hooks");
+var isBrowser_1 = tslib_1.__importDefault(require("@koine/utils/isBrowser"));
+var setCookie_1 = tslib_1.__importDefault(require("@koine/utils/setCookie"));
+var parseCookie_1 = tslib_1.__importDefault(require("@koine/utils/parseCookie"));
+var useMount_1 = tslib_1.__importDefault(require("../hooks/useMount"));
+var useUpdateEffect_1 = tslib_1.__importDefault(require("../hooks/useUpdateEffect"));
 exports.THEME_KEY = "theme";
 exports.THEME_DEFAULT = "light";
 var getInitialThemeFromRequest = function (cookie) {
     if (cookie) {
-        var parsed = (0, utils_1.parseCookie)(cookie);
+        var parsed = (0, parseCookie_1.default)(cookie);
         return parsed === null || parsed === void 0 ? void 0 : parsed.theme;
     }
     return exports.THEME_DEFAULT;
@@ -38,7 +41,7 @@ var ThemeVanillaProvider = function (_a) {
     var initialTheme = _a.initialTheme, children = _a.children;
     var _b = (0, react_1.useState)(initialTheme), theme = _b[0], setTheme = _b[1];
     var rawSetTheme = function (rawTheme) {
-        if (!rawTheme || !utils_1.isBrowser) {
+        if (!rawTheme || !isBrowser_1.default) {
             return;
         }
         var root = window.document.documentElement;
@@ -46,14 +49,14 @@ var ThemeVanillaProvider = function (_a) {
         root.classList.remove(isDark ? "light" : "dark");
         root.classList.add(rawTheme);
         localStorage.setItem(exports.THEME_KEY, rawTheme);
-        (0, utils_1.setCookie)(exports.THEME_KEY, rawTheme);
+        (0, setCookie_1.default)(exports.THEME_KEY, rawTheme);
     };
-    (0, hooks_1.useMount)(function () {
+    (0, useMount_1.default)(function () {
         var theme = (0, exports.getInitialThemeFromClient)();
         setTheme(theme);
         rawSetTheme(theme);
     });
-    (0, hooks_1.useUpdateEffect)(function () {
+    (0, useUpdateEffect_1.default)(function () {
         rawSetTheme(theme);
     }, [theme]);
     return ((0, jsx_runtime_1.jsx)(exports.ThemeVanillaContext.Provider, tslib_1.__assign({ value: { theme: theme, setTheme: setTheme } }, { children: children })));

package/package.json

@@ -53,20 +53,20 @@
     "framer-motion": "8.5.5",
     "react": "18.2.0",
     "@mui/base": "5.0.0-alpha.115",
-    "@koine/utils": "1.1.9",
-    "ts-debounce": "4.0.0",
-    "type-fest": "3.5.3",
+    "@koine/utils": "1.1.10",
     "react-icons": "4.7.1",
     "date-fns": "2.29.3",
     "react-swipeable": "7.0.0",
+    "ts-debounce": "4.0.0",
+    "type-fest": "3.5.3",
     "@tiptap/react": "2.0.0-beta.209",
     "@tiptap/starter-kit": "2.0.0-beta.209",
     "@kuus/yup": "1.0.0-beta.7",
     "react-hook-form": "7.42.1",
-    "@koine/dom": "1.1.9",
+    "@mui/utils": "5.11.2",
     "react-popper": "2.3.0",
     "tslib": "2.5.0"
   },
-  "version": "1.1.9",
+  "version": "1.1.10",
   "module": "./index.js"
 }

package/styles/theme--vanilla.js

@@ -1,8 +1,11 @@
 import { __assign } from "tslib";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { createContext, useState } from "react";
-import { isBrowser, setCookie, parseCookie } from "@koine/utils";
-import { useMount, useUpdateEffect } from "../hooks";
+import isBrowser from "@koine/utils/isBrowser";
+import setCookie from "@koine/utils/setCookie";
+import parseCookie from "@koine/utils/parseCookie";
+import useMount from "../hooks/useMount";
+import useUpdateEffect from "../hooks/useUpdateEffect";
 export var THEME_KEY = "theme";
 export var THEME_DEFAULT = "light";
 export var getInitialThemeFromRequest = function (cookie) {