adding global dynamic accordeon classes

This commit is contained in:
Antoine M 2023-12-13 16:36:03 +01:00
parent fa02598390
commit ed1f9499b6
11 changed files with 88 additions and 72 deletions

View File

@ -1 +1 @@
<?php return array('dependencies' => array('react', 'wp-block-editor', 'wp-blocks', 'wp-element', 'wp-i18n'), 'version' => '5183afb6edd301b0d52a');
<?php return array('dependencies' => array('react', 'wp-block-editor', 'wp-blocks', 'wp-element', 'wp-i18n'), 'version' => '3d57ba78e67ecb9e66c2');

View File

@ -92,7 +92,9 @@ function Edit({
className: "open-close-cta",
alt: ""
}))), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", {
className: "homegrade-blocks-accordeon-panel-content__content-wrapper"
className: "homegrade-blocks-accordeon-panel-content__content-wrapper homegrade-dynamic-accordeon__content-wrapper"
}, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", {
className: "homegrade-dynamic-accordeon__content"
}, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_block_editor__WEBPACK_IMPORTED_MODULE_4__.InnerBlocks, {
allowedBlocks: ["homegrade-content-blocks/content-heading", "homegrade-content-blocks/text-image", "core/paragraph", "core/list", "homegrade-content-blocks/highlight", "core/button", "core/buttons"],
template: [["homegrade-content-blocks/content-heading", {
@ -107,7 +109,7 @@ function Edit({
}], ["core/list-item", {
content: "Construire, c'est bien plus que des matériaux. C'est l'art de réaliser des projets concrets"
}]]]]
}))));
})))));
}
/***/ }),
@ -184,7 +186,7 @@ function save({
} = attributes;
return (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("details", {
..._wordpress_block_editor__WEBPACK_IMPORTED_MODULE_1__.useBlockProps.save({
className: `homegrade-blocks-accordeon-panel-content`
className: `homegrade-blocks-accordeon-panel-content homegrade-dynamic-accordeon`
})
}, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("summary", null, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_block_editor__WEBPACK_IMPORTED_MODULE_1__.RichText.Content, {
tagName: "span",
@ -197,8 +199,10 @@ function save({
className: "open-close-cta",
alt: ""
}))), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", {
className: "homegrade-blocks-accordeon-panel-content__content-wrapper"
}, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_block_editor__WEBPACK_IMPORTED_MODULE_1__.InnerBlocks.Content, null)));
className: "homegrade-blocks-accordeon-panel-content__content-wrapper homegrade-dynamic-accordeon__content-wrapper"
}, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", {
className: "homegrade-dynamic-accordeon__content"
}, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_block_editor__WEBPACK_IMPORTED_MODULE_1__.InnerBlocks.Content, null))));
}
/***/ }),

File diff suppressed because one or more lines are too long

View File

@ -3,13 +3,13 @@
"apiVersion": 2,
"name": "homegrade-content-blocks/accordeon",
"version": "0.1.0",
"title": "Accordéon",
"title": "Accordéons",
"category": "homegrade-blocks",
"icon": "smiley",
"parent": [
"homegrade-content-blocks/box-monoblock"
],
"description": "Un bloc accordéon pour afficher du contenu de manière dépliable.",
"description": "Un bloc pour afficher des accordéons de contenu de manière dépliable.",
"supports": {
"html": false
},

View File

@ -1 +1 @@
<?php return array('dependencies' => array('react', 'wp-block-editor', 'wp-blocks', 'wp-element', 'wp-i18n'), 'version' => '6da27b462aea423abd1a');
<?php return array('dependencies' => array('react', 'wp-block-editor', 'wp-blocks', 'wp-element', 'wp-i18n'), 'version' => '319ede3d5c10cce1278c');

View File

