@ultraviolet/ui 1.45.2 → 1.45.3

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.3",
   "description": "Ultraviolet UI",
   "homepage": "https://github.com/scaleway/ultraviolet#readme",
   "repository": {