{"action":"created","comment":{"url":"https://api.github.com/repos/Popmotion/popmotion/pulls/comments/180423641","pull_request_review_id":110835849,"id":180423641,"diff_hunk":"@@ -98,10 +135,10 @@ const sidebarProps = {\n   closed: { x: '-100%' }\n }\n \n-const Sidebar = styled(posed.nav(sidebarProps))`\n+const Sidebar = posed(styled.nav`","path":"packages/popmotion-pose/docs/api/react/posed.md","position":67,"original_position":67,"commit_id":"57800027b7fa5dad47c472b7d9ad1307494afcbe","original_commit_id":"57800027b7fa5dad47c472b7d9ad1307494afcbe","user":{"login":"InventingWithMonster","id":7850794,"avatar_url":"https://avatars1.githubusercontent.com/u/7850794?v=4","gravatar_id":"","url":"https://api.github.com/users/InventingWithMonster","html_url":"https://github.com/InventingWithMonster","followers_url":"https://api.github.com/users/InventingWithMonster/followers","following_url":"https://api.github.com/users/InventingWithMonster/following{/other_user}","gists_url":"https://api.github.com/users/InventingWithMonster/gists{/gist_id}","starred_url":"https://api.github.com/users/InventingWithMonster/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/InventingWithMonster/subscriptions","organizations_url":"https://api.github.com/users/InventingWithMonster/orgs","repos_url":"https://api.github.com/users/InventingWithMonster/repos","events_url":"https://api.github.com/users/InventingWithMonster/events{/privacy}","received_events_url":"https://api.github.com/users/InventingWithMonster/received_events","type":"User","site_admin":false},"body":"Leave this as before - I'd like to encourage the previous syntax because it leaves the complexity on Styled Components.","created_at":"2018-04-10T13:40:06Z","updated_at":"2018-04-10T13:56:57Z","html_url":"https://github.com/Popmotion/popmotion/pull/276#discussion_r180423641","pull_request_url":"https://api.github.com/repos/Popmotion/popmotion/pulls/276","author_association":"COLLABORATOR","_links":{"self":{"href":"https://api.github.com/repos/Popmotion/popmotion/pulls/comments/180423641"},"html":{"href":"https://github.com/Popmotion/popmotion/pull/276#discussion_r180423641"},"pull_request":{"href":"https://api.github.com/repos/Popmotion/popmotion/pulls/276"}}},"pull_request":{"url":"https://api.github.com/repos/Popmotion/popmotion/pulls/276","id":178496962,"html_url":"https://github.com/Popmotion/popmotion/pull/276","diff_url":"https://github.com/Popmotion/popmotion/pull/276.diff","patch_url":"https://github.com/Popmotion/popmotion/pull/276.patch","issue_url":"https://api.github.com/repos/Popmotion/popmotion/issues/276","number":276,"state":"open","locked":false,"title":"Support posing regular react components","user":{"login":"jesstelford","id":612020,"avatar_url":"https://avatars1.githubusercontent.com/u/612020?v=4","gravatar_id":"","url":"https://api.github.com/users/jesstelford","html_url":"https://github.com/jesstelford","followers_url":"https://api.github.com/users/jesstelford/followers","following_url":"https://api.github.com/users/jesstelford/following{/other_user}","gists_url":"https://api.github.com/users/jesstelford/gists{/gist_id}","starred_url":"https://api.github.com/users/jesstelford/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/jesstelford/subscriptions","organizations_url":"https://api.github.com/users/jesstelford/orgs","repos_url":"https://api.github.com/users/jesstelford/repos","events_url":"https://api.github.com/users/jesstelford/events{/privacy}","received_events_url":"https://api.github.com/users/jesstelford/received_events","type":"User","site_admin":false},"body":"The same way Styled Components does it:\r\n\r\n```javascript\r\nclass MyComponent extends React.Component {\r\n  /* ... */\r\n}\r\n\r\nconst DraggableComponent = posed(MyComponent)({\r\n  draggable: 'x',\r\n  dragBounds: { left: 0, right: 100 }\r\n})\r\n\r\nexport default ({ radius }) => <DraggableComponent r={radius} />\r\n```\r\n\r\nI had some trouble getting the monorepo setup and running, but got there in the end - perhaps a setup guide might help future contributors?\r\n\r\nAlso, this is my second time ever writing TypeScript - I hope I didn't butcher it too bad!","created_at":"2018-03-30T05:30:19Z","updated_at":"2018-04-10T13:56:57Z","closed_at":null,"merged_at":null,"merge_commit_sha":"fc82cc66de5488e925307c704c23d2d0ffb6c0a4","assignee":null,"assignees":[],"requested_reviewers":[],"requested_teams":[],"labels":[],"milestone":null,"commits_url":"https://api.github.com/repos/Popmotion/popmotion/pulls/276/commits","review_comments_url":"https://api.github.com/repos/Popmotion/popmotion/pulls/276/comments","review_comment_url":"https://api.github.com/repos/Popmotion/popmotion/pulls/comments{/number}","comments_url":"https://api.github.com/repos/Popmotion/popmotion/issues/276/comments","statuses_url":"https://api.github.com/repos/Popmotion/popmotion/statuses/57800027b7fa5dad47c472b7d9ad1307494afcbe","head":{"label":"jesstelford:react-pose-components","ref":"react-pose-components","sha":"57800027b7fa5dad47c472b7d9ad1307494afcbe","user":{"login":"jesstelford","id":612020,"avatar_url":"https://avatars1.githubusercontent.com/u/612020?v=4","gravatar_id":"","url":"https://api.github.com/users/jesstelford","html_url":"https://github.com/jesstelford","followers_url":"https://api.github.com/users/jesstelford/followers","following_url":"https://api.github.com/users/jesstelford/following{/other_user}","gists_url":"https://api.github.com/users/jesstelford/gists{/gist_id}","starred_url":"https://api.github.com/users/jesstelford/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/jesstelford/subscriptions","organizations_url":"https://api.github.com/users/jesstelford/orgs","repos_url":"https://api.github.com/users/jesstelford/repos","events_url":"https://api.github.com/users/jesstelford/events{/privacy}","received_events_url":"https://api.github.com/users/jesstelford/received_events","type":"User","site_admin":false},"repo":{"id":127207852,"name":"popmotion","full_name":"jesstelford/popmotion","owner":{"login":"jesstelford","id":612020,"avatar_url":"https://avatars1.githubusercontent.com/u/612020?v=4","gravatar_id":"","url":"https://api.github.com/users/jesstelford","html_url":"https://github.com/jesstelford","followers_url":"https://api.github.com/users/jesstelford/followers","following_url":"https://api.github.com/users/jesstelford/following{/other_user}","gists_url":"https://api.github.com/users/jesstelford/gists{/gist_id}","starred_url":"https://api.github.com/users/jesstelford/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/jesstelford/subscriptions","organizations_url":"https://api.github.com/users/jesstelford/orgs","repos_url":"https://api.github.com/users/jesstelford/repos","events_url":"https://api.github.com/users/jesstelford/events{/privacy}","received_events_url":"https://api.github.com/users/jesstelford/received_events","type":"User","site_admin":false},"private":false,"html_url":"https://github.com/jesstelford/popmotion","description":"A functional, reactive animation library.","fork":true,"url":"https://api.github.com/repos/jesstelford/popmotion","forks_url":"https://api.github.com/repos/jesstelford/popmotion/forks","keys_url":"https://api.github.com/repos/jesstelford/popmotion/keys{/key_id}","collaborators_url":"https://api.github.com/repos/jesstelford/popmotion/collaborators{/collaborator}","teams_url":"https://api.github.com/repos/jesstelford/popmotion/teams","hooks_url":"https://api.github.com/repos/jesstelford/popmotion/hooks","issue_events_url":"https://api.github.com/repos/jesstelford/popmotion/issues/events{/number}","events_url":"https://api.github.com/repos/jesstelford/popmotion/events","assignees_url":"https://api.github.com/repos/jesstelford/popmotion/assignees{/user}","branches_url":"https://api.github.com/repos/jesstelford/popmotion/branches{/branch}","tags_url":"https://api.github.com/repos/jesstelford/popmotion/tags","blobs_url":"https://api.github.com/repos/jesstelford/popmotion/git/blobs{/sha}","git_tags_url":"https://api.github.com/repos/jesstelford/popmotion/git/tags{/sha}","git_refs_url":"https://api.github.com/repos/jesstelford/popmotion/git/refs{/sha}","trees_url":"https://api.github.com/repos/jesstelford/popmotion/git/trees{/sha}","statuses_url":"https://api.github.com/repos/jesstelford/popmotion/statuses/{sha}","languages_url":"https://api.github.com/repos/jesstelford/popmotion/languages","stargazers_url":"https://api.github.com/repos/jesstelford/popmotion/stargazers","contributors_url":"https://api.github.com/repos/jesstelford/popmotion/contributors","subscribers_url":"https://api.github.com/repos/jesstelford/popmotion/subscribers","subscription_url":"https://api.github.com/repos/jesstelford/popmotion/subscription","commits_url":"https://api.github.com/repos/jesstelford/popmotion/commits{/sha}","git_commits_url":"https://api.github.com/repos/jesstelford/popmotion/git/commits{/sha}","comments_url":"https://api.github.com/repos/jesstelford/popmotion/comments{/number}","issue_comment_url":"https://api.github.com/repos/jesstelford/popmotion/issues/comments{/number}","contents_url":"https://api.github.com/repos/jesstelford/popmotion/contents/{+path}","compare_url":"https://api.github.com/repos/jesstelford/popmotion/compare/{base}...{head}","merges_url":"https://api.github.com/repos/jesstelford/popmotion/merges","archive_url":"https://api.github.com/repos/jesstelford/popmotion/{archive_format}{/ref}","downloads_url":"https://api.github.com/repos/jesstelford/popmotion/downloads","issues_url":"https://api.github.com/repos/jesstelford/popmotion/issues{/number}","pulls_url":"https://api.github.com/repos/jesstelford/popmotion/pulls{/number}","milestones_url":"https://api.github.com/repos/jesstelford/popmotion/milestones{/number}","notifications_url":"https://api.github.com/repos/jesstelford/popmotion/notifications{?since,all,participating}","labels_url":"https://api.github.com/repos/jesstelford/popmotion/labels{/name}","releases_url":"https://api.github.com/repos/jesstelford/popmotion/releases{/id}","deployments_url":"https://api.github.com/repos/jesstelford/popmotion/deployments","created_at":"2018-03-28T22:53:50Z","updated_at":"2018-03-28T22:53:53Z","pushed_at":"2018-04-02T22:06:54Z","git_url":"git://github.com/jesstelford/popmotion.git","ssh_url":"git@github.com:jesstelford/popmotion.git","clone_url":"https://github.com/jesstelford/popmotion.git","svn_url":"https://github.com/jesstelford/popmotion","homepage":"https://popmotion.io","size":35446,"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":"mit","name":"MIT License","spdx_id":"MIT","url":"https://api.github.com/licenses/mit"},"forks":0,"open_issues":0,"watchers":0,"default_branch":"master"}},"base":{"label":"Popmotion:master","ref":"master","sha":"daabb2bd8dcc6bee4ba117ff3211d7ac33361cc7","user":{"login":"Popmotion","id":14272617,"avatar_url":"https://avatars3.githubusercontent.com/u/14272617?v=4","gravatar_id":"","url":"https://api.github.com/users/Popmotion","html_url":"https://github.com/Popmotion","followers_url":"https://api.github.com/users/Popmotion/followers","following_url":"https://api.github.com/users/Popmotion/following{/other_user}","gists_url":"https://api.github.com/users/Popmotion/gists{/gist_id}","starred_url":"https://api.github.com/users/Popmotion/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/Popmotion/subscriptions","organizations_url":"https://api.github.com/users/Popmotion/orgs","repos_url":"https://api.github.com/users/Popmotion/repos","events_url":"https://api.github.com/users/Popmotion/events{/privacy}","received_events_url":"https://api.github.com/users/Popmotion/received_events","type":"Organization","site_admin":false},"repo":{"id":23044617,"name":"popmotion","full_name":"Popmotion/popmotion","owner":{"login":"Popmotion","id":14272617,"avatar_url":"https://avatars3.githubusercontent.com/u/14272617?v=4","gravatar_id":"","url":"https://api.github.com/users/Popmotion","html_url":"https://github.com/Popmotion","followers_url":"https://api.github.com/users/Popmotion/followers","following_url":"https://api.github.com/users/Popmotion/following{/other_user}","gists_url":"https://api.github.com/users/Popmotion/gists{/gist_id}","starred_url":"https://api.github.com/users/Popmotion/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/Popmotion/subscriptions","organizations_url":"https://api.github.com/users/Popmotion/orgs","repos_url":"https://api.github.com/users/Popmotion/repos","events_url":"https://api.github.com/users/Popmotion/events{/privacy}","received_events_url":"https://api.github.com/users/Popmotion/received_events","type":"Organization","site_admin":false},"private":false,"html_url":"https://github.com/Popmotion/popmotion","description":"A functional, reactive animation library.","fork":false,"url":"https://api.github.com/repos/Popmotion/popmotion","forks_url":"https://api.github.com/repos/Popmotion/popmotion/forks","keys_url":"https://api.github.com/repos/Popmotion/popmotion/keys{/key_id}","collaborators_url":"https://api.github.com/repos/Popmotion/popmotion/collaborators{/collaborator}","teams_url":"https://api.github.com/repos/Popmotion/popmotion/teams","hooks_url":"https://api.github.com/repos/Popmotion/popmotion/hooks","issue_events_url":"https://api.github.com/repos/Popmotion/popmotion/issues/events{/number}","events_url":"https://api.github.com/repos/Popmotion/popmotion/events","assignees_url":"https://api.github.com/repos/Popmotion/popmotion/assignees{/user}","branches_url":"https://api.github.com/repos/Popmotion/popmotion/branches{/branch}","tags_url":"https://api.github.com/repos/Popmotion/popmotion/tags","blobs_url":"https://api.github.com/repos/Popmotion/popmotion/git/blobs{/sha}","git_tags_url":"https://api.github.com/repos/Popmotion/popmotion/git/tags{/sha}","git_refs_url":"https://api.github.com/repos/Popmotion/popmotion/git/refs{/sha}","trees_url":"https://api.github.com/repos/Popmotion/popmotion/git/trees{/sha}","statuses_url":"https://api.github.com/repos/Popmotion/popmotion/statuses/{sha}","languages_url":"https://api.github.com/repos/Popmotion/popmotion/languages","stargazers_url":"https://api.github.com/repos/Popmotion/popmotion/stargazers","contributors_url":"https://api.github.com/repos/Popmotion/popmotion/contributors","subscribers_url":"https://api.github.com/repos/Popmotion/popmotion/subscribers","subscription_url":"https://api.github.com/repos/Popmotion/popmotion/subscription","commits_url":"https://api.github.com/repos/Popmotion/popmotion/commits{/sha}","git_commits_url":"https://api.github.com/repos/Popmotion/popmotion/git/commits{/sha}","comments_url":"https://api.github.com/repos/Popmotion/popmotion/comments{/number}","issue_comment_url":"https://api.github.com/repos/Popmotion/popmotion/issues/comments{/number}","contents_url":"https://api.github.com/repos/Popmotion/popmotion/contents/{+path}","compare_url":"https://api.github.com/repos/Popmotion/popmotion/compare/{base}...{head}","merges_url":"https://api.github.com/repos/Popmotion/popmotion/merges","archive_url":"https://api.github.com/repos/Popmotion/popmotion/{archive_format}{/ref}","downloads_url":"https://api.github.com/repos/Popmotion/popmotion/downloads","issues_url":"https://api.github.com/repos/Popmotion/popmotion/issues{/number}","pulls_url":"https://api.github.com/repos/Popmotion/popmotion/pulls{/number}","milestones_url":"https://api.github.com/repos/Popmotion/popmotion/milestones{/number}","notifications_url":"https://api.github.com/repos/Popmotion/popmotion/notifications{?since,all,participating}","labels_url":"https://api.github.com/repos/Popmotion/popmotion/labels{/name}","releases_url":"https://api.github.com/repos/Popmotion/popmotion/releases{/id}","deployments_url":"https://api.github.com/repos/Popmotion/popmotion/deployments","created_at":"2014-08-17T16:23:07Z","updated_at":"2018-04-10T13:32:53Z","pushed_at":"2018-04-09T16:29:42Z","git_url":"git://github.com/Popmotion/popmotion.git","ssh_url":"git@github.com:Popmotion/popmotion.git","clone_url":"https://github.com/Popmotion/popmotion.git","svn_url":"https://github.com/Popmotion/popmotion","homepage":"https://popmotion.io","size":35512,"stargazers_count":12676,"watchers_count":12676,"language":"JavaScript","has_issues":true,"has_projects":true,"has_downloads":true,"has_wiki":true,"has_pages":false,"forks_count":445,"mirror_url":null,"archived":false,"open_issues_count":14,"license":{"key":"mit","name":"MIT License","spdx_id":"MIT","url":"https://api.github.com/licenses/mit"},"forks":445,"open_issues":14,"watchers":12676,"default_branch":"master"}},"_links":{"self":{"href":"https://api.github.com/repos/Popmotion/popmotion/pulls/276"},"html":{"href":"https://github.com/Popmotion/popmotion/pull/276"},"issue":{"href":"https://api.github.com/repos/Popmotion/popmotion/issues/276"},"comments":{"href":"https://api.github.com/repos/Popmotion/popmotion/issues/276/comments"},"review_comments":{"href":"https://api.github.com/repos/Popmotion/popmotion/pulls/276/comments"},"review_comment":{"href":"https://api.github.com/repos/Popmotion/popmotion/pulls/comments{/number}"},"commits":{"href":"https://api.github.com/repos/Popmotion/popmotion/pulls/276/commits"},"statuses":{"href":"https://api.github.com/repos/Popmotion/popmotion/statuses/57800027b7fa5dad47c472b7d9ad1307494afcbe"}},"author_association":"CONTRIBUTOR"}}
{"actor":{"display_login":"InventingWithMonster"}}