aria-ease 1.1.8 → 1.2.0

package/aria-ease.d.ts

@@ -3,25 +3,25 @@
  */
 declare module 'aria-ease' {
     /**
-     * Adds keyboard navigation to toggle menu. The menu traps focus and can be interacted with using the keyboard. The first item of the menu has focus when menu appears.
+     * Adds keyboard interaction to toggle menu. The menu traps focus and can be interacted with using the keyboard. The first item of the menu has focus when menu appears.
      * @param {string} menuId - The id of the menu.
      * @param {string} menuItemClass - The class of the items that are children of the menu.
      */
-    declare function makeMenuAccessible(menuId: string, menuItemClass: string): void;
+    function makeMenuAccessible(menuId: string, menuItemClass: string): void;
   
     /**
-     * Adds keyboard navigation to tab. The tab traps focus and can be interacted with using the keyboard.
+     * Adds keyboard interaction to tab. The tab traps focus and can be interacted with using the keyboard.
      * @param {string} tabId - The id of the tab container.
      * @param {string} tabItemClass - The class of the individual tab items.
      */
-    declare function makeTabAccessible(tabId: string, tabItemClass: string): void;
+    function makeTabAccessible(tabId: string, tabItemClass: string): void;
 
     /**
      * Updates the aria attributes of the menu trigger button. Trigger button element must possess the following aria attributes; aria-expanded, aria-pressed, aria-label.
      * @param {string} triggerId The id of the trigger button that toggles the menu.
      * @param {string} ariaLabel The aria-label to be updated.
      */
-    export declare function updateMenuTriggerAriaAttributes(triggerId: string, ariaLabel: string): void;
+    function updateMenuTriggerAriaAttributes(triggerId: string, ariaLabel: string): void;
 
 
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "aria-ease",
-  "version": "1.1.8",
+  "version": "1.2.0",
   "description": "Out of the box utility accessibility package to develop production ready applications.",
   "main": "index.js",
   "scripts": {

package/src/menu/makeMenuAccessible.js

@@ -1,5 +1,5 @@
 /**
- * Adds keyboard navigation to toggle menu. The menu traps focus and can be interacted with using the keyboard. The first item of the menu has focus when menu appears.
+ * Adds keyboard interaction to toggle menu. The menu traps focus and can be interacted with using the keyboard. The first item of the menu has focus when menu appears.
  * @param {string} menuId The id of the menu
  * @param {string} menuItemClass The class of the items that are children of the menu
 */
@@ -17,7 +17,6 @@ export function makeMenuAccessible(menuId, menuItemClass) {
         }
     });
     function handleKeyPress(event, menuItems, menuItemIndex) {
-        event.preventDefault();
         switch (event.key) {
             case 'ArrowUp':
             case 'ArrowLeft':

package/src/menu/makeMenuAccessible.ts

@@ -1,15 +1,13 @@
 /**
- * Adds keyboard navigation to toggle menu. The menu traps focus and can be interacted with using the keyboard. The first item of the menu has focus when menu appears.
+ * Adds keyboard interaction to toggle menu. The menu traps focus and can be interacted with using the keyboard. The first item of the menu has focus when menu appears.
  * @param {string} menuId The id of the menu
  * @param {string} menuItemClass The class of the items that are children of the menu
 */
 
 import { HTMLElement, NodeListOfHTMLElement } from '../../Types'
 
-
 let eventListenersAdded: Set<HTMLElement> = new Set();
 
-
 export function makeMenuAccessible(menuId: string, menuItemClass: string): void {
     const menuDiv: HTMLElement = document.querySelector(`#${menuId}`) as HTMLElement
     const menuItems: NodeListOfHTMLElement = menuDiv.querySelectorAll(`.${menuItemClass}`)
@@ -26,7 +24,6 @@ export function makeMenuAccessible(menuId: string, menuItemClass: string): void
     })
 
     function handleKeyPress(event: KeyboardEvent, menuItems: NodeListOfHTMLElement, menuItemIndex: number): void {
-        event.preventDefault()
         switch(event.key) {
             case 'ArrowUp':
             case 'ArrowLeft':

package/src/tab/makeTabAccessible.js

@@ -1,5 +1,5 @@
 /**
- * Adds keyboard navigation to tab. The tab traps focus and can be interacted with using the keyboard.
+ * Adds keyboard interaction to tab. The tab traps focus and can be interacted with using the keyboard.
  * @param {string} tabId The id of the tab
  * @param {string} tabItemClass The class of the items that are children of the tab
 */
@@ -14,7 +14,6 @@ export function makeTabAccessible(tabId, tabItemClass) {
         }
     });
     function handleKeyPress(event, tabItems, tabItemIndex) {
-        event.preventDefault();
         switch (event.key) {
             case 'ArrowUp':
             case 'ArrowLeft':

package/src/tab/makeTabAccessible.ts

@@ -1,15 +1,13 @@
 /** 
- * Adds keyboard navigation to tab. The tab traps focus and can be interacted with using the keyboard.
+ * Adds keyboard interaction to tab. The tab traps focus and can be interacted with using the keyboard.
  * @param {string} tabId The id of the tab
  * @param {string} tabItemClass The class of the items that are children of the tab
 */
 
 import { HTMLElement, NodeListOfHTMLElement } from "../../Types"
 
-
 let eventListenersAdded: Set<HTMLElement> = new Set();
 
-
 export function makeTabAccessible(tabId: string, tabItemClass: string): void {
     const tabDiv: HTMLElement = document.querySelector(`#${tabId}`) as HTMLElement
     const tabItems: NodeListOfHTMLElement = tabDiv.querySelectorAll(`.${tabItemClass}`)
@@ -22,7 +20,6 @@ export function makeTabAccessible(tabId: string, tabItemClass: string): void {
       });
 
     function handleKeyPress(event: KeyboardEvent, tabItems: NodeListOfHTMLElement, tabItemIndex: number): void {
-        event.preventDefault()
         switch(event.key) {
             case 'ArrowUp':
             case 'ArrowLeft':