@koine/react 2.0.0-beta.2 → 2.0.0-beta.5

package/hooks/useSpinDelay.mjs

@@ -1,6 +1,6 @@
-import { useEffect, useState, useRef } from "react";
+import { useEffect, useRef, useState } from "react";
 var State;
-(function (State) {
+(function(State) {
     State[State["IDLE"] = 0] = "IDLE";
     State[State["DELAY"] = 1] = "DELAY";
     State[State["DISPLAY"] = 2] = "DISPLAY";
@@ -17,34 +17,36 @@ var State;
  *
  * @param delay [500]
  * @param minDuration [200]
- */
-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 timeout = useRef();
-    useEffect(function () {
-        if (loading && state === State.IDLE) {
+ */ export function useSpinDelay(loading, delay = 500, minDuration = 200) {
+    const [state, setState] = useState(0);
+    const timeout = useRef();
+    useEffect(()=>{
+        if (loading && state === 0) {
             clearTimeout(timeout.current);
-            timeout.current = setTimeout(function () {
+            timeout.current = setTimeout(()=>{
                 if (!loading) {
-                    return setState(State.IDLE);
+                    return setState(0);
                 }
-                timeout.current = setTimeout(function () {
-                    setState(State.EXPIRE);
+                timeout.current = setTimeout(()=>{
+                    setState(3);
                 }, minDuration);
-                setState(State.DISPLAY);
+                setState(2);
             }, delay);
-            setState(State.DELAY);
+            setState(1);
         }
-        if (!loading && state !== State.DISPLAY) {
+        if (!loading && state !== 2) {
             clearTimeout(timeout.current);
-            setState(State.IDLE);
+            setState(0);
         }
-    }, [loading, state, delay, minDuration]);
-    useEffect(function () {
-        return function () { return clearTimeout(timeout.current); };
+    }, [
+        loading,
+        state,
+        delay,
+        minDuration
+    ]);
+    useEffect(()=>{
+        return ()=>clearTimeout(timeout.current);
     }, []);
-    return state === State.DISPLAY || state === State.EXPIRE;
+    return state === 2 || state === 3;
 }
 export default useSpinDelay;

package/hooks/useTraceUpdate.js

@@ -1,18 +1,32 @@
 "use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useTraceUpdate = void 0;
-var react_1 = require("react");
-/**
- * @see https://stackoverflow.com/a/51082563/9122820
- */
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    useTraceUpdate: function() {
+        return useTraceUpdate;
+    },
+    default: function() {
+        return _default;
+    }
+});
+const _react = require("react");
 function useTraceUpdate(props) {
-    var prev = (0, react_1.useRef)(props);
-    (0, react_1.useEffect)(function () {
-        var changedProps = Object.entries(props).reduce(function (ps, _a) {
-            var k = _a[0], v = _a[1];
+    const prev = (0, _react.useRef)(props);
+    (0, _react.useEffect)(()=>{
+        const changedProps = Object.entries(props).reduce((ps, [k, v])=>{
             if (prev.current[k] !== v) {
                 // @ts-expect-error Does not matter here...
-                ps[k] = [prev.current[k], v];
+                ps[k] = [
+                    prev.current[k],
+                    v
+                ];
             }
             return ps;
         }, {});
@@ -22,5 +36,4 @@ function useTraceUpdate(props) {
         prev.current = props;
     });
 }
-exports.useTraceUpdate = useTraceUpdate;
-exports.default = useTraceUpdate;
+const _default = useTraceUpdate;

package/hooks/useTraceUpdate.mjs

@@ -1,15 +1,16 @@
 import { useEffect, useRef } from "react";
 /**
  * @see https://stackoverflow.com/a/51082563/9122820
- */
-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];
+ */ export function useTraceUpdate(props) {
+    const prev = useRef(props);
+    useEffect(()=>{
+        const changedProps = Object.entries(props).reduce((ps, [k, v])=>{
             if (prev.current[k] !== v) {
                 // @ts-expect-error Does not matter here...
-                ps[k] = [prev.current[k], v];
+                ps[k] = [
+                    prev.current[k],
+                    v
+                ];
             }
             return ps;
         }, {});

package/hooks/useUpdateEffect.js

@@ -1,19 +1,30 @@
 "use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useUpdateEffect = void 0;
-var react_1 = require("react");
-var useFirstMountState_1 = require("./useFirstMountState");
-/**
- * @borrows [streamich/react-use](https://github.com/streamich/react-use/blob/master/src/useUpdateEffect.ts)
- */
-var useUpdateEffect = function (effect, deps) {
-    var isFirstMount = (0, useFirstMountState_1.useFirstMountState)();
-    (0, react_1.useEffect)(function () {
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    useUpdateEffect: function() {
+        return useUpdateEffect;
+    },
+    default: function() {
+        return _default;
+    }
+});
+const _react = require("react");
+const _useFirstMountState = require("./useFirstMountState");
+const useUpdateEffect = (effect, deps)=>{
+    const isFirstMount = (0, _useFirstMountState.useFirstMountState)();
+    (0, _react.useEffect)(()=>{
         if (!isFirstMount) {
             return effect();
         }
-        // eslint-disable-next-line react-hooks/exhaustive-deps
+    // eslint-disable-next-line react-hooks/exhaustive-deps
     }, deps);
 };
-exports.useUpdateEffect = useUpdateEffect;
-exports.default = exports.useUpdateEffect;
+const _default = useUpdateEffect;

package/hooks/useUpdateEffect.mjs

@@ -2,14 +2,13 @@ import { useEffect } from "react";
 import { useFirstMountState } from "./useFirstMountState";
 /**
  * @borrows [streamich/react-use](https://github.com/streamich/react-use/blob/master/src/useUpdateEffect.ts)
- */
-export var useUpdateEffect = function (effect, deps) {
-    var isFirstMount = useFirstMountState();
-    useEffect(function () {
+ */ export const useUpdateEffect = (effect, deps)=>{
+    const isFirstMount = useFirstMountState();
+    useEffect(()=>{
         if (!isFirstMount) {
             return effect();
         }
-        // eslint-disable-next-line react-hooks/exhaustive-deps
+    // eslint-disable-next-line react-hooks/exhaustive-deps
     }, deps);
 };
 export default useUpdateEffect;

package/hooks/useWindowSize.js

@@ -1,34 +1,43 @@
 "use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useWindowSize = void 0;
-var tslib_1 = require("tslib");
-var react_1 = require("react");
-var listenResize_1 = tslib_1.__importDefault(require("@koine/dom/listenResize"));
-var listenResizeDebounced_1 = tslib_1.__importDefault(require("@koine/dom/listenResizeDebounced"));
-/**
- * # Use `window` size
- *
- * @param args Optionally pass {@link debounce} arguments (`wait` and `immediate`)
- *
- * @returns An array with:
- * 1) _width_: using `window.innerWidth`
- * 2) _height_: using `window.innerHeight`
- */
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    useWindowSize: function() {
+        return useWindowSize;
+    },
+    default: function() {
+        return _default;
+    }
+});
+const _interop_require_default = require("@swc/helpers/_/_interop_require_default");
+const _react = require("react");
+const _listenResize = /*#__PURE__*/ _interop_require_default._(require("@koine/dom/listenResize"));
+const _listenResizeDebounced = /*#__PURE__*/ _interop_require_default._(require("@koine/dom/listenResizeDebounced"));
 function useWindowSize(wait, immediate) {
-    var _a = (0, react_1.useState)(0), width = _a[0], widthSet = _a[1];
-    var _b = (0, react_1.useState)(0), height = _b[0], heightSet = _b[1];
-    (0, react_1.useEffect)(function () {
+    const [width, widthSet] = (0, _react.useState)(0);
+    const [height, heightSet] = (0, _react.useState)(0);
+    (0, _react.useEffect)(()=>{
         function updateSize() {
             widthSet(window.innerWidth);
             heightSet(window.innerHeight);
         }
-        var listener = wait
-            ? (0, listenResizeDebounced_1.default)(0, updateSize, wait, immediate)
-            : (0, listenResize_1.default)(updateSize);
+        const listener = wait ? (0, _listenResizeDebounced.default)(0, updateSize, wait, immediate) : (0, _listenResize.default)(updateSize);
         updateSize();
         return listener;
-    }, [wait, immediate]);
-    return [width, height];
+    }, [
+        wait,
+        immediate
+    ]);
+    return [
+        width,
+        height
+    ];
 }
-exports.useWindowSize = useWindowSize;
-exports.default = useWindowSize;
+const _default = useWindowSize;

package/hooks/useWindowSize.mjs

@@ -9,21 +9,24 @@ import listenResizeDebounced from "@koine/dom/listenResizeDebounced";
  * @returns An array with:
  * 1) _width_: using `window.innerWidth`
  * 2) _height_: using `window.innerHeight`
- */
-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];
-    useEffect(function () {
+ */ export function useWindowSize(wait, immediate) {
+    const [width, widthSet] = useState(0);
+    const [height, heightSet] = useState(0);
+    useEffect(()=>{
         function updateSize() {
             widthSet(window.innerWidth);
             heightSet(window.innerHeight);
         }
-        var listener = wait
-            ? listenResizeDebounced(0, updateSize, wait, immediate)
-            : listenResize(updateSize);
+        const listener = wait ? listenResizeDebounced(0, updateSize, wait, immediate) : listenResize(updateSize);
         updateSize();
         return listener;
-    }, [wait, immediate]);
-    return [width, height];
+    }, [
+        wait,
+        immediate
+    ]);
+    return [
+        width,
+        height
+    ];
 }
 export default useWindowSize;

package/index.js

@@ -1,8 +1,10 @@
 "use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var tslib_1 = require("tslib");
-tslib_1.__exportStar(require("./shared"), exports);
-// we need to alias the star export otherwise the named exports would collide
-// export * as css from "./css";
-// export * as sc from "./sc";
-// export * as tw from "./tw";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+const _export_star = require("@swc/helpers/_/_export_star");
+_export_star._(require("./shared"), exports);
+ // we need to alias the star export otherwise the named exports would collide
+ // export * as css from "./css";
+ // export * as sc from "./sc";
+ // export * as tw from "./tw";

package/index.mjs

@@ -1,5 +1,4 @@
-export * from "./shared";
-// we need to alias the star export otherwise the named exports would collide
-// export * as css from "./css";
-// export * as sc from "./sc";
-// export * as tw from "./tw";
+export * from "./shared"; // we need to alias the star export otherwise the named exports would collide
+ // export * as css from "./css";
+ // export * as sc from "./sc";
+ // export * as tw from "./tw";

package/m/MotionProvider.js

@@ -1,43 +1,25 @@
 "use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.MotionProvider = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var framer_motion_1 = require("framer-motion");
-/**
- * `<LazyMotion />` provider wrapper from `framer-motion`
- *
- * @see https://www.framer.com/docs/guide-reduce-bundle-size/
- *
- * About the difference between `lite` and `max`
- * @see https://www.framer.com/docs/guide-reduce-bundle-size/#available-features
- *
- * @example
- *
- * `lite` version:
- * ```tsx
- * import { MotionProvider } from "@koine/react/m";
- *
- * const features = () => import("@koine/react/m/lite").then((m) => m.default);
- *
- * <MotionProvider features={features}>
- *   <App />
- * </MotionProvider>
- * ```
- *
- * ### `max` version
- * ```tsx
- * import { MotionProvider } from "@koine/react/m";
- *
- * const features = () => import("@koine/react/m/max").then((m) => m.default);
- *
- * <MotionProvider features={features}>
- *   <App />
- * </MotionProvider>
- * ```
- */
-var MotionProvider = function (_a) {
-    var features = _a.features, children = _a.children;
-    return (0, jsx_runtime_1.jsx)(framer_motion_1.LazyMotion, { features: features, children: children });
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    MotionProvider: function() {
+        return MotionProvider;
+    },
+    default: function() {
+        return _default;
+    }
+});
+const _framermotion = require("framer-motion");
+const MotionProvider = ({ features, children })=>{
+    return /*#__PURE__*/ React.createElement(_framermotion.LazyMotion, {
+        features: features
+    }, children);
 };
-exports.MotionProvider = MotionProvider;
-exports.default = exports.MotionProvider;
+const _default = MotionProvider;

package/m/MotionProvider.mjs

@@ -1,4 +1,3 @@
-import { jsx as _jsx } from "react/jsx-runtime";
 import { LazyMotion } from "framer-motion";
 /**
  * `<LazyMotion />` provider wrapper from `framer-motion`
@@ -31,9 +30,9 @@ import { LazyMotion } from "framer-motion";
  *   <App />
  * </MotionProvider>
  * ```
- */
-export var MotionProvider = function (_a) {
-    var features = _a.features, children = _a.children;
-    return _jsx(LazyMotion, { features: features, children: children });
+ */ export const MotionProvider = ({ features, children })=>{
+    return /*#__PURE__*/ React.createElement(LazyMotion, {
+        features: features
+    }, children);
 };
 export default MotionProvider;

package/m/index.js

@@ -1,9 +1,10 @@
-"use strict";
 /**
  * @file
  *
  * In this file we only have exports related to `framer-motion`
- */
-Object.defineProperty(exports, "__esModule", { value: true });
-var tslib_1 = require("tslib");
-tslib_1.__exportStar(require("./MotionProvider"), exports);
+ */ "use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+const _export_star = require("@swc/helpers/_/_export_star");
+_export_star._(require("./MotionProvider"), exports);

package/m/index.mjs

@@ -2,5 +2,4 @@
  * @file
  *
  * In this file we only have exports related to `framer-motion`
- */
-export * from "./MotionProvider";
+ */ export * from "./MotionProvider";

package/m/lite.js

@@ -1,4 +1,12 @@
 "use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var framer_motion_1 = require("framer-motion");
-exports.default = framer_motion_1.domAnimation;
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "default", {
+    enumerable: true,
+    get: function() {
+        return _default;
+    }
+});
+const _framermotion = require("framer-motion");
+const _default = _framermotion.domAnimation;

package/m/max.js

@@ -1,4 +1,12 @@
 "use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var framer_motion_1 = require("framer-motion");
-exports.default = framer_motion_1.domMax;
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "default", {
+    enumerable: true,
+    get: function() {
+        return _default;
+    }
+});
+const _framermotion = require("framer-motion");
+const _default = _framermotion.domMax;

package/package.json

@@ -48,27 +48,30 @@
   "dependencies": {
     "@kuus/yup": "1.0.0-beta.7",
     "@mui/base": "5.0.0-beta.4",
-    "@mui/utils": "5.13.1",
+    "@mui/utils": "^5.13.6",
     "@tiptap/react": "2.0.3",
     "@tiptap/starter-kit": "2.0.3",
-    "clsx": "1.2.1",
+    "clsx": "^1.2.1",
     "date-fns": "^2.30.0",
-    "framer-motion": "^10.12.16",
+    "framer-motion": "^10.12.17",
     "react": "^18.2.0",
-    "react-hook-form": "^7.44.3",
-    "react-icons": "^4.9.0",
+    "react-hook-form": "^7.45.0",
+    "react-icons": "^4.10.1",
     "react-swipeable": "^7.0.1",
     "styled-components": "^5.3.11",
     "ts-debounce": "^4.0.0",
     "tslib": "^2.5.3",
-    "type-fest": "^3.11.1"
-  },
-  "peerDependencies": {
-    "@koine/dom": "2.0.0-beta.2",
-    "@koine/utils": "2.0.0-beta.2"
+    "type-fest": "^3.12.0"
   },
+  "peerDependencies": {},
+  "module": "./index.mjs",
   "main": "./index.js",
+  "exports": {
+    ".": {
+      "import": "./index.js",
+      "require": "./index.js"
+    }
+  },
   "types": "./index.d.ts",
-  "version": "2.0.0-beta.2",
-  "module": "./index.mjs"
-}
+  "version": "2.0.0-beta.5"
+}

package/sc/index.js

@@ -1,37 +1,49 @@
 "use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.KoineForm = exports.KoineDialog = void 0;
-var tslib_1 = require("tslib");
-tslib_1.__exportStar(require("../shared"), exports);
-tslib_1.__exportStar(require("../Alert"), exports);
-tslib_1.__exportStar(require("../Animations"), exports);
-tslib_1.__exportStar(require("../Autocomplete"), exports);
-tslib_1.__exportStar(require("../Bg"), exports);
-tslib_1.__exportStar(require("../Breadcrumbs"), exports);
-tslib_1.__exportStar(require("../Buttons"), exports);
-tslib_1.__exportStar(require("../Carousel"), exports);
-tslib_1.__exportStar(require("../Collapsable"), exports);
-tslib_1.__exportStar(require("../Debug"), exports);
-var bare_1 = require("../Dialog/sc/bare");
-Object.defineProperty(exports, "KoineDialog", { enumerable: true, get: function () { return bare_1.KoineDialog; } });
-var bare_2 = require("../Form/sc/bare");
-Object.defineProperty(exports, "KoineForm", { enumerable: true, get: function () { return bare_2.KoineForm; } });
-tslib_1.__exportStar(require("../Forms"), exports);
-tslib_1.__exportStar(require("../Grid"), exports);
-tslib_1.__exportStar(require("../Hamburger"), exports);
-tslib_1.__exportStar(require("../Header"), exports);
-tslib_1.__exportStar(require("../Hidden"), exports);
-tslib_1.__exportStar(require("../Img"), exports);
-tslib_1.__exportStar(require("../Link"), exports);
-tslib_1.__exportStar(require("../MenuItem"), exports);
-tslib_1.__exportStar(require("../Pagination"), exports);
-tslib_1.__exportStar(require("../Pill"), exports);
-tslib_1.__exportStar(require("../Progress"), exports);
-tslib_1.__exportStar(require("../Rating"), exports);
-// export * from "../Select";
-tslib_1.__exportStar(require("../Sidebar"), exports);
-tslib_1.__exportStar(require("../Spacing"), exports);
-tslib_1.__exportStar(require("../Sticky"), exports);
-tslib_1.__exportStar(require("../styles"), exports);
-tslib_1.__exportStar(require("../Tabs"), exports);
-tslib_1.__exportStar(require("../Typography"), exports);
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    KoineDialog: function() {
+        return _bare.KoineDialog;
+    },
+    KoineForm: function() {
+        return _bare1.KoineForm;
+    }
+});
+const _export_star = require("@swc/helpers/_/_export_star");
+_export_star._(require("../shared"), exports);
+_export_star._(require("../Alert"), exports);
+_export_star._(require("../Animations"), exports);
+_export_star._(require("../Autocomplete"), exports);
+_export_star._(require("../Bg"), exports);
+_export_star._(require("../Breadcrumbs"), exports);
+_export_star._(require("../Buttons"), exports);
+_export_star._(require("../Carousel"), exports);
+_export_star._(require("../Collapsable"), exports);
+_export_star._(require("../Debug"), exports);
+const _bare = require("../Dialog/sc/bare");
+const _bare1 = require("../Form/sc/bare");
+_export_star._(require("../Forms"), exports);
+_export_star._(require("../Grid"), exports);
+_export_star._(require("../Hamburger"), exports);
+_export_star._(require("../Header"), exports);
+_export_star._(require("../Hidden"), exports);
+_export_star._(require("../Img"), exports);
+_export_star._(require("../Link"), exports);
+_export_star._(require("../MenuItem"), exports);
+_export_star._(require("../Pagination"), exports);
+_export_star._(require("../Pill"), exports);
+_export_star._(require("../Progress"), exports);
+_export_star._(require("../Rating"), exports);
+_export_star._(require("../Sidebar"), exports);
+_export_star._(require("../Spacing"), exports);
+_export_star._(require("../Sticky"), exports);
+_export_star._(require("../styles"), exports);
+_export_star._(require("../Tabs"), exports);
+_export_star._(require("../Typography"), exports);