@oslokommune/punkt-react 16.25.1 → 16.26.3

package/dist/components/consent/strings.d.ts

@@ -0,0 +1,85 @@
+export declare const consentStrings: {
+    i18n: {
+        nb: {
+            contentPresentation: {
+                title: string;
+                description: string[];
+                buttons: {
+                    accept: string;
+                    reject: string;
+                    settings: string;
+                };
+            };
+            contentSettings: {
+                title: string;
+                description: string[];
+                buttons: {
+                    back: string;
+                    save: string;
+                };
+            };
+        };
+        en: {
+            contentPresentation: {
+                title: string;
+                description: string[];
+                buttons: {
+                    accept: string;
+                    reject: string;
+                    settings: string;
+                };
+            };
+            contentSettings: {
+                title: string;
+                description: string[];
+                buttons: {
+                    back: string;
+                    save: string;
+                };
+            };
+        };
+    };
+    cookies: ({
+        name: string;
+        defaultValue: null;
+        i18n: {
+            nb: {
+                title: string;
+                description: string;
+                buttons: {
+                    yes: string;
+                    no: string;
+                };
+            };
+            en: {
+                title: string;
+                description: string;
+                buttons: {
+                    yes: string;
+                    no: string;
+                };
+            };
+        };
+    } | {
+        name: string;
+        defaultValue: boolean;
+        i18n: {
+            nb: {
+                title: string;
+                description: string;
+                buttons: {
+                    yes: string;
+                    no: string;
+                };
+            };
+            en: {
+                title: string;
+                description: string;
+                buttons: {
+                    yes: string;
+                    no: string;
+                };
+            };
+        };
+    })[];
+};

package/dist/components/datepicker/DateTags.d.ts

@@ -0,0 +1,10 @@
+import { IDatepickerStrings } from '../../shared-types/datepicker';
+interface DateTagsProps {
+    dates: string[];
+    dateformat: string;
+    idBase: string;
+    strings?: IDatepickerStrings;
+    onDateRemoved: (date: string) => void;
+}
+export declare const DateTags: ({ dates, dateformat, idBase, strings, onDateRemoved, }: DateTagsProps) => import("react").JSX.Element;
+export {};

package/dist/components/datepicker/Datepicker.d.ts

@@ -0,0 +1,3 @@
+import { IPktDatepicker } from './types';
+export type { IPktDatepicker } from './types';
+export declare const PktDatepicker: import('react').ForwardRefExoticComponent<IPktDatepicker & import('react').RefAttributes<HTMLDivElement>>;

package/dist/components/datepicker/DatepickerInputs.d.ts

@@ -0,0 +1,4 @@
+import { IDatepickerState } from './types';
+export declare const DatepickerInputs: ({ state }: {
+    state: IDatepickerState;
+}) => import("react").JSX.Element;

package/dist/components/datepicker/DatepickerPopup.d.ts

@@ -0,0 +1,21 @@
+interface DatepickerPopupProps {
+    open: boolean;
+    multiple?: boolean;
+    range?: boolean;
+    weeknumbers?: boolean;
+    withcontrols?: boolean;
+    selected?: string[];
+    earliest?: string | null;
+    latest?: string | null;
+    excludedates?: string[];
+    excludeweekdays?: string[];
+    maxMultiple?: number;
+    currentmonth?: string | null;
+    today?: string;
+    inputRef?: React.RefObject<HTMLInputElement | null>;
+    hasCounter?: boolean;
+    onDateSelected: (selected: string[]) => void;
+    onClose: () => void;
+}
+export declare const DatepickerPopup: ({ open, multiple, range, weeknumbers, withcontrols, selected, earliest, latest, excludedates, excludeweekdays, maxMultiple, currentmonth, today, inputRef, hasCounter, onDateSelected, onClose, }: DatepickerPopupProps) => import("react").JSX.Element;
+export {};

package/dist/components/datepicker/types.d.ts

