@camunda/camunda-composite-components 0.25.0 → 0.25.2

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 (5) hide show
  1. package/lib/esm/package.json +15 -15
  2. package/lib/esm/src/components/c3-data-table/c3-data-table.js +21 -10
  3. package/lib/esm/src/components/c3-navigation-v2/use-cluster-sidebar-entries.js +1 -3
  4. package/lib/esm/src/components/c3-navigation-v2/use-cluster-webapp-breadcrumbs.js +11 -2
  5. package/package.json +16 -16
package/lib/esm/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@camunda/camunda-composite-components",
3
- "version": "0.25.0",
3
+ "version": "0.25.2",
4
4
  "description": "Camunda Composite Components",
5
5
  "bugs": {
6
6
  "url": "https://github.com/camunda/camunda-cloud-management-apps/issues"
@@ -60,32 +60,32 @@
60
60
  "@carbon/react": "1.109.0",
61
61
  "@chromatic-com/storybook": "5.2.1",
62
62
  "@mdx-js/react": "3.1.1",
63
- "@playwright/test": "1.60.0",
64
- "@storybook/addon-a11y": "10.4.3",
65
- "@storybook/addon-docs": "10.4.3",
66
- "@storybook/addon-links": "10.4.3",
67
- "@storybook/addon-vitest": "10.4.3",
68
- "@storybook/react": "10.4.3",
69
- "@storybook/react-vite": "10.4.3",
70
- "@vitest/browser": "4.1.8",
71
- "@vitest/browser-playwright": "4.1.8",
72
- "vitest": "4.1.8",
63
+ "@playwright/test": "1.61.0",
64
+ "@storybook/addon-a11y": "10.4.6",
65
+ "@storybook/addon-docs": "10.4.6",
66
+ "@storybook/addon-links": "10.4.6",
67
+ "@storybook/addon-vitest": "10.4.6",
68
+ "@storybook/react": "10.4.6",
69
+ "@storybook/react-vite": "10.4.6",
70
+ "@vitest/browser": "4.1.9",
71
+ "@vitest/browser-playwright": "4.1.9",
72
+ "vitest": "4.1.9",
73
73
  "conventional-changelog-conventionalcommits": "9.3.1",
74
74
  "eslint-import-resolver-typescript": "4.4.5",
75
75
  "eslint-plugin-react": "7.37.5",
76
76
  "eslint-plugin-react-hooks": "7.1.1",
77
- "eslint-plugin-storybook": "10.4.3",
77
+ "eslint-plugin-storybook": "10.4.6",
78
78
  "event-source-polyfill": "1.0.31",
79
79
  "mixpanel-browser": "2.80.0",
80
- "playwright": "1.60.0",
80
+ "playwright": "1.61.0",
81
81
  "react": "19.2.7",
82
82
  "react-dom": "19.2.7",
83
83
  "react-is": "19.2.7",
84
84
  "rimraf": "6.1.3",
85
85
  "serve": "14.2.6",
86
- "storybook": "10.4.3",
86
+ "storybook": "10.4.6",
87
87
  "styled-components": "6.4.2",
88
- "typescript-eslint": "8.61.0",
88
+ "typescript-eslint": "8.61.1",
89
89
  "wait-on": "9.0.10"
90
90
  },
