@mohamed-karawia/library 0.1.4 → 0.1.8

package/src/stories/Enrollment/Guest/FillForm/FillForm.stories.jsx

@@ -1,27 +0,0 @@
-import FillForm from "./FillForm";
-import TextField from '../../../Common Inputs/TextField/TextField';
-
-export default {
-    title: 'Enrollment/Guest/Fill Form',
-    component: FillForm
-}
-
-const sections = [
-    {
-        title: "Server Name",
-        body: [
-            (<TextField label="Question 1" name="question0" />),
-            (<TextField label="Question 2" name="question1" />),
-            (<TextField label="Question 3" name="question2" />),
-            (<TextField label="Question 4" name="question3" />),
-            (<TextField label="Question 5" name="question4" />),
-        ],
-        hideTitle: true
-    },
-]
-
-export const form = args => <FillForm 
-sections={sections}
-saveBtnText={'Submit'}
-cancelBtnText="Cancel"
-{...args} />

package/src/stories/Events/CreateEvent/CreateEvent.stories.jsx

@@ -1,19 +0,0 @@
-import CreateEvent from "./CreateEvent";
-
-export default {
-    title: 'Events/Create Event',
-    component: CreateEvent
-}
-
-const Template = (args) => (
-    <CreateEvent {...args} />
-);
-
-export const Form = Template.bind({});
-Form.args = {
-    // saveHandler: saveHandler,
-    // cancelHandler: cancelHandler,
-    saveBtnText: "Create",
-    cancelBtnText: "Cancel",
-    // formStyles: formStyles,
-};

package/src/stories/Events/Event/Event.stories.jsx

@@ -1,21 +0,0 @@
-import Event from "./Event";
-
-export default {
-    title: 'Events/Detailed Event',
-    component: Event
-}
-
-export const Detailed = args =>
-    <Event
-        cover='https://lh3.googleusercontent.com/proxy/CPYbedfVXH1yUpEF4dAQoqrLVpc8f_e4y11lx7InsxCU21OtHOfv7iHVcYIDD_gp89pnLCt81KBtdORJtSXxykoo-OxBNaQBBU-P'
-        title="ACDC Concert"
-        date="15/11/1976 : 16/11/1976"
-        disc="Lorem ipsum dolor sit amet consectetur adipisicing elit. Officia impedit fugiat reprehenderit adipisci eos atque ullam error quia amet nihil, exercitationem beatae distinctio eligendi neque, consequuntur odit commodi id porro."
-        backgroundColor="black"
-        headerBackground="black"
-        headerTitleColor="white"
-        titleColor="white"
-        discColor="white"
-        dateColor="white"
-        {...args}
-    />

package/src/stories/Events/EventsList/EventsList.stories.jsx

@@ -1,25 +0,0 @@
-import EventsList from "./EventsList";
-
-export default {
-    title: 'Events/Events List',
-    component: EventsList
-};
-
-const events = [
-    {title: 'Event one', date: '15/11/2020 : 5/8/2021'},
-    {title: 'Event two', date: '14/12/2020 : 14/4/2023'},
-    {title: 'Event three', date: '5/6/2021 : 5/8/2021'},
-    {title: 'Event four', date: '14/4/2023'},
-    {title: 'Event five', date: '5/6/2021 : 14/4/2023'},
-]
-
-const Template = (args) => (
-    <EventsList {...args} />
-);
-
-export const List = Template.bind({});
-List.args = {
-    events,
-    iconColor: '#FE1744',
-    cardTitleFontSize: 15
-};

package/src/stories/Forms/AddPhoto/AddPhoto.stories.jsx

@@ -1,37 +0,0 @@
-import AddPhoto from "./AddPhoto";
-
-export default {
-    title: 'forms/Add Photo',
-    component: AddPhoto
-}
-
-const formStyles = {
-    headerStyles: {
-        padding: 10,
-        headerBackground: 'black',
-        titleColor: '#ffff',
-    },
-    sectionPadding: 10,
-    bodyRowGap: 10
-}
-
-const saveHandler = (photo) => {
-    console.log(photo)
-}
-
-const cancelHandler = () => {
-    console.log('Canceled')
-}
-
-const Template = (args) => (
-    <AddPhoto {...args} />
-);
-
-export const Photo = Template.bind({});
-Photo.args = {
-    saveHandler: saveHandler,
-    cancelHandler: cancelHandler,
-    saveBtnText: "Create",
-    cancelBtnText: "Cancel",
-    formStyles: formStyles,
-};

package/src/stories/Forms/AddSong/AddSong.stories.jsx

