@widergy/energy-ui 3.172.3 → 3.173.0

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

@@ -1 +1,144 @@
-"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")),_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:actions,classNames:classNames={},dataTestId:dataTestId,descriptionProps:descriptionProps,disabled:disabled,error:error,errorDataTestId:errorDataTestId,horizontalSpacing:horizontalSpacing="medium",itemDataTestId:itemDataTestId,nameProps:nameProps,onChange:onChange=()=>{},options:options,required:required,reversed:reversed,title:title,value:value=null,variant:variant,verticalSpacing:verticalSpacing="medium"}=_ref;const categorizedOptions=(0,_react.useMemo)(()=>{const optionsGrouped=options.reduce((groupedOptions,option)=>{const category=option.category||_constants.NO_CATEGORY;return groupedOptions[category]||(groupedOptions[category]=[]),groupedOptions[category].push(option),groupedOptions},{NO_CATEGORY:[]});return Object.entries(optionsGrouped).filter(_ref2=>{let[,categoryOptions]=_ref2;return categoryOptions.length>0}).sort((_ref3,_ref4)=>{let[categoryA]=_ref3,[categoryB]=_ref4;return categoryA===_constants.NO_CATEGORY?-1:categoryB===_constants.NO_CATEGORY?1:0})},[options]),validationData=(0,_react.useMemo)(()=>error&&(0,_utils.formatErrorToValidation)(error),[error]);return _react.default.createElement("div",{className:"".concat(_stylesModule.default.container,"  ").concat(classNames.root),"data-testid":dataTestId},title&&_react.default.createElement("div",{className:"".concat(_stylesModule.default.headerContainer," ").concat(classNames.header)},title&&_react.default.createElement(_UTFieldLabel.default,{actions:actions,required:required},title)),_react.default.createElement(_RadioGroup.default,{value:value||"",className:_stylesModule.default.container},categorizedOptions.map((_ref5,catIndex)=>{let[category,categoryOptions]=_ref5;return _react.default.createElement("div",{className:_stylesModule.default["".concat(verticalSpacing,"CategoryContainer")],key:category},category!==_constants.NO_CATEGORY&&_react.default.createElement(_UTLabel.default,{className:_stylesModule.default.categoryTitle,colorTheme:"gray",variant:"small",weight:"medium"},category.toUpperCase()),categoryOptions.map((item,index)=>_react.default.createElement(_Radio.default,_extends({dataTestId:itemDataTestId?"".concat(itemDataTestId,".category_").concat(catIndex,".").concat(index):null,descriptionProps:descriptionProps,disabled:item.disabled||disabled,key:item.value,nameProps:nameProps,onChange:()=>onChange(item.value),reversed:reversed,selected:item.value===value,spacing:horizontalSpacing,variant:variant},(null==item?void 0:item.configuration)||{},item))))})),validationData&&_react.default.createElement(_UTValidation.default,{dataTestId:errorDataTestId,validationData:validationData}))};UTRadioGroup.propTypes={actions:(0,_propTypes.arrayOf)(_buttonTypes.buttonTypes),classNames:(0,_propTypes.objectOf)(_propTypes.string),dataTestId:_propTypes.string,descriptionProps:_propTypes.object,disabled:_propTypes.bool,error:_propTypes.string,errorDataTestId:_propTypes.string,horizontalSpacing:_propTypes.string,itemDataTestId:_propTypes.string,nameProps:_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:_propTypes.string};var _default=exports.default=UTRadioGroup;
+"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;

package/dist/components/UTRadioGroup/versions/V1/styles.module.scss

@@ -17,6 +17,11 @@ $spacing-small: 8px;
   grid-gap: $spacing-small;
 }
 
+.noneCategoryContainer {
+  @extend %categoryContainer;
+  grid-gap: 0;
+}
+
 .categoryTitle {
   padding: 8px 0;
 }

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

@@ -0,0 +1,40 @@
+"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;

package/dist/components/UTRating/index.js

@@ -1 +1,26 @@
-"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=_ref=>{let{version:version="V0",...props}=_ref;const Component={V0:_V.default,V1:_V2.default}[version];return _react.default.createElement(Component,props)};UTRating.propTypes={version:_propTypes.string};var _default=exports.default=UTRating;
+"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;

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

