@nextelco/common-ui 2.1.88 → 2.1.90

package/dist/types/components/molecules/BarraValor/BarraValor.d.ts

@@ -0,0 +1,25 @@
+import React, { type ReactNode } from 'react';
+/**
+ * Lista de barras horizontais — a forma mais legível de comparar poucas
+ * dezenas de valores (horas por pessoa, por plano, por etiqueta).
+ *
+ * Não é um gráfico: não traz eixos, escalas nem biblioteca de charts. A barra é
+ * proporcional ao maior valor da lista, que é o que se quer para comparar
+ * grandezas entre linhas.
+ */
+export interface LinhaBarra {
+    chave: string;
+    rotulo: string;
+    valor: number;
+    /** O que aparece à direita (ex: "3h20"). Sem isto mostra o número cru. */
+    texto?: string;
+}
+export interface BarraValorProps {
+    linhas: LinhaBarra[];
+    /** Máximo da escala. Sem isto usa o maior valor da lista. */
+    maximo?: number;
+    /** Classe de cor da barra. */
+    cor?: string;
+    vazio?: ReactNode;
+}
+export default function BarraValor({ linhas, maximo, cor, vazio, }: BarraValorProps): React.JSX.Element;

package/dist/types/components/molecules/SeletorPesquisa/SeletorPesquisa.d.ts

@@ -0,0 +1,45 @@
+import React, { type ReactNode } from 'react';
+/**
+ * Seletor com pesquisa, para listas grandes vindas de outro sistema.
+ *
+ * Difere do `SearchSelect` em três coisas que o tornavam inutilizável nesses
+ * casos: cada opção pode ter uma **segunda linha** (contexto — projeto, cliente,
+ * plano), a pesquisa corre sobre esse contexto e não só sobre o título, e pode
+ * aceitar **texto livre** quando o que a pessoa quer não está na lista.
+ *
+ * Fecha ao clicar fora e com Escape. Parece detalhe, mas dentro de um modal uma
+ * lista que não fecha tapa o resto do formulário.
+ */
+export interface OpcaoPesquisa {
+    valor: string;
+    titulo: string;
+    /** Segunda linha: contexto que distingue homónimos. Também é pesquisável. */
+    contexto?: string;
+}
+export interface SeletorPesquisaProps {
+    opcoes: OpcaoPesquisa[];
+    /** Opção escolhida (`valor`), ou null. */
+    valor: string | null;
+    onChange: (valor: string | null) => void;
+    /**
+     * Permite escolher o que foi escrito, mesmo sem estar na lista. Recebe o
+     * texto; quem usa decide o que fazer com ele.
+     */
+    onTextoLivre?: (texto: string) => void;
+    aCarregar?: boolean;
+    erro?: boolean;
+    /** Máximo de opções mostradas — listas longas tornam o painel inútil. */
+    maximo?: number;
+    labels: {
+        placeholder: string;
+        semResultados: string;
+        aCarregar: string;
+        erro: string;
+        limpar: string;
+        /** Recebe o texto escrito, ex: `Registar sem tarefa: "{texto}"`. */
+        textoLivre?: (texto: string) => string;
+    };
+    /** Ícone opcional à esquerda do campo. */
+    icone?: ReactNode;
+}
+export default function SeletorPesquisa({ opcoes, valor, onChange, onTextoLivre, aCarregar, erro, maximo, labels, icone, }: SeletorPesquisaProps): React.JSX.Element;

package/dist/types/components/organisms/Kanban/Kanban.d.ts

