@camunda/camunda-composite-components 0.6.1-rc.4 → 0.6.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (9) hide show
  1. package/lib/esm/package.json +13 -13
  2. package/lib/esm/src/api/help-center.js +0 -1
  3. package/lib/esm/src/components/c3-help-center/c3-help-center.js +9 -1
  4. package/lib/esm/src/components/c3-help-center/tabs/feedback.js +2 -2
  5. package/lib/esm/src/components/c3-navigation/{story-helpers.d.ts → stories/story-helpers.d.ts} +2 -2
  6. package/lib/esm/src/components/c3-navigation/{story-helpers.js → stories/story-helpers.js} +15 -8
  7. package/lib/esm/src/components/c3-navigation/{story-templates.d.ts → stories/story-templates.d.ts} +1 -1
  8. package/lib/esm/src/components/c3-navigation/{story-templates.js → stories/story-templates.js} +1 -1
  9. package/package.json +13 -13
package/lib/esm/package.json CHANGED
@@ -4,7 +4,7 @@
4
4
  "type": "git",
5
5
  "url": "git+https://github.com/camunda-cloud/camunda-composite-components.git"
6
6
  },
7
- "version": "0.6.1-rc.3",
7
+ "version": "0.6.1-rc.5",
8
8
  "scripts": {
9
9
  "clean": "rimraf lib/",
10
10
  "build": "yarn clean && tsc",
@@ -34,9 +34,9 @@
34
34
  "@babel/preset-env": "7.24.0",
35
35
  "@babel/preset-react": "7.23.3",
36
36
  "@babel/preset-typescript": "7.23.3",
37
- "@carbon/react": "1.48.1",
38
- "@mdx-js/react": "3.0.0",
39
- "@playwright/test": "1.41.2",
37
+ "@carbon/react": "1.53.1",
38
+ "@mdx-js/react": "3.0.1",
39
+ "@playwright/test": "1.42.1",
40
40
  "@semantic-release/changelog": "6.0.3",
41
41
  "@semantic-release/git": "10.0.1",
42
42
  "@storybook/addon-a11y": "7.6.17",
@@ -53,10 +53,10 @@
53
53
  "@storybook/testing-library": "0.2.2",
54
54
  "@types/carbon-components-react": "7.55.10",
55
55
  "@types/event-source-polyfill": "1.0.5",
56
- "@types/mixpanel-browser": "2.48.1",
57
- "@types/node": "20.11.16",
58
- "@types/react": "18.2.52",
59
- "@types/react-dom": "18.2.18",
56
+ "@types/mixpanel-browser": "2.49.0",
57
+ "@types/node": "20.11.30",
58
+ "@types/react": "18.2.71",
59
+ "@types/react-dom": "18.2.22",
60
60
  "@types/styled-components": "5.1.34",
61
61
  "@typescript-eslint/eslint-plugin": "6.19.1",
62
62
  "@typescript-eslint/parser": "6.19.1",
@@ -75,21 +75,21 @@
75
75
  "eslint-plugin-storybook": "0.8.0",
76
76
  "event-source-polyfill": "1.0.31",
77
77
  "husky": "9.0.5",
78
- "mixpanel-browser": "2.48.1",
78
+ "mixpanel-browser": "2.49.0",
79
79
  "prettier": "3.2.4",
80
80
  "react": "18.2.0",
81
81
  "react-dom": "18.2.0",
82
82
  "rimraf": "5.0.5",
83
- "sass": "1.70.0",
83
+ "sass": "1.72.0",
84
84
  "sass-loader": "13.3.3",
85
- "semantic-release": "23.0.0",
85
+ "semantic-release": "23.0.6",
86
86
  "serve": "14.2.1",
87
87
  "storybook": "7.6.17",
88
88
  "style-loader": "3.3.4",
89
89
  "styled-components": "6.1.8",
90
- "typescript": "5.3.3",
90
+ "typescript": "5.4.3",
91
91
  "wait-on": "7.2.0",
92
- "webpack": "5.90.1"
92
+ "webpack": "5.91.0"
93
93
  },
