Add missing disabled prop to es-action-dropdown

EventStore · May 27, 2024 · 59d3f19 · 59d3f19
1 parent afe6084
commit 59d3f19
Show file tree

Hide file tree

Showing 4 changed files with 20 additions and 3 deletions.
diff --git a/.changeset/rude-seas-approve.md b/.changeset/rude-seas-approve.md
@@ -0,0 +1,5 @@
+---
+'@eventstore-ui/components': patch
+---
+
+Add missing disabled prop to `es-action-dropdown`
diff --git a/packages/components/src/components.d.ts b/packages/components/src/components.d.ts
@@ -85,6 +85,10 @@ export namespace Components {
      * All child actions must have the `dropdownItem` prop set.
      */
     interface EsActionDropdown {
+        /**
+          * If the dropdown should be disabled.
+         */
+        "disabled": boolean;
         /**
           * The icon to show for the action.
          */
@@ -1464,6 +1468,10 @@ declare namespace LocalJSX {
      * All child actions must have the `dropdownItem` prop set.
      */
     interface EsActionDropdown {
+        /**
+          * If the dropdown should be disabled.
+         */
+        "disabled"?: boolean;
         /**
           * The icon to show for the action.
          */

diff --git a/packages/components/src/components/actions/es-action-dropdown/es-action-dropdown.tsx b/packages/components/src/components/actions/es-action-dropdown/es-action-dropdown.tsx
@@ -14,13 +14,16 @@ import type { IconDescription } from '../../es-icon/types';
 export class ESActionDropdown {
     /** The icon to show for the action. */
     @Prop() icon: IconDescription = [ICON_NAMESPACE, 'more'];
+    /** If the dropdown should be disabled. */
+    @Prop() disabled: boolean = false;
 
     @State() dropdownOpen: boolean = false;
 
     render() {
         return (
             <Host>
                 <es-button
+                    disabled={this.disabled}
                     variant={'minimal'}
                     onClick={this.toggleDropdown}
                     onMouseDown={(e) => e.preventDefault()}

diff --git a/packages/components/src/components/actions/es-action-dropdown/readme.md b/packages/components/src/components/actions/es-action-dropdown/readme.md
@@ -67,9 +67,10 @@ export default () => (
 
 ## Properties
 
-| Property | Attribute | Description                      | Type                                                    | Default                    |
-| -------- | --------- | -------------------------------- | ------------------------------------------------------- | -------------------------- |
-| `icon`   | `icon`    | The icon to show for the action. | `[namespace: string \| symbol, name: string] \| string` | `[ICON_NAMESPACE, 'more']` |
+| Property   | Attribute  | Description                         | Type                                                    | Default                    |
+| ---------- | ---------- | ----------------------------------- | ------------------------------------------------------- | -------------------------- |
+| `disabled` | `disabled` | If the dropdown should be disabled. | `boolean`                                               | `false`                    |
+| `icon`     | `icon`     | The icon to show for the action.    | `[namespace: string \| symbol, name: string] \| string` | `[ICON_NAMESPACE, 'more']` |
 
 
 ## Dependencies