@widergy/energy-ui 3.172.1 → 3.172.3

package/dist/components/UTButton/stories/UTButtonSizes.stories.js

@@ -1,55 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.Small = exports.Medium = exports.Large = exports.FullHeight = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _ = _interopRequireDefault(require(".."));
-var _storiesConstants = require("./storiesConstants");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-var _default = exports.default = {
-  title: 'Energy-UI/UTButton/Sizes',
-  component: _.default,
-  args: {
-    ..._storiesConstants.COMMON_ARGS
-  },
-  argTypes: {
-    ..._storiesConstants.COMMON_ARG_TYPES
-  },
-  parameters: {
-    ..._storiesConstants.COMMON_PARAMETERS
-  }
-};
-const Small = exports.Small = {
-  args: {
-    children: 'Small Size',
-    size: 'small'
-  }
-};
-const Medium = exports.Medium = {
-  args: {
-    children: 'Medium Size',
-    size: 'medium'
-  }
-};
-const Large = exports.Large = {
-  args: {
-    children: 'Large Size',
-    size: 'large'
-  }
-};
-const FullHeight = exports.FullHeight = {
-  args: {
-    children: 'Full Height',
-    fullHeight: true
-  },
-  render: args => /*#__PURE__*/_react.default.createElement("div", {
-    style: {
-      display: 'flex',
-      height: 80,
-      border: '1px dashed #ccc',
-      padding: 8
-    }
-  }, /*#__PURE__*/_react.default.createElement(_.default, args))
-};

package/dist/components/UTButton/stories/UTButtonStates.stories.js

@@ -1,34 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.Loading = exports.Disabled = void 0;
-var _ = _interopRequireDefault(require(".."));
-var _storiesConstants = require("./storiesConstants");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-var _default = exports.default = {
-  title: 'Energy-UI/UTButton/States',
-  component: _.default,
-  args: {
-    ..._storiesConstants.COMMON_ARGS
-  },
-  argTypes: {
-    ..._storiesConstants.COMMON_ARG_TYPES
-  },
-  parameters: {
-    ..._storiesConstants.COMMON_PARAMETERS
-  }
-};
-const Disabled = exports.Disabled = {
-  args: {
-    children: 'Disabled',
-    disabled: true
-  }
-};
-const Loading = exports.Loading = {
-  args: {
-    children: 'Loading',
-    loading: true
-  }
-};

package/dist/components/UTButton/stories/UTButtonVariants.stories.js

@@ -1,61 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.Text = exports.Shadow = exports.Semitransparent = exports.Outlined = exports.Filled = void 0;
-var _ = _interopRequireDefault(require(".."));
-var _storiesConstants = require("./storiesConstants");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const COMMON_PROPS = {
-  count: 3,
-  Icon: 'IconPencil'
-};
-var _default = exports.default = {
-  title: 'Energy-UI/UTButton/Variants',
-  component: _.default,
-  args: {
-    ..._storiesConstants.COMMON_ARGS
-  },
-  argTypes: {
-    ..._storiesConstants.COMMON_ARG_TYPES
-  },
-  parameters: {
-    ..._storiesConstants.COMMON_PARAMETERS
-  }
-};
-const Filled = exports.Filled = {
-  args: {
-    ...COMMON_PROPS,
-    children: 'Filled Variant',
-    variant: 'filled'
-  }
-};
-const Semitransparent = exports.Semitransparent = {
-  args: {
-    ...COMMON_PROPS,
-    children: 'Semitransparent Variant',
-    variant: 'semitransparent'
-  }
-};
-const Outlined = exports.Outlined = {
-  args: {
-    ...COMMON_PROPS,
-    children: 'Outlined Variant',
-    variant: 'outlined'
-  }
-};
-const Shadow = exports.Shadow = {
-  args: {
-    ...COMMON_PROPS,
-    children: 'Shadow Variant',
-    variant: 'shadow'
-  }
-};
-const Text = exports.Text = {
-  args: {
-    ...COMMON_PROPS,
-    children: 'Text Variant',
-    variant: 'text'
-  }
-};

package/dist/components/UTButtonGroup/README.md

