Class Select

src/components/select/select.tsx:54–213

const selectArrowClassName = getBEMElement(selectClassName, 'arrow');

export class Select extends PureComponent<ISelectProps, IState> {
    private contextView: IContextView;
    public state: IState;
    private selectElm: RefObject<HTMLDivElement>;
    private selectInput: RefObject<HTMLInputElement>;

    constructor(props) {
        super(props);
        this.contextView = useContextView({
            shadowOutline: false,
        });
        this.state = this.getDefaultState(this.props);
        this.selectElm = React.createRef();
        this.selectInput = React.createRef();
    }

    static getDerivedStateFromProps(props, state) {
        if (props.value !== state.value) {
            return {
                option: Select.getSelectOption(props),
            };
        }
        return null;
    }

    public componentDidMount() {
        this.contextView.onHide(() => {
            if (this.state.isOpen) {
                this.setState({
                    isOpen: false,
                });
            }
        });
    }

    public componentWillUnmount() {
        this.contextView.dispose();
    }

    private static getSelectOption(props) {
        let defaultSelectedOption: ISelectOptionProps = {};
        const defaultValue = props.value || props.defaultValue;
        const options = Children.toArray(props.children);
        for (const option of options) {
            if (isValidElement(option)) {
                const optionProps = option.props as ISelectOptionProps;
                if (optionProps.value && optionProps.value === defaultValue) {
                    defaultSelectedOption = {
                        ...optionProps,
                        name:
                            optionProps.name ||
                            (optionProps.children as string),
                    };
                    break;
                }
            }
        }
        return defaultSelectedOption;