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", className: "open-close-cta",
alt: "" alt: ""
}))), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", { }))), (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, { }, (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"], 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", { template: [["homegrade-content-blocks/content-heading", {
@ -107,7 +109,7 @@ function Edit({
}], ["core/list-item", { }], ["core/list-item", {
content: "Construire, c'est bien plus que des matériaux. C'est l'art de réaliser des projets concrets" 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; } = attributes;
return (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("details", { return (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("details", {
..._wordpress_block_editor__WEBPACK_IMPORTED_MODULE_1__.useBlockProps.save({ ..._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, { }, (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", tagName: "span",
@ -197,8 +199,10 @@ function save({
className: "open-close-cta", className: "open-close-cta",
alt: "" alt: ""
}))), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", { }))), (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)(_wordpress_block_editor__WEBPACK_IMPORTED_MODULE_1__.InnerBlocks.Content, null))); }, (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, "apiVersion": 2,
"name": "homegrade-content-blocks/accordeon", "name": "homegrade-content-blocks/accordeon",
"version": "0.1.0", "version": "0.1.0",
"title": "Accordéon", "title": "Accordéons",
"category": "homegrade-blocks", "category": "homegrade-blocks",
"icon": "smiley", "icon": "smiley",
"parent": [ "parent": [
"homegrade-content-blocks/box-monoblock" "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": { "supports": {
"html": false "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", className: "open-close-cta",
alt: "" alt: ""
}))), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", { }))), (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, { }, (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"], 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", { template: [["homegrade-content-blocks/content-heading", {
@ -107,7 +109,7 @@ function Edit({
}], ["core/list-item", { }], ["core/list-item", {
content: "Construire, c'est bien plus que des matériaux. C'est l'art de réaliser des projets concrets" 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; } = attributes;
return (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("details", { return (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("details", {
..._wordpress_block_editor__WEBPACK_IMPORTED_MODULE_1__.useBlockProps.save({ ..._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, { }, (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", tagName: "span",
@ -197,8 +199,10 @@ function save({
className: "open-close-cta", className: "open-close-cta",
alt: "" alt: ""
}))), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", { }))), (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)(_wordpress_block_editor__WEBPACK_IMPORTED_MODULE_1__.InnerBlocks.Content, null))); }, (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` className: `homegrade-blocks-accordeon`
}) })
}, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_block_editor__WEBPACK_IMPORTED_MODULE_3__.InnerBlocks, { }, (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"] 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) => {
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,7 +30,8 @@ export default function Edit({ attributes, setAttributes, ...props }) {
<img src={chevronDown} className="open-close-cta" alt="" /> <img src={chevronDown} className="open-close-cta" alt="" />
</div> </div>
</summary> </summary>
<div className="homegrade-blocks-accordeon-panel-content__content-wrapper"> <div className="homegrade-blocks-accordeon-panel-content__content-wrapper homegrade-dynamic-accordeon__content-wrapper">
<div className="homegrade-dynamic-accordeon__content">
<InnerBlocks <InnerBlocks
allowedBlocks={[ allowedBlocks={[
"homegrade-content-blocks/content-heading", "homegrade-content-blocks/content-heading",
@ -86,6 +87,7 @@ export default function Edit({ attributes, setAttributes, ...props }) {
]} ]}
/> />
</div> </div>
</div>
</details> </details>
</div> </div>
); );

View File

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

View File

@ -3,13 +3,13 @@
"apiVersion": 2, "apiVersion": 2,
"name": "homegrade-content-blocks/accordeon", "name": "homegrade-content-blocks/accordeon",
"version": "0.1.0", "version": "0.1.0",
"title": "Accordéon", "title": "Accordéons",
"category": "homegrade-blocks", "category": "homegrade-blocks",
"icon": "smiley", "icon": "smiley",
"parent": [ "parent": [
"homegrade-content-blocks/box-monoblock" "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": { "supports": {
"html": false "html": false
}, },

View File

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