@widergy/energy-ui 3.172.2 → 3.172.3

package/dist/esm/components/UTImageRadio/components/ImageRadioCard/index.js

@@ -1,83 +1 @@
-import React, { memo, useMemo } from 'react';
-import { bool, string, func, objectOf, shape } from 'prop-types';
-import UTLabel from '../../../UTLabel';
-import UTTooltip from '../../../UTTooltip';
-import UTTouchableWithoutFeedback from '../../../UTTouchableWithoutFeedback';
-import { optionType } from '../../types';
-import styles from './styles.module.scss';
-const ImageRadioCard = _ref => {
-  let {
-    classes,
-    compact,
-    dataTestId,
-    disabled,
-    isSelected,
-    onChange,
-    oneColumn,
-    option = {},
-    variant = {}
-  } = _ref;
-  const {
-    value,
-    name,
-    configuration = {}
-  } = option;
-  const {
-    transparent_background: transparent,
-    vertical
-  } = variant;
-  const {
-    image_url: imageUrl,
-    selected_image_url: selectedImageUrl,
-    UnselectedImageComponent,
-    SelectedImageComponent,
-    tooltip,
-    description
-  } = configuration;
-  const handleOnChange = () => onChange(value);
-  const ImageComponent = isSelected && SelectedImageComponent || UnselectedImageComponent;
-  const renderImage = useMemo(() => selected => selected && selectedImageUrl ? /*#__PURE__*/React.createElement("img", {
-    alt: "imageRadioSelected",
-    src: selectedImageUrl
-  }) : /*#__PURE__*/React.createElement("img", {
-    alt: "imageRadioUnselected",
-    src: imageUrl
-  }), [imageUrl, selectedImageUrl]);
-  const Content = () => /*#__PURE__*/React.createElement(UTTouchableWithoutFeedback, {
-    className: "".concat(styles.container, " ").concat(classes.containerCard, " ").concat(isSelected && "".concat(styles.isSelected, " ").concat(classes.isSelected), " ").concat(oneColumn && styles.oneColumn, " ").concat(compact && styles.compact, " ").concat(disabled && styles.disabled, " ").concat(transparent && styles.transparent, " ").concat(vertical && classes.vertical, " ").concat(tooltip && styles.contentWithTooltip, " "),
-    dataTestId: dataTestId,
-    onClick: handleOnChange
-  }, (imageUrl || ImageComponent) && /*#__PURE__*/React.createElement("div", {
-    className: "".concat(classes.image, " ").concat(styles.image)
-  }, imageUrl && renderImage(isSelected), ImageComponent && /*#__PURE__*/React.createElement(ImageComponent, null)), /*#__PURE__*/React.createElement("div", {
-    className: "".concat(styles.containerText, " ").concat(classes.containerText)
-  }, /*#__PURE__*/React.createElement(UTLabel, {
-    className: "".concat(classes.name, " ").concat(styles.text, " ").concat(isSelected && !transparent && classes.selectedText)
-  }, name), description && /*#__PURE__*/React.createElement(UTLabel, {
-    weight: "light",
-    className: "".concat(classes.description, " ").concat(styles.text, " ").concat(isSelected && styles.selectedText)
-  }, description)));
-  return tooltip ? /*#__PURE__*/React.createElement(UTTooltip, {
-    content: tooltip,
-    tippyProps: {
-      hideOnClick: true
-    }
-  }, /*#__PURE__*/React.createElement("span", {
-    className: "".concat(styles.contentContainer, " ").concat(oneColumn ? styles.oneColumn : styles.twoColumns, " ")
-  }, /*#__PURE__*/React.createElement(Content, null))) : /*#__PURE__*/React.createElement(Content, null);
-};
-ImageRadioCard.propTypes = {
-  classes: objectOf(string),
-  compact: bool,
-  dataTestId: string,
-  disabled: bool,
-  isSelected: bool,
-  onChange: func.isRequired,
-  oneColumn: bool,
-  option: optionType,
-  variant: shape({
-    layout: string,
-    transparent_background: bool
-  })
-};
-export default /*#__PURE__*/memo(ImageRadioCard);
+import React,{memo,useMemo}from"react";import{bool,string,func,objectOf,shape}from"prop-types";import UTLabel from"../../../UTLabel";import UTTooltip from"../../../UTTooltip";import UTTouchableWithoutFeedback from"../../../UTTouchableWithoutFeedback";import{optionType}from"../../types";import styles from"./styles.module.scss";const ImageRadioCard=_ref=>{let{classes:classes,compact:compact,dataTestId:dataTestId,disabled:disabled,isSelected:isSelected,onChange:onChange,oneColumn:oneColumn,option:option={},variant:variant={}}=_ref;const{value:value,name:name,configuration:configuration={}}=option,{transparent_background:transparent,vertical:vertical}=variant,{image_url:imageUrl,selected_image_url:selectedImageUrl,UnselectedImageComponent:UnselectedImageComponent,SelectedImageComponent:SelectedImageComponent,tooltip:tooltip,description:description}=configuration,handleOnChange=()=>onChange(value),ImageComponent=isSelected&&SelectedImageComponent||UnselectedImageComponent,renderImage=useMemo(()=>selected=>selected&&selectedImageUrl?React.createElement("img",{alt:"imageRadioSelected",src:selectedImageUrl}):React.createElement("img",{alt:"imageRadioUnselected",src:imageUrl}),[imageUrl,selectedImageUrl]),Content=()=>React.createElement(UTTouchableWithoutFeedback,{className:"".concat(styles.container," ").concat(classes.containerCard," ").concat(isSelected&&"".concat(styles.isSelected," ").concat(classes.isSelected)," ").concat(oneColumn&&styles.oneColumn," ").concat(compact&&styles.compact," ").concat(disabled&&styles.disabled," ").concat(transparent&&styles.transparent," ").concat(vertical&&classes.vertical," ").concat(tooltip&&styles.contentWithTooltip," "),dataTestId:dataTestId,onClick:handleOnChange},(imageUrl||ImageComponent)&&React.createElement("div",{className:"".concat(classes.image," ").concat(styles.image)},imageUrl&&renderImage(isSelected),ImageComponent&&React.createElement(ImageComponent,null)),React.createElement("div",{className:"".concat(styles.containerText," ").concat(classes.containerText)},React.createElement(UTLabel,{className:"".concat(classes.name," ").concat(styles.text," ").concat(isSelected&&!transparent&&classes.selectedText)},name),description&&React.createElement(UTLabel,{weight:"light",className:"".concat(classes.description," ").concat(styles.text," ").concat(isSelected&&styles.selectedText)},description)));return tooltip?React.createElement(UTTooltip,{content:tooltip,tippyProps:{hideOnClick:!0}},React.createElement("span",{className:"".concat(styles.contentContainer," ").concat(oneColumn?styles.oneColumn:styles.twoColumns," ")},React.createElement(Content,null))):React.createElement(Content,null)};ImageRadioCard.propTypes={classes:objectOf(string),compact:bool,dataTestId:string,disabled:bool,isSelected:bool,onChange:func.isRequired,oneColumn:bool,option:optionType,variant:shape({layout:string,transparent_background:bool})};export default memo(ImageRadioCard);

