@vertesia/ui 0.78.0-dev-28b447d → 0.79.0

package/lib/esm/features/utils/mimeType.js

@@ -0,0 +1,9 @@
+const CSV_PREFIX = 'text/csv';
+const IMAGE_PREFIX = 'image/';
+const PDF_PREFIX = 'application/pdf';
+const VIDEO_PREFIX = 'video/';
+export const isCsv = (type) => type === CSV_PREFIX || CSV_PREFIX.includes(type);
+export const isImage = (type) => type.startsWith(IMAGE_PREFIX) || IMAGE_PREFIX.includes(type);
+export const isPdf = (type) => type === PDF_PREFIX || PDF_PREFIX.includes(type);
+export const isVideo = (type) => type.startsWith(VIDEO_PREFIX) || VIDEO_PREFIX.includes(type);
+//# sourceMappingURL=mimeType.js.map

package/lib/esm/features/utils/mimeType.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mimeType.js","sourceRoot":"","sources":["../../../../src/features/utils/mimeType.ts"],"names":[],"mappings":"AAAA,MAAM,UAAU,GAAG,UAAU,CAAA;AAC7B,MAAM,YAAY,GAAG,QAAQ,CAAA;AAC7B,MAAM,UAAU,GAAG,iBAAiB,CAAA;AACpC,MAAM,YAAY,GAAG,QAAQ,CAAA;AAE7B,MAAM,CAAC,MAAM,KAAK,GAAG,CAAC,IAAY,EAAE,EAAE,CAAC,IAAI,KAAK,UAAU,IAAI,UAAU,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAA;AACvF,MAAM,CAAC,MAAM,OAAO,GAAG,CAAC,IAAY,EAAE,EAAE,CAAC,IAAI,CAAC,UAAU,CAAC,YAAY,CAAC,IAAI,YAAY,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAA;AACrG,MAAM,CAAC,MAAM,KAAK,GAAG,CAAC,IAAY,EAAE,EAAE,CAAC,IAAI,KAAK,UAAU,IAAI,UAAU,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAA;AACvF,MAAM,CAAC,MAAM,OAAO,GAAG,CAAC,IAAY,EAAE,EAAE,CAAC,IAAI,CAAC,UAAU,CAAC,YAAY,CAAC,IAAI,YAAY,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAA"}

package/lib/esm/features/utils/rendition.js

@@ -0,0 +1,67 @@
+import { isImage, isPdf, isVideo } from "./mimeType.js";
+import { ImageRenditionFormat } from "@vertesia/common";
+//TODO we must use a setting in Env.
+const env = import.meta.env;
+const RENDITION_OPTIONS = {
+    max_hw: env?.VITE_RENDITION_HW || 256,
+    format: ImageRenditionFormat.jpeg,
+    generate_if_missing: true,
+};
+const RENDITION_ID = "vertesia.content_store.renditionId";
+export async function retrieveRendition(client, doc, setRenditionUrl, setRenditionAlt, setRenditionStatus) {
+    if (!doc?.content?.type ||
+        !(isImage(doc.content.type) ||
+            isVideo(doc.content.type) ||
+            isPdf(doc.content.type))) {
+        setRenditionStatus("No preview available");
+        return;
+    }
+    setRenditionStatus("Preparing preview...");
+    const currentTime = new Date().getTime() / 1000;
+    const savedId = localStorage.getItem(`${RENDITION_ID}_${doc.id}_${RENDITION_OPTIONS.max_hw}`);
+    const elapsedTime = localStorage.getItem(`${RENDITION_ID}_${doc.id}_${RENDITION_OPTIONS.max_hw}_time`);
+    if (savedId?.length &&
+        elapsedTime &&
+        Math.abs(currentTime - parseInt(elapsedTime)) <= 900) {
+        setRenditionUrl(savedId);
+        setRenditionAlt(`${doc.name} Rendition`);
+        setRenditionStatus("ready");
+        return savedId;
+    }
+    setRenditionStatus("Preparing preview...");
+    client.objects.getRendition(doc.id, RENDITION_OPTIONS).then((response) => {
+        if (response.status === "generating") {
+            setRenditionStatus("Preparing preview...");
+            setRenditionUrl("");
+            setRenditionAlt("");
+            setTimeout(() => retrieveRendition(client, doc, setRenditionUrl, setRenditionAlt, setRenditionStatus), 60000);
+        }
+        else if (response.status === "failed") {
+            setRenditionStatus("No preview available");
+            setRenditionUrl("");
+            setRenditionAlt("");
+            return;
+        }
+        else {
+            if (!response?.renditions?.length) {
+                setRenditionStatus("No preview available");
+                setRenditionUrl("");
+                setRenditionAlt("");
+                return;
+            }
+            const rendition = response.renditions[0];
+            localStorage.setItem(`${RENDITION_ID}_${doc.id}_${RENDITION_OPTIONS.max_hw}`, rendition);
+            localStorage.setItem(`${RENDITION_ID}_${doc.id}_${RENDITION_OPTIONS.max_hw}_time`, (new Date().getTime() / 1000).toString());
+            setRenditionUrl(rendition);
+            setRenditionAlt(`${doc.name} Rendition`);
+            setRenditionStatus("ready");
+            console.log(`Rendition for document ${doc.id} retrieved successfully: ${rendition}`);
+        }
+    }).catch((error) => {
+        setRenditionStatus("No preview available");
+        console.warn("Failed to retrieve rendition:", error);
+        setRenditionUrl("");
+        setRenditionAlt("");
+    });
+}
+//# sourceMappingURL=rendition.js.map

