@parallelworks/ui 0.12.0 → 0.13.0

package/dist/file-explorer/index.js

@@ -1,12 +1,12 @@
 import { AccessIcon, AlertIcon, AngleDownIcon, AngleRightIcon, AngleUpIcon, ChevronLeftIcon, ChevronRightIcon, ClipboardIcon, CloseIcon, CloudUploadIcon, CollapseIcon, CustomizeIcon, DiskIcon, DocumentIcon, DownloadFileIcon, ExpandIcon, ExpandVerticalIcon, EyeIcon, FileIcon, FileTextIcon, FolderIcon, FolderOpenIcon, ImageIcon, LinkIcon, LockIcon, MinimizeIcon, MusicIcon, PdfIcon, RefreshIcon, ShareIcon, SpreadsheetIcon, SuccessIcon, TrashIcon, UploadIcon, UserIcon, VideoIcon, ZipIcon, ZoomInIcon, ZoomOutIcon } from "../icons.js";
-import { c as ConfirmModal, f as Markdown, h as Callout, m as CopyToClipboard, n as CreateModal, p as CopyCodeBlock } from "../chunks/CreateModal-g6c-9-6N.js";
-import { a as useProvisionCorsRules, c as useStrings, i as useNotify, s as useSlots } from "../chunks/Provider-CfFV-vc5.js";
-import { n as TOOLTIP_ID, r as TooltipInfo } from "../chunks/Tooltip-WgbiC_nd.js";
-import { t as StatusBadge } from "../chunks/StatusBadge-P6C2tv7Z.js";
+import { c as ConfirmModal, f as Markdown, h as Callout, m as CopyToClipboard, n as CreateModal, p as CopyCodeBlock } from "../chunks/CreateModal-k_e1dI8c.js";
+import { a as useProvisionCorsRules, c as useStrings, i as useNotify, s as useSlots } from "../chunks/Provider-CbFVFB7O.js";
+import { n as TOOLTIP_ID, r as TooltipInfo } from "../chunks/Tooltip-n9w7Tkt1.js";
+import { t as StatusBadge } from "../chunks/StatusBadge-RRUI78iS.js";
 import { t as Loader } from "../chunks/Loader-BXoXTZGc.js";
-import { d as copySubmenu, g as useRowMenuActive, h as useRowMenu, l as MoreButton, u as assembleRowMenu } from "../chunks/PageHeader-dyoL44ue.js";
-import { n as Table } from "../chunks/Table-ByziK93x.js";
-import { C as ListSkeleton, E as RowSelectCheckbox, O as listTableFixedProps, k as listTableProps, x as ListActionsHeader } from "../chunks/list-CWVR3dfZ.js";
+import { d as copySubmenu, g as useRowMenuActive, h as useRowMenu, l as MoreButton, u as assembleRowMenu } from "../chunks/PageHeader-FhtphHGc.js";
+import { n as Table } from "../chunks/Table-CutP1bRt.js";
+import { C as ListSkeleton, E as RowSelectCheckbox, O as listTableFixedProps, k as listTableProps, x as ListActionsHeader } from "../chunks/list-3jZW8rmM.js";
 import cx from "classnames";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { Suspense, createContext, lazy, memo, use, useCallback, useEffect, useEffectEvent, useId, useLayoutEffect, useMemo, useRef, useState, useTransition } from "react";
