Add name to raw input props (#142)

* update dev environment

* add raw name

Author: wsmd

.eslintrc

@@ -29,5 +29,5 @@
       }
     }
   ],
-  "ignorePatterns": ["test/types.tsx"]
+  "ignorePatterns": ["test/types.tsx", "rollup.config.js"]
 }

package.json

@@ -20,8 +20,8 @@
     "hook"
   ],
   "scripts": {
-    "build": "rollup -c && cp src/index.d.ts dist/index.d.ts",
-    "build:dev": "rollup -c -w",
+    "build": "rollup -c",
+    "build:dev": "rollup -c -w --environment=BUILD:development",
     "clean": "rm -rf dist",
     "coveralls": "cat ./coverage/lcov.info | ./node_modules/coveralls/bin/coveralls.js",
     "lint": "eslint src test",
@@ -71,8 +71,8 @@
     "jest": "^24.7.1",
     "jest-dom": "^2.1.0",
     "prettier": "^1.19.1",
-    "react": "^16.7.0-alpha.0",
-    "react-dom": "^16.7.0-alpha.0",
+    "react": "^16.13.1",
+    "react-dom": "^16.13.1",
     "react-hooks-testing-library": "^0.3.7",
     "react-testing-library": "^6.0.0",
     "rollup": "^2.10.2",

rollup.config.js

@@ -1,26 +1,48 @@
+import fs from 'fs';
 import babel from '@rollup/plugin-babel';
 import replace from '@rollup/plugin-replace';
 import pkg from './package.json';
 
+const isDevBuild = process.env.BUILD === 'development';
+
 export default {
   input: 'src/index.js',
   output: [
-    {
+    !isDevBuild && {
       file: pkg.main,
       format: 'cjs',
     },
     {
       file: pkg.module,
       format: 'es',
+      sourcemap: isDevBuild,
     },
   ],
-  external: Object.keys(pkg.devDependencies),
+  external: Object.keys(pkg.peerDependencies),
   plugins: [
     babel({
       babelHelpers: 'bundled',
     }),
     replace({
       __DEV__: "process.env.NODE_ENV === 'development'",
     }),
+    copyFile('src/index.d.ts', 'dist/index.d.ts'),
   ],
 };
+
+function copyFile(source, dest) {
+  let called = false;
+  return {
+    async writeBundle() {
+      if (called) return;
+      called = true;
+      try {
+        await fs.promises.copyFile(source, dest);
+        console.log(`copied ${source} → ${dest}`);
+      } catch (err) {
+        console.log(err);
+        process.exit(1);
+      }
+    },
+  };
+}

src/useFormState.js

@@ -312,6 +312,7 @@ export default function useFormState(initialState, options) {
         onChange: inputProps.onChange,
         onBlur: inputProps.onBlur,
         value: inputProps.value,
+        name: inputProps.name,
       };
     }
 

test/useFormState-input.test.js

@@ -61,6 +61,7 @@ describe('input type methods return correct props object', () => {
   it('returns props for type "raw"', () => {
     const { result } = renderHook(() => useFormState({ option: '' }));
     expect(result.current[1].raw('option')).toEqual({
+      name: 'option',
       value: '',
       onChange: expect.any(Function),
       onBlur: expect.any(Function),
@@ -72,6 +73,7 @@ describe('input type methods return correct props object', () => {
     expect(
       result.current[1].raw({ name: 'option', touchOnChange: true }),
     ).toEqual({
+      name: 'option',
       value: expect.any(Date),
       onChange: expect.any(Function),
       onBlur: expect.any(Function),

yarn.lock

@@ -4843,15 +4843,15 @@ randomatic@^3.0.0:
     kind-of "^6.0.0"
     math-random "^1.0.1"
 
-react-dom@^16.7.0-alpha.0:
-  version "16.12.0"
-  resolved "https://registry.yarnpkg.com/react-dom/-/react-dom-16.12.0.tgz#0da4b714b8d13c2038c9396b54a92baea633fe11"
-  integrity sha512-LMxFfAGrcS3kETtQaCkTKjMiifahaMySFDn71fZUNpPHZQEzmk/GiAeIT8JSOrHB23fnuCOMruL2a8NYlw+8Gw==
+react-dom@^16.13.1:
+  version "16.13.1"
+  resolved "https://registry.yarnpkg.com/react-dom/-/react-dom-16.13.1.tgz#c1bd37331a0486c078ee54c4740720993b2e0e7f"
+  integrity sha512-81PIMmVLnCNLO/fFOQxdQkvEq/+Hfpv24XNJfpyZhTRfO0QcmQIF/PgCa1zCOj2w1hrn12MFLyaJ/G0+Mxtfag==
   dependencies:
     loose-envify "^1.1.0"
     object-assign "^4.1.1"
     prop-types "^15.6.2"
-    scheduler "^0.18.0"
+    scheduler "^0.19.1"
 
 react-hooks-testing-library@^0.3.7:
   version "0.3.8"
@@ -4874,10 +4874,10 @@ react-testing-library@^6.0.0, react-testing-library@^6.0.2:
     "@babel/runtime" "^7.4.2"
     dom-testing-library "^3.19.0"
 
-react@^16.7.0-alpha.0:
-  version "16.12.0"
-  resolved "https://registry.yarnpkg.com/react/-/react-16.12.0.tgz#0c0a9c6a142429e3614834d5a778e18aa78a0b83"
-  integrity sha512-fglqy3k5E+81pA8s+7K0/T3DBCF0ZDOher1elBFzF7O6arXJgzyu/FW+COxFvAWXJoJN9KIZbT2LXlukwphYTA==
+react@^16.13.1:
+  version "16.13.1"
+  resolved "https://registry.yarnpkg.com/react/-/react-16.13.1.tgz#2e818822f1a9743122c063d6410d85c1e3afe48e"
+  integrity sha512-YMZQQq32xHLX0bz5Mnibv1/LHb3Sqzngu7xstSM+vrkE5Kzr9xE0yMByK5kMoTK30YVJE61WfbxIFFvfeDKT1w==
   dependencies:
     loose-envify "^1.1.0"
     object-assign "^4.1.1"
@@ -5263,10 +5263,10 @@ sax@^1.2.4:
   resolved "https://registry.yarnpkg.com/sax/-/sax-1.2.4.tgz#2816234e2378bddc4e5354fab5caa895df7100d9"
   integrity sha512-NqVDv9TpANUjFm0N8uM5GxL36UgKi9/atZw+x7YFnQ8ckwFGKrl4xX4yWtrey3UJm5nP1kUbnYgLopqWNSRhWw==
 
-scheduler@^0.18.0:
-  version "0.18.0"
-  resolved "https://registry.yarnpkg.com/scheduler/-/scheduler-0.18.0.tgz#5901ad6659bc1d8f3fdaf36eb7a67b0d6746b1c4"
-  integrity sha512-agTSHR1Nbfi6ulI0kYNK0203joW2Y5W4po4l+v03tOoiJKpTBbxpNhWDvqc/4IcOw+KLmSiQLTasZ4cab2/UWQ==
+scheduler@^0.19.1:
+  version "0.19.1"
+  resolved "https://registry.yarnpkg.com/scheduler/-/scheduler-0.19.1.tgz#4f3e2ed2c1a7d65681f4c854fa8c5a1ccb40f196"
+  integrity sha512-n/zwRWRYSUj0/3g/otKDRPMh6qv2SYMWNq85IEa8iZyAv8od9zDYpGSnpBEjNgcMNq6Scbu5KfIPxNF72R/2EA==
   dependencies:
     loose-envify "^1.1.0"
     object-assign "^4.1.1"