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

package/MenuItem/useMenuItem.js

@@ -1,96 +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, {
-    useMenuItem: function() {
-        return useMenuItem;
-    },
-    default: function() {
-        return _default;
-    }
-});
-const _interop_require_default = require("@swc/helpers/_/_interop_require_default");
-const _useMenu = /*#__PURE__*/ _interop_require_default._(require("@mui/base/useMenu"));
-const _useForkRef = /*#__PURE__*/ _interop_require_default._(require("@mui/utils/useForkRef"));
-const _react = require("react");
-function useMenuItem(props) {
-    const { disabled = false, rootRef: ref, label } = props;
-    const id = (0, _react.useId)();
-    const { contextValue, open } = (0, _useMenu.default)();
-    // const { getRootProps } = useMenuItemUnstyled(props);
-    const itemRef = (0, _react.useRef)(null);
-    const handleRef = (0, _useForkRef.default)(itemRef, ref);
-    if (contextValue === null) {
-        throw new Error("MenuItemUnstyled must be used within a MenuUnstyled");
-    }
-    const { registerItem, getItemState } = contextValue;
-    (0, _react.useEffect)(()=>{
-        registerItem(id, {
-            disabled,
-            id,
-            ref: itemRef,
-            label
-        });
-    // return () => unregisterItem(id);
-    }, [
-        id,
-        registerItem,
-        /* unregisterItem,  */ disabled,
-        ref,
-        label
-    ]);
-    // const { getRootProps: getButtonProps, focusVisible } = useButton({
-    //   disabled,
-    //   focusableWhenDisabled: true,
-    //   ref: handleRef,
-    // });
-    // Ensure the menu item is focused when highlighted
-    const [focusRequested, requestFocus] = (0, _react.useState)(false);
-    const focusIfRequested = (0, _react.useCallback)(()=>{
-        if (focusRequested && itemRef.current != null) {
-            itemRef.current.focus();
-            requestFocus(false);
-        }
-    }, [
-        focusRequested
-    ]);
-    (0, _react.useEffect)(()=>{
-        focusIfRequested();
-    });
-    // useDebugValue({ id, disabled, label });
-    const itemState = getItemState(id ?? "");
-    const { highlighted } = itemState ?? {
-        highlighted: false
-    };
-    (0, _react.useEffect)(()=>{
-        requestFocus(highlighted && open);
-    }, [
-        highlighted,
-        open
-    ]);
-    return {
-        getRootProps: (other)=>{
-            // const optionProps = menuContext.getItemProps(id, other);
-            return {
-                ...other,
-                // ...getButtonProps(other),
-                // @ ts-expect-error type from @mui/base is not specific
-                // tabIndex: optionProps.tabIndex,
-                // @ ts-expect-error type from @mui/base is not specific
-                // id: optionProps.id,
-                role: "menuitem"
-            };
-        },
-        disabled: itemState?.disabled ?? false,
-        // focusVisible,
-        ref: handleRef
-    };
-}
-const _default = useMenuItem;

package/Meta/Meta.js

@@ -1,26 +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, {
-    Meta: function() {
-        return Meta;
-    },
-    default: function() {
-        return _default;
-    }
-});
-const _jsxruntime = require("react/jsx-runtime");
-const Meta = ({ zoom })=>{
-    return /*#__PURE__*/ (0, _jsxruntime.jsx)("meta", {
-        name: "viewport",
-        content: `width=device-width, initial-scale=1, maximum-scale=1${zoom ? "" : ", user-scalable=0"}`
-    });
-};
-const _default = Meta;

package/Meta/index.js

@@ -1,12 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "default", {
-    enumerable: true,
-    get: function() {
-        return _Meta.Meta;
-    }
-});
-const _export_star = require("@swc/helpers/_/_export_star");
-const _Meta = _export_star._(require("./Meta"), exports);

package/NoJs/NoJs.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, {
-    NoJs: function() {
-        return NoJs;
-    },
-    default: function() {
-        return _default;
-    }
-});
-const _jsxruntime = require("react/jsx-runtime");
-const NoJs = (_props)=>{
-    return /*#__PURE__*/ (0, _jsxruntime.jsx)("script", {
-        id: "no-js",
-        dangerouslySetInnerHTML: {
-            __html: `document.querySelector("html").className=document.querySelector("html").className.replace(/no-js/,"") + "js";`
-        }
-    });
-};
-const _default = NoJs;

package/NoJs/index.js

@@ -1,12 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "default", {
-    enumerable: true,
-    get: function() {
-        return _NoJs.NoJs;
-    }
-});
-const _export_star = require("@swc/helpers/_/_export_star");
-const _NoJs = _export_star._(require("./NoJs"), exports);

package/Pagination/PaginationNav.js

