@12-apps/ui 6.7.0 → 6.8.0

package/src/copy/layout.ts

@@ -0,0 +1,18 @@
+/**
+ * The layout family's words — the filter shell a grid mounts around itself.
+ *
+ * Split out of `copy.ts`, which is a barrel over this folder: one file
+ * listing every family is the file that grows on every port, and it stopped
+ * fitting the 400-line budget the rest of this package holds itself to.
+ */
+
+export interface TableFilterCopy {
+  /** Drop every applied filter, and the keyword box's own clear. */
+  clearAllFilters: string;
+  clearKeyword: string;
+  /** A numeric range whose maximum is below its minimum. */
+  invalidRange: string;
+  /** The two free-text bounds, which carry no visible label of their own. */
+  rangeMin: string;
+  rangeMax: string;
+}

package/src/copy/navigation.ts

@@ -0,0 +1,25 @@
+/**
+ * The navigation family's words — the command palette and the breadcrumb
+ * trail.
+ *
+ * Split out of `copy.ts`, which is a barrel over this folder: one file
+ * listing every family is the file that grows on every port, and it stopped
+ * fitting the 400-line budget the rest of this package holds itself to.
+ */
+
+/** The command palette's footer hints and its empty state. */
+export interface CommandPaletteCopy {
+  /** The three keyboard hints, each a chip in the footer. */
+  execute: string;
+  navigate: string;
+  close: string;
+  /** The recent-commands group, and the nudge under "nothing found". */
+  recent: string;
+  tryAnotherTerm: string;
+}
+
+/** The breadcrumb's overflow control, in its two spellings. */
+export interface BreadcrumbCopy {
+  showMore: string;
+  moreItems: string;
+}

package/src/copy/shared.ts

@@ -0,0 +1,122 @@
+/**
+ * Words shared by more than one family: the guided-section chrome, the
+ * confirm dialog behind a destructive action, the category picker and the CEP
+ * lookup.
+ *
+ * Split out of `copy.ts`, which is a barrel over this folder: one file
+ * listing every family is the file that grows on every port, and it stopped
+ * fitting the 400-line budget the rest of this package holds itself to.
+ */
+
+export interface SectionOnboardingCopy {
+  /** The button that begins the guided section. */
+  start: string;
+  /** The reveal toggle in the configured state, and its collapsed twin. */
+  edit: string;
+  collapse: string;
+}
+
+export interface ConfirmActionCopy {
+  /** The dismiss button every confirmation shares. */
+  cancel: string;
+  /** Shown when the action fails and the caller supplied no reason. */
+  defaultError: string;
+  /**
+   * The fallback body when the caller names no entity.
+   *
+   * A caller that DOES name one gets the host's own sentence — this package
+   * never guesses a noun for someone else's rows.
+   */
+  irreversible: string;
+  /**
+   * The typed-confirmation prompt, naming the exact word that unlocks the
+   * button. A function because where that word sits in the sentence, and how
+   * it is quoted, is the translator's call.
+   */
+  typeToConfirm(expected: string): string;
+}
+
+export interface CategorySelectCopy {
+  /**
+   * What categories are FOR, in the host's own terms.
+   *
+   * This used to read "Categorias organizam o cardápio e os filtros da loja" —
+   * a restaurant's menu, hard-coded into a generic picker. A host selling
+   * insurance policies got told about its cardápio.
+   */
+  purpose: string;
+  clearSelection: string;
+  /**
+   * The quick actions above the tree. Each toggles as a PAIR, and each label
+   * says what pressing it will do rather than what state the list is in — so a
+   * translator needs both halves, not one plus a negation.
+   */
+  selectAll: string;
+  deselectAll: string;
+  expandAll: string;
+  collapseAll: string;
+  /**
+   * ONE row's chevron, in its two states — a glyph button inside the row
+   * button, so this pair is the whole of what a screen reader reads for it.
+   * The category's own name is appended by the caller.
+   */
+  expandCategory(name: string): string;
+  collapseCategory(name: string): string;
+  /**
+   * What the closed control invites, and it differs by mode: picking ONE
+   * category is a move, picking several is a filter. Both were pt-BR defaults
+   * behind an optional prop, which is the arrangement this port removes.
+   */
+  placeholderSingle: string;
+  placeholderMulti: string;
+  /** The empty state, when the host has no categories at all. */
+  emptyTitle: string;
+  createCategory: string;
+  /**
+   * The search found nothing.
+   *
+   * Two of the four interpolate the term typed, so they are functions rather
+   * than strings with a placeholder to substitute: where the term sits in the
+   * sentence is the translator's call, not ours.
+   */
+  noResults: {
+    title: (query: string) => string;
+    hint: string;
+    clearSearch: string;
+    create: (query: string) => string;
+  };
+  /**
+   * The panel's two footers.
+   *
+   * `selectedCount` is a function because Portuguese agrees the participle with
+   * the count and English does not — the shape has to let a translator decide
+   * the whole sentence, not fill a slot in ours.
+   */
+  /** The search box above the list, and the chips beneath it. */
+  search: {
+    /** Two placeholders: a single-select picker offers no subcategories. */
+    placeholderSingle: string;
+    placeholderMulti: string;
+    clear: string;
+    removeChip(label: string): string;
+    /** The tray above the list, counting what is already picked. */
+    pinnedLabel(count: number): string;
+  };
+  footer: {
+    selectedCount(count: number): string;
+    clear: string;
+    /** The primary button, which reads `close` while the draft is unchanged. */
+    apply: string;
+    close: string;
+    /** The single-select footer: what to do, and the way out. */
+    singleHint: string;
+    cancel: string;
+  };
+}
+
+export interface CepFieldCopy {
+  loading: string;
+  found: string;
+  /** Keyed to match `CepLookupStatus` exactly, so the lookup can index it. */
+  notfound: string;
+}

