passing combobox control instead of select control

This commit is contained in:
Antoine M 2023-10-04 14:39:00 +02:00
parent 9ead7e7972
commit 0ac5829ffe
4 changed files with 21 additions and 8 deletions

View File

@ -1 +1 @@
<?php return array('dependencies' => array('wp-block-editor', 'wp-blocks', 'wp-components', 'wp-data', 'wp-element', 'wp-html-entities', 'wp-i18n'), 'version' => '53ba63544a9275dbaa4d'); <?php return array('dependencies' => array('wp-block-editor', 'wp-blocks', 'wp-components', 'wp-data', 'wp-element', 'wp-html-entities', 'wp-i18n'), 'version' => '93aa1bb3eceec274510e');

View File

@ -66,7 +66,7 @@ function OptionsSelectControl({
if (relatedPossiblePages) { if (relatedPossiblePages) {
options.push({ options.push({
value: 0, value: 0,
label: "Select a page" label: "Selectionnez une page"
}); });
relatedPossiblePages.forEach(page => { relatedPossiblePages.forEach(page => {
options.push({ options.push({
@ -115,7 +115,7 @@ function OptionsSelectControl({
let panelTitle = postParentTaxonomy ? "Questions " + postParentTaxonomy.name : postMainTaxonomy ? "Questions " + postMainTaxonomy.name : null; let panelTitle = postParentTaxonomy ? "Questions " + postParentTaxonomy.name : postMainTaxonomy ? "Questions " + postMainTaxonomy.name : null;
return (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_block_editor__WEBPACK_IMPORTED_MODULE_2__.InspectorControls, null, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_3__.PanelBody, { return (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_block_editor__WEBPACK_IMPORTED_MODULE_2__.InspectorControls, null, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_3__.PanelBody, {
title: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)("Question Relié", "homegrade-blocks__texte-fonctionnel") title: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)("Question Relié", "homegrade-blocks__texte-fonctionnel")
}, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_3__.SelectControl, { }, relatedQuestionPages && (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_3__.ComboboxControl, {
label: panelTitle, label: panelTitle,
value: relatedPostId, value: relatedPostId,
options: relatedQuestionPages, options: relatedQuestionPages,

File diff suppressed because one or more lines are too long

View File

@ -1,6 +1,10 @@
import { __ } from "@wordpress/i18n"; import { __ } from "@wordpress/i18n";
import { InspectorControls } from "@wordpress/block-editor"; import { InspectorControls } from "@wordpress/block-editor";
import { PanelBody, SelectControl } from "@wordpress/components"; import {
PanelBody,
SelectControl,
ComboboxControl,
} from "@wordpress/components";
import "./editor.scss"; import "./editor.scss";
import { useSelect } from "@wordpress/data"; import { useSelect } from "@wordpress/data";
import { useEffect, useState } from "@wordpress/element"; import { useEffect, useState } from "@wordpress/element";
@ -34,7 +38,7 @@ export default function OptionsSelectControl({ setAttributes, relatedPostId }) {
function buildSelectOptions(relatedPossiblePages) { function buildSelectOptions(relatedPossiblePages) {
let options = []; let options = [];
if (relatedPossiblePages) { if (relatedPossiblePages) {
options.push({ value: 0, label: "Select a page" }); options.push({ value: 0, label: "Selectionnez une page" });
relatedPossiblePages.forEach((page) => { relatedPossiblePages.forEach((page) => {
options.push({ options.push({
value: page.id, value: page.id,
@ -107,12 +111,21 @@ export default function OptionsSelectControl({ setAttributes, relatedPostId }) {
<PanelBody <PanelBody
title={__("Question Relié", "homegrade-blocks__texte-fonctionnel")} title={__("Question Relié", "homegrade-blocks__texte-fonctionnel")}
> >
<SelectControl {/* <SelectControl
label={panelTitle} label={panelTitle}
value={relatedPostId} value={relatedPostId}
options={relatedQuestionPages} options={relatedQuestionPages}
onChange={(e) => handleRelatedPostChange(e)} onChange={(e) => handleRelatedPostChange(e)}
/> /> */}
{relatedQuestionPages && (
<ComboboxControl
label={panelTitle}
value={relatedPostId}
options={relatedQuestionPages}
onChange={(e) => handleRelatedPostChange(e)}
/>
)}
</PanelBody> </PanelBody>
</InspectorControls> </InspectorControls>
); );