@mohamed-karawia/library 0.1.21 → 0.1.24

package/dist/stories/Modals/MusicAlbumsConfigModal/MusicAlbumsConfigModal.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 _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _ViewMusicAlbums = _interopRequireDefault(require("../../Spaces/ViewMusicAlbums/ViewMusicAlbums"));
+
+var _ReactModal = _interopRequireDefault(require("../../Reusable Components/ReactModal/ReactModal"));
+
+var _Tabs = _interopRequireDefault(require("../../Reusable Components/Tabs/Tabs"));
+
+var _MusicAlbumsPreview = _interopRequireDefault(require("../../PreviewComponents/MusicAlbumsPreview/MusicAlbumsPreview"));
+
+var _Community = _interopRequireDefault(require("../../Reusable Components/Community/Community"));
+
+var _excluded = ["showConfigModal", "cancelConfig", "albums", "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); }
+
+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 MusicAlbumsConfigModal = function MusicAlbumsConfigModal(_ref) {
+  var showConfigModal = _ref.showConfigModal,
+      cancelConfig = _ref.cancelConfig,
+      albums = _ref.albums,
+      community = _ref.community,
+      props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+
+  var _useState = (0, _react.useState)( /*#__PURE__*/_react.default.createElement(_ViewMusicAlbums.default, {
+    preview: true,
+    albums: albums
+  })),
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+      centerContext = _useState2[0],
+      setCenterContext = _useState2[1];
+
+  var formChanged = function formChanged(values) {
+    setCenterContext( /*#__PURE__*/_react.default.createElement(_ViewMusicAlbums.default, Object.assign({
+      preview: true,
+      albums: albums
+    }, values)));
+  };
+
+  var tabs = [{
+    title: "New",
+    id: "preview"
+  }, {
+    title: "Context",
+    id: "community"
+  }];
+  return /*#__PURE__*/_react.default.createElement(_ReactModal.default, {
+    modalIsOpen: showConfigModal,
+    closeModal: cancelConfig,
+    exitModalButton: function exitModalButton(e) {
+      return /*#__PURE__*/_react.default.createElement("div", null);
+    }
+  }, /*#__PURE__*/_react.default.createElement(_Tabs.default, {
+    title: "Albums Config",
+    tabs: tabs
+  }, /*#__PURE__*/_react.default.createElement(_MusicAlbumsPreview.default, {
+    componentProps: {
+      albums: albums,
+      title: "Music Albums",
+      preview: true
+    },
+    formChanged: formChanged,
+    id: "preview"
+  }), /*#__PURE__*/_react.default.createElement(_Community.default, {
+    center: centerContext,
+    community: community,
+    id: "community"
+  })));
+};
+
+MusicAlbumsConfigModal.defaultProps = {};
+var _default = MusicAlbumsConfigModal;
+exports.default = _default;

package/dist/stories/Modals/NotesConfigModal/NotesConfigModal.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 _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _NotesList = _interopRequireDefault(require("../../Spaces/NotesList/NotesList"));
+
+var _ReactModal = _interopRequireDefault(require("../../Reusable Components/ReactModal/ReactModal"));
+
+var _NotesPreview = _interopRequireDefault(require("../../PreviewComponents/NotesPreview/NotesPreview"));
+
+var _Community = _interopRequireDefault(require("../../Reusable Components/Community/Community"));
+
+var _Tabs = _interopRequireDefault(require("../../Reusable Components/Tabs/Tabs"));
+
+var _excluded = ["showConfigModal", "cancelConfig", "notes", "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); }
+
+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 NotesConfigModal = function NotesConfigModal(_ref) {
+  var showConfigModal = _ref.showConfigModal,
+      cancelConfig = _ref.cancelConfig,
+      notes = _ref.notes,
+      community = _ref.community,
+      props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+
+  var _useState = (0, _react.useState)( /*#__PURE__*/_react.default.createElement(_NotesList.default, {
+    preview: true,
+    notes: notes
+  })),
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+      centerContext = _useState2[0],
+      setCenterContext = _useState2[1];
+
+  var formChanged = function formChanged(values) {
+    setCenterContext( /*#__PURE__*/_react.default.createElement(_NotesList.default, Object.assign({
+      preview: true,
+      notes: notes
+    }, values)));
+  };
+
+  var tabs = [{
+    title: 'New',
+    id: 'preview'
+  }, {
+    title: 'Context',
+    id: 'community'
+  }];
+  return /*#__PURE__*/_react.default.createElement(_ReactModal.default, {
+    modalIsOpen: showConfigModal,
+    closeModal: cancelConfig,
+    exitModalButton: function exitModalButton(e) {
+      return /*#__PURE__*/_react.default.createElement("div", null);
+    }
+  }, /*#__PURE__*/_react.default.createElement(_Tabs.default, {
+    title: "Notes Config",
+    tabs: tabs
+  }, /*#__PURE__*/_react.default.createElement(_NotesPreview.default, {
+    componentProps: {
+      notes: notes,
+      title: props.title || "Your Notes",
+      preview: true
+    },
+    formChanged: formChanged,
+    id: "preview"
+  }), /*#__PURE__*/_react.default.createElement(_Community.default, {
+    center: centerContext,
+    community: community,
+    id: "community"
+  })));
+};
+
+NotesConfigModal.defaultProps = {};
+var _default = NotesConfigModal;
+exports.default = _default;

package/dist/stories/Modals/PhotoAlbumConfigModal/PhotoAlbumConfigModal.js

@@ -0,0 +1,88 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _ViewPhotoAlbumList = _interopRequireDefault(require("../../Spaces/ViewPhotoAlbumList/ViewPhotoAlbumList"));
+
+var _ReactModal = _interopRequireDefault(require("../../Reusable Components/ReactModal/ReactModal"));
+
+var _PhotoAlbumPreview = _interopRequireDefault(require("../../PreviewComponents/PhotoAlbumPreview/PhotoAlbumPreview"));
+
+var _Tabs = _interopRequireDefault(require("../../Reusable Components/Tabs/Tabs"));
+
+var _Community = _interopRequireDefault(require("../../Reusable Components/Community/Community"));
+
+var _excluded = ["showConfigModal", "cancelConfig", "album", "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); }
+
+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 PhotoAlbumConfigModal = function PhotoAlbumConfigModal(_ref) {
+  var showConfigModal = _ref.showConfigModal,
+      cancelConfig = _ref.cancelConfig,
+      album = _ref.album,
+      community = _ref.community,
+      props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+
+  var _useState = (0, _react.useState)( /*#__PURE__*/_react.default.createElement(_ViewPhotoAlbumList.default, {
+    preview: true,
+    album: album
+  })),
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+      centerContext = _useState2[0],
+      setCenterContext = _useState2[1];
+
+  var formChanged = function formChanged(values) {
+    setCenterContext( /*#__PURE__*/_react.default.createElement(_ViewPhotoAlbumList.default, Object.assign({
+      preview: true,
+      album: album
+    }, values)));
+  };
+
+  var tabs = [{
+    title: 'New',
+    id: 'preview'
+  }, {
+    title: 'Context',
+    id: 'community'
+  }];
+  return /*#__PURE__*/_react.default.createElement(_ReactModal.default, {
+    modalIsOpen: showConfigModal,
+    closeModal: cancelConfig,
+    exitModalButton: function exitModalButton(e) {
+      return /*#__PURE__*/_react.default.createElement("div", null);
+    }
+  }, /*#__PURE__*/_react.default.createElement(_Tabs.default, {
+    title: "Photo Album Config",
+    tabs: tabs,
+    id: "styling"
+  }, /*#__PURE__*/_react.default.createElement(_PhotoAlbumPreview.default, {
+    componentProps: {
+      album: album,
+      title: props.title || 'Photo Album',
+      preview: true
+    },
+    formChanged: formChanged,
+    id: "preview"
+  }), /*#__PURE__*/_react.default.createElement(_Community.default, {
+    center: centerContext,
+    community: community,
+    id: "community"
+  })));
+};
+
+PhotoAlbumConfigModal.defaultProps = {};
+var _default = PhotoAlbumConfigModal;
+exports.default = _default;

package/dist/stories/Modals/PhotoAlbumsConfigModal/PhotoAlbumsConfigModal.js

@@ -0,0 +1,88 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _ViewPhotoAlbums = _interopRequireDefault(require("../../Spaces/ViewPhotoAlbums/ViewPhotoAlbums"));
+
+var _ReactModal = _interopRequireDefault(require("../../Reusable Components/ReactModal/ReactModal"));
+
+var _PhotoAlbumsPreview = _interopRequireDefault(require("../../PreviewComponents/PhotoAlbumsPreview/PhotoAlbumsPreview"));
+
+var _Tabs = _interopRequireDefault(require("../../Reusable Components/Tabs/Tabs"));
+
+var _Community = _interopRequireDefault(require("../../Reusable Components/Community/Community"));
+
+var _excluded = ["showConfigModal", "cancelConfig", "albums", "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); }
+
+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 PhotoAlbumsConfigModal = function PhotoAlbumsConfigModal(_ref) {
+  var showConfigModal = _ref.showConfigModal,
+      cancelConfig = _ref.cancelConfig,
+      albums = _ref.albums,
+      community = _ref.community,
+      props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+
+  var _useState = (0, _react.useState)( /*#__PURE__*/_react.default.createElement(_ViewPhotoAlbums.default, {
+    preview: true,
+    albums: albums
+  })),
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+      centerContext = _useState2[0],
+      setCenterContext = _useState2[1];
+
+  var formChanged = function formChanged(values) {
+    setCenterContext( /*#__PURE__*/_react.default.createElement(_ViewPhotoAlbums.default, Object.assign({
+      preview: true,
+      albums: albums
+    }, values)));
+  };
+
+  var tabs = [{
+    title: 'New',
+    id: 'preview'
+  }, {
+    title: 'Context',
+    id: 'community'
+  }];
+  return /*#__PURE__*/_react.default.createElement(_ReactModal.default, {
+    modalIsOpen: showConfigModal,
+    closeModal: cancelConfig,
+    exitModalButton: function exitModalButton(e) {
+      return /*#__PURE__*/_react.default.createElement("div", null);
+    }
+  }, /*#__PURE__*/_react.default.createElement(_Tabs.default, {
+    title: "Photo Albums Config",
+    tabs: tabs,
+    id: "styling"
+  }, /*#__PURE__*/_react.default.createElement(_PhotoAlbumsPreview.default, {
+    componentProps: {
+      albums: albums,
+      title: props.title || 'Photo Albums',
+      preview: true
+    },
+    formChanged: formChanged,
+    id: "preview"
+  }), /*#__PURE__*/_react.default.createElement(_Community.default, {
+    center: centerContext,
+    community: community,
+    id: "community"
+  })));
+};
+
+PhotoAlbumsConfigModal.defaultProps = {};
+var _default = PhotoAlbumsConfigModal;
+exports.default = _default;

package/dist/stories/Modals/ShowImgModal/ShowImgModal.js

@@ -0,0 +1,62 @@
+"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 _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+
+var _ai = require("react-icons/ai");
+
+var _ReactModal = _interopRequireDefault(require("../../Reusable Components/ReactModal/ReactModal"));
+
+var _ViewDetailedPhoto = _interopRequireDefault(require("../../Spaces/ViewDetailedPhoto/ViewDetailedPhoto"));
+
+var _templateObject, _templateObject2, _templateObject3, _templateObject4;
+
+var _excluded = ["showImgModal", "closeModal", "prevPhoto", "nextPhoto", "openedImg"];
+
+var ShowImgModal = function ShowImgModal(_ref) {
+  var showImgModal = _ref.showImgModal,
+      closeModal = _ref.closeModal,
+      prevPhoto = _ref.prevPhoto,
+      nextPhoto = _ref.nextPhoto,
+      openedImg = _ref.openedImg,
+      props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  return /*#__PURE__*/_react.default.createElement(_ReactModal.default, {
+    modalIsOpen: showImgModal,
+    closeModal: closeModal,
+    exitModalButton: function exitModalButton(e) {
+      return /*#__PURE__*/_react.default.createElement("div", null);
+    },
+    width: "70vw",
+    height: "90vh"
+  }, /*#__PURE__*/_react.default.createElement(CloseIconContainer, {
+    onClick: closeModal
+  }, /*#__PURE__*/_react.default.createElement(_ai.AiOutlineClose, null)), /*#__PURE__*/_react.default.createElement(LeftIconContainer, {
+    onClick: prevPhoto
+  }, /*#__PURE__*/_react.default.createElement(_ai.AiOutlineArrowLeft, null)), /*#__PURE__*/_react.default.createElement(_ViewDetailedPhoto.default, {
+    cardClicked: nextPhoto,
+    img: openedImg
+  }), /*#__PURE__*/_react.default.createElement(RightIconContainer, {
+    onClick: nextPhoto
+  }, /*#__PURE__*/_react.default.createElement(_ai.AiOutlineArrowRight, null)));
+};
+
+var IconContainer = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n    width: 30px;\n    height: 30px;\n    background-color: #757575;\n    position: absolute;\n    transform: translateY(-50%);\n    top: 50%;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    border-radius: 50rem;\n    z-index: 999;\n    cursor: pointer;\n    opacity: .4;\n    transition: all .2s;\n\n    &:hover{\n        opacity: 1;\n        transform: scale(1.1) translateY(-50%);\n    }\n\n    svg{\n        color: white;\n    }\n    \n"])));
+
+var CloseIconContainer = _styledComponents.default.div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n    position: absolute;\n    z-index: 999;\n    right: 10px;\n    top: 10px;\n    cursor: pointer;\n\n    svg{\n        color: white;\n    }\n"])));
+
+var LeftIconContainer = (0, _styledComponents.default)(IconContainer)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n   left: 10px;\n"])));
+var RightIconContainer = (0, _styledComponents.default)(IconContainer)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n    right: 10px;\n"])));
+var _default = ShowImgModal;
+exports.default = _default;

package/dist/stories/Modals/VideoAlbumConfigModal/VideoAlbumConfigModal.js

@@ -0,0 +1,88 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _ViewVideoAlbumList = _interopRequireDefault(require("../../Spaces/ViewVideoAlbumList/ViewVideoAlbumList"));
+
+var _ReactModal = _interopRequireDefault(require("../../Reusable Components/ReactModal/ReactModal"));
+
+var _Tabs = _interopRequireDefault(require("../../Reusable Components/Tabs/Tabs"));
+
+var _VideoAlbumPreview = _interopRequireDefault(require("../../PreviewComponents/VideoAlbumPreview/VideoAlbumPreview"));
+
+var _Community = _interopRequireDefault(require("../../Reusable Components/Community/Community"));
+
+var _excluded = ["showConfigModal", "cancelConfig", "album", "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); }
+
+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 VideoAlbumConfig = function VideoAlbumConfig(_ref) {
+  var showConfigModal = _ref.showConfigModal,
+      cancelConfig = _ref.cancelConfig,
+      album = _ref.album,
+      community = _ref.community,
+      props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+
+  var _useState = (0, _react.useState)( /*#__PURE__*/_react.default.createElement(_ViewVideoAlbumList.default, {
+    preview: true,
+    album: album
+  })),
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+      centerContext = _useState2[0],
+      setCenterContext = _useState2[1];
+
+  var formChanged = function formChanged(values) {
+    console.log('context changed');
+    setCenterContext( /*#__PURE__*/_react.default.createElement(_ViewVideoAlbumList.default, Object.assign({
+      preview: true,
+      album: album
+    }, values)));
+  };
+
+  var tabs = [{
+    title: 'New',
+    id: 'preview'
+  }, {
+    title: 'Context',
+    id: 'community'
+  }];
+  return /*#__PURE__*/_react.default.createElement(_ReactModal.default, {
+    modalIsOpen: showConfigModal,
+    closeModal: cancelConfig,
+    exitModalButton: function exitModalButton(e) {
+      return /*#__PURE__*/_react.default.createElement("div", null);
+    }
+  }, /*#__PURE__*/_react.default.createElement(_Tabs.default, {
+    title: "Video Album Config",
+    tabs: tabs,
+    id: "styling"
+  }, /*#__PURE__*/_react.default.createElement(_VideoAlbumPreview.default, {
+    componentProps: {
+      album: album,
+      preview: true
+    },
+    formChanged: formChanged,
+    id: "preview"
+  }), /*#__PURE__*/_react.default.createElement(_Community.default, {
+    center: centerContext,
+    community: community,
+    id: "community"
+  })));
+};
+
+VideoAlbumConfig.defaultProps = {};
+var _default = VideoAlbumConfig;
+exports.default = _default;

package/dist/stories/Modals/VideoAlbumsConfigModal/VideoAlbumsConfigModal.js

@@ -0,0 +1,89 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _ViewVideoAlbums = _interopRequireDefault(require("../../Spaces/ViewVideoAlbums/ViewVideoAlbums"));
+
+var _ReactModal = _interopRequireDefault(require("../../Reusable Components/ReactModal/ReactModal"));
+
+var _Tabs = _interopRequireDefault(require("../../Reusable Components/Tabs/Tabs"));
+
+var _Sections = _interopRequireDefault(require("../../Reusable Components/Sections/Sections"));
+
+var _VideoAlbumsPreview = _interopRequireDefault(require("../../PreviewComponents/VideoAlbumsPreview/VideoAlbumsPreview"));
+
+var _Community = _interopRequireDefault(require("../../Reusable Components/Community/Community"));
+
+var _excluded = ["showConfigModal", "cancelConfig", "videoAlbums", "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); }
+
+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 VideoAlbumsConfigModal = function VideoAlbumsConfigModal(_ref) {
+  var showConfigModal = _ref.showConfigModal,
+      cancelConfig = _ref.cancelConfig,
+      videoAlbums = _ref.videoAlbums,
+      community = _ref.community,
+      props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+
+  var _useState = (0, _react.useState)( /*#__PURE__*/_react.default.createElement(_ViewVideoAlbums.default, {
+    preview: true,
+    videoAlbums: videoAlbums
+  })),
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+      centerContext = _useState2[0],
+      setCenterContext = _useState2[1];
+
+  var formChanged = function formChanged(values) {
+    setCenterContext( /*#__PURE__*/_react.default.createElement(_ViewVideoAlbums.default, Object.assign({
+      preview: true,
+      videoAlbums: videoAlbums
+    }, values)));
+  };
+
+  var tabs = [{
+    title: 'New',
+    id: 'preview'
+  }, {
+    title: 'Context',
+    id: 'community'
+  }];
+  return /*#__PURE__*/_react.default.createElement(_ReactModal.default, {
+    modalIsOpen: showConfigModal,
+    closeModal: cancelConfig,
+    exitModalButton: function exitModalButton(e) {
+      return /*#__PURE__*/_react.default.createElement("div", null);
+    }
+  }, /*#__PURE__*/_react.default.createElement(_Tabs.default, {
+    title: "Video Gallery Config",
+    tabs: tabs,
+    id: "styling"
+  }, /*#__PURE__*/_react.default.createElement(_VideoAlbumsPreview.default, {
+    componentProps: {
+      videoAlbums: videoAlbums,
+      preview: true
+    },
+    formChanged: formChanged,
+    id: "preview"
+  }), /*#__PURE__*/_react.default.createElement(_Community.default, {
+    center: centerContext,
+    community: community,
+    id: "community"
+  })));
+};
+
+VideoAlbumsConfigModal.defaultProps = {};
+var _default = VideoAlbumsConfigModal;
+exports.default = _default;