@navikt/ds-react 6.2.0 → 6.3.1

package/esm/form/file-upload/i18n/i18n.context.js

@@ -0,0 +1,32 @@
+import { createContext, useContext } from "react";
+import { get } from "./get.js";
+import nb from "./locales/nb.json";
+/**
+ * https://regex101.com/r/LYKWi3/1
+ */
+const REPLACE_REGEX = /{[^}]*}/g;
+export const I18nContext = createContext(nb);
+export function useI18n(componentName, ...local) {
+    const i18n = useContext(I18nContext);
+    /**
+     * https://github.com/Shopify/polaris/blob/2115f9ba2f5bcbf2ad15745233501bff2db81ecf/polaris-react/src/utilities/i18n/I18n.ts#L24
+     */
+    const translate = (keypath, options) => {
+        const text = get(keypath, ...local, ...(Array.isArray(i18n)
+            ? i18n.map((t) => t[componentName])
+            : [i18n[componentName]]));
+        if (options === null || options === void 0 ? void 0 : options.replacements) {
+            return text.replace(REPLACE_REGEX, (match) => {
+                const replacement = match.substring(1, match.length - 1);
+                if (options.replacements[replacement] === undefined) {
+                    const replacementData = JSON.stringify(options.replacements);
+                    throw new Error(`Error translating key '${keypath}'. No replacement syntax ({}) found for key '${replacement}'. The following replacements were passed: '${replacementData}'`);
+                }
+                return options.replacements[replacement]; // can also be a number, but JS doesn't mind...
+            });
+        }
+        return text;
+    };
+    return translate;
+}
+//# sourceMappingURL=i18n.context.js.map

package/esm/form/file-upload/i18n/i18n.context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"i18n.context.js","sourceRoot":"","sources":["../../../../src/form/file-upload/i18n/i18n.context.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAClD,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAM5B,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAEnC;;GAEG;AACH,MAAM,aAAa,GAAG,UAAU,CAAC;AAEjC,MAAM,CAAC,MAAM,WAAW,GAAG,aAAa,CAEtC,EAAE,CAAC,CAAC;AASN,MAAM,UAAU,OAAO,CACrB,aAAgB,EAChB,GAAG,KAA8C;IAEjD,MAAM,IAAI,GAAG,UAAU,CAAC,WAAW,CAAC,CAAC;IAErC;;OAEG;IACH,MAAM,SAAS,GAAG,CAChB,OAAoC,EACpC,OAA2D,EAC3D,EAAE;QACF,MAAM,IAAI,GAAG,GAAG,CACd,OAAO,EACP,GAAG,KAAK,EACR,GAAG,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC;YACrB,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC;YACnC,CAAC,CAAC,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,CAC3B,CAAC;QAEF,IAAI,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,YAAY,EAAE,CAAC;YAC1B,OAAO,IAAI,CAAC,OAAO,CAAC,aAAa,EAAE,CAAC,KAAK,EAAE,EAAE;gBAC3C,MAAM,WAAW,GAAG,KAAK,CAAC,SAAS,CAAC,CAAC,EAAE,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;gBAEzD,IAAI,OAAO,CAAC,YAAY,CAAC,WAAW,CAAC,KAAK,SAAS,EAAE,CAAC;oBACpD,MAAM,eAAe,GAAG,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,YAAY,CAAC,CAAC;oBAE7D,MAAM,IAAI,KAAK,CACb,0BAA0B,OAAO,gDAAgD,WAAW,+CAA+C,eAAe,GAAG,CAC9J,CAAC;gBACJ,CAAC;gBAED,OAAO,OAAO,CAAC,YAAY,CAAC,WAAW,CAAW,CAAC,CAAC,+CAA+C;YACrG,CAAC,CAAC,CAAC;QACL,CAAC;QAED,OAAO,IAAI,CAAC;IACd,CAAC,CAAC;IAEF,OAAO,SAAS,CAAC;AACnB,CAAC"}

package/esm/form/file-upload/i18n/i18n.types.d.ts

@@ -0,0 +1,13 @@
+import nb from "./locales/nb.json";
+export interface TranslationObject {
+    [key: string]: string | TranslationObject | undefined;
+}
+export interface TranslationDictionary {
+    [key: string]: TranslationObject | undefined;
+}
+type RecursivePartial<T> = {
+    [P in keyof T]?: RecursivePartial<T[P]>;
+};
+export type Component = keyof typeof nb;
+export type ComponentTranslation<T extends Component> = RecursivePartial<(typeof nb)[T]>;
+export {};

package/esm/form/file-upload/i18n/i18n.types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=i18n.types.js.map

package/esm/form/file-upload/i18n/i18n.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"i18n.types.js","sourceRoot":"","sources":["../../../../src/form/file-upload/i18n/i18n.types.ts"],"names":[],"mappings":""}

package/esm/form/file-upload/i18n/locales/nb.json

@@ -0,0 +1,20 @@
+{
+    "FileUpload": {
+        "dropzone": {
+            "button": "Velg fil",
+            "buttonMultiple": "Velg filer",
+            "dragAndDrop": "Dra og slipp filen her",
+            "dragAndDropMultiple": "Dra og slipp filer her",
+            "drop": "Slipp",
+            "or": "eller",
+            "disabled": "Filopplasting er deaktivert",
+            "disabledFilelimit": "Du kan ikke laste opp flere filer"
+        },
+        "item": {
+            "retryButtonTitle": "Prøv å laste opp filen på nytt",
+            "deleteButtonTitle": "Slett filen",
+            "uploading": "Laster opp…",
+            "downloading": "Laster ned…"
+        }
+    }
+}

