@spaced-out/ui-design-system
Version:
Sense UI components library
340 lines • 8.72 kB
TypeScript
import * as React from 'react';
import type { FileUploadProps } from './';
declare const _default: {
tags: string[];
title: string;
component: import("flow-to-typescript-codemod").Flow.AbstractComponent<FileUploadProps, import("./FileUpload").FileUploadRef>;
argTypes: {
classNames: {
description: string;
control: {
type: string;
};
table: {
type: {
summary: string;
};
};
};
label: {
description: string;
control: {
type: string;
};
table: {
type: {
summary: string;
};
defaultValue: {
summary: string;
};
};
};
instruction: {
description: string;
control: {
type: string;
};
table: {
type: {
summary: string;
};
defaultValue: {
summary: string;
};
};
};
draggingInstruction: {
description: string;
control: {
type: string;
};
table: {
type: {
summary: string;
};
defaultValue: {
summary: string;
};
};
};
secondaryInstruction: {
description: string;
control: {
type: string;
};
table: {
type: {
summary: string;
};
defaultValue: {
summary: string;
};
};
};
maxSize: {
description: string;
control: {
type: string;
};
table: {
type: {
summary: string;
};
};
};
accept: {
description: string;
control: {
type: string;
};
table: {
type: {
summary: string;
};
};
};
onValidFilesDrop: {
description: string;
action: string;
table: {
type: {
summary: string;
};
};
};
onRejectedFilesDrop: {
description: string;
action: string;
table: {
type: {
summary: string;
};
};
};
handleFileDeletionExternally: {
description: string;
control: {
type: string;
};
table: {
type: {
summary: string;
};
defaultValue: {
summary: string;
};
};
};
onFileClear: {
description: string;
action: string;
table: {
type: {
summary: string;
};
};
};
onFileRefreshClick: {
description: string;
action: string;
table: {
type: {
summary: string;
};
};
};
disabled: {
description: string;
control: {
type: string;
};
table: {
type: {
summary: string;
};
defaultValue: {
summary: string;
};
};
};
ref: {
description: string;
table: {
type: {
summary: string;
};
};
};
maxFiles: {
description: string;
control: {
type: string;
};
table: {
type: {
summary: string;
};
defaultValue: {
summary: string;
};
};
};
required: {
description: string;
control: {
type: string;
};
table: {
type: {
summary: string;
};
defaultValue: {
summary: string;
};
};
};
};
parameters: {
docs: {
subtitle: string;
source: {
code: null;
};
description: {
component: string;
};
};
storySource: {
componentPath: string;
};
};
};
export default _default;
/**
* Renders a FileUpload component for uploading a single file.
*
* This example demonstrates how to use the FileUpload component with a single file upload.
*/
export declare const _SingleFile: {
(args: FileUploadProps): React.JSX.Element;
args: {
label: string;
secondaryInstruction: string;
maxFiles: number;
accept: {
'image/jpeg': string[];
'image/png': string[];
};
};
};
/**
* Renders a FileUpload component for uploading multiple files.
*
* This example demonstrates how to use the FileUpload component with multiple file uploads.
*/
export declare const _MultiFile: {
(args: FileUploadProps): React.JSX.Element;
args: {
label: string;
secondaryInstruction: string;
maxFiles: number;
accept: {
'image/jpeg': string[];
'image/png': string[];
};
};
};
/**
* Renders a FileUpload component for uploading multiple files.
*
* This example demonstrates how to use the FileUpload component with confirmation modal and handle deletion externally.
*/
export declare const _WithDeletionConfirmation: {
(args: FileUploadProps): React.JSX.Element;
args: {
label: string;
secondaryInstruction: string;
maxFiles: number;
accept: {
'image/jpeg': string[];
'image/png': string[];
};
};
};
/**
* Renders a FileUpload component with progress state.
*
* This example demonstrates how to use the FileUpload component with progress state.
*/
export declare const _WithProgress: {
(args: FileUploadProps): React.JSX.Element;
args: {
label: string;
secondaryInstruction: string;
maxFiles: number;
accept: {
'image/jpeg': string[];
'image/png': string[];
};
};
};
/**
* Renders a FileUpload component with indeterminate progress state.
*
* This example demonstrates how to use the FileUpload component with indeterminate progress state.
*/
export declare const _WithIndeterminateProgress: {
(args: FileUploadProps): React.JSX.Element;
args: {
label: string;
secondaryInstruction: string;
maxFiles: number;
accept: {
'image/jpeg': string[];
'image/png': string[];
};
};
};
/**
* Renders a FileUpload component with custom error and success messages.
*
* This example demonstrates how to use the FileUpload component with custom error and success messages.
*/
export declare const _WithCustomErrorMessages: {
(args: FileUploadProps): React.JSX.Element;
args: {
label: string;
secondaryInstruction: string;
maxFiles: number;
};
};
/**
* Renders a FileUpload component with max size validation.
*
* This example demonstrates how to use the FileUpload component with max size validation.
*/
export declare const _WithMaxSizeValidation: {
(args: FileUploadProps): React.JSX.Element;
args: {
label: string;
secondaryInstruction: string;
maxFiles: number;
maxSize: number;
};
};
/**
* Renders a FileUpload component with re upload icon when file state is moved to error.
*
* This example demonstrates how to use the FileUpload component with reupload.
*/
export declare const _WithFileRefresh: {
(args: FileUploadProps): React.JSX.Element;
args: {
label: string;
secondaryInstruction: string;
maxFiles: number;
maxSize: number;
};
};
//# sourceMappingURL=FileUpload.stories.d.ts.map