@scmlatam/web-ui 0.2.18 → 0.2.20

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

@@ -10,8 +10,8 @@ export { RbList, RbListItem } from '../rb-components/list';
 export type { RbListItemProps, RbListProps, RbListSize, RbListVariant, } from '../rb-components/list';
 export { PillsTabs, PillsTabs as RbPillsTabs, } from '../rb-components/navigation';
 export type { PillsTabItem, PillsTabsProps } from '../rb-components/navigation';
-export { Button as RBButton, Input, AutoCustomCompleteField, CustomDatefield, CustomDatePicker, CustomTimefield, CustomDateRangefield, CustomDateRangePicker, CustomDateRangeCalendar, RbInlineChipField, CalendarChipIcon, ClockChipIcon, Card, CardHeader, CardTitle, CardContent, CardFooter, IconButton as RbIconButton, Tooltip, Portal, RbContextMenu, Checkbox, Radio, cn, } from '../rb-components/ui';
-export type { AutoValueItem, ButtonProps as RBButtonProps, InputProps, CustomAutoCompleteFieldProps, CustomDatefieldProps, CustomDatePickerProps, CustomTimefieldProps, CustomDateRangefieldProps, CustomDateRangePickerProps, CustomDateRangeCalendarProps, RbInlineChipFieldProps, RbInlineChipFieldAction, RbContextMenuAlign, RbContextMenuItem, RbContextMenuPosition, RbContextMenuProps, RbContextMenuVariant, CardProps, IconButtonProps as RbIconButtonProps, CheckboxProps, CheckboxSize, RadioProps, PortalProps, TooltipProps, } from '../rb-components/ui';
+export { Button as RBButton, Input, AutoCustomCompleteField, CustomDatefield, CustomDatePicker, CustomTimefield, CustomDateRangefield, CustomDateRangePicker, CustomDateRangeCalendar, RbInlineChipField, CalendarChipIcon, ClockChipIcon, Card, CardHeader, CardTitle, CardContent, CardFooter, IconButton as RbIconButton, Tooltip, Portal, ConfirmDialog, RbContextMenu, Checkbox, Radio, cn, } from '../rb-components/ui';
+export type { AutoValueItem, ButtonProps as RBButtonProps, InputProps, CustomAutoCompleteFieldProps, CustomDatefieldProps, CustomDatePickerProps, CustomTimefieldProps, CustomDateRangefieldProps, CustomDateRangePickerProps, CustomDateRangeCalendarProps, RbInlineChipFieldProps, RbInlineChipFieldAction, RbContextMenuAlign, RbContextMenuItem, RbContextMenuPosition, RbContextMenuProps, RbContextMenuVariant, CardProps, IconButtonProps as RbIconButtonProps, CheckboxProps, CheckboxSize, RadioProps, 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';

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

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

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

@@ -34,3 +34,5 @@ export { default as Portal, } from './overlays/Portal';
 export type { PortalProps, } from './overlays/Portal';
 export { default as Tooltip, } from './overlays/Tooltip';
 export type { TooltipProps, } from './overlays/Tooltip';
+export { default as ConfirmDialog, } from './overlays/ConfirmDialog';
+export type { ConfirmDialogProps, ConfirmDialogInitialFocus, ConfirmDialogIconType, } from './overlays/ConfirmDialog';

package/dist/src/rb-components/ui/overlays/ConfirmDialog.d.ts

@@ -0,0 +1,105 @@
+import { default as React, ReactNode } from 'react';
+import { ButtonProps } from '../primitives/Button';
+export type ConfirmDialogInitialFocus = "cancel" | "confirm" | "dialog";
+export type ConfirmDialogIconType = "info" | "error" | "warning" | "success" | "suggestion";
+export interface ConfirmDialogProps {
+    /**
+     * Controla si el diálogo está visible.
+     */
+    open: boolean;
+    /**
+     * Título principal del diálogo.
+     */
+    title?: ReactNode;
+    /**
+     * Mensaje o contenido descriptivo.
+     */
+    message?: ReactNode;
+    /**
+     * Ícono personalizado mostrado junto al título.
+     *
+     * Si se entrega icon, tiene prioridad sobre iconType.
+     */
+    icon?: ReactNode;
+    /**
+     * Ícono semántico estándar de la librería.
+     */
+    iconType?: ConfirmDialogIconType;
+    /**
+     * Texto del botón de confirmación.
+     */
+    confirmText?: ReactNode;
+    /**
+     * Texto del botón de cancelación.
+     */
+    cancelText?: ReactNode;
+    /**
+     * Define si se muestra el botón de cancelación.
+     *
+     * Útil para diálogos informativos o de error
+     * que solamente requieren una acción,
+     * por ejemplo "Entendido".
+     *
+     * @default true
+     */
+    showCancel?: boolean;
+    /**
+     * Indica que la acción de confirmación
+     * se encuentra ejecutándose.
+     */
+    loading?: boolean;
+    /**
+     * Texto mostrado mientras loading está activo.
+     */
+    loadingText?: ReactNode;
+    /**
+     * Acción ejecutada al confirmar.
+     */
+    onConfirm: () => void | Promise<void>;
+    /**
+     * Acción ejecutada al cerrar o cancelar.
+     */
+    onClose: () => void;
+    /**
+     * Variante visual del botón principal.
+     */
+    confirmVariant?: ButtonProps["variant"];
+    /**
+     * Variante visual del botón cancelar.
+     */
+    cancelVariant?: ButtonProps["variant"];
+    /**
+     * Permite cerrar con Escape.
+     */
+    closeOnEscape?: boolean;
+    /**
+     * Permite cerrar haciendo clic
+     * directamente sobre el backdrop.
+     */
+    closeOnBackdrop?: boolean;
+    /**
+     * Define dónde queda el foco
+     * cuando se abre el diálogo.
+     *
+     * Si se utiliza "cancel" pero showCancel
+     * es false, el foco pasa automáticamente
+     * al botón de confirmación.
+     */
+    initialFocus?: ConfirmDialogInitialFocus;
+    /**
+     * Nombre accesible utilizado cuando
+     * no existe un título visible.
+     */
+    ariaLabel?: string;
+    /**
+     * Permite extender estilos del contenedor.
+     */
+    className?: string;
+    /**
+     * Permite extender estilos del contenedor
+     * del ícono.
+     */
+    iconClassName?: string;
+}
+export declare function ConfirmDialog({ open, title, message, icon, iconType, confirmText, cancelText, showCancel, loading, loadingText, onConfirm, onClose, confirmVariant, cancelVariant, closeOnEscape, closeOnBackdrop, initialFocus, ariaLabel, className, iconClassName, }: ConfirmDialogProps): React.JSX.Element | null;
+export default ConfirmDialog;

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

@@ -74,4 +74,4 @@ interface CustomAutoCompleteMultipleProps extends CustomAutoCompleteBaseProps {
 }
 export type CustomAutoCompleteFieldProps = CustomAutoCompleteSingleProps | CustomAutoCompleteMultipleProps;
 declare const AutoCustomCompleteField: (props: CustomAutoCompleteFieldProps) => React.JSX.Element;
-export { AutoCustomCompleteField };
+export { AutoCustomCompleteField, };

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

@@ -2,9 +2,18 @@ import { default as React } from 'react';
 import { Dayjs } from 'dayjs';
 export interface CustomDateRangePickerProps {
     label: string;
-    initialValue: [Dayjs | null, Dayjs | null];
-    value: [Dayjs | null, Dayjs | null];
-    setValue: (newValue: [Dayjs | null, Dayjs | null]) => void;
+    initialValue: [
+        Dayjs | null,
+        Dayjs | null
+    ];
+    value: [
+        Dayjs | null,
+        Dayjs | null
+    ];
+    setValue: (newValue: [
+        Dayjs | null,
+        Dayjs | null
+    ]) => void;
     calendars: 1 | 2 | 3;
     disabled: boolean;
     white: boolean;