Antoine/homegrade_blocks_production
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

externalizing figure block

Browse Source
This commit is contained in:
Antoine M 2024-07-09 15:24:39 +02:00
parent bd3f2f39fc
commit 795b78c9c6
16 changed files with 26 additions and 370 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
blocks/card-free/build/figure/index.asset.php
View File

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

4
blocks/card-free/build/figure/index.js
View File

@ -351,7 +351,7 @@ module.exports = /*#__PURE__*/JSON.parse('{"$schema":"https://schemas.wp.org/tru
/******/ // [resolve, reject, Promise] = chunk loading, 0 = chunk loaded
/******/ var installedChunks = {
/******/ "figure/index": 0,
/******/ "./style-index": 0
/******/ "figure/style-index": 0
/******/ };
/******/
/******/ // no chunk on demand loading
@ -401,7 +401,7 @@ module.exports = /*#__PURE__*/JSON.parse('{"$schema":"https://schemas.wp.org/tru
/******/ // 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/figure/index.js")))
/******/ var __webpack_exports__ = __webpack_require__.O(undefined, ["figure/style-index"], () => (__webpack_require__("./src/figure/index.js")))
/******/ __webpack_exports__ = __webpack_require__.O(__webpack_exports__);
/******/
/******/ })()

2
blocks/card-free/build/figure/index.js.map
View File

File diff suppressed because one or more lines are too long

4
blocks/card-free/build/figure/style-index.css Normal file
View File

@ -0,0 +1,4 @@
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
!*** css ./node_modules/.pnpm/css-loader@6.10.0_webpack@5.90.3/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/.pnpm/postcss-loader@6.2.1_postcss@8.4.35_webpack@5.90.3/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/.pnpm/sass-loader@12.6.0_sass@1.71.1_webpack@5.90.3/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./src/figure/style.scss ***!
\*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

2
blocks/card-free/build/index.asset.php
View File

@ -1 +1 @@
<?php return array('dependencies' => array('react', 'wp-block-editor', 'wp-blocks', 'wp-components', 'wp-element', 'wp-i18n', 'wp-primitives'), 'version' => 'e322077b4b59507dca4c');
<?php return array('dependencies' => array('react', 'wp-block-editor', 'wp-blocks', 'wp-components', 'wp-element', 'wp-i18n', 'wp-primitives'), 'version' => '077d7cd050ff5f198e7c');

4
blocks/card-free/build/index.css
View File

@ -2,7 +2,3 @@
!*** css ./node_modules/.pnpm/css-loader@6.10.0_webpack@5.90.3/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/.pnpm/postcss-loader@6.2.1_postcss@8.4.35_webpack@5.90.3/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/.pnpm/sass-loader@12.6.0_sass@1.71.1_webpack@5.90.3/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./src/editor.scss ***!
\***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
!*** css ./node_modules/.pnpm/css-loader@6.10.0_webpack@5.90.3/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/.pnpm/postcss-loader@6.2.1_postcss@8.4.35_webpack@5.90.3/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/.pnpm/sass-loader@12.6.0_sass@1.71.1_webpack@5.90.3/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./src/figure/editor.scss ***!
\******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

230
blocks/card-free/build/index.js
View File

