@mohamed-karawia/library 0.1.0
Sign up to get free protection for your applications and to get access to all the features.
- package/.github/workflows/chromatic.yml +26 -0
- package/.storybook/main.js +21 -0
- package/.storybook/middleware.js +28 -0
- package/.storybook/preview.js +9 -0
- package/CHANGELOG.md +66 -0
- package/LICENSE +21 -0
- package/README.md +23 -0
- package/README.old.md +3 -0
- package/build-storybook.log +2704 -0
- package/dist/index.js +311 -0
- package/dist/stories/API/API.js +48 -0
- package/dist/stories/API/API.stories.js +24 -0
- package/dist/stories/Agora/Call/Call.js +316 -0
- package/dist/stories/Agora/Chat/Chat.js +107 -0
- package/dist/stories/Agora/Chat/Chat.stories.js +24 -0
- package/dist/stories/Agora/Chat/Components/ChatItem/ChatItem.js +34 -0
- package/dist/stories/Agora/Chat/Components/ChatRoom/ChatRoom.js +199 -0
- package/dist/stories/Agora/Controls/Controls.js +80 -0
- package/dist/stories/Agora/Preview/PreviewCamera.js +247 -0
- package/dist/stories/Agora/Preview/ShareScreen.js +119 -0
- package/dist/stories/Agora/Room/Room.js +114 -0
- package/dist/stories/Agora/Room/Room.stories.js +24 -0
- package/dist/stories/Buttons/Buttons/Buttons.js +59 -0
- package/dist/stories/Buttons/Buttons/Buttons.stories.js +39 -0
- package/dist/stories/Buttons/ReactModal/ReactModal.js +94 -0
- package/dist/stories/Buttons/ReactModal/ReactModal.stories.js +30 -0
- package/dist/stories/Buttons/ReactModal/ReactModalDemo.js +17 -0
- package/dist/stories/Chat/Chat.js +76 -0
- package/dist/stories/Chat/Chat.stories.js +76 -0
- package/dist/stories/Common Inputs/CheckboxGroup/CheckboxGroup.js +59 -0
- package/dist/stories/Common Inputs/CheckboxGroup/CheckboxGroup.stories.js +58 -0
- package/dist/stories/Common Inputs/CustomAutoComplete/CustomAutoComplete.js +93 -0
- package/dist/stories/Common Inputs/CustomAutoComplete/CustomAutoComplete.stories.js +56 -0
- package/dist/stories/Common Inputs/CustomDropzone/CustomDropZone.js +88 -0
- package/dist/stories/Common Inputs/CustomDropzone/CustomDropzone.stories.js +47 -0
- package/dist/stories/Common Inputs/CustomSelect/CustomSelect.js +92 -0
- package/dist/stories/Common Inputs/CustomSelect/CustomSelect.stories.js +61 -0
- package/dist/stories/Common Inputs/CustomTextarea/CustomTextarea.js +65 -0
- package/dist/stories/Common Inputs/CustomTextarea/CustomTextarea.stories.js +48 -0
- package/dist/stories/Common Inputs/DatePicker/DatePicker.js +104 -0
- package/dist/stories/Common Inputs/DatePicker/DatePicker.stories.js +60 -0
- package/dist/stories/Common Inputs/DatePicker/SingleDatePicker.js +97 -0
- package/dist/stories/Common Inputs/DropZone.js +148 -0
- package/dist/stories/Common Inputs/EditorComponent/EditorComponent.js +84 -0
- package/dist/stories/Common Inputs/EditorComponent/EditorComponent.stories.js +62 -0
- package/dist/stories/Common Inputs/EditorComponent/constants.js +41 -0
- package/dist/stories/Common Inputs/Formik/InputField/InputField.js +35 -0
- package/dist/stories/Common Inputs/Formik/InputField/InputField.stories.js +43 -0
- package/dist/stories/Common Inputs/Formik/RadioField/RadioField.js +54 -0
- package/dist/stories/Common Inputs/Formik/RadioField/RadioField.stories.js +60 -0
- package/dist/stories/Common Inputs/RadioInput/RadioInput.js +115 -0
- package/dist/stories/Common Inputs/RadioInput/RadioInput.stories.js +50 -0
- package/dist/stories/Common Inputs/RichTextInput/Components/Emoji/Emoji.js +31 -0
- package/dist/stories/Common Inputs/RichTextInput/Components/Gif/Gif.js +88 -0
- package/dist/stories/Common Inputs/RichTextInput/RichTextInput.js +278 -0
- package/dist/stories/Common Inputs/RichTextInput/RichTextInput.stories.js +51 -0
- package/dist/stories/Common Inputs/TextField/TextField.js +65 -0
- package/dist/stories/Common Inputs/TextField/TextField.stories.js +48 -0
- package/dist/stories/Containers/BaseMaterial.js +65 -0
- package/dist/stories/Containers/BaseMaterial.stories.js +24 -0
- package/dist/stories/Containers/WidgetExample/WidgetBody.js +17 -0
- package/dist/stories/Containers/WidgetExample/WidgetBody.stories.js +24 -0
- package/dist/stories/Containers/WidgetExample/WidgetExample.js +23 -0
- package/dist/stories/Containers/WidgetExample/WidgetExample.stories.js +24 -0
- package/dist/stories/Containers/WidgetExample/WidgetHead.js +17 -0
- package/dist/stories/Containers/WidgetExample/WidgetHead.stories.js +24 -0
- package/dist/stories/Enrollment/Admin/CreateForm/CreateForm.js +83 -0
- package/dist/stories/Enrollment/Admin/CreateForm/CreateForm.stories.js +22 -0
- package/dist/stories/Enrollment/Admin/DetailedForm/DetailedForm.js +81 -0
- package/dist/stories/Enrollment/Admin/DetailedForm/DetailedForm.stories.js +42 -0
- package/dist/stories/Enrollment/Admin/ViewForms/ViewForms.js +46 -0
- package/dist/stories/Enrollment/Admin/ViewForms/ViewForms.stories.js +65 -0
- package/dist/stories/Enrollment/Guest/FillForm/FillForm.js +64 -0
- package/dist/stories/Enrollment/Guest/FillForm/FillForm.stories.js +48 -0
- package/dist/stories/Events/CreateEvent/CreateEvent.js +110 -0
- package/dist/stories/Events/CreateEvent/CreateEvent.stories.js +30 -0
- package/dist/stories/Events/Event/Event.js +94 -0
- package/dist/stories/Events/Event/Event.stories.js +33 -0
- package/dist/stories/Events/EventsList/EventsList.js +135 -0
- package/dist/stories/Events/EventsList/EventsList.stories.js +44 -0
- package/dist/stories/Forms/AddPhoto/AddPhoto.js +101 -0
- package/dist/stories/Forms/AddPhoto/AddPhoto.stories.js +47 -0
- package/dist/stories/Forms/AddSong/AddSong.js +98 -0
- package/dist/stories/Forms/AddSong/AddSong.stories.js +37 -0
- package/dist/stories/Forms/AddVideo/AddVideo.js +103 -0
- package/dist/stories/Forms/AddVideo/AddVideo.stories.js +33 -0
- package/dist/stories/Forms/Create-Profile/CreateProfile.js +229 -0
- package/dist/stories/Forms/Create-Profile/CreateProfile.stories.js +49 -0
- package/dist/stories/Forms/Create-Profile/subcomponents/LogoUploader.js +54 -0
- package/dist/stories/Forms/Create-Profile/subcomponents/LogoUploader.stories.js +42 -0
- package/dist/stories/Forms/Create-Profile/subcomponents/ProfilePhoto.js +49 -0
- package/dist/stories/Forms/Create-Profile/subcomponents/ProfilePhoto.stories.js +41 -0
- package/dist/stories/Forms/Create-Profile/subcomponents/ResetBtn.js +41 -0
- package/dist/stories/Forms/Create-Profile/subcomponents/ResetBtn.stories.js +32 -0
- package/dist/stories/Forms/CreateAlbum/CreateAlbum.js +95 -0
- package/dist/stories/Forms/CreateAlbum/CreateAlbum.stories.js +47 -0
- package/dist/stories/Forms/CreateAnnouncementForm/CreateAnnouncementForm.js +84 -0
- package/dist/stories/Forms/CreateAnnouncementForm/CreateAnnouncementForm.stories.js +58 -0
- package/dist/stories/Forms/CreateMusicAlbum/CreateMusicAlbum.js +100 -0
- package/dist/stories/Forms/CreateMusicAlbum/CreateMusicAlbum.stories.js +47 -0
- package/dist/stories/Forms/CreateProfile/CreateProfile.js +383 -0
- package/dist/stories/Forms/CreateProfile/CreateProfile.stories.js +24 -0
- package/dist/stories/Forms/CreateProfile-3/CreateProfile.js +324 -0
- package/dist/stories/Forms/CreateProfile-3/CreateProfile.stories.js +24 -0
- package/dist/stories/Forms/CreateUser/CreateUser.js +27 -0
- package/dist/stories/Forms/CreateUser/CreateUser.stories.js +26 -0
- package/dist/stories/Forms/CreateVideoAlbum/CreateVideoAlbum.js +84 -0
- package/dist/stories/Forms/CreateVideoAlbum/CreateVideoAlbum.stories.js +37 -0
- package/dist/stories/Forms/Form/Form.js +35 -0
- package/dist/stories/Forms/Form/Form.stories.js +24 -0
- package/dist/stories/Forms/NewProfile/NewProfile.js +450 -0
- package/dist/stories/Forms/NewProfile/NewProfile.stories.js +24 -0
- package/dist/stories/Layout/Body/Body.js +30 -0
- package/dist/stories/Layout/Body/Body.stories.js +30 -0
- package/dist/stories/Layout/Center/Center.js +26 -0
- package/dist/stories/Layout/Center/Center.stories.js +24 -0
- package/dist/stories/Layout/Head/Head.js +24 -0
- package/dist/stories/Layout/Head/Head.stories.js +24 -0
- package/dist/stories/Layout/Left/Left.js +28 -0
- package/dist/stories/Layout/Left/Left.stories.js +24 -0
- package/dist/stories/Layout/Right/Right.js +27 -0
- package/dist/stories/Layout/Right/Right.stories.js +24 -0
- package/dist/stories/Library/CreateFolder/CreateFolder.js +87 -0
- package/dist/stories/Library/CreateFolder/CreateFolder.stories.js +45 -0
- package/dist/stories/Library/Folders/Folders.js +126 -0
- package/dist/stories/Library/Folders/Folders.stories.js +55 -0
- package/dist/stories/Library/Notes/Notes.js +135 -0
- package/dist/stories/Library/Notes/Notes.stories.js +42 -0
- package/dist/stories/Library/ViewNote/ViewNote.js +30 -0
- package/dist/stories/Library/ViewNote/ViewNote.stories.js +24 -0
- package/dist/stories/Misc/Thumbnail/Thumbnail.js +118 -0
- package/dist/stories/Music Album/ViewAlbum/ViewAlbum.js +131 -0
- package/dist/stories/Music Album/ViewAlbum/ViewAlbum.stories.js +115 -0
- package/dist/stories/Music Album/ViewAlbums/ViewAlbums.js +149 -0
- package/dist/stories/Music Album/ViewAlbums/ViewAlbums.stories.js +107 -0
- package/dist/stories/Navbar/Navbar.js +346 -0
- package/dist/stories/Navbar/Navbar.stories.js +41 -0
- package/dist/stories/Pages/Blank/Blank.js +36 -0
- package/dist/stories/Pages/Blank/Blank.stories.js +24 -0
- package/dist/stories/Pages/Centered/Centered.js +34 -0
- package/dist/stories/Pages/Centered/Centered.stories.js +24 -0
- package/dist/stories/Pages/Chat/Chat.js +86 -0
- package/dist/stories/Pages/Chat/Chat.stories.js +74 -0
- package/dist/stories/Pages/Enrollment/DetailedForm/DetailedForm.js +96 -0
- package/dist/stories/Pages/Enrollment/DetailedForm/DetailedForm.stories.js +22 -0
- package/dist/stories/Pages/Enrollment/FillForm/FillForm.js +102 -0
- package/dist/stories/Pages/Enrollment/FillForm/FillForm.stories.js +22 -0
- package/dist/stories/Pages/Enrollment/Forms/Forms.js +125 -0
- package/dist/stories/Pages/Enrollment/Forms/Forms.stories.js +22 -0
- package/dist/stories/Pages/Events/Event/Event.js +89 -0
- package/dist/stories/Pages/Events/Event/Event.stories.js +22 -0
- package/dist/stories/Pages/Events/Events/Events.js +125 -0
- package/dist/stories/Pages/Events/Events/Events.stories.js +22 -0
- package/dist/stories/Pages/Library/Folders/Library.js +136 -0
- package/dist/stories/Pages/Library/Folders/Library.stories.js +22 -0
- package/dist/stories/Pages/Library/Notes/Notes.js +123 -0
- package/dist/stories/Pages/Library/Notes/Notes.stories.js +22 -0
- package/dist/stories/Pages/Music/MusicAlbum/Music.js +211 -0
- package/dist/stories/Pages/Music/MusicAlbum/Music.stories.js +22 -0
- package/dist/stories/Pages/Music/MusicAlbums/MusicAlbums.js +155 -0
- package/dist/stories/Pages/Music/MusicAlbums/MusicAlbums.stories.js +22 -0
- package/dist/stories/Pages/Photos/Album/Album.js +164 -0
- package/dist/stories/Pages/Photos/Album/Album.stories.js +22 -0
- package/dist/stories/Pages/Photos/Albums/Albums.js +151 -0
- package/dist/stories/Pages/Photos/Albums/Albums.stories.js +22 -0
- package/dist/stories/Pages/Video/DetailedVideo/DetailedVideo.js +112 -0
- package/dist/stories/Pages/Video/DetailedVideo/DetailedVideo.stories.js +22 -0
- package/dist/stories/Pages/Video/VideoAlbum/Video.js +216 -0
- package/dist/stories/Pages/Video/VideoAlbum/Video.stories.js +22 -0
- package/dist/stories/Pages/ViewWorld/ViewWorld.js +244 -0
- package/dist/stories/Pages/ViewWorld/ViewWorld.stories.js +264 -0
- package/dist/stories/Pages/ViewWorld/constatnts.js +172 -0
- package/dist/stories/Photo Album/DetailedPhoto/DetailedPhoto.js +24 -0
- package/dist/stories/Photo Album/DetailedPhoto/DetailedPhoto.stories.js +32 -0
- package/dist/stories/Photo Album/ViewAlbum/ViewAlbum.js +236 -0
- package/dist/stories/Photo Album/ViewAlbum/ViewAlbum.stories.js +115 -0
- package/dist/stories/Photo Album/ViewAlbums/ViewAlbums.js +156 -0
- package/dist/stories/Photo Album/ViewAlbums/ViewAlbums.stories.js +102 -0
- package/dist/stories/Reusable Components/Cards/Card-style-1/CardStyle1.js +67 -0
- package/dist/stories/Reusable Components/Cards/Card-style-1/CardStyle1.stories.js +35 -0
- package/dist/stories/Reusable Components/Cards/Card-style-10/CardStyle10.js +81 -0
- package/dist/stories/Reusable Components/Cards/Card-style-10/CardStyle10.stories.js +37 -0
- package/dist/stories/Reusable Components/Cards/Card-style-11/CardStyle11.js +67 -0
- package/dist/stories/Reusable Components/Cards/Card-style-11/CardStyle11.stories.js +40 -0
- package/dist/stories/Reusable Components/Cards/Card-style-2/CardStyle2.js +67 -0
- package/dist/stories/Reusable Components/Cards/Card-style-2/CardStyle2.stories.js +37 -0
- package/dist/stories/Reusable Components/Cards/Card-style-3/CardStyle3.js +65 -0
- package/dist/stories/Reusable Components/Cards/Card-style-3/CardStyle3.stories.js +34 -0
- package/dist/stories/Reusable Components/Cards/Card-style-4/CardStyle4.js +66 -0
- package/dist/stories/Reusable Components/Cards/Card-style-4/CardStyle4.stories.js +39 -0
- package/dist/stories/Reusable Components/Cards/Card-style-6/CardStyle6.js +93 -0
- package/dist/stories/Reusable Components/Cards/Card-style-6/CardStyle6.stories.js +27 -0
- package/dist/stories/Reusable Components/Cards/Card-style-7/CardStyle7.js +88 -0
- package/dist/stories/Reusable Components/Cards/Card-style-7/CardStyle7.stories.js +37 -0
- package/dist/stories/Reusable Components/Cards/Card-style-8/CardStyle8.js +86 -0
- package/dist/stories/Reusable Components/Cards/Card-style-8/CardStyle8.stories.js +44 -0
- package/dist/stories/Reusable Components/Cards/Card-style-9/CardStyle9.js +67 -0
- package/dist/stories/Reusable Components/Cards/Card-style-9/CardStyle9.stories.js +27 -0
- package/dist/stories/Reusable Components/Cards/Card.js +102 -0
- package/dist/stories/Reusable Components/Cards/Card.stories.js +132 -0
- package/dist/stories/Reusable Components/Cards/globalCardStyles.js +70 -0
- package/dist/stories/Reusable Components/Controls/Controls.js +128 -0
- package/dist/stories/Reusable Components/Controls/Controls.stories.js +49 -0
- package/dist/stories/Reusable Components/Gallery/Gallery.js +120 -0
- package/dist/stories/Reusable Components/Gallery/Gallery.stories.js +56 -0
- package/dist/stories/Reusable Components/Lists/Cards/ListCard-1.js +1 -0
- package/dist/stories/Reusable Components/Lists/Cards/ListCard-1.stories.js +1 -0
- package/dist/stories/Reusable Components/Lists/List.js +1 -0
- package/dist/stories/Reusable Components/Lists/List.stories.js +1 -0
- package/dist/stories/Reusable Components/Mention/Mention.js +72 -0
- package/dist/stories/Reusable Components/Mention/Mention.stories.js +66 -0
- package/dist/stories/Reusable Components/ReactModal/ReactModal.js +83 -0
- package/dist/stories/Reusable Components/ReusableForm/ReusableForm.js +100 -0
- package/dist/stories/Reusable Components/ReusableForm/ReusableForm.stories.js +207 -0
- package/dist/stories/Reusable Components/ReusableHeader/ReusableHeader.js +64 -0
- package/dist/stories/Reusable Components/ReusableHeader/ReusableHeader.stories.js +35 -0
- package/dist/stories/Reusable Components/ReusableList/ReusableList.js +92 -0
- package/dist/stories/Reusable Components/ReusableList/ReusableList.stories.js +84 -0
- package/dist/stories/Reusable Components/SearchCard/SearchCard.js +81 -0
- package/dist/stories/Reusable Components/SearchCard/SearchCard.stories.js +24 -0
- package/dist/stories/Reusable Components/SpaceContainer/SpaceContainer.js +48 -0
- package/dist/stories/Reusable Components/SpaceContainer/SpaceContainer.stories.js +80 -0
- package/dist/stories/Reusable Components/Spinner/Spinner.js +28 -0
- package/dist/stories/Reusable Components/Spinner/Spinner.stories.js +22 -0
- package/dist/stories/Reusable Components/WidgetContainer/WidgetContainer.js +51 -0
- package/dist/stories/Reusable Components/WidgetContainer/WidgetContainer.stories.js +80 -0
- package/dist/stories/Reusable Components/commonStyles.js +54 -0
- package/dist/stories/Reusable Components/fakeData.js +112 -0
- package/dist/stories/Spaces/WelcomeSpace/WelcomeSpace.js +74 -0
- package/dist/stories/Spaces/WelcomeSpace/WelcomeSpace.stories.js +24 -0
- package/dist/stories/VideoAlbum/AlbumsGallery/AlbumsGallery.js +151 -0
- package/dist/stories/VideoAlbum/AlbumsGallery/AlbumsGallery.stories.js +101 -0
- package/dist/stories/VideoAlbum/Comments/Comments.js +58 -0
- package/dist/stories/VideoAlbum/Comments/Comments.stories.js +45 -0
- package/dist/stories/VideoAlbum/VideoPlayer/VideoPlayer.js +235 -0
- package/dist/stories/VideoAlbum/VideoPlayer/VideoPlayer.stories.js +149 -0
- package/dist/stories/VideoAlbum/VideoSpace/VideoSpace.js +110 -0
- package/dist/stories/VideoAlbum/VideoSpace/VideoSpace.stories.js +49 -0
- package/dist/stories/VideoAlbum/ViewAlbum/ViewAlbum.js +150 -0
- package/dist/stories/VideoAlbum/ViewAlbum/ViewAlbum.stories.js +113 -0
- package/dist/stories/Widgets/LogoWidget/LogoWidget.js +32 -0
- package/dist/stories/Widgets/LogoWidget/LogoWidget.stories.js +26 -0
- package/dist/stories/Widgets/MusicPlayer/MusicPlayer.js +49 -0
- package/dist/stories/Widgets/MusicPlayer/MusicPlayer.stories.js +44 -0
- package/dist/stories/Widgets/MusicPlayerWidget/MusicPlayerWidget.js +93 -0
- package/dist/stories/Widgets/MusicPlayerWidget/MusicPlayerWidget.stories.js +52 -0
- package/dist/stories/Widgets/SpacesList/SpacesList.js +28 -0
- package/dist/stories/Widgets/SpacesList/SpacesList.stories.js +52 -0
- package/dist/stories/Widgets/SpacesList/SpacesListItem.js +50 -0
- package/dist/stories/Widgets/SpacesList/SpacesListItem.stories.js +24 -0
- package/dist/stories/helpers/util.js +178 -0
- package/package.json +131 -0
- package/public/favicon.ico +0 -0
- package/public/index.html +43 -0
- package/public/logo192.png +0 -0
- package/public/logo512.png +0 -0
- package/public/manifest.json +25 -0
- package/public/robots.txt +3 -0
- package/src/assets/add-svgrepo-com.svg +36 -0
- package/src/assets/basket-svgrepo-com.svg +42 -0
- package/src/assets/bell-svgrepo-com.svg +44 -0
- package/src/assets/compass-svgrepo-com.svg +54 -0
- package/src/assets/home-svgrepo-com.svg +42 -0
- package/src/assets/medal-svgrepo-com.svg +53 -0
- package/src/assets/search-svgrepo-com.svg +42 -0
- package/src/assets/settings-svgrepo-com.svg +47 -0
- package/src/index.js +95 -0
- package/src/stories/API/API.jsx +47 -0
- package/src/stories/API/API.stories.js +10 -0
- package/src/stories/Agora/Call/Call.jsx +213 -0
- package/src/stories/Agora/Chat/Chat.jsx +130 -0
- package/src/stories/Agora/Chat/Chat.stories.jsx +10 -0
- package/src/stories/Agora/Chat/Components/ChatItem/ChatItem.jsx +38 -0
- package/src/stories/Agora/Chat/Components/ChatRoom/ChatRoom.jsx +167 -0
- package/src/stories/Agora/Controls/Controls.jsx +56 -0
- package/src/stories/Agora/Preview/PreviewCamera.jsx +259 -0
- package/src/stories/Agora/Preview/ShareScreen.jsx +58 -0
- package/src/stories/Agora/Room/Room.jsx +85 -0
- package/src/stories/Agora/Room/Room.stories.jsx +10 -0
- package/src/stories/Buttons/Buttons/Buttons.jsx +57 -0
- package/src/stories/Buttons/Buttons/Buttons.stories.jsx +24 -0
- package/src/stories/Buttons/ReactModal/ReactModal.jsx +81 -0
- package/src/stories/Buttons/ReactModal/ReactModal.stories.jsx +18 -0
- package/src/stories/Buttons/ReactModal/ReactModalDemo.jsx +12 -0
- package/src/stories/Chat/Chat.jsx +74 -0
- package/src/stories/Chat/Chat.stories.jsx +59 -0
- package/src/stories/Common Inputs/CheckboxGroup/CheckboxGroup.jsx +70 -0
- package/src/stories/Common Inputs/CheckboxGroup/CheckboxGroup.stories.jsx +32 -0
- package/src/stories/Common Inputs/CustomAutoComplete/CustomAutoComplete.jsx +98 -0
- package/src/stories/Common Inputs/CustomAutoComplete/CustomAutoComplete.stories.jsx +35 -0
- package/src/stories/Common Inputs/CustomDropzone/CustomDropZone.jsx +115 -0
- package/src/stories/Common Inputs/CustomDropzone/CustomDropzone.stories.jsx +26 -0
- package/src/stories/Common Inputs/CustomSelect/CustomSelect.jsx +89 -0
- package/src/stories/Common Inputs/CustomSelect/CustomSelect.stories.jsx +36 -0
- package/src/stories/Common Inputs/CustomTextarea/CustomTextarea.jsx +66 -0
- package/src/stories/Common Inputs/CustomTextarea/CustomTextarea.stories.jsx +31 -0
- package/src/stories/Common Inputs/DatePicker/DatePicker.jsx +105 -0
- package/src/stories/Common Inputs/DatePicker/DatePicker.stories.jsx +47 -0
- package/src/stories/Common Inputs/DatePicker/SingleDatePicker.jsx +91 -0
- package/src/stories/Common Inputs/DropZone.jsx +79 -0
- package/src/stories/Common Inputs/EditorComponent/EditorComponent.jsx +54 -0
- package/src/stories/Common Inputs/EditorComponent/EditorComponent.stories.jsx +60 -0
- package/src/stories/Common Inputs/EditorComponent/constants.js +26 -0
- package/src/stories/Common Inputs/Formik/InputField/InputField.jsx +24 -0
- package/src/stories/Common Inputs/Formik/InputField/InputField.stories.jsx +27 -0
- package/src/stories/Common Inputs/Formik/RadioField/RadioField.jsx +55 -0
- package/src/stories/Common Inputs/Formik/RadioField/RadioField.stories.jsx +41 -0
- package/src/stories/Common Inputs/RadioInput/RadioInput.jsx +108 -0
- package/src/stories/Common Inputs/RadioInput/RadioInput.stories.js +30 -0
- package/src/stories/Common Inputs/RichTextInput/Components/Emoji/Emoji.jsx +16 -0
- package/src/stories/Common Inputs/RichTextInput/Components/Gif/Gif.jsx +64 -0
- package/src/stories/Common Inputs/RichTextInput/RichTextInput.jsx +331 -0
- package/src/stories/Common Inputs/RichTextInput/RichTextInput.stories.js +45 -0
- package/src/stories/Common Inputs/TextField/TextField.jsx +66 -0
- package/src/stories/Common Inputs/TextField/TextField.stories.jsx +31 -0
- package/src/stories/Containers/BaseMaterial.jsx +58 -0
- package/src/stories/Containers/BaseMaterial.stories.js +10 -0
- package/src/stories/Containers/WidgetExample/WidgetBody.jsx +9 -0
- package/src/stories/Containers/WidgetExample/WidgetBody.stories.js +10 -0
- package/src/stories/Containers/WidgetExample/WidgetExample.jsx +19 -0
- package/src/stories/Containers/WidgetExample/WidgetExample.stories.js +10 -0
- package/src/stories/Containers/WidgetExample/WidgetHead.jsx +9 -0
- package/src/stories/Containers/WidgetExample/WidgetHead.stories.js +10 -0
- package/src/stories/Enrollment/Admin/CreateForm/CreateForm.jsx +62 -0
- package/src/stories/Enrollment/Admin/CreateForm/CreateForm.stories.jsx +8 -0
- package/src/stories/Enrollment/Admin/DetailedForm/DetailedForm.jsx +98 -0
- package/src/stories/Enrollment/Admin/DetailedForm/DetailedForm.stories.jsx +36 -0
- package/src/stories/Enrollment/Admin/ViewForms/ViewForms.jsx +40 -0
- package/src/stories/Enrollment/Admin/ViewForms/ViewForms.stories.jsx +66 -0
- package/src/stories/Enrollment/Guest/FillForm/FillForm.jsx +61 -0
- package/src/stories/Enrollment/Guest/FillForm/FillForm.stories.jsx +27 -0
- package/src/stories/Events/CreateEvent/CreateEvent.jsx +96 -0
- package/src/stories/Events/CreateEvent/CreateEvent.stories.jsx +19 -0
- package/src/stories/Events/Event/Event.jsx +113 -0
- package/src/stories/Events/Event/Event.stories.jsx +21 -0
- package/src/stories/Events/EventsList/EventsList.jsx +117 -0
- package/src/stories/Events/EventsList/EventsList.stories.jsx +25 -0
- package/src/stories/Forms/AddPhoto/AddPhoto.jsx +85 -0
- package/src/stories/Forms/AddPhoto/AddPhoto.stories.jsx +37 -0
- package/src/stories/Forms/AddSong/AddSong.jsx +86 -0
- package/src/stories/Forms/AddSong/AddSong.stories.jsx +26 -0
- package/src/stories/Forms/AddVideo/AddVideo.jsx +78 -0
- package/src/stories/Forms/AddVideo/AddVideo.stories.jsx +20 -0
- package/src/stories/Forms/Create-Profile/CreateProfile.jsx +278 -0
- package/src/stories/Forms/Create-Profile/CreateProfile.stories.jsx +36 -0
- package/src/stories/Forms/Create-Profile/subcomponents/LogoUploader.jsx +63 -0
- package/src/stories/Forms/Create-Profile/subcomponents/LogoUploader.stories.jsx +27 -0
- package/src/stories/Forms/Create-Profile/subcomponents/ProfilePhoto.jsx +58 -0
- package/src/stories/Forms/Create-Profile/subcomponents/ProfilePhoto.stories.jsx +26 -0
- package/src/stories/Forms/Create-Profile/subcomponents/ResetBtn.jsx +21 -0
- package/src/stories/Forms/Create-Profile/subcomponents/ResetBtn.stories.jsx +18 -0
- package/src/stories/Forms/CreateAlbum/CreateAlbum.jsx +82 -0
- package/src/stories/Forms/CreateAlbum/CreateAlbum.stories.jsx +37 -0
- package/src/stories/Forms/CreateAnnouncementForm/CreateAnnouncementForm.jsx +63 -0
- package/src/stories/Forms/CreateAnnouncementForm/CreateAnnouncementForm.stories.jsx +44 -0
- package/src/stories/Forms/CreateMusicAlbum/CreateMusicAlbum.jsx +87 -0
- package/src/stories/Forms/CreateMusicAlbum/CreateMusicAlbum.stories.jsx +38 -0
- package/src/stories/Forms/CreateProfile/CreateProfile.jsx +556 -0
- package/src/stories/Forms/CreateProfile/CreateProfile.stories.js +10 -0
- package/src/stories/Forms/CreateProfile-3/CreateProfile.jsx +488 -0
- package/src/stories/Forms/CreateProfile-3/CreateProfile.stories.js +10 -0
- package/src/stories/Forms/CreateUser/CreateUser.jsx +13 -0
- package/src/stories/Forms/CreateUser/CreateUser.stories.js +10 -0
- package/src/stories/Forms/CreateVideoAlbum/CreateVideoAlbum.jsx +78 -0
- package/src/stories/Forms/CreateVideoAlbum/CreateVideoAlbum.stories.jsx +23 -0
- package/src/stories/Forms/Form/Form.jsx +34 -0
- package/src/stories/Forms/Form/Form.stories.js +10 -0
- package/src/stories/Forms/NewProfile/NewProfile.jsx +464 -0
- package/src/stories/Forms/NewProfile/NewProfile.stories.jsx +10 -0
- package/src/stories/Forms/NewProfile/presets.json +9 -0
- package/src/stories/Layout/Body/Body.jsx +24 -0
- package/src/stories/Layout/Body/Body.stories.js +26 -0
- package/src/stories/Layout/Center/Center.jsx +16 -0
- package/src/stories/Layout/Center/Center.stories.js +14 -0
- package/src/stories/Layout/Head/Head.jsx +15 -0
- package/src/stories/Layout/Head/Head.stories.js +10 -0
- package/src/stories/Layout/Left/Left.jsx +21 -0
- package/src/stories/Layout/Left/Left.stories.js +14 -0
- package/src/stories/Layout/Right/Right.jsx +17 -0
- package/src/stories/Layout/Right/Right.stories.js +14 -0
- package/src/stories/Library/CreateFolder/CreateFolder.jsx +78 -0
- package/src/stories/Library/CreateFolder/CreateFolder.stories.jsx +32 -0
- package/src/stories/Library/Folders/Folders.jsx +117 -0
- package/src/stories/Library/Folders/Folders.stories.jsx +34 -0
- package/src/stories/Library/Notes/Notes.jsx +117 -0
- package/src/stories/Library/Notes/Notes.stories.jsx +24 -0
- package/src/stories/Library/ViewNote/ViewNote.jsx +25 -0
- package/src/stories/Library/ViewNote/ViewNote.stories.jsx +16 -0
- package/src/stories/Misc/Thumbnail/Thumbnail.jsx +79 -0
- package/src/stories/Music Album/ViewAlbum/ViewAlbum.jsx +111 -0
- package/src/stories/Music Album/ViewAlbum/ViewAlbum.stories.jsx +60 -0
- package/src/stories/Music Album/ViewAlbums/ViewAlbums.jsx +134 -0
- package/src/stories/Music Album/ViewAlbums/ViewAlbums.stories.jsx +57 -0
- package/src/stories/Navbar/Navbar.jsx +350 -0
- package/src/stories/Navbar/Navbar.stories.js +25 -0
- package/src/stories/Pages/Blank/Blank.jsx +32 -0
- package/src/stories/Pages/Blank/Blank.stories.js +10 -0
- package/src/stories/Pages/Centered/Centered.jsx +31 -0
- package/src/stories/Pages/Centered/Centered.stories.js +14 -0
- package/src/stories/Pages/Chat/Chat.jsx +82 -0
- package/src/stories/Pages/Chat/Chat.stories.jsx +53 -0
- package/src/stories/Pages/Enrollment/DetailedForm/DetailedForm.jsx +102 -0
- package/src/stories/Pages/Enrollment/DetailedForm/DetailedForm.stories.jsx +8 -0
- package/src/stories/Pages/Enrollment/FillForm/FillForm.jsx +96 -0
- package/src/stories/Pages/Enrollment/FillForm/FillForm.stories.jsx +8 -0
- package/src/stories/Pages/Enrollment/Forms/Forms.jsx +129 -0
- package/src/stories/Pages/Enrollment/Forms/Forms.stories.jsx +8 -0
- package/src/stories/Pages/Events/Event/Event.jsx +88 -0
- package/src/stories/Pages/Events/Event/Event.stories.jsx +8 -0
- package/src/stories/Pages/Events/Events/Events.jsx +110 -0
- package/src/stories/Pages/Events/Events/Events.stories.jsx +8 -0
- package/src/stories/Pages/Library/Folders/Library.jsx +118 -0
- package/src/stories/Pages/Library/Folders/Library.stories.jsx +8 -0
- package/src/stories/Pages/Library/Notes/Notes.jsx +109 -0
- package/src/stories/Pages/Library/Notes/Notes.stories.jsx +8 -0
- package/src/stories/Pages/Music/MusicAlbum/Music.jsx +159 -0
- package/src/stories/Pages/Music/MusicAlbum/Music.stories.jsx +8 -0
- package/src/stories/Pages/Music/MusicAlbums/MusicAlbums.jsx +138 -0
- package/src/stories/Pages/Music/MusicAlbums/MusicAlbums.stories.jsx +8 -0
- package/src/stories/Pages/Photos/Album/Album.jsx +120 -0
- package/src/stories/Pages/Photos/Album/Album.stories.jsx +8 -0
- package/src/stories/Pages/Photos/Albums/Albums.jsx +144 -0
- package/src/stories/Pages/Photos/Albums/Albums.stories.jsx +8 -0
- package/src/stories/Pages/Video/DetailedVideo/DetailedVideo.jsx +91 -0
- package/src/stories/Pages/Video/DetailedVideo/DetailedVideo.stories.jsx +8 -0
- package/src/stories/Pages/Video/VideoAlbum/Video.jsx +166 -0
- package/src/stories/Pages/Video/VideoAlbum/Video.stories.jsx +8 -0
- package/src/stories/Pages/ViewWorld/ViewWorld.jsx +193 -0
- package/src/stories/Pages/ViewWorld/ViewWorld.stories.js +270 -0
- package/src/stories/Pages/ViewWorld/constatnts.js +158 -0
- package/src/stories/Pages/ViewWorld/styles.json +18 -0
- package/src/stories/Photo Album/DetailedPhoto/DetailedPhoto.jsx +17 -0
- package/src/stories/Photo Album/DetailedPhoto/DetailedPhoto.stories.jsx +20 -0
- package/src/stories/Photo Album/ViewAlbum/ViewAlbum.jsx +250 -0
- package/src/stories/Photo Album/ViewAlbum/ViewAlbum.stories.jsx +60 -0
- package/src/stories/Photo Album/ViewAlbums/ViewAlbums.jsx +146 -0
- package/src/stories/Photo Album/ViewAlbums/ViewAlbums.stories.jsx +59 -0
- package/src/stories/Reusable Components/Cards/Card-style-1/CardStyle1.jsx +74 -0
- package/src/stories/Reusable Components/Cards/Card-style-1/CardStyle1.stories.jsx +22 -0
- package/src/stories/Reusable Components/Cards/Card-style-10/CardStyle10.jsx +94 -0
- package/src/stories/Reusable Components/Cards/Card-style-10/CardStyle10.stories.jsx +21 -0
- package/src/stories/Reusable Components/Cards/Card-style-11/CardStyle11.jsx +79 -0
- package/src/stories/Reusable Components/Cards/Card-style-11/CardStyle11.stories.jsx +21 -0
- package/src/stories/Reusable Components/Cards/Card-style-2/CardStyle2.jsx +75 -0
- package/src/stories/Reusable Components/Cards/Card-style-2/CardStyle2.stories.jsx +24 -0
- package/src/stories/Reusable Components/Cards/Card-style-3/CardStyle3.jsx +61 -0
- package/src/stories/Reusable Components/Cards/Card-style-3/CardStyle3.stories.jsx +22 -0
- package/src/stories/Reusable Components/Cards/Card-style-4/CardStyle4.jsx +67 -0
- package/src/stories/Reusable Components/Cards/Card-style-4/CardStyle4.stories.jsx +25 -0
- package/src/stories/Reusable Components/Cards/Card-style-6/CardStyle6.jsx +117 -0
- package/src/stories/Reusable Components/Cards/Card-style-6/CardStyle6.stories.jsx +9 -0
- package/src/stories/Reusable Components/Cards/Card-style-7/CardStyle7.jsx +126 -0
- package/src/stories/Reusable Components/Cards/Card-style-7/CardStyle7.stories.jsx +23 -0
- package/src/stories/Reusable Components/Cards/Card-style-8/CardStyle8.jsx +113 -0
- package/src/stories/Reusable Components/Cards/Card-style-8/CardStyle8.stories.jsx +29 -0
- package/src/stories/Reusable Components/Cards/Card-style-9/CardStyle9.jsx +86 -0
- package/src/stories/Reusable Components/Cards/Card-style-9/CardStyle9.stories.jsx +14 -0
- package/src/stories/Reusable Components/Cards/Card.jsx +119 -0
- package/src/stories/Reusable Components/Cards/Card.stories.jsx +118 -0
- package/src/stories/Reusable Components/Cards/globalCardStyles.js +54 -0
- package/src/stories/Reusable Components/Controls/Controls.jsx +137 -0
- package/src/stories/Reusable Components/Controls/Controls.stories.jsx +24 -0
- package/src/stories/Reusable Components/Gallery/Gallery.jsx +110 -0
- package/src/stories/Reusable Components/Gallery/Gallery.stories.jsx +43 -0
- package/src/stories/Reusable Components/Lists/Cards/ListCard-1.jsx +0 -0
- package/src/stories/Reusable Components/Lists/Cards/ListCard-1.stories.js +0 -0
- package/src/stories/Reusable Components/Lists/List.jsx +0 -0
- package/src/stories/Reusable Components/Lists/List.stories.js +0 -0
- package/src/stories/Reusable Components/Mention/Mention.jsx +69 -0
- package/src/stories/Reusable Components/Mention/Mention.stories.jsx +55 -0
- package/src/stories/Reusable Components/ReactModal/ReactModal.jsx +76 -0
- package/src/stories/Reusable Components/ReusableForm/ReusableForm.jsx +121 -0
- package/src/stories/Reusable Components/ReusableForm/ReusableForm.stories.jsx +167 -0
- package/src/stories/Reusable Components/ReusableHeader/ReusableHeader.jsx +76 -0
- package/src/stories/Reusable Components/ReusableHeader/ReusableHeader.stories.jsx +22 -0
- package/src/stories/Reusable Components/ReusableList/ReusableList.jsx +103 -0
- package/src/stories/Reusable Components/ReusableList/ReusableList.stories.jsx +70 -0
- package/src/stories/Reusable Components/SearchCard/SearchCard.jsx +89 -0
- package/src/stories/Reusable Components/SearchCard/SearchCard.stories.js +10 -0
- package/src/stories/Reusable Components/SpaceContainer/SpaceContainer.jsx +48 -0
- package/src/stories/Reusable Components/SpaceContainer/SpaceContainer.stories.jsx +78 -0
- package/src/stories/Reusable Components/Spinner/Spinner.jsx +82 -0
- package/src/stories/Reusable Components/Spinner/Spinner.stories.jsx +8 -0
- package/src/stories/Reusable Components/WidgetContainer/WidgetContainer.jsx +59 -0
- package/src/stories/Reusable Components/WidgetContainer/WidgetContainer.stories.jsx +61 -0
- package/src/stories/Reusable Components/commonStyles.js +47 -0
- package/src/stories/Reusable Components/fakeData.js +95 -0
- package/src/stories/Spaces/WelcomeSpace/WelcomeSpace.jsx +102 -0
- package/src/stories/Spaces/WelcomeSpace/WelcomeSpace.stories.js +10 -0
- package/src/stories/VideoAlbum/AlbumsGallery/AlbumsGallery.jsx +130 -0
- package/src/stories/VideoAlbum/AlbumsGallery/AlbumsGallery.stories.jsx +59 -0
- package/src/stories/VideoAlbum/Comments/Comments.jsx +58 -0
- package/src/stories/VideoAlbum/Comments/Comments.stories.jsx +18 -0
- package/src/stories/VideoAlbum/VideoPlayer/VideoPlayer.jsx +214 -0
- package/src/stories/VideoAlbum/VideoPlayer/VideoPlayer.stories.jsx +82 -0
- package/src/stories/VideoAlbum/VideoSpace/VideoSpace.jsx +101 -0
- package/src/stories/VideoAlbum/VideoSpace/VideoSpace.stories.jsx +23 -0
- package/src/stories/VideoAlbum/ViewAlbum/ViewAlbum.jsx +131 -0
- package/src/stories/VideoAlbum/ViewAlbum/ViewAlbum.stories.jsx +57 -0
- package/src/stories/Widgets/LogoWidget/LogoWidget.jsx +21 -0
- package/src/stories/Widgets/LogoWidget/LogoWidget.stories.js +12 -0
- package/src/stories/Widgets/MusicPlayer/MusicPlayer.jsx +64 -0
- package/src/stories/Widgets/MusicPlayer/MusicPlayer.stories.jsx +23 -0
- package/src/stories/Widgets/MusicPlayerWidget/MusicPlayerWidget.jsx +107 -0
- package/src/stories/Widgets/MusicPlayerWidget/MusicPlayerWidget.stories.jsx +33 -0
- package/src/stories/Widgets/SpacesList/SpacesList.jsx +16 -0
- package/src/stories/Widgets/SpacesList/SpacesList.stories.jsx +27 -0
- package/src/stories/Widgets/SpacesList/SpacesListItem.jsx +75 -0
- package/src/stories/Widgets/SpacesList/SpacesListItem.stories.jsx +10 -0
- package/src/stories/assets/camera.svg +1 -0
- package/src/stories/assets/code-brackets.svg +1 -0
- package/src/stories/assets/colors.svg +1 -0
- package/src/stories/assets/comments.svg +1 -0
- package/src/stories/assets/direction.svg +1 -0
- package/src/stories/assets/flow.svg +1 -0
- 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
- package/src/stories/assets/plugin.svg +1 -0
- package/src/stories/assets/repo.svg +1 -0
- package/src/stories/assets/reset.svg +1 -0
- package/src/stories/assets/stackalt.svg +1 -0
- package/src/stories/helpers/util.js +66 -0
@@ -0,0 +1,324 @@
|
|
1
|
+
"use strict";
|
2
|
+
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
4
|
+
|
5
|
+
Object.defineProperty(exports, "__esModule", {
|
6
|
+
value: true
|
7
|
+
});
|
8
|
+
exports.default = void 0;
|
9
|
+
|
10
|
+
var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/taggedTemplateLiteral"));
|
11
|
+
|
12
|
+
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
|
13
|
+
|
14
|
+
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
|
15
|
+
|
16
|
+
var _react = _interopRequireWildcard(require("react"));
|
17
|
+
|
18
|
+
var _formik = require("formik");
|
19
|
+
|
20
|
+
var _reactDropzone = require("react-dropzone");
|
21
|
+
|
22
|
+
var _styledComponents = _interopRequireDefault(require("styled-components"));
|
23
|
+
|
24
|
+
var Yup = _interopRequireWildcard(require("yup"));
|
25
|
+
|
26
|
+
var _SearchCard = _interopRequireDefault(require("../../Reusable Components/SearchCard/SearchCard"));
|
27
|
+
|
28
|
+
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20, _templateObject21, _templateObject22, _templateObject23, _templateObject24, _templateObject25, _templateObject26, _templateObject27, _templateObject28, _templateObject29, _templateObject30, _templateObject31;
|
29
|
+
|
30
|
+
var _excluded = ["label"],
|
31
|
+
_excluded2 = ["label"];
|
32
|
+
|
33
|
+
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); }
|
34
|
+
|
35
|
+
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; }
|
36
|
+
|
37
|
+
var MyTextInput = function MyTextInput(_ref) {
|
38
|
+
var label = _ref.label,
|
39
|
+
props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
|
40
|
+
|
41
|
+
// useField() returns [formik.getFieldProps(), formik.getFieldMeta()]
|
42
|
+
// which we can spread on <input>. We can use field meta to show an error
|
43
|
+
// message if the field is invalid and it has been touched (i.e. visited)
|
44
|
+
var _useField = (0, _formik.useField)(props),
|
45
|
+
_useField2 = (0, _slicedToArray2.default)(_useField, 2),
|
46
|
+
field = _useField2[0],
|
47
|
+
meta = _useField2[1];
|
48
|
+
|
49
|
+
return /*#__PURE__*/_react.default.createElement(TextInput, null, /*#__PURE__*/_react.default.createElement(Label, null, label), /*#__PURE__*/_react.default.createElement(UserInput, Object.assign({}, field, props)), meta.touched && meta.error ? /*#__PURE__*/_react.default.createElement(Error, null, meta.error) : null);
|
50
|
+
};
|
51
|
+
|
52
|
+
var MyStyleTextInput = function MyStyleTextInput(_ref2) {
|
53
|
+
var label = _ref2.label,
|
54
|
+
props = (0, _objectWithoutProperties2.default)(_ref2, _excluded2);
|
55
|
+
|
56
|
+
// useField() returns [formik.getFieldProps(), formik.getFieldMeta()]
|
57
|
+
// which we can spread on <input>. We can use field meta to show an error
|
58
|
+
// message if the field is invalid and it has been touched (i.e. visited)
|
59
|
+
var _useField3 = (0, _formik.useField)(props),
|
60
|
+
_useField4 = (0, _slicedToArray2.default)(_useField3, 2),
|
61
|
+
field = _useField4[0],
|
62
|
+
meta = _useField4[1];
|
63
|
+
|
64
|
+
return /*#__PURE__*/_react.default.createElement(StyleTextInput, null, /*#__PURE__*/_react.default.createElement(StyleLabel, null, label), /*#__PURE__*/_react.default.createElement(StyleInput, Object.assign({}, field, props)), meta.touched && meta.error ? /*#__PURE__*/_react.default.createElement(Error, null, meta.error) : null);
|
65
|
+
};
|
66
|
+
|
67
|
+
var CreateProfile = function CreateProfile() {
|
68
|
+
// const [serverName, setServerName] = useState('');
|
69
|
+
var _useState = (0, _react.useState)(''),
|
70
|
+
_useState2 = (0, _slicedToArray2.default)(_useState, 2),
|
71
|
+
themeName = _useState2[0],
|
72
|
+
setThemeName = _useState2[1];
|
73
|
+
|
74
|
+
var _useState3 = (0, _react.useState)(''),
|
75
|
+
_useState4 = (0, _slicedToArray2.default)(_useState3, 2),
|
76
|
+
fileName = _useState4[0],
|
77
|
+
setFileName = _useState4[1];
|
78
|
+
|
79
|
+
var _useState5 = (0, _react.useState)([{
|
80
|
+
name: 'preset1',
|
81
|
+
selected: false
|
82
|
+
}, {
|
83
|
+
name: 'preset2',
|
84
|
+
selected: false
|
85
|
+
}, {
|
86
|
+
name: 'preset3',
|
87
|
+
selected: false
|
88
|
+
}]),
|
89
|
+
_useState6 = (0, _slicedToArray2.default)(_useState5, 2),
|
90
|
+
preset = _useState6[0],
|
91
|
+
setPreset = _useState6[1];
|
92
|
+
|
93
|
+
var theme = [{
|
94
|
+
name: 'abc',
|
95
|
+
selected: false
|
96
|
+
}, {
|
97
|
+
name: 'bcd',
|
98
|
+
selected: false
|
99
|
+
}, {
|
100
|
+
name: 'def',
|
101
|
+
selected: false
|
102
|
+
}];
|
103
|
+
|
104
|
+
var _useState7 = (0, _react.useState)(),
|
105
|
+
_useState8 = (0, _slicedToArray2.default)(_useState7, 2),
|
106
|
+
image = _useState8[0],
|
107
|
+
setImage = _useState8[1];
|
108
|
+
|
109
|
+
var onDrop = (0, _react.useCallback)(function (acceptedFiles) {
|
110
|
+
var url = URL.createObjectURL(acceptedFiles[acceptedFiles.length - 1]);
|
111
|
+
setImage(url);
|
112
|
+
}, []);
|
113
|
+
|
114
|
+
var _useDropzone = (0, _reactDropzone.useDropzone)({
|
115
|
+
accept: 'image/*',
|
116
|
+
onDrop: onDrop
|
117
|
+
}),
|
118
|
+
getRootProps = _useDropzone.getRootProps,
|
119
|
+
getInputProps = _useDropzone.getInputProps,
|
120
|
+
isDragActive = _useDropzone.isDragActive;
|
121
|
+
|
122
|
+
return /*#__PURE__*/_react.default.createElement(Container, null, /*#__PURE__*/_react.default.createElement(_formik.Formik, {
|
123
|
+
initialValues: {
|
124
|
+
userName: '',
|
125
|
+
preset: '',
|
126
|
+
theme: '',
|
127
|
+
serverName: '',
|
128
|
+
serverDescription: '',
|
129
|
+
margin: '',
|
130
|
+
color: '',
|
131
|
+
padding: '',
|
132
|
+
backgroundColor: '',
|
133
|
+
border: '',
|
134
|
+
fontSize: ''
|
135
|
+
},
|
136
|
+
validationSchema: Yup.object({
|
137
|
+
userName: Yup.string().min(4, 'Must be atleast 4 characters or more').required('username cannot be empty'),
|
138
|
+
serverName: Yup.string().required('Server name cannot be empty'),
|
139
|
+
margin: Yup.string().required('provide margin'),
|
140
|
+
color: Yup.string().required('provide color'),
|
141
|
+
padding: Yup.string().required('provide padding'),
|
142
|
+
backgroundColor: Yup.string().required('provide backgroundColor'),
|
143
|
+
border: Yup.string().required('provide border'),
|
144
|
+
fontSize: Yup.string().required('provide fontSize')
|
145
|
+
}),
|
146
|
+
onSubmit: function onSubmit(values, _ref3) {
|
147
|
+
var setSubmitting = _ref3.setSubmitting;
|
148
|
+
console.log(values); // setTimeout(() => {
|
149
|
+
// alert(JSON.stringify(values, null, 2));
|
150
|
+
// setSubmitting(false);
|
151
|
+
// }, 400);
|
152
|
+
}
|
153
|
+
}, /*#__PURE__*/_react.default.createElement(_formik.Form, null, /*#__PURE__*/_react.default.createElement(Title, null, "Create Profile"), /*#__PURE__*/_react.default.createElement(FileContainer, null, /*#__PURE__*/_react.default.createElement(UploadFile, null, /*#__PURE__*/_react.default.createElement(FileInput, {
|
154
|
+
onChange: function onChange(e) {
|
155
|
+
return setFileName(e.target.files[0].name);
|
156
|
+
},
|
157
|
+
type: "file"
|
158
|
+
}), "+"), fileName.length > 0 ? /*#__PURE__*/_react.default.createElement(FileName, null, fileName) : /*#__PURE__*/_react.default.createElement(FileName, null, "Choose File "), /*#__PURE__*/_react.default.createElement(MyTextInput, {
|
159
|
+
label: "Username",
|
160
|
+
name: "userName",
|
161
|
+
type: "text",
|
162
|
+
placeholder: "user name"
|
163
|
+
})), /*#__PURE__*/_react.default.createElement(SubContainer, null, /*#__PURE__*/_react.default.createElement(SubHeading, {
|
164
|
+
marginRight: "20"
|
165
|
+
}, "Create a Server"), /*#__PURE__*/_react.default.createElement(Icon, {
|
166
|
+
src: "https://www.clipartmax.com/png/middle/138-1389227_refresh-icon-circle.png" // onClick={() => setServerName('')}
|
167
|
+
,
|
168
|
+
marginRight: "8"
|
169
|
+
})), /*#__PURE__*/_react.default.createElement(InputContainer, null, /*#__PURE__*/_react.default.createElement(MyTextInput, {
|
170
|
+
label: "Server name",
|
171
|
+
name: "serverName",
|
172
|
+
type: "text",
|
173
|
+
placeholder: "server name"
|
174
|
+
})), /*#__PURE__*/_react.default.createElement(InputContainer, null, /*#__PURE__*/_react.default.createElement(MyTextInput, {
|
175
|
+
label: "Server description",
|
176
|
+
name: "serverDescription",
|
177
|
+
type: "text",
|
178
|
+
placeholder: "server description"
|
179
|
+
})), /*#__PURE__*/_react.default.createElement(H4, null, "Upload a logo"), /*#__PURE__*/_react.default.createElement(Dropdiv, getRootProps(), /*#__PURE__*/_react.default.createElement("input", getInputProps()), isDragActive ? /*#__PURE__*/_react.default.createElement("p", null, "Drop the files here ...") : /*#__PURE__*/_react.default.createElement("p", null, "Drag 'n' drop some files here, or click to select files")), /*#__PURE__*/_react.default.createElement(PreviewImageContainer, null, image && /*#__PURE__*/_react.default.createElement(PreviewImage, {
|
180
|
+
src: image
|
181
|
+
})), /*#__PURE__*/_react.default.createElement(PresetHeadContainer, null, /*#__PURE__*/_react.default.createElement(H4, null, "Presets")), /*#__PURE__*/_react.default.createElement(PresetDivContainer, null, preset.map(function (p, index) {
|
182
|
+
return /*#__PURE__*/_react.default.createElement(PresetDiv, {
|
183
|
+
key: index,
|
184
|
+
onClick: function onClick() {
|
185
|
+
var a = preset.filter(function (pre, i) {
|
186
|
+
if (i === index) {
|
187
|
+
pre.selected = !pre.selected;
|
188
|
+
return pre;
|
189
|
+
} else {
|
190
|
+
pre.selected = false;
|
191
|
+
return pre;
|
192
|
+
}
|
193
|
+
});
|
194
|
+
setPreset(a);
|
195
|
+
},
|
196
|
+
selected: p.selected
|
197
|
+
}, /*#__PURE__*/_react.default.createElement(CardImage, {
|
198
|
+
src: "https://cdn.pixabay.com/photo/2014/11/30/14/11/cat-551554__340.jpg"
|
199
|
+
}), /*#__PURE__*/_react.default.createElement(CardTitle, null, p.name), /*#__PURE__*/_react.default.createElement(CardDescription, null, p.name));
|
200
|
+
})), /*#__PURE__*/_react.default.createElement(SubContainer, null, /*#__PURE__*/_react.default.createElement(SubHeading, null, "Theme"), /*#__PURE__*/_react.default.createElement(Icon, {
|
201
|
+
src: "https://www.clipartmax.com/png/middle/138-1389227_refresh-icon-circle.png",
|
202
|
+
onClick: function onClick() {
|
203
|
+
return setThemeName('');
|
204
|
+
},
|
205
|
+
marginLeft: "5"
|
206
|
+
})), /*#__PURE__*/_react.default.createElement(InputContainer, null, /*#__PURE__*/_react.default.createElement(Input, {
|
207
|
+
value: themeName,
|
208
|
+
onChange: function onChange(e) {
|
209
|
+
setThemeName(e.target.value);
|
210
|
+
},
|
211
|
+
placeholder: "search theme..."
|
212
|
+
})), /*#__PURE__*/_react.default.createElement(_SearchCard.default, {
|
213
|
+
list: theme,
|
214
|
+
item: themeName
|
215
|
+
}), /*#__PURE__*/_react.default.createElement(SubContainer, null, /*#__PURE__*/_react.default.createElement(SubHeading, null, "Styles"), /*#__PURE__*/_react.default.createElement(Icon, {
|
216
|
+
src: "https://www.clipartmax.com/png/middle/138-1389227_refresh-icon-circle.png",
|
217
|
+
marginLeft: "7"
|
218
|
+
})), /*#__PURE__*/_react.default.createElement(PresetDivContainer, null, /*#__PURE__*/_react.default.createElement(MyStyleTextInput, {
|
219
|
+
label: "Margin",
|
220
|
+
name: "margin",
|
221
|
+
type: "text",
|
222
|
+
placeholder: "margin"
|
223
|
+
}), /*#__PURE__*/_react.default.createElement(MyStyleTextInput, {
|
224
|
+
label: "Color",
|
225
|
+
name: "color",
|
226
|
+
type: "text",
|
227
|
+
placeholder: "color"
|
228
|
+
}), /*#__PURE__*/_react.default.createElement(MyStyleTextInput, {
|
229
|
+
label: "Padding",
|
230
|
+
name: "padding",
|
231
|
+
type: "text",
|
232
|
+
placeholder: "padding"
|
233
|
+
})), /*#__PURE__*/_react.default.createElement(PresetDivContainer, null, /*#__PURE__*/_react.default.createElement(MyStyleTextInput, {
|
234
|
+
label: "Background Color",
|
235
|
+
name: "backgroundColor",
|
236
|
+
type: "text",
|
237
|
+
placeholder: "background color"
|
238
|
+
}), /*#__PURE__*/_react.default.createElement(MyStyleTextInput, {
|
239
|
+
label: "Border",
|
240
|
+
name: "border",
|
241
|
+
type: "text",
|
242
|
+
placeholder: "border"
|
243
|
+
}), /*#__PURE__*/_react.default.createElement(MyStyleTextInput, {
|
244
|
+
label: "Font Size",
|
245
|
+
name: "fontSize",
|
246
|
+
type: "text",
|
247
|
+
placeholder: "font size"
|
248
|
+
})), /*#__PURE__*/_react.default.createElement(PresetDivContainer, null), /*#__PURE__*/_react.default.createElement(H4, {
|
249
|
+
marginRight: "20"
|
250
|
+
}, "Preview"), /*#__PURE__*/_react.default.createElement(PreviewBox, null, /*#__PURE__*/_react.default.createElement("h1", null, "1")), /*#__PURE__*/_react.default.createElement(ButtonContainer, null, /*#__PURE__*/_react.default.createElement(Button, {
|
251
|
+
type: "submit"
|
252
|
+
}, "Create")))));
|
253
|
+
};
|
254
|
+
|
255
|
+
var Title = _styledComponents.default.h3(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n /* text-align: center; */\n margin-right: 20%;\n"])));
|
256
|
+
|
257
|
+
var Container = _styledComponents.default.div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n flex: 1;\n flex-direction: column;\n font-family: Arial, Helvetica, sans-serif;\n /* text-align: center; */\n // background:'#000'\n"])));
|
258
|
+
|
259
|
+
var FileContainer = _styledComponents.default.div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n /* text-align: center; */\n /* margin-left: 3%; */\n /* width: 40%; */\n"])));
|
260
|
+
|
261
|
+
var UploadFile = _styledComponents.default.label(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n border: 1px solid grey;\n border-radius: 100px;\n display: inline-block;\n padding: 6px 12px;\n cursor: pointer;\n margin-right: 2%;\n margin-bottom: 1%;\n :hover {\n color: #fff;\n background: grey;\n }\n"])));
|
262
|
+
|
263
|
+
var FileInput = _styledComponents.default.input(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["\n display: none;\n"])));
|
264
|
+
|
265
|
+
var FileName = _styledComponents.default.label(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2.default)(["\n border: 1px solid #606060;\n font-size: 14px;\n color: #979899;\n padding: 5px;\n margin-right: 23%;\n"])));
|
266
|
+
|
267
|
+
var UserInput = _styledComponents.default.input(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2.default)(["\n /* width: 30%; */\n width: 99%;\n padding: 0.5%;\n margin-top: 1%;\n /* align-self: center; */\n"])));
|
268
|
+
|
269
|
+
var SubContainer = _styledComponents.default.div(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteral2.default)(["\n margin-top: 1%;\n display: flex;\n justify-content: space-between;\n align-items: center;\n margin-bottom: 1%;\n"])));
|
270
|
+
|
271
|
+
var PresetHeadContainer = _styledComponents.default.div(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteral2.default)(["\n margin-top: 1%;\n margin-bottom: 1%;\n"])));
|
272
|
+
|
273
|
+
var SubHeading = _styledComponents.default.label(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteral2.default)(["\n font-size: 18px;\n font-weight: 600;\n"])));
|
274
|
+
|
275
|
+
var H4 = _styledComponents.default.span(_templateObject11 || (_templateObject11 = (0, _taggedTemplateLiteral2.default)(["\n font-size: 18px;\n font-weight: 600;\n"])));
|
276
|
+
|
277
|
+
var Icon = _styledComponents.default.img(_templateObject12 || (_templateObject12 = (0, _taggedTemplateLiteral2.default)(["\n width: 24px;\n height: 24px;\n justify-self: flex-end;\n /* margin-right: ", "%; */\n /* margin-left: ", "%; */\n"])), function (props) {
|
278
|
+
return props.marginRight;
|
279
|
+
}, function (props) {
|
280
|
+
return props.marginLeft;
|
281
|
+
});
|
282
|
+
|
283
|
+
var InputContainer = _styledComponents.default.div(_templateObject13 || (_templateObject13 = (0, _taggedTemplateLiteral2.default)(["\n /* margin-left: 2%; */\n margin-bottom: 2%;\n"])));
|
284
|
+
|
285
|
+
var Input = _styledComponents.default.input(_templateObject14 || (_templateObject14 = (0, _taggedTemplateLiteral2.default)(["\n width: 99%;\n margin-top: 0.5%;\n padding: 0.5%;\n"])));
|
286
|
+
|
287
|
+
var PresetDivContainer = _styledComponents.default.div(_templateObject15 || (_templateObject15 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n width: 100%;\n /* justify-content: center; */\n margin-bottom: 2%;\n /* margin-left: 2%; */\n"])));
|
288
|
+
|
289
|
+
var PresetDiv = _styledComponents.default.div(_templateObject16 || (_templateObject16 = (0, _taggedTemplateLiteral2.default)(["\n margin-right: 2%;\n width: 30%;\n display: flex;\n flex-direction: column;\n /* flex: 1; */\n border: 1px solid white;\n\n background: ", ";\n :hover {\n opacity: 0.8;\n }\n"])), function (props) {
|
290
|
+
return props.selected ? '#ccc' : 'white';
|
291
|
+
});
|
292
|
+
|
293
|
+
var CardImage = _styledComponents.default.img(_templateObject17 || (_templateObject17 = (0, _taggedTemplateLiteral2.default)(["\n height: 70%;\n width: 100%;\n :hover {\n opacity: 0.8;\n }\n"])));
|
294
|
+
|
295
|
+
var CardTitle = _styledComponents.default.label(_templateObject18 || (_templateObject18 = (0, _taggedTemplateLiteral2.default)(["\n font-size: 18px;\n font-weight: 400;\n margin-top: 1%;\n margin-left: 2%;\n"])));
|
296
|
+
|
297
|
+
var CardDescription = _styledComponents.default.label(_templateObject19 || (_templateObject19 = (0, _taggedTemplateLiteral2.default)(["\n font-size: 14px;\n font-weight: 200;\n margin-top: 1%;\n margin-left: 2%;\n"])));
|
298
|
+
|
299
|
+
var PreviewBox = _styledComponents.default.div(_templateObject20 || (_templateObject20 = (0, _taggedTemplateLiteral2.default)(["\n width: 320px;\n /* margin-left: 36%; */\n background: grey;\n"])));
|
300
|
+
|
301
|
+
var ButtonContainer = _styledComponents.default.div(_templateObject21 || (_templateObject21 = (0, _taggedTemplateLiteral2.default)(["\n /* margin-left: 26%; */\n margin-top: 2%;\n text-align: center;\n"])));
|
302
|
+
|
303
|
+
var Button = _styledComponents.default.button(_templateObject22 || (_templateObject22 = (0, _taggedTemplateLiteral2.default)(["\n width: 300px;\n padding: 1%;\n border: 1px solid black;\n :hover {\n background: grey;\n color: white;\n }\n"])));
|
304
|
+
|
305
|
+
var PreviewImage = _styledComponents.default.img(_templateObject23 || (_templateObject23 = (0, _taggedTemplateLiteral2.default)(["\n margin-top: 1%;\n width: 20%;\n height: 20%;\n"])));
|
306
|
+
|
307
|
+
var PreviewImageContainer = _styledComponents.default.div(_templateObject24 || (_templateObject24 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n justify-content: center;\n"])));
|
308
|
+
|
309
|
+
var Dropdiv = _styledComponents.default.div(_templateObject25 || (_templateObject25 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n flex-direction: column;\n align-items: center;\n padding: 20px;\n border-width: 2px;\n border-radius: 2px;\n border-color: #eee;\n border-style: dashed;\n background-color: #fafafa;\n color: #bdbdbd;\n outline: none;\n transition: border 0.24s ease-in-out;\n"])));
|
310
|
+
|
311
|
+
var TextInput = _styledComponents.default.div(_templateObject26 || (_templateObject26 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n flex-direction: column;\n /* background-color: black; */\n"])));
|
312
|
+
|
313
|
+
var StyleTextInput = _styledComponents.default.span(_templateObject27 || (_templateObject27 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n flex: 1;\n flex-direction: column;\n /* width: 10%; */\n /* margin-left: 2%; */\n margin-right: 10%;\n"])));
|
314
|
+
|
315
|
+
var Error = _styledComponents.default.div(_templateObject28 || (_templateObject28 = (0, _taggedTemplateLiteral2.default)(["\n color: red;\n font-size: 14px;\n"])));
|
316
|
+
|
317
|
+
var Label = _styledComponents.default.label(_templateObject29 || (_templateObject29 = (0, _taggedTemplateLiteral2.default)(["\n font-size: 14px;\n"])));
|
318
|
+
|
319
|
+
var StyleLabel = _styledComponents.default.label(_templateObject30 || (_templateObject30 = (0, _taggedTemplateLiteral2.default)(["\n font-size: 14px;\n"])));
|
320
|
+
|
321
|
+
var StyleInput = _styledComponents.default.input(_templateObject31 || (_templateObject31 = (0, _taggedTemplateLiteral2.default)(["\n width: 100%;\n margin-top: 3%;\n padding: 2%;\n /* align-self: center; */\n"])));
|
322
|
+
|
323
|
+
var _default = CreateProfile;
|
324
|
+
exports.default = _default;
|
@@ -0,0 +1,24 @@
|
|
1
|
+
"use strict";
|
2
|
+
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
4
|
+
|
5
|
+
Object.defineProperty(exports, "__esModule", {
|
6
|
+
value: true
|
7
|
+
});
|
8
|
+
exports.Default = exports.default = void 0;
|
9
|
+
|
10
|
+
var _react = _interopRequireDefault(require("react"));
|
11
|
+
|
12
|
+
var _CreateProfile = _interopRequireDefault(require("./CreateProfile"));
|
13
|
+
|
14
|
+
var _default = {
|
15
|
+
title: 'Forms/CreateProfile/Item',
|
16
|
+
component: _CreateProfile.default
|
17
|
+
};
|
18
|
+
exports.default = _default;
|
19
|
+
|
20
|
+
var Default = function Default(args) {
|
21
|
+
return /*#__PURE__*/_react.default.createElement(_CreateProfile.default, args);
|
22
|
+
};
|
23
|
+
|
24
|
+
exports.Default = Default;
|
@@ -0,0 +1,27 @@
|
|
1
|
+
"use strict";
|
2
|
+
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
4
|
+
|
5
|
+
Object.defineProperty(exports, "__esModule", {
|
6
|
+
value: true
|
7
|
+
});
|
8
|
+
exports.default = void 0;
|
9
|
+
|
10
|
+
var _react = _interopRequireDefault(require("react"));
|
11
|
+
|
12
|
+
var _styledComponents = _interopRequireDefault(require("styled-components"));
|
13
|
+
|
14
|
+
var _BaseMaterial = _interopRequireDefault(require("../../Containers/BaseMaterial"));
|
15
|
+
|
16
|
+
var CreateUser = function CreateUser(props) {
|
17
|
+
return /*#__PURE__*/_react.default.createElement(_BaseMaterial.default, props, /*#__PURE__*/_react.default.createElement("input", {
|
18
|
+
type: "textbox",
|
19
|
+
placeholder: "Username"
|
20
|
+
}), /*#__PURE__*/_react.default.createElement("input", {
|
21
|
+
type: "email",
|
22
|
+
placeholder: "Email Address"
|
23
|
+
}));
|
24
|
+
};
|
25
|
+
|
26
|
+
var _default = CreateUser;
|
27
|
+
exports.default = _default;
|
@@ -0,0 +1,26 @@
|
|
1
|
+
"use strict";
|
2
|
+
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
4
|
+
|
5
|
+
Object.defineProperty(exports, "__esModule", {
|
6
|
+
value: true
|
7
|
+
});
|
8
|
+
exports.Default = exports.default = void 0;
|
9
|
+
|
10
|
+
var _react = _interopRequireDefault(require("react"));
|
11
|
+
|
12
|
+
var _CreateUser = _interopRequireDefault(require("./CreateUser"));
|
13
|
+
|
14
|
+
var _default = {
|
15
|
+
title: "Forms/CreateUser",
|
16
|
+
component: _CreateUser.default
|
17
|
+
};
|
18
|
+
exports.default = _default;
|
19
|
+
|
20
|
+
var Default = function Default(props) {
|
21
|
+
return /*#__PURE__*/_react.default.createElement(_CreateUser.default, {
|
22
|
+
inputBGColor: "yellow"
|
23
|
+
});
|
24
|
+
};
|
25
|
+
|
26
|
+
exports.Default = Default;
|
@@ -0,0 +1,84 @@
|
|
1
|
+
"use strict";
|
2
|
+
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
4
|
+
|
5
|
+
Object.defineProperty(exports, "__esModule", {
|
6
|
+
value: true
|
7
|
+
});
|
8
|
+
exports.default = void 0;
|
9
|
+
|
10
|
+
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/defineProperty"));
|
11
|
+
|
12
|
+
var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
|
13
|
+
|
14
|
+
var _react = _interopRequireDefault(require("react"));
|
15
|
+
|
16
|
+
var Yup = _interopRequireWildcard(require("yup"));
|
17
|
+
|
18
|
+
var _ReusableForm = _interopRequireDefault(require("../../Reusable Components/ReusableForm/ReusableForm"));
|
19
|
+
|
20
|
+
var _TextField = _interopRequireDefault(require("../../Common Inputs/TextField/TextField"));
|
21
|
+
|
22
|
+
var _CustomDropZone = _interopRequireDefault(require("../../Common Inputs/CustomDropzone/CustomDropZone"));
|
23
|
+
|
24
|
+
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); }
|
25
|
+
|
26
|
+
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; }
|
27
|
+
|
28
|
+
var CreateVideoAlbum = function CreateVideoAlbum(props) {
|
29
|
+
var _Object$assign;
|
30
|
+
|
31
|
+
var initialValues = {
|
32
|
+
cover: null,
|
33
|
+
title: ''
|
34
|
+
};
|
35
|
+
var formSchema = Yup.object().shape({
|
36
|
+
title: Yup.string().required("Required")
|
37
|
+
});
|
38
|
+
var sections = [{
|
39
|
+
title: "Announcment Details",
|
40
|
+
body: [/*#__PURE__*/_react.default.createElement(_CustomDropZone.default, {
|
41
|
+
label: "Album Cover",
|
42
|
+
name: "cover"
|
43
|
+
}), /*#__PURE__*/_react.default.createElement(_TextField.default, {
|
44
|
+
label: "Title",
|
45
|
+
name: "title"
|
46
|
+
})],
|
47
|
+
hideTitle: true
|
48
|
+
}];
|
49
|
+
|
50
|
+
var onCreate = function onCreate(values) {
|
51
|
+
var album = (0, _objectSpread2.default)({}, values);
|
52
|
+
var date = new Date();
|
53
|
+
album.date = date;
|
54
|
+
props.saveHandler(album);
|
55
|
+
};
|
56
|
+
|
57
|
+
var cancelHandler = function cancelHandler() {
|
58
|
+
props.cancelHandler();
|
59
|
+
};
|
60
|
+
|
61
|
+
return /*#__PURE__*/_react.default.createElement(_ReusableForm.default, Object.assign((_Object$assign = {
|
62
|
+
formTitle: "Create Video Album",
|
63
|
+
initialValues: initialValues,
|
64
|
+
formSchema: formSchema,
|
65
|
+
sections: sections,
|
66
|
+
headerStyles: {
|
67
|
+
padding: 10,
|
68
|
+
headerBackground: 'black',
|
69
|
+
titleColor: '#ffff'
|
70
|
+
},
|
71
|
+
saveBtnText: props.saveBtnText,
|
72
|
+
cancelBtnText: props.cancelBtnText,
|
73
|
+
saveHandler: onCreate,
|
74
|
+
cancelHandler: cancelHandler
|
75
|
+
}, (0, _defineProperty2.default)(_Object$assign, "headerStyles", {
|
76
|
+
padding: 10,
|
77
|
+
headerBackground: 'black',
|
78
|
+
titleColor: '#ffff'
|
79
|
+
}), (0, _defineProperty2.default)(_Object$assign, "sectionPadding", 10), (0, _defineProperty2.default)(_Object$assign, "bodyRowGap", 10), _Object$assign), props.formStyles));
|
80
|
+
};
|
81
|
+
|
82
|
+
CreateVideoAlbum.defaultProps = {};
|
83
|
+
var _default = CreateVideoAlbum;
|
84
|
+
exports.default = _default;
|
@@ -0,0 +1,37 @@
|
|
1
|
+
"use strict";
|
2
|
+
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
4
|
+
|
5
|
+
Object.defineProperty(exports, "__esModule", {
|
6
|
+
value: true
|
7
|
+
});
|
8
|
+
exports.Form = exports.default = void 0;
|
9
|
+
|
10
|
+
var _react = _interopRequireDefault(require("react"));
|
11
|
+
|
12
|
+
var _CreateVideoAlbum = _interopRequireDefault(require("./CreateVideoAlbum"));
|
13
|
+
|
14
|
+
var _default = {
|
15
|
+
title: 'Forms/Create Video Album',
|
16
|
+
component: _CreateVideoAlbum.default
|
17
|
+
};
|
18
|
+
exports.default = _default;
|
19
|
+
|
20
|
+
var onSave = function onSave(album) {
|
21
|
+
console.log(album);
|
22
|
+
};
|
23
|
+
|
24
|
+
var onCancel = function onCancel() {
|
25
|
+
console.log('Cancel');
|
26
|
+
};
|
27
|
+
|
28
|
+
var Form = function Form(args) {
|
29
|
+
return /*#__PURE__*/_react.default.createElement(_CreateVideoAlbum.default, Object.assign({
|
30
|
+
saveHandler: onSave,
|
31
|
+
cancelHandler: onCancel,
|
32
|
+
saveBtnText: "Create",
|
33
|
+
cancelBtnText: "Cancel"
|
34
|
+
}, args));
|
35
|
+
};
|
36
|
+
|
37
|
+
exports.Form = Form;
|
@@ -0,0 +1,35 @@
|
|
1
|
+
"use strict";
|
2
|
+
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
4
|
+
|
5
|
+
Object.defineProperty(exports, "__esModule", {
|
6
|
+
value: true
|
7
|
+
});
|
8
|
+
exports.default = void 0;
|
9
|
+
|
10
|
+
var _react = _interopRequireDefault(require("react"));
|
11
|
+
|
12
|
+
var _RadioInput = _interopRequireDefault(require("../../Common Inputs/RadioInput/RadioInput"));
|
13
|
+
|
14
|
+
var Form = function Form() {
|
15
|
+
var list = [{
|
16
|
+
title: 'abc',
|
17
|
+
description: 'abc',
|
18
|
+
imageURL: 'https://cdn.pixabay.com/photo/2014/11/30/14/11/cat-551554__340.jpg'
|
19
|
+
}, {
|
20
|
+
title: 'bcd',
|
21
|
+
description: 'abc',
|
22
|
+
imageURL: 'https://cdn.pixabay.com/photo/2014/11/30/14/11/cat-551554__340.jpg'
|
23
|
+
}];
|
24
|
+
console.log('!!!');
|
25
|
+
return /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_RadioInput.default, {
|
26
|
+
list: list,
|
27
|
+
title: "abc",
|
28
|
+
onChange: function onChange(changedListItem) {
|
29
|
+
console.log(changedListItem);
|
30
|
+
}
|
31
|
+
}));
|
32
|
+
};
|
33
|
+
|
34
|
+
var _default = Form;
|
35
|
+
exports.default = _default;
|
@@ -0,0 +1,24 @@
|
|
1
|
+
"use strict";
|
2
|
+
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
4
|
+
|
5
|
+
Object.defineProperty(exports, "__esModule", {
|
6
|
+
value: true
|
7
|
+
});
|
8
|
+
exports.Default = exports.default = void 0;
|
9
|
+
|
10
|
+
var _react = _interopRequireDefault(require("react"));
|
11
|
+
|
12
|
+
var _Form = _interopRequireDefault(require("./Form"));
|
13
|
+
|
14
|
+
var _default = {
|
15
|
+
title: 'Forms/RadioInputForm',
|
16
|
+
component: _Form.default
|
17
|
+
};
|
18
|
+
exports.default = _default;
|
19
|
+
|
20
|
+
var Default = function Default(args) {
|
21
|
+
return /*#__PURE__*/_react.default.createElement(_Form.default, args);
|
22
|
+
};
|
23
|
+
|
24
|
+
exports.Default = Default;
|