@pagamio/frontend-commons-lib 0.8.187 → 0.8.189

package/lib/components/layout/Navbar.d.ts

@@ -103,4 +103,4 @@ declare const AppUserDropdown: React.MemoExoticComponent<({ onLogout, onSelectCh
 declare const AppDashboardNavbar: React.FC<AppDashboardNavbarProps>;
 export default AppDashboardNavbar;
 export { AppSidebarToggleButton, AppDarkThemeToggleWithTooltip, AppUserDropdown, AppDashboardNavbar };
-export type { AppDashboardNavbarProps, AppUserDropdownProps };
+export type { AppDashboardNavbarProps, AppUserDropdownProps, EnvironmentBannerProps };

package/lib/components/layout/Navbar.js

@@ -30,7 +30,7 @@ const AppUserDropdown = React.memo(({ onLogout, onSelectChangePassword, onSelect
     }, [logout, onLogout]);
     return (_jsxs(Dropdown, { className: "rounded", arrowIcon: false, inline: true, label: _jsxs("span", { className: navbarTextColors.general, children: [_jsx("span", { className: "sr-only", children: user?.userName }), _jsx(Avatar, { rounded: true, size: "sm", placeholderInitials: initials })] }), children: [_jsx(Dropdown.Header, { className: "px-4 py-3", children: _jsx("span", { className: "block text-sm font-medium capitalize text-primary-500", children: user?.userName }) }), _jsx(Dropdown.Item, { onClick: () => onSelectProfile(), children: _jsxs("div", { className: "flex items-center space-x-2", children: [_jsx(HiUser, { className: "text-gray-500", size: 18 }), _jsx("span", { children: tLib('userProfile', 'User Profile') })] }) }), _jsx(Dropdown.Item, { onClick: () => onSelectChangePassword?.(), children: _jsxs("div", { className: "flex items-center space-x-2", children: [_jsx(HiLockClosed, { className: "text-gray-500", size: 18 }), _jsx("span", { children: tLib('changePassword', 'Change Password') })] }) }), _jsx(Dropdown.Divider, {}), _jsx(Dropdown.Item, { onClick: handleLogout, children: _jsxs("div", { className: "flex items-center space-x-2", children: [_jsx(HiLogout, { className: "text-gray-500", size: 18 }), _jsx("span", { children: tLib('signOut', 'Sign Out') })] }) })] }));
 });
-const EnvironmentBanner = ({ show = false, text = 'UAT', bgColor = 'red', color = 'black', }) => {
+const EnvironmentBanner = ({ show = false, text, bgColor = 'red', color = 'black', }) => {
     if (!show)
         return null;
     return (_jsx("div", { className: "fixed top-0 right-10 z-[110]", style: {
@@ -47,7 +47,7 @@ const EnvironmentBanner = ({ show = false, text = 'UAT', bgColor = 'red', color
                     letterSpacing: '0.1em',
                 }, children: text }) }) }));
 };
-const AppDashboardNavbar = ({ dashboardLink = '/dashboard', brandImage, linkComponent, showThemeToggler = true, appLabel, onSelectChangePassword, onSelectProfile, onLogout, hideSidebarToggle = false, navBarActionComponents = [], showLocaleSwitcher = false, localeNames, environmentBanner = { show: false }, navbarBackground = { light: 'bg-purple', dark: 'dark:bg-gray-800' }, navbarTextColors = { brand: 'text-white', general: 'text-white' }, }) => {
+const AppDashboardNavbar = ({ dashboardLink = '/dashboard', brandImage, linkComponent, showThemeToggler = true, appLabel, onSelectChangePassword, onSelectProfile, onLogout, hideSidebarToggle = false, navBarActionComponents = [], showLocaleSwitcher = false, localeNames, environmentBanner = { show: false, text: '' }, navbarBackground = { light: 'bg-purple', dark: 'dark:bg-gray-800' }, navbarTextColors = { brand: 'text-white', general: 'text-white' }, }) => {
     const sidebar = useAppSidebarContext();
     const { isMd } = useMediaQueries();
     const { t } = useTranslation();

package/lib/components/layout/index.d.ts

@@ -1,4 +1,4 @@
-export { default as AppDashboardNavbar, type AppDashboardNavbarProps, AppDarkThemeToggleWithTooltip, AppSidebarToggleButton, AppUserDropdown, } from './Navbar';
+export { default as AppDashboardNavbar, type AppDashboardNavbarProps, type EnvironmentBannerProps, AppDarkThemeToggleWithTooltip, AppSidebarToggleButton, AppUserDropdown, } from './Navbar';
 export { default as AuthPageLayout } from './AuthPageLayout';
 export { default as AppBreadcrumbNav } from './BreadcrumbNav';
 export { default as AppLayoutContent } from './LayoutContent';

package/lib/components/ui/StatusCell.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 function StatusCell({ displayValue, className = '', }) {
-    const baseClass = 'rounded-full px-4 py-1.5';
+    const baseClass = 'rounded-full px-4 py-1.5 whitespace-nowrap';
     return _jsx("span", { className: `${baseClass} ${className}`.trim(), children: displayValue });
 }
 export default StatusCell;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@pagamio/frontend-commons-lib",
   "description": "Pagamio library for Frontend reusable components like the form engine and table container",
-  "version": "0.8.187",
+  "version": "0.8.189",
   "publishConfig": {
     "access": "public",
     "provenance": false