@synerise/ds-core 1.9.1 → 1.10.0

package/CHANGELOG.md

@@ -3,6 +3,12 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [1.10.0](https://github.com/synerise/synerise-design/compare/@synerise/ds-core@1.9.1...@synerise/ds-core@1.10.0) (2026-01-19)
+
+### Features
+
+- **core:** refresh relative date ([23d74a6](https://github.com/synerise/synerise-design/commit/23d74a6855e082a6895d8799b61fa8b78fb27ae1))
+
 ## [1.9.1](https://github.com/synerise/synerise-design/compare/@synerise/ds-core@1.9.0...@synerise/ds-core@1.9.1) (2026-01-07)
 
 ### Bug Fixes

package/dist/js/data-format/components/FormattedRelativeDateTime.js

@@ -1,11 +1,12 @@
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 import React from 'react';
 import { RELATIVE_FROM, RELATIVE_FROM_WITHOUT_SUFFIX, RELATIVE_TO, RELATIVE_TO_WITHOUT_SUFFIX } from '../constants';
-import { useDataFormat } from '../hooks';
+import { useDataFormat, useRelativeDateTimeUpdate } from '../hooks';
 export var FormattedRelativeDateTimeTo = function FormattedRelativeDateTimeTo(_ref) {
   var value = _ref.value,
     withoutSuffix = _ref.withoutSuffix,
     options = _ref.options;
+  useRelativeDateTimeUpdate(value);
   var _useDataFormat = useDataFormat(),
     formatValue = _useDataFormat.formatValue;
   return /*#__PURE__*/React.createElement(React.Fragment, null, formatValue(value, _extends({}, options, {
@@ -16,6 +17,7 @@ export var FormattedRelativeDateTimeFrom = function FormattedRelativeDateTimeFro
   var value = _ref2.value,
     withoutSuffix = _ref2.withoutSuffix,
     options = _ref2.options;
+  useRelativeDateTimeUpdate(value);
   var _useDataFormat2 = useDataFormat(),
     formatValue = _useDataFormat2.formatValue;
   return /*#__PURE__*/React.createElement(React.Fragment, null, formatValue(value, _extends({}, options, {

package/dist/js/data-format/hooks/index.d.ts

@@ -3,3 +3,4 @@ export { useDataFormat, type UseDataFormatProps } from './useDataFormat';
 export { useDataFormatUtils } from './useDataFormatUtils';
 export { useSingleIntl } from './useSingleIntl';
 export { useDataFormatIntls } from './useDataFormatIntls';
+export { useRelativeDateTimeUpdate } from './useRelativeDateTimeUpdate';

package/dist/js/data-format/hooks/index.js

@@ -2,4 +2,5 @@ export { useDataFormatConfig } from './useDataFormatConfig';
 export { useDataFormat } from './useDataFormat';
 export { useDataFormatUtils } from './useDataFormatUtils';
 export { useSingleIntl } from './useSingleIntl';
-export { useDataFormatIntls } from './useDataFormatIntls';
+export { useDataFormatIntls } from './useDataFormatIntls';
+export { useRelativeDateTimeUpdate } from './useRelativeDateTimeUpdate';

package/dist/js/data-format/hooks/useRelativeDateTimeUpdate.d.ts

@@ -0,0 +1,3 @@
+import { type Dayjs } from 'dayjs';
+import { type Moment } from 'moment';
+export declare const useRelativeDateTimeUpdate: (value: Date | Moment | Dayjs) => number;

package/dist/js/data-format/hooks/useRelativeDateTimeUpdate.js

@@ -0,0 +1,37 @@
+import { useEffect, useState } from 'react';
+var getIntervalForTimeDifference = function getIntervalForTimeDifference(timeDiffMs) {
+  // https://day.js.org/docs/en/display/from-now#list-of-breakdown-range
+  var UNDER_45_MINUTES = 45 * 60 * 1000;
+  var UNDER_22_HOURS = 22 * 60 * 60 * 1000;
+  if (timeDiffMs < UNDER_45_MINUTES) {
+    return 60 * 1000; // 60 seconds
+  }
+  if (timeDiffMs < UNDER_22_HOURS) {
+    return 60 * 60 * 1000; // 60 minutes
+  }
+  return null; // no interval
+};
+export var useRelativeDateTimeUpdate = function useRelativeDateTimeUpdate(value) {
+  var _useState = useState(0),
+    updateTrigger = _useState[0],
+    setUpdateTrigger = _useState[1];
+  useEffect(function () {
+    if (!(value instanceof Date)) {
+      return;
+    }
+    var timeDiffMs = Math.abs(value.getTime() - Date.now());
+    var interval = getIntervalForTimeDifference(timeDiffMs);
+    if (interval === null) {
+      return;
+    }
+    var timeoutId = setTimeout(function () {
+      setUpdateTrigger(function (prev) {
+        return prev + 1;
+      });
+    }, interval);
+    return function () {
+      return clearTimeout(timeoutId);
+    };
+  }, [value, updateTrigger]);
+  return updateTrigger;
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@synerise/ds-core",
-  "version": "1.9.1",
+  "version": "1.10.0",
   "description": "Core Components for the Synerise Design System",
   "license": "ISC",
   "repository": "synerise/synerise-design",
@@ -57,5 +57,5 @@
     "hex-rgb": "^5.0.0",
     "less-vars-to-js": "^1.3.0"
   },
-  "gitHead": "f38e4b2dca1d43c39af0b189c93808de62c11e9b"
+  "gitHead": "451fc5f79af6c42be89179a11374a78bdec1110f"
 }