FIX fixing missing inconPicture handling in depreacated.js

blocks/highlight/build/index.asset.php

@@ -1 +1 @@
-<?php return array('dependencies' => array('react', 'wp-block-editor', 'wp-blocks', 'wp-components', 'wp-data', 'wp-element', 'wp-i18n', 'wp-primitives'), 'version' => '10df28c9a3a264564f8a');
+<?php return array('dependencies' => array('react', 'wp-block-editor', 'wp-blocks', 'wp-components', 'wp-data', 'wp-element', 'wp-i18n', 'wp-primitives'), 'version' => '5e5d7d1fc3323c17a47b');

blocks/highlight/build/index.js

@@ -61,6 +61,30 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _wordpress_block_editor__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_wordpress_block_editor__WEBPACK_IMPORTED_MODULE_2__);
 /* harmony import */ var _wordpress_data__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @wordpress/data */ "@wordpress/data");
 /* harmony import */ var _wordpress_data__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_wordpress_data__WEBPACK_IMPORTED_MODULE_3__);
+/* harmony import */ var _img_icon_key_svg__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./img/icon_key.svg */ "./src/img/icon_key.svg");
+/* harmony import */ var _img_icon_chain_svg__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./img/icon_chain.svg */ "./src/img/icon_chain.svg");
+/* harmony import */ var _img_icon_house_svg__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./img/icon_house.svg */ "./src/img/icon_house.svg");
+/* harmony import */ var _img_icon_bulb_svg__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./img/icon_bulb.svg */ "./src/img/icon_bulb.svg");
+/* harmony import */ var _img_icon_warning_svg__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./img/icon_warning.svg */ "./src/img/icon_warning.svg");
+/* harmony import */ var _img_icon_acoustic_svg__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./img/icon_acoustic.svg */ "./src/img/icon_acoustic.svg");
+/* harmony import */ var _img_icon_documentation_svg__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./img/icon_documentation.svg */ "./src/img/icon_documentation.svg");
+/* harmony import */ var _img_icon_notification_svg__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./img/icon_notification.svg */ "./src/img/icon_notification.svg");
+/* harmony import */ var _img_icon_search_svg__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ./img/icon_search.svg */ "./src/img/icon_search.svg");
+/* harmony import */ var _img_icon_info_svg__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ./img/icon_info.svg */ "./src/img/icon_info.svg");
+/* harmony import */ var _img_icon_tip_svg__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ./img/icon_tip.svg */ "./src/img/icon_tip.svg");
+/* harmony import */ var _img_icon_euro_svg__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ./img/icon_euro.svg */ "./src/img/icon_euro.svg");
+
+
+
+
+
+
+
+
+
+
+
+
 
 
 
@@ -116,6 +140,37 @@ const v1 = {
       logoUrl,
       variant
     } = attributes;
