@widergy/energy-ui 3.173.2 → 3.173.4

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

@@ -1,178 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.idBelongsToNonStartItem = exports.idBelongsToHoverableItem = exports.idBelongsToCollapsedItem = exports.delay = exports.createExistingIds = void 0;
-var _testIds = require("../../../constants/testIds");
-var _constants = _interopRequireDefault(require("./constants.json"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const {
-  CLIENT_FILTER,
-  COLLAPSE_BUTTON,
-  COLLAPSE_BUTTON_TOOLTIP,
-  CUSTOM_SEARCH_ACTION,
-  DELETE_BUTTON,
-  DELETE_BUTTON_TOOLTIP,
-  EDIT_BUTTON,
-  EDIT_BUTTON_TOOLTIP,
-  EXPANDED_PANEL_CONTENT_CATEGORY,
-  EXPANDED_PANEL_CONTENT_CATEGORY_EMPTY,
-  EXPAND_BUTTON,
-  PERSISTENT_FILTER,
-  POPPER,
-  SEARCH_BUTTON,
-  SEARCH_BUTTON_TOOLTIP,
-  SEARCH_FIELD,
-  USER_FILTER
-} = _testIds.ID_CONSTANTS;
-const {
-  MISC
-} = _constants.default;
-const {
-  INDEX_PLACEHOLDER
-} = MISC;
-
-/**
- * @fileoverview Utility functions for UTShortcutPanel stories
- * @module UTShortcutPanel/stories/utils
- */
-
-/**
- * Formats a test ID string by replacing template placeholders with actual values
- *
- * @function testIdQuickFormat
- * @param {string} testId - The test ID string containing placeholders in the format {{key}}
- * @param {Object} replaceOptions - An object containing key-value pairs for replacement
- * @returns {string} The formatted test ID with placeholders replaced by actual values
- *
- * @example
- * testIdQuickFormat('filter.{{category}}.{{index}}', { category: 'energy', index: '0' })
- * // Returns: 'filter.energy.0'
- */
-const testIdQuickFormat = (testId, replaceOptions) => {
-  const idElementsArray = testId.split('.');
-  Object.entries(replaceOptions).forEach(_ref => {
-    let [key, value] = _ref;
-    if (idElementsArray.includes("{{".concat(key, "}}"))) {
-      const keyIndex = idElementsArray.indexOf("{{".concat(key, "}}"));
-      idElementsArray.splice(keyIndex, 1, value);
-    }
-  });
-  const finalId = idElementsArray.join('.');
-  return finalId;
-};
-
-/**
- * Creates a promise that resolves after a specified delay
- *
- * @function delay
- * @param {number} ms - The number of milliseconds to delay
- * @returns {Promise<void>} A promise that resolves after the specified delay
- *
- * @example
- * await delay(1000);
- */
-
-const delay = ms => new Promise(resolve => {
-  setTimeout(resolve, ms);
-});
-
-/**
- * Creates a flattened collection of test IDs based on categories and ID templates.
- * For each category and ID template, generates IDs with filter indices. If all generated
- * IDs for a template are identical (no {{index}} placeholder), returns a single ID string;
- * otherwise returns an array of indexed IDs.
- *
- * @function createExistingIds
- * @param {Array<Object>} categories - Array of category objects, each containing:
- * @param {Object<string, string>} idsList - Object containing ID template strings with placeholders
- *   (e.g., {{category}}, {{index}})
- * @returns {Array<string|Array<string>>} Flattened array containing single ID strings
- *
- * @example
- * const categories = [
- *   { category: 'energy', filters: [{}, {}] },
- *   { category: 'water', filters: [{}] }
- * ];
- * const idsList = {
- *   checkbox: 'filter.{{category}}.checkbox.{{index}}',
- *   label: 'filter.{{category}}.label'
- * };
- * createExistingIds(categories, idsList)
- * // Returns: [
- * //   'filter.energy.label',
- * //   'filter.water.checkbox.0',
- * //   'filter.water.label'
- * // ]
- */
-exports.delay = delay;
-const createExistingIds = (categories, idsList) => {
-  const test = categories.map(_ref2 => {
-    let {
-      category,
-      filters
-    } = _ref2;
-    return Object.values(idsList).map(value => {
-      if (!value.includes(INDEX_PLACEHOLDER)) {
-        return testIdQuickFormat(value, {
-          category
-        });
-      }
-      const clientIdsWithIndex = [...filters].filter(_ref3 => {
-        let {
-          pinned
-        } = _ref3;
-        return pinned;
-      }).map((_, i) => value.includes(CLIENT_FILTER) ? testIdQuickFormat(value, {
-        category,
-        index: i
-      }) : false);
-      const userIdsWithIndex = [...filters].filter(_ref4 => {
-        let {
-          pinned
-        } = _ref4;
-        return !pinned;
-      }).map((_, i) => value.includes(USER_FILTER) ? testIdQuickFormat(value, {
-        category,
-        index: i
-      }) : false);
-      return [...clientIdsWithIndex, ...userIdsWithIndex];
-    });
-  }).flat(Infinity).filter(Boolean);
-  return test;
-};
-
-/**
- * Determines if a test ID belongs to an item that requires hovering to be visible or interactive.
- * This includes tooltips, poppers, and certain buttons that appear on hover.
- *
- * @function idBelongsToHoverableItem
- * @param {string} item - The test ID string to check
- * @returns {boolean} True if the item requires hovering, false otherwise
- */
-exports.createExistingIds = createExistingIds;
-const idBelongsToHoverableItem = item => item.includes(POPPER) || item.includes(DELETE_BUTTON) || item.includes(EDIT_BUTTON) || item.includes(COLLAPSE_BUTTON) || item.includes(SEARCH_BUTTON) || item.includes(DELETE_BUTTON_TOOLTIP) || item.includes(EDIT_BUTTON_TOOLTIP) || item.includes(COLLAPSE_BUTTON_TOOLTIP) || item.includes(SEARCH_BUTTON_TOOLTIP) || item.includes(CUSTOM_SEARCH_ACTION) || item.includes(COLLAPSE_BUTTON) && item.includes(EXPANDED_PANEL_CONTENT_CATEGORY);
-
-/**
- * Determines if a test ID belongs to a collapsed item that needs to be expanded.
- * Specifically checks for expand button elements.
- *
- * @function idBelongsToCollapsedItem
- * @param {string} item - The test ID string to check
- * @returns {boolean} True if the item is an expand button, false otherwise
- */
-exports.idBelongsToHoverableItem = idBelongsToHoverableItem;
-const idBelongsToCollapsedItem = item => item.includes(EXPAND_BUTTON);
-
-/**
- * Determines if a test ID belongs to an item that is not in its initial/start state.
- * Currently checks for search field elements which may not be visible initially.
- *
- * @function idBelongsToNonStartItem
- * @param {string} item - The test ID string to check
- * @returns {boolean} True if the item is not in start state, false otherwise
- */
-exports.idBelongsToCollapsedItem = idBelongsToCollapsedItem;
-const idBelongsToNonStartItem = item => item.includes(SEARCH_FIELD) || item.includes(EXPANDED_PANEL_CONTENT_CATEGORY_EMPTY) || item.includes(PERSISTENT_FILTER);
-exports.idBelongsToNonStartItem = idBelongsToNonStartItem;

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.