@digital-ai/dot-components 3.14.0 → 3.15.2

package/index.esm.js

@@ -9366,7 +9366,7 @@ const dashboard1 = {
   dashboard_url: 'https://test.com',
   server_url: 'https://test.com',
   external_embedding_id: null,
-  created_dt: '2023-11-22T06:42:07.872000',
+  created_dt: '2023-11-22T06:42:07.872000+00:00',
   id: 'id1',
   lifecycle_state: DashboardView.lifecycle_state.DRAFT,
   application_instances: [],
@@ -9380,7 +9380,8 @@ const dashboard1 = {
   embed_config: {},
   help_content_id: helpContent.id,
   filter_configuration: [],
-  favorite: false
+  favorite: false,
+  updated_dt: '2023-11-22T06:42:07.952000+00:00'
 };
 const dashboard2 = {
   author_fullname: 'Dashboard2 Author',
@@ -9392,7 +9393,7 @@ const dashboard2 = {
   dashboard_url: 'https://test.com',
   server_url: 'https://test.com',
   external_embedding_id: null,
-  created_dt: '2023-11-22T05:42:07.872000',
+  created_dt: '2023-11-22T05:42:07.872000+00:00',
   id: 'id2',
   lifecycle_state: DashboardView.lifecycle_state.DRAFT,
   application_instances: [],
@@ -9404,7 +9405,8 @@ const dashboard2 = {
   embed_config: {},
   help_content_id: helpContent.id,
   filter_configuration: [],
-  favorite: true
+  favorite: true,
+  updated_dt: '2023-11-22T05:42:07.951000+00:00'
 };
 const dashboard3 = {
   author_fullname: 'Dashboard3 Author',
@@ -9416,7 +9418,7 @@ const dashboard3 = {
   dashboard_url: 'https://test.com',
   server_url: 'https://test.com',
   external_embedding_id: null,
-  created_dt: '2023-11-21T04:42:07.872000',
+  created_dt: '2023-11-21T04:42:07.872000+00:00',
   id: 'id3',
   lifecycle_state: DashboardView.lifecycle_state.PUBLISHED,
   application_instances: [],
@@ -9428,15 +9430,67 @@ const dashboard3 = {
   embed_config: {},
   help_content_id: helpContent.id,
   filter_configuration: [],
-  favorite: false
+  favorite: false,
+  updated_dt: '2023-11-21T04:42:07.951000+00:00'
 };
+const dashboard4 = {
+  author_fullname: 'Dashboard4 Author',
+  author_id: 'id4a',
+  target_apps: ['DEPLOY'],
+  external_id: '4',
+  name: 'dashboard4',
+  description: '',
+  dashboard_url: 'https://test.com',
+  server_url: 'https://test.com',
+  external_embedding_id: null,
+  created_dt: '2023-11-21T04:42:07.872000+00:00',
+  id: 'id4',
+  lifecycle_state: DashboardView.lifecycle_state.DRAFT,
+  application_instances: [],
+  categories: [],
+  bi_type: DashboardView.bi_type.MICROSTRATEGY,
+  is_ootb_dashboard: true,
+  thumbnail: '',
+  external_object: {},
+  embed_config: {},
+  help_content_id: helpContent.id,
+  filter_configuration: [],
+  favorite: false,
+  updated_dt: '2023-11-21T04:42:07.951000+00:00'
+};
+({
+  author_fullname: 'Dashboard5 Author',
+  author_id: 'id5a',
+  target_apps: ['CHANGERISKPREDICTION'],
+  external_id: '5',
+  name: 'dashboard5',
+  description: '',
+  dashboard_url: 'https://test.com',
+  server_url: 'https://test.com',
+  external_embedding_id: null,
+  created_dt: '2023-11-21T04:42:07.872000+00:00',
+  id: 'id5',
+  lifecycle_state: DashboardView.lifecycle_state.DRAFT,
+  application_instances: [],
+  categories: [],
+  bi_type: DashboardView.bi_type.MICROSTRATEGY,
+  is_ootb_dashboard: true,
+  thumbnail: '',
+  external_object: {},
+  embed_config: {},
+  help_content_id: helpContent.id,
+  filter_configuration: [],
+  favorite: false,
+  updated_dt: '2023-11-21T04:42:07.951000+00:00'
+});
 const getCategoriesMock = {
   categories: {
     AGILITY: ['Scrum Master', 'DevOps Manager', 'Release Train Engineer', 'Agility Analytics'],
     CONTINUOUSTEST: ['User', 'Project Admin', 'Cloud Admin'],
     DEPLOY: [],
     RELEASE: ['DevOps COE', 'Engineering Manager', 'Release Manager', 'Platform Engineer', 'Platform Product Manager'],
-    TEAMFORGE: ['Scrum Master']
+    TEAMFORGE: ['Scrum Master'],
+    CHANGERISKPREDICTION: []
   }
 };
 const getAuthorsMock = [{
@@ -9448,6 +9502,9 @@ const getAuthorsMock = [{
 }, {
   id: dashboard3.author_id,
   full_name: dashboard3.author_fullname
+}, {
+  id: dashboard4.author_id,
+  full_name: dashboard4.author_fullname
 }];
 const accountId = 'acct1';
 const applicationId = 'app1';
@@ -10499,6 +10556,9 @@ const DashboardAppTypeOptions = [
 }, {
   option: 'TeamForge',
   value: 'TEAMFORGE'
+}, {
+  option: 'Change Risk Prediction',
+  value: 'CHANGERISKPREDICTION'
 }];
 const initialFormState = {
   categories: [],
@@ -10636,6 +10696,12 @@ function DotDashboardDialog({
       validateName(newName);
     }
   }, [validateName]);
+  const validateRequiredFields = () => {
+    if (!formValues.name) {
+      return false;
+    }
+    return true;
+  };
   return jsxs(StyledDashboardDialog, {
     cancelButtonProps: {
       'data-testid': 'cancel-create-dashboard-button'
@@ -10717,13 +10783,13 @@ function DotDashboardDialog({
           children: "Cancel"
         }), jsx(DotButton, {
           "data-testid": "save-edit-exit-dashboard-button",
-          disabled: isLoadingSubmit || !isDirty,
+          disabled: isLoadingSubmit || !isDirty || !validateRequiredFields(),
           onClick: handleSubmitEditExit,
           type: "outlined",
           children: "Save and exit"
         }), jsx(DotButton, {
           "data-testid": "save-edit-continue-dashboard-button",
-          disabled: isLoadingSubmit,
+          disabled: isLoadingSubmit || !validateRequiredFields(),
           onClick: handleSubmitEditContinue,
           type: "primary",
           children: isDirty ? 'Save and continue' : 'Continue'
@@ -10795,7 +10861,8 @@ function ActivePublishMessage({
   initialCategories,
   published,
   publishing,
-  onChange
+  onChange,
+  requiresApplication
 }) {
   const [selectedApp, setSelectedApp] = useState(applicationList.length > 0 ? applicationList[0] : null);
   const [selectedCategories, setSelectedCategories] = useState([]);
@@ -10845,9 +10912,7 @@ function ActivePublishMessage({
   useEffect(() => {
     const selectedAppCategories = selectedCategories.map(c => c.title);
     onChange(selectedApp, selectedAppCategories);
-    // selectedApp is excluded from dependency list on purpose
-    // since selectedCategories is always updated when selectedApp changes
-  }, [selectedCategories]);
+  }, [selectedApp, selectedCategories]);
   const handleApplicationSelect = useCallback((_event, value, _reason) => {
     if (value === null) {
       setSelectedApp(null);
@@ -10877,12 +10942,16 @@ function ActivePublishMessage({
         children: ["Success! ", jsx("strong", {
           children: dashboardName
         }), " has been published."]
-      }), jsxs(DotTypography, {
+      }), selectedApp ? jsxs(DotTypography, {
         children: ["To view your newly published dashboard in", ' ', jsxs("strong", {
           children: ["\"", selectedApp.name, "\""]
         }), ", go to the", ' ', jsx("strong", {
           children: "'Digital.ai Analytics'"
         }), " section and explore."]
+      }) : jsxs(DotTypography, {
+        children: ["To view your newly published dashboard, go to the", ' ', jsx("strong", {
+          children: "'Digital.ai Analytics'"
+        }), " section and explore."]
       })]
     });
   }
@@ -10892,12 +10961,16 @@ function ActivePublishMessage({
         ariaLabel: "Publishing",
         "data-testid": "publishing-spinner",
         size: "24px"
-      }), jsxs(InlineMessage, {
+      }), selectedApp ? jsxs(InlineMessage, {
         children: ["Publishing ", jsxs("strong", {
           children: ["\"", dashboardName, "\""]
         }), " to", ' ', jsxs("strong", {
           children: ["\"", selectedApp.name, "\""]
         }), "."]
+      }) : jsxs(InlineMessage, {
+        children: ["Publishing ", jsxs("strong", {
+          children: ["\"", dashboardName, "\""]
+        }), "."]
       })]
     });
   }
@@ -10907,8 +10980,8 @@ function ActivePublishMessage({
         severity: "info",
         children: ["By clicking publish to application,", ' ', jsxs("strong", {
           children: ["\"", dashboardName, "\""]
-        }), " will be visible in the application instance."]
-      }), jsxs(StyledAppSelectDiv, {
+        }), " will be visible", ' ', requiresApplication ? 'in the application instance.' : 'to dashboard viewers.']
+      }), requiresApplication && jsxs(StyledAppSelectDiv, {
         children: [jsx(StyledAppSelectDotAutoComplete, {
           "data-testid": "publish-app-select",
           defaultValue: applicationList.length > 0 ? applicationList[0].name : undefined,
@@ -10955,7 +11028,7 @@ function ActivePublishMessage({
         placeholder: "Select categories",
         value: selectedCategories,
         filterSelectedOptions: true
-      }), jsxs(DotTypography, {
+      }), requiresApplication && jsxs(DotTypography, {
         children: ["You are about to publish ", jsxs("strong", {
           children: ["\"", dashboardName, "\""]
         }), ". Click", ' ', "the publish button to promote it to the selected instance."]
@@ -11022,6 +11095,8 @@ function DotDashboardPublishConfirm({
   const [unpublished, setUnpublished] = useState(false);
   const [publishAppInstance, setPublishAppInstance] = useState(null);
   const [publishCategories, setPublishCategories] = useState([]);
+  const [requiresApplication, setRequiresApplication] = useState(true);
+  const [requiresCategories, setRequiresCategories] = useState(true);
   const filteredApplications = applicationList === null || applicationList === void 0 ? void 0 : applicationList.filter(application => {
     return dashboardToPublish && application.logo_product_name in productNameCategoryMap && dashboardToPublish.target_apps.includes(productNameCategoryMap[application.logo_product_name]);
   });
@@ -11042,6 +11117,8 @@ function DotDashboardPublishConfirm({
       setPublished(false);
     } else {
       setPublishCategories(dashboardToPublish.categories || []);
+      setRequiresApplication(!(dashboardToPublish.target_apps.includes('CHANGERISKPREDICTION') && dashboardToPublish.target_apps.length === 1));
+      setRequiresCategories(dashboardToPublish.target_apps.includes('AGILITY') || dashboardToPublish.target_apps.includes('RELEASE') || dashboardToPublish.target_apps.includes('CONTINUOUSTEST') || dashboardToPublish.target_apps.includes('TEAMFORGE'));
     }
   }, [dashboardToPublish]);
   useEffect(() => {
@@ -11053,7 +11130,7 @@ function DotDashboardPublishConfirm({
   const handlePublish = useCallback(() => {
     const patchDashboard = {
       lifecycle_state: DashboardView.lifecycle_state.PUBLISHED,
-      application_instances: [publishAppInstance.id],
+      application_instances: publishAppInstance ? [publishAppInstance.id] : [],
       categories: publishCategories
     };
     setPublishing(cancelablePromise(updateDashboard(dashboardToPublish.id, patchDashboard).then(updatedDashboard => {
@@ -11091,7 +11168,12 @@ function DotDashboardPublishConfirm({
     setPublishAppInstance(selectedApplication);
     setPublishCategories(selectedCategories);
   }, []);
-  const canSubmit = publishAppInstance && !((publishAppInstance === null || publishAppInstance === void 0 ? void 0 : publishAppInstance.logo_product_name) && publishAppInstance.logo_product_name in productNameCategoryMap && publishCategories.length === 0);
+  const canSubmit = useCallback(() => {
+    if (requiresApplication && publishAppInstance === null) {
+      return false;
+    }
+    return !(requiresCategories && publishCategories.length === 0);
+  }, [publishAppInstance, publishCategories, requiresApplication, requiresCategories]);
   return jsxs(Fragment, {
     children: [dashboardToPublish !== null && jsx(DotDialog, {
       cancelButtonVisible: !published,
@@ -11101,7 +11183,7 @@ function DotDashboardPublishConfirm({
       title: "Publish to application",
       submitButtonProps: {
         'data-testid': 'publish-confirm-button',
-        disabled: !canSubmit,
+        disabled: !canSubmit(),
         label: published ? 'Got it' : 'Publish'
       },
       onCancel: handleCancelPublish,
@@ -11112,7 +11194,8 @@ function DotDashboardPublishConfirm({
         initialCategories: publishCategories,
         published: published,
         publishing: publishing !== null,
-        onChange: handlePublishChange
+        onChange: handlePublishChange,
+        requiresApplication: requiresApplication
       })
     }), dashboardToUnpublish !== null && jsx(DotDialog, {
       cancelButtonVisible: !unpublished,

package/package.json

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

package/src/lib/components/analytics/metadata-api/openapi/models/DashboardCreateBody.d.ts

@@ -6,7 +6,7 @@ export type DashboardCreateBody = {
     /**
      * App types that can be targeted by the dashboard.
      */
-    target_apps: Array<'AGILITY' | 'RELEASE' | 'DEPLOY' | 'CONTINUOUSTEST' | 'TEAMFORGE'>;
+    target_apps: Array<'AGILITY' | 'RELEASE' | 'DEPLOY' | 'CONTINUOUSTEST' | 'TEAMFORGE' | 'CHANGERISKPREDICTION'>;
     /**
      * Description of the dashboard.
      */

package/src/lib/components/analytics/metadata-api/openapi/models/DashboardPatchBody.d.ts

@@ -22,7 +22,7 @@ export type DashboardPatchBody = {
     /**
      * App types that can be targeted by the dashboard.
      */
-    target_apps?: Array<'AGILITY' | 'RELEASE' | 'DEPLOY' | 'CONTINUOUSTEST' | 'TEAMFORGE'> | null;
+    target_apps?: Array<'AGILITY' | 'RELEASE' | 'DEPLOY' | 'CONTINUOUSTEST' | 'TEAMFORGE' | 'CHANGERISKPREDICTION'> | null;
     /**
      * (Internal) BI type of the dashboard.
      */

package/src/lib/components/analytics/metadata-api/openapi/models/DashboardView.d.ts

@@ -18,7 +18,7 @@ export type DashboardView = {
     /**
      * App types that can be targeted by the dashboard.
      */
-    target_apps: Array<'AGILITY' | 'RELEASE' | 'DEPLOY' | 'CONTINUOUSTEST' | 'TEAMFORGE'>;
+    target_apps: Array<'AGILITY' | 'RELEASE' | 'DEPLOY' | 'CONTINUOUSTEST' | 'TEAMFORGE' | 'CHANGERISKPREDICTION'>;
     /**
      * Description of the dashboard.
      */