@camunda/camunda-composite-components 0.25.1 → 0.25.2

package/lib/esm/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@camunda/camunda-composite-components",
-    "version": "0.25.1",
+    "version": "0.25.2",
     "description": "Camunda Composite Components",
     "bugs": {
         "url": "https://github.com/camunda/camunda-cloud-management-apps/issues"

package/lib/esm/src/components/c3-data-table/c3-data-table.js

@@ -14,6 +14,15 @@ const ToolbarWrapper = styled(TableToolbarContent) `
     block-size: auto !important;
   }
 `;
+const MultiSelectWrapper = styled.div `
+  .cds--list-box__menu {
+    min-inline-size: max-content;
+  }
+
+  .cds--list-box__menu-item__option {
+    white-space: nowrap;
+  }
+`;
 const overrideHistoryMethods = (onChange) => {
     const originalReplaceState = window.history.replaceState;
     window.history.replaceState = (...args) => {
@@ -326,15 +335,15 @@ export const C3DataTable = ({ data, headers, options, toolbar: singleToolbar, to
                             const selectedItems = multiSelectElement.items?.filter((item) => {
                                 return multiSelectItemsInFilter?.some((id) => item.id === id);
                             });
-                            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 }) => {
-                                    const value = selectedItems.map((item) => item.id);
-                                    currentFilters.current.set(multiSelectElement.id, {
-                                        id: multiSelectElement.id,
-                                        selectedItems: value,
-                                    });
-                                    updateFilteredData();
-                                    updateFilterURLState(multiSelectElement.queryName ?? multiSelectElement.id, value);
-                                } }, multiSelectElement.id));
+                            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 }) => {
+                                        const value = selectedItems.map((item) => item.id);
+                                        currentFilters.current.set(multiSelectElement.id, {
+                                            id: multiSelectElement.id,
+                                            selectedItems: value,
+                                        });
+                                        updateFilteredData();
+                                        updateFilterURLState(multiSelectElement.queryName ?? multiSelectElement.id, value);
+                                    } }) }, multiSelectElement.id));
                         }
                         else if (toolbarElement.type === 'search') {
                             const searchElement = toolbarElement;
@@ -372,7 +381,9 @@ export const C3DataTable = ({ data, headers, options, toolbar: singleToolbar, to
                     }
                 }
                 if (toolbarComponents.length > 0 || searchComponent) {
-                    toolbarComponent = (_jsx(TableToolbar, { "aria-label": 'data table toolbar', children: _jsxs(ToolbarWrapper, { style: {
+                    toolbarComponent = (_jsx(TableToolbar, { "aria-label": 'data table toolbar', 
+                        // @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).
+                        style: { blockSize: 'auto', minBlockSize: '3rem' }, children: _jsxs(ToolbarWrapper, { style: {
                                 justifyContent: toolbarComponents.length > 5 ? 'normal' : 'end',
                                 flexWrap: toolbarComponents.length > 5 ? 'wrap' : undefined,
                                 blockSize: toolbarComponents.length > 5 ? 'auto' : '3rem',

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@camunda/camunda-composite-components",
-  "version": "0.25.1",
+  "version": "0.25.2",
   "description": "Camunda Composite Components",
   "bugs": {
     "url": "https://github.com/camunda/camunda-cloud-management-apps/issues"
@@ -60,7 +60,7 @@
     "styled-components": "6.4.2",
     "typescript-eslint": "8.61.1",
     "wait-on": "9.0.10",
-    "@camunda/ccma-shared-types": "0.1.3"
+    "@camunda/ccma-shared-types": "0.2.0"
   },
   "peerDependencies": {
     "@carbon/react": "1.x",