@coreui/vue-pro 5.0.0-alpha.1 → 5.0.0-beta.1

package/dist/esm/components/multi-select/CMultiSelect.js

@@ -0,0 +1,573 @@
+import { defineComponent, ref, provide, computed, watch, onBeforeUnmount, h } from 'vue';
+import { createPopper } from '@popperjs/core';
+import { CFormControlWrapper } from '../form/CFormControlWrapper.js';
+import { CMultiSelectNativeSelect } from './CMultiSelectNativeSelect.js';
+import { CMultiSelectOptions } from './CMultiSelectOptions.js';
+import { CMultiSelectSelection } from './CMultiSelectSelection.js';
+import isRTL from '../../utils/isRTL.js';
+import { flattenOptionsArray, filterOptionsList, createOption, selectOptions } from './utils.js';
+
+const CMultiSelect = defineComponent({
+    name: 'CMultiSelect',
+    props: {
+        /**
+         * Allow users to create options if they are not in the list of options.
+         *
+         * @since 4.9.0
+         */
+        allowCreateOptions: Boolean,
+        /**
+         * Enables selection cleaner element.
+         *
+         * @default true
+         */
+        cleaner: {
+            type: Boolean,
+            default: true,
+        },
+        /**
+         * Clear current search on selecting an item.
+         *
+         * @since 4.9.0
+         */
+        clearSearchOnSelect: Boolean,
+        /**
+         * Toggle the disabled state for the component.
+         */
+        disabled: Boolean,
+        /**
+         * Provide valuable, actionable feedback.
+         *
+         * @since 4.6.0
+         */
+        feedback: String,
+        /**
+         * Provide valuable, actionable feedback.
+         *
+         * @since 4.6.0
+         */
+        feedbackInvalid: String,
+        /**
+         * Provide valuable, actionable invalid feedback when using standard HTML form validation which applied two CSS pseudo-classes, `:invalid` and `:valid`.
+         *
+         * @since 4.6.0
+         */
+        feedbackValid: String,
+        /**
+         * The id global attribute defines an identifier (ID) that must be unique in the whole document.
+         */
+        id: String,
+        /**
+         * Set component validation state to invalid.
+         *
+         * @since 4.6.0
+         */
+        invalid: Boolean,
+        /**
+         * Add a caption for a component.
+         *
+         * @since 4.6.0
+         */
+        label: String,
+        /**
+         * When set, the options list will have a loading style: loading spinner and reduced opacity.
+         *
+         * @since 4.9.0
+         */
+        loading: Boolean,
+        /**
+         * It specifies that multiple options can be selected at once.
+         *
+         * @default true
+         */
+        multiple: {
+            type: Boolean,
+            default: true,
+        },
+        /**
+         * List of option elements.
+         */
+        options: {
+            type: Array,
+            default: () => [],
+        },
+        /**
+         * Sets maxHeight of options list.
+         *
+         * @default 'auto'
+         */
+        optionsMaxHeight: {
+            type: [Number, String],
+            default: 'auto',
+        },
+        /**
+         * Sets option style.
+         *
+         * @values 'checkbox', 'text'
+         * @default 'checkbox'
+         */
+        optionsStyle: {
+            type: String,
+            default: 'checkbox',
+            validator: (value) => {
+                return ['checkbox', 'text'].includes(value);
+            },
+        },
+        /**
+         * Specifies a short hint that is visible in the search input.
+         *
+         * @default 'Select...''
+         */
+        placeholder: {
+            type: String,
+            default: 'Select...',
+        },
+        /**
+         * When it is present, it indicates that the user must choose a value before submitting the form.
+         */
+        required: Boolean,
+        /**
+         * Enables search input element.
+         */
+        search: {
+            type: [Boolean, String],
+            default: true,
+            validator: (value) => {
+                if (typeof value == 'string') {
+                    return ['external'].includes(value);
+                }
+                if (typeof value == 'boolean') {
+                    return true;
+                }
+                return false;
+            },
+        },
+        /**
+         * Sets the label for no results when filtering.
+         */
+        searchNoResultsLabel: {
+            type: String,
+            default: 'no items',
+        },
+        /**
+         * Enables select all button.
+         *
+         * @default true
+         */
+        selectAll: {
+            type: Boolean,
+            default: true,
+        },
+        /**
+         * Sets the select all button label.
+         *
+         * @default 'Select all options'
+         */
+        selectAllLabel: {
+            type: String,
+            default: 'Select all options',
+        },
+        /**
+         * Sets the selection style.
+         *
+         * @values 'counter', 'tags', 'text'
+         * @default 'tags'
+         */
+        selectionType: {
+            type: String,
+            default: 'tags',
+            validator: (value) => {
+                return ['counter', 'tags', 'text'].includes(value);
+            },
+        },
+        /**
+         * Sets the counter selection label.
+         *
+         * @default 'item(s) selected'
+         */
+        selectionTypeCounterText: {
+            type: String,
+            default: 'item(s) selected',
+        },
+        /**
+         * Size the component small or large.
+         *
+         * @values 'sm', 'lg'
+         */
+        size: {
+            type: String,
+            validator: (value) => {
+                return ['sm', 'lg'].includes(value);
+            },
+        },
+        /**
+         * Add helper text to the component.
+         *
+         * @since 4.6.0
+         */
+        text: String,
+        /**
+         * Display validation feedback in a styled tooltip.
+         *
+         * @since 4.6.0
+         */
+        tooltipFeedback: Boolean,
+        /**
+         * Set component validation state to valid.
+         *
+         * @since 4.6.0
+         */
+        valid: Boolean,
+        /**
+         * Enable virtual scroller for the options list.
+         *
+         * @since 4.8.0
+         */
+        virtualScroller: Boolean,
+        /**
+         * Toggle the visibility of multi select dropdown.
+         *
+         * @default false
+         */
+        visible: Boolean,
+        /**
+         *
+         * Amount of visible items when virtualScroller is set to `true`.
+         *
+         * @since 4.8.0
+         */
+        visibleItems: {
+            type: Number,
+            default: 10,
+        },
+    },
+    emits: [
+        /**
+         * Execute a function when a user changes the selected option. [docs]
+         */
+        'change',
+        /**
+         * Execute a function when the filter value changed.
+         *
+         * @since 4.7.0
+         */
+        'filterChange',
+        /**
+         * The callback is fired when the Multi Select component requests to be hidden.
+         */
+        'hide',
+        /**
+         * The callback is fired when the Multi Select component requests to be shown.
+         */
+        'show',
+    ],
+    setup(props, { attrs, emit, slots }) {
+        const multiSelectRef = ref();
+        const dropdownRef = ref();
+        const nativeSelectRef = ref();
+        const togglerRef = ref();
+        const searchRef = ref();
+        const options = ref(props.options);
+        const popper = ref();
+        const searchValue = ref('');
+        const selected = ref([]);
+        const userOptions = ref([]);
+        const visible = ref(props.visible);
+        provide('nativeSelectRef', nativeSelectRef);
+        const filteredOptions = computed(() => flattenOptionsArray(props.search === 'external'
+            ? [...options.value, ...filterOptionsList(searchValue.value, userOptions.value)]
+            : filterOptionsList(searchValue.value, [...options.value, ...userOptions.value]), true));
+        const flattenedOptions = computed(() => flattenOptionsArray(props.options));
+        const userOption = computed(() => {
+            if (props.allowCreateOptions &&
+                filteredOptions.value.some((option) => option.label && option.label.toLowerCase() === searchValue.value.toLowerCase())) {
+                return false;
+            }
+            return searchRef.value && createOption(String(searchValue.value), flattenedOptions.value);
+        });
+        watch(() => props.options, (newValue, oldValue) => {
+            if (JSON.stringify(newValue) !== JSON.stringify(oldValue)) {
+                options.value = newValue;
+                const _selected = flattenedOptions.value.filter((option) => option.selected === true);
+                const deselected = flattenedOptions.value.filter((option) => option.selected === false);
+                if (_selected) {
+                    selected.value = selectOptions(_selected, selected.value, deselected);
+                }
+            }
+        }, { immediate: true });
+        watch(selected, () => {
+            nativeSelectRef.value &&
+                nativeSelectRef.value.dispatchEvent(new Event('change', { bubbles: true }));
+            if (popper.value) {
+                popper.value.update();
+            }
+        });
+        watch(visible, () => {
+            if (visible.value) {
+                emit('show');
+                window.addEventListener('mouseup', handleMouseUp);
+                window.addEventListener('keyup', handleKeyUp);
+                initPopper();
+                // TODO: find better solution
+                setTimeout(() => {
+                    searchRef.value && searchRef.value.focus();
+                }, 100);
+                return;
+            }
+            emit('hide');
+            window.removeEventListener('mouseup', handleMouseUp);
+            window.removeEventListener('keyup', handleKeyUp);
+            destroyPopper();
+        });
+        onBeforeUnmount(() => {
+            window.removeEventListener('mouseup', handleMouseUp);
+            window.removeEventListener('keyup', handleKeyUp);
+        });
+        const initPopper = () => {
+            if (togglerRef.value && dropdownRef.value) {
+                popper.value = createPopper(togglerRef.value, dropdownRef.value, {
+                    placement: isRTL() ? 'bottom-end' : 'bottom-start',
+                    modifiers: [
+                        {
+                            name: 'preventOverflow',
+                            options: {
+                                boundary: 'clippingParents',
+                            },
+                        },
+                        {
+                            name: 'offset',
+                            options: {
+                                offset: [0, 2],
+                            },
+                        },
+                    ],
+                });
+            }
+        };
+        const destroyPopper = () => {
+            if (popper.value) {
+                popper.value.destroy();
+            }
+            popper.value = undefined;
+        };
+        const handleKeyUp = (event) => {
+            if (event.key === 'Escape') {
+                visible.value = false;
+            }
+        };
+        const handleMouseUp = (event) => {
+            if (multiSelectRef.value && multiSelectRef.value.contains(event.target)) {
+                return;
+            }
+            visible.value = false;
+        };
+        const handleSearchChange = (event) => {
+            const target = event.target;
+            searchValue.value = target.value.toLowerCase();
+            emit('filterChange', target.value);
+        };
+        const handleSearchKeyDown = (event) => {
+            if (event.key === 'Enter' && searchValue.value && props.allowCreateOptions) {
+                event.preventDefault();
+                if (!userOption.value) {
+                    selected.value = [
+                        ...selected.value,
+                        filteredOptions.value.find((option) => String(option.label).toLowerCase() === searchValue.value.toLowerCase()),
+                    ];
+                }
+                if (userOption.value) {
+                    selected.value = [...selected.value, ...userOption.value];
+                    userOptions.value = [...userOptions.value, ...userOption.value];
+                }
+                searchValue.value = '';
+                if (searchRef.value) {
+                    searchRef.value.value = '';
+                }
+                return;
+            }
+            if (searchValue.value.length > 0) {
+                return;
+            }
+            if (event.key === 'Backspace' || event.key === 'Delete') {
+                const last = selected.value.filter((option) => !option.disabled).pop();
+                if (last) {
+                    selected.value = selected.value.filter((option) => option.value !== last.value);
+                }
+            }
+        };
+        const handleOptionClick = (option) => {
+            if (!props.multiple) {
+                selected.value = [option];
+                visible.value = false;
+                if (searchRef.value) {
+                    searchRef.value.value = '';
+                }
+                return;
+            }
+            if (option.custom && !userOptions.value.some((_option) => _option.value === option.value)) {
+                userOptions.value = [...userOptions.value, option];
+            }
+            if (props.clearSearchOnSelect || option.custom) {
+                searchValue.value = '';
+                if (searchRef.value) {
+                    searchRef.value.value = '';
+                    searchRef.value.focus();
+                }
+            }
+            if (selected.value.some((_option) => _option.value === option.value)) {
+                selected.value = selected.value.filter((_option) => _option.value !== option.value);
+            }
+            else {
+                selected.value = [...selected.value, option];
+            }
+        };
+        const handleSelectAll = () => {
+            selected.value = selectOptions([
+                ...flattenedOptions.value.filter((option) => !option.disabled),
+                ...userOptions.value,
+            ], selected.value);
+        };
+        const handleDeselectAll = () => {
+            selected.value = selected.value.filter((option) => option.disabled);
+        };
+        return () => [
+            h(CMultiSelectNativeSelect, {
+                id: props.id,
+                multiple: props.multiple,
+                options: selected.value,
+                required: props.required,
+                value: props.multiple
+                    ? selected.value.map((option) => option.value.toString())
+                    : selected.value.map((option) => option.value)[0],
+                onChange: () => emit('change', selected.value),
+            }),
+            h(CFormControlWrapper, {
+                describedby: attrs['aria-describedby'],
+                feedback: props.feedback,
+                feedbackInvalid: props.feedbackInvalid,
+                feedbackValid: props.feedbackValid,
+                id: props.id,
+                invalid: props.invalid,
+                label: props.label,
+                text: props.text,
+                tooltipFeedback: props.tooltipFeedback,
+                valid: props.valid,
+            }, {
+                default: () => h('div', {
+                    class: [
+                        'form-multi-select',
+                        {
+                            disabled: props.disabled,
+                            [`form-multi-select-${props.size}`]: props.size,
+                            'is-invalid': props.invalid,
+                            'is-valid': props.valid,
+                            show: visible.value,
+                        },
+                    ],
+                    'aria-expanded': visible.value,
+                    id: props.id,
+                    ref: multiSelectRef,
+                }, {
+                    default: () => [
+                        h('div', {
+                            class: 'form-multi-select-input-group',
+                            onClick: () => {
+                                visible.value = true;
+                            },
+                            ref: togglerRef,
+                        }, {
+                            default: () => [
+                                h(CMultiSelectSelection, {
+                                    multiple: props.multiple,
+                                    placeholder: props.placeholder,
+                                    onRemove: (option) => !props.disabled && handleOptionClick(option),
+                                    search: props.search,
+                                    selected: selected.value,
+                                    selectionType: props.selectionType,
+                                    selectionTypeCounterText: props.selectionTypeCounterText,
+                                }, {
+                                    default: () => props.search &&
+                                        h('input', {
+                                            type: 'text',
+                                            class: 'form-multi-select-search',
+                                            disabled: props.disabled,
+                                            autocomplete: 'off',
+                                            onInput: (event) => handleSearchChange(event),
+                                            onKeydown: (event) => handleSearchKeyDown(event),
+                                            ...(selected.value.length === 0 && {
+                                                placeholder: props.placeholder,
+                                            }),
+                                            ...(selected.value.length > 0 &&
+                                                props.selectionType === 'counter' && {
+                                                placeholder: `${selected.value.length} ${props.selectionTypeCounterText}`,
+                                            }),
+                                            ...(selected.value.length > 0 &&
+                                                !props.multiple && {
+                                                placeholder: selected.value.map((option) => option.label)[0],
+                                            }),
+                                            ...(props.multiple &&
+                                                selected.value.length > 0 &&
+                                                props.selectionType !== 'counter' && {
+                                                size: searchValue.value.length + 2,
+                                            }),
+                                            ref: searchRef,
+                                        }),
+                                }),
+                                h('div', { class: 'form-multi-select-buttons' }, {
+                                    default: () => [
+                                        h('button', {
+                                            class: 'form-multi-select-cleaner',
+                                            onClick: () => handleDeselectAll(),
+                                            type: 'button',
+                                        }),
+                                        h('button', {
+                                            class: 'form-multi-select-indicator',
+                                            onClick: (event) => {
+                                                event.preventDefault();
+                                                event.stopPropagation();
+                                                visible.value = !visible.value;
+                                            },
+                                            type: 'button',
+                                        }),
+                                    ],
+                                }),
+                            ],
+                        }),
+                        h('div', {
+                            class: 'form-multi-select-dropdown',
+                            role: 'menu',
+                            ref: dropdownRef,
+                        }, {
+                            default: () => [
+                                props.multiple &&
+                                    props.selectAll &&
+                                    h('button', {
+                                        class: 'form-multi-select-all',
+                                        onClick: () => handleSelectAll(),
+                                        type: 'button',
+                                    }, props.selectAllLabel),
+                                h(CMultiSelectOptions, {
+                                    loading: props.loading,
+                                    onOptionClick: (option) => handleOptionClick(option),
+                                    options: filteredOptions.value.length === 0 && props.allowCreateOptions
+                                        ? userOption.value || []
+                                        : filteredOptions.value,
+                                    optionsMaxHeight: props.optionsMaxHeight,
+                                    optionsStyle: props.optionsStyle,
+                                    scopedSlots: slots,
+                                    searchNoResultsLabel: props.searchNoResultsLabel,
+                                    selected: selected.value,
+                                    virtualScroller: props.virtualScroller,
+                                    visibleItems: props.visibleItems,
+                                }),
+                            ],
+                        }),
+                    ],
+                }),
+            }),
+        ];
+    },
+});
+
+export { CMultiSelect };
+//# sourceMappingURL=CMultiSelect.js.map

