@navikt/ds-react 6.2.0 → 6.3.0

package/cjs/form/combobox/types.d.ts

@@ -1,5 +1,19 @@
 import React, { ChangeEvent, InputHTMLAttributes } from "react";
 import { FormFieldProps } from "../useFormField";
+/**
+ * A more complex version of options for the Combobox.
+ * Used for separating the label and the value of the option.
+ */
+export type ComboboxOption = {
+    /**
+     * The label to display in the dropdown list
+     */
+    label: string;
+    /**
+     * The programmatic value of the option, for use internally. Will be returned from onToggleSelected.
+     */
+    value: string;
+};
 export type MaxSelected = {
     /**
      * The limit for maximum selected options
@@ -16,9 +30,9 @@ export interface ComboboxProps extends FormFieldProps, Omit<InputHTMLAttributes<
      */
     label: React.ReactNode;
     /**
-     * List of options to use for autocompletion.
+     * List of options
      */
-    options: string[];
+    options: string[] | ComboboxOption[];
     /**
      * If enabled, adds an option to add the value of the input as an option whenever there are no options matching the value.
      */
@@ -38,7 +52,7 @@ export interface ComboboxProps extends FormFieldProps, Omit<InputHTMLAttributes<
      * If provided, this overrides the internal search logic in the component.
      * Useful for e.g. searching on a server or when overriding the search algorithm to search for synonyms or similar.
      */
-    filteredOptions?: string[];
+    filteredOptions?: string[] | ComboboxOption[];
     /**
      * Optionally hide the label visually.
      * Not recommended, but can be considered for e.g. search fields in the top menu.
@@ -71,32 +85,29 @@ export interface ComboboxProps extends FormFieldProps, Omit<InputHTMLAttributes<
      * Callback function triggered whenever the value of the input field is triggered.
      *
      * @param event
-     * @returns
      */
     onChange?: (event: ChangeEvent<HTMLInputElement> | null, value?: string) => void;
     /**
      * Callback function triggered whenever the input field is cleared.
      *
      * @param event
-     * @returns
      */
     onClear?: (event: React.PointerEvent | React.KeyboardEvent) => void;
     /**
      * Callback function triggered whenever an option is selected or de-selected.
      *
-     * @param option The selected option.
-     * @param isSelected Whether the option has been selected or unselected.
-     * @param isCustomOption Whether the option comes from user input, instead of from the list.
-     * @returns
+     * @param option The option value
+     * @param isSelected Whether the option has been selected or unselected
+     * @param isCustomOption Whether the option comes from user input, instead of from the list
      */
-    onToggleSelected?: (option: string, isSelected: boolean, isCustomOption: boolean) => void;
+    onToggleSelected?: (option: ComboboxOption["value"], isSelected: boolean, isCustomOption: boolean) => void;
     /**
      * List of selected options.
      *
      * Use this prop when controlling the selected state outside for the component,
      * e.g. for a filter, where options can be toggled elsewhere/programmatically.
      */
-    selectedOptions?: string[];
+    selectedOptions?: string[] | ComboboxOption[];
     /**
      * Options for the maximum number of selected options.
      */

package/cjs/form/file-upload/FileUpload.context.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { ComponentTranslation } from "./i18n/i18n.types";
+export type FileUploadLocaleContextProps = {
+    translations?: ComponentTranslation<"FileUpload">;
+};
+export declare const FileUploadLocaleContextProvider: import("react").ForwardRefExoticComponent<FileUploadLocaleContextProps & {
+    children: import("react").ReactNode;
+} & import("react").RefAttributes<unknown>>, useFileUploadTranslation: <S extends boolean = true>(strict?: S) => S extends true ? FileUploadLocaleContextProps : FileUploadLocaleContextProps | undefined;

package/cjs/form/file-upload/FileUpload.context.js

@@ -0,0 +1,7 @@
+"use strict";
+var _a;
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useFileUploadTranslation = exports.FileUploadLocaleContextProvider = void 0;
+const create_context_1 = require("../../util/create-context");
+_a = (0, create_context_1.createContext)(), exports.FileUploadLocaleContextProvider = _a[0], exports.useFileUploadTranslation = _a[1];
+//# sourceMappingURL=FileUpload.context.js.map

package/cjs/form/file-upload/FileUpload.context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FileUpload.context.js","sourceRoot":"","sources":["../../../src/form/file-upload/FileUpload.context.tsx"],"names":[],"mappings":";;;;AAAA,8DAA0D;AAO7C,KACX,IAAA,8BAAa,GAAgC,EADjC,uCAA+B,UAAE,gCAAwB,SACvB"}

package/cjs/form/file-upload/FileUpload.d.ts

@@ -0,0 +1,118 @@
+import React, { HTMLAttributes } from "react";
+import { ComponentTranslation } from "./i18n/i18n.types";
+import Trigger from "./parts/Trigger";
+import Dropzone from "./parts/dropzone/Dropzone";
+import Item from "./parts/item/Item";
+interface FileUploadProps extends HTMLAttributes<HTMLDivElement> {
+    children: React.ReactNode;
+    /**
+     * i18n-API for customizing texts and labels
+     */
+    translations?: ComponentTranslation<"FileUpload">;
+}
+interface FileUploadComponent extends React.ForwardRefExoticComponent<FileUploadProps & React.RefAttributes<HTMLDivElement>> {
+    /**
+     * Framed area to drag-n-drop files, upload files with button-click or copy-paste.
+     * @example
+     * Single file
+     * ```jsx
+     * <FileUpload.Dropzone
+     *   label="Last opp fil"
+     *   multiple={false}
+     *   onSelect={onSelect}
+     * />
+     * ```
+     *
+     * @example
+     * Multiple files
+     * ```jsx
+     * <FileUpload.Dropzone
+     *   label="Last opp fil"
+     *   multiple={true}
+     *   onSelect={onSelect}
+     * />
+     * ```
+     *
+     * @example
+     * Error
+     * ```jsx
+     * <FileUpload.Dropzone
+     *   label="Last opp filer"
+     *   onSelect={onSelect}
+     *   error={error}
+     * />
+     * ```
+     */
+    Dropzone: typeof Dropzone;
+    /**
+     * Displays a file with status, file size, action and error message.
+     * @example
+     * Single
+     * ```jsx
+     * <FileUpload.Item file={file} status="uploading" />
+     * ```
+     *
+     * @example
+     * Multiple items can be semantically grouped as a list.
+     * ```jsx
+     * <FileUpload>
+     *   <VStack gap="4" as="ul">
+     *     <FileUpload.Item as="li" file={file} />
+     *     <FileUpload.Item as="li" file={file2} />
+     *     <FileUpload.Item as="li" file={file3} status="uploading" />
+     *   </VStack>
+     * </FileUpload>
+     * ```
+     *
+     * @example
+     * Custom file object
+     * ```jsx
+     * <FileUpload.Item file={{ name: "fileName.pdf", size: 1_048_576 }} />
+     * ```
+     *
+     * @example
+     * Error
+     * ```jsx
+     * <FileUpload.Item file={file} error="Something went wrong" />
+     * ```
+     *
+     * @example
+     * Status & actions
+     * ```jsx
+     * <FileUpload.Item file={file} status="uploading" />
+     * <FileUpload.Item file={file} status="downloading" />
+     * <FileUpload.Item file={file} itemAction="retry" onRetry={...} />
+     * <FileUpload.Item file={file} itemAction="delete" onDelete={...} />
+     * ```
+     */
+    Item: typeof Item;
+    /**
+     * Wrapper for a button to trigger file select.
+     * @example
+     * ```jsx
+     * <FileUpload.Trigger onSelect={...}>
+     *   <Button variant="secondary">Last opp filer</Button>
+     * </FileUpload.Trigger>
+     * ```
+     */
+    Trigger: typeof Trigger;
+}
+/**
+ * A set of components used to upload and display files.
+ * @see [📝 Documentation](https://aksel.nav.no/komponenter/core/fileupload)
+ * @example Dropzone
+ * ```jsx
+ *  <FileUpload.Dropzone />
+ * ```
+ *
+ * @example
+ * Items
+ * ```jsx
+ * <VStack gap="4" as="ul">
+ *   <FileUpload.Item as="li" file={myFile} />
+ *   <FileUpload.Item as="li" file={mySecondFile} />
+ * </VStack>
+ * ```
+ */
+export declare const FileUpload: FileUploadComponent;
+export default FileUpload;

package/cjs/form/file-upload/FileUpload.js

@@ -0,0 +1,73 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+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;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FileUpload = void 0;
+const clsx_1 = __importDefault(require("clsx"));
+const react_1 = __importStar(require("react"));
+const FileUpload_context_1 = require("./FileUpload.context");
+const Trigger_1 = __importDefault(require("./parts/Trigger"));
+const Dropzone_1 = __importDefault(require("./parts/dropzone/Dropzone"));
+const Item_1 = __importDefault(require("./parts/item/Item"));
+/**
+ * A set of components used to upload and display files.
+ * @see [📝 Documentation](https://aksel.nav.no/komponenter/core/fileupload)
+ * @example Dropzone
+ * ```jsx
+ *  <FileUpload.Dropzone />
+ * ```
+ *
+ * @example
+ * Items
+ * ```jsx
+ * <VStack gap="4" as="ul">
+ *   <FileUpload.Item as="li" file={myFile} />
+ *   <FileUpload.Item as="li" file={mySecondFile} />
+ * </VStack>
+ * ```
+ */
+exports.FileUpload = (0, react_1.forwardRef)((_a, ref) => {
+    var { children, className, translations } = _a, rest = __rest(_a, ["children", "className", "translations"]);
+    return (react_1.default.createElement(FileUpload_context_1.FileUploadLocaleContextProvider, { translations: translations },
+        react_1.default.createElement("div", Object.assign({ ref: ref }, rest, { className: (0, clsx_1.default)("navds-file-upload", className) }), children)));
+});
+exports.FileUpload.Dropzone = Dropzone_1.default;
+exports.FileUpload.Item = Item_1.default;
+exports.FileUpload.Trigger = Trigger_1.default;
+exports.default = exports.FileUpload;
+//# sourceMappingURL=FileUpload.js.map

package/cjs/form/file-upload/FileUpload.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FileUpload.js","sourceRoot":"","sources":["../../../src/form/file-upload/FileUpload.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAAsB;AACtB,+CAA0D;AAC1D,6DAAuE;AAEvE,8DAAsC;AACtC,yEAAiD;AACjD,6DAAqC;AAsGrC;;;;;;;;;;;;;;;;GAgBG;AACU,QAAA,UAAU,GAAG,IAAA,kBAAU,EAClC,CAAC,EAA+D,EAAE,GAAG,EAAE,EAAE;QAAxE,EAAE,QAAQ,EAAE,SAAS,EAAE,YAAY,OAA4B,EAAvB,IAAI,cAA5C,yCAA8C,CAAF;IAC3C,OAAO,CACL,8BAAC,oDAA+B,IAAC,YAAY,EAAE,YAAY;QACzD,qDAAK,GAAG,EAAE,GAAG,IAAM,IAAI,IAAE,SAAS,EAAE,IAAA,cAAE,EAAC,mBAAmB,EAAE,SAAS,CAAC,KACnE,QAAQ,CACL,CAC0B,CACnC,CAAC;AACJ,CAAC,CACqB,CAAC;AAEzB,kBAAU,CAAC,QAAQ,GAAG,kBAAQ,CAAC;AAC/B,kBAAU,CAAC,IAAI,GAAG,cAAI,CAAC;AACvB,kBAAU,CAAC,OAAO,GAAG,iBAAO,CAAC;AAE7B,kBAAe,kBAAU,CAAC"}

package/cjs/form/file-upload/FileUpload.types.d.ts

@@ -0,0 +1,55 @@
+export declare const fileRejectionReason: {
+    FileType: "fileType";
+    FileSize: "fileSize";
+};
+export type FileRejectionReason = (typeof fileRejectionReason)[keyof typeof fileRejectionReason];
+export type FileRejected = {
+    file: File;
+    error: true;
+    reasons: string[];
+};
+export type FileAccepted = {
+    file: File;
+    error: false;
+};
+export type FileObject = FileRejected | FileAccepted;
+export type FileRejectedPartitioned = {
+    file: File;
+    reasons: string[];
+};
+export type FilesPartitioned = {
+    accepted: File[];
+    rejected: FileRejectedPartitioned[];
+};
+export interface FileUploadBaseProps {
+    /**
+     * Indicates if it is possible to select multiple files at once.
+     * @default true
+     */
+    multiple?: boolean;
+    /**
+     * Indicates which file types to accept.
+     * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/file#accept
+     */
+    accept?: string;
+    /**
+     * Maximum size of a file to accept
+     */
+    maxSizeInBytes?: number;
+    /**
+     * Custom validator that is used to decide if a file is accepted or rejected.
+     * @return true if the file is accepted, otherwise a string with the reason for rejection
+     */
+    validator?: (file: File) => true | string;
+    /**
+     * Callback triggered on file select
+     */
+    onSelect: (files: FileObject[], partitionedFiles: FilesPartitioned) => void;
+    /**
+     * Disables the dropzone when current >= max, unless `disabled` prop is set to `false`.
+     */
+    fileLimit?: {
+        max: number;
+        current: number;
+    };
+}

package/cjs/form/file-upload/FileUpload.types.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.fileRejectionReason = void 0;
+exports.fileRejectionReason = {
+    FileType: "fileType",
+    FileSize: "fileSize",
+};
+//# sourceMappingURL=FileUpload.types.js.map

package/cjs/form/file-upload/FileUpload.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FileUpload.types.js","sourceRoot":"","sources":["../../../src/form/file-upload/FileUpload.types.ts"],"names":[],"mappings":";;;AAAa,QAAA,mBAAmB,GAAG;IACjC,QAAQ,EAAE,UAAmB;IAC7B,QAAQ,EAAE,UAAmB;CAC9B,CAAC"}

package/cjs/form/file-upload/i18n/get.d.ts

@@ -0,0 +1,2 @@
+import { TranslationObject } from "./i18n.types";
+export declare function get(keypath: string | string[], ...objs: (TranslationObject | undefined)[]): string;

package/cjs/form/file-upload/i18n/get.js

@@ -0,0 +1,38 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.get = void 0;
+/**
+ * https://github.com/Shopify/polaris/blob/main/polaris-react/src/utilities/get.ts#L3
+ */
+const OBJECT_NOTATION_MATCHER = /(\w+)/g;
+function get(keypath, ...objs) {
+    const keys = Array.isArray(keypath) ? keypath : getKeypath(keypath);
+    for (const obj of objs) {
+        if (!obj) {
+            continue;
+        }
+        let acc = obj;
+        for (let i = 0; i < keys.length; i++) {
+            const val = acc[keys[i]];
+            if (val === undefined) {
+                continue;
+            }
+            acc = val;
+        }
+        if (typeof acc === "string") {
+            return acc;
+        }
+    }
+    throw new Error("Error translating key. The keypath does not resolve to a string.");
+}
+exports.get = get;
+function getKeypath(str) {
+    const path = [];
+    let result;
+    while ((result = OBJECT_NOTATION_MATCHER.exec(str))) {
+        const [, first, second] = result;
+        path.push(first || second);
+    }
+    return path;
+}
+//# sourceMappingURL=get.js.map

package/cjs/form/file-upload/i18n/get.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"get.js","sourceRoot":"","sources":["../../../../src/form/file-upload/i18n/get.ts"],"names":[],"mappings":";;;AAEA;;GAEG;AACH,MAAM,uBAAuB,GAAG,QAAQ,CAAC;AAEzC,SAAgB,GAAG,CACjB,OAA0B,EAC1B,GAAG,IAAuC;IAE1C,MAAM,IAAI,GAAG,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC;IAEpE,KAAK,MAAM,GAAG,IAAI,IAAI,EAAE,CAAC;QACvB,IAAI,CAAC,GAAG,EAAE,CAAC;YACT,SAAS;QACX,CAAC;QAED,IAAI,GAAG,GAA+B,GAAG,CAAC;QAE1C,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,IAAI,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC;YACrC,MAAM,GAAG,GAAG,GAAG,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC;YACzB,IAAI,GAAG,KAAK,SAAS,EAAE,CAAC;gBACtB,SAAS;YACX,CAAC;YACD,GAAG,GAAG,GAAG,CAAC;QACZ,CAAC;QAED,IAAI,OAAO,GAAG,KAAK,QAAQ,EAAE,CAAC;YAC5B,OAAO,GAAG,CAAC;QACb,CAAC;IACH,CAAC;IAED,MAAM,IAAI,KAAK,CACb,kEAAkE,CACnE,CAAC;AACJ,CAAC;AA7BD,kBA6BC;AAED,SAAS,UAAU,CAAC,GAAW;IAC7B,MAAM,IAAI,GAAa,EAAE,CAAC;IAC1B,IAAI,MAA8B,CAAC;IACnC,OAAO,CAAC,MAAM,GAAG,uBAAuB,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC;QACpD,MAAM,CAAC,EAAE,KAAK,EAAE,MAAM,CAAC,GAAG,MAAM,CAAC;QACjC,IAAI,CAAC,IAAI,CAAC,KAAK,IAAI,MAAM,CAAC,CAAC;IAC7B,CAAC;IAED,OAAO,IAAI,CAAC;AACd,CAAC"}