94
94
  "dependencies": {
95
95
  "jwt-decode": "4.0.0",
package/lib/esm/src/api/help-center.js CHANGED
@@ -17,7 +17,6 @@ export const getTiles = async ({ accessToken, tileConfig, salesPlanType, cluster
17
17
  });
18
18
  cards = cards.map((card) => {
19
19
  card.link = card.link?.replaceAll("{cloudAudience}", domain);
20
- card.link = card.link?.replaceAll("cloud.", "");
21
20
  card.link = card.link?.replaceAll("{currentOrgId}", currentOrgId);
22
21
  card.link = card.link?.replaceAll("{clusterId}", clusterIds[0]);
23
22
  card.link = card.link?.replaceAll("{email}", email);
package/lib/esm/src/components/c3-help-center/c3-help-center.js CHANGED
@@ -8,6 +8,12 @@ import { useC3UserConfiguration } from "../c3-user-configuration/c3-user-configu
8
8
  import { defaultTheme, useC3Profile, } from "../c3-user-configuration/c3-profile-provider/c3-profile-provider";
9
9
  import { resolveTheme, } from "../c3-user-configuration/c3-profile-provider/carbon-theme-provider";
10
10
  import { useC3HelpCenter } from "./c3-help-center-provider";
11
+ import styled from "styled-components";
12
+ const StyledComposedModal = styled(ComposedModal) `
13
+ .cds--modal-scroll-content {
14
+ mask-image: none;
15
+ }
16
+ `;
11
17
  export const C3HelpCenter = ({ autoStartSurvey, origin, flags, onRequestClose, mixpanelTrack: customMixpanelTrack, onRequestOpen, theme, onPersonaChange, activeTab, }) => {
12
18
  const { isHelpCenterOpen: isOpen, setIsHelpCenterOpen, setShowHintOnClose, } = useC3HelpCenter();
13
19
  const { userToken, decodedToken, activeOrganizationId, handleTheme, decodedAudience, analyticsTrack, currentApp, } = useC3UserConfiguration();
@@ -198,5 +204,7 @@ export const C3HelpCenter = ({ autoStartSurvey, origin, flags, onRequestClose, m
198
204
  }, 400);
199
205
  };
200
206
  return (React.createElement(Layer, null,
201
- React.createElement(ComposedModal, { open: isOpen, size: "lg", onClose: closeFn, className: "help-center", "aria-label": "HelpCenter" }, showSurvey || !persona?.wasShown ? (React.createElement(C3OnboardingSurvey, { personaCallback: personaCallback, persona: persona, mixpanelTrack: mixpanelTrack, onRequestClose: closeFn, onRequestSkip: onRequestSkipSurvey, theme: resolvedTheme, origin: hostApp, modal: true })) : (React.createElement(HelpCenter, { configuration: helpCenterConfig, persona: persona, audience: decodedAudience || "", flags: flags, onRequestResumeSurvey: onRequestResumeSurvey, onRequestRetakeSurvey: onRequestRetakeSurvey, onRequestClose: closeFn, mixpanelTrack: mixpanelTrack, email: email, theme: resolvedTheme, origin: hostApp, initialTab: activeTab })))));
207
+ React.createElement(StyledComposedModal, { open: isOpen, size: "lg", onClose: closeFn, className: "help-center", "aria-label": "HelpCenter", style: showSurvey || !persona?.wasShown
208
+ ? { backgroundColor: "rgba(22,22,22, 0.8)" }
209
+ : {} }, showSurvey || !persona?.wasShown ? (React.createElement(C3OnboardingSurvey, { personaCallback: personaCallback, persona: persona, mixpanelTrack: mixpanelTrack, onRequestClose: closeFn, onRequestSkip: onRequestSkipSurvey, theme: resolvedTheme, origin: hostApp, modal: true })) : (React.createElement(HelpCenter, { configuration: helpCenterConfig, persona: persona, audience: decodedAudience || "", flags: flags, onRequestResumeSurvey: onRequestResumeSurvey, onRequestRetakeSurvey: onRequestRetakeSurvey, onRequestClose: closeFn, mixpanelTrack: mixpanelTrack, email: email, theme: resolvedTheme, origin: hostApp, initialTab: activeTab })))));
202
210
  };
