@mohamed-karawia/library 0.1.3 → 0.1.7

package/dist/stories/Forms/CreateVideoAlbum/CreateVideoAlbum.stories.js

@@ -1,37 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Form = exports.default = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _CreateVideoAlbum = _interopRequireDefault(require("./CreateVideoAlbum"));
-
-var _default = {
-  title: 'Forms/Create Video Album',
-  component: _CreateVideoAlbum.default
-};
-exports.default = _default;
-
-var onSave = function onSave(album) {
-  console.log(album);
-};
-
-var onCancel = function onCancel() {
-  console.log('Cancel');
-};
-
-var Form = function Form(args) {
-  return /*#__PURE__*/_react.default.createElement(_CreateVideoAlbum.default, Object.assign({
-    saveHandler: onSave,
-    cancelHandler: onCancel,
-    saveBtnText: "Create",
-    cancelBtnText: "Cancel"
-  }, args));
-};
-
-exports.Form = Form;

package/dist/stories/Forms/Form/Form.stories.js

@@ -1,24 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Default = exports.default = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _Form = _interopRequireDefault(require("./Form"));
-
-var _default = {
-  title: 'Forms/RadioInputForm',
-  component: _Form.default
-};
-exports.default = _default;
-
-var Default = function Default(args) {
-  return /*#__PURE__*/_react.default.createElement(_Form.default, args);
-};
-
-exports.Default = Default;

package/dist/stories/Forms/NewProfile/NewProfile.stories.js

@@ -1,24 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Profile = exports.default = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _NewProfile = _interopRequireDefault(require("./NewProfile"));
-
-var _default = {
-  title: 'Forms/New Profile',
-  component: _NewProfile.default
-};
-exports.default = _default;
-
-var Profile = function Profile(args) {
-  return /*#__PURE__*/_react.default.createElement(_NewProfile.default, args);
-};
-
-exports.Profile = Profile;

package/dist/stories/Layout/Body/Body.stories.js

@@ -1,30 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Default = exports.default = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _Body = _interopRequireDefault(require("./Body"));
-
-var _Left = _interopRequireDefault(require("../Left/Left"));
-
-var _Center = _interopRequireDefault(require("../Center/Center"));
-
-var _Right = _interopRequireDefault(require("../Right/Right"));
-
-var _default = {
-  title: "Layout/Body",
-  component: _Body.default
-};
-exports.default = _default;
-
-var Default = function Default(props) {
-  return /*#__PURE__*/_react.default.createElement(_Body.default, props, /*#__PURE__*/_react.default.createElement(_Left.default, null, /*#__PURE__*/_react.default.createElement("p", null, "Left")), /*#__PURE__*/_react.default.createElement(_Center.default, null, /*#__PURE__*/_react.default.createElement("p", null, "Center")), /*#__PURE__*/_react.default.createElement(_Right.default, null, /*#__PURE__*/_react.default.createElement("p", null, "Right")));
-};
-
-exports.Default = Default;

package/dist/stories/Layout/Center/Center.stories.js

@@ -1,24 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Default = exports.default = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _Center = _interopRequireDefault(require("./Center"));
-
-var _default = {
-  title: "Layout/Center",
-  component: _Center.default
-};
-exports.default = _default;
-
-var Default = function Default(props) {
-  return /*#__PURE__*/_react.default.createElement(_Center.default, props, /*#__PURE__*/_react.default.createElement("p", null, "Center"));
-};
-
-exports.Default = Default;

package/dist/stories/Layout/Head/Head.stories.js

@@ -1,24 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Default = exports.default = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _Head = _interopRequireDefault(require("./Head"));
-
-var _default = {
-  title: 'Layout/Head',
-  component: _Head.default
-};
-exports.default = _default;
-
-var Default = function Default(props) {
-  return /*#__PURE__*/_react.default.createElement(_Head.default, props);
-};
-
-exports.Default = Default;

package/dist/stories/Layout/Left/Left.stories.js

@@ -1,24 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Default = exports.default = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _Left = _interopRequireDefault(require("./Left"));
-
-var _default = {
-  title: "Layout/Left",
-  component: _Left.default
-};
-exports.default = _default;
-
-var Default = function Default(props) {
-  return /*#__PURE__*/_react.default.createElement(_Left.default, props, /*#__PURE__*/_react.default.createElement("p", null, "Left"));
-};
-
-exports.Default = Default;

package/dist/stories/Layout/Right/Right.stories.js

@@ -1,24 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Default = exports.default = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _Right = _interopRequireDefault(require("./Right"));
-
-var _default = {
-  title: "Layout/Right",
-  component: _Right.default
-};
-exports.default = _default;
-
-var Default = function Default(props) {
-  return /*#__PURE__*/_react.default.createElement(_Right.default, props, /*#__PURE__*/_react.default.createElement("p", null, "Right"));
-};
-
-exports.Default = Default;

package/dist/stories/Library/CreateFolder/CreateFolder.stories.js

