@box/uploads-manager 1.13.1

package/dist/chunks/uploads-header.js

@@ -0,0 +1,149 @@
+import e from "../esm/lib/uploads-header/uploads-header.messages.js";
+import { Button as t, ProgressBar as n, Text as r } from "@box/blueprint-web";
+import i from "clsx";
+import { AlertCircle as a, ChevronDown as o, ChevronUp as s, CloudCheck as c, CloudExclamation as l, CloudUp as u, CloudXMark as d } from "@box/blueprint-web-assets/icons/Medium";
+import { Gray80 as f, GreenLight160 as p, WatermelonRed120 as m } from "@box/blueprint-web-assets/tokens/tokens";
+import { useIntl as h } from "react-intl";
+import { jsx as g, jsxs as _ } from "react/jsx-runtime";
+import '../styles/uploads-header.css';var v = {
+	header: "_header_1h5ow_1907",
+	headerTop: "_headerTop_1h5ow_1915",
+	statusIcon: "_statusIcon_1h5ow_1922",
+	iconSwapIn: "_iconSwapIn_1h5ow_1",
+	statusIconContainer: "_statusIconContainer_1h5ow_1928",
+	iconPulse: "_iconPulse_1h5ow_1",
+	titleText: "_titleText_1h5ow_1943",
+	textSwapIn: "_textSwapIn_1h5ow_1",
+	subtitleText: "_subtitleText_1h5ow_1947",
+	statusIconContainerSuccess: "_statusIconContainerSuccess_1h5ow_1951",
+	statusIconContainerUploading: "_statusIconContainerUploading_1h5ow_1956",
+	statusIconContainerError: "_statusIconContainerError_1h5ow_1961",
+	statusIconContainerCanceled: "_statusIconContainerCanceled_1h5ow_1966",
+	subtitleError: "_subtitleError_1h5ow_1971",
+	subtitleErrorIcon: "_subtitleErrorIcon_1h5ow_1977",
+	titleArea: "_titleArea_1h5ow_1983",
+	actions: "_actions_1h5ow_1988",
+	chevronButton: "_chevronButton_1h5ow_1995",
+	progressBar: "_progressBar_1h5ow_1999"
+};
+function y(t, n, r, i, a) {
+	return n === "idle" && r === 0 ? {
+		title: t.formatMessage(e.titleDragAndDrop),
+		subtitle: null,
+		StatusIcon: u,
+		statusIconAriaLabel: t.formatMessage(e.statusIconPending)
+	} : n === "idle" || n === "uploading" ? {
+		title: t.formatMessage(e.titleUploading),
+		subtitle: t.formatMessage(e.subtitleProgress, {
+			completedCount: i,
+			totalCount: r
+		}),
+		StatusIcon: u,
+		statusIconAriaLabel: t.formatMessage(e.statusIconPending)
+	} : n === "success" ? {
+		title: t.formatMessage(e.titleComplete),
+		subtitle: t.formatMessage(e.subtitleProgress, {
+			completedCount: i,
+			totalCount: r
+		}),
+		StatusIcon: c,
+		statusIconAriaLabel: t.formatMessage(e.statusIconComplete)
+	} : n === "error" ? i > 0 ? {
+		title: t.formatMessage(e.titleComplete),
+		subtitle: t.formatMessage(e.subtitleErrors, { failedCount: a }),
+		StatusIcon: l,
+		statusIconAriaLabel: t.formatMessage(e.statusIconError)
+	} : {
+		title: t.formatMessage(e.titleErrorAllFailed),
+		subtitle: t.formatMessage(e.subtitleErrors, { failedCount: a }),
+		StatusIcon: l,
+		statusIconAriaLabel: t.formatMessage(e.statusIconError)
+	} : {
+		title: t.formatMessage(e.titleCanceled),
+		subtitle: null,
+		StatusIcon: d,
+		statusIconAriaLabel: t.formatMessage(e.statusIconCanceled)
+	};
+}
+function b({ status: c, progress: l, totalCount: u, completedCount: d, failedCount: b, isExpanded: x, onToggle: S, onCancelAll: C, onRetryAll: w }) {
+	let T = h(), E = c === "success", D = c === "uploading", O = c === "error", k = c === "canceled", A;
+	E ? A = p : D ? A = f : O && (A = m);
+	let { title: j, subtitle: M, StatusIcon: N, statusIconAriaLabel: P } = y(T, c, u, d, b), F = x ? T.formatMessage(e.toggleCollapse) : T.formatMessage(e.toggleExpand);
+	return /* @__PURE__ */ _("div", {
+		className: v.header,
+		children: [/* @__PURE__ */ _("div", {
+			className: v.headerTop,
+			children: [
+				/* @__PURE__ */ g("div", {
+					className: i(v.statusIconContainer, {
+						[v.statusIconContainerSuccess]: E,
+						[v.statusIconContainerUploading]: D,
+						[v.statusIconContainerError]: O,
+						[v.statusIconContainerCanceled]: k
+					}),
+					children: /* @__PURE__ */ g(N, {
+						"aria-label": P,
+						className: v.statusIcon,
+						color: A,
+						role: "img"
+					}, c)
+				}, c),
+				/* @__PURE__ */ _("div", {
+					className: v.titleArea,
+					children: [/* @__PURE__ */ g(r, {
+						as: "p",
+						className: v.titleText,
+						variant: "bodyDefaultBold",
+						children: j
+					}, j), M && /* @__PURE__ */ _(r, {
+						as: "p",
+						className: i(v.subtitleText, O && v.subtitleError),
+						color: O ? "textOnLightError" : "textOnLightSecondary",
+						variant: "bodySmall",
+						children: [O && /* @__PURE__ */ g(a, {
+							"aria-hidden": !0,
+							className: v.subtitleErrorIcon,
+							color: "currentColor",
+							role: "presentation"
+						}), M]
+					}, O ? "error" : "progress")]
+				}),
+				/* @__PURE__ */ _("div", {
+					className: v.actions,
+					children: [
+						C && /* @__PURE__ */ g(t, {
+							"aria-label": T.formatMessage(e.cancelAll),
+							onClick: C,
+							size: "small",
+							variant: "secondary",
+							children: T.formatMessage(e.cancelAll)
+						}),
+						w && /* @__PURE__ */ g(t, {
+							"aria-label": T.formatMessage(e.retryAll),
+							onClick: w,
+							size: "small",
+							variant: "secondary",
+							children: T.formatMessage(e.retryAll)
+						}),
+						/* @__PURE__ */ g(t, {
+							"aria-expanded": x,
+							"aria-label": F,
+							className: v.chevronButton,
+							onClick: S,
+							size: "small",
+							variant: "secondary",
+							endIcon: x ? s : o
+						})
+					]
+				})
+			]
+		}), /* @__PURE__ */ g(n, {
+			ariaLabel: T.formatMessage(e.progressAriaLabel),
+			className: v.progressBar,
+			maxValue: 100,
+			minValue: 0,
+			value: l
+		})]
+	});
+}
+export { b as t };

