{"action":"created","comment":{"url":"https://api.github.com/repos/meetup/meetup-web-components/pulls/comments/97404514","pull_request_review_id":18013114,"id":97404514,"diff_hunk":"@@ -0,0 +1,215 @@\n+\n+import React from 'react';\n+import Flex from './Flex';\n+import FlexItem from './FlexItem';\n+import { storiesOf } from '@kadira/storybook';\n+import { Annotate } from './utils/storyComponents';\n+\n+\n+const flexParentStyles = {\n+\tminHeight: '200px',\n+\tpadding: '20px',\n+\twidth: '100%'\n+};\n+\n+const flexItemStyles = {\n+\tbackgroundColor: 'rgba(220, 192, 255, 0.45)',\n+\tbackgroundClip: 'content-box',\n+\toutline: '1px dotted red'\n+};\n+\n+const boxStyles = {\n+\talignItems: 'center',\n+\tboxSizing: 'border-box',\n+\tdisplay: 'flex',\n+\theight: '100%',\n+\tjustifyContent : 'center',\n+\tfontSize: '28px',\n+\tfontWeight: '700',\n+\tpadding: '20px',\n+};\n+\n+storiesOf('Flex', module)\n+\t.add('Row (default)', () => (\n+\t\t<Flex style={flexParentStyles}>\n+\t\t\t<FlexItem style={flexItemStyles}><div style={boxStyles}>Item 1</div></FlexItem>\n+\t\t\t<FlexItem style={flexItemStyles}><div style={boxStyles}>Item 2</div></FlexItem>\n+\t\t\t<FlexItem style={flexItemStyles}><div style={boxStyles}>Item 3</div></FlexItem>\n+\t\t\t<FlexItem style={flexItemStyles}><div style={boxStyles}>Item 4</div></FlexItem>\n+\t\t\t<FlexItem style={flexItemStyles}><div style={boxStyles}>Item 5</div></FlexItem>\n+\t\t</Flex>\n+\t))\n+\t.add('Column', () => (\n+\t\t<Flex direction='column' style={flexParentStyles}>\n+\t\t\t<FlexItem style={flexItemStyles}><div style={boxStyles}>Item 1</div></FlexItem>\n+\t\t\t<FlexItem style={flexItemStyles}><div style={boxStyles}>Item 2</div></FlexItem>\n+\t\t\t<FlexItem style={flexItemStyles}><div style={boxStyles}>Item 3</div></FlexItem>\n+\t\t\t<FlexItem style={flexItemStyles}><div style={boxStyles}>Item 4</div></FlexItem>\n+\t\t\t<FlexItem style={flexItemStyles}><div style={boxStyles}>Item 5</div></FlexItem>\n+\t\t</Flex>\n+\t))\n+\t.add('Wrap', () => (\n+\t\t<Annotate notes='Wrapping will not occur if no `FlexItem` children have a `shrink` prop to give them a flex shrink factor'>\n+\t\t\t<Flex wrap style={flexParentStyles}>\n+\t\t\t\t<FlexItem shrink style={flexItemStyles}><div style={boxStyles}>Item 1</div></FlexItem>\n+\t\t\t\t<FlexItem shrink style={flexItemStyles}><div style={boxStyles}>Item 2</div></FlexItem>\n+\t\t\t\t<FlexItem shrink style={flexItemStyles}><div style={boxStyles}>Item 3</div></FlexItem>\n+\t\t\t\t<FlexItem shrink style={flexItemStyles}><div style={boxStyles}>Item 4</div></FlexItem>\n+\t\t\t\t<FlexItem shrink style={flexItemStyles}><div style={boxStyles}>Item 5</div></FlexItem>\n+\t\t\t\t<FlexItem shrink style={flexItemStyles}><div style={boxStyles}>Item 6</div></FlexItem>\n+\t\t\t\t<FlexItem shrink style={flexItemStyles}><div style={boxStyles}>Item 7</div></FlexItem>\n+\t\t\t\t<FlexItem shrink style={flexItemStyles}><div style={boxStyles}>Item 8</div></FlexItem>\n+\t\t\t\t<FlexItem shrink style={flexItemStyles}><div style={boxStyles}>Item 9</div></FlexItem>\n+\t\t\t\t<FlexItem shrink style={flexItemStyles}><div style={boxStyles}>Item 10</div></FlexItem>\n+\t\t\t\t<FlexItem shrink style={flexItemStyles}><div style={boxStyles}>Item 11</div></FlexItem>\n+\t\t\t\t<FlexItem shrink style={flexItemStyles}><div style={boxStyles}>Item 12</div></FlexItem>\n+\t\t\t\t<FlexItem shrink style={flexItemStyles}><div style={boxStyles}>Item 13</div></FlexItem>\n+\t\t\t\t<FlexItem shrink style={flexItemStyles}><div style={boxStyles}>Item 14</div></FlexItem>\n+\t\t\t\t<FlexItem shrink style={flexItemStyles}><div style={boxStyles}>Item 15</div></FlexItem>\n+\t\t\t</Flex>\n+\t\t</Annotate>\n+\t))\n+\t.add('No gutters', () => (\n+\t\t<Flex noGutters style={flexParentStyles}>\n+\t\t\t<FlexItem style={flexItemStyles}><div style={boxStyles}>Item 1</div></FlexItem>\n+\t\t\t<FlexItem style={flexItemStyles}><div style={boxStyles}>Item 2</div></FlexItem>\n+\t\t\t<FlexItem style={flexItemStyles}><div style={boxStyles}>Item 3</div></FlexItem>\n+\t\t\t<FlexItem style={flexItemStyles}><div style={boxStyles}>Item 4</div></FlexItem>\n+\t\t\t<FlexItem style={flexItemStyles}><div style={boxStyles}>Item 5</div></FlexItem>\n+\t\t</Flex>\n+\t))\n+\t.add('Justify center', () => (","path":"src/flex.story.jsx","position":81,"original_position":81,"commit_id":"fea7d7fd3fc87500ef6affbd1f53a95ffaf44d9c","original_commit_id":"fea7d7fd3fc87500ef6affbd1f53a95ffaf44d9c","user":{"login":"akdetrick","id":231252,"avatar_url":"https://avatars.githubusercontent.com/u/231252?v=3","gravatar_id":"","url":"https://api.github.com/users/akdetrick","html_url":"https://github.com/akdetrick","followers_url":"https://api.github.com/users/akdetrick/followers","following_url":"https://api.github.com/users/akdetrick/following{/other_user}","gists_url":"https://api.github.com/users/akdetrick/gists{/gist_id}","starred_url":"https://api.github.com/users/akdetrick/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/akdetrick/subscriptions","organizations_url":"https://api.github.com/users/akdetrick/orgs","repos_url":"https://api.github.com/users/akdetrick/repos","events_url":"https://api.github.com/users/akdetrick/events{/privacy}","received_events_url":"https://api.github.com/users/akdetrick/received_events","type":"User","site_admin":false},"body":"Not a blocker, but the justification change isn't really visible in storybook right now; We may need to add a parent container around `Flex` here to visually demonstrate `justify-content` variants","created_at":"2017-01-23T20:09:28Z","updated_at":"2017-01-23T20:09:29Z","html_url":"https://github.com/meetup/meetup-web-components/pull/56#discussion_r97404514","pull_request_url":"https://api.github.com/repos/meetup/meetup-web-components/pulls/56","_links":{"self":{"href":"https://api.github.com/repos/meetup/meetup-web-components/pulls/comments/97404514"},"html":{"href":"https://github.com/meetup/meetup-web-components/pull/56#discussion_r97404514"},"pull_request":{"href":"https://api.github.com/repos/meetup/meetup-web-components/pulls/56"}}},"pull_request":{"url":"https://api.github.com/repos/meetup/meetup-web-components/pulls/56","id":102763303,"html_url":"https://github.com/meetup/meetup-web-components/pull/56","diff_url":"https://github.com/meetup/meetup-web-components/pull/56.diff","patch_url":"https://github.com/meetup/meetup-web-components/pull/56.patch","issue_url":"https://api.github.com/repos/meetup/meetup-web-components/issues/56","number":56,"state":"open","locked":false,"title":"WC-23 flex","user":{"login":"eilinora","id":1933722,"avatar_url":"https://avatars.githubusercontent.com/u/1933722?v=3","gravatar_id":"","url":"https://api.github.com/users/eilinora","html_url":"https://github.com/eilinora","followers_url":"https://api.github.com/users/eilinora/followers","following_url":"https://api.github.com/users/eilinora/following{/other_user}","gists_url":"https://api.github.com/users/eilinora/gists{/gist_id}","starred_url":"https://api.github.com/users/eilinora/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/eilinora/subscriptions","organizations_url":"https://api.github.com/users/eilinora/orgs","repos_url":"https://api.github.com/users/eilinora/repos","events_url":"https://api.github.com/users/eilinora/events{/privacy}","received_events_url":"https://api.github.com/users/eilinora/received_events","type":"User","site_admin":false},"body":"#### Related issues\r\n\r\nFixes https://meetup.atlassian.net/browse/WC-23\r\n\r\n#### Description\r\nDoD:\r\n- Flex & FlexItem components have stories, & tests\r\n\r\n#### Screenshots (if applicable)\r\n![screen shot 2017-01-23 at 12 24 25 pm](https://cloud.githubusercontent.com/assets/1933722/22214758/e8f62eee-e166-11e6-9d2c-8419eaa86431.png)\r\n![screen shot 2017-01-23 at 12 24 22 pm](https://cloud.githubusercontent.com/assets/1933722/22214757/e8f17e44-e166-11e6-88bf-1051186ea08e.png)\r\n\r\n","created_at":"2017-01-23T17:25:30Z","updated_at":"2017-01-23T20:09:29Z","closed_at":null,"merged_at":null,"merge_commit_sha":"5d5b1fce8df2adcde2d4be2ccc2be7b5d05c0bc7","assignee":null,"assignees":[],"milestone":null,"commits_url":"https://api.github.com/repos/meetup/meetup-web-components/pulls/56/commits","review_comments_url":"https://api.github.com/repos/meetup/meetup-web-components/pulls/56/comments","review_comment_url":"https://api.github.com/repos/meetup/meetup-web-components/pulls/comments{/number}","comments_url":"https://api.github.com/repos/meetup/meetup-web-components/issues/56/comments","statuses_url":"https://api.github.com/repos/meetup/meetup-web-components/statuses/fea7d7fd3fc87500ef6affbd1f53a95ffaf44d9c","head":{"label":"meetup:WC-23_flex","ref":"WC-23_flex","sha":"fea7d7fd3fc87500ef6affbd1f53a95ffaf44d9c","user":{"login":"meetup","id":147855,"avatar_url":"https://avatars.githubusercontent.com/u/147855?v=3","gravatar_id":"","url":"https://api.github.com/users/meetup","html_url":"https://github.com/meetup","followers_url":"https://api.github.com/users/meetup/followers","following_url":"https://api.github.com/users/meetup/following{/other_user}","gists_url":"https://api.github.com/users/meetup/gists{/gist_id}","starred_url":"https://api.github.com/users/meetup/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/meetup/subscriptions","organizations_url":"https://api.github.com/users/meetup/orgs","repos_url":"https://api.github.com/users/meetup/repos","events_url":"https://api.github.com/users/meetup/events{/privacy}","received_events_url":"https://api.github.com/users/meetup/received_events","type":"Organization","site_admin":false},"repo":{"id":69976677,"name":"meetup-web-components","full_name":"meetup/meetup-web-components","owner":{"login":"meetup","id":147855,"avatar_url":"https://avatars.githubusercontent.com/u/147855?v=3","gravatar_id":"","url":"https://api.github.com/users/meetup","html_url":"https://github.com/meetup","followers_url":"https://api.github.com/users/meetup/followers","following_url":"https://api.github.com/users/meetup/following{/other_user}","gists_url":"https://api.github.com/users/meetup/gists{/gist_id}","starred_url":"https://api.github.com/users/meetup/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/meetup/subscriptions","organizations_url":"https://api.github.com/users/meetup/orgs","repos_url":"https://api.github.com/users/meetup/repos","events_url":"https://api.github.com/users/meetup/events{/privacy}","received_events_url":"https://api.github.com/users/meetup/received_events","type":"Organization","site_admin":false},"private":false,"html_url":"https://github.com/meetup/meetup-web-components","description":"React library of Foundation components","fork":false,"url":"https://api.github.com/repos/meetup/meetup-web-components","forks_url":"https://api.github.com/repos/meetup/meetup-web-components/forks","keys_url":"https://api.github.com/repos/meetup/meetup-web-components/keys{/key_id}","collaborators_url":"https://api.github.com/repos/meetup/meetup-web-components/collaborators{/collaborator}","teams_url":"https://api.github.com/repos/meetup/meetup-web-components/teams","hooks_url":"https://api.github.com/repos/meetup/meetup-web-components/hooks","issue_events_url":"https://api.github.com/repos/meetup/meetup-web-components/issues/events{/number}","events_url":"https://api.github.com/repos/meetup/meetup-web-components/events","assignees_url":"https://api.github.com/repos/meetup/meetup-web-components/assignees{/user}","branches_url":"https://api.github.com/repos/meetup/meetup-web-components/branches{/branch}","tags_url":"https://api.github.com/repos/meetup/meetup-web-components/tags","blobs_url":"https://api.github.com/repos/meetup/meetup-web-components/git/blobs{/sha}","git_tags_url":"https://api.github.com/repos/meetup/meetup-web-components/git/tags{/sha}","git_refs_url":"https://api.github.com/repos/meetup/meetup-web-components/git/refs{/sha}","trees_url":"https://api.github.com/repos/meetup/meetup-web-components/git/trees{/sha}","statuses_url":"https://api.github.com/repos/meetup/meetup-web-components/statuses/{sha}","languages_url":"https://api.github.com/repos/meetup/meetup-web-components/languages","stargazers_url":"https://api.github.com/repos/meetup/meetup-web-components/stargazers","contributors_url":"https://api.github.com/repos/meetup/meetup-web-components/contributors","subscribers_url":"https://api.github.com/repos/meetup/meetup-web-components/subscribers","subscription_url":"https://api.github.com/repos/meetup/meetup-web-components/subscription","commits_url":"https://api.github.com/repos/meetup/meetup-web-components/commits{/sha}","git_commits_url":"https://api.github.com/repos/meetup/meetup-web-components/git/commits{/sha}","comments_url":"https://api.github.com/repos/meetup/meetup-web-components/comments{/number}","issue_comment_url":"https://api.github.com/repos/meetup/meetup-web-components/issues/comments{/number}","contents_url":"https://api.github.com/repos/meetup/meetup-web-components/contents/{+path}","compare_url":"https://api.github.com/repos/meetup/meetup-web-components/compare/{base}...{head}","merges_url":"https://api.github.com/repos/meetup/meetup-web-components/merges","archive_url":"https://api.github.com/repos/meetup/meetup-web-components/{archive_format}{/ref}","downloads_url":"https://api.github.com/repos/meetup/meetup-web-components/downloads","issues_url":"https://api.github.com/repos/meetup/meetup-web-components/issues{/number}","pulls_url":"https://api.github.com/repos/meetup/meetup-web-components/pulls{/number}","milestones_url":"https://api.github.com/repos/meetup/meetup-web-components/milestones{/number}","notifications_url":"https://api.github.com/repos/meetup/meetup-web-components/notifications{?since,all,participating}","labels_url":"https://api.github.com/repos/meetup/meetup-web-components/labels{/name}","releases_url":"https://api.github.com/repos/meetup/meetup-web-components/releases{/id}","deployments_url":"https://api.github.com/repos/meetup/meetup-web-components/deployments","created_at":"2016-10-04T15:04:35Z","updated_at":"2016-10-24T21:05:07Z","pushed_at":"2017-01-23T19:13:30Z","git_url":"git://github.com/meetup/meetup-web-components.git","ssh_url":"git@github.com:meetup/meetup-web-components.git","clone_url":"https://github.com/meetup/meetup-web-components.git","svn_url":"https://github.com/meetup/meetup-web-components","homepage":null,"size":452,"stargazers_count":0,"watchers_count":0,"language":"JavaScript","has_issues":true,"has_downloads":true,"has_wiki":true,"has_pages":false,"forks_count":0,"mirror_url":null,"open_issues_count":5,"forks":0,"open_issues":5,"watchers":0,"default_branch":"master"}},"base":{"label":"meetup:master","ref":"master","sha":"6899eebe8b757dd9b50fee48783581ac03590d8a","user":{"login":"meetup","id":147855,"avatar_url":"https://avatars.githubusercontent.com/u/147855?v=3","gravatar_id":"","url":"https://api.github.com/users/meetup","html_url":"https://github.com/meetup","followers_url":"https://api.github.com/users/meetup/followers","following_url":"https://api.github.com/users/meetup/following{/other_user}","gists_url":"https://api.github.com/users/meetup/gists{/gist_id}","starred_url":"https://api.github.com/users/meetup/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/meetup/subscriptions","organizations_url":"https://api.github.com/users/meetup/orgs","repos_url":"https://api.github.com/users/meetup/repos","events_url":"https://api.github.com/users/meetup/events{/privacy}","received_events_url":"https://api.github.com/users/meetup/received_events","type":"Organization","site_admin":false},"repo":{"id":69976677,"name":"meetup-web-components","full_name":"meetup/meetup-web-components","owner":{"login":"meetup","id":147855,"avatar_url":"https://avatars.githubusercontent.com/u/147855?v=3","gravatar_id":"","url":"https://api.github.com/users/meetup","html_url":"https://github.com/meetup","followers_url":"https://api.github.com/users/meetup/followers","following_url":"https://api.github.com/users/meetup/following{/other_user}","gists_url":"https://api.github.com/users/meetup/gists{/gist_id}","starred_url":"https://api.github.com/users/meetup/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/meetup/subscriptions","organizations_url":"https://api.github.com/users/meetup/orgs","repos_url":"https://api.github.com/users/meetup/repos","events_url":"https://api.github.com/users/meetup/events{/privacy}","received_events_url":"https://api.github.com/users/meetup/received_events","type":"Organization","site_admin":false},"private":false,"html_url":"https://github.com/meetup/meetup-web-components","description":"React library of Foundation components","fork":false,"url":"https://api.github.com/repos/meetup/meetup-web-components","forks_url":"https://api.github.com/repos/meetup/meetup-web-components/forks","keys_url":"https://api.github.com/repos/meetup/meetup-web-components/keys{/key_id}","collaborators_url":"https://api.github.com/repos/meetup/meetup-web-components/collaborators{/collaborator}","teams_url":"https://api.github.com/repos/meetup/meetup-web-components/teams","hooks_url":"https://api.github.com/repos/meetup/meetup-web-components/hooks","issue_events_url":"https://api.github.com/repos/meetup/meetup-web-components/issues/events{/number}","events_url":"https://api.github.com/repos/meetup/meetup-web-components/events","assignees_url":"https://api.github.com/repos/meetup/meetup-web-components/assignees{/user}","branches_url":"https://api.github.com/repos/meetup/meetup-web-components/branches{/branch}","tags_url":"https://api.github.com/repos/meetup/meetup-web-components/tags","blobs_url":"https://api.github.com/repos/meetup/meetup-web-components/git/blobs{/sha}","git_tags_url":"https://api.github.com/repos/meetup/meetup-web-components/git/tags{/sha}","git_refs_url":"https://api.github.com/repos/meetup/meetup-web-components/git/refs{/sha}","trees_url":"https://api.github.com/repos/meetup/meetup-web-components/git/trees{/sha}","statuses_url":"https://api.github.com/repos/meetup/meetup-web-components/statuses/{sha}","languages_url":"https://api.github.com/repos/meetup/meetup-web-components/languages","stargazers_url":"https://api.github.com/repos/meetup/meetup-web-components/stargazers","contributors_url":"https://api.github.com/repos/meetup/meetup-web-components/contributors","subscribers_url":"https://api.github.com/repos/meetup/meetup-web-components/subscribers","subscription_url":"https://api.github.com/repos/meetup/meetup-web-components/subscription","commits_url":"https://api.github.com/repos/meetup/meetup-web-components/commits{/sha}","git_commits_url":"https://api.github.com/repos/meetup/meetup-web-components/git/commits{/sha}","comments_url":"https://api.github.com/repos/meetup/meetup-web-components/comments{/number}","issue_comment_url":"https://api.github.com/repos/meetup/meetup-web-components/issues/comments{/number}","contents_url":"https://api.github.com/repos/meetup/meetup-web-components/contents/{+path}","compare_url":"https://api.github.com/repos/meetup/meetup-web-components/compare/{base}...{head}","merges_url":"https://api.github.com/repos/meetup/meetup-web-components/merges","archive_url":"https://api.github.com/repos/meetup/meetup-web-components/{archive_format}{/ref}","downloads_url":"https://api.github.com/repos/meetup/meetup-web-components/downloads","issues_url":"https://api.github.com/repos/meetup/meetup-web-components/issues{/number}","pulls_url":"https://api.github.com/repos/meetup/meetup-web-components/pulls{/number}","milestones_url":"https://api.github.com/repos/meetup/meetup-web-components/milestones{/number}","notifications_url":"https://api.github.com/repos/meetup/meetup-web-components/notifications{?since,all,participating}","labels_url":"https://api.github.com/repos/meetup/meetup-web-components/labels{/name}","releases_url":"https://api.github.com/repos/meetup/meetup-web-components/releases{/id}","deployments_url":"https://api.github.com/repos/meetup/meetup-web-components/deployments","created_at":"2016-10-04T15:04:35Z","updated_at":"2016-10-24T21:05:07Z","pushed_at":"2017-01-23T19:13:30Z","git_url":"git://github.com/meetup/meetup-web-components.git","ssh_url":"git@github.com:meetup/meetup-web-components.git","clone_url":"https://github.com/meetup/meetup-web-components.git","svn_url":"https://github.com/meetup/meetup-web-components","homepage":null,"size":452,"stargazers_count":0,"watchers_count":0,"language":"JavaScript","has_issues":true,"has_downloads":true,"has_wiki":true,"has_pages":false,"forks_count":0,"mirror_url":null,"open_issues_count":5,"forks":0,"open_issues":5,"watchers":0,"default_branch":"master"}},"_links":{"self":{"href":"https://api.github.com/repos/meetup/meetup-web-components/pulls/56"},"html":{"href":"https://github.com/meetup/meetup-web-components/pull/56"},"issue":{"href":"https://api.github.com/repos/meetup/meetup-web-components/issues/56"},"comments":{"href":"https://api.github.com/repos/meetup/meetup-web-components/issues/56/comments"},"review_comments":{"href":"https://api.github.com/repos/meetup/meetup-web-components/pulls/56/comments"},"review_comment":{"href":"https://api.github.com/repos/meetup/meetup-web-components/pulls/comments{/number}"},"commits":{"href":"https://api.github.com/repos/meetup/meetup-web-components/pulls/56/commits"},"statuses":{"href":"https://api.github.com/repos/meetup/meetup-web-components/statuses/fea7d7fd3fc87500ef6affbd1f53a95ffaf44d9c"}}}}
{"actor":{"display_login":"akdetrick"}}