@scmlatam/web-ui 0.2.21 → 0.2.23
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/src/components/rb.d.ts +4 -4
- package/dist/src/pages/home/rb/sections/SystemAlertSection.d.ts +1 -0
- package/dist/src/rb-components/feedback/system-alert/SystemAlert.d.ts +11 -4
- package/dist/src/rb-components/feedback/system-alert/index.d.ts +3 -3
- package/dist/src/rb-components/feedback/system-alert/systemAlertStore.d.ts +16 -1
- package/dist/src/rb-components/feedback/system-alert/useSystemAlert.d.ts +4 -4
- package/dist/src/rb-components/ui/primitives/date-fields/CustomTimefield.d.ts +24 -2
- package/dist/src/rb-components/ui/primitives/date-fields/TimePickerPanel.d.ts +19 -1
- package/dist/web-ui.js +3150 -3135
- package/dist/web-ui.umd.cjs +138 -80
- package/package.json +1 -1
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
export { MessageAlert } from '../rb-components/feedback';
|
|
1
|
+
export { MessageAlert, } from '../rb-components/feedback';
|
|
2
2
|
export type { MessageAlertAction, MessageAlertProps, MessageAlertType, } from '../rb-components/feedback';
|
|
3
|
-
export { SystemAlert } from '../rb-components/feedback/system-alert';
|
|
4
|
-
export { useSystemAlert as useRbSystemAlert } from '../rb-components/feedback/system-alert';
|
|
5
|
-
export type { SystemAlertKey, SystemAlertSeverity, } from '../rb-components/feedback/system-alert';
|
|
3
|
+
export { SystemAlert, } from '../rb-components/feedback/system-alert';
|
|
4
|
+
export { useSystemAlert as useRbSystemAlert, } from '../rb-components/feedback/system-alert';
|
|
5
|
+
export type { SystemAlertKey, SystemAlertOptions, SystemAlertSeverity, } from '../rb-components/feedback/system-alert';
|
|
6
6
|
export { AuthLanguageDropdown, AuthPasswordInput, AuthShell, } from '../rb-components/auth';
|
|
7
7
|
export { FormField, FormGrid, FormShell } from '../rb-components/form';
|
|
8
8
|
export type { FormFieldProps, FormFieldSpan, FormGridColumnGap, FormGridProps, FormGridRowGap, FormShellProps, FormShellSize, } from '../rb-components/form';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare function SystemAlertSection(): import("react").JSX.Element;
|
|
@@ -1,6 +1,13 @@
|
|
|
1
1
|
import { default as React } from 'react';
|
|
2
|
-
interface SystemAlertProps {
|
|
2
|
+
export interface SystemAlertProps {
|
|
3
|
+
/**
|
|
4
|
+
* Texto accesible por defecto
|
|
5
|
+
* para el botón de cierre.
|
|
6
|
+
*
|
|
7
|
+
* Puede sobrescribirse por alerta
|
|
8
|
+
* mediante showAlert.
|
|
9
|
+
*/
|
|
10
|
+
closeLabel?: string;
|
|
3
11
|
}
|
|
4
|
-
declare const SystemAlert: ({}: SystemAlertProps) => React.ReactPortal | null;
|
|
5
|
-
export { SystemAlert };
|
|
6
|
-
export type { SystemAlertProps };
|
|
12
|
+
declare const SystemAlert: ({ closeLabel, }: SystemAlertProps) => React.ReactPortal | null;
|
|
13
|
+
export { SystemAlert, };
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
export { SystemAlert } from './SystemAlert';
|
|
2
|
-
export { useSystemAlert } from './useSystemAlert';
|
|
3
|
-
export type { SystemAlertKey, SystemAlertSeverity, } from './systemAlertStore';
|
|
1
|
+
export { SystemAlert, } from './SystemAlert';
|
|
2
|
+
export { useSystemAlert, } from './useSystemAlert';
|
|
3
|
+
export type { SystemAlertKey, SystemAlertOptions, SystemAlertSeverity, } from './systemAlertStore';
|
|
@@ -1,10 +1,25 @@
|
|
|
1
|
-
export type SystemAlertSeverity = "error" | "info" | "success" | "warning" | "default";
|
|
1
|
+
export type SystemAlertSeverity = "error" | "info" | "success" | "warning" | "loading" | "default";
|
|
2
2
|
export type SystemAlertKey = string;
|
|
3
|
+
export interface SystemAlertOptions {
|
|
4
|
+
/**
|
|
5
|
+
* Duración del toast en milisegundos.
|
|
6
|
+
*
|
|
7
|
+
* Si no se entrega:
|
|
8
|
+
* - loading/default permanecen abiertos.
|
|
9
|
+
* - el resto dura 5000 ms.
|
|
10
|
+
*/
|
|
11
|
+
duration?: number;
|
|
12
|
+
/**
|
|
13
|
+
* Texto accesible del botón de cierre.
|
|
14
|
+
*/
|
|
15
|
+
closeLabel?: string;
|
|
16
|
+
}
|
|
3
17
|
export interface SystemAlertItem {
|
|
4
18
|
id: SystemAlertKey;
|
|
5
19
|
severity: SystemAlertSeverity;
|
|
6
20
|
message: string;
|
|
7
21
|
duration?: number;
|
|
22
|
+
closeLabel?: string;
|
|
8
23
|
}
|
|
9
24
|
type Listener = (items: SystemAlertItem[]) => void;
|
|
10
25
|
export declare function subscribeSystemAlerts(listener: Listener): () => void;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import { SystemAlertKey, SystemAlertSeverity } from './systemAlertStore';
|
|
1
|
+
import { SystemAlertKey, SystemAlertOptions, SystemAlertSeverity } from './systemAlertStore';
|
|
2
2
|
declare const useSystemAlert: () => {
|
|
3
|
-
showAlert: (severity: SystemAlertSeverity, message: string) => SystemAlertKey;
|
|
3
|
+
showAlert: (severity: SystemAlertSeverity, message: string, options?: SystemAlertOptions) => SystemAlertKey;
|
|
4
4
|
closeAlert: (key: SystemAlertKey) => void;
|
|
5
5
|
};
|
|
6
|
-
export { useSystemAlert };
|
|
7
|
-
export type { SystemAlertSeverity,
|
|
6
|
+
export { useSystemAlert, };
|
|
7
|
+
export type { SystemAlertKey, SystemAlertOptions, SystemAlertSeverity, };
|
|
@@ -8,6 +8,28 @@ export interface CustomTimefieldProps {
|
|
|
8
8
|
disabled: boolean;
|
|
9
9
|
white: boolean;
|
|
10
10
|
fullWidth: boolean;
|
|
11
|
+
/**
|
|
12
|
+
* Intervalo disponible en la
|
|
13
|
+
* selección de minutos.
|
|
14
|
+
*
|
|
15
|
+
* @default 1
|
|
16
|
+
*
|
|
17
|
+
* Ejemplo:
|
|
18
|
+
* minuteStep={15}
|
|
19
|
+
*
|
|
20
|
+
* muestra:
|
|
21
|
+
* 00, 15, 30 y 45.
|
|
22
|
+
*/
|
|
23
|
+
minuteStep?: number;
|
|
24
|
+
/**
|
|
25
|
+
* Estado visual y accesible
|
|
26
|
+
* de error.
|
|
27
|
+
*/
|
|
28
|
+
error?: boolean;
|
|
29
|
+
/**
|
|
30
|
+
* Texto mostrado bajo el campo.
|
|
31
|
+
*/
|
|
32
|
+
helperText?: React.ReactNode;
|
|
11
33
|
}
|
|
12
|
-
declare const CustomTimefield: ({ label, initialValue, value, setValue, disabled, white, fullWidth, }: CustomTimefieldProps) => React.JSX.Element;
|
|
13
|
-
export { CustomTimefield };
|
|
34
|
+
declare const CustomTimefield: ({ label, initialValue, value, setValue, disabled, white, fullWidth, minuteStep, error, helperText, }: CustomTimefieldProps) => React.JSX.Element;
|
|
35
|
+
export { CustomTimefield, };
|
|
@@ -2,6 +2,24 @@ import { Dayjs } from 'dayjs';
|
|
|
2
2
|
interface TimePickerPanelProps {
|
|
3
3
|
value: Dayjs | null;
|
|
4
4
|
onChange: (newValue: Dayjs) => void;
|
|
5
|
+
/**
|
|
6
|
+
* Intervalo entre las opciones
|
|
7
|
+
* disponibles de minutos.
|
|
8
|
+
*
|
|
9
|
+
* Ejemplos:
|
|
10
|
+
*
|
|
11
|
+
* 1:
|
|
12
|
+
* 00, 01, 02 ... 59
|
|
13
|
+
*
|
|
14
|
+
* 5:
|
|
15
|
+
* 00, 05, 10 ... 55
|
|
16
|
+
*
|
|
17
|
+
* 15:
|
|
18
|
+
* 00, 15, 30, 45
|
|
19
|
+
*
|
|
20
|
+
* @default 1
|
|
21
|
+
*/
|
|
22
|
+
minuteStep?: number;
|
|
5
23
|
}
|
|
6
|
-
export declare function TimePickerPanel({ value, onChange, }: TimePickerPanelProps): import("react").JSX.Element;
|
|
24
|
+
export declare function TimePickerPanel({ value, onChange, minuteStep, }: TimePickerPanelProps): import("react").JSX.Element;
|
|
7
25
|
export {};
|