@eeacms/volto-tabs-block 7.0.2 → 7.0.3

package/CHANGELOG.md

@@ -4,6 +4,12 @@ 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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@eeacms/volto-tabs-block",
-  "version": "7.0.2",
+  "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/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,