npm - @selfcommunity/react-ui - Versions diffs - 0.1.2-alpha.0 → 0.1.2-alpha.11 - Mend

@selfcommunity/react-ui 0.1.2-alpha.0 → 0.1.2-alpha.11

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (561) hide show

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

@@ -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/AccountRecover/AccountRecover.stories.js CHANGED Viewed

@@ -11,7 +11,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 // More on default export: https://storybook.js.org/docs/react/writing-stories/introduction#default-export
 var _default = {
-  title: 'Design System/SC UI/Account Recover',
+  title: 'Design System/React UI/Account Recover',
   component: _index.default // More on argTypes: https://storybook.js.org/docs/react/api/argtypes
 }; // More on component templates: https://storybook.js.org/docs/react/writing-stories/introduction#using-args

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

@@ -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/AccountSignIn/AccountSignIn.stories.js CHANGED Viewed

@@ -11,7 +11,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 // More on default export: https://storybook.js.org/docs/react/writing-stories/introduction#default-export
 var _default = {
-  title: 'Design System/SC UI/Account Sign In',
+  title: 'Design System/React UI/Account Sign In',
   component: _index.default // More on argTypes: https://storybook.js.org/docs/react/api/argtypes
 }; // More on component templates: https://storybook.js.org/docs/react/writing-stories/introduction#using-args

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

@@ -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/AccountSignUp/AccountSignUp.stories.js CHANGED Viewed

@@ -11,7 +11,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 // More on default export: https://storybook.js.org/docs/react/writing-stories/introduction#default-export
 var _default = {
-  title: 'Design System/SC UI/Account Sign Up',
+  title: 'Design System/React UI/Account Sign Up',
   component: _index.default // More on argTypes: https://storybook.js.org/docs/react/api/argtypes
 }; // More on component templates: https://storybook.js.org/docs/react/writing-stories/introduction#using-args

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

@@ -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/BroadcastMessages.stories.js CHANGED Viewed

