introducing partner logo component
This commit is contained in:
parent
d01e7813db
commit
1d4ff0294c
18
blocks/partner-logo/.editorconfig
Normal file
18
blocks/partner-logo/.editorconfig
Normal file
|
|
@ -0,0 +1,18 @@
|
||||||
|
# This file is for unifying the coding style for different editors and IDEs
|
||||||
|
# editorconfig.org
|
||||||
|
|
||||||
|
# WordPress Coding Standards
|
||||||
|
# https://make.wordpress.org/core/handbook/coding-standards/
|
||||||
|
|
||||||
|
root = true
|
||||||
|
|
||||||
|
[*]
|
||||||
|
charset = utf-8
|
||||||
|
end_of_line = lf
|
||||||
|
insert_final_newline = true
|
||||||
|
trim_trailing_whitespace = true
|
||||||
|
indent_style = tab
|
||||||
|
|
||||||
|
[*.{yml,yaml}]
|
||||||
|
indent_style = space
|
||||||
|
indent_size = 2
|
||||||
30
blocks/partner-logo/.gitignore
vendored
Normal file
30
blocks/partner-logo/.gitignore
vendored
Normal file
|
|
@ -0,0 +1,30 @@
|
||||||
|
# Logs
|
||||||
|
logs
|
||||||
|
*.log
|
||||||
|
npm-debug.log*
|
||||||
|
yarn-debug.log*
|
||||||
|
yarn-error.log*
|
||||||
|
|
||||||
|
# Coverage directory used by tools like istanbul
|
||||||
|
coverage
|
||||||
|
|
||||||
|
# Compiled binary addons (https://nodejs.org/api/addons.html)
|
||||||
|
build/Release
|
||||||
|
|
||||||
|
# Dependency directories
|
||||||
|
node_modules/
|
||||||
|
|
||||||
|
# Optional npm cache directory
|
||||||
|
.npm
|
||||||
|
|
||||||
|
# Optional eslint cache
|
||||||
|
.eslintcache
|
||||||
|
|
||||||
|
# Output of `npm pack`
|
||||||
|
*.tgz
|
||||||
|
|
||||||
|
# Output of `wp-scripts plugin-zip`
|
||||||
|
*.zip
|
||||||
|
|
||||||
|
# dotenv environment variables file
|
||||||
|
.env
|
||||||
34
blocks/partner-logo/build/block.json
Normal file
34
blocks/partner-logo/build/block.json
Normal file
|
|
@ -0,0 +1,34 @@
|
||||||
|
{
|
||||||
|
"$schema": "https://schemas.wp.org/trunk/block.json",
|
||||||
|
"apiVersion": 2,
|
||||||
|
"name": "homegrade-content-blocks/partner-logo",
|
||||||
|
"version": "0.1.0",
|
||||||
|
"title": "Partenaire",
|
||||||
|
"category": "homegrade-blocks",
|
||||||
|
"icon": "smiley",
|
||||||
|
"description": "Pour insérer un logo de partenaire",
|
||||||
|
"supports": {
|
||||||
|
"html": false
|
||||||
|
},
|
||||||
|
"parent": [
|
||||||
|
"homegrade-content-blocks/column-card"
|
||||||
|
],
|
||||||
|
"textdomain": "homegrade-blocks",
|
||||||
|
"editorScript": "file:./index.js",
|
||||||
|
"editorStyle": "file:./index.css",
|
||||||
|
"style": "file:./style-index.css",
|
||||||
|
"attributes": {
|
||||||
|
"partnerLogoUrl": {
|
||||||
|
"type": "string"
|
||||||
|
},
|
||||||
|
"partnerLogoAlt": {
|
||||||
|
"type": "string"
|
||||||
|
},
|
||||||
|
"partnerLogoId": {
|
||||||
|
"type": "number"
|
||||||
|
},
|
||||||
|
"partnerWebsite": {
|
||||||
|
"type": "string"
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
1
blocks/partner-logo/build/index.asset.php
Normal file
1
blocks/partner-logo/build/index.asset.php
Normal file
|
|
@ -0,0 +1 @@
|
||||||
|
<?php return array('dependencies' => array('wp-block-editor', 'wp-blocks', 'wp-components', 'wp-element', 'wp-i18n', 'wp-primitives'), 'version' => 'cbbf7cbe77ee30cfe001');
|
||||||
13
blocks/partner-logo/build/index.css
Normal file
13
blocks/partner-logo/build/index.css
Normal file
|
|
@ -0,0 +1,13 @@
|
||||||
|
/*!****************************************************************************************************************************************************************************************************************************************!*\
|
||||||
|
!*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./src/editor.scss ***!
|
||||||
|
\****************************************************************************************************************************************************************************************************************************************/
|
||||||
|
.homegrade-blocks__panel-body .block-editor-link-control__search-actions,
|
||||||
|
.homegrade-blocks__panel-body .block-editor-link-control__search-item,
|
||||||
|
.homegrade-blocks__panel-body .block-editor-link-control__search-input-wrapper {
|
||||||
|
max-width: 80%;
|
||||||
|
}
|
||||||
|
.homegrade-blocks__panel-body .block-editor-link-control__field {
|
||||||
|
margin-left: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*# sourceMappingURL=index.css.map*/
|
||||||
1
blocks/partner-logo/build/index.css.map
Normal file
1
blocks/partner-logo/build/index.css.map
Normal file
|
|
@ -0,0 +1 @@
|
||||||
|
{"version":3,"file":"index.css","mappings":";;;AACC;;;EAGC;AAAF;AAEC;EACC;AAAF,C","sources":["webpack://multiblocks/./src/editor.scss"],"sourcesContent":[".homegrade-blocks__panel-body {\r\n\t.block-editor-link-control__search-actions,\r\n\t.block-editor-link-control__search-item,\r\n\t.block-editor-link-control__search-input-wrapper {\r\n\t\tmax-width: 80%;\r\n\t}\r\n\t.block-editor-link-control__field {\r\n\t\tmargin-left: 0;\r\n\t}\r\n}\r\n"],"names":[],"sourceRoot":""}
|
||||||
659
blocks/partner-logo/build/index.js
Normal file
659
blocks/partner-logo/build/index.js
Normal file
|
|
@ -0,0 +1,659 @@
|
||||||
|
/******/ (() => { // webpackBootstrap
|
||||||
|
/******/ "use strict";
|
||||||
|
/******/ var __webpack_modules__ = ({
|
||||||
|
|
||||||
|
/***/ "../_components/Image.jsx":
|
||||||
|
/*!********************************!*\
|
||||||
|
!*** ../_components/Image.jsx ***!
|
||||||
|
\********************************/
|
||||||
|
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
||||||
|
|
||||||
|
__webpack_require__.r(__webpack_exports__);
|
||||||
|
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
||||||
|
/* harmony export */ "default": () => (/* binding */ Image)
|
||||||
|
/* harmony export */ });
|
||||||
|
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @wordpress/element */ "@wordpress/element");
|
||||||
|
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__);
|
||||||
|
|
||||||
|
function Image({
|
||||||
|
imageUrl,
|
||||||
|
imageAlt,
|
||||||
|
imageProportion
|
||||||
|
}) {
|
||||||
|
return (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("img", {
|
||||||
|
src: imageUrl,
|
||||||
|
alt: imageAlt,
|
||||||
|
className: `homegrade-blocks-components-image homegrade-blocks-components-image--${imageProportion}-ratio`
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
/***/ }),
|
||||||
|
|
||||||
|
/***/ "../_components/ImageMediaPlaceholder.jsx":
|
||||||
|
/*!************************************************!*\
|
||||||
|
!*** ../_components/ImageMediaPlaceholder.jsx ***!
|
||||||
|
\************************************************/
|
||||||
|
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
||||||
|
|
||||||
|
__webpack_require__.r(__webpack_exports__);
|
||||||
|
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
||||||
|
/* harmony export */ "default": () => (/* binding */ ImageMediaPlaceholder)
|
||||||
|
/* harmony export */ });
|
||||||
|
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @wordpress/element */ "@wordpress/element");
|
||||||
|
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__);
|
||||||
|
/* harmony import */ var _wordpress_block_editor__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/block-editor */ "@wordpress/block-editor");
|
||||||
|
/* harmony import */ var _wordpress_block_editor__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_block_editor__WEBPACK_IMPORTED_MODULE_1__);
|
||||||
|
|
||||||
|
|
||||||
|
function ImageMediaPlaceholder({
|
||||||
|
imageId,
|
||||||
|
imageAlt,
|
||||||
|
imageUrl,
|
||||||
|
setAttributes
|
||||||
|
}) {
|
||||||
|
function setImageAttributes(image) {
|
||||||
|
setAttributes({
|
||||||
|
imageId: image.id,
|
||||||
|
imageAlt: image.alt,
|
||||||
|
imageUrl: image.url
|
||||||
|
});
|
||||||
|
}
|
||||||
|
function removeImageAttributes() {
|
||||||
|
setAttributes({
|
||||||
|
imageId: null,
|
||||||
|
imageAlt: null,
|
||||||
|
imageUrl: null
|
||||||
|
});
|
||||||
|
}
|
||||||
|
return (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.Fragment, null, !imageUrl && (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_block_editor__WEBPACK_IMPORTED_MODULE_1__.MediaPlaceholder, {
|
||||||
|
accept: "image/*",
|
||||||
|
allowedTypes: ["image"],
|
||||||
|
onSelect: setImageAttributes,
|
||||||
|
multiple: false,
|
||||||
|
handleUpload: true
|
||||||
|
}));
|
||||||
|
}
|
||||||
|
|
||||||
|
/***/ }),
|
||||||
|
|
||||||
|
/***/ "../_components/ImagePanelBody.jsx":
|
||||||
|
/*!*****************************************!*\
|
||||||
|
!*** ../_components/ImagePanelBody.jsx ***!
|
||||||
|
\*****************************************/
|
||||||
|
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
||||||
|
|
||||||
|
__webpack_require__.r(__webpack_exports__);
|
||||||
|
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
||||||
|
/* harmony export */ "default": () => (/* binding */ ImagePanelBody)
|
||||||
|
/* harmony export */ });
|
||||||
|
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @wordpress/element */ "@wordpress/element");
|
||||||
|
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__);
|
||||||
|
/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n");
|
||||||
|
/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__);
|
||||||
|
/* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @wordpress/components */ "@wordpress/components");
|
||||||
|
/* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_wordpress_components__WEBPACK_IMPORTED_MODULE_2__);
|
||||||
|
/* harmony import */ var _wordpress_block_editor__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @wordpress/block-editor */ "@wordpress/block-editor");
|
||||||
|
/* harmony import */ var _wordpress_block_editor__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_wordpress_block_editor__WEBPACK_IMPORTED_MODULE_3__);
|
||||||
|
/* harmony import */ var _wordpress_icons__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @wordpress/icons */ "../../node_modules/@wordpress/icons/build-module/library/trash.js");
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
function ImagePanelBody({
|
||||||
|
imageUrl,
|
||||||
|
imageAlt,
|
||||||
|
imageId,
|
||||||
|
imageProportion,
|
||||||
|
setAttributes
|
||||||
|
}) {
|
||||||
|
function setImageAttributes(image) {
|
||||||
|
setAttributes({
|
||||||
|
imageId: image.id,
|
||||||
|
imageAlt: image.alt,
|
||||||
|
imageUrl: image.url
|
||||||
|
});
|
||||||
|
}
|
||||||
|
function removeImageAttributes() {
|
||||||
|
setAttributes({
|
||||||
|
imageId: null,
|
||||||
|
imageAlt: null,
|
||||||
|
imageUrl: null
|
||||||
|
});
|
||||||
|
}
|
||||||
|
function onImageProportionChange(imageProportion) {
|
||||||
|
console.log(imageProportion);
|
||||||
|
setAttributes({
|
||||||
|
imageProportion
|
||||||
|
});
|
||||||
|
}
|
||||||
|
return (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.Fragment, null, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_2__.PanelBody, {
|
||||||
|
className: "homegrade-blocks-components-image__panel-body",
|
||||||
|
title: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)("Image", "homegrade-blocks")
|
||||||
|
}, imageUrl && (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("img", {
|
||||||
|
src: imageUrl,
|
||||||
|
alt: imageAlt
|
||||||
|
}), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", {
|
||||||
|
className: "media-replace-container"
|
||||||
|
}, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_block_editor__WEBPACK_IMPORTED_MODULE_3__.MediaReplaceFlow, {
|
||||||
|
mediaId: imageId,
|
||||||
|
mediaUrl: imageUrl,
|
||||||
|
allowedTypes: ["image"],
|
||||||
|
accept: "image/*",
|
||||||
|
onSelect: setImageAttributes,
|
||||||
|
name: !imageUrl ? (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)("Ajouter", "homegrade-blocks") : (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)("Remplacer", "homegrade-blocks")
|
||||||
|
}), imageUrl && (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.Fragment, null, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_2__.Button, {
|
||||||
|
className: "custom-flow-button",
|
||||||
|
variant: "primary",
|
||||||
|
icon: _wordpress_icons__WEBPACK_IMPORTED_MODULE_4__["default"],
|
||||||
|
label: "Supprimer",
|
||||||
|
onClick: removeImageAttributes
|
||||||
|
}))), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_2__.Tip, null, "Si besoin, Utilisez le champ \"L\xE9gende\"de la m\xE9diath\xE8que pour afficher un copyright"), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_2__.Tip, null, "Si besoin, Utilisez le champ \"Description\" de la m\xE9diath\xE8que pour donner afficher une description de votre image"), imageUrl && (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_2__.__experimentalToggleGroupControl, {
|
||||||
|
label: "Proportion",
|
||||||
|
className: "homegrade-blocks-components-image__ratio-selector",
|
||||||
|
isBlock: true,
|
||||||
|
onChange: onImageProportionChange,
|
||||||
|
value: imageProportion
|
||||||
|
}, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_2__.__experimentalToggleGroupControlOption, {
|
||||||
|
variant: "primary",
|
||||||
|
label: "Original",
|
||||||
|
value: "original"
|
||||||
|
}), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_2__.__experimentalToggleGroupControlOption, {
|
||||||
|
variant: "primary",
|
||||||
|
label: "Moyen",
|
||||||
|
value: "medium"
|
||||||
|
}), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_2__.__experimentalToggleGroupControlOption, {
|
||||||
|
variant: "primary",
|
||||||
|
label: "Carr\xE9",
|
||||||
|
value: "square"
|
||||||
|
}))));
|
||||||
|
}
|
||||||
|
|
||||||
|
/***/ }),
|
||||||
|
|
||||||
|
/***/ "./src/edit.js":
|
||||||
|
/*!*********************!*\
|
||||||
|
!*** ./src/edit.js ***!
|
||||||
|
\*********************/
|
||||||
|
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
||||||
|
|
||||||
|
__webpack_require__.r(__webpack_exports__);
|
||||||
|
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
||||||
|
/* harmony export */ "default": () => (/* binding */ Edit)
|
||||||
|
/* harmony export */ });
|
||||||
|
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @wordpress/element */ "@wordpress/element");
|
||||||
|
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__);
|
||||||
|
/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n");
|
||||||
|
/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__);
|
||||||
|
/* harmony import */ var _editor_scss__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./editor.scss */ "./src/editor.scss");
|
||||||
|
/* harmony import */ var _components_ImageMediaPlaceholder__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../_components/ImageMediaPlaceholder */ "../_components/ImageMediaPlaceholder.jsx");
|
||||||
|
/* harmony import */ var _components_Image__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../_components/Image */ "../_components/Image.jsx");
|
||||||
|
/* harmony import */ var _components_ImagePanelBody__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../_components/ImagePanelBody */ "../_components/ImagePanelBody.jsx");
|
||||||
|
/* harmony import */ var _wordpress_block_editor__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! @wordpress/block-editor */ "@wordpress/block-editor");
|
||||||
|
/* harmony import */ var _wordpress_block_editor__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(_wordpress_block_editor__WEBPACK_IMPORTED_MODULE_6__);
|
||||||
|
/* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! @wordpress/components */ "@wordpress/components");
|
||||||
|
/* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(_wordpress_components__WEBPACK_IMPORTED_MODULE_7__);
|
||||||
|
/* harmony import */ var _wordpress_icons__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! @wordpress/icons */ "../../node_modules/@wordpress/icons/build-module/library/trash.js");
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
function Edit({
|
||||||
|
attributes,
|
||||||
|
setAttributes
|
||||||
|
}) {
|
||||||
|
let {
|
||||||
|
partnerLogoUrl,
|
||||||
|
partnerLogoAlt,
|
||||||
|
partnerLogoId,
|
||||||
|
partnerWebsite
|
||||||
|
} = attributes;
|
||||||
|
function setPartnerLogoAttributes(logo) {
|
||||||
|
setAttributes({
|
||||||
|
partnerLogoId: logo.id,
|
||||||
|
partnerLogoAlt: logo.alt,
|
||||||
|
partnerLogoUrl: logo.url
|
||||||
|
});
|
||||||
|
}
|
||||||
|
function removePartnerLogoAttributes() {
|
||||||
|
setAttributes({
|
||||||
|
partnerLogoId: null,
|
||||||
|
partnerLogoAlt: null,
|
||||||
|
partnerLogoUrl: null
|
||||||
|
});
|
||||||
|
}
|
||||||
|
function onChangepartnerWebsite(partnerWebsite) {
|
||||||
|
setAttributes({
|
||||||
|
partnerWebsite
|
||||||
|
});
|
||||||
|
}
|
||||||
|
return (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.Fragment, null, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_block_editor__WEBPACK_IMPORTED_MODULE_6__.InspectorControls, null, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_7__.PanelBody, {
|
||||||
|
className: "homegrade-blocks-components-image__panel-body homegrade-blocks__panel-body homegrade-blocks-components-icon__panel-body",
|
||||||
|
title: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)("Partenaire", "homegrade-blocks")
|
||||||
|
}, partnerLogoUrl && (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("img", {
|
||||||
|
className: "partner-preview",
|
||||||
|
src: partnerLogoUrl,
|
||||||
|
alt: partnerLogoAlt
|
||||||
|
}), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", {
|
||||||
|
className: "media-replace-container"
|
||||||
|
}, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_block_editor__WEBPACK_IMPORTED_MODULE_6__.MediaReplaceFlow, {
|
||||||
|
label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)("Source", "homegrade-blocks"),
|
||||||
|
mediaId: partnerLogoId,
|
||||||
|
mediaUrl: partnerLogoUrl,
|
||||||
|
allowedTypes: ["image"],
|
||||||
|
accept: "image/*",
|
||||||
|
onSelect: setPartnerLogoAttributes,
|
||||||
|
name: !partnerLogoUrl ? (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)("Ajouter", "homegrade-blocks") : (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)("Remplacer", "homegrade-blocks")
|
||||||
|
}), partnerLogoUrl && (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.Fragment, null, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_7__.Button, {
|
||||||
|
className: "custom-flow-button",
|
||||||
|
variant: "primary",
|
||||||
|
icon: _wordpress_icons__WEBPACK_IMPORTED_MODULE_8__["default"],
|
||||||
|
label: "Supprimer",
|
||||||
|
onClick: removePartnerLogoAttributes
|
||||||
|
}))), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_7__.TextControl, {
|
||||||
|
title: "websiteLink",
|
||||||
|
onChange: onChangepartnerWebsite,
|
||||||
|
value: partnerWebsite,
|
||||||
|
placeholder: "http://www.exemple.com"
|
||||||
|
}), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_7__.Tip, null, "Ins\xE9rez l'adresse compl\xE8te http://"))), !partnerLogoUrl && (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_block_editor__WEBPACK_IMPORTED_MODULE_6__.MediaPlaceholder, {
|
||||||
|
accept: "image/*",
|
||||||
|
allowedTypes: ["image"],
|
||||||
|
onSelect: setPartnerLogoAttributes,
|
||||||
|
multiple: false,
|
||||||
|
handleUpload: true
|
||||||
|
}), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", {
|
||||||
|
...(0,_wordpress_block_editor__WEBPACK_IMPORTED_MODULE_6__.useBlockProps)({
|
||||||
|
className: `homegrade-blocks-partner-logo`
|
||||||
|
})
|
||||||
|
}, partnerLogoUrl && (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("img", {
|
||||||
|
className: "homegrade-blocks-partner-logo__logo",
|
||||||
|
src: partnerLogoUrl,
|
||||||
|
alt: partnerLogoAlt
|
||||||
|
})));
|
||||||
|
}
|
||||||
|
|
||||||
|
/***/ }),
|
||||||
|
|
||||||
|
/***/ "./src/index.js":
|
||||||
|
/*!**********************!*\
|
||||||
|
!*** ./src/index.js ***!
|
||||||
|
\**********************/
|
||||||
|
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
||||||
|
|
||||||
|
__webpack_require__.r(__webpack_exports__);
|
||||||
|
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @wordpress/element */ "@wordpress/element");
|
||||||
|
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__);
|
||||||
|
/* harmony import */ var _wordpress_blocks__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/blocks */ "@wordpress/blocks");
|
||||||
|
/* harmony import */ var _wordpress_blocks__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_blocks__WEBPACK_IMPORTED_MODULE_1__);
|
||||||
|
/* harmony import */ var _style_scss__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./style.scss */ "./src/style.scss");
|
||||||
|
/* harmony import */ var _edit__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./edit */ "./src/edit.js");
|
||||||
|
/* harmony import */ var _save__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./save */ "./src/save.js");
|
||||||
|
/* harmony import */ var _block_json__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./block.json */ "./src/block.json");
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
(0,_wordpress_blocks__WEBPACK_IMPORTED_MODULE_1__.registerBlockType)(_block_json__WEBPACK_IMPORTED_MODULE_5__.name, {
|
||||||
|
icon: {
|
||||||
|
src: (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("svg", {
|
||||||
|
xmlns: "http://www.w3.org/2000/svg",
|
||||||
|
viewBox: "0 0 95 95"
|
||||||
|
}, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("g", null, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("path", {
|
||||||
|
class: "cls-1",
|
||||||
|
d: "m57.9,36.4c3.15,0,5.7-2.55,5.7-5.7s-2.55-5.7-5.7-5.7-5.7,2.55-5.7,5.7,2.55,5.7,5.7,5.7Zm5.1,8.9c-1.3-1.8-4-1.8-5.3,0l-2.2,3c-.4.6-1.4.6-1.8,0l-9.4-13.1c-1.3-1.8-4-1.8-5.3,0l-16,22.6c-1.5,2.1,0,5.1,2.6,5.1h43.7c2.6,0,4.2-3,2.6-5.1l-8.9-12.5ZM47.5,0C21.3,0,0,21.3,0,47.5s21.3,47.5,47.5,47.5,47.5-21.3,47.5-47.5S73.7,0,47.5,0Zm0,86.3c-21.4,0-38.8-17.4-38.8-38.8S26.1,8.7,47.5,8.7s38.8,17.4,38.8,38.8-17.4,38.8-38.8,38.8Z"
|
||||||
|
}))),
|
||||||
|
foreground: "#f03"
|
||||||
|
},
|
||||||
|
edit: _edit__WEBPACK_IMPORTED_MODULE_3__["default"],
|
||||||
|
save: _save__WEBPACK_IMPORTED_MODULE_4__["default"]
|
||||||
|
});
|
||||||
|
|
||||||
|
/***/ }),
|
||||||
|
|
||||||
|
/***/ "./src/save.js":
|
||||||
|
/*!*********************!*\
|
||||||
|
!*** ./src/save.js ***!
|
||||||
|
\*********************/
|
||||||
|
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
||||||
|
|
||||||
|
__webpack_require__.r(__webpack_exports__);
|
||||||
|
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
||||||
|
/* harmony export */ "default": () => (/* binding */ save)
|
||||||
|
/* harmony export */ });
|
||||||
|
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @wordpress/element */ "@wordpress/element");
|
||||||
|
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__);
|
||||||
|
/* harmony import */ var _wordpress_block_editor__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/block-editor */ "@wordpress/block-editor");
|
||||||
|
/* harmony import */ var _wordpress_block_editor__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_block_editor__WEBPACK_IMPORTED_MODULE_1__);
|
||||||
|
|
||||||
|
|
||||||
|
function save({
|
||||||
|
attributes
|
||||||
|
}) {
|
||||||
|
let {
|
||||||
|
partnerLogoUrl,
|
||||||
|
partnerLogoAlt,
|
||||||
|
partnerWebsite
|
||||||
|
} = attributes;
|
||||||
|
return (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", {
|
||||||
|
..._wordpress_block_editor__WEBPACK_IMPORTED_MODULE_1__.useBlockProps.save({
|
||||||
|
className: `homegrade-blocks-partner-logo`
|
||||||
|
})
|
||||||
|
}, partnerLogoUrl && partnerWebsite && (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("a", {
|
||||||
|
href: partnerWebsite,
|
||||||
|
target: "_blank"
|
||||||
|
}, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("img", {
|
||||||
|
className: "homegrade-blocks-partner-logo__logo",
|
||||||
|
src: partnerLogoUrl,
|
||||||
|
alt: partnerLogoAlt
|
||||||
|
})), partnerLogoUrl && !partnerWebsite && (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.Fragment, null, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("img", {
|
||||||
|
className: "homegrade-blocks-partner-logo__logo",
|
||||||
|
src: partnerLogoUrl,
|
||||||
|
alt: partnerLogoAlt
|
||||||
|
})));
|
||||||
|
}
|
||||||
|
|
||||||
|
/***/ }),
|
||||||
|
|
||||||
|
/***/ "./src/editor.scss":
|
||||||
|
/*!*************************!*\
|
||||||
|
!*** ./src/editor.scss ***!
|
||||||
|
\*************************/
|
||||||
|
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
||||||
|
|
||||||
|
__webpack_require__.r(__webpack_exports__);
|
||||||
|
// extracted by mini-css-extract-plugin
|
||||||
|
|
||||||
|
|
||||||
|
/***/ }),
|
||||||
|
|
||||||
|
/***/ "./src/style.scss":
|
||||||
|
/*!************************!*\
|
||||||
|
!*** ./src/style.scss ***!
|
||||||
|
\************************/
|
||||||
|
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
||||||
|
|
||||||
|
__webpack_require__.r(__webpack_exports__);
|
||||||
|
// extracted by mini-css-extract-plugin
|
||||||
|
|
||||||
|
|
||||||
|
/***/ }),
|
||||||
|
|
||||||
|
/***/ "../../node_modules/@wordpress/icons/build-module/library/trash.js":
|
||||||
|
/*!*************************************************************************!*\
|
||||||
|
!*** ../../node_modules/@wordpress/icons/build-module/library/trash.js ***!
|
||||||
|
\*************************************************************************/
|
||||||
|
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
||||||
|
|
||||||
|
__webpack_require__.r(__webpack_exports__);
|
||||||
|
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
||||||
|
/* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__)
|
||||||
|
/* harmony export */ });
|
||||||
|
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @wordpress/element */ "@wordpress/element");
|
||||||
|
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__);
|
||||||
|
/* harmony import */ var _wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/primitives */ "@wordpress/primitives");
|
||||||
|
/* harmony import */ var _wordpress_primitives__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__);
|
||||||
|
|
||||||
|
|
||||||
|
/**
|
||||||
|
* WordPress dependencies
|
||||||
|
*/
|
||||||
|
|
||||||
|
const trash = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__.SVG, {
|
||||||
|
xmlns: "http://www.w3.org/2000/svg",
|
||||||
|
viewBox: "0 0 24 24"
|
||||||
|
}, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__.Path, {
|
||||||
|
d: "M20 5h-5.7c0-1.3-1-2.3-2.3-2.3S9.7 3.7 9.7 5H4v2h1.5v.3l1.7 11.1c.1 1 1 1.7 2 1.7h5.7c1 0 1.8-.7 2-1.7l1.7-11.1V7H20V5zm-3.2 2l-1.7 11.1c0 .1-.1.2-.3.2H9.1c-.1 0-.3-.1-.3-.2L7.2 7h9.6z"
|
||||||
|
}));
|
||||||
|
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (trash);
|
||||||
|
//# sourceMappingURL=trash.js.map
|
||||||
|
|
||||||
|
/***/ }),
|
||||||
|
|
||||||
|
/***/ "@wordpress/block-editor":
|
||||||
|
/*!*************************************!*\
|
||||||
|
!*** external ["wp","blockEditor"] ***!
|
||||||
|
\*************************************/
|
||||||
|
/***/ ((module) => {
|
||||||
|
|
||||||
|
module.exports = window["wp"]["blockEditor"];
|
||||||
|
|
||||||
|
/***/ }),
|
||||||
|
|
||||||
|
/***/ "@wordpress/blocks":
|
||||||
|
/*!********************************!*\
|
||||||
|
!*** external ["wp","blocks"] ***!
|
||||||
|
\********************************/
|
||||||
|
/***/ ((module) => {
|
||||||
|
|
||||||
|
module.exports = window["wp"]["blocks"];
|
||||||
|
|
||||||
|
/***/ }),
|
||||||
|
|
||||||
|
/***/ "@wordpress/components":
|
||||||
|
/*!************************************!*\
|
||||||
|
!*** external ["wp","components"] ***!
|
||||||
|
\************************************/
|
||||||
|
/***/ ((module) => {
|
||||||
|
|
||||||
|
module.exports = window["wp"]["components"];
|
||||||
|
|
||||||
|
/***/ }),
|
||||||
|
|
||||||
|
/***/ "@wordpress/element":
|
||||||
|
/*!*********************************!*\
|
||||||
|
!*** external ["wp","element"] ***!
|
||||||
|
\*********************************/
|
||||||
|
/***/ ((module) => {
|
||||||
|
|
||||||
|
module.exports = window["wp"]["element"];
|
||||||
|
|
||||||
|
/***/ }),
|
||||||
|
|
||||||
|
/***/ "@wordpress/i18n":
|
||||||
|
/*!******************************!*\
|
||||||
|
!*** external ["wp","i18n"] ***!
|
||||||
|
\******************************/
|
||||||
|
/***/ ((module) => {
|
||||||
|
|
||||||
|
module.exports = window["wp"]["i18n"];
|
||||||
|
|
||||||
|
/***/ }),
|
||||||
|
|
||||||
|
/***/ "@wordpress/primitives":
|
||||||
|
/*!************************************!*\
|
||||||
|
!*** external ["wp","primitives"] ***!
|
||||||
|
\************************************/
|
||||||
|
/***/ ((module) => {
|
||||||
|
|
||||||
|
module.exports = window["wp"]["primitives"];
|
||||||
|
|
||||||
|
/***/ }),
|
||||||
|
|
||||||
|
/***/ "./src/block.json":
|
||||||
|
/*!************************!*\
|
||||||
|
!*** ./src/block.json ***!
|
||||||
|
\************************/
|
||||||
|
/***/ ((module) => {
|
||||||
|
|
||||||
|
module.exports = JSON.parse('{"$schema":"https://schemas.wp.org/trunk/block.json","apiVersion":2,"name":"homegrade-content-blocks/partner-logo","version":"0.1.0","title":"Partenaire","category":"homegrade-blocks","icon":"smiley","description":"Pour insérer un logo de partenaire","supports":{"html":false},"parent":["homegrade-content-blocks/column-card"],"textdomain":"homegrade-blocks","editorScript":"file:./index.js","editorStyle":"file:./index.css","style":"file:./style-index.css","attributes":{"partnerLogoUrl":{"type":"string"},"partnerLogoAlt":{"type":"string"},"partnerLogoId":{"type":"number"},"partnerWebsite":{"type":"string"}}}');
|
||||||
|
|
||||||
|
/***/ })
|
||||||
|
|
||||||
|
/******/ });
|
||||||
|
/************************************************************************/
|
||||||
|
/******/ // The module cache
|
||||||
|
/******/ var __webpack_module_cache__ = {};
|
||||||
|
/******/
|
||||||
|
/******/ // The require function
|
||||||
|
/******/ function __webpack_require__(moduleId) {
|
||||||
|
/******/ // Check if module is in cache
|
||||||
|
/******/ var cachedModule = __webpack_module_cache__[moduleId];
|
||||||
|
/******/ if (cachedModule !== undefined) {
|
||||||
|
/******/ return cachedModule.exports;
|
||||||
|
/******/ }
|
||||||
|
/******/ // Create a new module (and put it into the cache)
|
||||||
|
/******/ var module = __webpack_module_cache__[moduleId] = {
|
||||||
|
/******/ // no module.id needed
|
||||||
|
/******/ // no module.loaded needed
|
||||||
|
/******/ exports: {}
|
||||||
|
/******/ };
|
||||||
|
/******/
|
||||||
|
/******/ // Execute the module function
|
||||||
|
/******/ __webpack_modules__[moduleId](module, module.exports, __webpack_require__);
|
||||||
|
/******/
|
||||||
|
/******/ // Return the exports of the module
|
||||||
|
/******/ return module.exports;
|
||||||
|
/******/ }
|
||||||
|
/******/
|
||||||
|
/******/ // expose the modules object (__webpack_modules__)
|
||||||
|
/******/ __webpack_require__.m = __webpack_modules__;
|
||||||
|
/******/
|
||||||
|
/************************************************************************/
|
||||||
|
/******/ /* webpack/runtime/chunk loaded */
|
||||||
|
/******/ (() => {
|
||||||
|
/******/ var deferred = [];
|
||||||
|
/******/ __webpack_require__.O = (result, chunkIds, fn, priority) => {
|
||||||
|
/******/ if(chunkIds) {
|
||||||
|
/******/ priority = priority || 0;
|
||||||
|
/******/ for(var i = deferred.length; i > 0 && deferred[i - 1][2] > priority; i--) deferred[i] = deferred[i - 1];
|
||||||
|
/******/ deferred[i] = [chunkIds, fn, priority];
|
||||||
|
/******/ return;
|
||||||
|
/******/ }
|
||||||
|
/******/ var notFulfilled = Infinity;
|
||||||
|
/******/ for (var i = 0; i < deferred.length; i++) {
|
||||||
|
/******/ var chunkIds = deferred[i][0];
|
||||||
|
/******/ var fn = deferred[i][1];
|
||||||
|
/******/ var priority = deferred[i][2];
|
||||||
|
/******/ var fulfilled = true;
|
||||||
|
/******/ for (var j = 0; j < chunkIds.length; j++) {
|
||||||
|
/******/ if ((priority & 1 === 0 || notFulfilled >= priority) && Object.keys(__webpack_require__.O).every((key) => (__webpack_require__.O[key](chunkIds[j])))) {
|
||||||
|
/******/ chunkIds.splice(j--, 1);
|
||||||
|
/******/ } else {
|
||||||
|
/******/ fulfilled = false;
|
||||||
|
/******/ if(priority < notFulfilled) notFulfilled = priority;
|
||||||
|
/******/ }
|
||||||
|
/******/ }
|
||||||
|
/******/ if(fulfilled) {
|
||||||
|
/******/ deferred.splice(i--, 1)
|
||||||
|
/******/ var r = fn();
|
||||||
|
/******/ if (r !== undefined) result = r;
|
||||||
|
/******/ }
|
||||||
|
/******/ }
|
||||||
|
/******/ return result;
|
||||||
|
/******/ };
|
||||||
|
/******/ })();
|
||||||
|
/******/
|
||||||
|
/******/ /* webpack/runtime/compat get default export */
|
||||||
|
/******/ (() => {
|
||||||
|
/******/ // getDefaultExport function for compatibility with non-harmony modules
|
||||||
|
/******/ __webpack_require__.n = (module) => {
|
||||||
|
/******/ var getter = module && module.__esModule ?
|
||||||
|
/******/ () => (module['default']) :
|
||||||
|
/******/ () => (module);
|
||||||
|
/******/ __webpack_require__.d(getter, { a: getter });
|
||||||
|
/******/ return getter;
|
||||||
|
/******/ };
|
||||||
|
/******/ })();
|
||||||
|
/******/
|
||||||
|
/******/ /* webpack/runtime/define property getters */
|
||||||
|
/******/ (() => {
|
||||||
|
/******/ // define getter functions for harmony exports
|
||||||
|
/******/ __webpack_require__.d = (exports, definition) => {
|
||||||
|
/******/ for(var key in definition) {
|
||||||
|
/******/ if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {
|
||||||
|
/******/ Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
|
||||||
|
/******/ }
|
||||||
|
/******/ }
|
||||||
|
/******/ };
|
||||||
|
/******/ })();
|
||||||
|
/******/
|
||||||
|
/******/ /* webpack/runtime/hasOwnProperty shorthand */
|
||||||
|
/******/ (() => {
|
||||||
|
/******/ __webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))
|
||||||
|
/******/ })();
|
||||||
|
/******/
|
||||||
|
/******/ /* webpack/runtime/make namespace object */
|
||||||
|
/******/ (() => {
|
||||||
|
/******/ // define __esModule on exports
|
||||||
|
/******/ __webpack_require__.r = (exports) => {
|
||||||
|
/******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
|
||||||
|
/******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
|
||||||
|
/******/ }
|
||||||
|
/******/ Object.defineProperty(exports, '__esModule', { value: true });
|
||||||
|
/******/ };
|
||||||
|
/******/ })();
|
||||||
|
/******/
|
||||||
|
/******/ /* webpack/runtime/jsonp chunk loading */
|
||||||
|
/******/ (() => {
|
||||||
|
/******/ // no baseURI
|
||||||
|
/******/
|
||||||
|
/******/ // object to store loaded and loading chunks
|
||||||
|
/******/ // undefined = chunk not loaded, null = chunk preloaded/prefetched
|
||||||
|
/******/ // [resolve, reject, Promise] = chunk loading, 0 = chunk loaded
|
||||||
|
/******/ var installedChunks = {
|
||||||
|
/******/ "index": 0,
|
||||||
|
/******/ "./style-index": 0
|
||||||
|
/******/ };
|
||||||
|
/******/
|
||||||
|
/******/ // no chunk on demand loading
|
||||||
|
/******/
|
||||||
|
/******/ // no prefetching
|
||||||
|
/******/
|
||||||
|
/******/ // no preloaded
|
||||||
|
/******/
|
||||||
|
/******/ // no HMR
|
||||||
|
/******/
|
||||||
|
/******/ // no HMR manifest
|
||||||
|
/******/
|
||||||
|
/******/ __webpack_require__.O.j = (chunkId) => (installedChunks[chunkId] === 0);
|
||||||
|
/******/
|
||||||
|
/******/ // install a JSONP callback for chunk loading
|
||||||
|
/******/ var webpackJsonpCallback = (parentChunkLoadingFunction, data) => {
|
||||||
|
/******/ var chunkIds = data[0];
|
||||||
|
/******/ var moreModules = data[1];
|
||||||
|
/******/ var runtime = data[2];
|
||||||
|
/******/ // add "moreModules" to the modules object,
|
||||||
|
/******/ // then flag all "chunkIds" as loaded and fire callback
|
||||||
|
/******/ var moduleId, chunkId, i = 0;
|
||||||
|
/******/ if(chunkIds.some((id) => (installedChunks[id] !== 0))) {
|
||||||
|
/******/ for(moduleId in moreModules) {
|
||||||
|
/******/ if(__webpack_require__.o(moreModules, moduleId)) {
|
||||||
|
/******/ __webpack_require__.m[moduleId] = moreModules[moduleId];
|
||||||
|
/******/ }
|
||||||
|
/******/ }
|
||||||
|
/******/ if(runtime) var result = runtime(__webpack_require__);
|
||||||
|
/******/ }
|
||||||
|
/******/ if(parentChunkLoadingFunction) parentChunkLoadingFunction(data);
|
||||||
|
/******/ for(;i < chunkIds.length; i++) {
|
||||||
|
/******/ chunkId = chunkIds[i];
|
||||||
|
/******/ if(__webpack_require__.o(installedChunks, chunkId) && installedChunks[chunkId]) {
|
||||||
|
/******/ installedChunks[chunkId][0]();
|
||||||
|
/******/ }
|
||||||
|
/******/ installedChunks[chunkId] = 0;
|
||||||
|
/******/ }
|
||||||
|
/******/ return __webpack_require__.O(result);
|
||||||
|
/******/ }
|
||||||
|
/******/
|
||||||
|
/******/ var chunkLoadingGlobal = self["webpackChunkmultiblocks"] = self["webpackChunkmultiblocks"] || [];
|
||||||
|
/******/ chunkLoadingGlobal.forEach(webpackJsonpCallback.bind(null, 0));
|
||||||
|
/******/ chunkLoadingGlobal.push = webpackJsonpCallback.bind(null, chunkLoadingGlobal.push.bind(chunkLoadingGlobal));
|
||||||
|
/******/ })();
|
||||||
|
/******/
|
||||||
|
/************************************************************************/
|
||||||
|
/******/
|
||||||
|
/******/ // startup
|
||||||
|
/******/ // Load entry module and return exports
|
||||||
|
/******/ // This entry module depends on other loaded chunks and execution need to be delayed
|
||||||
|
/******/ var __webpack_exports__ = __webpack_require__.O(undefined, ["./style-index"], () => (__webpack_require__("./src/index.js")))
|
||||||
|
/******/ __webpack_exports__ = __webpack_require__.O(__webpack_exports__);
|
||||||
|
/******/
|
||||||
|
/******/ })()
|
||||||
|
;
|
||||||
|
//# sourceMappingURL=index.js.map
|
||||||
1
blocks/partner-logo/build/index.js.map
Normal file
1
blocks/partner-logo/build/index.js.map
Normal file
File diff suppressed because one or more lines are too long
4
blocks/partner-logo/build/style-index.css
Normal file
4
blocks/partner-logo/build/style-index.css
Normal file
|
|
@ -0,0 +1,4 @@
|
||||||
|
/*!***************************************************************************************************************************************************************************************************************************************!*\
|
||||||
|
!*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./src/style.scss ***!
|
||||||
|
\***************************************************************************************************************************************************************************************************************************************/
|
||||||
|
|
||||||
28142
blocks/partner-logo/package-lock.json
generated
Normal file
28142
blocks/partner-logo/package-lock.json
generated
Normal file
File diff suppressed because it is too large
Load Diff
20
blocks/partner-logo/package.json
Normal file
20
blocks/partner-logo/package.json
Normal file
|
|
@ -0,0 +1,20 @@
|
||||||
|
{
|
||||||
|
"name": "multiblocks",
|
||||||
|
"version": "0.1.0",
|
||||||
|
"description": "Example block scaffolded with Create Block tool.",
|
||||||
|
"author": "The WordPress Contributors",
|
||||||
|
"license": "GPL-2.0-or-later",
|
||||||
|
"main": "build/index.js",
|
||||||
|
"scripts": {
|
||||||
|
"build": "wp-scripts build",
|
||||||
|
"format": "wp-scripts format",
|
||||||
|
"lint:css": "wp-scripts lint-style",
|
||||||
|
"lint:js": "wp-scripts lint-js",
|
||||||
|
"packages-update": "wp-scripts packages-update",
|
||||||
|
"plugin-zip": "wp-scripts plugin-zip",
|
||||||
|
"start": "wp-scripts start"
|
||||||
|
},
|
||||||
|
"devDependencies": {
|
||||||
|
"@wordpress/scripts": "^26.9.0"
|
||||||
|
}
|
||||||
|
}
|
||||||
34
blocks/partner-logo/src/block.json
Normal file
34
blocks/partner-logo/src/block.json
Normal file
|
|
@ -0,0 +1,34 @@
|
||||||
|
{
|
||||||
|
"$schema": "https://schemas.wp.org/trunk/block.json",
|
||||||
|
"apiVersion": 2,
|
||||||
|
"name": "homegrade-content-blocks/partner-logo",
|
||||||
|
"version": "0.1.0",
|
||||||
|
"title": "Partenaire",
|
||||||
|
"category": "homegrade-blocks",
|
||||||
|
"icon": "smiley",
|
||||||
|
"description": "Pour insérer un logo de partenaire",
|
||||||
|
"supports": {
|
||||||
|
"html": false
|
||||||
|
},
|
||||||
|
"parent": [
|
||||||
|
"homegrade-content-blocks/column-card"
|
||||||
|
],
|
||||||
|
"textdomain": "homegrade-blocks",
|
||||||
|
"editorScript": "file:./index.js",
|
||||||
|
"editorStyle": "file:./index.css",
|
||||||
|
"style": "file:./style-index.css",
|
||||||
|
"attributes": {
|
||||||
|
"partnerLogoUrl": {
|
||||||
|
"type": "string"
|
||||||
|
},
|
||||||
|
"partnerLogoAlt": {
|
||||||
|
"type": "string"
|
||||||
|
},
|
||||||
|
"partnerLogoId": {
|
||||||
|
"type": "number"
|
||||||
|
},
|
||||||
|
"partnerWebsite": {
|
||||||
|
"type": "string"
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
110
blocks/partner-logo/src/edit.js
Normal file
110
blocks/partner-logo/src/edit.js
Normal file
|
|
@ -0,0 +1,110 @@
|
||||||
|
import { __ } from "@wordpress/i18n";
|
||||||
|
import "./editor.scss";
|
||||||
|
import ImageMediaPlaceholder from "../../_components/ImageMediaPlaceholder";
|
||||||
|
import Image from "../../_components/Image";
|
||||||
|
import ImagePanelBody from "../../_components/ImagePanelBody";
|
||||||
|
import {
|
||||||
|
InspectorControls,
|
||||||
|
useBlockProps,
|
||||||
|
MediaPlaceholder,
|
||||||
|
MediaReplaceFlow,
|
||||||
|
__experimentalLinkControl as LinkControl,
|
||||||
|
} from "@wordpress/block-editor";
|
||||||
|
|
||||||
|
import { PanelBody, Button, TextControl, Tip } from "@wordpress/components";
|
||||||
|
import { trash, wordpress } from "@wordpress/icons";
|
||||||
|
export default function Edit({ attributes, setAttributes }) {
|
||||||
|
let { partnerLogoUrl, partnerLogoAlt, partnerLogoId, partnerWebsite } =
|
||||||
|
attributes;
|
||||||
|
function setPartnerLogoAttributes(logo) {
|
||||||
|
setAttributes({
|
||||||
|
partnerLogoId: logo.id,
|
||||||
|
partnerLogoAlt: logo.alt,
|
||||||
|
partnerLogoUrl: logo.url,
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
function removePartnerLogoAttributes() {
|
||||||
|
setAttributes({
|
||||||
|
partnerLogoId: null,
|
||||||
|
partnerLogoAlt: null,
|
||||||
|
partnerLogoUrl: null,
|
||||||
|
});
|
||||||
|
}
|
||||||
|
function onChangepartnerWebsite(partnerWebsite) {
|
||||||
|
setAttributes({ partnerWebsite });
|
||||||
|
}
|
||||||
|
return (
|
||||||
|
<>
|
||||||
|
<InspectorControls>
|
||||||
|
<PanelBody
|
||||||
|
className="homegrade-blocks-components-image__panel-body homegrade-blocks__panel-body homegrade-blocks-components-icon__panel-body"
|
||||||
|
title={__("Partenaire", "homegrade-blocks")}
|
||||||
|
>
|
||||||
|
{partnerLogoUrl && (
|
||||||
|
<img
|
||||||
|
className="partner-preview"
|
||||||
|
src={partnerLogoUrl}
|
||||||
|
alt={partnerLogoAlt}
|
||||||
|
/>
|
||||||
|
)}
|
||||||
|
<div className="media-replace-container">
|
||||||
|
<MediaReplaceFlow
|
||||||
|
label={__("Source", "homegrade-blocks")}
|
||||||
|
mediaId={partnerLogoId}
|
||||||
|
mediaUrl={partnerLogoUrl}
|
||||||
|
allowedTypes={["image"]}
|
||||||
|
accept="image/*"
|
||||||
|
onSelect={setPartnerLogoAttributes}
|
||||||
|
name={
|
||||||
|
!partnerLogoUrl
|
||||||
|
? __("Ajouter", "homegrade-blocks")
|
||||||
|
: __("Remplacer", "homegrade-blocks")
|
||||||
|
}
|
||||||
|
/>
|
||||||
|
{partnerLogoUrl && (
|
||||||
|
<>
|
||||||
|
<Button
|
||||||
|
className="custom-flow-button"
|
||||||
|
variant="primary"
|
||||||
|
icon={trash}
|
||||||
|
label="Supprimer"
|
||||||
|
onClick={removePartnerLogoAttributes}
|
||||||
|
/>
|
||||||
|
</>
|
||||||
|
)}
|
||||||
|
</div>
|
||||||
|
<TextControl
|
||||||
|
title="websiteLink"
|
||||||
|
onChange={onChangepartnerWebsite}
|
||||||
|
value={partnerWebsite}
|
||||||
|
placeholder="http://www.exemple.com"
|
||||||
|
/>
|
||||||
|
<Tip>Insérez l'adresse complète http://</Tip>
|
||||||
|
</PanelBody>
|
||||||
|
</InspectorControls>
|
||||||
|
{!partnerLogoUrl && (
|
||||||
|
<MediaPlaceholder
|
||||||
|
accept="image/*"
|
||||||
|
allowedTypes={["image"]}
|
||||||
|
onSelect={setPartnerLogoAttributes}
|
||||||
|
multiple={false}
|
||||||
|
handleUpload={true}
|
||||||
|
/>
|
||||||
|
)}
|
||||||
|
<div
|
||||||
|
{...useBlockProps({
|
||||||
|
className: `homegrade-blocks-partner-logo`,
|
||||||
|
})}
|
||||||
|
>
|
||||||
|
{partnerLogoUrl && (
|
||||||
|
<img
|
||||||
|
className="homegrade-blocks-partner-logo__logo"
|
||||||
|
src={partnerLogoUrl}
|
||||||
|
alt={partnerLogoAlt}
|
||||||
|
/>
|
||||||
|
)}
|
||||||
|
</div>
|
||||||
|
</>
|
||||||
|
);
|
||||||
|
}
|
||||||
10
blocks/partner-logo/src/editor.scss
Normal file
10
blocks/partner-logo/src/editor.scss
Normal file
|
|
@ -0,0 +1,10 @@
|
||||||
|
.homegrade-blocks__panel-body {
|
||||||
|
.block-editor-link-control__search-actions,
|
||||||
|
.block-editor-link-control__search-item,
|
||||||
|
.block-editor-link-control__search-input-wrapper {
|
||||||
|
max-width: 80%;
|
||||||
|
}
|
||||||
|
.block-editor-link-control__field {
|
||||||
|
margin-left: 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
25
blocks/partner-logo/src/index.js
Normal file
25
blocks/partner-logo/src/index.js
Normal file
|
|
@ -0,0 +1,25 @@
|
||||||
|
import { registerBlockType } from "@wordpress/blocks";
|
||||||
|
import "./style.scss";
|
||||||
|
|
||||||
|
import Edit from "./edit";
|
||||||
|
import save from "./save";
|
||||||
|
import metadata from "./block.json";
|
||||||
|
|
||||||
|
registerBlockType(metadata.name, {
|
||||||
|
icon: {
|
||||||
|
src: (
|
||||||
|
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 95 95">
|
||||||
|
<g>
|
||||||
|
<path
|
||||||
|
class="cls-1"
|
||||||
|
d="m57.9,36.4c3.15,0,5.7-2.55,5.7-5.7s-2.55-5.7-5.7-5.7-5.7,2.55-5.7,5.7,2.55,5.7,5.7,5.7Zm5.1,8.9c-1.3-1.8-4-1.8-5.3,0l-2.2,3c-.4.6-1.4.6-1.8,0l-9.4-13.1c-1.3-1.8-4-1.8-5.3,0l-16,22.6c-1.5,2.1,0,5.1,2.6,5.1h43.7c2.6,0,4.2-3,2.6-5.1l-8.9-12.5ZM47.5,0C21.3,0,0,21.3,0,47.5s21.3,47.5,47.5,47.5,47.5-21.3,47.5-47.5S73.7,0,47.5,0Zm0,86.3c-21.4,0-38.8-17.4-38.8-38.8S26.1,8.7,47.5,8.7s38.8,17.4,38.8,38.8-17.4,38.8-38.8,38.8Z"
|
||||||
|
/>
|
||||||
|
</g>
|
||||||
|
</svg>
|
||||||
|
),
|
||||||
|
foreground: "#f03",
|
||||||
|
},
|
||||||
|
|
||||||
|
edit: Edit,
|
||||||
|
save,
|
||||||
|
});
|
||||||
33
blocks/partner-logo/src/save.js
Normal file
33
blocks/partner-logo/src/save.js
Normal file
|
|
@ -0,0 +1,33 @@
|
||||||
|
import { useBlockProps } from "@wordpress/block-editor";
|
||||||
|
|
||||||
|
export default function save({ attributes }) {
|
||||||
|
let { partnerLogoUrl, partnerLogoAlt, partnerWebsite } = attributes;
|
||||||
|
|
||||||
|
return (
|
||||||
|
<div
|
||||||
|
{...useBlockProps.save({
|
||||||
|
className: `homegrade-blocks-partner-logo`,
|
||||||
|
})}
|
||||||
|
>
|
||||||
|
{partnerLogoUrl && partnerWebsite && (
|
||||||
|
<a href={partnerWebsite} target="_blank">
|
||||||
|
<img
|
||||||
|
className="homegrade-blocks-partner-logo__logo"
|
||||||
|
src={partnerLogoUrl}
|
||||||
|
alt={partnerLogoAlt}
|
||||||
|
/>
|
||||||
|
</a>
|
||||||
|
)}
|
||||||
|
|
||||||
|
{partnerLogoUrl && !partnerWebsite && (
|
||||||
|
<>
|
||||||
|
<img
|
||||||
|
className="homegrade-blocks-partner-logo__logo"
|
||||||
|
src={partnerLogoUrl}
|
||||||
|
alt={partnerLogoAlt}
|
||||||
|
/>
|
||||||
|
</>
|
||||||
|
)}
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
0
blocks/partner-logo/src/style.scss
Normal file
0
blocks/partner-logo/src/style.scss
Normal file
|
|
@ -72,6 +72,7 @@ function create_block_multiblocks_block_init()
|
||||||
register_block_type(__DIR__ . '/blocks/icon/build');
|
register_block_type(__DIR__ . '/blocks/icon/build');
|
||||||
register_block_type(__DIR__ . '/blocks/tips-to-know/build');
|
register_block_type(__DIR__ . '/blocks/tips-to-know/build');
|
||||||
register_block_type(__DIR__ . '/blocks/labelled-picture/build');
|
register_block_type(__DIR__ . '/blocks/labelled-picture/build');
|
||||||
|
register_block_type(__DIR__ . '/blocks/partner-logo/build');
|
||||||
|
|
||||||
// CONTAINERS (STATIC)
|
// CONTAINERS (STATIC)
|
||||||
register_block_type(__DIR__ . '/blocks/content-box/build');
|
register_block_type(__DIR__ . '/blocks/content-box/build');
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue
Block a user