package/lib/esm/features/utils/rendition.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"rendition.js","sourceRoot":"","sources":["../../../../src/features/utils/rendition.ts"],"names":[],"mappings":"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"}

package/lib/esm/features/utils/text.js

@@ -0,0 +1,10 @@
+export function shortId(id, length = 7) {
+    if (!id) {
+        return "";
+    }
+    return "~" + id.slice(-length);
+}
+export function shortenString(str, length) {
+    return str.length > length ? str.substring(0, length) + '...' : str;
+}
+//# sourceMappingURL=text.js.map

package/lib/esm/features/utils/text.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"text.js","sourceRoot":"","sources":["../../../../src/features/utils/text.ts"],"names":[],"mappings":"AAAA,MAAM,UAAU,OAAO,CAAC,EAAU,EAAE,SAAiB,CAAC;IAClD,IAAI,CAAC,EAAE,EAAE,CAAC;QACN,OAAO,EAAE,CAAC;IACd,CAAC;IACD,OAAO,GAAG,GAAG,EAAE,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,CAAC;AACnC,CAAC;AAED,MAAM,UAAU,aAAa,CAAC,GAAW,EAAE,MAAc;IACrD,OAAO,GAAG,CAAC,MAAM,GAAG,MAAM,CAAC,CAAC,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC,EAAE,MAAM,CAAC,GAAG,KAAK,CAAC,CAAC,CAAC,GAAG,CAAC;AACxE,CAAC"}

package/lib/esm/layout/AppLayout.js

@@ -0,0 +1,46 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Dialog, DialogPanel, Transition, TransitionChild } from '@headlessui/react';
+import { X } from 'lucide-react';
+import clsx from 'clsx';
+import { Fragment, useEffect, useState } from 'react';
+// import { FullHeightLayout } from './FullHeightLayout.js'
+import { Navbar } from './Navbar.js';
+import { Sidebar } from './Sidebar.js';
+import { SidebarContext } from './SidebarContext.js';
+export function AppLayout({ sidebarClassName, className, title, children, logo, navbar, sidebar, mainNav }) {
+    if (localStorage.getItem('desktopSidebarOpen') === null) {
+        localStorage.setItem('desktopSidebarOpen', 'true');
+    }
+    const [sidebarOpen, setSidebarOpen] = useState(false);
+    const [desktopSidebarOpen, setDesktopSidebarOpen] = useState(localStorage.getItem('desktopSidebarOpen') === 'true');
+    const [isLargeScreen, setIsLargeScreen] = useState(window.innerWidth >= 1024);
+    useEffect(() => {
+        const handleResize = () => {
+            setIsLargeScreen(window.innerWidth >= 1024);
+        };
+        window.addEventListener('resize', handleResize);
+        return () => window.removeEventListener('resize', handleResize);
+    }, []);
+    const sidebarContextValue = {
+        isOpen: isLargeScreen ? desktopSidebarOpen : sidebarOpen,
+        toggleDesktop: (value) => {
+            if (value === undefined) {
+                setDesktopSidebarOpen(!desktopSidebarOpen);
+            }
+            else {
+                setDesktopSidebarOpen(value);
+            }
+            localStorage.setItem('desktopSidebarOpen', JSON.stringify(!desktopSidebarOpen));
+        },
+        toggleMobile: (value) => {
+            if (value === undefined) {
+                setSidebarOpen(!sidebarOpen);
+            }
+            else {
+                setSidebarOpen(value);
+            }
+        },
+    };
+    return (_jsx(_Fragment, { children: _jsx("div", { className: 'flex flex-col h-screen overflow-y-hidden', children: _jsxs(SidebarContext.Provider, { value: sidebarContextValue, children: [_jsx("div", { className: 'w-full', children: mainNav }), _jsxs("div", { className: 'flex h-full overflow-y-auto w-full', children: [_jsx(Transition, { show: sidebarOpen, as: Fragment, children: _jsxs(Dialog, { as: "div", className: "relative z-50 lg:hidden", onClose: setSidebarOpen, children: [_jsx(TransitionChild, { as: Fragment, enter: "transition-opacity ease-linear duration-300", enterFrom: "opacity-0", enterTo: "opacity-100", leave: "transition-opacity ease-linear duration-300", leaveFrom: "opacity-100", leaveTo: "opacity-0", children: _jsx("div", { className: "fixed inset-0 bg-gray-900/80" }) }), _jsx("div", { className: "fixed inset-0 flex", children: _jsx(TransitionChild, { as: Fragment, enter: "transition ease-in-out duration-300 transform", enterFrom: "-translate-x-full", enterTo: "translate-x-0", leave: "transition ease-in-out duration-300 transform", leaveFrom: "translate-x-0", leaveTo: "-translate-x-full", children: _jsxs(DialogPanel, { className: "relative flex w-full max-w-xs flex-1", children: [_jsx(Sidebar, { logo: logo, className: sidebarClassName, children: sidebar }), _jsx("div", { className: "flex w-16 justify-center pt-5 items-start", children: _jsxs("button", { type: "button", className: "-m-2.5 p-2.5", onClick: () => setSidebarOpen(false), children: [_jsx("span", { className: "sr-only", children: "Close sidebar" }), _jsx(X, { className: "size-6 text-white", "aria-hidden": "true" })] }) })] }) }) })] }) }), _jsx("div", { className: `hidden lg:block relative transition-all duration-300 ${desktopSidebarOpen ? 'w-72' : 'w-12'}`, children: _jsx(Sidebar, { logo: logo, className: sidebarClassName, children: sidebar }) }), _jsxs("div", { className: "w-full h-full overflow-y-hidden", children: [navbar ? (_jsx(Navbar, { title: title, logo: logo, children: navbar })) : null, _jsx("main", { className: clsx("flex-1 h-full w-full relative flex flex-col", className), children: children })] })] })] }) }) }));
+}
+//# sourceMappingURL=AppLayout.js.map

