@selfcommunity/react-ui 0.1.2-alpha.9 → 0.1.2

package/lib/esm/shared/DateTimeAgo/index.js

@@ -3,13 +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 _it = _interopRequireDefault(require("react-timeago/lib/language-strings/it"));
-
-var _buildFormatter = _interopRequireDefault(require("react-timeago/lib/formatters/buildFormatter"));
+var _reactCore = require("@selfcommunity/react-core");
 
 var _styles = require("@mui/material/styles");
 
@@ -21,10 +17,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; }
@@ -50,18 +52,23 @@ const Root = (0, _styles.styled)(_material.Box, {
     lineHeight: 1.8
   }
 }));
-const formatter = (0, _buildFormatter.default)(_it.default);
 
 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)();
   /**
@@ -84,11 +91,7 @@ function DateTimeAgo(props) {
     }, /*#__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/esm/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/esm/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/esm/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;