EnumDropdown: Allow disabling some options

Author: Huulivoide

ui/src/components/forms/common/EnumDropdown.tsx

@@ -24,6 +24,7 @@ type EnumDropdownBaseProps<TEnum extends string> = BaseFormInputProps & {
   // Allow string in for compatability with old untyped use sites.
   readonly value?: TEnum | string;
   readonly onChange: (newValue: TEnum) => void;
+  readonly disabledOptions?: ReadonlyArray<TEnum>;
 };
 
 type EnumDropdownWithNullOptionProps = {
@@ -69,6 +70,7 @@ const EnumDropdownImpl = <TEnum extends string>(
     buttonClassName,
     includeAllOption = false,
     includeNullOption = false,
+    disabledOptions,
     ...formInputProps
   }: EnumDropdownProps<TEnum>,
   ref: Ref<HTMLDivElement>,
@@ -97,6 +99,7 @@ const EnumDropdownImpl = <TEnum extends string>(
     (item) => ({
       value: item as unknown as TEnum,
       content: uiNameMapper(item as unknown as TEnum),
+      disabled: disabledOptions?.includes(item as unknown as TEnum) ?? false,
     }),
   );
 

ui/src/uiComponents/JoreListboxOptions.tsx

@@ -25,11 +25,13 @@ export type ListboxOptionItem<ValueType> =
       readonly value: ValueType;
       readonly render: (props: OptionRenderPropArg) => ReactNode;
       readonly content?: never;
+      readonly disabled?: boolean;
     }
   | {
       readonly value: ValueType;
       readonly render?: never;
       readonly content: ReactNode;
+      readonly disabled?: boolean;
     };
 
 type JoreListboxOptionsProps<ValueType> = {
@@ -63,6 +65,7 @@ const JoreListboxOptionsImpl = <ValueType extends string>(
         key={item.value}
         value={item.value}
         data-testid={`${testId}::${item.value}`}
+        disabled={item.disabled}
       >
         {'content' in item ? item.content : wrapInFragment(item.render)}
       </ListboxOption>