@eeacms/volto-clms-theme 1.1.131 → 1.1.133

package/CHANGELOG.md

@@ -4,11 +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.1.131](https://github.com/eea/volto-clms-theme/compare/1.1.130...1.1.131) - 27 March 2024
+### [1.1.133](https://github.com/eea/volto-clms-theme/compare/1.1.132...1.1.133) - 8 April 2024
 
 #### :hammer_and_wrench: Others
 
-- add CclHelpdeskDocBlock [Ion Lizarazu - [`86e4a92`](https://github.com/eea/volto-clms-theme/commit/86e4a92240e0989c1709b3e948435649549c2dde)]
+- lint [Mikel Larreategi - [`76ba7cb`](https://github.com/eea/volto-clms-theme/commit/76ba7cbc17ea624233726a5e57788c4a1ba93348)]
+- show validation updates [Mikel Larreategi - [`8dbb259`](https://github.com/eea/volto-clms-theme/commit/8dbb259181b08eb709f5700a54f76d8e336a4391)]
+### [1.1.132](https://github.com/eea/volto-clms-theme/compare/1.1.131...1.1.132) - 4 April 2024
+
+### [1.1.131](https://github.com/eea/volto-clms-theme/compare/1.1.130...1.1.131) - 27 March 2024
+
 ### [1.1.130](https://github.com/eea/volto-clms-theme/compare/1.1.129...1.1.130) - 27 March 2024
 
 ### [1.1.129](https://github.com/eea/volto-clms-theme/compare/1.1.128...1.1.129) - 25 March 2024

package/package.json

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

package/src/components/Blocks/CustomTemplates/VoltoTabsBlock/CclVerticalTabsView.jsx

@@ -18,6 +18,14 @@ const handleClick = (e, tab, activeTab, setActiveTab, location, tabHash) => {
     location.hash = `#${tabHash}`;
     setActiveTab(tab);
   }
+  if (tab === 'd7706c16-7c4a-4c0e-9471-90765a302c1c') {
+    document.querySelector('#loader').style.display = 'block';
+  } else {
+    closeSpinner();
+  }
+};
+const closeSpinner = () => {
+  document.querySelector('#loader').style.display = 'none';
 };
 
 function isSpan(subTab, nextSubTab) {
@@ -34,6 +42,9 @@ const TabsComponent = (props) => {
     tabs = {},
     setActiveTab,
   } = props;
+  if (activeTab === 'd7706c16-7c4a-4c0e-9471-90765a302c1c') {
+    document.querySelector('#loader').style.display = 'block';
+  }
   const location = useLocation();
   return (
     <div className="left-content cont-w-25">
@@ -105,10 +116,50 @@ const PanelsComponent = (props) => {
           const tabHash = `tab=${slugify(title)}`;
           return (
             <Route key={index} to={'#' + tabHash}>
+              <div
+                id="loader"
+                className="loading"
+                role="alert"
+                aria-busy="true"
+                aria-live="polite"
+              >
+                <div>
+                  <svg
+                    width="80"
+                    height="80"
+                    viewBox="0 0 24 24"
+                    xmlns="http://www.w3.org/2000/svg"
+                  >
+                    <style>
+                      {`.spinner_ajPY {
+              transform-origin: center;
+              animation: spinner_AtaB .75s infinite linear;
+              fill: #a0b128; stroke-width: 3px; filter: drop-shadow(0 0 1px rgba(0, 0, 0, 0.1));
+            }
+            @keyframes spinner_AtaB {
+              100% {
+                transform: rotate(360deg);
+              }
+            }`}
+                    </style>
+                    <path
+                      d="M12,1A11,11,0,1,0,23,12,11,11,0,0,0,12,1Zm0,19a8,8,0,1,1,8-8A8,8,0,0,1,12,20Z"
+                      opacity=".25"
+                    />
+                    <path
+                      d="M10.14,1.16a11,11,0,0,0-9,8.92A1.59,1.59,0,0,0,2.46,12,1.52,1.52,0,0,0,4.11,10.7a8,8,0,0,1,6.66-6.61A1.42,1.42,0,0,0,12,2.69h0A1.57,1.57,0,0,0,10.14,1.16Z"
+                      className="spinner_ajPY"
+                    />
+                  </svg>
+                </div>
+              </div>
               <div
                 className={cx('panel', tab === activeTab && 'panel-selected')}
-                role="tabpanel"
+                role="button"
                 aria-hidden="false"
+                onLoad={() => {
+                  closeSpinner();
+                }}
               >
                 <RenderBlocks
                   {...props}

package/src/components/CLMSDatasetDetailView/CLMSDatasetDetailView.jsx

@@ -19,7 +19,6 @@ import { postImportWMSLayers, postImportWMSFields } from '../../actions';
 import { GeonetworkImporterButtons } from './GeonetworkImporterButtons';
 import { UniversalLink } from '@plone/volto/components';
 import { cclDateTimeFormat } from '../CclUtils/dateFormats';
-
 import jwtDecode from 'jwt-decode';
 import PropTypes from 'prop-types';
 
@@ -344,7 +343,7 @@ const CLMSDatasetDetailView = ({ content, token }) => {
       )}
 
       <CclTabs routing={true}>
-        <div tabTitle="General Info">{DataSetInfoContent(content)}</div>
+        <div tabTitle="General info">{DataSetInfoContent(content)}</div>
 
         {content?.downloadable_dataset && (
           <div
@@ -392,24 +391,42 @@ const CLMSDatasetDetailView = ({ content, token }) => {
               </div>
             )}
 
-            {libraries && libraries.length > 0 && (
+            <strong>{content.production_updates_show}</strong>
+
+            {(content.production_updates_show ||
+              (libraries && libraries.length > 0)) && (
               <>
-                <Segment>
-                  <h3>Production updates</h3>
+                <div class="citation-title">Production updates</div>
+
+                {content.production_updates_show && (
+                  <>
+                    <div
+                      className="validation-citation-container"
+                      dangerouslySetInnerHTML={{
+                        __html: content.production_updates_text.data,
+                      }}
+                    />
+                  </>
+                )}
 
-                  {libraries.map((item) => {
+                {!content.production_updates_show &&
+                  libraries.map((item) => {
                     const show_dt = cclDateTimeFormat(item.effective);
                     return (
-                      <Segment basic>
-                        {show_dt} <br />
-                        <UniversalLink item={item}>{item.title}</UniversalLink>
-                      </Segment>
+                      <div className="validation-citation-container">
+                        <p>
+                          {show_dt} <br />
+                          <UniversalLink item={item}>
+                            {item.title}
+                          </UniversalLink>
+                        </p>
+                      </div>
                     );
                   })}
-                  <UniversalLink href="/en/production-updates">
-                    See all or subscribe to production updates
-                  </UniversalLink>
-                </Segment>
+
+                <UniversalLink href="/en/production-updates">
+                  See all or subscribe to production updates
+                </UniversalLink>
               </>
             )}
           </nav>

package/src/components/CLMSDownloadCartView/AreaNaming.jsx

@@ -13,7 +13,7 @@ export const AreaNaming = (areaProps) => {
         <>
           <CclModal
             draggable={true}
-            trigger={<span className="cart-modal-trigger">Bounding Box</span>}
+            trigger={<span className="cart-modal-trigger">Bounding box</span>}
             size={'medium'}
           >
             <div className="image-modal">

package/src/components/CLMSDownloadCartView/CLMSCartContent.jsx

@@ -639,7 +639,7 @@ const CLMSCartContent = (props) => {
               cartSelection.length === 0 || tooManyInQueue || tooManySelected()
             }
           >
-            Process Download Request
+            Process download request
           </CclButton>
         </>
       )}