@widergy/energy-ui 3.172.2 → 3.172.3

package/dist/components/UTAlert/stories/UTAlert.stories.js

@@ -1,239 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.TopRight = exports.Test = exports.SinIcono = exports.Playground = exports.ConMarkdown = exports.AllTypes = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _UTButton = _interopRequireDefault(require("../../UTButton"));
-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); }
-const composeContent = _ref => {
-  let {
-    message,
-    open,
-    timeDuration,
-    topRight,
-    type
-  } = _ref;
-  return {
-    message,
-    open,
-    timeDuration,
-    topRight,
-    type
-  };
-};
-const AllTypesDemo = () => {
-  const [alertState, setAlertState] = (0, _react.useState)({
-    open: false
-  });
-  const showAlert = type => setAlertState({
-    message: "Alerta de tipo: ".concat(type),
-    open: true,
-    type
-  });
-  const handleClose = () => setAlertState(prev => ({
-    ...prev,
-    open: false
-  }));
-  return /*#__PURE__*/_react.default.createElement("div", {
-    style: {
-      display: 'flex',
-      gap: '8px'
-    }
-  }, _storiesConstants.ALERT_TYPES.map(type => /*#__PURE__*/_react.default.createElement(_UTButton.default, {
-    key: type,
-    onClick: () => showAlert(type),
-    variant: "outlined"
-  }, type)), /*#__PURE__*/_react.default.createElement(_.default, {
-    content: {
-      ...alertState,
-      onClose: handleClose
-    }
-  }));
-};
-var _default = exports.default = {
-  args: {
-    message: 'Este es un mensaje de alerta de ejemplo.',
-    open: true,
-    timeDuration: undefined,
-    topRight: false,
-    type: 'success',
-    withoutIcon: false
-  },
-  argTypes: _storiesConstants.ARG_TYPES,
-  component: _.default,
-  parameters: {
-    controls: {
-      exclude: ['classes', 'closeDataTestId', 'labelDataTestId']
-    },
-    docs: {
-      description: {
-        component: 'Componente de alerta tipo Snackbar para mostrar notificaciones al usuario. Soporta cuatro tipos (success, error, info, warning), markdown en el mensaje y posicionamiento configurable. Se usa habitualmente junto al `AlertHandler` singleton para disparar alertas desde cualquier lugar de la aplicación.'
-      }
-    }
-  },
-  title: 'Energy-UI/UTAlert'
-};
-const Playground = exports.Playground = {
-  name: 'Playground',
-  render: _ref2 => {
-    let {
-      message,
-      open,
-      timeDuration,
-      topRight,
-      type,
-      withoutIcon
-    } = _ref2;
-    return /*#__PURE__*/_react.default.createElement(_.default, {
-      content: composeContent({
-        message,
-        open,
-        timeDuration,
-        topRight,
-        type
-      }),
-      withoutIcon: withoutIcon
-    });
-  }
-};
-const AllTypes = exports.AllTypes = {
-  name: 'Todos los Tipos',
-  parameters: {
-    docs: {
-      description: {
-        story: 'Hacé clic en cada botón para ver el tipo de alerta correspondiente.'
-      }
-    }
-  },
-  render: () => /*#__PURE__*/_react.default.createElement(AllTypesDemo, null)
-};
-const TopRight = exports.TopRight = {
-  args: {
-    message: 'Esta alerta aparece en la esquina superior derecha.',
-    open: true,
-    topRight: true,
-    type: 'info'
-  },
-  name: 'Posición Superior Derecha',
-  parameters: {
-    docs: {
-      description: {
-        story: 'Con `topRight: true` en el objeto `content`, la alerta aparece en la esquina superior derecha con animación de slide desde la derecha.'
-      }
-    }
-  },
-  render: _ref3 => {
-    let {
-      message,
-      open,
-      timeDuration,
-      topRight,
-      type,
-      withoutIcon
-    } = _ref3;
-    return /*#__PURE__*/_react.default.createElement(_.default, {
-      content: composeContent({
-        message,
-        open,
-        timeDuration,
-        topRight,
-        type
-      }),
-      withoutIcon: withoutIcon
-    });
-  }
-};
-const SinIcono = exports.SinIcono = {
-  args: {
-    message: 'Alerta sin ícono de tipo.',
-    open: true,
-    type: 'warning',
-    withoutIcon: true
-  },
-  name: 'Sin Ícono',
-  parameters: {
-    docs: {
-      description: {
-        story: 'Con `withoutIcon: true` se oculta el ícono del tipo de alerta.'
-      }
-    }
-  },
-  render: _ref4 => {
-    let {
-      message,
-      open,
-      timeDuration,
-      topRight,
-      type,
-      withoutIcon
-    } = _ref4;
-    return /*#__PURE__*/_react.default.createElement(_.default, {
-      content: composeContent({
-        message,
-        open,
-        timeDuration,
-        topRight,
-        type
-      }),
-      withoutIcon: withoutIcon
-    });
-  }
-};
-const ConMarkdown = exports.ConMarkdown = {
-  args: {
-    message: 'Operación completada. El archivo **reporte_enero.pdf** fue generado *exitosamente*.',
-    open: true,
-    type: 'success'
-  },
-  name: 'Con Markdown',
-  parameters: {
-    docs: {
-      description: {
-        story: 'El campo `message` soporta sintaxis markdown. El texto se renderiza a través de `UTLabel` con `withMarkdown`.'
-      }
-    }
-  },
-  render: _ref5 => {
-    let {
-      message,
-      open,
-      timeDuration,
-      topRight,
-      type,
-      withoutIcon
-    } = _ref5;
-    return /*#__PURE__*/_react.default.createElement(_.default, {
-      content: composeContent({
-        message,
-        open,
-        timeDuration,
-        topRight,
-        type
-      }),
-      withoutIcon: withoutIcon
-    });
-  }
-};
-const Test = exports.Test = {
-  name: 'Test',
-  parameters: {
-    docs: {
-      description: {
-        story: 'Story para el Test Runner. Renderiza los cuatro tipos de alerta simultáneamente.'
-      }
-    }
-  },
-  render: () => /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, _storiesConstants.ALERT_TYPES.map(type => /*#__PURE__*/_react.default.createElement(_.default, {
-    key: type,
-    content: {
-      message: "Alerta ".concat(type),
-      open: true,
-      type
-    }
-  })))
-};

