@mohamed-karawia/library 0.1.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (539) hide show
  1. package/.github/workflows/chromatic.yml +26 -0
  2. package/.storybook/main.js +21 -0
  3. package/.storybook/middleware.js +28 -0
  4. package/.storybook/preview.js +9 -0
  5. package/CHANGELOG.md +66 -0
  6. package/LICENSE +21 -0
  7. package/README.md +23 -0
  8. package/README.old.md +3 -0
  9. package/build-storybook.log +2704 -0
  10. package/dist/index.js +311 -0
  11. package/dist/stories/API/API.js +48 -0
  12. package/dist/stories/API/API.stories.js +24 -0
  13. package/dist/stories/Agora/Call/Call.js +316 -0
  14. package/dist/stories/Agora/Chat/Chat.js +107 -0
  15. package/dist/stories/Agora/Chat/Chat.stories.js +24 -0
  16. package/dist/stories/Agora/Chat/Components/ChatItem/ChatItem.js +34 -0
  17. package/dist/stories/Agora/Chat/Components/ChatRoom/ChatRoom.js +199 -0
  18. package/dist/stories/Agora/Controls/Controls.js +80 -0
  19. package/dist/stories/Agora/Preview/PreviewCamera.js +247 -0
  20. package/dist/stories/Agora/Preview/ShareScreen.js +119 -0
  21. package/dist/stories/Agora/Room/Room.js +114 -0
  22. package/dist/stories/Agora/Room/Room.stories.js +24 -0
  23. package/dist/stories/Buttons/Buttons/Buttons.js +59 -0
  24. package/dist/stories/Buttons/Buttons/Buttons.stories.js +39 -0
  25. package/dist/stories/Buttons/ReactModal/ReactModal.js +94 -0
  26. package/dist/stories/Buttons/ReactModal/ReactModal.stories.js +30 -0
  27. package/dist/stories/Buttons/ReactModal/ReactModalDemo.js +17 -0
  28. package/dist/stories/Chat/Chat.js +76 -0
  29. package/dist/stories/Chat/Chat.stories.js +76 -0
  30. package/dist/stories/Common Inputs/CheckboxGroup/CheckboxGroup.js +59 -0
  31. package/dist/stories/Common Inputs/CheckboxGroup/CheckboxGroup.stories.js +58 -0
  32. package/dist/stories/Common Inputs/CustomAutoComplete/CustomAutoComplete.js +93 -0
  33. package/dist/stories/Common Inputs/CustomAutoComplete/CustomAutoComplete.stories.js +56 -0
  34. package/dist/stories/Common Inputs/CustomDropzone/CustomDropZone.js +88 -0
  35. package/dist/stories/Common Inputs/CustomDropzone/CustomDropzone.stories.js +47 -0
  36. package/dist/stories/Common Inputs/CustomSelect/CustomSelect.js +92 -0
  37. package/dist/stories/Common Inputs/CustomSelect/CustomSelect.stories.js +61 -0
  38. package/dist/stories/Common Inputs/CustomTextarea/CustomTextarea.js +65 -0
  39. package/dist/stories/Common Inputs/CustomTextarea/CustomTextarea.stories.js +48 -0
  40. package/dist/stories/Common Inputs/DatePicker/DatePicker.js +104 -0
  41. package/dist/stories/Common Inputs/DatePicker/DatePicker.stories.js +60 -0
  42. package/dist/stories/Common Inputs/DatePicker/SingleDatePicker.js +97 -0
  43. package/dist/stories/Common Inputs/DropZone.js +148 -0
  44. package/dist/stories/Common Inputs/EditorComponent/EditorComponent.js +84 -0
  45. package/dist/stories/Common Inputs/EditorComponent/EditorComponent.stories.js +62 -0
  46. package/dist/stories/Common Inputs/EditorComponent/constants.js +41 -0
  47. package/dist/stories/Common Inputs/Formik/InputField/InputField.js +35 -0
  48. package/dist/stories/Common Inputs/Formik/InputField/InputField.stories.js +43 -0
  49. package/dist/stories/Common Inputs/Formik/RadioField/RadioField.js +54 -0
  50. package/dist/stories/Common Inputs/Formik/RadioField/RadioField.stories.js +60 -0
  51. package/dist/stories/Common Inputs/RadioInput/RadioInput.js +115 -0
  52. package/dist/stories/Common Inputs/RadioInput/RadioInput.stories.js +50 -0
  53. package/dist/stories/Common Inputs/RichTextInput/Components/Emoji/Emoji.js +31 -0
  54. package/dist/stories/Common Inputs/RichTextInput/Components/Gif/Gif.js +88 -0
  55. package/dist/stories/Common Inputs/RichTextInput/RichTextInput.js +278 -0
  56. package/dist/stories/Common Inputs/RichTextInput/RichTextInput.stories.js +51 -0
  57. package/dist/stories/Common Inputs/TextField/TextField.js +65 -0
  58. package/dist/stories/Common Inputs/TextField/TextField.stories.js +48 -0
  59. package/dist/stories/Containers/BaseMaterial.js +65 -0
  60. package/dist/stories/Containers/BaseMaterial.stories.js +24 -0
  61. package/dist/stories/Containers/WidgetExample/WidgetBody.js +17 -0
  62. package/dist/stories/Containers/WidgetExample/WidgetBody.stories.js +24 -0
  63. package/dist/stories/Containers/WidgetExample/WidgetExample.js +23 -0
  64. package/dist/stories/Containers/WidgetExample/WidgetExample.stories.js +24 -0
  65. package/dist/stories/Containers/WidgetExample/WidgetHead.js +17 -0
  66. package/dist/stories/Containers/WidgetExample/WidgetHead.stories.js +24 -0
  67. package/dist/stories/Enrollment/Admin/CreateForm/CreateForm.js +83 -0
  68. package/dist/stories/Enrollment/Admin/CreateForm/CreateForm.stories.js +22 -0
  69. package/dist/stories/Enrollment/Admin/DetailedForm/DetailedForm.js +81 -0
  70. package/dist/stories/Enrollment/Admin/DetailedForm/DetailedForm.stories.js +42 -0
  71. package/dist/stories/Enrollment/Admin/ViewForms/ViewForms.js +46 -0
  72. package/dist/stories/Enrollment/Admin/ViewForms/ViewForms.stories.js +65 -0
  73. package/dist/stories/Enrollment/Guest/FillForm/FillForm.js +64 -0
  74. package/dist/stories/Enrollment/Guest/FillForm/FillForm.stories.js +48 -0
  75. package/dist/stories/Events/CreateEvent/CreateEvent.js +110 -0
  76. package/dist/stories/Events/CreateEvent/CreateEvent.stories.js +30 -0
  77. package/dist/stories/Events/Event/Event.js +94 -0
  78. package/dist/stories/Events/Event/Event.stories.js +33 -0
  79. package/dist/stories/Events/EventsList/EventsList.js +135 -0
  80. package/dist/stories/Events/EventsList/EventsList.stories.js +44 -0
  81. package/dist/stories/Forms/AddPhoto/AddPhoto.js +101 -0
  82. package/dist/stories/Forms/AddPhoto/AddPhoto.stories.js +47 -0
  83. package/dist/stories/Forms/AddSong/AddSong.js +98 -0
  84. package/dist/stories/Forms/AddSong/AddSong.stories.js +37 -0
  85. package/dist/stories/Forms/AddVideo/AddVideo.js +103 -0
  86. package/dist/stories/Forms/AddVideo/AddVideo.stories.js +33 -0
  87. package/dist/stories/Forms/Create-Profile/CreateProfile.js +229 -0
  88. package/dist/stories/Forms/Create-Profile/CreateProfile.stories.js +49 -0
  89. package/dist/stories/Forms/Create-Profile/subcomponents/LogoUploader.js +54 -0
  90. package/dist/stories/Forms/Create-Profile/subcomponents/LogoUploader.stories.js +42 -0
  91. package/dist/stories/Forms/Create-Profile/subcomponents/ProfilePhoto.js +49 -0
  92. package/dist/stories/Forms/Create-Profile/subcomponents/ProfilePhoto.stories.js +41 -0
  93. package/dist/stories/Forms/Create-Profile/subcomponents/ResetBtn.js +41 -0
  94. package/dist/stories/Forms/Create-Profile/subcomponents/ResetBtn.stories.js +32 -0
  95. package/dist/stories/Forms/CreateAlbum/CreateAlbum.js +95 -0
  96. package/dist/stories/Forms/CreateAlbum/CreateAlbum.stories.js +47 -0
  97. package/dist/stories/Forms/CreateAnnouncementForm/CreateAnnouncementForm.js +84 -0
  98. package/dist/stories/Forms/CreateAnnouncementForm/CreateAnnouncementForm.stories.js +58 -0
  99. package/dist/stories/Forms/CreateMusicAlbum/CreateMusicAlbum.js +100 -0
  100. package/dist/stories/Forms/CreateMusicAlbum/CreateMusicAlbum.stories.js +47 -0
  101. package/dist/stories/Forms/CreateProfile/CreateProfile.js +383 -0
  102. package/dist/stories/Forms/CreateProfile/CreateProfile.stories.js +24 -0
  103. package/dist/stories/Forms/CreateProfile-3/CreateProfile.js +324 -0
  104. package/dist/stories/Forms/CreateProfile-3/CreateProfile.stories.js +24 -0
  105. package/dist/stories/Forms/CreateUser/CreateUser.js +27 -0
  106. package/dist/stories/Forms/CreateUser/CreateUser.stories.js +26 -0
  107. package/dist/stories/Forms/CreateVideoAlbum/CreateVideoAlbum.js +84 -0
  108. package/dist/stories/Forms/CreateVideoAlbum/CreateVideoAlbum.stories.js +37 -0
  109. package/dist/stories/Forms/Form/Form.js +35 -0
  110. package/dist/stories/Forms/Form/Form.stories.js +24 -0
  111. package/dist/stories/Forms/NewProfile/NewProfile.js +450 -0
  112. package/dist/stories/Forms/NewProfile/NewProfile.stories.js +24 -0
  113. package/dist/stories/Layout/Body/Body.js +30 -0
  114. package/dist/stories/Layout/Body/Body.stories.js +30 -0
  115. package/dist/stories/Layout/Center/Center.js +26 -0
  116. package/dist/stories/Layout/Center/Center.stories.js +24 -0
  117. package/dist/stories/Layout/Head/Head.js +24 -0
  118. package/dist/stories/Layout/Head/Head.stories.js +24 -0
  119. package/dist/stories/Layout/Left/Left.js +28 -0
  120. package/dist/stories/Layout/Left/Left.stories.js +24 -0
  121. package/dist/stories/Layout/Right/Right.js +27 -0
  122. package/dist/stories/Layout/Right/Right.stories.js +24 -0
  123. package/dist/stories/Library/CreateFolder/CreateFolder.js +87 -0
  124. package/dist/stories/Library/CreateFolder/CreateFolder.stories.js +45 -0
  125. package/dist/stories/Library/Folders/Folders.js +126 -0
  126. package/dist/stories/Library/Folders/Folders.stories.js +55 -0
  127. package/dist/stories/Library/Notes/Notes.js +135 -0
  128. package/dist/stories/Library/Notes/Notes.stories.js +42 -0
  129. package/dist/stories/Library/ViewNote/ViewNote.js +30 -0
  130. package/dist/stories/Library/ViewNote/ViewNote.stories.js +24 -0
  131. package/dist/stories/Misc/Thumbnail/Thumbnail.js +118 -0
  132. package/dist/stories/Music Album/ViewAlbum/ViewAlbum.js +131 -0
  133. package/dist/stories/Music Album/ViewAlbum/ViewAlbum.stories.js +115 -0
  134. package/dist/stories/Music Album/ViewAlbums/ViewAlbums.js +149 -0
  135. package/dist/stories/Music Album/ViewAlbums/ViewAlbums.stories.js +107 -0
  136. package/dist/stories/Navbar/Navbar.js +346 -0
  137. package/dist/stories/Navbar/Navbar.stories.js +41 -0
  138. package/dist/stories/Pages/Blank/Blank.js +36 -0
  139. package/dist/stories/Pages/Blank/Blank.stories.js +24 -0
  140. package/dist/stories/Pages/Centered/Centered.js +34 -0
  141. package/dist/stories/Pages/Centered/Centered.stories.js +24 -0
  142. package/dist/stories/Pages/Chat/Chat.js +86 -0
  143. package/dist/stories/Pages/Chat/Chat.stories.js +74 -0
  144. package/dist/stories/Pages/Enrollment/DetailedForm/DetailedForm.js +96 -0
  145. package/dist/stories/Pages/Enrollment/DetailedForm/DetailedForm.stories.js +22 -0
  146. package/dist/stories/Pages/Enrollment/FillForm/FillForm.js +102 -0
  147. package/dist/stories/Pages/Enrollment/FillForm/FillForm.stories.js +22 -0
  148. package/dist/stories/Pages/Enrollment/Forms/Forms.js +125 -0
  149. package/dist/stories/Pages/Enrollment/Forms/Forms.stories.js +22 -0
  150. package/dist/stories/Pages/Events/Event/Event.js +89 -0
  151. package/dist/stories/Pages/Events/Event/Event.stories.js +22 -0
  152. package/dist/stories/Pages/Events/Events/Events.js +125 -0
  153. package/dist/stories/Pages/Events/Events/Events.stories.js +22 -0
  154. package/dist/stories/Pages/Library/Folders/Library.js +136 -0
  155. package/dist/stories/Pages/Library/Folders/Library.stories.js +22 -0
  156. package/dist/stories/Pages/Library/Notes/Notes.js +123 -0
  157. package/dist/stories/Pages/Library/Notes/Notes.stories.js +22 -0
  158. package/dist/stories/Pages/Music/MusicAlbum/Music.js +211 -0
  159. package/dist/stories/Pages/Music/MusicAlbum/Music.stories.js +22 -0
  160. package/dist/stories/Pages/Music/MusicAlbums/MusicAlbums.js +155 -0
  161. package/dist/stories/Pages/Music/MusicAlbums/MusicAlbums.stories.js +22 -0
  162. package/dist/stories/Pages/Photos/Album/Album.js +164 -0
  163. package/dist/stories/Pages/Photos/Album/Album.stories.js +22 -0
  164. package/dist/stories/Pages/Photos/Albums/Albums.js +151 -0
  165. package/dist/stories/Pages/Photos/Albums/Albums.stories.js +22 -0
  166. package/dist/stories/Pages/Video/DetailedVideo/DetailedVideo.js +112 -0
  167. package/dist/stories/Pages/Video/DetailedVideo/DetailedVideo.stories.js +22 -0
  168. package/dist/stories/Pages/Video/VideoAlbum/Video.js +216 -0
  169. package/dist/stories/Pages/Video/VideoAlbum/Video.stories.js +22 -0
  170. package/dist/stories/Pages/ViewWorld/ViewWorld.js +244 -0
  171. package/dist/stories/Pages/ViewWorld/ViewWorld.stories.js +264 -0
  172. package/dist/stories/Pages/ViewWorld/constatnts.js +172 -0
  173. package/dist/stories/Photo Album/DetailedPhoto/DetailedPhoto.js +24 -0
  174. package/dist/stories/Photo Album/DetailedPhoto/DetailedPhoto.stories.js +32 -0
  175. package/dist/stories/Photo Album/ViewAlbum/ViewAlbum.js +236 -0
  176. package/dist/stories/Photo Album/ViewAlbum/ViewAlbum.stories.js +115 -0
  177. package/dist/stories/Photo Album/ViewAlbums/ViewAlbums.js +156 -0
  178. package/dist/stories/Photo Album/ViewAlbums/ViewAlbums.stories.js +102 -0
  179. package/dist/stories/Reusable Components/Cards/Card-style-1/CardStyle1.js +67 -0
  180. package/dist/stories/Reusable Components/Cards/Card-style-1/CardStyle1.stories.js +35 -0
  181. package/dist/stories/Reusable Components/Cards/Card-style-10/CardStyle10.js +81 -0
  182. package/dist/stories/Reusable Components/Cards/Card-style-10/CardStyle10.stories.js +37 -0
  183. package/dist/stories/Reusable Components/Cards/Card-style-11/CardStyle11.js +67 -0
  184. package/dist/stories/Reusable Components/Cards/Card-style-11/CardStyle11.stories.js +40 -0
  185. package/dist/stories/Reusable Components/Cards/Card-style-2/CardStyle2.js +67 -0
  186. package/dist/stories/Reusable Components/Cards/Card-style-2/CardStyle2.stories.js +37 -0
  187. package/dist/stories/Reusable Components/Cards/Card-style-3/CardStyle3.js +65 -0
  188. package/dist/stories/Reusable Components/Cards/Card-style-3/CardStyle3.stories.js +34 -0
  189. package/dist/stories/Reusable Components/Cards/Card-style-4/CardStyle4.js +66 -0
  190. package/dist/stories/Reusable Components/Cards/Card-style-4/CardStyle4.stories.js +39 -0
  191. package/dist/stories/Reusable Components/Cards/Card-style-6/CardStyle6.js +93 -0
  192. package/dist/stories/Reusable Components/Cards/Card-style-6/CardStyle6.stories.js +27 -0
  193. package/dist/stories/Reusable Components/Cards/Card-style-7/CardStyle7.js +88 -0
  194. package/dist/stories/Reusable Components/Cards/Card-style-7/CardStyle7.stories.js +37 -0
  195. package/dist/stories/Reusable Components/Cards/Card-style-8/CardStyle8.js +86 -0
  196. package/dist/stories/Reusable Components/Cards/Card-style-8/CardStyle8.stories.js +44 -0
  197. package/dist/stories/Reusable Components/Cards/Card-style-9/CardStyle9.js +67 -0
  198. package/dist/stories/Reusable Components/Cards/Card-style-9/CardStyle9.stories.js +27 -0
  199. package/dist/stories/Reusable Components/Cards/Card.js +102 -0
  200. package/dist/stories/Reusable Components/Cards/Card.stories.js +132 -0
  201. package/dist/stories/Reusable Components/Cards/globalCardStyles.js +70 -0
  202. package/dist/stories/Reusable Components/Controls/Controls.js +128 -0
  203. package/dist/stories/Reusable Components/Controls/Controls.stories.js +49 -0
  204. package/dist/stories/Reusable Components/Gallery/Gallery.js +120 -0
  205. package/dist/stories/Reusable Components/Gallery/Gallery.stories.js +56 -0
  206. package/dist/stories/Reusable Components/Lists/Cards/ListCard-1.js +1 -0
  207. package/dist/stories/Reusable Components/Lists/Cards/ListCard-1.stories.js +1 -0
  208. package/dist/stories/Reusable Components/Lists/List.js +1 -0
  209. package/dist/stories/Reusable Components/Lists/List.stories.js +1 -0
  210. package/dist/stories/Reusable Components/Mention/Mention.js +72 -0
  211. package/dist/stories/Reusable Components/Mention/Mention.stories.js +66 -0
  212. package/dist/stories/Reusable Components/ReactModal/ReactModal.js +83 -0
  213. package/dist/stories/Reusable Components/ReusableForm/ReusableForm.js +100 -0
  214. package/dist/stories/Reusable Components/ReusableForm/ReusableForm.stories.js +207 -0
  215. package/dist/stories/Reusable Components/ReusableHeader/ReusableHeader.js +64 -0
  216. package/dist/stories/Reusable Components/ReusableHeader/ReusableHeader.stories.js +35 -0
  217. package/dist/stories/Reusable Components/ReusableList/ReusableList.js +92 -0
  218. package/dist/stories/Reusable Components/ReusableList/ReusableList.stories.js +84 -0
  219. package/dist/stories/Reusable Components/SearchCard/SearchCard.js +81 -0
  220. package/dist/stories/Reusable Components/SearchCard/SearchCard.stories.js +24 -0
  221. package/dist/stories/Reusable Components/SpaceContainer/SpaceContainer.js +48 -0
  222. package/dist/stories/Reusable Components/SpaceContainer/SpaceContainer.stories.js +80 -0
  223. package/dist/stories/Reusable Components/Spinner/Spinner.js +28 -0
  224. package/dist/stories/Reusable Components/Spinner/Spinner.stories.js +22 -0
  225. package/dist/stories/Reusable Components/WidgetContainer/WidgetContainer.js +51 -0
  226. package/dist/stories/Reusable Components/WidgetContainer/WidgetContainer.stories.js +80 -0
  227. package/dist/stories/Reusable Components/commonStyles.js +54 -0
  228. package/dist/stories/Reusable Components/fakeData.js +112 -0
  229. package/dist/stories/Spaces/WelcomeSpace/WelcomeSpace.js +74 -0
  230. package/dist/stories/Spaces/WelcomeSpace/WelcomeSpace.stories.js +24 -0
  231. package/dist/stories/VideoAlbum/AlbumsGallery/AlbumsGallery.js +151 -0
  232. package/dist/stories/VideoAlbum/AlbumsGallery/AlbumsGallery.stories.js +101 -0
  233. package/dist/stories/VideoAlbum/Comments/Comments.js +58 -0
  234. package/dist/stories/VideoAlbum/Comments/Comments.stories.js +45 -0
  235. package/dist/stories/VideoAlbum/VideoPlayer/VideoPlayer.js +235 -0
  236. package/dist/stories/VideoAlbum/VideoPlayer/VideoPlayer.stories.js +149 -0
  237. package/dist/stories/VideoAlbum/VideoSpace/VideoSpace.js +110 -0
  238. package/dist/stories/VideoAlbum/VideoSpace/VideoSpace.stories.js +49 -0
  239. package/dist/stories/VideoAlbum/ViewAlbum/ViewAlbum.js +150 -0
  240. package/dist/stories/VideoAlbum/ViewAlbum/ViewAlbum.stories.js +113 -0
  241. package/dist/stories/Widgets/LogoWidget/LogoWidget.js +32 -0
  242. package/dist/stories/Widgets/LogoWidget/LogoWidget.stories.js +26 -0
  243. package/dist/stories/Widgets/MusicPlayer/MusicPlayer.js +49 -0
  244. package/dist/stories/Widgets/MusicPlayer/MusicPlayer.stories.js +44 -0
  245. package/dist/stories/Widgets/MusicPlayerWidget/MusicPlayerWidget.js +93 -0
  246. package/dist/stories/Widgets/MusicPlayerWidget/MusicPlayerWidget.stories.js +52 -0
  247. package/dist/stories/Widgets/SpacesList/SpacesList.js +28 -0
  248. package/dist/stories/Widgets/SpacesList/SpacesList.stories.js +52 -0
  249. package/dist/stories/Widgets/SpacesList/SpacesListItem.js +50 -0
  250. package/dist/stories/Widgets/SpacesList/SpacesListItem.stories.js +24 -0
  251. package/dist/stories/helpers/util.js +178 -0
  252. package/package.json +131 -0
  253. package/public/favicon.ico +0 -0
  254. package/public/index.html +43 -0
  255. package/public/logo192.png +0 -0
  256. package/public/logo512.png +0 -0
  257. package/public/manifest.json +25 -0
  258. package/public/robots.txt +3 -0
  259. package/src/assets/add-svgrepo-com.svg +36 -0
  260. package/src/assets/basket-svgrepo-com.svg +42 -0
  261. package/src/assets/bell-svgrepo-com.svg +44 -0
  262. package/src/assets/compass-svgrepo-com.svg +54 -0
  263. package/src/assets/home-svgrepo-com.svg +42 -0
  264. package/src/assets/medal-svgrepo-com.svg +53 -0
  265. package/src/assets/search-svgrepo-com.svg +42 -0
  266. package/src/assets/settings-svgrepo-com.svg +47 -0
  267. package/src/index.js +95 -0
  268. package/src/stories/API/API.jsx +47 -0
  269. package/src/stories/API/API.stories.js +10 -0
  270. package/src/stories/Agora/Call/Call.jsx +213 -0
  271. package/src/stories/Agora/Chat/Chat.jsx +130 -0
  272. package/src/stories/Agora/Chat/Chat.stories.jsx +10 -0
  273. package/src/stories/Agora/Chat/Components/ChatItem/ChatItem.jsx +38 -0
  274. package/src/stories/Agora/Chat/Components/ChatRoom/ChatRoom.jsx +167 -0
  275. package/src/stories/Agora/Controls/Controls.jsx +56 -0
  276. package/src/stories/Agora/Preview/PreviewCamera.jsx +259 -0
  277. package/src/stories/Agora/Preview/ShareScreen.jsx +58 -0
  278. package/src/stories/Agora/Room/Room.jsx +85 -0
  279. package/src/stories/Agora/Room/Room.stories.jsx +10 -0
  280. package/src/stories/Buttons/Buttons/Buttons.jsx +57 -0
  281. package/src/stories/Buttons/Buttons/Buttons.stories.jsx +24 -0
  282. package/src/stories/Buttons/ReactModal/ReactModal.jsx +81 -0
  283. package/src/stories/Buttons/ReactModal/ReactModal.stories.jsx +18 -0
  284. package/src/stories/Buttons/ReactModal/ReactModalDemo.jsx +12 -0
  285. package/src/stories/Chat/Chat.jsx +74 -0
  286. package/src/stories/Chat/Chat.stories.jsx +59 -0
  287. package/src/stories/Common Inputs/CheckboxGroup/CheckboxGroup.jsx +70 -0
  288. package/src/stories/Common Inputs/CheckboxGroup/CheckboxGroup.stories.jsx +32 -0
  289. package/src/stories/Common Inputs/CustomAutoComplete/CustomAutoComplete.jsx +98 -0
  290. package/src/stories/Common Inputs/CustomAutoComplete/CustomAutoComplete.stories.jsx +35 -0
  291. package/src/stories/Common Inputs/CustomDropzone/CustomDropZone.jsx +115 -0
  292. package/src/stories/Common Inputs/CustomDropzone/CustomDropzone.stories.jsx +26 -0
  293. package/src/stories/Common Inputs/CustomSelect/CustomSelect.jsx +89 -0
  294. package/src/stories/Common Inputs/CustomSelect/CustomSelect.stories.jsx +36 -0
  295. package/src/stories/Common Inputs/CustomTextarea/CustomTextarea.jsx +66 -0
  296. package/src/stories/Common Inputs/CustomTextarea/CustomTextarea.stories.jsx +31 -0
  297. package/src/stories/Common Inputs/DatePicker/DatePicker.jsx +105 -0
  298. package/src/stories/Common Inputs/DatePicker/DatePicker.stories.jsx +47 -0
  299. package/src/stories/Common Inputs/DatePicker/SingleDatePicker.jsx +91 -0
  300. package/src/stories/Common Inputs/DropZone.jsx +79 -0
  301. package/src/stories/Common Inputs/EditorComponent/EditorComponent.jsx +54 -0
  302. package/src/stories/Common Inputs/EditorComponent/EditorComponent.stories.jsx +60 -0
  303. package/src/stories/Common Inputs/EditorComponent/constants.js +26 -0
  304. package/src/stories/Common Inputs/Formik/InputField/InputField.jsx +24 -0
  305. package/src/stories/Common Inputs/Formik/InputField/InputField.stories.jsx +27 -0
  306. package/src/stories/Common Inputs/Formik/RadioField/RadioField.jsx +55 -0
  307. package/src/stories/Common Inputs/Formik/RadioField/RadioField.stories.jsx +41 -0
  308. package/src/stories/Common Inputs/RadioInput/RadioInput.jsx +108 -0
  309. package/src/stories/Common Inputs/RadioInput/RadioInput.stories.js +30 -0
  310. package/src/stories/Common Inputs/RichTextInput/Components/Emoji/Emoji.jsx +16 -0
  311. package/src/stories/Common Inputs/RichTextInput/Components/Gif/Gif.jsx +64 -0
  312. package/src/stories/Common Inputs/RichTextInput/RichTextInput.jsx +331 -0
  313. package/src/stories/Common Inputs/RichTextInput/RichTextInput.stories.js +45 -0
  314. package/src/stories/Common Inputs/TextField/TextField.jsx +66 -0
  315. package/src/stories/Common Inputs/TextField/TextField.stories.jsx +31 -0
  316. package/src/stories/Containers/BaseMaterial.jsx +58 -0
  317. package/src/stories/Containers/BaseMaterial.stories.js +10 -0
  318. package/src/stories/Containers/WidgetExample/WidgetBody.jsx +9 -0
  319. package/src/stories/Containers/WidgetExample/WidgetBody.stories.js +10 -0
  320. package/src/stories/Containers/WidgetExample/WidgetExample.jsx +19 -0
  321. package/src/stories/Containers/WidgetExample/WidgetExample.stories.js +10 -0
  322. package/src/stories/Containers/WidgetExample/WidgetHead.jsx +9 -0
  323. package/src/stories/Containers/WidgetExample/WidgetHead.stories.js +10 -0
  324. package/src/stories/Enrollment/Admin/CreateForm/CreateForm.jsx +62 -0
  325. package/src/stories/Enrollment/Admin/CreateForm/CreateForm.stories.jsx +8 -0
  326. package/src/stories/Enrollment/Admin/DetailedForm/DetailedForm.jsx +98 -0
  327. package/src/stories/Enrollment/Admin/DetailedForm/DetailedForm.stories.jsx +36 -0
  328. package/src/stories/Enrollment/Admin/ViewForms/ViewForms.jsx +40 -0
  329. package/src/stories/Enrollment/Admin/ViewForms/ViewForms.stories.jsx +66 -0
  330. package/src/stories/Enrollment/Guest/FillForm/FillForm.jsx +61 -0
  331. package/src/stories/Enrollment/Guest/FillForm/FillForm.stories.jsx +27 -0
  332. package/src/stories/Events/CreateEvent/CreateEvent.jsx +96 -0
  333. package/src/stories/Events/CreateEvent/CreateEvent.stories.jsx +19 -0
  334. package/src/stories/Events/Event/Event.jsx +113 -0
  335. package/src/stories/Events/Event/Event.stories.jsx +21 -0
  336. package/src/stories/Events/EventsList/EventsList.jsx +117 -0
  337. package/src/stories/Events/EventsList/EventsList.stories.jsx +25 -0
  338. package/src/stories/Forms/AddPhoto/AddPhoto.jsx +85 -0
  339. package/src/stories/Forms/AddPhoto/AddPhoto.stories.jsx +37 -0
  340. package/src/stories/Forms/AddSong/AddSong.jsx +86 -0
  341. package/src/stories/Forms/AddSong/AddSong.stories.jsx +26 -0
  342. package/src/stories/Forms/AddVideo/AddVideo.jsx +78 -0
  343. package/src/stories/Forms/AddVideo/AddVideo.stories.jsx +20 -0
  344. package/src/stories/Forms/Create-Profile/CreateProfile.jsx +278 -0
  345. package/src/stories/Forms/Create-Profile/CreateProfile.stories.jsx +36 -0
  346. package/src/stories/Forms/Create-Profile/subcomponents/LogoUploader.jsx +63 -0
  347. package/src/stories/Forms/Create-Profile/subcomponents/LogoUploader.stories.jsx +27 -0
  348. package/src/stories/Forms/Create-Profile/subcomponents/ProfilePhoto.jsx +58 -0
  349. package/src/stories/Forms/Create-Profile/subcomponents/ProfilePhoto.stories.jsx +26 -0
  350. package/src/stories/Forms/Create-Profile/subcomponents/ResetBtn.jsx +21 -0
  351. package/src/stories/Forms/Create-Profile/subcomponents/ResetBtn.stories.jsx +18 -0
  352. package/src/stories/Forms/CreateAlbum/CreateAlbum.jsx +82 -0
  353. package/src/stories/Forms/CreateAlbum/CreateAlbum.stories.jsx +37 -0
  354. package/src/stories/Forms/CreateAnnouncementForm/CreateAnnouncementForm.jsx +63 -0
  355. package/src/stories/Forms/CreateAnnouncementForm/CreateAnnouncementForm.stories.jsx +44 -0
  356. package/src/stories/Forms/CreateMusicAlbum/CreateMusicAlbum.jsx +87 -0
  357. package/src/stories/Forms/CreateMusicAlbum/CreateMusicAlbum.stories.jsx +38 -0
  358. package/src/stories/Forms/CreateProfile/CreateProfile.jsx +556 -0
  359. package/src/stories/Forms/CreateProfile/CreateProfile.stories.js +10 -0
  360. package/src/stories/Forms/CreateProfile-3/CreateProfile.jsx +488 -0
  361. package/src/stories/Forms/CreateProfile-3/CreateProfile.stories.js +10 -0
  362. package/src/stories/Forms/CreateUser/CreateUser.jsx +13 -0
  363. package/src/stories/Forms/CreateUser/CreateUser.stories.js +10 -0
  364. package/src/stories/Forms/CreateVideoAlbum/CreateVideoAlbum.jsx +78 -0
  365. package/src/stories/Forms/CreateVideoAlbum/CreateVideoAlbum.stories.jsx +23 -0
  366. package/src/stories/Forms/Form/Form.jsx +34 -0
  367. package/src/stories/Forms/Form/Form.stories.js +10 -0
  368. package/src/stories/Forms/NewProfile/NewProfile.jsx +464 -0
  369. package/src/stories/Forms/NewProfile/NewProfile.stories.jsx +10 -0
  370. package/src/stories/Forms/NewProfile/presets.json +9 -0
  371. package/src/stories/Layout/Body/Body.jsx +24 -0
  372. package/src/stories/Layout/Body/Body.stories.js +26 -0
  373. package/src/stories/Layout/Center/Center.jsx +16 -0
  374. package/src/stories/Layout/Center/Center.stories.js +14 -0
  375. package/src/stories/Layout/Head/Head.jsx +15 -0
  376. package/src/stories/Layout/Head/Head.stories.js +10 -0
  377. package/src/stories/Layout/Left/Left.jsx +21 -0
  378. package/src/stories/Layout/Left/Left.stories.js +14 -0
  379. package/src/stories/Layout/Right/Right.jsx +17 -0
  380. package/src/stories/Layout/Right/Right.stories.js +14 -0
  381. package/src/stories/Library/CreateFolder/CreateFolder.jsx +78 -0
  382. package/src/stories/Library/CreateFolder/CreateFolder.stories.jsx +32 -0
  383. package/src/stories/Library/Folders/Folders.jsx +117 -0
  384. package/src/stories/Library/Folders/Folders.stories.jsx +34 -0
  385. package/src/stories/Library/Notes/Notes.jsx +117 -0
  386. package/src/stories/Library/Notes/Notes.stories.jsx +24 -0
  387. package/src/stories/Library/ViewNote/ViewNote.jsx +25 -0
  388. package/src/stories/Library/ViewNote/ViewNote.stories.jsx +16 -0
  389. package/src/stories/Misc/Thumbnail/Thumbnail.jsx +79 -0
  390. package/src/stories/Music Album/ViewAlbum/ViewAlbum.jsx +111 -0
  391. package/src/stories/Music Album/ViewAlbum/ViewAlbum.stories.jsx +60 -0
  392. package/src/stories/Music Album/ViewAlbums/ViewAlbums.jsx +134 -0
  393. package/src/stories/Music Album/ViewAlbums/ViewAlbums.stories.jsx +57 -0
  394. package/src/stories/Navbar/Navbar.jsx +350 -0
  395. package/src/stories/Navbar/Navbar.stories.js +25 -0
  396. package/src/stories/Pages/Blank/Blank.jsx +32 -0
  397. package/src/stories/Pages/Blank/Blank.stories.js +10 -0
  398. package/src/stories/Pages/Centered/Centered.jsx +31 -0
  399. package/src/stories/Pages/Centered/Centered.stories.js +14 -0
  400. package/src/stories/Pages/Chat/Chat.jsx +82 -0
  401. package/src/stories/Pages/Chat/Chat.stories.jsx +53 -0
  402. package/src/stories/Pages/Enrollment/DetailedForm/DetailedForm.jsx +102 -0
  403. package/src/stories/Pages/Enrollment/DetailedForm/DetailedForm.stories.jsx +8 -0
  404. package/src/stories/Pages/Enrollment/FillForm/FillForm.jsx +96 -0
  405. package/src/stories/Pages/Enrollment/FillForm/FillForm.stories.jsx +8 -0
  406. package/src/stories/Pages/Enrollment/Forms/Forms.jsx +129 -0
  407. package/src/stories/Pages/Enrollment/Forms/Forms.stories.jsx +8 -0
  408. package/src/stories/Pages/Events/Event/Event.jsx +88 -0
  409. package/src/stories/Pages/Events/Event/Event.stories.jsx +8 -0
  410. package/src/stories/Pages/Events/Events/Events.jsx +110 -0
  411. package/src/stories/Pages/Events/Events/Events.stories.jsx +8 -0
  412. package/src/stories/Pages/Library/Folders/Library.jsx +118 -0
  413. package/src/stories/Pages/Library/Folders/Library.stories.jsx +8 -0
  414. package/src/stories/Pages/Library/Notes/Notes.jsx +109 -0
  415. package/src/stories/Pages/Library/Notes/Notes.stories.jsx +8 -0
  416. package/src/stories/Pages/Music/MusicAlbum/Music.jsx +159 -0
  417. package/src/stories/Pages/Music/MusicAlbum/Music.stories.jsx +8 -0
  418. package/src/stories/Pages/Music/MusicAlbums/MusicAlbums.jsx +138 -0
  419. package/src/stories/Pages/Music/MusicAlbums/MusicAlbums.stories.jsx +8 -0
  420. package/src/stories/Pages/Photos/Album/Album.jsx +120 -0
  421. package/src/stories/Pages/Photos/Album/Album.stories.jsx +8 -0
  422. package/src/stories/Pages/Photos/Albums/Albums.jsx +144 -0
  423. package/src/stories/Pages/Photos/Albums/Albums.stories.jsx +8 -0
  424. package/src/stories/Pages/Video/DetailedVideo/DetailedVideo.jsx +91 -0
  425. package/src/stories/Pages/Video/DetailedVideo/DetailedVideo.stories.jsx +8 -0
  426. package/src/stories/Pages/Video/VideoAlbum/Video.jsx +166 -0
  427. package/src/stories/Pages/Video/VideoAlbum/Video.stories.jsx +8 -0
  428. package/src/stories/Pages/ViewWorld/ViewWorld.jsx +193 -0
  429. package/src/stories/Pages/ViewWorld/ViewWorld.stories.js +270 -0
  430. package/src/stories/Pages/ViewWorld/constatnts.js +158 -0
  431. package/src/stories/Pages/ViewWorld/styles.json +18 -0
  432. package/src/stories/Photo Album/DetailedPhoto/DetailedPhoto.jsx +17 -0
  433. package/src/stories/Photo Album/DetailedPhoto/DetailedPhoto.stories.jsx +20 -0
  434. package/src/stories/Photo Album/ViewAlbum/ViewAlbum.jsx +250 -0
  435. package/src/stories/Photo Album/ViewAlbum/ViewAlbum.stories.jsx +60 -0
  436. package/src/stories/Photo Album/ViewAlbums/ViewAlbums.jsx +146 -0
  437. package/src/stories/Photo Album/ViewAlbums/ViewAlbums.stories.jsx +59 -0
  438. package/src/stories/Reusable Components/Cards/Card-style-1/CardStyle1.jsx +74 -0
  439. package/src/stories/Reusable Components/Cards/Card-style-1/CardStyle1.stories.jsx +22 -0
  440. package/src/stories/Reusable Components/Cards/Card-style-10/CardStyle10.jsx +94 -0
  441. package/src/stories/Reusable Components/Cards/Card-style-10/CardStyle10.stories.jsx +21 -0
  442. package/src/stories/Reusable Components/Cards/Card-style-11/CardStyle11.jsx +79 -0
  443. package/src/stories/Reusable Components/Cards/Card-style-11/CardStyle11.stories.jsx +21 -0
  444. package/src/stories/Reusable Components/Cards/Card-style-2/CardStyle2.jsx +75 -0
  445. package/src/stories/Reusable Components/Cards/Card-style-2/CardStyle2.stories.jsx +24 -0
  446. package/src/stories/Reusable Components/Cards/Card-style-3/CardStyle3.jsx +61 -0
  447. package/src/stories/Reusable Components/Cards/Card-style-3/CardStyle3.stories.jsx +22 -0
  448. package/src/stories/Reusable Components/Cards/Card-style-4/CardStyle4.jsx +67 -0
  449. package/src/stories/Reusable Components/Cards/Card-style-4/CardStyle4.stories.jsx +25 -0
  450. package/src/stories/Reusable Components/Cards/Card-style-6/CardStyle6.jsx +117 -0
  451. package/src/stories/Reusable Components/Cards/Card-style-6/CardStyle6.stories.jsx +9 -0
  452. package/src/stories/Reusable Components/Cards/Card-style-7/CardStyle7.jsx +126 -0
  453. package/src/stories/Reusable Components/Cards/Card-style-7/CardStyle7.stories.jsx +23 -0
  454. package/src/stories/Reusable Components/Cards/Card-style-8/CardStyle8.jsx +113 -0
  455. package/src/stories/Reusable Components/Cards/Card-style-8/CardStyle8.stories.jsx +29 -0
  456. package/src/stories/Reusable Components/Cards/Card-style-9/CardStyle9.jsx +86 -0
  457. package/src/stories/Reusable Components/Cards/Card-style-9/CardStyle9.stories.jsx +14 -0
  458. package/src/stories/Reusable Components/Cards/Card.jsx +119 -0
  459. package/src/stories/Reusable Components/Cards/Card.stories.jsx +118 -0
  460. package/src/stories/Reusable Components/Cards/globalCardStyles.js +54 -0
  461. package/src/stories/Reusable Components/Controls/Controls.jsx +137 -0
  462. package/src/stories/Reusable Components/Controls/Controls.stories.jsx +24 -0
  463. package/src/stories/Reusable Components/Gallery/Gallery.jsx +110 -0
  464. package/src/stories/Reusable Components/Gallery/Gallery.stories.jsx +43 -0
  465. package/src/stories/Reusable Components/Lists/Cards/ListCard-1.jsx +0 -0
  466. package/src/stories/Reusable Components/Lists/Cards/ListCard-1.stories.js +0 -0
  467. package/src/stories/Reusable Components/Lists/List.jsx +0 -0
  468. package/src/stories/Reusable Components/Lists/List.stories.js +0 -0
  469. package/src/stories/Reusable Components/Mention/Mention.jsx +69 -0
  470. package/src/stories/Reusable Components/Mention/Mention.stories.jsx +55 -0
  471. package/src/stories/Reusable Components/ReactModal/ReactModal.jsx +76 -0
  472. package/src/stories/Reusable Components/ReusableForm/ReusableForm.jsx +121 -0
  473. package/src/stories/Reusable Components/ReusableForm/ReusableForm.stories.jsx +167 -0
  474. package/src/stories/Reusable Components/ReusableHeader/ReusableHeader.jsx +76 -0
  475. package/src/stories/Reusable Components/ReusableHeader/ReusableHeader.stories.jsx +22 -0
  476. package/src/stories/Reusable Components/ReusableList/ReusableList.jsx +103 -0
  477. package/src/stories/Reusable Components/ReusableList/ReusableList.stories.jsx +70 -0
  478. package/src/stories/Reusable Components/SearchCard/SearchCard.jsx +89 -0
  479. package/src/stories/Reusable Components/SearchCard/SearchCard.stories.js +10 -0
  480. package/src/stories/Reusable Components/SpaceContainer/SpaceContainer.jsx +48 -0
  481. package/src/stories/Reusable Components/SpaceContainer/SpaceContainer.stories.jsx +78 -0
  482. package/src/stories/Reusable Components/Spinner/Spinner.jsx +82 -0
  483. package/src/stories/Reusable Components/Spinner/Spinner.stories.jsx +8 -0
  484. package/src/stories/Reusable Components/WidgetContainer/WidgetContainer.jsx +59 -0
  485. package/src/stories/Reusable Components/WidgetContainer/WidgetContainer.stories.jsx +61 -0
  486. package/src/stories/Reusable Components/commonStyles.js +47 -0
  487. package/src/stories/Reusable Components/fakeData.js +95 -0
  488. package/src/stories/Spaces/WelcomeSpace/WelcomeSpace.jsx +102 -0
  489. package/src/stories/Spaces/WelcomeSpace/WelcomeSpace.stories.js +10 -0
  490. package/src/stories/VideoAlbum/AlbumsGallery/AlbumsGallery.jsx +130 -0
  491. package/src/stories/VideoAlbum/AlbumsGallery/AlbumsGallery.stories.jsx +59 -0
  492. package/src/stories/VideoAlbum/Comments/Comments.jsx +58 -0
  493. package/src/stories/VideoAlbum/Comments/Comments.stories.jsx +18 -0
  494. package/src/stories/VideoAlbum/VideoPlayer/VideoPlayer.jsx +214 -0
  495. package/src/stories/VideoAlbum/VideoPlayer/VideoPlayer.stories.jsx +82 -0
  496. package/src/stories/VideoAlbum/VideoSpace/VideoSpace.jsx +101 -0
  497. package/src/stories/VideoAlbum/VideoSpace/VideoSpace.stories.jsx +23 -0
  498. package/src/stories/VideoAlbum/ViewAlbum/ViewAlbum.jsx +131 -0
  499. package/src/stories/VideoAlbum/ViewAlbum/ViewAlbum.stories.jsx +57 -0
  500. package/src/stories/Widgets/LogoWidget/LogoWidget.jsx +21 -0
  501. package/src/stories/Widgets/LogoWidget/LogoWidget.stories.js +12 -0
  502. package/src/stories/Widgets/MusicPlayer/MusicPlayer.jsx +64 -0
  503. package/src/stories/Widgets/MusicPlayer/MusicPlayer.stories.jsx +23 -0
  504. package/src/stories/Widgets/MusicPlayerWidget/MusicPlayerWidget.jsx +107 -0
  505. package/src/stories/Widgets/MusicPlayerWidget/MusicPlayerWidget.stories.jsx +33 -0
  506. package/src/stories/Widgets/SpacesList/SpacesList.jsx +16 -0
  507. package/src/stories/Widgets/SpacesList/SpacesList.stories.jsx +27 -0
  508. package/src/stories/Widgets/SpacesList/SpacesListItem.jsx +75 -0
  509. package/src/stories/Widgets/SpacesList/SpacesListItem.stories.jsx +10 -0
  510. package/src/stories/assets/camera.svg +1 -0
  511. package/src/stories/assets/code-brackets.svg +1 -0
  512. package/src/stories/assets/colors.svg +1 -0
  513. package/src/stories/assets/comments.svg +1 -0
  514. package/src/stories/assets/direction.svg +1 -0
  515. package/src/stories/assets/flow.svg +1 -0
  516. package/src/stories/assets/images/album1.jpg +0 -0
  517. package/src/stories/assets/images/album2.jpg +0 -0
  518. package/src/stories/assets/images/album3.jpg +0 -0
  519. package/src/stories/assets/images/album4.jpg +0 -0
  520. package/src/stories/assets/images/album5.jpg +0 -0
  521. package/src/stories/assets/images/album6.jpg +0 -0
  522. package/src/stories/assets/images/art.jpg +0 -0
  523. package/src/stories/assets/images/dance.jpg +0 -0
  524. package/src/stories/assets/images/football.jpg +0 -0
  525. package/src/stories/assets/images/music.jpg +0 -0
  526. package/src/stories/assets/images/music1.jpg +0 -0
  527. package/src/stories/assets/images/music2.jpg +0 -0
  528. package/src/stories/assets/images/music3.jpg +0 -0
  529. package/src/stories/assets/images/music4.jpg +0 -0
  530. package/src/stories/assets/images/music5.jpg +0 -0
  531. package/src/stories/assets/images/music6.jpg +0 -0
  532. package/src/stories/assets/images/reset.png +0 -0
  533. package/src/stories/assets/images/robotics.jpg +0 -0
  534. package/src/stories/assets/images/tennis.jpg +0 -0
  535. package/src/stories/assets/plugin.svg +1 -0
  536. package/src/stories/assets/repo.svg +1 -0
  537. package/src/stories/assets/reset.svg +1 -0
  538. package/src/stories/assets/stackalt.svg +1 -0
  539. 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;