+    function getIconPicture() {
+      switch (iconName) {
+        case "key":
+          return _img_icon_key_svg__WEBPACK_IMPORTED_MODULE_4__["default"];
+        case "chain":
+          return _img_icon_chain_svg__WEBPACK_IMPORTED_MODULE_5__["default"];
+        case "house":
+          return _img_icon_house_svg__WEBPACK_IMPORTED_MODULE_6__["default"];
+        case "bulb":
+          return _img_icon_bulb_svg__WEBPACK_IMPORTED_MODULE_7__["default"];
+        case "warning":
+          return _img_icon_warning_svg__WEBPACK_IMPORTED_MODULE_8__["default"];
+        case "acoustic":
+          return _img_icon_acoustic_svg__WEBPACK_IMPORTED_MODULE_9__["default"];
+        case "documentation":
+          return _img_icon_documentation_svg__WEBPACK_IMPORTED_MODULE_10__["default"];
+        case "notification":
+          return _img_icon_notification_svg__WEBPACK_IMPORTED_MODULE_11__["default"];
+        case "search":
+          return _img_icon_search_svg__WEBPACK_IMPORTED_MODULE_12__["default"];
+        case "info":
+          return _img_icon_info_svg__WEBPACK_IMPORTED_MODULE_13__["default"];
+        case "tip":
+          return _img_icon_tip_svg__WEBPACK_IMPORTED_MODULE_14__["default"];
+        case "euro":
+          return _img_icon_euro_svg__WEBPACK_IMPORTED_MODULE_15__["default"];
+        default:
+          return "";
+      }
+    }
+    const iconPicture = getIconPicture();
     return (0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)("section", {
       ..._wordpress_block_editor__WEBPACK_IMPORTED_MODULE_2__.useBlockProps.save({
         className: `homegrade-blocks-highlight ${variant ? `homegrade-blocks-highlight--${variant}` : ""}`
@@ -125,7 +180,7 @@ const v1 = {
     }, hasTitleIcon && (0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", {
       className: "icon"
     }, (0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)("img", {
-      clas: true,
+      className: "icon__image",
       src: iconPicture,
       alt: ""
     })), (0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_block_editor__WEBPACK_IMPORTED_MODULE_2__.RichText.Content, {
@@ -245,6 +300,8 @@ function Edit({
         return _img_icon_tip_svg__WEBPACK_IMPORTED_MODULE_13__["default"];
       case "euro":
         return _img_icon_euro_svg__WEBPACK_IMPORTED_MODULE_14__["default"];
+      default:
+        return "";
     }
   }
   function onIconChange(newIconName) {
@@ -301,8 +358,6 @@ function Edit({
       iconPosition: newPosition
     });
   }
-  console.log(iconPosition);
-  console.log(hasIcon);
   return (0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)(react__WEBPACK_IMPORTED_MODULE_0__.Fragment, null, (0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_block_editor__WEBPACK_IMPORTED_MODULE_15__.InspectorControls, null, (0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_16__.PanelBody, {
     title: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)("Variantes", "homegrade-blocks__texte-fonctionnel"),
     initialOpen: true
@@ -1070,6 +1125,8 @@ function save({
         return _img_icon_tip_svg__WEBPACK_IMPORTED_MODULE_14__["default"];
       case "euro":
         return _img_icon_euro_svg__WEBPACK_IMPORTED_MODULE_15__["default"];
+      default:
+        return "";
     }
   }
   let iconPicture = getIconPicture();
@@ -1082,7 +1139,7 @@ function save({
   }, hasIcon && iconPosition === "top" && (0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", {
     className: "icon"
   }, (0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)("img", {
-    clas: true,
+    className: "icon__image",
     src: iconPicture,
     alt: ""
   })), (0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_block_editor__WEBPACK_IMPORTED_MODULE_1__.RichText.Content, {

blocks/highlight/src/deprecated.js

@@ -2,6 +2,19 @@ import { createBlock } from "@wordpress/blocks";
 import { useBlockProps, RichText, InnerBlocks } from "@wordpress/block-editor";
 import { useSelect } from "@wordpress/data";
 
+import keyIcon from "./img/icon_key.svg";
+import chainIcon from "./img/icon_chain.svg";
+import houseIcon from "./img/icon_house.svg";
+import bulbIcon from "./img/icon_bulb.svg";
+import warningIcon from "./img/icon_warning.svg";
+import acousticIcon from "./img/icon_acoustic.svg";
+import documentationIcon from "./img/icon_documentation.svg";
+import notificationIcon from "./img/icon_notification.svg";
+import searchIcon from "./img/icon_search.svg";
+import infoIcon from "./img/icon_info.svg";
+import tipIcon from "./img/icon_tip.svg";
+import euroIcon from "./img/icon_euro.svg";
+
 const v1 = {
 	attributes: {
 		title: {
@@ -52,6 +65,51 @@ const v1 = {
 			logoUrl,
 			variant,
 		} = attributes;
+
+		function getIconPicture() {
+			switch (iconName) {
+				case "key":
+					return keyIcon;
+
+				case "chain":
+					return chainIcon;
+
+				case "house":
+					return houseIcon;
+
+				case "bulb":
+					return bulbIcon;
+
+				case "warning":
+					return warningIcon;
+
+				case "acoustic":
+					return acousticIcon;
+
+				case "documentation":
+					return documentationIcon;
+
+				case "notification":
+					return notificationIcon;
+
+				case "search":
+					return searchIcon;
+
+				case "info":
+					return infoIcon;
+
+				case "tip":
+					return tipIcon;
+
+				case "euro":
+					return euroIcon;
+
+				default:
+					return "";
+			}
+		}
+		const iconPicture = getIconPicture();
+
 		return (
 			<section
 				{...useBlockProps.save({
@@ -70,7 +128,7 @@ const v1 = {
 					>
 						{hasTitleIcon && (
 							<div className="icon">
-								<img clas src={iconPicture} alt="" />
+								<img className="icon__image" src={iconPicture} alt="" />
 							</div>
 						)}
 

blocks/highlight/src/edit.js

@@ -84,6 +84,9 @@ export default function Edit({ attributes, setAttributes }) {
 
 			case "euro":
 				return euroIcon;
+
+			default:
+				return "";
 		}
 	}
 

blocks/highlight/src/save.js

@@ -63,6 +63,9 @@ export default function save({ attributes }) {
 
 			case "euro":
 				return euroIcon;
+
+			default:
+				return "";
 		}
 	}
 	let iconPicture = getIconPicture();
@@ -83,7 +86,7 @@ export default function save({ attributes }) {
 				>
 					{hasIcon && iconPosition === "top" && (
 						<div className="icon">
-							<img clas src={iconPicture} alt="" />
+							<img className="icon__image" src={iconPicture} alt="" />
 						</div>
 					)}