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

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

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

@@ -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/Skeleton.js

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

package/lib/cjs/components/UserFollowers/UserFollowers.js

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

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

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

@@ -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/Section/SettingsSkeleton.js

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

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

@@ -23,7 +23,7 @@ const Root = (0, _styles.styled)(_material.Box, {
   overridesResolver: (props, styles) => styles.root
 })(() => ({}));
 /**
- * > API documentation for the Community-UI User Profile Edit Skeleton component. Learn about the available props and the CSS API.
+ * > API documentation for the Community-JS User Profile Edit Skeleton component. Learn about the available props and the CSS API.
 
  #### Import
 

package/lib/cjs/components/UserProfileEdit/UserProfileEdit.js

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

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

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

@@ -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/Skeleton.js

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

package/lib/cjs/components/UserProfileHeader/UserProfileHeader.js

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

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

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

@@ -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/Skeleton.js

@@ -23,7 +23,7 @@ const Root = (0, _styles.styled)(_material.Box, {
   overridesResolver: (props, styles) => styles.root
 })(() => ({}));
 /**
- * > API documentation for the Community-UI User Profile Info Skeleton component. Learn about the available props and the CSS API.
+ * > API documentation for the Community-JS User Profile Info Skeleton component. Learn about the available props and the CSS API.
 
  #### Import
 

package/lib/cjs/components/UserProfileInfo/UserProfileInfo.js

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

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

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

@@ -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/Skeleton.js

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

package/lib/cjs/components/UsersFollowed/UsersFollowed.js

@@ -75,7 +75,7 @@ const Root = (0, _styles.styled)(_Widget.default, {
 }));
 
 /**
- * > API documentation for the Community-UI Users Followed component. Learn about the available props and the CSS API.
+ * > API documentation for the Community-JS Users Followed component. Learn about the available props and the CSS API.
 
  #### Import
 
@@ -123,7 +123,6 @@ function UsersFollowed(inProps) {
   } = props; // STATE
 
   const [followed, setFollowed] = (0, _react.useState)([]);
-  const [visibleUsers, setVisibleUsers] = (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);
@@ -139,10 +138,7 @@ function UsersFollowed(inProps) {
     if (scUserContext.user['id'] === userId) {
       setFollowed(followed.filter(u => u.id !== user.id));
       setTotal(prev => prev - 1);
-
-      if (visibleUsers < limit && total > 1) {
-        loadUsers(1);
-      }
+      setHasMore(total - 1 > limit);
     } else {
       const newUsers = [...followed];
       const index = newUsers.findIndex(u => u.id === user.id);
@@ -173,7 +169,7 @@ function UsersFollowed(inProps) {
       }).then(res => {
         const data = res.data;
         setFollowed([...followed, ...data.results]);
-        setHasMore(data.count > visibleUsers);
+        setHasMore(data.count > limit);
         setNext(data['next']);
         setLoading(false);
         setTotal(data.count);
@@ -184,17 +180,6 @@ function UsersFollowed(inProps) {
       });
     }
   }
-  /**
-   * Loads more users when followed list changes
-   */
-
-
-  function loadUsers(n) {
-    const newIndex = visibleUsers + n;
-    const newHasMore = newIndex < followed.length - 1;
-    setVisibleUsers(newIndex);
-    setHasMore(newHasMore);
-  }
   /**
    * On mount, fetches the list of users followed
    */
