@digital-ai/dot-components 3.18.1 → 3.20.0

package/index.esm.js

@@ -52,6 +52,7 @@ const DotTooltip = ({
   disablePortal = false,
   followCursor = false,
   enterDelay = 0,
+  enterNextDelay = 0,
   hoverVisibility = 'always',
   leaveDelay,
   onClose,
@@ -90,6 +91,7 @@ const DotTooltip = ({
     disableHoverListener: hoverVisibility === 'never' || hoverVisibility === 'overflow' && !hasTooltipOnHover,
     leaveDelay: leaveDelay,
     enterDelay: enterDelay,
+    enterNextDelay: enterNextDelay,
     onClose: onClose,
     open: open,
     placement: placement,
@@ -4264,7 +4266,7 @@ const DotList = ({
       width: listWidth
     },
     children: [items.map((item, index) => {
-      var _a;
+      var _a, _b;
       const handleListItemClick = e => {
         var _a;
         const target = e.target;
@@ -4306,7 +4308,7 @@ const DotList = ({
         "data-testid": `${dataTestId}-item-${index}`,
         endIcon: item.endIcon,
         href: item.href,
-        isOpened: item.isOpened ? item.isOpened : listItemIndex === index,
+        isOpened: (_b = item.isOpened) !== null && _b !== void 0 ? _b : listItemIndex === index,
         items: item.items,
         menuPlacement: menuPlacement,
         nestedDrawerLeftSpacing: nestedDrawerLeftSpacing,
@@ -11867,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,
@@ -11878,7 +11889,8 @@ function DotDashboardHeader({
   onStatusChanged,
   onDeleted,
   onDuplicated,
-  onViewMode
+  onViewMode,
+  showStatus = false
 }) {
   const {
     applications,
@@ -11896,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.18.1",
+  "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>;

package/src/lib/components/tooltip/Tooltip.d.ts

@@ -9,6 +9,7 @@ export interface TooltipProps extends CommonProps {
     /** Disable the portal behavior. If true, children stay within parent DOM hierarchy. */
     disablePortal?: boolean;
     enterDelay?: number;
+    enterNextDelay?: number;
     followCursor?: boolean;
     hoverVisibility?: TooltipHoverVisibility;
     leaveDelay?: number;
@@ -18,4 +19,4 @@ export interface TooltipProps extends CommonProps {
     popperClassName?: string;
     title?: ReactNode | string | number;
 }
-export declare const DotTooltip: ({ ariaLabel, ariaRole, arrow, children, className, "data-testid": dataTestId, disablePortal, followCursor, enterDelay, hoverVisibility, leaveDelay, onClose, open, placement, popperClassName, title, }: TooltipProps) => import("react/jsx-runtime").JSX.Element;
+export declare const DotTooltip: ({ ariaLabel, ariaRole, arrow, children, className, "data-testid": dataTestId, disablePortal, followCursor, enterDelay, enterNextDelay, hoverVisibility, leaveDelay, onClose, open, placement, popperClassName, title, }: TooltipProps) => import("react/jsx-runtime").JSX.Element;