@digital-ai/dot-components 3.19.0 → 3.20.0

package/index.esm.js

@@ -11869,6 +11869,15 @@ const StyledDashboardHeader = styled(DotActionToolbar)`
     padding: ${theme.spacing(0, 2)};
   `}
 `;
+const StyledDashboardHeaderTitleSection = styled.div`
+  ${({
+  theme
+}) => css`
+    display: flex;
+    align-items: center;
+    gap: ${theme.spacing(2)};
+  `}
+`;
 
 function DotDashboardHeader({
   accountId,
@@ -11880,7 +11889,8 @@ function DotDashboardHeader({
   onStatusChanged,
   onDeleted,
   onDuplicated,
-  onViewMode
+  onViewMode,
+  showStatus = false
 }) {
   const {
     applications,
@@ -11898,10 +11908,14 @@ function DotDashboardHeader({
     loadApplications(accountId);
   }, []);
   return jsxs(StyledDashboardHeader, {
-    children: [jsx(DotTypography, {
-      component: "h2",
-      variant: "h2",
-      children: dashboard === null || dashboard === void 0 ? void 0 : dashboard.name
+    children: [jsxs(StyledDashboardHeaderTitleSection, {
+      children: [jsx(DotTypography, {
+        component: "h2",
+        variant: "h2",
+        children: dashboard === null || dashboard === void 0 ? void 0 : dashboard.name
+      }), showStatus && jsx(DotDashboardStatusPill, {
+        status: dashboard.lifecycle_state
+      })]
     }), jsx(DotDashboardActions, {
       applications: applications,
       canEdit: canEdit,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@digital-ai/dot-components",
-  "version": "3.19.0",
+  "version": "3.20.0",
   "private": false,
   "license": "SEE LICENSE IN <LICENSE.md>",
   "contributors": [

package/src/lib/components/analytics/dashboard-header/DashboardHeader.d.ts

@@ -1,6 +1,7 @@
 import { DashboardActionsCommonProps } from '../dashboard-actions/DashboardActions';
 interface DashboardHeaderProps extends DashboardActionsCommonProps {
     accountId?: string;
+    showStatus?: boolean;
 }
-declare function DotDashboardHeader({ accountId, dashboard, isEdit, canEdit, onClose, onFavorite, onStatusChanged, onDeleted, onDuplicated, onViewMode, }: DashboardHeaderProps): import("react/jsx-runtime").JSX.Element;
+declare function DotDashboardHeader({ accountId, dashboard, isEdit, canEdit, onClose, onFavorite, onStatusChanged, onDeleted, onDuplicated, onViewMode, showStatus, }: DashboardHeaderProps): import("react/jsx-runtime").JSX.Element;
 export { DashboardHeaderProps, DotDashboardHeader };

package/src/lib/components/analytics/dashboard-header/DashboardHeader.styles.d.ts

@@ -1 +1,2 @@
 export declare const StyledDashboardHeader: import("styled-components").StyledComponent<({ ariaLabel, children, className, "data-testid": dataTestId, variant, }: import("../../action-toolbar/ActionToolbar").DotActionBarProps) => import("react/jsx-runtime").JSX.Element, any, {}, never>;
+export declare const StyledDashboardHeaderTitleSection: import("styled-components").StyledComponent<"div", any, {}, never>;