@@ -1,30 +0,0 @@
-# UTButtonGroup
-
-A component that renders a group of buttons with consistent styling and behavior. The selected button is highlighted with a `shadow` variant (for `primary` and `neutral` color themes) or `filled` variant (for `negative`), while inactive buttons use the `text` variant.
-
-The container applies padding and border-radius via design tokens (`--UT-buttonGroup-padding`, `--UT-buttonGroup-radius`), making both values overridable per utility.
-
-## Props
-
-| Name       | Type            | Default   | Required | Description                                                                                    |
-| ---------- | :-------------- | --------- | -------- | ---------------------------------------------------------------------------------------------- |
-| actions    | array           | -         | Yes      | Array of action objects to render. Each action must include `Icon`, `id`, and `onClick` props. |
-| colorTheme | string          | 'primary' | No       | The color theme to use. One of: `primary`, `neutral`, `negative`.                              |
-| selected   | string / number | -         | Yes      | ID of the currently active/selected button.                                                    |
-| shape      | string          | 'square'  | No       | Shape of the button group. One of: `square`, `circle`.                                         |
-| size       | string          | 'small'   | No       | Size of the buttons. One of: `small`, `medium`, `large`.                                       |
-
-## Active variant by colorTheme
-
-| colorTheme | Active variant |
-| ---------- | -------------- |
-| primary    | shadow         |
-| neutral    | shadow         |
-| negative   | filled         |
-
-## Design tokens
-
-| Token                    | Default  | Semantic token  | Description                                    |
-| ------------------------ | -------- | --------------- | ---------------------------------------------- |
-| `--UT-buttonGroup-padding` | `0.25rem` | `padding-2xs`  | Padding del contenedor principal               |
-| `--UT-buttonGroup-radius`  | `8px`    | `radius-md`    | Border-radius del contenedor (variante square) |

package/dist/components/UTButtonGroup/stories/UTButtonGroup.stories.js

@@ -1,78 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.Primary = exports.Playground = exports.Neutral = exports.Negative = exports.Circle = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _ = _interopRequireDefault(require(".."));
-var _storiesConstants = require("./storiesConstants");
-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 InteractiveButtonGroup = args => {
-  const [selected, setSelected] = (0, _react.useState)(args.selected);
-  const actions = args.actions.map(action => ({
-    ...action,
-    onClick: () => setSelected(action.id)
-  }));
-  return /*#__PURE__*/_react.default.createElement(_.default, _extends({}, args, {
-    actions: actions,
-    selected: selected
-  }));
-};
-var _default = exports.default = {
-  title: 'Energy-UI/UTButtonGroup',
-  component: _.default,
-  args: {
-    actions: _storiesConstants.COMMON_ACTIONS,
-    ..._storiesConstants.COMMON_ARGS
-  },
-  argTypes: {
-    ..._storiesConstants.COMMON_ARG_TYPES
-  },
-  parameters: {
-    docs: {
-      description: {
-        component: 'Grupo de botones con selección activa. El botón activo usa variante `shadow` (primary/neutral) o `filled` (negative). El contenedor aplica padding y border-radius via design tokens.'
-      }
-    }
-  }
-};
-const Playground = exports.Playground = {
-  name: 'Playground',
-  render: InteractiveButtonGroup
-};
-const Primary = exports.Primary = {
-  args: {
-    colorTheme: 'primary',
-    selected: _storiesConstants.COMMON_ACTIONS[0].id
-  },
-  render: InteractiveButtonGroup
-};
-const Neutral = exports.Neutral = {
-  args: {
-    colorTheme: 'neutral',
-    selected: _storiesConstants.COMMON_ACTIONS[0].id
-  },
-  render: InteractiveButtonGroup
-};
-const Negative = exports.Negative = {
-  args: {
-    colorTheme: 'negative',
-    selected: _storiesConstants.COMMON_ACTIONS[0].id
-  },
-  parameters: {
-    backgrounds: {
-      default: 'Oscuro'
-    }
-  },
-  render: InteractiveButtonGroup
-};
-const Circle = exports.Circle = {
-  args: {
-    shape: 'circle',
-    selected: _storiesConstants.COMMON_ACTIONS[0].id
-  },
-  render: InteractiveButtonGroup
-};

package/dist/components/UTCBUInput/versions/V1/README.md