@ -92,7 +92,9 @@ function Edit({
className: "open-close-cta",
alt: ""
}))), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", {
className: "homegrade-blocks-accordeon-panel-content__content-wrapper"
className: "homegrade-blocks-accordeon-panel-content__content-wrapper homegrade-dynamic-accordeon__content-wrapper"
}, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", {
className: "homegrade-dynamic-accordeon__content"
}, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_block_editor__WEBPACK_IMPORTED_MODULE_4__.InnerBlocks, {
allowedBlocks: ["homegrade-content-blocks/content-heading", "homegrade-content-blocks/text-image", "core/paragraph", "core/list", "homegrade-content-blocks/highlight", "core/button", "core/buttons"],
template: [["homegrade-content-blocks/content-heading", {
@ -107,7 +109,7 @@ function Edit({
}], ["core/list-item", {
content: "Construire, c'est bien plus que des matériaux. C'est l'art de réaliser des projets concrets"
}]]]]
}))));
})))));
}
/***/ }),
@ -184,7 +186,7 @@ function save({
} = attributes;
return (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("details", {
..._wordpress_block_editor__WEBPACK_IMPORTED_MODULE_1__.useBlockProps.save({
className: `homegrade-blocks-accordeon-panel-content`
className: `homegrade-blocks-accordeon-panel-content homegrade-dynamic-accordeon`
})
}, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("summary", null, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_block_editor__WEBPACK_IMPORTED_MODULE_1__.RichText.Content, {
tagName: "span",
@ -197,8 +199,10 @@ function save({
className: "open-close-cta",
alt: ""
}))), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", {
className: "homegrade-blocks-accordeon-panel-content__content-wrapper"
}, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_block_editor__WEBPACK_IMPORTED_MODULE_1__.InnerBlocks.Content, null)));
className: "homegrade-blocks-accordeon-panel-content__content-wrapper homegrade-dynamic-accordeon__content-wrapper"
}, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", {
className: "homegrade-dynamic-accordeon__content"
}, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_block_editor__WEBPACK_IMPORTED_MODULE_1__.InnerBlocks.Content, null))));
}
/***/ }),
@ -233,7 +237,7 @@ function Edit() {
className: `homegrade-blocks-accordeon`
})
}, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_block_editor__WEBPACK_IMPORTED_MODULE_3__.InnerBlocks, {
template: [["homegrade-content-blocks/accordeon-panel-content"]],
template: [["homegrade-content-blocks/accordeon-panel-content"], ["homegrade-content-blocks/accordeon-panel-content"]],
allowedBlocks: ["homegrade-content-blocks/accordeon-panel-content"]
}));
}
@ -424,7 +428,7 @@ module.exports = JSON.parse('{"$schema":"https://schemas.wp.org/trunk/block.json
\************************/
/***/ ((module) => {
module.exports = JSON.parse('{"$schema":"https://schemas.wp.org/trunk/block.json","apiVersion":2,"name":"homegrade-content-blocks/accordeon","version":"0.1.0","title":"Accordéon","category":"homegrade-blocks","icon":"smiley","parent":["homegrade-content-blocks/box-monoblock"],"description":"Un bloc accordéon pour afficher du contenu de manière dépliable.","supports":{"html":false},"textdomain":"homegrade-blocks","editorScript":"file:./index.js","editorStyle":"file:./index.css","style":"file:./style-index.css"}');
module.exports = JSON.parse('{"$schema":"https://schemas.wp.org/trunk/block.json","apiVersion":2,"name":"homegrade-content-blocks/accordeon","version":"0.1.0","title":"Accordéons","category":"homegrade-blocks","icon":"smiley","parent":["homegrade-content-blocks/box-monoblock"],"description":"Un bloc pour afficher des accordéons de contenu de manière dépliable.","supports":{"html":false},"textdomain":"homegrade-blocks","editorScript":"file:./index.js","editorStyle":"file:./index.css","style":"file:./style-index.css"}');
/***/ })

File diff suppressed because one or more lines are too long

View File

@ -30,61 +30,63 @@ export default function Edit({ attributes, setAttributes, ...props }) {
<img src={chevronDown} className="open-close-cta" alt="" />
</div>
</summary>
<div className="homegrade-blocks-accordeon-panel-content__content-wrapper">
<InnerBlocks
allowedBlocks={[
"homegrade-content-blocks/content-heading",
"homegrade-content-blocks/text-image",
"core/paragraph",
"core/list",
"homegrade-content-blocks/highlight",
"core/button",
"core/buttons",
]}
template={[
[
<div className="homegrade-blocks-accordeon-panel-content__content-wrapper homegrade-dynamic-accordeon__content-wrapper">
<div className="homegrade-dynamic-accordeon__content">
<InnerBlocks
allowedBlocks={[
"homegrade-content-blocks/content-heading",
{
title: "Au-delà des Murs",
headingLevel: "h5",
},
],
[
"homegrade-content-blocks/text-image",
"core/paragraph",
{
content:
"Au cœur de chaque brique réside le potentiel d'un rêve concrétisé. Les fondations solides érigent des aspirations, chaque poutre porte le poids de l'avenir. Dans ce chantier de la vie, nous sommes les bâtisseurs, sculptant nos destins avec la pierre de l'effort et du dévouement.Chaque mur raconte une histoire. Les planches assemblées parlent de défis surmontés, les clous enfoncés rappellent la persévérance. Les fenêtres laissent entrer la lumière des rêves, et le toit offre un abri pour les espoirs à venir. Chaque maison est un poème écrit avec des briques et du ciment.",
},
],
[
"core/list",
{},
"homegrade-content-blocks/highlight",
"core/button",
"core/buttons",
]}
template={[
[
"homegrade-content-blocks/content-heading",
{
title: "Au-delà des Murs",
headingLevel: "h5",
},
],
[
"core/paragraph",
{
content:
"Au cœur de chaque brique réside le potentiel d'un rêve concrétisé. Les fondations solides érigent des aspirations, chaque poutre porte le poids de l'avenir. Dans ce chantier de la vie, nous sommes les bâtisseurs, sculptant nos destins avec la pierre de l'effort et du dévouement.Chaque mur raconte une histoire. Les planches assemblées parlent de défis surmontés, les clous enfoncés rappellent la persévérance. Les fenêtres laissent entrer la lumière des rêves, et le toit offre un abri pour les espoirs à venir. Chaque maison est un poème écrit avec des briques et du ciment.",
},
],
[
"core/list",
{},
[
"core/list-item",
{
content:
"La solidité des fondations, la clé d'une construction pérenne.",
},
],
[
"core/list-item",
{
content:
"Chaque brique compte, chaque planche a son rôle",
},
],
[
"core/list-item",
{
content:
"Construire, c'est bien plus que des matériaux. C'est l'art de réaliser des projets concrets",
},
[
"core/list-item",
{
content:
"La solidité des fondations, la clé d'une construction pérenne.",
},
],
[
"core/list-item",
{
content:
"Chaque brique compte, chaque planche a son rôle",
},
],
[
"core/list-item",
{
content:
"Construire, c'est bien plus que des matériaux. C'est l'art de réaliser des projets concrets",
},
],
],
],
],
]}
/>
]}
/>
</div>
</div>
</details>
</div>

View File

@ -6,7 +6,7 @@ export default function save({ attributes }) {
return (
<details
{...useBlockProps.save({
className: `homegrade-blocks-accordeon-panel-content`,
className: `homegrade-blocks-accordeon-panel-content homegrade-dynamic-accordeon`,
})}
>
<summary>
@ -19,8 +19,11 @@ export default function save({ attributes }) {
<img src={chevronDown} className="open-close-cta" alt="" />
</div>
</summary>
<div className="homegrade-blocks-accordeon-panel-content__content-wrapper">
<InnerBlocks.Content />
<div className="homegrade-blocks-accordeon-panel-content__content-wrapper homegrade-dynamic-accordeon__content-wrapper">
<div className="homegrade-dynamic-accordeon__content">
<InnerBlocks.Content />
</div>
</div>
</details>
);

View File

@ -3,13 +3,13 @@
"apiVersion": 2,
"name": "homegrade-content-blocks/accordeon",
"version": "0.1.0",
"title": "Accordéon",
"title": "Accordéons",
"category": "homegrade-blocks",
"icon": "smiley",
"parent": [
"homegrade-content-blocks/box-monoblock"
],
"description": "Un bloc accordéon pour afficher du contenu de manière dépliable.",
"description": "Un bloc pour afficher des accordéons de contenu de manière dépliable.",
"supports": {
"html": false
},

View File

@ -16,7 +16,10 @@ export default function Edit() {
})}
>
<InnerBlocks
template={[["homegrade-content-blocks/accordeon-panel-content"]]}
template={[
["homegrade-content-blocks/accordeon-panel-content"],
["homegrade-content-blocks/accordeon-panel-content"],
]}
allowedBlocks={["homegrade-content-blocks/accordeon-panel-content"]}
/>
</div>