package/src/copy/utility.ts

@@ -0,0 +1,36 @@
+/**
+ * The utility family's words — the install prompt and the account card.
+ *
+ * Split out of `copy.ts`, which is a barrel over this folder: one file
+ * listing every family is the file that grows on every port, and it stopped
+ * fitting the 400-line budget the rest of this package holds itself to.
+ */
+
+/**
+ * The install prompt's own words. Two of the three surfaces here are iOS-only:
+ * Safari has no programmatic install, so the component explains the gesture
+ * instead of offering a button.
+ */
+export interface InstallPromptCopy {
+  /** Headline, and the Chromium install button. */
+  title: string;
+  installLabel: string;
+  /** The dismiss button's accessible name — it renders as a bare cross. */
+  dismissLabel: string;
+  /**
+   * The iOS instruction, split around the Share glyph that sits INSIDE the
+   * sentence: "Tap [share] then Add to Home Screen". Two halves rather than
+   * one string because the glyph's position is part of the sentence and a
+   * language may not put it where English does. A host wanting a different
+   * shape entirely passes `iosInstructions` and replaces the whole node.
+   */
+  iosTapBefore: string;
+  iosTapAfter: string;
+  /** The Share glyph's accessible name, mid-sentence. */
+  shareLabel: string;
+}
+
+/** The account card's one action. */
+export interface UserAvatarCopy {
+  signOut: string;
+}

package/src/copy.ts

@@ -11,179 +11,18 @@
  * The DataViews family has its own object (`DataViewsCopy`) threaded through a
  * context, because nineteen files are one mounted surface. These six are
  * mounted independently, so each takes what it renders.
