@selfcommunity/react-ui 0.1.2-alpha.0

package/lib/cjs/components/BroadcastMessages/Skeleton.js

@@ -0,0 +1,139 @@
+"use strict";
+
+exports.__esModule = true;
+exports.MessageSkeleton = MessageSkeleton;
+exports.default = BroadcastMessagesSkeleton;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _material = require("@mui/material");
+
+var _styles = require("@mui/material/styles");
+
+var _Widget = _interopRequireDefault(require("../Widget"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+const MESSAGE_PREFIX = 'SCBroadcastMessageSkeleton';
+const messageClasses = {
+  root: `${MESSAGE_PREFIX}-root`,
+  header: `${MESSAGE_PREFIX}-header`,
+  title: `${MESSAGE_PREFIX}-title`,
+  media: `${MESSAGE_PREFIX}-media`,
+  content: `${MESSAGE_PREFIX}-content`
+};
+const MessageRoot = (0, _styles.styled)(_Widget.default, {
+  name: MESSAGE_PREFIX,
+  slot: 'Root',
+  overridesResolver: (props, styles) => styles.root
+})(({
+  theme
+}) => ({
+  marginBottom: theme.spacing(2)
+}));
+/**
+ * > API documentation for the Community-UI Broadcast Message Skeleton component. Learn about the available props and the CSS API.
+
+ #### Import
+
+ ```jsx
+ import {MessageSkeleton} from '@selfcommunity/react-ui';
+ ```
+
+ #### Component Name
+
+ The name `SCBroadcastMessageSkeleton` can be used when providing style overrides in the theme.
+
+ #### CSS
+
+ |Rule Name|Global class|Description|
+ |---|---|---|
+ |root|.SCBroadcastMessageSkeleton-root|Styles applied to the root element.|
+ |header|.SCBroadcastMessageSkeleton-header|Styles applied to the header element.|
+ |title|.SCBroadcastMessageSkeleton-title|Styles applied to the title element.|
+ |media|.SCBroadcastMessageSkeleton-media|Styles applied to the media element.|
+ |content|.SCBroadcastMessageSkeleton-content|Styles applied to the content section.|
+ *
+ */
+
+function MessageSkeleton(props) {
+  return /*#__PURE__*/_react.default.createElement(MessageRoot, {
+    className: classes.root
+  }, /*#__PURE__*/_react.default.createElement(_material.CardHeader, {
+    className: messageClasses.header,
+    avatar: /*#__PURE__*/_react.default.createElement(_material.Skeleton, {
+      animation: "wave",
+      variant: "circular",
+      width: 40,
+      height: 40
+    }),
+    title: /*#__PURE__*/_react.default.createElement(_material.Skeleton, {
+      animation: "wave",
+      variant: "rectangular",
+      width: 60,
+      height: 20
+    })
+  }), /*#__PURE__*/_react.default.createElement(_material.CardContent, {
+    className: messageClasses.title
+  }, /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_material.Skeleton, {
+    animation: "wave",
+    height: 10,
+    width: "80%"
+  }))), /*#__PURE__*/_react.default.createElement(_material.Box, {
+    className: messageClasses.media
+  }, /*#__PURE__*/_react.default.createElement(_material.Skeleton, {
+    height: 190,
+    animation: "wave",
+    variant: "rectangular"
+  })), /*#__PURE__*/_react.default.createElement(_material.CardContent, {
+    className: messageClasses.content
+  }, /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_material.Skeleton, {
+    animation: "wave",
+    height: 10,
+    width: "80%"
+  }), /*#__PURE__*/_react.default.createElement(_material.Skeleton, {
+    animation: "wave",
+    height: 10,
+    width: 60
+  }))));
+}
+
+const PREFIX = 'SCBroadcastMessagesSkeleton';
+const classes = {
+  root: `${PREFIX}-root`
+};
+const Root = (0, _styles.styled)(_material.Box, {
+  name: PREFIX,
+  slot: 'Root',
+  overridesResolver: (props, styles) => styles.root
+})(({
+  theme
+}) => ({}));
+/**
+ * > API documentation for the Community-UI Broadcast Messages Skeleton component. Learn about the available props and the CSS API.
+
+ #### Import
+
+ ```jsx
+ import {BroadcastMessagesSkeleton} from '@selfcommunity/react-ui';
+ ```
+
+ #### Component Name
+
+ The name `SCBroadcastMessagesSkeleton` can be used when providing style overrides in the theme.
+
+ #### CSS
+
+ |Rule Name|Global class|Description|
+ |---|---|---|
+ |root|.SCBroadcastMessagesSkeleton-root|Styles applied to the root element.|
+ *
+ */
+
+function BroadcastMessagesSkeleton(props) {
+  return /*#__PURE__*/_react.default.createElement(Root, _extends({
+    className: classes.root
+  }, props), /*#__PURE__*/_react.default.createElement(MessageSkeleton, null), /*#__PURE__*/_react.default.createElement(MessageSkeleton, null), /*#__PURE__*/_react.default.createElement(MessageSkeleton, null));
+}

