@codeplex-sac/ui 0.0.15 → 0.0.19
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 +80 -147
- package/index.d.ts +4 -12
- package/index.js +11089 -30076
- 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/package.json +1 -1
- 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
|
+
};
|
package/package.json
CHANGED
|
@@ -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;
|