design-comuni-plone-theme 8.0.1 → 8.0.3

package/CHANGELOG.md

@@ -1,5 +1,27 @@
 
 
+## [8.0.3](https://github.com/RedTurtle/design-comuni-plone-theme/compare/v8.0.2...v8.0.3) (2023-07-14)
+
+
+### Bug Fixes
+
+* added condition to SimpleCardTemplate for the effective/modified dates ([#251](https://github.com/RedTurtle/design-comuni-plone-theme/issues/251)) ([d578ffa](https://github.com/RedTurtle/design-comuni-plone-theme/commit/d578ffae3dcab1d4e73174762b6507288a93f9e6))
+* grid block view with bootstrap-italia ([aa594d8](https://github.com/RedTurtle/design-comuni-plone-theme/commit/aa594d854b45cab44159328131d0ab782781a4d3))
+* intl missing in SelectInput ([5c9f458](https://github.com/RedTurtle/design-comuni-plone-theme/commit/5c9f45831dc5b8301c832b47f56d4860bebb67da))
+
+
+### Documentation
+
+* updated publiccode ([31efc10](https://github.com/RedTurtle/design-comuni-plone-theme/commit/31efc10ddb1180ae69464371444e8045eba43221))
+
+## [8.0.2](https://github.com/RedTurtle/design-comuni-plone-theme/compare/v8.0.1...v8.0.2) (2023-07-14)
+
+
+### Bug Fixes
+
+* update withQuerystringResults customization ([4d339a9](https://github.com/RedTurtle/design-comuni-plone-theme/commit/4d339a9ef5e55be5f30ae7da1490a624eac60bf3))
+* wrong block context ([#249](https://github.com/RedTurtle/design-comuni-plone-theme/issues/249)) ([2047edf](https://github.com/RedTurtle/design-comuni-plone-theme/commit/2047edf08186acd26d738683950682afcea1acba))
+
 ## [8.0.1](https://github.com/RedTurtle/design-comuni-plone-theme/compare/v8.0.0...v8.0.1) (2023-07-12)
 
 

package/package.json

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

package/publiccode.yml

@@ -227,9 +227,9 @@ maintenance:
 name: io-Comune - Il sito AgID per Comuni ed Enti Pubblici
 platforms:
   - web
-releaseDate: '2023-07-11'
+releaseDate: '2023-07-14'
 softwareType: standalone/web
-softwareVersion: 8.0.0
+softwareVersion: 8.0.3
 url: 'https://github.com/italia/design-comuni-plone-theme'
 usedBy:
   - ASP Comuni Modenesi Area Nord

package/src/components/ItaliaTheme/Blocks/Listing/SimpleCard/SimpleCardTemplateDefault.jsx

@@ -189,6 +189,7 @@ const SimpleCardTemplateDefault = (props) => {
           ) : null;
           const category = getCategory(item, show_type, show_section, props);
           const type = item['@type'];
+
           return (
             <Card
               className={`align-items-top rounded shadow ${getItemClass(item)}`}
@@ -222,19 +223,27 @@ const SimpleCardTemplateDefault = (props) => {
                 {listingText && (
                   <CardText className={cx('', { 'mb-5': eventRecurrenceMore })}>
                     {listingText}
-                    {(type === 'Modulo' || type === 'Documento') && (
-                      <div className="document-date mt-3">
-                        <strong>
-                          {intl.formatMessage(messages.publication_date)}:{' '}
-                        </strong>
-                        {moment(item.CreationDate).format('DD-MM-YYYY')}
-                        <br />
-                        <strong>
-                          {intl.formatMessage(messages.update_date)}:{' '}
-                        </strong>
-                        {moment(item.modified).format('DD-MM-YYYY')}
-                      </div>
-                    )}
+                    {(type === 'Modulo' || type === 'Documento') &&
+                      !hide_dates && (
+                        <div className="document-date mt-3">
+                          {item?.effective && (
+                            <p className="mb-0">
+                              <strong>
+                                {intl.formatMessage(messages.publication_date)}:{' '}
+                              </strong>
+                              {moment(item.effective).format('DD-MM-YYYY')}
+                            </p>
+                          )}
+                          {item?.modified && (
+                            <p className="mb-0">
+                              <strong>
+                                {intl.formatMessage(messages.update_date)}:{' '}
+                              </strong>
+                              {moment(item.modified).format('DD-MM-YYYY')}
+                            </p>
+                          )}
+                        </div>
+                      )}
                   </CardText>
                 )}
                 {eventRecurrenceMore}

package/src/components/ItaliaTheme/View/Commons/RenderBlocks.jsx

@@ -68,7 +68,7 @@ const RenderBlocks = ({
           return (
             <div key={block}>
               {intl.formatMessage(messages.unknownBlock, {
-                block: content[blocksFieldname]?.[block]?.['@type'],
+                block: blockContent[blocksFieldname]?.[block]?.['@type'],
               })}
             </div>
           );

package/src/components/SelectInput/SelectInput.jsx

@@ -47,7 +47,8 @@ const messages = defineMessages({
       'premi la freccia a sinistra per evidenziare i valori selezionati',
   },
   ay11_toggle_values: {
-    id: 'ay11_select_Use left and right to toggle between focused values, press Backspace to remove the currently focused value',
+    id:
+      'ay11_select_Use left and right to toggle between focused values, press Backspace to remove the currently focused value',
     defaultMessage:
       'Usa le frecce destra e sinistra per attivare o disattivare i valori evidenziati, premi Backspace per rimuovere il valore corrente evidenziato',
   },
@@ -148,6 +149,8 @@ const GroupHeading = injectLazyLibs('reactSelect')((props) => {
 });
 
 const ClearIndicator = (props) => {
+  const intl = useIntl();
+
   const {
     innerProps: { ref, ...restInnerProps },
   } = props;
@@ -176,8 +179,13 @@ ClearIndicator.propTypes = {
 const getSelectAriaLiveMessages = (intl) => {
   return {
     guidance: (props) => {
-      const { isSearchable, isMulti, isDisabled, tabSelectsValue, context } =
-        props;
+      const {
+        isSearchable,
+        isMulti,
+        isDisabled,
+        tabSelectsValue,
+        context,
+      } = props;
       switch (context) {
         case 'menu':
           return `${intl.formatMessage(messages.ay11_up_down)}${

package/src/customizations/volto/components/manage/Blocks/Grid/View.jsx

@@ -0,0 +1,47 @@
+/**
+ * Customizations:
+ * - used design-react-kit Grid component
+ */
+import { Row, Col } from 'design-react-kit';
+import cx from 'classnames';
+import { RenderBlocks } from '@plone/volto/components';
+import { withBlockExtensions } from '@plone/volto/helpers';
+import config from '@plone/volto/registry';
+
+const GridBlockView = (props) => {
+  const { data, path, className } = props;
+  const metadata = props.metadata || props.properties;
+  const columns = data.blocks_layout.items;
+  const blocksConfig =
+    config.blocks.blocksConfig[data['@type']].blocksConfig ||
+    props.blocksConfig;
+  const location = {
+    pathname: path,
+  };
+  return (
+    <div
+      className={cx('block', data['@type'], className, {
+        one: columns?.length === 1,
+        two: columns?.length === 2,
+        three: columns?.length === 3,
+        four: columns?.length === 4,
+      })}
+    >
+      {data.headline && <h2 className="headline">{data.headline}</h2>}
+
+      <Row>
+        <RenderBlocks
+          {...props}
+          blockWrapperTag={Col}
+          metadata={metadata}
+          content={data}
+          location={location}
+          blocksConfig={blocksConfig}
+          isContainer
+        />
+      </Row>
+    </div>
+  );
+};
+
+export default withBlockExtensions(GridBlockView);

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

@@ -5,16 +5,13 @@ CUSTOMIZATIONS:
 - added additional filters
 - added additional fields to pass to @querystring-search (config.settings.querystringAdditionalFields)
 - usedeepCompareEffect and integrate custom logic for searchBlock to make it work with our implementation
-
-TODO:
-- Needs updating, it's quite different in the latest volto version
 */
 import React, { createRef, useEffect } from 'react';
 import hoistNonReactStatics from 'hoist-non-react-statics';
 import { getContent, getQueryStringResults } from '@plone/volto/actions';
 import { useDispatch, useSelector } from 'react-redux';
 import useDeepCompareEffect from 'use-deep-compare-effect';
-import { flattenToAppURL } from '@plone/volto/helpers';
+import { flattenToAppURL, getBaseUrl } from '@plone/volto/helpers';
 import config from '@plone/volto/registry';
 
 import { setOriginalQuery } from 'design-comuni-plone-theme/actions';
@@ -57,15 +54,22 @@ const getAdaptedQuery = (querystring, b_size, variation) => {
 
 export default function withQuerystringResults(WrappedComponent) {
   function WithQuerystringResults(props) {
-    const { data = {}, path, properties, isEditMode } = props; //properties: content,
+    const {
+      data = {},
+      id = data.block,
+      //properties: content,
+      properties,
+      path,
+      variation,
+      isEditMode,
+    } = props;
     const content = useSelector((state) => state.content.data);
     const { settings } = config;
     const querystring = data.querystring || data; // For backwards compat with data saved before Blocks schema
-    const { block } = data;
     const { b_size = settings.defaultPageSize } = querystring;
     const [firstLoading, setFirstLoading] = React.useState(true);
     // save the path so it won't trigger dispatch on eager router location change
-    const [initialPath] = React.useState(path);
+    const [initialPath] = React.useState(getBaseUrl(path));
 
     const [currentPage, setCurrentPage] = React.useState(1);
     const querystringResults = useSelector(
@@ -78,44 +82,44 @@ export default function withQuerystringResults(WrappedComponent) {
 
     const originalQuery = useSelector((state) => {
       if (props?.variation?.['@type'] === 'search') {
-        return state.originalQuery?.[path]?.[data?.block];
+        return state.originalQuery?.[path]?.[id];
       }
-      return state.originalQuery?.[properties['@id']]?.[
-        data.block
-      ]?.toArray?.();
+      return state.originalQuery?.[properties['@id']]?.[id]?.toArray?.();
     });
     const folderItems = content?.is_folderish ? content.items : [];
     const hasQuery = querystring?.query?.length > 0;
-    const hasLoaded = hasQuery ? !querystringResults?.[block]?.loading : true;
+    const hasLoaded = hasQuery ? querystringResults?.[id]?.loaded : true;
     const loadingQuery =
-      querystring?.query?.length > 0 &&
-      (querystringResults?.[block]?.loading ||
-        !querystringResults?.[block]?.loaded);
+      hasQuery &&
+      (querystringResults?.[id]?.loading || !querystringResults?.[id]?.loaded);
 
-    const listingItems =
-      hasQuery && querystringResults?.[block]
-        ? querystringResults?.[block]?.items || []
-        : folderItems;
+    const listingItems = hasQuery
+      ? querystringResults?.[id]?.items || []
+      : folderItems;
 
     const showAsFolderListing = !hasQuery && content?.items_total > b_size;
     const showAsQueryListing =
-      hasQuery && querystringResults?.[block]?.total > b_size;
+      hasQuery && querystringResults?.[id]?.total > b_size;
 
     const itemsTotal = showAsFolderListing
       ? content.items_total
-      : querystringResults?.[block]?.total;
+      : querystringResults?.[id]?.total;
 
-    const totalPages = itemsTotal ? Math.ceil(itemsTotal / b_size) : 0;
+    const totalPages = showAsFolderListing
+      ? Math.ceil(content.items_total / b_size)
+      : showAsQueryListing
+      ? Math.ceil(querystringResults[id].total / b_size)
+      : 0;
 
     const prevBatch = showAsFolderListing
       ? content.batching?.prev
       : showAsQueryListing
-      ? querystringResults[block].batching?.prev
+      ? querystringResults[id].batching?.prev
       : null;
     const nextBatch = showAsFolderListing
       ? content.batching?.next
       : showAsQueryListing
-      ? querystringResults[block].batching?.next
+      ? querystringResults[id].batching?.next
       : null;
 
     function handleContentPaginationChange(e, { activePage }) {
@@ -159,19 +163,17 @@ export default function withQuerystringResults(WrappedComponent) {
         );
       }
 
+      if (firstLoading && querystringResults[id] && !loadingQuery) {
+        setFirstLoading(false);
+      }
       // eslint-disable-next-line react-hooks/exhaustive-deps
     }, []);
 
-    if (firstLoading && querystringResults[block] && !loadingQuery) {
-      setFirstLoading(false);
-    }
-
     useDeepCompareEffect(() => {
       if (
-        (hasQuery > 0 &&
-          (isEditMode ||
-            (!isEditMode && !querystringResults[block]?.loaded))) ||
-        (hasQuery > 0 && props.variation?.['@type'] === 'search')
+        (hasQuery &&
+          (isEditMode || (!isEditMode && !querystringResults[id]?.loaded))) ||
+        (hasQuery && props.variation?.['@type'] === 'search')
       ) {
         doSearch(data);
       }
@@ -220,7 +222,7 @@ export default function withQuerystringResults(WrappedComponent) {
           getQueryStringResults(
             path,
             getAdaptedQuery(_querystring, b_size, data.variation),
-            data.block,
+            id,
             page,
           ),
         );
@@ -234,6 +236,7 @@ export default function withQuerystringResults(WrappedComponent) {
             path,
             {
               ...getAdaptedQuery(_dataQuerystring, b_size, data.variation),
+              b_size: 10000000000,
               query: [
                 {
                   i: 'path',
@@ -242,8 +245,7 @@ export default function withQuerystringResults(WrappedComponent) {
                 },
               ],
             },
-            data.block,
-            page,
+            id,
           ),
         );
       }
@@ -268,7 +270,7 @@ export default function withQuerystringResults(WrappedComponent) {
             ? handleContentPaginationChange(e, { activePage })
             : handleQueryPaginationChange(e, { activePage });
         }}
-        total={querystringResults?.[block]?.total}
+        total={querystringResults?.[id]?.total}
         batch_size={b_size}
         currentPage={currentPage}
         totalPages={totalPages}