@eui/eds-react 22.0.0-alpha.12 → 22.0.0-alpha.14

package/eds-file-upload/eds-file-upload-preview.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"eds-file-upload-preview.d.ts","sourceRoot":"","sources":["../../src/eds-file-upload/eds-file-upload-preview.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAE,eAAe,EAAe,MAAM,4BAA4B,CAAC;AA4B1E,wGAAwG;AACxG,MAAM,WAAW,iCAAiC;IAC9C,wDAAwD;IACxD,IAAI,EAAE,eAAe,CAAC;IACtB,yCAAyC;IACzC,KAAK,EAAE,MAAM,CAAC;IACd,0FAA0F;IAC1F,YAAY,EAAE,OAAO,CAAC;CACzB;AAED,MAAM,WAAW,yBAA0B,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,SAAS,CAAC;IACpG,+FAA+F;IAC/F,IAAI,EAAE,IAAI,GAAG,eAAe,CAAC;IAC7B,yCAAyC;IACzC,KAAK,EAAE,MAAM,CAAC;IACd,uGAAuG;IACvG,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,4EAA4E;IAC5E,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,oFAAoF;IACpF,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,kFAAkF;IAClF,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,mFAAmF;IACnF,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,2CAA2C;IAC3C,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,4CAA4C;IAC5C,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,iDAAiD;IACjD,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,+EAA+E;IAC/E,UAAU,CAAC,EAAE,CAAC,OAAO,EAAE,iCAAiC,KAAK,KAAK,CAAC,SAAS,CAAC;IAC7E,+EAA+E;IAC/E,gBAAgB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3C,4EAA4E;IAC5E,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,GAAG,eAAe,KAAK,IAAI,CAAC;CACxD;AAqBD;;;;;;;;GAQG;AACH,eAAO,MAAM,oBAAoB,kGA0JhC,CAAC"}

package/eds-file-upload/eds-file-upload-preview.js

@@ -0,0 +1,126 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from 'react';
+import { useEffect, useState } from 'react';
+import { EdsIcon } from '../eds-icon/eds-icon.js';
+import { EdsIconButton } from '../eds-icon-button/eds-icon-button.js';
+import { edsFilesize } from './eds-file-upload.model.js';
+/** Map of file extensions to EDS icon names — ported 1:1 from the Angular `ICON_MAP`. */
+const ICON_MAP = {
+    avi: 'file-video',
+    html: 'file-code',
+    htm: 'file-code',
+    js: 'file-code',
+    json: 'file-code',
+    mp3: 'file-audio',
+    mp4: 'file-video',
+    pdf: 'file',
+    png: 'file-image',
+    svg: 'file-image',
+    txt: 'file-text',
+    xml: 'file-code',
+    jpeg: 'file-image',
+    jpg: 'file-image',
+    zip: 'file',
+    doc: 'file-text',
+    docx: 'file-text',
+    xls: 'file',
+    xlsx: 'file',
+    ppt: 'file',
+    csv: 'file',
+    rtf: 'file-text',
+};
+/** Extract the lowercase file extension from a filename. */
+function getFileExtension(fileName) {
+    const ext = fileName?.split('.') ?? [];
+    return ext[ext.length - 1] ?? '';
+}
+/** Resolve the EDS icon name for a file extension. */
+function getIconForExtension(fileExtension) {
+    return ICON_MAP[fileExtension.toLowerCase()] ?? 'file';
+}
+/** Determine the preview descriptor (image thumbnail vs icon) for a file extension. */
+function getPreviewForMime(fileExtension, imgUrl) {
+    const f = fileExtension.toLowerCase();
+    const isImage = f === 'jpeg' || f === 'jpg' || f === 'png' || f === 'gif';
+    const display = isImage ? imgUrl : getIconForExtension(f);
+    return { image: isImage, display };
+}
+/**
+ * `EdsFileUploadPreview` — pure React port of the Angular `eds-file-upload-preview` sub-component.
+ *
+ * Renders a single file entry: an optional image thumbnail or format icon, the filename
+ * (optionally a clickable link), the size and MIME type, and a remove button. For native
+ * `File` objects it reads the blob to build an object-URL thumbnail (mirroring the Angular
+ * `FileReader` flow). A custom `renderFile` slot replaces the default markup, matching the
+ * Angular `uploadedFileTemplate`.
+ */
+export const EdsFileUploadPreview = React.forwardRef(function EdsFileUploadPreview({ file, index, isFileObject = false, hasPreview = true, hasPreviewAsImage = true, hasPreviewAsIcon = false, isItemsClickable = false, isFilenameDisplayed = true, isFilesizeDisplayed = true, isFiletypeDisplayed = true, renderFile, onRemoveFromList, onItemClick, className, ...rest }, ref) {
+    const fileName = file?.name ?? '';
+    const fileSize = file?.size ?? 0;
+    const [url, setUrl] = useState(file?.url ?? '');
+    const [icon, setIcon] = useState('file');
+    const [previewData, setPreviewData] = useState(null);
+    const [isLoading, setIsLoading] = useState(false);
+    const [typeFromExtension, setTypeFromExtension] = useState(null);
+    // ngOnInit → build preview descriptor. For blobs, read the file to make a thumbnail URL.
+    useEffect(() => {
+        let objectUrl = null;
+        if (file instanceof Blob) {
+            const reader = new FileReader();
+            reader.onloadstart = () => setIsLoading(true);
+            reader.onloadend = () => setIsLoading(false);
+            reader.onload = () => {
+                const ext = getFileExtension(file.name);
+                setUrl(reader.result);
+                setIcon(getIconForExtension(ext));
+                if (ext === 'msg') {
+                    setTypeFromExtension('application/vnd.ms-outlook');
+                }
+                const blob = new Blob([reader.result], { type: file.type });
+                objectUrl = URL.createObjectURL(blob);
+                setPreviewData(getPreviewForMime(ext, objectUrl));
+            };
+            reader.readAsArrayBuffer(file);
+        }
+        else {
+            const uploaded = file;
+            const ext = getFileExtension(uploaded.name);
+            setUrl(uploaded.url ?? '');
+            setIcon(getIconForExtension(ext));
+            setPreviewData(getPreviewForMime(ext, uploaded.url ?? ''));
+        }
+        return () => {
+            if (objectUrl) {
+                URL.revokeObjectURL(objectUrl);
+            }
+        };
+    }, [file]);
+    const fileType = (() => {
+        const t = file?.type;
+        if (t && t.length > 0) {
+            return t;
+        }
+        return typeFromExtension ?? '';
+    })();
+    const onItemClickInternal = (e) => {
+        e.preventDefault();
+        onItemClick?.(file);
+    };
+    const rootClass = className ? `eds-file-upload-preview ${className}` : 'eds-file-upload-preview';
+    // Custom render slot (Angular `uploadedFileTemplate`).
+    if (renderFile) {
+        return (_jsx("div", { ref: ref, className: rootClass, "data-e2e": "eds-file-upload-preview", ...rest, children: renderFile({
+                file: {
+                    id: file.id,
+                    name: fileName,
+                    url: url || previewData?.display,
+                    size: fileSize,
+                    type: file.type,
+                },
+                index,
+                isFileObject,
+            }) }));
+    }
+    return (_jsx("div", { ref: ref, className: rootClass, "data-e2e": "eds-file-upload-preview", ...rest, children: _jsxs("div", { className: "eds-file-upload-preview__content", children: [_jsxs("div", { className: "eds-file-upload-preview__left", children: [hasPreview && hasPreviewAsImage && !hasPreviewAsIcon && (_jsxs("div", { className: "eds-file-upload-preview__image", children: [url && previewData?.image && (_jsx("img", { src: previewData.display, alt: "File preview image" })), previewData && !previewData.image && _jsx(EdsIcon, { icon: previewData.display }), isLoading && (_jsx("div", { className: "eds-file-upload-preview__loading", children: _jsx(EdsIcon, { icon: "spinner:core" }) }))] })), hasPreview && hasPreviewAsIcon && (_jsx("div", { className: "eds-file-upload-preview__icon", children: _jsx(EdsIcon, { icon: icon }) })), isFilenameDisplayed && (_jsxs("div", { className: "eds-file-upload-preview__filename", children: [!isItemsClickable && fileName, isItemsClickable && (_jsx("a", { href: "#", onClick: onItemClickInternal, className: "eds-file-upload-preview__link", children: fileName }))] }))] }), _jsxs("div", { className: "eds-file-upload-preview__right", children: [isFilesizeDisplayed && (_jsx("span", { className: "eds-file-upload-preview__size", children: edsFilesize(fileSize) })), isFiletypeDisplayed && fileType && (_jsx("span", { className: "eds-file-upload-preview__type", children: fileType })), _jsx(EdsIconButton, { color: "critical", icon: "trash:core", ariaLabel: `Remove ${fileName} from the list`, onButtonClick: () => onRemoveFromList?.(index) })] })] }) }));
+});
+//# sourceMappingURL=eds-file-upload-preview.js.map

