@bwp-web/components 1.1.2 → 1.2.0

package/README.md

@@ -22,34 +22,36 @@ For `BiampTable` only:
 
 ## Components
 
-| Component               | Description                                                                      |
-| ----------------------- | -------------------------------------------------------------------------------- |
-| `BiampLayout`           | Full-page layout shell with optional header and sidebar slots                    |
-| `BiampWrapper`          | Full-page content wrapper with padding, rounded corners, and scrollable overflow |
-| `BiampSidebar`          | Fixed-width vertical sidebar with Biamp logo                                     |
-| `BiampSidebarIconList`  | Vertical list with 4px gaps for sidebar items                                    |
-| `BiampSidebarIcon`      | Selectable 48×48px icon button for sidebar navigation                            |
-| `BiampSidebarComponent` | 48×48px rounded box for arbitrary sidebar content                                |
-| `BiampHeader`           | Horizontal header container with padding                                         |
-| `BiampHeaderTitle`      | Title section with icon, optional title, and optional subtitle                   |
-| `BiampHeaderSearch`     | Search input with leading search icon                                            |
-| `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 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                               |
-| `BiampBanner`           | Full-width animated notification banner                                          |
-| `BiampBannerIcon`       | Leading icon slot for `BiampBanner`                                              |
-| `BiampBannerContent`    | Center message slot for `BiampBanner`                                            |
-| `BiampBannerActions`    | Trailing actions slot for `BiampBanner`                                          |
-| `BiampGlobalSearch`     | Searchable autocomplete with icons, subtitles, chips, and keyboard hints         |
-| `SegmentedButtonGroup`  | Horizontal container for grouping segmented toggle buttons                       |
-| `SegmentedButton`       | Individual toggle button for use inside `SegmentedButtonGroup`                   |
-| `BiampTable`            | Composable data table with sorting, selection, pagination, and more              |
-| `UserInitialsIcon`      | Avatar-style icon showing a user's initials with a deterministic color           |
-| `DynamicSvgIcon`        | Renders a remotely-fetched SVG with a skeleton loader and required fallback      |
+| Component                    | Description                                                                          |
+| ---------------------------- | ------------------------------------------------------------------------------------ |
+| `BiampLayout`                | Full-page layout shell with optional header and sidebar slots                        |
+| `BiampWrapper`               | Full-page content wrapper with padding, rounded corners, and scrollable overflow     |
+| `BiampSidebar`               | Fixed-width vertical sidebar with Biamp logo                                         |
+| `BiampSidebarIconList`       | Vertical list with 4px gaps for sidebar items                                        |
+| `BiampSidebarIcon`           | Selectable 48×48px icon button for sidebar navigation                                |
+| `BiampSidebarComponent`      | 48×48px rounded box for arbitrary sidebar content                                    |
+| `BiampHeader`                | Horizontal header container with padding                                             |
+| `BiampHeaderTitle`           | Title section with icon, optional title, and optional subtitle                       |
+| `BiampHeaderSearch`          | Search input with leading search icon                                                |
+| `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 button with image or custom children (e.g. `UserInitialsIcon`)               |
+| `BiampAppPopover`            | Styled popover for the app-launcher content                                          |
+| `BiampBuildAppContent`       | 2-column grid container for "Configure & Build" app tiles                            |
+| `BiampBuildAppContentItem`   | App tile with image, name, description, and optional action button                   |
+| `BiampEndUserAppContent`     | Vertical list container for end-user app items                                       |
+| `BiampEndUserAppContentItem` | Row-style app item with image, name, description, and external link; supports `href` |
+| `BiampBanner`                | Full-width animated notification banner                                              |
+| `BiampBannerIcon`            | Leading icon slot for `BiampBanner`                                                  |
+| `BiampBannerContent`         | Center message slot for `BiampBanner`                                                |
+| `BiampBannerActions`         | Trailing actions slot for `BiampBanner`                                              |
+| `BiampGlobalSearch`          | Searchable autocomplete with icons, subtitles, chips, and keyboard hints             |
+| `SegmentedButtonGroup`       | Horizontal container for grouping segmented toggle buttons                           |
+| `SegmentedButton`            | Individual toggle button for use inside `SegmentedButtonGroup`                       |
+| `BiampTable`                 | Composable data table with sorting, selection, pagination, and more                  |
+| `UserInitialsIcon`           | Avatar-style icon showing a user's initials with a deterministic color               |
+| `DynamicSvgIcon`             | Renders a remotely-fetched SVG with a skeleton loader and required fallback          |
 
 ## Usage
 

