@digital-ai/dot-components 3.13.3 → 3.15.0

package/index.esm.js

@@ -2738,7 +2738,8 @@ const DotLink = ({
   tabIndex = 0,
   target,
   tooltip,
-  underline = 'always'
+  underline = 'always',
+  variant = 'body1'
 }) => {
   const rootClasses = useStylesWithRootClass(rootClassName$1c, className);
   useEffect(() => {
@@ -2777,6 +2778,7 @@ const DotLink = ({
       tabIndex: tabIndex,
       target: target,
       underline: underline,
+      variant: variant,
       children: children
     })
   });
@@ -2840,13 +2842,23 @@ const StyledList = styled(List)`
 `;
 
 const getChevronIcon = (nestedListType, isOpened) => {
-  if (nestedListType !== 'expandable') {
-    return 'chevron-right';
-  }
-  if (isOpened) {
-    return 'chevron-up';
+  switch (nestedListType) {
+    case 'drawer':
+      {
+        return 'chevron-right';
+      }
+    case 'expandable':
+      {
+        if (isOpened) {
+          return 'chevron-up';
+        }
+        return 'chevron-down';
+      }
+    case 'menu':
+      {
+        return 'arrow-right';
+      }
   }
-  return 'chevron-down';
 };
 // Used in DotSidebar, DotList, DotListItem to determine
 // if the sidebar should be open or closed based on what target the user clicks
@@ -3860,7 +3872,8 @@ const styledListItemElement = elementType => {
         }
 
         &.${flyoutListItemClassName} {
-          padding: 0;
+          padding: ${theme.spacing(1)};
+          text-decoration: none;
         }
 
         &:hover {
@@ -3888,7 +3901,7 @@ const styledListItemElement = elementType => {
         }
 
         .${flyoutItemLinkClassName} .MuiIcon-root {
-          margin-right: ${theme.spacing(4)};
+          margin-right: ${theme.spacing(1)};
         }
 
         .dot-icon i:before {
@@ -9353,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: [],
@@ -9367,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',
@@ -9379,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: [],
@@ -9391,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',
@@ -9403,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: [],
@@ -9415,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 = [{
@@ -9435,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';
@@ -10486,6 +10556,9 @@ const DashboardAppTypeOptions = [
 }, {
   option: 'TeamForge',
   value: 'TEAMFORGE'
+}, {
+  option: 'Change Risk Prediction',
+  value: 'CHANGERISKPREDICTION'
 }];
 const initialFormState = {
   categories: [],
@@ -10782,7 +10855,8 @@ function ActivePublishMessage({
   initialCategories,
   published,
   publishing,
-  onChange
+  onChange,
+  requiresApplication
 }) {
   const [selectedApp, setSelectedApp] = useState(applicationList.length > 0 ? applicationList[0] : null);
   const [selectedCategories, setSelectedCategories] = useState([]);
@@ -10832,9 +10906,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);
@@ -10864,12 +10936,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."]
       })]
     });
   }
@@ -10879,12 +10955,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, "\""]
+        }), "."]
       })]
     });
   }
@@ -10894,8 +10974,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,
@@ -10942,7 +11022,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."]
@@ -11009,6 +11089,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]);
   });
@@ -11029,6 +11111,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(() => {
@@ -11040,7 +11124,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 => {
@@ -11078,7 +11162,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,
@@ -11088,7 +11177,7 @@ function DotDashboardPublishConfirm({
       title: "Publish to application",
       submitButtonProps: {
         'data-testid': 'publish-confirm-button',
-        disabled: !canSubmit,
+        disabled: !canSubmit(),
         label: published ? 'Got it' : 'Publish'
       },
       onCancel: handleCancelPublish,
@@ -11099,7 +11188,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.13.3",
+  "version": "3.15.0",
   "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.
      */

package/src/lib/components/link/Link.d.ts

@@ -1,5 +1,6 @@
 import { KeyboardEvent, MouseEvent, PointerEvent, ReactNode } from 'react';
 import { CommonProps } from '../CommonProps';
+import { TypographyVariant } from '../typography/Typography';
 export type LinkColor = 'initial' | 'inherit' | 'primary' | 'secondary' | 'textPrimary' | 'textSecondary' | 'error';
 export type LinkUnderline = 'always' | 'hover' | 'none';
 export type LinkTarget = '_blank' | '_self';
@@ -26,5 +27,7 @@ export interface LinkProps extends CommonProps {
     tooltip?: string;
     /**  underline the link */
     underline?: LinkUnderline;
+    /** Applies the theme typography styles. */
+    variant?: TypographyVariant;
 }
-export declare const DotLink: ({ ariaLabel, ariaRole, children, className, color, "data-pendoid": dataPendoId, "data-testid": dataTestId, href, onClick, onMouseEnter, onPointerDown, rel, tabIndex, target, tooltip, underline, }: LinkProps) => import("react/jsx-runtime").JSX.Element;
+export declare const DotLink: ({ ariaLabel, ariaRole, children, className, color, "data-pendoid": dataPendoId, "data-testid": dataTestId, href, onClick, onMouseEnter, onPointerDown, rel, tabIndex, target, tooltip, underline, variant, }: LinkProps) => import("react/jsx-runtime").JSX.Element;

package/src/lib/components/list/utils/helpers.d.ts

@@ -1,3 +1,3 @@
 import { NestedListType } from './models';
-export declare const getChevronIcon: (nestedListType: NestedListType, isOpened: boolean) => "chevron-right" | "chevron-up" | "chevron-down";
+export declare const getChevronIcon: (nestedListType: NestedListType, isOpened: boolean) => "chevron-right" | "chevron-up" | "chevron-down" | "arrow-right";
 export declare const shouldToggleOpen: (classNames: string) => boolean;