@ -17,15 +17,13 @@ __webpack_require__.r(__webpack_exports__);
/* 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 _figure__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./figure */ "./src/figure/index.js");
/* harmony import */ var _wordpress_block_editor__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @wordpress/block-editor */ "@wordpress/block-editor");
/* harmony import */ var _wordpress_block_editor__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_wordpress_block_editor__WEBPACK_IMPORTED_MODULE_4__);
/* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @wordpress/components */ "@wordpress/components");
/* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(_wordpress_components__WEBPACK_IMPORTED_MODULE_5__);
/* harmony import */ var _wordpress_icons__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! @wordpress/icons */ "../../node_modules/@wordpress/icons/build-module/library/position-left.js");
/* harmony import */ var _wordpress_icons__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! @wordpress/icons */ "../../node_modules/@wordpress/icons/build-module/library/position-center.js");
/* harmony import */ var _wordpress_icons__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! @wordpress/icons */ "../../node_modules/@wordpress/icons/build-module/library/position-right.js");
/* 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__);
/* harmony import */ var _wordpress_icons__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @wordpress/icons */ "../../node_modules/@wordpress/icons/build-module/library/position-left.js");
/* harmony import */ var _wordpress_icons__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! @wordpress/icons */ "../../node_modules/@wordpress/icons/build-module/library/position-center.js");
/* harmony import */ var _wordpress_icons__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! @wordpress/icons */ "../../node_modules/@wordpress/icons/build-module/library/position-right.js");
@ -45,199 +43,35 @@ function Edit({
contentAlign
});
}
return (0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)(react__WEBPACK_IMPORTED_MODULE_0__.Fragment, null, (0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_block_editor__WEBPACK_IMPORTED_MODULE_4__.BlockControls, null, (0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_5__.Toolbar, {
return (0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)(react__WEBPACK_IMPORTED_MODULE_0__.Fragment, null, (0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_block_editor__WEBPACK_IMPORTED_MODULE_3__.BlockControls, null, (0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_4__.Toolbar, {
label: "Options"
}, (0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_5__.ToolbarDropdownMenu, {
icon: contentAlign === "left" ? _wordpress_icons__WEBPACK_IMPORTED_MODULE_6__["default"] : contentAlign === "center" ? _wordpress_icons__WEBPACK_IMPORTED_MODULE_7__["default"] : _wordpress_icons__WEBPACK_IMPORTED_MODULE_8__["default"],
}, (0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_4__.ToolbarDropdownMenu, {
icon: contentAlign === "left" ? _wordpress_icons__WEBPACK_IMPORTED_MODULE_5__["default"] : contentAlign === "center" ? _wordpress_icons__WEBPACK_IMPORTED_MODULE_6__["default"] : _wordpress_icons__WEBPACK_IMPORTED_MODULE_7__["default"],
label: "Alignement du titrage",
controls: [{
title: "Gauche",
icon: _wordpress_icons__WEBPACK_IMPORTED_MODULE_6__["default"],
icon: _wordpress_icons__WEBPACK_IMPORTED_MODULE_5__["default"],
onClick: () => onChangeContentAlignment("left")
}, {
title: "Centré",
icon: _wordpress_icons__WEBPACK_IMPORTED_MODULE_7__["default"],
icon: _wordpress_icons__WEBPACK_IMPORTED_MODULE_6__["default"],
onClick: () => onChangeContentAlignment("center")
}, {
title: "Droite",
icon: _wordpress_icons__WEBPACK_IMPORTED_MODULE_8__["default"],
icon: _wordpress_icons__WEBPACK_IMPORTED_MODULE_7__["default"],
onClick: () => onChangeContentAlignment("right")
}]
}))), (0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", {
...(0,_wordpress_block_editor__WEBPACK_IMPORTED_MODULE_4__.useBlockProps)({
...(0,_wordpress_block_editor__WEBPACK_IMPORTED_MODULE_3__.useBlockProps)({
className: `homegrade-blocks-card homegrade-blocks-card--align-${contentAlign}`
})
}, (0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_block_editor__WEBPACK_IMPORTED_MODULE_4__.InnerBlocks, {
}, (0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_block_editor__WEBPACK_IMPORTED_MODULE_3__.InnerBlocks, {
allowedBlocks: ["core/paragraph", "homegrade-content-blocks/content-heading", "homegrade-content-blocks/figure", "core/image", "core/button", "core/buttons"]
})));
}
/***/ }),
/***/ "./src/figure/edit.js":
/*!****************************!*\
!*** ./src/figure/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 react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__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/figure/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__);
function Edit({
attributes,
setAttributes,
...props
}) {
let {
figure,
title,
caption
} = attributes;
function onTitleChange(title) {
setAttributes({
title
});
}
function onFigureChange(figure) {
setAttributes({
figure
});
}
function onCaptionChange(caption) {
setAttributes({
caption
});
}
return (0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)(react__WEBPACK_IMPORTED_MODULE_0__.Fragment, null, (0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)("figure", {
...(0,_wordpress_block_editor__WEBPACK_IMPORTED_MODULE_3__.useBlockProps)({
className: `homegrade-blocks-figure`
})
}, (0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_block_editor__WEBPACK_IMPORTED_MODULE_3__.RichText, {
tagName: "h3",
onChange: onFigureChange,
value: figure,
className: "homegrade-blocks-figure__figure",
placeholder: "Chiffre"
}), (0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_block_editor__WEBPACK_IMPORTED_MODULE_3__.RichText, {
tagName: "p",
onChange: onTitleChange,
value: title,
placeholder: "Sous titre du chiffre",
className: "homegrade-blocks-figure__title"
}), (0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)("figcaption", {
className: "homegrade-blocks-figure__caption"
}, (0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_block_editor__WEBPACK_IMPORTED_MODULE_3__.RichText, {
tagName: "p",
onChange: onCaptionChange,
value: caption,
placeholder: "explication"
}))));
}
/***/ }),
/***/ "./src/figure/index.js":
/*!*****************************!*\
!*** ./src/figure/index.js ***!
\*****************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
__webpack_require__.r(__webpack_exports__);
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__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/figure/style.scss");
/* harmony import */ var _block_json__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./block.json */ "./src/figure/block.json");
/* harmony import */ var _edit__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./edit */ "./src/figure/edit.js");
/* harmony import */ var _save__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./save */ "./src/figure/save.js");
(0,_wordpress_blocks__WEBPACK_IMPORTED_MODULE_1__.registerBlockType)(_block_json__WEBPACK_IMPORTED_MODULE_3__.name, {
title: _block_json__WEBPACK_IMPORTED_MODULE_3__.title,
icon: {
foreground: "#DF1E1E",
src: (0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)("svg", {
id: "Calque_1",
"data-name": "Calque 1",
xmlns: "http://www.w3.org/2000/svg",
viewBox: "0 0 100 100"
}, (0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)("defs", null), (0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)("path", {
class: "cls-1",
d: "m92.32,41.54v-16.93h-11.68l3.05-15.27-16.6-3.32-3.72,18.59h-16.59l3.05-15.27-16.6-3.32-3.72,18.59H7.68v16.93h18.45l-3.39,16.93H7.68v16.93h11.68l-3.06,15.27,16.6,3.32,3.72-18.59h16.59l-3.06,15.27,16.6,3.32,3.72-18.59h21.84v-16.93h-18.46l3.39-16.93h15.07Zm-35.72,16.93h-16.6l3.39-16.93h16.6l-3.39,16.93Z"
}))
},
supports: _block_json__WEBPACK_IMPORTED_MODULE_3__.supports,
attributes: _block_json__WEBPACK_IMPORTED_MODULE_3__.attributes,
edit: _edit__WEBPACK_IMPORTED_MODULE_4__["default"],
save: _save__WEBPACK_IMPORTED_MODULE_5__["default"]
});
/***/ }),
/***/ "./src/figure/save.js":
/*!****************************!*\
!*** ./src/figure/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 react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var _wordpress_block_editor__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/block-editor */ "@wordpress/block-editor");
/* harmony import */ var _wordpress_block_editor__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_block_editor__WEBPACK_IMPORTED_MODULE_1__);
function save({
attributes
}) {
let {
figure,
title,
caption
} = attributes;
return (0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)("figure", {
..._wordpress_block_editor__WEBPACK_IMPORTED_MODULE_1__.useBlockProps.save({
className: `homegrade-blocks-figure`
})
}, (0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_block_editor__WEBPACK_IMPORTED_MODULE_1__.RichText.Content, {
tagName: "h3",
value: figure,
className: "homegrade-blocks-figure__figure"
}), (0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_block_editor__WEBPACK_IMPORTED_MODULE_1__.RichText.Content, {
tagName: "p",
value: title,
className: "homegrade-blocks-figure__title"
}), (0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)("figcaption", {
className: "homegrade-blocks-figure__caption"
}, (0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_block_editor__WEBPACK_IMPORTED_MODULE_1__.RichText.Content, {
tagName: "p",
value: caption
})));
}
/***/ }),
/***/ "./src/index.js":
/*!**********************!*\
!*** ./src/index.js ***!
@ -323,30 +157,6 @@ __webpack_require__.r(__webpack_exports__);
// extracted by mini-css-extract-plugin
/***/ }),
/***/ "./src/figure/editor.scss":
/*!********************************!*\
!*** ./src/figure/editor.scss ***!
\********************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
__webpack_require__.r(__webpack_exports__);
// extracted by mini-css-extract-plugin
/***/ }),
/***/ "./src/figure/style.scss":
/*!*******************************!*\
!*** ./src/figure/style.scss ***!
\*******************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
__webpack_require__.r(__webpack_exports__);
// extracted by mini-css-extract-plugin
/***/ }),
/***/ "./src/style.scss":
@ -532,16 +342,6 @@ module.exports = window["wp"]["primitives"];
module.exports = /*#__PURE__*/JSON.parse('{"$schema":"https://schemas.wp.org/trunk/block.json","apiVersion":2,"name":"homegrade-content-blocks/card-free","version":"0.1.0","title":"Carte librable","category":"homegrade-blocks","description":"Carte à insérer dans des colonnes","supports":{"html":false},"parent":["homegrade-content-blocks/column-cards"],"editorScript":"file:./index.js","editorStyle":"file:./index.css","style":"file:./style-index.css","attributes":{"childName":{"type":"string"},"contentAlign":{"type":"string","default":"left"}}}');
/***/ }),
/***/ "./src/figure/block.json":
/*!*******************************!*\
!*** ./src/figure/block.json ***!
\*******************************/
/***/ ((module) => {
module.exports = /*#__PURE__*/JSON.parse('{"$schema":"https://schemas.wp.org/trunk/block.json","apiVersion":2,"name":"homegrade-content-blocks/figure","version":"0.1.0","title":"Figure","category":"homegrade-blocks","description":"Figure","supports":{"html":false},"editorScript":"file:./index.js","editorStyle":"file:./index.css","style":"file:./style-index.css","attributes":{"figure":{"type":"string"},"title":{"type":"string"},"caption":{"type":"string"}}}');
/***/ })
/******/ });

