@widergy/energy-ui 3.173.2 → 3.173.4

package/dist/components/UTTextArea/UTTextArea.stories.js

@@ -1,342 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.V0Legado = exports.V0ConTooltip = exports.SoloLectura = exports.Requerido = exports.Playground = exports.Pequeno = exports.MasFilas = exports.Deshabilitado = exports.Default = exports.ConTitulo = exports.ConTextoDeAyuda = exports.ConLimiteDeCaracteres = exports.ConError = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _ = _interopRequireDefault(require("."));
-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); }
-var _default = exports.default = {
-  title: 'Energy-UI/UTTextArea',
-  component: _.default,
-  args: {
-    version: 'V1',
-    placeholder: 'Escribí tu texto aquí...'
-  },
-  argTypes: {
-    version: {
-      control: 'select',
-      description: 'Versión del componente. V1 extiende UTTextInput con soporte para design tokens.',
-      options: ['V0', 'V1'],
-      table: {
-        defaultValue: {
-          summary: 'V0'
-        },
-        type: {
-          summary: "'V0' | 'V1'"
-        }
-      }
-    },
-    title: {
-      control: 'text',
-      description: 'Texto del label que aparece sobre el campo. (solo V1)',
-      table: {
-        defaultValue: {
-          summary: 'undefined'
-        },
-        type: {
-          summary: 'string'
-        }
-      }
-    },
-    placeholder: {
-      control: 'text',
-      description: 'Texto de placeholder que se muestra cuando el campo está vacío.',
-      table: {
-        defaultValue: {
-          summary: 'undefined'
-        },
-        type: {
-          summary: 'string'
-        }
-      }
-    },
-    value: {
-      control: 'text',
-      description: 'Valor actual del campo de texto.',
-      table: {
-        defaultValue: {
-          summary: 'undefined'
-        },
-        type: {
-          summary: 'string'
-        }
-      }
-    },
-    onChange: {
-      action: 'onChange',
-      description: 'Callback que se ejecuta al cambiar el valor del campo.',
-      table: {
-        defaultValue: {
-          summary: 'undefined'
-        },
-        type: {
-          summary: 'func'
-        }
-      }
-    },
-    disabled: {
-      control: 'boolean',
-      description: 'Si es `true`, el campo está deshabilitado y no acepta interacciones.',
-      table: {
-        defaultValue: {
-          summary: 'false'
-        },
-        type: {
-          summary: 'bool'
-        }
-      }
-    },
-    readOnly: {
-      control: 'boolean',
-      description: 'Si es `true`, el campo muestra el valor pero no permite editarlo.',
-      table: {
-        defaultValue: {
-          summary: 'false'
-        },
-        type: {
-          summary: 'bool'
-        }
-      }
-    },
-    required: {
-      control: 'boolean',
-      description: 'Si es `true`, muestra un indicador `*` junto al label. (solo V1)',
-      table: {
-        defaultValue: {
-          summary: 'false'
-        },
-        type: {
-          summary: 'bool'
-        }
-      }
-    },
-    error: {
-      control: 'text',
-      description: 'Mensaje de error. Si se pasa un string, se muestra como validación debajo del campo. (solo V1)',
-      table: {
-        defaultValue: {
-          summary: 'undefined'
-        },
-        type: {
-          summary: 'string | bool'
-        }
-      }
-    },
-    helpText: {
-      control: 'text',
-      description: 'Texto de ayuda que se muestra debajo del campo en color gris. (solo V1)',
-      table: {
-        defaultValue: {
-          summary: 'undefined'
-        },
-        type: {
-          summary: 'string'
-        }
-      }
-    },
-    maxLength: {
-      control: 'number',
-      description: 'Límite máximo de caracteres. En V1 habilita el contador de caracteres automáticamente.',
-      table: {
-        defaultValue: {
-          summary: 'undefined'
-        },
-        type: {
-          summary: 'number'
-        }
-      }
-    },
-    maxRows: {
-      control: 'number',
-      description: 'Cantidad máxima de filas visibles antes de activar el scroll.',
-      table: {
-        defaultValue: {
-          summary: '4'
-        },
-        type: {
-          summary: 'number'
-        }
-      }
-    },
-    inputSize: {
-      control: 'select',
-      description: 'Tamaño del campo de texto. Afecta el padding interno. (solo V1)',
-      options: ['medium', 'small'],
-      table: {
-        defaultValue: {
-          summary: 'medium'
-        },
-        type: {
-          summary: "'medium' | 'small'"
-        }
-      }
-    },
-    titleVariant: {
-      control: 'select',
-      description: 'Tamaño del label del campo. (solo V1)',
-      options: ['large', 'small'],
-      table: {
-        defaultValue: {
-          summary: 'large'
-        },
-        type: {
-          summary: "'large' | 'small'"
-        }
-      }
-    },
-    tooltip: {
-      control: 'text',
-      description: 'Texto del tooltip que aparece al hacer hover sobre el ícono de ayuda. (V0)',
-      table: {
-        defaultValue: {
-          summary: 'undefined'
-        },
-        type: {
-          summary: 'string'
-        }
-      }
-    }
-  },
-  parameters: {
-    docs: {
-      description: {
-        component: 'UTTextArea es un campo de texto multilínea. La versión V1 extiende UTTextInput con `showCharacterCount=true` y `maxRows=4` por defecto. La versión V0 es la implementación legada con estilos propios.'
-      }
-    }
-  }
-};
-const StatefulTextArea = args => {
-  var _args$value;
-  const [value, setValue] = (0, _react.useState)((_args$value = args.value) !== null && _args$value !== void 0 ? _args$value : '');
-  return /*#__PURE__*/_react.default.createElement(_.default, _extends({}, args, {
-    value: value,
-    onChange: setValue
-  }));
-};
-const Playground = exports.Playground = {
-  render: args => /*#__PURE__*/_react.default.createElement(StatefulTextArea, args),
-  args: {
-    title: 'Descripción',
-    placeholder: 'Escribí tu texto aquí...',
-    maxLength: 200,
-    maxRows: 4,
-    version: 'V1'
-  },
-  name: 'Playground'
-};
-const Default = exports.Default = {
-  args: {
-    placeholder: 'Escribí tu texto aquí...',
-    version: 'V1'
-  }
-};
-const ConTitulo = exports.ConTitulo = {
-  args: {
-    title: 'Motivo de contacto',
-    placeholder: 'Describí tu consulta...',
-    version: 'V1'
-  },
-  name: 'Con título'
-};
-const Requerido = exports.Requerido = {
-  args: {
-    title: 'Motivo de contacto',
-    placeholder: 'Este campo es obligatorio',
-    required: true,
-    version: 'V1'
-  }
-};
-const ConError = exports.ConError = {
-  args: {
-    title: 'Descripción',
-    placeholder: 'Escribí tu texto aquí...',
-    value: 'Texto con error',
-    error: 'El texto ingresado no cumple con el formato requerido.',
-    version: 'V1'
-  },
-  name: 'Con error'
-};
-const Deshabilitado = exports.Deshabilitado = {
-  args: {
-    title: 'Descripción',
-    placeholder: 'Campo deshabilitado',
-    disabled: true,
-    version: 'V1'
-  }
-};
-const SoloLectura = exports.SoloLectura = {
-  args: {
-    title: 'Observaciones',
-    value: 'Este es un texto de solo lectura que no puede ser editado por el usuario, solo visualizado.',
-    readOnly: true,
-    version: 'V1'
-  },
-  name: 'Solo lectura'
-};
-const ConTextoDeAyuda = exports.ConTextoDeAyuda = {
-  args: {
-    title: 'Descripción',
-    placeholder: 'Escribí una breve descripción...',
-    helpText: 'Máximo 500 caracteres. No incluyas datos personales.',
-    version: 'V1'
-  },
-  name: 'Con texto de ayuda'
-};
-const ConLimiteDeCaracteres = exports.ConLimiteDeCaracteres = {
-  render: args => /*#__PURE__*/_react.default.createElement(StatefulTextArea, args),
-  args: {
-    title: 'Descripción',
-    placeholder: 'Escribí tu texto aquí...',
-    maxLength: 100,
-    maxRows: 4,
-    version: 'V1'
-  },
-  name: 'Con límite de caracteres'
-};
-const Pequeno = exports.Pequeno = {
-  args: {
-    title: 'Comentario',
-    placeholder: 'Comentario corto...',
-    inputSize: 'small',
-    titleVariant: 'small',
-    maxLength: 80,
-    version: 'V1'
-  },
-  name: 'Pequeño'
-};
-const MasFilas = exports.MasFilas = {
-  render: args => /*#__PURE__*/_react.default.createElement(StatefulTextArea, args),
-  args: {
-    title: 'Descripción extendida',
-    placeholder: 'El área crece hasta 8 filas...',
-    maxRows: 8,
-    maxLength: 500,
-    version: 'V1'
-  },
-  name: 'Más filas (maxRows=8)'
-};
-const V0Legado = exports.V0Legado = {
-  args: {
-    title: 'Descripción',
-    placeholder: 'Versión legada V0...',
-    version: 'V0',
-    value: '',
-    onChange: () => {}
-  },
-  name: 'V0 (legado)'
-};
-const V0ConTooltip = exports.V0ConTooltip = {
-  args: {
-    title: 'Observaciones',
-    placeholder: 'Escribí tus observaciones...',
-    tooltip: 'Este campo se usa para registrar observaciones adicionales sobre el caso.',
-    version: 'V0',
-    value: '',
-    onChange: () => {}
-  },
-  name: 'V0 con tooltip'
-};

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

@@ -1,33 +0,0 @@
-# UTTextArea
-
-## Description
-
-`UTTextArea` is a multi-line text input component that extends `UTTextInput`. It is pre-configured to handle multiple rows of text and automatically displays the character count.
-
-## Props
-
-`UTTextArea` inherits all the props from `UTTextInput` and predefines some of them for convenience.
-
-| Name               | Type   | Default | Description                                                       |
-| ------------------ | ------ | ------- | ----------------------------------------------------------------- |
-| maxRows            | number | 4       | The number of rows the text area will display.                    |
-| showCharacterCount | bool   | true    | Whether to display the character count. Always `true` by default. |
-| ...                | ...    | ...     | Inherits all other props from `UTTextInput`.                      |
-
-## Usage
-
-### Basic Example
-
-```javascript
-<UTTextArea placeholder="Enter your text here..." />
-```
-
-### Example with Custom Rows
-
-```javascript
-<UTTextArea maxRows={6} placeholder="Enter a longer text here..." />
-```
-
-## Notes
-
-For more detailed information on inherited props, refer to the documentation for `UTTextInput`.