@parallelworks/ui 0.12.0 → 0.12.1

package/dist/chunks/{CreateModal-g6c-9-6N.js → CreateModal-DLCC8t_x.js}

@@ -581,12 +581,13 @@ function CreateModalSelectPanel({ open, options, label, value, collapsedLabel, o
 * icons and group headers (e.g. Clusters vs Kubernetes). */
 function CreateModalSelect({ label, icon, value, options, onChange, disabled = false, disabledHint, tooltip, collapsedLabel }) {
 	const selected = options.find((o) => o.value === value);
+	const selectedLabel = selected?.label ?? (value || void 0);
 	const pillContent = /* @__PURE__ */ jsxs(Fragment, { children: [
 		selected?.icon ?? icon,
-		selected ? /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("span", {
+		selectedLabel ? /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("span", {
 			className: "font-normal text-(--theme-muted-text-color)",
 			children: label
-		}), selected.label] }) : label,
+		}), selectedLabel] }) : label,
 		/* @__PURE__ */ jsx(ChevronDownIcon, { className: "w-3 h-3 opacity-60" })
 	] });
 	if (disabled) return /* @__PURE__ */ jsx("button", {
@@ -602,7 +603,7 @@ function CreateModalSelect({ label, icon, value, options, onChange, disabled = f
 	});
 	return /* @__PURE__ */ jsx(Menu, { children: ({ open }) => /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(MenuButton, {
 		"aria-label": label,
-		className: cx("inline-flex h-7 rounded-md border border-(--theme-border) text-xs font-medium transition-colors hover:bg-(--theme-muted-panel-bg)", selected ? "text-(--theme-app)" : "text-(--theme-muted-text-color)"),
+		className: cx("inline-flex h-7 rounded-md border border-(--theme-border) text-xs font-medium transition-colors hover:bg-(--theme-muted-panel-bg)", selectedLabel ? "text-(--theme-app)" : "text-(--theme-muted-text-color)"),
 		children: /* @__PURE__ */ jsx(PillTooltip, {
 			content: tooltip,
 			className: "px-2",

package/dist/file-explorer/index.d.ts

@@ -7,4 +7,4 @@ export { LIST_PAGE_SIZE } from './lib/paging.js';
 export type { TreeNode, TStorage, TStorageObject } from './lib/types.js';
 export { CorsError } from './lib/errors.js';
 export { chunk, mapWithConcurrency, paginate } from './lib/batch.js';
-export { collectObjectKeysToDelete, getObjectKeyFromNode, isClientValid, removeLeadingAndTrailingSlashes, } from './lib/utils.js';
+export { attachmentDisposition, collectObjectKeysToDelete, getObjectKeyFromNode, isClientValid, removeLeadingAndTrailingSlashes, } from './lib/utils.js';

package/dist/file-explorer/index.js

@@ -1,5 +1,5 @@
 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 { c as ConfirmModal, f as Markdown, h as Callout, m as CopyToClipboard, n as CreateModal, p as CopyCodeBlock } from "../chunks/CreateModal-DLCC8t_x.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";
@@ -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}`);
@@ -4641,7 +4644,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 +4682,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 +4726,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;
@@ -5641,4 +5644,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

@@ -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/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/index.js

@@ -1,6 +1,6 @@
 import { DEFAULT_PRESET, THEME_PRESETS, THEME_TOKENS, applyTheme, contrastRatio, deriveTheme, isDarkColor } from "./theme/index.js";
 import { AlertIcon, AngleRightIcon, EyeIcon, EyeOffIcon, FilterIcon, LoaderIcon, SortDownIcon, SortUnsortedIcon, SortUpIcon } from "./icons.js";
-import { a as CreateModalSelect, c as ConfirmModal, d as primaryButtonClasses, f as Markdown, h as Callout, i as CreateModalField, l as dangerButtonClasses, m as CopyToClipboard, n as CreateModal, o as CreateModalSwitch, p as CopyCodeBlock, r as CreateModalAutocompleteField, s as CreateModalTextarea, t as CREATE_MODAL_SELECT_FILTER_THRESHOLD, u as ghostButtonClasses } from "./chunks/CreateModal-g6c-9-6N.js";
+import { a as CreateModalSelect, c as ConfirmModal, d as primaryButtonClasses, f as Markdown, h as Callout, i as CreateModalField, l as dangerButtonClasses, m as CopyToClipboard, n as CreateModal, o as CreateModalSwitch, p as CopyCodeBlock, r as CreateModalAutocompleteField, s as CreateModalTextarea, t as CREATE_MODAL_SELECT_FILTER_THRESHOLD, u as ghostButtonClasses } from "./chunks/CreateModal-DLCC8t_x.js";
 import { a as useProvisionCorsRules, c as useStrings, i as useNotify, l as useWorkflowJsonResolver, n as useLink, o as useRunFile, r as useNavigation, s as useSlots, t as UIProvider } from "./chunks/Provider-CfFV-vc5.js";
 import { i as formatTooltipContent, n as TOOLTIP_ID, r as TooltipInfo, t as GlobalTooltip } from "./chunks/Tooltip-WgbiC_nd.js";
 import { c as isOption, i as filterOption, l as toggleSetMember, n as StatusDot, o as flattenOptions, r as DropdownCaret, s as isCategory, t as StatusBadge } from "./chunks/StatusBadge-P6C2tv7Z.js";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@parallelworks/ui",
-  "version": "0.12.0",
+  "version": "0.12.1",
   "description": "Shared UI foundation for Parallel Works packages: theme contract, icons, and core primitives",
   "license": "MIT",
   "author": "Parallel Works <support@parallelworks.com>",