@archbase/components 4.0.41 → 4.0.43
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/archbase-components-4.0.43.tgz +0 -0
- package/dist/editors/ArchbasePasswordEdit.d.ts +20 -1
- package/dist/editors/ArchbasePasswordStrengthMeter.d.ts +22 -0
- package/dist/editors/index.d.ts +2 -0
- package/dist/index.js +5372 -5299
- package/package.json +4 -4
- package/src/editors/ArchbasePasswordEdit.tsx +92 -5
- package/src/editors/ArchbasePasswordStrengthMeter.tsx +112 -0
- package/src/editors/index.tsx +2 -0
- package/dist/archbase-components-4.0.41.tgz +0 -0
|
Binary file
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import { InputVariant, MantineSize } from '@mantine/core';
|
|
2
2
|
import { CSSProperties, default as React } from 'react';
|
|
3
3
|
import { IArchbaseDataSourceBase } from '@archbase/data';
|
|
4
|
+
import { ArchbasePasswordPolicy, ArchbasePasswordValidationResult } from '@archbase/core';
|
|
4
5
|
export interface ArchbasePasswordEditProps<T, ID> {
|
|
5
6
|
/** Fonte de dados onde será atribuido o valor do edit (V1 ou V2) */
|
|
6
7
|
dataSource?: IArchbaseDataSourceBase<T>;
|
|
@@ -39,5 +40,23 @@ export interface ArchbasePasswordEditProps<T, ID> {
|
|
|
39
40
|
/** Referência para o componente interno */
|
|
40
41
|
innerRef?: React.RefObject<HTMLInputElement> | undefined;
|
|
41
42
|
variant?: InputVariant;
|
|
43
|
+
/**
|
|
44
|
+
* Critérios de senha forte aplicados como pré-validação no próprio componente.
|
|
45
|
+
* `true` aplica a política padrão do Archbase; um objeto permite ajustar cada critério.
|
|
46
|
+
* Quando ausente nenhuma validação de força é feita (comportamento original).
|
|
47
|
+
*/
|
|
48
|
+
passwordPolicy?: ArchbasePasswordPolicy | boolean;
|
|
49
|
+
/** Indicador se a lista de critérios deve ser exibida. Padrão: true quando há política */
|
|
50
|
+
showPasswordRequirements?: boolean;
|
|
51
|
+
/** Indicador se a barra de força deve ser exibida. Padrão: true quando há política */
|
|
52
|
+
showPasswordStrengthBar?: boolean;
|
|
53
|
+
/**
|
|
54
|
+
* Quando os critérios ficam visíveis:
|
|
55
|
+
* `onFocus` (padrão) enquanto o campo tem foco ou está inválido,
|
|
56
|
+
* `always` sempre, `whenInvalid` somente quando algum critério falha.
|
|
57
|
+
*/
|
|
58
|
+
passwordRequirementsVisibility?: 'always' | 'onFocus' | 'whenInvalid';
|
|
59
|
+
/** Evento disparado a cada mudança no resultado da pré-validação */
|
|
60
|
+
onPasswordValidation?: (result: ArchbasePasswordValidationResult) => void;
|
|
42
61
|
}
|
|
43
|
-
export declare function ArchbasePasswordEdit<T, ID>({ dataSource, dataField, disabled, readOnly, style, placeholder, label, description, error, required, size, width, innerRef, value, onKeyDown, onKeyUp, onFocusExit, onFocusEnter, onChangeValue, variant, }: ArchbasePasswordEditProps<T, ID>): import("react/jsx-runtime").JSX.Element;
|
|
62
|
+
export declare function ArchbasePasswordEdit<T, ID>({ dataSource, dataField, disabled, readOnly, style, placeholder, label, description, error, required, size, width, innerRef, value, onKeyDown, onKeyUp, onFocusExit, onFocusEnter, onChangeValue, variant, passwordPolicy, showPasswordRequirements, showPasswordStrengthBar, passwordRequirementsVisibility, onPasswordValidation, }: ArchbasePasswordEditProps<T, ID>): import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import { MantineSize } from '@mantine/core';
|
|
2
|
+
import { CSSProperties } from 'react';
|
|
3
|
+
import { ArchbasePasswordPolicy, ArchbasePasswordValidationResult } from '@archbase/core';
|
|
4
|
+
export interface ArchbasePasswordStrengthMeterProps {
|
|
5
|
+
/** Senha a ser avaliada */
|
|
6
|
+
value?: string;
|
|
7
|
+
/** Critérios de senha forte. `true` aplica a política padrão do Archbase */
|
|
8
|
+
policy?: ArchbasePasswordPolicy | boolean;
|
|
9
|
+
/** Indicador se a barra de força deve ser exibida */
|
|
10
|
+
showStrengthBar?: boolean;
|
|
11
|
+
/** Indicador se a lista de critérios deve ser exibida */
|
|
12
|
+
showRequirements?: boolean;
|
|
13
|
+
/** Exibe somente os critérios ainda não atendidos */
|
|
14
|
+
onlyUnmetRequirements?: boolean;
|
|
15
|
+
/** Tamanho do texto dos critérios */
|
|
16
|
+
size?: MantineSize;
|
|
17
|
+
/** Evento disparado sempre que o resultado da validação muda */
|
|
18
|
+
onValidationChange?: (result: ArchbasePasswordValidationResult) => void;
|
|
19
|
+
/** Estilo do container */
|
|
20
|
+
style?: CSSProperties;
|
|
21
|
+
}
|
|
22
|
+
export declare function ArchbasePasswordStrengthMeter({ value, policy, showStrengthBar, showRequirements, onlyUnmetRequirements, size, onValidationChange, style, }: ArchbasePasswordStrengthMeterProps): import("react/jsx-runtime").JSX.Element;
|
package/dist/editors/index.d.ts
CHANGED
|
@@ -41,6 +41,8 @@ export { ArchbaseNumberEdit } from './ArchbaseNumberEdit';
|
|
|
41
41
|
export type { ArchbaseNumberEditProps } from './ArchbaseNumberEdit';
|
|
42
42
|
export { ArchbasePasswordEdit } from './ArchbasePasswordEdit';
|
|
43
43
|
export type { ArchbasePasswordEditProps } from './ArchbasePasswordEdit';
|
|
44
|
+
export { ArchbasePasswordStrengthMeter } from './ArchbasePasswordStrengthMeter';
|
|
45
|
+
export type { ArchbasePasswordStrengthMeterProps } from './ArchbasePasswordStrengthMeter';
|
|
44
46
|
export { ArchbaseRadioGroup } from './ArchbaseRadioGroup';
|
|
45
47
|
export type { ArchbaseRadioGroupProps } from './ArchbaseRadioGroup';
|
|
46
48
|
export { ArchbaseRadioItem } from './ArchbaseRadioItem';
|