@widergy/energy-ui 3.172.2 → 3.172.3

package/dist/esm/components/UTDatePicker/versions/V1/stories/UTDatePickerV1.stories.js

@@ -1,299 +0,0 @@
-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); }
-import React, { useEffect, useRef, useState } from 'react';
-import { bool, string } from 'prop-types';
-import UTDatePicker from '../../..';
-import { ERROR_MOCK } from './storiesConstants';
-export default {
-  title: 'Energy-UI/UTDatePicker/V1',
-  component: UTDatePicker,
-  args: {
-    version: 'V1'
-  },
-  decorators: [Story => /*#__PURE__*/React.createElement("div", {
-    style: {
-      maxWidth: 350
-    }
-  }, /*#__PURE__*/React.createElement(Story, null))]
-};
-const ControlledWrapper = _ref => {
-  let {
-    error = '',
-    helpText = '',
-    initialValue = '',
-    readOnly = false,
-    ...props
-  } = _ref;
-  const [value, setValue] = useState(initialValue);
-  return /*#__PURE__*/React.createElement(UTDatePicker, _extends({
-    error: error,
-    helpText: helpText,
-    onChange: setValue,
-    readOnly: readOnly,
-    value: value,
-    version: "V1"
-  }, props));
-};
-ControlledWrapper.propTypes = {
-  error: string,
-  helpText: string,
-  initialValue: string,
-  readOnly: bool
-};
-const FocusStory = () => {
-  const [value, setValue] = useState('');
-  const wrapperRef = useRef(null);
-  useEffect(() => {
-    var _wrapperRef$current;
-    const input = (_wrapperRef$current = wrapperRef.current) === null || _wrapperRef$current === void 0 ? void 0 : _wrapperRef$current.querySelector('[data-testid="UTDatePickerV1.input"]');
-    if (input) input.focus();
-  }, []);
-  return /*#__PURE__*/React.createElement("div", {
-    ref: wrapperRef
-  }, /*#__PURE__*/React.createElement(UTDatePicker, {
-    onChange: setValue,
-    value: value,
-    version: "V1"
-  }));
-};
-const TestSiteStory = () => {
-  const [value, setValue] = useState('');
-  const [errorValue, setErrorValue] = useState('');
-  return /*#__PURE__*/React.createElement("div", {
-    style: {
-      display: 'flex',
-      flexDirection: 'column',
-      gap: '24px',
-      padding: '16px'
-    }
-  }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("p", {
-    style: {
-      marginBottom: 8
-    }
-  }, "Default"), /*#__PURE__*/React.createElement(UTDatePicker, {
-    onChange: setValue,
-    value: value,
-    version: "V1"
-  })), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("p", {
-    style: {
-      marginBottom: 8
-    }
-  }, "Selected (15/06/2024)"), /*#__PURE__*/React.createElement(UTDatePicker, {
-    onChange: () => {},
-    value: "15/06/2024",
-    version: "V1"
-  })), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("p", {
-    style: {
-      marginBottom: 8
-    }
-  }, "Error"), /*#__PURE__*/React.createElement(UTDatePicker, {
-    error: ERROR_MOCK,
-    onChange: setErrorValue,
-    value: errorValue,
-    version: "V1"
-  })), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("p", {
-    style: {
-      marginBottom: 8
-    }
-  }, "Error con valor"), /*#__PURE__*/React.createElement(UTDatePicker, {
-    error: ERROR_MOCK,
-    onChange: () => {},
-    value: "15/06/2024",
-    version: "V1"
-  })), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("p", {
-    style: {
-      marginBottom: 8
-    }
-  }, "ReadOnly con valor"), /*#__PURE__*/React.createElement(UTDatePicker, {
-    onChange: () => {},
-    readOnly: true,
-    value: "20/03/2024",
-    version: "V1"
-  })), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("p", {
-    style: {
-      marginBottom: 8
-    }
-  }, "Disabled"), /*#__PURE__*/React.createElement(UTDatePicker, {
-    disabled: true,
-    onChange: () => {},
-    value: "",
-    version: "V1"
-  })));
-};
-export const Playground = {
-  render: args => /*#__PURE__*/React.createElement(ControlledWrapper, args),
-  argTypes: {
-    variant: {
-      control: 'select',
-      options: ['select', 'picker']
-    },
-    disabled: {
-      control: 'boolean'
-    },
-    error: {
-      control: 'text'
-    },
-    helpText: {
-      control: 'text'
-    },
-    placeholder: {
-      control: 'text'
-    },
-    readOnly: {
-      control: 'boolean'
-    },
-    required: {
-      control: 'boolean'
-    },
-    title: {
-      control: 'text'
-    }
-  },
-  args: {
-    variant: 'select',
-    disabled: false,
-    error: '',
-    helpText: '',
-    placeholder: '',
-    readOnly: false,
-    required: false,
-    title: ''
-  }
-};
-export const Default = {
-  render: () => /*#__PURE__*/React.createElement(ControlledWrapper, null)
-};
-export const Selected = {
-  render: () => /*#__PURE__*/React.createElement(ControlledWrapper, {
-    initialValue: "15/06/2024"
-  })
-};
-export const Focus = {
-  render: () => /*#__PURE__*/React.createElement(FocusStory, null),
-  parameters: {
-    docs: {
-      description: {
-        story: 'Hacer clic en el input para ver el estado focus con el calendario abierto.'
-      }
-    }
-  }
-};
-export const Error = {
-  render: () => /*#__PURE__*/React.createElement(ControlledWrapper, {
-    error: ERROR_MOCK
-  })
-};
-export const ReadOnly = {
-  render: () => /*#__PURE__*/React.createElement(ControlledWrapper, {
-    initialValue: "15/06/2024",
-    readOnly: true
-  })
-};
-export const ReadOnlyEmpty = {
-  render: () => /*#__PURE__*/React.createElement(ControlledWrapper, {
-    readOnly: true
-  })
-};
-const pad = n => String(n).padStart(2, '0');
-const formatDate = d => "".concat(pad(d.getDate()), "/").concat(pad(d.getMonth() + 1), "/").concat(d.getFullYear());
-const addDays = (d, n) => {
-  const r = new Date(d);
-  r.setDate(r.getDate() + n);
-  return r;
-};
-const today = new Date();
-export const WithRange = {
-  render: () => /*#__PURE__*/React.createElement(ControlledWrapper, {
-    range: {
-      minDate: formatDate(addDays(today, -30)),
-      maxDate: formatDate(addDays(today, 30))
-    }
-  })
-};
-export const Disabled = {
-  render: () => /*#__PURE__*/React.createElement(ControlledWrapper, {
-    disabled: true
-  })
-};
-export const WithHelpText = {
-  render: () => /*#__PURE__*/React.createElement(ControlledWrapper, {
-    helpText: "Seleccion\xE1 una fecha dentro del rango permitido."
-  })
-};
-export const WithTitle = {
-  render: () => /*#__PURE__*/React.createElement(ControlledWrapper, {
-    title: "Fecha de nacimiento"
-  })
-};
-export const WithTitleRequired = {
-  render: () => /*#__PURE__*/React.createElement(ControlledWrapper, {
-    required: true,
-    title: "Fecha de nacimiento"
-  })
-};
-export const WithTitleAndError = {
-  render: () => /*#__PURE__*/React.createElement(ControlledWrapper, {
-    error: ERROR_MOCK,
-    title: "Fecha de nacimiento"
-  })
-};
-export const TestSite = {
-  render: () => /*#__PURE__*/React.createElement(TestSiteStory, null)
-};
-export const PickerVariant = {
-  name: 'Variant — Picker',
-  parameters: {
-    docs: {
-      description: {
-        story: 'Variante picker: fondo transparente en default, `light03` al hacer foco, sin borde. Ideal para usar sobre cards o fondos con color. Comparado con la variante select (fondo blanco con borde).'
-      }
-    }
-  },
-  render: () => /*#__PURE__*/React.createElement("div", {
-    style: {
-      display: 'flex',
-      flexDirection: 'column',
-      gap: '2rem',
-      padding: '1rem'
-    }
-  }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("p", {
-    style: {
-      fontSize: '0.7rem',
-      color: '#94a3b8',
-      fontFamily: 'monospace',
-      marginBottom: 4
-    }
-  }, "variant=select (default)"), /*#__PURE__*/React.createElement(ControlledWrapper, {
-    variant: "select"
-  })), /*#__PURE__*/React.createElement("div", {
-    style: {
-      background: '#f1f5f9',
-      borderRadius: '0.5rem',
-      padding: '1rem'
-    }
-  }, /*#__PURE__*/React.createElement("p", {
-    style: {
-      fontSize: '0.7rem',
-      color: '#94a3b8',
-      fontFamily: 'monospace',
-      marginBottom: 4
-    }
-  }, "variant=picker"), /*#__PURE__*/React.createElement(ControlledWrapper, {
-    variant: "picker"
-  })), /*#__PURE__*/React.createElement("div", {
-    style: {
-      background: '#f1f5f9',
-      borderRadius: '0.5rem',
-      padding: '1rem'
-    }
-  }, /*#__PURE__*/React.createElement("p", {
-    style: {
-      fontSize: '0.7rem',
-      color: '#94a3b8',
-      fontFamily: 'monospace',
-      marginBottom: 4
-    }
-  }, "variant=picker con valor seleccionado"), /*#__PURE__*/React.createElement(ControlledWrapper, {
-    initialValue: "15/06/2024",
-    variant: "picker"
-  })))
-};

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

