@entur/dropdown 2.2.2 → 2.3.0

package/CHANGELOG.md

@@ -3,6 +3,22 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [2.3.0](https://bitbucket.org/enturas/design-system/compare/@entur/dropdown@2.2.4...@entur/dropdown@2.3.0) (2022-03-14)
+
+### Features
+
+- **dropdown:** add ref forwarding to dropdown and searchable dropdown ([af4cae7](https://bitbucket.org/enturas/design-system/commits/af4cae7bb5fe83c5d1c2f58462c3ba6e77f2e1b8))
+
+## [2.2.4](https://bitbucket.org/enturas/design-system/compare/@entur/dropdown@2.2.3...@entur/dropdown@2.2.4) (2022-03-01)
+
+**Note:** Version bump only for package @entur/dropdown
+
+## [2.2.3](https://bitbucket.org/enturas/design-system/compare/@entur/dropdown@2.2.2...@entur/dropdown@2.2.3) (2022-02-16)
+
+### Bug Fixes
+
+- **dropdown:** add missing styling for truncating searchable dropdown input ([c628982](https://bitbucket.org/enturas/design-system/commits/c628982588035720aab68745c2fbe6f612ec4fde))
+
 ## [2.2.2](https://bitbucket.org/enturas/design-system/compare/@entur/dropdown@2.2.1...@entur/dropdown@2.2.2) (2022-02-09)
 
 ### Bug Fixes

package/dist/dropdown.cjs.development.js

@@ -321,7 +321,7 @@ var Appendix$1 = function Appendix(_ref3) {
 };
 
 var _excluded$4 = ["disabled", "placeholder", "selectOnTab", "openOnFocus", "listStyle", "items", "label", "disableLabelAnimation", "loading", "loadingText", "className", "clearable"];
-var RegularDropdown = function RegularDropdown(_ref) {
+var RegularDropdown = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
   var disabled = _ref.disabled,
       _ref$placeholder = _ref.placeholder,
       placeholder = _ref$placeholder === void 0 ? 'Vennligst velg' : _ref$placeholder,
@@ -397,8 +397,10 @@ var RegularDropdown = function RegularDropdown(_ref) {
         !isOpen && openMenu();
       }
     }
-  }, rest))), selectedItem ? selectedItem.label : placeholder));
-};
+  }, rest)), {
+    ref: ref
+  }), selectedItem ? selectedItem.label : placeholder));
+});
 
 var _excluded$3 = ["disabled", "className", "items", "loading", "loadingText", "readOnly", "prepend", "selectOnTab", "openOnFocus", "listStyle", "clearable", "itemFilter", "label", "disableLabelAnimation", "placeholder"];
 
@@ -412,7 +414,7 @@ function LowerCaseFilterTest(item, input) {
   return inputRegex.test(item.label);
 }
 
-var SearchableDropdown = function SearchableDropdown(_ref) {
+var SearchableDropdown = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
   var _ref$disabled = _ref.disabled,
       disabled = _ref$disabled === void 0 ? false : _ref$disabled,
       className = _ref.className,
@@ -480,8 +482,10 @@ var SearchableDropdown = function SearchableDropdown(_ref) {
       }
     },
     placeholder: selectedItem ? undefined : placeholder
-  }, rest)))));
-};
+  }, rest)), {
+    ref: ref
+  })));
+});
 
 var DropdownInputGroup = function DropdownInputGroup(_ref) {
   var children = _ref.children,
@@ -1366,7 +1370,7 @@ debounceTimeout) {
 };
 
 var _excluded$2 = ["highlightFirstItemOnOpen", "debounceTimeout", "disabled", "feedback", "items", "label", "loadingText", "onChange", "placeholder", "prepend", "readOnly", "searchable", "selectOnTab", "openOnFocus", "variant", "value", "clearable", "className", "style", "listStyle", "itemFilter", "disableLabelAnimation"];
-var Dropdown = function Dropdown(_ref) {
+var Dropdown = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
   var highlightFirstItemOnOpen = _ref.highlightFirstItemOnOpen,
       debounceTimeout = _ref.debounceTimeout,
       disabled = _ref.disabled,
@@ -1437,9 +1441,10 @@ var Dropdown = function Dropdown(_ref) {
     openOnFocus: openOnFocus,
     listStyle: listStyle,
     clearable: clearable,
-    disableLabelAnimation: disableLabelAnimation
+    disableLabelAnimation: disableLabelAnimation,
+    ref: ref
   }, searchAbleProps))));
-};
+});
 
 var _excluded$1 = ["className", "disabled", "readOnly", "items", "loadingText", "prepend", "style", "label", "variant", "feedback", "disableLabelAnimation"];
 var NativeDropdown = function NativeDropdown(_ref) {