2
blocks/card-free/build/index.js.map
View File

File diff suppressed because one or more lines are too long

4
blocks/card-free/build/style-index.css
View File

@ -2,7 +2,3 @@
!*** css ./node_modules/.pnpm/css-loader@6.10.0_webpack@5.90.3/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/.pnpm/postcss-loader@6.2.1_postcss@8.4.35_webpack@5.90.3/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/.pnpm/sass-loader@12.6.0_sass@1.71.1_webpack@5.90.3/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./src/style.scss ***!
\**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
!*** css ./node_modules/.pnpm/css-loader@6.10.0_webpack@5.90.3/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/.pnpm/postcss-loader@6.2.1_postcss@8.4.35_webpack@5.90.3/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/.pnpm/sass-loader@12.6.0_sass@1.71.1_webpack@5.90.3/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./src/figure/style.scss ***!
\*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

3
blocks/card-free/src/edit.js
View File

@ -1,10 +1,9 @@
import { __ } from "@wordpress/i18n";
import "./editor.scss";
import "./figure";
import {
useBlockProps,
InnerBlocks,
InspectorControls,
BlockControls,
} from "@wordpress/block-editor";
import { Toolbar, ToolbarDropdownMenu } from "@wordpress/components";

26
blocks/card-free/src/figure/block.json
View File