@@ -1,106 +0,0 @@
-# UTDocumentWizard
-
-A component that provides an interactive document viewer with navigable sections. It allows users to explore different sections of a document (like a bill or form) through an intuitive interface with clickable areas and detailed information panels.
-
-## Props
-
-
-| Name        | Type                                                                                                                                           | Default | Description                                                                                                                                                                                                                                                |
-| ------------- | ------------------------------------------------------------------------------------------------------------------------------------------------ | --------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ |
-| classNames  | objectOf(string)                                                                                                                               |         | Additional class names to apply for further styling.                                                                                                                                                                                                       |
-| pages       | array                                                                                                                                          | []      | Array of page objects that define the document pages to be displayed.                                                                                                                                                                                      |
-| scaleConfig | shapeOf({<br />extraSpacingLeft: number, extraSpacingRight: number, extraSpacingTop: number, extraSpacingBottom: number,<br /> scale: number}) | {}      | Object defining rendering scale and padding parameters: includes a numeric `scale` factor and optional `extraSpacingLeft`, `extraSpacingRight`, `extraSpacingTop` and `extraSpacingBottom` values to adjust the zoom level and margins around the content. |
-| sections    | array                                                                                                                                          | []      | Array of section objects that define the interactive areas within each page.                                                                                                                                                                               |
-| labels      | object                                                                                                                                         | {}      | Object containing text labels for UI elements.                                                                                                                                                                                                             |
-
-### pages
-
-Each page object in the `pages` array should have the following structure:
-
-```javascript
-{
-  id: number,       // Unique identifier for the page
-  image: string,    // URL of the page image
-  name: string      // Display name of the page
-}
-```
-
-### sections
-
-Each section object in the `sections` array should have the following structure:
-
-```javascript
-{
-  id: number,                  // Unique identifier for the section
-  page_id: number,             // ID of the page this section       belongs to
-  label: string,               // Short label for the section (e.g., "1", "2")
-  title: string,               // Title of the section
-  description: string,         // Detailed description of the section
-  section_coordinates: array,  // Coordinates [x1, y1, x2, y2] defining the clickable area
-  section_number: number,      // Order number of the section
-}
-```
-
-### translations
-
-The translations object should have the following structure:
-
-```javascript
-{
-  chevronsManagerTitle: string,  // Title for the chevrons manager
-  sectionDetails: {
-    titleDefault: string,       // Default title for section details
-    descriptionDefault: string  // Default description for section details
-  }
-}
-```
-
-## Example Usage
-
-```jsx
-import { UTDocumentWizard } from 'energy-ui';
-
-const pages = [
-  {
-    id: 1,
-    image: 'https://example.com/front.png',
-    name: 'Front'
-  },
-  {
-    id: 2,
-    image: 'https://example.com/back.png',
-    name: 'Back'
-  }
-];
-
-const sections = [
-  {
-    id: 1001,
-    page_id: 1,
-    label: '1',
-    title: 'Section 1',
-    description: 'Description of section 1',
-    section_coordinates: [40, 45, 990, 152],
-    section_number: 1
-  }
-  // ... more sections
-];
-
-const translations = {
-  chevronsManagerTitle: 'Explore your document!',
-  sectionDetails: {
-    titleDefault: 'Explore your document!',
-    descriptionDefault: 'Click on different sections to see detailed information'
-  }
-};
-
-const MyComponent = () => <UTDocumentWizard pages={pages} sections={sections} labels={labels} />;
-```
-
-## Features
-
-- Interactive document navigation
-- Mobile-responsive design
-- Clickable sections with detailed information panels
-- Support for multiple pages
-- Customizable text labels

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

