@koine/react 2.0.0-beta.10 → 2.0.0-beta.11

package/hooks/useScrollThreshold.js

@@ -1,52 +0,0 @@
-"use strict";
-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, {
-    useScrollThreshold: function() {
-        return useScrollThreshold;
-    },
-    default: function() {
-        return _default;
-    }
-});
-const _interop_require_default = require("@swc/helpers/_/_interop_require_default");
-const _react = require("react");
-const _noop = /*#__PURE__*/ _interop_require_default._(require("@koine/utils/noop"));
-const _listenScroll = /*#__PURE__*/ _interop_require_default._(require("@koine/dom/listenScroll"));
-const useScrollThreshold = (threshold, callback)=>{
-    const [isBelow, setIsBelow] = (0, _react.useState)(false);
-    const handler = (0, _react.useCallback)(()=>{
-        if (threshold) {
-            const posY = window.scrollY; // * -1;
-            const isAbove = posY < threshold;
-            const isBelow = posY > threshold;
-            // console.log("useScrollThreshold setIsBelow", isBelow, posY, threshold);
-            setIsBelow(isBelow);
-            if (callback) callback(isAbove, isBelow);
-        }
-    }, [
-        threshold,
-        callback
-    ]);
-    (0, _react.useEffect)(()=>{
-        if (threshold) {
-            // const listener = listenScrollThrottled(0, handler, 50);
-            const listener = (0, _listenScroll.default)(handler);
-            handler();
-            return listener;
-        }
-        return _noop.default;
-    }, [
-        threshold,
-        handler
-    ]);
-    return isBelow;
-};
-const _default = useScrollThreshold;

package/hooks/useScrollTo.js

@@ -1,39 +0,0 @@
-"use strict";
-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, {
-    useScrollTo: function() {
-        return useScrollTo;
-    },
-    default: function() {
-        return _default;
-    }
-});
-const _interop_require_default = require("@swc/helpers/_/_interop_require_default");
-const _isBrowser = /*#__PURE__*/ _interop_require_default._(require("@koine/utils/isBrowser"));
-const _useHeader = /*#__PURE__*/ _interop_require_default._(require("../Header/useHeader"));
-function useScrollTo(id = "", offset = 0) {
-    const [, , headerHeight] = (0, _useHeader.default)();
-    if (!_isBrowser.default) {
-        return;
-    }
-    const headerOffset = headerHeight || 0;
-    let element = document.getElementById(id);
-    let top = 0;
-    if (element && element.offsetParent) {
-        do {
-            top += element.offsetTop;
-        }while (element = element.offsetParent)
-    }
-    top -= offset;
-    top -= headerOffset;
-    window.scroll(0, top);
-}
-const _default = useScrollTo;

package/hooks/useSmoothScroll.js

@@ -1,49 +0,0 @@
-"use strict";
-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, {
-    useSmoothScroll: function() {
-        return useSmoothScroll;
-    },
-    default: function() {
-        return _default;
-    }
-});
-const _interop_require_default = require("@swc/helpers/_/_interop_require_default");
-const _react = require("react");
-const _isNumber = /*#__PURE__*/ _interop_require_default._(require("@koine/utils/isNumber"));
-const _getOffsetTopSlim = /*#__PURE__*/ _interop_require_default._(require("@koine/dom/getOffsetTopSlim"));
-const _scrollTo = /*#__PURE__*/ _interop_require_default._(require("@koine/dom/scrollTo"));
-const _useFixedOffset = /*#__PURE__*/ _interop_require_default._(require("./useFixedOffset"));
-function useSmoothScroll(disregardAutomaticFixedOffset) {
-    const fixedOffset = (0, _useFixedOffset.default)();
-    const scroll = (0, _react.useCallback)((to, customOffset, callback, fallbackTimeout, behavior)=>{
-        let top = undefined;
-        let toIsElement = false;
-        if ((0, _isNumber.default)(to)) {
-            top = to;
-        } else if (to) {
-            const el = document.getElementById(to);
-            if (el) {
-                top = (0, _getOffsetTopSlim.default)(el) - fixedOffset.current;
-                toIsElement = true;
-            }
-        }
-        if ((0, _isNumber.default)(top)) {
-            top = top + (customOffset || 0) + (disregardAutomaticFixedOffset || toIsElement ? 0 : fixedOffset.current);
-            (0, _scrollTo.default)(top, callback, fallbackTimeout, behavior);
-        }
-    }, [
-        disregardAutomaticFixedOffset,
-        fixedOffset
-    ]);
-    return scroll;
-}
-const _default = useSmoothScroll;

package/hooks/useSpinDelay.js

