[reactstrap] Added Typings for UncontrolledCollapse (#28638)

types/reactstrap/index.d.ts

@@ -7,6 +7,7 @@
 //                 Kurt Preston <https://github.com/KurtPreston>
 //                 Tim Chen <https://github.com/timc13>
 //                 Pat Gaffney <https://github.com/patrickrgaffney>
+//                 Prabodh Tiwari <https://github.com/prabodht>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 // TypeScript Version: 2.9
 
@@ -240,15 +241,18 @@ import {
   UncontrolledAlert as UncontrolledAlert_,
   UncontrolledButtonDropdown as UncontrolledButtonDropdown_,
   UncontrolledDropdown as UncontrolledDropdown_,
-  UncontrolledTooltip as UncontrolledTooltip_
+  UncontrolledTooltip as UncontrolledTooltip_,
+  UncontrolledCollapse as UncontrolledCollapse_
 } from './lib/Uncontrolled';
 export class UncontrolledAlert<T = {}> extends UncontrolledAlert_<T> {}
 export class UncontrolledButtonDropdown<T = {}> extends UncontrolledButtonDropdown_<T> {}
 export class UncontrolledDropdown<T = {}> extends UncontrolledDropdown_<T> {}
 export class UncontrolledTooltip<T = {}> extends UncontrolledTooltip_<T> {}
+export class UncontrolledCollapse<T = {}> extends UncontrolledCollapse_<T> {}
 export {
   UncontrolledButtonDropdownProps,
   UncontrolledAlertProps,
   UncontrolledDropdownProps,
-  UncontrolledTooltipProps
+  UncontrolledTooltipProps,
+  UncontrolledCollapseProps
 } from './lib/Uncontrolled';

types/reactstrap/lib/Collapse.d.ts

@@ -20,5 +20,16 @@ export type CollapseProps<T = {}> = React.HTMLProps<HTMLElement> & {
   onExited?: () => void;
 } & T;
 
+export type UncontrolledProps<T = {}> = React.HTMLProps<HTMLElement> & {
+  isOpen?: boolean;
+  className?: string;
+  cssModule?: CSSModule;
+  tag?: React.ReactType;
+  navbar?: boolean;
+  toggle?: () => void;
+} & T;
+
+export type UncontrolledCollapseProps<T = {}> = UncontrolledProps<T>;
+
 declare class Collapse<T = {[key: string]: any}> extends React.Component<CollapseProps<T>> {}
 export default Collapse;

types/reactstrap/lib/Uncontrolled.d.ts

@@ -4,13 +4,16 @@ import { UncontrolledAlertProps          } from './Alert';
 import { UncontrolledButtonDropdownProps } from './ButtonDropdown';
 import { UncontrolledDropdownProps       } from './Dropdown';
 import { UncontrolledTooltipProps        } from './Tooltip';
+import { UncontrolledCollapseProps       } from './Collapse';
 
 export class UncontrolledAlert<T = {}> extends React.Component<UncontrolledAlertProps<T>> {}
 export class UncontrolledButtonDropdown<T = {}> extends React.Component<UncontrolledButtonDropdownProps<T>> {}
 export class UncontrolledDropdown<T = {}> extends React.Component<UncontrolledDropdownProps<T>> {}
 export class UncontrolledTooltip<T = {}> extends React.Component<UncontrolledTooltipProps<T>> {}
+export class UncontrolledCollapse<T = {}> extends React.Component<UncontrolledCollapseProps<T>> {}
 
 export { UncontrolledAlertProps          } from './Alert';
 export { UncontrolledButtonDropdownProps } from './ButtonDropdown';
 export { UncontrolledDropdownProps       } from './Dropdown';
 export { UncontrolledTooltipProps        } from './Tooltip';
+export { UncontrolledCollapseProps       } from './Collapse';

types/reactstrap/reactstrap-tests.tsx

@@ -74,6 +74,7 @@ import {
   UncontrolledButtonDropdown,
   UncontrolledDropdown,
   UncontrolledTooltip,
+  UncontrolledCollapse,
   TabContent,
   Table,
   Tag,
@@ -3741,6 +3742,7 @@ function Example117() {
     <UncontrolledButtonDropdown ref={ref}/>;
     <UncontrolledDropdown ref={ref}/>;
     <UncontrolledTooltip ref={ref} target={null as any}/>;
+    <UncontrolledCollapse ref={ref} target={null as any}/>;
 }
 
 function Example118() {
@@ -3831,6 +3833,7 @@ import { UncontrolledAlert as UncontrolledAlert_ } from './lib/Uncontrolled'; /*
 import { UncontrolledButtonDropdown as UncontrolledButtonDropdown_ } from './lib/Uncontrolled'; /* tslint:disable-line: no-relative-import-in-test no-duplicate-imports */
 import { UncontrolledDropdown as UncontrolledDropdown_ } from './lib/Uncontrolled'; /* tslint:disable-line: no-relative-import-in-test no-duplicate-imports */
 import { UncontrolledTooltip as UncontrolledTooltip_ } from './lib/Uncontrolled'; /* tslint:disable-line: no-relative-import-in-test no-duplicate-imports */
+import { UncontrolledCollapse as UncontrolledCollapse_ } from './lib/Uncontrolled'; /* tslint:disable-line: no-relative-import-in-test no-duplicate-imports */
 
 function AnyPropExample() {
   return (
@@ -3913,6 +3916,7 @@ function AnyPropExample() {
       <UncontrolledButtonDropdown_ foo={1} bar={false} foobar="example" />
       <UncontrolledDropdown_ foo={1} bar={false} foobar="example" />
       <UncontrolledTooltip_ foo={1} bar={false} foobar="example" target="" />
+      <UncontrolledCollapse_ foo={1} bar={false} foobar="example" target="" />
     </React.Fragment >
   );
 }
@@ -4000,6 +4004,7 @@ class UncontrolledAlertGeneric extends UncontrolledAlert<GenericInterface> {}
 class UncontrolledButtonDropdownGeneric extends UncontrolledButtonDropdown<GenericInterface> {}
 class UncontrolledDropdownGeneric extends UncontrolledDropdown<GenericInterface> {}
 class UncontrolledTooltipGeneric extends UncontrolledTooltip<GenericInterface> {}
+class UncontrolledCollapseGeneric extends UncontrolledCollapse<GenericInterface> {}
 
 function GenericPropExample() {
   return (
@@ -4082,6 +4087,7 @@ function GenericPropExample() {
       <UncontrolledButtonDropdownGeneric foo={1} bar={false} foobar="example" />
       <UncontrolledDropdownGeneric foo={1} bar={false} foobar="example" />
       <UncontrolledTooltipGeneric foo={1} bar={false} foobar="example" target="" />
+      <UncontrolledCollapseGeneric foo={1} bar={false} foobar="example" target="" />
     </React.Fragment >
   );
 }
@@ -4264,3 +4270,22 @@ class Example122 extends React.Component<any, any> {
     );
   }
 }
+
+function Example123() {
+  return(
+    <div>
+      <Button color="primary" id="toggler" style={{ marginBottom: '1rem' }}>
+        Toggle
+      </Button>
+      <UncontrolledCollapse toggler="#toggler">
+        <Card>
+          <CardBody>
+            Lorem ipsum dolor sit amet consectetur adipisicing elit. Nesciunt magni, voluptas debitis
+            similique porro a molestias consequuntur earum odio officiis natus, amet hic, iste sed
+            dignissimos esse fuga! Minus, alias.
+          </CardBody>
+        </Card>
+      </UncontrolledCollapse>
+    </div>
+  );
+}