@camunda/camunda-composite-components 0.20.9 → 0.21.1

package/lib/esm/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@camunda/camunda-composite-components",
-    "version": "0.20.9",
+    "version": "0.21.1",
     "publishConfig": {
         "access": "public",
         "registry": "https://registry.npmjs.org/"
@@ -43,7 +43,7 @@
         "@babel/preset-typescript": "7.25.7",
         "@carbon/react": "1.90.0",
         "@mdx-js/react": "3.0.1",
-        "@playwright/test": "1.45.2",
+        "@playwright/test": "1.56.1",
         "@storybook/addon-a11y": "9.1.4",
         "@storybook/addon-docs": "^9.1.4",
         "@storybook/addon-links": "9.1.4",
@@ -56,9 +56,10 @@
         "@types/react-dom": "18.3.2",
         "@types/mixpanel-browser": "2.49.0",
         "@types/node": "22.13.14",
+        "@types/semver": "^7.5.8",
         "@typescript-eslint/eslint-plugin": "7.17.0",
         "@typescript-eslint/parser": "7.17.0",
-        "axe-playwright": "2.1.0",
+        "axe-playwright": "2.2.2",
         "babel-loader": "9.2.1",
         "conventional-changelog-conventionalcommits": "7.0.2",
         "copyfiles": "2.4.1",
@@ -92,7 +93,8 @@
     "dependencies": {
         "jwt-decode": "4.0.0",
         "react-error-boundary": "4.0.13",
-        "react-markdown": "8.0.7"
+        "react-markdown": "8.0.7",
+        "semver": "^7.7.3"
     },
     "peerDependencies": {
         "@carbon/react": "1.x",

package/lib/esm/src/components/c3-data-table/c3-data-table.js

@@ -335,7 +335,7 @@ export const C3DataTable = ({ data, headers, options, toolbar: singleToolbar, to
                             const searchElement = toolbarElement;
                             const filterId = searchElement.id ?? searchElement.queryName;
                             const defaultValue = currentFilters.current.get(filterId);
-                            searchComponent = (_jsx(TableToolbarSearch, { onFocus: (event, handleExpand) => {
+                            searchComponent = (_jsx(TableToolbarSearch, { placeholder: searchElement.label, persistent: true, onFocus: (event, handleExpand) => {
                                     handleExpand(event, true);
                                     if (searchElement.queryName) {
                                         updateFilterURLState(searchElement?.queryName, "");

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

@@ -11,6 +11,7 @@ import { APPS } from "../../../utils/camunda";
 import { NavWrapper, SideNav } from "./components";
 import { useClusterUpdate } from "../../../contexts/c3-cluster-update-manager";
 import { ActiveOrgName } from "../c3-org-sidebar/components";
+import { checkVersion, VersionCheckOperator, } from "../../../utils/versionCheck.utils";
 const getOrgLink = (app, orgId, domain) => {
     switch (app) {
         case "console": {
@@ -31,7 +32,13 @@ const getClustersToRender = (clusters, activeOrg, appToNavigateTo) => {
         // either the user has appreadpermissions on this app
         (activeOrg?.permissions?.cluster?.[appToNavigateTo]?.read ||
             //  OR this is a 8.8+ cluster - in this case we also allow rendering this item
-            [1, 2, 3, 4, 5, 6, 7].every((pre8Minor) => !generation.versions?.zeebe?.includes(`8.${pre8Minor}`))));
+            checkVersion({
+                possiblyVersionOrDockerPath: generation.versions?.zeebe,
+                trueForSnapshot: true,
+                operator: VersionCheckOperator.GreaterThanOrEqual,
+                versionToCompareTo: "8.8.0",
+                trueOnInvalidVersion: false,
+            })));
 };
 const OrgNameWrapper = styled.div `
 	margin-bottom: 1rem;
@@ -242,8 +249,7 @@ export const C3NavigationAppBar = ({ app: appProps, appBar, forwardRef, navbar,
                 const hasAppReadPermission = activeOrg?.permissions?.cluster?.[app]?.read;
                 const clustersToRender = getClustersToRender(clusters ?? [], activeOrg, app);
                 if (clustersToRender?.length === 1 && !enforceDropDown) {
-                    if (currentApp !== app)
-                        element.href = clustersToRender?.[0].endpoints[app];
+                    element.href = clustersToRender?.[0].endpoints[app];
                 }
                 else if (clustersToRender?.length > 1 ||
                     (enforceDropDown && clustersToRender?.length > 0)) {

package/lib/esm/src/utils/versionCheck.utils.d.ts

@@ -0,0 +1,15 @@
+export declare enum VersionCheckOperator {
+    LessThan = 0,
+    LessThanOrEqual = 1,
+    GreaterThan = 2,
+    GreaterThanOrEqual = 3,
+    SameMajor = 4,
+    SameMinor = 5
+}
+export declare const checkVersion: (params: {
+    possiblyVersionOrDockerPath?: string;
+    trueForSnapshot: boolean;
+    operator: VersionCheckOperator;
+    versionToCompareTo: string;
+    trueOnInvalidVersion?: boolean;
+}) => boolean;

package/lib/esm/src/utils/versionCheck.utils.js

@@ -0,0 +1,79 @@
+/*
+ * 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 * as semver from 'semver';
+// eslint-disable-next-line no-shadow
+export var VersionCheckOperator;
+(function (VersionCheckOperator) {
+    VersionCheckOperator[VersionCheckOperator["LessThan"] = 0] = "LessThan";
+    VersionCheckOperator[VersionCheckOperator["LessThanOrEqual"] = 1] = "LessThanOrEqual";
+    VersionCheckOperator[VersionCheckOperator["GreaterThan"] = 2] = "GreaterThan";
+    VersionCheckOperator[VersionCheckOperator["GreaterThanOrEqual"] = 3] = "GreaterThanOrEqual";
+    VersionCheckOperator[VersionCheckOperator["SameMajor"] = 4] = "SameMajor";
+    VersionCheckOperator[VersionCheckOperator["SameMinor"] = 5] = "SameMinor";
+})(VersionCheckOperator || (VersionCheckOperator = {}));
+export const checkVersion = (params) => {
+    if (!semver.valid(params.versionToCompareTo)) {
+        throw new Error('Invalid version to compare to');
+    }
+    let version = '';
+    if (semver.valid(params.possiblyVersionOrDockerPath ?? '')) {
+        version = params.possiblyVersionOrDockerPath ?? '';
+    }
+    else {
+        const versionSplit = params.possiblyVersionOrDockerPath?.split(':') ?? [];
+        if (versionSplit.length > 1) {
+            version = versionSplit[1];
+        }
+    }
+    if (params.trueForSnapshot && version.includes('SNAPSHOT')) {
+        if (version === 'SNAPSHOT') {
+            return true;
+        }
+        version = version.replace('-SNAPSHOT', '');
+        if (version.split('.').length === 1) {
+            version = `${version}.99.99`;
+        }
+        if (version.split('.').length === 2) {
+            version = `${version}.99`;
+        }
+        if (version.split('.').length === 3) {
+            version = `${version.split('.')[0]}.${version.split('.')[1]}.99`;
+        }
+    }
+    let parsedVersionToCompareTo = '';
+    if (semver.valid(params.versionToCompareTo ?? '')) {
+        parsedVersionToCompareTo = params.versionToCompareTo ?? '';
+    }
+    else {
+        const versionSplit = params.versionToCompareTo?.split(':') ?? [];
+        if (versionSplit.length > 1) {
+            parsedVersionToCompareTo = versionSplit[1];
+        }
+    }
+    if (params.trueForSnapshot && parsedVersionToCompareTo === 'SNAPSHOT') {
+        return true;
+    }
+    if (!semver.valid(version)) {
+        return params.trueOnInvalidVersion ? true : false;
+    }
+    switch (params.operator) {
+        case VersionCheckOperator.LessThan:
+            return semver.lt(version, parsedVersionToCompareTo);
+        case VersionCheckOperator.LessThanOrEqual:
+            return semver.lte(version, parsedVersionToCompareTo);
+        case VersionCheckOperator.GreaterThan:
+            return semver.gt(version, parsedVersionToCompareTo);
+        case VersionCheckOperator.GreaterThanOrEqual:
+            return semver.gte(version, parsedVersionToCompareTo);
+        case VersionCheckOperator.SameMajor:
+            return semver.major(version) === semver.major(parsedVersionToCompareTo);
+        case VersionCheckOperator.SameMinor:
+            return (semver.major(version) === semver.major(parsedVersionToCompareTo) &&
+                semver.minor(version) === semver.minor(parsedVersionToCompareTo));
+        default:
+            return false;
+    }
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@camunda/camunda-composite-components",
-  "version": "0.20.9",
+  "version": "0.21.1",
   "publishConfig": {
     "access": "public",
     "registry": "https://registry.npmjs.org/"
@@ -17,7 +17,7 @@
     "@babel/preset-typescript": "7.25.7",
     "@carbon/react": "1.90.0",
     "@mdx-js/react": "3.0.1",
-    "@playwright/test": "1.45.2",
+    "@playwright/test": "1.56.1",
     "@storybook/addon-a11y": "9.1.4",
     "@storybook/addon-docs": "^9.1.4",
     "@storybook/addon-links": "9.1.4",
@@ -30,9 +30,10 @@
     "@types/react-dom": "18.3.2",
     "@types/mixpanel-browser": "2.49.0",
     "@types/node": "22.13.14",
+    "@types/semver": "^7.5.8",
     "@typescript-eslint/eslint-plugin": "7.17.0",
     "@typescript-eslint/parser": "7.17.0",
-    "axe-playwright": "2.1.0",
+    "axe-playwright": "2.2.2",
     "babel-loader": "9.2.1",
     "conventional-changelog-conventionalcommits": "7.0.2",
     "copyfiles": "2.4.1",
@@ -66,7 +67,8 @@
   "dependencies": {
     "jwt-decode": "4.0.0",
     "react-error-boundary": "4.0.13",
-    "react-markdown": "8.0.7"
+    "react-markdown": "8.0.7",
+    "semver": "^7.7.3"
   },
   "peerDependencies": {
     "@carbon/react": "1.x",