@digital-ai/dot-components 4.3.3 → 4.4.0

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,8 +9642,9 @@ 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
         });
@@ -10595,6 +10597,7 @@ const DashboardDetailsSectionHeading = ({
   });
 };
 const DotDashboardDetailsView = ({
+  canEdit,
   className,
   dashboard,
   onClose,
@@ -10690,6 +10693,7 @@ const DotDashboardDetailsView = ({
             children: jsx(DotDashboardStatusPill, {
               dashboard: dashboard,
               currentUser: currentUser ? currentUser : null,
+              canEdit: canEdit,
               modifiedAuthorUser: modifiedAuthorUser ? modifiedAuthorUser : null
             })
           }), jsx(DashboardDetailsField, {
@@ -12026,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) {
@@ -12607,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
@@ -18429,6 +18438,7 @@ const StyledCarousel = styled.div`
           position: -webkit-sticky;
           top: calc(50% - ${theme.spacing(4)});
           margin: ${theme.spacing(0, 2)};
+          z-index: 1;
 
           &.top {
             top: ${theme.spacing(2)};
@@ -19192,4 +19202,4 @@ const BoardColumnSummary = ({
   });
 };
 
-export { ApiError$1 as ApiError, BoardStatusProvider, Cell, ColumnStatusProvider, CreateUUID, CssCell, CssGrid, CssGridDebug, DashboardAppTypeOptions, DashboardView, DatePickerKeydownContext, Daytime, DotAccordion, DotActionToolbar, DotAlertBanner, DotAppLogo, DotAppSwitcher, DotAppToolbar, DotAutoComplete, DotAvatar, DotAvatarGroup, DotAvatarWithDetails, DotBadge, Board as DotBoard, BoardColumn as DotBoardColumn, BoardColumnActionBar as DotBoardColumnActionBar, BoardColumnCollapse as DotBoardColumnCollapse, BoardColumnExpand as DotBoardColumnExpand, BoardColumnHeader as DotBoardColumnHeader, BoardColumnItems as DotBoardColumnItems, BoardColumnSummary as DotBoardColumnSummary, DotBreadcrumbs, DotButton, DotButtonToggle, DotCard, DotCardContent, DotCardFooter, DotCardHeader, DotCarousel, DotCheckbox, DotCheckboxGroup, DotChip, DotChipList, DotClickAwayListener, DotConfirmationDialog, DotCopyButton, DotCoreApiProvider, DotDashboardActions, DotDashboardDetails, DotDashboardDialog, DotDashboardHeader, DotDashboardOptionsMenu, DotDashboardPublishConfirm, DotDashboardStatusPill, DotDatePicker, DotDialog, DotDivider, DotDraggableList, DotDrawer, DotDynamicForm, DotEmptyFilterState, DotEmptyState, DotFileListItem, DotFileUpload, DotForm, DotFormGroup, DotHeaderRow, DotIcon, DotIconButton, DotIllustration, DotImpactDialog, DotInlineEdit, DotInputLabel, DotInputSelect, DotInputText, DotLinearProgress, DotLink, DotList, DotMenu, DotMetadataApiProvider, DotNavigationRail, DotPill, DotPopper, DotProgress, DotProgressButton, DotRadioButton, DotRadioGroup, DotSidebar, DotSkeleton, DotSnackbar, DotSnackbarContainer, DotSnackbarProvider, DotSplitButton, DotStepper, DotStickyWithBorder, DotSwitch, DotTable, DotTableAction, DotTableActions, DotTablePagination, DotTabs, DotThemeProvider, DotTimePicker, DotTooltip, DotTruncateWithTooltip, DotTypography, avatarColors, breakpointOptions, checkIfValidDate, darkFigmaColors, lightThemeColors as lightColors, lightFigmaColors, mockScrollIntoView, parseAutoCompleteValue, variables as themeVariables, typographyOptions, useBoardStatus, useColumnStatus, useDotCoreApiContext, useDotMetadataApiContext, useDotSnackbarContext, useEnqueueErrorMessage };
+export { ApiError$1 as ApiError, BoardStatusProvider, Cell, ColumnStatusProvider, CreateUUID, CssCell, CssGrid, CssGridDebug, DashboardAppTypeOptions, DashboardView, DatePickerKeydownContext, Daytime, DotAccordion, DotActionToolbar, DotAlertBanner, DotAppLogo, DotAppSwitcher, DotAppToolbar, DotAutoComplete, DotAvatar, DotAvatarGroup, DotAvatarWithDetails, DotBadge, Board as DotBoard, BoardColumn as DotBoardColumn, BoardColumnActionBar as DotBoardColumnActionBar, BoardColumnCollapse as DotBoardColumnCollapse, BoardColumnExpand as DotBoardColumnExpand, BoardColumnHeader as DotBoardColumnHeader, BoardColumnItems as DotBoardColumnItems, BoardColumnSummary as DotBoardColumnSummary, DotBreadcrumbs, DotButton, DotButtonToggle, DotCard, DotCardContent, DotCardFooter, DotCardHeader, DotCarousel, DotCheckbox, DotCheckboxGroup, DotChip, DotChipList, DotClickAwayListener, DotConfirmationDialog, DotCopyButton, DotCoreApiProvider, DotDashboardActions, DotDashboardDetails, DotDashboardDialog, DotDashboardHeader, DotDashboardOptionsMenu, DotDashboardPublishConfirm, DotDashboardStatusPill, DotDatePicker, DotDialog, DotDivider, DotDraggableList, DotDrawer, DotDynamicForm, DotEmptyFilterState, DotEmptyState, DotFileListItem, DotFileUpload, DotForm, DotFormGroup, DotHeaderRow, DotIcon, DotIconButton, DotIllustration, DotImpactDialog, DotInlineEdit, DotInputLabel, DotInputSelect, DotInputText, DotLinearProgress, DotLink, DotList, DotMenu, DotMetadataApiProvider, DotNavigationRail, DotPill, DotPopper, DotProgress, DotProgressButton, DotRadioButton, DotRadioGroup, DotSidebar, DotSkeleton, DotSnackbar, DotSnackbarContainer, DotSnackbarProvider, DotSplitButton, DotStepper, DotStickyWithBorder, DotSwitch, DotTable, DotTableAction, DotTableActions, DotTablePagination, DotTabs, DotThemeProvider, DotTimePicker, DotTooltip, DotTruncateWithTooltip, DotTypography, avatarColors, breakpointOptions, checkIfValidDate, darkFigmaColors, lightThemeColors as lightColors, lightFigmaColors, mockScrollIntoView, parseAutoCompleteValue, variables as themeVariables, typographyOptions, useBoardStatus, useColumnStatus, useDotCoreApiContext, useDotMetadataApiContext, useDotSnackbarContext, useEnqueueErrorMessage, useKeyPress };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@digital-ai/dot-components",
-  "version": "4.3.3",
+  "version": "4.4.0",
   "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 };

package/src/lib/components/index.d.ts

@@ -128,3 +128,4 @@ export { DotCarousel } from './carousel/Carousel';
 export { DotStickyWithBorder } from './sticky-with-border';
 export { CreateUUID } from './createUUID';
 export { BoardStatusProvider, ColumnStatusProvider, DotBoard, DotBoardColumn, DotBoardColumnActionBar, DotBoardColumnCollapse, DotBoardColumnExpand, DotBoardColumnHeader, DotBoardColumnItems, DotBoardColumnSummary, useBoardStatus, useColumnStatus, } from './board';
+export { useKeyPress } from '../hooks/useKeyPress';