@@ -0,0 +1,109 @@
+import { ChangeEvent, InputHTMLAttributes, ReactNode } from 'react';
+import { IDatepickerStrings } from '../../shared-types/datepicker';
+export interface IPktDatepicker extends Omit<InputHTMLAttributes<HTMLInputElement>, 'value' | 'onChange'> {
+    id: string;
+    label: string;
+    value?: string | string[];
+    dateformat?: string;
+    multiple?: boolean;
+    maxlength?: number;
+    range?: boolean;
+    showRangeLabels?: boolean;
+    weeknumbers?: boolean;
+    withcontrols?: boolean;
+    excludedates?: string[];
+    excludeweekdays?: string[];
+    currentmonth?: string;
+    today?: string;
+    calendarOpen?: boolean;
+    timezone?: string;
+    fullwidth?: boolean;
+    hasFieldset?: boolean;
+    inline?: boolean;
+    helptext?: string | ReactNode;
+    helptextDropdown?: string | ReactNode;
+    helptextDropdownButton?: string;
+    hasError?: boolean;
+    errorMessage?: string | ReactNode;
+    optionalTag?: boolean;
+    optionalText?: string;
+    requiredTag?: boolean;
+    requiredText?: string;
+    tagText?: string;
+    useWrapper?: boolean;
+    strings?: IDatepickerStrings;
+    onChange?: (e: ChangeEvent<HTMLInputElement>) => void;
+    onValueChange?: (values: string[]) => void;
+    className?: string;
+}
+export interface IDatepickerState {
+    id: string;
+    inputId: string;
+    values: string[];
+    calendarOpen: boolean;
+    label: string;
+    dateformat: string;
+    multiple: boolean;
+    maxlength?: number;
+    range: boolean;
+    showRangeLabels: boolean;
+    weeknumbers: boolean;
+    withcontrols: boolean;
+    excludedates?: string[];
+    excludeweekdays?: string[];
+    disabled: boolean;
+    readOnly: boolean;
+    required: boolean;
+    name?: string;
+    placeholder?: string;
+    fullwidth: boolean;
+    hasFieldset: boolean;
+    inline: boolean;
+    helptext?: string | ReactNode;
+    helptextDropdown?: string | ReactNode;
+    helptextDropdownButton?: string;
+    hasError: boolean;
+    errorMessage?: string | ReactNode;
+    optionalTag: boolean;
+    optionalText?: string;
+    requiredTag: boolean;
+    requiredText?: string;
+    tagText?: string;
+    useWrapper: boolean;
+    className?: string;
+    minStr?: string;
+    maxStr?: string;
+    effectiveCurrentMonth?: string;
+    today?: string;
+    inputType: string;
+    isIOSDevice: boolean;
+    strings: IDatepickerStrings;
+    inputClasses: string;
+    buttonClasses: string;
+    rangeLabelClasses: string;
+    datepickerInputsClasses: string;
+    isInputDisabled: boolean;
+    hasCounter: boolean;
+    inputRef: React.RefObject<HTMLInputElement | null>;
+    inputRefTo: React.RefObject<HTMLInputElement | null>;
+    changeInputRef: React.RefObject<HTMLInputElement | null>;
+    btnRef: React.RefObject<HTMLButtonElement | null>;
+    wrapperRef: React.RefObject<HTMLDivElement | null>;
+    onChange?: (e: ChangeEvent<HTMLInputElement>) => void;
+    toggleCalendar: () => void;
+    hideCalendar: () => void;
+    handleDateSelected: (selected: string[]) => void;
+    handleCalendarClose: () => void;
+    handleFocus: () => void;
+    handleSingleInputChange: (e: React.ChangeEvent<HTMLInputElement>) => void;
+    handleRangeFromChange: (e: React.ChangeEvent<HTMLInputElement>) => void;
+    handleRangeToChange: (e: React.ChangeEvent<HTMLInputElement>) => void;
+    handleRangeBlur: () => void;
+    handleMultipleBlur: (e: React.FocusEvent<HTMLInputElement>) => void;
+    handleTagRemoved: (date: string) => void;
+    handleSingleKeydown: (e: React.KeyboardEvent<HTMLInputElement>) => void;
+    handleRangeFromKeydown: (e: React.KeyboardEvent<HTMLInputElement>) => void;
+    handleRangeToKeydown: (e: React.KeyboardEvent<HTMLInputElement>) => void;
+    handleMultipleKeydown: (e: React.KeyboardEvent<HTMLInputElement>) => void;
+    restProps: Record<string, unknown>;
+}

package/dist/components/datepicker/useDatepickerState.d.ts

@@ -0,0 +1,2 @@
+import { IPktDatepicker, IDatepickerState } from './types';
+export declare function useDatepickerState(props: IPktDatepicker, ref: React.ForwardedRef<HTMLDivElement>): IDatepickerState;

