@nextelco/common-ui 2.0.0 → 2.1.2

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

@@ -1,4 +1,10 @@
 import React from 'react';
 import './Footer.scss';
-declare const Footer: () => React.JSX.Element;
+export interface FooterProps {
+    /** Nome do responsável pelo tratamento de dados (aviso RGPD). */
+    companyName?: string;
+    /** Email de contacto para exercer direitos RGPD. */
+    contactEmail?: string;
+}
+declare const Footer: React.FC<FooterProps>;
 export default Footer;

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/molecules.d.ts

@@ -2,3 +2,5 @@ export { default as Modal } from '../components/molecules/Modal/Modal';
 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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nextelco/common-ui",
-  "version": "2.0.0",
+  "version": "2.1.2",
   "description": "",
   "main": "dist/bundle.js",
   "types": "dist/types/index.d.ts",
@@ -19,11 +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-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",
@@ -32,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",