Offcanvas has incorrect prop types for placement/direction

[BenJenkinson]

• components: Offcanvas
• reactstrap version #9.0.2

What is happening?

👀 Offcanvas.js defines & uses the direction prop, and does not mention a placement prop:

reactstrap/src/Offcanvas.js

Line 32 in 1179b87

direction: PropTypes.oneOf(['start', 'end', 'bottom', 'top', 'left', 'right']),

reactstrap/src/Offcanvas.js

Lines 412 to 414 in 1179b87

	className={mapToCssModules(classNames('offcanvas', className,
	`offcanvas-${direction}`
	), cssModule)}

👀 OffcanvasProps.d.ts defines the placement prop, and does not define a direction prop:

reactstrap/types/lib/Offcanvas.d.ts

Lines 5 to 35 in 1179b87

	export type Placement = 'start' | 'end' | 'left' | 'right' | 'bottom' | 'top';
	export interface OffcanvasProps extends React.HTMLAttributes<HTMLElement> {
	[key: string]: any;
	autoFocus?: boolean;
	backdrop?: boolean | 'static';
	backdropClassName?: string;
	backdropTransition?: FadeProps;
	container?: string | HTMLElement | React.RefObject<HTMLElement>;
	contentClassName?: string;
	cssModule?: CSSModule;
	fade?: boolean;
	innerRef?: React.Ref<HTMLElement>;
	isOpen?: boolean;
	keyboard?: boolean;
	labelledBy?: string;
	offcanvasClassName?: string;
	offcanvasTransition?: FadeProps;
	onClosed?: () => void;
	onEnter?: () => void;
	onExit?: () => void;
	onOpened?: () => void;
	placement?: Placement;
	returnFocusAfterClose?: boolean;
	scrollable?: boolean;
	toggle?: React.KeyboardEventHandler<any> | React.MouseEventHandler<any>;
	trapFocus?: boolean;
	unmountOnClose?: boolean;
	wrapClassName?: string;
	zIndex?: number | string;
	}

👀 OffcanvasProps.d.ts defines the placement prop as including the values "left" | "right", but these are not valid options for the prop.

https://github.com/twbs/bootstrap/blob/7745730e4132eff204bf2afe8351511e595acee6/scss/_offcanvas.scss#L57-L90

User impact

"placement" prop appears in intellisense, but does not have any effect (prop should be "direction")

"direction" prop does not appear in intellisense (prop not defined in OffcanvasProps)

What should be happening?

The type definition for OffcanvasProps should match the implementation in Offcanvas.js.

I would suggest that since we use "placement" for tooltips, and the Bootstrap docs describe "placement", that we should change the implementation of Offcanvas.js to use the placement prop instead of the direction prop.