@@ -1,126 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "KoinePaginationNav", {
-    enumerable: true,
-    get: function() {
-        return KoinePaginationNav;
-    }
-});
-const _interop_require_default = require("@swc/helpers/_/_interop_require_default");
-const _jsxruntime = require("react/jsx-runtime");
-const _cg = require("react-icons/cg");
-const _styledcomponents = /*#__PURE__*/ _interop_require_default._(require("styled-components"));
-const _ensureInt = /*#__PURE__*/ _interop_require_default._(require("@koine/utils/ensureInt"));
-const Root = _styledcomponents.default.nav`
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  padding: 20px 0 40px;
-  font-weight: 600;
-
-  & a {
-    text-decoration: none;
-  }
-`;
-const item = `
-  display: block;
-  padding: 5px 10px;
-`;
-const ItemCurrent = _styledcomponents.default.span`
-  ${item}
-  background: var(--accent400);
-  border-radius: 2px;
-`;
-const ItemLink = _styledcomponents.default.a`
-  ${item}
-
-  ${(props)=>props.prev ? "color: var(--grey100);" : ""}
-`;
-const DotsSeparator = _styledcomponents.default.span`
-  color: var(--grey100);
-`;
-const arrow = `display: flex; font-size: 20px;`;
-const ItemPrev = _styledcomponents.default.a`
-  ${arrow}
-`;
-const ItemNext = _styledcomponents.default.a`
-  ${arrow}
-`;
-const KoinePaginationNav = ({ total, perPage, currentPage: _currentPage, baseUrl, showOffset = 2, currentUrl = "/", Link = "a" })=>{
-    let currentPage = (0, _ensureInt.default)(_currentPage);
-    total = (0, _ensureInt.default)(total);
-    perPage = (0, _ensureInt.default)(perPage);
-    // page 0 means 1
-    currentPage = currentPage || 1;
-    baseUrl = baseUrl || currentUrl;
-    // don't output anything if pagination is not needed
-    if (total < perPage) {
-        return null;
-    }
-    const firstPage = 1;
-    const lastPage = Math.ceil(total / perPage);
-    const prevPage = currentPage - 1 > firstPage ? currentPage - 1 : "";
-    const nextPage = currentPage + 1 < lastPage ? currentPage + 1 : lastPage;
-    const prevArrow = currentPage > firstPage;
-    const nextArrow = currentPage < lastPage;
-    const pages = [];
-    // fill the pages before the current
-    for(let i = currentPage - showOffset; i < currentPage; i++){
-        if (i > 1) {
-            pages.push(i);
-        }
-    }
-    // add the current
-    pages.push(currentPage);
-    // fill the pages after the current
-    for(let i = currentPage + 1; i < currentPage + 1 + showOffset; i++){
-        if (i < lastPage) {
-            pages.push(i);
-        }
-    }
-    const prevDots = pages[0] > firstPage + 1;
-    const nextDots = pages[pages.length - 1] < lastPage - 1;
-    return /*#__PURE__*/ (0, _jsxruntime.jsxs)(Root, {
-        children: [
-            prevArrow && /*#__PURE__*/ (0, _jsxruntime.jsx)(ItemPrev, {
-                as: Link,
-                href: `${baseUrl}/${prevPage}`,
-                children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_cg.CgArrowLeftR, {})
-            }),
-            firstPage !== currentPage && /*#__PURE__*/ (0, _jsxruntime.jsx)(ItemLink, {
-                as: Link,
-                href: `${baseUrl}`,
-                prev: true,
-                children: firstPage
-            }),
-            prevDots && /*#__PURE__*/ (0, _jsxruntime.jsx)(DotsSeparator, {
-                children: "..."
-            }),
-            pages.map((page)=>page === currentPage ? /*#__PURE__*/ (0, _jsxruntime.jsx)(ItemCurrent, {
-                    children: page
-                }, page) : /*#__PURE__*/ (0, _jsxruntime.jsx)(ItemLink, {
-                    as: Link,
-                    href: `${baseUrl}/${page}`,
-                    prev: page < currentPage,
-                    next: page > currentPage,
-                    children: page
-                }, `pagination-${page}`)),
-            nextDots && /*#__PURE__*/ (0, _jsxruntime.jsx)(DotsSeparator, {
-                children: "..."
-            }),
-            lastPage !== currentPage && /*#__PURE__*/ (0, _jsxruntime.jsx)(ItemLink, {
-                as: Link,
-                href: `${baseUrl}/${lastPage}`,
-                next: true,
-                children: lastPage
-            }),
-            nextArrow && /*#__PURE__*/ (0, _jsxruntime.jsx)(ItemNext, {
-                as: Link,
-                href: `${baseUrl}/${nextPage}`,
-                children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_cg.CgArrowRightR, {})
-            })
-        ]
-    });
-};

