@pallasoft/ps-internal-components 1.6.0 → 1.6.1

package/dist/components/ps-sidebar-workspace-switcher.js

@@ -27,13 +27,13 @@ const PsSidebarWorkspaceSwitcher = ({ appTitle, homeHref, logoAlt = ps_app_sideb
                         href: homeHref,
                     }) }) }) }));
     }
-    return ((0, jsx_runtime_1.jsx)(ps_sidebar_menu_js_1.PsSidebarMenu, { children: (0, jsx_runtime_1.jsx)(ps_sidebar_menu_item_js_1.PsSidebarMenuItem, { children: (0, jsx_runtime_1.jsxs)(ps_dropdown_menu_js_1.PsDropdownMenu, { children: [(0, jsx_runtime_1.jsx)(ps_dropdown_menu_trigger_js_1.PsDropdownMenuTrigger, { asChild: true, children: (0, jsx_runtime_1.jsxs)(ps_sidebar_menu_button_js_1.PsSidebarMenuButton, { className: 'data-[state=open]:bg-sidebar-accent data-[state=open]:text-sidebar-accent-foreground', size: 'lg', tooltip: active === undefined ? appTitle : active.label, children: [active === undefined ? (brand) : ((0, jsx_runtime_1.jsx)(ps_workspace_badge_js_1.PsWorkspaceBadge, { active: true, iconUrl: active.iconUrl, initials: active.initials, size: 'lg' })), (0, jsx_runtime_1.jsxs)("div", { className: 'grid flex-1 text-left text-sm leading-tight', children: [(0, jsx_runtime_1.jsx)("span", { className: 'truncate font-semibold', children: active === undefined ? appTitle : active.label }), (0, jsx_runtime_1.jsx)("span", { className: 'truncate text-xs text-muted-foreground', children: active === undefined ? switcher.placeholder : appTitle })] }), (0, jsx_runtime_1.jsx)(lucide_react_1.ChevronsUpDown, { className: 'ml-auto' })] }) }), (0, jsx_runtime_1.jsxs)(ps_dropdown_menu_content_js_1.PsDropdownMenuContent, { align: 'start', className: 'w-[--radix-dropdown-menu-trigger-width] min-w-60 rounded-lg', side: isMobile ? 'bottom' : 'right', sideOffset: 4, children: [(0, jsx_runtime_1.jsx)(ps_dropdown_menu_label_js_1.PsDropdownMenuLabel, { className: 'text-xs text-muted-foreground', children: switcher.label }), (0, jsx_runtime_1.jsx)(ps_dropdown_menu_item_js_1.PsDropdownMenuItem, { asChild: true, className: 'gap-2 p-2', children: ps_link_service_js_1.PsLinkService.render(renderLink, {
+    return ((0, jsx_runtime_1.jsx)(ps_sidebar_menu_js_1.PsSidebarMenu, { children: (0, jsx_runtime_1.jsx)(ps_sidebar_menu_item_js_1.PsSidebarMenuItem, { children: (0, jsx_runtime_1.jsxs)(ps_dropdown_menu_js_1.PsDropdownMenu, { children: [(0, jsx_runtime_1.jsx)(ps_dropdown_menu_trigger_js_1.PsDropdownMenuTrigger, { asChild: true, children: (0, jsx_runtime_1.jsxs)(ps_sidebar_menu_button_js_1.PsSidebarMenuButton, { className: 'data-[state=open]:bg-sidebar-accent data-[state=open]:text-sidebar-accent-foreground', size: 'lg', tooltip: active === undefined ? appTitle : active.label, children: [active === undefined ? (brand) : ((0, jsx_runtime_1.jsx)(ps_workspace_badge_js_1.PsWorkspaceBadge, { active: true, iconUrl: active.iconUrl, initials: active.initials, size: 'md' })), (0, jsx_runtime_1.jsxs)("div", { className: 'grid flex-1 text-left text-sm leading-tight', children: [(0, jsx_runtime_1.jsx)("span", { className: 'truncate font-semibold', children: active === undefined ? appTitle : active.label }), (0, jsx_runtime_1.jsx)("span", { className: 'truncate text-xs text-muted-foreground', children: active === undefined ? switcher.placeholder : appTitle })] }), (0, jsx_runtime_1.jsx)(lucide_react_1.ChevronsUpDown, { className: 'ml-auto' })] }) }), (0, jsx_runtime_1.jsxs)(ps_dropdown_menu_content_js_1.PsDropdownMenuContent, { align: 'start', className: 'w-[--radix-dropdown-menu-trigger-width] min-w-60 rounded-lg', side: isMobile ? 'bottom' : 'right', sideOffset: 4, children: [(0, jsx_runtime_1.jsx)(ps_dropdown_menu_label_js_1.PsDropdownMenuLabel, { className: 'text-xs text-muted-foreground', children: switcher.label }), (0, jsx_runtime_1.jsx)(ps_dropdown_menu_item_js_1.PsDropdownMenuItem, { asChild: true, className: 'gap-2 p-2', children: ps_link_service_js_1.PsLinkService.render(renderLink, {
                                     children: ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [brand, (0, jsx_runtime_1.jsx)("span", { className: 'font-medium', children: appTitle })] })),
                                     className: '',
                                     href: homeHref,
                                 }) }), switcher.items.map((item) => ((0, jsx_runtime_1.jsx)(ps_dropdown_menu_item_js_1.PsDropdownMenuItem, { asChild: true, className: 'gap-2 p-2', children: ps_link_service_js_1.PsLinkService.render(renderLink, {
                                     active: item.active,
-                                    children: ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(ps_workspace_badge_js_1.PsWorkspaceBadge, { active: item.active, iconUrl: item.iconUrl, initials: item.initials, size: 'lg' }), (0, jsx_runtime_1.jsxs)("span", { className: 'grid min-w-0 flex-1 leading-tight', children: [(0, jsx_runtime_1.jsx)("span", { className: 'truncate font-medium', children: item.label }), (0, jsx_runtime_1.jsx)("span", { className: 'truncate text-xs text-muted-foreground', children: item.description })] })] })),
+                                    children: ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(ps_workspace_badge_js_1.PsWorkspaceBadge, { active: item.active, iconUrl: item.iconUrl, initials: item.initials, size: 'md' }), (0, jsx_runtime_1.jsxs)("span", { className: 'grid min-w-0 flex-1 leading-tight', children: [(0, jsx_runtime_1.jsx)("span", { className: 'truncate font-medium', children: item.label }), (0, jsx_runtime_1.jsx)("span", { className: 'truncate text-xs text-muted-foreground', children: item.description })] })] })),
                                     className: '',
                                     href: item.href,
                                 }) }, item.id)))] })] }) }) }));

package/dist/components/ps-workspace-badge.js

@@ -2,11 +2,12 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.PsWorkspaceBadge = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
+const ps_workspace_badge_sizes_js_1 = require("../constants/ps-workspace-badge-sizes.js");
 const ps_class_name_service_js_1 = require("../services/ps-class-name-service.js");
 const PsWorkspaceBadge = ({ initials, iconUrl, active = false, size = 'sm', }) => {
-    const box = size === 'lg' ? 'size-10 rounded-lg' : 'size-6 rounded-md';
+    const { box, text } = ps_workspace_badge_sizes_js_1.PsWorkspaceBadgeSizes[size];
     if (iconUrl !== undefined)
         return ((0, jsx_runtime_1.jsx)("img", { alt: '', "aria-hidden": 'true', className: ps_class_name_service_js_1.PsClassNameService.merge('shrink-0 object-contain', box), src: iconUrl }));
-    return ((0, jsx_runtime_1.jsx)("span", { className: ps_class_name_service_js_1.PsClassNameService.merge('flex shrink-0 items-center justify-center border font-semibold', box, size === 'lg' ? 'text-sm' : 'text-[0.625rem]', active ? 'border-primary bg-primary text-primary-foreground' : 'bg-muted text-foreground'), children: initials }));
+    return ((0, jsx_runtime_1.jsx)("span", { className: ps_class_name_service_js_1.PsClassNameService.merge('flex shrink-0 items-center justify-center border font-semibold', box, text, active ? 'border-primary bg-primary text-primary-foreground' : 'bg-muted text-foreground'), children: initials }));
 };
 exports.PsWorkspaceBadge = PsWorkspaceBadge;

package/dist/constants/ps-workspace-badge-sizes.d.ts

@@ -0,0 +1,14 @@
+export declare const PsWorkspaceBadgeSizes: {
+    readonly lg: {
+        readonly box: "size-10 rounded-lg";
+        readonly text: "text-sm";
+    };
+    readonly md: {
+        readonly box: "size-8 rounded-lg";
+        readonly text: "text-xs";
+    };
+    readonly sm: {
+        readonly box: "size-6 rounded-md";
+        readonly text: "text-[0.625rem]";
+    };
+};

package/dist/constants/ps-workspace-badge-sizes.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PsWorkspaceBadgeSizes = void 0;
+exports.PsWorkspaceBadgeSizes = {
+    lg: { box: 'size-10 rounded-lg', text: 'text-sm' },
+    md: { box: 'size-8 rounded-lg', text: 'text-xs' },
+    sm: { box: 'size-6 rounded-md', text: 'text-[0.625rem]' },
+};

package/dist/esm/components/ps-sidebar-workspace-switcher.js

@@ -24,13 +24,13 @@ export const PsSidebarWorkspaceSwitcher = ({ appTitle, homeHref, logoAlt = PsApp
                         href: homeHref,
                     }) }) }) }));
     }
