Optional params for dropdown

Author: lumburovskalina

components/Dropdown.tsx

@@ -11,7 +11,7 @@ export default function Dropdown(props: DropdownProps) {
 
     useEffect(() => {
         if (props.doNotUseTextArray) {
-            setDropdownCaptions(props.options);
+            setDropdownCaptions(props.options ?? []);
         } else {
             setDropdownCaptions(getTextArray(props.options));
         }
@@ -54,7 +54,7 @@ export default function Dropdown(props: DropdownProps) {
                                                 "block px-4 py-2 text-sm cursor-pointer"
                                             )}
                                             onClick={() => {
-                                                props.selectedOption(option);
+                                                if (props.selectedOption) props.selectedOption(option);
                                             }}
                                         >
                                             {props.doNotUseTextArray ? option.name : option}

types/dropdown.ts

@@ -1,7 +1,7 @@
 /**
  * Optionset for kern dropdown
- * @options {string[] | any[]} - Can be any array of strings or objects
  * @buttonName {string} - The name of the button
+ * @options {string[] | any[]} - Can be any array of strings or objects
  * @selectedOption {function} - The function that will be called when an option is selected
  * @disabled {DropdownOptionsProps} - If the dropdown is disabled
  * @onlyArray {boolean} - If the dropdown has only an array of strings
@@ -12,9 +12,9 @@
  * @doNotUseTextArray {boolean} - If the dropdown should not use the text array
 */
 export type DropdownProps = {
+    buttonName: string;
     options?: string[] | any[];
-    buttonName?: string;
-    selectedOption?: (event: any) => void;
+    selectedOption?: (value: any) => void;
     disabled?: boolean;
     onlyArray?: boolean;
     dropdownClasses?: string;