feat(DesignSystem): add disabled property to Dropdown

Author: MellyGray

packages/design-system/src/lib/components/dropdown-button/DropdownButton.tsx

@@ -15,6 +15,7 @@ interface DropdownButtonProps {
   withSpacing?: boolean
   asButtonGroup?: boolean
   onSelect?: (eventKey: string | null) => void
+  disabled?: boolean
   children: ReactNode
 }
 
@@ -26,6 +27,7 @@ export function DropdownButton({
   withSpacing,
   asButtonGroup,
   onSelect,
+  disabled,
   children
 }: DropdownButtonProps) {
   return (
@@ -40,6 +42,7 @@ export function DropdownButton({
       }
       variant={variant}
       as={asButtonGroup ? ButtonGroup : undefined}
+      disabled={disabled}
       onSelect={onSelect}>
       {children}
     </DropdownButtonBS>

packages/design-system/tests/component/dropdown-button/DropdownButton.spec.tsx

@@ -111,4 +111,14 @@ describe('DropdownButton', () => {
 
     cy.findByRole('separator').should('exist')
   })
+
+  it('renders disabled', () => {
+    cy.mount(
+      <DropdownButton id="dropdown-button" title={titleText} disabled>
+        <DropdownItem eventKey="1">Item 1</DropdownItem>
+        <DropdownItem eventKey="2">Item 2</DropdownItem>
+      </DropdownButton>
+    )
+    cy.findByText(titleText).should('be.disabled')
+  })
 })