trepur_components 0.2.3 → 0.2.4

package/dist/components/Organisms/ImageLink/ImageLink.stories.js

@@ -1,64 +0,0 @@
-import React from 'react'
-import Column from '../../Atoms/Column';
-import ImageLink from './index'
-
-export default {
-    title: 'Trepur Components/Organisms/Image Link',
-    components: ImageLink,
-    parameters: {},
-    argTypes: {
-        title: {
-            description: '',
-            control: 'text',
-            table: {
-                category: '',
-            },
-        },
-        image: {
-            description: '',
-            control: 'text',
-            table: {
-                category: '',
-            },
-        },
-        ctaText: {
-            description: '',
-            control: 'text',
-            table: {
-                category: '',
-            },
-        },
-        rounded: {
-            description: '',
-            control: 'boolean',
-            table: {
-                category: '',
-            },
-        }
-    },
-    args: {
-        image: 'https://picsum.photos/400/400',
-    },
-}
-
-const Template = (args) => <Column sm={3} md={3}><ImageLink {...args} /></Column>
-
-export const _ImageLink = Template.bind({});
-_ImageLink.args = {};
-
-export const _ImageLinkWithTitle = Template.bind({});
-_ImageLinkWithTitle.args = {
-    title: 'Title'
-};
-
-export const _ImageLinkWithButton = Template.bind({});
-_ImageLinkWithButton.args = {
-    ctaText: 'Button 1',
-};
-
-export const _ImageLinkRounded = Template.bind({});
-_ImageLinkRounded.args = {
-    title: 'Title',
-    ctaText: 'Button 1',
-    rounded: true,
-};

package/dist/components/Organisms/ImageLinkList/ImageLinkList.stories.js

@@ -1,35 +0,0 @@
-import React from 'react'
-import ImageLinkList from './index'
-
-const getLinks = () => {
-    return new Array(16).fill(null).map(() => {
-        return {
-            image: "https://picsum.photos/400/400",
-            title: 'Hi',
-            ctaText: 'button'
-        }
-    })
-}
-
-export default {
-    title: 'Trepur Components/Organisms/Image Link List',
-    components: ImageLinkList,
-    parameters: {},
-    argTypes: {
-        list: {
-            description: '',
-            control: 'array',
-            table: {
-                category: '',
-            },
-        },
-    },
-    args: {
-        items: getLinks()
-    }
-}
-
-const Template = (args) => <ImageLinkList {...args} />;
-
-export const _ImageLinkList = Template.bind({});
-_ImageLinkList.args = {};

package/dist/components/Organisms/Jumbotron/Jumbotron.stories.js

@@ -1,42 +0,0 @@
-import React from 'react'
-import Jumbotron from './index'
-
-export default {
-    title: 'Trepur Components/Organisms/Jumbotron',
-    component: Jumbotron,
-    parameters: {},
-    argTypes: {
-        text: {
-            description: 'The text the appears as an overlay on the Jumbotron',
-            control: 'text',
-            table: {
-                category: ''
-            }
-        },
-        ctaText: {
-            description: 'The text of the first/left button',
-            control: 'text',
-            table: {
-                category: ''
-            }
-        },
-        ctaText2: {
-            description: 'The text on the second/last button',
-            control: 'text',
-            table: {
-                category: ''
-            }
-        },
-    },
-    args: {
-        text: 'This is some text',
-        ctaText: 'Button 1',
-        ctaText2: 'Button 2',
-        image: 'https://picsum.photos/1500/400'
-    }
-}
-
-const Template = (args) => <Jumbotron {...args} />;
-
-export const _Jumbotron = Template.bind({});
-_Jumbotron.args = {};

package/dist/components/Organisms/Nav/Nav.stories.js

@@ -1,103 +0,0 @@
-import React from 'react'
-import Nav from './index'
-import logo from '../../../Assets/Images/logoWhite.png'
-import {
-    navRowOneOfTwo,
-    navRowTwoOfTwo,
-    navThirdRow,
-    navMobileItems
-} from '../../../utils/controls'
-
-export default {
-    title: 'Trepur Components/Organisms/Nav',
-    component: Nav,
-    parameters: {},
-    argTypes: {
-        firstRow: {
-            description: '',
-            control: 'array',
-            table: {
-                category: '',
-            }
-        },
-        secondRow: {
-            description: '',
-            control: 'array',
-            table: {
-                category: '',
-            }
-        },
-        thirdRow: {
-            description: '',
-            control: 'array',
-            table: {
-                category: '',
-            }
-        },
-        mobileItems: {
-            description: '',
-            control: 'array',
-            table: {
-                category: '',
-            }
-        },
-        bgColor: {
-            description: '',
-            control: 'color',
-            table: {
-                category: 'Colors',
-            }
-        },
-        logo: {
-            description: '',
-            control: 'string',
-            table: {
-                category: '',
-            }
-        },
-        mobileLogo: {
-            description: '',
-            control: 'string',
-            table: {
-                category: '',
-            }
-        },
-        dropdownNavHeight: {
-            description: '',
-            control: 'number',
-            table: {
-                category: '',
-            }
-        },
-        asSideBar: {
-            description: 'requires sideBarWidth val',
-            control: 'boolean',
-            table: {
-                category: '',
-            }
-        },
-        sideBarWidth: {
-            description: '',
-            control: 'number',
-            table: {
-                category: '',
-            }
-        }
-    },
-    args: {
-        firstRow: navRowOneOfTwo,
-        secondRow: navRowTwoOfTwo,
-        thirdRow: navThirdRow,
-        mobileItems: navMobileItems,
-        bgColor: '#38B6FF',
-        logo: logo,
-        mobileLogo: logo,
-        dropdownNavHeight: '450',
-        sideBarWidth: '250'
-    },
-}
-
-const Template = (args) => <Nav {...args} />;
-
-export const _Nav = Template.bind({});
-_Nav.args = {};

