@camunda/camunda-composite-components 0.6.4 → 0.7.0

package/lib/esm/src/utils/camunda.types.d.ts

@@ -1,4 +1,10 @@
 export type CamundaApp = "console" | "modeler" | "tasklist" | "operate" | "optimize";
+type CrudOrgSettings = {
+    read: boolean;
+    create: boolean;
+    update: boolean;
+    delete: boolean;
+};
 export type Organization = {
     uuid: string;
     name: string;
@@ -13,15 +19,13 @@ export type Organization = {
             };
         };
         org: {
-            billing: {
-                update: boolean;
-            };
-            clusters: {
-                create: boolean;
-            };
-            webide: {
-                read: boolean;
+            billing: CrudOrgSettings;
+            clusters: CrudOrgSettings;
+            webide: CrudOrgSettings;
+            users: {
+                owner: CrudOrgSettings;
             };
+            settings: CrudOrgSettings;
         };
     };
     organizationToSalesPlan?: {
@@ -42,3 +46,4 @@ export type Cluster = {
         camunda: string[];
     };
 };
+export {};

package/package.json

@@ -4,7 +4,7 @@
 		"type": "git",
 		"url": "git+https://github.com/camunda-cloud/camunda-composite-components.git"
 	},
-	"version": "0.6.4",
+	"version": "0.7.0",
 	"scripts": {
 		"clean": "rimraf lib/",
 		"build": "yarn clean && tsc",
@@ -30,29 +30,29 @@
 		"test": "yarn test:ts && yarn test:storybook && yarn test:visual-regression:docker"
 	},
 	"devDependencies": {
-		"@babel/core": "7.24.4",
-		"@babel/preset-env": "7.24.4",
+		"@babel/core": "7.24.5",
+		"@babel/preset-env": "7.24.5",
 		"@babel/preset-react": "7.24.1",
 		"@babel/preset-typescript": "7.24.1",
-		"@carbon/react": "1.54.0",
+		"@carbon/react": "1.55.0",
 		"@mdx-js/react": "3.0.1",
 		"@playwright/test": "1.42.1",
 		"@semantic-release/changelog": "6.0.3",
 		"@semantic-release/git": "10.0.1",
-		"@storybook/addon-a11y": "8.0.9",
-		"@storybook/addon-actions": "8.0.9",
-		"@storybook/addon-docs": "8.0.9",
-		"@storybook/addon-essentials": "8.0.9",
-		"@storybook/addon-interactions": "8.0.9",
-		"@storybook/addon-links": "8.0.9",
-		"@storybook/addon-mdx-gfm": "8.0.9",
+		"@storybook/addon-a11y": "8.0.10",
+		"@storybook/addon-actions": "8.0.10",
+		"@storybook/addon-docs": "8.0.10",
+		"@storybook/addon-essentials": "8.0.10",
+		"@storybook/addon-interactions": "8.0.10",
+		"@storybook/addon-links": "8.0.10",
+		"@storybook/addon-mdx-gfm": "8.0.10",
 		"@storybook/addon-webpack5-compiler-babel": "3.0.3",
-		"@storybook/blocks": "8.0.9",
+		"@storybook/blocks": "8.0.10",
 		"@storybook/preset-scss": "1.0.3",
-		"@storybook/react": "8.0.9",
-		"@storybook/react-webpack5": "8.0.9",
-		"@storybook/test": "8.0.9",
-		"@storybook/test-runner": "0.17.0",
+		"@storybook/react": "8.0.10",
+		"@storybook/react-webpack5": "8.0.10",
+		"@storybook/test": "8.0.10",
+		"@storybook/test-runner": "0.18.0",
 		"@types/carbon-components-react": "7.55.10",
 		"@types/event-source-polyfill": "1.0.5",
 		"@types/mixpanel-browser": "2.49.0",
@@ -86,7 +86,7 @@
 		"sass-loader": "14.1.1",
 		"semantic-release": "23.0.7",
 		"serve": "14.2.1",
-		"storybook": "8.0.9",
+		"storybook": "8.0.10",
 		"style-loader": "4.0.0",
 		"styled-components": "6.1.8",
 		"typescript": "5.4.4",

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

@@ -1,85 +0,0 @@
-import React from "react";
-import { Button, FormLabel } from "@carbon/react";
-import { Enterprise } from "@carbon/react/icons";
-import C3NavigationSideBar from "./c3-navigation-sidebar";
-import { SwitcherDivider } from "./components";
-import { useOrgSidebarState } from "./c3-sidebar-state-provider";
-import { useC3Profile } from "../../c3-user-configuration/c3-profile-provider/c3-profile-provider";
-import { useC3UserConfiguration } from "../../c3-user-configuration/c3-user-configuration-provider";
-const C3OrgSidebar = ({ sideBar }) => {
-    const { customElements, switchToOrg, elements, ...sideBarProps } = sideBar;
-    const { isOpen, setIsOpen } = useOrgSidebarState();
-    const { domain, analyticsTrack, setActiveOrgId } = useC3UserConfiguration();
-    const { activeOrg, orgs } = useC3Profile();
-    const isCustomized = Boolean(customElements?.activeOrganization);
-    const onManageOrg = () => {
-        if (!isCustomized) {
-            analyticsTrack?.("navBar:orgSettings:click", { orgId: activeOrg?.uuid });
-        }
-        if (sideBar.closeOnClick !== false)
-            setIsOpen(false);
-    };
-    const activeOrganization = customElements?.activeOrganization || {
-        activeLabel: "Active Organization",
-        orgName: activeOrg?.name || "",
-        action: {
-            onClick: onManageOrg,
-            label: "Manage",
-        },
-        otherLabel: "Other Organizations",
-    };
-    const switchOrg = (orgId) => {
-        setActiveOrgId(orgId);
-        analyticsTrack?.("navBar:orgSwitch:click", { orgId });
-        switchToOrg?.(orgId);
-        setIsOpen(false);
-    };
-    const orgElements = orgs
-        ?.filter(({ uuid }) => uuid !== activeOrg?.uuid)
-        .map((org) => ({
-        key: org.uuid,
-        label: org.name,
-        onClick: () => switchOrg(org.uuid),
-    }));
-    const itemTabIndex = isOpen ? undefined : -1;
-    return (React.createElement(C3NavigationSideBar, { sideBar: {
-            ...sideBarProps,
-            elements: elements || orgElements,
-            ariaLabel: sideBarProps.ariaLabel || "Organization Sidebars",
-        }, icon: React.createElement(Enterprise, { size: 20 }) }, (customElements?.activeOrganization || activeOrg) && (React.createElement(React.Fragment, null,
-        React.createElement("div", { style: {
-                padding: "1rem",
-                paddingTop: "1.5rem",
-                paddingBottom: ".5rem",
-                display: "grid",
-                gridAutoFlow: "column",
-                gap: ".25rem",
-            } },
-            React.createElement("div", { style: {
-                    overflow: "hidden",
-                    display: "grid",
-                    gap: "4px",
-                } },
-                React.createElement(FormLabel, null, activeOrganization.activeLabel),
-                React.createElement("div", { className: "textPrimary", style: {
-                        height: "20px", // Set minimum height to allow decenders to be rendered
-                        lineHeight: "20px",
-                        fontSize: "14px",
-                        textOverflow: "ellipsis",
-                        overflow: "hidden",
-                        whiteSpace: "nowrap",
-                    }, title: activeOrganization.orgName }, activeOrganization.orgName)),
-            isCustomized ? (React.createElement(Button, { size: "md", kind: "ghost", onClick: () => {
-                    activeOrganization.action.onClick();
-                    onManageOrg();
-                }, tabIndex: itemTabIndex }, activeOrganization.action?.label)) : (activeOrg?.uuid &&
-                domain && (React.createElement(Button, { as: "a", size: "md", kind: "ghost", key: "org-management", href: `https://console.${domain}/org/${activeOrg?.uuid}/management`, onClick: onManageOrg, tabIndex: itemTabIndex }, activeOrganization.action?.label)))),
-        sideBar.elements && sideBar.elements.length > 0 && (React.createElement(React.Fragment, null,
-            React.createElement(SwitcherDivider, null),
-            React.createElement(FormLabel, { style: {
-                    paddingTop: ".5rem",
-                    paddingLeft: "1rem",
-                    paddingBottom: ".25rem",
-                } }, activeOrganization.otherLabel)))))));
-};
-export default C3OrgSidebar;