@homecode/ui 4.18.16 → 4.18.18

package/dist/esm/src/components/Popup/Popup.styl.js

@@ -1,2 +1,7 @@
-import styleInject from"../../../node_modules/style-inject/dist/style-inject.es.js";var css_248z='.Popup_root__uQ-fP{display:inline-block;position:relative}.Popup_contentWrapper__2yi-2{pointer-events:none;position:absolute}.Popup_contentWrapper__2yi-2.Popup_inline__1-l1S.Popup_isOpen__BRIdP{position:relative}.Popup_contentWrapper__2yi-2:not(.Popup_inline__1-l1S),.Popup_contentWrapper__2yi-2:not(.Popup_inline__1-l1S)>.Popup_content__e8Qyu{position:absolute}.Popup_trigger__jQNaQ{cursor:pointer}.Popup_trigger__jQNaQ.Popup_isOpen__BRIdP{position:relative;z-index:11}.Popup_trigger__jQNaQ.Popup_disabled__DlE9y{opacity:.4;pointer-events:none}.Popup_content__e8Qyu{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:var(--decent-color);box-shadow:inset 0 0 0 1px var(--accent-color-alpha-50);max-width:70vw;min-width:100%;opacity:0;overflow:hidden;pointer-events:none;position:relative;transform-origin:top center;z-index:11}.Popup_blur__1hfU8 .Popup_content__e8Qyu{-webkit-backdrop-filter:blur(50px);backdrop-filter:blur(50px);background-color:var(--decent-color-alpha-500)}.Popup_content__e8Qyu.Popup_size-s__UmixP{border-radius:4px}.Popup_content__e8Qyu.Popup_size-m__FYpTL{border-radius:6px}.Popup_content__e8Qyu.Popup_size-l__BTS57{border-radius:8px}.Popup_content__e8Qyu.Popup_elevation-1__vmP3e{box-shadow:inset 0 0 0 1px var(--accent-color-alpha-50),0 0 var(--indent-s) 2px var(--decent-color)}.Popup_content__e8Qyu.Popup_elevation-2__Ci4sI{box-shadow:inset 0 0 0 1px var(--accent-color-alpha-50),0 0 var(--indent-m) 2px var(--decent-color)}.Popup_content__e8Qyu.Popup_outlined__g3cJV:after{border-radius:inherit;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.Popup_isOpen__BRIdP .Popup_content__e8Qyu{opacity:1;pointer-events:all;transform:scaleX(1)}.Popup_animating__kR0qF{transition:70ms ease-out;transition-property:transform,opacity,margin}.Popup_axis-top__BaLgG{bottom:100%}.Popup_axis-bottom__hZwwr{top:100%}.Popup_axis-right__LMYVy{left:100%}.Popup_axis-left__SFKm-{right:100%}.Popup_float-top__8SQAu{bottom:0}.Popup_float-right__mdm-3{left:0}.Popup_float-bottom__7flve{top:0}.Popup_float-left__tz7fX{right:0}.Popup_axis-bottom__hZwwr,.Popup_axis-top__BaLgG{transform:scaleY(.5)}.Popup_axis-bottom__hZwwr.Popup_float-middle__Dmnn1,.Popup_axis-top__BaLgG.Popup_float-middle__Dmnn1{left:50%;transform:translateX(-50%) scaleY(.5)}.Popup_isOpen__BRIdP .Popup_axis-bottom__hZwwr.Popup_float-middle__Dmnn1,.Popup_isOpen__BRIdP .Popup_axis-top__BaLgG.Popup_float-middle__Dmnn1{transform:translateX(-50%) scaleX(1)}.Popup_axis-left__SFKm-,.Popup_axis-right__LMYVy{transform:scaleX(.5)}.Popup_axis-left__SFKm-.Popup_float-middle__Dmnn1,.Popup_axis-right__LMYVy.Popup_float-middle__Dmnn1{top:50%;transform:translateY(-50%) scaleX(.5)}.Popup_isOpen__BRIdP .Popup_axis-left__SFKm-.Popup_float-middle__Dmnn1,.Popup_isOpen__BRIdP .Popup_axis-right__LMYVy.Popup_float-middle__Dmnn1{transform:translateY(-50%) scaleX(1)}.Popup_axis-top__BaLgG.Popup_float-middle__Dmnn1{transform-origin:bottom center}.Popup_axis-top__BaLgG.Popup_float-right__mdm-3{transform-origin:bottom left}.Popup_axis-top__BaLgG.Popup_float-left__tz7fX{transform-origin:bottom right}.Popup_axis-bottom__hZwwr.Popup_float-middle__Dmnn1{transform-origin:top center}.Popup_axis-bottom__hZwwr.Popup_float-right__mdm-3{transform-origin:top left}.Popup_axis-bottom__hZwwr.Popup_float-left__tz7fX{transform-origin:top right}.Popup_axis-right__LMYVy.Popup_float-middle__Dmnn1{transform-origin:center left}.Popup_axis-right__LMYVy.Popup_float-top__8SQAu{transform-origin:bottom left}.Popup_axis-right__LMYVy.Popup_float-bottom__7flve{transform-origin:top left}.Popup_axis-left__SFKm-.Popup_float-middle__Dmnn1{transform-origin:center right}.Popup_axis-left__SFKm-.Popup_float-top__8SQAu{transform-origin:bottom right}.Popup_axis-left__SFKm-.Popup_float-bottom__7flve{transform-origin:top right}',S={root:"Popup_root__uQ-fP",contentWrapper:"Popup_contentWrapper__2yi-2",inline:"Popup_inline__1-l1S",isOpen:"Popup_isOpen__BRIdP",content:"Popup_content__e8Qyu",trigger:"Popup_trigger__jQNaQ",disabled:"Popup_disabled__DlE9y",blur:"Popup_blur__1hfU8","size-s":"Popup_size-s__UmixP","size-m":"Popup_size-m__FYpTL","size-l":"Popup_size-l__BTS57","elevation-1":"Popup_elevation-1__vmP3e","elevation-2":"Popup_elevation-2__Ci4sI",outlined:"Popup_outlined__g3cJV",animating:"Popup_animating__kR0qF","axis-top":"Popup_axis-top__BaLgG","axis-bottom":"Popup_axis-bottom__hZwwr","axis-right":"Popup_axis-right__LMYVy","axis-left":"Popup_axis-left__SFKm-","float-top":"Popup_float-top__8SQAu","float-right":"Popup_float-right__mdm-3","float-bottom":"Popup_float-bottom__7flve","float-left":"Popup_float-left__tz7fX","float-middle":"Popup_float-middle__Dmnn1"};styleInject(css_248z);export{S as default};
-//# sourceMappingURL=Popup.styl.js.map
+import styleInject from '../../../node_modules/style-inject/dist/style-inject.es.js';
+
+var css_248z = ".Popup_root__uQ-fP{display:inline-block;position:relative}.Popup_contentWrapper__2yi-2{pointer-events:none;position:absolute}.Popup_contentWrapper__2yi-2.Popup_inline__1-l1S.Popup_isOpen__BRIdP{position:relative}.Popup_contentWrapper__2yi-2:not(.Popup_inline__1-l1S),.Popup_contentWrapper__2yi-2:not(.Popup_inline__1-l1S)>.Popup_content__e8Qyu{position:absolute}.Popup_trigger__jQNaQ{cursor:pointer}.Popup_trigger__jQNaQ.Popup_isOpen__BRIdP{position:relative;z-index:11}.Popup_trigger__jQNaQ.Popup_disabled__DlE9y{opacity:.4;pointer-events:none}.Popup_content__e8Qyu{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:var(--decent-color);box-shadow:inset 0 0 0 1px var(--accent-color-alpha-50);max-width:70vw;min-width:100%;opacity:0;overflow:hidden;pointer-events:none;position:relative;transform-origin:top center;z-index:11}.Popup_blur__1hfU8 .Popup_content__e8Qyu{-webkit-backdrop-filter:blur(50px);backdrop-filter:blur(50px);background-color:var(--decent-color-alpha-500)}.Popup_content__e8Qyu.Popup_size-s__UmixP{border-radius:4px}.Popup_content__e8Qyu.Popup_size-m__FYpTL{border-radius:6px}.Popup_content__e8Qyu.Popup_size-l__BTS57{border-radius:8px}.Popup_content__e8Qyu.Popup_elevation-1__vmP3e{box-shadow:inset 0 0 0 1px var(--accent-color-alpha-50),0 0 var(--indent-s) 2px var(--decent-color-alpha-500)}.Popup_content__e8Qyu.Popup_elevation-2__Ci4sI{box-shadow:inset 0 0 0 1px var(--accent-color-alpha-50),0 0 var(--indent-m) 2px var(--decent-color-alpha-500)}.Popup_content__e8Qyu.Popup_outlined__g3cJV:after{border-radius:inherit;bottom:0;content:\"\";left:0;pointer-events:none;position:absolute;right:0;top:0}.Popup_isOpen__BRIdP .Popup_content__e8Qyu{opacity:1;pointer-events:all;transform:scaleX(1)}.Popup_animating__kR0qF{transition:70ms ease-out;transition-property:transform,opacity,margin}.Popup_axis-top__BaLgG{bottom:100%}.Popup_axis-bottom__hZwwr{top:100%}.Popup_axis-right__LMYVy{left:100%}.Popup_axis-left__SFKm-{right:100%}.Popup_float-top__8SQAu{bottom:0}.Popup_float-right__mdm-3{left:0}.Popup_float-bottom__7flve{top:0}.Popup_float-left__tz7fX{right:0}.Popup_axis-bottom__hZwwr,.Popup_axis-top__BaLgG{transform:scaleY(.5)}.Popup_axis-bottom__hZwwr.Popup_float-middle__Dmnn1,.Popup_axis-top__BaLgG.Popup_float-middle__Dmnn1{left:50%;transform:translateX(-50%) scaleY(.5)}.Popup_isOpen__BRIdP .Popup_axis-bottom__hZwwr.Popup_float-middle__Dmnn1,.Popup_isOpen__BRIdP .Popup_axis-top__BaLgG.Popup_float-middle__Dmnn1{transform:translateX(-50%) scaleX(1)}.Popup_axis-left__SFKm-,.Popup_axis-right__LMYVy{transform:scaleX(.5)}.Popup_axis-left__SFKm-.Popup_float-middle__Dmnn1,.Popup_axis-right__LMYVy.Popup_float-middle__Dmnn1{top:50%;transform:translateY(-50%) scaleX(.5)}.Popup_isOpen__BRIdP .Popup_axis-left__SFKm-.Popup_float-middle__Dmnn1,.Popup_isOpen__BRIdP .Popup_axis-right__LMYVy.Popup_float-middle__Dmnn1{transform:translateY(-50%) scaleX(1)}.Popup_axis-top__BaLgG.Popup_float-middle__Dmnn1{transform-origin:bottom center}.Popup_axis-top__BaLgG.Popup_float-right__mdm-3{transform-origin:bottom left}.Popup_axis-top__BaLgG.Popup_float-left__tz7fX{transform-origin:bottom right}.Popup_axis-bottom__hZwwr.Popup_float-middle__Dmnn1{transform-origin:top center}.Popup_axis-bottom__hZwwr.Popup_float-right__mdm-3{transform-origin:top left}.Popup_axis-bottom__hZwwr.Popup_float-left__tz7fX{transform-origin:top right}.Popup_axis-right__LMYVy.Popup_float-middle__Dmnn1{transform-origin:center left}.Popup_axis-right__LMYVy.Popup_float-top__8SQAu{transform-origin:bottom left}.Popup_axis-right__LMYVy.Popup_float-bottom__7flve{transform-origin:top left}.Popup_axis-left__SFKm-.Popup_float-middle__Dmnn1{transform-origin:center right}.Popup_axis-left__SFKm-.Popup_float-top__8SQAu{transform-origin:bottom right}.Popup_axis-left__SFKm-.Popup_float-bottom__7flve{transform-origin:top right}";
+var S = {"root":"Popup_root__uQ-fP","contentWrapper":"Popup_contentWrapper__2yi-2","inline":"Popup_inline__1-l1S","isOpen":"Popup_isOpen__BRIdP","content":"Popup_content__e8Qyu","trigger":"Popup_trigger__jQNaQ","disabled":"Popup_disabled__DlE9y","blur":"Popup_blur__1hfU8","size-s":"Popup_size-s__UmixP","size-m":"Popup_size-m__FYpTL","size-l":"Popup_size-l__BTS57","elevation-1":"Popup_elevation-1__vmP3e","elevation-2":"Popup_elevation-2__Ci4sI","outlined":"Popup_outlined__g3cJV","animating":"Popup_animating__kR0qF","axis-top":"Popup_axis-top__BaLgG","axis-bottom":"Popup_axis-bottom__hZwwr","axis-right":"Popup_axis-right__LMYVy","axis-left":"Popup_axis-left__SFKm-","float-top":"Popup_float-top__8SQAu","float-right":"Popup_float-right__mdm-3","float-bottom":"Popup_float-bottom__7flve","float-left":"Popup_float-left__tz7fX","float-middle":"Popup_float-middle__Dmnn1"};
+styleInject(css_248z);
+
+export { S as default };

