@trackunit/react-table-base-components 2.1.2 → 2.1.4

package/index.cjs.js

@@ -7,6 +7,7 @@ var tailwindMerge = require('tailwind-merge');
 var reactFormComponents = require('@trackunit/react-form-components');
 var cssClassVarianceUtilities = require('@trackunit/css-class-variance-utilities');
 var dateAndTimeUtils = require('@trackunit/date-and-time-utils');
+var reactDateAndTimeHooks = require('@trackunit/react-date-and-time-hooks');
 var react = require('react');
 var sharedUtils = require('@trackunit/shared-utils');
 
@@ -287,7 +288,11 @@ const cvaDateTimeSince$1 = cssClassVarianceUtilities.cvaMerge(["slashed-zero", "
  * @param {DateTimeCellProps} props - The props for the DateTimeCell component
  * @returns {ReactElement} DateTimeCell component
  */
-const DateTimeCell = ({ format, timeZone, locale, date, withTimeSince = true, className, "data-testid": dataTestId, style, }) => {
+const DateTimeCell = ({ format, date, withTimeSince = true, className, "data-testid": dataTestId, style, timeZone: timeZoneProp, locale: localeProp, }) => {
+    const { preferred: preferredTimezone } = reactDateAndTimeHooks.useTimezone();
+    const resolvedLocale = reactDateAndTimeHooks.useLocale();
+    const timeZone = timeZoneProp ?? preferredTimezone.id;
+    const locale = localeProp ?? resolvedLocale;
     if (!date) {
         return null;
     }

package/index.esm.js

@@ -5,6 +5,7 @@ import { twMerge } from 'tailwind-merge';
 import { Checkbox } from '@trackunit/react-form-components';
 import { cvaMerge } from '@trackunit/css-class-variance-utilities';
 import { formatDateUtil, timeSinceAuto, timeSinceInDays, Temporal } from '@trackunit/date-and-time-utils';
+import { useTimezone, useLocale } from '@trackunit/react-date-and-time-hooks';
 import { useMemo, useState, useEffect, isValidElement, cloneElement } from 'react';
 import { DateTimeFormat } from '@trackunit/shared-utils';
 
@@ -285,7 +286,11 @@ const cvaDateTimeSince$1 = cvaMerge(["slashed-zero", "text-neutral-500", "text-x
  * @param {DateTimeCellProps} props - The props for the DateTimeCell component
  * @returns {ReactElement} DateTimeCell component
  */
-const DateTimeCell = ({ format, timeZone, locale, date, withTimeSince = true, className, "data-testid": dataTestId, style, }) => {
+const DateTimeCell = ({ format, date, withTimeSince = true, className, "data-testid": dataTestId, style, timeZone: timeZoneProp, locale: localeProp, }) => {
+    const { preferred: preferredTimezone } = useTimezone();
+    const resolvedLocale = useLocale();
+    const timeZone = timeZoneProp ?? preferredTimezone.id;
+    const locale = localeProp ?? resolvedLocale;
     if (!date) {
         return null;
     }

package/package.json

@@ -1,19 +1,20 @@
 {
   "name": "@trackunit/react-table-base-components",
-  "version": "2.1.2",
+  "version": "2.1.4",
   "repository": "https://github.com/Trackunit/manager",
   "license": "SEE LICENSE IN LICENSE.txt",
   "engines": {
     "node": ">=24.x"
   },
   "dependencies": {
-    "@trackunit/react-components": "2.1.1",
-    "@trackunit/ui-icons": "1.13.12",
-    "@trackunit/react-form-components": "2.1.2",
-    "@trackunit/css-class-variance-utilities": "1.13.12",
-    "@trackunit/date-and-time-utils": "1.13.13",
-    "@trackunit/shared-utils": "1.15.12",
-    "@trackunit/i18n-library-translation": "2.0.3",
+    "@trackunit/react-components": "2.1.3",
+    "@trackunit/ui-icons": "1.13.14",
+    "@trackunit/react-form-components": "2.1.4",
+    "@trackunit/css-class-variance-utilities": "1.13.13",
+    "@trackunit/date-and-time-utils": "1.13.14",
+    "@trackunit/react-date-and-time-hooks": "2.1.4",
+    "@trackunit/shared-utils": "1.15.13",
+    "@trackunit/i18n-library-translation": "2.0.5",
     "tailwind-merge": "^2.0.0"
   },
   "peerDependencies": {

package/src/components/DateTimeCell/DateTimeCell.d.ts

@@ -1,5 +1,6 @@
 import { TemporalFormat } from "@trackunit/date-and-time-utils";
 import { CommonProps, Refable, type Styleable } from "@trackunit/react-components";
+import { ReactElement } from "react";
 export interface DateTimeCellProps extends CommonProps, Refable<HTMLDivElement>, Styleable {
     /**
      * The date to render.
@@ -20,13 +21,16 @@ export interface DateTimeCellProps extends CommonProps, Refable<HTMLDivElement>,
      */
     format?: TemporalFormat;
     /**
-     * The time zone to use for the date.
-     * See the formatDateUtil function for more information.
+     * Explicit timezone override (IANA timezone string, e.g. `"America/New_York"`).
+     * When provided, takes precedence over the automatically resolved timezone from context.
+     *
+     * In most cases you do not need this — the component resolves the correct timezone
+     * automatically via `AssetTimezoneProvider` and user preference context.
      */
     timeZone?: string;
     /**
-     * The locale to use for the date.
-     * See the formatDateUtil function for more information.
+     * Explicit locale override (BCP 47 language tag, e.g. `"en-US"`).
+     * When provided, takes precedence over the locale resolved from context.
      */
     locale?: string;
 }
@@ -86,7 +90,4 @@ export interface DateTimeCellProps extends CommonProps, Refable<HTMLDivElement>,
  * @param {DateTimeCellProps} props - The props for the DateTimeCell component
  * @returns {ReactElement} DateTimeCell component
  */
-export declare const DateTimeCell: ({ format, timeZone, locale, date, withTimeSince, className, "data-testid": dataTestId, style, }: DateTimeCellProps) => import("react/jsx-runtime").JSX.Element | null;
-export interface TimeSinceProps extends Pick<DateTimeCellProps, "date" | "timeZone" | "locale"> {
-    date: Date;
-}
+export declare const DateTimeCell: ({ format, date, withTimeSince, className, "data-testid": dataTestId, style, timeZone: timeZoneProp, locale: localeProp, }: DateTimeCellProps) => ReactElement | null;