@mohamed-karawia/library 0.1.0

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

@@ -0,0 +1,264 @@
+"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/Pages/ViewWorld/constatnts.js

@@ -0,0 +1,172 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.MOVIES_SONGS = exports.MOVIES_DATA = exports.GAMING_SONGS = exports.GAMING_DATA = exports.MUSIC_SONGS = exports.MUSIC_DATA = exports.CARGO_SONGS = exports.CARGO_DATA = exports.SPACES = void 0;
+var SPACES = [{
+  title: 'Main List',
+  data: [{
+    title: 'Cargo Sprint'
+  }, {
+    title: 'Movies'
+  }]
+}, {
+  title: 'Entertainment List',
+  data: [{
+    title: 'Gaming'
+  }, {
+    title: 'Music'
+  }]
+}];
+exports.SPACES = SPACES;
+var CARGO_DATA = {
+  blocks: [{
+    type: "header",
+    data: {
+      text: "How To Handle Client Feedback at CargoSprint",
+      level: 1
+    }
+  }, {
+    type: "paragraph",
+    data: {
+      text: "Hey. Meet the Editor. On this page you can see it in action — try to edit this text."
+    }
+  }, {
+    type: 'image',
+    "data": {
+      "file": {
+        "url": "https://cargosprint.com/assets/img/cs-home/isla-spass.svg"
+      },
+      "withBorder": false,
+      "withBackground": false,
+      "stretched": false,
+      "caption": "CargoSprint logistics process"
+    }
+  }, {
+    "type": "paragraph",
+    "data": {
+      "text": "Create a directory for your module, enter it and run <mark class=\"cdx-marker\">npm init</mark> command."
+    }
+  }, {
+    "type": "table",
+    "data": {
+      "withHeadings": true,
+      "content": [["Todo", "Doing", "Done"], ["CargoSprint Staff Interface", "", ""], ["", "DHL Project", ""], ["", "", "Design Requirements"]]
+    }
+  }]
+};
+exports.CARGO_DATA = CARGO_DATA;
+var CARGO_SONGS = [{
+  name: 'Requiem For A Dream',
+  musicSrc: 'https://www.pacdv.com/sounds/free-music/kickstarter.mp3',
+  cover: 'https://images.unsplash.com/photo-1505740420928-5e560c06d30e?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxleHBsb3JlLWZlZWR8NHx8fGVufDB8fHx8&w=1000&q=80'
+}, {
+  name: 'Mushroomtopia',
+  musicSrc: 'https://www.pacdv.com/sounds/free-music/gentle-thoughts-1.mp3',
+  cover: 'https://c4.wallpaperflare.com/wallpaper/729/961/256/black-minimalistic-music-piano-black-background-1680x1050-entertainment-music-hd-art-wallpaper-preview.jpg'
+}, {
+  name: 'Glow In The Dark',
+  musicSrc: 'https://www.pacdv.com/sounds/free-music/glow-in-the-dark.mp3',
+  cover: 'https://images.unsplash.com/photo-1505740420928-5e560c06d30e?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxleHBsb3JlLWZlZWR8NHx8fGVufDB8fHx8&w=1000&q=80'
+}];
+exports.CARGO_SONGS = CARGO_SONGS;
+var MUSIC_DATA = {
+  blocks: [{
+    type: "header",
+    data: {
+      text: "Your favorite songs in one place with your friends Share The Music",
+      level: 2
+    }
+  }, {
+    type: "paragraph",
+    data: {
+      text: "Find and listen to all the licensed songs you need and share the joy in REAL TIME while chatting with your friends. You don't need a subscription anymore."
+    }
+  }, {
+    type: 'image',
+    "data": {
+      "file": {
+        "url": "https://i.pinimg.com/originals/1b/12/f8/1b12f8f1f3ce3da4f68a176364335370.jpg"
+      },
+      "withBorder": false,
+      "withBackground": false,
+      "stretched": false,
+      "caption": "1975 Concert"
+    }
+  }]
+};
+exports.MUSIC_DATA = MUSIC_DATA;
+var MUSIC_SONGS = [{
+  title: 'Requiem For A Dream',
+  artist: 'frank ra',
+  musicSrc: 'https://www.pacdv.com/sounds/free-music/kickstarter.mp3',
+  cover: 'https://images.squarespace-cdn.com/content/v1/59c466b7cd0f682a310bac1e/1521413279928-QS15G3LTKI5JPASSHC5E/Website007.jpg?format=1000w'
+}, {
+  title: 'Mushroomtopia',
+  musicSrc: 'https://www.pacdv.com/sounds/free-music/gentle-thoughts-1.mp3',
+  cover: 'https://c4.wallpaperflare.com/wallpaper/729/961/256/black-minimalistic-music-piano-black-background-1680x1050-entertainment-music-hd-art-wallpaper-preview.jpg'
+}, {
+  title: 'Glow In The Dark',
+  musicSrc: 'https://www.pacdv.com/sounds/free-music/glow-in-the-dark.mp3',
+  cover: 'https://images.unsplash.com/photo-1505740420928-5e560c06d30e?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxleHBsb3JlLWZlZWR8NHx8fGVufDB8fHx8&w=1000&q=80'
+}];
+exports.MUSIC_SONGS = MUSIC_SONGS;
+var GAMING_DATA = {
+  blocks: [{
+    type: "header",
+    data: {
+      text: "Enjoy the first person reality experience.",
+      level: 2
+    }
+  }, {
+    type: "paragraph",
+    data: {
+      text: "Valorant is a first person shooting game, in a 5 vs 5. make sure to bring your friends."
+    }
+  }]
+};
+exports.GAMING_DATA = GAMING_DATA;
+var GAMING_SONGS = [{
+  name: 'Requiem For A Dream',
+  musicSrc: 'https://www.pacdv.com/sounds/free-music/kickstarter.mp3',
+  cover: 'https://arabhardware.net/wp-content/uploads/2020/03/valorant-2020-5k-dq.jpg'
+}, {
+  name: 'Mushroomtopia',
+  musicSrc: 'https://www.pacdv.com/sounds/free-music/gentle-thoughts-1.mp3',
+  cover: 'https://c4.wallpaperflare.com/wallpaper/729/961/256/black-minimalistic-music-piano-black-background-1680x1050-entertainment-music-hd-art-wallpaper-preview.jpg'
+}, {
+  name: 'Glow In The Dark',
+  musicSrc: 'https://www.pacdv.com/sounds/free-music/glow-in-the-dark.mp3',
+  cover: 'https://images.unsplash.com/photo-1505740420928-5e560c06d30e?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxleHBsb3JlLWZlZWR8NHx8fGVufDB8fHx8&w=1000&q=80'
+}];
+exports.GAMING_SONGS = GAMING_SONGS;
+var MOVIES_DATA = {
+  blocks: [{
+    type: "header",
+    data: {
+      text: "All The Movies You Want - In One Place",
+      level: 2
+    }
+  }, {
+    type: "paragraph",
+    data: {
+      text: "Watch with your friends in real-time in our service"
+    }
+  }]
+};
+exports.MOVIES_DATA = MOVIES_DATA;
+var MOVIES_SONGS = [{
+  name: 'Shutter island',
+  musicSrc: 'https://www.pacdv.com/sounds/free-music/kickstarter.mp3',
+  cover: 'https://wallpaperaccess.com/full/2058367.jpg'
+}, {
+  name: 'Mushroomtopia',
+  musicSrc: 'https://www.pacdv.com/sounds/free-music/gentle-thoughts-1.mp3',
+  cover: 'https://c4.wallpaperflare.com/wallpaper/729/961/256/black-minimalistic-music-piano-black-background-1680x1050-entertainment-music-hd-art-wallpaper-preview.jpg'
+}, {
+  name: 'Glow In The Dark',
+  musicSrc: 'https://www.pacdv.com/sounds/free-music/glow-in-the-dark.mp3',
+  cover: 'https://images.unsplash.com/photo-1505740420928-5e560c06d30e?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxleHBsb3JlLWZlZWR8NHx8fGVufDB8fHx8&w=1000&q=80'
+}];
+exports.MOVIES_SONGS = MOVIES_SONGS;

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

@@ -0,0 +1,24 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _CardStyle = _interopRequireDefault(require("../../Reusable Components/Cards/Card-style-6/CardStyle6"));
+
+var DetailedPhoto = function DetailedPhoto(props) {
+  return /*#__PURE__*/_react.default.createElement(_CardStyle.default, Object.assign({
+    cardClicked: function cardClicked() {
+      return props.cardClicked();
+    }
+  }, props.img));
+};
+
+DetailedPhoto.defaultProps = {};
+var _default = DetailedPhoto;
+exports.default = _default;

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

@@ -0,0 +1,32 @@
+"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;