- */
-
-export interface SectionOnboardingCopy {
-  /** The button that begins the guided section. */
-  start: string;
-  /** The reveal toggle in the configured state, and its collapsed twin. */
-  edit: string;
-  collapse: string;
-}
-
-export interface ConfirmActionCopy {
-  /** The dismiss button every confirmation shares. */
-  cancel: string;
-  /** Shown when the action fails and the caller supplied no reason. */
-  defaultError: string;
-  /**
-   * The fallback body when the caller names no entity.
-   *
-   * A caller that DOES name one gets the host's own sentence — this package
-   * never guesses a noun for someone else's rows.
-   */
-  irreversible: string;
-  /**
-   * The typed-confirmation prompt, naming the exact word that unlocks the
-   * button. A function because where that word sits in the sentence, and how
-   * it is quoted, is the translator's call.
-   */
-  typeToConfirm(expected: string): string;
-}
-
-export interface CategorySelectCopy {
-  /**
-   * What categories are FOR, in the host's own terms.
-   *
-   * This used to read "Categorias organizam o cardápio e os filtros da loja" —
-   * a restaurant's menu, hard-coded into a generic picker. A host selling
-   * insurance policies got told about its cardápio.
-   */
-  purpose: string;
-  clearSelection: string;
-  /**
-   * The quick actions above the tree. Each toggles as a PAIR, and each label
-   * says what pressing it will do rather than what state the list is in — so a
-   * translator needs both halves, not one plus a negation.
-   */
-  selectAll: string;
-  deselectAll: string;
-  expandAll: string;
-  collapseAll: string;
-  /**
-   * ONE row's chevron, in its two states — a glyph button inside the row
-   * button, so this pair is the whole of what a screen reader reads for it.
-   * The category's own name is appended by the caller.
-   */
-  expandCategory(name: string): string;
-  collapseCategory(name: string): string;
-  /**
-   * What the closed control invites, and it differs by mode: picking ONE
-   * category is a move, picking several is a filter. Both were pt-BR defaults
-   * behind an optional prop, which is the arrangement this port removes.
-   */
-  placeholderSingle: string;
-  placeholderMulti: string;
-  /** The empty state, when the host has no categories at all. */
-  emptyTitle: string;
-  createCategory: string;
-  /**
-   * The search found nothing.
-   *
-   * Two of the four interpolate the term typed, so they are functions rather
-   * than strings with a placeholder to substitute: where the term sits in the
-   * sentence is the translator's call, not ours.
-   */
-  noResults: {
-    title: (query: string) => string;
-    hint: string;
-    clearSearch: string;
-    create: (query: string) => string;
-  };
-  /**
-   * The panel's two footers.
-   *
-   * `selectedCount` is a function because Portuguese agrees the participle with
-   * the count and English does not — the shape has to let a translator decide
-   * the whole sentence, not fill a slot in ours.
-   */
-  /** The search box above the list, and the chips beneath it. */
-  search: {
-    /** Two placeholders: a single-select picker offers no subcategories. */
-    placeholderSingle: string;
-    placeholderMulti: string;
-    clear: string;
-    removeChip(label: string): string;
-    /** The tray above the list, counting what is already picked. */
-    pinnedLabel(count: number): string;
-  };
-  footer: {
-    selectedCount(count: number): string;
-    clear: string;
-    /** The primary button, which reads `close` while the draft is unchanged. */
-    apply: string;
-    close: string;
-    /** The single-select footer: what to do, and the way out. */
-    singleHint: string;
-    cancel: string;
-  };
-}
-
-export interface CepFieldCopy {
-  loading: string;
-  found: string;
-  /** Keyed to match `CepLookupStatus` exactly, so the lookup can index it. */
-  notfound: string;
-}
-
-export interface TableFilterCopy {
-  /** A numeric range whose maximum is below its minimum. */
-  invalidRange: string;
-  /** The two free-text bounds, which carry no visible label of their own. */
-  rangeMin: string;
-  rangeMax: string;
-}
-
-/**
- * The lightbox's controls, every one of them a glyph with no text.
  *
- * So this object IS what a screen-reader user hears for the whole viewer —
- * which is why it shipped as English literals for so long without anyone
- * noticing: the sighted path renders identically either way.
+ * This file is a BARREL over `./copy/`, one module per component family. It was
+ * one file until the port made it 411 lines against this package's own 400-line
+ * budget — and a single list of every family is exactly the file that grows on
+ * every port, so the budget would have been the thing that gave way next.
+ * Consumers are unaffected: `@12-apps/ui/copy` still resolves here.
  */
-export interface LightboxCopy {
-  close: string;
-  previous: string;
-  next: string;
-  zoomIn: string;
-  zoomOut: string;
-  resetZoom: string;
-  /** The slideshow toggle, in its two states. */
-  play: string;
-  pause: string;
-}
-
-/** The map preview's control bar — same shape, same reason, as the lightbox. */
-export interface MapPreviewCopy {
-  zoomIn: string;
-  zoomOut: string;
-  center: string;
-  mapType: string;
-  fullscreen: string;
-  search: string;
-}
-
-/** The carousel's two arrows, which carry a glyph and nothing else. */
-export interface CarouselCopy {
-  previous: string;
-  next: string;
-}
 
