AdvancedRuleItem.js
2 years ago
AdvancedRuleModalItem.js
2 years ago
AdvancedRulesIsEmpty.js
2 years ago
AdvancedRulesList.js
2 years ago
AdvancedRulesModal.js
2 years ago
ChooseRelatedField.js
2 years ago
EditAdvancedRulesButton.js
2 years ago
EditRulesModalContext.js
2 years ago
HumanReadableRule.js
2 years ago
ValidationBlockMessage.js
2 years ago
ValidationMetaMessage.js
2 years ago
ValidationToggleGroup.js
2 years ago
ValidationBlockMessage.js
51 lines
| 1 | import useBlockAttributes from '../../blocks/hooks/useBlockAttributes'; |
| 2 | import useUniqKey from '../../blocks/hooks/useUniqKey'; |
| 3 | import useMetaState from '../../hooks/useMetaState'; |
| 4 | import getItemByName from '../helpers/getItemByName'; |
| 5 | |
| 6 | const { |
| 7 | TextControl, |
| 8 | } = wp.components; |
| 9 | |
| 10 | function ValidationBlockMessage( { |
| 11 | name, |
| 12 | } ) { |
| 13 | const uniqKey = useUniqKey(); |
| 14 | const [ attributes, setAttributes ] = useBlockAttributes(); |
| 15 | const [ args ] = useMetaState( |
| 16 | '_jf_validation', |
| 17 | '{}', |
| 18 | [], |
| 19 | ); |
| 20 | |
| 21 | const isInherit = !attributes.validation?.type; |
| 22 | const messages = isInherit |
| 23 | ? args?.messages ?? {} |
| 24 | : attributes.validation?.messages ?? {}; |
| 25 | |
| 26 | const current = getItemByName( name ); |
| 27 | |
| 28 | return <> |
| 29 | <TextControl |
| 30 | disabled={ isInherit } |
| 31 | key={ uniqKey( 'massage_' + name ) } |
| 32 | label={ current?.label } |
| 33 | help={ current?.help } |
| 34 | value={ messages[ name ] ?? current?.initial } |
| 35 | onChange={ value => setAttributes( prev => ( |
| 36 | { |
| 37 | ...prev, |
| 38 | validation: { |
| 39 | ...attributes.validation, |
| 40 | messages: { |
| 41 | ...messages, |
| 42 | [ name ]: value, |
| 43 | }, |
| 44 | }, |
| 45 | } |
| 46 | ) ) } |
| 47 | /> |
| 48 | </>; |
| 49 | } |
| 50 | |
| 51 | export default ValidationBlockMessage; |