@widergy/energy-ui 3.172.2 → 3.172.3

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

@@ -1,406 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.TestingSite = exports.Playground = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _test = require("@storybook/test");
-var _utils = require("stories/utils");
-var _UTBodyPlaceholder = _interopRequireDefault(require("../../UTBodyPlaceholder"));
-var _ = _interopRequireDefault(require(".."));
-var _constants = require("../constants");
-var _testIds = require("../../../constants/testIds");
-var _propsSchema = _interopRequireDefault(require("./props.schema.json"));
-var _constants2 = _interopRequireDefault(require("./constants.json"));
-var _stylesModule = _interopRequireDefault(require("./styles.module.scss"));
-var _tests = require("./tests");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
-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); }
-const {
-  filterGrouping
-} = _testIds.TEST_IDS;
-var _default = exports.default = {
-  args: {
-    categories: _constants2.default.CATEGORIES,
-    categoriesConfig: _constants2.default.CATEGORIES_CONFIG,
-    children: undefined,
-    classNames: undefined,
-    dataTestId: _constants2.default.DATA_TEST_ID,
-    disableCollapsibleCategories: false,
-    handleSelectFilter: (0, _test.fn)(),
-    hideAddFilterButton: false,
-    iconProps: undefined,
-    invalidParamsConfig: undefined,
-    noFiltersTitle: _constants2.default.NO_FILTERS_TITLE,
-    noFiltersText: _constants2.default.NO_FILTERS_TEXT,
-    onDeleteFilterGrouping: (0, _test.fn)(),
-    onEditFilterGrouping: (0, _test.fn)(),
-    onTogglePanel: (0, _test.fn)(),
-    panelTitle: _constants2.default.PANEL_TITLE,
-    position: _constants2.default.POSITION,
-    searchResetKey: undefined,
-    selectedFilter: undefined,
-    scrollProps: undefined,
-    showActionsOnPinned: false,
-    startOpen: true,
-    tooltipsContentMap: _constants2.default.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(_constants.PANEL_POSITIONS),
-      table: {
-        defaultValue: {
-          summary: 'left'
-        },
-        type: {
-          summary: (0, _utils.joinArgTypes)(Object.values(_constants.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: _.default,
-  parameters: {
-    jsonschema: {
-      schema: _propsSchema.default
-    },
-    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'
-};
-const Playground = exports.Playground = {
-  name: 'Playground',
-  parameters: {
-    backgrounds: {
-      default: 'Oscuro'
-    }
-  },
-  render: args => {
-    const [selectedFilter, setSelectedFilter] = (0, _react.useState)(args.selectedFilter);
-    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("section", {
-      className: _stylesModule.default.storyContainer
-    }, /*#__PURE__*/_react.default.createElement(_.default, _extends({}, args, {
-      handleSelectFilter: filter => {
-        args.handleSelectFilter(filter);
-        setSelectedFilter(filter);
-      },
-      selectedFilter: selectedFilter
-    }), /*#__PURE__*/_react.default.createElement("section", {
-      className: _stylesModule.default.defaultContainer
-    }, /*#__PURE__*/_react.default.createElement(_UTBodyPlaceholder.default, {
-      classNames: {
-        bodyPlaceholder: _stylesModule.default.bodyPlaceholder
-      }
-    })))), /*#__PURE__*/_react.default.createElement("div", {
-      "data-testid": "testingShield"
-    }));
-  }
-};
-const TestingSite = exports.TestingSite = {
-  ...Playground,
-  name: 'Test Site',
-  play: _tests.UTShortcutPanelTests
-};

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

@@ -1,106 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.Default = void 0;
-var _utils = require("stories/utils");
-var _inputs = require("../../constants/inputs");
-var _ = _interopRequireDefault(require("."));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-var _default = exports.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(_inputs.TITLE_VARIANTS),
-      table: {
-        defaultValue: {
-          summary: 'large'
-        },
-        type: {
-          summary: (0, _utils.joinArgTypes)(Object.keys(_inputs.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: _.default,
-  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'
-};
-const Default = exports.Default = {
-  args: {
-    penColor: 'black',
-    title: 'Firma'
-  },
-  name: 'Playground'
-};

package/dist/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.