From c868aaba8f3fab02f76fffeba080497c7146f45f Mon Sep 17 00:00:00 2001
From: Lionel Bijaoui <lionel.bijaoui@aviitam.com>
Date: Mon, 26 Jun 2017 17:54:32 +0200
Subject: [PATCH 1/2] Update the options for the v2 of multiselect

---
 src/fields/optional/fieldVueMultiSelect.vue | 31 +++++++++++++--------
 1 file changed, 19 insertions(+), 12 deletions(-)

diff --git a/src/fields/optional/fieldVueMultiSelect.vue b/src/fields/optional/fieldVueMultiSelect.vue
index 63363a88..b7344643 100644
--- a/src/fields/optional/fieldVueMultiSelect.vue
+++ b/src/fields/optional/fieldVueMultiSelect.vue
@@ -1,17 +1,16 @@
 <template lang="pug">
 	multiselect(		
+		//- multiselectMixin.js
 		:id="selectOptions.id",
 		:options="options",
-		:multiple="schema.multiSelect",
 		:value="value",
+		:multiple="schema.multiple",
 		:track-by="selectOptions.trackBy || null",
 		:label="selectOptions.label || null",
 		:searchable="selectOptions.searchable",
-		:local-search="selectOptions.localSearch",
 		:clear-on-select="selectOptions.clearOnSelect",
 		:hide-selected="selectOptions.hideSelected",
 		:placeholder="schema.placeholder",
-		:max-height="selectOptions.maxHeight",
 		:allow-empty="selectOptions.allowEmpty",
 		:reset-after="selectOptions.resetAfter",
 		:close-on-select="selectOptions.closeOnSelect",
@@ -19,13 +18,11 @@
 		:taggable="selectOptions.taggable",
 		:tag-placeholder="selectOptions.tagPlaceholder",
 		:max="schema.max || null",
-		@input="updateSelected",
-		@tag="addTag",
-		@select="onSelect",
-		@remove="onRemove",
-		@search-change="onSearchChange",
-		@open="onOpen",
-		@close="onClose",		
+		:options-limit="selectOptions.optionsLimit",
+		:group-label="selectOptions.groupLabel",
+		:block-keys="selectOptions.blockKeys",
+		:internal-search="selectOptions.internalSearch",
+		//- Multiselect.vue
 		:select-label="selectOptions.selectLabel",
 		:selected-label="selectOptions.selectedLabel",
 		:deselect-label="selectOptions.deselectLabel",
@@ -34,9 +31,19 @@
 		:limit-text="selectOptions.limitText",
 		:loading="selectOptions.loading",
 		:disabled="disabled",
-		:option-partial="selectOptions.optionPartial",
+		:max-height="selectOptions.maxHeight",
+		//- pointerMixin.js
 		:show-pointer="selectOptions.showPointer",
-		:option-height="selectOptions.optionHeight"
+		//- Events
+		@input="updateSelected",
+		@select="onSelect",
+		@remove="onRemove",
+		@search-change="onSearchChange",
+		@tag="addTag",
+		@open="onOpen",
+		@close="onClose",	
+		//- Slots
+		:option-height="selectOptions.optionHeight",
 	)
 </template>
 <script>

From 155f5a19f7d6b05249f7151218234e2df2f5fab8 Mon Sep 17 00:00:00 2001
From: Lionel Bijaoui <lionel.bijaoui@aviitam.com>
Date: Tue, 27 Jun 2017 10:29:15 +0200
Subject: [PATCH 2/2] Fix problem with comments and update test

---
 src/fields/optional/fieldVueMultiSelect.vue   | 11 ++--
 .../specs/fields/fieldVueMultiSelect.spec.js  | 52 +++++++++----------
 2 files changed, 28 insertions(+), 35 deletions(-)

diff --git a/src/fields/optional/fieldVueMultiSelect.vue b/src/fields/optional/fieldVueMultiSelect.vue
index b7344643..60eaa92d 100644
--- a/src/fields/optional/fieldVueMultiSelect.vue
+++ b/src/fields/optional/fieldVueMultiSelect.vue
@@ -1,10 +1,9 @@
 <template lang="pug">