package/eds-file-upload/eds-file-upload-preview.js.map

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

package/eds-file-upload/eds-file-upload.css

@@ -0,0 +1,152 @@
+/* eds-file-upload — pure-React CSS port of eds-file-upload.scss (attribute/class-scoped, no :host). */
+.eds-file-upload {
+    display: block;
+}
+
+.eds-file-upload .eds-file-upload__drop-area {
+    outline: 1px dashed var(--eds-c-border-primary);
+    border-radius: var(--eds-br-m);
+    padding: var(--eds-sp-xl);
+    position: relative;
+    transition: background-color 0.2s ease, outline-width 0.2s ease;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    gap: var(--eds-sp-xs);
+    margin-bottom: var(--eds-sp-xs);
+}
+
+.eds-file-upload .eds-file-upload__drop-area--active {
+    background-color: var(--eds-c-surface-elevation);
+    outline-width: 3px;
+}
+
+.eds-file-upload .eds-file-upload__drop-area--disabled {
+    opacity: 0.5;
+    cursor: not-allowed;
+}
+
+.eds-file-upload .eds-file-upload__drop-area--disabled .eds-file-upload__file-input {
+    cursor: default;
+}
+
+.eds-file-upload .eds-file-upload__drag-hint {
+    font: var(--eds-f-paragraph-s);
+    color: var(--eds-c-foreground-subtler);
+}
+
+.eds-file-upload .eds-file-upload__file-input {
+    height: 100%;
+    left: 0;
+    opacity: 0;
+    position: absolute;
+    top: 0;
+    width: 100%;
+}
+
+.eds-file-upload .eds-file-upload__file-input:not(:disabled) {
+    cursor: pointer;
+}
+
+.eds-file-upload .eds-file-upload__simple-input {
+    margin-bottom: var(--eds-sp-xs);
+}
+
+.eds-file-upload .eds-file-upload__simple-input .eds-file-upload__hidden-input {
+    display: none;
+}
+
+.eds-file-upload .eds-file-upload__progress {
+    margin-bottom: var(--eds-sp-xs);
+}
+
+.eds-file-upload .eds-file-upload__error {
+    margin-bottom: var(--eds-sp-xs);
+}
+
+.eds-file-upload .eds-file-upload__total-size {
+    margin-top: var(--eds-sp-xs);
+    margin-bottom: var(--eds-sp-xs);
+    font: var(--eds-f-label-m-semi-bold);
+}
+
+.eds-file-upload .eds-file-upload__reset-btn {
+    margin-top: var(--eds-sp-xs);
+}
+
+/* eds-file-upload-preview — ported from eds-file-upload-preview.scss. */
+.eds-file-upload-preview {
+    display: block;
+    margin-bottom: var(--eds-sp-2xs);
+}
+
+.eds-file-upload-preview .eds-file-upload-preview__content {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    padding: var(--eds-sp-2xs) 0;
+}
+
+.eds-file-upload-preview .eds-file-upload-preview__left {
+    display: flex;
+    align-items: center;
+    gap: var(--eds-sp-xs);
+    overflow: hidden;
+}
+
+.eds-file-upload-preview .eds-file-upload-preview__image {
+    flex-shrink: 0;
+}
+
+.eds-file-upload-preview .eds-file-upload-preview__image img {
+    width: 80px;
+    height: auto;
+    border-radius: var(--eds-br-xs);
+    object-fit: cover;
+}
+
+.eds-file-upload-preview .eds-file-upload-preview__loading {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    width: 80px;
+}
+
+.eds-file-upload-preview .eds-file-upload-preview__icon {
+    flex-shrink: 0;
+    color: var(--eds-c-foreground-subtler);
+}
+
+.eds-file-upload-preview .eds-file-upload-preview__filename {
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    font: var(--eds-f-paragraph-s);
+    color: var(--eds-c-foreground-default);
+}
+
+.eds-file-upload-preview .eds-file-upload-preview__link {
+    color: var(--eds-c-foreground-link);
+    text-decoration: underline;
+    cursor: pointer;
+}
+
+.eds-file-upload-preview .eds-file-upload-preview__link:hover {
+    color: var(--eds-c-foreground-link-hover);
+}
+
+.eds-file-upload-preview .eds-file-upload-preview__right {
+    display: flex;
+    align-items: center;
+    gap: var(--eds-sp-xs);
+    margin-left: auto;
+    padding-left: var(--eds-sp-xs);
+    flex-shrink: 0;
+}
+
+.eds-file-upload-preview .eds-file-upload-preview__size,
+.eds-file-upload-preview .eds-file-upload-preview__type {
+    font: var(--eds-f-paragraph-xs);
+    color: var(--eds-c-foreground-subtler);
+    white-space: nowrap;
+}