package/dist/components/Organisms/NewsCard/NewsCard.stories.js

@@ -1,56 +0,0 @@
-import React from 'react'
-import NewsCard from './index';
-
-export default {
-    title: 'Trepur Components/Organisms/News Card',
-    components: NewsCard,
-    parameters: {},
-    argTypes: {
-        title: {
-            description: '',
-            control: 'text',
-            table: {
-                category: ''
-            }
-        },
-        content: {
-            description: '',
-            control: 'text',
-            table: {
-                category: ''
-            }
-        },
-        boldTitle: {
-            description: '',
-            control: 'boolean',
-            table: {
-                category: ''
-            }
-        },
-        rounded: {
-            description: '',
-            control: 'boolean',
-            table: {
-                category: ''
-            }
-        },
-        ctaText: {
-            description: 'Remove text to remove button',
-            control: 'text',
-            table: {
-                category: ''
-            }
-        }
-    },
-    args: {
-        title: 'This is a title',
-        content: 'This is some content that will only be displayed if the collapsible item is expanded and will dissappear when the collapsible item is collapsed.',
-        image: 'https://picsum.photos/400/200',
-        ctaText: 'Button 1'
-    },
-}
-
-const Template = (args) => <NewsCard {...args} />;
-
-export const _NewsCard = Template.bind({});
-_NewsCard.args = {};

package/dist/components/Organisms/Profile/Profile.stories.js

@@ -1,85 +0,0 @@
-import React from 'react'
-import Profile from './index'
-import userImage from '../../../Assets/Images/user.jpeg'
-
-const links = [
-    {
-        link: '#', 
-        name: 'Link 1'
-    },
-    {
-        link: '#', 
-        name: 'Link 2'
-    },
-    {
-        link: '#', 
-        name: 'Link 3'
-    },
-]
-
-export default {
-    title: 'Trepur Components/Organisms/Profile',
-    components: Profile,
-    parameters: {},
-    argTypes: {
-        imageWidth: {
-            description: '',
-            control: 'text',
-            table: {
-                category: ''
-            }
-        },
-        imageHeight: {
-            description: '',
-            control: 'text',
-            table: {
-                category: ''
-            }
-        },
-        alignment: {
-            description: '',
-            control: 'select',
-            options: ['left', 'center', 'right'],
-            table: {
-                category: ''
-            }
-        },
-        rounded: {
-            description: '',
-            control: 'boolean',
-            table: {
-                category: ''
-            }
-        },
-        bordered: {
-            description: '',
-            control: 'boolean',
-            table: {
-                category: ''
-            }
-        },
-        userImage: {
-            description: '',
-            control: 'text',
-            table: {
-                category: ''
-            }
-        },
-        profileLinks: {
-            description: '',
-            control: 'text',
-            table: {
-                category: ''
-            }
-        }
-    },
-    args: {
-        profileLinks: links ,
-        userImage: userImage
-    }
-}
-
-const Template = (args) => <Profile {...args} />;
-
-export const _Profile = Template.bind({});
-_Profile.args = {};

package/dist/components/Organisms/Search/Search.stories.js

@@ -1,44 +0,0 @@
-import React from 'react'
-import Search from './index'
-
-export default {
-    title: 'Trepur Components/Organisms/Search',
-    component: Search,
-    parameters: {},
-    argTypes: {
-        leftIcon: {
-            description: 'An optional param to display an icon to the left of the search bar',
-            control: 'text',
-            table: {
-                category: ''
-            }
-        },
-        rightIcon: {
-            description: 'An optional param to display an icon to the right of the search bar',
-            control: 'text',
-            table: {
-                category: ''
-            }
-        },
-        placeholder: {
-            description: 'An optional param to display a placeholder inside the search box',
-            control: 'text',
-            table: {
-                category: ''
-            }
-        },
-        text: {
-            description: 'An optional param to display a label on the left of the search bar',
-            control: 'text',
-            table: {
-                category: ''
-            }
-        },
-    },
-    args: {}
-}
-
-const Template = (args) => <Search {...args} />;
-
-export const _Search = Template.bind({});
-_Search.args = {};

