npm - @mohamed-karawia/library - Versions diffs - 0.1.3 → 0.1.7 - Mend

@mohamed-karawia/library 0.1.3 → 0.1.7

Files changed (250) hide show

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

@@ -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 DELETED Viewed

@@ -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 DELETED Viewed

@@ -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 DELETED Viewed

@@ -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 DELETED Viewed

@@ -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 DELETED Viewed

@@ -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 DELETED Viewed

@@ -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 DELETED Viewed

@@ -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 DELETED Viewed

@@ -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 DELETED Viewed

@@ -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 DELETED Viewed

@@ -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 DELETED Viewed

@@ -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 DELETED Viewed

@@ -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 DELETED Viewed

@@ -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 DELETED Viewed

@@ -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,
-};

package/src/stories/Library/ViewNote/ViewNote.stories.jsx DELETED Viewed

@@ -1,16 +0,0 @@
-import ViewNote from './ViewNote';
-export default {
-    title: 'Library/View Note',
-    component: ViewNote
-}
-const Template = (args) => (
-    <ViewNote
-        {...args} />
-);
-export const Note = Template.bind({});
-Note.args = {
-};

package/src/stories/Music Album/ViewAlbum/ViewAlbum.stories.jsx DELETED Viewed

@@ -1,60 +0,0 @@
-import React, { useState } from 'react'
-import ViewAlbum from "./ViewAlbum";
-import { addObjectToArray, deleteFromArrayByIndex } from '../../helpers/util';
-import img1 from '../../assets/images/music1.jpg';
-import img2 from '../../assets/images/music2.jpg';
-import img3 from '../../assets/images/music3.jpg';
-import img4 from '../../assets/images/music4.jpg';
-import img5 from '../../assets/images/music5.jpg';
-import img6 from '../../assets/images/music6.jpg';
-export default {
-    title: 'Music Albums/Album List',
-    component: ViewAlbum
-}
-export const Album = args => {
-    const [album, setAlbum] = useState([
-        { index: 0, cover: img4, title: 'Plans We Made', description: 'Son Lux', time: '5:20' },
-        { index: 2, cover: img6, title: 'Still Loving You', description: 'Scorpions', time: '4:20' },
-        { index: 1, cover: img5, title: 'Night', description: 'Frank Ocean', time: '5:20' },
-        { index: 3, cover: img1, title: 'Somebody Else', description: '1975', time: '5:20' },
-        { index: 4, cover: img3, title: 'Enter Sandman', description: 'Metallica', time: '5:20' },
-        { index: 5, cover: img2, title: 'November Rain', description: "Guns N' Roses", time: '5:20' },
-    ])
-    const cardIconClicked = (action, index) => {
-        switch (action) {
-            case 'delete':
-                onDeleteSong(index)
-                break;
-            default:
-                break;
-        }
-    }
-    const onAddSong = (song) => {
-        const newSong = {
-            song: song.file,
-            img: song.cover.meta.previewUrl,
-            title: song.title,
-            description: song.artist,
-            time: new Date(song.song.meta.duration * 1000).toISOString().substr(14, 5)
-        }
-        setAlbum(addObjectToArray(album, newSong))
-    }
-    const onDeleteSong = (index) => {
-        setAlbum(deleteFromArrayByIndex(album, index))
-    }
-    return (
-        <ViewAlbum
-            album={album}
-            onAddSong={onAddSong}
-            cardIconClicked={cardIconClicked}
-            {...args} />
-    )
-}

package/src/stories/Music Album/ViewAlbums/ViewAlbums.stories.jsx DELETED Viewed