@@ -1 +1,90 @@
-"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 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:selected,onClick:onClick,value:value,order:order,name:name,isFirst:isFirst,isLast:isLast,textVariant:textVariant,color:color,classes:classes}=_ref;const[isHovered,setIsHovered]=(0,_react.useState)(!1),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:!1}},textVariantToUse=textVariants[textVariant]||textVariants[_constants.BOTTOM_TEXT],showPropColor=color&&(isHovered||selected),avatarStyle={borderColor:color},avatarSelectedStyle={backgroundColor:color,borderColor:color};return _react.default.createElement("div",{className:"".concat(_stylesModule.default.container," ").concat(textVariantToUse.containerClass)},_react.default.createElement(_IconButton.default,{onFocus:()=>{},onClick:()=>onClick(order,value),onMouseOver:()=>setIsHovered(!0),onMouseLeave:()=>setIsHovered(!1),className:_stylesModule.default.icon},_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&&_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: 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;

package/dist/components/UTRating/versions/V0/components/Faces/constants.js

@@ -1 +1,186 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.FACES_ICONS_SELECTED=exports.FACES_ICONS=exports.FACES_CLASSES=void 0;var _react=_interopRequireDefault(require("react"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var MoodConfuzed=function(props){return _react.default.createElement("svg",props,_react.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M24 8C15.163 8 8 15.163 8 24s7.163 16 16 16 16-7.163 16-16S32.837 8 24 8ZM4 24C4 12.954 12.954 4 24 4s20 8.954 20 20-8.954 20-20 20S4 35.046 4 24Zm12-4a2 2 0 0 1 2-2h.02a2 2 0 1 1 0 4H18a2 2 0 0 1-2-2Zm12 0a2 2 0 0 1 2-2h.02a2 2 0 1 1 0 4H30a2 2 0 0 1-2-2Zm2.861 10.995a18 18 0 0 0-10.8 2.7 2 2 0 0 1-2.122-3.39 22 22 0 0 1 13.2-3.3 2 2 0 0 1-.278 3.99Z",fill:"#677489"}))};MoodConfuzed.defaultProps={width:"48",height:"48",viewBox:"0 0 48 48",fill:"none",xmlns:"http://www.w3.org/2000/svg"};var MoodEmpty=function(props){return _react.default.createElement("svg",props,_react.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M24 8C15.163 8 8 15.163 8 24s7.163 16 16 16 16-7.163 16-16S32.837 8 24 8ZM4 24C4 12.954 12.954 4 24 4s20 8.954 20 20-8.954 20-20 20S4 35.046 4 24Zm12-4a2 2 0 0 1 2-2h.02a2 2 0 1 1 0 4H18a2 2 0 0 1-2-2Zm12 0a2 2 0 0 1 2-2h.02a2 2 0 1 1 0 4H30a2 2 0 0 1-2-2ZM16 30a2 2 0 0 1 2-2h12a2 2 0 1 1 0 4H18a2 2 0 0 1-2-2Z",fill:"#677489"}))};MoodEmpty.defaultProps={width:"48",height:"48",viewBox:"0 0 48 48",fill:"none",xmlns:"http://www.w3.org/2000/svg"};var MoodHappy=function(props){return _react.default.createElement("svg",props,_react.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M24 8C15.163 8 8 15.163 8 24s7.163 16 16 16 16-7.163 16-16S32.837 8 24 8ZM4 24C4 12.954 12.954 4 24 4s20 8.954 20 20-8.954 20-20 20S4 35.046 4 24Zm12-6a2 2 0 0 1 2-2h.02a2 2 0 1 1 0 4H18a2 2 0 0 1-2-2Zm12 0a2 2 0 0 1 2-2h.02a2 2 0 1 1 0 4H30a2 2 0 0 1-2-2Zm-13.414 6.586A2 2 0 0 1 16 24h16a2 2 0 0 1 2 2 10 10 0 0 1-20 0 2 2 0 0 1 .586-1.414ZM18.343 28a6 6 0 0 0 11.314 0H18.343Z",fill:"#677489"}))};MoodHappy.defaultProps={width:"48",height:"48",viewBox:"0 0 48 48",fill:"none",xmlns:"http://www.w3.org/2000/svg"};var MoodSad=function(props){return _react.default.createElement("svg",props,_react.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M24 8C15.163 8 8 15.163 8 24s7.163 16 16 16 16-7.163 16-16S32.837 8 24 8ZM4 24C4 12.954 12.954 4 24 4s20 8.954 20 20-8.954 20-20 20S4 35.046 4 24Zm12-4a2 2 0 0 1 2-2h.02a2 2 0 1 1 0 4H18a2 2 0 0 1-2-2Zm12 0a2 2 0 0 1 2-2h.02a2 2 0 1 1 0 4H30a2 2 0 0 1-2-2Zm-4 10.4a5 5 0 0 0-3.571 1.5 2 2 0 0 1-2.858-2.8 9 9 0 0 1 12.858 0 2 2 0 0 1-2.858 2.8A5 5 0 0 0 24 30.4Z",fill:"#677489"}))};MoodSad.defaultProps={width:"48",height:"48",viewBox:"0 0 48 48",fill:"none",xmlns:"http://www.w3.org/2000/svg"};var MoodSmile=function(props){return _react.default.createElement("svg",props,_react.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M24 8C15.163 8 8 15.163 8 24s7.163 16 16 16 16-7.163 16-16S32.837 8 24 8ZM4 24C4 12.954 12.954 4 24 4s20 8.954 20 20-8.954 20-20 20S4 35.046 4 24Zm12-4a2 2 0 0 1 2-2h.02a2 2 0 1 1 0 4H18a2 2 0 0 1-2-2Zm12 0a2 2 0 0 1 2-2h.02a2 2 0 1 1 0 4H30a2 2 0 0 1-2-2Zm-10.4 8.571a2 2 0 0 1 2.829.03 5 5 0 0 0 7.142 0A2 2 0 0 1 30.43 31.4a9 9 0 0 1-12.858 0 2 2 0 0 1 .03-2.829Z",fill:"#677489"}))};MoodSmile.defaultProps={width:"48",height:"48",viewBox:"0 0 48 48",fill:"none",xmlns:"http://www.w3.org/2000/svg"};var MoodConfuzedSelected=function(props){return _react.default.createElement("svg",props,_react.default.createElement("circle",{cx:"24",cy:"24",r:"20",fill:"#FFD6D7"}),_react.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M24 8C15.163 8 8 15.163 8 24s7.163 16 16 16 16-7.163 16-16S32.837 8 24 8ZM4 24C4 12.954 12.954 4 24 4s20 8.954 20 20-8.954 20-20 20S4 35.046 4 24Zm12-4a2 2 0 0 1 2-2h.02a2 2 0 1 1 0 4H18a2 2 0 0 1-2-2Zm12 0a2 2 0 0 1 2-2h.02a2 2 0 1 1 0 4H30a2 2 0 0 1-2-2Zm2.861 10.995a18 18 0 0 0-10.8 2.7 2 2 0 0 1-2.122-3.39 22 22 0 0 1 13.2-3.3 2 2 0 0 1-.278 3.99Z",fill:"#E00002"}))};MoodConfuzedSelected.defaultProps={width:"48",height:"48",viewBox:"0 0 48 48",fill:"none",xmlns:"http://www.w3.org/2000/svg"};var MoodEmptySelected=function(props){return _react.default.createElement("svg",props,_react.default.createElement("circle",{cx:"24",cy:"24",r:"20",fill:"#FFF5D6"}),_react.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M24 8C15.163 8 8 15.163 8 24s7.163 16 16 16 16-7.163 16-16S32.837 8 24 8ZM4 24C4 12.954 12.954 4 24 4s20 8.954 20 20-8.954 20-20 20S4 35.046 4 24Zm12-4a2 2 0 0 1 2-2h.02a2 2 0 1 1 0 4H18a2 2 0 0 1-2-2Zm12 0a2 2 0 0 1 2-2h.02a2 2 0 1 1 0 4H30a2 2 0 0 1-2-2ZM16 30a2 2 0 0 1 2-2h12a2 2 0 1 1 0 4H18a2 2 0 0 1-2-2Z",fill:"#C29400"}))};MoodEmptySelected.defaultProps={width:"48",height:"48",viewBox:"0 0 48 48",fill:"none",xmlns:"http://www.w3.org/2000/svg"};var MoodHappySelected=function(props){return _react.default.createElement("svg",props,_react.default.createElement("circle",{cx:"24",cy:"24",r:"20",fill:"#CDFED8"}),_react.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M24 8C15.163 8 8 15.163 8 24s7.163 16 16 16 16-7.163 16-16S32.837 8 24 8ZM4 24C4 12.954 12.954 4 24 4s20 8.954 20 20-8.954 20-20 20S4 35.046 4 24Zm12-6a2 2 0 0 1 2-2h.02a2 2 0 1 1 0 4H18a2 2 0 0 1-2-2Zm12 0a2 2 0 0 1 2-2h.02a2 2 0 1 1 0 4H30a2 2 0 0 1-2-2Zm-13.414 6.586A2 2 0 0 1 16 24h16a2 2 0 0 1 2 2 10 10 0 0 1-20 0 2 2 0 0 1 .586-1.414ZM18.343 28a6 6 0 0 0 11.314 0H18.343Z",fill:"#048B21"}))};MoodHappySelected.defaultProps={width:"48",height:"48",viewBox:"0 0 48 48",fill:"none",xmlns:"http://www.w3.org/2000/svg"};var MoodSadSelected=function(props){return _react.default.createElement("svg",props,_react.default.createElement("circle",{cx:"24",cy:"24",r:"20",fill:"#FFE7D7"}),_react.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M24 8C15.163 8 8 15.163 8 24s7.163 16 16 16 16-7.163 16-16S32.837 8 24 8ZM4 24C4 12.954 12.954 4 24 4s20 8.954 20 20-8.954 20-20 20S4 35.046 4 24Zm12-4a2 2 0 0 1 2-2h.02a2 2 0 1 1 0 4H18a2 2 0 0 1-2-2Zm12 0a2 2 0 0 1 2-2h.02a2 2 0 1 1 0 4H30a2 2 0 0 1-2-2Zm-4 10.4a5 5 0 0 0-3.571 1.5 2 2 0 0 1-2.858-2.8 9 9 0 0 1 12.858 0 2 2 0 0 1-2.858 2.8A5 5 0 0 0 24 30.4Z",fill:"#EA6001"}))};MoodSadSelected.defaultProps={width:"48",height:"48",viewBox:"0 0 48 48",fill:"none",xmlns:"http://www.w3.org/2000/svg"};var MoodSmileSelected=function(props){return _react.default.createElement("svg",props,_react.default.createElement("circle",{cx:"24",cy:"24",r:"20",fill:"#E1FEE8"}),_react.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M24 8C15.163 8 8 15.163 8 24s7.163 16 16 16 16-7.163 16-16S32.837 8 24 8ZM4 24C4 12.954 12.954 4 24 4s20 8.954 20 20-8.954 20-20 20S4 35.046 4 24Zm12-4a2 2 0 0 1 2-2h.02a2 2 0 1 1 0 4H18a2 2 0 0 1-2-2Zm12 0a2 2 0 0 1 2-2h.02a2 2 0 1 1 0 4H30a2 2 0 0 1-2-2Zm-10.4 8.571a2 2 0 0 1 2.829.03 5 5 0 0 0 7.142 0A2 2 0 0 1 30.43 31.4a9 9 0 0 1-12.858 0 2 2 0 0 1 .03-2.829Z",fill:"#04A928"}))};MoodSmileSelected.defaultProps={width:"48",height:"48",viewBox:"0 0 48 48",fill:"none",xmlns:"http://www.w3.org/2000/svg"};const FACES_ICONS=exports.FACES_ICONS=[MoodConfuzed,MoodSad,MoodEmpty,MoodSmile,MoodHappy],FACES_ICONS_SELECTED=exports.FACES_ICONS_SELECTED=[MoodConfuzedSelected,MoodSadSelected,MoodEmptySelected,MoodSmileSelected,MoodHappySelected],FACES_CLASSES=exports.FACES_CLASSES=["faceButtonConfuzed","faceButtonSad","faceButtonEmpty","faceButtonSmile","faceButtonHappy"];
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.FACES_ICONS_SELECTED = exports.FACES_ICONS = exports.FACES_CLASSES = void 0;
+var _react = _interopRequireDefault(require("react"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+var MoodConfuzed = function MoodConfuzed(props) {
+  return /*#__PURE__*/_react.default.createElement("svg", props, /*#__PURE__*/_react.default.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M24 8C15.163 8 8 15.163 8 24s7.163 16 16 16 16-7.163 16-16S32.837 8 24 8ZM4 24C4 12.954 12.954 4 24 4s20 8.954 20 20-8.954 20-20 20S4 35.046 4 24Zm12-4a2 2 0 0 1 2-2h.02a2 2 0 1 1 0 4H18a2 2 0 0 1-2-2Zm12 0a2 2 0 0 1 2-2h.02a2 2 0 1 1 0 4H30a2 2 0 0 1-2-2Zm2.861 10.995a18 18 0 0 0-10.8 2.7 2 2 0 0 1-2.122-3.39 22 22 0 0 1 13.2-3.3 2 2 0 0 1-.278 3.99Z",
+    fill: "#677489"
+  }));
+};
+MoodConfuzed.defaultProps = {
+  width: "48",
+  height: "48",
+  viewBox: "0 0 48 48",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg"
+};
+var MoodEmpty = function MoodEmpty(props) {
+  return /*#__PURE__*/_react.default.createElement("svg", props, /*#__PURE__*/_react.default.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M24 8C15.163 8 8 15.163 8 24s7.163 16 16 16 16-7.163 16-16S32.837 8 24 8ZM4 24C4 12.954 12.954 4 24 4s20 8.954 20 20-8.954 20-20 20S4 35.046 4 24Zm12-4a2 2 0 0 1 2-2h.02a2 2 0 1 1 0 4H18a2 2 0 0 1-2-2Zm12 0a2 2 0 0 1 2-2h.02a2 2 0 1 1 0 4H30a2 2 0 0 1-2-2ZM16 30a2 2 0 0 1 2-2h12a2 2 0 1 1 0 4H18a2 2 0 0 1-2-2Z",
+    fill: "#677489"
+  }));
+};
+MoodEmpty.defaultProps = {
+  width: "48",
+  height: "48",
+  viewBox: "0 0 48 48",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg"
+};
+var MoodHappy = function MoodHappy(props) {
+  return /*#__PURE__*/_react.default.createElement("svg", props, /*#__PURE__*/_react.default.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M24 8C15.163 8 8 15.163 8 24s7.163 16 16 16 16-7.163 16-16S32.837 8 24 8ZM4 24C4 12.954 12.954 4 24 4s20 8.954 20 20-8.954 20-20 20S4 35.046 4 24Zm12-6a2 2 0 0 1 2-2h.02a2 2 0 1 1 0 4H18a2 2 0 0 1-2-2Zm12 0a2 2 0 0 1 2-2h.02a2 2 0 1 1 0 4H30a2 2 0 0 1-2-2Zm-13.414 6.586A2 2 0 0 1 16 24h16a2 2 0 0 1 2 2 10 10 0 0 1-20 0 2 2 0 0 1 .586-1.414ZM18.343 28a6 6 0 0 0 11.314 0H18.343Z",
+    fill: "#677489"
+  }));
+};
+MoodHappy.defaultProps = {
+  width: "48",
+  height: "48",
+  viewBox: "0 0 48 48",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg"
+};
+var MoodSad = function MoodSad(props) {
+  return /*#__PURE__*/_react.default.createElement("svg", props, /*#__PURE__*/_react.default.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M24 8C15.163 8 8 15.163 8 24s7.163 16 16 16 16-7.163 16-16S32.837 8 24 8ZM4 24C4 12.954 12.954 4 24 4s20 8.954 20 20-8.954 20-20 20S4 35.046 4 24Zm12-4a2 2 0 0 1 2-2h.02a2 2 0 1 1 0 4H18a2 2 0 0 1-2-2Zm12 0a2 2 0 0 1 2-2h.02a2 2 0 1 1 0 4H30a2 2 0 0 1-2-2Zm-4 10.4a5 5 0 0 0-3.571 1.5 2 2 0 0 1-2.858-2.8 9 9 0 0 1 12.858 0 2 2 0 0 1-2.858 2.8A5 5 0 0 0 24 30.4Z",
+    fill: "#677489"
+  }));
+};
+MoodSad.defaultProps = {
+  width: "48",
+  height: "48",
+  viewBox: "0 0 48 48",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg"
+};
+var MoodSmile = function MoodSmile(props) {
+  return /*#__PURE__*/_react.default.createElement("svg", props, /*#__PURE__*/_react.default.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M24 8C15.163 8 8 15.163 8 24s7.163 16 16 16 16-7.163 16-16S32.837 8 24 8ZM4 24C4 12.954 12.954 4 24 4s20 8.954 20 20-8.954 20-20 20S4 35.046 4 24Zm12-4a2 2 0 0 1 2-2h.02a2 2 0 1 1 0 4H18a2 2 0 0 1-2-2Zm12 0a2 2 0 0 1 2-2h.02a2 2 0 1 1 0 4H30a2 2 0 0 1-2-2Zm-10.4 8.571a2 2 0 0 1 2.829.03 5 5 0 0 0 7.142 0A2 2 0 0 1 30.43 31.4a9 9 0 0 1-12.858 0 2 2 0 0 1 .03-2.829Z",
+    fill: "#677489"
+  }));
+};
+MoodSmile.defaultProps = {
+  width: "48",
+  height: "48",
+  viewBox: "0 0 48 48",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg"
+};
+var MoodConfuzedSelected = function MoodConfuzedSelected(props) {
+  return /*#__PURE__*/_react.default.createElement("svg", props, /*#__PURE__*/_react.default.createElement("circle", {
+    cx: "24",
+    cy: "24",
+    r: "20",
+    fill: "#FFD6D7"
+  }), /*#__PURE__*/_react.default.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M24 8C15.163 8 8 15.163 8 24s7.163 16 16 16 16-7.163 16-16S32.837 8 24 8ZM4 24C4 12.954 12.954 4 24 4s20 8.954 20 20-8.954 20-20 20S4 35.046 4 24Zm12-4a2 2 0 0 1 2-2h.02a2 2 0 1 1 0 4H18a2 2 0 0 1-2-2Zm12 0a2 2 0 0 1 2-2h.02a2 2 0 1 1 0 4H30a2 2 0 0 1-2-2Zm2.861 10.995a18 18 0 0 0-10.8 2.7 2 2 0 0 1-2.122-3.39 22 22 0 0 1 13.2-3.3 2 2 0 0 1-.278 3.99Z",
+    fill: "#E00002"
+  }));
+};
+MoodConfuzedSelected.defaultProps = {
+  width: "48",
+  height: "48",
+  viewBox: "0 0 48 48",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg"
+};
+var MoodEmptySelected = function MoodEmptySelected(props) {
+  return /*#__PURE__*/_react.default.createElement("svg", props, /*#__PURE__*/_react.default.createElement("circle", {
+    cx: "24",
+    cy: "24",
+    r: "20",
+    fill: "#FFF5D6"
+  }), /*#__PURE__*/_react.default.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M24 8C15.163 8 8 15.163 8 24s7.163 16 16 16 16-7.163 16-16S32.837 8 24 8ZM4 24C4 12.954 12.954 4 24 4s20 8.954 20 20-8.954 20-20 20S4 35.046 4 24Zm12-4a2 2 0 0 1 2-2h.02a2 2 0 1 1 0 4H18a2 2 0 0 1-2-2Zm12 0a2 2 0 0 1 2-2h.02a2 2 0 1 1 0 4H30a2 2 0 0 1-2-2ZM16 30a2 2 0 0 1 2-2h12a2 2 0 1 1 0 4H18a2 2 0 0 1-2-2Z",
+    fill: "#C29400"
+  }));
+};
+MoodEmptySelected.defaultProps = {
+  width: "48",
+  height: "48",
+  viewBox: "0 0 48 48",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg"
+};
+var MoodHappySelected = function MoodHappySelected(props) {
+  return /*#__PURE__*/_react.default.createElement("svg", props, /*#__PURE__*/_react.default.createElement("circle", {
+    cx: "24",
+    cy: "24",
+    r: "20",
+    fill: "#CDFED8"
+  }), /*#__PURE__*/_react.default.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M24 8C15.163 8 8 15.163 8 24s7.163 16 16 16 16-7.163 16-16S32.837 8 24 8ZM4 24C4 12.954 12.954 4 24 4s20 8.954 20 20-8.954 20-20 20S4 35.046 4 24Zm12-6a2 2 0 0 1 2-2h.02a2 2 0 1 1 0 4H18a2 2 0 0 1-2-2Zm12 0a2 2 0 0 1 2-2h.02a2 2 0 1 1 0 4H30a2 2 0 0 1-2-2Zm-13.414 6.586A2 2 0 0 1 16 24h16a2 2 0 0 1 2 2 10 10 0 0 1-20 0 2 2 0 0 1 .586-1.414ZM18.343 28a6 6 0 0 0 11.314 0H18.343Z",
+    fill: "#048B21"
+  }));
+};
+MoodHappySelected.defaultProps = {
+  width: "48",
+  height: "48",
+  viewBox: "0 0 48 48",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg"
+};
+var MoodSadSelected = function MoodSadSelected(props) {
+  return /*#__PURE__*/_react.default.createElement("svg", props, /*#__PURE__*/_react.default.createElement("circle", {
+    cx: "24",
+    cy: "24",
+    r: "20",
+    fill: "#FFE7D7"
+  }), /*#__PURE__*/_react.default.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M24 8C15.163 8 8 15.163 8 24s7.163 16 16 16 16-7.163 16-16S32.837 8 24 8ZM4 24C4 12.954 12.954 4 24 4s20 8.954 20 20-8.954 20-20 20S4 35.046 4 24Zm12-4a2 2 0 0 1 2-2h.02a2 2 0 1 1 0 4H18a2 2 0 0 1-2-2Zm12 0a2 2 0 0 1 2-2h.02a2 2 0 1 1 0 4H30a2 2 0 0 1-2-2Zm-4 10.4a5 5 0 0 0-3.571 1.5 2 2 0 0 1-2.858-2.8 9 9 0 0 1 12.858 0 2 2 0 0 1-2.858 2.8A5 5 0 0 0 24 30.4Z",
+    fill: "#EA6001"
+  }));
+};
+MoodSadSelected.defaultProps = {
+  width: "48",
+  height: "48",
+  viewBox: "0 0 48 48",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg"
+};
+var MoodSmileSelected = function MoodSmileSelected(props) {
+  return /*#__PURE__*/_react.default.createElement("svg", props, /*#__PURE__*/_react.default.createElement("circle", {
+    cx: "24",
+    cy: "24",
+    r: "20",
+    fill: "#E1FEE8"
+  }), /*#__PURE__*/_react.default.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M24 8C15.163 8 8 15.163 8 24s7.163 16 16 16 16-7.163 16-16S32.837 8 24 8ZM4 24C4 12.954 12.954 4 24 4s20 8.954 20 20-8.954 20-20 20S4 35.046 4 24Zm12-4a2 2 0 0 1 2-2h.02a2 2 0 1 1 0 4H18a2 2 0 0 1-2-2Zm12 0a2 2 0 0 1 2-2h.02a2 2 0 1 1 0 4H30a2 2 0 0 1-2-2Zm-10.4 8.571a2 2 0 0 1 2.829.03 5 5 0 0 0 7.142 0A2 2 0 0 1 30.43 31.4a9 9 0 0 1-12.858 0 2 2 0 0 1 .03-2.829Z",
+    fill: "#04A928"
+  }));
+};
+MoodSmileSelected.defaultProps = {
+  width: "48",
+  height: "48",
+  viewBox: "0 0 48 48",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg"
+};
+const FACES_ICONS = exports.FACES_ICONS = [MoodConfuzed, MoodSad, MoodEmpty, MoodSmile, MoodHappy];
+const FACES_ICONS_SELECTED = exports.FACES_ICONS_SELECTED = [MoodConfuzedSelected, MoodSadSelected, MoodEmptySelected, MoodSmileSelected, MoodHappySelected];
+const FACES_CLASSES = exports.FACES_CLASSES = ['faceButtonConfuzed', 'faceButtonSad', 'faceButtonEmpty', 'faceButtonSmile', 'faceButtonHappy'];

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