package/dist/components/fileupload/DropZone.d.ts

@@ -0,0 +1,42 @@
+import { InputHTMLAttributes } from 'react';
+import { TFileItemList, TUploadStrategy } from './types';
+/**
+ * Props for the internal `DropZone` building block.
+ *
+ * This component is responsible for:
+ * - rendering the native `<input type="file">` (visually hidden, still accessible)
+ * - handling drag & drop + file dialog selection
+ * - optionally rendering hidden inputs with file IDs when `uploadStrategy="custom"`
+ */
+interface IDropZoneProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'checked' | 'size' | 'type' | 'value' | 'onChange' | 'width'> {
+    /** Called with `FileItem`s created from dropped/selected files. */
+    onFilesAdded?: (files: TFileItemList) => void;
+    /** Used for the native input `id` and related label/ARIA wiring. */
+    id: string;
+    /** Allow selecting/dropping multiple files. */
+    multiple?: boolean;
+    /** Current file list (used for custom hidden inputs + re-populating the native input). */
+    value: TFileItemList;
+    /**
+     * Field name.
+     * - `uploadStrategy="form"`: used as `<input name="...">` so the files are posted on submit.
+     * - `uploadStrategy="custom"`: used for hidden `<input type="hidden" name="...">` file IDs.
+     */
+    name: string;
+    /** Upload mode. */
+    uploadStrategy: TUploadStrategy;
+    /** Enables alternate texts/UX for thumbnail view. */
+    isThumbnailView?: boolean;
+    /** Disables all interaction. */
+    disabled?: boolean;
+    /** Whether the file input already has an external visible label associated with it. */
+    hasVisibleLabel?: boolean;
+}
+export declare const DropZone: import('react').ForwardRefExoticComponent<IDropZoneProps & import('react').RefAttributes<HTMLInputElement>>;
+/**
+ * Create a `FileList` from a list of `FileItem`s.
+ *
+ * Note: relies on `DataTransfer`, which may be missing or restricted in test environments (jsdom).
+ */
+export declare const createFileList: (fileItemList: TFileItemList) => FileList;
+export {};

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