package/dist/esm/components/multi-select/CMultiSelect.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CMultiSelect.js","sources":["../../../../src/components/multi-select/CMultiSelect.ts"],"sourcesContent":[null],"names":[],"mappings":"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"}

package/dist/esm/components/multi-select/CMultiSelectNativeSelect.d.ts

@@ -0,0 +1,36 @@
+import { PropType, VNode } from 'vue';
+import type { Option } from './types';
+declare const CMultiSelectNativeSelect: import("vue").DefineComponent<{
+    id: StringConstructor;
+    multiple: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    options: {
+        type: PropType<Option[]>;
+        default: () => never[];
+    };
+    required: BooleanConstructor;
+    value: (NumberConstructor | StringConstructor | ArrayConstructor)[];
+}, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "change"[], "change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    id: StringConstructor;
+    multiple: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    options: {
+        type: PropType<Option[]>;
+        default: () => never[];
+    };
+    required: BooleanConstructor;
+    value: (NumberConstructor | StringConstructor | ArrayConstructor)[];
+}>> & {
+    onChange?: ((...args: any[]) => any) | undefined;
+}, {
+    required: boolean;
+    options: Option[];
+    multiple: boolean;
+}, {}>;
+export { CMultiSelectNativeSelect };

package/dist/esm/components/multi-select/CMultiSelectNativeSelect.js

