@widergy/energy-ui 3.173.3 → 3.173.4

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

@@ -1,336 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.Small = exports.Playground = exports.IconoPersonalizado = exports.Default = exports.ConTestIds = exports.ConIconos = exports.ConIconProps = exports.BotonDeshabilitado = exports.AccionDestructiva = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _ = _interopRequireDefault(require(".."));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-/* eslint-disable no-alert */
-
-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'
-}];
-var _default = exports.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: _.default,
-  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'
-};
-const Playground = exports.Playground = {
-  args: {
-    options: [{
-      name: 'Editar',
-      icon: 'IconPencil'
-    }, {
-      name: 'Duplicar',
-      icon: 'IconCopy'
-    }, {
-      name: 'Eliminar',
-      icon: 'IconTrash',
-      colorTheme: 'error'
-    }]
-  },
-  name: 'Playground'
-};
-const Default = exports.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.'
-      }
-    }
-  }
-};
-const ConIconos = exports.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.'
-      }
-    }
-  }
-};
-const AccionDestructiva = exports.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.'
-      }
-    }
-  }
-};
-const Small = exports.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+.'
-      }
-    }
-  }
-};
-const ConIconProps = exports.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.'
-      }
-    }
-  }
-};
-const ConTestIds = exports.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.'
-      }
-    }
-  }
-};
-const BotonDeshabilitado = exports.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.'
-      }
-    }
-  }
-};
-const IconoPersonalizado = exports.IconoPersonalizado = {
-  args: {
-    Icon: () => /*#__PURE__*/_react.default.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/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/components/UTGraph/UTGraph.mdx

@@ -1,13 +0,0 @@
-import { ArgTypes, Canvas, Description, Meta, Title } from '@storybook/blocks';
-
-import * as UTGraphStories from './UTGraph.stories';
-
-<Meta of={UTGraphStories} />
-
-<Title>UTGraph</Title>
-
-<Description of={UTGraphStories} />
-
-<Canvas of={UTGraphStories.BarAndLineChart} withToolbar name="UTGraph" />
-
-<ArgTypes />

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

@@ -1,69 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.PieChart = exports.DualAxisChart = exports.ContinuousDomainChart = exports.BarAndLineChart = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _reportSchema = _interopRequireDefault(require("./report.schema.json"));
-var _UTGraph = require("./UTGraph.storiesdata");
-var _ = _interopRequireDefault(require("."));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-var _default = exports.default = {
-  title: 'Energy-UI/UTGraph',
-  component: _.default,
-  render: args => /*#__PURE__*/_react.default.createElement("div", {
-    style: {
-      width: '100%',
-      height: 600
-    }
-  }, /*#__PURE__*/_react.default.createElement(_.default, args)),
-  parameters: {
-    jsonschema: {
-      schema: _reportSchema.default
-    },
-    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)'
-    }
-  }
-};
-const BarAndLineChart = exports.BarAndLineChart = {
-  name: 'Bar and Line Chart',
-  args: {
-    meta: _UTGraph.BarAndLineChartData.meta,
-    datasets: _UTGraph.BarAndLineChartData.datasets
-  }
-};
-const DualAxisChart = exports.DualAxisChart = {
-  name: 'Dual Axis Chart',
-  args: {
-    meta: _UTGraph.DualAxisChartData.meta,
-    datasets: _UTGraph.DualAxisChartData.datasets
-  }
-};
-const PieChart = exports.PieChart = {
-  name: 'Pie Chart',
-  args: {
-    meta: _UTGraph.PieChartData.meta,
-    datasets: _UTGraph.PieChartData.datasets
-  }
-};
-const ContinuousDomainChart = exports.ContinuousDomainChart = {
-  name: 'Continuous Domain Chart',
-  args: {
-    meta: _UTGraph.ContinuousDomainChartData.meta,
-    datasets: _UTGraph.ContinuousDomainChartData.datasets
-  }
-};