@scmlatam/web-ui 0.2.15 → 0.2.17

package/dist/images/copy.svg

@@ -0,0 +1,3 @@
+<svg width="17" height="20" viewBox="0 0 17 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M6 16C5.45 16 4.97917 15.8042 4.5875 15.4125C4.19583 15.0208 4 14.55 4 14V2C4 1.45 4.19583 0.979167 4.5875 0.5875C4.97917 0.195833 5.45 0 6 0H15C15.55 0 16.0208 0.195833 16.4125 0.5875C16.8042 0.979167 17 1.45 17 2V14C17 14.55 16.8042 15.0208 16.4125 15.4125C16.0208 15.8042 15.55 16 15 16H6ZM2 20C1.45 20 0.979167 19.8042 0.5875 19.4125C0.195833 19.0208 0 18.55 0 18V5C0 4.71667 0.0958333 4.47917 0.2875 4.2875C0.479167 4.09583 0.716667 4 1 4C1.28333 4 1.52083 4.09583 1.7125 4.2875C1.90417 4.47917 2 4.71667 2 5V18H12C12.2833 18 12.5208 18.0958 12.7125 18.2875C12.9042 18.4792 13 18.7167 13 19C13 19.2833 12.9042 19.5208 12.7125 19.7125C12.5208 19.9042 12.2833 20 12 20H2Z" fill="#190007"/>
+</svg>

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

@@ -12,8 +12,8 @@ export { PillsTabs, PillsTabs as RbPillsTabs, } from '../rb-components/navigatio
 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 { RbTable, RbExcelTable, RbTableToolbar, RbToolbarActionButton, 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, RbToolbarDateRangeFieldProps, RbToolbarDateRangeValue, RbAnyTableColumn, RbLegacyGridColumn, } from '../rb-components/table';
+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 { Sidebar, SidebarContent, SidebarFooter, SidebarHeader, } from '../rb-components/sidebar';
 export { TopBar, TopBarUserMenu } from '../rb-components/topbar';

package/dist/src/rb-components/feedback/message-alert/MessageAlert.d.ts

@@ -1,5 +1,5 @@
 import { ReactNode } from 'react';