@@ -1,45 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Folder = exports.default = void 0;
-
-var _CreateFolder = _interopRequireDefault(require("./CreateFolder"));
-
-var _default = {
-  title: 'Library/Create New Folder',
-  component: _CreateFolder.default
-};
-exports.default = _default;
-var formStyles = {
-  headerStyles: {
-    padding: 10,
-    headerBackground: 'black',
-    titleColor: '#ffff'
-  },
-  sectionPadding: 10,
-  bodyRowGap: 10
-};
-
-var saveHandler = function saveHandler(photo) {
-  console.log(photo);
-};
-
-var cancelHandler = function cancelHandler() {
-  console.log('Canceled');
-};
-
-var Folder = function Folder(args) {
-  return /*#__PURE__*/React.createElement(_CreateFolder.default, Object.assign({
-    saveHandler: saveHandler,
-    cancelHandler: cancelHandler,
-    saveBtnText: "Create",
-    cancelBtnText: "Cancel",
-    formStyles: formStyles
-  }, args));
-};
-
-exports.Folder = Folder;

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

@@ -1,55 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.viewFolders = exports.default = void 0;
-
-var _Folders = _interopRequireDefault(require("./Folders"));
-
-var _default = {
-  title: 'Library/Folders',
-  component: _Folders.default
-};
-exports.default = _default;
-var folders = [{
-  title: 'Folder one',
-  description: 'Discription for folder one'
-}, {
-  title: 'Folder two',
-  description: 'Discription for folder two'
-}, {
-  title: 'Folder three',
-  description: 'Discription for folder three'
-}, {
-  title: 'Folder four',
-  description: 'Discription for folder four'
-}, {
-  title: 'Folder five',
-  description: 'Discription for folder five'
-}, {
-  title: 'Folder six',
-  description: 'Discription for folder six'
-}];
-
-var Template = function Template(args) {
-  return /*#__PURE__*/React.createElement(_Folders.default, args);
-};
-
-var viewFolders = Template.bind({});
-exports.viewFolders = viewFolders;
-viewFolders.args = {
-  folders: folders,
-  folderTitle: 'Your Folders',
-  columnsNumber: 3,
-  headerStyles: {
-    padding: 10,
-    headerBackground: '#ff2d2d',
-    titleColor: 'white',
-    controlsStyles: {
-      iconSize: 25
-    }
-  }
-};

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

@@ -1,42 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.List = exports.default = void 0;
-
-var _Notes = _interopRequireDefault(require("./Notes"));
-
-var _default = {
-  title: 'Library/Notes List',
-  component: _Notes.default
-};
-exports.default = _default;
-var notes = [{
-  title: 'Study notes',
-  date: '15/11/2020'
-}, {
-  title: 'Music notes',
-  date: '14/12/2020'
-}, {
-  title: 'Workout notes',
-  date: '5/8/2021'
-}, {
-  title: 'Gaming notes',
-  date: '14/4/2023'
-}, {
-  title: 'Working notes',
-  date: '5/6/2021'
-}];
-
-var Template = function Template(args) {
-  return /*#__PURE__*/React.createElement(_Notes.default, args);
-};
-
-var List = Template.bind({});
-exports.List = List;
-List.args = {
-  notes: notes
-};

package/dist/stories/Library/ViewNote/ViewNote.stories.js

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

