@datatechsolutions/tympan 0.3.1 → 0.4.1

package/src/internal/messages/core-es.ts

@@ -22,6 +22,23 @@ export const coreEs: CoreMessages = {
       `${es.n(n)} de ${es.n(max)} ${es.word(max, { one: 'carácter', other: 'caracteres' })}, ${es.n(n - max)} por encima del límite`,
   },
   select: { placeholder: 'Seleccione…', done: 'Listo' },
+  calendar: {
+    previousMonth: (target) => `Mes anterior, ${target}`,
+    nextMonth: (target) => `Mes siguiente, ${target}`,
+    monthPicker: 'Mes',
+    yearPicker: 'Año',
+  },
+  dateRangeField: {
+    start: 'Fecha inicial',
+    end: 'Fecha final',
+    presets: 'Períodos rápidos',
+    apply: 'Aplicar',
+    cancel: 'Cancelar',
+    endBeforeStart: 'La fecha final es anterior a la fecha inicial.',
+    tooManyDays: (max) => `El período es más largo que ${es.n(max)} ${es.word(max, { one: 'día', other: 'días' })}.`,
+    unavailableDay: 'El período incluye un día que no se puede elegir.',
+    outOfBounds: 'El período incluye un día fuera de las fechas permitidas.',
+  },
   notice: { toneWord: { danger: 'Error:', warning: 'Atención:', info: 'Información:', success: 'Éxito:' } },
   empty: {
     'no-data': { title: 'Todavía no hay nada aquí', description: 'Los elementos aparecen aquí cuando se agregan.' },

package/src/internal/messages.ts

@@ -44,6 +44,23 @@ export interface Messages
     overLimit: (count: number, max: number) => string
   }
   select: { placeholder: string; done: string }
