@mohamed-karawia/react-storybook 0.1.1

package/dist/stories/Pages/Enrollment/DetailedForm/DetailedForm.js

@@ -0,0 +1,96 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _Body = _interopRequireDefault(require("../../../Layout/Body/Body"));
+
+var _Left = _interopRequireDefault(require("../../../Layout/Left/Left"));
+
+var _Center = _interopRequireDefault(require("../../../Layout/Center/Center"));
+
+var _Right = _interopRequireDefault(require("../../../Layout/Right/Right"));
+
+var _Navbar = _interopRequireDefault(require("../../../Navbar/Navbar"));
+
+var _BaseMaterial = _interopRequireDefault(require("../../../Containers/BaseMaterial"));
+
+var _SpaceContainer = _interopRequireDefault(require("../../../Reusable Components/SpaceContainer/SpaceContainer"));
+
+var _WidgetContainer = _interopRequireDefault(require("../../../Reusable Components/WidgetContainer/WidgetContainer"));
+
+var _styles = _interopRequireDefault(require("../../ViewWorld/styles.json"));
+
+var _constatnts = require("../../ViewWorld/constatnts");
+
+var _DetailedForm = _interopRequireDefault(require("../../../Enrollment/Admin/DetailedForm/DetailedForm"));
+
+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 DetailedForm = function DetailedForm(props) {
+  var questions = [{
+    title: 'Question 1 ?',
+    description: 'Answer for question one'
+  }, {
+    title: 'Question 2 ?',
+    description: 'Answer for question two'
+  }, {
+    title: 'Question 3 ?',
+    description: 'Answer for question three'
+  }, {
+    title: 'Question 4 ?',
+    description: 'Answer for question four'
+  }, {
+    title: 'Question 5 ?',
+    description: 'Answer for question five'
+  }];
+  return /*#__PURE__*/_react.default.createElement(_BaseMaterial.default, Object.assign({}, _styles.default.containerStyle, props), /*#__PURE__*/_react.default.createElement(_Navbar.default, null), /*#__PURE__*/_react.default.createElement(_Body.default, _styles.default.bodyStyle, /*#__PURE__*/_react.default.createElement(_Left.default, null, /*#__PURE__*/_react.default.createElement(_WidgetContainer.default, {
+    widgetType: "logo",
+    widgetProps: {
+      imgUrl: props.imgUrl
+    }
+  }), /*#__PURE__*/_react.default.createElement(_WidgetContainer.default, {
+    widgetType: "list",
+    widgetProps: {
+      listTitle: 'Your Spaces',
+      type: 'sectioned',
+      data: _constatnts.SPACES,
+      cardStyle: 'card-style-3',
+      sectionHeaderStyles: {
+        cardBorderSize: 2,
+        cardPadding: 2,
+        cardBackgroundColor: '#fff',
+        cardBorderColor: 'black'
+      },
+      customCardStyles: {
+        cardPadding: 6,
+        cardTitleFontSize: 15,
+        cardBackgroundColor: 'black',
+        cardTitleColor: 'white',
+        onHoverBackgroundColor: '#F6891F',
+        controlsStyles: {
+          showOnHover: true
+        }
+      }
+    }
+  })), /*#__PURE__*/_react.default.createElement(_Center.default, null, /*#__PURE__*/_react.default.createElement(_SpaceContainer.default, {
+    title: "Music Album",
+    discription: "Lorem ipsum dolor sit amet consectetur.",
+    hideTitle: true
+  }, /*#__PURE__*/_react.default.createElement(_DetailedForm.default, {
+    userName: "User Name",
+    userImg: "https://www.kindpng.com/picc/m/163-1636340_user-avatar-icon-avatar-transparent-user-icon-png.png",
+    questions: questions
+  }))), /*#__PURE__*/_react.default.createElement(_Right.default, null)));
+};
+
+var _default = DetailedForm;
+exports.default = _default;

package/dist/stories/Pages/Enrollment/DetailedForm/DetailedForm.stories.js

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

package/dist/stories/Pages/Enrollment/FillForm/FillForm.js

