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.5
to
1.1.6

2

dist/react-typeahead.js

@@ -775,3 +775,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){

this.setState({
visible: this.getOptionsForValue(this.state.entryValue, nextProps.options)
visible: this.getOptionsForValue(nextProps.entryValue, nextProps.options)
});

@@ -778,0 +778,0 @@ },

2

lib/typeahead/index.js

@@ -288,3 +288,3 @@ /**

this.setState({
visible: this.getOptionsForValue(this.state.entryValue, nextProps.options)
visible: this.getOptionsForValue(nextProps.entryValue, nextProps.options)
});

@@ -291,0 +291,0 @@ },

6

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

@@ -52,3 +52,5 @@ "keywords": [

"mocha": "^1.21.4",
"react-tools": "^0.13.0",
"react-addons-test-utils": "^0.14.2",
"react-dom": "^0.14.2",
"react-tools": "^0.13.3",
"reactify": "^1.0.0",

@@ -55,0 +57,0 @@ "sinon": "^1.10.3",

2

src/typeahead/index.js

@@ -288,3 +288,3 @@ /**

this.setState({
visible: this.getOptionsForValue(this.state.entryValue, nextProps.options)
visible: this.getOptionsForValue(nextProps.entryValue, nextProps.options)
});

@@ -291,0 +291,0 @@ },

11

test/react-typeahead-test.js
var assert = require('chai').assert;
var React = require('react/addons');
var React = require('react');
var TestUtils = require('react-addons-test-utils');
var ReactTypeahead = require('../src/react-typeahead').Typeahead;

@@ -9,11 +10,11 @@ var ReactTokenizer = require('../src/react-typeahead').Tokenizer;

it('exports a Typeahead component', function() {
var typeahead = React.addons.TestUtils.renderIntoDocument(<ReactTypeahead />);
assert.ok(React.addons.TestUtils.isCompositeComponent(typeahead));
var typeahead = TestUtils.renderIntoDocument(<ReactTypeahead />);
assert.ok(TestUtils.isCompositeComponent(typeahead));
});
it('exports a Tokenizer component', function() {
var tokenizer = React.addons.TestUtils.renderIntoDocument(<ReactTokenizer />);
assert.ok(React.addons.TestUtils.isCompositeComponent(tokenizer));
var tokenizer = TestUtils.renderIntoDocument(<ReactTokenizer />);
assert.ok(TestUtils.isCompositeComponent(tokenizer));
});
});

30

test/tokenizer-test.js
var _ = require('lodash');
var assert = require('chai').assert;
var sinon = require('sinon');
var React = require('react/addons');
var React = require('react');
var ReactDOM = require('react-dom');
var Typeahead = require('../src/typeahead');

@@ -11,3 +12,3 @@ var TypeaheadOption = require('../src/typeahead/option');

var Keyevent = require('../src/keyevent');
var TestUtils = React.addons.TestUtils;
var TestUtils = require('react-addons-test-utils');

@@ -107,3 +108,3 @@ function simulateTextInput(component, value) {

/>);
var input = React.findDOMNode(component.refs.typeahead.refs.entry);
var input = ReactDOM.findDOMNode(component.refs.typeahead.refs.entry);
TestUtils.Simulate.keyDown(input, { keyCode: 87 });

@@ -124,6 +125,7 @@ });

var input = React.findDOMNode(component.refs.typeahead.refs.entry);
var input = ReactDOM.findDOMNode(component.refs.typeahead.refs.entry);
TestUtils.Simulate.keyUp(input, { keyCode: 87 });
});
});
describe('props', function(){

@@ -136,3 +138,3 @@ context('displayOption', function() {

var results = simulateTokenInput(component, 'john');
assert.equal(results[0].getDOMNode().textContent, 'John');
assert.equal(ReactDOM.findDOMNode(results[0]).textContent, 'John');
});

@@ -147,3 +149,3 @@

var results = simulateTokenInput(component, 'john');
assert.equal(results[0].getDOMNode().textContent, 'John Winston Ono Lennon MBE');
assert.equal(ReactDOM.findDOMNode(results[0]).textContent, 'John Winston Ono Lennon MBE');
});

@@ -158,3 +160,3 @@

var results = simulateTokenInput(component, 'john');
assert.equal(results[0].getDOMNode().textContent, '0 John Lennon');
assert.equal(ReactDOM.findDOMNode(results[0]).textContent, '0 John Lennon');
});

@@ -192,3 +194,3 @@ });

var results = simulateTokenInput(this.component, 'o');
var secondItem = results[1].getDOMNode().innerText;
var secondItem = ReactDOM.findDOMNode(results[1]).innerText;
var node = this.component.refs.typeahead.refs.entry;

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

var results = simulateTokenInput(this.component, 'o');
var firstItem = results[0].getDOMNode().innerText;
var firstItem = ReactDOM.findDOMNode(results[0]).innerText;
var node = this.component.refs.typeahead.refs.entry;

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

var results = simulateTokenInput(this.component, 'o');
var itemText = results[0].getDOMNode().innerText;
var itemText = ReactDOM.findDOMNode(results[0]).innerText;
var node = this.component.refs.typeahead.refs.entry;

@@ -269,3 +271,3 @@ var tokens = getTokens(this.component);

var results = simulateTokenInput(this.component, 'o');
var itemText = results[1].getDOMNode().innerText;
var itemText = ReactDOM.findDOMNode(results[1]).innerText;
var node = this.component.refs.typeahead.refs.entry;

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

assert.equal(3, results.length);
assert(!results[0].getDOMNode().getAttribute('class').match(new RegExp(this.component.props.customClasses.customAdd)));
assert(!ReactDOM.findDOMNode(results[0]).getAttribute('class').match(new RegExp(this.component.props.customClasses.customAdd)));
})

@@ -335,3 +337,3 @@

assert(1, results.length)
assert(results[0].getDOMNode().getAttribute('class').match(new RegExp(this.component.props.customClasses.customAdd)));
assert(ReactDOM.findDOMNode(results[0]).getAttribute('class').match(new RegExp(this.component.props.customClasses.customAdd)));
})

@@ -414,3 +416,3 @@

assert.notOk(component.getDOMNode().classList.contains("tokenizer-typeahead"));
assert.notOk(ReactDOM.findDOMNode(component).classList.contains("tokenizer-typeahead"));
assert.equal(false, component.refs.typeahead.props.defaultClassNames);

@@ -417,0 +419,0 @@ });

47

test/typeahead-test.js
var _ = require('lodash');
var assert = require('chai').assert;
var sinon = require('sinon');
var React = require('react/addons');
var React = require('react');
var ReactDOM = require('react-dom');
var Typeahead = require('../src/typeahead');

@@ -9,3 +10,3 @@ var TypeaheadOption = require('../src/typeahead/option');

var Keyevent = require('../src/keyevent');
var TestUtils = React.addons.TestUtils;
var TestUtils = require('react-addons-test-utils');

@@ -70,3 +71,3 @@ function simulateTextInput(component, value) {

var anchor = TestUtils.findRenderedDOMComponentWithTag(firstResult, 'a');
var href = anchor.getDOMNode().getAttribute('href');
var href = ReactDOM.findDOMNode(anchor).getAttribute('href');
assert.notEqual(href, '#');

@@ -78,3 +79,3 @@ });

var results = simulateTextInput(this.component, 'o');
var secondItem = results[1].getDOMNode().innerText;
var secondItem = ReactDOM.findDOMNode(results[1]).innerText;
var node = this.component.refs.entry;

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

var results = simulateTextInput(this.component, 'o');
var firstItem = results[0].getDOMNode().innerText;
var firstItem = ReactDOM.findDOMNode(results[0]).innerText;
var node = this.component.refs.entry;

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

var results = simulateTextInput(this.component, 'o');
var firstItem = results[0].getDOMNode();
var firstItem = ReactDOM.findDOMNode(results[0]);
var node = this.component.refs.entry;

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

var results = simulateTextInput(this.component, 'o');
var itemText = results[0].getDOMNode().innerText;
var itemText = ReactDOM.findDOMNode(results[0]).innerText;
var node = this.component.refs.entry;

@@ -121,3 +122,3 @@ TestUtils.Simulate.keyDown(node, { keyCode: Keyevent.DOM_VK_TAB });

var results = simulateTextInput(this.component, 'o');
var itemText = results[1].getDOMNode().innerText;
var itemText = ReactDOM.findDOMNode(results[1]).innerText;
var node = this.component.refs.entry;

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

it('focuses the typeahead', function() {
var node = React.findDOMNode(this.component.refs.entry);
var node = ReactDOM.findDOMNode(this.component.refs.entry);
this.sinon.spy(node, 'focus');

@@ -182,3 +183,3 @@ this.component.focus();

var results = simulateTextInput(component, 'john');
assert.equal(results[0].getDOMNode().textContent, 'John');
assert.equal(ReactDOM.findDOMNode(results[0]).textContent, 'John');
});

@@ -193,3 +194,3 @@

var results = simulateTextInput(component, 'john');
assert.equal(results[0].getDOMNode().textContent, 'John Winston Ono Lennon MBE');
assert.equal(ReactDOM.findDOMNode(results[0]).textContent, 'John Winston Ono Lennon MBE');
});

@@ -204,3 +205,3 @@

var results = simulateTextInput(component, 'john');
assert.equal(results[0].getDOMNode().textContent, '0 John Lennon');
assert.equal(ReactDOM.findDOMNode(results[0]).textContent, '0 John Lennon');
});

@@ -245,3 +246,3 @@ });

var results = simulateTextInput(this.component, 'o');
var firstItem = results[0].getDOMNode().innerText;
var firstItem = ReactDOM.findDOMNode(results[0]).innerText;
var node = this.component.refs.entry;

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

it('adds a custom class to the typeahead input', function() {
var input = this.component.refs.entry.getDOMNode();
var input = this.component.refs.entry;
assert.isTrue(input.classList.contains('topcoat-text-input'));

@@ -305,3 +306,3 @@ });

it('adds a custom class to the results component', function() {
var results = TestUtils.findRenderedComponentWithType(this.component, TypeaheadSelector).getDOMNode();
var results = ReactDOM.findDOMNode(TestUtils.findRenderedComponentWithType(this.component, TypeaheadSelector));
assert.isTrue(results.classList.contains('topcoat-list__container'));

@@ -312,3 +313,3 @@ });

var typeaheadOptions = TestUtils.scryRenderedComponentsWithType(this.component, TypeaheadOption);
var listItem = typeaheadOptions[1].getDOMNode();
var listItem = ReactDOM.findDOMNode(typeaheadOptions[1]);
assert.isTrue(listItem.classList.contains('topcoat-list__item'));

@@ -319,3 +320,3 @@ });

var typeaheadOptions = TestUtils.scryRenderedComponentsWithType(this.component, TypeaheadOption);
var listAnchor = typeaheadOptions[1].refs.anchor.getDOMNode();
var listAnchor = typeaheadOptions[1].refs.anchor;
assert.isTrue(listAnchor.classList.contains('topcoat-list__link'));

@@ -331,3 +332,3 @@ });

var listItem = typeaheadOptions[0];
var domListItem = listItem.getDOMNode();
var domListItem = ReactDOM.findDOMNode(listItem);

@@ -400,3 +401,3 @@ assert.isTrue(domListItem.classList.contains('topcoat-list__item-active'));

var input = component.refs.entry;
assert.equal(input.props.autoCorrect, 'off');
assert.equal(input.getAttribute('autoCorrect'), 'off');
});

@@ -413,4 +414,4 @@ });

assert.notOk(component.getDOMNode().classList.contains("typeahead"));
assert.notOk(component.refs.sel.getDOMNode().classList.contains("typeahead-selector"));
assert.notOk(ReactDOM.findDOMNode(component).classList.contains("typeahead"));
assert.notOk(ReactDOM.findDOMNode(component.refs.sel).classList.contains("typeahead-selector"));
});

@@ -572,3 +573,3 @@ });

var input = component.refs.entry.getDOMNode();
var input = component.refs.entry;
assert.equal(input.tagName.toLowerCase(), 'textarea');

@@ -582,3 +583,3 @@ });

var input = component.refs.entry.getDOMNode();
var input = component.refs.entry;
assert.equal(input.tagName.toLowerCase(), 'input');

@@ -585,0 +586,0 @@ });