@@ -1,57 +0,0 @@
-import React, { useState } from 'react';
-import ViewAlbums from "./ViewAlbums";
-import { deleteFromArrayByIndex, addObjectToArray } from '../../helpers/util';
-import img1 from '../../assets/images/music1.jpg';
-import img2 from '../../assets/images/music2.jpg';
-import img3 from '../../assets/images/music3.jpg';
-import img4 from '../../assets/images/music4.jpg';
-import img5 from '../../assets/images/music5.jpg';
-import img6 from '../../assets/images/music6.jpg';
-export default {
-    title: 'Music Albums/Music Albums',
-    component: ViewAlbums
-}
-export const Albums = args => {
-    const [albums, setAlbums] = useState([
-        { index: 0, img: img4, title: 'Tomorrows |', description: 'Son Lux' },
-        { index: 1, img: img5, title: 'Blond', description: 'Frank Ocean' },
-        { index: 2, img: img6, title: 'Love At First Sting', description: 'Scorpions' },
-        { index: 3, img: img1, title: 'The 1975', description: '1975' },
-        { index: 4, img: img3, title: 'Hardwired...To Self-Destruct', description: 'Metallica' },
-        { index: 5, img: img2, title: 'Use Your IIIlusion |', description: "Guns N' Roses" },
-    ])
-    const cardIconClicked = (action, index) => {
-        switch (action) {
-            case 'delete':
-                deleteFromAlbums(index)
-                break;
-            default:
-                break;
-        }
-    }
-    const onAddAlbum = (album) => {
-        const newAlbum = {
-            img: album.cover.preview,
-            title: album.title,
-            description: album.artist
-        }
-        setAlbums(addObjectToArray(albums, newAlbum))
-    }
-    const deleteFromAlbums = (index) => {
-        setAlbums(deleteFromArrayByIndex(albums, index))
-    }
-    return (
-        <ViewAlbums
-            albums={albums}
-            cardIconClicked={cardIconClicked}
-            onAddAlbum={onAddAlbum}
-        {...args} />
-    )
-}

package/src/stories/Navbar/Navbar.stories.js DELETED Viewed

@@ -1,25 +0,0 @@
-import React from 'react';
-import Navbar from './Navbar';
-export default {
-  title: 'Navbar/Default',
-  component: Navbar,
-  argTypes: {
-    iconSize: {
-      options: ['sm', 'md', 'lg'],
-      control: { type: 'select' },
-    },
-    iconBackgroundColor: {
-      type: 'string',
-    },
-    navbarColor: {
-      type: 'string',
-    },
-    dropDownItemHeight: {
-      type: 'string',
-    },
-  },
-};
-export const Default = (props) => <Navbar {...props} />;

package/src/stories/Pages/Blank/Blank.stories.js DELETED Viewed

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

package/src/stories/Pages/Centered/Centered.stories.js DELETED Viewed

@@ -1,14 +0,0 @@
-import React from 'react';
-import Centered from './Centered';
-export default {
-  title: 'Pages/Centered',
-  component: Centered,
-};
-export const Default = (props) => (
-    <Centered {...props}>
-        Welcome To Community Builder Pro
-    </Centered>
-)

package/src/stories/Pages/Chat/Chat.stories.jsx DELETED Viewed

@@ -1,53 +0,0 @@
-import Chat from "./Chat";
-export default {
-    title: 'Pages/Chat',
-    component: Chat
-}
-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',
-    },
-  ]
-  const data = [
-    {username: 'Test User', img:"https://www.kindpng.com/picc/m/163-1636340_user-avatar-icon-avatar-transparent-user-icon-png.png", date:'5/11/2021', text: 'This is fake chat test This is fake chat test This is fake chat test This is fake chat test This is fake chat test '},
-    {username: 'Test User', img:"https://www.kindpng.com/picc/m/163-1636340_user-avatar-icon-avatar-transparent-user-icon-png.png", date:'5/11/2021', text: 'This is fake chat test This is fake chat test This is fake chat test This is fake chat test This is fake chat test ', media:(<img src="https://arabhardware.net/wp-content/uploads/2020/03/valorant-2020-4k-0f-scaled.jpg"/>)},
-    {username: 'Test User', img:"https://www.kindpng.com/picc/m/163-1636340_user-avatar-icon-avatar-transparent-user-icon-png.png", date:'5/11/2021', text: 'This is fake chat test This is fake chat test This is fake chat test This is fake chat test This is fake chat test '},
-    {username: 'Test User', img:"https://www.kindpng.com/picc/m/163-1636340_user-avatar-icon-avatar-transparent-user-icon-png.png", date:'5/11/2021', text: 'This is fake chat test This is fake chat test This is fake chat test This is fake chat test This is fake chat test '},
-]
-export const Page = args => <Chat
-  users={users}
-  data={data}
-{...args} />

