@widergy/energy-ui 3.172.2 → 3.172.3

package/dist/esm/components/UTOnboarding/README.md

@@ -1,49 +0,0 @@
-# UTOnboarding
-
-### Description
-
-Onboarding component.
-
-### Variants
-
-- Default: variant = 'dark'
-- Information: variant = 'information'
-- Light: variant = 'light'
-
-### Props
-
-- handleOnClose: function --> optional, se ejecutara cuando se cierra el onboarding
-- handleComplete: function --> optional, se ejecutara cuando se completa el onboarding
-- options: object | Espera recibir un objeto propio de la libreria de intro react js. Ejemplo de valores posibles
-  - nextLabel: string --> Next button label
-  - prevLabel: string --> Previous button label
-  - options: objeto --> Ejemplo de lo que se puede pasar:
-    {{ positionPrecedence: ['right'] }} (posicion del onboarding)
-- steps: array of object --> requerido
-
-  - Cada objeto espera recibir:
-
-    ` {
-    title: '¡Bienvenido a tu oficina virtual!',
-    element: '.step_1',
-    image: '',
-    description:
-      'Inicia el tutorial de introducción y descubrí todas las gestiones que podés realizar en tus cuentas.'
-}`
-
-  - title: Titulo del onboarding
-  - element: string | CSS selector to use for the step
-  - position: string | Position of the tooltip
-  - intro : string | The tooltip content
-  - description: string | si quiero agregar una imagen voy a tener que pasarle una description en lugar del intro
-  - image: imagen de tipo png
-  - vectorImage: imagen de tipo svg
-  - hideFooter: bool | oculta los botones y los steps
-  - highlightClass: CSS class of the helperLayer.
-  - tooltipClass: CSS class of the tooltip
-  - isSuggestion: bool | si es el primer paso y no quiero que tenga tooltip puedo dejarlo en true
-  -  closeButtonDataTestId: string | data-testid para el botón de cerrar
-  -  descriptionDataTestId: string | data-testid para la descripción
-  -  nextButtonDataTestId: string | data-testid para el botón de siguiente
-  -  prevButtonDataTestId: string | data-testid para el botón de atrás
-  -  titleDataTestId: string | data-testid para el título

package/dist/esm/components/UTPagination/README.md

