@cardinali-studio/adminkit 2.1.0-rc.0 → 2.1.0-rc.2

package/dist/app/routes/PageEditor.js

@@ -233,12 +233,11 @@ export function PageEditor({ page, onChange, onRefresh, pristine, pickMedia, pic
         });
         return () => { alive = false; };
     }, [page.slug, showBody, pristine, loadedFor, translationActive]);
-    if (translationActive && translationState === "loading" && !translation) {
-        return _jsx("p", { className: "pane-empty ak-hint", children: "Carico la traduzione\u2026" });
-    }
-    if (translationActive && translationState === "error" && !translation) {
-        return _jsx("p", { className: "pe-load-error", children: "Non sono riuscito a caricare la traduzione. Riprova o torna alla lingua predefinita." });
-    }
+    /* La lingua secondaria nasce ereditando la pagina predefinita. Non sostituire mai
+       l'editor con una schermata vuota mentre si legge la sibling: oltre a sembrare una
+       perdita di contenuto, in caso di errore non lasciava nulla da cui ripartire. */
+    const translationLoading = translationActive && translationState === "loading" && !translation;
+    const translationFailed = translationActive && translationState === "error" && !translation;
     const shownPage = translationActive && translation
         ? { ...page, ...translation.page, ...(showBody ? { body: translation.body ?? "" } : {}) }
         : page;
@@ -262,10 +261,15 @@ export function PageEditor({ page, onChange, onRefresh, pristine, pickMedia, pic
             },
         });
     };
+    /* Nella lingua predefinita il titolo vive nella testata, insieme a slug e visibilità. In una
+       traduzione quei controlli sono correttamente bloccati perché appartengono alla pagina base,
+       ma `title` può essere stato marcato traducibile nello schema: allora deve riapparire nel
+       form, altrimenti sarebbe dichiarabile ma impossibile da modificare. */
     const commonOmissions = useMemo(() => [
-        "title", "published", "inMenu",
+        ...(translationActive ? [] : ["title"]),
+        "published", "inMenu",
         "seoTitle", "seoDescription", "ogTitle", "ogDescription", "ogImage",
-    ], []);
+    ], [translationActive]);
     /* Come la gallery: una pagina portfolio È la sua selezione di lavori, quindi la schermata
        mostra quella e basta. Il `SchemaForm` generico qui elencava anche «Foto», «Edizioni»,
        «Ritratto» e «Riconoscimenti» — campi di altri tipi di pagina, che compaiono perché il
@@ -297,5 +301,5 @@ export function PageEditor({ page, onChange, onRefresh, pristine, pickMedia, pic
     }
     return (_jsxs("div", { className: "ed", children: [translationActive && (_jsx("p", { className: "pe-translation-note", children: page.translations?.[activeLanguage]?.exists || page._translations?.[activeLanguage]
                     ? `Stai modificando ${activeLanguage.toUpperCase()}. I campi non traducibili restano visibili e vengono copiati dalla lingua predefinita al salvataggio.`
-                    : `${activeLanguage.toUpperCase()} è uguale all’italiano finché non modifichi e salvi una traduzione.` })), _jsx(SchemaForm, { shape: definition?.shape ?? {}, value: shownPage, omit: commonOmissions, onChange: (next) => changeShown({ ...next, slug: page.slug }), pickMedia: pickMedia, pickMediaFiles: pickMediaFiles, translationReadOnly: translationActive }), showBody && (_jsxs("fieldset", { className: "ak-group", children: [_jsx("legend", { className: "ak-legend", children: "testo della pagina" }), bodyState === "loading" && _jsx("p", { className: "ak-hint", children: "Carico\u2026" }), bodyState === "error" && _jsx("p", { className: "ak-error", children: "Non sono riuscito a caricare il testo." }), _jsx("textarea", { className: "ak-input ak-textarea", rows: 12, value: typeof shownPage.body === "string" ? shownPage.body : "", onChange: (event) => changeShown({ ...shownPage, body: event.target.value }) })] }))] }));
+                    : `${activeLanguage.toUpperCase()} è uguale all’italiano finché non modifichi e salvi una traduzione.` })), translationLoading && (_jsx("p", { className: "ak-hint", children: "Carico la traduzione: i contenuti italiani restano visibili nel frattempo." })), translationFailed && (_jsx("p", { className: "pe-load-error", children: "Non sono riuscito a caricare la traduzione. I contenuti italiani restano visibili: torna a IT e riprova EN." })), _jsx(SchemaForm, { shape: definition?.shape ?? {}, value: shownPage, omit: commonOmissions, onChange: (next) => changeShown({ ...next, slug: page.slug }), pickMedia: pickMedia, pickMediaFiles: pickMediaFiles, translationReadOnly: translationActive }), showBody && (_jsxs("fieldset", { className: "ak-group", children: [_jsx("legend", { className: "ak-legend", children: "testo della pagina" }), bodyState === "loading" && _jsx("p", { className: "ak-hint", children: "Carico\u2026" }), bodyState === "error" && _jsx("p", { className: "ak-error", children: "Non sono riuscito a caricare il testo." }), _jsx("textarea", { className: "ak-input ak-textarea", rows: 12, value: typeof shownPage.body === "string" ? shownPage.body : "", onChange: (event) => changeShown({ ...shownPage, body: event.target.value }) })] }))] }));
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cardinali-studio/adminkit",
-  "version": "2.1.0-rc.0",
+  "version": "2.1.0-rc.2",
   "type": "module",
   "description": "Motore riusabile di un pannello di amministrazione per siti Hugo su Cloudflare Pages: codec del front matter guidato dallo schema, form React, libreria media su R2. NIENTE di specifico di un sito qui dentro.",
   "license": "UNLICENSED",