-    return (_jsx(PsSidebarMenu, { children: _jsx(PsSidebarMenuItem, { children: _jsxs(PsDropdownMenu, { children: [_jsx(PsDropdownMenuTrigger, { asChild: true, children: _jsxs(PsSidebarMenuButton, { className: 'data-[state=open]:bg-sidebar-accent data-[state=open]:text-sidebar-accent-foreground', size: 'lg', tooltip: active === undefined ? appTitle : active.label, children: [active === undefined ? (brand) : (_jsx(PsWorkspaceBadge, { active: true, iconUrl: active.iconUrl, initials: active.initials, size: 'lg' })), _jsxs("div", { className: 'grid flex-1 text-left text-sm leading-tight', children: [_jsx("span", { className: 'truncate font-semibold', children: active === undefined ? appTitle : active.label }), _jsx("span", { className: 'truncate text-xs text-muted-foreground', children: active === undefined ? switcher.placeholder : appTitle })] }), _jsx(ChevronsUpDown, { className: 'ml-auto' })] }) }), _jsxs(PsDropdownMenuContent, { align: 'start', className: 'w-[--radix-dropdown-menu-trigger-width] min-w-60 rounded-lg', side: isMobile ? 'bottom' : 'right', sideOffset: 4, children: [_jsx(PsDropdownMenuLabel, { className: 'text-xs text-muted-foreground', children: switcher.label }), _jsx(PsDropdownMenuItem, { asChild: true, className: 'gap-2 p-2', children: PsLinkService.render(renderLink, {
+    return (_jsx(PsSidebarMenu, { children: _jsx(PsSidebarMenuItem, { children: _jsxs(PsDropdownMenu, { children: [_jsx(PsDropdownMenuTrigger, { asChild: true, children: _jsxs(PsSidebarMenuButton, { className: 'data-[state=open]:bg-sidebar-accent data-[state=open]:text-sidebar-accent-foreground', size: 'lg', tooltip: active === undefined ? appTitle : active.label, children: [active === undefined ? (brand) : (_jsx(PsWorkspaceBadge, { active: true, iconUrl: active.iconUrl, initials: active.initials, size: 'md' })), _jsxs("div", { className: 'grid flex-1 text-left text-sm leading-tight', children: [_jsx("span", { className: 'truncate font-semibold', children: active === undefined ? appTitle : active.label }), _jsx("span", { className: 'truncate text-xs text-muted-foreground', children: active === undefined ? switcher.placeholder : appTitle })] }), _jsx(ChevronsUpDown, { className: 'ml-auto' })] }) }), _jsxs(PsDropdownMenuContent, { align: 'start', className: 'w-[--radix-dropdown-menu-trigger-width] min-w-60 rounded-lg', side: isMobile ? 'bottom' : 'right', sideOffset: 4, children: [_jsx(PsDropdownMenuLabel, { className: 'text-xs text-muted-foreground', children: switcher.label }), _jsx(PsDropdownMenuItem, { asChild: true, className: 'gap-2 p-2', children: PsLinkService.render(renderLink, {
                                     children: (_jsxs(_Fragment, { children: [brand, _jsx("span", { className: 'font-medium', children: appTitle })] })),
                                     className: '',
                                     href: homeHref,
                                 }) }), switcher.items.map((item) => (_jsx(PsDropdownMenuItem, { asChild: true, className: 'gap-2 p-2', children: PsLinkService.render(renderLink, {
                                     active: item.active,
-                                    children: (_jsxs(_Fragment, { children: [_jsx(PsWorkspaceBadge, { active: item.active, iconUrl: item.iconUrl, initials: item.initials, size: 'lg' }), _jsxs("span", { className: 'grid min-w-0 flex-1 leading-tight', children: [_jsx("span", { className: 'truncate font-medium', children: item.label }), _jsx("span", { className: 'truncate text-xs text-muted-foreground', children: item.description })] })] })),
+                                    children: (_jsxs(_Fragment, { children: [_jsx(PsWorkspaceBadge, { active: item.active, iconUrl: item.iconUrl, initials: item.initials, size: 'md' }), _jsxs("span", { className: 'grid min-w-0 flex-1 leading-tight', children: [_jsx("span", { className: 'truncate font-medium', children: item.label }), _jsx("span", { className: 'truncate text-xs text-muted-foreground', children: item.description })] })] })),
                                     className: '',
                                     href: item.href,
                                 }) }, item.id)))] })] }) }) }));

package/dist/esm/components/ps-workspace-badge.js

@@ -1,8 +1,9 @@
 import { jsx as _jsx } from "react/jsx-runtime";
+import { PsWorkspaceBadgeSizes } from '../constants/ps-workspace-badge-sizes.js';
 import { PsClassNameService } from '../services/ps-class-name-service.js';
 export const PsWorkspaceBadge = ({ initials, iconUrl, active = false, size = 'sm', }) => {
-    const box = size === 'lg' ? 'size-10 rounded-lg' : 'size-6 rounded-md';
+    const { box, text } = PsWorkspaceBadgeSizes[size];
     if (iconUrl !== undefined)
         return (_jsx("img", { alt: '', "aria-hidden": 'true', className: PsClassNameService.merge('shrink-0 object-contain', box), src: iconUrl }));
-    return (_jsx("span", { className: PsClassNameService.merge('flex shrink-0 items-center justify-center border font-semibold', box, size === 'lg' ? 'text-sm' : 'text-[0.625rem]', active ? 'border-primary bg-primary text-primary-foreground' : 'bg-muted text-foreground'), children: initials }));
+    return (_jsx("span", { className: PsClassNameService.merge('flex shrink-0 items-center justify-center border font-semibold', box, text, active ? 'border-primary bg-primary text-primary-foreground' : 'bg-muted text-foreground'), children: initials }));
 };

package/dist/esm/constants/ps-workspace-badge-sizes.js

@@ -0,0 +1,5 @@
+export const PsWorkspaceBadgeSizes = {
+    lg: { box: 'size-10 rounded-lg', text: 'text-sm' },
+    md: { box: 'size-8 rounded-lg', text: 'text-xs' },
+    sm: { box: 'size-6 rounded-md', text: 'text-[0.625rem]' },
+};

package/dist/esm/index.js

@@ -456,6 +456,7 @@ export * from './components/ps-page-skeleton.js';
 export * from './components/ps-section-heading.js';
 export * from './components/ps-stat-card.js';
 export * from './constants/ps-notice-variant.js';
+export * from './constants/ps-workspace-badge-sizes.js';
 export * from './models/ps-confirm-action-props.js';
 export * from './models/ps-notice-props.js';
 export * from './models/ps-page-crumb-data.js';

package/dist/index.d.ts

@@ -456,6 +456,7 @@ export * from './components/ps-page-skeleton.js';
 export * from './components/ps-section-heading.js';
 export * from './components/ps-stat-card.js';
 export * from './constants/ps-notice-variant.js';
+export * from './constants/ps-workspace-badge-sizes.js';
 export * from './models/ps-confirm-action-props.js';
 export * from './models/ps-notice-props.js';
 export * from './models/ps-page-crumb-data.js';

package/dist/index.js

@@ -472,6 +472,7 @@ __exportStar(require("./components/ps-page-skeleton.js"), exports);
 __exportStar(require("./components/ps-section-heading.js"), exports);
 __exportStar(require("./components/ps-stat-card.js"), exports);
 __exportStar(require("./constants/ps-notice-variant.js"), exports);
+__exportStar(require("./constants/ps-workspace-badge-sizes.js"), exports);
 __exportStar(require("./models/ps-confirm-action-props.js"), exports);
 __exportStar(require("./models/ps-notice-props.js"), exports);
 __exportStar(require("./models/ps-page-crumb-data.js"), exports);

package/dist/models/ps-workspace-badge-props.d.ts

@@ -2,5 +2,5 @@ export interface PsWorkspaceBadgeProps {
     initials: string;
     iconUrl?: string;
     active?: boolean;
-    size?: 'sm' | 'lg';
+    size?: 'lg' | 'md' | 'sm';
 }

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@pallasoft/ps-internal-components",
-	"version": "1.6.0",
+	"version": "1.6.1",
 	"private": false,
 	"description": "Shared Pallasoft internal UI: app header, app switcher and shadcn primitives for staff tools",
 	"main": "./dist/index.js",