@synerise/ds-core 1.9.0 → 1.10.0

package/CHANGELOG.md

@@ -3,6 +3,18 @@
 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
+
+- **core:** tz flag via prop should take precedence ([07d1ab0](https://github.com/synerise/synerise-design/commit/07d1ab0dbec9c2116b937bf8894d36a83880cf64))
+
 # [1.9.0](https://github.com/synerise/synerise-design/compare/@synerise/ds-core@1.8.2...@synerise/ds-core@1.9.0) (2025-12-19)
 
 ### Features

package/dist/i18n/en.json

@@ -81,7 +81,7 @@
         "CREATOR": "Creator",
         "RAW_BUTTON_LABEL": "Raw",
         "SEARCH_PLACEHOLDER": "Search",
-        "COLLECTOR_PLACEHOLDER": "Type value or paste multiple values separated by `,`",
+        "COLLECTOR_PLACEHOLDER": "Separate values by {delimiterShortCut} or type {escapeShortCut} to add string containing comma",
         "COLLECTOR_ADD": "Add",
         "COLLECTOR_CANCEL": "Cancel",
         "SEARCH_CLEAR_TOOLTIP": "Clear",
@@ -489,4 +489,4 @@
       "NO-SEARCH-RESULTS": "No tags found"
     }
   }
-}
+}

package/dist/i18n/es.json

@@ -77,7 +77,7 @@
         "CREATOR": "Creador",
         "RAW_BUTTON_LABEL": "Crudo",
         "SEARCH_PLACEHOLDER": "Buscar",
-        "COLLECTOR_PLACEHOLDER": "Escribe valor o pega varios separados por `,`",
+        "COLLECTOR_PLACEHOLDER": "Separa valores por {delimiterShortCut} o escribe {escapeShortCut} para añadir una cadena con coma",
         "COLLECTOR_ADD": "Añadir",
         "COLLECTOR_CANCEL": "Cancelar",
         "SEARCH_CLEAR_TOOLTIP": "Borrar",
@@ -484,4 +484,4 @@
       "NO-SEARCH-RESULTS": "No se encontraron etiquetas"
     }
   }
-}
+}

package/dist/i18n/pl.json

@@ -93,7 +93,7 @@
         "CREATOR": "Kreator",
         "RAW_BUTTON_LABEL": "Wartości",
         "SEARCH_PLACEHOLDER": "Szukaj",
-        "COLLECTOR_PLACEHOLDER": "Wpisz wartość lub wklej wiele oddzielonych `,`",
+        "COLLECTOR_PLACEHOLDER": "Rozdziel wartości za pomocą {delimiterShortCut} lub wpisz {escapeShortCut}, aby dodać wartość zawierającą przecinek",
         "COLLECTOR_ADD": "Dodaj",
         "COLLECTOR_CANCEL": "Anuluj",
         "SEARCH_CLEAR_TOOLTIP": "Wyczyść",
@@ -426,4 +426,4 @@
       "NO-SEARCH-RESULTS": "Nie znaleziono tagów"
     }
   }
-}
+}

package/dist/i18n/pt.json

@@ -77,7 +77,7 @@
         "CREATOR": "Criador",
         "RAW_BUTTON_LABEL": "Bruto",
         "SEARCH_PLACEHOLDER": "Pesquisar",
-        "COLLECTOR_PLACEHOLDER": "Digite um valor ou cole múltiplos valores separados por `,`",
+        "COLLECTOR_PLACEHOLDER": "Separe valores por {delimiterShortCut} ou digite {escapeShortCut} para adicionar uma string contendo vírgula",
         "COLLECTOR_ADD": "Adicionar",
         "COLLECTOR_CANCEL": "Cancelar",
         "SEARCH_CLEAR_TOOLTIP": "Limpar",
@@ -486,4 +486,4 @@
       "NO-SEARCH-RESULTS": "Nenhuma tag encontrada"
     }
   }
-}
+}

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/useDataFormatUtils.js

@@ -48,8 +48,9 @@ export var useDataFormatUtils = function useDataFormatUtils() {
   var _useIntl = useIntl(),
     globalTimeZone = _useIntl.timeZone;
   var getFormattedDate = useCallback(function (value, dateFormatIntl, timeFormatIntl, options) {
-    var _value$toString;
-    var valueInTimezone = globalTimeZone && applyTimeZoneOffset ? getLocalDateInTimeZone(value.toISOString(), globalTimeZone) : value;
+    var _options$applyTimeZon, _value$toString;
+    var valueInContextTimeZone = (_options$applyTimeZon = options == null ? void 0 : options.applyTimeZoneOffset) != null ? _options$applyTimeZon : applyTimeZoneOffset;
+    var valueInTimezone = globalTimeZone && valueInContextTimeZone ? getLocalDateInTimeZone(value.toISOString(), globalTimeZone) : value;
     if ((options == null ? void 0 : options.targetFormat) === DATETIME) {
       return convertDateToDateTimeString(valueInTimezone, dateFormatIntl, timeFormatIntl, languageIntl, options);
     }

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.0",
+  "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": "c638fc7e1af8aea55d466a643329fe499b2b3383"
+  "gitHead": "451fc5f79af6c42be89179a11374a78bdec1110f"
 }