@@ -0,0 +1,41 @@
+import React, { type ReactNode } from 'react';
+/**
+ * Quadro em colunas, ao estilo do Planner/Jira.
+ *
+ * Não conhece domínio nenhum: recebe as colunas, os itens, a função que diz em
+ * que coluna cai cada item e o que desenhar dentro do cartão. Foi extraído do
+ * quadro do portal de Tickets, que estava preso aos tipos daquele projeto.
+ *
+ * Arrastar e largar é opcional: sem `onMover`, o quadro é só de leitura — é o
+ * caso de quem mostra dados de um sistema externo que não pode escrever.
+ */
+export interface KanbanColuna {
+    id: string;
+    titulo: string;
+    /** Classe de cor do ponto do cabeçalho (ex: `bg-emerald-500`). */
+    cor?: string;
+    /** Conteúdo extra no cabeçalho, à direita da contagem (ex: total de horas). */
+    extra?: ReactNode;
+}
+export interface KanbanProps<T> {
+    colunas: KanbanColuna[];
+    itens: T[];
+    /** Em que coluna cai o item — devolve o `id` da coluna. */
+    colunaDoItem: (item: T) => string;
+    chaveDoItem: (item: T) => string;
+    /** Conteúdo do cartão. O invólucro (moldura, arrastar, clique) é do Kanban. */
+    cartao: (item: T) => ReactNode;
+    onAbrirItem?: (item: T) => void;
+    /**
+     * Largar um cartão noutra coluna. Sem isto não há arrastar: um quadro de
+     * leitura não deve sugerir que se pode mexer.
+     */
+    onMover?: (itemId: string, colunaId: string) => void;
+    /** Botão "+" no cabeçalho de cada coluna. */
+    onAdicionar?: (colunaId: string) => void;
+    labels?: {
+        semItens?: string;
+        adicionar?: string;
+    };
+}
+export default function Kanban<T>({ colunas, itens, colunaDoItem, chaveDoItem, cartao, onAbrirItem, onMover, onAdicionar, labels, }: KanbanProps<T>): React.JSX.Element;

package/dist/types/exports/atoms.d.ts

@@ -13,3 +13,7 @@ export { default as MainButton } from '../components/atoms/Button/variants/MainB
 export { default as Stack } from '../components/atoms/Stack/Stack';
 export { default as Tooltip } from '../components/atoms/Tooltip/Tooltip';
 export { default as Input } from '../components/atoms/Input/Input';
+export { default as Icone } from '../components/atoms/Icone/Icone';
+export type { IconeQualquer } from '../components/atoms/Icone/Icone';
+export { InputData, InputHora } from '../components/atoms/InputData/InputData';
+export type { InputDataProps, InputHoraProps } from '../components/atoms/InputData/InputData';

package/dist/types/exports/molecules.d.ts

@@ -14,3 +14,7 @@ export { default as FileDropzone } from '../components/molecules/FileDropzone/Fi
 export type { FileDropzoneProps, FileDropzoneLabels } from '../components/molecules/FileDropzone/FileDropzone';
 export { default as LanguageSwitcher } from '../components/molecules/LanguageSwitcher/LanguageSwitcher';
 export type { LanguageSwitcherProps, Idioma } from '../components/molecules/LanguageSwitcher/LanguageSwitcher';
+export { default as SeletorPesquisa } from '../components/molecules/SeletorPesquisa/SeletorPesquisa';
+export type { SeletorPesquisaProps, OpcaoPesquisa } from '../components/molecules/SeletorPesquisa/SeletorPesquisa';
+export { default as BarraValor } from '../components/molecules/BarraValor/BarraValor';
+export type { BarraValorProps, LinhaBarra } from '../components/molecules/BarraValor/BarraValor';

package/dist/types/exports/organisms.d.ts

@@ -13,3 +13,5 @@ export { default as PainelFiltros } from '../components/organisms/PainelFiltros/
 export type { PainelFiltrosProps, PainelFiltrosLabels, SeccaoFiltros, CampoFiltro, OpcaoFiltro, TipoCampoFiltro, } from '../components/organisms/PainelFiltros/PainelFiltros';
 export { default as PesquisaRapida, usarAtalhoPesquisa } from '../components/organisms/PesquisaRapida/PesquisaRapida';
 export type { PesquisaRapidaProps, PesquisaRapidaLabels, ResultadoPesquisa, } from '../components/organisms/PesquisaRapida/PesquisaRapida';
+export { default as Kanban } from '../components/organisms/Kanban/Kanban';
+export type { KanbanProps, KanbanColuna } from '../components/organisms/Kanban/Kanban';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nextelco/common-ui",
-  "version": "2.1.88",
+  "version": "2.1.90",
   "description": "",
   "main": "dist/bundle.js",
   "types": "dist/types/index.d.ts",