feat(dropdown): remove deprecated triggers prop (#1557)

- remove deprecated `triggers` prop in favor of the `openOnClick`,
`openOnHover` and `openOnContextmenu` props

BREAKING CHANGE: The `triggers` prop in ODropdown got removed.

Author: mlmoravek

packages/docs/components/Dropdown.md

@@ -70,7 +70,6 @@ The component implements the W3C ARIA APG [Combobox Pattern](https://www.w3.org/
 | selectable        | Enables item selection                                                                                                                                                                                          | boolean                                                                                                          | -                                                                                                | <code style='white-space: nowrap; padding: 0;'>false</code>                                                                                                    |
 | teleport          | Append the component to another part of the DOM.<br/>Set `true` to append the component to the body.<br/>In addition, any CSS selector string or an actual DOM node can be used.                                | boolean \| object \| string                                                                                      | -                                                                                                | <div><small>From <b>config</b>:</small></div><code style='white-space: nowrap; padding: 0;'>dropdown: {<br>&nbsp;&nbsp;teleport: false<br>}</code>             |
 | triggerTag        | Dropdown trigger tag name                                                                                                                                                                                       | DynamicComponent                                                                                                 | -                                                                                                | <div><small>From <b>config</b>:</small></div><code style='white-space: nowrap; padding: 0;'>dropdown: {<br>&nbsp;&nbsp;triggerTag: "div"<br>}</code>           |
-| triggers          | Dropdown will be triggered by any events                                                                                                                                                                        | ("focus" \| "click" \| "hover" \| "contextmenu")[]                                                               | `click`, `hover`, `contextmenu`, `focus`                                                         | <div><small>From <b>config</b>:</small></div><code style='white-space: nowrap; padding: 0;'>dropdown: {<br>&nbsp;&nbsp;triggers: []<br>}</code>                |
 
 ### Events
 

packages/oruga/src/components/dropdown/Dropdown.vue

@@ -79,7 +79,6 @@ const props = withDefaults(defineProps<DropdownProps<T, IsMultiple>>(), {
     menuTag: () => getDefault("dropdown.menuTag", "div"),
     itemTag: () => getDefault("dropdown.itemTag", "div"),
     triggerTag: () => getDefault("dropdown.triggerTag", "div"),
-    triggers: () => getDefault("dropdown.triggers", []),
     openOnClick: () => getDefault("tooltip.openOnClick", true),
     openOnContextmenu: () => getDefault("tooltip.openOnContextmenu", false),
     openOnHover: () => getDefault("tooltip.openOnHover", false),
@@ -224,9 +223,7 @@ const menuStyle = computed(() => ({
     overflow: props.scrollable ? "auto" : null,
 }));
 
-const hoverable = computed(
-    () => props.openOnHover || props.triggers.includes("hover"),
-);
+const hoverable = computed(() => props.openOnHover);
 
 const toggleScroll = usePreventScrolling(props.clipScroll);
 
@@ -362,31 +359,30 @@ function onTriggerClick(event: Event): void {
     // check if is mobile native and hoverable together
     if (isMobileNative && hoverable.value) toggle(event);
     // check normal click conditions
-    if (!(props.openOnClick || props.triggers.includes("click"))) return;
+    if (!props.openOnClick) return;
     toggle(event);
 }
 
 function onTriggerContextMenu(event: Event): void {
-    if (!(props.openOnContextmenu || props.triggers.includes("contextmenu")))
-        return;
+    if (!props.openOnContextmenu) return;
     event.preventDefault();
     open(event);
 }
 
 function onTriggerFocus(event: Event): void {
-    if (!(props.openOnFocus || props.triggers.includes("focus"))) return;
+    if (!props.openOnFocus) return;
     open(event);
 }
 
 function onTriggerHover(event: Event): void {
     if (isMobileNative) return;
-    if (!(props.openOnHover || props.triggers.includes("hover"))) return;
+    if (!props.openOnHover) return;
     open(event);
 }
 
 function onTriggerHoverLeave(event: Event): void {
     if (isMobileNative) return;
-    if (!(props.openOnHover || props.triggers.includes("hover"))) return;
+    if (!props.openOnHover) return;
     close(event);
 }
 

packages/oruga/src/components/dropdown/props.ts

@@ -56,19 +56,14 @@ export type DropdownProps<T, IsMultiple extends boolean = false> = {
     itemTag?: DynamicComponent;
     /** Dropdown trigger tag name */
     triggerTag?: DynamicComponent;
-    /**
-     * Dropdown will be triggered by any events
-     * @values click, hover, contextmenu, focus
-     */
-    triggers?: ("click" | "hover" | "contextmenu" | "focus")[];
-    /** Show when clicked on the trigger */
-    openOnClick?: boolean;
     /** Show when hover over the trigger */
     openOnHover?: boolean;
-    /** Show when right clicked on the trigger */
-    openOnContextmenu?: boolean;
     /** Show when trigger get focused */
     openOnFocus?: boolean;
+    /** Show when clicked on the trigger */
+    openOnClick?: boolean;
+    /** Show when right clicked on the trigger */
+    openOnContextmenu?: boolean;
     /** Dropdown delay before it appears (number in ms) */
     delay?: number;
     /** Keep dropdown list open when item get selected */

packages/oruga/src/components/types.ts

@@ -1126,25 +1126,21 @@ In addition, any CSS selector string or an actual DOM node can be used.
                  */
                 triggerTag: DynamicComponent;
                 /**
-                 * Dropdown will be triggered by any events
+                 * Show when hover over the trigger
                  */
-                triggers: ("focus" | "click" | "hover" | "contextmenu")[];
+                openOnHover: boolean;
                 /**
-                 * Show when clicked on the trigger
+                 * Show when trigger get focused
                  */
-                openOnClick: boolean;
+                openOnFocus: boolean;
                 /**
-                 * Show when hover over the trigger
+                 * Show when clicked on the trigger
                  */
-                openOnHover: boolean;
+                openOnClick: boolean;
                 /**
                  * Show when right clicked on the trigger
                  */
                 openOnContextmenu: boolean;
-                /**
-                 * Show when trigger get focused
-                 */
-                openOnFocus: boolean;
                 /**
                  * Keep dropdown list open when item get selected
                  */