package/cjs/form/file-upload/i18n/i18n.context.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import { Component, ComponentTranslation, TranslationDictionary } from "./i18n.types";
+import nb from "./locales/nb.json";
+export declare const I18nContext: import("react").Context<TranslationDictionary | TranslationDictionary[]>;
+type NestedKeyOf<ObjectType extends object> = {
+    [Key in keyof ObjectType & (string | number)]: ObjectType[Key] extends object ? `${Key}.${NestedKeyOf<ObjectType[Key]>}` : `${Key}`;
+}[keyof ObjectType & (string | number)];
+export declare function useI18n<T extends Component>(componentName: T, ...local: (ComponentTranslation<T> | undefined)[]): (keypath: NestedKeyOf<(typeof nb)[T]>, options?: {
+    replacements: Record<string, string | number>;
+}) => string;
+export {};

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

@@ -0,0 +1,39 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useI18n = exports.I18nContext = void 0;
+const react_1 = require("react");
+const get_1 = require("./get");
+const nb_json_1 = __importDefault(require("./locales/nb.json"));
+/**
+ * https://regex101.com/r/LYKWi3/1
+ */
+const REPLACE_REGEX = /{[^}]*}/g;
+exports.I18nContext = (0, react_1.createContext)(nb_json_1.default);
+function useI18n(componentName, ...local) {
+    const i18n = (0, react_1.useContext)(exports.I18nContext);
+    /**
+     * https://github.com/Shopify/polaris/blob/2115f9ba2f5bcbf2ad15745233501bff2db81ecf/polaris-react/src/utilities/i18n/I18n.ts#L24
+     */
+    const translate = (keypath, options) => {
+        const text = (0, get_1.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;
+}
+exports.useI18n = useI18n;
+//# sourceMappingURL=i18n.context.js.map

package/cjs/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,iCAAkD;AAClD,+BAA4B;AAM5B,gEAAmC;AAEnC;;GAEG;AACH,MAAM,aAAa,GAAG,UAAU,CAAC;AAEpB,QAAA,WAAW,GAAG,IAAA,qBAAa,EAEtC,iBAAE,CAAC,CAAC;AASN,SAAgB,OAAO,CACrB,aAAgB,EAChB,GAAG,KAA8C;IAEjD,MAAM,IAAI,GAAG,IAAA,kBAAU,EAAC,mBAAW,CAAC,CAAC;IAErC;;OAEG;IACH,MAAM,SAAS,GAAG,CAChB,OAAoC,EACpC,OAA2D,EAC3D,EAAE;QACF,MAAM,IAAI,GAAG,IAAA,SAAG,EACd,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;AAzCD,0BAyCC"}

package/cjs/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/cjs/form/file-upload/i18n/i18n.types.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=i18n.types.js.map

package/cjs/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/cjs/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/cjs/form/file-upload/i18n/merge.d.ts

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

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

@@ -0,0 +1,29 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.merge = void 0;
+function merge(...objs) {
+    let final = {};
+    for (const obj of objs) {
+        final = mergeRecursively(final, obj);
+    }
+    return final;
+}
+exports.merge = merge;
+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/cjs/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,SAAgB,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;AARD,sBAQC;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/cjs/form/file-upload/index.d.ts

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

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

@@ -0,0 +1,16 @@
+"use strict";
+"use client";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.UNSAFE_FileUploadItem = exports.UNSAFE_FileUploadTrigger = exports.UNSAFE_FileUploadDropzone = exports.UNSAFE_FileUpload = void 0;
+var FileUpload_1 = require("./FileUpload");
+Object.defineProperty(exports, "UNSAFE_FileUpload", { enumerable: true, get: function () { return __importDefault(FileUpload_1).default; } });
+var Dropzone_1 = require("./parts/dropzone/Dropzone");
+Object.defineProperty(exports, "UNSAFE_FileUploadDropzone", { enumerable: true, get: function () { return __importDefault(Dropzone_1).default; } });
+var Trigger_1 = require("./parts/Trigger");
+Object.defineProperty(exports, "UNSAFE_FileUploadTrigger", { enumerable: true, get: function () { return __importDefault(Trigger_1).default; } });
+var Item_1 = require("./parts/item/Item");
+Object.defineProperty(exports, "UNSAFE_FileUploadItem", { enumerable: true, get: function () { return __importDefault(Item_1).default; } });
+//# sourceMappingURL=index.js.map

package/cjs/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,2CAA4D;AAAnD,gIAAA,OAAO,OAAqB;AACrC,sDAAiF;AAAxE,sIAAA,OAAO,OAA6B;AAE7C,2CAGyB;AAFvB,oIAAA,OAAO,OAA4B;AAWrC,0CAG2B;AAFzB,8HAAA,OAAO,OAAyB"}

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

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

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

@@ -0,0 +1,43 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importStar(require("react"));
+const Slot_1 = require("../../../util/Slot");
+const useFileUpload_1 = require("../useFileUpload");
+const Trigger = (0, react_1.forwardRef)(({ children, multiple = true, accept, onSelect, validator, maxSizeInBytes, }, ref) => {
+    const { onChange, inputRef, mergedRef } = (0, useFileUpload_1.useFileUpload)({
+        ref,
+        onSelect,
+        validator,
+        accept,
+        maxSizeInBytes,
+        disabled: false,
+    });
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement(Slot_1.Slot, { onClick: () => { var _a; return (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.click(); } }, children),
+        react_1.default.createElement("input", { ref: mergedRef, type: "file", style: { display: "none" }, multiple: multiple, accept: accept, onChange: onChange })));
+});
+exports.default = Trigger;
+//# sourceMappingURL=Trigger.js.map

package/cjs/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,+CAA0C;AAC1C,6CAA0C;AAE1C,oDAAiD;AAOjD,MAAM,OAAO,GAAG,IAAA,kBAAU,EACxB,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,IAAA,6BAAa,EAAC;QACtD,GAAG;QACH,QAAQ;QACR,SAAS;QACT,MAAM;QACN,cAAc;QACd,QAAQ,EAAE,KAAK;KAChB,CAAC,CAAC;IAEH,OAAO,CACL;QACE,8BAAC,WAAI,IAAC,OAAO,EAAE,GAAG,EAAE,WAAC,OAAA,MAAA,QAAQ,CAAC,OAAO,0CAAE,KAAK,EAAE,CAAA,EAAA,IAAG,QAAQ,CAAQ;QACjE,yCACE,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,kBAAe,OAAO,CAAC"}

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

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