@mohamed-karawia/library 0.1.5 → 0.1.9
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/stories/Reusable Components/fakeData.js +24 -4
- package/dist/stories/helpers/util.js +16 -14
- package/package.json +1 -1
- package/src/stories/Reusable Components/fakeData.js +5 -0
- package/src/stories/helpers/util.js +1 -0
- package/.github/workflows/chromatic.yml +0 -26
- package/.storybook/main.js +0 -21
- package/.storybook/middleware.js +0 -28
- package/.storybook/preview.js +0 -9
- package/build-storybook.log +0 -2704
- package/dist/stories/API/API.stories.js +0 -24
- package/dist/stories/Agora/Chat/Chat.stories.js +0 -24
- package/dist/stories/Agora/Room/Room.stories.js +0 -24
- package/dist/stories/Buttons/Buttons/Buttons.stories.js +0 -39
- package/dist/stories/Buttons/ReactModal/ReactModal.stories.js +0 -30
- package/dist/stories/Chat/Chat.stories.js +0 -76
- package/dist/stories/Common Inputs/CheckboxGroup/CheckboxGroup.stories.js +0 -58
- package/dist/stories/Common Inputs/CustomAutoComplete/CustomAutoComplete.stories.js +0 -56
- package/dist/stories/Common Inputs/CustomDropzone/CustomDropzone.stories.js +0 -47
- package/dist/stories/Common Inputs/CustomSelect/CustomSelect.stories.js +0 -61
- package/dist/stories/Common Inputs/CustomTextarea/CustomTextarea.stories.js +0 -48
- package/dist/stories/Common Inputs/DatePicker/DatePicker.stories.js +0 -60
- package/dist/stories/Common Inputs/EditorComponent/EditorComponent.stories.js +0 -62
- package/dist/stories/Common Inputs/Formik/InputField/InputField.stories.js +0 -43
- package/dist/stories/Common Inputs/Formik/RadioField/RadioField.stories.js +0 -60
- package/dist/stories/Common Inputs/RadioInput/RadioInput.stories.js +0 -50
- package/dist/stories/Common Inputs/RichTextInput/RichTextInput.stories.js +0 -51
- package/dist/stories/Common Inputs/TextField/TextField.stories.js +0 -48
- package/dist/stories/Containers/BaseMaterial.stories.js +0 -24
- package/dist/stories/Containers/WidgetExample/WidgetBody.stories.js +0 -24
- package/dist/stories/Containers/WidgetExample/WidgetExample.stories.js +0 -24
- package/dist/stories/Containers/WidgetExample/WidgetHead.stories.js +0 -24
- package/dist/stories/Enrollment/Admin/CreateForm/CreateForm.stories.js +0 -22
- package/dist/stories/Enrollment/Admin/DetailedForm/DetailedForm.stories.js +0 -42
- package/dist/stories/Enrollment/Admin/ViewForms/ViewForms.stories.js +0 -65
- package/dist/stories/Enrollment/Guest/FillForm/FillForm.stories.js +0 -48
- package/dist/stories/Events/CreateEvent/CreateEvent.stories.js +0 -30
- package/dist/stories/Events/Event/Event.stories.js +0 -33
- package/dist/stories/Events/EventsList/EventsList.stories.js +0 -44
- package/dist/stories/Forms/AddPhoto/AddPhoto.stories.js +0 -47
- package/dist/stories/Forms/AddSong/AddSong.stories.js +0 -37
- package/dist/stories/Forms/AddVideo/AddVideo.stories.js +0 -33
- package/dist/stories/Forms/Create-Profile/CreateProfile.stories.js +0 -49
- package/dist/stories/Forms/Create-Profile/subcomponents/LogoUploader.stories.js +0 -42
- package/dist/stories/Forms/Create-Profile/subcomponents/ProfilePhoto.stories.js +0 -41
- package/dist/stories/Forms/Create-Profile/subcomponents/ResetBtn.stories.js +0 -32
- package/dist/stories/Forms/CreateAlbum/CreateAlbum.stories.js +0 -47
- package/dist/stories/Forms/CreateAnnouncementForm/CreateAnnouncementForm.stories.js +0 -58
- package/dist/stories/Forms/CreateMusicAlbum/CreateMusicAlbum.stories.js +0 -47
- package/dist/stories/Forms/CreateProfile/CreateProfile.stories.js +0 -24
- package/dist/stories/Forms/CreateProfile-3/CreateProfile.stories.js +0 -24
- package/dist/stories/Forms/CreateUser/CreateUser.stories.js +0 -26
- package/dist/stories/Forms/CreateVideoAlbum/CreateVideoAlbum.stories.js +0 -37
- package/dist/stories/Forms/Form/Form.stories.js +0 -24
- package/dist/stories/Forms/NewProfile/NewProfile.stories.js +0 -24
- package/dist/stories/Layout/Body/Body.stories.js +0 -30
- package/dist/stories/Layout/Center/Center.stories.js +0 -24
- package/dist/stories/Layout/Head/Head.stories.js +0 -24
- package/dist/stories/Layout/Left/Left.stories.js +0 -24
- package/dist/stories/Layout/Right/Right.stories.js +0 -24
- package/dist/stories/Library/CreateFolder/CreateFolder.stories.js +0 -45
- package/dist/stories/Library/Folders/Folders.stories.js +0 -55
- package/dist/stories/Library/Notes/Notes.stories.js +0 -42
- package/dist/stories/Library/ViewNote/ViewNote.stories.js +0 -24
- package/dist/stories/Music Album/ViewAlbum/ViewAlbum.stories.js +0 -115
- package/dist/stories/Music Album/ViewAlbums/ViewAlbums.stories.js +0 -107
- package/dist/stories/Navbar/Navbar.stories.js +0 -41
- package/dist/stories/Pages/Blank/Blank.stories.js +0 -24
- package/dist/stories/Pages/Centered/Centered.stories.js +0 -24
- package/dist/stories/Pages/Chat/Chat.stories.js +0 -74
- package/dist/stories/Pages/Enrollment/DetailedForm/DetailedForm.stories.js +0 -22
- package/dist/stories/Pages/Enrollment/FillForm/FillForm.stories.js +0 -22
- package/dist/stories/Pages/Enrollment/Forms/Forms.stories.js +0 -22
- package/dist/stories/Pages/Events/Event/Event.stories.js +0 -22
- package/dist/stories/Pages/Events/Events/Events.stories.js +0 -22
- package/dist/stories/Pages/Library/Folders/Library.stories.js +0 -22
- package/dist/stories/Pages/Library/Notes/Notes.stories.js +0 -22
- package/dist/stories/Pages/Music/MusicAlbum/Music.stories.js +0 -22
- package/dist/stories/Pages/Music/MusicAlbums/MusicAlbums.stories.js +0 -22
- package/dist/stories/Pages/Photos/Album/Album.stories.js +0 -22
- package/dist/stories/Pages/Photos/Albums/Albums.stories.js +0 -22
- package/dist/stories/Pages/Video/DetailedVideo/DetailedVideo.stories.js +0 -22
- package/dist/stories/Pages/Video/VideoAlbum/Video.stories.js +0 -22
- package/dist/stories/Pages/ViewWorld/ViewWorld.stories.js +0 -264
- package/dist/stories/Photo Album/DetailedPhoto/DetailedPhoto.stories.js +0 -32
- package/dist/stories/Photo Album/ViewAlbum/ViewAlbum.stories.js +0 -115
- package/dist/stories/Photo Album/ViewAlbums/ViewAlbums.stories.js +0 -102
- package/dist/stories/Reusable Components/Cards/Card-style-1/CardStyle1.stories.js +0 -35
- package/dist/stories/Reusable Components/Cards/Card-style-10/CardStyle10.stories.js +0 -37
- package/dist/stories/Reusable Components/Cards/Card-style-11/CardStyle11.stories.js +0 -40
- package/dist/stories/Reusable Components/Cards/Card-style-2/CardStyle2.stories.js +0 -37
- package/dist/stories/Reusable Components/Cards/Card-style-3/CardStyle3.stories.js +0 -34
- package/dist/stories/Reusable Components/Cards/Card-style-4/CardStyle4.stories.js +0 -39
- package/dist/stories/Reusable Components/Cards/Card-style-6/CardStyle6.stories.js +0 -27
- package/dist/stories/Reusable Components/Cards/Card-style-7/CardStyle7.stories.js +0 -37
- package/dist/stories/Reusable Components/Cards/Card-style-8/CardStyle8.stories.js +0 -44
- package/dist/stories/Reusable Components/Cards/Card-style-9/CardStyle9.stories.js +0 -27
- package/dist/stories/Reusable Components/Cards/Card.stories.js +0 -132
- package/dist/stories/Reusable Components/Controls/Controls.stories.js +0 -49
- package/dist/stories/Reusable Components/Gallery/Gallery.stories.js +0 -56
- package/dist/stories/Reusable Components/Lists/Cards/ListCard-1.stories.js +0 -1
- package/dist/stories/Reusable Components/Lists/List.stories.js +0 -1
- package/dist/stories/Reusable Components/Mention/Mention.stories.js +0 -66
- package/dist/stories/Reusable Components/ReusableForm/ReusableForm.stories.js +0 -207
- package/dist/stories/Reusable Components/ReusableHeader/ReusableHeader.stories.js +0 -35
- package/dist/stories/Reusable Components/ReusableList/ReusableList.stories.js +0 -84
- package/dist/stories/Reusable Components/SearchCard/SearchCard.stories.js +0 -24
- package/dist/stories/Reusable Components/SpaceContainer/SpaceContainer.stories.js +0 -80
- package/dist/stories/Reusable Components/Spinner/Spinner.stories.js +0 -22
- package/dist/stories/Reusable Components/WidgetContainer/WidgetContainer.stories.js +0 -80
- package/dist/stories/Spaces/WelcomeSpace/WelcomeSpace.stories.js +0 -24
- package/dist/stories/VideoAlbum/AlbumsGallery/AlbumsGallery.stories.js +0 -101
- package/dist/stories/VideoAlbum/Comments/Comments.stories.js +0 -45
- package/dist/stories/VideoAlbum/VideoPlayer/VideoPlayer.stories.js +0 -149
- package/dist/stories/VideoAlbum/VideoSpace/VideoSpace.stories.js +0 -49
- package/dist/stories/VideoAlbum/ViewAlbum/ViewAlbum.stories.js +0 -113
- package/dist/stories/Widgets/LogoWidget/LogoWidget.stories.js +0 -26
- package/dist/stories/Widgets/MusicPlayer/MusicPlayer.stories.js +0 -44
- package/dist/stories/Widgets/MusicPlayerWidget/MusicPlayerWidget.stories.js +0 -52
- package/dist/stories/Widgets/SpacesList/SpacesList.stories.js +0 -52
- package/dist/stories/Widgets/SpacesList/SpacesListItem.stories.js +0 -24
- package/public/logo192.png +0 -0
- package/public/logo512.png +0 -0
- package/src/stories/API/API.stories.js +0 -10
- package/src/stories/Agora/Chat/Chat.stories.jsx +0 -10
- package/src/stories/Agora/Room/Room.stories.jsx +0 -10
- package/src/stories/Buttons/Buttons/Buttons.stories.jsx +0 -24
- package/src/stories/Buttons/ReactModal/ReactModal.stories.jsx +0 -18
- package/src/stories/Chat/Chat.stories.jsx +0 -59
- package/src/stories/Common Inputs/CheckboxGroup/CheckboxGroup.stories.jsx +0 -32
- package/src/stories/Common Inputs/CustomAutoComplete/CustomAutoComplete.stories.jsx +0 -35
- package/src/stories/Common Inputs/CustomDropzone/CustomDropzone.stories.jsx +0 -26
- package/src/stories/Common Inputs/CustomSelect/CustomSelect.stories.jsx +0 -36
- package/src/stories/Common Inputs/CustomTextarea/CustomTextarea.stories.jsx +0 -31
- package/src/stories/Common Inputs/DatePicker/DatePicker.stories.jsx +0 -47
- package/src/stories/Common Inputs/EditorComponent/EditorComponent.stories.jsx +0 -60
- package/src/stories/Common Inputs/Formik/InputField/InputField.stories.jsx +0 -27
- package/src/stories/Common Inputs/Formik/RadioField/RadioField.stories.jsx +0 -41
- package/src/stories/Common Inputs/RadioInput/RadioInput.stories.js +0 -30
- package/src/stories/Common Inputs/RichTextInput/RichTextInput.stories.js +0 -45
- package/src/stories/Common Inputs/TextField/TextField.stories.jsx +0 -31
- package/src/stories/Containers/BaseMaterial.stories.js +0 -10
- package/src/stories/Containers/WidgetExample/WidgetBody.stories.js +0 -10
- package/src/stories/Containers/WidgetExample/WidgetExample.stories.js +0 -10
- package/src/stories/Containers/WidgetExample/WidgetHead.stories.js +0 -10
- package/src/stories/Enrollment/Admin/CreateForm/CreateForm.stories.jsx +0 -8
- package/src/stories/Enrollment/Admin/DetailedForm/DetailedForm.stories.jsx +0 -36
- package/src/stories/Enrollment/Admin/ViewForms/ViewForms.stories.jsx +0 -66
- package/src/stories/Enrollment/Guest/FillForm/FillForm.stories.jsx +0 -27
- package/src/stories/Events/CreateEvent/CreateEvent.stories.jsx +0 -19
- package/src/stories/Events/Event/Event.stories.jsx +0 -21
- package/src/stories/Events/EventsList/EventsList.stories.jsx +0 -25
- package/src/stories/Forms/AddPhoto/AddPhoto.stories.jsx +0 -37
- package/src/stories/Forms/AddSong/AddSong.stories.jsx +0 -26
- package/src/stories/Forms/AddVideo/AddVideo.stories.jsx +0 -20
- package/src/stories/Forms/Create-Profile/CreateProfile.stories.jsx +0 -36
- package/src/stories/Forms/Create-Profile/subcomponents/LogoUploader.stories.jsx +0 -27
- package/src/stories/Forms/Create-Profile/subcomponents/ProfilePhoto.stories.jsx +0 -26
- package/src/stories/Forms/Create-Profile/subcomponents/ResetBtn.stories.jsx +0 -18
- package/src/stories/Forms/CreateAlbum/CreateAlbum.stories.jsx +0 -37
- package/src/stories/Forms/CreateAnnouncementForm/CreateAnnouncementForm.stories.jsx +0 -44
- package/src/stories/Forms/CreateMusicAlbum/CreateMusicAlbum.stories.jsx +0 -38
- package/src/stories/Forms/CreateProfile/CreateProfile.stories.js +0 -10
- package/src/stories/Forms/CreateProfile-3/CreateProfile.stories.js +0 -10
- package/src/stories/Forms/CreateUser/CreateUser.stories.js +0 -10
- package/src/stories/Forms/CreateVideoAlbum/CreateVideoAlbum.stories.jsx +0 -23
- package/src/stories/Forms/Form/Form.stories.js +0 -10
- package/src/stories/Forms/NewProfile/NewProfile.stories.jsx +0 -10
- package/src/stories/Layout/Body/Body.stories.js +0 -26
- package/src/stories/Layout/Center/Center.stories.js +0 -14
- package/src/stories/Layout/Head/Head.stories.js +0 -10
- package/src/stories/Layout/Left/Left.stories.js +0 -14
- package/src/stories/Layout/Right/Right.stories.js +0 -14
- package/src/stories/Library/CreateFolder/CreateFolder.stories.jsx +0 -32
- package/src/stories/Library/Folders/Folders.stories.jsx +0 -34
- package/src/stories/Library/Notes/Notes.stories.jsx +0 -24
- package/src/stories/Library/ViewNote/ViewNote.stories.jsx +0 -16
- package/src/stories/Music Album/ViewAlbum/ViewAlbum.stories.jsx +0 -60
- package/src/stories/Music Album/ViewAlbums/ViewAlbums.stories.jsx +0 -57
- package/src/stories/Navbar/Navbar.stories.js +0 -25
- package/src/stories/Pages/Blank/Blank.stories.js +0 -10
- package/src/stories/Pages/Centered/Centered.stories.js +0 -14
- package/src/stories/Pages/Chat/Chat.stories.jsx +0 -53
- package/src/stories/Pages/Enrollment/DetailedForm/DetailedForm.stories.jsx +0 -8
- package/src/stories/Pages/Enrollment/FillForm/FillForm.stories.jsx +0 -8
- package/src/stories/Pages/Enrollment/Forms/Forms.stories.jsx +0 -8
- package/src/stories/Pages/Events/Event/Event.stories.jsx +0 -8
- package/src/stories/Pages/Events/Events/Events.stories.jsx +0 -8
- package/src/stories/Pages/Library/Folders/Library.stories.jsx +0 -8
- package/src/stories/Pages/Library/Notes/Notes.stories.jsx +0 -8
- package/src/stories/Pages/Music/MusicAlbum/Music.stories.jsx +0 -8
- package/src/stories/Pages/Music/MusicAlbums/MusicAlbums.stories.jsx +0 -8
- package/src/stories/Pages/Photos/Album/Album.stories.jsx +0 -8
- package/src/stories/Pages/Photos/Albums/Albums.stories.jsx +0 -8
- package/src/stories/Pages/Video/DetailedVideo/DetailedVideo.stories.jsx +0 -8
- package/src/stories/Pages/Video/VideoAlbum/Video.stories.jsx +0 -8
- package/src/stories/Pages/ViewWorld/ViewWorld.stories.js +0 -270
- package/src/stories/Photo Album/DetailedPhoto/DetailedPhoto.stories.jsx +0 -20
- package/src/stories/Photo Album/ViewAlbum/ViewAlbum.stories.jsx +0 -60
- package/src/stories/Photo Album/ViewAlbums/ViewAlbums.stories.jsx +0 -59
- package/src/stories/Reusable Components/Cards/Card-style-1/CardStyle1.stories.jsx +0 -22
- package/src/stories/Reusable Components/Cards/Card-style-10/CardStyle10.stories.jsx +0 -21
- package/src/stories/Reusable Components/Cards/Card-style-11/CardStyle11.stories.jsx +0 -21
- package/src/stories/Reusable Components/Cards/Card-style-2/CardStyle2.stories.jsx +0 -24
- package/src/stories/Reusable Components/Cards/Card-style-3/CardStyle3.stories.jsx +0 -22
- package/src/stories/Reusable Components/Cards/Card-style-4/CardStyle4.stories.jsx +0 -25
- package/src/stories/Reusable Components/Cards/Card-style-6/CardStyle6.stories.jsx +0 -9
- package/src/stories/Reusable Components/Cards/Card-style-7/CardStyle7.stories.jsx +0 -23
- package/src/stories/Reusable Components/Cards/Card-style-8/CardStyle8.stories.jsx +0 -29
- package/src/stories/Reusable Components/Cards/Card-style-9/CardStyle9.stories.jsx +0 -14
- package/src/stories/Reusable Components/Cards/Card.stories.jsx +0 -118
- package/src/stories/Reusable Components/Controls/Controls.stories.jsx +0 -24
- package/src/stories/Reusable Components/Gallery/Gallery.stories.jsx +0 -43
- package/src/stories/Reusable Components/Lists/Cards/ListCard-1.stories.js +0 -0
- package/src/stories/Reusable Components/Lists/List.stories.js +0 -0
- package/src/stories/Reusable Components/Mention/Mention.stories.jsx +0 -55
- package/src/stories/Reusable Components/ReusableForm/ReusableForm.stories.jsx +0 -167
- package/src/stories/Reusable Components/ReusableHeader/ReusableHeader.stories.jsx +0 -22
- package/src/stories/Reusable Components/ReusableList/ReusableList.stories.jsx +0 -70
- package/src/stories/Reusable Components/SearchCard/SearchCard.stories.js +0 -10
- package/src/stories/Reusable Components/SpaceContainer/SpaceContainer.stories.jsx +0 -78
- package/src/stories/Reusable Components/Spinner/Spinner.stories.jsx +0 -8
- package/src/stories/Reusable Components/WidgetContainer/WidgetContainer.stories.jsx +0 -61
- package/src/stories/Spaces/WelcomeSpace/WelcomeSpace.stories.js +0 -10
- package/src/stories/VideoAlbum/AlbumsGallery/AlbumsGallery.stories.jsx +0 -59
- package/src/stories/VideoAlbum/Comments/Comments.stories.jsx +0 -18
- package/src/stories/VideoAlbum/VideoPlayer/VideoPlayer.stories.jsx +0 -82
- package/src/stories/VideoAlbum/VideoSpace/VideoSpace.stories.jsx +0 -23
- package/src/stories/VideoAlbum/ViewAlbum/ViewAlbum.stories.jsx +0 -57
- package/src/stories/Widgets/LogoWidget/LogoWidget.stories.js +0 -12
- package/src/stories/Widgets/MusicPlayer/MusicPlayer.stories.jsx +0 -23
- package/src/stories/Widgets/MusicPlayerWidget/MusicPlayerWidget.stories.jsx +0 -33
- package/src/stories/Widgets/SpacesList/SpacesList.stories.jsx +0 -27
- package/src/stories/Widgets/SpacesList/SpacesListItem.stories.jsx +0 -10
- package/src/stories/assets/images/album1.jpg +0 -0
- package/src/stories/assets/images/album2.jpg +0 -0
- package/src/stories/assets/images/album3.jpg +0 -0
- package/src/stories/assets/images/album4.jpg +0 -0
- package/src/stories/assets/images/album5.jpg +0 -0
- package/src/stories/assets/images/album6.jpg +0 -0
- package/src/stories/assets/images/art.jpg +0 -0
- package/src/stories/assets/images/dance.jpg +0 -0
- package/src/stories/assets/images/football.jpg +0 -0
- package/src/stories/assets/images/music.jpg +0 -0
- package/src/stories/assets/images/music1.jpg +0 -0
- package/src/stories/assets/images/music2.jpg +0 -0
- package/src/stories/assets/images/music3.jpg +0 -0
- package/src/stories/assets/images/music4.jpg +0 -0
- package/src/stories/assets/images/music5.jpg +0 -0
- package/src/stories/assets/images/music6.jpg +0 -0
- package/src/stories/assets/images/reset.png +0 -0
- package/src/stories/assets/images/robotics.jpg +0 -0
- package/src/stories/assets/images/tennis.jpg +0 -0
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
|
|
3
|
-
import LogoWidget from "./LogoWidget";
|
|
4
|
-
|
|
5
|
-
export default {
|
|
6
|
-
title: "Widgets/Logo",
|
|
7
|
-
component: LogoWidget
|
|
8
|
-
};
|
|
9
|
-
|
|
10
|
-
export const CargoSprint = () => (
|
|
11
|
-
<LogoWidget imgUrl="https://cargosprint.com/assets/img/cs-logos/Logo-CargoSprint_horizontal-color.png" />
|
|
12
|
-
);
|
|
@@ -1,23 +0,0 @@
|
|
|
1
|
-
import React from 'react'
|
|
2
|
-
|
|
3
|
-
import MusicPlayer from './MusicPlayer';
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
const Songs = [
|
|
7
|
-
{ name: 'Music 1', musicSrc: 'https://www.pacdv.com/sounds/free-music/kickstarter.mp3', cover: 'https://images.unsplash.com/photo-1505740420928-5e560c06d30e?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxleHBsb3JlLWZlZWR8NHx8fGVufDB8fHx8&w=1000&q=80' },
|
|
8
|
-
{ name: 'Music 2', musicSrc: 'https://www.pacdv.com/sounds/free-music/gentle-thoughts-1.mp3', cover: 'https://c4.wallpaperflare.com/wallpaper/729/961/256/black-minimalistic-music-piano-black-background-1680x1050-entertainment-music-hd-art-wallpaper-preview.jpg' },
|
|
9
|
-
{ name: 'Music 3', musicSrc: 'https://www.pacdv.com/sounds/free-music/glow-in-the-dark.mp3', cover: 'https://images.unsplash.com/photo-1505740420928-5e560c06d30e?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxleHBsb3JlLWZlZWR8NHx8fGVufDB8fHx8&w=1000&q=80' },
|
|
10
|
-
]
|
|
11
|
-
|
|
12
|
-
export default {
|
|
13
|
-
title: 'widgets/Music Player',
|
|
14
|
-
components: MusicPlayer,
|
|
15
|
-
}
|
|
16
|
-
|
|
17
|
-
const Template = (args) => <MusicPlayer audioLists={Songs} {...args} />;
|
|
18
|
-
|
|
19
|
-
export const Music = Template.bind({});
|
|
20
|
-
Music.args = {
|
|
21
|
-
primaryColor: '',
|
|
22
|
-
hoverColor: ''
|
|
23
|
-
};
|
|
@@ -1,33 +0,0 @@
|
|
|
1
|
-
import React from 'react'
|
|
2
|
-
|
|
3
|
-
import MusicPlayerWidget from './MusicPlayerWidget';
|
|
4
|
-
import BaseMaterial from '../../Containers/BaseMaterial';
|
|
5
|
-
|
|
6
|
-
const Songs = [
|
|
7
|
-
{ name: 'Music 1', musicSrc: 'https://www.pacdv.com/sounds/free-music/kickstarter.mp3', cover: 'https://images.unsplash.com/photo-1505740420928-5e560c06d30e?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxleHBsb3JlLWZlZWR8NHx8fGVufDB8fHx8&w=1000&q=80' },
|
|
8
|
-
{ name: 'Music 2', musicSrc: 'https://www.pacdv.com/sounds/free-music/gentle-thoughts-1.mp3', cover: 'https://c4.wallpaperflare.com/wallpaper/729/961/256/black-minimalistic-music-piano-black-background-1680x1050-entertainment-music-hd-art-wallpaper-preview.jpg' },
|
|
9
|
-
{ name: 'Music 3', musicSrc: 'https://www.pacdv.com/sounds/free-music/glow-in-the-dark.mp3', cover: 'https://images.unsplash.com/photo-1505740420928-5e560c06d30e?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxleHBsb3JlLWZlZWR8NHx8fGVufDB8fHx8&w=1000&q=80' },
|
|
10
|
-
]
|
|
11
|
-
|
|
12
|
-
export default {
|
|
13
|
-
title: 'widgets/Music Player Widget',
|
|
14
|
-
compomemt: MusicPlayerWidget
|
|
15
|
-
}
|
|
16
|
-
|
|
17
|
-
const Template = (args) => (
|
|
18
|
-
<BaseMaterial>
|
|
19
|
-
<MusicPlayerWidget playlist={Songs} {...args} />
|
|
20
|
-
</BaseMaterial>
|
|
21
|
-
)
|
|
22
|
-
|
|
23
|
-
export const MusicWidget = Template.bind({});
|
|
24
|
-
MusicWidget.args = {
|
|
25
|
-
fontFamily: '',
|
|
26
|
-
backgroundColor: '',
|
|
27
|
-
primaryColor: '',
|
|
28
|
-
borderRadius: '',
|
|
29
|
-
padding: '',
|
|
30
|
-
width: '',
|
|
31
|
-
fontColor: '',
|
|
32
|
-
fontSize: '',
|
|
33
|
-
};
|
|
@@ -1,27 +0,0 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
|
|
3
|
-
import SpacesList from "./SpacesList";
|
|
4
|
-
import SpacesListItem from "./SpacesListItem";
|
|
5
|
-
|
|
6
|
-
export default {
|
|
7
|
-
title: "Widgets/SpacesList/List",
|
|
8
|
-
component: SpacesList
|
|
9
|
-
};
|
|
10
|
-
|
|
11
|
-
export const NoItems = args => <SpacesList {...args} />;
|
|
12
|
-
|
|
13
|
-
export const OneItem = args => (
|
|
14
|
-
<SpacesList {...args}>
|
|
15
|
-
<SpacesListItem marginTop={args.itemSpacing} />
|
|
16
|
-
</SpacesList>
|
|
17
|
-
);
|
|
18
|
-
|
|
19
|
-
export const FewItems = args => (
|
|
20
|
-
<SpacesList {...args}>
|
|
21
|
-
<SpacesListItem />
|
|
22
|
-
<SpacesListItem spaceName="Welcome" marginTop={args.itemSpacing} />
|
|
23
|
-
<SpacesListItem spaceName="Announcements" marginTop={args.itemSpacing} />
|
|
24
|
-
<SpacesListItem spaceName="Client Feedback" marginTop={args.itemSpacing} />
|
|
25
|
-
<SpacesListItem spaceName="Daily Video Call" marginTop={args.itemSpacing} />
|
|
26
|
-
</SpacesList>
|
|
27
|
-
);
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|