@@ -221,7 +206,7 @@ function UsersFollowed(inProps) {
   })}`), !total ? /*#__PURE__*/_react.default.createElement(_material.Typography, {
     className: classes.noResults,
     variant: "body2"
-  }, `${intl.formatMessage(messages.noUsers)}`) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_List.default, null, followed.slice(0, visibleUsers).map(user => /*#__PURE__*/_react.default.createElement(_material.ListItem, {
+  }, `${intl.formatMessage(messages.noUsers)}`) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_List.default, null, followed.slice(0, limit).map(user => /*#__PURE__*/_react.default.createElement(_material.ListItem, {
     key: user.id
   }, /*#__PURE__*/_react.default.createElement(_User.default, _extends({
     elevation: 0,

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

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

@@ -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/components/Widget/index.js

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

package/lib/cjs/shared/AutoPlayer/index.js

@@ -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.js

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

package/lib/cjs/shared/BaseItem/BaseItem.stories.js

@@ -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.js

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

package/lib/cjs/shared/BaseItemButton/BaseItemButton.stories.js

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

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

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

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

@@ -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/DateTimeAgo/index.js

@@ -3,9 +3,9 @@
 exports.__esModule = true;
 exports.default = DateTimeAgo;
 
-var _react = _interopRequireDefault(require("react"));
+var _react = _interopRequireWildcard(require("react"));
 
-var _reactTimeago = _interopRequireDefault(require("react-timeago"));
+var _reactCore = require("@selfcommunity/react-core");
 
 var _it = _interopRequireDefault(require("react-timeago/lib/language-strings/it"));
 
@@ -21,10 +21,16 @@ var _reactIntl = require("react-intl");
 
 var _classnames = _interopRequireDefault(require("classnames"));
 
-const _excluded = ["className", "live", "date", "showStartIcon"];
+var _moment = _interopRequireDefault(require("moment"));
+
+const _excluded = ["className", "date", "showStartIcon"];
 
 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); }
 
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
@@ -56,12 +62,18 @@ function DateTimeAgo(props) {
   // PROPS
   const {
     className,
-    live = true,
     date = null,
     showStartIcon = true
   } = props,
-        rest = _objectWithoutPropertiesLoose(props, _excluded); // INTL
+        rest = _objectWithoutPropertiesLoose(props, _excluded); // CONTEXT
+
 
+  const scContext = (0, _reactCore.useSCContext)();
+  (0, _react.useEffect)(() => {
+    if (_moment.default.locale() !== scContext.settings.locale.default) {
+      _moment.default.locale(scContext.settings.locale.default);
+    }
+  }, [scContext.settings.locale.default]); // INTL
 
   const intl = (0, _reactIntl.useIntl)();
   /**
@@ -79,15 +91,12 @@ function DateTimeAgo(props) {
         day: 'numeric',
         hour: 'numeric',
         minute: 'numeric'
-      })}`
+      })}`,
+      enterTouchDelay: 0
     }, /*#__PURE__*/_react.default.createElement(_material.Typography, {
       variant: 'body2',
       component: 'span'
-    }, /*#__PURE__*/_react.default.createElement(_reactTimeago.default, {
-      date: date,
-      live: live,
-      formatter: formatter
-    }))));
+    }, (0, _moment.default)(date).fromNow())));
   }
 
   return null;

package/lib/cjs/shared/Media/Link/PreviewComponent.js

@@ -120,7 +120,8 @@ var _default = props => {
     height: 360,
     placeholder: /*#__PURE__*/_react.default.createElement(_CentralProgress.default, {
       size: 20
-    })
+    }),
+    once: true
   }, /*#__PURE__*/_react.default.createElement(Root, null, adornment, medias.map((l, i) => {
     if (l.embed.metadata && l.embed.metadata.type === _Media.MEDIA_TYPE_VIDEO) {
       return /*#__PURE__*/_react.default.createElement(_AutoPlayer.default, {

package/lib/cjs/shared/Media/Share/PreviewComponent.js

@@ -43,7 +43,8 @@ var _default = ({
     height: 360,
     placeholder: /*#__PURE__*/_react.default.createElement(_CentralProgress.default, {
       size: 20
-    })
+    }),
+    once: true
   }, /*#__PURE__*/_react.default.createElement(Root, null, _adornment, _medias.map(media => /*#__PURE__*/_react.default.createElement(_Box.default, {
     key: media.id,
     className: classes.sharePreview

package/lib/cjs/shared/Media/Video/PreviewComponent.js

@@ -42,13 +42,7 @@ var _default = props => {
    */
 
 
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, medias.length > 0 && /*#__PURE__*/_react.default.createElement(_reactLazyload.default, {
-    height: 360,
-    placeholder: /*#__PURE__*/_react.default.createElement(_CentralProgress.default, {
-      size: 20
-    }),
-    once: true
-  }, /*#__PURE__*/_react.default.createElement(Root, null, adornment, medias.map((v, i) => /*#__PURE__*/_react.default.createElement(_reactLazyload.default, {
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, medias.length > 0 && /*#__PURE__*/_react.default.createElement(Root, null, adornment, medias.map((v, i) => /*#__PURE__*/_react.default.createElement(_reactLazyload.default, {
     height: 360,
     placeholder: /*#__PURE__*/_react.default.createElement(_CentralProgress.default, {
       size: 20
@@ -59,7 +53,7 @@ var _default = props => {
     url: v.url,
     width: '100%',
     onVideoWatch: () => handleVideoClick(v)
-  }))))));
+  })))));
 };
 
 exports.default = _default;

package/lib/cjs/shared/NotificationItem/NotificationItem.js

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

package/lib/cjs/shared/NotificationItem/NotificationItem.stories.js

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

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

@@ -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: {

package/lib/cjs/shared/Tags/Tags.stories.js

@@ -16,7 +16,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 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); }
 
 var _default = {
-  title: 'Design System/SHARED COMPONENT/Tags',
+  title: 'Design System/React UI Shared/Tags',
   component: _index.default,
   argTypes: {
     type: {

package/lib/cjs/utils/hash.js

@@ -17,7 +17,7 @@ const md5 = (file, chunkSize, callback) => {
       fileReader = new FileReader();
 
   fileReader.onload = function (e) {
-    console.log('read chunk nr', currentChunk + 1, 'of', chunks);
+    // console.log('read chunk nr', currentChunk + 1, 'of', chunks);
     spark.append(e.target.result); // Append array buffer
 
     currentChunk++;

package/lib/esm/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/esm/components/AccountRecover/AccountRecover.stories.js

@@ -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/esm/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/esm/components/AccountSignIn/AccountSignIn.stories.js

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