package/eds-file-upload/eds-file-upload.d.ts

@@ -0,0 +1,97 @@
+import * as React from 'react';
+import { type EdsFileUploadPreviewRenderContext } from './eds-file-upload-preview.js';
+import { EdsUploadedFile } from './eds-file-upload.model.js';
+export interface EdsFileUploadProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange' | 'defaultValue'> {
+    /** Data attribute value for end-to-end testing identification. @default 'eds-file-upload' */
+    e2eAttr?: string;
+    /**
+     * Current upload progress percentage (0–100). Host-owned — the component only displays it;
+     * the actual upload/HTTP work is the consumer's concern. Only effective when
+     * `hasProgressBar` is true. @default 0
+     */
+    progress?: number;
+    /**
+     * Comma-separated list of allowed file extensions or MIME types. Files not matching are
+     * rejected. Use `'*'` to allow all. @default '*'
+     */
+    accept?: string;
+    /** Maximum number of files that can be selected simultaneously. @default undefined (unlimited) */
+    maxFiles?: number;
+    /** Enables selection of multiple files in a single operation. @default true */
+    isMultiple?: boolean;
+    /** Displays a progress bar indicating upload completion. @default true */
+    hasProgressBar?: boolean;
+    /** Displays a visual preview for each file. @default true */
+    hasPreview?: boolean;
+    /** Renders image previews as thumbnails for supported image types. @default true */
+    hasPreviewAsImage?: boolean;
+    /** Renders previews as file-format icons instead of thumbnails. @default false */
+    hasPreviewAsIcon?: boolean;
+    /** Shows the total combined size of all selected files. @default true */
+    hasTotalSizeDisplayed?: boolean;
+    /** Displays a button to clear all files (only when `isMultiple` and files are present). @default true */
+    hasResetButton?: boolean;
+    /** Enables the drag-and-drop drop zone for file selection. @default false */
+    hasDragArea?: boolean;
+    /** Makes files in the list clickable, emitting `onItemClick`. @default false */
+    isItemsClickable?: boolean;
+    /** Label text for the browse button. @default 'Choose file' */
+    browseLabel?: string;
+    /** Label text for the drag area hint. @default 'or drag and drop file here' */
+    dragLabel?: string;
+    /** Label text for the reset button. @default 'Reset list' */
+    resetLabel?: string;
+    /** Label text shown for the total size. @default 'total size' */
+    totalSizeLabel?: string;
+    /** Error message prefix shown for rejected file extensions. @default 'File extension not allowed' */
+    rejectedFileLabel?: string;
+    /**
+     * Controlled pre-existing uploaded files (the CVA `writeValue` equivalent). When provided,
+     * the component is controlled for the uploaded-file list — use `onValueChange` to react to
+     * removals/resets. Omit for uncontrolled (see `defaultValue`).
+     */
+    value?: EdsUploadedFile[];
+    /** Initial pre-existing uploaded files for the uncontrolled case. @default [] */
+    defaultValue?: EdsUploadedFile[];
+    /**
+     * Controlled list of newly-selected native `File` objects. When provided, the component is
+     * controlled for the selection — use `onFilesChange` to react to selection/removal. Omit for
+     * uncontrolled (see `defaultFiles`).
+     */
+    files?: File[];
+    /** Initial newly-selected files for the uncontrolled case. @default [] */
+    defaultFiles?: File[];
+    /** Fired with the newly-selected `File[]` whenever the selection changes. */
+    onFilesChange?: (files: File[]) => void;
+    /** Fired with the pre-existing `EdsUploadedFile[]` whenever that list changes. */
+    onValueChange?: (value: EdsUploadedFile[]) => void;
+    /**
+     * Fired with the combined list (`[...uploadedFiles, ...files]`) whenever anything changes —
+     * the React analog of the Angular CVA `_onChange`.
+     */
+    onChange?: (all: (EdsUploadedFile | File)[]) => void;
+    /** Fired when files are added via the drop zone or picker (Angular `fileDrop`). */
+    onFileDrop?: () => void;
+    /** Fired when a clickable file entry is clicked (Angular `itemClick`). */
+    onItemClick?: (file: File | EdsUploadedFile) => void;
+    /** Custom render slot for each file entry (Angular `uploadedFileTemplate`). */
+    renderFile?: (context: EdsFileUploadPreviewRenderContext) => React.ReactNode;
+    /** Extra content projected before the reset button (Angular `<ng-content/>`). */
+    children?: React.ReactNode;
+}
+/**
+ * `EdsFileUpload` — pure React port of the Angular `eds-file-upload`.
+ *
+ * Manages file selection, validation, preview and display; the actual upload is the
+ * consumer's concern (host-owned), surfaced via the `progress` prop and the change callbacks.
+ * Supports a click-to-browse simple input and an optional native drag-and-drop drop zone
+ * (`hasDragArea`), `accept`/`maxFiles`/`isMultiple` validation with rejected-file error
+ * display, per-file previews (image thumbnail or icon), total-size display, and reset.
+ *
+ * The Angular component implements `ControlValueAccessor`; React has no CVA, so state is
+ * exposed as a controlled `value` (pre-existing `EdsUploadedFile[]`) + `files` (newly-selected
+ * `File[]`) with uncontrolled `defaultValue`/`defaultFiles`, and change callbacks
+ * (`onValueChange`, `onFilesChange`, and the combined `onChange`). Flag for forms-API review.
+ */
+export declare const EdsFileUpload: React.ForwardRefExoticComponent<EdsFileUploadProps & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=eds-file-upload.d.ts.map

