@widergy/energy-ui 3.173.2 → 3.173.4

package/dist/components/UTRadioGroup/versions/V1/components/Radio/theme.js

@@ -1,160 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.retrieveStyle = exports.retrieveMuiTheme = void 0;
-var _styles = require("@material-ui/core/styles");
-var _shadowUtils = require("../../../../../../utils/shadowUtils");
-var _constants = require("../../constants");
-var _constants2 = require("./constants");
-const retrieveStyle = _ref => {
-  var _theme$Palette$action, _theme$Palette$action2, _theme$Palette$action3, _theme$Palette$shadow;
-  let {
-    theme,
-    variant = _constants2.RADIO_VARIANTS.DEFAULT,
-    disabled,
-    selected,
-    spacing = _constants.SPACING.MEDIUM,
-    reversed
-  } = _ref;
-  const accent01 = ((_theme$Palette$action = theme.Palette.actions) === null || _theme$Palette$action === void 0 ? void 0 : _theme$Palette$action.accent['01']) || theme.Palette.accent['01'];
-  const accent02 = ((_theme$Palette$action2 = theme.Palette.actions) === null || _theme$Palette$action2 === void 0 ? void 0 : _theme$Palette$action2.accent['02']) || theme.Palette.accent['02'];
-  const accent05 = ((_theme$Palette$action3 = theme.Palette.actions) === null || _theme$Palette$action3 === void 0 ? void 0 : _theme$Palette$action3.accent['05']) || theme.Palette.accent['05'];
-  const baseTheme = {
-    [_constants2.RADIO_VARIANTS.CARD]: {
-      backgroundColor: theme.Palette.light['01'],
-      boxShadow: (0, _shadowUtils.getShadow)({
-        color: (_theme$Palette$shadow = theme.Palette.shadows) === null || _theme$Palette$shadow === void 0 ? void 0 : _theme$Palette$shadow.grayscale,
-        level: 1
-      }),
-      outline: "2px solid transparent",
-      '&:hover': {
-        backgroundColor: theme.Palette.light['03'],
-        boxShadow: 'none'
-      },
-      '&:active': {
-        backgroundColor: theme.Palette.light['04'],
-        boxShadow: 'none',
-        '& $aditionalInfoDescription': {
-          color: theme.Palette.gray['03']
-        }
-      }
-    },
-    [_constants2.RADIO_VARIANTS.BUTTON]: {
-      backgroundColor: theme.Palette.light['01'],
-      '&:hover': {
-        backgroundColor: theme.Palette.light['03']
-      },
-      '&:active': {
-        backgroundColor: theme.Palette.light['04']
-      }
-    },
-    [_constants2.RADIO_VARIANTS.DEFAULT]: {}
-  }[variant];
-  const selectedTheme = {
-    [_constants2.RADIO_VARIANTS.CARD]: {
-      boxShadow: 'none',
-      outline: "2px solid ".concat(accent05),
-      '& $titleText, & $description, & $aditionalInfoTitle, & $aditionalInfoDescription': {
-        color: accent05
-      },
-      '& $icon path, & $infoIcon path, & $checkIcon path': {
-        fill: accent05
-      },
-      '&:hover': {
-        backgroundColor: accent01,
-        outline: "2px solid ".concat(accent05)
-      },
-      '&:active': {
-        backgroundColor: accent02,
-        outline: "2px solid ".concat(accent05)
-      }
-    },
-    [_constants2.RADIO_VARIANTS.BUTTON]: {},
-    [_constants2.RADIO_VARIANTS.DEFAULT]: {}
-  }[variant];
-  const disabledTheme = {
-    [_constants2.RADIO_VARIANTS.CARD]: {
-      backgroundColor: theme.Palette.light['03'],
-      boxShadow: 'none',
-      outline: "2px solid transparent",
-      '& $titleText, & $description, & $aditionalInfoTitle, & $aditionalInfoDescription': {
-        color: theme.Palette.gray['04']
-      },
-      '& $icon path, & $infoIcon path, & $checkIcon path': {
-        fill: theme.Palette.gray['04']
-      },
-      '&:hover': {
-        backgroundColor: theme.Palette.light['03'],
-        outline: "2px solid transparent",
-        pointerEvents: 'none'
-      }
-    },
-    [_constants2.RADIO_VARIANTS.BUTTON]: {
-      backgroundColor: theme.Palette.light['01'],
-      opacity: 0.5
-    },
-    [_constants2.RADIO_VARIANTS.DEFAULT]: {
-      opacity: 0.5
-    }
-  }[variant];
-  return {
-    root: {
-      alignItems: 'center',
-      borderRadius: '8px',
-      display: 'flex',
-      flexDirection: 'row',
-      gap: {
-        [_constants.SPACING.SMALL]: '8px',
-        [_constants.SPACING.MEDIUM]: '16px'
-      }[spacing],
-      minHeight: '24px',
-      overflow: 'hidden',
-      padding: '12px 16px',
-      ...(disabled ? disabledTheme : selected ? selectedTheme : baseTheme)
-    },
-    content: {
-      alignItems: 'center',
-      display: 'flex',
-      flexDirection: reversed ? 'row-reverse' : 'row',
-      gap: {
-        [_constants.SPACING.SMALL]: '8px',
-        [_constants.SPACING.MEDIUM]: '16px'
-      }[spacing],
-      marginRight: 'auto'
-    },
-    name: {
-      colorTheme: 'accent'
-    },
-    contentContainer: {
-      display: 'flex',
-      flexDirection: 'column',
-      gap: '4px'
-    }
-  };
-};
-exports.retrieveStyle = retrieveStyle;
-const retrieveMuiTheme = theme => {
-  var _theme$Palette$action4;
-  const accent04 = ((_theme$Palette$action4 = theme.Palette.actions) === null || _theme$Palette$action4 === void 0 ? void 0 : _theme$Palette$action4.accent['04']) || theme.Palette.accent['04'];
-  return (0, _styles.createTheme)({
-    overrides: {
-      MuiRadio: {
-        colorSecondary: {
-          color: accent04,
-          '&$checked': {
-            color: accent04
-          },
-          '&$disabled': {
-            color: theme.Palette.gray['04']
-          }
-        },
-        root: {
-          padding: 0
-        }
-      }
-    }
-  });
-};
-exports.retrieveMuiTheme = retrieveMuiTheme;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.retrieveStyle=exports.retrieveMuiTheme=void 0;var _styles=require("@material-ui/core/styles"),_shadowUtils=require("../../../../../../utils/shadowUtils"),_constants=require("../../constants"),_constants2=require("./constants");const retrieveStyle=t=>{var e,o,n,a;let{theme:i,variant:l=_constants2.RADIO_VARIANTS.DEFAULT,disabled:r,selected:c,spacing:s=_constants.SPACING.MEDIUM,reversed:d}=t;const p=(null===(e=i.Palette.actions)||void 0===e?void 0:e.accent["01"])||i.Palette.accent["01"],A=(null===(o=i.Palette.actions)||void 0===o?void 0:o.accent["02"])||i.Palette.accent["02"],h=(null===(n=i.Palette.actions)||void 0===n?void 0:n.accent["05"])||i.Palette.accent["05"],u={[_constants2.RADIO_VARIANTS.CARD]:{backgroundColor:i.Palette.light["01"],boxShadow:(0,_shadowUtils.getShadow)({color:null===(a=i.Palette.shadows)||void 0===a?void 0:a.grayscale,level:1}),outline:"2px solid transparent","&:hover":{backgroundColor:i.Palette.light["03"],boxShadow:"none"},"&:active":{backgroundColor:i.Palette.light["04"],boxShadow:"none","& $aditionalInfoDescription":{color:i.Palette.gray["03"]}}},[_constants2.RADIO_VARIANTS.BUTTON]:{backgroundColor:i.Palette.light["01"],"&:hover":{backgroundColor:i.Palette.light["03"]},"&:active":{backgroundColor:i.Palette.light["04"]}},[_constants2.RADIO_VARIANTS.DEFAULT]:{}}[l],I={[_constants2.RADIO_VARIANTS.CARD]:{boxShadow:"none",outline:"2px solid ".concat(h),"& $titleText, & $description, & $aditionalInfoTitle, & $aditionalInfoDescription":{color:h},"& $icon path, & $infoIcon path, & $checkIcon path":{fill:h},"&:hover":{backgroundColor:p,outline:"2px solid ".concat(h)},"&:active":{backgroundColor:A,outline:"2px solid ".concat(h)}},[_constants2.RADIO_VARIANTS.BUTTON]:{},[_constants2.RADIO_VARIANTS.DEFAULT]:{}}[l],g={[_constants2.RADIO_VARIANTS.CARD]:{backgroundColor:i.Palette.light["03"],boxShadow:"none",outline:"2px solid transparent","& $titleText, & $description, & $aditionalInfoTitle, & $aditionalInfoDescription":{color:i.Palette.gray["04"]},"& $icon path, & $infoIcon path, & $checkIcon path":{fill:i.Palette.gray["04"]},"&:hover":{backgroundColor:i.Palette.light["03"],outline:"2px solid transparent",pointerEvents:"none"}},[_constants2.RADIO_VARIANTS.BUTTON]:{backgroundColor:i.Palette.light["01"],opacity:.5},[_constants2.RADIO_VARIANTS.DEFAULT]:{opacity:.5}}[l];return{root:{alignItems:"center",borderRadius:"8px",display:"flex",flexDirection:"row",gap:{[_constants.SPACING.SMALL]:"8px",[_constants.SPACING.MEDIUM]:"16px"}[s],minHeight:"24px",overflow:"hidden",padding:"12px 16px",...r?g:c?I:u},content:{alignItems:"center",display:"flex",flexDirection:d?"row-reverse":"row",gap:{[_constants.SPACING.SMALL]:"8px",[_constants.SPACING.MEDIUM]:"16px"}[s],marginRight:"auto"},name:{colorTheme:"accent"},contentContainer:{display:"flex",flexDirection:"column",gap:"4px"}}};exports.retrieveStyle=retrieveStyle;const retrieveMuiTheme=t=>{var e;const o=(null===(e=t.Palette.actions)||void 0===e?void 0:e.accent["04"])||t.Palette.accent["04"];return(0,_styles.createTheme)({overrides:{MuiRadio:{colorSecondary:{color:o,"&$checked":{color:o},"&$disabled":{color:t.Palette.gray["04"]}},root:{padding:0}}}})};exports.retrieveMuiTheme=retrieveMuiTheme;

