feat: add confitional HOC

Author: Mohammer5

src/conditional.js

@@ -0,0 +1,32 @@
+import { FormSpy } from 'react-final-form'
+import React, { Fragment } from 'react'
+import propTypes from 'prop-types'
+
+export const conditional = Input => {
+    const Conditional = ({ condition, ...props }) => (
+        <Fragment>
+            {condition && <Input {...props} />}
+
+            <FormSpy
+                onChange={({ form }) => {
+                    if (!condition && values[props.name]) {
+                        form.mutators.clear(props.name)
+                    }
+                }}
+            />
+        </Fragment>
+    )
+
+    Conditional.propTypes = {
+        ...Input.propTypes,
+        condition: propTypes.bool,
+    }
+
+    Conditional.defaultProps = {
+        condition: true,
+    }
+
+    Conditional.displayName = `conditional(${Input.displayName})`
+
+    return Conditional
+}