-	multiselect(		
-		//- multiselectMixin.js
+	multiselect(
 		:id="selectOptions.id",
 		:options="options",
 		:value="value",
-		:multiple="schema.multiple",
+		:multiple="selectOptions.multiple",
 		:track-by="selectOptions.trackBy || null",
 		:label="selectOptions.label || null",
 		:searchable="selectOptions.searchable",
@@ -22,7 +21,6 @@
 		:group-label="selectOptions.groupLabel",
 		:block-keys="selectOptions.blockKeys",
 		:internal-search="selectOptions.internalSearch",
-		//- Multiselect.vue
 		:select-label="selectOptions.selectLabel",
 		:selected-label="selectOptions.selectedLabel",
 		:deselect-label="selectOptions.deselectLabel",
@@ -32,17 +30,14 @@
 		:loading="selectOptions.loading",
 		:disabled="disabled",
 		:max-height="selectOptions.maxHeight",
-		//- pointerMixin.js
 		:show-pointer="selectOptions.showPointer",
-		//- Events
 		@input="updateSelected",
 		@select="onSelect",
 		@remove="onRemove",
 		@search-change="onSearchChange",
 		@tag="addTag",
 		@open="onOpen",
-		@close="onClose",	
-		//- Slots
+		@close="onClose",
 		:option-height="selectOptions.optionHeight",
 	)
 </template>
diff --git a/test/unit/specs/fields/fieldVueMultiSelect.spec.js b/test/unit/specs/fields/fieldVueMultiSelect.spec.js
index 6ede495c..1579f15f 100644
--- a/test/unit/specs/fields/fieldVueMultiSelect.spec.js
+++ b/test/unit/specs/fields/fieldVueMultiSelect.spec.js
@@ -12,7 +12,7 @@ Vue.component("multiselect", VueMultiSelect);
 let el, vm, field;
 
 function createField(test, schema = {}, model = null, disabled = false, options) {
-	[ el, vm, field ] = createVueField(test, "fieldVueMultiSelect", schema, model, disabled, options);
+	[el, vm, field] = createVueField(test, "fieldVueMultiSelect", schema, model, disabled, options);
 }
 
 describe("fieldVueMultiSelect.vue", function() {
@@ -22,7 +22,6 @@ describe("fieldVueMultiSelect.vue", function() {
 			type: "vueMultiSelect",
 			label: "Cities",
 			model: "city",
-			multiSelect: true,
 			required: false,
 			values: [
 				"London",
@@ -30,12 +29,14 @@ describe("fieldVueMultiSelect.vue", function() {
 				"Rome",
 				"Berlin"
 			],
-			selectOptions: {}
+			selectOptions: {
+				multiple: true
+			}
 		};
 		let model = { city: "Paris" };
 		let input;
 
-		before( () => {
+		before(() => {
 			createField(this, schema, model, false);
 			input = el.querySelector(".multiselect");
 		});
@@ -58,7 +59,7 @@ describe("fieldVueMultiSelect.vue", function() {
 
 		it("should set disabled", (done) => {
 			field.disabled = true;
-			vm.$nextTick( () => {
+			vm.$nextTick(() => {
 				expect(input.classList.contains("multiselect--disabled")).to.be.true;
 				field.disabled = false;
 				done();
@@ -67,7 +68,7 @@ describe("fieldVueMultiSelect.vue", function() {
 
 		it("input value should be the model value after changed", (done) => {
 			model.city = "Rome";
-			vm.$nextTick( () => {
+			vm.$nextTick(() => {
 				expect(input.querySelectorAll("li .multiselect__option--selected").length).to.be.equal(1);
 				let options = input.querySelectorAll("li .multiselect__option");
 				expect(options[2].querySelector("span").textContent).to.be.equal("Rome");
@@ -77,8 +78,8 @@ describe("fieldVueMultiSelect.vue", function() {
 		});
 
 		it("input value should be the model value after changed (multiselection)", (done) => {
-			model.city = ["Paris","Rome"];
-			vm.$nextTick( () => {
+			model.city = ["Paris", "Rome"];
+			vm.$nextTick(() => {
 				expect(input.querySelectorAll("li .multiselect__option--selected").length).to.be.equal(2);
 				let options = input.querySelectorAll("li .multiselect__option");
 				expect(options[1].querySelector("span").textContent).to.be.equal("Paris");
@@ -93,7 +94,7 @@ describe("fieldVueMultiSelect.vue", function() {
 			let options = input.querySelectorAll("li .multiselect__option");
 			trigger(options[2], "mousedown");
 
-			vm.$nextTick( () => {
+			vm.$nextTick(() => {
 				expect(model.city.length).to.be.equal(1);
 				expect(model.city[0]).to.be.equal("Paris");
 				done();
@@ -106,23 +107,20 @@ describe("fieldVueMultiSelect.vue", function() {
 				name: "Vue.js",
 				language: "JavaScript"
 			};
-			let schema = {...schema};
+			let schema = {...schema };
 			let model = {
 				city: [option]
 			};
-			schema.values = [
-				{
-					name: "Vue.js",
-					language: "JavaScript"
-				},
-				{
-					name: "Rails",
-					language: "Ruby"
-				},
-				{
-					name: "Sinatra",
-					language: "Ruby"
-				}];
+			schema.values = [{
+				name: "Vue.js",
+				language: "JavaScript"
+			}, {
+				name: "Rails",
+				language: "Ruby"
+			}, {
+				name: "Sinatra",
+				language: "Ruby"
+			}];
 			schema.selectOptions = {};
 			before(() => {
 				createField(this, schema, model, false);
@@ -130,7 +128,7 @@ describe("fieldVueMultiSelect.vue", function() {
 			});
 
 			it("model value should work with objects", (done) => {
-				schema.selectOptions = {label: "name", trackBy: "name"};
+				schema.selectOptions = { label: "name", trackBy: "name" };
 				vm.$nextTick(() => {
 					expect(model.city.length).to.be.equal(1);
 					expect(model.city[0]).to.be.eql(schema.values[0]);
@@ -139,7 +137,7 @@ describe("fieldVueMultiSelect.vue", function() {
 			});
 
 			it("options should contain only text specified in label", (done) => {
-				schema.selectOptions = {label: "language", trackBy: "language"};
+				schema.selectOptions = { label: "language", trackBy: "language" };
 				vm.$nextTick(() => {
 					let options = input.querySelectorAll("li .multiselect__option");
 					expect(options[0].querySelector("span").textContent).to.be.equal("JavaScript");
@@ -151,7 +149,7 @@ describe("fieldVueMultiSelect.vue", function() {
 				schema.selectOptions = {
 					label: "name",
 					trackBy: "name",
-					customLabel: ({name, language}) => {
+					customLabel: ({ name, language }) => {
 						return `${name}-${language}`;
 					}
 				};
@@ -163,4 +161,4 @@ describe("fieldVueMultiSelect.vue", function() {
 			});
 		});
 	});
-});
\ No newline at end of file
+});