@widergy/energy-ui 3.172.1 → 3.172.3

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

@@ -1,231 +0,0 @@
-import React, { useState } from 'react';
-import UTButton from '../../UTButton';
-import UTAlert from '..';
-import { ALERT_TYPES, ARG_TYPES } from './storiesConstants';
-const composeContent = _ref => {
-  let {
-    message,
-    open,
-    timeDuration,
-    topRight,
-    type
-  } = _ref;
-  return {
-    message,
-    open,
-    timeDuration,
-    topRight,
-    type
-  };
-};
-const AllTypesDemo = () => {
-  const [alertState, setAlertState] = 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.createElement("div", {
-    style: {
-      display: 'flex',
-      gap: '8px'
-    }
-  }, ALERT_TYPES.map(type => /*#__PURE__*/React.createElement(UTButton, {
-    key: type,
-    onClick: () => showAlert(type),
-    variant: "outlined"
-  }, type)), /*#__PURE__*/React.createElement(UTAlert, {
-    content: {
-      ...alertState,
-      onClose: handleClose
-    }
-  }));
-};
-export default {
-  args: {
-    message: 'Este es un mensaje de alerta de ejemplo.',
-    open: true,
-    timeDuration: undefined,
-    topRight: false,
-    type: 'success',
-    withoutIcon: false
-  },
-  argTypes: ARG_TYPES,
-  component: UTAlert,
-  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'
-};
-export const Playground = {
-  name: 'Playground',
-  render: _ref2 => {
-    let {
-      message,
-      open,
-      timeDuration,
-      topRight,
-      type,
-      withoutIcon
-    } = _ref2;
-    return /*#__PURE__*/React.createElement(UTAlert, {
-      content: composeContent({
-        message,
-        open,
-        timeDuration,
-        topRight,
-        type
-      }),
-      withoutIcon: withoutIcon
-    });
-  }
-};
-export const 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.createElement(AllTypesDemo, null)
-};
-export const 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.createElement(UTAlert, {
-      content: composeContent({
-        message,
-        open,
-        timeDuration,
-        topRight,
-        type
-      }),
-      withoutIcon: withoutIcon
-    });
-  }
-};
-export const 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.createElement(UTAlert, {
-      content: composeContent({
-        message,
-        open,
-        timeDuration,
-        topRight,
-        type
-      }),
-      withoutIcon: withoutIcon
-    });
-  }
-};
-export const 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.createElement(UTAlert, {
-      content: composeContent({
-        message,
-        open,
-        timeDuration,
-        topRight,
-        type
-      }),
-      withoutIcon: withoutIcon
-    });
-  }
-};
-export const Test = {
-  name: 'Test',
-  parameters: {
-    docs: {
-      description: {
-        story: 'Story para el Test Runner. Renderiza los cuatro tipos de alerta simultáneamente.'
-      }
-    }
-  },
-  render: () => /*#__PURE__*/React.createElement(React.Fragment, null, ALERT_TYPES.map(type => /*#__PURE__*/React.createElement(UTAlert, {
-    key: type,
-    content: {
-      message: "Alerta ".concat(type),
-      open: true,
-      type
-    }
-  })))
-};

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

