@bwp-web/components 1.0.6 → 1.0.8

package/README.md

@@ -36,7 +36,7 @@ For `BiampTable` only:
 | `BiampHeaderActions`    | Flex container for grouping action buttons and profile                           |
 | `BiampHeaderButtonList` | Horizontal list with 4px gaps for header buttons                                 |
 | `BiampHeaderButton`     | Selectable 40×40px icon button for header actions                                |
-| `BiampHeaderProfile`    | Profile image button                                                             |
+| `BiampHeaderProfile`    | Profile button with image or custom children (e.g. `UserInitialsIcon`)           |
 | `BiampAppPopover`       | Styled popover for the app-launcher dialog                                       |
 | `BiampAppDialog`        | Rounded dialog container for app-launcher grid                                   |
 | `BiampAppDialogItem`    | Clickable app tile with children content and label                               |
@@ -217,6 +217,14 @@ Horizontal header container. Compose with `BiampHeaderTitle`, `BiampHeaderSearch
 | `title`    | `string`          | Optional title text    |
 | `subtitle` | `string`          | Optional subtitle text |
 
+#### BiampHeaderProfile Props
+
+| Prop       | Type              | Description                                                            |
+| ---------- | ----------------- | ---------------------------------------------------------------------- |
+| `image`    | `string`          | Optional profile image URL; when omitted, `children` are rendered      |
+| `children` | `React.ReactNode` | Fallback content when no `image` is provided (e.g. `UserInitialsIcon`) |
+| `selected` | `boolean`         | Whether the profile button is currently selected                       |
+
 ### UserInitialsIcon
 
 An avatar-style icon that displays a user's initials over a deterministic background color. The color is seeded by the user's `id`, so the same user always gets the same color. The icon scales proportionally — font size adjusts automatically with `width`/`height`.

package/dist/BiampHeader/BiampHeader.d.ts

@@ -1,5 +1,5 @@
 import { BoxProps, ListItemButtonProps, PopoverProps, StackProps, TextFieldProps } from '@mui/material';
-import { JSX } from 'react';
+import { JSX, ReactNode } from 'react';
 type BiampHeaderProps = StackProps & {
     children?: React.ReactNode;
 };
@@ -40,9 +40,10 @@ type BiampAppDialogItemProps = BoxProps & {
 };
 export declare function BiampAppDialogItem({ children, name, sx, ...props }: BiampAppDialogItemProps): import("react/jsx-runtime").JSX.Element;
 type BiampHeaderProfileProps = ListItemButtonProps & {
-    image: string;
+    image?: string;
+    children?: ReactNode;
     selected?: boolean;
 };
-export declare function BiampHeaderProfile({ image, selected, sx, ...props }: BiampHeaderProfileProps): import("react/jsx-runtime").JSX.Element;
+export declare function BiampHeaderProfile({ image, selected, children, sx, ...props }: BiampHeaderProfileProps): import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=BiampHeader.d.ts.map

package/dist/BiampHeader/BiampHeader.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BiampHeader.d.ts","sourceRoot":"","sources":["../../src/BiampHeader/BiampHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,EAGL,QAAQ,EAGR,mBAAmB,EAEnB,YAAY,EAEZ,UAAU,EAEV,cAAc,EAEf,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAG5B,KAAK,gBAAgB,GAAG,UAAU,GAAG;IACnC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B,CAAC;AAEF,wBAAgB,WAAW,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,GAAG,KAAK,EAAE,EAAE,gBAAgB,2CAWvE;AAED,KAAK,qBAAqB,GAAG,QAAQ,GAAG;IACtC,IAAI,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;AAEF,wBAAgB,gBAAgB,CAAC,EAC/B,IAAI,EACJ,KAAK,EACL,QAAQ,EACR,EAAE,EACF,GAAG,KAAK,EACT,EAAE,qBAAqB,2CAoCvB;AAED,KAAK,sBAAsB,GAAG,cAAc,CAAC;AAE7C,wBAAgB,iBAAiB,CAAC,EAAE,EAAE,EAAE,GAAG,KAAK,EAAE,EAAE,sBAAsB,2CAiCzE;AAED,KAAK,uBAAuB,GAAG,QAAQ,GAAG;IACxC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC;AAEF,wBAAgB,kBAAkB,CAAC,EACjC,QAAQ,EACR,EAAE,EACF,GAAG,KAAK,EACT,EAAE,uBAAuB,2CAezB;AAED,KAAK,0BAA0B,GAAG,QAAQ,GAAG;IAC3C,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC;AAEF,wBAAgB,qBAAqB,CAAC,EACpC,QAAQ,EACR,EAAE,EACF,GAAG,KAAK,EACT,EAAE,0BAA0B,2CAS5B;AAED,KAAK,sBAAsB,GAAG,mBAAmB,GAAG;IAClD,IAAI,EAAE,GAAG,CAAC,OAAO,CAAC;IAClB,YAAY,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,wBAAgB,iBAAiB,CAAC,EAChC,IAAI,EACJ,YAAY,EACZ,QAAQ,EACR,EAAE,EACF,GAAG,KAAK,EACT,EAAE,sBAAsB,2CAsBxB;AAED,KAAK,oBAAoB,GAAG,YAAY,GAAG;IACzC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC;AAEF,wBAAgB,eAAe,CAAC,EAC9B,QAAQ,EACR,IAAI,EACJ,EAAE,EACF,GAAG,KAAK,EACT,EAAE,oBAAoB,2CAuBtB;AAED,KAAK,mBAAmB,GAAG,QAAQ,GAAG;IACpC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC;AAEF,wBAAgB,cAAc,CAAC,EAC7B,QAAQ,EACR,EAAE,EACF,GAAG,KAAK,EACT,EAAE,mBAAmB,2CAmBrB;AAED,KAAK,uBAAuB,GAAG,QAAQ,GAAG;IACxC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,IAAI,EAAE,MAAM,CAAC;CACd,CAAC;AAEF,wBAAgB,kBAAkB,CAAC,EACjC,QAAQ,EACR,IAAI,EACJ,EAAE,EACF,GAAG,KAAK,EACT,EAAE,uBAAuB,2CAkDzB;AAED,KAAK,uBAAuB,GAAG,mBAAmB,GAAG;IACnD,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,wBAAgB,kBAAkB,CAAC,EACjC,KAAK,EACL,QAAQ,EACR,EAAE,EACF,GAAG,KAAK,EACT,EAAE,uBAAuB,2CAgCzB"}
+{"version":3,"file":"BiampHeader.d.ts","sourceRoot":"","sources":["../../src/BiampHeader/BiampHeader.tsx"],"names":[],"mappings":"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"}

package/dist/UserInitialsIcon/UserInitialsIcon.d.ts

@@ -3,6 +3,6 @@ type Props = BoxProps & {
     name: string;
     id: string;
 };
-export declare function UserInitialsIcon({ name, id, width, height, sx, ...props }: Props): import("react/jsx-runtime").JSX.Element;
+export declare function UserInitialsIcon({ name, id, width, height, borderRadius, sx, ...props }: Props): import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=UserInitialsIcon.d.ts.map

package/dist/UserInitialsIcon/UserInitialsIcon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"UserInitialsIcon.d.ts","sourceRoot":"","sources":["../../src/UserInitialsIcon/UserInitialsIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAO,QAAQ,EAAc,MAAM,eAAe,CAAC;AAI1D,KAAK,KAAK,GAAG,QAAQ,GAAG;IACtB,IAAI,EAAE,MAAM,CAAC;IACb,EAAE,EAAE,MAAM,CAAC;CACZ,CAAC;AAKF,wBAAgB,gBAAgB,CAAC,EAC/B,IAAI,EACJ,EAAE,EACF,KAAoB,EACpB,MAAqB,EACrB,EAAE,EACF,GAAG,KAAK,EACT,EAAE,KAAK,2CAkCP"}
+{"version":3,"file":"UserInitialsIcon.d.ts","sourceRoot":"","sources":["../../src/UserInitialsIcon/UserInitialsIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAO,QAAQ,EAAc,MAAM,eAAe,CAAC;AAI1D,KAAK,KAAK,GAAG,QAAQ,GAAG;IACtB,IAAI,EAAE,MAAM,CAAC;IACb,EAAE,EAAE,MAAM,CAAC;CACZ,CAAC;AAMF,wBAAgB,gBAAgB,CAAC,EAC/B,IAAI,EACJ,EAAE,EACF,KAAoB,EACpB,MAAqB,EACrB,YAAoC,EACpC,EAAE,EACF,GAAG,KAAK,EACT,EAAE,KAAK,2CAkCP"}

package/dist/index.cjs

@@ -731,7 +731,9 @@ function BiampAppPopover({
           sx: {
             borderRadius: "16px",
             backgroundImage: "none",
-            border: ({ palette }) => `0.6px solid ${palette.divider}`,
+            outlineWidth: "0.6px",
+            outlineStyle: "solid",
+            outlineColor: ({ palette }) => palette.divider,
             boxShadow: ({ palette }) => `0px 4px 24px 0px ${(0, import_material3.alpha)(palette.common.black, 0.15)};`
           }
         }
@@ -829,6 +831,7 @@ function BiampAppDialogItem({
 function BiampHeaderProfile({
   image,
   selected,
+  children,
   sx,
   ...props
 }) {
@@ -849,7 +852,7 @@ function BiampHeaderProfile({
         ...sx
       },
       ...props,
-      children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+      children: image ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
         import_material3.Box,
         {
           component: "img",
@@ -862,7 +865,7 @@ function BiampHeaderProfile({
             border: ({ palette }) => `0.6px solid var(--Divider-divider_primary, ${(0, import_material3.alpha)(palette.background.paper, 0.15)})`
           }
         }
-      )
+      ) : children
     }
   );
 }
@@ -2702,12 +2705,14 @@ var import_styles2 = require("@mui/material/styles");
 var import_randomcolor = __toESM(require_randomColor(), 1);
 var import_jsx_runtime25 = require("react/jsx-runtime");
 var DEFAULT_SIZE = 40;
+var DEFAULT_BORDER_RADIUS = 1.5;
 var TEXT_RATIO = 0.4;
 function UserInitialsIcon({
   name,
   id,
   width = DEFAULT_SIZE,
   height = DEFAULT_SIZE,
+  borderRadius = DEFAULT_BORDER_RADIUS,
   sx,
   ...props
 }) {
@@ -2723,7 +2728,7 @@ function UserInitialsIcon({
       width,
       minHeight: height,
       height,
-      borderRadius: 1.5,
+      borderRadius,
       bgcolor: bgColor,
       display: "flex",
       alignItems: "center",