Move simple component translations to morfo

active-uix
dev 5 months ago
parent 78939469e7
commit 8b573e9c5c

@ -26,8 +26,13 @@ import type { LangNode } from '$libs/langs';
import { standardPrefsDimensions } from '$prefs'; import { standardPrefsDimensions } from '$prefs';
import { _resetMorfoRegistryForTesting, registerMorfo, v, type Morfo } from '$uix/morfo'; import { _resetMorfoRegistryForTesting, registerMorfo, v, type Morfo } from '$uix/morfo';
import { fileUploadMorfo } from '$uix/morfo/components/file-upload'; import { fileUploadMorfo } from '$uix/morfo/components/file-upload';
import { comboboxMorfo } from '$uix/morfo/components/combobox';
import { commandMorfo } from '$uix/morfo/components/command';
import { drawerMorfo } from '$uix/morfo/components/drawer';
import { feedMorfo } from '$uix/morfo/components/feed';
import { meterMorfo } from '$uix/morfo/components/meter'; import { meterMorfo } from '$uix/morfo/components/meter';
import { progressMorfo } from '$uix/morfo/components/progress'; import { progressMorfo } from '$uix/morfo/components/progress';
import { searchFieldMorfo } from '$uix/morfo/components/search-field';
const minimalLang = { schema: {} satisfies LangNode, defaultLocale: 'es' as const }; const minimalLang = { schema: {} satisfies LangNode, defaultLocale: 'es' as const };
const bilingualPrefs = standardPrefsDimensions({ const bilingualPrefs = standardPrefsDimensions({
@ -192,6 +197,16 @@ describe('createActiveUix (standalone)', () => {
registerMorfo(meterMorfo); registerMorfo(meterMorfo);
expect(uix.langs.t('components.progress.label')).toBe('Cargando'); expect(uix.langs.t('components.progress.label')).toBe('Cargando');
expect(uix.langs.t('components.meter.label')).toBe('Medidor'); expect(uix.langs.t('components.meter.label')).toBe('Medidor');
registerMorfo(searchFieldMorfo);
registerMorfo(comboboxMorfo);
registerMorfo(commandMorfo);
registerMorfo(drawerMorfo);
registerMorfo(feedMorfo);
expect(uix.langs.t('components.search-field.clear')).toBe('Borrar búsqueda');
expect(uix.langs.t('components.combobox.toggle')).toBe('Alternar');
expect(uix.langs.t('components.command.list')).toBe('Paleta de comandos');
expect(uix.langs.t('components.drawer.trigger')).toBe('Abrir cajón');
expect(uix.langs.t('components.feed.label')).toBe('Feed');
} finally { } finally {
uix.dispose(); uix.dispose();
_resetMorfoRegistryForTesting(); _resetMorfoRegistryForTesting();

@ -68,30 +68,12 @@ export const componentLangs = {
copied: { es: 'Copiado', en: 'Copied' }, copied: { es: 'Copiado', en: 'Copied' },
}, },
feed: {
label: { es: 'Feed', en: 'Feed' },
'article-label': { es: 'Artículo', en: 'Article' },
},
'grid-list': { 'grid-list': {
label: { es: 'Lista en cuadrícula', en: 'Grid list' }, label: { es: 'Lista en cuadrícula', en: 'Grid list' },
'select-row': { es: 'Seleccionar fila', en: 'Select row' }, 'select-row': { es: 'Seleccionar fila', en: 'Select row' },
'select-all': { es: 'Seleccionar todo', en: 'Select all' }, 'select-all': { es: 'Seleccionar todo', en: 'Select all' },
}, },
'search-field': {
label: { es: 'Buscar', en: 'Search' },
clear: { es: 'Borrar búsqueda', en: 'Clear search' },
},
combobox: {
toggle: { es: 'Alternar', en: 'Toggle' },
},
command: {
list: { es: 'Paleta de comandos', en: 'Command palette' },
},
carousel: { carousel: {
label: { es: 'Carrusel', en: 'Carousel' }, label: { es: 'Carrusel', en: 'Carousel' },
prev: { es: 'Diapositiva anterior', en: 'Previous slide' }, prev: { es: 'Diapositiva anterior', en: 'Previous slide' },
@ -261,14 +243,6 @@ export const componentLangs = {
}, },
}, },
drawer: {
trigger: { es: 'Abrir cajón', en: 'Open drawer' },
},
editable: {
preview: { es: 'Haz clic para editar', en: 'Click to edit' },
},
form: { form: {
submit: { es: 'Enviar', en: 'Submit' }, submit: { es: 'Enviar', en: 'Submit' },
reset: { es: 'Restablecer', en: 'Reset' }, reset: { es: 'Restablecer', en: 'Reset' },

@ -6,6 +6,9 @@ export const comboboxMorfo = {
kebab: 'combobox', kebab: 'combobox',
scope: ['soma'], scope: ['soma'],
apg: 'https://www.w3.org/WAI/ARIA/apg/patterns/combobox/', apg: 'https://www.w3.org/WAI/ARIA/apg/patterns/combobox/',
translations: {
toggle: { es: 'Alternar', en: 'Toggle' }
},
parts: [ parts: [
{ {
name: 'Provider', name: 'Provider',

@ -5,6 +5,9 @@ export const commandMorfo = {
name: 'Command', name: 'Command',
kebab: 'command', kebab: 'command',
scope: ['soma'], scope: ['soma'],
translations: {
list: { es: 'Paleta de comandos', en: 'Command palette' }
},
parts: [ parts: [
{ {
name: 'Provider', name: 'Provider',
@ -56,7 +59,7 @@ export const commandMorfo = {
aria: [ aria: [
{ {
attr: 'aria-label', attr: 'aria-label',
value: v.translationRef('#?components.command.list|Suggestions'), value: v.translationRef('#?components.command.list|Command palette'),
severity: 'recommended' severity: 'recommended'
} }
] ]

@ -6,6 +6,9 @@ export const drawerMorfo = {
kebab: 'drawer', kebab: 'drawer',
scope: ['soma', 'sema'], scope: ['soma', 'sema'],
apg: 'https://www.w3.org/WAI/ARIA/apg/patterns/dialog-modal/', apg: 'https://www.w3.org/WAI/ARIA/apg/patterns/dialog-modal/',
translations: {
trigger: { es: 'Abrir cajón', en: 'Open drawer' }
},
events: [ events: [
{ {

@ -6,6 +6,9 @@ export const feedMorfo = {
kebab: 'feed', kebab: 'feed',
scope: ['soma'], scope: ['soma'],
apg: 'https://www.w3.org/WAI/ARIA/apg/patterns/feed/', apg: 'https://www.w3.org/WAI/ARIA/apg/patterns/feed/',
translations: {
label: { es: 'Feed', en: 'Feed' }
},
parts: [ parts: [
{ {
name: 'Provider', name: 'Provider',

@ -5,6 +5,10 @@ export const searchFieldMorfo = {
name: 'SearchField', name: 'SearchField',
kebab: 'search-field', kebab: 'search-field',
scope: ['soma'], scope: ['soma'],
translations: {
label: { es: 'Buscar', en: 'Search' },
clear: { es: 'Borrar búsqueda', en: 'Clear search' }
},
parts: [ parts: [
{ {
name: 'Provider', name: 'Provider',

@ -3,5 +3,4 @@ export const EDITABLE_LANGS = {
EDIT: '#?common.buttons.edit|Edit', EDIT: '#?common.buttons.edit|Edit',
SUBMIT: '#?common.buttons.save|Save', SUBMIT: '#?common.buttons.save|Save',
CANCEL: '#?common.buttons.cancel|Cancel', CANCEL: '#?common.buttons.cancel|Cancel',
PREVIEW: '#?components.editable.preview|Click to edit',
} as const; } as const;

@ -1,4 +1,3 @@
export const FEED_LANGS = { export const FEED_LANGS = {
LABEL: '#?components.feed.label|Feed', LABEL: '#?components.feed.label|Feed'
ARTICLE_LABEL: '#?components.feed.article-label|Article'
} as const; } as const;

Loading…
Cancel
Save

Powered by TurnKey Linux.