@camunda/camunda-composite-components 0.22.6 → 0.22.7

package/lib/esm/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@camunda/camunda-composite-components",
-    "version": "0.22.6",
+    "version": "0.22.7",
     "description": "Camunda Composite Components",
     "bugs": {
         "url": "https://github.com/camunda/camunda-cloud-management-apps/issues"

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

@@ -334,7 +334,14 @@ export const C3NavigationAppBar = ({ app: appProps, appBar, forwardRef, navbar,
         }
         setAppElements(defaultElements);
     }, [clusters, currentApp, domain, handleSuperOrg]);
-    const appBarElements = appBar.elements || (clusters || clustersByOrgId ? appElements : null);
+    const hasExtraAppBarElements = (appBar.extraElements?.length ?? 0) > 0;
+    const appBarElements = appBar.elements
+        ? appBar.elements
+        : clusters || clustersByOrgId
+            ? [...appElements, ...(appBar.extraElements ?? [])]
+            : hasExtraAppBarElements
+                ? appBar.extraElements
+                : null;
     const [isOrgPickerModalOpen, setIsOrgPickerModalOpen] = useState(false);
     const orgName = activeOrg?.name || navbar.orgName;
     return (_jsxs(_Fragment, { children: [_jsx(HeaderGlobalAction, { ref: iconRef, "aria-label": 'Camunda components', isActive: appBar.isOpen, onClick: () => {

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

@@ -64,6 +64,7 @@ export type C3NavigationNotificationsSideBarProps = C3NavigationSideBarBaseProps
 type AppTeaserRouteProps = any;
 export type C3NavigationAppBarProps = Omit<C3NavigationSideBarBaseProps, 'tooltip'> & {
     type: 'app';
+    extraElements?: C3NavigationElementProps[];
     appTeaserRouteProps?: {
         operate?: AppTeaserRouteProps;
         tasklist?: AppTeaserRouteProps;

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

@@ -70,10 +70,13 @@ const LICENSE_EXPIRY = DAY * 30;
 export const C3Navigation = ({ app, appBar, forwardRef, navbar, orgSideBar, infoSideBar, infoButton, helpCenter, actionButtons, userSideBar, notificationSideBar, clusterUuid, options, }) => {
     const { openHelpCenter } = useC3HelpCenter();
     const { currentClusterUuid, decodedAudience } = useC3UserConfiguration();
-    const { activeOrg } = useC3Profile();
+    const { activeOrg, isEnabled } = useC3Profile();
     const isLargeScreen = useMediaQuery(`(min-width: ${BREAKPOINT_LG_WIDTH}`);
     const appBarElementsLength = appBar.elements?.length ?? 0;
+    const appBarExtraElementsLength = appBar.extraElements?.length ?? 0;
     const displayAppBar = !!(appBarElementsLength > 0 ||
+        appBarExtraElementsLength > 0 ||
+        isEnabled ||
         appBar.appTeaserRouteProps ||
         (!isLargeScreen && navbar.elements.length > 0));
     const [appBarOpen, setAppBarOpen] = useState(appBar.isOpen || false);

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

@@ -14,6 +14,10 @@ test.describe('Navigation', () => {
         await getStory(page, 'uishell-c3navigation--app-bar-opened');
         await expect(page).toHaveScreenshot();
     });
+    test('App bar opened with extra elements', async ({ page }) => {
+        await getStory(page, 'uishell-c3navigation--app-bar-opened-with-extra-elements');
+        await expect(page).toHaveScreenshot();
+    });
     test('Org bar open', async ({ page }) => {
         await getStory(page, 'uishell-c3navigation--org-side-bar-opened');
         await expect(page).toHaveScreenshot();

package/lib/esm/src/components/c3-navigation/stories/story-helpers.d.ts

@@ -5,6 +5,7 @@ export declare function createAppProps(): C3NavigationAppProps;
 export declare function createAppBarProps(options?: {
     isOpen?: boolean;
     elements?: Array<C3NavigationElementProps>;
+    extraElements?: Array<C3NavigationElementProps>;
     useElementsFromConfig?: boolean;
 }): C3NavigationProps['appBar'];
 export declare function createNavBarBarProps({ orgName, elements, showLicenseTag, showProductionLicense, isCommercial, expiresAt, }?: {

package/lib/esm/src/components/c3-navigation/stories/story-helpers.js

@@ -95,6 +95,7 @@ export function createAppBarProps(options = {}) {
                     ],
                 },
             ]),
+        extraElements: options.extraElements,
         elementClicked: (element) => console.log(`event coming from the appBarProps: ${element} has been clicked`),
     };
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@camunda/camunda-composite-components",
-  "version": "0.22.6",
+  "version": "0.22.7",
   "description": "Camunda Composite Components",
   "bugs": {
     "url": "https://github.com/camunda/camunda-cloud-management-apps/issues"