@camunda/camunda-composite-components 0.22.0 → 0.22.2

package/lib/esm/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@camunda/camunda-composite-components",
-    "version": "0.22.0",
+    "version": "0.22.2",
     "description": "Camunda Composite Components",
     "bugs": {
         "url": "https://github.com/camunda/camunda-cloud-management-apps/issues"
@@ -50,42 +50,42 @@
     },
     "dependencies": {
         "jwt-decode": "4.0.0",
-        "react-error-boundary": "6.1.0",
+        "react-error-boundary": "6.1.1",
         "react-markdown": "10.1.0",
         "semver": "7.7.4"
     },
     "devDependencies": {
-        "@auth0/auth0-spa-js": "2.15.0",
+        "@auth0/auth0-spa-js": "2.17.0",
         "@camunda-cloud/shared-types": "workspace:*",
-        "@carbon/react": "1.97.0",
+        "@carbon/react": "1.102.0",
         "@chromatic-com/storybook": "5.0.1",
         "@mdx-js/react": "3.1.1",
         "@playwright/test": "1.58.2",
-        "@storybook/addon-a11y": "10.2.8",
-        "@storybook/addon-docs": "10.2.8",
-        "@storybook/addon-links": "10.2.8",
-        "@storybook/addon-vitest": "10.2.8",
-        "@storybook/react": "10.2.8",
-        "@storybook/react-vite": "10.2.8",
+        "@storybook/addon-a11y": "10.2.15",
+        "@storybook/addon-docs": "10.2.15",
+        "@storybook/addon-links": "10.2.15",
+        "@storybook/addon-vitest": "10.2.15",
+        "@storybook/react": "10.2.15",
+        "@storybook/react-vite": "10.2.15",
         "@vitest/browser": "4.0.18",
         "@vitest/browser-playwright": "4.0.18",
         "vitest": "4.0.18",
-        "conventional-changelog-conventionalcommits": "9.1.0",
+        "conventional-changelog-conventionalcommits": "9.3.0",
         "eslint-import-resolver-typescript": "4.4.4",
         "eslint-plugin-react": "7.37.5",
         "eslint-plugin-react-hooks": "7.0.1",
-        "eslint-plugin-storybook": "10.2.8",
+        "eslint-plugin-storybook": "10.2.15",
         "event-source-polyfill": "1.0.31",
-        "mixpanel-browser": "2.74.0",
+        "mixpanel-browser": "2.75.0",
         "playwright": "1.58.2",
         "react": "19.2.4",
         "react-dom": "19.2.4",
         "react-is": "19.2.4",
-        "rimraf": "6.1.2",
-        "serve": "14.2.5",
-        "storybook": "10.2.8",
-        "styled-components": "6.3.9",
-        "typescript-eslint": "8.55.0",
+        "rimraf": "6.1.3",
+        "serve": "14.2.6",
+        "storybook": "10.2.15",
+        "styled-components": "6.3.11",
+        "typescript-eslint": "8.56.1",
         "wait-on": "9.0.4"
     },
     "peerDependencies": {

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

@@ -45,6 +45,21 @@ const getClustersToRender = (clusters, activeOrg, appToNavigateTo) => {
                 trueOnInvalidVersion: false,
             })));
 };