package/eds-file-upload/eds-file-upload.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"eds-file-upload.d.ts","sourceRoot":"","sources":["../../src/eds-file-upload/eds-file-upload.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,EAAwB,KAAK,iCAAiC,EAAE,MAAM,8BAA8B,CAAC;AAC5G,OAAO,EAAE,eAAe,EAAe,MAAM,4BAA4B,CAAC;AAE1E,MAAM,WAAW,kBACb,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,GAAG,cAAc,CAAC;IAC/E,6FAA6F;IAC7F,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,kGAAkG;IAClG,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,+EAA+E;IAC/E,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,0EAA0E;IAC1E,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,6DAA6D;IAC7D,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,oFAAoF;IACpF,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,kFAAkF;IAClF,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,yEAAyE;IACzE,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,yGAAyG;IACzG,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,6EAA6E;IAC7E,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,gFAAgF;IAChF,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,+DAA+D;IAC/D,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,+EAA+E;IAC/E,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,6DAA6D;IAC7D,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,iEAAiE;IACjE,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,qGAAqG;IACrG,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAE3B;;;;OAIG;IACH,KAAK,CAAC,EAAE,eAAe,EAAE,CAAC;IAC1B,iFAAiF;IACjF,YAAY,CAAC,EAAE,eAAe,EAAE,CAAC;IACjC;;;;OAIG;IACH,KAAK,CAAC,EAAE,IAAI,EAAE,CAAC;IACf,0EAA0E;IAC1E,YAAY,CAAC,EAAE,IAAI,EAAE,CAAC;IAEtB,6EAA6E;IAC7E,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,IAAI,EAAE,KAAK,IAAI,CAAC;IACxC,kFAAkF;IAClF,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,eAAe,EAAE,KAAK,IAAI,CAAC;IACnD;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAC,GAAG,EAAE,CAAC,eAAe,GAAG,IAAI,CAAC,EAAE,KAAK,IAAI,CAAC;IACrD,mFAAmF;IACnF,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,0EAA0E;IAC1E,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,GAAG,eAAe,KAAK,IAAI,CAAC;IAErD,+EAA+E;IAC/E,UAAU,CAAC,EAAE,CAAC,OAAO,EAAE,iCAAiC,KAAK,KAAK,CAAC,SAAS,CAAC;IAC7E,iFAAiF;IACjF,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC9B;AAED;;;;;;;;;;;;;GAaG;AACH,eAAO,MAAM,aAAa,2FAuRxB,CAAC"}

package/eds-file-upload/eds-file-upload.js

