@slotted/react 0.1.0-beta.1 → 0.1.0-beta.10

package/dist/import-export-center-DUrNwRKP.js

@@ -0,0 +1,865 @@
+import { n as e, t } from "./icon-DjqSEQ-o.js";
+import { n, r } from "./i18n-DpW8lqJ1.js";
+import { n as i } from "./progress-indicator-D0acshNn.js";
+import { n as a } from "./icon-button-CRB218_z.js";
+import { n as o } from "./button-BCVjdzkn.js";
+import { a as s, i as c, n as l, r as u } from "./tooltip-DrFiRlH8.js";
+import { i as d, t as f } from "./skeleton-DyOwgYmF.js";
+import { i as p, n as m, o as h, r as g, t as _ } from "./result-state-BMYhelu1.js";
+import { a as ee, r as te, t as v } from "./tabs-DjEpS9uq.js";
+import { A as y, O as ne, b, c as x, f as S, l as C, u as w, v as re } from "./table-DpGTPtnb.js";
+import { v as T } from "./toast-58ex8PDK.js";
+import { keyedProps as ie, selectorKeyProps as ae } from "@slotted/core/selector-key";
+import { createControllable as oe } from "@slotted/core/state";
+import { createContext as se, createElement as ce, useCallback as E, useContext as le, useEffect as D, useId as ue, useImperativeHandle as de, useLayoutEffect as fe, useMemo as pe, useRef as O, useState as k } from "react";
+import { Fragment as me, jsx as A, jsxs as j } from "react/jsx-runtime";
+import { importExportCenterMessages as he } from "@slotted/core/i18n";
+import { fileKind as ge, formatBytes as _e, splitName as ve } from "@slotted/core/upload";
+import { getLiveAnnouncer as ye } from "@slotted/core/live-announcer";
+import { activeJobCount as be, fileAvailability as M, filterJobs as xe, focusDestination as Se, hasDetails as N, isFinishedJob as Ce, jobAnnouncement as we, jobControls as Te, jobGlyph as Ee, jobNotice as De, jobOutcome as Oe, jobProgressText as ke, jobStatusText as Ae, jobSummaryText as je, jobTransition as Me, remainingSeconds as Ne } from "@slotted/core/import-export-center";
+import { formatTimestamp as Pe } from "@slotted/core/timeline";
+//#region src/import-export-center/import-export-center-defaults.tsx
+var P = se({
+	growing: "none",
+	level: "2",
+	size: "md",
+	timeFormat: "relative"
+});
+function Fe() {
+	return le(P);
+}
+function Ie({ children: e, ...t }) {
+	let n = Fe();
+	return /* @__PURE__ */ A(P.Provider, {
+		value: {
+			growing: t.growing ?? n.growing,
+			level: t.level ?? n.level,
+			size: t.size ?? n.size,
+			timeFormat: t.timeFormat ?? n.timeFormat,
+			timeZone: t.timeZone ?? n.timeZone
+		},
+		children: e
+	});
+}
+//#endregion
+//#region src/import-export-center/import-export-center.tsx
+var Le = {
+	pdf: "file-text",
+	document: "file-type",
+	spreadsheet: "file-spreadsheet",
+	presentation: "presentation",
+	image: "file-image",
+	video: "file-video",
+	audio: "file-audio",
+	archive: "file-archive",
+	other: "file"
+}, Re = [
+	"job-title",
+	"download",
+	"retry",
+	"cancel",
+	"toggle",
+	"remove"
+], ze = 3, Be = 12, F = {
+	day: "numeric",
+	month: "short",
+	hour: "2-digit",
+	minute: "2-digit"
+};
+function I(e, t) {
+	let n = !1;
+	return {
+		reason: e,
+		source: t,
+		get cancelled() {
+			return n;
+		},
+		cancel() {
+			n = !0;
+		}
+	};
+}
+function L(e) {
+	return e.detail === 0 ? "keyboard" : "pointer";
+}
+function R(e) {
+	return e != null && e !== !1;
+}
+function Ve(e) {
+	return e.replace(/[^\w-]/g, (e) => `-${e.charCodeAt(0).toString(16)}-`);
+}
+function He(e, t) {
+	return e.length === t.length && e.every((e, n) => e === t[n]);
+}
+function z(e) {
+	let t = e.result ?? e.source;
+	return t === void 0 ? e.format === void 0 ? "other" : ge({
+		name: `job.${e.format.toLowerCase()}`,
+		type: ""
+	}) : ge({
+		name: t.name,
+		type: t.type ?? ""
+	});
+}
+function B({ name: e }) {
+	let { stem: t, extension: n } = ve(e);
+	return /* @__PURE__ */ j("span", {
+		"data-part": "file-name",
+		"data-part-file-name": "",
+		dir: "auto",
+		children: [/* @__PURE__ */ A("span", {
+			"data-part": "name",
+			"data-part-name": "",
+			children: t
+		}), n === "" ? null : /* @__PURE__ */ A("span", {
+			"data-part": "extension",
+			"data-part-extension": "",
+			children: n
+		})]
+	});
+}
+function V({ label: n, describedBy: r, onPress: i }) {
+	return /* @__PURE__ */ j(s, {
+		openOn: "hover",
+		side: "bottom",
+		children: [/* @__PURE__ */ A(c, {
+			"aria-describedby": r,
+			"aria-label": n,
+			"data-part": "remove",
+			"data-part-remove": "",
+			onClick: i,
+			children: /* @__PURE__ */ A(t, { children: /* @__PURE__ */ A(e, { name: "x" }) })
+		}), /* @__PURE__ */ A(u, { children: /* @__PURE__ */ A(l, { children: n }) })]
+	});
+}
+function H({ context: e, file: t, job: n, role: r, label: i, id: s, labelledBy: c, describedBy: l, variant: u }) {
+	let d = (t) => {
+		let i = I(L(t), t);
+		e.onDownload?.({
+			key: n.key,
+			file: r
+		}, i), i.cancelled && t.preventDefault();
+	}, f = {
+		...s === void 0 ? {} : { id: s },
+		...c === void 0 ? {} : { "aria-labelledby": c },
+		...l === void 0 ? {} : { "aria-describedby": l }
+	};
+	return /* @__PURE__ */ A("span", {
+		"data-part": "download",
+		"data-part-download": "",
+		children: t.href === void 0 ? /* @__PURE__ */ A(a, {
+			...f,
+			onClick: d,
+			size: "sm",
+			tone: "secondary",
+			variant: u,
+			children: i
+		}) : /* @__PURE__ */ A(o, {
+			...f,
+			download: t.name,
+			href: t.href,
+			onClick: d,
+			size: "sm",
+			tone: "secondary",
+			variant: u,
+			children: i
+		})
+	});
+}
+function U(e, t) {
+	return Pe(e, {
+		absolute: F,
+		format: "absolute",
+		locale: t.locale,
+		timeZone: t.timeZone
+	}).text;
+}
+function Ue(e, t) {
+	if (e.message !== void 0 && e.message !== "") return e.message;
+	let n = {
+		now: t.now,
+		timeZone: t.timeZone
+	}, r = e.result, i = M(r, n);
+	return r === void 0 ? null : i === "denied" ? r.denied ?? null : r.expiresAt === void 0 ? null : i === "expired" ? t.t("expired", { date: U(r.expiresAt, t) }) : i === "expires" ? t.t("expires", { date: U(r.expiresAt, t) }) : null;
+}
+function We({ context: e, job: t }) {
+	let { t: n, locale: r } = e, i = e.ids(t.key), a = new Intl.NumberFormat(r), o = {
+		now: e.now,
+		timeZone: e.timeZone
+	}, s = t.counts ?? {}, c = [
+		"total",
+		"processed",
+		"created",
+		"updated",
+		"skipped",
+		"failed"
+	].filter((e) => typeof s[e] == "number"), l = [
+		["source", t.source],
+		["result", t.result],
+		["errors", t.errorsFile]
+	].filter((e) => e[1] !== void 0), u = t.errors ?? [], d = Math.max(t.errorCount ?? 0, u.length);
+	return /* @__PURE__ */ j("div", {
+		"aria-labelledby": i.toggle,
+		"data-part": "details",
+		"data-part-details": "",
+		id: i.details,
+		role: "region",
+		children: [
+			c.length > 0 ? /* @__PURE__ */ A("dl", {
+				"data-part": "counts",
+				"data-part-counts": "",
+				children: c.map((e) => /* @__PURE__ */ j("div", {
+					"data-count": e,
+					children: [/* @__PURE__ */ A("dt", { children: n(`countLabels.${e}`) }), /* @__PURE__ */ A("dd", { children: a.format(s[e] ?? 0) })]
+				}, e))
+			}) : null,
+			l.length > 0 ? /* @__PURE__ */ A("ul", {
+				"data-part": "files",
+				"data-part-files": "",
+				children: l.map(([i, a]) => {
+					let s = M(a, o), c = s === "denied" ? a.denied : a.expiresAt === void 0 ? void 0 : n(s === "expired" ? "expired" : "expires", { date: U(a.expiresAt, e) }), l = s === "available" || s === "expires";
+					return /* @__PURE__ */ j("li", {
+						"data-part": "file",
+						"data-part-file": "",
+						"data-availability": s,
+						children: [/* @__PURE__ */ j("span", {
+							"data-part": "meta",
+							"data-part-meta": "",
+							children: [
+								/* @__PURE__ */ A("strong", { children: n(`fileLabels.${i}`) }),
+								/* @__PURE__ */ A("span", { children: /* @__PURE__ */ A(B, { name: a.name }) }),
+								a.size === void 0 ? null : /* @__PURE__ */ A("span", { children: _e(a.size, r) }),
+								c === void 0 ? null : /* @__PURE__ */ A("span", { children: c })
+							]
+						}), l ? /* @__PURE__ */ A(H, {
+							context: e,
+							file: a,
+							job: t,
+							label: n("download"),
+							role: i,
+							variant: "ghost"
+						}) : null]
+					}, i);
+				})
+			}) : null,
+			u.length > 0 ? /* @__PURE__ */ j("div", {
+				"data-part": "errors",
+				"data-part-errors": "",
+				children: [/* @__PURE__ */ A(y, {
+					columns: 4,
+					variant: "framed",
+					children: /* @__PURE__ */ j(ne, { children: [
+						/* @__PURE__ */ A(C, { children: n("errorsCaption") }),
+						/* @__PURE__ */ A(re, { children: /* @__PURE__ */ j(b, { children: [
+							/* @__PURE__ */ A(S, {
+								numeric: !0,
+								children: n("errorColumns.row")
+							}),
+							/* @__PURE__ */ A(S, { children: n("errorColumns.message") }),
+							/* @__PURE__ */ A(S, { children: n("errorColumns.column") }),
+							/* @__PURE__ */ A(S, { children: n("errorColumns.value") })
+						] }) }),
+						/* @__PURE__ */ A(x, { children: u.map((e, t) => /* @__PURE__ */ j(b, { children: [
+							/* @__PURE__ */ A(w, {
+								numeric: !0,
+								children: a.format(e.row)
+							}),
+							/* @__PURE__ */ A(w, { children: e.message }),
+							/* @__PURE__ */ A(w, { children: e.column ?? "" }),
+							/* @__PURE__ */ A(w, { children: e.value ?? "" })
+						] }, `${e.row}-${t}`)) })
+					] })
+				}), d > u.length ? /* @__PURE__ */ A("p", {
+					"data-part": "errors-note",
+					"data-part-errors-note": "",
+					children: /* @__PURE__ */ A("span", { children: n("sample", {
+						shown: u.length,
+						total: d
+					}) })
+				}) : null]
+			}) : null
+		]
+	});
+}
+function Ge({ context: n, job: r }) {
+	let { t: o, locale: s } = n, c = n.ids(r.key), l = {
+		now: n.now,
+		timeZone: n.timeZone
+	}, u = Oe(r), d = Te(r, l), f = n.expanded.has(r.key) && d.controls.includes("toggle"), p = Ee(r), m = r.direction === "export" ? r.result ?? r.source : r.source ?? r.result, h = r.status === "succeeded" || r.status === "failed" ? r.finishedAt ?? r.createdAt : r.createdAt, g = h === void 0 ? null : Pe(h, {
+		format: n.timeFormat,
+		locale: s,
+		now: n.now,
+		timeZone: n.timeZone
+	}), _ = r.status === "running" ? ke(r, {
+		locale: s,
+		t: o,
+		remaining: n.remaining.get(r.key)
+	}) : [], ee = je(r, {
+		locale: s,
+		t: o
+	}), te = Ue(r, n), v = n.renderJobActions?.(r), y = (e) => `${c.control(e)} ${c.title}`, ne = (e) => {
+		let t = I(L(e), e);
+		n.onOpen?.(r.key, t), t.cancelled && e.preventDefault();
+	}, b = (i) => {
+		switch (i) {
+			case "download": {
+				let e = d.download ?? "result", t = e === "errors" ? r.errorsFile : r.result;
+				return t === void 0 ? null : /* @__PURE__ */ A(H, {
+					context: n,
+					describedBy: c.status,
+					file: t,
+					id: c.control("download"),
+					job: r,
+					label: o(e === "errors" ? "downloadErrors" : "download"),
+					labelledBy: y("download"),
+					role: e,
+					variant: "outline"
+				}, i);
+			}
+			case "cancel":
+			case "retry": return /* @__PURE__ */ ce("span", {
+				"data-part": i,
+				...ae("part", i),
+				key: i
+			}, /* @__PURE__ */ A(a, {
+				"aria-describedby": c.status,
+				"aria-labelledby": y(i),
+				id: c.control(i),
+				onClick: (e) => (i === "cancel" ? n.onCancel : n.onRetry)?.(r.key, I(L(e), e)),
+				size: "sm",
+				tone: "secondary",
+				variant: "outline",
+				children: i === "cancel" ? o("cancel") : d.retry === "regenerate" ? o("regenerate") : o("retry")
+			}));
+			case "toggle": return /* @__PURE__ */ A("span", {
+				"data-part": "toggle",
+				"data-part-toggle": "",
+				...f ? { "data-expanded": "" } : {},
+				children: /* @__PURE__ */ A(a, {
+					"aria-controls": c.details,
+					"aria-expanded": f,
+					"aria-labelledby": `${c.toggle} ${c.title}`,
+					end: /* @__PURE__ */ A("span", {
+						"data-part": "chevron",
+						"data-part-chevron": "",
+						children: /* @__PURE__ */ A(t, { children: /* @__PURE__ */ A(e, { name: "chevron-down" }) })
+					}),
+					id: c.toggle,
+					onClick: (e) => n.onToggle(r.key, L(e), e),
+					size: "sm",
+					tone: "secondary",
+					variant: "ghost",
+					children: o("details")
+				})
+			}, i);
+			case "remove": return /* @__PURE__ */ A(V, {
+				describedBy: c.title,
+				label: o("remove"),
+				onPress: (e) => n.onRemove?.({ keys: [r.key] }, I(L(e), e))
+			}, i);
+			default: return null;
+		}
+	}, x = d.controls.filter((e) => e !== "remove");
+	return /* @__PURE__ */ j("li", {
+		"data-direction": r.direction,
+		"data-key": r.key,
+		"data-part": "job",
+		"data-part-job": "",
+		"data-status": r.status,
+		...u === null ? {} : { "data-outcome": u },
+		...d.expired ? { "data-expired": "" } : {},
+		...f ? { "data-expanded": "" } : {},
+		children: [
+			/* @__PURE__ */ A("span", {
+				"aria-hidden": "true",
+				"data-kind": z(r),
+				"data-part": "visual",
+				"data-part-visual": "",
+				children: /* @__PURE__ */ A(t, { children: /* @__PURE__ */ A(e, { name: Le[z(r)] }) })
+			}),
+			/* @__PURE__ */ j("div", {
+				"data-part": "body",
+				"data-part-body": "",
+				children: [
+					/* @__PURE__ */ j("div", {
+						"data-part": "heading",
+						"data-part-heading": "",
+						children: [r.href === void 0 ? /* @__PURE__ */ A("span", {
+							"data-part": "job-title",
+							"data-part-job-title": "",
+							id: c.title,
+							tabIndex: -1,
+							children: r.title
+						}) : /* @__PURE__ */ A("a", {
+							"data-part": "job-title",
+							"data-part-job-title": "",
+							href: r.href,
+							id: c.title,
+							onClick: ne,
+							children: r.title
+						}), /* @__PURE__ */ j("p", {
+							"data-part": "meta",
+							"data-part-meta": "",
+							children: [
+								/* @__PURE__ */ A("span", { children: o(r.direction) }),
+								r.format === void 0 ? null : /* @__PURE__ */ A("span", { children: r.format }),
+								m === void 0 ? null : /* @__PURE__ */ A("span", { children: /* @__PURE__ */ A(B, { name: m.name }) }),
+								m?.size === void 0 ? null : /* @__PURE__ */ A("span", { children: _e(m.size, s) }),
+								r.actor === void 0 ? null : /* @__PURE__ */ A("span", { children: r.actor }),
+								g === null ? null : /* @__PURE__ */ A("time", {
+									"data-part": "time",
+									"data-part-time": "",
+									dateTime: g.dateTime,
+									...g.title === null ? {} : { title: g.title },
+									children: g.text
+								})
+							]
+						})]
+					}),
+					/* @__PURE__ */ j("div", {
+						"data-part": "status",
+						"data-part-status": "",
+						id: c.status,
+						children: [/* @__PURE__ */ A("span", {
+							"aria-hidden": "true",
+							"data-part": "mark",
+							"data-part-mark": "",
+							children: p === "spinner" ? /* @__PURE__ */ A("span", {
+								"data-ui": "spinner",
+								"data-ui-spinner": ""
+							}) : /* @__PURE__ */ A(t, { children: /* @__PURE__ */ A(e, { name: p }) })
+						}), /* @__PURE__ */ j("span", {
+							"data-part": "status-label",
+							"data-part-status-label": "",
+							children: [/* @__PURE__ */ A("span", { children: Ae(r, o) }), r.stage === void 0 || r.stage === "" ? null : /* @__PURE__ */ A("span", {
+								"data-part": "stage",
+								"data-part-stage": "",
+								title: r.stage,
+								children: r.stage
+							})]
+						})]
+					}),
+					r.status === "running" ? /* @__PURE__ */ j("div", {
+						"data-part": "progress",
+						"data-part-progress": "",
+						children: [/* @__PURE__ */ A(i, {
+							"aria-labelledby": c.title,
+							delay: 0,
+							hideLabel: !0,
+							max: r.progress?.max ?? 100,
+							size: "sm",
+							tone: "accent",
+							value: r.progress?.value ?? null,
+							..._.length > 0 ? { valueText: _.join(", ") } : {}
+						}), _.length > 0 ? /* @__PURE__ */ A("span", {
+							"data-part": "progress-text",
+							"data-part-progress-text": "",
+							children: _.map((e) => /* @__PURE__ */ A("span", { children: e }, e))
+						}) : null]
+					}) : null,
+					ee.length > 0 ? /* @__PURE__ */ A("p", {
+						"data-part": "summary",
+						"data-part-summary": "",
+						children: ee.map((e) => /* @__PURE__ */ A("span", { children: e }, e))
+					}) : null,
+					te === null ? null : /* @__PURE__ */ A("p", {
+						"data-part": "message",
+						"data-part-message": "",
+						children: te
+					})
+				]
+			}),
+			x.length > 0 || R(v) || d.controls.includes("remove") ? /* @__PURE__ */ j("div", {
+				"data-part": "controls",
+				"data-part-controls": "",
+				children: [
+					x.map(b),
+					R(v) ? /* @__PURE__ */ A("span", {
+						"data-part": "job-actions",
+						"data-part-job-actions": "",
+						children: v
+					}) : null,
+					d.controls.includes("remove") ? b("remove") : null
+				]
+			}) : null,
+			f && N(r) ? /* @__PURE__ */ A(We, {
+				context: n,
+				job: r
+			}) : null
+		]
+	});
+}
+function Ke({ actions: e, "aria-label": t, "aria-labelledby": i, className: o, defaultExpanded: s, defaultView: c, empty: l, expanded: u, footer: y, growing: ne, hasMore: b = !1, jobs: x, level: S, loading: C = !1, locale: w, messages: re, now: T, onCancel: ae, onDownload: se, onExpandedChange: ce, onLoadMore: le, onOpen: ge, onReload: _e, onRemove: ve, onRetry: M, onViewChange: N, ref: Te, render: Ee, renderJobActions: De, size: Oe, status: ke = "ready", style: Ae, timeFormat: je, timeZone: Pe, view: P, views: Ie, ...Le }) {
+	let F = Fe(), z = `slotted-import-export-center-${ue().replace(/[^\w-]/g, "")}`, B = `${z}-title`, V = `${z}-list`, H = ne ?? F.growing, U = S ?? F.level, Ue = n(), We = w ?? Ue, Ke = Oe ?? F.size, qe = je ?? F.timeFormat, Je = Pe ?? F.timeZone, W = r(he, re), [Ye, Xe] = k(null), G = O(null), Ze = pe(() => Ie ?? [
+		{
+			label: W("all"),
+			value: "all"
+		},
+		{
+			label: W("imports"),
+			value: "import"
+		},
+		{
+			label: W("exports"),
+			value: "export"
+		}
+	], [Ie, W]), [Qe, $e] = k(c), K = P ?? Qe ?? Ze[0]?.value ?? "all", [q, et] = k(s ?? []), tt = u ?? q, J = O({
+		currentExpanded: tt,
+		currentView: K,
+		expanded: u,
+		onExpandedChange: ce,
+		onViewChange: N,
+		view: P
+	});
+	J.current = {
+		currentExpanded: tt,
+		currentView: K,
+		expanded: u,
+		onExpandedChange: ce,
+		onViewChange: N,
+		view: P
+	};
+	let nt = E((e, t, n) => {
+		if (e === J.current.currentView) return;
+		let r = !1, i = oe({
+			controlled: J.current.view,
+			initial: J.current.currentView,
+			onRequest: (e) => {
+				J.current.onViewChange?.(e.value, e), r = e.cancelled;
+			}
+		}).request(e, t, n);
+		!r && i && $e(e);
+	}, []), Y = E((e, t, n) => {
+		if (He(e, J.current.currentExpanded)) return !0;
+		let r = !1, i = oe({
+			controlled: J.current.expanded,
+			equals: He,
+			initial: J.current.currentExpanded,
+			onRequest: (e) => {
+				J.current.onExpandedChange?.(e.value, e), r = e.cancelled;
+			}
+		}).request(e, t, n);
+		return !r && i && et(e), !r;
+	}, []), rt = E((e, t, n) => {
+		let r = J.current.currentExpanded;
+		Y(r.includes(e) ? r.filter((t) => t !== e) : [...r, e], t, n);
+	}, [Y]);
+	D(() => {
+		if (u !== void 0) return;
+		let e = new Set(x.map((e) => e.key)), t = q.filter((t) => e.has(t));
+		t.length !== q.length && et(t);
+	}, [
+		x,
+		u,
+		q
+	]);
+	let it = O(null);
+	D(() => {
+		let e = it.current;
+		if (it.current = new Map(x.map((e) => [e.key, e])), e !== null) for (let t of x) {
+			let n = Me(e.get(t.key), t);
+			n !== null && ye().announce(we(n, t, W));
+		}
+	}, [x]);
+	let X = O(/* @__PURE__ */ new Map()), [at, ot] = k(/* @__PURE__ */ new Map());
+	D(() => {
+		let e = T ?? Date.now(), t = /* @__PURE__ */ new Map();
+		for (let n of x) {
+			if (n.status !== "running") {
+				X.current.delete(n.key);
+				continue;
+			}
+			let r = n.progress?.value, i = n.progress?.max, a = X.current.get(n.key) ?? [];
+			r !== void 0 && i !== void 0 && a.at(-1)?.value !== r && (a.push({
+				at: Date.now(),
+				max: i,
+				value: r
+			}), a.length > Be && a.shift(), X.current.set(n.key, a)), t.set(n.key, Ne(n, a, {
+				now: e,
+				timeZone: Je
+			}));
+		}
+		ot(t);
+	}, [
+		x,
+		T,
+		Je
+	]);
+	let Z = O(null), st = (e) => {
+		let t = e.target, n = t.closest("[data-part=\"job\"]");
+		if (n === null || !G.current?.contains(n)) {
+			Z.current = null;
+			return;
+		}
+		let r = [...G.current?.querySelectorAll(":scope > [data-part=\"job\"]") ?? []], i = "job-title";
+		for (let e = t; e !== null && e !== n; e = e.parentElement) {
+			let t = e.dataset.part;
+			if (t !== void 0 && Re.includes(t)) {
+				i = t;
+				break;
+			}
+		}
+		Z.current = {
+			element: t,
+			index: r.indexOf(n),
+			key: n.dataset.key ?? "",
+			part: i
+		};
+	}, ct = (e, t) => {
+		let n = (G.current?.querySelector(`:scope > [data-part="job"][data-key="${CSS.escape(e)}"]`))?.querySelector(`[data-part="${t}"]`), r = n == null ? null : n.matches("button, a, [tabindex]") ? n : n.querySelector("button, a");
+		return r !== null && (r.focus(), !0);
+	};
+	fe(() => {
+		let e = Z.current, t = G.current;
+		if (e === null || t === null || e.element.isConnected) return;
+		let n = t.ownerDocument.activeElement;
+		if (n !== null && n !== t.ownerDocument.body) return;
+		let r = [...t.querySelectorAll(":scope > [data-part=\"job\"][data-key]")].map((e) => ({
+			key: e.dataset.key ?? "",
+			parts: Re.filter((t) => t !== "job-title" && e.querySelector(`[data-part="${t}"]`) !== null)
+		})), i = Se(e, r);
+		if (Z.current = null, "list" in i) {
+			t.focus();
+			return;
+		}
+		ct(i.key, i.part);
+	});
+	let lt = O(null), ut = E((e) => {
+		if (!x.some((t) => t.key === e)) return;
+		let t = J.current.currentExpanded;
+		t.includes(e) || Y([...t, e], "programmatic", void 0), lt.current = e;
+		let n = x.find((t) => t.key === e);
+		n !== void 0 && xe([n], J.current.currentView).length === 0 && nt("all", "programmatic", void 0);
+	}, [
+		x,
+		Y,
+		nt
+	]);
+	fe(() => {
+		let e = lt.current;
+		if (e === null) return;
+		lt.current = null;
+		let t = G.current?.querySelector(`:scope > [data-part="job"][data-key="${CSS.escape(e)}"]`);
+		t != null && (t.scrollIntoView?.({ block: "nearest" }), t.querySelector("[data-part=\"job-title\"]")?.focus({ preventScroll: !0 }));
+	});
+	let Q = pe(() => xe(x, K), [x, K]), dt = E(() => {
+		(G.current?.querySelector(":scope > [data-part=\"job\"] :is(a[data-part=\"job-title\"], [data-part=\"controls\"] button, [data-part=\"controls\"] a)") ?? G.current)?.focus();
+	}, []);
+	de(Te, () => ({
+		get element() {
+			return Ye;
+		},
+		focus: dt,
+		reveal: ut
+	}), [
+		Ye,
+		dt,
+		ut
+	]);
+	let ft = E((e) => {
+		let t = `${z}-${Ve(e)}`;
+		return {
+			control: (e) => `${t}-${e}`,
+			details: `${t}-details`,
+			status: `${t}-status`,
+			title: `${t}-title`,
+			toggle: `${t}-toggle`
+		};
+	}, [z]), pt = {
+		expanded: new Set(tt),
+		ids: ft,
+		locale: We,
+		now: T,
+		onCancel: ae,
+		onDownload: se,
+		onOpen: ge,
+		onRemove: ve,
+		onRetry: M,
+		onToggle: rt,
+		remaining: at,
+		renderJobActions: De,
+		t: W,
+		timeFormat: qe,
+		timeZone: Je
+	}, mt = `h${U}`, ht = be(x), gt = Q.filter((e) => Ce(e) && e.removable !== !1), _t = C && Q.length === 0, $ = ke === "error", vt = !$ && !_t && Q.length === 0, yt = W(K === "import" ? "emptyImports" : K === "export" ? "emptyExports" : "empty"), bt = ie({
+		...Le,
+		...t === void 0 ? { "aria-labelledby": i ?? B } : { "aria-label": t },
+		children: /* @__PURE__ */ j(me, { children: [
+			/* @__PURE__ */ j("div", {
+				"data-part": "header",
+				"data-part-header": "",
+				children: [/* @__PURE__ */ j(mt, {
+					"data-part": "title",
+					"data-part-title": "",
+					id: B,
+					children: [W("title"), ht > 0 ? /* @__PURE__ */ j(me, { children: [" ", /* @__PURE__ */ A("span", {
+						"data-part": "count",
+						"data-part-count": "",
+						children: W("active", { count: ht })
+					})] }) : null]
+				}), gt.length > 0 || R(e) ? /* @__PURE__ */ j("div", {
+					"data-part": "tools",
+					"data-part-tools": "",
+					children: [gt.length > 0 ? /* @__PURE__ */ A("span", {
+						"data-part": "clear",
+						"data-part-clear": "",
+						children: /* @__PURE__ */ A(a, {
+							onClick: (e) => ve?.({ keys: gt.map((e) => e.key) }, I("clear", e)),
+							size: "sm",
+							tone: "secondary",
+							variant: "ghost",
+							children: W("clear")
+						})
+					}) : null, R(e) ? /* @__PURE__ */ A("div", {
+						"data-part": "actions",
+						"data-part-actions": "",
+						children: e
+					}) : null]
+				}) : null]
+			}),
+			Ze.length > 1 ? /* @__PURE__ */ A("div", {
+				"data-part": "views",
+				"data-part-views": "",
+				children: /* @__PURE__ */ A(ee, {
+					onValueChange: (e, t) => nt(e, t.reason, t.source),
+					size: Ke,
+					track: "none",
+					value: K,
+					children: /* @__PURE__ */ A(te, {
+						"aria-label": W("views"),
+						children: Ze.map((e) => /* @__PURE__ */ A(v, {
+							controls: V,
+							value: e.value,
+							children: e.label
+						}, e.value))
+					})
+				})
+			}) : null,
+			$ ? /* @__PURE__ */ A("div", {
+				"data-part": "error",
+				"data-part-error": "",
+				children: /* @__PURE__ */ j(_, {
+					live: "off",
+					reach: "section",
+					status: "error",
+					children: [/* @__PURE__ */ j(g, { children: [/* @__PURE__ */ A(h, { children: W("loadError") }), /* @__PURE__ */ A(p, { children: W("loadErrorDescription") })] }), /* @__PURE__ */ A(m, { children: /* @__PURE__ */ A(a, {
+						onClick: (e) => _e?.(I(L(e), e)),
+						size: "sm",
+						tone: "secondary",
+						variant: "outline",
+						children: W("reload")
+					}) })]
+				})
+			}) : vt ? /* @__PURE__ */ A("div", {
+				"data-part": "empty",
+				"data-part-empty": "",
+				children: l ?? /* @__PURE__ */ A(_, {
+					live: "off",
+					reach: "section",
+					status: "empty",
+					children: /* @__PURE__ */ j(g, { children: [/* @__PURE__ */ A(h, { children: yt }), /* @__PURE__ */ A(p, { children: W("emptyDescription") })] })
+				})
+			}) : /* @__PURE__ */ A("ul", {
+				"aria-busy": C ? !0 : void 0,
+				"aria-labelledby": B,
+				"data-part": "list",
+				"data-part-list": "",
+				id: V,
+				onFocus: st,
+				ref: G,
+				tabIndex: -1,
+				children: _t ? Array.from({ length: ze }, (e, t) => /* @__PURE__ */ j("li", {
+					"aria-hidden": "true",
+					"data-part": "job",
+					"data-part-job": "",
+					children: [/* @__PURE__ */ A("span", {
+						"data-part": "visual",
+						"data-part-visual": "",
+						children: /* @__PURE__ */ A(d, { shape: "block" })
+					}), /* @__PURE__ */ j("div", {
+						"data-part": "body",
+						"data-part-body": "",
+						children: [/* @__PURE__ */ A(f, { lines: 2 }), /* @__PURE__ */ A(f, { lines: 1 })]
+					})]
+				}, t)) : Q.map((e) => /* @__PURE__ */ A(Ge, {
+					context: pt,
+					job: e
+				}, e.key))
+			}),
+			!$ && H === "button" && b && !_t ? /* @__PURE__ */ A("button", {
+				"aria-disabled": C ? !0 : void 0,
+				"data-part": "more",
+				"data-part-more": "",
+				...C ? { "data-loading": "" } : {},
+				onClick: (e) => {
+					C || le?.(I(L(e), e));
+				},
+				type: "button",
+				children: W(C ? "loading" : "loadMore")
+			}) : null,
+			R(y) ? /* @__PURE__ */ A("div", {
+				"data-part": "footer",
+				"data-part-footer": "",
+				children: y
+			}) : null
+		] }),
+		className: o,
+		"data-growing": H,
+		"data-level": U,
+		...C ? { "data-loading": "" } : {},
+		"data-part": "root",
+		"data-size": Ke,
+		...$ ? { "data-status": "error" } : {},
+		"data-time-format": qe,
+		"data-ui": "import-export-center",
+		"data-view": K,
+		style: Ae
+	});
+	return Ee === void 0 ? /* @__PURE__ */ A("section", {
+		...bt,
+		ref: Xe
+	}) : Ee({
+		...bt,
+		ref: Xe
+	});
+}
+//#endregion
+//#region src/import-export-center/use-job-toasts.tsx
+function qe(e, { messages: t, onView: n, toaster: i } = {}) {
+	let o = T(), s = i ?? o, c = O(null), l = r(he, t), u = O({
+		onView: n,
+		t: l,
+		target: s
+	});
+	u.current = {
+		onView: n,
+		t: l,
+		target: s
+	}, D(() => {
+		let t = c.current;
+		if (c.current = new Map(e.map((e) => [e.key, e])), t === null) return;
+		let { onView: n, t: r, target: i } = u.current;
+		for (let o of e) {
+			let e = De(t.get(o.key), o, r);
+			e !== null && i.show({
+				actions: n === void 0 ? void 0 : /* @__PURE__ */ A(a, {
+					onClick: () => {
+						i.dismiss(e.id, "pointer"), n(e.key);
+					},
+					size: "sm",
+					tone: "secondary",
+					variant: "outline",
+					children: r("view")
+				}),
+				announcement: e.title,
+				description: e.description,
+				id: e.id,
+				loading: e.loading,
+				title: e.title,
+				tone: e.tone
+			});
+		}
+	}, [e]);
+}
+//#endregion
+export { Fe as i, Ke as n, Ie as r, qe as t };