@@ -1,26 +0,0 @@
-import AddSong from "./AddSong";
-
-export default {
-    title: 'Music Albums/Add Song',
-    component: AddSong
-}
-
-const onAddSong = (song) => {
-    console.log(song)
-}
-
-const cancelHandler = () => {
-    console.log('Canceled')
-}
-
-const Template = (args) => (
-    <AddSong {...args} />
-);
-
-export const Song = Template.bind({});
-Song.args = {
-    saveHandler: onAddSong,
-    candelHandler: cancelHandler,
-    saveBtnText: "Create",
-    cancelBtnText: "Cancel",
-};

package/src/stories/Forms/AddVideo/AddVideo.stories.jsx

@@ -1,20 +0,0 @@
-import AddVideo from "./AddVideo";
-
-export default {
-    title: 'Forms/Add Video',
-    component: AddVideo
-}
-
-const saveHandler = (photo) => {
-    console.log(photo)
-}
-
-const cancelHandler = () => {
-    console.log('Canceled')
-}
-
-export const Video = args => <AddVideo
-    saveHandler={saveHandler}
-    cancelHandler={cancelHandler}
-    {...args}
-    {...args} />

package/src/stories/Forms/Create-Profile/CreateProfile.stories.jsx

@@ -1,36 +0,0 @@
-import React from 'react'
-import CreateProfile from './CreateProfile'
-
-import withFormik from 'storybook-formik'
-
-export default {
-    title: 'Forms/Create-Profile-2',
-    component: CreateProfile,
-    decorators: [withFormik]
-}
-
-const Template = args => <CreateProfile {...args} />
-
-export const Default = Template.bind({})
-Default.parameters = {
-    formik: {
-        initialValues: {
-            profilePhoto: null,
-            username: '',
-            servername: '',
-            logo: null,
-            preset: '',
-            theme: '',
-            themeSelected: '',
-            styles: 
-            {
-                width: '',
-                border: '',
-                borderColor: '',
-                color: '',
-                height: '',
-                font: ''
-            }
-        }
-    }
-}

package/src/stories/Forms/Create-Profile/subcomponents/LogoUploader.stories.jsx

@@ -1,27 +0,0 @@
-import React from 'react'
-import LogoUploader from './LogoUploader'
-
-import withFormik from 'storybook-formik'
-
-export default {
-    component: LogoUploader,
-    title: 'Components/CreateProfile/Subcomponents/LogoUploader',
-    decorators: [withFormik]
-}
-
-const Template = args => <LogoUploader {...args} />
-
-export const Default = Template.bind({})
-Default.args = {
-    logo: null,
-    value: 'logo'
-}
-
-Default.parameters = {
-    formik: {
-        initialValues: {
-            logo: null,
-        }
-    },
-    onSubmit: v => console.log(v)
-}

package/src/stories/Forms/Create-Profile/subcomponents/ProfilePhoto.stories.jsx

@@ -1,26 +0,0 @@
-import React from 'react'
-import ProfilePhoto from './ProfilePhoto'
-
-import withFormik from 'storybook-formik'
-
-export default {
-    component: ProfilePhoto,
-    title: 'Components/CreateProfile/Subcomponents/ProfilePhoto',
-    decorators: [withFormik]
-}
-
-const Template = args => <ProfilePhoto {...args} />
-
-export const Default = Template.bind({})
-Default.args = {
-    profilePhoto: null
-}
-
-Default.parameters = {
-    formik: {
-        initialValues: {
-            profilePhoto: null
-        }
-    },
-    onSubmit: v => console.log(v)
-}

package/src/stories/Forms/Create-Profile/subcomponents/ResetBtn.stories.jsx

@@ -1,18 +0,0 @@
-import React from 'react'
-import ResetBtn from './ResetBtn'
-
-import withFormik from 'storybook-formik'
-
-export default {
-    component: ResetBtn,
-    title: 'Components/CreateProfile/Subcomponents/ResetButton',
-    decorators: [withFormik]
-}
-
-const Template = args => <ResetBtn {...args} />
-
-export const Default = Template.bind({})
-Default.args = {
-    initValue: '',
-    value: 'servername'
-}

package/src/stories/Forms/CreateAlbum/CreateAlbum.stories.jsx

@@ -1,37 +0,0 @@
-import CreateAlbum from './CreateAlbum';
-
-export default {
-    title: 'Forms/Create Album',
-    component: CreateAlbum
-}
-
-const formStyles = {
-    headerStyles: {
-        padding: 10,
-        headerBackground: 'black',
-        titleColor: '#ffff',
-    },
-    sectionPadding: 10,
-    bodyRowGap: 10
-}
-
-const saveHandler = (album) => {
-    console.log(album)
-}
-
-const cancelHandler = () => {
-    console.log('Canceled')
-}
-
-const Template = (args) => (
-    <CreateAlbum {...args} />
-);
-
-export const Album = Template.bind({});
-Album.args = {
-    saveHandler: saveHandler,
-    cancelHandler: cancelHandler,
-    saveBtnText: "Create",
-    cancelBtnText: "Cancel",
-    formStyles: formStyles,
-};

