Working Release v1.0.4

Author: shoaibkhan94

dist/ReactstrapFormikInput.js

@@ -0,0 +1,30 @@
+function _objectWithoutProperties(obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; }
+
+import React from 'react';
+import { FormFeedback, FormGroup, Input, Label } from "reactstrap";
+
+var ReactstarpFormikInput = function ReactstarpFormikInput(_ref) {
+    var fields = _objectWithoutProperties(_ref.field, []),
+        _ref$form = _ref.form,
+        touched = _ref$form.touched,
+        errors = _ref$form.errors,
+        rest = _objectWithoutProperties(_ref$form, ["touched", "errors"]),
+        props = _objectWithoutProperties(_ref, ["field", "form"]);
+
+    return React.createElement(
+        FormGroup,
+        null,
+        React.createElement(
+            Label,
+            { "for": fields.name, className: "label-color" },
+            props.label
+        ),
+        React.createElement(Input, Object.assign({}, props, fields, { invalid: Boolean(touched[fields.name] && errors[fields.name]) })),
+        touched[fields.name] && errors[fields.name] ? React.createElement(
+            FormFeedback,
+            null,
+            errors[fields.name]
+        ) : ''
+    );
+};
+export default ReactstarpFormikInput;

dist/ReactstrapRadioInput.js

@@ -0,0 +1,33 @@
+function _objectWithoutProperties(obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; }
+
+import * as React from 'react';
+import { FormGroup, Input, Label } from "reactstrap";
+
+var ReactstrapRadioInput = function ReactstrapRadioInput(_ref) {
+    var field = _ref.field,
+        _ref$form = _ref.form,
+        isSubmitting = _ref$form.isSubmitting,
+        setFieldValue = _ref$form.setFieldValue,
+        touched = _ref$form.touched,
+        errors = _ref$form.errors,
+        values = _ref$form.values,
+        _ref$disabled = _ref.disabled,
+        disabled = _ref$disabled === undefined ? false : _ref$disabled,
+        props = _objectWithoutProperties(_ref, ["field", "form", "disabled"]);
+
+    return React.createElement(
+        FormGroup,
+        { check: true, inline: true },
+        React.createElement(
+            Label,
+            { "for": "inp" },
+            React.createElement(Input, { type: "radio", name: field.name, checked: values[field.name] === field.value, value: field.value,
+                onChange: function onChange(event, value) {
+                    return setFieldValue(field.name, field.value);
+                } }),
+            props.label
+        )
+    );
+};
+
+export default ReactstrapRadioInput;

dist/ReactstrapSelectInput.js

@@ -0,0 +1,68 @@
+var _this = this;
+
+function _objectWithoutProperties(obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; }
+
+import * as React from 'react';
+import { FormGroup, Input, Label } from "reactstrap";
+
+var handleBlur = function handleBlur(event) {
+    if (_this.ignoreNextBlur === true) {
+        // The parent components are relying on the bubbling of the event.
+        event.stopPropagation();
+        _this.ignoreNextBlur = false;
+        event.target.name = _this.props.name;
+        return;
+    }
+};
+
+var ReactstrapSelectInput = function ReactstrapSelectInput(_ref) {
+    var field = _ref.field,
+        _ref$form = _ref.form,
+        isSubmitting = _ref$form.isSubmitting,
+        touched = _ref$form.touched,
+        errors = _ref$form.errors,
+        _ref$disabled = _ref.disabled,
+        disabled = _ref$disabled === undefined ? false : _ref$disabled,
+        props = _objectWithoutProperties(_ref, ["field", "form", "disabled"]);
+
+    var error = errors[field.name];
+    var touch = touched[field.name];
+    return React.createElement(
+        FormGroup,
+        null,
+        React.createElement(
+            Label,
+            { "for": field.name, className: "label-color" },
+            props.inputprops.label
+        ),
+        React.createElement(
+            Input,
+            Object.assign({}, field, props, { type: "select", invalid: Boolean(touched[field.name] && errors[field.name]),
+                onBlur: handleBlur(), placeholder: "Test" }),
+            React.createElement(
+                "option",
+                { value: "" },
+                props.inputprops.label
+            ),
+            props.inputprops.options.map(function (option, index) {
+                if (option.name) return React.createElement(
+                    "option",
+                    { value: option.id, key: index },
+                    option.name
+                );
+                return React.createElement(
+                    "option",
+                    { value: option, key: index },
+                    option
+                );
+            })
+        ),
+        touch && error && React.createElement(
+            "p",
+            null,
+            error
+        )
+    );
+};
+
+export default ReactstrapSelectInput;

dist/index.js

@@ -0,0 +1,5 @@
+import ReactstrapInput from './ReactstrapFormikInput';
+import ReactstrapRadio from './ReactstrapRadioInput';
+import ReactstrapSelect from './ReactstrapSelectInput';
+
+export { ReactstrapInput, ReactstrapRadio, ReactstrapSelect };

package.json

@@ -1,6 +1,6 @@
 {
   "name": "reactstrap-formik",
-  "version": "1.0.1",
+  "version": "1.0.4",
   "dependencies": {
     "bootstrap": "^4.1.3",
     "formik": "^1.3.0",

src/components/index.js

@@ -0,0 +1,6 @@
+import ReactstrapInput from './ReactstrapFormikInput';
+import ReactstrapRadio from './ReactstrapRadioInput';
+import ReactstrapSelect from './ReactstrapSelectInput';
+
+
+export {ReactstrapInput, ReactstrapRadio, ReactstrapSelect};