BeforeConditionOptions.js
2 years ago
ConditionItem.js
2 years ago
ConditionOptions.js
2 years ago
ConditionsRepeaterContextProvider.js
2 years ago
EditCustomRenderStates.js
2 years ago
HumanReadableConditions.js
2 years ago
RenderStateOptions.js
2 years ago
ConditionItem.js
46 lines
| 1 | import RepeaterItemContext from '../../repeater/context/repeater.item'; |
| 2 | import useUniqKey from '../../blocks/hooks/useUniqKey'; |
| 3 | import useBlockConditions from '../hooks/useBlockConditions'; |
| 4 | import ConditionOptions from './ConditionOptions'; |
| 5 | import BeforeConditionOptions from './BeforeConditionOptions'; |
| 6 | |
| 7 | const { |
| 8 | useContext, |
| 9 | } = wp.element; |
| 10 | const { |
| 11 | SelectControl, |
| 12 | } = wp.components; |
| 13 | const { |
| 14 | __, |
| 15 | } = wp.i18n; |
| 16 | |
| 17 | function ConditionItem() { |
| 18 | const { |
| 19 | currentItem, |
| 20 | changeCurrentItem, |
| 21 | } = useContext( RepeaterItemContext ); |
| 22 | |
| 23 | const uniqKey = useUniqKey(); |
| 24 | const { operators } = useBlockConditions(); |
| 25 | |
| 26 | return <> |
| 27 | <BeforeConditionOptions |
| 28 | currentItem={ currentItem } |
| 29 | changeCurrentItem={ changeCurrentItem } |
| 30 | /> |
| 31 | <SelectControl |
| 32 | key={ uniqKey( 'SelectControl-operator' ) } |
| 33 | label={ __( 'Operator', 'jet-form-builder' ) } |
| 34 | labelPosition="side" |
| 35 | value={ currentItem.operator } |
| 36 | options={ operators } |
| 37 | onChange={ newValue => changeCurrentItem( { operator: newValue } ) } |
| 38 | /> |
| 39 | <ConditionOptions |
| 40 | currentItem={ currentItem } |
| 41 | changeCurrentItem={ changeCurrentItem } |
| 42 | /> |
| 43 | </>; |
| 44 | } |
| 45 | |
| 46 | export default ConditionItem; |