@codeplex-sac/ui 0.0.1 → 0.0.3

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.
Files changed (59) hide show
  1. package/index.d.ts +28 -28
  2. package/index.js +95 -95
  3. package/index.mjs +4665 -4540
  4. package/lib/alerta/alerta.d.ts +17 -0
  5. package/lib/anuncio/anuncio.d.ts +14 -0
  6. package/lib/autocompletado/autocompletado.d.ts +15 -0
  7. package/lib/avatar-usuario/avatar-usuario.d.ts +27 -0
  8. package/lib/ayuda-entrada/ayuda-entrada.d.ts +10 -0
  9. package/lib/boton/boton.d.ts +18 -0
  10. package/lib/campo-numero/campo-numero.d.ts +11 -0
  11. package/lib/campo-texto/campo-texto.d.ts +9 -0
  12. package/lib/cargando/cargando.d.ts +14 -0
  13. package/lib/casilla/casilla.d.ts +10 -0
  14. package/lib/deslizador/deslizador.d.ts +15 -0
  15. package/lib/dialogo/dialogo.d.ts +17 -0
  16. package/lib/encabezado-principal/encabezado-principal.d.ts +17 -0
  17. package/lib/esqueleto/esqueleto.d.ts +9 -0
  18. package/lib/etiqueta/etiqueta-inteligente.d.ts +9 -0
  19. package/lib/etiqueta/popup-requisitos.d.ts +6 -0
  20. package/lib/grupo-botones/grupo-botones.d.ts +8 -0
  21. package/lib/grupo-radio/grupo-radio.d.ts +18 -0
  22. package/lib/insignia/insignia.d.ts +13 -0
  23. package/lib/interruptor/interruptor.d.ts +8 -0
  24. package/lib/lista-transferencia/lista-transferencia.d.ts +15 -0
  25. package/lib/mensaje-emergente/mensaje-emergente.d.ts +15 -0
  26. package/lib/notificacion/notificacion.d.ts +20 -0
  27. package/lib/progreso/progreso.d.ts +18 -0
  28. package/lib/selector/selector.d.ts +21 -0
  29. package/lib/tarjeta/tarjeta.d.ts +15 -0
  30. package/lib/teclado/teclado.d.ts +8 -0
  31. package/lib/valoracion/valoracion.d.ts +15 -0
  32. package/package.json +1 -1
  33. package/lib/alert/alert.d.ts +0 -16
  34. package/lib/autocomplete/autocomplete.d.ts +0 -13
  35. package/lib/avatar/avatar.d.ts +0 -19
  36. package/lib/badge/badge.d.ts +0 -4
  37. package/lib/banner/banner.d.ts +0 -13
  38. package/lib/button-group/button-group.d.ts +0 -4
  39. package/lib/card/card.d.ts +0 -14
  40. package/lib/checkbox/checkbox.d.ts +0 -9
  41. package/lib/dialog/dialog.d.ts +0 -17
  42. package/lib/input-helper/input-helper.d.ts +0 -8
  43. package/lib/jumbotron/jumbotron.d.ts +0 -16
  44. package/lib/kbd/kbd.d.ts +0 -7
  45. package/lib/label/requirements-popup.d.ts +0 -5
  46. package/lib/label/smart-label.d.ts +0 -8
  47. package/lib/number-field/number-field.d.ts +0 -10
  48. package/lib/progress/progress.d.ts +0 -17
  49. package/lib/radio-group/radio-group.d.ts +0 -17
  50. package/lib/rating/rating.d.ts +0 -11
  51. package/lib/select/select.d.ts +0 -18
  52. package/lib/skeleton/skeleton.d.ts +0 -4
  53. package/lib/slider/slider.d.ts +0 -6
  54. package/lib/spinner/spinner.d.ts +0 -13
  55. package/lib/switch/switch.d.ts +0 -7
  56. package/lib/text-field/text-field.d.ts +0 -3
  57. package/lib/toast/toast.d.ts +0 -18
  58. package/lib/tooltip/tooltip.d.ts +0 -13
  59. package/lib/transfer-list/transfer-list.d.ts +0 -14