package/lib/cjs/components/BroadcastMessages/index.js

@@ -0,0 +1,21 @@
+"use strict";
+
+exports.__esModule = true;
+exports.default = void 0;
+
+var _BroadcastMessages = _interopRequireWildcard(require("./BroadcastMessages"));
+
+exports.BroadcastMessagesProps = _BroadcastMessages.BroadcastMessagesProps;
+
+var _Skeleton = _interopRequireDefault(require("./Skeleton"));
+
+exports.BroadcastMessagesSkeleton = _Skeleton.default;
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (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 = _BroadcastMessages.default;
+exports.default = _default;

package/lib/cjs/components/CategoriesFollowed/CategoriesFollowed.js

@@ -0,0 +1,275 @@
+"use strict";
+
+exports.__esModule = true;
+exports.default = CategoriesFollowed;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _styles = require("@mui/material/styles");
+
+var _List = _interopRequireDefault(require("@mui/material/List"));
+
+var _material = require("@mui/material");
+
+var _apiServices = require("@selfcommunity/api-services");
+
+var _reactCore = require("@selfcommunity/react-core");
+
+var _Category = _interopRequireDefault(require("../Category"));
+
+var _Errors = require("../../constants/Errors");
+
+var _reactIntl = require("react-intl");
+
+var _Skeleton = _interopRequireDefault(require("./Skeleton"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _BaseDialog = _interopRequireDefault(require("../../shared/BaseDialog"));
+
+var _CentralProgress = _interopRequireDefault(require("../../shared/CentralProgress"));
+
+var _reactInfiniteScrollComponent = _interopRequireDefault(require("react-infinite-scroll-component"));
+
+var _Widget = _interopRequireDefault(require("../Widget"));
+
+var _useThemeProps = _interopRequireDefault(require("@mui/material/styles/useThemeProps"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (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; }
+
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+const messages = (0, _reactIntl.defineMessages)({
+  title: {
+    id: 'ui.categoriesFollowed.title',
+    defaultMessage: 'ui.categoriesFollowed.title'
+  },
+  noCategories: {
+    id: 'ui.categoriesFollowed.subtitle.noResults',
+    defaultMessage: 'ui.categoriesFollowed.subtitle.noResults'
+  }
+});
+const PREFIX = 'SCCategoriesFollowed';
+const classes = {
+  root: `${PREFIX}-root`,
+  title: `${PREFIX}-title`,
+  noResults: `${PREFIX}-no-results`,
+  showMore: `${PREFIX}-show-more`
+};
+const Root = (0, _styles.styled)(_Widget.default, {
+  name: PREFIX,
+  slot: 'Root',
+  overridesResolver: (props, styles) => styles.root
+})(({
+  theme
+}) => ({
+  marginBottom: theme.spacing(2)
+}));
+/**
+ > API documentation for the Community-UI Categories Followed component. Learn about the available props and the CSS API.
+ *
+ #### Import
+ ```jsx
+ import {CategoriesFollowed} from '@selfcommunity/react-ui';
+ ```
+ #### Component Name
+ The name `SCCategoriesFollowed` can be used when providing style overrides in the theme.
+
+ #### CSS
+
+ |Rule Name|Global class|Description|
+ |---|---|---|
+ |root|.SCCategoryFollowed-root|Styles applied to the root element.|
+ |title|.SCCategoryFollowed-title|Styles applied to the title element.|
+ |noResults|.SCCategoryFollowed-no-results|Styles applied to no results section.|
+ |showMore|.SCCategoryFollowed-show-more|Styles applied to show more button element.|
+
+ * @param inProps
+ */
+
+function CategoriesFollowed(inProps) {
+  // CONST
+  const limit = 3; // INTL
+
+  const intl = (0, _reactIntl.useIntl)(); // CONTEXT
+
+  const scUserContext = (0, _react.useContext)(_reactCore.SCUserContext); // PROPS
+
+  const props = (0, _useThemeProps.default)({
+    props: inProps,
+    name: PREFIX
+  });
+  const {
+    userId,
+    autoHide,
+    className,
+    CategoryProps = {}
+  } = props; // STATE
+
+  const [categories, setCategories] = (0, _react.useState)([]);
+  const [visibleCategories, setVisibleCategories] = (0, _react.useState)(limit);
+  const [loading, setLoading] = (0, _react.useState)(true);
+  const [hasMore, setHasMore] = (0, _react.useState)(false);
+  const [total, setTotal] = (0, _react.useState)(0);
+  const [openCategoriesFollowedDialog, setOpenCategoriesFollowedDialog] = (0, _react.useState)(false);
+  const [next, setNext] = (0, _react.useState)(`${_apiServices.Endpoints.FollowedCategories.url({
+    id: userId != null ? userId : scUserContext.user['id']
+  })}?limit=10`); // CONST
+
+  const authUserId = scUserContext.user ? scUserContext.user.id : null;
+  /**
+   * Handles list change on category follow
+   */
+
+  function handleOnFollowCategory(category) {
+    if (scUserContext.user['id'] === userId) {
+      setCategories(categories.filter(c => c.id !== category.id));
+      setTotal(prev => prev - 1);
+
+      if (visibleCategories < limit && total > 1) {
+        loadCategories(1);
+      }
+    } else {
+      const newCategories = [...categories];
+      const index = newCategories.findIndex(u => u.id === category.id);
+
+      if (index !== -1) {
+        console.log(category.followed);
+
+        if (category.followed) {
+          newCategories[index].followers_counter = category.followers_counter - 1;
+          newCategories[index].followed = !category.followed;
+        } else {
+          newCategories[index].followers_counter = category.followers_counter + 1;
+          newCategories[index].followed = !category.followed;
+        }
+
+        setCategories(newCategories);
+      }
+    }
+  }
+  /**
+   * fetches Categories Followed
+   */
+
+
+  function fetchCategoriesFollowed() {
+    if (next) {
+      _apiServices.http.request({
+        url: next,
+        method: _apiServices.Endpoints.FollowedCategories.method
+      }).then(res => {
+        const data = res.data;
+        setCategories([...categories, ...data]);
+        setTotal(data.length);
+        setNext(data['next']);
+        setHasMore(data.length > visibleCategories);
+        setLoading(false);
+      }).catch(error => {
+        setLoading(false);
+
+        _reactCore.Logger.error(_Errors.SCOPE_SC_UI, error);
+      });
+    }
+  }
+  /**
+   * Loads more categories when followed list changes
+   */
+
+
+  function loadCategories(n) {
+    const newIndex = visibleCategories + n;
+    const newHasMore = newIndex < categories.length - 1;
+    setVisibleCategories(newIndex);
+    setHasMore(newHasMore);
+  }
+  /**
+   * On mount, fetches the list of categories followed
+   */
+
+
+  (0, _react.useEffect)(() => {
+    fetchCategoriesFollowed();
+  }, [authUserId]);
+  /**
+   * Renders the list of categories followed
+   */
+
+  const c = /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, loading ? /*#__PURE__*/_react.default.createElement(_Skeleton.default, {
+    elevation: 0
+  }) : /*#__PURE__*/_react.default.createElement(_material.CardContent, null, /*#__PURE__*/_react.default.createElement(_material.Typography, {
+    className: classes.title,
+    variant: "h5"
+  }, `${intl.formatMessage(messages.title, {
+    total: total
+  })}`), !total ? /*#__PURE__*/_react.default.createElement(_material.Typography, {
+    className: classes.noResults,
+    variant: "body2"
+  }, `${intl.formatMessage(messages.noCategories)}`) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_List.default, null, categories.slice(0, visibleCategories).map(category => /*#__PURE__*/_react.default.createElement(_material.ListItem, {
+    key: category.id
+  }, /*#__PURE__*/_react.default.createElement(_Category.default, _extends({
+    elevation: 0,
+    category: category,
+    followCategoryButtonProps: {
+      onFollow: handleOnFollowCategory
+    }
+  }, CategoryProps))))), hasMore && /*#__PURE__*/_react.default.createElement(_material.Button, {
+    size: "small",
+    className: classes.showMore,
+    onClick: () => setOpenCategoriesFollowedDialog(true)
+  }, /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, {
+    id: "ui.categoriesFollowed.button.showAll",
+    defaultMessage: "ui.categoriesFollowed.button.showAll"
+  })), openCategoriesFollowedDialog && /*#__PURE__*/_react.default.createElement(_BaseDialog.default, {
+    title: `${intl.formatMessage(messages.title, {
+      total: total
+    })}`,
+    onClose: () => setOpenCategoriesFollowedDialog(false),
+    open: openCategoriesFollowedDialog
+  }, loading ? /*#__PURE__*/_react.default.createElement(_CentralProgress.default, {
+    size: 50
+  }) : /*#__PURE__*/_react.default.createElement(_reactInfiniteScrollComponent.default, {
+    dataLength: categories.length,
+    next: fetchCategoriesFollowed,
+    hasMore: Boolean(next),
+    loader: /*#__PURE__*/_react.default.createElement(_CentralProgress.default, {
+      size: 30
+    }),
+    height: 400,
+    endMessage: /*#__PURE__*/_react.default.createElement("p", {
+      style: {
+        textAlign: 'center'
+      }
+    }, /*#__PURE__*/_react.default.createElement("b", null, /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, {
+      id: "ui.categoriesFollowed.noMoreResults",
+      defaultMessage: "ui.categoriesFollowed.noMoreResults"
+    })))
+  }, /*#__PURE__*/_react.default.createElement(_List.default, null, categories.map(c => /*#__PURE__*/_react.default.createElement(_material.ListItem, {
+    key: c.id
+  }, /*#__PURE__*/_react.default.createElement(_Category.default, _extends({
+    elevation: 0,
+    category: c,
+    sx: {
+      m: 0
+    },
+    followCategoryButtonProps: {
+      onFollow: handleOnFollowCategory
+    }
+  }, CategoryProps))))))))));
+  /**
+   * Renders root object (if results and if user is logged, otherwise component is hidden)
+   */
+
+
+  if (autoHide && !total) {
+    return null;
+  }
+
+  return /*#__PURE__*/_react.default.createElement(Root, {
+    className: (0, _classnames.default)(classes.root, className)
+  }, c);
+}