@@ -0,0 +1,129 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from 'react';
+import { useId, useRef, useState } from 'react';
+import { EdsButton } from '../eds-button/eds-button.js';
+import { EdsProgressBar } from '../eds-progress-bar/eds-progress-bar.js';
+import { EdsFeedbackMessage } from '../eds-feedback-message/eds-feedback-message.js';
+import { EdsFileUploadPreview } from './eds-file-upload-preview.js';
+import { edsFilesize } from './eds-file-upload.model.js';
+/**
+ * `EdsFileUpload` — pure React port of the Angular `eds-file-upload`.
+ *
+ * Manages file selection, validation, preview and display; the actual upload is the
+ * consumer's concern (host-owned), surfaced via the `progress` prop and the change callbacks.
+ * Supports a click-to-browse simple input and an optional native drag-and-drop drop zone
+ * (`hasDragArea`), `accept`/`maxFiles`/`isMultiple` validation with rejected-file error
+ * display, per-file previews (image thumbnail or icon), total-size display, and reset.
+ *
+ * The Angular component implements `ControlValueAccessor`; React has no CVA, so state is
+ * exposed as a controlled `value` (pre-existing `EdsUploadedFile[]`) + `files` (newly-selected
+ * `File[]`) with uncontrolled `defaultValue`/`defaultFiles`, and change callbacks
+ * (`onValueChange`, `onFilesChange`, and the combined `onChange`). Flag for forms-API review.
+ */
+export const EdsFileUpload = React.forwardRef(function EdsFileUpload({ e2eAttr = 'eds-file-upload', progress = 0, accept = '*', maxFiles, isMultiple = true, hasProgressBar = true, hasPreview = true, hasPreviewAsImage = true, hasPreviewAsIcon = false, hasTotalSizeDisplayed = true, hasResetButton = true, hasDragArea = false, isItemsClickable = false, browseLabel = 'Choose file', dragLabel = 'or drag and drop file here', resetLabel = 'Reset list', totalSizeLabel = 'total size', rejectedFileLabel = 'File extension not allowed', value, defaultValue = [], files, defaultFiles = [], onFilesChange, onValueChange, onChange, onFileDrop, onItemClick, renderFile, children, className, ...rest }, ref) {
+    const inputId = useId();
+    const inputRef = useRef(null);
+    const isFilesControlled = files !== undefined;
+    const isValueControlled = value !== undefined;
+    const [internalFiles, setInternalFiles] = useState(defaultFiles);
+    const [internalUploadedFiles, setInternalUploadedFiles] = useState(defaultValue);
+    const [dragEntered, setDragEntered] = useState(false);
+    const [rejectedFileMessage, setRejectedFileMessage] = useState(null);
+    const currentFiles = isFilesControlled ? files : internalFiles;
+    const currentUploaded = isValueControlled ? value : internalUploadedFiles;
+    const filesTotalSize = currentFiles.reduce((total, f) => total + f.size, 0);
+    const showResetBtn = hasResetButton && isMultiple && (currentFiles.length > 0 || currentUploaded.length > 0);
+    const isDropAreaDisabled = (!isMultiple && currentFiles.length === 1) ||
+        currentUploaded.length + currentFiles.length === maxFiles;
+    const effectiveHasPreviewAsImage = hasPreviewAsIcon ? false : hasPreviewAsImage;
+    // Emit the combined list (CVA `_onChange` analog).
+    const emitChange = (uploaded, selected) => {
+        onChange?.([...uploaded, ...selected]);
+    };
+    const setFiles = (next) => {
+        if (!isFilesControlled) {
+            setInternalFiles(next);
+        }
+        onFilesChange?.(next);
+        emitChange(currentUploaded, next);
+    };
+    const setUploaded = (next) => {
+        if (!isValueControlled) {
+            setInternalUploadedFiles(next);
+        }
+        onValueChange?.(next);
+        emitChange(next, currentFiles);
+    };
+    // Angular `emitFiles` — validate against accept/maxFiles/isMultiple and append.
+    const emitFiles = (fileList) => {
+        if (!fileList) {
+            return;
+        }
+        let i = currentUploaded.length + currentFiles.length;
+        const rejectedFiles = [];
+        const newFiles = [...currentFiles];
+        for (let idx = 0; idx < fileList.length; idx++) {
+            const f = fileList[idx];
+            if (f && (!maxFiles || i < maxFiles)) {
+                const parts = f.name.split('.');
+                const ext = parts[parts.length - 1];
+                if (accept.indexOf(ext.toLowerCase()) !== -1 || accept === '*') {
+                    newFiles.push(f);
+                }
+                else {
+                    rejectedFiles.push(f.name);
+                }
+                i++;
+            }
+        }
+        setFiles(newFiles);
+        setRejectedFileMessage(rejectedFiles.length ? rejectedFiles.join(', ') : null);
+        if (inputRef.current) {
+            inputRef.current.value = '';
+        }
+        setDragEntered(false);
+        onFileDrop?.();
+    };
+    const onInputChange = (e) => {
+        emitFiles(e.target.files);
+    };
+    const onDragEnter = () => {
+        if (!isDropAreaDisabled) {
+            setDragEntered(true);
+        }
+    };
+    const onDragLeave = () => {
+        setDragEntered(false);
+    };
+    const onDragOver = (e) => {
+        e.preventDefault();
+    };
+    const onDrop = (e) => {
+        e.preventDefault();
+        emitFiles(e.dataTransfer?.files ?? null);
+    };
+    const removeFromList = (index) => {
+        const next = currentFiles.filter((_, idx) => idx !== index);
+        setFiles(next);
+    };
+    const removeFromUploadedList = (index) => {
+        const next = currentUploaded.filter((_, idx) => idx !== index);
+        setUploaded(next);
+    };
+    const resetList = () => {
+        if (!isFilesControlled) {
+            setInternalFiles([]);
+        }
+        if (!isValueControlled) {
+            setInternalUploadedFiles([]);
+        }
+        onFilesChange?.([]);
+        onValueChange?.([]);
+        onChange?.([]);
+    };
+    const openBrowseWindow = () => {
+        inputRef.current?.click();
+    };
+    return (_jsxs("div", { ref: ref, className: className ? `eds-file-upload ${className}` : 'eds-file-upload', "data-e2e": e2eAttr, ...rest, children: [hasDragArea ? (_jsxs("div", { className: `eds-file-upload__drop-area${dragEntered ? ' eds-file-upload__drop-area--active' : ''}${isDropAreaDisabled ? ' eds-file-upload__drop-area--disabled' : ''}`, onDragOver: onDragOver, onDrop: onDrop, children: [_jsx(EdsButton, { type: "secondary", size: "s", className: "eds-file-upload__browse-btn", children: browseLabel }), _jsx("span", { className: "eds-file-upload__drag-hint", children: dragLabel }), _jsx("input", { ref: inputRef, className: "eds-file-upload__file-input", "aria-label": `${browseLabel} ${dragLabel}`, type: "file", accept: accept, disabled: isDropAreaDisabled || undefined, multiple: isMultiple, onChange: onInputChange, onDragEnter: onDragEnter, onDragLeave: onDragLeave })] })) : (_jsxs("div", { className: "eds-file-upload__simple-input", children: [_jsx("label", { htmlFor: inputId, children: _jsx(EdsButton, { type: "secondary", size: "s", onClick: openBrowseWindow, children: browseLabel }) }), _jsx("input", { ref: inputRef, "aria-label": isMultiple ? 'Choose multiple files' : 'Choose a single file', className: "eds-file-upload__hidden-input", id: inputId, type: "file", accept: accept, multiple: isMultiple || undefined, onChange: onInputChange })] })), hasProgressBar && progress > 0 && (_jsx(EdsProgressBar, { className: "eds-file-upload__progress", progress: progress, label: `${progress}%` })), rejectedFileMessage && (_jsxs(EdsFeedbackMessage, { color: "critical", className: "eds-file-upload__error", children: [rejectedFileLabel, ": ", rejectedFileMessage] })), currentUploaded.map((uploadedFile, i) => (_jsx(EdsFileUploadPreview, { isItemsClickable: isItemsClickable, index: i, file: uploadedFile, hasPreview: hasPreview, hasPreviewAsImage: effectiveHasPreviewAsImage, hasPreviewAsIcon: hasPreviewAsIcon, renderFile: renderFile, onItemClick: onItemClick, onRemoveFromList: removeFromUploadedList }, `uploaded-${i}`))), currentFiles.map((file, i) => (_jsx(EdsFileUploadPreview, { isFileObject: true, isItemsClickable: isItemsClickable, index: i, file: file, hasPreview: hasPreview, hasPreviewAsImage: effectiveHasPreviewAsImage, hasPreviewAsIcon: hasPreviewAsIcon, renderFile: renderFile, onItemClick: onItemClick, onRemoveFromList: removeFromList }, `file-${i}`))), !!filesTotalSize && hasTotalSizeDisplayed && (_jsxs("div", { className: "eds-file-upload__total-size", children: [edsFilesize(filesTotalSize), " ", totalSizeLabel] })), _jsxs("div", { className: "eds-u-d-flex eds-u-flex-gap-s", children: [children, showResetBtn && (_jsx(EdsButton, { type: "secondary", size: "s", onClick: resetList, children: resetLabel }))] })] }));
+});
+//# sourceMappingURL=eds-file-upload.js.map

