Merge pull request #822 from sebgroup/develop

Next release

Author: terrance456

README.md

@@ -15,6 +15,24 @@ This is a set of react components some of which are based on SEB's bootstrap. Th
 - The package sourcecode: [Github Source Code](https://github.com/sebgroup/react-components)
 - NPM package: [@sebgroup/react-components](https://www.npmjs.com/package/@sebgroup/react-components)
 
+---
+
+#### :rotating_light: NOTICE: `@sebgroup/react-components` support has officially ended as of March 2023.
+
+**What does this mean?**
+
+The code will remain accessible on GitHub and [npm](https://www.npmjs.com/package/@sebgroup/react-components). This website will remain here indefinitely.
+
+The project will be in an archived state, meaning that no new development will be made _unless_:
+
+-   it is meant for fixing critical and common-case bugs on the already existing components
+
+**Where do I go from here?**
+
+Go Green! Visit the [official Green documentation](https://sebgroup.github.io/green/latest/chlorophyll) to get started with SEB's new design system.
+
+---
+
 ## Minimum requirements
 
 This version of components has been developed with:

lib/src/Dropdown/Dropdown.tsx

@@ -49,6 +49,8 @@ export type DropdownProps = Omit<JSX.IntrinsicElements["select"], "value"> & {
     text?: DropdownText;
     /** Indicator for error, warning or success */
     indicator?: Indicator;
+    /** Props for (ul) element */
+    itemWrapperProps?: JSX.IntrinsicElements["ul"];
 };
 
 const bodyScrollOptions: BodyScrollOptions = { reserveScrollBarGap: true };
@@ -58,7 +60,7 @@ const safeWindow: Window | null = typeof window !== "undefined" ? window : null;
 const isMobile: boolean = /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(safeWindow?.navigator?.userAgent);
 
 export const Dropdown: React.FC<DropdownProps> = React.forwardRef(
-    ({ wrapperProps = {}, text = {}, onMultipleChange, clearable, indicator, isAllSelectable = true, searchable, selectedLabel, ...props }: DropdownProps, ref) => {
+    ({ wrapperProps = {}, text = {}, onMultipleChange, clearable, indicator, isAllSelectable = true, searchable, selectedLabel, itemWrapperProps, ...props }: DropdownProps, ref) => {
         const { multiple, onChange } = props;
         const [dropdownId] = React.useState<string>(randomId("dd-"));
         const [toggleId] = React.useState<string>(randomId("ddt-"));
@@ -419,6 +421,7 @@ export const Dropdown: React.FC<DropdownProps> = React.forwardRef(
                                       style={{ ...menuStyle }}
                                       tabIndex={-1}
                                       onKeyDown={onDropDownKeyDown}
+                                      {...itemWrapperProps}
                                   >
                                       {searchable && (
                                           <input