package/lib/esm/layout/AppLayout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AppLayout.js","sourceRoot":"","sources":["../../../src/layout/AppLayout.tsx"],"names":[],"mappings":"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"}

package/lib/esm/layout/FullHeightLayout.js

@@ -0,0 +1,18 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import clsx from 'clsx';
+export function FullHeightLayout({ className, children }) {
+    return (_jsx("div", { className: clsx("flex flex-col", "h-full", "overflow-y-auto", "px-2", className), children: children }));
+}
+FullHeightLayout.Fixed = function Fixed({ heightClass, className, children }) {
+    return (_jsx("div", { className: clsx("w-full", heightClass, className), children: children }));
+};
+FullHeightLayout.Body = function Body({ className, children }) {
+    return (_jsx("div", { className: clsx("grow overflow-auto", "min-h-0", "p-2", className), children: children }));
+};
+FullHeightLayout.VR = function VDivider({}) {
+    return (_jsx("div", { className: "w-[1px] border border-red-200" }));
+};
+FullHeightLayout.HR = function HDivider({}) {
+    return (_jsx("div", { className: "w-full h-1 border-b border-red-200" }));
+};
+//# sourceMappingURL=FullHeightLayout.js.map

package/lib/esm/layout/FullHeightLayout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FullHeightLayout.js","sourceRoot":"","sources":["../../../src/layout/FullHeightLayout.tsx"],"names":[],"mappings":";AAAA,OAAO,IAAI,MAAM,MAAM,CAAC;AAOxB,MAAM,UAAU,gBAAgB,CAAC,EAAE,SAAS,EAAE,QAAQ,EAA6B;IAC/E,OAAO,CACH,cACI,SAAS,EAAE,IAAI,CACX,eAAe,EACf,QAAQ,EACR,iBAAiB,EACjB,MAAM,EACN,SAAS,CACZ,YAEA,QAAQ,GACP,CACT,CAAC;AACN,CAAC;AAOD,gBAAgB,CAAC,KAAK,GAAG,SAAS,KAAK,CAAC,EAAE,WAAW,EAAE,SAAS,EAAE,QAAQ,EAAc;IACpF,OAAO,CACH,cACI,SAAS,EAAE,IAAI,CACX,QAAQ,EACR,WAAW,EACX,SAAS,CACZ,YAEA,QAAQ,GACP,CACT,CAAC;AACN,CAAC,CAAA;AAMD,gBAAgB,CAAC,IAAI,GAAG,SAAS,IAAI,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAa;IACpE,OAAO,CACH,cACI,SAAS,EAAE,IAAI,CACX,oBAAoB,EACpB,SAAS,EACT,KAAK,EACL,SAAS,CACZ,YAEA,QAAQ,GACP,CACT,CAAC;AACN,CAAC,CAAA;AAGD,gBAAgB,CAAC,EAAE,GAAG,SAAS,QAAQ,CAAC,EAAkB;IACtD,OAAO,CACH,cAAK,SAAS,EAAC,+BAA+B,GAAO,CACxD,CAAC;AACN,CAAC,CAAA;AAGD,gBAAgB,CAAC,EAAE,GAAG,SAAS,QAAQ,CAAC,EAAkB;IACtD,OAAO,CACH,cAAK,SAAS,EAAC,oCAAoC,GAAO,CAC7D,CAAC;AACN,CAAC,CAAA"}

package/lib/esm/layout/Navbar.js

@@ -0,0 +1,40 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Menu, Search } from 'lucide-react';
+import { Button } from '@vertesia/ui/core';
+import { useSidebarToggle } from './SidebarContext.js';
+import { TitleBar } from './TitleBar.js';
+export function Navbar({ children, logo, onSearch, title }) {
+    return (_jsxs("div", { className: "sticky top-0 z-40 flex h-16 shrink-0 items-center gap-x-4 border-b px-4 shadow-2xs sm:gap-x-6 sm:px-6 lg:px-8", children: [_jsx(HamburgerButton, {}), _jsx("div", { className: "lg:hidden", children: logo }), onSearch && _jsx(NavbarSeparator, { visible: 'mobile' }), _jsxs("div", { className: "flex flex-1 gap-x-4 self-stretch lg:gap-x-6", children: [_jsx(TitleBar, { title: title }), onSearch && _jsx(SearchBox, { onSearch: onSearch }), _jsx("div", { className: "flex items-center gap-x-4 lg:gap-x-6 ml-auto", children: children })] })] }));
+}
+function SearchBox({}) {
+    return (_jsxs("form", { className: "relative flex flex-1", action: "#", method: "GET", children: [_jsx("label", { htmlFor: "search-field", className: "sr-only", children: "Search" }), _jsx(Search, { className: "pointer-events-none absolute inset-y-0 left-0 h-full w-5 text-gray-400", "aria-hidden": "true" }), _jsx("input", { id: "search-field", className: "block h-full w-full border-0 py-0 pl-8 pr-0 text-gray-900 placeholder:text-gray-400 focus:ring-0 sm:text-sm", placeholder: "Search...", type: "search", name: "search" })] }));
+}
+export function HamburgerButton() {
+    const { toggleDesktop, toggleMobile } = useSidebarToggle();
+    const toggle = () => {
+        if (window.innerWidth < 1024) {
+            toggleMobile();
+        }
+        else {
+            toggleDesktop();
+        }
+    };
+    return (_jsx(_Fragment, { children: _jsx(Button, { variant: 'ghost', size: 'icon', onClick: () => toggle(), className: "p-2 rounded-full transition-colors w-full text-center ", children: _jsx(Menu, { "aria-hidden": "true", size: 24 }) }) }));
+}
+export function NavbarSeparator({ visible }) {
+    let visibility = "";
+    if (visible) {
+        visibility = visible === "mobile" ? "lg:hidden" : "hidden lg:block";
+    }
+    return (_jsx("div", { className: `h-6 w-px bg-gray-900/10 dark:bg-slate-900/0.1 ${visibility}`, "aria-hidden": "true" }));
+}
+export function NavbarIconButton({ title, icon: Icon, onClick }) {
+    return (_jsxs("button", { type: "button", className: "-m-2.5 p-2.5 text-gray-400 dark:text-slate-50 hover:text-gray-500", onClick: onClick, children: [_jsx("span", { className: "sr-only", children: title }), _jsx(Icon, { className: "size-6", "aria-hidden": "true", title: title })] }));
+}
+export function NavbarButton({ children, onClick }) {
+    return (_jsx(Button, { onClick: onClick, children: children }));
+}
+export function NavbarLink({ href, onClick, children }) {
+    return (_jsx("a", { className: "dark:text-slate-50", href: href, onClick: onClick, children: children }));
+}
+//# sourceMappingURL=Navbar.js.map

