formik-material-ui - npm Package Compare versions

Comparing version 0.0.18 to 0.0.19

dist/Checkbox.d.ts

 import * as React from 'react';
 import { CheckboxProps as MuiCheckboxProps } from '@material-ui/core/Checkbox';
 import { FieldProps } from 'formik';
-import { Omit } from './types';
 export interface CheckboxProps extends FieldProps, Omit<MuiCheckboxProps, 'form' | 'checked' | 'defaultChecked' | 'name' | 'onChange' | 'value'> {
@@ -6,0 +5,0 @@ }

dist/CheckboxWithLabel.d.ts

 import * as React from 'react';
 import { FormControlLabelProps as MuiFormControlLabelProps } from '@material-ui/core/FormControlLabel';
 import { CheckboxProps } from './Checkbox';
-import { Omit } from './types';
 export interface CheckboxWithLabelProps extends CheckboxProps {
@@ -6,0 +5,0 @@ Label: Omit<MuiFormControlLabelProps, 'checked' | 'name' | 'onChange' | 'value' | 'inputRef'>;

dist/formik-material-ui.es6.js

@@ -11,4 +11,5 @@ import MuiTextField from '@material-ui/core/TextField';
 import FormHelperText from '@material-ui/core/FormHelperText';
-import { createElement } from 'react';
 import MuiRadioGroup from '@material-ui/core/RadioGroup';
+import { createElement, useCallback } from 'react';
+import MuiInputBase from '@material-ui/core/InputBase';
 
@@ -52,3 +53,3 @@ /*! *****************************************************************************
 var fieldToTextField = function (_a) {
-    var field = _a.field, form = _a.form, _b = _a.disabled, disabled = _b === void 0 ? false : _b, props = __rest(_a, ["field", "form", "disabled"]);
+    var field = _a.field, form = _a.form, _b = _a.variant, variant = _b === void 0 ? 'standard' : _b, disabled = _a.disabled, props = __rest(_a, ["field", "form", "variant", "disabled"]);
     var name = field.name;
@@ -58,7 +59,7 @@ var touched = form.touched, errors = form.errors, isSubmitting = form.isSubmitting;
     var showError = getIn(touched, name) && !!fieldError;
-    return __assign({}, props, field, { error: showError, helperText: showError ? fieldError : props.helperText, disabled: isSubmitting || disabled });
+    return __assign({}, props, field, { variant: variant, error: showError, helperText: showError ? fieldError : props.helperText, disabled: disabled != undefined ? disabled : isSubmitting });
 };
 var TextField = function (_a) {
     var children = _a.children, props = __rest(_a, ["children"]);
-    return (createElement(MuiTextField, __assign({}, fieldToTextField(props), { children: children })));
+    return (createElement(MuiTextField, __assign({}, fieldToTextField(props)), children));
 };
@@ -68,4 +69,4 @@ TextField.displayName = 'FormikMaterialUITextField';
 var fieldToSwitch = function (_a) {
-    var field = _a.field, isSubmitting = _a.form.isSubmitting, _b = _a.disabled, disabled = _b === void 0 ? false : _b, props = __rest(_a, ["field", "form", "disabled"]);
-    return __assign({ disabled: isSubmitting || disabled }, props, field, { value: field.name, checked: field.value });
+    var field = _a.field, isSubmitting = _a.form.isSubmitting, disabled = _a.disabled, props = __rest(_a, ["field", "form", "disabled"]);
+    return __assign({ disabled: disabled != undefined ? disabled : isSubmitting }, props, field, { value: field.name, checked: field.value });
 };
@@ -76,4 +77,4 @@ var Switch = function (props) { return createElement(MuiSwitch, __assign({}, fieldToSwitch(props))); };
 var fieldToCheckbox = function (_a) {
-    var field = _a.field, isSubmitting = _a.form.isSubmitting, _b = _a.disabled, disabled = _b === void 0 ? false : _b, props = __rest(_a, ["field", "form", "disabled"]);
-    return __assign({ disabled: isSubmitting || disabled }, props, field, { checked: field.value, value: field.value ? 'checked' : '' });
+    var field = _a.field, isSubmitting = _a.form.isSubmitting, disabled = _a.disabled, props = __rest(_a, ["field", "form", "disabled"]);
+    return __assign({ disabled: disabled != undefined ? disabled : isSubmitting }, props, field, { checked: field.value, value: field.value ? 'checked' : '' });
 };
@@ -90,4 +91,19 @@ var Checkbox = function (props) { return createElement(MuiCheckbox, __assign({}, fieldToCheckbox(props))); };
 var fieldToSelect = function (_a) {
-    var field = _a.field, isSubmitting = _a.form.isSubmitting, _b = _a.disabled, disabled = _b === void 0 ? false : _b, props = __rest(_a, ["field", "form", "disabled"]);
-    return __assign({ disabled: isSubmitting || disabled }, props, field);
+    var field = _a.field, _b = _a.form, isSubmitting = _b.isSubmitting, setFieldValue = _b.setFieldValue, disabled = _a.disabled, props = __rest(_a, ["field", "form", "disabled"]);
+    var onChange = useCallback(function (event) {
+        if (props.multiple && props.native) {
+            var options = event.target.options;
+            var value = [];
+            for (var i = 0, l = options.length; i < l; i += 1) {
+                if (options[i].selected) {
+                    value.push(options[i].value);
+                }
+            }
+            setFieldValue(field.name, value);
+        }
+        else {
+            field.onChange(event);
+        }
+    }, [field.name, props.multiple, props.native]);
+    return __assign({ disabled: disabled != undefined ? disabled : isSubmitting }, props, field, { onChange: onChange });
 };
@@ -98,8 +114,8 @@ var Select = function (props) { return createElement(MuiSelect, __assign({}, fieldToSelect(props))); };
 var SimpleFileUpload = function (_a) {
-    var label = _a.label, field = _a.field, _b = _a.form, touched = _b.touched, errors = _b.errors, isSubmitting = _b.isSubmitting, setFieldValue = _b.setFieldValue, _c = _a.disabled, disabled = _c === void 0 ? false : _c;
+    var label = _a.label, field = _a.field, _b = _a.form, touched = _b.touched, errors = _b.errors, isSubmitting = _b.isSubmitting, setFieldValue = _b.setFieldValue, _c = _a.disabled, disabled = _c === void 0 ? false : _c, inputProps = _a.InputProps, inputLabelProps = _a.InputLabelProps;
     var error = getIn(touched, field.name) && getIn(errors, field.name);
     return (createElement("div", null,
         createElement(FormControl, null,
-            label && (createElement(InputLabel, { shrink: true, error: !!error }, label)),
-            createElement(Input, { error: !!error, inputProps: {
+            label && (createElement(InputLabel, __assign({ shrink: true, error: !!error }, inputLabelProps), label)),
+            createElement(Input, __assign({ error: !!error, inputProps: {
                     type: 'file',
@@ -112,3 +128,3 @@ disabled: disabled || isSubmitting,
                     },
-                } }),
+                } }, inputProps)),
             error && createElement(FormHelperText, { error: true }, error))));
@@ -126,3 +142,10 @@ };
 
-export { fieldToTextField, TextField, fieldToSwitch, Switch, fieldToCheckbox, Checkbox, CheckboxWithLabel, fieldToSelect, Select, SimpleFileUpload, fieldToRadioGroup, RadioGroup };
+var fieldToInputBase = function (_a) {
+    var field = _a.field, isSubmitting = _a.form.isSubmitting, disabled = _a.disabled, props = __rest(_a, ["field", "form", "disabled"]);
+    return __assign({ disabled: disabled != undefined ? disabled : isSubmitting }, props, field, { value: field.name });
+};
+var InputBase = function (props) { return createElement(MuiInputBase, __assign({}, fieldToInputBase(props))); };
+InputBase.displayName = 'FormikMaterialUIInputBase';
+
+export { fieldToTextField, TextField, fieldToSwitch, Switch, fieldToCheckbox, Checkbox, CheckboxWithLabel, fieldToSelect, Select, SimpleFileUpload, fieldToRadioGroup, RadioGroup, fieldToInputBase, InputBase };
 //# sourceMappingURL=formik-material-ui.es6.js.map

dist/index.js

@@ -17,4 +17,5 @@ 'use strict';
 var FormHelperText = _interopDefault(require('@material-ui/core/FormHelperText'));
+var MuiRadioGroup = _interopDefault(require('@material-ui/core/RadioGroup'));
 var React = require('react');
-var MuiRadioGroup = _interopDefault(require('@material-ui/core/RadioGroup'));
+var MuiInputBase = _interopDefault(require('@material-ui/core/InputBase'));
 
@@ -58,3 +59,3 @@ /*! *****************************************************************************
 var fieldToTextField = function (_a) {
-    var field = _a.field, form = _a.form, _b = _a.disabled, disabled = _b === void 0 ? false : _b, props = __rest(_a, ["field", "form", "disabled"]);
+    var field = _a.field, form = _a.form, _b = _a.variant, variant = _b === void 0 ? 'standard' : _b, disabled = _a.disabled, props = __rest(_a, ["field", "form", "variant", "disabled"]);
     var name = field.name;
@@ -64,7 +65,7 @@ var touched = form.touched, errors = form.errors, isSubmitting = form.isSubmitting;
     var showError = formik.getIn(touched, name) && !!fieldError;
-    return __assign({}, props, field, { error: showError, helperText: showError ? fieldError : props.helperText, disabled: isSubmitting || disabled });
+    return __assign({}, props, field, { variant: variant, error: showError, helperText: showError ? fieldError : props.helperText, disabled: disabled != undefined ? disabled : isSubmitting });
 };
 var TextField = function (_a) {
     var children = _a.children, props = __rest(_a, ["children"]);
-    return (React.createElement(MuiTextField, __assign({}, fieldToTextField(props), { children: children })));
+    return (React.createElement(MuiTextField, __assign({}, fieldToTextField(props)), children));
 };
@@ -74,4 +75,4 @@ TextField.displayName = 'FormikMaterialUITextField';
 var fieldToSwitch = function (_a) {
-    var field = _a.field, isSubmitting = _a.form.isSubmitting, _b = _a.disabled, disabled = _b === void 0 ? false : _b, props = __rest(_a, ["field", "form", "disabled"]);
-    return __assign({ disabled: isSubmitting || disabled }, props, field, { value: field.name, checked: field.value });
+    var field = _a.field, isSubmitting = _a.form.isSubmitting, disabled = _a.disabled, props = __rest(_a, ["field", "form", "disabled"]);
+    return __assign({ disabled: disabled != undefined ? disabled : isSubmitting }, props, field, { value: field.name, checked: field.value });
 };
@@ -82,4 +83,4 @@ var Switch = function (props) { return React.createElement(MuiSwitch, __assign({}, fieldToSwitch(props))); };
 var fieldToCheckbox = function (_a) {
-    var field = _a.field, isSubmitting = _a.form.isSubmitting, _b = _a.disabled, disabled = _b === void 0 ? false : _b, props = __rest(_a, ["field", "form", "disabled"]);
-    return __assign({ disabled: isSubmitting || disabled }, props, field, { checked: field.value, value: field.value ? 'checked' : '' });
+    var field = _a.field, isSubmitting = _a.form.isSubmitting, disabled = _a.disabled, props = __rest(_a, ["field", "form", "disabled"]);
+    return __assign({ disabled: disabled != undefined ? disabled : isSubmitting }, props, field, { checked: field.value, value: field.value ? 'checked' : '' });
 };
@@ -96,4 +97,19 @@ var Checkbox = function (props) { return React.createElement(MuiCheckbox, __assign({}, fieldToCheckbox(props))); };
 var fieldToSelect = function (_a) {
-    var field = _a.field, isSubmitting = _a.form.isSubmitting, _b = _a.disabled, disabled = _b === void 0 ? false : _b, props = __rest(_a, ["field", "form", "disabled"]);
-    return __assign({ disabled: isSubmitting || disabled }, props, field);
+    var field = _a.field, _b = _a.form, isSubmitting = _b.isSubmitting, setFieldValue = _b.setFieldValue, disabled = _a.disabled, props = __rest(_a, ["field", "form", "disabled"]);
+    var onChange = React.useCallback(function (event) {
+        if (props.multiple && props.native) {
+            var options = event.target.options;
+            var value = [];
+            for (var i = 0, l = options.length; i < l; i += 1) {
+                if (options[i].selected) {
+                    value.push(options[i].value);
+                }
+            }
+            setFieldValue(field.name, value);
+        }
+        else {
+            field.onChange(event);
+        }
+    }, [field.name, props.multiple, props.native]);
+    return __assign({ disabled: disabled != undefined ? disabled : isSubmitting }, props, field, { onChange: onChange });
 };
@@ -104,8 +120,8 @@ var Select = function (props) { return React.createElement(MuiSelect, __assign({}, fieldToSelect(props))); };
 var SimpleFileUpload = function (_a) {
-    var label = _a.label, field = _a.field, _b = _a.form, touched = _b.touched, errors = _b.errors, isSubmitting = _b.isSubmitting, setFieldValue = _b.setFieldValue, _c = _a.disabled, disabled = _c === void 0 ? false : _c;
+    var label = _a.label, field = _a.field, _b = _a.form, touched = _b.touched, errors = _b.errors, isSubmitting = _b.isSubmitting, setFieldValue = _b.setFieldValue, _c = _a.disabled, disabled = _c === void 0 ? false : _c, inputProps = _a.InputProps, inputLabelProps = _a.InputLabelProps;
     var error = formik.getIn(touched, field.name) && formik.getIn(errors, field.name);
     return (React.createElement("div", null,
         React.createElement(FormControl, null,
-            label && (React.createElement(InputLabel, { shrink: true, error: !!error }, label)),
-            React.createElement(Input, { error: !!error, inputProps: {
+            label && (React.createElement(InputLabel, __assign({ shrink: true, error: !!error }, inputLabelProps), label)),
+            React.createElement(Input, __assign({ error: !!error, inputProps: {
                     type: 'file',
@@ -118,3 +134,3 @@ disabled: disabled || isSubmitting,
                     },
-                } }),
+                } }, inputProps)),
             error && React.createElement(FormHelperText, { error: true }, error))));
@@ -132,2 +148,9 @@ };
 
+var fieldToInputBase = function (_a) {
+    var field = _a.field, isSubmitting = _a.form.isSubmitting, disabled = _a.disabled, props = __rest(_a, ["field", "form", "disabled"]);
+    return __assign({ disabled: disabled != undefined ? disabled : isSubmitting }, props, field, { value: field.name });
+};
+var InputBase = function (props) { return React.createElement(MuiInputBase, __assign({}, fieldToInputBase(props))); };
+InputBase.displayName = 'FormikMaterialUIInputBase';
+
 exports.fieldToTextField = fieldToTextField;
@@ -145,2 +168,4 @@ exports.TextField = TextField;
 exports.RadioGroup = RadioGroup;
+exports.fieldToInputBase = fieldToInputBase;
+exports.InputBase = InputBase;
 //# sourceMappingURL=index.js.map

dist/main.d.ts

@@ -8,1 +8,2 @@ export * from './TextField';
 export * from './RadioGroup';
+export * from './InputBase';

dist/RadioGroup.d.ts

 import * as React from 'react';
 import { RadioGroupProps as MuiRadioGroupProps } from '@material-ui/core/RadioGroup';
 import { FieldProps } from 'formik';
-import { Omit } from './types';
 export interface RadioGroupProps extends Omit<MuiRadioGroupProps, 'name' | 'onChange' | 'value'>, FieldProps {
@@ -6,0 +5,0 @@ }

dist/Select.d.ts

 import * as React from 'react';
 import { SelectProps as MuiSelectProps } from '@material-ui/core/Select';
 import { FieldProps } from 'formik';
-import { Omit } from './types';
 export interface SelectProps extends FieldProps, Omit<MuiSelectProps, 'value'> {
 }
-export declare const fieldToSelect: ({ field, form: { isSubmitting }, disabled, ...props }: SelectProps) => MuiSelectProps;
+export declare const fieldToSelect: ({ field, form: { isSubmitting, setFieldValue }, disabled, ...props }: SelectProps) => MuiSelectProps;
 export declare const Select: React.ComponentType<SelectProps>;

dist/SimpleFileUpload.d.ts

 /// <reference types="react" />
 import { FieldProps } from 'formik';
+import { InputLabelProps } from '@material-ui/core/InputLabel';
+import { InputProps } from '@material-ui/core/Input';
 export interface SimpleFileUploadProps extends FieldProps {
     label: string;
     disabled?: boolean;
+    InputProps?: Omit<InputProps, 'name' | 'type' | 'onChange'>;
+    InputLabelProps?: InputLabelProps;
 }
-export declare const SimpleFileUpload: ({ label, field, form: { touched, errors, isSubmitting, setFieldValue }, disabled, }: SimpleFileUploadProps) => JSX.Element;
+export declare const SimpleFileUpload: ({ label, field, form: { touched, errors, isSubmitting, setFieldValue }, disabled, InputProps: inputProps, InputLabelProps: inputLabelProps, }: SimpleFileUploadProps) => JSX.Element;

dist/src/Checkbox.d.ts

 import * as React from 'react';
 import { CheckboxProps as MuiCheckboxProps } from '@material-ui/core/Checkbox';
 import { FieldProps } from 'formik';
-import { Omit } from './types';
 export interface CheckboxProps extends FieldProps, Omit<MuiCheckboxProps, 'form' | 'checked' | 'defaultChecked' | 'name' | 'onChange' | 'value'> {
@@ -6,0 +5,0 @@ }

dist/src/CheckboxWithLabel.d.ts

 import * as React from 'react';
 import { FormControlLabelProps as MuiFormControlLabelProps } from '@material-ui/core/FormControlLabel';
 import { CheckboxProps } from './Checkbox';
-import { Omit } from './types';
 export interface CheckboxWithLabelProps extends CheckboxProps {
@@ -6,0 +5,0 @@ Label: Omit<MuiFormControlLabelProps, 'checked' | 'name' | 'onChange' | 'value' | 'inputRef'>;

dist/src/main.d.ts

@@ -8,1 +8,2 @@ export * from './TextField';
 export * from './RadioGroup';
+export * from './InputBase';

dist/src/RadioGroup.d.ts

 import * as React from 'react';
 import { RadioGroupProps as MuiRadioGroupProps } from '@material-ui/core/RadioGroup';
 import { FieldProps } from 'formik';
-import { Omit } from './types';
 export interface RadioGroupProps extends Omit<MuiRadioGroupProps, 'name' | 'onChange' | 'value'>, FieldProps {
@@ -6,0 +5,0 @@ }

dist/src/Select.d.ts

 import * as React from 'react';
 import { SelectProps as MuiSelectProps } from '@material-ui/core/Select';
 import { FieldProps } from 'formik';
-import { Omit } from './types';
 export interface SelectProps extends FieldProps, Omit<MuiSelectProps, 'value'> {
 }
-export declare const fieldToSelect: ({ field, form: { isSubmitting }, disabled, ...props }: SelectProps) => MuiSelectProps;
+export declare const fieldToSelect: ({ field, form: { isSubmitting, setFieldValue }, disabled, ...props }: SelectProps) => MuiSelectProps;
 export declare const Select: React.ComponentType<SelectProps>;

dist/src/SimpleFileUpload.d.ts

 /// <reference types="react" />
 import { FieldProps } from 'formik';
+import { InputLabelProps } from '@material-ui/core/InputLabel';
+import { InputProps } from '@material-ui/core/Input';
 export interface SimpleFileUploadProps extends FieldProps {
     label: string;
     disabled?: boolean;
+    InputProps?: Omit<InputProps, 'name' | 'type' | 'onChange'>;
+    InputLabelProps?: InputLabelProps;
 }
-export declare const SimpleFileUpload: ({ label, field, form: { touched, errors, isSubmitting, setFieldValue }, disabled, }: SimpleFileUploadProps) => JSX.Element;
+export declare const SimpleFileUpload: ({ label, field, form: { touched, errors, isSubmitting, setFieldValue }, disabled, InputProps: inputProps, InputLabelProps: inputLabelProps, }: SimpleFileUploadProps) => JSX.Element;

dist/src/Switch.d.ts

 import * as React from 'react';
 import { SwitchProps as MuiSwitchProps } from '@material-ui/core/Switch';
 import { FieldProps } from 'formik';
-import { Omit } from './types';
 export interface SwitchProps extends FieldProps, Omit<MuiSwitchProps, 'form' | 'name' | 'onChange' | 'value' | 'defaultChecked'> {
@@ -6,0 +5,0 @@ }

dist/src/TextField.d.ts

 import * as React from 'react';
 import { TextFieldProps as MuiTextFieldProps } from '@material-ui/core/TextField';
 import { FieldProps } from 'formik';
-export declare type AllKeys<T> = T extends T ? keyof T : never;
-export declare type Omit<T, K extends AllKeys<T>> = T extends T ? Pick<T, Exclude<keyof T, K>> : never;
 export declare type TextFieldProps = FieldProps & Omit<MuiTextFieldProps, 'error' | 'name' | 'onChange' | 'value'>;
-export declare const fieldToTextField: ({ field, form, disabled, ...props }: TextFieldProps) => MuiTextFieldProps;
+export declare const fieldToTextField: ({ field, form, variant, disabled, ...props }: TextFieldProps) => MuiTextFieldProps;
 export declare const TextField: React.ComponentType<TextFieldProps>;

dist/stories/FormValues.d.ts

@@ -5,5 +5,5 @@ import React from 'react';
 interface Props extends WithStyles<typeof styles> {
-    values: any;
+    values: unknown;
 }
 declare const _default: React.ComponentType<Pick<Props, "values"> & import("@material-ui/core/styles").StyledComponentProps<"root">>;
 export default _default;

dist/Switch.d.ts

 import * as React from 'react';
 import { SwitchProps as MuiSwitchProps } from '@material-ui/core/Switch';
 import { FieldProps } from 'formik';
-import { Omit } from './types';
 export interface SwitchProps extends FieldProps, Omit<MuiSwitchProps, 'form' | 'name' | 'onChange' | 'value' | 'defaultChecked'> {
@@ -6,0 +5,0 @@ }

dist/TextField.d.ts

 import * as React from 'react';
 import { TextFieldProps as MuiTextFieldProps } from '@material-ui/core/TextField';
 import { FieldProps } from 'formik';
-export declare type AllKeys<T> = T extends T ? keyof T : never;
-export declare type Omit<T, K extends AllKeys<T>> = T extends T ? Pick<T, Exclude<keyof T, K>> : never;
 export declare type TextFieldProps = FieldProps & Omit<MuiTextFieldProps, 'error' | 'name' | 'onChange' | 'value'>;
-export declare const fieldToTextField: ({ field, form, disabled, ...props }: TextFieldProps) => MuiTextFieldProps;
+export declare const fieldToTextField: ({ field, form, variant, disabled, ...props }: TextFieldProps) => MuiTextFieldProps;
 export declare const TextField: React.ComponentType<TextFieldProps>;

package.json

 {
   "name": "formik-material-ui",
-  "version": "0.0.18",
+  "version": "0.0.19",
   "typings": "dist/main.d.ts",
@@ -8,3 +8,3 @@ "peerDependencies": {
     "formik": ">=1.0.0",
-    "react": "^16.0.0-0"
+    "react": "^16.8.0"
   },
@@ -54,2 +54,4 @@ "keywords": [
     "@types/yup": "^0.26.2",
+    "@typescript-eslint/eslint-plugin": "^1.11.0",
+    "@typescript-eslint/parser": "^1.11.0",
     "babel-core": "^7.0.0-bridge.0",
@@ -60,2 +62,7 @@ "babel-jest": "^23.4.2",
     "cross-env": "^5.2.0",
+    "eslint": "^5.15.3",
+    "eslint-config-prettier": "^6.0.0",
+    "eslint-plugin-jest": "^22.7.1",
+    "eslint-plugin-react": "^7.14.2",
+    "eslint-plugin-react-hooks": "^1.6.1",
     "formik": "^1.5.7",
@@ -76,4 +83,2 @@ "husky": "^1.2.0",
     "tslib": "^1.9.3",
-    "tslint": "^5.11.0",
-    "tslint-config-prettier": "^1.17.0",
     "typescript": "^3.5.1",
@@ -94,2 +99,3 @@ "yup": "^0.26.0"
   "scripts": {
+    "typecheck": "tsc",
     "storybook": "start-storybook -p 6006",
@@ -101,4 +107,4 @@ "build-storybook": "build-storybook",
     "test:updateSnapshot": "jest --updateSnapshot",
-    "lint": "tslint --project tsconfig.json",
-    "lint:fix": "tslint --project tsconfig.json --fix",
+    "lint": "eslint \"./{src,stories}/**/*.{tsx,ts,js}\"",
+    "lint:fix": "eslint --fix \"./{src,stories}/**/*.{tsx,ts,js}\"",
     "prettier": "prettier --write \"{src,stories}/**/*.{js,tsx,ts}\"",
@@ -109,3 +115,3 @@ "prettier:list": "prettier --list-different \"{src,stories}/**/*.{js,tsx,ts}\"",
   },
