[EuiInputPopover] Convert .defaultProps + a improve props documenta…

…tion

- a few hard-coded props (that were present in the table) should have been defined in the destructure fallbacks, so that their defaults display in our docs prop table

src/components/popover/input_popover.tsx

@@ -64,7 +64,13 @@ export const EuiInputPopover: FunctionComponent<EuiInputPopoverProps> = ({
   children,
   className,
   closePopover,
+  anchorPosition = 'downLeft',
+  attachToAnchor = true,
+  repositionToCrossAxis = false,
+  display = 'block',
+  panelPaddingSize = 's',
   closeOnScroll = false,
+  ownFocus = false,
   disableFocusTrap = false,
   focusTrapProps,
   input,
@@ -189,15 +195,19 @@ export const EuiInputPopover: FunctionComponent<EuiInputPopoverProps> = ({
 
   return (
     <EuiPopover
+      className={classes}
       css={css(fullWidth ? undefined : logicalCSS('max-width', form.maxWidth))}
-      repositionToCrossAxis={false}
-      ownFocus={false}
+      display={display}
       button={input}
       buttonRef={inputRef}
       panelRef={panelRef}
-      className={classes}
       ref={popoverClassRef}
       closePopover={closePopover}
+      anchorPosition={anchorPosition}
+      attachToAnchor={attachToAnchor}
+      repositionToCrossAxis={repositionToCrossAxis}
+      panelPaddingSize={panelPaddingSize}
+      ownFocus={ownFocus}
       {...props}
       panelProps={{ ...props.panelProps, onKeyDown }}
     >
@@ -213,10 +223,3 @@ export const EuiInputPopover: FunctionComponent<EuiInputPopoverProps> = ({
     </EuiPopover>
   );
 };
-
-EuiInputPopover.defaultProps = {
-  anchorPosition: 'downLeft',
-  attachToAnchor: true,
-  display: 'block',
-  panelPaddingSize: 's',
-};