@widergy/energy-ui 3.172.1 → 3.172.3

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

@@ -1,328 +0,0 @@
-/* eslint-disable no-alert */
-import React from 'react';
-import UTDotMenu from '..';
-const BASIC_OPTIONS = [{
-  name: 'Editar',
-  onPress: () => alert('Editar')
-}, {
-  name: 'Duplicar',
-  onPress: () => alert('Duplicar')
-}, {
-  name: 'Eliminar',
-  onPress: () => alert('Eliminar')
-}];
-const OPTIONS_WITH_ICONS = [{
-  name: 'Editar',
-  onPress: () => alert('Editar'),
-  icon: 'IconPencil'
-}, {
-  name: 'Duplicar',
-  onPress: () => alert('Duplicar'),
-  icon: 'IconCopy'
-}, {
-  name: 'Eliminar',
-  onPress: () => alert('Eliminar'),
-  icon: 'IconTrash',
-  colorTheme: 'error'
-}];
-export default {
-  args: {
-    options: BASIC_OPTIONS
-  },
-  argTypes: {
-    className: {
-      control: 'text',
-      description: 'Clase CSS aplicada al contenedor raíz.',
-      table: {
-        defaultValue: {
-          summary: 'undefined'
-        },
-        type: {
-          summary: 'string'
-        }
-      }
-    },
-    dataTestId: {
-      control: 'text',
-      description: 'Test id del contenedor raíz. El botón trigger recibe automáticamente el valor de esta prop con el sufijo `.button`. ' + 'Cada ítem del menú usa su propio `dataTestId` directamente (sin concatenación con el contenedor).',
-      table: {
-        defaultValue: {
-          summary: 'undefined'
-        },
-        type: {
-          summary: 'string'
-        }
-      }
-    },
-    classNames: {
-      control: false,
-      description: 'Clases personalizadas para el botón trigger. Acepta `button` e `icon`.',
-      table: {
-        defaultValue: {
-          summary: '{}'
-        },
-        type: {
-          summary: 'shape({ button: string, icon: string })'
-        }
-      }
-    },
-    disabled: {
-      control: 'boolean',
-      description: 'Deshabilita el botón trigger. Cuando es `true`, el menú no puede abrirse.',
-      table: {
-        defaultValue: {
-          summary: 'undefined'
-        },
-        type: {
-          summary: 'bool'
-        }
-      }
-    },
-    Icon: {
-      control: 'text',
-      description: 'Ícono del botón trigger. Acepta un nombre de ícono de Tabler (string) o un componente React. Por defecto muestra el ícono de tres puntos verticales (MoreVertIcon).',
-      table: {
-        defaultValue: {
-          summary: 'MoreVertIcon'
-        },
-        type: {
-          summary: 'elementType | string'
-        }
-      }
-    },
-    menuItemProps: {
-      control: false,
-      description: 'Props pasadas a cada `MenuItem` de MUI. Útil para sobreescribir estilos como `minHeight` (ej: `{ style: { minHeight: "auto" } }`).',
-      table: {
-        defaultValue: {
-          summary: 'undefined'
-        },
-        type: {
-          summary: 'object'
-        }
-      }
-    },
-    menuProps: {
-      control: false,
-      description: 'Props pasadas al `Menu` de MUI. El Paper tiene `borderRadius: 8px` por defecto, sobreescribible vía `menuProps.PaperProps`.',
-      table: {
-        defaultValue: {
-          summary: 'undefined'
-        },
-        type: {
-          summary: 'object'
-        }
-      }
-    },
-    options: {
-      control: false,
-      description: 'Array de opciones del menú. Cada opción puede incluir `icon`, `colorTheme`, `iconProps` para props extra a UTIcon, ' + 'y `dataTestId` para identificar el ítem. El test id del ítem se usa directamente tal como se provee en la opción.',
-      table: {
-        defaultValue: {
-          summary: 'undefined'
-        },
-        type: {
-          summary: 'arrayOf(shape({ name, onPress, colorTheme?, dataTestId?, icon?, iconProps? }))'
-        }
-      }
-    },
-    size: {
-      control: 'inline-radio',
-      description: 'Tamaño del botón trigger. Se pasa directamente a UTButton.',
-      options: ['xs', 'small', 'medium', 'large'],
-      table: {
-        defaultValue: {
-          summary: 'undefined'
-        },
-        type: {
-          summary: 'string'
-        }
-      }
-    }
-  },
-  component: UTDotMenu,
-  parameters: {
-    docs: {
-      description: {
-        component: 'Botón de tres puntos que despliega un menú de opciones. Cada opción acepta un ícono (UTIcon) y un colorTheme para el texto, ' + 'lo que permite marcar ítems destructivos (como "Eliminar") con color negativo. ' + 'El ícono del botón trigger también es configurable.'
-      }
-    }
-  },
-  title: 'Energy-UI/UTDotMenu'
-};
-export const Playground = {
-  args: {
-    options: [{
-      name: 'Editar',
-      icon: 'IconPencil'
-    }, {
-      name: 'Duplicar',
-      icon: 'IconCopy'
-    }, {
-      name: 'Eliminar',
-      icon: 'IconTrash',
-      colorTheme: 'error'
-    }]
-  },
-  name: 'Playground'
-};
-export const Default = {
-  args: {
-    options: BASIC_OPTIONS
-  },
-  name: 'Default',
-  parameters: {
-    docs: {
-      description: {
-        story: 'Uso básico: opciones sin ícono ni colorTheme. Comportamiento idéntico a la versión anterior del componente.'
-      }
-    }
-  }
-};
-export const ConIconos = {
-  args: {
-    options: OPTIONS_WITH_ICONS
-  },
-  name: 'Con íconos',
-  parameters: {
-    docs: {
-      description: {
-        story: 'Opciones con ícono a la izquierda del texto. El último ítem usa `colorTheme: "error"` para indicar una acción destructiva.'
-      }
-    }
-  }
-};
-export const AccionDestructiva = {
-  args: {
-    options: [{
-      name: 'Ver detalle',
-      icon: 'IconEye'
-    }, {
-      name: 'Editar',
-      icon: 'IconPencil'
-    }, {
-      name: 'Eliminar',
-      icon: 'IconTrash',
-      colorTheme: 'error'
-    }]
-  },
-  name: 'Acción destructiva',
-  parameters: {
-    docs: {
-      description: {
-        story: '`colorTheme: "error"` aplica el color destructivo del tema activo al texto y al ícono del ítem. ' + 'El color es resuelto internamente por `UTLabel` y `UTIcon`, adaptándose a los 14 temas de cliente.'
-      }
-    }
-  }
-};
-export const Small = {
-  args: {
-    menuItemProps: {
-      style: {
-        minHeight: 'auto'
-      }
-    },
-    options: OPTIONS_WITH_ICONS,
-    size: 'small'
-  },
-  name: 'Small',
-  parameters: {
-    docs: {
-      description: {
-        story: '`size="small"` reduce el botón trigger. `menuItemProps={{ style: { minHeight: "auto" } }}` elimina el `min-height: 48px` que MUI aplica a los ítems en pantallas de 600px+.'
-      }
-    }
-  }
-};
-export const ConIconProps = {
-  args: {
-    options: [{
-      name: 'Editar',
-      icon: 'IconPencil',
-      iconProps: {
-        size: 20
-      }
-    }, {
-      name: 'Duplicar',
-      icon: 'IconCopy',
-      iconProps: {
-        size: 20
-      }
-    }, {
-      name: 'Eliminar',
-      icon: 'IconTrash',
-      colorTheme: 'error',
-      iconProps: {
-        size: 20
-      }
-    }]
-  },
-  name: 'Con iconProps',
-  parameters: {
-    docs: {
-      description: {
-        story: '`iconProps` permite pasar props extra directamente a `UTIcon` (ej: `size`, `shade`, `fillTheme`). ' + 'Si `iconProps` incluye `colorTheme`, sobreescribe el color del ícono sin afectar el color del texto.'
-      }
-    }
-  }
-};
-export const ConTestIds = {
-  args: {
-    dataTestId: 'section.dotMenu',
-    options: [{
-      name: 'Editar',
-      icon: 'IconPencil',
-      dataTestId: 'section.dotMenu.edit'
-    }, {
-      name: 'Duplicar',
-      icon: 'IconCopy',
-      dataTestId: 'section.dotMenu.duplicate'
-    }, {
-      name: 'Eliminar',
-      icon: 'IconTrash',
-      colorTheme: 'error',
-      dataTestId: 'section.dotMenu.delete'
-    }]
-  },
-  name: 'Con test ids',
-  parameters: {
-    docs: {
-      description: {
-        story: 'El contenedor recibe `dataTestId="section.dotMenu"` y el botón trigger recibe `"section.dotMenu.button"` automáticamente. ' + 'Cada ítem usa su propio `dataTestId` tal como se provee, sin concatenación con el contenedor.'
-      }
-    }
-  }
-};
-export const BotonDeshabilitado = {
-  args: {
-    disabled: true,
-    options: BASIC_OPTIONS
-  },
-  name: 'Botón deshabilitado',
-  parameters: {
-    docs: {
-      description: {
-        story: '`disabled={true}` deshabilita el botón trigger. El menú no puede abrirse.'
-      }
-    }
-  }
-};
-export const IconoPersonalizado = {
-  args: {
-    Icon: () => /*#__PURE__*/React.createElement("span", {
-      style: {
-        fontSize: 20,
-        lineHeight: 1
-      }
-    }, "\u22EF"),
-    options: BASIC_OPTIONS
-  },
-  name: 'Ícono trigger personalizado',
-  parameters: {
-    docs: {
-      description: {
-        story: 'La prop `Icon` permite reemplazar el ícono de tres puntos por cualquier componente. ' + 'Por defecto usa `MoreVertIcon` de Material-UI.'
-      }
-    }
-  }
-};

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

