@camunda/camunda-composite-components 0.0.35 → 0.0.36-actionbuttons

package/lib/esm/components/c3-navigation/c3-navigation-actions/c3-action-buttons.d.ts

@@ -0,0 +1,6 @@
+import { FC } from "react";
+import { C3ActionButtonsProps } from "./c3-action-buttons.types";
+declare const C3ActionButtons: FC<{
+    elements: C3ActionButtonsProps;
+}>;
+export default C3ActionButtons;

package/lib/esm/components/c3-navigation/c3-navigation-actions/c3-action-buttons.js

@@ -0,0 +1,8 @@
+import React from "react";
+import { HeaderGlobalAction } from "@carbon/react";
+const C3ActionButtons = ({ elements, }) => {
+    return (React.createElement(React.Fragment, null, elements.map((actionButton) => {
+        return (React.createElement(HeaderGlobalAction, { "aria-label": `Open ${actionButton.label}`, onClick: actionButton.action, isActive: false, key: `${actionButton.label}-key` }, actionButton.icon));
+    })));
+};
+export default C3ActionButtons;

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

@@ -0,0 +1,5 @@
+export declare type C3ActionButtonsProps = Array<{
+    label: string;
+    icon: any;
+    action: () => void;
+}>;

package/lib/esm/components/c3-navigation/c3-navigation-actions/c3-action-buttons.types.js

@@ -0,0 +1 @@
+export {};

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, actionButtons, userSideBar, notificationSideBar, }: C3NavigationProps) => JSX.Element;

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

@@ -7,6 +7,7 @@ import C3UserSidebar from "./c3-navigation-sidebar/c3-user-sidebar";
 import { useMediaQuery } from "./helpers";
 import { C3NavigationAppBar } from "./c3-navigation-appbar";
 import styled from "styled-components";
+import C3ActionButtons from "./c3-navigation-actions/c3-action-buttons";
 /**
  * UI SHELL
  * Docs: https://react.carbondesignsystem.com/?path=/story/components-ui-shell--fixed-side-nav
@@ -21,7 +22,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, actionButtons, 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);
@@ -73,6 +74,7 @@ export const C3Navigation = ({ app, appBar, forwardRef, navbar, orgSideBar, info
                                 overflow: "hidden",
                                 maxWidth: "150px",
                             } }, navbar.orgName))),
+                    actionButtons && React.createElement(C3ActionButtons, { elements: actionButtons }),
                     notificationSideBar && (React.createElement(C3NotificationSidebar, { sideBar: { ...notificationSideBar, type: "notifications" } })),
                     orgSideBar && (React.createElement(C3OrgSidebar, { sideBar: { ...orgSideBar, type: "org" } })),
                     infoSideBar && (React.createElement(C3InfoSidebar, { sideBar: { ...infoSideBar, type: "info" } })),

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

@@ -2,6 +2,7 @@
 import { Tag } from "@carbon/react";
 import { Endpoints, Stage } from "../../api/endpoints.const";
 import { C3NavigationAppBarProps, C3NavigationInfoSideBarProps, C3NavigationNotificationsSideBarProps, C3NavigationOrgSideBarProps, C3NavigationUserSideBarProps } from "./c3-navigation-sidebar/c3-navigation-sidebar.types";
+import { C3ActionButtonsProps } from "./c3-navigation-actions/c3-action-buttons.types";
 export interface C3NavigationAppProps {
     prefix: string;
     name: string;
@@ -53,6 +54,7 @@ export interface C3NavigationProps {
     appBar: WithoutType<C3NavigationAppBarProps>;
     orgSideBar?: WithoutType<C3NavigationOrgSideBarProps>;
     infoSideBar?: WithoutType<C3NavigationInfoSideBarProps>;
+    actionButtons?: C3ActionButtonsProps;
     userSideBar?: WithoutType<C3NavigationUserSideBarProps>;
     notificationSideBar?: WithoutType<C3NavigationNotificationsSideBarProps>;
     navbar: C3NavigationNavBarProps;

package/package.json

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