@@ -0,0 +1,84 @@
+import { FC, HTMLAttributes, InputHTMLAttributes, ReactNode } from 'react';
+import { ItemRenderers } from './QueueDisplay';
+import { FileItem, TFileItemList, TFileTransfer, TFileValidateDetail, TItemRenderer, TQueueItemOperation, TUploadStrategy } from './types';
+export { formatFileSize, parseFileSize } from '../../shared-utils/fileupload';
+/**
+ * Shared props for `PktFileUpload` (both `form` and `custom` strategies).
+ */
+interface IBaseFileUploadProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'checked' | 'size' | 'type' | 'value' | 'onChange' | 'width' | 'defaultValue'> {
+    /** Called with the next file list when files are added/removed/updated. */
+    onFilesChanged?: (files: TFileItemList) => void;
+    /** Allow selecting/dropping multiple files. */
+    multiple?: boolean;
+    /** Controlled value (recommended). */
+    value?: TFileItemList;
+    /** Upload mode. Defaults to `"form"`. */
+    uploadStrategy?: TUploadStrategy;
+    /** Field name. Used for native input (`form`) or hidden ID inputs (`custom`). */
+    name: string;
+    /** Enable comment operation (disabled automatically in thumbnail view). */
+    addCommentsEnabled?: boolean;
+    /** Enable rename operation (disabled automatically in thumbnail view). */
+    renameFilesEnabled?: boolean;
+    /** Renderer for queue items (`filename`, `thumbnail`, or custom function). */
+    itemRenderer?: keyof typeof ItemRenderers | TItemRenderer;
+    /** Number of trailing characters to keep when truncating long filenames. */
+    truncateTail?: number;
+    /**
+     * Called immediately when a file is added in `uploadStrategy="custom"`.
+     * Use it to start uploading the file and update `transfers`.
+     */
+    onFileUploadRequested?: (fileItem: FileItem) => void;
+    /** Uncontrolled initial value (use either `value` or `defaultValue`, not both). */
+    defaultValue?: TFileItemList;
+    /** Extra operations appended after built-ins (rename/comment). */
+    extraOperations?: Array<TQueueItemOperation>;
+    /** Stretch to full container width (drop zone + queue). */
+    fullwidth?: boolean;
+    /** Allowed formats for built-in validation (extensions like `pdf`, or MIME patterns like `image/*`). */
+    allowedFormats?: string[];
+    /** Custom message for invalid format. Use `{formats}` placeholder. */
+    formatErrorMessage?: string;
+    /** Max file size (e.g. `"5MB"` or bytes). */
+    maxFileSize?: string | number;
+    /** Custom message for size validation. Use `{maxSize}` placeholder. */
+    sizeErrorMessage?: string;
+    /** Optional additional validation hook (runs after built-in format/size checks). Return string to block. */
+    onFileValidation?: (file: File) => string | null;
+    /**
+     * Low-level validation escape hatch — Lit parity with the `file-validate` CustomEvent.
+     * Receives a detail object whose `errorMessage` can be mutated; set it to reject the file.
+     */
+    onFileValidate?: (detail: TFileValidateDetail) => void;
+    /** External/programmatic error message shown under the component. */
+    errorMessage?: string;
+    /** External error flag (combined with internal validation errors). */
+    hasError?: boolean;
+    /** Disable the whole component (no interaction). */
+    disabled?: boolean;
+    /** Optional label/title (wraps the component in `PktInputWrapper`). */
+    label?: string;
+    /** Help text under the label. */
+    helptext?: string | ReactNode;
+    /** Show "Valgfritt" tag in wrapper. */
+    optionalTag?: boolean;
+    /** Show "Må fylles ut" tag in wrapper. */
+    requiredTag?: boolean;
+    /** Marks the upload as required. Native validation is used in `form`; submit validation in `custom`. */
+    required?: boolean;
+    /** Enable image preview modal (only applies to thumbnail renderer). */
+    enableImagePreview?: boolean;
+}
+interface IFileInputFileUploadProps extends IBaseFileUploadProps, Omit<HTMLAttributes<HTMLInputElement>, 'value' | 'onChange' | 'defaultValue'> {
+    uploadStrategy?: 'form';
+    onFileUploadRequested?: never;
+}
+interface ImmediateFileUploadProps extends IBaseFileUploadProps {
+    id: string;
+    uploadStrategy: 'custom';
+    transfers: Array<TFileTransfer>;
+    onFileUploadRequested: (fileItem: FileItem) => void;
+    onTransferCancelled?: (fileItemId: string) => void;
+}
+export type IPktFileUpload = IFileInputFileUploadProps | ImmediateFileUploadProps;
+export declare const PktFileUpload: FC<IPktFileUpload>;

package/dist/components/fileupload/QueueDisplay.d.ts

@@ -0,0 +1,19 @@
+import { FC } from 'react';
+import { getProgressState } from './QueueItemContent';
+import { TFileId, TFileItemList, TFileTransfer, TItemRenderer, TQueueItemOperation, TQueueOperationContext } from './types';
+interface IQueueDisplay {
+    cancelTransfer: (fileItemId: string) => void;
+    transfers?: TFileTransfer[];
+    files: TFileItemList;
+    queueItemOperations?: TQueueItemOperation[];
+    ItemRenderer?: TItemRenderer;
+    truncateTail?: number;
+    enableImagePreview?: boolean;
+    uploadStrategy?: 'form' | 'custom';
+    disabled?: boolean;
+    inputName: string;
+    buildAttributeAccessors: (fileId: TFileId) => Pick<TQueueOperationContext, 'getAttribute' | 'setAttribute'>;
+}
+export declare const QueueDisplay: FC<IQueueDisplay>;
+export { getProgressState };
+export declare const ItemRenderers: Record<string, TItemRenderer>;

package/dist/components/fileupload/QueueItemContent.d.ts