package/dist/chunks/uploads-item-list.js

@@ -0,0 +1,41 @@
+import { UploadsItem as e } from "../esm/lib/uploads-item/uploads-item.js";
+import t from "../esm/lib/uploads-item-list/uploads-item-list.messages.js";
+import { SmallList as n } from "@box/blueprint-web";
+import { useIntl as r } from "react-intl";
+import { jsx as i } from "react/jsx-runtime";
+import { useMemo as a } from "react";
+import { Collection as o, ListLayout as s, Virtualizer as c } from "react-aria-components";
+import '../styles/uploads-item-list.css';var l = {
+	container: "_container_1vohr_1874",
+	list: "_list_1vohr_1883"
+}, u = 56, d = 0;
+function f({ items: f, onItemCancel: p, onItemRetry: m, onItemRemove: h, onItemOpen: g, onItemShare: _ }) {
+	let { formatMessage: v } = r(), y = a(() => new s({
+		estimatedRowHeight: u,
+		gap: d
+	}), []);
+	return /* @__PURE__ */ i("div", {
+		className: l.container,
+		children: /* @__PURE__ */ i(c, {
+			layout: y,
+			children: /* @__PURE__ */ i(n, {
+				"aria-label": v(t.listAriaLabel),
+				"data-testid": "uploads-manager-item-list",
+				selectionMode: "none",
+				className: l.list,
+				children: /* @__PURE__ */ i(o, {
+					items: f,
+					children: (t) => /* @__PURE__ */ i(e, {
+						item: t,
+						onItemCancel: p,
+						onItemRetry: m,
+						onItemRemove: h,
+						onItemOpen: g,
+						onItemShare: _
+					})
+				})
+			})
+		})
+	});
+}
+export { f as t };

