@eeacms/volto-clms-theme 1.1.213 → 1.1.215

package/CHANGELOG.md

@@ -4,6 +4,13 @@ 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.215](https://github.com/eea/volto-clms-theme/compare/1.1.214...1.1.215) - 24 February 2025
+
+#### :hammer_and_wrench: Others
+
+- Refs #284774 - CclRelatedListingBlock, add Item batch size field, number, default 20. [GhitaB - [`24b030b`](https://github.com/eea/volto-clms-theme/commit/24b030b1137d9a123916a8f4481069f99edabfca)]
+### [1.1.214](https://github.com/eea/volto-clms-theme/compare/1.1.213...1.1.214) - 21 February 2025
+
 ### [1.1.213](https://github.com/eea/volto-clms-theme/compare/1.1.212...1.1.213) - 20 February 2025
 
 #### :bug: Bug Fixes

package/package.json

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

package/src/components/Blocks/CclRelatedListingBlock/CclRelatedListingView.jsx

@@ -22,9 +22,11 @@ const CclRelatedListingView = (props) => {
     directRelation = false,
     searchParamsExecution = () => {},
   } = props;
+
+  const items_per_page = data.item_batch_size || 20;
   const use_pagination = useFilteredPagination(
     [],
-    10,
+    items_per_page,
     id,
     searchParamsExecution,
   );

package/src/components/Blocks/CclRelatedListingBlock/schema.js

@@ -15,7 +15,7 @@ const Schema = (props) => {
       {
         id: 'default',
         title: 'Default',
-        fields: ['content_type', 'variation'],
+        fields: ['content_type', 'variation', 'item_batch_size'],
       },
     ],
     properties: {
@@ -27,6 +27,13 @@ const Schema = (props) => {
         title: 'Variation',
         choices: [...variations],
       },
+      item_batch_size: {
+        title: 'Item batch size',
+        type: 'number',
+        minimum: 0,
+        maximum: 10000,
+        default: 20,
+      },
     },
     required: [],
   };

package/src/components/CLMSDownloadCartView/Fields/TimeseriesPicker.jsx

@@ -27,12 +27,13 @@ export const TimeseriesPicker = (props) => {
       : null,
   );
   const [isOpen, setIsOpen] = useState(false);
+  const [datesApplied, setDatesApplied] = useState(false);
 
   const isValidDateRange = ({ start, end, limit }) => {
     /* Calculate if the difference in days is smaller than the allowed limit */
     const oneDay = 24 * 60 * 60 * 1000; // hours*minutes*seconds*milliseconds
     const diffDays = Math.round(Math.abs((start - end) / oneDay));
-    return diffDays < limit;
+    return diffDays <= limit;
   };
   const dates_array = data_arrays?.map((e) => new Date(e));
   return (
@@ -61,7 +62,7 @@ export const TimeseriesPicker = (props) => {
               <Icon name={calendarSVG} size={25} />
               <br />
               <span>
-                {item.TemporalFilter
+                {item.TemporalFilter && datesApplied
                   ? `${cclDateFormat(
                       item.TemporalFilter.StartDate,
                     )}-${cclDateFormat(item.TemporalFilter.EndDate)}`
@@ -202,6 +203,7 @@ export const TimeseriesPicker = (props) => {
                     StartDate: startValue,
                     EndDate: endValue,
                   });
+                  setDatesApplied(true);
                   setIsOpen(false);
                 }}
               >