package/lib/esm/layout/Navbar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Navbar.js","sourceRoot":"","sources":["../../../src/layout/Navbar.tsx"],"names":[],"mappings":"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"}

package/lib/esm/layout/Sidebar.js

@@ -0,0 +1,45 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import clsx from 'clsx';
+import { useSidebarToggle } from './SidebarContext';
+import { Dot } from 'lucide-react';
+import { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider } from '@vertesia/ui/core';
+import { Nav } from "@vertesia/ui/router";
+export function Sidebar({ children, logo, className }) {
+    return (_jsxs("div", { className: clsx(className || "bg-indigo-600 dark:bg-indigo-950", "flex flex-col h-full"), children: [logo &&
+                _jsx("div", { className: "-mx-2 flex h-auto my-4 shrink-0 self-start", children: logo }), _jsx("div", { className: "flex-1 min-h-0 overflow-hidden px-2", children: _jsx("nav", { className: "h-full flex flex-col", children: _jsx("ul", { role: "list", className: "flex flex-col gap-y-2 overflow-y-auto h-full", children: children }) }) })] }));
+}
+export function SidebarSection({ children, title, action, isFooter = false }) {
+    const { isOpen } = useSidebarToggle();
+    let header = isOpen ? _jsxs(_Fragment, { children: [title || "", action] }) : _jsx(Dot, { className: 'size-6' });
+    return (_jsxs("li", { className: isFooter ? 'mt-auto' : '', children: [title && _jsx("div", { className: "text-xs font-medium h-8 flex items-center gap-x-2 px-2 text-sidebar-foreground/70", children: header }), _jsx("ul", { "data-sidebar": "menu", className: "flex w-full min-w-0 flex-col gap-1", children: children })] }));
+}
+export function SidebarTooltip({ children, text }) {
+    const { isOpen } = useSidebarToggle();
+    return (isOpen ? _jsx(_Fragment, { children: children }) :
+        _jsx(TooltipProvider, { children: _jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: children }), _jsx(TooltipContent, { side: 'right', children: text })] }) }));
+}
+export function SidebarItem({ external, className, tools, children, icon: Icon, href, current, onClick }) {
+    const { toggleMobile } = useSidebarToggle();
+    const _closeSideBar = () => {
+        setTimeout(() => {
+            toggleMobile(false);
+        }, 100);
+    };
+    const onClickWrapper = (event) => {
+        if (external) {
+            window.open(href, '_blank');
+            event.preventDefault(); // Prevent default link behavior
+            event.stopPropagation(); // Stop the event from propagating
+        }
+        else if (onClick) {
+            onClick(event);
+        }
+    };
+    return (_jsx("li", { children: _jsx(Nav, { onClick: _closeSideBar, children: _jsx(SidebarTooltip, { text: children, children: _jsxs("a", { href: href, onClick: onClickWrapper, className: clsx(current
+                        ? 'bg-sidebar-accent text-sidebar-accent-foreground'
+                        : 'text-sidebar-foreground hover:text-sidebar-accent-foreground hover:bg-sidebar-accent', 'group flex gap-x-3 rounded-md px-2 py-1.5 text-sm items-center h-8', className), children: [Icon &&
+                            _jsx(Icon, { className: clsx(current
+                                    ? 'bg-sidebar-accent text-sidebar-accent-foreground'
+                                    : 'text-sidebar-foreground hover:text-sidebar-accent-foreground hover:bg-sidebar-accent', 'size-4 shrink-0'), "aria-hidden": "true" }), children, tools && _jsx("div", { className: 'flex items-center ml-auto', children: tools })] }) }) }) }));
+}
+//# sourceMappingURL=Sidebar.js.map

