@mohamed-karawia/library 0.1.21 → 0.1.22

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (59) hide show
  1. package/dist/stories/Chat/Chat.js +24 -31
  2. package/dist/stories/Community/Community.js +37 -15
  3. package/dist/stories/Events/Event/Event.js +12 -4
  4. package/dist/stories/Events/EventsList/EventsList.js +14 -7
  5. package/dist/stories/Library/Folders/Folders.js +27 -17
  6. package/dist/stories/Library/Notes/Notes.js +29 -18
  7. package/dist/stories/Music Album/ViewAlbum/ViewAlbum.js +8 -44
  8. package/dist/stories/Music Album/ViewAlbums/ViewAlbums.js +57 -37
  9. package/dist/stories/Photo Album/ViewAlbum/ViewAlbum.js +26 -16
  10. package/dist/stories/Photo Album/ViewAlbums/ViewAlbums.js +11 -4
  11. package/dist/stories/PreviewComponents/ChatPreview/ChatPreview.js +1 -1
  12. package/dist/stories/PreviewComponents/EventPreview/EventPreview.js +1 -1
  13. package/dist/stories/PreviewComponents/EventsPreview/EventsPreview.js +1 -1
  14. package/dist/stories/PreviewComponents/FoldersPreview/FoldersPreview.js +1 -1
  15. package/dist/stories/PreviewComponents/MusicAlbumsPreview/MusicAlbumsPreview.js +1 -1
  16. package/dist/stories/PreviewComponents/MusicPlayerPreview/MusicPlayerPreview.js +1 -1
  17. package/dist/stories/PreviewComponents/NavbarPreview/NavbarPreview.js +1 -1
  18. package/dist/stories/PreviewComponents/NotesPreview/NotesPreview.js +1 -1
  19. package/dist/stories/PreviewComponents/PhotoAlbumPreview/PhotoAlbumPreview.js +1 -1
  20. package/dist/stories/PreviewComponents/PhotoAlbumsPreview/PhotoAlbumsPreview.js +1 -1
  21. package/dist/stories/PreviewComponents/SpacesListPreview/SpacesListPreview.js +1 -1
  22. package/dist/stories/PreviewComponents/VideoAlbumPreview/VideoAlbumPreview.js +1 -1
  23. package/dist/stories/PreviewComponents/VideoAlbumsPreview/VideoAlbumsPreview.js +1 -1
  24. package/dist/stories/PreviewComponents/VideoPreview/VideoPreview.js +1 -1
  25. package/dist/stories/Reusable Components/Community/Community.js +12 -34
  26. package/dist/stories/VideoAlbum/AlbumsGallery/AlbumsGallery.js +11 -4
  27. package/dist/stories/VideoAlbum/VideoSpace/VideoSpace.js +17 -6
  28. package/dist/stories/VideoAlbum/ViewAlbum/ViewAlbum.js +24 -25
  29. package/dist/stories/store/communities.js +27 -29
  30. package/package.json +1 -1
  31. package/src/stories/Chat/Chat.jsx +25 -19
  32. package/src/stories/Community/Community.jsx +14 -15
  33. package/src/stories/Events/Event/Event.jsx +11 -3
  34. package/src/stories/Events/EventsList/EventsList.jsx +11 -4
  35. package/src/stories/Library/Folders/Folders.jsx +23 -14
  36. package/src/stories/Library/Notes/Notes.jsx +25 -15
  37. package/src/stories/Music Album/ViewAlbum/ViewAlbum.jsx +17 -61
  38. package/src/stories/Music Album/ViewAlbums/ViewAlbums.jsx +44 -30
  39. package/src/stories/Photo Album/ViewAlbum/ViewAlbum.jsx +14 -5
  40. package/src/stories/Photo Album/ViewAlbums/ViewAlbums.jsx +10 -3
  41. package/src/stories/PreviewComponents/ChatPreview/ChatPreview.jsx +1 -1
  42. package/src/stories/PreviewComponents/EventPreview/EventPreview.jsx +1 -1
  43. package/src/stories/PreviewComponents/EventsPreview/EventsPreview.jsx +1 -1
  44. package/src/stories/PreviewComponents/FoldersPreview/FoldersPreview.jsx +1 -1
  45. package/src/stories/PreviewComponents/MusicAlbumsPreview/MusicAlbumsPreview.jsx +1 -1
  46. package/src/stories/PreviewComponents/MusicPlayerPreview/MusicPlayerPreview.jsx +1 -1
  47. package/src/stories/PreviewComponents/NavbarPreview/NavbarPreview.jsx +1 -1
  48. package/src/stories/PreviewComponents/NotesPreview/NotesPreview.jsx +1 -1
  49. package/src/stories/PreviewComponents/PhotoAlbumPreview/PhotoAlbumPreview.jsx +1 -1
  50. package/src/stories/PreviewComponents/PhotoAlbumsPreview/PhotoAlbumsPreview.jsx +1 -1
  51. package/src/stories/PreviewComponents/SpacesListPreview/SpacesListPreview.jsx +1 -1
  52. package/src/stories/PreviewComponents/VideoAlbumPreview/VideoAlbumPreview.jsx +1 -1
  53. package/src/stories/PreviewComponents/VideoAlbumsPreview/VideoAlbumsPreview.jsx +1 -1
  54. package/src/stories/PreviewComponents/VideoPreview/VideoPreview.jsx +1 -1
  55. package/src/stories/Reusable Components/Community/Community.jsx +10 -33
  56. package/src/stories/VideoAlbum/AlbumsGallery/AlbumsGallery.jsx +10 -3
  57. package/src/stories/VideoAlbum/VideoSpace/VideoSpace.jsx +10 -3
  58. package/src/stories/VideoAlbum/ViewAlbum/ViewAlbum.jsx +30 -34
  59. package/src/stories/store/communities.js +27 -29