package/dist/esm/components/UTImageRadio/constants.js

@@ -1,3 +1 @@
-export const DEFAULT_ONE_COLUMN_BREAKPOINT = 1000;
-export const validPaddings = [16, 24];
-export const defaultGridGap = 16;
+export const DEFAULT_ONE_COLUMN_BREAKPOINT=1e3;export const validPaddings=[16,24];export const defaultGridGap=16;

package/dist/esm/components/UTImageRadio/index.js

@@ -1,75 +1 @@
-import React, { Fragment, memo } from 'react';
-import { string, number, bool, objectOf, arrayOf } from 'prop-types';
-import { shouldShowErrors } from '@widergy/web-utils/lib/form';
-import { useComponentDimensions } from '@widergy/energy-hooks';
-import UTLabel from '../UTLabel';
-import WithTheme from '../WithTheme';
-import { mergeClasses } from '../../utils/classesUtils';
-import { fieldType, inputPropTypes, metaPropTypes } from '../../types/formTypes';
-import { retrieveStyle } from './theme';
-import ImageRadioCard from './components/ImageRadioCard';
-import styles from './styles.module.scss';
-import { sortOptions } from './utils';
-import { DEFAULT_ONE_COLUMN_BREAKPOINT } from './constants';
-import { optionType } from './types';
-const UTImageRadio = _ref => {
-  let {
-    classNames,
-    classes: themeClasses,
-    compact,
-    dataTestId,
-    disabled,
-    field,
-    input = {},
-    leftAligned,
-    meta,
-    oneColumn,
-    oneColumnBreakpoint = DEFAULT_ONE_COLUMN_BREAKPOINT,
-    options = []
-  } = _ref;
-  const mutableOptions = [...options];
-  const {
-    value,
-    onChange
-  } = input;
-  const {
-    ref: containerRef,
-    width: containerWidth
-  } = useComponentDimensions();
-  const alignToLeft = leftAligned || (field === null || field === void 0 ? void 0 : field.configuration.left_aligned);
-  const classes = mergeClasses(themeClasses, classNames);
-  return /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement("div", {
-    ref: containerRef,
-    className: "".concat(styles.container, " ").concat(classes.container, " ").concat(alignToLeft && styles.leftAligned)
-  }, mutableOptions.sort(sortOptions).map((item, i) => /*#__PURE__*/React.createElement(ImageRadioCard, {
-    classes: classes,
-    compact: compact,
-    dataTestId: "".concat(dataTestId).concat(i),
-    disabled: disabled,
-    isSelected: value === item.value,
-    key: item.value,
-    onChange: onChange,
-    oneColumn: oneColumn || containerWidth < oneColumnBreakpoint,
-    option: item,
-    variant: field === null || field === void 0 ? void 0 : field.configuration
-  }))), meta && shouldShowErrors(meta) && /*#__PURE__*/React.createElement(UTLabel, {
-    colorTheme: "error",
-    className: styles.error,
-    variant: "small"
-  }, meta.error));
-};
-UTImageRadio.propTypes = {
-  classNames: objectOf(string),
-  classes: objectOf(string),
-  compact: bool,
-  dataTestId: string,
-  disabled: bool,
-  field: fieldType,
-  input: inputPropTypes,
-  leftAligned: bool,
-  meta: metaPropTypes,
-  oneColumn: bool,
-  oneColumnBreakpoint: number,
-  options: arrayOf(optionType)
-};
-export default WithTheme(retrieveStyle)(/*#__PURE__*/memo(UTImageRadio));
+import React,{Fragment,memo}from"react";import{string,number,bool,objectOf,arrayOf}from"prop-types";import{shouldShowErrors}from"@widergy/web-utils/lib/form";import{useComponentDimensions}from"@widergy/energy-hooks";import UTLabel from"../UTLabel";import WithTheme from"../WithTheme";import{mergeClasses}from"../../utils/classesUtils";import{fieldType,inputPropTypes,metaPropTypes}from"../../types/formTypes";import{retrieveStyle}from"./theme";import ImageRadioCard from"./components/ImageRadioCard";import styles from"./styles.module.scss";import{sortOptions}from"./utils";import{DEFAULT_ONE_COLUMN_BREAKPOINT}from"./constants";import{optionType}from"./types";const UTImageRadio=_ref=>{let{classNames:classNames,classes:themeClasses,compact:compact,dataTestId:dataTestId,disabled:disabled,field:field,input:input={},leftAligned:leftAligned,meta:meta,oneColumn:oneColumn,oneColumnBreakpoint:oneColumnBreakpoint=DEFAULT_ONE_COLUMN_BREAKPOINT,options:options=[]}=_ref;const mutableOptions=[...options],{value:value,onChange:onChange}=input,{ref:containerRef,width:containerWidth}=useComponentDimensions(),alignToLeft=leftAligned||(null==field?void 0:field.configuration.left_aligned),classes=mergeClasses(themeClasses,classNames);return React.createElement(Fragment,null,React.createElement("div",{ref:containerRef,className:"".concat(styles.container," ").concat(classes.container," ").concat(alignToLeft&&styles.leftAligned)},mutableOptions.sort(sortOptions).map((item,i)=>React.createElement(ImageRadioCard,{classes:classes,compact:compact,dataTestId:"".concat(dataTestId).concat(i),disabled:disabled,isSelected:value===item.value,key:item.value,onChange:onChange,oneColumn:oneColumn||containerWidth<oneColumnBreakpoint,option:item,variant:null==field?void 0:field.configuration}))),meta&&shouldShowErrors(meta)&&React.createElement(UTLabel,{colorTheme:"error",className:styles.error,variant:"small"},meta.error))};UTImageRadio.propTypes={classNames:objectOf(string),classes:objectOf(string),compact:bool,dataTestId:string,disabled:bool,field:fieldType,input:inputPropTypes,leftAligned:bool,meta:metaPropTypes,oneColumn:bool,oneColumnBreakpoint:number,options:arrayOf(optionType)};export default WithTheme(retrieveStyle)(memo(UTImageRadio));

