@eeacms/volto-tabs-block 7.0.1 → 7.0.3

package/CHANGELOG.md

@@ -4,10 +4,27 @@ All notable changes to this project will be documented in this file. Dates are d
 
 Generated by [`auto-changelog`](https://github.com/CookPete/auto-changelog).
 
+### [7.0.3](https://github.com/eea/volto-tabs-block/compare/7.0.2...7.0.3) - 29 November 2023
+
+#### :bug: Bug Fixes
+
+- fix: delete styles on tab - refs #260427 [dobri1408 - [`6925c95`](https://github.com/eea/volto-tabs-block/commit/6925c958780e9446949c9023053970f042052ecf)]
+
+### [7.0.2](https://github.com/eea/volto-tabs-block/compare/7.0.1...7.0.2) - 24 November 2023
+
+#### :bug: Bug Fixes
+
+- fix(menu): Update secondary pointing inverted active border color variable in menu [David Ichim - [`d8a7837`](https://github.com/eea/volto-tabs-block/commit/d8a78377058732c42295196810416b41ad41417c)]
+
+#### :hammer_and_wrench: Others
+
+- test: [JENKINS] Use java17 for sonarqube scanner [valentinab25 - [`3b87d12`](https://github.com/eea/volto-tabs-block/commit/3b87d12df4d01031231b15eb4196f6ff6937706b)]
+- test: [JENKINS] Run cypress in started frontend container [valentinab25 - [`f5f3430`](https://github.com/eea/volto-tabs-block/commit/f5f343024b45bb0206e0169cce6dd0e8472b6795)]
 ### [7.0.1](https://github.com/eea/volto-tabs-block/compare/7.0.0...7.0.1) - 9 November 2023
 
 #### :bug: Bug Fixes
 
+- fix(tabs): default view style due to missing class found on edit #75 from eea/develop [ichim-david - [`f620621`](https://github.com/eea/volto-tabs-block/commit/f6206213915d072838173ca2a5bff4d4ddc461c1)]
 - fix(tabs): added missing tabs-secondary-variant class to default tab view template [David Ichim - [`a122359`](https://github.com/eea/volto-tabs-block/commit/a122359601d548d7577e7f978b5025a92469d1dd)]
 
 #### :hammer_and_wrench: Others

package/package.json

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

package/src/components/templates/accordion/Edit.jsx

@@ -51,7 +51,8 @@ const Edit = (props) => {
   const accordionConfig = config.blocks.blocksConfig[
     TABS_BLOCK
   ].variations.filter((v, _i) => v.id === data.variation);
-  const { icons, semanticIcon, transformWidth = 800 } = accordionConfig?.[0];
+  const { icons, semanticIcon, transformWidth = 800 } =
+    accordionConfig?.[0] || {};
 
   const tabsContainer = React.useRef();
   const [mounted, setMounted] = React.useState(false);

package/src/components/templates/accordion/View.jsx

@@ -42,7 +42,8 @@ const View = (props) => {
   const accordionConfig = config.blocks.blocksConfig[
     TABS_BLOCK
   ].variations.filter((v, _i) => v.id === data.variation);
-  const { icons, semanticIcon, transformWidth = 800 } = accordionConfig?.[0];
+  const { icons, semanticIcon, transformWidth = 800 } =
+    accordionConfig?.[0] || {};
 
   const tabsContainer = React.useRef();
   const [mounted, setMounted] = React.useState(false);

package/src/index.js

@@ -107,7 +107,7 @@ const applyConfig = (config) => {
       },
     ],
     getBlocks: (data) => {
-      const { blocks = {}, blocks_layout = {} } = data?.data;
+      const { blocks = {}, blocks_layout = {} } = data?.data || {};
       if (blocks_layout?.items?.length) {
         return {
           blocks: blocks_layout.items.map((block, index) => ({

package/src/less/menu.variables

@@ -24,7 +24,7 @@
 
 /* Menu item */
 @menuItemCountDisplay: none;
-@secondaryPointingInvertedActiveBorderColor: var(--inverted-secondary-active-border-color, @pink);
+@secondaryPointingInvertedActiveBorderColor: var(--tab-inverted-secondary-active-border-color, @pink);
 @menuItemActiveBackgroundColor: var(--tab-active-bg-color, rgba(0, 0, 0, 0.05));
 @menuItemInvertedBackgroundColor: var(--tab-inverted-bg-color, #C7D5D8);
 @menuItemInvertedActiveBackgroundColor: var(--tab-inverted-active-bg-color, rgba(0, 0, 0, 0.1));

package/src/widgets/TabsWidget.jsx

@@ -101,7 +101,7 @@ const TabsWidget = (props) => {
                 },
                 blocks_layout: {
                   ...value.blocks_layout,
-                  items: [...value.blocks_layout?.items, newId],
+                  items: [...(value.blocks_layout?.items || []), newId],
                 },
               });
             }}
@@ -170,7 +170,7 @@ const TabsWidget = (props) => {
                               blocks_layout: {
                                 ...value.blocks_layout,
                                 items: without(
-                                  [...value.blocks_layout?.items],
+                                  [...(value.blocks_layout?.items || [])],
                                   childId,
                                 ),
                               },
@@ -227,6 +227,7 @@ const TabsWidget = (props) => {
       <StyleWrapperEdit
         {...props}
         selected={activeTabId}
+        blockData={activeTabData}
         isVisible={blockStyleVisible}
         setIsVisible={(value) => {
           setActiveTabId(null);
@@ -238,6 +239,17 @@ const TabsWidget = (props) => {
           ...(activeTabData.size ? { size: activeTabData.size } : {}),
         }}
         choices={[]}
+        onChangeBlock={(block, newData) => {
+          onChange(id, {
+            ...value,
+            blocks: {
+              ...value.blocks,
+              [activeTabId]: {
+                ...newData,
+              },
+            },
+          });
+        }}
         onChangeValue={(styleId, styleValue) =>
           onChange(id, {
             ...value,