slots, button text

remove test

all

demo

demo

Author: jgile

.browserslistrc

@@ -0,0 +1,2 @@
+> 1%
+last 2 versions

.editorconfig

@@ -0,0 +1,7 @@
+[*.{js,jsx,ts,tsx,vue}]
+indent_style = space
+indent_size = 4
+end_of_line = lf
+trim_trailing_whitespace = true
+insert_final_newline = true
+max_line_length = 200

.eslintrc.js

@@ -0,0 +1,23 @@
+module.exports = {
+    root: true,
+
+    env: {
+        node: true
+    },
+
+    extends: ["plugin:vue/essential", "eslint:recommended"],
+
+    rules: {
+        'no-console': 'off',
+        'no-debugger': 'off',
+        'vue/script-indent': ['error', 4, {
+            baseIndent: 1,
+            switchCase: 0,
+            ignores: []
+        }]
+    },
+
+    parserOptions: {
+        parser: 'babel-eslint'
+    },
+};

.github/main.workflow

@@ -2,6 +2,9 @@
 node_modules
 /dist
 
+/tests/e2e/reports/
+selenium-debug.log
+
 # local env files
 .env.local
 .env.*.local
@@ -18,4 +21,4 @@ yarn-error.log*
 *.ntvs*
 *.njsproj
 *.sln
-*.sw*
+*.sw?

.gitignore

@@ -17,4 +17,10 @@ All notable changes to `vue-csv-import` will be documented in this file
 
 ## 2.1.0
 - Remove csv-parse dependency and replace with papaparse - smaller and more dependable.
-- Can now use with v-model.  will return a parsed csv.
+- Can now use with v-model.  will return a parsed csv.
+
+## 2.3.0
+- Added slots for file header checkbox and table thead.
+- default button text changed to "next"
+- added callback for usage without url.
+- Added 'headers' prop.  Define whether csv has headers by default.  Removes checkbox.

CHANGELOG.md

@@ -55,6 +55,37 @@ or with v-model:
 ```html
 <vue-csv-import v-model="parseCsv" :map-fields="[field1: 'Label 1', field2: 'Label 2']"></vue-csv-import>
 
+```
+With all available slots:
+```html
+<vue-csv-import 
+    v-model="csv" 
+    url="/hello" 
+    :map-fields="['name', 'age']">
+
+    <template slot="hasHeaders" slot-scope="{headers, toggle}">
+        <label>
+            <input type="checkbox" id="hasHeaders" :value="headers" @change="toggle">
+            Headers?
+        </label>
+    </template>
+
+    <template slot="thead">
+        <tr>
+            <th>My Fields</th>
+            <th>Column</th>
+        </tr>
+    </template>
+
+    <template slot="next" slot-scope="{load}">
+        <button @click.prevent="load">load!</button>
+    </template>
+
+    <template slot="submit" slot-scope="{submit}">
+        <button @click.prevent="submit">send!</button>
+    </template>
+</vue-csv-import>
+
 ```
 Options:
 
@@ -71,6 +102,16 @@ Options:
 | inputClass | "form-control-file" | The class to be added to the file input |
 | submitBtnText | "Submit" | The value of the final submit button |
 | loadBtnText | "Submit" | The value of the initial load file button |
+| headers | null | Define whether csv has headers by default.  Removes checkbox. |
+
+Slots:
+
+| Slot | Description |
+| ------ | ----------- |
+| thead | The content of "thead" in the field mapping table |
+| next | The next button.  Use slot-scope "next" to load csv. |
+| submit | The submit button. Use slot-scope "submit" to submit form. |
+| hasHeaders | The "has headers" checkbox. Use slot-scope "toggle" and "headers". |
 
 ### Testing
 

README.md

@@ -1,7 +1,3 @@
 module.exports = {
-  presets: [
-    ['@vue/app', {
-      useBuiltIns: false
-    }]
-  ]
+  presets: ["@vue/app"]
 };

babel.config.js

@@ -0,0 +1,16 @@
+#!/usr/bin/env sh
+
+# abort on errors
+set -e
+
+# build
+npm run build
+
+# navigate into the build output directory
+cd dist
+git init
+git add -A
+git commit -m 'deploy'
+git push -f [email protected]:jgile/vue-csv-import.git master:gh-pages
+
+cd -

deploy.sh

@@ -0,0 +1,22 @@
+module.exports = {
+  moduleFileExtensions: ["js", "jsx", "json", "vue"],
+  transform: {
+    "^.+\\.vue$": "vue-jest",
+    ".+\\.(css|styl|less|sass|scss|svg|png|jpg|ttf|woff|woff2)$":
+      "jest-transform-stub",
+    "^.+\\.jsx?$": "babel-jest"
+  },
+  transformIgnorePatterns: ["/node_modules/"],
+  moduleNameMapper: {
+    "^@/(.*)$": "<rootDir>/src/$1"
+  },
+  snapshotSerializers: ["jest-serializer-vue"],
+  testMatch: [
+    "**/tests/unit/**/*.spec.(js|jsx|ts|tsx)|**/__tests__/*.(js|jsx|ts|tsx)"
+  ],
+  testURL: "http://localhost/",
+  watchPlugins: [
+    "jest-watch-typeahead/filename",
+    "jest-watch-typeahead/testname"
+  ]
+};