blob: 0ee3d7ba9afaf88e5cb704d4e4ecf50ed32150fb (
plain)
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
28
29
30
31
32
33
34
35
|
/**
* External dependencies
*/
import { __ } from '@wordpress/i18n';
import { PlainText } from '@wordpress/editor';
import { ToggleControl } from '@wordpress/components';
const JetpackFieldLabel = ( { setAttributes, label, resetFocus, isSelected, required } ) => {
return (
<div className="jetpack-field-label">
<PlainText
value={ label }
className="jetpack-field-label__input"
onChange={ value => {
resetFocus && resetFocus();
setAttributes( { label: value } );
} }
placeholder={ __( 'Write label…', 'jetpack' ) }
/>
{ isSelected && (
<ToggleControl
label={ __( 'Required', 'jetpack' ) }
className="jetpack-field-label__required"
checked={ required }
onChange={ value => setAttributes( { required: value } ) }
/>
) }
{ ! isSelected && required && (
<span className="required">{ __( '(required)', 'jetpack' ) }</span>
) }
</div>
);
};
export default JetpackFieldLabel;
|