@@ -1,327 +0,0 @@
-import { joinArgTypes } from 'stories/utils';
-import UTAttachmentList from '.';
-export 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: joinArgTypes(['{ name: string, heightInPt: number, widthInPt: number, tolerance: number }'])
-        }
-      }
-    },
-    classes: {
-      description: 'Clases personalizadas para los elementos del componente.',
-      table: {
-        defaultValue: {
-          summary: 'undefined'
-        },
-        type: {
-          summary: 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: UTAttachmentList,
-  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'
-};
-export const Playground = {
-  name: 'Playground'
-};
-export const 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/esm/components/UTAvatar/stories/UTAvatar.stories.js

@@ -1,31 +0,0 @@
-import UTAvatar from '../index';
-import { COMMON_ARG_TYPES, COMMON_ARGS, COMMON_PARAMETERS } from './storiesConstants';
-export default {
-  title: 'Energy-UI/UTAvatar',
-  component: UTAvatar,
-  args: {
-    userName: undefined,
-    className: undefined,
-    labelProps: undefined,
-    iconProps: undefined,
-    palette: undefined,
-    ...COMMON_ARGS
-  },
-  argTypes: {
-    ...COMMON_ARG_TYPES
-  },
-  parameters: {
-    ...COMMON_PARAMETERS,
-    options: {
-      storySort: {
-        method: 'alphabetical'
-      }
-    }
-  }
-};
-export const Playground = {
-  args: {
-    userName: 'John Doe'
-  },
-  name: 'Playground'
-};

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

@@ -1,84 +0,0 @@
-import React from 'react';
-import UTAvatar from '../index';
-import { COMMON_ARG_TYPES, COMMON_ARGS, COMMON_PARAMETERS } from './storiesConstants';
-export default {
-  title: 'Energy-UI/UTAvatar/Colors',
-  component: UTAvatar,
-  args: {
-    ...COMMON_ARGS
-  },
-  argTypes: {
-    ...COMMON_ARG_TYPES
-  },
-  parameters: {
-    ...COMMON_PARAMETERS
-  }
-};
-export const AutomaticColors = {
-  args: {
-    userName: 'John Doe',
-    manualColors: false
-  }
-};
-export const ManualColors = {
-  args: {
-    userName: 'Manual Colors',
-    manualColors: true
-  }
-};
-export const DifferentNames = {
-  render: () => /*#__PURE__*/React.createElement("div", {
-    style: {
-      display: 'flex',
-      gap: '16px',
-      alignItems: 'center',
-      flexWrap: 'wrap'
-    }
-  }, /*#__PURE__*/React.createElement(UTAvatar, {
-    userName: "Alice"
-  }), /*#__PURE__*/React.createElement(UTAvatar, {
-    userName: "Bob"
-  }), /*#__PURE__*/React.createElement(UTAvatar, {
-    userName: "Charlie"
-  }), /*#__PURE__*/React.createElement(UTAvatar, {
-    userName: "Diana"
-  }), /*#__PURE__*/React.createElement(UTAvatar, {
-    userName: "Edward"
-  }), /*#__PURE__*/React.createElement(UTAvatar, {
-    userName: "Fiona"
-  }), /*#__PURE__*/React.createElement(UTAvatar, {
-    userName: "George"
-  }), /*#__PURE__*/React.createElement(UTAvatar, {
-    userName: "Hannah"
-  }), /*#__PURE__*/React.createElement(UTAvatar, {
-    userName: "Isaac"
-  }), /*#__PURE__*/React.createElement(UTAvatar, {
-    userName: "Julia"
-  }), /*#__PURE__*/React.createElement(UTAvatar, {
-    userName: "Kevin"
-  }), /*#__PURE__*/React.createElement(UTAvatar, {
-    userName: "Laura"
-  }))
-};
-export const SameNameConsistentColor = {
-  render: () => /*#__PURE__*/React.createElement("div", {
-    style: {
-      display: 'flex',
-      gap: '16px',
-      alignItems: 'center',
-      flexWrap: 'wrap'
-    }
-  }, /*#__PURE__*/React.createElement(UTAvatar, {
-    userName: "Doe John"
-  }), /*#__PURE__*/React.createElement(UTAvatar, {
-    userName: "Doe John"
-  }), /*#__PURE__*/React.createElement(UTAvatar, {
-    userName: "Doe John"
-  }), /*#__PURE__*/React.createElement(UTAvatar, {
-    userName: "Smith Jane"
-  }), /*#__PURE__*/React.createElement(UTAvatar, {
-    userName: "Smith Jane"
-  }), /*#__PURE__*/React.createElement(UTAvatar, {
-    userName: "Smith Jane"
-  }))
-};

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

@@ -1,44 +0,0 @@
-import React from 'react';
-import UTAvatar from '../index';
-import { SHAPE } from '../constants';
-import { COMMON_ARG_TYPES, COMMON_ARGS, COMMON_PARAMETERS } from './storiesConstants';
-export default {
-  title: 'Energy-UI/UTAvatar/Shapes',
-  component: UTAvatar,
-  args: {
-    ...COMMON_ARGS
-  },
-  argTypes: {
-    ...COMMON_ARG_TYPES
-  },
-  parameters: {
-    ...COMMON_PARAMETERS
-  }
-};
-export const Circle = {
-  args: {
-    userName: 'Isabella Martinez',
-    areaShape: SHAPE.CIRCLE
-  }
-};
-export const Square = {
-  args: {
-    userName: 'Jack Robinson',
-    areaShape: SHAPE.SQUARE
-  }
-};
-export const AllShapes = {
-  render: () => /*#__PURE__*/React.createElement("div", {
-    style: {
-      display: 'flex',
-      gap: '16px',
-      alignItems: 'center'
-    }
-  }, /*#__PURE__*/React.createElement(UTAvatar, {
-    userName: "Circle",
-    areaShape: SHAPE.CIRCLE
-  }), /*#__PURE__*/React.createElement(UTAvatar, {
-    userName: "Square",
-    areaShape: SHAPE.SQUARE
-  }))
-};