@widergy/energy-ui 3.173.3 → 3.173.4

package/dist/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/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;
-```

package/dist/components/UTIcon/UTIcon.mdx

@@ -1,17 +0,0 @@
-import { ArgTypes, Canvas, Description, Meta, Title } from '@storybook/addon-docs';
-
-import * as UTIconStories from './UTIcon.stories';
-
-<Meta of={UTIconStories} />
-
-<Title>UTIcon</Title>
-
-## Deprecation Notice
-
-The `color` prop is deprecated and will be removed in a future release. Please use `colorTheme` instead.
-
-## Props
-
-<Description of={UTIconStories} />
-
-<ArgTypes />

package/dist/components/UTIcon/UTIcon.stories.js

@@ -1,198 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.Variants = exports.Flags = exports.Default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _utils = require("stories/utils");
-var _Palette = require("../../constants/Palette");
-var _constants = require("./constants");
-var _ = _interopRequireDefault(require("."));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-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); }
-const ICON_EXAMPLES = ['IconHome', 'IconBolt', 'IconDroplet', 'IconCar', 'IconReceipt', 'IconArchive', 'IconUser', 'IconBell', 'IconInfoCircle'];
-const ICON_FILLED_EXAMPLES = ['IconHomeFilled', 'IconBoltFilled', 'IconDropletFilled', 'IconCarFilled', 'IconReceiptFilled', 'IconArchiveFilled', 'IconUserFilled', 'IconBellFilled', 'IconInfoCircleFilled'];
-const ENERGY_ICON_EXAMPLES = ['EnergyIconBottledGas', 'EnergyIconBottledGasPlus', 'EnergyIconCar', 'EnergyIconCarbonFootprint', 'EnergyIconCart', 'EnergyIconChatSparkFilled', 'EnergyIconEdit', 'EnergyIconHome', 'EnergyIconMessageEdit', 'EnergyIconQuestionFilled', 'EnergyIconSendFilled', 'EnergyIconTruck', 'EnergyIconConsumptionBoxPlusFilled', 'EnergyIconConsumptionBoxRightFilled', 'EnergyIconConsumptionBoxMinusFilled'];
-const FLAG_EXAMPLES = [
-// Sudamérica
-'AR', 'BO', 'BR', 'CL', 'CO', 'EC', 'GF', 'GY', 'PE', 'PY', 'SR', 'UY', 'VE',
-// Norteamérica
-'CA', 'GL', 'MX', 'PM', 'US',
-// Centroamérica
-'BZ', 'CR', 'GT', 'HN', 'NI', 'PA', 'SV',
-// Caribe
-'AG', 'AI', 'AW', 'BB', 'BL', 'BM', 'BS', 'CU', 'CW', 'DM', 'DO', 'GD', 'GP', 'HT', 'JM', 'KY', 'LC', 'MF', 'MQ', 'MS', 'PR', 'SX', 'TC', 'TT', 'VC', 'VG', 'VI',
-// España
-'ES'];
-var _default = exports.default = {
-  component: _.default,
-  argTypes: {
-    area: {
-      control: 'boolean',
-      description: 'Determina si el ícono renderiza un área redondeada a su alrededor',
-      table: {
-        defaultValue: {
-          summary: false
-        },
-        type: {
-          summary: 'boolean'
-        }
-      }
-    },
-    colorTheme: {
-      control: {
-        type: 'select'
-      },
-      options: [...Object.values(_Palette.COLOR_THEMES), undefined],
-      description: 'Define el theme de la paleta para el ícono',
-      table: {
-        type: {
-          summary: (0, _utils.joinArgTypes)(Object.keys(_Palette.COLOR_THEMES))
-        }
-      }
-    },
-    fillShade: {
-      control: {
-        type: 'select'
-      },
-      options: [...Object.values(_Palette.COLOR_SHADES), undefined],
-      description: 'Define la shade de la paleta para el fill del icono',
-      table: {
-        type: {
-          summary: (0, _utils.joinArgTypes)(Object.keys(_Palette.COLOR_SHADES))
-        }
-      }
-    },
-    fillTheme: {
-      control: {
-        type: 'select'
-      },
-      options: [...Object.values(_Palette.COLOR_THEMES), undefined],
-      description: 'Define el theme de la paleta para el fill del ícono',
-      table: {
-        type: {
-          summary: (0, _utils.joinArgTypes)(Object.keys(_Palette.COLOR_THEMES))
-        }
-      }
-    },
-    name: {
-      control: 'text',
-      description: 'El nombre del ícono en TablerIcons',
-      table: {
-        type: {
-          summary: 'string'
-        }
-      }
-    },
-    shade: {
-      control: {
-        type: 'select'
-      },
-      options: [...Object.values(_Palette.COLOR_SHADES), undefined],
-      description: 'Define la shade de la paleta para el ícono',
-      table: {
-        type: {
-          summary: (0, _utils.joinArgTypes)(Object.keys(_Palette.COLOR_SHADES))
-        }
-      }
-    },
-    size: {
-      control: {
-        type: 'number',
-        min: 0,
-        max: 100
-      },
-      description: 'Tamaño del icono',
-      table: {
-        type: {
-          summary: 'number'
-        }
-      }
-    },
-    variant: {
-      control: {
-        type: 'select'
-      },
-      description: 'Variante del ícono',
-      options: ['default', 'outlined'],
-      table: {
-        type: {
-          summary: (0, _utils.joinArgTypes)(['default', 'outlined'])
-        }
-      }
-    }
-  },
-  title: 'Energy-UI/UTIcon'
-};
-const Default = exports.Default = {
-  name: 'Playground',
-  args: {
-    name: 'IconHome',
-    area: false,
-    colorTheme: undefined,
-    fillShade: undefined,
-    fillTheme: undefined,
-    shade: undefined,
-    size: undefined,
-    variant: _constants.DEFAULT_VARIANT
-  }
-};
-const Variants = exports.Variants = {
-  args: {},
-  render: args => /*#__PURE__*/_react.default.createElement("div", {
-    style: {
-      display: 'flex',
-      flexDirection: 'column',
-      gap: '16px'
-    }
-  }, /*#__PURE__*/_react.default.createElement("div", null, "Normal Icons", ICON_EXAMPLES.map(name => /*#__PURE__*/_react.default.createElement("div", {
-    key: name,
-    style: {
-      display: 'flex',
-      gap: '16px',
-      flexWrap: 'wrap'
-    }
-  }, Object.keys(_Palette.COLOR_THEMES).map(colorTheme => /*#__PURE__*/_react.default.createElement(_.default, _extends({
-    key: colorTheme,
-    name: name,
-    colorTheme: colorTheme
-  }, args)))))), /*#__PURE__*/_react.default.createElement("div", null, "Filled Icons", ICON_FILLED_EXAMPLES.map(name => /*#__PURE__*/_react.default.createElement("div", {
-    key: name,
-    style: {
-      display: 'flex',
-      gap: '16px',
-      flexWrap: 'wrap'
-    }
-  }, Object.keys(_Palette.COLOR_THEMES).map(colorTheme => /*#__PURE__*/_react.default.createElement(_.default, _extends({
-    key: colorTheme,
-    name: name,
-    colorTheme: colorTheme
-  }, args)))))), /*#__PURE__*/_react.default.createElement("div", null, "Energy Icons", ENERGY_ICON_EXAMPLES.map(name => /*#__PURE__*/_react.default.createElement("div", {
-    key: name,
-    style: {
-      display: 'flex',
-      gap: '16px',
-      flexWrap: 'wrap'
-    }
-  }, Object.keys(_Palette.COLOR_THEMES).map(colorTheme => /*#__PURE__*/_react.default.createElement(_.default, _extends({
-    key: colorTheme,
-    name: name,
-    colorTheme: colorTheme
-  }, args)))))))
-};
-const Flags = exports.Flags = {
-  args: {
-    size: 100
-  },
-  render: args => /*#__PURE__*/_react.default.createElement("div", {
-    style: {
-      display: 'flex',
-      gap: '16px',
-      flexWrap: 'wrap'
-    }
-  }, FLAG_EXAMPLES.map(name => /*#__PURE__*/_react.default.createElement(_.default, _extends({
-    key: name,
-    name: name
-  }, args))))
-};

package/dist/components/UTKpi/UTKpi.mdx

@@ -1,13 +0,0 @@
-import { ArgTypes, Canvas, Description, Meta, Title } from '@storybook/blocks';
-
-import * as UTKpiStories from './UTKpi.stories.js';
-
-<Meta of={UTKpiStories} />
-
-<Title>UTKpi</Title>
-
-<Description of={UTKpiStories} />
-
-<Canvas of={UTKpiStories.Default} withToolbar name="UTKpi" />
-
-<ArgTypes exclude={['classes', 'classNames']} />

package/dist/components/UTKpi/UTKpi.stories.js

@@ -1,223 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.Default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _utils = require("stories/utils");
-var _constants = require("../UTStatus/constants");
-var _ = _interopRequireDefault(require("."));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-/* eslint-disable react/prop-types */
-
-const UTKpiPlayground = _ref => {
-  let {
-    title,
-    primaryPrefix,
-    primaryValue,
-    primarySuffix,
-    secondaryPrefix,
-    secondaryValue,
-    secondarySuffix,
-    statusPrefix,
-    statusValue,
-    statusSuffix,
-    statusVariant,
-    statusIcon
-  } = _ref;
-  return /*#__PURE__*/_react.default.createElement(_.default, {
-    title: title,
-    primaryValue: {
-      prefix: primaryPrefix,
-      value: primaryValue,
-      suffix: primarySuffix
-    },
-    secondaryValue: {
-      prefix: secondaryPrefix,
-      value: secondaryValue,
-      suffix: secondarySuffix
-    },
-    status: {
-      prefix: statusPrefix,
-      value: statusValue,
-      suffix: statusSuffix
-    },
-    statusProps: {
-      variant: statusVariant,
-      Icon: statusIcon
-    }
-  });
-};
-var _default = exports.default = {
-  component: UTKpiPlayground,
-  argTypes: {
-    title: {
-      control: 'text',
-      description: 'Título del KPI.',
-      table: {
-        category: 'Contenido',
-        type: {
-          summary: 'string'
-        }
-      }
-    },
-    primaryPrefix: {
-      control: 'text',
-      name: 'primaryValue.prefix',
-      description: 'Prefijo del valor principal.',
-      table: {
-        category: 'PrimaryValue',
-        type: {
-          summary: 'string'
-        }
-      }
-    },
-    primaryValue: {
-      control: 'text',
-      name: 'primaryValue.value',
-      description: 'Valor principal.',
-      table: {
-        category: 'PrimaryValue',
-        type: {
-          summary: 'string'
-        }
-      }
-    },
-    primarySuffix: {
-      control: 'text',
-      name: 'primaryValue.suffix',
-      description: 'Sufijo del valor principal.',
-      table: {
-        category: 'PrimaryValue',
-        type: {
-          summary: 'string'
-        }
-      }
-    },
-    secondaryPrefix: {
-      control: 'text',
-      name: 'secondaryValue.prefix',
-      description: 'Prefijo del valor secundario.',
-      table: {
-        category: 'SecondaryValue',
-        type: {
-          summary: 'string'
-        }
-      }
-    },
-    secondaryValue: {
-      control: 'text',
-      name: 'secondaryValue.value',
-      description: 'Valor secundario.',
-      table: {
-        category: 'SecondaryValue',
-        type: {
-          summary: 'string'
-        }
-      }
-    },
-    secondarySuffix: {
-      control: 'text',
-      name: 'secondaryValue.suffix',
-      description: 'Sufijo del valor secundario.',
-      table: {
-        category: 'SecondaryValue',
-        type: {
-          summary: 'string'
-        }
-      }
-    },
-    statusPrefix: {
-      control: 'text',
-      name: 'status.prefix',
-      description: 'Prefijo del valor del estado.',
-      table: {
-        category: 'Status',
-        type: {
-          summary: 'string'
-        }
-      }
-    },
-    statusValue: {
-      control: 'text',
-      name: 'status.value',
-      description: 'Valor del estado.',
-      table: {
-        category: 'Status',
-        type: {
-          summary: 'string'
-        }
-      }
-    },
-    statusSuffix: {
-      control: 'text',
-      name: 'status.suffix',
-      description: 'Sufijo del valor del estado.',
-      table: {
-        category: 'Status',
-        type: {
-          summary: 'string'
-        }
-      }
-    },
-    statusVariant: {
-      name: 'statusProps.variant',
-      control: {
-        type: 'select'
-      },
-      options: ['error', 'information', 'success', 'unassigned', 'warning'],
-      description: 'Variante visual del badge',
-      table: {
-        category: 'Status',
-        defaultValue: {
-          summary: 'success'
-        },
-        type: {
-          summary: (0, _utils.joinArgTypes)(Object.keys(_constants.VARIANTS))
-        }
-      }
-    },
-    statusIcon: {
-      name: 'statusProps.Icon',
-      control: {
-        type: 'text'
-      },
-      description: 'Nombre del ícono',
-      table: {
-        category: 'Status',
-        type: {
-          summary: 'string'
-        }
-      }
-    }
-  },
-  parameters: {
-    controls: {
-      exclude: ['primaryValue', 'secondaryValue', 'status', 'statusProps']
-    },
-    docs: {
-      description: {
-        component: 'Este componente se usa para mostrar KPIs con un título, un valor principal y un valor secundario. También puede mostrar un estado con un icono, una variante y un texto.'
-      }
-    }
-  },
-  title: 'Energy-UI/UTKpi'
-};
-const Default = exports.Default = {
-  name: 'Playground',
-  args: {
-    title: 'Total a pagar / Total neto',
-    primaryPrefix: '$',
-    primaryValue: '30000000',
-    primarySuffix: null,
-    secondaryPrefix: '+ IVA $',
-    secondaryValue: '12000000',
-    secondarySuffix: null,
-    statusPrefix: null,
-    statusValue: '3',
-    statusSuffix: '%',
-    statusVariant: 'success',
-    statusIcon: 'IconTrendingUp'
-  }
-};