@@ -1 +1,79 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireWildcard(require("react")),_propTypes=require("prop-types"),_UTButton=_interopRequireDefault(require("../../../../../UTButton")),_UTLabel=_interopRequireDefault(require("../../../../../UTLabel")),_constants=require("../../constants"),_constants2=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 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 Faces=_ref=>{let{classes:classes,isFirst:isFirst,isLast:isLast,name:name,onClick:onClick,order:order,selected:selected,textVariant:textVariant,value:value}=_ref;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.facesWithTextBottom),labelClass:classes.label,showLabel:!0},[_constants.NO_TEXT]:{containerClass:"",labelClass:"",showLabel:!1}},textVariantToUse=textVariants[textVariant]||textVariants[_constants.NO_TEXT],Icon=_constants2.FACES_ICONS[order-1],IconSelected=_constants2.FACES_ICONS_SELECTED[order-1];return Icon&&IconSelected&&_react.default.createElement("div",{className:"".concat(_stylesModule.default.container," ").concat(textVariantToUse.containerClass)},_react.default.createElement(_UTButton.default,{classNames:{root:"\n              ".concat(_stylesModule.default.faceButton,"\n              ").concat(classes[_constants2.FACES_CLASSES[order-1]],"\n              ").concat(selected&&"".concat(classes.faceButtonSelected," ").concat(_stylesModule.default.faceButtonSelected),"\n            ")},Icon:()=>_react.default.createElement(_react.Fragment,null,_react.default.createElement(Icon,{className:_stylesModule.default.faceIcon}),_react.default.createElement(IconSelected,{className:_stylesModule.default.faceIconSelected})),onClick:()=>onClick(order,value),variant:"text"}),textVariantToUse.showLabel&&_react.default.createElement(_UTLabel.default,{className:"".concat(_stylesModule.default.text," ").concat(textVariantToUse.labelClass),colorTheme:"gray",weight:"semibold"},name))};Faces.propTypes={classes:(0,_propTypes.objectOf)(_propTypes.string),isFirst:_propTypes.bool,isLast:_propTypes.bool,name:_propTypes.string,onClick:_propTypes.func,order:_propTypes.number,selected:_propTypes.bool,textVariant:_propTypes.string,value:(0,_propTypes.oneOfType)([_propTypes.number,_propTypes.string])};var _default=exports.default=(0,_react.memo)(Faces);
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _propTypes = require("prop-types");
+var _UTButton = _interopRequireDefault(require("../../../../../UTButton"));
+var _UTLabel = _interopRequireDefault(require("../../../../../UTLabel"));
+var _constants = require("../../constants");
+var _constants2 = 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 Faces = _ref => {
+  let {
+    classes,
+    isFirst,
+    isLast,
+    name,
+    onClick,
+    order,
+    selected,
+    textVariant,
+    value
+  } = _ref;
+  const handleClick = () => onClick(order, value);
+  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.facesWithTextBottom),
+      labelClass: classes.label,
+      showLabel: true
+    },
+    [_constants.NO_TEXT]: {
+      containerClass: '',
+      labelClass: '',
+      showLabel: false
+    }
+  };
+  const textVariantToUse = textVariants[textVariant] || textVariants[_constants.NO_TEXT];
+  const Icon = _constants2.FACES_ICONS[order - 1];
+  const IconSelected = _constants2.FACES_ICONS_SELECTED[order - 1];
+  return Icon && IconSelected && /*#__PURE__*/_react.default.createElement("div", {
+    className: "".concat(_stylesModule.default.container, " ").concat(textVariantToUse.containerClass)
+  }, /*#__PURE__*/_react.default.createElement(_UTButton.default, {
+    classNames: {
+      root: "\n              ".concat(_stylesModule.default.faceButton, "\n              ").concat(classes[_constants2.FACES_CLASSES[order - 1]], "\n              ").concat(selected && "".concat(classes.faceButtonSelected, " ").concat(_stylesModule.default.faceButtonSelected), "\n            ")
+    },
+    Icon: () => /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement(Icon, {
+      className: _stylesModule.default.faceIcon
+    }), /*#__PURE__*/_react.default.createElement(IconSelected, {
+      className: _stylesModule.default.faceIconSelected
+    })),
+    onClick: handleClick,
+    variant: "text"
+  }), textVariantToUse.showLabel && /*#__PURE__*/_react.default.createElement(_UTLabel.default, {
+    className: "".concat(_stylesModule.default.text, " ").concat(textVariantToUse.labelClass),
+    colorTheme: "gray",
+    weight: "semibold"
+  }, name));
+};
+Faces.propTypes = {
+  classes: (0, _propTypes.objectOf)(_propTypes.string),
+  isFirst: _propTypes.bool,
+  isLast: _propTypes.bool,
+  name: _propTypes.string,
+  onClick: _propTypes.func,
+  order: _propTypes.number,
+  selected: _propTypes.bool,
+  textVariant: _propTypes.string,
+  value: (0, _propTypes.oneOfType)([_propTypes.number, _propTypes.string])
+};
+var _default = exports.default = /*#__PURE__*/(0, _react.memo)(Faces);