FIX fixing missing inconPicture handling in depreacated.js
All checks were successful
continuous-integration/drone/push Build is passing

This commit is contained in:
Antoine M 2025-06-02 11:16:12 +02:00
parent ee26ecc993
commit 1ab0c4331d
6 changed files with 129 additions and 8 deletions

View File

@ -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');

View File

@ -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, {

File diff suppressed because one or more lines are too long

View File

@ -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>
)}

View File

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

View File

@ -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>
)}