{"action":"created","comment":{"url":"https://api.github.com/repos/Talend/react-talend-components/pulls/comments/88922875","pull_request_review_id":9479216,"id":88922875,"diff_hunk":"@@ -0,0 +1,145 @@\n+$tc-typeahead-input-color: #000 !default;\n+\n+$tc-typeahead-opened-items-container-color: #aaa !default;\n+$tc-typeahead-opened-items-container-background-color: #fff !default;\n+\n+$tc-typeahead-focused-item-background-color: #f7f7f7 !default;\n+$tc-typeahead-item-description-color: #c0c0c0 !default;\n+\n+$tc-typeahead-section-border-color: #e0e0e0 !default;\n+\n+$tc-icon-color: #ccc !default;\n+$tc-only-icon-color: #ccc !default;\n+$tc-typeahead-section-header-color: #63aebd !default;\n+$typeahead-font-family: 'Source Sans Pro';\n+\n+$tc-typeahead-items-list-shadow-color: #ccc;\n+\n+/******************************************* container *************************************/\n+.tc-typeahead-container {\n+  position: relative;\n+  display: flex;\n+  flex-direction: column;\n+  align-items: flex-start;\n+  width: auto;\n+}\n+\n+.right-container {\n+  display: flex;\n+  flex-direction: column;\n+  align-items: flex-end;\n+}\n+\n+/****************************************** input & icon ******************************************/\n+.typeahead-input {\n+  width: inherit;\n+  min-width: 135px;","path":"src/Typeahead/Typeahead.scss","position":36,"original_position":36,"commit_id":"e1f09654db1b5fcedd8d39efab1e8fb3e79e9d19","original_commit_id":"e1f09654db1b5fcedd8d39efab1e8fb3e79e9d19","user":{"login":"amaalej","id":12463931,"avatar_url":"https://avatars.githubusercontent.com/u/12463931?v=3","gravatar_id":"","url":"https://api.github.com/users/amaalej","html_url":"https://github.com/amaalej","followers_url":"https://api.github.com/users/amaalej/followers","following_url":"https://api.github.com/users/amaalej/following{/other_user}","gists_url":"https://api.github.com/users/amaalej/gists{/gist_id}","starred_url":"https://api.github.com/users/amaalej/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/amaalej/subscriptions","organizations_url":"https://api.github.com/users/amaalej/orgs","repos_url":"https://api.github.com/users/amaalej/repos","events_url":"https://api.github.com/users/amaalej/events{/privacy}","received_events_url":"https://api.github.com/users/amaalej/received_events","type":"User","site_admin":false},"body":"replaced them with a fixed niput size","created_at":"2016-11-21T15:50:20Z","updated_at":"2016-11-21T15:50:20Z","html_url":"https://github.com/Talend/react-talend-components/pull/83#discussion_r88922875","pull_request_url":"https://api.github.com/repos/Talend/react-talend-components/pulls/83","_links":{"self":{"href":"https://api.github.com/repos/Talend/react-talend-components/pulls/comments/88922875"},"html":{"href":"https://github.com/Talend/react-talend-components/pull/83#discussion_r88922875"},"pull_request":{"href":"https://api.github.com/repos/Talend/react-talend-components/pulls/83"}}},"pull_request":{"url":"https://api.github.com/repos/Talend/react-talend-components/pulls/83","id":92581386,"html_url":"https://github.com/Talend/react-talend-components/pull/83","diff_url":"https://github.com/Talend/react-talend-components/pull/83.diff","patch_url":"https://github.com/Talend/react-talend-components/pull/83.patch","issue_url":"https://api.github.com/repos/Talend/react-talend-components/issues/83","number":83,"state":"open","locked":false,"title":"feat: Typeahead component with search icon","user":{"login":"amaalej","id":12463931,"avatar_url":"https://avatars.githubusercontent.com/u/12463931?v=3","gravatar_id":"","url":"https://api.github.com/users/amaalej","html_url":"https://github.com/amaalej","followers_url":"https://api.github.com/users/amaalej/followers","following_url":"https://api.github.com/users/amaalej/following{/other_user}","gists_url":"https://api.github.com/users/amaalej/gists{/gist_id}","starred_url":"https://api.github.com/users/amaalej/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/amaalej/subscriptions","organizations_url":"https://api.github.com/users/amaalej/orgs","repos_url":"https://api.github.com/users/amaalej/repos","events_url":"https://api.github.com/users/amaalej/events{/privacy}","received_events_url":"https://api.github.com/users/amaalej/received_events","type":"User","site_admin":false},"body":"**Please check if the PR fulfills these requirements**\r\n\r\n- [x] The commit(s) message(s) follows our [guidelines](https://github.com/talend/tools/blob/master/tools-root-github/CONTRIBUTING.md#commit-message-format)\r\n- [ ] Tests for the changes have been added (for bug fixes / features)\r\n- [ ] Docs have been added / updated (for bug fixes / features)\r\n\r\n\r\n**What kind of change does this PR introduce?**\r\n\r\n- [ ] Bugfix\r\n- [x] Feature\r\n- [ ] Code style update (formatting, local variables)\r\n- [ ] Refactoring (no functional changes, no api changes)\r\n- [ ] Build / CI related changes\r\n- [ ] Other... Please describe:\r\n\r\n**What is the current behavior?** (You can also link to an open issue here)\r\nAs the emergency is to get this component done, I tested the snapshots only for the required 4 cases:\r\n1. Only Icon\r\n2. With Icon & With items\r\n3. Without Icon & With items\r\n4. With Icon & Without items\r\n\r\nThe cases when the Typeahead is from RIGHT ==> LEFT are not covered by snapshots besides they are not required (even though they have their stories). It's because currently it is not possible to import theme in snapshots. \r\n\r\nThe current scenario:\r\n1. The zoom icon appears\r\n2. The user clicks on the icon to show the input\r\n3. The icon is NO MORE CLICKABLE\r\n4. The user types his query\r\n5. The suggestions list appears highlighting the matches\r\n6. The user hits enter or selects an item from the list\r\n\r\n**Does this PR introduce a breaking change?**\r\n\r\n- [ ] Yes\r\n- [x] No","created_at":"2016-11-07T13:17:58Z","updated_at":"2016-11-21T15:50:20Z","closed_at":null,"merged_at":null,"merge_commit_sha":"516643b267cc0a5d6b7c15549d361e30e95ee3bf","assignee":null,"assignees":[],"milestone":null,"commits_url":"https://api.github.com/repos/Talend/react-talend-components/pulls/83/commits","review_comments_url":"https://api.github.com/repos/Talend/react-talend-components/pulls/83/comments","review_comment_url":"https://api.github.com/repos/Talend/react-talend-components/pulls/comments{/number}","comments_url":"https://api.github.com/repos/Talend/react-talend-components/issues/83/comments","statuses_url":"https://api.github.com/repos/Talend/react-talend-components/statuses/e1f09654db1b5fcedd8d39efab1e8fb3e79e9d19","head":{"label":"Talend:feat/typeahead_2","ref":"feat/typeahead_2","sha":"e1f09654db1b5fcedd8d39efab1e8fb3e79e9d19","user":{"login":"Talend","id":459687,"avatar_url":"https://avatars.githubusercontent.com/u/459687?v=3","gravatar_id":"","url":"https://api.github.com/users/Talend","html_url":"https://github.com/Talend","followers_url":"https://api.github.com/users/Talend/followers","following_url":"https://api.github.com/users/Talend/following{/other_user}","gists_url":"https://api.github.com/users/Talend/gists{/gist_id}","starred_url":"https://api.github.com/users/Talend/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/Talend/subscriptions","organizations_url":"https://api.github.com/users/Talend/orgs","repos_url":"https://api.github.com/users/Talend/repos","events_url":"https://api.github.com/users/Talend/events{/privacy}","received_events_url":"https://api.github.com/users/Talend/received_events","type":"Organization","site_admin":false},"repo":{"id":70495607,"name":"react-talend-components","full_name":"Talend/react-talend-components","owner":{"login":"Talend","id":459687,"avatar_url":"https://avatars.githubusercontent.com/u/459687?v=3","gravatar_id":"","url":"https://api.github.com/users/Talend","html_url":"https://github.com/Talend","followers_url":"https://api.github.com/users/Talend/followers","following_url":"https://api.github.com/users/Talend/following{/other_user}","gists_url":"https://api.github.com/users/Talend/gists{/gist_id}","starred_url":"https://api.github.com/users/Talend/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/Talend/subscriptions","organizations_url":"https://api.github.com/users/Talend/orgs","repos_url":"https://api.github.com/users/Talend/repos","events_url":"https://api.github.com/users/Talend/events{/privacy}","received_events_url":"https://api.github.com/users/Talend/received_events","type":"Organization","site_admin":false},"private":false,"html_url":"https://github.com/Talend/react-talend-components","description":"Set of stateless react components which implement Talend guidelines","fork":false,"url":"https://api.github.com/repos/Talend/react-talend-components","forks_url":"https://api.github.com/repos/Talend/react-talend-components/forks","keys_url":"https://api.github.com/repos/Talend/react-talend-components/keys{/key_id}","collaborators_url":"https://api.github.com/repos/Talend/react-talend-components/collaborators{/collaborator}","teams_url":"https://api.github.com/repos/Talend/react-talend-components/teams","hooks_url":"https://api.github.com/repos/Talend/react-talend-components/hooks","issue_events_url":"https://api.github.com/repos/Talend/react-talend-components/issues/events{/number}","events_url":"https://api.github.com/repos/Talend/react-talend-components/events","assignees_url":"https://api.github.com/repos/Talend/react-talend-components/assignees{/user}","branches_url":"https://api.github.com/repos/Talend/react-talend-components/branches{/branch}","tags_url":"https://api.github.com/repos/Talend/react-talend-components/tags","blobs_url":"https://api.github.com/repos/Talend/react-talend-components/git/blobs{/sha}","git_tags_url":"https://api.github.com/repos/Talend/react-talend-components/git/tags{/sha}","git_refs_url":"https://api.github.com/repos/Talend/react-talend-components/git/refs{/sha}","trees_url":"https://api.github.com/repos/Talend/react-talend-components/git/trees{/sha}","statuses_url":"https://api.github.com/repos/Talend/react-talend-components/statuses/{sha}","languages_url":"https://api.github.com/repos/Talend/react-talend-components/languages","stargazers_url":"https://api.github.com/repos/Talend/react-talend-components/stargazers","contributors_url":"https://api.github.com/repos/Talend/react-talend-components/contributors","subscribers_url":"https://api.github.com/repos/Talend/react-talend-components/subscribers","subscription_url":"https://api.github.com/repos/Talend/react-talend-components/subscription","commits_url":"https://api.github.com/repos/Talend/react-talend-components/commits{/sha}","git_commits_url":"https://api.github.com/repos/Talend/react-talend-components/git/commits{/sha}","comments_url":"https://api.github.com/repos/Talend/react-talend-components/comments{/number}","issue_comment_url":"https://api.github.com/repos/Talend/react-talend-components/issues/comments{/number}","contents_url":"https://api.github.com/repos/Talend/react-talend-components/contents/{+path}","compare_url":"https://api.github.com/repos/Talend/react-talend-components/compare/{base}...{head}","merges_url":"https://api.github.com/repos/Talend/react-talend-components/merges","archive_url":"https://api.github.com/repos/Talend/react-talend-components/{archive_format}{/ref}","downloads_url":"https://api.github.com/repos/Talend/react-talend-components/downloads","issues_url":"https://api.github.com/repos/Talend/react-talend-components/issues{/number}","pulls_url":"https://api.github.com/repos/Talend/react-talend-components/pulls{/number}","milestones_url":"https://api.github.com/repos/Talend/react-talend-components/milestones{/number}","notifications_url":"https://api.github.com/repos/Talend/react-talend-components/notifications{?since,all,participating}","labels_url":"https://api.github.com/repos/Talend/react-talend-components/labels{/name}","releases_url":"https://api.github.com/repos/Talend/react-talend-components/releases{/id}","deployments_url":"https://api.github.com/repos/Talend/react-talend-components/deployments","created_at":"2016-10-10T14:22:07Z","updated_at":"2016-10-23T15:08:43Z","pushed_at":"2016-11-21T15:01:40Z","git_url":"git://github.com/Talend/react-talend-components.git","ssh_url":"git@github.com:Talend/react-talend-components.git","clone_url":"https://github.com/Talend/react-talend-components.git","svn_url":"https://github.com/Talend/react-talend-components","homepage":"https://talend.github.io/react-talend-components","size":1270,"stargazers_count":2,"watchers_count":2,"language":"JavaScript","has_issues":true,"has_downloads":true,"has_wiki":true,"has_pages":true,"forks_count":1,"mirror_url":null,"open_issues_count":15,"forks":1,"open_issues":15,"watchers":2,"default_branch":"master"}},"base":{"label":"Talend:master","ref":"master","sha":"62313029ffe3110ccc103e90244401b59a8dd423","user":{"login":"Talend","id":459687,"avatar_url":"https://avatars.githubusercontent.com/u/459687?v=3","gravatar_id":"","url":"https://api.github.com/users/Talend","html_url":"https://github.com/Talend","followers_url":"https://api.github.com/users/Talend/followers","following_url":"https://api.github.com/users/Talend/following{/other_user}","gists_url":"https://api.github.com/users/Talend/gists{/gist_id}","starred_url":"https://api.github.com/users/Talend/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/Talend/subscriptions","organizations_url":"https://api.github.com/users/Talend/orgs","repos_url":"https://api.github.com/users/Talend/repos","events_url":"https://api.github.com/users/Talend/events{/privacy}","received_events_url":"https://api.github.com/users/Talend/received_events","type":"Organization","site_admin":false},"repo":{"id":70495607,"name":"react-talend-components","full_name":"Talend/react-talend-components","owner":{"login":"Talend","id":459687,"avatar_url":"https://avatars.githubusercontent.com/u/459687?v=3","gravatar_id":"","url":"https://api.github.com/users/Talend","html_url":"https://github.com/Talend","followers_url":"https://api.github.com/users/Talend/followers","following_url":"https://api.github.com/users/Talend/following{/other_user}","gists_url":"https://api.github.com/users/Talend/gists{/gist_id}","starred_url":"https://api.github.com/users/Talend/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/Talend/subscriptions","organizations_url":"https://api.github.com/users/Talend/orgs","repos_url":"https://api.github.com/users/Talend/repos","events_url":"https://api.github.com/users/Talend/events{/privacy}","received_events_url":"https://api.github.com/users/Talend/received_events","type":"Organization","site_admin":false},"private":false,"html_url":"https://github.com/Talend/react-talend-components","description":"Set of stateless react components which implement Talend guidelines","fork":false,"url":"https://api.github.com/repos/Talend/react-talend-components","forks_url":"https://api.github.com/repos/Talend/react-talend-components/forks","keys_url":"https://api.github.com/repos/Talend/react-talend-components/keys{/key_id}","collaborators_url":"https://api.github.com/repos/Talend/react-talend-components/collaborators{/collaborator}","teams_url":"https://api.github.com/repos/Talend/react-talend-components/teams","hooks_url":"https://api.github.com/repos/Talend/react-talend-components/hooks","issue_events_url":"https://api.github.com/repos/Talend/react-talend-components/issues/events{/number}","events_url":"https://api.github.com/repos/Talend/react-talend-components/events","assignees_url":"https://api.github.com/repos/Talend/react-talend-components/assignees{/user}","branches_url":"https://api.github.com/repos/Talend/react-talend-components/branches{/branch}","tags_url":"https://api.github.com/repos/Talend/react-talend-components/tags","blobs_url":"https://api.github.com/repos/Talend/react-talend-components/git/blobs{/sha}","git_tags_url":"https://api.github.com/repos/Talend/react-talend-components/git/tags{/sha}","git_refs_url":"https://api.github.com/repos/Talend/react-talend-components/git/refs{/sha}","trees_url":"https://api.github.com/repos/Talend/react-talend-components/git/trees{/sha}","statuses_url":"https://api.github.com/repos/Talend/react-talend-components/statuses/{sha}","languages_url":"https://api.github.com/repos/Talend/react-talend-components/languages","stargazers_url":"https://api.github.com/repos/Talend/react-talend-components/stargazers","contributors_url":"https://api.github.com/repos/Talend/react-talend-components/contributors","subscribers_url":"https://api.github.com/repos/Talend/react-talend-components/subscribers","subscription_url":"https://api.github.com/repos/Talend/react-talend-components/subscription","commits_url":"https://api.github.com/repos/Talend/react-talend-components/commits{/sha}","git_commits_url":"https://api.github.com/repos/Talend/react-talend-components/git/commits{/sha}","comments_url":"https://api.github.com/repos/Talend/react-talend-components/comments{/number}","issue_comment_url":"https://api.github.com/repos/Talend/react-talend-components/issues/comments{/number}","contents_url":"https://api.github.com/repos/Talend/react-talend-components/contents/{+path}","compare_url":"https://api.github.com/repos/Talend/react-talend-components/compare/{base}...{head}","merges_url":"https://api.github.com/repos/Talend/react-talend-components/merges","archive_url":"https://api.github.com/repos/Talend/react-talend-components/{archive_format}{/ref}","downloads_url":"https://api.github.com/repos/Talend/react-talend-components/downloads","issues_url":"https://api.github.com/repos/Talend/react-talend-components/issues{/number}","pulls_url":"https://api.github.com/repos/Talend/react-talend-components/pulls{/number}","milestones_url":"https://api.github.com/repos/Talend/react-talend-components/milestones{/number}","notifications_url":"https://api.github.com/repos/Talend/react-talend-components/notifications{?since,all,participating}","labels_url":"https://api.github.com/repos/Talend/react-talend-components/labels{/name}","releases_url":"https://api.github.com/repos/Talend/react-talend-components/releases{/id}","deployments_url":"https://api.github.com/repos/Talend/react-talend-components/deployments","created_at":"2016-10-10T14:22:07Z","updated_at":"2016-10-23T15:08:43Z","pushed_at":"2016-11-21T15:01:40Z","git_url":"git://github.com/Talend/react-talend-components.git","ssh_url":"git@github.com:Talend/react-talend-components.git","clone_url":"https://github.com/Talend/react-talend-components.git","svn_url":"https://github.com/Talend/react-talend-components","homepage":"https://talend.github.io/react-talend-components","size":1270,"stargazers_count":2,"watchers_count":2,"language":"JavaScript","has_issues":true,"has_downloads":true,"has_wiki":true,"has_pages":true,"forks_count":1,"mirror_url":null,"open_issues_count":15,"forks":1,"open_issues":15,"watchers":2,"default_branch":"master"}},"_links":{"self":{"href":"https://api.github.com/repos/Talend/react-talend-components/pulls/83"},"html":{"href":"https://github.com/Talend/react-talend-components/pull/83"},"issue":{"href":"https://api.github.com/repos/Talend/react-talend-components/issues/83"},"comments":{"href":"https://api.github.com/repos/Talend/react-talend-components/issues/83/comments"},"review_comments":{"href":"https://api.github.com/repos/Talend/react-talend-components/pulls/83/comments"},"review_comment":{"href":"https://api.github.com/repos/Talend/react-talend-components/pulls/comments{/number}"},"commits":{"href":"https://api.github.com/repos/Talend/react-talend-components/pulls/83/commits"},"statuses":{"href":"https://api.github.com/repos/Talend/react-talend-components/statuses/e1f09654db1b5fcedd8d39efab1e8fb3e79e9d19"}}}}
{"actor":{"display_login":"amaalej"}}