pixelon 0.9.2 → 0.9.4

package/dist/components/molecules/lumi/Menu/MenuItem(1).d.ts

@@ -1,6 +0,0 @@
-import React from "react";
-import type { MenuItemProps } from "./types";
-/**
- * Componente MenuItem para items individuales del menú
- */
-export declare const MenuItem: React.FC<MenuItemProps>;

package/dist/components/molecules/lumi/Menu/MenuItem(2).d.ts

@@ -1,6 +0,0 @@
-import React from "react";
-import type { MenuItemProps } from "./types";
-/**
- * Componente MenuItem para items individuales del menú
- */
-export declare const MenuItem: React.FC<MenuItemProps>;

package/dist/components/molecules/lumi/Menu/MenuItemGroup(1).d.ts

@@ -1,6 +0,0 @@
-import React from 'react';
-import type { MenuItemGroupProps } from './types';
-/**
- * Componente MenuItemGroup para agrupar items con un título
- */
-export declare const MenuItemGroup: React.FC<MenuItemGroupProps>;

package/dist/components/molecules/lumi/Menu/SubMenu(1).d.ts

@@ -1,6 +0,0 @@
-import React from 'react';
-import type { SubMenuProps } from './types';
-/**
- * Componente SubMenu para items con children
- */
-export declare const SubMenu: React.FC<SubMenuProps>;

package/dist/components/molecules/lumi/Menu/iconHelper(1).d.ts

@@ -1,15 +0,0 @@
-import type { LumiIconType } from '../../../atoms/lumi/Icon';
-/**
- * Convierte el nombre del icono del backend al tipo de LUMI_ICON_TYPES
- *
- * @param iconName - Nombre del icono desde el backend (ej: "home", "folder-open")
- * @returns El tipo de icono de LUMI_ICON_TYPES o undefined si no existe
- *
- * @example
- * ```ts
- * getIconType("home") // LUMI_ICON_TYPES.HOME
- * getIconType("folder-open") // LUMI_ICON_TYPES.FOLDER_OPEN
- * getIconType("invalid") // undefined (con warning en consola)
- * ```
- */
-export declare function getIconType(iconName?: string): LumiIconType | undefined;

package/dist/components/molecules/lumi/Menu/index(1).d.ts

@@ -1,8 +0,0 @@
-export { Menu } from './Menu';
-export { MenuItem } from './MenuItem';
-export { SubMenu } from './SubMenu';
-export { MenuItemGroup } from './MenuItemGroup';
-export { useMenuContext, MenuProvider } from './MenuContext';
-export { getIconType } from './iconHelper';
-export type { MenuProps, MenuItemProps, SubMenuProps, MenuItemGroupProps, MenuItemData, SelectInfo, } from './types';
-export type { MenuContextType } from './MenuContext';

package/dist/components/molecules/lumi/Menu/index(2).d.ts

@@ -1,8 +0,0 @@
-export { Menu } from './Menu';
-export { MenuItem } from './MenuItem';
-export { SubMenu } from './SubMenu';
-export { MenuItemGroup } from './MenuItemGroup';
-export { useMenuContext, MenuProvider } from './MenuContext';
-export { getIconType } from './iconHelper';
-export type { MenuProps, MenuItemProps, SubMenuProps, MenuItemGroupProps, MenuItemData, SelectInfo, } from './types';
-export type { MenuContextType } from './MenuContext';

package/dist/components/molecules/lumi/Menu/types(1).d.ts