package/dist/chunks/uploads-item.module.js

@@ -0,0 +1,10 @@
+import '../styles/uploads-item.css';var e = {
+	iconDimmed: "_iconDimmed_crikc_1874",
+	statusLine: "_statusLine_crikc_1878",
+	statusIcon: "_statusIcon_crikc_1885",
+	statusCompleted: "_statusCompleted_crikc_1891",
+	statusError: "_statusError_crikc_1896",
+	item: "_item_crikc_1900",
+	actionButton: "_actionButton_crikc_1905"
+};
+export { e as t };

package/dist/chunks/uploads-manager.js

@@ -0,0 +1,52 @@
+import { t as e } from "./uploads-header.js";
+import { t } from "./uploads-item-list.js";
+import { getProgress as n } from "../esm/lib/utils/getProgress.js";
+import { getStatus as r } from "../esm/lib/utils/getStatus.js";
+import { useControllableState as i } from "@box/blueprint-web";
+import a from "clsx";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
+import '../styles/uploads-manager.css';var c = {
+	container: "_container_1ybju_1874",
+	itemListSlot: "_itemListSlot_1ybju_1884",
+	itemListSlotExpanded: "_itemListSlotExpanded_1ybju_1892",
+	itemList: "_itemList_1ybju_1884"
+};
+function l({ isExpanded: l, defaultExpanded: u = !0, onToggle: d, items: f, onCancelAll: p, onRetryAll: m, onItemCancel: h, onItemRetry: g, onItemRemove: _, onItemOpen: v, onItemShare: y }) {
+	let [b = !0, x] = i({
+		prop: l,
+		defaultProp: u,
+		onChange: d
+	}), S = () => x((e) => !e), C = f.length, w = f.filter((e) => e.status === "complete").length, T = f.filter((e) => e.status === "error").length, E = f.filter((e) => e.status === "canceled").length, D = f.some((e) => e.status === "pending" || e.status === "uploading" || e.status === "staged"), O = D && !!p, k = !D && T > 0 && !!m, A = r(f), j = A === "canceled" ? 0 : n(f);
+	return /* @__PURE__ */ s("div", {
+		className: c.container,
+		children: [/* @__PURE__ */ o(e, {
+			canceledCount: E,
+			completedCount: w,
+			failedCount: T,
+			isExpanded: b,
+			onCancelAll: O ? p : void 0,
+			onRetryAll: k ? m : void 0,
+			onToggle: S,
+			progress: j,
+			status: A,
+			totalCount: C
+		}), /* @__PURE__ */ o("div", {
+			className: a(c.itemListSlot, b && c.itemListSlotExpanded),
+			children: /* @__PURE__ */ o("div", {
+				"aria-hidden": !b,
+				className: c.itemList,
+				"data-testid": "uploads-manager-item-list-container",
+				...!b && { inert: "" },
+				children: /* @__PURE__ */ o(t, {
+					items: f,
+					onItemCancel: h,
+					onItemRetry: g,
+					onItemRemove: _,
+					onItemOpen: v,
+					onItemShare: y
+				})
+			})
+		})]
+	});
+}
+export { l as t };

package/dist/esm/index.js

@@ -0,0 +1,5 @@
+import { UploadsItem as e } from "./lib/uploads-item/uploads-item.js";
+import { t } from "../chunks/uploads-item-list.js";
+import "./lib/uploads-item-list/index.js";
+import { t as n } from "../chunks/uploads-manager.js";
+export { e as UploadsItem, t as UploadsItemList, n as UploadsManager };

package/dist/esm/lib/uploads-header/index.js

@@ -0,0 +1,2 @@
+import { t as e } from "../../../chunks/uploads-header.js";
+export { e as UploadsHeader, e as default };

package/dist/esm/lib/uploads-header/uploads-header.js

@@ -0,0 +1,2 @@
+import { t as e } from "../../../chunks/uploads-header.js";
+export { e as UploadsHeader, e as default };

package/dist/esm/lib/uploads-header/uploads-header.messages.js

