@navette-js/infolists 1.0.0-beta.1 → 1.0.0-beta.3

package/README.md

@@ -1,8 +1,8 @@
 # @navette-js/infolists
 
-Infolist entries for Navette, the Node.js port of Filament.
+Read-only infolist entries for Navette admin panels.
 
-Part of [Navette](https://github.com/NavetteJS/navette), a Node.js port of [Filament](https://filamentphp.com). Install the whole framework with `npm install @navette-js/panels`.
+Part of [Navette](https://github.com/NavetteJS/navette), admin panels for Node.js. Start a project with `npm create navette@latest`, or install the framework with `npm install @navette-js/panels`.
 
 **Beta:** the API may still change between beta releases.
 

package/lib/index.d.ts

@@ -1,7 +1,7 @@
 import { Component, type ComponentContext } from '@navette-js/schemas';
 import { type ColorManager } from '@navette-js/support';
 export declare const useColorManager: (manager: ColorManager) => void;
-/** Base des entrées : libellé, valeur lue dans l'enregistrement (chemin pointé accepté) ou calculée. */
+/** Base entry: a label and a value read from the record (dotted paths allowed) or computed. */
 declare abstract class Entry extends Component {
     protected _label: string | null;
     protected _state: ((ctx: ComponentContext) => unknown | Promise<unknown>) | null;
@@ -9,16 +9,17 @@ declare abstract class Entry extends Component {
     hasStatePath(): boolean;
     label(label: string): this;
     protected _hiddenLabel: boolean;
-    /** Libellé gardé pour les lecteurs d'écran seulement. */
+    /** Keeps the label for screen readers only. */
     hiddenLabel(condition?: boolean): this;
-    /** Valeur calculée ; sans cela, l'attribut du même nom de l'enregistrement est affiché. */
+    /** Computed value; without it, the record attribute of the same name is shown. */
     state(resolver: (ctx: ComponentContext) => unknown | Promise<unknown>): this;
     protected getState(): Promise<unknown>;
-    /** Balisage de Entry::wrapEmbeddedHtml(). */
+    /** Wraps the content with the entry label. */
     protected wrap(content: string): string;
 }
-/** Filtre appliqué au HTML qu'une entrée affiche tel quel (`markdown()`). Sans filtre, le contenu est échappé. */
+/** Sanitizer applied to HTML an entry renders as is (`markdown()`). Without one, the content is escaped. */
 export declare const useHtmlSanitizer: (sanitizer: ((html: string) => string) | null) => void;
+/** Read-only text: badge, color, icon, money, date, placeholder. */
 export declare class TextEntry extends Entry {
     private _badge;
     private _color;
@@ -46,48 +47,48 @@ export declare class TextEntry extends Entry {
     suffix(text: string | null): this;
     private _prose;
     private _markdown;
-    /** Mise en forme typographique du contenu (`fi-prose`). */
+    /** Typographic styling of the content (`fi-prose`). */
     prose(condition?: boolean): this;
     /**
-     * Le contenu est du texte enrichi : il est rendu en HTML après nettoyage par le filtre posé avec `useHtmlSanitizer()`.
-     * Port partiel de `markdown()` : le HTML déjà présent est conservé (nettoyé), le texte brut devient des paragraphes ; la syntaxe Markdown n'est pas convertie.
+     * Rich text content, rendered as HTML after the sanitizer set with `useHtmlSanitizer()`.
+     * Existing HTML is kept (sanitized) and plain text becomes paragraphs; Markdown syntax itself is not converted.
      */
     markdown(condition?: boolean): this;
     private _copyable;
     private _numeric;
-    /** Un clic copie la valeur dans le presse-papiers. */
+    /** Clicking copies the value to the clipboard. */
     copyable(condition?: boolean): this;
-    /** Nombre formaté (séparateurs de milliers), aligné comme un nombre. */
+    /** Formatted number (thousands separators), aligned as a number. */
     numeric(condition?: boolean): this;
     toHtml(): Promise<string>;
 }
-/** Pastille de couleur (port de ColorEntry) : seules les couleurs hexadécimales ou fonctionnelles simples sont injectées dans le style. */
+/** Color swatch: only hex or simple functional colors are injected into the style attribute. */
 export declare class ColorEntry extends Entry {
     private _placeholder;
     static make(name: string): ColorEntry;
     placeholder(text: string | null): this;
     toHtml(): Promise<string>;
 }
-/** Image en lecture seule (port de ImageEntry) : seules une adresse du site (`/…`) ou une adresse http(s) sont affichées. */
+/** Read-only image: only same-site (`/…`) or http(s) URLs are rendered. */
 export declare class ImageEntry extends Entry {
     private _height;
     private _alt;
     private _circular;
     static make(name: string): ImageEntry;
-    /** Hauteur CSS de l'image (`8rem` par défaut, comme Filament). */
+    /** CSS height of the image (`8rem` by default). */
     imageHeight(height: string): this;
     alt(text: string | null): this;
     circular(condition?: boolean): this;
     toHtml(): Promise<string>;
 }
-/** Icône selon la valeur ; `boolean()` affiche une coche verte ou une croix rouge (port partiel de IconEntry). */
+/** Icon based on the value; `boolean()` shows a green check or a red cross. */
 export declare class IconEntry extends Entry {
     private _boolean;
     static make(name: string): IconEntry;
     boolean(condition?: boolean): this;
     toHtml(): Promise<string>;
 }
-/** Paires clé / valeur en table (port de KeyValueEntry) : l'état est un objet (ou sa forme JSON) ; une valeur non scalaire est montrée en JSON. */
+/** Key/value pairs as a table: the state is an object (or its JSON form); a non-scalar value is shown as JSON. */
 export declare class KeyValueEntry extends Entry {
     private _keyLabel;
     private _valueLabel;
@@ -95,15 +96,15 @@ export declare class KeyValueEntry extends Entry {
     static make(name: string): KeyValueEntry;
     keyLabel(label: string | null): this;
     valueLabel(label: string | null): this;
-    /** Texte affiché sans aucune paire (« No entries » par défaut). */
+    /** Text shown when there are no pairs ("No entries" by default). */
     placeholder(text: string | null): this;
-    /** @deprecated Utilisez `placeholder()`. */
+    /** @deprecated Use `placeholder()`. */
     emptyMessage(text: string | null): this;
     toHtml(): Promise<string>;
 }
 /**
- * Code en lecture seule (port de CodeEntry). Même balisage `<pre class="phiki …">` que Filament, mais SANS coloration syntaxique :
- * le surligneur Phiki n'est pas porté, chaque ligne est un seul jeton de texte échappé. Un tableau ou un objet est montré en JSON indenté.
+ * Read-only code, rendered as `<pre class="phiki …">` but WITHOUT syntax highlighting:
+ * each line is a single escaped text token. An array or object is shown as indented JSON.
  */
 export declare class CodeEntry extends Entry {
     private _grammar;
@@ -114,43 +115,43 @@ export declare class CodeEntry extends Entry {
     private _copyMessage;
     private _copyMessageDuration;
     static make(name: string): CodeEntry;
-    /** Langage (`php`, `json`, `javascript`…) : nom donné à la classe `language-…` ; `html` par défaut, `json` pour un tableau. */
+    /** Language (`php`, `json`, `javascript`…) used in the `language-…` class; `html` by default, `json` for an array. */
     grammar(grammar: string | null): this;
-    /** Thèmes (noms de classes seulement : sans Phiki, les couleurs restent celles des thèmes par défaut). */
+    /** Theme class names only: without a highlighter, colors stay those of the default themes. */
     lightTheme(theme: string | null): this;
     darkTheme(theme: string | null): this;
     placeholder(text: string | null): this;
-    /** Un clic copie le code dans le presse-papiers. */
+    /** Clicking copies the code to the clipboard. */
     copyable(condition?: boolean): this;
     copyMessage(message: string | null): this;
     copyMessageDuration(milliseconds: number): this;
     toHtml(): Promise<string>;
 }
 /**
- * Entrée au rendu libre (port de ViewEntry) : la fonction fournie reçoit l'état, l'enregistrement et le contexte, et rend le contenu
- * placé dans l'enveloppe d'entrée. Ce HTML est inséré TEL QUEL : échappez toute valeur venue d'un utilisateur ou de la base avec `e()`.
+ * Custom-rendered entry: the given function receives the state, record and context, and returns the content
+ * placed in the entry wrapper. This HTML is inserted AS IS: escape any user- or database-supplied value with `e()`.
  */
 export declare class ViewEntry extends Entry {
     private _view;
     private _wrapped;
     static make(name: string): ViewEntry;
-    /** Fonction de rendu du contenu (équivalent de la vue Blade de Filament). */
+    /** Content render function. */
     view(renderer: ((ctx: ComponentContext & {
         state: unknown;
         entry: ViewEntry;
     }) => string | Promise<string>) | null): this;
-    /** `false` : la fonction rend toute l'entrée, sans l'enveloppe (libellé) habituelle. */
+    /** `false`: the function renders the whole entry, without the usual wrapper (label). */
     wrapped(condition?: boolean): this;
     toHtml(): Promise<string>;
 }
-/** En-tête de colonne d'une entrée répétée en table (même forme que `TableColumn` de @navette-js/forms). */
+/** Column header of a table repeatable entry (same shape as `TableColumn` from @navette-js/forms). */
 export type RepeatableColumn = {
     label: string;
     getWidth(): string | null;
 };
 /**
- * Liste d'éléments en lecture seule (port partiel de RepeatableEntry, en mode table) : une ligne par élément du tableau lu dans
- * l'enregistrement, une cellule par entrée du schéma.
+ * Read-only list of items, as a table: one row per item of the array read from
+ * the record, one cell per schema entry.
  */
 export declare class RepeatableEntry extends Entry {
     private _columns;

package/lib/index.js

@@ -1,13 +1,13 @@
-// @navette-js/infolists — port de filament/infolists : entrées en lecture seule (TextEntry, IconEntry).
+// @navette-js/infolists — read-only entries (TextEntry, IconEntry…).
 import { Component, Schema } from '@navette-js/schemas';
 import { Attributes, e, icon, js, configured } from '@navette-js/support';
 import { t } from '@navette-js/support/i18n';
 const headline = (s) => s.replace(/([a-z0-9])([A-Z])/g, '$1 $2').replace(/[_-]+/g, ' ').toLowerCase().replace(/^./, (c) => c.toUpperCase());
-/** Libellé par défaut : pour `department.name`, c'est « Department » (comme Filament). */
+/** Default label: "Department" for `department.name`. */
 const defaultLabel = (name) => headline(name.includes('.') ? name.split('.').slice(-2, -1)[0] : name);
 let colorManager = null;
 export const useColorManager = (manager) => { colorManager = manager; };
-/** Base des entrées : libellé, valeur lue dans l'enregistrement (chemin pointé accepté) ou calculée. */
+/** Base entry: a label and a value read from the record (dotted paths allowed) or computed. */
 class Entry extends Component {
     _label = null;
     _state = null;
@@ -15,32 +15,32 @@ class Entry extends Component {
     hasStatePath() { return true; }
     label(label) { this._label = label; return this; }
     _hiddenLabel = false;
-    /** Libellé gardé pour les lecteurs d'écran seulement. */
+    /** Keeps the label for screen readers only. */
     hiddenLabel(condition = true) { this._hiddenLabel = condition; return this; }
-    /** Valeur calculée ; sans cela, l'attribut du même nom de l'enregistrement est affiché. */
+    /** Computed value; without it, the record attribute of the same name is shown. */
     state(resolver) { this._state = resolver; return this; }
     async getState() {
         const ctx = this.context();
         if (this._state)
             return this._state(ctx);
         const record = ctx.record;
-        // `department.name` : attribut à plat `department_name` (colonne calculée par l'adaptateur), sinon chemin dans l'objet.
+        // `department.name`: flat `department_name` attribute (column computed by the adapter), otherwise a path into the object.
         if (record && this._name.includes('.'))
             return record[this._name.replace(/\./g, '_')] ?? this._name.split('.').reduce((node, key) => node?.[key], record);
         return record?.[this._name];
     }
-    /** Balisage de Entry::wrapEmbeddedHtml(). */
+    /** Wraps the content with the entry label. */
     wrap(content) {
         if (this._hiddenLabel)
             return `<div class="fi-in-entry"><div class="fi-in-entry-label fi-sr-only" role="term">${e(this._label ?? defaultLabel(this._name))}</div><div class="fi-in-entry-content-col"><div class="fi-in-entry-content-ctn" role="definition"><div class="fi-in-entry-content">${content}</div></div></div></div>`;
         return `<div class="fi-in-entry"><div class="fi-in-entry-label-col"><div class="fi-in-entry-label-ctn"><div class="fi-in-entry-label" role="term">${e(this._label ?? defaultLabel(this._name))}</div></div></div><div class="fi-in-entry-content-col"><div class="fi-in-entry-content-ctn" role="definition"><div class="fi-in-entry-content">${content}</div></div></div></div>`;
     }
 }
-/** Texte en lecture seule (port partiel de TextEntry) : pastille, couleur, icône, montant, date, texte de remplacement. */
 let htmlSanitizer = null;
 const TIGHT_ITEM = new RegExp('<li><p>((?:(?!</?p>|</?li>)[^])*)</p></li>', 'g');
-/** Filtre appliqué au HTML qu'une entrée affiche tel quel (`markdown()`). Sans filtre, le contenu est échappé. */
+/** Sanitizer applied to HTML an entry renders as is (`markdown()`). Without one, the content is escaped. */
 export const useHtmlSanitizer = (sanitizer) => { htmlSanitizer = sanitizer; };
+/** Read-only text: badge, color, icon, money, date, placeholder. */
 export class TextEntry extends Entry {
     _badge = false;
     _color = null;
@@ -65,18 +65,18 @@ export class TextEntry extends Entry {
     suffix(text) { this._suffix = text; return this; }
     _prose = false;
     _markdown = false;
-    /** Mise en forme typographique du contenu (`fi-prose`). */
+    /** Typographic styling of the content (`fi-prose`). */
     prose(condition = true) { this._prose = condition; return this; }
     /**
-     * Le contenu est du texte enrichi : il est rendu en HTML après nettoyage par le filtre posé avec `useHtmlSanitizer()`.
-     * Port partiel de `markdown()` : le HTML déjà présent est conservé (nettoyé), le texte brut devient des paragraphes ; la syntaxe Markdown n'est pas convertie.
+     * Rich text content, rendered as HTML after the sanitizer set with `useHtmlSanitizer()`.
+     * Existing HTML is kept (sanitized) and plain text becomes paragraphs; Markdown syntax itself is not converted.
      */
     markdown(condition = true) { this._markdown = condition; return this; }
     _copyable = false;
     _numeric = false;
-    /** Un clic copie la valeur dans le presse-papiers. */
+    /** Clicking copies the value to the clipboard. */
     copyable(condition = true) { this._copyable = condition; return this; }
-    /** Nombre formaté (séparateurs de milliers), aligné comme un nombre. */
+    /** Formatted number (thousands separators), aligned as a number. */
     numeric(condition = true) { this._numeric = condition; return this; }
     async toHtml() {
         const record = this.context().record;
@@ -84,7 +84,7 @@ export class TextEntry extends Entry {
         const empty = state === null || state === undefined || state === '';
         if (empty && this._placeholder !== null)
             return this.wrap(`<div class="fi-in-text"><p class="fi-in-placeholder">${e(this._placeholder)}</p></div>`);
-        // Valeur vide : conteneur nu (avec `fi-numeric` pour un montant), comme Filament.
+        // Empty value: bare container (with `fi-numeric` for money).
         if (empty)
             return this._state || (!this._money && !this._date && !this._badge) ? this.wrap('<div class="fi-in-text-item fi-size-sm fi-in-text fi-wrapped"></div>') : this.wrap(`<div class="${['fi-in-text', this._money || this._numeric ? 'fi-numeric' : null].filter(Boolean).join(' ')}"></div>`);
         let shown = String(state);
@@ -94,10 +94,10 @@ export class TextEntry extends Entry {
             shown = new Intl.NumberFormat('en-US', { style: 'currency', currency: this._money }).format(Number(state));
         if (this._date)
             shown = new Intl.DateTimeFormat('en-US', { month: 'short', day: 'numeric', year: 'numeric', timeZone: 'UTC' }).format(new Date(`${shown.replace(' ', 'T').slice(0, 19)}Z`));
-        // `dateTime()` : « M j, Y H:i:s », le format par défaut de Filament.
+        // `dateTime()`: "Jan 5, 2024 13:45:00" (`M j, Y H:i:s`).
         if (this._dateTime)
             shown = `${new Intl.DateTimeFormat('en-US', { month: 'short', day: 'numeric', year: 'numeric', timeZone: 'UTC' }).format(new Date(`${shown.replace(' ', 'T').slice(0, 19)}Z`))} ${shown.slice(11, 19)}`;
-        // `time('H:i')` ou `time()` (« H:i:s ») : l'heure d'une valeur `H:i:s` ou `Y-m-d H:i:s`.
+        // `time('H:i')` or `time()` (`H:i:s`): the time part of an `H:i:s` or `Y-m-d H:i:s` value.
         if (this._time)
             shown = (shown.length > 8 ? shown.slice(11, 19) : shown).slice(0, this._time === 'H:i' ? 5 : 8);
         if (this._format)
@@ -107,13 +107,13 @@ export class TextEntry extends Entry {
         if (this._markdown) {
             const source = String(state);
             const html = /<[a-z][^>]*>/i.test(source)
-                // Listes « serrées », comme le rendu Markdown de Filament : le paragraphe unique d'une puce est retiré.
+                // Tight lists: a list item's single paragraph is unwrapped.
                 ? (htmlSanitizer ? htmlSanitizer(source).replace(TIGHT_ITEM, '<li>$1</li>') : e(source))
                 : source.split(/\n{2,}/).map((paragraph) => `<p>${e(paragraph.trim()).replace(/\n/g, '<br />')}</p>`).join('');
             return this.wrap(`<div class="${['fi-in-text-item', this._prose ? 'fi-prose' : null, 'fi-size-sm', 'fi-in-text', 'fi-wrapped'].filter(Boolean).join(' ')}">${html}</div>`);
         }
         if (this._badge && Array.isArray(state)) {
-            // Plusieurs valeurs : une liste de pastilles (étiquettes, par exemple).
+            // Several values: a list of badges (tags, for instance).
             const color = typeof this._color === 'function' ? this._color(record) : (this._color ?? 'primary');
             const classes = ['fi-badge', 'fi-size-sm', ...(color !== 'gray' ? (colorManager?.getComponentClasses('badge', color) ?? []) : [])].join(' ');
             return this.wrap(`<ul class="fi-in-text fi-in-text-has-badges fi-wrapped">${state.map((item) => `<li class="fi-in-text-item"><span class="${classes}">${e(String(item))}</span></li>`).join('')}</ul>`);
@@ -139,7 +139,7 @@ export class TextEntry extends Entry {
         return this.wrap(`<div class="${['fi-in-text-item', 'fi-size-sm', 'fi-in-text', this._money || this._numeric ? 'fi-numeric' : null, 'fi-wrapped'].filter(Boolean).join(' ')}">${content}</div>`);
     }
 }
-/** Pastille de couleur (port de ColorEntry) : seules les couleurs hexadécimales ou fonctionnelles simples sont injectées dans le style. */
+/** Color swatch: only hex or simple functional colors are injected into the style attribute. */
 export class ColorEntry extends Entry {
     _placeholder = null;
     static make(name) { return configured(new ColorEntry(name)); }
@@ -152,13 +152,13 @@ export class ColorEntry extends Entry {
         return this.wrap(`<div class="fi-in-color fi-wrapped"><div role="img" aria-label="${e(color)}" class="fi-in-color-item" style="background-color: ${color};"></div></div>`);
     }
 }
-/** Image en lecture seule (port de ImageEntry) : seules une adresse du site (`/…`) ou une adresse http(s) sont affichées. */
+/** Read-only image: only same-site (`/…`) or http(s) URLs are rendered. */
 export class ImageEntry extends Entry {
     _height = '8rem';
     _alt = null;
     _circular = false;
     static make(name) { return configured(new ImageEntry(name)); }
-    /** Hauteur CSS de l'image (`8rem` par défaut, comme Filament). */
+    /** CSS height of the image (`8rem` by default). */
     imageHeight(height) { if (/^[0-9.]+(rem|px|em)$/.test(height))
         this._height = height; return this; }
     alt(text) { this._alt = text; return this; }
@@ -169,7 +169,7 @@ export class ImageEntry extends Entry {
         return this.wrap(`<div class="fi-in-image fi-wrapped">${sources.map((src) => `<img alt="${e(this._alt ?? '')}" src="${e(src)}" style="height: ${this._height};"${this._circular ? ' class="fi-circular"' : ''} />`).join('')}</div>`);
     }
 }
-/** Icône selon la valeur ; `boolean()` affiche une coche verte ou une croix rouge (port partiel de IconEntry). */
+/** Icon based on the value; `boolean()` shows a green check or a red cross. */
 export class IconEntry extends Entry {
     _boolean = false;
     static make(name) { return configured(new IconEntry(name)); }
@@ -183,7 +183,7 @@ export class IconEntry extends Entry {
         return this.wrap(`<div class="fi-in-icon fi-wrapped">${icon(on ? 'o-check-circle' : 'o-x-circle', { size: 'lg', attributes: new Attributes().class(classes) })}<span class="fi-sr-only">${e(t(on ? 'filament-tables::table.columns.icon.boolean.true' : 'filament-tables::table.columns.icon.boolean.false'))}</span></div>`);
     }
 }
-/** Paires clé / valeur en table (port de KeyValueEntry) : l'état est un objet (ou sa forme JSON) ; une valeur non scalaire est montrée en JSON. */
+/** Key/value pairs as a table: the state is an object (or its JSON form); a non-scalar value is shown as JSON. */
 export class KeyValueEntry extends Entry {
     _keyLabel = null;
     _valueLabel = null;
@@ -191,9 +191,9 @@ export class KeyValueEntry extends Entry {
     static make(name) { return configured(new KeyValueEntry(name)); }
     keyLabel(label) { this._keyLabel = label; return this; }
     valueLabel(label) { this._valueLabel = label; return this; }
-    /** Texte affiché sans aucune paire (« No entries » par défaut). */
+    /** Text shown when there are no pairs ("No entries" by default). */
     placeholder(text) { this._placeholder = text; return this; }
-    /** @deprecated Utilisez `placeholder()`. */
+    /** @deprecated Use `placeholder()`. */
     emptyMessage(text) { return this.placeholder(text); }
     async toHtml() {
         let state = await this.getState();
@@ -213,13 +213,13 @@ export class KeyValueEntry extends Entry {
         return this.wrap(`<table class="fi-in-key-value"><thead><tr><th scope="col">${e(this._keyLabel ?? tr('columns.key.label'))}</th><th scope="col">${e(this._valueLabel ?? tr('columns.value.label'))}</th></tr></thead><tbody>${rows}${empty}</tbody></table>`);
     }
 }
-/** `json_encode($value, JSON_PRETTY_PRINT)` de PHP : quatre espaces, `/` et caractères non ASCII échappés. */
+/** Pretty-printed JSON: four-space indent, with `/` and non-ASCII characters escaped. */
 const phpPrettyJson = (value) => (JSON.stringify(value, null, 4) ?? 'null').replace(/\//g, '\\/').replace(/[\u0080-￿]/g, (c) => `\\u${c.charCodeAt(0).toString(16).padStart(4, '0')}`);
-/** Couleurs de fond et de texte des thèmes par défaut de Phiki (github-light / github-dark-high-contrast). */
+/** Background and text colors of the default themes (github-light / github-dark-high-contrast). */
 const PHIKI_DEFAULT_STYLE = 'background-color: #fff;color: #24292e;--phiki-dark-background-color: #0a0c10;--phiki-dark-color: #f0f3f6;';
 /**
- * Code en lecture seule (port de CodeEntry). Même balisage `<pre class="phiki …">` que Filament, mais SANS coloration syntaxique :
- * le surligneur Phiki n'est pas porté, chaque ligne est un seul jeton de texte échappé. Un tableau ou un objet est montré en JSON indenté.
+ * Read-only code, rendered as `<pre class="phiki …">` but WITHOUT syntax highlighting:
+ * each line is a single escaped text token. An array or object is shown as indented JSON.
  */
 export class CodeEntry extends Entry {
     _grammar = null;
@@ -230,13 +230,13 @@ export class CodeEntry extends Entry {
     _copyMessage = null;
     _copyMessageDuration = 2000;
     static make(name) { return configured(new CodeEntry(name)); }
-    /** Langage (`php`, `json`, `javascript`…) : nom donné à la classe `language-…` ; `html` par défaut, `json` pour un tableau. */
+    /** Language (`php`, `json`, `javascript`…) used in the `language-…` class; `html` by default, `json` for an array. */
     grammar(grammar) { this._grammar = grammar; return this; }
-    /** Thèmes (noms de classes seulement : sans Phiki, les couleurs restent celles des thèmes par défaut). */
+    /** Theme class names only: without a highlighter, colors stay those of the default themes. */
     lightTheme(theme) { this._lightTheme = theme; return this; }
     darkTheme(theme) { this._darkTheme = theme; return this; }
     placeholder(text) { this._placeholder = text; return this; }
-    /** Un clic copie le code dans le presse-papiers. */
+    /** Clicking copies the code to the clipboard. */
     copyable(condition = true) { this._copyable = condition; return this; }
     copyMessage(message) { this._copyMessage = message; return this; }
     copyMessageDuration(milliseconds) { this._copyMessageDuration = milliseconds; return this; }
@@ -254,7 +254,7 @@ export class CodeEntry extends Entry {
         const language = (grammar ?? 'html').replace(/[^a-zA-Z0-9_+#-]/g, '');
         const light = (this._lightTheme ?? 'github-light').replace(/[^a-zA-Z0-9_-]/g, ''), dark = (this._darkTheme ?? 'github-dark-high-contrast').replace(/[^a-zA-Z0-9_-]/g, '');
         const style = this._lightTheme === null && this._darkTheme === null ? ` style="${PHIKI_DEFAULT_STYLE}"` : '';
-        // Phiki : une ligne par `<span class="line">`, le saut de ligne étant le dernier jeton de chaque ligne.
+        // One `<span class="line">` per line, the newline being the last token of each line.
         const lines = code.split('\n');
         const linesHtml = lines.map((line, index) => `<span class="line">${line === '' ? '' : `<span class="token">${e(line)}</span>`}${index < lines.length - 1 ? '<span class="token">\n</span>' : ''}</span>`).filter((html, index) => !(index === lines.length - 1 && lines[index] === '' && lines.length > 1)).join('');
         const pre = `<pre class="phiki language-${language} ${light} phiki-themes ${dark}" data-language="${language}"${style}><code>${linesHtml}</code></pre>`;
@@ -272,27 +272,27 @@ export class CodeEntry extends Entry {
     }
 }
 /**
- * Entrée au rendu libre (port de ViewEntry) : la fonction fournie reçoit l'état, l'enregistrement et le contexte, et rend le contenu
- * placé dans l'enveloppe d'entrée. Ce HTML est inséré TEL QUEL : échappez toute valeur venue d'un utilisateur ou de la base avec `e()`.
+ * Custom-rendered entry: the given function receives the state, record and context, and returns the content
+ * placed in the entry wrapper. This HTML is inserted AS IS: escape any user- or database-supplied value with `e()`.
  */
 export class ViewEntry extends Entry {
     _view = null;
     _wrapped = true;
     static make(name) { return configured(new ViewEntry(name)); }
-    /** Fonction de rendu du contenu (équivalent de la vue Blade de Filament). */
+    /** Content render function. */
     view(renderer) { this._view = renderer; return this; }
-    /** `false` : la fonction rend toute l'entrée, sans l'enveloppe (libellé) habituelle. */
+    /** `false`: the function renders the whole entry, without the usual wrapper (label). */
     wrapped(condition = true) { this._wrapped = condition; return this; }
     async toHtml() {
         if (!this._view)
-            throw new Error(`ViewEntry [${this._name}] : view() est requis.`);
+            throw new Error(`ViewEntry [${this._name}]: view() is required.`);
         const html = await this._view({ ...this.context(), state: await this.getState(), entry: this });
         return this._wrapped ? this.wrap(html) : html;
     }
 }
 /**
- * Liste d'éléments en lecture seule (port partiel de RepeatableEntry, en mode table) : une ligne par élément du tableau lu dans
- * l'enregistrement, une cellule par entrée du schéma.
+ * Read-only list of items, as a table: one row per item of the array read from
+ * the record, one cell per schema entry.
  */
 export class RepeatableEntry extends Entry {
     _columns = [];

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@navette-js/infolists",
-  "version": "1.0.0-beta.1",
-  "description": "Infolist entries for Navette, the Node.js port of Filament.",
+  "version": "1.0.0-beta.3",
+  "description": "Read-only infolist entries for Navette admin panels.",
   "license": "MIT",
   "type": "module",
   "exports": {
@@ -30,7 +30,6 @@
   },
   "keywords": [
     "navette",
-    "filament",
     "admin",
     "panel",
     "livewire",
@@ -38,8 +37,8 @@
     "node"
   ],
   "dependencies": {
-    "@navette-js/support": "1.0.0-beta.1",
-    "@navette-js/schemas": "1.0.0-beta.1"
+    "@navette-js/support": "1.0.0-beta.3",
+    "@navette-js/schemas": "1.0.0-beta.3"
   },
   "publishConfig": {
     "access": "public",