@trackunit/react-date-and-time-hooks 2.4.8-alpha-d0f54ff2967.0 → 2.4.10

package/index.cjs.js

@@ -394,24 +394,27 @@ const useDateAndTime = () => {
      * @param {TemporalDate} from
      * @param {TemporalDate} to
      * @param {TemporalSinceType} type
+     * @param {TuRelativeTimeStyle} [style] - Optional width override. Pass `"narrow-compact"` for the
+     *   shortest locale-native form with the past-tense affix stripped (e.g. `"2d"` in English).
+     *   Omit to get the default long form (`"2 days ago"` in English).
      * @returns {string}
      */
-    const since = react.useCallback((from, to, type) => {
+    const since = react.useCallback((from, to, type, style) => {
         switch (type) {
             case "auto":
-                return dateAndTimeUtils.timeSinceAuto(from, to, currentTimeZone, currentLocale);
+                return dateAndTimeUtils.timeSinceAuto(from, to, currentTimeZone, currentLocale, style);
             case "seconds":
-                return dateAndTimeUtils.timeSinceInSeconds(from, to, currentTimeZone, currentLocale);
+                return dateAndTimeUtils.timeSinceInSeconds(from, to, currentTimeZone, currentLocale, style);
             case "minutes":
-                return dateAndTimeUtils.timeSinceInMinutes(from, to, currentTimeZone, currentLocale);
+                return dateAndTimeUtils.timeSinceInMinutes(from, to, currentTimeZone, currentLocale, style);
             case "hours":
-                return dateAndTimeUtils.timeSinceInHours(from, to, currentTimeZone, currentLocale);
+                return dateAndTimeUtils.timeSinceInHours(from, to, currentTimeZone, currentLocale, style);
             case "days":
-                return dateAndTimeUtils.timeSinceInDays(from, to, currentTimeZone, currentLocale);
+                return dateAndTimeUtils.timeSinceInDays(from, to, currentTimeZone, currentLocale, style);
             case "months":
-                return dateAndTimeUtils.timeSinceInMonths(from, to, currentTimeZone, currentLocale);
+                return dateAndTimeUtils.timeSinceInMonths(from, to, currentTimeZone, currentLocale, style);
             case "years":
-                return dateAndTimeUtils.timeSinceInYears(from, to, currentTimeZone, currentLocale);
+                return dateAndTimeUtils.timeSinceInYears(from, to, currentTimeZone, currentLocale, style);
             default:
                 return sharedUtils.exhaustiveCheck(type);
         }

package/index.esm.js

@@ -392,24 +392,27 @@ const useDateAndTime = () => {
      * @param {TemporalDate} from
      * @param {TemporalDate} to
      * @param {TemporalSinceType} type
+     * @param {TuRelativeTimeStyle} [style] - Optional width override. Pass `"narrow-compact"` for the
+     *   shortest locale-native form with the past-tense affix stripped (e.g. `"2d"` in English).
+     *   Omit to get the default long form (`"2 days ago"` in English).
      * @returns {string}
      */
-    const since = useCallback((from, to, type) => {
+    const since = useCallback((from, to, type, style) => {
         switch (type) {
             case "auto":
-                return timeSinceAuto(from, to, currentTimeZone, currentLocale);
+                return timeSinceAuto(from, to, currentTimeZone, currentLocale, style);
             case "seconds":
-                return timeSinceInSeconds(from, to, currentTimeZone, currentLocale);
+                return timeSinceInSeconds(from, to, currentTimeZone, currentLocale, style);
             case "minutes":
-                return timeSinceInMinutes(from, to, currentTimeZone, currentLocale);
+                return timeSinceInMinutes(from, to, currentTimeZone, currentLocale, style);
             case "hours":
-                return timeSinceInHours(from, to, currentTimeZone, currentLocale);
+                return timeSinceInHours(from, to, currentTimeZone, currentLocale, style);
             case "days":
-                return timeSinceInDays(from, to, currentTimeZone, currentLocale);
+                return timeSinceInDays(from, to, currentTimeZone, currentLocale, style);
             case "months":
-                return timeSinceInMonths(from, to, currentTimeZone, currentLocale);
+                return timeSinceInMonths(from, to, currentTimeZone, currentLocale, style);
             case "years":
-                return timeSinceInYears(from, to, currentTimeZone, currentLocale);
+                return timeSinceInYears(from, to, currentTimeZone, currentLocale, style);
             default:
                 return exhaustiveCheck(type);
         }

package/migrations/entry.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"entry.js","sourceRoot":"","sources":["../../../../../libs/react/date-and-time-hooks/migrations/entry.ts"],"names":[],"mappings":"","sourcesContent":["export {};\n"]}

package/package.json

@@ -1,19 +1,19 @@
 {
   "name": "@trackunit/react-date-and-time-hooks",
-  "version": "2.4.8-alpha-d0f54ff2967.0",
+  "version": "2.4.10",
   "repository": "https://github.com/Trackunit/manager",
   "license": "SEE LICENSE IN LICENSE.txt",
   "engines": {
     "node": ">=24.x"
   },
   "dependencies": {
-    "@trackunit/date-and-time-utils": "1.14.4-alpha-d0f54ff2967.0",
-    "@trackunit/iris-app-runtime-core-api": "1.17.4-alpha-d0f54ff2967.0",
-    "@trackunit/shared-utils": "1.16.4-alpha-d0f54ff2967.0",
-    "@trackunit/react-core-hooks": "1.20.5-alpha-d0f54ff2967.0"
+    "@trackunit/date-and-time-utils": "1.14.5",
+    "@trackunit/iris-app-runtime-core-api": "1.17.4",
+    "@trackunit/shared-utils": "1.16.4",
+    "@trackunit/react-core-hooks": "1.20.6"
   },
   "devDependencies": {
-    "@trackunit/react-core-contexts-test": "1.18.4-alpha-d0f54ff2967.0"
+    "@trackunit/react-core-contexts-test": "1.18.4"
   },
   "peerDependencies": {
     "react": "^19.0.0"

package/src/useDateAndTime.d.ts

@@ -1,4 +1,5 @@
-import { DateRange, TemporalDate, TemporalFormat, TemporalFormatStyle } from "@trackunit/date-and-time-utils";
+import { DateRange, TemporalDate, TemporalFormat, TemporalFormatStyle, TuRelativeTimeStyle } from "@trackunit/date-and-time-utils";
+export type { TuRelativeTimeStyle };
 type TemporalTypes = "second" | "seconds" | "minute" | "minutes" | "hour" | "hours" | "day" | "days" | "week" | "weeks" | "month" | "months" | "year" | "years";
 export type TemporalArithmeticType = Extract<TemporalTypes, "hours" | "minutes" | "days" | "weeks" | "months" | "years">;
 export type TemporalEdgeOfType = Extract<TemporalTypes, "hour" | "minute" | "day" | "week" | "month">;
@@ -25,7 +26,7 @@ interface UseDateAndTimeReturn {
     difference: (from: TemporalDate, to: TemporalDate, type: TemporalDifferenceType) => number;
     dateIs: (date: TemporalDate, type: TemporalIsType, betweenDates?: DateRange) => boolean;
     same: (date: TemporalDate, type: TemporalSameType) => boolean;
-    since: (from: TemporalDate, to: TemporalDate, type: TemporalSinceType) => string;
+    since: (from: TemporalDate, to: TemporalDate, type: TemporalSinceType, style?: TuRelativeTimeStyle) => string;
     duration: (from: number | Intl.Duration, type: TemporalDurationType, format?: TemporalFormat["dayFormat"], roundAt?: TemporalTimeRounding) => string;
     convert: (amount: number, unit: "hour" | "minute" | "second" | "millisecond", conversionType: "hour" | "minute" | "second" | "millisecond") => number;
     dayName: (date: TemporalDate, format: TemporalFormatStyle) => string;
@@ -50,4 +51,3 @@ interface UseDateAndTimeReturn {
  *   and timezone internally.
  */
 export declare const useDateAndTime: () => UseDateAndTimeReturn;
-export {};