@mohamed-karawia/library 0.1.6 → 0.1.7

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;

package/dist/stories/Reusable Components/Cards/Card-style-1/CardStyle1.stories.js

@@ -1,35 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Card = exports.default = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _CardStyle = _interopRequireDefault(require("./CardStyle1"));
-
-var _fakeData = require("../../fakeData");
-
-var _default = {
-  title: 'Reusable Components/Cards/Card style 1',
-  component: _CardStyle.default
-};
-exports.default = _default;
-
-var Card = function Card(args) {
-  return /*#__PURE__*/_react.default.createElement(_CardStyle.default, Object.assign({
-    img: "https://www.kindpng.com/picc/m/163-1636340_user-avatar-icon-avatar-transparent-user-icon-png.png",
-    title: "Card Style 1",
-    description: "Card style 1 description test",
-    cardControls: _fakeData.cardControls,
-    controlsStyles: {
-      iconColor: 'black',
-      showOnHover: true
-    }
-  }, args));
-};
-
-exports.Card = Card;

package/dist/stories/Reusable Components/Cards/Card-style-10/CardStyle10.stories.js

@@ -1,37 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Card = exports.default = void 0;
-
-var _CardStyle = _interopRequireDefault(require("./CardStyle10"));
-
-var _ai = require("react-icons/ai");
-
-var _default = {
-  title: 'Reusable Components/Cards/Card style 10',
-  component: _CardStyle.default
-};
-exports.default = _default;
-var cardControls = [{
-  icon: /*#__PURE__*/React.createElement(_ai.AiOutlineHeart, null),
-  action: 'like',
-  name: 'Add member'
-}, {
-  icon: /*#__PURE__*/React.createElement(_ai.AiOutlineAudioMuted, null),
-  action: 'mute',
-  name: 'Add member'
-}];
-
-var Card = function Card(args) {
-  return /*#__PURE__*/React.createElement(_CardStyle.default, Object.assign({
-    title: "Folder",
-    description: "Folder description test",
-    cardControls: cardControls
-  }, args));
-};
-
-exports.Card = Card;

package/dist/stories/Reusable Components/Cards/Card-style-11/CardStyle11.stories.js

@@ -1,40 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Card = exports.default = void 0;
-
-var _CardStyle = _interopRequireDefault(require("./CardStyle11"));
-
-var _ai = require("react-icons/ai");
-
-var _default = {
-  title: 'Reusable components/Cards/Card Style 11',
-  component: _CardStyle.default
-};
-exports.default = _default;
-var cardControls = [{
-  icon: /*#__PURE__*/React.createElement(_ai.AiOutlineHeart, null),
-  action: 'like',
-  name: 'Add member'
-}, {
-  icon: /*#__PURE__*/React.createElement(_ai.AiOutlineAudioMuted, null),
-  action: 'mute',
-  name: 'Add member'
-}];
-
-var Card = function Card(args) {
-  return /*#__PURE__*/React.createElement(_CardStyle.default, Object.assign({
-    title: "Study Notes",
-    date: "15/11/2021",
-    cardControls: cardControls,
-    controlsStyles: {
-      iconColor: 'black'
-    }
-  }, args));
-};
-
-exports.Card = Card;

package/dist/stories/Reusable Components/Cards/Card-style-2/CardStyle2.stories.js

@@ -1,37 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Card = exports.default = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _CardStyle = _interopRequireDefault(require("./CardStyle2"));
-
-var _fakeData = require("../../fakeData");
-
-var _default = {
-  title: 'Reusable Components/Cards/Card style 2',
-  component: _CardStyle.default
-};
-exports.default = _default;
-
-var Card = function Card(args) {
-  return /*#__PURE__*/_react.default.createElement(_CardStyle.default, Object.assign({
-    img: "https://www.kindpng.com/picc/m/163-1636340_user-avatar-icon-avatar-transparent-user-icon-png.png",
-    title: "Card Style 2",
-    description: "Card style 2 description test",
-    cardControls: _fakeData.cardControls,
-    darkOnHover: true,
-    controlsStyles: {
-      iconColor: 'black',
-      position: 'center',
-      showOnHover: true
-    }
-  }, args));
-};
-
-exports.Card = Card;

package/dist/stories/Reusable Components/Cards/Card-style-3/CardStyle3.stories.js

@@ -1,34 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Card = exports.default = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _CardStyle = _interopRequireDefault(require("./CardStyle3"));
-
-var _fakeData = require("../../fakeData");
-
-var _default = {
-  title: 'Reusable Components/Cards/Card style 3',
-  component: _CardStyle.default
-};
-exports.default = _default;
-
-var Card = function Card(args) {
-  return /*#__PURE__*/_react.default.createElement(_CardStyle.default, Object.assign({
-    img: "https://www.kindpng.com/picc/m/163-1636340_user-avatar-icon-avatar-transparent-user-icon-png.png",
-    title: "Card Style 3",
-    description: "Card style 3 description test",
-    cardControls: _fakeData.cardControls,
-    controlsStyles: {
-      iconColor: 'black'
-    }
-  }, args));
-};
-
-exports.Card = Card;

package/dist/stories/Reusable Components/Cards/Card-style-4/CardStyle4.stories.js

