@mohamed-karawia/library 0.1.4 → 0.1.8

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

@@ -1,22 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Folders = exports.default = void 0;
-
-var _Library = _interopRequireDefault(require("./Library"));
-
-var _default = {
-  title: 'Pages/Library/Folders',
-  component: _Library.default
-};
-exports.default = _default;
-
-var Folders = function Folders(args) {
-  return /*#__PURE__*/React.createElement(_Library.default, args);
-};
-
-exports.Folders = Folders;

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

@@ -1,22 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.ViewNotes = exports.default = void 0;
-
-var _Notes = _interopRequireDefault(require("./Notes"));
-
-var _default = {
-  title: 'Pages/Library/Notes',
-  component: _Notes.default
-};
-exports.default = _default;
-
-var ViewNotes = function ViewNotes(args) {
-  return /*#__PURE__*/React.createElement(_Notes.default, args);
-};
-
-exports.ViewNotes = ViewNotes;

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

@@ -1,22 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Space = exports.default = void 0;
-
-var _Music = _interopRequireDefault(require("./Music"));
-
-var _default = {
-  title: 'Pages/Music/Music Album',
-  component: _Music.default
-};
-exports.default = _default;
-
-var Space = function Space(args) {
-  return /*#__PURE__*/React.createElement(_Music.default, args);
-};
-
-exports.Space = Space;

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

@@ -1,22 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Albums = exports.default = void 0;
-
-var _MusicAlbums = _interopRequireDefault(require("./MusicAlbums"));
-
-var _default = {
-  title: 'pages/Music/Music Albums',
-  component: _MusicAlbums.default
-};
-exports.default = _default;
-
-var Albums = function Albums(args) {
-  return /*#__PURE__*/React.createElement(_MusicAlbums.default, args);
-};
-
-exports.Albums = Albums;

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

@@ -1,22 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.photoAlbum = exports.default = void 0;
-
-var _Album = _interopRequireDefault(require("./Album"));
-
-var _default = {
-  title: 'pages/photos/Album',
-  component: _Album.default
-};
-exports.default = _default;
-
-var photoAlbum = function photoAlbum(args) {
-  return /*#__PURE__*/React.createElement(_Album.default, args);
-};
-
-exports.photoAlbum = photoAlbum;

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

@@ -1,22 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.photoAlbums = exports.default = void 0;
-
-var _Albums = _interopRequireDefault(require("./Albums"));
-
-var _default = {
-  title: 'pages/Photos/Albums',
-  component: _Albums.default
-};
-exports.default = _default;
-
-var photoAlbums = function photoAlbums(args) {
-  return /*#__PURE__*/React.createElement(_Albums.default, args);
-};
-
-exports.photoAlbums = photoAlbums;

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

@@ -1,22 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Video = exports.default = void 0;
-
-var _DetailedVideo = _interopRequireDefault(require("./DetailedVideo"));
-
-var _default = {
-  title: 'Pages/Video/Detailed Video',
-  component: _DetailedVideo.default
-};
-exports.default = _default;
-
-var Video = function Video(args) {
-  return /*#__PURE__*/React.createElement(_DetailedVideo.default, args);
-};
-
-exports.Video = Video;

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

@@ -1,22 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Videos = exports.default = void 0;
-
-var _Video = _interopRequireDefault(require("./Video"));
-
-var _default = {
-  title: 'pages/Video/Video Album',
-  component: _Video.default
-};
-exports.default = _default;
-
-var Videos = function Videos(args) {
-  return /*#__PURE__*/React.createElement(_Video.default, args);
-};
-
-exports.Videos = Videos;

package/dist/stories/Pages/ViewWorld/ViewWorld.stories.js