package/dist/components/UTAttachmentList/UTAttachmentList.stories.js

@@ -1,334 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.ReadOnly = exports.Playground = void 0;
-var _utils = require("stories/utils");
-var _ = _interopRequireDefault(require("."));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-var _default = exports.default = {
-  args: {
-    acceptedFileTypes: 'image/*,.pdf',
-    disabled: false,
-    fieldTypes: ['image'],
-    input: {
-      value: null,
-      onChange: () => {}
-    },
-    maxFileSize: 5242880
-  },
-  argTypes: {
-    acceptedFileTypes: {
-      description: 'Tipos de archivo aceptados (MIME types).',
-      table: {
-        defaultValue: {
-          summary: 'image/*,.pdf'
-        },
-        type: {
-          summary: 'string'
-        }
-      }
-    },
-    actions: {
-      description: 'Array de acciones personalizadas (botones) para agregar al componente.',
-      table: {
-        defaultValue: {
-          summary: 'undefined'
-        },
-        type: {
-          summary: 'array'
-        }
-      }
-    },
-    allowedPDFUploadSizes: {
-      description: 'Array con las dimensiones permitidas para archivos PDF.',
-      table: {
-        defaultValue: {
-          summary: 'undefined'
-        },
-        type: {
-          summary: (0, _utils.joinArgTypes)(['{ name: string, heightInPt: number, widthInPt: number, tolerance: number }'])
-        }
-      }
-    },
-    classes: {
-      description: 'Clases personalizadas para los elementos del componente.',
-      table: {
-        defaultValue: {
-          summary: 'undefined'
-        },
-        type: {
-          summary: (0, _utils.joinArgTypes)(['container', 'previewContainer', 'filesIcon', 'errorContainer'])
-        }
-      }
-    },
-    containerClassname: {
-      description: 'Clase personalizada para el contenedor.',
-      table: {
-        defaultValue: {
-          summary: 'undefined'
-        },
-        type: {
-          summary: 'string'
-        }
-      }
-    },
-    customValidation: {
-      description: 'Función de validación personalizada para los archivos.',
-      table: {
-        defaultValue: {
-          summary: 'undefined'
-        },
-        type: {
-          summary: 'func'
-        }
-      }
-    },
-    dataTestId: {
-      description: 'ID de prueba para el input de archivo.',
-      table: {
-        defaultValue: {
-          summary: 'undefined'
-        },
-        type: {
-          summary: 'string'
-        }
-      }
-    },
-    deleteDataTestId: {
-      description: 'ID de prueba para el botón de eliminar archivo.',
-      table: {
-        defaultValue: {
-          summary: 'undefined'
-        },
-        type: {
-          summary: 'string'
-        }
-      }
-    },
-    disabled: {
-      control: 'boolean',
-      description: 'Si el componente está deshabilitado.',
-      table: {
-        defaultValue: {
-          summary: 'false'
-        },
-        type: {
-          summary: 'boolean'
-        }
-      }
-    },
-    readOnly: {
-      control: 'boolean',
-      description: 'Modo solo lectura. Oculta el área de carga y el ícono de eliminar. Muestra los archivos con preview y botón de descarga.',
-      table: {
-        defaultValue: {
-          summary: 'false'
-        },
-        type: {
-          summary: 'boolean'
-        }
-      }
-    },
-    disableResize: {
-      control: 'boolean',
-      description: 'Deshabilita el redimensionamiento automático de imágenes.',
-      table: {
-        defaultValue: {
-          summary: 'false'
-        },
-        type: {
-          summary: 'boolean'
-        }
-      }
-    },
-    errorClassname: {
-      description: 'Clase personalizada para los mensajes de error.',
-      table: {
-        defaultValue: {
-          summary: 'undefined'
-        },
-        type: {
-          summary: 'string'
-        }
-      }
-    },
-    field: {
-      description: 'Configuración del campo con propiedades como help_text, max_file_size, accepted_file_types y max_files.',
-      table: {
-        defaultValue: {
-          summary: 'undefined'
-        },
-        type: {
-          summary: 'object'
-        }
-      }
-    },
-    fieldTypes: {
-      description: 'Array con los tipos de campo permitidos.',
-      table: {
-        defaultValue: {
-          summary: '[]'
-        },
-        type: {
-          summary: 'array'
-        }
-      }
-    },
-    hideLabels: {
-      description: 'Oculta las etiquetas del componente.',
-      table: {
-        defaultValue: {
-          summary: 'undefined'
-        },
-        type: {
-          summary: 'string'
-        }
-      }
-    },
-    icon: {
-      description: 'Ícono personalizado para el componente.',
-      table: {
-        defaultValue: {
-          summary: 'undefined'
-        },
-        type: {
-          summary: 'ReactNode'
-        }
-      }
-    },
-    input: {
-      description: 'Objeto con value (archivos) y onChange (callback).',
-      table: {
-        defaultValue: {
-          summary: '{ value: null, onChange: () => {} }'
-        },
-        type: {
-          summary: '{ value: File | string | array, onChange: function }'
-        }
-      }
-    },
-    loadingTextClassname: {
-      description: 'Clase personalizada para el texto de carga.',
-      table: {
-        defaultValue: {
-          summary: 'undefined'
-        },
-        type: {
-          summary: 'string'
-        }
-      }
-    },
-    maxFileSize: {
-      control: 'number',
-      description: 'Tamaño máximo de archivo en bytes.',
-      table: {
-        defaultValue: {
-          summary: '99999999'
-        },
-        type: {
-          summary: 'number'
-        }
-      }
-    },
-    onLoaded: {
-      description: 'Callback que se ejecuta cuando los archivos se han cargado. Recibe como primer argumento el array de File objects resultante.',
-      table: {
-        defaultValue: {
-          summary: 'undefined'
-        },
-        type: {
-          summary: 'function'
-        }
-      }
-    },
-    notifyOnInitialLoad: {
-      control: 'boolean',
-      description: 'Cuando es false, suprime el input.onChange que ocurre al terminar de cargar URLs como initialValues, evitando que el formulario se marque como dirty. onLoaded(files) sigue disponible para que el consumidor actualice el form state si lo necesita. Default: true (comportamiento existente).',
-      table: {
-        defaultValue: {
-          summary: 'true'
-        },
-        type: {
-          summary: 'boolean'
-        }
-      }
-    },
-    previewDataTestId: {
-      description: 'ID de prueba para el contenedor de vista previa.',
-      table: {
-        defaultValue: {
-          summary: 'undefined'
-        },
-        type: {
-          summary: 'string'
-        }
-      }
-    },
-    resizeConfig: {
-      description: 'Configuración para el redimensionamiento de imágenes.',
-      table: {
-        defaultValue: {
-          summary: 'undefined'
-        },
-        type: {
-          summary: '{ type: string, maxWidth: number, maxHeight: number }'
-        }
-      }
-    },
-    sanitize: {
-      description: 'Función para sanitizar archivos antes de procesarlos.',
-      table: {
-        defaultValue: {
-          summary: 'undefined'
-        },
-        type: {
-          summary: 'function'
-        }
-      }
-    },
-    titleVariant: {
-      description: 'Variante de estilo para el título del componente.',
-      table: {
-        defaultValue: {
-          summary: 'undefined'
-        },
-        type: {
-          summary: 'string'
-        }
-      }
-    }
-  },
-  component: _.default,
-  parameters: {
-    controls: {
-      exclude: ['classes', 'customValidation', 'field', 'icon', 'input', 'onLoaded', 'resizeConfig', 'sanitize']
-    },
-    docs: {
-      description: {
-        component: 'Componente para la carga y gestión de archivos adjuntos. Soporta validación de formato, tamaño, y vista previa de imágenes, videos, audio y PDFs.'
-      }
-    }
-  },
-  title: 'Energy-UI/UTAttachmentList'
-};
-const Playground = exports.Playground = {
-  name: 'Playground'
-};
-const ReadOnly = exports.ReadOnly = {
-  args: {
-    readOnly: true,
-    input: {
-      value: [{
-        url: 'https://picsum.photos/seed/energy/200/200',
-        name: 'imagen-ejemplo.jpg'
-      }, {
-        url: 'https://invalid-url-to-test-error.example/doc.pdf',
-        name: 'documento-error.pdf'
-      }],
-      onChange: () => {}
-    }
-  },
-  name: 'ReadOnly'
-};

