Works with delimiters

Author: codeclown

build/smart-number-inputs.js

@@ -38,7 +38,7 @@ var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol
 
     var ARROW_UP = 38;
     var ARROW_DOWN = 40;
-    var WHITESPACE = /(\s+)/;
+    var DELIMITER = /([^\-\w0-9]+)/;
 
     var eventHandler = function eventHandler(event) {
         if (event.which !== ARROW_UP && event.which !== ARROW_DOWN) return;
@@ -69,7 +69,7 @@ var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol
     };
 
     var modify = function modify(value, start, end, addition) {
-        var segments = value.split(WHITESPACE);
+        var segments = value.split(DELIMITER);
 
         // Will transform selection to encapsulate affected segments
         var newStart = null;
@@ -81,7 +81,7 @@ var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol
             originalValue = segments[i];
             character += originalValue.length;
 
-            if (originalValue.match(WHITESPACE)) continue;
+            if (originalValue.match(DELIMITER)) continue;
 
             if (character >= start) {
                 if (newStart === null) newStart = character - originalValue.length;

build/smart-number-inputs.min.js

@@ -19,7 +19,7 @@
 
     const ARROW_UP = 38;
     const ARROW_DOWN = 40;
-    const WHITESPACE = /(\s+)/;
+    const DELIMITER = /([^\-\w0-9]+)/;
 
     const eventHandler = event => {
         if(event.which !== ARROW_UP && event.which !== ARROW_DOWN) return;
@@ -50,8 +50,8 @@
     };
 
     const modify = (value, start, end, addition) => {
-        const segments = value.split(WHITESPACE);
-        
+        const segments = value.split(DELIMITER);
+
         // Will transform selection to encapsulate affected segments
         let newStart = null;
         let newEnd = null;
@@ -62,7 +62,7 @@
             originalValue = segments[i];
             character += originalValue.length;
 
-            if(originalValue.match(WHITESPACE)) continue;
+            if(originalValue.match(DELIMITER)) continue;
 
             if(character >= start) {
                 if(newStart === null) newStart = character - originalValue.length;

src/index.js

@@ -53,6 +53,15 @@ test('value', t => {
     t.equal(modify('foo', 1, 1, 1).value, 'foo');
     t.equal(modify('foo', 2, 2, 1).value, 'foo');
 
+    t.equal(modify('10:15', 0, 0, 1).value, '11:15');
+    t.equal(modify('10:15', 1, 1, 1).value, '11:15');
+    t.equal(modify('10:15', 2, 2, 1).value, '11:15');
+    t.equal(modify('10:15', 3, 3, 1).value, '10:16');
+    t.equal(modify('10:15', 4, 4, 1).value, '10:16');
+    t.equal(modify('10:15', 5, 5, 1).value, '10:16');
+    t.equal(modify('10:15', 0, 5, 1).value, '11:16');
+    t.equal(modify('10:15', 1, 3, 1).value, '11:16');
+
     t.end();
 });
 
@@ -75,5 +84,14 @@ test('selection', t => {
     t.equal(modify('20 -1 20', 3, 5, 1).start, 3);
     t.equal(modify('20 -1 20', 3, 5, 1).end, 4);
 
+    t.equal(modify('10:15', 1, 1, 1).start, 0);
+    t.equal(modify('10:15', 1, 1, 1).end, 2);
+
+    t.equal(modify('10:15', 3, 3, 1).start, 3);
+    t.equal(modify('10:15', 3, 3, 1).end, 5);
+
+    t.equal(modify('10:15', 1, 3, 1).start, 0);
+    t.equal(modify('10:15', 1, 3, 1).end, 5);
+
     t.end();
 });