@@ -1,46 +0,0 @@
-# UTCBUInput
-
-## Description
-
-`UTCBUInput` is a configurable input component for handling CBU (Clave Bancaria Uniforme) numbers, often used in banking contexts. It allows users to input a CBU number and automatically detects the corresponding entity (e.g., bank name) based on predefined rules. The component provides validation feedback, supports error messages, and can be customized through various props.
-
-## Props
-
-| Name                | Type                                                                       | Default | Description                                                                                                |
-| ------------------- | -------------------------------------------------------------------------- | ------- | ---------------------------------------------------------------------------------------------------------- |
-| entityConfiguration | shape({ cbu_number_key: string, cbu_entity_key: string, entities: array }) |         | Configuration for handling CBU numbers, including keys for CBU number and entity, and entity list.         |
-| error               | string                                                                     |         | Error message to display below the input field.                                                            |
-| onChange            | func                                                                       |         | Callback function triggered when the input value changes. Returns an object containing the CBU and entity. |
-| value               | shape({ cbuNumber: string, entityName: string })                           | `{}`    | Initial value for the CBU input. Expected format is an object with `cbuNumber` and `entityName`.           |
-| ...props            | any                                                                        |         | Inherits all other props from `UTTextInput`.                                                               |
-
-### Entity Configuration
-
-The `entityConfiguration` prop defines the configuration for CBU numbers and includes the following keys:
-
-- **cbu_number_key**: The key for accessing the CBU number within the `value` object.
-- **cbu_entity_key**: The key for accessing the entity name within the `value` object.
-- **entities**: An array of objects, each containing `expression` (a regex pattern to match the CBU) and `entity_name` (the name of the entity to display).
-
-### Handling Errors and Validations
-
-Errors and validations are managed through the `error` and `validations` props:
-
-- The `error` prop will display an error message below the input if a validation fails.
-- The `validations` prop displays the detected entity name in a validation format if the CBU is valid.
-
-If the `error` prop is set, any entity-related validation message will be hidden, ensuring only one validation message appears at a time.
-
-### Example Configuration for entityConfiguration
-
-```javascript
-const fieldConfiguration = {
-  cbu_number_key: 'CBU',
-  cbu_entity_key: 'BANK',
-  entities: [
-    { expression: '^005', entity_name: 'A.B.N. AMRO BANK N.V.' },
-    { expression: '^006', entity_name: 'BANCO SUDAMERIS' }
-    // Additional entities...
-  ]
-};
-```

package/dist/components/UTCarousel/README.md

@@ -1,65 +0,0 @@
-# UTCarousel
-
-Carousel de imágenes con soporte para autoplay, swipe táctil, flechas de navegación y puntos indicadores. Cada slide puede renderizar una imagen de fondo o contenido React custom.
-
-## Props
-
-| Prop | Tipo | Default | Descripción |
-|---|---|---|---|
-| `imgArray` | `array` | — | Array de slides. Ver estructura abajo. |
-| `autoPlay` | `bool` | `false` | Activa el avance automático entre slides. |
-| `autoPlayDelay` | `number` | `2000` | Milisegundos entre slides en autoplay. |
-| `height` | `string` | valor SCSS | Altura del carousel (ej. `'200px'`, `'var(--carousel-banner-height)'`). |
-| `legend` | `shape` | — | Configuración de puntos indicadores. `{ position: 'inside' \| 'outside' }`. Si no se pasa, no se muestran puntos. |
-| `arrow` | `shape` | — | Configuración de flechas. `{ position: 'inside' \| 'outside', arrowCustomLeft, arrowCustomRight, callbackLeft, callbackRight }`. |
-| `activeEvents` | `bool` | — | Habilita/deshabilita eventos de puntero. |
-| `borderSize` | `number` | — | Tamaño del borde entre slides. |
-| `className` | `string` | — | Clase CSS adicional para el contenedor. |
-| `classes` | `object` | — | Override de clases CSS internas (ej. `{ image: 'miClase' }`). |
-
-### Estructura de `imgArray`
-
-```js
-[
-  {
-    id: 1,           // recomendado para keys estables
-    imgSrc: '...',   // URL de imagen de fondo (cuando no se usa renderContent)
-    onClick: fn,     // handler de click (cuando no se usa renderContent)
-    renderContent: <MiComponente />  // contenido React custom (reemplaza imgSrc)
-  }
-]
-```
-
-Cuando se provee `renderContent`, el slide renderiza ese nodo directamente en lugar de la imagen de fondo. El componente pasado es responsable de manejar su propio click y dimensiones.
-
-## Uso básico — imágenes
-
-```jsx
-<UTCarousel
-  imgArray={[
-    { imgSrc: '/banner1.jpg', onClick: () => navigate('/promo1') },
-    { imgSrc: '/banner2.jpg', onClick: () => navigate('/promo2') }
-  ]}
-  autoPlay
-  autoPlayDelay={5000}
-  height="200px"
-/>
-```
-
-## Uso con contenido custom
-
-```jsx
-<UTCarousel
-  imgArray={[
-    { id: 1, renderContent: <BannerItem item={item1} onClick={fn1} /> },
-    { id: 2, renderContent: <BannerItem item={item2} onClick={fn2} /> }
-  ]}
-  autoPlay
-  autoPlayDelay={7000}
-  height="var(--carousel-banner-height)"
-/>
-```
-
-## Sin puntos indicadores
-
-No pasar la prop `legend` para ocultar los dots.

