@mohamed-karawia/library 0.1.21 → 0.1.24

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/Library/Folders/Folders.js

@@ -37,7 +37,7 @@ var _Community = _interopRequireDefault(require("../../Reusable Components/Commu
 
 var _templateObject;
 
-var _excluded = ["folders", "folderTitle", "columnsNumber", "columnGap", "rowGap", "cardClicked", "iconColor"];
+var _excluded = ["folders", "folderTitle", "columnsNumber", "columnGap", "rowGap", "cardClicked", "iconColor", "community"];
 
 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); }
 
@@ -66,6 +66,7 @@ var Folders = function Folders(_ref) {
       rowGap = _ref.rowGap,
       cardClicked = _ref.cardClicked,
       iconColor = _ref.iconColor,
+      community = _ref.community,
       props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
 
   var _useState = (0, _react.useState)(false),
@@ -79,6 +80,7 @@ var Folders = function Folders(_ref) {
       setShowConfigModal = _useState4[1];
 
   var _useState5 = (0, _react.useState)( /*#__PURE__*/_react.default.createElement(Folders, {
+    preview: true,
     folders: folders
   })),
       _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
@@ -87,6 +89,7 @@ var Folders = function Folders(_ref) {
 
   var formChanged = function formChanged(values) {
     setCenterContext( /*#__PURE__*/_react.default.createElement(Folders, Object.assign({
+      preview: true,
       folders: folders
     }, values)));
   };
@@ -109,18 +112,25 @@ var Folders = function Folders(_ref) {
     }]
   }];
 
-  var onIconClicked = function onIconClicked(action) {
-    switch (action) {
-      case 'add':
-        setShowModal(true);
-        break;
-
-      case 'config':
-        setShowConfigModal(true);
-        break;
+  var cancelConfig = function cancelConfig() {
+    setShowConfigModal(false);
+    localStorage.removeItem('formStyles');
+  };
 
-      default:
-        break;
+  var onIconClicked = function onIconClicked(action) {
+    if (!props.preview) {
+      switch (action) {
+        case 'add':
+          setShowModal(true);
+          break;
+
+        case 'config':
+          setShowConfigModal(true);
+          break;
+
+        default:
+          break;
+      }
     }
   };
 
@@ -163,24 +173,24 @@ var Folders = function Folders(_ref) {
     cancelHandler: cancelHandler
   })), /*#__PURE__*/_react.default.createElement(_ReactModal.default, {
     modalIsOpen: showConfigModal,
-    closeModal: function closeModal() {
-      return setShowConfigModal(false);
-    },
+    closeModal: cancelConfig,
     exitModalButton: function exitModalButton(e) {
       return /*#__PURE__*/_react.default.createElement("div", null);
     }
   }, /*#__PURE__*/_react.default.createElement(_Tabs.default, {
-    title: "Event Config",
+    title: "Folders Config",
     tabs: tabs
   }, /*#__PURE__*/_react.default.createElement(_FoldersPreview.default, {
     componentProps: {
       folders: folders,
-      title: props.title || "Your Folders"
+      title: props.title || "Your Folders",
+      preview: true
     },
     formChanged: formChanged,
     id: "preview"
   }), /*#__PURE__*/_react.default.createElement(_Community.default, {
     center: centerContext,
+    community: community,
     id: "community"
   }))));
 };

package/dist/stories/Library/Notes/Notes.js

@@ -37,7 +37,7 @@ var _Community = _interopRequireDefault(require("../../Reusable Components/Commu
 
 var _templateObject;
 
-var _excluded = ["notes", "iconColor", "cardTitleFontSize", "cardTitleColor", "cardPadding"];
+var _excluded = ["notes", "iconColor", "cardTitleFontSize", "cardTitleColor", "cardPadding", "community"];
 
 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); }
 
