@digital-ai/dot-components 3.17.0 → 3.17.1

package/index.esm.js

@@ -9715,7 +9715,9 @@ const DotMetadataApiProvider = ({
       setAccountIdHeader(accountId);
       return cancelablePromise(DashboardsService.deleteDashboardsService(dashboardId)).then(() => {
         setDashboardsError(null);
-        setDashboards(dashboards.filter(dashboard => dashboard.id !== dashboardId));
+        if (dashboards) {
+          setDashboards(dashboards.filter(dashboard => dashboard.id !== dashboardId));
+        }
         return true;
       }).catch(error => {
         setDashboardsError(error);
@@ -10892,7 +10894,7 @@ function HighImpact({
   const defaultMessage = useMemo(() => jsxs(DotTypography, {
     className: "high-impact-default-content",
     variant: "body1",
-    children: ["This action cannot be undone. This will permanently", ' ', action.toUpperCase(), objectType && ' the ', jsx("span", {
+    children: ["This action cannot be undone. This will permanently", ' ', action.toUpperCase(), objectType ? ' the ' : ' ', jsx("span", {
       className: "item-name",
       children: record
     }), objectType && ` ${objectType}`, ". Some data may be lost."]
@@ -11457,6 +11459,7 @@ const StyledDotMenu = styled(DotMenu)`
 function DotDashboardOptionsMenu({
   dashboard,
   isEdit = false,
+  menuPlacement,
   onStartDelete,
   onStartDuplicate,
   onStartStatusChange,
@@ -11577,6 +11580,16 @@ function DotDashboardOptionsMenu({
       onClick: () => onDetails(dashboard)
     });
   }
+  // useful since most of the screen is generally an iframe
+  const blurHandler = useCallback(() => {
+    setOpen(false);
+  }, []);
+  useEffect(() => {
+    window.addEventListener('blur', blurHandler);
+    return () => {
+      window.removeEventListener('blur', blurHandler);
+    };
+  }, []);
   return menuItems.length > 0 ? jsxs(Fragment, {
     children: [jsx(DotIconButton, {
       className: "expand-button",
@@ -11591,6 +11604,7 @@ function DotDashboardOptionsMenu({
       id: "card-header-action-menu",
       menuItemHeight: "auto",
       menuItems: menuItems,
+      menuPlacement: menuPlacement,
       open: open,
       onLeave: handleMenuClose
     })]
@@ -11777,7 +11791,8 @@ function DotDashboardActions({
     }), dashboardToDelete && jsx(DotImpactDialog, {
       onCancel: handleDeleteClose,
       onSubmit: handleDeleteSubmit,
-      record: dashboardToDelete === null || dashboardToDelete === void 0 ? void 0 : dashboardToDelete.name,
+      record: dashboardToDelete.name,
+      impact: dashboardToDelete.lifecycle_state === DashboardView.lifecycle_state.PUBLISHED ? 'high' : 'medium',
       open: true
     }), jsx(HelpButton, {
       dashboard: dashboard
@@ -11787,6 +11802,7 @@ function DotDashboardActions({
     }), canEdit && jsx(DotDashboardOptionsMenu, {
       dashboard: dashboard,
       isEdit: isEdit,
+      menuPlacement: "bottom-start",
       onViewMode: onViewMode,
       onStartStatusChange: handleStartStatusChangeIfConfig,
       onStartDuplicate: handleStartDuplicateIfConfig,

package/package.json

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

package/src/lib/components/analytics/dashboard-actions/DashboardOptionsMenu.d.ts

@@ -1,12 +1,14 @@
+import { PopperPlacement } from '../../menu/Menu';
 import { DashboardView } from '../metadata-api/openapi';
 interface DashboardOptionsMenuProps {
     dashboard: DashboardView;
     isEdit?: boolean;
+    menuPlacement?: PopperPlacement;
     onDetails?: (dashboard: DashboardView) => void;
     onStartDelete?: (dashboard: DashboardView) => void;
     onStartDuplicate?: (dashboard: DashboardView) => void;
     onStartStatusChange?: (dashboard: DashboardView, status: DashboardView.lifecycle_state) => void;
     onViewMode?: (dashboard: DashboardView, mode: string) => void;
 }
-export declare function DotDashboardOptionsMenu({ dashboard, isEdit, onStartDelete, onStartDuplicate, onStartStatusChange, onViewMode, onDetails, }: DashboardOptionsMenuProps): import("react/jsx-runtime").JSX.Element;
+export declare function DotDashboardOptionsMenu({ dashboard, isEdit, menuPlacement, onStartDelete, onStartDuplicate, onStartStatusChange, onViewMode, onDetails, }: DashboardOptionsMenuProps): import("react/jsx-runtime").JSX.Element;
 export {};