message: Panel: added getRootRef property
diff: @@ -8,9 +8,10 @@ import withInsets from '../../hoc/withInsets';
  import withPlatform from '../../hoc/withPlatform';
  import { isNumeric } from '../../lib/utils';
  import Separator from '../Separator/Separator';
  -import { HasPlatform, HasInsets } from '../../types/props';
  +import { HasPlatform, HasInsets, HasRootRef } from '../../types/props';
  +import { GetRef } from '../../types/common';
  -export interface PanelProps extends HTMLAttributes<HTMLDivElement>, HasPlatform, HasInsets {
  +export interface PanelProps extends HTMLAttributes<HTMLDivElement>, HasPlatform, HasInsets, HasRootRef<HTMLDivElement> {
  id: string;
  separator?: boolean;
  centered?: boolean;
  @@ -45,14 +46,33 @@ class Panel extends Component<PanelProps> {
  };
  }
  + container: HTMLDivElement;
  +
  + getRef: GetRef<HTMLDivElement> = (container: HTMLDivElement) => {
  + this.container = container;
  +
  + const getRootRef = this.props.getRootRef;
  + if (getRootRef) {
  + if (typeof getRootRef === 'function') {
  + getRootRef(container);
  + } else {
  + getRootRef.current = container;
  + }
  + }
  + };
  +
  render() {
  - const { className, centered, children, insets, platform, separator, ...restProps } = this.props;
  + const { className, centered, children, insets, platform, separator, getRootRef, ...restProps } = this.props;
  const tabbarPadding = this.context.hasTabbar ? tabbarHeight : 0;
  return (
  - <div {...restProps} className={classNames(getClassName('Panel', platform), className, {
  + <div
  + {...restProps}
  + ref={this.getRef}
  + className={classNames(getClassName('Panel', platform), className, {
  'Panel--centered': centered,
  - })}>
  + })}
  + >
  <Touch className="Panel__in" style={{
  paddingBottom: isNumeric(insets.bottom) ? insets.bottom + tabbarPadding : null,
  }}>
  