@@ -0,0 +1,68 @@
+import { defineMessages as e } from "react-intl";
+var t = e({
+	titleDragAndDrop: {
+		id: "groupSharedFeatures.uploadsManager.header.titleDragAndDrop",
+		defaultMessage: "Drag and drop files"
+	},
+	titleUploading: {
+		id: "groupSharedFeatures.uploadsManager.header.titleUploading",
+		defaultMessage: "Uploading"
+	},
+	titleComplete: {
+		id: "groupSharedFeatures.uploadsManager.header.titleComplete",
+		defaultMessage: "Uploads Complete"
+	},
+	titleCanceled: {
+		id: "groupSharedFeatures.uploadsManager.header.titleCanceled",
+		defaultMessage: "Uploads Canceled"
+	},
+	titleErrorAllFailed: {
+		id: "groupSharedFeatures.uploadsManager.header.titleErrorAllFailed",
+		defaultMessage: "Uploads Failed"
+	},
+	subtitleProgress: {
+		id: "groupSharedFeatures.uploadsManager.header.subtitleProgress",
+		defaultMessage: "{completedCount} of {totalCount} complete"
+	},
+	subtitleErrors: {
+		id: "groupSharedFeatures.uploadsManager.header.subtitleErrors",
+		defaultMessage: "{failedCount, plural, one {# Error} other {# Errors}}"
+	},
+	cancelAll: {
+		id: "groupSharedFeatures.uploadsManager.header.cancelAll",
+		defaultMessage: "Cancel All"
+	},
+	retryAll: {
+		id: "groupSharedFeatures.uploadsManager.header.retryAll",
+		defaultMessage: "Retry All"
+	},
+	toggleExpand: {
+		id: "groupSharedFeatures.uploadsManager.header.toggleExpand",
+		defaultMessage: "Expand uploads panel"
+	},
+	toggleCollapse: {
+		id: "groupSharedFeatures.uploadsManager.header.toggleCollapse",
+		defaultMessage: "Collapse uploads panel"
+	},
+	progressAriaLabel: {
+		id: "groupSharedFeatures.uploadsManager.header.progressAriaLabel",
+		defaultMessage: "Upload progress"
+	},
+	statusIconPending: {
+		id: "groupSharedFeatures.uploadsManager.header.statusIconPending",
+		defaultMessage: "Pending upload"
+	},
+	statusIconComplete: {
+		id: "groupSharedFeatures.uploadsManager.header.statusIconComplete",
+		defaultMessage: "Upload complete"
+	},
+	statusIconError: {
+		id: "groupSharedFeatures.uploadsManager.header.statusIconError",
+		defaultMessage: "Upload error"
+	},
+	statusIconCanceled: {
+		id: "groupSharedFeatures.uploadsManager.header.statusIconCanceled",
+		defaultMessage: "Upload canceled"
+	}
+});
+export { t as default };

package/dist/esm/lib/uploads-item/components/action-buttons.js

@@ -0,0 +1,57 @@
+import e from "../uploads-item.messages.js";
+import { t } from "../../../../chunks/uploads-item.module.js";
+import { SmallList as n } from "@box/blueprint-web";
+import { ArrowUpRightSquare as r, ArrowsSpinning as i, Link as a, XMark as o } from "@box/blueprint-web-assets/icons/Medium";
+import { useIntl as s } from "react-intl";
+import { Fragment as c, jsx as l, jsxs as u } from "react/jsx-runtime";
+function d({ item: d, onItemCancel: f, onItemRetry: p, onItemRemove: m, onItemOpen: h, onItemShare: g }) {
+	let _ = s(), { status: v, name: y, isFolder: b, isRetryable: x } = d;
+	return v === "pending" || v === "uploading" ? f ? /* @__PURE__ */ l(n.ActionIconButton, {
+		"aria-label": _.formatMessage(e.itemActionCancelAriaLabel, { name: y }),
+		className: t.actionButton,
+		icon: o,
+		onClick: () => f(d.id),
+		size: "small"
+	}) : null : v === "complete" ? b ? null : /* @__PURE__ */ u(c, { children: [
+		h && /* @__PURE__ */ l(n.ActionIconButton, {
+			"aria-label": _.formatMessage(e.itemActionOpenAriaLabel, { name: y }),
+			className: t.actionButton,
+			icon: r,
+			onClick: () => h(d.id),
+			size: "small"
+		}),
+		g && /* @__PURE__ */ l(n.ActionIconButton, {
+			"aria-label": _.formatMessage(e.itemActionShareAriaLabel, { name: y }),
+			className: t.actionButton,
+			icon: a,
+			onClick: () => g(d.id),
+			size: "small"
+		}),
+		m && /* @__PURE__ */ l(n.ActionIconButton, {
+			"aria-label": _.formatMessage(e.itemActionRemoveAriaLabel, { name: y }),
+			className: t.actionButton,
+			icon: o,
+			onClick: () => m(d.id),
+			size: "small"
+		})
+	] }) : v === "error" ? /* @__PURE__ */ u(c, { children: [x !== !1 && p && /* @__PURE__ */ l(n.ActionIconButton, {
+		"aria-label": _.formatMessage(e.itemActionRetryAriaLabel, { name: y }),
+		className: t.actionButton,
+		icon: i,
+		onClick: () => p(d.id),
+		size: "small"
+	}), m && /* @__PURE__ */ l(n.ActionIconButton, {
+		"aria-label": _.formatMessage(e.itemActionRemoveAriaLabel, { name: y }),
+		className: t.actionButton,
+		icon: o,
+		onClick: () => m(d.id),
+		size: "small"
+	})] }) : v === "canceled" && p ? /* @__PURE__ */ l(n.ActionIconButton, {
+		"aria-label": _.formatMessage(e.itemActionRetryAriaLabel, { name: y }),
+		className: t.actionButton,
+		icon: i,
+		onClick: () => p(d.id),
+		size: "small"
+	}) : null;
+}
+export { d as ActionButtons };

