extending features and working on innerblocks

blocks/accordeon/build/accordeon-panel-content/block.json

@@ -14,7 +14,8 @@
   "style": "file:./style-index.css",
   "attributes": {
     "panelTitle": {
-      "type": "string"
+      "type": "string",
+      "default": "Chaque brique compte, chaque planche a son rôle"
     }
   }
 }

blocks/accordeon/build/accordeon-panel-content/index.asset.php

@@ -1 +1 @@
-<?php return array('dependencies' => array('react', 'wp-block-editor', 'wp-blocks', 'wp-element', 'wp-i18n'), 'version' => '4b10b7adc49120d5b43a');
+<?php return array('dependencies' => array('react', 'wp-block-editor', 'wp-blocks', 'wp-element', 'wp-i18n'), 'version' => 'b4f7dfe0e7d35ce63e9a');

blocks/accordeon/build/accordeon-panel-content/index.js

@@ -75,7 +75,7 @@ function Edit({
       panelTitle
     });
   }
-  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)("details", {
+  return (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", null, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("details", {
     ...(0,_wordpress_block_editor__WEBPACK_IMPORTED_MODULE_4__.useBlockProps)({
       className: `homegrade-blocks-accordeon-panel-content`
     })
@@ -94,12 +94,19 @@ function Edit({
   }))), (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_4__.InnerBlocks, {
-    allowedBlocks: ["homegrade-content-blocks/text-image", "core/paragraph"],
+    allowedBlocks: ["homegrade-content-blocks/content-heading", "homegrade-content-blocks/text-image", "core/paragraph", "core/list"],
-    template: [["core/paragraph", {
+    template: [["homegrade-content-blocks/content-heading", {
-      value: "Contenu du Panneau Dépliable",
+      title: "Au-delà des Murs",
-      placeholder: "Contenu du Panneau Dépliable",
+      headingLevel: "h5"
-      className: "homegrade-blocks-accordeon-panel-content__content"
+    }], ["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"
+    }]]]]
   }))));
 }
 
@@ -276,7 +283,7 @@ module.exports = window["wp"]["i18n"];
   \************************************************/
 /***/ ((module) => {
 
-module.exports = JSON.parse('{"$schema":"https://schemas.wp.org/trunk/block.json","apiVersion":2,"name":"homegrade-content-blocks/accordeon-panel-content","version":"0.1.0","title":"Contenu dépliable","category":"homegrade-blocks","description":"Panneau de Contenu dépliable à insérer dans un bloc Accordéon","supports":{"html":false},"editorScript":"file:./index.js","editorStyle":"file:./index.css","style":"file:./style-index.css","attributes":{"panelTitle":{"type":"string"}}}');
+module.exports = JSON.parse('{"$schema":"https://schemas.wp.org/trunk/block.json","apiVersion":2,"name":"homegrade-content-blocks/accordeon-panel-content","version":"0.1.0","title":"Contenu dépliable","category":"homegrade-blocks","description":"Panneau de Contenu dépliable à insérer dans un bloc Accordéon","supports":{"html":false},"editorScript":"file:./index.js","editorStyle":"file:./index.css","style":"file:./style-index.css","attributes":{"panelTitle":{"type":"string","default":"Chaque brique compte, chaque planche a son rôle"}}}');
 
 /***/ })
 

blocks/accordeon/build/index.asset.php

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

blocks/accordeon/build/index.css

