filepond 5.0.0-beta.2 → 5.0.0-beta.21

package/types/templates/entry.d.ts

@@ -2,12 +2,8 @@ import type { EntryListFunctions, TemplateNode } from '../types/index.js';
 import { type NodeContext } from '../elements/common/nodeTree.js';
 import { fade } from '../elements/common/transition.js';
 import { quadInOut } from 'svelte/easing';
-export interface EntryListTemplateOptions {
-}
-export interface EntryTemplateOptions {
-}
-export declare function createFilePondEntryList(options?: EntryListTemplateOptions): TemplateNode[];
-export declare function createFilePondEntry(options?: EntryTemplateOptions): TemplateNode;
+export declare function createFilePondEntryList(): TemplateNode[];
+export declare function createFilePondEntry(): TemplateNode;
 export declare function createEntryInfoBlock(key: string, statusCodes: string[], { main, sub }: {
     main: TemplateNode | string;
     sub: TemplateNode | string;
@@ -51,8 +47,9 @@ export declare function createEntryInfo(): {
                 isWaiting: any;
                 isFrozen: any;
             };
-            context: ({ entry }: NodeContext) => {
-                naturalSize: any;
+            context: ({ entry, byteUnits }: NodeContext) => {
+                size: any;
+                sizeUnit: string;
             };
             children: string;
         })[];
@@ -98,12 +95,13 @@ export declare function createEntryDataTransferInfo(): {
         children: string;
     }[];
 };