package/dist/esm/components/UTImageRadio/theme.js

@@ -1,65 +1 @@
-import { getIn } from 'seamless-immutable';
-import Colors from '../../scss/variables/colors.module.scss';
-import { withImportant } from '../../utils/classesUtils';
-import { defaultGridGap } from './constants';
-import { standarizePadding } from './utils';
-export const retrieveStyle = _ref => {
-  var _theme$UTImageRadio, _theme$UTImageRadio2, _theme$UTImageRadio3, _theme$UTImageRadio4, _theme$UTImageRadio5, _theme$UTImageRadio6, _theme$UTImageRadio7, _theme$UTImageRadio8, _theme$UTImageRadio9, _theme$UTImageRadio0, _theme$UTImageRadio1;
-  let {
-    theme
-  } = _ref;
-  const tabletMobile = getIn(theme, ['Media', 'tabletMobile']);
-  return {
-    containerCard: {
-      backgroundColor: getIn(theme, ['UTImageRadio', 'containerCard', 'backgroundColor'], Colors.imageRadioBackground),
-      gap: getIn(theme, ['UTImageRadio', 'containerCard', 'gap'], "".concat(defaultGridGap, "px")),
-      padding: standarizePadding(getIn(theme, ['UTImageRadio', 'containerCard', 'padding'], '24px')),
-      height: getIn(theme, ['UTImageRadio', 'containerCard', 'height'], 'fit-content'),
-      width: getIn(theme, ['UTImageRadio', 'containerCard', 'width'], "calc(50% - 2 * ".concat(defaultGridGap, "px)")),
-      '&:hover': {
-        backgroundColor: getIn(theme, ['UTImageRadio', 'containerCard', 'hover', 'backgroundColor']),
-        filter: getIn(theme, ['UTImageRadio', 'containerCard', 'hover', 'filter'], 'brightness(0.95)')
-      },
-      flexDirection: getIn(theme, ['UTImageRadio', 'containerCard', 'flexDirection'], 'row')
-    },
-    isSelected: {
-      backgroundColor: getIn(theme, ['UTImageRadio', 'isSelected', 'backgroundColor'], Colors.blue),
-      pointerEvents: getIn(theme, ['UTImageRadio', 'isSelected', 'pointerEvents'], 'none')
-    },
-    containerText: {
-      width: withImportant((theme === null || theme === void 0 || (_theme$UTImageRadio = theme.UTImageRadio) === null || _theme$UTImageRadio === void 0 || (_theme$UTImageRadio = _theme$UTImageRadio.containerText) === null || _theme$UTImageRadio === void 0 ? void 0 : _theme$UTImageRadio.width) || '100%'),
-      [tabletMobile]: {
-        width: '100%'
-      }
-    },
-    image: {
-      height: getIn(theme, ['UTImageRadio', 'image', 'height']),
-      width: getIn(theme, ['UTImageRadio', 'image', 'width'], '56px')
-    },
-    vertical: {
-      flexDirection: getIn(theme, ['UTImageRadio', 'vertical', 'flexDirection'], 'column'),
-      border: getIn(theme, ['UTImageRadio', 'vertical', 'border'], '2px solid transparent'),
-      borderWidth: withImportant((theme === null || theme === void 0 || (_theme$UTImageRadio2 = theme.UTImageRadio) === null || _theme$UTImageRadio2 === void 0 || (_theme$UTImageRadio2 = _theme$UTImageRadio2.vertical) === null || _theme$UTImageRadio2 === void 0 ? void 0 : _theme$UTImageRadio2.borderWidth) || '2px'),
-      alignItems: getIn(theme, ['UTImageRadio', 'vertical', 'alignItems'], 'center'),
-      textAlign: getIn(theme, ['UTImageRadio', 'vertical', 'textAlign'], 'center'),
-      width: withImportant((theme === null || theme === void 0 || (_theme$UTImageRadio3 = theme.UTImageRadio) === null || _theme$UTImageRadio3 === void 0 || (_theme$UTImageRadio3 = _theme$UTImageRadio3.vertical) === null || _theme$UTImageRadio3 === void 0 ? void 0 : _theme$UTImageRadio3.width) || 'fit-content'),
-      pointerEvents: getIn(theme, ['UTImageRadio', 'vertical', 'pointerEvents'], 'auto'),
-      '&:hover': {
-        border: withImportant((theme === null || theme === void 0 || (_theme$UTImageRadio4 = theme.UTImageRadio) === null || _theme$UTImageRadio4 === void 0 || (_theme$UTImageRadio4 = _theme$UTImageRadio4.vertical) === null || _theme$UTImageRadio4 === void 0 ? void 0 : _theme$UTImageRadio4.border) || "2px solid ".concat(Colors.imageRadioBackground))
-      }
-    },
-    description: {
-      color: withImportant((theme === null || theme === void 0 || (_theme$UTImageRadio5 = theme.UTImageRadio) === null || _theme$UTImageRadio5 === void 0 || (_theme$UTImageRadio5 = _theme$UTImageRadio5.description) === null || _theme$UTImageRadio5 === void 0 ? void 0 : _theme$UTImageRadio5.color) || Colors.black),
-      fontSize: withImportant("".concat((theme === null || theme === void 0 || (_theme$UTImageRadio6 = theme.UTImageRadio) === null || _theme$UTImageRadio6 === void 0 || (_theme$UTImageRadio6 = _theme$UTImageRadio6.description) === null || _theme$UTImageRadio6 === void 0 ? void 0 : _theme$UTImageRadio6.fontSize) || 14, "px")),
-      fontWeight: withImportant((theme === null || theme === void 0 || (_theme$UTImageRadio7 = theme.UTImageRadio) === null || _theme$UTImageRadio7 === void 0 || (_theme$UTImageRadio7 = _theme$UTImageRadio7.description) === null || _theme$UTImageRadio7 === void 0 ? void 0 : _theme$UTImageRadio7.fontWeight) || 400)
-    },
-    name: {
-      color: withImportant((theme === null || theme === void 0 || (_theme$UTImageRadio8 = theme.UTImageRadio) === null || _theme$UTImageRadio8 === void 0 || (_theme$UTImageRadio8 = _theme$UTImageRadio8.name) === null || _theme$UTImageRadio8 === void 0 ? void 0 : _theme$UTImageRadio8.color) || Colors.black),
-      fontSize: withImportant("".concat((theme === null || theme === void 0 || (_theme$UTImageRadio9 = theme.UTImageRadio) === null || _theme$UTImageRadio9 === void 0 || (_theme$UTImageRadio9 = _theme$UTImageRadio9.name) === null || _theme$UTImageRadio9 === void 0 ? void 0 : _theme$UTImageRadio9.fontSize) || 18, "px")),
-      fontWeight: withImportant((theme === null || theme === void 0 || (_theme$UTImageRadio0 = theme.UTImageRadio) === null || _theme$UTImageRadio0 === void 0 || (_theme$UTImageRadio0 = _theme$UTImageRadio0.name) === null || _theme$UTImageRadio0 === void 0 ? void 0 : _theme$UTImageRadio0.fontWeight) || 600)
-    },
-    selectedText: {
-      color: withImportant((theme === null || theme === void 0 || (_theme$UTImageRadio1 = theme.UTImageRadio) === null || _theme$UTImageRadio1 === void 0 || (_theme$UTImageRadio1 = _theme$UTImageRadio1.selectedText) === null || _theme$UTImageRadio1 === void 0 ? void 0 : _theme$UTImageRadio1.color) || Colors.white)
-    }
-  };
-};
+import{getIn}from"seamless-immutable";import Colors from"../../scss/variables/colors.module.scss";import{withImportant}from"../../utils/classesUtils";import{defaultGridGap}from"./constants";import{standarizePadding}from"./utils";export const retrieveStyle=_ref=>{var _theme$UTImageRadio,_theme$UTImageRadio2,_theme$UTImageRadio3,_theme$UTImageRadio4,_theme$UTImageRadio5,_theme$UTImageRadio6,_theme$UTImageRadio7,_theme$UTImageRadio8,_theme$UTImageRadio9,_theme$UTImageRadio0,_theme$UTImageRadio1;let{theme:theme}=_ref;const tabletMobile=getIn(theme,["Media","tabletMobile"]);return{containerCard:{backgroundColor:getIn(theme,["UTImageRadio","containerCard","backgroundColor"],Colors.imageRadioBackground),gap:getIn(theme,["UTImageRadio","containerCard","gap"],"".concat(defaultGridGap,"px")),padding:standarizePadding(getIn(theme,["UTImageRadio","containerCard","padding"],"24px")),height:getIn(theme,["UTImageRadio","containerCard","height"],"fit-content"),width:getIn(theme,["UTImageRadio","containerCard","width"],"calc(50% - 2 * ".concat(defaultGridGap,"px)")),"&:hover":{backgroundColor:getIn(theme,["UTImageRadio","containerCard","hover","backgroundColor"]),filter:getIn(theme,["UTImageRadio","containerCard","hover","filter"],"brightness(0.95)")},flexDirection:getIn(theme,["UTImageRadio","containerCard","flexDirection"],"row")},isSelected:{backgroundColor:getIn(theme,["UTImageRadio","isSelected","backgroundColor"],Colors.blue),pointerEvents:getIn(theme,["UTImageRadio","isSelected","pointerEvents"],"none")},containerText:{width:withImportant((null==theme||null===(_theme$UTImageRadio=theme.UTImageRadio)||void 0===_theme$UTImageRadio||null===(_theme$UTImageRadio=_theme$UTImageRadio.containerText)||void 0===_theme$UTImageRadio?void 0:_theme$UTImageRadio.width)||"100%"),[tabletMobile]:{width:"100%"}},image:{height:getIn(theme,["UTImageRadio","image","height"]),width:getIn(theme,["UTImageRadio","image","width"],"56px")},vertical:{flexDirection:getIn(theme,["UTImageRadio","vertical","flexDirection"],"column"),border:getIn(theme,["UTImageRadio","vertical","border"],"2px solid transparent"),borderWidth:withImportant((null==theme||null===(_theme$UTImageRadio2=theme.UTImageRadio)||void 0===_theme$UTImageRadio2||null===(_theme$UTImageRadio2=_theme$UTImageRadio2.vertical)||void 0===_theme$UTImageRadio2?void 0:_theme$UTImageRadio2.borderWidth)||"2px"),alignItems:getIn(theme,["UTImageRadio","vertical","alignItems"],"center"),textAlign:getIn(theme,["UTImageRadio","vertical","textAlign"],"center"),width:withImportant((null==theme||null===(_theme$UTImageRadio3=theme.UTImageRadio)||void 0===_theme$UTImageRadio3||null===(_theme$UTImageRadio3=_theme$UTImageRadio3.vertical)||void 0===_theme$UTImageRadio3?void 0:_theme$UTImageRadio3.width)||"fit-content"),pointerEvents:getIn(theme,["UTImageRadio","vertical","pointerEvents"],"auto"),"&:hover":{border:withImportant((null==theme||null===(_theme$UTImageRadio4=theme.UTImageRadio)||void 0===_theme$UTImageRadio4||null===(_theme$UTImageRadio4=_theme$UTImageRadio4.vertical)||void 0===_theme$UTImageRadio4?void 0:_theme$UTImageRadio4.border)||"2px solid ".concat(Colors.imageRadioBackground))}},description:{color:withImportant((null==theme||null===(_theme$UTImageRadio5=theme.UTImageRadio)||void 0===_theme$UTImageRadio5||null===(_theme$UTImageRadio5=_theme$UTImageRadio5.description)||void 0===_theme$UTImageRadio5?void 0:_theme$UTImageRadio5.color)||Colors.black),fontSize:withImportant("".concat((null==theme||null===(_theme$UTImageRadio6=theme.UTImageRadio)||void 0===_theme$UTImageRadio6||null===(_theme$UTImageRadio6=_theme$UTImageRadio6.description)||void 0===_theme$UTImageRadio6?void 0:_theme$UTImageRadio6.fontSize)||14,"px")),fontWeight:withImportant((null==theme||null===(_theme$UTImageRadio7=theme.UTImageRadio)||void 0===_theme$UTImageRadio7||null===(_theme$UTImageRadio7=_theme$UTImageRadio7.description)||void 0===_theme$UTImageRadio7?void 0:_theme$UTImageRadio7.fontWeight)||400)},name:{color:withImportant((null==theme||null===(_theme$UTImageRadio8=theme.UTImageRadio)||void 0===_theme$UTImageRadio8||null===(_theme$UTImageRadio8=_theme$UTImageRadio8.name)||void 0===_theme$UTImageRadio8?void 0:_theme$UTImageRadio8.color)||Colors.black),fontSize:withImportant("".concat((null==theme||null===(_theme$UTImageRadio9=theme.UTImageRadio)||void 0===_theme$UTImageRadio9||null===(_theme$UTImageRadio9=_theme$UTImageRadio9.name)||void 0===_theme$UTImageRadio9?void 0:_theme$UTImageRadio9.fontSize)||18,"px")),fontWeight:withImportant((null==theme||null===(_theme$UTImageRadio0=theme.UTImageRadio)||void 0===_theme$UTImageRadio0||null===(_theme$UTImageRadio0=_theme$UTImageRadio0.name)||void 0===_theme$UTImageRadio0?void 0:_theme$UTImageRadio0.fontWeight)||600)},selectedText:{color:withImportant((null==theme||null===(_theme$UTImageRadio1=theme.UTImageRadio)||void 0===_theme$UTImageRadio1||null===(_theme$UTImageRadio1=_theme$UTImageRadio1.selectedText)||void 0===_theme$UTImageRadio1?void 0:_theme$UTImageRadio1.color)||Colors.white)}}};

