Merge pull request #23384 from FaithForHumans/reactstrap_extendsPatch

[Reactstrap] Adding extends HTMLAttributes to components.

types/reactstrap/lib/Alert.d.ts

@@ -1,6 +1,6 @@
 import { CSSModule } from '../index';
 
-export interface UncontrolledProps {
+export interface UncontrolledProps extends React.HTMLAttributes<HTMLElement> {
   className?: string;
   cssModule?: CSSModule;
   color?: string;

types/reactstrap/lib/Badge.d.ts

@@ -1,6 +1,6 @@
 import { CSSModule } from '../index';
 
-export interface BadgeProps {
+export interface BadgeProps extends React.HTMLAttributes<HTMLElement> {
   color?: string;
   pill?: boolean;
   tag?: React.ReactType;

types/reactstrap/lib/Breadcrumb.d.ts

@@ -1,6 +1,6 @@
 import { CSSModule } from '../index';
 
-export interface BreadcrumbProps {
+export interface BreadcrumbProps extends React.HTMLAttributes<HTMLElement> {
   tag?: string;
   className?: string;
   cssModule?: CSSModule;

types/reactstrap/lib/BreadcrumbItem.d.ts

@@ -1,6 +1,6 @@
 import { CSSModule } from '../index';
 
-export interface BreadcrumbItemProps {
+export interface BreadcrumbItemProps extends React.HTMLAttributes<HTMLElement> {
   tag?: React.ReactType;
   active?: boolean;
   className?: string;

types/reactstrap/lib/ButtonGroup.d.ts

@@ -1,6 +1,6 @@
 import { CSSModule } from '../index';
 
-export interface ButtonGroupProps {
+export interface ButtonGroupProps extends React.HTMLAttributes<HTMLElement> {
   tag?: React.ReactType;
   'aria-label'?: string;
   className?: string;

types/reactstrap/lib/ButtonToolbar.d.ts

@@ -1,6 +1,6 @@
 import { CSSModule } from '../index';
 
-export interface ButtonToolbarProps {
+export interface ButtonToolbarProps extends React.HTMLAttributes<HTMLElement> {
   tag?: React.ReactType;
   'aria-label'?: string;
   className?: string;

types/reactstrap/lib/Card.d.ts

@@ -1,6 +1,6 @@
 import { CSSModule } from '../index';
 
-export interface CardProps {
+export interface CardProps extends React.HTMLAttributes<HTMLElement> {
   tag?: React.ReactType;
   inverse?: boolean;
   color?: string;

types/reactstrap/lib/CardBody.d.ts

@@ -1,6 +1,6 @@
 import { CSSModule } from '../index';
 
-export interface CardBodyProps {
+export interface CardBodyProps extends React.HTMLAttributes<HTMLElement> {
   tag?: React.ReactType;
   className?: string;
   cssModule?: CSSModule;

types/reactstrap/lib/CardColumns.d.ts

@@ -1,6 +1,6 @@
 import { CSSModule } from '../index';
 
-export interface CardColumnsProps {
+export interface CardColumnsProps extends React.HTMLAttributes<HTMLElement> {
   tag?: React.ReactType;
   className?: string;
   cssModule?: CSSModule;

types/reactstrap/lib/CardDeck.d.ts

@@ -1,6 +1,6 @@
 import { CSSModule } from '../index';
 
-export interface CardDeckProps {
+export interface CardDeckProps extends React.HTMLAttributes<HTMLElement> {
   tag?: React.ReactType;
   className?: string;
   cssModule?: CSSModule;

types/reactstrap/lib/CardFooter.d.ts

@@ -1,6 +1,6 @@
 import { CSSModule } from '../index';
 
-export interface CardFooterProps {
+export interface CardFooterProps extends React.HTMLAttributes<HTMLElement> {
   tag?: React.ReactType;
   className?: string;
   cssModule?: CSSModule;

types/reactstrap/lib/CardGroup.d.ts

@@ -1,6 +1,6 @@
 import { CSSModule } from '../index';
 
-export interface CardGroupProps {
+export interface CardGroupProps extends React.HTMLAttributes<HTMLElement> {
   tag?: React.ReactType;
   className?: string;
   cssModule?: CSSModule;

types/reactstrap/lib/CardHeader.d.ts

@@ -1,6 +1,6 @@
 import { CSSModule } from '../index';
 
-export interface CardHeaderProps {
+export interface CardHeaderProps extends React.HTMLAttributes<HTMLElement> {
   tag?: React.ReactType;
   className?: string;
   cssModule?: CSSModule;

types/reactstrap/lib/CardImg.d.ts

@@ -1,6 +1,6 @@
 import { CSSModule } from '../index';
 
-export interface CardImgProps {
+export interface CardImgProps extends React.HTMLAttributes<HTMLElement> {
   tag?: React.ReactType;
   top?: boolean;
   bottom?: boolean;

types/reactstrap/lib/CardImgOverlay.d.ts

@@ -1,6 +1,6 @@
 import { CSSModule } from '../index';
 
-export interface CardImgOverlayProps {
+export interface CardImgOverlayProps extends React.HTMLAttributes<HTMLElement> {
   tag?: React.ReactType;
   className?: string;
   cssModule?: CSSModule;

types/reactstrap/lib/CardLink.d.ts

@@ -1,6 +1,6 @@
 import { CSSModule } from '../index';
 
-export interface CardLinkProps {
+export interface CardLinkProps extends React.HTMLAttributes<HTMLElement> {
   tag?: React.ReactType;
   innerRef?: string | ((instance: HTMLButtonElement) => any);
   className?: string;

types/reactstrap/lib/CardSubtitle.d.ts

@@ -1,6 +1,6 @@
 import { CSSModule } from '../index';
 
-export interface CardSubtitleProps {
+export interface CardSubtitleProps extends React.HTMLAttributes<HTMLElement> {
   tag?: React.ReactType;
   className?: string;
   cssModule?: CSSModule;

types/reactstrap/lib/CardText.d.ts

@@ -1,6 +1,6 @@
 import { CSSModule } from '../index';
 
-export interface CardTextProps {
+export interface CardTextProps extends React.HTMLAttributes<HTMLElement> {
   tag?: React.ReactType;
   className?: string;
   cssModule?: CSSModule;

types/reactstrap/lib/CardTitle.d.ts

@@ -1,6 +1,6 @@
 import { CSSModule } from '../index';
 
-export interface CardTitleProps {
+export interface CardTitleProps extends React.HTMLAttributes<HTMLElement> {
   tag?: React.ReactType;
   className?: string;
   cssModule?: CSSModule;

types/reactstrap/lib/Container.d.ts

@@ -1,6 +1,6 @@
 import { CSSModule } from '../index';
 
-export interface ContainerProps {
+export interface ContainerProps extends React.HTMLAttributes<HTMLElement> {
   tag?: React.ReactType;
   fluid?: boolean;
   className?: string;

types/reactstrap/lib/Dropdown.d.ts

@@ -1,6 +1,6 @@
 import { CSSModule } from '../index';
 
-export interface UncontrolledProps {
+export interface UncontrolledProps extends React.HTMLAttributes<HTMLElement> {
   isOpen?: boolean;
   toggle?: () => void;
   className?: string;

types/reactstrap/lib/DropdownItem.d.ts

@@ -1,6 +1,6 @@
 import { CSSModule } from '../index';
 
-export interface DropdownItemProps {
+export interface DropdownItemProps extends React.HTMLAttributes<HTMLElement> {
   disabled?: boolean;
   divider?: boolean;
   tag?: React.ReactType;

types/reactstrap/lib/DropdownMenu.d.ts

@@ -1,6 +1,6 @@
 import { CSSModule } from '../index';
 
-export interface DropdownMenuProps {
+export interface DropdownMenuProps extends React.HTMLAttributes<HTMLElement> {
   tag?: React.ReactType;
   right?: boolean;
   className?: string;

types/reactstrap/lib/DropdownToggle.d.ts

@@ -1,6 +1,6 @@
 import { CSSModule } from '../index';
 
-export interface DropdownToggleProps {
+export interface DropdownToggleProps extends React.HTMLAttributes<HTMLElement> {
   caret?: boolean;
   className?: string;
   cssModule?: CSSModule;

types/reactstrap/lib/Fade.d.ts

@@ -1,6 +1,6 @@
 import { CSSModule } from '../index';
 
-export interface FadeProps {
+export interface FadeProps extends React.HTMLAttributes<HTMLElement> {
   in?: boolean;
   baseClass?: string;
   baseClassIn?: string;

types/reactstrap/lib/FormFeedback.d.ts

@@ -1,6 +1,6 @@
 import { CSSModule } from '../index';
 
-export interface FormFeedbackProps {
+export interface FormFeedbackProps extends React.HTMLAttributes<HTMLElement> {
   tag?: string;
   className?: string;
   cssModule?: CSSModule;

types/reactstrap/lib/FormText.d.ts

@@ -1,6 +1,6 @@
 import { CSSModule } from '../index';
 
-export interface FormTextProps {
+export interface FormTextProps extends React.HTMLAttributes<HTMLElement> {
   inline?: boolean;
   tag?: React.ReactType;
   color?: string;

types/reactstrap/lib/InputGroup.d.ts

@@ -1,6 +1,6 @@
 import { CSSModule } from '../index';
 
-export interface InputGroupProps {
+export interface InputGroupProps extends React.HTMLAttributes<HTMLElement> {
   tag?: React.ReactType;
   size?: string;
   className?: string;

types/reactstrap/lib/Jumbotron.d.ts

@@ -1,6 +1,6 @@
 import { CSSModule } from '../index';
 
-export interface JumbotronProps {
+export interface JumbotronProps extends React.HTMLAttributes<HTMLElement> {
   tag?: React.ReactType;
   fluid?: boolean;
   className?: string;

types/reactstrap/lib/ListGroup.d.ts

@@ -1,6 +1,6 @@
 import { CSSModule } from '../index';
 
-export interface ListGroupProps {
+export interface ListGroupProps extends React.HTMLAttributes<HTMLElement> {
   tag?: React.ReactType;
   flush?: boolean;
   className?: string;

types/reactstrap/lib/ListGroupItem.d.ts

@@ -1,6 +1,6 @@
 import { CSSModule } from '../index';
 
-export interface ListGroupItemProps {
+export interface ListGroupItemProps extends React.HTMLAttributes<HTMLElement> {
   tag?: React.ReactType;
   active?: boolean;
   disabled?: boolean;

types/reactstrap/lib/ListGroupItemHeading.d.ts

@@ -1,6 +1,6 @@
 import { CSSModule } from '../index';
 
-export interface ListGroupItemHeadingProps {
+export interface ListGroupItemHeadingProps extends React.HTMLAttributes<HTMLElement> {
   tag?: React.ReactType;
   className?: string;
   cssModule?: CSSModule;

types/reactstrap/lib/ListGroupItemText.d.ts

@@ -1,6 +1,6 @@
 import { CSSModule } from '../index';
 
-export interface ListGroupItemTextProps {
+export interface ListGroupItemTextProps extends React.HTMLAttributes<HTMLElement> {
   tag?: React.ReactType;
   className?: string;
   cssModule?: CSSModule;

types/reactstrap/lib/Media.d.ts

@@ -1,6 +1,6 @@
 import { CSSModule } from '../index';
 
-export interface MediaProps {
+export interface MediaProps extends React.HTMLAttributes<HTMLElement> {
   body?: boolean;
   bottom?: boolean;
   className?: string;

types/reactstrap/lib/Modal.d.ts

@@ -1,7 +1,7 @@
 import { CSSModule } from '../index';
 import { FadeProps } from './Fade';
 
-export interface ModalProps {
+export interface ModalProps extends React.HTMLAttributes<HTMLElement> {
   isOpen?: boolean;
   autoFocus?: boolean;
   size?: string;

types/reactstrap/lib/ModalBody.d.ts

@@ -1,6 +1,6 @@
 import { CSSModule } from '../index';
 
-export interface ModalBodyProps {
+export interface ModalBodyProps extends React.HTMLAttributes<HTMLElement> {
   tag?: React.ReactType;
   className?: string;
   cssModule?: CSSModule;

types/reactstrap/lib/ModalFooter.d.ts

@@ -1,6 +1,6 @@
 import { CSSModule } from '../index';
 
-export interface ModalFooterProps {
+export interface ModalFooterProps extends React.HTMLAttributes<HTMLElement> {
   tag?: React.ReactType;
   className?: string;
   cssModule?: CSSModule;

types/reactstrap/lib/ModalHeader.d.ts

@@ -1,6 +1,6 @@
 import { CSSModule } from '../index';
 
-export interface ModalHeaderProps {
+export interface ModalHeaderProps extends React.HTMLAttributes<HTMLElement> {
   tag?: React.ReactType;
   className?: string;
   cssModule?: CSSModule;

types/reactstrap/lib/NavItem.d.ts

@@ -1,6 +1,6 @@
 import { CSSModule } from '../index';
 
-export interface NavItemProps {
+export interface NavItemProps extends React.HTMLAttributes<HTMLElement> {
   tag?: React.ReactType;
   className?: string;
   cssModule?: CSSModule;

types/reactstrap/lib/Navbar.d.ts

@@ -1,6 +1,6 @@
 import { CSSModule } from '../index';
 
-export interface NavbarProps {
+export interface NavbarProps extends React.HTMLAttributes<HTMLElement> {
   light?: boolean;
   dark?: boolean;
   inverse?: boolean;

types/reactstrap/lib/Pagination.d.ts

@@ -1,6 +1,6 @@
 import { CSSModule } from '../index';
 
-export interface PaginationProps {
+export interface PaginationProps extends React.HTMLAttributes<HTMLElement> {
   className?: string;
   cssModule?: CSSModule;
   size?: string;

types/reactstrap/lib/PaginationItem.d.ts

@@ -1,6 +1,6 @@
 import { CSSModule } from '../index';
 
-export interface PaginationItemProps {
+export interface PaginationItemProps extends React.HTMLAttributes<HTMLElement> {
   className?: string;
   cssModule?: CSSModule;
   active?: boolean;

types/reactstrap/lib/PopoverBody.d.ts

@@ -1,6 +1,6 @@
 import { CSSModule } from '../index';
 
-export interface PopoverBodyProps {
+export interface PopoverBodyProps extends React.HTMLAttributes<HTMLElement> {
   tag?: React.ReactType;
   className?: string;
   cssModule?: CSSModule;

types/reactstrap/lib/PopoverHeader.d.ts

@@ -1,6 +1,6 @@
 import { CSSModule } from '../index';
 
-export interface PopoverHeaderProps {
+export interface PopoverHeaderProps extends React.HTMLAttributes<HTMLElement> {
   tag?: React.ReactType;
   className?: string;
   cssModule?: CSSModule;

types/reactstrap/lib/Progress.d.ts

@@ -1,6 +1,6 @@
 import { CSSModule } from '../index';
 
-export interface ProgressProps {
+export interface ProgressProps extends React.HTMLAttributes<HTMLElement> {
   bar?: boolean;
   multi?: boolean;
   tag?: string;

types/reactstrap/lib/Row.d.ts

@@ -1,6 +1,6 @@
 import { CSSModule } from '../index';
 
-export interface RowProps extends React.HTMLProps< HTMLElement> {
+export interface RowProps extends React.HTMLProps<HTMLElement> {
   className?: string;
   cssModule?: CSSModule;
   tag?: React.ReactType;

types/reactstrap/lib/TabContent.d.ts

@@ -1,6 +1,6 @@
 import { CSSModule } from '../index';
 
-export interface TabContentProps {
+export interface TabContentProps extends React.HTMLAttributes<HTMLElement> {
   tag?: React.ReactType;
   activeTab?: number | string;
   className?: string;

types/reactstrap/lib/TabPane.d.ts

@@ -1,6 +1,6 @@
 import { CSSModule } from '../index';
 
-export interface TabPaneProps {
+export interface TabPaneProps extends React.HTMLAttributes<HTMLElement> {
   tag?: React.ReactType;
   className?: string;
   cssModule?: CSSModule;

types/reactstrap/lib/Table.d.ts

@@ -1,6 +1,6 @@
 import { CSSModule } from '../index';
 
-export interface TableProps {
+export interface TableProps extends React.HTMLAttributes<HTMLElement> {
   className?: string;
   cssModule?: CSSModule;
   size?: string;

types/reactstrap/lib/Tag.d.ts

@@ -1,6 +1,6 @@
 import { CSSModule } from '../index';
 
-export interface TagProps {
+export interface TagProps extends React.HTMLAttributes<HTMLElement> {
   color?: string;
   pill?: boolean;
   tag?: React.ReactType;