@gadagi/ui-header 1.0.0 → 1.0.2

package/dist/Header.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import { User } from '@gadagi/types';
+interface HeaderProps {
+    appName?: string;
+    user?: User | null;
+    onLogout?: () => void;
+    logo?: React.ReactNode;
+}
+export declare const Header: React.FC<HeaderProps>;
+export {};
+//# sourceMappingURL=Header.d.ts.map

package/dist/Header.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Header.d.ts","sourceRoot":"","sources":["../src/Header.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAIrC,UAAU,WAAW;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACxB;AAED,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAmCxC,CAAC"}

package/dist/UserMenu.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import { User } from '@gadagi/types';
+interface UserMenuProps {
+    user: User;
+    onLogout: () => void;
+}
+export declare const UserMenu: React.FC<UserMenuProps>;
+export {};
+//# sourceMappingURL=UserMenu.d.ts.map

package/dist/UserMenu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"UserMenu.d.ts","sourceRoot":"","sources":["../src/UserMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AACxC,OAAO,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAGrC,UAAU,aAAa;IACrB,IAAI,EAAE,IAAI,CAAC;IACX,QAAQ,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAiD5C,CAAC"}

package/dist/index.d.ts

@@ -0,0 +1,3 @@
+export { Header } from './Header';
+export { UserMenu } from './UserMenu';
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAQ,UAAU,CAAC;AACpC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC"}

package/dist/index.js

@@ -0,0 +1,2 @@
+/*! For license information please see index.js.LICENSE.txt */
+!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("react"),require("@gadagi/design-system")):"function"==typeof define&&define.amd?define(["react"],t):"object"==typeof exports?exports.gadagiUiHeader=t(require("react"),require("@gadagi/design-system")):e.gadagiUiHeader=t(e.React,e[void 0])}(this,(e,t)=>(()=>{"use strict";var o={698(e,t){var o=Symbol.for("react.transitional.element");function r(e,t,r){var i=null;if(void 0!==r&&(i=""+r),void 0!==t.key&&(i=""+t.key),"key"in t)for(var n in r={},t)"key"!==n&&(r[n]=t[n]);else r=t;return t=r.ref,{$$typeof:o,type:e,key:i,ref:void 0!==t?t:null,props:r}}Symbol.for("react.fragment"),t.jsx=r,t.jsxs=r},848(e,t,o){e.exports=o(698)},158(e){e.exports=t},12(t){t.exports=e}},r={};function i(e){var t=r[e];if(void 0!==t)return t.exports;var n=r[e]={exports:{}};return o[e](n,n.exports,i),n.exports}i.d=(e,t)=>{for(var o in t)i.o(t,o)&&!i.o(e,o)&&Object.defineProperty(e,o,{enumerable:!0,get:t[o]})},i.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),i.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var n={};i.r(n),i.d(n,{Header:()=>d,UserMenu:()=>p});var s=i(848),a=i(12),l=i(158);const p=({user:e,onLogout:t})=>{const[o,r]=(0,a.useState)(!1),i=`${e.firstName[0]}${e.lastName[0]}`.toUpperCase();return(0,s.jsxs)("div",{style:{position:"relative"},children:[(0,s.jsxs)("button",{onClick:()=>r(e=>!e),style:{display:"flex",alignItems:"center",gap:"8px",background:"transparent",border:"none",cursor:"pointer",color:"#fff"},children:[(0,s.jsx)("div",{style:{width:"32px",height:"32px",borderRadius:"50%",background:l.colors.primary[500],display:"flex",alignItems:"center",justifyContent:"center",fontSize:l.typography.fontSize.sm,fontWeight:l.typography.fontWeight.semibold,color:"#fff"},children:i}),(0,s.jsx)("span",{style:{fontSize:l.typography.fontSize.sm},children:e.firstName})]}),o&&(0,s.jsxs)("div",{style:{position:"absolute",right:0,top:"100%",marginTop:"8px",background:"#fff",border:`1px solid ${l.colors.neutral[200]}`,borderRadius:"8px",padding:"8px",minWidth:"160px",boxShadow:"0 4px 12px rgba(0,0,0,0.1)",zIndex:100},children:[(0,s.jsxs)("div",{style:{padding:"8px 12px",borderBottom:`1px solid ${l.colors.neutral[100]}`,marginBottom:"4px"},children:[(0,s.jsxs)("p",{style:{fontSize:l.typography.fontSize.sm,fontWeight:l.typography.fontWeight.medium,color:l.colors.neutral[800],margin:0},children:[e.firstName," ",e.lastName]}),(0,s.jsx)("p",{style:{fontSize:l.typography.fontSize.xs,color:l.colors.neutral[400],margin:0},children:e.email})]}),(0,s.jsx)(l.Button,{variant:"ghost",size:"sm",fullWidth:!0,onClick:()=>{r(!1),t()},children:"Sign out"})]})]})},d=({appName:e="gadagi Platform",user:t,onLogout:o=()=>{},logo:r})=>(0,s.jsxs)("header",{style:{display:"flex",alignItems:"center",justifyContent:"space-between",padding:"0 1.5rem",height:"56px",background:l.colors.neutral[800],borderBottom:`1px solid ${l.colors.neutral[900]}`,position:"sticky",top:0,zIndex:50},children:[(0,s.jsxs)("div",{style:{display:"flex",alignItems:"center",gap:"12px"},children:[r,(0,s.jsx)("span",{style:{fontSize:l.typography.fontSize.lg,fontWeight:l.typography.fontWeight.semibold,color:"#fff",letterSpacing:"-0.01em"},children:e})]}),(0,s.jsx)("div",{style:{display:"flex",alignItems:"center",gap:"12px"},children:t&&(0,s.jsx)(p,{user:t,onLogout:o})})]});return n})());

