@camunda/camunda-composite-components 0.22.6 → 0.22.8

package/lib/esm/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@camunda/camunda-composite-components",
-    "version": "0.22.6",
+    "version": "0.22.8",
     "description": "Camunda Composite Components",
     "bugs": {
         "url": "https://github.com/camunda/camunda-cloud-management-apps/issues"
@@ -55,38 +55,38 @@
         "semver": "7.7.4"
     },
     "devDependencies": {
-        "@auth0/auth0-spa-js": "2.18.0",
+        "@auth0/auth0-spa-js": "2.19.0",
         "@camunda/ccma-shared-types": "workspace:*",
         "@carbon/react": "1.103.0",
         "@chromatic-com/storybook": "5.1.1",
         "@mdx-js/react": "3.1.1",
-        "@playwright/test": "1.58.2",
-        "@storybook/addon-a11y": "10.3.3",
-        "@storybook/addon-docs": "10.3.3",
-        "@storybook/addon-links": "10.3.3",
-        "@storybook/addon-vitest": "10.3.3",
-        "@storybook/react": "10.3.3",
-        "@storybook/react-vite": "10.3.3",
-        "@vitest/browser": "4.1.1",
-        "@vitest/browser-playwright": "4.1.1",
-        "vitest": "4.1.1",
-        "conventional-changelog-conventionalcommits": "9.3.0",
+        "@playwright/test": "1.59.1",
+        "@storybook/addon-a11y": "10.3.5",
+        "@storybook/addon-docs": "10.3.5",
+        "@storybook/addon-links": "10.3.5",
+        "@storybook/addon-vitest": "10.3.5",
+        "@storybook/react": "10.3.5",
+        "@storybook/react-vite": "10.3.5",
+        "@vitest/browser": "4.1.4",
+        "@vitest/browser-playwright": "4.1.4",
+        "vitest": "4.1.4",
+        "conventional-changelog-conventionalcommits": "9.3.1",
         "eslint-import-resolver-typescript": "4.4.4",
         "eslint-plugin-react": "7.37.5",
         "eslint-plugin-react-hooks": "7.0.1",
-        "eslint-plugin-storybook": "10.3.3",
+        "eslint-plugin-storybook": "10.3.5",
         "event-source-polyfill": "1.0.31",
-        "mixpanel-browser": "2.77.0",
-        "playwright": "1.58.2",
-        "react": "19.2.4",
-        "react-dom": "19.2.4",
-        "react-is": "19.2.4",
+        "mixpanel-browser": "2.78.0",
+        "playwright": "1.59.1",
+        "react": "19.2.5",
+        "react-dom": "19.2.5",
+        "react-is": "19.2.5",
         "rimraf": "6.1.3",
         "serve": "14.2.6",
-        "storybook": "10.3.3",
-        "styled-components": "6.3.12",
-        "typescript-eslint": "8.57.2",
-        "wait-on": "9.0.4"
+        "storybook": "10.3.5",
+        "styled-components": "6.4.0",
+        "typescript-eslint": "8.58.1",
+        "wait-on": "9.0.5"
     },
     "peerDependencies": {
         "@carbon/react": "1.x",

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/c3-org-sidebar/components.d.ts

@@ -1,6 +1,5 @@
-import type { DropdownProps } from '@carbon/react/lib/components/Dropdown/Dropdown';
-import type { FC } from 'react';
-import type { Organization } from '../../../utils/camunda.types';
+import { Dropdown } from '@carbon/react';
+import type { ComponentProps, ComponentType, FC } from 'react';
 import type { LoadingStatus } from '../c3-navigation-appbar/c3-navigation-appbar';
 export declare const ActiveOrgWrapperCustom: any;
 export declare const ActiveOrgWrapper: any;
@@ -23,7 +22,7 @@ export declare const ManageOrgOverflowMenu: FC<{
     onManage: () => void;
     onRequestToLeave: () => void;
 }>;
-export declare const StyledDropdown: FC<DropdownProps<Organization> & {
+export declare const StyledDropdown: ComponentType<ComponentProps<typeof Dropdown> & {
     $scrollBarWidth: number;
 }>;
 export declare const OrgListWrapper: any;

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.8",
   "description": "Camunda Composite Components",
   "bugs": {
     "url": "https://github.com/camunda/camunda-cloud-management-apps/issues"
@@ -29,37 +29,37 @@
     "semver": "7.7.4"
   },
   "devDependencies": {
-    "@auth0/auth0-spa-js": "2.18.0",
+    "@auth0/auth0-spa-js": "2.19.0",
     "@carbon/react": "1.103.0",
     "@chromatic-com/storybook": "5.1.1",
     "@mdx-js/react": "3.1.1",
-    "@playwright/test": "1.58.2",
-    "@storybook/addon-a11y": "10.3.3",
-    "@storybook/addon-docs": "10.3.3",
-    "@storybook/addon-links": "10.3.3",
-    "@storybook/addon-vitest": "10.3.3",
-    "@storybook/react": "10.3.3",
-    "@storybook/react-vite": "10.3.3",
-    "@vitest/browser": "4.1.1",
-    "@vitest/browser-playwright": "4.1.1",
-    "vitest": "4.1.1",
-    "conventional-changelog-conventionalcommits": "9.3.0",
+    "@playwright/test": "1.59.1",
+    "@storybook/addon-a11y": "10.3.5",
+    "@storybook/addon-docs": "10.3.5",
+    "@storybook/addon-links": "10.3.5",
+    "@storybook/addon-vitest": "10.3.5",
+    "@storybook/react": "10.3.5",
+    "@storybook/react-vite": "10.3.5",
+    "@vitest/browser": "4.1.4",
+    "@vitest/browser-playwright": "4.1.4",
+    "vitest": "4.1.4",
+    "conventional-changelog-conventionalcommits": "9.3.1",
     "eslint-import-resolver-typescript": "4.4.4",
     "eslint-plugin-react": "7.37.5",
     "eslint-plugin-react-hooks": "7.0.1",
-    "eslint-plugin-storybook": "10.3.3",
+    "eslint-plugin-storybook": "10.3.5",
     "event-source-polyfill": "1.0.31",
-    "mixpanel-browser": "2.77.0",
-    "playwright": "1.58.2",
-    "react": "19.2.4",
-    "react-dom": "19.2.4",
-    "react-is": "19.2.4",
+    "mixpanel-browser": "2.78.0",
+    "playwright": "1.59.1",
+    "react": "19.2.5",
+    "react-dom": "19.2.5",
+    "react-is": "19.2.5",
     "rimraf": "6.1.3",
     "serve": "14.2.6",
-    "storybook": "10.3.3",
-    "styled-components": "6.3.12",
-    "typescript-eslint": "8.57.2",
-    "wait-on": "9.0.4",
+    "storybook": "10.3.5",
+    "styled-components": "6.4.0",
+    "typescript-eslint": "8.58.1",
+    "wait-on": "9.0.5",
     "@camunda/ccma-shared-types": "0.0.4"
   },
   "peerDependencies": {