Add example views for description block and teaser block

packages/policy/src/components/DescriptionBlockViewWithTooltips.jsx

@@ -0,0 +1,10 @@
+import { TextWithGlossaryTooltips } from '@rohberg/volto-slate-glossary/utils';
+
+const DescriptionBlockView = ({ properties, metadata, id }) => {
+  let description = (metadata || properties)['description'] || '';
+  description = TextWithGlossaryTooltips({ text: description });
+
+  return <p className="documentDescription">{description}</p>;
+};
+
+export default DescriptionBlockView;

packages/policy/src/components/TeaserViewWithTooltips.jsx

@@ -0,0 +1,21 @@
+import TeaserBody from '@plone/volto/components/manage/Blocks/Teaser/Body';
+import { withBlockExtensions } from '@plone/volto/helpers/Extensions';
+import { TextWithGlossaryTooltips } from '@rohberg/volto-slate-glossary/utils';
+
+const TeaserView = (props) => {
+  return (
+    <TeaserBody
+      {...{
+        ...props,
+        data: {
+          ...props.data,
+          description: TextWithGlossaryTooltips({
+            text: props.data.description,
+          }),
+        },
+      }}
+    />
+  );
+};
+
+export default withBlockExtensions(TeaserView);

packages/policy/src/index.js

@@ -1,11 +1,25 @@
 import { Tooltips } from '@rohberg/volto-slate-glossary/components';
+import DescriptionBlockViewWithTooltips from './components/DescriptionBlockViewWithTooltips';
+import TeaserViewWithTooltips from './components/TeaserViewWithTooltips';
 
 const applyConfig = (config) => {
-  // glossary tooltips
+  /**
+   * Tooltip configuration
+   */
   config.settings.glossary.caseSensitive = false;
   config.settings.glossary.matchOnlyFirstOccurence = false;
-  config.settings.glossary.showAlphabetNavigation = true;
   config.settings.glossary.mentionTermInTooltip = false;
+  // Further configuration
+  // config.settings.glossary.includeAccordionBlock = true;
+
+  // // description block with tooltips
+  // config.blocks.blocksConfig.description.view =
+  //   DescriptionBlockViewWithTooltips;
+
+  // // teaser block with tooltips (teaser and teaser in grid block)
+  // config.blocks.blocksConfig.teaser.view = TeaserViewWithTooltips;
+  // config.blocks.blocksConfig.gridBlock.blocksConfig.teaser.view =
+  //   TeaserViewWithTooltips;
 
   // Tooltips everywhere
   config.settings.appExtras = [
@@ -16,6 +30,11 @@ const applyConfig = (config) => {
     },
   ];
 
+  /**
+   * Glossary configuration
+   */
+  config.settings.glossary.showAlphabetNavigation = true;
+
   return config;
 };