@camunda/camunda-composite-components 0.1.2-rc.0 → 0.1.3-rc.0

package/lib/esm/components/c3-empty-state/c3-empty-state.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { C3EmptyStateProps } from "./c3-empty-state.types";
 export declare const C3EmptyState: ({ icon, heading, description, button, link, }: C3EmptyStateProps) => JSX.Element;

package/lib/esm/components/c3-navigation/c3-navigation-actions/c3-action-buttons.js

@@ -1,8 +1,8 @@
-import React from "react";
 import { HeaderGlobalAction } from "@carbon/react";
+import React from "react";
 const C3ActionButtons = ({ elements, }) => {
     return (React.createElement(React.Fragment, null, elements.map((actionButton) => {
-        if (actionButton.element) {
+        if ("element" in actionButton) {
             return actionButton.element;
         }
         else {

package/lib/esm/components/c3-navigation/c3-navigation-actions/c3-action-buttons.types.d.ts

@@ -1,7 +1,10 @@
 import { ReactElement } from "react";
-export declare type C3ActionButtonsProps = Array<{
-    element?: JSX.Element;
+export interface C3ActionButtonElement {
+    element: JSX.Element;
+}
+export interface C3ActionButtonSimple {
     label: string;
     icon: ReactElement;
     action: () => void;
-}>;
+}
+export declare type C3ActionButtonsProps = Array<C3ActionButtonElement | C3ActionButtonSimple>;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { C3NavigationElementProps } from "../c3-navigation.types";
 import { C3NavigationSideBarProps } from "./c3-navigation-sidebar.types";
 declare const C3NavigationSidebarElement: (props: {

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { C3NavigationElementProps } from "../c3-navigation.types";
 import { Notification } from "../../../api/notifications";
 export declare type C3NavigationSideBarBaseProps = {

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

@@ -1,3 +1,2 @@
-/// <reference path="../../../../../src/carbon.d.ts" />
-/// <reference types="react" />
-export declare const SwitcherDivider: import("styled-components").StyledComponent<import("react").FC<import("@carbon/react").SwitcherDividerProps>, any, {}, never>;
+import { SwitcherDivider as CarbonSwitcherDivider } from "@carbon/react";
+export declare const SwitcherDivider: typeof CarbonSwitcherDivider;

package/lib/esm/components/c3-navigation/c3-navigation.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { C3NavigationProps } from "./c3-navigation.types";
 export declare const C3Navigation: ({ app, appBar, forwardRef, navbar, orgSideBar, infoSideBar, infoButton, actionButtons, userSideBar, notificationSideBar, }: C3NavigationProps) => JSX.Element;

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

@@ -73,4 +73,8 @@ test.describe("Navigation", () => {
         await getStory(page, "uishell-c3navigation--acion-button-instead-of-info-bar");
         await expect(page).toHaveScreenshot();
     });
+    test("Action button with custom element", async ({ page }) => {
+        await getStory(page, "uishell-c3navigation--acion-button-with-custom-element");
+        await expect(page).toHaveScreenshot();
+    });
 });

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { Tag } from "@carbon/react";
 import { Endpoints, Stage } from "../../api/endpoints.const";
 import { C3NavigationAppBarProps, C3NavigationInfoSideBarProps, C3NavigationNotificationsSideBarProps, C3NavigationOrgSideBarProps, C3NavigationUserSideBarProps } from "./c3-navigation-sidebar/c3-navigation-sidebar.types";

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { C3NavigationAppProps, C3NavigationElementProps, C3NavigationNavBarProps, C3NavigationProps } from "./c3-navigation.types";
 export declare function createAppProps(): C3NavigationAppProps;
 export declare function createAppBarProps(options?: {

package/lib/esm/icons/c3-icons.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { C3IconProps } from "./c3-icons.types";
 export declare const C3AppMenuIcon: ({ size }: C3IconProps) => JSX.Element;
 export declare const C3NotificationsUnreadIcon: ({ size }: C3IconProps) => JSX.Element;

package/package.json

@@ -1,21 +1,21 @@
 {
 	"name": "@camunda/camunda-composite-components",
-	"version": "0.1.2-rc.0",
+	"version": "0.1.3-rc.0",
 	"scripts": {
 		"clean": "rimraf lib/",
-		"copy-css-files": "copyfiles -u 1 src/components/**/*.css lib/esm",
-		"build": "yarn clean && tsc && yarn copy-css-files",
+		"build": "yarn clean && tsc",
 		"storybook": "storybook dev -p 6006",
 		"start": "yarn storybook",
 		"build:storybook": "storybook build",
 		"serve:storybook": "serve ./storybook-static -p 8081 -n -L",
+		"prepare": "husky install",
 		"format": "prettier --write .",
 		"lint": "eslint src/",
 		"lint:fix": "eslint --fix src/",
 		"test:ts": "tsc --noEmit --project ./tsconfig.json",
 		"test:storybook": "TEST_A11Y=true test-storybook",
 		"test:storybook:smoke": "test-storybook",
-		"start:docker-storybook": "yarn build:storybook && docker run --rm --network host -v $(pwd):/work/ -w /work/ -it --name c3-visual-regression mcr.microsoft.com/playwright:v1.36.2 yarn serve:storybook",
+		"start:docker-storybook": "yarn build:storybook && docker run --rm --network host -v $(pwd):/work/ -w /work/ -it --name c3-visual-regression mcr.microsoft.com/playwright:v1.37.0 yarn serve:storybook",
 		"test:visual-regression": "wait-on http://localhost:8081 && PWTEST_SKIP_TEST_OUTPUT=1 yarn playwright test",
 		"test:visual-regression:ui": "yarn test:playwright --ui",
 		"report:visual-regression": "yarn playwright show-report",
@@ -25,13 +25,13 @@
 		"test": "yarn test:ts && yarn test:storybook && yarn test:visual-regression:docker"
 	},
 	"devDependencies": {
-		"@babel/core": "7.19.6",
-		"@babel/preset-env": "7.22.4",
-		"@babel/preset-react": "7.22.3",
-		"@babel/preset-typescript": "7.21.5",
-		"@carbon/react": "1.34.1",
+		"@babel/core": "7.22.10",
+		"@babel/preset-env": "7.22.10",
+		"@babel/preset-react": "7.22.5",
+		"@babel/preset-typescript": "7.22.5",
+		"@carbon/react": "1.35.0",
 		"@mdx-js/react": "1.6.22",
-		"@playwright/test": "1.36.2",
+		"@playwright/test": "1.37.0",
 		"@storybook/addon-a11y": "7.0.18",
 		"@storybook/addon-actions": "7.0.18",
 		"@storybook/addon-docs": "7.0.18",
@@ -42,10 +42,10 @@
 		"@storybook/preset-scss": "1.0.3",
 		"@storybook/react": "7.0.18",
 		"@storybook/react-webpack5": "7.0.18",
-		"@storybook/test-runner": "0.10.0",
-		"@storybook/testing-library": "0.1.0",
+		"@storybook/test-runner": "0.13.0",
+		"@storybook/testing-library": "0.2.0",
 		"@types/carbon-components-react": "7.55.2",
-		"@types/event-source-polyfill": "1.0.0",
+		"@types/event-source-polyfill": "1.0.1",
 		"@types/node": "18.11.5",
 		"@types/react": "18.0.22",
 		"@types/react-dom": "18.0.7",
@@ -62,10 +62,10 @@
 		"eslint-plugin-prettier": "4.2.1",
 		"eslint-plugin-react": "7.31.10",
 		"eslint-plugin-react-hooks": "4.6.0",
-		"eslint-plugin-storybook": "0.6.12",
+		"eslint-plugin-storybook": "0.6.13",
 		"event-source-polyfill": "1.0.31",
-		"husky": "8.0.0",
-		"prettier": "2.7.1",
+		"husky": "8.0.3",
+		"prettier": "2.8.8",
 		"react": "18.2.0",
 		"react-dom": "18.2.0",
 		"rimraf": "3.0.2",
@@ -73,8 +73,8 @@
 		"sass-loader": "13.1.0",
 		"serve": "14.2.0",
 		"storybook": "7.0.18",
-		"style-loader": "3.3.1",
-		"styled-components": "5.3.6",
+		"style-loader": "3.3.3",
+		"styled-components": "5.3.11",
 		"typescript": "4.8.4",
 		"wait-on": "7.0.1"
 	},
@@ -93,5 +93,5 @@
 	],
 	"author": "Camunda",
 	"license": "Apache-2.0",
-	"packageManager": "yarn@3.2.1"
+	"packageManager": "yarn@3.6.1"
 }