package/dist/esm/src/components/PopupMenu/PopupMenu.js

@@ -1,2 +1,15 @@
-import{jsx}from"react/jsx-runtime";import{createElement}from"react";import cn from"classnames";import{Button}from"../Button/Button.js";import{Popup}from"../Popup/Popup.js";import S from"./PopupMenu.styl.js";function PopupMenu({items:t,onClose:e,...o}){if(0===t.length)return null;const r=o["size"];return jsx(Popup,{...o,content:jsx("div",{className:S.list,children:t.map(({id:t,title:e,className:o,...n})=>createElement(Button,{variant:"clear",size:r,...n,className:cn(S.item,o),key:t},e))})})}export{PopupMenu};
-//# sourceMappingURL=PopupMenu.js.map
+import { jsx } from 'react/jsx-runtime';
+import { createElement } from 'react';
+import cn from 'classnames';
+import { Button } from '../Button/Button.js';
+import { Popup } from '../Popup/Popup.js';
+import S from './PopupMenu.styl.js';
+
+function PopupMenu({ items, onClose, ...props }) {
+    if (items.length === 0)
+        return null;
+    const { size } = props;
+    return (jsx(Popup, { ...props, content: jsx("div", { className: S.list, children: items.map(({ id, title, className, ...rest }) => (createElement(Button, { variant: "clear", size: size, ...rest, className: cn(S.item, className), key: id }, title))) }) }));
+}
+
+export { PopupMenu };

