@nextelco/common-ui 1.7.182 → 2.1.1

package/dist/types/components/layout/Layout/Layout.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+import { SidebarMenuItem } from '../Sidebar/Sidebar';
+export interface LayoutProps {
+    children: React.ReactNode;
+    menus: SidebarMenuItem[];
+    groupLabels?: Record<string, string>;
+    appTitle?: string;
+    avatar?: React.ReactNode;
+    onLogout?: () => void;
+    logoutLabel?: string;
+}
+declare const Layout: ({ children, menus, groupLabels, appTitle, avatar, onLogout, logoutLabel, }: LayoutProps) => React.JSX.Element;
+export default Layout;

package/dist/types/components/layout/Sidebar/Sidebar.d.ts

@@ -0,0 +1,23 @@
+import React from 'react';
+export interface SidebarMenuItem {
+    to: string;
+    icon: React.ComponentType<{
+        size?: number;
+        className?: string;
+    }>;
+    label: string;
+    group?: string;
+    end?: boolean;
+}
+export interface SidebarProps {
+    isOpen?: boolean;
+    setIsOpen?: (isOpen: boolean) => void;
+    menus: SidebarMenuItem[];
+    groupLabels?: Record<string, string>;
+    appTitle?: string;
+    avatar?: React.ReactNode;
+    onLogout?: () => void;
+    logoutLabel?: string;
+}
+declare const Sidebar: ({ isOpen, setIsOpen, menus, groupLabels, appTitle, avatar, onLogout, logoutLabel, }: SidebarProps) => React.JSX.Element;
+export default Sidebar;

package/dist/types/components/layout/TopBar/TopBar.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+export interface TopBarProps {
+    searchPlaceholder?: string;
+    onSearch?: (value: string) => void;
+    right?: React.ReactNode;
+}
+declare const TopBar: ({ searchPlaceholder, onSearch, right }: TopBarProps) => React.JSX.Element;
+export default TopBar;

package/dist/types/components/molecules/PhotoAvatar/PhotoAvatar.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+interface Props {
+    oid?: string | null;
+    name?: string | null;
+    email?: string | null;
+    className?: string;
+}
+/**
+ * Avatar com a foto real do MS Graph (por oid). Fallback: iniciais (UserAvatar).
+ * O token do Graph é obtido via MSAL (`useMsal`) da app consumidora.
+ *
+ * Peers necessários: @azure/msal-react, @azure/msal-browser, @tanstack/react-query.
+ */
+export default function PhotoAvatar({ oid, name, email, className }: Props): React.JSX.Element;
+export {};

package/dist/types/components/molecules/UserAvatar/UserAvatar.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+interface UserAvatarProps {
+    name?: string | null;
+    photo?: string | null;
+    email?: string | null;
+    company?: string | null;
+    jobTitle?: string | null;
+    department?: string | null;
+    className?: string;
+}
+/**
+ * Avatar de utilizador: mostra a foto (se disponível) ou as iniciais, com um
+ * cartão de detalhes em hover (via portal). Usa classes Tailwind — a app
+ * consumidora é responsável por gerar o CSS Tailwind.
+ */
+export default function UserAvatar({ name, photo, email, company, jobTitle, department, className, }: UserAvatarProps): React.JSX.Element;
+export {};

package/dist/types/exports/layout.d.ts

@@ -2,3 +2,9 @@ export { default as Header } from '../components/layout/Header/Header';
 export { default as Footer } from '../components/layout/Footer/Footer';
 export { default as Error } from '../components/layout/Error/Error';
 export { default as Spinner } from '../components/layout/Spinner/Spinner';
+export { default as Layout } from '../components/layout/Layout/Layout';
+export type { LayoutProps } from '../components/layout/Layout/Layout';
+export { default as Sidebar } from '../components/layout/Sidebar/Sidebar';
+export type { SidebarProps, SidebarMenuItem } from '../components/layout/Sidebar/Sidebar';
+export { default as TopBar } from '../components/layout/TopBar/TopBar';
+export type { TopBarProps } from '../components/layout/TopBar/TopBar';

package/dist/types/exports/molecules.d.ts

@@ -1,4 +1,6 @@
 export { default as Modal } from '../components/molecules/Modal/Modal';
-export { default as Sidebar } from '../components/molecules/Sidebar/Sidebar';
+export { default as SidebarDrawer } from '../components/molecules/Sidebar/Sidebar';
 export { default as MultiTagPicker, Option, } from '../components/molecules/MultiTagPicker/MultiTagPicker';
 export { default as ConfirmModal } from '../components/molecules/ConfirmModal/ConfirmModal';
+export { default as UserAvatar } from '../components/molecules/UserAvatar/UserAvatar';
+export { default as PhotoAvatar } from '../components/molecules/PhotoAvatar/PhotoAvatar';

package/dist/types/index.d.ts

@@ -8,3 +8,4 @@ export * from './exports/hooks';
 export * from './exports/types';
 export * from './exports/styles';
 export * from './exports/utils';
+export { default as Sidebar } from './components/layout/Sidebar/Sidebar';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nextelco/common-ui",
-  "version": "1.7.182",
+  "version": "2.1.1",
   "description": "",
   "main": "dist/bundle.js",
   "types": "dist/types/index.d.ts",
@@ -19,10 +19,27 @@
   "author": "",
   "license": "ISC",
   "peerDependencies": {
+    "@azure/msal-browser": ">=3",
+    "@azure/msal-react": ">=2",
+    "@tanstack/react-query": ">=5",
     "react": "^18.3.1",
-    "react-dom": "^18.3.1"
+    "react-dom": "^18.3.1",
+    "react-router-dom": ">=6"
+  },
+  "peerDependenciesMeta": {
+    "@azure/msal-react": {
+      "optional": true
+    },
+    "@azure/msal-browser": {
+      "optional": true
+    },
+    "@tanstack/react-query": {
+      "optional": true
+    }
   },
   "devDependencies": {
+    "@azure/msal-browser": "^5.17.3",
+    "@azure/msal-react": "^5.5.4",
     "@chromatic-com/storybook": "^4.0.0",
     "@storybook/addon-docs": "^9.0.0",
     "@storybook/addon-interactions": "^8.6.14",
@@ -31,6 +48,7 @@
     "@storybook/addon-webpack5-compiler-babel": "^3.0.6",
     "@storybook/addon-webpack5-compiler-swc": "^3.0.0",
     "@storybook/react-webpack5": "^9.0.0",
+    "@tanstack/react-query": "^5.101.4",
     "@types/js-cookie": "^3.0.6",
     "@types/react": "^19.0.8",
     "@types/react-dom": "^19.0.3",
@@ -38,6 +56,7 @@
     "@types/storybook__react": "^5.2.1",
     "css-loader": "^7.1.2",
     "msw": "^2.7.3",
+    "react-router-dom": "^6.30.4",
     "sass": "^1.84.0",
     "sass-loader": "^16.0.4",
     "storybook": "^9.0.0",