@synerise/ds-dropdown 2.1.3 → 2.1.5

package/CHANGELOG.md

@@ -3,6 +3,25 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [2.1.5](https://github.com/synerise/synerise-design/compare/@synerise/ds-dropdown@2.1.4...@synerise/ds-dropdown@2.1.5) (2026-10-20)
+
+
+### Bug Fixes
+
+* **utils:** let measured list rows shrink back to their content ([f04903d](https://github.com/synerise/synerise-design/commit/f04903dc40ddbec33850946045c02f914569aeb7))
+
+
+
+
+
+## [2.1.4](https://github.com/synerise/synerise-design/compare/@synerise/ds-dropdown@2.1.3...@synerise/ds-dropdown@2.1.4) (2026-10-09)
+
+**Note:** Version bump only for package @synerise/ds-dropdown
+
+
+
+
+
 ## [2.1.3](https://github.com/synerise/synerise-design/compare/@synerise/ds-dropdown@2.1.2...@synerise/ds-dropdown@2.1.3) (2026-09-24)
 
 **Note:** Version bump only for package @synerise/ds-dropdown

package/dist/components/DropdownMenuList/DropdownMenuList.js

@@ -4,7 +4,7 @@ import { VariableSizeList } from "react-window";
 import { SearchNoResultsL } from "@synerise/ds-icon";
 import { LIST_ITEM_SIZE_MAPPING, itemTypes, itemSizes } from "@synerise/ds-list-item";
 import Scrollbar from "@synerise/ds-scrollbar";
-import { useMeasuredRowHeights, useMeasuredRow } from "@synerise/ds-utils";
+import { useMeasuredRowHeights, useMeasuredRow, getMeasuredRowStyle } from "@synerise/ds-utils";
 import { MAX_VISIBLE_ITEMS, SCROLLBAR_OFFSET } from "../../Dropdown.const.js";
 import { ScrollableMenuWrapper, DropdownMenuList as DropdownMenuList$1, DropdownMenuListItem, EmptyStates } from "./DropdownMenuList.styles.js";
 const DIVIDER_HEIGHT = 17;
@@ -17,15 +17,12 @@ const DropdownRow = ({
   const {
     dataSource,
     onItemClick,
+    getEstimatedItemSize,
     measureRow
   } = data;
   const item = dataSource[index];
   const rowRef = useMeasuredRow(index, measureRow);
-  return /* @__PURE__ */ jsx("div", { ref: rowRef, style: {
-    ...style,
-    height: "auto",
-    minHeight: style.height
-  }, children: item.type === itemTypes.DIVIDER ? /* @__PURE__ */ jsx(DropdownMenuListItem, { ...item }) : /* @__PURE__ */ jsx(DropdownMenuListItem, { ...item, itemKey: item.key, onClick: (itemData) => {
+  return /* @__PURE__ */ jsx("div", { ref: rowRef, style: getMeasuredRowStyle(style, getEstimatedItemSize(index)), children: item.type === itemTypes.DIVIDER ? /* @__PURE__ */ jsx(DropdownMenuListItem, { ...item }) : /* @__PURE__ */ jsx(DropdownMenuListItem, { ...item, itemKey: item.key, onClick: (itemData) => {
     item.onClick?.(itemData);
     onItemClick();
   } }) });
@@ -93,8 +90,9 @@ const DropdownMenuList = ({
   const itemData = useMemo(() => ({
     dataSource,
     onItemClick: handleItemClick,
+    getEstimatedItemSize,
     measureRow
-  }), [dataSource, handleItemClick, measureRow]);
+  }), [dataSource, handleItemClick, getEstimatedItemSize, measureRow]);
   return /* @__PURE__ */ jsx(ScrollableMenuWrapper, { children: dataSource.length ? /* @__PURE__ */ jsx(Scrollbar, { absolute: true, maxHeight: !virtualised && hasAutoItem ? void 0 : listMaxHeight + SCROLLBAR_OFFSET, children: /* @__PURE__ */ jsx(DropdownMenuList$1, { children: virtualised ? /* @__PURE__ */ jsx(VariableSizeList, { ref: listRef, height: listHeight, itemData, itemCount: dataSource.length, itemSize: getItemSize, itemKey: (index) => rowKeys[index], estimatedItemSize: getEstimatedItemSize(0), width: "100%", style: {
     paddingRight: "8px"
   }, children: DropdownRow }) : /* @__PURE__ */ jsx(Fragment, { children: dataSource.map((item) => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@synerise/ds-dropdown",
-  "version": "2.1.3",
+  "version": "2.1.5",
   "description": "Dropdown UI Component for the Synerise Design System",
   "license": "ISC",
   "repository": "synerise/synerise-design",
@@ -43,16 +43,16 @@
   "types": "dist/index.d.ts",
   "dependencies": {
     "@floating-ui/react": "^0.27.16",
-    "@synerise/ds-divider": "^2.0.6",
-    "@synerise/ds-empty-states": "^2.0.5",
-    "@synerise/ds-icon": "^2.2.0",
-    "@synerise/ds-list-item": "^2.1.3",
+    "@synerise/ds-divider": "^2.0.8",
+    "@synerise/ds-empty-states": "^2.0.7",
+    "@synerise/ds-icon": "^2.2.2",
+    "@synerise/ds-list-item": "^2.2.1",
     "@synerise/ds-popover": "^2.0.3",
-    "@synerise/ds-scrollbar": "^2.0.5",
-    "@synerise/ds-search-bar": "^2.0.7",
-    "@synerise/ds-tooltip": "^2.0.6",
-    "@synerise/ds-typography": "^2.0.6",
-    "@synerise/ds-utils": "^2.2.0",
+    "@synerise/ds-scrollbar": "^2.0.7",
+    "@synerise/ds-search-bar": "^2.0.9",
+    "@synerise/ds-tooltip": "^2.0.8",
+    "@synerise/ds-typography": "^2.0.8",
+    "@synerise/ds-utils": "^2.2.1",
     "classnames": "^2.5.1",
     "react-window": "^1.8.11"
   },
@@ -65,5 +65,5 @@
     "react-intl": "^6.8.7",
     "styled-components": "^5.3.3"
   },
-  "gitHead": "6b725db2b0de1a2dfc6e9a3744f6c2fb2a04cc04"
+  "gitHead": "ac1a96b3cd66d2836b0639b3d9920fc0ebd7f8f3"
 }