{"action":"created","comment":{"url":"https://api.github.com/repos/commercetools/ui-kit/pulls/comments/255057218","pull_request_review_id":201556883,"id":255057218,"node_id":"MDI0OlB1bGxSZXF1ZXN0UmV2aWV3Q29tbWVudDI1NTA1NzIxOA==","diff_hunk":"@@ -0,0 +1,29 @@\n+import React from 'react';\n+import { css } from '@emotion/core';\n+import { PrimaryButton, Tooltip } from 'ui-kit';\n+import { Suite, Spec } from '../../../test/percy';\n+\n+const title = 'What kind of bear is best';\n+const noop = () => {};\n+\n+export const routePath = '/tooltip';\n+\n+export const component = () => (\n+  <Suite>\n+    <Spec label=\"Closed\" omitPropsList>\n+      <Tooltip title={title} eventsEnabled={false}>","path":"src/components/tooltip/tooltip.visualroute.js","position":14,"original_position":14,"commit_id":"7a0a9adabd7f977a3f668c90d8a91e3ad7be4cb3","original_commit_id":"29097e77a77084add946ff2717b7dd6f78ef2baa","user":{"login":"emmenko","id":1110551,"node_id":"MDQ6VXNlcjExMTA1NTE=","avatar_url":"https://avatars2.githubusercontent.com/u/1110551?v=4","gravatar_id":"","url":"https://api.github.com/users/emmenko","html_url":"https://github.com/emmenko","followers_url":"https://api.github.com/users/emmenko/followers","following_url":"https://api.github.com/users/emmenko/following{/other_user}","gists_url":"https://api.github.com/users/emmenko/gists{/gist_id}","starred_url":"https://api.github.com/users/emmenko/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/emmenko/subscriptions","organizations_url":"https://api.github.com/users/emmenko/orgs","repos_url":"https://api.github.com/users/emmenko/repos","events_url":"https://api.github.com/users/emmenko/events{/privacy}","received_events_url":"https://api.github.com/users/emmenko/received_events","type":"User","site_admin":false},"body":"Do you want to remove it?","created_at":"2019-02-08T12:33:36Z","updated_at":"2019-02-08T12:33:46Z","html_url":"https://github.com/commercetools/ui-kit/pull/501#discussion_r255057218","pull_request_url":"https://api.github.com/repos/commercetools/ui-kit/pulls/501","author_association":"MEMBER","_links":{"self":{"href":"https://api.github.com/repos/commercetools/ui-kit/pulls/comments/255057218"},"html":{"href":"https://github.com/commercetools/ui-kit/pull/501#discussion_r255057218"},"pull_request":{"href":"https://api.github.com/repos/commercetools/ui-kit/pulls/501"}},"in_reply_to_id":255017503},"pull_request":{"url":"https://api.github.com/repos/commercetools/ui-kit/pulls/501","id":249591945,"node_id":"MDExOlB1bGxSZXF1ZXN0MjQ5NTkxOTQ1","html_url":"https://github.com/commercetools/ui-kit/pull/501","diff_url":"https://github.com/commercetools/ui-kit/pull/501.diff","patch_url":"https://github.com/commercetools/ui-kit/pull/501.patch","issue_url":"https://api.github.com/repos/commercetools/ui-kit/issues/501","number":501,"state":"open","locked":false,"title":"Adds `Tooltip` component","user":{"login":"montezume","id":2425013,"node_id":"MDQ6VXNlcjI0MjUwMTM=","avatar_url":"https://avatars3.githubusercontent.com/u/2425013?v=4","gravatar_id":"","url":"https://api.github.com/users/montezume","html_url":"https://github.com/montezume","followers_url":"https://api.github.com/users/montezume/followers","following_url":"https://api.github.com/users/montezume/following{/other_user}","gists_url":"https://api.github.com/users/montezume/gists{/gist_id}","starred_url":"https://api.github.com/users/montezume/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/montezume/subscriptions","organizations_url":"https://api.github.com/users/montezume/orgs","repos_url":"https://api.github.com/users/montezume/repos","events_url":"https://api.github.com/users/montezume/events{/privacy}","received_events_url":"https://api.github.com/users/montezume/received_events","type":"User","site_admin":false},"body":"# Tooltip\r\n\r\n#### Description\r\n\r\nTooltips display informative text when users hover over or focus on an element.\r\n\r\n#### Usage\r\n\r\n```js\r\n<Tooltip\r\n  position=\"left\"\r\n  label=\"If you buy a pizza, you will also get a free ice cream :)\"\r\n>\r\n  <button onClick={orderPizza({ freeIceCream: 'yes please' })}>Submit</button>\r\n</Tooltip>\r\n```\r\n\r\n#### Working with disabled child elements\r\n\r\nWhen you use a tooltip with a disabled element, you should the style `pointer-events: none` to the disabled element to stop it from capturing events.\r\n\r\n```js\r\n<Tooltip\r\n  position=\"left\"\r\n  label=\"You do not have permission to delete the database\"\r\n>\r\n  <button\r\n    disabled\r\n    onClick={deleteDb()}\r\n    style={{\r\n      pointerEvents: 'none',\r\n    }}\r\n  >\r\n    Delete production database\r\n  </button>\r\n</Tooltip>\r\n```\r\n\r\n#### Customizing the wrapper\r\n\r\nThe tooltip applies event listeners (`onMouseOver`, `onMouseLeave`, `onFocus`, and `onBlur`) to a wrapping component around the passed in component. By default, this wrapper is displayed with style `inline-block`. If you want to customize this behaviour, then you can pass in a custom wrapping element.\r\n\r\n```js\r\nconst Wrapper = styled.div`\r\n  display: block;\r\n`;\r\n\r\nconst FullWidthButton = styled.button`\r\n  display: block;\r\n  width: 100%;\r\n`;\r\n\r\n<Tooltip title=\"Delete\" components={{ WrapperComponent: Wrapper }}>\r\n  <FullWidthButton>Submit</FullWidthButton>\r\n</Tooltip>;\r\n```\r\n\r\n#### Properties\r\n\r\n| Props                  | Type     | Required | Values                                                                                                                                       | Default | Description                                                                                     |\r\n| ---------------------- | -------- | :------: | -------------------------------------------------------------------------------------------------------------------------------------------- | ------- | ----------------------------------------------------------------------------------------------- |\r\n| `isOpen`               | `bool`   |    -     | -                                                                                                                                            | -       | If passed, the tooltip's open and closed states are controlled by this prop                     |\r\n| `leaveDelay`           | `number` |    -     | -                                                                                                                                            | 0       | Delay (in milliseconds) between the end of the user interaction, and the closing of the tooltip |\r\n| `onOpen`               | `func`   |    -     | -                                                                                                                                            | -       | Called when the tooltip is opened                                                               |\r\n| `onClose`              | `func`   |    -     | -                                                                                                                                            | -       | Called after the tooltip is closed                                                              |\r\n| `position`             | `object` |    -     | `top`, `top-start`, `top-end`, `right`, `right-start`, `right-end`, `bottom`, `bottom-end`, `bottom-start`, `left`, `left-start`, `left-end` | `top`   | How the tooltip is positioned relative to the child element                                     |\r\n| `horizontalConstraint` | `object` |    -     | `xs`, `s`, `m`, `l`, `xl`, `scale`                                                                                                           | `scale` | Horizontal size limit of the tooltip                                                            |\r\n| `children`             | `node`   |    ✅    | -                                                                                                                                            | -       | Content rendered within the tooltip                                                             |\r\n| `components`           | `object` |    -     | `WrapperComponent`                                                                                                                           | -       | If passed, the tooltip will wrap your component with this element                               |\r\n","created_at":"2019-02-01T12:47:07Z","updated_at":"2019-02-08T12:33:46Z","closed_at":null,"merged_at":null,"merge_commit_sha":"6a6141bd1c8fda3022bad52232d164ae0b7bb52b","assignee":{"login":"montezume","id":2425013,"node_id":"MDQ6VXNlcjI0MjUwMTM=","avatar_url":"https://avatars3.githubusercontent.com/u/2425013?v=4","gravatar_id":"","url":"https://api.github.com/users/montezume","html_url":"https://github.com/montezume","followers_url":"https://api.github.com/users/montezume/followers","following_url":"https://api.github.com/users/montezume/following{/other_user}","gists_url":"https://api.github.com/users/montezume/gists{/gist_id}","starred_url":"https://api.github.com/users/montezume/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/montezume/subscriptions","organizations_url":"https://api.github.com/users/montezume/orgs","repos_url":"https://api.github.com/users/montezume/repos","events_url":"https://api.github.com/users/montezume/events{/privacy}","received_events_url":"https://api.github.com/users/montezume/received_events","type":"User","site_admin":false},"assignees":[{"login":"montezume","id":2425013,"node_id":"MDQ6VXNlcjI0MjUwMTM=","avatar_url":"https://avatars3.githubusercontent.com/u/2425013?v=4","gravatar_id":"","url":"https://api.github.com/users/montezume","html_url":"https://github.com/montezume","followers_url":"https://api.github.com/users/montezume/followers","following_url":"https://api.github.com/users/montezume/following{/other_user}","gists_url":"https://api.github.com/users/montezume/gists{/gist_id}","starred_url":"https://api.github.com/users/montezume/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/montezume/subscriptions","organizations_url":"https://api.github.com/users/montezume/orgs","repos_url":"https://api.github.com/users/montezume/repos","events_url":"https://api.github.com/users/montezume/events{/privacy}","received_events_url":"https://api.github.com/users/montezume/received_events","type":"User","site_admin":false}],"requested_reviewers":[],"requested_teams":[],"labels":[{"id":1095767400,"node_id":"MDU6TGFiZWwxMDk1NzY3NDAw","url":"https://api.github.com/repos/commercetools/ui-kit/labels/Semver:%20FEATURE","name":"Semver: FEATURE","color":"e3f274","default":false},{"id":1045006027,"node_id":"MDU6TGFiZWwxMDQ1MDA2MDI3","url":"https://api.github.com/repos/commercetools/ui-kit/labels/%E2%9C%A8%20Type:%20New%20Component","name":"✨ Type: New Component","color":"007250","default":false}],"milestone":null,"commits_url":"https://api.github.com/repos/commercetools/ui-kit/pulls/501/commits","review_comments_url":"https://api.github.com/repos/commercetools/ui-kit/pulls/501/comments","review_comment_url":"https://api.github.com/repos/commercetools/ui-kit/pulls/comments{/number}","comments_url":"https://api.github.com/repos/commercetools/ui-kit/issues/501/comments","statuses_url":"https://api.github.com/repos/commercetools/ui-kit/statuses/7a0a9adabd7f977a3f668c90d8a91e3ad7be4cb3","head":{"label":"commercetools:ml-add-tooltip","ref":"ml-add-tooltip","sha":"7a0a9adabd7f977a3f668c90d8a91e3ad7be4cb3","user":{"login":"commercetools","id":1084585,"node_id":"MDEyOk9yZ2FuaXphdGlvbjEwODQ1ODU=","avatar_url":"https://avatars3.githubusercontent.com/u/1084585?v=4","gravatar_id":"","url":"https://api.github.com/users/commercetools","html_url":"https://github.com/commercetools","followers_url":"https://api.github.com/users/commercetools/followers","following_url":"https://api.github.com/users/commercetools/following{/other_user}","gists_url":"https://api.github.com/users/commercetools/gists{/gist_id}","starred_url":"https://api.github.com/users/commercetools/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/commercetools/subscriptions","organizations_url":"https://api.github.com/users/commercetools/orgs","repos_url":"https://api.github.com/users/commercetools/repos","events_url":"https://api.github.com/users/commercetools/events{/privacy}","received_events_url":"https://api.github.com/users/commercetools/received_events","type":"Organization","site_admin":false},"repo":{"id":146916092,"node_id":"MDEwOlJlcG9zaXRvcnkxNDY5MTYwOTI=","name":"ui-kit","full_name":"commercetools/ui-kit","private":false,"owner":{"login":"commercetools","id":1084585,"node_id":"MDEyOk9yZ2FuaXphdGlvbjEwODQ1ODU=","avatar_url":"https://avatars3.githubusercontent.com/u/1084585?v=4","gravatar_id":"","url":"https://api.github.com/users/commercetools","html_url":"https://github.com/commercetools","followers_url":"https://api.github.com/users/commercetools/followers","following_url":"https://api.github.com/users/commercetools/following{/other_user}","gists_url":"https://api.github.com/users/commercetools/gists{/gist_id}","starred_url":"https://api.github.com/users/commercetools/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/commercetools/subscriptions","organizations_url":"https://api.github.com/users/commercetools/orgs","repos_url":"https://api.github.com/users/commercetools/repos","events_url":"https://api.github.com/users/commercetools/events{/privacy}","received_events_url":"https://api.github.com/users/commercetools/received_events","type":"Organization","site_admin":false},"html_url":"https://github.com/commercetools/ui-kit","description":"Component library 💅","fork":false,"url":"https://api.github.com/repos/commercetools/ui-kit","forks_url":"https://api.github.com/repos/commercetools/ui-kit/forks","keys_url":"https://api.github.com/repos/commercetools/ui-kit/keys{/key_id}","collaborators_url":"https://api.github.com/repos/commercetools/ui-kit/collaborators{/collaborator}","teams_url":"https://api.github.com/repos/commercetools/ui-kit/teams","hooks_url":"https://api.github.com/repos/commercetools/ui-kit/hooks","issue_events_url":"https://api.github.com/repos/commercetools/ui-kit/issues/events{/number}","events_url":"https://api.github.com/repos/commercetools/ui-kit/events","assignees_url":"https://api.github.com/repos/commercetools/ui-kit/assignees{/user}","branches_url":"https://api.github.com/repos/commercetools/ui-kit/branches{/branch}","tags_url":"https://api.github.com/repos/commercetools/ui-kit/tags","blobs_url":"https://api.github.com/repos/commercetools/ui-kit/git/blobs{/sha}","git_tags_url":"https://api.github.com/repos/commercetools/ui-kit/git/tags{/sha}","git_refs_url":"https://api.github.com/repos/commercetools/ui-kit/git/refs{/sha}","trees_url":"https://api.github.com/repos/commercetools/ui-kit/git/trees{/sha}","statuses_url":"https://api.github.com/repos/commercetools/ui-kit/statuses/{sha}","languages_url":"https://api.github.com/repos/commercetools/ui-kit/languages","stargazers_url":"https://api.github.com/repos/commercetools/ui-kit/stargazers","contributors_url":"https://api.github.com/repos/commercetools/ui-kit/contributors","subscribers_url":"https://api.github.com/repos/commercetools/ui-kit/subscribers","subscription_url":"https://api.github.com/repos/commercetools/ui-kit/subscription","commits_url":"https://api.github.com/repos/commercetools/ui-kit/commits{/sha}","git_commits_url":"https://api.github.com/repos/commercetools/ui-kit/git/commits{/sha}","comments_url":"https://api.github.com/repos/commercetools/ui-kit/comments{/number}","issue_comment_url":"https://api.github.com/repos/commercetools/ui-kit/issues/comments{/number}","contents_url":"https://api.github.com/repos/commercetools/ui-kit/contents/{+path}","compare_url":"https://api.github.com/repos/commercetools/ui-kit/compare/{base}...{head}","merges_url":"https://api.github.com/repos/commercetools/ui-kit/merges","archive_url":"https://api.github.com/repos/commercetools/ui-kit/{archive_format}{/ref}","downloads_url":"https://api.github.com/repos/commercetools/ui-kit/downloads","issues_url":"https://api.github.com/repos/commercetools/ui-kit/issues{/number}","pulls_url":"https://api.github.com/repos/commercetools/ui-kit/pulls{/number}","milestones_url":"https://api.github.com/repos/commercetools/ui-kit/milestones{/number}","notifications_url":"https://api.github.com/repos/commercetools/ui-kit/notifications{?since,all,participating}","labels_url":"https://api.github.com/repos/commercetools/ui-kit/labels{/name}","releases_url":"https://api.github.com/repos/commercetools/ui-kit/releases{/id}","deployments_url":"https://api.github.com/repos/commercetools/ui-kit/deployments","created_at":"2018-08-31T16:20:21Z","updated_at":"2019-02-08T10:40:00Z","pushed_at":"2019-02-08T12:07:14Z","git_url":"git://github.com/commercetools/ui-kit.git","ssh_url":"git@github.com:commercetools/ui-kit.git","clone_url":"https://github.com/commercetools/ui-kit.git","svn_url":"https://github.com/commercetools/ui-kit","homepage":"https://uikit.commercetools.com","size":6996,"stargazers_count":16,"watchers_count":16,"language":"JavaScript","has_issues":true,"has_projects":true,"has_downloads":true,"has_wiki":false,"has_pages":false,"forks_count":1,"mirror_url":null,"archived":false,"open_issues_count":12,"license":{"key":"mit","name":"MIT License","spdx_id":"MIT","url":"https://api.github.com/licenses/mit","node_id":"MDc6TGljZW5zZTEz"},"forks":1,"open_issues":12,"watchers":16,"default_branch":"master"}},"base":{"label":"commercetools:master","ref":"master","sha":"bfd40e141d1fafd0a2832612b05895bb9a685fb4","user":{"login":"commercetools","id":1084585,"node_id":"MDEyOk9yZ2FuaXphdGlvbjEwODQ1ODU=","avatar_url":"https://avatars3.githubusercontent.com/u/1084585?v=4","gravatar_id":"","url":"https://api.github.com/users/commercetools","html_url":"https://github.com/commercetools","followers_url":"https://api.github.com/users/commercetools/followers","following_url":"https://api.github.com/users/commercetools/following{/other_user}","gists_url":"https://api.github.com/users/commercetools/gists{/gist_id}","starred_url":"https://api.github.com/users/commercetools/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/commercetools/subscriptions","organizations_url":"https://api.github.com/users/commercetools/orgs","repos_url":"https://api.github.com/users/commercetools/repos","events_url":"https://api.github.com/users/commercetools/events{/privacy}","received_events_url":"https://api.github.com/users/commercetools/received_events","type":"Organization","site_admin":false},"repo":{"id":146916092,"node_id":"MDEwOlJlcG9zaXRvcnkxNDY5MTYwOTI=","name":"ui-kit","full_name":"commercetools/ui-kit","private":false,"owner":{"login":"commercetools","id":1084585,"node_id":"MDEyOk9yZ2FuaXphdGlvbjEwODQ1ODU=","avatar_url":"https://avatars3.githubusercontent.com/u/1084585?v=4","gravatar_id":"","url":"https://api.github.com/users/commercetools","html_url":"https://github.com/commercetools","followers_url":"https://api.github.com/users/commercetools/followers","following_url":"https://api.github.com/users/commercetools/following{/other_user}","gists_url":"https://api.github.com/users/commercetools/gists{/gist_id}","starred_url":"https://api.github.com/users/commercetools/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/commercetools/subscriptions","organizations_url":"https://api.github.com/users/commercetools/orgs","repos_url":"https://api.github.com/users/commercetools/repos","events_url":"https://api.github.com/users/commercetools/events{/privacy}","received_events_url":"https://api.github.com/users/commercetools/received_events","type":"Organization","site_admin":false},"html_url":"https://github.com/commercetools/ui-kit","description":"Component library 💅","fork":false,"url":"https://api.github.com/repos/commercetools/ui-kit","forks_url":"https://api.github.com/repos/commercetools/ui-kit/forks","keys_url":"https://api.github.com/repos/commercetools/ui-kit/keys{/key_id}","collaborators_url":"https://api.github.com/repos/commercetools/ui-kit/collaborators{/collaborator}","teams_url":"https://api.github.com/repos/commercetools/ui-kit/teams","hooks_url":"https://api.github.com/repos/commercetools/ui-kit/hooks","issue_events_url":"https://api.github.com/repos/commercetools/ui-kit/issues/events{/number}","events_url":"https://api.github.com/repos/commercetools/ui-kit/events","assignees_url":"https://api.github.com/repos/commercetools/ui-kit/assignees{/user}","branches_url":"https://api.github.com/repos/commercetools/ui-kit/branches{/branch}","tags_url":"https://api.github.com/repos/commercetools/ui-kit/tags","blobs_url":"https://api.github.com/repos/commercetools/ui-kit/git/blobs{/sha}","git_tags_url":"https://api.github.com/repos/commercetools/ui-kit/git/tags{/sha}","git_refs_url":"https://api.github.com/repos/commercetools/ui-kit/git/refs{/sha}","trees_url":"https://api.github.com/repos/commercetools/ui-kit/git/trees{/sha}","statuses_url":"https://api.github.com/repos/commercetools/ui-kit/statuses/{sha}","languages_url":"https://api.github.com/repos/commercetools/ui-kit/languages","stargazers_url":"https://api.github.com/repos/commercetools/ui-kit/stargazers","contributors_url":"https://api.github.com/repos/commercetools/ui-kit/contributors","subscribers_url":"https://api.github.com/repos/commercetools/ui-kit/subscribers","subscription_url":"https://api.github.com/repos/commercetools/ui-kit/subscription","commits_url":"https://api.github.com/repos/commercetools/ui-kit/commits{/sha}","git_commits_url":"https://api.github.com/repos/commercetools/ui-kit/git/commits{/sha}","comments_url":"https://api.github.com/repos/commercetools/ui-kit/comments{/number}","issue_comment_url":"https://api.github.com/repos/commercetools/ui-kit/issues/comments{/number}","contents_url":"https://api.github.com/repos/commercetools/ui-kit/contents/{+path}","compare_url":"https://api.github.com/repos/commercetools/ui-kit/compare/{base}...{head}","merges_url":"https://api.github.com/repos/commercetools/ui-kit/merges","archive_url":"https://api.github.com/repos/commercetools/ui-kit/{archive_format}{/ref}","downloads_url":"https://api.github.com/repos/commercetools/ui-kit/downloads","issues_url":"https://api.github.com/repos/commercetools/ui-kit/issues{/number}","pulls_url":"https://api.github.com/repos/commercetools/ui-kit/pulls{/number}","milestones_url":"https://api.github.com/repos/commercetools/ui-kit/milestones{/number}","notifications_url":"https://api.github.com/repos/commercetools/ui-kit/notifications{?since,all,participating}","labels_url":"https://api.github.com/repos/commercetools/ui-kit/labels{/name}","releases_url":"https://api.github.com/repos/commercetools/ui-kit/releases{/id}","deployments_url":"https://api.github.com/repos/commercetools/ui-kit/deployments","created_at":"2018-08-31T16:20:21Z","updated_at":"2019-02-08T10:40:00Z","pushed_at":"2019-02-08T12:07:14Z","git_url":"git://github.com/commercetools/ui-kit.git","ssh_url":"git@github.com:commercetools/ui-kit.git","clone_url":"https://github.com/commercetools/ui-kit.git","svn_url":"https://github.com/commercetools/ui-kit","homepage":"https://uikit.commercetools.com","size":6996,"stargazers_count":16,"watchers_count":16,"language":"JavaScript","has_issues":true,"has_projects":true,"has_downloads":true,"has_wiki":false,"has_pages":false,"forks_count":1,"mirror_url":null,"archived":false,"open_issues_count":12,"license":{"key":"mit","name":"MIT License","spdx_id":"MIT","url":"https://api.github.com/licenses/mit","node_id":"MDc6TGljZW5zZTEz"},"forks":1,"open_issues":12,"watchers":16,"default_branch":"master"}},"_links":{"self":{"href":"https://api.github.com/repos/commercetools/ui-kit/pulls/501"},"html":{"href":"https://github.com/commercetools/ui-kit/pull/501"},"issue":{"href":"https://api.github.com/repos/commercetools/ui-kit/issues/501"},"comments":{"href":"https://api.github.com/repos/commercetools/ui-kit/issues/501/comments"},"review_comments":{"href":"https://api.github.com/repos/commercetools/ui-kit/pulls/501/comments"},"review_comment":{"href":"https://api.github.com/repos/commercetools/ui-kit/pulls/comments{/number}"},"commits":{"href":"https://api.github.com/repos/commercetools/ui-kit/pulls/501/commits"},"statuses":{"href":"https://api.github.com/repos/commercetools/ui-kit/statuses/7a0a9adabd7f977a3f668c90d8a91e3ad7be4cb3"}},"author_association":"CONTRIBUTOR"}}
{"actor":{"display_login":"emmenko"}}