MMT-3991: As a user, I can click on a published or draft Visualization (#1359)

* MMT-3990: Adding Published and Draft Visualizations

* MMT-3990: Removing Search Bar for now

* MMT-3991: Saving progress

* MMT-3991: Working but needs refactor and tests

* MMT-3991: Editing tests

* MMT-3991: Refactoring

* MMT-3991: Few minor fixes

* MMT-3991: Editing combined schema

* MMT-3991: Adding feature toggle

* MMT-3991: Addressing PR feedback

* MMT-3991: Code Coverage

Author: mandyparson

bin/deploy-bamboo.sh

@@ -19,6 +19,8 @@ config="`jq '.application.cmrHost = $newValue' --arg newValue $bamboo_CMR_HOST <
 config="`jq '.application.edscHost = $newValue' --arg newValue $bamboo_EDSC_HOST <<< $config`"
 config="`jq '.application.gkrHost = $newValue' --arg newValue $bamboo_GKR_HOST <<< $config`"
 config="`jq '.application.kmsHost = $newValue' --arg newValue $bamboo_KMS_HOST <<< $config`"
+# Remove in MMT-4028
+config="`jq '.application.showVisualizations = ($newValue | tostring)' --arg newValue $bamboo_SHOW_VISUALIZATIONS <<< $config`"
 config="`jq '.application.cookieDomain = $newValue' --arg newValue $bamboo_COOKIE_DOMAIN <<< $config`"
 config="`jq '.application.displayProdWarning = $newValue' --arg newValue $bamboo_DISPLAY_PROD_WARNING <<< $config`"
 config="`jq '.application.tokenValidTime = $newValue' --arg newValue $bamboo_JWT_VALID_TIME <<< $config`"

static.config.json

@@ -8,6 +8,7 @@
     "mmtHost": "http://localhost:5173",
     "edscHost": "https://search.sit.earthdata.nasa.gov",
     "kmsHost": "https://cmr.sit.earthdata.nasa.gov/kms",
+    "showVisualizations": "true",
     "version": "development",
     "defaultResponseHeaders": {
       "Access-Control-Allow-Origin": "*",

static/src/js/components/CollectionAssociationForm/CollectionAssociationForm.jsx

@@ -48,7 +48,6 @@ import collectionAssociationUiSchema from '@/js/schemas/uiSchemas/CollectionAsso
 import collectionAssociationSearch from '@/js/utils/collectionAssociationSearch'
 import errorLogger from '@/js/utils/errorLogger'
 import getConceptTypeByConceptId from '@/js/utils/getConceptTypeByConceptId'
-
 import removeEmpty from '@/js/utils/removeEmpty'
 
 import useNotificationsContext from '@/js/hooks/useNotificationsContext'

static/src/js/components/Layout/Layout.jsx

@@ -19,13 +19,13 @@ import {
 import useAuthContext from '@/js/hooks/useAuthContext'
 import usePermissions from '@/js/hooks/usePermissions'
 
+import { getApplicationConfig, getUmmVersionsConfig } from 'sharedUtils/getConfig'
+
 import Button from '../Button/Button'
 import ErrorBoundary from '../ErrorBoundary/ErrorBoundary'
 import PrimaryNavigation from '../PrimaryNavigation/PrimaryNavigation'
 import AboutModal from '../AboutModal/AboutModal'
 
-import { getApplicationConfig, getUmmVersionsConfig } from '../../../../../sharedUtils/getConfig'
-
 import './Layout.scss'
 
 /*
@@ -48,7 +48,8 @@ const Layout = ({ className, displayNav }) => {
     ummVis
   } = getUmmVersionsConfig()
 
-  const { env, displayProdWarning } = getApplicationConfig()
+  // Remove showVisualizations in MMT-4028
+  const { env, displayProdWarning, showVisualizations } = getApplicationConfig()
 
   const { user } = useAuthContext()
 
@@ -190,7 +191,8 @@ const Layout = ({ className, displayNav }) => {
                                   }
                                 ]
                               },
-                              {
+                              // Remove in MMT-4028
+                              ...((showVisualizations === 'true') ? [{
                                 title: 'Visualizations',
                                 version: `v${ummVis}`,
                                 children: [
@@ -203,7 +205,7 @@ const Layout = ({ className, displayNav }) => {
                                     title: 'Drafts'
                                   }
                                 ]
-                              },
+                              }] : []),
                               {
                                 title: 'Order Options',
                                 children: [

static/src/js/constants/conceptIdTypes.js

@@ -6,7 +6,8 @@ const conceptIdTypes = {
   O: 'OrderOption',
   S: 'Service',
   T: 'Tool',
-  V: 'Variable'
+  V: 'Variable',
+  VIS: 'Visualization'
 }
 
 export default conceptIdTypes

static/src/js/constants/conceptTypeDraftQueries.js

@@ -2,12 +2,14 @@ import { SERVICE_DRAFT } from '../operations/queries/getServiceDraft'
 import { TOOL_DRAFT } from '../operations/queries/getToolDraft'
 import { COLLECTION_DRAFT } from '../operations/queries/getCollectionDraft'
 import { VARIABLE_DRAFT } from '../operations/queries/getVariableDraft'
+import { VISUALIZATION_DRAFT } from '../operations/queries/getVisualizationDraft'
 
 const conceptTypeDraftQueries = {
   Collection: COLLECTION_DRAFT,
   Service: SERVICE_DRAFT,
   Tool: TOOL_DRAFT,
-  Variable: VARIABLE_DRAFT
+  Variable: VARIABLE_DRAFT,
+  Visualization: VISUALIZATION_DRAFT
 }
 
 export default conceptTypeDraftQueries

static/src/js/constants/conceptTypeQueries.js

@@ -8,6 +8,7 @@ import { GET_TOOL } from '@/js/operations/queries/getTool'
 import { GET_TOOLS } from '@/js/operations/queries/getTools'
 import { GET_VARIABLE } from '@/js/operations/queries/getVariable'
 import { GET_VARIABLES } from '@/js/operations/queries/getVariables'
+import { GET_VISUALIZATION } from '@/js/operations/queries/getVisualization'
 import { GET_VISUALIZATIONS } from '@/js/operations/queries/getVisualizations'
 
 const conceptTypeQueries = {
@@ -21,6 +22,7 @@ const conceptTypeQueries = {
   Tools: GET_TOOLS,
   Variable: GET_VARIABLE,
   Variables: GET_VARIABLES,
+  Visualization: GET_VISUALIZATION,
   Visualizations: GET_VISUALIZATIONS
 }
 

static/src/js/constants/deleteMutationTypes.js

@@ -1,13 +1,15 @@
-import { DELETE_COLLECTION } from '../operations/mutations/deleteCollection'
-import { DELETE_SERVICE } from '../operations/mutations/deleteService'
-import { DELETE_TOOL } from '../operations/mutations/deleteTool'
-import { DELETE_VARIABLE } from '../operations/mutations/deleteVariable'
+import { DELETE_COLLECTION } from '@/js/operations/mutations/deleteCollection'
+import { DELETE_SERVICE } from '@/js/operations/mutations/deleteService'
+import { DELETE_TOOL } from '@/js/operations/mutations/deleteTool'
+import { DELETE_VARIABLE } from '@/js/operations/mutations/deleteVariable'
+import { DELETE_VISUALIZATION } from '@/js/operations/mutations/deleteVisualization'
 
 const deleteMutationTypes = {
   Collection: DELETE_COLLECTION,
   Service: DELETE_SERVICE,
   Tool: DELETE_TOOL,
-  Variable: DELETE_VARIABLE
+  Variable: DELETE_VARIABLE,
+  Visualization: DELETE_VISUALIZATION
 }
 
 export default deleteMutationTypes

static/src/js/constants/draftConceptIdTypes.js

@@ -5,7 +5,8 @@ const draftConceptIdTypes = {
   CD: 'Collection',
   SD: 'Service',
   TD: 'Tool',
-  VD: 'Variable'
+  VD: 'Variable',
+  VISD: 'Visualization'
 }
 
 export default draftConceptIdTypes

static/src/js/operations/mutations/deleteVisualization.js

@@ -0,0 +1,22 @@
+import { gql } from '@apollo/client'
+
+export const DELETE_VISUALIZATION = gql`
+  mutation DeleteVisualization (
+    $providerId: String!
+    $nativeId: String!
+  ) {
+    deleteVisualization (
+      providerId: $providerId
+      nativeId: $nativeId
+    ) {
+      conceptId
+      revisionId
+    }
+  }
+`
+
+// Example Visualizations:
+// {
+//   "conceptId": "V1S200000096-MMT_2",",
+//   "providerId": "MMT_2"
+// }