package/dist/components/UTRadioGroup/versions/V1/constants.js

@@ -1,12 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.SPACING = exports.NO_CATEGORY = void 0;
-const SPACING = exports.SPACING = {
-  NONE: 'none',
-  SMALL: 'small',
-  MEDIUM: 'medium'
-};
-const NO_CATEGORY = exports.NO_CATEGORY = 'No Category';
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.SPACING=exports.NO_CATEGORY=void 0;const SPACING=exports.SPACING={NONE:"none",SMALL:"small",MEDIUM:"medium"},NO_CATEGORY=exports.NO_CATEGORY="No Category";

package/dist/components/UTRadioGroup/versions/V1/index.js

@@ -1,144 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _propTypes = require("prop-types");
-var _RadioGroup = _interopRequireDefault(require("@material-ui/core/RadioGroup"));
-var _buttonTypes = require("../../../../types/buttonTypes");
-var _UTFieldLabel = _interopRequireDefault(require("../../../UTFieldLabel"));
-var _UTLabel = _interopRequireDefault(require("../../../UTLabel"));
-var _utils = require("../../../UTValidation/utils");
-var _UTValidation = _interopRequireDefault(require("../../../UTValidation"));
-var _Radio = _interopRequireDefault(require("./components/Radio"));
-var _stylesModule = _interopRequireDefault(require("./styles.module.scss"));
-var _utils2 = require("./utils");
-var _constants = require("./constants");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
-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 UTRadioGroup = _ref => {
-  let {
-    actions,
-    area,
-    areaProps,
-    classNames = {},
-    dataTestId,
-    descriptionProps,
-    disabled,
-    error,
-    errorDataTestId,
-    horizontalSpacing = _constants.SPACING.MEDIUM,
-    iconProps,
-    iconSelectedProps,
-    itemDataTestId,
-    nameProps,
-    nameSelectedProps,
-    onChange = () => {},
-    options,
-    required,
-    reversed,
-    title,
-    value = null,
-    variant,
-    verticalSpacing = _constants.SPACING.MEDIUM
-  } = _ref;
-  const categorizedOptions = (0, _react.useMemo)(() => {
-    const optionsGrouped = options.reduce((groupedOptions, option) => {
-      const category = option.category || _constants.NO_CATEGORY;
-      if (!groupedOptions[category]) {
-        groupedOptions[category] = [];
-      }
-      groupedOptions[category].push(option);
-      return groupedOptions;
-    }, {
-      NO_CATEGORY: []
-    });
-    return Object.entries(optionsGrouped).filter(_ref2 => {
-      let [, categoryOptions] = _ref2;
-      return categoryOptions.length > 0;
-    }).sort((_ref3, _ref4) => {
-      let [categoryA] = _ref3;
-      let [categoryB] = _ref4;
-      return categoryA === _constants.NO_CATEGORY ? -1 : categoryB === _constants.NO_CATEGORY ? 1 : 0;
-    });
-  }, [options]);
-  const validationData = (0, _react.useMemo)(() => error && (0, _utils.formatErrorToValidation)(error), [error]);
-  const areaStyle = (0, _react.useMemo)(() => (0, _utils2.getAreaStyle)(area, areaProps), [area, areaProps]);
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: "".concat(_stylesModule.default.container, " ").concat(classNames.root || ''),
-    "data-testid": dataTestId,
-    style: areaStyle
-  }, title && /*#__PURE__*/_react.default.createElement("div", {
-    className: "".concat(_stylesModule.default.headerContainer, " ").concat(classNames.header || '')
-  }, title && /*#__PURE__*/_react.default.createElement(_UTFieldLabel.default, {
-    actions: actions,
-    required: required
-  }, title)), /*#__PURE__*/_react.default.createElement(_RadioGroup.default, {
-    value: value || '',
-    className: _stylesModule.default.container
-  }, categorizedOptions.map((_ref5, catIndex) => {
-    let [category, categoryOptions] = _ref5;
-    return /*#__PURE__*/_react.default.createElement("div", {
-      className: _stylesModule.default["".concat(verticalSpacing, "CategoryContainer")],
-      key: category
-    }, category !== _constants.NO_CATEGORY && /*#__PURE__*/_react.default.createElement(_UTLabel.default, {
-      className: _stylesModule.default.categoryTitle,
-      colorTheme: "gray",
-      variant: "small",
-      weight: "medium"
-    }, category.toUpperCase()), categoryOptions.map((item, index) => /*#__PURE__*/_react.default.createElement(_Radio.default, _extends({
-      dataTestId: itemDataTestId ? "".concat(itemDataTestId, ".category_").concat(catIndex, ".").concat(index) : null,
-      descriptionProps: descriptionProps,
-      disabled: item.disabled || disabled,
-      iconProps: iconProps,
-      iconSelectedProps: iconSelectedProps,
-      key: item.value,
-      nameProps: nameProps,
-      nameSelectedProps: nameSelectedProps,
-      onChange: () => onChange(item.value),
-      reversed: reversed,
-      selected: item.value === value,
-      spacing: horizontalSpacing,
-      variant: variant
-    }, (item === null || item === void 0 ? void 0 : item.configuration) || {}, item))));
-  })), validationData && /*#__PURE__*/_react.default.createElement(_UTValidation.default, {
-    dataTestId: errorDataTestId,
-    validationData: validationData
-  }));
-};
-UTRadioGroup.propTypes = {
-  actions: (0, _propTypes.arrayOf)(_buttonTypes.buttonTypes),
-  area: _propTypes.bool,
-  areaProps: _propTypes.object,
-  classNames: (0, _propTypes.objectOf)(_propTypes.string),
-  dataTestId: _propTypes.string,
-  descriptionProps: _propTypes.object,
-  disabled: _propTypes.bool,
-  error: _propTypes.string,
-  errorDataTestId: _propTypes.string,
-  horizontalSpacing: (0, _propTypes.oneOf)(Object.values(_constants.SPACING)),
-  iconProps: _propTypes.object,
-  iconSelectedProps: _propTypes.object,
-  itemDataTestId: _propTypes.string,
-  nameProps: _propTypes.object,
-  nameSelectedProps: _propTypes.object,
-  onChange: _propTypes.func,
-  options: (0, _propTypes.arrayOf)((0, _propTypes.shape)({
-    category: _propTypes.string,
-    checked: _propTypes.bool,
-    disabled: _propTypes.bool,
-    icon: _propTypes.string,
-    name: _propTypes.string,
-    value: _propTypes.string
-  })),
-  required: _propTypes.bool,
-  reversed: _propTypes.bool,
-  title: _propTypes.string,
-  value: _propTypes.string,
-  variant: _propTypes.string,
-  verticalSpacing: (0, _propTypes.oneOf)(Object.values(_constants.SPACING))
-};
-var _default = exports.default = UTRadioGroup;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireWildcard(require("react")),_propTypes=require("prop-types"),_RadioGroup=_interopRequireDefault(require("@material-ui/core/RadioGroup")),_buttonTypes=require("../../../../types/buttonTypes"),_UTFieldLabel=_interopRequireDefault(require("../../../UTFieldLabel")),_UTLabel=_interopRequireDefault(require("../../../UTLabel")),_utils=require("../../../UTValidation/utils"),_UTValidation=_interopRequireDefault(require("../../../UTValidation")),_Radio=_interopRequireDefault(require("./components/Radio")),_stylesModule=_interopRequireDefault(require("./styles.module.scss")),_utils2=require("./utils"),_constants=require("./constants");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _interopRequireWildcard(e,t){if("function"==typeof WeakMap)var r=new WeakMap,a=new WeakMap;return(_interopRequireWildcard=function(e,t){if(!t&&e&&e.__esModule)return e;var o,s,n={__proto__:null,default:e};if(null===e||"object"!=typeof e&&"function"!=typeof e)return n;if(o=t?a:r){if(o.has(e))return o.get(e);o.set(e,n)}for(const t in e)"default"!==t&&{}.hasOwnProperty.call(e,t)&&((s=(o=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,t))&&(s.get||s.set)?o(n,t,s):n[t]=e[t]);return n})(e,t)}function _extends(){return _extends=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var a in r)({}).hasOwnProperty.call(r,a)&&(e[a]=r[a])}return e},_extends.apply(null,arguments)}const UTRadioGroup=e=>{let{actions:t,area:r,areaProps:a,classNames:o={},dataTestId:s,descriptionProps:n,disabled:p,error:i,errorDataTestId:l,horizontalSpacing:c=_constants.SPACING.MEDIUM,iconProps:u,iconSelectedProps:d,itemDataTestId:_,nameProps:y,nameSelectedProps:T,onChange:f=()=>{},options:b,required:m,reversed:g,title:v,value:O=null,variant:P,verticalSpacing:q=_constants.SPACING.MEDIUM}=e;const R=(0,_react.useMemo)(()=>{const e=b.reduce((e,t)=>{const r=t.category||_constants.NO_CATEGORY;return e[r]||(e[r]=[]),e[r].push(t),e},{NO_CATEGORY:[]});return Object.entries(e).filter(e=>{let[,t]=e;return t.length>0}).sort((e,t)=>{let[r]=e,[a]=t;return r===_constants.NO_CATEGORY?-1:a===_constants.NO_CATEGORY?1:0})},[b]),M=(0,_react.useMemo)(()=>i&&(0,_utils.formatErrorToValidation)(i),[i]),h=(0,_react.useMemo)(()=>(0,_utils2.getAreaStyle)(r,a),[r,a]);return _react.default.createElement("div",{className:"".concat(_stylesModule.default.container," ").concat(o.root||""),"data-testid":s,style:h},v&&_react.default.createElement("div",{className:"".concat(_stylesModule.default.headerContainer," ").concat(o.header||"")},v&&_react.default.createElement(_UTFieldLabel.default,{actions:t,required:m},v)),_react.default.createElement(_RadioGroup.default,{value:O||"",className:_stylesModule.default.container},R.map((e,t)=>{let[r,a]=e;return _react.default.createElement("div",{className:_stylesModule.default["".concat(q,"CategoryContainer")],key:r},r!==_constants.NO_CATEGORY&&_react.default.createElement(_UTLabel.default,{className:_stylesModule.default.categoryTitle,colorTheme:"gray",variant:"small",weight:"medium"},r.toUpperCase()),a.map((e,r)=>_react.default.createElement(_Radio.default,_extends({dataTestId:_?"".concat(_,".category_").concat(t,".").concat(r):null,descriptionProps:n,disabled:e.disabled||p,iconProps:u,iconSelectedProps:d,key:e.value,nameProps:y,nameSelectedProps:T,onChange:()=>f(e.value),reversed:g,selected:e.value===O,spacing:c,variant:P},(null==e?void 0:e.configuration)||{},e))))})),M&&_react.default.createElement(_UTValidation.default,{dataTestId:l,validationData:M}))};UTRadioGroup.propTypes={actions:(0,_propTypes.arrayOf)(_buttonTypes.buttonTypes),area:_propTypes.bool,areaProps:_propTypes.object,classNames:(0,_propTypes.objectOf)(_propTypes.string),dataTestId:_propTypes.string,descriptionProps:_propTypes.object,disabled:_propTypes.bool,error:_propTypes.string,errorDataTestId:_propTypes.string,horizontalSpacing:(0,_propTypes.oneOf)(Object.values(_constants.SPACING)),iconProps:_propTypes.object,iconSelectedProps:_propTypes.object,itemDataTestId:_propTypes.string,nameProps:_propTypes.object,nameSelectedProps:_propTypes.object,onChange:_propTypes.func,options:(0,_propTypes.arrayOf)((0,_propTypes.shape)({category:_propTypes.string,checked:_propTypes.bool,disabled:_propTypes.bool,icon:_propTypes.string,name:_propTypes.string,value:_propTypes.string})),required:_propTypes.bool,reversed:_propTypes.bool,title:_propTypes.string,value:_propTypes.string,variant:_propTypes.string,verticalSpacing:(0,_propTypes.oneOf)(Object.values(_constants.SPACING))};var _default=exports.default=UTRadioGroup;