@@ -1,264 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Movies = exports.Gaming = exports.Music = exports.Public = exports.default = void 0;
-
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/defineProperty"));
-
-var _react = _interopRequireDefault(require("react"));
-
-var _storybookAddonMock = _interopRequireDefault(require("storybook-addon-mock"));
-
-var _ViewWorld = _interopRequireDefault(require("./ViewWorld"));
-
-var _constatnts = require("./constatnts");
-
-var _card;
-
-var _default = {
-  title: 'Pages/world/world_id',
-  component: _ViewWorld.default,
-  decorators: [_storybookAddonMock.default]
-};
-exports.default = _default;
-
-var Template = function Template(args) {
-  return /*#__PURE__*/_react.default.createElement(_ViewWorld.default, args);
-}; // Cargo Sprint data
-
-
-var Public = Template.bind({});
-exports.Public = Public;
-Public.parameters = {
-  mockData: [{
-    url: 'https://jsonplaceholder.typicode.com/editor',
-    method: 'GET',
-    status: 200,
-    response: {
-      editorData: _constatnts.CARGO_DATA,
-      styles: {
-        backgroundColor: '#fff'
-      },
-      listStyles: {
-        headerTitleColor: '#F6891F'
-      },
-      sectionsStyles: {
-        sectionHeader: {
-          cardBorderSize: 2,
-          cardPadding: 2,
-          cardBackgroundColor: '#fff',
-          cardBorderColor: '#F6891F'
-        },
-        card: {
-          cardPadding: 6,
-          cardTitleFontSize: 15,
-          cardBackgroundColor: 'black',
-          cardTitleColor: 'white',
-          onHoverBackgroundColor: '#F6891F',
-          controlsStyles: {
-            showOnHover: true
-          }
-        }
-      }
-    }
-  }, {
-    url: 'https://jsonplaceholder.typicode.com/music',
-    method: 'GET',
-    status: 200,
-    response: {
-      songs: _constatnts.CARGO_SONGS,
-      styles: {
-        backgroundColor: '#fff',
-        primaryColor: 'black'
-      }
-    }
-  }]
-};
-Public.args = {
-  imgUrl: 'https://cargosprint.com/assets/img/cs-logos/Logo-CargoSprint_horizontal-color.png'
-}; // Music Data
-
-var Music = Template.bind({});
-exports.Music = Music;
-Music.parameters = {
-  mockData: [{
-    url: 'https://jsonplaceholder.typicode.com/editor',
-    method: 'GET',
-    status: 200,
-    response: {
-      editorData: _constatnts.MUSIC_DATA,
-      styles: {
-        backgroundColor: 'black',
-        fontColor: '#fff'
-      },
-      listStyles: {
-        headerTitleColor: '#E445AC'
-      },
-      sectionsStyles: {
-        sectionHeader: {
-          cardBorderSize: 2,
-          cardPadding: 2,
-          cardBackgroundColor: 'black',
-          cardBorderColor: '#E445AC',
-          cardTitleColor: 'white'
-        },
-        card: {
-          cardPadding: 6,
-          cardTitleFontSize: 15,
-          cardBackgroundColor: '#fff',
-          onHoverBackgroundColor: '#E445AC',
-          cardTitleColor: 'black',
-          controlsStyles: {
-            showOnHover: true
-          }
-        }
-      }
-    }
-  }, {
-    url: 'https://jsonplaceholder.typicode.com/music',
-    method: 'GET',
-    status: 200,
-    response: {
-      songs: _constatnts.MUSIC_SONGS,
-      styles: {
-        backgroundColor: '#e445ac',
-        primaryColor: '#a9afac',
-        borderSize: 3,
-        borderColor: 'white'
-      }
-    }
-  }]
-};
-Music.args = {
-  backgroundColor: 'black',
-  color: '#FCB4BE',
-  imgUrl: 'https://i.imgur.com/6vISA8U.png',
-  hoverColor: 'black'
-}; // Gaming Data
-
-var Gaming = Template.bind({});
-exports.Gaming = Gaming;
-Gaming.parameters = {
-  mockData: [{
-    url: 'https://jsonplaceholder.typicode.com/editor',
-    method: 'GET',
-    status: 200,
-    response: {
-      editorData: _constatnts.GAMING_DATA,
-      styles: {
-        backgroundColor: 'black',
-        fontColor: '#fff'
-      },
-      listStyles: {
-        headerTitleColor: '#FE4554'
-      },
-      sectionsStyles: {
-        sectionHeader: {
-          cardBorderSize: 2,
-          cardPadding: 2,
-          cardBackgroundColor: '#fff',
-          cardBorderColor: '#FE4554',
-          cardTitleColor: 'black'
-        },
-        card: (_card = {
-          cardPadding: 6,
-          cardTitleFontSize: 15,
-          cardBackgroundColor: '#131F2A',
-          cardTitleColor: 'white',
-          onHoverBackgroundColor: '#FE4554'
-        }, (0, _defineProperty2.default)(_card, "cardTitleColor", 'white'), (0, _defineProperty2.default)(_card, "controlsStyles", {
-          showOnHover: true
-        }), _card)
-      }
-    }
-  }, {
-    url: 'https://jsonplaceholder.typicode.com/music',
-    method: 'GET',
-    status: 200,
-    response: {
-      songs: _constatnts.GAMING_SONGS,
-      styles: {
-        backgroundColor: '#131F2A',
-        primaryColor: '#FE4554',
-        borderSize: 2,
-        borderColor: '#FE4554',
-        borderRadius: 15
-      }
-    }
-  }]
-};
-Gaming.args = {
-  backgroundColor: '#131F2A',
-  color: 'white',
-  imgUrl: 'https://i.imgur.com/sye5txB.png',
-  hoverColor: 'black',
-  editor: {
-    backgroundImage: 'https://img.wallpapersafari.com/tablet/1536/2048/36/65/dgOZ6K.jpg'
-  }
-}; // Movies Data
-
-var Movies = Template.bind({});
-exports.Movies = Movies;
-Movies.parameters = {
-  mockData: [{
-    url: 'https://jsonplaceholder.typicode.com/editor',
-    method: 'GET',
-    status: 200,
-    response: {
-      editorData: _constatnts.MOVIES_DATA,
-      styles: {
-        backgroundColor: 'black',
-        fontColor: '#fff'
-      },
-      listStyles: {
-        headerTitleColor: '#FE4554'
-      },
-      sectionsStyles: {
-        sectionHeader: {
-          cardBorderSize: 2,
-          cardPadding: 2,
-          cardBackgroundColor: 'transparent',
-          cardBorderColor: '#FE4554',
-          cardTitleColor: 'white'
-        },
-        card: {
-          cardPadding: 6,
-          cardTitleFontSize: 15,
-          cardBackgroundColor: 'black',
-          onHoverBackgroundColor: '#FE4554',
-          cardTitleColor: 'gray',
-          controlsStyles: {
-            showOnHover: true
-          }
-        }
-      }
-    }
-  }, {
-    url: 'https://jsonplaceholder.typicode.com/music',
-    method: 'GET',
-    status: 200,
-    response: {
-      songs: _constatnts.MOVIES_SONGS,
-      styles: {
-        backgroundColor: 'black',
-        primaryColor: 'gray',
-        borderSize: 2,
-        borderColor: 'gray',
-        borderRadius: 15
-      }
-    }
-  }]
-};
-Movies.args = {
-  backgroundColor: 'black',
-  color: 'gray',
-  imgUrl: 'https://i.imgur.com/DfxFp56.png',
-  hoverColor: 'black',
-  editor: {
-    backgroundImage: 'https://thegreatfredini.files.wordpress.com/2015/10/img_0687.jpg'
-  }
-};

