@scmlatam/web-ui 0.2.42 → 0.2.47

package/dist/src/components/rb.d.ts

@@ -1,5 +1,5 @@
-export { MessageAlert } from '../rb-components/feedback';
-export type { MessageAlertAction, MessageAlertProps, MessageAlertType, } from '../rb-components/feedback';
+export { EmptyState, MessageAlert } from '../rb-components/feedback';
+export type { EmptyStateAction, EmptyStateContext, EmptyStateProps, EmptyStateVariant, MessageAlertAction, MessageAlertProps, MessageAlertType, } from '../rb-components/feedback';
 export { SystemAlert } from '../rb-components/feedback/system-alert';
 export { useSystemAlert as useRbSystemAlert } from '../rb-components/feedback/system-alert';
 export type { SystemAlertKey, SystemAlertOptions, SystemAlertSeverity, } from '../rb-components/feedback/system-alert';
@@ -10,11 +10,12 @@ export { RbList, RbListItem } from '../rb-components/list';
 export type { RbListItemProps, RbListProps, RbListSize, RbListVariant, } from '../rb-components/list';
 export { PillsTabs, PillsTabs as RbPillsTabs, TabPanel, TabPanel as RbTabPanel, } from '../rb-components/navigation';
 export type { PillsTabItem, PillsTabsProps, TabPanelItem, TabPanelProps, } from '../rb-components/navigation';
-export { Button as RBButton, Input, AutoCustomCompleteField, CustomDatefield, CustomDatePicker, CustomTimefield, CustomDateRangefield, CustomDateRangePicker, CustomDateRangeCalendar, CustomIndefiniteDatePicker, CustomDateControl, RbInlineChipField, CalendarChipIcon, ClockChipIcon, Card, CardHeader, CardTitle, CardContent, CardFooter, IconButton as RbIconButton, Tooltip, Portal, ConfirmDialog, RbContextMenu, Checkbox, Radio, RbStepper, cn, } from '../rb-components/ui';
-export type { AutoValueItem, ButtonProps as RBButtonProps, InputProps, CustomAutoCompleteFieldProps, CustomDatefieldProps, CustomDatePickerProps, CustomTimefieldProps, CustomDateRangefieldProps, CustomDateRangePickerProps, CustomDateRangeCalendarProps, CustomIndefiniteDatePickerProps, CustomDateControlProps, RbInlineChipFieldProps, RbInlineChipFieldAction, RbContextMenuAlign, RbContextMenuItem, RbContextMenuPosition, RbContextMenuProps, RbContextMenuVariant, CardProps, IconButtonProps as RbIconButtonProps, CheckboxProps, CheckboxSize, RadioProps, RbStepperProps, RbStepperStep, PortalProps, TooltipProps, ConfirmDialogProps, ConfirmDialogInitialFocus, ConfirmDialogIconType, } from '../rb-components/ui';
+export { Button as RBButton, Input, AutoCustomCompleteField, CustomDatefield, CustomDatePicker, CustomTimefield, CustomDateRangefield, CustomDateRangePicker, CustomDateRangeCalendar, CustomIndefiniteDatePicker, CustomDateControl, Calendario, RbInlineChipField, CalendarChipIcon, ClockChipIcon, Card, CardHeader, CardTitle, CardContent, CardFooter, IconButton as RbIconButton, Tooltip, Portal, ConfirmDialog, RbContextMenu, Checkbox, Radio, RbStepper, cn, } from '../rb-components/ui';
+export type { AutoValueItem, ButtonProps as RBButtonProps, InputProps, CustomAutoCompleteFieldProps, CustomDatefieldProps, CustomDatePickerProps, CustomTimefieldProps, CustomDateRangefieldProps, CustomDateRangePickerProps, CustomDateRangeCalendarProps, CustomIndefiniteDatePickerProps, CustomDateControlProps, CalendarioProps, CalendarioSingleProps, CalendarioRangeProps, CalendarioRange, CalendarioMonths, CalendarioCaptionLayout, CalendarioTimeFormat, CalendarioLocale, CalendarioDateFormat, RbInlineChipFieldProps, RbInlineChipFieldAction, RbContextMenuAlign, RbContextMenuItem, RbContextMenuPosition, RbContextMenuProps, RbContextMenuVariant, CardProps, IconButtonProps as RbIconButtonProps, CheckboxProps, CheckboxSize, RadioProps, RbStepperProps, RbStepperStep, PortalProps, TooltipProps, ConfirmDialogProps, ConfirmDialogInitialFocus, ConfirmDialogIconType, } from '../rb-components/ui';
 export { RbTable, RbExcelTable, RbTableToolbar, RbToolbarActionButton, RbToolbarActions, RbToolbarDateRangeField, RbToolbarMultiSelectField, RbToolbarSearchField, RbToolbarSelectField, formatRbExcelDate, formatRbExcelTime, getRbExcelValueAtPath, isRbExcelEmptyValue, isValidRbExcelDate, isValidRbExcelNumber, isValidRbExcelTime, parseRbExcelValue, setRbExcelValueAtPath, } from '../rb-components/table';
 export type { RbExcelCellContext, RbExcelCreateRowContext, RbExcelEditorContext, RbExcelFieldType, RbExcelImportContext, RbExcelParseContext, RbExcelRenderContext, RbExcelRowsChangeMeta, RbExcelRowsChangeSource, RbExcelTableActions, RbExcelTableColumn, RbExcelTableLabels, RbExcelTableProps, RbExcelTableRef, RbExcelValidationError, RbExcelValidationErrorInput, RbExcelValidationErrorSource, RbExcelValidationResult, RbExcelValueSource, RbTableColumn, RbTableRowId, RbTableProps, RbTableCellParams, RbTableRowParams, RbTableInitialState, RbTablePinnedColumns, RbTableBaseRow, RbTableSize, RbTableDensity, RbTableAlign, RbTableCellContextMenuParams, RbTableCellContextMenuPosition, RbTablePaginationMode, RbTablePaginationModel, RbRowSelectionModel, RbRowsPerPageOption, RbToolbarActionsProps, RbToolbarDateRangeFieldProps, RbToolbarDateRangeValue, RbAnyTableColumn, RbLegacyGridColumn, } from '../rb-components/table';