package/dist/esm/src/components/PopupMenu/PopupMenu.styl.js

@@ -1,2 +1,7 @@
-import styleInject from"../../../node_modules/style-inject/dist/style-inject.es.js";var css_248z=".PopupMenu_list__G7xP3{align-items:stretch;border-radius:inherit;display:flex;flex-direction:column;padding:2px}.PopupMenu_item__wxay-+.PopupMenu_item__wxay-{margin-top:2px}.PopupMenu_item__wxay-:first-child{border-top-left-radius:inherit;border-top-right-radius:inherit}.PopupMenu_item__wxay-:last-child{border-bottom-left-radius:inherit;border-bottom-right-radius:inherit}",S={list:"PopupMenu_list__G7xP3",item:"PopupMenu_item__wxay-"};styleInject(css_248z);export{S as default};
-//# sourceMappingURL=PopupMenu.styl.js.map
+import styleInject from '../../../node_modules/style-inject/dist/style-inject.es.js';
+
+var css_248z = ".PopupMenu_list__G7xP3{align-items:stretch;border-radius:inherit;display:flex;flex-direction:column;padding:2px}.PopupMenu_item__wxay-+.PopupMenu_item__wxay-{margin-top:2px}.PopupMenu_item__wxay-:first-child{border-top-left-radius:inherit;border-top-right-radius:inherit}.PopupMenu_item__wxay-:last-child{border-bottom-left-radius:inherit;border-bottom-right-radius:inherit}";
+var S = {"list":"PopupMenu_list__G7xP3","item":"PopupMenu_item__wxay-"};
+styleInject(css_248z);
+
+export { S as default };