@@ -1,119 +0,0 @@
-import type { MenuMode, MenuTheme, MenuTriggerAction } from '../../../../core/constants/lumi';
-/**
- * Datos del menu item desde el backend
- */
-export interface MenuItemData {
-    /** ID único del menu item (UUID) */
-    id: string;
-    /** ID de la compañía (UUID) */
-    companyId: string;
-    /** Nombre del menu item */
-    name: string;
-    /** Label/descripción corta del item */
-    label?: string;
-    /** Descripción larga del item */
-    description?: string;
-    /** ID del item padre (para construir jerarquía)
-     * Si topId === id, es un item de nivel superior */
-    topId: string;
-    /** Ruta de navegación */
-    route?: string;
-    /** Estado activo/inactivo */
-    state: boolean;
-    /** Nombre del icono de lumi (string que mapea a LUMI_ICON_TYPES)
-     * Ejemplo: "home" → LUMI_ICON_TYPES.HOME */
-    icon?: string;
-    /** Fecha de creación */
-    createdDate: string;
-    /** Fecha de actualización */
-    updatedDate: string;
-    /** Hijos (construidos por buildMenuTree) */
-    children?: MenuItemData[];
-}
-/**
- * Información del item seleccionado
- */
-export interface SelectInfo {
-    key: string;
-    keyPath: string[];
-}
-/**
- * Props del componente Menu
- */
-export interface MenuProps {
-    /** Lista plana de items desde el backend */
-    items: MenuItemData[];
-    /** Modo del menú */
-    mode?: MenuMode;
-    /** Tema del menú */
-    theme?: MenuTheme;
-    /** Keys de los items seleccionados por defecto */
-    defaultSelectedKeys?: string[];
-    /** Keys de los items seleccionados (controlled) */
-    selectedKeys?: string[];
-    /** Keys de los submenús abiertos por defecto */
-    defaultOpenKeys?: string[];
-    /** Keys de los submenús abiertos (controlled) */
-    openKeys?: string[];
-    /** Si está en modo accordion (solo un submenú abierto a la vez) */
-    accordion?: boolean;
-    /** Acción que dispara la apertura de submenús */
-    triggerSubMenuAction?: MenuTriggerAction;
-    /** Nivel de indentación para submenús inline (px) */
-    inlineIndent?: number;
-    /** Callback cuando se selecciona un item */
-    onSelect?: (info: SelectInfo) => void;
-    /** Callback cuando cambian los submenús abiertos */
-    onOpenChange?: (openKeys: string[]) => void;
-    /** Clase CSS adicional */
-    className?: string;
-    /** Estilos inline */
-    style?: React.CSSProperties;
-}
-/**
- * Props del componente MenuItem
- */
-export interface MenuItemProps {
-    /** Key única del item */
-    itemKey: string;
-    /** Título/nombre del item */
-    title: string;
-    /** Icono del item (nombre en string) */
-    icon?: string;
-    /** Ruta para React Router */
-    to?: string;
-    /** Si el item está deshabilitado */
-    disabled?: boolean;
-    /** Callback cuando se clickea el item */
-    onClick?: () => void;
-    /** Nivel de indentación (calculado internamente) */
-    level?: number;
-}
-/**
- * Props del componente SubMenu
- */
-export interface SubMenuProps {
-    /** Key única del submenu */
-    subMenuKey: string;
-    /** Título del submenu */
-    title: string;
-    /** Icono del submenu (nombre en string) */
-    icon?: string;
-    /** Items hijos */
-    children: MenuItemData[];
-    /** Nivel de indentación (calculado internamente) */
-    level?: number;
-    /** Si el submenu está deshabilitado */
-    disabled?: boolean;
-}
-/**
- * Props del componente MenuItemGroup
- */
-export interface MenuItemGroupProps {
-    /** Título del grupo */
-    title: string;
-    /** Items del grupo */
-    children: MenuItemData[];
-    /** Nivel de indentación (calculado internamente) */
-    level?: number;
-}

package/dist/components/molecules/lumi/Pagination/Pagination(1).d.ts

@@ -1,4 +0,0 @@
-import React from 'react';
-import type { PaginationProps } from './types';
-import './Pagination.scss';
-export declare const Pagination: React.FC<PaginationProps>;

package/dist/components/molecules/lumi/Pagination/index(1).d.ts

@@ -1,2 +0,0 @@
-export { Pagination } from './Pagination';
-export type { PaginationProps } from './types';

package/dist/components/molecules/lumi/Select/Select(1).d.ts