91
91
  "peerDependencies": {
package/lib/esm/src/components/c3-data-table/c3-data-table.js CHANGED
@@ -14,6 +14,15 @@ const ToolbarWrapper = styled(TableToolbarContent) `
14
14
  block-size: auto !important;
15
15
  }
16
16
  `;
17
+ const MultiSelectWrapper = styled.div `
18
+ .cds--list-box__menu {
19
+ min-inline-size: max-content;
20
+ }
21
+
22
+ .cds--list-box__menu-item__option {
23
+ white-space: nowrap;
24
+ }
25
+ `;
17
26
  const overrideHistoryMethods = (onChange) => {
18
27
  const originalReplaceState = window.history.replaceState;
19
28
  window.history.replaceState = (...args) => {
@@ -326,15 +335,15 @@ export const C3DataTable = ({ data, headers, options, toolbar: singleToolbar, to
326
335
  const selectedItems = multiSelectElement.items?.filter((item) => {
327
336
  return multiSelectItemsInFilter?.some((id) => item.id === id);
328
337
  });
329
- toolbarComponents.push(_jsx(MultiSelect, { type: 'inline', size: 'lg', titleText: multiSelectElement?.label, useTitleInItem: true, hideLabel: true, label: multiSelectElement.label ?? '', id: multiSelectElement.id, items: multiSelectElement.items, selectedItems: selectedItems ?? [], onChange: ({ selectedItems }) => {
330
- const value = selectedItems.map((item) => item.id);
331
- currentFilters.current.set(multiSelectElement.id, {
332
- id: multiSelectElement.id,
333
- selectedItems: value,
334
- });
335
- updateFilteredData();
336
- updateFilterURLState(multiSelectElement.queryName ?? multiSelectElement.id, value);
337
- } }, multiSelectElement.id));
338
+ toolbarComponents.push(_jsx(MultiSelectWrapper, { children: _jsx(MultiSelect, { type: 'inline', size: 'lg', titleText: multiSelectElement?.label, useTitleInItem: true, hideLabel: true, label: multiSelectElement.label ?? '', id: multiSelectElement.id, items: multiSelectElement.items, selectedItems: selectedItems ?? [], onChange: ({ selectedItems }) => {
339
+ const value = selectedItems.map((item) => item.id);
340
+ currentFilters.current.set(multiSelectElement.id, {
341
+ id: multiSelectElement.id,
342
+ selectedItems: value,
343
+ });
344
+ updateFilteredData();
345
+ updateFilterURLState(multiSelectElement.queryName ?? multiSelectElement.id, value);
346
+ } }) }, multiSelectElement.id));
338
347
  }
339
348
  else if (toolbarElement.type === 'search') {
340
349
  const searchElement = toolbarElement;
@@ -372,7 +381,9 @@ export const C3DataTable = ({ data, headers, options, toolbar: singleToolbar, to
372
381
  }
373
382
  }
374
383
  if (toolbarComponents.length > 0 || searchComponent) {
375
- toolbarComponent = (_jsx(TableToolbar, { "aria-label": 'data table toolbar', children: _jsxs(ToolbarWrapper, { style: {
384
+ toolbarComponent = (_jsx(TableToolbar, { "aria-label": 'data table toolbar',
385
+ // @carbon/styles 1.108 added a fixed block-size on .cds--table-toolbar; let it grow whenever content wraps (either via the >5 layout or the <=768px media query).
386
+ style: { blockSize: 'auto', minBlockSize: '3rem' }, children: _jsxs(ToolbarWrapper, { style: {
376
387
  justifyContent: toolbarComponents.length > 5 ? 'normal' : 'end',
377
388
  flexWrap: toolbarComponents.length > 5 ? 'wrap' : undefined,
378
389
  blockSize: toolbarComponents.length > 5 ? 'auto' : '3rem',
package/lib/esm/src/components/c3-navigation-v2/use-cluster-sidebar-entries.js CHANGED
@@ -32,9 +32,7 @@ function buildClusterSidebarEntries(clusters, { isAppVisible, resolveClusterLink
32
32
  const healthKey = isAdminApp(app)
33
33
  ? 'zeebe'
34
34
  : resolvedApp;
35
- const linkProps = cluster.status?.[healthKey] === 'Healthy'
36
- ? (teaser ?? { href: endpoint })
37
- : teaser;
35
+ const linkProps = cluster.status?.[healthKey] === 'Healthy' ? { href: endpoint } : teaser;
38
36
  if (!linkProps)
39
37
  return [];
40
38
  return [
package/lib/esm/src/components/c3-navigation-v2/use-cluster-webapp-breadcrumbs.js CHANGED
@@ -76,7 +76,8 @@ export function useClusterWebappBreadcrumbs(options) {
76
76
  const currentCluster = useMemo(() => clusters?.find((c) => c.uuid === currentClusterUuid) ?? null, [clusters, currentClusterUuid]);
77
77
  return useMemo(() => {
78
78
  const crumbs = [];
79
- const modelerUrl = webappLinks?.modeler ?? currentCluster?.endpoints?.modeler;
79
+ const modelerUrl = webappLinks?.modeler ??
80
+ (config.domain ? `https://modeler.${config.domain}` : undefined);
80
81
  // ── Org crumb ──────────────────────────────────────────────────────────
81
82
  if (activeOrg) {
82
83
  const allOrgs = orgs ?? [];
@@ -225,5 +226,13 @@ export function useClusterWebappBreadcrumbs(options) {
225
226
  : {}),
226
227
  });
227
228
  return crumbs;
228
- }, [activeOrg, orgs, clusters, currentCluster, currentApp, webappLinks]);
229
+ }, [
230
+ activeOrg,
231
+ orgs,
232
+ clusters,
233
+ currentCluster,
234
+ currentApp,
235
+ webappLinks,
236
+ config.domain,
237
+ ]);
229
238
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@camunda/camunda-composite-components",
3
- "version": "0.25.0",
3
+ "version": "0.25.2",
4
4
  "description": "Camunda Composite Components",
5
5
  "bugs": {
6
6
  "url": "https://github.com/camunda/camunda-cloud-management-apps/issues"
@@ -33,34 +33,34 @@
33
33
  "@carbon/react": "1.109.0",
34
34
  "@chromatic-com/storybook": "5.2.1",
35
35
  "@mdx-js/react": "3.1.1",
36
- "@playwright/test": "1.60.0",
37
- "@storybook/addon-a11y": "10.4.3",
38
- "@storybook/addon-docs": "10.4.3",
39
- "@storybook/addon-links": "10.4.3",
40
- "@storybook/addon-vitest": "10.4.3",
41
- "@storybook/react": "10.4.3",
42
- "@storybook/react-vite": "10.4.3",
43
- "@vitest/browser": "4.1.8",
44
- "@vitest/browser-playwright": "4.1.8",
45
- "vitest": "4.1.8",
36
+ "@playwright/test": "1.61.0",
37
+ "@storybook/addon-a11y": "10.4.6",
38
+ "@storybook/addon-docs": "10.4.6",
39
+ "@storybook/addon-links": "10.4.6",
40
+ "@storybook/addon-vitest": "10.4.6",
41
+ "@storybook/react": "10.4.6",
42
+ "@storybook/react-vite": "10.4.6",
43
+ "@vitest/browser": "4.1.9",
44
+ "@vitest/browser-playwright": "4.1.9",
45
+ "vitest": "4.1.9",
46
46
  "conventional-changelog-conventionalcommits": "9.3.1",
47
47
  "eslint-import-resolver-typescript": "4.4.5",
48
48
  "eslint-plugin-react": "7.37.5",
49
49
  "eslint-plugin-react-hooks": "7.1.1",
50
- "eslint-plugin-storybook": "10.4.3",
50
+ "eslint-plugin-storybook": "10.4.6",
51
51
  "event-source-polyfill": "1.0.31",
52
52
  "mixpanel-browser": "2.80.0",
53
- "playwright": "1.60.0",
53
+ "playwright": "1.61.0",
54
54
  "react": "19.2.7",
55
55
  "react-dom": "19.2.7",
56
56
  "react-is": "19.2.7",
57
57
  "rimraf": "6.1.3",
58
58
  "serve": "14.2.6",
59
- "storybook": "10.4.3",
59
+ "storybook": "10.4.6",
60
60
  "styled-components": "6.4.2",
61
- "typescript-eslint": "8.61.0",
61
+ "typescript-eslint": "8.61.1",
62
62
  "wait-on": "9.0.10",
63
- "@camunda/ccma-shared-types": "0.1.2"
63
+ "@camunda/ccma-shared-types": "0.2.0"
64
64
  },
65
65
  "peerDependencies": {
66
66
  "@carbon/react": "1.x",