@widergy/energy-ui 3.172.1 → 3.172.3

package/dist/esm/components/UTShortcutPanel/stories/UTShortcutPanel.stories.js

@@ -1,398 +0,0 @@
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-import React, { useState } from 'react';
-import { fn } from '@storybook/test';
-import { joinArgTypes } from 'stories/utils';
-import UTBodyPlaceholder from '../../UTBodyPlaceholder';
-import UTShortcutPanel from '..';
-import { PANEL_POSITIONS } from '../constants';
-import { TEST_IDS } from '../../../constants/testIds';
-import propsSchema from './props.schema.json';
-import data from './constants.json';
-import styles from './styles.module.scss';
-import { UTShortcutPanelTests } from './tests';
-const {
-  filterGrouping
-} = TEST_IDS;
-export default {
-  args: {
-    categories: data.CATEGORIES,
-    categoriesConfig: data.CATEGORIES_CONFIG,
-    children: undefined,
-    classNames: undefined,
-    dataTestId: data.DATA_TEST_ID,
-    disableCollapsibleCategories: false,
-    handleSelectFilter: fn(),
-    hideAddFilterButton: false,
-    iconProps: undefined,
-    invalidParamsConfig: undefined,
-    noFiltersTitle: data.NO_FILTERS_TITLE,
-    noFiltersText: data.NO_FILTERS_TEXT,
-    onDeleteFilterGrouping: fn(),
-    onEditFilterGrouping: fn(),
-    onTogglePanel: fn(),
-    panelTitle: data.PANEL_TITLE,
-    position: data.POSITION,
-    searchResetKey: undefined,
-    selectedFilter: undefined,
-    scrollProps: undefined,
-    showActionsOnPinned: false,
-    startOpen: true,
-    tooltipsContentMap: data.TOOLTIPS_CONTENT_MAP
-  },
-  argTypes: {
-    categories: {
-      control: {
-        type: 'none'
-      },
-      description: 'Data necesaria para renderizar el contenido del panel',
-      table: {
-        defaultValue: {
-          summary: 'undefined'
-        },
-        type: {
-          summary: 'categoryType[]'
-        }
-      }
-    },
-    categoriesConfig: {
-      control: 'none',
-      description: 'Configuración de iconos y colores para el avatar de cada categoría',
-      table: {
-        defaultValue: {
-          summary: 'undefined'
-        },
-        type: {
-          summary: 'Record<string, categoryConfigType>'
-        }
-      }
-    },
-    children: {
-      control: 'none',
-      description: 'Contenido wrappeado por el componente `UTShortcutPanel`.',
-      table: {
-        defaultValue: {
-          summary: 'undefined'
-        },
-        type: {
-          summary: 'node'
-        }
-      }
-    },
-    classNames: {
-      control: 'none',
-      description: 'Clases personalizadas.',
-      table: {
-        defaultValue: {
-          summary: 'undefined'
-        },
-        type: {
-          summary: 'Record<string, string>'
-        }
-      }
-    },
-    classes: {
-      control: 'none',
-      description: 'Tema personalizado. Esta prop NO debería ser usada.',
-      table: {
-        defaultValue: {
-          summary: 'undefined'
-        },
-        type: {
-          summary: 'Record<string, string>'
-        }
-      }
-    },
-    dataTestId: {
-      control: 'text',
-      description: '`dataTestId` que se usará como base para generar los `ids` de los componentes internos.',
-      table: {
-        defaultValue: {
-          summary: filterGrouping.groupingPanel.collapsedPanelContent.expandButton
-        },
-        type: {
-          summary: 'string'
-        }
-      }
-    },
-    disableCollapsibleCategories: {
-      control: 'boolean',
-      description: 'Si es `true`, las categorías no se pueden colapsar.',
-      table: {
-        defaultValue: {
-          summary: 'false'
-        },
-        type: {
-          summary: 'boolean'
-        }
-      }
-    },
-    handleSelectFilter: {
-      action: 'hi',
-      control: 'none',
-      description: 'Función callback que se ejecuta cuando se selecciona un filtro.',
-      table: {
-        defaultValue: {
-          summary: 'undefined'
-        },
-        type: {
-          summary: 'Function'
-        }
-      }
-    },
-    hideAddFilterButton: {
-      control: 'boolean',
-      description: 'Si es `true`, el botón de agregar filtro no se muestra.',
-      table: {
-        defaultValue: {
-          summary: 'false'
-        },
-        type: {
-          summary: 'boolean'
-        }
-      }
-    },
-    iconProps: {
-      control: 'select',
-      options: ['default', 'IconX, gray, 18', 'IconHome, error, 30'],
-      mapping: {
-        default: undefined,
-        'IconX, gray, 18': {
-          name: 'IconX',
-          colorTheme: 'gray',
-          size: 18
-        },
-        'IconHome, error, 30': {
-          name: 'IconHome',
-          colorTheme: 'error',
-          size: 30
-        }
-      },
-      description: 'Props para renderizar un icono custom cuando el paner está cerrado.',
-      table: {
-        defaultValue: {
-          summary: 'undefined'
-        },
-        type: {
-          summary: 'iconPropTypes'
-        }
-      }
-    },
-    invalidParamsConfig: {
-      control: 'object',
-      description: 'Configuración del ícono de advertencia que se muestra en ítems con `hasInvalidParams: true`. Si se pasa `tooltipText`, el ícono muestra un tooltip al hacer hover. `iconName` e `size` son opcionales (defaults: `IconAlertTriangle`, `16`).',
-      table: {
-        defaultValue: {
-          summary: 'undefined'
-        },
-        type: {
-          summary: '{ iconName?: string; size?: string; tooltipText?: string }'
-        }
-      }
-    },
-    noFiltersTitle: {
-      control: 'text',
-      description: 'Título para el componente de filtros vacíos.',
-      table: {
-        defaultValue: {
-          summary: 'undefined'
-        },
-        type: {
-          summary: 'string'
-        }
-      }
-    },
-    noFiltersText: {
-      control: 'text',
-      description: 'Texto para el componente de filtros vacíos.',
-      table: {
-        defaultValue: {
-          summary: 'undefined'
-        },
-        type: {
-          summary: 'string'
-        }
-      }
-    },
-    onDeleteFilterGrouping: {
-      control: 'none',
-      description: 'Función callback que se ejecuta cuando se presiona el botón de eliminar un filtro.',
-      table: {
-        defaultValue: {
-          summary: 'undefined'
-        },
-        type: {
-          summary: 'Function'
-        }
-      }
-    },
-    onEditFilterGrouping: {
-      control: 'none',
-      description: 'Función callback que se ejecuta cuando se presiona el botón de editar un filtro.',
-      table: {
-        defaultValue: {
-          summary: 'undefined'
-        },
-        type: {
-          summary: 'Function'
-        }
-      }
-    },
-    onTogglePanel: {
-      control: 'none',
-      description: 'Función callback que se ejecuta cuando se presiona el botón de toggle del panel.',
-      table: {
-        defaultValue: {
-          summary: 'undefined'
-        },
-        type: {
-          summary: 'Function'
-        }
-      }
-    },
-    panelTitle: {
-      control: 'text',
-      description: 'Título del panel.',
-      table: {
-        defaultValue: {
-          summary: 'undefined'
-        },
-        type: {
-          summary: 'string'
-        }
-      }
-    },
-    position: {
-      control: 'radio',
-      description: 'Posición del panel y la barra lateral.',
-      options: Object.values(PANEL_POSITIONS),
-      table: {
-        defaultValue: {
-          summary: 'left'
-        },
-        type: {
-          summary: joinArgTypes(Object.values(PANEL_POSITIONS))
-        }
-      }
-    },
-    scrollProps: {
-      control: 'none',
-      description: 'Props para el componente de scroll.',
-      table: {
-        defaultValue: {
-          summary: 'undefined'
-        },
-        type: {
-          summary: 'object'
-        }
-      }
-    },
-    searchResetKey: {
-      control: 'text',
-      description: 'Cuando cambia de valor, resetea el estado de búsqueda interna del panel. Útil para limpiar el input al cambiar de tab o categoría.',
-      table: {
-        defaultValue: {
-          summary: 'undefined'
-        },
-        type: {
-          summary: 'string | number'
-        }
-      }
-    },
-    selectedFilter: {
-      control: 'none',
-      description: 'Filtro seleccionado.',
-      table: {
-        defaultValue: {
-          summary: 'undefined'
-        },
-        type: {
-          summary: 'filterType'
-        }
-      }
-    },
-    showActionsOnPinned: {
-      control: 'boolean',
-      description: 'Si es `true`, los botones de editar y eliminar se muestran también en ítems con `pinned: true`. Por defecto son ocultados en filtros pinned.',
-      table: {
-        defaultValue: {
-          summary: 'false'
-        },
-        type: {
-          summary: 'boolean'
-        }
-      }
-    },
-    startOpen: {
-      control: 'boolean',
-      description: 'Indica si el panel se renderiza abierto.',
-      table: {
-        defaultValue: {
-          summary: 'false'
-        },
-        type: {
-          summary: 'boolean'
-        }
-      }
-    },
-    tooltipsContentMap: {
-      control: 'none',
-      description: 'Mapa de contenido para los tooltips.',
-      table: {
-        defaultValue: {
-          summary: 'undefined'
-        },
-        type: {
-          summary: 'Record<string, string>'
-        }
-      }
-    }
-  },
-  component: UTShortcutPanel,
-  parameters: {
-    jsonschema: {
-      schema: propsSchema
-    },
-    controls: {
-      exclude: ['categories', 'categoriesConfig', 'children', 'classNames', 'classes', 'handleSelectFilter', 'onDeleteFilterGrouping', 'onEditFilterGrouping', 'onTogglePanel', 'scrollProps', 'selectedFilter', 'tooltipsContentMap']
-    },
-    docs: {
-      description: {
-        component: 'Panel de filtros rápidos, con búsqueda y acciones de edición y eliminación de filtros y categorías colapsables.'
-      }
-    }
-  },
-  title: 'Energy-UI/UTShortcutPanel'
-};
-export const Playground = {
-  name: 'Playground',
-  parameters: {
-    backgrounds: {
-      default: 'Oscuro'
-    }
-  },
-  render: args => {
-    const [selectedFilter, setSelectedFilter] = useState(args.selectedFilter);
-    return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("section", {
-      className: styles.storyContainer
-    }, /*#__PURE__*/React.createElement(UTShortcutPanel, _extends({}, args, {
-      handleSelectFilter: filter => {
-        args.handleSelectFilter(filter);
-        setSelectedFilter(filter);
-      },
-      selectedFilter: selectedFilter
-    }), /*#__PURE__*/React.createElement("section", {
-      className: styles.defaultContainer
-    }, /*#__PURE__*/React.createElement(UTBodyPlaceholder, {
-      classNames: {
-        bodyPlaceholder: styles.bodyPlaceholder
-      }
-    })))), /*#__PURE__*/React.createElement("div", {
-      "data-testid": "testingShield"
-    }));
-  }
-};
-export const TestingSite = {
-  ...Playground,
-  name: 'Test Site',
-  play: UTShortcutPanelTests
-};

