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
AdvancedRulesList.js
52 lines
| 1 | import useBlockAttributes from '../../blocks/hooks/useBlockAttributes'; |
| 2 | import AdvancedRulesIsEmpty from './AdvancedRulesIsEmpty'; |
| 3 | import ContainersList from '../../components/ContainersList'; |
| 4 | import AdvancedRuleItem from './AdvancedRuleItem'; |
| 5 | |
| 6 | const { |
| 7 | __, |
| 8 | } = wp.i18n; |
| 9 | const { |
| 10 | Children, |
| 11 | cloneElement, |
| 12 | } = wp.element; |
| 13 | |
| 14 | const renderGroup = ( current, index ) => <> |
| 15 | <b>{ __( 'AND', 'jet-form-builder' ) }</b> |
| 16 | <AdvancedRuleItem |
| 17 | rule={ current } |
| 18 | index={ index } |
| 19 | /> |
| 20 | </>; |
| 21 | |
| 22 | function getRulesList( rules ) { |
| 23 | const andRules = rules.filter( |
| 24 | ( c, index ) => 0 !== index, |
| 25 | ); |
| 26 | |
| 27 | return [ |
| 28 | <AdvancedRuleItem |
| 29 | rule={ rules[ 0 ] } |
| 30 | />, |
| 31 | ...andRules.map( |
| 32 | ( item, index ) => renderGroup( item, index + 1 ), |
| 33 | ), |
| 34 | ]; |
| 35 | } |
| 36 | |
| 37 | function AdvancedRulesList() { |
| 38 | const [ attributes ] = useBlockAttributes(); |
| 39 | |
| 40 | if ( !attributes?.validation?.rules?.length ) { |
| 41 | return <AdvancedRulesIsEmpty/>; |
| 42 | } |
| 43 | |
| 44 | return <ContainersList> |
| 45 | { Children.map( |
| 46 | getRulesList( attributes.validation.rules ), |
| 47 | cloneElement, |
| 48 | ) } |
| 49 | </ContainersList>; |
| 50 | } |
| 51 | |
| 52 | export default AdvancedRulesList; |