@@ -0,0 +1,17 @@
1
+ import { default as React } from 'react';
2
+ import { AlertProps } from '@mui/material/Alert';
3
+ export type CodeplexAlertaVariante = 'info' | 'success' | 'warning' | 'danger';
4
+ export type CodeplexAlertaDiseno = 'standard' | 'filled' | 'outlined';
5
+ export interface CodeplexAlertaProps extends Omit<AlertProps, 'variant' | 'severity' | 'onClose'> {
6
+ variante?: CodeplexAlertaVariante;
7
+ diseno?: CodeplexAlertaDiseno;
8
+ titulo?: string;
9
+ descripcion?: string;
10
+ cerrable?: boolean;
11
+ abierto?: boolean;
12
+ alCerrar?: () => void;
13
+ accion?: React.ReactNode;
14
+ color?: AlertProps['color'];
15
+ }
16
+ export declare const CodeplexAlerta: ({ variante, diseno, titulo, descripcion, cerrable, abierto, alCerrar, accion, className, children, sx, icon, ...props }: CodeplexAlertaProps) => import("react/jsx-runtime").JSX.Element;
17
+ export declare const CodeplexAlert: ({ variante, diseno, titulo, descripcion, cerrable, abierto, alCerrar, accion, className, children, sx, icon, ...props }: CodeplexAlertaProps) => import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,14 @@
1
+ import { default as React } from 'react';
2
+ export type CodeplexAvisoVariante = 'info' | 'success' | 'warning' | 'error' | 'neutral';
3
+ export interface CodeplexAvisoProps extends React.HTMLAttributes<HTMLDivElement> {
4
+ titulo?: string;
5
+ descripcion?: string;
6
+ variante?: CodeplexAvisoVariante;
7
+ cerrable?: boolean;
8
+ abierto?: boolean;
9
+ alCerrar?: () => void;
10
+ anchoCompleto?: boolean;
11
+ icono?: string;
12
+ }
13
+ export declare const CodeplexAviso: ({ titulo, descripcion, variante, icono, cerrable, abierto, alCerrar, anchoCompleto, className, children, ...props }: CodeplexAvisoProps) => import("react/jsx-runtime").JSX.Element | null;
14
+ export declare const CodeplexBanner: ({ titulo, descripcion, variante, icono, cerrable, abierto, alCerrar, anchoCompleto, className, children, ...props }: CodeplexAvisoProps) => import("react/jsx-runtime").JSX.Element | null;
@@ -0,0 +1,15 @@
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'> {
5
+ etiqueta?: string;
6
+ textoAyuda?: string;
7
+ requerido?: boolean;
8
+ propsEntrada?: TextFieldProps;
9
+ renderizarEntrada?: (params: AutocompleteRenderInputParams) => React.ReactNode;
10
+ opciones?: ReadonlyArray<T>;
11
+ marcador?: string;
12
+ error?: boolean;
13
+ }
14
+ export declare function CodeplexAutocompletado<T, Multiple extends boolean | undefined = undefined, DisableClearable extends boolean | undefined = undefined, FreeSolo extends boolean | undefined = undefined>({ etiqueta, textoAyuda, requerido, propsEntrada, renderizarEntrada, opciones, marcador, error, ...props }: CodeplexAutocompletadoProps<T, Multiple, DisableClearable, FreeSolo>): import("react/jsx-runtime").JSX.Element;
15
+ export declare const CodeplexAutocomplete: typeof CodeplexAutocompletado;
@@ -0,0 +1,27 @@
1
+ import { AvatarProps } from '@mui/material/Avatar';
2
+ import { AvatarGroupProps } from '@mui/material/AvatarGroup';
3
+ export type CodeplexAvatarTamano = 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl';
4
+ export interface CodeplexAvatarUsuarioProps extends Omit<AvatarProps, 'variant'> {
5
+ tamano?: CodeplexAvatarTamano | number;
6
+ variante?: AvatarProps['variant'];
7
+ }
8
+ export declare const CodeplexAvatarUsuario: ({ tamano, variante, sx, children, ...props }: CodeplexAvatarUsuarioProps) => import("react/jsx-runtime").JSX.Element;
9
+ export interface CodeplexGrupoAvataresProps extends Omit<AvatarGroupProps, 'max'> {
10
+ maximo?: number;
11
+ total?: number;
12
+ }
13
+ export declare const CodeplexGrupoAvatares: ({ children, spacing, maximo, ...props }: CodeplexGrupoAvataresProps) => import("react/jsx-runtime").JSX.Element;
14
+ export declare const avatarCadena: (nombre: string) => {
15
+ sx: {
16
+ bgcolor: string;
17
+ };
18
+ children: string;
19
+ };
20
+ export declare const stringAvatar: (nombre: string) => {
21
+ sx: {
22
+ bgcolor: string;
23
+ };
24
+ children: string;
25
+ };
26
+ export declare const CodeplexAvatarGroup: ({ children, spacing, maximo, ...props }: CodeplexGrupoAvataresProps) => import("react/jsx-runtime").JSX.Element;
27
+ export declare const CodeplexAvatar: ({ tamano, variante, sx, children, ...props }: CodeplexAvatarUsuarioProps) => import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,10 @@
1
+ export interface CodeplexAyudaEntradaProps {
2
+ textoAyuda?: string;
3
+ error?: string;
4
+ mensajeError?: string;
5
+ valor?: string | number;
6
+ longitudMaxima?: number;
7
+ mostrarContador?: boolean;
8
+ }
9
+ export declare const CodeplexAyudaEntrada: ({ textoAyuda, mensajeError, valor, longitudMaxima, mostrarContador }: CodeplexAyudaEntradaProps) => import("react/jsx-runtime").JSX.Element | null;
10
+ export declare const CodeplexInputHelper: ({ helperText, error, value, maxLength, showCount, ...props }: any) => import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,18 @@
1
+ import { default as React } from 'react';
2
+ import { ButtonProps } from '@mui/material/Button';
3
+ export type CodeplexBotonVariante = 'primary' | 'secondary' | 'outline' | 'ghost' | 'danger' | 'success';
4
+ export type CodeplexBotonTamano = 'xs' | 'sm' | 'md' | 'lg';
5
+ export interface CodeplexBotonProps extends Omit<ButtonProps, 'variant' | 'size' | 'onClick'> {
6
+ variante?: CodeplexBotonVariante;
7
+ tamano?: CodeplexBotonTamano;
8
+ cargando?: boolean;
9
+ alHacerClick?: ButtonProps['onClick'];
10
+ iconoIzquierda?: React.ReactNode;
11
+ iconoDerecha?: React.ReactNode;
12
+ component?: React.ElementType;
13
+ to?: string;
14
+ href?: string;
15
+ }
16
+ export declare const EntradaOcultaVisualmente: React.ComponentType<React.ComponentProps<"input">>;
17
+ export declare const CodeplexBoton: React.ForwardRefExoticComponent<Omit<CodeplexBotonProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
18
+ export declare const CodeplexButton: React.ForwardRefExoticComponent<Omit<CodeplexBotonProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
@@ -0,0 +1,11 @@
1
+ import { TextFieldProps } from '@mui/material/TextField';
2
+ export interface CodeplexCampoNumeroProps extends Omit<TextFieldProps, 'onChange'> {
3
+ minimo?: number;
4
+ maximo?: number;
5
+ paso?: number;
6
+ valor?: number;
7
+ valorPorDefecto?: number;
8
+ alCambiar?: (value: number | null) => void;
9
+ }
10
+ export declare const CodeplexCampoNumero: ({ InputProps, disabled, minimo, maximo, paso, valor, valorPorDefecto, alCambiar, ...props }: CodeplexCampoNumeroProps) => import("react/jsx-runtime").JSX.Element;
11
+ export declare const CodeplexNumberField: ({ InputProps, disabled, minimo, maximo, paso, valor, valorPorDefecto, alCambiar, ...props }: CodeplexCampoNumeroProps) => import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,9 @@
1
+ import { default as React } from 'react';
2
+ import { TextFieldProps } from '@mui/material/TextField';
3
+ export interface CodeplexCampoTextoProps extends Omit<TextFieldProps, 'label' | 'helperText'> {
4
+ etiqueta?: React.ReactNode;
5
+ textoAyuda?: React.ReactNode;
6
+ contenedorProps?: any;
7
+ }
8
+ export declare const CodeplexCampoTexto: ({ etiqueta, textoAyuda, ...props }: CodeplexCampoTextoProps) => import("react/jsx-runtime").JSX.Element;
9
+ export declare const CodeplexTextField: ({ etiqueta, textoAyuda, ...props }: CodeplexCampoTextoProps) => import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,14 @@
1
+ import { CircularProgressProps } from '@mui/material/CircularProgress';
2
+ export type CodeplexCargandoTamano = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
3
+ export type CodeplexCargandoColor = 'primary' | 'secondary' | 'error' | 'info' | 'success' | 'warning' | 'white' | 'gray';
4
+ export type CodeplexCargandoTipo = 'border' | 'dots' | 'ping';
5
+ export interface CodeplexCargandoProps extends Omit<CircularProgressProps, 'size' | 'color'> {
6
+ tamano?: CodeplexCargandoTamano | number;
7
+ color?: CodeplexCargandoColor;
8
+ tipo?: CodeplexCargandoTipo;
9
+ etiqueta?: string;
10
+ posicionEtiqueta?: 'right' | 'bottom';
11
+ pantallaCompleta?: boolean;
12
+ }
13
+ export declare const CodeplexCargando: ({ tamano, color, tipo, etiqueta, posicionEtiqueta, pantallaCompleta, className, sx, ...props }: CodeplexCargandoProps) => import("react/jsx-runtime").JSX.Element;
14
+ export declare const CodeplexSpinner: ({ tamano, color, tipo, etiqueta, posicionEtiqueta, pantallaCompleta, className, sx, ...props }: CodeplexCargandoProps) => import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,10 @@
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 interface CodeplexCasillaProps extends CheckboxProps {
5
+ etiqueta?: string;
6
+ posicionEtiqueta?: 'end' | 'start' | 'top' | 'bottom';
7
+ }
8
+ export declare const CodeplexCasilla: React.ForwardRefExoticComponent<Omit<CodeplexCasillaProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
9
+ export { FormGroup as CodeplexGrupoFormulario };
10
+ export declare const CodeplexCheckbox: React.ForwardRefExoticComponent<Omit<CodeplexCasillaProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
@@ -0,0 +1,15 @@
1
+ import { SliderProps } from '@mui/material/Slider';
2
+ export interface CodeplexDeslizadorProps extends Omit<SliderProps, 'value' | 'min' | 'max' | 'step' | 'marks' | 'valueLabelDisplay'> {
3
+ etiqueta?: string;
4
+ textoAyuda?: string;
5
+ valor?: SliderProps['value'];
6
+ minimo?: number;
7
+ maximo?: number;
8
+ paso?: number | null;
9
+ marcas?: boolean | any[];
10
+ mostrarEtiquetaValor?: 'auto' | 'on' | 'off';
11
+ alCambiar?: SliderProps['onChange'];
12
+ tamano?: SliderProps['size'];
13
+ }
14
+ export declare const CodeplexDeslizador: ({ etiqueta, textoAyuda, valor, minimo, maximo, paso, marcas, mostrarEtiquetaValor, alCambiar, tamano, className, sx, ...props }: CodeplexDeslizadorProps) => import("react/jsx-runtime").JSX.Element;
15
+ export declare const CodeplexSlider: ({ etiqueta, textoAyuda, valor, minimo, maximo, paso, marcas, mostrarEtiquetaValor, alCambiar, tamano, className, sx, ...props }: CodeplexDeslizadorProps) => import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,17 @@
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>;
@@ -0,0 +1,17 @@
1
+ import { default as React } from 'react';
2
+ export type CodeplexEncabezadoAlineacion = 'left' | 'center';
3
+ export interface CodeplexEncabezadoPrincipalProps extends React.HTMLAttributes<HTMLElement> {
4
+ antetitulo?: string;
5
+ titulo?: string;
6
+ subtitulo?: string;
7
+ alineacion?: CodeplexEncabezadoAlineacion;
8
+ etiquetaPrimaria?: string;
9
+ etiquetaSecundaria?: string;
10
+ alClickPrimario?: () => void;
11
+ alClickSecundario?: () => void;
12
+ alturaCompleta?: boolean;
13
+ urlImagenFondo?: string;
14
+ capaOscura?: boolean;
15
+ }
16
+ export declare const CodeplexEncabezadoPrincipal: ({ antetitulo, titulo, subtitulo, alineacion, etiquetaPrimaria, etiquetaSecundaria, alClickPrimario, alClickSecundario, alturaCompleta, urlImagenFondo, capaOscura, className, children, ...props }: CodeplexEncabezadoPrincipalProps) => import("react/jsx-runtime").JSX.Element;
17
+ export declare const CodeplexJumbotron: ({ antetitulo, titulo, subtitulo, alineacion, etiquetaPrimaria, etiquetaSecundaria, alClickPrimario, alClickSecundario, alturaCompleta, urlImagenFondo, capaOscura, className, children, ...props }: CodeplexEncabezadoPrincipalProps) => import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,9 @@
1
+ import { SkeletonProps } from '@mui/material/Skeleton';
2
+ export interface CodeplexEsqueletoProps extends SkeletonProps {
3
+ variante?: 'text' | 'rectangular' | 'rounded' | 'circular';
4
+ ancho?: number | string;
5
+ alto?: number | string;
6
+ animacion?: 'pulse' | 'wave' | false;
7
+ }
8
+ export declare const CodeplexEsqueleto: ({ variante, ancho, alto, animacion, ...props }: CodeplexEsqueletoProps) => import("react/jsx-runtime").JSX.Element;
9
+ export declare const CodeplexSkeleton: ({ variante, ancho, alto, animacion, ...props }: CodeplexEsqueletoProps) => import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,9 @@
1
+ import { default as React } from 'react';
2
+ export interface CodeplexEtiquetaInteligenteProps extends React.HTMLAttributes<HTMLDivElement> {
3
+ para?: string;
4
+ texto?: string;
5
+ obligatorio?: boolean;
6
+ requisitos?: string[];
7
+ }
8
+ export declare const CodeplexEtiquetaInteligente: ({ para, texto, obligatorio, requisitos, className, children, ...props }: CodeplexEtiquetaInteligenteProps) => import("react/jsx-runtime").JSX.Element;
9
+ export declare const CodeplexSmartLabel: ({ para, texto, obligatorio, requisitos, className, children, ...props }: CodeplexEtiquetaInteligenteProps) => import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,6 @@
1
+ export interface CodeplexPopupRequisitosProps {
2
+ requisitos?: string[];
3
+ className?: string;
4
+ }
5
+ export declare const CodeplexPopupRequisitos: ({ requisitos, className, }: CodeplexPopupRequisitosProps) => import("react/jsx-runtime").JSX.Element;
6
+ export declare const CodeplexRequirementsPopup: ({ requisitos, className, }: CodeplexPopupRequisitosProps) => import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,8 @@
1
+ import { ButtonGroupProps } from '@mui/material/ButtonGroup';
2
+ export interface CodeplexGrupoBotonesProps extends ButtonGroupProps {
3
+ variante?: ButtonGroupProps['variant'];
4
+ tamano?: ButtonGroupProps['size'];
5
+ color?: ButtonGroupProps['color'];
6
+ }
7
+ export declare const CodeplexGrupoBotones: ({ children, tamano, variante, color, ...props }: CodeplexGrupoBotonesProps) => import("react/jsx-runtime").JSX.Element;
8
+ export declare const CodeplexButtonGroup: ({ children, tamano, variante, color, ...props }: CodeplexGrupoBotonesProps) => import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,18 @@
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 interface CodeplexGrupoRadioProps extends RadioGroupProps {
10
+ etiqueta?: string;
11
+ opciones?: Array<{
12
+ valor: string;
13
+ etiqueta: string;
14
+ deshabilitado?: boolean;
15
+ }>;
16
+ }
17
+ export declare const CodeplexGrupoRadio: ({ etiqueta, opciones, children, ...props }: CodeplexGrupoRadioProps) => import("react/jsx-runtime").JSX.Element;
18
+ export declare const CodeplexRadioGroup: ({ etiqueta, opciones, children, ...props }: CodeplexGrupoRadioProps) => import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,13 @@
1
+ import { default as React } from 'react';
2
+ import { BadgeProps } from '@mui/material/Badge';
3
+ export interface CodeplexInsigniaProps extends Omit<BadgeProps, 'variant' | 'overlap'> {
4
+ contenido?: React.ReactNode;
5
+ variante?: 'standard' | 'dot';
6
+ maximo?: number;
7
+ mostrarCero?: boolean;
8
+ superposicion?: 'rectangular' | 'circular';
9
+ color?: BadgeProps['color'];
10
+ invisible?: boolean;
11
+ }
12
+ export declare const CodeplexInsignia: ({ children, color, contenido, variante, maximo, mostrarCero, superposicion, ...props }: CodeplexInsigniaProps) => import("react/jsx-runtime").JSX.Element;
13
+ export declare const CodeplexBadge: ({ children, color, contenido, variante, maximo, mostrarCero, superposicion, ...props }: CodeplexInsigniaProps) => import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,8 @@
1
+ import { SwitchProps } from '@mui/material/Switch';
2
+ export interface CodeplexInterruptorProps extends Omit<SwitchProps, 'size'> {
3
+ etiqueta?: string;
4
+ posicionEtiqueta?: 'end' | 'start' | 'top' | 'bottom';
5
+ tamano?: 'small' | 'medium';
6
+ }
7
+ export declare const CodeplexInterruptor: ({ etiqueta, posicionEtiqueta, tamano, sx, ...props }: CodeplexInterruptorProps) => import("react/jsx-runtime").JSX.Element;
8
+ export declare const CodeplexSwitch: ({ etiqueta, posicionEtiqueta, tamano, sx, ...props }: CodeplexInterruptorProps) => import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,15 @@
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
+ }
14
+ export declare const CodeplexListaTransferencia: ({ izquierda, derecha, alCambiar, tituloIzquierda, tituloDerecha, alto }: CodeplexListaTransferenciaProps) => import("react/jsx-runtime").JSX.Element;
15
+ export declare const CodeplexTransferList: ({ izquierda, derecha, alCambiar, tituloIzquierda, tituloDerecha, alto }: CodeplexListaTransferenciaProps) => import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,15 @@
1
+ import { default as React } from 'react';
2
+ export type CodeplexTooltipLado = 'arriba' | 'abajo' | 'izquierda' | 'derecha';
3
+ export type CodeplexTooltipSide = 'top' | 'bottom' | 'left' | 'right';
4
+ export interface CodeplexMensajeEmergenteProps {
5
+ contenido?: React.ReactNode;
6
+ lado?: CodeplexTooltipLado;
7
+ retrasoMs?: number;
8
+ flecha?: boolean;
9
+ deshabilitado?: boolean;
10
+ alCambiarEstado?: (abierto: boolean) => void;
11
+ className?: string;
12
+ children: React.ReactNode;
13
+ }
14
+ export declare const CodeplexMensajeEmergente: ({ contenido, lado, retrasoMs, flecha, deshabilitado, alCambiarEstado, className, children, }: CodeplexMensajeEmergenteProps) => import("react/jsx-runtime").JSX.Element;
15
+ export declare const CodeplexTooltip: ({ contenido, lado, retrasoMs, flecha, deshabilitado, alCambiarEstado, className, children, }: CodeplexMensajeEmergenteProps) => import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,20 @@
1
+ import { default as React } from 'react';
2
+ import { SnackbarProps } from '@mui/material/Snackbar';
3
+ import { AlertProps } from '@mui/material/Alert';
4
+ export type CodeplexNotificacionVariante = 'info' | 'success' | 'warning' | 'error';
5
+ export type CodeplexNotificacionPosicion = 'top-left' | 'top-right' | 'top-center' | 'bottom-left' | 'bottom-right' | 'bottom-center';
6
+ export interface CodeplexNotificacionProps extends Omit<SnackbarProps, 'open' | 'onClose' | 'anchorOrigin'> {
7
+ open: boolean;
8
+ variante?: CodeplexNotificacionVariante;
9
+ titulo?: string;
10
+ subtitulo?: string;
11
+ posicion?: CodeplexNotificacionPosicion;
12
+ mostrarIcono?: boolean;
13
+ cerrable?: boolean;
14
+ duracion?: number | null;
15
+ onClose?: (event?: React.SyntheticEvent | Event, reason?: string) => void;
16
+ alertProps?: AlertProps;
17
+ }
18
+ export declare const CodeplexNotificacion: ({ open, variante, titulo, subtitulo, posicion, mostrarIcono, cerrable, duracion, onClose, alertProps, children, ...props }: CodeplexNotificacionProps) => import("react/jsx-runtime").JSX.Element;
19
+ export declare const CodeplexTostada: ({ open, variante, titulo, subtitulo, posicion, mostrarIcono, cerrable, duracion, onClose, alertProps, children, ...props }: CodeplexNotificacionProps) => import("react/jsx-runtime").JSX.Element;
20
+ export declare const CodeplexToast: ({ open, variante, titulo, subtitulo, posicion, mostrarIcono, cerrable, duracion, onClose, alertProps, children, ...props }: CodeplexNotificacionProps) => import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,18 @@
1
+ import { LinearProgressProps } from '@mui/material/LinearProgress';
2
+ export type CodeplexProgresoVariante = 'primary' | 'secondary' | 'error' | 'info' | 'success' | 'warning';
3
+ export type CodeplexProgresoTamano = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
4
+ export interface CodeplexProgresoProps extends Omit<LinearProgressProps, 'variant' | 'color'> {
5
+ valor?: number;
6
+ maximo?: number;
7
+ etiqueta?: string;
8
+ mostrarPorcentaje?: boolean;
9
+ etiquetaInterna?: boolean;
10
+ indeterminado?: boolean;
11
+ tamano?: CodeplexProgresoTamano;
12
+ variante?: CodeplexProgresoVariante;
13
+ color?: LinearProgressProps['color'];
14
+ rayado?: boolean;
15
+ animado?: boolean;
16
+ }
17
+ export declare const CodeplexProgreso: ({ valor, maximo, etiqueta, mostrarPorcentaje, etiquetaInterna, indeterminado, tamano, variante, color, rayado, animado, className, sx, ...props }: CodeplexProgresoProps) => import("react/jsx-runtime").JSX.Element;
18
+ export declare const CodeplexProgress: ({ valor, maximo, etiqueta, mostrarPorcentaje, etiquetaInterna, indeterminado, tamano, variante, color, rayado, animado, className, sx, ...props }: CodeplexProgresoProps) => import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,21 @@
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
+ }
18
+ export declare const CodeplexSelector: ({ value, onChange, size, multiple, error, disabled, required, variant, displayEmpty, etiqueta, opciones, textoAyuda, marcador, renderizarValor, alCambiar, tamano, children, sx, ...props }: CodeplexSelectorProps) => import("react/jsx-runtime").JSX.Element;
19
+ export { MenuItem as CodeplexElementoMenu };
20
+ export { default as CodeplexSubcabeceraLista } from '@mui/material/ListSubheader';
21
+ export declare const CodeplexSelect: ({ value, onChange, size, multiple, error, disabled, required, variant, displayEmpty, etiqueta, opciones, textoAyuda, marcador, renderizarValor, alCambiar, tamano, children, sx, ...props }: CodeplexSelectorProps) => import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,15 @@
1
+ import { default as React } from 'react';
2
+ import { CardProps } from '@mui/material/Card';
3
+ export type CodeplexTarjetaVariante = 'default' | 'outline' | 'soft';
4
+ export type CodeplexTarjetaRelleno = 'none' | 'sm' | 'md' | 'lg';
5
+ export interface CodeplexTarjetaProps extends Omit<CardProps, 'variant'> {
6
+ variante?: CodeplexTarjetaVariante;
7
+ relleno?: CodeplexTarjetaRelleno;
8
+ efectoHover?: boolean;
9
+ clicable?: boolean;
10
+ multimedia?: React.ReactNode;
11
+ cabecera?: React.ReactNode;
12
+ pie?: React.ReactNode;
13
+ }
14
+ export declare const CodeplexTarjeta: ({ variante, relleno, efectoHover, clicable, multimedia, cabecera, pie, className, children, ...props }: CodeplexTarjetaProps) => import("react/jsx-runtime").JSX.Element;
15
+ export declare const CodeplexCard: ({ variante, relleno, efectoHover, clicable, multimedia, cabecera, pie, className, children, ...props }: CodeplexTarjetaProps) => import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,8 @@
1
+ import { default as React } from 'react';
2
+ export type CodeplexTecladoTamano = 'sm' | 'md' | 'lg';
3
+ export interface CodeplexTecladoProps extends React.HTMLAttributes<HTMLElement> {
4
+ teclas?: string[];
5
+ tamano?: CodeplexTecladoTamano;
6
+ }
7
+ export declare const CodeplexTeclado: ({ teclas, tamano, className, children, ...props }: CodeplexTecladoProps) => import("react/jsx-runtime").JSX.Element;
8
+ export declare const CodeplexKbd: ({ teclas, tamano, className, children, ...props }: CodeplexTecladoProps) => import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,15 @@
1
+ import { RatingProps } from '@mui/material/Rating';
2
+ export type CodeplexValoracionTamano = 'small' | 'medium' | 'large';
3
+ export type CodeplexValoracionVariante = 'primary' | 'secondary' | 'success' | 'warning' | 'error' | 'info';
4
+ export interface CodeplexValoracionProps extends Omit<RatingProps, 'onChange'> {
5
+ valor?: number;
6
+ mostrarValor?: boolean;
7
+ textosAyuda?: string[];
8
+ variante?: CodeplexValoracionVariante;
9
+ alCambiar?: (value: number | null) => void;
10
+ maximo?: number;
11
+ soloLectura?: boolean;
12
+ tamano?: CodeplexValoracionTamano;
13
+ }
14
+ export declare const CodeplexValoracion: ({ valor, maximo, soloLectura, tamano, variante, mostrarValor, textosAyuda, alCambiar, className, ...props }: CodeplexValoracionProps) => import("react/jsx-runtime").JSX.Element;
15
+ export declare const CodeplexRating: ({ valor, maximo, soloLectura, tamano, variante, mostrarValor, textosAyuda, alCambiar, className, ...props }: CodeplexValoracionProps) => import("react/jsx-runtime").JSX.Element;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@codeplex-sac/ui",
3
- "version": "0.0.1",
3
+ "version": "0.0.3",
4
4
  "main": "./index.js",
