@octopusdeploy/design-system-components/dist/src/components/Form/Select/Select.js

The design systems component library.

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.Select = Select;
const jsx_runtime_1 = require("react/jsx-runtime");
const SelectBase_1 = require("./SelectBase");
const SelectOption_1 = require("./SelectOption");
/**
 * Select component
 *
 * @remarks Only use in pre-approved areas, as in #project-form-uplift if unsure before using.
 *
 * @param props - SelectProps
 * @param props.value - The current value of the select
 * @param props.onChange - The action to perform when the form control field is changed.
 */
function Select(props) {
    const handleOptionsSelected = (options) => {
        props.onChange(options[0].value);
    };
    const renderOption = (option, selected) => (0, jsx_runtime_1.jsx)(SelectOption_1.SelectOption, { option: option, selected: selected });
    const renderSelection = (selectedOptions) => ((0, SelectBase_1.isMissingSelectedOption)(selectedOptions[0]) ? "" : selectedOptions[0].label);
    return ((0, jsx_runtime_1.jsx)(SelectBase_1.SelectBase, { ...props, isMultiSelectable: false, renderOption: renderOption, onOptionsSelected: handleOptionsSelected, renderSelection: renderSelection, clearSelection: () => {
            props.onChange(undefined);
        } }));
}