@luscii-healthtech/web-ui 2.62.0 → 2.63.0

package/dist/components/PageHeader/PageHeader.types.d.ts

@@ -1,9 +1,10 @@
 /// <reference types="react" />
-import type { BreadcrumbProps } from "../Breadcrumbs/Breadcrumbs";
+import type { BreadcrumbProps } from "../Breadcrumbs";
 import type { TabbarProps } from "../Tabbar/Tabbar";
 export interface PageHeaderProps {
     navigation?: Omit<TabbarProps, "withoutPadding">;
     breadcrumbs?: BreadcrumbProps["crumbs"];
+    truncateBreadcrumbsAfter?: number;
     dataTestId?: string;
     title: string;
     isPolling?: boolean;

package/dist/components/Timeline/Timeline.d.ts

@@ -1,4 +1,5 @@
 import { BaseButtonProps } from "../ButtonV2/ButtonProps.type";
+import { CenteredHeroProps } from "../CenteredHero/CenteredHero";
 import { TimelineStepProps } from "./TimelineStep";
 import { TimelineHeaderProps } from "./TimelineHeader";
 export interface TimelineProps {
@@ -6,6 +7,7 @@ export interface TimelineProps {
     steps: TimelineStepProps[];
     loadMoreButtonProps?: BaseButtonProps;
     dataTestId?: string;
+    emptyHeroProps?: CenteredHeroProps;
 }
-export declare const Timeline: ({ headerProps, steps, loadMoreButtonProps, dataTestId, }: TimelineProps) => JSX.Element;
+export declare const Timeline: ({ headerProps, steps, loadMoreButtonProps, dataTestId, emptyHeroProps, }: TimelineProps) => JSX.Element;
 export default Timeline;

package/dist/web-ui.cjs.development.js

@@ -6723,7 +6723,8 @@ var PageHeader = function PageHeader(_ref) {
       isPolling = _ref.isPolling,
       title = _ref.title,
       contained = _ref.contained,
-      className = _ref.className;
+      className = _ref.className,
+      truncateBreadcrumbsAfter = _ref.truncateBreadcrumbsAfter;
   var withContained = {
     "max-w-3xl m-auto": contained
   };
@@ -6735,7 +6736,8 @@ var PageHeader = function PageHeader(_ref) {
   }, !!(breadcrumbs != null && breadcrumbs.length) && /*#__PURE__*/React__default.createElement("div", {
     className: classNames("mb-4 space-y-4", withContained)
   }, /*#__PURE__*/React__default.createElement(Breadcrumbs, {
-    crumbs: breadcrumbs
+    crumbs: breadcrumbs,
+    truncateAfter: truncateBreadcrumbsAfter
   }), /*#__PURE__*/React__default.createElement("div", {
     className: "mb-4 border-b border-slate-100"
   })), /*#__PURE__*/React__default.createElement("div", {
@@ -8024,7 +8026,8 @@ var TimelineStep = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
 var TimelineHeader = function TimelineHeader(_ref) {
   var title = _ref.title,
       buttons = _ref.buttons,
-      withBorder = _ref.withBorder;
+      _ref$withBorder = _ref.withBorder,
+      withBorder = _ref$withBorder === void 0 ? true : _ref$withBorder;
   var hasButtons = buttons && buttons.length > 0;
   var className = classNames("flex flex-row items-center space-x-4 rounded-t px-4", {
     "py-4": !hasButtons,
@@ -8055,11 +8058,15 @@ var Timeline = function Timeline(_ref) {
       steps = _ref.steps,
       loadMoreButtonProps = _ref.loadMoreButtonProps,
       _ref$dataTestId = _ref.dataTestId,
-      dataTestId = _ref$dataTestId === void 0 ? "timeline" : _ref$dataTestId;
+      dataTestId = _ref$dataTestId === void 0 ? "timeline" : _ref$dataTestId,
+      emptyHeroProps = _ref.emptyHeroProps;
+  var isEmptyTimeline = !steps || steps.length === 0;
   return /*#__PURE__*/React__default.createElement("div", {
     className: "bg-white rounded-xl",
     "data-test-id": dataTestId
-  }, headerProps && /*#__PURE__*/React__default.createElement(TimelineHeader, _extends({}, headerProps)), /*#__PURE__*/React__default.createElement("div", {
+  }, headerProps && /*#__PURE__*/React__default.createElement(TimelineHeader, _extends({}, headerProps)), isEmptyTimeline && emptyHeroProps && /*#__PURE__*/React__default.createElement(CenteredHero, _extends({
+    background: "white"
+  }, emptyHeroProps)), !isEmptyTimeline && /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("div", {
     className: classNames("px-4 pb-4", {
       "pt-4": !headerProps
     })
@@ -8067,7 +8074,7 @@ var Timeline = function Timeline(_ref) {
     return /*#__PURE__*/React__default.createElement(TimelineStep, _extends({}, step));
   })), loadMoreButtonProps && /*#__PURE__*/React__default.createElement("div", {
     className: "text-center border-t py-6"
-  }, /*#__PURE__*/React__default.createElement(SecondaryButton, _extends({}, loadMoreButtonProps))));
+  }, /*#__PURE__*/React__default.createElement(SecondaryButton, _extends({}, loadMoreButtonProps)))));
 };
 
 var _excluded$t = ["titleProps", "title", "titleAccessory", "contentProps", "content", "defaultContent", "className", "buttons"];