Steve-Dee-Designs
/
woocommerce
mirror of https://github.com/woocommerce/woocommerce.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Adjust the store config for Dropdown to keep selectors in state portion. (https://github.com/woocommerce/woocommerce-blocks/pull/11968)

This commit is contained in:
Sam Seay 2023-11-29 13:27:59 +08:00 committed by GitHub
parent dea8b734a6
commit 5f7836183b
2 changed files with 6 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
plugins/woocommerce-blocks/packages/interactivity-components/dropdown/index.ts
View File

@ -20,15 +20,14 @@ export type DropdownContext = {
};
store( 'woocommerce/interactivity-dropdown', {
state: {},
selectors: {
placeholderText: () => {
state: {
get placeholderText() {
const context = getContext< DropdownContext >();
const { selectedItem } = context;
return selectedItem.label || 'Select an option';
},
isSelected: () => {
get isSelected() {
const context = getContext< DropdownContext >();
const {

6
plugins/woocommerce-blocks/src/InteractivityComponents/Dropdown.php
View File

@ -47,7 +47,7 @@ class Dropdown {
tabindex="-1"
data-wc-on--click="actions.toggleIsOpen"
>
<input id="components-form-token-input-1" type="text" autocomplete="off" data-wc-bind--placeholder="selectors.placeholderText" class="components-form-token-field__input" role="combobox" aria-expanded="false" aria-autocomplete="list" aria-describedby="components-form-token-suggestions-howto-1" value="">
<input id="components-form-token-input-1" type="text" autocomplete="off" data-wc-bind--placeholder="state.placeholderText" class="components-form-token-field__input" role="combobox" aria-expanded="false" aria-autocomplete="list" aria-describedby="components-form-token-suggestions-howto-1" value="">
<ul hidden data-wc-bind--hidden="!context.isOpen" class="components-form-token-field__suggestions-list" id="components-form-token-suggestions-1" role="listbox">
<?php
foreach ( $items as $item ) :
@ -59,12 +59,12 @@ class Dropdown {
role="option"
data-wc-on--click--select-item="actions.selectDropdownItem"
data-wc-on--click--parent-action="<?php echo esc_attr( $action ); ?>"
data-wc-class--is-selected="selectors.isSelected"
data-wc-class--is-selected="state.isSelected"
data-wc-on--mouseover="actions.addHoverClass"
data-wc-on--mouseout="actions.removeHoverClass"
data-wc-context='<?php echo wp_json_encode( $context ); ?>'
class="components-form-token-field__suggestion"
data-wc-bind--aria-selected="selectors.isSelected"
data-wc-bind--aria-selected="state.isSelected"
>
<?php echo esc_html( $item['label'] ); ?>
</li>