Manager

Back Back Up Normal Editor
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
<?php
namespace Automattic\WooCommerce\Blocks\InteractivityComponents;
/**
 * Dropdown class. This is a component for reuse with interactivity API.
 *
 * @package Automattic\WooCommerce\Blocks\InteractivityComponents
 */
class Dropdown {
    /**
     * Render the dropdown.
     *
     * @param mixed $props The properties to render the dropdown with.
     * @return string|false
     */
    public static function render( $props ) {
        wp_enqueue_script( 'wc-interactivity-dropdown' );
        wp_enqueue_style( 'wc-interactivity-dropdown' );
        $select_type    = $props['select_type'] ?? 'single';
        $selected_items = $props['selected_items'] ?? array();
        // Items should be an array of objects with a label and value property.
        $items = $props['items'] ?? array();
        $default_placeholder = 'single' === $select_type ? __( 'Select an option', 'woocommerce' ) : __( 'Select options', 'woocommerce' );
        $placeholder         = $props['placeholder'] ?? $default_placeholder;
        $dropdown_context = array(
            'selectedItems'      => $selected_items,
            'isOpen'             => false,
            'selectType'         => $select_type,
            'defaultPlaceholder' => $placeholder,
        );
        $action    = $props['action'] ?? '';
        $namespace = wp_json_encode( array( 'namespace' => 'woocommerce/interactivity-dropdown' ), JSON_HEX_TAG | JSON_HEX_APOS | JSON_HEX_QUOT | JSON_HEX_AMP );
        ob_start();
        ?>
        <div data-wc-interactive='<?php echo esc_attr( $namespace ); ?>'>
            <div class="wc-interactivity-dropdown" data-wc-on--click="actions.toggleIsOpen" data-wc-context='<?php echo wp_json_encode( $dropdown_context, JSON_HEX_TAG | JSON_HEX_APOS | JSON_HEX_QUOT | JSON_HEX_AMP ); ?>' >
                <div class="wc-interactivity-dropdown__dropdown" tabindex="-1" >
                    <div class="wc-interactivity-dropdown__dropdown-selection" id="options-dropdown" tabindex="0" aria-haspopup="listbox">
 
 
הההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההה
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX