@mohamed-karawia/library 0.1.22 → 0.1.23

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;

package/dist/stories/Modals/VideoConfigModal/VideoConfigModal.js

@@ -0,0 +1,99 @@
+"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 _ViewVideo = _interopRequireDefault(require("../../Spaces/ViewVideo/ViewVideo"));
+
+var _ReactModal = _interopRequireDefault(require("../../Reusable Components/ReactModal/ReactModal"));
+
+var _VideoPreview = _interopRequireDefault(require("../../PreviewComponents/VideoPreview/VideoPreview"));
+
+var _Community = _interopRequireDefault(require("../../Reusable Components/Community/Community"));
+
+var _Tabs = _interopRequireDefault(require("../../Reusable Components/Tabs/Tabs"));
+
+var _excluded = ["showConfigModal", "cancelConfig", "community", "videoSrc", "title", "discription", "date", "users", "comments"];
+
+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 VideoConfigModal = function VideoConfigModal(_ref) {
+  var showConfigModal = _ref.showConfigModal,
+      cancelConfig = _ref.cancelConfig,
+      community = _ref.community,
+      videoSrc = _ref.videoSrc,
+      title = _ref.title,
+      discription = _ref.discription,
+      date = _ref.date,
+      users = _ref.users,
+      comments = _ref.comments,
+      props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+
+  var _useState = (0, _react.useState)( /*#__PURE__*/_react.default.createElement(_ViewVideo.default, {
+    users: users,
+    preview: true,
+    videoSrc: videoSrc,
+    comments: comments
+  })),
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+      centerContext = _useState2[0],
+      setCenterContext = _useState2[1];
+
+  var formChanged = function formChanged(values) {
+    setCenterContext( /*#__PURE__*/_react.default.createElement(_ViewVideo.default, Object.assign({
+      users: users,
+      preview: true,
+      videoSrc: videoSrc,
+      comments: comments
+    }, 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 Space Config",
+    tabs: tabs,
+    id: "styling"
+  }, /*#__PURE__*/_react.default.createElement(_VideoPreview.default, {
+    componentProps: {
+      title: title,
+      discription: discription,
+      comments: comments,
+      date: date,
+      preview: true
+    },
+    formChanged: formChanged,
+    id: "preview"
+  }), /*#__PURE__*/_react.default.createElement(_Community.default, {
+    center: centerContext,
+    community: community,
+    id: "community"
+  })));
+};
+
+VideoConfigModal.defaultProps = {};
+var _default = VideoConfigModal;
+exports.default = _default;

package/dist/stories/Pages/Chat/Chat.js

@@ -31,7 +31,7 @@ var _styles = _interopRequireDefault(require("../ViewWorld/styles.json"));
 
 var _constatnts = require("../ViewWorld/constatnts");
 
-var _Chat = _interopRequireDefault(require("../../Chat/Chat"));
+var _Chat = _interopRequireDefault(require("../../Spaces/Chat/Chat"));
 
 var _excluded = ["users", "data"];
 

package/dist/stories/Pages/Events/Event/Event.js

@@ -25,7 +25,7 @@ var _SpaceContainer = _interopRequireDefault(require("../../../Reusable Componen
 
 var _WidgetContainer = _interopRequireDefault(require("../../../Reusable Components/WidgetContainer/WidgetContainer"));
 
-var _Event = _interopRequireDefault(require("../../../Events/Event/Event"));
+var _Event = _interopRequireDefault(require("../../../Spaces/ViewEvent/Event"));
 
 var _styles = _interopRequireDefault(require("../../ViewWorld/styles.json"));
 

package/dist/stories/Pages/Events/Events/Events.js

@@ -27,7 +27,7 @@ var _SpaceContainer = _interopRequireDefault(require("../../../Reusable Componen
 
 var _WidgetContainer = _interopRequireDefault(require("../../../Reusable Components/WidgetContainer/WidgetContainer"));
 
-var _EventsList = _interopRequireDefault(require("../../../Events/EventsList/EventsList"));
+var _EventsList = _interopRequireDefault(require("../../../Spaces/EventsList/EventsList"));
 
 var _util = require("../../../helpers/util");
 

package/dist/stories/Pages/Library/Folders/Library.js

@@ -27,7 +27,7 @@ var _SpaceContainer = _interopRequireDefault(require("../../../Reusable Componen
 
 var _WidgetContainer = _interopRequireDefault(require("../../../Reusable Components/WidgetContainer/WidgetContainer"));
 
-var _Folders = _interopRequireDefault(require("../../../Library/Folders/Folders"));
+var _ViewFolders = _interopRequireDefault(require("../../../Spaces/ViewFolders/ViewFolders"));
 
 var _util = require("../../../helpers/util");
 
@@ -120,7 +120,7 @@ var Library = function Library(props) {
     title: "Music Album",
     discription: "Lorem ipsum dolor sit amet consectetur.",
     hideTitle: true
-  }, /*#__PURE__*/_react.default.createElement(_Folders.default, {
+  }, /*#__PURE__*/_react.default.createElement(_ViewFolders.default, {
     folders: folders,
     folderTitle: "Your Folders",
     columnsNumber: 3,

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

@@ -27,7 +27,7 @@ var _SpaceContainer = _interopRequireDefault(require("../../../Reusable Componen
 
 var _WidgetContainer = _interopRequireDefault(require("../../../Reusable Components/WidgetContainer/WidgetContainer"));
 
-var _Notes = _interopRequireDefault(require("../../../Library/Notes/Notes"));
+var _NotesList = _interopRequireDefault(require("../../../Spaces/NotesList/NotesList"));
 
 var _util = require("../../../helpers/util");
 
@@ -116,7 +116,7 @@ var Notes = function Notes(props) {
     title: "Music Album",
     discription: "Lorem ipsum dolor sit amet consectetur.",
     hideTitle: true
-  }, /*#__PURE__*/_react.default.createElement(_Notes.default, {
+  }, /*#__PURE__*/_react.default.createElement(_NotesList.default, {
     onAddNote: onAddNote,
     cardIconClicked: cardIconClicked,
     notes: notes,

package/dist/stories/Pages/Music/MusicAlbum/Music.js

@@ -21,7 +21,7 @@ var _Right = _interopRequireDefault(require("../../../Layout/Right/Right"));
 
 var _Navbar = _interopRequireDefault(require("../../../Navbar/Navbar"));
 
-var _ViewAlbum = _interopRequireDefault(require("../../../Music Album/ViewAlbum/ViewAlbum"));
+var _ViewMusicAlbumList = _interopRequireDefault(require("../../../Spaces/ViewMusicAlbumList/ViewMusicAlbumList"));
 
 var _BaseMaterial = _interopRequireDefault(require("../../../Containers/BaseMaterial"));
 
@@ -179,7 +179,7 @@ var Music = function Music(props) {
     title: "Music Album",
     discription: "Lorem ipsum dolor sit amet consectetur.",
     hideTitle: true
-  }, /*#__PURE__*/_react.default.createElement(_ViewAlbum.default, {
+  }, /*#__PURE__*/_react.default.createElement(_ViewMusicAlbumList.default, {
     album: album,
     onAddSong: onAddSong,
     cardIconClicked: cardIconClicked,

package/dist/stories/Pages/Music/MusicAlbums/MusicAlbums.js

@@ -21,7 +21,7 @@ var _Right = _interopRequireDefault(require("../../../Layout/Right/Right"));
 
 var _Navbar = _interopRequireDefault(require("../../../Navbar/Navbar"));
 
-var _ViewAlbums = _interopRequireDefault(require("../../../Music Album/ViewAlbums/ViewAlbums"));
+var _ViewMusicAlbums = _interopRequireDefault(require("../../../Spaces/ViewMusicAlbums/ViewMusicAlbums"));
 
 var _BaseMaterial = _interopRequireDefault(require("../../../Containers/BaseMaterial"));
 
@@ -161,7 +161,7 @@ var MusicAlbums = function MusicAlbums(props) {
     title: "Photo Albums",
     discription: "Lorem ipsum dolor sit amet consectetur.",
     hideTitle: true
-  }, /*#__PURE__*/_react.default.createElement(_ViewAlbums.default, {
+  }, /*#__PURE__*/_react.default.createElement(_ViewMusicAlbums.default, {
     title: "Music Albums",
     albums: albums,
     cardIconClicked: cardIconClicked,

package/dist/stories/Pages/Photos/Album/Album.js

@@ -21,7 +21,7 @@ var _Right = _interopRequireDefault(require("../../../Layout/Right/Right"));
 
 var _Navbar = _interopRequireDefault(require("../../../Navbar/Navbar"));
 
-var _ViewAlbum = _interopRequireDefault(require("../../../Photo Album/ViewAlbum/ViewAlbum"));
+var _ViewPhotoAlbums = _interopRequireDefault(require("../../../Spaces/ViewPhotoAlbums/ViewPhotoAlbums"));
 
 var _BaseMaterial = _interopRequireDefault(require("../../../Containers/BaseMaterial"));
 
@@ -151,7 +151,7 @@ var Album = function Album(props) {
     title: "Photo Albums",
     discription: "Lorem ipsum dolor sit amet consectetur.",
     hideTitle: true
-  }, /*#__PURE__*/_react.default.createElement(_ViewAlbum.default, {
+  }, /*#__PURE__*/_react.default.createElement(_ViewPhotoAlbums.default, {
     album: album,
     addPhoto: onAddPhoto,
     deletePhoto: onDeletePhoto,

package/dist/stories/Pages/Photos/Albums/Albums.js

@@ -21,7 +21,7 @@ var _Right = _interopRequireDefault(require("../../../Layout/Right/Right"));
 
 var _Navbar = _interopRequireDefault(require("../../../Navbar/Navbar"));
 
-var _ViewAlbums = _interopRequireDefault(require("../../../Photo Album/ViewAlbums/ViewAlbums"));
+var _ViewPhotoAlbums = _interopRequireDefault(require("../../../Spaces/ViewPhotoAlbums/ViewPhotoAlbums"));
 
 var _BaseMaterial = _interopRequireDefault(require("../../../Containers/BaseMaterial"));
 
@@ -162,7 +162,7 @@ var Albums = function Albums(props) {
     title: "Photo Albums",
     discription: "Lorem ipsum dolor sit amet consectetur.",
     hideTitle: true
-  }, /*#__PURE__*/_react.default.createElement(_ViewAlbums.default, {
+  }, /*#__PURE__*/_react.default.createElement(_ViewPhotoAlbums.default, {
     albums: albums,
     cardIconClicked: cardIconClicked,
     onDeleteAlbum: onDeleteAlbum,

package/dist/stories/Pages/Video/DetailedVideo/DetailedVideo.js

@@ -29,7 +29,7 @@ var _WidgetContainer = _interopRequireDefault(require("../../../Reusable Compone
 
 var _styles = _interopRequireDefault(require("../../ViewWorld/styles.json"));
 
-var _VideoSpace = _interopRequireDefault(require("../../../VideoAlbum/VideoSpace/VideoSpace"));
+var _ViewVideo = _interopRequireDefault(require("../../../Spaces/ViewVideo/ViewVideo"));
 
 var _constatnts = require("../../ViewWorld/constatnts");
 
@@ -96,7 +96,7 @@ var DetailedVideo = function DetailedVideo(props) {
     title: "Music Album",
     discription: "Lorem ipsum dolor sit amet consectetur.",
     hideTitle: true
-  }, /*#__PURE__*/_react.default.createElement(_VideoSpace.default, {
+  }, /*#__PURE__*/_react.default.createElement(_ViewVideo.default, {
     iconsColor: "white",
     backgroundColor: "white",
     title: "Video Title",

package/dist/stories/Pages/Video/VideoAlbum/Video.js

@@ -29,7 +29,7 @@ var _WidgetContainer = _interopRequireDefault(require("../../../Reusable Compone
 
 var _styles = _interopRequireDefault(require("../../ViewWorld/styles.json"));
 
-var _ViewAlbum = _interopRequireDefault(require("../../../VideoAlbum/ViewAlbum/ViewAlbum"));
+var _ViewVideoAlbumList = _interopRequireDefault(require("../../../Spaces/ViewVideoAlbumList/ViewVideoAlbumList"));
 
 var _constatnts = require("../../ViewWorld/constatnts");
 
@@ -190,7 +190,7 @@ var Video = function Video(props) {
     title: "Music Album",
     discription: "Lorem ipsum dolor sit amet consectetur.",
     hideTitle: true
-  }, /*#__PURE__*/_react.default.createElement(_ViewAlbum.default, {
+  }, /*#__PURE__*/_react.default.createElement(_ViewVideoAlbumList.default, {
     album: album,
     onAddVideo: onAddVideo,
     onDeleteSong: deleteVideoFromAlbum,

package/dist/stories/PreviewComponents/ChatPreview/ChatPreview.js

@@ -144,10 +144,12 @@ var ChatPreview = function ChatPreview(props) {
   }];
 
   var handleChange = function handleChange(values) {
-    if (values) {
-      props.formChanged(values);
-      setChatStyles(values);
-      localStorage.setItem('formStyles', JSON.stringify(values));
+    if (props.formChanged) {
+      if (values) {
+        props.formChanged(values);
+        setChatStyles(values);
+        localStorage.setItem('formStyles', JSON.stringify(values));
+      }
     }
   };
 

package/dist/stories/PreviewComponents/EventPreview/EventPreview.js

@@ -109,10 +109,12 @@ var EventPreview = function EventPreview(props) {
   }];
 
   var handleChange = function handleChange(values) {
-    if (values) {
-      props.formChanged(values);
-      setEventStyles(values);
-      localStorage.setItem('formStyles', JSON.stringify(values));
+    if (props.formChanged) {
+      if (values) {
+        props.formChanged(values);
+        setEventStyles(values);
+        localStorage.setItem('formStyles', JSON.stringify(values));
+      }
     }
   };
 

package/dist/stories/PreviewComponents/EventsPreview/EventsPreview.js

@@ -143,10 +143,12 @@ var EventsPreview = function EventsPreview(props) {
   }];
 
   var handleChange = function handleChange(values) {
-    if (values) {
-      props.formChanged(values);
-      setEventsStyles(values);
-      localStorage.setItem('formStyles', JSON.stringify(values));
+    if (props.formChanged) {
+      if (values) {
+        props.formChanged(values);
+        setEventsStyles(values);
+        localStorage.setItem('formStyles', JSON.stringify(values));
+      }
     }
   };
 

package/dist/stories/PreviewComponents/FoldersPreview/FoldersPreview.js

@@ -133,10 +133,12 @@ var FoldersPreview = function FoldersPreview(props) {
   }];
 
   var handleChange = function handleChange(values) {
-    if (values) {
-      props.formChanged(values);
-      setFoldersStyles(values);
-      localStorage.setItem('formStyles', JSON.stringify(values));
+    if (props.formChanged) {
+      if (values) {
+        props.formChanged(values);
+        setFoldersStyles(values);
+        localStorage.setItem('formStyles', JSON.stringify(values));
+      }
     }
   };
 

package/dist/stories/PreviewComponents/MusicAlbumPreview/MusicAlbumPreview.js

@@ -128,10 +128,12 @@ var MusicAlbum = function MusicAlbum(props) {
   }];
 
   var handleChange = function handleChange(values) {
-    if (values) {
-      props.formChanged(values);
-      setMusicAlbumStyles(values);
-      localStorage.setItem('formStyles', JSON.stringify(values));
+    if (props.formChanged) {
+      if (values) {
+        props.formChanged(values);
+        setMusicAlbumStyles(values);
+        localStorage.setItem('formStyles', JSON.stringify(values));
+      }
     }
   };
 

package/dist/stories/PreviewComponents/MusicAlbumsPreview/MusicAlbumsPreview.js

@@ -131,10 +131,12 @@ var MusicAlbumsPreview = function MusicAlbumsPreview(props) {
   }];
 
   var handleChange = function handleChange(values) {
-    if (values) {
-      props.formChanged(values);
-      setMusicAlbumsStyles(values);
-      localStorage.setItem('formStyles', JSON.stringify(values));
+    if (props.formChanged) {
+      if (values) {
+        props.formChanged(values);
+        setMusicAlbumsStyles(values);
+        localStorage.setItem('formStyles', JSON.stringify(values));
+      }
     }
   };
 
@@ -171,8 +173,7 @@ var MusicAlbumsPreview = function MusicAlbumsPreview(props) {
   })), /*#__PURE__*/_react.default.createElement(_globalStyles.Right, null, /*#__PURE__*/_react.default.createElement(_Preview.default, {
     type: 'MusicAlbums',
     componentProps: props.componentProps,
-    stylingProps: musicAlbumsStyles,
-    da: true
+    stylingProps: musicAlbumsStyles
   })));
 };
 

package/dist/stories/PreviewComponents/MusicPlayerPreview/MusicPlayerPreview.js

@@ -103,10 +103,12 @@ var MusicPlayerPreview = function MusicPlayerPreview(props) {
   }];
 
   var handleChange = function handleChange(values) {
-    if (values) {
-      props.formChanged(values);
-      setMusicPlayerStyles(values);
-      localStorage.setItem('formStyles', JSON.stringify(values));
+    if (props.formChanged) {
+      if (values) {
+        props.formChanged(values);
+        setMusicPlayerStyles(values);
+        localStorage.setItem('formStyles', JSON.stringify(values));
+      }
     }
   };
 

package/dist/stories/PreviewComponents/NavbarPreview/NavbarPreview.js

@@ -64,10 +64,12 @@ var NavbarPreview = function NavbarPreview(props) {
   }];
 
   var handleChange = function handleChange(values) {
-    if (values) {
-      props.formChanged(values);
-      setNavbarStyles(values);
-      localStorage.setItem('formStyles', JSON.stringify(values));
+    if (props.formChanged) {
+      if (values) {
+        props.formChanged(values);
+        setNavbarStyles(values);
+        localStorage.setItem('formStyles', JSON.stringify(values));
+      }
     }
   };
 

package/dist/stories/PreviewComponents/NotesPreview/NotesPreview.js

@@ -124,10 +124,12 @@ var NotesPreview = function NotesPreview(props) {
   }];
 
   var handleChange = function handleChange(values) {
-    if (values) {
-      props.formChanged(values);
-      setNotesStyles(values);
-      localStorage.setItem('formStyles', JSON.stringify(values));
+    if (props.formChanged) {
+      if (values) {
+        props.formChanged(values);
+        setNotesStyles(values);
+        localStorage.setItem('formStyles', JSON.stringify(values));
+      }
     }
   };
 

package/dist/stories/PreviewComponents/PhotoAlbumPreview/PhotoAlbumPreview.js

@@ -140,10 +140,12 @@ var PhotoAlbumPreview = function PhotoAlbumPreview(props) {
   }];
 
   var handleChange = function handleChange(values) {
-    if (values) {
-      props.formChanged(values);
-      setPhotoAlbumStyles(values);
-      localStorage.setItem('formStyles', JSON.stringify(values));
+    if (props.formChanged) {
+      if (values) {
+        props.formChanged(values);
+        setPhotoAlbumStyles(values);
+        localStorage.setItem('formStyles', JSON.stringify(values));
+      }
     }
   };