@eeacms/volto-clms-theme 1.0.167 → 1.0.168

package/CHANGELOG.md

@@ -4,6 +4,16 @@ 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.0.168](https://github.com/eea/volto-clms-theme/compare/1.0.167...1.0.168) - 7 February 2023
+
+#### :bug: Bug Fixes
+
+- fix: usecaseView visualization [ionlizarazu - [`4863f1c`](https://github.com/eea/volto-clms-theme/commit/4863f1c3379b3be77518cf3563fda6f5a4433bc5)]
+
+#### :hammer_and_wrench: Others
+
+- datasets download view button style change [Unai - [`c9019c2`](https://github.com/eea/volto-clms-theme/commit/c9019c27862074e4b59242ba056f2dff617735ba)]
+- new util and size shown at techniccal libraries inside datasets [Unai - [`6fab93f`](https://github.com/eea/volto-clms-theme/commit/6fab93fcc4720f5c9731a3c7ae27829a5c3b439f)]
 ### [1.0.167](https://github.com/eea/volto-clms-theme/compare/1.0.166...1.0.167) - 2 February 2023
 
 #### :bug: Bug Fixes

package/package.json

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

package/src/components/Blocks/utils.js

@@ -34,3 +34,12 @@ export const slugify = (string) => {
         .replace(/[^\w]+/g, '')
     : '';
 };
+
+export function formatFileSize(bytes, decimalPoint) {
+  if (bytes === 0) return '0 Bytes';
+  var k = 1000,
+    dm = decimalPoint || 2,
+    sizes = ['Bytes', 'KB', 'MB', 'GB', 'TB', 'PB', 'EB', 'ZB', 'YB'],
+    i = Math.floor(Math.log(bytes) / Math.log(k));
+  return parseFloat((bytes / Math.pow(k, i)).toFixed(dm)) + ' ' + sizes[i];
+}

package/src/components/CLMSDatasetDetailView/DataSetInfoContent.jsx

@@ -11,6 +11,7 @@ import { StringToHTML } from '@eeacms/volto-clms-theme/components/CclUtils';
 import config from '@plone/volto/registry';
 import { searchContent } from '@plone/volto/actions';
 import { useLocation } from 'react-router-dom';
+import { formatFileSize } from '../Blocks/utils';
 
 const DataSetInfoContent = (props) => {
   const dispatch = useDispatch();
@@ -180,8 +181,13 @@ const DataSetInfoContent = (props) => {
                       {libraries.map((item, index) => (
                         <CclCard
                           key={index}
+                          Type="TechnicalLibrary"
                           type="doc"
-                          card={{ Type: item['@type'], ...item }}
+                          card={{
+                            Type: item['@type'],
+                            getObjSize: formatFileSize(item.file.size),
+                            ...item,
+                          }}
                           showEditor={user?.roles?.includes('Manager')}
                         />
                       ))}

package/src/components/CLMSUseCasesView/CLMSUseCasesView.jsx

@@ -74,7 +74,7 @@ const CLMSUseCaseView = (props) => {
                 ))}
               </List>
             )}
-            <p>
+            <div className="usecase-other-values-list-container">
               {(content?.taxonomy_use_case_spatial_coverage?.length > 0 ||
                 content?.responsibleOrganization ||
                 content?.submittingProducionYear) && (
@@ -106,7 +106,7 @@ const CLMSUseCaseView = (props) => {
                   )}
                 </List>
               )}
-            </p>
+            </div>
             <div className="usecase-body-text">
               {content?.text && <StringToHTML string={content?.text?.data} />}
             </div>

package/src/components/CLMSUseCasesView/usecases.less

@@ -23,3 +23,10 @@ div.usecase-body-text {
 .usecase-list {
   margin-bottom: 1rem;
 }
+
+div.usecase-other-values-list-container {
+  min-height: 1.6875rem;
+  margin-bottom: 1rem;
+  font-size: 1.125rem;
+  line-height: 1.6875rem;
+}

package/src/components/CclDownloadTable/CclDownloadTable.jsx

@@ -251,11 +251,13 @@ function CclDownloadTable(props) {
     columns && (
       <div className="dataset-download-table">
         <h2>Download pre-packaged data collections</h2>
-        <p>
-          Please note that you can only download the latest version of our
-          datasets from this website. If you are looking for older versions
-          please contact us.
-        </p>
+        {/* {prePackagedCollection.length === 0 && (
+          <p>
+            Please note that you can only download the latest version of our
+            datasets from this website. If you are looking for older versions
+            please contact us.
+          </p>
+        )} */}
 
         {dataset?.download_page_information?.data && (
           <StringToHTML string={dataset?.download_page_information?.data} />
@@ -292,7 +294,10 @@ function CclDownloadTable(props) {
               {props.dataset.show_legend_on_prepackages && (
                 <CclModal
                   trigger={
-                    <CclButton to="#download">
+                    <CclButton
+                      className="ccl-button ccl-button--default show_legend_on_prepackages"
+                      to="#download"
+                    >
                       {intl.formatMessage(messages.prePackages_location_map)}
                     </CclButton>
                   }

package/src/components/CclDownloadTable/download-table.less

@@ -57,3 +57,7 @@
 .image-modal img {
   width: 100%;
 }
+
+.show_legend_on_prepackages {
+  margin-left: 1rem !important;
+}