design-comuni-plone-theme 11.29.2 → 12.0.0

package/src/customizations/volto-form-block/components/Field.jsx

@@ -6,7 +6,7 @@
  * - customized to use design-react-kit elements instead semantic-ui elements
  */
 
-import React from 'react';
+import React, { useState } from 'react';
 import PropTypes from 'prop-types';
 import { useIntl, defineMessages } from 'react-intl';
 import { Input, FormGroup, Label } from 'design-react-kit';
@@ -14,15 +14,21 @@ import { Icon } from 'design-comuni-plone-theme/components/ItaliaTheme';
 
 import FileWidget from 'design-comuni-plone-theme/components/ItaliaTheme/manage/Widgets/FileWidget';
 import { injectLazyLibs } from '@plone/volto/helpers/Loadable/Loadable';
-import WysiwygWidget from '@plone/volto/components/manage/Widgets/WysiwygWidget';
-
+import { TextBlockView } from '@plone/volto-slate/blocks/Text';
+import { TextEditorWidget } from 'design-comuni-plone-theme/components/ItaliaTheme';
 import config from '@plone/volto/registry';
 
+import { fromHtml } from 'design-comuni-plone-theme/config/Slate/utils';
+
 const messages = defineMessages({
   select_a_value: {
     id: 'form_select_a_value',
     defaultMessage: 'Seleziona un valore',
   },
+  static_field_placeholder: {
+    id: 'form_static_field_placeholder',
+    defaultMessage: 'Inserisci qui il testo statico da mostrare.',
+  },
   open_menu: {
     id: 'open_menu',
     defaultMessage: 'Apri il menu',
@@ -69,6 +75,8 @@ const Field = ({
   const intl = useIntl();
   const Select = reactSelect.default;
 
+  const [selected, setSelected] = useState(false);
+
   const getLabel = () => {
     return required ? label + ' *' : label;
   };
@@ -86,6 +94,13 @@ const Field = ({
     description
   );
 
+  let static_text_value = value;
+  if (field_type === 'static_text') {
+    if (value?.data) {
+      static_text_value = fromHtml(value);
+    } //per retrocompatibilità con il vecchio widget che usava draftjs
+  }
+
   return (
     <div className="field">
       {field_type === 'text' && (
@@ -328,25 +343,33 @@ const Field = ({
           autoComplete={autocomplete}
         />
       )}
-      {field_type === 'static_text' &&
-        (isOnEdit ? (
-          <WysiwygWidget
-            wrapped={false}
-            id={name}
-            name={name}
-            title={label}
-            description={description}
-            onChange={onChange}
-            value={value}
-          />
-        ) : value?.data ? (
-          <div
-            className="static-text"
-            dangerouslySetInnerHTML={{ __html: value.data }}
-          />
-        ) : (
-          <br />
-        ))}
+
+      {field_type === 'static_text' && (
+        <>
+          {isOnEdit ? (
+            <div className="mb-2">
+              <TextEditorWidget
+                value={static_text_value}
+                selected={selected}
+                setSelected={setSelected}
+                placeholder={intl.formatMessage(
+                  messages.static_field_placeholder,
+                )}
+                showToolbar={true}
+                onChangeBlock={(block, data) => {
+                  onChange(name, data.value);
+                }}
+              />
+            </div>
+          ) : value ? (
+            <div className="static-text">
+              <TextBlockView id={name} data={{ value: static_text_value }} />
+            </div>
+          ) : (
+            <br />
+          )}
+        </>
+      )}
       {config.blocks.blocksConfig.form.additionalFields?.reduce((acc, val) => {
         if (val.id === field_type)
           return [

package/src/helpers/EnhanceLink.js

@@ -0,0 +1,44 @@
+import React from 'react';
+import prettybytes from 'pretty-bytes';
+import cx from 'classnames';
+import { getFileViewFormat } from 'design-comuni-plone-theme/helpers';
+
+const EnhanceLink = ({
+  enhanced_link_infos,
+  hideFileFormat = false,
+  className,
+  aria_label,
+}) => {
+  let children = <></>;
+  let aria_label_extended = null;
+  let size =
+    enhanced_link_infos.getObjSize ??
+    prettybytes(enhanced_link_infos.size)?.toUpperCase();
+
+  if (enhanced_link_infos) {
+    const viewFormat = getFileViewFormat(enhanced_link_infos);
+    children = (
+      <span className={cx('enhance-link', { [className]: className })}>
+        {' ('}
+        {!hideFileFormat && (
+          <>
+            <span className="file-format">{viewFormat.label}</span> -{' '}
+          </>
+        )}
+        <span className="file-size">{size}</span>
+        {')'}
+      </span>
+    );
+
+    aria_label_extended =
+      (aria_label ? aria_label + ' - ' : '') +
+      '(' +
+      viewFormat.label +
+      ') ' +
+      size;
+  }
+
+  return { children, aria_label: aria_label_extended };
+};
+
+export default EnhanceLink;

package/src/helpers/FormValidation/FormValidationHelpers.js

@@ -12,6 +12,9 @@ const customValidationMessages = defineMessages({
 export const blocksFieldIsEmpty = (field) => {
   return (
     filter(field?.blocks, (block) => {
+      if (block?.['@type'] === 'slate') {
+        return !!block?.plaintext?.trim()?.length;
+      }
       if (block?.['@type'] === 'text') {
         return !!block?.text?.blocks?.filter((block) => !!block.text.trim())
           ?.length;

package/src/helpers/blocks.js

@@ -0,0 +1,80 @@
+import { v4 as uuid } from 'uuid';
+import { useState, useEffect } from 'react';
+import config from '@plone/volto/registry';
+export const cloneBlock = (blockData) => {
+  const blockID = uuid();
+  const clonedData = { ...blockData, block: blockID };
+  return [blockID, clonedData];
+};
+
+export const handleKeyDownOwnFocusManagement = (
+  e,
+  props,
+  {
+    disableEnter = false,
+    disableArrowUp = false,
+    disableArrowDown = false,
+  } = {},
+) => {
+  const {
+    index,
+    block,
+    node,
+    onFocusPreviousBlock = () => {},
+    onFocusNextBlock = () => {},
+    onSelectBlock = () => {},
+    onAddBlock = () => {},
+  } = props;
+  const isMultipleSelection = e.shiftKey;
+
+  if (e.key === 'ArrowUp' && !disableArrowUp) {
+    onFocusPreviousBlock(block, node, isMultipleSelection);
+    e.preventDefault();
+  }
+  if (e.key === 'ArrowDown' && !disableArrowDown) {
+    onFocusNextBlock(block, node, isMultipleSelection);
+    e.preventDefault();
+  }
+  if (e.key === 'Enter' && !disableEnter) {
+    onSelectBlock(onAddBlock(config.settings.defaultBlockType, index + 1));
+
+    e.preventDefault();
+  }
+};
+
+/*HOOK to handle detached blocks with own focus management*/
+export const useHandleDetachedBlockFocus = (
+  blockProps,
+  defaultSelectedField,
+) => {
+  const [selectedField, setSelectedField] = useState(defaultSelectedField);
+  const { selected, onSelectBlock, block } = blockProps;
+
+  useEffect(() => {
+    if (selected && !selectedField) {
+      setSelectedField(defaultSelectedField);
+    } else if (!selected) {
+      setSelectedField(null);
+    }
+  }, [selected]);
+
+  useEffect(() => {
+    const handleEnter = (e) => {
+      if (selected && !selectedField) {
+        handleKeyDownOwnFocusManagement(e, blockProps);
+      }
+    };
+    const blockNode = blockProps.blockNode;
+
+    if (blockNode && blockNode.current) {
+      blockNode.current.addEventListener('keydown', handleEnter, false);
+      return function cleanup() {
+        if (blockNode?.current) {
+          blockNode.current.removeEventListener('keydown', handleEnter, false);
+        }
+      };
+    }
+  }, [selected, selectedField]);
+
+  return { selectedField, setSelectedField };
+};

package/src/helpers/files.js

@@ -9,56 +9,56 @@ export const FILE_FORMATS = {
   'text/rtf': { icon: { lib: 'far', name: 'file-alt' }, format_name: 'rtf' },
   'application/rtf': {
     icon: { lib: 'far', name: 'file-alt' },
-    format_name: 'rtf',
+    format_name: 'RTF',
   },
   'application/pdf': {
     icon: { lib: 'far', name: 'file-pdf' },
-    format_name: 'pdf',
+    format_name: 'PDF',
   },
   'application/zip': {
     icon: { lib: 'far', name: 'file-archive' },
-    format_name: 'zip',
+    format_name: 'ZIP',
   },
   'application/x-zip-compressed': {
     icon: { lib: 'far', name: 'file-archive' },
-    format_name: 'zip',
+    format_name: 'ZIP',
   },
   'application/gzip': {
     icon: { lib: 'far', name: 'file-archive' },
-    format_name: 'gzip',
+    format_name: 'GZIP',
   },
   'application/vnd.rar': {
     icon: { lib: 'far', name: 'file-archive' },
-    format_name: 'rar',
+    format_name: 'RAR',
   },
   'application/x-tar': {
     icon: { lib: 'far', name: 'file-archive' },
-    format_name: 'tar',
+    format_name: 'TAR',
   },
   'application/json': {
     icon: { lib: 'fas', name: 'code' },
-    format_name: 'json',
+    format_name: 'JSON',
   },
   'text/javascript': {
     icon: { lib: 'fas', name: 'code' },
-    format_name: 'js',
+    format_name: 'JS',
   },
   'text/html': { icon: { lib: 'fas', name: 'code' }, format_name: 'html' },
   'image/jpg': {
     icon: { lib: 'far', name: 'file-image' },
-    format_name: 'jpg',
+    format_name: 'JPG',
   },
   'image/jpeg': {
     icon: { lib: 'far', name: 'file-image' },
-    format_name: 'jpeg',
+    format_name: 'JPEG',
   },
   'image/png': {
     icon: { lib: 'far', name: 'file-image' },
-    format_name: 'png',
+    format_name: 'PNG',
   },
   'image/svg': {
     icon: { lib: 'far', name: 'file-image' },
-    format_name: 'svg',
+    format_name: 'SVG',
   },
   'application/msword': {
     icon: { lib: 'far', name: 'file-word' },

package/src/helpers/index.js

@@ -5,6 +5,8 @@
  * export { Api } from './Api/Api';
  */
 
+import EnhanceLink from 'design-comuni-plone-theme/helpers/EnhanceLink';
+
 export { defaultIconWidgetOptions } from 'design-comuni-plone-theme/helpers/IconWidget/IconWidgetHelper';
 export { fontAwesomeAliases } from 'design-comuni-plone-theme/helpers/IconWidget/IconAliasHelper';
 export {
@@ -15,7 +17,7 @@ export {
   contentFolderHasItems,
   renderPDCItemValue,
 } from 'design-comuni-plone-theme/helpers/contentHelper';
-export { checkRedraftHasContent } from 'design-comuni-plone-theme/helpers/redraftHelper';
+export { checkRichTextHasContent } from 'design-comuni-plone-theme/helpers/richTextHelper';
 export { getTableRowData } from 'design-comuni-plone-theme/helpers/amministrazioneTrasparenteHelper';
 export { getItemsByPath } from 'design-comuni-plone-theme/helpers/getItemsByPath';
 export {
@@ -50,10 +52,9 @@ export {
   realWidgetType,
   CUSTOM_DGFIELD_VALIDATION,
 } from 'design-comuni-plone-theme/helpers/FormValidation/DataGridFormValidationHelpers';
-
 export { commonSearchBlockMessages } from 'design-comuni-plone-theme/helpers/Translations/searchBlockExtendedTranslations';
-
 export { getComponentWithFallback } from 'design-comuni-plone-theme/helpers/registry';
+export { EnhanceLink };
 export {
   useHomePath,
   isResolveUID,

package/src/helpers/richTextHelper.js

@@ -0,0 +1,10 @@
+import { serializeNodesToText } from '@plone/volto-slate/editor/render';
+/*
+  Used to verify if slate text blocks are empty
+*/
+export const checkRichTextHasContent = (text) => {
+  if (text?.[0]?.children) {
+    return serializeNodesToText(text?.[0]?.children || [])?.length > 0;
+  }
+  return false;
+};

package/src/icons/Group.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="28" height="25" viewBox="0 0 28 25"><defs><filter id="b" width="170%" height="182.4%" x="-25%" y="-35.3%" filterUnits="objectBoundingBox"><feOffset dx="2" dy="1" in="SourceAlpha" result="shadowOffsetOuter1"/><feGaussianBlur in="shadowOffsetOuter1" result="shadowBlurOuter1" stdDeviation="2"/><feColorMatrix in="shadowBlurOuter1" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.200185069 0"/></filter><rect id="a" width="20" height="17" x="0" y="0"/></defs><g fill="none" fill-rule="evenodd" transform="translate(2 3)"><use xlink:href="#a" fill="#000" filter="url(#b)"/><use xlink:href="#a" fill="#FFF"/><line x1=".5" x2=".5" y1=".5" y2="16.5" stroke="#979797" stroke-linecap="square" stroke-width="2"/></g></svg>

package/src/icons/blocco-icone.svg

@@ -1,8 +1,5 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <svg width="597px" height="391px" viewBox="0 0 597 391" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <!-- Generator: Sketch 63.1 (92452) - https://sketch.com -->
-    <title>blocco-icone</title>
-    <desc>Created with Sketch.</desc>
     <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
         <g id="blocco-icone" transform="translate(1.000000, 1.000000)">
             <g id="Group">

package/src/icons/blockquote-card-dark.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" viewBox="0 0 36 36"><g fill="none"><rect width="36" height="36" fill="currentColor"/><path fill="#FFF" d="M10.3032227,23.1523438 C10.6967773,23.1523438 11.0670573,23.0782878 11.4140625,22.9301758 C11.7610677,22.7820638 12.0869141,22.5598958 12.3916016,22.2636719 C12.4042969,22.297526 12.4254557,22.3673503 12.4550781,22.4731445 C12.5227865,22.7058919 12.5799154,22.8815104 12.6264648,23 L12.6264648,23 L14.3911133,23 C14.2345378,22.6783854 14.1276855,22.3768717 14.0705566,22.095459 C14.0134277,21.8140462 13.9848633,21.3771159 13.9848633,20.784668 L13.9848633,20.784668 L14.0039062,18.7026367 C14.0039062,17.9282227 13.9245605,17.3960775 13.7658691,17.1062012 C13.6071777,16.8163249 13.3331706,16.5772298 12.9438477,16.388916 C12.5545247,16.2006022 11.9620768,16.1064453 11.1665039,16.1064453 C10.2905273,16.1064453 9.63037109,16.2630208 9.18603516,16.5761719 C8.74169922,16.8893229 8.42854818,17.3717448 8.24658203,18.0234375 L8.24658203,18.0234375 L9.86523438,18.3154297 C9.97526042,18.0022786 10.1191406,17.7832845 10.296875,17.6584473 C10.4746094,17.53361 10.722168,17.4711914 11.0395508,17.4711914 C11.5092773,17.4711914 11.828776,17.5441895 11.9980469,17.6901855 C12.1673177,17.8361816 12.2519531,18.0805664 12.2519531,18.4233398 L12.2519531,18.4233398 L12.2519531,18.6010742 C11.9303385,18.7364909 11.3527018,18.882487 10.519043,19.0390625 C9.90120443,19.1575521 9.42830404,19.2961426 9.1003418,19.454834 C8.77237956,19.6135254 8.51741536,19.842041 8.33544922,20.1403809 C8.15348307,20.4387207 8.0625,20.7783203 8.0625,21.1591797 C8.0625,21.7347005 8.26245117,22.2107747 8.66235352,22.5874023 C9.06225586,22.9640299 9.60921224,23.1523438 10.3032227,23.1523438 Z M10.8364258,21.8955078 C10.5486654,21.8955078 10.3116862,21.8045247 10.1254883,21.6225586 C9.93929036,21.4405924 9.84619141,21.2247721 9.84619141,20.9750977 C9.84619141,20.7211914 9.9625651,20.5117188 10.1953125,20.3466797 C10.3476562,20.2451172 10.6713867,20.1414388 11.1665039,20.0356445 C11.6616211,19.9298503 12.0234375,19.8388672 12.2519531,19.7626953 L12.2519531,19.7626953 L12.2519531,20.1181641 C12.2519531,20.5455729 12.2286784,20.8354492 12.1821289,20.987793 C12.1144206,21.2205404 11.9726562,21.4173177 11.7568359,21.578125 C11.4648438,21.7897135 11.1580404,21.8955078 10.8364258,21.8955078 Z M19.4501953,23.1523438 C20.2330729,23.1523438 20.8985189,22.8413086 21.4465332,22.2192383 C21.9945475,21.597168 22.2685547,20.710612 22.2685547,19.5595703 C22.2685547,18.4466146 21.9998372,17.5928548 21.4624023,16.998291 C20.9249674,16.4037272 20.2457682,16.1064453 19.4248047,16.1064453 C18.6715495,16.1064453 18.0198568,16.4195964 17.4697266,17.0458984 L17.4697266,17.0458984 L17.4697266,13.6943359 L15.6860352,13.6943359 L15.6860352,23 L17.3427734,23 L17.3427734,22.0097656 C17.6136068,22.3863932 17.9362793,22.6709798 18.310791,22.8635254 C18.6853027,23.056071 19.0651042,23.1523438 19.4501953,23.1523438 Z M19.0185547,21.7431641 C18.5065104,21.7431641 18.0960286,21.5061849 17.7871094,21.0322266 C17.5670573,20.6979167 17.4570312,20.1816406 17.4570312,19.4833984 C17.4570312,18.8063151 17.5987956,18.3016764 17.8823242,17.9694824 C18.1658529,17.6372884 18.5213216,17.4711914 18.9487305,17.4711914 C19.3846029,17.4711914 19.7421875,17.6415202 20.0214844,17.9821777 C20.3007812,18.3228353 20.4404297,18.8782552 20.4404297,19.6484375 C20.4404297,20.3720703 20.3018392,20.9020996 20.0246582,21.2385254 C19.7474772,21.5749512 19.4121094,21.7431641 19.0185547,21.7431641 Z M26.546875,23.1523438 C27.414388,23.1523438 28.1062826,22.9471029 28.6225586,22.5366211 C29.1388346,22.1261393 29.4879557,21.5188802 29.6699219,20.7148438 L29.6699219,20.7148438 L27.9179688,20.4165039 C27.8291016,20.8862305 27.6767578,21.2173665 27.4609375,21.4099121 C27.2451172,21.6024577 26.9679362,21.6987305 26.6293945,21.6987305 C26.1765951,21.6987305 25.8158366,21.5336914 25.5471191,21.2036133 C25.2784017,20.8735352 25.144043,20.3085938 25.144043,19.5087891 C25.144043,18.789388 25.2762858,18.2762858 25.5407715,17.9694824 C25.8052572,17.662679 26.159668,17.5092773 26.6040039,17.5092773 C26.9383138,17.5092773 27.2102051,17.5981445 27.4196777,17.7758789 C27.6291504,17.9536133 27.7635091,18.218099 27.8227539,18.5693359 L27.8227539,18.5693359 L29.5810547,18.2519531 C29.3694661,17.5283203 29.021403,16.9898275 28.5368652,16.6364746 C28.0523275,16.2831217 27.3995768,16.1064453 26.5786133,16.1064453 C25.5756836,16.1064453 24.7801107,16.4164225 24.1918945,17.036377 C23.6036784,17.6563314 23.3095703,18.5227865 23.3095703,19.6357422 C23.3095703,20.7360026 23.6026204,21.597168 24.1887207,22.2192383 C24.774821,22.8413086 25.5608724,23.1523438 26.546875,23.1523438 Z"/></g></svg>

package/src/icons/blockquote-card.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="37" height="38" viewBox="0 0 37 38"><defs><path id="a" d="M9.91210938,22.1640625 C10.3359375,22.1640625 10.7347005,22.0843099 11.1083984,21.9248047 C11.4820964,21.7652995 11.8330078,21.5260417 12.1611328,21.2070312 C12.1748047,21.2434896 12.1975911,21.3186849 12.2294922,21.4326172 C12.3024089,21.6832682 12.3639323,21.8723958 12.4140625,22 L12.4140625,22 L14.3144531,22 C14.1458333,21.6536458 14.0307617,21.3289388 13.9692383,21.0258789 C13.9077148,20.722819 13.8769531,20.2522786 13.8769531,19.6142578 L13.8769531,19.6142578 L13.8974609,17.3720703 C13.8974609,16.5380859 13.8120117,15.9650065 13.6411133,15.652832 C13.4702148,15.3406576 13.1751302,15.0831706 12.7558594,14.8803711 C12.3365885,14.6775716 11.6985677,14.5761719 10.8417969,14.5761719 C9.8984375,14.5761719 9.1875,14.7447917 8.70898438,15.0820312 C8.23046875,15.4192708 7.89322917,15.9388021 7.69726562,16.640625 L7.69726562,16.640625 L9.44042969,16.9550781 C9.55891927,16.6178385 9.71386719,16.3819987 9.90527344,16.2475586 C10.0966797,16.1131185 10.3632812,16.0458984 10.7050781,16.0458984 C11.2109375,16.0458984 11.555013,16.1245117 11.7373047,16.2817383 C11.9195964,16.4389648 12.0107422,16.7021484 12.0107422,17.0712891 L12.0107422,17.0712891 L12.0107422,17.2626953 C11.664388,17.4085286 11.0423177,17.5657552 10.1445312,17.734375 C9.47916667,17.8619792 8.96988932,18.0112305 8.61669922,18.1821289 C8.26350911,18.3530273 7.98893229,18.5991211 7.79296875,18.9204102 C7.59700521,19.2416992 7.49902344,19.6074219 7.49902344,20.0175781 C7.49902344,20.6373698 7.71435547,21.1500651 8.14501953,21.5556641 C8.57568359,21.961263 9.16471354,22.1640625 9.91210938,22.1640625 Z M10.4863281,20.8105469 C10.1764323,20.8105469 9.92122396,20.7125651 9.72070312,20.5166016 C9.52018229,20.320638 9.41992188,20.0882161 9.41992188,19.8193359 C9.41992188,19.5458984 9.5452474,19.3203125 9.79589844,19.1425781 C9.95996094,19.0332031 10.3085938,18.9215495 10.8417969,18.8076172 C11.375,18.6936849 11.7646484,18.5957031 12.0107422,18.5136719 L12.0107422,18.5136719 L12.0107422,18.8964844 C12.0107422,19.3567708 11.9856771,19.6689453 11.9355469,19.8330078 C11.8626302,20.0836589 11.7099609,20.2955729 11.4775391,20.46875 C11.1630859,20.6966146 10.8326823,20.8105469 10.4863281,20.8105469 Z M19.7626953,22.1640625 C20.6057943,22.1640625 21.3224284,21.8291016 21.9125977,21.1591797 C22.5027669,20.4892578 22.7978516,19.5345052 22.7978516,18.2949219 C22.7978516,17.0963542 22.5084635,16.1769206 21.9296875,15.5366211 C21.3509115,14.8963216 20.6194661,14.5761719 19.7353516,14.5761719 C18.9241536,14.5761719 18.2223307,14.9134115 17.6298828,15.5878906 L17.6298828,15.5878906 L17.6298828,11.9785156 L15.7089844,11.9785156 L15.7089844,22 L17.4931641,22 L17.4931641,20.9335938 C17.7848307,21.3391927 18.1323242,21.6456706 18.5356445,21.8530273 C18.9389648,22.0603841 19.3479818,22.1640625 19.7626953,22.1640625 Z M19.2978516,20.6464844 C18.7464193,20.6464844 18.304362,20.391276 17.9716797,19.8808594 C17.7347005,19.5208333 17.6162109,18.9648438 17.6162109,18.2128906 C17.6162109,17.483724 17.7688802,16.9402669 18.0742188,16.5825195 C18.3795573,16.2247721 18.7623698,16.0458984 19.2226562,16.0458984 C19.6920573,16.0458984 20.0771484,16.2293294 20.3779297,16.5961914 C20.6787109,16.9630534 20.8291016,17.5611979 20.8291016,18.390625 C20.8291016,19.1699219 20.6798503,19.7407227 20.3813477,20.1030273 C20.0828451,20.465332 19.7216797,20.6464844 19.2978516,20.6464844 Z M27.4052734,22.1640625 C28.3395182,22.1640625 29.0846354,21.9430339 29.640625,21.5009766 C30.1966146,21.0589193 30.5725911,20.4049479 30.7685547,19.5390625 L30.7685547,19.5390625 L28.8818359,19.2177734 C28.7861328,19.7236328 28.6220703,20.0802409 28.3896484,20.2875977 C28.1572266,20.4949544 27.858724,20.5986328 27.4941406,20.5986328 C27.0065104,20.5986328 26.6180013,20.4208984 26.3286133,20.0654297 C26.0392253,19.7099609 25.8945312,19.1015625 25.8945312,18.2402344 C25.8945312,17.4654948 26.0369466,16.9129232 26.3217773,16.5825195 C26.6066081,16.2521159 26.9882812,16.0869141 27.4667969,16.0869141 C27.8268229,16.0869141 28.1196289,16.1826172 28.3452148,16.3740234 C28.5708008,16.5654297 28.7154948,16.8502604 28.7792969,17.2285156 L28.7792969,17.2285156 L30.6728516,16.8867188 C30.444987,16.1074219 30.0701497,15.5275065 29.5483398,15.1469727 C29.0265299,14.7664388 28.3235677,14.5761719 27.4394531,14.5761719 C26.359375,14.5761719 25.5026042,14.9099935 24.8691406,15.5776367 C24.2356771,16.2452799 23.9189453,17.1783854 23.9189453,18.3769531 C23.9189453,19.561849 24.2345378,20.4892578 24.8657227,21.1591797 C25.4969076,21.8291016 26.3434245,22.1640625 27.4052734,22.1640625 Z"/></defs><g fill="none" fill-rule="evenodd" transform="translate(0 1)"><rect width="36" height="36" x=".25" y=".25" stroke="currentColor" stroke-width=".5"/><g transform="translate(1 1)"><g fill="currentColor" fill-rule="nonzero"><use xlink:href="#a"/><use xlink:href="#a"/></g><line x1="1" x2="1" y2="34" stroke="currentColor" stroke-linecap="square" stroke-width="3"/></g></g></svg>

package/src/icons/blockquote-simple.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="38" height="38" viewBox="0 0 38 38"><defs><path id="a" d="M9.91210938,22.1640625 C10.3359375,22.1640625 10.7347005,22.0843099 11.1083984,21.9248047 C11.4820964,21.7652995 11.8330078,21.5260417 12.1611328,21.2070312 C12.1748047,21.2434896 12.1975911,21.3186849 12.2294922,21.4326172 C12.3024089,21.6832682 12.3639323,21.8723958 12.4140625,22 L12.4140625,22 L14.3144531,22 C14.1458333,21.6536458 14.0307617,21.3289388 13.9692383,21.0258789 C13.9077148,20.722819 13.8769531,20.2522786 13.8769531,19.6142578 L13.8769531,19.6142578 L13.8974609,17.3720703 C13.8974609,16.5380859 13.8120117,15.9650065 13.6411133,15.652832 C13.4702148,15.3406576 13.1751302,15.0831706 12.7558594,14.8803711 C12.3365885,14.6775716 11.6985677,14.5761719 10.8417969,14.5761719 C9.8984375,14.5761719 9.1875,14.7447917 8.70898438,15.0820312 C8.23046875,15.4192708 7.89322917,15.9388021 7.69726562,16.640625 L7.69726562,16.640625 L9.44042969,16.9550781 C9.55891927,16.6178385 9.71386719,16.3819987 9.90527344,16.2475586 C10.0966797,16.1131185 10.3632812,16.0458984 10.7050781,16.0458984 C11.2109375,16.0458984 11.555013,16.1245117 11.7373047,16.2817383 C11.9195964,16.4389648 12.0107422,16.7021484 12.0107422,17.0712891 L12.0107422,17.0712891 L12.0107422,17.2626953 C11.664388,17.4085286 11.0423177,17.5657552 10.1445312,17.734375 C9.47916667,17.8619792 8.96988932,18.0112305 8.61669922,18.1821289 C8.26350911,18.3530273 7.98893229,18.5991211 7.79296875,18.9204102 C7.59700521,19.2416992 7.49902344,19.6074219 7.49902344,20.0175781 C7.49902344,20.6373698 7.71435547,21.1500651 8.14501953,21.5556641 C8.57568359,21.961263 9.16471354,22.1640625 9.91210938,22.1640625 Z M10.4863281,20.8105469 C10.1764323,20.8105469 9.92122396,20.7125651 9.72070312,20.5166016 C9.52018229,20.320638 9.41992188,20.0882161 9.41992188,19.8193359 C9.41992188,19.5458984 9.5452474,19.3203125 9.79589844,19.1425781 C9.95996094,19.0332031 10.3085938,18.9215495 10.8417969,18.8076172 C11.375,18.6936849 11.7646484,18.5957031 12.0107422,18.5136719 L12.0107422,18.5136719 L12.0107422,18.8964844 C12.0107422,19.3567708 11.9856771,19.6689453 11.9355469,19.8330078 C11.8626302,20.0836589 11.7099609,20.2955729 11.4775391,20.46875 C11.1630859,20.6966146 10.8326823,20.8105469 10.4863281,20.8105469 Z M19.7626953,22.1640625 C20.6057943,22.1640625 21.3224284,21.8291016 21.9125977,21.1591797 C22.5027669,20.4892578 22.7978516,19.5345052 22.7978516,18.2949219 C22.7978516,17.0963542 22.5084635,16.1769206 21.9296875,15.5366211 C21.3509115,14.8963216 20.6194661,14.5761719 19.7353516,14.5761719 C18.9241536,14.5761719 18.2223307,14.9134115 17.6298828,15.5878906 L17.6298828,15.5878906 L17.6298828,11.9785156 L15.7089844,11.9785156 L15.7089844,22 L17.4931641,22 L17.4931641,20.9335938 C17.7848307,21.3391927 18.1323242,21.6456706 18.5356445,21.8530273 C18.9389648,22.0603841 19.3479818,22.1640625 19.7626953,22.1640625 Z M19.2978516,20.6464844 C18.7464193,20.6464844 18.304362,20.391276 17.9716797,19.8808594 C17.7347005,19.5208333 17.6162109,18.9648438 17.6162109,18.2128906 C17.6162109,17.483724 17.7688802,16.9402669 18.0742188,16.5825195 C18.3795573,16.2247721 18.7623698,16.0458984 19.2226562,16.0458984 C19.6920573,16.0458984 20.0771484,16.2293294 20.3779297,16.5961914 C20.6787109,16.9630534 20.8291016,17.5611979 20.8291016,18.390625 C20.8291016,19.1699219 20.6798503,19.7407227 20.3813477,20.1030273 C20.0828451,20.465332 19.7216797,20.6464844 19.2978516,20.6464844 Z M27.4052734,22.1640625 C28.3395182,22.1640625 29.0846354,21.9430339 29.640625,21.5009766 C30.1966146,21.0589193 30.5725911,20.4049479 30.7685547,19.5390625 L30.7685547,19.5390625 L28.8818359,19.2177734 C28.7861328,19.7236328 28.6220703,20.0802409 28.3896484,20.2875977 C28.1572266,20.4949544 27.858724,20.5986328 27.4941406,20.5986328 C27.0065104,20.5986328 26.6180013,20.4208984 26.3286133,20.0654297 C26.0392253,19.7099609 25.8945312,19.1015625 25.8945312,18.2402344 C25.8945312,17.4654948 26.0369466,16.9129232 26.3217773,16.5825195 C26.6066081,16.2521159 26.9882812,16.0869141 27.4667969,16.0869141 C27.8268229,16.0869141 28.1196289,16.1826172 28.3452148,16.3740234 C28.5708008,16.5654297 28.7154948,16.8502604 28.7792969,17.2285156 L28.7792969,17.2285156 L30.6728516,16.8867188 C30.444987,16.1074219 30.0701497,15.5275065 29.5483398,15.1469727 C29.0265299,14.7664388 28.3235677,14.5761719 27.4394531,14.5761719 C26.359375,14.5761719 25.5026042,14.9099935 24.8691406,15.5776367 C24.2356771,16.2452799 23.9189453,17.1783854 23.9189453,18.3769531 C23.9189453,19.561849 24.2345378,20.4892578 24.8657227,21.1591797 C25.4969076,21.8291016 26.3434245,22.1640625 27.4052734,22.1640625 Z"/></defs><g fill="none" fill-rule="evenodd" transform="translate(1 2)"><g fill="currentColor" fill-rule="nonzero"><use xlink:href="#a"/><use xlink:href="#a"/></g><line x1="1" x2="1" y2="34" stroke="currentColor" stroke-linecap="square" stroke-width="3"/></g></svg>

package/src/icons/text-larger.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" viewBox="0 0 36 36"><g fill-rule="evenodd"><polygon fill-rule="nonzero" points="10 0 8 0 0 0 0 4 2 4 2 2 8 2 8 24 6 24 6 26 8 26 10 26 12 26 12 24 10 24 10 2 16 2 16 4 18 4 18 0" transform="translate(10 5)"/><polygon fill-rule="nonzero" points="5.556 0 4.444 0 0 0 0 2.308 1.111 2.308 1.111 1.154 4.444 1.154 4.444 13.846 3.333 13.846 3.333 15 4.444 15 5.556 15 6.667 15 6.667 13.846 5.556 13.846 5.556 1.154 8.889 1.154 8.889 2.308 10 2.308 10 0" transform="translate(0 16)"/><polygon points="5 4 10 8 0 8" transform="translate(0 5)"/></g></svg>

package/src/theme/ItaliaTheme/Blocks/_accordion.scss

@@ -4,16 +4,9 @@ $accordion-icon-color: #7fb2e5;
   .section.full-width {
     height: auto;
     .title {
-      font-size: 2.35rem !important;
+      font-size: 2.35rem;
       font-weight: bold;
       line-height: 3rem;
-
-      .DraftEditor-root {
-        .public-DraftEditorPlaceholder-root {
-          width: 100%;
-          font-size: 2.35rem;
-        }
-      }
     }
 
     @media (max-width: #{map-get($grid-breakpoints, md)}) {
@@ -50,10 +43,6 @@ $accordion-icon-color: #7fb2e5;
             top: -7px;
             right: 0;
             left: unset;
-
-            &:focus {
-              outline: 1px solid $focus-outline-color;
-            }
           }
 
           .accordion-header {
@@ -96,6 +85,7 @@ $accordion-icon-color: #7fb2e5;
                 color: $primary;
                 font-size: 1.2rem;
                 font-weight: bold;
+                text-align: left;
 
                 .icon {
                   flex-shrink: 0;
@@ -160,15 +150,5 @@ $accordion-icon-color: #7fb2e5;
         }
       }
     }
-
-    &.is-edit-mode {
-      .card {
-        .card-body {
-          //per mostrare la barra di formattazione di draft-js
-          padding-left: 10em;
-          margin-left: -7em;
-        }
-      }
-    }
   }
 }

package/src/theme/ItaliaTheme/Blocks/_alert.scss

@@ -1,11 +1,37 @@
-.public-ui {
+.alert-colors-widget {
+  .color-list-widget {
+    .ui.button.info {
+      &,
+      &.active {
+        background-color: $alert-info;
+      }
+    }
+
+    .ui.button.warning {
+      &,
+      &.active {
+        background-color: $alert-warning;
+      }
+    }
+
+    .ui.button.danger {
+      &,
+      &.active {
+        background-color: $alert-danger;
+      }
+    }
+  }
+}
+
+.public-ui,
+body.cms-ui .public-ui {
   .block.alertblock,
   .alertblock {
     .full-width {
       height: auto;
     }
 
-    .draftjs-buttons a {
+    a.btn.btn-primary.inline-link {
       background-color: $white;
       color: $body-color;
 
@@ -19,7 +45,13 @@
       background-color: $alert-danger;
       color: $alert-danger-text;
 
-      a {
+      h1,
+      h2,
+      h3,
+      h4,
+      h5,
+      h6,
+      a:not(.btn) {
         color: $alert-danger-text;
       }
     }
@@ -28,7 +60,13 @@
       background-color: $alert-warning;
       color: $alert-warning-text;
 
-      a {
+      h1,
+      h2,
+      h3,
+      h4,
+      h5,
+      h6,
+      a:not(.btn) {
         color: $alert-warning-text;
       }
     }
@@ -37,6 +75,15 @@
       background-color: $alert-info;
       color: $alert-info-text;
 
+      h1,
+      h2,
+      h3,
+      h4,
+      h5,
+      h6 {
+        color: $alert-info-text;
+      }
+
       a {
         color: $alert-info-text;
       }

package/src/theme/ItaliaTheme/Blocks/_bandiInEvidenceTemplate.scss

@@ -21,6 +21,7 @@
 
     .listing-item {
       align-items: normal;
+
       .card-body {
         display: flex;
         flex-direction: column;

package/src/theme/ItaliaTheme/Blocks/_callout.scss

@@ -0,0 +1,32 @@
+body.cms-ui {
+  .block-editor-callout_block {
+    .public-ui {
+      .callout {
+        .callout-title {
+          display: flex;
+
+          .icon {
+            max-width: 32px;
+            flex: 1 0 100%;
+          }
+
+          .text {
+            padding-right: calc(10px + 0.7rem);
+            background-color: #fff;
+
+            &:after {
+              z-index: -1;
+            }
+          }
+        }
+
+        p {
+          &,
+          * {
+            font-family: 'Lora', Georgia, serif !important; //as bootstrap-italia says
+          }
+        }
+      }
+    }
+  }
+}