@widergy/energy-ui 3.172.1 → 3.172.3

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

@@ -1,431 +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 Search from '@material-ui/icons/Search';
-import Lock from '@material-ui/icons/Lock';
-import Visibility from '@material-ui/icons/Visibility';
-import UTTextInput from '.';
-export default {
-  title: 'Energy-UI/UTTextInput',
-  component: UTTextInput,
-  args: {
-    version: 'V1',
-    placeholder: 'Ingresá un valor...'
-  },
-  argTypes: {
-    version: {
-      control: 'select',
-      description: 'Versión del componente.',
-      options: ['V0', 'V1'],
-      table: {
-        defaultValue: {
-          summary: 'V0'
-        },
-        type: {
-          summary: "'V0' | 'V1'"
-        }
-      }
-    },
-    title: {
-      control: 'text',
-      description: 'Texto del label que aparece sobre el campo.',
-      table: {
-        defaultValue: {
-          summary: 'undefined'
-        },
-        type: {
-          summary: 'string'
-        }
-      }
-    },
-    placeholder: {
-      control: 'text',
-      description: 'Texto de placeholder.',
-      table: {
-        defaultValue: {
-          summary: 'undefined'
-        },
-        type: {
-          summary: 'string'
-        }
-      }
-    },
-    value: {
-      control: 'text',
-      description: 'Valor actual del campo.',
-      table: {
-        defaultValue: {
-          summary: 'null'
-        },
-        type: {
-          summary: 'string'
-        }
-      }
-    },
-    onChange: {
-      action: 'onChange',
-      description: 'Callback al cambiar el valor.',
-      table: {
-        type: {
-          summary: 'func'
-        }
-      }
-    },
-    disabled: {
-      control: 'boolean',
-      description: 'Deshabilita el campo.',
-      table: {
-        defaultValue: {
-          summary: 'false'
-        },
-        type: {
-          summary: 'bool'
-        }
-      }
-    },
-    readOnly: {
-      control: 'boolean',
-      description: 'Muestra el valor sin permitir edición.',
-      table: {
-        defaultValue: {
-          summary: 'false'
-        },
-        type: {
-          summary: 'bool'
-        }
-      }
-    },
-    required: {
-      control: 'boolean',
-      description: 'Muestra el indicador `*` junto al label.',
-      table: {
-        defaultValue: {
-          summary: 'false'
-        },
-        type: {
-          summary: 'bool'
-        }
-      }
-    },
-    error: {
-      control: 'text',
-      description: 'Mensaje de error o `true` para mostrar estado de error.',
-      table: {
-        defaultValue: {
-          summary: 'undefined'
-        },
-        type: {
-          summary: 'string | bool'
-        }
-      }
-    },
-    helpText: {
-      control: 'text',
-      description: 'Texto de ayuda debajo del campo.',
-      table: {
-        defaultValue: {
-          summary: 'undefined'
-        },
-        type: {
-          summary: 'string'
-        }
-      }
-    },
-    maxLength: {
-      control: 'number',
-      description: 'Límite de caracteres. Si se combina con `showCharacterCount`, muestra el contador.',
-      table: {
-        defaultValue: {
-          summary: 'undefined'
-        },
-        type: {
-          summary: 'number'
-        }
-      }
-    },
-    showCharacterCount: {
-      control: 'boolean',
-      description: 'Muestra el contador de caracteres (requiere `maxLength`).',
-      table: {
-        defaultValue: {
-          summary: 'false'
-        },
-        type: {
-          summary: 'bool'
-        }
-      }
-    },
-    inputSize: {
-      control: 'select',
-      description: 'Tamaño del campo. Afecta el padding interno.',
-      options: ['medium', 'small'],
-      table: {
-        defaultValue: {
-          summary: 'medium'
-        },
-        type: {
-          summary: "'medium' | 'small'"
-        }
-      }
-    },
-    titleVariant: {
-      control: 'select',
-      description: 'Tamaño del label.',
-      options: ['large', 'small'],
-      table: {
-        defaultValue: {
-          summary: 'large'
-        },
-        type: {
-          summary: "'large' | 'small'"
-        }
-      }
-    },
-    prefix: {
-      control: 'text',
-      description: 'Texto prefijo dentro del campo (ej: `$`, `+54`).',
-      table: {
-        defaultValue: {
-          summary: 'undefined'
-        },
-        type: {
-          summary: 'string'
-        }
-      }
-    },
-    suffix: {
-      control: 'text',
-      description: 'Texto sufijo dentro del campo (ej: `kg`, `m²`).',
-      table: {
-        defaultValue: {
-          summary: 'undefined'
-        },
-        type: {
-          summary: 'string'
-        }
-      }
-    },
-    tooltip: {
-      control: 'text',
-      description: 'Tooltip de ayuda sobre el ícono de información.',
-      table: {
-        defaultValue: {
-          summary: 'undefined'
-        },
-        type: {
-          summary: 'string'
-        }
-      }
-    },
-    type: {
-      control: 'select',
-      description: 'Tipo de input HTML. `numeric` filtra solo números.',
-      options: ['text', 'password', 'email', 'numeric'],
-      table: {
-        defaultValue: {
-          summary: 'text'
-        },
-        type: {
-          summary: 'string'
-        }
-      }
-    },
-    LeftIcon: {
-      control: false,
-      description: 'Componente ícono que se muestra a la izquierda.',
-      table: {
-        defaultValue: {
-          summary: 'undefined'
-        },
-        type: {
-          summary: 'elementType'
-        }
-      }
-    },
-    RightIcon: {
-      control: false,
-      description: 'Componente ícono que se muestra a la derecha.',
-      table: {
-        defaultValue: {
-          summary: 'undefined'
-        },
-        type: {
-          summary: 'elementType'
-        }
-      }
-    }
-  },
-  parameters: {
-    docs: {
-      description: {
-        component: 'UTTextInput es el campo de texto estándar del design system. V1 combina UTFieldLabel + UTBaseInputField con soporte completo para adornos, validaciones y tokens de diseño.'
-      }
-    }
-  }
-};
-const Stateful = args => {
-  var _args$value;
-  const [value, setValue] = useState((_args$value = args.value) !== null && _args$value !== void 0 ? _args$value : '');
-  return /*#__PURE__*/React.createElement(UTTextInput, _extends({}, args, {
-    value: value,
-    onChange: setValue
-  }));
-};
-export const Playground = {
-  render: args => /*#__PURE__*/React.createElement(Stateful, args),
-  args: {
-    title: 'Email',
-    placeholder: 'usuario@empresa.com',
-    version: 'V1'
-  },
-  name: 'Playground'
-};
-export const Default = {
-  args: {
-    placeholder: 'Ingresá un valor...',
-    version: 'V1'
-  }
-};
-export const ConTitulo = {
-  args: {
-    title: 'Nombre completo',
-    placeholder: 'Ej: Juan Pérez',
-    version: 'V1'
-  },
-  name: 'Con título'
-};
-export const Requerido = {
-  args: {
-    title: 'Email',
-    placeholder: 'usuario@empresa.com',
-    required: true,
-    version: 'V1'
-  }
-};
-export const ConError = {
-  args: {
-    title: 'Email',
-    value: 'correo-invalido',
-    error: 'El formato del email no es válido.',
-    version: 'V1'
-  },
-  name: 'Con error'
-};
-export const Deshabilitado = {
-  args: {
-    title: 'Email',
-    placeholder: 'Campo deshabilitado',
-    disabled: true,
-    version: 'V1'
-  }
-};
-export const SoloLectura = {
-  args: {
-    title: 'Email',
-    value: 'usuario@empresa.com',
-    readOnly: true,
-    version: 'V1'
-  },
-  name: 'Solo lectura'
-};
-export const ConTextoDeAyuda = {
-  args: {
-    title: 'Contraseña',
-    placeholder: 'Mínimo 8 caracteres',
-    helpText: 'Usá mayúsculas, minúsculas y al menos un número.',
-    version: 'V1'
-  },
-  name: 'Con texto de ayuda'
-};
-export const ConContadorDeCaracteres = {
-  render: args => /*#__PURE__*/React.createElement(Stateful, args),
-  args: {
-    title: 'Nombre',
-    placeholder: 'Ingresá tu nombre',
-    maxLength: 50,
-    showCharacterCount: true,
-    version: 'V1'
-  },
-  name: 'Con contador de caracteres'
-};
-export const ConPrefix = {
-  render: args => /*#__PURE__*/React.createElement(Stateful, args),
-  args: {
-    title: 'Monto',
-    placeholder: '0,00',
-    prefix: '$',
-    version: 'V1'
-  },
-  name: 'Con prefijo'
-};
-export const ConSuffix = {
-  render: args => /*#__PURE__*/React.createElement(Stateful, args),
-  args: {
-    title: 'Peso',
-    placeholder: '0',
-    suffix: 'kg',
-    version: 'V1'
-  },
-  name: 'Con sufijo'
-};
-export const ConIconoIzquierdo = {
-  render: args => /*#__PURE__*/React.createElement(Stateful, args),
-  args: {
-    title: 'Búsqueda',
-    placeholder: 'Buscá...',
-    LeftIcon: Search,
-    version: 'V1'
-  },
-  name: 'Con ícono izquierdo'
-};
-export const ConIconoDerecho = {
-  render: args => /*#__PURE__*/React.createElement(Stateful, args),
-  args: {
-    title: 'Contraseña',
-    placeholder: '••••••••',
-    type: 'password',
-    RightIcon: Visibility,
-    version: 'V1'
-  },
-  name: 'Con ícono derecho'
-};
-export const ConTooltip = {
-  args: {
-    title: 'CUIT',
-    placeholder: '20-12345678-9',
-    tooltip: 'Ingresá tu CUIT sin guiones. Se validará el formato automáticamente.',
-    version: 'V1'
-  },
-  name: 'Con tooltip'
-};
-export const Pequeno = {
-  render: args => /*#__PURE__*/React.createElement(Stateful, args),
-  args: {
-    title: 'Código',
-    placeholder: 'ABC-123',
-    inputSize: 'small',
-    titleVariant: 'small',
-    version: 'V1'
-  },
-  name: 'Pequeño'
-};
-export const Contrasena = {
-  render: args => /*#__PURE__*/React.createElement(Stateful, args),
-  args: {
-    title: 'Contraseña',
-    placeholder: 'Ingresá tu contraseña',
-    type: 'password',
-    RightIcon: Lock,
-    version: 'V1'
-  },
-  name: 'Contraseña'
-};
-export const SoloNumeros = {
-  render: args => /*#__PURE__*/React.createElement(Stateful, args),
-  args: {
-    title: 'Número de teléfono',
-    placeholder: '11 1234-5678',
-    type: 'numeric',
-    version: 'V1'
-  },
-  name: 'Solo números'
-};