package/dist/esm/components/UTImageRadio/types.js

@@ -1,12 +1 @@
-import { func, shape, string } from 'prop-types';
-export const optionType = shape({
-  configuration: shape({
-    image_url: string,
-    selected_image_url: string,
-    UnselectedImageComponent: func,
-    SelectedImageComponent: func,
-    description: string
-  }),
-  value: string,
-  name: string
-});
+import{func,shape,string}from"prop-types";export const optionType=shape({configuration:shape({image_url:string,selected_image_url:string,UnselectedImageComponent:func,SelectedImageComponent:func,description:string}),value:string,name:string});

package/dist/esm/components/UTImageRadio/utils.js

@@ -1,3 +1 @@
-import { validPaddings } from './constants';
-export const sortOptions = (a, b) => a.order - b.order;
-export const standarizePadding = padding => validPaddings.includes(padding) || validPaddings[1];
+import{validPaddings}from"./constants";export const sortOptions=(a,b)=>a.order-b.order;export const standarizePadding=padding=>validPaddings.includes(padding)||validPaddings[1];

package/dist/esm/components/UTKpi/index.js

@@ -1,68 +1 @@
-import React, { useMemo } from 'react';
-import { string, shape, objectOf } from 'prop-types';
-import { mergeMultipleClassNames } from '../../utils/classesUtils';
-import UTLabel from '../UTLabel';
-import UTStatus from '../UTStatus';
-import WithTheme from '../WithTheme';
-import ownStyles from './styles.module.scss';
-import { retrieveStyle } from './theme';
-const UTKpi = _ref => {
-  let {
-    classes: theme,
-    classNames,
-    title,
-    primaryValue = {},
-    secondaryValue = {},
-    status = {},
-    statusProps = {}
-  } = _ref;
-  const styles = useMemo(() => mergeMultipleClassNames(ownStyles, theme, classNames), [ownStyles, theme, classNames]);
-  const primaryValueText = [primaryValue.prefix, primaryValue.value, primaryValue.suffix].filter(Boolean).join('');
-  const secondaryValueText = [secondaryValue.prefix, secondaryValue.value, secondaryValue.suffix].filter(Boolean).join('');
-  const statusText = [status.prefix, status.value, status.suffix].filter(Boolean).join('');
-  return /*#__PURE__*/React.createElement("div", {
-    className: styles.container
-  }, /*#__PURE__*/React.createElement(UTLabel, {
-    weight: "medium"
-  }, title), /*#__PURE__*/React.createElement("div", {
-    className: styles.contentContainer
-  }, (primaryValueText || secondaryValueText) && /*#__PURE__*/React.createElement("div", {
-    className: styles.valuesContainer
-  }, primaryValueText && /*#__PURE__*/React.createElement(UTLabel, {
-    variant: "title3",
-    weight: "medium"
-  }, primaryValueText), secondaryValueText && /*#__PURE__*/React.createElement(UTLabel, {
-    colorTheme: "gray",
-    variant: "small"
-  }, secondaryValueText)), statusText && /*#__PURE__*/React.createElement(UTStatus, {
-    type: "light",
-    size: "small",
-    variant: statusProps.variant,
-    Icon: statusProps.Icon
-  }, statusText)));
-};
-UTKpi.propTypes = {
-  classes: objectOf(string),
-  classNames: objectOf(string),
-  title: string,
-  primaryValue: shape({
-    prefix: string,
-    value: string,
-    suffix: string
-  }),
-  secondaryValue: shape({
-    prefix: string,
-    value: string,
-    suffix: string
-  }),
-  status: shape({
-    prefix: string,
-    value: string,
-    suffix: string
-  }),
-  statusProps: shape({
-    variant: string,
-    Icon: string
-  })
-};
-export default WithTheme(retrieveStyle)(UTKpi);
+import React,{useMemo}from"react";import{string,shape,objectOf}from"prop-types";import{mergeMultipleClassNames}from"../../utils/classesUtils";import UTLabel from"../UTLabel";import UTStatus from"../UTStatus";import WithTheme from"../WithTheme";import ownStyles from"./styles.module.scss";import{retrieveStyle}from"./theme";const UTKpi=_ref=>{let{classes:theme,classNames:classNames,title:title,primaryValue:primaryValue={},secondaryValue:secondaryValue={},status:status={},statusProps:statusProps={}}=_ref;const styles=useMemo(()=>mergeMultipleClassNames(ownStyles,theme,classNames),[ownStyles,theme,classNames]),primaryValueText=[primaryValue.prefix,primaryValue.value,primaryValue.suffix].filter(Boolean).join(""),secondaryValueText=[secondaryValue.prefix,secondaryValue.value,secondaryValue.suffix].filter(Boolean).join(""),statusText=[status.prefix,status.value,status.suffix].filter(Boolean).join("");return React.createElement("div",{className:styles.container},React.createElement(UTLabel,{weight:"medium"},title),React.createElement("div",{className:styles.contentContainer},(primaryValueText||secondaryValueText)&&React.createElement("div",{className:styles.valuesContainer},primaryValueText&&React.createElement(UTLabel,{variant:"title3",weight:"medium"},primaryValueText),secondaryValueText&&React.createElement(UTLabel,{colorTheme:"gray",variant:"small"},secondaryValueText)),statusText&&React.createElement(UTStatus,{type:"light",size:"small",variant:statusProps.variant,Icon:statusProps.Icon},statusText)))};UTKpi.propTypes={classes:objectOf(string),classNames:objectOf(string),title:string,primaryValue:shape({prefix:string,value:string,suffix:string}),secondaryValue:shape({prefix:string,value:string,suffix:string}),status:shape({prefix:string,value:string,suffix:string}),statusProps:shape({variant:string,Icon:string})};export default WithTheme(retrieveStyle)(UTKpi);

package/dist/esm/components/UTKpi/theme.js

@@ -1,17 +1 @@
-import { getShadow } from '../../utils/shadowUtils';
-import { COLOR_SHADES, COLOR_THEMES } from '../../constants/Palette';
-export const retrieveStyle = _ref => {
-  var _theme$Palette$shadow;
-  let {
-    theme
-  } = _ref;
-  return {
-    container: {
-      backgroundColor: theme.Palette[COLOR_THEMES.light][COLOR_SHADES.shade01],
-      boxShadow: getShadow({
-        color: (_theme$Palette$shadow = theme.Palette.shadows) === null || _theme$Palette$shadow === void 0 ? void 0 : _theme$Palette$shadow.grayscale,
-        level: 1
-      })
-    }
-  };
-};
+import{getShadow}from"../../utils/shadowUtils";import{COLOR_SHADES,COLOR_THEMES}from"../../constants/Palette";export const retrieveStyle=_ref=>{var _theme$Palette$shadow;let{theme:theme}=_ref;return{container:{backgroundColor:theme.Palette[COLOR_THEMES.light][COLOR_SHADES.shade01],boxShadow:getShadow({color:null===(_theme$Palette$shadow=theme.Palette.shadows)||void 0===_theme$Palette$shadow?void 0:_theme$Palette$shadow.grayscale,level:1})}}};