package/dist/index.js.LICENSE.txt

@@ -0,0 +1,9 @@
+/**
+ * @license React
+ * react-jsx-runtime.production.js
+ *
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */

package/package.json

@@ -1,17 +1,10 @@
 {
   "name": "@gadagi/ui-header",
-  "version": "1.0.0",
+  "version": "1.0.2",
   "description": "Top header component for gadagi micro-frontends",
-  "main": "src/index.ts",
-  "module": "src/index.ts",
-  "types": "src/index.ts",
-  "exports": {
-    ".": {
-      "types": "./src/index.ts",
-      "default": "./src/index.ts"
-    }
-  },
-  "files": ["src"],
+  "main": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "files": ["dist"],
   "scripts": {
     "build": "webpack --mode production && tsc -p tsconfig.build.json --emitDeclarationOnly",
     "dev": "webpack --mode development --watch"

package/src/Header.tsx

@@ -1,48 +0,0 @@
-import React from 'react';
-import { User } from '@gadagi/types';
-import { colors, typography } from '@gadagi/design-system';
-import { UserMenu } from './UserMenu';
-
-interface HeaderProps {
-  appName?: string;
-  user?: User | null;
-  onLogout?: () => void;
-  logo?: React.ReactNode;
-}
-
-export const Header: React.FC<HeaderProps> = ({
-  appName = 'gadagi Platform',
-  user,
-  onLogout = () => {},
-  logo,
-}) => {
-  return (
-    <header
-      style={{
-        display: 'flex', alignItems: 'center', justifyContent: 'space-between',
-        padding: '0 1.5rem', height: '56px',
-        background: colors.neutral[800],
-        borderBottom: `1px solid ${colors.neutral[900]}`,
-        position: 'sticky', top: 0, zIndex: 50,
-      }}
-    >
-      <div style={{ display: 'flex', alignItems: 'center', gap: '12px' }}>
-        {logo}
-        <span
-          style={{
-            fontSize: typography.fontSize.lg,
-            fontWeight: typography.fontWeight.semibold,
-            color: '#fff',
-            letterSpacing: '-0.01em',
-          }}
-        >
-          {appName}
-        </span>
-      </div>
-
-      <div style={{ display: 'flex', alignItems: 'center', gap: '12px' }}>
-        {user && <UserMenu user={user} onLogout={onLogout} />}
-      </div>
-    </header>
-  );
-};

package/src/UserMenu.tsx

@@ -1,59 +0,0 @@
-import React, { useState } from 'react';
-import { User } from '@gadagi/types';
-import { Button, colors, typography } from '@gadagi/design-system';
-
-interface UserMenuProps {
-  user: User;
-  onLogout: () => void;
-}
-
-export const UserMenu: React.FC<UserMenuProps> = ({ user, onLogout }) => {
-  const [open, setOpen] = useState(false);
-  const initials = `${user.firstName[0]}${user.lastName[0]}`.toUpperCase();
-
-  return (
-    <div style={{ position: 'relative' }}>
-      <button
-        onClick={() => setOpen(o => !o)}
-        style={{
-          display: 'flex', alignItems: 'center', gap: '8px',
-          background: 'transparent', border: 'none', cursor: 'pointer', color: '#fff',
-        }}
-      >
-        <div
-          style={{
-            width: '32px', height: '32px', borderRadius: '50%',
-            background: colors.primary[500],
-            display: 'flex', alignItems: 'center', justifyContent: 'center',
-            fontSize: typography.fontSize.sm, fontWeight: typography.fontWeight.semibold,
-            color: '#fff',
-          }}
-        >
-          {initials}
-        </div>
-        <span style={{ fontSize: typography.fontSize.sm }}>{user.firstName}</span>
-      </button>
-
-      {open && (
-        <div
-          style={{
-            position: 'absolute', right: 0, top: '100%', marginTop: '8px',
-            background: '#fff', border: `1px solid ${colors.neutral[200]}`,
-            borderRadius: '8px', padding: '8px', minWidth: '160px',
-            boxShadow: '0 4px 12px rgba(0,0,0,0.1)', zIndex: 100,
-          }}
-        >
-          <div style={{ padding: '8px 12px', borderBottom: `1px solid ${colors.neutral[100]}`, marginBottom: '4px' }}>
-            <p style={{ fontSize: typography.fontSize.sm, fontWeight: typography.fontWeight.medium, color: colors.neutral[800], margin: 0 }}>
-              {user.firstName} {user.lastName}
-            </p>
-            <p style={{ fontSize: typography.fontSize.xs, color: colors.neutral[400], margin: 0 }}>{user.email}</p>
-          </div>
-          <Button variant="ghost" size="sm" fullWidth onClick={() => { setOpen(false); onLogout(); }}>
-            Sign out
-          </Button>
-        </div>
-      )}
-    </div>
-  );
-};

package/src/index.ts

@@ -1,2 +0,0 @@
-export { Header }   from './Header';
-export { UserMenu } from './UserMenu';