package/dist/components/UTCheckbox/UTCheckbox.stories.js

@@ -1,238 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.VersionV1 = exports.VersionV0 = exports.Playground = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _previewApi = require("@storybook/preview-api");
-var _utils = require("stories/utils");
-var _ = _interopRequireDefault(require("."));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-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); }
-var _default = exports.default = {
-  title: 'Energy-UI/UTCheckbox',
-  component: _.default,
-  args: {
-    version: 'V1',
-    title: 'Checkbox Label'
-  },
-  argTypes: {
-    version: {
-      control: 'inline-radio',
-      options: ['V0', 'V1'],
-      description: 'Versión del componente a utilizar.',
-      table: {
-        defaultValue: {
-          summary: 'V1'
-        },
-        type: {
-          summary: (0, _utils.joinArgTypes)(['V0', 'V1'])
-        }
-      }
-    },
-    value: {
-      control: 'boolean',
-      description: 'Estado del checkbox (marcado/no marcado).',
-      table: {
-        defaultValue: {
-          summary: 'false'
-        },
-        type: {
-          summary: 'boolean'
-        }
-      }
-    },
-    disabled: {
-      control: 'boolean',
-      description: 'Determina si el checkbox está deshabilitado.',
-      table: {
-        defaultValue: {
-          summary: 'false'
-        },
-        type: {
-          summary: 'boolean'
-        }
-      }
-    },
-    label: {
-      control: 'text',
-      description: 'Texto de la etiqueta.',
-      table: {
-        type: {
-          summary: 'string'
-        }
-      },
-      if: {
-        arg: 'version',
-        eq: 'V0'
-      }
-    },
-    color: {
-      control: 'select',
-      options: ['primary', 'secondary'],
-      description: 'Color del componente (Material-UI).',
-      table: {
-        defaultValue: {
-          summary: 'primary'
-        },
-        type: {
-          summary: (0, _utils.joinArgTypes)(['primary', 'secondary'])
-        }
-      },
-      if: {
-        arg: 'version',
-        eq: 'V0'
-      }
-    },
-    title: {
-      control: 'text',
-      description: 'Label para el checkbox.',
-      table: {
-        type: {
-          summary: 'string'
-        }
-      },
-      if: {
-        arg: 'version',
-        eq: 'V1'
-      }
-    },
-    variant: {
-      control: 'select',
-      options: ['default', 'button'],
-      description: 'Variante de estilo.',
-      table: {
-        defaultValue: {
-          summary: 'default'
-        },
-        type: {
-          summary: (0, _utils.joinArgTypes)(['default', 'button'])
-        }
-      },
-      if: {
-        arg: 'version',
-        eq: 'V1'
-      }
-    },
-    required: {
-      control: 'boolean',
-      description: 'Indica si el campo es obligatorio.',
-      table: {
-        defaultValue: {
-          summary: 'false'
-        },
-        type: {
-          summary: 'boolean'
-        }
-      },
-      if: {
-        arg: 'version',
-        eq: 'V1'
-      }
-    },
-    indeterminate: {
-      control: 'boolean',
-      description: 'Determina si el checkbox está en estado indeterminado.',
-      table: {
-        defaultValue: {
-          summary: 'false'
-        },
-        type: {
-          summary: 'boolean'
-        }
-      },
-      if: {
-        arg: 'version',
-        eq: 'V1'
-      }
-    },
-    withUpperTitle: {
-      control: 'boolean',
-      description: 'Determina si se debe mostrar el título superior.',
-      table: {
-        defaultValue: {
-          summary: 'false'
-        },
-        type: {
-          summary: 'boolean'
-        }
-      },
-      if: {
-        arg: 'version',
-        eq: 'V1'
-      }
-    },
-    reversed: {
-      control: 'boolean',
-      description: 'Invierte el orden del checkbox y la etiqueta.',
-      table: {
-        defaultValue: {
-          summary: 'false'
-        },
-        type: {
-          summary: 'boolean'
-        }
-      },
-      if: {
-        arg: 'version',
-        eq: 'V1'
-      }
-    },
-    icon: {
-      control: 'text',
-      description: 'Icono accesorio.',
-      table: {
-        type: {
-          summary: 'string'
-        }
-      },
-      if: {
-        arg: 'version',
-        eq: 'V1'
-      }
-    }
-  },
-  parameters: {
-    docs: {
-      description: {
-        component: 'Componente de checkbox que soporta dos versiones (V0 y V1) con diferentes estilos y funcionalidades.'
-      }
-    }
-  }
-};
-const Template = args => {
-  const [{
-    value
-  }, updateArgs] = (0, _previewApi.useArgs)();
-  const handleChange = newValue => {
-    updateArgs({
-      value: newValue
-    });
-    if (args.onChange) args.onChange(newValue);
-  };
-  return /*#__PURE__*/_react.default.createElement(_.default, _extends({}, args, {
-    value: value,
-    onChange: handleChange
-  }));
-};
-const Playground = exports.Playground = {
-  render: Template,
-  name: 'Playground'
-};
-const VersionV0 = exports.VersionV0 = {
-  args: {
-    version: 'V0',
-    label: 'Versión V0'
-  },
-  render: Template,
-  name: 'Versión V0'
-};
-const VersionV1 = exports.VersionV1 = {
-  args: {
-    version: 'V1',
-    title: 'Versión V1'
-  },
-  render: Template,
-  name: 'Versión V1'
-};

