@redocly/theme 0.4.4 → 0.4.5

package/LastUpdated/LastUpdated.js

@@ -10,16 +10,9 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.LastUpdated = void 0;
 var react_1 = __importDefault(require("react"));
 var styled_components_1 = __importDefault(require("styled-components"));
+var timeago_js_1 = require("timeago.js");
 var hooks_1 = require("../mocks/hooks");
 var constants_1 = require("../mocks/constants");
-// import { timeAgo } from '../mocks/utils';
-// TODO: use timeago.js instead
-// import { format } from 'timeago.js';
-// Last updated ${format(lastModified)}
-function timeAgo(date) {
-    var d = new Date(date);
-    return "".concat(d.getDate(), "-").concat(d.getMonth() + 1, "-").concat(d.getFullYear());
-}
 function LastUpdated(_a) {
     var lastModified = _a.lastModified;
     var lastUpdatedBlock = (0, hooks_1.useThemeSettings)(constants_1.DEFAULT_THEME_NAME).lastUpdatedBlock;
@@ -28,7 +21,7 @@ function LastUpdated(_a) {
     }
     return (react_1.default.createElement(Wrapper, { "data-component-name": "LastUpdated/LastUpdated" },
         "Last updated ",
-        timeAgo(lastModified)));
+        (0, timeago_js_1.format)(lastModified)));
 }
 exports.LastUpdated = LastUpdated;
 var Wrapper = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  color: var(--last-updated-text-color);\n  font-size: var(--last-updated-font-size);\n  font-family: var(--last-updated-font-family);\n  line-height: var(--last-updated-line-height);\n  padding-bottom: 30px;\n"], ["\n  color: var(--last-updated-text-color);\n  font-size: var(--last-updated-font-size);\n  font-family: var(--last-updated-font-family);\n  line-height: var(--last-updated-line-height);\n  padding-bottom: 30px;\n"])));

package/Markdown/MarkdownLayout.d.ts

@@ -9,7 +9,7 @@ declare type MarkdownLayoutProps = {
         text: string;
         icon: string;
     };
-    lastModified?: string | Date;
+    lastModified?: string | null;
 };
 export declare function MarkdownLayout({ tableOfContent, markdownWrapper, showPrevButton, showNextButton, editPage, lastModified, }: MarkdownLayoutProps): JSX.Element;
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@redocly/theme",
-  "version": "0.4.4",
+  "version": "0.4.5",
   "description": "Shared UI components",
   "author": "team@redocly.com",
   "license": "SEE LICENSE IN LICENSE",

package/src/LastUpdated/LastUpdated.tsx

@@ -1,17 +1,9 @@
 import React from 'react';
 import styled from 'styled-components';
+import { format } from 'timeago.js';
 
 import { useThemeSettings } from '@portal/hooks';
 import { DEFAULT_THEME_NAME } from '@portal/constants';
-// import { timeAgo } from '@portal/utils';
-
-// TODO: use timeago.js instead
-// import { format } from 'timeago.js';
-// Last updated ${format(lastModified)}
-function timeAgo(date: string | Date) {
-  const d = new Date(date);
-  return `${d.getDate()}-${d.getMonth() + 1}-${d.getFullYear()}`;
-}
 
 export interface LastUpdatedProps {
   lastModified: string | Date;
@@ -26,7 +18,7 @@ export function LastUpdated({ lastModified }: LastUpdatedProps): JSX.Element | n
 
   return (
     <Wrapper data-component-name="LastUpdated/LastUpdated">
-      Last updated {timeAgo(lastModified)}
+      Last updated {format(lastModified)}
     </Wrapper>
   );
 }

package/src/Markdown/MarkdownLayout.tsx

@@ -17,7 +17,7 @@ type MarkdownLayoutProps = {
     text: string;
     icon: string;
   };
-  lastModified?: string | Date;
+  lastModified?: string | null;
 };
 
 export function MarkdownLayout({