package/lib/esm/layout/Sidebar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Sidebar.js","sourceRoot":"","sources":["../../../src/layout/Sidebar.tsx"],"names":[],"mappings":";AAAA,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AACpD,OAAO,EAAE,GAAG,EAAE,MAAM,cAAc,CAAC;AACnC,OAAO,EAAE,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAC7F,OAAO,EAAE,GAAG,EAAE,MAAM,qBAAqB,CAAC;AAS1C,MAAM,UAAU,OAAO,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,SAAS,EAAgB;IAC/D,OAAO,CACH,eAAK,SAAS,EAAE,IAAI,CAAC,SAAS,IAAI,kCAAkC,EAChE,sBAAsB,CACzB,aACI,IAAI;gBACD,cAAK,SAAS,EAAC,4CAA4C,YACtD,IAAI,GACH,EAEV,cAAK,SAAS,EAAC,qCAAqC,YAChD,cAAK,SAAS,EAAC,sBAAsB,YACjC,aAAI,IAAI,EAAC,MAAM,EAAC,SAAS,EAAC,8CAA8C,YACnE,QAAQ,GACR,GACH,GACJ,IACJ,CACT,CAAA;AACL,CAAC;AAQD,MAAM,UAAU,cAAc,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,EAAE,QAAQ,GAAG,KAAK,EAAuB;IAC7F,MAAM,EAAE,MAAM,EAAE,GAAG,gBAAgB,EAAE,CAAC;IAEtC,IAAI,MAAM,GAAG,MAAM,CAAC,CAAC,CAAC,8BACjB,KAAK,IAAI,EAAE,EACX,MAAM,IACR,CAAC,CAAC,CAAC,KAAC,GAAG,IAAC,SAAS,EAAC,QAAQ,GAAG,CAAA;IAEhC,OAAO,CACH,cAAI,SAAS,EAAE,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,aACnC,KAAK,IAAI,cAAK,SAAS,EAAC,mFAAmF,YACvG,MAAM,GACL,EACN,6BAAiB,MAAM,EAAC,SAAS,EAAC,oCAAoC,YACjE,QAAQ,GACR,IACJ,CACR,CAAA;AACL,CAAC;AAED,MAAM,UAAU,cAAc,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAgD;IAC3F,MAAM,EAAE,MAAM,EAAE,GAAG,gBAAgB,EAAE,CAAC;IACtC,OAAO,CACH,MAAM,CAAC,CAAC,CAAC,4BAAG,QAAQ,GAAI,CAAC,CAAC;QACtB,KAAC,eAAe,cACZ,MAAC,OAAO,eACJ,KAAC,cAAc,IAAC,OAAO,kBAClB,QAAQ,GACI,EACjB,KAAC,cAAc,IAAC,IAAI,EAAC,OAAO,YACvB,IAAI,GACQ,IACX,GACI,CACzB,CAAA;AACL,CAAC;AAaD,MAAM,UAAU,WAAW,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,KAAK,EAAE,QAAQ,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAoB;IACtH,MAAM,EAAE,YAAY,EAAE,GAAG,gBAAgB,EAAE,CAAC;IAC5C,MAAM,aAAa,GAAG,GAAG,EAAE;QACvB,UAAU,CAAC,GAAG,EAAE;YACZ,YAAY,CAAC,KAAK,CAAC,CAAA;QACvB,CAAC,EAAE,GAAG,CAAC,CAAC;IACZ,CAAC,CAAA;IACD,MAAM,cAAc,GAAG,CAAC,KAAsD,EAAE,EAAE;QAC9E,IAAI,QAAQ,EAAE,CAAC;YACX,MAAM,CAAC,IAAI,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC;YAC5B,KAAK,CAAC,cAAc,EAAE,CAAC,CAAC,gCAAgC;YACxD,KAAK,CAAC,eAAe,EAAE,CAAC,CAAC,kCAAkC;QAC/D,CAAC;aAAM,IAAI,OAAO,EAAE,CAAC;YACjB,OAAO,CAAC,KAAK,CAAC,CAAC;QACnB,CAAC;IACL,CAAC,CAAA;IACD,OAAO,CACH,uBACI,KAAC,GAAG,IAAC,OAAO,EAAE,aAAa,YACvB,KAAC,cAAc,IAAC,IAAI,EAAE,QAAkB,YACpC,aACI,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,cAAc,EACvB,SAAS,EAAE,IAAI,CACX,OAAO;wBACH,CAAC,CAAC,kDAAkD;wBACpD,CAAC,CAAC,sFAAsF,EAC5F,oEAAoE,EACpE,SAAS,CACZ,aAEA,IAAI;4BACD,KAAC,IAAI,IACD,SAAS,EAAE,IAAI,CACX,OAAO;oCACH,CAAC,CAAC,kDAAkD;oCACpD,CAAC,CAAC,sFAAsF,EAC5F,iBAAiB,CACpB,iBACW,MAAM,GACpB,EAEL,QAAQ,EACR,KAAK,IAAI,cAAK,SAAS,EAAC,2BAA2B,YAAE,KAAK,GAAO,IAClE,GACS,GACf,GACL,CAER,CAAA;AACL,CAAC"}

package/lib/esm/layout/SidebarContext.js

@@ -0,0 +1,10 @@
+import { createContext, useContext } from "react";
+export const SidebarContext = createContext({
+    isOpen: false,
+    toggleMobile: () => void 0,
+    toggleDesktop: () => void 0,
+});
+export function useSidebarToggle() {
+    return useContext(SidebarContext);
+}
+//# sourceMappingURL=SidebarContext.js.map

package/lib/esm/layout/SidebarContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SidebarContext.js","sourceRoot":"","sources":["../../../src/layout/SidebarContext.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAQlD,MAAM,CAAC,MAAM,cAAc,GAAG,aAAa,CAAqB;IAC5D,MAAM,EAAE,KAAK;IACb,YAAY,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC;IAC1B,aAAa,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC;CAC9B,CAAC,CAAC;AAEH,MAAM,UAAU,gBAAgB;IAC5B,OAAO,UAAU,CAAC,cAAc,CAAC,CAAC;AACtC,CAAC"}