package/dist/esm/lib/uploads-item/components/index.js

@@ -0,0 +1,4 @@
+import { ItemRowIcon as e } from "./item-row-icon.js";
+import { StatusLine as t } from "./status-line.js";
+import { ActionButtons as n } from "./action-buttons.js";
+export { n as ActionButtons, e as ItemRowIcon, t as StatusLine };

package/dist/esm/lib/uploads-item/components/item-row-icon.js

@@ -0,0 +1,24 @@
+import e from "../uploads-item.messages.js";
+import { t } from "../../../../chunks/uploads-item.module.js";
+import { CircularProgress as n } from "@box/blueprint-web";
+import { useIntl as r } from "react-intl";
+import { jsx as i } from "react/jsx-runtime";
+import { ItemIcon as a, getFileCategoryByExtension as o } from "@box/item-icon";
+function s({ item: s }) {
+	let c = r(), { status: l, name: u, progress: d, isFolder: f, extension: p } = s;
+	if (l === "pending" || l === "uploading" || l === "staged") return /* @__PURE__ */ i(n, {
+		"aria-label": c.formatMessage(e.itemProgressAriaLabel, {
+			name: u,
+			progress: d
+		}),
+		value: d
+	});
+	let m = f ? "folder-plain" : o(p.toLowerCase());
+	return /* @__PURE__ */ i(a, {
+		ariaHidden: !0,
+		className: l === "canceled" ? t.iconDimmed : void 0,
+		dimension: 32,
+		iconType: m
+	});
+}
+export { s as ItemRowIcon };

package/dist/esm/lib/uploads-item/components/status-line.js

@@ -0,0 +1,64 @@
+import e from "../uploads-item.messages.js";
+import { t } from "../../../../chunks/uploads-item.module.js";
+import { Text as n } from "@box/blueprint-web";
+import { AlertCircle as r, CheckmarkCircle as i, XMarkCircle as a } from "@box/blueprint-web-assets/icons/Medium";
+import { useIntl as o } from "react-intl";
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
+function l({ item: l }) {
+	let u = o(), { status: d, progress: f, isFolder: p, errorMessage: m, versionNumber: h } = l;
+	return d === "pending" || d === "uploading" || d === "staged" ? p ? null : /* @__PURE__ */ s(n, {
+		as: "span",
+		color: "textOnLightSecondary",
+		variant: "bodySmall",
+		children: u.formatMessage(e.itemStatusUploading, { progress: f })
+	}) : d === "complete" ? /* @__PURE__ */ c("div", {
+		className: t.statusLine,
+		children: [
+			/* @__PURE__ */ s(i, {
+				"aria-hidden": !0,
+				className: `${t.statusIcon} ${t.statusCompleted}`,
+				color: "currentColor",
+				role: "presentation"
+			}),
+			/* @__PURE__ */ s(n, {
+				as: "span",
+				className: t.statusCompleted,
+				variant: "bodySmall",
+				children: u.formatMessage(e.itemStatusCompleted)
+			}),
+			h && /* @__PURE__ */ s(n, {
+				as: "span",
+				variant: "bodySmall",
+				color: "textOnLightSecondary",
+				children: u.formatMessage(e.itemStatusVersionSuffix, { versionNumber: h })
+			})
+		]
+	}) : d === "error" ? /* @__PURE__ */ c("div", {
+		className: t.statusLine,
+		children: [/* @__PURE__ */ s(r, {
+			"aria-hidden": !0,
+			className: `${t.statusIcon} ${t.statusError}`,
+			color: "currentColor",
+			role: "presentation"
+		}), /* @__PURE__ */ s(n, {
+			as: "span",
+			color: "textOnLightError",
+			variant: "bodySmall",
+			children: u.formatMessage(e.itemStatusError, { errorMessage: m ?? "" })
+		})]
+	}) : d === "canceled" ? /* @__PURE__ */ c("div", {
+		className: t.statusLine,
+		children: [/* @__PURE__ */ s(a, {
+			"aria-hidden": !0,
+			className: t.statusIcon,
+			color: "currentColor",
+			role: "presentation"
+		}), /* @__PURE__ */ s(n, {
+			as: "span",
+			color: "textOnLightSecondary",
+			variant: "bodySmall",
+			children: u.formatMessage(e.itemStatusCanceled)
+		})]
+	}) : null;
+}
+export { l as StatusLine };