@@ -0,0 +1,44 @@
+import { FC } from 'react';
+import { TProgressState } from '../../shared-utils/fileupload';
+import { TFileAndTransfer, TFileId, TItemRenderer, TQueueItemOperation, TQueueOperationContext } from './types';
+/**
+ * Re-export so that external consumers who imported `getProgressState` from
+ * this module keep working. Internal code should prefer the shared import.
+ */
+export declare const getProgressState: (progress: TFileAndTransfer["progress"]) => TProgressState;
+/** Build a stable `TQueueOperationContext` for the given file + operation pair. */
+export declare const buildOperationContext: ({ operation, transferItem, inputName, disabled, activatedOperation, onActivate, onClose, buildAttributeAccessors, }: {
+    operation: TQueueItemOperation;
+    transferItem: TFileAndTransfer;
+    inputName: string;
+    disabled: boolean;
+    activatedOperation?: TQueueItemOperation;
+    onActivate: (fileId: TFileId, operation: TQueueItemOperation) => void;
+    onClose: (fileId: TFileId) => void;
+    buildAttributeAccessors: (fileId: TFileId) => Pick<TQueueOperationContext, "getAttribute" | "setAttribute">;
+}) => TQueueOperationContext;
+interface ICommonContentProps {
+    transferItem: TFileAndTransfer;
+    operations: TQueueItemOperation[];
+    activatedOperation?: TQueueItemOperation;
+    inputName: string;
+    disabled: boolean;
+    onActivate: (fileId: TFileId, operation: TQueueItemOperation) => void;
+    onClose: (fileId: TFileId) => void;
+    buildAttributeAccessors: (fileId: TFileId) => Pick<TQueueOperationContext, 'getAttribute' | 'setAttribute'>;
+}
+export declare const OperationActions: FC<ICommonContentProps>;
+export declare const OperationContents: FC<ICommonContentProps>;
+interface IIdleStateContent extends ICommonContentProps {
+    ItemRenderer: TItemRenderer;
+    onPreviewClick?: () => void;
+}
+export declare const IdleStateContent: FC<IIdleStateContent>;
+interface IQueueItemContent extends ICommonContentProps {
+    ItemRenderer: TItemRenderer;
+    enableImagePreview: boolean;
+    onCancelTransfer: (fileId: string) => void;
+    onOpenPreview: (fileId: TFileId) => void;
+}
+export declare const QueueItemContent: FC<IQueueItemContent>;
+export {};

package/dist/components/fileupload/Subcomponents.d.ts

@@ -0,0 +1,36 @@
+import { RefObject } from 'react';
+import { TFileAndTransfer, TQueueItemOperation, TQueueOperationContext, TTransferItemInProgress } from './types';
+export declare const TransferInProgress: ({ cancelTransfer, transferItem, disabled, }: {
+    transferItem: TTransferItemInProgress;
+    cancelTransfer: () => void;
+    disabled?: boolean;
+}) => import("react").JSX.Element;
+export declare const TransferError: ({ transferItem, onRemove, disabled, }: {
+    transferItem: TFileAndTransfer;
+    onRemove: () => void;
+    disabled?: boolean;
+}) => import("react").JSX.Element;
+export declare const OperationButton: ({ operation, context, }: {
+    operation: TQueueItemOperation;
+    context: TQueueOperationContext;
+}) => import("react").JSX.Element | null;
+export declare const FilenameRenderer: ({ transferItem, }: {
+    transferItem: TFileAndTransfer;
+    queueItemOperations?: Array<TQueueItemOperation>;
+    onPreviewClick?: () => void;
+}) => import("react").JSX.Element;
+export declare const ThumbnailRenderer: ({ transferItem, onPreviewClick, }: {
+    transferItem: TFileAndTransfer;
+    queueItemOperations?: Array<TQueueItemOperation>;
+    onPreviewClick?: () => void;
+}) => import("react").JSX.Element;
+interface IImagePreviewModal {
+    isOpen: boolean;
+    images: TFileAndTransfer[];
+    currentIndex: number;
+    onClose: () => void;
+    onNavigate: (direction: 'prev' | 'next') => void;
+    modalRef: RefObject<HTMLDialogElement | null>;
+}
+export declare const ImagePreviewModal: ({ isOpen, images, currentIndex, onClose, onNavigate, modalRef, }: IImagePreviewModal) => import("react").JSX.Element | null;
+export {};

package/dist/components/fileupload/Truncate.d.ts

@@ -0,0 +1,20 @@
+import { JSX } from 'react';
+export interface IMiddleTruncate {
+    children: string;
+    /** Trailing chars to preserve when the name is long enough to split. */
+    tail?: number;
+}
+type TTruncateContext = {
+    tail: number | undefined;
+};
+export declare const TruncateContext: import('react').Context<TTruncateContext>;
+/**
+ * Middle-truncate a filename. Renders as a React fragment — the parent element
+ * (typically a `<p className="…__title">`) is the grid container that drives
+ * the layout via CSS in `_fileupload.scss`. The split threshold is shared with
+ * the Lit implementation through `splitFilenameForTruncation`.
+ *
+ * For short filenames the tail span is omitted and the text renders unwrapped.
+ */
+export declare const Truncate: ({ children, tail: tailProp }: IMiddleTruncate) => JSX.Element;
+export {};