package/dist/stories/Photo Album/DetailedPhoto/DetailedPhoto.stories.js

@@ -1,32 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.photo = exports.default = void 0;
-
-var _DetailedPhoto = _interopRequireDefault(require("./DetailedPhoto"));
-
-var _album = _interopRequireDefault(require("../../assets/images/album5.jpg"));
-
-var _default = {
-  title: 'Photo Album/Photo',
-  component: _DetailedPhoto.default
-};
-exports.default = _default;
-
-var photo = function photo(args) {
-  return /*#__PURE__*/React.createElement(_DetailedPhoto.default, Object.assign({
-    img: {
-      index: 0,
-      img: _album.default,
-      title: 'Image 1',
-      description: 'This is description test',
-      date: '2021-11-30'
-    }
-  }, args));
-};
-
-exports.photo = photo;

package/dist/stories/Photo Album/ViewAlbum/ViewAlbum.stories.js

@@ -1,115 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Album = exports.default = void 0;
-
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _ViewAlbum = _interopRequireDefault(require("./ViewAlbum"));
-
-var _util = require("../../helpers/util");
-
-var _album = _interopRequireDefault(require("../../assets/images/album1.jpg"));
-
-var _album2 = _interopRequireDefault(require("../../assets/images/album2.jpg"));
-
-var _album3 = _interopRequireDefault(require("../../assets/images/album3.jpg"));
-
-var _album4 = _interopRequireDefault(require("../../assets/images/album4.jpg"));
-
-var _album5 = _interopRequireDefault(require("../../assets/images/album5.jpg"));
-
-var _album6 = _interopRequireDefault(require("../../assets/images/album6.jpg"));
-
-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 _default = {
-  title: 'Photo Album/View Album',
-  component: _ViewAlbum.default
-};
-exports.default = _default;
-
-var Album = function Album(args) {
-  var _useState = (0, _react.useState)([{
-    index: 0,
-    img: _album5.default,
-    title: 'Image 1',
-    description: 'This is description test',
-    date: '2021-11-30'
-  }, {
-    index: 1,
-    img: _album3.default,
-    title: 'Image 2',
-    description: 'This is description test',
-    date: '2021-11-30'
-  }, {
-    index: 2,
-    img: _album6.default,
-    title: 'Image 3',
-    description: 'This is description test',
-    date: '2021-11-30'
-  }, {
-    index: 3,
-    img: _album2.default,
-    title: 'Image 4',
-    description: 'This is description test',
-    date: '2021-11-30'
-  }, {
-    index: 4,
-    img: _album.default,
-    title: 'Image 5',
-    description: 'This is description test',
-    date: '2021-11-30'
-  }, {
-    index: 5,
-    img: _album4.default,
-    title: 'Image 6',
-    description: 'This is description test',
-    date: '2021-11-30'
-  }]),
-      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-      album = _useState2[0],
-      setAlbum = _useState2[1];
-
-  var onAddPhoto = function onAddPhoto(photo) {
-    var newImg = {
-      img: photo.cover.meta.previewUrl,
-      title: photo.title,
-      description: photo.description,
-      date: photo.date
-    };
-    setAlbum((0, _util.addObjectToArray)(album, newImg));
-  };
-
-  var cardIconClicked = function cardIconClicked(action, index) {
-    switch (action) {
-      case 'delete':
-        onDeletePhoto(index);
-        break;
-
-      default:
-        break;
-    }
-  };
-
-  var onDeletePhoto = function onDeletePhoto(index) {
-    setAlbum((0, _util.deleteFromArrayByIndex)(album, index));
-  };
-
-  return /*#__PURE__*/_react.default.createElement(_ViewAlbum.default, Object.assign({
-    album: album,
-    addPhoto: onAddPhoto,
-    deletePhoto: onDeletePhoto,
-    cardIconClicked: cardIconClicked
-  }, args));
-};
-
-exports.Album = Album;

