@ludo.ninja/components 2.3.21 → 2.3.22

package/build/system/Forms/Selects/DesktopSelect/index.d.ts

@@ -3,7 +3,7 @@ import { ICollectionFilterInput, ICreationFilterInput } from "@ludo.ninja/api/bu
 import React from "react";
 interface Props {
     options: ISelectInput[];
-    defaultOptionValue: string;
+    defaultOptionValue?: string;
     isLoading?: boolean;
     onChangeHandler: (fieldName: keyof ICreationFilterInput & keyof ICollectionFilterInput, fieldValue: string) => Promise<void>;
     name: string;

package/build/system/Forms/Selects/DesktopSelect/index.js

@@ -152,22 +152,22 @@ const DropdownIndicator = (props) => {
 const DesktopSelect = ({ options, isLoading, onChangeHandler, defaultOptionValue, name, ...props }) => {
     const [selectedOption, setSelectedOption] = (0, react_1.useState)(options.find((option) => {
         return defaultOptionValue === option.id;
-    }) || options[0]);
+    }) || null);
     (0, react_1.useEffect)(() => {
         const findOption = options.find((option) => {
             return defaultOptionValue === option.id;
         });
-        setSelectedOption(findOption || options[0]);
+        setSelectedOption(findOption || null);
     }, [defaultOptionValue]);
     const handleChangeOption = async (option) => {
         await onChangeHandler(name, option.id);
         setSelectedOption(option);
     };
     const getOptionLabel = (option) => {
-        return option.label;
+        return option?.label;
     };
     const getOptionValue = (option) => {
-        return option.id;
+        return option?.id;
     };
     const { windowDimensions } = (0, screen_1.useWindowDimensionsWithServerInitial)();
     if (isLoading)

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ludo.ninja/components",
-  "version": "2.3.21",
+  "version": "2.3.22",
   "private": false,
   "main": "build/index.js",
   "types": "build/index.d.ts",