package/dist/esm/lib/uploads-item/index.js

@@ -0,0 +1,2 @@
+import { UploadsItem as e } from "./uploads-item.js";
+export { e as UploadsItem };

package/dist/esm/lib/uploads-item/uploads-item.js

@@ -0,0 +1,32 @@
+import { t as e } from "../../../chunks/uploads-item.module.js";
+import { ItemRowIcon as t } from "./components/item-row-icon.js";
+import { StatusLine as n } from "./components/status-line.js";
+import { ActionButtons as r } from "./components/action-buttons.js";
+import { SmallList as i } from "@box/blueprint-web";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+function s({ item: s, onItemCancel: c, onItemRetry: l, onItemRemove: u, onItemOpen: d, onItemShare: f }) {
+	let p = !s.isFolder || s.status === "complete" || s.status === "error";
+	return /* @__PURE__ */ o(i.Item, {
+		id: s.id,
+		textValue: s.name,
+		className: e.item,
+		onPointerDown: (e) => e.preventDefault(),
+		children: [
+			/* @__PURE__ */ a(i.Thumbnail, {
+				hasCustomSize: !0,
+				children: /* @__PURE__ */ a(t, { item: s })
+			}),
+			/* @__PURE__ */ a(i.Header, { children: s.name }),
+			p && /* @__PURE__ */ a(i.Subtitle, { children: /* @__PURE__ */ a(n, { item: s }) }),
+			/* @__PURE__ */ a(i.Actions, { children: /* @__PURE__ */ a(r, {
+				item: s,
+				onItemCancel: c,
+				onItemRetry: l,
+				onItemRemove: u,
+				onItemOpen: d,
+				onItemShare: f
+			}) })
+		]
+	});
+}
+export { s as UploadsItem, s as default };

package/dist/esm/lib/uploads-item/uploads-item.messages.js

