refactoring highlight to handle sidfe logo
This commit is contained in:
parent
0feed096a5
commit
614c695057
|
|
@ -27,6 +27,19 @@
|
||||||
"type": "boolean",
|
"type": "boolean",
|
||||||
"default": true
|
"default": true
|
||||||
},
|
},
|
||||||
|
"hasLogo": {
|
||||||
|
"type": "boolean",
|
||||||
|
"default": false
|
||||||
|
},
|
||||||
|
"logoId": {
|
||||||
|
"type": "number"
|
||||||
|
},
|
||||||
|
"logoAlt": {
|
||||||
|
"type": "string"
|
||||||
|
},
|
||||||
|
"logoUrl": {
|
||||||
|
"type": "string"
|
||||||
|
},
|
||||||
"variant": {
|
"variant": {
|
||||||
"type": "string",
|
"type": "string",
|
||||||
"default": "classic"
|
"default": "classic"
|
||||||
|
|
|
||||||
|
|
@ -1 +1 @@
|
||||||
<?php return array('dependencies' => array('react', 'wp-block-editor', 'wp-blocks', 'wp-components', 'wp-data', 'wp-element', 'wp-i18n'), 'version' => '154e94d58a029f32860c');
|
<?php return array('dependencies' => array('react', 'wp-block-editor', 'wp-blocks', 'wp-components', 'wp-data', 'wp-element', 'wp-i18n', 'wp-primitives'), 'version' => 'ca159fa6cc03e0f3b5f9');
|
||||||
|
|
|
||||||
|
|
@ -34,4 +34,23 @@
|
||||||
outline: none;
|
outline: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.homegrade-blocks-highlight__panel-body .components-dropdown .components-toolbar__control {
|
||||||
|
background-color: #e04d42;
|
||||||
|
color: white;
|
||||||
|
}
|
||||||
|
.homegrade-blocks-highlight__panel-body img {
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
.homegrade-blocks-highlight__panel-body .components-dropdown {
|
||||||
|
display: block;
|
||||||
|
width: -moz-fit-content;
|
||||||
|
width: fit-content;
|
||||||
|
}
|
||||||
|
.homegrade-blocks-highlight__panel-body .media-replace-container {
|
||||||
|
padding: 10px 0;
|
||||||
|
display: flex;
|
||||||
|
gap: 10px;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
|
||||||
/*# sourceMappingURL=index.css.map*/
|
/*# sourceMappingURL=index.css.map*/
|
||||||
|
|
@ -1 +1 @@
|
||||||
{"version":3,"file":"index.css","mappings":";;;AAAA;;;;EAAA;AAQE;EACC;AAFH;AAME;EACC;AAJH;AASE;EAEC;EACA;AARH;AAUE;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AARH;;AAcC;EACC;AAXF;AAYE;EACC;AAVH,C","sources":["webpack://multiblocks/./src/editor.scss"],"sourcesContent":["/**\n * The following styles get applied inside the editor only.\n *\n * Replace them with your own styles or remove the file completely.\n */\n\n.homegrade-blocks-highlight {\n\t&--classic {\n\t\t.wp-block-button__link {\n\t\t\tbackground-color: #df1e1e !important;\n\t\t}\n\t}\n\t&--warning {\n\t\t&:after {\n\t\t\tz-index: 0 !important;\n\t\t}\n\t}\n\n\tul {\n\t\tli {\n\t\t\t// list-style: none !important;\n\t\t\tdisplay: flex;\n\t\t\tpadding: 10px 0;\n\t\t}\n\t\tli:before {\n\t\t\ttransform: translateY(6px);\n\t\t\tflex-shrink: 0;\n\t\t\tborder-radius: 50%;\n\t\t\tcontent: \"\";\n\t\t\twidth: 10px;\n\t\t\theight: 10px;\n\t\t\tdisplay: inline-block;\n\t\t\tmargin-right: 10px;\n\t\t}\n\t}\n}\n\n.homegrade-blocks-highlight__variant {\n\t.components-toggle-group-control-option-base[aria-checked=\"true\"] {\n\t\tbackground-color: #e04d42;\n\t\t&:focus {\n\t\t\toutline: none;\n\t\t}\n\t}\n}\n"],"names":[],"sourceRoot":""}
|
{"version":3,"file":"index.css","mappings":";;;AAAA;;;;EAAA;AAQE;EACC;AAFH;AAME;EACC;AAJH;AASE;EAEC;EACA;AARH;AAUE;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AARH;;AAcC;EACC;AAXF;AAYE;EACC;AAVH;;AAgBC;EACC;EACA;AAbF;AAeC;EACC;AAbF;AAeC;EACC;EACA;EAAA;AAbF;AAeC;EACC;EACA;EACA;EACA;AAbF,C","sources":["webpack://multiblocks/./src/editor.scss"],"sourcesContent":["/**\n * The following styles get applied inside the editor only.\n *\n * Replace them with your own styles or remove the file completely.\n */\n\n.homegrade-blocks-highlight {\n\t&--classic {\n\t\t.wp-block-button__link {\n\t\t\tbackground-color: #df1e1e !important;\n\t\t}\n\t}\n\t&--warning {\n\t\t&:after {\n\t\t\tz-index: 0 !important;\n\t\t}\n\t}\n\n\tul {\n\t\tli {\n\t\t\t// list-style: none !important;\n\t\t\tdisplay: flex;\n\t\t\tpadding: 10px 0;\n\t\t}\n\t\tli:before {\n\t\t\ttransform: translateY(6px);\n\t\t\tflex-shrink: 0;\n\t\t\tborder-radius: 50%;\n\t\t\tcontent: \"\";\n\t\t\twidth: 10px;\n\t\t\theight: 10px;\n\t\t\tdisplay: inline-block;\n\t\t\tmargin-right: 10px;\n\t\t}\n\t}\n}\n\n.homegrade-blocks-highlight__variant {\n\t.components-toggle-group-control-option-base[aria-checked=\"true\"] {\n\t\tbackground-color: #e04d42;\n\t\t&:focus {\n\t\t\toutline: none;\n\t\t}\n\t}\n}\n\n.homegrade-blocks-highlight__panel-body {\n\t.components-dropdown .components-toolbar__control {\n\t\tbackground-color: #e04d42;\n\t\tcolor: white;\n\t}\n\timg {\n\t\tdisplay: block;\n\t}\n\t.components-dropdown {\n\t\tdisplay: block;\n\t\twidth: fit-content;\n\t}\n\t.media-replace-container {\n\t\tpadding: 10px 0;\n\t\tdisplay: flex;\n\t\tgap: 10px;\n\t\talign-items: center;\n\t\t// margin-top: 10px;\n\t}\n}\n"],"names":[],"sourceRoot":""}
|
||||||
|
|
@ -181,6 +181,7 @@ __webpack_require__.r(__webpack_exports__);
|
||||||
/* harmony import */ var _img_icon_bulb_svg__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./img/icon_bulb.svg */ "./src/img/icon_bulb.svg");
|
/* harmony import */ var _img_icon_bulb_svg__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./img/icon_bulb.svg */ "./src/img/icon_bulb.svg");
|
||||||
/* harmony import */ var _wordpress_block_editor__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! @wordpress/block-editor */ "@wordpress/block-editor");
|
/* harmony import */ var _wordpress_block_editor__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! @wordpress/block-editor */ "@wordpress/block-editor");
|
||||||
/* harmony import */ var _wordpress_block_editor__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(_wordpress_block_editor__WEBPACK_IMPORTED_MODULE_7__);
|
/* harmony import */ var _wordpress_block_editor__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(_wordpress_block_editor__WEBPACK_IMPORTED_MODULE_7__);
|
||||||
|
/* harmony import */ var _wordpress_icons__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! @wordpress/icons */ "../../node_modules/@wordpress/icons/build-module/library/trash.js");
|
||||||
/* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! @wordpress/components */ "@wordpress/components");
|
/* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! @wordpress/components */ "@wordpress/components");
|
||||||
/* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_8___default = /*#__PURE__*/__webpack_require__.n(_wordpress_components__WEBPACK_IMPORTED_MODULE_8__);
|
/* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_8___default = /*#__PURE__*/__webpack_require__.n(_wordpress_components__WEBPACK_IMPORTED_MODULE_8__);
|
||||||
|
|
||||||
|
|
@ -192,6 +193,7 @@ __webpack_require__.r(__webpack_exports__);
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
function Edit({
|
function Edit({
|
||||||
attributes,
|
attributes,
|
||||||
setAttributes
|
setAttributes
|
||||||
|
|
@ -200,7 +202,11 @@ function Edit({
|
||||||
title,
|
title,
|
||||||
iconName,
|
iconName,
|
||||||
hasTitle,
|
hasTitle,
|
||||||
variant
|
hasLogo,
|
||||||
|
variant,
|
||||||
|
logoAlt,
|
||||||
|
logoId,
|
||||||
|
logoUrl
|
||||||
} = attributes;
|
} = attributes;
|
||||||
function getIconPicture() {
|
function getIconPicture() {
|
||||||
switch (iconName) {
|
switch (iconName) {
|
||||||
|
|
@ -231,13 +237,33 @@ function Edit({
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
function onVariantChange(variant) {
|
function onVariantChange(variant) {
|
||||||
console.log(variant);
|
|
||||||
setAttributes({
|
setAttributes({
|
||||||
variant
|
variant
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
function onHasLogoChange() {
|
||||||
|
setAttributes({
|
||||||
|
hasLogo: !hasLogo
|
||||||
|
});
|
||||||
|
if (!hasLogo) {
|
||||||
|
removeLogoAttributes();
|
||||||
|
}
|
||||||
|
}
|
||||||
|
function setLogoAttributes(media) {
|
||||||
|
setAttributes({
|
||||||
|
logoUrl: media.url,
|
||||||
|
logoId: media.id,
|
||||||
|
logoAlt: media?.alt
|
||||||
|
});
|
||||||
|
}
|
||||||
|
function removeLogoAttributes() {
|
||||||
|
setAttributes({
|
||||||
|
logoUrl: null,
|
||||||
|
logoId: null,
|
||||||
|
logoAlt: null
|
||||||
|
});
|
||||||
|
}
|
||||||
let iconPicture = getIconPicture();
|
let iconPicture = getIconPicture();
|
||||||
console.log(variant);
|
|
||||||
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_7__.InspectorControls, null, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_8__.PanelBody, {
|
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_7__.InspectorControls, null, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_8__.PanelBody, {
|
||||||
title: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)("Variantes", "homegrade-blocks__texte-fonctionnel"),
|
title: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)("Variantes", "homegrade-blocks__texte-fonctionnel"),
|
||||||
initialOpen: true
|
initialOpen: true
|
||||||
|
|
@ -257,7 +283,32 @@ function Edit({
|
||||||
label: "Afficher le titre",
|
label: "Afficher le titre",
|
||||||
checked: hasTitle,
|
checked: hasTitle,
|
||||||
onChange: onHasTitleChange
|
onChange: onHasTitleChange
|
||||||
}))), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_block_editor__WEBPACK_IMPORTED_MODULE_7__.BlockControls, null, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_8__.ToolbarButton, {
|
}), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_8__.ToggleControl, {
|
||||||
|
label: "Attacher un logo",
|
||||||
|
checked: hasLogo,
|
||||||
|
onChange: onHasLogoChange
|
||||||
|
})), hasLogo && (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_8__.PanelBody, {
|
||||||
|
className: "homegrade-blocks-highlight__panel-body",
|
||||||
|
title: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)("Logo", "homegrade-blocks__texte-backoffice")
|
||||||
|
}, logoUrl && (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("img", {
|
||||||
|
src: logoUrl,
|
||||||
|
alt: logoAlt
|
||||||
|
}), (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_7__.MediaReplaceFlow, {
|
||||||
|
mediaId: logoId,
|
||||||
|
mediaUrl: logoUrl,
|
||||||
|
allowedTypes: ["image"],
|
||||||
|
accept: "image/*",
|
||||||
|
onSelect: setLogoAttributes,
|
||||||
|
name: !logoUrl ? (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)("Ajouter un Logo", "homegrade-blocks__texte-backoffice") : (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)("Remplacer", "homegrade-blocks__texte-backoffice")
|
||||||
|
}), logoUrl && (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_8__.Button, {
|
||||||
|
className: "custom-flow-button",
|
||||||
|
variant: "primary",
|
||||||
|
icon: _wordpress_icons__WEBPACK_IMPORTED_MODULE_9__["default"],
|
||||||
|
label: "Supprimer",
|
||||||
|
onClick: removeLogoAttributes
|
||||||
|
}))))), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_block_editor__WEBPACK_IMPORTED_MODULE_7__.BlockControls, null, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_8__.ToolbarButton, {
|
||||||
title: "Clé",
|
title: "Clé",
|
||||||
icon: "admin-network",
|
icon: "admin-network",
|
||||||
isActive: iconName === "key",
|
isActive: iconName === "key",
|
||||||
|
|
@ -295,10 +346,26 @@ function Edit({
|
||||||
placeholder: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)("Insérez un titre", "homegrade-blocks__texte-fonctionnel"),
|
placeholder: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)("Insérez un titre", "homegrade-blocks__texte-fonctionnel"),
|
||||||
tagName: "h3",
|
tagName: "h3",
|
||||||
allowedFormats: []
|
allowedFormats: []
|
||||||
})), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_block_editor__WEBPACK_IMPORTED_MODULE_7__.InnerBlocks, {
|
})), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", {
|
||||||
|
className: "homegrade-blocks-highlight__content"
|
||||||
|
}, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", {
|
||||||
|
className: "homegrade-blocks-highlight__content__innerblocks"
|
||||||
|
}, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_block_editor__WEBPACK_IMPORTED_MODULE_7__.InnerBlocks, {
|
||||||
allowedBlocks: ["core/paragraph", "core/list", "core/buttons", "core/button", "core/colums", "core/colum", "homegrade-content-blocks/content-heading"],
|
allowedBlocks: ["core/paragraph", "core/list", "core/buttons", "core/button", "core/colums", "core/colum", "homegrade-content-blocks/content-heading"],
|
||||||
template: [["core/paragraph"]]
|
template: [["core/paragraph"]]
|
||||||
})));
|
})), hasLogo && (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", {
|
||||||
|
className: "homegrade-blocks-highlight__logo"
|
||||||
|
}, !logoUrl && (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_block_editor__WEBPACK_IMPORTED_MODULE_7__.MediaReplaceFlow, {
|
||||||
|
mediaId: logoId,
|
||||||
|
mediaUrl: logoUrl,
|
||||||
|
allowedTypes: ["image"],
|
||||||
|
accept: "image/*",
|
||||||
|
onSelect: setLogoAttributes,
|
||||||
|
name: !logoUrl ? (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)("Ajouter Logo", "homegrade-blocks__texte-backoffice") : (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)("Remplacer", "homegrade-blocks__texte-backoffice")
|
||||||
|
}), logoUrl && (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("img", {
|
||||||
|
src: logoUrl,
|
||||||
|
alt: logoAlt
|
||||||
|
})))));
|
||||||
}
|
}
|
||||||
|
|
||||||
/***/ }),
|
/***/ }),
|
||||||
|
|
@ -380,7 +447,10 @@ function save({
|
||||||
title,
|
title,
|
||||||
iconName,
|
iconName,
|
||||||
hasTitle,
|
hasTitle,
|
||||||
variant
|
variant,
|
||||||
|
hasLogo,
|
||||||
|
logoAlt,
|
||||||
|
logoUrl
|
||||||
} = attributes;
|
} = attributes;
|
||||||
function getIconPicture() {
|
function getIconPicture() {
|
||||||
switch (iconName) {
|
switch (iconName) {
|
||||||
|
|
@ -411,7 +481,16 @@ function save({
|
||||||
tagName: "h3",
|
tagName: "h3",
|
||||||
value: title,
|
value: title,
|
||||||
className: "homegrade-blocks-highlight__block-title"
|
className: "homegrade-blocks-highlight__block-title"
|
||||||
})), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_block_editor__WEBPACK_IMPORTED_MODULE_1__.InnerBlocks.Content, null));
|
})), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", {
|
||||||
|
className: "homegrade-blocks-highlight__content"
|
||||||
|
}, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", {
|
||||||
|
className: "homegrade-blocks-highlight__content__innerblocks"
|
||||||
|
}, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_block_editor__WEBPACK_IMPORTED_MODULE_1__.InnerBlocks.Content, null)), hasLogo && logoUrl && (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", {
|
||||||
|
className: "homegrade-blocks-highlight__logo"
|
||||||
|
}, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("img", {
|
||||||
|
src: logoUrl,
|
||||||
|
alt: logoAlt
|
||||||
|
}))));
|
||||||
}
|
}
|
||||||
|
|
||||||
/***/ }),
|
/***/ }),
|
||||||
|
|
@ -438,6 +517,37 @@ __webpack_require__.r(__webpack_exports__);
|
||||||
// extracted by mini-css-extract-plugin
|
// 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
|
||||||
|
|
||||||
/***/ }),
|
/***/ }),
|
||||||
|
|
||||||
/***/ "react":
|
/***/ "react":
|
||||||
|
|
@ -510,13 +620,23 @@ module.exports = window["wp"]["i18n"];
|
||||||
|
|
||||||
/***/ }),
|
/***/ }),
|
||||||
|
|
||||||
|
/***/ "@wordpress/primitives":
|
||||||
|
/*!************************************!*\
|
||||||
|
!*** external ["wp","primitives"] ***!
|
||||||
|
\************************************/
|
||||||
|
/***/ ((module) => {
|
||||||
|
|
||||||
|
module.exports = window["wp"]["primitives"];
|
||||||
|
|
||||||
|
/***/ }),
|
||||||
|
|
||||||
/***/ "./src/block.json":
|
/***/ "./src/block.json":
|
||||||
/*!************************!*\
|
/*!************************!*\
|
||||||
!*** ./src/block.json ***!
|
!*** ./src/block.json ***!
|
||||||
\************************/
|
\************************/
|
||||||
/***/ ((module) => {
|
/***/ ((module) => {
|
||||||
|
|
||||||
module.exports = JSON.parse('{"$schema":"https://schemas.wp.org/trunk/block.json","apiVersion":2,"name":"homegrade-content-blocks/highlight","version":"0.1.0","title":"Mise en avant","category":"homegrade-blocks","description":"Bloc pour mettre en avant des informations importantes","supports":{"html":false},"textdomain":"homegrade-blocks__texte-fonctionnel","editorScript":"file:./index.js","editorStyle":"file:./index.css","style":"file:./style-index.css","attributes":{"title":{"type":"string","source":"html","selector":"h3"},"iconName":{"type":"string","default":"key"},"hasTitle":{"type":"boolean","default":true},"variant":{"type":"string","default":"classic"}}}');
|
module.exports = JSON.parse('{"$schema":"https://schemas.wp.org/trunk/block.json","apiVersion":2,"name":"homegrade-content-blocks/highlight","version":"0.1.0","title":"Mise en avant","category":"homegrade-blocks","description":"Bloc pour mettre en avant des informations importantes","supports":{"html":false},"textdomain":"homegrade-blocks__texte-fonctionnel","editorScript":"file:./index.js","editorStyle":"file:./index.css","style":"file:./style-index.css","attributes":{"title":{"type":"string","source":"html","selector":"h3"},"iconName":{"type":"string","default":"key"},"hasTitle":{"type":"boolean","default":true},"hasLogo":{"type":"boolean","default":false},"logoId":{"type":"number"},"logoAlt":{"type":"string"},"logoUrl":{"type":"string"},"variant":{"type":"string","default":"classic"}}}');
|
||||||
|
|
||||||
/***/ })
|
/***/ })
|
||||||
|
|
||||||
|
|
|
||||||
File diff suppressed because one or more lines are too long
|
|
@ -27,6 +27,19 @@
|
||||||
"type": "boolean",
|
"type": "boolean",
|
||||||
"default": true
|
"default": true
|
||||||
},
|
},
|
||||||
|
"hasLogo": {
|
||||||
|
"type": "boolean",
|
||||||
|
"default": false
|
||||||
|
},
|
||||||
|
"logoId": {
|
||||||
|
"type": "number"
|
||||||
|
},
|
||||||
|
"logoAlt": {
|
||||||
|
"type": "string"
|
||||||
|
},
|
||||||
|
"logoUrl": {
|
||||||
|
"type": "string"
|
||||||
|
},
|
||||||
"variant": {
|
"variant": {
|
||||||
"type": "string",
|
"type": "string",
|
||||||
"default": "classic"
|
"default": "classic"
|
||||||
|
|
|
||||||
|
|
@ -10,18 +10,30 @@ import {
|
||||||
BlockControls,
|
BlockControls,
|
||||||
InnerBlocks,
|
InnerBlocks,
|
||||||
InspectorControls,
|
InspectorControls,
|
||||||
|
MediaReplaceFlow,
|
||||||
} from "@wordpress/block-editor";
|
} from "@wordpress/block-editor";
|
||||||
|
|
||||||
|
import { trash } from "@wordpress/icons";
|
||||||
import {
|
import {
|
||||||
|
Button,
|
||||||
ToolbarButton,
|
ToolbarButton,
|
||||||
ToggleControl,
|
|
||||||
PanelBody,
|
PanelBody,
|
||||||
|
ToggleControl,
|
||||||
__experimentalToggleGroupControl as ToggleGroupControl,
|
__experimentalToggleGroupControl as ToggleGroupControl,
|
||||||
__experimentalToggleGroupControlOption as ToggleGroupControlOption,
|
__experimentalToggleGroupControlOption as ToggleGroupControlOption,
|
||||||
} from "@wordpress/components";
|
} from "@wordpress/components";
|
||||||
|
|
||||||
export default function Edit({ attributes, setAttributes }) {
|
export default function Edit({ attributes, setAttributes }) {
|
||||||
const { title, iconName, hasTitle, variant } = attributes;
|
const {
|
||||||
|
title,
|
||||||
|
iconName,
|
||||||
|
hasTitle,
|
||||||
|
hasLogo,
|
||||||
|
variant,
|
||||||
|
logoAlt,
|
||||||
|
logoId,
|
||||||
|
logoUrl,
|
||||||
|
} = attributes;
|
||||||
|
|
||||||
function getIconPicture() {
|
function getIconPicture() {
|
||||||
switch (iconName) {
|
switch (iconName) {
|
||||||
|
|
@ -54,8 +66,31 @@ export default function Edit({ attributes, setAttributes }) {
|
||||||
function onVariantChange(variant) {
|
function onVariantChange(variant) {
|
||||||
setAttributes({ variant });
|
setAttributes({ variant });
|
||||||
}
|
}
|
||||||
|
function onHasLogoChange() {
|
||||||
|
setAttributes({
|
||||||
|
hasLogo: !hasLogo,
|
||||||
|
});
|
||||||
|
if (!hasLogo) {
|
||||||
|
removeLogoAttributes();
|
||||||
|
}
|
||||||
|
}
|
||||||
|
function setLogoAttributes(media) {
|
||||||
|
setAttributes({
|
||||||
|
logoUrl: media.url,
|
||||||
|
logoId: media.id,
|
||||||
|
logoAlt: media?.alt,
|
||||||
|
});
|
||||||
|
}
|
||||||
|
function removeLogoAttributes() {
|
||||||
|
setAttributes({
|
||||||
|
logoUrl: null,
|
||||||
|
logoId: null,
|
||||||
|
logoAlt: null,
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
let iconPicture = getIconPicture();
|
let iconPicture = getIconPicture();
|
||||||
console.log(variant);
|
|
||||||
return (
|
return (
|
||||||
<>
|
<>
|
||||||
<InspectorControls>
|
<InspectorControls>
|
||||||
|
|
@ -81,7 +116,49 @@ export default function Edit({ attributes, setAttributes }) {
|
||||||
checked={hasTitle}
|
checked={hasTitle}
|
||||||
onChange={onHasTitleChange}
|
onChange={onHasTitleChange}
|
||||||
/>
|
/>
|
||||||
|
<ToggleControl
|
||||||
|
label="Attacher un logo"
|
||||||
|
checked={hasLogo}
|
||||||
|
onChange={onHasLogoChange}
|
||||||
|
/>
|
||||||
</PanelBody>
|
</PanelBody>
|
||||||
|
{hasLogo && (
|
||||||
|
<PanelBody
|
||||||
|
className="homegrade-blocks-highlight__panel-body"
|
||||||
|
title={__("Logo", "homegrade-blocks__texte-backoffice")}
|
||||||
|
>
|
||||||
|
{logoUrl && <img src={logoUrl} alt={logoAlt} />}
|
||||||
|
|
||||||
|
<div className="media-replace-container ">
|
||||||
|
<MediaReplaceFlow
|
||||||
|
mediaId={logoId}
|
||||||
|
mediaUrl={logoUrl}
|
||||||
|
allowedTypes={["image"]}
|
||||||
|
accept="image/*"
|
||||||
|
onSelect={setLogoAttributes}
|
||||||
|
name={
|
||||||
|
!logoUrl
|
||||||
|
? __(
|
||||||
|
"Ajouter un Logo",
|
||||||
|
"homegrade-blocks__texte-backoffice"
|
||||||
|
)
|
||||||
|
: __("Remplacer", "homegrade-blocks__texte-backoffice")
|
||||||
|
}
|
||||||
|
/>
|
||||||
|
{logoUrl && (
|
||||||
|
<>
|
||||||
|
<Button
|
||||||
|
className="custom-flow-button"
|
||||||
|
variant="primary"
|
||||||
|
icon={trash}
|
||||||
|
label="Supprimer"
|
||||||
|
onClick={removeLogoAttributes}
|
||||||
|
/>
|
||||||
|
</>
|
||||||
|
)}
|
||||||
|
</div>
|
||||||
|
</PanelBody>
|
||||||
|
)}
|
||||||
</InspectorControls>
|
</InspectorControls>
|
||||||
<BlockControls>
|
<BlockControls>
|
||||||
<ToolbarButton
|
<ToolbarButton
|
||||||
|
|
@ -134,19 +211,41 @@ export default function Edit({ attributes, setAttributes }) {
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
)}
|
)}
|
||||||
|
<div className="homegrade-blocks-highlight__content">
|
||||||
<InnerBlocks
|
<div className="homegrade-blocks-highlight__content__innerblocks">
|
||||||
allowedBlocks={[
|
<InnerBlocks
|
||||||
"core/paragraph",
|
allowedBlocks={[
|
||||||
"core/list",
|
"core/paragraph",
|
||||||
"core/buttons",
|
"core/list",
|
||||||
"core/button",
|
"core/buttons",
|
||||||
"core/colums",
|
"core/button",
|
||||||
"core/colum",
|
"core/colums",
|
||||||
"homegrade-content-blocks/content-heading",
|
"core/colum",
|
||||||
]}
|
"homegrade-content-blocks/content-heading",
|
||||||
template={[["core/paragraph"]]}
|
]}
|
||||||
/>
|
template={[["core/paragraph"]]}
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
{hasLogo && (
|
||||||
|
<div className="homegrade-blocks-highlight__logo">
|
||||||
|
{!logoUrl && (
|
||||||
|
<MediaReplaceFlow
|
||||||
|
mediaId={logoId}
|
||||||
|
mediaUrl={logoUrl}
|
||||||
|
allowedTypes={["image"]}
|
||||||
|
accept="image/*"
|
||||||
|
onSelect={setLogoAttributes}
|
||||||
|
name={
|
||||||
|
!logoUrl
|
||||||
|
? __("Ajouter Logo", "homegrade-blocks__texte-backoffice")
|
||||||
|
: __("Remplacer", "homegrade-blocks__texte-backoffice")
|
||||||
|
}
|
||||||
|
/>
|
||||||
|
)}
|
||||||
|
{logoUrl && <img src={logoUrl} alt={logoAlt} />}
|
||||||
|
</div>
|
||||||
|
)}
|
||||||
|
</div>
|
||||||
</section>
|
</section>
|
||||||
</>
|
</>
|
||||||
);
|
);
|
||||||
|
|
|
||||||
|
|
@ -43,3 +43,24 @@
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.homegrade-blocks-highlight__panel-body {
|
||||||
|
.components-dropdown .components-toolbar__control {
|
||||||
|
background-color: #e04d42;
|
||||||
|
color: white;
|
||||||
|
}
|
||||||
|
img {
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
.components-dropdown {
|
||||||
|
display: block;
|
||||||
|
width: fit-content;
|
||||||
|
}
|
||||||
|
.media-replace-container {
|
||||||
|
padding: 10px 0;
|
||||||
|
display: flex;
|
||||||
|
gap: 10px;
|
||||||
|
align-items: center;
|
||||||
|
// margin-top: 10px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
|
||||||
|
|
@ -7,7 +7,8 @@ import houseIcon from "./img/icon_house.svg";
|
||||||
import bulbIcon from "./img/icon_bulb.svg";
|
import bulbIcon from "./img/icon_bulb.svg";
|
||||||
|
|
||||||
export default function save({ attributes }) {
|
export default function save({ attributes }) {
|
||||||
const { title, iconName, hasTitle, variant } = attributes;
|
const { title, iconName, hasTitle, variant, hasLogo, logoAlt, logoUrl } =
|
||||||
|
attributes;
|
||||||
function getIconPicture() {
|
function getIconPicture() {
|
||||||
switch (iconName) {
|
switch (iconName) {
|
||||||
case "key":
|
case "key":
|
||||||
|
|
@ -46,8 +47,16 @@ export default function save({ attributes }) {
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
)}
|
)}
|
||||||
|
<div className="homegrade-blocks-highlight__content">
|
||||||
<InnerBlocks.Content />
|
<div className="homegrade-blocks-highlight__content__innerblocks">
|
||||||
|
<InnerBlocks.Content />
|
||||||
|
</div>
|
||||||
|
{hasLogo && logoUrl && (
|
||||||
|
<div className="homegrade-blocks-highlight__logo">
|
||||||
|
<img src={logoUrl} alt={logoAlt} />
|
||||||
|
</div>
|
||||||
|
)}
|
||||||
|
</div>
|
||||||
</section>
|
</section>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -1,18 +0,0 @@
|
||||||
# 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/white-box/.gitignore
vendored
30
blocks/white-box/.gitignore
vendored
|
|
@ -1,30 +0,0 @@
|
||||||
# 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
|
|
||||||
|
|
@ -1,16 +0,0 @@
|
||||||
{
|
|
||||||
"$schema": "https://schemas.wp.org/trunk/block.json",
|
|
||||||
"apiVersion": 2,
|
|
||||||
"name": "homegrade-content-blocks/white-box",
|
|
||||||
"version": "0.1.0",
|
|
||||||
"title": "White Box",
|
|
||||||
"category": "homegrade-blocks",
|
|
||||||
"description": "Boite de gestion contenu",
|
|
||||||
"supports": {
|
|
||||||
"html": false
|
|
||||||
},
|
|
||||||
"textdomain": "homegrade-blocks",
|
|
||||||
"editorScript": "file:./index.js",
|
|
||||||
"editorStyle": "file:./index.css",
|
|
||||||
"style": "file:./style-index.css"
|
|
||||||
}
|
|
||||||
|
|
@ -1 +0,0 @@
|
||||||
<?php return array('dependencies' => array('wp-block-editor', 'wp-blocks', 'wp-components', 'wp-element', 'wp-i18n'), 'version' => '2eacdde639abf75c5331');
|
|
||||||
|
|
@ -1,4 +0,0 @@
|
||||||
/*!****************************************************************************************************************************************************************************************************************************************!*\
|
|
||||||
!*** 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 ***!
|
|
||||||
\****************************************************************************************************************************************************************************************************************************************/
|
|
||||||
|
|
||||||
|
|
@ -1,380 +0,0 @@
|
||||||
/******/ (() => { // webpackBootstrap
|
|
||||||
/******/ "use strict";
|
|
||||||
/******/ var __webpack_modules__ = ({
|
|
||||||
|
|
||||||
/***/ "./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 _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_components__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @wordpress/components */ "@wordpress/components");
|
|
||||||
/* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_wordpress_components__WEBPACK_IMPORTED_MODULE_4__);
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
function Edit({
|
|
||||||
attributes,
|
|
||||||
setAttributes,
|
|
||||||
clientId
|
|
||||||
}) {
|
|
||||||
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_3__.InspectorControls, null, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_4__.PanelBody, null)), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("section", {
|
|
||||||
...(0,_wordpress_block_editor__WEBPACK_IMPORTED_MODULE_3__.useBlockProps)({
|
|
||||||
className: `homegrade-content-blocks-white-box alignfull`
|
|
||||||
})
|
|
||||||
}, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", {
|
|
||||||
className: "card-large-content"
|
|
||||||
}, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_block_editor__WEBPACK_IMPORTED_MODULE_3__.InnerBlocks, {
|
|
||||||
allowedBlocks: ["homegrade-content-blocks/section-titling", "core/paragraph"],
|
|
||||||
template: [["homegrade-content-blocks/section-titling", {
|
|
||||||
sectionTitle: "Titre de Votre section",
|
|
||||||
sectionSubtitle: "Sous-titre de Votre section"
|
|
||||||
}]]
|
|
||||||
}))));
|
|
||||||
}
|
|
||||||
|
|
||||||
/***/ }),
|
|
||||||
|
|
||||||
/***/ "./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", {
|
|
||||||
version: "1.1",
|
|
||||||
x: "0px",
|
|
||||||
y: "0px",
|
|
||||||
viewBox: "0 0 100 125"
|
|
||||||
}, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("g", {
|
|
||||||
transform: "translate(0,-952.36218)"
|
|
||||||
}, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("path", {
|
|
||||||
d: "m 49.593802,961.37673 a 4.0004,4.0004 0 0 0 -1.125,0.28125 l -36,15 a 4.0004,4.0004 0 0 0 -2.4688,3.71875 l 0,43.99997 a 4.0004,4.0004 0 0 0 2.4688,3.6875 l 36,15 a 4.0004,4.0004 0 0 0 3.0624,0 l 35.999996,-15 a 4.0004,4.0004 0 0 0 2.4688,-3.6875 l 0,-43.99997 a 4.0004,4.0004 0 0 0 -2.4688,-3.71875 l -35.999996,-15 a 4.0004,4.0004 0 0 0 -1.9374,-0.28125 z m 0.4062,8.3125 25.5938,10.65625 -25.5938,10.6875 -25.5938,-10.6875 25.5938,-10.65625 z m -32,16.6875 28,11.65625 0,35.34372 -28,-11.6875 0,-35.31247 z m 63.999996,0 0,35.31247 -27.999996,11.6875 0,-35.34372 27.999996,-11.65625 z",
|
|
||||||
"fill-opacity": "1",
|
|
||||||
stroke: "none",
|
|
||||||
marker: "none",
|
|
||||||
visibility: "visible",
|
|
||||||
display: "inline",
|
|
||||||
overflow: "visible"
|
|
||||||
}))),
|
|
||||||
foreground: "#DF1E1E"
|
|
||||||
},
|
|
||||||
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() {
|
|
||||||
return (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("section", {
|
|
||||||
..._wordpress_block_editor__WEBPACK_IMPORTED_MODULE_1__.useBlockProps.save({
|
|
||||||
className: `homegrade-content-blocks-white-box`
|
|
||||||
})
|
|
||||||
}, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", {
|
|
||||||
className: "card-large-content"
|
|
||||||
}, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_block_editor__WEBPACK_IMPORTED_MODULE_1__.InnerBlocks.Content, null)));
|
|
||||||
}
|
|
||||||
|
|
||||||
/***/ }),
|
|
||||||
|
|
||||||
/***/ "./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
|
|
||||||
|
|
||||||
|
|
||||||
/***/ }),
|
|
||||||
|
|
||||||
/***/ "@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"];
|
|
||||||
|
|
||||||
/***/ }),
|
|
||||||
|
|
||||||
/***/ "./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/white-box","version":"0.1.0","title":"White Box","category":"homegrade-blocks","description":"Boite de gestion contenu","supports":{"html":false},"textdomain":"homegrade-blocks","editorScript":"file:./index.js","editorStyle":"file:./index.css","style":"file:./style-index.css"}');
|
|
||||||
|
|
||||||
/***/ })
|
|
||||||
|
|
||||||
/******/ });
|
|
||||||
/************************************************************************/
|
|
||||||
/******/ // 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
|
|
||||||
File diff suppressed because one or more lines are too long
28142
blocks/white-box/package-lock.json
generated
28142
blocks/white-box/package-lock.json
generated
File diff suppressed because it is too large
Load Diff
|
|
@ -1,20 +0,0 @@
|
||||||
{
|
|
||||||
"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"
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
@ -1,16 +0,0 @@
|
||||||
{
|
|
||||||
"$schema": "https://schemas.wp.org/trunk/block.json",
|
|
||||||
"apiVersion": 2,
|
|
||||||
"name": "homegrade-content-blocks/white-box",
|
|
||||||
"version": "0.1.0",
|
|
||||||
"title": "White Box",
|
|
||||||
"category": "homegrade-blocks",
|
|
||||||
"description": "Boite de gestion contenu",
|
|
||||||
"supports": {
|
|
||||||
"html": false
|
|
||||||
},
|
|
||||||
"textdomain": "homegrade-blocks",
|
|
||||||
"editorScript": "file:./index.js",
|
|
||||||
"editorStyle": "file:./index.css",
|
|
||||||
"style": "file:./style-index.css"
|
|
||||||
}
|
|
||||||
|
|
@ -1,43 +0,0 @@
|
||||||
import { __ } from "@wordpress/i18n";
|
|
||||||
import "./editor.scss";
|
|
||||||
|
|
||||||
import {
|
|
||||||
useBlockProps,
|
|
||||||
InnerBlocks,
|
|
||||||
InspectorControls,
|
|
||||||
} from "@wordpress/block-editor";
|
|
||||||
|
|
||||||
import { Tip, PanelBody } from "@wordpress/components";
|
|
||||||
|
|
||||||
export default function Edit({ attributes, setAttributes, clientId }) {
|
|
||||||
return (
|
|
||||||
<>
|
|
||||||
<InspectorControls>
|
|
||||||
<PanelBody>{/* <Tip>salut</Tip> */}</PanelBody>
|
|
||||||
</InspectorControls>
|
|
||||||
<section
|
|
||||||
{...useBlockProps({
|
|
||||||
className: `homegrade-content-blocks-white-box alignfull`,
|
|
||||||
})}
|
|
||||||
>
|
|
||||||
<div className="card-large-content">
|
|
||||||
<InnerBlocks
|
|
||||||
allowedBlocks={[
|
|
||||||
"homegrade-content-blocks/section-titling",
|
|
||||||
"core/paragraph",
|
|
||||||
]}
|
|
||||||
template={[
|
|
||||||
[
|
|
||||||
"homegrade-content-blocks/section-titling",
|
|
||||||
{
|
|
||||||
sectionTitle: "Titre de Votre section",
|
|
||||||
sectionSubtitle: "Sous-titre de Votre section",
|
|
||||||
},
|
|
||||||
],
|
|
||||||
]}
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
</section>
|
|
||||||
</>
|
|
||||||
);
|
|
||||||
}
|
|
||||||
|
|
@ -1,29 +0,0 @@
|
||||||
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 version="1.1" x="0px" y="0px" viewBox="0 0 100 125">
|
|
||||||
<g transform="translate(0,-952.36218)">
|
|
||||||
<path
|
|
||||||
d="m 49.593802,961.37673 a 4.0004,4.0004 0 0 0 -1.125,0.28125 l -36,15 a 4.0004,4.0004 0 0 0 -2.4688,3.71875 l 0,43.99997 a 4.0004,4.0004 0 0 0 2.4688,3.6875 l 36,15 a 4.0004,4.0004 0 0 0 3.0624,0 l 35.999996,-15 a 4.0004,4.0004 0 0 0 2.4688,-3.6875 l 0,-43.99997 a 4.0004,4.0004 0 0 0 -2.4688,-3.71875 l -35.999996,-15 a 4.0004,4.0004 0 0 0 -1.9374,-0.28125 z m 0.4062,8.3125 25.5938,10.65625 -25.5938,10.6875 -25.5938,-10.6875 25.5938,-10.65625 z m -32,16.6875 28,11.65625 0,35.34372 -28,-11.6875 0,-35.31247 z m 63.999996,0 0,35.31247 -27.999996,11.6875 0,-35.34372 27.999996,-11.65625 z"
|
|
||||||
fill-opacity="1"
|
|
||||||
stroke="none"
|
|
||||||
marker="none"
|
|
||||||
visibility="visible"
|
|
||||||
display="inline"
|
|
||||||
overflow="visible"
|
|
||||||
/>
|
|
||||||
</g>
|
|
||||||
</svg>
|
|
||||||
),
|
|
||||||
foreground: "#DF1E1E",
|
|
||||||
},
|
|
||||||
edit: Edit,
|
|
||||||
save,
|
|
||||||
});
|
|
||||||
|
|
@ -1,15 +0,0 @@
|
||||||
import { useBlockProps, InnerBlocks } from "@wordpress/block-editor";
|
|
||||||
|
|
||||||
export default function save() {
|
|
||||||
return (
|
|
||||||
<section
|
|
||||||
{...useBlockProps.save({
|
|
||||||
className: `homegrade-content-blocks-white-box`,
|
|
||||||
})}
|
|
||||||
>
|
|
||||||
<div className="card-large-content">
|
|
||||||
<InnerBlocks.Content />
|
|
||||||
</div>
|
|
||||||
</section>
|
|
||||||
);
|
|
||||||
}
|
|
||||||
Loading…
Reference in New Issue
Block a user