package/dist/esm/components/UTLabel/components/Markdown/components/BlockQuote/index.js

@@ -1,40 +1 @@
-import React, { memo } from 'react';
-import { objectOf, string } from 'prop-types';
-import WithCustomHandler from '../WithCustomHandler';
-import styles from './styles.module.scss';
-const BlockQuote = _ref => {
-  let {
-    children,
-    classes
-  } = _ref;
-  const lines = [];
-  if (Array.isArray(children)) {
-    children.forEach(child => {
-      var _child$props;
-      if (typeof child === 'string') {
-        const parts = child.split('\n').filter(line => line.trim());
-        lines.push(...parts);
-      } else if ((child === null || child === void 0 ? void 0 : child.type) === 'p' && child !== null && child !== void 0 && (_child$props = child.props) !== null && _child$props !== void 0 && _child$props.children) {
-        const pChildren = child.props.children;
-        if (Array.isArray(pChildren)) {
-          pChildren.forEach(pChild => {
-            if (typeof pChild === 'string' && pChild.trim()) {
-              lines.push(pChild.trim());
-            }
-          });
-        } else if (typeof pChildren === 'string' && pChildren.trim()) {
-          lines.push(pChildren.trim());
-        }
-      }
-    });
-  }
-  return /*#__PURE__*/React.createElement("div", {
-    className: "".concat(styles.blockquote, " ").concat(classes === null || classes === void 0 ? void 0 : classes.blockquote)
-  }, lines.map(line => /*#__PURE__*/React.createElement("div", {
-    key: line
-  }, line)));
-};
-BlockQuote.propTypes = {
-  classes: objectOf(string)
-};
-export default /*#__PURE__*/memo(WithCustomHandler(BlockQuote));
+import React,{memo}from"react";import{objectOf,string}from"prop-types";import WithCustomHandler from"../WithCustomHandler";import styles from"./styles.module.scss";const BlockQuote=_ref=>{let{children:children,classes:classes}=_ref;const lines=[];return Array.isArray(children)&&children.forEach(child=>{var _child$props;if("string"==typeof child){const parts=child.split("\n").filter(line=>line.trim());lines.push(...parts)}else if("p"===(null==child?void 0:child.type)&&null!=child&&null!==(_child$props=child.props)&&void 0!==_child$props&&_child$props.children){const pChildren=child.props.children;Array.isArray(pChildren)?pChildren.forEach(pChild=>{"string"==typeof pChild&&pChild.trim()&&lines.push(pChild.trim())}):"string"==typeof pChildren&&pChildren.trim()&&lines.push(pChildren.trim())}}),React.createElement("div",{className:"".concat(styles.blockquote," ").concat(null==classes?void 0:classes.blockquote)},lines.map(line=>React.createElement("div",{key:line},line)))};BlockQuote.propTypes={classes:objectOf(string)};export default memo(WithCustomHandler(BlockQuote));

