@eeacms/volto-tabs-block 5.0.7 → 5.1.0

package/locales/volto.pot

@@ -0,0 +1,411 @@
+msgid ""
+msgstr ""
+"Project-Id-Version: Plone\n"
+"POT-Creation-Date: 2023-07-26T20:41:22.374Z\n"
+"Last-Translator: Plone i18n <plone-i18n@lists.sourceforge.net>\n"
+"Language-Team: Plone i18n <plone-i18n@lists.sourceforge.net>\n"
+"MIME-Version: 1.0\n"
+"Content-Type: text/plain; charset=utf-8\n"
+"Content-Transfer-Encoding: 8bit\n"
+"Plural-Forms: nplurals=1; plural=0;\n"
+"Language-Code: en\n"
+"Language-Name: English\n"
+"Preferred-Encodings: utf-8\n"
+"Domain: volto\n"
+
+#: index
+# defaultMessage: Accordion responsive
+msgid "Accordion responsive"
+msgstr ""
+
+#: index
+# defaultMessage: Default
+msgid "Default"
+msgstr ""
+
+#: components/EditBlockWrapper
+# defaultMessage: Unknown Block {block}
+msgid "Unknown Block"
+msgstr ""
+
+#: components/templates/accordion/schema
+# defaultMessage: Accordion tabs block
+msgid "accordion-tabs-block"
+msgstr ""
+
+#: components/schema
+# defaultMessage: Accordion responsive
+msgid "accordionResponsive"
+msgstr ""
+
+#: components/templates/default/schema
+#: components/templates/horizontal-responsive/schema
+# defaultMessage: Alignment
+msgid "alignment"
+msgstr ""
+
+#: components/templates/default/schema
+#: components/templates/horizontal-responsive/schema
+# defaultMessage: Black
+msgid "black"
+msgstr ""
+
+#: components/templates/default/schema
+#: components/templates/horizontal-responsive/schema
+# defaultMessage: Blue
+msgid "blue"
+msgstr ""
+
+#: components/schema
+#: components/templates/default/schema
+#: components/templates/horizontal-responsive/schema
+# defaultMessage: Bottom
+msgid "bottom"
+msgstr ""
+
+#: components/templates/default/schema
+#: components/templates/horizontal-responsive/schema
+# defaultMessage: Brown
+msgid "brown"
+msgstr ""
+
+#: components/templates/carousel/schema
+# defaultMessage: Carousel block
+msgid "carousel-tabs-block"
+msgstr ""
+
+#: components/schema
+# defaultMessage: Carousel horizontal
+msgid "carouselHorizontal"
+msgstr ""
+
+#: components/schema
+# defaultMessage: Carousel vertical (prototype)
+msgid "carouselVerticalPrototype"
+msgstr ""
+
+#: components/templates/default/schema
+#: components/templates/horizontal-responsive/schema
+# defaultMessage: Center
+msgid "center"
+msgstr ""
+
+#: components/templates/default/schema
+#: components/templates/horizontal-responsive/schema
+# defaultMessage: Color
+msgid "color"
+msgstr ""
+
+#: components/templates/carousel/schema
+# defaultMessage: Dark
+msgid "dark"
+msgstr ""
+
+#: components/schema
+#: components/templates/accordion/schema
+#: components/templates/carousel/schema
+#: components/templates/default/schema
+#: components/templates/horizontal-responsive/schema
+# defaultMessage: Default
+msgid "default"
+msgstr ""
+
+#: components/templates/default/schema
+# defaultMessage: Default tabs block
+msgid "default-tabs-block"
+msgstr ""
+
+#: components/EditBlockWrapper
+# defaultMessage: delete
+msgid "delete"
+msgstr ""
+
+#: components/templates/accordion/schema
+#: components/templates/default/schema
+#: components/templates/horizontal-responsive/schema
+# defaultMessage: Description
+msgid "description"
+msgstr ""
+
+#: components/templates/default/schema
+#: components/templates/horizontal-responsive/schema
+# defaultMessage: Green
+msgid "green"
+msgstr ""
+
+#: components/templates/carousel/schema
+#: components/templates/default/schema
+#: components/templates/horizontal-responsive/schema
+# defaultMessage: Grey
+msgid "grey"
+msgstr ""
+
+#: components/templates/horizontal-responsive/schema
+# defaultMessage: Horizontal tabs block
+msgid "horizontal-tabs-block"
+msgstr ""
+
+#: components/schema
+# defaultMessage: Horizontal responsive
+msgid "horizontalResponsive"
+msgstr ""
+
+#: components/templates/default/schema
+#: components/templates/horizontal-responsive/schema
+# defaultMessage: Huge
+msgid "huge"
+msgstr ""
+
+#: components/templates/accordion/schema
+# defaultMessage: Icon position on the right
+msgid "icon-position-on-the-right"
+msgstr ""
+
+#: components/templates/accordion/schema
+# defaultMessage: Inverted
+msgid "inverted"
+msgstr ""
+
+#: components/templates/default/schema
+#: components/templates/horizontal-responsive/schema
+# defaultMessage: Large
+msgid "large"
+msgstr ""
+
+#: components/templates/default/schema
+#: components/templates/horizontal-responsive/schema
+# defaultMessage: Left
+msgid "left"
+msgstr ""
+
+#: components/templates/default/schema
+#: components/templates/horizontal-responsive/schema
+# defaultMessage: Left side
+msgid "left-side"
+msgstr ""
+
+#: components/templates/carousel/schema
+# defaultMessage: Light
+msgid "light"
+msgstr ""
+
+#: components/templates/default/schema
+#: components/templates/horizontal-responsive/schema
+# defaultMessage: Masive
+msgid "massive"
+msgstr ""
+
+#: components/templates/accordion/schema
+#: components/templates/default/schema
+#: components/templates/horizontal-responsive/schema
+# defaultMessage: Menu
+msgid "menu"
+msgstr ""
+
+#: components/templates/default/schema
+#: components/templates/horizontal-responsive/schema
+# defaultMessage: Borderless
+msgid "menu-border-less"
+msgstr ""
+
+#: components/templates/default/schema
+#: components/templates/horizontal-responsive/schema
+# defaultMessage: Compact
+msgid "menu-compact"
+msgstr ""
+
+#: components/templates/default/schema
+#: components/templates/horizontal-responsive/schema
+# defaultMessage: Fluid
+msgid "menu-fluid"
+msgstr ""
+
+#: components/templates/default/schema
+#: components/templates/horizontal-responsive/schema
+# defaultMessage: Inverted
+msgid "menu-inverted"
+msgstr ""
+
+#: components/templates/default/schema
+#: components/templates/horizontal-responsive/schema
+# defaultMessage: Pointing
+msgid "menu-pointing"
+msgstr ""
+
+#: components/templates/default/schema
+#: components/templates/horizontal-responsive/schema
+# defaultMessage: Secondary
+msgid "menu-secondary"
+msgstr ""
+
+#: components/templates/default/schema
+#: components/templates/horizontal-responsive/schema
+# defaultMessage: Stackable
+msgid "menu-stackable"
+msgstr ""
+
+#: components/templates/default/schema
+#: components/templates/horizontal-responsive/schema
+# defaultMessage: Tabular
+msgid "menu-tabular"
+msgstr ""
+
+#: components/templates/default/schema
+#: components/templates/horizontal-responsive/schema
+# defaultMessage: Text
+msgid "menu-text"
+msgstr ""
+
+#: components/schema
+# defaultMessage: Middle
+msgid "middle"
+msgstr ""
+
+#: components/templates/default/schema
+#: components/templates/horizontal-responsive/schema
+# defaultMessage: Mini
+msgid "mini"
+msgstr ""
+
+#: components/templates/default/schema
+#: components/templates/horizontal-responsive/schema
+# defaultMessage: Olive
+msgid "olive"
+msgstr ""
+
+#: components/templates/default/schema
+#: components/templates/horizontal-responsive/schema
+# defaultMessage: Orange
+msgid "orange"
+msgstr ""
+
+#: components/templates/default/schema
+#: components/templates/horizontal-responsive/schema
+# defaultMessage: Pink
+msgid "pink"
+msgstr ""
+
+#: components/templates/default/schema
+#: components/templates/horizontal-responsive/schema
+# defaultMessage: Position
+msgid "position"
+msgstr ""
+
+#: components/templates/accordion/schema
+# defaultMessage: Position left/right of the icon in the accordion tab
+msgid "position-left-right-of-the-icon-in-the-accordion-tab"
+msgstr ""
+
+#: components/templates/default/schema
+#: components/templates/horizontal-responsive/schema
+# defaultMessage: Purple
+msgid "purple"
+msgstr ""
+
+#: components/templates/default/schema
+#: components/templates/horizontal-responsive/schema
+# defaultMessage: Red
+msgid "red"
+msgstr ""
+
+#: components/templates/default/schema
+#: components/templates/horizontal-responsive/schema
+# defaultMessage: Right
+msgid "right"
+msgstr ""
+
+#: components/templates/default/schema
+#: components/templates/horizontal-responsive/schema
+# defaultMessage: Right side
+msgid "right-side"
+msgstr ""
+
+#: components/templates/accordion/schema
+# defaultMessage: Set the theme for the accordion tabs block
+msgid "set-the-theme-for-the-accordion-tabs-block"
+msgstr ""
+
+#: components/templates/default/schema
+#: components/templates/horizontal-responsive/schema
+# defaultMessage: Size
+msgid "size"
+msgstr ""
+
+#: components/templates/default/schema
+#: components/templates/horizontal-responsive/schema
+# defaultMessage: Small
+msgid "small"
+msgstr ""
+
+#: components/templates/default/schema
+#: components/templates/horizontal-responsive/schema
+# defaultMessage: Space between
+msgid "space-between"
+msgstr ""
+
+#: components/templates/accordion/schema
+# defaultMessage: Style
+msgid "style"
+msgstr ""
+
+#: components/schema
+# defaultMessage: Tabs
+msgid "tabs"
+msgstr ""
+
+#: components/schema
+# defaultMessage: Tabs block
+msgid "tabs-block"
+msgstr ""
+
+#: components/templates/default/schema
+#: components/templates/horizontal-responsive/schema
+# defaultMessage: Teal
+msgid "teal"
+msgstr ""
+
+#: components/schema
+# defaultMessage: Template
+msgid "template"
+msgstr ""
+
+#: components/templates/accordion/schema
+#: components/templates/carousel/schema
+# defaultMessage: Theme
+msgid "theme"
+msgstr ""
+
+#: components/templates/default/schema
+#: components/templates/horizontal-responsive/schema
+# defaultMessage: Tiny
+msgid "tiny"
+msgstr ""
+
+#: components/schema
+# defaultMessage: Title
+msgid "title"
+msgstr ""
+
+#: components/schema
+#: components/templates/default/schema
+#: components/templates/horizontal-responsive/schema
+# defaultMessage: Top
+msgid "top"
+msgstr ""
+
+#: components/schema
+# defaultMessage: Vertical align
+msgid "vertical-align"
+msgstr ""
+
+#: components/templates/default/schema
+#: components/templates/horizontal-responsive/schema
+# defaultMessage: Violet
+msgid "violet"
+msgstr ""
+
+#: components/templates/default/schema
+#: components/templates/horizontal-responsive/schema
+# defaultMessage: Yellow
+msgid "yellow"
+msgstr ""

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@eeacms/volto-tabs-block",
-  "version": "5.0.7",
+  "version": "5.1.0",
   "description": "volto-tabs-block: Volto add-on",
   "main": "src/index.js",
   "author": "European Environment Agency: IDM2 A-Team",

