npm - @selfcommunity/react-ui - Versions diffs - 0.1.2-alpha.1 → 0.1.2-alpha.4 - Mend

@selfcommunity/react-ui 0.1.2-alpha.1 → 0.1.2-alpha.4

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 (226) hide show

package/lib/cjs/components/LoyaltyProgram/LoyaltyProgramSkeleton.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/LoyaltyProgram',
+  title: 'Design System/React UI/Skeleton/LoyaltyProgram',
   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/LoyaltyProgramDetail/LoyaltyProgramDetail.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/Loyalty Program Detail',
+  title: 'Design System/React UI/Loyalty Program Detail',
   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/LoyaltyProgramDetail/LoyaltyProgramDetailSkeleton.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/Loyalty Program Detail',
+  title: 'Design System/React UI/Skeleton/Loyalty Program Detail',
   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/Message/Message.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/Message',
+  title: 'Design System/React UI/Message',
   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/Message/MessageSkeleton.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/Message',
+  title: 'Design System/React UI/Skeleton/Message',
   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/MessageEditor/MessageEditorSkeleton.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/MessageEditor',
+  title: 'Design System/React UI/Skeleton/MessageEditor',
   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/Notification/ContributionFollow/ContributionFollow.js CHANGED Viewed

@@ -126,20 +126,25 @@ function ContributionFollowNotification(inProps) {
       }
     })),
     primary: /*#__PURE__*/_react.default.createElement(_material.Typography, {
-      component: "div",
+      component: "span",
       color: "inherit",
       className: classes.followText
     }, /*#__PURE__*/_react.default.createElement(_reactCore.Link, {
       to: scRoutingContext.url(_reactCore.SCRoutes.USER_PROFILE_ROUTE_NAME, notificationObject.user),
       className: classes.username
     }, notificationObject.user.username), ' ', intl.formatMessage(messages.contributionFollow, {
-      username: notificationObject.user.username,
       b: (...chunks) => /*#__PURE__*/_react.default.createElement("strong", null, chunks)
     })),
