@eightshift/frontend-libs-tailwind 1.3.0 → 1.3.2

package/CHANGELOG.md

@@ -4,6 +4,12 @@ All notable changes to this project will be documented in this file.
 
 This projects adheres to [Semantic Versioning](https://semver.org/) and [Keep a CHANGELOG](https://keepachangelog.com/).
 
+## [1.3.2] - 2024-09-19
+- Fixing theme options to use stringified JSON instead of an object.
+
+## [1.3.1] - 2024-09-13
+- Helper `getFilteredAttributes` used on SSR components to filter out unwanted attributes and optimize the output.
+
 ## [1.3.0] - 2024-08-08
 - `twClasses` and `twClassesEditor` can now be passed as an array
 - Updated schemas to account for the `twClasses`/`twClassesEditor` changes.
@@ -40,6 +46,8 @@ This projects adheres to [Semantic Versioning](https://semver.org/) and [Keep a
 
 [Unreleased]: https://github.com/infinum/eightshift-frontend-libs-tailwind/compare/master...HEAD
 
+[1.3.2]: https://github.com/infinum/eightshift-frontend-libs-tailwind/compare/1.3.1...1.3.2
+[1.3.1]: https://github.com/infinum/eightshift-frontend-libs-tailwind/compare/1.3.0...1.3.1
 [1.3.0]: https://github.com/infinum/eightshift-frontend-libs-tailwind/compare/1.2.0...1.3.0
 [1.2.0]: https://github.com/infinum/eightshift-frontend-libs-tailwind/compare/1.1.1...1.2.0
 [1.1.1]: https://github.com/infinum/eightshift-frontend-libs-tailwind/compare/1.1.0...1.1.1

package/blocks/init/src/Blocks/components/video/manifest.json

@@ -51,7 +51,7 @@
 			"default": "metadata"
 		},
 		"videoPosterId": {
-			"type": "string"
+			"type": "number"
 		},
 		"videoPosterUrl": {
 			"type": "string"

package/blocks/init/src/Blocks/components/video/video.php

@@ -26,7 +26,6 @@ if (empty($videoUrl)) {
 }
 
 $videoMimeType = Helpers::checkAttr('videoMimeType', $attributes, $manifest);
-$videoPosterId = Helpers::checkAttr('videoPosterId', $attributes, $manifest);
 $videoPosterUrl = Helpers::checkAttr('videoPosterUrl', $attributes, $manifest);
 $videoLoop = Helpers::checkAttr('videoLoop', $attributes, $manifest);
 $videoAutoplay = Helpers::checkAttr('videoAutoplay', $attributes, $manifest);
@@ -47,7 +46,6 @@ $additionalAttributes = Helpers::classnames([
 	class="<?php echo esc_attr(Helpers::getTwPart('video', $manifest)); ?>"
 	<?php echo esc_attr($additionalAttributes); ?>
 	preload="<?php echo esc_attr($videoPreload); ?>"
-	poster="<?php echo esc_attr($videoPosterUrl); ?>"
 	<?php if ($videoPosterUrl) { ?>
 		poster="<?php echo esc_attr($videoPosterUrl); ?>"
 	<?php } ?>

package/blocks/init/src/Blocks/custom/site-footer/manifest.json

@@ -25,7 +25,7 @@
 			"type": "string"
 		},
 		"siteFooterLogoId": {
-			"type": "string"
+			"type": "number"
 		},
 		"siteFooterCopyright": {
 			"type": "string"

package/blocks/init/src/Blocks/custom/site-navigation/manifest.json

@@ -26,7 +26,7 @@
 			"type": "string"
 		},
 		"siteNavigationLogoId": {
-			"type": "string"
+			"type": "number"
 		},
 		"wrapperUse": {
 			"type": "boolean",

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@eightshift/frontend-libs-tailwind",
-	"version": "1.3.0",
+	"version": "1.3.2",
 	"description": "A framework for creating modern Gutenberg themes with styling provided by Tailwind CSS.",
 	"author": {
 		"name": "Eightshift team",

package/scripts/components/settings/use-theme-options.js

@@ -9,7 +9,7 @@ export const useThemeOptions = (settingName) => {
 
 	useEffect(() => {
 		apiFetch({ path: '/wp/v2/settings' }).then((settings) => {
-			setSettings(settings?.[settingName]);
+			setSettings(JSON.parse(settings?.[settingName]));
 		});
 	}, []);
 
@@ -21,7 +21,7 @@ export const useThemeOptions = (settingName) => {
 				path: '/wp/v2/settings',
 				method: 'POST',
 				data: {
-					[settingName]: settings,
+					[settingName]: JSON.stringify(settings),
 				},
 			});
 

package/scripts/editor/attributes.js

@@ -301,3 +301,27 @@ export const props = (newName, attributes, manual = {}) => {
 	// Return the original attribute for optimization purposes.
 	return output;
 };
+
+/**
+ * Filter attributes by array of keys. Used to provide alternative attributes to server side render component to prevent unnecessary rerender.
+ *
+ * @param {object} attributes Attributes data source.
+ * @param {array} filterAttributes Array of attributes to filter.
+ * @param {object} appendItems Append additional attributes.
+ *
+ * @returns {object}
+ */
+export const getFilteredAttributes = (attributes, filterAttributes, appendItems = {}) => {
+	const output = {};
+
+	for (const [key, value] of Object.entries(attributes)) {
+		if (filterAttributes.includes(key)) {
+			output[key] = value;
+		}
+	}
+
+	return {
+		...output,
+		...appendItems,
+	};
+};