package/dist/esm/components/UTLabel/components/Markdown/components/Citation/constants.js

@@ -1,11 +1 @@
-export const EXTENSION_ICON = {
-  doc: 'IconFileTypeDoc',
-  docx: 'IconFileTypeDocx',
-  jpg: 'IconFileTypeJpg',
-  pdf: 'IconFileTypePdf',
-  txt: 'IconFileTypeTxt',
-  xls: 'IconFileTypeXls',
-  xml: 'IconFileTypeXml',
-  zip: 'IconFileTypeZip'
-};
-export const DEFAULT_ICON = 'IconFile';
+export const EXTENSION_ICON={doc:"IconFileTypeDoc",docx:"IconFileTypeDocx",jpg:"IconFileTypeJpg",pdf:"IconFileTypePdf",txt:"IconFileTypeTxt",xls:"IconFileTypeXls",xml:"IconFileTypeXml",zip:"IconFileTypeZip"};export const DEFAULT_ICON="IconFile";

package/dist/esm/components/UTLabel/components/Markdown/components/Citation/index.js

@@ -1,35 +1 @@
-import React, { memo } from 'react';
-import { string } from 'prop-types';
-import UTIcon from '../../../../../UTIcon';
-import WithCustomHandler from '../WithCustomHandler';
-import { getIcon } from './utils';
-import styles from './styles.module.scss';
-const Citation = _ref => {
-  let {
-    label,
-    url
-  } = _ref;
-  const onClick = () => window.open(url, '_blank', 'noopener,noreferrer');
-  const icon = getIcon(label, url);
-  const onKeyDown = e => {
-    if (e.key === 'Enter' || e.key === ' ') onClick();
-  };
-  return /*#__PURE__*/React.createElement("div", {
-    className: styles.container,
-    onClick: onClick,
-    onKeyDown: onKeyDown,
-    role: "button",
-    tabIndex: 0
-  }, /*#__PURE__*/React.createElement(UTIcon, {
-    colorTheme: "gray",
-    name: icon,
-    size: 20
-  }), /*#__PURE__*/React.createElement("div", {
-    className: styles.label
-  }, label));
-};
-Citation.propTypes = {
-  label: string,
-  url: string
-};
-export default /*#__PURE__*/memo(WithCustomHandler(Citation));
+import React,{memo}from"react";import{string}from"prop-types";import UTIcon from"../../../../../UTIcon";import WithCustomHandler from"../WithCustomHandler";import{getIcon}from"./utils";import styles from"./styles.module.scss";const Citation=_ref=>{let{label:label,url:url}=_ref;const onClick=()=>window.open(url,"_blank","noopener,noreferrer"),icon=getIcon(label,url);return React.createElement("div",{className:styles.container,onClick:onClick,onKeyDown:e=>{"Enter"!==e.key&&" "!==e.key||onClick()},role:"button",tabIndex:0},React.createElement(UTIcon,{colorTheme:"gray",name:icon,size:20}),React.createElement("div",{className:styles.label},label))};Citation.propTypes={label:string,url:string};export default memo(WithCustomHandler(Citation));

package/dist/esm/components/UTLabel/components/Markdown/components/Citation/utils.js

@@ -1,11 +1 @@
-import { DEFAULT_ICON, EXTENSION_ICON } from './constants';
-const getFileExtension = str => {
-  if (!str) return null;
-  const match = str.match(/\.([a-zA-Z0-9]+)(?:\?|$)/);
-  return match ? match[1].toLowerCase() : null;
-};
-export const getIcon = (label, url) => {
-  const extension = getFileExtension(label) || getFileExtension(url);
-  const icon = extension && EXTENSION_ICON[extension] || DEFAULT_ICON;
-  return icon;
-};
+import{DEFAULT_ICON,EXTENSION_ICON}from"./constants";const getFileExtension=str=>{if(!str)return null;const match=str.match(/\.([a-zA-Z0-9]+)(?:\?|$)/);return match?match[1].toLowerCase():null};export const getIcon=(label,url)=>{const extension=getFileExtension(label)||getFileExtension(url);return extension&&EXTENSION_ICON[extension]||DEFAULT_ICON};

package/dist/esm/components/UTLabel/components/Markdown/components/CitationGroup/index.js

@@ -1,15 +1 @@
-import React, { memo, useState } from 'react';
-import WithCustomHandler from '../WithCustomHandler';
-import styles from './styles.module.scss';
-const CitationGroup = _ref => {
-  let {
-    children
-  } = _ref;
-  const [isHovered, setIsHovered] = useState(false);
-  return /*#__PURE__*/React.createElement("div", {
-    className: "".concat(styles.citationGroup, " ").concat(isHovered ? styles.isHovered : ''),
-    onMouseEnter: () => setIsHovered(true),
-    onMouseLeave: () => setIsHovered(false)
-  }, children);
-};
-export default /*#__PURE__*/memo(WithCustomHandler(CitationGroup));
+import React,{memo,useState}from"react";import WithCustomHandler from"../WithCustomHandler";import styles from"./styles.module.scss";const CitationGroup=_ref=>{let{children:children}=_ref;const[isHovered,setIsHovered]=useState(!1);return React.createElement("div",{className:"".concat(styles.citationGroup," ").concat(isHovered?styles.isHovered:""),onMouseEnter:()=>setIsHovered(!0),onMouseLeave:()=>setIsHovered(!1)},children)};export default memo(WithCustomHandler(CitationGroup));

package/dist/esm/components/UTLabel/components/Markdown/components/Links/constants.js

@@ -1,2 +1 @@
-export const DATA_FOOTNOTE_REF = 'data-footnote-ref';
-export const DATA_FOOTNOTE_BACKREF = 'data-footnote-backref';
+export const DATA_FOOTNOTE_REF="data-footnote-ref";export const DATA_FOOTNOTE_BACKREF="data-footnote-backref";

package/dist/esm/components/UTLabel/components/Markdown/components/Links/index.js

