@eeacms/volto-clms-theme 1.1.7 → 1.1.9

package/CHANGELOG.md

@@ -4,6 +4,28 @@ All notable changes to this project will be documented in this file. Dates are d
 
 Generated by [`auto-changelog`](https://github.com/CookPete/auto-changelog).
 
+### [1.1.9](https://github.com/eea/volto-clms-theme/compare/1.1.8...1.1.9) - 12 June 2023
+
+#### :hammer_and_wrench: Others
+
+- tests [ionlizarazu - [`3904a4c`](https://github.com/eea/volto-clms-theme/commit/3904a4c42683de2a6be0d985156ab47048b98f09)]
+- fix eslint [ionlizarazu - [`77e7835`](https://github.com/eea/volto-clms-theme/commit/77e783541b36f54a13de42dd006bdfd5b63a6d2a)]
+- datepicker and nuts naming [ionlizarazu - [`78f44b7`](https://github.com/eea/volto-clms-theme/commit/78f44b7ecc555d3783301a74bc27e4fc6008a5b1)]
+- styles [ionlizarazu - [`22bb1af`](https://github.com/eea/volto-clms-theme/commit/22bb1af08f708a9f3870cdd263ff8445947f1676)]
+- fix header search button a11y [ionlizarazu - [`94b0e32`](https://github.com/eea/volto-clms-theme/commit/94b0e322d15ea4704ae3a0089a1b7a86bf44e364)]
+- prevent lisitng error [ionlizarazu - [`2c61e7f`](https://github.com/eea/volto-clms-theme/commit/2c61e7f8179a902d9b2520fc00b628cf2d4e4ede)]
+- fix TL type and prevent requests to vocabulary on doc variation [ionlizarazu - [`063443f`](https://github.com/eea/volto-clms-theme/commit/063443fbbf753091b301737795dab8345a66ef9e)]
+- clean code and add datepicker to cart [ionlizarazu - [`e230d06`](https://github.com/eea/volto-clms-theme/commit/e230d065153957a68e2b696ef9b3e9d1f2a5e2a8)]
+- test: Fix test config, coverage Refs #253277 [valentinab25 - [`f8ca3d4`](https://github.com/eea/volto-clms-theme/commit/f8ca3d46ceffbf3255000836bee8a791f4817791)]
+- CLMS-2282 cart coordinates [ionlizarazu - [`c8101c4`](https://github.com/eea/volto-clms-theme/commit/c8101c47498ca533bed0160c4f381c455a6a1ff8)]
+- timeseries first steps [ionlizarazu - [`f37d2e6`](https://github.com/eea/volto-clms-theme/commit/f37d2e656d7c108deb89e62c98019da7618dcd10)]
+### [1.1.8](https://github.com/eea/volto-clms-theme/compare/1.1.7...1.1.8) - 5 June 2023
+
+#### :hammer_and_wrench: Others
+
+- [CLMS-2283] taxonomywidget bugfix [ionlizarazu - [`5f95cf4`](https://github.com/eea/volto-clms-theme/commit/5f95cf4802dc5391ee2ed155b07c20a42fb8f9b2)]
+- slate link editor test [ionlizarazu - [`8ed08bc`](https://github.com/eea/volto-clms-theme/commit/8ed08bc7411f1869a190ecc73c06fd153c09804a)]
+- historic downloads typo [ionlizarazu - [`b2695b5`](https://github.com/eea/volto-clms-theme/commit/b2695b533998f0fd471624e78afd394f62536a59)]
 ### [1.1.7](https://github.com/eea/volto-clms-theme/compare/1.1.6...1.1.7) - 1 June 2023
 
 #### :hammer_and_wrench: Others

package/Jenkinsfile

@@ -188,6 +188,7 @@ pipeline {
     //         def nodeJS = tool 'NodeJS';
     //         withSonarQubeEnv('Sonarqube') {
     //           sh '''sed -i "s#/opt/frontend/my-volto-project/src/addons/${GIT_NAME}/##g" xunit-reports/coverage/lcov.info'''
+    //           sh '''sed -i "s#src/addons/${GIT_NAME}/##g" xunit-reports/coverage/lcov.info'''
     //           sh "export PATH=${scannerHome}/bin:${nodeJS}/bin:$PATH; sonar-scanner -Dsonar.javascript.lcov.reportPaths=./xunit-reports/coverage/lcov.info,./cypress-coverage/coverage/lcov.info -Dsonar.sources=./src -Dsonar.projectKey=$GIT_NAME-$BRANCH_NAME -Dsonar.projectVersion=$BRANCH_NAME-$BUILD_NUMBER"
     //           sh '''try=2; while [ \$try -gt 0 ]; do curl -s -XPOST -u "${SONAR_AUTH_TOKEN}:" "${SONAR_HOST_URL}api/project_tags/set?project=${GIT_NAME}-${BRANCH_NAME}&tags=${SONARQUBE_TAGS},${BRANCH_NAME}" > set_tags_result; if [ \$(grep -ic error set_tags_result ) -eq 0 ]; then try=0; else cat set_tags_result; echo "... Will retry"; sleep 60; try=\$(( \$try - 1 )); fi; done'''
     //         }
@@ -239,4 +240,4 @@ pipeline {
       }
     }
   }
-}
+}

package/jest-addon.config.js

@@ -5,6 +5,7 @@ module.exports = {
     '!src/**/*.d.ts',
   ],
   moduleNameMapper: {
+    '\\.(css|less|scss|sass)$': 'identity-obj-proxy',
     '@plone/volto/cypress': '<rootDir>/node_modules/@plone/volto/cypress',
     '@plone/volto/babel': '<rootDir>/node_modules/@plone/volto/babel',
     '@plone/volto/(.*)$': '<rootDir>/node_modules/@plone/volto/src/$1',
@@ -14,7 +15,6 @@ module.exports = {
       '<rootDir>/src/addons/volto-clms-theme/src/$1',
     '@eeacms/volto-clms-utils/(.*)$':
       '<rootDir>/node_modules/@eeacms/volto-clms-utils/src/$1',
-    '\\.(css|less|scss|sass)$': 'identity-obj-proxy',
     '@plone/volto-slate':
       '<rootDir>/node_modules/@plone/volto/packages/volto-slate/src',
     '~/(.*)$': '<rootDir>/src/$1',

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@eeacms/volto-clms-theme",
-  "version": "1.1.7",
+  "version": "1.1.9",
   "description": "volto-clms-theme: Volto theme for CLMS site",
   "main": "src/index.js",
   "author": "CodeSyntax for the European Environment Agency",

package/src/actions/dataset_timeseries/dataset_timeseries.js

@@ -0,0 +1,21 @@
+/**
+ * Get cart selection to downloadtool.
+ * @module actions/getDatasetTimeseries
+ */
+export const DATASET_TIMESERIES = 'DATASET_TIMESERIES';
+
+/**
+ * Get cart selection to downloadtool.
+ * @function getDatasetTimeseries
+ * @returns {Object} Get extra items action.
+ */
+export function getDatasetTimeseries(uid) {
+  return {
+    type: DATASET_TIMESERIES,
+    uid: uid,
+    request: {
+      op: 'get',
+      path: '/@get-time-series-metadata?dataset=' + uid,
+    },
+  };
+}

package/src/actions/index.js

@@ -59,6 +59,11 @@ export {
   getDatasetsByUid,
 } from './datasets_by_uid/datasets_by_uid';
 
+export {
+  DATASET_TIMESERIES,
+  getDatasetTimeseries,
+} from './dataset_timeseries/dataset_timeseries';
+
 export { GET_PROJECTIONS, getProjections } from './projections/get_projections';
 
 export { GET_REGISTRY, getRegistry } from './registry/registry';

package/src/components/Blocks/CustomTemplates/VoltoListingBlock/CclListingCards.jsx

@@ -1,14 +1,15 @@
 import React from 'react';
-import PropTypes from 'prop-types';
+import { useDispatch, useSelector } from 'react-redux';
+
+import { getVocabulary } from '@plone/volto/actions';
 import ConditionalLink from '@plone/volto/components/manage/ConditionalLink/ConditionalLink';
+import UniversalLink from '@plone/volto/components/manage/UniversalLink/UniversalLink';
 import { flattenToAppURL } from '@plone/volto/helpers';
-// import { ConditionalLink, UniversalLink } from '@plone/volto/components';
 import { isInternalURL } from '@plone/volto/helpers/Url/Url';
-import { useSelector } from 'react-redux';
-import UniversalLink from '@plone/volto/components/manage/UniversalLink/UniversalLink';
-
 import CclCard from '@eeacms/volto-clms-theme/components/CclCard/CclCard';
 
+import PropTypes from 'prop-types';
+
 const CclListingCards = (props) => {
   const {
     items,
@@ -18,8 +19,14 @@ const CclListingCards = (props) => {
     variation = 'doc',
     showDates = true,
   } = props;
+  const dispatch = useDispatch();
   let link = null;
   let href = linkHref?.[0]?.['@id'] || '';
+  const CATEGORIZATION_VOCABULARY_NAME =
+    'collective.taxonomy.technical_library_categorization';
+  const vocabularies_state = useSelector(
+    (state) => state.vocabularies[CATEGORIZATION_VOCABULARY_NAME],
+  );
   const user = useSelector((state) => state.users.user);
   if (isInternalURL(href)) {
     link = (
@@ -36,6 +43,17 @@ const CclListingCards = (props) => {
   } else if (!['line', 'doc', 'globalSearch'].includes(variation)) {
     containerClass = 'card-container';
   }
+  const hasTL = items.find(
+    (i) => i?.taxonomy_technical_library_categorization?.length > 0,
+  );
+  React.useEffect(() => {
+    if (hasTL && !vocabularies_state?.loaded) {
+      dispatch(
+        getVocabulary({ vocabNameOrURL: CATEGORIZATION_VOCABULARY_NAME }),
+      );
+    }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [hasTL, dispatch]);
   return (
     <>
       <div className={containerClass}>

package/src/components/Blocks/CustomTemplates/VoltoListingBlock/CclListingCards.test.jsx

@@ -24,6 +24,13 @@ const store = mockStore({
       roles: ['Manager'],
     },
   },
+  vocabularies: {
+    'collective.taxonomy.technical_library_categorization': {
+      loaded: false,
+      loading: false,
+      items: [],
+    },
+  },
 });
 const internalLink = [{ '@id': '/news' }];
 const externalLink = [{ '@id': 'https://wwww.google.com' }];

package/src/components/CLMSDownloadCartView/AreaNaming.jsx

@@ -0,0 +1,30 @@
+export const AreaNaming = (areaProps) => {
+  const { item } = areaProps;
+  switch (item.area?.type) {
+    case 'polygon':
+      return (
+        <>
+          <span>Bounding Box</span>
+          <br />
+          <span className="cart-bounding-boxes">
+            <span className="cart-bounding-box-row">
+              <span>{`N: ${item.area.value[1].toFixed(1)}º `}</span>&nbsp;
+              <span>{`E: ${item.area.value[2].toFixed(1)}º `}</span>
+            </span>
+            <span className="cart-bounding-box-row">
+              <span>{`S: ${item.area.value[3].toFixed(1)}º `}</span>&nbsp;
+              <span>{`W: ${item.area.value[0].toFixed(1)}º `}</span>
+            </span>
+          </span>
+        </>
+      );
+    case 'nuts':
+      return 'NUTS: ' + (item.area.valueName || item.area.value);
+    case undefined:
+      return item.area || item.file || '-';
+    case typeof item.area === 'string':
+      return item.area || item.file || '-';
+    default:
+      return '-';
+  }
+};

package/src/components/CLMSDownloadCartView/CLMSCartContent.jsx

@@ -1,37 +1,42 @@
 import React, { useEffect, useState } from 'react';
 import { useDispatch, useSelector } from 'react-redux';
+import { toast } from 'react-toastify';
 import { Checkbox, Modal, Segment, Select } from 'semantic-ui-react';
 
 import { Icon } from '@plone/volto/components';
 import { Toast } from '@plone/volto/components';
-import removeSVG from '@plone/volto/icons/delete.svg';
 import addDocumentSVG from '@plone/volto/icons/add-document.svg';
+import removeSVG from '@plone/volto/icons/delete.svg';
 import CclButton from '@eeacms/volto-clms-theme/components/CclButton/CclButton';
 import useCartState from '@eeacms/volto-clms-utils/cart/useCartState';
 import { cleanDuplicatesEntries } from '@eeacms/volto-clms-utils/utils';
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
 
 import { getDownloadtool, postDownloadtool } from '../../actions';
+import './cart-table.less';
 import {
   getDownloadToolPostBody,
-  formatNaming,
-  originalFormatNaming,
-  getCollectionByItem,
   duplicateCartItem,
   concatRequestedCartItem,
+  isChecked,
+  contentOrDash,
 } from './cartUtils';
-import { getAvailableConversion } from './conversion';
-import { toast } from 'react-toastify';
+import {
+  TypeNaming,
+  AreaNaming,
+  CollectionNaming,
+  FormatNaming,
+  LayerNaming,
+  TimeseriesPicker,
+} from '.';
 
-import './cart-table.less';
 /* eslint-disable react-hooks/exhaustive-deps */
 /**
  * CLMSCartContent container.
  * @module components/CLMSDownloadCartView/CLMSCartContent
  */
-
 const CLMSCartContent = (props) => {
-  const { localSessionCart } = props;
+  const { localSessionCart, getNutsIDList } = props;
   const dispatch = useDispatch();
   const { removeCartItem, /* removeCartItems, */ updateCart } = useCartState();
 
@@ -41,6 +46,7 @@ const CLMSCartContent = (props) => {
     (state) => state.downloadtool.post_download_in_progress,
   );
   const downloadtool_state = useSelector((state) => state.downloadtool);
+  const datasetTimeseries = useSelector((state) => state.datasetTimeseries);
 
   // component states
   const [openedModal, setOpenedModal] = useState(false);
@@ -56,8 +62,7 @@ const CLMSCartContent = (props) => {
   const projections = useSelector(
     (state) => state.downloadtool.projections_in_progress,
   );
-  const nutsnames = useSelector((state) => state.nutsnames.nutsnames);
-
+  const nutsnames = useSelector((state) => state.nutsnames);
   useEffect(() => {
     setCartItemInProgress(post_download_in_progress.unique_ids || '');
     // eslint-disable-next-line react-hooks/exhaustive-deps
@@ -70,10 +75,14 @@ const CLMSCartContent = (props) => {
       array_ids.includes(item.unique_id),
     );
     setCartItems(cleanDuplicatesEntries(newCart));
+    let localsessionNutsIDList = [...new Set(getNutsIDList(cart))];
+
     if (
       datasets_items?.length > 0 &&
       cart.length > 0 &&
-      cart.length !== newCart.length
+      cart.length !== newCart.length &&
+      ((localsessionNutsIDList.length > 0 && nutsnames.loaded) ||
+        !nutsnames.loading)
     ) {
       concatRequestedCartItem(
         cartItems,
@@ -81,10 +90,10 @@ const CLMSCartContent = (props) => {
         localSessionCart,
         datasets_items,
         projections,
-        nutsnames,
+        nutsnames.nutsnames,
       );
     }
-  }, [cart, datasets_items]);
+  }, [cart, datasets_items, nutsnames]);
 
   const selectAllCart = (checked) => {
     if (checked && cartItems.length > 0) {
@@ -185,228 +194,10 @@ const CLMSCartContent = (props) => {
     setCartItems([...cartItems]);
   };
 
-  function isChecked(cartSelectionCh, cartItemsCh) {
-    return cartItemsCh.length > 0
-      ? cartItemsCh
-          .filter((item) => item.task_in_progress === false)
-          .map((item, key) => item.unique_id)
-          .every(function (val) {
-            return cartSelectionCh.indexOf(val) !== -1;
-          })
-      : false;
-  }
-
-  const AreaNaming = (areaProps) => {
-    const { item } = areaProps;
-    switch (item.area?.type) {
-      case 'polygon':
-        return (
-          <>
-            <span>Bounding Box</span>
-            <br />
-            <span className="cart-bounding-boxes">
-              <span className="cart-bounding-box-row">
-                <span>{`N: ${item.area.value[0].toFixed(1)}º `}</span>&nbsp;
-                <span>{`E: ${item.area.value[1].toFixed(1)}º `}</span>
-              </span>
-              <span className="cart-bounding-box-row">
-                <span>{`S: ${item.area.value[2].toFixed(1)}º `}</span>&nbsp;
-                <span>{`W: ${item.area.value[3].toFixed(1)}º `}</span>
-              </span>
-            </span>
-          </>
-        );
-      case 'nuts':
-        return 'NUTS: ' + (item.area.valueName || item.area.value);
-      case undefined:
-        return item.area || item.file || '-';
-      case typeof item.area === 'string':
-        return item.area || item.file || '-';
-      default:
-        return '-';
-    }
-  };
-
-  const TypeNaming = ({ item }) => {
-    const types_options =
-      item?.type_options?.length > 0
-        ? [...new Set(item.type_options.map((ddi) => ddi.name))]
-        : [];
-    if (item.file_id) {
-      return (
-        <span className={'tag tag-' + item?.type?.toLowerCase()}>
-          {contentOrDash(item.type)}
-        </span>
-      );
-    } else if (!item.type) {
-      return '-';
-    } else {
-      let defaultType = getCollectionByItem(item);
-      return types_options.length > 1 ? (
-        <Select
-          placeholder="Select type"
-          value={defaultType.name}
-          options={
-            types_options.length > 0
-              ? types_options.map((option) => {
-                  return {
-                    key: option,
-                    value: option,
-                    text: option,
-                  };
-                })
-              : []
-          }
-          onChange={(e, data) => {
-            const new_cartItems = [...cartItems];
-            const objIndex = new_cartItems.findIndex(
-              (obj) => obj.unique_id === item.unique_id,
-            );
-            const first_type_id = item.type_options.filter(
-              (t_o) => t_o.name === data.value,
-            )[0].id;
-            new_cartItems[objIndex].type = first_type_id;
-            const dataset = datasets_items
-              ? datasets_items.find((req) => req.UID === item.dataset_uid)
-              : false;
-            const format_item = dataset.dataset_download_information.items.find(
-              (item) => item['@id'] === first_type_id,
-            );
-            new_cartItems[objIndex].format = format_item.full_format;
-            setCartItems([...new_cartItems]);
-          }}
-        />
-      ) : (
-        defaultType.name
-      );
-    }
-  };
-
-  const CollectionNaming = ({ item }) => {
-    if (item.file_id) {
-      return '-';
-    } else if (!item.type) {
-      return '-';
-    }
-    const this_type_collections = item?.type_options.filter(
-      (o) =>
-        o.name === item?.type_options.find((t_o) => t_o.id === item.type).name,
-    );
-    return this_type_collections.length > 1 ? (
-      <Select
-        placeholder="Select type"
-        value={
-          item.type
-            ? item.type
-            : item.type_options.length > 0 && item.type_options[0].id
-        }
-        options={
-          item?.type_options?.length > 0 &&
-          this_type_collections.map((option) => {
-            return {
-              key: option.id,
-              value: option.id,
-              text: option.collection ?? '-',
-            };
-          })
-        }
-        onChange={(e, data) => {
-          const new_cartItems = [...cartItems];
-          const objIndex = new_cartItems.findIndex(
-            (obj) => obj.unique_id === item.unique_id,
-          );
-          new_cartItems[objIndex].type = data.value;
-          const dataset = datasets_items
-            ? datasets_items.find((req) => req.UID === item.dataset_uid)
-            : false;
-          const format_item = dataset.dataset_download_information.items.find(
-            (item) => item['@id'] === data.value,
-          );
-          new_cartItems[objIndex].format = format_item.full_format;
-          setCartItems([...new_cartItems]);
-        }}
-      />
-    ) : (
-      getCollectionByItem(item).collection ?? '-'
-    );
-  };
-  const FormatNaming = ({ item, formatConversionTable }) => {
-    const format_options = getAvailableConversion(
-      formatConversionTable,
-      originalFormatNaming(item),
-    );
-    const item_format_name = formatNaming(item);
-    return !item.file_id ? (
-      format_options.length > 1 ? (
-        <Select
-          placeholder="Select format"
-          value={item_format_name}
-          options={format_options}
-          onChange={(e, data) => {
-            const objIndex = cartItems.findIndex(
-              (obj) => obj.unique_id === item.unique_id,
-            );
-            cartItems[objIndex].format = data.value;
-            setCartItems([...cartItems]);
-          }}
-        />
-      ) : (
-        item_format_name
-      )
-    ) : (
-      item_format_name
-    );
-  };
-
-  const LayerNaming = ({ item }) => {
-    if (item.file_id) {
-      return '-';
-    } else if (!item.type) {
-      return '-';
-    }
-
-    const this_type_layers = item?.type_options.filter(
-      (o) =>
-        o.collection ===
-        item?.type_options.find((t_o) => t_o.id === item.type).collection,
-    );
-
-    return this_type_layers.length > 0 &&
-      this_type_layers[0].layers.length > 0 ? (
-      <Select
-        placeholder="Select layer"
-        value={
-          item.layer
-            ? item.layer
-            : this_type_layers[0].layers.length > 0 &&
-              this_type_layers[0].layers[0]
-        }
-        options={
-          this_type_layers[0]?.layers.length > 0 &&
-          this_type_layers[0].layers.map((option) => {
-            return {
-              key: option,
-              value: option,
-              text: option,
-            };
-          })
-        }
-        onChange={(e, data) => {
-          const new_cartItems = [...cartItems];
-          const objIndex = new_cartItems.findIndex(
-            (obj) => obj.unique_id === item.unique_id,
-          );
-          new_cartItems[objIndex].layer = data.value;
-          setCartItems([...new_cartItems]);
-        }}
-      />
-    ) : (
-      '-'
-    );
-  };
-
-  const contentOrDash = (content) => {
-    return content || '-';
+  const setTimeseriesValue = (unique_id, value) => {
+    const objIndex = cartItems.findIndex((obj) => obj.unique_id === unique_id);
+    cartItems[objIndex].TemporalFilter = value;
+    setCartItems([...cartItems]);
   };
 
   return (
@@ -437,6 +228,7 @@ const CLMSCartContent = (props) => {
                   <th>Format</th>
                   <th>Layer/Band</th>
                   <th>Projection</th>
+                  <th>Timeseries</th>
                   <th></th>
                   <th></th>
                 </tr>
@@ -490,21 +282,37 @@ const CLMSCartContent = (props) => {
                         <AreaNaming item={item} />
                       </td>
                       <td>
-                        <TypeNaming item={item} />
+                        <TypeNaming
+                          item={item}
+                          datasets_items={datasets_items}
+                          cartItems={cartItems}
+                          setCartItems={setCartItems}
+                        />
                       </td>
                       <td>
-                        <CollectionNaming item={item} />
+                        <CollectionNaming
+                          item={item}
+                          datasets_items={datasets_items}
+                          cartItems={cartItems}
+                          setCartItems={setCartItems}
+                        />
                       </td>
                       <td className="table-td-format">
                         {formatConversionTable && item && (
                           <FormatNaming
                             item={item}
+                            cartItems={cartItems}
+                            setCartItems={setCartItems}
                             formatConversionTable={formatConversionTable}
                           />
                         )}
                       </td>
                       <td className="table-td-format">
-                        <LayerNaming item={item} />
+                        <LayerNaming
+                          item={item}
+                          cartItems={cartItems}
+                          setCartItems={setCartItems}
+                        />
                       </td>
                       <td className="table-td-projections">
                         {!item.file_id ? (
@@ -529,6 +337,22 @@ const CLMSCartContent = (props) => {
                           '-'
                         )}
                       </td>
+                      <td>
+                        {datasetTimeseries.datasets[item.dataset_uid]?.start ? (
+                          <TimeseriesPicker
+                            start={
+                              datasetTimeseries.datasets[item.dataset_uid].start
+                            }
+                            end={
+                              datasetTimeseries.datasets[item.dataset_uid].end
+                            }
+                            item={item}
+                            setTimeseriesValue={setTimeseriesValue}
+                          />
+                        ) : (
+                          <>-</>
+                        )}
+                      </td>
                       <td>
                         {item.task_in_progress ? (
                           <FontAwesomeIcon icon="spinner" spin />

package/src/components/CLMSDownloadCartView/CLMSDownloadCartView.jsx

@@ -14,7 +14,11 @@ import {
   getExtraBreadcrumbItems,
   getNutsNames,
 } from '../../actions';
-import { getFormatConversionTable, getProjections } from '../../actions';
+import {
+  getFormatConversionTable,
+  getProjections,
+  getDatasetTimeseries,
+} from '../../actions';
 import CLMSCartContent from './CLMSCartContent';
 
 /**
@@ -27,6 +31,7 @@ const CLMSDownloadCartView = (props) => {
   const locale = useSelector((state) => state.intl?.locale);
   const cart = useSelector((state) => state.cart_items.items);
   const content = useSelector((state) => state.content.data);
+  const datasetTimeseries = useSelector((state) => state.datasetTimeseries);
   const { isLoggedIn } = useCartState();
   const { formatMessage } = useIntl();
   const messages = defineMessages({
@@ -69,6 +74,14 @@ const CLMSDownloadCartView = (props) => {
     let uidsList = [...new Set(localsessionUidsList)];
     if (uidsList.length > 0) {
       dispatch(getDatasetsByUid(uidsList));
+      uidsList.forEach((uid) => {
+        if (
+          !datasetTimeseries.loading &&
+          datasetTimeseries?.datasets[uid] === undefined
+        ) {
+          dispatch(getDatasetTimeseries(uid));
+        }
+      });
     }
     if (localsessionNutsIDList.length > 0) {
       dispatch(getNutsNames(localsessionNutsIDList));
@@ -133,7 +146,10 @@ const CLMSDownloadCartView = (props) => {
                   </ul>
                 </div>
               </div>
-              <CLMSCartContent localSessionCart={cart} />
+              <CLMSCartContent
+                localSessionCart={cart}
+                getNutsIDList={getNutsIDList}
+              />
             </div>
           </>
         )}