package/dist/BiampHeader/BiampHeader.d.ts

@@ -30,15 +30,29 @@ type BiampAppPopoverProps = PopoverProps & {
     children: React.ReactNode;
 };
 export declare function BiampAppPopover({ children, open, sx, ...props }: BiampAppPopoverProps): import("react/jsx-runtime").JSX.Element;
-type BiampAppDialogProps = BoxProps & {
+type BiampBuildAppContentProps = BoxProps & {
     children: React.ReactNode;
 };
-export declare function BiampAppDialog({ children, sx, ...props }: BiampAppDialogProps): import("react/jsx-runtime").JSX.Element;
-type BiampAppDialogItemProps = BoxProps & {
+export declare function BiampBuildAppContent({ children, sx, ...props }: BiampBuildAppContentProps): import("react/jsx-runtime").JSX.Element;
+type BiampBuildAppContentItemProps = StackProps & {
+    image: ReactNode;
+    name: string;
+    description: string;
+    button?: ReactNode;
+};
+export declare function BiampBuildAppContentItem({ image, name, description, button, sx, ...props }: BiampBuildAppContentItemProps): import("react/jsx-runtime").JSX.Element;
+type BiampEndUserAppContentProps = StackProps & {
     children: React.ReactNode;
+};
+export declare function BiampEndUserAppContent({ children, sx, ...props }: BiampEndUserAppContentProps): import("react/jsx-runtime").JSX.Element;
+type BiampEndUserAppContentItemProps = StackProps & {
+    image: ReactNode;
     name: string;
+    description: string;
+    href?: string;
+    target?: string;
 };
-export declare function BiampAppDialogItem({ children, name, sx, ...props }: BiampAppDialogItemProps): import("react/jsx-runtime").JSX.Element;
+export declare function BiampEndUserAppContentItem({ image, name, description, href, target, sx, ...props }: BiampEndUserAppContentItemProps): import("react/jsx-runtime").JSX.Element;
 type BiampHeaderProfileProps = ListItemButtonProps & {
     image?: string;
     children?: ReactNode;

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

@@ -1 +1 @@
-{"version":3,"file":"BiampHeader.d.ts","sourceRoot":"","sources":["../../src/BiampHeader/BiampHeader.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"BiampHeader.d.ts","sourceRoot":"","sources":["../../src/BiampHeader/BiampHeader.tsx"],"names":[],"mappings":"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"}

package/dist/BiampHeader/index.d.ts

@@ -1,2 +1,2 @@
-export { BiampHeader, BiampHeaderTitle, BiampHeaderSearch, BiampHeaderActions, BiampHeaderButtonList, BiampHeaderButton, BiampHeaderProfile, BiampAppDialog, BiampAppDialogItem, BiampAppPopover, } from './BiampHeader';
+export { BiampHeader, BiampHeaderTitle, BiampHeaderSearch, BiampHeaderActions, BiampHeaderButtonList, BiampHeaderButton, BiampHeaderProfile, BiampAppPopover, BiampBuildAppContent, BiampBuildAppContentItem, BiampEndUserAppContent, BiampEndUserAppContentItem, } from './BiampHeader';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/BiampHeader/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,WAAW,EACX,gBAAgB,EAChB,iBAAiB,EACjB,kBAAkB,EAClB,qBAAqB,EACrB,iBAAiB,EACjB,kBAAkB,EAClB,cAAc,EACd,kBAAkB,EAClB,eAAe,GAChB,MAAM,eAAe,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/BiampHeader/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,WAAW,EACX,gBAAgB,EAChB,iBAAiB,EACjB,kBAAkB,EAClB,qBAAqB,EACrB,iBAAiB,EACjB,kBAAkB,EAClB,eAAe,EACf,oBAAoB,EACpB,wBAAwB,EACxB,sBAAsB,EACtB,0BAA0B,GAC3B,MAAM,eAAe,CAAC"}

package/dist/index.cjs

@@ -401,13 +401,15 @@ var require_randomColor = __commonJS({
 var index_exports = {};
 __export(index_exports, {
   BIAMP_TABLE_DEBOUNCE_DELAY: () => BIAMP_TABLE_DEBOUNCE_DELAY,
-  BiampAppDialog: () => BiampAppDialog,
-  BiampAppDialogItem: () => BiampAppDialogItem,
   BiampAppPopover: () => BiampAppPopover,
   BiampBanner: () => BiampBanner,
   BiampBannerActions: () => BiampBannerActions,
   BiampBannerContent: () => BiampBannerContent,
   BiampBannerIcon: () => BiampBannerIcon,
+  BiampBuildAppContent: () => BiampBuildAppContent,
+  BiampBuildAppContentItem: () => BiampBuildAppContentItem,
+  BiampEndUserAppContent: () => BiampEndUserAppContent,
+  BiampEndUserAppContentItem: () => BiampEndUserAppContentItem,
   BiampGlobalSearch: () => BiampGlobalSearch,
   BiampHeader: () => BiampHeader,
   BiampHeaderActions: () => BiampHeaderActions,
@@ -716,6 +718,7 @@ function BiampHeaderButton({
     }
   );
 }
+var POPOVER_MAX_WIDTH = 530;
 function BiampAppPopover({
   children,
   open,
@@ -726,9 +729,9 @@ function BiampAppPopover({
     import_material3.Popover,
     {
       open,
-      anchorOrigin: { vertical: "bottom", horizontal: "left" },
+      anchorOrigin: { vertical: "bottom", horizontal: "right" },
+      transformOrigin: { vertical: -8, horizontal: POPOVER_MAX_WIDTH - 4 },
       sx: { ...sx },
-      transformOrigin: { vertical: -4, horizontal: 150 },
       slotProps: {
         paper: {
           sx: {
@@ -737,7 +740,13 @@ function BiampAppPopover({
             outlineWidth: "0.6px",
             outlineStyle: "solid",
             outlineColor: ({ palette }) => palette.divider,
-            boxShadow: ({ palette }) => `0px 4px 24px 0px ${(0, import_material3.alpha)(palette.common.black, 0.15)};`
+            boxShadow: ({ palette }) => `0px 4px 24px 0px ${(0, import_material3.alpha)(palette.common.black, 0.15)};`,
+            maxWidth: POPOVER_MAX_WIDTH,
+            width: "100%",
+            p: 2,
+            display: "flex",
+            flexDirection: "column",
+            gap: 2
           }
         }
       },
@@ -746,7 +755,7 @@ function BiampAppPopover({
     }
   );
 }
-function BiampAppDialog({
+function BiampBuildAppContent({
   children,
   sx,
   ...props
@@ -755,13 +764,9 @@ function BiampAppDialog({
     import_material3.Box,
     {
       sx: {
-        p: 2,
-        display: "inline-flex",
-        flexWrap: "wrap",
+        display: "grid",
+        gridTemplateColumns: "1fr 1fr",
         gap: 1.5,
-        maxWidth: "284px",
-        borderRadius: "16px",
-        backgroundColor: ({ palette }) => palette.mode === "dark" ? palette.grey[800] : palette.common.white,
         ...sx
       },
       ...props,
@@ -769,64 +774,92 @@ function BiampAppDialog({
     }
   );
 }
-function BiampAppDialogItem({
+function BiampBuildAppContentItem({
+  image,
+  name,
+  description,
+  button,
+  sx,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
+    import_material3.Stack,
+    {
+      direction: "column",
+      position: "relative",
+      sx: {
+        p: 1.5,
+        borderRadius: 1.5,
+        outlineWidth: "1px",
+        outlineStyle: "solid",
+        outlineColor: ({ palette }) => palette.divider,
+        ...sx
+      },
+      ...props,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_material3.Box, { sx: { width: 54, height: 54 }, mb: 0.5, children: image }),
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_material3.Typography, { variant: "caption", fontWeight: 600, mb: 0.5, children: name }),
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_material3.Typography, { variant: "caption", color: "text.secondary", children: description }),
+        button && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_material3.Box, { position: "absolute", top: "12px", right: "12px", children: button })
+      ]
+    }
+  );
+}
+function BiampEndUserAppContent({
   children,
+  sx,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+    import_material3.Stack,
+    {
+      direction: "column",
+      sx: {
+        gap: 1.5,
+        ...sx
+      },
+      ...props,
+      children
+    }
+  );
+}
+function BiampEndUserAppContentItem({
+  image,
   name,
+  description,
+  href,
+  target,
   sx,
   ...props
 }) {
   return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
-    import_material3.Box,
+    import_material3.Stack,
     {
+      component: href ? "a" : "div",
+      href,
+      target,
+      direction: "row",
+      alignItems: "center",
       sx: {
-        width: "76px",
-        height: "89px",
-        display: "flex",
-        flexDirection: "column",
-        alignItems: "center",
-        cursor: "pointer",
-        justifyContent: "center",
-        gap: "4px",
-        borderRadius: "12px",
-        border: "0.6px solid transparent",
-        transition: "background-color 0.2s ease, border-color 0.2s ease",
-        ":hover": {
-          backgroundColor: ({ palette }) => (0, import_material3.alpha)(palette.info.main, 0.1),
-          borderColor: ({ palette }) => palette.info.main
-        },
+        gap: 1.5,
+        p: 1.5,
+        borderRadius: 1.5,
+        outlineWidth: "1px",
+        outlineStyle: "solid",
+        outlineColor: ({ palette }) => palette.divider,
+        textDecoration: "none",
+        color: "inherit",
+        cursor: href ? "pointer" : void 0,
         ...sx
       },
       ...props,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-          import_material3.Box,
-          {
-            sx: {
-              mt: "8px",
-              width: "54px",
-              height: "54px",
-              display: "flex",
-              alignItems: "center",
-              justifyContent: "center"
-            },
-            children
-          }
-        ),
-        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-          import_material3.Typography,
-          {
-            variant: "caption",
-            fontWeight: 600,
-            sx: {
-              textAlign: "center",
-              overflow: "hidden",
-              textOverflow: "ellipsis",
-              whiteSpace: "nowrap",
-              maxWidth: "100%"
-            },
-            children: name
-          }
-        )
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_material3.Box, { sx: { width: 32, height: 32 }, children: image }),
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_material3.Stack, { direction: "column", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_material3.Typography, { variant: "caption", fontWeight: 600, children: name }),
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_material3.Typography, { variant: "caption", color: "text.secondary", children: description })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_assets2.ExternalLinkIcon, { sx: { width: 16, height: 16, ml: "auto" } })
       ]
     }
   );
@@ -2915,13 +2948,15 @@ function DynamicSvgIcon({
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   BIAMP_TABLE_DEBOUNCE_DELAY,
-  BiampAppDialog,
-  BiampAppDialogItem,
   BiampAppPopover,
   BiampBanner,
   BiampBannerActions,
   BiampBannerContent,
   BiampBannerIcon,
+  BiampBuildAppContent,
+  BiampBuildAppContentItem,
+  BiampEndUserAppContent,
+  BiampEndUserAppContentItem,
   BiampGlobalSearch,
   BiampHeader,
   BiampHeaderActions,