@@ -29,13 +29,15 @@ var _Sections = _interopRequireDefault(require("../../Sections/Sections"));
29
29
 
30
30
  var _MusicAlbumsPreview = _interopRequireDefault(require("../../PreviewComponents/MusicAlbumsPreview/MusicAlbumsPreview"));
31
31
 
32
+ var _Community = _interopRequireDefault(require("../../Reusable Components/Community/Community"));
33
+
32
34
  var _ai = require("react-icons/ai");
33
35
 
34
36
  var _bs = require("react-icons/bs");
35
37
 
36
38
  var _templateObject;
37
39
 
38
- var _excluded = ["albums", "albumTitleColor", "descColor"];
40
+ var _excluded = ["albums", "community"];
39
41
 
40
42
  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); }
41
43
 
@@ -58,8 +60,7 @@ var galleryControls = [{
58
60
 
59
61
  var ViewAlbums = function ViewAlbums(_ref) {
60
62
  var albums = _ref.albums,
61
- albumTitleColor = _ref.albumTitleColor,
62
- descColor = _ref.descColor,
63
+ community = _ref.community,
63
64
  props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
64
65
 
65
66
  var _useState = (0, _react.useState)(false),
@@ -72,14 +73,20 @@ var ViewAlbums = function ViewAlbums(_ref) {
72
73
  showConfigModal = _useState4[0],
73
74
  setShowConfigModal = _useState4[1];
74
75
 
76
+ var _useState5 = (0, _react.useState)( /*#__PURE__*/_react.default.createElement(ViewAlbums, {
77
+ preview: true,
78
+ albums: albums
79
+ })),
80
+ _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
81
+ centerContext = _useState6[0],
82
+ setCenterContext = _useState6[1];
83
+
75
84
  var tabs = [{
76
85
  title: 'New',
77
- component: /*#__PURE__*/_react.default.createElement(_MusicAlbumsPreview.default, {
78
- componentProps: {
79
- albums: albums,
80
- title: props.title || 'Music Albums'
81
- }
82
- })
86
+ id: 'preview'
87
+ }, {
88
+ title: 'Context',
89
+ id: 'community'
83
90
  }];
84
91
  var sections = [{
85
92
  title: 'Styles',
@@ -93,17 +100,19 @@ var ViewAlbums = function ViewAlbums(_ref) {
93
100
  }];
94
101
 
95
102
  var onHeaderIconClicked = function onHeaderIconClicked(action) {
96
- switch (action) {
97
- case 'add':
98
- setShowModal(true);
99
- break;
100
-
101
- case 'config':
102
- setShowConfigModal(true);
103
- break;
104
-
105
- default:
106
- break;
103
+ if (!props.preview) {
104
+ switch (action) {
105
+ case 'add':
106
+ setShowModal(true);
107
+ break;
108
+
109
+ case 'config':
110
+ setShowConfigModal(true);
111
+ break;
112
+
113
+ default:
114
+ break;
115
+ }
107
116
  }
108
117
  };
109
118
 
@@ -111,6 +120,13 @@ var ViewAlbums = function ViewAlbums(_ref) {
111
120
  props.cardIconClicked(action, index);
112
121
  };
113
122
 
123
+ var formChanged = function formChanged(values) {
124
+ setCenterContext( /*#__PURE__*/_react.default.createElement(ViewAlbums, Object.assign({
125
+ preview: true,
126
+ albums: albums
127
+ }, values)));
128
+ };
129
+
114
130
  var onAddAlbum = function onAddAlbum(album) {
115
131
  setShowModal(false);
116
132
  props.onAddAlbum(album);
@@ -120,6 +136,11 @@ var ViewAlbums = function ViewAlbums(_ref) {
120
136
  setShowModal(false);
121
137
  };
122
138
 
139
+ var cancelConfig = function cancelConfig() {
140
+ setShowConfigModal(false);
141
+ localStorage.removeItem('formStyles');
142
+ };
143
+
123
144
  return /*#__PURE__*/_react.default.createElement(Container, null, /*#__PURE__*/_react.default.createElement(_Gallery.default, Object.assign({
124
145
  galleryTitle: props.title || 'Music Albums',
125
146
  data: albums,
@@ -144,27 +165,26 @@ var ViewAlbums = function ViewAlbums(_ref) {
144
165
  cancelBtnText: props.cancelBtnText || "Cancel"
145
166
  })), /*#__PURE__*/_react.default.createElement(_ReactModal.default, {
146
167
  modalIsOpen: showConfigModal,
147
- closeModal: function closeModal() {
148
- return setShowConfigModal(false);
149
- },
168
+ closeModal: cancelConfig,
150
169
  exitModalButton: function exitModalButton(e) {
151
170
  return /*#__PURE__*/_react.default.createElement("div", null);
152
171
  }
153
- }, /*#__PURE__*/_react.default.createElement(_Sections.default, {
154
- sections: sections,
155
- backgroundColor: 'white',
156
- sectionHeaderStyles: {
157
- titleColor: 'white',
158
- headerBackground: 'transparent'
172
+ }, /*#__PURE__*/_react.default.createElement(_Tabs.default, {
173
+ title: "Albums Config",
174
+ tabs: tabs
175
+ }, /*#__PURE__*/_react.default.createElement(_MusicAlbumsPreview.default, {
176
+ componentProps: {
177
+ albums: albums,
178
+ title: 'Music Albums',
179
+ preview: true
159
180
  },
160
- customCardStyles: {
161
- cardPadding: 6,
162
- cardTitleFontSize: 15,
163
- cardBackgroundColor: '#2c2c2c',
164
- cardTitleColor: 'white',
165
- onHoverBackgroundColor: '#555555'
166
- }
167
- })));
181
+ formChanged: formChanged,
182
+ id: "preview"
183
+ }), /*#__PURE__*/_react.default.createElement(_Community.default, {
184
+ center: centerContext,
185
+ community: community,
186
+ id: "community"
187
+ }))));
168
188
  };
169
189
 
170
190
  var Container = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n width: 100%;\n"])));
@@ -39,7 +39,7 @@ var _bs = require("react-icons/bs");
39
39
 
40
40
  var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
41
41
 
42
- var _excluded = ["album", "cardBackgroundColor", "imgTitleColor", "descColor"];
42
+ var _excluded = ["album", "cardBackgroundColor", "imgTitleColor", "descColor", "community"];
43
43
 
44
44
  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); }
45
45
 
@@ -65,6 +65,7 @@ var ViewAlbum = function ViewAlbum(_ref) {
65
65
  cardBackgroundColor = _ref.cardBackgroundColor,
66
66
  imgTitleColor = _ref.imgTitleColor,
67
67
  descColor = _ref.descColor,
68
+ community = _ref.community,
68
69
  props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
69
70
  var cardStyles = {
70
71
  cardBackgroundColor: cardBackgroundColor,
@@ -114,6 +115,7 @@ var ViewAlbum = function ViewAlbum(_ref) {
114
115
  setOpenedImg = _useState10[1];
115
116
 
116
117
  var _useState11 = (0, _react.useState)( /*#__PURE__*/_react.default.createElement(ViewAlbum, {
118
+ preview: true,
117
119
  album: album
118
120
  })),
119
121
  _useState12 = (0, _slicedToArray2.default)(_useState11, 2),
@@ -122,6 +124,7 @@ var ViewAlbum = function ViewAlbum(_ref) {
122
124
 
123
125
  var formChanged = function formChanged(values) {
124
126
  setCenterContext( /*#__PURE__*/_react.default.createElement(ViewAlbum, Object.assign({
127
+ preview: true,
125
128
  album: album
126
129
  }, values)));
127
130
  };
@@ -152,17 +155,19 @@ var ViewAlbum = function ViewAlbum(_ref) {
152
155
  }, [openedImgIndex, handleUserKeyPress]);
153
156
 
154
157
  var onIconClicked = function onIconClicked(action) {
155
- switch (action) {
156
- case 'add':
157
- setShowModal(true);
158
- break;
159
-
160
- case 'config':
161
- setShowConfigModal(true);
162
- break;
163
-
164
- default:
165
- break;
158
+ if (!props.preview) {
159
+ switch (action) {
160
+ case 'add':
161
+ setShowModal(true);
162
+ break;
163
+
164
+ case 'config':
165
+ setShowConfigModal(true);
166
+ break;
167
+
168
+ default:
169
+ break;
170
+ }
166
171
  }
167
172
  };
168
173
 
@@ -198,6 +203,11 @@ var ViewAlbum = function ViewAlbum(_ref) {
198
203
  }
199
204
  };
200
205
 
206
+ var cancelConfig = function cancelConfig() {
207
+ setShowConfigModal(false);
208
+ localStorage.removeItem('formStyles');
209
+ };
210
+
201
211
  return /*#__PURE__*/_react.default.createElement(Container, null, /*#__PURE__*/_react.default.createElement(_Gallery.default, Object.assign({
202
212
  galleryTitle: props.title || "Photo Album",
203
213
  data: album,
@@ -246,9 +256,7 @@ var ViewAlbum = function ViewAlbum(_ref) {
246
256
  onClick: nextPhoto
247
257
  }, /*#__PURE__*/_react.default.createElement(_ai.AiOutlineArrowRight, null))), /*#__PURE__*/_react.default.createElement(_ReactModal.default, {
248
258
  modalIsOpen: showConfigModal,
249
- closeModal: function closeModal() {
250
- return setShowConfigModal(false);
251
- },
259
+ closeModal: cancelConfig,
252
260
  exitModalButton: function exitModalButton(e) {
253
261
  return /*#__PURE__*/_react.default.createElement("div", null);
254
262
  }
@@ -262,9 +270,11 @@ var ViewAlbum = function ViewAlbum(_ref) {
262
270
  title: props.title || 'Photo Album',
263
271
  preview: true
264
272
  },
265
- formChanged: formChanged
273
+ formChanged: formChanged,
274
+ id: "preview"
266
275
  }), /*#__PURE__*/_react.default.createElement(_Community.default, {
267
276
  center: centerContext,
277
+ community: community,
268
278
  id: "community"
269
279
  }))));
270
280
  };
@@ -37,7 +37,7 @@ var _bs = require("react-icons/bs");
37
37
 
38
38
  var _templateObject;
39
39
 
40
- var _excluded = ["albums"];
40
+ var _excluded = ["albums", "community"];
41
41
 
42
42
  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); }
43
43
 
@@ -60,6 +60,7 @@ var galleryControls = [{
60
60
 
61
61
  var ViewAlbums = function ViewAlbums(_ref) {
62
62
  var albums = _ref.albums,
63
+ community = _ref.community,
63
64
  props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
64
65
 
65
66
  var _useState = (0, _react.useState)(false),
@@ -73,6 +74,7 @@ var ViewAlbums = function ViewAlbums(_ref) {
73
74
  setShowConfigModal = _useState4[1];
74
75
 
75
76
  var _useState5 = (0, _react.useState)( /*#__PURE__*/_react.default.createElement(ViewAlbums, {
77
+ preview: true,
76
78
  albums: albums
77
79
  })),
78
80
  _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
@@ -81,6 +83,7 @@ var ViewAlbums = function ViewAlbums(_ref) {
81
83
 
82
84
  var formChanged = function formChanged(values) {
83
85
  setCenterContext( /*#__PURE__*/_react.default.createElement(ViewAlbums, Object.assign({
86
+ preview: true,
84
87
  albums: albums
85
88
  }, values)));
86
89
  };
@@ -125,6 +128,11 @@ var ViewAlbums = function ViewAlbums(_ref) {
125
128
  setShowModal(false);
126
129
  };
127
130
 
131
+ var cancelConfig = function cancelConfig() {
132
+ setShowConfigModal(false);
133
+ localStorage.removeItem('formStyles');
134
+ };
135
+
128
136
  return /*#__PURE__*/_react.default.createElement(Container, null, /*#__PURE__*/_react.default.createElement(_Gallery.default, Object.assign({
129
137
  galleryTitle: props.title || "Photo Albums",
130
138
  data: albums,
@@ -147,9 +155,7 @@ var ViewAlbums = function ViewAlbums(_ref) {
147
155
  cancelHandler: cancelHandler
148
156
  })), /*#__PURE__*/_react.default.createElement(_ReactModal.default, {
149
157
  modalIsOpen: showConfigModal,
150
- closeModal: function closeModal() {
151
- return setShowConfigModal(false);
152
- },
158
+ closeModal: cancelConfig,
153
159
  exitModalButton: function exitModalButton(e) {
154
160
  return /*#__PURE__*/_react.default.createElement("div", null);
155
161
  }
@@ -167,6 +173,7 @@ var ViewAlbums = function ViewAlbums(_ref) {
167
173
  id: "preview"
168
174
  }), /*#__PURE__*/_react.default.createElement(_Community.default, {
169
175
  center: centerContext,
176
+ community: community,
170
177
  id: "community"
171
178
  }))));
172
179
  };
@@ -31,7 +31,7 @@ var ChatPreview = function ChatPreview(props) {
31
31
  chatStyles = _useState2[0],
32
32
  setChatStyles = _useState2[1];
33
33
 
34
- var initialValues = {
34
+ var initialValues = JSON.parse(localStorage.getItem('formStyles')) || {
35
35
  headerStyles: {
36
36
  headerBackground: '',
37
37
  padding: 0,
@@ -31,7 +31,7 @@ var EventPreview = function EventPreview(props) {
31
31
  eventStyles = _useState2[0],
32
32
  setEventStyles = _useState2[1];
33
33
 
34
- var initialValues = {
34
+ var initialValues = JSON.parse(localStorage.getItem('formStyles')) || {
35
35
  headerStyles: {
36
36
  headerBackground: '',
37
37
  padding: 0,
@@ -31,7 +31,7 @@ var EventsPreview = function EventsPreview(props) {
31
31
  eventsStyles = _useState2[0],
32
32
  setEventsStyles = _useState2[1];
33
33
 
34
- var initialValues = {
34
+ var initialValues = JSON.parse(localStorage.getItem('formStyles')) || {
35
35
  headerStyles: {
36
36
  headerBackground: '',
37
37
  padding: 0,
@@ -31,7 +31,7 @@ var FoldersPreview = function FoldersPreview(props) {
31
31
  foldersStyles = _useState2[0],
32
32
  setFoldersStyles = _useState2[1];
33
33
 
34
- var initialValues = {
34
+ var initialValues = JSON.parse(localStorage.getItem('formStyles')) || {
35
35
  headerStyles: {
36
36
  headerBackground: '',
37
37
  padding: 0,
@@ -33,7 +33,7 @@ var MusicAlbumsPreview = function MusicAlbumsPreview(props) {
33
33
  musicAlbumsStyles = _useState2[0],
34
34
  setMusicAlbumsStyles = _useState2[1];
35
35
 
36
- var initialValues = {
36
+ var initialValues = JSON.parse(localStorage.getItem('formStyles')) || {
37
37
  headerStyles: {
38
38
  headerBackground: '',
39
39
  padding: 0,
@@ -33,7 +33,7 @@ var MusicPlayerPreview = function MusicPlayerPreview(props) {
33
33
  musicPlayerStyles = _useState2[0],
34
34
  setMusicPlayerStyles = _useState2[1];
35
35
 
36
- var initialValues = {
36
+ var initialValues = JSON.parse(localStorage.getItem('formStyles')) || {
37
37
  headerStyles: {
38
38
  headerBackground: '',
39
39
  padding: 0,
@@ -31,7 +31,7 @@ var NavbarPreview = function NavbarPreview(props) {
31
31
  navbarStyles = _useState2[0],
32
32
  setNavbarStyles = _useState2[1];
33
33
 
34
- var initialValues = {
34
+ var initialValues = JSON.parse(localStorage.getItem('formStyles')) || {
35
35
  iconSize: 'md',
36
36
  iconBackgroundColor: 'black',
37
37
  navbarColor: 'white'
@@ -31,7 +31,7 @@ var NotesPreview = function NotesPreview(props) {
31
31
  notesStyles = _useState2[0],
32
32
  setNotesStyles = _useState2[1];
33
33
 
34
- var initialValues = {
34
+ var initialValues = JSON.parse(localStorage.getItem('formStyles')) || {
35
35
  headerStyles: {
36
36
  headerBackground: '',
37
37
  padding: 0,
@@ -31,7 +31,7 @@ var PhotoAlbumPreview = function PhotoAlbumPreview(props) {
31
31
  photoAlbumStyles = _useState2[0],
32
32
  setPhotoAlbumStyles = _useState2[1];
33
33
 
34
- var initialValues = {
34
+ var initialValues = JSON.parse(localStorage.getItem('formStyles')) || {
35
35
  headerStyles: {
36
36
  headerBackground: '',
37
37
  padding: 0,
@@ -31,7 +31,7 @@ var PhotoAlbumsPreview = function PhotoAlbumsPreview(props) {
31
31
  photoAlbumsStyles = _useState2[0],
32
32
  setPhotoAlbumsStyles = _useState2[1];
33
33
 
34
- var initialValues = {
34
+ var initialValues = JSON.parse(localStorage.getItem('formStyles')) || {
35
35
  headerStyles: {
36
36
  headerBackground: '',
37
37
  padding: 0,
@@ -31,7 +31,7 @@ var SpacesListPreview = function SpacesListPreview(props) {
31
31
  spacesStyles = _useState2[0],
32
32
  setSpacesStyles = _useState2[1];
33
33
 
34
- var initialValues = {
34
+ var initialValues = JSON.parse(localStorage.getItem('formStyles')) || {
35
35
  headerStyles: {
36
36
  headerBackground: '',
37
37
  padding: 0,
@@ -31,7 +31,7 @@ var VideoAlbumPreview = function VideoAlbumPreview(props) {
31
31
  videoAlbumStyles = _useState2[0],
32
32
  setVideoAlbumStyles = _useState2[1];
33
33
 
34
- var initialValues = {
34
+ var initialValues = JSON.parse(localStorage.getItem('formStyles')) || {
35
35
  headerStyles: {
36
36
  headerBackground: '',
37
37
  padding: 0,
@@ -31,7 +31,7 @@ var VideoAlbumsPreview = function VideoAlbumsPreview(props) {
31
31
  videoAlbumsStyles = _useState2[0],
32
32
  setVideoAlbumsStyles = _useState2[1];
33
33
 
34
- var initialValues = {
34
+ var initialValues = JSON.parse(localStorage.getItem('formStyles')) || {
35
35
  headerStyles: {
36
36
  headerBackground: '',
37
37
  padding: 0,
@@ -31,7 +31,7 @@ var VideoPreview = function VideoPreview(props) {
31
31
  videoStyles = _useState2[0],
32
32
  setVideoStyles = _useState2[1];
33
33
 
34
- var initialValues = {
34
+ var initialValues = JSON.parse(localStorage.getItem('formStyles')) || {
35
35
  headerStyles: {
36
36
  headerBackground: '',
37
37
  padding: 0,
@@ -7,7 +7,7 @@ Object.defineProperty(exports, "__esModule", {
7
7
  });
8
8
  exports.default = void 0;
9
9
 
10
- var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/taggedTemplateLiteral"));
10
+ var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
11
11
 
12
12
  var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
13
13
 
@@ -27,49 +27,27 @@ var _Right = _interopRequireDefault(require("../../Layout/Right/Right"));
27
27
 
28
28
  var _WidgetContainer = _interopRequireDefault(require("../../Reusable Components/WidgetContainer/WidgetContainer"));
29
29
 
30
- var _templateObject;
30
+ var _BaseMaterial = _interopRequireDefault(require("../../Containers/BaseMaterial"));
31
31
 
32
- var _excluded = ["context"];
32
+ var _excluded = ["context", "community"];
33
33
 
34
34
  // import styles from '../../styling.json'
35
35
  var Community = function Community(_ref) {
36
36
  var context = _ref.context,
37
+ community = _ref.community,
37
38
  props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
38
- var spaces = [{
39
- title: 'Main List',
40
- data: [{
41
- title: 'Cargo Sprint',
42
- path: 'cago'
43
- }, {
44
- title: 'Movies',
45
- path: 'movies'
46
- }]
47
- }, {
48
- title: 'Entertainment',
49
- data: [{
50
- title: 'Gaming',
51
- path: 'games'
52
- }, {
53
- title: 'Music',
54
- path: 'music'
55
- }]
56
- }];
57
- return /*#__PURE__*/_react.default.createElement(Container, null, /*#__PURE__*/_react.default.createElement(_Navbar.default, null), /*#__PURE__*/_react.default.createElement(_Body.default, null, /*#__PURE__*/_react.default.createElement(_Left.default, null, /*#__PURE__*/_react.default.createElement(_WidgetContainer.default, {
39
+ var spacesWidget = community.spacesListWidget.widgetSpacesList;
40
+ return /*#__PURE__*/_react.default.createElement(_BaseMaterial.default, community.styles, /*#__PURE__*/_react.default.createElement(_Navbar.default, community.navbarStyles), /*#__PURE__*/_react.default.createElement(_Body.default, null, /*#__PURE__*/_react.default.createElement(_Left.default, null, /*#__PURE__*/_react.default.createElement(_WidgetContainer.default, {
58
41
  widgetType: "spaces-list",
59
- widgetProps: {
60
- listTitle: 'Your Spaces',
61
- spaces: spaces,
42
+ widgetProps: (0, _objectSpread2.default)({
43
+ listTitle: spacesWidget.listTitle,
44
+ spaces: spacesWidget.spaces,
62
45
  cardClicked: function cardClicked() {
63
- return alert('clicked');
64
- } // headerStyles: styles.widgetContainer.header,
65
- // sectionHeaderStyles: styles.widgetContainer.body.sectionHeaderStyles,
66
- // customCardStyles: styles.widgetContainer.body.customCardStyles,
67
-
68
- }
46
+ return null;
47
+ }
48
+ }, spacesWidget.styles)
69
49
  })), /*#__PURE__*/_react.default.createElement(_Center.default, null, props.center), /*#__PURE__*/_react.default.createElement(_Right.default, null, props.right)));
70
50
  };
71
51
 
72
- var Container = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n width: 100%;\n height: auto;\n display: flex;\n min-height: 100vh;\n flex-direction: column;\n"])));
73
-
74
52
  var _default = Community;
75
53
  exports.default = _default;
@@ -37,7 +37,7 @@ var _bs = require("react-icons/bs");
37
37
 
38
38
  var _templateObject;
39
39
 
40
- var _excluded = ["videoAlbums", "cardBackgroundColor", "cardTitleColor", "cardTitleFontSize", "countColor", "countFontSize"];
40
+ var _excluded = ["videoAlbums", "cardBackgroundColor", "cardTitleColor", "cardTitleFontSize", "countColor", "countFontSize", "community"];
41
41
 
42
42
  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); }
43
43
 
@@ -65,6 +65,7 @@ var AlbumsGallery = function AlbumsGallery(_ref) {
65
65
  cardTitleFontSize = _ref.cardTitleFontSize,
66
66
  countColor = _ref.countColor,
67
67
  countFontSize = _ref.countFontSize,
68
+ community = _ref.community,
68
69
  props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
69
70
 
70
71
  var _useState = (0, _react.useState)(false),
@@ -78,6 +79,7 @@ var AlbumsGallery = function AlbumsGallery(_ref) {
78
79
  setShowConfigModal = _useState4[1];
79
80
 
80
81
  var _useState5 = (0, _react.useState)( /*#__PURE__*/_react.default.createElement(AlbumsGallery, {
82
+ preview: true,
81
83
  videoAlbums: videoAlbums
82
84
  })),
83
85
  _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
@@ -86,6 +88,7 @@ var AlbumsGallery = function AlbumsGallery(_ref) {
86
88
 
87
89
  var formChanged = function formChanged(values) {
88
90
  setCenterContext( /*#__PURE__*/_react.default.createElement(AlbumsGallery, Object.assign({
91
+ preview: true,
89
92
  videoAlbums: videoAlbums
90
93
  }, values)));
91
94
  };
@@ -151,6 +154,11 @@ var AlbumsGallery = function AlbumsGallery(_ref) {
151
154
  setShowModal(false);
152
155
  };
153
156
 
157
+ var cancelConfig = function cancelConfig() {
158
+ setShowConfigModal(false);
159
+ localStorage.removeItem('formStyles');
160
+ };
161
+
154
162
  return /*#__PURE__*/_react.default.createElement(Container, null, /*#__PURE__*/_react.default.createElement(_Gallery.default, Object.assign({
155
163
  galleryTitle: "Video Albums",
156
164
  data: videoAlbums,
@@ -180,9 +188,7 @@ var AlbumsGallery = function AlbumsGallery(_ref) {
180
188
  cancelHandler: cancelHandler
181
189
  })), /*#__PURE__*/_react.default.createElement(_ReactModal.default, {
182
190
  modalIsOpen: showConfigModal,
183
- closeModal: function closeModal() {
184
- return setShowConfigModal(false);
185
- },
191
+ closeModal: cancelConfig,
186
192
  exitModalButton: function exitModalButton(e) {
187
193
  return /*#__PURE__*/_react.default.createElement("div", null);
188
194
  }
@@ -199,6 +205,7 @@ var AlbumsGallery = function AlbumsGallery(_ref) {
199
205
  id: "preview"
200
206
  }), /*#__PURE__*/_react.default.createElement(_Community.default, {
201
207
  center: centerContext,
208
+ community: community,
202
209
  id: "community"
203
210
  }))));
204
211
  };
@@ -37,7 +37,7 @@ var _Tabs = _interopRequireDefault(require("../../Reusable Components/Tabs/Tabs"
37
37
 
38
38
  var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6;
39
39
 
40
- var _excluded = ["videoSrc", "title", "discription", "date", "users", "iconsColor", "backgroundColor", "detailsPadding", "titleFontSize", "titleColor", "dateFontSize", "dateColor", "discFontSize", "discColor", "comments", "commentBackgroundColor", "commentTitleColor", "commentTitleFontSize"];
40
+ var _excluded = ["videoSrc", "title", "discription", "date", "users", "iconsColor", "backgroundColor", "detailsPadding", "titleFontSize", "titleColor", "dateFontSize", "dateColor", "discFontSize", "discColor", "comments", "commentBackgroundColor", "commentTitleColor", "commentTitleFontSize", "community"];
41
41
 
42
42
  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); }
43
43
 
@@ -68,6 +68,7 @@ var VideoSpace = function VideoSpace(_ref) {
68
68
  commentBackgroundColor = _ref.commentBackgroundColor,
69
69
  commentTitleColor = _ref.commentTitleColor,
70
70
  commentTitleFontSize = _ref.commentTitleFontSize,
71
+ community = _ref.community,
71
72
  props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
72
73
 
73
74
  var _useState = (0, _react.useState)(false),
@@ -76,7 +77,10 @@ var VideoSpace = function VideoSpace(_ref) {
76
77
  setShowConfigModal = _useState2[1];
77
78
 
78
79
  var _useState3 = (0, _react.useState)( /*#__PURE__*/_react.default.createElement(VideoSpace, {
79
- videoSrc: videoSrc
80
+ users: users,
81
+ preview: true,
82
+ videoSrc: videoSrc,
83
+ comments: comments
80
84
  })),
81
85
  _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
82
86
  centerContext = _useState4[0],
@@ -84,7 +88,10 @@ var VideoSpace = function VideoSpace(_ref) {
84
88
 
85
89
  var formChanged = function formChanged(values) {
86
90
  setCenterContext( /*#__PURE__*/_react.default.createElement(VideoSpace, Object.assign({
87
- videoSrc: videoSrc
91
+ users: users,
92
+ preview: true,
93
+ videoSrc: videoSrc,
94
+ comments: comments
88
95
  }, values)));
89
96
  };
90
97
 
@@ -109,6 +116,11 @@ var VideoSpace = function VideoSpace(_ref) {
109
116
  }
110
117
  };
111
118
 
119
+ var cancelConfig = function cancelConfig() {
120
+ setShowConfigModal(false);
121
+ localStorage.removeItem('formStyles');
122
+ };
123
+
112
124
  return /*#__PURE__*/_react.default.createElement(Container, {
113
125
  backgroundColor: backgroundColor
114
126
  }, /*#__PURE__*/_react.default.createElement(_ReusableHeader.default, Object.assign({
@@ -138,9 +150,7 @@ var VideoSpace = function VideoSpace(_ref) {
138
150
  users: users
139
151
  }), /*#__PURE__*/_react.default.createElement(_ReactModal.default, {
140
152
  modalIsOpen: showConfigModal,
141
- closeModal: function closeModal() {
142
- return setShowConfigModal(false);
143
- },
153
+ closeModal: cancelConfig,
144
154
  exitModalButton: function exitModalButton(e) {
145
155
  return /*#__PURE__*/_react.default.createElement("div", null);
146
156
  }
@@ -160,6 +170,7 @@ var VideoSpace = function VideoSpace(_ref) {
160
170
  id: "preview"
161
171
  }), /*#__PURE__*/_react.default.createElement(_Community.default, {
162
172
  center: centerContext,
173
+ community: community,
163
174
  id: "community"
164
175
  }))));
165
176
  };