package/Pagination/PaginationResults.js

@@ -1,45 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "PaginationResults", {
-    enumerable: true,
-    get: function() {
-        return PaginationResults;
-    }
-});
-const _interop_require_default = require("@swc/helpers/_/_interop_require_default");
-const _jsxruntime = require("react/jsx-runtime");
-const _framermotion = require("framer-motion");
-const _styledcomponents = /*#__PURE__*/ _interop_require_default._(require("styled-components"));
-const Root = _styledcomponents.default.div`
-  // overflow: hidden;
-`;
-const Inner = (0, _styledcomponents.default)(_framermotion.m.div)``;
-const PaginationResults = ({ children })=>{
-    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_framermotion.AnimatePresence, {
-        exitBeforeEnter: true,
-        initial: true,
-        children: /*#__PURE__*/ (0, _jsxruntime.jsx)(Root, {
-            children: /*#__PURE__*/ (0, _jsxruntime.jsx)(Inner, {
-                initial: {
-                    opacity: 0,
-                    x: -100
-                },
-                animate: {
-                    opacity: 1,
-                    x: 0
-                },
-                exit: {
-                    opacity: 0,
-                    x: 100
-                },
-                transition: {
-                    type: "linear",
-                    staggerChildren: 0.3
-                },
-                children: children
-            })
-        })
-    });
-};

package/Pagination/index.js

@@ -1,7 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-const _export_star = require("@swc/helpers/_/_export_star");
-_export_star._(require("./PaginationNav"), exports);
-_export_star._(require("./PaginationResults"), exports);

package/Pill/Pill.js

@@ -1,62 +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, {
-    Pill: function() {
-        return Pill;
-    },
-    PillGreyLight: function() {
-        return PillGreyLight;
-    },
-    PillAccentLight: function() {
-        return PillAccentLight;
-    },
-    PillAccentLightOutlined: function() {
-        return PillAccentLightOutlined;
-    }
-});
-const _interop_require_default = require("@swc/helpers/_/_interop_require_default");
-const _styledcomponents = /*#__PURE__*/ _interop_require_default._(require("styled-components"));
-const Pill = _styledcomponents.default.div`
-  display: inline-block;
-  padding: 5px 10px;
-  margin: 0 0.5em 0.5em 0;
-  border-radius: 2px;
-  text-decoration: none;
-  font-size: 13px;
-  font-weight: 600;
-`;
-const PillGreyLight = (0, _styledcomponents.default)(Pill)`
-  background: var(--grey800);
-  color: var(--grey100);
-
-  &:hover {
-    color: white;
-    background: var(--grey300);
-  }
-`;
-const PillAccentLight = (0, _styledcomponents.default)(Pill)`
-  background: var(--accent400);
-  color: var(--grey100);
-
-  &:hover {
-    color: #fff;
-    background: var(--accent300);
-  }
-`;
-const PillAccentLightOutlined = (0, _styledcomponents.default)(Pill)`
-  border: 1px solid var(--accent300);
-  color: var(--accent200);
-
-  &:hover {
-    color: #fff;
-    background: var(--accent300);
-  }
-`;

package/Pill/index.js

@@ -1,6 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-const _export_star = require("@swc/helpers/_/_export_star");
-_export_star._(require("./Pill"), exports);

package/Progress/ProgressCircular.js

@@ -1,62 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "ProgressCircular", {
-    enumerable: true,
-    get: function() {
-        return ProgressCircular;
-    }
-});
-const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
-const _jsxruntime = require("react/jsx-runtime");
-const _styledcomponents = /*#__PURE__*/ _interop_require_wildcard._(require("styled-components"));
-const animationRotation = (0, _styledcomponents.keyframes)`
-  0% {
-    transform: rotate(0deg);
-  }
-  100% {
-    transform: rotate(360deg);
-  }
-`;
-const animationCircle = (0, _styledcomponents.keyframes)`
-  0% {
-    stroke-dasharray: 1px, 200px;
-    stroke-dashoffset: 0;
-  }
-  50% {
-    stroke-dasharray: 100px, 200px;
-    stroke-dashoffset: -15px;
-  }
-  100% {
-    stroke-dasharray: 100px, 200px;
-    stroke-dashoffset: -125px;
-  }
-`;
-const ProgressCircularSvg = _styledcomponents.default.svg`
-  animation: ${animationRotation} 1.5s linear infinite;
-`;
-const ProgressCircularCircle = _styledcomponents.default.circle`
-  animation: ${animationCircle} 1.5s linear infinite;
-`;
-const ProgressCircular = ({ size = "1em", thickness = 1, color = "currentColor", ...props })=>{
-    return /*#__PURE__*/ (0, _jsxruntime.jsx)(ProgressCircularSvg, {
-        xmlns: "http://www.w3.org/2000/svg",
-        viewBox: "0 0 44 44",
-        style: {
-            width: size,
-            height: size
-        },
-        ...props,
-        children: /*#__PURE__*/ (0, _jsxruntime.jsx)(ProgressCircularCircle, {
-            cx: "22",
-            cy: "22",
-            r: "20",
-            fill: "none",
-            strokeWidth: thickness,
-            style: {
-                stroke: color
-            }
-        })
-    });
-};

