npm - @widergy/energy-ui - Versions diffs - 3.172.2 → 3.172.3 - Mend

@widergy/energy-ui 3.172.2 → 3.172.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1464) hide show

package/dist/esm/components/UTRadioGroup/versions/V1/index.js CHANGED Viewed

@@ -1,120 +1 @@
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-import React, { useMemo } from 'react';
-import { arrayOf, bool, func, objectOf, shape, string, object } from 'prop-types';
-import RadioGroup from '@material-ui/core/RadioGroup';
-import { buttonTypes } from '../../../../types/buttonTypes';
-import UTFieldLabel from '../../../UTFieldLabel';
-import UTLabel from '../../../UTLabel';
-import { formatErrorToValidation } from '../../../UTValidation/utils';
-import UTValidation from '../../../UTValidation';
-import Radio from './components/Radio';
-import styles from './styles.module.scss';
-import { NO_CATEGORY } from './constants';
-const UTRadioGroup = _ref => {
-  let {
-    actions,
-    classNames = {},
-    dataTestId,
-    descriptionProps,
-    disabled,
-    error,
-    errorDataTestId,
-    horizontalSpacing = 'medium',
-    itemDataTestId,
-    nameProps,
-    onChange = () => {},
-    options,
-    required,
-    reversed,
-    title,
-    value = null,
-    variant,
-    verticalSpacing = 'medium'
-  } = _ref;
-  const categorizedOptions = useMemo(() => {
-    const optionsGrouped = options.reduce((groupedOptions, option) => {
-      const category = option.category || 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 === NO_CATEGORY ? -1 : categoryB === NO_CATEGORY ? 1 : 0;
-    });
-  }, [options]);
-  const validationData = useMemo(() => error && formatErrorToValidation(error), [error]);
-  return /*#__PURE__*/React.createElement("div", {
-    className: "".concat(styles.container, "  ").concat(classNames.root),
-    "data-testid": dataTestId
-  }, title && /*#__PURE__*/React.createElement("div", {
-    className: "".concat(styles.headerContainer, " ").concat(classNames.header)
-  }, title && /*#__PURE__*/React.createElement(UTFieldLabel, {
-    actions: actions,
-    required: required
-  }, title)), /*#__PURE__*/React.createElement(RadioGroup, {
-    value: value || '',
-    className: styles.container
-  }, categorizedOptions.map((_ref5, catIndex) => {
-    let [category, categoryOptions] = _ref5;
-    return /*#__PURE__*/React.createElement("div", {
-      className: styles["".concat(verticalSpacing, "CategoryContainer")],
-      key: category
-    }, category !== NO_CATEGORY && /*#__PURE__*/React.createElement(UTLabel, {
-      className: styles.categoryTitle,
-      colorTheme: "gray",
-      variant: "small",
-      weight: "medium"
-    }, category.toUpperCase()), categoryOptions.map((item, index) => /*#__PURE__*/React.createElement(Radio, _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
-    }, (item === null || item === void 0 ? void 0 : item.configuration) || {}, item))));
-  })), validationData && /*#__PURE__*/React.createElement(UTValidation, {
-    dataTestId: errorDataTestId,
-    validationData: validationData
-  }));
-};
-UTRadioGroup.propTypes = {
-  actions: arrayOf(buttonTypes),
-  classNames: objectOf(string),
-  dataTestId: string,
-  descriptionProps: object,
-  disabled: bool,
-  error: string,
-  errorDataTestId: string,
-  horizontalSpacing: string,
-  itemDataTestId: string,
-  nameProps: object,
-  onChange: func,
-  options: arrayOf(shape({
-    category: string,
-    checked: bool,
-    disabled: bool,
-    icon: string,
-    name: string,
-    value: string
-  })),
-  required: bool,
-  reversed: bool,
-  title: string,
-  value: string,
-  variant: string,
-  verticalSpacing: string
-};
-export default UTRadioGroup;
+function _extends(){return _extends=Object.assign?Object.assign.bind():function(n){for(var e=1;e<arguments.length;e++){var t=arguments[e];for(var r in t)({}).hasOwnProperty.call(t,r)&&(n[r]=t[r])}return n},_extends.apply(null,arguments)}import React,{useMemo}from"react";import{arrayOf,bool,func,objectOf,shape,string,object}from"prop-types";import RadioGroup from"@material-ui/core/RadioGroup";import{buttonTypes}from"../../../../types/buttonTypes";import UTFieldLabel from"../../../UTFieldLabel";import UTLabel from"../../../UTLabel";import{formatErrorToValidation}from"../../../UTValidation/utils";import UTValidation from"../../../UTValidation";import Radio from"./components/Radio";import styles from"./styles.module.scss";import{NO_CATEGORY}from"./constants";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=useMemo(()=>{const optionsGrouped=options.reduce((groupedOptions,option)=>{const category=option.category||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===NO_CATEGORY?-1:categoryB===NO_CATEGORY?1:0})},[options]),validationData=useMemo(()=>error&&formatErrorToValidation(error),[error]);return React.createElement("div",{className:"".concat(styles.container,"  ").concat(classNames.root),"data-testid":dataTestId},title&&React.createElement("div",{className:"".concat(styles.headerContainer," ").concat(classNames.header)},title&&React.createElement(UTFieldLabel,{actions:actions,required:required},title)),React.createElement(RadioGroup,{value:value||"",className:styles.container},categorizedOptions.map((_ref5,catIndex)=>{let[category,categoryOptions]=_ref5;return React.createElement("div",{className:styles["".concat(verticalSpacing,"CategoryContainer")],key:category},category!==NO_CATEGORY&&React.createElement(UTLabel,{className:styles.categoryTitle,colorTheme:"gray",variant:"small",weight:"medium"},category.toUpperCase()),categoryOptions.map((item,index)=>React.createElement(Radio,_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.createElement(UTValidation,{dataTestId:errorDataTestId,validationData:validationData}))};UTRadioGroup.propTypes={actions:arrayOf(buttonTypes),classNames:objectOf(string),dataTestId:string,descriptionProps:object,disabled:bool,error:string,errorDataTestId:string,horizontalSpacing:string,itemDataTestId:string,nameProps:object,onChange:func,options:arrayOf(shape({category:string,checked:bool,disabled:bool,icon:string,name:string,value:string})),required:bool,reversed:bool,title:string,value:string,variant:string,verticalSpacing:string};export default UTRadioGroup;

package/dist/esm/components/UTRating/index.js CHANGED Viewed

@@ -1,19 +1 @@
-import React from 'react';
-import { string } from 'prop-types';
-import V0 from './versions/V0';
-import V1 from './versions/V1';
-const UTRating = _ref => {
-  let {
-    version = 'V0',
-    ...props
-  } = _ref;
-  const Component = {
-    V0,
-    V1
-  }[version];
-  return /*#__PURE__*/React.createElement(Component, props);
-};
-UTRating.propTypes = {
-  version: string
-};
-export default UTRating;
+import React from"react";import{string}from"prop-types";import V0 from"./versions/V0";import V1 from"./versions/V1";const UTRating=_ref=>{let{version:version="V0",...props}=_ref;const Component={V0:V0,V1:V1}[version];return React.createElement(Component,props)};UTRating.propTypes={version:string};export default UTRating;

package/dist/esm/components/UTRating/versions/V0/components/Circle/index.js CHANGED Viewed

@@ -1,82 +1 @@
-import React, { useState } from 'react';
-import Avatar from '@material-ui/core/Avatar';
-import IconButton from '@material-ui/core/IconButton';
-import { bool, func, number, string, shape, oneOfType } from 'prop-types';
-import UTLabel from '../../../../../UTLabel';
-import { BOTTOM_TEXT, SIDE_TEXT, NO_TEXT } from '../../constants';
-import styles from './styles.module.scss';
-const Circle = _ref => {
-  let {
-    selected,
-    onClick,
-    value,
-    order,
-    name,
-    isFirst,
-    isLast,
-    textVariant,
-    color,
-    classes
-  } = _ref;
-  const [isHovered, setIsHovered] = useState(false);
-  const handleClick = () => onClick(order, value);
-  const handleHover = () => setIsHovered(true);
-  const onMouseLeave = () => setIsHovered(false);
-  const onFocus = () => {};
-  const textVariants = {
-    [SIDE_TEXT]: {
-      containerClass: isFirst ? styles.first : isLast && styles.last,
-      labelClass: classes.label,
-      showLabel: isFirst || isLast
-    },
-    [BOTTOM_TEXT]: {
-      containerClass: "".concat(styles.withTextBottom, " ").concat(classes.circleWithTextBottom),
-      labelClass: "".concat(isFirst ? styles.labelBottomFirst : isLast && styles.labelBottomLast, " ").concat(classes.label, " ").concat(isFirst ? classes.labelBottomFirst : isLast && classes.labelBottomLast),
-      showLabel: isFirst || isLast
-    },
-    [NO_TEXT]: {
-      containerClass: '',
-      labelClass: '',
-      showLabel: false
-    }
-  };
-  const textVariantToUse = textVariants[textVariant] || textVariants[BOTTOM_TEXT];
-  const showPropColor = color && (isHovered || selected);
-  const avatarStyle = {
-    borderColor: color
-  };
-  const avatarSelectedStyle = {
-    backgroundColor: color,
-    borderColor: color
-  };
-  return /*#__PURE__*/React.createElement("div", {
-    className: "".concat(styles.container, " ").concat(textVariantToUse.containerClass)
-  }, /*#__PURE__*/React.createElement(IconButton, {
-    onFocus: onFocus,
-    onClick: handleClick,
-    onMouseOver: handleHover,
-    onMouseLeave: onMouseLeave,
-    className: styles.icon
-  }, /*#__PURE__*/React.createElement(Avatar, {
-    style: color && (showPropColor ? avatarSelectedStyle : avatarStyle),
-    className: "".concat(styles.avatar, " ").concat(classes.avatar, " ").concat(showPropColor && styles.selectedAvatar)
-  }, value)), textVariantToUse.showLabel && /*#__PURE__*/React.createElement(UTLabel, {
-    className: "".concat(styles.text, " ").concat(textVariantToUse.labelClass)
-  }, name));
-};
-Circle.propTypes = {
-  selected: bool,
-  onClick: func,
-  value: oneOfType([number, string]),
-  order: number,
-  name: string,
-  isFirst: bool,
-  isLast: bool,
-  textVariant: string,
-  color: string,
-  classes: shape({
-    label: string,
-    avatar: string
-  })
-};
-export default Circle;
+import React,{useState}from"react";import Avatar from"@material-ui/core/Avatar";import IconButton from"@material-ui/core/IconButton";import{bool,func,number,string,shape,oneOfType}from"prop-types";import UTLabel from"../../../../../UTLabel";import{BOTTOM_TEXT,SIDE_TEXT,NO_TEXT}from"../../constants";import styles from"./styles.module.scss";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]=useState(!1),textVariants={[SIDE_TEXT]:{containerClass:isFirst?styles.first:isLast&&styles.last,labelClass:classes.label,showLabel:isFirst||isLast},[BOTTOM_TEXT]:{containerClass:"".concat(styles.withTextBottom," ").concat(classes.circleWithTextBottom),labelClass:"".concat(isFirst?styles.labelBottomFirst:isLast&&styles.labelBottomLast," ").concat(classes.label," ").concat(isFirst?classes.labelBottomFirst:isLast&&classes.labelBottomLast),showLabel:isFirst||isLast},[NO_TEXT]:{containerClass:"",labelClass:"",showLabel:!1}},textVariantToUse=textVariants[textVariant]||textVariants[BOTTOM_TEXT],showPropColor=color&&(isHovered||selected),avatarStyle={borderColor:color},avatarSelectedStyle={backgroundColor:color,borderColor:color};return React.createElement("div",{className:"".concat(styles.container," ").concat(textVariantToUse.containerClass)},React.createElement(IconButton,{onFocus:()=>{},onClick:()=>onClick(order,value),onMouseOver:()=>setIsHovered(!0),onMouseLeave:()=>setIsHovered(!1),className:styles.icon},React.createElement(Avatar,{style:color&&(showPropColor?avatarSelectedStyle:avatarStyle),className:"".concat(styles.avatar," ").concat(classes.avatar," ").concat(showPropColor&&styles.selectedAvatar)},value)),textVariantToUse.showLabel&&React.createElement(UTLabel,{className:"".concat(styles.text," ").concat(textVariantToUse.labelClass)},name))};Circle.propTypes={selected:bool,onClick:func,value:oneOfType([number,string]),order:number,name:string,isFirst:bool,isLast:bool,textVariant:string,color:string,classes:shape({label:string,avatar:string})};export default Circle;

package/dist/esm/components/UTRating/versions/V0/components/Faces/constants.js CHANGED Viewed

@@ -1,179 +1 @@
-import React from "react";
-var MoodConfuzed = function MoodConfuzed(props) {
-  return /*#__PURE__*/React.createElement("svg", props, /*#__PURE__*/React.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.createElement("svg", props, /*#__PURE__*/React.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.createElement("svg", props, /*#__PURE__*/React.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.createElement("svg", props, /*#__PURE__*/React.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.createElement("svg", props, /*#__PURE__*/React.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.createElement("svg", props, /*#__PURE__*/React.createElement("circle", {
-    cx: "24",
-    cy: "24",
-    r: "20",
-    fill: "#FFD6D7"
-  }), /*#__PURE__*/React.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.createElement("svg", props, /*#__PURE__*/React.createElement("circle", {
-    cx: "24",
-    cy: "24",
-    r: "20",
-    fill: "#FFF5D6"
-  }), /*#__PURE__*/React.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.createElement("svg", props, /*#__PURE__*/React.createElement("circle", {
-    cx: "24",
-    cy: "24",
-    r: "20",
-    fill: "#CDFED8"
-  }), /*#__PURE__*/React.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.createElement("svg", props, /*#__PURE__*/React.createElement("circle", {
-    cx: "24",
-    cy: "24",
-    r: "20",
-    fill: "#FFE7D7"
-  }), /*#__PURE__*/React.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.createElement("svg", props, /*#__PURE__*/React.createElement("circle", {
-    cx: "24",
-    cy: "24",
-    r: "20",
-    fill: "#E1FEE8"
-  }), /*#__PURE__*/React.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"
-};
-export const FACES_ICONS = [MoodConfuzed, MoodSad, MoodEmpty, MoodSmile, MoodHappy];
-export const FACES_ICONS_SELECTED = [MoodConfuzedSelected, MoodSadSelected, MoodEmptySelected, MoodSmileSelected, MoodHappySelected];
-export const FACES_CLASSES = ['faceButtonConfuzed', 'faceButtonSad', 'faceButtonEmpty', 'faceButtonSmile', 'faceButtonHappy'];
+import React from"react";var MoodConfuzed=function(props){return React.createElement("svg",props,React.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.createElement("svg",props,React.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.createElement("svg",props,React.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.createElement("svg",props,React.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.createElement("svg",props,React.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.createElement("svg",props,React.createElement("circle",{cx:"24",cy:"24",r:"20",fill:"#FFD6D7"}),React.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.createElement("svg",props,React.createElement("circle",{cx:"24",cy:"24",r:"20",fill:"#FFF5D6"}),React.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.createElement("svg",props,React.createElement("circle",{cx:"24",cy:"24",r:"20",fill:"#CDFED8"}),React.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.createElement("svg",props,React.createElement("circle",{cx:"24",cy:"24",r:"20",fill:"#FFE7D7"}),React.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.createElement("svg",props,React.createElement("circle",{cx:"24",cy:"24",r:"20",fill:"#E1FEE8"}),React.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"};export const FACES_ICONS=[MoodConfuzed,MoodSad,MoodEmpty,MoodSmile,MoodHappy];export const FACES_ICONS_SELECTED=[MoodConfuzedSelected,MoodSadSelected,MoodEmptySelected,MoodSmileSelected,MoodHappySelected];export const FACES_CLASSES=["faceButtonConfuzed","faceButtonSad","faceButtonEmpty","faceButtonSmile","faceButtonHappy"];

package/dist/esm/components/UTRating/versions/V0/components/Faces/index.js CHANGED Viewed

@@ -1,71 +1 @@
-import React, { Fragment, memo } from 'react';
-import { bool, func, number, objectOf, oneOfType, string } from 'prop-types';
-import UTButton from '../../../../../UTButton';
-import UTLabel from '../../../../../UTLabel';
-import { BOTTOM_TEXT, SIDE_TEXT, NO_TEXT } from '../../constants';
-import { FACES_CLASSES, FACES_ICONS, FACES_ICONS_SELECTED } from './constants';
-import styles from './styles.module.scss';
-const Faces = _ref => {
-  let {
-    classes,
-    isFirst,
-    isLast,
-    name,
-    onClick,
-    order,
-    selected,
-    textVariant,
-    value
-  } = _ref;
-  const handleClick = () => onClick(order, value);
-  const textVariants = {
-    [SIDE_TEXT]: {
-      containerClass: isFirst ? styles.first : isLast && styles.last,
-      labelClass: classes.label,
-      showLabel: isFirst || isLast
-    },
-    [BOTTOM_TEXT]: {
-      containerClass: "".concat(styles.withTextBottom, " ").concat(classes.facesWithTextBottom),
-      labelClass: classes.label,
-      showLabel: true
-    },
-    [NO_TEXT]: {
-      containerClass: '',
-      labelClass: '',
-      showLabel: false
-    }
-  };
-  const textVariantToUse = textVariants[textVariant] || textVariants[NO_TEXT];
-  const Icon = FACES_ICONS[order - 1];
-  const IconSelected = FACES_ICONS_SELECTED[order - 1];
-  return Icon && IconSelected && /*#__PURE__*/React.createElement("div", {
-    className: "".concat(styles.container, " ").concat(textVariantToUse.containerClass)
-  }, /*#__PURE__*/React.createElement(UTButton, {
-    classNames: {
-      root: "\n              ".concat(styles.faceButton, "\n              ").concat(classes[FACES_CLASSES[order - 1]], "\n              ").concat(selected && "".concat(classes.faceButtonSelected, " ").concat(styles.faceButtonSelected), "\n            ")
-    },
-    Icon: () => /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement(Icon, {
-      className: styles.faceIcon
-    }), /*#__PURE__*/React.createElement(IconSelected, {
-      className: styles.faceIconSelected
-    })),
-    onClick: handleClick,
-    variant: "text"
-  }), textVariantToUse.showLabel && /*#__PURE__*/React.createElement(UTLabel, {
-    className: "".concat(styles.text, " ").concat(textVariantToUse.labelClass),
-    colorTheme: "gray",
-    weight: "semibold"
-  }, name));
-};
-Faces.propTypes = {
-  classes: objectOf(string),
-  isFirst: bool,
-  isLast: bool,
-  name: string,
-  onClick: func,
-  order: number,
-  selected: bool,
-  textVariant: string,
-  value: oneOfType([number, string])
-};
-export default /*#__PURE__*/memo(Faces);
+import React,{Fragment,memo}from"react";import{bool,func,number,objectOf,oneOfType,string}from"prop-types";import UTButton from"../../../../../UTButton";import UTLabel from"../../../../../UTLabel";import{BOTTOM_TEXT,SIDE_TEXT,NO_TEXT}from"../../constants";import{FACES_CLASSES,FACES_ICONS,FACES_ICONS_SELECTED}from"./constants";import styles from"./styles.module.scss";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={[SIDE_TEXT]:{containerClass:isFirst?styles.first:isLast&&styles.last,labelClass:classes.label,showLabel:isFirst||isLast},[BOTTOM_TEXT]:{containerClass:"".concat(styles.withTextBottom," ").concat(classes.facesWithTextBottom),labelClass:classes.label,showLabel:!0},[NO_TEXT]:{containerClass:"",labelClass:"",showLabel:!1}},textVariantToUse=textVariants[textVariant]||textVariants[NO_TEXT],Icon=FACES_ICONS[order-1],IconSelected=FACES_ICONS_SELECTED[order-1];return Icon&&IconSelected&&React.createElement("div",{className:"".concat(styles.container," ").concat(textVariantToUse.containerClass)},React.createElement(UTButton,{classNames:{root:"\n              ".concat(styles.faceButton,"\n              ").concat(classes[FACES_CLASSES[order-1]],"\n              ").concat(selected&&"".concat(classes.faceButtonSelected," ").concat(styles.faceButtonSelected),"\n            ")},Icon:()=>React.createElement(Fragment,null,React.createElement(Icon,{className:styles.faceIcon}),React.createElement(IconSelected,{className:styles.faceIconSelected})),onClick:()=>onClick(order,value),variant:"text"}),textVariantToUse.showLabel&&React.createElement(UTLabel,{className:"".concat(styles.text," ").concat(textVariantToUse.labelClass),colorTheme:"gray",weight:"semibold"},name))};Faces.propTypes={classes:objectOf(string),isFirst:bool,isLast:bool,name:string,onClick:func,order:number,selected:bool,textVariant:string,value:oneOfType([number,string])};export default memo(Faces);

package/dist/esm/components/UTRating/versions/V0/components/Star/index.js CHANGED Viewed

@@ -1,79 +1 @@
-import React from 'react';
-import { func, number, string, bool, shape, oneOfType } from 'prop-types';
-import StarSVG from '@material-ui/icons/StarRate';
-import IconButton from '@material-ui/core/IconButton';
-import UTLabel from '../../../../../UTLabel';
-import { BOTTOM_TEXT, SIDE_TEXT, NO_TEXT } from '../../constants';
-import styles from './styles.module.scss';
-const Star = _ref => {
-  let {
-    name,
-    onMouseLeave,
-    hovered,
-    selected,
-    isFirst,
-    isLast,
-    color,
-    order,
-    value,
-    onClick,
-    onHover,
-    classes,
-    textVariant
-  } = _ref;
-  const handleClick = () => onClick(order, value);
-  const handleHover = () => onHover(order);
-  const onFocus = () => {};
-  const showPropColor = color && (hovered || selected);
-  const textVariants = {
-    [SIDE_TEXT]: {
-      containerClass: isFirst ? styles.first : isLast && styles.last,
-      showLabel: isFirst || isLast
-    },
-    [BOTTOM_TEXT]: {
-      containerClass: styles.withTextBottom,
-      showLabel: true
-    },
-    [NO_TEXT]: {
-      containerClass: '',
-      showLabel: false
-    }
-  };
-  const textVariantToUse = textVariants[textVariant] || textVariants[SIDE_TEXT];
-  return /*#__PURE__*/React.createElement("div", {
-    className: "".concat(styles.container, " ").concat(textVariantToUse.containerClass)
-  }, /*#__PURE__*/React.createElement(IconButton, {
-    onFocus: onFocus,
-    onMouseOver: handleHover,
-    onMouseLeave: onMouseLeave,
-    onClick: handleClick,
-    style: showPropColor ? {
-      color
-    } : {},
-    className: "".concat(styles.starButton, " ").concat(hovered && styles.starHovered, " ").concat(selected && styles.starsPainted)
-  }, /*#__PURE__*/React.createElement(StarSVG, {
-    className: styles.starSize
-  })), textVariantToUse.showLabel && /*#__PURE__*/React.createElement(UTLabel, {
-    className: "".concat(styles.text, " ").concat(classes.label),
-    colorTheme: "gray"
-  }, name));
-};
-Star.propTypes = {
-  onClick: func,
-  onHover: func,
-  onMouseLeave: func,
-  order: number,
-  value: oneOfType([number, string]),
-  hovered: bool,
-  selected: bool,
-  name: string,
-  isFirst: bool,
-  isLast: bool,
-  color: string,
-  classes: shape({
-    label: string,
-    avatar: string
-  }),
-  textVariant: string
-};
-export default Star;
+import React from"react";import{func,number,string,bool,shape,oneOfType}from"prop-types";import StarSVG from"@material-ui/icons/StarRate";import IconButton from"@material-ui/core/IconButton";import UTLabel from"../../../../../UTLabel";import{BOTTOM_TEXT,SIDE_TEXT,NO_TEXT}from"../../constants";import styles from"./styles.module.scss";const Star=_ref=>{let{name:name,onMouseLeave:onMouseLeave,hovered:hovered,selected:selected,isFirst:isFirst,isLast:isLast,color:color,order:order,value:value,onClick:onClick,onHover:onHover,classes:classes,textVariant:textVariant}=_ref;const showPropColor=color&&(hovered||selected),textVariants={[SIDE_TEXT]:{containerClass:isFirst?styles.first:isLast&&styles.last,showLabel:isFirst||isLast},[BOTTOM_TEXT]:{containerClass:styles.withTextBottom,showLabel:!0},[NO_TEXT]:{containerClass:"",showLabel:!1}},textVariantToUse=textVariants[textVariant]||textVariants[SIDE_TEXT];return React.createElement("div",{className:"".concat(styles.container," ").concat(textVariantToUse.containerClass)},React.createElement(IconButton,{onFocus:()=>{},onMouseOver:()=>onHover(order),onMouseLeave:onMouseLeave,onClick:()=>onClick(order,value),style:showPropColor?{color:color}:{},className:"".concat(styles.starButton," ").concat(hovered&&styles.starHovered," ").concat(selected&&styles.starsPainted)},React.createElement(StarSVG,{className:styles.starSize})),textVariantToUse.showLabel&&React.createElement(UTLabel,{className:"".concat(styles.text," ").concat(classes.label),colorTheme:"gray"},name))};Star.propTypes={onClick:func,onHover:func,onMouseLeave:func,order:number,value:oneOfType([number,string]),hovered:bool,selected:bool,name:string,isFirst:bool,isLast:bool,color:string,classes:shape({label:string,avatar:string}),textVariant:string};export default Star;

package/dist/esm/components/UTRating/versions/V0/constants.js CHANGED Viewed

@@ -1,8 +1 @@
-export const RATING_VARIANTS = {
-  CIRCULAR: 'circular',
-  FACES: 'faces',
-  STAR: 'star'
-};
-export const SIDE_TEXT = 'side_text';
-export const BOTTOM_TEXT = 'bottom_text';
-export const NO_TEXT = 'no_text';
+export const RATING_VARIANTS={CIRCULAR:"circular",FACES:"faces",STAR:"star"};export const SIDE_TEXT="side_text";export const BOTTOM_TEXT="bottom_text";export const NO_TEXT="no_text";