@mohamed-karawia/library 0.1.22 → 0.1.23

package/dist/index.js

@@ -44,7 +44,7 @@ Object.defineProperty(exports, "CreateEvent", {
 Object.defineProperty(exports, "Event", {
   enumerable: true,
   get: function get() {
-    return _Event.default;
+    return _ViewEvent.default;
   }
 });
 Object.defineProperty(exports, "EventsList", {
@@ -62,13 +62,13 @@ Object.defineProperty(exports, "CreateLibraryFolder", {
 Object.defineProperty(exports, "LibraryFolders", {
   enumerable: true,
   get: function get() {
-    return _Folders.default;
+    return _ViewFolders.default;
   }
 });
 Object.defineProperty(exports, "LibraryNotes", {
   enumerable: true,
   get: function get() {
-    return _Notes.default;
+    return _NotesList.default;
   }
 });
 Object.defineProperty(exports, "ViewLibraryNote", {
@@ -80,7 +80,7 @@ Object.defineProperty(exports, "ViewLibraryNote", {
 Object.defineProperty(exports, "CreateMusic", {
   enumerable: true,
   get: function get() {
-    return _AddSong.default;
+    return _CreateSong.default;
   }
 });
 Object.defineProperty(exports, "CreateMusicAlbum", {
@@ -92,13 +92,13 @@ Object.defineProperty(exports, "CreateMusicAlbum", {
 Object.defineProperty(exports, "MusicAlbum", {
   enumerable: true,
   get: function get() {
-    return _ViewAlbum.default;
+    return _ViewMusicAlbumList.default;
   }
 });
 Object.defineProperty(exports, "MusicAlbums", {
   enumerable: true,
   get: function get() {
-    return _ViewAlbums.default;
+    return _ViewMusicAlbums.default;
   }
 });
 Object.defineProperty(exports, "CreatePhotoAlbum", {
@@ -116,13 +116,13 @@ Object.defineProperty(exports, "CreatePhoto", {
 Object.defineProperty(exports, "PhotoAlbum", {
   enumerable: true,
   get: function get() {
-    return _ViewAlbum2.default;
+    return _ViewPhotoAlbumList.default;
   }
 });
 Object.defineProperty(exports, "PhotoAlbums", {
   enumerable: true,
   get: function get() {
-    return _ViewAlbums2.default;
+    return _ViewPhotoAlbums.default;
   }
 });
 Object.defineProperty(exports, "BaseMaterial", {
@@ -218,23 +218,23 @@ Object.defineProperty(exports, "CreateVideo", {
 Object.defineProperty(exports, "VideoAlbums", {
   enumerable: true,
   get: function get() {
-    return _AlbumsGallery.default;
+    return _ViewVideoAlbums.default;
   }
 });
 Object.defineProperty(exports, "VidepSpace", {
   enumerable: true,
   get: function get() {
-    return _VideoSpace.default;
+    return _ViewVideo.default;
   }
 });
 Object.defineProperty(exports, "VideoAlbum", {
   enumerable: true,
   get: function get() {
-    return _ViewAlbum3.default;
+    return _ViewVideoAlbumList.default;
   }
 });
 
-var _Chat = _interopRequireDefault(require("./stories/Chat/Chat"));
+var _Chat = _interopRequireDefault(require("./stories/Spaces/Chat/Chat"));
 
 var _CreateForm = _interopRequireDefault(require("./stories/Enrollment/Admin/CreateForm/CreateForm"));
 
@@ -244,35 +244,35 @@ var _ViewForms = _interopRequireDefault(require("./stories/Enrollment/Admin/View
 
 var _FillForm = _interopRequireDefault(require("./stories/Enrollment/Guest/FillForm/FillForm"));
 
-var _CreateEvent = _interopRequireDefault(require("./stories/Events/CreateEvent/CreateEvent"));
+var _CreateEvent = _interopRequireDefault(require("./stories/Forms/CreateEvent/CreateEvent"));
 
-var _Event = _interopRequireDefault(require("./stories/Events/Event/Event"));
+var _ViewEvent = _interopRequireDefault(require("./stories/Spaces/ViewEvent/ViewEvent"));
 
-var _EventsList = _interopRequireDefault(require("./stories/Events/EventsList/EventsList"));
+var _EventsList = _interopRequireDefault(require("./stories/Spaces/EventsList/EventsList"));
 
-var _CreateFolder = _interopRequireDefault(require("./stories/Library/CreateFolder/CreateFolder"));
+var _CreateFolder = _interopRequireDefault(require("./stories/Forms/CreateFolder/CreateFolder"));
 
-var _Folders = _interopRequireDefault(require("./stories/Library/Folders/Folders"));
+var _ViewFolders = _interopRequireDefault(require("./stories/Spaces/ViewFolders/ViewFolders"));
 
-var _Notes = _interopRequireDefault(require("./stories/Library/Notes/Notes"));
+var _NotesList = _interopRequireDefault(require("./stories/Spaces/NotesList/NotesList"));
 
-var _ViewNote = _interopRequireDefault(require("./stories/Library/ViewNote/ViewNote"));
+var _ViewNote = _interopRequireDefault(require("./stories/Spaces/ViewNote/ViewNote"));
 
-var _AddSong = _interopRequireDefault(require("./stories/Forms/AddSong/AddSong"));
+var _CreateSong = _interopRequireDefault(require("./stories/Forms/CreateSong/CreateSong"));
 
 var _CreateMusicAlbum = _interopRequireDefault(require("./stories/Forms/CreateMusicAlbum/CreateMusicAlbum"));
 
-var _ViewAlbum = _interopRequireDefault(require("./stories/Music Album/ViewAlbum/ViewAlbum"));
+var _ViewMusicAlbumList = _interopRequireDefault(require("./stories/Spaces/ViewMusicAlbumList/ViewMusicAlbumList"));
 
-var _ViewAlbums = _interopRequireDefault(require("./stories/Music Album/ViewAlbums/ViewAlbums"));
+var _ViewMusicAlbums = _interopRequireDefault(require("./stories/Spaces/ViewMusicAlbums/ViewMusicAlbums"));
 
 var _CreateAlbum = _interopRequireDefault(require("./stories/Forms/CreateAlbum/CreateAlbum"));
 
 var _AddPhoto = _interopRequireDefault(require("./stories/Forms/AddPhoto/AddPhoto"));
 
-var _ViewAlbum2 = _interopRequireDefault(require("./stories/Photo Album/ViewAlbum/ViewAlbum"));
+var _ViewPhotoAlbumList = _interopRequireDefault(require("./stories/Spaces/ViewPhotoAlbumList/ViewPhotoAlbumList"));
 
-var _ViewAlbums2 = _interopRequireDefault(require("./stories/Photo Album/ViewAlbums/ViewAlbums"));
+var _ViewPhotoAlbums = _interopRequireDefault(require("./stories/Spaces/ViewPhotoAlbums/ViewPhotoAlbums"));
 
 var _BaseMaterial = _interopRequireDefault(require("./stories/Containers/BaseMaterial"));
 
@@ -304,8 +304,8 @@ var _CreateVideoAlbum = _interopRequireDefault(require("./stories/Forms/CreateVi
 
 var _AddVideo = _interopRequireDefault(require("./stories/Forms/AddVideo/AddVideo"));
 
-var _AlbumsGallery = _interopRequireDefault(require("./stories/VideoAlbum/AlbumsGallery/AlbumsGallery"));
+var _ViewVideoAlbums = _interopRequireDefault(require("./stories/Spaces/ViewVideoAlbums/ViewVideoAlbums"));
 
-var _VideoSpace = _interopRequireDefault(require("./stories/VideoAlbum/VideoSpace/VideoSpace"));
+var _ViewVideo = _interopRequireDefault(require("./stories/Spaces/ViewVideo/ViewVideo"));
 
-var _ViewAlbum3 = _interopRequireDefault(require("./stories/VideoAlbum/ViewAlbum/ViewAlbum"));
+var _ViewVideoAlbumList = _interopRequireDefault(require("./stories/Spaces/ViewVideoAlbumList/ViewVideoAlbumList"));

package/dist/stories/Community/Community.js

@@ -17,7 +17,7 @@ var _styledComponents = _interopRequireDefault(require("styled-components"));
 
 var _reactRedux = require("react-redux");
 
-var _store = require("../store/store");
+var actions = _interopRequireWildcard(require("../store/store"));
 
 var _Navbar = _interopRequireDefault(require("../Navbar/Navbar"));
 
@@ -33,29 +33,29 @@ var _BaseMaterial = _interopRequireDefault(require("../Containers/BaseMaterial")
 
 var _WidgetContainer = _interopRequireDefault(require("../Reusable Components/WidgetContainer/WidgetContainer"));
 
-var _Chat = _interopRequireDefault(require("../Chat/Chat"));
+var _Chat = _interopRequireDefault(require("../Spaces/Chat/Chat"));
 
-var _Event = _interopRequireDefault(require("../Events/Event/Event"));
+var _Event = _interopRequireDefault(require("../Spaces/ViewEvent/Event"));
 
-var _EventsList = _interopRequireDefault(require("../Events/EventsList/EventsList"));
+var _EventsList = _interopRequireDefault(require("../Spaces/EventsList/EventsList"));
 
-var _Folders = _interopRequireDefault(require("../Library/Folders/Folders"));
+var _ViewFolders = _interopRequireDefault(require("../Spaces/ViewFolders/ViewFolders"));
 
-var _Notes = _interopRequireDefault(require("../Library/Notes/Notes"));
+var _NotesList = _interopRequireDefault(require("../Spaces/NotesList/NotesList"));
 
-var _ViewAlbum = _interopRequireDefault(require("../Music Album/ViewAlbum/ViewAlbum"));
+var _ViewMusicAlbumList = _interopRequireDefault(require("../Spaces/ViewMusicAlbumList/ViewMusicAlbumList"));
 
-var _ViewAlbums = _interopRequireDefault(require("../Music Album/ViewAlbums/ViewAlbums"));
+var _ViewMusicAlbums = _interopRequireDefault(require("../Spaces/ViewMusicAlbums/ViewMusicAlbums"));
 
-var _ViewAlbum2 = _interopRequireDefault(require("../Photo Album/ViewAlbum/ViewAlbum"));
+var _ViewPhotoAlbumList = _interopRequireDefault(require("../Spaces/ViewPhotoAlbumList/ViewPhotoAlbumList"));
 
-var _ViewAlbums2 = _interopRequireDefault(require("../Photo Album/ViewAlbums/ViewAlbums"));
+var _ViewPhotoAlbums = _interopRequireDefault(require("../Spaces/ViewPhotoAlbums/ViewPhotoAlbums"));
 
-var _AlbumsGallery = _interopRequireDefault(require("../VideoAlbum/AlbumsGallery/AlbumsGallery"));
+var _ViewVideoAlbums = _interopRequireDefault(require("../Spaces/ViewVideoAlbums/ViewVideoAlbums"));
 
-var _ViewAlbum3 = _interopRequireDefault(require("../VideoAlbum/ViewAlbum/ViewAlbum"));
+var _ViewVideoAlbumList = _interopRequireDefault(require("../Spaces/ViewVideoAlbumList/ViewVideoAlbumList"));
 
-var _VideoSpace = _interopRequireDefault(require("../VideoAlbum/VideoSpace/VideoSpace"));
+var _ViewVideo = _interopRequireDefault(require("../Spaces/ViewVideo/ViewVideo"));
 
 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); }
 
@@ -77,19 +77,16 @@ var Community = function Community(props) {
   });
   var spacesWidget = (0, _reactRedux.useSelector)(function (state) {
     return state.communities.spacesListWidget.widgetSpacesList;
-  });
-  var dispatch = (0, _reactRedux.useDispatch)();
+  }); // const dispatch = useDispatch();
 
-  var onAddEvent = function onAddEvent(event) {
-    dispatch((0, _store.addEvent)(event));
-  };
+  var onAddEvent = function onAddEvent(event) {// dispatch(actions.addEvent(event))
+  }; // console.log(community)
 
-  console.log(community);
 
   var eventIconClicked = function eventIconClicked(action, index) {
     switch (action) {
       case 'delete':
-        dispatch((0, _store.deleteEvent)(index));
+        // dispatch(actions.addEvent)
         break;
 
       default:
@@ -116,35 +113,36 @@ var Community = function Community(props) {
       community: community
     }, space.spaceProps, space.styles)),
     'events_list': /*#__PURE__*/_react.default.createElement(_EventsList.default, Object.assign({
+      actions: actions,
       community: community,
       cardIconClicked: eventIconClicked,
       onAddEvent: onAddEvent
     }, space.spaceProps, space.styles)),
-    'folders': /*#__PURE__*/_react.default.createElement(_Folders.default, Object.assign({
+    'folders': /*#__PURE__*/_react.default.createElement(_ViewFolders.default, Object.assign({
       community: community
     }, space.spaceProps, space.styles)),
-    'notes': /*#__PURE__*/_react.default.createElement(_Notes.default, Object.assign({
+    'notes': /*#__PURE__*/_react.default.createElement(_NotesList.default, Object.assign({
       community: community
     }, space.spaceProps, space.styles)),
-    'music_album': /*#__PURE__*/_react.default.createElement(_ViewAlbum.default, Object.assign({
+    'music_album': /*#__PURE__*/_react.default.createElement(_ViewMusicAlbumList.default, Object.assign({
       community: community
     }, space.spaceProps, space.styles)),
-    'music_albums': /*#__PURE__*/_react.default.createElement(_ViewAlbums.default, Object.assign({
+    'music_albums': /*#__PURE__*/_react.default.createElement(_ViewMusicAlbums.default, Object.assign({
       community: community
     }, space.spaceProps, space.styles)),
-    'photo_album': /*#__PURE__*/_react.default.createElement(_ViewAlbum2.default, Object.assign({
+    'photo_album': /*#__PURE__*/_react.default.createElement(_ViewPhotoAlbumList.default, Object.assign({
       community: community
     }, space.spaceProps, space.styles)),
-    'photo_albums': /*#__PURE__*/_react.default.createElement(_ViewAlbums2.default, Object.assign({
+    'photo_albums': /*#__PURE__*/_react.default.createElement(_ViewPhotoAlbums.default, Object.assign({
       community: community
     }, space.spaceProps, space.styles)),
-    'video_albums': /*#__PURE__*/_react.default.createElement(_AlbumsGallery.default, Object.assign({
+    'video_albums': /*#__PURE__*/_react.default.createElement(_ViewVideoAlbums.default, Object.assign({
       community: community
     }, space.spaceProps, space.styles)),
-    'video_album': /*#__PURE__*/_react.default.createElement(_ViewAlbum3.default, Object.assign({
+    'video_album': /*#__PURE__*/_react.default.createElement(_ViewVideoAlbumList.default, Object.assign({
       community: community
     }, space.spaceProps, space.styles)),
-    'video_space': /*#__PURE__*/_react.default.createElement(_VideoSpace.default, Object.assign({
+    'video_space': /*#__PURE__*/_react.default.createElement(_ViewVideo.default, Object.assign({
       community: community
     }, space.spaceProps, space.styles))
   }[spaceType]), /*#__PURE__*/_react.default.createElement(_Right.default, null, space.widgets && space.widgets.map(function (widget) {

package/dist/stories/Forms/AddPhoto/AddPhoto.js

@@ -45,11 +45,12 @@ var AddPhoto = function AddPhoto(_ref) {
       props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   var initialValues = {
     img: null,
-    title: '',
-    description: ''
+    title: "",
+    description: ""
   };
   var formSchema = Yup.object().shape({
-    title: Yup.string().required("Required")
+    title: Yup.string().required("Your photo must have a title"),
+    description: Yup.string().required("You must also have a description for your photo!")
   });
   var sections = [{
     title: "Upload Photo",
@@ -69,7 +70,7 @@ var AddPhoto = function AddPhoto(_ref) {
   var onCreate = function onCreate(values) {
     var photo = (0, _objectSpread2.default)({}, values);
     var date = new Date();
-    photo.date = date.toISOString().split('T')[0];
+    photo.date = date.toISOString().split("T")[0];
     props.saveHandler(photo);
   };
 
@@ -89,12 +90,12 @@ var AddPhoto = function AddPhoto(_ref) {
     cancelHandler: cancelHandler
   }, (0, _defineProperty2.default)(_Object$assign, "headerStyles", {
     padding: 10,
-    headerBackground: 'black',
-    titleColor: '#ffff'
+    headerBackground: "black",
+    titleColor: "#ffff"
   }), (0, _defineProperty2.default)(_Object$assign, "sectionPadding", 10), (0, _defineProperty2.default)(_Object$assign, "bodyRowGap", 10), _Object$assign), props.formStyles)));
 };
 
-var Container = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n\n"])));
+var Container = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)([""])));
 
 AddPhoto.defaultProps = {};
 var _default = AddPhoto;

package/dist/stories/Forms/CreateEvent/CreateEvent.js

@@ -0,0 +1,115 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/taggedTemplateLiteral"));
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/defineProperty"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var Yup = _interopRequireWildcard(require("yup"));
+
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+
+var _reactRedux = require("react-redux");
+
+var _ReusableForm = _interopRequireDefault(require("../../Reusable Components/ReusableForm/ReusableForm"));
+
+var _TextField = _interopRequireDefault(require("../../Common Inputs/TextField/TextField"));
+
+var _DatePicker = _interopRequireDefault(require("../../Common Inputs/DatePicker/DatePicker"));
+
+var _CustomDropZone = _interopRequireDefault(require("../../Common Inputs/CustomDropzone/CustomDropZone"));
+
+var _CustomTextarea = _interopRequireDefault(require("../../Common Inputs/CustomTextarea/CustomTextarea"));
+
+var _templateObject;
+
+var _excluded = ["saveBtnText", "cancelBtnText", "actions"];
+
+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); }
+
+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; }
+
+var CreateEvent = function CreateEvent(_ref) {
+  var _Object$assign;
+
+  var saveBtnText = _ref.saveBtnText,
+      cancelBtnText = _ref.cancelBtnText,
+      actions = _ref.actions,
+      props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  var dispatch = (0, _reactRedux.useDispatch)();
+  var initialValues = {
+    cover: null,
+    name: '',
+    disc: '',
+    date: {
+      startDate: null,
+      endDate: null
+    }
+  };
+  var formSchema = Yup.object().shape({
+    name: Yup.string().required("Required"),
+    disc: Yup.string().required("Required")
+  });
+  var sections = [{
+    title: "Create Event",
+    body: [/*#__PURE__*/_react.default.createElement(_CustomDropZone.default, {
+      label: "Cover",
+      name: "cover"
+    }), /*#__PURE__*/_react.default.createElement(_TextField.default, {
+      label: "Title",
+      name: "name"
+    }), /*#__PURE__*/_react.default.createElement(_CustomTextarea.default, {
+      label: "Discription",
+      name: "disc"
+    }), /*#__PURE__*/_react.default.createElement(_DatePicker.default, {
+      label: "Date Range",
+      name: "date"
+    })],
+    hideTitle: true
+  }];
+
+  var onCreate = function onCreate(values) {
+    var event = {
+      title: values.name,
+      date: "".concat(values.date.startDate._d.toISOString().split('T')[0], " : ").concat(values.date.endDate._d.toISOString().split('T')[0])
+    };
+    dispatch(actions.addEvent(event));
+    props.cancelHandler();
+  };
+
+  var cancelHandler = function cancelHandler() {
+    props.cancelHandler();
+  };
+
+  return /*#__PURE__*/_react.default.createElement(Container, null, /*#__PURE__*/_react.default.createElement(_ReusableForm.default, Object.assign((_Object$assign = {
+    formTitle: "Create Event",
+    initialValues: initialValues,
+    formSchema: formSchema,
+    sections: sections,
+    headerStyles: props.headerStyles,
+    saveBtnText: saveBtnText,
+    cancelBtnText: cancelBtnText,
+    saveHandler: onCreate,
+    cancelHandler: cancelHandler
+  }, (0, _defineProperty2.default)(_Object$assign, "headerStyles", {
+    padding: 10,
+    headerBackground: 'black',
+    titleColor: '#ffff'
+  }), (0, _defineProperty2.default)(_Object$assign, "sectionPadding", 10), (0, _defineProperty2.default)(_Object$assign, "bodyRowGap", 10), _Object$assign), props.formStyles)));
+};
+
+var Container = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n\n"])));
+
+CreateEvent.defaultProps = {};
+var _default = CreateEvent;
+exports.default = _default;

package/dist/stories/Forms/CreateFolder/CreateFolder.js

@@ -0,0 +1,87 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/defineProperty"));
+
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var Yup = _interopRequireWildcard(require("yup"));
+
+var _ReusableForm = _interopRequireDefault(require("../../Reusable Components/ReusableForm/ReusableForm"));
+
+var _TextField = _interopRequireDefault(require("../../Common Inputs/TextField/TextField"));
+
+var _CustomTextarea = _interopRequireDefault(require("../../Common Inputs/CustomTextarea/CustomTextarea"));
+
+var _excluded = ["saveBtnText", "cancelBtnText"];
+
+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); }
+
+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; }
+
+var CreateFolder = function CreateFolder(_ref) {
+  var _Object$assign;
+
+  var saveBtnText = _ref.saveBtnText,
+      cancelBtnText = _ref.cancelBtnText,
+      props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  var initialValues = {
+    title: '',
+    description: ''
+  };
+  var formSchema = Yup.object().shape({
+    title: Yup.string().required("Required")
+  });
+  var sections = [{
+    title: "Folder Name",
+    body: [/*#__PURE__*/_react.default.createElement(_TextField.default, {
+      label: "Title",
+      name: "title"
+    }), /*#__PURE__*/_react.default.createElement(_CustomTextarea.default, {
+      label: "Discription",
+      name: "description"
+    })],
+    hideTitle: true
+  }];
+
+  var onCreate = function onCreate(values) {
+    var folder = (0, _objectSpread2.default)({}, values);
+    var date = new Date();
+    folder.date = date.toISOString().split('T')[0];
+    props.saveHandler(folder);
+  };
+
+  var cancelHandler = function cancelHandler() {
+    props.cancelHandler();
+  };
+
+  return /*#__PURE__*/_react.default.createElement(_ReusableForm.default, Object.assign((_Object$assign = {
+    formTitle: "Add Photo",
+    initialValues: initialValues,
+    formSchema: formSchema,
+    sections: sections,
+    headerStyles: props.headerStyles,
+    saveBtnText: saveBtnText,
+    cancelBtnText: cancelBtnText,
+    saveHandler: onCreate,
+    cancelHandler: cancelHandler
+  }, (0, _defineProperty2.default)(_Object$assign, "headerStyles", {
+    padding: 10,
+    headerBackground: 'black',
+    titleColor: '#ffff'
+  }), (0, _defineProperty2.default)(_Object$assign, "sectionPadding", 10), (0, _defineProperty2.default)(_Object$assign, "bodyRowGap", 10), _Object$assign), props.formStyles));
+};
+
+CreateFolder.defaultProps = {};
+var _default = CreateFolder;
+exports.default = _default;

package/dist/stories/Forms/CreateSong/CreateSong.js

@@ -0,0 +1,98 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/taggedTemplateLiteral"));
+
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var Yup = _interopRequireWildcard(require("yup"));
+
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+
+var _ReusableForm = _interopRequireDefault(require("../../Reusable Components/ReusableForm/ReusableForm"));
+
+var _TextField = _interopRequireDefault(require("../../Common Inputs/TextField/TextField"));
+
+var _CustomDropZone = _interopRequireDefault(require("../../Common Inputs/CustomDropzone/CustomDropZone"));
+
+var _templateObject;
+
+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); }
+
+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; }
+
+var AddSong = function AddSong(props) {
+  var initialValues = {
+    song: null,
+    cover: null,
+    title: '',
+    artist: ''
+  };
+  var formSchema = Yup.object().shape({
+    title: Yup.string().required("Required"),
+    artist: Yup.string().required('Required')
+  });
+  var sections = [{
+    title: "Announcment Details",
+    body: [/*#__PURE__*/_react.default.createElement(_CustomDropZone.default, {
+      fileType: "audio/*",
+      inputContent: "Insert Song",
+      label: "Upload Song",
+      name: "song"
+    }), /*#__PURE__*/_react.default.createElement(_CustomDropZone.default, {
+      inputContent: "Song Cover",
+      label: "Upload Cover",
+      name: "cover"
+    }), /*#__PURE__*/_react.default.createElement(_TextField.default, {
+      label: "Title",
+      name: "title"
+    }), /*#__PURE__*/_react.default.createElement(_TextField.default, {
+      label: "Artist",
+      name: "artist"
+    })],
+    hideTitle: true
+  }];
+
+  var onCreate = function onCreate(values) {
+    var album = (0, _objectSpread2.default)({}, values);
+    var date = new Date();
+    album.date = date;
+    props.saveHandler(album);
+  };
+
+  var cancelHandler = function cancelHandler() {
+    props.cancelHandler();
+  };
+
+  return /*#__PURE__*/_react.default.createElement(Container, null, /*#__PURE__*/_react.default.createElement(_ReusableForm.default, Object.assign({
+    formTitle: "Create Album",
+    initialValues: initialValues,
+    formSchema: formSchema,
+    sections: sections,
+    saveBtnText: props.saveBtnText,
+    cancelBtnText: props.cancelBtnText,
+    saveHandler: onCreate,
+    cancelHandler: cancelHandler,
+    headerStyles: {
+      padding: 10,
+      headerBackground: 'black',
+      titleColor: '#ffff'
+    },
+    sectionPadding: 10,
+    bodyRowGap: 10
+  }, props.formStyles)));
+};
+
+var Container = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n\n"])));
+
+AddSong.defaultProps = {};
+var _default = AddSong;
+exports.default = _default;

package/dist/stories/Modals/AddPhotoAlbum/AddPhotoAlbum.js

@@ -0,0 +1,38 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _CreateAlbum = _interopRequireDefault(require("../../Forms/CreateAlbum/CreateAlbum"));
+
+var _ReactModal = _interopRequireDefault(require("../../Reusable Components/ReactModal/ReactModal"));
+
+var _excluded = ["showModal", "onAddAlbum", "closeModal"];
+
+var AddPhotoAlbum = function AddPhotoAlbum(_ref) {
+  var showModal = _ref.showModal,
+      onAddAlbum = _ref.onAddAlbum,
+      closeModal = _ref.closeModal,
+      props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  return /*#__PURE__*/_react.default.createElement(_ReactModal.default, {
+    modalIsOpen: showModal,
+    closeModal: closeModal,
+    exitModalButton: function exitModalButton(e) {
+      return /*#__PURE__*/_react.default.createElement("div", null);
+    }
+  }, /*#__PURE__*/_react.default.createElement(_CreateAlbum.default, {
+    saveHandler: onAddAlbum,
+    cancelHandler: closeModal
+  }));
+};
+
+var _default = AddPhotoAlbum;
+exports.default = _default;