-/**
- * The states a data surface can be in with nothing to draw, and the dismiss
- * every banner-like surface carries.
- *
- * One object rather than six, because these are the same four sentences the
- * table, the grid, the async container, the hover card and the infinite
- * scroller each rendered their own copy of.
- */
-export interface DataStateCopy {
-  /** No rows at all — distinct from "no rows for these filters". */
-  empty: string;
-  loading: string;
-  /** The infinite scroller reached the end. */
-  endOfList: string;
-  /** An alert's and a banner's dismiss, neither of which has a visible label. */
-  dismissAlert: string;
-  dismissBanner: string;
-}
+export type * from './copy/data-display';
+export type * from './copy/feedback';
+export type * from './copy/form';
+export type * from './copy/layout';
+export type * from './copy/navigation';
+export type * from './copy/shared';
+export type * from './copy/utility';

package/src/pt-BR.data-display.ts

@@ -0,0 +1,236 @@
+/**
+ * The pt-BR pack for the data-display family. Split out of `pt-BR.ts`, which is a
+ * barrel over this folder — see that file for why.
+ */
+import type { DataViewsCopy } from "./components/data-display/DataViews/data-views-copy";
+import type {
+  CarouselCopy,
+  DataStateCopy,
+  LightboxCopy,
+  MapPreviewCopy,
+  TimingDiagramCopy,
+} from './copy';
+import { PT_BR_TABLE_FILTER_COPY } from './pt-BR.layout';
+import {
+  PT_BR_CATEGORY_SELECT_COPY,
+  PT_BR_CONFIRM_ACTION_COPY,
+  PT_BR_SAVED_VIEWS_LABELS,
+} from './pt-BR.shared';
+
+export const PT_BR_LIGHTBOX_COPY: LightboxCopy = {
+  close: "Fechar",
+  previous: "Anterior",
+  next: "Próximo",
+  zoomIn: "Aproximar",
+  zoomOut: "Afastar",
+  resetZoom: "Restaurar o zoom",
+  play: "Iniciar a apresentação",
+  pause: "Pausar a apresentação",
+};
+
+export const PT_BR_MAP_PREVIEW_COPY: MapPreviewCopy = {
+  zoomIn: "Aproximar",
+  zoomOut: "Afastar",
+  center: "Centralizar o mapa",
+  mapType: "Trocar o tipo de mapa",
+  fullscreen: "Tela cheia",
+  search: "Buscar endereço",
+};
+
+export const PT_BR_CAROUSEL_COPY: CarouselCopy = {
+  previous: "Anterior",
+  next: "Próximo",
+};
+
+export const PT_BR_TIMING_DIAGRAM_COPY: TimingDiagramCopy = {
+  regionLabel: "Diagrama de tempos",
+  heading: "Tempo da requisição",
+};
+
+export const PT_BR_DATA_STATE_COPY: DataStateCopy = {
+  empty: "Nenhum dado por aqui",
+  loading: "Carregando…",
+  endOfList: "Não há mais itens para carregar",
+  dismissAlert: "Fechar o aviso",
+  dismissBanner: "Fechar a faixa",
+};
+
+export const PT_BR_DATA_VIEWS_COPY: DataViewsCopy = {
+  savedViewsMenu: PT_BR_SAVED_VIEWS_LABELS,
+  confirmAction: PT_BR_CONFIRM_ACTION_COPY,
+  categorySelect: PT_BR_CATEGORY_SELECT_COPY,
+  board: {
+    countOnPage: (label, count) => `${label}: ${count} nesta página`,
+    onThisPage: (count) => `${count} nesta página`,
+    pageSum: (sum) => `Soma desta página: ${sum}`,
+    emptyColumn: "Nada nesta etapa",
+    pageScopeNote:
+      "As contagens e somas abaixo referem-se apenas aos itens desta página.",
+  },
+  deleteView: {
+    title: "Excluir visão",
+    target: (viewName) => `Excluir "${viewName}"?`,
+    sharedWarning: "Esta visão está compartilhada — a equipe perderá o acesso a ela.",
+    rowsUnaffected: (entityLabel) =>
+      `${entityLabel} não são afetados; apenas o recorte salvo é removido.`,
+    confirm: "Excluir visão",
+    cancel: "Cancelar",
+  },
+  manageViews: {
+    title: "Gerenciar visões",
+    empty: "Nenhuma visão salva.",
+    edit: "Editar",
+    defaultTag: "Padrão",
+    otherUserTag: "De outro usuário",
+    deleteTitle: "Excluir a visão salva?",
+    deleteBody: "Os filtros e colunas guardados nela são perdidos. Não é possível restaurar.",
+    deleteConfirm: "Excluir",
+  },
+  saveView: {
+    sharedDescription: "Qualquer pessoa da loja poderá abrir e usar esta visão.",
+    setDefaultTitle: "Definir como padrão",
+    setDefaultDescription: "Esta tela abre nesta visão em vez da Visão principal.",
+    previewHeading: "O que esta visão guarda",
+    previewUnchanged: "Nada foi alterado — esta visão ficará igual à Visão principal.",
+    sortRowLabel: "Ordenação",
+    saveFailed: "Não foi possível salvar a visão.",
+    titleEditing: "Editar visão",
+    titleCreating: "Salvar visão",
+    descriptionLabel: "Descrição — opcional",
+    descriptionPlaceholder: "Para que serve esta visão",
+    submitEditing: "Salvar alterações",
+    submitCreating: "Salvar visão",
+    nameLabel: "Nome",
+    cancel: "Cancelar",
+    pinnedTitle: "Fixar na barra lateral",
+    pinnedDescription: "Aparece como atalho no menu, abaixo desta tela.",
+    sharedTitle: "Compartilhar com a equipe",
+    namePlaceholder: "Ex.: Recusados no PIX desta semana",
+    previewFilters: "Filtros",
+    previewHiddenColumns: "Colunas ocultas",
+  },
+  columns: {
+    visibleCount: (visible, total) => `${visible} de ${total} visíveis`,
+    reset: "Padrão",
+    showAll: "Mostrar todas",
+    dragHint: "Arraste para reordenar as colunas.",
+    moveUp: (columnLabel) => `Mover ${columnLabel} para cima`,
+    moveDown: (columnLabel) => `Mover ${columnLabel} para baixo`,
+  },
+  display: {
+    sortTab: "Ordenar",
+    columnsTab: "Colunas",
+    panelTab: "Exibição",
+    direction: "Direção",
+    layoutHints: {
+      table: "Colunas comparáveis, boa para varrer números.",
+      list: "Uma linha por item, com os dados principais.",
+      cards: "Blocos maiores, bom para poucos itens.",
+      board: "Colunas por etapa, para acompanhar o que está onde.",
+    },
+    densityHeadings: {
+      table: "Altura das linhas",
+      list: "Altura das linhas",
+      cards: "Cards por linha",
+      board: "Largura das colunas",
+    },
+    densityLabels: {
+      table: { compact: "Baixa", cozy: "Média", comfortable: "Alta" },
+      list: { compact: "Baixa", cozy: "Média", comfortable: "Alta" },
+      cards: { compact: "Muitos", cozy: "Médio", comfortable: "Poucos" },
+      board: { compact: "Estreita", cozy: "Média", comfortable: "Larga" },
+    },
+    boardUnavailable: "Esta tela não declara etapas, então não oferece quadro.",
+    densityUnavailableNarrow:
+      "Um card por linha nesta largura — a densidade volta em telas maiores.",
+    trigger: "Exibir",
+    fieldHeading: "Campo",
+    formatHeading: "Formato",
+    cardZoom: "Tamanho dos cards",
+  },
+  export: {
+    formats: {
+      json: { label: "JSON (.json)", hint: "Para integrações" },
+    },
+    visibleColumns: (columnCount) => `${columnCount} colunas visíveis, na ordem atual`,
+    trigger: "Exportar",
+    triggerLabel: "Exportar",
+  },
+  tableFilter: PT_BR_TABLE_FILTER_COPY,
+  grid: {
+    rowActions: "Ações",
+    bulkActions: (selectedCount) => `Ações (${selectedCount}) ▾`,
+    emptyFilteredTitle: "Nenhum resultado para esses filtros",
+    emptyFilteredHint: "Ajuste ou remova os filtros.",
+    emptyFilteredAction: "Limpar filtros",
+  },
+  filters: {
+    moreFilters: (count) => `Mais filtros: ${count} sem espaço na barra`,
+    moreFiltersApplied: (count, appliedCount) =>
+      `Mais filtros: ${count} sem espaço na barra, ${appliedCount} aplicado(s)`,
+    moreTriggerLabel: "Mais",
+    moreHeading: "Mais filtros",
+    overflowNote: "sem espaço na barra",
+    rangeEnd: "Até",
+    rangeInvalid: "O início precisa ser menor que o fim.",
+    rangeInclusiveNote: "Ambas as datas entram no resultado.",
+    rangeStart: "De",
+    dayMask: "dd/mm/aaaa",
+    clearAllFilters: "Limpar todos os filtros",
+    rangePresets: {
+      hoje: "Hoje",
+      ontem: "Ontem",
+      semana: "Esta semana",
+      mes: "Este mês",
+      ano: "Este ano",
+    },
+    scopesLabel: "Situação",
+    panelTitle: "Filtros",
+    clear: "Limpar",
+    clearAll: "Limpar filtros",
+    clearRange: (label) => `Limpar ${label}`,
+    allOption: "Todas",
+    optionSearchPlaceholder: "Buscar…",
+    optionsEmpty: "Nenhum resultado",
+    optionsHeading: "Opções",
+  },
+  selection: {
+    selectAllOnPage: "Selecionar todos nesta página",
+    clearSelection: "Limpar seleção",
+    selectAll: "Selecionar tudo",
+    onThisPage: (count) => `${count} nesta página`,
+    selectRow: "Selecionar",
+    expandRow: "Expandir detalhes",
+    collapseRow: "Recolher detalhes",
+  },
+  nav: {
+    mainView: "Visão principal",
+    defaultTag: "Padrão",
+    viewOptions: (viewName) => `Opções de ${viewName}`,
+    emptyHint: "Nenhuma visão salva. Ajuste filtros, colunas ou ordenação e salve abaixo.",
+    setDefault: "Definir como padrão",
+    deleteView: "Excluir visão",
+    unsavedChanges: "Alterações não salvas",
+    label: "Visão",
+    update: "Atualizar visão",
+    save: "Salvar visão",
+    saveAs: "Salvar como nova",
+    reset: "Redefinir",
+    updateFailed: "Não foi possível atualizar a visão",
+    dismissError: "Fechar o aviso",
+    goBack: "Voltar",
+    pageSize: "Mostrar:",
+    saveFailed: "Não foi possível salvar a alteração da visão.",
+    editView: "Renomear e editar",
+    pinToSidebar: "Fixar na barra lateral",
+    shareWithTeam: "Compartilhar com a equipe",
+  },
+  search: {
+    placeholder: "Buscar…",
+    allColumnsLabel: "Buscar em todas as colunas",
+    keywordPlaceholder: "Pressione Enter para filtrar",
+    open: "Buscar",
+    close: "Fechar busca",
+    clear: "Limpar busca",
+  },
+};

package/src/pt-BR.feedback.ts

@@ -0,0 +1,25 @@
+/**
+ * The pt-BR pack for the feedback family. Split out of `pt-BR.ts`, which is a
+ * barrel over this folder — see that file for why.
+ */
+import type {
+  ChromeCopy,
+  TutorialCopy,
+} from './copy';
+
+export const PT_BR_TUTORIAL_COPY: TutorialCopy = {
+  skip: "Pular",
+  previous: "Anterior",
+  next: "Próximo",
+  restart: "Recomeçar",
+};
+
+export const PT_BR_CHROME_COPY: ChromeCopy = {
+  dismissToast: "Fechar o aviso",
+  goBack: "Voltar",
+  closePanel: "Fechar",
+  closeTab: "Fechar a aba",
+  scrollRegion: "Conteúdo rolável",
+  scrollToTop: "Voltar ao topo",
+  share: "Compartilhar",
+};