-export type MessageAlertType = "alert" | "error" | "warning" | "success" | "suggestion" | "info";
+export type MessageAlertType = "error" | "warning" | "success" | "suggestion" | "info";
 export interface MessageAlertAction {
     label: ReactNode;
     onClick: () => void;

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

@@ -31,6 +31,32 @@ export declare const rbImages: {
     readonly view: string;
     readonly visibilityOff: string;
     readonly visibilityOn: string;
+    readonly copy: string;
+    readonly iconGoogle: string;
+    readonly iconMicrosoft: string;
+    readonly loggeo: string;
+    readonly arrowUpload: string;
+    readonly auditMass: string;
+    readonly back: string;
+    readonly chartDark: string;
+    readonly deleteIcon: string;
+    readonly emptyAudit: string;
+    readonly emptyChart: string;
+    readonly emptyFile: string;
+    readonly emptySearch: string;
+    readonly en: string;
+    readonly error: string;
+    readonly es: string;
+    readonly executeMass: string;
+    readonly executePlay: string;
+    readonly infoAzulino: string;
+    readonly noReview: string;
+    readonly ops: string;
+    readonly pt: string;
+    readonly reload: string;
+    readonly reviewSend: string;
+    readonly logoOP: string;
+    readonly share: string;
 };
 export type RbImageName = keyof typeof rbImages;
 export declare const getRbImageUrl: (name: RbImageName) => string;

package/dist/src/rb-components/table/RbTableToolbar.d.ts

@@ -1,4 +1,47 @@
 import { default as React } from 'react';
+/**
+ * ----------------------------------------------------------------------------
+ * RB TABLE TOOLBAR
+ * ----------------------------------------------------------------------------
+ *
+ * Toolbar responsive para RbTable.
+ *
+ * PRINCIPIOS DE LAYOUT
+ *
+ * - La responsividad depende del ancho REAL de la toolbar mediante
+ *   container queries. No depende directamente del viewport.
+ *
+ * - toolbarLeft y toolbarRight aceptan ReactNode para permitir
+ *   distintas combinaciones de búsqueda, filtros y acciones.
+ *
+ * - toolbarLeft representa el sector izquierdo de la toolbar.
+ *
+ * - toolbarRight representa el sector derecho y permanece alineado
+ *   al extremo derecho incluso cuando el contenedor pierde ancho.
+ *
+ * - Los controles normales de toolbarRight se consideran fields:
+ *   Select, MultiSelect, DateRange, Search u otros filtros.
+ *
+ * - Los fields tienen un ancho preferido, pueden reducirse y tienen
+ *   un ancho máximo para evitar que un único control absorba todo
+ *   el espacio disponible.
+ *
+ * - RbToolbarActionButton conserva su tamaño natural.
+ *
+ * - RbToolbarActions permite mantener varias acciones como un
+ *   conjunto visual.
+ *
+ * - El orden de toolbarRight siempre corresponde al orden entregado
+ *   por el consumidor. La toolbar no asume relaciones funcionales
+ *   entre filtros y acciones.
+ *
+ * BACKWARD COMPATIBILITY
+ *
+ * - Cualquier elemento no reconocido continúa funcionando como un
+ *   item normal de toolbar.
+ *
+ * - data-toolbar-actions y rbToolbarActions continúan soportados.
+ */
 export type RbTableToolbarProps = {
     title?: React.ReactNode;
     description?: React.ReactNode;

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

@@ -2,12 +2,12 @@ export { RbTable } from './RbTable';
 export { RbExcelTable } from './RbExcelTable';
 export { RbTableToolbar } from './RbTableToolbar';
 export { RbToolbarActionButton } from './toolbar/RbToolbarActionButton';
+export { RbToolbarActions } from './toolbar/RbToolbarActions';
 export { RbToolbarDateRangeField } from './toolbar/RbToolbarDateRangeField';
 export { RbToolbarMultiSelectField } from './toolbar/RbToolbarMultiSelectField';
 export { RbToolbarSearchField } from './toolbar/RbToolbarSearchField';
 export { RbToolbarSelectField } from './toolbar/RbToolbarSelectField';
 export { formatRbExcelDate, formatRbExcelTime, getRbExcelValueAtPath, isRbExcelEmptyValue, isValidRbExcelDate, isValidRbExcelNumber, isValidRbExcelTime, parseRbExcelValue, setRbExcelValueAtPath, } from './excel/excel.helpers';
 export type { RbExcelCellContext, RbExcelCreateRowContext, RbExcelEditorContext, RbExcelFieldType, RbExcelImportContext, RbExcelParseContext, RbExcelRenderContext, RbExcelRowsChangeMeta, RbExcelRowsChangeSource, RbExcelTableActions, RbExcelTableColumn, RbExcelTableLabels, RbExcelTableProps, RbExcelTableRef, RbExcelValidationError, RbExcelValidationErrorInput, RbExcelValidationErrorSource, RbExcelValidationResult, RbExcelValueSource, } from './excel/excel.types';
-export * from './toolbar';
-export type { RbToolbarDateRangeValue, RbToolbarDateRangeFieldProps, } from './toolbar/RbToolbarDateRangeField';
+export type { RbToolbarActionButtonProps, RbToolbarActionButtonVariant, RbToolbarActionsProps, RbToolbarDateRangeFieldProps, RbToolbarDateRangeValue, RbToolbarMultiSelectFieldProps, RbToolbarSearchFieldProps, RbToolbarSelectFieldProps, RbToolbarSelectOption, } from './toolbar';
 export type { RbAnyTableColumn, RbLegacyGridColumn, RbRowSelectionModel, RbRowsPerPageOption, RbTableAlign, RbTableBaseRow, RbTableCellParams, RbTableColumn, RbTableDensity, RbTableInitialState, RbTablePaginationMode, RbTablePaginationModel, RbTablePinnedColumns, RbTableProps, RbTableRowId, RbTableRowParams, RbTableSize, RbTableCellContextMenuParams, RbTableCellContextMenuPosition, } from './types';

package/dist/src/rb-components/table/toolbar/RbToolbarActionButton.d.ts

@@ -5,5 +5,16 @@ export type RbToolbarActionButtonProps = React.ButtonHTMLAttributes<HTMLButtonEl
     icon?: React.ReactNode;
     loading?: boolean;
 };
+/**
+ * Acción utilizable dentro de RbTableToolbar.
+ *
+ * data-toolbar-action permite que el layout de la
+ * toolbar reconozca una acción incluso cuando el
+ * componente está envuelto por Tooltip u otro
+ * elemento intermedio.
+ *
+ * Las acciones mantienen su tamaño natural y no
+ * utilizan el sizing flexible de los filtros.
+ */
 export declare function RbToolbarActionButton({ children, icon, loading, disabled, variant, className, type, ...props }: RbToolbarActionButtonProps): React.JSX.Element;
 export default RbToolbarActionButton;

package/dist/src/rb-components/table/toolbar/RbToolbarActions.d.ts

@@ -3,5 +3,17 @@ export type RbToolbarActionsProps = React.HTMLAttributes<HTMLDivElement>;
 type RbToolbarActionsComponent = React.ForwardRefExoticComponent<RbToolbarActionsProps & React.RefAttributes<HTMLDivElement>> & {
     rbToolbarActions?: boolean;
 };
+/**
+ * Agrupador visual de acciones de toolbar.
+ *
+ * No establece ninguna relación funcional entre
+ * las acciones ni entre estas y los filtros.
+ *
+ * El grupo conserva su ancho natural mientras
+ * existe espacio suficiente.
+ *
+ * Si el grupo completo supera el ancho disponible,
+ * puede reorganizar sus acciones internamente.
+ */
 export declare const RbToolbarActions: RbToolbarActionsComponent;
 export default RbToolbarActions;

package/dist/src/stories/rb/TopBarUserMenu.stories.d.ts

@@ -0,0 +1,26 @@
+import { StoryObj } from '@storybook/react-vite';
+import { ComponentType } from 'react';
+import { TopBarUserMenu } from '../../rb-components/topbar';
+declare const _default: {
+    title: string;
+    component: ComponentType<any>;
+    tags: string[];
+    parameters: {
+        layout: string;
+    };
+    args: {
+        account: {
+            username: string;
+            avatarUrl: string;
+            options: {
+                label: string;
+                icon: import("react").JSX.Element;
+                onClick: () => void;
+            }[];
+        };
+    };
+};
+export default _default;
+type Story = StoryObj<typeof TopBarUserMenu>;
+export declare const Basico: Story;
+export declare const SinOpciones: Story;