package/lib/esm/src/components/c3-help-center/tabs/feedback.js CHANGED
@@ -1,4 +1,4 @@
1
- import { ActionableNotification, Button, Checkbox, FileUploaderDropContainer, FileUploaderItem, InlineLoading, RadioTile, Stack, TextArea, Tooltip, } from "@carbon/react";
1
+ import { StaticNotification, Button, Checkbox, FileUploaderDropContainer, FileUploaderItem, InlineLoading, RadioTile, Stack, TextArea, Tooltip, } from "@carbon/react";
2
2
  import React, { useState } from "react";
3
3
  import { Idea, Debug, Information, Chat } from "@carbon/react/icons";
4
4
  import { submitFeedback } from "../../../api/help-center";
@@ -144,7 +144,7 @@ export const Feedback = (props) => {
144
144
  React.createElement("div", null,
145
145
  React.createElement(Stack, null,
146
146
  !orgIsEnterPriseOrPaidCC && (React.createElement("h5", { style: { marginBottom: "-16px" } }, content.title)),
147
- orgIsEnterPriseOrPaidCC && (React.createElement(ActionableNotification, { inline: true, lowContrast: true, kind: "info", title: "If you are looking to get technical support, please use our Jira support system.", hideCloseButton: true, style: { maxWidth: "100%" }, actionButtonLabel: "Open a ticket", onActionButtonClick: () => window.open("https://jira.camunda.com/projects/SUPPORT/queues", "_blank") })),
147
+ orgIsEnterPriseOrPaidCC && (React.createElement(StaticNotification, { lowContrast: true, kind: "info", title: "If you are looking to get technical support, please use our Jira support system.", style: { maxWidth: "100%" }, actionButtonLabel: "Open a ticket", onActionButtonClick: () => window.open("https://jira.camunda.com/projects/SUPPORT/queues", "_blank"), "aria-describedby": "help-center-feedback-notification", titleId: "help-center-feedback-notification" })),
148
148
  React.createElement(TextArea, { labelText: "", id: "feedback-text", placeholder: content.placeholder, rows: 4, onChange: (event) => {
149
149
  setSuggestion(event.target.value);
150
150
  }, value: suggestion }),
package/lib/esm/src/components/c3-navigation/{story-helpers.d.ts → stories/story-helpers.d.ts} RENAMED
@@ -1,6 +1,6 @@
1
1
  import React from "react";
2
- import { C3NavigationAppProps, C3NavigationElementProps, C3NavigationNavBarProps, C3NavigationProps } from "./c3-navigation.types";
3
- import { C3HelpCenterProps } from "../c3-help-center/c3-help-center";
2
+ import { C3NavigationAppProps, C3NavigationElementProps, C3NavigationNavBarProps, C3NavigationProps } from "../c3-navigation.types";
3
+ import { C3HelpCenterProps } from "../../c3-help-center/c3-help-center";
4
4
  export declare function createAppProps(): C3NavigationAppProps;
5
5
  export declare function createAppBarProps(options?: {
6
6
  isOpen?: boolean;
package/lib/esm/src/components/c3-navigation/{story-helpers.js → stories/story-helpers.js} RENAMED
@@ -29,16 +29,9 @@ export function createAppBarProps(options = {}) {
29
29
  onClick: () => console.log("Redirecting to Modeler..."),
30
30
  },
31
31
  },
32
- {
33
- key: "operate",
34
- label: "Operate",
35
- active: false,
36
- target: "_blank",
37
- href: "https://camunda.com/",
38
- },
39
32
  {
40
33
  key: "tasklist",
41
- label: "Task List",
34
+ label: "Tasklist",
42
35
  active: false,
43
36
  subElements: [
44
37
  {
@@ -61,6 +54,20 @@ export function createAppBarProps(options = {}) {
61
54
  },
62
55
  ],
63
56
  },
57
+ {
58
+ key: "operate",
59
+ label: "Operate",
60
+ active: false,
61
+ target: "_blank",
62
+ href: "https://camunda.com/",
63
+ },
64
+ {
65
+ key: "optimize",
66
+ label: "Optimize",
67
+ active: false,
68
+ target: "_blank",
69
+ href: "https://camunda.com/",
70
+ },
64
71
  ],
65
72
  elementClicked: (element) => console.log(`event coming from the appBarProps: ${element} has been clicked`),
66
73
  };
package/lib/esm/src/components/c3-navigation/{story-templates.d.ts → stories/story-templates.d.ts} RENAMED
@@ -1,5 +1,5 @@
1
1
  import { FC } from "react";
2
- import { C3Navigation } from "./c3-navigation";
2
+ import { C3Navigation } from "../c3-navigation";
3
3
  import { ComponentStory } from "@storybook/react";
4
4
  export declare const DefaultTemplate: ComponentStory<typeof C3Navigation>;
5
5
  export declare const SuperUserToggle: FC<{
package/lib/esm/src/components/c3-navigation/{story-templates.js → stories/story-templates.js} RENAMED
@@ -1,5 +1,5 @@
1
1
  import React, { useState } from "react";
2
- import { C3Navigation } from "./c3-navigation";
2
+ import { C3Navigation } from "../c3-navigation";
3
3
  import { createAppBarProps, createAppProps, createNavBarBarProps, createUserSideBarProps, } from "./story-helpers";
4
4
  import { SwitcherDivider, Toggle } from "@carbon/react";
5
5
  export const DefaultTemplate = (args) => (React.createElement(React.Fragment, null,
package/package.json CHANGED
@@ -4,7 +4,7 @@
4
4
  "type": "git",
5
5
  "url": "git+https://github.com/camunda-cloud/camunda-composite-components.git"
6
6
  },
7
- "version": "0.6.1-rc.4",
7
+ "version": "0.6.1",
8
8
  "scripts": {
9
9
  "clean": "rimraf lib/",
10
10
  "build": "yarn clean && tsc",
@@ -34,9 +34,9 @@
34
34
  "@babel/preset-env": "7.24.0",
35
35
  "@babel/preset-react": "7.23.3",
36
36
  "@babel/preset-typescript": "7.23.3",
37
- "@carbon/react": "1.48.1",
38
- "@mdx-js/react": "3.0.0",
39
- "@playwright/test": "1.41.2",
37
+ "@carbon/react": "1.53.1",
38
+ "@mdx-js/react": "3.0.1",
39
+ "@playwright/test": "1.42.1",
40
40
  "@semantic-release/changelog": "6.0.3",
41
41
  "@semantic-release/git": "10.0.1",
42
42
  "@storybook/addon-a11y": "7.6.17",
@@ -53,10 +53,10 @@
53
53
  "@storybook/testing-library": "0.2.2",
54
54
  "@types/carbon-components-react": "7.55.10",
55
55
  "@types/event-source-polyfill": "1.0.5",
56
- "@types/mixpanel-browser": "2.48.1",
57
- "@types/node": "20.11.16",
58
- "@types/react": "18.2.52",
59
- "@types/react-dom": "18.2.18",
56
+ "@types/mixpanel-browser": "2.49.0",
57
+ "@types/node": "20.11.30",
58
+ "@types/react": "18.2.71",
59
+ "@types/react-dom": "18.2.22",
60
60
  "@types/styled-components": "5.1.34",
61
61
  "@typescript-eslint/eslint-plugin": "6.19.1",
62
62
  "@typescript-eslint/parser": "6.19.1",
@@ -75,21 +75,21 @@
75
75
  "eslint-plugin-storybook": "0.8.0",
76
76
  "event-source-polyfill": "1.0.31",
77
77
  "husky": "9.0.5",
78
- "mixpanel-browser": "2.48.1",
78
+ "mixpanel-browser": "2.49.0",
79
79
  "prettier": "3.2.4",
80
80
  "react": "18.2.0",
81
81
  "react-dom": "18.2.0",
82
82
  "rimraf": "5.0.5",
83
- "sass": "1.70.0",
83
+ "sass": "1.72.0",
84
84
  "sass-loader": "13.3.3",
85
- "semantic-release": "23.0.0",
85
+ "semantic-release": "23.0.6",
86
86
  "serve": "14.2.1",
87
87
  "storybook": "7.6.17",
88
88
  "style-loader": "3.3.4",
89
89
  "styled-components": "6.1.8",
90
- "typescript": "5.3.3",
90
+ "typescript": "5.4.3",
91
91
  "wait-on": "7.2.0",
92
- "webpack": "5.90.1"
92
+ "webpack": "5.91.0"
93
93
  },
94
94
  "dependencies": {
95
95
  "jwt-decode": "4.0.0",