package/dist/components/UTRadioGroup/versions/V1/utils.js

@@ -1,40 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.getAreaStyle = void 0;
-var _Palette = require("../../../../constants/Palette");
-var _colorUtils = require("../../../../utils/colorUtils");
-// colorTheme sin entrada real en la paleta del tenant (ej. 'primary', o un valor inválido) -> se trata como si no
-// se hubiera pasado ningún colorTheme (getAreaStyle no agrega fondo/borde para ese lado del área).
-const resolvePaletteColorTheme = colorTheme => _Palette.VALID_PALETTE_COLOR_THEMES.has(colorTheme) ? colorTheme : undefined;
-
-/**
- * Calcula el estilo del área de fondo de UTRadioGroup según areaProps. Sin `area`, no agrega borde ni fondo.
- * A diferencia de UTDataCategory/UTDataElement, acá el fondo no tiene un colorTheme por defecto: solo se
- * aplica si `areaProps.colorTheme` está configurado explícitamente.
- * @param {boolean} area - Si el área debe mostrarse.
- * @param {{ colorTheme?: string, shade?: string, borderColorTheme?: string, borderShade?: string }} [areaProps] - Personalización del área. Sin `colorTheme` no se agrega fondo; sin `borderColorTheme` no se agrega borde.
- * @returns {object} Estilos inline a aplicar sobre el contenedor.
- */
-const getAreaStyle = function (area) {
-  let areaProps = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-  if (!area) return {};
-  const colorTheme = resolvePaletteColorTheme(areaProps.colorTheme);
-  const borderColorTheme = resolvePaletteColorTheme(areaProps.borderColorTheme);
-  const shade = areaProps.shade || (colorTheme === _Palette.COLOR_THEMES.light ? _Palette.COLOR_SHADES.shade03 : _Palette.COLOR_SHADES.shade01);
-  const borderShade = areaProps.borderShade || (borderColorTheme === _Palette.COLOR_THEMES.light ? _Palette.COLOR_SHADES.shade03 : _Palette.COLOR_SHADES.shade01);
-  return {
-    ...(colorTheme && {
-      backgroundColor: (0, _colorUtils.getPaletteCssVar)(colorTheme, shade)
-    }),
-    ...(borderColorTheme && {
-      border: "1px solid ".concat((0, _colorUtils.getPaletteCssVar)(borderColorTheme, borderShade))
-    }),
-    borderRadius: 8,
-    boxSizing: 'border-box',
-    padding: 8
-  };
-};
-exports.getAreaStyle = getAreaStyle;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.getAreaStyle=void 0;var _Palette=require("../../../../constants/Palette"),_colorUtils=require("../../../../utils/colorUtils");const resolvePaletteColorTheme=e=>_Palette.VALID_PALETTE_COLOR_THEMES.has(e)?e:void 0,getAreaStyle=function(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};if(!e)return{};const o=resolvePaletteColorTheme(t.colorTheme),r=resolvePaletteColorTheme(t.borderColorTheme),l=t.shade||(o===_Palette.COLOR_THEMES.light?_Palette.COLOR_SHADES.shade03:_Palette.COLOR_SHADES.shade01),a=t.borderShade||(r===_Palette.COLOR_THEMES.light?_Palette.COLOR_SHADES.shade03:_Palette.COLOR_SHADES.shade01);return{...o&&{backgroundColor:(0,_colorUtils.getPaletteCssVar)(o,l)},...r&&{border:"1px solid ".concat((0,_colorUtils.getPaletteCssVar)(r,a))},borderRadius:8,boxSizing:"border-box",padding:8}};exports.getAreaStyle=getAreaStyle;

