chore(package) v1.3.0

coderaiser · Sep 23, 2015 · a55ab28 · a55ab28
1 parent 5ac55ed
commit a55ab28
Show file tree

Hide file tree

Showing 6 changed files with 57 additions and 16 deletions.
diff --git a/ChangeLog b/ChangeLog
@@ -1,3 +1,9 @@
+2015.09.23, v1.3.0
+
+feature:
+- (smalltalk) add handling of keys: left, right, up, down
+
+
 2015.09.23, v1.2.0
 
 feature:

diff --git a/bower.json b/bower.json
@@ -1,6 +1,6 @@
 {
   "name": "smalltalk",
-  "version": "1.2.0",
+  "version": "1.3.0",
   "homepage": "https://github.com/coderaiser/smalltalk",
   "authors": [
     "coderaiser <mnemonic.enemy@gmail.com>"

diff --git a/dist/smalltalk.js b/dist/smalltalk.js
@@ -84,43 +84,78 @@
 
         function keyDown(dialog, ok, cancel) {
             return function (event) {
-                var ENTER = 13;
-                var ESC = 27;
-                var TAB = 9;
+                var KEY = {
+                    ENTER: 13,
+                    ESC: 27,
+                    TAB: 9,
+                    LEFT: 37,
+                    UP: 38,
+                    RIGHT: 39,
+                    DOWN: 40
+                };
 
                 var keyCode = event.keyCode,
                     el = event.target;
 
+                var namesAll = ['cancel', 'ok', 'input'],
+                    names = find(dialog, namesAll).map(function (el) {
+                    return getDataName(el);
+                });
+
                 switch (keyCode) {
-                    case ENTER:
+                    case KEY.ENTER:
                         closeDialog(el, dialog, ok, cancel);
                         break;
 
-                    case ESC:
+                    case KEY.ESC:
                         remove();
                         cancel();
                         break;
 
-                    case TAB:
-                        var namesAll = ['cancel', 'ok', 'input'],
-                            names = find(dialog, namesAll).map(function (el) {
-                            return el.getAttribute('data-name').replace('js-', '');
-                        });
-
+                    case KEY.TAB:
                         if (event.shiftKey) tab(dialog, names);
 
                         tab(dialog, names);
                         event.preventDefault();
                         break;
+
+                    default:
+                        var is = ['left', 'right', 'up', 'down'].some(function (name) {
+                            return keyCode === KEY[name.toUpperCase()];
+                        });
+
+                        if (is) changeButtonFocus(dialog, names);
+
+                        break;
                 }
 
                 event.stopPropagation();
             };
         }
 
+        function getDataName(el) {
+            return el.getAttribute('data-name').replace('js-', '');
+        }
+
+        function changeButtonFocus(dialog, names) {
+            var name = '',
+                active = document.activeElement,
+                activeName = getDataName(active),
+                isButton = /ok|cancel/.test(activeName),
+                count = names.length - 1;
+
+            if (count === 2 && isButton) {
+                if (activeName === 'cancel') name = 'ok';else name = 'cancel';
+
+                find(dialog, [name]).forEach(function (el) {
+                    return el.focus();
+                });
+            }
+        }
+
         function tab(dialog, names) {
             var active = document.activeElement,
-                activeName = active.getAttribute('data-name').replace('js-', ''),
+                activeName = getDataName(active),
                 count = names.length - 1,
                 index = names.indexOf(activeName);
 

diff --git a/dist/smalltalk.min.js b/dist/smalltalk.min.js
diff --git a/dist/smalltalk.poly.min.js b/dist/smalltalk.poly.min.js
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "smalltalk",
-  "version": "1.2.0",
+  "version": "1.3.0",
   "description": "Promise-based Alert, Confirm and Prompt replacement",
   "homepage": "http://github.com/coderaiser/smalltalk",
   "repository": {