package/dist/components/UTCheckbox/versions/V1/README.md

@@ -1,41 +0,0 @@
-# UTCheckbox
-
-## Description
-
-`UTCheckbox` is a customizable checkbox component. It supports various states such as checked, indeterminate, and disabled. Additionally, it includes the option to display a title and supports markdown for advanced formatting.
-
-## Props
-
-| Name               | Type             | Default   | Description                                                                           |
-| ------------------ | ---------------- | --------- | ------------------------------------------------------------------------------------- |
-| actions            | object           |           | Actions to render within `UTFieldLabel`.                                              |
-| checkboxDataTestId | string           |           | Box `data-testid`.                                                                    |
-| classNames         | objectOf(string) |           | Additional class names to apply for further styling.                                  |
-| CustomComponent    | elementType      |           | Custom component to render data next to the checkbox                                  |
-| dataTestId         | string           |           | Whole component `data-testid`.                                                        |
-| disabled           | bool             | false     | Disables the checkbox, making it unclickable.                                         |
-| indeterminate      | bool             | false     | Indicates if the checkbox is in an indeterminate state.                               |
-| isSimple           | bool             | false     | **Deprecated**: Please avoid using this property in future implementations.           |
-| onChange           | func             |           | Function to call when the checkbox state changes.                                     |
-| required           | bool             | false     | Indicates if the checkbox is required.                                                |
-| spacing            | string           | 'medium'  | Defines the spacing between the checkbox and the label. Can be 'small' or 'medium'.   |
-| title              | string           |           | Title to display next to the checkbox. Supports markdown when `withMarkdown` is true. |
-| value              | bool             | false     | Indicates if the checkbox is checked.                                                 |
-| variant            | string           | 'default' | Defines the visual variant of the checkbox.                                           |
-
-## Usage
-
-### Basic Example
-
-```jsx
-import React from 'react';
-import UTCheckbox from './UTCheckbox';
-
-const Example = () => {
-  const [checked, setChecked] = React.useState(false);
-
-  return <UTCheckbox value={checked} title="Check me" onChange={() => setChecked(!checked)} />;
-};
-
-export default Example;
-```