+/**
+ * Returns the display label for admin/identity clusters in the app bar.
+ * Shows "Admin" only if at least one cluster is on version 8.9.0-alpha5 or newer;
+ * otherwise falls back to "Identity" for older cluster versions.
+ */
+const getAdminLabelForClusters = (clusters) => {
+    const hasAdminVersionCluster = clusters.some((cluster) => checkVersion({
+        possiblyVersionOrDockerPath: cluster.generation.versions?.zeebe,
+        trueForSnapshot: true,
+        operator: VersionCheckOperator.GreaterThanOrEqual,
+        versionToCompareTo: '8.9.0-alpha5',
+        trueOnInvalidVersion: false,
+    }));
+    return hasAdminVersionCluster ? 'Admin' : 'Identity';
+};
 const OrgNameWrapper = styled.div `
   margin-bottom: 1rem;
   padding: 0px 16px;
@@ -259,6 +274,9 @@ export const C3NavigationAppBar = ({ app: appProps, appBar, forwardRef, navbar,
             else {
                 const appHasReadPermission = hasReadPermissionForApp(app, activeOrg?.permissions);
                 const clustersToRender = getClustersToRender(clusters ?? [], activeOrg, app);
+                if (isAdminApp(app)) {
+                    element.label = getAdminLabelForClusters(clustersToRender);
+                }
                 if (clustersToRender?.length === 1 && !enforceDropDown) {
                     element.href = getEndpointForApp(app, clustersToRender[0].endpoints);
                 }
@@ -311,13 +329,11 @@ export const C3NavigationAppBar = ({ app: appProps, appBar, forwardRef, navbar,
     const appBarElements = appBar.elements || (clusters || clustersByOrgId ? appElements : null);
     const [isOrgPickerModalOpen, setIsOrgPickerModalOpen] = useState(false);
     const orgName = activeOrg?.name || navbar.orgName;
-    return (_jsxs(_Fragment, { children: [_jsx(HeaderGlobalAction
-            // @ts-expect-error
-            , { 
-                // @ts-expect-error
-                ref: iconRef, "aria-label": 'Camunda components', isActive: appBar.isOpen, onClick: () => {
+    return (_jsxs(_Fragment, { children: [_jsx(HeaderGlobalAction, { ref: iconRef, "aria-label": 'Camunda components', isActive: appBar.isOpen, onClick: () => {
                     toggleAppbar(!appBar.isOpen);
-                }, tooltipAlignment: 'start', leaveDelayMs: 100, children: appBar.isOpen ? _jsx(Close, { size: 20 }) : _jsx(C3AppMenuIcon, { size: 20 }) }), _jsx(OrgPickerModal, { activeOrg: activeOrg, appToNavigateTo: appToNavigateTo, isOpen: isOrgPickerModalOpen, orgs: clustersByOrgId, onCancel: () => {
+                }, tooltipAlignment: 'start', 
+                // @ts-expect-error
+                leaveDelayMs: 100, children: appBar.isOpen ? _jsx(Close, { size: 20 }) : _jsx(C3AppMenuIcon, { size: 20 }) }), _jsx(OrgPickerModal, { activeOrg: activeOrg, appToNavigateTo: appToNavigateTo, isOpen: isOrgPickerModalOpen, orgs: clustersByOrgId, onCancel: () => {
                     setIsOrgPickerModalOpen(false);
                 }, loadingStatus: loadingStatus, domain: domain }), _jsx(NavWrapper, { children: _jsx(SideNav, { ref: panelRef, "aria-label": appBar.ariaLabel || 'Side Navigation', expanded: appBar.isOpen, isPersistent: false, children: _jsxs(SideNavItems, { children: [orgName && (_jsx("li", { children: _jsxs(OrgNameWrapper, { children: [_jsx(FormLabel, { children: "Organization" }), _jsx(ActiveOrgName, { className: 'textPrimary', title: orgName, children: orgName })] }) })), _jsx("li", { children: navbar.elements.length > 0 && (_jsx(HeaderSideNavItems, { hasDivider: true, children: navbar.elements.map((element) => (_jsx(HeaderMenuItem, { as: element.routeProps && forwardRef, isActive: element.isCurrentPage, ...element.routeProps, onClick: () => {
                                             if (element.routeProps.onClick) {

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

@@ -65,13 +65,11 @@ const C3NavigationSideBar = (props) => {
             }, 120);
         }
     }, [isOpen]);
-    return (_jsxs(Wrapper, { children: [_jsx(HeaderGlobalAction
-            /* @ts-expect-error */
-            , { 
-                /* @ts-expect-error */
-                ref: setIconRef, "aria-label": sideBar.tooltip ?? `Open ${sideBar.ariaLabel}`, "aria-expanded": isOpen, "aria-controls": id, onClick: () => {
+    return (_jsxs(Wrapper, { children: [_jsx(HeaderGlobalAction, { ref: setIconRef, "aria-label": sideBar.tooltip ?? `Open ${sideBar.ariaLabel}`, "aria-expanded": isOpen, "aria-controls": id, onClick: () => {
                     setIsOpen(!isOpen);
-                }, isActive: isOpen, tooltipAlignment: sideBar.type === 'user' ? 'end' : 'center', leaveDelayMs: 100, children: icon }), _jsxs(HeaderPanel, { ref: setPanelRef, expanded: isOpen, "data-floating-menu-container": true, children: [_jsxs(Stack, { children: [children, sideBar.elements &&
+                }, isActive: isOpen, tooltipAlignment: sideBar.type === 'user' ? 'end' : 'center', 
+                /* @ts-expect-error */
+                leaveDelayMs: 100, children: icon }), _jsxs(HeaderPanel, { ref: setPanelRef, expanded: isOpen, "data-floating-menu-container": true, children: [_jsxs(Stack, { children: [children, sideBar.elements &&
                                 sideBar.elements.length > 0 &&
                                 'customElements' in sideBar &&
                                 sideBar.customElements &&

package/lib/esm/src/components/c3-onboarding-survey/elements/inlineNotification.d.ts

@@ -0,0 +1,3 @@
+import type { FC } from 'react';
+import type { InlineNotificationElementProps } from '../onboarding.types';
+export declare const InlineNotificationElement: FC<InlineNotificationElementProps>;

package/lib/esm/src/components/c3-onboarding-survey/elements/inlineNotification.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+/*
+ * Copyright Camunda Services GmbH and/or licensed to Camunda Services GmbH
+ * under one or more contributor license agreements. Licensed under a commercial license.
+ * You may not use this file except in compliance with the commercial license.
+ */
+import { InlineNotification } from '@carbon/react';
+export const InlineNotificationElement = ({ hideclosebutton, kind, lowcontrast, title, label, }) => {
+    return (_jsx(InlineNotification, { hideCloseButton: hideclosebutton, kind: kind, lowContrast: lowcontrast, title: title, subtitle: label, style: { maxWidth: '100%' } }));
+};

package/lib/esm/src/components/c3-onboarding-survey/onboarding.types.d.ts

@@ -18,5 +18,13 @@ export declare enum OnboardingQuestionType {
     TileSingleSelect = "TileSingleSelect",
     TileMultiSelect = "TileMultiSelect",
     DropdownSelect = "DropdownSelect",
-    TextInput = "TextInput"
+    TextInput = "TextInput",
+    InlineNotification = "InlineNotification"
+}
+export interface InlineNotificationElementProps {
+    hideclosebutton: boolean;
+    kind: 'error' | 'info' | 'info-square' | 'success' | 'warning' | 'warning-alt';
+    lowcontrast: boolean;
+    title: string;
+    label: string;
 }

package/lib/esm/src/components/c3-onboarding-survey/onboarding.types.js

@@ -9,4 +9,5 @@ export var OnboardingQuestionType;
     OnboardingQuestionType["TileMultiSelect"] = "TileMultiSelect";
     OnboardingQuestionType["DropdownSelect"] = "DropdownSelect";
     OnboardingQuestionType["TextInput"] = "TextInput";
+    OnboardingQuestionType["InlineNotification"] = "InlineNotification";
 })(OnboardingQuestionType || (OnboardingQuestionType = {}));

package/lib/esm/src/components/c3-onboarding-survey/step.js

@@ -6,6 +6,7 @@ import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
  */
 import { Stack } from '@carbon/react';
 import { DropdownSelect } from './elements/dropdownSelect.js';
+import { InlineNotificationElement } from './elements/inlineNotification.js';
 import { RadioGroupElementMulti } from './elements/radioGroupMulti.js';
 import { RadioGroupElementSingle } from './elements/radioGroupSingle.js';
 import { TextInputElement } from './elements/textField.js';
@@ -33,6 +34,8 @@ export const OnboardingStep = ({ theme, config, generic, setGeneric, }) => {
                         return (_jsx(TextInputElement, { title: element.title, label: element.label, preFiledValue: generic(element.mapto), setValue: (value) => {
                                 setGeneric(element.mapto, value);
                             }, placeholder: 'Your company\u2019s name' }, `onboarding-step-element-${index}`));
+                    case OnboardingQuestionType.InlineNotification:
+                        return (_jsx(InlineNotificationElement, { hideclosebutton: element.hideclosebutton, kind: element.kind, lowcontrast: element.lowcontrast, title: element.title, label: element.label }, `onboarding-step-element-${index}`));
                     default:
                         return _jsx(_Fragment, {});
                 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@camunda/camunda-composite-components",
-  "version": "0.22.0",
+  "version": "0.22.2",
   "description": "Camunda Composite Components",
   "bugs": {
     "url": "https://github.com/camunda/camunda-cloud-management-apps/issues"
@@ -24,41 +24,41 @@
   },
   "dependencies": {
     "jwt-decode": "4.0.0",
-    "react-error-boundary": "6.1.0",
+    "react-error-boundary": "6.1.1",
     "react-markdown": "10.1.0",
     "semver": "7.7.4"
   },
   "devDependencies": {
-    "@auth0/auth0-spa-js": "2.15.0",
-    "@carbon/react": "1.97.0",
+    "@auth0/auth0-spa-js": "2.17.0",
+    "@carbon/react": "1.102.0",
     "@chromatic-com/storybook": "5.0.1",
     "@mdx-js/react": "3.1.1",
     "@playwright/test": "1.58.2",
-    "@storybook/addon-a11y": "10.2.8",
-    "@storybook/addon-docs": "10.2.8",
-    "@storybook/addon-links": "10.2.8",
-    "@storybook/addon-vitest": "10.2.8",
-    "@storybook/react": "10.2.8",
-    "@storybook/react-vite": "10.2.8",
+    "@storybook/addon-a11y": "10.2.15",
+    "@storybook/addon-docs": "10.2.15",
+    "@storybook/addon-links": "10.2.15",
+    "@storybook/addon-vitest": "10.2.15",
+    "@storybook/react": "10.2.15",
+    "@storybook/react-vite": "10.2.15",
     "@vitest/browser": "4.0.18",
     "@vitest/browser-playwright": "4.0.18",
     "vitest": "4.0.18",
-    "conventional-changelog-conventionalcommits": "9.1.0",
+    "conventional-changelog-conventionalcommits": "9.3.0",
     "eslint-import-resolver-typescript": "4.4.4",
     "eslint-plugin-react": "7.37.5",
     "eslint-plugin-react-hooks": "7.0.1",
-    "eslint-plugin-storybook": "10.2.8",
+    "eslint-plugin-storybook": "10.2.15",
     "event-source-polyfill": "1.0.31",
-    "mixpanel-browser": "2.74.0",
+    "mixpanel-browser": "2.75.0",
     "playwright": "1.58.2",
     "react": "19.2.4",
     "react-dom": "19.2.4",
     "react-is": "19.2.4",
-    "rimraf": "6.1.2",
-    "serve": "14.2.5",
-    "storybook": "10.2.8",
-    "styled-components": "6.3.9",
-    "typescript-eslint": "8.55.0",
+    "rimraf": "6.1.3",
+    "serve": "14.2.6",
+    "storybook": "10.2.15",
+    "styled-components": "6.3.11",
+    "typescript-eslint": "8.56.1",
     "wait-on": "9.0.4",
     "@camunda-cloud/shared-types": "0.0.1"
   },