Updated release to v1.0.7 with Fix for ReactstrapSelectInput Label and added defaultOption prop

Author: shoaibkhan94

dist/ReactstrapSelectInput.js

@@ -1,7 +1,15 @@
-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; }
+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 { FormFeedback, FormGroup, Input, Label } from "reactstrap";
+import {FormFeedback, FormGroup, Input, Label} from "reactstrap";
 
 /*let handleBlur = event => {
     if (this.ignoreNextBlur === true) {
@@ -31,7 +39,7 @@ var ReactstrapSelectInput = function ReactstrapSelectInput(_ref) {
         React.createElement(
             Label,
             { "for": field.name, className: "label-color" },
-            props.inputprops.label
+            props.label
         ),
         React.createElement(
             Input,
@@ -40,7 +48,7 @@ var ReactstrapSelectInput = function ReactstrapSelectInput(_ref) {
             React.createElement(
                 "option",
                 { value: "" },
-                props.inputprops.label
+                props.inputprops.defaultOption
             ),
             props.inputprops.options.map(function (option, index) {
                 if (option.name) return React.createElement(

package.json

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

src/components/ReactstrapSelectInput.js

@@ -21,10 +21,10 @@ const ReactstrapSelectInput = ({
     let touch = touched[field.name];
     return (
         <FormGroup>
-            <Label for={field.name} className={"label-color"}>{props.inputprops.label}</Label>
+            <Label for={field.name} className={"label-color"}>{props.label}</Label>
             <Input {...field} {...props} type="select" invalid={Boolean(touched[field.name] && errors[field.name])}
                    placeholder="Test">
-                <option value="">{props.inputprops.label}</option>
+                <option value="">{props.inputprops.defaultOption}</option>
                 {props.inputprops.options.map((option, index) => {
                     if (option.name)
                         return (<option value={option.id} key={index}>{option.name}</option>);

src/stories/SelectStory.js

@@ -38,7 +38,7 @@ export default () => (
                                     name: 'country',
                                     id: 'country',
                                     options: ['India', 'USA', 'UK', 'Saudi Arabia'],
-                                    label: "Country"
+                                    defaultOption: "Country"
                                 }}>
                             </Field>
                         </Col>
@@ -51,7 +51,7 @@ export default () => (
                                     name: 'country',
                                     id: 'country',
                                     options: ['India', 'USA', 'UK', 'Saudi Arabia'],
-                                    label: "Country"
+                                    defaultOption: "Country"
                                 }}>
                             </Field>
                         </Col>