package/dist/esm/components/UTSignature/UTSignature.stories.js

@@ -1,99 +0,0 @@
-import { joinArgTypes } from 'stories/utils';
-import { TITLE_VARIANTS } from '../../constants/inputs';
-import UTSignature from '.';
-export default {
-  argTypes: {
-    title: {
-      control: 'text',
-      description: 'Título que se muestra en el header del componente.',
-      table: {
-        defaultValue: {
-          summary: 'undefined'
-        },
-        type: {
-          summary: 'string'
-        }
-      }
-    },
-    penColor: {
-      control: 'color',
-      description: 'Color del lápiz.',
-      table: {
-        defaultValue: {
-          summary: 'black'
-        },
-        type: {
-          summary: 'string'
-        }
-      }
-    },
-    titleVariant: {
-      control: 'select',
-      description: 'Tamaño del título.',
-      options: Object.keys(TITLE_VARIANTS),
-      table: {
-        defaultValue: {
-          summary: 'large'
-        },
-        type: {
-          summary: joinArgTypes(Object.keys(TITLE_VARIANTS))
-        }
-      }
-    },
-    required: {
-      control: 'boolean',
-      description: 'Determina si el componente es requerido.',
-      table: {
-        defaultValue: {
-          summary: 'false'
-        },
-        type: {
-          summary: 'boolean'
-        }
-      }
-    },
-    width: {
-      control: 'number',
-      description: 'Ancho del componente.',
-      table: {
-        defaultValue: {
-          summary: '500'
-        },
-        type: {
-          summary: 'number'
-        }
-      }
-    },
-    height: {
-      control: 'number',
-      description: 'Altura del componente.',
-      table: {
-        defaultValue: {
-          summary: '200'
-        },
-        type: {
-          summary: 'number'
-        }
-      }
-    }
-  },
-  component: UTSignature,
-  parameters: {
-    controls: {
-      exclude: ['actions', 'onChange', 'error', 'helpText', 'validationDataTestId', 'value', 'input']
-    },
-    docs: {
-      description: {
-        component: 'Este componente se usa para renderizar un canvas de firma.'
-      }
-    }
-  },
-  title: 'Energy-UI/UTSignature'
-};
-export const Default = {
-  args: {
-    penColor: 'black',
-    title: 'Firma'
-  },
-  name: 'Playground'
-};

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