5
5
  "types": "./index.d.ts",
6
6
  "exports": {
@@ -1,16 +0,0 @@
1
- import { default as React } from 'react';
2
- import { AlertProps } from '@mui/material/Alert';
3
- export type CodeplexAlertVariant = 'info' | 'success' | 'warning' | 'danger';
4
- export type CodeplexAlertStyle = 'standard' | 'filled' | 'outlined';
5
- export interface CodeplexAlertProps extends Omit<AlertProps, 'variant' | 'severity' | 'onClose'> {
6
- variant?: CodeplexAlertVariant;
7
- design?: CodeplexAlertStyle;
8
- title?: string;
9
- description?: string;
10
- dismissible?: boolean;
11
- open?: boolean;
12
- onClose?: () => void;
13
- color?: AlertProps['color'];
14
- action?: React.ReactNode;
15
- }
16
- export declare const CodeplexAlert: ({ variant, design, title, description, icon, dismissible, open, onClose, className, children, action, sx, ...props }: CodeplexAlertProps) => import("react/jsx-runtime").JSX.Element;
@@ -1,13 +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 CodeplexAutocompleteProps<T, Multiple extends boolean | undefined = undefined, DisableClearable extends boolean | undefined = undefined, FreeSolo extends boolean | undefined = undefined> extends Omit<AutocompleteProps<T, Multiple, DisableClearable, FreeSolo>, 'renderInput'> {
5
- label?: string;
6
- placeholder?: string;
7
- helperText?: string;
8
- error?: boolean;
9
- required?: boolean;
10
- inputProps?: TextFieldProps;
11
- renderInput?: (params: AutocompleteRenderInputParams) => React.ReactNode;
12
- }
13
- export declare function CodeplexAutocomplete<T, Multiple extends boolean | undefined = undefined, DisableClearable extends boolean | undefined = undefined, FreeSolo extends boolean | undefined = undefined>({ label, placeholder, helperText, error, required, inputProps, renderInput, ...props }: CodeplexAutocompleteProps<T, Multiple, DisableClearable, FreeSolo>): import("react/jsx-runtime").JSX.Element;
@@ -1,19 +0,0 @@
1
- import { AvatarProps } from '@mui/material/Avatar';
2
- import { AvatarGroupProps } from '@mui/material/AvatarGroup';
3
- export type CodeplexAvatarSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl';
4
- export interface CodeplexAvatarProps extends AvatarProps {
5
- size?: CodeplexAvatarSize | number;
6
- alt?: string;
7
- src?: string;
8
- }
9
- export declare const CodeplexAvatar: ({ size, sx, children, ...props }: CodeplexAvatarProps) => import("react/jsx-runtime").JSX.Element;
10
- export interface CodeplexAvatarGroupProps extends AvatarGroupProps {
11
- total?: number;
12
- }
13
- export declare const CodeplexAvatarGroup: ({ children, spacing, max, ...props }: CodeplexAvatarGroupProps) => import("react/jsx-runtime").JSX.Element;
14
- export declare const stringAvatar: (name: string) => {
15
- sx: {
16
- bgcolor: string;
17
- };
18
- children: string;
19
- };
@@ -1,4 +0,0 @@
1
- import { BadgeProps } from '@mui/material/Badge';
2
- export interface CodeplexBadgeProps extends BadgeProps {
3
- }
4
- export declare const CodeplexBadge: ({ children, color, ...props }: CodeplexBadgeProps) => import("react/jsx-runtime").JSX.Element;
@@ -1,13 +0,0 @@
1
- import { default as React } from 'react';
2
- export type CodeplexBannerVariant = 'info' | 'success' | 'warning' | 'error' | 'neutral';
3
- export interface CodeplexBannerProps extends React.HTMLAttributes<HTMLDivElement> {
4
- title?: string;
5
- description?: string;
6
- variant?: CodeplexBannerVariant;
7
- icon?: string;
8
- dismissible?: boolean;
9
- open?: boolean;
10
- onClose?: () => void;
11
- fullWidth?: boolean;
12
- }
13
- export declare const CodeplexBanner: ({ title, description, variant, icon, dismissible, open, onClose, fullWidth, className, children, ...props }: CodeplexBannerProps) => import("react/jsx-runtime").JSX.Element | null;
@@ -1,4 +0,0 @@
1
- import { ButtonGroupProps } from '@mui/material/ButtonGroup';
2
- export interface CodeplexButtonGroupProps extends ButtonGroupProps {
3
- }
4
- export declare const CodeplexButtonGroup: ({ children, size, variant, color, ...props }: CodeplexButtonGroupProps) => import("react/jsx-runtime").JSX.Element;
@@ -1,14 +0,0 @@
1
- import { default as React } from 'react';
2
- import { CardProps } from '@mui/material/Card';
3
- export type CodeplexCardVariant = 'default' | 'outline' | 'soft';
4
- export type CodeplexCardPadding = 'none' | 'sm' | 'md' | 'lg';
5
- export interface CodeplexCardProps extends Omit<CardProps, 'variant'> {
6
- variant?: CodeplexCardVariant;
7
- padding?: CodeplexCardPadding;
8
- hoverable?: boolean;
9
- clickable?: boolean;
10
- media?: React.ReactNode;
11
- header?: React.ReactNode;
12
- footer?: React.ReactNode;
13
- }
14
- export declare const CodeplexCard: ({ variant, padding, hoverable, clickable, className, media, header, footer, children, ...props }: CodeplexCardProps) => import("react/jsx-runtime").JSX.Element;
@@ -1,9 +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 interface CodeplexCheckboxProps extends CheckboxProps {
5
- label?: string;
6
- labelPlacement?: 'end' | 'start' | 'top' | 'bottom';
7
- }
8
- export declare const CodeplexCheckbox: React.ForwardRefExoticComponent<Omit<CodeplexCheckboxProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
9
- export { FormGroup as CodeplexFormGroup };
@@ -1,17 +0,0 @@
1
- import { default as React } from 'react';
2
- import { DialogProps, DialogTitleProps, DialogContentProps, DialogContentTextProps, DialogActionsProps } from '@mui/material';
3
- export interface CodeplexDialogProps extends DialogProps {
4
- }
5
- export declare const CodeplexDialog: React.FC<CodeplexDialogProps>;
6
- export interface CodeplexDialogTitleProps extends DialogTitleProps {
7
- }
8
- export declare const CodeplexDialogTitle: React.FC<CodeplexDialogTitleProps>;
9
- export interface CodeplexDialogContentProps extends DialogContentProps {
10
- }
11
- export declare const CodeplexDialogContent: React.FC<CodeplexDialogContentProps>;
12
- export interface CodeplexDialogContentTextProps extends DialogContentTextProps {
13
- }
14
- export declare const CodeplexDialogContentText: React.FC<CodeplexDialogContentTextProps>;
15
- export interface CodeplexDialogActionsProps extends DialogActionsProps {
16
- }
17
- export declare const CodeplexDialogActions: React.FC<CodeplexDialogActionsProps>;
@@ -1,8 +0,0 @@
1
- export interface CodeplexInputHelperProps {
2
- helperText?: string;
3
- error?: string;
4
- value?: string | number;
5
- maxLength?: number;
6
- showCount?: boolean;
7
- }
8
- export declare const CodeplexInputHelper: ({ helperText, error, value, maxLength, showCount }: CodeplexInputHelperProps) => import("react/jsx-runtime").JSX.Element | null;
@@ -1,16 +0,0 @@
1
- import { default as React } from 'react';
2
- export type CodeplexJumbotronAlign = 'left' | 'center';
3
- export interface CodeplexJumbotronProps extends React.HTMLAttributes<HTMLElement> {
4
- eyebrow?: string;
5
- title: string;
6
- subtitle?: string;
7
- align?: CodeplexJumbotronAlign;
8
- primaryLabel?: string;
9
- secondaryLabel?: string;
10
- onPrimary?: () => void;
11
- onSecondary?: () => void;
12
- fullHeight?: boolean;
13
- backgroundImageUrl?: string;
14
- darkOverlay?: boolean;
15
- }
16
- export declare const CodeplexJumbotron: ({ eyebrow, title, subtitle, align, primaryLabel, secondaryLabel, onPrimary, onSecondary, fullHeight, backgroundImageUrl, darkOverlay, className, children, ...props }: CodeplexJumbotronProps) => import("react/jsx-runtime").JSX.Element;
package/lib/kbd/kbd.d.ts DELETED
@@ -1,7 +0,0 @@
1
- import { default as React } from 'react';
2
- export type CodeplexKbdSize = 'sm' | 'md' | 'lg';
3
- export interface CodeplexKbdProps extends React.HTMLAttributes<HTMLElement> {
4
- keys?: string[];
5
- size?: CodeplexKbdSize;
6
- }
7
- export declare const CodeplexKbd: ({ keys, size, className, children, ...props }: CodeplexKbdProps) => import("react/jsx-runtime").JSX.Element;