@@ -11,7 +11,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 // More on default export: https://storybook.js.org/docs/react/writing-stories/introduction#default-export
 var _default = {
-  title: 'Design System/SC UI/Broadcast Messages',
+  title: 'Design System/React UI/Broadcast Messages',
   component: _index.default,
   argTypes: {
     elevation: {

package/lib/cjs/components/BroadcastMessages/BroadcastMessagesSkeleton.stories.js CHANGED Viewed

@@ -11,7 +11,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 // More on default export: https://storybook.js.org/docs/react/writing-stories/introduction#default-export
 var _default = {
-  title: 'Design System/SC UI/Skeleton/Broadcast Messages',
+  title: 'Design System/React UI/Skeleton/Broadcast Messages',
   component: _Skeleton.default,
   argTypes: {},
   args: {}

package/lib/cjs/components/BroadcastMessages/Message.js CHANGED Viewed

@@ -85,7 +85,7 @@ const Root = (0, _styles.styled)(_Widget.default, {
     height: 30
   }
 }));
-const PREFERENCES = [_reactCore.SCPreferences.LOGO_NAVBAR_LOGO, _reactCore.SCPreferences.TEXT_APPLICATION_NAME];
+const PREFERENCES = [_reactCore.SCPreferences.LOGO_NAVBAR_LOGO_MOBILE, _reactCore.SCPreferences.TEXT_APPLICATION_NAME];
 function Message(props) {
   // PROPS
@@ -181,7 +181,7 @@ function Message(props) {
       className: classes.header,
       avatar: /*#__PURE__*/_react.default.createElement(_material.Avatar, {
         alt: preferences[_reactCore.SCPreferences.TEXT_APPLICATION_NAME],
-        src: preferences[_reactCore.SCPreferences.LOGO_NAVBAR_LOGO]
+        src: preferences[_reactCore.SCPreferences.LOGO_NAVBAR_LOGO_MOBILE_MOBILE]
       }),
       action: template === _types.SCBroadcastMessageTemplateType.DETAIL && /*#__PURE__*/_react.default.createElement(_material.IconButton, {
         "aria-label": "close",

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

@@ -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 CHANGED Viewed

@@ -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
@@ -111,7 +111,6 @@ function CategoriesFollowed(inProps) {
   } = 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);
@@ -129,17 +128,12 @@ function CategoriesFollowed(inProps) {
     if (scUserContext.user['id'] === userId) {
       setCategories(categories.filter(c => c.id !== category.id));
       setTotal(prev => prev - 1);
-      if (visibleCategories < limit && total > 1) {
-        loadCategories(1);
-      }
+      setHasMore(total - 1 > limit);
     } 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;
@@ -167,7 +161,7 @@ function CategoriesFollowed(inProps) {
         setCategories([...categories, ...data]);
         setTotal(data.length);
         setNext(data['next']);
-        setHasMore(data.length > visibleCategories);
+        setHasMore(data.length > limit);
         setLoading(false);
       }).catch(error => {
         setLoading(false);
@@ -176,17 +170,6 @@ function CategoriesFollowed(inProps) {
       });
     }
   }
-  /**
-   * 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
    */
@@ -209,7 +192,7 @@ function CategoriesFollowed(inProps) {
   })}`), !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, {
+  }, `${intl.formatMessage(messages.noCategories)}`) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_List.default, null, categories.slice(0, limit).map(category => /*#__PURE__*/_react.default.createElement(_material.ListItem, {
     key: category.id
   }, /*#__PURE__*/_react.default.createElement(_Category.default, _extends({
     elevation: 0,

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

@@ -11,7 +11,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 // More on default export: https://storybook.js.org/docs/react/writing-stories/introduction#default-export
 var _default = {
-  title: 'Design System/SC UI/Categories Followed',
+  title: 'Design System/React UI/Categories Followed',
   component: _index.default,
   argTypes: {
     userId: {

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

@@ -11,7 +11,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 // More on default export: https://storybook.js.org/docs/react/writing-stories/introduction#default-export
 var _default = {
-  title: 'Design System/SC UI/Skeleton/CategoriesFollowed',
+  title: 'Design System/React UI/Skeleton/CategoriesFollowed',
   component: _Skeleton.default,
   argTypes: {
     variant: {

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

@@ -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 CHANGED Viewed

@@ -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/CategoriesPopular.stories.js CHANGED Viewed

@@ -11,7 +11,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 // More on default export: https://storybook.js.org/docs/react/writing-stories/introduction#default-export
 var _default = {
-  title: 'Design System/SC UI/Categories Popular',
+  title: 'Design System/React UI/Categories Popular',
   component: _index.default,
   argTypes: {
     elevation: {

package/lib/cjs/components/CategoriesPopular/CategoriesPopularSkeleton.stories.js CHANGED Viewed

@@ -11,7 +11,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 // More on default export: https://storybook.js.org/docs/react/writing-stories/introduction#default-export
 var _default = {
-  title: 'Design System/SC UI/Skeleton/CategoriesPopular',
+  title: 'Design System/React UI/Skeleton/CategoriesPopular',
   component: _Skeleton.default,
   argTypes: {
     variant: {

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

@@ -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 CHANGED Viewed

@@ -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
@@ -110,10 +110,7 @@ function CategoriesSuggestion(inProps) {
   function handleOnFollowCategory(category, follow) {
     setCategories(categories.filter(c => c.id !== category.id));
     setTotal(prev => prev - 1);
-    if (visibleCategories < limit && total > 1) {
-      loadCategories(1);
-    }
+    setHasMore(total - 1 > limit);
   }
   /**
    * Fetches categories suggestion list

package/lib/cjs/components/CategoriesSuggestion/CategoriesSuggestion.stories.js CHANGED Viewed

@@ -11,7 +11,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 // More on default export: https://storybook.js.org/docs/react/writing-stories/introduction#default-export
 var _default = {
-  title: 'Design System/SC UI/CategoriesSuggestion',
+  title: 'Design System/React UI/CategoriesSuggestion',
   component: _index.default,
   argTypes: {
     elevation: {

package/lib/cjs/components/CategoriesSuggestion/CategoriesSuggestionSkeleton.stories.js CHANGED Viewed

@@ -11,7 +11,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 // More on default export: https://storybook.js.org/docs/react/writing-stories/introduction#default-export
 var _default = {
-  title: 'Design System/SC UI/Skeleton/CategoriesSuggestion',
+  title: 'Design System/React UI/Skeleton/CategoriesSuggestion',
   component: _Skeleton.default,
   argTypes: {
     variant: {

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

@@ -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 CHANGED Viewed

@@ -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/Category.stories.js CHANGED Viewed

@@ -11,7 +11,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 // More on default export: https://storybook.js.org/docs/react/writing-stories/introduction#default-export
 var _default = {
-  title: 'Design System/SC UI/Category',
+  title: 'Design System/React UI/Category',
   component: _index.default,
   argTypes: {
     categoryId: {

package/lib/cjs/components/Category/CategorySkeleton.stories.js CHANGED Viewed

@@ -11,7 +11,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 // More on default export: https://storybook.js.org/docs/react/writing-stories/introduction#default-export
 var _default = {
-  title: 'Design System/SC UI/Skeleton/Category',
+  title: 'Design System/React UI/Skeleton/Category',
   component: _Skeleton.default // More on argTypes: https://storybook.js.org/docs/react/api/argtypes
 }; // More on component templates: https://storybook.js.org/docs/react/writing-stories/introduction#using-args

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

@@ -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 CHANGED Viewed

@@ -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/CategoryHeader.stories.js CHANGED Viewed

@@ -11,7 +11,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 // More on default export: https://storybook.js.org/docs/react/writing-stories/introduction#default-export
 var _default = {
-  title: 'Design System/SC UI/CategoryHeader ',
+  title: 'Design System/React UI/CategoryHeader ',
   component: _index.default,
   argTypes: {
     categoryId: {

package/lib/cjs/components/CategoryHeader/CategoryHeaderSkeleton.stories.js CHANGED Viewed

@@ -10,7 +10,7 @@ var _Skeleton = _interopRequireDefault(require("./Skeleton"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 var _default = {
-  title: 'Design System/SC UI/Skeleton/CategoryHeader',
+  title: 'Design System/React UI/Skeleton/CategoryHeader',
   component: _Skeleton.default,
   argTypes: {},
   args: {}

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

@@ -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 CHANGED Viewed

@@ -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/ChangeCover/ChangeCover.stories.js CHANGED Viewed

@@ -11,7 +11,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 // More on default export: https://storybook.js.org/docs/react/writing-stories/introduction#default-export
 var _default = {
-  title: 'Design System/SC UI/ChangeCover',
+  title: 'Design System/React UI/ChangeCover',
   component: _index.default // More on argTypes: https://storybook.js.org/docs/react/api/argtypes
 }; // More on component templates: https://storybook.js.org/docs/react/writing-stories/introduction#using-args

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

@@ -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/ChangePicture/ChangePicture.stories.js CHANGED Viewed

@@ -11,7 +11,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 // More on default export: https://storybook.js.org/docs/react/writing-stories/introduction#default-export
 var _default = {
-  title: 'Design System/SC UI/ChangePicture',
+  title: 'Design System/React UI/ChangePicture',
   component: _index.default // More on argTypes: https://storybook.js.org/docs/react/api/argtypes
 }; // More on component templates: https://storybook.js.org/docs/react/writing-stories/introduction#using-args

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

@@ -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 }; }
@@ -117,7 +117,7 @@ const Root = (0, _styles.styled)(_material.Box, {
   [`& .${classes.nestedComments}`]: {
     paddingTop: 0,
     paddingBottom: 0,
-    paddingLeft: 55,
+    paddingLeft: 25,
     '& ul.MuiList-root': {
       paddingTop: 0,
       paddingBottom: 0,
@@ -125,11 +125,15 @@ const Root = (0, _styles.styled)(_material.Box, {
       '& li.MuiListItem-root': {
         paddingTop: 5
       }
+    },
+    [theme.breakpoints.up('sm')]: {
+      paddingLeft: 55
     }
   },
   [`& .${classes.content}`]: {
     position: 'relative',
     display: 'flex',
+    wordBreak: 'break-all',
     '& .MuiCardContent-root': {
       padding: '7px 13px 7px 13px',
       flexGrow: 1
@@ -182,7 +186,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 +251,8 @@ function CommentObject(inProps) {
       WidgetProps: {
         variant: 'outlined'
       }
-    }
+    },
+    linkableCommentDateTime = true
   } = props,
         rest = _objectWithoutPropertiesLoose(props, _excluded); // CONTEXT
@@ -285,11 +290,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
     }));
   }
   /**
@@ -662,7 +669,6 @@ function CommentObject(inProps) {
       text: comment.html,
       autoFocus: true,
       id: `edit-${comment.id}`,
-      commentObject: comment,
       onSave: handleSave,
       onCancel: handleCancel,
       readOnly: isReplying || isSavingComment,
@@ -719,7 +725,6 @@ function CommentObject(inProps) {
       autoFocus: true,
       key: `reply-${replyComment.id}`,
       id: `reply-${replyComment.id}`,
-      commentObject: replyComment,
       onReply: handleReply,
       readOnly: isReplying
     }, ReplyCommentObjectProps))));
@@ -743,7 +748,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/CommentObject.stories.js CHANGED Viewed

@@ -13,7 +13,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 // More on default export: https://storybook.js.org/docs/react/writing-stories/introduction#default-export
 var _default = {
-  title: 'Design System/SC UI/CommentObject',
+  title: 'Design System/React UI/CommentObject',
   component: _index.default,
   argTypes: {
     commentObjectId: {

package/lib/cjs/components/CommentObject/CommentObjectSkeleton.stories.js CHANGED Viewed

@@ -10,7 +10,7 @@ var _Skeleton = _interopRequireDefault(require("./Skeleton"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 var _default = {
-  title: 'Design System/SC UI/Skeleton/CommentObject',
+  title: 'Design System/React UI/Skeleton/CommentObject',
   component: _Skeleton.default,
   argTypes: {
     elevation: {

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

@@ -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 CHANGED Viewed

@@ -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/CommentsFeedObject/CommentsFeedObject.stories.js CHANGED Viewed

@@ -15,7 +15,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 // More on default export: https://storybook.js.org/docs/react/writing-stories/introduction#default-export
 var _default = {
-  title: 'Design System/SC UI/CommentsFeedObject',
+  title: 'Design System/React UI/CommentsFeedObject',
   component: _index.default,
   argTypes: {
     feedObjectId: {

package/lib/cjs/components/CommentsFeedObject/CommentsFeedObjectSkeleton.stories.js CHANGED Viewed

@@ -10,7 +10,7 @@ var _Skeleton = _interopRequireDefault(require("./Skeleton"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 var _default = {
-  title: 'Design System/SC UI/Skeleton/CommentsFeedObjectSkeleton',
+  title: 'Design System/React UI/Skeleton/CommentsFeedObjectSkeleton',
   component: _Skeleton.default,
   argTypes: {
     variant: {

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

@@ -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/CommentsObjectSkeleton.stories.js CHANGED Viewed

@@ -10,7 +10,7 @@ var _Skeleton = _interopRequireDefault(require("./Skeleton"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 var _default = {
-  title: 'Design System/SC UI/Skeleton/CommentsObjectSkeleton',
+  title: 'Design System/React UI/Skeleton/CommentsObjectSkeleton',
   component: _Skeleton.default,
   argTypes: {
     elevation: {