package/src/stories/Forms/CreateAnnouncementForm/CreateAnnouncementForm.stories.jsx

@@ -1,44 +0,0 @@
-import React from 'react';
-import * as Yup from 'yup';
-
-import CreateAnnouncementForm from './CreateAnnouncementForm';
-
-export default {
-    title: 'forms/Create Announcment',
-    component: CreateAnnouncementForm
-}
-
-const formSchema = Yup.object().shape({
-    title: Yup.string()
-        .required("Required"),
-    discription: Yup.string()
-        .required("Required"),
-});
-
-const formStyles = {
-    headerStyles: {
-        padding: 10,
-        headerBackground: 'black',
-        titleColor: '#ffff',
-    },
-    sectionPadding: 10,
-    bodyRowGap: 10
-}
-
-const saveHandler = (announcment) => {
-    console.log(announcment)
-}
-
-const cancelHandler = () => {
-    console.log('Canceled')
-}
-
-export const form = args => <CreateAnnouncementForm
-    formSchema={formSchema}
-    saveHandler={saveHandler}
-    cancelHandler={cancelHandler}
-    saveBtnText="Create"
-    cancelBtnText="Cancel"
-    formStyles={formStyles}
-    {...args} 
-    />

package/src/stories/Forms/CreateMusicAlbum/CreateMusicAlbum.stories.jsx

@@ -1,38 +0,0 @@
-import CreateAlbum from "./CreateMusicAlbum";
-
-export default {
-    title: 'Forms/Create Music Album',
-    component: CreateAlbum
-}
-
-const formStyles = {
-    headerStyles: {
-        padding: 10,
-        headerBackground: 'black',
-        titleColor: '#ffff',
-    },
-    sectionPadding: 10,
-    bodyRowGap: 10
-}
-
-const saveHandler = (album) => {
-    console.log(album)
-}
-
-const cancelHandler = () => {
-    console.log('Canceled')
-}
-
-
-const Template = (args) => (
-    <CreateAlbum {...args} />
-);
-
-export const Album = Template.bind({});
-Album.args = {
-    saveHandler: saveHandler,
-    cancelHandler: cancelHandler,
-    saveBtnText: 'Create',
-    cancelBtnText: 'Cancel',
-    formStyles: formStyles,
-};

package/src/stories/Forms/CreateProfile/CreateProfile.stories.js

@@ -1,10 +0,0 @@
-import React from 'react';
-
-import CreateProfile from './CreateProfile';
-
-export default {
-    title: 'Forms/Create Profile',
-    component: CreateProfile
-}
-
-export const Profile = (args) => <CreateProfile {...args} />

package/src/stories/Forms/CreateProfile-3/CreateProfile.stories.js

@@ -1,10 +0,0 @@
-import React from 'react';
-
-import CreateProfile from './CreateProfile';
-
-export default {
-  title: 'Forms/CreateProfile/Item',
-  component: CreateProfile,
-};
-
-export const Default = (args) => <CreateProfile {...args} />

package/src/stories/Forms/CreateUser/CreateUser.stories.js

@@ -1,10 +0,0 @@
-import React from "react"
-
-import CreateUser from "./CreateUser"
-
-export default {
-    title: "Forms/CreateUser",
-    component: CreateUser
-}
-
-export const Default = props => <CreateUser inputBGColor="yellow" />

package/src/stories/Forms/CreateVideoAlbum/CreateVideoAlbum.stories.jsx

@@ -1,23 +0,0 @@
-import React from 'react';
-import CreateVideoAlbum from './CreateVideoAlbum';
-
-export default {
-    title: 'Forms/Create Video Album',
-    component: CreateVideoAlbum
-}
-
-const onSave = (album) => {
-    console.log(album)
-}
-
-const onCancel = () => {
-    console.log('Cancel')
-}
-
-export const Form = args =>
-    <CreateVideoAlbum
-        saveHandler={onSave}
-        cancelHandler={onCancel}
-        saveBtnText='Create'
-        cancelBtnText='Cancel'
-        {...args} />

package/src/stories/Forms/Form/Form.stories.js

@@ -1,10 +0,0 @@
-import React from 'react';
-
-import Form from './Form';
-
-export default {
-  title: 'Forms/RadioInputForm',
-  component: Form,
-};
-
-export const Default = (args) => <Form {...args} />;

package/src/stories/Forms/NewProfile/NewProfile.stories.jsx

