@codeplex-sac/ui 0.0.13 → 0.0.17
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/index.cjs +85 -147
- package/index.d.ts +6 -12
- package/index.js +11286 -24290
- package/lib/alerta/alerta.d.ts +4 -4
- package/lib/anuncio/anuncio.d.ts +6 -5
- package/lib/ayuda-entrada/ayuda-entrada.d.ts +9 -3
- package/lib/boton/boton.d.ts +2 -1
- package/lib/cargador-archivos/cargador-archivos.d.ts +23 -0
- package/lib/encabezado-principal/encabezado-principal.d.ts +5 -4
- package/lib/esqueleto/esqueleto.d.ts +4 -3
- package/lib/etiqueta/etiqueta-inteligente.d.ts +4 -3
- package/lib/etiqueta/popup-requisitos.d.ts +2 -3
- package/lib/selector-color/selector-color.d.ts +14 -0
- package/lib/tarjeta-estadistica/tarjeta-estadistica.d.ts +13 -0
- package/lib/tour/tour.d.ts +101 -0
- package/package.json +4 -3
- package/lib/autocompletado/autocompletado.d.ts +0 -23
- package/lib/campo-numero/campo-numero.d.ts +0 -21
- package/lib/campo-texto/campo-texto.d.ts +0 -26
- package/lib/casilla/casilla.d.ts +0 -23
- package/lib/deslizador/deslizador.d.ts +0 -23
- package/lib/dialogo/dialogo.d.ts +0 -17
- package/lib/grupo-radio/grupo-radio.d.ts +0 -26
- package/lib/interruptor/interruptor.d.ts +0 -19
- package/lib/lista-transferencia/lista-transferencia.d.ts +0 -17
- package/lib/mensaje-emergente/mensaje-emergente.d.ts +0 -16
- package/lib/notificacion/notificacion.d.ts +0 -24
- package/lib/selector/selector.d.ts +0 -25
package/lib/alerta/alerta.d.ts
CHANGED
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { default as React } from 'react';
|
|
2
2
|
import { AlertProps } from '@mui/material/Alert';
|
|
3
|
+
import { SxProps, Theme } from '@mui/material/styles';
|
|
3
4
|
export type CodeplexAlertaVariante = 'info' | 'exito' | 'advertencia' | 'peligro';
|
|
4
5
|
export type CodeplexAlertaDiseno = 'estandar' | 'lleno' | 'contorno' | 'suave';
|
|
5
6
|
export interface CodeplexAlertaProps extends Omit<AlertProps, 'variant' | 'severity' | 'onClose'> {
|
|
@@ -13,9 +14,8 @@ export interface CodeplexAlertaProps extends Omit<AlertProps, 'variant' | 'sever
|
|
|
13
14
|
tiempoAutoCierre?: number;
|
|
14
15
|
accion?: React.ReactNode;
|
|
15
16
|
icono?: React.ReactNode;
|
|
16
|
-
className?: string;
|
|
17
|
-
sx?: any;
|
|
18
17
|
children?: React.ReactNode;
|
|
18
|
+
sx?: SxProps<Theme>;
|
|
19
19
|
}
|
|
20
|
-
export declare const CodeplexAlerta: ({ variante, diseno, titulo, descripcion, cerrable, abierto, alCerrar, tiempoAutoCierre, accion, icono,
|
|
21
|
-
export declare const CodeplexAlert: ({ variante, diseno, titulo, descripcion, cerrable, abierto, alCerrar, tiempoAutoCierre, accion, icono,
|
|
20
|
+
export declare const CodeplexAlerta: ({ variante, diseno, titulo, descripcion, cerrable, abierto, alCerrar, tiempoAutoCierre, accion, icono, children, sx, ...props }: CodeplexAlertaProps) => import("react/jsx-runtime").JSX.Element;
|
|
21
|
+
export declare const CodeplexAlert: ({ variante, diseno, titulo, descripcion, cerrable, abierto, alCerrar, tiempoAutoCierre, accion, icono, children, sx, ...props }: CodeplexAlertaProps) => import("react/jsx-runtime").JSX.Element;
|
package/lib/anuncio/anuncio.d.ts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { default as React } from 'react';
|
|
2
|
-
export type CodeplexAvisoVariante = 'info' | '
|
|
3
|
-
export interface CodeplexAvisoProps
|
|
2
|
+
export type CodeplexAvisoVariante = 'info' | 'exito' | 'advertencia' | 'error' | 'neutro' | 'success' | 'warning' | 'neutral';
|
|
3
|
+
export interface CodeplexAvisoProps {
|
|
4
4
|
titulo?: string;
|
|
5
5
|
descripcion?: string;
|
|
6
6
|
variante?: CodeplexAvisoVariante;
|
|
@@ -8,7 +8,8 @@ export interface CodeplexAvisoProps extends React.HTMLAttributes<HTMLDivElement>
|
|
|
8
8
|
abierto?: boolean;
|
|
9
9
|
alCerrar?: () => void;
|
|
10
10
|
anchoCompleto?: boolean;
|
|
11
|
-
icono?:
|
|
11
|
+
icono?: React.ReactNode;
|
|
12
|
+
children?: React.ReactNode;
|
|
12
13
|
}
|
|
13
|
-
export declare const CodeplexAviso: ({ titulo, descripcion, variante, icono, cerrable, abierto, alCerrar, anchoCompleto,
|
|
14
|
-
export declare const CodeplexBanner: ({ titulo, descripcion, variante, icono, cerrable, abierto, alCerrar, anchoCompleto,
|
|
14
|
+
export declare const CodeplexAviso: ({ titulo, descripcion, variante, icono, cerrable, abierto, alCerrar, anchoCompleto, children, }: CodeplexAvisoProps) => import("react/jsx-runtime").JSX.Element | null;
|
|
15
|
+
export declare const CodeplexBanner: ({ titulo, descripcion, variante, icono, cerrable, abierto, alCerrar, anchoCompleto, children, }: CodeplexAvisoProps) => import("react/jsx-runtime").JSX.Element | null;
|
|
@@ -1,10 +1,16 @@
|
|
|
1
1
|
export interface CodeplexAyudaEntradaProps {
|
|
2
2
|
textoAyuda?: string;
|
|
3
|
-
error?: string;
|
|
4
3
|
mensajeError?: string;
|
|
5
4
|
valor?: string | number;
|
|
6
5
|
longitudMaxima?: number;
|
|
7
6
|
mostrarContador?: boolean;
|
|
8
7
|
}
|
|
9
|
-
export declare const CodeplexAyudaEntrada: ({ textoAyuda, mensajeError, valor, longitudMaxima, mostrarContador }: CodeplexAyudaEntradaProps) => import("react/jsx-runtime").JSX.Element | null;
|
|
10
|
-
export
|
|
8
|
+
export declare const CodeplexAyudaEntrada: ({ textoAyuda, mensajeError, valor, longitudMaxima, mostrarContador, }: CodeplexAyudaEntradaProps) => import("react/jsx-runtime").JSX.Element | null;
|
|
9
|
+
export interface CodeplexInputHelperProps {
|
|
10
|
+
helperText?: string;
|
|
11
|
+
error?: string;
|
|
12
|
+
value?: string | number;
|
|
13
|
+
maxLength?: number;
|
|
14
|
+
showCount?: boolean;
|
|
15
|
+
}
|
|
16
|
+
export declare const CodeplexInputHelper: ({ helperText, error, value, maxLength, showCount, }: CodeplexInputHelperProps) => import("react/jsx-runtime").JSX.Element;
|
package/lib/boton/boton.d.ts
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { default as React } from 'react';
|
|
2
2
|
import { ButtonProps } from '@mui/material/Button';
|
|
3
3
|
export type CodeplexBotonVariante = 'primario' | 'secundario' | 'contorno' | 'fantasma' | 'peligro' | 'exito' | 'advertencia' | 'info' | 'oscuro' | 'claro' | 'suave' | 'enlace';
|
|
4
|
-
export type CodeplexBotonTamano = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
|
|
4
|
+
export type CodeplexBotonTamano = 'diminuto' | 'pequeno' | 'mediano' | 'grande' | 'enorme' | 'xs' | 'sm' | 'md' | 'lg' | 'xl';
|
|
5
5
|
export type CodeplexBotonForma = 'cuadrado' | 'circulo' | 'pildora';
|
|
6
6
|
export type CodeplexBotonColor = ButtonProps['color'] | 'primario' | 'secundario' | 'exito' | 'error' | 'info' | 'advertencia' | 'oscuro' | 'claro';
|
|
7
7
|
export type CodeplexBotonEstado = 'inactivo' | 'cargando' | 'exito' | 'error';
|
|
@@ -25,6 +25,7 @@ export interface CodeplexBotonProps extends Omit<ButtonProps, 'variant' | 'size'
|
|
|
25
25
|
href?: string;
|
|
26
26
|
target?: string;
|
|
27
27
|
fullWidth?: boolean;
|
|
28
|
+
anchoCompleto?: boolean;
|
|
28
29
|
}
|
|
29
30
|
export declare const EntradaOcultaVisualmente: React.ComponentType<React.ComponentProps<"input">>;
|
|
30
31
|
export declare const CodeplexBoton: React.ForwardRefExoticComponent<Omit<CodeplexBotonProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
export type CodeplexCargadorArchivosVariante = 'zona' | 'compacto' | 'boton';
|
|
2
|
+
export type CodeplexTipoArchivoPreestablecido = 'excel' | 'csv' | 'hojaCalculo' | 'pdf' | 'documento' | 'imagen' | 'video' | 'audio' | 'cualquiera';
|
|
3
|
+
export interface CodeplexArchivoItem {
|
|
4
|
+
id: string;
|
|
5
|
+
archivo: File;
|
|
6
|
+
error?: string;
|
|
7
|
+
progreso?: number;
|
|
8
|
+
}
|
|
9
|
+
export interface CodeplexCargadorArchivosProps {
|
|
10
|
+
variante?: CodeplexCargadorArchivosVariante;
|
|
11
|
+
tipoPreestablecido?: CodeplexTipoArchivoPreestablecido;
|
|
12
|
+
multiple?: boolean;
|
|
13
|
+
aceptar?: string;
|
|
14
|
+
tamanoMaximo?: number;
|
|
15
|
+
etiqueta?: string;
|
|
16
|
+
descripcion?: string;
|
|
17
|
+
mostrarLista?: boolean;
|
|
18
|
+
anchoCompleto?: boolean;
|
|
19
|
+
deshabilitado?: boolean;
|
|
20
|
+
alCambiar?: (archivos: File[]) => void;
|
|
21
|
+
alError?: (errores: string[]) => void;
|
|
22
|
+
}
|
|
23
|
+
export declare const CodeplexCargadorArchivos: ({ variante, tipoPreestablecido, multiple, aceptar: aceptarProp, tamanoMaximo, etiqueta: etiquetaProp, descripcion: descripcionProp, mostrarLista, anchoCompleto, deshabilitado, alCambiar, alError, }: CodeplexCargadorArchivosProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { default as React } from 'react';
|
|
2
|
-
export type CodeplexEncabezadoAlineacion = 'left' | 'center';
|
|
3
|
-
export interface CodeplexEncabezadoPrincipalProps
|
|
2
|
+
export type CodeplexEncabezadoAlineacion = 'izquierda' | 'centro' | 'left' | 'center';
|
|
3
|
+
export interface CodeplexEncabezadoPrincipalProps {
|
|
4
4
|
antetitulo?: string;
|
|
5
5
|
titulo?: string;
|
|
6
6
|
subtitulo?: string;
|
|
@@ -12,6 +12,7 @@ export interface CodeplexEncabezadoPrincipalProps extends React.HTMLAttributes<H
|
|
|
12
12
|
alturaCompleta?: boolean;
|
|
13
13
|
urlImagenFondo?: string;
|
|
14
14
|
capaOscura?: boolean;
|
|
15
|
+
children?: React.ReactNode;
|
|
15
16
|
}
|
|
16
|
-
export declare const CodeplexEncabezadoPrincipal: ({ antetitulo, titulo, subtitulo, alineacion, etiquetaPrimaria, etiquetaSecundaria, alClickPrimario, alClickSecundario, alturaCompleta, urlImagenFondo, capaOscura,
|
|
17
|
-
export declare const CodeplexJumbotron: ({ antetitulo, titulo, subtitulo, alineacion, etiquetaPrimaria, etiquetaSecundaria, alClickPrimario, alClickSecundario, alturaCompleta, urlImagenFondo, capaOscura,
|
|
17
|
+
export declare const CodeplexEncabezadoPrincipal: ({ antetitulo, titulo, subtitulo, alineacion, etiquetaPrimaria, etiquetaSecundaria, alClickPrimario, alClickSecundario, alturaCompleta, urlImagenFondo, capaOscura, children, }: CodeplexEncabezadoPrincipalProps) => import("react/jsx-runtime").JSX.Element;
|
|
18
|
+
export declare const CodeplexJumbotron: ({ antetitulo, titulo, subtitulo, alineacion, etiquetaPrimaria, etiquetaSecundaria, alClickPrimario, alClickSecundario, alturaCompleta, urlImagenFondo, capaOscura, children, }: CodeplexEncabezadoPrincipalProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,10 +1,11 @@
|
|
|
1
1
|
import { SkeletonProps } from '@mui/material/Skeleton';
|
|
2
|
-
export interface
|
|
2
|
+
export interface CodeplexEsqueletoContenidoProps extends Omit<SkeletonProps, 'variant' | 'animation' | 'width' | 'height'> {
|
|
3
3
|
variante?: 'texto' | 'rectangular' | 'redondeado' | 'circular';
|
|
4
4
|
ancho?: number | string;
|
|
5
5
|
alto?: number | string;
|
|
6
6
|
animacion?: 'pulso' | 'ola' | false;
|
|
7
7
|
colorBase?: string;
|
|
8
8
|
}
|
|
9
|
-
export declare const
|
|
10
|
-
export declare const
|
|
9
|
+
export declare const CodeplexEsqueletoContenido: ({ variante, ancho, alto, animacion, colorBase, className, ...props }: CodeplexEsqueletoContenidoProps) => import("react/jsx-runtime").JSX.Element;
|
|
10
|
+
export declare const CodeplexEsqueleto: ({ variante, ancho, alto, animacion, colorBase, className, ...props }: CodeplexEsqueletoContenidoProps) => import("react/jsx-runtime").JSX.Element;
|
|
11
|
+
export declare const CodeplexSkeleton: ({ variante, ancho, alto, animacion, colorBase, className, ...props }: CodeplexEsqueletoContenidoProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,9 +1,10 @@
|
|
|
1
1
|
import { default as React } from 'react';
|
|
2
|
-
export interface CodeplexEtiquetaInteligenteProps
|
|
2
|
+
export interface CodeplexEtiquetaInteligenteProps {
|
|
3
3
|
para?: string;
|
|
4
4
|
texto?: string;
|
|
5
5
|
obligatorio?: boolean;
|
|
6
6
|
requisitos?: string[];
|
|
7
|
+
children?: React.ReactNode;
|
|
7
8
|
}
|
|
8
|
-
export declare const CodeplexEtiquetaInteligente: ({ para, texto, obligatorio, requisitos,
|
|
9
|
-
export declare const CodeplexSmartLabel: ({ para, texto, obligatorio, requisitos,
|
|
9
|
+
export declare const CodeplexEtiquetaInteligente: ({ para, texto, obligatorio, requisitos, children, }: CodeplexEtiquetaInteligenteProps) => import("react/jsx-runtime").JSX.Element;
|
|
10
|
+
export declare const CodeplexSmartLabel: ({ para, texto, obligatorio, requisitos, children, }: CodeplexEtiquetaInteligenteProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
export interface CodeplexPopupRequisitosProps {
|
|
2
2
|
requisitos?: string[];
|
|
3
|
-
className?: string;
|
|
4
3
|
}
|
|
5
|
-
export declare const CodeplexPopupRequisitos: ({ requisitos,
|
|
6
|
-
export declare const CodeplexRequirementsPopup: ({ requisitos,
|
|
4
|
+
export declare const CodeplexPopupRequisitos: ({ requisitos, }: CodeplexPopupRequisitosProps) => import("react/jsx-runtime").JSX.Element;
|
|
5
|
+
export declare const CodeplexRequirementsPopup: ({ requisitos, }: CodeplexPopupRequisitosProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
export type CodeplexSelectorColorVariante = 'emergente' | 'fijo';
|
|
2
|
+
export type CodeplexSelectorColorTamano = 'pequeno' | 'mediano' | 'grande';
|
|
3
|
+
export interface CodeplexSelectorColorProps {
|
|
4
|
+
valor?: string;
|
|
5
|
+
alCambiar?: (color: string) => void;
|
|
6
|
+
coloresPredefinidos?: string[];
|
|
7
|
+
mostrarInput?: boolean;
|
|
8
|
+
mostrarPersonalizado?: boolean;
|
|
9
|
+
variante?: CodeplexSelectorColorVariante;
|
|
10
|
+
etiqueta?: string;
|
|
11
|
+
deshabilitado?: boolean;
|
|
12
|
+
tamano?: CodeplexSelectorColorTamano;
|
|
13
|
+
}
|
|
14
|
+
export declare const CodeplexSelectorColor: ({ valor, alCambiar, coloresPredefinidos, mostrarInput, mostrarPersonalizado, variante, etiqueta, deshabilitado, tamano, }: CodeplexSelectorColorProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { SxProps, Theme } from '@mui/material';
|
|
2
|
+
export type CodeplexTarjetaEstadisticaColor = 'neutro' | 'exito' | 'error' | 'aviso';
|
|
3
|
+
export interface CodeplexTarjetaEstadisticaProps {
|
|
4
|
+
etiqueta: string;
|
|
5
|
+
valor: number | string;
|
|
6
|
+
color?: CodeplexTarjetaEstadisticaColor;
|
|
7
|
+
subtitulo?: string;
|
|
8
|
+
sx?: SxProps<Theme>;
|
|
9
|
+
}
|
|
10
|
+
export declare const CodeplexTarjetaEstadistica: {
|
|
11
|
+
({ etiqueta, valor, color, subtitulo, sx, }: CodeplexTarjetaEstadisticaProps): import("react/jsx-runtime").JSX.Element;
|
|
12
|
+
displayName: string;
|
|
13
|
+
};
|
|
@@ -0,0 +1,101 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
import { Step, CardComponentProps } from 'nextstepjs';
|
|
3
|
+
export { useNextStep } from 'nextstepjs';
|
|
4
|
+
export type { Tour as CodeplexTourDefinicion, Step as CodeplexPasoTour, CardComponentProps as CodeplexTarjetaTourProps } from 'nextstepjs';
|
|
5
|
+
/** Paso individual del tour con API en español */
|
|
6
|
+
export interface CodeplexPaso {
|
|
7
|
+
/** Icono del paso (ReactNode o emoji string) */
|
|
8
|
+
icono?: React.ReactNode | string | null;
|
|
9
|
+
/** Título del paso */
|
|
10
|
+
titulo: string;
|
|
11
|
+
/** Contenido/descripción del paso */
|
|
12
|
+
contenido: React.ReactNode;
|
|
13
|
+
/** Selector CSS del elemento objetivo (ej: '#mi-boton', '.mi-clase') */
|
|
14
|
+
selector?: string;
|
|
15
|
+
/** Posición de la tarjeta respecto al elemento */
|
|
16
|
+
posicion?: Step['side'];
|
|
17
|
+
/** Mostrar controles de navegación */
|
|
18
|
+
mostrarControles?: boolean;
|
|
19
|
+
/** Mostrar botón de saltar */
|
|
20
|
+
mostrarSaltar?: boolean;
|
|
21
|
+
/** Padding del puntero alrededor del elemento */
|
|
22
|
+
paddingPuntero?: number;
|
|
23
|
+
/** Radio del borde del puntero */
|
|
24
|
+
radioPuntero?: number;
|
|
25
|
+
/** Deshabilitar interacción con el elemento resaltado */
|
|
26
|
+
deshabilitarInteraccion?: boolean;
|
|
27
|
+
/** Ruta a navegar en el siguiente paso */
|
|
28
|
+
siguienteRuta?: string;
|
|
29
|
+
/** Ruta a navegar en el paso anterior */
|
|
30
|
+
anteriorRuta?: string;
|
|
31
|
+
/** ID del viewport contenedor */
|
|
32
|
+
viewportId?: string;
|
|
33
|
+
}
|
|
34
|
+
/** Definición de un tour completo */
|
|
35
|
+
export interface CodeplexDefinicionTour {
|
|
36
|
+
/** Identificador único del tour */
|
|
37
|
+
id: string;
|
|
38
|
+
/** Pasos del tour */
|
|
39
|
+
pasos: CodeplexPaso[];
|
|
40
|
+
}
|
|
41
|
+
/** Props del componente CodeplexTour */
|
|
42
|
+
export interface CodeplexTourProps {
|
|
43
|
+
/** Contenido de la aplicación que se envuelve con el tour */
|
|
44
|
+
children: React.ReactNode;
|
|
45
|
+
/** Lista de tours disponibles */
|
|
46
|
+
tours: CodeplexDefinicionTour[];
|
|
47
|
+
/** Color RGB de la sombra del overlay (ej: '0, 0, 0') @default '0, 0, 0' */
|
|
48
|
+
colorSombra?: string;
|
|
49
|
+
/** Opacidad de la sombra del overlay @default '0.5' */
|
|
50
|
+
opacidadSombra?: string;
|
|
51
|
+
/** Mostrar flecha apuntando al elemento @default true */
|
|
52
|
+
mostrarFlecha?: boolean;
|
|
53
|
+
/** Permitir click a través del overlay @default false */
|
|
54
|
+
clickAtravesOverlay?: boolean;
|
|
55
|
+
/** Callback al iniciar un tour */
|
|
56
|
+
alIniciar?: (nombreTour: string | null) => void;
|
|
57
|
+
/** Callback al cambiar de paso */
|
|
58
|
+
alCambiarPaso?: (paso: number, nombreTour: string | null) => void;
|
|
59
|
+
/** Callback al completar el tour */
|
|
60
|
+
alCompletar?: (nombreTour: string | null) => void;
|
|
61
|
+
/** Callback al saltar el tour */
|
|
62
|
+
alSaltar?: (paso: number, nombreTour: string | null) => void;
|
|
63
|
+
/** Componente personalizado para la tarjeta del tour */
|
|
64
|
+
tarjetaPersonalizada?: React.ComponentType<CardComponentProps>;
|
|
65
|
+
/** Scroll al inicio al terminar @default true */
|
|
66
|
+
scrollAlInicio?: boolean;
|
|
67
|
+
/** Deshabilitar logs en consola @default true */
|
|
68
|
+
deshabilitarLogs?: boolean;
|
|
69
|
+
/** Z-index del overlay @default 1400 */
|
|
70
|
+
zIndexOverlay?: number;
|
|
71
|
+
/** Offset superior para scroll (altura del header fijo en px) @default 80 */
|
|
72
|
+
offsetSuperior?: number;
|
|
73
|
+
/** Offset inferior para scroll (altura del footer fijo en px) @default 60 */
|
|
74
|
+
offsetInferior?: number;
|
|
75
|
+
}
|
|
76
|
+
/**
|
|
77
|
+
* `CodeplexTour` - Componente de tours guiados para onboarding.
|
|
78
|
+
*
|
|
79
|
+
* Envuelve la aplicación o sección con tours interactivos que resaltan
|
|
80
|
+
* elementos del DOM y guían al usuario paso a paso.
|
|
81
|
+
*
|
|
82
|
+
* @example
|
|
83
|
+
* ```tsx
|
|
84
|
+
* const tours: CodeplexDefinicionTour[] = [{
|
|
85
|
+
* id: 'mi-tour',
|
|
86
|
+
* pasos: [
|
|
87
|
+
* { titulo: 'Bienvenido', contenido: 'Este es el inicio', icono: '👋' },
|
|
88
|
+
* { titulo: 'Botón', contenido: 'Haz clic aquí', selector: '#mi-boton', posicion: 'bottom' },
|
|
89
|
+
* ]
|
|
90
|
+
* }];
|
|
91
|
+
*
|
|
92
|
+
* <CodeplexTour tours={tours}>
|
|
93
|
+
* <MiApp />
|
|
94
|
+
* </CodeplexTour>
|
|
95
|
+
*
|
|
96
|
+
* // Desde un componente hijo:
|
|
97
|
+
* const { startNextStep } = useNextStep();
|
|
98
|
+
* startNextStep('mi-tour');
|
|
99
|
+
* ```
|
|
100
|
+
*/
|
|
101
|
+
export declare const CodeplexTour: React.FC<CodeplexTourProps>;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@codeplex-sac/ui",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.17",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"main": "./index.js",
|
|
6
6
|
"module": "./index.js",
|
|
@@ -24,6 +24,7 @@
|
|
|
24
24
|
"@emotion/react": "^11.14.0",
|
|
25
25
|
"@emotion/styled": "^11.14.1",
|
|
26
26
|
"@mui/icons-material": "^7.3.6",
|
|
27
|
-
"@mui/material": "^7.3.6"
|
|
27
|
+
"@mui/material": "^7.3.6",
|
|
28
|
+
"nextstepjs": "^2.2.0"
|
|
28
29
|
}
|
|
29
|
-
}
|
|
30
|
+
}
|
|
@@ -1,23 +0,0 @@
|
|
|
1
|
-
import { default as React } from 'react';
|
|
2
|
-
import { AutocompleteProps, AutocompleteRenderInputParams } from '@mui/material/Autocomplete';
|
|
3
|
-
import { TextFieldProps } from '@mui/material/TextField';
|
|
4
|
-
export interface CodeplexAutocompletadoProps<T, Multiple extends boolean | undefined = undefined, DisableClearable extends boolean | undefined = undefined, FreeSolo extends boolean | undefined = undefined> extends Omit<AutocompleteProps<T, Multiple, DisableClearable, FreeSolo>, 'renderInput' | 'options' | 'value' | 'onChange' | 'loading' | 'disabled' | 'readOnly'> {
|
|
5
|
-
opciones: ReadonlyArray<T>;
|
|
6
|
-
valor?: any;
|
|
7
|
-
alCambiar?: (event: React.SyntheticEvent, value: any, reason: string, details?: any) => void;
|
|
8
|
-
etiqueta?: string;
|
|
9
|
-
textoAyuda?: string;
|
|
10
|
-
marcador?: string;
|
|
11
|
-
error?: boolean;
|
|
12
|
-
mensajeError?: string;
|
|
13
|
-
requerido?: boolean;
|
|
14
|
-
cargando?: boolean;
|
|
15
|
-
deshabilitado?: boolean;
|
|
16
|
-
soloLectura?: boolean;
|
|
17
|
-
limpiable?: boolean;
|
|
18
|
-
multiple?: Multiple;
|
|
19
|
-
renderizarEntrada?: (params: AutocompleteRenderInputParams) => React.ReactNode;
|
|
20
|
-
propsEntrada?: TextFieldProps;
|
|
21
|
-
}
|
|
22
|
-
export declare function CodeplexAutocompletado<T, Multiple extends boolean | undefined = undefined, DisableClearable extends boolean | undefined = undefined, FreeSolo extends boolean | undefined = undefined>({ opciones, valor, alCambiar, etiqueta, textoAyuda, marcador, error, mensajeError, requerido, cargando, deshabilitado, soloLectura, limpiable, multiple, propsEntrada, renderizarEntrada, ...props }: CodeplexAutocompletadoProps<T, Multiple, DisableClearable, FreeSolo>): import("react/jsx-runtime").JSX.Element;
|
|
23
|
-
export declare const CodeplexAutocomplete: typeof CodeplexAutocompletado;
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
import { TextFieldProps } from '@mui/material/TextField';
|
|
2
|
-
export type CodeplexCampoNumeroAlineacion = 'izquierda' | 'centro' | 'derecha';
|
|
3
|
-
export interface CodeplexCampoNumeroProps extends Omit<TextFieldProps, 'onChange' | 'error' | 'helperText'> {
|
|
4
|
-
etiqueta?: string;
|
|
5
|
-
textoAyuda?: string;
|
|
6
|
-
minimo?: number;
|
|
7
|
-
maximo?: number;
|
|
8
|
-
paso?: number;
|
|
9
|
-
valor?: number | null;
|
|
10
|
-
valorPorDefecto?: number;
|
|
11
|
-
alineacion?: CodeplexCampoNumeroAlineacion;
|
|
12
|
-
mostrarControles?: boolean;
|
|
13
|
-
error?: boolean;
|
|
14
|
-
mensajeError?: string;
|
|
15
|
-
deshabilitado?: boolean;
|
|
16
|
-
soloLectura?: boolean;
|
|
17
|
-
anchoCompleto?: boolean;
|
|
18
|
-
alCambiar?: (value: number | null) => void;
|
|
19
|
-
}
|
|
20
|
-
export declare const CodeplexCampoNumero: ({ etiqueta, textoAyuda, minimo, maximo, paso, valor, valorPorDefecto, alineacion, mostrarControles, error, mensajeError, deshabilitado, soloLectura, anchoCompleto, alCambiar, InputProps, ...props }: CodeplexCampoNumeroProps) => import("react/jsx-runtime").JSX.Element;
|
|
21
|
-
export declare const CodeplexNumberField: ({ etiqueta, textoAyuda, minimo, maximo, paso, valor, valorPorDefecto, alineacion, mostrarControles, error, mensajeError, deshabilitado, soloLectura, anchoCompleto, alCambiar, InputProps, ...props }: CodeplexCampoNumeroProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,26 +0,0 @@
|
|
|
1
|
-
import { default as React } from 'react';
|
|
2
|
-
import { TextFieldProps } from '@mui/material/TextField';
|
|
3
|
-
export interface CodeplexCampoTextoProps extends Omit<TextFieldProps, 'label' | 'helperText' | 'disabled' | 'readOnly' | 'value' | 'onChange' | 'error' | 'multiline' | 'rows' | 'minRows' | 'maxRows' | 'placeholder' | 'fullWidth' | 'type' | 'onFocus' | 'onBlur'> {
|
|
4
|
-
etiqueta?: React.ReactNode;
|
|
5
|
-
textoAyuda?: React.ReactNode;
|
|
6
|
-
valor?: unknown;
|
|
7
|
-
alCambiar?: TextFieldProps['onChange'];
|
|
8
|
-
deshabilitado?: boolean;
|
|
9
|
-
soloLectura?: boolean;
|
|
10
|
-
error?: boolean;
|
|
11
|
-
mensajeError?: React.ReactNode;
|
|
12
|
-
multilinea?: boolean;
|
|
13
|
-
filas?: number | string;
|
|
14
|
-
filasMinimas?: number | string;
|
|
15
|
-
filasMaximas?: number | string;
|
|
16
|
-
marcador?: string;
|
|
17
|
-
anchoCompleto?: boolean;
|
|
18
|
-
tipo?: React.InputHTMLAttributes<unknown>['type'];
|
|
19
|
-
iconoInicio?: React.ReactNode;
|
|
20
|
-
iconoFin?: React.ReactNode;
|
|
21
|
-
alEnfocar?: TextFieldProps['onFocus'];
|
|
22
|
-
alDesenfocar?: TextFieldProps['onBlur'];
|
|
23
|
-
contenedorProps?: any;
|
|
24
|
-
}
|
|
25
|
-
export declare const CodeplexCampoTexto: ({ etiqueta, textoAyuda, valor, alCambiar, deshabilitado, soloLectura, error, mensajeError, multilinea, filas, filasMinimas, filasMaximas, marcador, anchoCompleto, tipo, iconoInicio, iconoFin, alEnfocar, alDesenfocar, InputProps, sx, ...props }: CodeplexCampoTextoProps) => import("react/jsx-runtime").JSX.Element;
|
|
26
|
-
export declare const CodeplexTextField: ({ etiqueta, textoAyuda, valor, alCambiar, deshabilitado, soloLectura, error, mensajeError, multilinea, filas, filasMinimas, filasMaximas, marcador, anchoCompleto, tipo, iconoInicio, iconoFin, alEnfocar, alDesenfocar, InputProps, sx, ...props }: CodeplexCampoTextoProps) => import("react/jsx-runtime").JSX.Element;
|
package/lib/casilla/casilla.d.ts
DELETED
|
@@ -1,23 +0,0 @@
|
|
|
1
|
-
import { default as React } from 'react';
|
|
2
|
-
import { CheckboxProps } from '@mui/material/Checkbox';
|
|
3
|
-
import { default as FormGroup } from '@mui/material/FormGroup';
|
|
4
|
-
export type CodeplexCasillaTamano = 'p' | 'm' | 'g';
|
|
5
|
-
export type CodeplexCasillaColor = 'primario' | 'secundario' | 'exito' | 'error' | 'info' | 'advertencia';
|
|
6
|
-
export type CodeplexCasillaVariante = 'estandar' | 'suave' | 'borde';
|
|
7
|
-
export interface CodeplexCasillaProps extends Omit<CheckboxProps, 'size' | 'color' | 'checked'> {
|
|
8
|
-
etiqueta?: React.ReactNode;
|
|
9
|
-
posicionEtiqueta?: 'derecha' | 'izquierda' | 'arriba' | 'abajo';
|
|
10
|
-
seleccionado?: boolean;
|
|
11
|
-
indeterminado?: boolean;
|
|
12
|
-
deshabilitado?: boolean;
|
|
13
|
-
soloLectura?: boolean;
|
|
14
|
-
requerido?: boolean;
|
|
15
|
-
error?: boolean;
|
|
16
|
-
tamano?: CodeplexCasillaTamano;
|
|
17
|
-
color?: CodeplexCasillaColor;
|
|
18
|
-
variante?: CodeplexCasillaVariante;
|
|
19
|
-
alCambiar?: (evento: React.ChangeEvent<HTMLInputElement>, seleccionado: boolean) => void;
|
|
20
|
-
}
|
|
21
|
-
export declare const CodeplexCasilla: React.ForwardRefExoticComponent<Omit<CodeplexCasillaProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
|
|
22
|
-
export { FormGroup as CodeplexGrupoFormulario };
|
|
23
|
-
export declare const CodeplexCheckbox: React.ForwardRefExoticComponent<Omit<CodeplexCasillaProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
|
|
@@ -1,23 +0,0 @@
|
|
|
1
|
-
import { default as React } from 'react';
|
|
2
|
-
import { SliderProps } from '@mui/material/Slider';
|
|
3
|
-
export type CodeplexDeslizadorColor = 'primario' | 'secundario' | 'exito' | 'error' | 'info' | 'advertencia';
|
|
4
|
-
export type CodeplexDeslizadorMostrarEtiqueta = 'auto' | 'siempre' | 'nunca';
|
|
5
|
-
export interface CodeplexDeslizadorProps extends Omit<SliderProps, 'value' | 'min' | 'max' | 'step' | 'marks' | 'valueLabelDisplay' | 'color'> {
|
|
6
|
-
etiqueta?: string;
|
|
7
|
-
textoAyuda?: string;
|
|
8
|
-
valor?: number | number[];
|
|
9
|
-
minimo?: number;
|
|
10
|
-
maximo?: number;
|
|
11
|
-
paso?: number | null;
|
|
12
|
-
marcas?: boolean | Array<{
|
|
13
|
-
value: number;
|
|
14
|
-
label?: React.ReactNode;
|
|
15
|
-
}>;
|
|
16
|
-
mostrarEtiquetaValor?: CodeplexDeslizadorMostrarEtiqueta;
|
|
17
|
-
orientacion?: 'horizontal' | 'vertical';
|
|
18
|
-
color?: CodeplexDeslizadorColor;
|
|
19
|
-
alCambiar?: (event: Event, value: number | number[], activeThumb: number) => void;
|
|
20
|
-
tamano?: SliderProps['size'];
|
|
21
|
-
}
|
|
22
|
-
export declare const CodeplexDeslizador: ({ etiqueta, textoAyuda, valor, minimo, maximo, paso, marcas, mostrarEtiquetaValor, orientacion, color, alCambiar, tamano, className, sx, ...props }: CodeplexDeslizadorProps) => import("react/jsx-runtime").JSX.Element;
|
|
23
|
-
export declare const CodeplexSlider: ({ etiqueta, textoAyuda, valor, minimo, maximo, paso, marcas, mostrarEtiquetaValor, orientacion, color, alCambiar, tamano, className, sx, ...props }: CodeplexDeslizadorProps) => import("react/jsx-runtime").JSX.Element;
|
package/lib/dialogo/dialogo.d.ts
DELETED
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
import { default as React } from 'react';
|
|
2
|
-
import { DialogProps, DialogTitleProps, DialogContentProps, DialogContentTextProps, DialogActionsProps } from '@mui/material';
|
|
3
|
-
export interface CodeplexDialogoProps extends DialogProps {
|
|
4
|
-
}
|
|
5
|
-
export declare const CodeplexDialogo: React.FC<CodeplexDialogoProps>;
|
|
6
|
-
export interface CodeplexDialogoTituloProps extends DialogTitleProps {
|
|
7
|
-
}
|
|
8
|
-
export declare const CodeplexDialogoTitulo: React.FC<CodeplexDialogoTituloProps>;
|
|
9
|
-
export interface CodeplexDialogoContenidoProps extends DialogContentProps {
|
|
10
|
-
}
|
|
11
|
-
export declare const CodeplexDialogoContenido: React.FC<CodeplexDialogoContenidoProps>;
|
|
12
|
-
export interface CodeplexDialogoTextoProps extends DialogContentTextProps {
|
|
13
|
-
}
|
|
14
|
-
export declare const CodeplexDialogoTexto: React.FC<CodeplexDialogoTextoProps>;
|
|
15
|
-
export interface CodeplexDialogoAccionesProps extends DialogActionsProps {
|
|
16
|
-
}
|
|
17
|
-
export declare const CodeplexDialogoAcciones: React.FC<CodeplexDialogoAccionesProps>;
|
|
@@ -1,26 +0,0 @@
|
|
|
1
|
-
import { default as React } from 'react';
|
|
2
|
-
import { RadioProps } from '@mui/material/Radio';
|
|
3
|
-
import { RadioGroupProps } from '@mui/material/RadioGroup';
|
|
4
|
-
export interface CodeplexRadioProps extends RadioProps {
|
|
5
|
-
etiqueta?: string;
|
|
6
|
-
posicionEtiqueta?: 'end' | 'start' | 'top' | 'bottom';
|
|
7
|
-
}
|
|
8
|
-
export declare const CodeplexRadio: React.ForwardRefExoticComponent<Omit<CodeplexRadioProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
|
|
9
|
-
export type CodeplexGrupoRadioOrientacion = 'horizontal' | 'vertical';
|
|
10
|
-
export type CodeplexGrupoRadioColor = 'primario' | 'secundario' | 'exito' | 'error' | 'info' | 'advertencia';
|
|
11
|
-
export interface CodeplexGrupoRadioProps extends Omit<RadioGroupProps, 'row' | 'onChange'> {
|
|
12
|
-
etiqueta?: string;
|
|
13
|
-
opciones?: Array<{
|
|
14
|
-
valor: string;
|
|
15
|
-
etiqueta: string;
|
|
16
|
-
deshabilitado?: boolean;
|
|
17
|
-
}>;
|
|
18
|
-
orientacion?: CodeplexGrupoRadioOrientacion;
|
|
19
|
-
valor?: string;
|
|
20
|
-
alCambiar?: (event: React.ChangeEvent<HTMLInputElement>, value: string) => void;
|
|
21
|
-
color?: CodeplexGrupoRadioColor;
|
|
22
|
-
error?: boolean;
|
|
23
|
-
mensajeError?: string;
|
|
24
|
-
}
|
|
25
|
-
export declare const CodeplexGrupoRadio: ({ etiqueta, opciones, orientacion, valor, alCambiar, color, error, mensajeError, children, ...props }: CodeplexGrupoRadioProps) => import("react/jsx-runtime").JSX.Element;
|
|
26
|
-
export declare const CodeplexRadioGroup: ({ etiqueta, opciones, orientacion, valor, alCambiar, color, error, mensajeError, children, ...props }: CodeplexGrupoRadioProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
import { default as React } from 'react';
|
|
2
|
-
import { SwitchProps } from '@mui/material/Switch';
|
|
3
|
-
export type CodeplexInterruptorColor = 'primario' | 'secundario' | 'exito' | 'error' | 'advertencia' | 'info';
|
|
4
|
-
export type CodeplexInterruptorTamano = 'pequeno' | 'mediano';
|
|
5
|
-
export type CodeplexInterruptorPosicionEtiqueta = 'inicio' | 'fin' | 'arriba' | 'abajo';
|
|
6
|
-
export interface CodeplexInterruptorProps extends Omit<SwitchProps, 'size' | 'color' | 'checked' | 'defaultChecked' | 'onChange' | 'disabled'> {
|
|
7
|
-
etiqueta?: React.ReactNode;
|
|
8
|
-
posicionEtiqueta?: CodeplexInterruptorPosicionEtiqueta;
|
|
9
|
-
tamano?: CodeplexInterruptorTamano;
|
|
10
|
-
seleccionado?: boolean;
|
|
11
|
-
porDefectoSeleccionado?: boolean;
|
|
12
|
-
alCambiar?: (event: React.ChangeEvent<HTMLInputElement>, checked: boolean) => void;
|
|
13
|
-
color?: CodeplexInterruptorColor;
|
|
14
|
-
deshabilitado?: boolean;
|
|
15
|
-
error?: boolean;
|
|
16
|
-
mensajeError?: string;
|
|
17
|
-
}
|
|
18
|
-
export declare const CodeplexInterruptor: ({ etiqueta, posicionEtiqueta, tamano, seleccionado, porDefectoSeleccionado, alCambiar, color, deshabilitado, error, mensajeError, sx, className, ...props }: CodeplexInterruptorProps) => import("react/jsx-runtime").JSX.Element;
|
|
19
|
-
export declare const CodeplexSwitch: ({ etiqueta, posicionEtiqueta, tamano, seleccionado, porDefectoSeleccionado, alCambiar, color, deshabilitado, error, mensajeError, sx, className, ...props }: CodeplexInterruptorProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
export interface ElementoListaTransferencia {
|
|
2
|
-
id: string | number;
|
|
3
|
-
etiqueta: string;
|
|
4
|
-
deshabilitado?: boolean;
|
|
5
|
-
}
|
|
6
|
-
export interface CodeplexListaTransferenciaProps {
|
|
7
|
-
izquierda?: ElementoListaTransferencia[];
|
|
8
|
-
derecha?: ElementoListaTransferencia[];
|
|
9
|
-
alCambiar?: (izquierda: ElementoListaTransferencia[], derecha: ElementoListaTransferencia[]) => void;
|
|
10
|
-
tituloIzquierda?: string;
|
|
11
|
-
tituloDerecha?: string;
|
|
12
|
-
alto?: number | string;
|
|
13
|
-
buscable?: boolean;
|
|
14
|
-
deshabilitado?: boolean;
|
|
15
|
-
}
|
|
16
|
-
export declare const CodeplexListaTransferencia: ({ izquierda, derecha, alCambiar, tituloIzquierda, tituloDerecha, alto, buscable, deshabilitado }: CodeplexListaTransferenciaProps) => import("react/jsx-runtime").JSX.Element;
|
|
17
|
-
export declare const CodeplexTransferList: ({ izquierda, derecha, alCambiar, tituloIzquierda, tituloDerecha, alto, buscable, deshabilitado }: CodeplexListaTransferenciaProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
import { default as React } from 'react';
|
|
2
|
-
import { TooltipProps } from '@mui/material/Tooltip';
|
|
3
|
-
export type CodeplexTooltipLado = 'arriba' | 'abajo' | 'izquierda' | 'derecha';
|
|
4
|
-
export type CodeplexTooltipColor = 'oscuro' | 'claro' | 'primario' | 'azul';
|
|
5
|
-
export type CodeplexTooltipAnimacion = 'zoom' | 'fade';
|
|
6
|
-
export interface CodeplexMensajeEmergenteProps extends Omit<TooltipProps, 'title' | 'placement' | 'arrow' | 'children'> {
|
|
7
|
-
contenido: React.ReactNode;
|
|
8
|
-
children: React.ReactElement;
|
|
9
|
-
lado?: CodeplexTooltipLado;
|
|
10
|
-
flecha?: boolean;
|
|
11
|
-
color?: CodeplexTooltipColor;
|
|
12
|
-
animacion?: CodeplexTooltipAnimacion;
|
|
13
|
-
retraso?: number;
|
|
14
|
-
}
|
|
15
|
-
export declare const CodeplexMensajeEmergente: ({ contenido, children, lado, flecha, color, animacion, retraso, className, sx, ...props }: CodeplexMensajeEmergenteProps) => import("react/jsx-runtime").JSX.Element;
|
|
16
|
-
export declare const CodeplexTooltip: ({ contenido, children, lado, flecha, color, animacion, retraso, className, sx, ...props }: CodeplexMensajeEmergenteProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
import { default as React } from 'react';
|
|
2
|
-
import { SnackbarProps } from '@mui/material/Snackbar';
|
|
3
|
-
export type CodeplexNotificacionVariante = 'info' | 'exito' | 'advertencia' | 'error';
|
|
4
|
-
export type CodeplexNotificacionEstilo = 'solido' | 'suave' | 'cristal' | 'contorno';
|
|
5
|
-
export type CodeplexNotificacionAnimacion = 'slide' | 'grow' | 'fade';
|
|
6
|
-
export type CodeplexNotificacionPosicion = 'arriba-izquierda' | 'arriba-centro' | 'arriba-derecha' | 'abajo-izquierda' | 'abajo-centro' | 'abajo-derecha';
|
|
7
|
-
export interface CodeplexNotificacionProps extends Omit<SnackbarProps, 'open' | 'onClose' | 'anchorOrigin'> {
|
|
8
|
-
abierto: boolean;
|
|
9
|
-
alCerrar?: () => void;
|
|
10
|
-
variante?: CodeplexNotificacionVariante;
|
|
11
|
-
estilo?: CodeplexNotificacionEstilo;
|
|
12
|
-
titulo?: string;
|
|
13
|
-
mensaje: string | React.ReactNode;
|
|
14
|
-
posicion?: CodeplexNotificacionPosicion;
|
|
15
|
-
animacion?: CodeplexNotificacionAnimacion;
|
|
16
|
-
duracion?: number | null;
|
|
17
|
-
mostrarIcono?: boolean;
|
|
18
|
-
mostrarProgreso?: boolean;
|
|
19
|
-
cerrable?: boolean;
|
|
20
|
-
accion?: React.ReactNode;
|
|
21
|
-
}
|
|
22
|
-
export declare const CodeplexNotificacion: ({ abierto, alCerrar, variante, estilo, titulo, mensaje, posicion, animacion, duracion, mostrarIcono, mostrarProgreso, cerrable, accion, className, sx, ...props }: CodeplexNotificacionProps) => import("react/jsx-runtime").JSX.Element;
|
|
23
|
-
export declare const CodeplexTostada: ({ abierto, alCerrar, variante, estilo, titulo, mensaje, posicion, animacion, duracion, mostrarIcono, mostrarProgreso, cerrable, accion, className, sx, ...props }: CodeplexNotificacionProps) => import("react/jsx-runtime").JSX.Element;
|
|
24
|
-
export declare const CodeplexToast: ({ abierto, alCerrar, variante, estilo, titulo, mensaje, posicion, animacion, duracion, mostrarIcono, mostrarProgreso, cerrable, accion, className, sx, ...props }: CodeplexNotificacionProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,25 +0,0 @@
|
|
|
1
|
-
import { ReactNode } from 'react';
|
|
2
|
-
import { SelectProps } from '@mui/material/Select';
|
|
3
|
-
import { default as MenuItem } from '@mui/material/MenuItem';
|
|
4
|
-
export interface CodeplexSelectorOpcion {
|
|
5
|
-
valor: string | number;
|
|
6
|
-
etiqueta: string;
|
|
7
|
-
deshabilitado?: boolean;
|
|
8
|
-
}
|
|
9
|
-
export interface CodeplexSelectorProps extends Omit<SelectProps, 'renderValue'> {
|
|
10
|
-
etiqueta?: string;
|
|
11
|
-
opciones?: CodeplexSelectorOpcion[];
|
|
12
|
-
textoAyuda?: ReactNode;
|
|
13
|
-
marcador?: string;
|
|
14
|
-
renderizarValor?: (value: any) => ReactNode;
|
|
15
|
-
alCambiar?: SelectProps['onChange'];
|
|
16
|
-
tamano?: SelectProps['size'];
|
|
17
|
-
alCrearNuevo?: () => void;
|
|
18
|
-
textoCrearNuevo?: string;
|
|
19
|
-
mensajeError?: string;
|
|
20
|
-
buscable?: boolean;
|
|
21
|
-
}
|
|
22
|
-
export declare const CodeplexSelector: ({ value, onChange, size, multiple, error, disabled, required, variant, displayEmpty, etiqueta, opciones, textoAyuda, marcador, renderizarValor, alCambiar, tamano, alCrearNuevo, textoCrearNuevo, mensajeError, buscable, children, sx, ...props }: CodeplexSelectorProps) => import("react/jsx-runtime").JSX.Element;
|
|
23
|
-
export { MenuItem as CodeplexElementoMenu };
|
|
24
|
-
export { default as CodeplexSubcabeceraLista } from '@mui/material/ListSubheader';
|
|
25
|
-
export declare const CodeplexSelect: ({ value, onChange, size, multiple, error, disabled, required, variant, displayEmpty, etiqueta, opciones, textoAyuda, marcador, renderizarValor, alCambiar, tamano, alCrearNuevo, textoCrearNuevo, mensajeError, buscable, children, sx, ...props }: CodeplexSelectorProps) => import("react/jsx-runtime").JSX.Element;
|