package/src/components/Edit.jsx

@@ -44,6 +44,7 @@ const Edit = (props) => {
     typeof templateSchema === 'function'
       ? templateSchema(config, props)
       : templateSchema,
+    props,
   );
 
   React.useEffect(() => {

package/src/components/schema.js

@@ -1,22 +1,87 @@
 import { TABS_BLOCK } from '@eeacms/volto-tabs-block/constants';
+import { defineMessages } from 'react-intl';
 
-export const schema = (config, templateSchema = {}) => {
+const messages = defineMessages({
+  TabsBlock: {
+    id: 'tabs-block',
+    defaultMessage: 'Tabs block',
+  },
+  Default: {
+    id: 'default',
+    defaultMessage: 'Default',
+  },
+  Tabs: {
+    id: 'tabs',
+    defaultMessage: 'Tabs',
+  },
+  Title: {
+    id: 'title',
+    defaultMessage: 'Title',
+  },
+  Template: {
+    id: 'template',
+    defaultMessage: 'Template',
+  },
+  VerticalAlign: {
+    id: 'vertical-align',
+    defaultMessage: 'Vertical align',
+  },
+  Top: {
+    id: 'top',
+    defaultMessage: 'Top',
+  },
+  Middle: {
+    id: 'middle',
+    defaultMessage: 'Middle',
+  },
+  Bottom: {
+    id: 'bottom',
+    defaultMessage: 'Bottom',
+  },
+  default: {
+    id: 'default',
+    defaultMessage: 'Default',
+  },
+  accordionResponsive: {
+    id: 'accordionResponsive',
+    defaultMessage: 'Accordion responsive',
+  },
+  horizontalResponsive: {
+    id: 'horizontalResponsive',
+    defaultMessage: 'Horizontal responsive',
+  },
+  carouselHorizontal: {
+    id: 'carouselHorizontal',
+    defaultMessage: 'Carousel horizontal',
+  },
+  carouselVerticalPrototype: {
+    id: 'carouselVerticalPrototype',
+    defaultMessage: 'Carousel vertical (prototype)',
+  },
+});
+
+export const schema = (config, templateSchema = {}, props) => {
+  const { intl } = props;
   const templatesConfig = config.blocks.blocksConfig[TABS_BLOCK].templates;
-  const templates = Object.keys(templatesConfig).map((template) => [
-    template,
-    templatesConfig[template].title || template,
-  ]);
+  const templates = Object.keys(templatesConfig).map((template) => {
+    let templateTitle = templatesConfig[template].title || template;
+    let templateId = templatesConfig[template].id;
+    if (templateId && messages[`${templateId}`]) {
+      templateTitle = intl.formatMessage(messages[`${templateId}`]);
+    }
+    return [template, templateTitle];
+  });
 
   const defaultFieldset = templateSchema?.fieldsets?.filter(
     (fieldset) => fieldset.id === 'default',
   )[0];
 
   return {
-    title: templateSchema?.title || 'Tabs block',
+    title: templateSchema?.title || intl.formatMessage(messages.TabsBlock),
     fieldsets: [
       {
         id: 'default',
-        title: 'Default',
+        title: intl.formatMessage(messages.Default),
         fields: [
           'data',
           'title',
@@ -31,23 +96,23 @@ export const schema = (config, templateSchema = {}) => {
     ],
     properties: {
       data: {
-        title: 'Tabs',
+        title: intl.formatMessage(messages.Tabs),
         type: 'tabs',
       },
       title: {
-        title: 'Title',
+        title: intl.formatMessage(messages.Title),
       },
       template: {
-        title: 'Template',
+        title: intl.formatMessage(messages.Template),
         choices: [...templates],
         default: 'default',
       },
       verticalAlign: {
-        title: 'Vertical align',
+        title: intl.formatMessage(messages.VerticalAlign),
         choices: [
-          ['flex-start', 'Top'],
-          ['center', 'Middle'],
-          ['flex-end', 'Bottom'],
+          ['flex-start', intl.formatMessage(messages.Top)],
+          ['center', intl.formatMessage(messages.Middle)],
+          ['flex-end', intl.formatMessage(messages.Bottom)],
         ],
         default: 'flex-start',
       },

package/src/components/templates/accordion/schema.js

@@ -1,40 +1,87 @@
-import config from '@plone/volto/registry';
+import { defineMessages } from 'react-intl';
 
-export default () => ({
-  title: 'Accordion tabs block',
+const messages = defineMessages({
+  AccordionTabsBlock: {
+    id: 'accordion-tabs-block',
+    defaultMessage: 'Accordion tabs block',
+  },
+  Default: {
+    id: 'default',
+    defaultMessage: 'Default',
+  },
+  Menu: {
+    id: 'menu',
+    defaultMessage: 'Menu',
+  },
+  Style: {
+    id: 'style',
+    defaultMessage: 'Style',
+  },
+  Description: {
+    id: 'description',
+    defaultMessage: 'Description',
+  },
+  IconPositionOnTheRight: {
+    id: 'icon-position-on-the-right',
+    defaultMessage: 'Icon position on the right',
+  },
+  PositionLeftRightIconAccordionTab: {
+    id: 'position-left-right-of-the-icon-in-the-accordion-tab',
+    defaultMessage: 'Position left/right of the icon in the accordion tab',
+  },
+  Inverted: {
+    id: 'inverted',
+    defaultMessage: 'Inverted',
+  },
+  Theme: {
+    id: 'theme',
+    defaultMessage: 'Theme',
+  },
+  SetThemeAccordionTabsBlock: {
+    id: 'set-the-theme-for-the-accordion-tabs-block',
+    defaultMessage: 'Set the theme for the accordion tabs block',
+  },
+});
+
+export default (config, props) => ({
+  title: props.intl.formatMessage(messages.AccordionTabsBlock),
   fieldsets: [
     {
       id: 'default',
-      title: 'Default',
+      title: props.intl.formatMessage(messages.Default),
       fields: ['description'],
     },
     {
       id: 'menu',
-      title: 'Menu',
+      title: props.intl.formatMessage(messages.Menu),
       fields: ['menuInverted', 'accordionIconRight'],
     },
     {
       id: 'style',
-      title: 'Style',
+      title: props.intl.formatMessage(messages.Style),
       fields: ['theme'],
     },
   ],
   properties: {
     description: {
-      title: 'Description',
+      title: props.intl.formatMessage(messages.Description),
     },
     accordionIconRight: {
-      title: 'Icon position on the right',
-      description: 'Position left/right of the icon in the accordion tab',
+      title: props.intl.formatMessage(messages.IconPositionOnTheRight),
+      description: props.intl.formatMessage(
+        messages.PositionLeftRightIconAccordionTab,
+      ),
       type: 'boolean',
     },
     menuInverted: {
-      title: 'Inverted',
+      title: props.intl.formatMessage(messages.Inverted),
       type: 'boolean',
     },
     theme: {
-      title: 'Theme',
-      description: 'Set the theme for the accordion tabs block',
+      title: props.intl.formatMessage(messages.Theme),
+      description: props.intl.formatMessage(
+        messages.SetThemeAccordionTabsBlock,
+      ),
       widget: 'theme_picker',
       colors: [
         ...(config.settings && config.settings.themeColors

package/src/components/templates/carousel/HorizontalView.jsx

@@ -4,8 +4,8 @@ import loadable from '@loadable/component';
 import cx from 'classnames';
 import { Icon, RenderBlocks } from '@plone/volto/components';
 
-import rightArrowSVG from '@eeacms/volto-tabs-block/icons/right-arrow.svg';
-import leftArrowSVG from '@eeacms/volto-tabs-block/icons/left-arrow.svg';
+import rightArrowSVG from '@eeacms/volto-tabs-block/icons/right-key.svg';
+import leftArrowSVG from '@eeacms/volto-tabs-block/icons/left-key.svg';
 
 import 'slick-carousel/slick/slick.css';
 import 'slick-carousel/slick/slick-theme.css';