package/lib/esm/layout/TitleBar.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+export function TitleBar({ title }) {
+    return _jsx("div", { className: 'self-center text-lg font-semibold', children: title });
+}
+//# sourceMappingURL=TitleBar.js.map

package/lib/esm/layout/TitleBar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TitleBar.js","sourceRoot":"","sources":["../../../src/layout/TitleBar.tsx"],"names":[],"mappings":";AAIA,MAAM,UAAU,QAAQ,CAAC,EAAE,KAAK,EAAiB;IAC7C,OAAO,cAAK,SAAS,EAAC,mCAAmC,YAAE,KAAK,GAAO,CAAA;AAC3E,CAAC"}

package/lib/esm/layout/index.js

@@ -0,0 +1,7 @@
+export * from "./FullHeightLayout.js";
+export * from "./AppLayout.js";
+export * from "./Navbar.js";
+export * from "./Sidebar.js";
+export * from "./SidebarContext.js";
+export * from "./TitleBar.js";
+//# sourceMappingURL=index.js.map

package/lib/esm/layout/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/layout/index.ts"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAC;AACtC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,qBAAqB,CAAC;AACpC,cAAc,eAAe,CAAC"}

package/lib/esm/router/FixLinks.js

@@ -0,0 +1,23 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useEffect, useRef } from "react";
+import { BASE_PATH } from "./HistoryNavigator";
+export function FixLinks({ basePath, children }) {
+    const ref = useRef(null);
+    useEffect(() => {
+        if (ref.current) {
+            const divElem = ref.current;
+            const listener = (ev) => {
+                const elem = ev.target;
+                if (elem.tagName.toLowerCase() === 'a') {
+                    ev[BASE_PATH] = basePath;
+                }
+            };
+            divElem.addEventListener('click', listener);
+            return () => {
+                divElem.removeEventListener('click', listener);
+            };
+        }
+    }, [ref.current]);
+    return (_jsx("div", { ref: ref, className: "h-full w-full", children: children }));
+}
+//# sourceMappingURL=FixLinks.js.map

package/lib/esm/router/FixLinks.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FixLinks.js","sourceRoot":"","sources":["../../../src/router/FixLinks.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAM/C,MAAM,UAAU,QAAQ,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAiB;IAC1D,MAAM,GAAG,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IACzC,SAAS,CAAC,GAAG,EAAE;QACX,IAAI,GAAG,CAAC,OAAO,EAAE,CAAC;YACd,MAAM,OAAO,GAAG,GAAG,CAAC,OAAO,CAAC;YAC5B,MAAM,QAAQ,GAAG,CAAC,EAAc,EAAE,EAAE;gBAChC,MAAM,IAAI,GAAG,EAAE,CAAC,MAAqB,CAAC;gBACtC,IAAI,IAAI,CAAC,OAAO,CAAC,WAAW,EAAE,KAAK,GAAG,EAAE,CAAC;oBACpC,EAAU,CAAC,SAAS,CAAC,GAAG,QAAQ,CAAC;gBACtC,CAAC;YACL,CAAC,CAAA;YACD,OAAO,CAAC,gBAAgB,CAAC,OAAO,EAAE,QAAQ,CAAC,CAAC;YAC5C,OAAO,GAAG,EAAE;gBACR,OAAO,CAAC,mBAAmB,CAAC,OAAO,EAAE,QAAQ,CAAC,CAAC;YACnD,CAAC,CAAA;QACL,CAAC;IACL,CAAC,EAAE,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC,CAAC;IAClB,OAAO,CACH,cAAK,GAAG,EAAE,GAAG,EAAE,SAAS,EAAC,eAAe,YAAE,QAAQ,GAAO,CAC5D,CAAA;AACL,CAAC"}

package/lib/esm/router/HistoryNavigator.js

