From 1b1c07095f48dd51b85bd8c52b3b27e3e541b813 Mon Sep 17 00:00:00 2001
From: Bartosz Prusinowski <bartoszprusinowski1@gmail.com>
Date: Tue, 22 Nov 2022 12:40:04 +0100
Subject: [PATCH 01/16] refactor: DRAWER_WIDTH instead of constant

---
 app/configurator/components/configurator.tsx | 7 +++++--
 app/configurator/components/drawer.tsx       | 2 ++
 2 files changed, 7 insertions(+), 2 deletions(-)

diff --git a/app/configurator/components/configurator.tsx b/app/configurator/components/configurator.tsx
index 82f541aed3..600bc8ba52 100644
--- a/app/configurator/components/configurator.tsx
+++ b/app/configurator/components/configurator.tsx
@@ -9,7 +9,10 @@ import { ChartPreview } from "@/components/chart-preview";
 import { useConfiguratorState } from "@/configurator";
 import { ChartAnnotationsSelector } from "@/configurator/components/chart-annotations-selector";
 import { ChartConfigurator } from "@/configurator/components/chart-configurator";
-import { ConfiguratorDrawer } from "@/configurator/components/drawer";
+import {
+  ConfiguratorDrawer,
+  DRAWER_WIDTH,
+} from "@/configurator/components/drawer";
 import {
   PanelLayout,
   PanelLeftWrapper,
@@ -133,7 +136,7 @@ const ConfigureChartStep = () => {
         hideBackdrop
         onClose={handleClosePanel}
       >
-        <div style={{ width: 319 }} data-testid="panel-drawer">
+        <div style={{ width: DRAWER_WIDTH }} data-testid="panel-drawer">
           <BackContainer>
             <Button
               variant="text"
diff --git a/app/configurator/components/drawer.tsx b/app/configurator/components/drawer.tsx
index 6bccf30cdf..c2c801e32a 100644
--- a/app/configurator/components/drawer.tsx
+++ b/app/configurator/components/drawer.tsx
@@ -1,6 +1,8 @@
 import { Drawer as MuiDrawer } from "@mui/material";
 import { styled } from "@mui/material/styles";
 
+export const DRAWER_WIDTH = 319;
+
 export const ConfiguratorDrawer = styled(MuiDrawer)(({ theme }) => ({
   "&": {
     position: "static",

From 33e29bbc9b9eea7a216d63583ceec507246be9b2 Mon Sep 17 00:00:00 2001
From: Bartosz Prusinowski <bartoszprusinowski1@gmail.com>
Date: Tue, 22 Nov 2022 13:55:11 +0100
Subject: [PATCH 02/16] feat: Add skeleton of MetadataPanel

---
 app/components/chart-preview.tsx  |  43 +++++++----
 app/components/metadata-panel.tsx | 121 ++++++++++++++++++++++++++++++
 2 files changed, 148 insertions(+), 16 deletions(-)
 create mode 100644 app/components/metadata-panel.tsx

diff --git a/app/components/chart-preview.tsx b/app/components/chart-preview.tsx
index c241ebafe4..9a51076e5b 100644
--- a/app/components/chart-preview.tsx
+++ b/app/components/chart-preview.tsx
@@ -19,6 +19,7 @@ import GenericChart from "@/components/common-chart";
 import DebugPanel from "@/components/debug-panel";
 import Flex from "@/components/flex";
 import { HintYellow } from "@/components/hint";
+import { MetadataPanel } from "@/components/metadata-panel";
 import { ChartConfig, DataSource, useConfiguratorState } from "@/configurator";
 import { DataSetTable } from "@/configurator/components/datatable";
 import { useDataCubeMetadataQuery } from "@/graphql/query-hooks";
@@ -112,25 +113,35 @@ export const ChartPreviewInner = ({
           state.state === "PUBLISHING") && (
           <>
             <>
-              <Typography
-                variant="h2"
+              <Flex
                 sx={{
-                  color: state.meta.title[locale] === "" ? "grey.500" : "text",
+                  justifyContent: "space-between",
+                  alignItems: "flex-start",
                 }}
-                className={classes.title}
-                onClick={() =>
-                  dispatch({
-                    type: "ACTIVE_FIELD_CHANGED",
-                    value: "title",
-                  })
-                }
               >
-                {state.meta.title[locale] === "" ? (
-                  <Trans id="annotation.add.title">[ Title ]</Trans>
-                ) : (
-                  state.meta.title[locale]
-                )}
-              </Typography>
+                <Typography
+                  variant="h2"
+                  sx={{
+                    color:
+                      state.meta.title[locale] === "" ? "grey.500" : "text",
+                  }}
+                  className={classes.title}
+                  onClick={() =>
+                    dispatch({
+                      type: "ACTIVE_FIELD_CHANGED",
+                      value: "title",
+                    })
+                  }
+                >
+                  {state.meta.title[locale] === "" ? (
+                    <Trans id="annotation.add.title">[ Title ]</Trans>
+                  ) : (
+                    state.meta.title[locale]
+                  )}
+                </Typography>
+
+                <MetadataPanel />
+              </Flex>
               <Head>
                 <title key="title">
                   {state.meta.title[locale] === ""
diff --git a/app/components/metadata-panel.tsx b/app/components/metadata-panel.tsx
new file mode 100644
index 0000000000..b15115908f
--- /dev/null
+++ b/app/components/metadata-panel.tsx
@@ -0,0 +1,121 @@
+import { Button, IconButton, Theme, Typography } from "@mui/material";
+import { makeStyles } from "@mui/styles";
+import React from "react";
+
+import {
+  ConfiguratorDrawer,
+  DRAWER_WIDTH,
+} from "@/configurator/components/drawer";
+import SvgIcClose from "@/icons/components/IcClose";
+import useEvent from "@/utils/use-event";
+
+type State = {
+  open: boolean;
+  toggle: () => void;
+};
+
+const Context = React.createContext<State | undefined>(undefined);
+
+export const ContextProvider = ({
+  children,
+}: {
+  children: React.ReactNode;
+}) => {
+  const [open, setOpen] = React.useState(false);
+
+  const ctx = React.useMemo(() => {
+    return {
+      open,
+      toggle: () => setOpen(!open),
+    };
+  }, [open, setOpen]);
+
+  return <Context.Provider value={ctx}>{children}</Context.Provider>;
+};
+
+export const useContext = () => {
+  const ctx = React.useContext(Context);
+
+  if (ctx === undefined) {
+    throw Error(
+      "You need to wrap your component in <ContextProvider /> to useContext()"
+    );
+  }
+
+  return ctx;
+};
+
+const useStyles = makeStyles<Theme>((theme) => {
+  return {
+    header: {
+      display: "flex",
+      alignItems: "center",
+      justifyContent: "space-between",
+      marginTop: theme.spacing(6),
+      marginBottom: theme.spacing(4),
+      paddingLeft: theme.spacing(4),
+      paddingRight: theme.spacing(4),
+    },
+    content: {
+      width: DRAWER_WIDTH,
+      padding: theme.spacing(4),
+    },
+  };
+});
+
+export const MetadataPanel = () => {
+  return (
+    <ContextProvider>
+      <PanelInner />
+    </ContextProvider>
+  );
+};
+
+const ToggleButton = ({ onClick }: { onClick: () => void }) => {
+  return (
+    <Button component="a" variant="text" size="small" onClick={onClick}>
+      <Typography variant="body2">Metadata</Typography>
+    </Button>
+  );
+};
+
+const Header = ({ onClose }: { onClose: () => void }) => {
+  const classes = useStyles();
+
+  return (
+    <div className={classes.header}>
+      <Typography variant="body2" fontWeight="bold">
+        Metadata
+      </Typography>
+
+      <IconButton size="small" onClick={onClose}>
+        <SvgIcClose />
+      </IconButton>
+    </div>
+  );
+};
+
+const Content = () => {
+  const classes = useStyles();
+
+  return <div className={classes.content}></div>;
+};
+
+const PanelInner = () => {
+  const { open, toggle } = useContext();
+  const handleToggle = useEvent(() => {
+    toggle();
+  });
+
+  return (
+    <>
+      <ToggleButton onClick={handleToggle} />
+
+      {/* Change name. */}
+      <ConfiguratorDrawer open={open} anchor="left" hideBackdrop>
+        <Header onClose={handleToggle} />
+        <Content />
+      </ConfiguratorDrawer>
+    </>
+  );
+};

From 8c61fa34804bb80b77a7e82495d7f97bff22006d Mon Sep 17 00:00:00 2001
From: Bartosz Prusinowski <bartoszprusinowski1@gmail.com>
Date: Tue, 22 Nov 2022 14:34:44 +0100
Subject: [PATCH 03/16] feat: Allow MetadataPanel to be attached to a container

---
 app/components/chart-preview.tsx   |  2 +-
 app/components/chart-published.tsx | 15 +++++---
 app/components/metadata-panel.tsx  | 55 ++++++++++++++++++++++--------
 3 files changed, 53 insertions(+), 19 deletions(-)

diff --git a/app/components/chart-preview.tsx b/app/components/chart-preview.tsx
index 9a51076e5b..375027a955 100644
--- a/app/components/chart-preview.tsx
+++ b/app/components/chart-preview.tsx
@@ -140,7 +140,7 @@ export const ChartPreviewInner = ({
                   )}
                 </Typography>
 
-                <MetadataPanel />
+                <MetadataPanel top={96} />
               </Flex>
               <Head>
                 <title key="title">
diff --git a/app/components/chart-published.tsx b/app/components/chart-published.tsx
index 3514dfea73..a3989461fc 100644
--- a/app/components/chart-published.tsx
+++ b/app/components/chart-published.tsx
@@ -2,7 +2,7 @@ import { Trans } from "@lingui/macro";
 import { Box, Theme, Typography } from "@mui/material";
 import { makeStyles } from "@mui/styles";
 import * as React from "react";
-import { useEffect, useMemo } from "react";
+import { useEffect, useMemo, useRef } from "react";
 
 import { ChartDataFilters } from "@/charts/shared/chart-data-filters";
 import { isUsingImputation } from "@/charts/shared/imputation";
@@ -19,6 +19,7 @@ import {
 import GenericChart from "@/components/common-chart";
 import Flex from "@/components/flex";
 import { HintBlue, HintRed, HintYellow } from "@/components/hint";
+import { MetadataPanel } from "@/components/metadata-panel";
 import {
   ChartConfig,
   ConfiguratorStatePublishing,
@@ -65,6 +66,7 @@ export const ChartPublished = ({
 
 const useStyles = makeStyles((theme: Theme) => ({
   root: {
+    position: "relative",
     display: "flex",
     flexGrow: 1,
     flexDirection: "column",
@@ -91,6 +93,8 @@ export const ChartPublishedInner = ({
   const locale = useLocale();
   const isTrustedDataSource = useIsTrustedDataSource(dataSource);
 
+  const rootRef = useRef<HTMLDivElement>(null);
+
   const [{ data: metaData }] = useDataCubeMetadataQuery({
     variables: {
       iri: dataSet,
@@ -117,7 +121,7 @@ export const ChartPublishedInner = ({
   const handleToggleTableView = useEvent(() => setIsTablePreview((c) => !c));
 
   return (
-    <Box className={classes.root}>
+    <Box className={classes.root} ref={rootRef}>
       <ChartErrorBoundary resetKeys={[chartConfig]}>
         {metaData?.dataCubeByIri?.publicationStatus ===
           DataCubePublicationStatus.Draft && (
@@ -161,11 +165,14 @@ export const ChartPublishedInner = ({
             </HintBlue>
           </Box>
         )}
-        {meta.title[locale] !== "" && (
+        <Flex sx={{ justifyContent: "space-between", alignItems: "center" }}>
           <Typography component="div" variant="h2" mb={2}>
             {meta.title[locale]}
           </Typography>
-        )}
+
+          <MetadataPanel container={rootRef.current} />
+        </Flex>
+
         {meta.description[locale] && (
           <Typography component="div" variant="body1" mb={2}>
             {meta.description[locale]}
diff --git a/app/components/metadata-panel.tsx b/app/components/metadata-panel.tsx
index b15115908f..9759682e0c 100644
--- a/app/components/metadata-panel.tsx
+++ b/app/components/metadata-panel.tsx
@@ -1,11 +1,8 @@
-import { Button, IconButton, Theme, Typography } from "@mui/material";
+import { Button, Drawer, IconButton, Theme, Typography } from "@mui/material";
 import { makeStyles } from "@mui/styles";
 import React from "react";
 
-import {
-  ConfiguratorDrawer,
-  DRAWER_WIDTH,
-} from "@/configurator/components/drawer";
+import { DRAWER_WIDTH } from "@/configurator/components/drawer";
 import SvgIcClose from "@/icons/components/IcClose";
 import useEvent from "@/utils/use-event";
 
@@ -45,7 +42,7 @@ export const useContext = () => {
   return ctx;
 };
 
-const useStyles = makeStyles<Theme>((theme) => {
+const useStyles = makeStyles<Theme, { drawerTop?: number }>((theme) => {
   return {
     header: {
       display: "flex",
@@ -60,13 +57,30 @@ const useStyles = makeStyles<Theme>((theme) => {
       width: DRAWER_WIDTH,
       padding: theme.spacing(4),
     },
+    drawer: {
+      position: "static",
+
+      "& > .MuiPaper-root": {
+        top: ({ drawerTop }) => drawerTop,
+        bottom: 0,
+        height: "auto",
+        borderRight: `1px ${theme.palette.divider} solid`,
+        boxShadow: "none",
+      },
+    },
   };
 });
 
-export const MetadataPanel = () => {
+export const MetadataPanel = ({
+  container,
+  top,
+}: {
+  container?: HTMLDivElement | null;
+  top?: number;
+}) => {
   return (
     <ContextProvider>
-      <PanelInner />
+      <PanelInner container={container} top={top} />
     </ContextProvider>
   );
 };
@@ -80,7 +94,7 @@ const ToggleButton = ({ onClick }: { onClick: () => void }) => {
 };
 
 const Header = ({ onClose }: { onClose: () => void }) => {
-  const classes = useStyles();
+  const classes = useStyles({});
 
   return (
     <div className={classes.header}>
@@ -96,12 +110,19 @@ const Header = ({ onClose }: { onClose: () => void }) => {
 };
 
 const Content = () => {
-  const classes = useStyles();
+  const classes = useStyles({});
 
   return <div className={classes.content}></div>;
 };
 
-const PanelInner = () => {
+const PanelInner = ({
+  container,
+  top = 0,
+}: {
+  container: HTMLDivElement | null | undefined;
+  top?: number;
+}) => {
+  const classes = useStyles({ drawerTop: top });
   const { open, toggle } = useContext();
   const handleToggle = useEvent(() => {
     toggle();
@@ -111,11 +132,17 @@ const PanelInner = () => {
     <>
       <ToggleButton onClick={handleToggle} />
 
-      {/* Change name. */}
-      <ConfiguratorDrawer open={open} anchor="left" hideBackdrop>
+      <Drawer
+        className={classes.drawer}
+        open={open}
+        anchor="left"
+        hideBackdrop
+        ModalProps={{ container }}
+        PaperProps={{ style: { position: "absolute" } }}
+      >
         <Header onClose={handleToggle} />
         <Content />
-      </ConfiguratorDrawer>
+      </Drawer>
     </>
   );
 };

From 33ebdc7d3593c3f3ac6ffd6c190d41e27afc0d50 Mon Sep 17 00:00:00 2001
From: Bartosz Prusinowski <bartoszprusinowski1@gmail.com>
Date: Tue, 22 Nov 2022 16:10:51 +0100
Subject: [PATCH 04/16] refactor: Do not style chart tabs in theme

---
 app/components/chart-selection-tabs.tsx | 16 +++++++++++++---
 app/themes/federal.tsx                  | 11 -----------
 2 files changed, 13 insertions(+), 14 deletions(-)

diff --git a/app/components/chart-selection-tabs.tsx b/app/components/chart-selection-tabs.tsx
index f183e13aaa..cecf31f299 100644
--- a/app/components/chart-selection-tabs.tsx
+++ b/app/components/chart-selection-tabs.tsx
@@ -195,10 +195,20 @@ const TabsInner = ({
 }) => {
   return (
     <Box display="flex" sx={{ width: "100%", alignItems: "flex-start" }}>
-      <Tabs value={0} sx={{ position: "relative", top: 1, flexGrow: 1 }}>
-        {/* TODO: Generate dynamically when chart composition is implemented */}
+      <Tabs
+        value={0}
+        TabIndicatorProps={{ style: { display: "none" } }}
+        sx={{ position: "relative", top: 1, flexGrow: 1 }}
+      >
+        {/* TODO: Generate dynamically when chart composition is implemented. Add useStyles */}
         <Tab
-          sx={{ p: 0, background: "white" }}
+          sx={{
+            p: 0,
+            background: "white",
+            border: "1px solid",
+            borderBottomWidth: 0,
+            borderColor: "divider",
+          }}
           onClick={onActionButtonClick}
           label={
             <TabContent iconName={getIconName(chartType)} editable={editable} />
diff --git a/app/themes/federal.tsx b/app/themes/federal.tsx
index 2ab5dbb499..836666176f 100644
--- a/app/themes/federal.tsx
+++ b/app/themes/federal.tsx
@@ -720,14 +720,6 @@ theme.components = {
   },
   MuiTabs: {
     styleOverrides: {
-      root: {
-        "& .MuiTabs-flexContainer": {
-          gap: 4,
-        },
-        "& .MuiTabs-indicator": {
-          display: "none",
-        },
-      },
       flexContainer: {
         height: 60,
       },
@@ -744,9 +736,6 @@ theme.components = {
         paddingBottom: 0,
         paddingLeft: 24,
         color: theme.palette.grey[900],
-        border: "1px solid",
-        borderBottomWidth: 0,
-        borderColor: theme.palette.divider,
 
         "&.Mui-selected": {
           color: theme.palette.primary.main,

From 0d8a448d3c1f3260412d3e21419d4735e5ef4a12 Mon Sep 17 00:00:00 2001
From: Bartosz Prusinowski <bartoszprusinowski1@gmail.com>
Date: Tue, 22 Nov 2022 16:45:43 +0100
Subject: [PATCH 05/16] feat: Add skeleton of tabs in metadata panel

---
 app/components/metadata-panel.tsx | 83 +++++++++++++++++++++++++------
 1 file changed, 69 insertions(+), 14 deletions(-)

diff --git a/app/components/metadata-panel.tsx b/app/components/metadata-panel.tsx
index 9759682e0c..2749e660ea 100644
--- a/app/components/metadata-panel.tsx
+++ b/app/components/metadata-panel.tsx
@@ -1,4 +1,12 @@
-import { Button, Drawer, IconButton, Theme, Typography } from "@mui/material";
+import { TabContext, TabList, TabPanel } from "@mui/lab";
+import {
+  Button,
+  Drawer,
+  IconButton,
+  Tab,
+  Theme,
+  Typography,
+} from "@mui/material";
 import { makeStyles } from "@mui/styles";
 import React from "react";
 
@@ -6,9 +14,13 @@ import { DRAWER_WIDTH } from "@/configurator/components/drawer";
 import SvgIcClose from "@/icons/components/IcClose";
 import useEvent from "@/utils/use-event";
 
+type Section = "general" | "data";
+
 type State = {
   open: boolean;
   toggle: () => void;
+  activeSection: Section;
+  setActiveSection: (d: Section) => void;
 };
 
 const Context = React.createContext<State | undefined>(undefined);
@@ -19,13 +31,16 @@ export const ContextProvider = ({
   children: React.ReactNode;
 }) => {
   const [open, setOpen] = React.useState(false);
+  const [activeSection, setActiveSection] = React.useState<Section>("general");
 
   const ctx = React.useMemo(() => {
     return {
       open,
       toggle: () => setOpen(!open),
+      activeSection,
+      setActiveSection,
     };
-  }, [open, setOpen]);
+  }, [open, activeSection]);
 
   return <Context.Provider value={ctx}>{children}</Context.Provider>;
 };
@@ -44,28 +59,38 @@ export const useContext = () => {
 
 const useStyles = makeStyles<Theme, { drawerTop?: number }>((theme) => {
   return {
+    drawer: {
+      position: "static",
+
+      "& > .MuiPaper-root": {
+        top: ({ drawerTop }) => drawerTop,
+        bottom: 0,
+        width: DRAWER_WIDTH + 1,
+        height: "auto",
+        paddingLeft: theme.spacing(4),
+        paddingRight: theme.spacing(4),
+        borderRight: `1px ${theme.palette.divider} solid`,
+        boxShadow: "none",
+      },
+    },
     header: {
       display: "flex",
       alignItems: "center",
       justifyContent: "space-between",
       marginTop: theme.spacing(6),
       marginBottom: theme.spacing(4),
-      paddingLeft: theme.spacing(4),
-      paddingRight: theme.spacing(4),
     },
     content: {
-      width: DRAWER_WIDTH,
       padding: theme.spacing(4),
     },
-    drawer: {
-      position: "static",
+    tabList: {
+      height: 40,
+      minHeight: 40,
+      marginBottom: theme.spacing(4),
 
-      "& > .MuiPaper-root": {
-        top: ({ drawerTop }) => drawerTop,
-        bottom: 0,
-        height: "auto",
-        borderRight: `1px ${theme.palette.divider} solid`,
-        boxShadow: "none",
+      "& .MuiTab-root": {
+        height: 40,
+        minHeight: 40,
       },
     },
   };
@@ -123,7 +148,7 @@ const PanelInner = ({
   top?: number;
 }) => {
   const classes = useStyles({ drawerTop: top });
-  const { open, toggle } = useContext();
+  const { open, toggle, activeSection, setActiveSection } = useContext();
   const handleToggle = useEvent(() => {
     toggle();
   });
@@ -141,6 +166,36 @@ const PanelInner = ({
         PaperProps={{ style: { position: "absolute" } }}
       >
         <Header onClose={handleToggle} />
+
+        <TabContext value={activeSection}>
+          <TabList
+            className={classes.tabList}
+            onChange={(_, v) => {
+              setActiveSection(v);
+            }}
+          >
+            <Tab
+              value="general"
+              label={
+                <Typography variant="body2" fontWeight="bold">
+                  General
+                </Typography>
+              }
+            />
+            <Tab
+              value="data"
+              label={
+                <Typography variant="body2" fontWeight="bold">
+                  Data
+                </Typography>
+              }
+            />
+          </TabList>
+
+          <TabPanel value="general">General</TabPanel>
+          <TabPanel value="data">Data</TabPanel>
+        </TabContext>
+
         <Content />
       </Drawer>
     </>

From 68872bf64fa3778eb5cb03ca95eb7708042a4117 Mon Sep 17 00:00:00 2001
From: Bartosz Prusinowski <bartoszprusinowski1@gmail.com>
Date: Wed, 23 Nov 2022 10:41:15 +0100
Subject: [PATCH 06/16] refactor: Make SX optional

---
 app/configurator/components/dataset-metadata.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/app/configurator/components/dataset-metadata.tsx b/app/configurator/components/dataset-metadata.tsx
index f71ac30a2d..ab3c04054e 100644
--- a/app/configurator/components/dataset-metadata.tsx
+++ b/app/configurator/components/dataset-metadata.tsx
@@ -35,7 +35,7 @@ export const DataSetMetadata = ({
 }: {
   dataSetIri: string;
   dataSource: DataSource;
-  sx: BoxProps["sx"];
+  sx?: BoxProps["sx"];
 }) => {
   const locale = useLocale();
   const formatDate = useFormatDate();

From 80ae8e4d5dc9b3f3f3f46d766d9f7e19dbbfeeb2 Mon Sep 17 00:00:00 2001
From: Bartosz Prusinowski <bartoszprusinowski1@gmail.com>
Date: Mon, 28 Nov 2022 09:41:47 +0100
Subject: [PATCH 07/16] feat: Add general metadata to metadata panel

---
 app/components/chart-preview.tsx   |  6 +++++-
 app/components/chart-published.tsx |  6 +++++-
 app/components/metadata-panel.tsx  | 21 +++++++++++++++++++--
 3 files changed, 29 insertions(+), 4 deletions(-)

diff --git a/app/components/chart-preview.tsx b/app/components/chart-preview.tsx
index 375027a955..894ccaa01f 100644
--- a/app/components/chart-preview.tsx
+++ b/app/components/chart-preview.tsx
@@ -140,7 +140,11 @@ export const ChartPreviewInner = ({
                   )}
                 </Typography>
 
-                <MetadataPanel top={96} />
+                <MetadataPanel
+                  datasetIri={dataSetIri}
+                  dataSource={dataSource}
+                  top={96}
+                />
               </Flex>
               <Head>
                 <title key="title">
diff --git a/app/components/chart-published.tsx b/app/components/chart-published.tsx
index a3989461fc..fa0912677c 100644
--- a/app/components/chart-published.tsx
+++ b/app/components/chart-published.tsx
@@ -170,7 +170,11 @@ export const ChartPublishedInner = ({
             {meta.title[locale]}
           </Typography>
 
-          <MetadataPanel container={rootRef.current} />
+          <MetadataPanel
+            datasetIri={dataSet}
+            dataSource={dataSource}
+            container={rootRef.current}
+          />
         </Flex>
 
         {meta.description[locale] && (
diff --git a/app/components/metadata-panel.tsx b/app/components/metadata-panel.tsx
index 2749e660ea..24f5b345a4 100644
--- a/app/components/metadata-panel.tsx
+++ b/app/components/metadata-panel.tsx
@@ -10,6 +10,8 @@ import {
 import { makeStyles } from "@mui/styles";
 import React from "react";
 
+import { DataSource } from "@/configurator";
+import { DataSetMetadata } from "@/configurator/components/dataset-metadata";
 import { DRAWER_WIDTH } from "@/configurator/components/drawer";
 import SvgIcClose from "@/icons/components/IcClose";
 import useEvent from "@/utils/use-event";
@@ -97,15 +99,24 @@ const useStyles = makeStyles<Theme, { drawerTop?: number }>((theme) => {
 });
 
 export const MetadataPanel = ({
+  datasetIri,
+  dataSource,
   container,
   top,
 }: {
+  datasetIri: string;
+  dataSource: DataSource;
   container?: HTMLDivElement | null;
   top?: number;
 }) => {
   return (
     <ContextProvider>
-      <PanelInner container={container} top={top} />
+      <PanelInner
+        datasetIri={datasetIri}
+        dataSource={dataSource}
+        container={container}
+        top={top}
+      />
     </ContextProvider>
   );
 };
@@ -141,9 +152,13 @@ const Content = () => {
 };
 
 const PanelInner = ({
+  datasetIri,
+  dataSource,
   container,
   top = 0,
 }: {
+  datasetIri: string;
+  dataSource: DataSource;
   container: HTMLDivElement | null | undefined;
   top?: number;
 }) => {
@@ -192,7 +207,9 @@ const PanelInner = ({
             />
           </TabList>
 
-          <TabPanel value="general">General</TabPanel>
+          <TabPanel value="general">
+            <DataSetMetadata dataSetIri={datasetIri} dataSource={dataSource} />
+          </TabPanel>
           <TabPanel value="data">Data</TabPanel>
         </TabContext>
 

From 82d893d057173ad184415a0d67d170660b4b2210 Mon Sep 17 00:00:00 2001
From: Bartosz Prusinowski <bartoszprusinowski1@gmail.com>
Date: Wed, 23 Nov 2022 10:49:51 +0100
Subject: [PATCH 08/16] feat: Update styles

---
 app/components/metadata-panel.tsx                | 9 +++++++--
 app/configurator/components/dataset-metadata.tsx | 9 +--------
 2 files changed, 8 insertions(+), 10 deletions(-)

diff --git a/app/components/metadata-panel.tsx b/app/components/metadata-panel.tsx
index 24f5b345a4..5c38211ca5 100644
--- a/app/components/metadata-panel.tsx
+++ b/app/components/metadata-panel.tsx
@@ -95,6 +95,9 @@ const useStyles = makeStyles<Theme, { drawerTop?: number }>((theme) => {
         minHeight: 40,
       },
     },
+    tabPanel: {
+      padding: 0,
+    },
   };
 });
 
@@ -207,10 +210,12 @@ const PanelInner = ({
             />
           </TabList>
 
-          <TabPanel value="general">
+          <TabPanel className={classes.tabPanel} value="general">
             <DataSetMetadata dataSetIri={datasetIri} dataSource={dataSource} />
           </TabPanel>
-          <TabPanel value="data">Data</TabPanel>
+          <TabPanel className={classes.tabPanel} value="data">
+            Data
+          </TabPanel>
         </TabContext>
 
         <Content />
diff --git a/app/configurator/components/dataset-metadata.tsx b/app/configurator/components/dataset-metadata.tsx
index ab3c04054e..93ec9e9db5 100644
--- a/app/configurator/components/dataset-metadata.tsx
+++ b/app/configurator/components/dataset-metadata.tsx
@@ -149,14 +149,7 @@ const DatasetMetadataBody = ({
   children: ReactNode;
   sx?: TypographyProps["sx"];
 }) => (
-  <Typography
-    variant="body2"
-    sx={{
-      color: "grey.900",
-      mb: 5,
-      ...sx,
-    }}
-  >
+  <Typography variant="body2" sx={{ color: "grey.900", mb: 4, ...sx }}>
     {children}
   </Typography>
 );

From 6e653142b656c4ca010d00028549be8dbfd4e5aa Mon Sep 17 00:00:00 2001
From: Bartosz Prusinowski <bartoszprusinowski1@gmail.com>
Date: Wed, 23 Nov 2022 11:20:34 +0100
Subject: [PATCH 09/16] refactor: Extract MotionBox one level up

---
 app/configurator/components/dataset-metadata.tsx   | 11 ++---------
 .../components/select-dataset-step.tsx             | 14 ++++++++++----
 2 files changed, 12 insertions(+), 13 deletions(-)

diff --git a/app/configurator/components/dataset-metadata.tsx b/app/configurator/components/dataset-metadata.tsx
index 93ec9e9db5..b146e08e2e 100644
--- a/app/configurator/components/dataset-metadata.tsx
+++ b/app/configurator/components/dataset-metadata.tsx
@@ -1,7 +1,6 @@
 import { Trans } from "@lingui/macro";
 import {
   Box,
-  BoxProps,
   Link,
   LinkProps,
   Typography,
@@ -12,10 +11,6 @@ import { Link as MUILink } from "@mui/material";
 import NextLink from "next/link";
 import React, { ReactNode } from "react";
 
-import {
-  MotionBox,
-  smoothPresenceProps,
-} from "@/configurator/components/presence";
 import Tag from "@/configurator/components/tag";
 import { DataSource } from "@/configurator/config-types";
 import { truthy } from "@/domain/types";
@@ -31,11 +26,9 @@ import { makeOpenDataLink } from "@/utils/opendata";
 export const DataSetMetadata = ({
   dataSetIri,
   dataSource,
-  sx,
 }: {
   dataSetIri: string;
   dataSource: DataSource;
-  sx?: BoxProps["sx"];
 }) => {
   const locale = useLocale();
   const formatDate = useFormatDate();
@@ -56,7 +49,7 @@ export const DataSetMetadata = ({
   }
 
   return (
-    <MotionBox sx={sx} key="dataset-metadata" {...smoothPresenceProps}>
+    <div>
       {cube.publisher && (
         <>
           <DatasetMetadataTitle>
@@ -132,7 +125,7 @@ export const DataSetMetadata = ({
         ) : null}
       </DatasetMetadataBody>
       <DatasetTags cube={cube} />
-    </MotionBox>
+    </div>
   );
 };
 
diff --git a/app/configurator/components/select-dataset-step.tsx b/app/configurator/components/select-dataset-step.tsx
index 9786eb4de2..d09339b5a0 100644
--- a/app/configurator/components/select-dataset-step.tsx
+++ b/app/configurator/components/select-dataset-step.tsx
@@ -31,6 +31,7 @@ import {
   bannerPresenceProps,
   MotionBox,
   navPresenceProps,
+  smoothPresenceProps,
 } from "@/configurator/components/presence";
 import { useDataCubesQuery } from "@/graphql/query-hooks";
 import { Icon } from "@/icons";
@@ -218,11 +219,16 @@ const SelectDatasetStepContent = () => {
                     </Trans>
                   </Button>
                 </NextLink>
-                <DataSetMetadata
+                <MotionBox
+                  key="dataset-metadata"
                   sx={{ mt: 6 }}
-                  dataSetIri={dataset}
-                  dataSource={configState.dataSource}
-                />
+                  {...smoothPresenceProps}
+                >
+                  <DataSetMetadata
+                    dataSetIri={dataset}
+                    dataSource={configState.dataSource}
+                  />
+                </MotionBox>
               </MotionBox>
             ) : (
               <MotionBox

From 0b3ad68b4e952020ba1d41206fa369b0c3d4d466 Mon Sep 17 00:00:00 2001
From: Bartosz Prusinowski <bartoszprusinowski1@gmail.com>
Date: Wed, 23 Nov 2022 12:00:14 +0100
Subject: [PATCH 10/16] feat: Fetch more metadata

---
 app/graphql/queries/data-cubes.graphql                        | 2 ++
 app/graphql/query-hooks.ts                                    | 4 +++-
 .../data/DataCubeMetadataWithComponentValues-covid19.json     | 1 +
 3 files changed, 6 insertions(+), 1 deletion(-)

diff --git a/app/graphql/queries/data-cubes.graphql b/app/graphql/queries/data-cubes.graphql
index 7d948dc9c5..8185cada8c 100644
--- a/app/graphql/queries/data-cubes.graphql
+++ b/app/graphql/queries/data-cubes.graphql
@@ -154,6 +154,8 @@ query DataCubeMetadataWithComponentValues(
     iri
     title
     publisher
+    publicationStatus
+    expires
     identifier
     workExamples
     creator {
diff --git a/app/graphql/query-hooks.ts b/app/graphql/query-hooks.ts
index 9ad9552a6f..c4d52bf0ff 100644
--- a/app/graphql/query-hooks.ts
+++ b/app/graphql/query-hooks.ts
@@ -598,7 +598,7 @@ export type DataCubeMetadataWithComponentValuesQueryVariables = Exact<{
 }>;
 
 
-export type DataCubeMetadataWithComponentValuesQuery = { __typename: 'Query', dataCubeByIri?: Maybe<{ __typename: 'DataCube', iri: string, title: string, publisher?: Maybe<string>, identifier?: Maybe<string>, workExamples?: Maybe<Array<Maybe<string>>>, landingPage?: Maybe<string>, creator?: Maybe<{ __typename: 'DataCubeOrganization', iri: string }>, dimensions: Array<(
+export type DataCubeMetadataWithComponentValuesQuery = { __typename: 'Query', dataCubeByIri?: Maybe<{ __typename: 'DataCube', iri: string, title: string, publisher?: Maybe<string>, publicationStatus: DataCubePublicationStatus, expires?: Maybe<string>, identifier?: Maybe<string>, workExamples?: Maybe<Array<Maybe<string>>>, landingPage?: Maybe<string>, creator?: Maybe<{ __typename: 'DataCubeOrganization', iri: string }>, dimensions: Array<(
       { __typename: 'GeoCoordinatesDimension' }
       & DimensionMetadata_GeoCoordinatesDimension_Fragment
       & HierarchyMetadata_GeoCoordinatesDimension_Fragment
@@ -1107,6 +1107,8 @@ export const DataCubeMetadataWithComponentValuesDocument = gql`
     iri
     title
     publisher
+    publicationStatus
+    expires
     identifier
     workExamples
     creator {
diff --git a/app/test/__fixtures/data/DataCubeMetadataWithComponentValues-covid19.json b/app/test/__fixtures/data/DataCubeMetadataWithComponentValues-covid19.json
index 1c06181fc4..80cff02242 100644
--- a/app/test/__fixtures/data/DataCubeMetadataWithComponentValues-covid19.json
+++ b/app/test/__fixtures/data/DataCubeMetadataWithComponentValues-covid19.json
@@ -4,6 +4,7 @@
       "iri": "https://environment.ld.admin.ch/foen/COVID19VaccPersons_v2/2/",
       "title": "Covid19 Vaccinated Persons",
       "publisher": null,
+      "publicationStatus": "PUBLISHED",
       "dimensions": [
         {
           "iri": "https://environment.ld.admin.ch/foen/COVID19VaccPersons_v2/date",

From 4817ae7adfb1b5175a5048da646726c195d0b979 Mon Sep 17 00:00:00 2001
From: Bartosz Prusinowski <bartoszprusinowski1@gmail.com>
Date: Mon, 28 Nov 2022 09:42:45 +0100
Subject: [PATCH 11/16] feat: Add basic list of dimensions (metadata panel)

---
 app/components/chart-preview.tsx   |  13 +++-
 app/components/chart-published.tsx |  12 ++-
 app/components/metadata-panel.tsx  | 115 ++++++++++++++++++++---------
 3 files changed, 100 insertions(+), 40 deletions(-)

diff --git a/app/components/chart-preview.tsx b/app/components/chart-preview.tsx
index 894ccaa01f..54bb954fc4 100644
--- a/app/components/chart-preview.tsx
+++ b/app/components/chart-preview.tsx
@@ -3,6 +3,7 @@ import { Box, Theme, Typography } from "@mui/material";
 import { makeStyles } from "@mui/styles";
 import Head from "next/head";
 import * as React from "react";
+import { useMemo } from "react";
 
 import { ChartDataFilters } from "@/charts/shared/chart-data-filters";
 import { useQueryFilters } from "@/charts/shared/chart-helpers";
@@ -22,7 +23,7 @@ import { HintYellow } from "@/components/hint";
 import { MetadataPanel } from "@/components/metadata-panel";
 import { ChartConfig, DataSource, useConfiguratorState } from "@/configurator";
 import { DataSetTable } from "@/configurator/components/datatable";
-import { useDataCubeMetadataQuery } from "@/graphql/query-hooks";
+import { useDataCubeMetadataWithComponentValuesQuery } from "@/graphql/query-hooks";
 import { DataCubePublicationStatus } from "@/graphql/resolver-types";
 import { useLocale } from "@/locales/use-locale";
 import useEvent from "@/utils/use-event";
@@ -68,7 +69,7 @@ export const ChartPreviewInner = ({
   const [state, dispatch] = useConfiguratorState();
   const locale = useLocale();
   const classes = useStyles();
-  const [{ data: metaData }] = useDataCubeMetadataQuery({
+  const [{ data: metaData }] = useDataCubeMetadataWithComponentValuesQuery({
     variables: {
       iri: dataSetIri,
       sourceType: dataSource.type,
@@ -85,6 +86,13 @@ export const ChartPreviewInner = ({
 
   const handleToggleTableView = useEvent(() => setIsTablePreview((c) => !c));
 
+  const allDimensions = useMemo(() => {
+    return [
+      ...(metaData?.dataCubeByIri?.dimensions ?? []),
+      ...(metaData?.dataCubeByIri?.measures ?? []),
+    ];
+  }, [metaData?.dataCubeByIri?.dimensions, metaData?.dataCubeByIri?.measures]);
+
   return (
     <Flex
       sx={{
@@ -143,6 +151,7 @@ export const ChartPreviewInner = ({
                 <MetadataPanel
                   datasetIri={dataSetIri}
                   dataSource={dataSource}
+                  dimensions={allDimensions}
                   top={96}
                 />
               </Flex>
diff --git a/app/components/chart-published.tsx b/app/components/chart-published.tsx
index fa0912677c..cb78e06045 100644
--- a/app/components/chart-published.tsx
+++ b/app/components/chart-published.tsx
@@ -33,7 +33,7 @@ import {
   DEFAULT_DATA_SOURCE,
   useIsTrustedDataSource,
 } from "@/domain/datasource";
-import { useDataCubeMetadataQuery } from "@/graphql/query-hooks";
+import { useDataCubeMetadataWithComponentValuesQuery } from "@/graphql/query-hooks";
 import { DataCubePublicationStatus } from "@/graphql/resolver-types";
 import { useLocale } from "@/locales/use-locale";
 import useEvent from "@/utils/use-event";
@@ -95,7 +95,7 @@ export const ChartPublishedInner = ({
 
   const rootRef = useRef<HTMLDivElement>(null);
 
-  const [{ data: metaData }] = useDataCubeMetadataQuery({
+  const [{ data: metaData }] = useDataCubeMetadataWithComponentValuesQuery({
     variables: {
       iri: dataSet,
       sourceType: dataSource.type,
@@ -120,6 +120,13 @@ export const ChartPublishedInner = ({
   } = useChartTablePreview();
   const handleToggleTableView = useEvent(() => setIsTablePreview((c) => !c));
 
+  const allDimensions = useMemo(() => {
+    return [
+      ...(metaData?.dataCubeByIri?.dimensions ?? []),
+      ...(metaData?.dataCubeByIri?.measures ?? []),
+    ];
+  }, [metaData?.dataCubeByIri?.dimensions, metaData?.dataCubeByIri?.measures]);
+
   return (
     <Box className={classes.root} ref={rootRef}>
       <ChartErrorBoundary resetKeys={[chartConfig]}>
@@ -173,6 +180,7 @@ export const ChartPublishedInner = ({
           <MetadataPanel
             datasetIri={dataSet}
             dataSource={dataSource}
+            dimensions={allDimensions}
             container={rootRef.current}
           />
         </Flex>
diff --git a/app/components/metadata-panel.tsx b/app/components/metadata-panel.tsx
index 5c38211ca5..5dede0fb81 100644
--- a/app/components/metadata-panel.tsx
+++ b/app/components/metadata-panel.tsx
@@ -1,5 +1,6 @@
 import { TabContext, TabList, TabPanel } from "@mui/lab";
 import {
+  Box,
   Button,
   Drawer,
   IconButton,
@@ -13,6 +14,7 @@ import React from "react";
 import { DataSource } from "@/configurator";
 import { DataSetMetadata } from "@/configurator/components/dataset-metadata";
 import { DRAWER_WIDTH } from "@/configurator/components/drawer";
+import { DimensionMetadataFragment } from "@/graphql/query-hooks";
 import SvgIcClose from "@/icons/components/IcClose";
 import useEvent from "@/utils/use-event";
 
@@ -96,6 +98,9 @@ const useStyles = makeStyles<Theme, { drawerTop?: number }>((theme) => {
       },
     },
     tabPanel: {
+      display: "flex",
+      flexDirection: "column",
+      gap: theme.spacing(4),
       padding: 0,
     },
   };
@@ -104,11 +109,13 @@ const useStyles = makeStyles<Theme, { drawerTop?: number }>((theme) => {
 export const MetadataPanel = ({
   datasetIri,
   dataSource,
+  dimensions,
   container,
   top,
 }: {
   datasetIri: string;
   dataSource: DataSource;
+  dimensions: DimensionMetadataFragment[];
   container?: HTMLDivElement | null;
   top?: number;
 }) => {
@@ -117,6 +124,7 @@ export const MetadataPanel = ({
       <PanelInner
         datasetIri={datasetIri}
         dataSource={dataSource}
+        dimensions={dimensions}
         container={container}
         top={top}
       />
@@ -124,44 +132,16 @@ export const MetadataPanel = ({
   );
 };
 
-const ToggleButton = ({ onClick }: { onClick: () => void }) => {
-  return (
-    <Button component="a" variant="text" size="small" onClick={onClick}>
-      <Typography variant="body2">Metadata</Typography>
-    </Button>
-  );
-};
-
-const Header = ({ onClose }: { onClose: () => void }) => {
-  const classes = useStyles({});
-
-  return (
-    <div className={classes.header}>
-      <Typography variant="body2" fontWeight="bold">
-        Metadata
-      </Typography>
-
-      <IconButton size="small" onClick={onClose}>
-        <SvgIcClose />
-      </IconButton>
-    </div>
-  );
-};
-
-const Content = () => {
-  const classes = useStyles({});
-
-  return <div className={classes.content}></div>;
-};
-
 const PanelInner = ({
   datasetIri,
   dataSource,
+  dimensions,
   container,
   top = 0,
 }: {
   datasetIri: string;
   dataSource: DataSource;
+  dimensions: DimensionMetadataFragment[];
   container: HTMLDivElement | null | undefined;
   top?: number;
 }) => {
@@ -210,12 +190,8 @@ const PanelInner = ({
             />
           </TabList>
 
-          <TabPanel className={classes.tabPanel} value="general">
-            <DataSetMetadata dataSetIri={datasetIri} dataSource={dataSource} />
-          </TabPanel>
-          <TabPanel className={classes.tabPanel} value="data">
-            Data
-          </TabPanel>
+          <TabPanelGeneral datasetIri={datasetIri} dataSource={dataSource} />
+          <TabPanelData dimensions={dimensions} />
         </TabContext>
 
         <Content />
@@ -223,3 +199,70 @@ const PanelInner = ({
     </>
   );
 };
+
+const ToggleButton = ({ onClick }: { onClick: () => void }) => {
+  return (
+    <Button component="a" variant="text" size="small" onClick={onClick}>
+      <Typography variant="body2">Metadata</Typography>
+    </Button>
+  );
+};
+
+const Header = ({ onClose }: { onClose: () => void }) => {
+  const classes = useStyles({});
+
+  return (
+    <div className={classes.header}>
+      <Typography variant="body2" fontWeight="bold">
+        Metadata
+      </Typography>
+
+      <IconButton size="small" onClick={onClose}>
+        <SvgIcClose />
+      </IconButton>
+    </div>
+  );
+};
+
+const Content = () => {
+  const classes = useStyles({});
+
+  return <div className={classes.content}></div>;
+};
+
+const TabPanelGeneral = ({
+  datasetIri,
+  dataSource,
+}: {
+  datasetIri: string;
+  dataSource: DataSource;
+}) => {
+  const classes = useStyles({});
+
+  return (
+    <TabPanel className={classes.tabPanel} value="general">
+      <DataSetMetadata dataSetIri={datasetIri} dataSource={dataSource} />
+    </TabPanel>
+  );
+};
+
+const TabPanelData = ({
+  dimensions,
+}: {
+  dimensions: DimensionMetadataFragment[];
+}) => {
+  const classes = useStyles({});
+
+  return (
+    <TabPanel className={classes.tabPanel} value="data">
+      {dimensions.map((d) => (
+        <Box key={d.iri}>
+          <Typography variant="body2" fontWeight="bold">
+            {d.label}
+          </Typography>
+          <Typography variant="body2">{d.description}</Typography>
+        </Box>
+      ))}
+    </TabPanel>
+  );
+};

From 67435c1b98000f76d5986339ae3c62a7754f79d5 Mon Sep 17 00:00:00 2001
From: Bartosz Prusinowski <bartoszprusinowski1@gmail.com>
Date: Wed, 23 Nov 2022 13:31:29 +0100
Subject: [PATCH 12/16] feat: Add icons to metadata panel

---
 app/components/metadata-panel.tsx       | 21 +++++++++++--
 app/icons/components/IcGeographical.tsx | 24 +++++++++++++++
 app/icons/components/IcNumerical.tsx    | 24 +++++++++++++++
 app/icons/components/IcPointInTime.tsx  | 24 +++++++++++++++
 app/icons/components/index.tsx          |  6 ++++
 app/icons/index.tsx                     | 39 +++++++++++++++++++++++--
 app/icons/svg/ic_geographical.svg       |  7 +++++
 app/icons/svg/ic_numerical.svg          |  7 +++++
 app/icons/svg/ic_point_in_time.svg      |  7 +++++
 9 files changed, 154 insertions(+), 5 deletions(-)
 create mode 100644 app/icons/components/IcGeographical.tsx
 create mode 100644 app/icons/components/IcNumerical.tsx
 create mode 100644 app/icons/components/IcPointInTime.tsx
 create mode 100644 app/icons/svg/ic_geographical.svg
 create mode 100644 app/icons/svg/ic_numerical.svg
 create mode 100644 app/icons/svg/ic_point_in_time.svg

diff --git a/app/components/metadata-panel.tsx b/app/components/metadata-panel.tsx
index 5dede0fb81..782b954d2b 100644
--- a/app/components/metadata-panel.tsx
+++ b/app/components/metadata-panel.tsx
@@ -15,9 +15,12 @@ import { DataSource } from "@/configurator";
 import { DataSetMetadata } from "@/configurator/components/dataset-metadata";
 import { DRAWER_WIDTH } from "@/configurator/components/drawer";
 import { DimensionMetadataFragment } from "@/graphql/query-hooks";
+import { Icon, getDimensionIconName } from "@/icons";
 import SvgIcClose from "@/icons/components/IcClose";
 import useEvent from "@/utils/use-event";
 
+import Flex from "./flex";
+
 type Section = "general" | "data";
 
 type State = {
@@ -103,6 +106,12 @@ const useStyles = makeStyles<Theme, { drawerTop?: number }>((theme) => {
       gap: theme.spacing(4),
       padding: 0,
     },
+    icon: {
+      display: "inline",
+      marginLeft: -6,
+      marginTop: -3,
+      marginRight: 2,
+    },
   };
 });
 
@@ -257,9 +266,15 @@ const TabPanelData = ({
     <TabPanel className={classes.tabPanel} value="data">
       {dimensions.map((d) => (
         <Box key={d.iri}>
-          <Typography variant="body2" fontWeight="bold">
-            {d.label}
-          </Typography>
+          <Flex>
+            <Icon
+              className={classes.icon}
+              name={getDimensionIconName(d.__typename)}
+            />
+            <Typography variant="body2" fontWeight="bold">
+              {d.label}
+            </Typography>
+          </Flex>
           <Typography variant="body2">{d.description}</Typography>
         </Box>
       ))}
diff --git a/app/icons/components/IcGeographical.tsx b/app/icons/components/IcGeographical.tsx
new file mode 100644
index 0000000000..a1e315bffc
--- /dev/null
+++ b/app/icons/components/IcGeographical.tsx
@@ -0,0 +1,24 @@
+import * as React from "react";
+
+function SvgIcGeographical(props: React.SVGProps<SVGSVGElement>) {
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      viewBox="0 0 24 24"
+      width="1em"
+      height="1em"
+      {...props}
+    >
+      <g fill="none" fillRule="evenodd">
+        <g>
+          <path
+            fill="currentColor"
+            d="M12,6 C14.7614237,6 17,8.19787482 17,10.9090908 C17,14.7272727 12,18 12,18 L11.9712483,17.9808455 C11.5654321,17.7080135 7,14.5575757 7,10.9090908 C7,8.19787482 9.23857628,6 12,6 Z M12,9.2727272 C11.0795254,9.2727272 10.3333333,10.0053522 10.3333333,10.9090908 C10.3333333,11.8128295 11.0795254,12.5454545 12,12.5454545 C12.9204746,12.5454545 13.6666667,11.8128295 13.6666667,10.9090908 C13.6666667,10.0053522 12.9204746,9.2727272 12,9.2727272 Z"
+          />
+        </g>
+      </g>
+    </svg>
+  );
+}
+
+export default SvgIcGeographical;
diff --git a/app/icons/components/IcNumerical.tsx b/app/icons/components/IcNumerical.tsx
new file mode 100644
index 0000000000..48b7c48f17
--- /dev/null
+++ b/app/icons/components/IcNumerical.tsx
@@ -0,0 +1,24 @@
+import * as React from "react";
+
+function SvgIcNumerical(props: React.SVGProps<SVGSVGElement>) {
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      viewBox="0 0 24 24"
+      width="1em"
+      height="1em"
+      {...props}
+    >
+      <g fill="none" fillRule="evenodd">
+        <g>
+          <path
+            fill="currentColor"
+            d="M5.24031008,8.13296399 L6.60206718,8.13296399 L6.60206718,15.867036 L5.06459948,15.867036 L5.06459948,9.89473684 L3.76873385,10.9584488 L3,9.9501385 L5.24031008,8.13296399 Z M8.79844961,15.867036 L8.79844961,14.5706371 C8.99612403,14.3859649 9.27433247,14.1237304 9.63307494,13.7839335 C9.9918174,13.4589104 10.3578811,13.089566 10.7312661,12.6759003 C11.1192937,12.2548476 11.4450904,11.8374885 11.7086563,11.4238227 C11.9722222,11.010157 12.1076658,10.6223453 12.1149871,10.2603878 C12.1076658,9.90581717 11.9795435,9.6398892 11.7306202,9.46260388 C11.4890181,9.30009234 11.1998277,9.21883657 10.8630491,9.21883657 C10.540913,9.21883657 10.2297588,9.27793167 9.92958656,9.39612188 C9.6294143,9.52169898 9.35120586,9.66943675 9.09496124,9.83933518 L8.97416021,8.55401662 C9.69164513,8.1920591 10.4493971,8.00738689 11.247416,8 C12.8141688,8 13.6158484,8.7534626 13.6524548,10.2603878 C13.6451335,10.6666667 13.5572782,11.0655586 13.3888889,11.4570637 C13.2131783,11.8485688 12.9788975,12.2289935 12.6860465,12.598338 C12.0710594,13.3444137 11.4304479,14.0277008 10.7642119,14.6481994 L13.8940568,14.6481994 L13.8940568,15.867036 L8.79844961,15.867036 Z M15.1459948,14.4265928 C15.6731266,14.6555863 16.2405254,14.7737765 16.8481912,14.7811634 C17.0165805,14.7811634 17.1959518,14.7590028 17.3863049,14.7146814 C17.5620155,14.6703601 17.7340655,14.6075716 17.9024548,14.5263158 C18.0708441,14.4376731 18.2062877,14.3194829 18.3087855,14.1717452 C18.4112834,14.0387812 18.4625323,13.8762696 18.4625323,13.6842105 C18.455211,13.2336103 18.2978036,12.9159741 17.9903101,12.7313019 C17.6828165,12.5614035 17.2764858,12.4764543 16.7713178,12.4764543 L16.0245478,12.4764543 L16.0245478,11.2576177 L16.7273902,11.2576177 C17.254522,11.2576177 17.668174,11.1689751 17.9683463,10.9916898 C18.2685185,10.8217913 18.4222653,10.5706371 18.4295866,10.2382271 C18.4295866,10.0387812 18.3966408,9.87257618 18.3307494,9.73961219 C18.2575366,9.6066482 18.1586994,9.50323176 18.0342377,9.42936288 C17.7853144,9.289012 17.4778208,9.21883657 17.1117571,9.21883657 C16.5040913,9.21883657 15.9293712,9.355494 15.3875969,9.62880886 L15.2997416,8.38781163 C15.9293712,8.13665743 16.6431955,8.00738689 17.4412145,8 C17.6901378,8 17.9573643,8.02216066 18.2428941,8.06648199 C18.535745,8.11819021 18.8102929,8.2179132 19.0665375,8.36565097 C19.3301034,8.50600185 19.546081,8.70544783 19.7144703,8.96398892 C19.8755383,9.22253001 19.959733,9.56232687 19.9670543,9.9833795 C19.959733,10.5004617 19.8242894,10.8993536 19.5607235,11.1800554 C19.2898363,11.468144 18.9493971,11.6860572 18.5394057,11.833795 L18.5394057,11.8559557 C19.0299311,11.9298246 19.3959948,12.132964 19.6375969,12.465374 C19.879199,12.7977839 20,13.2077562 20,13.6952909 C19.9926787,14.145891 19.9048234,14.5226223 19.7364341,14.8254848 C19.5534022,15.1209603 19.3154608,15.3573407 19.0226098,15.534626 C18.8761843,15.6084949 18.7260982,15.6749769 18.5723514,15.734072 C18.4112834,15.7931671 18.2465547,15.8448753 18.0781654,15.8891967 C17.7340655,15.9630656 17.3972868,16 17.0678295,16 C16.3503445,16 15.6804479,15.9150508 15.0581395,15.7451524 L15.1459948,14.4265928 Z"
+          />
+        </g>
+      </g>
+    </svg>
+  );
+}
+
+export default SvgIcNumerical;
diff --git a/app/icons/components/IcPointInTime.tsx b/app/icons/components/IcPointInTime.tsx
new file mode 100644
index 0000000000..010e38554e
--- /dev/null
+++ b/app/icons/components/IcPointInTime.tsx
@@ -0,0 +1,24 @@
+import * as React from "react";
+
+function SvgIcPointInTime(props: React.SVGProps<SVGSVGElement>) {
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      viewBox="0 0 24 24"
+      width="1em"
+      height="1em"
+      {...props}
+    >
+      <g fill="none" fillRule="evenodd">
+        <g>
+          <path
+            fill="currentColor"
+            d="M17,8 L16,8 L16,6 L14,6 L14,8 L10,8 L10,6 L8,6 L8,8 L7,8 C6.44771525,8 6,8.44771525 6,9 L6,17 C6,17.5522847 6.44771525,18 7,18 L17,18 C17.5522847,18 18,17.5522847 18,17 L18,9 C18,8.44771525 17.5522847,8 17,8 Z M16,16 L8,16 L8,11 L16,11 L16,16 Z"
+          />
+        </g>
+      </g>
+    </svg>
+  );
+}
+
+export default SvgIcPointInTime;
diff --git a/app/icons/components/index.tsx b/app/icons/components/index.tsx
index 83928474e0..94efeaf554 100644
--- a/app/icons/components/index.tsx
+++ b/app/icons/components/index.tsx
@@ -56,6 +56,7 @@ import { default as Filter } from "@/icons/components/IcFilter";
 import { default as Folder } from "@/icons/components/IcFolder";
 import { default as Formatting } from "@/icons/components/IcFormatting";
 import { default as Forward } from "@/icons/components/IcForward";
+import { default as Geographical } from "@/icons/components/IcGeographical";
 import { default as Google } from "@/icons/components/IcGoogle";
 import { default as HintWarning } from "@/icons/components/IcHintWarning";
 import { default as Image } from "@/icons/components/IcImage";
@@ -78,11 +79,13 @@ import { default as MobileLandscape } from "@/icons/components/IcMobileLandscape
 import { default as MobilePortrait } from "@/icons/components/IcMobilePortrait";
 import { default as More } from "@/icons/components/IcMore";
 import { default as Next } from "@/icons/components/IcNext";
+import { default as Numerical } from "@/icons/components/IcNumerical";
 import { default as Organisations } from "@/icons/components/IcOrganisations";
 import { default as Origin } from "@/icons/components/IcOrigin";
 import { default as Pause } from "@/icons/components/IcPause";
 import { default as Pdf } from "@/icons/components/IcPdf";
 import { default as Play } from "@/icons/components/IcPlay";
+import { default as PointInTime } from "@/icons/components/IcPointInTime";
 import { default as Previous } from "@/icons/components/IcPrevious";
 import { default as Print } from "@/icons/components/IcPrint";
 import { default as Refresh } from "@/icons/components/IcRefresh";
@@ -190,6 +193,7 @@ export const Icons = {
   folder: Folder,
   formatting: Formatting,
   forward: Forward,
+  geographical: Geographical,
   google: Google,
   hintWarning: HintWarning,
   image: Image,
@@ -212,11 +216,13 @@ export const Icons = {
   mobilePortrait: MobilePortrait,
   more: More,
   next: Next,
+  numerical: Numerical,
   organisations: Organisations,
   origin: Origin,
   pause: Pause,
   pdf: Pdf,
   play: Play,
+  pointInTime: PointInTime,
   previous: Previous,
   print: Print,
   refresh: Refresh,
diff --git a/app/icons/index.tsx b/app/icons/index.tsx
index bf7fa07f22..a074e3da4a 100644
--- a/app/icons/index.tsx
+++ b/app/icons/index.tsx
@@ -1,6 +1,6 @@
 import { ComponentProps } from "react";
 
-import { ChartType } from "@/configurator";
+import { ChartType, ComponentType } from "@/configurator/config-types";
 import { IconName, Icons } from "@/icons/components";
 
 export { Icons } from "./components";
@@ -16,6 +16,7 @@ export const Icon = ({
   color?: string;
   name: IconName;
 } & ComponentProps<"svg">) => {
+  const { style, ...otherProps } = props;
   const IconComponent = Icons[name];
 
   if (!IconComponent) {
@@ -23,7 +24,15 @@ export const Icon = ({
     return null;
   }
 
-  return <IconComponent width={size} height={size} color={color} {...props} />;
+  return (
+    <IconComponent
+      width={size}
+      height={size}
+      color={color}
+      style={{ minWidth: size, minHeight: size, ...style }}
+      {...otherProps}
+    />
+  );
 };
 
 export const getChartIcon = (chartType: ChartType): IconName => {
@@ -42,5 +51,31 @@ export const getChartIcon = (chartType: ChartType): IconName => {
       return "chartScatterplot";
     case "table":
       return "table";
+    default:
+      const _exhaustiveCheck: never = chartType;
+      return _exhaustiveCheck;
+  }
+};
+
+export const getDimensionIconName = (
+  dimensionType: ComponentType
+): IconName => {
+  switch (dimensionType) {
+    case "GeoCoordinatesDimension":
+    case "GeoShapesDimension":
+      return "geographical";
+    case "NominalDimension":
+      return "chartPie";
+    case "NumericalMeasure":
+      return "numerical";
+    case "OrdinalDimension":
+      return "sort";
+    case "OrdinalMeasure":
+      return "sort";
+    case "TemporalDimension":
+      return "pointInTime";
+    default:
+      const _exhaustiveCheck: never = dimensionType;
+      return _exhaustiveCheck;
   }
 };
diff --git a/app/icons/svg/ic_geographical.svg b/app/icons/svg/ic_geographical.svg
new file mode 100644
index 0000000000..af41e36d64
--- /dev/null
+++ b/app/icons/svg/ic_geographical.svg
@@ -0,0 +1,7 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+  <g fill="none" fill-rule="evenodd">
+    <g>
+      <path d="M12,6 C14.7614237,6 17,8.19787482 17,10.9090908 C17,14.7272727 12,18 12,18 L11.9712483,17.9808455 C11.5654321,17.7080135 7,14.5575757 7,10.9090908 C7,8.19787482 9.23857628,6 12,6 Z M12,9.2727272 C11.0795254,9.2727272 10.3333333,10.0053522 10.3333333,10.9090908 C10.3333333,11.8128295 11.0795254,12.5454545 12,12.5454545 C12.9204746,12.5454545 13.6666667,11.8128295 13.6666667,10.9090908 C13.6666667,10.0053522 12.9204746,9.2727272 12,9.2727272 Z" fill="#454545"></path>
+    </g>
+  </g>
+</svg>
\ No newline at end of file
diff --git a/app/icons/svg/ic_numerical.svg b/app/icons/svg/ic_numerical.svg
new file mode 100644
index 0000000000..5d2b132b6d
--- /dev/null
+++ b/app/icons/svg/ic_numerical.svg
@@ -0,0 +1,7 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+  <g fill="none" fill-rule="evenodd">
+    <g>
+      <path d="M5.24031008,8.13296399 L6.60206718,8.13296399 L6.60206718,15.867036 L5.06459948,15.867036 L5.06459948,9.89473684 L3.76873385,10.9584488 L3,9.9501385 L5.24031008,8.13296399 Z M8.79844961,15.867036 L8.79844961,14.5706371 C8.99612403,14.3859649 9.27433247,14.1237304 9.63307494,13.7839335 C9.9918174,13.4589104 10.3578811,13.089566 10.7312661,12.6759003 C11.1192937,12.2548476 11.4450904,11.8374885 11.7086563,11.4238227 C11.9722222,11.010157 12.1076658,10.6223453 12.1149871,10.2603878 C12.1076658,9.90581717 11.9795435,9.6398892 11.7306202,9.46260388 C11.4890181,9.30009234 11.1998277,9.21883657 10.8630491,9.21883657 C10.540913,9.21883657 10.2297588,9.27793167 9.92958656,9.39612188 C9.6294143,9.52169898 9.35120586,9.66943675 9.09496124,9.83933518 L8.97416021,8.55401662 C9.69164513,8.1920591 10.4493971,8.00738689 11.247416,8 C12.8141688,8 13.6158484,8.7534626 13.6524548,10.2603878 C13.6451335,10.6666667 13.5572782,11.0655586 13.3888889,11.4570637 C13.2131783,11.8485688 12.9788975,12.2289935 12.6860465,12.598338 C12.0710594,13.3444137 11.4304479,14.0277008 10.7642119,14.6481994 L13.8940568,14.6481994 L13.8940568,15.867036 L8.79844961,15.867036 Z M15.1459948,14.4265928 C15.6731266,14.6555863 16.2405254,14.7737765 16.8481912,14.7811634 C17.0165805,14.7811634 17.1959518,14.7590028 17.3863049,14.7146814 C17.5620155,14.6703601 17.7340655,14.6075716 17.9024548,14.5263158 C18.0708441,14.4376731 18.2062877,14.3194829 18.3087855,14.1717452 C18.4112834,14.0387812 18.4625323,13.8762696 18.4625323,13.6842105 C18.455211,13.2336103 18.2978036,12.9159741 17.9903101,12.7313019 C17.6828165,12.5614035 17.2764858,12.4764543 16.7713178,12.4764543 L16.0245478,12.4764543 L16.0245478,11.2576177 L16.7273902,11.2576177 C17.254522,11.2576177 17.668174,11.1689751 17.9683463,10.9916898 C18.2685185,10.8217913 18.4222653,10.5706371 18.4295866,10.2382271 C18.4295866,10.0387812 18.3966408,9.87257618 18.3307494,9.73961219 C18.2575366,9.6066482 18.1586994,9.50323176 18.0342377,9.42936288 C17.7853144,9.289012 17.4778208,9.21883657 17.1117571,9.21883657 C16.5040913,9.21883657 15.9293712,9.355494 15.3875969,9.62880886 L15.2997416,8.38781163 C15.9293712,8.13665743 16.6431955,8.00738689 17.4412145,8 C17.6901378,8 17.9573643,8.02216066 18.2428941,8.06648199 C18.535745,8.11819021 18.8102929,8.2179132 19.0665375,8.36565097 C19.3301034,8.50600185 19.546081,8.70544783 19.7144703,8.96398892 C19.8755383,9.22253001 19.959733,9.56232687 19.9670543,9.9833795 C19.959733,10.5004617 19.8242894,10.8993536 19.5607235,11.1800554 C19.2898363,11.468144 18.9493971,11.6860572 18.5394057,11.833795 L18.5394057,11.8559557 C19.0299311,11.9298246 19.3959948,12.132964 19.6375969,12.465374 C19.879199,12.7977839 20,13.2077562 20,13.6952909 C19.9926787,14.145891 19.9048234,14.5226223 19.7364341,14.8254848 C19.5534022,15.1209603 19.3154608,15.3573407 19.0226098,15.534626 C18.8761843,15.6084949 18.7260982,15.6749769 18.5723514,15.734072 C18.4112834,15.7931671 18.2465547,15.8448753 18.0781654,15.8891967 C17.7340655,15.9630656 17.3972868,16 17.0678295,16 C16.3503445,16 15.6804479,15.9150508 15.0581395,15.7451524 L15.1459948,14.4265928 Z" stroke="#454545" stroke-width="0.2" fill="#454545"></path>
+    </g>
+  </g>
+</svg>
\ No newline at end of file
diff --git a/app/icons/svg/ic_point_in_time.svg b/app/icons/svg/ic_point_in_time.svg
new file mode 100644
index 0000000000..6dd6b9f16c
--- /dev/null
+++ b/app/icons/svg/ic_point_in_time.svg
@@ -0,0 +1,7 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+  <g fill="none" fill-rule="evenodd">
+    <g>
+      <path d="M17,8 L16,8 L16,6 L14,6 L14,8 L10,8 L10,6 L8,6 L8,8 L7,8 C6.44771525,8 6,8.44771525 6,9 L6,17 C6,17.5522847 6.44771525,18 7,18 L17,18 C17.5522847,18 18,17.5522847 18,17 L18,9 C18,8.44771525 17.5522847,8 17,8 Z M16,16 L8,16 L8,11 L16,11 L16,16 Z" fill="#454545"></path>
+    </g>
+  </g>
+</svg>
\ No newline at end of file

From 1f08db9d41e3d532bff2e1c4bb50f2490822a565 Mon Sep 17 00:00:00 2001
From: Bartosz Prusinowski <bartoszprusinowski1@gmail.com>
Date: Wed, 23 Nov 2022 14:15:14 +0100
Subject: [PATCH 13/16] feat: Add searching to data panel

---
 app/components/metadata-panel.tsx |  39 ++++++-
 app/locales/de/messages.po        | 170 +++++++++++++++---------------
 app/locales/en/messages.po        | 170 +++++++++++++++---------------
 app/locales/fr/messages.po        | 170 +++++++++++++++---------------
 app/locales/it/messages.po        | 170 +++++++++++++++---------------
 5 files changed, 385 insertions(+), 334 deletions(-)

diff --git a/app/components/metadata-panel.tsx b/app/components/metadata-panel.tsx
index 782b954d2b..aed4781280 100644
--- a/app/components/metadata-panel.tsx
+++ b/app/components/metadata-panel.tsx
@@ -1,15 +1,18 @@
+import { t } from "@lingui/macro";
 import { TabContext, TabList, TabPanel } from "@mui/lab";
 import {
   Box,
   Button,
   Drawer,
   IconButton,
+  Input,
+  InputAdornment,
   Tab,
   Theme,
   Typography,
 } from "@mui/material";
 import { makeStyles } from "@mui/styles";
-import React from "react";
+import React, { useMemo, useState } from "react";
 
 import { DataSource } from "@/configurator";
 import { DataSetMetadata } from "@/configurator/components/dataset-metadata";
@@ -112,6 +115,13 @@ const useStyles = makeStyles<Theme, { drawerTop?: number }>((theme) => {
       marginTop: -3,
       marginRight: 2,
     },
+    search: {
+      marginTop: theme.spacing(2),
+      padding: "0px 12px",
+      width: "100%",
+      height: 40,
+      minHeight: 40,
+    },
   };
 });
 
@@ -261,10 +271,35 @@ const TabPanelData = ({
   dimensions: DimensionMetadataFragment[];
 }) => {
   const classes = useStyles({});
+  const [searchInput, setSearchInput] = useState("");
+
+  const filteredDimensions = useMemo(() => {
+    return dimensions.filter(
+      (d) =>
+        d.label.toLowerCase().includes(searchInput) ||
+        d.description?.toLowerCase().includes(searchInput)
+    );
+  }, [dimensions, searchInput]);
 
   return (
     <TabPanel className={classes.tabPanel} value="data">
-      {dimensions.map((d) => (
+      {/* Extract into a component (as it's also used in MultiFilter drawer?) */}
+      <Input
+        className={classes.search}
+        value={searchInput}
+        onChange={(e) => setSearchInput(e.target.value.toLowerCase())}
+        placeholder={t({
+          id: "select.controls.metadata.search",
+          message: "Jump to...",
+        })}
+        startAdornment={
+          <InputAdornment position="start">
+            <Icon name="search" size={16} />
+          </InputAdornment>
+        }
+        sx={{ typography: "body2" }}
+      />
+      {filteredDimensions.map((d) => (
         <Box key={d.iri}>
           <Flex>
             <Icon
diff --git a/app/locales/de/messages.po b/app/locales/de/messages.po
index cf84987af0..1c517a915b 100644
--- a/app/locales/de/messages.po
+++ b/app/locales/de/messages.po
@@ -33,11 +33,11 @@ msgstr "Filter nach oben verschieben"
 msgid "No results"
 msgstr "Kein Ergebnis"
 
-#: app/components/chart-preview.tsx:157
+#: app/components/chart-preview.tsx:181
 msgid "annotation.add.description"
 msgstr "[ Ohne Beschreibung ]"
 
-#: app/components/chart-preview.tsx:129
+#: app/components/chart-preview.tsx:145
 msgid "annotation.add.title"
 msgstr "[ Ohne Titel ]"
 
@@ -53,11 +53,11 @@ msgstr "Kategorien"
 msgid "browse.dataset.create-visualization"
 msgstr "Visualisierung von diesem Datensatz erstellen"
 
-#: app/configurator/components/select-dataset-step.tsx:290
+#: app/configurator/components/select-dataset-step.tsx:296
 msgid "browse.datasets.all-datasets"
 msgstr "Alle Datensätze"
 
-#: app/configurator/components/select-dataset-step.tsx:183
+#: app/configurator/components/select-dataset-step.tsx:184
 msgid "browse.datasets.description"
 msgstr "Erkunden Sie die vom LINDAS Linked Data Service bereitgestellten Datensätze, indem Sie entweder nach Kategorien oder Organisationen filtern oder direkt nach bestimmten Stichworten suchen. Klicken Sie auf einen Datensatz, um detailliertere Informationen zu erhalten und Ihre eigenen Visualisierungen zu erstellen."
 
@@ -123,16 +123,16 @@ msgid "chart.map.layers.area"
 msgstr "Flächen"
 
 #: app/configurator/components/chart-configurator.tsx:677
-#: app/configurator/components/chart-options-selector.tsx:986
+#: app/configurator/components/chart-options-selector.tsx:988
 #: app/configurator/components/field-i18n.ts:31
 msgid "chart.map.layers.base"
 msgstr "Kartenanzeige"
 
-#: app/configurator/components/chart-options-selector.tsx:990
+#: app/configurator/components/chart-options-selector.tsx:992
 msgid "chart.map.layers.base.show"
 msgstr "Weltkarte anzeigen"
 
-#: app/configurator/components/chart-options-selector.tsx:998
+#: app/configurator/components/chart-options-selector.tsx:1000
 msgid "chart.map.layers.base.view.locked"
 msgstr "Gesperrte Ansicht"
 
@@ -157,28 +157,28 @@ msgstr "Kompakte Ansicht"
 msgid "chart.table.number.of.lines"
 msgstr "Anzahl Zeilen"
 
-#: app/configurator/table/table-chart-options.tsx:190
+#: app/configurator/table/table-chart-options.tsx:194
 msgid "columnStyle.bar"
 msgstr "Säulendiagramm"
 
-#: app/configurator/table/table-chart-options.tsx:200
+#: app/configurator/table/table-chart-options.tsx:204
 msgid "columnStyle.categories"
 msgstr "Kategorien"
 
-#: app/configurator/table/table-chart-options.tsx:186
+#: app/configurator/table/table-chart-options.tsx:190
 msgid "columnStyle.heatmap"
 msgstr "Heatmap"
 
-#: app/configurator/table/table-chart-options.tsx:182
-#: app/configurator/table/table-chart-options.tsx:196
+#: app/configurator/table/table-chart-options.tsx:186
+#: app/configurator/table/table-chart-options.tsx:200
 msgid "columnStyle.text"
 msgstr "Schrift"
 
-#: app/configurator/table/table-chart-options.tsx:400
+#: app/configurator/table/table-chart-options.tsx:405
 msgid "columnStyle.textStyle.bold"
 msgstr "Fett"
 
-#: app/configurator/table/table-chart-options.tsx:393
+#: app/configurator/table/table-chart-options.tsx:398
 msgid "columnStyle.textStyle.regular"
 msgstr "Normal"
 
@@ -234,7 +234,7 @@ msgstr "Scatterplot"
 msgid "controls.chart.type.table"
 msgstr "Tabelle"
 
-#: app/configurator/components/chart-options-selector.tsx:717
+#: app/configurator/components/chart-options-selector.tsx:719
 #: app/configurator/components/field-i18n.ts:17
 msgid "controls.color"
 msgstr "Farbe"
@@ -243,7 +243,7 @@ msgstr "Farbe"
 msgid "controls.color.add"
 msgstr "Hinzufügen …"
 
-#: app/configurator/components/chart-options-selector.tsx:746
+#: app/configurator/components/chart-options-selector.tsx:748
 msgid "controls.color.opacity"
 msgstr "Transparenz"
 
@@ -264,35 +264,35 @@ msgstr "Farbpalette zurücksetzen"
 msgid "controls.color.palette.sequential"
 msgstr "Sequentiell"
 
-#: app/configurator/components/chart-options-selector.tsx:833
+#: app/configurator/components/chart-options-selector.tsx:835
 msgid "controls.color.scale.discretization.jenks"
 msgstr "Jenks (Natural Breaks)"
 
-#: app/configurator/components/chart-options-selector.tsx:826
+#: app/configurator/components/chart-options-selector.tsx:828
 msgid "controls.color.scale.discretization.quantiles"
 msgstr "Quantile (gleiche Anzahl Werte)"
 
-#: app/configurator/components/chart-options-selector.tsx:819
+#: app/configurator/components/chart-options-selector.tsx:821
 msgid "controls.color.scale.discretization.quantize"
 msgstr "Quantisierung (gleiche Wertebereiche)"
 
-#: app/configurator/components/chart-options-selector.tsx:811
+#: app/configurator/components/chart-options-selector.tsx:813
 msgid "controls.color.scale.interpolation"
 msgstr "Interpolation"
 
-#: app/configurator/components/chart-options-selector.tsx:843
+#: app/configurator/components/chart-options-selector.tsx:845
 msgid "controls.color.scale.number.of.classes"
 msgstr "Anzahl Klassen"
 
-#: app/configurator/components/chart-options-selector.tsx:783
+#: app/configurator/components/chart-options-selector.tsx:785
 msgid "controls.color.scale.type.continuous"
 msgstr "Kontinuierlich"
 
-#: app/configurator/components/chart-options-selector.tsx:794
+#: app/configurator/components/chart-options-selector.tsx:796
 msgid "controls.color.scale.type.discrete"
 msgstr "Diskret"
 
-#: app/configurator/components/chart-options-selector.tsx:736
+#: app/configurator/components/chart-options-selector.tsx:738
 msgid "controls.color.select"
 msgstr "Farbe auswählen"
 
@@ -367,18 +367,18 @@ msgstr "Ziehen Sie Spalten hierher, um Gruppen zu erstellen."
 msgid "controls.imputation"
 msgstr "Imputationstyp"
 
-#: app/configurator/components/chart-options-selector.tsx:878
+#: app/configurator/components/chart-options-selector.tsx:880
 #: app/configurator/components/field-i18n.ts:99
 msgid "controls.imputation.type.linear"
 msgstr "Lineare Interpolation"
 
-#: app/configurator/components/chart-options-selector.tsx:871
-#: app/configurator/components/chart-options-selector.tsx:883
+#: app/configurator/components/chart-options-selector.tsx:873
+#: app/configurator/components/chart-options-selector.tsx:885
 #: app/configurator/components/field-i18n.ts:91
 msgid "controls.imputation.type.none"
 msgstr "-"
 
-#: app/configurator/components/chart-options-selector.tsx:873
+#: app/configurator/components/chart-options-selector.tsx:875
 #: app/configurator/components/field-i18n.ts:95
 msgid "controls.imputation.type.zeros"
 msgstr "Nullen"
@@ -437,11 +437,11 @@ msgstr "Italienisch"
 msgid "controls.measure"
 msgstr "Messwert"
 
-#: app/configurator/components/configurator.tsx:146
+#: app/configurator/components/configurator.tsx:149
 msgid "controls.nav.back-to-main"
 msgstr "Zurück zur Übersicht"
 
-#: app/configurator/components/configurator.tsx:110
+#: app/configurator/components/configurator.tsx:113
 msgid "controls.nav.back-to-preview"
 msgstr "Zurück zur Vorschau"
 
@@ -461,7 +461,7 @@ msgstr "Aus"
 #~ msgid "controls.option.none"
 #~ msgstr "Keine"
 
-#: app/configurator/components/chart-options-selector.tsx:776
+#: app/configurator/components/chart-options-selector.tsx:778
 msgid "controls.scale.type"
 msgstr "Skalierungstyp"
 
@@ -469,7 +469,7 @@ msgstr "Skalierungstyp"
 msgid "controls.search.clear"
 msgstr "Suche zurücksetzen"
 
-#: app/configurator/components/chart-options-selector.tsx:353
+#: app/configurator/components/chart-options-selector.tsx:355
 msgid "controls.section.additional-information"
 msgstr "Zusätzliche Informationen"
 
@@ -481,7 +481,7 @@ msgstr "Diagramm-Einstellungen"
 msgid "controls.section.columns"
 msgstr "Spalten"
 
-#: app/configurator/table/table-chart-options.tsx:244
+#: app/configurator/table/table-chart-options.tsx:248
 msgid "controls.section.columnstyle"
 msgstr "Spaltenstil"
 
@@ -493,12 +493,12 @@ msgstr "Filter"
 msgid "controls.section.description"
 msgstr "Titel & Beschreibung"
 
-#: app/configurator/components/chart-options-selector.tsx:408
-#: app/configurator/components/chart-options-selector.tsx:412
-#: app/configurator/table/table-chart-options.tsx:314
-#: app/configurator/table/table-chart-options.tsx:318
-#: app/configurator/table/table-chart-options.tsx:338
-#: app/configurator/table/table-chart-options.tsx:342
+#: app/configurator/components/chart-options-selector.tsx:410
+#: app/configurator/components/chart-options-selector.tsx:414
+#: app/configurator/table/table-chart-options.tsx:319
+#: app/configurator/table/table-chart-options.tsx:323
+#: app/configurator/table/table-chart-options.tsx:343
+#: app/configurator/table/table-chart-options.tsx:347
 msgid "controls.section.filter"
 msgstr "Filter"
 
@@ -506,11 +506,11 @@ msgstr "Filter"
 msgid "controls.section.groups"
 msgstr "Gruppierungen"
 
-#: app/configurator/components/chart-options-selector.tsx:912
+#: app/configurator/components/chart-options-selector.tsx:914
 msgid "controls.section.imputation"
 msgstr "Fehlende Werte"
 
-#: app/configurator/components/chart-options-selector.tsx:917
+#: app/configurator/components/chart-options-selector.tsx:919
 msgid "controls.section.imputation.explanation"
 msgstr "Für diesen Diagrammtyp sollten fehlenden Werten Ersatzwerte zugewiesen werden. Entscheiden Sie sich für die Imputationslogik oder wechseln Sie zu einem anderen Diagrammtyp."
 
@@ -523,15 +523,15 @@ msgstr "Interaktive Filter hinzufügen"
 msgid "controls.section.interactiveFilters.dataFilters"
 msgstr "Datenfilter"
 
-#: app/configurator/components/chart-options-selector.tsx:362
+#: app/configurator/components/chart-options-selector.tsx:364
 msgid "controls.section.show-standard-error"
 msgstr "Standardfehler anzeigen"
 
-#: app/configurator/components/chart-options-selector.tsx:554
+#: app/configurator/components/chart-options-selector.tsx:556
 msgid "controls.section.sorting"
 msgstr "Sortieren"
 
-#: app/configurator/table/table-chart-options.tsx:485
+#: app/configurator/table/table-chart-options.tsx:490
 msgid "controls.section.tableSettings"
 msgstr "Tabelleneinstellungen"
 
@@ -553,50 +553,50 @@ msgstr "Fügen Sie einen Titel oder eine Beschreibung hinzu"
 msgid "controls.select.chart.type"
 msgstr "Diagrammtyp"
 
-#: app/configurator/components/chart-options-selector.tsx:458
+#: app/configurator/components/chart-options-selector.tsx:460
 msgid "controls.select.column.layout"
 msgstr "Spaltenstil"
 
-#: app/configurator/table/table-chart-options.tsx:249
+#: app/configurator/table/table-chart-options.tsx:253
 msgid "controls.select.columnStyle"
 msgstr "Spaltenstil"
 
-#: app/configurator/table/table-chart-options.tsx:460
+#: app/configurator/table/table-chart-options.tsx:465
 msgid "controls.select.columnStyle.barColorBackground"
 msgstr "Hintergrundfarbe"
 
-#: app/configurator/table/table-chart-options.tsx:452
+#: app/configurator/table/table-chart-options.tsx:457
 msgid "controls.select.columnStyle.barColorNegative"
 msgstr "Negative Balkenfarbe"
 
-#: app/configurator/table/table-chart-options.tsx:444
+#: app/configurator/table/table-chart-options.tsx:449
 msgid "controls.select.columnStyle.barColorPositive"
 msgstr "Positive Balkenfarbe"
 
-#: app/configurator/table/table-chart-options.tsx:468
+#: app/configurator/table/table-chart-options.tsx:473
 msgid "controls.select.columnStyle.barShowBackground"
 msgstr "Hintergrundfarbe anzeigen"
 
-#: app/configurator/table/table-chart-options.tsx:417
+#: app/configurator/table/table-chart-options.tsx:422
 msgid "controls.select.columnStyle.columnColor"
 msgstr "Spaltenfarbe"
 
-#: app/configurator/table/table-chart-options.tsx:409
+#: app/configurator/table/table-chart-options.tsx:414
 msgid "controls.select.columnStyle.textColor"
 msgstr "Schriftfarbe"
 
-#: app/configurator/table/table-chart-options.tsx:386
+#: app/configurator/table/table-chart-options.tsx:391
 msgid "controls.select.columnStyle.textStyle"
 msgstr "Schriftstil"
 
-#: app/configurator/components/chart-options-selector.tsx:217
+#: app/configurator/components/chart-options-selector.tsx:219
 #: app/configurator/interactive-filters/interactive-filters-config-options.tsx:310
 msgid "controls.select.dimension"
 msgstr "Dimension auswählen"
 
-#: app/configurator/components/chart-options-selector.tsx:218
-#: app/configurator/components/chart-options-selector.tsx:644
-#: app/configurator/components/chart-options-selector.tsx:722
+#: app/configurator/components/chart-options-selector.tsx:220
+#: app/configurator/components/chart-options-selector.tsx:646
+#: app/configurator/components/chart-options-selector.tsx:724
 msgid "controls.select.measure"
 msgstr "Messwert auswählen"
 
@@ -608,19 +608,19 @@ msgstr "Messwert auswählen"
 #~ msgstr "optional"
 
 #: app/configurator/components/filters.tsx:353
-#: app/configurator/components/filters.tsx:767
+#: app/configurator/components/filters.tsx:768
 msgid "controls.set-filters"
 msgstr "Filter bearbeiten"
 
-#: app/configurator/components/filters.tsx:775
+#: app/configurator/components/filters.tsx:776
 msgid "controls.set-filters-caption"
 msgstr "Für beste Ergebnisse wählen Sie nicht mehr als 7 Werte für die Visualisierung aus"
 
-#: app/configurator/components/filters.tsx:814
+#: app/configurator/components/filters.tsx:815
 msgid "controls.set-values-apply"
 msgstr "Filter anwenden"
 
-#: app/configurator/components/chart-options-selector.tsx:636
+#: app/configurator/components/chart-options-selector.tsx:638
 msgid "controls.size"
 msgstr "Grösse"
 
@@ -628,12 +628,12 @@ msgstr "Grösse"
 msgid "controls.sorting.addDimension"
 msgstr "Dimension hinzufügen"
 
-#: app/configurator/components/chart-options-selector.tsx:506
+#: app/configurator/components/chart-options-selector.tsx:508
 msgid "controls.sorting.byAuto"
 msgstr "Auto"
 
-#: app/configurator/components/chart-options-selector.tsx:500
-#: app/configurator/components/chart-options-selector.tsx:510
+#: app/configurator/components/chart-options-selector.tsx:502
+#: app/configurator/components/chart-options-selector.tsx:512
 msgid "controls.sorting.byDimensionLabel"
 msgstr "Name"
 
@@ -647,7 +647,7 @@ msgstr "A → Z"
 msgid "controls.sorting.byDimensionLabel.descending"
 msgstr "Z → A"
 
-#: app/configurator/components/chart-options-selector.tsx:502
+#: app/configurator/components/chart-options-selector.tsx:504
 msgid "controls.sorting.byMeasure"
 msgstr "Messwert"
 
@@ -659,7 +659,7 @@ msgstr "1 → 9"
 msgid "controls.sorting.byMeasure.descending"
 msgstr "9 → 1"
 
-#: app/configurator/components/chart-options-selector.tsx:504
+#: app/configurator/components/chart-options-selector.tsx:506
 msgid "controls.sorting.byTotalSize"
 msgstr "Gesamtgrösse"
 
@@ -696,11 +696,11 @@ msgstr "Sortieren nach"
 msgid "controls.switch.chart.type"
 msgstr "Wechseln Sie zu einem anderen Diagrammtyp unter Beibehaltung der meisten Filtereinstellungen"
 
-#: app/configurator/table/table-chart-options.tsx:221
+#: app/configurator/table/table-chart-options.tsx:225
 msgid "controls.table.column.group"
 msgstr "Gruppieren"
 
-#: app/configurator/table/table-chart-options.tsx:231
+#: app/configurator/table/table-chart-options.tsx:235
 msgid "controls.table.column.hide"
 msgstr "Spalte ausblenden"
 
@@ -712,7 +712,7 @@ msgstr "Einstellungen"
 msgid "controls.table.sorting"
 msgstr "Sortierung"
 
-#: app/configurator/table/table-chart-options.tsx:489
+#: app/configurator/table/table-chart-options.tsx:494
 msgid "controls.tableSettings.showSearch"
 msgstr "Suche anzeigen"
 
@@ -740,15 +740,15 @@ msgstr "Cube IRI"
 msgid "data.source"
 msgstr "Datenquelle"
 
-#: app/components/chart-published.tsx:148
+#: app/components/chart-published.tsx:159
 msgid "data.source.notTrusted"
 msgstr "Dieses Diagramm verwendet keine vertrauenswürdige Datenquelle."
 
-#: app/configurator/components/select-dataset-step.tsx:216
+#: app/configurator/components/select-dataset-step.tsx:217
 msgid "dataset-preview.back-to-results"
 msgstr "Zurück zu den Datensätzen"
 
-#: app/configurator/components/dataset-metadata.tsx:196
+#: app/configurator/components/dataset-metadata.tsx:182
 msgid "dataset-preview.keywords"
 msgstr "Schlüsselwörter"
 
@@ -760,7 +760,7 @@ msgstr "Datensatz"
 msgid "dataset.footnotes.updated"
 msgstr "Neuestes Update"
 
-#: app/components/chart-published.tsx:157
+#: app/components/chart-published.tsx:168
 msgid "dataset.hasImputedValues"
 msgstr "Einige Daten in diesem Datensatz fehlen und wurden interpoliert, um die Lücken zu füllen."
 
@@ -768,28 +768,28 @@ msgstr "Einige Daten in diesem Datensatz fehlen und wurden interpoliert, um die
 msgid "dataset.includeDrafts"
 msgstr "Entwürfe einschließen"
 
-#: app/configurator/components/dataset-metadata.tsx:78
+#: app/configurator/components/dataset-metadata.tsx:71
 msgid "dataset.metadata.date.created"
 msgstr "Erstellungsdatum"
 
-#: app/configurator/components/dataset-metadata.tsx:90
+#: app/configurator/components/dataset-metadata.tsx:83
 msgid "dataset.metadata.email"
 msgstr "Kontaktstellen"
 
-#: app/configurator/components/dataset-metadata.tsx:104
+#: app/configurator/components/dataset-metadata.tsx:97
 msgid "dataset.metadata.furtherinformation"
 msgstr "Weitere Informationen"
 
 #: app/components/chart-footnotes.tsx:204
-#: app/configurator/components/dataset-metadata.tsx:114
+#: app/configurator/components/dataset-metadata.tsx:107
 msgid "dataset.metadata.learnmore"
 msgstr "Erfahren Sie mehr über diesen Datensatz"
 
-#: app/configurator/components/dataset-metadata.tsx:63
+#: app/configurator/components/dataset-metadata.tsx:56
 msgid "dataset.metadata.source"
 msgstr "Quelle"
 
-#: app/configurator/components/dataset-metadata.tsx:85
+#: app/configurator/components/dataset-metadata.tsx:78
 msgid "dataset.metadata.version"
 msgstr "Version"
 
@@ -805,13 +805,13 @@ msgstr "Relevanz"
 msgid "dataset.order.title"
 msgstr "Titel"
 
-#: app/components/chart-preview.tsx:103
-#: app/components/chart-published.tsx:126
+#: app/components/chart-preview.tsx:112
+#: app/components/chart-published.tsx:137
 #: app/configurator/components/dataset-preview.tsx:120
 msgid "dataset.publicationStatus.draft.warning"
 msgstr "Achtung, dieser Datensatz ist im Entwurfs-Stadium.<0/><1>Diese Grafik nicht für Berichte verwenden.</1>"
 
-#: app/components/chart-published.tsx:137
+#: app/components/chart-published.tsx:148
 msgid "dataset.publicationStatus.expires.warning"
 msgstr "Achtung, dieser Datensatz ist abgelaufen.<0/><1>Diese Grafik nicht für Berichte verwenden.</1>"
 
@@ -994,10 +994,14 @@ msgid "publication.share.mail.subject"
 msgstr "visualize.admin.ch"
 
 #: app/configurator/components/dataset-browse.tsx:378
-#: app/configurator/components/filters.tsx:784
+#: app/configurator/components/filters.tsx:785
 msgid "select.controls.filters.search"
 msgstr "Suche"
 
+#: app/components/metadata-panel.tsx:290
+msgid "select.controls.metadata.search"
+msgstr "Springen zu..."
+
 #: app/configurator/components/chart-controls/drag-and-drop-tab.tsx:101
 msgid "table.column.no"
 msgstr "Spalte {0}"
diff --git a/app/locales/en/messages.po b/app/locales/en/messages.po
index 6a6480b28d..4d83e6d05f 100644
--- a/app/locales/en/messages.po
+++ b/app/locales/en/messages.po
@@ -33,11 +33,11 @@ msgstr "Move filter up"
 msgid "No results"
 msgstr "No results"
 
-#: app/components/chart-preview.tsx:157
+#: app/components/chart-preview.tsx:181
 msgid "annotation.add.description"
 msgstr "[ No Description ]"
 
-#: app/components/chart-preview.tsx:129
+#: app/components/chart-preview.tsx:145
 msgid "annotation.add.title"
 msgstr "[ No Title ]"
 
@@ -53,11 +53,11 @@ msgstr "Categories"
 msgid "browse.dataset.create-visualization"
 msgstr "Start a visualization"
 
-#: app/configurator/components/select-dataset-step.tsx:290
+#: app/configurator/components/select-dataset-step.tsx:296
 msgid "browse.datasets.all-datasets"
 msgstr "All datasets"
 
-#: app/configurator/components/select-dataset-step.tsx:183
+#: app/configurator/components/select-dataset-step.tsx:184
 msgid "browse.datasets.description"
 msgstr "Explore datasets provided by the LINDAS Linked Data Service by either filtering by categories or organisations or search directly for specific keywords. Click on a dataset to see more detailed information and start creating your own visualizations."
 
@@ -143,16 +143,16 @@ msgstr "Areas"
 #~ msgstr "Quantize (equal intervals)"
 
 #: app/configurator/components/chart-configurator.tsx:677
-#: app/configurator/components/chart-options-selector.tsx:986
+#: app/configurator/components/chart-options-selector.tsx:988
 #: app/configurator/components/field-i18n.ts:31
 msgid "chart.map.layers.base"
 msgstr "Map Display"
 
-#: app/configurator/components/chart-options-selector.tsx:990
+#: app/configurator/components/chart-options-selector.tsx:992
 msgid "chart.map.layers.base.show"
 msgstr "Show Worldmap"
 
-#: app/configurator/components/chart-options-selector.tsx:998
+#: app/configurator/components/chart-options-selector.tsx:1000
 msgid "chart.map.layers.base.view.locked"
 msgstr "Locked view"
 
@@ -177,28 +177,28 @@ msgstr "Compact view"
 msgid "chart.table.number.of.lines"
 msgstr "Total number of lines:"
 
-#: app/configurator/table/table-chart-options.tsx:190
+#: app/configurator/table/table-chart-options.tsx:194
 msgid "columnStyle.bar"
 msgstr "Bar Chart"
 
-#: app/configurator/table/table-chart-options.tsx:200
+#: app/configurator/table/table-chart-options.tsx:204
 msgid "columnStyle.categories"
 msgstr "Categories"
 
-#: app/configurator/table/table-chart-options.tsx:186
+#: app/configurator/table/table-chart-options.tsx:190
 msgid "columnStyle.heatmap"
 msgstr "Heat Map"
 
-#: app/configurator/table/table-chart-options.tsx:182
-#: app/configurator/table/table-chart-options.tsx:196
+#: app/configurator/table/table-chart-options.tsx:186
+#: app/configurator/table/table-chart-options.tsx:200
 msgid "columnStyle.text"
 msgstr "Text"
 
-#: app/configurator/table/table-chart-options.tsx:400
+#: app/configurator/table/table-chart-options.tsx:405
 msgid "columnStyle.textStyle.bold"
 msgstr "Bold"
 
-#: app/configurator/table/table-chart-options.tsx:393
+#: app/configurator/table/table-chart-options.tsx:398
 msgid "columnStyle.textStyle.regular"
 msgstr "Regular"
 
@@ -254,7 +254,7 @@ msgstr "Scatterplot"
 msgid "controls.chart.type.table"
 msgstr "Table"
 
-#: app/configurator/components/chart-options-selector.tsx:717
+#: app/configurator/components/chart-options-selector.tsx:719
 #: app/configurator/components/field-i18n.ts:17
 msgid "controls.color"
 msgstr "Color"
@@ -263,7 +263,7 @@ msgstr "Color"
 msgid "controls.color.add"
 msgstr "Add ..."
 
-#: app/configurator/components/chart-options-selector.tsx:746
+#: app/configurator/components/chart-options-selector.tsx:748
 msgid "controls.color.opacity"
 msgstr "Opacity"
 
@@ -284,35 +284,35 @@ msgstr "Reset color palette"
 msgid "controls.color.palette.sequential"
 msgstr "Sequential"
 
-#: app/configurator/components/chart-options-selector.tsx:833
+#: app/configurator/components/chart-options-selector.tsx:835
 msgid "controls.color.scale.discretization.jenks"
 msgstr "Jenks (natural breaks)"
 
-#: app/configurator/components/chart-options-selector.tsx:826
+#: app/configurator/components/chart-options-selector.tsx:828
 msgid "controls.color.scale.discretization.quantiles"
 msgstr "Quantiles (equal distribution of values)"
 
-#: app/configurator/components/chart-options-selector.tsx:819
+#: app/configurator/components/chart-options-selector.tsx:821
 msgid "controls.color.scale.discretization.quantize"
 msgstr "Quantize (equal intervals)"
 
-#: app/configurator/components/chart-options-selector.tsx:811
+#: app/configurator/components/chart-options-selector.tsx:813
 msgid "controls.color.scale.interpolation"
 msgstr "Interpolation"
 
-#: app/configurator/components/chart-options-selector.tsx:843
+#: app/configurator/components/chart-options-selector.tsx:845
 msgid "controls.color.scale.number.of.classes"
 msgstr "Number of classes"
 
-#: app/configurator/components/chart-options-selector.tsx:783
+#: app/configurator/components/chart-options-selector.tsx:785
 msgid "controls.color.scale.type.continuous"
 msgstr "Continuous"
 
-#: app/configurator/components/chart-options-selector.tsx:794
+#: app/configurator/components/chart-options-selector.tsx:796
 msgid "controls.color.scale.type.discrete"
 msgstr "Discrete"
 
-#: app/configurator/components/chart-options-selector.tsx:736
+#: app/configurator/components/chart-options-selector.tsx:738
 msgid "controls.color.select"
 msgstr "Select a color"
 
@@ -387,18 +387,18 @@ msgstr "Drag and drop columns here to make groups."
 msgid "controls.imputation"
 msgstr "Imputation type"
 
-#: app/configurator/components/chart-options-selector.tsx:878
+#: app/configurator/components/chart-options-selector.tsx:880
 #: app/configurator/components/field-i18n.ts:99
 msgid "controls.imputation.type.linear"
 msgstr "Linear interpolation"
 
-#: app/configurator/components/chart-options-selector.tsx:871
-#: app/configurator/components/chart-options-selector.tsx:883
+#: app/configurator/components/chart-options-selector.tsx:873
+#: app/configurator/components/chart-options-selector.tsx:885
 #: app/configurator/components/field-i18n.ts:91
 msgid "controls.imputation.type.none"
 msgstr "-"
 
-#: app/configurator/components/chart-options-selector.tsx:873
+#: app/configurator/components/chart-options-selector.tsx:875
 #: app/configurator/components/field-i18n.ts:95
 msgid "controls.imputation.type.zeros"
 msgstr "Zeros"
@@ -457,11 +457,11 @@ msgstr "Italian"
 msgid "controls.measure"
 msgstr "Measure"
 
-#: app/configurator/components/configurator.tsx:146
+#: app/configurator/components/configurator.tsx:149
 msgid "controls.nav.back-to-main"
 msgstr "Back to main"
 
-#: app/configurator/components/configurator.tsx:110
+#: app/configurator/components/configurator.tsx:113
 msgid "controls.nav.back-to-preview"
 msgstr "Back to preview"
 
@@ -477,7 +477,7 @@ msgstr "On"
 msgid "controls.option.isNotActive"
 msgstr "Off"
 
-#: app/configurator/components/chart-options-selector.tsx:776
+#: app/configurator/components/chart-options-selector.tsx:778
 msgid "controls.scale.type"
 msgstr "Scale type"
 
@@ -485,7 +485,7 @@ msgstr "Scale type"
 msgid "controls.search.clear"
 msgstr "Clear search field"
 
-#: app/configurator/components/chart-options-selector.tsx:353
+#: app/configurator/components/chart-options-selector.tsx:355
 msgid "controls.section.additional-information"
 msgstr "Additional information"
 
@@ -497,7 +497,7 @@ msgstr "Chart Options"
 msgid "controls.section.columns"
 msgstr "Columns"
 
-#: app/configurator/table/table-chart-options.tsx:244
+#: app/configurator/table/table-chart-options.tsx:248
 msgid "controls.section.columnstyle"
 msgstr "Column Style"
 
@@ -509,12 +509,12 @@ msgstr "Filters"
 msgid "controls.section.description"
 msgstr "Title & Description"
 
-#: app/configurator/components/chart-options-selector.tsx:408
-#: app/configurator/components/chart-options-selector.tsx:412
-#: app/configurator/table/table-chart-options.tsx:314
-#: app/configurator/table/table-chart-options.tsx:318
-#: app/configurator/table/table-chart-options.tsx:338
-#: app/configurator/table/table-chart-options.tsx:342
+#: app/configurator/components/chart-options-selector.tsx:410
+#: app/configurator/components/chart-options-selector.tsx:414
+#: app/configurator/table/table-chart-options.tsx:319
+#: app/configurator/table/table-chart-options.tsx:323
+#: app/configurator/table/table-chart-options.tsx:343
+#: app/configurator/table/table-chart-options.tsx:347
 msgid "controls.section.filter"
 msgstr "Filter"
 
@@ -522,11 +522,11 @@ msgstr "Filter"
 msgid "controls.section.groups"
 msgstr "Groups"
 
-#: app/configurator/components/chart-options-selector.tsx:912
+#: app/configurator/components/chart-options-selector.tsx:914
 msgid "controls.section.imputation"
 msgstr "Missing values"
 
-#: app/configurator/components/chart-options-selector.tsx:917
+#: app/configurator/components/chart-options-selector.tsx:919
 msgid "controls.section.imputation.explanation"
 msgstr "For this chart type, replacement values should be assigned to missing values. Decide on the imputation logic or switch to another chart type."
 
@@ -539,15 +539,15 @@ msgstr "Interactive Filters"
 msgid "controls.section.interactiveFilters.dataFilters"
 msgstr "Data Filters"
 
-#: app/configurator/components/chart-options-selector.tsx:362
+#: app/configurator/components/chart-options-selector.tsx:364
 msgid "controls.section.show-standard-error"
 msgstr "Show standard error"
 
-#: app/configurator/components/chart-options-selector.tsx:554
+#: app/configurator/components/chart-options-selector.tsx:556
 msgid "controls.section.sorting"
 msgstr "Sort"
 
-#: app/configurator/table/table-chart-options.tsx:485
+#: app/configurator/table/table-chart-options.tsx:490
 msgid "controls.section.tableSettings"
 msgstr "Table Settings"
 
@@ -569,50 +569,50 @@ msgstr "Please add a title or description."
 msgid "controls.select.chart.type"
 msgstr "Chart Type"
 
-#: app/configurator/components/chart-options-selector.tsx:458
+#: app/configurator/components/chart-options-selector.tsx:460
 msgid "controls.select.column.layout"
 msgstr "Column layout"
 
-#: app/configurator/table/table-chart-options.tsx:249
+#: app/configurator/table/table-chart-options.tsx:253
 msgid "controls.select.columnStyle"
 msgstr "Column Style"
 
-#: app/configurator/table/table-chart-options.tsx:460
+#: app/configurator/table/table-chart-options.tsx:465
 msgid "controls.select.columnStyle.barColorBackground"
 msgstr "Background color"
 
-#: app/configurator/table/table-chart-options.tsx:452
+#: app/configurator/table/table-chart-options.tsx:457
 msgid "controls.select.columnStyle.barColorNegative"
 msgstr "Negative bar color"
 
-#: app/configurator/table/table-chart-options.tsx:444
+#: app/configurator/table/table-chart-options.tsx:449
 msgid "controls.select.columnStyle.barColorPositive"
 msgstr "Positive bar color"
 
-#: app/configurator/table/table-chart-options.tsx:468
+#: app/configurator/table/table-chart-options.tsx:473
 msgid "controls.select.columnStyle.barShowBackground"
 msgstr "Show bar background"
 
-#: app/configurator/table/table-chart-options.tsx:417
+#: app/configurator/table/table-chart-options.tsx:422
 msgid "controls.select.columnStyle.columnColor"
 msgstr "Column Color"
 
-#: app/configurator/table/table-chart-options.tsx:409
+#: app/configurator/table/table-chart-options.tsx:414
 msgid "controls.select.columnStyle.textColor"
 msgstr "Text Color"
 
-#: app/configurator/table/table-chart-options.tsx:386
+#: app/configurator/table/table-chart-options.tsx:391
 msgid "controls.select.columnStyle.textStyle"
 msgstr "Text Style"
 
-#: app/configurator/components/chart-options-selector.tsx:217
+#: app/configurator/components/chart-options-selector.tsx:219
 #: app/configurator/interactive-filters/interactive-filters-config-options.tsx:310
 msgid "controls.select.dimension"
 msgstr "Select a dimension"
 
-#: app/configurator/components/chart-options-selector.tsx:218
-#: app/configurator/components/chart-options-selector.tsx:644
-#: app/configurator/components/chart-options-selector.tsx:722
+#: app/configurator/components/chart-options-selector.tsx:220
+#: app/configurator/components/chart-options-selector.tsx:646
+#: app/configurator/components/chart-options-selector.tsx:724
 msgid "controls.select.measure"
 msgstr "Select a measure"
 
@@ -624,19 +624,19 @@ msgstr "Select a measure"
 #~ msgstr "optional"
 
 #: app/configurator/components/filters.tsx:353
-#: app/configurator/components/filters.tsx:767
+#: app/configurator/components/filters.tsx:768
 msgid "controls.set-filters"
 msgstr "Edit filters"
 
-#: app/configurator/components/filters.tsx:775
+#: app/configurator/components/filters.tsx:776
 msgid "controls.set-filters-caption"
 msgstr "For best results, do not select more than 7 values in the visualization."
 
-#: app/configurator/components/filters.tsx:814
+#: app/configurator/components/filters.tsx:815
 msgid "controls.set-values-apply"
 msgstr "Apply filters"
 
-#: app/configurator/components/chart-options-selector.tsx:636
+#: app/configurator/components/chart-options-selector.tsx:638
 msgid "controls.size"
 msgstr "Size"
 
@@ -644,12 +644,12 @@ msgstr "Size"
 msgid "controls.sorting.addDimension"
 msgstr "Add dimension"
 
-#: app/configurator/components/chart-options-selector.tsx:506
+#: app/configurator/components/chart-options-selector.tsx:508
 msgid "controls.sorting.byAuto"
 msgstr "Automatic"
 
-#: app/configurator/components/chart-options-selector.tsx:500
-#: app/configurator/components/chart-options-selector.tsx:510
+#: app/configurator/components/chart-options-selector.tsx:502
+#: app/configurator/components/chart-options-selector.tsx:512
 msgid "controls.sorting.byDimensionLabel"
 msgstr "Name"
 
@@ -663,7 +663,7 @@ msgstr "A → Z"
 msgid "controls.sorting.byDimensionLabel.descending"
 msgstr "Z → A"
 
-#: app/configurator/components/chart-options-selector.tsx:502
+#: app/configurator/components/chart-options-selector.tsx:504
 msgid "controls.sorting.byMeasure"
 msgstr "Measure"
 
@@ -675,7 +675,7 @@ msgstr "1 → 9"
 msgid "controls.sorting.byMeasure.descending"
 msgstr "9 → 1"
 
-#: app/configurator/components/chart-options-selector.tsx:504
+#: app/configurator/components/chart-options-selector.tsx:506
 msgid "controls.sorting.byTotalSize"
 msgstr "Total size"
 
@@ -712,11 +712,11 @@ msgstr "Sort by"
 msgid "controls.switch.chart.type"
 msgstr "Switch to another chart type while maintaining most filter settings."
 
-#: app/configurator/table/table-chart-options.tsx:221
+#: app/configurator/table/table-chart-options.tsx:225
 msgid "controls.table.column.group"
 msgstr "Use as group"
 
-#: app/configurator/table/table-chart-options.tsx:231
+#: app/configurator/table/table-chart-options.tsx:235
 msgid "controls.table.column.hide"
 msgstr "Hide column"
 
@@ -728,7 +728,7 @@ msgstr "Settings"
 msgid "controls.table.sorting"
 msgstr "Sorting"
 
-#: app/configurator/table/table-chart-options.tsx:489
+#: app/configurator/table/table-chart-options.tsx:494
 msgid "controls.tableSettings.showSearch"
 msgstr "Show search field"
 
@@ -756,15 +756,15 @@ msgstr "Cube IRI"
 msgid "data.source"
 msgstr "Data source"
 
-#: app/components/chart-published.tsx:148
+#: app/components/chart-published.tsx:159
 msgid "data.source.notTrusted"
 msgstr "This chart is not using a trusted data source."
 
-#: app/configurator/components/select-dataset-step.tsx:216
+#: app/configurator/components/select-dataset-step.tsx:217
 msgid "dataset-preview.back-to-results"
 msgstr "Back to the datasets"
 
-#: app/configurator/components/dataset-metadata.tsx:196
+#: app/configurator/components/dataset-metadata.tsx:182
 msgid "dataset-preview.keywords"
 msgstr "Keywords"
 
@@ -776,7 +776,7 @@ msgstr "Dataset"
 msgid "dataset.footnotes.updated"
 msgstr "Latest update"
 
-#: app/components/chart-published.tsx:157
+#: app/components/chart-published.tsx:168
 msgid "dataset.hasImputedValues"
 msgstr "Some data in this dataset is missing and has been interpolated to fill the gaps."
 
@@ -784,7 +784,7 @@ msgstr "Some data in this dataset is missing and has been interpolated to fill t
 msgid "dataset.includeDrafts"
 msgstr "Include draft datasets"
 
-#: app/configurator/components/dataset-metadata.tsx:78
+#: app/configurator/components/dataset-metadata.tsx:71
 msgid "dataset.metadata.date.created"
 msgstr "Date created"
 
@@ -792,24 +792,24 @@ msgstr "Date created"
 #~ msgid "dataset.metadata.date.footnotes.updated"
 #~ msgstr ", latest update: {0}"
 
-#: app/configurator/components/dataset-metadata.tsx:90
+#: app/configurator/components/dataset-metadata.tsx:83
 msgid "dataset.metadata.email"
 msgstr "Contact points"
 
-#: app/configurator/components/dataset-metadata.tsx:104
+#: app/configurator/components/dataset-metadata.tsx:97
 msgid "dataset.metadata.furtherinformation"
 msgstr "Further information"
 
 #: app/components/chart-footnotes.tsx:204
-#: app/configurator/components/dataset-metadata.tsx:114
+#: app/configurator/components/dataset-metadata.tsx:107
 msgid "dataset.metadata.learnmore"
 msgstr "Learn more about the dataset"
 
-#: app/configurator/components/dataset-metadata.tsx:63
+#: app/configurator/components/dataset-metadata.tsx:56
 msgid "dataset.metadata.source"
 msgstr "Source"
 
-#: app/configurator/components/dataset-metadata.tsx:85
+#: app/configurator/components/dataset-metadata.tsx:78
 msgid "dataset.metadata.version"
 msgstr "Version"
 
@@ -825,13 +825,13 @@ msgstr "Relevance"
 msgid "dataset.order.title"
 msgstr "Title"
 
-#: app/components/chart-preview.tsx:103
-#: app/components/chart-published.tsx:126
+#: app/components/chart-preview.tsx:112
+#: app/components/chart-published.tsx:137
 #: app/configurator/components/dataset-preview.tsx:120
 msgid "dataset.publicationStatus.draft.warning"
 msgstr "Careful, this dataset is only a draft.<0/><1>Don't use for reporting!</1>"
 
-#: app/components/chart-published.tsx:137
+#: app/components/chart-published.tsx:148
 msgid "dataset.publicationStatus.expires.warning"
 msgstr "Careful, the data for this chart has expired.<0/><1>Don't use for reporting!</1>"
 
@@ -1014,10 +1014,14 @@ msgid "publication.share.mail.subject"
 msgstr "visualize.admin.ch"
 
 #: app/configurator/components/dataset-browse.tsx:378
-#: app/configurator/components/filters.tsx:784
+#: app/configurator/components/filters.tsx:785
 msgid "select.controls.filters.search"
 msgstr "Search"
 
+#: app/components/metadata-panel.tsx:290
+msgid "select.controls.metadata.search"
+msgstr "Jump to..."
+
 #: app/configurator/components/chart-controls/drag-and-drop-tab.tsx:101
 msgid "table.column.no"
 msgstr "Column {0}"
diff --git a/app/locales/fr/messages.po b/app/locales/fr/messages.po
index d2445fbc81..9526514dbc 100644
--- a/app/locales/fr/messages.po
+++ b/app/locales/fr/messages.po
@@ -33,11 +33,11 @@ msgstr "Déplacer le filtre vers le haut"
 msgid "No results"
 msgstr "Aucun résultat"
 
-#: app/components/chart-preview.tsx:157
+#: app/components/chart-preview.tsx:181
 msgid "annotation.add.description"
 msgstr "[ Pas de description ]"
 
-#: app/components/chart-preview.tsx:129
+#: app/components/chart-preview.tsx:145
 msgid "annotation.add.title"
 msgstr "[ Pas de titre ]"
 
@@ -53,11 +53,11 @@ msgstr "Catégories"
 msgid "browse.dataset.create-visualization"
 msgstr "Démarrer une visualisation"
 
-#: app/configurator/components/select-dataset-step.tsx:290
+#: app/configurator/components/select-dataset-step.tsx:296
 msgid "browse.datasets.all-datasets"
 msgstr "Tous les jeux de données"
 
-#: app/configurator/components/select-dataset-step.tsx:183
+#: app/configurator/components/select-dataset-step.tsx:184
 msgid "browse.datasets.description"
 msgstr "Explorez les jeux de données liés fournis par LINDAS, en filtrant par catégories ou organisations, ou en recherchant par mots-clés. Cliquez sur un ensemble de données pour afficher des informations plus détaillées et commencer à créer vos propres visualisations. "
 
@@ -143,16 +143,16 @@ msgstr "Zones"
 #~ msgstr "Intervalles égaux"
 
 #: app/configurator/components/chart-configurator.tsx:677
-#: app/configurator/components/chart-options-selector.tsx:986
+#: app/configurator/components/chart-options-selector.tsx:988
 #: app/configurator/components/field-i18n.ts:31
 msgid "chart.map.layers.base"
 msgstr "Affichage de la carte"
 
-#: app/configurator/components/chart-options-selector.tsx:990
+#: app/configurator/components/chart-options-selector.tsx:992
 msgid "chart.map.layers.base.show"
 msgstr "Afficher la carte du monde"
 
-#: app/configurator/components/chart-options-selector.tsx:998
+#: app/configurator/components/chart-options-selector.tsx:1000
 msgid "chart.map.layers.base.view.locked"
 msgstr "Carte verrouillée"
 
@@ -177,28 +177,28 @@ msgstr "Vue compacte"
 msgid "chart.table.number.of.lines"
 msgstr "Nombre total de lignes:"
 
-#: app/configurator/table/table-chart-options.tsx:190
+#: app/configurator/table/table-chart-options.tsx:194
 msgid "columnStyle.bar"
 msgstr "Barres"
 
-#: app/configurator/table/table-chart-options.tsx:200
+#: app/configurator/table/table-chart-options.tsx:204
 msgid "columnStyle.categories"
 msgstr "Catégories"
 
-#: app/configurator/table/table-chart-options.tsx:186
+#: app/configurator/table/table-chart-options.tsx:190
 msgid "columnStyle.heatmap"
 msgstr "Heatmap"
 
-#: app/configurator/table/table-chart-options.tsx:182
-#: app/configurator/table/table-chart-options.tsx:196
+#: app/configurator/table/table-chart-options.tsx:186
+#: app/configurator/table/table-chart-options.tsx:200
 msgid "columnStyle.text"
 msgstr "Texte"
 
-#: app/configurator/table/table-chart-options.tsx:400
+#: app/configurator/table/table-chart-options.tsx:405
 msgid "columnStyle.textStyle.bold"
 msgstr "Gras"
 
-#: app/configurator/table/table-chart-options.tsx:393
+#: app/configurator/table/table-chart-options.tsx:398
 msgid "columnStyle.textStyle.regular"
 msgstr "Normal"
 
@@ -254,7 +254,7 @@ msgstr "Nuage de points"
 msgid "controls.chart.type.table"
 msgstr "Tableau"
 
-#: app/configurator/components/chart-options-selector.tsx:717
+#: app/configurator/components/chart-options-selector.tsx:719
 #: app/configurator/components/field-i18n.ts:17
 msgid "controls.color"
 msgstr "Couleur"
@@ -263,7 +263,7 @@ msgstr "Couleur"
 msgid "controls.color.add"
 msgstr "Ajouter…"
 
-#: app/configurator/components/chart-options-selector.tsx:746
+#: app/configurator/components/chart-options-selector.tsx:748
 msgid "controls.color.opacity"
 msgstr "Transparence"
 
@@ -284,35 +284,35 @@ msgstr "Réinitialiser la palette de couleurs"
 msgid "controls.color.palette.sequential"
 msgstr "Séquentielle"
 
-#: app/configurator/components/chart-options-selector.tsx:833
+#: app/configurator/components/chart-options-selector.tsx:835
 msgid "controls.color.scale.discretization.jenks"
 msgstr "Jenks (intervalles naturels)"
 
-#: app/configurator/components/chart-options-selector.tsx:826
+#: app/configurator/components/chart-options-selector.tsx:828
 msgid "controls.color.scale.discretization.quantiles"
 msgstr "Quantiles (distribution homogène des valeurs)"
 
-#: app/configurator/components/chart-options-selector.tsx:819
+#: app/configurator/components/chart-options-selector.tsx:821
 msgid "controls.color.scale.discretization.quantize"
 msgstr "Intervalles égaux"
 
-#: app/configurator/components/chart-options-selector.tsx:811
+#: app/configurator/components/chart-options-selector.tsx:813
 msgid "controls.color.scale.interpolation"
 msgstr "Interpolation"
 
-#: app/configurator/components/chart-options-selector.tsx:843
+#: app/configurator/components/chart-options-selector.tsx:845
 msgid "controls.color.scale.number.of.classes"
 msgstr "Nombre de classes"
 
-#: app/configurator/components/chart-options-selector.tsx:783
+#: app/configurator/components/chart-options-selector.tsx:785
 msgid "controls.color.scale.type.continuous"
 msgstr "Continue"
 
-#: app/configurator/components/chart-options-selector.tsx:794
+#: app/configurator/components/chart-options-selector.tsx:796
 msgid "controls.color.scale.type.discrete"
 msgstr "Discrète"
 
-#: app/configurator/components/chart-options-selector.tsx:736
+#: app/configurator/components/chart-options-selector.tsx:738
 msgid "controls.color.select"
 msgstr "Sélectionner une couleur"
 
@@ -387,18 +387,18 @@ msgstr "Glisser-déposer des colonnes ici pour créer des groupes."
 msgid "controls.imputation"
 msgstr "Type d'imputation"
 
-#: app/configurator/components/chart-options-selector.tsx:878
+#: app/configurator/components/chart-options-selector.tsx:880
 #: app/configurator/components/field-i18n.ts:99
 msgid "controls.imputation.type.linear"
 msgstr "Interpolation linéaire"
 
-#: app/configurator/components/chart-options-selector.tsx:871
-#: app/configurator/components/chart-options-selector.tsx:883
+#: app/configurator/components/chart-options-selector.tsx:873
+#: app/configurator/components/chart-options-selector.tsx:885
 #: app/configurator/components/field-i18n.ts:91
 msgid "controls.imputation.type.none"
 msgstr "-"
 
-#: app/configurator/components/chart-options-selector.tsx:873
+#: app/configurator/components/chart-options-selector.tsx:875
 #: app/configurator/components/field-i18n.ts:95
 msgid "controls.imputation.type.zeros"
 msgstr "Zéros"
@@ -452,11 +452,11 @@ msgstr "Italien"
 msgid "controls.measure"
 msgstr "Variable mesurée"
 
-#: app/configurator/components/configurator.tsx:146
+#: app/configurator/components/configurator.tsx:149
 msgid "controls.nav.back-to-main"
 msgstr "Retour aux paramètres généraux"
 
-#: app/configurator/components/configurator.tsx:110
+#: app/configurator/components/configurator.tsx:113
 msgid "controls.nav.back-to-preview"
 msgstr "Retour à l'aperçu"
 
@@ -472,7 +472,7 @@ msgstr "Actif"
 msgid "controls.option.isNotActive"
 msgstr "Inactif"
 
-#: app/configurator/components/chart-options-selector.tsx:776
+#: app/configurator/components/chart-options-selector.tsx:778
 msgid "controls.scale.type"
 msgstr "Type d'échelle"
 
@@ -480,7 +480,7 @@ msgstr "Type d'échelle"
 msgid "controls.search.clear"
 msgstr "Effacer la recherche"
 
-#: app/configurator/components/chart-options-selector.tsx:353
+#: app/configurator/components/chart-options-selector.tsx:355
 msgid "controls.section.additional-information"
 msgstr "Informations supplémentaires"
 
@@ -492,7 +492,7 @@ msgstr "Paramètres graphiques"
 msgid "controls.section.columns"
 msgstr "Colonnes"
 
-#: app/configurator/table/table-chart-options.tsx:244
+#: app/configurator/table/table-chart-options.tsx:248
 msgid "controls.section.columnstyle"
 msgstr "Style de la colonne"
 
@@ -504,12 +504,12 @@ msgstr "Filtres"
 msgid "controls.section.description"
 msgstr "Titre & description"
 
-#: app/configurator/components/chart-options-selector.tsx:408
-#: app/configurator/components/chart-options-selector.tsx:412
-#: app/configurator/table/table-chart-options.tsx:314
-#: app/configurator/table/table-chart-options.tsx:318
-#: app/configurator/table/table-chart-options.tsx:338
-#: app/configurator/table/table-chart-options.tsx:342
+#: app/configurator/components/chart-options-selector.tsx:410
+#: app/configurator/components/chart-options-selector.tsx:414
+#: app/configurator/table/table-chart-options.tsx:319
+#: app/configurator/table/table-chart-options.tsx:323
+#: app/configurator/table/table-chart-options.tsx:343
+#: app/configurator/table/table-chart-options.tsx:347
 msgid "controls.section.filter"
 msgstr "Filtre"
 
@@ -517,11 +517,11 @@ msgstr "Filtre"
 msgid "controls.section.groups"
 msgstr "Groupes"
 
-#: app/configurator/components/chart-options-selector.tsx:912
+#: app/configurator/components/chart-options-selector.tsx:914
 msgid "controls.section.imputation"
 msgstr "Valeurs manquantes"
 
-#: app/configurator/components/chart-options-selector.tsx:917
+#: app/configurator/components/chart-options-selector.tsx:919
 msgid "controls.section.imputation.explanation"
 msgstr "En raison du type de graphique sélectionné, les valeurs manquantes doivent être remplies. Décidez de la logique d'imputation ou choisissez un autre type de graphique."
 
@@ -534,15 +534,15 @@ msgstr "Filtres interactifs"
 msgid "controls.section.interactiveFilters.dataFilters"
 msgstr "Filtres de données"
 
-#: app/configurator/components/chart-options-selector.tsx:362
+#: app/configurator/components/chart-options-selector.tsx:364
 msgid "controls.section.show-standard-error"
 msgstr "Afficher l'erreur type"
 
-#: app/configurator/components/chart-options-selector.tsx:554
+#: app/configurator/components/chart-options-selector.tsx:556
 msgid "controls.section.sorting"
 msgstr "Trier"
 
-#: app/configurator/table/table-chart-options.tsx:485
+#: app/configurator/table/table-chart-options.tsx:490
 msgid "controls.section.tableSettings"
 msgstr "Paramètres du tableau"
 
@@ -564,50 +564,50 @@ msgstr "Ajoutez un titre et une description"
 msgid "controls.select.chart.type"
 msgstr "Type de graphique"
 
-#: app/configurator/components/chart-options-selector.tsx:458
+#: app/configurator/components/chart-options-selector.tsx:460
 msgid "controls.select.column.layout"
 msgstr "Mise en forme de la colonne"
 
-#: app/configurator/table/table-chart-options.tsx:249
+#: app/configurator/table/table-chart-options.tsx:253
 msgid "controls.select.columnStyle"
 msgstr "Style de la colonne"
 
-#: app/configurator/table/table-chart-options.tsx:460
+#: app/configurator/table/table-chart-options.tsx:465
 msgid "controls.select.columnStyle.barColorBackground"
 msgstr "Couleur de fond"
 
-#: app/configurator/table/table-chart-options.tsx:452
+#: app/configurator/table/table-chart-options.tsx:457
 msgid "controls.select.columnStyle.barColorNegative"
 msgstr "Couleur des valeurs négatives"
 
-#: app/configurator/table/table-chart-options.tsx:444
+#: app/configurator/table/table-chart-options.tsx:449
 msgid "controls.select.columnStyle.barColorPositive"
 msgstr "Couleur des valeurs positives"
 
-#: app/configurator/table/table-chart-options.tsx:468
+#: app/configurator/table/table-chart-options.tsx:473
 msgid "controls.select.columnStyle.barShowBackground"
 msgstr "Afficher la couleur de fond"
 
-#: app/configurator/table/table-chart-options.tsx:417
+#: app/configurator/table/table-chart-options.tsx:422
 msgid "controls.select.columnStyle.columnColor"
 msgstr "Couleur de la colonne"
 
-#: app/configurator/table/table-chart-options.tsx:409
+#: app/configurator/table/table-chart-options.tsx:414
 msgid "controls.select.columnStyle.textColor"
 msgstr "Couleur du texte"
 
-#: app/configurator/table/table-chart-options.tsx:386
+#: app/configurator/table/table-chart-options.tsx:391
 msgid "controls.select.columnStyle.textStyle"
 msgstr "Style du texte"
 
-#: app/configurator/components/chart-options-selector.tsx:217
+#: app/configurator/components/chart-options-selector.tsx:219
 #: app/configurator/interactive-filters/interactive-filters-config-options.tsx:310
 msgid "controls.select.dimension"
 msgstr "Sélectionner une dimension"
 
-#: app/configurator/components/chart-options-selector.tsx:218
-#: app/configurator/components/chart-options-selector.tsx:644
-#: app/configurator/components/chart-options-selector.tsx:722
+#: app/configurator/components/chart-options-selector.tsx:220
+#: app/configurator/components/chart-options-selector.tsx:646
+#: app/configurator/components/chart-options-selector.tsx:724
 msgid "controls.select.measure"
 msgstr "Sélectionner une variable"
 
@@ -619,19 +619,19 @@ msgstr "Sélectionner une variable"
 #~ msgstr "optionnel"
 
 #: app/configurator/components/filters.tsx:353
-#: app/configurator/components/filters.tsx:767
+#: app/configurator/components/filters.tsx:768
 msgid "controls.set-filters"
 msgstr "Modifier les filtres"
 
-#: app/configurator/components/filters.tsx:775
+#: app/configurator/components/filters.tsx:776
 msgid "controls.set-filters-caption"
 msgstr "Pour de meilleurs résultats, ne sélectionnez pas plus de 7 valeurs dans la visualisation."
 
-#: app/configurator/components/filters.tsx:814
+#: app/configurator/components/filters.tsx:815
 msgid "controls.set-values-apply"
 msgstr "Appliquer les filtres"
 
-#: app/configurator/components/chart-options-selector.tsx:636
+#: app/configurator/components/chart-options-selector.tsx:638
 msgid "controls.size"
 msgstr "Taille"
 
@@ -639,12 +639,12 @@ msgstr "Taille"
 msgid "controls.sorting.addDimension"
 msgstr "Ajouter une dimension"
 
-#: app/configurator/components/chart-options-selector.tsx:506
+#: app/configurator/components/chart-options-selector.tsx:508
 msgid "controls.sorting.byAuto"
 msgstr "Auto"
 
-#: app/configurator/components/chart-options-selector.tsx:500
-#: app/configurator/components/chart-options-selector.tsx:510
+#: app/configurator/components/chart-options-selector.tsx:502
+#: app/configurator/components/chart-options-selector.tsx:512
 msgid "controls.sorting.byDimensionLabel"
 msgstr "Nom"
 
@@ -658,7 +658,7 @@ msgstr "A → Z"
 msgid "controls.sorting.byDimensionLabel.descending"
 msgstr "Z → A"
 
-#: app/configurator/components/chart-options-selector.tsx:502
+#: app/configurator/components/chart-options-selector.tsx:504
 msgid "controls.sorting.byMeasure"
 msgstr "Mesure"
 
@@ -670,7 +670,7 @@ msgstr "1 → 9"
 msgid "controls.sorting.byMeasure.descending"
 msgstr "9 → 1"
 
-#: app/configurator/components/chart-options-selector.tsx:504
+#: app/configurator/components/chart-options-selector.tsx:506
 msgid "controls.sorting.byTotalSize"
 msgstr "Taille totale"
 
@@ -707,11 +707,11 @@ msgstr "Trier par"
 msgid "controls.switch.chart.type"
 msgstr "Passer à une autre visualisation tout en conservant la plupart des filtres"
 
-#: app/configurator/table/table-chart-options.tsx:221
+#: app/configurator/table/table-chart-options.tsx:225
 msgid "controls.table.column.group"
 msgstr "Grouper selon cette colonne"
 
-#: app/configurator/table/table-chart-options.tsx:231
+#: app/configurator/table/table-chart-options.tsx:235
 msgid "controls.table.column.hide"
 msgstr "Masquer la colonne"
 
@@ -723,7 +723,7 @@ msgstr "Paramètres"
 msgid "controls.table.sorting"
 msgstr "Tri"
 
-#: app/configurator/table/table-chart-options.tsx:489
+#: app/configurator/table/table-chart-options.tsx:494
 msgid "controls.tableSettings.showSearch"
 msgstr "Afficher le champ de recherche"
 
@@ -751,15 +751,15 @@ msgstr "IRI du cube"
 msgid "data.source"
 msgstr "Source des données"
 
-#: app/components/chart-published.tsx:148
+#: app/components/chart-published.tsx:159
 msgid "data.source.notTrusted"
 msgstr "Ce graphique n'utilise pas une source de données fiable."
 
-#: app/configurator/components/select-dataset-step.tsx:216
+#: app/configurator/components/select-dataset-step.tsx:217
 msgid "dataset-preview.back-to-results"
 msgstr "Revenir aux jeux de données"
 
-#: app/configurator/components/dataset-metadata.tsx:196
+#: app/configurator/components/dataset-metadata.tsx:182
 msgid "dataset-preview.keywords"
 msgstr "Mots clés"
 
@@ -771,7 +771,7 @@ msgstr "Jeu de données"
 msgid "dataset.footnotes.updated"
 msgstr "Mise à jour"
 
-#: app/components/chart-published.tsx:157
+#: app/components/chart-published.tsx:168
 msgid "dataset.hasImputedValues"
 msgstr "Certaines données de cet ensemble de données sont manquantes et ont été interpolées pour combler les lacunes."
 
@@ -779,28 +779,28 @@ msgstr "Certaines données de cet ensemble de données sont manquantes et ont é
 msgid "dataset.includeDrafts"
 msgstr "Inclure les brouillons"
 
-#: app/configurator/components/dataset-metadata.tsx:78
+#: app/configurator/components/dataset-metadata.tsx:71
 msgid "dataset.metadata.date.created"
 msgstr "Date de création"
 
-#: app/configurator/components/dataset-metadata.tsx:90
+#: app/configurator/components/dataset-metadata.tsx:83
 msgid "dataset.metadata.email"
 msgstr "Points de contact"
 
-#: app/configurator/components/dataset-metadata.tsx:104
+#: app/configurator/components/dataset-metadata.tsx:97
 msgid "dataset.metadata.furtherinformation"
 msgstr "Informations complémentaires"
 
 #: app/components/chart-footnotes.tsx:204
-#: app/configurator/components/dataset-metadata.tsx:114
+#: app/configurator/components/dataset-metadata.tsx:107
 msgid "dataset.metadata.learnmore"
 msgstr "En savoir plus sur le jeu de données"
 
-#: app/configurator/components/dataset-metadata.tsx:63
+#: app/configurator/components/dataset-metadata.tsx:56
 msgid "dataset.metadata.source"
 msgstr "Source"
 
-#: app/configurator/components/dataset-metadata.tsx:85
+#: app/configurator/components/dataset-metadata.tsx:78
 msgid "dataset.metadata.version"
 msgstr "Version"
 
@@ -816,13 +816,13 @@ msgstr "Pertinence"
 msgid "dataset.order.title"
 msgstr "Titre"
 
-#: app/components/chart-preview.tsx:103
-#: app/components/chart-published.tsx:126
+#: app/components/chart-preview.tsx:112
+#: app/components/chart-published.tsx:137
 #: app/configurator/components/dataset-preview.tsx:120
 msgid "dataset.publicationStatus.draft.warning"
 msgstr "Attention, ce jeu de données est à l'état d'ébauche.<0/><1>Ne l'utilisez pas pour une publication!</1>"
 
-#: app/components/chart-published.tsx:137
+#: app/components/chart-published.tsx:148
 msgid "dataset.publicationStatus.expires.warning"
 msgstr "Attention, ce jeu de données est expiré.<0/><1>Ne l'utilisez pas pour une publication!</1>"
 
@@ -1005,10 +1005,14 @@ msgid "publication.share.mail.subject"
 msgstr "visualize.admin.ch"
 
 #: app/configurator/components/dataset-browse.tsx:378
-#: app/configurator/components/filters.tsx:784
+#: app/configurator/components/filters.tsx:785
 msgid "select.controls.filters.search"
 msgstr "Chercher"
 
+#: app/components/metadata-panel.tsx:290
+msgid "select.controls.metadata.search"
+msgstr "Sauter à..."
+
 #: app/configurator/components/chart-controls/drag-and-drop-tab.tsx:101
 msgid "table.column.no"
 msgstr "Colonne {0}"
diff --git a/app/locales/it/messages.po b/app/locales/it/messages.po
index 72dbed2224..af50848951 100644
--- a/app/locales/it/messages.po
+++ b/app/locales/it/messages.po
@@ -33,11 +33,11 @@ msgstr "Sposta il filtro in alto"
 msgid "No results"
 msgstr "Nessun risultato"
 
-#: app/components/chart-preview.tsx:157
+#: app/components/chart-preview.tsx:181
 msgid "annotation.add.description"
 msgstr "[ Nessuna descrizione ]"
 
-#: app/components/chart-preview.tsx:129
+#: app/components/chart-preview.tsx:145
 msgid "annotation.add.title"
 msgstr "[ Nessun titolo ]"
 
@@ -53,11 +53,11 @@ msgstr "Categorie"
 msgid "browse.dataset.create-visualization"
 msgstr "Iniziare una visualizzazione"
 
-#: app/configurator/components/select-dataset-step.tsx:290
+#: app/configurator/components/select-dataset-step.tsx:296
 msgid "browse.datasets.all-datasets"
 msgstr "Tutti i set di dati"
 
-#: app/configurator/components/select-dataset-step.tsx:183
+#: app/configurator/components/select-dataset-step.tsx:184
 msgid "browse.datasets.description"
 msgstr "Esplora i set di dati forniti dal LINDAS Linked Data Service filtrando per categorie o organizzazioni oppure cercando direttamente per parole chiave specifiche. Clicca su un set di dati per vedere informazioni più dettagliate e iniziare a creare le tue visualizzazioni."
 
@@ -143,16 +143,16 @@ msgstr "Aree"
 #~ msgstr "Intervalli uguali"
 
 #: app/configurator/components/chart-configurator.tsx:677
-#: app/configurator/components/chart-options-selector.tsx:986
+#: app/configurator/components/chart-options-selector.tsx:988
 #: app/configurator/components/field-i18n.ts:31
 msgid "chart.map.layers.base"
 msgstr "Visualizzazione della mappa"
 
-#: app/configurator/components/chart-options-selector.tsx:990
+#: app/configurator/components/chart-options-selector.tsx:992
 msgid "chart.map.layers.base.show"
 msgstr "Mostra mappa del mondo"
 
-#: app/configurator/components/chart-options-selector.tsx:998
+#: app/configurator/components/chart-options-selector.tsx:1000
 msgid "chart.map.layers.base.view.locked"
 msgstr "Vista bloccata"
 
@@ -177,28 +177,28 @@ msgstr "Vista compatta"
 msgid "chart.table.number.of.lines"
 msgstr "Numero totale di linee:"
 
-#: app/configurator/table/table-chart-options.tsx:190
+#: app/configurator/table/table-chart-options.tsx:194
 msgid "columnStyle.bar"
 msgstr "Grafico a barre"
 
-#: app/configurator/table/table-chart-options.tsx:200
+#: app/configurator/table/table-chart-options.tsx:204
 msgid "columnStyle.categories"
 msgstr "Categorie"
 
-#: app/configurator/table/table-chart-options.tsx:186
+#: app/configurator/table/table-chart-options.tsx:190
 msgid "columnStyle.heatmap"
 msgstr "Mappa di calore"
 
-#: app/configurator/table/table-chart-options.tsx:182
-#: app/configurator/table/table-chart-options.tsx:196
+#: app/configurator/table/table-chart-options.tsx:186
+#: app/configurator/table/table-chart-options.tsx:200
 msgid "columnStyle.text"
 msgstr "Testo"
 
-#: app/configurator/table/table-chart-options.tsx:400
+#: app/configurator/table/table-chart-options.tsx:405
 msgid "columnStyle.textStyle.bold"
 msgstr "Grassetto"
 
-#: app/configurator/table/table-chart-options.tsx:393
+#: app/configurator/table/table-chart-options.tsx:398
 msgid "columnStyle.textStyle.regular"
 msgstr "Regular"
 
@@ -254,7 +254,7 @@ msgstr "Scatterplot"
 msgid "controls.chart.type.table"
 msgstr "Tabella"
 
-#: app/configurator/components/chart-options-selector.tsx:717
+#: app/configurator/components/chart-options-selector.tsx:719
 #: app/configurator/components/field-i18n.ts:17
 msgid "controls.color"
 msgstr "Colore"
@@ -263,7 +263,7 @@ msgstr "Colore"
 msgid "controls.color.add"
 msgstr "Aggiungi ..."
 
-#: app/configurator/components/chart-options-selector.tsx:746
+#: app/configurator/components/chart-options-selector.tsx:748
 msgid "controls.color.opacity"
 msgstr "Trasparenza"
 
@@ -284,35 +284,35 @@ msgstr "Ripristina la tavolozza dei colori"
 msgid "controls.color.palette.sequential"
 msgstr "Sequenziale"
 
-#: app/configurator/components/chart-options-selector.tsx:833
+#: app/configurator/components/chart-options-selector.tsx:835
 msgid "controls.color.scale.discretization.jenks"
 msgstr "Jenks (interruzioni naturali)"
 
-#: app/configurator/components/chart-options-selector.tsx:826
+#: app/configurator/components/chart-options-selector.tsx:828
 msgid "controls.color.scale.discretization.quantiles"
 msgstr "Quantili (distribuzione omogenea dei valori)"
 
-#: app/configurator/components/chart-options-selector.tsx:819
+#: app/configurator/components/chart-options-selector.tsx:821
 msgid "controls.color.scale.discretization.quantize"
 msgstr "Intervalli uguali"
 
-#: app/configurator/components/chart-options-selector.tsx:811
+#: app/configurator/components/chart-options-selector.tsx:813
 msgid "controls.color.scale.interpolation"
 msgstr "Interpolazione"
 
-#: app/configurator/components/chart-options-selector.tsx:843
+#: app/configurator/components/chart-options-selector.tsx:845
 msgid "controls.color.scale.number.of.classes"
 msgstr "Numero di classi"
 
-#: app/configurator/components/chart-options-selector.tsx:783
+#: app/configurator/components/chart-options-selector.tsx:785
 msgid "controls.color.scale.type.continuous"
 msgstr "Continuo"
 
-#: app/configurator/components/chart-options-selector.tsx:794
+#: app/configurator/components/chart-options-selector.tsx:796
 msgid "controls.color.scale.type.discrete"
 msgstr "Discreto"
 
-#: app/configurator/components/chart-options-selector.tsx:736
+#: app/configurator/components/chart-options-selector.tsx:738
 msgid "controls.color.select"
 msgstr "Seleziona un colore"
 
@@ -387,18 +387,18 @@ msgstr "Trascina qui le colonne per creare gruppi."
 msgid "controls.imputation"
 msgstr "Tipo di imputazione"
 
-#: app/configurator/components/chart-options-selector.tsx:878
+#: app/configurator/components/chart-options-selector.tsx:880
 #: app/configurator/components/field-i18n.ts:99
 msgid "controls.imputation.type.linear"
 msgstr "Interpolazione lineare"
 
-#: app/configurator/components/chart-options-selector.tsx:871
-#: app/configurator/components/chart-options-selector.tsx:883
+#: app/configurator/components/chart-options-selector.tsx:873
+#: app/configurator/components/chart-options-selector.tsx:885
 #: app/configurator/components/field-i18n.ts:91
 msgid "controls.imputation.type.none"
 msgstr "-"
 
-#: app/configurator/components/chart-options-selector.tsx:873
+#: app/configurator/components/chart-options-selector.tsx:875
 #: app/configurator/components/field-i18n.ts:95
 msgid "controls.imputation.type.zeros"
 msgstr "Zeri"
@@ -457,11 +457,11 @@ msgstr "Italiano"
 msgid "controls.measure"
 msgstr "Misura"
 
-#: app/configurator/components/configurator.tsx:146
+#: app/configurator/components/configurator.tsx:149
 msgid "controls.nav.back-to-main"
 msgstr "Torna alle impostazioni generali"
 
-#: app/configurator/components/configurator.tsx:110
+#: app/configurator/components/configurator.tsx:113
 msgid "controls.nav.back-to-preview"
 msgstr "Torna all'anteprima"
 
@@ -477,7 +477,7 @@ msgstr "Attivo"
 msgid "controls.option.isNotActive"
 msgstr "Inattivo"
 
-#: app/configurator/components/chart-options-selector.tsx:776
+#: app/configurator/components/chart-options-selector.tsx:778
 msgid "controls.scale.type"
 msgstr "Tipo di scala"
 
@@ -485,7 +485,7 @@ msgstr "Tipo di scala"
 msgid "controls.search.clear"
 msgstr "Cancella la ricerca"
 
-#: app/configurator/components/chart-options-selector.tsx:353
+#: app/configurator/components/chart-options-selector.tsx:355
 msgid "controls.section.additional-information"
 msgstr "Informazioni aggiuntive"
 
@@ -497,7 +497,7 @@ msgstr "Opzioni del grafico"
 msgid "controls.section.columns"
 msgstr "Colonne"
 
-#: app/configurator/table/table-chart-options.tsx:244
+#: app/configurator/table/table-chart-options.tsx:248
 msgid "controls.section.columnstyle"
 msgstr "Stile della colonna"
 
@@ -509,12 +509,12 @@ msgstr "Filtri"
 msgid "controls.section.description"
 msgstr "Titolo e descrizione"
 
-#: app/configurator/components/chart-options-selector.tsx:408
-#: app/configurator/components/chart-options-selector.tsx:412
-#: app/configurator/table/table-chart-options.tsx:314
-#: app/configurator/table/table-chart-options.tsx:318
-#: app/configurator/table/table-chart-options.tsx:338
-#: app/configurator/table/table-chart-options.tsx:342
+#: app/configurator/components/chart-options-selector.tsx:410
+#: app/configurator/components/chart-options-selector.tsx:414
+#: app/configurator/table/table-chart-options.tsx:319
+#: app/configurator/table/table-chart-options.tsx:323
+#: app/configurator/table/table-chart-options.tsx:343
+#: app/configurator/table/table-chart-options.tsx:347
 msgid "controls.section.filter"
 msgstr "Filtro"
 
@@ -522,11 +522,11 @@ msgstr "Filtro"
 msgid "controls.section.groups"
 msgstr "Gruppi"
 
-#: app/configurator/components/chart-options-selector.tsx:912
+#: app/configurator/components/chart-options-selector.tsx:914
 msgid "controls.section.imputation"
 msgstr "Valori mancanti"
 
-#: app/configurator/components/chart-options-selector.tsx:917
+#: app/configurator/components/chart-options-selector.tsx:919
 msgid "controls.section.imputation.explanation"
 msgstr "Per questo tipo di grafico, i valori di sostituzione devono essere assegnati ai valori mancanti. Decidi la logica di imputazione o passa a un altro tipo di grafico."
 
@@ -539,15 +539,15 @@ msgstr "Filtri interattivi"
 msgid "controls.section.interactiveFilters.dataFilters"
 msgstr "Filtri di dati"
 
-#: app/configurator/components/chart-options-selector.tsx:362
+#: app/configurator/components/chart-options-selector.tsx:364
 msgid "controls.section.show-standard-error"
 msgstr "Mostra l'errore standard"
 
-#: app/configurator/components/chart-options-selector.tsx:554
+#: app/configurator/components/chart-options-selector.tsx:556
 msgid "controls.section.sorting"
 msgstr "Ordina"
 
-#: app/configurator/table/table-chart-options.tsx:485
+#: app/configurator/table/table-chart-options.tsx:490
 msgid "controls.section.tableSettings"
 msgstr "Impostazioni della tabella"
 
@@ -569,50 +569,50 @@ msgstr "Aggiungi un titolo o una descrizione"
 msgid "controls.select.chart.type"
 msgstr "Tipo di grafico"
 
-#: app/configurator/components/chart-options-selector.tsx:458
+#: app/configurator/components/chart-options-selector.tsx:460
 msgid "controls.select.column.layout"
 msgstr "Layout a colonne"
 
-#: app/configurator/table/table-chart-options.tsx:249
+#: app/configurator/table/table-chart-options.tsx:253
 msgid "controls.select.columnStyle"
 msgstr "Stile della colonna"
 
-#: app/configurator/table/table-chart-options.tsx:460
+#: app/configurator/table/table-chart-options.tsx:465
 msgid "controls.select.columnStyle.barColorBackground"
 msgstr "Colore dello sfondo"
 
-#: app/configurator/table/table-chart-options.tsx:452
+#: app/configurator/table/table-chart-options.tsx:457
 msgid "controls.select.columnStyle.barColorNegative"
 msgstr "Colore dei valori negativi"
 
-#: app/configurator/table/table-chart-options.tsx:444
+#: app/configurator/table/table-chart-options.tsx:449
 msgid "controls.select.columnStyle.barColorPositive"
 msgstr "Colore dei valori positivi"
 
-#: app/configurator/table/table-chart-options.tsx:468
+#: app/configurator/table/table-chart-options.tsx:473
 msgid "controls.select.columnStyle.barShowBackground"
 msgstr "Mostra il colore dello sfondo"
 
-#: app/configurator/table/table-chart-options.tsx:417
+#: app/configurator/table/table-chart-options.tsx:422
 msgid "controls.select.columnStyle.columnColor"
 msgstr "Colore della colonna"
 
-#: app/configurator/table/table-chart-options.tsx:409
+#: app/configurator/table/table-chart-options.tsx:414
 msgid "controls.select.columnStyle.textColor"
 msgstr "Colore del testo"
 
-#: app/configurator/table/table-chart-options.tsx:386
+#: app/configurator/table/table-chart-options.tsx:391
 msgid "controls.select.columnStyle.textStyle"
 msgstr "Stile del testo"
 
-#: app/configurator/components/chart-options-selector.tsx:217
+#: app/configurator/components/chart-options-selector.tsx:219
 #: app/configurator/interactive-filters/interactive-filters-config-options.tsx:310
 msgid "controls.select.dimension"
 msgstr "Seleziona una dimensione"
 
-#: app/configurator/components/chart-options-selector.tsx:218
-#: app/configurator/components/chart-options-selector.tsx:644
-#: app/configurator/components/chart-options-selector.tsx:722
+#: app/configurator/components/chart-options-selector.tsx:220
+#: app/configurator/components/chart-options-selector.tsx:646
+#: app/configurator/components/chart-options-selector.tsx:724
 msgid "controls.select.measure"
 msgstr "Seleziona una misura"
 
@@ -624,19 +624,19 @@ msgstr "Seleziona una misura"
 #~ msgstr "facoltativo"
 
 #: app/configurator/components/filters.tsx:353
-#: app/configurator/components/filters.tsx:767
+#: app/configurator/components/filters.tsx:768
 msgid "controls.set-filters"
 msgstr "Modificare i filtri"
 
-#: app/configurator/components/filters.tsx:775
+#: app/configurator/components/filters.tsx:776
 msgid "controls.set-filters-caption"
 msgstr "Pour de meilleurs résultats, ne sélectionnez pas plus de 7 valeurs dans la visualisation"
 
-#: app/configurator/components/filters.tsx:814
+#: app/configurator/components/filters.tsx:815
 msgid "controls.set-values-apply"
 msgstr "Appliquer les filtres"
 
-#: app/configurator/components/chart-options-selector.tsx:636
+#: app/configurator/components/chart-options-selector.tsx:638
 msgid "controls.size"
 msgstr "Grandezza"
 
@@ -644,12 +644,12 @@ msgstr "Grandezza"
 msgid "controls.sorting.addDimension"
 msgstr "Aggiungi una dimensione"
 
-#: app/configurator/components/chart-options-selector.tsx:506
+#: app/configurator/components/chart-options-selector.tsx:508
 msgid "controls.sorting.byAuto"
 msgstr ""
 
-#: app/configurator/components/chart-options-selector.tsx:500
-#: app/configurator/components/chart-options-selector.tsx:510
+#: app/configurator/components/chart-options-selector.tsx:502
+#: app/configurator/components/chart-options-selector.tsx:512
 msgid "controls.sorting.byDimensionLabel"
 msgstr "Nome"
 
@@ -663,7 +663,7 @@ msgstr "A → Z"
 msgid "controls.sorting.byDimensionLabel.descending"
 msgstr "Z → A"
 
-#: app/configurator/components/chart-options-selector.tsx:502
+#: app/configurator/components/chart-options-selector.tsx:504
 msgid "controls.sorting.byMeasure"
 msgstr "Misura"
 
@@ -675,7 +675,7 @@ msgstr "1 → 9"
 msgid "controls.sorting.byMeasure.descending"
 msgstr "9 → 1"
 
-#: app/configurator/components/chart-options-selector.tsx:504
+#: app/configurator/components/chart-options-selector.tsx:506
 msgid "controls.sorting.byTotalSize"
 msgstr "Grandezza totale"
 
@@ -712,11 +712,11 @@ msgstr "Ordina per"
 msgid "controls.switch.chart.type"
 msgstr "Passa a un altro tipo di grafico mantenendo la maggior parte delle impostazioni dei filtri"
 
-#: app/configurator/table/table-chart-options.tsx:221
+#: app/configurator/table/table-chart-options.tsx:225
 msgid "controls.table.column.group"
 msgstr "Raggruppa secondo questa colonna"
 
-#: app/configurator/table/table-chart-options.tsx:231
+#: app/configurator/table/table-chart-options.tsx:235
 msgid "controls.table.column.hide"
 msgstr "Nascondi la colonna"
 
@@ -728,7 +728,7 @@ msgstr "Opzioni"
 msgid "controls.table.sorting"
 msgstr "Ordinamento"
 
-#: app/configurator/table/table-chart-options.tsx:489
+#: app/configurator/table/table-chart-options.tsx:494
 msgid "controls.tableSettings.showSearch"
 msgstr "Mostra il campo di ricerca"
 
@@ -756,15 +756,15 @@ msgstr "Cubo IRI"
 msgid "data.source"
 msgstr "Fonte di dati"
 
-#: app/components/chart-published.tsx:148
+#: app/components/chart-published.tsx:159
 msgid "data.source.notTrusted"
 msgstr "Questo grafico non utilizza una fonte di dati affidabile."
 
-#: app/configurator/components/select-dataset-step.tsx:216
+#: app/configurator/components/select-dataset-step.tsx:217
 msgid "dataset-preview.back-to-results"
 msgstr "Torna ai set di dati"
 
-#: app/configurator/components/dataset-metadata.tsx:196
+#: app/configurator/components/dataset-metadata.tsx:182
 msgid "dataset-preview.keywords"
 msgstr "Parole chiave"
 
@@ -776,7 +776,7 @@ msgstr "Set di dati"
 msgid "dataset.footnotes.updated"
 msgstr "Ultimo aggiornamento"
 
-#: app/components/chart-published.tsx:157
+#: app/components/chart-published.tsx:168
 msgid "dataset.hasImputedValues"
 msgstr "In questo set di dati mancano alcuni dati. Questi sono stati interpolati per colmare le lacune.."
 
@@ -784,28 +784,28 @@ msgstr "In questo set di dati mancano alcuni dati. Questi sono stati interpolati
 msgid "dataset.includeDrafts"
 msgstr "Includere le bozze"
 
-#: app/configurator/components/dataset-metadata.tsx:78
+#: app/configurator/components/dataset-metadata.tsx:71
 msgid "dataset.metadata.date.created"
 msgstr "Data di creazione"
 
-#: app/configurator/components/dataset-metadata.tsx:90
+#: app/configurator/components/dataset-metadata.tsx:83
 msgid "dataset.metadata.email"
 msgstr "Punti di contatto"
 
-#: app/configurator/components/dataset-metadata.tsx:104
+#: app/configurator/components/dataset-metadata.tsx:97
 msgid "dataset.metadata.furtherinformation"
 msgstr "Addizionali informazioni"
 
 #: app/components/chart-footnotes.tsx:204
-#: app/configurator/components/dataset-metadata.tsx:114
+#: app/configurator/components/dataset-metadata.tsx:107
 msgid "dataset.metadata.learnmore"
 msgstr "Ulteriori informazioni sul set di dati"
 
-#: app/configurator/components/dataset-metadata.tsx:63
+#: app/configurator/components/dataset-metadata.tsx:56
 msgid "dataset.metadata.source"
 msgstr "Fonte"
 
-#: app/configurator/components/dataset-metadata.tsx:85
+#: app/configurator/components/dataset-metadata.tsx:78
 msgid "dataset.metadata.version"
 msgstr "versione"
 
@@ -821,13 +821,13 @@ msgstr "Rilevanza"
 msgid "dataset.order.title"
 msgstr "Titolo"
 
-#: app/components/chart-preview.tsx:103
-#: app/components/chart-published.tsx:126
+#: app/components/chart-preview.tsx:112
+#: app/components/chart-published.tsx:137
 #: app/configurator/components/dataset-preview.tsx:120
 msgid "dataset.publicationStatus.draft.warning"
 msgstr "Attenzione, questo set di dati è una bozza.<0/><1>Non utilizzare questo grafico per un rapporto!</1>"
 
-#: app/components/chart-published.tsx:137
+#: app/components/chart-published.tsx:148
 msgid "dataset.publicationStatus.expires.warning"
 msgstr "Attenzione, questo set di dati è scaduto.<0/><1>Non utilizzare questo grafico per un rapporto!</1>"
 
@@ -1010,10 +1010,14 @@ msgid "publication.share.mail.subject"
 msgstr "visualize.admin.ch"
 
 #: app/configurator/components/dataset-browse.tsx:378
-#: app/configurator/components/filters.tsx:784
+#: app/configurator/components/filters.tsx:785
 msgid "select.controls.filters.search"
 msgstr "Cerca"
 
+#: app/components/metadata-panel.tsx:290
+msgid "select.controls.metadata.search"
+msgstr "Salta a..."
+
 #: app/configurator/components/chart-controls/drag-and-drop-tab.tsx:101
 msgid "table.column.no"
 msgstr "Colonna {0}"

From 1210de22bfd1f4548d885bf6ce1d8024512526c2 Mon Sep 17 00:00:00 2001
From: Bartosz Prusinowski <bartoszprusinowski1@gmail.com>
Date: Mon, 28 Nov 2022 09:50:55 +0100
Subject: [PATCH 14/16] chore: Add translations

---
 app/components/metadata-panel.tsx | 14 ++++--
 app/locales/de/messages.po        | 78 ++++++++++++++++++------------
 app/locales/en/messages.po        | 80 ++++++++++++++++++-------------
 app/locales/fr/messages.po        | 80 ++++++++++++++++++-------------
 app/locales/it/messages.po        | 80 ++++++++++++++++++-------------
 5 files changed, 194 insertions(+), 138 deletions(-)

diff --git a/app/components/metadata-panel.tsx b/app/components/metadata-panel.tsx
index aed4781280..8fdad85672 100644
--- a/app/components/metadata-panel.tsx
+++ b/app/components/metadata-panel.tsx
@@ -1,4 +1,4 @@
-import { t } from "@lingui/macro";
+import { t, Trans } from "@lingui/macro";
 import { TabContext, TabList, TabPanel } from "@mui/lab";
 import {
   Box,
@@ -195,7 +195,9 @@ const PanelInner = ({
               value="general"
               label={
                 <Typography variant="body2" fontWeight="bold">
-                  General
+                  <Trans id="controls.metadata-panel.section.general">
+                    General
+                  </Trans>
                 </Typography>
               }
             />
@@ -203,7 +205,7 @@ const PanelInner = ({
               value="data"
               label={
                 <Typography variant="body2" fontWeight="bold">
-                  Data
+                  <Trans id="controls.metadata-panel.section.data">Data</Trans>
                 </Typography>
               }
             />
@@ -222,7 +224,9 @@ const PanelInner = ({
 const ToggleButton = ({ onClick }: { onClick: () => void }) => {
   return (
     <Button component="a" variant="text" size="small" onClick={onClick}>
-      <Typography variant="body2">Metadata</Typography>
+      <Typography variant="body2">
+        <Trans id="controls.metadata-panel.metadata">Metadata</Trans>
+      </Typography>
     </Button>
   );
 };
@@ -233,7 +237,7 @@ const Header = ({ onClose }: { onClose: () => void }) => {
   return (
     <div className={classes.header}>
       <Typography variant="body2" fontWeight="bold">
-        Metadata
+        <Trans id="controls.metadata-panel.metadata">Metadata</Trans>
       </Typography>
 
       <IconButton size="small" onClick={onClose}>
diff --git a/app/locales/de/messages.po b/app/locales/de/messages.po
index bf208003a2..160a807aa0 100644
--- a/app/locales/de/messages.po
+++ b/app/locales/de/messages.po
@@ -13,19 +13,19 @@ msgstr ""
 "Language-Team: \n"
 "Plural-Forms: \n"
 
-#: app/configurator/components/chart-configurator.tsx:657
+#: app/configurator/components/chart-configurator.tsx:677
 msgid "Add filter"
 msgstr "Filter hinzufügen"
 
-#: app/configurator/components/chart-configurator.tsx:630
+#: app/configurator/components/chart-configurator.tsx:650
 msgid "Drag filters to reorganize"
 msgstr "Ziehen Sie die Filter per Drag & Drop, um sie neu zu organisieren"
 
-#: app/configurator/components/chart-configurator.tsx:627
+#: app/configurator/components/chart-configurator.tsx:647
 msgid "Move filter down"
 msgstr "Filter nach unten verschieben"
 
-#: app/configurator/components/chart-configurator.tsx:624
+#: app/configurator/components/chart-configurator.tsx:644
 msgid "Move filter up"
 msgstr "Filter nach oben verschieben"
 
@@ -122,7 +122,7 @@ msgstr "Teilen"
 msgid "chart.map.layers.area"
 msgstr "Flächen"
 
-#: app/configurator/components/chart-configurator.tsx:706
+#: app/configurator/components/chart-configurator.tsx:730
 #: app/configurator/components/chart-options-selector.tsx:992
 #: app/configurator/components/field-i18n.ts:31
 msgid "chart.map.layers.base"
@@ -186,11 +186,11 @@ msgstr "Normal"
 msgid "controls..interactiveFilters.time.defaultSettings"
 msgstr "Standardeinstellung"
 
-#: app/configurator/components/chart-annotator.tsx:67
+#: app/configurator/components/chart-annotator.tsx:70
 msgid "controls.annotator.add-description-warning"
 msgstr "Fügen Sie eine Beschreibung hinzu"
 
-#: app/configurator/components/chart-annotator.tsx:57
+#: app/configurator/components/chart-annotator.tsx:60
 msgid "controls.annotator.add-title-warning"
 msgstr "Füge einen Titel hinzu"
 
@@ -327,7 +327,11 @@ msgstr "Beschreibung hinzufügen"
 msgid "controls.dimensionvalue.none"
 msgstr "Kein Filter"
 
-#: app/configurator/components/filters.tsx:415
+#: app/configurator/components/chart-configurator.tsx:491
+msgid "controls.filter.interactive.toggle"
+msgstr ""
+
+#: app/configurator/components/filters.tsx:417
 msgid "controls.filter.nb-elements"
 msgstr "{0} von {1}"
 
@@ -339,8 +343,7 @@ msgstr "Alle auswählen"
 msgid "controls.filter.select.none"
 msgstr "Alle abwählen"
 
-#: app/configurator/components/chart-configurator.tsx:488
-#: app/configurator/components/filters.tsx:355
+#: app/configurator/components/filters.tsx:356
 msgid "controls.filters.interactive.toggle"
 msgstr "Interaktive"
 
@@ -348,15 +351,15 @@ msgstr "Interaktive"
 #~ msgid "controls.filters.select.filters"
 #~ msgstr "Filter"
 
-#: app/configurator/components/filters.tsx:396
+#: app/configurator/components/filters.tsx:398
 msgid "controls.filters.select.refresh-colors"
 msgstr "Farben auffrischen"
 
-#: app/configurator/components/filters.tsx:380
+#: app/configurator/components/filters.tsx:382
 msgid "controls.filters.select.reset-colors"
 msgstr "Farben zurücksetzen"
 
-#: app/configurator/components/filters.tsx:373
+#: app/configurator/components/filters.tsx:375
 msgid "controls.filters.select.selected-filters"
 msgstr "Ausgewählte Filter"
 
@@ -393,7 +396,7 @@ msgstr "Nullen"
 #~ msgstr "Datenfilter"
 
 #: app/configurator/interactive-filters/interactive-filters-config-options.tsx:80
-#: app/configurator/interactive-filters/interactive-filters-configurator.tsx:109
+#: app/configurator/interactive-filters/interactive-filters-configurator.tsx:116
 msgid "controls.interactive.filters.timeSlider"
 msgstr "Zeitschieber"
 
@@ -442,11 +445,24 @@ msgstr "Italienisch"
 msgid "controls.measure"
 msgstr "Messwert"
 
-#: app/configurator/components/configurator.tsx:149
+#: app/components/metadata-panel.tsx:228
+#: app/components/metadata-panel.tsx:240
+msgid "controls.metadata-panel.metadata"
+msgstr "Metadata"
+
+#: app/components/metadata-panel.tsx:208
+msgid "controls.metadata-panel.section.data"
+msgstr "Daten"
+
+#: app/components/metadata-panel.tsx:198
+msgid "controls.metadata-panel.section.general"
+msgstr "Allgemeines"
+
+#: app/configurator/components/configurator.tsx:145
 msgid "controls.nav.back-to-main"
 msgstr "Zurück zur Übersicht"
 
-#: app/configurator/components/configurator.tsx:113
+#: app/configurator/components/configurator.tsx:112
 msgid "controls.nav.back-to-preview"
 msgstr "Zurück zur Vorschau"
 
@@ -470,7 +486,7 @@ msgstr "Aus"
 msgid "controls.scale.type"
 msgstr "Skalierungstyp"
 
-#: app/components/form.tsx:625
+#: app/components/form.tsx:630
 msgid "controls.search.clear"
 msgstr "Suche zurücksetzen"
 
@@ -478,7 +494,7 @@ msgstr "Suche zurücksetzen"
 msgid "controls.section.additional-information"
 msgstr "Zusätzliche Informationen"
 
-#: app/configurator/components/chart-configurator.tsx:547
+#: app/configurator/components/chart-configurator.tsx:562
 msgid "controls.section.chart.options"
 msgstr "Diagramm-Einstellungen"
 
@@ -490,11 +506,11 @@ msgstr "Spalten"
 msgid "controls.section.columnstyle"
 msgstr "Spaltenstil"
 
-#: app/configurator/components/chart-configurator.tsx:565
+#: app/configurator/components/chart-configurator.tsx:584
 msgid "controls.section.data.filters"
 msgstr "Filter"
 
-#: app/configurator/components/chart-annotator.tsx:50
+#: app/configurator/components/chart-annotator.tsx:53
 msgid "controls.section.description"
 msgstr "Titel & Beschreibung"
 
@@ -519,8 +535,8 @@ msgstr "Fehlende Werte"
 msgid "controls.section.imputation.explanation"
 msgstr "Für diesen Diagrammtyp sollten fehlenden Werten Ersatzwerte zugewiesen werden. Entscheiden Sie sich für die Imputationslogik oder wechseln Sie zu einem anderen Diagrammtyp."
 
-#: app/configurator/interactive-filters/interactive-filters-configurator.tsx:90
-#: app/configurator/interactive-filters/interactive-filters-configurator.tsx:129
+#: app/configurator/interactive-filters/interactive-filters-configurator.tsx:97
+#: app/configurator/interactive-filters/interactive-filters-configurator.tsx:136
 msgid "controls.section.interactive.filters"
 msgstr "Interaktive Filter hinzufügen"
 
@@ -548,11 +564,11 @@ msgstr "Tabellensortierung"
 msgid "controls.section.tableoptions"
 msgstr "Tabellenoptionen"
 
-#: app/configurator/components/chart-annotator.tsx:30
+#: app/configurator/components/chart-annotator.tsx:28
 msgid "controls.section.title.warning"
 msgstr "Fügen Sie einen Titel oder eine Beschreibung hinzu"
 
-#: app/configurator/components/chart-configurator.tsx:539
+#: app/configurator/components/chart-configurator.tsx:554
 #: app/configurator/components/chart-type-selector.tsx:131
 #: app/configurator/table/table-chart-configurator.tsx:123
 msgid "controls.select.chart.type"
@@ -612,16 +628,16 @@ msgstr "Messwert auswählen"
 #~ msgid "controls.select.optional"
 #~ msgstr "optional"
 
-#: app/configurator/components/filters.tsx:367
-#: app/configurator/components/filters.tsx:783
+#: app/configurator/components/filters.tsx:369
+#: app/configurator/components/filters.tsx:785
 msgid "controls.set-filters"
 msgstr "Filter bearbeiten"
 
-#: app/configurator/components/filters.tsx:791
+#: app/configurator/components/filters.tsx:793
 msgid "controls.set-filters-caption"
 msgstr "Für beste Ergebnisse wählen Sie nicht mehr als 7 Werte für die Visualisierung aus"
 
-#: app/configurator/components/filters.tsx:830
+#: app/configurator/components/filters.tsx:832
 msgid "controls.set-values-apply"
 msgstr "Filter anwenden"
 
@@ -900,7 +916,7 @@ msgstr "Daten-Ladefehler"
 msgid "hint.how.to.share"
 msgstr "Sie können diese Visualisierung teilen oder sie einbetten. Zudem können Sie eine neue Visualisierung erstellen oder die gezeigte Visualisierung kopieren."
 
-#: app/components/form.tsx:292
+#: app/components/form.tsx:297
 #: app/components/hint.tsx:111
 msgid "hint.loading.data"
 msgstr "Lade Daten …"
@@ -999,11 +1015,11 @@ msgid "publication.share.mail.subject"
 msgstr "visualize.admin.ch"
 
 #: app/configurator/components/dataset-browse.tsx:378
-#: app/configurator/components/filters.tsx:800
+#: app/configurator/components/filters.tsx:802
 msgid "select.controls.filters.search"
 msgstr "Suche"
 
-#: app/components/metadata-panel.tsx:290
+#: app/components/metadata-panel.tsx:295
 msgid "select.controls.metadata.search"
 msgstr "Springen zu..."
 
diff --git a/app/locales/en/messages.po b/app/locales/en/messages.po
index 06dd4b037b..829a4d95dc 100644
--- a/app/locales/en/messages.po
+++ b/app/locales/en/messages.po
@@ -13,19 +13,19 @@ msgstr ""
 "Language-Team: \n"
 "Plural-Forms: \n"
 
-#: app/configurator/components/chart-configurator.tsx:657
+#: app/configurator/components/chart-configurator.tsx:677
 msgid "Add filter"
 msgstr "Add filter"
 
-#: app/configurator/components/chart-configurator.tsx:630
+#: app/configurator/components/chart-configurator.tsx:650
 msgid "Drag filters to reorganize"
 msgstr "Drag filters to reorganize"
 
-#: app/configurator/components/chart-configurator.tsx:627
+#: app/configurator/components/chart-configurator.tsx:647
 msgid "Move filter down"
 msgstr "Move filter down"
 
-#: app/configurator/components/chart-configurator.tsx:624
+#: app/configurator/components/chart-configurator.tsx:644
 msgid "Move filter up"
 msgstr "Move filter up"
 
@@ -142,7 +142,7 @@ msgstr "Areas"
 #~ msgid "chart.map.layers.area.discretization.quantize"
 #~ msgstr "Quantize (equal intervals)"
 
-#: app/configurator/components/chart-configurator.tsx:706
+#: app/configurator/components/chart-configurator.tsx:730
 #: app/configurator/components/chart-options-selector.tsx:992
 #: app/configurator/components/field-i18n.ts:31
 msgid "chart.map.layers.base"
@@ -206,11 +206,11 @@ msgstr "Regular"
 msgid "controls..interactiveFilters.time.defaultSettings"
 msgstr "Default Settings"
 
-#: app/configurator/components/chart-annotator.tsx:67
+#: app/configurator/components/chart-annotator.tsx:70
 msgid "controls.annotator.add-description-warning"
 msgstr "Please add a description"
 
-#: app/configurator/components/chart-annotator.tsx:57
+#: app/configurator/components/chart-annotator.tsx:60
 msgid "controls.annotator.add-title-warning"
 msgstr "Please add a title"
 
@@ -347,11 +347,11 @@ msgstr "Description"
 msgid "controls.dimensionvalue.none"
 msgstr "No Filter"
 
-#: app/configurator/components/chart-configurator.tsx:487
-#~ msgid "controls.filter.interactive.toggle"
-#~ msgstr "Interactive"
+#: app/configurator/components/chart-configurator.tsx:491
+msgid "controls.filter.interactive.toggle"
+msgstr "Interactive"
 
-#: app/configurator/components/filters.tsx:415
+#: app/configurator/components/filters.tsx:417
 msgid "controls.filter.nb-elements"
 msgstr "{0} of {1}"
 
@@ -363,8 +363,7 @@ msgstr "Select all"
 msgid "controls.filter.select.none"
 msgstr "Select none"
 
-#: app/configurator/components/chart-configurator.tsx:488
-#: app/configurator/components/filters.tsx:355
+#: app/configurator/components/filters.tsx:356
 msgid "controls.filters.interactive.toggle"
 msgstr "Interactive"
 
@@ -372,15 +371,15 @@ msgstr "Interactive"
 #~ msgid "controls.filters.select.filters"
 #~ msgstr "Filters"
 
-#: app/configurator/components/filters.tsx:396
+#: app/configurator/components/filters.tsx:398
 msgid "controls.filters.select.refresh-colors"
 msgstr "Refresh colors"
 
-#: app/configurator/components/filters.tsx:380
+#: app/configurator/components/filters.tsx:382
 msgid "controls.filters.select.reset-colors"
 msgstr "Reset colors"
 
-#: app/configurator/components/filters.tsx:373
+#: app/configurator/components/filters.tsx:375
 msgid "controls.filters.select.selected-filters"
 msgstr "Selected filters"
 
@@ -417,7 +416,7 @@ msgstr "Zeros"
 #~ msgstr "Data Filters"
 
 #: app/configurator/interactive-filters/interactive-filters-config-options.tsx:80
-#: app/configurator/interactive-filters/interactive-filters-configurator.tsx:109
+#: app/configurator/interactive-filters/interactive-filters-configurator.tsx:116
 msgid "controls.interactive.filters.timeSlider"
 msgstr "Time slider"
 
@@ -466,11 +465,24 @@ msgstr "Italian"
 msgid "controls.measure"
 msgstr "Measure"
 
-#: app/configurator/components/configurator.tsx:149
+#: app/components/metadata-panel.tsx:228
+#: app/components/metadata-panel.tsx:240
+msgid "controls.metadata-panel.metadata"
+msgstr "Metadata"
+
+#: app/components/metadata-panel.tsx:208
+msgid "controls.metadata-panel.section.data"
+msgstr "Data"
+
+#: app/components/metadata-panel.tsx:198
+msgid "controls.metadata-panel.section.general"
+msgstr "General"
+
+#: app/configurator/components/configurator.tsx:145
 msgid "controls.nav.back-to-main"
 msgstr "Back to main"
 
-#: app/configurator/components/configurator.tsx:113
+#: app/configurator/components/configurator.tsx:112
 msgid "controls.nav.back-to-preview"
 msgstr "Back to preview"
 
@@ -490,7 +502,7 @@ msgstr "Off"
 msgid "controls.scale.type"
 msgstr "Scale type"
 
-#: app/components/form.tsx:625
+#: app/components/form.tsx:630
 msgid "controls.search.clear"
 msgstr "Clear search field"
 
@@ -498,7 +510,7 @@ msgstr "Clear search field"
 msgid "controls.section.additional-information"
 msgstr "Additional information"
 
-#: app/configurator/components/chart-configurator.tsx:547
+#: app/configurator/components/chart-configurator.tsx:562
 msgid "controls.section.chart.options"
 msgstr "Chart Options"
 
@@ -510,11 +522,11 @@ msgstr "Columns"
 msgid "controls.section.columnstyle"
 msgstr "Column Style"
 
-#: app/configurator/components/chart-configurator.tsx:565
+#: app/configurator/components/chart-configurator.tsx:584
 msgid "controls.section.data.filters"
 msgstr "Filters"
 
-#: app/configurator/components/chart-annotator.tsx:50
+#: app/configurator/components/chart-annotator.tsx:53
 msgid "controls.section.description"
 msgstr "Title & Description"
 
@@ -539,8 +551,8 @@ msgstr "Missing values"
 msgid "controls.section.imputation.explanation"
 msgstr "For this chart type, replacement values should be assigned to missing values. Decide on the imputation logic or switch to another chart type."
 
-#: app/configurator/interactive-filters/interactive-filters-configurator.tsx:90
-#: app/configurator/interactive-filters/interactive-filters-configurator.tsx:129
+#: app/configurator/interactive-filters/interactive-filters-configurator.tsx:97
+#: app/configurator/interactive-filters/interactive-filters-configurator.tsx:136
 msgid "controls.section.interactive.filters"
 msgstr "Interactive Filters"
 
@@ -568,11 +580,11 @@ msgstr "Table Sorting"
 msgid "controls.section.tableoptions"
 msgstr "Table Options"
 
-#: app/configurator/components/chart-annotator.tsx:30
+#: app/configurator/components/chart-annotator.tsx:28
 msgid "controls.section.title.warning"
 msgstr "Please add a title or description."
 
-#: app/configurator/components/chart-configurator.tsx:539
+#: app/configurator/components/chart-configurator.tsx:554
 #: app/configurator/components/chart-type-selector.tsx:131
 #: app/configurator/table/table-chart-configurator.tsx:123
 msgid "controls.select.chart.type"
@@ -632,16 +644,16 @@ msgstr "Select a measure"
 #~ msgid "controls.select.optional"
 #~ msgstr "optional"
 
-#: app/configurator/components/filters.tsx:367
-#: app/configurator/components/filters.tsx:783
+#: app/configurator/components/filters.tsx:369
+#: app/configurator/components/filters.tsx:785
 msgid "controls.set-filters"
 msgstr "Edit filters"
 
-#: app/configurator/components/filters.tsx:791
+#: app/configurator/components/filters.tsx:793
 msgid "controls.set-filters-caption"
 msgstr "For best results, do not select more than 7 values in the visualization."
 
-#: app/configurator/components/filters.tsx:830
+#: app/configurator/components/filters.tsx:832
 msgid "controls.set-values-apply"
 msgstr "Apply filters"
 
@@ -924,7 +936,7 @@ msgstr "Data loading error"
 msgid "hint.how.to.share"
 msgstr "You can share this visualization by copying the URL or by embedding it on your own website. You can also create a new visualization from scratch or start by copying the visualization above."
 
-#: app/components/form.tsx:292
+#: app/components/form.tsx:297
 #: app/components/hint.tsx:111
 msgid "hint.loading.data"
 msgstr "Loading data..."
@@ -1023,11 +1035,11 @@ msgid "publication.share.mail.subject"
 msgstr "visualize.admin.ch"
 
 #: app/configurator/components/dataset-browse.tsx:378
-#: app/configurator/components/filters.tsx:800
+#: app/configurator/components/filters.tsx:802
 msgid "select.controls.filters.search"
 msgstr "Search"
 
-#: app/components/metadata-panel.tsx:290
+#: app/components/metadata-panel.tsx:295
 msgid "select.controls.metadata.search"
 msgstr "Jump to..."
 
diff --git a/app/locales/fr/messages.po b/app/locales/fr/messages.po
index d7ca8c81e7..57518c8a48 100644
--- a/app/locales/fr/messages.po
+++ b/app/locales/fr/messages.po
@@ -13,19 +13,19 @@ msgstr ""
 "Language-Team: \n"
 "Plural-Forms: \n"
 
-#: app/configurator/components/chart-configurator.tsx:657
+#: app/configurator/components/chart-configurator.tsx:677
 msgid "Add filter"
 msgstr "Ajouter un filtre"
 
-#: app/configurator/components/chart-configurator.tsx:630
+#: app/configurator/components/chart-configurator.tsx:650
 msgid "Drag filters to reorganize"
 msgstr "Faites glisser les filtres pour les réorganiser"
 
-#: app/configurator/components/chart-configurator.tsx:627
+#: app/configurator/components/chart-configurator.tsx:647
 msgid "Move filter down"
 msgstr "Déplacer le filtre vers le bas"
 
-#: app/configurator/components/chart-configurator.tsx:624
+#: app/configurator/components/chart-configurator.tsx:644
 msgid "Move filter up"
 msgstr "Déplacer le filtre vers le haut"
 
@@ -142,7 +142,7 @@ msgstr "Zones"
 #~ msgid "chart.map.layers.area.discretization.quantize"
 #~ msgstr "Intervalles égaux"
 
-#: app/configurator/components/chart-configurator.tsx:706
+#: app/configurator/components/chart-configurator.tsx:730
 #: app/configurator/components/chart-options-selector.tsx:992
 #: app/configurator/components/field-i18n.ts:31
 msgid "chart.map.layers.base"
@@ -206,11 +206,11 @@ msgstr "Normal"
 msgid "controls..interactiveFilters.time.defaultSettings"
 msgstr "Paramètres d'origine"
 
-#: app/configurator/components/chart-annotator.tsx:67
+#: app/configurator/components/chart-annotator.tsx:70
 msgid "controls.annotator.add-description-warning"
 msgstr "Ajoutez une description au graphique"
 
-#: app/configurator/components/chart-annotator.tsx:57
+#: app/configurator/components/chart-annotator.tsx:60
 msgid "controls.annotator.add-title-warning"
 msgstr "Ajoutez un titre au graphique"
 
@@ -347,11 +347,11 @@ msgstr "Description"
 msgid "controls.dimensionvalue.none"
 msgstr "Aucune filtre"
 
-#: app/configurator/components/chart-configurator.tsx:487
-#~ msgid "controls.filter.interactive.toggle"
-#~ msgstr ""
+#: app/configurator/components/chart-configurator.tsx:491
+msgid "controls.filter.interactive.toggle"
+msgstr ""
 
-#: app/configurator/components/filters.tsx:415
+#: app/configurator/components/filters.tsx:417
 msgid "controls.filter.nb-elements"
 msgstr "{0} sur {1}"
 
@@ -363,8 +363,7 @@ msgstr "Tout sélectionner"
 msgid "controls.filter.select.none"
 msgstr "Tout déselectionner"
 
-#: app/configurator/components/chart-configurator.tsx:488
-#: app/configurator/components/filters.tsx:355
+#: app/configurator/components/filters.tsx:356
 msgid "controls.filters.interactive.toggle"
 msgstr "Interactif"
 
@@ -372,15 +371,15 @@ msgstr "Interactif"
 #~ msgid "controls.filters.select.filters"
 #~ msgstr "Filtres"
 
-#: app/configurator/components/filters.tsx:396
+#: app/configurator/components/filters.tsx:398
 msgid "controls.filters.select.refresh-colors"
 msgstr "Renouveller les couleurs"
 
-#: app/configurator/components/filters.tsx:380
+#: app/configurator/components/filters.tsx:382
 msgid "controls.filters.select.reset-colors"
 msgstr "Réinitialiser les couleurs"
 
-#: app/configurator/components/filters.tsx:373
+#: app/configurator/components/filters.tsx:375
 msgid "controls.filters.select.selected-filters"
 msgstr "Filtres sélectionnés"
 
@@ -417,7 +416,7 @@ msgstr "Zéros"
 #~ msgstr "Filtres de données"
 
 #: app/configurator/interactive-filters/interactive-filters-config-options.tsx:80
-#: app/configurator/interactive-filters/interactive-filters-configurator.tsx:109
+#: app/configurator/interactive-filters/interactive-filters-configurator.tsx:116
 msgid "controls.interactive.filters.timeSlider"
 msgstr "Curseur temporel"
 
@@ -461,11 +460,24 @@ msgstr "Italien"
 msgid "controls.measure"
 msgstr "Variable mesurée"
 
-#: app/configurator/components/configurator.tsx:149
+#: app/components/metadata-panel.tsx:228
+#: app/components/metadata-panel.tsx:240
+msgid "controls.metadata-panel.metadata"
+msgstr "Metadata"
+
+#: app/components/metadata-panel.tsx:208
+msgid "controls.metadata-panel.section.data"
+msgstr "Données"
+
+#: app/components/metadata-panel.tsx:198
+msgid "controls.metadata-panel.section.general"
+msgstr "Général"
+
+#: app/configurator/components/configurator.tsx:145
 msgid "controls.nav.back-to-main"
 msgstr "Retour aux paramètres généraux"
 
-#: app/configurator/components/configurator.tsx:113
+#: app/configurator/components/configurator.tsx:112
 msgid "controls.nav.back-to-preview"
 msgstr "Retour à l'aperçu"
 
@@ -485,7 +497,7 @@ msgstr "Inactif"
 msgid "controls.scale.type"
 msgstr "Type d'échelle"
 
-#: app/components/form.tsx:625
+#: app/components/form.tsx:630
 msgid "controls.search.clear"
 msgstr "Effacer la recherche"
 
@@ -493,7 +505,7 @@ msgstr "Effacer la recherche"
 msgid "controls.section.additional-information"
 msgstr "Informations supplémentaires"
 
-#: app/configurator/components/chart-configurator.tsx:547
+#: app/configurator/components/chart-configurator.tsx:562
 msgid "controls.section.chart.options"
 msgstr "Paramètres graphiques"
 
@@ -505,11 +517,11 @@ msgstr "Colonnes"
 msgid "controls.section.columnstyle"
 msgstr "Style de la colonne"
 
-#: app/configurator/components/chart-configurator.tsx:565
+#: app/configurator/components/chart-configurator.tsx:584
 msgid "controls.section.data.filters"
 msgstr "Filtres"
 
-#: app/configurator/components/chart-annotator.tsx:50
+#: app/configurator/components/chart-annotator.tsx:53
 msgid "controls.section.description"
 msgstr "Titre & description"
 
@@ -534,8 +546,8 @@ msgstr "Valeurs manquantes"
 msgid "controls.section.imputation.explanation"
 msgstr "En raison du type de graphique sélectionné, les valeurs manquantes doivent être remplies. Décidez de la logique d'imputation ou choisissez un autre type de graphique."
 
-#: app/configurator/interactive-filters/interactive-filters-configurator.tsx:90
-#: app/configurator/interactive-filters/interactive-filters-configurator.tsx:129
+#: app/configurator/interactive-filters/interactive-filters-configurator.tsx:97
+#: app/configurator/interactive-filters/interactive-filters-configurator.tsx:136
 msgid "controls.section.interactive.filters"
 msgstr "Filtres interactifs"
 
@@ -563,11 +575,11 @@ msgstr "Tri du tableau"
 msgid "controls.section.tableoptions"
 msgstr "Options du tableau"
 
-#: app/configurator/components/chart-annotator.tsx:30
+#: app/configurator/components/chart-annotator.tsx:28
 msgid "controls.section.title.warning"
 msgstr "Ajoutez un titre et une description"
 
-#: app/configurator/components/chart-configurator.tsx:539
+#: app/configurator/components/chart-configurator.tsx:554
 #: app/configurator/components/chart-type-selector.tsx:131
 #: app/configurator/table/table-chart-configurator.tsx:123
 msgid "controls.select.chart.type"
@@ -627,16 +639,16 @@ msgstr "Sélectionner une variable"
 #~ msgid "controls.select.optional"
 #~ msgstr "optionnel"
 
-#: app/configurator/components/filters.tsx:367
-#: app/configurator/components/filters.tsx:783
+#: app/configurator/components/filters.tsx:369
+#: app/configurator/components/filters.tsx:785
 msgid "controls.set-filters"
 msgstr "Modifier les filtres"
 
-#: app/configurator/components/filters.tsx:791
+#: app/configurator/components/filters.tsx:793
 msgid "controls.set-filters-caption"
 msgstr "Pour de meilleurs résultats, ne sélectionnez pas plus de 7 valeurs dans la visualisation."
 
-#: app/configurator/components/filters.tsx:830
+#: app/configurator/components/filters.tsx:832
 msgid "controls.set-values-apply"
 msgstr "Appliquer les filtres"
 
@@ -915,7 +927,7 @@ msgstr "Problème de téléchargement des données"
 msgid "hint.how.to.share"
 msgstr "Vous pouvez partager cette visualisation en copiant l'URL ou en l'intégrant sur votre site Web. Vous pouvez également créer une toute nouvelle visualisation, ou bien copier et modifier la visualisation ci-dessus."
 
-#: app/components/form.tsx:292
+#: app/components/form.tsx:297
 #: app/components/hint.tsx:111
 msgid "hint.loading.data"
 msgstr "Chargement des données..."
@@ -1014,11 +1026,11 @@ msgid "publication.share.mail.subject"
 msgstr "visualize.admin.ch"
 
 #: app/configurator/components/dataset-browse.tsx:378
-#: app/configurator/components/filters.tsx:800
+#: app/configurator/components/filters.tsx:802
 msgid "select.controls.filters.search"
 msgstr "Chercher"
 
-#: app/components/metadata-panel.tsx:290
+#: app/components/metadata-panel.tsx:295
 msgid "select.controls.metadata.search"
 msgstr "Sauter à..."
 
diff --git a/app/locales/it/messages.po b/app/locales/it/messages.po
index c2a9a6c27b..82391ac3d2 100644
--- a/app/locales/it/messages.po
+++ b/app/locales/it/messages.po
@@ -13,19 +13,19 @@ msgstr ""
 "Language-Team: \n"
 "Plural-Forms: \n"
 
-#: app/configurator/components/chart-configurator.tsx:657
+#: app/configurator/components/chart-configurator.tsx:677
 msgid "Add filter"
 msgstr "Aggiungi filtro"
 
-#: app/configurator/components/chart-configurator.tsx:630
+#: app/configurator/components/chart-configurator.tsx:650
 msgid "Drag filters to reorganize"
 msgstr "Trascina i filtri per riorganizzarli"
 
-#: app/configurator/components/chart-configurator.tsx:627
+#: app/configurator/components/chart-configurator.tsx:647
 msgid "Move filter down"
 msgstr "Sposta il filtro in basso"
 
-#: app/configurator/components/chart-configurator.tsx:624
+#: app/configurator/components/chart-configurator.tsx:644
 msgid "Move filter up"
 msgstr "Sposta il filtro in alto"
 
@@ -142,7 +142,7 @@ msgstr "Aree"
 #~ msgid "chart.map.layers.area.discretization.quantize"
 #~ msgstr "Intervalli uguali"
 
-#: app/configurator/components/chart-configurator.tsx:706
+#: app/configurator/components/chart-configurator.tsx:730
 #: app/configurator/components/chart-options-selector.tsx:992
 #: app/configurator/components/field-i18n.ts:31
 msgid "chart.map.layers.base"
@@ -206,11 +206,11 @@ msgstr "Regular"
 msgid "controls..interactiveFilters.time.defaultSettings"
 msgstr "Impostazioni predefinite"
 
-#: app/configurator/components/chart-annotator.tsx:67
+#: app/configurator/components/chart-annotator.tsx:70
 msgid "controls.annotator.add-description-warning"
 msgstr "Aggiungi una descrizione"
 
-#: app/configurator/components/chart-annotator.tsx:57
+#: app/configurator/components/chart-annotator.tsx:60
 msgid "controls.annotator.add-title-warning"
 msgstr "Aggiungi un titolo"
 
@@ -347,11 +347,11 @@ msgstr "Descrizione"
 msgid "controls.dimensionvalue.none"
 msgstr "Nessun filtro"
 
-#: app/configurator/components/chart-configurator.tsx:487
-#~ msgid "controls.filter.interactive.toggle"
-#~ msgstr ""
+#: app/configurator/components/chart-configurator.tsx:491
+msgid "controls.filter.interactive.toggle"
+msgstr ""
 
-#: app/configurator/components/filters.tsx:415
+#: app/configurator/components/filters.tsx:417
 msgid "controls.filter.nb-elements"
 msgstr "{0} di {1}"
 
@@ -363,8 +363,7 @@ msgstr "Seleziona tutti"
 msgid "controls.filter.select.none"
 msgstr "Deseleziona tutto"
 
-#: app/configurator/components/chart-configurator.tsx:488
-#: app/configurator/components/filters.tsx:355
+#: app/configurator/components/filters.tsx:356
 msgid "controls.filters.interactive.toggle"
 msgstr "Interattivo"
 
@@ -372,15 +371,15 @@ msgstr "Interattivo"
 #~ msgid "controls.filters.select.filters"
 #~ msgstr "Filtri"
 
-#: app/configurator/components/filters.tsx:396
+#: app/configurator/components/filters.tsx:398
 msgid "controls.filters.select.refresh-colors"
 msgstr "Aggiorna i colori"
 
-#: app/configurator/components/filters.tsx:380
+#: app/configurator/components/filters.tsx:382
 msgid "controls.filters.select.reset-colors"
 msgstr "Reimpostare i colori"
 
-#: app/configurator/components/filters.tsx:373
+#: app/configurator/components/filters.tsx:375
 msgid "controls.filters.select.selected-filters"
 msgstr "Filtri selezionati"
 
@@ -417,7 +416,7 @@ msgstr "Zeri"
 #~ msgstr "Filtri di dati"
 
 #: app/configurator/interactive-filters/interactive-filters-config-options.tsx:80
-#: app/configurator/interactive-filters/interactive-filters-configurator.tsx:109
+#: app/configurator/interactive-filters/interactive-filters-configurator.tsx:116
 msgid "controls.interactive.filters.timeSlider"
 msgstr "Cursore del tempo"
 
@@ -466,11 +465,24 @@ msgstr "Italiano"
 msgid "controls.measure"
 msgstr "Misura"
 
-#: app/configurator/components/configurator.tsx:149
+#: app/components/metadata-panel.tsx:228
+#: app/components/metadata-panel.tsx:240
+msgid "controls.metadata-panel.metadata"
+msgstr "Metadata"
+
+#: app/components/metadata-panel.tsx:208
+msgid "controls.metadata-panel.section.data"
+msgstr "Dati"
+
+#: app/components/metadata-panel.tsx:198
+msgid "controls.metadata-panel.section.general"
+msgstr "Generale"
+
+#: app/configurator/components/configurator.tsx:145
 msgid "controls.nav.back-to-main"
 msgstr "Torna alle impostazioni generali"
 
-#: app/configurator/components/configurator.tsx:113
+#: app/configurator/components/configurator.tsx:112
 msgid "controls.nav.back-to-preview"
 msgstr "Torna all'anteprima"
 
@@ -490,7 +502,7 @@ msgstr "Inattivo"
 msgid "controls.scale.type"
 msgstr "Tipo di scala"
 
-#: app/components/form.tsx:625
+#: app/components/form.tsx:630
 msgid "controls.search.clear"
 msgstr "Cancella la ricerca"
 
@@ -498,7 +510,7 @@ msgstr "Cancella la ricerca"
 msgid "controls.section.additional-information"
 msgstr "Informazioni aggiuntive"
 
-#: app/configurator/components/chart-configurator.tsx:547
+#: app/configurator/components/chart-configurator.tsx:562
 msgid "controls.section.chart.options"
 msgstr "Opzioni del grafico"
 
@@ -510,11 +522,11 @@ msgstr "Colonne"
 msgid "controls.section.columnstyle"
 msgstr "Stile della colonna"
 
-#: app/configurator/components/chart-configurator.tsx:565
+#: app/configurator/components/chart-configurator.tsx:584
 msgid "controls.section.data.filters"
 msgstr "Filtri"
 
-#: app/configurator/components/chart-annotator.tsx:50
+#: app/configurator/components/chart-annotator.tsx:53
 msgid "controls.section.description"
 msgstr "Titolo e descrizione"
 
@@ -539,8 +551,8 @@ msgstr "Valori mancanti"
 msgid "controls.section.imputation.explanation"
 msgstr "Per questo tipo di grafico, i valori di sostituzione devono essere assegnati ai valori mancanti. Decidi la logica di imputazione o passa a un altro tipo di grafico."
 
-#: app/configurator/interactive-filters/interactive-filters-configurator.tsx:90
-#: app/configurator/interactive-filters/interactive-filters-configurator.tsx:129
+#: app/configurator/interactive-filters/interactive-filters-configurator.tsx:97
+#: app/configurator/interactive-filters/interactive-filters-configurator.tsx:136
 msgid "controls.section.interactive.filters"
 msgstr "Filtri interattivi"
 
@@ -568,11 +580,11 @@ msgstr "Ordinamento della tabella"
 msgid "controls.section.tableoptions"
 msgstr "Opzioni della tabella"
 
-#: app/configurator/components/chart-annotator.tsx:30
+#: app/configurator/components/chart-annotator.tsx:28
 msgid "controls.section.title.warning"
 msgstr "Aggiungi un titolo o una descrizione"
 
-#: app/configurator/components/chart-configurator.tsx:539
+#: app/configurator/components/chart-configurator.tsx:554
 #: app/configurator/components/chart-type-selector.tsx:131
 #: app/configurator/table/table-chart-configurator.tsx:123
 msgid "controls.select.chart.type"
@@ -632,16 +644,16 @@ msgstr "Seleziona una misura"
 #~ msgid "controls.select.optional"
 #~ msgstr "facoltativo"
 
-#: app/configurator/components/filters.tsx:367
-#: app/configurator/components/filters.tsx:783
+#: app/configurator/components/filters.tsx:369
+#: app/configurator/components/filters.tsx:785
 msgid "controls.set-filters"
 msgstr "Modificare i filtri"
 
-#: app/configurator/components/filters.tsx:791
+#: app/configurator/components/filters.tsx:793
 msgid "controls.set-filters-caption"
 msgstr "Pour de meilleurs résultats, ne sélectionnez pas plus de 7 valeurs dans la visualisation"
 
-#: app/configurator/components/filters.tsx:830
+#: app/configurator/components/filters.tsx:832
 msgid "controls.set-values-apply"
 msgstr "Appliquer les filtres"
 
@@ -920,7 +932,7 @@ msgstr "Problema di caricamento dei dati"
 msgid "hint.how.to.share"
 msgstr "È possibile condividere questa visualizzazione copiando l'URL o incorporandola nel vostro sito Web. Puoi anche creare una nuova visualizzazione partendo da zero oppure copiando e modificando la visualizzazione sopra."
 
-#: app/components/form.tsx:292
+#: app/components/form.tsx:297
 #: app/components/hint.tsx:111
 msgid "hint.loading.data"
 msgstr "Caricamento dei dati..."
@@ -1019,11 +1031,11 @@ msgid "publication.share.mail.subject"
 msgstr "visualize.admin.ch"
 
 #: app/configurator/components/dataset-browse.tsx:378
-#: app/configurator/components/filters.tsx:800
+#: app/configurator/components/filters.tsx:802
 msgid "select.controls.filters.search"
 msgstr "Cerca"
 
-#: app/components/metadata-panel.tsx:290
+#: app/components/metadata-panel.tsx:295
 msgid "select.controls.metadata.search"
 msgstr "Salta a..."
 

From b5fed5e49bfa19cda65073c59a6436d17c905131 Mon Sep 17 00:00:00 2001
From: Bartosz Prusinowski <bartoszprusinowski1@gmail.com>
Date: Mon, 28 Nov 2022 10:02:04 +0100
Subject: [PATCH 15/16] refactor: Extract useDrawerStyles

---
 app/components/metadata-panel.tsx | 26 ++++++++++++++++----------
 1 file changed, 16 insertions(+), 10 deletions(-)

diff --git a/app/components/metadata-panel.tsx b/app/components/metadata-panel.tsx
index 8fdad85672..e78da41ed5 100644
--- a/app/components/metadata-panel.tsx
+++ b/app/components/metadata-panel.tsx
@@ -67,13 +67,13 @@ export const useContext = () => {
   return ctx;
 };
 
-const useStyles = makeStyles<Theme, { drawerTop?: number }>((theme) => {
+const useDrawerStyles = makeStyles<Theme, { top: number }>((theme) => {
   return {
-    drawer: {
+    root: {
       position: "static",
 
       "& > .MuiPaper-root": {
-        top: ({ drawerTop }) => drawerTop,
+        top: ({ top }) => top,
         bottom: 0,
         width: DRAWER_WIDTH + 1,
         height: "auto",
@@ -83,6 +83,11 @@ const useStyles = makeStyles<Theme, { drawerTop?: number }>((theme) => {
         boxShadow: "none",
       },
     },
+  };
+});
+
+const useOtherStyles = makeStyles<Theme>((theme) => {
+  return {
     header: {
       display: "flex",
       alignItems: "center",
@@ -164,7 +169,8 @@ const PanelInner = ({
   container: HTMLDivElement | null | undefined;
   top?: number;
 }) => {
-  const classes = useStyles({ drawerTop: top });
+  const drawerClasses = useDrawerStyles({ top });
+  const otherClasses = useOtherStyles();
   const { open, toggle, activeSection, setActiveSection } = useContext();
   const handleToggle = useEvent(() => {
     toggle();
@@ -175,7 +181,7 @@ const PanelInner = ({
       <ToggleButton onClick={handleToggle} />
 
       <Drawer
-        className={classes.drawer}
+        className={drawerClasses.root}
         open={open}
         anchor="left"
         hideBackdrop
@@ -186,7 +192,7 @@ const PanelInner = ({
 
         <TabContext value={activeSection}>
           <TabList
-            className={classes.tabList}
+            className={otherClasses.tabList}
             onChange={(_, v) => {
               setActiveSection(v);
             }}
@@ -232,7 +238,7 @@ const ToggleButton = ({ onClick }: { onClick: () => void }) => {
 };
 
 const Header = ({ onClose }: { onClose: () => void }) => {
-  const classes = useStyles({});
+  const classes = useOtherStyles();
 
   return (
     <div className={classes.header}>
@@ -248,7 +254,7 @@ const Header = ({ onClose }: { onClose: () => void }) => {
 };
 
 const Content = () => {
-  const classes = useStyles({});
+  const classes = useOtherStyles();
 
   return <div className={classes.content}></div>;
 };
@@ -260,7 +266,7 @@ const TabPanelGeneral = ({
   datasetIri: string;
   dataSource: DataSource;
 }) => {
-  const classes = useStyles({});
+  const classes = useOtherStyles();
 
   return (
     <TabPanel className={classes.tabPanel} value="general">
@@ -274,7 +280,7 @@ const TabPanelData = ({
 }: {
   dimensions: DimensionMetadataFragment[];
 }) => {
-  const classes = useStyles({});
+  const classes = useOtherStyles();
   const [searchInput, setSearchInput] = useState("");
 
   const filteredDimensions = useMemo(() => {

From 14ecd8cf9400ad0e8d660b1be1fa4882aa6c34fb Mon Sep 17 00:00:00 2001
From: Bartosz Prusinowski <bartoszprusinowski1@gmail.com>
Date: Mon, 28 Nov 2022 10:12:35 +0100
Subject: [PATCH 16/16] feat: Add metadata flag

---
 app/components/chart-preview.tsx   | 22 ++++++++++++++--------
 app/components/chart-published.tsx | 22 ++++++++++++++--------
 2 files changed, 28 insertions(+), 16 deletions(-)

diff --git a/app/components/chart-preview.tsx b/app/components/chart-preview.tsx
index 54bb954fc4..03fc94167e 100644
--- a/app/components/chart-preview.tsx
+++ b/app/components/chart-preview.tsx
@@ -23,7 +23,11 @@ import { HintYellow } from "@/components/hint";
 import { MetadataPanel } from "@/components/metadata-panel";
 import { ChartConfig, DataSource, useConfiguratorState } from "@/configurator";
 import { DataSetTable } from "@/configurator/components/datatable";
-import { useDataCubeMetadataWithComponentValuesQuery } from "@/graphql/query-hooks";
+import { flag } from "@/configurator/components/flag";
+import {
+  DimensionMetadataFragment,
+  useDataCubeMetadataWithComponentValuesQuery,
+} from "@/graphql/query-hooks";
 import { DataCubePublicationStatus } from "@/graphql/resolver-types";
 import { useLocale } from "@/locales/use-locale";
 import useEvent from "@/utils/use-event";
@@ -86,7 +90,7 @@ export const ChartPreviewInner = ({
 
   const handleToggleTableView = useEvent(() => setIsTablePreview((c) => !c));
 
-  const allDimensions = useMemo(() => {
+  const allDimensions: DimensionMetadataFragment[] = useMemo(() => {
     return [
       ...(metaData?.dataCubeByIri?.dimensions ?? []),
       ...(metaData?.dataCubeByIri?.measures ?? []),
@@ -148,12 +152,14 @@ export const ChartPreviewInner = ({
                   )}
                 </Typography>
 
-                <MetadataPanel
-                  datasetIri={dataSetIri}
-                  dataSource={dataSource}
-                  dimensions={allDimensions}
-                  top={96}
-                />
+                {flag("metadata") && (
+                  <MetadataPanel
+                    datasetIri={dataSetIri}
+                    dataSource={dataSource}
+                    dimensions={allDimensions}
+                    top={96}
+                  />
+                )}
               </Flex>
               <Head>
                 <title key="title">
diff --git a/app/components/chart-published.tsx b/app/components/chart-published.tsx
index cb78e06045..5fea70f156 100644
--- a/app/components/chart-published.tsx
+++ b/app/components/chart-published.tsx
@@ -28,12 +28,16 @@ import {
   PublishedConfiguratorStateProvider,
 } from "@/configurator";
 import { DataSetTable } from "@/configurator/components/datatable";
+import { flag } from "@/configurator/components/flag";
 import { parseDate } from "@/configurator/components/ui-helpers";
 import {
   DEFAULT_DATA_SOURCE,
   useIsTrustedDataSource,
 } from "@/domain/datasource";
-import { useDataCubeMetadataWithComponentValuesQuery } from "@/graphql/query-hooks";
+import {
+  DimensionMetadataFragment,
+  useDataCubeMetadataWithComponentValuesQuery,
+} from "@/graphql/query-hooks";
 import { DataCubePublicationStatus } from "@/graphql/resolver-types";
 import { useLocale } from "@/locales/use-locale";
 import useEvent from "@/utils/use-event";
@@ -120,7 +124,7 @@ export const ChartPublishedInner = ({
   } = useChartTablePreview();
   const handleToggleTableView = useEvent(() => setIsTablePreview((c) => !c));
 
-  const allDimensions = useMemo(() => {
+  const allDimensions: DimensionMetadataFragment[] = useMemo(() => {
     return [
       ...(metaData?.dataCubeByIri?.dimensions ?? []),
       ...(metaData?.dataCubeByIri?.measures ?? []),
@@ -177,12 +181,14 @@ export const ChartPublishedInner = ({
             {meta.title[locale]}
           </Typography>
 
-          <MetadataPanel
-            datasetIri={dataSet}
-            dataSource={dataSource}
-            dimensions={allDimensions}
-            container={rootRef.current}
-          />
+          {flag("metadata") && (
+            <MetadataPanel
+              datasetIri={dataSet}
+              dataSource={dataSource}
+              dimensions={allDimensions}
+              container={rootRef.current}
+            />
+          )}
         </Flex>
 
         {meta.description[locale] && (