@@ -1,39 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Card = exports.default = void 0;
-
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/defineProperty"));
-
-var _react = _interopRequireDefault(require("react"));
-
-var _CardStyle = _interopRequireDefault(require("./CardStyle4"));
-
-var _fakeData = require("../../fakeData");
-
-var _default = {
-  title: 'Reusable Components/Cards/Card style 4',
-  component: _CardStyle.default
-};
-exports.default = _default;
-
-var Card = function Card(args) {
-  return /*#__PURE__*/_react.default.createElement(_CardStyle.default, Object.assign({
-    img: "https://www.kindpng.com/picc/m/163-1636340_user-avatar-icon-avatar-transparent-user-icon-png.png",
-    title: "Card Style 4",
-    description: "Card style 4 description test",
-    cardControls: _fakeData.cardControls,
-    darkOnHover: true,
-    controlsStyles: (0, _defineProperty2.default)({
-      iconColor: 'black',
-      position: 'center',
-      showOnHover: true
-    }, "iconColor", 'red')
-  }, args));
-};
-
-exports.Card = Card;

package/dist/stories/Reusable Components/Cards/Card-style-6/CardStyle6.stories.js

@@ -1,27 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Card = exports.default = void 0;
-
-var _CardStyle = _interopRequireDefault(require("./CardStyle6"));
-
-var _album = _interopRequireDefault(require("../../../assets/images/album1.jpg"));
-
-var _default = {
-  title: 'Reusable Components/cards/Card style 6',
-  component: _CardStyle.default
-};
-exports.default = _default;
-
-var Card = function Card(args) {
-  return /*#__PURE__*/React.createElement(_CardStyle.default, Object.assign({
-    img: _album.default,
-    title: "Test"
-  }, args));
-};
-
-exports.Card = Card;

package/dist/stories/Reusable Components/Cards/Card-style-7/CardStyle7.stories.js

@@ -1,37 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Card = exports.default = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _CardStyle = _interopRequireDefault(require("./CardStyle7"));
-
-var _fakeData = require("../../fakeData");
-
-var _music = _interopRequireDefault(require("../../../assets/images/music4.jpg"));
-
-var _default = {
-  title: 'Reusable Components/Cards/Card style 7',
-  component: _CardStyle.default
-};
-exports.default = _default;
-
-var Card = function Card(args) {
-  return /*#__PURE__*/_react.default.createElement(_CardStyle.default, Object.assign({
-    img: _music.default,
-    title: "Card Style 7",
-    description: "Card style 7 description test",
-    time: "5:10",
-    cardControls: _fakeData.cardControls,
-    controlsStyles: {
-      iconColor: 'black'
-    }
-  }, args));
-};
-
-exports.Card = Card;

package/dist/stories/Reusable Components/Cards/Card-style-8/CardStyle8.stories.js

@@ -1,44 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Card = exports.default = void 0;
-
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/defineProperty"));
-
-var _CardStyle = _interopRequireDefault(require("./CardStyle8"));
-
-var _fakeData = require("../../fakeData");
-
-var _default = {
-  title: 'Reusable Components/Cards/Card style 8',
-  component: _CardStyle.default
-};
-exports.default = _default;
-
-var Card = function Card(args) {
-  var _ref;
-
-  return /*#__PURE__*/React.createElement(_CardStyle.default, Object.assign({
-    img: "https://www.kindpng.com/picc/m/163-1636340_user-avatar-icon-avatar-transparent-user-icon-png.png",
-    username: "Card Style 8",
-    date: "15/12/2021",
-    text: "Card style 8 description test Card style 8 description test Card style 8 description test Card style 8 description test Card style 8 description test Card style 8 description test Card style 8 description test Card style 8 description test Card style 8 description test Card style 8 description test Card style 8 description test Card style 8 description test Card style 8 description test Card style 8 description test ",
-    cardControls: _fakeData.controls,
-    media: /*#__PURE__*/React.createElement("img", {
-      src: "https://arabhardware.net/wp-content/uploads/2020/03/valorant-2020-4k-0f-scaled.jpg"
-    }),
-    controlsStyles: (_ref = {
-      iconColor: 'black',
-      showOnHover: true,
-      position: 'absolute',
-      iconBackground: '#414141',
-      iconSize: 18
-    }, (0, _defineProperty2.default)(_ref, "iconColor", 'white'), (0, _defineProperty2.default)(_ref, "dropdownBackground", '#414141'), (0, _defineProperty2.default)(_ref, "dropdownFontColor", 'white'), _ref)
-  }, args));
-};
-
-exports.Card = Card;

package/dist/stories/Reusable Components/Cards/Card-style-9/CardStyle9.stories.js

@@ -1,27 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Card = exports.default = void 0;
-
-var _CardStyle = _interopRequireDefault(require("./CardStyle9"));
-
-var _default = {
-  title: 'Reusable Components/Cards/Card style 9',
-  component: _CardStyle.default
-};
-exports.default = _default;
-
-var Card = function Card(args) {
-  return /*#__PURE__*/React.createElement(_CardStyle.default, Object.assign({
-    img: "https://www.kindpng.com/picc/m/163-1636340_user-avatar-icon-avatar-transparent-user-icon-png.png",
-    username: "User Name",
-    answered: '3/4',
-    status: "pending"
-  }, args));
-};
-
-exports.Card = Card;