@scmlatam/web-ui 0.2.51 → 0.2.56

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

@@ -1,3 +1,3 @@
 import { default as React } from 'react';
 import { RbTableBaseRow, RbTableProps } from './types';
-export declare function RbTable<Row extends RbTableBaseRow = RbTableBaseRow>({ id, columns, rows, loading, getRowKey, title, description, toolbarLeft, toolbarRight, showToolbar, toolbarClassName, emptyText, emptyState, className, rootClassName, bodyClassName, size, fill, density, maxHeight, onRowClick, onCellContextMenu, rowClassName, getCellClassName, getRowClassName, checkboxSelection, rowSelectionModel, setRowSelectionModel, onRowSelectionModelChange, isRowSelectable, disableRowSelectionOnClick, pinnedColumns, initialState, paginate, paginationMode, paginationModel, setPaginationModel, onPaginationModelChange, rowCount, defaultRowsPerPage, rowsPerPageOptions, resultsLabel, viewAllLabel, prevAriaLabel, nextAriaLabel, footer, footerActions, hideFooter, }: RbTableProps<Row>): React.JSX.Element;
+export declare function RbTable<Row extends RbTableBaseRow = RbTableBaseRow>({ id, columns, rows, loading, getRowKey, title, description, toolbarLeft, toolbarRight, showToolbar, toolbarClassName, emptyText, emptyState, className, rootClassName, bodyClassName, size, fill, density, maxHeight, onRowClick, onCellContextMenu, rowClassName, getCellClassName, getRowClassName, checkboxSelection, rowSelectionModel, setRowSelectionModel, onRowSelectionModelChange, isRowSelectable, disableRowSelectionOnClick, disableColumnPinning, pinnedColumns, onPinnedColumnsChange, initialState, paginate, paginationMode, paginationModel, setPaginationModel, onPaginationModelChange, rowCount, defaultRowsPerPage, rowsPerPageOptions, resultsLabel, viewAllLabel, prevAriaLabel, nextAriaLabel, footer, footerActions, hideFooter, }: RbTableProps<Row>): React.JSX.Element;

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

@@ -4,6 +4,7 @@ export type RbToolbarActionButtonProps = React.ButtonHTMLAttributes<HTMLButtonEl
     variant?: RbToolbarActionButtonVariant;
     icon?: React.ReactNode;
     loading?: boolean;
+    id?: string;
 };
-export declare function RbToolbarActionButton({ children, icon, loading, disabled, variant, className, type, ...props }: RbToolbarActionButtonProps): React.JSX.Element;
+export declare function RbToolbarActionButton({ children, icon, loading, disabled, id, variant, className, type, ...props }: RbToolbarActionButtonProps): React.JSX.Element;
 export default RbToolbarActionButton;

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

@@ -85,8 +85,7 @@ export type RbTableColumn<Row extends RbTableBaseRow = RbTableBaseRow> = {
      * - "1fr"
      * - "minmax(120px, 1fr)"
      *
-     * Nota sobre pinned columns:
-     * Para columnas fijas/sticky se recomienda usar ancho numérico o px.
+     * Los offsets de columnas fijas se calculan con el ancho renderizado.
      */
     width?: number | string;
     /**
@@ -115,6 +114,8 @@ export type RbTableColumn<Row extends RbTableBaseRow = RbTableBaseRow> = {
     cellClassName?: string | ((row: Row, index: number) => string | undefined);
     sortable?: boolean;
     filterable?: boolean;
+    /** Permite cambiar la posición fija de esta columna desde su menú. */
+    pinnable?: boolean;
     disabled?: boolean;
 };
 /**
@@ -142,6 +143,7 @@ export type RbLegacyGridColumn<Row extends RbTableBaseRow = RbTableBaseRow> = {
     fullWidthRender?: boolean;
     sortable?: boolean;
     filterable?: boolean;
+    pinnable?: boolean;
     headerClassName?: string;
     cellClassName?: string | ((params: RbTableCellParams<Row>) => string | undefined);
     renderCell?: (params: RbTableCellParams<Row>) => React.ReactNode;
@@ -219,7 +221,7 @@ export type RbTableProps<Row extends RbTableBaseRow = RbTableBaseRow> = {
      * Altura máxima del body de la tabla. Acepta el mismo formato que el ancho
      * de columnas: number => px, o cualquier string CSS válido ("20rem", "50vh", etc).
      * Si no se define, se usa el valor por defecto asociado a 'size'.
-    * Se ignora cuando 'fill' está activo o 'size' es "f".
+     * Se ignora cuando 'fill' está activo o 'size' es "f".
      */
     maxHeight?: number | string;
     onRowClick?: (row: Row, index: number) => void;
@@ -237,7 +239,10 @@ export type RbTableProps<Row extends RbTableBaseRow = RbTableBaseRow> = {
     onRowSelectionModelChange?: (value: RbTableRowId[]) => void;
     isRowSelectable?: (params: RbTableRowParams<Row>) => boolean;
     disableRowSelectionOnClick?: boolean;
+    /** Oculta el menú para fijar columnas sin desactivar el pinning por API. */
+    disableColumnPinning?: boolean;
     pinnedColumns?: RbTablePinnedColumns;
+    onPinnedColumnsChange?: (value: RbTablePinnedColumns) => void;
     initialState?: RbTableInitialState;
     /**
      * Activa el footer de paginación de la tabla.

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

@@ -11,6 +11,7 @@ export type BaseInputProps = {
     unstyled?: boolean;
     infoTooltip?: React.ReactNode;
     infoAriaLabel?: string;
+    showCounter?: boolean;
 };
 type TextInputProps = BaseInputProps & Omit<React.InputHTMLAttributes<HTMLInputElement>, "size"> & {
     as?: "input";