package/dist/esm/src/components/Portal/Portal.js

@@ -1,2 +1,19 @@
-import{jsx,Fragment}from"react/jsx-runtime";import{useState,useEffect}from"react";import{createPortal}from"react-dom";import{config}from"../../tools/config.js";const DEFAULT_SELECTOR="#"+config.appOverlayId;function Portal(t){var{selector:t=DEFAULT_SELECTOR,children:r}=t;const[e,o]=useState(!1);return useEffect(()=>{o(!0)},[]),e?createPortal(jsx(Fragment,{children:r}),document.querySelector(t)):null}export{Portal};
-//# sourceMappingURL=Portal.js.map
+import { jsx, Fragment } from 'react/jsx-runtime';
+import { useState, useEffect } from 'react';
+import { createPortal } from 'react-dom';
+import { config } from '../../tools/config.js';
+
+const DEFAULT_SELECTOR = `#${config.appOverlayId}`;
+function Portal(props) {
+    const { selector = DEFAULT_SELECTOR, children } = props;
+    const [isMounted, setMounted] = useState(false);
+    useEffect(() => {
+        // prevent HTML mismatch between server and client
+        setMounted(true);
+    }, []);
+    if (!isMounted)
+        return null;
+    return createPortal(jsx(Fragment, { children: children }), document.querySelector(selector));
+}
+
+export { Portal };

package/dist/esm/src/components/RequiredStar/RequiredStar.js

@@ -1,2 +1,12 @@
-import{jsx}from"react/jsx-runtime";import cn from"classnames";import{Icon}from"../Icon/Icon.js";import S from"./RequiredStar.styl.js";function RequiredStar(r){const{className:e,inline:o,...t}=r;r=cn(S.root,e,o&&S.inline);return jsx(Icon,{...t,type:"requiredStar",className:r})}export{RequiredStar};
-//# sourceMappingURL=RequiredStar.js.map
+import { jsx } from 'react/jsx-runtime';
+import cn from 'classnames';
+import { Icon } from '../Icon/Icon.js';
+import S from './RequiredStar.styl.js';
+
+function RequiredStar(props) {
+    const { className, inline, ...rest } = props;
+    const classes = cn(S.root, className, inline && S.inline);
+    return jsx(Icon, { ...rest, type: "requiredStar", className: classes });
+}
+
+export { RequiredStar };

package/dist/esm/src/components/RequiredStar/RequiredStar.styl.js

@@ -1,2 +1,7 @@
-import styleInject from"../../../node_modules/style-inject/dist/style-inject.es.js";var css_248z=".RequiredStar_root__qZpQW{color:var(--danger-color)!important;pointer-events:none;position:absolute;right:2px;top:2px;transform:scale(.6)}.RequiredStar_inline__328Ou{position:relative;transform:translateY(-.5em)}",S={root:"RequiredStar_root__qZpQW",inline:"RequiredStar_inline__328Ou"};styleInject(css_248z);export{S as default};
-//# sourceMappingURL=RequiredStar.styl.js.map
+import styleInject from '../../../node_modules/style-inject/dist/style-inject.es.js';
+
+var css_248z = ".RequiredStar_root__qZpQW{color:var(--danger-color)!important;pointer-events:none;position:absolute;right:2px;top:2px;transform:scale(.6)}.RequiredStar_inline__328Ou{position:relative;transform:translateY(-.5em)}";
+var S = {"root":"RequiredStar_root__qZpQW","inline":"RequiredStar_inline__328Ou"};
+styleInject(css_248z);
+
+export { S as default };

package/dist/esm/src/components/Router/Link/Link.js