@@ -1,10 +0,0 @@
-import React from 'react';
-
-import NewProfile from './NewProfile';
-
-export default {
-    title: 'Forms/New Profile',
-    component: NewProfile
-}
-
-export const Profile = (args) => <NewProfile {...args} />

package/src/stories/Layout/Body/Body.stories.js

@@ -1,26 +0,0 @@
-import React from "react";
-
-import Body from "./Body";
-
-import Left from "../Left/Left";
-import Center from "../Center/Center";
-import Right from "../Right/Right";
-
-export default {
-  title: "Layout/Body",
-  component: Body
-};
-
-export const Default = props => (
-  <Body {...props}>
-    <Left>
-      <p>Left</p>
-    </Left>
-    <Center>
-      <p>Center</p>
-    </Center>
-    <Right>
-      <p>Right</p>
-    </Right>
-  </Body>
-);

package/src/stories/Layout/Center/Center.stories.js

@@ -1,14 +0,0 @@
-import React from "react";
-
-import Center from "./Center";
-
-export default {
-  title: "Layout/Center",
-  component: Center
-};
-
-export const Default = props => (
-  <Center {...props}>
-    <p>Center</p>
-  </Center>
-);

package/src/stories/Layout/Head/Head.stories.js

@@ -1,10 +0,0 @@
-import React from 'react';
-
-import Head from './Head';
-
-export default {
-  title: 'Layout/Head',
-  component: Head,
-};
-
-export const Default = (props) => <Head {...props} />

package/src/stories/Layout/Left/Left.stories.js

@@ -1,14 +0,0 @@
-import React from "react";
-
-import Left from "./Left";
-
-export default {
-  title: "Layout/Left",
-  component: Left
-};
-
-export const Default = props => (
-  <Left {...props}>
-    <p>Left</p>
-  </Left>
-);

package/src/stories/Layout/Right/Right.stories.js

@@ -1,14 +0,0 @@
-import React from "react";
-
-import Right from "./Right";
-
-export default {
-  title: "Layout/Right",
-  component: Right
-};
-
-export const Default = props => (
-  <Right {...props}>
-    <p>Right</p>
-  </Right>
-);

package/src/stories/Library/CreateFolder/CreateFolder.stories.jsx

@@ -1,32 +0,0 @@
-import CreateFolder from './CreateFolder';
-
-export default {
-    title: 'Library/Create New Folder',
-    component: CreateFolder
-}
-
-const formStyles = {
-    headerStyles: {
-        padding: 10,
-        headerBackground: 'black',
-        titleColor: '#ffff',
-    },
-    sectionPadding: 10,
-    bodyRowGap: 10
-}
-
-const saveHandler = (photo) => {
-    console.log(photo)
-}
-
-const cancelHandler = () => {
-    console.log('Canceled')
-}
-
-export const Folder = args => <CreateFolder
-    saveHandler={saveHandler}
-    cancelHandler={cancelHandler}
-    saveBtnText="Create"
-    cancelBtnText="Cancel"
-    formStyles={formStyles}
-    {...args} />

package/src/stories/Library/Folders/Folders.stories.jsx

@@ -1,34 +0,0 @@
-import Folders from "./Folders";
-
-export default {
-    title: 'Library/Folders',
-    component: Folders
-}
-
-const folders = [
-    { title: 'Folder one', description: 'Discription for folder one' },
-    { title: 'Folder two', description: 'Discription for folder two' },
-    { title: 'Folder three', description: 'Discription for folder three' },
-    { title: 'Folder four', description: 'Discription for folder four' },
-    { title: 'Folder five', description: 'Discription for folder five' },
-    { title: 'Folder six', description: 'Discription for folder six' },
-]
-
-const Template = (args) => (
-    <Folders {...args} />
-);
-
-export const viewFolders = Template.bind({});
-viewFolders.args = {
-    folders,
-    folderTitle: 'Your Folders',
-    columnsNumber: 3,
-    headerStyles: {
-        padding: 10,
-        headerBackground: '#ff2d2d',
-        titleColor: 'white',
-        controlsStyles: {
-            iconSize: 25
-        }
-    }
-};

package/src/stories/Library/Notes/Notes.stories.jsx

@@ -1,24 +0,0 @@
-import Notes from './Notes';
-
-export default {
-    title: 'Library/Notes List',
-    component: Notes
-}
-
-const notes = [
-    {title: 'Study notes', date: '15/11/2020'},
-    {title: 'Music notes', date: '14/12/2020'},
-    {title: 'Workout notes', date: '5/8/2021'},
-    {title: 'Gaming notes', date: '14/4/2023'},
-    {title: 'Working notes', date: '5/6/2021'},
-]
-
-const Template = (args) => (
-    <Notes
-        {...args} />
-);
-
-export const List = Template.bind({});
-List.args = {
-    notes,
-};