@trackunit/react-components 0.1.61 → 0.1.64

package/index.js

@@ -1731,7 +1731,7 @@ const Pagination = ({ previousPage, nextPage, canPreviousPage, canNextPage, page
                 description = "Next Page";
                 break;
         }
-        if (to) {
+        if (to !== undefined && to >= 0) {
             setPage(to);
             setCurrentPage(String(to + 1));
         }
@@ -2581,10 +2581,15 @@ const Timeline = ({ className, dataTestId, children }) => {
  * @param {TimeLineElementProps} props the props
  * @returns {JSX.Element} component
  */
-const TimelineElement = ({ date, children, className, dataTestId = "timeline-date", dot = jsx(Indicator, { className: tws `mt-[-1px]`, color: "neutral", icon: jsx(Icon, { name: "CalendarIcon", size: "large" }) }), header = `${format(date, "MMM d, yyyy")} (${formatDistance(date, new Date(), { addSuffix: true })})`, onClick, }) => {
+const TimelineElement = ({ date, showTime, children, className, dataTestId = "timeline-date", dot = jsx(Indicator, { className: tws `mt-[-1px]`, color: "neutral", icon: jsx(Icon, { name: "CalendarIcon", size: "large" }) }), header = defaultHeader(date, showTime), onClick, }) => {
     var _a;
     return (jsxs("li", Object.assign({ className: `${tws `tu-timeline-element`}${(_a = " " + className) !== null && _a !== void 0 ? _a : ""}  `, "data-date": `${date}`, "data-testid": dataTestId && `${dataTestId}`, onClick: () => onClick && onClick() }, { children: [jsx("div", Object.assign({ className: tws `tu-timeline-element__dot` }, { children: dot })), jsx("div", { children: header }), jsx("div", {}), jsx("div", { children: jsx("div", { children: children }) })] })));
-};
+};
+function defaultHeader(date, showTime) {
+    return `${format(date, showTime ? "MMM d, yyyy H:mm" : "MMM d, yyyy")} (${formatDistance(date, new Date(), {
+        addSuffix: true,
+    })})`;
+}
 
 /**
  * Use Toggle when you have to only enable/disable a feature.

package/package.json

@@ -1,10 +1,10 @@
 {
   "name": "@trackunit/react-components",
-  "version": "0.1.61",
+  "version": "0.1.64",
   "repository": "https://github.com/Trackunit/manager",
   "license": "SEE LICENSE IN LICENSE.txt",
   "dependencies": {
-    "@trackunit/css-core": "0.0.73",
+    "@trackunit/css-core": "0.0.74",
     "@trackunit/tailwind-styled-components": "0.0.54",
     "react": "18.2.0",
     "@trackunit/ui-design-tokens": "0.0.60",

package/src/components/Timeline/Timeline.d.ts

@@ -15,6 +15,7 @@ export interface TimelineProps extends CommonProps {
 export declare const Timeline: ({ className, dataTestId, children }: TimelineProps) => JSX.Element;
 interface TimeLineElementProps extends CommonProps {
     date: Date;
+    showTime?: boolean;
     header?: React.ReactNode;
     children: React.ReactNode;
     dot?: React.ReactNode;
@@ -27,5 +28,5 @@ interface TimeLineElementProps extends CommonProps {
  * @param {TimeLineElementProps} props the props
  * @returns {JSX.Element} component
  */
-export declare const TimelineElement: ({ date, children, className, dataTestId, dot, header, onClick, }: TimeLineElementProps) => JSX.Element;
+export declare const TimelineElement: ({ date, showTime, children, className, dataTestId, dot, header, onClick, }: TimeLineElementProps) => JSX.Element;
 export {};