@camunda/camunda-composite-components 0.0.37 → 0.0.38-rc1

package/lib/esm/components/c3-navigation/c3-info-button.d.ts

@@ -0,0 +1,4 @@
+import { FC } from "react";
+export declare const InfoButton: FC<{
+    onClick: () => void;
+}>;

package/lib/esm/components/c3-navigation/c3-info-button.js

@@ -0,0 +1,5 @@
+import React from "react";
+import { HeaderGlobalAction } from "@carbon/react";
+import { Help } from "@carbon/react/icons";
+export const InfoButton = ({ onClick }) => (React.createElement(HeaderGlobalAction, { "aria-label": "Open Help Center", tooltipAlignment: "center", onClick: onClick },
+    React.createElement(Help, { size: 20 })));

package/lib/esm/components/c3-navigation/c3-navigation.d.ts

@@ -1,3 +1,3 @@
 /// <reference types="react" />
 import { C3NavigationProps } from "./c3-navigation.types";
-export declare const C3Navigation: ({ app, appBar, forwardRef, navbar, orgSideBar, infoSideBar, userSideBar, notificationSideBar, }: C3NavigationProps) => JSX.Element;
+export declare const C3Navigation: ({ app, appBar, forwardRef, navbar, orgSideBar, infoSideBar, infoButton, userSideBar, notificationSideBar, }: C3NavigationProps) => JSX.Element;

package/lib/esm/components/c3-navigation/c3-navigation.js

@@ -8,6 +8,7 @@ import { useMediaQuery } from "./helpers";
 import { C3NavigationAppBar } from "./c3-navigation-appbar";
 import styled from "styled-components";
 import { CamundaLogo } from "../../icons/c3-icons";
+import { InfoButton } from "./c3-info-button";
 /**
  * UI SHELL
  * Docs: https://react.carbondesignsystem.com/?path=/story/components-ui-shell--fixed-side-nav
@@ -27,7 +28,7 @@ const StyledToggletipContent = styled(ToggletipContent) `
 		color: var(--cds-link-hover-text-color);
 	}
 `;
-export const C3Navigation = ({ app, appBar, forwardRef, navbar, orgSideBar, infoSideBar, userSideBar, notificationSideBar, }) => {
+export const C3Navigation = ({ app, appBar, forwardRef, navbar, orgSideBar, infoSideBar, infoButton, userSideBar, notificationSideBar, }) => {
     const isLargeScreen = useMediaQuery(`(min-width: ${BREAKPOINT_LG_WIDTH}`);
     const appBarElementsLength = appBar.elements?.length ?? 0;
     const displayAppBar = appBarElementsLength > 0 || (!isLargeScreen && navbar.elements.length > 0);
@@ -82,7 +83,7 @@ export const C3Navigation = ({ app, appBar, forwardRef, navbar, orgSideBar, info
                             } }, navbar.orgName))),
                     notificationSideBar && (React.createElement(C3NotificationSidebar, { sideBar: { ...notificationSideBar, type: "notifications" } })),
                     orgSideBar && (React.createElement(C3OrgSidebar, { sideBar: { ...orgSideBar, type: "org" } })),
-                    infoSideBar && (React.createElement(C3InfoSidebar, { sideBar: { ...infoSideBar, type: "info" } })),
+                    infoButton ? (React.createElement(InfoButton, { onClick: infoButton.onClick })) : (infoSideBar && (React.createElement(C3InfoSidebar, { sideBar: { ...infoSideBar, type: "info" } }))),
                     userSideBar && (React.createElement(C3UserSidebar, { sideBar: { ...userSideBar, type: "user" } })))));
         } }));
 };

package/lib/esm/components/c3-navigation/c3-navigation.types.d.ts

@@ -53,6 +53,9 @@ export interface C3NavigationProps {
     appBar: WithoutType<C3NavigationAppBarProps>;
     orgSideBar?: WithoutType<C3NavigationOrgSideBarProps>;
     infoSideBar?: WithoutType<C3NavigationInfoSideBarProps>;
+    infoButton?: {
+        onClick: () => void;
+    };
     userSideBar?: WithoutType<C3NavigationUserSideBarProps>;
     notificationSideBar?: WithoutType<C3NavigationNotificationsSideBarProps>;
     navbar: C3NavigationNavBarProps;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@camunda/camunda-composite-components",
-	"version": "0.0.37",
+	"version": "0.0.38-rc1",
 	"scripts": {
 		"clean": "rimraf lib/",
 		"copy-css-files": "copyfiles -u 1 src/components/**/*.css lib/esm",