@selectwin/kit 0.1.135 → 0.1.142
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +29 -29
- package/dist/SelectAssistant.d.ts +69 -0
- package/dist/SelectAvatar.d.ts +5 -0
- package/dist/SelectBreadcrumb.d.ts +16 -0
- package/dist/SelectBuilderWorkspace.d.ts +9 -2
- package/dist/SelectCard.d.ts +2 -0
- package/dist/SelectChannelPreview.d.ts +43 -0
- package/dist/SelectChoiceCard.d.ts +4 -2
- package/dist/SelectCombobox.d.ts +2 -1
- package/dist/SelectCopyRow.d.ts +2 -0
- package/dist/SelectDataTable.d.ts +16 -7
- package/dist/SelectDateField.d.ts +2 -0
- package/dist/SelectDetail.d.ts +7 -1
- package/dist/SelectField.d.ts +2 -1
- package/dist/SelectFileDropzone.d.ts +18 -0
- package/dist/SelectFilterChip.d.ts +4 -0
- package/dist/SelectIconPicker.d.ts +22 -0
- package/dist/SelectInsight.d.ts +142 -13
- package/dist/SelectModal.d.ts +3 -1
- package/dist/SelectNumberedList.d.ts +13 -0
- package/dist/SelectPage.d.ts +3 -0
- package/dist/SelectPasswordStrength.d.ts +4 -0
- package/dist/SelectRecordCard.d.ts +43 -2
- package/dist/SelectResendButton.d.ts +11 -1
- package/dist/SelectSearchMenu.d.ts +8 -1
- package/dist/SelectSegmented.d.ts +2 -0
- package/dist/SelectSortable.d.ts +28 -0
- package/dist/SelectSpotlight.d.ts +26 -2
- package/dist/SelectSteps.d.ts +14 -1
- package/dist/SelectTable.d.ts +2 -0
- package/dist/SelectTagSelect.d.ts +5 -0
- package/dist/SelectTokenTextarea.d.ts +31 -0
- package/dist/SelectUnitInput.d.ts +2 -0
- package/dist/chartUtils.d.ts +5 -0
- package/dist/icons.d.ts +30 -0
- package/dist/index.d.ts +21 -8
- package/dist/index.js +5995 -4486
- package/dist/style.css +1 -1
- package/package.json +64 -64
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { ComponentPropsWithoutRef, ReactNode } from 'react';
|
|
2
|
+
export type SelectNumberedListProps = Omit<ComponentPropsWithoutRef<'ol'>, 'children'> & {
|
|
3
|
+
children: ReactNode;
|
|
4
|
+
};
|
|
5
|
+
export declare function SelectNumberedList({ children, className, ...rest }: SelectNumberedListProps): import("react").JSX.Element;
|
|
6
|
+
type SelectNumberedItemOwnProps = {
|
|
7
|
+
/** Uma linha em destaque ("Analisa todo dia às 06:00"). */
|
|
8
|
+
title?: ReactNode;
|
|
9
|
+
children?: ReactNode;
|
|
10
|
+
};
|
|
11
|
+
export type SelectNumberedItemProps = SelectNumberedItemOwnProps & Omit<ComponentPropsWithoutRef<'li'>, keyof SelectNumberedItemOwnProps>;
|
|
12
|
+
export declare function SelectNumberedItem({ title, children, className, ...rest }: SelectNumberedItemProps): import("react").JSX.Element;
|
|
13
|
+
export {};
|
package/dist/SelectPage.d.ts
CHANGED
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import { ReactNode, ComponentPropsWithoutRef } from 'react';
|
|
2
|
+
import { SelectBreadcrumbItem } from './SelectBreadcrumb';
|
|
2
3
|
export interface SelectPageAction {
|
|
3
4
|
content: string;
|
|
4
5
|
onAction?: () => void;
|
|
@@ -18,6 +19,8 @@ type SelectPageOwnProps = {
|
|
|
18
19
|
onAction: () => void;
|
|
19
20
|
content?: string;
|
|
20
21
|
};
|
|
22
|
+
/** Os níveis de CIMA da página, sobre o título ("Club › Cursos"); o título é o nível atual. */
|
|
23
|
+
breadcrumbs?: SelectBreadcrumbItem[];
|
|
21
24
|
children: ReactNode;
|
|
22
25
|
};
|
|
23
26
|
export type SelectPageProps = SelectPageOwnProps & Omit<ComponentPropsWithoutRef<'div'>, keyof SelectPageOwnProps>;
|
|
@@ -10,6 +10,10 @@ type SelectPasswordStrengthOwnProps = {
|
|
|
10
10
|
value: string;
|
|
11
11
|
/** Requirements checklist under the meter (e.g. "12 a 32 caracteres", "Número"). */
|
|
12
12
|
rules?: SelectPasswordRule[];
|
|
13
|
+
/** `false` = só a lista de regras, sem a barra (o modal estreito). Vale só com `rules`. Padrão `true`. */
|
|
14
|
+
showMeter?: boolean;
|
|
15
|
+
/** As regras em 1 ou 2 colunas (2 no modal de trocar a senha). Padrão 1. */
|
|
16
|
+
columns?: 1 | 2;
|
|
13
17
|
};
|
|
14
18
|
export type SelectPasswordStrengthProps = SelectPasswordStrengthOwnProps & Omit<ComponentPropsWithoutRef<'div'>, keyof SelectPasswordStrengthOwnProps>;
|
|
15
19
|
export declare const SelectPasswordStrength: import('react').ForwardRefExoticComponent<SelectPasswordStrengthOwnProps & Omit<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, keyof SelectPasswordStrengthOwnProps> & import('react').RefAttributes<HTMLDivElement>>;
|
|
@@ -12,6 +12,12 @@ type SelectRecordCardOwnProps = {
|
|
|
12
12
|
/** Visual LARGO entre o cabeçalho e as badges — ocupa a linha inteira do card (ex.: o
|
|
13
13
|
* SelectSplitChain do Repart). Para o glifo pequeno do canto use `media`. */
|
|
14
14
|
body?: ReactNode;
|
|
15
|
+
/**
|
|
16
|
+
* As linhas "glifo + frase" do corpo — o que o card DIZ de relance, por extenso, quando o fato
|
|
17
|
+
* não cabe numa badge ("Plano Parceiro Premium", "Cadastro enviado em 25/09"). Vêm depois do
|
|
18
|
+
* `body` e antes das `tags`. É a mesma `SelectFactList` que se usa fora do card.
|
|
19
|
+
*/
|
|
20
|
+
facts?: SelectFact[];
|
|
15
21
|
/** Badges no meio do card (layout, escopo, canal…). */
|
|
16
22
|
tags?: ReactNode;
|
|
17
23
|
/** Rodapé à esquerda: bolinha + rótulo do estado. Sem `status` e sem `meta` o rodapé
|
|
@@ -34,9 +40,32 @@ type SelectRecordCardOwnProps = {
|
|
|
34
40
|
*/
|
|
35
41
|
cover?: string | null;
|
|
36
42
|
coverFallback?: ReactNode;
|
|
43
|
+
/**
|
|
44
|
+
* Faixa LARGA no topo, desenhada pelo app (a prévia de um template de checkout:
|
|
45
|
+
* `<SelectLayoutThumb fill … />`). Ocupa a largura do card numa altura fixa, para a grade não
|
|
46
|
+
* ficar com alturas diferentes; com ela o título usa a largura toda (sem o `media` do lado).
|
|
47
|
+
* `cover` vence quando os dois vêm.
|
|
48
|
+
*/
|
|
49
|
+
preview?: ReactNode;
|
|
37
50
|
};
|
|
38
51
|
export type SelectRecordCardProps = SelectRecordCardOwnProps & Omit<ComponentPropsWithoutRef<'div'>, keyof SelectRecordCardOwnProps>;
|
|
39
52
|
export declare const SelectRecordCard: import('react').ForwardRefExoticComponent<SelectRecordCardOwnProps & Omit<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, keyof SelectRecordCardOwnProps> & import('react').RefAttributes<HTMLDivElement>>;
|
|
53
|
+
/** Uma linha "glifo + frase". `tone` marca o fato que é alarme (o glifo acompanha a cor). */
|
|
54
|
+
export interface SelectFact {
|
|
55
|
+
/** O glifo do kit, como elemento (`<ClockIcon />`). */
|
|
56
|
+
icon: ReactNode;
|
|
57
|
+
text: ReactNode;
|
|
58
|
+
/** Chave estável quando a lista muda de tamanho (padrão: a posição). */
|
|
59
|
+
key?: string;
|
|
60
|
+
tone?: 'critical' | 'caution';
|
|
61
|
+
}
|
|
62
|
+
/**
|
|
63
|
+
* SelectFactList — as linhas "glifo + frase" de um card: o `facts` do SelectRecordCard, e o mesmo
|
|
64
|
+
* desenho dentro de uma SelectSection ("Divisões para esta empresa"). Lista vazia não desenha nada.
|
|
65
|
+
*/
|
|
66
|
+
export declare function SelectFactList({ items }: {
|
|
67
|
+
items: SelectFact[];
|
|
68
|
+
}): import("react").JSX.Element | null;
|
|
40
69
|
/**
|
|
41
70
|
* SelectLayoutThumb — o mini-wireframe que abre o card de um template de checkout:
|
|
42
71
|
* `steps` desenha etapas empilhadas (multi-step), `columns` desenha as colunas de uma
|
|
@@ -44,13 +73,25 @@ export declare const SelectRecordCard: import('react').ForwardRefExoticComponent
|
|
|
44
73
|
* uma linha de tabela com bordas.
|
|
45
74
|
*/
|
|
46
75
|
export type SelectLayoutThumbProps = {
|
|
47
|
-
|
|
76
|
+
/**
|
|
77
|
+
* `steps`/`columns`: o formato do checkout (em etapas / uma etapa). `stacked`/`floating` (0.1.141): o estilo do
|
|
78
|
+
* campo — o nome em cima da caixa, ou dentro dela (sobe ao digitar).
|
|
79
|
+
*/
|
|
80
|
+
kind: 'steps' | 'columns' | 'stacked' | 'floating';
|
|
48
81
|
/** A cor principal do template na faixa de destaque (0.1.132). Padrão: a primária da casa. */
|
|
49
82
|
accent?: string;
|
|
83
|
+
/** Ocupa o espaço que recebe (a `preview` do SelectRecordCard) em vez do glifo de 52×40. */
|
|
84
|
+
fill?: boolean;
|
|
50
85
|
} & Omit<ComponentPropsWithoutRef<'span'>, 'children'>;
|
|
51
86
|
export declare const SelectLayoutThumb: import('react').ForwardRefExoticComponent<{
|
|
52
|
-
|
|
87
|
+
/**
|
|
88
|
+
* `steps`/`columns`: o formato do checkout (em etapas / uma etapa). `stacked`/`floating` (0.1.141): o estilo do
|
|
89
|
+
* campo — o nome em cima da caixa, ou dentro dela (sobe ao digitar).
|
|
90
|
+
*/
|
|
91
|
+
kind: "steps" | "columns" | "stacked" | "floating";
|
|
53
92
|
/** A cor principal do template na faixa de destaque (0.1.132). Padrão: a primária da casa. */
|
|
54
93
|
accent?: string;
|
|
94
|
+
/** Ocupa o espaço que recebe (a `preview` do SelectRecordCard) em vez do glifo de 52×40. */
|
|
95
|
+
fill?: boolean;
|
|
55
96
|
} & Omit<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref">, "children"> & import('react').RefAttributes<HTMLSpanElement>>;
|
|
56
97
|
export {};
|
|
@@ -1,9 +1,19 @@
|
|
|
1
|
-
import { ComponentPropsWithoutRef } from 'react';
|
|
1
|
+
import { ComponentPropsWithoutRef, ReactNode } from 'react';
|
|
2
2
|
type SelectResendButtonOwnProps = {
|
|
3
3
|
onResend: () => void;
|
|
4
|
+
/** Espera de cada reenvio quando o botão conta sozinho (sem `remaining`). Padrão 30. */
|
|
4
5
|
seconds?: number;
|
|
5
6
|
idleLabel?: string;
|
|
7
|
+
/** Segundos até o próximo envio ser aceito, vindos de quem chama (0 = agora). Liga o modo controlado. */
|
|
8
|
+
remaining?: number;
|
|
9
|
+
/** O reenvio está indo: o botão desabilita e diz `sendingLabel`. */
|
|
10
|
+
sending?: boolean;
|
|
11
|
+
sendingLabel?: string;
|
|
12
|
+
/** O texto da esquerda da linha ("Não chegou?"). Sem ele, só o botão. */
|
|
13
|
+
hint?: ReactNode;
|
|
6
14
|
};
|
|
7
15
|
export type SelectResendButtonProps = SelectResendButtonOwnProps & Omit<ComponentPropsWithoutRef<'button'>, keyof SelectResendButtonOwnProps>;
|
|
16
|
+
/** 173 → "2:53"; 9 → "0:09". */
|
|
17
|
+
export declare function formatResendWait(seconds: number): string;
|
|
8
18
|
export declare const SelectResendButton: import('react').ForwardRefExoticComponent<SelectResendButtonOwnProps & Omit<Omit<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref">, keyof SelectResendButtonOwnProps> & import('react').RefAttributes<HTMLButtonElement>>;
|
|
9
19
|
export {};
|
|
@@ -11,9 +11,16 @@ export declare function SelectSearchMenu({ search, onSearchChange, searchPlaceho
|
|
|
11
11
|
width?: string;
|
|
12
12
|
children?: ReactNode;
|
|
13
13
|
}): import("react").JSX.Element;
|
|
14
|
-
|
|
14
|
+
/** Um grupo de opções com cabeçalho ("Cliente", "Pedido"). Grupo sem opção não desenha nada. */
|
|
15
|
+
export declare function SelectSearchMenuGroup({ label, children }: {
|
|
16
|
+
label: ReactNode;
|
|
17
|
+
children?: ReactNode;
|
|
18
|
+
}): import("react").JSX.Element | null;
|
|
19
|
+
export declare function SelectSearchMenuOption({ label, secondary, trailing, selected, disabled, onSelect, }: {
|
|
15
20
|
label: ReactNode;
|
|
16
21
|
secondary?: ReactNode;
|
|
22
|
+
/** O valor à direita do rótulo (o exemplo "Ana"), discreto e cortado com reticências. */
|
|
23
|
+
trailing?: ReactNode;
|
|
17
24
|
selected?: boolean;
|
|
18
25
|
disabled?: boolean;
|
|
19
26
|
onSelect: () => void;
|
|
@@ -19,6 +19,8 @@ type SelectSegmentedOwnProps = {
|
|
|
19
19
|
hint?: ReactNode;
|
|
20
20
|
/** Freeze the choice: segments don't respond and the track dims. */
|
|
21
21
|
disabled?: boolean;
|
|
22
|
+
/** A recusa da escolha (0.1.141): a trilha com o contorno de erro e a frase embaixo, no lugar do `hint`. */
|
|
23
|
+
error?: ReactNode;
|
|
22
24
|
};
|
|
23
25
|
export type SelectSegmentedProps = SelectSegmentedOwnProps & Omit<ComponentPropsWithoutRef<'div'>, keyof SelectSegmentedOwnProps>;
|
|
24
26
|
export declare const SelectSegmented: import('react').ForwardRefExoticComponent<SelectSegmentedOwnProps & Omit<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, keyof SelectSegmentedOwnProps> & import('react').RefAttributes<HTMLDivElement>>;
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
import { ComponentPropsWithoutRef, ReactNode } from 'react';
|
|
2
|
+
type SelectSortableItemOwnProps = {
|
|
3
|
+
/** O item que está sendo arrastado: sobe por cima dos outros, com sombra. */
|
|
4
|
+
dragging?: boolean;
|
|
5
|
+
/** O lugar vazio do item enquanto uma prévia (`SelectDragPreview`) segue o cursor: fica apagado. */
|
|
6
|
+
ghost?: boolean;
|
|
7
|
+
};
|
|
8
|
+
export type SelectSortableItemProps = SelectSortableItemOwnProps & Omit<ComponentPropsWithoutRef<'div'>, keyof SelectSortableItemOwnProps>;
|
|
9
|
+
export declare const SelectSortableItem: import('react').ForwardRefExoticComponent<SelectSortableItemOwnProps & Omit<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, keyof SelectSortableItemOwnProps> & import('react').RefAttributes<HTMLDivElement>>;
|
|
10
|
+
type SelectDragHandleOwnProps = {
|
|
11
|
+
/** Durante o arrasto, o cursor de "segurando". */
|
|
12
|
+
dragging?: boolean;
|
|
13
|
+
/**
|
|
14
|
+
* `floating`: a pílula sobre a borda de cima do item (a grade de cards), que aparece com o mouse em cima ou o
|
|
15
|
+
* foco dentro do `SelectSortableItem` — e sempre, num aparelho de toque. Padrão `inline` (na linha).
|
|
16
|
+
*/
|
|
17
|
+
variant?: 'inline' | 'floating';
|
|
18
|
+
/** O nome para o leitor de tela (padrão "Arrastar para reordenar"). */
|
|
19
|
+
label?: string;
|
|
20
|
+
};
|
|
21
|
+
export type SelectDragHandleProps = SelectDragHandleOwnProps & Omit<ComponentPropsWithoutRef<'button'>, keyof SelectDragHandleOwnProps | 'children'>;
|
|
22
|
+
/** A alça: 6 pontos, 24×24, `touch-action: none` (sem ele, no toque o gesto vira rolagem e nada arrasta). */
|
|
23
|
+
export declare const SelectDragHandle: import('react').ForwardRefExoticComponent<SelectDragHandleOwnProps & Omit<Omit<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref">, "children" | keyof SelectDragHandleOwnProps> & import('react').RefAttributes<HTMLButtonElement>>;
|
|
24
|
+
/** A prévia que segue o cursor (o `DragOverlay` do app): a alça e o nome do item, numa pílula. */
|
|
25
|
+
export declare function SelectDragPreview({ children }: {
|
|
26
|
+
children?: ReactNode;
|
|
27
|
+
}): import("react").JSX.Element;
|
|
28
|
+
export {};
|
|
@@ -1,5 +1,18 @@
|
|
|
1
1
|
import { ComponentPropsWithoutRef, ReactNode } from 'react';
|
|
2
2
|
export type SelectSpotlightTone = 'inverse' | 'critical' | 'warning' | 'info' | 'success' | 'neutral';
|
|
3
|
+
/**
|
|
4
|
+
* Um FATO ao lado do texto do destaque (0.1.137): um rótulo, um número grande (com um prefixo discreto — "até") e
|
|
5
|
+
* uma legenda; ou, no lugar do número, um conteúdo próprio (`content`: uma barra de progresso).
|
|
6
|
+
*/
|
|
7
|
+
export interface SelectSpotlightFact {
|
|
8
|
+
label: ReactNode;
|
|
9
|
+
/** Texto pequeno antes do número ("até"). */
|
|
10
|
+
prefix?: ReactNode;
|
|
11
|
+
value?: ReactNode;
|
|
12
|
+
caption?: ReactNode;
|
|
13
|
+
/** No lugar do número: um conteúdo próprio, numa coluna de largura fixa. */
|
|
14
|
+
content?: ReactNode;
|
|
15
|
+
}
|
|
3
16
|
type SelectSpotlightOwnProps = {
|
|
4
17
|
tone?: SelectSpotlightTone;
|
|
5
18
|
media?: ReactNode;
|
|
@@ -10,8 +23,19 @@ type SelectSpotlightOwnProps = {
|
|
|
10
23
|
actions?: ReactNode;
|
|
11
24
|
actionsPlacement?: 'below' | 'end';
|
|
12
25
|
aside?: ReactNode;
|
|
13
|
-
/**
|
|
14
|
-
|
|
26
|
+
/**
|
|
27
|
+
* Fatos em colunas à direita do texto, cada uma com um fio à esquerda ("Vendas para recuperar · até R$ 8.322").
|
|
28
|
+
* No card estreito elas descem para baixo do texto, uma por linha.
|
|
29
|
+
*/
|
|
30
|
+
facts?: ReadonlyArray<SelectSpotlightFact>;
|
|
31
|
+
/**
|
|
32
|
+
* `half` (padrão): o aside divide a largura com o texto (uma SelectJourney). `compact` (0.1.136): uma coluna
|
|
33
|
+
* estreita com um fio à esquerda — um medidor, um resumo curto — e o texto fica com o resto.
|
|
34
|
+
*/
|
|
35
|
+
asideSize?: 'half' | 'compact';
|
|
36
|
+
/** `md` (padrão, o topo da página), `sm` (compacto, dentro de outro card) ou `lg` (0.1.136: o resumo que abre
|
|
37
|
+
* uma tela — título maior e mais respiro). */
|
|
38
|
+
size?: 'md' | 'sm' | 'lg';
|
|
15
39
|
/** Card estreito: por padrão o `media` fica numa linha e o texto desce. Com `mediaInline` ele
|
|
16
40
|
* continua AO LADO do texto — para um media pequeno (o avatar da pessoa), em que a linha só dele
|
|
17
41
|
* seria espaço perdido. O `aside` desce do mesmo jeito. */
|
package/dist/SelectSteps.d.ts
CHANGED
|
@@ -1,8 +1,14 @@
|
|
|
1
1
|
import { ComponentPropsWithoutRef } from 'react';
|
|
2
|
-
/**
|
|
2
|
+
/** O estado de um passo. `error` = um passo que precisa voltar (o documento recusado). */
|
|
3
|
+
export type SelectStepState = 'done' | 'current' | 'error' | 'pending';
|
|
4
|
+
/**
|
|
5
|
+
* Um passo: só o rótulo, ou rótulo + descrição (a descrição só aparece na vertical) + o
|
|
6
|
+
* `state`, que vence o que sai do `current` (antes = feito, ele = atual, depois = pendente).
|
|
7
|
+
*/
|
|
3
8
|
export type SelectStepItem = string | {
|
|
4
9
|
label: string;
|
|
5
10
|
description?: string;
|
|
11
|
+
state?: SelectStepState;
|
|
6
12
|
};
|
|
7
13
|
type SelectStepsOwnProps = {
|
|
8
14
|
steps: SelectStepItem[];
|
|
@@ -12,6 +18,13 @@ type SelectStepsOwnProps = {
|
|
|
12
18
|
onSelect?: (index: number) => void;
|
|
13
19
|
/** 'horizontal' (padrão) = barra; 'vertical' = trilha lateral com descrições. */
|
|
14
20
|
orientation?: 'horizontal' | 'vertical';
|
|
21
|
+
/**
|
|
22
|
+
* Na horizontal, o traço que liga um passo ao seguinte (cheio depois de um passo feito). Sem
|
|
23
|
+
* espaço, os rótulos encolhem com reticências (o atual nunca); no celular a barra vira só os
|
|
24
|
+
* números ligados de ponta a ponta — os rótulos ficam para o leitor de tela, e quem usa a barra
|
|
25
|
+
* diz a etapa atual no cabeçalho ("Etapa 4 de 6").
|
|
26
|
+
*/
|
|
27
|
+
connected?: boolean;
|
|
15
28
|
};
|
|
16
29
|
export type SelectStepsProps = SelectStepsOwnProps & Omit<ComponentPropsWithoutRef<'ol'>, keyof SelectStepsOwnProps>;
|
|
17
30
|
export declare const SelectSteps: import('react').ForwardRefExoticComponent<SelectStepsOwnProps & Omit<Omit<import('react').DetailedHTMLProps<import('react').OlHTMLAttributes<HTMLOListElement>, HTMLOListElement>, "ref">, keyof SelectStepsOwnProps> & import('react').RefAttributes<HTMLOListElement>>;
|
package/dist/SelectTable.d.ts
CHANGED
|
@@ -16,6 +16,8 @@ export interface SelectColumn {
|
|
|
16
16
|
/** Deixa a coluna fora do arrasto de largura (default: arrastável). Use em coluna que não é
|
|
17
17
|
* conteúdo — a de ações, que tem tamanho de ícone e nada a revelar se esticada. */
|
|
18
18
|
resizable?: boolean;
|
|
19
|
+
/** Destaca a coluna inteira (o cabeçalho e as células) — a que está em conflito (0.1.141). */
|
|
20
|
+
tone?: 'critical' | 'caution' | 'info';
|
|
19
21
|
}
|
|
20
22
|
type SelectTableOwnProps = {
|
|
21
23
|
columns: SelectColumn[];
|
|
@@ -27,6 +27,11 @@ type SelectTagSelectOwnProps = {
|
|
|
27
27
|
* `selected`, reenviado sem ninguém ver. Agora vira um chip tracejado com este rótulo (padrão: o próprio valor).
|
|
28
28
|
*/
|
|
29
29
|
unknownLabel?: (value: string) => ReactNode;
|
|
30
|
+
/** As opções ainda chegando (0.1.141): o controle diz `loadingLabel` e não abre — sem o "Carregando…" no placeholder. */
|
|
31
|
+
loading?: boolean;
|
|
32
|
+
loadingLabel?: string;
|
|
33
|
+
/** Só leitura (quem não pode mudar): os chips ficam, sem o X, e o controle não abre. */
|
|
34
|
+
disabled?: boolean;
|
|
30
35
|
};
|
|
31
36
|
export type SelectTagSelectProps = SelectTagSelectOwnProps & Omit<ComponentPropsWithoutRef<'div'>, keyof SelectTagSelectOwnProps>;
|
|
32
37
|
export declare const SelectTagSelect: import('react').ForwardRefExoticComponent<SelectTagSelectOwnProps & Omit<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, keyof SelectTagSelectOwnProps> & import('react').RefAttributes<HTMLDivElement>>;
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
import { ReactNode } from 'react';
|
|
2
|
+
/** `{caminho}`, `{{caminho}}` e `{ caminho }` — o grupo 1 é o caminho. */
|
|
3
|
+
export declare const SELECT_TOKEN_PATTERN: RegExp;
|
|
4
|
+
export interface SelectTokenTextareaHandle {
|
|
5
|
+
/** Põe `{caminho}` onde o cursor estava (ou no fim) e devolve o foco à caixa. */
|
|
6
|
+
insertToken: (path: string) => void;
|
|
7
|
+
focus: () => void;
|
|
8
|
+
}
|
|
9
|
+
export interface SelectTokenTextareaProps {
|
|
10
|
+
label?: string;
|
|
11
|
+
value: string;
|
|
12
|
+
onChange: (value: string) => void;
|
|
13
|
+
/** O nome que a ficha mostra para cada caminho. */
|
|
14
|
+
labelOf: (path: string) => string;
|
|
15
|
+
/** O padrão do dado no texto (global, grupo 1 = caminho). Padrão `SELECT_TOKEN_PATTERN`. */
|
|
16
|
+
pattern?: RegExp;
|
|
17
|
+
labelAction?: ReactNode;
|
|
18
|
+
help?: ReactNode;
|
|
19
|
+
hint?: string;
|
|
20
|
+
error?: string;
|
|
21
|
+
placeholder?: string;
|
|
22
|
+
/** Altura mínima em linhas. Padrão 4. */
|
|
23
|
+
rows?: number;
|
|
24
|
+
disabled?: boolean;
|
|
25
|
+
onBlur?: () => void;
|
|
26
|
+
size?: 'sm' | 'md';
|
|
27
|
+
className?: string;
|
|
28
|
+
}
|
|
29
|
+
/** O DOM da caixa (ou um pedaço dele) de volta para o texto: a ficha vira o `{caminho}` que ela era. */
|
|
30
|
+
export declare function readTokenText(root: Node): string;
|
|
31
|
+
export declare const SelectTokenTextarea: import('react').ForwardRefExoticComponent<SelectTokenTextareaProps & import('react').RefAttributes<SelectTokenTextareaHandle>>;
|
|
@@ -11,6 +11,8 @@ type SelectUnitInputOwnProps = {
|
|
|
11
11
|
disabled?: boolean;
|
|
12
12
|
min?: number;
|
|
13
13
|
max?: number;
|
|
14
|
+
/** Aceita decimais com vírgula (texto com teclado decimal, não `type=number`). */
|
|
15
|
+
decimal?: boolean;
|
|
14
16
|
};
|
|
15
17
|
export type SelectUnitInputProps = SelectUnitInputOwnProps & Omit<ComponentPropsWithoutRef<'div'>, keyof SelectUnitInputOwnProps>;
|
|
16
18
|
export declare const SelectUnitInput: import('react').ForwardRefExoticComponent<SelectUnitInputOwnProps & Omit<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, keyof SelectUnitInputOwnProps> & import('react').RefAttributes<HTMLDivElement>>;
|
package/dist/chartUtils.d.ts
CHANGED
|
@@ -56,7 +56,12 @@ export declare const CHART_PAD: {
|
|
|
56
56
|
};
|
|
57
57
|
export interface SelectChartSeries {
|
|
58
58
|
name: string;
|
|
59
|
+
/** Os números da série. No SelectLineChart, `NaN` é um ponto SEM dado: a linha quebra ali (um dia em que a série
|
|
60
|
+
* não existia) em vez de ligar os vizinhos e inventar o caminho. */
|
|
59
61
|
data: number[];
|
|
62
|
+
/** SelectLineChart: o texto pronto de cada ponto ("58%", "R$ 1.234,00") — o tooltip mostra ele no lugar de
|
|
63
|
+
* `format` quando quem mandou o número também mandou como lê-lo. */
|
|
64
|
+
valueLabels?: ReadonlyArray<string | null | undefined>;
|
|
60
65
|
color?: string;
|
|
61
66
|
/** SelectColumnChart: paint the bars with diagonal stripes of `color` instead of the solid
|
|
62
67
|
* gradient — the second encoding for "not happened yet" (scheduled, projected), so the
|
package/dist/icons.d.ts
CHANGED
|
@@ -174,4 +174,34 @@ export declare function CloseCircleIcon(): import("react").JSX.Element;
|
|
|
174
174
|
export declare function FlashIcon(): import("react").JSX.Element;
|
|
175
175
|
/** Documento com texto (Iconsax document-text) — nota fiscal, documento anexado. */
|
|
176
176
|
export declare function DocumentTextIcon(): import("react").JSX.Element;
|
|
177
|
+
/** O Lince — o olho de felino (a pupila em fenda). Desenho próprio: a marca do motor de inteligência do lojista. */
|
|
178
|
+
export declare function LinceIcon(): import("react").JSX.Element;
|
|
179
|
+
export declare function TrendUpIcon(): import("react").JSX.Element;
|
|
180
|
+
export declare function LampIcon(): import("react").JSX.Element;
|
|
181
|
+
export declare function DatabaseIcon(): import("react").JSX.Element;
|
|
182
|
+
/** Câmera (Iconsax camera) — a selfie e a foto do documento tiradas na hora. */
|
|
183
|
+
export declare function CameraIcon(): import("react").JSX.Element;
|
|
184
|
+
/** Documento com foto (Iconsax personalcard) — RG, CNH. */
|
|
185
|
+
export declare function IdCardIcon(): import("react").JSX.Element;
|
|
186
|
+
/** Escudo com visto (Iconsax shield-tick) — o que foi preenchido está guardado. Não é o `ShieldIcon`
|
|
187
|
+
* (a verificação em duas etapas). */
|
|
188
|
+
export declare function ShieldTickIcon(): import("react").JSX.Element;
|
|
189
|
+
/** Seta para cima e à direita — abrir fora, "ver no checkout". */
|
|
190
|
+
export declare function ArrowUpRightIcon(): import("react").JSX.Element;
|
|
191
|
+
/** Sacola de compras — o pedido, o produto (mesma geometria do checkout). */
|
|
192
|
+
export declare function BagIcon(): import("react").JSX.Element;
|
|
193
|
+
/** Página com cabeçalho e coluna — o layout de uma tela (o formato do checkout). */
|
|
194
|
+
export declare function LayoutIcon(): import("react").JSX.Element;
|
|
195
|
+
/** Alvo — o objetivo, a conversão que se mede. */
|
|
196
|
+
export declare function TargetIcon(): import("react").JSX.Element;
|
|
197
|
+
/** Presente — o brinde, o bônus (mesma geometria do checkout). */
|
|
198
|
+
export declare function GiftIcon(): import("react").JSX.Element;
|
|
199
|
+
/** Fone com microfone — o atendimento, o suporte (mesma geometria do checkout). */
|
|
200
|
+
export declare function HeadsetIcon(): import("react").JSX.Element;
|
|
201
|
+
/** WhatsApp no traço da casa (não a marca colorida) — o canal da mensagem, o selo de atendimento. */
|
|
202
|
+
export declare function WhatsAppIcon(): import("react").JSX.Element;
|
|
203
|
+
/** Imagem (Iconsax gallery) — o bloco de imagem de um e-mail, a foto de um produto. */
|
|
204
|
+
export declare function ImageIcon(): import("react").JSX.Element;
|
|
205
|
+
/** Alça de arrastar (6 pontos) — a de toda lista e grade que se reordena. Preenchido: pontos não têm traço. */
|
|
206
|
+
export declare function GripIcon(): import("react").JSX.Element;
|
|
177
207
|
export {};
|
package/dist/index.d.ts
CHANGED
|
@@ -42,7 +42,8 @@ export { SelectOptionList, SelectOptionRow } from './SelectOptionList';
|
|
|
42
42
|
export { SelectIdentityFooter } from './SelectIdentityFooter';
|
|
43
43
|
export { SelectOtpInput } from './SelectOtpInput';
|
|
44
44
|
export { SelectBackLink } from './SelectBackLink';
|
|
45
|
-
export { SelectResendButton } from './SelectResendButton';
|
|
45
|
+
export { SelectResendButton, formatResendWait } from './SelectResendButton';
|
|
46
|
+
export type { SelectResendButtonProps } from './SelectResendButton';
|
|
46
47
|
export { SelectRetryStatus, type SelectRetryStatusProps, type SelectRetryPhase } from './SelectRetryStatus';
|
|
47
48
|
export { SelectPasswordStrength, passwordScore, type SelectPasswordRule } from './SelectPasswordStrength';
|
|
48
49
|
export { SelectLoader, type SelectLoaderProps } from './SelectLoader';
|
|
@@ -86,7 +87,12 @@ export { SelectFormModal } from './SelectFormModal';
|
|
|
86
87
|
export { detectSelectTheme } from './detectSelectTheme';
|
|
87
88
|
export { SelectDataTable, SELECT_COL_DATETIME, SELECT_COL_ID, useSelectPageSize } from './SelectDataTable';
|
|
88
89
|
export { SelectCardGrid } from './SelectCardGrid';
|
|
89
|
-
export { SelectRecordCard, SelectLayoutThumb } from './SelectRecordCard';
|
|
90
|
+
export { SelectRecordCard, SelectLayoutThumb, SelectFactList } from './SelectRecordCard';
|
|
91
|
+
export { SelectBreadcrumb } from './SelectBreadcrumb';
|
|
92
|
+
export { SelectSortableItem, SelectDragHandle, SelectDragPreview } from './SelectSortable';
|
|
93
|
+
export { SelectTokenTextarea, SELECT_TOKEN_PATTERN, readTokenText } from './SelectTokenTextarea';
|
|
94
|
+
export { SelectPreviewStage, SelectDeviceFrame, SelectMessageBubble, SelectMailPreview } from './SelectChannelPreview';
|
|
95
|
+
export { SelectIconPicker, type SelectIconOption } from './SelectIconPicker';
|
|
90
96
|
export { SelectSplitChain } from './SelectSplitChain';
|
|
91
97
|
export { SelectOfferPrice } from './SelectOfferPrice';
|
|
92
98
|
export { SelectRatingQuote } from './SelectRatingQuote';
|
|
@@ -101,7 +107,11 @@ export { SelectMoney, SelectSensitiveValue, SelectMetricDelta, SelectHideMoneyTo
|
|
|
101
107
|
export { SelectBalanceCard } from './SelectBalanceCard';
|
|
102
108
|
export { SelectFeeBreakdown } from './SelectFeeBreakdown';
|
|
103
109
|
export { SelectKpiCard } from './SelectKpiCard';
|
|
104
|
-
export { SelectInsight, formatInsightImpact } from './SelectInsight';
|
|
110
|
+
export { SelectInsight, SelectInsightList, SelectInsightRow, formatInsightImpact } from './SelectInsight';
|
|
111
|
+
export { SelectAssistant, SelectChatMessage, SelectChatTurn, SelectChatTyping } from './SelectAssistant';
|
|
112
|
+
export { SelectNumberedList, SelectNumberedItem } from './SelectNumberedList';
|
|
113
|
+
export type { SelectNumberedListProps, SelectNumberedItemProps } from './SelectNumberedList';
|
|
114
|
+
export type { SelectAssistantProps, SelectAssistantSuggestion, SelectChatMessageProps, SelectChatTurnProps, SelectChatTypingProps } from './SelectAssistant';
|
|
105
115
|
export { SelectChartCard } from './SelectChartCard';
|
|
106
116
|
export { SelectSparkline } from './SelectSparkline';
|
|
107
117
|
export { SelectBarChart } from './SelectBarChart';
|
|
@@ -121,7 +131,7 @@ export type { SelectPipsProps } from './SelectPips';
|
|
|
121
131
|
export { SelectIconTile } from './SelectIconTile';
|
|
122
132
|
export type { SelectIconTileProps, SelectIconTileTone } from './SelectIconTile';
|
|
123
133
|
export { SelectSpotlight } from './SelectSpotlight';
|
|
124
|
-
export type { SelectSpotlightProps, SelectSpotlightTone } from './SelectSpotlight';
|
|
134
|
+
export type { SelectSpotlightProps, SelectSpotlightTone, SelectSpotlightFact } from './SelectSpotlight';
|
|
125
135
|
export { SelectTaskCard } from './SelectTaskCard';
|
|
126
136
|
export type { SelectTaskCardProps } from './SelectTaskCard';
|
|
127
137
|
export { SelectMiniStats } from './SelectMiniStats';
|
|
@@ -169,14 +179,14 @@ export { SelectVenn } from './SelectVenn';
|
|
|
169
179
|
export { SelectCirclePack } from './SelectCirclePack';
|
|
170
180
|
export { SelectNetwork } from './SelectNetwork';
|
|
171
181
|
export { SelectCombobox } from './SelectCombobox';
|
|
172
|
-
export { SelectSearchMenu, SelectSearchMenuOption } from './SelectSearchMenu';
|
|
182
|
+
export { SelectSearchMenu, SelectSearchMenuOption, SelectSearchMenuGroup } from './SelectSearchMenu';
|
|
173
183
|
export { SelectThemeSwitcher, resolveSelectTheme } from './SelectThemeSwitcher';
|
|
174
184
|
export { SelectDetailList, SelectDetailRow } from './SelectDetail';
|
|
175
185
|
export { SelectAddButton } from './SelectAddButton';
|
|
176
186
|
export { SelectAddCard } from './SelectAddCard';
|
|
177
187
|
export type { SelectAddCardProps } from './SelectAddCard';
|
|
178
188
|
export { SelectSteps } from './SelectSteps';
|
|
179
|
-
export type { SelectStepsProps, SelectStepItem } from './SelectSteps';
|
|
189
|
+
export type { SelectStepsProps, SelectStepItem, SelectStepState } from './SelectSteps';
|
|
180
190
|
export { SelectSetupGuide, SelectSetupNext } from './SelectSetupGuide';
|
|
181
191
|
export type { SelectSetupGuideProps, SelectSetupGroup, SelectSetupStep, SelectSetupStepStatus } from './SelectSetupGuide';
|
|
182
192
|
export { SelectTour } from './SelectTour';
|
|
@@ -250,8 +260,11 @@ export type { SelectRowAction } from './SelectRowActions';
|
|
|
250
260
|
export type { SelectStatusMeta } from './SelectStatusBadge';
|
|
251
261
|
export type { SelectTimelineItem, SelectTimelineTone } from './SelectTimeline';
|
|
252
262
|
export type { SelectDataColumn } from './SelectDataTable';
|
|
253
|
-
export type { SelectInsightProps, SelectInsightData, SelectInsightBlock, SelectInsightValue, SelectInsightItem, SelectInsightAction, SelectInsightLabels, SelectInsightLocale, } from './SelectInsight';
|
|
254
|
-
export type { SelectRecordCardProps, SelectRecordCardTone, SelectLayoutThumbProps } from './SelectRecordCard';
|
|
263
|
+
export type { SelectInsightProps, SelectInsightRowProps, SelectInsightListProps, SelectInsightActionLink, SelectInsightData, SelectInsightBlock, SelectInsightValue, SelectInsightItem, SelectInsightAction, SelectInsightLabels, SelectInsightLocale, SelectInsightOutcome, } from './SelectInsight';
|
|
264
|
+
export type { SelectRecordCardProps, SelectRecordCardTone, SelectLayoutThumbProps, SelectFact } from './SelectRecordCard';
|
|
265
|
+
export type { SelectBreadcrumbProps, SelectBreadcrumbItem } from './SelectBreadcrumb';
|
|
266
|
+
export type { SelectSortableItemProps, SelectDragHandleProps } from './SelectSortable';
|
|
267
|
+
export type { SelectTokenTextareaProps, SelectTokenTextareaHandle } from './SelectTokenTextarea';
|
|
255
268
|
export type { SelectSplitChainProps, SelectSplitNode } from './SelectSplitChain';
|
|
256
269
|
export type { SelectOfferPriceProps } from './SelectOfferPrice';
|
|
257
270
|
export type { SelectRatingQuoteProps } from './SelectRatingQuote';
|