@@ -1,59 +0,0 @@
-"use strict";
-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, {
-    useSpinDelay: function() {
-        return useSpinDelay;
-    },
-    default: function() {
-        return _default;
-    }
-});
-const _react = require("react");
-var State;
-(function(State) {
-    State[State["IDLE"] = 0] = "IDLE";
-    State[State["DELAY"] = 1] = "DELAY";
-    State[State["DISPLAY"] = 2] = "DISPLAY";
-    State[State["EXPIRE"] = 3] = "EXPIRE";
-})(State || (State = {}));
-function useSpinDelay(loading, delay = 500, minDuration = 200) {
-    const [state, setState] = (0, _react.useState)(0);
-    const timeout = (0, _react.useRef)();
-    (0, _react.useEffect)(()=>{
-        if (loading && state === 0) {
-            clearTimeout(timeout.current);
-            timeout.current = setTimeout(()=>{
-                if (!loading) {
-                    return setState(0);
-                }
-                timeout.current = setTimeout(()=>{
-                    setState(3);
-                }, minDuration);
-                setState(2);
-            }, delay);
-            setState(1);
-        }
-        if (!loading && state !== 2) {
-            clearTimeout(timeout.current);
-            setState(0);
-        }
-    }, [
-        loading,
-        state,
-        delay,
-        minDuration
-    ]);
-    (0, _react.useEffect)(()=>{
-        return ()=>clearTimeout(timeout.current);
-    }, []);
-    return state === 2 || state === 3;
-}
-const _default = useSpinDelay;

package/hooks/useTraceUpdate.js

@@ -1,39 +0,0 @@
-"use strict";
-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) {
-    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
-                ];
-            }
-            return ps;
-        }, {});
-        if (Object.keys(changedProps).length > 0) {
-            console.info("[@koine/react:useTraceUpdate] changed props:", changedProps);
-        }
-        prev.current = props;
-    });
-}
-const _default = useTraceUpdate;

package/hooks/useUpdateEffect.js

@@ -1,30 +0,0 @@
-"use strict";
-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
-    }, deps);
-};
-const _default = useUpdateEffect;

package/hooks/useWindowSize.js

@@ -1,43 +0,0 @@
-"use strict";
-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) {
-    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);
-        }
-        const listener = wait ? (0, _listenResizeDebounced.default)(0, updateSize, wait, immediate) : (0, _listenResize.default)(updateSize);
-        updateSize();
-        return listener;
-    }, [
-        wait,
-        immediate
-    ]);
-    return [
-        width,
-        height
-    ];
-}
-const _default = useWindowSize;

package/index.js

@@ -1,10 +0,0 @@
-"use strict";
-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/m/MotionProvider.js

@@ -1,27 +0,0 @@
-"use strict";
-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 _jsxruntime = require("react/jsx-runtime");
-const _framermotion = require("framer-motion");
-const MotionProvider = ({ features, children })=>{
-    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_framermotion.LazyMotion, {
-        features: features,
-        children: children
-    });
-};
-const _default = MotionProvider;

package/m/index.js

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

package/m/lite.js

@@ -1,12 +0,0 @@
-"use strict";
-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,12 +0,0 @@
-"use strict";
-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/sc/index.js

@@ -1,49 +0,0 @@
-"use strict";
-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);

package/scm/index.js

@@ -1,40 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "KoineDialog", {
-    enumerable: true,
-    get: function() {
-        return _framer.KoineDialog;
-    }
-});
-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 _framer = require("../Dialog/sc/framer");
-_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);

package/shared/index.js

@@ -1,13 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-const _export_star = require("@swc/helpers/_/_export_star");
-_export_star._(require("../Calendar"), exports);
-_export_star._(require("../Dialog"), exports);
-_export_star._(require("../FaviconTags"), exports);
-_export_star._(require("../helpers"), exports);
-_export_star._(require("../hooks"), exports);
-_export_star._(require("../Meta"), exports);
-_export_star._(require("../NoJs"), exports);
-_export_star._(require("../types"), exports);

package/styles/Body.js

@@ -1,28 +0,0 @@
-"use strict";
-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, {
-    BodyRoot: function() {
-        return BodyRoot;
-    },
-    BodyMain: function() {
-        return BodyMain;
-    }
-});
-const _interop_require_default = require("@swc/helpers/_/_interop_require_default");
-const _styledcomponents = /*#__PURE__*/ _interop_require_default._(require("styled-components"));
-const BodyRoot = _styledcomponents.default.div`
-  display: flex;
-  flex-direction: column;
-  min-height: 100vh;
-`;
-const BodyMain = _styledcomponents.default.main`
-  flex: 1;
-`;

package/styles/Global.js

@@ -1,55 +0,0 @@
-"use strict";
-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, {
-    stylesGlobal: function() {
-        return stylesGlobal;
-    },
-    StylesGlobal: function() {
-        return StylesGlobal;
-    }
-});
-const _styledcomponents = require("styled-components");
-const stylesGlobal = `
-  body {
-    margin: 0;
-    padding: 0;
-    overflow-x: hidden;
-    overflow-y: scroll;
-  }
-
-  body,
-  button,
-  input,
-  textarea,
-  select,
-  select:-webkit-autofill::first-line,
-  input:-webkit-autofill::first-line {
-    font-family: var(--font), -apple-system, BlinkMacSystemFont, "Segoe UI",
-      Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue",
-      sans-serif;
-    font-size: var(--fontSize);
-  }
-
-  html {
-    box-sizing: border-box;
-    @media (prefers-reduced-motion: no-preference) {
-      scroll-behavior: smooth;
-    }
-  }
-
-  *,
-  *:before,
-  *:after {
-    box-sizing: inherit;
-    -webkit-tap-highlight-color: transparent;
-  }
-`;
-const StylesGlobal = (0, _styledcomponents.createGlobalStyle)`${stylesGlobal}`;