@sqrzro/admin 2.1.0-bz.19 → 2.1.0-bz.20

package/dist/components/AppLayout/index.d.ts

@@ -1,9 +1,10 @@
 /// <reference types="react" />
 export interface AppLayoutProps {
     children: React.ReactNode;
+    logoutButton?: React.ReactNode;
     user?: {
         name: string;
     } | null;
 }
-declare function AppLayout({ children, user }: Readonly<AppLayoutProps>): Promise<JSX.Element>;
+declare function AppLayout({ children, logoutButton, user, }: Readonly<AppLayoutProps>): Promise<JSX.Element>;
 export default AppLayout;

package/dist/components/AppLayout/index.js

@@ -4,11 +4,11 @@ import { getConfig } from '../../services/ConfigService';
 import { getLayout } from '../../services/SettingsService';
 import AppNavigation from '../AppNavigation';
 import MePanel from '../MePanel';
-async function AppLayout({ children, user }) {
+async function AppLayout({ children, logoutButton, user, }) {
     const config = getConfig();
     const layout = await getLayout();
     return (_jsxs("div", { className: tw('', layout === 'sidebar' ? 'grid grid-cols-[12rem_1fr]' : null), children: [_jsx("header", { className: "bg-slate-800", children: _jsxs("div", { className: tw('flex items-center', layout === 'sidebar'
                         ? 'h-screen flex-col'
-                        : 'h-16 border-b border-slate-700 px-4'), children: [_jsxs(Link, { className: tw(layout === 'sidebar' ? 'my-7 h-12 w-12' : 'h-9 w-9'), href: "/", children: [config.logo?.(), _jsx("span", { className: "sr-only", children: config.app.name })] }), _jsx(AppNavigation, { layout: layout }), _jsx(MePanel, { layout: layout, user: user })] }) }), _jsx("main", { className: "mb-10 block", children: children })] }));
+                        : 'h-16 border-b border-slate-700 px-4'), children: [_jsxs(Link, { className: tw(layout === 'sidebar' ? 'my-7 h-12 w-12' : 'h-9 w-9'), href: "/", children: [config.logo?.(), _jsx("span", { className: "sr-only", children: config.app.name })] }), _jsx(AppNavigation, { layout: layout }), _jsx(MePanel, { layout: layout, logoutButton: logoutButton, user: user })] }) }), _jsx("main", { className: "mb-10 block", children: children })] }));
 }
 export default AppLayout;

package/dist/components/MeActions/index.d.ts

@@ -1,3 +1,6 @@
 /// <reference types="react" />
-declare function MeActions(): React.ReactElement;
+interface MeActionsProps {
+    logoutButton?: React.ReactNode;
+}
+declare function MeActions({ logoutButton }: Readonly<MeActionsProps>): React.ReactElement;
 export default MeActions;

package/dist/components/MeActions/index.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Link } from '@sqrzro/components';
-function MeActions() {
-    return (_jsxs("ul", { className: "flex gap-2 text-xs text-slate-300", children: [_jsx("li", { children: _jsx(Link, { href: "/settings", children: "Settings" }) }), _jsx("li", {})] }));
+function MeActions({ logoutButton }) {
+    return (_jsxs("ul", { className: "flex gap-2 text-xs text-slate-300", children: [_jsx("li", { children: _jsx(Link, { href: "/settings", children: "Settings" }) }), _jsx("li", { children: logoutButton })] }));
 }
 export default MeActions;

package/dist/components/MePanel/index.d.ts

@@ -1,9 +1,10 @@
 /// <reference types="react" />
 interface MePanelProps {
     layout?: string;
+    logoutButton?: React.ReactNode;
     user?: {
         name: string;
     } | null;
 }
-declare function MePanel({ layout, user }: Readonly<MePanelProps>): React.ReactElement;
+declare function MePanel({ layout, logoutButton, user }: Readonly<MePanelProps>): React.ReactElement;
 export default MePanel;

package/dist/components/MePanel/index.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { tw } from '@sqrzro/components';
 import MeActions from '../MeActions';
-function MePanel({ layout, user }) {
-    return (_jsxs("div", { className: tw('flex gap-3', layout === 'sidebar' ? 'w-full p-4' : 'ml-auto items-center'), children: [_jsxs("div", { className: tw('flex flex-col gap-0.5 text-white', layout === 'sidebar' ? '' : 'items-end'), children: [_jsx("strong", { children: user?.name }), _jsx(MeActions, {})] }), layout === 'sidebar' ? null : (_jsx("div", { className: "h-9 w-9 flex-none rounded-full border-4 border-slate-500" }))] }));
+function MePanel({ layout, logoutButton, user }) {
+    return (_jsxs("div", { className: tw('flex gap-3', layout === 'sidebar' ? 'w-full p-4' : 'ml-auto items-center'), children: [_jsxs("div", { className: tw('flex flex-col gap-0.5 text-white', layout === 'sidebar' ? '' : 'items-end'), children: [_jsx("strong", { children: user?.name }), _jsx(MeActions, { logoutButton: logoutButton })] }), layout === 'sidebar' ? null : (_jsx("div", { className: "h-9 w-9 flex-none rounded-full border-4 border-slate-500" }))] }));
 }
 export default MePanel;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@sqrzro/admin",
   "type": "module",
-  "version": "2.1.0-bz.19",
+  "version": "2.1.0-bz.20",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "license": "ISC",