@@ -0,0 +1,72 @@
+import { defineMessages as e } from "react-intl";
+var t = e({
+	itemStatusUploading: {
+		id: "groupSharedFeatures.uploadsManager.itemList.itemStatusUploading",
+		defaultMessage: "Uploading · {progress}%"
+	},
+	itemStatusCompleted: {
+		id: "groupSharedFeatures.uploadsManager.itemList.itemStatusCompleted",
+		defaultMessage: "Completed"
+	},
+	itemStatusCompletedWithVersion: {
+		id: "groupSharedFeatures.uploadsManager.itemList.itemStatusCompletedWithVersion",
+		defaultMessage: "Completed · Version {versionNumber}"
+	},
+	itemStatusVersionSuffix: {
+		id: "groupSharedFeatures.uploadsManager.itemList.itemStatusVersionSuffix",
+		defaultMessage: "· Version {versionNumber}"
+	},
+	itemStatusCanceled: {
+		id: "groupSharedFeatures.uploadsManager.itemList.itemStatusCanceled",
+		defaultMessage: "Canceled"
+	},
+	itemStatusError: {
+		id: "groupSharedFeatures.uploadsManager.itemList.itemStatusError",
+		defaultMessage: "Error: {errorMessage}"
+	},
+	itemProgressAriaLabel: {
+		id: "groupSharedFeatures.uploadsManager.itemList.itemProgressAriaLabel",
+		defaultMessage: "Uploading {name}, {progress}% complete"
+	},
+	itemActionCancel: {
+		id: "groupSharedFeatures.uploadsManager.itemList.itemActionCancel",
+		defaultMessage: "Cancel"
+	},
+	itemActionCancelAriaLabel: {
+		id: "groupSharedFeatures.uploadsManager.itemList.itemActionCancelAriaLabel",
+		defaultMessage: "Cancel upload for {name}"
+	},
+	itemActionRetry: {
+		id: "groupSharedFeatures.uploadsManager.itemList.itemActionRetry",
+		defaultMessage: "Retry"
+	},
+	itemActionRetryAriaLabel: {
+		id: "groupSharedFeatures.uploadsManager.itemList.itemActionRetryAriaLabel",
+		defaultMessage: "Retry upload for {name}"
+	},
+	itemActionRemove: {
+		id: "groupSharedFeatures.uploadsManager.itemList.itemActionRemove",
+		defaultMessage: "Remove"
+	},
+	itemActionRemoveAriaLabel: {
+		id: "groupSharedFeatures.uploadsManager.itemList.itemActionRemoveAriaLabel",
+		defaultMessage: "Remove {name}"
+	},
+	itemActionOpen: {
+		id: "groupSharedFeatures.uploadsManager.itemList.itemActionOpen",
+		defaultMessage: "Open"
+	},
+	itemActionOpenAriaLabel: {
+		id: "groupSharedFeatures.uploadsManager.itemList.itemActionOpenAriaLabel",
+		defaultMessage: "Open {name}"
+	},
+	itemActionShare: {
+		id: "groupSharedFeatures.uploadsManager.itemList.itemActionShare",
+		defaultMessage: "Share"
+	},
+	itemActionShareAriaLabel: {
+		id: "groupSharedFeatures.uploadsManager.itemList.itemActionShareAriaLabel",
+		defaultMessage: "Share {name}"
+	}
+});
+export { t as default };

package/dist/esm/lib/uploads-item-list/index.js

@@ -0,0 +1,2 @@
+import { t as e } from "../../../chunks/uploads-item-list.js";
+export { e as UploadsItemList };

package/dist/esm/lib/uploads-item-list/uploads-item-list.js

@@ -0,0 +1,2 @@
+import { t as e } from "../../../chunks/uploads-item-list.js";
+export { e as UploadsItemList, e as default };

package/dist/esm/lib/uploads-item-list/uploads-item-list.messages.js

@@ -0,0 +1,6 @@
+import { defineMessages as e } from "react-intl";
+var t = e({ listAriaLabel: {
+	id: "groupSharedFeatures.uploadsManager.itemList.listAriaLabel",
+	defaultMessage: "Uploads"
+} });
+export { t as default };

package/dist/esm/lib/uploads-manager.js

@@ -0,0 +1,3 @@
+import "./uploads-item-list/index.js";
+import { t as e } from "../../chunks/uploads-manager.js";
+export { e as UploadsManager, e as default };

package/dist/esm/lib/utils/getProgress.js

@@ -0,0 +1,9 @@
+function e(e) {
+	return e < 0 ? 0 : e > 100 ? 100 : e;
+}
+function t(t) {
+	if (t.length === 0) return 0;
+	let n = t.reduce((t, n) => n.status === "complete" || n.status === "error" || n.status === "canceled" ? t + 100 : n.status === "pending" ? t : t + e(n.progress), 0);
+	return Math.floor(n / t.length);
+}
+export { t as getProgress };

package/dist/esm/lib/utils/getStatus.js

@@ -0,0 +1,11 @@
+function e(e) {
+	if (e.length === 0) return "idle";
+	let t = e.filter((e) => e.status === "complete").length;
+	if (t === e.length) return "success";
+	let n = e.some((e) => e.status === "pending"), r = e.some((e) => e.status === "uploading" || e.status === "staged");
+	if (r || n) return r ? "uploading" : "idle";
+	if (e.some((e) => e.status === "error")) return "error";
+	let i = e.filter((e) => e.status === "canceled").length;
+	return i > 0 && i + t === e.length ? "canceled" : t > 0 ? "success" : "canceled";
+}
+export { e as getStatus };