@ultraviolet/ui 1.45.2 → 1.45.4

package/dist/index.d.ts

@@ -3353,7 +3353,7 @@ type CloseButtonProps = {
     ariaLabel?: string;
     theme: Theme$1;
 };
-declare const notification: (children: ReactNode | ((props: CloseButtonProps) => ReactNode), title: string, icon?: ReactNode, isClosable?: boolean, containerId?: string, options?: ToastOptions) => react_toastify.Id;
+declare const notification: (children: ((props: CloseButtonProps) => ReactNode) | ReactNode, title: string, icon?: ReactNode, isClosable?: boolean, containerId?: string, options?: ToastOptions) => react_toastify.Id;
 type NotificationContainerProps = {
     /**
      * Delay (in ms) before the notification autocloses. To disable autoclose, set to false

package/dist/src/components/SelectInput/index.js

@@ -1,7 +1,7 @@
 import _styled from '@emotion/styled/base';
 import { useTheme, css } from '@emotion/react';
 import { Icon } from '@ultraviolet/icons';
-import { forwardRef, useState, useId, useMemo, useEffect } from 'react';
+import React, { forwardRef, useState, useId, useMemo, Children, useEffect } from 'react';
 import Select, { components } from 'react-select';
 import isJSONString from '../../helpers/isJSON.js';
 import * as animations from '../../utils/animations.js';
@@ -530,15 +530,15 @@ const FwdSelectInput = ({
   const currentValue = value?.value;
 
   // Options need to keep the same reference otherwise react-select doesn't focus the selected option
-  const selectOptions = useMemo(() => options || (children ?? []).map(({
-    props: {
-      children: label,
-      ...subProps
+  const selectOptions = useMemo(() => options || Children.toArray(children).reduce((acc, child) => {
+    if ( /*#__PURE__*/React.isValidElement(child)) {
+      return [...acc, {
+        ...child.props,
+        label: child.props.children
+      }];
     }
-  }) => ({
-    ...subProps,
-    label
-  })), [options, children]);
+    return acc;
+  }, []), [options, children]);
   useEffect(() => {
     if (animationOnChange) {
       setIsAnimated(true);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ultraviolet/ui",
-  "version": "1.45.2",
+  "version": "1.45.4",
   "description": "Ultraviolet UI",
   "homepage": "https://github.com/scaleway/ultraviolet#readme",
   "repository": {
@@ -45,7 +45,7 @@
     "@emotion/styled": "11.11.5",
     "@types/react": "18.2.74",
     "@types/react-datepicker": "4.19.6",
-    "@types/react-dom": "18.2.23",
+    "@types/react-dom": "18.2.24",
     "react": "18.2.0",
     "react-dom": "18.2.0"
   },
@@ -65,7 +65,7 @@
     "react-use-clipboard": "1.0.9",
     "reakit": "1.3.11",
     "@ultraviolet/themes": "1.10.0",
-    "@ultraviolet/icons": "2.12.0"
+    "@ultraviolet/icons": "2.12.1"
   },
   "scripts": {
     "build": "rollup -c ../../rollup.config.mjs",