@@ -1,242 +0,0 @@
-# UTPagination
-
-A comprehensive pagination component that provides both page navigation and page size selection functionality. The component consists of two main parts: a page size selector and pagination controls.
-
-## Features
-
-- **Page Size Selection**: Dropdown to select number of items per page
-- **Page Navigation**: Previous/next buttons with page numbers
-- **Responsive Design**: Adapts to different screen sizes
-- **Customizable Themes**: Support for different color themes
-- **Accessibility**: Proper ARIA labels and keyboard navigation
-- **Double Arrow Navigation**: Quick navigation to first/last page for large datasets
-- **Size Variants**: Support for different button sizes
-
-## Props
-
-| Prop                 | Type                             | Default   | Description                         |
-| -------------------- | -------------------------------- | --------- | ----------------------------------- |
-| `page`               | `number`                         | -         | Current page number (0-based)       |
-| `rowsPerPage`        | `number`                         | -         | Number of rows per page             |
-| `totalRows`          | `number`                         | -         | Total number of rows                |
-| `rowsPerPageOptions` | `number[]`                       | -         | Available options for rows per page |
-| `totalRowsLabel`     | `string`                         | -         | Label for total rows display        |
-| `onChangePage`       | `function`                       | -         | Callback when page changes          |
-| `onChangeRowPerPage` | `function`                       | -         | Callback when rows per page changes |
-| `isResponsive`       | `boolean`                        | -         | Enable responsive behavior          |
-| `colorThemes`        | `object`                         | `{}`      | Color themes for different elements |
-| `classes`            | `object`                         | -         | Custom CSS classes                  |
-| `size`               | `'small' \| 'medium' \| 'large'` | `'large'` | Size variant for navigation buttons |
-
-### Color Themes
-
-| Theme              | Type     | Description                         |
-| ------------------ | -------- | ----------------------------------- |
-| `pageButton`       | `string` | Color theme for page number buttons |
-| `navigationButton` | `string` | Color theme for navigation buttons  |
-| `totalRows`        | `string` | Color theme for total rows label    |
-
-### Classes
-
-| Class                     | Description                   |
-| ------------------------- | ----------------------------- |
-| `paginationContainer`     | Main container wrapper        |
-| `pagination`              | Pagination controls container |
-| `pageSizeSelectContainer` | Page size selector container  |
-| `pageSizeSelect`          | Page size select dropdown     |
-| `totalRowsLabel`          | Total rows label              |
-
-## Usage
-
-### Basic Usage
-
-```jsx
-import React, { useState } from 'react';
-import { UTPagination } from '@energy/ui';
-
-function MyComponent() {
-  const [page, setPage] = useState(0);
-  const [rowsPerPage, setRowsPerPage] = useState(10);
-  const totalRows = 150;
-  const rowsPerPageOptions = [10, 25, 50, 100];
-
-  const handlePageChange = newPage => {
-    setPage(newPage);
-  };
-
-  const handleRowsPerPageChange = newRowsPerPage => {
-    setRowsPerPage(newRowsPerPage);
-    setPage(0); // Reset to first page when changing page size
-  };
-
-  return (
-    <UTPagination
-      page={page}
-      rowsPerPage={rowsPerPage}
-      totalRows={totalRows}
-      rowsPerPageOptions={rowsPerPageOptions}
-      totalRowsLabel="items"
-      onChangePage={handlePageChange}
-      onChangeRowPerPage={handleRowsPerPageChange}
-    />
-  );
-}
-```
-
-### With Custom Themes
-
-```jsx
-<UTPagination
-  page={page}
-  rowsPerPage={rowsPerPage}
-  totalRows={totalRows}
-  rowsPerPageOptions={[10, 25, 50]}
-  totalRowsLabel="records"
-  onChangePage={handlePageChange}
-  onChangeRowPerPage={handleRowsPerPageChange}
-  colorThemes={{
-    pageButton: 'primary',
-    navigationButton: 'secondary',
-    totalRows: 'gray'
-  }}
-/>
-```
-
-### With Custom Size
-
-The `size` prop controls the size of navigation buttons (previous/next arrows and double arrows). Available values:
-
-- `'small'`: Compact button size
-- `'medium'`: Standard button size
-- `'large'`: Large button size (default)
-
-```jsx
-<UTPagination
-  page={page}
-  rowsPerPage={rowsPerPage}
-  totalRows={totalRows}
-  rowsPerPageOptions={[10, 25, 50]}
-  totalRowsLabel="items"
-  onChangePage={handlePageChange}
-  onChangeRowPerPage={handleRowsPerPageChange}
-  size="medium"
-/>
-```
-
-### Responsive Pagination
-
-```jsx
-<UTPagination
-  page={page}
-  rowsPerPage={rowsPerPage}
-  totalRows={totalRows}
-  rowsPerPageOptions={[10, 25, 50]}
-  totalRowsLabel="items"
-  onChangePage={handlePageChange}
-  onChangeRowPerPage={handleRowsPerPageChange}
-  isResponsive={true}
-/>
-```
-
-### With Custom Classes
-
-```jsx
-<UTPagination
-  page={page}
-  rowsPerPage={rowsPerPage}
-  totalRows={totalRows}
-  rowsPerPageOptions={[10, 25, 50]}
-  totalRowsLabel="items"
-  onChangePage={handlePageChange}
-  onChangeRowPerPage={handleRowsPerPageChange}
-  classes={{
-    paginationContainer: 'custom-pagination-wrapper',
-    pagination: 'custom-pagination-controls',
-    pageSizeSelectContainer: 'custom-select-container',
-    pageSizeSelect: 'custom-select',
-    totalRowsLabel: 'custom-total-label'
-  }}
-/>
-```
-
-## Component Structure
-
-The UTPagination component is composed of two main sub-components:
-
-### PageSizeSelector
-
-- Displays a dropdown to select the number of items per page
-- Shows total count with customizable label
-- Supports custom styling and themes
-- Uses UTSelect component with outlined variant
-
-### Pagination
-
-- Navigation buttons (previous/next)
-- Page number buttons with active state styling
-- Double arrow navigation for large datasets (first/last page)
-- Responsive behavior that hides double arrows on smaller screens
-- Support for different button sizes
-
-## Constants
-
-| Constant                         | Value  | Description                                   |
-| -------------------------------- | ------ | --------------------------------------------- |
-| `PREPOSITION`                    | `'de'` | Preposition used in total rows label          |
-| `PAGINATION_LIMIT_DOUBLE_ARROWS` | `10`   | Minimum pages to show double arrow navigation |
-| `MAX_PAGINATION_ITEMS`           | `5`    | Maximum page numbers to display               |
-
-## Theme Integration
-
-The component integrates with the Energy UI theme system and supports the following theme properties:
-
-```javascript
-{
-  UTPagination: {
-    paginationContainer: {
-      marginTop: 32
-    },
-    pageSizeSelect: {
-      background: 'transparent',
-      fontSize: '14px',
-      padding: 6,
-      textAlign: 'center',
-      border: '1px solid #ccc',
-      hover: {
-        border: '1px solid #999'
-      }
-    },
-    pagination: {
-      gridGap: '16px'
-    }
-  },
-  Fonts: {
-    fontFamily: 'your-font-family'
-  }
-}
-```
-
-## Accessibility
-
-- Proper ARIA labels for navigation buttons
-- Keyboard navigation support
-- Screen reader friendly page announcements
-- Focus management for interactive elements
-- Semantic HTML structure
-
-## Browser Support
-
-- Chrome (latest)
-- Firefox (latest)
-- Safari (latest)
-- Edge (latest)
-
-## Dependencies
-
-- React 16.8+
-- PropTypes
-- Energy UI theme system
-- UTButton component
-- UTSelect component
-- UTLabel component
-- @tabler/icons-react (for navigation icons)