feat(datasets): enable new resources explorer

configs/ecospheres/config.yaml

@@ -189,6 +189,8 @@ website:
       - CSW-DCAT
       - CSW-ISO-19139
     show_extended_information_panel: true
+    # @datagouv/components-next ResourceExplorer, opt-in via a banner toggle
+    resources_explorer_enabled: true
   # TODO: better place for that?
   topics:
     can_add_topics:

package.json

@@ -30,7 +30,7 @@
     "type-check:cypress": "tsc --noEmit --project cypress/tsconfig.json"
   },
   "dependencies": {
-    "@datagouv/components-next": "1.3.0",
+    "@datagouv/components-next": "1.0.2-dev.202",
     "@gouvfr/dsfr": "~1.14.4",
     "@gouvfr/dsfr-chart": "^2.0.4",
     "@gouvminint/vue-dsfr": "^8.15.0",

src/App.vue

@@ -17,6 +17,7 @@ import { fromMarkdown } from './utils'
 import { useWebsiteConfig } from './utils/config'
 
 const userStore = useUserStore()
+const route = useRoute()
 const isNoticeClosed = ref(false)
 
 const skipLinks: SkipLinksProps['links'] = [
@@ -120,17 +121,23 @@ provide(AccessibilityPropertiesKey, setAccessibilityProperties)
 <template>
   <Toaster rich-colors />
   <div id="tooltips" />
-  <SkipLinks ref="skipLinksComp" :links="skipLinks" />
+  <!-- fullscreen mode is responsible for its own skiplinks -->
+  <SkipLinks
+    v-if="!route.meta.fullscreen"
+    ref="skipLinksComp"
+    :links="skipLinks"
+  />
   <LiveRegion v-if="liveInfos" :infos="liveInfos" aria-live-mode="assertive" />
   <DsfrNotice
-    v-if="!isNoticeClosed && noticeContent"
+    v-if="!route.meta.fullscreen && !isNoticeClosed && noticeContent"
     :closeable="config.website.notice?.closeable ? true : undefined"
     @close="isNoticeClosed = true"
   >
     <!-- eslint-disable-next-line vue/no-v-html -->
     <span v-html="noticeContent"></span>
   </DsfrNotice>
   <HeaderComponent
+    v-if="!route.meta.fullscreen"
     :user-name="userName"
     :quick-links="quickLinks"
     :custom-search="true"
@@ -141,6 +148,7 @@ provide(AccessibilityPropertiesKey, setAccessibilityProperties)
   </main>
 
   <DsfrFooter
+    v-if="!route.meta.fullscreen"
     :class="[siteID, 'fr-mt-16w']"
     :logo-text="rf_title"
     :operator-img-src="logo?.src"