package/dist/components/Organisms/Testimonial/Testimonial.stories.js

@@ -1,103 +0,0 @@
-import React from 'react'
-import Testimonial from './index'
-
-export default {
-    title: 'Trepur Components/Organisms/Testimonial',
-    component: Testimonial,
-    parameters: {},
-    argTypes: {
-        text: {
-            description: '',
-            control: 'text',
-            table: {
-                category: ''
-            }
-        },
-        companyName: {
-            description: '',
-            control: 'text',
-            table: {
-                category: ''
-            }
-        },
-        positionStartDate: {
-            description: '',
-            control: 'text',
-            table: {
-                category: ''
-            }
-        },
-        positionEndDate: {
-            description: '',
-            control: 'text',
-            table: {
-                category: ''
-            }
-        },
-        position: {
-            description: '',
-            control: 'text',
-            table: {
-                category: ''
-            }
-        },
-        date: {
-            description: '',
-            control: 'text',
-            table: {
-                category: ''
-            }
-        },
-        authorsName: {
-            description: '',
-            control: 'text',
-            table: {
-                category: ''
-            }
-        },
-        authorsPosition: {
-            description: '',
-            control: 'text',
-            table: {
-                category: ''
-            }
-        },
-        bgColor: {
-            description: '',
-            control: 'color',
-            table: {
-                category: 'Colors'
-            }
-        },
-        textColor: {
-            description: '',
-            control: 'color',
-            table: {
-                category: 'Colors'
-            }
-        },
-        image: {
-            description: '',
-            control: 'text',
-            table: {
-                category: ''
-            }
-        },
-    },
-    args: {
-        image: 'https://picsum.photos/100/100',
-        authorsName: 'Authors Name',
-        authorsPosition: 'Authors Position',
-        position: 'Position',
-        positionEndDate: 'End Date',
-        positionStartDate: 'Start Date',
-        date: 'Date',
-        companyName: 'Company Name',
-        text: 'This is some text'
-    }
-}
-
-const Template = (args) => <Testimonial {...args} />;
-
-export const _Testimonial = Template.bind({});
-_Testimonial.args = {};

package/dist/components/Organisms/Timeline/Timeline.stories.js

@@ -1,73 +0,0 @@
-import React from 'react'
-import Timeline from './index'
-
-export default {
-    title: 'Trepur Components/Organisms/Timeline',
-    component: Timeline,
-    parameters: {},
-    argTypes: {
-        isHorizontal: {
-            description: '',
-            control: 'boolean',
-            table: {
-                category: '',
-            },
-        },
-        useImages: {
-            description: '',
-            control: 'boolean',
-            table: {
-                category: '',
-            },
-        },
-        items: {
-            description: '',
-            control: 'array',
-            table: {
-                category: '',
-            },
-        }
-    },
-    args: {
-        isHorizontal: false,
-        reverse: false,
-        items: [
-            {
-                title: 'This is a title',
-                subtitle: 'This is a subtitle'
-            },
-            {
-                title: 'This is a title',
-                subtitle: 'This is a subtitle'
-            },
-            {
-                title: 'This is a title',
-                subtitle: 'This is a subtitle'
-            },
-            {
-                title: 'This is a title',
-                subtitle: 'This is a subtitle'
-            },
-            {
-                title: 'This is a title',
-                subtitle: 'This is a subtitle'
-            },
-            {
-                title: 'This is a title',
-                subtitle: 'This is a subtitle'
-            },
-            {
-                title: 'This is a title',
-                subtitle: 'This is a subtitle'
-            }
-        ],
-        textCenter: true,
-        useImages: false
-    }
-}
-
-
-const Template = (args) => <Timeline {...args} />;
-
-export const _Timeline = Template.bind({});
-_Timeline.args = {};

package/dist/components/Organisms/UserIcon/UserIcon.stories.js

@@ -1,41 +0,0 @@
-import React from 'react'
-import UserIcon from './index'
-import userImage from '../../../Assets/Images/user.jpeg'
-
-export default {
-    title: 'Trepur Components/Organisms/User Icon',
-    components: UserIcon,
-    argTypes: {
-        icon: {
-            description: '',
-            control: 'text',
-            table: {
-                category: ''
-            }
-        },
-        name: {
-            description: '',
-            control: 'text',
-            table: {
-                category: ''
-            }
-        },
-        description: {
-            description: '',
-            control: 'text',
-            table: {
-                category: ''
-            }
-        }
-    },
-    args: {
-        icon: userImage,
-        name: 'Someones name',
-        description: 'someone info'
-    }
-}
-
-const Template = (args) => <UserIcon {...args} />;
-
-export const _UserIcon = Template.bind({});
-_UserIcon.args = {};