package/Progress/ProgressLinear.js

@@ -1,53 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "ProgressLinear", {
-    enumerable: true,
-    get: function() {
-        return ProgressLinear;
-    }
-});
-const _interop_require_default = require("@swc/helpers/_/_interop_require_default");
-const _jsxruntime = require("react/jsx-runtime");
-const _framermotion = require("framer-motion");
-const _styledcomponents = /*#__PURE__*/ _interop_require_default._(require("styled-components"));
-const ProgressLinearBg = _styledcomponents.default.span`
-  position: relative;
-  overflow: hidden;
-  display: block;
-  height: 4px;
-`;
-const ProgressLinearFg = (0, _styledcomponents.default)(_framermotion.m.span)`
-  position: absolute;
-  top: 0;
-  bottom: 0;
-  left: 0;
-  width: 100%;
-`;
-const ProgressLinear = ({ done = false, height = "2px", bg = "transparent", fg = "currentColor", ...props })=>{
-    return /*#__PURE__*/ (0, _jsxruntime.jsx)(ProgressLinearBg, {
-        style: {
-            height,
-            background: bg
-        },
-        ...props,
-        children: /*#__PURE__*/ (0, _jsxruntime.jsx)(ProgressLinearFg, {
-            style: {
-                height,
-                background: fg
-            },
-            initial: {
-                x: "-100%"
-            },
-            animate: {
-                x: done ? "-100%" : "0%"
-            },
-            transition: done ? {} : {
-                repeat: Infinity,
-                repeatType: "reverse",
-                duration: 2
-            }
-        })
-    });
-};

package/Progress/ProgressOverlay.js

@@ -1,75 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "ProgressOverlay", {
-    enumerable: true,
-    get: function() {
-        return ProgressOverlay;
-    }
-});
-const _interop_require_default = require("@swc/helpers/_/_interop_require_default");
-const _jsxruntime = require("react/jsx-runtime");
-const _framermotion = require("framer-motion");
-const _react = require("react");
-const _styledcomponents = /*#__PURE__*/ _interop_require_default._(require("styled-components"));
-const _Header = require("../Header");
-const _ProgressCircular = require("./ProgressCircular");
-const _ProgressLinear = require("./ProgressLinear");
-const ProgressOverlayWrap = (0, _styledcomponents.default)(_framermotion.m.div)`
-  z-index: 10000;
-  position: fixed;
-  top: 0;
-  left: 0;
-  right: 0;
-  bottom: 0;
-  pointer-events: none;
-  cursor: wait;
-`;
-const ProgressOverlayCenterer = _styledcomponents.default.div`
-  position: absolute;
-  top: 0;
-  left: 0;
-  right: 0;
-  bottom: 0;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  background: var(--progress-overlay-bg);
-`;
-const ProgressOverlay = ({ running })=>{
-    const [, , headerHeight] = (0, _Header.useHeader)();
-    // const [progress, setProgress] = useState(0);
-    (0, _react.useEffect)(()=>{
-        document.body.style.cursor = running ? "wait" : "";
-    }, [
-        running
-    ]);
-    return /*#__PURE__*/ (0, _jsxruntime.jsxs)(ProgressOverlayWrap, {
-        animate: {
-            opacity: running ? 1 : 0
-        },
-        initial: {
-            opacity: 0
-        },
-        transition: {
-            type: "easeInOut"
-        },
-        children: [
-            /*#__PURE__*/ (0, _jsxruntime.jsx)(_ProgressLinear.ProgressLinear, {
-                bg: "var(--accent400)",
-                fg: "var(--accent300)",
-                done: !running
-            }),
-            /*#__PURE__*/ (0, _jsxruntime.jsx)(ProgressOverlayCenterer, {
-                style: {
-                    top: headerHeight + "px"
-                },
-                children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_ProgressCircular.ProgressCircular, {
-                    size: "50px",
-                    color: "var(--accent300)"
-                })
-            })
-        ]
-    });
-};

package/Progress/index.js

@@ -1,8 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-const _export_star = require("@swc/helpers/_/_export_star");
-_export_star._(require("./ProgressCircular"), exports);
-_export_star._(require("./ProgressLinear"), exports);
-_export_star._(require("./ProgressOverlay"), exports);