-  "gitHead": "f8e2b45d393d1239d9cd8bfe957339379cc217ef"
+  "gitHead": "5d03e945e51cbe7ab9ddad715019f864b8cca5d7"
 }

README.md

@@ -5,5 +5,5 @@ [![Build Status](https://travis-ci.org/stackworx/formik-material-ui.svg?branch=master)](https://travis-ci.org/stackworx/formik-material-ui)
 
-# Formik Material Ui
+# Formik Material-UI
 
-Bindings for using [Formik](https://github.com/jaredpalmer/formik) with [Material UI](https://material-ui.com/).
+Bindings for using [Formik](https://github.com/jaredpalmer/formik) with [Material-UI](https://material-ui.com/).
 
@@ -101,7 +101,9 @@ - [Code Sandbox](https://codesandbox.io/s/915qlr56rp)
 
-<Field name="name" render={(props) => (<div>
-  <Comp1 {...fieldToText(props)}>
-  <Comp2 {...fieldToText(props)}>
-  ...
-</div>)} />
+<Field name="name" render={(props) => (
+  <div>
+    <Comp1 {...fieldToTextField(props)} />
+    <Comp2 {...fieldToTextField(props)} />
+    ...
+  </div>
+)} />
 ```
@@ -108,0 +110,0 @@

No alert changes

Improved metrics

Total package byte prevSize

59234

increased by18.05%

Number of package files

42

increased by7.69%

Lines of code

455

increased by14.9%

Number of lines in readme file

117

increased by1.74%

Worsened metrics

Dev dependency count

39

increased by14.71%

No dependency changes