New Case Study:See how Anthropic automated 95% of dependency reviews with Socket.Learn More →
Socket
Sign inDemoInstall
Socket
Sign inDemoInstall

react-typeahead

Package Overview
Dependencies
Maintainers
2
Versions
28
Alerts
File Explorer

Advanced tools

License
Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

react-typeahead - npm Package Compare versions

Comparing version

1.1.4
to
1.1.5

10

dist/react-typeahead.js

@@ -350,3 +350,3 @@ !function(e){if("object"==typeof exports&&"undefined"!=typeof module)module.exports=e();else if("function"==typeof define&&define.amd)define([],e);else{var f;"undefined"!=typeof window?f=window:"undefined"!=typeof global?f=global:"undefined"!=typeof self&&(f=self),f.ReactTypeahead=e()}}(function(){var define,module,exports;return (function e(t,n,r){function s(o,u){if(!n[o]){if(!t[o]){var a=typeof require=="function"&&require;if(!u&&a)return a(o,!0);if(i)return i(o,!0);var f=new Error("Cannot find module '"+o+"'");throw f.code="MODULE_NOT_FOUND",f}var l=n[o]={exports:{}};t[o][0].call(l.exports,function(e){var n=t[o][1][e];return s(n?n:e)},l,l.exports,e,t,n,r)}return n[o].exports}var i=typeof require=="function"&&require;for(var o=0;o<r.length;o++)s(r[o]);return s})({1:[function(require,module,exports){

// without a selection
var entry = this.refs.typeahead.refs.entry.getDOMNode();
var entry = this.refs.typeahead.refs.entry;
if (entry.selectionStart == entry.selectionEnd &&

@@ -597,3 +597,3 @@ entry.selectionStart == 0) {

setEntryText: function(value) {
this.refs.entry.getDOMNode().value = value;
this.refs.entry.value = value;
this._onTextEntryUpdated();

@@ -603,3 +603,3 @@ },

focus: function(){
React.findDOMNode(this.refs.entry).focus()
this.refs.entry.focus()
},

@@ -659,3 +659,3 @@

_onOptionSelected: function(option, event) {
var nEntry = this.refs.entry.getDOMNode();
var nEntry = this.refs.entry;
nEntry.focus();

@@ -677,3 +677,3 @@

_onTextEntryUpdated: function() {
var value = this.refs.entry.getDOMNode().value;
var value = this.refs.entry.value;
this.setState({visible: this.getOptionsForValue(value, this.props.options),

@@ -680,0 +680,0 @@ selection: null,

2

lib/tokenizer/index.js

@@ -140,3 +140,3 @@ /**

// without a selection
var entry = this.refs.typeahead.refs.entry.getDOMNode();
var entry = this.refs.typeahead.refs.entry;
if (entry.selectionStart == entry.selectionEnd &&

@@ -143,0 +143,0 @@ entry.selectionStart == 0) {

8

lib/typeahead/index.js

@@ -109,3 +109,3 @@ /**

setEntryText: function(value) {
this.refs.entry.getDOMNode().value = value;
this.refs.entry.value = value;
this._onTextEntryUpdated();

@@ -115,3 +115,3 @@ },

focus: function(){
React.findDOMNode(this.refs.entry).focus()
this.refs.entry.focus()
},

@@ -171,3 +171,3 @@

_onOptionSelected: function(option, event) {
var nEntry = this.refs.entry.getDOMNode();
var nEntry = this.refs.entry;
nEntry.focus();

@@ -189,3 +189,3 @@

_onTextEntryUpdated: function() {
var value = this.refs.entry.getDOMNode().value;
var value = this.refs.entry.value;
this.setState({visible: this.getOptionsForValue(value, this.props.options),

@@ -192,0 +192,0 @@ selection: null,

4

package.json
{
"name": "react-typeahead",
"version": "1.1.4",
"version": "1.1.5",
"description": "React-based typeahead and typeahead-tokenizer",

@@ -39,3 +39,3 @@ "keywords": [

"peerDependencies": {
"react": ">= 0.13.0"
"react": ">= 0.14.0"
},

@@ -42,0 +42,0 @@ "main": "lib/react-typeahead.js",

2

src/tokenizer/index.js

@@ -140,3 +140,3 @@ /**

// without a selection
var entry = this.refs.typeahead.refs.entry.getDOMNode();
var entry = this.refs.typeahead.refs.entry;
if (entry.selectionStart == entry.selectionEnd &&

@@ -143,0 +143,0 @@ entry.selectionStart == 0) {

8

src/typeahead/index.js

@@ -109,3 +109,3 @@ /**

setEntryText: function(value) {
this.refs.entry.getDOMNode().value = value;
this.refs.entry.value = value;
this._onTextEntryUpdated();

@@ -115,3 +115,3 @@ },

focus: function(){
React.findDOMNode(this.refs.entry).focus()
this.refs.entry.focus()
},

@@ -171,3 +171,3 @@

_onOptionSelected: function(option, event) {
var nEntry = this.refs.entry.getDOMNode();
var nEntry = this.refs.entry;
nEntry.focus();

@@ -189,3 +189,3 @@

_onTextEntryUpdated: function() {
var value = this.refs.entry.getDOMNode().value;
var value = this.refs.entry.value;
this.setState({visible: this.getOptionsForValue(value, this.props.options),

@@ -192,0 +192,0 @@ selection: null,

30

test/tokenizer-test.js

@@ -14,3 +14,3 @@ var _ = require('lodash');

function simulateTextInput(component, value) {
var node = component.refs.entry.getDOMNode();
var node = component.refs.entry;
node.value = value;

@@ -85,3 +85,3 @@ TestUtils.Simulate.change(node);

simulateTokenInput(this.component, 'o');
var entry = this.component.refs.typeahead.refs.entry.getDOMNode();
var entry = this.component.refs.typeahead.refs.entry;
TestUtils.Simulate.keyDown(entry, { keyCode: Keyevent.DOM_VK_DOWN });

@@ -177,3 +177,3 @@ TestUtils.Simulate.keyDown(entry, { keyCode: Keyevent.DOM_VK_RETURN });

simulateTokenInput(this.component, 'o');
var entry = this.component.refs.typeahead.refs.entry.getDOMNode();
var entry = this.component.refs.typeahead.refs.entry;
TestUtils.Simulate.keyDown(entry, { keyCode: Keyevent.DOM_VK_DOWN });

@@ -190,3 +190,3 @@ TestUtils.Simulate.keyDown(entry, { keyCode: Keyevent.DOM_VK_RETURN });

var secondItem = results[1].getDOMNode().innerText;
var node = this.component.refs.typeahead.refs.entry.getDOMNode();
var node = this.component.refs.typeahead.refs.entry;
TestUtils.Simulate.keyDown(node, { keyCode: Keyevent.DOM_VK_DOWN });

@@ -202,3 +202,3 @@ TestUtils.Simulate.keyDown(node, { keyCode: Keyevent.DOM_VK_DOWN });

var firstItem = results[0].getDOMNode().innerText;
var node = this.component.refs.typeahead.refs.entry.getDOMNode();
var node = this.component.refs.typeahead.refs.entry;
TestUtils.Simulate.keyDown(node, { keyCode: Keyevent.DOM_VK_DOWN });

@@ -215,3 +215,3 @@ TestUtils.Simulate.keyDown(node, { keyCode: Keyevent.DOM_VK_DOWN });

simulateTokenInput(this.component, 'o');
var entry = this.component.refs.typeahead.refs.entry.getDOMNode();
var entry = this.component.refs.typeahead.refs.entry;
TestUtils.Simulate.keyDown(entry, { keyCode: Keyevent.DOM_VK_DOWN });

@@ -239,3 +239,3 @@ TestUtils.Simulate.keyDown(entry, { keyCode: Keyevent.DOM_VK_RETURN });

it('should not remove a token on BKSPC when input is not empty', function() {
var input = this.component.refs.typeahead.refs.entry.getDOMNode();
var input = this.component.refs.typeahead.refs.entry;
var startLength = getTokens(this.component).length;

@@ -254,3 +254,3 @@

var itemText = results[0].getDOMNode().innerText;
var node = this.component.refs.typeahead.refs.entry.getDOMNode();
var node = this.component.refs.typeahead.refs.entry;
var tokens = getTokens(this.component);

@@ -269,3 +269,3 @@

var itemText = results[1].getDOMNode().innerText;
var node = this.component.refs.typeahead.refs.entry.getDOMNode();
var node = this.component.refs.typeahead.refs.entry;
TestUtils.Simulate.keyDown(node, { keyCode: Keyevent.DOM_VK_DOWN });

@@ -338,3 +338,3 @@ TestUtils.Simulate.keyDown(node, { keyCode: Keyevent.DOM_VK_DOWN });

var results = simulateTokenInput(this.component, "abzz");
var input = this.component.refs.typeahead.refs.entry.getDOMNode();
var input = this.component.refs.typeahead.refs.entry;
var tokens = getTokens(this.component);

@@ -351,3 +351,3 @@

var results = simulateTokenInput(this.component, "abzz");
var input = this.component.refs.typeahead.refs.entry.getDOMNode();
var input = this.component.refs.typeahead.refs.entry;
var tokens = getTokens(this.component);

@@ -364,3 +364,3 @@

var results = simulateTokenInput(this.component, "abzz");
var input = this.component.refs.typeahead.refs.entry.getDOMNode();
var input = this.component.refs.typeahead.refs.entry;
var tokens = getTokens(this.component);

@@ -375,3 +375,3 @@

tokens = getTokens(this.component);
var tokenClose = TestUtils.scryRenderedDOMComponentsWithTag(tokens[0], "a")[0].getDOMNode();
var tokenClose = TestUtils.scryRenderedDOMComponentsWithTag(tokens[0], "a")[0];
TestUtils.Simulate.click(tokenClose);

@@ -384,3 +384,3 @@ assert(this.tokenRemove.called);

var results = simulateTokenInput(this.component, "abzz");
var input = this.component.refs.typeahead.refs.entry.getDOMNode();
var input = this.component.refs.typeahead.refs.entry;
var tokens = getTokens(this.component);

@@ -398,3 +398,3 @@ TestUtils.Simulate.keyDown(input, {keyCode: Keyevent.DOM_VK_TAB})

var results = simulateTokenInput(this.component, "abz");
var input = this.component.refs.typeahead.refs.entry.getDOMNode();
var input = this.component.refs.typeahead.refs.entry;
var tokens = getTokens(this.component);

@@ -401,0 +401,0 @@ TestUtils.Simulate.keyDown(input, {keyCode: Keyevent.DOM_VK_TAB})

40

test/typeahead-test.js

@@ -12,3 +12,3 @@ var _ = require('lodash');

function simulateTextInput(component, value) {
var node = component.refs.entry.getDOMNode();
var node = component.refs.entry;
node.value = value;

@@ -78,3 +78,3 @@ TestUtils.Simulate.change(node);

var secondItem = results[1].getDOMNode().innerText;
var node = this.component.refs.entry.getDOMNode();
var node = this.component.refs.entry;
TestUtils.Simulate.keyDown(node, { keyCode: Keyevent.DOM_VK_DOWN });

@@ -89,3 +89,3 @@ TestUtils.Simulate.keyDown(node, { keyCode: Keyevent.DOM_VK_DOWN });

var firstItem = results[0].getDOMNode().innerText;
var node = this.component.refs.entry.getDOMNode();
var node = this.component.refs.entry;
TestUtils.Simulate.keyDown(node, { keyCode: Keyevent.DOM_VK_DOWN });

@@ -101,3 +101,3 @@ TestUtils.Simulate.keyDown(node, { keyCode: Keyevent.DOM_VK_DOWN });

var firstItem = results[0].getDOMNode();
var node = this.component.refs.entry.getDOMNode();
var node = this.component.refs.entry;
TestUtils.Simulate.keyDown(node, { keyCode: Keyevent.DOM_VK_DOWN });

@@ -112,3 +112,3 @@ assert.ok(firstItem.classList.contains('hover'));

var itemText = results[0].getDOMNode().innerText;
var node = this.component.refs.entry.getDOMNode();
var node = this.component.refs.entry;
TestUtils.Simulate.keyDown(node, { keyCode: Keyevent.DOM_VK_TAB });

@@ -121,3 +121,3 @@ assert.equal(node.value, itemText);

var itemText = results[1].getDOMNode().innerText;
var node = this.component.refs.entry.getDOMNode();
var node = this.component.refs.entry;
TestUtils.Simulate.keyDown(node, { keyCode: Keyevent.DOM_VK_DOWN });

@@ -132,3 +132,3 @@ TestUtils.Simulate.keyDown(node, { keyCode: Keyevent.DOM_VK_DOWN });

assert(results.length == 0);
var node = this.component.refs.entry.getDOMNode();
var node = this.component.refs.entry;
TestUtils.Simulate.keyDown(node, { keyCode: Keyevent.DOM_VK_TAB });

@@ -140,3 +140,3 @@ assert.equal("oz", node.value);

var results = simulateTextInput(this.component, 'o');
var node = this.component.refs.entry.getDOMNode();
var node = this.component.refs.entry;
TestUtils.Simulate.keyDown(node, { keyCode: Keyevent.DOM_VK_DOWN });

@@ -223,3 +223,3 @@ TestUtils.Simulate.keyDown(node, { keyCode: Keyevent.DOM_VK_DOWN });

it('should not display custom value if input length is less than entered', function() {
var input = this.component.refs.entry.getDOMNode();
var input = this.component.refs.entry;
input.value = "zz";

@@ -233,3 +233,3 @@ TestUtils.Simulate.change(input);

it('should display custom value if input exceeds props.allowCustomValues', function() {
var input = this.component.refs.entry.getDOMNode();
var input = this.component.refs.entry;
input.value = "ZZZ";

@@ -245,3 +245,3 @@ TestUtils.Simulate.change(input);

var firstItem = results[0].getDOMNode().innerText;
var node = this.component.refs.entry.getDOMNode();
var node = this.component.refs.entry;
TestUtils.Simulate.keyDown(node, { keyCode: Keyevent.DOM_VK_DOWN });

@@ -257,3 +257,3 @@ TestUtils.Simulate.keyDown(node, { keyCode: Keyevent.DOM_VK_DOWN });

it('should call onOptionSelected when custom value is selected', function() {
var input = this.component.refs.entry.getDOMNode();
var input = this.component.refs.entry;
input.value = "ZZZ";

@@ -268,3 +268,3 @@ TestUtils.Simulate.change(input);

it('should add hover prop to customValue', function() {
var input = this.component.refs.entry.getDOMNode();
var input = this.component.refs.entry;
input.value = "ZZZ";

@@ -323,3 +323,3 @@ TestUtils.Simulate.change(input);

var typeaheadOptions = TestUtils.scryRenderedComponentsWithType(this.component, TypeaheadOption);
var node = this.component.refs.entry.getDOMNode();
var node = this.component.refs.entry;

@@ -354,3 +354,3 @@ TestUtils.Simulate.keyDown(node, { keyCode: Keyevent.DOM_VK_DOWN });

var input = component.refs.entry.getDOMNode();
var input = component.refs.entry;
assert.equal(input.value, 'John');

@@ -370,3 +370,3 @@ });

var input = component.refs.entry.getDOMNode();
var input = component.refs.entry;
TestUtils.Simulate.keyDown(input, { keyCode: 87 });

@@ -386,3 +386,3 @@ });

var input = component.refs.entry.getDOMNode();
var input = component.refs.entry;
TestUtils.Simulate.keyUp(input, { keyCode: 87 });

@@ -511,3 +511,3 @@ });

var node = component.refs.entry.getDOMNode();
var node = component.refs.entry;
TestUtils.Simulate.keyDown(node, { keyCode: Keyevent.DOM_VK_DOWN });

@@ -547,3 +547,3 @@ TestUtils.Simulate.keyDown(node, { keyCode: Keyevent.DOM_VK_RETURN });

it('should show the customListComponent when the input is not empty', function() {
var input = this.component.refs.entry.getDOMNode();
var input = this.component.refs.entry;
input.value = "o";

@@ -556,3 +556,3 @@ TestUtils.Simulate.change(input);

it('should no longer show the customListComponent after an option has been selected', function() {
var input = this.component.refs.entry.getDOMNode();
var input = this.component.refs.entry;
input.value = "o";

@@ -559,0 +559,0 @@ TestUtils.Simulate.change(input);