package/dist/components/fileupload/extensions/Comments.d.ts

@@ -0,0 +1,6 @@
+import { TQueueItemOperation } from '../types';
+export interface IComment {
+    text: string;
+    timestamp: string;
+}
+export declare const addCommentOperation: TQueueItemOperation;

package/dist/components/fileupload/extensions/Remove.d.ts

@@ -0,0 +1,2 @@
+import { TFileId, TQueueItemOperation } from '../types';
+export declare const removeFileOperation: (onFileRemoved: (fileId: TFileId) => void) => TQueueItemOperation;

package/dist/components/fileupload/extensions/Rename.d.ts

@@ -0,0 +1,2 @@
+import { TQueueItemOperation } from '../types';
+export declare const renameFileOperation: TQueueItemOperation;

package/dist/components/fileupload/hooks/index.d.ts

@@ -0,0 +1,4 @@
+export { useFileAttributes } from './useFileAttributes';
+export { useImagePreview } from './useImagePreview';
+export { useOperationState } from './useOperationState';
+export { useRequiredFormValidation } from './useRequiredFormValidation';

package/dist/components/fileupload/hooks/useFileAttributes.d.ts

@@ -0,0 +1,10 @@
+import { FileItem, TFileAttributes, TFileId, TFileItemList, TQueueOperationContext } from '../types';
+/**
+ * Build accessors that let queue-item operations read and write per-file
+ * attributes without ever mutating the current `value` list. All changes are
+ * propagated via `onFileUpdated`, so controlled parents stay authoritative.
+ */
+export declare const useFileAttributes: (value: TFileItemList, onFileUpdated: (fileId: TFileId, updates: Partial<FileItem>) => void) => {
+    readonly fileAttributes: TFileAttributes;
+    readonly buildAttributeAccessors: (fileId: TFileId) => Pick<TQueueOperationContext, "getAttribute" | "setAttribute">;
+};

package/dist/components/fileupload/hooks/useImagePreview.d.ts

@@ -0,0 +1,9 @@
+import { TFileAndTransfer, TFileId } from '../types';
+export declare const useImagePreview: (previewableImages: TFileAndTransfer[]) => {
+    isOpen: boolean;
+    currentIndex: number;
+    modalRef: import('react').RefObject<HTMLDialogElement | null>;
+    open: (fileId: TFileId) => void;
+    close: () => void;
+    navigate: (direction: "prev" | "next") => void;
+};

package/dist/components/fileupload/hooks/useOperationState.d.ts

@@ -0,0 +1,6 @@
+import { TFileId, TQueueItemOperation } from '../types';
+export declare const useOperationState: (queueItemOperations: TQueueItemOperation[]) => {
+    getActivated: (fileId: TFileId) => TQueueItemOperation | undefined;
+    activate: (fileId: TFileId, operation: TQueueItemOperation) => void;
+    close: (fileId: TFileId) => void;
+};

package/dist/components/fileupload/hooks/useRequiredFormValidation.d.ts

@@ -0,0 +1,16 @@
+import { RefObject } from 'react';
+/**
+ * When `uploadStrategy="custom"` and the upload is marked `required`, the
+ * native `required` attribute can't do the work (the input isn't posted).
+ * This hook attaches a submit listener to the containing `<form>` that
+ * prevents submission if the queue is empty, and surfaces a validation
+ * error via `onMissingFiles`.
+ *
+ * Passive in `form` strategy — native validation handles that case.
+ */
+export declare const useRequiredFormValidation: (fileInputRef: RefObject<HTMLInputElement | null>, { uploadStrategy, required, currentFileCount, onMissingFiles, }: {
+    uploadStrategy: "form" | "custom";
+    required: boolean;
+    currentFileCount: number;
+    onMissingFiles: () => void;
+}) => void;

package/dist/components/fileupload/hooks.d.ts

@@ -0,0 +1,4 @@
+export { useFileAttributes } from './hooks/useFileAttributes';
+export { useImagePreview } from './hooks/useImagePreview';
+export { useOperationState } from './hooks/useOperationState';
+export { useRequiredFormValidation } from './hooks/useRequiredFormValidation';