@camunda/camunda-composite-components 0.9.0 → 0.9.2-rc.0

package/lib/esm/package.json

@@ -4,7 +4,7 @@
         "type": "git",
         "url": "git+https://github.com/camunda-cloud/camunda-composite-components.git"
     },
-    "version": "0.8.1",
+    "version": "0.9.1",
     "scripts": {
         "clean": "rimraf lib/",
         "build": "yarn clean && tsc",
@@ -30,10 +30,10 @@
         "test": "yarn test:ts && yarn test:storybook && yarn test:visual-regression:docker"
     },
     "devDependencies": {
-        "@babel/core": "7.25.2",
-        "@babel/preset-env": "7.25.4",
-        "@babel/preset-react": "7.24.7",
-        "@babel/preset-typescript": "7.24.7",
+        "@babel/core": "7.25.7",
+        "@babel/preset-env": "7.25.7",
+        "@babel/preset-react": "7.25.7",
+        "@babel/preset-typescript": "7.25.7",
         "@carbon/react": "1.55.0",
         "@mdx-js/react": "3.0.1",
         "@playwright/test": "1.45.2",
@@ -63,7 +63,7 @@
         "@typescript-eslint/eslint-plugin": "7.17.0",
         "@typescript-eslint/parser": "7.17.0",
         "axe-playwright": "2.0.1",
-        "babel-loader": "9.1.3",
+        "babel-loader": "9.2.1",
         "conventional-changelog-conventionalcommits": "7.0.2",
         "copyfiles": "2.4.1",
         "css-loader": "7.1.0",
@@ -91,7 +91,7 @@
         "styled-components": "6.1.8",
         "typescript": "5.4.4",
         "wait-on": "7.2.0",
-        "webpack": "5.91.0"
+        "webpack": "5.94.0"
     },
     "dependencies": {
         "jwt-decode": "4.0.0",

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

@@ -17,7 +17,7 @@ export function createAppBarProps(options = {}) {
             : Boolean(options?.isOpen),
         elements: options.useElementsFromConfig
             ? undefined
-            : options?.elements ?? [
+            : (options?.elements ?? [
                 {
                     key: "console",
                     label: "Console",
@@ -70,7 +70,7 @@ export function createAppBarProps(options = {}) {
                     target: "_blank",
                     href: "https://camunda.com/",
                 },
-            ],
+            ]),
         elementClicked: (element) => console.log(`event coming from the appBarProps: ${element} has been clicked`),
     };
 }

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

@@ -1,16 +1,18 @@
 import React from "react";
-import { Grid, Column, Stack } from "@carbon/react";
+import { Grid, Column, Stack, ActionableNotification, InlineNotification, } from "@carbon/react";
 import { C3Tabs } from "./c3-tabs/c3-tabs";
 import { C3Breadcrumb } from "./c3-breadcrumb/c3-breadcrumb";
 import { DefaultStyleWrapper } from "../styles";
 const gridStyles = { paddingRight: 0, paddingLeft: 0 };
 const gridColumnStyles = { marginInline: 0 };
-const C3Page = ({ header, tabs, children, isLoading = false, breadcrumbs = { elements: [] }, }) => {
+const C3Page = ({ header, tabs, children, banner, isLoading = false, breadcrumbs = { elements: [] }, }) => {
     return (React.createElement(DefaultStyleWrapper, null,
         React.createElement(Grid, { style: gridStyles },
             React.createElement(Column, { span: 16, style: gridColumnStyles },
                 React.createElement(Stack, { orientation: "vertical", gap: 7 },
                     (breadcrumbs.elements?.length || header) && (React.createElement(C3Breadcrumb, { ...breadcrumbs, title: header?.title, menu: header?.menuItems, tag: header?.tag, loading: isLoading })),
+                    banner &&
+                        (banner.action ? (React.createElement(ActionableNotification, { kind: banner.kind, hideCloseButton: true, style: { maxWidth: "100%" }, title: banner.title, subtitle: banner.subtitle, actionButtonLabel: banner.action.label, onActionButtonClick: banner.action.onClick, inline: true, lowContrast: true })) : (React.createElement(InlineNotification, { kind: banner.kind, hideCloseButton: true, title: banner.title, subtitle: banner.subtitle, lowContrast: true }))),
                     tabs && (React.createElement(Stack, { orientation: "vertical", gap: 5 },
                         React.createElement(C3Tabs, { tabs: tabs.list, desiredTabId: tabs?.activeTabId, onTabChange: tabs?.onChange, loading: isLoading }))),
                     children)))));

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

@@ -13,6 +13,15 @@ export type C3PageProps = {
         activeTabId?: C3TabsProps["desiredTabId"];
         onChange?: C3TabsProps["onTabChange"];
     };
+    banner?: {
+        kind: any;
+        title: any;
+        subtitle: any;
+        action?: {
+            label: string;
+            onClick: () => void;
+        };
+    };
     children?: React.ReactNode;
     isLoading?: boolean;
 };

package/package.json

@@ -4,7 +4,7 @@
 		"type": "git",
 		"url": "git+https://github.com/camunda-cloud/camunda-composite-components.git"
 	},
-	"version": "0.9.0",
+	"version": "0.9.2-rc.0",
 	"scripts": {
 		"clean": "rimraf lib/",
 		"build": "yarn clean && tsc",
@@ -30,10 +30,10 @@
 		"test": "yarn test:ts && yarn test:storybook && yarn test:visual-regression:docker"
 	},
 	"devDependencies": {
-		"@babel/core": "7.25.2",
-		"@babel/preset-env": "7.25.4",
-		"@babel/preset-react": "7.24.7",
-		"@babel/preset-typescript": "7.24.7",
+		"@babel/core": "7.25.7",
+		"@babel/preset-env": "7.25.7",
+		"@babel/preset-react": "7.25.7",
+		"@babel/preset-typescript": "7.25.7",
 		"@carbon/react": "1.55.0",
 		"@mdx-js/react": "3.0.1",
 		"@playwright/test": "1.45.2",
@@ -63,7 +63,7 @@
 		"@typescript-eslint/eslint-plugin": "7.17.0",
 		"@typescript-eslint/parser": "7.17.0",
 		"axe-playwright": "2.0.1",
-		"babel-loader": "9.1.3",
+		"babel-loader": "9.2.1",
 		"conventional-changelog-conventionalcommits": "7.0.2",
 		"copyfiles": "2.4.1",
 		"css-loader": "7.1.0",
@@ -91,7 +91,7 @@
 		"styled-components": "6.1.8",
 		"typescript": "5.4.4",
 		"wait-on": "7.2.0",
-		"webpack": "5.91.0"
+		"webpack": "5.94.0"
 	},
 	"dependencies": {
 		"jwt-decode": "4.0.0",