-export { DashboardShell, ShellContent } from '../rb-components/shell';
+export { Breadcrumbs, DashboardShell, ShellContent, } from '../rb-components/shell';
+export type { BreadcrumbItem, BreadcrumbsProps } from '../rb-components/shell';
 export { Sidebar, SidebarContent, SidebarFooter, SidebarHeader, } from '../rb-components/sidebar';
 export { TopBar, TopBarUserMenu } from '../rb-components/topbar';
 export { TreePanel, VirtualTree, findNodeById, flattenTree, getExpandableNodeIds, getNodeSelectionState, getSelectableDescendantIds, getSelectableSubtreeIds, hasNodeChildren, isNodeSelectable, isNodeSelectionMutable, normalizeHierarchicalSelection, toggleExpandedNode, toggleNodeSelection, buildVirtualTreeIndex, filterVirtualTreeItems, getVirtualTreeAncestorIds, getVisibleVirtualTreeItems, normalizeVirtualTreeSearch, normalizeVirtualTreeSelection, toggleVirtualTreeSelection, useVirtualTreeState, } from '../rb-components/tree-panel';

package/dist/src/pages/home/rb/components/PropsTable.d.ts

@@ -0,0 +1,8 @@
+import { PropDefinition } from '../types/documentation.types';
+export interface PropsTableProps {
+    componentName: string;
+    rows: PropDefinition[];
+    description?: string;
+    className?: string;
+}
+export declare function PropsTable({ componentName, rows, description, className, }: PropsTableProps): import("react").JSX.Element;

package/dist/src/pages/home/rb/sections/BreadcrumbsSection.d.ts

@@ -0,0 +1 @@
+export declare function BreadcrumbsSection(): import("react").JSX.Element;

package/dist/src/pages/home/rb/types/documentation.types.d.ts

