package.src.components.Dropdown.DropdownItem.tsx Maven / Gradle / Ivy

Go to download

Show more of this group Show more artifacts with this name
Show all versions of react-core Show documentation

This library provides a set of common React components for use with the PatternFly reference implementation.

The newest version!

import React from 'react';
import { css } from '@patternfly/react-styles';
import { MenuItemProps, MenuItem } from '../Menu';
import { TooltipProps } from '../Tooltip';
import { useOUIAProps, OUIAProps } from '../../helpers';

/**
 * See the MenuItem section of the Menu documentation for additional props that may be passed.
 */
export interface DropdownItemProps extends Omit, OUIAProps {
  /** Anything which can be rendered in a dropdown item */
  children?: React.ReactNode;
  /** Classes applied to root element of dropdown item */
  className?: string;
  /** @hide Forwarded ref */
  innerRef?: React.Ref;
  /** Description of the dropdown item */
  description?: React.ReactNode;
  /** Render item as disabled option */
  isDisabled?: boolean;
  /** Render item as aria-disabled option */
  isAriaDisabled?: boolean;
  /** Identifies the component in the dropdown onSelect callback */
  value?: any;
  /** Callback for item click */
  onClick?: (event?: any) => void;
  /** Value to overwrite the randomly generated data-ouia-component-id.*/
  ouiaId?: number | string;
  /** Set the value of data-ouia-safe. Only set to true when the component is in a static state, i.e. no animations are occurring. At all other times, this value must be false. */
  ouiaSafe?: boolean;
  /** Props for adding a tooltip to a menu item */
  tooltipProps?: TooltipProps;
}

const DropdownItemBase: React.FunctionComponent = ({
  children,
  className,
  description,
  isDisabled,
  isAriaDisabled,
  value,
  onClick,
  ouiaId,
  ouiaSafe,
  innerRef,
  tooltipProps,
  ...props
}: DropdownItemProps) => {
  const ouiaProps = useOUIAProps(DropdownItem.displayName, ouiaId, ouiaSafe);
  return (
    
      {children}
    
  );
};

export const DropdownItem = React.forwardRef(
  (props: DropdownItemProps, ref: React.Ref) => (
    
  )
);

DropdownItem.displayName = 'DropdownItem';