@@ -1,12 +1,17 @@
 /*!****************************************************************************************************************************************************************************************************************************************!*\
   !*** 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-staff-list .homegrade-blocks-staff-list__staff-list {
+.homegrade-blocks-accordeon {
-  display: unset;
+  width: 100%;
 }
-.homegrade-blocks-staff-list .block-editor-block-list__layout {
+.homegrade-blocks-accordeon .block-editor-inner-blocks {
-  display: grid;
+  width: 100%;
-  grid-template-columns: repeat(3, 1fr);
+}
+.homegrade-blocks-accordeon .block-editor-inner-blocks .block-editor-block-list__block {
+  width: 100%;
+}
+.homegrade-blocks-accordeon .block-editor-block-list__layout {
+  width: 100% !important;
 }
 /*!****************************************************************************************************************************************************************************************************************************************************************!*\
   !*** 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/accordeon-panel-content/editor.scss ***!

blocks/accordeon/build/index.css.map

@@ -1 +1 @@
-{"version":3,"file":"index.css","mappings":";;;AACC;EACC;AAAF;AAEC;EACC;EACA;AAAF,C","sources":["webpack://multiblocks/./src/editor.scss"],"sourcesContent":[".homegrade-blocks-staff-list {\r\n\t.homegrade-blocks-staff-list__staff-list {\r\n\t\tdisplay: unset;\r\n\t}\r\n\t.block-editor-block-list__layout {\r\n\t\tdisplay: grid;\r\n\t\tgrid-template-columns: repeat(3, 1fr);\r\n\t}\r\n}\r\n"],"names":[],"sourceRoot":""}
+{"version":3,"file":"index.css","mappings":";;;AAAA;EACC;AACD;AAAC;EACC;AAEF;AADE;EACC;AAGH;AAAC;EACC;AAEF,C","sources":["webpack://multiblocks/./src/editor.scss"],"sourcesContent":[".homegrade-blocks-accordeon {\r\n\twidth: 100%;\r\n\t.block-editor-inner-blocks {\r\n\t\twidth: 100%;\r\n\t\t.block-editor-block-list__block {\r\n\t\t\twidth: 100%;\r\n\t\t}\r\n\t}\r\n\t.block-editor-block-list__layout {\r\n\t\twidth: 100% !important\t;\r\n\t}\r\n}\r\n"],"names":[],"sourceRoot":""}

blocks/accordeon/build/index.js

@@ -75,7 +75,7 @@ function Edit({
       panelTitle
     });
   }
-  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)("details", {
+  return (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", null, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("details", {
     ...(0,_wordpress_block_editor__WEBPACK_IMPORTED_MODULE_4__.useBlockProps)({
       className: `homegrade-blocks-accordeon-panel-content`
     })
@@ -94,12 +94,19 @@ function Edit({
   }))), (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_4__.InnerBlocks, {
-    allowedBlocks: ["homegrade-content-blocks/text-image", "core/paragraph"],
+    allowedBlocks: ["homegrade-content-blocks/content-heading", "homegrade-content-blocks/text-image", "core/paragraph", "core/list"],
-    template: [["core/paragraph", {
+    template: [["homegrade-content-blocks/content-heading", {
-      value: "Contenu du Panneau Dépliable",
+      title: "Au-delà des Murs",
-      placeholder: "Contenu du Panneau Dépliable",
+      headingLevel: "h5"
-      className: "homegrade-blocks-accordeon-panel-content__content"
+    }], ["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"
+    }]]]]
   }))));
 }
 
@@ -226,6 +233,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"]],
     allowedBlocks: ["homegrade-content-blocks/accordeon-panel-content"]
   }));
 }
@@ -406,7 +414,7 @@ module.exports = window["wp"]["i18n"];
   \************************************************/
 /***/ ((module) => {
 
-module.exports = JSON.parse('{"$schema":"https://schemas.wp.org/trunk/block.json","apiVersion":2,"name":"homegrade-content-blocks/accordeon-panel-content","version":"0.1.0","title":"Contenu dépliable","category":"homegrade-blocks","description":"Panneau de Contenu dépliable à insérer dans un bloc Accordéon","supports":{"html":false},"editorScript":"file:./index.js","editorStyle":"file:./index.css","style":"file:./style-index.css","attributes":{"panelTitle":{"type":"string"}}}');
+module.exports = JSON.parse('{"$schema":"https://schemas.wp.org/trunk/block.json","apiVersion":2,"name":"homegrade-content-blocks/accordeon-panel-content","version":"0.1.0","title":"Contenu dépliable","category":"homegrade-blocks","description":"Panneau de Contenu dépliable à insérer dans un bloc Accordéon","supports":{"html":false},"editorScript":"file:./index.js","editorStyle":"file:./index.css","style":"file:./style-index.css","attributes":{"panelTitle":{"type":"string","default":"Chaque brique compte, chaque planche a son rôle"}}}');
 
 /***/ }),
 

blocks/accordeon/src/accordeon-panel-content/block.json

@@ -14,7 +14,8 @@
 	"style": "file:./style-index.css",
 	"attributes": {
 		"panelTitle": {
-			"type": "string"
+			"type": "string",
+			"default": "Chaque brique compte, chaque planche a son rôle"
 		}
 	}
 }

blocks/accordeon/src/accordeon-panel-content/edit.js

@@ -12,7 +12,7 @@ export default function Edit({ attributes, setAttributes, ...props }) {
 	}
 
 	return (
-		<>
+		<div>
 			<details
 				{...useBlockProps({
 					className: `homegrade-blocks-accordeon-panel-content`,
@@ -33,23 +33,57 @@ export default function Edit({ attributes, setAttributes, ...props }) {
 				<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",
 						]}
 						template={[
+							[
+								"homegrade-content-blocks/content-heading",
+								{
+									title: "Au-delà des Murs",
+									headingLevel: "h5",
+								},
+							],
 							[
 								"core/paragraph",
 								{
-									value: "Contenu du Panneau Dépliable",
+									content:
-									placeholder: "Contenu du Panneau Dépliable",
+										"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.",
-									className:
-										"homegrade-blocks-accordeon-panel-content__content",
 								},
 							],
+							[
+								"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",
+										},
+									],
+								],
+							],
 						]}
 					/>
 				</div>
 			</details>
-		</>
+		</div>
 	);
 }

blocks/accordeon/src/edit.js

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

blocks/accordeon/src/editor.scss

@@ -1,9 +1,12 @@
-.homegrade-blocks-staff-list {
+.homegrade-blocks-accordeon {
-	.homegrade-blocks-staff-list__staff-list {
+	width: 100%;
-		display: unset;
+	.block-editor-inner-blocks {
+		width: 100%;
+		.block-editor-block-list__block {
+			width: 100%;
+		}
 	}
 	.block-editor-block-list__layout {
-		display: grid;
+		width: 100% !important	;
-		grid-template-columns: repeat(3, 1fr);
 	}
 }