Version 3.2.0 => Release History for details

TarekRaafat · Jan 7, 2019 · 7a27291 · 7a27291
1 parent 9709cc2
commit 7a27291
Show file tree

Hide file tree

Showing 11 changed files with 24 additions and 21 deletions.
diff --git a/README.md b/README.md
@@ -19,7 +19,7 @@
 <br>
 <br>
 
-> Simple autocomplete pure vanilla Javascript library. <a href="https://tarekraafat.github.io/autoComplete.js/demo/" target="\_blank">:rocket: Live Demo</a> **v3.1**
+> Simple autocomplete pure vanilla Javascript library. <a href="https://tarekraafat.github.io/autoComplete.js/demo/" target="\_blank">:rocket: Live Demo</a> **v3.2**
 
 autoComplete.js is a simple pure vanilla Javascript library that's progressively designed for speed, high versatility and seamless integration with wide range of projects & systems, made for users and developers in mind.
 
@@ -52,13 +52,13 @@ git clone https://github.com/TarekRaafat/autoComplete.js.git
 `CSS`
 
 ```html
-<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/TarekRaafat/autoComplete.js@3.1.0/dist/css/autoComplete.min.css">
+<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/TarekRaafat/autoComplete.js@3.2.0/dist/css/autoComplete.min.css">
 ```
 
 `JS`
 
 ```html
-<script src="https://cdn.jsdelivr.net/gh/TarekRaafat/autoComplete.js@3.1.0/dist/js/autoComplete.min.js"></script>
+<script src="https://cdn.jsdelivr.net/gh/TarekRaafat/autoComplete.js@3.2.0/dist/js/autoComplete.min.js"></script>
 ```
 
 -   <a href="https://www.npmjs.com/package/@tarekraafat/autocomplete.js">npm</a> install `(Node Package Manager)`