-export declare function createEntryStatus(options?: EntryTemplateOptions): {
+export declare function createEntryStatus(): {
     key: string;
     component: import("svelte/legacy").LegacyComponentType;
-    props: {
+    props: ({ ariaId }: NodeContext) => {
         part: string;
         class: string;
+        id: string;
     };
 };
 export declare function createFileLoadInfo(): {
@@ -134,8 +132,9 @@ export declare function createFileLoadInfo(): {
             isWaiting: any;
             isFrozen: any;
         };
-        context: ({ entry }: NodeContext) => {
-            naturalSize: any;
+        context: ({ entry, byteUnits }: NodeContext) => {
+            size: any;
+            sizeUnit: string;
         };
         children: string;
     })[];
@@ -160,7 +159,7 @@ export declare function createFileStoreInfo(): {
 export declare function createEntryLoadState(): {
     key: string;
     component: import("svelte/legacy").LegacyComponentType;
-    props: ({ id, entry }: NodeContext, { updateEntryState, removeEntries }: EntryListFunctions) => {
+    props: ({ id, ariaId, entry }: NodeContext, { updateEntryState, removeEntries }: EntryListFunctions) => {
         class: string;
         part: string;
         buttonPart: string;
@@ -178,7 +177,7 @@ export declare function createEntryLoadState(): {
 export declare function createEntryStoreState(): {
     key: string;
     component: import("svelte/legacy").LegacyComponentType;
-    props: ({ id, entry }: NodeContext, { updateEntryState }: EntryListFunctions) => {
+    props: ({ id, ariaId, entry }: NodeContext, { updateEntryState }: EntryListFunctions) => {
         class: string;
         part: string;
         buttonPart: string;
@@ -213,6 +212,6 @@ export interface FileRenameInputOptions {
     extensionAction?: string;
 }
 export declare function createFileRenameInput(options?: FileRenameInputOptions): TemplateNode;
-export declare function appendEntryCheckbox(template: TemplateNode[]): void;
-export declare function appendEntryRenameInput(template: TemplateNode[]): void;
+export declare function appendEntryCheckbox(template: TemplateNode[]): TemplateNode[];
+export declare function appendEntryRenameInput(template: TemplateNode[]): TemplateNode[];
 export {};

package/types/templates/helpers.d.ts

@@ -3,7 +3,9 @@ import type { FilePondEntry } from '../types/index.js';
 import type { ExtensionState, ExtensionStatus, ExtensionStatusType } from '../extensions/common/createExtension.js';
 import { Entry } from '../elements/FilePondEntryList/components/Entry/index.js';
 export declare function getEntryExtensionsAsArray(entry: FilePondEntry): ExtensionState[];
+export declare function getExtensionByProp(entry: FilePondEntry, prop: string): ExtensionState | void;
 export declare function getExtensionByAction(entry: FilePondEntry, action: string): ExtensionState | void;
+export declare function hasExtensionWithProp(entry: FilePondEntry, prop: string): boolean;
 export declare function hasExtensionWithAction(entry: FilePondEntry, action: string): boolean;
 export declare function hasExtensionWithStatusType(entry: FilePondEntry, types: ExtensionStatusType[]): boolean;
 export declare function hasExtensionWithStatusCode(entry: FilePondEntry, codes: string[]): boolean;
@@ -36,7 +38,9 @@ export declare function getAsButtonProps(props: {
     title: string;
     icon: string;
 };
+export declare function createEntryMatcher(matches: string | string[] | RegExp): (entry: Entry) => boolean;
 export declare function whenEntryIs(matches: string | string[] | RegExp | ((entry: Entry) => boolean)): NodeTree;
+export declare function whenEntryHasExtensionProp(props: string | string[]): NodeTree;
 export declare function whenEntryHasAction(actions: string | string[]): NodeTree;
-export declare function whenEntryNotHasStatus(...status: ExtensionStatusType[]): NodeTree;
 export declare function whenEntryHasStatus(...status: ExtensionStatusType[]): NodeTree;
+export declare function whenEntryNotHasStatus(...status: ExtensionStatusType[]): NodeTree;

package/types/templates/media.d.ts

@@ -52,11 +52,22 @@ export declare function createImageView(options?: ImageViewOptions): {
             then: {
                 key: string;
                 component: import("svelte/legacy").LegacyComponentType;
-                props: ({ visualRect }: NodeContext) => {
-                    part: string | undefined;
+                spring: ({ visualRect }: NodeContext) => {
+                    opacity: {
+                        value: number;
+                        config: {
+                            stiffness: number;
+                            damping: number;
+                            precision: number;
+                        };
+                    };
+                };
+                props: ({ visualRect, opacity }: NodeContext) => {
+                    part: string;
                     class: string;
                     width: any;
                     height: any;
+                    opacity: any;
                 };
             };
         };
@@ -92,11 +103,22 @@ export declare function createVideoView(options?: VideoViewOptions): {
             then: {
                 key: string;
                 component: import("svelte/legacy").LegacyComponentType;
-                props: ({ visualRect }: NodeContext) => {
-                    part: string | undefined;
+                spring: ({ visualRect }: NodeContext) => {
+                    opacity: {
+                        value: number;
+                        config: {
+                            stiffness: number;
+                            damping: number;
+                            precision: number;
+                        };
+                    };
+                };
+                props: ({ visualRect, opacity }: NodeContext) => {
+                    part: string;
                     class: string;
                     width: any;
                     height: any;
+                    opacity: any;
                 };
             };
         };
@@ -155,6 +177,7 @@ export declare function createMediaScrubber(): {
         key: string;
         component: import("svelte/legacy").LegacyComponentType;
         props: ({ video }: NodeContext) => {
+            part: string;
             step: any;
             value: any;
             min: number;
@@ -192,7 +215,21 @@ export declare function createMediaTimeIndicator(): {
 };
 export declare function appendEntryImageView(template: TemplateNode[], options?: {
     imageViewOptions?: MediaImageOptions;
-}): void;
+    imageEditOptions?: {
+        enableEdit: boolean;
+        enableReset: boolean;
+    };
+}): TemplateNode[];
 export declare function appendEntryVideoView(template: TemplateNode[], options?: {
     videoViewOptions?: VideoViewOptions;
-}): void;
+    videoControlOptions?: {
+        enablePlay: boolean;
+        enableScrubber: boolean;
+        enableTime: boolean;
+        enableMute: boolean;
+    };
+    videoEditOptions?: {
+        enableEdit: boolean;
+        enableReset: boolean;
+    };
+}): TemplateNode[];

package/types/types/index.d.ts

@@ -101,13 +101,13 @@ export interface DynamicLocaleMap {
      *
      * 1: "1 file"
      */
-    [key: number]: string;
+    [key: number]: string | boolean | number | null;
     /**
      * The default placeholder to use for this key.
      *
      * "{{minFiles}} files"
      */
-    else: string;
+    else: string | boolean | number | null;
 }
 export interface DynamicLocale {
     /**
@@ -176,8 +176,6 @@ export interface FilePondEntryListOptions extends Omit<FilePondSvelteComponentOp
     entries?: FilePondEntry[];
     /** Template to use for rendering different types */
     template?: TemplateNode[];
-    /** Hook to manipulate template before its assigned to the nodes prop */
-    beforeAssignTemplate?: (template: TemplateNode[]) => TemplateNode[];
     /** Hook to manipulate nodes before rendering */
     beforeRenderNode?: (node: TemplateNode, context: NodeContext, sharedContext: NodeContext) => TemplateNode | void | false;
     /** Toggle drop functionality on/off */
@@ -188,15 +186,11 @@ export interface FilePondEntryListOptions extends Omit<FilePondSvelteComponentOp
     dropPadding?: number;
     /** Toggle drag functionality on/off */
     drag?: boolean;
-    /**
-     * The distance from the root element after which the element will be detached from the list,
-     * defaults to `40`
-     */
+    /** User needs to hold down on item for this amount of milliseconds to start dragging operation. Defaults to `100` */
+    dragGrabTimeout?: number;
+    /** The distance from the root element after which the element will be detached from the list, defaults to `40` */
     dragDetachMargin?: number;
-    /**
-     * The distance from the root element after which the element will be removed when dropped,
-     * defaults to `80`, set to `Infinity` to prevent removal by dragging
-     */
+    /** The distance from the root element after which the element will be removed when dropped, defaults to `80`, set to `Infinity` to prevent removal by dragging */
     dragSafetyMargin?: number;
     /** Toggle the UI on/off */
     disabled?: boolean;
@@ -218,10 +212,10 @@ export interface FilePondEntryListOptions extends Omit<FilePondSvelteComponentOp
     locale?: {
         [key: string]: string;
     };
+    /** The data format to use in the templates */
+    byteUnits?: 'mega' | 'mebi';
     /**
-     * Automatically maps a property name to a resource value in locale and/or assets, defaults to
-     * `{ title: 'locale', label: 'locale', icon: 'assets' }` meaning that the value of a `label`
-     * property is automatically looked up in the `locale` property
+     * Automatically maps a property name to a resource value in locale and/or assets, defaults to `{ title: 'locale', label: 'locale', icon: 'assets' }` meaning that the value of a `label` property is automatically looked up in the `locale` property
      */
     propResourceMap?: {
         [componentProperty: string]: string;

package/types/utils/file.d.ts

@@ -1,15 +1,3 @@
-export declare const DEFAULT_BYTE_SIZES: {
-    byte: number;
-    bytes: number;
-    KB: number;
-    MB: number;
-    GB: number;
-    TB: number;
-    PB: number;
-    EB: number;
-    ZB: number;
-    YB: number;
-};
 /** Copies file base properties to an object */
 export declare function copyFilePropsToObject(file: File, object: any): void;
 export declare function updateFileType(fileOrBlob: File | Blob, newType: string): File | Blob;
@@ -32,11 +20,15 @@ export declare function blobToFile(blob: Blob, name: string, options?: {
 export declare function blobReadAsArrayBuffer(blob: Blob, options?: {
     slice: number[];
 }): Promise<unknown>;
-export declare function naturalFileSizeToBytes(str: string | number, useBytes?: boolean, locale?: string | string[] | undefined, sizes?: {
-    [key: string]: number;
+export declare function naturalFileSizeToBytes(str: string | number, options?: {
+    locale?: string | string[] | undefined;
 }): number;
 /** Returns a string representing a natural file size, for example 24 KB */
-export declare function bytesToNaturalFileSize(size: number, useBytes?: boolean, options?: Intl.NumberFormatOptions, locale?: string | string[] | undefined, sizes?: string[]): string;
+export declare function bytesToNaturalFileSize(size: number, options?: Intl.NumberFormatOptions & {
+    byteUnits?: 'mega' | 'mebi';
+    locale?: string | string[] | undefined;
+}): string;
+export declare function getFormatFromFileSize(size: string | number | undefined): "mega" | "mebi" | undefined;
 export declare function getCommonMimeTypeFromFileHeader(bytes: Uint8Array, additionalTypeTests?: ((bytes: Uint8Array) => string | false | undefined)[]): string | undefined;
 /** A quick way to get a hash from a file, the hash is calculated from the center of the file */
 export declare function getApproximateBlobHash(blobOrFile: Blob | File, hashSize?: number): Promise<string>;

package/types/utils/keyboard.d.ts

@@ -0,0 +1,5 @@
+export declare function isActivationKeyboardEvent(e: KeyboardEvent): boolean;
+export declare function isCancelKeyboardEvent(e: KeyboardEvent): boolean;
+export declare function isTabKeyboardEvent(e: KeyboardEvent): boolean;
+export declare function isArrowKeyboardEvent(e: KeyboardEvent): boolean;
+export declare function getDirectionFromKeyboardEvent(e: KeyboardEvent): 'up' | 'down' | 'left' | 'right';

package/types/utils/rect.d.ts

@@ -1,5 +1,6 @@
 import type { Vector } from './vector.js';
 import type { Bounds } from './bounds.js';
+import type { Size } from './size.js';
 /** A rectangle */
 export interface Rect {
     x: number;
@@ -28,3 +29,7 @@ export declare function rectScale(rect: Rect, scalar: number, pivot?: Vector): R
 export declare function rectTranslate(rect: Rect, translation: Vector): Rect;
 /** Returns a new padded rectangle */
 export declare function rectPad(rect: Rect, padding: number): Rect;
+/** Creates a rectangle inside a given size optionally based on an aspect raito */
+export declare function rectFromSize(size: Size, aspectRatio?: number): Rect;
+/** Applies a function to each Rect property and returns a new Rect */
+export declare function rectApply(rect: Rect, fn: (value: number) => number): Rect;

package/types/utils/string.d.ts

@@ -5,6 +5,7 @@ export declare function getUniqueId(length?: number): string;
 export declare function lowerCaseFirstLetter(str: string): string;
 export declare function toCamelCase(str: string, separator?: string): string;
 export declare function toPascalCase(str: string, separator?: string): string;
+export declare function toCamelParts(str: string): string[];
 /** Turns a camelCase string into a kebab-case string, already kebab case strings aren't modified */
 export declare function toKebabCase(str: string): string;
 export declare function getRuntimeDefaultLocale(): string;

package/types/utils/thread.d.ts

@@ -4,6 +4,12 @@ interface ThreadOptions {
     onabort?: () => void;
     onprogress?: (e: ProgressEvent) => void;
 }
+/** Helper function to build thread worker */
+export declare function createThreadWorker(url: URL | null | undefined, worker: Function & {
+    fileName: string;
+}): string | (Function & {
+    fileName: string;
+});
 /** Run this function in a thread */
 export declare function thread(fn: Function | string, args: any[], options?: ThreadOptions): Promise<unknown>;
 export {};

package/types/utils/xhr.d.ts

@@ -15,6 +15,7 @@ interface XHROptions {
     withCredentials?: boolean;
     timeout?: number;
     useWebWorkers?: boolean;
+    workersURL?: URL;
 }
 export interface XHRResponse {
     response: string | Blob;

package/types/workers/httpRequest.d.ts

@@ -0,0 +1,23 @@
+export interface RequestParams {
+    url: string;
+    method: string | undefined;
+    responseType: XMLHttpRequestResponseType | undefined;
+    formData?: any;
+    data?: any;
+    headers: string[][];
+    timeout?: number;
+    withCredentials: boolean | undefined;
+}
+export interface RequestResponse {
+    response: string;
+    responseHeaders: string;
+}
+export interface RequestOptions {
+    abortController?: AbortController;
+    onprogress: (e: ProgressEvent) => void;
+    onabort: () => void;
+}
+export declare function httpRequest({ url, method, formData, data, headers, timeout, withCredentials, responseType, }: RequestParams, cb: (error: string | null, response?: RequestResponse, transferList?: Transferable[]) => void, { abortController, onprogress, onabort }: RequestOptions): void;
+export declare namespace httpRequest {
+    var fileName: string;
+}

package/types/workers/readFile.d.ts

@@ -0,0 +1,9 @@
+/** File encoding function that can run in a separate thread */
+export declare function readFile(file: File, cb: (error: ProgressEvent | null, res?: {
+    dataURL: string;
+}) => void, { onprogress }: {
+    onprogress: (e: ProgressEvent) => void;
+}): void;
+export declare namespace readFile {
+    var fileName: string;
+}

package/types/workers/transformImage.d.ts

@@ -0,0 +1,6 @@
+import type { Rect } from '../utils/rect.js';
+/** Converts the passed file into a scaled image bitmap in a separate thread */
+export declare function transformImage(file: Blob, origin: Rect | null, options: ImageBitmapOptions | null, done: (err?: string | null, content?: any, transferList?: any[]) => void): void;
+export declare namespace transformImage {
+    var fileName: string;
+}

package/types/elements/FilePondEntryList/components/EntryContext/index.d.ts

@@ -1 +0,0 @@
-export { default as useEntryContext } from './index.svelte';