@eeacms/volto-block-style - npm Package Compare versions

Comparing version 3.5.1 to 3.5.2

CHANGELOG.md

@@ -7,6 +7,12 @@ ### Changelog
 
+#### [3.5.2](https://github.com/eea/volto-block-style/compare/3.5.1...3.5.2)
+
+- Added 'delete all style' button [`bad187b`](https://github.com/eea/volto-block-style/commit/bad187b237333b7155c6230e67e0b6633fa0b1d5)
+
 #### [3.5.1](https://github.com/eea/volto-block-style/compare/3.5.0...3.5.1)
 
-- Set color as css variable (--*) [`77bd3c4`](https://github.com/eea/volto-block-style/commit/77bd3c44dd65c0df1879d7e5780700337185c44c)
+> 19 October 2021
 
+- Set color as css variable (--*) [`#31`](https://github.com/eea/volto-block-style/pull/31)
+
 #### [3.5.0](https://github.com/eea/volto-block-style/compare/3.4.5...3.5.0)
@@ -13,0 +19,0 @@

package.json

 {
   "name": "@eeacms/volto-block-style",
-  "version": "3.5.1",
+  "version": "3.5.2",
   "description": "volto-block-style: Volto add-on",
@@ -5,0 +5,0 @@ "main": "src/index.js",

src/BlockStyleWrapper/BlockStyleWrapperEdit.jsx

@@ -53,2 +53,3 @@ import React from 'react';
         }}
+        blockData={data}
         choices={[]}
@@ -55,0 +56,0 @@ onChangeValue={(id, value) =>

src/StyleWrapper/StyleWrapperEdit.jsx

@@ -7,5 +7,15 @@ import React from 'react';
 import clearSVG from '@plone/volto/icons/clear.svg';
+import deleteSVG from '@plone/volto/icons/delete.svg';
 
 const StyleWrapperEdit = (props) => {
-  const { selected, onChangeValue, data, isVisible, setIsVisible } = props;
+  const {
+    block,
+    blockData,
+    selected,
+    onChangeBlock,
+    onChangeValue,
+    data,
+    isVisible,
+    setIsVisible,
+  } = props;
 
@@ -31,2 +41,10 @@ const schema = React.useMemo(() => StyleSchema(), []);
 
+  const deleteAllStyle = React.useCallback(() => {
+    const newData = {
+      ...blockData,
+    };
+    delete newData.styles;
+    onChangeBlock(block, newData);
+  }, [block, blockData, onChangeBlock]);
+
   React.useEffect(() => {
@@ -52,4 +70,7 @@ document.addEventListener('click', closeSidebar, false);
             >
-              <Icon name={clearSVG} size="24px" />
+              <Icon name={clearSVG} size="24px" title="Close" />
             </button>
+            <button onClick={deleteAllStyle} style={{ float: 'right' }}>
+              <Icon name={deleteSVG} size="24px" title="Delete block style" />
+            </button>
           </>
@@ -56,0 +77,0 @@ }

No alert changes

Improved metrics

Total package byte prevSize

117313

increased by0.63%

Lines of code

2302

increased by0.92%

No dependency changes