@@ -0,0 +1,48 @@
+import { defineComponent, inject, h } from 'vue';
+
+const CMultiSelectNativeSelect = defineComponent({
+    name: 'CMultiSelectGroupOption',
+    props: {
+        id: String,
+        multiple: {
+            type: Boolean,
+            default: true,
+        },
+        options: {
+            type: Array,
+            default: () => [],
+        },
+        required: Boolean,
+        value: [Number, String, Array],
+    },
+    emits: ['change'],
+    setup(props, { emit }) {
+        const nativeSelectRef = inject('nativeSelectRef');
+        const createNativeOptions = (options) => {
+            return options.map((option) => {
+                return option.options
+                    ? h('optgroup', { label: option.label }, createNativeOptions(option.options))
+                    : h('option', { disabled: option.disabled, value: option.value });
+            });
+        };
+        const handleChange = (event) => {
+            const target = event.target;
+            emit('change', Number(target.value));
+        };
+        return () => h('select', {
+            className: 'multi-select-new',
+            ...(props.id && { id: `${props.id}-multi-select` }),
+            ...(props.id && { name: `${props.id}-multi-select` }),
+            multiple: props.multiple,
+            tabIndex: '-1',
+            style: { display: 'none' },
+            required: props.required,
+            value: props.value,
+            ref: nativeSelectRef,
+            onChange: handleChange,
+        }, props.options && createNativeOptions(props.options));
+    },
+});
+
+export { CMultiSelectNativeSelect };
+//# sourceMappingURL=CMultiSelectNativeSelect.js.map