@@ -1,2 +1,61 @@
-import{jsxs,jsx}from"react/jsx-runtime";import{useRef,useContext,useMemo,useCallback}from"react";import{withStore}from"justorm/react";import cn from"classnames";import{Icon}from"../../Icon/Icon.js";import Context from"../context.js";import S from"./Link.styl.js";const isStartFromDoubleSlash=e=>/^\/\//.test(e),Link=withStore({router:["path"]})(({className:e,exactClassName:t,children:r,href:s,isClear:a=!1,isDisabled:o=!1,disableExternalIcon:n=!1,inline:l=!1,store:{router:c},isPartialExact:i=!1,onClick:m,...u})=>{const p=c["path"],x=isStartFromDoubleSlash(s),h=useRef(null),f=useContext(Context)["basePath"],b=useMemo(()=>/\./.test(s),[s]),k=useMemo(()=>b||x?"":f??"",[b,x,f]),C=useMemo(()=>{let e=s;return"/"===(e=x?e.replace(/^\//,""):e)&&(e=""),""+k+e},[s,k]);var j=useCallback(e=>{m?.(e,C),b||c.path===C||(e.preventDefault(),e.ctrlKey||e.metaKey?window.open(C,"_blank"):c.go(C),h.current?.blur())},[C,b,m]),d=useMemo(()=>i?p.startsWith(C):p===C,[p,C,i]),u={...u,href:C},I=!/^\//.test(C)&&!b,o=cn(S.root,o&&S.disabled,b&&S.external,d&&cn(S.exact,t),a&&S.clear,l&&S.inline,e);return I&&(u.href=p.replace(/\/$/,"")+"/"+C),b&&(u.target="_blank",/^http/.test(C)||(u.href="http://"+C)),jsxs("a",{className:o,...u,onClick:j,ref:h,children:[r,b&&!n&&jsx(Icon,{type:"externalLink",className:S.externalIcon})]})});export{Link};
-//# sourceMappingURL=Link.js.map
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { useRef, useContext, useMemo, useCallback } from 'react';
+import { withStore } from 'justorm/react';
+import cn from 'classnames';
+import { Icon } from '../../Icon/Icon.js';
+import Context from '../context.js';
+import S from './Link.styl.js';
+
+const isStartFromDoubleSlash = href => /^\/\//.test(href);
+const Link = withStore({ router: ['path'] })(({ className, exactClassName, children, href: hrefProp, isClear = false, isDisabled = false, disableExternalIcon = false, inline = false, store: { router }, isPartialExact = false, onClick, ...rest }) => {
+    const { path } = router;
+    const isFromRoot = isStartFromDoubleSlash(hrefProp);
+    const domElem = useRef(null);
+    const { basePath } = useContext(Context);
+    const isExternal = useMemo(() => /\./.test(hrefProp), [hrefProp]);
+    const rootPath = useMemo(() => {
+        if (isExternal || isFromRoot)
+            return '';
+        return basePath ?? '';
+    }, [isExternal, isFromRoot, basePath]);
+    const href = useMemo(() => {
+        let str = hrefProp;
+        if (isFromRoot)
+            str = str.replace(/^\//, '');
+        if (str === '/')
+            str = '';
+        return `${rootPath}${str}`;
+    }, [hrefProp, rootPath]);
+    const handleClick = useCallback(e => {
+        onClick?.(e, href);
+        if (!isExternal && router.path !== href) {
+            e.preventDefault();
+            if (e.ctrlKey || e.metaKey) {
+                window.open(href, '_blank');
+            }
+            else {
+                router.go(href);
+            }
+            domElem.current?.blur();
+        }
+    }, [href, isExternal, onClick]);
+    const isExact = useMemo(() => {
+        if (isPartialExact)
+            return path.startsWith(href);
+        return path === href;
+    }, [path, href, isPartialExact]);
+    const props = { ...rest, href };
+    const isNested = !/^\//.test(href) && !isExternal;
+    const classes = cn(S.root, isDisabled && S.disabled, isExternal && S.external, isExact && cn(S.exact, exactClassName), isClear && S.clear, inline && S.inline, className);
+    if (isNested) {
+        props.href = `${path.replace(/\/$/, '')}/${href}`;
+    }
+    if (isExternal) {
+        props.target = '_blank';
+        if (!/^http/.test(href))
+            props.href = `http://${href}`;
+    }
+    return (jsxs("a", { className: classes, ...props, onClick: handleClick, ref: domElem, children: [children, isExternal && !disableExternalIcon && (jsx(Icon, { type: "externalLink", className: S.externalIcon }))] }));
+});
+
+export { Link };

package/dist/esm/src/components/Router/Link/Link.styl.js

@@ -1,2 +1,7 @@
-import styleInject from"../../../../node_modules/style-inject/dist/style-inject.es.js";var css_248z='.Link_root__KhBI1{align-items:center;box-shadow:inset 0 0 0 2px none;color:var(--link-color);cursor:pointer;display:inline-flex;padding:5px;position:relative;text-decoration:none;transition:color .1s ease-out;white-space:nowrap}.Link_root__KhBI1:before{background-color:var(--accent-color);bottom:0;content:"";height:2px;left:5px;pointer-events:none;position:absolute;right:5px;transform:scale(0);transition:transform .1s ease-out}.Link_root__KhBI1.Link_clear__abVgJ:before{content:none}.Link_root__KhBI1.Link_inline__iuNov{padding:0}.Link_root__KhBI1.Link_inline__iuNov:before{bottom:-2px;left:0;right:0}.Link_root__KhBI1.Link_exact__3MNoz{color:var(--accent-color);pointer-events:none}.Link_root__KhBI1.Link_external__drijI:before{background-color:var(--active-color)}.Link_root__KhBI1:active,.Link_root__KhBI1:focus,.Link_root__KhBI1:hover{color:var(--accent-color)}.Link_root__KhBI1:active.Link_external__drijI,.Link_root__KhBI1:focus.Link_external__drijI,.Link_root__KhBI1:hover.Link_external__drijI{color:var(--active-color)}.Link_root__KhBI1:active::-moz-selection,.Link_root__KhBI1:focus::-moz-selection,.Link_root__KhBI1:hover::-moz-selection{color:var(--accent-color)}.Link_root__KhBI1:active::selection,.Link_root__KhBI1:focus::selection,.Link_root__KhBI1:hover::selection{color:var(--accent-color)}.Link_root__KhBI1:active:before,.Link_root__KhBI1:focus:before,.Link_root__KhBI1:hover:before{transform:scale(1)}.Link_root__KhBI1.Link_disabled__wkAeH{color:var(--accent-color);opacity:.4;pointer-events:none}.Link_externalIcon__YDRJG{display:inline-block;height:1em;margin-bottom:-2px;margin-left:3px;width:1em}',S={root:"Link_root__KhBI1",clear:"Link_clear__abVgJ",inline:"Link_inline__iuNov",exact:"Link_exact__3MNoz",external:"Link_external__drijI",disabled:"Link_disabled__wkAeH",externalIcon:"Link_externalIcon__YDRJG"};styleInject(css_248z);export{S as default};
-//# sourceMappingURL=Link.styl.js.map
+import styleInject from '../../../../node_modules/style-inject/dist/style-inject.es.js';
+
+var css_248z = ".Link_root__KhBI1{align-items:center;box-shadow:inset 0 0 0 2px none;color:var(--link-color);cursor:pointer;display:inline-flex;padding:5px;position:relative;text-decoration:none;transition:color .1s ease-out;white-space:nowrap}.Link_root__KhBI1:before{background-color:var(--accent-color);bottom:0;content:\"\";height:2px;left:5px;pointer-events:none;position:absolute;right:5px;transform:scale(0);transition:transform .1s ease-out}.Link_root__KhBI1.Link_clear__abVgJ:before{content:none}.Link_root__KhBI1.Link_inline__iuNov{padding:0}.Link_root__KhBI1.Link_inline__iuNov:before{bottom:-2px;left:0;right:0}.Link_root__KhBI1.Link_exact__3MNoz{color:var(--accent-color);pointer-events:none}.Link_root__KhBI1.Link_external__drijI:before{background-color:var(--active-color)}.Link_root__KhBI1:active,.Link_root__KhBI1:focus,.Link_root__KhBI1:hover{color:var(--accent-color)}.Link_root__KhBI1:active.Link_external__drijI,.Link_root__KhBI1:focus.Link_external__drijI,.Link_root__KhBI1:hover.Link_external__drijI{color:var(--active-color)}.Link_root__KhBI1:active::-moz-selection,.Link_root__KhBI1:focus::-moz-selection,.Link_root__KhBI1:hover::-moz-selection{color:var(--accent-color)}.Link_root__KhBI1:active::selection,.Link_root__KhBI1:focus::selection,.Link_root__KhBI1:hover::selection{color:var(--accent-color)}.Link_root__KhBI1:active:before,.Link_root__KhBI1:focus:before,.Link_root__KhBI1:hover:before{transform:scale(1)}.Link_root__KhBI1.Link_disabled__wkAeH{color:var(--accent-color);opacity:.4;pointer-events:none}.Link_externalIcon__YDRJG{display:inline-block;height:1em;margin-bottom:-2px;margin-left:3px;width:1em}";
+var S = {"root":"Link_root__KhBI1","clear":"Link_clear__abVgJ","inline":"Link_inline__iuNov","exact":"Link_exact__3MNoz","external":"Link_external__drijI","disabled":"Link_disabled__wkAeH","externalIcon":"Link_externalIcon__YDRJG"};
+styleInject(css_248z);
+
+export { S as default };

package/dist/esm/src/components/Router/Redirect.js

@@ -1,2 +1,12 @@
-import{useEffect}from"react";import STORE from"./store.js";const Redirect=e=>(useEffect(()=>{STORE.replaceState(e.to,{replace:!0})},[]),null);Redirect.displayName="Redirect";export{Redirect};
-//# sourceMappingURL=Redirect.js.map
+import { useEffect } from 'react';
+import STORE from './store.js';
+
+const Redirect = (props) => {
+    useEffect(() => {
+        STORE.replaceState(props.to, { replace: true });
+    }, []);
+    return null;
+};
+Redirect.displayName = 'Redirect';
+
+export { Redirect };

package/dist/esm/src/components/Router/Route.js

@@ -1,2 +1,4 @@
-const Route=e=>null;Route.displayName="Route";export{Route};
-//# sourceMappingURL=Route.js.map
+const Route = (props) => null;
+Route.displayName = 'Route';
+
+export { Route };

package/dist/esm/src/components/Router/Router.helpers.js

@@ -1,2 +1,33 @@
-const replaceParamsInPath=(e,r)=>"/"===e?"":Object.keys(r).reduce((e,t)=>e.replace(":"+t,r[t]),e);function parsePath(e,t,r=!1){var a=e.split("/"),l=t.split("/");let n=!0;if(r&&l.length!==a.length)return null;var s={};for(let e=0;e<l.length;e++){var c=l[e],h=a[e];if(h&&c.startsWith(":"))s[c.slice(1)]=h;else if(c!==h){n=!1;break}}return n?s:null}export{parsePath,replaceParamsInPath};
-//# sourceMappingURL=Router.helpers.js.map
+const replaceParamsInPath = (path, params) => {
+    if (path === '/')
+        return '';
+    return Object.keys(params).reduce((updatedPath, paramKey) => {
+        return updatedPath.replace(`:${paramKey}`, params[paramKey]);
+    }, path);
+};
+function parsePath(currPath, routePath, exact = false) {
+    const pathParts = currPath.split('/');
+    const routePathParts = routePath.split('/');
+    let matched = true;
+    if (exact && routePathParts.length !== pathParts.length) {
+        return null;
+    }
+    const params = {};
+    for (let i = 0; i < routePathParts.length; i++) {
+        const routeToken = routePathParts[i];
+        const currentPathToken = pathParts[i];
+        if (currentPathToken && routeToken.startsWith(':')) {
+            const paramName = routeToken.slice(1);
+            params[paramName] = currentPathToken;
+        }
+        else if (routeToken !== currentPathToken) {
+            matched = false;
+            break;
+        }
+    }
+    if (!matched)
+        return null;
+    return params;
+}
+
+export { parsePath, replaceParamsInPath };

package/dist/esm/src/components/Router/Router.js

@@ -1,2 +1,68 @@
-import{jsx,Fragment}from"react/jsx-runtime";import{useContext,useEffect,useMemo}from"react";import{withStore}from"justorm/react";import STORE from"./store.js";import Context from"./context.js";import{parsePath,replaceParamsInPath}from"./Router.helpers.js";export{Route}from"./Route.js";export{Redirect}from"./Redirect.js";export{Link}from"./Link/Link.js";const Router=withStore({router:["path"]})(t=>{const{children:c,single:h,basePath:e="",store:{router:x}}=t;const R=useContext(Context).basePath+e;useEffect(()=>{const t=()=>{STORE.go(window.location.pathname,{replace:!0})};return window.addEventListener("popstate",t),()=>window.removeEventListener("popstate",t)},[]);t=useMemo(()=>{var t=[];let e,r=!1;for(const n of React.Children.toArray(c))if(React.isValidElement(n)){var o,a,s="Route"===n.type.displayName;const{path:p,exact:i,component:m,...u}=n.props;p?h&&r||(o=R&&"/"===p?"":p,o=R+o,(o=parsePath(x.path,o,i))&&(a=R+replaceParamsInPath(p,o),a=jsx(Context.Provider,{value:{basePath:a},children:jsx(m,{...u,pathParams:o})},p),r=!0,t.push(a))):s&&m?e=jsx(m,{...u}):t.push(n)}else t.push(n);return 0===t.length&&e?e:t},[c,x.path,R,h]);return jsx(Fragment,{children:t})}),RouterStore=(Router.displayName="Router",STORE),RouterContext=Context;export{Router,RouterContext,RouterStore};
-//# sourceMappingURL=Router.js.map
+import { jsx, Fragment } from 'react/jsx-runtime';
+import { useContext, useEffect, useMemo } from 'react';
+import { withStore } from 'justorm/react';
+import STORE from './store.js';
+import Context from './context.js';
+import { parsePath, replaceParamsInPath } from './Router.helpers.js';
+export { Route } from './Route.js';
+export { Redirect } from './Redirect.js';
+export { Link } from './Link/Link.js';
+
+const Router = withStore({
+    router: ['path'],
+})((props) => {
+    const { children, single, basePath = '', store: { router }, } = props;
+    const ctx = useContext(Context);
+    const fullPath = ctx.basePath + basePath;
+    useEffect(() => {
+        const onPopState = () => {
+            STORE.go(window.location.pathname, { replace: true });
+        };
+        window.addEventListener('popstate', onPopState);
+        return () => window.removeEventListener('popstate', onPopState);
+    }, []);
+    const matchedRoutes = useMemo(() => {
+        const childs = [];
+        let noMatchRoute;
+        let isRouteMatched = false;
+        for (const child of React.Children.toArray(children)) {
+            if (!React.isValidElement(child)) {
+                childs.push(child);
+                continue;
+            }
+            // @ts-ignore
+            const isRouteComponent = child.type.displayName === 'Route';
+            const { path, exact, component: Component, ...rest } = child.props;
+            if (!path) {
+                if (isRouteComponent && Component) {
+                    noMatchRoute = jsx(Component, { ...rest });
+                    continue;
+                }
+                childs.push(child);
+                continue;
+            }
+            if (single && isRouteMatched) {
+                continue;
+            }
+            const tailPath = fullPath && path === '/' ? '' : path;
+            const routePath = fullPath + tailPath;
+            const params = parsePath(router.path, routePath, exact);
+            if (params) {
+                const routeBasePath = fullPath + replaceParamsInPath(path, params);
+                const matchedRoute = (jsx(Context.Provider, { value: { basePath: routeBasePath }, children: jsx(Component, { ...rest, pathParams: params }) }, path));
+                isRouteMatched = true;
+                childs.push(matchedRoute);
+            }
+        }
+        if (childs.length === 0 && noMatchRoute) {
+            return noMatchRoute;
+        }
+        return childs;
+    }, [children, router.path, fullPath, single]);
+    return jsx(Fragment, { children: matchedRoutes });
+});
+Router.displayName = 'Router';
+const RouterStore = STORE;
+const RouterContext = Context;
+
+export { Router, RouterContext, RouterStore };

package/dist/esm/src/components/Router/context.js

@@ -1,2 +1,5 @@
-import{createContext}from"react";var Context=createContext({basePath:""});export{Context as default};
-//# sourceMappingURL=context.js.map
+import { createContext } from 'react';
+
+var Context = createContext({ basePath: '' });
+
+export { Context as default };

package/dist/esm/src/components/Router/store.js

@@ -1,2 +1,55 @@
-import{createStore}from"justorm/react";import{addUniq,spliceWhere}from"../../tools/array.js";import{parseQueryParams}from"../../tools/queryParams.js";import{isBrowser}from"../../tools/env.js";import"nanoid";import"../../tools/dom.js";import"timen";import"compareq";import"lodash.pick";const LISTENERS=[],STORE=createStore("router",{path:isBrowser&&location.pathname,params:{},query:parseQueryParams(),queryString:isBrowser&&location.search,on(e){addUniq(LISTENERS,e)},un(e){spliceWhere(LISTENERS,e)},go(e,{replace:t}={}){e!==this.path&&(history[t?"replaceState":"pushState"]({},"",e),onRouteChange(e))},back(){history.back(),onRouteChange()},replaceState(e,{quiet:t}={}){history.replaceState({},"",e),t||onRouteChange(e)}});function onRouteChange(e=window.location.pathname){STORE.queryString=location.search,STORE.query=parseQueryParams(),STORE.path=e.replace(/\?.+/,"")||"/",LISTENERS.forEach(e=>e(STORE.path))}function updateRouteState(){STORE.path===window.location.pathname&&STORE.queryString===location.search||onRouteChange()}isBrowser&&(window.addEventListener("popstate",updateRouteState),window.addEventListener("pushstate",updateRouteState));export{STORE as default};
-//# sourceMappingURL=store.js.map
+import { createStore } from 'justorm/react';
+import { addUniq, spliceWhere } from '../../tools/array.js';
+import { parseQueryParams } from '../../tools/queryParams.js';
+import { isBrowser } from '../../tools/env.js';
+import 'nanoid';
+import '../../tools/dom.js';
+import 'timen';
+import 'compareq';
+import 'lodash.pick';
+
+const LISTENERS = [];
+const STORE = createStore('router', {
+    path: isBrowser && location.pathname,
+    params: {},
+    query: parseQueryParams(),
+    queryString: isBrowser && location.search,
+    on(cb) {
+        addUniq(LISTENERS, cb);
+    },
+    un(cb) {
+        spliceWhere(LISTENERS, cb);
+    },
+    go(href, { replace } = {}) {
+        if (href === this.path)
+            return;
+        history[replace ? 'replaceState' : 'pushState']({}, '', href);
+        onRouteChange(href);
+    },
+    back() {
+        history.back();
+        onRouteChange();
+    },
+    replaceState(href, { quiet } = {}) {
+        history.replaceState({}, '', href);
+        if (!quiet)
+            onRouteChange(href);
+    },
+});
+function onRouteChange(href = window.location.pathname) {
+    STORE.queryString = location.search;
+    STORE.query = parseQueryParams();
+    STORE.path = href.replace(/\?.+/, '') || '/';
+    LISTENERS.forEach(cb => cb(STORE.path));
+}
+function updateRouteState() {
+    if (STORE.path !== window.location.pathname ||
+        STORE.queryString !== location.search)
+        onRouteChange();
+}
+if (isBrowser) {
+    window.addEventListener('popstate', updateRouteState);
+    window.addEventListener('pushstate', updateRouteState);
+}
+
+export { STORE as default };