@codeplex-sac/navigation 0.0.1 → 0.0.3

package/lib/cajon-lateral/cajon-lateral.d.ts

@@ -0,0 +1,15 @@
+import { default as React } from 'react';
+import { DrawerProps, SwipeableDrawerProps } from '@mui/material';
+export interface CodeplexCajonLateralProps extends Omit<DrawerProps, 'open' | 'onClose' | 'anchor' | 'PaperProps'> {
+    deslizable?: boolean;
+    ancho?: number | string;
+    cabecera?: React.ReactNode;
+    pie?: React.ReactNode;
+    mostrarIconoCierre?: boolean;
+    alAbrir?: SwipeableDrawerProps['onOpen'];
+    alCerrar?: (event: React.SyntheticEvent | {}, reason: 'backdropClick' | 'escapeKeyDown') => void;
+    abierto?: boolean;
+    anclaje?: DrawerProps['anchor'];
+    propsPapel?: DrawerProps['PaperProps'];
+}
+export declare const CodeplexCajonLateral: ({ deslizable, ancho, cabecera, pie, children, alAbrir, alCerrar, abierto, anclaje, mostrarIconoCierre, propsPapel, slotProps, sx, ...props }: CodeplexCajonLateralProps) => import("react/jsx-runtime").JSX.Element;

package/lib/enlace/enlace.d.ts

@@ -0,0 +1,9 @@
+import { LinkProps } from '@mui/material';
+export interface CodeplexEnlaceProps extends Omit<LinkProps, 'underline'> {
+    /**
+     * If true, renders as a button (for a11y) but looks like a link.
+     */
+    componente?: React.ElementType;
+    subrayado?: 'none' | 'hover' | 'always';
+}
+export declare const CodeplexEnlace: ({ componente, subrayado, ...props }: CodeplexEnlaceProps) => import("react/jsx-runtime").JSX.Element;

package/lib/marcacion-rapida/marcacion-rapida.d.ts

@@ -0,0 +1,13 @@
+import { default as React } from 'react';
+import { SpeedDialProps, SpeedDialActionProps } from '@mui/material';
+export interface CodeplexAccionMarcacionRapida extends Omit<SpeedDialActionProps, 'icon' | 'tooltipTitle'> {
+    icono: React.ReactNode;
+    tituloTooltip: React.ReactNode;
+    alHacerClick?: SpeedDialActionProps['onClick'];
+}
+export interface CodeplexMarcacionRapidaProps extends Omit<SpeedDialProps, 'ariaLabel' | 'icon'> {
+    acciones?: CodeplexAccionMarcacionRapida[];
+    etiquetaAria: string;
+    icono?: React.ReactNode;
+}
+export declare const CodeplexMarcacionRapida: ({ acciones, icono, etiquetaAria, children, ...props }: CodeplexMarcacionRapidaProps) => import("react/jsx-runtime").JSX.Element;

package/lib/menu/menu.d.ts

@@ -1,11 +1,14 @@
 import { default as React } from 'react';
 import { MenuProps, MenuItemProps } from '@mui/material';