@@ -0,0 +1,149 @@
+import { joinPath } from "./path";
+import { PathWithParams } from "./PathWithParams";
+const BASE_PATH = Symbol('BASE_PATH');
+export { BASE_PATH };
+export class LocationChangeEvent {
+    name;
+    type;
+    location;
+    state;
+    _canceled = false;
+    constructor(name, type, location, state) {
+        this.name = name;
+        this.type = type;
+        this.location = location;
+        this.state = state;
+    }
+    get isPageLoad() {
+        return this.type === 'initial';
+    }
+    get isBackForward() {
+        return this.type === 'popState';
+    }
+    get isLinkClick() {
+        return this.type === 'linkClick';
+    }
+    get isNavigation() {
+        return this.type === 'navigate';
+    }
+    get isCancelable() {
+        return this.name === 'beforeChange';
+    }
+    cancel() {
+        if (this.name === 'afterChange') {
+            throw new Error('Cannot cancel afterChange event');
+        }
+        this._canceled = true;
+    }
+}
+export class BeforeLocationChangeEvent extends LocationChangeEvent {
+    constructor(type, location, state) {
+        super('beforeChange', type, location, state);
+    }
+}
+export class AfterLocationChangeEvent extends LocationChangeEvent {
+    constructor(type, location, state) {
+        super('afterChange', type, location, state);
+    }
+}
+function getElementHrefAsUrl(elem) {
+    if (elem && elem.tagName.toLowerCase() === 'a') {
+        const href = elem?.href.trim();
+        if (typeof href === 'string' && href.length > 0) {
+            return new URL(href);
+        }
+    }
+    return null;
+}
+export class HistoryNavigator {
+    // params to preserve in the query string when navigating
+    stickyParams;
+    _popStateListener;
+    _linkNavListener;
+    _listeners = [];
+    constructor() {
+    }
+    addListener(listener) {
+        this._listeners.push(listener);
+    }
+    fireLocationChange(event) {
+        for (const listener of this._listeners) {
+            listener(event);
+        }
+    }
+    /**
+     * Should be called when the page is first loaded.
+     * It will fire a location change event with type `initial` and the current window.location as the location
+     */
+    firePageLoad() {
+        this.fireLocationChange(new AfterLocationChangeEvent('initial', new URL(window.location.href)));
+    }
+    addStickyParams(path) {
+        if (this.stickyParams) {
+            return new PathWithParams(path).add(this.stickyParams).toString();
+        }
+        return path;
+    }
+    navigate(to, options = {}) {
+        if (options.basePath) {
+            let basePath = options.basePath;
+            if (!basePath.startsWith('/')) {
+                basePath = '/' + basePath;
+            }
+            to = joinPath(basePath, to);
+        }
+        to = this.addStickyParams(to);
+        this._navigate(new URL(to, window.location.href), 'navigate', options);
+    }
+    _navigate(to, type, options) {
+        const beforeEvent = new BeforeLocationChangeEvent(type, to, options.state);
+        this.fireLocationChange(beforeEvent);
+        if (beforeEvent._canceled) {
+            return;
+        }
+        window.history[options.replace ? 'replaceState' : 'pushState']({
+            from: window.location.href,
+            data: options.state || undefined
+        }, '', to.href);
+        this.fireLocationChange(new AfterLocationChangeEvent(type, to, options.state));
+    }
+    start() {
+        if (typeof window === "undefined") {
+            return;
+        }
+        const _popStateListener = (ev) => {
+            let type = ev.state ? 'popState' : 'linkClick';
+            const to = new URL(window.location.href);
+            let state = undefined;
+            if (ev.state) {
+                type = 'popState';
+                state = ev.state.data;
+            }
+            else {
+                type = 'linkClick';
+            }
+            this.fireLocationChange(new AfterLocationChangeEvent(type, to, state));
+        };
+        const _linkNavListener = (ev) => {
+            const url = getElementHrefAsUrl(ev.target);
+            if (url && url.origin === window.location.origin) {
+                ev.preventDefault();
+                const to = new URL(this.addStickyParams(url.href));
+                const basePath = ev[BASE_PATH] || ev.target[BASE_PATH];
+                if (basePath) {
+                    to.pathname = joinPath(basePath, to.pathname);
+                }
+                this._navigate(to, 'linkClick', {});
+            }
+        };
+        this._popStateListener = _popStateListener;
+        this._linkNavListener = _linkNavListener;
+        window.addEventListener('popstate', _popStateListener);
+        document.body.addEventListener('click', this._linkNavListener);
+    }
+    stop() {
+        this._popStateListener && window.removeEventListener('popstate', this._popStateListener);
+        this._linkNavListener && document.body.removeEventListener('click', this._linkNavListener);
+    }
+}
+//# sourceMappingURL=HistoryNavigator.js.map

package/lib/esm/router/HistoryNavigator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HistoryNavigator.js","sourceRoot":"","sources":["../../../src/router/HistoryNavigator.ts"],"names":[],"mappings":"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"}

package/lib/esm/router/Nav.js

@@ -0,0 +1,26 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useNavigate, useRouterContext } from "./Router";
+export function Nav({ children, onClick }) {
+    const navigate = useNavigate();
+    const _onClick = (ev) => {
+        const link = ev.target.closest('a');
+        if (link && link.href) {
+            ev.stopPropagation();
+            ev.preventDefault();
+            navigate(link.href);
+            onClick?.(ev);
+        }
+    };
+    return (_jsx("span", { onClick: _onClick, children: children }));
+}
+export function NavLink({ children, href, className, topLevelNav }) {
+    const { router } = useRouterContext();
+    const _onClick = (ev) => {
+        ev.stopPropagation();
+        ev.preventDefault();
+        const actualRouter = topLevelNav ? router.getTopRouter() : router;
+        actualRouter.navigate(href);
+    };
+    return (_jsx("a", { href: href, className: className, onClick: _onClick, children: children }));
+}
+//# sourceMappingURL=Nav.js.map

package/lib/esm/router/Nav.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Nav.js","sourceRoot":"","sources":["../../../src/router/Nav.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,WAAW,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAC;AAczD,MAAM,UAAU,GAAG,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAY;IAC/C,MAAM,QAAQ,GAAG,WAAW,EAAE,CAAC;IAC/B,MAAM,QAAQ,GAAG,CAAC,EAAkB,EAAE,EAAE;QACpC,MAAM,IAAI,GAAI,EAAE,CAAC,MAAsB,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC;QACrD,IAAI,IAAI,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC;YACpB,EAAE,CAAC,eAAe,EAAE,CAAC;YACrB,EAAE,CAAC,cAAc,EAAE,CAAC;YACpB,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;YACpB,OAAO,EAAE,CAAC,EAAE,CAAC,CAAC;QAClB,CAAC;IACL,CAAC,CAAA;IACD,OAAO,CACH,eAAM,OAAO,EAAE,QAAQ,YAAG,QAAQ,GAAQ,CAC7C,CAAA;AACL,CAAC;AAcD,MAAM,UAAU,OAAO,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,SAAS,EAAE,WAAW,EAAgB;IAC5E,MAAM,EAAE,MAAM,EAAE,GAAG,gBAAgB,EAAE,CAAC;IACtC,MAAM,QAAQ,GAAG,CAAC,EAAkB,EAAE,EAAE;QACpC,EAAE,CAAC,eAAe,EAAE,CAAC;QACrB,EAAE,CAAC,cAAc,EAAE,CAAC;QACpB,MAAM,YAAY,GAAG,WAAW,CAAC,CAAC,CAAC,MAAM,CAAC,YAAY,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC;QAClE,YAAY,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;IAChC,CAAC,CAAA;IACD,OAAO,CACH,YAAG,IAAI,EAAE,IAAI,EAAE,SAAS,EAAE,SAAS,EAAE,OAAO,EAAE,QAAQ,YAAG,QAAQ,GAAK,CACzE,CAAA;AACL,CAAC"}

