@trackunit/react-date-and-time-components 1.10.63 → 1.10.64

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (3) hide show
  1. package/index.cjs.js +6 -3
  2. package/index.esm.js +6 -3
  3. package/package.json +1 -1
package/index.cjs.js CHANGED
@@ -851,7 +851,7 @@ const TimelineElement = ({ date, children, className, dataTestId = "timeline-ele
851
851
  setIsHovered(false);
852
852
  }
853
853
  };
854
- return (jsxRuntime.jsxs("div", { className: cvaTimelineElement({ className, selected, hoverBehavior }), "data-date": date, "data-testid": dataTestId, onClick: onClick, onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, 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), renderChildren(children), renderActionButton(actionButton)] })] }));
854
+ return (jsxRuntime.jsxs("div", { className: cvaTimelineElement({ className, selected, hoverBehavior }), "data-date": date, "data-testid": dataTestId, onClick: onClick, onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, 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)] })] }));
855
855
  };
856
856
  const renderDate = (formattedDate, locale) => {
857
857
  if (!formattedDate) {
@@ -864,11 +864,14 @@ const renderDot = (customDot, isHovered, selected) => {
864
864
  ? customDotElement(customDot.name, isHovered, selected, customDot.color, customDot.keepOnSelection)
865
865
  : defaultDot(isHovered, selected);
866
866
  };
867
- const renderHeader = (header) => {
867
+ const renderHeader = (header, dataTestId) => {
868
868
  if (!header) {
869
869
  return null;
870
870
  }
871
- return jsxRuntime.jsx("div", { className: "mt-0.5 content-center text-sm font-medium", children: header });
871
+ if (typeof header === "string") {
872
+ return (jsxRuntime.jsx("div", { className: "mt-0.5 content-center text-sm font-medium", "data-testid": `${dataTestId}-header`, children: header }));
873
+ }
874
+ return header;
872
875
  };
873
876
  const renderChildren = (children) => {
874
877
  if (!children) {
package/index.esm.js CHANGED
@@ -849,7 +849,7 @@ const TimelineElement = ({ date, children, className, dataTestId = "timeline-ele
849
849
  setIsHovered(false);
850
850
  }
851
851
  };
852
- return (jsxs("div", { className: cvaTimelineElement({ className, selected, hoverBehavior }), "data-date": date, "data-testid": dataTestId, onClick: onClick, onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, 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), renderChildren(children), renderActionButton(actionButton)] })] }));
852
+ return (jsxs("div", { className: cvaTimelineElement({ className, selected, hoverBehavior }), "data-date": date, "data-testid": dataTestId, onClick: onClick, onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, 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)] })] }));
853
853
  };
854
854
  const renderDate = (formattedDate, locale) => {
855
855
  if (!formattedDate) {
@@ -862,11 +862,14 @@ const renderDot = (customDot, isHovered, selected) => {
862
862
  ? customDotElement(customDot.name, isHovered, selected, customDot.color, customDot.keepOnSelection)
863
863
  : defaultDot(isHovered, selected);
864
864
  };
865
- const renderHeader = (header) => {
865
+ const renderHeader = (header, dataTestId) => {
866
866
  if (!header) {
867
867
  return null;
868
868
  }
869
- return jsx("div", { className: "mt-0.5 content-center text-sm font-medium", children: header });
869
+ if (typeof header === "string") {
870
+ return (jsx("div", { className: "mt-0.5 content-center text-sm font-medium", "data-testid": `${dataTestId}-header`, children: header }));
871
+ }
872
+ return header;
870
873
  };
871
874
  const renderChildren = (children) => {
872
875
  if (!children) {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@trackunit/react-date-and-time-components",
3
- "version": "1.10.63",
3
+ "version": "1.10.64",
4
4
  "repository": "https://github.com/Trackunit/manager",
5
5
  "license": "SEE LICENSE IN LICENSE.txt",
6
6
  "engines": {