@mohamed-karawia/library 0.1.6 → 0.1.11

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

package/src/stories/Pages/ViewWorld/ViewWorld.stories.js

@@ -1,270 +0,0 @@
-import React from 'react';
-import withMock from 'storybook-addon-mock';
-
-import ViewWorld from './ViewWorld';
-// Temporary constatns
-import { 
-  CARGO_DATA,
-  CARGO_SONGS,
-  MUSIC_DATA,
-  MUSIC_SONGS,
-  GAMING_DATA,
-  GAMING_SONGS,
-  MOVIES_DATA,
-  MOVIES_SONGS
-} from "./constatnts";
-
-export default {
-  title: 'Pages/world/world_id',
-  component: ViewWorld,
-  decorators: [withMock]
-};
-
-const Template = (args) => <ViewWorld {...args} />;
-// Cargo Sprint data
-export const Public = Template.bind({});
-Public.parameters = {
-    mockData: [
-        {
-            url: 'https://jsonplaceholder.typicode.com/editor',
-            method: 'GET',
-            status: 200,
-            response: {
-              editorData: CARGO_DATA,
-                styles: {
-                  backgroundColor: '#fff',
-                },
-                listStyles: {
-                  headerTitleColor: '#F6891F',
-                },
-                sectionsStyles: {
-                  sectionHeader: {
-                    cardBorderSize: 2,
-                    cardPadding: 2,
-                    cardBackgroundColor: '#fff',
-                    cardBorderColor: '#F6891F',
-                  },
-                  card: {
-                    cardPadding: 6,
-                    cardTitleFontSize: 15,
-                    cardBackgroundColor: 'black',
-                    cardTitleColor: 'white',
-                    onHoverBackgroundColor: '#F6891F',
-                    controlsStyles: {
-                      showOnHover: true,
-                    }
-                  }
-                }
-            }
-        },
-        {
-          url: 'https://jsonplaceholder.typicode.com/music',
-          method: 'GET',
-          status: 200,
-          response: {
-              songs: CARGO_SONGS,
-              styles: {
-                backgroundColor: '#fff',
-                primaryColor: 'black'
-              }
-          }
-      },
-    ],
-};
-Public.args= {
-  imgUrl: 'https://cargosprint.com/assets/img/cs-logos/Logo-CargoSprint_horizontal-color.png'
-}
-// Music Data
-export const Music = Template.bind({});
-Music.parameters = {
-  mockData: [
-      {
-          url: 'https://jsonplaceholder.typicode.com/editor',
-          method: 'GET',
-          status: 200,
-          response: {
-            editorData: MUSIC_DATA,
-            styles: {
-              backgroundColor: 'black',
-              fontColor: '#fff'
-            },
-            listStyles: {
-              headerTitleColor: '#E445AC',
-              
-            },
-            sectionsStyles: {
-              sectionHeader: {
-                cardBorderSize: 2,
-                cardPadding: 2,
-                cardBackgroundColor: 'black',
-                cardBorderColor: '#E445AC',
-                cardTitleColor: 'white'
-              },
-              card: {
-                cardPadding: 6,
-                cardTitleFontSize: 15,
-                cardBackgroundColor: '#fff',
-                onHoverBackgroundColor: '#E445AC',
-                cardTitleColor: 'black',
-                controlsStyles: {
-                  showOnHover: true,
-
-                }
-              }
-            }
-        }
-      },
-      {
-        url: 'https://jsonplaceholder.typicode.com/music',
-        method: 'GET',
-        status: 200,
-        response: {
-            songs: MUSIC_SONGS,
-            styles: {
-              backgroundColor: '#e445ac',
-              primaryColor: '#a9afac',
-              borderSize: 3,
-              borderColor: 'white',
-            }
-        }
-    },
-  ],
-};
-Music.args = {
-  backgroundColor: 'black',
-  color: '#FCB4BE',
-  imgUrl: 'https://i.imgur.com/6vISA8U.png',
-  hoverColor: 'black'
-}
-// Gaming Data
-export const Gaming = Template.bind({});
-Gaming.parameters = {
-  mockData: [
-      {
-          url: 'https://jsonplaceholder.typicode.com/editor',
-          method: 'GET',
-          status: 200,
-          response: {
-            editorData: GAMING_DATA,
-            styles: {
-              backgroundColor: 'black',
-              fontColor: '#fff'
-            },
-            listStyles: {
-              headerTitleColor: '#FE4554',
-              
-            },
-            sectionsStyles: {
-              sectionHeader: {
-                cardBorderSize: 2,
-                cardPadding: 2,
-                cardBackgroundColor: '#fff',
-                cardBorderColor: '#FE4554',
-                cardTitleColor: 'black'
-              },
-              card: {
-                cardPadding: 6,
-                cardTitleFontSize: 15,
-                cardBackgroundColor: '#131F2A',
-                cardTitleColor: 'white',
-                onHoverBackgroundColor: '#FE4554',
-                cardTitleColor: 'white',
-                controlsStyles: {
-                  showOnHover: true,
-                }
-              }
-            }
-        }
-      },
-      {
-        url: 'https://jsonplaceholder.typicode.com/music',
-        method: 'GET',
-        status: 200,
-        response: {
-            songs: GAMING_SONGS,
-            styles: {
-              backgroundColor: '#131F2A',
-              primaryColor: '#FE4554',
-              borderSize: 2,
-              borderColor: '#FE4554',
-              borderRadius: 15
-            }
-        }
-    },
-  ],
-};
-Gaming.args = {
-  backgroundColor: '#131F2A',
-  color: 'white',
-  imgUrl: 'https://i.imgur.com/sye5txB.png',
-  hoverColor: 'black',
-  editor: {
-    backgroundImage: 'https://img.wallpapersafari.com/tablet/1536/2048/36/65/dgOZ6K.jpg'
-  }
-}
-// Movies Data
-export const Movies = Template.bind({});
-Movies.parameters = {
-  mockData: [
-      {
-          url: 'https://jsonplaceholder.typicode.com/editor',
-          method: 'GET',
-          status: 200,
-          response: {
-            editorData: MOVIES_DATA,
-            styles: {
-              backgroundColor: 'black',
-              fontColor: '#fff'
-            },
-            listStyles: {
-              headerTitleColor: '#FE4554',
-              
-            },
-            sectionsStyles: {
-              sectionHeader: {
-                cardBorderSize: 2,
-                cardPadding: 2,
-                cardBackgroundColor: 'transparent',
-                cardBorderColor: '#FE4554',
-                cardTitleColor: 'white'
-              },
-              card: {
-                cardPadding: 6,
-                cardTitleFontSize: 15,
-                cardBackgroundColor: 'black',
-                onHoverBackgroundColor: '#FE4554',
-                cardTitleColor: 'gray',
-                controlsStyles: {
-                  showOnHover: true,
-
-                }
-              }
-            }
-        }
-      },
-      {
-        url: 'https://jsonplaceholder.typicode.com/music',
-        method: 'GET',
-        status: 200,
-        response: {
-            songs: MOVIES_SONGS,
-            styles: {
-              backgroundColor: 'black',
-              primaryColor: 'gray',
-              borderSize: 2,
-              borderColor: 'gray',
-              borderRadius: 15
-            }
-        }
-    },
-  ],
-};
-Movies.args = {
-  backgroundColor: 'black',
-  color: 'gray',
-  imgUrl: 'https://i.imgur.com/DfxFp56.png',
-  hoverColor: 'black',
-  editor: {
-    backgroundImage: 'https://thegreatfredini.files.wordpress.com/2015/10/img_0687.jpg'
-  }
-}

package/src/stories/Photo Album/DetailedPhoto/DetailedPhoto.stories.jsx

@@ -1,20 +0,0 @@
-import DetailedPhoto from "./DetailedPhoto";
-
-import img5 from '../../assets/images/album5.jpg';
-
-export default {
-    title: 'Photo Album/Photo',
-    component: DetailedPhoto
-}
-
-export const photo = args => <DetailedPhoto
-    img={{
-            index: 0,
-            img: img5,
-            title: 'Image 1',
-            description: 'This is description test',
-            date: '2021-11-30'
-        }}
-
-    {...args} />
-