package/lib/cjs/components/CategoriesFollowed/CategoriesFollowed.stories.js

@@ -0,0 +1,71 @@
+"use strict";
+
+exports.__esModule = true;
+exports.default = exports.Base = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _index = _interopRequireDefault(require("./index"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+// More on default export: https://storybook.js.org/docs/react/writing-stories/introduction#default-export
+var _default = {
+  title: 'Design System/SC UI/Categories Followed',
+  component: _index.default,
+  argTypes: {
+    userId: {
+      control: {
+        type: 'number'
+      },
+      description: 'User Id',
+      table: {
+        defaultValue: {
+          summary: 1
+        }
+      }
+    },
+    elevation: {
+      control: {
+        type: 'number'
+      },
+      description: 'Used only if variant="elevation". Shadow depth, corresponds to dp in the spec. It accepts values between 0 and 24 inclusive.',
+      table: {
+        defaultValue: {
+          summary: 1
+        }
+      }
+    },
+    variant: {
+      options: ['elevation', 'outlined'],
+      control: {
+        type: 'select'
+      },
+      description: 'The variant to use. Types: "elevation", "outlined", etc.',
+      table: {
+        defaultValue: {
+          summary: 'elevation'
+        }
+      }
+    }
+  },
+  args: {
+    userId: 1,
+    elevation: 1,
+    variant: 'elevation'
+  }
+}; // More on component templates: https://storybook.js.org/docs/react/writing-stories/introduction#using-args
+
+exports.default = _default;
+
+const Template = args => /*#__PURE__*/_react.default.createElement("div", {
+  style: {
+    width: 400
+  }
+}, /*#__PURE__*/_react.default.createElement(_index.default, args));
+
+const Base = Template.bind({});
+exports.Base = Base;
+Base.args = {
+  /* the args you need here will depend on your component */
+};

package/lib/cjs/components/CategoriesFollowed/CategoriesFollowedSkeleton.stories.js

@@ -0,0 +1,57 @@
+"use strict";
+
+exports.__esModule = true;
+exports.default = exports.Base = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _Skeleton = _interopRequireDefault(require("./Skeleton"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+// More on default export: https://storybook.js.org/docs/react/writing-stories/introduction#default-export
+var _default = {
+  title: 'Design System/SC UI/Skeleton/CategoriesFollowed',
+  component: _Skeleton.default,
+  argTypes: {
+    variant: {
+      options: ['elevation', 'outlined'],
+      control: {
+        type: 'select'
+      },
+      description: 'The variant to use. Types: "elevation", "outlined", etc.',
+      table: {
+        defaultValue: {
+          summary: 'elevation'
+        }
+      }
+    },
+    elevation: {
+      control: {
+        type: 'number'
+      },
+      description: 'Used only if variant="elevation". Shadow depth, corresponds to dp in the spec. It accepts values between 0 and 24 inclusive.',
+      table: {
+        defaultValue: {
+          summary: 1
+        }
+      }
+    }
+  },
+  args: {
+    elevation: 1,
+    variant: 'elevation'
+  }
+}; // More on component templates: https://storybook.js.org/docs/react/writing-stories/introduction#using-args
+
+exports.default = _default;
+
+const Template = args => /*#__PURE__*/_react.default.createElement("div", {
+  style: {
+    width: 400
+  }
+}, /*#__PURE__*/_react.default.createElement(_Skeleton.default, args));
+
+const Base = Template.bind({});
+exports.Base = Base;
+Base.args = {};

package/lib/cjs/components/CategoriesFollowed/Skeleton.js

@@ -0,0 +1,52 @@
+"use strict";
+
+exports.__esModule = true;
+exports.default = CategoriesFollowedSkeleton;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _Skeleton = _interopRequireDefault(require("../CategoriesSuggestion/Skeleton"));
+
+var _styles = require("@mui/material/styles");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+const PREFIX = 'SCCategoriesFollowedSkeleton';
+const classes = {
+  root: `${PREFIX}-root`
+};
+const Root = (0, _styles.styled)(_Skeleton.default, {
+  name: PREFIX,
+  slot: 'Root',
+  overridesResolver: (props, styles) => styles.root
+})(({
+  theme
+}) => ({}));
+/**
+ * > API documentation for the Community-UI Categories Followed Skeleton component. Learn about the available props and the CSS API.
+
+ #### Import
+
+ ```jsx
+ import {CategoriesFollowedSkeleton} from '@selfcommunity/react-ui';
+ ```
+
+ #### Component Name
+
+ The name `SCCategoriesFollowedSkeleton` can be used when providing style overrides in the theme.
+
+ #### CSS
+
+ |Rule Name|Global class|Description|
+ |---|---|---|
+ |root|.SCCategoriesFollowedSkeleton-root|Styles applied to the root element.|
+ *
+ */
+
+function CategoriesFollowedSkeleton(props) {
+  return /*#__PURE__*/_react.default.createElement(Root, _extends({
+    className: classes.root
+  }, props));
+}

package/lib/cjs/components/CategoriesFollowed/index.js

@@ -0,0 +1,15 @@
+"use strict";
+
+exports.__esModule = true;
+exports.default = void 0;
+
+var _CategoriesFollowed = _interopRequireDefault(require("./CategoriesFollowed"));
+
+var _Skeleton = _interopRequireDefault(require("./Skeleton"));
+
+exports.CategoriesFollowedSkeleton = _Skeleton.default;
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var _default = _CategoriesFollowed.default;
+exports.default = _default;