package/dist/esm/components/UTTextInput/versions/V1/README.md

@@ -1,89 +0,0 @@
-# UTTextInput
-
-## Description
-
-`UTTextInput` is a configurable text input component that supports various customization options such as icons, validation messages, and action buttons. This component is based on Material UI and can be adapted for both single-line inputs and multi-line text areas.
-
-## Props
-
-
-| Name                  | Type                                                      | Default | Description                                                                                             |
-| --------------------- | --------------------------------------------------------- | ------- | ------------------------------------------------------------------------------------------------------- |
-| action                | object                                                    |         | Configuration for the action button that appears at the end of the input.                               |
-| alwaysShowPlaceholder | bool                                                      | false   | Whether the placeholder should always be displayed, even when the input is focused.                     |
-| autocomplete          | string                                                    |         | Indicates the type of values ​​that are expected as a value. Enables the browser to offer suggestions     |
-| blurOnSubmit          | bool                                                      | false   | Whether the input should lose focus after submitting (e.g., after pressing "Enter").                    |
-| classNames            | objectOf(string)                                          |         | Additional classes for customizing the component, independent of Material-UI.                           |
-| dataTestId            | string                                                    |         | Identifier for the input field, useful for testing purposes.                                            |
-| disabled              | bool                                                      | false   | Disables the input field.                                                                               |
-| error                 | string                                                    |         | Error message displayed below the input field.                                                          |
-| helpText              | string                                                    |         | Help text displayed below the input field.                                                              |
-| id                    | string                                                    |         | Unique identifier for the input field.                                                                  |
-| inputRef              | oneOfType([func, object])                                 |         | Reference to the input field to access methods like`focus`, `blur`, or `clear`.                         |
-| inputSize             | string                                                    | 'large' | Size of the input field. One of:`small`, `large`.                                                       |
-| maxLength             | number                                                    |         | Maximum number of characters allowed in the input field.                                                |
-| maxRows               | number                                                    | 1       | Maximum number of rows the text area can display. If greater than 1, the input becomes a text area.     |
-| name                  | string                                                    |         | Name of the field. Native attribute of the html input element.
-| onBlur                | func                                                      |         | Function called when the input field loses focus.                                                       |
-| onChange              | func                                                      |         | Function called when the input field value changes.                                                     |
-| onFocus               | func                                                      |         | Function called when the input field gains focus.                                                       |
-| onKeyDown             | func                                                      |         | Function called when the input field receives keydown actions                                           |
-| placeholder           | string                                                    |         | Placeholder text displayed when the input field is empty.                                               |
-| prefix                | string                                                    |         | Text displayed before the entered value in the input field.                                             |
-| readOnly              | bool                                                      | false   | Makes the input field read-only.                                                                        |
-| required              | bool                                                      | false   | Marks the input field as required.                                                                      |
-| RightIcon             | elementType                                               |         | Icon displayed on the right side of the input field.                                                    |
-| showCharacterCount    | bool                                                      | false   | Whether the character count should be displayed (if`maxLength` is defined).                             |
-| style                 | shape({ container: object, input: object, root: object }) |         | Style object to customize the input field. Can contain`root`, `container`, `input`, or `action` styles. |
-| suffix                | string                                                    |         | Suffix text to be displayed after the entered value in the input field.                                 |
-| title                 | string                                                    |         | Title displayed above the input field.                                                                  |
-| titleVariant          | string                                                    | 'large' | Variant of the title, can be`small` or `large`.                                                         |
-| tooltip               | string                                                    |         | Tooltip text displayed next to the input field.                                                         |
-| type                  | string                                                    | 'text'  | Type of input field (e.g., 'text', 'password').                                                         |
-| validations           | object                                                    |         | Object containing validation rules to be applied to the input field.                                    |
-| value                 | string                                                    | ''      | Current value of the input field.                                                                       |
-
-### action
-
-The `action` object allows configuring the action button that appears inside the input field, such as a clear or submit icon.
-
-
-| Name     | Type        | Description                                        |
-| -------- | ----------- | -------------------------------------------------- |
-| icon     | elementType | Icon to be displayed in the action button.         |
-| onClick  | func        | Function called when the action button is clicked. |
-| disabled | bool        | Disables the action button.                        |
-| text     | string      | Text displayed inside the action button, if any.   |
-
-### titleVariant
-
-The value of `titleVariant` must be one of the following:
-
-- "small"
-- "large"
-
-### inputSize
-
-The value of `inputSize` must be one of the following:
-
-- "small"
-- "large"
-
-### type
-
-The value of `type` must be one of the following:
-
-- "text"
-- "password"
-
-### Right Icon
-
-If a `RightIcon` is provided and an error occurs, the `RightIcon` will be replaced by an error icon.
-
-### Structure of Validations
-
-For detailed information about the structure of validations, please refer to the UTValidation component documentation.
-
-### Handling Errors
-
-Errors can be displayed below the text input using either the `error` prop or the `validations` prop.

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