package/lib/esm/router/NestedNavigationContext.js

@@ -0,0 +1,19 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { FixLinks } from "./FixLinks";
+import { RouteComponent } from "./RouteComponent";
+import { ReactRouterContext, useRouterContext } from "./Router";
+import { joinPath } from "./path";
+export function NestedNavigationContext({ basePath, fixLinks = false, children }) {
+    const ctx = useRouterContext();
+    const wrapWithFixLinks = fixLinks ?
+        (elem) => _jsx(FixLinks, { basePath: ctx.matchedRoutePath, children: elem })
+        : (elem) => elem;
+    return (_jsx(ReactRouterContext.Provider, { value: {
+            ...ctx,
+            navigate: (to, options) => {
+                const actualBasePath = options?.basePath ? joinPath(basePath, options.basePath) : basePath;
+                return ctx.navigate(to, { ...options, basePath: actualBasePath });
+            }
+        }, children: wrapWithFixLinks(children ? children : _jsx(RouteComponent, {})) }));
+}
+//# sourceMappingURL=NestedNavigationContext.js.map

package/lib/esm/router/NestedNavigationContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NestedNavigationContext.js","sourceRoot":"","sources":["../../../src/router/NestedNavigationContext.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAEtC,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,kBAAkB,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAC;AAChE,OAAO,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAQlC,MAAM,UAAU,uBAAuB,CAAC,EAAE,QAAQ,EAAE,QAAQ,GAAG,KAAK,EAAE,QAAQ,EAAgC;IAC1G,MAAM,GAAG,GAAG,gBAAgB,EAAE,CAAC;IAE/B,MAAM,gBAAgB,GAAG,QAAQ,CAAC,CAAC;QAC/B,CAAC,IAAS,EAAE,EAAE,CAAC,KAAC,QAAQ,IAAC,QAAQ,EAAE,GAAG,CAAC,gBAAgB,YAAG,IAAI,GAAY;QAC1E,CAAC,CAAC,CAAC,IAAS,EAAE,EAAE,CAAC,IAAI,CAAC;IAE1B,OAAO,CACH,KAAC,kBAAkB,CAAC,QAAQ,IAAC,KAAK,EAAE;YAChC,GAAG,GAAG;YACN,QAAQ,EAAE,CAAC,EAAU,EAAE,OAAyB,EAAE,EAAE;gBAChD,MAAM,cAAc,GAAG,OAAO,EAAE,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,QAAQ,EAAE,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC;gBAC3F,OAAO,GAAG,CAAC,QAAQ,CAAC,EAAE,EAAE,EAAE,GAAG,OAAO,EAAE,QAAQ,EAAE,cAAc,EAAE,CAAC,CAAC;YACtE,CAAC;SACJ,YACI,gBAAgB,CAAC,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAC,cAAc,KAAG,CAAC,GACjC,CACjC,CAAA;AACL,CAAC"}

package/lib/esm/router/NestedRouterProvider.js

@@ -0,0 +1,44 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useEffect, useMemo, useState } from "react";
+import { FixLinks } from "./FixLinks";
+import { createRoute404 } from "./Route404";
+import { RouteComponent } from "./RouteComponent";
+import { NestedRouter, ReactRouterContext, useRouterContext } from "./Router";
+export function NestedRouterProvider({ routes, index, children, fixLinks = false }) {
+    const ctx = useRouterContext();
+    const [nestedRouteMatch, setNestedRouteMatch] = useState(undefined);
+    const nestedRouter = useMemo(() => {
+        if (typeof window === 'undefined')
+            return null;
+        const basePath = ctx.matchedRoutePath;
+        const nestedRouter = new NestedRouter(ctx.router, basePath, routes);
+        nestedRouter.index = index;
+        return nestedRouter;
+    }, []);
+    useEffect(() => {
+        if (nestedRouter) {
+            if (ctx.matchedRoutePath !== nestedRouter.basePath) {
+                // the change doesn't belong to this nested router
+                // it should be handled by the top level router which will change the page or the nested router
+                return;
+            }
+            const route = nestedRouter.match(ctx.remainingPath || '/') || createRoute404();
+            setNestedRouteMatch(route);
+        }
+    }, [nestedRouter, ctx.remainingPath]);
+    const wrapWithFixLinks = fixLinks ?
+        (elem) => _jsx(FixLinks, { basePath: ctx.matchedRoutePath, children: elem })
+        : (elem) => elem;
+    return nestedRouteMatch && (_jsx(ReactRouterContext.Provider, { value: {
+            ...ctx,
+            router: nestedRouter,
+            route: nestedRouteMatch.value,
+            params: nestedRouteMatch.params,
+            matchedRoutePath: '/' + nestedRouteMatch.matchedSegments.join('/'),
+            remainingPath: nestedRouteMatch.remainingSegments ? '/' + nestedRouteMatch.remainingSegments.join('/') : undefined,
+            navigate: (to, options) => {
+                return nestedRouter.navigate(to, options);
+            }
+        }, children: wrapWithFixLinks(children ? children : _jsx(RouteComponent, {})) }));
+}
+//# sourceMappingURL=NestedRouterProvider.js.map