@digital-ai/dot-components 4.3.0 → 4.3.1

package/index.esm.js

@@ -9726,7 +9726,7 @@ const dashboard3 = {
   author_id: 'id3a',
   target_apps: ['AGILITY'],
   external_id: '3',
-  name: 'dashboard3',
+  name: 'dummy dashboard 3',
   description: '',
   dashboard_url: 'https://test.com',
   server_url: 'https://test.com',
@@ -9751,7 +9751,7 @@ const dashboard4 = {
   author_id: 'id4a',
   target_apps: ['DEPLOY'],
   external_id: '4',
-  name: 'dashboard4',
+  name: 'dummy dashboard',
   description: '',
   dashboard_url: 'https://test.com',
   server_url: 'https://test.com',
@@ -9771,7 +9771,7 @@ const dashboard4 = {
   favorite: false,
   updated_dt: '2023-11-21T04:42:07.951000+00:00'
 };
-({
+const dashboard5 = {
   author_fullname: 'Dashboard5 Author',
   author_id: 'id5a',
   target_apps: ['CHANGERISKPREDICTION'],
@@ -9795,9 +9795,9 @@ const dashboard4 = {
   filter_configuration: [],
   favorite: false,
   updated_dt: '2023-11-21T04:42:07.951000+00:00'
-});
+};
 // Dashboard with in-progress edits
-({
+const dashboard6 = {
   author_fullname: 'Dashboard6 Author',
   author_id: 'id6a',
   target_apps: ['AGILITY'],
@@ -9825,7 +9825,8 @@ const dashboard4 = {
   updated_dt: '2023-11-22T06:42:07.952000+00:00',
   is_being_modified: true,
   modified_author_id: 'id123'
-});
+};
+const dummyDashboards = [dashboard1, dashboard2, dashboard3, dashboard4, dashboard5, dashboard6];
 const getCategoriesMock = {
   categories: {
     AGILITY: ['Scrum Master', 'DevOps Manager', 'Release Train Engineer', 'Agility Analytics'],
@@ -10008,7 +10009,8 @@ const DotMetadataApiProvider = ({
     }) => {
       if (OpenAPI.BASE === MOCK_API_URL) {
         setDashboardsError(null);
-        return Promise.resolve([]);
+        const results = dummyDashboards.filter(dashboard => (name === null || name === void 0 ? void 0 : name.toLowerCase()) === dashboard.name.toLowerCase());
+        return Promise.resolve(results);
       }
       setAccountIdHeader(accountId);
       setDashboardSearchLoading(true);
@@ -11848,6 +11850,9 @@ const StyledDotMenu = styled(DotMenu)`
       .dot-ul .dot-li {
         padding: 0;
 
+        .disabled-menu-item {
+          color: ${theme.palette.layer['n200']};
+        }
         .dot-link {
           padding: ${theme.spacing(0.5, 2)};
 
@@ -11866,7 +11871,7 @@ const StyledDotMenu = styled(DotMenu)`
   `}
 `;
 
-const disabledFieldsMessage = 'Dashboard name and description cannot be modified while the dashboard editor is active. Please save your changes and close the editor, if you need to make a name or description change.';
+const disabledPropsMessage = 'Dashboard properties cannot be modified while the dashboard editor is active. If you need to make property changes, please close the editor.';
 const inProgressEditMessage = 'This is a published dashboard; changes will not be visible to other users until you publish the updated dashboard.';
 function DotDashboardOptionsMenu({
   dashboard,
@@ -11904,6 +11909,7 @@ function DotDashboardOptionsMenu({
   }, [dashboard, onViewMode]);
   const handleEditPropertiesClick = useCallback(() => {
     var _a;
+    if (isEdit) return;
     handleMenuClose();
     setIsEditPropertiesDialogOpen(true);
     if (((_a = dashboard === null || dashboard === void 0 ? void 0 : dashboard.target_apps) === null || _a === void 0 ? void 0 : _a.length) > 0) {
@@ -11916,7 +11922,7 @@ function DotDashboardOptionsMenu({
     } else {
       setCategoryOptions([]);
     }
-  }, [dashboard]);
+  }, [dashboard, isEdit]);
   const handleSubmitEditProperties = useCallback((data, isDone) => __awaiter(this, void 0, void 0, function* () {
     return updateDashboard(dashboard.id, {
       name: data.name,
@@ -11948,15 +11954,26 @@ function DotDashboardOptionsMenu({
     });
   }
   if (onUpdatedProperties && !dashboard.is_ootb_dashboard) {
-    menuItems.push({
-      children: jsx(DotButton, {
-        ariaLabel: "Edit dashboard properties",
-        type: "text",
-        startIcon: jsx(DotIcon, {
-          iconId: "edit"
-        }),
-        children: "Edit properties"
+    let menuItem = jsx(DotButton, {
+      ariaLabel: "Edit dashboard properties",
+      className: isEdit ? 'disabled-menu-item' : '',
+      disabled: isEdit,
+      type: "text",
+      startIcon: jsx(DotIcon, {
+        className: isEdit ? 'disabled-menu-item' : '',
+        iconId: "edit"
       }),
+      children: "Edit properties"
+    });
+    if (isEdit) {
+      menuItem = jsx(DotTooltip, {
+        title: disabledPropsMessage,
+        placement: "left-start",
+        children: menuItem
+      });
+    }
+    menuItems.push({
+      children: menuItem,
       key: 'edit-props'
     });
   }
@@ -12107,9 +12124,6 @@ function DotDashboardOptionsMenu({
   if (dashboard.is_being_modified || dashboard.lifecycle_state === DashboardView.lifecycle_state.PUBLISHED) {
     messages.push(inProgressEditMessage);
   }
-  if (isEdit) {
-    messages.push(disabledFieldsMessage);
-  }
   return menuItems.length > 0 ? jsxs(Fragment, {
     children: [jsx(DotDashboardDialog, {
       title: "Edit dashboard properties",

package/package.json

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