| 1 | {"version":3,"sources":["../../src/stories/AvatarGroup.story.jsx"],"names":["user","title","src","userWithLink","link","userWithHref","href","storiesOf","add","map","users","i","a","users2","border","lineHeight","fontWeight","color"],"mappings":"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","sourcesContent":["import React from 'react';\nimport range from 'lodash/range';\nimport random from 'lodash/random';\nimport Story from '@lskjs/dev/Story';\nimport AvatarGroup from './AvatarGroup';\n\nconst user = () => ({\n title: 'John Smith',\n src: `https://randomuser.me/api/portraits/men/${random(99)}.jpg`,\n});\n\nconst userWithLink = () => ({\n title: 'John Smith',\n src: `https://randomuser.me/api/portraits/men/${random(99)}.jpg`,\n link: `user/link-${random(99)}`,\n});\n\nconst userWithHref = () => ({\n title: 'John Smith',\n src: `https://randomuser.me/api/portraits/men/${random(99)}.jpg`,\n href: `user/href-${random(99)}`,\n});\n\nexport default ({ storiesOf }) =>\n storiesOf('avatar/AvatarGroup')\n .add('Items only', () => (\n <Story>\n <AvatarGroup items={range(5).map(user)} />\n </Story>\n ))\n .add('Items + limit', () => (\n <Story>\n <AvatarGroup items={range(5).map(user)} limit={3} />\n </Story>\n ))\n .add('Items + limit2', () => <AvatarGroup items={range(5).map(user)} limit={10} />)\n .add('Items + count', () => (\n <Story>\n <AvatarGroup items={range(5).map(user)} count={20} />\n </Story>\n ))\n .add('Items + count + limit', () => (\n <Story>\n <AvatarGroup items={range(5).map(user)} limit={3} count={20} />\n </Story>\n ))\n .add('Items in order + limit', () => {\n const users = range(5).map((i, a) => ({\n title: `${i}${a}`,\n }));\n return (\n <Story>\n <AvatarGroup items={users} limit={4} />\n </Story>\n );\n })\n .add('Items in order + limit + avatarInnerStyle', () => {\n const users = range(5).map((i, a) => ({\n title: `${i}${a}`,\n }));\n const users2 = range(5).map((i, a) => ({\n title: 'John Smith',\n }));\n return (\n <Story>\n <AvatarGroup avatarInnerStyle={{ border: '4px solid rgb(255, 255, 255)' }} items={users} limit={4} />\n <AvatarGroup\n avatarInnerStyle={{\n border: '3px solid rgb(255, 255, 255)',\n lineHeight: `${40 - 3}px`,\n fontWeight: 'bold',\n color: '#fff',\n }}\n items={users2}\n limit={4}\n size={40}\n offset={-0.25}\n />\n </Story>\n );\n })\n .add('count', () => (\n <Story>\n <AvatarGroup count={20} />\n </Story>\n ))\n .add('custom avatar size', () => (\n <Story>\n <AvatarGroup size={20} items={range(5).map(user)} limit={3} count={20} />\n </Story>\n ))\n .add('custom offset between avatars', () => (\n <Story>\n <AvatarGroup offset={-0.6} items={range(15).map(user)} count={20} />\n </Story>\n ))\n .add('disable offset between avatars', () => (\n <Story>\n <AvatarGroup offset={0} items={range(5).map(user)} limit={3} count={20} />\n </Story>\n ))\n .add('Items + count + limit + link', () => (\n <Story>\n <AvatarGroup items={range(5).map(userWithLink)} limit={3} count={20} />\n <AvatarGroup items={range(5).map(userWithHref)} limit={3} count={20} />\n </Story>\n ));\n"],"file":"AvatarGroup.story.js"} |