design-comuni-plone-theme 8.1.0 → 8.2.0

package/CHANGELOG.md

@@ -1,5 +1,18 @@
 
 
+## [8.2.0](https://github.com/RedTurtle/design-comuni-plone-theme/compare/v8.1.0...v8.2.0) (2023-07-26)
+
+
+### Features
+
+* make config.settings.italiaThemeViewsConfig extensible from addons ([#257](https://github.com/RedTurtle/design-comuni-plone-theme/issues/257)) ([5b17faf](https://github.com/RedTurtle/design-comuni-plone-theme/commit/5b17faf33c6ca3b0d8cc0091801ef8601cc8dd38))
+
+
+### Bug Fixes
+
+* display listing bg_color ([#261](https://github.com/RedTurtle/design-comuni-plone-theme/issues/261)) ([5b973c3](https://github.com/RedTurtle/design-comuni-plone-theme/commit/5b973c3d82979db8710432abf0ed90c01bb71cc5))
+* FontAwesomeIcon rendering for both array and string formats ([#256](https://github.com/RedTurtle/design-comuni-plone-theme/issues/256)) ([06eac0e](https://github.com/RedTurtle/design-comuni-plone-theme/commit/06eac0e764156faec99f884f5b4d6bc79d9a168f))
+
 ## [8.1.0](https://github.com/RedTurtle/design-comuni-plone-theme/compare/v8.0.3...v8.1.0) (2023-07-20)
 
 

package/package.json

@@ -2,7 +2,7 @@
   "name": "design-comuni-plone-theme",
   "description": "Volto Theme for Italia design guidelines",
   "license": "GPL-v3",
-  "version": "8.1.0",
+  "version": "8.2.0",
   "main": "src/index.js",
   "keywords": [
     "volto-addon",

package/src/components/ItaliaTheme/Icons/FontAwesomeIcon.jsx

@@ -18,11 +18,13 @@ const FontAwesomeIcon = (props) => {
   };
 
   let prefixKey = prefix;
-  let iconName = getIconAlias(icon, fontAwesomeAliases);
+  let iconName = '';
 
   if (Array.isArray(icon)) {
     prefixKey = icon[0];
-    iconName = icon[1];
+    iconName = getIconAlias(icon[1], fontAwesomeAliases);
+  } else {
+    iconName = getIconAlias(icon, fontAwesomeAliases);
   }
 
   const prefixFolder =

package/src/config/Blocks/listingVariations.js

@@ -298,10 +298,9 @@ export const getItaliaListingVariations = (config) => {
 };
 export const removeListingVariation = (config, id) => {
   let indexOfVariation = -1;
-  indexOfVariation =
-    config.blocks?.blocksConfig?.listing?.variations?.findIndex(
-      (x) => x.id === id,
-    );
+  indexOfVariation = config.blocks?.blocksConfig?.listing?.variations?.findIndex(
+    (x) => x.id === id,
+  );
   if (indexOfVariation >= 0) {
     config.blocks.blocksConfig.listing.variations.splice(indexOfVariation, 1);
   }

package/src/config/italiaConfig.js

@@ -169,6 +169,7 @@ export default function applyConfig(voltoConfig) {
       portalTypes: ['Image', 'File'],
     },
     italiaThemeViewsConfig: {
+      ...(config.settings.italiaThemeViewsConfig ?? {}),
       imagePosition: 'afterHeader', // possible values: afterHeader, documentBody
       // Venue: {
       //   sections: [
@@ -461,9 +462,10 @@ export default function applyConfig(voltoConfig) {
     },
   };
   // Remove Horizontal Menu variation of TOC Block
-  config.blocks.blocksConfig.toc.variations = config.blocks.blocksConfig.toc.variations.filter(
-    (v) => v.id !== 'horizontalMenu',
-  );
+  config.blocks.blocksConfig.toc.variations =
+    config.blocks.blocksConfig.toc.variations.filter(
+      (v) => v.id !== 'horizontalMenu',
+    );
 
   // REDUCERS
   config.addonReducers = {

package/src/customizations/volto/components/manage/Blocks/Listing/ListingBody.jsx

@@ -34,7 +34,6 @@ const ListingBody = React.memo(
         hasQuery,
         addFilters,
         firstLoading,
-        properties,
         loadingQuery,
         listingRef,
         additionalFilters,
@@ -65,9 +64,7 @@ const ListingBody = React.memo(
 
       const getBackgroundClass = () => {
         const isSearchBlockResults = variation?.['@type'] === 'search';
-        const block = isSearchBlockResults
-          ? variation
-          : properties?.blocks?.[data?.block];
+        const block = isSearchBlockResults ? variation : data;
 
         if (!block?.show_block_bg) return '';
 
@@ -105,7 +102,11 @@ const ListingBody = React.memo(
           )}
           {!loadingQuery &&
           (listingItems.length > 0 || additionalFilters?.length > 0) ? (
-            <div className={`${getBlockClasses()}`} ref={listingRef} aria-live="polite">
+            <div
+              className={`${getBlockClasses()}`}
+              ref={listingRef}
+              aria-live="polite"
+            >
               <ListingBodyTemplate
                 items={listingItems}
                 isEditMode={isEditMode}