package/eds-file-upload/eds-file-upload.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"eds-file-upload.js","sourceRoot":"","sources":["../../src/eds-file-upload/eds-file-upload.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAChD,OAAO,EAAE,SAAS,EAAE,MAAM,6BAA6B,CAAC;AACxD,OAAO,EAAE,cAAc,EAAE,MAAM,yCAAyC,CAAC;AACzE,OAAO,EAAE,kBAAkB,EAAE,MAAM,iDAAiD,CAAC;AACrF,OAAO,EAAE,oBAAoB,EAA0C,MAAM,8BAA8B,CAAC;AAC5G,OAAO,EAAmB,WAAW,EAAE,MAAM,4BAA4B,CAAC;AAqF1E;;;;;;;;;;;;;GAaG;AACH,MAAM,CAAC,MAAM,aAAa,GAAG,KAAK,CAAC,UAAU,CAAqC,SAAS,aAAa,CACpG,EACI,OAAO,GAAG,iBAAiB,EAC3B,QAAQ,GAAG,CAAC,EACZ,MAAM,GAAG,GAAG,EACZ,QAAQ,EACR,UAAU,GAAG,IAAI,EACjB,cAAc,GAAG,IAAI,EACrB,UAAU,GAAG,IAAI,EACjB,iBAAiB,GAAG,IAAI,EACxB,gBAAgB,GAAG,KAAK,EACxB,qBAAqB,GAAG,IAAI,EAC5B,cAAc,GAAG,IAAI,EACrB,WAAW,GAAG,KAAK,EACnB,gBAAgB,GAAG,KAAK,EACxB,WAAW,GAAG,aAAa,EAC3B,SAAS,GAAG,4BAA4B,EACxC,UAAU,GAAG,YAAY,EACzB,cAAc,GAAG,YAAY,EAC7B,iBAAiB,GAAG,4BAA4B,EAChD,KAAK,EACL,YAAY,GAAG,EAAE,EACjB,KAAK,EACL,YAAY,GAAG,EAAE,EACjB,aAAa,EACb,aAAa,EACb,QAAQ,EACR,UAAU,EACV,WAAW,EACX,UAAU,EACV,QAAQ,EACR,SAAS,EACT,GAAG,IAAI,EACV,EACD,GAAG;IAEH,MAAM,OAAO,GAAG,KAAK,EAAE,CAAC;IACxB,MAAM,QAAQ,GAAG,MAAM,CAAmB,IAAI,CAAC,CAAC;IAEhD,MAAM,iBAAiB,GAAG,KAAK,KAAK,SAAS,CAAC;IAC9C,MAAM,iBAAiB,GAAG,KAAK,KAAK,SAAS,CAAC;IAE9C,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAAS,YAAY,CAAC,CAAC;IACzE,MAAM,CAAC,qBAAqB,EAAE,wBAAwB,CAAC,GAAG,QAAQ,CAAoB,YAAY,CAAC,CAAC;IACpG,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IACtD,MAAM,CAAC,mBAAmB,EAAE,sBAAsB,CAAC,GAAG,QAAQ,CAAgB,IAAI,CAAC,CAAC;IAEpF,MAAM,YAAY,GAAG,iBAAiB,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,aAAa,CAAC;IAC/D,MAAM,eAAe,GAAG,iBAAiB,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,qBAAqB,CAAC;IAE1E,MAAM,cAAc,GAAG,YAAY,CAAC,MAAM,CAAC,CAAC,KAAK,EAAE,CAAC,EAAE,EAAE,CAAC,KAAK,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC;IAE5E,MAAM,YAAY,GACd,cAAc,IAAI,UAAU,IAAI,CAAC,YAAY,CAAC,MAAM,GAAG,CAAC,IAAI,eAAe,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;IAE5F,MAAM,kBAAkB,GACpB,CAAC,CAAC,UAAU,IAAI,YAAY,CAAC,MAAM,KAAK,CAAC,CAAC;QAC1C,eAAe,CAAC,MAAM,GAAG,YAAY,CAAC,MAAM,KAAK,QAAQ,CAAC;IAE9D,MAAM,0BAA0B,GAAG,gBAAgB,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,iBAAiB,CAAC;IAEhF,mDAAmD;IACnD,MAAM,UAAU,GAAG,CAAC,QAA2B,EAAE,QAAgB,EAAQ,EAAE;QACvE,QAAQ,EAAE,CAAC,CAAC,GAAG,QAAQ,EAAE,GAAG,QAAQ,CAAC,CAAC,CAAC;IAC3C,CAAC,CAAC;IAEF,MAAM,QAAQ,GAAG,CAAC,IAAY,EAAQ,EAAE;QACpC,IAAI,CAAC,iBAAiB,EAAE,CAAC;YACrB,gBAAgB,CAAC,IAAI,CAAC,CAAC;QAC3B,CAAC;QACD,aAAa,EAAE,CAAC,IAAI,CAAC,CAAC;QACtB,UAAU,CAAC,eAAe,EAAE,IAAI,CAAC,CAAC;IACtC,CAAC,CAAC;IAEF,MAAM,WAAW,GAAG,CAAC,IAAuB,EAAQ,EAAE;QAClD,IAAI,CAAC,iBAAiB,EAAE,CAAC;YACrB,wBAAwB,CAAC,IAAI,CAAC,CAAC;QACnC,CAAC;QACD,aAAa,EAAE,CAAC,IAAI,CAAC,CAAC;QACtB,UAAU,CAAC,IAAI,EAAE,YAAY,CAAC,CAAC;IACnC,CAAC,CAAC;IAEF,gFAAgF;IAChF,MAAM,SAAS,GAAG,CAAC,QAAyB,EAAQ,EAAE;QAClD,IAAI,CAAC,QAAQ,EAAE,CAAC;YACZ,OAAO;QACX,CAAC;QACD,IAAI,CAAC,GAAG,eAAe,CAAC,MAAM,GAAG,YAAY,CAAC,MAAM,CAAC;QACrD,MAAM,aAAa,GAAa,EAAE,CAAC;QACnC,MAAM,QAAQ,GAAW,CAAC,GAAG,YAAY,CAAC,CAAC;QAE3C,KAAK,IAAI,GAAG,GAAG,CAAC,EAAE,GAAG,GAAG,QAAQ,CAAC,MAAM,EAAE,GAAG,EAAE,EAAE,CAAC;YAC7C,MAAM,CAAC,GAAG,QAAQ,CAAC,GAAG,CAAC,CAAC;YACxB,IAAI,CAAC,IAAI,CAAC,CAAC,QAAQ,IAAI,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC;gBACnC,MAAM,KAAK,GAAG,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;gBAChC,MAAM,GAAG,GAAG,KAAK,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;gBACpC,IAAI,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,WAAW,EAAE,CAAC,KAAK,CAAC,CAAC,IAAI,MAAM,KAAK,GAAG,EAAE,CAAC;oBAC7D,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;gBACrB,CAAC;qBAAM,CAAC;oBACJ,aAAa,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC;gBAC/B,CAAC;gBACD,CAAC,EAAE,CAAC;YACR,CAAC;QACL,CAAC;QAED,QAAQ,CAAC,QAAQ,CAAC,CAAC;QACnB,sBAAsB,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC,CAAC,aAAa,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC;QAE/E,IAAI,QAAQ,CAAC,OAAO,EAAE,CAAC;YACnB,QAAQ,CAAC,OAAO,CAAC,KAAK,GAAG,EAAE,CAAC;QAChC,CAAC;QAED,cAAc,CAAC,KAAK,CAAC,CAAC;QACtB,UAAU,EAAE,EAAE,CAAC;IACnB,CAAC,CAAC;IAEF,MAAM,aAAa,GAAG,CAAC,CAAsC,EAAQ,EAAE;QACnE,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;IAC9B,CAAC,CAAC;IAEF,MAAM,WAAW,GAAG,GAAS,EAAE;QAC3B,IAAI,CAAC,kBAAkB,EAAE,CAAC;YACtB,cAAc,CAAC,IAAI,CAAC,CAAC;QACzB,CAAC;IACL,CAAC,CAAC;IAEF,MAAM,WAAW,GAAG,GAAS,EAAE;QAC3B,cAAc,CAAC,KAAK,CAAC,CAAC;IAC1B,CAAC,CAAC;IAEF,MAAM,UAAU,GAAG,CAAC,CAAkB,EAAQ,EAAE;QAC5C,CAAC,CAAC,cAAc,EAAE,CAAC;IACvB,CAAC,CAAC;IAEF,MAAM,MAAM,GAAG,CAAC,CAAkB,EAAQ,EAAE;QACxC,CAAC,CAAC,cAAc,EAAE,CAAC;QACnB,SAAS,CAAC,CAAC,CAAC,YAAY,EAAE,KAAK,IAAI,IAAI,CAAC,CAAC;IAC7C,CAAC,CAAC;IAEF,MAAM,cAAc,GAAG,CAAC,KAAa,EAAQ,EAAE;QAC3C,MAAM,IAAI,GAAG,YAAY,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,GAAG,EAAE,EAAE,CAAC,GAAG,KAAK,KAAK,CAAC,CAAC;QAC5D,QAAQ,CAAC,IAAI,CAAC,CAAC;IACnB,CAAC,CAAC;IAEF,MAAM,sBAAsB,GAAG,CAAC,KAAa,EAAQ,EAAE;QACnD,MAAM,IAAI,GAAG,eAAe,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,GAAG,EAAE,EAAE,CAAC,GAAG,KAAK,KAAK,CAAC,CAAC;QAC/D,WAAW,CAAC,IAAI,CAAC,CAAC;IACtB,CAAC,CAAC;IAEF,MAAM,SAAS,GAAG,GAAS,EAAE;QACzB,IAAI,CAAC,iBAAiB,EAAE,CAAC;YACrB,gBAAgB,CAAC,EAAE,CAAC,CAAC;QACzB,CAAC;QACD,IAAI,CAAC,iBAAiB,EAAE,CAAC;YACrB,wBAAwB,CAAC,EAAE,CAAC,CAAC;QACjC,CAAC;QACD,aAAa,EAAE,CAAC,EAAE,CAAC,CAAC;QACpB,aAAa,EAAE,CAAC,EAAE,CAAC,CAAC;QACpB,QAAQ,EAAE,CAAC,EAAE,CAAC,CAAC;IACnB,CAAC,CAAC;IAEF,MAAM,gBAAgB,GAAG,GAAS,EAAE;QAChC,QAAQ,CAAC,OAAO,EAAE,KAAK,EAAE,CAAC;IAC9B,CAAC,CAAC;IAEF,OAAO,CACH,eACI,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,SAAS,CAAC,CAAC,CAAC,mBAAmB,SAAS,EAAE,CAAC,CAAC,CAAC,iBAAiB,cAC/D,OAAO,KACb,IAAI,aAEP,WAAW,CAAC,CAAC,CAAC,CACX,eACI,SAAS,EAAE,6BACP,WAAW,CAAC,CAAC,CAAC,qCAAqC,CAAC,CAAC,CAAC,EAC1D,GAAG,kBAAkB,CAAC,CAAC,CAAC,uCAAuC,CAAC,CAAC,CAAC,EAAE,EAAE,EACtE,UAAU,EAAE,UAAU,EACtB,MAAM,EAAE,MAAM,aAEd,KAAC,SAAS,IAAC,IAAI,EAAC,WAAW,EAAC,IAAI,EAAC,GAAG,EAAC,SAAS,EAAC,6BAA6B,YACvE,WAAW,GACJ,EACZ,eAAM,SAAS,EAAC,4BAA4B,YAAE,SAAS,GAAQ,EAC/D,gBACI,GAAG,EAAE,QAAQ,EACb,SAAS,EAAC,6BAA6B,gBAC3B,GAAG,WAAW,IAAI,SAAS,EAAE,EACzC,IAAI,EAAC,MAAM,EACX,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,kBAAkB,IAAI,SAAS,EACzC,QAAQ,EAAE,UAAU,EACpB,QAAQ,EAAE,aAAa,EACvB,WAAW,EAAE,WAAW,EACxB,WAAW,EAAE,WAAW,GAC1B,IACA,CACT,CAAC,CAAC,CAAC,CACA,eAAK,SAAS,EAAC,+BAA+B,aAC1C,gBAAO,OAAO,EAAE,OAAO,YACnB,KAAC,SAAS,IAAC,IAAI,EAAC,WAAW,EAAC,IAAI,EAAC,GAAG,EAAC,OAAO,EAAE,gBAAgB,YACzD,WAAW,GACJ,GACR,EACR,gBACI,GAAG,EAAE,QAAQ,gBACD,UAAU,CAAC,CAAC,CAAC,uBAAuB,CAAC,CAAC,CAAC,sBAAsB,EACzE,SAAS,EAAC,+BAA+B,EACzC,EAAE,EAAE,OAAO,EACX,IAAI,EAAC,MAAM,EACX,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,UAAU,IAAI,SAAS,EACjC,QAAQ,EAAE,aAAa,GACzB,IACA,CACT,EAEA,cAAc,IAAI,QAAQ,GAAG,CAAC,IAAI,CAC/B,KAAC,cAAc,IACX,SAAS,EAAC,2BAA2B,EACrC,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,GAAG,QAAQ,GAAG,GACvB,CACL,EAEA,mBAAmB,IAAI,CACpB,MAAC,kBAAkB,IAAC,KAAK,EAAC,UAAU,EAAC,SAAS,EAAC,wBAAwB,aAClE,iBAAiB,QAAI,mBAAmB,IACxB,CACxB,EAEA,eAAe,CAAC,GAAG,CAAC,CAAC,YAAY,EAAE,CAAC,EAAE,EAAE,CAAC,CACtC,KAAC,oBAAoB,IAEjB,gBAAgB,EAAE,gBAAgB,EAClC,KAAK,EAAE,CAAC,EACR,IAAI,EAAE,YAAY,EAClB,UAAU,EAAE,UAAU,EACtB,iBAAiB,EAAE,0BAA0B,EAC7C,gBAAgB,EAAE,gBAAgB,EAClC,UAAU,EAAE,UAAU,EACtB,WAAW,EAAE,WAAW,EACxB,gBAAgB,EAAE,sBAAsB,IATnC,YAAY,CAAC,EAAE,CAUtB,CACL,CAAC,EAED,YAAY,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,EAAE,CAAC,CAC3B,KAAC,oBAAoB,IAEjB,YAAY,QACZ,gBAAgB,EAAE,gBAAgB,EAClC,KAAK,EAAE,CAAC,EACR,IAAI,EAAE,IAAI,EACV,UAAU,EAAE,UAAU,EACtB,iBAAiB,EAAE,0BAA0B,EAC7C,gBAAgB,EAAE,gBAAgB,EAClC,UAAU,EAAE,UAAU,EACtB,WAAW,EAAE,WAAW,EACxB,gBAAgB,EAAE,cAAc,IAV3B,QAAQ,CAAC,EAAE,CAWlB,CACL,CAAC,EAED,CAAC,CAAC,cAAc,IAAI,qBAAqB,IAAI,CAC1C,eAAK,SAAS,EAAC,6BAA6B,aACvC,WAAW,CAAC,cAAc,CAAC,OAAG,cAAc,IAC3C,CACT,EAED,eAAK,SAAS,EAAC,+BAA+B,aACzC,QAAQ,EAER,YAAY,IAAI,CACb,KAAC,SAAS,IAAC,IAAI,EAAC,WAAW,EAAC,IAAI,EAAC,GAAG,EAAC,OAAO,EAAE,SAAS,YAClD,UAAU,GACH,CACf,IACC,IACJ,CACT,CAAC;AACN,CAAC,CAAC,CAAC"}