@@ -1,14 +0,0 @@
-import { type Control } from 'react-hook-form';
-import { type SelectProps as LumiSelectProps, type SelectOption } from '../../../atoms/lumi/Select';
-export interface FormSelectProps extends Omit<LumiSelectProps, 'error' | 'onChange' | 'value' | 'onBlur' | 'name' | 'onSelect' | 'onChangeMultiple'> {
-    name: string;
-    control: Control<any>;
-    clearWithReset?: boolean | string | number | (string | number)[];
-    onSelect?: (value: string | number, option: SelectOption) => void;
-    onChangeMultiple?: (values: (string | number)[], options: SelectOption[]) => void;
-}
-export declare const Select: {
-    ({ name, control, clearWithReset, onClear, onSelect, onChangeMultiple, ...props }: FormSelectProps): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
-export default Select;

package/dist/components/molecules/lumi/Select/Select(2).d.ts

@@ -1,14 +0,0 @@
-import { type Control } from 'react-hook-form';
-import { type SelectProps as LumiSelectProps, type SelectOption } from '../../../atoms/lumi/Select';
-export interface FormSelectProps extends Omit<LumiSelectProps, 'error' | 'onChange' | 'value' | 'onBlur' | 'name' | 'onSelect' | 'onChangeMultiple'> {
-    name: string;
-    control: Control<any>;
-    clearWithReset?: boolean | string | number | (string | number)[];
-    onSelect?: (value: string | number, option: SelectOption) => void;
-    onChangeMultiple?: (values: (string | number)[], options: SelectOption[]) => void;
-}
-export declare const Select: {
-    ({ name, control, clearWithReset, onClear, onSelect, onChangeMultiple, ...props }: FormSelectProps): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
-export default Select;

package/dist/components/molecules/lumi/Select/Select(3).d.ts

@@ -1,14 +0,0 @@
-import { type Control } from 'react-hook-form';
-import { type SelectProps as LumiSelectProps, type SelectOption } from '../../../atoms/lumi/Select';
-export interface FormSelectProps extends Omit<LumiSelectProps, 'error' | 'onChange' | 'value' | 'onBlur' | 'name' | 'onSelect' | 'onChangeMultiple'> {
-    name: string;
-    control: Control<any>;
-    clearWithReset?: boolean | string | number | (string | number)[];
-    onSelect?: (value: string | number, option: SelectOption) => void;
-    onChangeMultiple?: (values: (string | number)[], options: SelectOption[]) => void;
-}
-export declare const Select: {
-    ({ name, control, clearWithReset, onClear, onSelect, onChangeMultiple, ...props }: FormSelectProps): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
-export default Select;

package/dist/components/molecules/lumi/Select/index(1).d.ts

@@ -1,2 +0,0 @@
-export { Select, type FormSelectProps } from './Select';
-export { default } from './Select';

package/dist/components/molecules/lumi/Select/index(2).d.ts

@@ -1,2 +0,0 @@
-export { Select, type FormSelectProps } from './Select';
-export { default } from './Select';

package/dist/components/molecules/lumi/Select/use-cases/FormSelectClearWithResetUseCase(1).d.ts

@@ -1,21 +0,0 @@
-import type { Control, ControllerRenderProps } from 'react-hook-form';
-export interface FormSelectClearWithResetOptions {
-    clearWithReset: boolean | string | number | (string | number)[];
-    name: string;
-    control: Control<any>;
-    field: ControllerRenderProps<any, string>;
-    wasClearedRef: {
-        current: boolean;
-    };
-    onClear?: () => void;
-}
-/**
- * Hook personalizado para manejar la funcionalidad de limpiar con reset
- * en formularios con React Hook Form para Select
- *
- * @param options - Configuración para el manejo de clear con reset
- * @returns Función handleClear que maneja el reset y limpieza de errores
- */
-export declare const useFormSelectClearWithReset: (options: FormSelectClearWithResetOptions) => {
-    handleClear: () => void;
-};

package/dist/components/molecules/lumi/Select/use-cases/FormSelectClearWithResetUseCase(2).d.ts

@@ -1,21 +0,0 @@
-import type { Control, ControllerRenderProps } from 'react-hook-form';
-export interface FormSelectClearWithResetOptions {
-    clearWithReset: boolean | string | number | (string | number)[];
-    name: string;
-    control: Control<any>;
-    field: ControllerRenderProps<any, string>;
-    wasClearedRef: {
-        current: boolean;
-    };
-    onClear?: () => void;
-}
-/**
- * Hook personalizado para manejar la funcionalidad de limpiar con reset
- * en formularios con React Hook Form para Select
- *
- * @param options - Configuración para el manejo de clear con reset
- * @returns Función handleClear que maneja el reset y limpieza de errores
- */
-export declare const useFormSelectClearWithReset: (options: FormSelectClearWithResetOptions) => {
-    handleClear: () => void;
-};

package/dist/components/molecules/lumi/Select/use-cases/index(1).d.ts

@@ -1,2 +0,0 @@
-export { useFormSelectClearWithReset, type FormSelectClearWithResetOptions } from './FormSelectClearWithResetUseCase';
-export { useFormSelectErrorVisibility, type FormSelectErrorVisibilityOptions } from './FormSelectErrorVisibilityUseCase';

package/dist/components/molecules/lumi/Select/use-cases/index(2).d.ts

@@ -1,2 +0,0 @@
-export { useFormSelectClearWithReset, type FormSelectClearWithResetOptions } from './FormSelectClearWithResetUseCase';
-export { useFormSelectErrorVisibility, type FormSelectErrorVisibilityOptions } from './FormSelectErrorVisibilityUseCase';

package/dist/components/molecules/lumi/SessionExpiryPrompt/SessionExpiryPrompt.d.ts

@@ -1,25 +0,0 @@
-import React from 'react';
-export interface SessionExpiryPromptProps {
-    /** Controlado por el consumidor: este componente no decide cuándo aparecer. */
-    open: boolean;
-    /** Segundos que quedan; se muestran para que la urgencia sea un dato, no una sensación. */
-    secondsLeft?: number;
-    title?: string;
-    description?: string;
-    continueLabel?: string;
-    endLabel?: string;
-    onContinue: () => void;
-    onEnd: () => void;
-}
-/** SPEC-029 B2 — aviso de sesión por expirar: hoja inferior a ancho completo.
- *
- * MOLÉCULA: compone el átomo `Button` en vez de pintar sus propios botones. Lo que aporta es la
- * composición —capa, hoja, jerarquía de las dos salidas—, no un estilo de botón paralelo que
- * mañana se desincronizaría del resto del sistema.
- *
- * Componente TONTO a propósito: no sabe qué es un token, ni cuándo vence, ni a quién hay que
- * preguntarle. Recibe `open` y devuelve dos decisiones. Quién decide mostrarlo es el host, que
- * es quien conoce la política.
- */
-export declare const SessionExpiryPrompt: React.FC<SessionExpiryPromptProps>;
-export default SessionExpiryPrompt;

package/dist/components/molecules/lumi/SessionExpiryPrompt/index.d.ts

@@ -1 +0,0 @@
-export { SessionExpiryPrompt, type SessionExpiryPromptProps } from './SessionExpiryPrompt';

package/dist/components/molecules/lumi/Table/Table(1).d.ts

@@ -1,6 +0,0 @@
-import React from "react";
-import type { TableProps } from "./types";
-import "./Table.scss";
-declare function Table<T extends object>(props: TableProps<T>): React.ReactElement;
-declare const _default: typeof Table;
-export default _default;

package/dist/components/molecules/lumi/Table/Table(2).d.ts

@@ -1,6 +0,0 @@
-import React from "react";
-import type { TableProps } from "./types";
-import "./Table.scss";
-declare function Table<T extends object>(props: TableProps<T>): React.ReactElement;
-declare const _default: typeof Table;
-export default _default;

package/dist/components/molecules/lumi/Table/index(1).d.ts

@@ -1,2 +0,0 @@
-export { default as Table } from './Table';
-export type { TableProps, ColumnUI, ColumnDataSource, ChangeInfo, CellType, Align, FixedSide, ScrollConfig, } from './types';

package/dist/components/molecules/lumi/Table/types(1).d.ts

@@ -1,177 +0,0 @@
-import type { ReactNode } from "react";
-export type Align = "left" | "center" | "right";
-export type FixedSide = "left" | "right";
-export type CellType = "CHILDREN" | "ACTION" | "FREE" | "BUTTON" | "INPUT" | "SELECT" | "DATE_INPUT" | "TIME_INPUT" | "CHECKBOX" | "INPUT_MOLECULE" | "SELECT_MOLECULE" | "DATE_INPUT_MOLECULE" | "TIME_INPUT_MOLECULE" | "CHECKBOX_MOLECULE";
-export interface ScrollConfig {
-    /**
-     * Ancho total de la tabla para scroll horizontal
-     * - Número: píxeles (ej: 1500)
-     * - String: '100%', 'max-content', etc.
-     * ⚠️ OBLIGATORIO para columnas fijas
-     */
-    x?: number | string;
-    /**
-     * Alto de la tabla para scroll vertical
-     * - Número: píxeles (ej: 400)
-     * - String: '50vh', '400px', etc.
-     */
-    y?: number | string;
-}
-export interface TableProps<T extends object> {
-    /** Array de datos a mostrar en la tabla */
-    dataSource: T[];
-    /** Configuración de columnas */
-    columns: Array<ColumnUI<T>>;
-    /**
-     * Callback para eventos de la tabla (row click, actions)
-     * ⚠️ Nota: Los eventos de átomos lumi (onChange de INPUT, SELECT, etc.)
-     * se manejan directamente en uiProps, NO pasan por este callback
-     */
-    onChange?: (info: ChangeInfo<T>) => void;
-    /**
-     * Configuración de scroll horizontal y vertical
-     * ⚠️ OBLIGATORIO si usas columnas con `fixed`
-     * @example scroll={{ x: 1500, y: 400 }}
-     */
-    scroll?: ScrollConfig;
-    /** Clase CSS adicional */
-    className?: string;
-    /** Habilitar virtualización para grandes volúmenes de datos */
-    virtualize?: boolean;
-    /**
-     * @deprecated Este parámetro está deprecado. Usa `height` en su lugar.
-     * Cantidad de filas a mostrar antes de activar scroll vertical
-     * Si no se especifica, muestra todas las filas sin scroll
-     * @example rowsToShow={10} // Muestra 10 filas, el resto con scroll
-     */
-    rowsToShow?: number;
-    /**
-     * Altura de la tabla (opcional)
-     * - Si se especifica: La tabla tendrá esa altura fija con scroll vertical
-     * - Si NO se especifica: La tabla tendrá altura automática según su contenido
-     * @example height={400} // 400px de altura fija
-     * @example height="50vh" // 50% del viewport
-     * @example height="auto" // Altura automática (mismo efecto que no especificar)
-     */
-    height?: number | string;
-    /**
-     * Mostrar líneas horizontales entre filas
-     * Por defecto: true (líneas sutiles entre filas)
-     */
-    bordered?: boolean;
-    /** Estilo compacto (padding reducido) */
-    compact?: boolean;
-    /** Mostrar hover en las filas */
-    hoverable?: boolean;
-    /** Filas alternas con background color (zebra striping) */
-    striped?: boolean;
-    /**
-     * Función para obtener key único de cada fila
-     * Si no se proporciona, usa el índice (no recomendado para listas dinámicas)
-     * @example rowKey={(item) => item.id}
-     */
-    rowKey?: (item: T, index: number) => string | number;
-    /** Mensaje cuando no hay datos */
-    emptyText?: string;
-    /** Mostrar estado de carga */
-    loading?: boolean;
-    /** Test ID para testing */
-    "data-testid"?: string;
-    /** Habilitar selección de filas */
-    selectable?: boolean;
-    /** Tipo de selección */
-    selectionType?: "checkbox" | "radio";
-    /**
-     * Filas seleccionadas (controlled component)
-     * Array de keys de las filas seleccionadas
-     */
-    selectedRowKeys?: string[];
-    /**
-     * Callback cuando cambia la selección
-     * @param selectedKeys - Array de keys seleccionadas
-     * @param selectedRows - Array de filas completas seleccionadas
-     */
-    onSelectionChange?: (selectedKeys: string[], selectedRows: T[]) => void;
-    /**
-     * Keys de filas que deben estar deshabilitadas para selección
-     */
-    disabledRowKeys?: string[];
-    /**
-     * Mostrar checkbox "Seleccionar todo" en el header
-     * Por defecto: true
-     */
-    showSelectAll?: boolean;
-    /**
-     * Ancho de la columna de selección
-     * Por defecto: '70px'
-     * Nota: La columna de selección siempre está fija a la izquierda
-     */
-    selectionColumnWidth?: string;
-}
-export interface ColumnUI<T> {
-    /** Identificador único de la columna */
-    key: string;
-    /** Título de la columna (header) */
-    title?: string;
-    /** Alineación del contenido de la celda */
-    align?: Align;
-    /**
-     * Ancho de la columna:
-     * - Sin width: Auto (se ajusta al contenido)
-     * - Número: Fracción relativa flex (ej: 2 = 2 partes del espacio disponible)
-     * - String: Valor CSS exacto (ej: '200px', '20%', '10rem')
-     * ⚠️ OBLIGATORIO para columnas con `fixed`
-     */
-    width?: number | string;
-    /**
-     * Fijar columna a la izquierda o derecha (sticky)
-     * Las columnas fijas permanecen visibles al hacer scroll horizontal
-     * ⚠️ Requiere definir `width` y `scroll.x` en la tabla
-     */
-    fixed?: FixedSide;
-    /** Tipo de celda a renderizar */
-    cellType?: CellType;
-    /** Configuración de origen de datos para la celda */
-    dataSource?: ColumnDataSource<T>;
-    /** Elemento React para renderizar (usado con cellType='CHILDREN') */
-    element?: ReactNode;
-    /** Props a pasar al átomo/molécula lumi (usado con cellType='BUTTON', 'INPUT', etc.) */
-    uiProps?: Record<string, unknown>;
-    /** Clase CSS adicional para la columna */
-    className?: string;
-}
-export interface ColumnDataSource<T> {
-    /** Función para obtener el ID único del elemento */
-    id?: (item: T, index: number) => string | number;
-    /** Función para obtener el texto a mostrar */
-    text?: (item: T, index: number) => string | number | ReactNode;
-    /** Función para obtener el estado/variante (para BADGE_UI) */
-    status?: (item: T, index: number) => "default" | "success" | "warning" | "error" | "info" | string;
-    /** Función para construir un elemento React personalizado */
-    build?: (item: T, index: number) => ReactNode;
-    /** Función para obtener el valor raw (útil para átomos lumi) */
-    raw?: (item: T, index: number) => unknown;
-}
-export interface ChangeInfo<T = unknown> {
-    /**
-     * Tipo de evento de la tabla
-     * - 'row-click': Click en una fila
-     * - 'action': Click en un action (botón, etc.)
-     * - 'select': Selección de filas (Fase 2)
-     */
-    type: "row-click" | "action" | "select";
-    /** Datos del evento */
-    payload: {
-        /** Fila completa con todos sus datos */
-        row: T;
-        /** Índice de la fila en el dataSource */
-        rowIndex: number;
-        /** Key de la columna (solo para 'action') */
-        columnKey?: string;
-        /** Datos adicionales opcionales */
-        meta?: Record<string, unknown>;
-    };
-}
-export interface ValidatedColumn<T> extends ColumnUI<T> {
-    originalIndex: number;
-}