@selfcommunity/react-ui 0.1.2-alpha.5 → 0.1.2-alpha.8

package/lib/cjs/components/AccountRecover/AccountRecover.js

@@ -52,7 +52,7 @@ const Root = (0, _styles.styled)('form', {
 }));
 
 /**
- * > API documentation for the Community-UI AccountRecover component. Learn about the available props and the CSS API.
+ * > API documentation for the Community-JS AccountRecover component. Learn about the available props and the CSS API.
 
  #### Import
 

package/lib/cjs/components/AccountSignIn/AccountSignIn.js

@@ -56,7 +56,7 @@ const Root = (0, _styles.styled)('form', {
 }));
 
 /**
- * > API documentation for the Community-UI AccountSignIn component. Learn about the available props and the CSS API.
+ * > API documentation for the Community-JS AccountSignIn component. Learn about the available props and the CSS API.
  * > This component support [OAuth2 authentication](https://developers.selfcommunity.com/docs/api/authentication/oauth#password) protocol with grant_type password
 
  #### Import

package/lib/cjs/components/AccountSignUp/AccountSignUp.js

@@ -58,7 +58,7 @@ const Root = (0, _styles.styled)('form', {
 }));
 
 /**
- * > API documentation for the Community-UI AccountSignUp component. Learn about the available props and the CSS API.
+ * > API documentation for the Community-JS AccountSignUp component. Learn about the available props and the CSS API.
 
  #### Import
 

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

@@ -69,7 +69,7 @@ const Root = (0, _styles.styled)(_material.Box, {
 }));
 
 /**
- > API documentation for the Community-UI Broadcast Messages component. Learn about the available props and the CSS API.
+ > API documentation for the Community-JS Broadcast Messages component. Learn about the available props and the CSS API.
  > This component handles message broadcasts. It initially displays unseen messages. If all messages have been viewed it will show at most one message.
  *
  #### Import

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

@@ -34,7 +34,7 @@ const MessageRoot = (0, _styles.styled)(_Widget.default, {
   marginBottom: theme.spacing(2)
 }));
 /**
- * > API documentation for the Community-UI Broadcast Message Skeleton component. Learn about the available props and the CSS API.
+ * > API documentation for the Community-JS Broadcast Message Skeleton component. Learn about the available props and the CSS API.
 
  #### Import
 
@@ -112,7 +112,7 @@ const Root = (0, _styles.styled)(_material.Box, {
   theme
 }) => ({}));
 /**
- * > API documentation for the Community-UI Broadcast Messages Skeleton component. Learn about the available props and the CSS API.
+ * > API documentation for the Community-JS Broadcast Messages Skeleton component. Learn about the available props and the CSS API.
 
  #### Import
 

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

@@ -70,7 +70,7 @@ const Root = (0, _styles.styled)(_Widget.default, {
   marginBottom: theme.spacing(2)
 }));
 /**
- > API documentation for the Community-UI Categories Followed component. Learn about the available props and the CSS API.
+ > API documentation for the Community-JS Categories Followed component. Learn about the available props and the CSS API.
  *
  #### Import
  ```jsx

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

@@ -25,7 +25,7 @@ const Root = (0, _styles.styled)(_Skeleton.default, {
   theme
 }) => ({}));
 /**
- * > API documentation for the Community-UI Categories Followed Skeleton component. Learn about the available props and the CSS API.
+ * > API documentation for the Community-JS Categories Followed Skeleton component. Learn about the available props and the CSS API.
 
  #### Import
 

package/lib/cjs/components/CategoriesPopular/CategoriesPopular.js

@@ -62,7 +62,7 @@ const Root = (0, _styles.styled)(_Widget.default, {
   marginBottom: theme.spacing(2)
 }));
 /**
- > API documentation for the Community-UI Categories Popular component. Learn about the available props and the CSS API.
+ > API documentation for the Community-JS Categories Popular component. Learn about the available props and the CSS API.
  *
  #### Import
  ```jsx

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

@@ -25,7 +25,7 @@ const Root = (0, _styles.styled)(_Skeleton.default, {
   theme
 }) => ({}));
 /**
- * > API documentation for the Community-UI Categories Popular Skeleton component. Learn about the available props and the CSS API.
+ * > API documentation for the Community-JS Categories Popular Skeleton component. Learn about the available props and the CSS API.
 
  #### Import
 

package/lib/cjs/components/CategoriesSuggestion/CategoriesSuggestion.js

@@ -55,7 +55,7 @@ const Root = (0, _styles.styled)(_Widget.default, {
 }));
 
 /**
- * > API documentation for the Community-UI Categories Suggestion component. Learn about the available props and the CSS API.
+ * > API documentation for the Community-JS Categories Suggestion component. Learn about the available props and the CSS API.
  *
  #### Import
  ```jsx

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

@@ -33,7 +33,7 @@ const Root = (0, _styles.styled)(_Widget.default)(({
   }
 }));
 /**
- * > API documentation for the Community-UI Categories Suggestion Skeleton component. Learn about the available props and the CSS API.
+ * > API documentation for the Community-JS Categories Suggestion Skeleton component. Learn about the available props and the CSS API.
 
  #### Import
 

package/lib/cjs/components/Category/Category.js

@@ -53,7 +53,7 @@ const Root = (0, _styles.styled)(_BaseItemButton.default, {
 }) => ({}));
 
 /**
- * > API documentation for the Community-UI Category component. Learn about the available props and the CSS API.
+ * > API documentation for the Community-JS Category component. Learn about the available props and the CSS API.
  *
  * #### Import
  ```jsx

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

@@ -25,7 +25,7 @@ const Root = (0, _styles.styled)(_BaseItem.default)(({
   theme
 }) => ({}));
 /**
- * > API documentation for the Community-UI Category Skeleton component. Learn about the available props and the CSS API.
+ * > API documentation for the Community-JS Category Skeleton component. Learn about the available props and the CSS API.
 
  #### Import
 

package/lib/cjs/components/CategoryHeader/CategoryHeader.js

@@ -104,7 +104,7 @@ const Root = (0, _styles.styled)(_material.Box, {
 }));
 
 /**
- *> API documentation for the Community-UI Category Header component. Learn about the available props and the CSS API.
+ *> API documentation for the Community-JS Category Header component. Learn about the available props and the CSS API.
  *
  #### Import
  ```jsx

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

@@ -40,7 +40,7 @@ const Root = (0, _styles.styled)(_material.Box, {
   }
 }));
 /**
- * > API documentation for the Community-UI Category Header Skeleton component. Learn about the available props and the CSS API.
+ * > API documentation for the Community-JS Category Header Skeleton component. Learn about the available props and the CSS API.
 
  #### Import
 

package/lib/cjs/components/ChangeCover/ChangeCover.js

@@ -57,7 +57,7 @@ const Root = (0, _styles.styled)(_material.Box, {
 }));
 
 /**
- *> API documentation for the Community-UI Change Cover component. Learn about the available props and the CSS API.
+ *> API documentation for the Community-JS Change Cover component. Learn about the available props and the CSS API.
  *
  #### Import
  ```jsx

package/lib/cjs/components/ChangePicture/ChangePicture.js

@@ -46,7 +46,7 @@ const CPButton = (0, _styles.styled)(_material.Button, {
 }) => ({}));
 
 /**
- * > API documentation for the Community-UI Change Picture component. Learn about the available props and the CSS API.
+ * > API documentation for the Community-JS Change Picture component. Learn about the available props and the CSS API.
 
  #### Import
 

package/lib/cjs/components/CommentObject/CommentObject.js

@@ -51,7 +51,7 @@ var _apiServices = require("@selfcommunity/api-services");
 
 var _reactCore = require("@selfcommunity/react-core");
 
-const _excluded = ["id", "className", "commentObjectId", "commentObject", "feedObjectId", "feedObject", "feedObjectType", "commentReply", "onOpenReply", "onDelete", "onVote", "elevation", "CommentObjectSkeletonProps", "ReplyCommentObjectProps"];
+const _excluded = ["id", "className", "commentObjectId", "commentObject", "feedObjectId", "feedObject", "feedObjectType", "commentReply", "onOpenReply", "onDelete", "onVote", "elevation", "CommentObjectSkeletonProps", "ReplyCommentObjectProps", "linkableCommentDateTime"];
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
@@ -130,6 +130,7 @@ const Root = (0, _styles.styled)(_material.Box, {
   [`& .${classes.content}`]: {
     position: 'relative',
     display: 'flex',
+    wordBreak: 'break-all',
     '& .MuiCardContent-root': {
       padding: '7px 13px 7px 13px',
       flexGrow: 1
@@ -182,7 +183,7 @@ const Root = (0, _styles.styled)(_material.Box, {
 }));
 
 /**
- *> API documentation for the Community-UI Comment Object component. Learn about the available props and the CSS API.
+ *> API documentation for the Community-JS Comment Object component. Learn about the available props and the CSS API.
 
  #### Import
 
@@ -247,7 +248,8 @@ function CommentObject(inProps) {
       WidgetProps: {
         variant: 'outlined'
       }
-    }
+    },
+    linkableCommentDateTime = true
   } = props,
         rest = _objectWithoutPropertiesLoose(props, _excluded); // CONTEXT
 
@@ -285,11 +287,13 @@ function CommentObject(inProps) {
    */
 
   function renderTimeAgo(comment) {
-    return /*#__PURE__*/_react.default.createElement(_reactCore.Link, {
+    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, linkableCommentDateTime ? /*#__PURE__*/_react.default.createElement(_reactCore.Link, {
       to: scRoutingContext.url(_reactCore.SCRoutes.COMMENT_ROUTE_NAME, (0, _contribution.getRouteData)(comment)),
       className: classes.activityAt
     }, /*#__PURE__*/_react.default.createElement(_DateTimeAgo.default, {
       date: comment.added_at
+    })) : /*#__PURE__*/_react.default.createElement(_DateTimeAgo.default, {
+      date: comment.added_at
     }));
   }
   /**
@@ -741,7 +745,8 @@ function CommentObject(inProps) {
       CommentComponentProps: Object.assign({
         onOpenReply: reply,
         CommentObjectSkeletonProps,
-        elevation: elevation
+        elevation: elevation,
+        linkableCommentDateTime: linkableCommentDateTime
       }, rest),
       CommentsObjectSkeletonProps: {
         count: 1,

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

@@ -47,7 +47,7 @@ const Root = (0, _styles.styled)(_BaseItem.default)(({
   }
 }));
 /**
- * > API documentation for the Community-UI Comment Object Skeleton component. Learn about the available props and the CSS API.
+ * > API documentation for the Community-JS Comment Object Skeleton component. Learn about the available props and the CSS API.
 
  #### Import
 

package/lib/cjs/components/CommentsFeedObject/CommentsFeedObject.js

@@ -69,7 +69,7 @@ const Root = (0, _styles.styled)(_material.Box, {
 }));
 
 /**
- *> API documentation for the Community-UI Comments Object component. Learn about the available props and the CSS API.
+ *> API documentation for the Community-JS Comments Object component. Learn about the available props and the CSS API.
 
  #### Import
 
@@ -107,7 +107,8 @@ function CommentsFeedObject(inProps) {
     commentObject,
     CommentComponent = _CommentObject.default,
     CommentComponentProps = {
-      variant: 'outlined'
+      variant: 'outlined',
+      linkableCommentDateTime: false
     },
     CommentObjectSkeletonProps = {
       elevation: 0,

package/lib/cjs/components/CommentsObject/CommentsObject.js

@@ -86,7 +86,7 @@ const Root = (0, _styles.styled)(_material.Box, {
 }));
 const PREFERENCES = [_reactCore.SCPreferences.ADVERTISING_CUSTOM_ADV_ENABLED, _reactCore.SCPreferences.ADVERTISING_CUSTOM_ADV_ONLY_FOR_ANONYMOUS_USERS_ENABLED];
 /**
- *> API documentation for the Community-UI Comments Object component. Learn about the available props and the CSS API.
+ *> API documentation for the Community-JS Comments Object component. Learn about the available props and the CSS API.
 
  #### Import
 

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

@@ -29,7 +29,7 @@ const Root = (0, _styles.styled)(_material.Box)(({
   width: '100%'
 }));
 /**
- * > API documentation for the Community-UI Comments Object Skeleton component. Learn about the available props and the CSS API.
+ * > API documentation for the Community-JS Comments Object Skeleton component. Learn about the available props and the CSS API.
 
  #### Import
 

package/lib/cjs/components/Composer/Composer.js

@@ -275,7 +275,7 @@ const reducer = (state, action) => {
   }
 };
 /**
- > API documentation for the Community-UI Composer component. Learn about the available props and the CSS API.
+ > API documentation for the Community-JS Composer component. Learn about the available props and the CSS API.
  > The Composer component contains the logic around the creation of [Post](https://developers.selfcommunity.com/docs/apireference/v2/post/create_a_post) and [Discussion](https://developers.selfcommunity.com/docs/apireference/v2/discussion/create_a_discussion) objects.
  *
  #### Import
@@ -747,10 +747,12 @@ function Composer(inProps) {
         value: (0, _apiServices.formatHttpError)(error)
       });
     }).then(() => setIsSubmitting(false));
-  };
-  /* Renderers */
+  }; // RENDER
 
 
+  const theme = (0, _styles.useTheme)();
+  const smDown = (0, _material.useMediaQuery)(theme.breakpoints.down('sm'));
+  const fullScreen = (0, _material.useMediaQuery)(theme.breakpoints.down('md'));
   const hasMediaShare = (0, _react.useMemo)(() => medias.findIndex(m => m.type === _Media.MEDIA_TYPE_SHARE) !== -1, [medias]);
 
   const renderMediaAdornment = mediaObjectType => {
@@ -792,7 +794,10 @@ function Composer(inProps) {
     })), /*#__PURE__*/_react.default.createElement(_material.Box, null, /*#__PURE__*/_react.default.createElement(_material.Avatar, {
       className: classes.avatar,
       src: scAuthContext.user.avatar
-    })), /*#__PURE__*/_react.default.createElement(_material.Box, null, /*#__PURE__*/_react.default.createElement(_material.Button, {
+    })), /*#__PURE__*/_react.default.createElement(_material.Box, null, smDown ? /*#__PURE__*/_react.default.createElement(_material.IconButton, {
+      onClick: handleChangeView(MAIN_VIEW),
+      color: "inherit"
+    }, /*#__PURE__*/_react.default.createElement(_Icon.default, null, "check")) : /*#__PURE__*/_react.default.createElement(_material.Button, {
       onClick: handleChangeView(MAIN_VIEW),
       variant: "text",
       color: "inherit"
@@ -862,7 +867,11 @@ function Composer(inProps) {
       })), /*#__PURE__*/_react.default.createElement(_material.Box, null, /*#__PURE__*/_react.default.createElement(_material.Avatar, {
         className: classes.avatar,
         src: scAuthContext.user.avatar
-      })), /*#__PURE__*/_react.default.createElement(_material.Box, null, /*#__PURE__*/_react.default.createElement(_material.Button, {
+      })), /*#__PURE__*/_react.default.createElement(_material.Box, null, smDown ? /*#__PURE__*/_react.default.createElement(_material.IconButton, {
+        onClick: handleChangeView(MAIN_VIEW),
+        color: "inherit",
+        disabled: mediasRef.current.mediaChunks.length > 0
+      }, /*#__PURE__*/_react.default.createElement(_Icon.default, null, "check")) : /*#__PURE__*/_react.default.createElement(_material.Button, {
         onClick: handleChangeView(MAIN_VIEW),
         variant: "text",
         color: "inherit",
@@ -892,15 +901,23 @@ function Composer(inProps) {
       size: "small",
       disabled: !hasPoll()
     }, /*#__PURE__*/_react.default.createElement(_Icon.default, null, "arrow_back")), /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, {
-      id: "ui.composer.poll.title",
-      defaultMessage: "ui.composer.poll.title"
+      id: "ui.composer.poll",
+      defaultMessage: "ui.composer.poll"
     })), /*#__PURE__*/_react.default.createElement(_material.Box, null, /*#__PURE__*/_react.default.createElement(_material.Avatar, {
       className: classes.avatar,
       src: scAuthContext.user.avatar
     })), /*#__PURE__*/_react.default.createElement(_material.Stack, {
       spacing: 2,
       direction: "row"
-    }, /*#__PURE__*/_react.default.createElement(_material.Button, {
+    }, smDown ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_material.IconButton, {
+      onClick: handleChangeView(MAIN_VIEW),
+      color: "inherit",
+      disabled: !hasPoll()
+    }, /*#__PURE__*/_react.default.createElement(_Icon.default, null, "check")), /*#__PURE__*/_react.default.createElement(_material.IconButton, {
+      onClick: handleChangeView(MAIN_VIEW),
+      color: "inherit",
+      disabled: !hasPoll()
+    }, /*#__PURE__*/_react.default.createElement(_Icon.default, null, "delete"))) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_material.Button, {
       onClick: handleDeletePoll,
       variant: "text",
       color: "inherit"
@@ -915,7 +932,7 @@ function Composer(inProps) {
     }, /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, {
       id: "ui.composer.done",
       defaultMessage: "ui.composer.done"
-    })))), /*#__PURE__*/_react.default.createElement(_material.DialogContent, {
+    }))))), /*#__PURE__*/_react.default.createElement(_material.DialogContent, {
       className: classes.content
     }, /*#__PURE__*/_react.default.createElement(_Poll2.default, {
       onChange: handleChangePoll,
@@ -938,7 +955,10 @@ function Composer(inProps) {
     })), /*#__PURE__*/_react.default.createElement(_material.Box, null, /*#__PURE__*/_react.default.createElement(_material.Avatar, {
       className: classes.avatar,
       src: scAuthContext.user.avatar
-    })), /*#__PURE__*/_react.default.createElement(_material.Box, null, /*#__PURE__*/_react.default.createElement(_material.Button, {
+    })), /*#__PURE__*/_react.default.createElement(_material.Box, null, smDown ? /*#__PURE__*/_react.default.createElement(_material.IconButton, {
+      onClick: handleChangeView(MAIN_VIEW),
+      color: "inherit"
+    }, /*#__PURE__*/_react.default.createElement(_Icon.default, null, "check")) : /*#__PURE__*/_react.default.createElement(_material.Button, {
       onClick: handleChangeView(MAIN_VIEW),
       variant: "text",
       color: "inherit"
@@ -1062,9 +1082,7 @@ function Composer(inProps) {
       onClick: handleChangeView(POLL_VIEW)
     }, /*#__PURE__*/_react.default.createElement(_material.Badge, {
       className: classes.badgeError,
-      badgeContent: pollError ? /*#__PURE__*/_react.default.createElement(_Icon.default, {
-        fontSize: "small"
-      }, "error_outline") : null,
+      badgeContent: pollError ? ' ' : null,
       color: "error"
     }, /*#__PURE__*/_react.default.createElement(_Icon.default, null, "bar_chart")))), /*#__PURE__*/_react.default.createElement(_material.Typography, {
       align: "right"
@@ -1126,9 +1144,6 @@ function Composer(inProps) {
     }));
   }
 
-  const theme = (0, _styles.useTheme)();
-  const fullScreen = (0, _material.useMediaQuery)(theme.breakpoints.down('md'));
-
   if (!scAuthContext.user) {
     return null;
   }

package/lib/cjs/components/Composer/Poll/Poll.js

@@ -50,6 +50,7 @@ const localeMap = {
 const PREFIX = 'SCComposerPoll';
 const classes = {
   root: `${PREFIX}-root`,
+  generalError: `${PREFIX}-generalError`,
   title: `${PREFIX}-title`,
   choices: `${PREFIX}-choices`,
   choiceNew: `${PREFIX}-choice-new`,
@@ -63,6 +64,10 @@ const Root = (0, _styles.styled)(_material.Box, {
   theme
 }) => ({
   padding: theme.spacing(2),
+  [`& .${classes.generalError}`]: {
+    marginBottom: theme.spacing(2),
+    color: theme.palette.error.main
+  },
   [`& .${classes.title}, & .${classes.choices}, & .${classes.choiceNew}, & .${classes.metadata}`]: {
     marginBottom: theme.spacing(3)
   },
@@ -118,7 +123,8 @@ var _default = inProps => {
     onChange
   } = props;
   const {
-    titleError = null
+    titleError = null,
+    error: generalError = null
   } = Object.assign({}, error); // STATE
 
   const [title, setTitle] = (0, _react.useState)(value !== null ? value.title : DEFAULT_POLL.title);
@@ -186,7 +192,9 @@ var _default = inProps => {
   return /*#__PURE__*/_react.default.createElement(Root, {
     id: id,
     className: (0, _classnames.default)(classes.root, className)
-  }, /*#__PURE__*/_react.default.createElement(_material.Box, {
+  }, generalError && /*#__PURE__*/_react.default.createElement(_material.Typography, {
+    className: classes.generalError
+  }, generalError), /*#__PURE__*/_react.default.createElement(_material.Box, {
     className: classes.title
   }, /*#__PURE__*/_react.default.createElement(_material.TextField, {
     label: /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, {

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

@@ -74,7 +74,7 @@ const Root = (0, _styles.styled)(_material.Box, {
   }
 }));
 /**
- * > API documentation for the Community-UI Composer Skeleton component. Learn about the available props and the CSS API.
+ * > API documentation for the Community-JS Composer Skeleton component. Learn about the available props and the CSS API.
 
  #### Import
 

package/lib/cjs/components/ConnectionUserButton/ConnectionUserButton.js

@@ -42,7 +42,7 @@ const Root = (0, _styles.styled)(_material.Box, {
 }) => ({}));
 
 /**
- > API documentation for the Community-UI Connection User Button component. Learn about the available props and the CSS API.
+ > API documentation for the Community-JS Connection User Button component. Learn about the available props and the CSS API.
  *
  #### Import
  ```jsx

package/lib/cjs/components/CustomAdv/CustomAdv.js

@@ -36,7 +36,7 @@ const Root = (0, _styles.styled)(_material.Box, {
 }));
 
 /**
- > API documentation for the Community-UI CustomAdv component. Learn about the available props and the CSS API.
+ > API documentation for the Community-JS CustomAdv component. Learn about the available props and the CSS API.
  *
  #### Import
  ```jsx

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

@@ -23,7 +23,7 @@ const Root = (0, _styles.styled)(_Skeleton.GenericSkeleton, {
   theme
 }) => ({}));
 /**
- * > API documentation for the Community-UI Custom Adv Skeleton component. Learn about the available props and the CSS API.
+ * > API documentation for the Community-JS Custom Adv Skeleton component. Learn about the available props and the CSS API.
 
  #### Import
 

package/lib/cjs/components/Editor/Editor.js

@@ -137,7 +137,7 @@ const Root = (0, _styles.styled)(_material.Box, {
 }));
 
 /**
- * > API documentation for the Community-UI Editor component. Learn about the available props and the CSS API.
+ * > API documentation for the Community-JS Editor component. Learn about the available props and the CSS API.
 
  #### Import
 

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

@@ -23,7 +23,7 @@ const Root = (0, _styles.styled)(_Skeleton.GenericSkeleton, {
   theme
 }) => ({}));
 /**
- * > API documentation for the Community-UI Editor Skeleton component. Learn about the available props and the CSS API.
+ * > API documentation for the Community-JS Editor Skeleton component. Learn about the available props and the CSS API.
 
  #### Import
 

package/lib/cjs/components/Feed/Feed.js

@@ -75,7 +75,7 @@ const Root = (0, _styles.styled)(_material.Grid, {
 }));
 const PREFERENCES = [_reactCore.SCPreferences.ADVERTISING_CUSTOM_ADV_ENABLED, _reactCore.SCPreferences.ADVERTISING_CUSTOM_ADV_ONLY_FOR_ANONYMOUS_USERS_ENABLED];
 /**
- * > API documentation for the Community-UI Feed component. Learn about the available props and the CSS API.
+ * > API documentation for the Community-JS Feed component. Learn about the available props and the CSS API.
 
  #### Import
 
@@ -134,7 +134,7 @@ const Feed = (inProps, ref) => {
   } = props; // STATE
 
   const [feedData, setFeedData] = (0, _react.useState)([]);
-  const [loading, setLoading] = (0, _react.useState)(true);
+  const [loading, setLoading] = (0, _react.useState)(false);
   const [next, setNext] = (0, _react.useState)(endpoint.url({})); // CONTEXT
 
   const scPreferences = (0, _reactCore.useSCPreferences)();
@@ -190,20 +190,22 @@ const Feed = (inProps, ref) => {
 
 
   const fetch = () => {
-    setLoading(true);
-
-    _apiServices.http.request({
-      url: next,
-      method: endpoint.method
-    }).then(res => {
-      const data = res.data;
-      setFeedData([...feedData, ...data.results]);
-      setNext(data.next);
-      setLoading(false);
-      onFetchData && onFetchData(res.data);
-    }).catch(error => {
-      _reactCore.Logger.error(_Errors.SCOPE_SC_UI, error);
-    });
+    if (!loading) {
+      setLoading(true);
+
+      _apiServices.http.request({
+        url: next,
+        method: endpoint.method
+      }).then(res => {
+        const data = res.data;
+        setFeedData([...feedData, ...data.results]);
+        setNext(data.next);
+        setLoading(false);
+        onFetchData && onFetchData(res.data);
+      }).catch(error => {
+        _reactCore.Logger.error(_Errors.SCOPE_SC_UI, error);
+      });
+    }
   };
 
   const refresh = () => {

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

@@ -35,7 +35,7 @@ const Root = (0, _styles.styled)(_material.Grid, {
 }));
 
 /**
- * > API documentation for the Community-UI Feed Skeleton component. Learn about the available props and the CSS API.
+ * > API documentation for the Community-JS Feed Skeleton component. Learn about the available props and the CSS API.
 
  #### Import
 

package/lib/cjs/components/FeedObject/Actions/Share/Share.js

@@ -194,6 +194,9 @@ function Share(inProps) {
 
 
   function handleComposerOnSuccess() {
+    setObj(Object.assign({}, obj, {
+      share_count: obj.share_count + 1
+    }));
     handleComposerOnClose();
   }
   /**

package/lib/cjs/components/FeedObject/FeedObject.js

@@ -228,7 +228,7 @@ const Root = (0, _styles.styled)(_Widget.default, {
 }));
 
 /**
- * > API documentation for the Community-UI Feed Object component. Learn about the available props and the CSS API.
+ * > API documentation for the Community-JS Feed Object component. Learn about the available props and the CSS API.
 
  #### Import
 

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

@@ -42,7 +42,7 @@ const Root = (0, _styles.styled)(_Widget.default, {
 }));
 
 /**
- * > API documentation for the Community-UI Feed Object Skeleton component. Learn about the available props and the CSS API.
+ * > API documentation for the Community-JS Feed Object Skeleton component. Learn about the available props and the CSS API.
 
  #### Import
 

package/lib/cjs/components/FeedUpdates/FeedUpdates.js

@@ -50,7 +50,7 @@ const Root = (0, _styles.styled)(_Widget.default, {
 }));
 
 /**
- * > API documentation for the Community-UI FeedUpdates component. Learn about the available props and the CSS API.
+ * > API documentation for the Community-JS FeedUpdates component. Learn about the available props and the CSS API.
  * This Component subscribe to updates from PubSub channel (eg. websocket) and tell the feed to updates if necessary.
 
  #### Import

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

@@ -20,7 +20,7 @@ const classes = {
 };
 const Root = (0, _styles.styled)(_GenericSkeleton.default)(() => ({}));
 /**
- * > API documentation for the Community-UI Feed Updates Skeleton component. Learn about the available props and the CSS API.
+ * > API documentation for the Community-JS Feed Updates Skeleton component. Learn about the available props and the CSS API.
 
  #### Import
 

package/lib/cjs/components/FollowCategoryButton/FollowCategoryButton.js

@@ -44,7 +44,7 @@ const FollowButton = (0, _styles.styled)(_lab.LoadingButton, {
 }) => ({}));
 
 /**
- * > API documentation for the Community-UI Follow Category Button component. Learn about the available props and the CSS API.
+ * > API documentation for the Community-JS Follow Category Button component. Learn about the available props and the CSS API.
 
  #### Import