package/eds-file-upload/eds-file-upload.model.d.ts

@@ -0,0 +1,25 @@
+/**
+ * Represents a file that has already been uploaded and is displayed in the file list.
+ * Ported 1:1 from the Angular `eds-file-upload.model.ts`.
+ */
+export interface EdsUploadedFile {
+    /** Unique identifier for the uploaded file. */
+    id?: string | number;
+    /** Display name of the file. */
+    name?: string;
+    /** URL where the file can be accessed or previewed. */
+    url?: string;
+    /** File size in bytes. */
+    size?: number;
+    /** MIME type of the file (e.g. "application/pdf"). */
+    type?: string;
+}
+/**
+ * Human-readable file size formatter — pure port of the Angular `EdsFilesizePipe`.
+ *
+ * @example
+ * edsFilesize(1024)      // "1.00 KB"
+ * edsFilesize(1048576, 1) // "1.0 MB"
+ */
+export declare function edsFilesize(bytes?: number, precision?: number): string;
+//# sourceMappingURL=eds-file-upload.model.d.ts.map

package/eds-file-upload/eds-file-upload.model.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"eds-file-upload.model.d.ts","sourceRoot":"","sources":["../../src/eds-file-upload/eds-file-upload.model.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,MAAM,WAAW,eAAe;IAC5B,+CAA+C;IAC/C,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACrB,gCAAgC;IAChC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,uDAAuD;IACvD,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,0BAA0B;IAC1B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,sDAAsD;IACtD,IAAI,CAAC,EAAE,MAAM,CAAC;CACjB;AAED;;;;;;GAMG;AACH,wBAAgB,WAAW,CAAC,KAAK,SAAI,EAAE,SAAS,SAAI,GAAG,MAAM,CAe5D"}