package/esm/form/file-upload/i18n/merge.d.ts

@@ -0,0 +1,2 @@
+import { TranslationDictionary } from "./i18n.types.js";
+export declare function merge(...objs: TranslationDictionary[]): TranslationDictionary;

package/esm/form/file-upload/i18n/merge.js

@@ -0,0 +1,25 @@
+export function merge(...objs) {
+    let final = {};
+    for (const obj of objs) {
+        final = mergeRecursively(final, obj);
+    }
+    return final;
+}
+function mergeRecursively(objA, objB) {
+    const objARes = Object.assign({}, objA);
+    for (const key in objB) {
+        if (!(key in objB)) {
+            continue;
+        }
+        const a = objARes[key];
+        const b = objB[key];
+        if (b && typeof b !== "string" && typeof a !== "string") {
+            objARes[key] = mergeRecursively(a, b);
+        }
+        else {
+            objARes[key] = b;
+        }
+    }
+    return objARes;
+}
+//# sourceMappingURL=merge.js.map

package/esm/form/file-upload/i18n/merge.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"merge.js","sourceRoot":"","sources":["../../../../src/form/file-upload/i18n/merge.ts"],"names":[],"mappings":"AAEA,MAAM,UAAU,KAAK,CAAC,GAAG,IAA6B;IACpD,IAAI,KAAK,GAA0B,EAAE,CAAC;IAEtC,KAAK,MAAM,GAAG,IAAI,IAAI,EAAE,CAAC;QACvB,KAAK,GAAG,gBAAgB,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC;IACvC,CAAC;IAED,OAAO,KAAK,CAAC;AACf,CAAC;AAED,SAAS,gBAAgB,CACvB,IAAO,EACP,IAA+C;IAE/C,MAAM,OAAO,qBAAQ,IAAI,CAAE,CAAC;IAE5B,KAAK,MAAM,GAAG,IAAI,IAAI,EAAE,CAAC;QACvB,IAAI,CAAC,CAAC,GAAG,IAAI,IAAI,CAAC,EAAE,CAAC;YACnB,SAAS;QACX,CAAC;QAED,MAAM,CAAC,GAAG,OAAO,CAAC,GAAG,CAAC,CAAC;QACvB,MAAM,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC;QAEpB,IAAI,CAAC,IAAI,OAAO,CAAC,KAAK,QAAQ,IAAI,OAAO,CAAC,KAAK,QAAQ,EAAE,CAAC;YACxD,OAAO,CAAC,GAAG,CAAC,GAAG,gBAAgB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;QACxC,CAAC;aAAM,CAAC;YACN,OAAO,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;QACnB,CAAC;IACH,CAAC;IAED,OAAO,OAAO,CAAC;AACjB,CAAC"}

package/esm/form/file-upload/index.d.ts

@@ -0,0 +1,7 @@
+export { default as UNSAFE_FileUpload } from "./FileUpload.js";
+export { default as UNSAFE_FileUploadDropzone } from "./parts/dropzone/Dropzone.js";
+export { type FileUploadDropzoneProps } from "./parts/dropzone/dropzone.types.js";
+export { default as UNSAFE_FileUploadTrigger, type FileUploadTriggerProps, } from "./parts/Trigger.js";
+export { type FileObject, type FileRejected, type FileAccepted, type FileRejectedPartitioned, type FilesPartitioned, type FileRejectionReason, } from "./FileUpload.types.js";
+export { default as UNSAFE_FileUploadItem, type FileUploadItemProps, } from "./parts/item/Item.js";
+export { type FileItem, type FileMetadata } from "./parts/item/Item.types.js";

package/esm/form/file-upload/index.js

@@ -0,0 +1,6 @@
+"use client";
+export { default as UNSAFE_FileUpload } from "./FileUpload.js";
+export { default as UNSAFE_FileUploadDropzone } from "./parts/dropzone/Dropzone.js";
+export { default as UNSAFE_FileUploadTrigger, } from "./parts/Trigger.js";
+export { default as UNSAFE_FileUploadItem, } from "./parts/item/Item.js";
+//# sourceMappingURL=index.js.map

package/esm/form/file-upload/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/form/file-upload/index.ts"],"names":[],"mappings":"AAAA,YAAY,CAAC;AACb,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAC5D,OAAO,EAAE,OAAO,IAAI,yBAAyB,EAAE,MAAM,2BAA2B,CAAC;AAEjF,OAAO,EACL,OAAO,IAAI,wBAAwB,GAEpC,MAAM,iBAAiB,CAAC;AASzB,OAAO,EACL,OAAO,IAAI,qBAAqB,GAEjC,MAAM,mBAAmB,CAAC"}

package/esm/form/file-upload/parts/Trigger.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+import { FileUploadBaseProps } from "../FileUpload.types.js";
+export interface FileUploadTriggerProps extends Omit<FileUploadBaseProps, "fileLimit"> {
+    children: React.ReactNode;
+}
+declare const Trigger: React.ForwardRefExoticComponent<FileUploadTriggerProps & React.RefAttributes<HTMLInputElement>>;
+export default Trigger;

