@mohamed-karawia/library 0.1.3 → 0.1.7

package/src/stories/Common Inputs/Formik/RadioField/RadioField.stories.jsx

@@ -1,41 +0,0 @@
-import React from 'react'
-import RadioField from './RadioField'
-
-import withFormik from 'storybook-formik'
-
-export default {
-    component: RadioField,
-    title: 'Common Inputs/Formik/RadioField',
-    decorators: [withFormik]
-}
-
-const Template = args => <RadioField {...args} />
-
-export const Preset = Template.bind({})
-Preset.args = {
-    name: 'preset',
-    value: 'Preset 1',
-    children: 'Preset 1'
-}
-Preset.parameters = {
-    formik: {
-        initialValues: {
-            preset: ''
-        }
-    },
-    onSubmit: v => console.log(v)
-}
-export const Theme = Template.bind({})
-Theme.args = {
-    name: 'themeSelected',
-    value: 'Theme 1',
-    children: 'Theme 1',
-}
-Theme.parameters = {
-    formik: {
-        initialValues: {
-            theme: ''
-        }
-    },
-    onSubmit: v => console.log(v)
-}

package/src/stories/Common Inputs/RadioInput/RadioInput.stories.js

@@ -1,30 +0,0 @@
-import React from 'react';
-
-import RadioInput from './RadioInput';
-
-export default {
-  title: 'Common Inputs/RadioInput/Item',
-  component: RadioInput,
-  argTypes: {
-    list: {
-      control: { type: 'object' },
-    },
-    title: {
-      control: { type: 'text' },
-    },
-    margin: {
-      control: { type: 'number' },
-    },
-    borderColor: {
-      control: 'color',
-    },
-    titleFontSize: {
-      control: 'number',
-    },
-    descriptionFontSize: {
-      control: 'number',
-    },
-  },
-};
-
-export const Default = (args) => <RadioInput {...args} />;

package/src/stories/Common Inputs/RichTextInput/RichTextInput.stories.js

@@ -1,45 +0,0 @@
-import React from 'react';
-
-import RichTextInput from './RichTextInput';
-
-export default {
-  title: 'Common Inputs/RichTextInput',
-  component: RichTextInput,
-};
-
-const users = [
-  {
-    id: 'walter',
-    display: 'Walter White',
-  },
-  {
-    id: 'jesse',
-    display: 'Jesse Pinkman',
-  },
-  {
-    id: 'gus',
-    display: 'Gustavo "Gus" Fring',
-  },
-  {
-    id: 'saul',
-    display: 'Saul Goodman',
-  },
-  {
-    id: 'hank',
-    display: 'Hank Schrader',
-  },
-  {
-    id: 'skyler',
-    display: 'Skyler White',
-  },
-  {
-    id: 'mike',
-    display: 'Mike Ehrmantraut',
-  },
-  {
-    id: 'lydia',
-    display: 'Lydìã Rôdarté-Qüayle',
-  },
-]
-
-export const Default = (args) => <RichTextInput users={users} {...args} />

package/src/stories/Common Inputs/TextField/TextField.stories.jsx

@@ -1,31 +0,0 @@
-import React from 'react'
-
-import withFormik from "storybook-formik";
-import * as Yup from 'yup';
-
-import CustomTextField from './TextField';
-
-const formSchema = Yup.object().shape({
-    userName: Yup.string()
-        .required("Required"),
-});
-
-export default {
-    title: 'Common Inputs/TextField',
-    component: CustomTextField,
-    decorators: [withFormik],
-    parameters: {
-        formik: {
-            initialValues: {
-                userName: '',
-                validationSchema: formSchema
-            },
-            validationSchema: formSchema,
-        },
-    }
-}
-
-export const TextInput = (args) => {
-
-    return <CustomTextField name="userName" label="User Name" {...args} />
-}

package/src/stories/Containers/BaseMaterial.stories.js

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

package/src/stories/Containers/WidgetExample/WidgetBody.stories.js

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

package/src/stories/Containers/WidgetExample/WidgetExample.stories.js

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

package/src/stories/Containers/WidgetExample/WidgetHead.stories.js

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

package/src/stories/Enrollment/Admin/CreateForm/CreateForm.stories.jsx

@@ -1,8 +0,0 @@
-import CreateForm from "./CreateForm";
-
-export default {
-    title: 'Enrollment/Admin/Create Form',
-    component: CreateForm
-}
-
-export const Question = args => <CreateForm {...args} />

package/src/stories/Enrollment/Admin/DetailedForm/DetailedForm.stories.jsx

@@ -1,36 +0,0 @@
-import DetailedForm from "./DetailedForm";
-
-export default {
-    title: 'Enrollment/Admin/Detailed Form',
-    component: DetailedForm
-}
-
-const questions = [
-        {
-            title: 'Question 1 ?',
-            description: 'Answer for question one'
-        },
-        {
-            title: 'Question 2 ?',
-            description: 'Answer for question two'
-        },
-        {
-            title: 'Question 3 ?',
-            description: 'Answer for question three'
-        },
-        {
-            title: 'Question 4 ?',
-            description: 'Answer for question four'
-        },
-        {
-            title: 'Question 5 ?',
-            description: 'Answer for question five'
-        },
-]
-
-export const Form = args =>
-    <DetailedForm
-        userName="User Name"
-        userImg="https://www.kindpng.com/picc/m/163-1636340_user-avatar-icon-avatar-transparent-user-icon-png.png"
-        questions={questions}
-        {...args} />

package/src/stories/Enrollment/Admin/ViewForms/ViewForms.stories.jsx

@@ -1,66 +0,0 @@
-import ViewForms from './ViewForms';
-
-export default {
-    title: 'Enrollment/Admin/Submitted Forms',
-    component: ViewForms
-}
-
-const data = [
-    {
-        title: 'Pending',
-        data: [
-            {
-                username: 'User one',
-                answered: '3/5',
-                img: 'https://www.kindpng.com/picc/m/163-1636340_user-avatar-icon-avatar-transparent-user-icon-png.png',
-                status: 'pending'
-            },
-            {
-                username: 'User Two',
-                answered: '5/5',
-                img: 'https://www.kindpng.com/picc/m/163-1636340_user-avatar-icon-avatar-transparent-user-icon-png.png',
-                status: 'pending'
-            },
-            {
-                username: 'User Three',
-                answered: '5/5',
-                img: 'https://www.kindpng.com/picc/m/163-1636340_user-avatar-icon-avatar-transparent-user-icon-png.png',
-                status: 'pending'
-            },
-        ],
-        priority: 1
-    },
-    {
-        title: 'In Review',
-        data: [
-            {
-                username: 'User Four',
-                answered: '2/5',
-                img: 'https://www.kindpng.com/picc/m/163-1636340_user-avatar-icon-avatar-transparent-user-icon-png.png',
-                status: 'inReview'
-            },
-            {
-                username: 'User Five',
-                answered: '1/5',
-                img: 'https://www.kindpng.com/picc/m/163-1636340_user-avatar-icon-avatar-transparent-user-icon-png.png',
-                status: 'inReview'
-            },
-            {
-                username: 'User Six',
-                answered: '3/5',
-                img: 'https://www.kindpng.com/picc/m/163-1636340_user-avatar-icon-avatar-transparent-user-icon-png.png',
-                status: 'inReview'
-            },
-        ],
-        priority: 2
-    },
-]
-
-const Template = (args) => (<ViewForms
-    {...args} />
-);
-
-export const forms = Template.bind({});
-forms.args = {
-    data: data,
-}

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} 
-    />