Merge pull request tjinauyeung#88 from tjinauyeung/feat/add-textarea-component

feat(textarea): add component and tests

Author: tiaanduplessis

babel.config.js

@@ -2,6 +2,13 @@ module.exports = {
   env: {
     test: {
       presets: [['@babel/preset-env', {targets: {node: 'current'}}]],
+      plugins: [
+        // required for svelte-jsx and svelte-fragment-component
+        [
+          '@babel/plugin-transform-react-jsx',
+          {runtime: 'automatic', importSource: 'svelte-jsx'},
+        ],
+      ],
     },
   },
 };

jest.config.js

@@ -1,9 +1,9 @@
 const jestCommon = require('./test/config/jest.common');
 const lintProject = require('./test/config/jest.lint');
-const unitTestProject = require('./test/config/jest.unit');
+const testProject = require('./test/config/jest.test');
 
 module.exports = {
   ...jestCommon,
 
-  projects: [unitTestProject, lintProject],
+  projects: [testProject, lintProject],
 };

lib/components/Textarea.svelte

@@ -0,0 +1,12 @@
+<script>
+  import {getContext} from 'svelte';
+  import {key} from './key';
+
+  export let name;
+
+  const {form, handleChange} = getContext(key);
+</script>
+
+<textarea {name} on:change={handleChange} on:blur={handleChange} {...$$props}>
+  {$form[name]}
+</textarea>

lib/index.js

@@ -3,6 +3,7 @@ import {key} from './components/key';
 export {createForm} from './create-form';
 
 export {default as Form} from './components/Form.svelte';
+export {default as Textarea} from './components/Textarea.svelte';
 export {default as Field} from './components/Field.svelte';
 export {default as Select} from './components/Select.svelte';
 export {default as ErrorMessage} from './components/ErrorMessage.svelte';