@@ -0,0 +1,102 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _Body = _interopRequireDefault(require("../../../Layout/Body/Body"));
+
+var _Left = _interopRequireDefault(require("../../../Layout/Left/Left"));
+
+var _Center = _interopRequireDefault(require("../../../Layout/Center/Center"));
+
+var _Right = _interopRequireDefault(require("../../../Layout/Right/Right"));
+
+var _Navbar = _interopRequireDefault(require("../../../Navbar/Navbar"));
+
+var _BaseMaterial = _interopRequireDefault(require("../../../Containers/BaseMaterial"));
+
+var _SpaceContainer = _interopRequireDefault(require("../../../Reusable Components/SpaceContainer/SpaceContainer"));
+
+var _WidgetContainer = _interopRequireDefault(require("../../../Reusable Components/WidgetContainer/WidgetContainer"));
+
+var _styles = _interopRequireDefault(require("../../ViewWorld/styles.json"));
+
+var _constatnts = require("../../ViewWorld/constatnts");
+
+var _FillForm = _interopRequireDefault(require("../../../Enrollment/Guest/FillForm/FillForm"));
+
+var _TextField = _interopRequireDefault(require("../../../Common Inputs/TextField/TextField"));
+
+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 FillForm = function FillForm(props) {
+  var sections = [{
+    title: "Server Name",
+    body: [/*#__PURE__*/_react.default.createElement(_TextField.default, {
+      label: "Question 1",
+      name: "question0"
+    }), /*#__PURE__*/_react.default.createElement(_TextField.default, {
+      label: "Question 2",
+      name: "question1"
+    }), /*#__PURE__*/_react.default.createElement(_TextField.default, {
+      label: "Question 3",
+      name: "question2"
+    }), /*#__PURE__*/_react.default.createElement(_TextField.default, {
+      label: "Question 4",
+      name: "question3"
+    }), /*#__PURE__*/_react.default.createElement(_TextField.default, {
+      label: "Question 5",
+      name: "question4"
+    })],
+    hideTitle: true
+  }];
+  return /*#__PURE__*/_react.default.createElement(_BaseMaterial.default, Object.assign({}, _styles.default.containerStyle, props), /*#__PURE__*/_react.default.createElement(_Navbar.default, null), /*#__PURE__*/_react.default.createElement(_Body.default, _styles.default.bodyStyle, /*#__PURE__*/_react.default.createElement(_Left.default, null, /*#__PURE__*/_react.default.createElement(_WidgetContainer.default, {
+    widgetType: "logo",
+    widgetProps: {
+      imgUrl: props.imgUrl
+    }
+  }), /*#__PURE__*/_react.default.createElement(_WidgetContainer.default, {
+    widgetType: "list",
+    widgetProps: {
+      listTitle: 'Your Spaces',
+      type: 'sectioned',
+      data: _constatnts.SPACES,
+      cardStyle: 'card-style-3',
+      sectionHeaderStyles: {
+        cardBorderSize: 2,
+        cardPadding: 2,
+        cardBackgroundColor: '#fff',
+        cardBorderColor: 'black'
+      },
+      customCardStyles: {
+        cardPadding: 6,
+        cardTitleFontSize: 15,
+        cardBackgroundColor: 'black',
+        cardTitleColor: 'white',
+        onHoverBackgroundColor: '#F6891F',
+        controlsStyles: {
+          showOnHover: true
+        }
+      }
+    }
+  })), /*#__PURE__*/_react.default.createElement(_Center.default, null, /*#__PURE__*/_react.default.createElement(_SpaceContainer.default, {
+    title: "Music Album",
+    discription: "Lorem ipsum dolor sit amet consectetur.",
+    hideTitle: true
+  }, /*#__PURE__*/_react.default.createElement(_FillForm.default, {
+    sections: sections,
+    saveBtnText: 'Submit',
+    cancelBtnText: "Cancel"
+  }))), /*#__PURE__*/_react.default.createElement(_Right.default, null)));
+};
+
+var _default = FillForm;
+exports.default = _default;

package/dist/stories/Pages/Enrollment/FillForm/FillForm.stories.js

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

package/dist/stories/Pages/Enrollment/Forms/Forms.js