@ -1,26 +0,0 @@
{
"$schema": "https://schemas.wp.org/trunk/block.json",
"apiVersion": 2,
"name": "homegrade-content-blocks/figure",
"version": "0.1.0",
"title": "Figure",
"category": "homegrade-blocks",
"description": "Figure",
"supports": {
"html": false
},
"editorScript": "file:./index.js",
"editorStyle": "file:./index.css",
"style": "file:./style-index.css",
"attributes": {
"figure": {
"type": "string"
},
"title": {
"type": "string"
},
"caption": {
"type": "string"
}
}
}

51
blocks/card-free/src/figure/edit.js
View File

@ -1,51 +0,0 @@
import { __ } from "@wordpress/i18n";
import "./editor.scss";
import { useBlockProps, RichText } from "@wordpress/block-editor";
export default function Edit({ attributes, setAttributes, ...props }) {
let { figure, title, caption } = attributes;
function onTitleChange(title) {
setAttributes({ title });
}
function onFigureChange(figure) {
setAttributes({ figure });
}
function onCaptionChange(caption) {
setAttributes({ caption });
}
return (
<>
<figure
{...useBlockProps({
className: `homegrade-blocks-figure`,
})}
>
<RichText
tagName="h3"
onChange={onFigureChange}
value={figure}
className="homegrade-blocks-figure__figure"
placeholder="Chiffre"
/>
<RichText
tagName="p"
onChange={onTitleChange}
value={title}
placeholder="Sous titre du chiffre"
className="homegrade-blocks-figure__title"
/>
<figcaption className="homegrade-blocks-figure__caption">
<RichText
tagName="p"
onChange={onCaptionChange}
value={caption}
placeholder="explication"
/>
</figcaption>
</figure>
</>
);
}