package/dist/stories/Music 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 _music = _interopRequireDefault(require("../../assets/images/music1.jpg"));
-
-var _music2 = _interopRequireDefault(require("../../assets/images/music2.jpg"));
-
-var _music3 = _interopRequireDefault(require("../../assets/images/music3.jpg"));
-
-var _music4 = _interopRequireDefault(require("../../assets/images/music4.jpg"));
-
-var _music5 = _interopRequireDefault(require("../../assets/images/music5.jpg"));
-
-var _music6 = _interopRequireDefault(require("../../assets/images/music6.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: 'Music Albums/Album List',
-  component: _ViewAlbum.default
-};
-exports.default = _default;
-
-var Album = function Album(args) {
-  var _useState = (0, _react.useState)([{
-    index: 0,
-    cover: _music4.default,
-    title: 'Plans We Made',
-    description: 'Son Lux',
-    time: '5:20'
-  }, {
-    index: 2,
-    cover: _music6.default,
-    title: 'Still Loving You',
-    description: 'Scorpions',
-    time: '4:20'
-  }, {
-    index: 1,
-    cover: _music5.default,
-    title: 'Night',
-    description: 'Frank Ocean',
-    time: '5:20'
-  }, {
-    index: 3,
-    cover: _music.default,
-    title: 'Somebody Else',
-    description: '1975',
-    time: '5:20'
-  }, {
-    index: 4,
-    cover: _music3.default,
-    title: 'Enter Sandman',
-    description: 'Metallica',
-    time: '5:20'
-  }, {
-    index: 5,
-    cover: _music2.default,
-    title: 'November Rain',
-    description: "Guns N' Roses",
-    time: '5:20'
-  }]),
-      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-      album = _useState2[0],
-      setAlbum = _useState2[1];
-
-  var cardIconClicked = function cardIconClicked(action, index) {
-    switch (action) {
-      case 'delete':
-        onDeleteSong(index);
-        break;
-
-      default:
-        break;
-    }
-  };
-
-  var onAddSong = function onAddSong(song) {
-    var newSong = {
-      song: song.file,
-      img: song.cover.meta.previewUrl,
-      title: song.title,
-      description: song.artist,
-      time: new Date(song.song.meta.duration * 1000).toISOString().substr(14, 5)
-    };
-    setAlbum((0, _util.addObjectToArray)(album, newSong));
-  };
-
-  var onDeleteSong = function onDeleteSong(index) {
-    setAlbum((0, _util.deleteFromArrayByIndex)(album, index));
-  };
-
-  return /*#__PURE__*/_react.default.createElement(_ViewAlbum.default, Object.assign({
-    album: album,
-    onAddSong: onAddSong,
-    cardIconClicked: cardIconClicked
-  }, args));
-};
-
-exports.Album = Album;

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

@@ -1,107 +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 _music = _interopRequireDefault(require("../../assets/images/music1.jpg"));
-
-var _music2 = _interopRequireDefault(require("../../assets/images/music2.jpg"));
-
-var _music3 = _interopRequireDefault(require("../../assets/images/music3.jpg"));
-
-var _music4 = _interopRequireDefault(require("../../assets/images/music4.jpg"));
-
-var _music5 = _interopRequireDefault(require("../../assets/images/music5.jpg"));
-
-var _music6 = _interopRequireDefault(require("../../assets/images/music6.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: 'Music Albums/Music Albums',
-  component: _ViewAlbums.default
-};
-exports.default = _default;
-
-var Albums = function Albums(args) {
-  var _useState = (0, _react.useState)([{
-    index: 0,
-    img: _music4.default,
-    title: 'Tomorrows |',
-    description: 'Son Lux'
-  }, {
-    index: 1,
-    img: _music5.default,
-    title: 'Blond',
-    description: 'Frank Ocean'
-  }, {
-    index: 2,
-    img: _music6.default,
-    title: 'Love At First Sting',
-    description: 'Scorpions'
-  }, {
-    index: 3,
-    img: _music.default,
-    title: 'The 1975',
-    description: '1975'
-  }, {
-    index: 4,
-    img: _music3.default,
-    title: 'Hardwired...To Self-Destruct',
-    description: 'Metallica'
-  }, {
-    index: 5,
-    img: _music2.default,
-    title: 'Use Your IIIlusion |',
-    description: "Guns N' Roses"
-  }]),
-      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-      albums = _useState2[0],
-      setAlbums = _useState2[1];
-
-  var cardIconClicked = function cardIconClicked(action, index) {
-    switch (action) {
-      case 'delete':
-        deleteFromAlbums(index);
-        break;
-
-      default:
-        break;
-    }
-  };
-
-  var onAddAlbum = function onAddAlbum(album) {
-    var newAlbum = {
-      img: album.cover.preview,
-      title: album.title,
-      description: album.artist
-    };
-    setAlbums((0, _util.addObjectToArray)(albums, newAlbum));
-  };
-
-  var deleteFromAlbums = function deleteFromAlbums(index) {
-    setAlbums((0, _util.deleteFromArrayByIndex)(albums, index));
-  };
-
-  return /*#__PURE__*/_react.default.createElement(_ViewAlbums.default, Object.assign({
-    albums: albums,
-    cardIconClicked: cardIconClicked,
-    onAddAlbum: onAddAlbum
-  }, args));
-};
-
-exports.Albums = Albums;

package/dist/stories/Navbar/Navbar.stories.js

@@ -1,41 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Default = exports.default = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _Navbar = _interopRequireDefault(require("./Navbar"));
-
-var _default = {
-  title: 'Navbar/Default',
-  component: _Navbar.default,
-  argTypes: {
-    iconSize: {
-      options: ['sm', 'md', 'lg'],
-      control: {
-        type: 'select'
-      }
-    },
-    iconBackgroundColor: {
-      type: 'string'
-    },
-    navbarColor: {
-      type: 'string'
-    },
-    dropDownItemHeight: {
-      type: 'string'
-    }
-  }
-};
-exports.default = _default;
-
-var Default = function Default(props) {
-  return /*#__PURE__*/_react.default.createElement(_Navbar.default, props);
-};
-
-exports.Default = Default;

package/dist/stories/Pages/Blank/Blank.stories.js

@@ -1,24 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Default = exports.default = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _Blank = _interopRequireDefault(require("./Blank"));
-
-var _default = {
-  title: 'Pages/Blank',
-  component: _Blank.default
-};
-exports.default = _default;
-
-var Default = function Default(props) {
-  return /*#__PURE__*/_react.default.createElement(_Blank.default, props);
-};
-
-exports.Default = Default;