@@ -0,0 +1,125 @@
+"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 _react = _interopRequireWildcard(require("react"));
+
+var _Body = _interopRequireDefault(require("../../../Layout/Body/Body"));
+
+var _Left = _interopRequireDefault(require("../../../Layout/Left/Left"));
+
+var _Center = _interopRequireDefault(require("../../../Layout/Center/Center"));
+
+var _Right = _interopRequireDefault(require("../../../Layout/Right/Right"));
+
+var _Navbar = _interopRequireDefault(require("../../../Navbar/Navbar"));
+
+var _BaseMaterial = _interopRequireDefault(require("../../../Containers/BaseMaterial"));
+
+var _SpaceContainer = _interopRequireDefault(require("../../../Reusable Components/SpaceContainer/SpaceContainer"));
+
+var _WidgetContainer = _interopRequireDefault(require("../../../Reusable Components/WidgetContainer/WidgetContainer"));
+
+var _ViewForms = _interopRequireDefault(require("../../../Enrollment/Admin/ViewForms/ViewForms"));
+
+var _util = require("../../../helpers/util");
+
+var _styles = _interopRequireDefault(require("../../ViewWorld/styles.json"));
+
+var _constatnts = require("../../ViewWorld/constatnts");
+
+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 Forms = function Forms(props) {
+  var _useState = (0, _react.useState)([{
+    title: 'Pending',
+    data: [{
+      username: 'User one',
+      answered: '3/5',
+      img: 'https://www.kindpng.com/picc/m/163-1636340_user-avatar-icon-avatar-transparent-user-icon-png.png',
+      status: 'pending'
+    }, {
+      username: 'User Two',
+      answered: '5/5',
+      img: 'https://www.kindpng.com/picc/m/163-1636340_user-avatar-icon-avatar-transparent-user-icon-png.png',
+      status: 'pending'
+    }, {
+      username: 'User Three',
+      answered: '5/5',
+      img: 'https://www.kindpng.com/picc/m/163-1636340_user-avatar-icon-avatar-transparent-user-icon-png.png',
+      status: 'pending'
+    }],
+    priority: 1
+  }, {
+    title: 'In Review',
+    data: [{
+      username: 'User Four',
+      answered: '2/5',
+      img: 'https://www.kindpng.com/picc/m/163-1636340_user-avatar-icon-avatar-transparent-user-icon-png.png',
+      status: 'inReview'
+    }, {
+      username: 'User Five',
+      answered: '1/5',
+      img: 'https://www.kindpng.com/picc/m/163-1636340_user-avatar-icon-avatar-transparent-user-icon-png.png',
+      status: 'inReview'
+    }, {
+      username: 'User Six',
+      answered: '3/5',
+      img: 'https://www.kindpng.com/picc/m/163-1636340_user-avatar-icon-avatar-transparent-user-icon-png.png',
+      status: 'inReview'
+    }],
+    priority: 2
+  }]),
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+      forms = _useState2[0],
+      setForms = _useState2[1];
+
+  return /*#__PURE__*/_react.default.createElement(_BaseMaterial.default, Object.assign({}, _styles.default.containerStyle, props), /*#__PURE__*/_react.default.createElement(_Navbar.default, null), /*#__PURE__*/_react.default.createElement(_Body.default, _styles.default.bodyStyle, /*#__PURE__*/_react.default.createElement(_Left.default, null, /*#__PURE__*/_react.default.createElement(_WidgetContainer.default, {
+    widgetType: "logo",
+    widgetProps: {
+      imgUrl: props.imgUrl
+    }
+  }), /*#__PURE__*/_react.default.createElement(_WidgetContainer.default, {
+    widgetType: "list",
+    widgetProps: {
+      listTitle: 'Your Spaces',
+      type: 'sectioned',
+      data: _constatnts.SPACES,
+      cardStyle: 'card-style-3',
+      sectionHeaderStyles: {
+        cardBorderSize: 2,
+        cardPadding: 2,
+        cardBackgroundColor: '#fff',
+        cardBorderColor: 'black'
+      },
+      customCardStyles: {
+        cardPadding: 6,
+        cardTitleFontSize: 15,
+        cardBackgroundColor: 'black',
+        cardTitleColor: 'white',
+        onHoverBackgroundColor: '#F6891F',
+        controlsStyles: {
+          showOnHover: true
+        }
+      }
+    }
+  })), /*#__PURE__*/_react.default.createElement(_Center.default, null, /*#__PURE__*/_react.default.createElement(_SpaceContainer.default, {
+    title: "Music Album",
+    discription: "Lorem ipsum dolor sit amet consectetur.",
+    hideTitle: true
+  }, /*#__PURE__*/_react.default.createElement(_ViewForms.default, {
+    data: forms
+  }))), /*#__PURE__*/_react.default.createElement(_Right.default, null)));
+};
+
+var _default = Forms;
+exports.default = _default;