@@ -36,7 +36,7 @@ function getFileExtension(filename) {
 }
 function getNodeName(node) {
 	const parts = removeTrailingSlash(node.path || "").split("/");
-	return parts[parts.length - 1];
+	return parts[parts.length - 1] ?? "";
 }
 function buildTreeFromStorage(storage, unsortedParents) {
 	if (!storage) return {
@@ -134,7 +134,7 @@ function buildTreeFromUserStorages(storages, options) {
 			displayName: username
 		};
 		parentToChildrenMap[userPath] = [];
-		for (const storage of userGroups[username]) {
+		for (const storage of userGroups[username] ?? []) {
 			const cspBucketName = storage.bucketName || storage.name;
 			const storageFullPath = ensureTrailingSlash(`${userPath}${removeLeadingAndTrailingSlashes(storage.name)}`);
 			treeMap[storageFullPath] = {
@@ -222,7 +222,7 @@ async function getUploadNodesFromDataTransferItems(items) {
 	}
 	const entries = [];
 	for (let i = 0; i < items.length; i++) {
-		const entry = items[i].webkitGetAsEntry?.();
+		const entry = items[i]?.webkitGetAsEntry?.();
 		if (entry) entries.push(entry);
 	}
 	for (const entry of entries) await traverse(entry);
@@ -239,6 +239,9 @@ function calculateUploadNodesTotalSize(uploadNodes) {
 function getObjectKeyFromNode(node) {
 	return node.relativePath || node.path.split("/").filter(Boolean).slice(1).join("/");
 }
+function attachmentDisposition(filename) {
+	return `attachment; filename="${filename.replace(/[^\x20-\x7e]|["\\]/g, "_")}"; filename*=UTF-8''${encodeURIComponent(filename).replace(/['()*]/g, (c) => `%${c.charCodeAt(0).toString(16).toUpperCase()}`)}`;
+}
 function getDirectoryPrefixFromNode(node) {
 	const key = getObjectKeyFromNode(node);
 	if (!key) throw new Error(`Cannot resolve an object prefix for ${node.path}`);
@@ -436,6 +439,7 @@ function FileProgressBar({ fileProgress, fileName, progressBarColorScheme, onCan
 			className: "flex items-center gap-1",
 			children: [
 				/* @__PURE__ */ jsx("div", {
+					role: "none",
 					className: "relative flex-1",
 					onMouseEnter: () => setIsHovered(true),
 					onMouseLeave: () => setIsHovered(false),
@@ -470,6 +474,8 @@ function FileProgressBar({ fileProgress, fileName, progressBarColorScheme, onCan
 					})
 				}),
 				!showCancelConfirm && canCancel && /* @__PURE__ */ jsx("button", {
+					type: "button",
+					"aria-label": `Cancel ${fileName}`,
 					className: "p-1 rounded-full hover:bg-red-100 relative cursor-pointer",
 					onClick: handleCancelClick,
 					title: `Cancel ${fileName}`,
@@ -483,11 +489,13 @@ function FileProgressBar({ fileProgress, fileName, progressBarColorScheme, onCan
 							children: "Cancel?"
 						}),
 						/* @__PURE__ */ jsx("button", {
+							type: "button",
 							className: "px-1.5 py-0.5 text-xs bg-(--theme-border) theme-muted-text rounded hover:theme-hover",
 							onClick: handleKeepUploading,
 							children: "No"
 						}),
 						/* @__PURE__ */ jsx("button", {
+							type: "button",
 							className: "!px-1.5 !py-0.5 text-xs btn btn-destructive cursor-pointer",
 							onClick: handleConfirmCancel,
 							children: "Yes"
@@ -562,6 +570,7 @@ function UploadSessionToast({ session, queueLength, onCancel, onCancelFile }) {
 					className: cx("w-10 h-10 rounded-full flex items-center justify-center", statusInfo.bgColor),
 					children: statusInfo.icon
 				}), /* @__PURE__ */ jsxs("div", {
+					role: "none",
 					className: "flex-1 cursor-pointer",
 					onClick: handleExpandClick,
 					children: [
@@ -576,6 +585,8 @@ function UploadSessionToast({ session, queueLength, onCancel, onCancelFile }) {
 									className: "text-xs theme-muted-text ml-2",
 									children: [totalProgress.toFixed(1), "%"]
 								}), /* @__PURE__ */ jsx("button", {
+									type: "button",
+									"aria-label": strings.expandDetails,
 									className: "flex items-center justify-between text-xs theme-muted-text hover:theme-text cursor-pointer",
 									onClick: handleExpandClick,
 									title: strings.expandDetails,
@@ -635,6 +646,8 @@ function UploadSessionToast({ session, queueLength, onCancel, onCancelFile }) {
 							]
 						})] })]
 					}), /* @__PURE__ */ jsx("button", {
+						type: "button",
+						"aria-label": strings.minimizeDetails,
 						className: "flex items-center justify-between text-xs theme-muted-text hover:theme-text cursor-pointer mr-2",
 						onClick: handleExpandClick,
 						title: strings.minimizeDetails,
@@ -690,6 +703,7 @@ function UploadSessionToast({ session, queueLength, onCancel, onCancelFile }) {
 				session.uploadNodes.length > 1 && /* @__PURE__ */ jsxs("div", {
 					className: "flex flex-col bg-(--theme-muted-panel-bg) rounded py-2 px-3 space-y-2 transition-all duration-300",
 					children: [/* @__PURE__ */ jsxs("button", {
+						type: "button",
 						className: "flex items-center justify-between text-xs theme-muted-text hover:theme-text cursor-pointer",
 						onClick: () => setIsExpanded(!isFileListExpanded),
 						children: [/* @__PURE__ */ jsxs("span", { children: [session.uploadNodes.length, " files"] }), isFileListExpanded ? /* @__PURE__ */ jsx(AngleUpIcon, { className: "w-4 h-4" }) : /* @__PURE__ */ jsx(AngleDownIcon, { className: "w-4 h-4" })]
@@ -716,6 +730,7 @@ function UploadSessionToast({ session, queueLength, onCancel, onCancelFile }) {
 				/* @__PURE__ */ jsxs("div", {
 					className: "flex items-center justify-end",
 					children: [shouldShowSessionCancelButton && /* @__PURE__ */ jsx("button", {
+						type: "button",
 						className: "!px-2 !py-1 text-xs btn btn-destructive cursor-pointer transition-colors",
 						onClick: handleCancelClick,
 						children: "Cancel"
@@ -727,11 +742,13 @@ function UploadSessionToast({ session, queueLength, onCancel, onCancelFile }) {
 								children: "Cancel all uploading files?"
 							}),
 							/* @__PURE__ */ jsx("button", {
+								type: "button",
 								className: "!px-2 !py-1 text-xs bg-(--theme-border) theme-muted-text rounded hover:theme-hover",
 								onClick: handleKeepUploading,
 								children: "No"
 							}),
 							/* @__PURE__ */ jsx("button", {
+								type: "button",
 								className: "!px-2 !py-1 text-xs btn btn-destructive cursor-pointer",
 								onClick: handleConfirmCancel,
 								children: "Yes"
@@ -1339,10 +1356,12 @@ function CorsIssuePreview({ selectedStorage, onRefresh }) {
 		}), /* @__PURE__ */ jsxs("div", {
 			className: "flex gap-3 justify-center",
 			children: [/* @__PURE__ */ jsxs("button", {
+				type: "button",
 				className: "btn btn-info cursor-pointer flex items-center",
 				onClick: onRefresh ? () => onRefresh() : void 0,
 				children: [/* @__PURE__ */ jsx(RefreshIcon, { className: "h-4 w-4 mr-2" }), t.actions.retry]
 			}), provisionCorsRules && /* @__PURE__ */ jsxs("button", {
+				type: "button",
 				className: "btn btn-info cursor-pointer flex items-center",
 				onClick: handleAddCorsRules,
 				children: [/* @__PURE__ */ jsx(CustomizeIcon, { className: "h-4 w-4 mr-2" }), /* @__PURE__ */ jsx("span", { children: t.actions.addRules })]
@@ -1529,6 +1548,7 @@ function NoDataAvailablePreview({ selectedStorage, error, onRefresh, connectionI
 					children: connectionIssueMessage
 				}),
 				/* @__PURE__ */ jsxs("button", {
+					type: "button",
 					className: "btn btn-info cursor-pointer flex items-center gap-2",
 					onClick: onRefresh ? () => onRefresh() : void 0,
 					children: [/* @__PURE__ */ jsx(RefreshIcon, { className: "h-4 w-4" }), t.empty.tryAgain]
@@ -1566,6 +1586,7 @@ function SkeletonPreview() {
 function DragDropZone({ onDropFiles, children, className = "" }) {
 	const [isDragging, setIsDragging] = useState(false);
 	return /* @__PURE__ */ jsx("div", {
+		role: "none",
 		className: cx("transition-[box-shadow,background-color] duration-150", className, isDragging && "ring-1 ring-(--theme-link) ring-inset bg-(--theme-link)/5"),
 		onDragOver: (e) => {
 			e.preventDefault();
@@ -1585,6 +1606,7 @@ function ShareFileButton({ node, onShare }) {
 	const t = useStrings().fileExplorer;
 	const [isPending, startTransition] = useTransition();
 	return /* @__PURE__ */ jsxs("button", {
+		type: "button",
 		"aria-label": t.preview.shareFile,
 		className: "btn btn-info cursor-pointer flex items-center justify-between",
 		onClick: () => {
@@ -2515,7 +2537,7 @@ function useObjectText(url, { enabled, maxBytes, maxLines, knownSize, cacheKey,
 }
 //#endregion
 //#region src/file-explorer/FilePreview/Viewer.tsx
-var CodePreviewEditor = lazy(() => import("../chunks/CodePreviewEditor-hwjZof0M.js"));
+var CodePreviewEditor = lazy(() => import("../chunks/CodePreviewEditor-67A_SKgE.js"));
 var PREVIEW_MARKDOWN_CONTROLS = {
 	table: { fullscreen: false },
 	mermaid: { fullscreen: false }
@@ -3195,13 +3217,16 @@ function FilePreview({ open, node, siblings, storage, getPresignedUrl, onNavigat
 		}, node.path)
 	});
 	return createPortal(/* @__PURE__ */ jsxs("div", {
+		role: "none",
 		className: "fixed inset-0 z-9995 flex items-center justify-center",
 		style: {
 			backgroundColor: isOverlay ? "rgba(1,4,9,.94)" : "rgba(1,4,9,.62)",
 			backdropFilter: isOverlay ? void 0 : "blur(3px)",
 			WebkitBackdropFilter: isOverlay ? void 0 : "blur(3px)"
 		},
-		onClick: onClose,
+		onClick: (e) => {
+			if (e.target === e.currentTarget) onClose();
+		},
 		children: [isOverlay && /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(EdgeButton, {
 			side: "left",
 			label: t.preview.previousFile,
@@ -3221,7 +3246,6 @@ function FilePreview({ open, node, siblings, storage, getPresignedUrl, onNavigat
 				width: "min(1120px, 94vw)",
 				height: "min(780px, 90vh)"
 			},
-			onClick: (e) => e.stopPropagation(),
 			children: [
 				topBar,
 				stage,
@@ -3581,7 +3605,7 @@ function FileRowsWindow({ items, padTop, padBottom, nodes, checkedItems, activeI
 	] });
 }
 function Spacer({ height }) {
-	return /* @__PURE__ */ jsx("tr", {
+	return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx("tr", {
 		"aria-hidden": "true",
 		className: "border-0",
 		children: /* @__PURE__ */ jsx("td", {
@@ -3591,7 +3615,7 @@ function Spacer({ height }) {
 				padding: 0
 			}
 		})
-	});
+	}) });
 }
 /** A nested overflow container stealing the scroll leaves the virtualizer at
 *  scrollTop 0 forever, rendering only the first window. */
@@ -4627,7 +4651,7 @@ function FileExplorer({ storages, onRefresh, showUserHierarchy = false, groups =
 	};
 	const handleDownload = async () => {
 		let filesToDownload = [];
-		if (checkedItems.size > 0) filesToDownload = Array.from(checkedItems).map((path) => treeMap[path]).filter((node) => node && node.type === "file");
+		if (checkedItems.size > 0) filesToDownload = Array.from(checkedItems).map((path) => treeMap[path]).filter((node) => !!node && node.type === "file");
 		else if (selectedNode && selectedNode.type === "file") filesToDownload = [selectedNode];
 		if (filesToDownload.length === 0) {
 			notify.error(t.messages.noFilesForDownload);
@@ -4641,7 +4665,7 @@ function FileExplorer({ storages, onRefresh, showUserHierarchy = false, groups =
 			return;
 		}
 		for (const [index, node] of filesToDownload.entries()) {
-			const input = provider.getFileInput(node.storageName ?? "", node);
+			const input = provider.getFileInput(node.storageName ?? "", node, void 0, node.name);
 			const [presignedUrl, error] = await client.getFile(input);
 			if (error || !presignedUrl) {
 				notify.error(error?.message ?? t.messages.downloadLinkFailed);
@@ -4679,12 +4703,12 @@ function FileExplorer({ storages, onRefresh, showUserHierarchy = false, groups =
 			document.body.removeChild(a);
 		}, 300);
 	};
-	const getPresignedUrl = async (node) => {
+	const getPresignedUrl = async (node, downloadFilename) => {
 		const factory = await getStorageProviderAndClient(node.storageId);
 		if (!factory) return [null, /* @__PURE__ */ new Error("Failed to connect to storage provider.")];
 		const { provider, client } = factory;
 		if (!provider?.getFileInput) return [null, /* @__PURE__ */ new Error("Preview is not supported for this storage.")];
-		const input = provider.getFileInput(node.storageName ?? "", node, PREVIEW_URL_EXPIRES_IN);
+		const input = provider.getFileInput(node.storageName ?? "", node, PREVIEW_URL_EXPIRES_IN, downloadFilename);
 		return client.getFile(input);
 	};
 	const previewSiblings = useMemo(() => previewNode ? getNodeChildren(parentToChildrenMap, getParentPath(previewNode.path)).filter((n) => n.type === "file") : [], [previewNode, parentToChildrenMap]);
@@ -4723,7 +4747,7 @@ function FileExplorer({ storages, onRefresh, showUserHierarchy = false, groups =
 		}
 	};
 	const downloadNode = async (node) => {
-		const [presignedUrl, error] = await getPresignedUrl(node);
+		const [presignedUrl, error] = await getPresignedUrl(node, node.name);
 		if (error || !presignedUrl) {
 			notify.error(error?.message ?? t.messages.downloadLinkFailed);
 			return;
@@ -4851,7 +4875,7 @@ function FileExplorer({ storages, onRefresh, showUserHierarchy = false, groups =
 	};
 	const generateDownloadCommand = () => {
 		let filesToDownload = [];
-		if (checkedItems.size > 0) filesToDownload = Array.from(checkedItems).map((path) => treeMap[path]).filter((node) => node && node.type === "file");
+		if (checkedItems.size > 0) filesToDownload = Array.from(checkedItems).map((path) => treeMap[path]).filter((node) => !!node && node.type === "file");
 		else if (selectedNode && selectedNode.type === "file") filesToDownload = [selectedNode];
 		if (filesToDownload.length === 0) return "";
 		const commands = filesToDownload.map((node) => {
@@ -4868,7 +4892,7 @@ function FileExplorer({ storages, onRefresh, showUserHierarchy = false, groups =
 			return;
 		}
 		let nodesToDelete = [];
-		if (checkedItems.size > 0) nodesToDelete = Array.from(checkedItems).map((path) => treeMap[path]).filter(Boolean);
+		if (checkedItems.size > 0) nodesToDelete = Array.from(checkedItems).map((path) => treeMap[path]).filter((node) => Boolean(node));
 		else if (selectedNode) nodesToDelete = [selectedNode];
 		setPendingDelete(pruneNodesInsideSelectedDirectories(nodesToDelete));
 		setDeleteModalOpen(true);
@@ -5089,6 +5113,7 @@ function FileExplorer({ storages, onRefresh, showUserHierarchy = false, groups =
 							children: /* @__PURE__ */ jsxs("div", {
 								className: "flex gap-x-0.5",
 								children: [/* @__PURE__ */ jsx("button", {
+									type: "button",
 									"aria-label": t.chrome.refresh,
 									"data-tooltip-id": TOOLTIP_ID,
 									"data-tooltip-content": "Refresh",
@@ -5097,6 +5122,7 @@ function FileExplorer({ storages, onRefresh, showUserHierarchy = false, groups =
 									onClick: () => handleRefresh(),
 									children: /* @__PURE__ */ jsx(RefreshIcon, { className: "h-3.5 w-3.5" })
 								}), /* @__PURE__ */ jsx("button", {
+									type: "button",
 									"aria-label": t.chrome.collapse,
 									"data-tooltip-id": TOOLTIP_ID,
 									"data-tooltip-content": "Collapse All",
@@ -5236,10 +5262,12 @@ function FileExplorer({ storages, onRefresh, showUserHierarchy = false, groups =
 										anchor: "bottom end",
 										className: "theme-panel w-36 rounded-md border p-1 mt-1 shadow-lg z-50 origin-top-right transition duration-100\n                    ease-out data-closed:scale-95 data-closed:opacity-0 focus:outline-none",
 										children: [/* @__PURE__ */ jsx(MenuItem, { children: /* @__PURE__ */ jsx("button", {
+											type: "button",
 											className: "text-sm rounded-sm hover:theme-hover cursor-pointer w-full items-center px-2 py-1.5",
 											onClick: () => fileInputRef.current?.click(),
 											children: "Select Files"
 										}) }), /* @__PURE__ */ jsx(MenuItem, { children: /* @__PURE__ */ jsx("button", {
+											type: "button",
 											className: "text-sm rounded-sm hover:theme-hover cursor-pointer w-full items-center px-2 py-1.5",
 											onClick: () => folderInputRef.current?.click(),
 											children: "Select Folder"
@@ -5258,6 +5286,7 @@ function FileExplorer({ storages, onRefresh, showUserHierarchy = false, groups =
 										anchor: "bottom end",
 										className: "theme-panel w-72 rounded-md border p-1 mt-1 shadow-lg z-50 origin-top-right transition duration-100 \n                    ease-out data-closed:scale-95 data-closed:opacity-0 focus:outline-none",
 										children: [/* @__PURE__ */ jsx(MenuItem, { children: /* @__PURE__ */ jsx("button", {
+											type: "button",
 											className: "text-sm rounded-sm hover:theme-hover cursor-pointer w-full items-center px-2 py-1.5",
 											onClick: handleDownload,
 											children: "From browser"
@@ -5279,6 +5308,7 @@ function FileExplorer({ storages, onRefresh, showUserHierarchy = false, groups =
 										})()] }) })] })]
 									})] }),
 									/* @__PURE__ */ jsxs("button", {
+										type: "button",
 										"aria-label": t.chrome.access,
 										className: "btn btn-info cursor-pointer flex items-center justify-center",
 										disabled: !selectedNode.storageId,
@@ -5290,6 +5320,7 @@ function FileExplorer({ storages, onRefresh, showUserHierarchy = false, groups =
 										})]
 									}),
 									selectedNodeCanWrite && /* @__PURE__ */ jsxs("button", {
+										type: "button",
 										"aria-label": t.chrome.delete,
 										className: "btn btn-destructive cursor-pointer flex items-center justify-center",
 										disabled: checkedItems.size === 0 && selectedNode.type !== "file" || !selectedNode.storageId,
@@ -5641,4 +5672,4 @@ async function mapWithConcurrency(items, limit, worker) {
 	return results;
 }
 //#endregion
-export { CorsError, FileExplorer, FileExplorerProvider, LIST_PAGE_SIZE, NoDataAvailablePreview, SkeletonPreview, chunk, collectObjectKeysToDelete, getObjectKeyFromNode, isClientValid, mapWithConcurrency, paginate, removeLeadingAndTrailingSlashes, useFileExplorer };
+export { CorsError, FileExplorer, FileExplorerProvider, LIST_PAGE_SIZE, NoDataAvailablePreview, SkeletonPreview, attachmentDisposition, chunk, collectObjectKeysToDelete, getObjectKeyFromNode, isClientValid, mapWithConcurrency, paginate, removeLeadingAndTrailingSlashes, useFileExplorer };

package/dist/file-explorer/lib/fileExplorer.d.ts

@@ -5,7 +5,7 @@ export type FileExplorerGetFileResult = [string | null, Error | null];
 /** The UI only checks Errors?.length; each provider's richer error entries
  *  satisfy this structurally. */
 export interface FileExplorerDeleteFilesResult {
-    Errors?: unknown[];
+    Errors?: unknown[] | undefined;
 }
 export interface IFileExplorerClient {
     getStorageName(): string;
@@ -26,7 +26,9 @@ export interface IFileExplorerProvider {
      *  the same bivariance reason as the two above. */
     nextPageCursor?(data: unknown): string | undefined;
     listDirectoryInput?: ((storage: TStorage, dir_path?: string, page?: TListPageRequest) => unknown) | null;
-    getFileInput?: ((storageName: string, node: TreeNode, presignedUrlExpiresIn?: number) => unknown) | null;
+    /** `downloadFilename` asks for a URL that saves under that name. Omit it for a
+     *  link the user keeps, or for a read the app parses itself. */
+    getFileInput?: ((storageName: string, node: TreeNode, presignedUrlExpiresIn?: number, downloadFilename?: string) => unknown) | null;
     deleteFilesInput?: ((storageName: string, nodes: TreeNode[]) => unknown) | null;
     uploadFileInput?: ((storageName: string, objectPath: string, file: File | Blob) => unknown) | null;
 }

package/dist/file-explorer/lib/types.d.ts

@@ -22,31 +22,31 @@ export type TStorageObject = {
     path: string;
     type: 'file' | 'directory';
     key?: string;
-    size?: number;
-    created?: string;
-    modified?: string;
-    contentType?: string;
-    hash?: string;
-    storageClass?: string;
+    size?: number | undefined;
+    created?: string | undefined;
+    modified?: string | undefined;
+    contentType?: string | undefined;
+    hash?: string | undefined;
+    storageClass?: string | undefined;
 };
 export type TreeNode = {
     name: string;
-    displayName?: string;
+    displayName?: string | undefined;
     path: string;
-    relativePath?: string;
+    relativePath?: string | undefined;
     type: 'file' | 'directory';
-    size?: number;
-    created?: string;
-    modified?: string;
-    contentType?: string;
-    hash?: string;
-    storageClass?: string;
-    storageId?: string;
-    storageName?: string;
-    storageNodeIcon?: string;
-    storageImageUrl?: string;
-    storageType?: string;
-    root?: boolean;
+    size?: number | undefined;
+    created?: string | undefined;
+    modified?: string | undefined;
+    contentType?: string | undefined;
+    hash?: string | undefined;
+    storageClass?: string | undefined;
+    storageId?: string | undefined;
+    storageName?: string | undefined;
+    storageNodeIcon?: string | undefined;
+    storageImageUrl?: string | undefined;
+    storageType?: string | undefined;
+    root?: boolean | undefined;
 };
 export type TreeMap = {
     [path: string]: TreeNode;
@@ -83,7 +83,7 @@ export interface UploadSession {
         totalLoadedBytes?: number;
         lastProgressTime?: number;
         lastProgressBytes?: number;
-        estimatedSecondsLeft?: number;
+        estimatedSecondsLeft?: number | undefined;
     };
     toastId: string;
     abortController?: AbortController;

package/dist/file-explorer/lib/utils.d.ts

@@ -20,6 +20,7 @@ export declare function getUploadNodesFromDataTransferItems(items: DataTransferI
 }>;
 export declare function calculateUploadNodesTotalSize(uploadNodes: UploadNode[]): number;
 export declare function getObjectKeyFromNode(node: TreeNode): string;
+export declare function attachmentDisposition(filename: string): string;
 export declare function getDirectoryPrefixFromNode(node: TreeNode): string;
 export declare function pruneNodesInsideSelectedDirectories(nodes: TreeNode[]): TreeNode[];
 export declare function collectObjectKeysToDelete(nodes: TreeNode[], listKeysUnderPrefix: (prefix: string) => Promise<string[]>): Promise<string[]>;

package/dist/form/FieldWrapper.d.ts

@@ -1,4 +1,9 @@
 import type React from 'react';
+export interface FieldLabelBinding {
+    id: string;
+    labelId: string;
+    describedBy: string | undefined;
+}
 export declare function FieldWrapper({ label, tooltipComponent, description, labelPosition, spaceCompact, optional, children, }: {
     label: string;
     tooltipComponent?: React.ReactNode;
@@ -6,5 +11,5 @@ export declare function FieldWrapper({ label, tooltipComponent, description, lab
     labelPosition?: 'left' | 'top' | undefined;
     spaceCompact?: boolean | undefined;
     optional?: boolean | undefined;
-    children: React.ReactNode;
+    children: React.ReactNode | ((binding: FieldLabelBinding) => React.ReactNode);
 }): React.JSX.Element;

package/dist/form/Fields/ResourceOptionIcon.d.ts

@@ -1,7 +1,7 @@
 import { StatusDot } from '../../components/StatusBadge.js';
 import type { ComponentProps } from 'react';
 interface ResourceOptionIconProps {
-    imageUrl?: string;
+    imageUrl?: string | undefined;
     fallbackIcon: string;
     alt: string;
     variant?: ComponentProps<typeof StatusDot>['variant'];

package/dist/form/Fields/StepField.d.ts

@@ -1,3 +1,3 @@
 /** Not directly rendered — wizard container handles step fields; this stub satisfies the registry. */
 import type { FieldComponentProps } from '../types/fieldComponentTypes.js';
-export default function StepField(_props: FieldComponentProps<any>): null;
+export default function StepField(_props: FieldComponentProps): null;

package/dist/form/Form.d.ts

@@ -2,23 +2,24 @@ import { type FormikProps, type FormikValues } from 'formik';
 import { type WorkflowVariables } from '@parallelworks/workflow-parser';
 import React, { type SetStateAction } from 'react';
 import { type FieldComponent } from './fieldRegistry.js';
+interface FormMeta {
+    labelPosition?: 'left' | 'top' | undefined;
+    spaceCompact?: boolean | undefined;
+}
 /** Applies `$meta` overrides for `labelPosition` / `spaceCompact`. */
 export declare function resolveMetaOverrides(options: {
-    $meta?: {
-        labelPosition?: 'left' | 'top';
-        spaceCompact?: boolean;
-    };
-} | undefined, labelPosition: 'left' | 'top' | undefined, spaceCompact: boolean): {
+    $meta?: FormMeta;
+} | Record<string, unknown> | undefined, labelPosition: 'left' | 'top' | undefined, spaceCompact: boolean): {
     labelPosition: "left" | "top" | undefined;
     spaceCompact: boolean;
 };
 /** Collects every field with a `default` for the form-level sync to track. */
-export declare function collectFieldsWithDefaults(options: Record<string, any>, values?: Record<string, any>, prefix?: string): Array<{
+export declare function collectFieldsWithDefaults(options: Record<string, unknown>, values?: Record<string, unknown>, prefix?: string): Array<{
     name: string;
-    defaultValue: any;
+    defaultValue: unknown;
 }>;
 export declare function defaultReferencesField(defaultValue: unknown, fieldPath: string): boolean;
-export declare function findSelfReferencingFieldNames(schema: Record<string, any>, values?: Record<string, any>): string[];
+export declare function findSelfReferencingFieldNames(schema: Record<string, unknown>, values?: Record<string, unknown>): string[];
 /**
  * Re-syncs each field's value when its resolved default changes between
  * renders, unless `meta.touched` (this session) or a synth-touched marker
@@ -26,7 +27,7 @@ export declare function findSelfReferencingFieldNames(schema: Record<string, any
  * remounted via `key` when the run/config context changes.
  */
 export declare function DynamicDefaultsSync({ options, }: {
-    options: Record<string, any>;
+    options: Record<string, unknown>;
 }): null;
 export declare function GroupHeader({ children, open, setOpen, title, }: {
     children?: React.ReactNode;
@@ -59,48 +60,48 @@ export declare function MultiSelectionDropdown({ name, label, invalid, options:
     options?: {
         label: string;
         secondaryLabel?: string;
-        value: any;
+        value: string;
         selected: boolean;
     }[];
     setFormDirty: TSetFormDirty;
-    onChange?: (val: any) => void;
-    parentValue?: any;
+    onChange?: ((val: unknown) => void) | undefined;
+    parentValue?: unknown;
     className?: string;
-    secondaryField?: string;
+    secondaryField?: string | undefined;
 }): React.JSX.Element;
 export declare function FieldsFromOptions({ options, values, setFormDirty, setFieldValue, setFieldTouched, parentInfo, labelPosition, missingFields, spaceCompact, workflowForm, }: {
-    options: Record<string, any>;
-    values: Record<string, any>;
+    options: Record<string, unknown>;
+    values: Record<string, unknown>;
     setFormDirty: TSetFormDirty;
-    setFieldValue: (field: string, value: any, shouldValidate?: boolean) => void;
+    setFieldValue: (field: string, value: unknown, shouldValidate?: boolean) => void;
     setFieldTouched: (field: string, touched?: boolean, shouldValidate?: boolean) => void;
     /** If fields are part of other field, this is the info needed*/
     parentInfo?: {
-        computeOn?: boolean;
+        computeOn?: boolean | undefined;
         parentName: string;
         fieldNamePrefix: string;
-        arrayIndex?: number;
+        arrayIndex?: number | undefined;
         onChange?: (fieldName: string, index: number, changeOtherValuesTo?: string | boolean, keepOneValueOf?: string | boolean, currentValue?: string | boolean) => void;
-    };
-    labelPosition?: 'left' | 'top';
+    } | undefined;
+    labelPosition?: 'left' | 'top' | undefined;
     missingFields?: string[];
     spaceCompact?: boolean;
     /** Prevents deletion of hidden+ignored field values (workflow forms filter at submit time) */
-    workflowForm?: boolean;
+    workflowForm?: boolean | undefined;
 }): React.JSX.Element[];
 export interface DynamicFormProps {
-    formJSONs: Record<string, any>;
+    formJSONs: Record<string, unknown>;
     reinitialize?: boolean;
     setFormDirty?: (dirty: boolean) => void;
-    initialValues: Record<string, any>;
-    setValues?: (values: Record<string, any>) => void;
+    initialValues: object;
+    setValues?: (values: Record<string, unknown>) => void;
     formikRef?: React.RefObject<FormikProps<FormikValues> | null>;
     labelPosition?: 'left' | 'top';
-    missingFields?: string[];
+    missingFields?: string[] | undefined;
     spaceCompact?: boolean;
-    organizationVariables?: WorkflowVariables;
+    organizationVariables?: WorkflowVariables | undefined;
     needsOrganizationVariables?: boolean;
-    onSubmit?: (values: Record<string, any>) => void;
+    onSubmit?: ((values: Record<string, unknown>) => void) | undefined;
     submitLabel?: string;
     className?: string;
     /** Prevents deletion of hidden+ignored field values (workflow forms filter at submit time).

package/dist/form/SpecialTypes/DropdownWrapper.d.ts

@@ -1,12 +1,25 @@
 import FormikCustomDropdown from './FormikCustomDropdown.js';
 export default function DropdownWrapper({ options, onChange, fieldObj, setFormDirty, invalid, loading, disabled, allowCustomValue, currentValue, setFieldValue, setFieldTouched, }: {
     options: React.ComponentProps<typeof FormikCustomDropdown>['options'];
-    onChange?: (val: string) => void;
-    fieldObj: any;
+    onChange?: ((val: string) => void) | undefined;
+    fieldObj: {
+        name?: string | undefined;
+        label?: string | undefined;
+        disabled?: boolean | string | undefined;
+        placeholder?: string | undefined;
+        default?: unknown;
+        parentValue?: unknown;
+        secondaryField?: string | string[] | undefined;
+        resetOnChange?: string | boolean | undefined;
+        value?: string | undefined;
+        autoselect?: boolean | string | Record<string, unknown> | undefined;
+        allowCustomValue?: boolean | undefined;
+        customValueLabel?: string | undefined;
+    };
     setFormDirty: React.ComponentProps<typeof FormikCustomDropdown>['setFormDirty'];
     invalid?: boolean;
     loading?: boolean;
-    disabled?: boolean;
+    disabled?: boolean | undefined;
     allowCustomValue?: boolean;
     currentValue: unknown;
     setFieldValue: React.ComponentProps<typeof FormikCustomDropdown>['setFieldValue'];

package/dist/form/SpecialTypes/FormikCustomDropdown.d.ts

@@ -17,8 +17,8 @@ declare function toComparableOptions(options: React.ComponentProps<typeof Dropdo
     value: unknown;
     disabled: boolean | undefined;
 } | {
-    category?: undefined;
-    options?: undefined;
+    category?: never;
+    options?: never;
     label: string;
     value: unknown;
     disabled: boolean | undefined;
@@ -26,21 +26,21 @@ declare function toComparableOptions(options: React.ComponentProps<typeof Dropdo
 })[] | undefined;
 type FormikCustomDropdownProps = {
     name: string;
-    ariaLabel?: string;
+    ariaLabel?: string | undefined;
     options: React.ComponentProps<typeof Dropdown>['options'];
     setFormDirty: TSetFormDirty;
-    onChange?: (val: string) => void;
-    parentValue?: any;
+    onChange?: ((val: string) => void) | undefined;
+    parentValue?: unknown;
     className?: string;
-    secondaryField?: string | string[];
+    secondaryField?: string | string[] | undefined;
     disabled?: boolean;
-    resetOnChange?: string;
+    resetOnChange?: string | boolean | undefined;
     loading?: boolean;
     invalid?: boolean;
-    autoselect?: boolean;
-    value?: string;
-    allowCustomValue?: boolean;
-    customValueLabel?: string;
+    autoselect?: boolean | undefined;
+    value?: string | undefined;
+    allowCustomValue?: boolean | undefined;
+    customValueLabel?: string | undefined;
     placeholder?: string;
     currentValue: unknown;
     setFieldValue: (field: string, value: unknown, shouldValidate?: boolean) => void;