export const PropertyKeyField = connectVocabulary(
({ vocabulary }: VocabularyProp) =>
- <div>
- <Field
- name={PROPERTY_KEY_FIELD_NAME}
- component={PropertyKeyInput}
- vocabulary={vocabulary}
- validate={getValidation(vocabulary)} />
- <Field
- name={PROPERTY_KEY_FIELD_ID}
- type='hidden'
- component='input' />
- </div>
+ <Field
+ name={PROPERTY_KEY_FIELD_NAME}
+ component={PropertyKeyInput}
+ vocabulary={vocabulary}
+ validate={getValidation(vocabulary)} />
);
export const PropertyKeyInput = ({ vocabulary, ...props }: WrappedFieldProps & VocabularyProp) =>
formValues({ propertyKey: PROPERTY_KEY_FIELD_ID })
)(
(props: PropertyValueFieldProps) =>
- <div>
- <Field
- name={PROPERTY_VALUE_FIELD_NAME}
- component={PropertyValueInput}
- validate={getValidation(props)}
- {...props} />
- <Field
- name={PROPERTY_VALUE_FIELD_ID}
- type='hidden'
- component='input' />
- </div>
+ <Field
+ name={PROPERTY_VALUE_FIELD_NAME}
+ component={PropertyValueInput}
+ validate={getValidation(props)}
+ {...props} />
);
export const PropertyValueInput = ({ vocabulary, propertyKey, ...props }: WrappedFieldProps & PropertyValueFieldProps) =>