@trackunit/react-date-and-time-components 2.1.1 → 2.1.3

package/index.cjs.js

@@ -926,11 +926,7 @@ const Timeline = ({ className, style, "data-testid": dataTestId, children, dateH
             }, 50); // Small delay to ensure DOM has updated
         });
     }, [isLoadingMore, middleChildren.length, visibleCount]);
-    const timestampWidth = childProps.timestampFormat === "date" || childProps.timestampFormat === "date-time"
-        ? "medium"
-        : hourCycle === "h12" || hourCycle === "h11"
-            ? "large"
-            : "small";
+    const timestampWidth = hourCycle === "h12" || hourCycle === "h11" ? "large" : "medium";
     // Reset visible count when toggling open/closed
     react.useEffect(() => {
         if (isOpen) {
@@ -996,13 +992,13 @@ const TimelineElement = ({ date, children, className, style, "data-testid": data
             setIsHovered(false);
         }
     };
-    return (jsxRuntime.jsxs("div", { className: cvaTimelineElement({ className, selected, hoverBehavior }), "data-date": date, "data-testid": dataTestId, onClick: onClick, onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, style: style, children: [renderDate(formattedDate, locale, timestampFormat), jsxRuntime.jsxs("div", { className: cvaDotWrapper(), children: [renderDot(customDot, isHovered, selected), jsxRuntime.jsx("div", { className: cvaLine({ lineStyle }) })] }), jsxRuntime.jsxs("div", { className: "pb-2 pt-2", children: [renderHeader(header, dataTestId), renderChildren(children), renderActionButton(actionButton)] })] }));
+    return (jsxRuntime.jsxs("div", { className: cvaTimelineElement({ className, selected, hoverBehavior }), "data-date": date, "data-testid": dataTestId, onClick: onClick, onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, style: style, children: [renderDate(formattedDate, locale), jsxRuntime.jsxs("div", { className: cvaDotWrapper(), children: [renderDot(customDot, isHovered, selected), jsxRuntime.jsx("div", { className: cvaLine({ lineStyle }) })] }), jsxRuntime.jsxs("div", { className: "pb-2 pt-2", children: [renderHeader(header, dataTestId), renderChildren(children), renderActionButton(actionButton)] })] }));
 };
-const renderDate = (formattedDate, locale, timestampFormat) => {
+const renderDate = (formattedDate, locale) => {
     if (!formattedDate) {
         return null;
     }
-    return jsxRuntime.jsx("div", { className: "items-center pt-2", children: timelineElementTime(formattedDate, locale, timestampFormat) });
+    return jsxRuntime.jsx("div", { className: "items-center pt-2", children: timelineElementTime(formattedDate, locale) });
 };
 const renderDot = (customDot, isHovered, selected) => {
     return customDot?.name
@@ -1030,9 +1026,9 @@ const renderActionButton = (actionButton) => {
     }
     return (jsxRuntime.jsx("div", { className: "pt-2", children: jsxRuntime.jsx(reactComponents.Button, { prefix: jsxRuntime.jsx(reactComponents.Icon, { name: actionButton.iconName, size: "small" }), size: "small", variant: "secondary", children: actionButton.label }) }));
 };
-const timelineElementTime = (formattedDate, locale, timestampFormat) => {
+const timelineElementTime = (formattedDate, locale) => {
     const hourCycle = dateAndTimeUtils.getHourCycle(locale);
-    const width = timestampFormat === "time" ? (hourCycle === "h12" || hourCycle === "h11" ? "large" : "small") : "medium";
+    const width = hourCycle === "h12" || hourCycle === "h11" ? "large" : "medium";
     return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [formattedDate.date ? (jsxRuntime.jsx(reactComponents.Text, { align: "right", className: cvaTimelineElementTime({
                     width,
                 }), size: "small", subtle: true, children: formattedDate.date })) : null, formattedDate.time ? (jsxRuntime.jsx(reactComponents.Text, { align: "right", className: cvaTimelineElementTime({

package/index.esm.js

@@ -924,11 +924,7 @@ const Timeline = ({ className, style, "data-testid": dataTestId, children, dateH
             }, 50); // Small delay to ensure DOM has updated
         });
     }, [isLoadingMore, middleChildren.length, visibleCount]);
-    const timestampWidth = childProps.timestampFormat === "date" || childProps.timestampFormat === "date-time"
-        ? "medium"
-        : hourCycle === "h12" || hourCycle === "h11"
-            ? "large"
-            : "small";
+    const timestampWidth = hourCycle === "h12" || hourCycle === "h11" ? "large" : "medium";
     // Reset visible count when toggling open/closed
     useEffect(() => {
         if (isOpen) {
@@ -994,13 +990,13 @@ const TimelineElement = ({ date, children, className, style, "data-testid": data
             setIsHovered(false);
         }
     };
-    return (jsxs("div", { className: cvaTimelineElement({ className, selected, hoverBehavior }), "data-date": date, "data-testid": dataTestId, onClick: onClick, onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, style: style, children: [renderDate(formattedDate, locale, timestampFormat), jsxs("div", { className: cvaDotWrapper(), children: [renderDot(customDot, isHovered, selected), jsx("div", { className: cvaLine({ lineStyle }) })] }), jsxs("div", { className: "pb-2 pt-2", children: [renderHeader(header, dataTestId), renderChildren(children), renderActionButton(actionButton)] })] }));
+    return (jsxs("div", { className: cvaTimelineElement({ className, selected, hoverBehavior }), "data-date": date, "data-testid": dataTestId, onClick: onClick, onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, style: style, children: [renderDate(formattedDate, locale), jsxs("div", { className: cvaDotWrapper(), children: [renderDot(customDot, isHovered, selected), jsx("div", { className: cvaLine({ lineStyle }) })] }), jsxs("div", { className: "pb-2 pt-2", children: [renderHeader(header, dataTestId), renderChildren(children), renderActionButton(actionButton)] })] }));
 };
-const renderDate = (formattedDate, locale, timestampFormat) => {
+const renderDate = (formattedDate, locale) => {
     if (!formattedDate) {
         return null;
     }
-    return jsx("div", { className: "items-center pt-2", children: timelineElementTime(formattedDate, locale, timestampFormat) });
+    return jsx("div", { className: "items-center pt-2", children: timelineElementTime(formattedDate, locale) });
 };
 const renderDot = (customDot, isHovered, selected) => {
     return customDot?.name
@@ -1028,9 +1024,9 @@ const renderActionButton = (actionButton) => {
     }
     return (jsx("div", { className: "pt-2", children: jsx(Button, { prefix: jsx(Icon, { name: actionButton.iconName, size: "small" }), size: "small", variant: "secondary", children: actionButton.label }) }));
 };
-const timelineElementTime = (formattedDate, locale, timestampFormat) => {
+const timelineElementTime = (formattedDate, locale) => {
     const hourCycle = getHourCycle(locale);
-    const width = timestampFormat === "time" ? (hourCycle === "h12" || hourCycle === "h11" ? "large" : "small") : "medium";
+    const width = hourCycle === "h12" || hourCycle === "h11" ? "large" : "medium";
     return (jsxs(Fragment, { children: [formattedDate.date ? (jsx(Text, { align: "right", className: cvaTimelineElementTime({
                     width,
                 }), size: "small", subtle: true, children: formattedDate.date })) : null, formattedDate.time ? (jsx(Text, { align: "right", className: cvaTimelineElementTime({

package/package.json

@@ -1,20 +1,20 @@
 {
   "name": "@trackunit/react-date-and-time-components",
-  "version": "2.1.1",
+  "version": "2.1.3",
   "repository": "https://github.com/Trackunit/manager",
   "license": "SEE LICENSE IN LICENSE.txt",
   "engines": {
     "node": ">=24.x"
   },
   "dependencies": {
-    "@trackunit/react-components": "2.1.0",
-    "@trackunit/date-and-time-utils": "1.13.12",
-    "@trackunit/react-date-and-time-hooks": "2.1.1",
-    "@trackunit/css-class-variance-utilities": "1.13.11",
-    "@trackunit/ui-icons": "1.13.11",
-    "@trackunit/shared-utils": "1.15.11",
-    "@trackunit/i18n-library-translation": "2.0.2",
-    "@trackunit/react-form-components": "2.1.1",
+    "@trackunit/react-components": "2.1.1",
+    "@trackunit/date-and-time-utils": "1.13.13",
+    "@trackunit/react-date-and-time-hooks": "2.1.2",
+    "@trackunit/css-class-variance-utilities": "1.13.12",
+    "@trackunit/ui-icons": "1.13.12",
+    "@trackunit/shared-utils": "1.15.12",
+    "@trackunit/i18n-library-translation": "2.0.3",
+    "@trackunit/react-form-components": "2.1.2",
     "string-ts": "^2.0.0",
     "tailwind-merge": "^2.0.0",
     "react-calendar": "^6.0.0"