elements: add relative time util

Author: kpsherva

package-lock.json

@@ -32,6 +32,7 @@
     "react": "^16.13.0",
     "react-dom": "^16.13.0",
     "lodash": "^4.17.0",
+    "luxon": "^1.23.0",
     "query-string": "^7.0.0",
     "semantic-ui-css": "^2.4.0",
     "semantic-ui-react": "^2.1.0",
@@ -61,6 +62,7 @@
     "formik": "^2.1.0",
     "json": "^9.0.0",
     "lodash": "^4.17.0",
+    "luxon": "^1.23.0",
     "query-string": "^7.0.0",
     "react": "^16.13.0",
     "react-dom": "^16.13.0",

package.json

@@ -5,3 +5,4 @@
 // under the terms of the MIT License; see LICENSE file for more details.
 
 export { http } from "./connector";
+export { withCancel } from "./withCancel";

src/lib/api/index.js

@@ -8,5 +8,4 @@
  * This folder contains general purpose reusable components.
  */
 export { Image } from "./Image";
-export { withCancel } from "./withCancel";
 export { GridResponsiveSidebarColumn } from "./GridResponsiveSidebarColumn";

src/lib/elements/withCancel.js renamed to src/lib/api/withCancel.js

@@ -8,3 +8,4 @@
 export * from "./elements";
 export * from "./forms";
 export * from "./api";
+export * from "./locale";

src/lib/elements/index.js

@@ -0,0 +1,17 @@
+// This file is part of React-Invenio-Forms
+// Copyright (C) 2023 CERN.
+//
+// React-Invenio-Forms is free software; you can redistribute it and/or modify it
+// under the terms of the MIT License; see LICENSE file for more details.
+
+import { DateTime } from "luxon";
+
+/**
+ * Make relative date for a given timestamp
+ *
+ * @param timestamp string ISO timestamp
+ * @returns {string} relative date in a given language, f.e. 3 days ago
+ */
+export const toRelativeTime = (timestamp, language = "en") => {
+  return DateTime.fromISO(timestamp).setLocale(language).toRelative();
+};

src/lib/index.js

@@ -0,0 +1 @@
+export { toRelativeTime } from "./RelativeTime";