gatsby-drupal-webform/dist/components/WebformSelect.jsx

React component for Drupal webforms

import React from 'react';
import { getElementId, useWebformElement } from '../utils';
import WebformElementWrapper from './WebformElementWrapper';
export const DEFAULT_SELECT_LABEL = '-- Select --';
export const WebformSelect = ({ element, error }) => {
    const id = getElementId(element.name);
    const [inputProps, settings] = useWebformElement(element, {
        className: 'form-control',
        name: element.name,
        id
    });
    return (<WebformElementWrapper settings={settings} error={error} labelFor={id}>
			<select {...inputProps} defaultValue={inputProps.defaultValue || ''}>
				
				<option value="" disabled>
					{inputProps.placeholder || DEFAULT_SELECT_LABEL}
				</option>

				{element.options &&
        element.options.map(option => (<option key={option.value} value={option.value}>
							{option.label}
						</option>))}
			</select>
		</WebformElementWrapper>);
};
export default WebformSelect;
//# sourceMappingURL=WebformSelect.jsx.map