package/dist/stories/Photo Album/ViewAlbums/ViewAlbums.stories.js

@@ -1,102 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Albums = exports.default = void 0;
-
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _ViewAlbums = _interopRequireDefault(require("./ViewAlbums"));
-
-var _util = require("../../helpers/util");
-
-var _album = _interopRequireDefault(require("../../assets/images/album1.jpg"));
-
-var _album2 = _interopRequireDefault(require("../../assets/images/album2.jpg"));
-
-var _album3 = _interopRequireDefault(require("../../assets/images/album3.jpg"));
-
-var _album4 = _interopRequireDefault(require("../../assets/images/album4.jpg"));
-
-var _album5 = _interopRequireDefault(require("../../assets/images/album5.jpg"));
-
-var _album6 = _interopRequireDefault(require("../../assets/images/album6.jpg"));
-
-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 _default = {
-  title: 'Photo Album/Albums/Albums',
-  component: _ViewAlbums.default
-};
-exports.default = _default;
-
-var Albums = function Albums(args) {
-  var _useState = (0, _react.useState)([{
-    img: _album.default,
-    title: 'Album 1',
-    count: '24'
-  }, {
-    img: _album2.default,
-    title: 'Album 2',
-    count: '24'
-  }, {
-    img: _album3.default,
-    title: 'Album 3',
-    count: '24'
-  }, {
-    img: _album4.default,
-    title: 'Album 4',
-    count: '24'
-  }, {
-    img: _album5.default,
-    title: 'Album 5',
-    count: '24'
-  }, {
-    img: _album6.default,
-    title: 'Album 6',
-    count: '24'
-  }]),
-      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-      albums = _useState2[0],
-      setAlbums = _useState2[1];
-
-  var cardIconClicked = function cardIconClicked(action, index) {
-    switch (action) {
-      case 'delete':
-        onDeleteAlbum(index);
-        break;
-
-      default:
-        break;
-    }
-  };
-
-  var onDeleteAlbum = function onDeleteAlbum(index) {
-    setAlbums((0, _util.deleteFromArrayByIndex)(albums, index));
-  };
-
-  var onAddAlbum = function onAddAlbum(album) {
-    var newAlbum = {
-      img: album.cover.meta.previewUrl,
-      title: album.title,
-      count: '55'
-    };
-    setAlbums((0, _util.addObjectToArray)(albums, newAlbum));
-  };
-
-  return /*#__PURE__*/_react.default.createElement(_ViewAlbums.default, Object.assign({
-    albums: albums,
-    cardIconClicked: cardIconClicked,
-    onDeleteAlbum: onDeleteAlbum,
-    onAddAlbum: onAddAlbum
-  }, args));
-};
-
-exports.Albums = Albums;