All files / src/pages/flowsheet-page/flowsheet/PropertiesSidebar GroupingTypeDropdown.tsx

100% Statements 2/2
100% Branches 0/0
100% Functions 2/2
100% Lines 2/2

Press n or j to go to the next uncovered block, b, p or k for the previous block.

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27                          53x       318x                  
import SelectInput from "@/ahuora-design-system/inputs/SelectInput";
import {
    AbstractionTypeEnum
} from "@/api/apiStore.gen";
 
 
 
interface GroupingTypeDropdownProps {
  value: AbstractionTypeEnum;
  onChange: (value: AbstractionTypeEnum) => void;
}
 
export function GroupingTypeDropdown({ value, onChange }: GroupingTypeDropdownProps) {
  return (
    <div className="mx-4 my-2">
      <SelectInput
        title="Select Module Type"
        data={Object.entries(AbstractionTypeEnum).map(([key, displayName]) => ({
          label: displayName,
          value: key,
        }))}
        value={Object.keys(AbstractionTypeEnum)[Object.values(AbstractionTypeEnum).indexOf(value)]}
        handleChange={onChange}
      />
    </div>
  );
}