@digital-ai/dot-components 4.3.2 → 4.3.4

package/index.esm.js

@@ -9603,6 +9603,7 @@ class HelpContentService {
 
 function DotDashboardStatusPill({
   dashboard,
+  canEdit,
   currentUser,
   modifiedAuthorUser
 }) {
@@ -9618,7 +9619,7 @@ function DotDashboardStatusPill({
       })
     });
   } else if (dashboard.lifecycle_state === DashboardView.lifecycle_state.PUBLISHED && dashboard.is_being_modified && currentUser) {
-    if (dashboard.modified_author_id === currentUser.id) {
+    if (dashboard.modified_author_id === currentUser.id && canEdit) {
       return jsx(DotTooltip, {
         title: "You are currently editing this dashboard and the latest changes have not yet been published. Other users cannot edit this dashboard while you are editing it.",
         placement: "top",
@@ -9641,13 +9642,20 @@ function DotDashboardStatusPill({
       });
       if (modifiedAuthorUser) {
         const modifiedAuthorUserFullName = `${modifiedAuthorUser.given_name} ${modifiedAuthorUser.family_name}`;
+        const tooltip = dashboard.modified_author_id === currentUser.id ? 'You are viewing the published version of this dashboard which you are currently editing.' : `${modifiedAuthorUserFullName} is currently editing this dashboard and it is locked for editing by other users.`;
         return jsx(DotTooltip, {
-          title: `${modifiedAuthorUserFullName} is currently editing this dashboard and it is locked for editing by other users.`,
+          title: tooltip,
           placement: "top",
           children: lockedPublished
         });
       } else {
-        return lockedPublished;
+        // If we don't have the user and the dashboard is being modified, we assume that the user is a Digital.ai
+        // Support or Admin user.
+        return jsx(DotTooltip, {
+          title: `This dashboard is currently being edited by Digital.ai and it is locked for editing by other users.`,
+          placement: "top",
+          children: lockedPublished
+        });
       }
     }
   } else {
@@ -10589,6 +10597,7 @@ const DashboardDetailsSectionHeading = ({
   });
 };
 const DotDashboardDetailsView = ({
+  canEdit,
   className,
   dashboard,
   onClose,
@@ -10684,6 +10693,7 @@ const DotDashboardDetailsView = ({
             children: jsx(DotDashboardStatusPill, {
               dashboard: dashboard,
               currentUser: currentUser ? currentUser : null,
+              canEdit: canEdit,
               modifiedAuthorUser: modifiedAuthorUser ? modifiedAuthorUser : null
             })
           }), jsx(DashboardDetailsField, {
@@ -11845,7 +11855,7 @@ const StyledDotMenu = styled(DotMenu)`
     z-index: 9999;
 
     &.dot-menu {
-      min-width: 200px;
+      min-width: 260px;
 
       .dot-ul .dot-li {
         padding: 0;
@@ -11953,7 +11963,7 @@ function DotDashboardOptionsMenu({
       key: 'edit'
     });
   }
-  if (onUpdatedProperties && !dashboard.is_ootb_dashboard) {
+  if (onUpdatedProperties && !dashboard.is_ootb_dashboard && !dashboardLocked) {
     let menuItem = jsx(DotButton, {
       ariaLabel: "Edit dashboard properties",
       className: isEdit ? 'disabled-menu-item' : '',
@@ -12020,39 +12030,43 @@ function DotDashboardOptionsMenu({
   // If this is a published dashboard, with in-progress changes, and the user is the author of the changes,
   // show the republish, revert, and view original options.
   if (isPublished && currentUser && dashboard.is_being_modified && dashboard.modified_author_id === currentUser.id) {
-    menuItems.push({
-      children: jsx(DotButton, {
-        ariaLabel: "Publish changes",
-        type: "text",
-        startIcon: jsx(DotIcon, {
-          iconId: "send-airplane"
+    if (onStartStatusChange) {
+      menuItems.push({
+        children: jsx(DotButton, {
+          ariaLabel: "Publish changes",
+          type: "text",
+          startIcon: jsx(DotIcon, {
+            iconId: "send-airplane"
+          }),
+          children: "Publish changes"
         }),
-        children: "Publish changes"
-      }),
-      key: 'republish'
-    });
-    menuItems.push({
-      children: jsx(DotButton, {
-        ariaLabel: "Revert to original",
-        type: "text",
-        startIcon: jsx(DotIcon, {
-          iconId: "undo"
+        key: 'republish'
+      });
+    }
+    if (onStartRevert) {
+      menuItems.push({
+        children: jsx(DotButton, {
+          ariaLabel: "Revert to original",
+          type: "text",
+          startIcon: jsx(DotIcon, {
+            iconId: "undo"
+          }),
+          children: "Revert to original"
         }),
-        children: "Revert to original"
-      }),
-      key: 'revert'
-    });
-    menuItems.push({
-      children: jsx(DotButton, {
-        ariaLabel: "Open published dashboard",
-        type: "text",
-        startIcon: jsx(DotIcon, {
-          iconId: "visibility-on"
+        key: 'revert'
+      });
+      menuItems.push({
+        children: jsx(DotButton, {
+          ariaLabel: "Open published dashboard",
+          type: "text",
+          startIcon: jsx(DotIcon, {
+            iconId: "visibility-on"
+          }),
+          children: "Open published dashboard"
         }),
-        children: "Open published dashboard"
-      }),
-      key: 'original'
-    });
+        key: 'original'
+      });
+    }
   }
   if (onDetails) {
     if (menuItems.length > 0) {
@@ -12601,6 +12615,7 @@ function DotDashboardHeader({
           variant: "h2",
           children: [backButton, dashboard === null || dashboard === void 0 ? void 0 : dashboard.name]
         }), showStatus && dashboard && jsx(DotDashboardStatusPill, {
+          canEdit: canEdit,
           dashboard: dashboard,
           currentUser: currentUser ? currentUser : null,
           modifiedAuthorUser: modifiedAuthorUser ? modifiedAuthorUser : null

package/package.json

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

package/src/lib/components/analytics/dashboard-details/DashboardDetails.d.ts

@@ -3,22 +3,21 @@ import { CommonProps } from '../../CommonProps';
 import { DashboardView } from '../metadata-api/openapi';
 import { UserModel } from '../../core-api/openapi';
 interface CommonDashboardDetailsProps extends CommonProps {
+    canEdit: boolean;
+    currentUser?: UserModel;
+    modifiedAuthorUser?: UserModel;
     onClose?: (event: MouseEvent | KeyboardEvent) => void;
     onFavorite?: (dashboardId: string, favoriteValue: boolean) => void;
     yOffset?: number;
     zIndex?: number;
 }
 interface DashboardDetailsViewProps extends CommonDashboardDetailsProps {
-    currentUser?: UserModel;
     dashboard: DashboardView;
-    modifiedAuthorUser?: UserModel;
     open: boolean;
 }
-export declare const DotDashboardDetailsView: ({ className, dashboard, onClose, onFavorite, open, yOffset, zIndex, currentUser, modifiedAuthorUser, }: DashboardDetailsViewProps) => import("react/jsx-runtime").JSX.Element;
+export declare const DotDashboardDetailsView: ({ canEdit, className, dashboard, onClose, onFavorite, open, yOffset, zIndex, currentUser, modifiedAuthorUser, }: DashboardDetailsViewProps) => import("react/jsx-runtime").JSX.Element;
 export interface DashboardDetailsProps extends CommonDashboardDetailsProps {
-    currentUser?: UserModel;
     dashboard?: DashboardView;
-    modifiedAuthorUser?: UserModel;
 }
 export declare const DotDashboardDetails: ({ dashboard, onClose, onFavorite, currentUser, modifiedAuthorUser, ...commonProps }: DashboardDetailsProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/src/lib/components/analytics/dashboard-details/DashboardStatusPill.d.ts

@@ -1,9 +1,10 @@
 import { DashboardView } from '../metadata-api/openapi';
 import { UserModel } from '../../core-api/openapi';
 interface DashboardStatusPillProps {
+    canEdit: boolean;
     currentUser?: UserModel;
     dashboard: DashboardView;
     modifiedAuthorUser?: UserModel;
 }
-declare function DotDashboardStatusPill({ dashboard, currentUser, modifiedAuthorUser, }: Readonly<DashboardStatusPillProps>): import("react/jsx-runtime").JSX.Element;
+declare function DotDashboardStatusPill({ dashboard, canEdit, currentUser, modifiedAuthorUser, }: Readonly<DashboardStatusPillProps>): import("react/jsx-runtime").JSX.Element;
 export { DashboardStatusPillProps, DotDashboardStatusPill };