@@ -1,26 +0,0 @@
-# UTTracker
-
-### Description
-
-This component displays a vertical stepper intended to track progress
-
-## Props
-
-| Name        | Type              | Default  | Description                                                                                                                                                           |
-| ----------- | ----------------- | -------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
-| title       | string            |          | Displays the title above the tracker.                                                                                                                                 |
-| mode        | card \| flat      | card     | Defines whether the component should display as a card or as the bare components without any background.                                                              |
-| variant     | standard \| error | standard | Defines the color scheme of the tracker steps and the icon on the active step.                                                                                        |
-| steps       | stepsType         |          | Displays a step with a rounded icon on the left for each object received.                                                                                             |
-| currentStep | number            |          | Defines which step will be active, previous ones will be marked as completed while following ones will not. Use 1 for the first step                                  |
-| detailsTab  | detailsType       |          | Defines whether the detailsTab is enabled or not, if it is, it will show the subSteps of each step. The title property shows a message along the tab (card mode only) |
-| subtitle    | string            |          | Displays under the title                                                                                                                                              |
-| description | string            |          | Displays under the subtitle                                                                                                                                           |
-
-### Custom Types
-
-| Type         | Shape                                                                          |
-| ------------ | ------------------------------------------------------------------------------ |
-| stepsType    | `{ id: number, title: string, subtitle: string, subSteps: [...subStepsType] }` |
-| subStepsType | `{ id: number, title: string, subtitle: string }`                              |
-| detailsType  | `{ enabled: bool, title: string }`                                             |