@neo4j-ndl/react
Version:
React implementation of Neo4j Design System
55 lines (54 loc) • 2.44 kB
TypeScript
/**
*
* Copyright (c) "Neo4j"
* Neo4j Sweden AB [http://neo4j.com]
*
* This file is part of Neo4j.
*
* Neo4j is free software: you can redistribute it and/or modify
* it under the terms of the GNU General Public License as published by
* the Free Software Foundation, either version 3 of the License, or
* (at your option) any later version.
*
* This program is distributed in the hope that it will be useful,
* but WITHOUT ANY WARRANTY; without even the implied warranty of
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
* GNU General Public License for more details.
*
* You should have received a copy of the GNU General Public License
* along with this program. If not, see <http://www.gnu.org/licenses/>.
*/
import { type DropzoneOptions } from 'react-dropzone';
import { type CommonProps } from '../_common/types';
/**
*
*
* Types
*
*
*/
type DropzoneProps = {
/** Props for the underlying `react-dropzone` component. Don't use `accept`. If using custom file extensions as this option is broken. Instead use the `acceptedFileExtensions` property. */
dropZoneOptions: DropzoneOptions;
/** Informational text that highlights the supported file types, will be displayed in the footer. */
supportedFilesDescription?: React.ReactNode;
/** Element to display when uploading the file.*/
loadingElement?: React.ReactNode;
/** Use when wanting a custom heading. */
heading?: React.ReactNode;
/** Message to be shown when file is rejected. */
rejectedText?: React.ReactNode;
/** The accepted file extensions for the Drag-and-Drop. */
acceptedFileExtensions?: string[];
};
type DropzoneLoadingProgressBarProps = {
/** The percentage of the progress bar. */
progressBarPrecentage: number;
/** The time in minute left to upload the file. */
progressBarMinute?: number;
};
declare const Dropzone: (({ dropZoneOptions, supportedFilesDescription, loadingElement, heading, rejectedText, acceptedFileExtensions, htmlAttributes, style, className, ref, ...restProps }: CommonProps<"div", DropzoneProps>) => import("react/jsx-runtime").JSX.Element) & {
LoadingProgressBar: ({ progressBarPrecentage, progressBarMinute, htmlAttributes, className, style, ref, ...restProps }: CommonProps<"div", DropzoneLoadingProgressBarProps>) => import("react/jsx-runtime").JSX.Element;
};
export { Dropzone };
//# sourceMappingURL=Dropzone.d.ts.map