package/src/stories/Pages/Enrollment/DetailedForm/DetailedForm.stories.jsx DELETED Viewed

@@ -1,8 +0,0 @@
-import DetailedForm from './DetailedForm';
-export default {
-    title: 'Pages/Enrollment/Detailed Form',
-    component: DetailedForm
-}
-export const Form = args => <DetailedForm {...args} />

package/src/stories/Pages/Enrollment/FillForm/FillForm.stories.jsx DELETED Viewed

@@ -1,8 +0,0 @@
-import FillForm from './FillForm';
-export default {
-    title: 'Pages/Enrollment/Fill Form',
-    component: FillForm
-}
-export const form = args => <FillForm {...args} />

package/src/stories/Pages/Enrollment/Forms/Forms.stories.jsx DELETED Viewed

@@ -1,8 +0,0 @@
-import Forms from "./Forms";
-export default {
-    title: 'Pages/Enrollment/Forms',
-    component: Forms
-}
-export const ViewForms = args => <Forms {...args} />

package/src/stories/Pages/Events/Event/Event.stories.jsx DELETED Viewed

@@ -1,8 +0,0 @@
-import Event from "./Event";
-export default  {
-    title: 'Pages/Events/Detailed Event',
-    component: Event
-}
-export const DetailedEvent = args => <Event {...args} />

package/src/stories/Pages/Events/Events/Events.stories.jsx DELETED Viewed

@@ -1,8 +0,0 @@
-import Events from "./Events";
-export default {
-    title: 'pages/Events/Events list',
-    component: Events
-}
-export const eventsList = args => <Events {...args} />

package/src/stories/Pages/Library/Folders/Library.stories.jsx DELETED Viewed

@@ -1,8 +0,0 @@
-import Library from "./Library";
-export default {
-    title: 'Pages/Library/Folders',
-    component: Library
-}
-export const Folders = args => <Library {...args} />

package/src/stories/Pages/Library/Notes/Notes.stories.jsx DELETED Viewed

@@ -1,8 +0,0 @@
-import Notes from './Notes';
-export default {
-    title: 'Pages/Library/Notes',
-    component: Notes
-}
-export const ViewNotes = args => <Notes {...args} />

package/src/stories/Pages/Music/MusicAlbum/Music.stories.jsx DELETED Viewed

@@ -1,8 +0,0 @@
-import Music from "./Music";
-export default {
-    title: 'Pages/Music/Music Album',
-    component: Music
-}
-export const Space = args => <Music {...args} />

package/src/stories/Pages/Music/MusicAlbums/MusicAlbums.stories.jsx DELETED Viewed

@@ -1,8 +0,0 @@
-import MusicAlbums from "./MusicAlbums";
-export default {
-    title: 'pages/Music/Music Albums',
-    component: MusicAlbums
-}
-export const Albums = args => <MusicAlbums {...args} />

package/src/stories/Pages/Photos/Album/Album.stories.jsx DELETED Viewed

@@ -1,8 +0,0 @@
-import Album from "./Album";
-export default {
-    title: 'pages/photos/Album',
-    component: Album
-}
-export const photoAlbum = args => <Album {...args} />

package/src/stories/Pages/Photos/Albums/Albums.stories.jsx DELETED Viewed

@@ -1,8 +0,0 @@
-import Albums from "./Albums";
-export default {
-    title: 'pages/Photos/Albums',
-    component: Albums
-}
-export const photoAlbums = args => <Albums {...args}/>

package/src/stories/Pages/Video/DetailedVideo/DetailedVideo.stories.jsx DELETED Viewed

@@ -1,8 +0,0 @@
-import DetailedVideo from "./DetailedVideo";
-export default {
-    title: 'Pages/Video/Detailed Video',
-    component: DetailedVideo
-}
-export const Video = args => <DetailedVideo {...args} />

package/src/stories/Pages/Video/VideoAlbum/Video.stories.jsx DELETED Viewed

@@ -1,8 +0,0 @@
-import Video from './Video';
-export default {
-    title: 'pages/Video/Video Album',
-    component: Video
-}
-export const Videos = args => <Video {...args} />