@@ -1,105 +0,0 @@
-# UTSnackbar
-
-Componente de notificación tipo Snackbar. Soporta cinco `colorTheme`: los cuatro semánticos (`success`, `error`, `warning`, `info`) y `white` para notificaciones neutras. La prop `variant` controla si el fondo es oscuro o claro.
-
----
-
-## Props
-
-| Prop | Tipo | Default | Descripción |
-| ---- | ---- | ------- | ----------- |
-| `message` | `string` | `undefined` | Mensaje a mostrar. Soporta markdown. |
-| `open` | `boolean` | `false` | Controla si el snackbar está visible. |
-| `colorTheme` | `'success' \| 'error' \| 'warning' \| 'info' \| 'white'` | `'success'` | Color de la notificación. Los valores semánticos determinan ícono y paleta. `white` usa colores neutros sin semántica. |
-| `variant` | `'dark' \| 'light'` | `'dark'` | `dark` usa el color del `colorTheme` como fondo con texto blanco. `light` usa un fondo claro con texto oscuro accesible. |
-| `button` | `object` | `undefined` | Configuración del botón de acción primaria. Se hace spread en `UTButton` — incluir `title` y opcionalmente `onClick`. |
-| `secondaryButton` | `object` | `undefined` | Configuración del botón de acción secundaria. Igual que `button`. |
-| `buttonSize` | `'small' \| 'medium' \| 'large'` | `'medium'` | Tamaño de todos los botones de acción. |
-| `description` | `string` | `undefined` | Texto secundario debajo del mensaje principal. |
-| `icon` | `string` | `undefined` | Nombre de ícono Tabler para sobreescribir el ícono por defecto (ej: `IconStar`). |
-| `withoutIcon` | `boolean` | `undefined` | Oculta el ícono. |
-| `position` | `'bottomLeft' \| 'bottomRight' \| 'topLeft' \| 'topRight'` | `'bottomLeft'` | Posición del snackbar en la pantalla. Determina también la dirección del slide de entrada. |
-| `timeDuration` | `number` | `undefined` | Duración en ms antes del cierre automático. |
-| `onClose` | `function` | `undefined` | Callback al cerrar el snackbar. |
-| `classes` | `object` | `{}` | Clases CSS personalizadas para sobrescribir estilos del tema. |
-| `closeDataTestId` | `string` | `undefined` | Test ID del botón de cierre. |
-| `labelDataTestId` | `string` | `undefined` | Test ID del label del mensaje. |
-| `descriptionDataTestId` | `string` | `undefined` | Test ID del label de descripción. |
-
----
-
-## Variantes
-
-### Semántico / Dark
-Fondo con el color semántico saturado y texto blanco.
-
-| `colorTheme` | Color de fondo | Ícono |
-| ------------ | -------------- | ----- |
-| `success` | `success[04]` (`#118460`) | circle-check |
-| `error` | `error[04]` (`#E80C2C`) | circle-x |
-| `warning` | `warning[04]` (`#A86600`) | alert-triangle |
-| `info` | `information[04]` (`#037DB4`) | info-circle |
-
-### Semántico / Light
-Fondo claro con texto oscuro accesible.
-
-| `colorTheme` | Color de fondo | Color de texto |
-| ------------ | -------------- | -------------- |
-| `success` | `success[01]` (`#E6F9F3`) | `success[05]` (`#055F43`) |
-| `error` | `error[01]` (`#FFEBEE`) | `error[05]` (`#A0041B`) |
-| `warning` | `warning[01]` (`#FFF9E6`) | `warning[05]` (`#6F4708`) |
-| `info` | `information[01]` (`#EBF8FD`) | `information[05]` (`#035B83`) |
-
-### White
-Sin semántica de color. Útil para notificaciones neutras.
-
-| `variant` | Color de fondo | Color de texto |
-| --------- | -------------- | -------------- |
-| `light` | `#FFFFFF` | `dark[05]` (`#091E42`) |
-| `dark` | `dark[04]` (`#182C49`) | `#FFFFFF` |
-
----
-
-## Uso básico
-
-```jsx
-import { UTSnackbar } from '@widergy/energy-ui';
-
-const MiComponente = () => (
-  <UTSnackbar
-    colorTheme="success"
-    message="Operación completada exitosamente."
-    open
-  />
-);
-```
-
-## Con botón de acción
-
-```jsx
-<UTSnackbar
-  button={{ title: 'Deshacer', onClick: () => console.log('deshacer') }}
-  colorTheme="error"
-  message="Se eliminaron 3 elementos."
-  onClose={() => setOpen(false)}
-  open={open}
-/>
-```
-
-## Variante neutra (white)
-
-```jsx
-<UTSnackbar
-  colorTheme="white"
-  message="Notificación sin semántica."
-  open
-  variant="light"
-/>
-```
-
----
-
-## Notas
-
-- Los colores de fondo y texto se resuelven desde `theme.Palette` en tiempo de ejecución, por lo que respetan el tema de cada utility cliente.
-- Los design tokens de componente (`--UT-snackbar-*`) están pendientes de definición por Diseño.