{"action":"created","comment":{"url":"https://api.github.com/repos/elastic/kibana/pulls/comments/237258984","pull_request_review_id":179514936,"id":237258984,"node_id":"MDI0OlB1bGxSZXF1ZXN0UmV2aWV3Q29tbWVudDIzNzI1ODk4NA==","diff_hunk":"@@ -0,0 +1,99 @@\n+/*\n+ * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one\n+ * or more contributor license agreements. Licensed under the Elastic License;\n+ * you may not use this file except in compliance with the Elastic License.\n+ */\n+\n+import { EuiFlyout, EuiFlyoutBody, EuiFlyoutHeader, EuiText, EuiTitle } from '@elastic/eui';\n+import * as React from 'react';\n+import styled from 'styled-components';\n+\n+export const Overlay = styled.div`\n+  position: absolute;\n+  top: 15%;\n+  right: 0%;\n+  width: 30px;\n+  z-index: 1;\n+  height: 60%;\n+`;\n+\n+export const Button = styled.div`\n+  padding: 10px 0 10px 0;\n+  display: flex;\n+  position: absolute;\n+  top: 30%;\n+  right: 5%;\n+  width: 100%;\n+  z-index: 2;\n+  justify-content: center;\n+  text-align: center;\n+  border-top: 1px solid #c5c5c5;\n+  border-bottom: 1px solid #c5c5c5;\n+  border-left: 1px solid #c5c5c5;\n+  border-radius: 6px 0 0 6px;\n+  box-shadow: 0 3px 3px -1px rgba(173, 173, 173, 0.5), 0 5px 7px -2px rgba(173, 173, 173, 0.5);\n+  background-color: #fff;\n+`;\n+\n+export const Text = styled(EuiText)`\n+  width: 12px;\n+  z-index: 3;\n+`;\n+\n+interface Props {\n+  children?: React.ReactNode;\n+}\n+\n+interface State {\n+  isFlyoutVisible: boolean;\n+}\n+\n+type SetState = (opts: State) => void;\n+\n+export const showFlyout = (isFlyoutVisible: boolean, setState: SetState) =>\n+  setState({ isFlyoutVisible });\n+\n+export const closeFlyout = (setState: SetState) => showFlyout(false, setState);\n+\n+export const openFlyout = (setState: SetState) => showFlyout(true, setState);\n+\n+export const showFlyoutElement = (\n+  onClose: () => void,\n+  children: React.ReactNode\n+): React.ReactNode => (\n+  <EuiFlyout onClose={onClose} aria-labelledby=\"flyoutTitle\" data-test-subj=\"flyout\">\n+    <EuiFlyoutHeader hasBorder>\n+      <EuiTitle size=\"m\">\n+        <h2 data-test-subj=\"flyoutTitle\" id=\"flyoutTitle\">\n+          Timeline\n+        </h2>\n+      </EuiTitle>\n+    </EuiFlyoutHeader>\n+    <EuiFlyoutBody data-test-subj=\"flyoutChildren\">{children}</EuiFlyoutBody>\n+  </EuiFlyout>\n+);\n+\n+export const showFlyoutButton = (onOpen: () => void): React.ReactNode => (","path":"x-pack/plugins/secops/public/components/page/flyout.tsx","position":76,"original_position":76,"commit_id":"e1a0bb30bbb04e652539b97f2620edc56680bb4b","original_commit_id":"e1a0bb30bbb04e652539b97f2620edc56680bb4b","user":{"login":"andrew-goldstein","id":4459398,"node_id":"MDQ6VXNlcjQ0NTkzOTg=","avatar_url":"https://avatars3.githubusercontent.com/u/4459398?v=4","gravatar_id":"","url":"https://api.github.com/users/andrew-goldstein","html_url":"https://github.com/andrew-goldstein","followers_url":"https://api.github.com/users/andrew-goldstein/followers","following_url":"https://api.github.com/users/andrew-goldstein/following{/other_user}","gists_url":"https://api.github.com/users/andrew-goldstein/gists{/gist_id}","starred_url":"https://api.github.com/users/andrew-goldstein/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/andrew-goldstein/subscriptions","organizations_url":"https://api.github.com/users/andrew-goldstein/orgs","repos_url":"https://api.github.com/users/andrew-goldstein/repos","events_url":"https://api.github.com/users/andrew-goldstein/events{/privacy}","received_events_url":"https://api.github.com/users/andrew-goldstein/received_events","type":"User","site_admin":false},"body":"this also becomes a `pure` (`SFC`), per our discussion","created_at":"2018-11-28T21:01:54Z","updated_at":"2018-11-28T21:01:54Z","html_url":"https://github.com/elastic/kibana/pull/26353#discussion_r237258984","pull_request_url":"https://api.github.com/repos/elastic/kibana/pulls/26353","author_association":"NONE","_links":{"self":{"href":"https://api.github.com/repos/elastic/kibana/pulls/comments/237258984"},"html":{"href":"https://github.com/elastic/kibana/pull/26353#discussion_r237258984"},"pull_request":{"href":"https://api.github.com/repos/elastic/kibana/pulls/26353"}}},"pull_request":{"url":"https://api.github.com/repos/elastic/kibana/pulls/26353","id":234367699,"node_id":"MDExOlB1bGxSZXF1ZXN0MjM0MzY3Njk5","html_url":"https://github.com/elastic/kibana/pull/26353","diff_url":"https://github.com/elastic/kibana/pull/26353.diff","patch_url":"https://github.com/elastic/kibana/pull/26353.patch","issue_url":"https://api.github.com/repos/elastic/kibana/issues/26353","number":26353,"state":"open","locked":false,"title":"Changed the splitter for a EUI flyout","user":{"login":"FrankHassanabad","id":1151048,"node_id":"MDQ6VXNlcjExNTEwNDg=","avatar_url":"https://avatars3.githubusercontent.com/u/1151048?v=4","gravatar_id":"","url":"https://api.github.com/users/FrankHassanabad","html_url":"https://github.com/FrankHassanabad","followers_url":"https://api.github.com/users/FrankHassanabad/followers","following_url":"https://api.github.com/users/FrankHassanabad/following{/other_user}","gists_url":"https://api.github.com/users/FrankHassanabad/gists{/gist_id}","starred_url":"https://api.github.com/users/FrankHassanabad/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/FrankHassanabad/subscriptions","organizations_url":"https://api.github.com/users/FrankHassanabad/orgs","repos_url":"https://api.github.com/users/FrankHassanabad/repos","events_url":"https://api.github.com/users/FrankHassanabad/events{/privacy}","received_events_url":"https://api.github.com/users/FrankHassanabad/received_events","type":"User","site_admin":false},"body":"  * Removed the splitter from the package.json and the HTML\r\n  * Removed all of the splitter specific panels\r\n  * Integrated the flyout into the project\r\n  * Added a absolute positioned button with vertical text called TIMELINE on the right side of the browser\r\n  * Used mouseover event to trigger the button\r\n  * Implemented a bit of a overlay to widden the mouseover target more than just the button would have\r\n  * Styled the button to look more like a tab\r\n  * Used react setState for toggling between the states of close and open\r\n  * Used older style React class but pulled all the methods I could out to make them as pure as I could\r\n  * Wrote unit tests which test the rendering, pure functions, and the two class functions\r\n  * https://github.com/elastic/ingest-dev/issues/108\r\n","created_at":"2018-11-28T17:43:33Z","updated_at":"2018-11-28T21:01:54Z","closed_at":null,"merged_at":null,"merge_commit_sha":"848c48892a5eed5d66b98cb5b66bab46b9227631","assignee":null,"assignees":[],"requested_reviewers":[],"requested_teams":[],"labels":[{"id":1091927122,"node_id":"MDU6TGFiZWwxMDkxOTI3MTIy","url":"https://api.github.com/repos/elastic/kibana/labels/:SecOps%20UI","name":":SecOps UI","color":"FFDF00","default":false},{"id":1019679346,"node_id":"MDU6TGFiZWwxMDE5Njc5MzQ2","url":"https://api.github.com/repos/elastic/kibana/labels/loe:days","name":"loe:days","color":"E6C220","default":false},{"id":135307740,"node_id":"MDU6TGFiZWwxMzUzMDc3NDA=","url":"https://api.github.com/repos/elastic/kibana/labels/review","name":"review","color":"0052cc","default":false}],"milestone":null,"commits_url":"https://api.github.com/repos/elastic/kibana/pulls/26353/commits","review_comments_url":"https://api.github.com/repos/elastic/kibana/pulls/26353/comments","review_comment_url":"https://api.github.com/repos/elastic/kibana/pulls/comments{/number}","comments_url":"https://api.github.com/repos/elastic/kibana/issues/26353/comments","statuses_url":"https://api.github.com/repos/elastic/kibana/statuses/e1a0bb30bbb04e652539b97f2620edc56680bb4b","head":{"label":"FrankHassanabad:fly-out","ref":"fly-out","sha":"e1a0bb30bbb04e652539b97f2620edc56680bb4b","user":{"login":"FrankHassanabad","id":1151048,"node_id":"MDQ6VXNlcjExNTEwNDg=","avatar_url":"https://avatars3.githubusercontent.com/u/1151048?v=4","gravatar_id":"","url":"https://api.github.com/users/FrankHassanabad","html_url":"https://github.com/FrankHassanabad","followers_url":"https://api.github.com/users/FrankHassanabad/followers","following_url":"https://api.github.com/users/FrankHassanabad/following{/other_user}","gists_url":"https://api.github.com/users/FrankHassanabad/gists{/gist_id}","starred_url":"https://api.github.com/users/FrankHassanabad/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/FrankHassanabad/subscriptions","organizations_url":"https://api.github.com/users/FrankHassanabad/orgs","repos_url":"https://api.github.com/users/FrankHassanabad/repos","events_url":"https://api.github.com/users/FrankHassanabad/events{/privacy}","received_events_url":"https://api.github.com/users/FrankHassanabad/received_events","type":"User","site_admin":false},"repo":{"id":150758530,"node_id":"MDEwOlJlcG9zaXRvcnkxNTA3NTg1MzA=","name":"kibana","full_name":"FrankHassanabad/kibana","private":false,"owner":{"login":"FrankHassanabad","id":1151048,"node_id":"MDQ6VXNlcjExNTEwNDg=","avatar_url":"https://avatars3.githubusercontent.com/u/1151048?v=4","gravatar_id":"","url":"https://api.github.com/users/FrankHassanabad","html_url":"https://github.com/FrankHassanabad","followers_url":"https://api.github.com/users/FrankHassanabad/followers","following_url":"https://api.github.com/users/FrankHassanabad/following{/other_user}","gists_url":"https://api.github.com/users/FrankHassanabad/gists{/gist_id}","starred_url":"https://api.github.com/users/FrankHassanabad/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/FrankHassanabad/subscriptions","organizations_url":"https://api.github.com/users/FrankHassanabad/orgs","repos_url":"https://api.github.com/users/FrankHassanabad/repos","events_url":"https://api.github.com/users/FrankHassanabad/events{/privacy}","received_events_url":"https://api.github.com/users/FrankHassanabad/received_events","type":"User","site_admin":false},"html_url":"https://github.com/FrankHassanabad/kibana","description":":bar_chart: Kibana analytics and search dashboard for Elasticsearch","fork":true,"url":"https://api.github.com/repos/FrankHassanabad/kibana","forks_url":"https://api.github.com/repos/FrankHassanabad/kibana/forks","keys_url":"https://api.github.com/repos/FrankHassanabad/kibana/keys{/key_id}","collaborators_url":"https://api.github.com/repos/FrankHassanabad/kibana/collaborators{/collaborator}","teams_url":"https://api.github.com/repos/FrankHassanabad/kibana/teams","hooks_url":"https://api.github.com/repos/FrankHassanabad/kibana/hooks","issue_events_url":"https://api.github.com/repos/FrankHassanabad/kibana/issues/events{/number}","events_url":"https://api.github.com/repos/FrankHassanabad/kibana/events","assignees_url":"https://api.github.com/repos/FrankHassanabad/kibana/assignees{/user}","branches_url":"https://api.github.com/repos/FrankHassanabad/kibana/branches{/branch}","tags_url":"https://api.github.com/repos/FrankHassanabad/kibana/tags","blobs_url":"https://api.github.com/repos/FrankHassanabad/kibana/git/blobs{/sha}","git_tags_url":"https://api.github.com/repos/FrankHassanabad/kibana/git/tags{/sha}","git_refs_url":"https://api.github.com/repos/FrankHassanabad/kibana/git/refs{/sha}","trees_url":"https://api.github.com/repos/FrankHassanabad/kibana/git/trees{/sha}","statuses_url":"https://api.github.com/repos/FrankHassanabad/kibana/statuses/{sha}","languages_url":"https://api.github.com/repos/FrankHassanabad/kibana/languages","stargazers_url":"https://api.github.com/repos/FrankHassanabad/kibana/stargazers","contributors_url":"https://api.github.com/repos/FrankHassanabad/kibana/contributors","subscribers_url":"https://api.github.com/repos/FrankHassanabad/kibana/subscribers","subscription_url":"https://api.github.com/repos/FrankHassanabad/kibana/subscription","commits_url":"https://api.github.com/repos/FrankHassanabad/kibana/commits{/sha}","git_commits_url":"https://api.github.com/repos/FrankHassanabad/kibana/git/commits{/sha}","comments_url":"https://api.github.com/repos/FrankHassanabad/kibana/comments{/number}","issue_comment_url":"https://api.github.com/repos/FrankHassanabad/kibana/issues/comments{/number}","contents_url":"https://api.github.com/repos/FrankHassanabad/kibana/contents/{+path}","compare_url":"https://api.github.com/repos/FrankHassanabad/kibana/compare/{base}...{head}","merges_url":"https://api.github.com/repos/FrankHassanabad/kibana/merges","archive_url":"https://api.github.com/repos/FrankHassanabad/kibana/{archive_format}{/ref}","downloads_url":"https://api.github.com/repos/FrankHassanabad/kibana/downloads","issues_url":"https://api.github.com/repos/FrankHassanabad/kibana/issues{/number}","pulls_url":"https://api.github.com/repos/FrankHassanabad/kibana/pulls{/number}","milestones_url":"https://api.github.com/repos/FrankHassanabad/kibana/milestones{/number}","notifications_url":"https://api.github.com/repos/FrankHassanabad/kibana/notifications{?since,all,participating}","labels_url":"https://api.github.com/repos/FrankHassanabad/kibana/labels{/name}","releases_url":"https://api.github.com/repos/FrankHassanabad/kibana/releases{/id}","deployments_url":"https://api.github.com/repos/FrankHassanabad/kibana/deployments","created_at":"2018-09-28T15:14:18Z","updated_at":"2018-10-26T13:16:57Z","pushed_at":"2018-11-28T18:15:35Z","git_url":"git://github.com/FrankHassanabad/kibana.git","ssh_url":"git@github.com:FrankHassanabad/kibana.git","clone_url":"https://github.com/FrankHassanabad/kibana.git","svn_url":"https://github.com/FrankHassanabad/kibana","homepage":"https://www.elastic.co/products/kibana","size":494795,"stargazers_count":0,"watchers_count":0,"language":"JavaScript","has_issues":false,"has_projects":true,"has_downloads":true,"has_wiki":true,"has_pages":false,"forks_count":0,"mirror_url":null,"archived":false,"open_issues_count":0,"license":{"key":"other","name":"Other","spdx_id":"NOASSERTION","url":null,"node_id":"MDc6TGljZW5zZTA="},"forks":0,"open_issues":0,"watchers":0,"default_branch":"master"}},"base":{"label":"elastic:feature-secops","ref":"feature-secops","sha":"7d56f6e3bbc78431ad849c9118e67cc4c45058ef","user":{"login":"elastic","id":6764390,"node_id":"MDEyOk9yZ2FuaXphdGlvbjY3NjQzOTA=","avatar_url":"https://avatars0.githubusercontent.com/u/6764390?v=4","gravatar_id":"","url":"https://api.github.com/users/elastic","html_url":"https://github.com/elastic","followers_url":"https://api.github.com/users/elastic/followers","following_url":"https://api.github.com/users/elastic/following{/other_user}","gists_url":"https://api.github.com/users/elastic/gists{/gist_id}","starred_url":"https://api.github.com/users/elastic/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/elastic/subscriptions","organizations_url":"https://api.github.com/users/elastic/orgs","repos_url":"https://api.github.com/users/elastic/repos","events_url":"https://api.github.com/users/elastic/events{/privacy}","received_events_url":"https://api.github.com/users/elastic/received_events","type":"Organization","site_admin":false},"repo":{"id":7833168,"node_id":"MDEwOlJlcG9zaXRvcnk3ODMzMTY4","name":"kibana","full_name":"elastic/kibana","private":false,"owner":{"login":"elastic","id":6764390,"node_id":"MDEyOk9yZ2FuaXphdGlvbjY3NjQzOTA=","avatar_url":"https://avatars0.githubusercontent.com/u/6764390?v=4","gravatar_id":"","url":"https://api.github.com/users/elastic","html_url":"https://github.com/elastic","followers_url":"https://api.github.com/users/elastic/followers","following_url":"https://api.github.com/users/elastic/following{/other_user}","gists_url":"https://api.github.com/users/elastic/gists{/gist_id}","starred_url":"https://api.github.com/users/elastic/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/elastic/subscriptions","organizations_url":"https://api.github.com/users/elastic/orgs","repos_url":"https://api.github.com/users/elastic/repos","events_url":"https://api.github.com/users/elastic/events{/privacy}","received_events_url":"https://api.github.com/users/elastic/received_events","type":"Organization","site_admin":false},"html_url":"https://github.com/elastic/kibana","description":":bar_chart: Kibana analytics and search dashboard for Elasticsearch","fork":false,"url":"https://api.github.com/repos/elastic/kibana","forks_url":"https://api.github.com/repos/elastic/kibana/forks","keys_url":"https://api.github.com/repos/elastic/kibana/keys{/key_id}","collaborators_url":"https://api.github.com/repos/elastic/kibana/collaborators{/collaborator}","teams_url":"https://api.github.com/repos/elastic/kibana/teams","hooks_url":"https://api.github.com/repos/elastic/kibana/hooks","issue_events_url":"https://api.github.com/repos/elastic/kibana/issues/events{/number}","events_url":"https://api.github.com/repos/elastic/kibana/events","assignees_url":"https://api.github.com/repos/elastic/kibana/assignees{/user}","branches_url":"https://api.github.com/repos/elastic/kibana/branches{/branch}","tags_url":"https://api.github.com/repos/elastic/kibana/tags","blobs_url":"https://api.github.com/repos/elastic/kibana/git/blobs{/sha}","git_tags_url":"https://api.github.com/repos/elastic/kibana/git/tags{/sha}","git_refs_url":"https://api.github.com/repos/elastic/kibana/git/refs{/sha}","trees_url":"https://api.github.com/repos/elastic/kibana/git/trees{/sha}","statuses_url":"https://api.github.com/repos/elastic/kibana/statuses/{sha}","languages_url":"https://api.github.com/repos/elastic/kibana/languages","stargazers_url":"https://api.github.com/repos/elastic/kibana/stargazers","contributors_url":"https://api.github.com/repos/elastic/kibana/contributors","subscribers_url":"https://api.github.com/repos/elastic/kibana/subscribers","subscription_url":"https://api.github.com/repos/elastic/kibana/subscription","commits_url":"https://api.github.com/repos/elastic/kibana/commits{/sha}","git_commits_url":"https://api.github.com/repos/elastic/kibana/git/commits{/sha}","comments_url":"https://api.github.com/repos/elastic/kibana/comments{/number}","issue_comment_url":"https://api.github.com/repos/elastic/kibana/issues/comments{/number}","contents_url":"https://api.github.com/repos/elastic/kibana/contents/{+path}","compare_url":"https://api.github.com/repos/elastic/kibana/compare/{base}...{head}","merges_url":"https://api.github.com/repos/elastic/kibana/merges","archive_url":"https://api.github.com/repos/elastic/kibana/{archive_format}{/ref}","downloads_url":"https://api.github.com/repos/elastic/kibana/downloads","issues_url":"https://api.github.com/repos/elastic/kibana/issues{/number}","pulls_url":"https://api.github.com/repos/elastic/kibana/pulls{/number}","milestones_url":"https://api.github.com/repos/elastic/kibana/milestones{/number}","notifications_url":"https://api.github.com/repos/elastic/kibana/notifications{?since,all,participating}","labels_url":"https://api.github.com/repos/elastic/kibana/labels{/name}","releases_url":"https://api.github.com/repos/elastic/kibana/releases{/id}","deployments_url":"https://api.github.com/repos/elastic/kibana/deployments","created_at":"2013-01-26T04:00:59Z","updated_at":"2018-11-28T20:28:30Z","pushed_at":"2018-11-28T21:00:15Z","git_url":"git://github.com/elastic/kibana.git","ssh_url":"git@github.com:elastic/kibana.git","clone_url":"https://github.com/elastic/kibana.git","svn_url":"https://github.com/elastic/kibana","homepage":"https://www.elastic.co/products/kibana","size":577943,"stargazers_count":10527,"watchers_count":10527,"language":"JavaScript","has_issues":true,"has_projects":true,"has_downloads":true,"has_wiki":true,"has_pages":false,"forks_count":4121,"mirror_url":null,"archived":false,"open_issues_count":3769,"license":{"key":"other","name":"Other","spdx_id":"NOASSERTION","url":null,"node_id":"MDc6TGljZW5zZTA="},"forks":4121,"open_issues":3769,"watchers":10527,"default_branch":"master"}},"_links":{"self":{"href":"https://api.github.com/repos/elastic/kibana/pulls/26353"},"html":{"href":"https://github.com/elastic/kibana/pull/26353"},"issue":{"href":"https://api.github.com/repos/elastic/kibana/issues/26353"},"comments":{"href":"https://api.github.com/repos/elastic/kibana/issues/26353/comments"},"review_comments":{"href":"https://api.github.com/repos/elastic/kibana/pulls/26353/comments"},"review_comment":{"href":"https://api.github.com/repos/elastic/kibana/pulls/comments{/number}"},"commits":{"href":"https://api.github.com/repos/elastic/kibana/pulls/26353/commits"},"statuses":{"href":"https://api.github.com/repos/elastic/kibana/statuses/e1a0bb30bbb04e652539b97f2620edc56680bb4b"}},"author_association":"NONE"}}
{"actor":{"display_login":"andrew-goldstein"}}