@@ -1,113 +0,0 @@
-# UTDotMenu
-
-Botón de tres puntos verticales que despliega un menú de opciones. Soporta ícono y color de texto por ítem, lo que permite marcar acciones destructivas (ej: "Eliminar") con color negativo. El ícono del botón trigger también es configurable.
-
-## Props
-
-| Prop | Type | Default | Description |
-|------|------|---------|-------------|
-| `className` | `string` | `undefined` | Clase CSS aplicada al contenedor raíz. |
-| `classNames` | `shape({ button, icon })` | `{}` | Clases personalizadas para el botón trigger. |
-| `disabled` | `bool` | `undefined` | Deshabilita el botón trigger. Cuando es `true`, el menú no puede abrirse. |
-| `Icon` | `elementType \| string` | `MoreVertIcon` | Ícono del botón trigger. Acepta un componente React o un nombre de ícono de Tabler (ej: `'IconDotsVertical'`). |
-| `menuItemProps` | `object` | `undefined` | Props pasadas a cada `MenuItem` de MUI. Útil para sobreescribir estilos (ej: `{ style: { minHeight: 'auto' } }`). |
-| `menuProps` | `object` | `undefined` | Props pasadas al componente `Menu` de MUI. El `borderRadius` del Paper es `8px` por defecto y se puede sobreescribir vía `menuProps.PaperProps`. |
-| `options` | `arrayOf(shape)` | `undefined` | Array de opciones del menú. Ver estructura abajo. |
-| `size` | `string` | `undefined` | Tamaño del botón trigger. Se pasa directamente a `UTButton` (ej: `'small'`, `'medium'`). |
-
-### Estructura de `options`
-
-Cada objeto del array puede contener:
-
-| Campo | Type | Required | Description |
-|-------|------|----------|-------------|
-| `name` | `string` | ✅ | Texto que se muestra en el ítem. |
-| `onPress` | `func` | ✅ | Callback ejecutado al hacer click en el ítem. |
-| `colorTheme` | `string` | — | Color del texto e ícono del ítem (ej: `'error'` para rojo). Si se omite, usa el color por defecto del tema. |
-| `icon` | `string` | — | Nombre de ícono para `UTIcon` (ej: `'IconPencil'`, `'IconTrash'`). Si se omite, no se renderiza ícono. |
-| `iconProps` | `object` | — | Props adicionales pasadas directamente a `UTIcon` (ej: `size`, `shade`, `fillTheme`). Si incluye `colorTheme`, sobreescribe el color del ícono sin afectar el texto. |
-
-## Ejemplos
-
-### Uso básico (sin íconos)
-
-```jsx
-<UTDotMenu
-  options={[
-    { name: 'Editar', onPress: handleEdit },
-    { name: 'Duplicar', onPress: handleDuplicate },
-    { name: 'Eliminar', onPress: handleDelete }
-  ]}
-/>
-```
-
-### Con íconos y acción destructiva
-
-```jsx
-<UTDotMenu
-  options={[
-    { name: 'Editar', onPress: handleEdit, icon: 'IconPencil' },
-    { name: 'Duplicar', onPress: handleDuplicate, icon: 'IconCopy' },
-    { name: 'Eliminar', onPress: handleDelete, icon: 'IconTrash', colorTheme: 'error' }
-  ]}
-/>
-```
-
-### Tamaño small y min-height removido
-
-```jsx
-<UTDotMenu
-  size="small"
-  menuItemProps={{ style: { minHeight: 'auto' } }}
-  options={[
-    { name: 'Editar', onPress: handleEdit, icon: 'IconPencil' },
-    { name: 'Eliminar', onPress: handleDelete, icon: 'IconTrash', colorTheme: 'error' }
-  ]}
-/>
-```
-
-### Border radius personalizado en el menu
-
-```jsx
-<UTDotMenu
-  menuProps={{ PaperProps: { style: { borderRadius: 4 } } }}
-  options={[...]}
-/>
-```
-
-### Con `iconProps` para personalizar el ícono
-
-```jsx
-<UTDotMenu
-  options={[
-    { name: 'Editar', onPress: handleEdit, icon: 'IconPencil', iconProps: { size: 20 } },
-    { name: 'Eliminar', onPress: handleDelete, icon: 'IconTrash', colorTheme: 'error' }
-  ]}
-/>
-```
-
-### Con ícono trigger personalizado
-
-```jsx
-import MoreHorizIcon from '@material-ui/icons/MoreHoriz';
-
-<UTDotMenu
-  Icon={MoreHorizIcon}
-  options={[
-    { name: 'Editar', onPress: handleEdit },
-    { name: 'Eliminar', onPress: handleDelete, colorTheme: 'error' }
-  ]}
-/>
-```
-
-## Notas
-
-- `colorTheme` es resuelto internamente por `UTLabel` y `UTIcon`, que adaptan el color al palette del tema activo del cliente. Funciona en los 14 temas sin hardcodear valores hex.
-- `iconProps` se spreadia directamente a `UTIcon`, por lo que acepta cualquier prop válida del componente.
-- Las opciones sin `icon` ni `colorTheme` se comportan igual que en versiones anteriores del componente (backward compatible).
-
-## Componentes relacionados
-
-- **UTButton**: Usado internamente para el botón trigger.
-- **UTIcon**: Usado para renderizar el ícono de cada opción.
-- **UTLabel**: Usado para renderizar el texto de cada opción, maneja `colorTheme` internamente.