@synerise/ds-core 1.9.1 → 1.10.1

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.1](https://github.com/synerise/synerise-design/compare/@synerise/ds-core@1.10.0...@synerise/ds-core@1.10.1) (2026-01-29)
+
+### Bug Fixes
+
+- **toast:** wire up dismiss ([094da31](https://github.com/synerise/synerise-design/commit/094da318d43f99fb8dd64262efce6ee1c95b46a1))
+
+# [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/dist/js/toaster/constants.js

@@ -1,6 +1,9 @@
 export var TOASTER_DEFAULTS = {
   position: 'bottom-left',
   reverseOrder: false,
+  toastOptions: {
+    removeDelay: 200
+  },
   gutter: 8,
   containerStyle: {
     padding: '24px'

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@synerise/ds-core",
-  "version": "1.9.1",
+  "version": "1.10.1",
   "description": "Core Components for the Synerise Design System",
   "license": "ISC",
   "repository": "synerise/synerise-design",
@@ -17,20 +17,20 @@
     "access": "public"
   },
   "scripts": {
-    "build": "npm run build:js && npm run vars && npm run copy && npm run build:css && npm run defs",
+    "build": "pnpm run build:js && pnpm run vars && pnpm run copy && pnpm run build:css && pnpm run defs",
     "build:css": "node ../../../scripts/style/less.js",
     "build:js": "babel --delete-dir-on-start --root-mode upward src --out-dir dist --extensions '.js,.ts,.tsx'",
-    "build:watch": "npm run build:js -- --watch",
+    "build:watch": "pnpm run build:js -- --watch",
     "copy": "node ./build/copy.js",
     "defs": "tsc --declaration --outDir dist/ --emitDeclarationOnly",
     "pack:ci": "pnpm pack --pack-destination ../../storybook/storybook-static/static",
-    "prepublish": "npm run build",
+    "prepublish": "pnpm run build",
     "test": "jest && pnpm test:timezones",
     "test:timezone-ny": "TZ=America/New_York jest -t TimezoneTesting",
     "test:timezone-utc": "TZ=UTC jest -t TimezoneTesting",
     "test:timezone-waw": "TZ=Europe/Warsaw jest -t TimezoneTesting",
     "test:timezones": "pnpm test:timezone-utc && pnpm test:timezone-ny && pnpm test:timezone-waw",
-    "test:watch": "npm run test -- --watchAll",
+    "test:watch": "pnpm run test -- --watchAll",
     "types": "tsc --noEmit",
     "check:circular-dependencies": "madge --circular --extensions ts,tsx,js,jsx --ts-config tsconfig.json src/ --exclude '/dist/'",
     "upgrade:ds": "ncu -f \"@synerise/ds-*\" -u",
@@ -57,5 +57,5 @@
     "hex-rgb": "^5.0.0",
     "less-vars-to-js": "^1.3.0"
   },
-  "gitHead": "f38e4b2dca1d43c39af0b189c93808de62c11e9b"
+  "gitHead": "e1a3b7417480ba1bbf0b68becf985dd2d5f5a924"
 }