@codeplex-sac/layout 0.0.1 → 0.0.2
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.d.ts +13 -13
- package/index.mjs +1601 -1549
- package/lib/acordeon/acordeon.d.ts +28 -0
- package/lib/barra-lateral/barra-lateral.d.ts +27 -0
- package/lib/barra-navegacion/barra-navegacion.d.ts +20 -0
- package/lib/cabecera/cabecera.d.ts +24 -0
- package/lib/caja/caja.d.ts +20 -0
- package/lib/columna/columna.d.ts +12 -0
- package/lib/contenedor/contenedor.d.ts +24 -0
- package/lib/cuadricula/cuadricula.d.ts +54 -0
- package/lib/fila/fila.d.ts +8 -0
- package/lib/lista-imagenes/lista-imagenes.d.ts +20 -0
- package/lib/panel-lateral/panel-lateral.d.ts +34 -0
- package/lib/pie-pagina/pie-pagina.d.ts +17 -0
- package/lib/pila/pila.d.ts +20 -0
- package/package.json +1 -1
- package/lib/accordion/accordion.d.ts +0 -28
- package/lib/box/box.d.ts +0 -20
- package/lib/col/col.d.ts +0 -12
- package/lib/container/container.d.ts +0 -12
- package/lib/drawer/drawer.d.ts +0 -34
- package/lib/footer/footer.d.ts +0 -17
- package/lib/grid/grid.d.ts +0 -8
- package/lib/header/header.d.ts +0 -24
- package/lib/image-list/image-list.d.ts +0 -10
- package/lib/navbar/navbar.d.ts +0 -20
- package/lib/row/row.d.ts +0 -8
- package/lib/sidebar/sidebar.d.ts +0 -27
- package/lib/stack/stack.d.ts +0 -12
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
export interface CodeplexElementoAcordeon {
|
|
3
|
+
id: string;
|
|
4
|
+
titulo: string;
|
|
5
|
+
subtitulo?: string;
|
|
6
|
+
/** Contenido del panel: puede ser texto o JSX */
|
|
7
|
+
contenido: React.ReactNode;
|
|
8
|
+
iconoIzquierda?: React.ReactNode;
|
|
9
|
+
deshabilitado?: boolean;
|
|
10
|
+
}
|
|
11
|
+
export type VarianteAcordeon = 'simple' | 'bordeado' | 'separado';
|
|
12
|
+
export interface CodeplexAcordeonProps {
|
|
13
|
+
elementos: CodeplexElementoAcordeon[];
|
|
14
|
+
/** Si true, permite múltiples paneles abiertos a la vez */
|
|
15
|
+
multiple?: boolean;
|
|
16
|
+
/** Estilo visual del acordeón */
|
|
17
|
+
variante?: VarianteAcordeon;
|
|
18
|
+
/** IDs de los items abiertos inicialmente */
|
|
19
|
+
idsAbiertosInicialmente?: string[];
|
|
20
|
+
/** Clase CSS adicional para el contenedor */
|
|
21
|
+
clase?: string;
|
|
22
|
+
/** Callback al cambiar el estado */
|
|
23
|
+
alCambiar?: (idsAbiertos: string[]) => void;
|
|
24
|
+
}
|
|
25
|
+
/**
|
|
26
|
+
* Acordeón profesional con animaciones Grid y múltiples variantes.
|
|
27
|
+
*/
|
|
28
|
+
export declare const CodeplexAcordeon: ({ elementos, multiple, variante, idsAbiertosInicialmente, alCambiar, clase, }: CodeplexAcordeonProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
import { CodeplexInfoUsuario } from '../cabecera/cabecera';
|
|
3
|
+
export interface CodeplexElementoMenuLateral {
|
|
4
|
+
id: string;
|
|
5
|
+
etiqueta: string;
|
|
6
|
+
icono?: React.ReactNode;
|
|
7
|
+
href?: string;
|
|
8
|
+
activo?: boolean;
|
|
9
|
+
deshabilitado?: boolean;
|
|
10
|
+
insignia?: string;
|
|
11
|
+
hijos?: CodeplexElementoMenuLateral[];
|
|
12
|
+
alHacerClick?: () => void;
|
|
13
|
+
}
|
|
14
|
+
export interface CodeplexBarraLateralProps {
|
|
15
|
+
elementos: CodeplexElementoMenuLateral[];
|
|
16
|
+
usuario?: CodeplexInfoUsuario;
|
|
17
|
+
logo?: string;
|
|
18
|
+
textoLogo?: string;
|
|
19
|
+
colapsado?: boolean;
|
|
20
|
+
cerrarAlNavegar?: boolean;
|
|
21
|
+
alAlternar?: (colapsado: boolean) => void;
|
|
22
|
+
alNavegar?: (href: string) => void;
|
|
23
|
+
alCerrarSesion?: () => void;
|
|
24
|
+
mostrarPie?: boolean;
|
|
25
|
+
children?: React.ReactNode;
|
|
26
|
+
}
|
|
27
|
+
export declare const CodeplexBarraLateral: ({ elementos, usuario, logo, textoLogo, colapsado, cerrarAlNavegar, alAlternar, alNavegar, alCerrarSesion, mostrarPie, children, }: CodeplexBarraLateralProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
import { CodeplexInfoUsuario } from '../cabecera/cabecera';
|
|
3
|
+
export interface CodeplexEnlaceNavegacion {
|
|
4
|
+
id: string;
|
|
5
|
+
etiqueta: string;
|
|
6
|
+
href?: string;
|
|
7
|
+
activo?: boolean;
|
|
8
|
+
deshabilitado?: boolean;
|
|
9
|
+
alHacerClick?: () => void;
|
|
10
|
+
}
|
|
11
|
+
export interface CodeplexBarraNavegacionProps {
|
|
12
|
+
textoLogo?: string;
|
|
13
|
+
srcLogo?: string;
|
|
14
|
+
enlaces?: CodeplexEnlaceNavegacion[];
|
|
15
|
+
usuario?: CodeplexInfoUsuario;
|
|
16
|
+
posicion?: 'fixed' | 'sticky' | 'static';
|
|
17
|
+
clase?: string;
|
|
18
|
+
children?: React.ReactNode;
|
|
19
|
+
}
|
|
20
|
+
export declare const CodeplexBarraNavegacion: ({ textoLogo, srcLogo, enlaces, usuario, posicion, clase, children, }: CodeplexBarraNavegacionProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
export interface CodeplexElementoMigaPan {
|
|
3
|
+
etiqueta: string;
|
|
4
|
+
href?: string;
|
|
5
|
+
alHacerClick?: () => void;
|
|
6
|
+
}
|
|
7
|
+
export interface CodeplexInfoUsuario {
|
|
8
|
+
nombre: string;
|
|
9
|
+
email?: string;
|
|
10
|
+
rol?: string;
|
|
11
|
+
avatar?: string;
|
|
12
|
+
}
|
|
13
|
+
export interface CodeplexCabeceraProps extends React.HTMLAttributes<HTMLElement> {
|
|
14
|
+
titulo?: string;
|
|
15
|
+
migasPan?: CodeplexElementoMigaPan[];
|
|
16
|
+
usuario?: CodeplexInfoUsuario;
|
|
17
|
+
mostrarBusqueda?: boolean;
|
|
18
|
+
alBuscar?: (consulta: string) => void;
|
|
19
|
+
alNotificaciones?: () => void;
|
|
20
|
+
alPerfil?: () => void;
|
|
21
|
+
conteoNotificaciones?: number;
|
|
22
|
+
barraLateralColapsada?: boolean;
|
|
23
|
+
}
|
|
24
|
+
export declare const CodeplexCabecera: ({ titulo, migasPan, usuario, mostrarBusqueda, alBuscar, alNotificaciones, alPerfil, conteoNotificaciones, barraLateralColapsada, className, children, ...props }: CodeplexCabeceraProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { BoxProps as MuiBoxProps } from '@mui/material';
|
|
2
|
+
export interface CodeplexCajaProps extends MuiBoxProps {
|
|
3
|
+
/**
|
|
4
|
+
* Acceso directo para hacer que la caja sea un contenedor flexible centrado (vertical y horizontal).
|
|
5
|
+
*/
|
|
6
|
+
centrado?: boolean;
|
|
7
|
+
/**
|
|
8
|
+
* Acceso directo para establecer width: 100vw y height: 100vh.
|
|
9
|
+
*/
|
|
10
|
+
pantallaCompleta?: boolean;
|
|
11
|
+
/**
|
|
12
|
+
* Acceso directo para display: 'flex', flexDirection: 'row'.
|
|
13
|
+
*/
|
|
14
|
+
flexFila?: boolean;
|
|
15
|
+
/**
|
|
16
|
+
* Acceso directo para display: 'flex', flexDirection: 'column'.
|
|
17
|
+
*/
|
|
18
|
+
flexColumna?: boolean;
|
|
19
|
+
}
|
|
20
|
+
export declare const CodeplexCaja: ({ centrado, pantallaCompleta, flexFila, flexColumna, sx, ...props }: CodeplexCajaProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
export type TamanoColumna = boolean | 'auto' | number | string;
|
|
3
|
+
export interface CodeplexColumnaProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
4
|
+
xs?: TamanoColumna;
|
|
5
|
+
sm?: TamanoColumna;
|
|
6
|
+
md?: TamanoColumna;
|
|
7
|
+
lg?: TamanoColumna;
|
|
8
|
+
xl?: TamanoColumna;
|
|
9
|
+
xxl?: TamanoColumna;
|
|
10
|
+
etiqueta?: React.ElementType;
|
|
11
|
+
}
|
|
12
|
+
export declare const CodeplexColumna: ({ xs, sm, md, lg, xl, xxl, etiqueta: Etiqueta, className, children, ...props }: CodeplexColumnaProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import { ContainerProps as MuiContainerProps } from '@mui/material';
|
|
2
|
+
export interface CodeplexContenedorProps extends Omit<MuiContainerProps, 'maxWidth' | 'fixed' | 'disableGutters'> {
|
|
3
|
+
/**
|
|
4
|
+
* Si es true, el contenedor será fluido (maxWidth={false}).
|
|
5
|
+
*/
|
|
6
|
+
fluido?: boolean;
|
|
7
|
+
/**
|
|
8
|
+
* Si es true, hace que el contenedor tenga altura completa (100vh) y centra el contenido.
|
|
9
|
+
*/
|
|
10
|
+
paginaCentrada?: boolean;
|
|
11
|
+
/**
|
|
12
|
+
* Determina el ancho máximo del contenedor. El contenedor crecerá hasta el ancho del valor especificado.
|
|
13
|
+
*/
|
|
14
|
+
anchoMaximo?: MuiContainerProps['maxWidth'];
|
|
15
|
+
/**
|
|
16
|
+
* Establece el ancho máximo del contenedor para que coincida con el ancho mínimo del punto de ruptura actual.
|
|
17
|
+
*/
|
|
18
|
+
fijo?: boolean;
|
|
19
|
+
/**
|
|
20
|
+
* Si es true, se eliminan los paddings izquierdo y derecho.
|
|
21
|
+
*/
|
|
22
|
+
deshabilitarMargenes?: boolean;
|
|
23
|
+
}
|
|
24
|
+
export declare const CodeplexContenedor: ({ fluido, paginaCentrada, sx, anchoMaximo, fijo, deshabilitarMargenes, ...props }: CodeplexContenedorProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,54 @@
|
|
|
1
|
+
import { GridProps as MuiGridProps } from '@mui/material';
|
|
2
|
+
import { ElementType } from 'react';
|
|
3
|
+
export interface CodeplexCuadriculaProps extends Omit<MuiGridProps, 'container' | 'item' | 'spacing' | 'direction' | 'wrap'> {
|
|
4
|
+
/**
|
|
5
|
+
* Si es true, el componente se comportará como un contenedor de cuadrícula.
|
|
6
|
+
*/
|
|
7
|
+
contenedor?: boolean;
|
|
8
|
+
/**
|
|
9
|
+
* Si es true, el componente se comportará como un elemento de cuadrícula.
|
|
10
|
+
*/
|
|
11
|
+
elemento?: boolean;
|
|
12
|
+
/**
|
|
13
|
+
* Define el espacio entre los elementos.
|
|
14
|
+
*/
|
|
15
|
+
espaciado?: MuiGridProps['spacing'];
|
|
16
|
+
/**
|
|
17
|
+
* Define la dirección del flex-container.
|
|
18
|
+
*/
|
|
19
|
+
direccion?: MuiGridProps['direction'];
|
|
20
|
+
/**
|
|
21
|
+
* Define si los elementos deben envolverse o no.
|
|
22
|
+
*/
|
|
23
|
+
envolver?: MuiGridProps['wrap'];
|
|
24
|
+
/**
|
|
25
|
+
* Si es true (y contenedor es true), centra los elementos mediante justifyContent="center" y alignItems="center".
|
|
26
|
+
*/
|
|
27
|
+
centrado?: boolean;
|
|
28
|
+
/**
|
|
29
|
+
* El componente utilizado para el nodo raíz.
|
|
30
|
+
* Puede ser una cadena HTML o un componente.
|
|
31
|
+
*/
|
|
32
|
+
component?: ElementType;
|
|
33
|
+
/**
|
|
34
|
+
* Definir el número de columnas (de 1 a 12) para el breakpoint xs.
|
|
35
|
+
*/
|
|
36
|
+
xs?: boolean | number | 'auto';
|
|
37
|
+
/**
|
|
38
|
+
* Definir el número de columnas (de 1 a 12) para el breakpoint sm.
|
|
39
|
+
*/
|
|
40
|
+
sm?: boolean | number | 'auto';
|
|
41
|
+
/**
|
|
42
|
+
* Definir el número de columnas (de 1 a 12) para el breakpoint md.
|
|
43
|
+
*/
|
|
44
|
+
md?: boolean | number | 'auto';
|
|
45
|
+
/**
|
|
46
|
+
* Definir el número de columnas (de 1 a 12) para el breakpoint lg.
|
|
47
|
+
*/
|
|
48
|
+
lg?: boolean | number | 'auto';
|
|
49
|
+
/**
|
|
50
|
+
* Definir el número de columnas (de 1 a 12) para el breakpoint xl.
|
|
51
|
+
*/
|
|
52
|
+
xl?: boolean | number | 'auto';
|
|
53
|
+
}
|
|
54
|
+
export declare const CodeplexCuadricula: ({ contenedor, elemento, espaciado, direccion, envolver, centrado, sx, component, ...props }: CodeplexCuadriculaProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
export interface CodeplexFilaProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
3
|
+
sinMargenes?: boolean;
|
|
4
|
+
alineacion?: 'start' | 'center' | 'end' | 'baseline' | 'stretch';
|
|
5
|
+
justificacion?: 'start' | 'center' | 'end' | 'between' | 'around' | 'evenly';
|
|
6
|
+
etiqueta?: React.ElementType;
|
|
7
|
+
}
|
|
8
|
+
export declare const CodeplexFila: ({ sinMargenes, alineacion, justificacion, etiqueta: Etiqueta, className, children, ...props }: CodeplexFilaProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { ImageListProps as MuiImageListProps, ImageListItemProps as MuiImageListItemProps, ImageListItemBarProps as MuiImageListItemBarProps } from '@mui/material';
|
|
2
|
+
export interface CodeplexListaImagenesProps extends Omit<MuiImageListProps, 'cols' | 'rowHeight' | 'gap' | 'variant'> {
|
|
3
|
+
columnas?: MuiImageListProps['cols'];
|
|
4
|
+
altoFila?: MuiImageListProps['rowHeight'];
|
|
5
|
+
espacio?: MuiImageListProps['gap'];
|
|
6
|
+
variante?: MuiImageListProps['variant'];
|
|
7
|
+
}
|
|
8
|
+
export interface CodeplexElementoListaImagenesProps extends Omit<MuiImageListItemProps, 'cols' | 'rows'> {
|
|
9
|
+
columnas?: MuiImageListItemProps['cols'];
|
|
10
|
+
filas?: MuiImageListItemProps['rows'];
|
|
11
|
+
}
|
|
12
|
+
export interface CodeplexBarraElementoListaImagenesProps extends Omit<MuiImageListItemBarProps, 'title' | 'subtitle' | 'actionIcon' | 'position'> {
|
|
13
|
+
titulo?: MuiImageListItemBarProps['title'];
|
|
14
|
+
subtitulo?: MuiImageListItemBarProps['subtitle'];
|
|
15
|
+
iconoAccion?: MuiImageListItemBarProps['actionIcon'];
|
|
16
|
+
posicion?: MuiImageListItemBarProps['position'];
|
|
17
|
+
}
|
|
18
|
+
export declare const CodeplexListaImagenes: ({ columnas, altoFila, espacio, variante, ...props }: CodeplexListaImagenesProps) => import("react/jsx-runtime").JSX.Element;
|
|
19
|
+
export declare const CodeplexElementoListaImagenes: ({ columnas, filas, ...props }: CodeplexElementoListaImagenesProps) => import("react/jsx-runtime").JSX.Element;
|
|
20
|
+
export declare const CodeplexBarraElementoListaImagenes: ({ titulo, subtitulo, iconoAccion, posicion, ...props }: CodeplexBarraElementoListaImagenesProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
export type LadoPanelLateral = 'izquierda' | 'derecha';
|
|
3
|
+
export type TamanoPanelLateral = 'sm' | 'md' | 'lg' | 'xl' | 'full';
|
|
4
|
+
export interface CodeplexPanelLateralProps {
|
|
5
|
+
/** Estado de visibilidad */
|
|
6
|
+
abierto: boolean;
|
|
7
|
+
/** Lado desde donde aparece */
|
|
8
|
+
lado?: LadoPanelLateral;
|
|
9
|
+
/** Ancho del panel */
|
|
10
|
+
tamano?: TamanoPanelLateral;
|
|
11
|
+
/** Título del panel */
|
|
12
|
+
titulo?: string;
|
|
13
|
+
/** Descripción o subtítulo */
|
|
14
|
+
descripcion?: string;
|
|
15
|
+
/** Mostrar botón de cierre */
|
|
16
|
+
mostrarCierre?: boolean;
|
|
17
|
+
/** Cerrar al hacer clic fuera */
|
|
18
|
+
cerrarAlClickFondo?: boolean;
|
|
19
|
+
/** Cerrar al presionar ESC */
|
|
20
|
+
cerrarConEscape?: boolean;
|
|
21
|
+
/** Clases adicionales */
|
|
22
|
+
clase?: string;
|
|
23
|
+
/** Callback para cerrar */
|
|
24
|
+
alCerrar?: () => void;
|
|
25
|
+
/** Contenido principal */
|
|
26
|
+
children?: React.ReactNode;
|
|
27
|
+
/** Contenido del pie */
|
|
28
|
+
pie?: React.ReactNode;
|
|
29
|
+
}
|
|
30
|
+
/**
|
|
31
|
+
* Panel deslizante lateral (Drawer / Off-canvas).
|
|
32
|
+
* Soporta animaciones, múltiples tamaños y accesibilidad.
|
|
33
|
+
*/
|
|
34
|
+
export declare const CodeplexPanelLateral: ({ abierto, lado, tamano, titulo, descripcion, mostrarCierre, cerrarAlClickFondo, cerrarConEscape, clase, alCerrar, children, pie, }: CodeplexPanelLateralProps) => import("react/jsx-runtime").JSX.Element | null;
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
export interface CodeplexEnlacePiePagina {
|
|
3
|
+
etiqueta: string;
|
|
4
|
+
href: string;
|
|
5
|
+
}
|
|
6
|
+
export interface CodeplexPiePaginaProps extends React.HTMLAttributes<HTMLElement> {
|
|
7
|
+
derechosAutor?: string;
|
|
8
|
+
enlaces?: CodeplexEnlacePiePagina[];
|
|
9
|
+
redesSociales?: {
|
|
10
|
+
facebook?: string;
|
|
11
|
+
twitter?: string;
|
|
12
|
+
github?: string;
|
|
13
|
+
linkedin?: string;
|
|
14
|
+
};
|
|
15
|
+
barraLateralColapsada?: boolean;
|
|
16
|
+
}
|
|
17
|
+
export declare const CodeplexPiePagina: ({ derechosAutor, enlaces, redesSociales, barraLateralColapsada, className, children, ...props }: CodeplexPiePaginaProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { StackProps as MuiStackProps } from '@mui/material';
|
|
2
|
+
export interface CodeplexPilaProps extends Omit<MuiStackProps, 'direction' | 'spacing'> {
|
|
3
|
+
/**
|
|
4
|
+
* Define la dirección de la pila.
|
|
5
|
+
*/
|
|
6
|
+
direccion?: MuiStackProps['direction'];
|
|
7
|
+
/**
|
|
8
|
+
* Define el espaciado entre los elementos.
|
|
9
|
+
*/
|
|
10
|
+
espaciado?: MuiStackProps['spacing'];
|
|
11
|
+
/**
|
|
12
|
+
* Centra los hijos horizontal y verticalmente.
|
|
13
|
+
*/
|
|
14
|
+
centrado?: boolean;
|
|
15
|
+
/**
|
|
16
|
+
* Aplica justifyContent: 'space-between'
|
|
17
|
+
*/
|
|
18
|
+
entre?: boolean;
|
|
19
|
+
}
|
|
20
|
+
export declare const CodeplexPila: ({ direccion, espaciado, centrado, entre, sx, alignItems, justifyContent, ...props }: CodeplexPilaProps) => import("react/jsx-runtime").JSX.Element;
|
package/package.json
CHANGED
|
@@ -1,28 +0,0 @@
|
|
|
1
|
-
import { default as React } from 'react';
|
|
2
|
-
export interface CodeplexAccordionItem {
|
|
3
|
-
id: string;
|
|
4
|
-
title: string;
|
|
5
|
-
subtitle?: string;
|
|
6
|
-
/** Contenido del panel: puede ser texto o JSX */
|
|
7
|
-
content: React.ReactNode;
|
|
8
|
-
iconLeft?: React.ReactNode;
|
|
9
|
-
disabled?: boolean;
|
|
10
|
-
}
|
|
11
|
-
export type AccordionVariant = 'simple' | 'bordered' | 'splitted';
|
|
12
|
-
export interface CodeplexAccordionProps {
|
|
13
|
-
items: CodeplexAccordionItem[];
|
|
14
|
-
/** Si true, permite múltiples paneles abiertos a la vez */
|
|
15
|
-
multiple?: boolean;
|
|
16
|
-
/** Estilo visual del acordeón */
|
|
17
|
-
variant?: AccordionVariant;
|
|
18
|
-
/** IDs de los items abiertos inicialmente */
|
|
19
|
-
defaultOpenIds?: string[];
|
|
20
|
-
/** Clase CSS adicional para el contenedor */
|
|
21
|
-
className?: string;
|
|
22
|
-
/** Callback al cambiar el estado */
|
|
23
|
-
onChange?: (openIds: string[]) => void;
|
|
24
|
-
}
|
|
25
|
-
/**
|
|
26
|
-
* Accordion profesional con animaciones Grid y múltiples variantes.
|
|
27
|
-
*/
|
|
28
|
-
export declare const CodeplexAccordion: ({ items, multiple, variant, defaultOpenIds, onChange, className, }: CodeplexAccordionProps) => import("react/jsx-runtime").JSX.Element;
|
package/lib/box/box.d.ts
DELETED
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
import { BoxProps as MuiBoxProps } from '@mui/material';
|
|
2
|
-
export interface CodeplexBoxProps extends MuiBoxProps {
|
|
3
|
-
/**
|
|
4
|
-
* Shorcut to make the box a flex container with content centered (vertical & horizontal).
|
|
5
|
-
*/
|
|
6
|
-
centered?: boolean;
|
|
7
|
-
/**
|
|
8
|
-
* Shortcut to set width: 100vw and height: 100vh
|
|
9
|
-
*/
|
|
10
|
-
fullScreen?: boolean;
|
|
11
|
-
/**
|
|
12
|
-
* Shortcut for display: 'flex', flexDirection: 'row'
|
|
13
|
-
*/
|
|
14
|
-
flexRow?: boolean;
|
|
15
|
-
/**
|
|
16
|
-
* Shortcut for display: 'flex', flexDirection: 'column'
|
|
17
|
-
*/
|
|
18
|
-
flexCol?: boolean;
|
|
19
|
-
}
|
|
20
|
-
export declare const CodeplexBox: ({ centered, fullScreen, flexRow, flexCol, sx, ...props }: CodeplexBoxProps) => import("react/jsx-runtime").JSX.Element;
|
package/lib/col/col.d.ts
DELETED
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
import { default as React } from 'react';
|
|
2
|
-
export type ColSize = boolean | 'auto' | number | string;
|
|
3
|
-
export interface CodeplexColProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
4
|
-
xs?: ColSize;
|
|
5
|
-
sm?: ColSize;
|
|
6
|
-
md?: ColSize;
|
|
7
|
-
lg?: ColSize;
|
|
8
|
-
xl?: ColSize;
|
|
9
|
-
xxl?: ColSize;
|
|
10
|
-
tag?: React.ElementType;
|
|
11
|
-
}
|
|
12
|
-
export declare const CodeplexCol: ({ xs, sm, md, lg, xl, xxl, tag: Tag, className, children, ...props }: CodeplexColProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
import { ContainerProps as MuiContainerProps } from '@mui/material';
|
|
2
|
-
export interface CodeplexContainerProps extends MuiContainerProps {
|
|
3
|
-
/**
|
|
4
|
-
* If true, the container will be fluid (maxWidth={false}).
|
|
5
|
-
*/
|
|
6
|
-
fluid?: boolean;
|
|
7
|
-
/**
|
|
8
|
-
* If true, makes the container full height (100vh) and centers content.
|
|
9
|
-
*/
|
|
10
|
-
pageCentered?: boolean;
|
|
11
|
-
}
|
|
12
|
-
export declare const CodeplexContainer: ({ fluid, pageCentered, sx, maxWidth, ...props }: CodeplexContainerProps) => import("react/jsx-runtime").JSX.Element;
|
package/lib/drawer/drawer.d.ts
DELETED
|
@@ -1,34 +0,0 @@
|
|
|
1
|
-
import { default as React } from 'react';
|
|
2
|
-
export type CodeplexDrawerSide = 'left' | 'right';
|
|
3
|
-
export type CodeplexDrawerSize = 'sm' | 'md' | 'lg' | 'xl' | 'full';
|
|
4
|
-
export interface CodeplexDrawerProps {
|
|
5
|
-
/** Estado de visibilidad */
|
|
6
|
-
open: boolean;
|
|
7
|
-
/** Lado desde donde aparece */
|
|
8
|
-
side?: CodeplexDrawerSide;
|
|
9
|
-
/** Ancho del panel */
|
|
10
|
-
size?: CodeplexDrawerSize;
|
|
11
|
-
/** Título del panel */
|
|
12
|
-
title?: string;
|
|
13
|
-
/** Descripción o subtítulo */
|
|
14
|
-
description?: string;
|
|
15
|
-
/** Mostrar botón de cierre */
|
|
16
|
-
showClose?: boolean;
|
|
17
|
-
/** Cerrar al hacer clic fuera */
|
|
18
|
-
closeOnOverlayClick?: boolean;
|
|
19
|
-
/** Cerrar al presionar ESC */
|
|
20
|
-
closeOnEsc?: boolean;
|
|
21
|
-
/** Clases adicionales */
|
|
22
|
-
className?: string;
|
|
23
|
-
/** Callback para cerrar */
|
|
24
|
-
onClose?: () => void;
|
|
25
|
-
/** Contenido principal */
|
|
26
|
-
children?: React.ReactNode;
|
|
27
|
-
/** Contenido del footer */
|
|
28
|
-
footer?: React.ReactNode;
|
|
29
|
-
}
|
|
30
|
-
/**
|
|
31
|
-
* Panel deslizante lateral (Drawer / Off-canvas).
|
|
32
|
-
* Soporta animaciones, múltiples tamaños y accesibilidad.
|
|
33
|
-
*/
|
|
34
|
-
export declare const CodeplexDrawer: ({ open, side, size, title, description, showClose, closeOnOverlayClick, closeOnEsc, className, onClose, children, footer, }: CodeplexDrawerProps) => import("react/jsx-runtime").JSX.Element | null;
|
package/lib/footer/footer.d.ts
DELETED
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
import { default as React } from 'react';
|
|
2
|
-
export interface CodeplexFooterLink {
|
|
3
|
-
label: string;
|
|
4
|
-
href: string;
|
|
5
|
-
}
|
|
6
|
-
export interface CodeplexFooterProps extends React.HTMLAttributes<HTMLElement> {
|
|
7
|
-
copyright?: string;
|
|
8
|
-
links?: CodeplexFooterLink[];
|
|
9
|
-
socialLinks?: {
|
|
10
|
-
facebook?: string;
|
|
11
|
-
twitter?: string;
|
|
12
|
-
github?: string;
|
|
13
|
-
linkedin?: string;
|
|
14
|
-
};
|
|
15
|
-
sidebarCollapsed?: boolean;
|
|
16
|
-
}
|
|
17
|
-
export declare const CodeplexFooter: ({ copyright, links, socialLinks, sidebarCollapsed, className, children, ...props }: CodeplexFooterProps) => import("react/jsx-runtime").JSX.Element;
|
package/lib/grid/grid.d.ts
DELETED
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import { GridProps as MuiGridProps } from '@mui/material';
|
|
2
|
-
export interface CodeplexGridProps extends MuiGridProps {
|
|
3
|
-
/**
|
|
4
|
-
* If true (and container is true), centers items via justifyContent="center" and alignItems="center".
|
|
5
|
-
*/
|
|
6
|
-
centered?: boolean;
|
|
7
|
-
}
|
|
8
|
-
export declare const CodeplexGrid: ({ centered, sx, ...props }: CodeplexGridProps) => import("react/jsx-runtime").JSX.Element;
|
package/lib/header/header.d.ts
DELETED
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
import { default as React } from 'react';
|
|
2
|
-
export interface CodeplexBreadcrumb {
|
|
3
|
-
label: string;
|
|
4
|
-
href?: string;
|
|
5
|
-
onClick?: () => void;
|
|
6
|
-
}
|
|
7
|
-
export interface CodeplexUserInfo {
|
|
8
|
-
name: string;
|
|
9
|
-
email?: string;
|
|
10
|
-
role?: string;
|
|
11
|
-
avatar?: string;
|
|
12
|
-
}
|
|
13
|
-
export interface CodeplexHeaderProps extends React.HTMLAttributes<HTMLElement> {
|
|
14
|
-
title?: string;
|
|
15
|
-
breadcrumbs?: CodeplexBreadcrumb[];
|
|
16
|
-
user?: CodeplexUserInfo;
|
|
17
|
-
showSearch?: boolean;
|
|
18
|
-
onSearch?: (query: string) => void;
|
|
19
|
-
onNotifications?: () => void;
|
|
20
|
-
onProfile?: () => void;
|
|
21
|
-
notificationCount?: number;
|
|
22
|
-
sidebarCollapsed?: boolean;
|
|
23
|
-
}
|
|
24
|
-
export declare const CodeplexHeader: ({ title, breadcrumbs, user, showSearch, onSearch, onNotifications, onProfile, notificationCount, sidebarCollapsed, className, children, ...props }: CodeplexHeaderProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import { ImageListProps as MuiImageListProps, ImageListItemProps as MuiImageListItemProps, ImageListItemBarProps as MuiImageListItemBarProps } from '@mui/material';
|
|
2
|
-
export interface CodeplexImageListProps extends MuiImageListProps {
|
|
3
|
-
}
|
|
4
|
-
export interface CodeplexImageListItemProps extends MuiImageListItemProps {
|
|
5
|
-
}
|
|
6
|
-
export interface CodeplexImageListItemBarProps extends MuiImageListItemBarProps {
|
|
7
|
-
}
|
|
8
|
-
export declare const CodeplexImageList: (props: CodeplexImageListProps) => import("react/jsx-runtime").JSX.Element;
|
|
9
|
-
export declare const CodeplexImageListItem: (props: CodeplexImageListItemProps) => import("react/jsx-runtime").JSX.Element;
|
|
10
|
-
export declare const CodeplexImageListItemBar: (props: CodeplexImageListItemBarProps) => import("react/jsx-runtime").JSX.Element;
|
package/lib/navbar/navbar.d.ts
DELETED
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
import { default as React } from 'react';
|
|
2
|
-
import { CodeplexUserInfo } from '../header/header';
|
|
3
|
-
export interface CodeplexNavbarLink {
|
|
4
|
-
id: string;
|
|
5
|
-
label: string;
|
|
6
|
-
href?: string;
|
|
7
|
-
active?: boolean;
|
|
8
|
-
disabled?: boolean;
|
|
9
|
-
onClick?: () => void;
|
|
10
|
-
}
|
|
11
|
-
export interface CodeplexNavbarProps {
|
|
12
|
-
logoText?: string;
|
|
13
|
-
logoSrc?: string;
|
|
14
|
-
links?: CodeplexNavbarLink[];
|
|
15
|
-
user?: CodeplexUserInfo;
|
|
16
|
-
position?: 'fixed' | 'sticky' | 'static';
|
|
17
|
-
className?: string;
|
|
18
|
-
children?: React.ReactNode;
|
|
19
|
-
}
|
|
20
|
-
export declare const CodeplexNavbar: ({ logoText, logoSrc, links, user, position, className, children, }: CodeplexNavbarProps) => import("react/jsx-runtime").JSX.Element;
|
package/lib/row/row.d.ts
DELETED
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import { default as React } from 'react';
|
|
2
|
-
export interface CodeplexRowProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
3
|
-
noGutters?: boolean;
|
|
4
|
-
align?: 'start' | 'center' | 'end' | 'baseline' | 'stretch';
|
|
5
|
-
justify?: 'start' | 'center' | 'end' | 'between' | 'around' | 'evenly';
|
|
6
|
-
tag?: React.ElementType;
|
|
7
|
-
}
|
|
8
|
-
export declare const CodeplexRow: ({ noGutters, align, justify, tag: Tag, className, children, ...props }: CodeplexRowProps) => import("react/jsx-runtime").JSX.Element;
|
package/lib/sidebar/sidebar.d.ts
DELETED
|
@@ -1,27 +0,0 @@
|
|
|
1
|
-
import { default as React } from 'react';
|
|
2
|
-
import { CodeplexUserInfo } from '../header/header';
|
|
3
|
-
export interface CodeplexMenuItem {
|
|
4
|
-
id: string;
|
|
5
|
-
label: string;
|
|
6
|
-
icon?: React.ReactNode;
|
|
7
|
-
href?: string;
|
|
8
|
-
active?: boolean;
|
|
9
|
-
disabled?: boolean;
|
|
10
|
-
badge?: string;
|
|
11
|
-
children?: CodeplexMenuItem[];
|
|
12
|
-
onClick?: () => void;
|
|
13
|
-
}
|
|
14
|
-
export interface CodeplexSidebarProps {
|
|
15
|
-
items: CodeplexMenuItem[];
|
|
16
|
-
user?: CodeplexUserInfo;
|
|
17
|
-
logo?: string;
|
|
18
|
-
logoText?: string;
|
|
19
|
-
collapsed?: boolean;
|
|
20
|
-
autoCloseOnNavigate?: boolean;
|
|
21
|
-
onToggle?: (collapsed: boolean) => void;
|
|
22
|
-
onNavigate?: (href: string) => void;
|
|
23
|
-
onLogout?: () => void;
|
|
24
|
-
footer?: boolean;
|
|
25
|
-
children?: React.ReactNode;
|
|
26
|
-
}
|
|
27
|
-
export declare const CodeplexSidebar: ({ items, user, logo, logoText, collapsed, autoCloseOnNavigate, onToggle, onNavigate, onLogout, footer, children, }: CodeplexSidebarProps) => import("react/jsx-runtime").JSX.Element;
|
package/lib/stack/stack.d.ts
DELETED
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
import { StackProps as MuiStackProps } from '@mui/material';
|
|
2
|
-
export interface CodeplexStackProps extends MuiStackProps {
|
|
3
|
-
/**
|
|
4
|
-
* Centers children horizontally and vertically.
|
|
5
|
-
*/
|
|
6
|
-
centered?: boolean;
|
|
7
|
-
/**
|
|
8
|
-
* Applies justifyContent: 'space-between'
|
|
9
|
-
*/
|
|
10
|
-
between?: boolean;
|
|
11
|
-
}
|
|
12
|
-
export declare const CodeplexStack: ({ centered, between, sx, alignItems, justifyContent, ...props }: CodeplexStackProps) => import("react/jsx-runtime").JSX.Element;
|