@parhelia/localization 0.4.12784 → 0.4.12796
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -165,7 +165,7 @@ export function ServiceLanguageSelectionStep({ isActive = true, data, setData, o
|
|
|
165
165
|
}, onChange: handleSelectAllLanguages, className: "h-3 w-3 rounded border-border-default text-[var(--color-highlight-100)] accent-[var(--color-highlight-100)] focus:ring-[var(--color-highlight-100)]", "data-testid": "select-all-languages-checkbox" }), "Select all"] }))] }), _jsx("div", { className: "min-h-0 flex-1 overflow-y-auto pt-2", children: allLanguages.length === 0 ? (_jsx("div", { className: "grid gap-2.5 sm:grid-cols-2", children: [...Array(6)].map((_, i) => (_jsxs("div", { className: "flex animate-pulse items-center gap-2 rounded-[8px] border border-border-default px-3 py-2", children: [_jsx("div", { className: "h-3.5 w-3.5 rounded bg-neutral-grey-10" }), _jsx("div", { className: "h-4 w-4 bg-neutral-grey-10" }), _jsx("div", { className: "h-3.5 w-24 rounded bg-neutral-grey-10" }), _jsx("div", { className: "ml-auto h-3 w-10 rounded bg-neutral-grey-5" })] }, i))) })) : (_jsx("div", { className: "grid gap-2.5 sm:grid-cols-2", children: allLanguages.map((lang) => {
|
|
166
166
|
const checked = !!languageSelection[lang.code];
|
|
167
167
|
return (_jsxs("label", { className: `group flex cursor-pointer items-center gap-2.5 rounded-[8px] border px-2 py-1.5 transition-all ${checked
|
|
168
|
-
? "border-
|
|
168
|
+
? "border-neutral-grey-100"
|
|
169
169
|
: "border-border-default hover:border-border-default hover:bg-neutral-grey-5"}`, children: [_jsx("input", { type: "checkbox", checked: checked, onChange: () => handleLanguageToggle(lang.code), className: "h-3.5 w-3.5 shrink-0 rounded border-border-default text-[var(--color-highlight-100)] accent-[var(--color-highlight-100)] focus:ring-[var(--color-highlight-100)]", "data-testid": `language-checkbox-${lang.code}` }), lang.icon ? (_jsx("img", { src: lang.icon, alt: "", "aria-hidden": "true", className: "h-4 w-5 shrink-0 object-cover" })) : (_jsx("span", { className: "inline-block h-4 w-5 shrink-0 bg-neutral-grey-5" })), _jsx("span", { className: `min-w-0 flex-1 truncate text-[13px] ${checked
|
|
170
170
|
? "font-medium text-neutral-grey-100"
|
|
171
171
|
: "text-neutral-grey-100"}`, children: lang.name }), _jsxs("span", { className: "ml-auto flex max-w-[9rem] shrink-0 flex-col items-end leading-tight", children: [_jsx("span", { className: "font-mono text-[10px] tracking-wider text-neutral-grey-50", children: lang.code }), _jsxs("span", { className: "max-w-full truncate text-[10px] text-neutral-grey-50", title: `Source language: ${lang.sourceLanguageName}`, children: ["from ", lang.sourceLanguageName] })] })] }, lang.code));
|
|
@@ -1163,7 +1163,7 @@ const BATCH_SEGMENT_COLORS = {
|
|
|
1163
1163
|
succeeded: "color-mix(in srgb, var(--color-feedback-green) 88%, transparent)",
|
|
1164
1164
|
failed: "color-mix(in srgb, var(--color-feedback-red) 88%, transparent)",
|
|
1165
1165
|
aborted: "color-mix(in srgb, var(--color-feedback-orange) 88%, transparent)",
|
|
1166
|
-
running: "color-mix(in srgb, var(--color-
|
|
1166
|
+
running: "color-mix(in srgb, var(--color-neutral-grey-50) 88%, transparent)",
|
|
1167
1167
|
};
|
|
1168
1168
|
function computeBatchStatusCounts(info, jobs) {
|
|
1169
1169
|
if (jobs && jobs.length > 0) {
|
|
@@ -1262,7 +1262,7 @@ function itemStatusDot(jobs) {
|
|
|
1262
1262
|
if (hasError)
|
|
1263
1263
|
return { cls: "bg-feedback-red", label: "Has errors" };
|
|
1264
1264
|
if (hasInProgress)
|
|
1265
|
-
return { cls: "bg-
|
|
1265
|
+
return { cls: "bg-neutral-grey-50", label: "In progress" };
|
|
1266
1266
|
if (hasPending)
|
|
1267
1267
|
return { cls: "bg-neutral-grey-15", label: "Queued" };
|
|
1268
1268
|
if (hasAborted)
|
|
@@ -1504,7 +1504,7 @@ function BatchItemList({ batchId, batchProvider, jobs, isLoading, expandedItems,
|
|
|
1504
1504
|
return;
|
|
1505
1505
|
void onRetryJobs(batchId, batchProvider, itemErrorJobs, itemRetryKey);
|
|
1506
1506
|
}, icon: _jsx(RetryIcon, { className: `h-3.5 w-3.5 ${isRetryingItem ? "animate-spin" : ""}`, strokeWidth: 1 }), label: "Retry failed translations for this item", disabled: itemErrorJobs.length === 0 || isRetryingItem }) })) : null;
|
|
1507
|
-
const itemContent = (_jsxs("div", { className: `flex min-w-0 items-start ${stackLanguageChips ? "gap-2" : "gap-2.5"}`, children: [_jsx("span", { className: "mt-1 shrink-0", children: itemAnyInProgress ? (_jsx(LoaderIcon, { className: "h-3 w-3 animate-spin text-
|
|
1507
|
+
const itemContent = (_jsxs("div", { className: `flex min-w-0 items-start ${stackLanguageChips ? "gap-2" : "gap-2.5"}`, children: [_jsx("span", { className: "mt-1 shrink-0", children: itemAnyInProgress ? (_jsx(LoaderIcon, { className: "h-3 w-3 animate-spin text-neutral-grey-50" })) : itemIsQueued ? (_jsx(QueuedIcon, { className: "h-3 w-3 text-neutral-grey-50", strokeWidth: 1, "aria-label": "Queued" })) : (_jsx("span", { className: `block h-1.5 w-1.5 rounded-full ${status.cls}`, "aria-hidden": "true" })) }), _jsxs("div", { className: "min-w-0 flex-1", children: [_jsx("span", { className: `block min-w-0 text-[13px] text-neutral-grey-100 ${stackLanguageChips ? "break-words" : "truncate"}`, style: stackLanguageChips
|
|
1508
1508
|
? { overflowWrap: "anywhere" }
|
|
1509
1509
|
: undefined, title: titleAttr, children: displayName }), itemPath && (_jsx("div", { className: "whitespace-normal break-words font-mono text-[11px] text-neutral-grey-50", style: { overflowWrap: "anywhere" }, title: titleAttr, children: itemPath })), stackLanguageChips && (_jsx("div", { className: "mt-2", children: languageChips })), stackLanguageChips && retryAction && (_jsx("div", { className: "mt-2 flex justify-start", children: retryAction }))] })] }));
|
|
1510
1510
|
return (_jsxs("tr", { role: "button", tabIndex: 0, className: `group cursor-pointer transition-colors hover:bg-neutral-grey-5 ${itemIndex > 0 ? "border-t border-border-default/50" : ""}`, onClick: () => {
|
|
@@ -1537,7 +1537,7 @@ function LanguageJobChip({ job, language, provider, batchStartedAtUtc, onOpen, i
|
|
|
1537
1537
|
: jobAborted
|
|
1538
1538
|
? "border-feedback-orange bg-feedback-orange-light text-feedback-orange hover:bg-feedback-orange-light"
|
|
1539
1539
|
: jobInProgress
|
|
1540
|
-
? "border-
|
|
1540
|
+
? "border-neutral-grey-15 bg-neutral-grey-5 text-neutral-grey-50 hover:brightness-95"
|
|
1541
1541
|
: jobPending
|
|
1542
1542
|
? "border-border-default bg-neutral-grey-5 text-neutral-grey-50 hover:bg-neutral-grey-5"
|
|
1543
1543
|
: "border-feedback-green bg-feedback-green-light text-feedback-green hover:border-feedback-green hover:brightness-95";
|
|
@@ -1546,7 +1546,7 @@ function LanguageJobChip({ job, language, provider, batchStartedAtUtc, onOpen, i
|
|
|
1546
1546
|
: jobAborted
|
|
1547
1547
|
? "bg-feedback-orange-light text-feedback-orange"
|
|
1548
1548
|
: jobInProgress
|
|
1549
|
-
? "bg-
|
|
1549
|
+
? "bg-neutral-grey-5 text-neutral-grey-50"
|
|
1550
1550
|
: jobPending
|
|
1551
1551
|
? "bg-neutral-grey-5 text-neutral-grey-50"
|
|
1552
1552
|
: "bg-feedback-green-light text-feedback-green";
|