Fixed unwanted keyboard accessibility of events in list view when the…

… eventClick is not set
vkurko · Dec 18, 2023 · a5d122f · a5d122f
1 parent e0a8657
commit a5d122f
Show file tree

Hide file tree

Showing 20 changed files with 207 additions and 316 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -1,5 +1,10 @@
 # Event Calendar changelog
 
+## 2.5.1
+December 18, 2023
+
+* Fixed unwanted keyboard accessibility of events in `list` view when the `eventClick` is not set
+
 ## 2.5.0
 December 9, 2023
 

diff --git a/README.md b/README.md
@@ -4,7 +4,7 @@ See [demo](https://vkurko.github.io/calendar/) and [changelog](CHANGELOG.md).
 
 Full-sized drag & drop JavaScript event calendar with resource view:
 
-* Lightweight (31kb [br](https://en.wikipedia.org/wiki/Brotli) compressed)
+* Lightweight (32kb [br](https://en.wikipedia.org/wiki/Brotli) compressed)
 * Zero-dependency (pre-built bundle)
 * Used on over 70,000 websites with [Bookly](https://wordpress.org/plugins/bookly-responsive-appointment-booking-tool/)
 
@@ -198,8 +198,8 @@ import '@event-calendar/core/index.css';
 ### Pre-built browser ready bundle
 Include the following lines of code in the `<head>` section of your page:
 ```html
-<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@event-calendar/build@2.5.0/event-calendar.min.css">
-<script src="https://cdn.jsdelivr.net/npm/@event-calendar/build@2.5.0/event-calendar.min.js"></script>
+<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@event-calendar/build@2.5.1/event-calendar.min.css">
+<script src="https://cdn.jsdelivr.net/npm/@event-calendar/build@2.5.1/event-calendar.min.js"></script>
 ```
 
 <details>

diff --git a/docs/index.html b/docs/index.html
@@ -12,8 +12,8 @@
     <link rel="manifest" href="site.webmanifest">
     <link rel="stylesheet" href="global.css?20231021">
 
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@event-calendar/build@2.5.0/event-calendar.min.css">
-    <script src="https://cdn.jsdelivr.net/npm/@event-calendar/build@2.5.0/event-calendar.min.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@event-calendar/build@2.5.1/event-calendar.min.css">
+    <script src="https://cdn.jsdelivr.net/npm/@event-calendar/build@2.5.1/event-calendar.min.js"></script>
     <!-- Yandex.Metrika counter -->
     <script type="text/javascript" >
         (function(m,e,t,r,i,k,a){m[i]=m[i]||function(){(m[i].a=m[i].a||[]).push(arguments)};

diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "event-calendar",
-  "version": "2.5.0",
+  "version": "2.5.1",
   "scripts": {
     "build": "rollup -c",
     "dev": "rollup -c -w",
@@ -13,13 +13,13 @@
     "@babel/plugin-transform-runtime": "^7.23.4",
     "@babel/preset-env": "^7.23.5",
     "@babel/runtime-corejs3": "^7.23.5",
-    "@event-calendar/build": "~2.5.0",
-    "@event-calendar/core": "~2.5.0",
-    "@event-calendar/day-grid": "~2.5.0",
-    "@event-calendar/interaction": "~2.5.0",
-    "@event-calendar/list": "~2.5.0",
-    "@event-calendar/resource-time-grid": "~2.5.0",
-    "@event-calendar/time-grid": "~2.5.0",
+    "@event-calendar/build": "~2.5.1",
+    "@event-calendar/core": "~2.5.1",
+    "@event-calendar/day-grid": "~2.5.1",
+    "@event-calendar/interaction": "~2.5.1",
+    "@event-calendar/list": "~2.5.1",
+    "@event-calendar/resource-time-grid": "~2.5.1",
+    "@event-calendar/time-grid": "~2.5.1",
     "@rollup/plugin-babel": "^6.0.4",
     "@rollup/plugin-commonjs": "^25.0.7",
     "@rollup/plugin-node-resolve": "^15.2.3",

diff --git a/packages/build/README.md b/packages/build/README.md
@@ -4,7 +4,7 @@ See [demo](https://vkurko.github.io/calendar/) and [changelog](CHANGELOG.md).
 
 Full-sized drag & drop JavaScript event calendar with resource view:
 
-* Lightweight (31kb [br](https://en.wikipedia.org/wiki/Brotli) compressed)
+* Lightweight (32kb [br](https://en.wikipedia.org/wiki/Brotli) compressed)
 * Zero-dependency (pre-built bundle)
 * Used on over 70,000 websites with [Bookly](https://wordpress.org/plugins/bookly-responsive-appointment-booking-tool/)
 
@@ -198,8 +198,8 @@ import '@event-calendar/core/index.css';
 ### Pre-built browser ready bundle
 Include the following lines of code in the `<head>` section of your page:
 ```html
-<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@event-calendar/build@2.5.0/event-calendar.min.css">
-<script src="https://cdn.jsdelivr.net/npm/@event-calendar/build@2.5.0/event-calendar.min.js"></script>
+<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@event-calendar/build@2.5.1/event-calendar.min.css">
+<script src="https://cdn.jsdelivr.net/npm/@event-calendar/build@2.5.1/event-calendar.min.js"></script>
 ```
 
 <details>

diff --git a/packages/build/package.json b/packages/build/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@event-calendar/build",
-  "version": "2.5.0",
+  "version": "2.5.1",
   "title": "Event Calendar",
   "description": "Full-sized drag & drop event calendar with resource view",
   "keywords": [
@@ -18,10 +18,10 @@
   "license": "MIT",
   "jsdelivr": "event-calendar.min.js",
   "devDependencies": {
-    "@event-calendar/day-grid": "~2.5.0",
-    "@event-calendar/interaction": "~2.5.0",
-    "@event-calendar/list": "~2.5.0",
-    "@event-calendar/time-grid": "~2.5.0",
-    "@event-calendar/resource-time-grid": "~2.5.0"
+    "@event-calendar/day-grid": "~2.5.1",
+    "@event-calendar/interaction": "~2.5.1",
+    "@event-calendar/list": "~2.5.1",
+    "@event-calendar/time-grid": "~2.5.1",
+    "@event-calendar/resource-time-grid": "~2.5.1"
   }
 }
diff --git a/packages/core/README.md b/packages/core/README.md
@@ -4,7 +4,7 @@ See [demo](https://vkurko.github.io/calendar/) and [changelog](CHANGELOG.md).
 
 Full-sized drag & drop JavaScript event calendar with resource view:
 
-* Lightweight (31kb [br](https://en.wikipedia.org/wiki/Brotli) compressed)
+* Lightweight (32kb [br](https://en.wikipedia.org/wiki/Brotli) compressed)
 * Zero-dependency (pre-built bundle)
 * Used on over 70,000 websites with [Bookly](https://wordpress.org/plugins/bookly-responsive-appointment-booking-tool/)
 
@@ -198,8 +198,8 @@ import '@event-calendar/core/index.css';
 ### Pre-built browser ready bundle
 Include the following lines of code in the `<head>` section of your page:
 ```html
-<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@event-calendar/build@2.5.0/event-calendar.min.css">
-<script src="https://cdn.jsdelivr.net/npm/@event-calendar/build@2.5.0/event-calendar.min.js"></script>
+<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@event-calendar/build@2.5.1/event-calendar.min.css">
+<script src="https://cdn.jsdelivr.net/npm/@event-calendar/build@2.5.1/event-calendar.min.js"></script>
 ```
 
 <details>

diff --git a/packages/core/package.json b/packages/core/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@event-calendar/core",
-  "version": "2.5.0",
+  "version": "2.5.1",
   "title": "Event Calendar Core package",
   "description": "Full-sized drag & drop event calendar with resource view",
   "keywords": [

diff --git a/packages/day-grid/README.md b/packages/day-grid/README.md
@@ -4,7 +4,7 @@ See [demo](https://vkurko.github.io/calendar/) and [changelog](CHANGELOG.md).
 
 Full-sized drag & drop JavaScript event calendar with resource view:
 
-* Lightweight (31kb [br](https://en.wikipedia.org/wiki/Brotli) compressed)
+* Lightweight (32kb [br](https://en.wikipedia.org/wiki/Brotli) compressed)
 * Zero-dependency (pre-built bundle)
 * Used on over 70,000 websites with [Bookly](https://wordpress.org/plugins/bookly-responsive-appointment-booking-tool/)
 
@@ -198,8 +198,8 @@ import '@event-calendar/core/index.css';
 ### Pre-built browser ready bundle
 Include the following lines of code in the `<head>` section of your page:
 ```html
-<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@event-calendar/build@2.5.0/event-calendar.min.css">
-<script src="https://cdn.jsdelivr.net/npm/@event-calendar/build@2.5.0/event-calendar.min.js"></script>
+<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@event-calendar/build@2.5.1/event-calendar.min.css">
+<script src="https://cdn.jsdelivr.net/npm/@event-calendar/build@2.5.1/event-calendar.min.js"></script>
 ```
 
 <details>

diff --git a/packages/day-grid/package.json b/packages/day-grid/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@event-calendar/day-grid",
-  "version": "2.5.0",
+  "version": "2.5.1",
   "title": "Event Calendar DayGrid plugin",
   "description": "Full-sized drag & drop event calendar with resource view",
   "keywords": [
@@ -26,7 +26,7 @@
     "./package.json": "./package.json"
   },
   "dependencies": {
-    "@event-calendar/core": "~2.5.0",
+    "@event-calendar/core": "~2.5.1",
     "svelte": "^4.2.8"
   }
 }
diff --git a/packages/interaction/README.md b/packages/interaction/README.md
@@ -4,7 +4,7 @@ See [demo](https://vkurko.github.io/calendar/) and [changelog](CHANGELOG.md).
 
 Full-sized drag & drop JavaScript event calendar with resource view:
 
-* Lightweight (31kb [br](https://en.wikipedia.org/wiki/Brotli) compressed)
+* Lightweight (32kb [br](https://en.wikipedia.org/wiki/Brotli) compressed)
 * Zero-dependency (pre-built bundle)
 * Used on over 70,000 websites with [Bookly](https://wordpress.org/plugins/bookly-responsive-appointment-booking-tool/)
 
@@ -198,8 +198,8 @@ import '@event-calendar/core/index.css';
 ### Pre-built browser ready bundle
 Include the following lines of code in the `<head>` section of your page:
 ```html
-<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@event-calendar/build@2.5.0/event-calendar.min.css">
-<script src="https://cdn.jsdelivr.net/npm/@event-calendar/build@2.5.0/event-calendar.min.js"></script>
+<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@event-calendar/build@2.5.1/event-calendar.min.css">
+<script src="https://cdn.jsdelivr.net/npm/@event-calendar/build@2.5.1/event-calendar.min.js"></script>
 ```
 
 <details>

diff --git a/packages/interaction/package.json b/packages/interaction/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@event-calendar/interaction",
-  "version": "2.5.0",
+  "version": "2.5.1",
   "title": "Event Calendar Interaction plugin",
   "description": "Full-sized drag & drop event calendar with resource view",
   "keywords": [
@@ -26,7 +26,7 @@
     "./package.json": "./package.json"
   },
   "dependencies": {
-    "@event-calendar/core": "~2.5.0",
+    "@event-calendar/core": "~2.5.1",
     "svelte": "^4.2.8"
   }
 }
diff --git a/packages/list/README.md b/packages/list/README.md
@@ -4,7 +4,7 @@ See [demo](https://vkurko.github.io/calendar/) and [changelog](CHANGELOG.md).
 
 Full-sized drag & drop JavaScript event calendar with resource view:
 
-* Lightweight (31kb [br](https://en.wikipedia.org/wiki/Brotli) compressed)
+* Lightweight (32kb [br](https://en.wikipedia.org/wiki/Brotli) compressed)
 * Zero-dependency (pre-built bundle)
 * Used on over 70,000 websites with [Bookly](https://wordpress.org/plugins/bookly-responsive-appointment-booking-tool/)
 
@@ -198,8 +198,8 @@ import '@event-calendar/core/index.css';
 ### Pre-built browser ready bundle
 Include the following lines of code in the `<head>` section of your page:
 ```html
-<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@event-calendar/build@2.5.0/event-calendar.min.css">
-<script src="https://cdn.jsdelivr.net/npm/@event-calendar/build@2.5.0/event-calendar.min.js"></script>
+<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@event-calendar/build@2.5.1/event-calendar.min.css">
+<script src="https://cdn.jsdelivr.net/npm/@event-calendar/build@2.5.1/event-calendar.min.js"></script>
 ```
 
 <details>

diff --git a/packages/list/package.json b/packages/list/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@event-calendar/list",
-  "version": "2.5.0",
+  "version": "2.5.1",
   "title": "Event Calendar List plugin",
   "description": "Full-sized drag & drop event calendar with resource view",
   "keywords": [
@@ -26,7 +26,7 @@
     "./package.json": "./package.json"
   },
   "dependencies": {
-    "@event-calendar/core": "~2.5.0",
+    "@event-calendar/core": "~2.5.1",
     "svelte": "^4.2.8"
   }
 }
diff --git a/packages/list/src/Event.svelte b/packages/list/src/Event.svelte
@@ -61,11 +61,9 @@
     });
 
     function createHandler(fn) {
-        return jsEvent => {
-            if (is_function(fn)) {
-                fn({event: toEventWithLocalDates(event), el, jsEvent, view: toViewWithLocalDates($_view)});
-            }
-        };
+        return is_function(fn)
+            ? jsEvent => fn({event: toEventWithLocalDates(event), el, jsEvent, view: toViewWithLocalDates($_view)})
+            : undefined;
     }
 
     // Onclick handler

diff --git a/packages/resource-time-grid/README.md b/packages/resource-time-grid/README.md
@@ -4,7 +4,7 @@ See [demo](https://vkurko.github.io/calendar/) and [changelog](CHANGELOG.md).
 
 Full-sized drag & drop JavaScript event calendar with resource view:
 
-* Lightweight (31kb [br](https://en.wikipedia.org/wiki/Brotli) compressed)
+* Lightweight (32kb [br](https://en.wikipedia.org/wiki/Brotli) compressed)
 * Zero-dependency (pre-built bundle)
 * Used on over 70,000 websites with [Bookly](https://wordpress.org/plugins/bookly-responsive-appointment-booking-tool/)
 
@@ -198,8 +198,8 @@ import '@event-calendar/core/index.css';
 ### Pre-built browser ready bundle
 Include the following lines of code in the `<head>` section of your page:
 ```html
-<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@event-calendar/build@2.5.0/event-calendar.min.css">
-<script src="https://cdn.jsdelivr.net/npm/@event-calendar/build@2.5.0/event-calendar.min.js"></script>
+<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@event-calendar/build@2.5.1/event-calendar.min.css">
+<script src="https://cdn.jsdelivr.net/npm/@event-calendar/build@2.5.1/event-calendar.min.js"></script>
 ```
 
 <details>

diff --git a/packages/resource-time-grid/package.json b/packages/resource-time-grid/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@event-calendar/resource-time-grid",
-  "version": "2.5.0",
+  "version": "2.5.1",
   "title": "Event Calendar ResourceTimeGrid plugin",
   "description": "Full-sized drag & drop event calendar with resource view",
   "keywords": [
@@ -26,8 +26,8 @@
     "./package.json": "./package.json"
   },
   "dependencies": {
-    "@event-calendar/core": "~2.5.0",
-    "@event-calendar/time-grid": "~2.5.0",
+    "@event-calendar/core": "~2.5.1",
+    "@event-calendar/time-grid": "~2.5.1",
     "svelte": "^4.2.8"
   }
 }
diff --git a/packages/time-grid/README.md b/packages/time-grid/README.md
@@ -4,7 +4,7 @@ See [demo](https://vkurko.github.io/calendar/) and [changelog](CHANGELOG.md).
 
 Full-sized drag & drop JavaScript event calendar with resource view:
 
-* Lightweight (31kb [br](https://en.wikipedia.org/wiki/Brotli) compressed)
+* Lightweight (32kb [br](https://en.wikipedia.org/wiki/Brotli) compressed)
 * Zero-dependency (pre-built bundle)
 * Used on over 70,000 websites with [Bookly](https://wordpress.org/plugins/bookly-responsive-appointment-booking-tool/)
 
@@ -198,8 +198,8 @@ import '@event-calendar/core/index.css';
 ### Pre-built browser ready bundle
 Include the following lines of code in the `<head>` section of your page:
 ```html
-<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@event-calendar/build@2.5.0/event-calendar.min.css">
-<script src="https://cdn.jsdelivr.net/npm/@event-calendar/build@2.5.0/event-calendar.min.js"></script>
+<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@event-calendar/build@2.5.1/event-calendar.min.css">
+<script src="https://cdn.jsdelivr.net/npm/@event-calendar/build@2.5.1/event-calendar.min.js"></script>
 ```
 
 <details>

diff --git a/packages/time-grid/package.json b/packages/time-grid/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@event-calendar/time-grid",
-  "version": "2.5.0",
+  "version": "2.5.1",
   "title": "Event Calendar TimeGrid plugin",
   "description": "Full-sized drag & drop event calendar with resource view",
   "keywords": [
@@ -26,7 +26,7 @@
     "./package.json": "./package.json"
   },
   "dependencies": {
-    "@event-calendar/core": "~2.5.0",
+    "@event-calendar/core": "~2.5.1",
     "svelte": "^4.2.8"
   }
 }