package/dist/components/UTAvatar/stories/UTAvatar.stories.js

@@ -1,38 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.Playground = void 0;
-var _index = _interopRequireDefault(require("../index"));
-var _storiesConstants = require("./storiesConstants");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-var _default = exports.default = {
-  title: 'Energy-UI/UTAvatar',
-  component: _index.default,
-  args: {
-    userName: undefined,
-    className: undefined,
-    labelProps: undefined,
-    iconProps: undefined,
-    palette: undefined,
-    ..._storiesConstants.COMMON_ARGS
-  },
-  argTypes: {
-    ..._storiesConstants.COMMON_ARG_TYPES
-  },
-  parameters: {
-    ..._storiesConstants.COMMON_PARAMETERS,
-    options: {
-      storySort: {
-        method: 'alphabetical'
-      }
-    }
-  }
-};
-const Playground = exports.Playground = {
-  args: {
-    userName: 'John Doe'
-  },
-  name: 'Playground'
-};

package/dist/components/UTAvatar/stories/UTAvatarColors.stories.js

@@ -1,91 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.SameNameConsistentColor = exports.ManualColors = exports.DifferentNames = exports.AutomaticColors = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _index = _interopRequireDefault(require("../index"));
-var _storiesConstants = require("./storiesConstants");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-var _default = exports.default = {
-  title: 'Energy-UI/UTAvatar/Colors',
-  component: _index.default,
-  args: {
-    ..._storiesConstants.COMMON_ARGS
-  },
-  argTypes: {
-    ..._storiesConstants.COMMON_ARG_TYPES
-  },
-  parameters: {
-    ..._storiesConstants.COMMON_PARAMETERS
-  }
-};
-const AutomaticColors = exports.AutomaticColors = {
-  args: {
-    userName: 'John Doe',
-    manualColors: false
-  }
-};
-const ManualColors = exports.ManualColors = {
-  args: {
-    userName: 'Manual Colors',
-    manualColors: true
-  }
-};
-const DifferentNames = exports.DifferentNames = {
-  render: () => /*#__PURE__*/_react.default.createElement("div", {
-    style: {
-      display: 'flex',
-      gap: '16px',
-      alignItems: 'center',
-      flexWrap: 'wrap'
-    }
-  }, /*#__PURE__*/_react.default.createElement(_index.default, {
-    userName: "Alice"
-  }), /*#__PURE__*/_react.default.createElement(_index.default, {
-    userName: "Bob"
-  }), /*#__PURE__*/_react.default.createElement(_index.default, {
-    userName: "Charlie"
-  }), /*#__PURE__*/_react.default.createElement(_index.default, {
-    userName: "Diana"
-  }), /*#__PURE__*/_react.default.createElement(_index.default, {
-    userName: "Edward"
-  }), /*#__PURE__*/_react.default.createElement(_index.default, {
-    userName: "Fiona"
-  }), /*#__PURE__*/_react.default.createElement(_index.default, {
-    userName: "George"
-  }), /*#__PURE__*/_react.default.createElement(_index.default, {
-    userName: "Hannah"
-  }), /*#__PURE__*/_react.default.createElement(_index.default, {
-    userName: "Isaac"
-  }), /*#__PURE__*/_react.default.createElement(_index.default, {
-    userName: "Julia"
-  }), /*#__PURE__*/_react.default.createElement(_index.default, {
-    userName: "Kevin"
-  }), /*#__PURE__*/_react.default.createElement(_index.default, {
-    userName: "Laura"
-  }))
-};
-const SameNameConsistentColor = exports.SameNameConsistentColor = {
-  render: () => /*#__PURE__*/_react.default.createElement("div", {
-    style: {
-      display: 'flex',
-      gap: '16px',
-      alignItems: 'center',
-      flexWrap: 'wrap'
-    }
-  }, /*#__PURE__*/_react.default.createElement(_index.default, {
-    userName: "Doe John"
-  }), /*#__PURE__*/_react.default.createElement(_index.default, {
-    userName: "Doe John"
-  }), /*#__PURE__*/_react.default.createElement(_index.default, {
-    userName: "Doe John"
-  }), /*#__PURE__*/_react.default.createElement(_index.default, {
-    userName: "Smith Jane"
-  }), /*#__PURE__*/_react.default.createElement(_index.default, {
-    userName: "Smith Jane"
-  }), /*#__PURE__*/_react.default.createElement(_index.default, {
-    userName: "Smith Jane"
-  }))
-};