@os-design/core 1.0.217 → 1.0.218

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@os-design/core",
-  "version": "1.0.217",
+  "version": "1.0.218",
   "license": "UNLICENSED",
   "repository": "git@gitlab.com:os-team/libs/os-design.git",
   "main": "dist/cjs/index.js",
@@ -59,5 +59,5 @@
     "react": ">=18",
     "react-dom": ">=18"
   },
-  "gitHead": "3c9442ad2a7ef756330e2915674b29c8bcfc9ef8"
+  "gitHead": "c4b954a1d3ac18613a4fc0d2af8f541dd7335405"
 }

package/src/Select/index.tsx

@@ -55,6 +55,13 @@ interface BaseSelectProps<T>
    * @default undefined
    */
   options?: Option[];
+  /**
+   * Options of the select used to display the selected values.
+   * Must be used if all of the options are not loaded immediately.
+   * In this case, it's possible that the first loaded options do not contain the selected values.
+   * @default undefined
+   */
+  initSelectedOptions?: Option[];
   /**
    * The component located on the left side.
    * @default undefined
@@ -458,6 +465,7 @@ const Select = forwardRef<HTMLDivElement, SelectProps>(
   (
     {
       options = [],
+      initSelectedOptions = [],
       left,
       leftHasPadding = false,
       right,
@@ -565,9 +573,7 @@ const Select = forwardRef<HTMLDivElement, SelectProps>(
       optionsRef.current = options;
     }, [options]);
 
-    const prevSelectedOptions = useRef<Array<{ title: string; value: string }>>(
-      []
-    );
+    const prevSelectedOptions = useRef<Option[]>(initSelectedOptions);
 
     const selectedOptions = useMemo<
       Array<{ title: string; value: string }>
@@ -579,7 +585,10 @@ const Select = forwardRef<HTMLDivElement, SelectProps>(
       const items = [...prevSelectedOptions.current, ...optionsRef.current];
       return values.map((v) => {
         const option = items.find((item) => item.value === v);
-        return { title: option ? option.title || v : v, value: v };
+        return {
+          title: option ? option.title || v : v,
+          value: v,
+        };
       });
     }, [forwardedValue]);