@selectwin/kit 0.1.129 → 0.1.131
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/dist/SelectChipInput.d.ts +22 -0
- package/dist/SelectListCard.d.ts +7 -1
- package/dist/SelectMiniStats.d.ts +3 -2
- package/dist/SelectText.d.ts +3 -1
- package/dist/index.d.ts +2 -0
- package/dist/index.js +747 -643
- package/dist/style.css +1 -1
- package/package.json +1 -1
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import { ComponentPropsWithoutRef, ReactNode } from 'react';
|
|
2
|
+
type SelectChipInputOwnProps = {
|
|
3
|
+
label?: ReactNode;
|
|
4
|
+
value: string[];
|
|
5
|
+
onChange: (next: string[]) => void;
|
|
6
|
+
placeholder?: string;
|
|
7
|
+
hint?: ReactNode;
|
|
8
|
+
/** Erro da LISTA inteira (ex.: "Adicione ao menos um IP"). O erro do valor digitado é interno. */
|
|
9
|
+
error?: string;
|
|
10
|
+
disabled?: boolean;
|
|
11
|
+
/** Teto de etiquetas. Cheio: o campo trava e a ajuda diz o limite. */
|
|
12
|
+
max?: number;
|
|
13
|
+
/** Motivo para recusar um valor (ou `undefined` para aceitar). */
|
|
14
|
+
validate?: (candidate: string) => string | undefined;
|
|
15
|
+
/** Etiquetas em fonte monoespaçada (IPs, códigos). */
|
|
16
|
+
mono?: boolean;
|
|
17
|
+
/** Nome acessível do campo quando não há `label` visível. */
|
|
18
|
+
ariaLabel?: string;
|
|
19
|
+
};
|
|
20
|
+
export type SelectChipInputProps = SelectChipInputOwnProps & Omit<ComponentPropsWithoutRef<'div'>, keyof SelectChipInputOwnProps>;
|
|
21
|
+
export declare const SelectChipInput: import('react').ForwardRefExoticComponent<SelectChipInputOwnProps & Omit<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, keyof SelectChipInputOwnProps> & import('react').RefAttributes<HTMLDivElement>>;
|
|
22
|
+
export {};
|
package/dist/SelectListCard.d.ts
CHANGED
|
@@ -20,7 +20,7 @@ type SelectListCardOwnProps = {
|
|
|
20
20
|
};
|
|
21
21
|
export type SelectListCardProps = SelectListCardOwnProps & Omit<ComponentPropsWithoutRef<'div'>, keyof SelectListCardOwnProps>;
|
|
22
22
|
export declare const SelectListCard: import('react').ForwardRefExoticComponent<SelectListCardOwnProps & Omit<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, keyof SelectListCardOwnProps> & import('react').RefAttributes<HTMLDivElement>>;
|
|
23
|
-
export declare function SelectListRow({ media, mediaSize, title, secondary, action, muted, onClick, }: {
|
|
23
|
+
export declare function SelectListRow({ media, mediaSize, title, secondary, action, muted, wrap, onClick, }: {
|
|
24
24
|
/** Leading visual — an icon or SelectAvatar. */
|
|
25
25
|
media?: ReactNode;
|
|
26
26
|
/** `icon` (padrão) encaixa um glifo cru numa caixa de 1.25rem; `auto` deixa o visual com o
|
|
@@ -33,6 +33,12 @@ export declare function SelectListRow({ media, mediaSize, title, secondary, acti
|
|
|
33
33
|
action?: ReactNode;
|
|
34
34
|
/** Dim the title/media (e.g. a disabled field). */
|
|
35
35
|
muted?: boolean;
|
|
36
|
+
/**
|
|
37
|
+
* A ação é LARGA (um preço com a situação embaixo + um botão, 0.1.131): no estreito ela desce para
|
|
38
|
+
* baixo do texto, alinhada à direita, em vez de espremer o título numa coluna de uma palavra por linha.
|
|
39
|
+
* No largo, tudo segue numa linha só.
|
|
40
|
+
*/
|
|
41
|
+
wrap?: boolean;
|
|
36
42
|
onClick?: () => void;
|
|
37
43
|
}): import("react").JSX.Element;
|
|
38
44
|
/**
|
|
@@ -11,9 +11,10 @@ type SelectMiniStatsOwnProps = {
|
|
|
11
11
|
order?: 'label-first' | 'value-first';
|
|
12
12
|
/**
|
|
13
13
|
* Colunas FIXAS (0.1.126): 2 = 2×2, 3 = 3×2 — sem o item órfão sozinho na última linha que o
|
|
14
|
-
* encaixe automático deixa com 5 ou 6 números.
|
|
14
|
+
* encaixe automático deixa com 5 ou 6 números. 5 = uma linha de cinco (0.1.130). Em telas
|
|
15
|
+
* estreitas cai para 2 (ou 1).
|
|
15
16
|
*/
|
|
16
|
-
columns?: 2 | 3 | 4;
|
|
17
|
+
columns?: 2 | 3 | 4 | 5;
|
|
17
18
|
};
|
|
18
19
|
export type SelectMiniStatsProps = SelectMiniStatsOwnProps & Omit<ComponentPropsWithoutRef<'dl'>, keyof SelectMiniStatsOwnProps>;
|
|
19
20
|
export declare const SelectMiniStats: import('react').ForwardRefExoticComponent<SelectMiniStatsOwnProps & Omit<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDListElement>, HTMLDListElement>, "ref">, keyof SelectMiniStatsOwnProps> & import('react').RefAttributes<HTMLDListElement>>;
|
package/dist/SelectText.d.ts
CHANGED
|
@@ -15,8 +15,10 @@ type SelectTextOwnProps = {
|
|
|
15
15
|
truncate?: boolean;
|
|
16
16
|
/** Tabular figures (align numbers in tables/amounts). */
|
|
17
17
|
numeric?: boolean;
|
|
18
|
+
/** Fonte monoespaçada — uma chave mascarada, um código, um IP (0.1.130). */
|
|
19
|
+
mono?: boolean;
|
|
18
20
|
className?: string;
|
|
19
21
|
};
|
|
20
22
|
export type SelectTextProps = SelectTextOwnProps & Omit<HTMLAttributes<HTMLElement>, keyof SelectTextOwnProps>;
|
|
21
|
-
export declare function SelectText({ children, as, variant, tone, fontWeight, alignment, truncate, numeric, className, ...rest }: SelectTextProps): import("react").JSX.Element;
|
|
23
|
+
export declare function SelectText({ children, as, variant, tone, fontWeight, alignment, truncate, numeric, mono, className, ...rest }: SelectTextProps): import("react").JSX.Element;
|
|
22
24
|
export {};
|
package/dist/index.d.ts
CHANGED
|
@@ -36,6 +36,8 @@ export { SelectLinkButton } from './SelectLinkButton';
|
|
|
36
36
|
export { SelectDivider } from './SelectDivider';
|
|
37
37
|
export { SelectAlert } from './SelectAlert';
|
|
38
38
|
export { SelectAvatar, avatarInitials } from './SelectAvatar';
|
|
39
|
+
export { SelectChipInput } from './SelectChipInput';
|
|
40
|
+
export type { SelectChipInputProps } from './SelectChipInput';
|
|
39
41
|
export { SelectOptionList, SelectOptionRow } from './SelectOptionList';
|
|
40
42
|
export { SelectIdentityFooter } from './SelectIdentityFooter';
|
|
41
43
|
export { SelectOtpInput } from './SelectOtpInput';
|