package/dist/stories/Pages/Enrollment/Forms/Forms.stories.js

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

package/dist/stories/Pages/Events/Event/Event.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 _react = _interopRequireWildcard(require("react"));
+
+var _Body = _interopRequireDefault(require("../../../Layout/Body/Body"));
+
+var _Left = _interopRequireDefault(require("../../../Layout/Left/Left"));
+
+var _Center = _interopRequireDefault(require("../../../Layout/Center/Center"));
+
+var _Right = _interopRequireDefault(require("../../../Layout/Right/Right"));
+
+var _Navbar = _interopRequireDefault(require("../../../Navbar/Navbar"));
+
+var _BaseMaterial = _interopRequireDefault(require("../../../Containers/BaseMaterial"));
+
+var _SpaceContainer = _interopRequireDefault(require("../../../Reusable Components/SpaceContainer/SpaceContainer"));
+
+var _WidgetContainer = _interopRequireDefault(require("../../../Reusable Components/WidgetContainer/WidgetContainer"));
+
+var _Event = _interopRequireDefault(require("../../../Events/Event/Event"));
+
+var _util = require("../../../helpers/util");
+
+var _styles = _interopRequireDefault(require("../../ViewWorld/styles.json"));
+
+var _constatnts = require("../../ViewWorld/constatnts");
+
+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 Event = function Event(props) {
+  return /*#__PURE__*/_react.default.createElement(_BaseMaterial.default, Object.assign({}, _styles.default.containerStyle, props), /*#__PURE__*/_react.default.createElement(_Navbar.default, null), /*#__PURE__*/_react.default.createElement(_Body.default, _styles.default.bodyStyle, /*#__PURE__*/_react.default.createElement(_Left.default, null, /*#__PURE__*/_react.default.createElement(_WidgetContainer.default, {
+    widgetType: "logo",
+    widgetProps: {
+      imgUrl: props.imgUrl
+    }
+  }), /*#__PURE__*/_react.default.createElement(_WidgetContainer.default, {
+    widgetType: "list",
+    widgetProps: {
+      listTitle: 'Your Spaces',
+      type: 'sectioned',
+      data: _constatnts.SPACES,
+      cardStyle: 'card-style-3',
+      sectionHeaderStyles: {
+        cardBorderSize: 2,
+        cardPadding: 2,
+        cardBackgroundColor: '#fff',
+        cardBorderColor: 'black'
+      },
+      customCardStyles: {
+        cardPadding: 6,
+        cardTitleFontSize: 15,
+        cardBackgroundColor: 'black',
+        cardTitleColor: 'white',
+        onHoverBackgroundColor: '#F6891F',
+        controlsStyles: {
+          showOnHover: true
+        }
+      }
+    }
+  })), /*#__PURE__*/_react.default.createElement(_Center.default, null, /*#__PURE__*/_react.default.createElement(_SpaceContainer.default, {
+    title: "Music Album",
+    discription: "Lorem ipsum dolor sit amet consectetur.",
+    hideTitle: true
+  }, /*#__PURE__*/_react.default.createElement(_Event.default, {
+    cover: "https://s3.amazonaws.com/sndb/uploads/photo/image/2737/large_qOMWTdCoaiVtZMJL044D0ZRkpu1.jpg",
+    title: "ACDC Concert",
+    date: "15/11/1976 : 16/11/1976",
+    disc: "Lorem ipsum dolor sit amet consectetur adipisicing elit. Officia impedit fugiat reprehenderit adipisci eos atque ullam error quia amet nihil, exercitationem beatae distinctio eligendi neque, consequuntur odit commodi id porro.",
+    backgroundColor: "black",
+    headerBackground: "black",
+    headerTitleColor: "white",
+    titleColor: "white",
+    discColor: "white",
+    dateColor: "white"
+  }))), /*#__PURE__*/_react.default.createElement(_Right.default, null)));
+};
+
+var _default = Event;
+exports.default = _default;

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

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

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

