FieldSettings.js
2 years ago
FooterControls.js
2 years ago
HeaderControls.js
2 years ago
edit.js
2 years ago
index.js
2 years ago
preview.js
2 years ago
FieldSettings.js
45 lines
| 1 | import HeaderControls from './HeaderControls'; |
| 2 | import FooterControls from './FooterControls'; |
| 3 | |
| 4 | const { |
| 5 | useBlockAttributes, |
| 6 | } = JetFBHooks; |
| 7 | const { |
| 8 | SelectControl, |
| 9 | } = wp.components; |
| 10 | |
| 11 | |
| 12 | function FieldSettings() { |
| 13 | const [ attributes, setAttributes ] = useBlockAttributes(); |
| 14 | |
| 15 | const setDynamicName = newValue => { |
| 16 | if ( newValue |
| 17 | && ( |
| 18 | !attributes.name || 'hidden_field_name' === attributes.name |
| 19 | ) |
| 20 | ) { |
| 21 | setAttributes( { name: newValue } ); |
| 22 | } |
| 23 | }; |
| 24 | |
| 25 | return <> |
| 26 | <HeaderControls/> |
| 27 | <SelectControl |
| 28 | key="field_value" |
| 29 | label="Field Value" |
| 30 | labelPosition="top" |
| 31 | value={ attributes.field_value } |
| 32 | onChange={ newValue => { |
| 33 | setAttributes( { field_value: newValue } ); |
| 34 | setDynamicName( newValue ); |
| 35 | } } |
| 36 | options={ JetFormHiddenField.sources } |
| 37 | /> |
| 38 | <FooterControls |
| 39 | attributes={ attributes } |
| 40 | setAttributes={ setAttributes } |
| 41 | /> |
| 42 | </>; |
| 43 | } |
| 44 | |
| 45 | export default FieldSettings; |