@mohamed-karawia/library 0.1.17 → 0.1.21

package/dist/stories/Widgets/SpacesListWidget/SpacesListWidget.js

@@ -0,0 +1,115 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/taggedTemplateLiteral"));
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+
+var _ReusableList = _interopRequireDefault(require("../../Reusable Components/ReusableList/ReusableList"));
+
+var _ai = require("react-icons/ai");
+
+var _bs = require("react-icons/bs");
+
+var _ReactModal = _interopRequireDefault(require("../../Reusable Components/ReactModal/ReactModal"));
+
+var _SpacesListPreview = _interopRequireDefault(require("../../PreviewComponents/SpacesListPreview/SpacesListPreview"));
+
+var _CreateSpace = _interopRequireDefault(require("../../Forms/CreateSpace/CreateSpace"));
+
+var _templateObject;
+
+var _excluded = ["spaces"];
+
+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 SpacesListWidget = function SpacesListWidget(_ref) {
+  var spaces = _ref.spaces,
+      props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+
+  var _useState = (0, _react.useState)(false),
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+      showCreateModal = _useState2[0],
+      setShowCreateModal = _useState2[1];
+
+  var _useState3 = (0, _react.useState)(false),
+      _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+      showConfigModal = _useState4[0],
+      setShowConfigModal = _useState4[1];
+
+  var listControls = [{
+    icon: /*#__PURE__*/_react.default.createElement(_ai.AiOutlineFileAdd, null),
+    action: 'add',
+    name: 'Create Space'
+  }, {
+    icon: /*#__PURE__*/_react.default.createElement(_bs.BsGear, null),
+    action: 'config',
+    name: 'Config'
+  }];
+
+  var onIconClicked = function onIconClicked(action) {
+    if (!props.preview) {
+      switch (action) {
+        case 'add':
+          setShowCreateModal(true);
+          break;
+
+        case 'config':
+          setShowConfigModal(true);
+          break;
+
+        default:
+          break;
+      }
+    }
+  };
+
+  return /*#__PURE__*/_react.default.createElement(Container, null, /*#__PURE__*/_react.default.createElement(_ReusableList.default, Object.assign({
+    listTitle: props.title || 'My Spaces',
+    type: "sectioned",
+    data: spaces,
+    iconClicked: onIconClicked,
+    listControls: listControls,
+    cardStyle: "card-style-3"
+  }, props)), /*#__PURE__*/_react.default.createElement(_ReactModal.default, {
+    modalIsOpen: showCreateModal,
+    closeModal: function closeModal() {
+      return setShowCreateModal(false);
+    },
+    exitModalButton: function exitModalButton(e) {
+      return /*#__PURE__*/_react.default.createElement("div", null);
+    }
+  }, /*#__PURE__*/_react.default.createElement(_CreateSpace.default, null)), /*#__PURE__*/_react.default.createElement(_ReactModal.default, {
+    modalIsOpen: showConfigModal,
+    closeModal: function closeModal() {
+      return setShowConfigModal(false);
+    },
+    exitModalButton: function exitModalButton(e) {
+      return /*#__PURE__*/_react.default.createElement("div", null);
+    }
+  }, /*#__PURE__*/_react.default.createElement(_SpacesListPreview.default, {
+    componentProps: {
+      spaces: spaces,
+      preview: true
+    }
+  })));
+};
+
+var Container = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n    \n"])));
+
+var _default = SpacesListWidget;
+exports.default = _default;

package/dist/stories/Widgets/UsersWidget/UsersWidget.js

@@ -0,0 +1,30 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _ReusableList = _interopRequireDefault(require("../../Reusable Components/ReusableList/ReusableList"));
+
+var _excluded = ["users"];
+
+var UsersWidget = function UsersWidget(_ref) {
+  var users = _ref.users,
+      props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  return /*#__PURE__*/_react.default.createElement(_ReusableList.default, Object.assign({
+    listTitle: props.title || 'Members List',
+    cardStyle: "card-style-1",
+    data: users,
+    type: "flat"
+  }, props));
+};
+
+var _default = UsersWidget;
+exports.default = _default;

package/dist/stories/helpers/util.js

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.getWidgetType = exports.getCardStyle = exports.addObjectToArray = exports.deleteFromArrayByIndex = exports.stringSearch = void 0;
+exports.getComponentType = exports.getWidgetType = exports.getCardStyle = exports.addObjectToArray = exports.deleteFromArrayByIndex = exports.stringSearch = void 0;
 
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/toConsumableArray"));
 
@@ -43,8 +43,35 @@ var _Notes = _interopRequireDefault(require("../Library/Notes/Notes"));
 
 var _Folders = _interopRequireDefault(require("../Library/Folders/Folders"));
 