diff --git a/dist/js/autoComplete.js b/dist/js/autoComplete.js
@@ -38,10 +38,10 @@
   };
   var createResultsList = function createResultsList(renderResults) {
     resultsList = document.createElement("ul");
-    resultsList.setAttribute("id", select.resultsList);
     if (renderResults.container) {
-      renderResults.container(resultsList);
+      select.resultsList = renderResults.container(resultsList) || select.resultsList;
     }
+    resultsList.setAttribute("id", select.resultsList);
     renderResults.destination.insertAdjacentElement(renderResults.position, resultsList);
   };
   var highlight = function highlight(value) {

diff --git a/dist/js/autoComplete.js.gz b/dist/js/autoComplete.js.gz
diff --git a/dist/js/autoComplete.min.js b/dist/js/autoComplete.min.js
diff --git a/dist/js/autoComplete.min.js.gz b/dist/js/autoComplete.min.js.gz
diff --git a/docs/README.md b/docs/README.md
@@ -14,7 +14,7 @@
 
 <h1>autoComplete.js</h1>
 
-> Simple autocomplete pure vanilla Javascript library. <a href="https://tarekraafat.github.io/autoComplete.js/demo/" target="\_blank">:rocket: Live Demo</a> **v3.1**
+> Simple autocomplete pure vanilla Javascript library. <a href="https://tarekraafat.github.io/autoComplete.js/demo/" target="\_blank">:rocket: Live Demo</a> **v3.2**
 
 autoComplete.js is a simple pure vanilla Javascript library that's progressively designed for speed, high versatility and seamless integration with wide range of projects & systems, made for users and developers in mind.
 
@@ -67,13 +67,13 @@ npm run build
 `CSS`
 
 ```html
-<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/TarekRaafat/autoComplete.js@3.1.0/dist/css/autoComplete.min.css">
+<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/TarekRaafat/autoComplete.js@3.2.0/dist/css/autoComplete.min.css">
 ```
 
 `JS`
 
 ```html
-<script src="https://cdn.jsdelivr.net/gh/TarekRaafat/autoComplete.js@3.1.0/dist/js/autoComplete.min.js"></script>
+<script src="https://cdn.jsdelivr.net/gh/TarekRaafat/autoComplete.js@3.2.0/dist/js/autoComplete.min.js"></script>
 ```
 
 -   <img src="https://cdn0.iconfinder.com/data/icons/HTML5/512/HTML_Logo.png" alt="HTML" width="40px"> HTML Local load
@@ -115,7 +115,7 @@ const autoComplete = require("@tarekraafat/autocomplete.js/dist/js/autoComplete"
 ```html
 <link rel="stylesheet" href="./css/autoComplete.css">
 OR
-<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/TarekRaafat/autoComplete.js@3.1.0/dist/css/autoComplete.min.css">
+<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/TarekRaafat/autoComplete.js@3.2.0/dist/css/autoComplete.min.css">
 ```
 
 2.  Assign the default `id` value `"autoComplete"` to the desired input field or use any custom `id/class` and configure the API selector accordingly in `Step 4`
@@ -130,7 +130,7 @@ OR
 <script src="./js/autoComplete.min.js"></script>
 <script src="./js/index.js"></script>
 OR
-<script src="https://cdn.jsdelivr.net/gh/TarekRaafat/autoComplete.js@3.1.0/dist/js/autoComplete.min.js"></script>
+<script src="https://cdn.jsdelivr.net/gh/TarekRaafat/autoComplete.js@3.2.0/dist/js/autoComplete.min.js"></script>
 <script src="./js/index.js"></script>
 ```
 

diff --git a/docs/_coverpage.md b/docs/_coverpage.md
@@ -2,7 +2,7 @@
 	<img src="./img/autoComplete.js.svg" alt= "autoComplete.js Logo" style="padding-bottom: 50px; width: 250px;">
 </a>
 
-> Simple autocomplete pure vanilla Javascript library. <a href="https://tarekraafat.github.io/autoComplete.js/demo/" target="\_blank">Live Demo</a> **v3.1**
+> Simple autocomplete pure vanilla Javascript library. <a href="https://tarekraafat.github.io/autoComplete.js/demo/" target="\_blank">Live Demo</a> **v3.2**
 
 autoComplete.js is a simple pure vanilla Javascript library that's progressively designed for speed,<br>high versatility and seamless integration with wide range of projects & systems.
 

diff --git a/docs/demo/index.html b/docs/demo/index.html
@@ -53,7 +53,7 @@
 		<meta name="msapplication-TileColor" content="#ffffff">
 		<meta name="msapplication-TileImage" content="/ms-icon-144x144.png">
 		<meta name="theme-color" content="#ffffff">
-		<link rel="stylesheet" type="text/css" media="screen" href="https://cdn.jsdelivr.net/gh/TarekRaafat/autoComplete.js@3.1.0/dist/css/autoComplete.min.css">
+		<link rel="stylesheet" type="text/css" media="screen" href="https://cdn.jsdelivr.net/gh/TarekRaafat/autoComplete.js@3.2.0/dist/css/autoComplete.min.css">
 		<link rel="stylesheet" type="text/css" media="screen" href="./css/main.css">
 		<link href="https://fonts.googleapis.com/css?family=PT+Sans" rel="stylesheet">
 	</head>
@@ -118,7 +118,7 @@ <h4>mode</h4>
 				</div>
 			</footer>
 		</div>
-		<script src="https://cdn.jsdelivr.net/gh/TarekRaafat/autoComplete.js@3.1.0/dist/js/autoComplete.min.js"></script>
+		<script src="https://cdn.jsdelivr.net/gh/TarekRaafat/autoComplete.js@3.2.0/dist/js/autoComplete.min.js"></script>
 		<script src="./js/index.js"></script>
 	</body>
 

diff --git a/docs/releases.md b/docs/releases.md
@@ -26,9 +26,13 @@ Release flags:
 
 ## Release Notes
 
--   v3.1.0 :sparkles:
+-   v3.2.0 :sparkles:
 
-    -   Added API for rendered results list `resultsList > container` function
+    -   API Enhancements over rendered results list container `resultsList > container` function **(Thanks @albu77)**
+
+-   v3.1.0
+
+    -   Added API for rendered results list container `resultsList > container` function **(Thanks @albu77)**
     -   API Enhancements
 
 -   v3.0.0

diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
     "name": "autocomplete.js",
-    "version": "3.1.0",
+    "version": "3.2.0",
     "description": "Simple autocomplete pure vanilla Javascript library.",
     "main": "dist/js/autoComplete.js",
     "browser": "dist/js/autoComplete.min.js",

diff --git a/src/views/autoCompleteView.js b/src/views/autoCompleteView.js
@@ -12,10 +12,10 @@ const getInput = selector => (typeof selector === "string" ? document.querySelec
 // Creats the results list HTML tag
 const createResultsList = renderResults => {
 	resultsList = document.createElement("ul");
-	resultsList.setAttribute("id", select.resultsList);
 	if (renderResults.container) {
-		renderResults.container(resultsList);
+		select.resultsList = renderResults.container(resultsList) || select.resultsList;
 	}
+	resultsList.setAttribute("id", select.resultsList);
 	renderResults.destination.insertAdjacentElement(renderResults.position, resultsList);
 };
 
@@ -79,8 +79,7 @@ const getSelection = (field, callback, resultsValues, dataKey) => {
 						results: resultsValues.map(record => record.source),
 						selection: resultsValues.find(value => {
 							const resValue = value.source[dataKey] || value.source;
-							return resValue === event.target.closest(`.${select.result}`)
-								.getAttribute(dataAttribute);
+							return resValue === event.target.closest(`.${select.result}`).getAttribute(dataAttribute);
 						}).source
 					});
 					// Clear Results after selection is made