@@ -4,3 +4,9 @@ export interface RbDocumentationIndexItem {
     description: string;
 }
 export type DemoPillTab = "general" | "detalle";
+export interface PropDefinition {
+    name: string;
+    type: string;
+    default?: string;
+    description: string;
+}

package/dist/src/rb-components/feedback/empty-state/EmptyState.d.ts

@@ -0,0 +1,28 @@
+import { ReactNode } from 'react';
+export type EmptyStateContext = "form" | "page";
+export type EmptyStateVariant = "empty" | "no-permission" | "not-found";
+export interface EmptyStateAction {
+    label: ReactNode;
+    onClick: () => void;
+    disabled?: boolean;
+}
+export interface EmptyStateProps {
+    variant?: EmptyStateVariant;
+    context?: EmptyStateContext;
+    icon?: ReactNode;
+    title?: ReactNode;
+    description?: ReactNode;
+    primaryAction?: EmptyStateAction;
+    secondaryAction?: EmptyStateAction;
+    permissions?: string[];
+    onGoHome?: () => void;
+    homePath?: string;
+    hideIcon?: boolean;
+    hideTitle?: boolean;
+    hideDescription?: boolean;
+    hidePrimaryAction?: boolean;
+    hideSecondaryAction?: boolean;
+    className?: string;
+}
+export declare function EmptyState({ variant, context, icon, title, description, primaryAction, secondaryAction, permissions, onGoHome, homePath, hideIcon, hideTitle, hideDescription, hidePrimaryAction, hideSecondaryAction, className, }: EmptyStateProps): import("react").JSX.Element;
+export default EmptyState;

package/dist/src/rb-components/feedback/empty-state/index.d.ts

@@ -0,0 +1,2 @@
+export { EmptyState } from './EmptyState';
+export type { EmptyStateAction, EmptyStateContext, EmptyStateProps, EmptyStateVariant, } from './EmptyState';

package/dist/src/rb-components/feedback/index.d.ts

@@ -1,2 +1,3 @@
 export * from './system-alert';
 export * from './message-alert';
+export * from './empty-state';

package/dist/src/rb-components/shell/Breadcrumbs.d.ts

@@ -3,7 +3,7 @@ export type BreadcrumbItem = {
     label: ReactNode;
     to?: string;
 };
-interface BreadcrumbsProps {
+export interface BreadcrumbsProps {
     items?: BreadcrumbItem[];
     separator?: ReactNode;
     className?: string;
@@ -30,4 +30,3 @@ interface BreadcrumbsProps {
     }) => ReactNode;
 }
 export default function Breadcrumbs({ items, separator, className, queryKeys, includeHome, homeLabel, homeTo, labelFormatter, }: BreadcrumbsProps): import("react").JSX.Element | null;
-export {};

package/dist/src/rb-components/shell/index.d.ts

@@ -1,2 +1,4 @@
 export { DashboardShell } from './DashboardShell';
 export { ShellContent } from './ShellContent';
+export { default as Breadcrumbs } from './Breadcrumbs';
+export type { BreadcrumbItem, BreadcrumbsProps } from './Breadcrumbs';

package/dist/src/rb-components/ui/index.d.ts

@@ -17,7 +17,9 @@ export type { AutoValueItem, CustomAutoCompleteFieldProps, } from './primitives/
 export { CustomDatefield, CustomDatePicker, CustomIndefiniteDatePicker, CustomTimefield, CustomDateRangefield, CustomDateRangePicker, CustomDateRangeCalendar, CustomDateControl, } from './primitives/date-fields';
 export type { CustomDatefieldProps, CustomDatePickerProps, CustomIndefiniteDatePickerProps, CustomTimefieldProps, CustomDateRangefieldProps, CustomDateRangePickerProps, CustomDateRangeCalendarProps, CustomDateControlProps, } from './primitives/date-fields';
 export { Calendario } from './primitives/Calendario';