+var _UsersWidget = _interopRequireDefault(require("../Widgets/UsersWidget/UsersWidget"));
+
+var _SpacesListWidget = _interopRequireDefault(require("../Widgets/SpacesListWidget/SpacesListWidget"));
+
+var _Navbar = _interopRequireDefault(require("../Navbar/Navbar"));
+
+var _ViewAlbums = _interopRequireDefault(require("../Music Album/ViewAlbums/ViewAlbums"));
+
+var _ViewAlbum = _interopRequireDefault(require("../Music Album/ViewAlbum/ViewAlbum"));
+
+var _ViewAlbums2 = _interopRequireDefault(require("../Photo Album/ViewAlbums/ViewAlbums"));
+
+var _ViewAlbum2 = _interopRequireDefault(require("../Photo Album/ViewAlbum/ViewAlbum"));
+
+var _Chat = _interopRequireDefault(require("../Chat/Chat"));
+
+var _EventsList = _interopRequireDefault(require("../Events/EventsList/EventsList"));
+
+var _Event = _interopRequireDefault(require("../Events/Event/Event"));
+
+var _VideoSpace = _interopRequireDefault(require("../VideoAlbum/VideoSpace/VideoSpace"));
+
+var _AlbumsGallery = _interopRequireDefault(require("../VideoAlbum/AlbumsGallery/AlbumsGallery"));
+
+var _ViewAlbum3 = _interopRequireDefault(require("../VideoAlbum/ViewAlbum/ViewAlbum"));
+
 // Cards
 // Widgets
+// Preview Components
 var stringSearch = function stringSearch(str, word) {
   str = str.toUpperCase();
   word = word.toUpperCase();
@@ -185,9 +212,39 @@ var getWidgetType = function getWidgetType(widgetType, props, _cardClicked) {
     'logo': /*#__PURE__*/_react.default.createElement(_LogoWidget.default, props),
     'video player': /*#__PURE__*/_react.default.createElement(_VideoPlayer.default, props),
     'notes': /*#__PURE__*/_react.default.createElement(_Notes.default, props),
-    'folders': /*#__PURE__*/_react.default.createElement(_Folders.default, props)
+    'folders': /*#__PURE__*/_react.default.createElement(_Folders.default, props),
+    'users': /*#__PURE__*/_react.default.createElement(_UsersWidget.default, props),
+    'profile': /*#__PURE__*/_react.default.createElement(_CardStyle2.default, props),
+    'spaces-list': /*#__PURE__*/_react.default.createElement(_SpacesListWidget.default, Object.assign({
+      cardClicked: function cardClicked(path) {
+        return _cardClicked(path);
+      }
+    }, props))
   };
   return widgetTypes[widgetType];
 };
 
-exports.getWidgetType = getWidgetType;
+exports.getWidgetType = getWidgetType;
+
+var getComponentType = function getComponentType(componentType, componentProps, stylingProps) {
+  var componentTypes = {
+    'Navbar': /*#__PURE__*/_react.default.createElement(_Navbar.default, Object.assign({}, componentProps, stylingProps)),
+    'MusicAlbums': /*#__PURE__*/_react.default.createElement(_ViewAlbums.default, Object.assign({}, componentProps, stylingProps)),
+    'MusicAlbum': /*#__PURE__*/_react.default.createElement(_ViewAlbum.default, Object.assign({}, componentProps, stylingProps)),
+    'PhotoAlbum': /*#__PURE__*/_react.default.createElement(_ViewAlbum2.default, Object.assign({}, componentProps, stylingProps)),
+    'PhotoAlbums': /*#__PURE__*/_react.default.createElement(_ViewAlbums2.default, Object.assign({}, componentProps, stylingProps)),
+    'MusicPlayer': /*#__PURE__*/_react.default.createElement(_MusicPlayerWidget.default, Object.assign({}, componentProps, stylingProps)),
+    'Folders': /*#__PURE__*/_react.default.createElement(_Folders.default, Object.assign({}, componentProps, stylingProps)),
+    'Notes': /*#__PURE__*/_react.default.createElement(_Notes.default, Object.assign({}, componentProps, stylingProps)),
+    'Spaces-List': /*#__PURE__*/_react.default.createElement(_SpacesListWidget.default, Object.assign({}, componentProps, stylingProps)),
+    'Chat': /*#__PURE__*/_react.default.createElement(_Chat.default, Object.assign({}, componentProps, stylingProps)),
+    'Events': /*#__PURE__*/_react.default.createElement(_EventsList.default, Object.assign({}, componentProps, stylingProps)),
+    'Event': /*#__PURE__*/_react.default.createElement(_Event.default, Object.assign({}, componentProps, stylingProps)),
+    'Video-Space': /*#__PURE__*/_react.default.createElement(_VideoSpace.default, Object.assign({}, componentProps, stylingProps)),
+    'Video-Albums': /*#__PURE__*/_react.default.createElement(_AlbumsGallery.default, Object.assign({}, componentProps, stylingProps)),
+    'Video-Album': /*#__PURE__*/_react.default.createElement(_ViewAlbum3.default, Object.assign({}, componentProps, stylingProps))
+  };
+  return componentTypes[componentType];
+};
+
+exports.getComponentType = getComponentType;