aria-ease 1.4.9 → 1.5.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (3) hide show
  1. package/package.json +1 -1
  2. package/src/handleKeyPress.js +4 -4
  3. package/src/handleKeyPress.ts +5 -4
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "aria-ease",
3
- "version": "1.4.9",
3
+ "version": "1.5.0",
4
4
  "description": "Out-of-the-box accessibility utility package to develop production ready applications.",
5
5
  "main": "index.js",
6
6
  "scripts": {
package/src/handleKeyPress.js CHANGED
@@ -11,7 +11,7 @@ export function handleKeyPress(event, elementItems, elementItemIndex, menuElemen
11
11
  switch (event.key) {
12
12
  case 'ArrowUp':
13
13
  case 'ArrowLeft':
14
- if ((elementItems.item(elementItemIndex).tagName !== 'INPUT') || (elementItems.item(elementItemIndex).tagName === 'INPUT' && elementItems.item(elementItemIndex).type !== 'text')) {
14
+ if ((elementItems.item(elementItemIndex).tagName !== 'INPUT') && (elementItems.item(elementItemIndex).tagName !== 'TEXTAREA') && (elementItems.item(elementItemIndex).tagName === 'INPUT' && (elementItems.item(elementItemIndex).type !== 'text' && elementItems.item(elementItemIndex).type !== 'email' && elementItems.item(elementItemIndex).type !== 'password' && elementItems.item(elementItemIndex).type !== 'tel' && elementItems.item(elementItemIndex).type !== 'number'))) {
15
15
  event.preventDefault();
16
16
  if (elementItemIndex === 0) {
17
17
  elementItems.item(elementItems.length - 1).focus();
@@ -20,7 +20,7 @@ export function handleKeyPress(event, elementItems, elementItemIndex, menuElemen
20
20
  elementItems.item(elementItemIndex - 1).focus();
21
21
  }
22
22
  }
23
- if ((elementItems.item(elementItemIndex).tagName === 'INPUT' && elementItems.item(elementItemIndex).type === 'text') || (elementItems.item(elementItemIndex).tagName === 'TEXTAREA')) {
23
+ if ((elementItems.item(elementItemIndex).tagName === 'INPUT' && (elementItems.item(elementItemIndex).type === 'text' || elementItems.item(elementItemIndex).type === 'tel' || elementItems.item(elementItemIndex).type === 'password' || elementItems.item(elementItemIndex).type === 'email' || elementItems.item(elementItemIndex).type === 'number')) || elementItems.item(elementItemIndex).tagName === 'TEXTAREA') {
24
24
  if (elementItems.item(elementItemIndex).selectionStart === 0) {
25
25
  event.preventDefault();
26
26
  if (elementItemIndex === 0) {
@@ -34,7 +34,7 @@ export function handleKeyPress(event, elementItems, elementItemIndex, menuElemen
34
34
  break;
35
35
  case 'ArrowDown':
36
36
  case 'ArrowRight':
37
- if ((elementItems.item(elementItemIndex).tagName !== 'INPUT') || (elementItems.item(elementItemIndex).tagName === 'INPUT' && elementItems.item(elementItemIndex).type !== 'text')) {
37
+ if ((elementItems.item(elementItemIndex).tagName !== 'INPUT') && (elementItems.item(elementItemIndex).tagName !== 'TEXTAREA') && (elementItems.item(elementItemIndex).tagName === 'INPUT' && (elementItems.item(elementItemIndex).type !== 'text' && elementItems.item(elementItemIndex).type !== 'email' && elementItems.item(elementItemIndex).type !== 'password' && elementItems.item(elementItemIndex).type !== 'tel' && elementItems.item(elementItemIndex).type !== 'number'))) {
38
38
  event.preventDefault();
39
39
  if (elementItemIndex === elementItems.length - 1) {
40
40
  elementItems.item(0).focus();
@@ -43,7 +43,7 @@ export function handleKeyPress(event, elementItems, elementItemIndex, menuElemen
43
43
  elementItems.item(elementItemIndex + 1).focus();
44
44
  }
45
45
  }
46
- if ((elementItems.item(elementItemIndex).tagName === 'INPUT' && elementItems.item(elementItemIndex).type === 'text') || (elementItems.item(elementItemIndex).tagName === 'TEXTAREA')) {
46
+ if ((elementItems.item(elementItemIndex).tagName === 'INPUT' && (elementItems.item(elementItemIndex).type === 'text' || elementItems.item(elementItemIndex).type === 'tel' || elementItems.item(elementItemIndex).type === 'password' || elementItems.item(elementItemIndex).type === 'email' || elementItems.item(elementItemIndex).type === 'number')) || elementItems.item(elementItemIndex).tagName === 'TEXTAREA') {
47
47
  if (elementItems.item(elementItemIndex).selectionStart === elementItems.item(elementItemIndex).value.length) {
48
48
  event.preventDefault();
49
49
  if (elementItemIndex === elementItems.length - 1) {
package/src/handleKeyPress.ts CHANGED
@@ -15,7 +15,7 @@ export function handleKeyPress(event: KeyboardEvent, elementItems: NodeListOfHTM
15
15
  switch(event.key) {
16
16
  case 'ArrowUp':
17
17
  case 'ArrowLeft':
18
- if((elementItems.item(elementItemIndex).tagName !== 'INPUT') || (elementItems.item(elementItemIndex).tagName === 'INPUT' && elementItems.item(elementItemIndex).type !== 'text')) {
18
+ if((elementItems.item(elementItemIndex).tagName !== 'INPUT') && (elementItems.item(elementItemIndex).tagName !== 'TEXTAREA') && (elementItems.item(elementItemIndex).tagName === 'INPUT' && (elementItems.item(elementItemIndex).type !== 'text' && elementItems.item(elementItemIndex).type !== 'email' && elementItems.item(elementItemIndex).type !== 'password' && elementItems.item(elementItemIndex).type !== 'tel' && elementItems.item(elementItemIndex).type !== 'number'))) {
19
19
  event.preventDefault()
20
20
  if (elementItemIndex === 0) {
21
21
  elementItems.item(elementItems.length - 1).focus();
@@ -23,7 +23,7 @@ export function handleKeyPress(event: KeyboardEvent, elementItems: NodeListOfHTM
23
23
  elementItems.item(elementItemIndex - 1).focus();
24
24
  }
25
25
  }
26
- if((elementItems.item(elementItemIndex).tagName === 'INPUT' && elementItems.item(elementItemIndex).type === 'text') || (elementItems.item(elementItemIndex).tagName === 'TEXTAREA')) {
26
+ if((elementItems.item(elementItemIndex).tagName === 'INPUT' && (elementItems.item(elementItemIndex).type === 'text' || elementItems.item(elementItemIndex).type === 'tel' || elementItems.item(elementItemIndex).type === 'password' || elementItems.item(elementItemIndex).type === 'email' || elementItems.item(elementItemIndex).type === 'number')) || elementItems.item(elementItemIndex).tagName === 'TEXTAREA') {
27
27
  if (elementItems.item(elementItemIndex).selectionStart === 0) {
28
28
  event.preventDefault()
29
29
  if (elementItemIndex === 0) {
@@ -36,7 +36,7 @@ export function handleKeyPress(event: KeyboardEvent, elementItems: NodeListOfHTM
36
36
  break;
37
37
  case 'ArrowDown':
38
38
  case 'ArrowRight':
39
- if((elementItems.item(elementItemIndex).tagName !== 'INPUT') || (elementItems.item(elementItemIndex).tagName === 'INPUT' && elementItems.item(elementItemIndex).type !== 'text')) {
39
+ if((elementItems.item(elementItemIndex).tagName !== 'INPUT') && (elementItems.item(elementItemIndex).tagName !== 'TEXTAREA') && (elementItems.item(elementItemIndex).tagName === 'INPUT' && (elementItems.item(elementItemIndex).type !== 'text' && elementItems.item(elementItemIndex).type !== 'email' && elementItems.item(elementItemIndex).type !== 'password' && elementItems.item(elementItemIndex).type !== 'tel' && elementItems.item(elementItemIndex).type !== 'number'))) {
40
40
  event.preventDefault()
41
41
  if (elementItemIndex === elementItems.length - 1) {
42
42
  elementItems.item(0).focus();
@@ -44,7 +44,7 @@ export function handleKeyPress(event: KeyboardEvent, elementItems: NodeListOfHTM
44
44
  elementItems.item(elementItemIndex + 1).focus();
45
45
  }
46
46
  }
47
- if((elementItems.item(elementItemIndex).tagName === 'INPUT' && elementItems.item(elementItemIndex).type === 'text') || (elementItems.item(elementItemIndex).tagName === 'TEXTAREA')) {
47
+ if((elementItems.item(elementItemIndex).tagName === 'INPUT' && (elementItems.item(elementItemIndex).type === 'text' || elementItems.item(elementItemIndex).type === 'tel' || elementItems.item(elementItemIndex).type === 'password' || elementItems.item(elementItemIndex).type === 'email' || elementItems.item(elementItemIndex).type === 'number')) || elementItems.item(elementItemIndex).tagName === 'TEXTAREA') {
48
48
  if (elementItems.item(elementItemIndex).selectionStart === elementItems.item(elementItemIndex).value.length) {
49
49
  event.preventDefault()
50
50
  if (elementItemIndex === elementItems.length - 1) {
@@ -52,6 +52,7 @@ export function handleKeyPress(event: KeyboardEvent, elementItems: NodeListOfHTM
52
52
  } else {
53
53
  elementItems.item(elementItemIndex + 1).focus();
54
54
  }
55
+
55
56
  }
56
57
  }
57
58
  break;