1
blocks/card-free/src/figure/editor.scss
View File

@ -1 +0,0 @@
// THE STYLE IS HANDLED IN PARENT BLOCK (timeline)

34
blocks/card-free/src/figure/index.js
View File

@ -1,34 +0,0 @@
import { registerBlockType } from "@wordpress/blocks";
import "./style.scss";
import metadata from "./block.json";
import Edit from "./edit";
import Save from "./save";
import { column } from "@wordpress/icons";
registerBlockType(metadata.name, {
title: metadata.title,
icon: {
foreground: "#DF1E1E",
src: (
<svg
id="Calque_1"
data-name="Calque 1"
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 100 100"
>
<defs></defs>
<path
class="cls-1"
d="m92.32,41.54v-16.93h-11.68l3.05-15.27-16.6-3.32-3.72,18.59h-16.59l3.05-15.27-16.6-3.32-3.72,18.59H7.68v16.93h18.45l-3.39,16.93H7.68v16.93h11.68l-3.06,15.27,16.6,3.32,3.72-18.59h16.59l-3.06,15.27,16.6,3.32,3.72-18.59h21.84v-16.93h-18.46l3.39-16.93h15.07Zm-35.72,16.93h-16.6l3.39-16.93h16.6l-3.39,16.93Z"
/>
</svg>
),
},
supports: metadata.supports,
attributes: metadata.attributes,
edit: Edit,
save: Save,
});

26
blocks/card-free/src/figure/save.js
View File

@ -1,26 +0,0 @@
import { useBlockProps, RichText, InnerBlocks } from "@wordpress/block-editor";
export default function save({ attributes }) {
let { figure, title, caption } = attributes;
return (
<figure
{...useBlockProps.save({
className: `homegrade-blocks-figure`,
})}
>
<RichText.Content
tagName="h3"
value={figure}
className="homegrade-blocks-figure__figure"
/>
<RichText.Content
tagName="p"
value={title}
className="homegrade-blocks-figure__title"
/>
<figcaption className="homegrade-blocks-figure__caption">
<RichText.Content tagName="p" value={caption} />
</figcaption>
</figure>
);
}

1
blocks/card-free/src/figure/style.scss
View File

@ -1 +0,0 @@
// THE STYLE IS HANDLED IN PARENT BLOCK (timeline)