package/esm/form/file-upload/parts/Trigger.js

@@ -0,0 +1,18 @@
+import React, { forwardRef } from "react";
+import { Slot } from "../../../util/Slot.js";
+import { useFileUpload } from "../useFileUpload.js";
+const Trigger = forwardRef(({ children, multiple = true, accept, onSelect, validator, maxSizeInBytes, }, ref) => {
+    const { onChange, inputRef, mergedRef } = useFileUpload({
+        ref,
+        onSelect,
+        validator,
+        accept,
+        maxSizeInBytes,
+        disabled: false,
+    });
+    return (React.createElement(React.Fragment, null,
+        React.createElement(Slot, { onClick: () => { var _a; return (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.click(); } }, children),
+        React.createElement("input", { ref: mergedRef, type: "file", style: { display: "none" }, multiple: multiple, accept: accept, onChange: onChange })));
+});
+export default Trigger;
+//# sourceMappingURL=Trigger.js.map

package/esm/form/file-upload/parts/Trigger.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Trigger.js","sourceRoot":"","sources":["../../../../src/form/file-upload/parts/Trigger.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,IAAI,EAAE,MAAM,oBAAoB,CAAC;AAE1C,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAOjD,MAAM,OAAO,GAAG,UAAU,CACxB,CACE,EACE,QAAQ,EACR,QAAQ,GAAG,IAAI,EACf,MAAM,EACN,QAAQ,EACR,SAAS,EACT,cAAc,GACS,EACzB,GAAG,EACH,EAAE;IACF,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,aAAa,CAAC;QACtD,GAAG;QACH,QAAQ;QACR,SAAS;QACT,MAAM;QACN,cAAc;QACd,QAAQ,EAAE,KAAK;KAChB,CAAC,CAAC;IAEH,OAAO,CACL;QACE,oBAAC,IAAI,IAAC,OAAO,EAAE,GAAG,EAAE,WAAC,OAAA,MAAA,QAAQ,CAAC,OAAO,0CAAE,KAAK,EAAE,CAAA,EAAA,IAAG,QAAQ,CAAQ;QACjE,+BACE,GAAG,EAAE,SAAS,EACd,IAAI,EAAC,MAAM,EACX,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,EAC1B,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAQ,GAClB,CACD,CACJ,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,eAAe,OAAO,CAAC"}

package/esm/form/file-upload/parts/dropzone/Dropzone.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import { FileUploadDropzoneProps } from "./dropzone.types.js";
+declare const Dropzone: React.ForwardRefExoticComponent<FileUploadDropzoneProps & React.RefAttributes<HTMLInputElement>>;
+export default Dropzone;

package/esm/form/file-upload/parts/dropzone/Dropzone.js

@@ -0,0 +1,78 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import cl from "clsx";
+import React, { forwardRef } from "react";
+import { CircleSlashIcon, CloudUpIcon } from "@navikt/aksel-icons";
+import { Button } from "../../../../button/index.js";
+import { BodyShort, ErrorMessage, Label } from "../../../../typography/index.js";
+import { composeEventHandlers } from "../../../../util/composeEventHandlers.js";
+import { useId } from "../../../../util/hooks/index.js";
+import { omit } from "../../../../util/omit.js";
+import { useFormField } from "../../../useFormField.js";
+import { useFileUploadTranslation } from "../../FileUpload.context.js";
+import { useI18n } from "../../i18n/i18n.context.js";
+import { useFileUpload } from "../../useFileUpload.js";
+import { useDropzone } from "./useDropzone.js";
+const Dropzone = forwardRef((props, ref) => {
+    const { onSelect, error, label, description, className, multiple = true, accept, validator, maxSizeInBytes, fileLimit, icon: DropzoneIcon = CloudUpIcon, disabled, translations, onClick } = props, rest = __rest(props, ["onSelect", "error", "label", "description", "className", "multiple", "accept", "validator", "maxSizeInBytes", "fileLimit", "icon", "disabled", "translations", "onClick"]);
+    const context = useFileUploadTranslation(false);
+    const translate = useI18n("FileUpload", { dropzone: translations }, context === null || context === void 0 ? void 0 : context.translations);
+    const fileLimitReached = fileLimit && (fileLimit === null || fileLimit === void 0 ? void 0 : fileLimit.current) >= (fileLimit === null || fileLimit === void 0 ? void 0 : fileLimit.max) && (fileLimit === null || fileLimit === void 0 ? void 0 : fileLimit.max) > 0;
+    const _disabled = disabled !== null && disabled !== void 0 ? disabled : fileLimitReached;
+    const { inputProps, errorId, showErrorMsg, hasError, inputDescriptionId } = useFormField(Object.assign(Object.assign({}, props), { disabled: _disabled }), "fileUpload");
+    const { id: inputId, "aria-describedby": ariaDescribedby } = inputProps, inputPropsRest = __rest(inputProps, ["id", "aria-describedby"]);
+    const labelId = useId();
+    const { upload, onChange, inputRef, mergedRef } = useFileUpload({
+        ref,
+        onSelect,
+        validator,
+        accept,
+        maxSizeInBytes,
+        disabled: inputProps.disabled,
+    });
+    const dropzoneCtx = useDropzone({
+        upload,
+        disabled: inputProps.disabled,
+    });
+    return (React.createElement("div", { className: cl("navds-form-field", "navds-dropzone", className, {
+            "navds-dropzone--error": hasError,
+            "navds-dropzone--dragging": dropzoneCtx.isDraggingOver,
+            "navds-dropzone--disabled": inputProps.disabled,
+        }) },
+        React.createElement(Label, { htmlFor: inputId, id: labelId, className: "navds-form-field__label" }, label),
+        !!description && (React.createElement(BodyShort, { id: inputDescriptionId, className: "navds-form-field__description", as: "div" }, description)),
+        React.createElement("div", { className: "navds-dropzone__area", onDragEnter: dropzoneCtx.onDragEnter, onDragOver: dropzoneCtx.onDragOver, onDragLeave: dropzoneCtx.onDragLeave, onDrop: dropzoneCtx.onDrop, onClick: composeEventHandlers(onClick, () => { var _a; return (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.click(); }) },
+            !inputProps.disabled && (React.createElement(React.Fragment, null,
+                React.createElement("div", { className: "navds-dropzone__area-icon" },
+                    React.createElement(DropzoneIcon, { fontSize: "1.5rem", "aria-hidden": true })),
+                React.createElement("div", { className: "navds-dropzone__area-release" },
+                    React.createElement("div", { className: "navds-dropzone__area-release__icon" },
+                        React.createElement(DropzoneIcon, { "aria-hidden": true })),
+                    React.createElement("span", { "aria-hidden": !dropzoneCtx.isDraggingOver, className: "navds-dropzone__area-release__text" }, translate("dropzone.drop"))),
+                React.createElement("div", { "aria-hidden": true },
+                    React.createElement(BodyShort, { as: "div", spacing: true }, multiple
+                        ? translate("dropzone.dragAndDropMultiple")
+                        : translate("dropzone.dragAndDrop")),
+                    React.createElement(BodyShort, { as: "div" }, translate("dropzone.or"))),
+                React.createElement(Button, Object.assign({}, omit(rest, ["errorId"]), inputPropsRest, { "aria-describedby": cl(labelId, ariaDescribedby), className: "navds-dropzone__area-button", type: "button", variant: "secondary" }), multiple
+                    ? translate("dropzone.buttonMultiple")
+                    : translate("dropzone.button")))),
+            inputProps.disabled && (React.createElement("div", { className: "navds-dropzone__area-disabled" },
+                React.createElement(CircleSlashIcon, { "aria-hidden": true, fontSize: "1.75rem" }),
+                React.createElement(BodyShort, { as: "div" }, fileLimitReached
+                    ? translate("dropzone.disabledFilelimit")
+                    : translate("dropzone.disabled")))),
+            React.createElement("input", { id: inputId, type: "file", style: { display: "none" }, multiple: multiple, accept: accept, onChange: onChange, ref: mergedRef, disabled: inputProps.disabled })),
+        React.createElement("div", { className: "navds-form-field__error", id: errorId, "aria-relevant": "additions removals", "aria-live": "polite" }, showErrorMsg && React.createElement(ErrorMessage, null, error))));
+});
+export default Dropzone;
+//# sourceMappingURL=Dropzone.js.map

package/esm/form/file-upload/parts/dropzone/Dropzone.js.map

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

package/esm/form/file-upload/parts/dropzone/dropzone.types.d.ts

@@ -0,0 +1,18 @@
+/// <reference types="react" />
+import { FormFieldProps } from "../../../useFormField.js";
+import { FileUploadBaseProps } from "../../FileUpload.types.js";
+import { ComponentTranslation } from "../../i18n/i18n.types.js";
+export interface FileUploadDropzoneProps extends FileUploadBaseProps, Omit<FormFieldProps, "size" | "readOnly">, Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "onSelect" | "onClick">, Pick<React.HTMLAttributes<HTMLDivElement>, "onClick"> {
+    /**
+     * Text shown to the user.
+     */
+    label: string;
+    /**
+     * @default CloudUpIcon
+     */
+    icon?: React.ComponentType<any>;
+    /**
+     * i18n-API for customizing texts and labels
+     */
+    translations?: ComponentTranslation<"FileUpload">["dropzone"];
+}

package/esm/form/file-upload/parts/dropzone/dropzone.types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=dropzone.types.js.map

package/esm/form/file-upload/parts/dropzone/dropzone.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dropzone.types.js","sourceRoot":"","sources":["../../../../../src/form/file-upload/parts/dropzone/dropzone.types.ts"],"names":[],"mappings":""}

package/esm/form/file-upload/parts/dropzone/useDropzone.d.ts

@@ -0,0 +1,13 @@
+import { UseFileUploadProps } from "../../useFileUpload.js";
+interface Props {
+    upload: (fileList: FileList) => void;
+    disabled: UseFileUploadProps["disabled"];
+}
+export declare const useDropzone: ({ upload, disabled }: Props) => {
+    isDraggingOver: boolean;
+    onDragEnter: (() => void) | undefined;
+    onDragOver: ((event: React.DragEvent<HTMLDivElement>) => void) | undefined;
+    onDragLeave: (() => void) | undefined;
+    onDrop: ((event: React.DragEvent<HTMLDivElement>) => void) | undefined;
+};
+export {};

package/esm/form/file-upload/parts/dropzone/useDropzone.js

@@ -0,0 +1,30 @@
+import { useState } from "react";
+export const useDropzone = ({ upload, disabled }) => {
+    const [isDraggingOver, setIsDraggingOver] = useState(false);
+    const onDragEnter = () => {
+        setIsDraggingOver(true);
+    };
+    const onDragOver = (event) => {
+        event.preventDefault(); // Prevents the browser from opening the file in a new tab
+    };
+    const onDragLeave = () => {
+        setIsDraggingOver(false);
+    };
+    const onDrop = (event) => {
+        event.preventDefault(); // Prevents the browser from opening the file in a new tab
+        setIsDraggingOver(false);
+        const fileList = event.dataTransfer.files;
+        if (!fileList) {
+            return;
+        }
+        upload(fileList);
+    };
+    return {
+        isDraggingOver,
+        onDragEnter: disabled ? undefined : onDragEnter,
+        onDragOver: disabled ? undefined : onDragOver,
+        onDragLeave: disabled ? undefined : onDragLeave,
+        onDrop: disabled ? undefined : onDrop,
+    };
+};
+//# sourceMappingURL=useDropzone.js.map

package/esm/form/file-upload/parts/dropzone/useDropzone.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDropzone.js","sourceRoot":"","sources":["../../../../../src/form/file-upload/parts/dropzone/useDropzone.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAQjC,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAS,EAAE,EAAE;IACzD,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAE5D,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,iBAAiB,CAAC,IAAI,CAAC,CAAC;IAC1B,CAAC,CAAC;IAEF,MAAM,UAAU,GAAG,CAAC,KAAsC,EAAE,EAAE;QAC5D,KAAK,CAAC,cAAc,EAAE,CAAC,CAAC,0DAA0D;IACpF,CAAC,CAAC;IAEF,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,iBAAiB,CAAC,KAAK,CAAC,CAAC;IAC3B,CAAC,CAAC;IAEF,MAAM,MAAM,GAAG,CAAC,KAAsC,EAAE,EAAE;QACxD,KAAK,CAAC,cAAc,EAAE,CAAC,CAAC,0DAA0D;QAClF,iBAAiB,CAAC,KAAK,CAAC,CAAC;QAEzB,MAAM,QAAQ,GAAG,KAAK,CAAC,YAAY,CAAC,KAAK,CAAC;QAC1C,IAAI,CAAC,QAAQ,EAAE,CAAC;YACd,OAAO;QACT,CAAC;QAED,MAAM,CAAC,QAAQ,CAAC,CAAC;IACnB,CAAC,CAAC;IAEF,OAAO;QACL,cAAc;QACd,WAAW,EAAE,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,WAAW;QAC/C,UAAU,EAAE,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,UAAU;QAC7C,WAAW,EAAE,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,WAAW;QAC/C,MAAM,EAAE,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM;KACtC,CAAC;AACJ,CAAC,CAAC"}

package/esm/form/file-upload/parts/item/Item.d.ts

@@ -0,0 +1,55 @@
+import React, { MouseEvent } from "react";
+import { OverridableComponent } from "../../../../util/index.js";
+import { ComponentTranslation } from "../../i18n/i18n.types.js";
+import { FileItem } from "./Item.types.js";
+export interface FileItemBaseProps {
+    /**
+     * Overrides html-tag
+     * @default "div"
+     */
+    as?: "div" | "li";
+    /**
+     * Either a native File or file metadata.
+     */
+    file: FileItem;
+    /**
+     * onClick on the file name.
+     * @note If this and `href` is not set and the `file` prop is a native file, onClick will download the file.
+     */
+    onFileClick?: (event: MouseEvent<HTMLAnchorElement>) => void;
+    /**
+     * href on the file name.
+     * @note If this and `onFileClick` is not set and the `file` prop is a native file, onClick will download the file.
+     */
+    href?: string;
+    /**
+     * Error message relating to the item.
+     */
+    error?: string;
+    /**
+     * Status "downloading" and "uploading" displays a loading indicator.
+     * @default "idle"
+     */
+    status?: "downloading" | "uploading" | "idle";
+    /**
+     * i18n-API for customizing texts and labels
+     */
+    translations?: ComponentTranslation<"FileUpload">["item"];
+    onRetry?: (event: MouseEvent<HTMLButtonElement>) => void;
+    onDelete?: (event: MouseEvent<HTMLButtonElement>) => void;
+}
+type FileItemActionDelete = {
+    onDelete: (event: MouseEvent<HTMLButtonElement>) => void;
+    itemAction: "delete";
+};
+type FileItemActionRetry = {
+    onRetry: (event: MouseEvent<HTMLButtonElement>) => void;
+    itemAction: "retry";
+};
+type FileItemActionNone = {
+    itemAction?: "none";
+};
+type FileItemConditionalProps = FileItemActionDelete | FileItemActionRetry | FileItemActionNone;
+export type FileUploadItemProps = FileItemBaseProps & FileItemConditionalProps & React.HTMLAttributes<HTMLDivElement>;
+export declare const Item: OverridableComponent<FileUploadItemProps, HTMLDivElement>;
+export default Item;

package/esm/form/file-upload/parts/item/Item.js

@@ -0,0 +1,50 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import cl from "clsx";
+import React, { forwardRef } from "react";
+import { ExclamationmarkTriangleIcon } from "@navikt/aksel-icons";
+import { BodyShort } from "../../../../typography/index.js";
+import { useFileUploadTranslation } from "../../FileUpload.context.js";
+import { useI18n } from "../../i18n/i18n.context.js";
+import ItemButton from "./ItemButton.js";
+import ItemIcon from "./ItemIcon.js";
+import ItemName from "./ItemName.js";
+import { formatFileSize } from "./utils/format-file-size.js";
+export const Item = forwardRef((_a, ref) => {
+    var { as: Component = "div", file, status = "idle", onDelete, onRetry, error, className, href, onFileClick, itemAction = "delete", translations } = _a, rest = __rest(_a, ["as", "file", "status", "onDelete", "onRetry", "error", "className", "href", "onFileClick", "itemAction", "translations"]);
+    const context = useFileUploadTranslation(false);
+    const translate = useI18n("FileUpload", { item: translations }, context === null || context === void 0 ? void 0 : context.translations);
+    const showError = !!error && status === "idle";
+    function getStatusText() {
+        if (status === "uploading") {
+            return translate("item.uploading");
+        }
+        if (status === "downloading") {
+            return translate("item.downloading");
+        }
+        return formatFileSize(file);
+    }
+    return (React.createElement(Component, Object.assign({ ref: ref }, rest, { className: cl("navds-file-item", className, {
+            "navds-file-item--error": showError,
+        }) }),
+        React.createElement("div", { className: "navds-file-item__inner" },
+            React.createElement(ItemIcon, { isLoading: status !== "idle", file: file, showError: showError }),
+            React.createElement("div", { className: "navds-file-item__file-info" },
+                React.createElement(ItemName, { file: file, href: href, onClick: onFileClick }),
+                React.createElement(BodyShort, { as: "div", size: "small" }, getStatusText()),
+                React.createElement("div", { className: "navds-file-item__error", "aria-relevant": "additions removals", "aria-live": "polite" }, showError && (React.createElement(BodyShort, { size: "small", className: "navds-file-item__error-content" },
+                    React.createElement(ExclamationmarkTriangleIcon, { "aria-hidden": true }),
+                    error)))),
+            status === "idle" && (React.createElement(ItemButton, { file: file, onRetry: onRetry, onDelete: onDelete, action: itemAction, retryTitle: translate("item.retryButtonTitle"), deleteTitle: translate("item.deleteButtonTitle") })))));
+});
+export default Item;
+//# sourceMappingURL=Item.js.map

package/esm/form/file-upload/parts/item/Item.js.map

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

package/esm/form/file-upload/parts/item/Item.types.d.ts

@@ -0,0 +1,5 @@
+export interface FileMetadata {
+    name: string;
+    size?: number;
+}
+export type FileItem = FileMetadata | File;

package/esm/form/file-upload/parts/item/Item.types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=Item.types.js.map

package/esm/form/file-upload/parts/item/Item.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Item.types.js","sourceRoot":"","sources":["../../../../../src/form/file-upload/parts/item/Item.types.ts"],"names":[],"mappings":""}

package/esm/form/file-upload/parts/item/ItemButton.d.ts

@@ -0,0 +1,12 @@
+import React from "react";
+import { FileItem } from "./Item.types.js";
+interface Props {
+    file: FileItem;
+    onRetry?: (event: React.MouseEvent<HTMLButtonElement>) => void;
+    onDelete?: (event: React.MouseEvent<HTMLButtonElement>) => void;
+    action: "delete" | "retry" | "none";
+    retryTitle: string;
+    deleteTitle: string;
+}
+declare const ItemButton: ({ onRetry, onDelete, action, retryTitle, deleteTitle, }: Props) => React.JSX.Element | null;
+export default ItemButton;

package/esm/form/file-upload/parts/item/ItemButton.js

@@ -0,0 +1,17 @@
+import React from "react";
+import { ArrowsCirclepathIcon, TrashIcon } from "@navikt/aksel-icons";
+import { Button } from "../../../../button/index.js";
+const ItemButton = ({ onRetry, onDelete, action, retryTitle, deleteTitle, }) => {
+    if (action === "none") {
+        return null;
+    }
+    if (onRetry && action === "retry") {
+        return (React.createElement(Button, { className: "navds-file-item__button", type: "button", variant: "tertiary-neutral", onClick: onRetry, icon: React.createElement(ArrowsCirclepathIcon, { title: retryTitle }) }));
+    }
+    if (onDelete && action === "delete") {
+        return (React.createElement(Button, { className: "navds-file-item__button", type: "button", variant: "tertiary-neutral", onClick: onDelete, icon: React.createElement(TrashIcon, { title: deleteTitle }) }));
+    }
+    return null;
+};
+export default ItemButton;
+//# sourceMappingURL=ItemButton.js.map

package/esm/form/file-upload/parts/item/ItemButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ItemButton.js","sourceRoot":"","sources":["../../../../../src/form/file-upload/parts/item/ItemButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,oBAAoB,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AACtE,OAAO,EAAE,MAAM,EAAE,MAAM,oBAAoB,CAAC;AAY5C,MAAM,UAAU,GAAG,CAAC,EAClB,OAAO,EACP,QAAQ,EACR,MAAM,EACN,UAAU,EACV,WAAW,GACL,EAAE,EAAE;IACV,IAAI,MAAM,KAAK,MAAM,EAAE,CAAC;QACtB,OAAO,IAAI,CAAC;IACd,CAAC;IAED,IAAI,OAAO,IAAI,MAAM,KAAK,OAAO,EAAE,CAAC;QAClC,OAAO,CACL,oBAAC,MAAM,IACL,SAAS,EAAC,yBAAyB,EACnC,IAAI,EAAC,QAAQ,EACb,OAAO,EAAC,kBAAkB,EAC1B,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,oBAAC,oBAAoB,IAAC,KAAK,EAAE,UAAU,GAAI,GACjD,CACH,CAAC;IACJ,CAAC;IACD,IAAI,QAAQ,IAAI,MAAM,KAAK,QAAQ,EAAE,CAAC;QACpC,OAAO,CACL,oBAAC,MAAM,IACL,SAAS,EAAC,yBAAyB,EACnC,IAAI,EAAC,QAAQ,EACb,OAAO,EAAC,kBAAkB,EAC1B,OAAO,EAAE,QAAQ,EACjB,IAAI,EAAE,oBAAC,SAAS,IAAC,KAAK,EAAE,WAAW,GAAI,GACvC,CACH,CAAC;IACJ,CAAC;IAED,OAAO,IAAI,CAAC;AACd,CAAC,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/esm/form/file-upload/parts/item/ItemIcon.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+import { FileItem } from "./Item.types.js";
+interface ItemIconProps {
+    isLoading?: boolean;
+    file: FileItem;
+    showError: boolean;
+}
+declare function ItemIcon({ isLoading, file, showError }: ItemIconProps): React.JSX.Element;
+export default ItemIcon;

package/esm/form/file-upload/parts/item/ItemIcon.js

@@ -0,0 +1,46 @@
+import React from "react";
+import { FileCsvIcon, FileExcelIcon, FileIcon, FileImageIcon, FilePdfIcon, FileTextIcon, FileWordIcon, FileXMarkIcon, } from "@navikt/aksel-icons";
+import { Loader } from "../../../../loader/index.js";
+const iconProps = {
+    fontSize: "2rem",
+    "aria-hidden": true,
+};
+function ItemIcon({ isLoading, file, showError }) {
+    if (isLoading) {
+        return (React.createElement("div", { className: "navds-file-item__icon navds-file-item__icon--loading" },
+            React.createElement(Loader, { size: "large" })));
+    }
+    else if (showError) {
+        return (React.createElement("div", { className: "navds-file-item__icon" },
+            React.createElement(FileXMarkIcon, Object.assign({}, iconProps))));
+    }
+    return (React.createElement("div", { className: "navds-file-item__icon" },
+        React.createElement(Icon, { file: file })));
+}
+function Icon({ file }) {
+    const extension = file.name.substring(file.name.lastIndexOf(".") + 1);
+    switch (extension) {
+        case "jpg":
+        case "jpeg":
+        case "png":
+        case "gif":
+        case "webp":
+            return React.createElement(FileImageIcon, Object.assign({}, iconProps));
+        case "pdf":
+            return React.createElement(FilePdfIcon, Object.assign({}, iconProps));
+        case "txt":
+            return React.createElement(FileTextIcon, Object.assign({}, iconProps));
+        case "csv":
+            return React.createElement(FileCsvIcon, Object.assign({}, iconProps));
+        case "xls":
+        case "xlsx":
+            return React.createElement(FileExcelIcon, Object.assign({}, iconProps));
+        case "doc":
+        case "docx":
+            return React.createElement(FileWordIcon, Object.assign({}, iconProps));
+        default:
+            return React.createElement(FileIcon, Object.assign({}, iconProps));
+    }
+}
+export default ItemIcon;
+//# sourceMappingURL=ItemIcon.js.map

package/esm/form/file-upload/parts/item/ItemIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ItemIcon.js","sourceRoot":"","sources":["../../../../../src/form/file-upload/parts/item/ItemIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EACL,WAAW,EACX,aAAa,EACb,QAAQ,EACR,aAAa,EACb,WAAW,EACX,YAAY,EACZ,YAAY,EACZ,aAAa,GACd,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAE,MAAM,EAAE,MAAM,oBAAoB,CAAC;AAS5C,MAAM,SAAS,GAAG;IAChB,QAAQ,EAAE,MAAM;IAChB,aAAa,EAAE,IAAI;CACpB,CAAC;AAEF,SAAS,QAAQ,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAiB;IAC7D,IAAI,SAAS,EAAE,CAAC;QACd,OAAO,CACL,6BAAK,SAAS,EAAC,sDAAsD;YACnE,oBAAC,MAAM,IAAC,IAAI,EAAC,OAAO,GAAG,CACnB,CACP,CAAC;IACJ,CAAC;SAAM,IAAI,SAAS,EAAE,CAAC;QACrB,OAAO,CACL,6BAAK,SAAS,EAAC,uBAAuB;YACpC,oBAAC,aAAa,oBAAK,SAAS,EAAI,CAC5B,CACP,CAAC;IACJ,CAAC;IACD,OAAO,CACL,6BAAK,SAAS,EAAC,uBAAuB;QACpC,oBAAC,IAAI,IAAC,IAAI,EAAE,IAAI,GAAI,CAChB,CACP,CAAC;AACJ,CAAC;AAED,SAAS,IAAI,CAAC,EAAE,IAAI,EAAsB;IACxC,MAAM,SAAS,GAAG,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC;IAEtE,QAAQ,SAAS,EAAE,CAAC;QAClB,KAAK,KAAK,CAAC;QACX,KAAK,MAAM,CAAC;QACZ,KAAK,KAAK,CAAC;QACX,KAAK,KAAK,CAAC;QACX,KAAK,MAAM;YACT,OAAO,oBAAC,aAAa,oBAAK,SAAS,EAAI,CAAC;QAC1C,KAAK,KAAK;YACR,OAAO,oBAAC,WAAW,oBAAK,SAAS,EAAI,CAAC;QACxC,KAAK,KAAK;YACR,OAAO,oBAAC,YAAY,oBAAK,SAAS,EAAI,CAAC;QACzC,KAAK,KAAK;YACR,OAAO,oBAAC,WAAW,oBAAK,SAAS,EAAI,CAAC;QACxC,KAAK,KAAK,CAAC;QACX,KAAK,MAAM;YACT,OAAO,oBAAC,aAAa,oBAAK,SAAS,EAAI,CAAC;QAC1C,KAAK,KAAK,CAAC;QACX,KAAK,MAAM;YACT,OAAO,oBAAC,YAAY,oBAAK,SAAS,EAAI,CAAC;QACzC;YACE,OAAO,oBAAC,QAAQ,oBAAK,SAAS,EAAI,CAAC;IACvC,CAAC;AACH,CAAC;AAED,eAAe,QAAQ,CAAC"}

package/esm/form/file-upload/parts/item/ItemName.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+import { FileItem } from "./Item.types.js";
+interface Props {
+    file: FileItem;
+    href?: string;
+    onClick?: (event: React.MouseEvent<HTMLAnchorElement>) => void;
+}
+declare const ItemName: ({ file, href, onClick }: Props) => React.JSX.Element;
+export default ItemName;

package/esm/form/file-upload/parts/item/ItemName.js

@@ -0,0 +1,27 @@
+import React from "react";
+import { Link } from "../../../../link/index.js";
+import { downloadFile } from "./utils/download-file.js";
+import { isNativeFile } from "./utils/file-type-checker.js";
+const ItemName = ({ file, href, onClick }) => {
+    if (onClick && href) {
+        return (React.createElement(Link, { href: href, onClick: onClick }, file.name));
+    }
+    if (onClick) {
+        return (React.createElement(Link, { href: "#", onClick: (event) => {
+                event.preventDefault();
+                onClick(event);
+            } }, file.name));
+    }
+    if (href) {
+        return React.createElement(Link, { href: href }, file.name);
+    }
+    if (isNativeFile(file)) {
+        return (React.createElement(Link, { href: "#", download: file.name, onClick: (event) => {
+                event.preventDefault();
+                downloadFile(file);
+            } }, file.name));
+    }
+    return React.createElement("span", null, file.name);
+};
+export default ItemName;
+//# sourceMappingURL=ItemName.js.map

package/esm/form/file-upload/parts/item/ItemName.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ItemName.js","sourceRoot":"","sources":["../../../../../src/form/file-upload/parts/item/ItemName.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAExC,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AACrD,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AAQzD,MAAM,QAAQ,GAAG,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,OAAO,EAAS,EAAE,EAAE;IAClD,IAAI,OAAO,IAAI,IAAI,EAAE,CAAC;QACpB,OAAO,CACL,oBAAC,IAAI,IAAC,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,IAC/B,IAAI,CAAC,IAAI,CACL,CACR,CAAC;IACJ,CAAC;IAED,IAAI,OAAO,EAAE,CAAC;QACZ,OAAO,CACL,oBAAC,IAAI,IACH,IAAI,EAAC,GAAG,EACR,OAAO,EAAE,CAAC,KAAK,EAAE,EAAE;gBACjB,KAAK,CAAC,cAAc,EAAE,CAAC;gBACvB,OAAO,CAAC,KAAK,CAAC,CAAC;YACjB,CAAC,IAEA,IAAI,CAAC,IAAI,CACL,CACR,CAAC;IACJ,CAAC;IAED,IAAI,IAAI,EAAE,CAAC;QACT,OAAO,oBAAC,IAAI,IAAC,IAAI,EAAE,IAAI,IAAG,IAAI,CAAC,IAAI,CAAQ,CAAC;IAC9C,CAAC;IAED,IAAI,YAAY,CAAC,IAAI,CAAC,EAAE,CAAC;QACvB,OAAO,CACL,oBAAC,IAAI,IACH,IAAI,EAAC,GAAG,EACR,QAAQ,EAAE,IAAI,CAAC,IAAI,EACnB,OAAO,EAAE,CAAC,KAAK,EAAE,EAAE;gBACjB,KAAK,CAAC,cAAc,EAAE,CAAC;gBACvB,YAAY,CAAC,IAAI,CAAC,CAAC;YACrB,CAAC,IAEA,IAAI,CAAC,IAAI,CACL,CACR,CAAC;IACJ,CAAC;IAED,OAAO,kCAAO,IAAI,CAAC,IAAI,CAAQ,CAAC;AAClC,CAAC,CAAC;AAEF,eAAe,QAAQ,CAAC"}