@@ -0,0 +1,125 @@
+"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 _react = _interopRequireWildcard(require("react"));
+
+var _Body = _interopRequireDefault(require("../../../Layout/Body/Body"));
+
+var _Left = _interopRequireDefault(require("../../../Layout/Left/Left"));
+
+var _Center = _interopRequireDefault(require("../../../Layout/Center/Center"));
+
+var _Right = _interopRequireDefault(require("../../../Layout/Right/Right"));
+
+var _Navbar = _interopRequireDefault(require("../../../Navbar/Navbar"));
+
+var _BaseMaterial = _interopRequireDefault(require("../../../Containers/BaseMaterial"));
+
+var _SpaceContainer = _interopRequireDefault(require("../../../Reusable Components/SpaceContainer/SpaceContainer"));
+
+var _WidgetContainer = _interopRequireDefault(require("../../../Reusable Components/WidgetContainer/WidgetContainer"));
+
+var _EventsList = _interopRequireDefault(require("../../../Events/EventsList/EventsList"));
+
+var _util = require("../../../helpers/util");
+
+var _styles = _interopRequireDefault(require("../../ViewWorld/styles.json"));
+
+var _constatnts = require("../../ViewWorld/constatnts");
+
+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 Events = function Events(props) {
+  var _useState = (0, _react.useState)([{
+    title: 'Event one',
+    date: '15-11-2020 : 5-8-2021'
+  }, {
+    title: 'Event two',
+    date: '14-12-2020 : 14-4-2023'
+  }, {
+    title: 'Event three',
+    date: '5-6-2021 : 5-8-2021'
+  }, {
+    title: 'Event four',
+    date: '14-4-2023'
+  }, {
+    title: 'Event five',
+    date: '5-6-2021 : 14-4-2023'
+  }]),
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+      events = _useState2[0],
+      setEvents = _useState2[1];
+
+  var onAddEvent = function onAddEvent(event) {
+    setEvents((0, _util.addObjectToArray)(events, event));
+  };
+
+  var cardIconClicked = function cardIconClicked(action, index) {
+    switch (action) {
+      case 'delete':
+        deleteEvent(index);
+        break;
+
+      default:
+        break;
+    }
+  };
+
+  var deleteEvent = function deleteEvent(index) {
+    setEvents((0, _util.deleteFromArrayByIndex)(events, index));
+  };
+
+  return /*#__PURE__*/_react.default.createElement(_BaseMaterial.default, Object.assign({}, _styles.default.containerStyle, props), /*#__PURE__*/_react.default.createElement(_Navbar.default, null), /*#__PURE__*/_react.default.createElement(_Body.default, _styles.default.bodyStyle, /*#__PURE__*/_react.default.createElement(_Left.default, null, /*#__PURE__*/_react.default.createElement(_WidgetContainer.default, {
+    widgetType: "logo",
+    widgetProps: {
+      imgUrl: props.imgUrl
+    }
+  }), /*#__PURE__*/_react.default.createElement(_WidgetContainer.default, {
+    widgetType: "list",
+    widgetProps: {
+      listTitle: 'Your Spaces',
+      type: 'sectioned',
+      data: _constatnts.SPACES,
+      cardStyle: 'card-style-3',
+      sectionHeaderStyles: {
+        cardBorderSize: 2,
+        cardPadding: 2,
+        cardBackgroundColor: '#fff',
+        cardBorderColor: 'black'
+      },
+      customCardStyles: {
+        cardPadding: 6,
+        cardTitleFontSize: 15,
+        cardBackgroundColor: 'black',
+        cardTitleColor: 'white',
+        onHoverBackgroundColor: '#F6891F',
+        controlsStyles: {
+          showOnHover: true
+        }
+      }
+    }
+  })), /*#__PURE__*/_react.default.createElement(_Center.default, null, /*#__PURE__*/_react.default.createElement(_SpaceContainer.default, {
+    title: "Music Album",
+    discription: "Lorem ipsum dolor sit amet consectetur.",
+    hideTitle: true
+  }, /*#__PURE__*/_react.default.createElement(_EventsList.default, {
+    events: events,
+    iconColor: "#FE1744",
+    cardTitleFontSize: 15,
+    onAddEvent: onAddEvent,
+    cardIconClicked: cardIconClicked
+  }))), /*#__PURE__*/_react.default.createElement(_Right.default, null)));
+};
+
+var _default = Events;
+exports.default = _default;

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

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