-    secondary: template === _types.SCNotificationObjectTemplateType.DETAIL && /*#__PURE__*/_react.default.createElement(_DateTimeAgo.default, {
+    secondary: /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, template === _types.SCNotificationObjectTemplateType.SNIPPET && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, ":", ' ', /*#__PURE__*/_react.default.createElement(_reactCore.Link, {
+      to: scRoutingContext.url(_reactCore.SCRoutes[`${notificationObject[contributionType]['type'].toUpperCase()}_ROUTE_NAME`], (0, _contribution.getRouteData)(notificationObject[contributionType]))
+    }, /*#__PURE__*/_react.default.createElement(_material.Typography, {
+      variant: "body2",
+      gutterBottom: true,
+      className: classes.contributionText
+    }, (0, _contribution.getContributionSnippet)(notificationObject[contributionType])))), template === _types.SCNotificationObjectTemplateType.DETAIL && /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_DateTimeAgo.default, {
       date: notificationObject.active_at,
       className: classes.activeAt
-    }),
+    }))),
     footer: /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, template === _types.SCNotificationObjectTemplateType.TOAST && /*#__PURE__*/_react.default.createElement(_material.Stack, {
       direction: "row",
       justifyContent: "space-between",

package/lib/cjs/components/Notification/NotificationSkeleton.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/Notification',
+  title: 'Design System/React UI/Skeleton/Notification',
   component: _Skeleton.default,
   argTypes: {
     variant: {

package/lib/cjs/components/Notification/PrivateMessage/PrivateMessage.js CHANGED Viewed

@@ -9,8 +9,6 @@ var _styles = require("@mui/material/styles");
 var _material = require("@mui/material");
-var _Icon = _interopRequireDefault(require("@mui/material/Icon"));
 var _reactCore = require("@selfcommunity/react-core");
 var _reactIntl = require("react-intl");
@@ -45,7 +43,6 @@ const classes = {
   avatar: `${PREFIX}-avatar`,
   actions: `${PREFIX}-actions`,
   replyButton: `${PREFIX}-reply-button`,
-  replyButtonIcon: `${PREFIX}-reply-button-icon`,
   activeAt: `${PREFIX}-active-at`,
   messageLabel: `${PREFIX}-message-label`,
   username: `${PREFIX}-username`,
@@ -226,10 +223,7 @@ function PrivateMessageNotification(inProps) {
           root: classes.replyButton
         },
         component: _reactCore.Link,
-        to: scRoutingContext.url(_reactCore.SCRoutes.USER_PRIVATE_MESSAGES_ROUTE_NAME, notificationObject.message),
-        endIcon: /*#__PURE__*/_react.default.createElement(_Icon.default, {
-          className: classes.replyButtonIcon
-        }, "reply")
+        to: scRoutingContext.url(_reactCore.SCRoutes.USER_PRIVATE_MESSAGES_ROUTE_NAME, notificationObject.message)
       }, /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, {
         id: "ui.notification.privateMessage.btnReplyLabel",
         defaultMessage: "ui.notification.privateMessage.btnReplyLabel"

package/lib/cjs/components/PeopleSuggestion/PeopleSuggestion.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/People Suggestion',
+  title: 'Design System/React UI/People Suggestion',
   component: _index.default,
   argTypes: {
     elevation: {

package/lib/cjs/components/PeopleSuggestion/PeopleSuggestionSkeleton.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/PeopleSuggestion',
+  title: 'Design System/React UI/Skeleton/PeopleSuggestion',
   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/Platform/Platform.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/Platform ',
+  title: 'Design System/React UI/Platform ',
   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/Platform/PlatformSkeleton.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/Platform',
+  title: 'Design System/React UI/Skeleton/Platform',
   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/PollSuggestion/PollSuggestion.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/Poll Suggestion',
+  title: 'Design System/React UI/Poll Suggestion',
   component: _index.default,
   argTypes: {
     elevation: {

package/lib/cjs/components/PollSuggestion/PollSuggestionSkeleton.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/PollSuggestion',
+  title: 'Design System/React UI/Skeleton/PollSuggestion',
   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/RelatedFeedObjects/RelatedFeedObjects.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/Related Feed Objects',
+  title: 'Design System/React UI/Related Feed Objects',
   component: _index.default,
   argTypes: {
     feedObjectId: {

package/lib/cjs/components/RelatedFeedObjects/RelatedFeedObjectsSkeleton.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/RelatedFeedObjects',
+  title: 'Design System/React UI/Skeleton/RelatedFeedObjects',
   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/Skeleton/AvatarGroupSkeleton.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/AvatarGroup',
+  title: 'Design System/React UI/Skeleton/AvatarGroup',
   component: _AvatarGroupSkeleton.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/Skeleton/GenericSkeleton.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/Generic',
+  title: 'Design System/React UI/Skeleton/Generic',
   component: _GenericSkeleton.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/SnippetNotifications/SnippetNotifications.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/SnippetNotifications',
+  title: 'Design System/React UI/SnippetNotifications',
   component: _index.default
 }; // More on component templates: https://storybook.js.org/docs/react/writing-stories/introduction#using-args

package/lib/cjs/components/SnippetNotifications/SnippetNotificationsSkeleton.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/NotificationPopup',
+  title: 'Design System/React UI/Skeleton/NotificationPopup',
   component: _Skeleton.default
 };
 exports.default = _default;

package/lib/cjs/components/Snippets/Snippets.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/Snippets',
+  title: 'Design System/React UI/Snippets',
   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/Snippets/SnippetsSkeleton.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/Snippets',
+  title: 'Design System/React UI/Skeleton/Snippets',
   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/Thread/Thread.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/Thread',
+  title: 'Design System/React UI/Thread',
   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/Thread/ThreadSkeleton.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/Thread',
+  title: 'Design System/React UI/Skeleton/Thread',
   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/ToastNotifications/ToastNotifications.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/ToastNotifications',
+  title: 'Design System/React UI/ToastNotifications',
   component: _index.default,
   argTypes: {},
   args: {}

package/lib/cjs/components/ToastNotifications/ToastNotificationsSkeleton.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/ToastNotifications',
+  title: 'Design System/React UI/Skeleton/ToastNotifications',
   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/TrendingFeed/TrendingFeed.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/Trending Feed',
+  title: 'Design System/React UI/Trending Feed',
   component: _index.default,
   argTypes: {
     elevation: {

package/lib/cjs/components/TrendingFeed/TrendingFeedSkeleton.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/TrendingFeed',
+  title: 'Design System/React UI/Skeleton/TrendingFeed',
   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/TrendingPeople/TrendingPeople.stories.js CHANGED Viewed

@@ -13,7 +13,7 @@ function _extends() { _extends = Object.assign || function (target) { for (var i
 // More on default export: https://storybook.js.org/docs/react/writing-stories/introduction#default-export
 var _default = {
-  title: 'Design System/SC UI/Trending People',
+  title: 'Design System/React UI/Trending People',
   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/TrendingPeople/TrendingPeopleSkeleton.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/TrendingPeople',
+  title: 'Design System/React UI/Skeleton/TrendingPeople',
   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/User/User.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/User',
+  title: 'Design System/React UI/User',
   component: _index.default,
   argTypes: {
     userId: {

package/lib/cjs/components/User/UserSkeleton.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/User',
+  title: 'Design System/React UI/Skeleton/User',
   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/UserFollowers/UserFollowers.stories.js CHANGED Viewed

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

package/lib/cjs/components/UserFollowers/UserFollowersSkeleton.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/UserFollowers',
+  title: 'Design System/React UI/Skeleton/UserFollowers',
   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/UserProfileEdit/UserProfileEdit.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/User Profile Edit',
+  title: 'Design System/React UI/User Profile Edit',
   component: _index.default,
   argTypes: {
     userId: {

package/lib/cjs/components/UserProfileEdit/UserProfileEditSkeleton.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/User Profile Edit',
+  title: 'Design System/React UI/Skeleton/User Profile Edit',
   component: _Skeleton.default,
   argTypes: {},
   args: {}

package/lib/cjs/components/UserProfileHeader/UserProfileHeader.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/User Profile Header ',
+  title: 'Design System/React UI/User Profile Header ',
   component: _index.default,
   argTypes: {
     userId: {

package/lib/cjs/components/UserProfileHeader/UserProfileHeaderSkeleton.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/User Profile Header',
+  title: 'Design System/React UI/Skeleton/User Profile Header',
   component: _Skeleton.default,
   argTypes: {},
   args: {}

package/lib/cjs/components/UserProfileInfo/UserProfileInfo.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/UserProfileInfo ',
+  title: 'Design System/React UI/UserProfileInfo ',
   component: _index.default,
   argTypes: {
     userId: {

package/lib/cjs/components/UserProfileInfo/UserProfileInfoSkeleton.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/User Profile Info',
+  title: 'Design System/React UI/Skeleton/User Profile Info',
   component: _Skeleton.default,
   argTypes: {},
   args: {}

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

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

package/lib/cjs/components/UsersFollowed/UsersFollowedSkeleton.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/UsersFollowed',
+  title: 'Design System/React UI/Skeleton/UsersFollowed',
   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/shared/AutoPlayer/index.js CHANGED Viewed

@@ -85,7 +85,6 @@ function AutoPlayer(props) {
         }
       }
     },
-    enableAutoplay: enableAutoplay,
     loop: loop,
     controls: controls,
     stopOnUnmount: stopOnUnmount,
@@ -94,6 +93,14 @@ function AutoPlayer(props) {
     muted: muted,
     onProgress: progress => {
       setPlayed(progress.playedSeconds);
+    },
+    config: {
+      vimeo: {
+        playerOptions: {
+          autopause: true
+        },
+        preload: true
+      }
     }
   }, rest))));
 }

package/lib/cjs/shared/BaseItem/BaseItem.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/SHARED COMPONENT/BaseItem',
+  title: 'Design System/React UI Shared/BaseItem',
   component: _index.default
 }; // More on component templates: https://storybook.js.org/docs/react/writing-stories/introduction#using-args

package/lib/cjs/shared/BaseItemButton/BaseItemButton.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/SHARED COMPONENT/BaseItemButton',
+  title: 'Design System/React UI Shared/BaseItemButton',
   component: _index.default
 }; // More on component templates: https://storybook.js.org/docs/react/writing-stories/introduction#using-args

package/lib/cjs/shared/Bullet/BaseItem.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/SHARED COMPONENT/Bullet',
+  title: 'Design System/React UI Shared/Bullet',
   component: _index.default
 }; // More on component templates: https://storybook.js.org/docs/react/writing-stories/introduction#using-args

package/lib/cjs/shared/CentralProgress/CentralProgress.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/SHARED COMPONENT/CentralProgress',
+  title: 'Design System/React UI Shared/CentralProgress',
   component: _index.default,
   argTypes: {
     size: {

package/lib/cjs/shared/ContributionActionsMenu/ContributionActionsMenu.stories.js CHANGED Viewed

@@ -12,7 +12,7 @@ var _types = require("@selfcommunity/types");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 var _default = {
-  title: 'Design System/SHARED COMPONENT/ContributionActionsMenu',
+  title: 'Design System/React UI Shared/ContributionActionsMenu',
   component: _index.default,
   argTypes: {
     feedObjectId: {

package/lib/cjs/shared/DateTimeAgo/DateTimeAgo.stories.js CHANGED Viewed

@@ -10,7 +10,7 @@ var _index = _interopRequireDefault(require("./index"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 var _default = {
-  title: 'Design System/SHARED COMPONENT/DateTimeAgo',
+  title: 'Design System/React UI Shared/DateTimeAgo',
   component: _index.default,
   argTypes: {
     date: {

package/lib/cjs/shared/NotificationItem/NotificationItem.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/SHARED COMPONENT/NotificationItem',
+  title: 'Design System/React UI Shared/NotificationItem',
   component: _index.default
 }; // More on component templates: https://storybook.js.org/docs/react/writing-stories/introduction#using-args

package/lib/cjs/shared/ScrollContainer/ScrollContainer.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/SHARED COMPONENT/ScrollContainer',
+  title: 'Design System/React UI Shared/ScrollContainer',
   component: _index.default
 }; // More on component templates: https://storybook.js.org/docs/react/writing-stories/introduction#using-args

package/lib/cjs/shared/TagChip/TagChip.stories.js CHANGED Viewed

@@ -10,7 +10,7 @@ var _index = _interopRequireDefault(require("./index"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 var _default = {
-  title: 'Design System/SHARED COMPONENT/TagChip',
+  title: 'Design System/React UI Shared/TagChip',
   component: _index.default,
   argTypes: {
     name: {