-export type { CalendarioProps, CalendarioSingleProps, CalendarioRangeProps, CalendarioRange, CalendarioMonths, } from './primitives/Calendario';
+export { getDateShortcuts, getDateRangeShortcuts, } from './primitives/date-fields/DateShortcuts';
+export type { DateShortcut, DateRangeShortcut, } from './primitives/date-fields/DateShortcuts';
+export type { CalendarioProps, CalendarioSingleProps, CalendarioRangeProps, CalendarioRange, CalendarioMonths, CalendarioCaptionLayout, CalendarioTimeFormat, CalendarioLocale, CalendarioDateFormat, } from './primitives/Calendario';
 export { RbInlineChipField, CalendarChipIcon, ClockChipIcon, } from './primitives/RbInlineChipField';
 export type { RbInlineChipFieldProps, RbInlineChipFieldAction, } from './primitives/RbInlineChipField';
 export { RbContextMenu } from './primitives/RbContextMenu';

package/dist/src/rb-components/ui/primitives/AutoCustomCompleteField.d.ts

@@ -14,6 +14,15 @@ export interface AutoValueItem {
         active?: boolean;
         tooltip?: string;
     };
+    /**
+     * Agrupa la opción bajo un encabezado.
+     *
+     * Se asume que 'values' ya viene ordenado
+     * por grupo, el encabezado
+     * se muestra al detectar un cambio de grupo
+     * respecto a la opción anterior.
+     */
+    groupLabel?: string;
 }
 export type AutoCompleteSearchMode = "local" | "external";
 export interface AutoCompleteSearchConfig {

package/dist/src/rb-components/ui/primitives/Calendario.d.ts

@@ -1,19 +1,60 @@
 import { default as React } from 'react';
 import { Dayjs } from 'dayjs';
+import { CalendarioTimeFormat } from './CalendarioTimePanel';
+import { DateRangeShortcut, DateShortcut } from './date-fields/DateShortcuts';
 declare const CALENDARIO_LOCALES: {
     readonly en: import('react-day-picker').DayPickerLocale;
     readonly es: import('react-day-picker').DayPickerLocale;
 };
 type CalendarioLocale = keyof typeof CALENDARIO_LOCALES;
+export type { CalendarioLocale };
 export type CalendarioMonths = 1 | 2 | 3;
+export type CalendarioCaptionLayout = "label" | "month" | "year" | "dropdown" | "hidden";
+export type { CalendarioTimeFormat };
 export type CalendarioRange = [Dayjs | null, Dayjs | null];
+export type CalendarioDateFormat = "DD/MM/YYYY" | "MM/DD/YYYY" | "YYYY-MM-DD";
 interface CalendarioBaseProps {
     label: string;
     disabled: boolean;
     white: boolean;
     fullWidth: boolean;
     placeholder?: string;
-    captionLayout?: "label" | "dropdown";
+    /**
+     * label: mes y año como texto.
+     * month: selector de mes.
+     * year: selector de año.
+     * dropdown: selectores de mes y año.
+     * hidden: sin cabecera de mes/año.
+     */
+    captionLayout?: CalendarioCaptionLayout;
+    /**
+     * Permite cambiar de mes y de año.
+     * En false oculta las flechas, los selectores
+     * y bloquea el cambio al escribir.
+     */
+    enableMonthNavigation?: boolean;
+    /**
+     * Muestra el calendario. En false el panel
+     * solo permite elegir hora.
+     */
+    includeDatePicker?: boolean;
+    /**
+     * Agrega la selección de hora al panel.
+     */
+    includeTimePicker?: boolean;
+    /**
+     * Formato del selector de hora.
+     */
+    timeFormat?: CalendarioTimeFormat;
+    /**
+     * Agrega la columna de segundos
+     * al selector de hora.
+     */
+    includeSeconds?: boolean;
+    /**
+     * Intervalo de minutos del selector de hora.
+     */
+    minuteStep?: number;
     locale?: CalendarioLocale | null;
     minDate?: Dayjs | Date;
     maxDate?: Dayjs | Date;
@@ -28,11 +69,26 @@ interface CalendarioBaseProps {
      * dentro del panel.
      */
     centerCalendars?: boolean;
+    /**
+     * Formato de la fecha en el campo:
+     * display, máscara al escribir y parseo.
+     */
+    dateFormat?: CalendarioDateFormat;
     /**
      * Muestra el valor del trigger en formato corto
-     * (DD/MM/YY), útil en espacios reducidos.
+     * (año de dos dígitos), útil en espacios reducidos.
      */
     compact?: boolean;
+    /**
+     * Muestra la columna de atajos
+     * (hoy, ayer, mañana, etc.).
+     */
+    hasShortcuts?: boolean;
+    /**
+     * Exige confirmar con el botón "Listo"
+     * en vez de cerrar al completar la selección.
+     */
+    noInstantAcept?: boolean;
     /**
      * Activa el estado visual y accesible de error.
      */
@@ -48,12 +104,30 @@ export interface CalendarioSingleProps extends CalendarioBaseProps {
     initialValue: Dayjs | null;
     value: Dayjs | null;
     setValue: (newValue: Dayjs | null) => void;
+    /**
+     * Habilita el check de fecha indefinida
+     * dentro del panel.
+     */
+    isIndefiniteAllowed?: boolean;
+    indefinite?: boolean;
+    onIndefiniteChange?: (indefinite: boolean) => void;
+    indefiniteLabel?: string;
+    /**
+     * Reemplaza los atajos por defecto
+     * (ayer, hoy, mañana).
+     */
+    shortcuts?: DateShortcut[];
 }
 export interface CalendarioRangeProps extends CalendarioBaseProps {
     selectionMode: "range";
     initialValue: CalendarioRange;
     value: CalendarioRange;
     setValue: (newValue: CalendarioRange) => void;
+    /**
+     * Reemplaza los atajos de rango por defecto
+     * (semana pasada, últimos 7 días, etc.).
+     */
+    shortcuts?: DateRangeShortcut[];
 }
 export type CalendarioProps = CalendarioSingleProps | CalendarioRangeProps;
 declare const Calendario: (props: CalendarioProps) => React.JSX.Element;

package/dist/src/rb-components/ui/primitives/CalendarioTimePanel.d.ts

@@ -0,0 +1,22 @@
+import { default as React } from 'react';
+import { Dayjs } from 'dayjs';
+export type CalendarioTimeFormat = "ampm" | "24h";
+export interface CalendarioTimePanelProps {
+    value: Dayjs | null;
+    onChange: (newValue: Dayjs) => void;
+    timeFormat?: CalendarioTimeFormat;
+    includeSeconds?: boolean;
+    minuteStep?: number;
+    disabled?: boolean;
+    /** Se dispara al elegir en la última columna. */
+    onComplete?: () => void;
+}
+export declare function CalendarioTimePanel({ value, onChange, timeFormat, includeSeconds, minuteStep, disabled, onComplete, }: CalendarioTimePanelProps): React.JSX.Element;
+export declare function getCalendarioTimePattern(timeFormat: CalendarioTimeFormat, includeSeconds: boolean): "HH:mm" | "HH:mm:ss" | "hh:mm:ss A" | "hh:mm A";
+export interface CalendarioTimeFieldProps extends Omit<CalendarioTimePanelProps, "onChange"> {
+    label?: string;
+    white?: boolean;
+    onChange: (newValue: Dayjs) => void;
+}
+export declare function parseCalendarioTimeText(text: string, base: Dayjs | null, timeFormat: CalendarioTimeFormat): Dayjs | null;
+export declare function CalendarioTimeField({ value, onChange, label, timeFormat, includeSeconds, minuteStep, disabled, white, }: CalendarioTimeFieldProps): React.JSX.Element;

package/dist/src/rb-components/ui/primitives/date-fields/DateInputTrigger.d.ts

@@ -12,6 +12,7 @@ interface DateInputTriggerProps {
     error: boolean;
     helperText?: React.ReactNode;
     maxLength?: number;
+    readOnly?: boolean;
     onChange: (value: string) => void;
     onOpen: () => void;
     onBlur: () => void;