release: version 2.0.5

- Fix CSS notifications appearing multiple times
- Fix excerptLength not being persistent in Posts Block
- Sharing Icons Block Revamp
- Fix ACF extension for Posts not working
- Fix Icon Block style inheritance issue
- Fix Dashboard integration fields losing focus on each keypress
- Fix Accordion title going outside the container
- Improve Masonry Block responsiveness
- Improve Product Review Comparison Block placeholder text

Author: HardeepAsrani

development.php

@@ -8,7 +8,7 @@
 // phpcs:ignoreFile
 
 if ( ! defined( 'ENABLE_OTTER_PRO_DEV' ) ) {
-	define( 'ENABLE_OTTER_PRO_DEV', false );
+	define( 'ENABLE_OTTER_PRO_DEV', true );
 }
 
 if ( ENABLE_OTTER_PRO_DEV && defined( 'WPINC' ) && class_exists( '\ThemeIsle\OtterPro\Main' ) ) {

inc/class-base-css.php

@@ -84,6 +84,7 @@ public function autoload_block_classes() {
 			'\ThemeIsle\GutenbergBlocks\CSS\Blocks\Review_CSS',
 			'\ThemeIsle\GutenbergBlocks\CSS\Blocks\Tabs_CSS',
 			'\ThemeIsle\GutenbergBlocks\CSS\Blocks\Posts_CSS',
+			'\Themeisle\GutenbergBlocks\CSS\Blocks\Sharing_Icons_CSS',
 		);
 
 		self::$blocks_classes = apply_filters( 'otter_blocks_register_css', self::$blocks_classes );

inc/css/blocks/class-sharing-icons-css.php

@@ -0,0 +1,86 @@
+<?php
+/**
+ * Css handling logic for blocks.
+ *
+ * @package ThemeIsle\GutenbergBlocks\CSS\Blocks
+ */
+
+namespace Themeisle\GutenbergBlocks\CSS\Blocks;
+
+use ThemeIsle\GutenbergBlocks\Base_CSS;
+use ThemeIsle\GutenbergBlocks\CSS\CSS_Utility;
+use ThemeIsle\GutenbergBlocks\Render\Sharing_Icons_Block;
+
+/**
+ * Class Sharing_Icons_CSS
+ */
+class Sharing_Icons_CSS extends Base_CSS {
+
+	/**
+	 * The namespace under which the blocks are registered.
+	 *
+	 * @var string
+	 */
+	public $block_prefix = 'sharing-icons';
+
+	/**
+	 * Generate Sharing Icons CSS
+	 *
+	 * @param mixed $block Block data.
+	 * @return string
+	 * @access  public
+	 */
+	public function render_css( $block ) {
+		$css             = new CSS_Utility( $block );
+		$social_profiles = Sharing_Icons_Block::get_social_profiles();
+
+		foreach ( $social_profiles as $icon => $attrs ) {
+			$css->add_item(
+				array(
+					'selector'   => ' .is-' . $icon,
+					'properties' => array(
+						array(
+							'property'  => '--iconBgColor',
+							'value'     => $icon,
+							'format'    => function( $value, $attrs ) {
+								return $value['backgroundColor'];
+							},
+							'condition' => function( $attrs ) use ( $icon ) {
+								return isset( $attrs[ $icon ]['backgroundColor'] );
+							},
+						),
+						array(
+							'property'  => '--textColor',
+							'value'     => $icon,
+							'format'    => function( $value, $attrs ) {
+								return $value['textColor'];
+							},
+							'condition' => function( $attrs ) use ( $icon ) {
+								return isset( $attrs[ $icon ]['textColor'] );
+							},
+						),
+					),
+				)
+			);
+		}
+
+		$css->add_item(
+			array(
+				'properties' => array(
+					array(
+						'property' => '--iconsGap',
+						'value'    => 'gap',
+						'unit'     => 'px',
+					),
+					array(
+						'property' => '--borderRadius',
+						'value'    => 'borderRadius',
+						'unit'     => 'px',
+					),
+				),
+			)
+		);
+
+		return $css->generate();
+	}
+}

inc/render/class-sharing-icons-block.php

@@ -17,7 +17,7 @@ class Sharing_Icons_Block {
 	 *
 	 * @return array
 	 */
-	public function get_social_profiles() {
+	public static function get_social_profiles() {
 		$social_attributes = array(
 			'facebook'  => array(
 				'label' => esc_html__( 'Facebook', 'otter-blocks' ),
@@ -59,6 +59,17 @@ public function get_social_profiles() {
 		return $social_attributes;
 	}
 
+	/**
+	 * Checks if an icon is active and should be visible
+	 *
+	 * @param array $icon Icon to check.
+	 *
+	 * @return bool
+	 */
+	private function is_active( $icon ) {
+		return ( ( isset( $icon['active'] ) && true === filter_var( $icon['active'], FILTER_VALIDATE_BOOLEAN ) ) || 1 == $icon );
+	}
+
 	/**
 	 * Block render function for server-side.
 	 *
@@ -77,20 +88,20 @@ public function render( $attributes ) {
 			$class .= ' align' . esc_attr( $attributes['align'] );
 		}
 
-		$wrapper_attributes = get_block_wrapper_attributes();
+		$wrapper_attributes = get_block_wrapper_attributes( isset( $attributes['id'] ) ? [ 'id' => $attributes['id'] ] : [] );
 
-		$html = '<div ' . $wrapper_attributes . '>';
+		$html = '<div ' . $wrapper_attributes . '><div class="social-icons-wrap">';
 		foreach ( $social_attributes as $key => $icon ) {
-			if ( 'className' !== $key && 1 == $attributes[ $key ] ) {
+			if ( 'className' !== $key && $this->is_active( $attributes[ $key ] ) ) {
 				$html .= '<a class="social-icon is-' . esc_html( $key ) . '" href="' . esc_url( $icon['url'] ) . '" target="_blank">';
-				$html .= '<i class="fab fa-' . esc_html( $icon['icon'] ) . '"></i>';
+				$html .= '<i class="fab fa-' . esc_html( $icon['icon'] ) . '"></i><span class="v-line"></span>';
 				if ( strpos( $wrapper_attributes, 'is-style-icons' ) === false ) {
 					$html .= esc_html( $icon['label'] );
 				}
 				$html .= '</a>';
 			}
 		}
-		$html .= '</div>';
+		$html .= '</div></div>';
 		return $html;
 	}
 }

plugins/blocks-animation/readme.txt

@@ -2,7 +2,7 @@
 Contributors: themeisle, hardeepasrani, mariamunteanu1
 Tags: gutenberg, block, block editor, editor, animation, animations, animate, styles, block animations
 Requires at least: 5.4
-Tested up to: 5.8
+Tested up to: 6.0
 Requires PHP: 5.4
 Stable tag: trunk
 License: GPLv3

plugins/blocks-css/readme.txt

@@ -2,7 +2,7 @@
 Contributors: themeisle, hardeepasrani
 Tags: gutenberg, block, css, css editor, blocks css
 Requires at least: 5.2    
-Tested up to: 5.8
+Tested up to: 6.0
 Requires PHP: 5.4  
 Stable tag: trunk
 License: GPLv3  

plugins/blocks-export-import/readme.txt

@@ -2,7 +2,7 @@
 Contributors: themeisle, hardeepasrani
 Tags: gutenberg, block, blocks, export, import, exporter, importer, block exporter, block export, block import, block importer
 Requires at least: 5.3    
-Tested up to: 5.8
+Tested up to: 6.0
 Requires PHP: 5.4  
 Stable tag: trunk
 License: GPLv3  

readme.txt

@@ -2,7 +2,7 @@
 Contributors: themeisle, hardeepasrani, soarerobertdaniel7, mariamunteanu1, arinat, uriahs-victor
 Tags: gutenberg blocks, gutenberg, block,post grid block, google map block, columns block, advanced columns, section, row, layout, templates, lottie, progress bar, product review, review, accordion, tabs, page builder, countdown, contact form, masonry, popup, review builder
 Requires at least: 5.6
-Tested up to: 5.9
+Tested up to: 6.0
 Requires PHP: 5.4
 Stable tag: trunk
 License: GPLv3

src/blocks/blocks/accordion/style.scss

@@ -15,6 +15,11 @@
 			cursor: pointer;
 			user-select: none;
 
+			display: grid;
+			grid-template-columns: auto min-content;
+			align-items: center;
+			padding: 18px 24px;
+
 			svg {
 				width: 24px;
 				height: 24px;
@@ -24,27 +29,24 @@
 				filter: brightness( 0.95 );
 			}
 
+			> div {
+
+			}
+
 			&::-webkit-details-marker,
 			&::marker {
 				display: none;
 			}
 
-			> div {
-				display: grid;
-				grid-template-columns: max-content auto min-content;
-				align-items: center;
-				padding: 18px 24px;
-
-				&::after {
-					content: '';
-					justify-self: end;
-					align-self: center;
-					border-right: 2px solid var( --borderColor );
-					border-bottom: 2px solid var( --borderColor );
-					width: 8px;
-					height: 8px;
-					transform: rotate(45deg) translate(-25%, 0%);
-				}
+			&::after {
+				content: '';
+				justify-self: end;
+				align-self: center;
+				border-right: 2px solid var( --borderColor );
+				border-bottom: 2px solid var( --borderColor );
+				width: 8px;
+				height: 8px;
+				transform: rotate(45deg) translate(-25%, 0%);
 			}
 		}
 
@@ -57,10 +59,8 @@
 
 		&[open] {
 			> .wp-block-themeisle-blocks-accordion-item__title {
-				> div {
-					&::after {
-						transform: rotate(225deg) translate(0%, -45%);
-					}
+				&::after {
+					transform: rotate(225deg) translate(0%, -45%);
 				}
 			}
 		}