package/eds-file-upload/eds-file-upload.model.js

@@ -0,0 +1,21 @@
+/**
+ * Human-readable file size formatter — pure port of the Angular `EdsFilesizePipe`.
+ *
+ * @example
+ * edsFilesize(1024)      // "1.00 KB"
+ * edsFilesize(1048576, 1) // "1.0 MB"
+ */
+export function edsFilesize(bytes = 0, precision = 2) {
+    if (isNaN(parseFloat(String(bytes))) || !isFinite(bytes)) {
+        return '?';
+    }
+    const units = ['bytes', 'KB', 'MB', 'GB', 'TB', 'PB'];
+    let unit = 0;
+    let value = bytes;
+    while (value >= 1024) {
+        value /= 1024;
+        unit++;
+    }
+    return value.toFixed(+precision) + ' ' + units[unit];
+}
+//# sourceMappingURL=eds-file-upload.model.js.map

package/eds-file-upload/eds-file-upload.model.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"eds-file-upload.model.js","sourceRoot":"","sources":["../../src/eds-file-upload/eds-file-upload.model.ts"],"names":[],"mappings":"AAiBA;;;;;;GAMG;AACH,MAAM,UAAU,WAAW,CAAC,KAAK,GAAG,CAAC,EAAE,SAAS,GAAG,CAAC;IAChD,IAAI,KAAK,CAAC,UAAU,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAE,CAAC;QACvD,OAAO,GAAG,CAAC;IACf,CAAC;IAED,MAAM,KAAK,GAAG,CAAC,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,CAAC;IACtD,IAAI,IAAI,GAAG,CAAC,CAAC;IACb,IAAI,KAAK,GAAG,KAAK,CAAC;IAElB,OAAO,KAAK,IAAI,IAAI,EAAE,CAAC;QACnB,KAAK,IAAI,IAAI,CAAC;QACd,IAAI,EAAE,CAAC;IACX,CAAC;IAED,OAAO,KAAK,CAAC,OAAO,CAAC,CAAC,SAAS,CAAC,GAAG,GAAG,GAAG,KAAK,CAAC,IAAI,CAAC,CAAC;AACzD,CAAC"}

package/eds-file-upload/index.d.ts

@@ -0,0 +1,7 @@
+export { EdsFileUpload } from './eds-file-upload.js';
+export type { EdsFileUploadProps } from './eds-file-upload.js';
+export { EdsFileUploadPreview } from './eds-file-upload-preview.js';
+export type { EdsFileUploadPreviewProps, EdsFileUploadPreviewRenderContext, } from './eds-file-upload-preview.js';
+export { edsFilesize } from './eds-file-upload.model.js';
+export type { EdsUploadedFile } from './eds-file-upload.model.js';
+//# sourceMappingURL=index.d.ts.map

package/eds-file-upload/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/eds-file-upload/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AACrD,YAAY,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC/D,OAAO,EAAE,oBAAoB,EAAE,MAAM,8BAA8B,CAAC;AACpE,YAAY,EACR,yBAAyB,EACzB,iCAAiC,GACpC,MAAM,8BAA8B,CAAC;AACtC,OAAO,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAC;AACzD,YAAY,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC"}

package/eds-file-upload/index.js

@@ -0,0 +1,4 @@
+export { EdsFileUpload } from './eds-file-upload.js';
+export { EdsFileUploadPreview } from './eds-file-upload-preview.js';
+export { edsFilesize } from './eds-file-upload.model.js';
+//# sourceMappingURL=index.js.map

package/eds-file-upload/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/eds-file-upload/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAErD,OAAO,EAAE,oBAAoB,EAAE,MAAM,8BAA8B,CAAC;AAKpE,OAAO,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAC"}