package/dist/components/UTRating/index.js

@@ -1,26 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _propTypes = require("prop-types");
-var _V = _interopRequireDefault(require("./versions/V0"));
-var _V2 = _interopRequireDefault(require("./versions/V1"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const UTRating = _ref => {
-  let {
-    version = 'V0',
-    ...props
-  } = _ref;
-  const Component = {
-    V0: _V.default,
-    V1: _V2.default
-  }[version];
-  return /*#__PURE__*/_react.default.createElement(Component, props);
-};
-UTRating.propTypes = {
-  version: _propTypes.string
-};
-var _default = exports.default = UTRating;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireDefault(require("react")),_propTypes=require("prop-types"),_V=_interopRequireDefault(require("./versions/V0")),_V2=_interopRequireDefault(require("./versions/V1"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}const UTRating=e=>{let{version:r="V0",...t}=e;const u={V0:_V.default,V1:_V2.default}[r];return _react.default.createElement(u,t)};UTRating.propTypes={version:_propTypes.string};var _default=exports.default=UTRating;

package/dist/components/UTRating/versions/V0/components/Circle/index.js

@@ -1,90 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _Avatar = _interopRequireDefault(require("@material-ui/core/Avatar"));
-var _IconButton = _interopRequireDefault(require("@material-ui/core/IconButton"));
-var _propTypes = require("prop-types");
-var _UTLabel = _interopRequireDefault(require("../../../../../UTLabel"));
-var _constants = require("../../constants");
-var _stylesModule = _interopRequireDefault(require("./styles.module.scss"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
-const Circle = _ref => {
-  let {
-    selected,
-    onClick,
-    value,
-    order,
-    name,
-    isFirst,
-    isLast,
-    textVariant,
-    color,
-    classes
-  } = _ref;
-  const [isHovered, setIsHovered] = (0, _react.useState)(false);
-  const handleClick = () => onClick(order, value);
-  const handleHover = () => setIsHovered(true);
-  const onMouseLeave = () => setIsHovered(false);
-  const onFocus = () => {};
-  const textVariants = {
-    [_constants.SIDE_TEXT]: {
-      containerClass: isFirst ? _stylesModule.default.first : isLast && _stylesModule.default.last,
-      labelClass: classes.label,
-      showLabel: isFirst || isLast
-    },
-    [_constants.BOTTOM_TEXT]: {
-      containerClass: "".concat(_stylesModule.default.withTextBottom, " ").concat(classes.circleWithTextBottom),
-      labelClass: "".concat(isFirst ? _stylesModule.default.labelBottomFirst : isLast && _stylesModule.default.labelBottomLast, " ").concat(classes.label, " ").concat(isFirst ? classes.labelBottomFirst : isLast && classes.labelBottomLast),
-      showLabel: isFirst || isLast
-    },
-    [_constants.NO_TEXT]: {
-      containerClass: '',
-      labelClass: '',
-      showLabel: false
-    }
-  };
-  const textVariantToUse = textVariants[textVariant] || textVariants[_constants.BOTTOM_TEXT];
-  const showPropColor = color && (isHovered || selected);
-  const avatarStyle = {
-    borderColor: color
-  };
-  const avatarSelectedStyle = {
-    backgroundColor: color,
-    borderColor: color
-  };
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: "".concat(_stylesModule.default.container, " ").concat(textVariantToUse.containerClass)
-  }, /*#__PURE__*/_react.default.createElement(_IconButton.default, {
-    onFocus: onFocus,
-    onClick: handleClick,
-    onMouseOver: handleHover,
-    onMouseLeave: onMouseLeave,
-    className: _stylesModule.default.icon
-  }, /*#__PURE__*/_react.default.createElement(_Avatar.default, {
-    style: color && (showPropColor ? avatarSelectedStyle : avatarStyle),
-    className: "".concat(_stylesModule.default.avatar, " ").concat(classes.avatar, " ").concat(showPropColor && _stylesModule.default.selectedAvatar)
-  }, value)), textVariantToUse.showLabel && /*#__PURE__*/_react.default.createElement(_UTLabel.default, {
-    className: "".concat(_stylesModule.default.text, " ").concat(textVariantToUse.labelClass)
-  }, name));
-};
-Circle.propTypes = {
-  selected: _propTypes.bool,
-  onClick: _propTypes.func,
-  value: (0, _propTypes.oneOfType)([_propTypes.number, _propTypes.string]),
-  order: _propTypes.number,
-  name: _propTypes.string,
-  isFirst: _propTypes.bool,
-  isLast: _propTypes.bool,
-  textVariant: _propTypes.string,
-  color: _propTypes.string,
-  classes: (0, _propTypes.shape)({
-    label: _propTypes.string,
-    avatar: _propTypes.string
-  })
-};
-var _default = exports.default = Circle;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireWildcard(require("react")),_Avatar=_interopRequireDefault(require("@material-ui/core/Avatar")),_IconButton=_interopRequireDefault(require("@material-ui/core/IconButton")),_propTypes=require("prop-types"),_UTLabel=_interopRequireDefault(require("../../../../../UTLabel")),_constants=require("../../constants"),_stylesModule=_interopRequireDefault(require("./styles.module.scss"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _interopRequireWildcard(e,t){if("function"==typeof WeakMap)var a=new WeakMap,r=new WeakMap;return(_interopRequireWildcard=function(e,t){if(!t&&e&&e.__esModule)return e;var o,l,s={__proto__:null,default:e};if(null===e||"object"!=typeof e&&"function"!=typeof e)return s;if(o=t?r:a){if(o.has(e))return o.get(e);o.set(e,s)}for(const t in e)"default"!==t&&{}.hasOwnProperty.call(e,t)&&((l=(o=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,t))&&(l.get||l.set)?o(s,t,l):s[t]=e[t]);return s})(e,t)}const Circle=e=>{let{selected:t,onClick:a,value:r,order:o,name:l,isFirst:s,isLast:n,textVariant:c,color:u,classes:i}=e;const[p,_]=(0,_react.useState)(!1),d={[_constants.SIDE_TEXT]:{containerClass:s?_stylesModule.default.first:n&&_stylesModule.default.last,labelClass:i.label,showLabel:s||n},[_constants.BOTTOM_TEXT]:{containerClass:"".concat(_stylesModule.default.withTextBottom," ").concat(i.circleWithTextBottom),labelClass:"".concat(s?_stylesModule.default.labelBottomFirst:n&&_stylesModule.default.labelBottomLast," ").concat(i.label," ").concat(s?i.labelBottomFirst:n&&i.labelBottomLast),showLabel:s||n},[_constants.NO_TEXT]:{containerClass:"",labelClass:"",showLabel:!1}},f=d[c]||d[_constants.BOTTOM_TEXT],y=u&&(p||t),T={borderColor:u},b={backgroundColor:u,borderColor:u};return _react.default.createElement("div",{className:"".concat(_stylesModule.default.container," ").concat(f.containerClass)},_react.default.createElement(_IconButton.default,{onFocus:()=>{},onClick:()=>a(o,r),onMouseOver:()=>_(!0),onMouseLeave:()=>_(!1),className:_stylesModule.default.icon},_react.default.createElement(_Avatar.default,{style:u&&(y?b:T),className:"".concat(_stylesModule.default.avatar," ").concat(i.avatar," ").concat(y&&_stylesModule.default.selectedAvatar)},r)),f.showLabel&&_react.default.createElement(_UTLabel.default,{className:"".concat(_stylesModule.default.text," ").concat(f.labelClass)},l))};Circle.propTypes={selected:_propTypes.bool,onClick:_propTypes.func,value:(0,_propTypes.oneOfType)([_propTypes.number,_propTypes.string]),order:_propTypes.number,name:_propTypes.string,isFirst:_propTypes.bool,isLast:_propTypes.bool,textVariant:_propTypes.string,color:_propTypes.string,classes:(0,_propTypes.shape)({label:_propTypes.string,avatar:_propTypes.string})};var _default=exports.default=Circle;