@@ -1,25 +0,0 @@
-# UTGoogleAutocomplete
-
-Component used for searching for addresses and getting their details from Google Api.
-
-## Props
-
-
-| Name                  | Type   | Default                                                                        | Description                                                                                                                                                                                                                                                                                                                                                                                              |
-| ----------------------- | -------- | -------------------------------------------------------------------------------- | :--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
-| apiKey                | string |                                                                                | Google Api Key provided.                                                                                                                                                                                                                                                                                                                                                                                 |
-| classes               | string |                                                                                | Classes returned by UTGoogleAutocomplete's own [Theme](./theme.js#L40) `retrieveStyle`.                                                                                                                                                                                                                                                                                                                   |
-| detailErrorLabel      | string | "Hubo un error al intentar recuperar el detalle de la dirección seleccionada" | Message to show when the Google Api places detail service fails.                                                                                                                                                                                                                                                                                                                                         |
-| inputProps            | object |                                                                                | [UTTextInput](../UTTextInput/index.js) inputProps. This allows you to customize the autocomplete input.                                                                                                                                                                                                                                                                                                  |
-| minChar               | number | 3                                                                              | The component won´t call google predictions (Autocomplete service) until the user had entered at least the number indicated by minChar.                                                                                                                                                                                                                                                                 |
-| noResultsLabel        | string | 'No se encuentran resultados. Ingresa una dirección valida.'                  | Message to show to the user when google predictions don´t return anything.                                                                                                                                                                                                                                                                                                                              |
-| predictionsErrorLabel | string | "Hubo un error al intentar recuperar la dirección ingresada"                  | Message to show when the Google Api places autocomplete service fails.                                                                                                                                                                                                                                                                                                                                   |
-| retrieveError         | string | () => {}                                                                       | Func to execute when any google service fails. It retrieves the status code, since google doesn´t return the error message. Check[PlacesServiceStatus](https://developers.google.com/maps/documentation/javascript/reference/places-service?hl=es-419#PlacesServiceStatus) for status descriptions. <br />The ideal case is to use this function to log the error into rollbar so we can be aware of it. |
-| searchRestrictions    | object | {}                                                                             | Autocomplete service restrictions. Check [AutocompletionRequest](https://developers.google.com/maps/documentation/javascript/reference/places-autocomplete-service?hl=es-419#AutocompletionRequest) for more information                                                                                                                                                                                  |
-| setSelectedPlace      | func   | () => {}                                                                       | Func to execute when a result from the predictions is selected.                                                                                                                                                                                                                                                                                                                                          |
-
-### Use
-
-```JSX
-<UTGoogleAutocomplete apiKey={apiKey} />
-```

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

@@ -1,62 +0,0 @@
-import React from 'react';
-import reportSchema from './report.schema.json';
-import { BarAndLineChartData, DualAxisChartData, PieChartData, ContinuousDomainChartData } from './UTGraph.storiesdata';
-import UTGraph from '.';
-export default {
-  title: 'Energy-UI/UTGraph',
-  component: UTGraph,
-  render: args => /*#__PURE__*/React.createElement("div", {
-    style: {
-      width: '100%',
-      height: 600
-    }
-  }, /*#__PURE__*/React.createElement(UTGraph, args)),
-  parameters: {
-    jsonschema: {
-      schema: reportSchema
-    },
-    docs: {
-      description: {
-        component: 'Este componente permite mostrar gráficos en base a una configuración y un set de datos. Soporta gráficos de barras y de líneas (con múltiples barras/líneas apiladas o lado a lado en un mismo período y con orientación vertical u horizontal), gráficos de dona y gráficos de dispersión'
-      }
-    }
-  },
-  argTypes: {
-    meta: {
-      control: 'object',
-      description: 'Configuración del gráfico (para más información sobre el contenido ver la documentación del JSON Schema)'
-    },
-    datasets: {
-      control: 'object',
-      description: 'Datos del gráfico (para más información sobre el contenido ver la documentación del JSON Schema)'
-    }
-  }
-};
-export const BarAndLineChart = {
-  name: 'Bar and Line Chart',
-  args: {
-    meta: BarAndLineChartData.meta,
-    datasets: BarAndLineChartData.datasets
-  }
-};
-export const DualAxisChart = {
-  name: 'Dual Axis Chart',
-  args: {
-    meta: DualAxisChartData.meta,
-    datasets: DualAxisChartData.datasets
-  }
-};
-export const PieChart = {
-  name: 'Pie Chart',
-  args: {
-    meta: PieChartData.meta,
-    datasets: PieChartData.datasets
-  }
-};
-export const ContinuousDomainChart = {
-  name: 'Continuous Domain Chart',
-  args: {
-    meta: ContinuousDomainChartData.meta,
-    datasets: ContinuousDomainChartData.datasets
-  }
-};

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

@@ -1,27 +0,0 @@
-# UTHeader
-
-### Description
-
-This component displays a series of texts in different variants. It also handles a dropdown menu for actions in the top right corner
-
-## Props
-
-| Name              | Type             | Default | Description                                                                                                                                                              |
-| ----------------- | ---------------- | ------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------ |
-| actions           | actionType       |         | Actions to be displayed in a dropdown menu at the top right corner, the first one that has the prop `main` as true will be displayed next to the menu with its own icon. |
-| banner            | bannerType       |         | If present, it will render a banner at the bottom.                                                                                                                       |
-| classes           | object of string |         | Classes returned by UTHeader's own [theme](./theme.js#L40) `retrieveStyle`.                                                                                              |
-| classNames        | object of string |         | Additional classes.                                                                                                                                                      |
-| helpText          | string           |         | Text that will be rendered above the banner.                                                                                                                             |
-| requiredFieldInfo | string           |         | Text to display as a helper for required fields, it will be rendered below the description.                                                                              |
-| subtitle          | string           |         | Text that will be rendered below the title.                                                                                                                              |
-| tagline           | string           |         | Text that will be rendered in uppercase on top of the title.                                                                                                             |
-| title             | string           |         | Text that will be rendered between the stages and the content.                                                                                                           |
-| TitleIcon         | element          |         | Icon that will be rendered on top of the title.                                                                                                                          |
-
-### Custom Types
-
-| Type       | Shape                                                         |
-| ---------- | ------------------------------------------------------------- |
-| actionType | `{ label: string, onClick: func, main: bool, Icon: element }` |
-| bannerType | `{ Icon: element, text: string }`                             |

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

@@ -1,73 +0,0 @@
-# UTIcon
-
-### Description
-
-Icon component using Tabler Icons library.
-
-### Name
-
-The icon name must be with the first letter of each word in uppercase.
-
-### Props
-
-| Name       | Description                                                                                                                                         |
-| ---------- | --------------------------------------------------------------------------------------------------------------------------------------------------- |
-| area       | padding around the icon is shown when it is true. (Default: false).                                                                                 |
-| name       | The name of the icon in TablerIcons                                                                                                                 |
-| classname  | The classname to aplied to the Icon                                                                                                                 |
-| colorTheme | The icon color                                                                                                                                      |
-| dataTestId | Icon's data-testid                                                                                                                                  |
-| shade      | The icon color shade                                                                                                                                |
-| size       | The icon size in px                                                                                                                                 |
-| variant    | It depends on the `area` property and defines whether it should be displayed filled (`default`) or just with a border (`outlined`) around the icon. |
-
-## Fill Theme (optional)
-
-The `fillTheme` prop could be one of these values:
-
-- `accent`
-- `dark`
-- `error`
-- `gray`
-- `information`
-- `light`
-- `negative`
-- `neutral`
-- `success`
-- `warning`
-
-Clarifications:
-
-- Note that not all icons look good with an internal fill color.
-
-## Fill Shade (optional)
-
-The `fillShade` prop must be one of these:
-
-- `01`
-- `02`
-- `03`
-- `04`
-- `05`
-
-Clarifications:
-
-- The default shade is '02' (if 'fillTheme' exists).
-
-### Usage
-
-```javascript
-import React from 'react';
-import { UTIcon } from '@widergy/energy-ui';
-import styles from './styles.module.scss';
-
-const MyComponent = () => {
-  return (
-    <div>
-      <UTIcon name="IconArrowLeft" colorTheme="dark" size={48} className={styles.iconClassname} />
-    </div>
-  );
-};
-
-export default MyComponent;
-```