@@ -1,38 +1 @@
-import React, { memo } from 'react';
-import { bool, string } from 'prop-types';
-import WithCustomHandler from '../WithCustomHandler';
-import { DATA_FOOTNOTE_REF, DATA_FOOTNOTE_BACKREF } from './constants';
-import styles from './styles.module.scss';
-const Links = _ref => {
-  let {
-    [DATA_FOOTNOTE_REF]: dataFootnoteRef,
-    [DATA_FOOTNOTE_BACKREF]: dataFootnoteBackref,
-    children,
-    href,
-    id,
-    markdownExtended
-  } = _ref;
-  if (markdownExtended && dataFootnoteRef !== undefined) return /*#__PURE__*/React.createElement("a", {
-    href: href,
-    id: id,
-    className: styles.isFootNoteRef
-  }, children);
-  if (markdownExtended && dataFootnoteBackref !== undefined) return /*#__PURE__*/React.createElement("a", {
-    href: href,
-    id: id,
-    className: styles.isFootNoteRef
-  }, href.substring(20));
-  return /*#__PURE__*/React.createElement("a", {
-    href: href,
-    rel: "noopener noreferrer",
-    target: "_blank"
-  }, children);
-};
-Links.propTypes = {
-  [DATA_FOOTNOTE_REF]: string,
-  [DATA_FOOTNOTE_BACKREF]: string,
-  href: string,
-  id: string,
-  markdownExtended: bool
-};
-export default /*#__PURE__*/memo(WithCustomHandler(Links));
+import React,{memo}from"react";import{bool,string}from"prop-types";import WithCustomHandler from"../WithCustomHandler";import{DATA_FOOTNOTE_REF,DATA_FOOTNOTE_BACKREF}from"./constants";import styles from"./styles.module.scss";const Links=_ref=>{let{[DATA_FOOTNOTE_REF]:dataFootnoteRef,[DATA_FOOTNOTE_BACKREF]:dataFootnoteBackref,children:children,href:href,id:id,markdownExtended:markdownExtended}=_ref;return markdownExtended&&void 0!==dataFootnoteRef?React.createElement("a",{href:href,id:id,className:styles.isFootNoteRef},children):markdownExtended&&void 0!==dataFootnoteBackref?React.createElement("a",{href:href,id:id,className:styles.isFootNoteRef},href.substring(20)):React.createElement("a",{href:href,rel:"noopener noreferrer",target:"_blank"},children)};Links.propTypes={[DATA_FOOTNOTE_REF]:string,[DATA_FOOTNOTE_BACKREF]:string,href:string,id:string,markdownExtended:bool};export default memo(WithCustomHandler(Links));

package/dist/esm/components/UTLabel/components/Markdown/components/ListItem/index.js

@@ -1,44 +1 @@
-import React, { Fragment, memo } from 'react';
-import { object } from 'prop-types';
-import UTIcon from '../../../../../UTIcon';
-import WithCustomHandler from '../WithCustomHandler';
-import { cleanElementProps } from '../../utils';
-import styles from './styles.module.scss';
-const ListItem = _ref => {
-  var _node$properties;
-  let {
-    children,
-    node,
-    ...props
-  } = _ref;
-  const classList = Array.isArray(node === null || node === void 0 || (_node$properties = node.properties) === null || _node$properties === void 0 ? void 0 : _node$properties.className) ? node.properties.className : [];
-  const isTaskListItem = classList.includes('task-list-item');
-  if (isTaskListItem) {
-    var _node$children, _checkbox$properties;
-    const checkbox = node === null || node === void 0 || (_node$children = node.children) === null || _node$children === void 0 ? void 0 : _node$children[0];
-    const isChecked = Boolean(checkbox === null || checkbox === void 0 || (_checkbox$properties = checkbox.properties) === null || _checkbox$properties === void 0 ? void 0 : _checkbox$properties.checked);
-    const contentNodes = Array.isArray(children) ? children.slice(1) : children;
-    return /*#__PURE__*/React.createElement("li", {
-      className: styles.taskListItem
-    }, isChecked ? /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement(UTIcon, {
-      area: true,
-      colorTheme: "success",
-      name: "IconCheck",
-      size: 16
-    }), /*#__PURE__*/React.createElement("span", {
-      className: styles.itemContentChecked
-    }, contentNodes)) : /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement("span", {
-      className: styles.taskItemIconUnchecked
-    }), /*#__PURE__*/React.createElement("span", null, contentNodes)));
-  }
-  const safeChildren = Array.isArray(children) ? children : children ? [children] : [];
-  const mergedProps = {
-    ...cleanElementProps(props),
-    ...((node === null || node === void 0 ? void 0 : node.properties) || {})
-  };
-  return /*#__PURE__*/React.createElement('li', mergedProps, safeChildren);
-};
-ListItem.propTypes = {
-  node: object
-};
-export default /*#__PURE__*/memo(WithCustomHandler(ListItem));
+import React,{Fragment,memo}from"react";import{object}from"prop-types";import UTIcon from"../../../../../UTIcon";import WithCustomHandler from"../WithCustomHandler";import{cleanElementProps}from"../../utils";import styles from"./styles.module.scss";const ListItem=_ref=>{var _node$properties;let{children:children,node:node,...props}=_ref;if((Array.isArray(null==node||null===(_node$properties=node.properties)||void 0===_node$properties?void 0:_node$properties.className)?node.properties.className:[]).includes("task-list-item")){var _node$children,_checkbox$properties;const checkbox=null==node||null===(_node$children=node.children)||void 0===_node$children?void 0:_node$children[0],isChecked=Boolean(null==checkbox||null===(_checkbox$properties=checkbox.properties)||void 0===_checkbox$properties?void 0:_checkbox$properties.checked),contentNodes=Array.isArray(children)?children.slice(1):children;return React.createElement("li",{className:styles.taskListItem},isChecked?React.createElement(Fragment,null,React.createElement(UTIcon,{area:!0,colorTheme:"success",name:"IconCheck",size:16}),React.createElement("span",{className:styles.itemContentChecked},contentNodes)):React.createElement(Fragment,null,React.createElement("span",{className:styles.taskItemIconUnchecked}),React.createElement("span",null,contentNodes)))}const safeChildren=Array.isArray(children)?children:children?[children]:[],mergedProps={...cleanElementProps(props),...(null==node?void 0:node.properties)||{}};return React.createElement("li",mergedProps,safeChildren)};ListItem.propTypes={node:object};export default memo(WithCustomHandler(ListItem));