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

Comparing version 3.4.13 to 3.4.14

CHANGELOG.md

@@ -7,5 +7,15 @@ ### Changelog
 
+#### [3.4.14](https://github.com/eea/volto-accordion-block/compare/3.4.13...3.4.14)
+
+- move style of accordion title input to volto-eea-design-system [`4cc803d`](https://github.com/eea/volto-accordion-block/commit/4cc803dbb60a74d3df7eff23545a56394448588f)
+- Update style on edit mode [`212eda4`](https://github.com/eea/volto-accordion-block/commit/212eda4b49852388c1b486abc52f991cf2fab3fb)
+- feat(accordion): add semantic icon configuration [`438b91c`](https://github.com/eea/volto-accordion-block/commit/438b91cc4d75b24bb4093be0e9b5d3b314b4bdb5)
+- feat(accordion): add icon 'size' configuration [`7f32d54`](https://github.com/eea/volto-accordion-block/commit/7f32d5403abe8be295d8b698cab3df83939b85e0)
+
 #### [3.4.13](https://github.com/eea/volto-accordion-block/compare/3.4.12...3.4.13)
 
+> 18 January 2022
+
 - Initialize empty active index [`#43`](https://github.com/eea/volto-accordion-block/pull/43)
+- Merge pull request #44 from eea/develop [`2006fdd`](https://github.com/eea/volto-accordion-block/commit/2006fdd81589a1dafe381c85e112a75b71632873)
 - initialize empty activeIndex [`0105982`](https://github.com/eea/volto-accordion-block/commit/01059821035e2006ab5347597646deabc8762fa3)
@@ -12,0 +22,0 @@

package.json

 {
   "name": "@eeacms/volto-accordion-block",
-  "version": "3.4.13",
+  "version": "3.4.14",
   "description": "volto-accordion-block: Volto accordion block",
@@ -5,0 +5,0 @@ "main": "src/index.js",

src/components/manage/Blocks/Accordion/AccordionEdit.jsx

@@ -1,6 +0,6 @@
-import { Icon } from '@plone/volto/components';
+import { Icon as VoltoIcon } from '@plone/volto/components';
 import cx from 'classnames';
 import React from 'react';
 import AnimateHeight from 'react-animate-height';
-import { Accordion, Input } from 'semantic-ui-react';
+import { Accordion, Input, Icon } from 'semantic-ui-react';
 import config from '@plone/volto/registry';
@@ -19,3 +19,4 @@
   const [activeIndex, setActiveIndex] = React.useState([0]);
-  const { titleIcons } = config.blocks.blocksConfig.accordion;
+  const accordionConfig = config.blocks.blocksConfig.accordion;
+  const { titleIcons } = accordionConfig;
 
@@ -62,4 +63,6 @@ const handleClick = (e, itemProps) => {
         >
-          {isExclusive(index) ? (
-            <Icon
+          {accordionConfig.semanticIcon ? (
+            <Icon name={accordionConfig.semanticIcon} />
+          ) : isExclusive(index) ? (
+            <VoltoIcon
               name={
@@ -70,7 +73,6 @@ props?.data?.right_arrows
               }
-              size="24px"
+              size={titleIcons.size}
             />
           ) : (
-            <Icon
-              size="24px"
+            <VoltoIcon
               name={
@@ -81,2 +83,3 @@ props?.data?.right_arrows
               }
+              size={titleIcons.size}
             />
@@ -83,0 +86,0 @@ )}

src/components/manage/Blocks/Accordion/View.jsx

 import React from 'react';
 import { RenderBlocks } from '@plone/volto/components';
 import { getPanels, accordionBlockHasValue } from './util';
-import { Accordion } from 'semantic-ui-react';
+import { Accordion, Icon } from 'semantic-ui-react';
 import { withBlockExtensions } from '@plone/volto/helpers';
 
 import cx from 'classnames';
-import { Icon } from '@plone/volto/components';
+import { Icon as VoltoIcon } from '@plone/volto/components';
 import AnimateHeight from 'react-animate-height';
@@ -18,3 +18,4 @@ import config from '@plone/volto/registry';
   const [activeIndex, setActiveIndex] = React.useState([]);
-  const { titleIcons } = config.blocks.blocksConfig.accordion;
+  const accordionConfig = config.blocks.blocksConfig.accordion;
+  const { titleIcons } = accordionConfig;
   const handleClick = (e, itemProps) => {
@@ -63,4 +64,6 @@ const { index } = itemProps;
               >
-                {isExclusive(index) ? (
-                  <Icon
+                {accordionConfig.semanticIcon ? (
+                  <Icon name={accordionConfig.semanticIcon} />
+                ) : isExclusive(index) ? (
+                  <VoltoIcon
                     name={
@@ -71,6 +74,6 @@ props?.data?.right_arrows
                     }
-                    size="24px"
+                    size={titleIcons.size}
                   />
                 ) : (
-                  <Icon
+                  <VoltoIcon
                     name={
@@ -81,3 +84,3 @@ props?.data?.right_arrows
                     }
-                    size="24px"
+                    size={titleIcons.size}
                   />
@@ -84,0 +87,0 @@ )}

src/index.js

@@ -49,2 +49,3 @@ import accordionSVG from '@plone/volto/icons/list-arrows.svg';
       opened: { leftPosition: downSVG, rightPosition: downSVG },
+      size: '24px',
     },
@@ -51,0 +52,0 @@ view: AccordionBlockView,

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

117798

increased by1.06%

Lines of code

1870

increased by0.38%

No dependency changes