@@ -64,6 +64,7 @@ var Notes = function Notes(_ref) {
       cardTitleFontSize = _ref.cardTitleFontSize,
       cardTitleColor = _ref.cardTitleColor,
       cardPadding = _ref.cardPadding,
+      community = _ref.community,
       props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
 
   var _useState = (0, _react.useState)(false),
@@ -77,6 +78,7 @@ var Notes = function Notes(_ref) {
       setShowConfigModal = _useState4[1];
 
   var _useState5 = (0, _react.useState)( /*#__PURE__*/_react.default.createElement(Notes, {
+    preview: true,
     notes: notes
   })),
       _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
@@ -85,6 +87,7 @@ var Notes = function Notes(_ref) {
 
   var formChanged = function formChanged(values) {
     setCenterContext( /*#__PURE__*/_react.default.createElement(Notes, Object.assign({
+      preview: true,
       notes: notes
     }, values)));
   };
@@ -108,17 +111,19 @@ var Notes = function Notes(_ref) {
   }];
 
   var onIconClicked = function onIconClicked(action) {
-    switch (action) {
-      case 'add':
-        setShowModal(true);
-        break;
-
-      case 'config':
-        setShowConfigModal(true);
-        break;
-
-      default:
-        break;
+    if (!props.preview) {
+      switch (action) {
+        case 'add':
+          setShowModal(true);
+          break;
+
+        case 'config':
+          setShowConfigModal(true);
+          break;
+
+        default:
+          break;
+      }
     }
   };
 
@@ -139,6 +144,11 @@ var Notes = function Notes(_ref) {
     setShowModal(false);
   };
 
+  var cancelConfig = function cancelConfig() {
+    setShowConfigModal(false);
+    localStorage.removeItem('formStyles');
+  };
+
   return /*#__PURE__*/_react.default.createElement(Container, null, /*#__PURE__*/_react.default.createElement(_ReusableList.default, Object.assign({
     listTitle: props.title || "My Notes",
     data: notes,
@@ -164,23 +174,24 @@ var Notes = function Notes(_ref) {
     cancelHandler: cancelHandler
   })), /*#__PURE__*/_react.default.createElement(_ReactModal.default, {
     modalIsOpen: showConfigModal,
-    closeModal: function closeModal() {
-      return setShowConfigModal(false);
-    },
+    closeModal: cancelConfig,
     exitModalButton: function exitModalButton(e) {
       return /*#__PURE__*/_react.default.createElement("div", null);
     }
   }, /*#__PURE__*/_react.default.createElement(_Tabs.default, {
-    title: "Event Config",
+    title: "Notes Config",
     tabs: tabs
   }, /*#__PURE__*/_react.default.createElement(_NotesPreview.default, {
     componentProps: {
       notes: notes,
-      title: props.title || "Your Notes"
+      title: props.title || "Your Notes",
+      preview: true
     },
-    formChanged: formChanged
+    formChanged: formChanged,
+    id: "preview"
   }), /*#__PURE__*/_react.default.createElement(_Community.default, {
     center: centerContext,
+    community: community,
     id: "community"
   }))));
 };

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;

package/dist/stories/Modals/AddPhotoModal/AddPhotoModal.js

@@ -0,0 +1,40 @@
+"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 _ReactModal = _interopRequireDefault(require("../../Reusable Components/ReactModal/ReactModal"));
+
+var _AddPhoto = _interopRequireDefault(require("../../Forms/AddPhoto/AddPhoto"));
+
+var _excluded = ["showModal", "onAddPhoto", "closeModal"];
+
+var AddPhotoModal = function AddPhotoModal(_ref) {
+  var showModal = _ref.showModal,
+      onAddPhoto = _ref.onAddPhoto,
+      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(_AddPhoto.default, {
+    saveHandler: onAddPhoto,
+    cancelHandler: closeModal,
+    saveBtnText: props.saveBtnText || 'Add',
+    cancelBtnText: props.cancelBtnText || 'Cancel'
+  }));
+};
+
+var _default = AddPhotoModal;
+exports.default = _default;

package/dist/stories/Modals/AddSongModal/AddSongModal.js

@@ -0,0 +1,41 @@
+"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 _ReactModal = _interopRequireDefault(require("../../Reusable Components/ReactModal/ReactModal"));
+
+var _CreateSong = _interopRequireDefault(require("../../Forms/CreateSong/CreateSong"));
+
+var _excluded = ["showModal", "closeModal", "onAddSong"];
+
+var AddSongModal = function AddSongModal(_ref) {
+  var showModal = _ref.showModal,
+      closeModal = _ref.closeModal,
+      onAddSong = _ref.onAddSong,
+      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(_CreateSong.default, {
+    saveHandler: onAddSong,
+    cancelHandler: closeModal,
+    saveBtnText: props.saveBtnText || "Create",
+    cancelBtnText: props.cancelBtnText || "Cancel"
+  }));
+};
+
+AddSongModal.defaultProps = {};
+var _default = AddSongModal;
+exports.default = _default;

package/dist/stories/Modals/AddVideoAlbumModal/AddVideoAlbumModal.js

@@ -0,0 +1,41 @@
+"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 _ReactModal = _interopRequireDefault(require("../../Reusable Components/ReactModal/ReactModal"));
+
+var _CreateVideoAlbum = _interopRequireDefault(require("../../Forms/CreateVideoAlbum/CreateVideoAlbum"));
+
+var _excluded = ["showModal", "onAddAlbum", "closeModal"];
+
+var AddVideoAlbumModal = function AddVideoAlbumModal(_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(_CreateVideoAlbum.default, {
+    saveHandler: onAddAlbum,
+    cancelHandler: closeModal,
+    saveBtnText: "Create",
+    cancelBtnText: "Cancel"
+  }));
+};
+
+AddVideoAlbumModal.defaultProps = {};
+var _default = AddVideoAlbumModal;
+exports.default = _default;