import * as React from 'react'; import styles from '@patternfly/react-styles/css/components/MultipleFileUpload/multiple-file-upload'; import { css } from '@patternfly/react-styles'; import { ExpandableSection } from '../ExpandableSection'; import { GenerateId } from '../../helpers/GenerateId/GenerateId'; import InProgressIcon from '@patternfly/react-icons/dist/esm/icons/in-progress-icon'; import CheckCircleIcon from '@patternfly/react-icons/dist/esm/icons/check-circle-icon'; import TimesCircleIcon from '@patternfly/react-icons/dist/esm/icons/times-circle-icon'; /** Acts as an expandable container for all uploaded file statuses. * An optional text and/or icon can also be passed into this sub-component. * This sub-component can be conditionally rendered when at least 1 file has been * attempted to be uploaded. */ export interface MultipleFileUploadStatusProps extends React.HTMLProps { /** Content rendered inside multi file upload status list */ children?: React.ReactNode; /** Class to add to outer div */ className?: string; /** String to show in the status toggle */ statusToggleText?: string; /** Icon to show in the status toggle */ statusToggleIcon?: 'danger' | 'success' | 'inProgress' | React.ReactNode; /** Adds an accessible label to the list of status items. */ 'aria-label'?: string; } export const MultipleFileUploadStatus: React.FunctionComponent = ({ children, className, statusToggleText, statusToggleIcon, 'aria-label': ariaLabel, ...props }: MultipleFileUploadStatusProps) => { const [icon, setIcon] = React.useState(); const [isOpen, setIsOpen] = React.useState(true); React.useEffect(() => { switch (statusToggleIcon) { case 'danger': setIcon(); break; case 'success': setIcon(); break; case 'inProgress': setIcon(); break; default: setIcon(statusToggleIcon); } }, [statusToggleIcon]); const toggle = (
{icon}
{statusToggleText}
); const toggleExpandableSection = () => { setIsOpen(!isOpen); }; return (
{(expandableSectionId) => (

{children}

)}
); }; MultipleFileUploadStatus.displayName = 'MultipleFileUploadStatus';