+  calendar: {
+    previousMonth: (target: string) => string
+    nextMonth: (target: string) => string
+    monthPicker: string
+    yearPicker: string
+  }
+  dateRangeField: {
+    start: string
+    end: string
+    presets: string
+    apply: string
+    cancel: string
+    endBeforeStart: string
+    tooManyDays: (max: number) => string
+    unavailableDay: string
+    outOfBounds: string
+  }
   notice: { toneWord: Record<'danger' | 'warning' | 'info' | 'success', string> }
   empty: Record<EmptyReason, { title: string; description: string }> & { clearFilters: string; retry: string }
   error: Record<ErrorKind, { title: string; message: string }> & {
@@ -117,6 +134,23 @@ export const defaultMessages: Messages = {
       `${en.n(n)} of ${en.n(max)} ${en.word(max, { one: 'character', other: 'characters' })}, ${en.n(n - max)} over the limit`,
   },
   select: { placeholder: 'Select…', done: 'Done' },
+  calendar: {
+    previousMonth: (target) => `Previous month, ${target}`,
+    nextMonth: (target) => `Next month, ${target}`,
+    monthPicker: 'Month',
+    yearPicker: 'Year',
+  },
+  dateRangeField: {
+    start: 'Start date',
+    end: 'End date',
+    presets: 'Presets',
+    apply: 'Apply',
+    cancel: 'Cancel',
+    endBeforeStart: 'The end date is before the start date.',
+    tooManyDays: (max) => `The range is longer than ${en.n(max)} ${en.word(max, { one: 'day', other: 'days' })}.`,
+    unavailableDay: 'The range includes a day that cannot be chosen.',
+    outOfBounds: 'The range includes a day outside the allowed dates.',
+  },
   notice: { toneWord: { danger: 'Error:', warning: 'Warning:', info: 'Information:', success: 'Success:' } },
   empty: {
     'no-data': { title: 'Nothing here yet', description: 'Items appear here once they are added.' },
@@ -217,6 +251,23 @@ export const messagesPtBR: Messages = {
       `${pt.n(n)} de ${pt.n(max)} ${pt.word(max, { one: 'caractere', other: 'caracteres' })}, ${pt.n(n - max)} acima do limite`,
   },
   select: { placeholder: 'Selecione…', done: 'Concluir' },
+  calendar: {
+    previousMonth: (target) => `Mês anterior, ${target}`,
+    nextMonth: (target) => `Próximo mês, ${target}`,
+    monthPicker: 'Mês',
+    yearPicker: 'Ano',
+  },
+  dateRangeField: {
+    start: 'Data inicial',
+    end: 'Data final',
+    presets: 'Períodos rápidos',
+    apply: 'Aplicar',
+    cancel: 'Cancelar',
+    endBeforeStart: 'A data final é anterior à data inicial.',
+    tooManyDays: (max) => `O período é maior que ${pt.n(max)} ${pt.word(max, { one: 'dia', other: 'dias' })}.`,
+    unavailableDay: 'O período inclui um dia que não pode ser escolhido.',
+    outOfBounds: 'O período inclui um dia fora das datas permitidas.',
+  },
   notice: { toneWord: { danger: 'Erro:', warning: 'Atenção:', info: 'Informação:', success: 'Sucesso:' } },
   empty: {
     'no-data': { title: 'Ainda não há nada aqui', description: 'Os itens aparecem aqui quando forem adicionados.' },

package/src/internal/theme.tsx

@@ -42,10 +42,13 @@ export interface ThemeProviderProps {
    */
   storageKey?: string
   /**
-   * Font stylesheet per theme name (for example `printThemeFontUrls` from
-   * the tokens package). The URL of the current theme is added as a
-   * `<link rel="stylesheet">` (in `<head>` for `document`, inside the wrapper
-   * for `scope`); themes without an entry load nothing.
+   * Extra font stylesheet per theme name, for the host's own themes. The
+   * fonts of every built-in and print theme are bundled with
+   * `@font-face` in the token sheets, so this is optional and empty by
+   * default (nothing is fetched from a third party). The URL of the current
+   * theme is added as a `<link rel="stylesheet">` (in `<head>` for
+   * `document`, inside the wrapper for `scope`); themes without an entry
+   * load nothing.
    */
   fonts?: Readonly<Record<string, string>>
   className?: string
@@ -171,7 +174,7 @@ export function useTheme(): ThemeState {
  */
 export function themeInitScript(storageKey = 'ty-theme', defaults: Stored = {}, options: { fonts?: Readonly<Record<string, string>> } = {}): string {
   const d = JSON.stringify({ theme: defaults.theme ?? 'tympan', mode: defaults.mode ?? 'system', density: defaults.density ?? 'default' })
-  // Optional: the font stylesheet of the stored theme, added before first paint (same link ThemeProvider `fonts` manages).
+  // Optional: a host font stylesheet for the stored theme, added before first paint (same link ThemeProvider `fonts` manages). Built-in and print theme fonts are bundled and need none.
   const fonts = options.fonts && Object.keys(options.fonts).length
     ? `var f=${JSON.stringify(options.fonts).replace(/</g, '\\u003c')}[t];if(f){var l=document.createElement('link');l.rel='stylesheet';l.href=f;l.setAttribute('data-ty-theme-fonts','');document.head.appendChild(l);}`
     : ''

package/src/styles.css

@@ -11,7 +11,9 @@
 @import './components/breadcrumbs/Breadcrumbs.css';
 @import './components/button/Button.css';
 @import './components/checkbox/Checkbox.css';
+@import './components/calendar/Calendar.css';
 @import './components/data-table/DataTable.css';
+@import './components/date-range-field/DateRangeField.css';
 @import './components/drawer/Drawer.css';
 @import './components/empty-state/EmptyState.css';
 @import './components/error-state/ErrorState.css';
@@ -42,6 +44,7 @@
 @import './components/text-field/TextField.css';
 @import './components/text/Text.css';
 @import './components/toast/Toast.css';
+@import './components/tooltip/Tooltip.css';
 @import './groups/forms-a.css';
 @import './groups/forms-b.css';
 @import './groups/overlays-nav.css';