-export interface CodeplexMenuItemType extends Omit<MenuItemProps, 'children'> {
-    label: React.ReactNode;
-    icon?: React.ReactNode;
-    onClick?: () => void;
+export interface CodeplexElementoMenu extends Omit<MenuItemProps, 'children' | 'onClick'> {
+    etiqueta: React.ReactNode;
+    icono?: React.ReactNode;
+    alHacerClick?: () => void;
 }
-export interface CodeplexMenuProps extends MenuProps {
-    items?: CodeplexMenuItemType[];
+export interface CodeplexMenuProps extends Omit<MenuProps, 'open' | 'onClose' | 'anchorEl'> {
+    elementos?: CodeplexElementoMenu[];
+    elementoAnclaje?: MenuProps['anchorEl'];
+    abierto: boolean;
+    alCerrar?: MenuProps['onClose'];
 }
-export declare const CodeplexMenu: ({ items, children, ...props }: CodeplexMenuProps) => import("react/jsx-runtime").JSX.Element;
+export declare const CodeplexMenu: ({ elementos, children, elementoAnclaje, abierto, alCerrar, ...props }: CodeplexMenuProps) => import("react/jsx-runtime").JSX.Element;

package/lib/migas-pan/migas-pan.d.ts

@@ -0,0 +1,14 @@
+import { default as React } from 'react';
+import { BreadcrumbsProps } from '@mui/material';
+export interface CodeplexElementoMigasPan {
+    etiqueta: string;
+    href?: string;
+    icono?: React.ReactElement;
+}
+export interface CodeplexMigasPanProps extends Omit<BreadcrumbsProps, 'separator'> {
+    elementos: CodeplexElementoMigasPan[];
+    rutaInicio?: string;
+    colorActivo?: string;
+    separador?: React.ReactNode;
+}
+export declare const CodeplexMigasPan: ({ elementos, rutaInicio, colorActivo, separador, ...props }: CodeplexMigasPanProps) => import("react/jsx-runtime").JSX.Element;

package/lib/navegacion-inferior/navegacion-inferior.d.ts

@@ -0,0 +1,16 @@
+import { BottomNavigationProps, SxProps, Theme } from '@mui/material';
+export interface CodeplexElementoNavegacionInferior {
+    etiqueta: string | React.ReactNode;
+    icono: React.ReactNode;
+    valor: any;
+    [key: string]: any;
+}
+export interface CodeplexNavegacionInferiorProps extends Omit<BottomNavigationProps, 'onChange' | 'value'> {
+    elementos: CodeplexElementoNavegacionInferior[];
+    fijo?: boolean;
+    conPapel?: boolean;
+    sxContenedor?: SxProps<Theme>;
+    alCambiar?: (event: React.SyntheticEvent, nuevoValor: any) => void;
+    valor?: any;
+}
+export declare const CodeplexNavegacionInferior: ({ elementos, fijo, conPapel, sxContenedor, sx, alCambiar, valor, ...props }: CodeplexNavegacionInferiorProps) => import("react/jsx-runtime").JSX.Element;

package/lib/paginacion/paginacion.d.ts

@@ -0,0 +1,11 @@
+import { PaginationProps } from '@mui/material';
+export interface CodeplexPaginacionProps extends Omit<PaginationProps, 'count' | 'page' | 'onChange'> {
+    total?: number;
+    pagina?: number;
+    alCambiar?: PaginationProps['onChange'];
+    /**
+     * If true, centers the pagination horizontally.
+     */
+    centrado?: boolean;
+}
+export declare const CodeplexPaginacion: ({ total, pagina, alCambiar, centrado, sx, ...props }: CodeplexPaginacionProps) => import("react/jsx-runtime").JSX.Element;

package/lib/pasos/pasos.d.ts

@@ -0,0 +1,16 @@
+import { StepperProps } from '@mui/material';
+export interface CodeplexPaso {
+    etiqueta: string;
+    leyenda?: string;
+    opcional?: boolean;
+    error?: boolean;
+    completado?: boolean;
+}
+export interface CodeplexPasosProps extends Omit<StepperProps, 'activeStep' | 'alternativeLabel' | 'nonLinear'> {
+    pasos: CodeplexPaso[];
+    pasoActivo: number;
+    etiquetaAlternativa?: boolean;
+    noLineal?: boolean;
+    alHacerClickPaso?: (index: number) => void;
+}
+export declare const CodeplexPasos: ({ pasos, pasoActivo, etiquetaAlternativa, noLineal, alHacerClickPaso, ...props }: CodeplexPasosProps) => import("react/jsx-runtime").JSX.Element;

package/lib/pestanas/pestanas.d.ts

@@ -0,0 +1,15 @@
+import { default as React } from 'react';
+import { TabsProps, TabProps } from '@mui/material';
+export interface CodeplexElementoPestana extends Omit<TabProps, 'children'> {
+    etiqueta: string | React.ReactNode;
+    valor: any;
+    icono?: React.ReactElement;
+    posicionIcono?: 'top' | 'start' | 'end' | 'bottom';
+}
+export interface CodeplexPestanasProps extends Omit<TabsProps, 'value' | 'onChange' | 'centered'> {
+    elementos: CodeplexElementoPestana[];
+    valor: any;
+    alCambiar: (event: React.SyntheticEvent, nuevoValor: any) => void;
+    centrado?: boolean;
+}
+export declare const CodeplexPestanas: ({ elementos, valor, alCambiar, centrado, ...props }: CodeplexPestanasProps) => import("react/jsx-runtime").JSX.Element;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@codeplex-sac/navigation",
-  "version": "0.0.1",
+  "version": "0.0.3",
   "main": "./index.js",
   "types": "./index.d.ts",
   "exports": {

package/lib/bottom-navigation/bottom-navigation.d.ts

@@ -1,13 +0,0 @@
-import { BottomNavigationActionProps, BottomNavigationProps, SxProps, Theme } from '@mui/material';
-export interface CodeplexBottomNavigationItem extends Omit<BottomNavigationActionProps, 'label' | 'icon'> {
-    label: string | React.ReactNode;
-    icon: React.ReactNode;
-    value: any;
-}
-export interface CodeplexBottomNavigationProps extends BottomNavigationProps {
-    items: CodeplexBottomNavigationItem[];
-    fixed?: boolean;
-    withPaper?: boolean;
-    containerSx?: SxProps<Theme>;
-}
-export declare const CodeplexBottomNavigation: ({ items, fixed, withPaper, containerSx, sx, ...props }: CodeplexBottomNavigationProps) => import("react/jsx-runtime").JSX.Element;

package/lib/breadcrumbs/breadcrumbs.d.ts

@@ -1,13 +0,0 @@
-import { default as React } from 'react';
-import { BreadcrumbsProps } from '@mui/material';
-export interface CodeplexBreadcrumbItem {
-    label: string;
-    href?: string;
-    icon?: React.ReactElement;
-}
-export interface CodeplexBreadcrumbsProps extends BreadcrumbsProps {
-    items: CodeplexBreadcrumbItem[];
-    homeHref?: string;
-    activeColor?: string;
-}
-export declare const CodeplexBreadcrumbs: ({ items, homeHref, activeColor, separator, ...props }: CodeplexBreadcrumbsProps) => import("react/jsx-runtime").JSX.Element;

package/lib/drawer/drawer.d.ts

@@ -1,11 +0,0 @@
-import { default as React } from 'react';
-import { DrawerProps, SwipeableDrawerProps } from '@mui/material';
-export interface CodeplexDrawerProps extends DrawerProps {
-    swipeable?: boolean;
-    width?: number | string;
-    header?: React.ReactNode;
-    footer?: React.ReactNode;
-    showCloseIcon?: boolean;
-    onOpen?: SwipeableDrawerProps['onOpen'];
-}
-export declare const CodeplexDrawer: ({ swipeable, width, header, footer, children, onOpen, onClose, showCloseIcon, PaperProps, slotProps, ...props }: CodeplexDrawerProps) => import("react/jsx-runtime").JSX.Element;

package/lib/link/link.d.ts

@@ -1,8 +0,0 @@
-import { LinkProps } from '@mui/material';
-export interface CodeplexLinkProps extends LinkProps {
-    /**
-     * If true, renders as a button (for a11y) but looks like a link.
-     */
-    component?: React.ElementType;
-}
-export declare const CodeplexLink: ({ component, ...props }: CodeplexLinkProps) => import("react/jsx-runtime").JSX.Element;

package/lib/pagination/pagination.d.ts

@@ -1,8 +0,0 @@
-import { PaginationProps } from '@mui/material';
-export interface CodeplexPaginationProps extends PaginationProps {
-    /**
-     * If true, centers the pagination horizontally.
-     */
-    centered?: boolean;
-}
-export declare const CodeplexPagination: ({ centered, sx, ...props }: CodeplexPaginationProps) => import("react/jsx-runtime").JSX.Element;

package/lib/speed-dial/speed-dial.d.ts

@@ -1,10 +0,0 @@
-import { default as React } from 'react';
-import { SpeedDialProps, SpeedDialActionProps } from '@mui/material';
-export interface CodeplexSpeedDialActionType extends Omit<SpeedDialActionProps, 'icon' | 'tooltipTitle'> {
-    icon: React.ReactNode;
-    tooltipTitle: React.ReactNode;
-}
-export interface CodeplexSpeedDialProps extends SpeedDialProps {
-    actions?: CodeplexSpeedDialActionType[];
-}
-export declare const CodeplexSpeedDial: ({ actions, icon, children, ...props }: CodeplexSpeedDialProps) => import("react/jsx-runtime").JSX.Element;

package/lib/stepper/stepper.d.ts

@@ -1,16 +0,0 @@
-import { StepperProps } from '@mui/material';
-export interface CodeplexStep {
-    label: string;
-    caption?: string;
-    optional?: boolean;
-    error?: boolean;
-    completed?: boolean;
-}
-export interface CodeplexStepperProps extends StepperProps {
-    steps: CodeplexStep[];
-    activeStep: number;
-    alternativeLabel?: boolean;
-    nonLinear?: boolean;
-    onStepClick?: (index: number) => void;
-}
-export declare const CodeplexStepper: ({ steps, activeStep, alternativeLabel, nonLinear, onStepClick, ...props }: CodeplexStepperProps) => import("react/jsx-runtime").JSX.Element;

package/lib/tabs/tabs.d.ts

@@ -1,12 +0,0 @@
-import { default as React } from 'react';
-import { TabsProps, TabProps } from '@mui/material';
-export interface CodeplexTabItem extends Omit<TabProps, 'children'> {
-    label: string | React.ReactNode;
-    value: any;
-    icon?: React.ReactElement;
-    iconPosition?: 'top' | 'start' | 'end' | 'bottom';
-}
-export interface CodeplexTabsProps extends TabsProps {
-    items: CodeplexTabItem[];
-}
-export declare const CodeplexTabs: ({ items, ...props }: CodeplexTabsProps) => import("react/jsx-runtime").JSX.Element;