@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,22 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
|
-
Object.defineProperty(exports, "__esModule", {
|
|
6
|
-
value: true
|
|
7
|
-
});
|
|
8
|
-
exports.Folders = exports.default = void 0;
|
|
9
|
-
|
|
10
|
-
var _Library = _interopRequireDefault(require("./Library"));
|
|
11
|
-
|
|
12
|
-
var _default = {
|
|
13
|
-
title: 'Pages/Library/Folders',
|
|
14
|
-
component: _Library.default
|
|
15
|
-
};
|
|
16
|
-
exports.default = _default;
|
|
17
|
-
|
|
18
|
-
var Folders = function Folders(args) {
|
|
19
|
-
return /*#__PURE__*/React.createElement(_Library.default, args);
|
|
20
|
-
};
|
|
21
|
-
|
|
22
|
-
exports.Folders = Folders;
|
|
@@ -1,22 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
|
-
Object.defineProperty(exports, "__esModule", {
|
|
6
|
-
value: true
|
|
7
|
-
});
|
|
8
|
-
exports.ViewNotes = exports.default = void 0;
|
|
9
|
-
|
|
10
|
-
var _Notes = _interopRequireDefault(require("./Notes"));
|
|
11
|
-
|
|
12
|
-
var _default = {
|
|
13
|
-
title: 'Pages/Library/Notes',
|
|
14
|
-
component: _Notes.default
|
|
15
|
-
};
|
|
16
|
-
exports.default = _default;
|
|
17
|
-
|
|
18
|
-
var ViewNotes = function ViewNotes(args) {
|
|
19
|
-
return /*#__PURE__*/React.createElement(_Notes.default, args);
|
|
20
|
-
};
|
|
21
|
-
|
|
22
|
-
exports.ViewNotes = ViewNotes;
|
|
@@ -1,22 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
|
-
Object.defineProperty(exports, "__esModule", {
|
|
6
|
-
value: true
|
|
7
|
-
});
|
|
8
|
-
exports.Space = exports.default = void 0;
|
|
9
|
-
|
|
10
|
-
var _Music = _interopRequireDefault(require("./Music"));
|
|
11
|
-
|
|
12
|
-
var _default = {
|
|
13
|
-
title: 'Pages/Music/Music Album',
|
|
14
|
-
component: _Music.default
|
|
15
|
-
};
|
|
16
|
-
exports.default = _default;
|
|
17
|
-
|
|
18
|
-
var Space = function Space(args) {
|
|
19
|
-
return /*#__PURE__*/React.createElement(_Music.default, args);
|
|
20
|
-
};
|
|
21
|
-
|
|
22
|
-
exports.Space = Space;
|
|
@@ -1,22 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
|
-
Object.defineProperty(exports, "__esModule", {
|
|
6
|
-
value: true
|
|
7
|
-
});
|
|
8
|
-
exports.Albums = exports.default = void 0;
|
|
9
|
-
|
|
10
|
-
var _MusicAlbums = _interopRequireDefault(require("./MusicAlbums"));
|
|
11
|
-
|
|
12
|
-
var _default = {
|
|
13
|
-
title: 'pages/Music/Music Albums',
|
|
14
|
-
component: _MusicAlbums.default
|
|
15
|
-
};
|
|
16
|
-
exports.default = _default;
|
|
17
|
-
|
|
18
|
-
var Albums = function Albums(args) {
|
|
19
|
-
return /*#__PURE__*/React.createElement(_MusicAlbums.default, args);
|
|
20
|
-
};
|
|
21
|
-
|
|
22
|
-
exports.Albums = Albums;
|
|
@@ -1,22 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
|
-
Object.defineProperty(exports, "__esModule", {
|
|
6
|
-
value: true
|
|
7
|
-
});
|
|
8
|
-
exports.photoAlbum = exports.default = void 0;
|
|
9
|
-
|
|
10
|
-
var _Album = _interopRequireDefault(require("./Album"));
|
|
11
|
-
|
|
12
|
-
var _default = {
|
|
13
|
-
title: 'pages/photos/Album',
|
|
14
|
-
component: _Album.default
|
|
15
|
-
};
|
|
16
|
-
exports.default = _default;
|
|
17
|
-
|
|
18
|
-
var photoAlbum = function photoAlbum(args) {
|
|
19
|
-
return /*#__PURE__*/React.createElement(_Album.default, args);
|
|
20
|
-
};
|
|
21
|
-
|
|
22
|
-
exports.photoAlbum = photoAlbum;
|
|
@@ -1,22 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
|
-
Object.defineProperty(exports, "__esModule", {
|
|
6
|
-
value: true
|
|
7
|
-
});
|
|
8
|
-
exports.photoAlbums = exports.default = void 0;
|
|
9
|
-
|
|
10
|
-
var _Albums = _interopRequireDefault(require("./Albums"));
|
|
11
|
-
|
|
12
|
-
var _default = {
|
|
13
|
-
title: 'pages/Photos/Albums',
|
|
14
|
-
component: _Albums.default
|
|
15
|
-
};
|
|
16
|
-
exports.default = _default;
|
|
17
|
-
|
|
18
|
-
var photoAlbums = function photoAlbums(args) {
|
|
19
|
-
return /*#__PURE__*/React.createElement(_Albums.default, args);
|
|
20
|
-
};
|
|
21
|
-
|
|
22
|
-
exports.photoAlbums = photoAlbums;
|
|
@@ -1,22 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
|
-
Object.defineProperty(exports, "__esModule", {
|
|
6
|
-
value: true
|
|
7
|
-
});
|
|
8
|
-
exports.Video = exports.default = void 0;
|
|
9
|
-
|
|
10
|
-
var _DetailedVideo = _interopRequireDefault(require("./DetailedVideo"));
|
|
11
|
-
|
|
12
|
-
var _default = {
|
|
13
|
-
title: 'Pages/Video/Detailed Video',
|
|
14
|
-
component: _DetailedVideo.default
|
|
15
|
-
};
|
|
16
|
-
exports.default = _default;
|
|
17
|
-
|
|
18
|
-
var Video = function Video(args) {
|
|
19
|
-
return /*#__PURE__*/React.createElement(_DetailedVideo.default, args);
|
|
20
|
-
};
|
|
21
|
-
|
|
22
|
-
exports.Video = Video;
|
|
@@ -1,22 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
|
-
Object.defineProperty(exports, "__esModule", {
|
|
6
|
-
value: true
|
|
7
|
-
});
|
|
8
|
-
exports.Videos = exports.default = void 0;
|
|
9
|
-
|
|
10
|
-
var _Video = _interopRequireDefault(require("./Video"));
|
|
11
|
-
|
|
12
|
-
var _default = {
|
|
13
|
-
title: 'pages/Video/Video Album',
|
|
14
|
-
component: _Video.default
|
|
15
|
-
};
|
|
16
|
-
exports.default = _default;
|
|
17
|
-
|
|
18
|
-
var Videos = function Videos(args) {
|
|
19
|
-
return /*#__PURE__*/React.createElement(_Video.default, args);
|
|
20
|
-
};
|
|
21
|
-
|
|
22
|
-
exports.Videos = Videos;
|
|
@@ -1,264 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
|
-
Object.defineProperty(exports, "__esModule", {
|
|
6
|
-
value: true
|
|
7
|
-
});
|
|
8
|
-
exports.Movies = exports.Gaming = exports.Music = exports.Public = exports.default = void 0;
|
|
9
|
-
|
|
10
|
-
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/defineProperty"));
|
|
11
|
-
|
|
12
|
-
var _react = _interopRequireDefault(require("react"));
|
|
13
|
-
|
|
14
|
-
var _storybookAddonMock = _interopRequireDefault(require("storybook-addon-mock"));
|
|
15
|
-
|
|
16
|
-
var _ViewWorld = _interopRequireDefault(require("./ViewWorld"));
|
|
17
|
-
|
|
18
|
-
var _constatnts = require("./constatnts");
|
|
19
|
-
|
|
20
|
-
var _card;
|
|
21
|
-
|
|
22
|
-
var _default = {
|
|
23
|
-
title: 'Pages/world/world_id',
|
|
24
|
-
component: _ViewWorld.default,
|
|
25
|
-
decorators: [_storybookAddonMock.default]
|
|
26
|
-
};
|
|
27
|
-
exports.default = _default;
|
|
28
|
-
|
|
29
|
-
var Template = function Template(args) {
|
|
30
|
-
return /*#__PURE__*/_react.default.createElement(_ViewWorld.default, args);
|
|
31
|
-
}; // Cargo Sprint data
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
var Public = Template.bind({});
|
|
35
|
-
exports.Public = Public;
|
|
36
|
-
Public.parameters = {
|
|
37
|
-
mockData: [{
|
|
38
|
-
url: 'https://jsonplaceholder.typicode.com/editor',
|
|
39
|
-
method: 'GET',
|
|
40
|
-
status: 200,
|
|
41
|
-
response: {
|
|
42
|
-
editorData: _constatnts.CARGO_DATA,
|
|
43
|
-
styles: {
|
|
44
|
-
backgroundColor: '#fff'
|
|
45
|
-
},
|
|
46
|
-
listStyles: {
|
|
47
|
-
headerTitleColor: '#F6891F'
|
|
48
|
-
},
|
|
49
|
-
sectionsStyles: {
|
|
50
|
-
sectionHeader: {
|
|
51
|
-
cardBorderSize: 2,
|
|
52
|
-
cardPadding: 2,
|
|
53
|
-
cardBackgroundColor: '#fff',
|
|
54
|
-
cardBorderColor: '#F6891F'
|
|
55
|
-
},
|
|
56
|
-
card: {
|
|
57
|
-
cardPadding: 6,
|
|
58
|
-
cardTitleFontSize: 15,
|
|
59
|
-
cardBackgroundColor: 'black',
|
|
60
|
-
cardTitleColor: 'white',
|
|
61
|
-
onHoverBackgroundColor: '#F6891F',
|
|
62
|
-
controlsStyles: {
|
|
63
|
-
showOnHover: true
|
|
64
|
-
}
|
|
65
|
-
}
|
|
66
|
-
}
|
|
67
|
-
}
|
|
68
|
-
}, {
|
|
69
|
-
url: 'https://jsonplaceholder.typicode.com/music',
|
|
70
|
-
method: 'GET',
|
|
71
|
-
status: 200,
|
|
72
|
-
response: {
|
|
73
|
-
songs: _constatnts.CARGO_SONGS,
|
|
74
|
-
styles: {
|
|
75
|
-
backgroundColor: '#fff',
|
|
76
|
-
primaryColor: 'black'
|
|
77
|
-
}
|
|
78
|
-
}
|
|
79
|
-
}]
|
|
80
|
-
};
|
|
81
|
-
Public.args = {
|
|
82
|
-
imgUrl: 'https://cargosprint.com/assets/img/cs-logos/Logo-CargoSprint_horizontal-color.png'
|
|
83
|
-
}; // Music Data
|
|
84
|
-
|
|
85
|
-
var Music = Template.bind({});
|
|
86
|
-
exports.Music = Music;
|
|
87
|
-
Music.parameters = {
|
|
88
|
-
mockData: [{
|
|
89
|
-
url: 'https://jsonplaceholder.typicode.com/editor',
|
|
90
|
-
method: 'GET',
|
|
91
|
-
status: 200,
|
|
92
|
-
response: {
|
|
93
|
-
editorData: _constatnts.MUSIC_DATA,
|
|
94
|
-
styles: {
|
|
95
|
-
backgroundColor: 'black',
|
|
96
|
-
fontColor: '#fff'
|
|
97
|
-
},
|
|
98
|
-
listStyles: {
|
|
99
|
-
headerTitleColor: '#E445AC'
|
|
100
|
-
},
|
|
101
|
-
sectionsStyles: {
|
|
102
|
-
sectionHeader: {
|
|
103
|
-
cardBorderSize: 2,
|
|
104
|
-
cardPadding: 2,
|
|
105
|
-
cardBackgroundColor: 'black',
|
|
106
|
-
cardBorderColor: '#E445AC',
|
|
107
|
-
cardTitleColor: 'white'
|
|
108
|
-
},
|
|
109
|
-
card: {
|
|
110
|
-
cardPadding: 6,
|
|
111
|
-
cardTitleFontSize: 15,
|
|
112
|
-
cardBackgroundColor: '#fff',
|
|
113
|
-
onHoverBackgroundColor: '#E445AC',
|
|
114
|
-
cardTitleColor: 'black',
|
|
115
|
-
controlsStyles: {
|
|
116
|
-
showOnHover: true
|
|
117
|
-
}
|
|
118
|
-
}
|
|
119
|
-
}
|
|
120
|
-
}
|
|
121
|
-
}, {
|
|
122
|
-
url: 'https://jsonplaceholder.typicode.com/music',
|
|
123
|
-
method: 'GET',
|
|
124
|
-
status: 200,
|
|
125
|
-
response: {
|
|
126
|
-
songs: _constatnts.MUSIC_SONGS,
|
|
127
|
-
styles: {
|
|
128
|
-
backgroundColor: '#e445ac',
|
|
129
|
-
primaryColor: '#a9afac',
|
|
130
|
-
borderSize: 3,
|
|
131
|
-
borderColor: 'white'
|
|
132
|
-
}
|
|
133
|
-
}
|
|
134
|
-
}]
|
|
135
|
-
};
|
|
136
|
-
Music.args = {
|
|
137
|
-
backgroundColor: 'black',
|
|
138
|
-
color: '#FCB4BE',
|
|
139
|
-
imgUrl: 'https://i.imgur.com/6vISA8U.png',
|
|
140
|
-
hoverColor: 'black'
|
|
141
|
-
}; // Gaming Data
|
|
142
|
-
|
|
143
|
-
var Gaming = Template.bind({});
|
|
144
|
-
exports.Gaming = Gaming;
|
|
145
|
-
Gaming.parameters = {
|
|
146
|
-
mockData: [{
|
|
147
|
-
url: 'https://jsonplaceholder.typicode.com/editor',
|
|
148
|
-
method: 'GET',
|
|
149
|
-
status: 200,
|
|
150
|
-
response: {
|
|
151
|
-
editorData: _constatnts.GAMING_DATA,
|
|
152
|
-
styles: {
|
|
153
|
-
backgroundColor: 'black',
|
|
154
|
-
fontColor: '#fff'
|
|
155
|
-
},
|
|
156
|
-
listStyles: {
|
|
157
|
-
headerTitleColor: '#FE4554'
|
|
158
|
-
},
|
|
159
|
-
sectionsStyles: {
|
|
160
|
-
sectionHeader: {
|
|
161
|
-
cardBorderSize: 2,
|
|
162
|
-
cardPadding: 2,
|
|
163
|
-
cardBackgroundColor: '#fff',
|
|
164
|
-
cardBorderColor: '#FE4554',
|
|
165
|
-
cardTitleColor: 'black'
|
|
166
|
-
},
|
|
167
|
-
card: (_card = {
|
|
168
|
-
cardPadding: 6,
|
|
169
|
-
cardTitleFontSize: 15,
|
|
170
|
-
cardBackgroundColor: '#131F2A',
|
|
171
|
-
cardTitleColor: 'white',
|
|
172
|
-
onHoverBackgroundColor: '#FE4554'
|
|
173
|
-
}, (0, _defineProperty2.default)(_card, "cardTitleColor", 'white'), (0, _defineProperty2.default)(_card, "controlsStyles", {
|
|
174
|
-
showOnHover: true
|
|
175
|
-
}), _card)
|
|
176
|
-
}
|
|
177
|
-
}
|
|
178
|
-
}, {
|
|
179
|
-
url: 'https://jsonplaceholder.typicode.com/music',
|
|
180
|
-
method: 'GET',
|
|
181
|
-
status: 200,
|
|
182
|
-
response: {
|
|
183
|
-
songs: _constatnts.GAMING_SONGS,
|
|
184
|
-
styles: {
|
|
185
|
-
backgroundColor: '#131F2A',
|
|
186
|
-
primaryColor: '#FE4554',
|
|
187
|
-
borderSize: 2,
|
|
188
|
-
borderColor: '#FE4554',
|
|
189
|
-
borderRadius: 15
|
|
190
|
-
}
|
|
191
|
-
}
|
|
192
|
-
}]
|
|
193
|
-
};
|
|
194
|
-
Gaming.args = {
|
|
195
|
-
backgroundColor: '#131F2A',
|
|
196
|
-
color: 'white',
|
|
197
|
-
imgUrl: 'https://i.imgur.com/sye5txB.png',
|
|
198
|
-
hoverColor: 'black',
|
|
199
|
-
editor: {
|
|
200
|
-
backgroundImage: 'https://img.wallpapersafari.com/tablet/1536/2048/36/65/dgOZ6K.jpg'
|
|
201
|
-
}
|
|
202
|
-
}; // Movies Data
|
|
203
|
-
|
|
204
|
-
var Movies = Template.bind({});
|
|
205
|
-
exports.Movies = Movies;
|
|
206
|
-
Movies.parameters = {
|
|
207
|
-
mockData: [{
|
|
208
|
-
url: 'https://jsonplaceholder.typicode.com/editor',
|
|
209
|
-
method: 'GET',
|
|
210
|
-
status: 200,
|
|
211
|
-
response: {
|
|
212
|
-
editorData: _constatnts.MOVIES_DATA,
|
|
213
|
-
styles: {
|
|
214
|
-
backgroundColor: 'black',
|
|
215
|
-
fontColor: '#fff'
|
|
216
|
-
},
|
|
217
|
-
listStyles: {
|
|
218
|
-
headerTitleColor: '#FE4554'
|
|
219
|
-
},
|
|
220
|
-
sectionsStyles: {
|
|
221
|
-
sectionHeader: {
|
|
222
|
-
cardBorderSize: 2,
|
|
223
|
-
cardPadding: 2,
|
|
224
|
-
cardBackgroundColor: 'transparent',
|
|
225
|
-
cardBorderColor: '#FE4554',
|
|
226
|
-
cardTitleColor: 'white'
|
|
227
|
-
},
|
|
228
|
-
card: {
|
|
229
|
-
cardPadding: 6,
|
|
230
|
-
cardTitleFontSize: 15,
|
|
231
|
-
cardBackgroundColor: 'black',
|
|
232
|
-
onHoverBackgroundColor: '#FE4554',
|
|
233
|
-
cardTitleColor: 'gray',
|
|
234
|
-
controlsStyles: {
|
|
235
|
-
showOnHover: true
|
|
236
|
-
}
|
|
237
|
-
}
|
|
238
|
-
}
|
|
239
|
-
}
|
|
240
|
-
}, {
|
|
241
|
-
url: 'https://jsonplaceholder.typicode.com/music',
|
|
242
|
-
method: 'GET',
|
|
243
|
-
status: 200,
|
|
244
|
-
response: {
|
|
245
|
-
songs: _constatnts.MOVIES_SONGS,
|
|
246
|
-
styles: {
|
|
247
|
-
backgroundColor: 'black',
|
|
248
|
-
primaryColor: 'gray',
|
|
249
|
-
borderSize: 2,
|
|
250
|
-
borderColor: 'gray',
|
|
251
|
-
borderRadius: 15
|
|
252
|
-
}
|
|
253
|
-
}
|
|
254
|
-
}]
|
|
255
|
-
};
|
|
256
|
-
Movies.args = {
|
|
257
|
-
backgroundColor: 'black',
|
|
258
|
-
color: 'gray',
|
|
259
|
-
imgUrl: 'https://i.imgur.com/DfxFp56.png',
|
|
260
|
-
hoverColor: 'black',
|
|
261
|
-
editor: {
|
|
262
|
-
backgroundImage: 'https://thegreatfredini.files.wordpress.com/2015/10/img_0687.jpg'
|
|
263
|
-
}
|
|
264
|
-
};
|
|
@@ -1,32 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
|
-
Object.defineProperty(exports, "__esModule", {
|
|
6
|
-
value: true
|
|
7
|
-
});
|
|
8
|
-
exports.photo = exports.default = void 0;
|
|
9
|
-
|
|
10
|
-
var _DetailedPhoto = _interopRequireDefault(require("./DetailedPhoto"));
|
|
11
|
-
|
|
12
|
-
var _album = _interopRequireDefault(require("../../assets/images/album5.jpg"));
|
|
13
|
-
|
|
14
|
-
var _default = {
|
|
15
|
-
title: 'Photo Album/Photo',
|
|
16
|
-
component: _DetailedPhoto.default
|
|
17
|
-
};
|
|
18
|
-
exports.default = _default;
|
|
19
|
-
|
|
20
|
-
var photo = function photo(args) {
|
|
21
|
-
return /*#__PURE__*/React.createElement(_DetailedPhoto.default, Object.assign({
|
|
22
|
-
img: {
|
|
23
|
-
index: 0,
|
|
24
|
-
img: _album.default,
|
|
25
|
-
title: 'Image 1',
|
|
26
|
-
description: 'This is description test',
|
|
27
|
-
date: '2021-11-30'
|
|
28
|
-
}
|
|
29
|
-
}, args));
|
|
30
|
-
};
|
|
31
|
-
|
|
32
|
-
exports.photo = photo;
|
|
@@ -1,115 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
|
-
Object.defineProperty(exports, "__esModule", {
|
|
6
|
-
value: true
|
|
7
|
-
});
|
|
8
|
-
exports.Album = exports.default = void 0;
|
|
9
|
-
|
|
10
|
-
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
|
|
11
|
-
|
|
12
|
-
var _react = _interopRequireWildcard(require("react"));
|
|
13
|
-
|
|
14
|
-
var _ViewAlbum = _interopRequireDefault(require("./ViewAlbum"));
|
|
15
|
-
|
|
16
|
-
var _util = require("../../helpers/util");
|
|
17
|
-
|
|
18
|
-
var _album = _interopRequireDefault(require("../../assets/images/album1.jpg"));
|
|
19
|
-
|
|
20
|
-
var _album2 = _interopRequireDefault(require("../../assets/images/album2.jpg"));
|
|
21
|
-
|
|
22
|
-
var _album3 = _interopRequireDefault(require("../../assets/images/album3.jpg"));
|
|
23
|
-
|
|
24
|
-
var _album4 = _interopRequireDefault(require("../../assets/images/album4.jpg"));
|
|
25
|
-
|
|
26
|
-
var _album5 = _interopRequireDefault(require("../../assets/images/album5.jpg"));
|
|
27
|
-
|
|
28
|
-
var _album6 = _interopRequireDefault(require("../../assets/images/album6.jpg"));
|
|
29
|
-
|
|
30
|
-
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
31
|
-
|
|
32
|
-
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
33
|
-
|
|
34
|
-
var _default = {
|
|
35
|
-
title: 'Photo Album/View Album',
|
|
36
|
-
component: _ViewAlbum.default
|
|
37
|
-
};
|
|
38
|
-
exports.default = _default;
|
|
39
|
-
|
|
40
|
-
var Album = function Album(args) {
|
|
41
|
-
var _useState = (0, _react.useState)([{
|
|
42
|
-
index: 0,
|
|
43
|
-
img: _album5.default,
|
|
44
|
-
title: 'Image 1',
|
|
45
|
-
description: 'This is description test',
|
|
46
|
-
date: '2021-11-30'
|
|
47
|
-
}, {
|
|
48
|
-
index: 1,
|
|
49
|
-
img: _album3.default,
|
|
50
|
-
title: 'Image 2',
|
|
51
|
-
description: 'This is description test',
|
|
52
|
-
date: '2021-11-30'
|
|
53
|
-
}, {
|
|
54
|
-
index: 2,
|
|
55
|
-
img: _album6.default,
|
|
56
|
-
title: 'Image 3',
|
|
57
|
-
description: 'This is description test',
|
|
58
|
-
date: '2021-11-30'
|
|
59
|
-
}, {
|
|
60
|
-
index: 3,
|
|
61
|
-
img: _album2.default,
|
|
62
|
-
title: 'Image 4',
|
|
63
|
-
description: 'This is description test',
|
|
64
|
-
date: '2021-11-30'
|
|
65
|
-
}, {
|
|
66
|
-
index: 4,
|
|
67
|
-
img: _album.default,
|
|
68
|
-
title: 'Image 5',
|
|
69
|
-
description: 'This is description test',
|
|
70
|
-
date: '2021-11-30'
|
|
71
|
-
}, {
|
|
72
|
-
index: 5,
|
|
73
|
-
img: _album4.default,
|
|
74
|
-
title: 'Image 6',
|
|
75
|
-
description: 'This is description test',
|
|
76
|
-
date: '2021-11-30'
|
|
77
|
-
}]),
|
|
78
|
-
_useState2 = (0, _slicedToArray2.default)(_useState, 2),
|
|
79
|
-
album = _useState2[0],
|
|
80
|
-
setAlbum = _useState2[1];
|
|
81
|
-
|
|
82
|
-
var onAddPhoto = function onAddPhoto(photo) {
|
|
83
|
-
var newImg = {
|
|
84
|
-
img: photo.cover.meta.previewUrl,
|
|
85
|
-
title: photo.title,
|
|
86
|
-
description: photo.description,
|
|
87
|
-
date: photo.date
|
|
88
|
-
};
|
|
89
|
-
setAlbum((0, _util.addObjectToArray)(album, newImg));
|
|
90
|
-
};
|
|
91
|
-
|
|
92
|
-
var cardIconClicked = function cardIconClicked(action, index) {
|
|
93
|
-
switch (action) {
|
|
94
|
-
case 'delete':
|
|
95
|
-
onDeletePhoto(index);
|
|
96
|
-
break;
|
|
97
|
-
|
|
98
|
-
default:
|
|
99
|
-
break;
|
|
100
|
-
}
|
|
101
|
-
};
|
|
102
|
-
|
|
103
|
-
var onDeletePhoto = function onDeletePhoto(index) {
|
|
104
|
-
setAlbum((0, _util.deleteFromArrayByIndex)(album, index));
|
|
105
|
-
};
|
|
106
|
-
|
|
107
|
-
return /*#__PURE__*/_react.default.createElement(_ViewAlbum.default, Object.assign({
|
|
108
|
-
album: album,
|
|
109
|
-
addPhoto: onAddPhoto,
|
|
110
|
-
deletePhoto: onDeletePhoto,
|
|
111
|
-
cardIconClicked: cardIconClicked
|
|
112
|
-
}, args));
|
|
113
|
-
};
|
|
114
|
-
|
|
115
|
-
exports.Album = Album;
|
|
@@ -1,102 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
|
-
Object.defineProperty(exports, "__esModule", {
|
|
6
|
-
value: true
|
|
7
|
-
});
|
|
8
|
-
exports.Albums = exports.default = void 0;
|
|
9
|
-
|
|
10
|
-
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
|
|
11
|
-
|
|
12
|
-
var _react = _interopRequireWildcard(require("react"));
|
|
13
|
-
|
|
14
|
-
var _ViewAlbums = _interopRequireDefault(require("./ViewAlbums"));
|
|
15
|
-
|
|
16
|
-
var _util = require("../../helpers/util");
|
|
17
|
-
|
|
18
|
-
var _album = _interopRequireDefault(require("../../assets/images/album1.jpg"));
|
|
19
|
-
|
|
20
|
-
var _album2 = _interopRequireDefault(require("../../assets/images/album2.jpg"));
|
|
21
|
-
|
|
22
|
-
var _album3 = _interopRequireDefault(require("../../assets/images/album3.jpg"));
|
|
23
|
-
|
|
24
|
-
var _album4 = _interopRequireDefault(require("../../assets/images/album4.jpg"));
|
|
25
|
-
|
|
26
|
-
var _album5 = _interopRequireDefault(require("../../assets/images/album5.jpg"));
|
|
27
|
-
|
|
28
|
-
var _album6 = _interopRequireDefault(require("../../assets/images/album6.jpg"));
|
|
29
|
-
|
|
30
|
-
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
31
|
-
|
|
32
|
-
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
33
|
-
|
|
34
|
-
var _default = {
|
|
35
|
-
title: 'Photo Album/Albums/Albums',
|
|
36
|
-
component: _ViewAlbums.default
|
|
37
|
-
};
|
|
38
|
-
exports.default = _default;
|
|
39
|
-
|
|
40
|
-
var Albums = function Albums(args) {
|
|
41
|
-
var _useState = (0, _react.useState)([{
|
|
42
|
-
img: _album.default,
|
|
43
|
-
title: 'Album 1',
|
|
44
|
-
count: '24'
|
|
45
|
-
}, {
|
|
46
|
-
img: _album2.default,
|
|
47
|
-
title: 'Album 2',
|
|
48
|
-
count: '24'
|
|
49
|
-
}, {
|
|
50
|
-
img: _album3.default,
|
|
51
|
-
title: 'Album 3',
|
|
52
|
-
count: '24'
|
|
53
|
-
}, {
|
|
54
|
-
img: _album4.default,
|
|
55
|
-
title: 'Album 4',
|
|
56
|
-
count: '24'
|
|
57
|
-
}, {
|
|
58
|
-
img: _album5.default,
|
|
59
|
-
title: 'Album 5',
|
|
60
|
-
count: '24'
|
|
61
|
-
}, {
|
|
62
|
-
img: _album6.default,
|
|
63
|
-
title: 'Album 6',
|
|
64
|
-
count: '24'
|
|
65
|
-
}]),
|
|
66
|
-
_useState2 = (0, _slicedToArray2.default)(_useState, 2),
|
|
67
|
-
albums = _useState2[0],
|
|
68
|
-
setAlbums = _useState2[1];
|
|
69
|
-
|
|
70
|
-
var cardIconClicked = function cardIconClicked(action, index) {
|
|
71
|
-
switch (action) {
|
|
72
|
-
case 'delete':
|
|
73
|
-
onDeleteAlbum(index);
|
|
74
|
-
break;
|
|
75
|
-
|
|
76
|
-
default:
|
|
77
|
-
break;
|
|
78
|
-
}
|
|
79
|
-
};
|
|
80
|
-
|
|
81
|
-
var onDeleteAlbum = function onDeleteAlbum(index) {
|
|
82
|
-
setAlbums((0, _util.deleteFromArrayByIndex)(albums, index));
|
|
83
|
-
};
|
|
84
|
-
|
|
85
|
-
var onAddAlbum = function onAddAlbum(album) {
|
|
86
|
-
var newAlbum = {
|
|
87
|
-
img: album.cover.meta.previewUrl,
|
|
88
|
-
title: album.title,
|
|
89
|
-
count: '55'
|
|
90
|
-
};
|
|
91
|
-
setAlbums((0, _util.addObjectToArray)(albums, newAlbum));
|
|
92
|
-
};
|
|
93
|
-
|
|
94
|
-
return /*#__PURE__*/_react.default.createElement(_ViewAlbums.default, Object.assign({
|
|
95
|
-
albums: albums,
|
|
96
|
-
cardIconClicked: cardIconClicked,
|
|
97
|
-
onDeleteAlbum: onDeleteAlbum,
|
|
98
|
-
onAddAlbum: onAddAlbum
|
|
99
|
-
}, args));
|
|
100
|
-
};
|
|
101
|
-
|
|
102
|
-
exports.Albums = Albums;
|