v8.3.0 => Release Notes for details

TarekRaafat · Jan 30, 2021 · 6d21d1f · 6d21d1f
1 parent bd1050b
commit 6d21d1f
Show file tree

Hide file tree

Showing 11 changed files with 30 additions and 25 deletions.
diff --git a/README.md b/README.md
@@ -21,7 +21,7 @@
 <br>
 <br>
 
-> Simple autocomplete pure vanilla Javascript library. <a href="https://tarekraafat.github.io/autoComplete.js/demo/" target="\_blank">:rocket: Live Demo</a> **v8.2**
+> Simple autocomplete pure vanilla Javascript library. <a href="https://tarekraafat.github.io/autoComplete.js/demo/" target="\_blank">:rocket: Live Demo</a> **v8.3**
 
 autoComplete.js is a simple pure vanilla Javascript library that's progressively designed for speed, high versatility and seamless integration with a wide range of projects & systems, made for users and developers in mind.
 
@@ -54,13 +54,13 @@ git clone https://github.com/TarekRaafat/autoComplete.js.git
 `CSS`
 
 ```html
-<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@tarekraafat/autocomplete.js@8.2.3/dist/css/autoComplete.min.css">
+<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@tarekraafat/autocomplete.js@8.3.0/dist/css/autoComplete.min.css">
 ```
 
 `JS`
 
 ```html
-<script src="https://cdn.jsdelivr.net/npm/@tarekraafat/autocomplete.js@8.2.3/dist/js/autoComplete.min.js"></script>
+<script src="https://cdn.jsdelivr.net/npm/@tarekraafat/autocomplete.js@8.3.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
@@ -195,8 +195,9 @@
     var _loop = function _loop(index) {
       var item = data.results[index];
       var resultItem = createItem(item, index, config);
-      resultItem.addEventListener("click", function () {
+      resultItem.addEventListener("click", function (event) {
         var dataFeedback = {
+          event: event,
           matches: matches,
           input: data.input,
           query: data.query,

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
@@ -16,7 +16,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> **v8.2**
+> Simple autocomplete pure vanilla Javascript library. <a href="https://tarekraafat.github.io/autoComplete.js/demo/" target="\_blank">:rocket: Live Demo</a> **v8.3**
 
 autoComplete.js is a simple pure vanilla Javascript library that's progressively designed for speed, high versatility and seamless integration with a wide range of projects & systems, made for users and developers in mind.
 
@@ -69,41 +69,41 @@ npm run build
 `CSS`
 
 ```html
-<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@tarekraafat/autocomplete.js@8.2.3/dist/css/autoComplete.min.css">
+<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@tarekraafat/autocomplete.js@8.3.0/dist/css/autoComplete.min.css">
 ```
 
 `JS`
 
 ```html
-<script src="https://cdn.jsdelivr.net/npm/@tarekraafat/autocomplete.js@8.2.3/dist/js/autoComplete.min.js"></script>
+<script src="https://cdn.jsdelivr.net/npm/@tarekraafat/autocomplete.js@8.3.0/dist/js/autoComplete.min.js"></script>
 ```
 
 -   <a href="https://cdnjs.com/libraries/tarekraafat-autocomplete.js"><img src="./img/logos/cdnjs_logo.png" alt="cdnjs Logo" width="100px"></a> CDN
 
 `CSS`
 
 ```html
-<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/tarekraafat-autocomplete.js/8.2.3/css/autoComplete.min.css">
+<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/tarekraafat-autocomplete.js/8.3.0/css/autoComplete.min.css">
 ```
 
 `JS`
 
 ```html
-<script src="https://cdnjs.cloudflare.com/ajax/libs/tarekraafat-autocomplete.js/8.2.3/js/autoComplete.min.js"></script>
+<script src="https://cdnjs.cloudflare.com/ajax/libs/tarekraafat-autocomplete.js/8.3.0/js/autoComplete.min.js"></script>
 ```
 
--   <a href="https://unpkg.com/browse/@tarekraafat/autocomplete.js@8.2.3/"><img src="./img/logos/unpkg_logo.png" alt="unpkg Logo" width="100px"></a> CDN
+-   <a href="https://unpkg.com/browse/@tarekraafat/autocomplete.js@8.3.0/"><img src="./img/logos/unpkg_logo.png" alt="unpkg Logo" width="100px"></a> CDN
 
 `CSS`
 
 ```html
-<link rel="stylesheet" href="https://unpkg.com/@tarekraafat/autocomplete.js@8.2.3/dist/css/autoComplete.css">
+<link rel="stylesheet" href="https://unpkg.com/@tarekraafat/autocomplete.js@8.3.0/dist/css/autoComplete.css">
 ```
 
 `JS`
 
 ```html
