@arbor-education/design-system.components 4.7.1 → 4.9.0

package/CHANGELOG.md

@@ -1,5 +1,21 @@
 # Changelog
 
+## 4.9.0
+
+### Minor Changes
+
+- [#305](https://github.com/arbor-education/design-system.components/pull/305) [`157ea72`](https://github.com/arbor-education/design-system.components/commit/157ea7200c54ad05ac53032d739062fc96369e33) Thanks [@angusmglfraser](https://github.com/angusmglfraser)! - MIS-74654 ✨ Add error message support to FileUpload and FileList
+
+## 4.8.0
+
+### Minor Changes
+
+- [#293](https://github.com/arbor-education/design-system.components/pull/293) [`11a1f4d`](https://github.com/arbor-education/design-system.components/commit/11a1f4dfbc498cecdf26aa56c83d8007a2b6ff52) Thanks [@MarkFrancisArbor](https://github.com/MarkFrancisArbor)! - MIS-76030 Added error message prop to Heading component
+
+- [#292](https://github.com/arbor-education/design-system.components/pull/292) [`1b09078`](https://github.com/arbor-education/design-system.components/commit/1b09078a1d9e4ce5740e8a8ba4dae92fa9d8a3bd) Thanks [@MarkFrancisArbor](https://github.com/MarkFrancisArbor)! - MIS-76022 Added hasError states to cell renderers
+
+- [#302](https://github.com/arbor-education/design-system.components/pull/302) [`e82e4ac`](https://github.com/arbor-education/design-system.components/commit/e82e4ac54374c3d9a4f2ec9294dbed55056ee01d) Thanks [@angusmglfraser](https://github.com/angusmglfraser)! - MIS-73774 ✨ FileList extracted from FileUpload for use as a standalone component
+
 ## 4.7.1
 
 ### Patch Changes

package/dist/components/fileUpload/FileList.d.ts

@@ -0,0 +1,7 @@
+import type { UploadedFile } from '../fileUpload/FileUpload.js';
+export type FileListProps = {
+    uploadedFiles: UploadedFile[];
+    onEditFile?: (index: number) => void;
+};
+export declare const FileList: (props: FileListProps) => import("react").JSX.Element;
+//# sourceMappingURL=FileList.d.ts.map

package/dist/components/fileUpload/FileList.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FileList.d.ts","sourceRoot":"","sources":["../../../src/components/fileUpload/FileList.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,kCAAkC,CAAC;AAGrE,MAAM,MAAM,aAAa,GAAG;IAC1B,aAAa,EAAE,YAAY,EAAE,CAAC;IAC9B,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACtC,CAAC;AAcF,eAAO,MAAM,QAAQ,GAAI,OAAO,aAAa,gCAkG5C,CAAC"}

package/dist/components/fileUpload/FileList.js

@@ -0,0 +1,29 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import classNames from 'classnames';
+import { Button } from '../button/Button.js';
+import { Card } from '../card/Card.js';
+import { Icon } from '../icon/Icon.js';
+import { Progress } from '../progress/Progress.js';
+import { Separator } from '../separator/Separator.js';
+const renderFileLink = ({ href = '', linkProps, renderLink }, children) => {
+    const className = 'ds-file-upload__file-link';
+    if (renderLink) {
+        return renderLink({ href, className, children, linkProps });
+    }
+    return (_jsx("a", { href: href, target: "_blank", rel: "noopener noreferrer", className: className, ...linkProps, children: children }));
+};
+export const FileList = (props) => {
+    const { uploadedFiles, onEditFile, } = props;
+    return (_jsx(Card, { className: "ds-file-upload__file-list", children: uploadedFiles.map((file, index) => {
+            const { fileName, fileSize, fileType, href, onEdit, onDelete, onDownload, hasUploadFailed, progressPercentage, errorMessage, } = file;
+            const icon = file.icon ?? (href ? 'link' : 'file');
+            const nameNode = _jsx("span", { className: "ds-file-upload__file-name", children: fileName });
+            return (_jsxs("div", { className: "ds-file-upload__file-outer", children: [_jsxs("span", { className: "ds-file-upload__file", children: [_jsx("span", { className: "ds-file-upload__icon-wrapper", children: _jsx(Icon, { size: 24, name: icon, color: "var(--color-brand-600)" }) }), _jsxs("span", { className: "ds-file-upload__file-details", children: [href ? renderFileLink(file, nameNode) : nameNode, hasUploadFailed || errorMessage
+                                        ? (_jsxs("span", { className: "ds-file-upload__upload-failed", children: [_jsx(Icon, { name: "circle-alert" }), ' ', errorMessage ?? 'Upload failed'] }))
+                                        : _jsx("span", { className: "ds-file-upload__file-meta", children: href ?? `${fileType}, ${fileSize}` })] }), href && (_jsx(Button, { variant: "secondary", isRound: true, onClick: () => navigator.clipboard.writeText(href), children: _jsx(Icon, { name: "copy", screenReaderText: "Copy link" }) })), href && onEditFile && onEdit && (_jsx(Button, { variant: "secondary", isRound: true, onClick: () => onEditFile(index), children: _jsx(Icon, { name: "pencil", screenReaderText: "Edit link" }) })), onDownload && (_jsx(Button, { variant: "secondary", isRound: true, onClick: onDownload, children: _jsx(Icon, { name: "download", screenReaderText: "Download file" }) })), onDelete && (_jsx(Button, { variant: "secondary", isRound: true, onClick: onDelete, children: _jsx(Icon, { name: "trash", screenReaderText: href ? 'Delete link' : 'Delete file' }) }))] }), typeof progressPercentage === 'number' && progressPercentage < 100
+                        && (_jsx(Progress, { value: progressPercentage, className: "ds-file-upload__progress-bar", "aria-label": "Upload progress bar", indicatorClassName: classNames('ds-file-upload__progress-bar-indicator', {
+                                'ds-file-upload__progress-bar-indicator--failed': hasUploadFailed,
+                            }) })), index < uploadedFiles.length - 1 && _jsx(Separator, {})] }, fileName));
+        }) }));
+};
+//# sourceMappingURL=FileList.js.map

package/dist/components/fileUpload/FileList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FileList.js","sourceRoot":"","sources":["../../../src/components/fileUpload/FileList.tsx"],"names":[],"mappings":"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"}

package/dist/components/fileUpload/FileList.stories.d.ts

@@ -0,0 +1,47 @@
+import type { StoryObj } from '@storybook/react-vite';
+declare const meta: {
+    title: string;
+    component: (props: import("./FileList.js").FileListProps) => import("react").JSX.Element;
+    tags: string[];
+    parameters: {
+        layout: string;
+        docs: {
+            description: {
+                component: string;
+            };
+        };
+    };
+    argTypes: {
+        uploadedFiles: {
+            description: string;
+            control: false;
+            table: {
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        onEditFile: {
+            description: string;
+            control: false;
+            table: {
+                type: {
+                    summary: string;
+                };
+            };
+        };
+    };
+    args: {
+        uploadedFiles: never[];
+        onEditFile: import("vitest").Mock<(...args: any[]) => any>;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const WithLinks: Story;
+export declare const UploadInProgress: Story;
+export declare const FailedUpload: Story;
+export declare const WithErrorMessage: Story;
+export declare const LinkWithErrorMessage: Story;
+//# sourceMappingURL=FileList.stories.d.ts.map

package/dist/components/fileUpload/FileList.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FileList.stories.d.ts","sourceRoot":"","sources":["../../../src/components/fileUpload/FileList.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAI5D,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgCuB,CAAC;AAElC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAmBrB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAiBvB,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,KAY9B,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAa1B,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,KAoB9B,CAAC;AAEF,eAAO,MAAM,oBAAoB,EAAE,KAYlC,CAAC"}

package/dist/components/fileUpload/FileList.stories.js

@@ -0,0 +1,136 @@
+import { fn } from 'storybook/test';
+import { FileList } from './FileList.js';
+const meta = {
+    title: 'Components/FileUpload/FileList',
+    component: FileList,
+    tags: ['autodocs'],
+    parameters: {
+        layout: 'padded',
+        docs: {
+            description: {
+                component: 'Renders the list of files and links attached to a `FileUpload`. Use it on its own when the list is shown without the dropzone.',
+            },
+        },
+    },
+    argTypes: {
+        uploadedFiles: {
+            description: 'Files and links to display. Each entry is an `UploadedFile`. Rows with an `href` render as links.',
+            control: false,
+            table: {
+                type: { summary: 'UploadedFile[]' },
+            },
+        },
+        onEditFile: {
+            description: 'Called with the row index when the Edit link button is clicked. The button only renders for link rows that also provide `onEdit`.',
+            control: false,
+            table: {
+                type: { summary: '(index: number) => void' },
+            },
+        },
+    },
+    args: {
+        uploadedFiles: [],
+        onEditFile: fn(),
+    },
+};
+export default meta;
+export const Default = {
+    args: {
+        uploadedFiles: [
+            {
+                fileName: 'spring-term-report-2024.pdf',
+                fileType: 'PDF',
+                fileSize: '1.2 MB',
+                onDownload: fn(),
+                onDelete: fn(),
+            },
+            {
+                fileName: 'attendance-summary-jan.xlsx',
+                fileType: 'XLSX',
+                fileSize: '348 KB',
+                onDownload: fn(),
+                onDelete: fn(),
+            },
+        ],
+    },
+};
+export const WithLinks = {
+    args: {
+        uploadedFiles: [
+            {
+                fileName: 'Behaviour policy',
+                href: 'https://example.com/behaviour-policy',
+                onEdit: fn(),
+                onDelete: fn(),
+            },
+            {
+                fileName: 'Pastoral handbook',
+                href: 'https://example.com/pastoral-handbook',
+                onEdit: fn(),
+                onDelete: fn(),
+            },
+        ],
+    },
+};
+export const UploadInProgress = {
+    args: {
+        uploadedFiles: [
+            {
+                fileName: 'year-7-photo-day.zip',
+                fileType: 'ZIP',
+                fileSize: '48 MB',
+                progressPercentage: 45,
+                onDelete: fn(),
+            },
+        ],
+    },
+};
+export const FailedUpload = {
+    args: {
+        uploadedFiles: [
+            {
+                fileName: 'year-7-photo-day.zip',
+                fileType: 'ZIP',
+                fileSize: '48 MB',
+                progressPercentage: 45,
+                hasUploadFailed: true,
+                onDelete: fn(),
+            },
+        ],
+    },
+};
+export const WithErrorMessage = {
+    args: {
+        uploadedFiles: [
+            {
+                fileName: 'oversized-photo.png',
+                fileType: 'PNG',
+                fileSize: '18 MB',
+                hasUploadFailed: true,
+                errorMessage: 'This file is larger than the 10 MB limit.',
+                onDelete: fn(),
+            },
+            {
+                fileName: 'spring-term-report-2024.pdf',
+                fileType: 'PDF',
+                fileSize: '1.2 MB',
+                onDownload: fn(),
+                onDelete: fn(),
+            },
+        ],
+    },
+};
+export const LinkWithErrorMessage = {
+    args: {
+        uploadedFiles: [
+            {
+                fileName: 'Behaviour policy',
+                href: 'https://example.com/behaviour-policy',
+                errorMessage: 'This link could not be reached. Check the URL and try again.',
+                onEdit: fn(),
+                onDelete: fn(),
+            },
+        ],
+    },
+};
+//# sourceMappingURL=FileList.stories.js.map

package/dist/components/fileUpload/FileList.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FileList.stories.js","sourceRoot":"","sources":["../../../src/components/fileUpload/FileList.stories.tsx"],"names":[],"mappings":"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"}

package/dist/components/fileUpload/FileList.test.d.ts

@@ -0,0 +1,2 @@
+import '@testing-library/jest-dom/vitest';
+//# sourceMappingURL=FileList.test.d.ts.map

package/dist/components/fileUpload/FileList.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FileList.test.d.ts","sourceRoot":"","sources":["../../../src/components/fileUpload/FileList.test.tsx"],"names":[],"mappings":"AAGA,OAAO,kCAAkC,CAAC"}

package/dist/components/fileUpload/FileList.test.js

@@ -0,0 +1,147 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { describe, expect, test, vi } from 'vitest';
+import { render, screen } from '@testing-library/react';
+import userEvent from '@testing-library/user-event';
+import '@testing-library/jest-dom/vitest';
+import { FileList } from './FileList.js';
+const baseFile = {
+    fileName: 'report.pdf',
+    fileType: 'PDF',
+    fileSize: '1.2 MB',
+};
+const linkFile = {
+    fileName: 'Pastoral policy',
+    href: 'https://example.com/policy',
+};
+describe('FileList', () => {
+    describe('file rows', () => {
+        test('renders file name with type and size', () => {
+            render(_jsx(FileList, { uploadedFiles: [baseFile] }));
+            expect(screen.getByText('report.pdf')).toBeInTheDocument();
+            expect(screen.getByText('PDF, 1.2 MB')).toBeInTheDocument();
+        });
+        test('renders every file in the list', () => {
+            render(_jsx(FileList, { uploadedFiles: [
+                    baseFile,
+                    { fileName: 'photo.jpg', fileType: 'JPEG', fileSize: '3.7 MB' },
+                ] }));
+            expect(screen.getByText('report.pdf')).toBeInTheDocument();
+            expect(screen.getByText('photo.jpg')).toBeInTheDocument();
+        });
+        test('does not render a link for file rows', () => {
+            render(_jsx(FileList, { uploadedFiles: [baseFile] }));
+            expect(screen.queryByRole('link')).not.toBeInTheDocument();
+        });
+        test('shows Upload failed in place of the file meta', () => {
+            render(_jsx(FileList, { uploadedFiles: [{ ...baseFile, hasUploadFailed: true }] }));
+            expect(screen.getByText('Upload failed')).toBeInTheDocument();
+            expect(screen.queryByText('PDF, 1.2 MB')).not.toBeInTheDocument();
+        });
+    });
+    describe('link rows', () => {
+        test('renders the name as an anchor opening in a new tab with the href as meta', () => {
+            render(_jsx(FileList, { uploadedFiles: [linkFile] }));
+            const anchor = screen.getByRole('link', { name: 'Pastoral policy' });
+            expect(anchor).toHaveAttribute('href', 'https://example.com/policy');
+            expect(anchor).toHaveAttribute('target', '_blank');
+            expect(anchor).toHaveAttribute('rel', 'noopener noreferrer');
+            expect(screen.getByText('https://example.com/policy')).toBeInTheDocument();
+        });
+        test('merges linkProps onto the anchor', () => {
+            render(_jsx(FileList, { uploadedFiles: [{ ...linkFile, linkProps: { target: '_self' } }] }));
+            expect(screen.getByRole('link', { name: 'Pastoral policy' })).toHaveAttribute('target', '_self');
+        });
+        test('passes href, className and children to renderLink', () => {
+            const renderLink = vi.fn(({ href, className, children }) => (_jsx("a", { href: href, className: className, children: children })));
+            render(_jsx(FileList, { uploadedFiles: [{ ...linkFile, renderLink }] }));
+            expect(renderLink).toHaveBeenCalledWith(expect.objectContaining({
+                href: 'https://example.com/policy',
+                className: 'ds-file-upload__file-link',
+            }));
+            expect(screen.getByRole('link', { name: 'Pastoral policy' })).toBeInTheDocument();
+        });
+    });
+    describe('progress', () => {
+        test('shows an accessible progress bar while the upload is in progress', () => {
+            render(_jsx(FileList, { uploadedFiles: [{ ...baseFile, progressPercentage: 40 }] }));
+            expect(screen.getByRole('progressbar', { name: 'Upload progress bar' })).toBeInTheDocument();
+        });
+        test('hides the progress bar once progressPercentage reaches 100', () => {
+            render(_jsx(FileList, { uploadedFiles: [{ ...baseFile, progressPercentage: 100 }] }));
+            expect(screen.queryByRole('progressbar')).not.toBeInTheDocument();
+        });
+        test('hides the progress bar when progressPercentage is not set', () => {
+            render(_jsx(FileList, { uploadedFiles: [baseFile] }));
+            expect(screen.queryByRole('progressbar')).not.toBeInTheDocument();
+        });
+    });
+    describe('error messages', () => {
+        test('replaces file meta with the errorMessage', () => {
+            render(_jsx(FileList, { uploadedFiles: [{ ...baseFile, errorMessage: 'This file is larger than the 10 MB limit.' }] }));
+            expect(screen.getByText('This file is larger than the 10 MB limit.')).toBeInTheDocument();
+            expect(screen.queryByText('PDF, 1.2 MB')).not.toBeInTheDocument();
+        });
+        test('shows the errorMessage instead of "Upload failed" when both are set', () => {
+            render(_jsx(FileList, { uploadedFiles: [{ ...baseFile, hasUploadFailed: true, errorMessage: 'File is corrupt.' }] }));
+            expect(screen.getByText('File is corrupt.')).toBeInTheDocument();
+            expect(screen.queryByText('Upload failed')).not.toBeInTheDocument();
+        });
+        test('shows the errorMessage for link rows and keeps the anchor', () => {
+            render(_jsx(FileList, { uploadedFiles: [{ ...linkFile, errorMessage: 'This link could not be reached.' }] }));
+            expect(screen.getByRole('link', { name: 'Pastoral policy' })).toHaveAttribute('href', 'https://example.com/policy');
+            expect(screen.getByText('This link could not be reached.')).toBeInTheDocument();
+            expect(screen.queryByText('https://example.com/policy')).not.toBeInTheDocument();
+        });
+        test('shows the file meta when errorMessage is an empty string', () => {
+            render(_jsx(FileList, { uploadedFiles: [{ ...baseFile, errorMessage: '' }] }));
+            expect(screen.getByText('PDF, 1.2 MB')).toBeInTheDocument();
+        });
+    });
+    describe('actions', () => {
+        test('calls onDelete from the Delete file button', async () => {
+            const onDelete = vi.fn();
+            render(_jsx(FileList, { uploadedFiles: [{ ...baseFile, onDelete }] }));
+            await userEvent.click(screen.getByRole('button', { name: 'Delete file' }));
+            expect(onDelete).toHaveBeenCalledOnce();
+        });
+        test('labels the delete button Delete link for link rows', () => {
+            render(_jsx(FileList, { uploadedFiles: [{ ...linkFile, onDelete: vi.fn() }] }));
+            expect(screen.getByRole('button', { name: 'Delete link' })).toBeInTheDocument();
+        });
+        test('calls onDownload from the Download file button', async () => {
+            const onDownload = vi.fn();
+            render(_jsx(FileList, { uploadedFiles: [{ ...baseFile, onDownload }] }));
+            await userEvent.click(screen.getByRole('button', { name: 'Download file' }));
+            expect(onDownload).toHaveBeenCalledOnce();
+        });
+        test('does not render a Download file button without onDownload', () => {
+            render(_jsx(FileList, { uploadedFiles: [baseFile] }));
+            expect(screen.queryByRole('button', { name: 'Download file' })).not.toBeInTheDocument();
+        });
+        test('copies the href to the clipboard for link rows', async () => {
+            const user = userEvent.setup();
+            render(_jsx(FileList, { uploadedFiles: [linkFile] }));
+            await user.click(screen.getByRole('button', { name: 'Copy link' }));
+            expect(await navigator.clipboard.readText()).toBe('https://example.com/policy');
+        });
+        test('does not render a Copy link button for file rows', () => {
+            render(_jsx(FileList, { uploadedFiles: [baseFile] }));
+            expect(screen.queryByRole('button', { name: 'Copy link' })).not.toBeInTheDocument();
+        });
+        test('calls onEditFile with the index of the edited link row', async () => {
+            const onEditFile = vi.fn();
+            render(_jsx(FileList, { uploadedFiles: [baseFile, { ...linkFile, onEdit: vi.fn() }], onEditFile: onEditFile }));
+            await userEvent.click(screen.getByRole('button', { name: 'Edit link' }));
+            expect(onEditFile).toHaveBeenCalledWith(1);
+        });
+        test('does not render an Edit link button without onEditFile', () => {
+            render(_jsx(FileList, { uploadedFiles: [{ ...linkFile, onEdit: vi.fn() }] }));
+            expect(screen.queryByRole('button', { name: 'Edit link' })).not.toBeInTheDocument();
+        });
+        test('does not render an Edit link button when the link has no onEdit', () => {
+            render(_jsx(FileList, { uploadedFiles: [linkFile], onEditFile: vi.fn() }));
+            expect(screen.queryByRole('button', { name: 'Edit link' })).not.toBeInTheDocument();
+        });
+    });
+});
+//# sourceMappingURL=FileList.test.js.map

package/dist/components/fileUpload/FileList.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FileList.test.js","sourceRoot":"","sources":["../../../src/components/fileUpload/FileList.test.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,IAAI,EAAE,EAAE,EAAE,MAAM,QAAQ,CAAC;AACpD,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AACxD,OAAO,SAAS,MAAM,6BAA6B,CAAC;AACpD,OAAO,kCAAkC,CAAC;AAC1C,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAIzC,MAAM,QAAQ,GAAiB;IAC7B,QAAQ,EAAE,YAAY;IACtB,QAAQ,EAAE,KAAK;IACf,QAAQ,EAAE,QAAQ;CACnB,CAAC;AAEF,MAAM,QAAQ,GAAiB;IAC7B,QAAQ,EAAE,iBAAiB;IAC3B,IAAI,EAAE,4BAA4B;CACnC,CAAC;AAEF,QAAQ,CAAC,UAAU,EAAE,GAAG,EAAE;IACxB,QAAQ,CAAC,WAAW,EAAE,GAAG,EAAE;QACzB,IAAI,CAAC,sCAAsC,EAAE,GAAG,EAAE;YAChD,MAAM,CAAC,KAAC,QAAQ,IAAC,aAAa,EAAE,CAAC,QAAQ,CAAC,GAAI,CAAC,CAAC;YAChD,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,YAAY,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;YAC3D,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,aAAa,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;QAC9D,CAAC,CAAC,CAAC;QAEH,IAAI,CAAC,gCAAgC,EAAE,GAAG,EAAE;YAC1C,MAAM,CACJ,KAAC,QAAQ,IACP,aAAa,EAAE;oBACb,QAAQ;oBACR,EAAE,QAAQ,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE;iBAChE,GACD,CACH,CAAC;YACF,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,YAAY,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;YAC3D,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;QAC5D,CAAC,CAAC,CAAC;QAEH,IAAI,CAAC,sCAAsC,EAAE,GAAG,EAAE;YAChD,MAAM,CAAC,KAAC,QAAQ,IAAC,aAAa,EAAE,CAAC,QAAQ,CAAC,GAAI,CAAC,CAAC;YAChD,MAAM,CAAC,MAAM,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC,CAAC,GAAG,CAAC,iBAAiB,EAAE,CAAC;QAC7D,CAAC,CAAC,CAAC;QAEH,IAAI,CAAC,+CAA+C,EAAE,GAAG,EAAE;YACzD,MAAM,CAAC,KAAC,QAAQ,IAAC,aAAa,EAAE,CAAC,EAAE,GAAG,QAAQ,EAAE,eAAe,EAAE,IAAI,EAAE,CAAC,GAAI,CAAC,CAAC;YAC9E,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,eAAe,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;YAC9D,MAAM,CAAC,MAAM,CAAC,WAAW,CAAC,aAAa,CAAC,CAAC,CAAC,GAAG,CAAC,iBAAiB,EAAE,CAAC;QACpE,CAAC,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,QAAQ,CAAC,WAAW,EAAE,GAAG,EAAE;QACzB,IAAI,CAAC,0EAA0E,EAAE,GAAG,EAAE;YACpF,MAAM,CAAC,KAAC,QAAQ,IAAC,aAAa,EAAE,CAAC,QAAQ,CAAC,GAAI,CAAC,CAAC;YAChD,MAAM,MAAM,GAAG,MAAM,CAAC,SAAS,CAAC,MAAM,EAAE,EAAE,IAAI,EAAE,iBAAiB,EAAE,CAAC,CAAC;YACrE,MAAM,CAAC,MAAM,CAAC,CAAC,eAAe,CAAC,MAAM,EAAE,4BAA4B,CAAC,CAAC;YACrE,MAAM,CAAC,MAAM,CAAC,CAAC,eAAe,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC;YACnD,MAAM,CAAC,MAAM,CAAC,CAAC,eAAe,CAAC,KAAK,EAAE,qBAAqB,CAAC,CAAC;YAC7D,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,4BAA4B,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;QAC7E,CAAC,CAAC,CAAC;QAEH,IAAI,CAAC,kCAAkC,EAAE,GAAG,EAAE;YAC5C,MAAM,CAAC,KAAC,QAAQ,IAAC,aAAa,EAAE,CAAC,EAAE,GAAG,QAAQ,EAAE,SAAS,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,EAAE,CAAC,GAAI,CAAC,CAAC;YACvF,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,MAAM,EAAE,EAAE,IAAI,EAAE,iBAAiB,EAAE,CAAC,CAAC,CAAC,eAAe,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAC;QACnG,CAAC,CAAC,CAAC;QAEH,IAAI,CAAC,mDAAmD,EAAE,GAAG,EAAE;YAC7D,MAAM,UAAU,GAAG,EAAE,CAAC,EAAE,CAAC,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAwB,EAAE,EAAE,CAAC,CAChF,YAAG,IAAI,EAAE,IAAI,EAAE,SAAS,EAAE,SAAS,YAAG,QAAQ,GAAK,CACpD,CAAC,CAAC;YACH,MAAM,CAAC,KAAC,QAAQ,IAAC,aAAa,EAAE,CAAC,EAAE,GAAG,QAAQ,EAAE,UAAU,EAAE,CAAC,GAAI,CAAC,CAAC;YAEnE,MAAM,CAAC,UAAU,CAAC,CAAC,oBAAoB,CAAC,MAAM,CAAC,gBAAgB,CAAC;gBAC9D,IAAI,EAAE,4BAA4B;gBAClC,SAAS,EAAE,2BAA2B;aACvC,CAAC,CAAC,CAAC;YACJ,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,MAAM,EAAE,EAAE,IAAI,EAAE,iBAAiB,EAAE,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;QACpF,CAAC,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,QAAQ,CAAC,UAAU,EAAE,GAAG,EAAE;QACxB,IAAI,CAAC,kEAAkE,EAAE,GAAG,EAAE;YAC5E,MAAM,CAAC,KAAC,QAAQ,IAAC,aAAa,EAAE,CAAC,EAAE,GAAG,QAAQ,EAAE,kBAAkB,EAAE,EAAE,EAAE,CAAC,GAAI,CAAC,CAAC;YAC/E,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,aAAa,EAAE,EAAE,IAAI,EAAE,qBAAqB,EAAE,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;QAC/F,CAAC,CAAC,CAAC;QAEH,IAAI,CAAC,4DAA4D,EAAE,GAAG,EAAE;YACtE,MAAM,CAAC,KAAC,QAAQ,IAAC,aAAa,EAAE,CAAC,EAAE,GAAG,QAAQ,EAAE,kBAAkB,EAAE,GAAG,EAAE,CAAC,GAAI,CAAC,CAAC;YAChF,MAAM,CAAC,MAAM,CAAC,WAAW,CAAC,aAAa,CAAC,CAAC,CAAC,GAAG,CAAC,iBAAiB,EAAE,CAAC;QACpE,CAAC,CAAC,CAAC;QAEH,IAAI,CAAC,2DAA2D,EAAE,GAAG,EAAE;YACrE,MAAM,CAAC,KAAC,QAAQ,IAAC,aAAa,EAAE,CAAC,QAAQ,CAAC,GAAI,CAAC,CAAC;YAChD,MAAM,CAAC,MAAM,CAAC,WAAW,CAAC,aAAa,CAAC,CAAC,CAAC,GAAG,CAAC,iBAAiB,EAAE,CAAC;QACpE,CAAC,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,QAAQ,CAAC,gBAAgB,EAAE,GAAG,EAAE;QAC9B,IAAI,CAAC,0CAA0C,EAAE,GAAG,EAAE;YACpD,MAAM,CACJ,KAAC,QAAQ,IAAC,aAAa,EAAE,CAAC,EAAE,GAAG,QAAQ,EAAE,YAAY,EAAE,2CAA2C,EAAE,CAAC,GAAI,CAC1G,CAAC;YACF,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,2CAA2C,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;YAC1F,MAAM,CAAC,MAAM,CAAC,WAAW,CAAC,aAAa,CAAC,CAAC,CAAC,GAAG,CAAC,iBAAiB,EAAE,CAAC;QACpE,CAAC,CAAC,CAAC;QAEH,IAAI,CAAC,qEAAqE,EAAE,GAAG,EAAE;YAC/E,MAAM,CACJ,KAAC,QAAQ,IAAC,aAAa,EAAE,CAAC,EAAE,GAAG,QAAQ,EAAE,eAAe,EAAE,IAAI,EAAE,YAAY,EAAE,kBAAkB,EAAE,CAAC,GAAI,CACxG,CAAC;YACF,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,kBAAkB,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;YACjE,MAAM,CAAC,MAAM,CAAC,WAAW,CAAC,eAAe,CAAC,CAAC,CAAC,GAAG,CAAC,iBAAiB,EAAE,CAAC;QACtE,CAAC,CAAC,CAAC;QAEH,IAAI,CAAC,2DAA2D,EAAE,GAAG,EAAE;YACrE,MAAM,CACJ,KAAC,QAAQ,IAAC,aAAa,EAAE,CAAC,EAAE,GAAG,QAAQ,EAAE,YAAY,EAAE,iCAAiC,EAAE,CAAC,GAAI,CAChG,CAAC;YACF,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,MAAM,EAAE,EAAE,IAAI,EAAE,iBAAiB,EAAE,CAAC,CAAC,CAAC,eAAe,CAAC,MAAM,EAAE,4BAA4B,CAAC,CAAC;YACpH,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,iCAAiC,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;YAChF,MAAM,CAAC,MAAM,CAAC,WAAW,CAAC,4BAA4B,CAAC,CAAC,CAAC,GAAG,CAAC,iBAAiB,EAAE,CAAC;QACnF,CAAC,CAAC,CAAC;QAEH,IAAI,CAAC,0DAA0D,EAAE,GAAG,EAAE;YACpE,MAAM,CAAC,KAAC,QAAQ,IAAC,aAAa,EAAE,CAAC,EAAE,GAAG,QAAQ,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC,GAAI,CAAC,CAAC;YACzE,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,aAAa,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;QAC9D,CAAC,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,QAAQ,CAAC,SAAS,EAAE,GAAG,EAAE;QACvB,IAAI,CAAC,4CAA4C,EAAE,KAAK,IAAI,EAAE;YAC5D,MAAM,QAAQ,GAAG,EAAE,CAAC,EAAE,EAAE,CAAC;YACzB,MAAM,CAAC,KAAC,QAAQ,IAAC,aAAa,EAAE,CAAC,EAAE,GAAG,QAAQ,EAAE,QAAQ,EAAE,CAAC,GAAI,CAAC,CAAC;YACjE,MAAM,SAAS,CAAC,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,QAAQ,EAAE,EAAE,IAAI,EAAE,aAAa,EAAE,CAAC,CAAC,CAAC;YAC3E,MAAM,CAAC,QAAQ,CAAC,CAAC,oBAAoB,EAAE,CAAC;QAC1C,CAAC,CAAC,CAAC;QAEH,IAAI,CAAC,oDAAoD,EAAE,GAAG,EAAE;YAC9D,MAAM,CAAC,KAAC,QAAQ,IAAC,aAAa,EAAE,CAAC,EAAE,GAAG,QAAQ,EAAE,QAAQ,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,GAAI,CAAC,CAAC;YAC1E,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,QAAQ,EAAE,EAAE,IAAI,EAAE,aAAa,EAAE,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;QAClF,CAAC,CAAC,CAAC;QAEH,IAAI,CAAC,gDAAgD,EAAE,KAAK,IAAI,EAAE;YAChE,MAAM,UAAU,GAAG,EAAE,CAAC,EAAE,EAAE,CAAC;YAC3B,MAAM,CAAC,KAAC,QAAQ,IAAC,aAAa,EAAE,CAAC,EAAE,GAAG,QAAQ,EAAE,UAAU,EAAE,CAAC,GAAI,CAAC,CAAC;YACnE,MAAM,SAAS,CAAC,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,QAAQ,EAAE,EAAE,IAAI,EAAE,eAAe,EAAE,CAAC,CAAC,CAAC;YAC7E,MAAM,CAAC,UAAU,CAAC,CAAC,oBAAoB,EAAE,CAAC;QAC5C,CAAC,CAAC,CAAC;QAEH,IAAI,CAAC,2DAA2D,EAAE,GAAG,EAAE;YACrE,MAAM,CAAC,KAAC,QAAQ,IAAC,aAAa,EAAE,CAAC,QAAQ,CAAC,GAAI,CAAC,CAAC;YAChD,MAAM,CAAC,MAAM,CAAC,WAAW,CAAC,QAAQ,EAAE,EAAE,IAAI,EAAE,eAAe,EAAE,CAAC,CAAC,CAAC,GAAG,CAAC,iBAAiB,EAAE,CAAC;QAC1F,CAAC,CAAC,CAAC;QAEH,IAAI,CAAC,gDAAgD,EAAE,KAAK,IAAI,EAAE;YAChE,MAAM,IAAI,GAAG,SAAS,CAAC,KAAK,EAAE,CAAC;YAC/B,MAAM,CAAC,KAAC,QAAQ,IAAC,aAAa,EAAE,CAAC,QAAQ,CAAC,GAAI,CAAC,CAAC;YAChD,MAAM,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,QAAQ,EAAE,EAAE,IAAI,EAAE,WAAW,EAAE,CAAC,CAAC,CAAC;YACpE,MAAM,CAAC,MAAM,SAAS,CAAC,SAAS,CAAC,QAAQ,EAAE,CAAC,CAAC,IAAI,CAAC,4BAA4B,CAAC,CAAC;QAClF,CAAC,CAAC,CAAC;QAEH,IAAI,CAAC,kDAAkD,EAAE,GAAG,EAAE;YAC5D,MAAM,CAAC,KAAC,QAAQ,IAAC,aAAa,EAAE,CAAC,QAAQ,CAAC,GAAI,CAAC,CAAC;YAChD,MAAM,CAAC,MAAM,CAAC,WAAW,CAAC,QAAQ,EAAE,EAAE,IAAI,EAAE,WAAW,EAAE,CAAC,CAAC,CAAC,GAAG,CAAC,iBAAiB,EAAE,CAAC;QACtF,CAAC,CAAC,CAAC;QAEH,IAAI,CAAC,wDAAwD,EAAE,KAAK,IAAI,EAAE;YACxE,MAAM,UAAU,GAAG,EAAE,CAAC,EAAE,EAAE,CAAC;YAC3B,MAAM,CACJ,KAAC,QAAQ,IACP,aAAa,EAAE,CAAC,QAAQ,EAAE,EAAE,GAAG,QAAQ,EAAE,MAAM,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAC3D,UAAU,EAAE,UAAU,GACtB,CACH,CAAC;YACF,MAAM,SAAS,CAAC,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,QAAQ,EAAE,EAAE,IAAI,EAAE,WAAW,EAAE,CAAC,CAAC,CAAC;YACzE,MAAM,CAAC,UAAU,CAAC,CAAC,oBAAoB,CAAC,CAAC,CAAC,CAAC;QAC7C,CAAC,CAAC,CAAC;QAEH,IAAI,CAAC,wDAAwD,EAAE,GAAG,EAAE;YAClE,MAAM,CAAC,KAAC,QAAQ,IAAC,aAAa,EAAE,CAAC,EAAE,GAAG,QAAQ,EAAE,MAAM,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,GAAI,CAAC,CAAC;YACxE,MAAM,CAAC,MAAM,CAAC,WAAW,CAAC,QAAQ,EAAE,EAAE,IAAI,EAAE,WAAW,EAAE,CAAC,CAAC,CAAC,GAAG,CAAC,iBAAiB,EAAE,CAAC;QACtF,CAAC,CAAC,CAAC;QAEH,IAAI,CAAC,iEAAiE,EAAE,GAAG,EAAE;YAC3E,MAAM,CAAC,KAAC,QAAQ,IAAC,aAAa,EAAE,CAAC,QAAQ,CAAC,EAAE,UAAU,EAAE,EAAE,CAAC,EAAE,EAAE,GAAI,CAAC,CAAC;YACrE,MAAM,CAAC,MAAM,CAAC,WAAW,CAAC,QAAQ,EAAE,EAAE,IAAI,EAAE,WAAW,EAAE,CAAC,CAAC,CAAC,GAAG,CAAC,iBAAiB,EAAE,CAAC;QACtF,CAAC,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}

package/dist/components/fileUpload/FileUpload.d.ts

@@ -2,9 +2,10 @@ import type { IconName } from '../icon/allowedIcons.js';
 import { type AnchorHTMLAttributes, type ReactElement, type ReactNode } from 'react';
 import type { WidgetRenderLinkArgs } from '../widget/types.js';
 import { type FileUploadLink } from './FileUploadLinkModal.js';
+import { type FileListProps as ListProps } from './FileList.js';
 export type { FileUploadLink };
 type LinkAnchorProps = Omit<AnchorHTMLAttributes<HTMLAnchorElement>, 'href' | 'className' | 'children'>;
-type UploadedFile = {
+export type UploadedFile = {
     fileName: string;
     icon?: IconName;
     fileType?: string;
@@ -14,9 +15,10 @@ type UploadedFile = {
     renderLink?: (args: WidgetRenderLinkArgs) => ReactElement;
     onEdit?: (link: FileUploadLink) => void;
     onDownload?: () => void;
-    onDelete: () => void;
+    onDelete?: () => void;
     progressPercentage?: number;
     hasUploadFailed?: boolean;
+    errorMessage?: string;
 };
 export type FileUploadProps = {
     className?: string;
@@ -24,6 +26,15 @@ export type FileUploadProps = {
     uploadFiles: (files: File[]) => void;
     dropzoneContent?: ReactNode;
     onAddLink?: (link: FileUploadLink) => void;
+    errorMessage?: string;
 };
-export declare const FileUpload: (props: FileUploadProps) => import("react").JSX.Element;
+export declare const FileUpload: {
+    (props: FileUploadProps): import("react").JSX.Element;
+    FileList: (props: ListProps) => import("react").JSX.Element;
+};
+export declare namespace FileUpload {
+    type Props = FileUploadProps;
+    type FileListProps = ListProps;
+    type File = UploadedFile;
+}
 //# sourceMappingURL=FileUpload.d.ts.map

package/dist/components/fileUpload/FileUpload.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FileUpload.d.ts","sourceRoot":"","sources":["../../../src/components/fileUpload/FileUpload.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,8BAA8B,CAAC;AAG7D,OAAO,EAAY,KAAK,oBAAoB,EAAE,KAAK,YAAY,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAG/F,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,yBAAyB,CAAC;AACpE,OAAO,EAAuB,KAAK,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAEpF,YAAY,EAAE,cAAc,EAAE,CAAC;AAE/B,KAAK,eAAe,GAAG,IAAI,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,MAAM,GAAG,WAAW,GAAG,UAAU,CAAC,CAAC;AAExG,KAAK,YAAY,GAAG;IAClB,QAAQ,EAAE,MAAM,CAAC;IACjB,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,eAAe,CAAC;IAC5B,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,oBAAoB,KAAK,YAAY,CAAC;IAC1D,MAAM,CAAC,EAAE,CAAC,IAAI,EAAE,cAAc,KAAK,IAAI,CAAC;IACxC,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,EAAE,YAAY,EAAE,CAAC;IAC9B,WAAW,EAAE,CAAC,KAAK,EAAE,IAAI,EAAE,KAAK,IAAI,CAAC;IACrC,eAAe,CAAC,EAAE,SAAS,CAAC;IAC5B,SAAS,CAAC,EAAE,CAAC,IAAI,EAAE,cAAc,KAAK,IAAI,CAAC;CAC5C,CAAC;AAgBF,eAAO,MAAM,UAAU,GAAI,OAAO,eAAe,gCA6LhD,CAAC"}
+{"version":3,"file":"FileUpload.d.ts","sourceRoot":"","sources":["../../../src/components/fileUpload/FileUpload.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,8BAA8B,CAAC;AAE7D,OAAO,EAAY,KAAK,oBAAoB,EAAE,KAAK,YAAY,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAE/F,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,yBAAyB,CAAC;AACpE,OAAO,EAAuB,KAAK,cAAc,EAAE,MAAM,0BAA0B,CAAC;AACpF,OAAO,EAAY,KAAK,aAAa,IAAI,SAAS,EAAE,MAAM,eAAe,CAAC;AAE1E,YAAY,EAAE,cAAc,EAAE,CAAC;AAE/B,KAAK,eAAe,GAAG,IAAI,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,MAAM,GAAG,WAAW,GAAG,UAAU,CAAC,CAAC;AAExG,MAAM,MAAM,YAAY,GAAG;IACzB,QAAQ,EAAE,MAAM,CAAC;IACjB,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,eAAe,CAAC;IAC5B,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,oBAAoB,KAAK,YAAY,CAAC;IAC1D,MAAM,CAAC,EAAE,CAAC,IAAI,EAAE,cAAc,KAAK,IAAI,CAAC;IACxC,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,EAAE,YAAY,EAAE,CAAC;IAC9B,WAAW,EAAE,CAAC,KAAK,EAAE,IAAI,EAAE,KAAK,IAAI,CAAC;IACrC,eAAe,CAAC,EAAE,SAAS,CAAC;IAC5B,SAAS,CAAC,EAAE,CAAC,IAAI,EAAE,cAAc,KAAK,IAAI,CAAC;IAC3C,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB,CAAC;AAIF,eAAO,MAAM,UAAU;YAAW,eAAe;;CAiHhD,CAAC;AAIF,yBAAiB,UAAU,CAAC;IAC1B,KAAY,KAAK,GAAG,eAAe,CAAC;IACpC,KAAY,aAAa,GAAG,SAAS,CAAC;IACtC,KAAY,IAAI,GAAG,YAAY,CAAC;CACjC"}

package/dist/components/fileUpload/FileUpload.js

@@ -3,20 +3,12 @@ import classNames from 'classnames';
 import { Button } from '../button/Button.js';
 import { Card } from '../card/Card.js';
 import { Icon } from '../icon/Icon.js';
-import { Separator } from '../separator/Separator.js';
 import { useState } from 'react';
 import Dropzone from 'react-dropzone';
-import { Progress } from '../progress/Progress.js';
 import { FileUploadLinkModal } from './FileUploadLinkModal.js';
-const renderFileLink = ({ href = '', linkProps, renderLink }, children) => {
-    const className = 'ds-file-upload__file-link';
-    if (renderLink) {
-        return renderLink({ href, className, children, linkProps });
-    }
-    return (_jsx("a", { href: href, target: "_blank", rel: "noopener noreferrer", className: className, ...linkProps, children: children }));
-};
+import { FileList } from './FileList.js';
 export const FileUpload = (props) => {
-    const { className, uploadedFiles, uploadFiles, onAddLink, } = props;
+    const { className, uploadedFiles, uploadFiles, onAddLink, errorMessage, } = props;
     const [linkPopup, setLinkPopup] = useState(null);
     const dropzoneContent = props.dropzoneContent ?? (_jsxs(_Fragment, { children: [_jsx("p", { children: onAddLink
                     ? (_jsxs(_Fragment, { children: ["Drag and drop,", ' ', _jsx(Button, { variant: "text-link", onClick: (event) => {
@@ -24,25 +16,16 @@ export const FileUpload = (props) => {
                                     setLinkPopup({ mode: 'add' });
                                 }, children: "add a link" }), ' ', "or"] }))
                     : 'Drag and drop or' }), _jsx(Button, { variant: "secondary", children: "Browse files" })] }));
-    const editedFile = linkPopup?.mode === 'edit' ? uploadedFiles[linkPopup.index] : undefined;
+    const fileToEdit = linkPopup?.mode === 'edit' ? uploadedFiles[linkPopup.index] : undefined;
     return (_jsxs("div", { className: classNames('ds-file-upload', className), children: [_jsx(Dropzone, { onDrop: (acceptedFiles) => {
                     uploadFiles(acceptedFiles);
-                }, children: ({ getRootProps, getInputProps }) => (_jsx(Card, { children: _jsxs("div", { ...getRootProps(), className: "ds-file-upload__dropzone-input", children: [_jsx("input", { ...getInputProps({ 'aria-label': 'Upload files' }) }), _jsxs("div", { className: "ds-file-upload__dropzone-content", children: [_jsx("span", { className: "ds-file-upload__icon-wrapper", children: _jsx(Icon, { name: "cloud-upload", size: 24, color: "var(--color-brand-600)" }) }), _jsx("div", { className: "ds-file-upload__dropzone-text-wrapper", children: dropzoneContent })] })] }) })) }), linkPopup?.mode === 'add' && onAddLink && (_jsx(FileUploadLinkModal, { title: "Add URL attachment", submitLabel: "Add", onSubmit: (link) => {
+                }, children: ({ getRootProps, getInputProps }) => (_jsx(Card, { children: _jsxs("div", { ...getRootProps(), className: "ds-file-upload__dropzone-input", children: [_jsx("input", { ...getInputProps({ 'aria-label': 'Upload files' }) }), _jsxs("div", { className: "ds-file-upload__dropzone-content", children: [_jsx("span", { className: "ds-file-upload__icon-wrapper", children: _jsx(Icon, { name: "cloud-upload", size: 24, color: "var(--color-brand-600)" }) }), _jsx("div", { className: "ds-file-upload__dropzone-text-wrapper", children: dropzoneContent })] })] }) })) }), errorMessage && (_jsxs("span", { className: "ds-file-upload__error", children: [_jsx(Icon, { name: "alert-triangle" }), ' ', errorMessage] })), linkPopup?.mode === 'add' && onAddLink && (_jsx(FileUploadLinkModal, { title: "Add URL attachment", submitLabel: "Add", onSubmit: (link) => {
                     onAddLink(link);
                     setLinkPopup(null);
-                }, onCancel: () => setLinkPopup(null) })), editedFile?.href && editedFile.onEdit && (_jsx(FileUploadLinkModal, { title: "Update URL attachment", submitLabel: "Update", initialLink: { url: editedFile.href, name: editedFile.fileName }, onSubmit: (link) => {
-                    editedFile.onEdit?.(link);
+                }, onCancel: () => setLinkPopup(null) })), fileToEdit?.href && fileToEdit.onEdit && (_jsx(FileUploadLinkModal, { title: "Update URL attachment", submitLabel: "Update", initialLink: { url: fileToEdit.href, name: fileToEdit.fileName }, onSubmit: (link) => {
+                    fileToEdit.onEdit?.(link);
                     setLinkPopup(null);
-                }, onCancel: () => setLinkPopup(null) })), uploadedFiles.length > 0 && (_jsx(Card, { className: "ds-file-upload__file-list", children: uploadedFiles.map((file, index) => {
-                    const { fileName, fileSize, fileType, href, onEdit, onDelete, onDownload, hasUploadFailed, progressPercentage, } = file;
-                    const icon = file.icon ?? (href ? 'link' : 'file');
-                    const nameNode = _jsx("span", { className: "ds-file-upload__file-name", children: fileName });
-                    return (_jsxs("div", { className: "ds-file-upload__file-outer", children: [_jsxs("span", { className: "ds-file-upload__file", children: [_jsx("span", { className: "ds-file-upload__icon-wrapper", children: _jsx(Icon, { size: 24, name: icon, color: "var(--color-brand-600)" }) }), _jsxs("span", { className: "ds-file-upload__file-details", children: [href ? renderFileLink(file, nameNode) : nameNode, hasUploadFailed
-                                                ? (_jsxs("span", { className: "ds-file-upload__upload-failed", children: [_jsx(Icon, { name: "circle-alert" }), ' ', "Upload failed"] }))
-                                                : _jsx("span", { className: "ds-file-upload__file-meta", children: href ?? `${fileType}, ${fileSize}` })] }), href && (_jsx(Button, { variant: "secondary", isRound: true, onClick: () => navigator.clipboard.writeText(href), children: _jsx(Icon, { name: "copy", screenReaderText: "Copy link" }) })), href && onEdit && (_jsx(Button, { variant: "secondary", isRound: true, onClick: () => setLinkPopup({ mode: 'edit', index }), children: _jsx(Icon, { name: "pencil", screenReaderText: "Edit link" }) })), onDownload && (_jsx(Button, { variant: "secondary", isRound: true, onClick: onDownload, children: _jsx(Icon, { name: "download", screenReaderText: "Download file" }) })), onDelete && (_jsx(Button, { variant: "secondary", isRound: true, onClick: onDelete, children: _jsx(Icon, { name: "trash", screenReaderText: href ? 'Delete link' : 'Delete file' }) }))] }), typeof progressPercentage === 'number' && progressPercentage < 100
-                                && (_jsx(Progress, { value: progressPercentage, className: "ds-file-upload__progress-bar", "aria-label": "Upload progress bar", indicatorClassName: classNames('ds-file-upload__progress-bar-indicator', {
-                                        'ds-file-upload__progress-bar-indicator--failed': hasUploadFailed,
-                                    }) })), index < uploadedFiles.length - 1 && _jsx(Separator, {})] }, fileName));
-                }) }))] }));
+                }, onCancel: () => setLinkPopup(null) })), uploadedFiles.length > 0 && (_jsx(FileList, { uploadedFiles: uploadedFiles, onEditFile: index => setLinkPopup({ mode: 'edit', index }) }))] }));
 };
+FileUpload.FileList = FileList;
 //# sourceMappingURL=FileUpload.js.map

package/dist/components/fileUpload/FileUpload.js.map

@@ -1 +1 @@
-{"version":3,"file":"FileUpload.js","sourceRoot":"","sources":["../../../src/components/fileUpload/FileUpload.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"FileUpload.js","sourceRoot":"","sources":["../../../src/components/fileUpload/FileUpload.tsx"],"names":[],"mappings":"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"}

package/dist/components/fileUpload/FileUpload.stories.d.ts

@@ -3,7 +3,10 @@ import type { FileUploadProps } from './FileUpload.js';
 declare function FileUploadDocsPage(): import("react").JSX.Element;
 declare const meta: {
     title: string;
-    component: (props: FileUploadProps) => import("react").JSX.Element;
+    component: {
+        (props: FileUploadProps): import("react").JSX.Element;
+        FileList: (props: import("./FileList.js").FileListProps) => import("react").JSX.Element;
+    };
     tags: string[];
     parameters: {
         layout: string;
@@ -42,6 +45,15 @@ declare const meta: {
                 };
             };
         };
+        errorMessage: {
+            description: string;
+            control: "text";
+            table: {
+                type: {
+                    summary: string;
+                };
+            };
+        };
         className: {
             description: string;
             control: "text";
@@ -67,6 +79,9 @@ export declare const WithoutDownloadButton: Story;
 export declare const UploadInProgress: Story;
 export declare const FailedUpload: Story;
 export declare const FailedDuringUpload: Story;
+export declare const WithErrorMessage: Story;
+export declare const ErrorMessageWithoutFiles: Story;
+export declare const FileWithErrorMessage: Story;
 export declare const CustomDropzoneContent: Story;
 export declare const SimulatedUploadLifecycle: Story;
 //# sourceMappingURL=FileUpload.stories.d.ts.map

package/dist/components/fileUpload/FileUpload.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FileUpload.stories.d.ts","sourceRoot":"","sources":["../../../src/components/fileUpload/FileUpload.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAe5D,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AA6GvD,iBAAS,kBAAkB,gCAmB1B;AAID,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAwDyB,CAAC;AAEpC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAkDnC,eAAO,MAAM,OAAO,EAAE,KAcrB,CAAC;AAIF,eAAO,MAAM,iBAAiB,EAAE,KAsD/B,CAAC;AAIF,eAAO,MAAM,SAAS,EAAE,KA2DvB,CAAC;AAIF,eAAO,MAAM,UAAU,EAAE,KAgDxB,CAAC;AAIF,eAAO,MAAM,qBAAqB,EAAE,KA8DnC,CAAC;AAIF,eAAO,MAAM,gBAAgB,EAAE,KAmF9B,CAAC;AAIF,eAAO,MAAM,YAAY,EAAE,KAiE1B,CAAC;AAIF,eAAO,MAAM,kBAAkB,EAAE,KAuEhC,CAAC;AAIF,eAAO,MAAM,qBAAqB,EAAE,KAiDnC,CAAC;AA2FF,eAAO,MAAM,wBAAwB,EAAE,KAuGtC,CAAC"}
+{"version":3,"file":"FileUpload.stories.d.ts","sourceRoot":"","sources":["../../../src/components/fileUpload/FileUpload.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAe5D,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AA6GvD,iBAAS,kBAAkB,gCAmB1B;AAID,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiEyB,CAAC;AAEpC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAkDnC,eAAO,MAAM,OAAO,EAAE,KAcrB,CAAC;AAIF,eAAO,MAAM,iBAAiB,EAAE,KAsD/B,CAAC;AAIF,eAAO,MAAM,SAAS,EAAE,KA2DvB,CAAC;AAIF,eAAO,MAAM,UAAU,EAAE,KAgDxB,CAAC;AAIF,eAAO,MAAM,qBAAqB,EAAE,KA8DnC,CAAC;AAIF,eAAO,MAAM,gBAAgB,EAAE,KAmF9B,CAAC;AAIF,eAAO,MAAM,YAAY,EAAE,KAiE1B,CAAC;AAIF,eAAO,MAAM,kBAAkB,EAAE,KAuEhC,CAAC;AAIF,eAAO,MAAM,gBAAgB,EAAE,KAc9B,CAAC;AAIF,eAAO,MAAM,wBAAwB,EAAE,KActC,CAAC;AAIF,eAAO,MAAM,oBAAoB,EAAE,KA8BlC,CAAC;AAIF,eAAO,MAAM,qBAAqB,EAAE,KAiDnC,CAAC;AA2FF,eAAO,MAAM,wBAAwB,EAAE,KAuGtC,CAAC"}