@adyen/bento-vue3 1.2.0 → 1.3.0

package/dist/chunks/dropdown-default-textbox.203e747f.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dropdown-default-textbox.203e747f.js","sources":["../../../vue2/src/components/dropdown/components/dropdown-base-textbox/dropdown-base-textbox.types.ts","../../../vue2/src/components/dropdown/components/dropdown-base-textbox/dropdown-base-textbox.vue","../../../vue2/src/components/dropdown/components/dropdown-default-textbox/dropdown-default-textbox.vue"],"sourcesContent":["import { PropType } from 'vue';\nimport { Booleanish } from '@/types';\n\n// TODO: Change this to script setup + Typescript interface\nexport const DropdownBaseTextboxProps = {\n    /**\n     * The number of additional items that have been selected in the dropdown.\n     */\n    additionalItemsSelected: { type: Number, default: 0 },\n\n    /**\n     * Sets the possibility to type into the textbox\n     */\n    dynamicFiltering: {\n        type: Boolean,\n        default: false,\n    },\n\n    /**\n     * Sets the aria-controls attribute on the textbox. This should correspond to the popover's id that the textbox triggers.\n     */\n    ariaControls: {\n        type: String,\n        required: true,\n    },\n\n    /**\n     * Indicates whether the content the textbox triggers is visible or not. Needs to be set accordingly when the textbox is used and changed every time the popover is shown/hidden.\n     */\n    ariaExpanded: {\n        type: [String, Boolean] as PropType<Booleanish>,\n        required: true,\n    },\n\n    /**\n     * Corresponds to the label's id that labels the textbox element.\n     */\n    ariaLabelledby: {\n        type: String,\n        default: null,\n    },\n\n    /**\n     * Disables any textbox functionality\n     */\n    disabled: { type: Boolean, default: false },\n\n    /**\n     * Marks the textbox as invalid, rendering an error state\n     */\n    isInvalid: { type: Boolean, default: false },\n\n    /**\n     * Selected option's label\n     */\n    displayValue: { type: String, default: null },\n\n    /**\n     * Indicates if the dropdown is open so that\n     * the respective event can be emitted\n     */\n    open: { type: Boolean, default: false },\n\n    /**\n     * The input value\n     */\n    value: { type: String, default: '' },\n\n    /**\n     * Custom debounce time. Default: 300\n     */\n    debounceTime: { type: Number, default: 300 },\n};\n\nexport enum DropdownBaseTextboxState {\n    DISABLED = 'disabled',\n    READONLY = 'readonly',\n    HAS_ITEMS = 'has-items',\n    OPENED = 'opened',\n    ERROR = 'error',\n}\n\nexport enum DropdownBaseTextboxEvent {\n    OPEN = 'open',\n    KEYDOWN = 'keydown',\n    CLOSE = 'close',\n    INPUT = 'input',\n    CLEAR = 'clear',\n}\n\nexport default DropdownBaseTextboxProps;\n","<template>\n    <div\n        :class=\"$attrs.class\"\n        data-testid=\"textbox-wrapper\"\n        @click=\"onToggleDropdown\"\n        @keydown.escape=\"onCloseDropdown\"\n    >\n        <bento-typography\n            class=\"b-dropdown-base-textbox\"\n            :class=\"conditionalClasses\"\n            :el=\"BentoTypographyElement.DIV\"\n            data-testid=\"base-textbox\"\n        >\n            <input\n                v-if=\"dynamicFiltering\"\n                v-bind=\"ariaAttributes\"\n                :id=\"textboxId\"\n                ref=\"textbox\"\n                class=\"b-dropdown-base-textbox__input\"\n                role=\"combobox\"\n                type=\"text\"\n                aria-autocomplete=\"list\"\n                :value=\"open ? value : displayValue\"\n                :disabled=\"disabled ? true : null\"\n                :readonly=\"readonly\"\n                @keydown=\"$emit(DropdownBaseTextboxEvent.KEYDOWN, $event)\"\n                @keydown.enter=\"onToggleDropdown\"\n                @input=\"onInputEvent\"\n            />\n            <div\n                v-else\n                :id=\"textboxId\"\n                v-bind=\"ariaAttributes\"\n                ref=\"textbox\"\n                class=\"b-dropdown-base-textbox__input\"\n                role=\"combobox\"\n                :tabindex=\"0\"\n            >\n                <!-- <span :aria-hidden=\"!displayValue ? true : null\"> -->\n                <slot v-if=\"selectedValueItem && !multiple\" v-bind=\"selectedValueItem\">\n                    {{ displayValue }}\n                </slot>\n                <template v-else-if=\"selectedValueItem && showSlotContentInMultiple\">\n                    <div class=\"b-dropdown-base-textbox__input-multiple-selected\">\n                        <div v-for=\"singleItem of selectedValueItems\" :key=\"singleItem.value\">\n                            <div class=\"b-dropdown-base-textbox__input-selected-element\">\n                                <slot v-bind=\"singleItem\">\n                                    {{ displayValue }}\n                                </slot>\n                            </div>\n                        </div>\n                    </div>\n                </template>\n                <template v-else>{{ displayValue }}</template>\n                <!-- </span> -->\n            </div>\n            <span v-if=\"additionalItemsSelected\" class=\"b-dropdown-base-textbox__additional-items\">\n                {{ additionalItemsSelected }}\n            </span>\n            <span v-if=\"hasSlot('icon') && !isFiltering\" class=\"b-dropdown-base-textbox__icon\" aria-hidden=\"true\">\n                <slot name=\"icon\"></slot>\n            </span>\n            <span\n                v-if=\"isFiltering\"\n                class=\"b-dropdown-base-textbox__clear-search\"\n                tabindex=\"0\"\n                data-testid=\"clear-search-button\"\n                @click.stop=\"onClearSearch\"\n                @keydown.enter.stop=\"onClearSearch\"\n                @keyup.space=\"onClearSearch\"\n            >\n                <cross-circle-fill-icon :svg-title=\"'clearSearch'\" />\n            </span>\n        </bento-typography>\n    </div>\n</template>\n\n<script lang=\"ts\">\n    import { computed, defineComponent, PropType, ref } from 'vue';\n    import { generateUid } from '@/utils/ts/unique-id';\n    import { useHasSlot } from '@/composables';\n    import { BentoTypography, BentoTypographyElement, BentoTypographyVariant } from '@/components/typography';\n    import { debounce } from '@/utils/ts/debounce';\n    import { BentoKeyboardNavigationKeyDownEvent, BentoListboxOptionItem, Booleanish } from '@/types';\n    import type { HTMLAttributes } from 'vue/types/jsx';\n    import CrossCircleFillIcon from '@adyen/ui-assets-icons-16/vue/cross-circle-fill';\n    import { DropdownBaseTextboxEvent, DropdownBaseTextboxState } from './dropdown-base-textbox.types';\n    /**\n     * Only for internal use, implements the logic of the textbox element to be implemented in the combobox.\n     */\n    export default defineComponent({\n        name: 'dropdown-base-textbox',\n        components: { BentoTypography, CrossCircleFillIcon },\n        inheritAttrs: false,\n        props: {\n            /**\n             * The number of additional items that have been selected in the dropdown.\n             */\n            additionalItemsSelected: { type: Number, default: 0 },\n\n            /**\n             * Sets the aria-controls attribute on the textbox. This should correspond to the popover's id that the textbox triggers.\n             */\n            ariaControls: {\n                type: String,\n                required: true,\n            },\n\n            /**\n             * Indicates whether the content the textbox triggers is visible or not. Needs to be set accordingly when the textbox is used and changed every time the popover is shown/hidden.\n             */\n            ariaExpanded: {\n                type: [String, Boolean] as PropType<Booleanish>,\n                required: true,\n            },\n\n            /**\n             * If no label element is used then the aria-label is be set should be set.\n             */\n            ariaLabel: {\n                type: String,\n                default: null,\n            },\n\n            /**\n             * Corresponds to the label's id that labels the textbox element.\n             */\n            ariaLabelledby: {\n                type: String,\n                default: null,\n            },\n\n            /**\n             * Custom debounce time for the user type event.\n             */\n            debounceTime: { type: Number, default: 300 },\n\n            /**\n             * Disables any textbox functionality\n             */\n            disabled: { type: Boolean, default: false },\n\n            /**\n             * Selected option's label\n             */\n            displayValue: { type: String, default: null },\n\n            /**\n             * Sets the possibility to type into the textbox.\n             */\n            dynamicFiltering: {\n                type: Boolean,\n                default: false,\n            },\n\n            /**\n             * Marks the textbox as invalid, rendering an error state\n             */\n            isInvalid: { type: Boolean, default: false },\n\n            /**\n             * Indicates if the dropdown is open so that\n             * the respective event can be emitted\n             */\n            open: { type: Boolean, default: false },\n\n            /**\n             * Sets the dropdown to readonly state\n             */\n            readonly: { type: Boolean, default: false },\n\n            /**\n             * The input value\n             */\n            value: { type: String, default: '' },\n\n            /**\n             * The selected value's list box item.\n             */\n            selectedValueItem: {\n                type: [Object, Array] as PropType<BentoListboxOptionItem | BentoListboxOptionItem[]>,\n                default: undefined,\n            },\n\n            /**\n             * Toggles whether to use the slot content select items shown in the textbox in multiple mode.\n             */\n            showSlotContentInMultiple: { type: Boolean, default: false },\n\n            /*\n             * If enabled, the user will be able to select multiple items.\n             */\n            multiple: { type: Boolean, default: false },\n        },\n        emits: [\n            DropdownBaseTextboxEvent.OPEN,\n            DropdownBaseTextboxEvent.CLOSE,\n            DropdownBaseTextboxEvent.INPUT,\n            DropdownBaseTextboxEvent.CLEAR,\n            DropdownBaseTextboxEvent.KEYDOWN,\n        ],\n        setup(props, { emit, slots, attrs }) {\n            const textbox = ref(null);\n            const textboxId = generateUid('textbox');\n\n            const conditionalClasses = computed(() => ({\n                [`b-dropdown-base-textbox--${DropdownBaseTextboxState.DISABLED}`]: props.disabled,\n                [`b-dropdown-base-textbox--${DropdownBaseTextboxState.READONLY}`]: props.readonly,\n                [`b-dropdown-base-textbox--${DropdownBaseTextboxState.HAS_ITEMS}`]: !!props.additionalItemsSelected,\n            }));\n\n            const isFiltering = computed(() => props.dynamicFiltering && !!props.value);\n\n            const ariaAttributes = computed(\n                () =>\n                    ({\n                        'aria-haspopup': 'listbox',\n                        'aria-controls': props.ariaControls,\n                        'aria-describedby': attrs['aria-describedby']?.toString() as string,\n                        'aria-expanded': props.ariaExpanded ? 'true' : 'false',\n                        'aria-labelledby': props.ariaLabelledby,\n                        'aria-label': props.ariaLabelledby ? null : props.ariaLabel,\n                        'aria-invalid': props.isInvalid,\n                        'aria-disabled': props.disabled ? true : null,\n                    } as HTMLAttributes)\n            );\n\n            /**\n             * Triggered on click, space and enter user events. It will open the dropdown.\n             * @event open\n             */\n            const onOpenDropdown = () => {\n                if (!props.disabled && !props.readonly) {\n                    textbox.value.focus();\n                    emit(DropdownBaseTextboxEvent.OPEN);\n                }\n            };\n\n            /**\n             * Triggered on click, space, enter and esc user events. It will close the dropdown.\n             * @event close\n             */\n            const onCloseDropdown = () => {\n                if (props.open) {\n                    textbox.value.focus();\n                    emit(DropdownBaseTextboxEvent.CLOSE);\n                }\n            };\n\n            const onToggleDropdown = (event: Event) => {\n                const isDynamicFilteringInputClickEvent =\n                    props.open && (event.target as HTMLDivElement).tagName === 'INPUT';\n                if (isDynamicFilteringInputClickEvent) {\n                    /**\n                     * When there's a click even on the input during filtering\n                     * and the popover is open, do not toggle the popover.\n                     * Allow for click events inside the input field\n                     */\n                    return null;\n                }\n\n                return props.open ? onCloseDropdown() : onOpenDropdown();\n            };\n\n            const onClearSearch = () => {\n                emit(DropdownBaseTextboxEvent.CLEAR);\n                emit(DropdownBaseTextboxEvent.INPUT, '');\n                textbox.value.focus();\n            };\n            const onInputEvent = debounce<(event: Event) => void>((event: Event) => {\n                emit(DropdownBaseTextboxEvent.INPUT, (event.target as HTMLInputElement).value);\n            }, props.debounceTime);\n\n            // Cast selectedValueItem if it is an array of selected items\n            const selectedValueItems = computed(() =>\n                props.multiple ? (props.selectedValueItem as BentoListboxOptionItem[]) : []\n            );\n\n            return {\n                // Enums\n                BentoTypographyElement,\n                BentoTypographyVariant,\n                BentoKeyboardNavigationKeyDownEvent,\n                DropdownBaseTextboxEvent,\n\n                // Values\n                conditionalClasses,\n                textboxId,\n                textbox,\n                isFiltering,\n                ariaAttributes,\n                selectedValueItems,\n\n                // Events\n                onCloseDropdown,\n                onToggleDropdown,\n                onClearSearch,\n                onInputEvent,\n\n                // Methods\n                hasSlot: useHasSlot(slots),\n            };\n        },\n    });\n</script>\n\n<style lang=\"scss\" scoped src=\"./dropdown-base-textbox.scss\" />\n","<template>\n    <div class=\"b-dropdown-default-textbox\" :class=\"conditionalClasses\" data-testid=\"default-textbox\">\n        <dropdown-base-textbox\n            v-bind=\"{ ...$attrs, ...$props }\"\n            class=\"b-dropdown-default-textbox__textbox\"\n            :value=\"value\"\n            v-on=\"listeners\"\n        >\n            <template v-for=\"(_, innerSlot) of slots\" #[innerSlot]=\"scope\">\n                <slot :name=\"innerSlot\" v-bind=\"scope\" />\n            </template>\n            <template #icon>\n                <div class=\"b-dropdown-default-textbox__chevron\">\n                    <chevron-up-icon v-show=\"isDropdownOpen\" svg-title=\"opened\" />\n                    <chevron-down-icon v-show=\"!isDropdownOpen\" svg-title=\"closed\" />\n                </div>\n            </template>\n        </dropdown-base-textbox>\n    </div>\n</template>\n\n<script lang=\"ts\">\n    import { computed, defineComponent, PropType } from 'vue';\n    import DropdownBaseTextbox from '@/components/dropdown/components/dropdown-base-textbox/dropdown-base-textbox.vue';\n    import { BentoListboxOptionItem, Booleanish } from '@/types';\n    import { stopEventPropagation } from '@/utils/ts/events';\n    import {\n        DropdownBaseTextboxEvent,\n        DropdownBaseTextboxState,\n    } from '../dropdown-base-textbox/dropdown-base-textbox.types';\n    import ChevronDownIcon from '@adyen/ui-assets-icons-16/vue/chevron-down';\n    import ChevronUpIcon from '@adyen/ui-assets-icons-16/vue/chevron-up';\n\n    /**\n     * For internal use only, textbox component used in the dropdown component.\n     */\n    export default defineComponent({\n        name: 'dropdown-default-textbox',\n        components: { ChevronDownIcon, ChevronUpIcon, DropdownBaseTextbox },\n        inheritAttrs: false,\n        emits: [\n            DropdownBaseTextboxEvent.OPEN,\n            DropdownBaseTextboxEvent.CLOSE,\n            DropdownBaseTextboxEvent.INPUT,\n            DropdownBaseTextboxEvent.CLEAR,\n            DropdownBaseTextboxEvent.KEYDOWN,\n        ],\n        props: {\n            /**\n             * The number of additional items that have been selected in the dropdown.\n             */\n            additionalItemsSelected: { type: Number, default: 0 },\n\n            /**\n             * Sets the aria-controls attribute on the textbox. This should correspond to the popover's id that the textbox triggers.\n             */\n            ariaControls: {\n                type: String,\n                required: true,\n            },\n\n            /**\n             * Indicates whether the content the textbox triggers is visible or not. Needs to be set accordingly when the textbox is used and changed every time the popover is shown/hidden.\n             */\n            ariaExpanded: {\n                type: [String, Boolean] as PropType<Booleanish>,\n                required: true,\n            },\n\n            /**\n             * If no label element is used then the aria-label is be set should be set.\n             */\n            ariaLabel: {\n                type: String,\n                default: null,\n            },\n\n            /**\n             * Corresponds to the label's id that labels the textbox element.\n             */\n            ariaLabelledby: {\n                type: String,\n                default: null,\n            },\n\n            /**\n             * Custom debounce time. Default: 300\n             */\n            debounceTime: { type: Number, default: 300 },\n\n            /**\n             * Disables any textbox functionality\n             */\n            disabled: { type: Boolean, default: false },\n\n            /**\n             * Selected option's label\n             */\n            displayValue: { type: String, default: null },\n\n            /**\n             * Sets the possibility to type into the textbox\n             */\n            dynamicFiltering: {\n                type: Boolean,\n                default: false,\n            },\n\n            /**\n             * Marks the textbox as invalid, rendering an error state\n             */\n            isInvalid: { type: Boolean, default: false },\n\n            /**\n             * Indicates if the dropdown is open so that\n             * the respective event can be emitted\n             */\n            open: { type: Boolean, default: false },\n\n            /**\n             * Sets the dropdown to readonly state\n             */\n            readonly: { type: Boolean, default: false },\n\n            /**\n             * The selected value's list box item.\n             */\n            selectedValueItem: {\n                type: [Object, Array] as PropType<BentoListboxOptionItem | BentoListboxOptionItem[]>,\n                default: undefined,\n            },\n\n            /**\n             * Toggles whether to use the slot content select items shown in the textbox in multiple mode.\n             */\n            showSlotContentInMultiple: { type: Boolean, default: false },\n\n            /**\n             * The input value\n             */\n            value: { type: String, default: '' },\n\n            /*\n             * If enabled, the user will be able to select multiple items.\n             */\n            multiple: { type: Boolean, default: false },\n        },\n        setup(props, { slots, emit }) {\n            const conditionalClasses = computed(() => ({\n                [`b-dropdown-default-textbox--${DropdownBaseTextboxState.ERROR}`]:\n                    !props.disabled && !props.readonly && props.isInvalid,\n                [`b-dropdown-default-textbox--${DropdownBaseTextboxState.DISABLED}`]: props.disabled,\n                [`b-dropdown-default-textbox--${DropdownBaseTextboxState.READONLY}`]: props.readonly,\n                [`b-dropdown-default-textbox--${DropdownBaseTextboxState.OPENED}`]: props.open,\n            }));\n\n            const isDropdownOpen = computed(() => props.open && !props.disabled && !props.readonly);\n\n            const onInput = (e: Event) => {\n                emit(DropdownBaseTextboxEvent.INPUT, e);\n            };\n            const onKeyDown = (e: Event) => {\n                emit(DropdownBaseTextboxEvent.KEYDOWN, e);\n            };\n            const openDropdown = (e: Event) => {\n                stopEventPropagation(e);\n                emit(DropdownBaseTextboxEvent.OPEN);\n            };\n            const closeDropdown = (e: Event) => {\n                stopEventPropagation(e);\n                emit(DropdownBaseTextboxEvent.CLOSE);\n            };\n            const clearValue = (e: Event) => {\n                stopEventPropagation(e);\n                emit(DropdownBaseTextboxEvent.CLEAR);\n            };\n\n            const listeners = {\n                [DropdownBaseTextboxEvent.INPUT]: onInput,\n                [DropdownBaseTextboxEvent.OPEN]: openDropdown,\n                [DropdownBaseTextboxEvent.CLOSE]: closeDropdown,\n                [DropdownBaseTextboxEvent.CLEAR]: clearValue,\n                [DropdownBaseTextboxEvent.KEYDOWN]: onKeyDown,\n            };\n\n            return {\n                // Enums\n                DropdownBaseTextboxEvent,\n\n                // Values\n                conditionalClasses,\n                isDropdownOpen,\n                slots,\n\n                // Events\n                listeners,\n            };\n        },\n    });\n</script>\n\n<style lang=\"scss\" scoped src=\"./dropdown-default-textbox.scss\" />\n"],"names":["DropdownBaseTextboxState","DropdownBaseTextboxState2","DropdownBaseTextboxEvent","DropdownBaseTextboxEvent2","_sfc_main$1","defineComponent","BentoTypography","CrossCircleIcon","props","emit","slots","attrs","textbox","ref","textboxId","generateUid","conditionalClasses","computed","isFiltering","ariaAttributes","_a","onOpenDropdown","onCloseDropdown","onToggleDropdown","event","onClearSearch","onInputEvent","debounce","selectedValueItems","BentoTypographyElement","BentoTypographyVariant","BentoKeyboardNavigationKeyDownEvent","useHasSlot","openBlock","createElementBlock","normalizeClass","_ctx","_cache","args","withCtx","mergeProps","withKeys","_hoisted_1$1","createTextVNode","toDisplayString","_hoisted_3","Fragment","renderList","singleItem","createElementVNode","_hoisted_4","renderSlot","normalizeProps","guardReactiveProps","_hoisted_2","_hoisted_5","createCommentVNode","_hoisted_6","withModifiers","_sfc_main","ChevronDownIcon","ChevronUpIcon","DropdownBaseTextbox","isDropdownOpen","onInput","e","onKeyDown","openDropdown","stopEventPropagation","closeDropdown","clearValue","listeners","toHandlers","createSlots","_hoisted_1","withDirectives","createVNode","_component_chevron_up_icon","innerSlot","scope"],"mappings":"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"}