fix: support outlier table plugin (DHIS2-16751)

package.json

@@ -13,7 +13,7 @@
         "@dhis2/d2-ui-interpretations": "^7.4.3",
         "@dhis2/d2-ui-mentions-wrapper": "^7.4.3",
         "@dhis2/d2-ui-rich-text": "^7.4.3",
-        "@dhis2/ui": "^8.14.0",
+        "@dhis2/ui": "^9.2.0",
         "@krakenjs/post-robot": "^11.0.0",
         "classnames": "^2.3.2",
         "d2": "^31.10.0",
@@ -64,5 +64,8 @@
         "moduleNameMapper": {
             "^.+\\.(css|sass|scss)$": "identity-obj-proxy"
         }
+    },
+    "resolutions": {
+        "@dhis2/ui": "^9.2.0"
     }
 }

src/components/Item/VisualizationItem/ItemContextMenu/ViewAsMenuItems.js

@@ -1,3 +1,4 @@
+import { VIS_TYPE_OUTLIER_TABLE } from '@dhis2/analytics'
 import i18n from '@dhis2/d2-i18n'
 import { IconVisualizationColumn16, IconTable16, IconWorld16 } from '@dhis2/ui'
 import PropTypes from 'prop-types'
@@ -31,17 +32,31 @@ const ViewAsMenuItems = ({
 
     const onViewMap = () => onActiveTypeChanged(MAP)
 
-    const notSupported = type === MAP && !getThematicMapViews(visualization)
+    const notSupported =
+        (type === MAP && !getThematicMapViews(visualization)) ||
+        (type === CHART && visualization.type === VIS_TYPE_OUTLIER_TABLE)
+
+    const getNotSupportedMessage = (viewAs) => {
+        if (type === MAP && !getThematicMapViews(visualization)) {
+            return viewAs === 'chart'
+                ? i18n.t("This map can't be displayed as a chart")
+                : i18n.t("This map can't be displayed as a table")
+        }
+
+        if (type === CHART && visualization.type === VIS_TYPE_OUTLIER_TABLE) {
+            return viewAs === 'table'
+                ? i18n.t("This visualization can't be displayed as a table")
+                : i18n.t("This visualization can't be displayed as a map")
+        }
+
+        return null
+    }
 
     return (
         <>
             {![CHART, EVENT_CHART].includes(activeType) && (
                 <MenuItem
-                    tooltip={
-                        notSupported
-                            ? i18n.t("This map can't be displayed as a chart")
-                            : null
-                    }
+                    tooltip={getNotSupportedMessage('chart')}
                     label={i18n.t('View as Chart')}
                     onClick={onViewChart}
                     disabled={notSupported}
@@ -52,11 +67,7 @@ const ViewAsMenuItems = ({
                 activeType
             ) && (
                 <MenuItem
-                    tooltip={
-                        notSupported
-                            ? i18n.t("This map can't be displayed as a table")
-                            : null
-                    }
+                    tooltip={getNotSupportedMessage('table')}
                     label={i18n.t('View as Table')}
                     onClick={onViewTable}
                     disabled={notSupported}
@@ -65,8 +76,10 @@ const ViewAsMenuItems = ({
             )}
             {hasMapView(type) && activeType !== MAP && (
                 <MenuItem
+                    tooltip={getNotSupportedMessage('map')}
                     label={i18n.t('View as Map')}
                     onClick={onViewMap}
+                    disabled={notSupported}
                     icon={<IconWorld16 />}
                 />
             )}