-<script src="https://unpkg.com/@tarekraafat/autocomplete.js@8.2.3/dist/js/autoComplete.min.js"></script>
+<script src="https://unpkg.com/@tarekraafat/autocomplete.js@8.3.0/dist/js/autoComplete.min.js"></script>
 ```
 
 -   <img src="./img/logos/html_logo.png" alt="HTML Logo" width="40px"> HTML Local load
@@ -151,7 +151,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/npm/@tarekraafat/autocomplete.js@8.2.3/dist/css/autoComplete.min.css">
+<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@tarekraafat/autocomplete.js@8.3.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`
@@ -166,7 +166,7 @@ OR
 <script src="./js/autoComplete.min.js"></script>
 <script src="./js/index.js"></script>
 OR
-<script src="https://cdn.jsdelivr.net/npm/@tarekraafat/autocomplete.js@8.2.3/dist/js/autoComplete.min.js"></script>
+<script src="https://cdn.jsdelivr.net/npm/@tarekraafat/autocomplete.js@8.3.0/dist/js/autoComplete.min.js"></script>
 <script src="./js/index.js"></script>
 ```
 
@@ -326,7 +326,7 @@ it with [autoComplete.js][so tag].
 
 * * *
 
-## 6. What's New in v8.2?
+## 6. What's New in v8.3?
 
 Check out <a href="#/releases?id=versioning">Releases</a> Information :sparkles:
 

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> **v8.2**
+> Simple autocomplete pure vanilla Javascript library. <a href="https://tarekraafat.github.io/autoComplete.js/demo/" target="\_blank">Live Demo</a> **v8.3**
 
 autoComplete.js is a simple pure vanilla Javascript library that's progressively designed for speed,<br>high versatility and seamless integration with a wide range of projects & systems.
 

diff --git a/docs/demo/index.html b/docs/demo/index.html
@@ -72,7 +72,7 @@
 	<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/npm/@tarekraafat/autocomplete.js@8.2.3/dist/css/autoComplete.min.css">
+		href="https://cdn.jsdelivr.net/npm/@tarekraafat/autocomplete.js@8.3.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>
@@ -151,7 +151,7 @@ <h4>mode</h4>
 			</div>
 		</footer>
 	</div>
-	<script src="https://cdn.jsdelivr.net/npm/@tarekraafat/autocomplete.js@8.2.3/dist/js/autoComplete.min.js"></script>
+	<script src="https://cdn.jsdelivr.net/npm/@tarekraafat/autocomplete.js@8.3.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,7 +26,10 @@ Release flags:
 
 ## Release Notes
 
-- v8.2.3 ✨
+- v8.3.0 ✨
+  - ➕ Added: `event` object to the `onSelection` data `feedback` (Thanks 👍 @Liano) #176
+
+- v8.2.3
   - 🔧 Fix: `resultItem` ID `setAttribute` to be `idName` instead of `className` (Thanks 👍 @marsimeau) #173
 
 - v8.2.2

diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@tarekraafat/autocomplete.js",
-  "version": "8.2.3",
+  "version": "8.3.0",
   "description": "Simple autocomplete pure vanilla Javascript library.",
   "keywords": [
     "simple",
@@ -43,6 +43,7 @@
     "dist/css/autoComplete.css",
     "dist/css/autoComplete.01.css",
     "dist/css/autoComplete.02.css",
+    "dist/css/images/magnifier.svg",
     "dist/css/images/search.svg"
   ],
   "main": "dist/js/autoComplete.js",

diff --git a/src/controllers/listController.js b/src/controllers/listController.js
@@ -6,7 +6,7 @@ import createItem from "../components/Item";
  *
  * @param {Object} config - autoComplete configurations
  * @param {Element} element - Current selected element
- * 
+ *
  */
 const closeAllLists = (config, element) => {
   // Get all autoComplete lists
@@ -29,7 +29,7 @@ const closeAllLists = (config, element) => {
  * @param {Object} config - autoComplete configurations
  * @param {Object|Array} data - The available data object
  * @param {Array} matches - autoComplete configurations
- * 
+ *
  * @return {Component} - The matching results list component
  */
 const generateList = (config, data, matches) => {
@@ -43,12 +43,12 @@ const generateList = (config, data, matches) => {
     // create result item
     const resultItem = createItem(item, index, config);
     // Listen to clicks on this item
-    resultItem.addEventListener("click", (e) => {
+    resultItem.addEventListener("click", (event) => {
       // Prepare onSelection feedback data object
       const dataFeedback = {
+        event,
         matches,
         input: data.input,
-        event: e,
         query: data.query,
         results: data.results,
         selection: {