@widergy/energy-ui 3.173.2 → 3.173.4

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=e=>{let{classes:t,compact:a,dataTestId:c,disabled:o,isSelected:n,onChange:l,oneColumn:s,option:i={},variant:r={}}=e;const{value:m,name:d,configuration:p={}}=i,{transparent_background:u,vertical:T}=r,{image_url:g,selected_image_url:y,UnselectedImageComponent:b,SelectedImageComponent:R,tooltip:C,description:h}=p,f=()=>l(m),E=n&&R||b,U=useMemo(()=>e=>e&&y?React.createElement("img",{alt:"imageRadioSelected",src:y}):React.createElement("img",{alt:"imageRadioUnselected",src:g}),[g,y]),I=()=>React.createElement(UTTouchableWithoutFeedback,{className:"".concat(styles.container," ").concat(t.containerCard," ").concat(n&&"".concat(styles.isSelected," ").concat(t.isSelected)," ").concat(s&&styles.oneColumn," ").concat(a&&styles.compact," ").concat(o&&styles.disabled," ").concat(u&&styles.transparent," ").concat(T&&t.vertical," ").concat(C&&styles.contentWithTooltip," "),dataTestId:c,onClick:f},(g||E)&&React.createElement("div",{className:"".concat(t.image," ").concat(styles.image)},g&&U(n),E&&React.createElement(E,null)),React.createElement("div",{className:"".concat(styles.containerText," ").concat(t.containerText)},React.createElement(UTLabel,{className:"".concat(t.name," ").concat(styles.text," ").concat(n&&!u&&t.selectedText)},d),h&&React.createElement(UTLabel,{weight:"light",className:"".concat(t.description," ").concat(styles.text," ").concat(n&&styles.selectedText)},h)));return C?React.createElement(UTTooltip,{content:C,tippyProps:{hideOnClick:!0}},React.createElement("span",{className:"".concat(styles.contentContainer," ").concat(s?styles.oneColumn:styles.twoColumns," ")},React.createElement(I,null))):React.createElement(I,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=e=>{let{classNames:o,classes:t,compact:r,dataTestId:a,disabled:s,field:m,input:i={},leftAligned:n,meta:l,oneColumn:p,oneColumnBreakpoint:c=DEFAULT_ONE_COLUMN_BREAKPOINT,options:d=[]}=e;const f=[...d],{value:u,onChange:T}=i,{ref:y,width:g}=useComponentDimensions(),b=n||(null==m?void 0:m.configuration.left_aligned),h=mergeClasses(t,o);return React.createElement(Fragment,null,React.createElement("div",{ref:y,className:"".concat(styles.container," ").concat(h.container," ").concat(b&&styles.leftAligned)},f.sort(sortOptions).map((e,o)=>React.createElement(ImageRadioCard,{classes:h,compact:r,dataTestId:"".concat(a).concat(o),disabled:s,isSelected:u===e.value,key:e.value,onChange:T,oneColumn:p||g<c,option:e,variant:null==m?void 0:m.configuration}))),l&&shouldShowErrors(l)&&React.createElement(UTLabel,{colorTheme:"error",className:styles.error,variant:"small"},l.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=o=>{var i,t,e,a,n,l,r,d,g,c,m;let{theme:I}=o;const v=getIn(I,["Media","tabletMobile"]);return{containerCard:{backgroundColor:getIn(I,["UTImageRadio","containerCard","backgroundColor"],Colors.imageRadioBackground),gap:getIn(I,["UTImageRadio","containerCard","gap"],"".concat(defaultGridGap,"px")),padding:standarizePadding(getIn(I,["UTImageRadio","containerCard","padding"],"24px")),height:getIn(I,["UTImageRadio","containerCard","height"],"fit-content"),width:getIn(I,["UTImageRadio","containerCard","width"],"calc(50% - 2 * ".concat(defaultGridGap,"px)")),"&:hover":{backgroundColor:getIn(I,["UTImageRadio","containerCard","hover","backgroundColor"]),filter:getIn(I,["UTImageRadio","containerCard","hover","filter"],"brightness(0.95)")},flexDirection:getIn(I,["UTImageRadio","containerCard","flexDirection"],"row")},isSelected:{backgroundColor:getIn(I,["UTImageRadio","isSelected","backgroundColor"],Colors.blue),pointerEvents:getIn(I,["UTImageRadio","isSelected","pointerEvents"],"none")},containerText:{width:withImportant((null==I||null===(i=I.UTImageRadio)||void 0===i||null===(i=i.containerText)||void 0===i?void 0:i.width)||"100%"),[v]:{width:"100%"}},image:{height:getIn(I,["UTImageRadio","image","height"]),width:getIn(I,["UTImageRadio","image","width"],"56px")},vertical:{flexDirection:getIn(I,["UTImageRadio","vertical","flexDirection"],"column"),border:getIn(I,["UTImageRadio","vertical","border"],"2px solid transparent"),borderWidth:withImportant((null==I||null===(t=I.UTImageRadio)||void 0===t||null===(t=t.vertical)||void 0===t?void 0:t.borderWidth)||"2px"),alignItems:getIn(I,["UTImageRadio","vertical","alignItems"],"center"),textAlign:getIn(I,["UTImageRadio","vertical","textAlign"],"center"),width:withImportant((null==I||null===(e=I.UTImageRadio)||void 0===e||null===(e=e.vertical)||void 0===e?void 0:e.width)||"fit-content"),pointerEvents:getIn(I,["UTImageRadio","vertical","pointerEvents"],"auto"),"&:hover":{border:withImportant((null==I||null===(a=I.UTImageRadio)||void 0===a||null===(a=a.vertical)||void 0===a?void 0:a.border)||"2px solid ".concat(Colors.imageRadioBackground))}},description:{color:withImportant((null==I||null===(n=I.UTImageRadio)||void 0===n||null===(n=n.description)||void 0===n?void 0:n.color)||Colors.black),fontSize:withImportant("".concat((null==I||null===(l=I.UTImageRadio)||void 0===l||null===(l=l.description)||void 0===l?void 0:l.fontSize)||14,"px")),fontWeight:withImportant((null==I||null===(r=I.UTImageRadio)||void 0===r||null===(r=r.description)||void 0===r?void 0:r.fontWeight)||400)},name:{color:withImportant((null==I||null===(d=I.UTImageRadio)||void 0===d||null===(d=d.name)||void 0===d?void 0:d.color)||Colors.black),fontSize:withImportant("".concat((null==I||null===(g=I.UTImageRadio)||void 0===g||null===(g=g.name)||void 0===g?void 0:g.fontSize)||18,"px")),fontWeight:withImportant((null==I||null===(c=I.UTImageRadio)||void 0===c||null===(c=c.name)||void 0===c?void 0:c.fontWeight)||600)},selectedText:{color:withImportant((null==I||null===(m=I.UTImageRadio)||void 0===m||null===(m=m.selectedText)||void 0===m?void 0:m.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=(d,i)=>d.order-i.order;export const standarizePadding=d=>validPaddings.includes(d)||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=e=>{let{classes:t,classNames:s,title:a,primaryValue:r={},secondaryValue:i={},status:l={},statusProps:n={}}=e;const o=useMemo(()=>mergeMultipleClassNames(ownStyles,t,s),[ownStyles,t,s]),m=[r.prefix,r.value,r.suffix].filter(Boolean).join(""),c=[i.prefix,i.value,i.suffix].filter(Boolean).join(""),p=[l.prefix,l.value,l.suffix].filter(Boolean).join("");return React.createElement("div",{className:o.container},React.createElement(UTLabel,{weight:"medium"},a),React.createElement("div",{className:o.contentContainer},(m||c)&&React.createElement("div",{className:o.valuesContainer},m&&React.createElement(UTLabel,{variant:"title3",weight:"medium"},m),c&&React.createElement(UTLabel,{colorTheme:"gray",variant:"small"},c)),p&&React.createElement(UTStatus,{type:"light",size:"small",variant:n.variant,Icon:n.Icon},p)))};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=t=>{var e;let{theme:o}=t;return{container:{backgroundColor:o.Palette[COLOR_THEMES.light][COLOR_SHADES.shade01],boxShadow:getShadow({color:null===(e=o.Palette.shadows)||void 0===e?void 0:e.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=t=>{let{children:e,classes:r}=t;const o=[];return Array.isArray(e)&&e.forEach(t=>{var e;if("string"==typeof t){const e=t.split("\n").filter(t=>t.trim());o.push(...e)}else if("p"===(null==t?void 0:t.type)&&null!=t&&null!==(e=t.props)&&void 0!==e&&e.children){const e=t.props.children;Array.isArray(e)?e.forEach(t=>{"string"==typeof t&&t.trim()&&o.push(t.trim())}):"string"==typeof e&&e.trim()&&o.push(e.trim())}}),React.createElement("div",{className:"".concat(styles.blockquote," ").concat(null==r?void 0:r.blockquote)},o.map(t=>React.createElement("div",{key:t},t)))};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=e=>{let{label:t,url:o}=e;const r=()=>window.open(o,"_blank","noopener,noreferrer"),n=getIcon(t,o);return React.createElement("div",{className:styles.container,onClick:r,onKeyDown:e=>{"Enter"!==e.key&&" "!==e.key||r()},role:"button",tabIndex:0},React.createElement(UTIcon,{colorTheme:"gray",name:n,size:20}),React.createElement("div",{className:styles.label},t))};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=t=>{if(!t)return null;const n=t.match(/\.([a-zA-Z0-9]+)(?:\?|$)/);return n?n[1].toLowerCase():null};export const getIcon=(t,n)=>{const e=getFileExtension(t)||getFileExtension(n);return e&&EXTENSION_ICON[e]||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=t=>{let{children:e}=t;const[o,s]=useState(!1);return React.createElement("div",{className:"".concat(styles.citationGroup," ").concat(o?styles.isHovered:""),onMouseEnter:()=>s(!0),onMouseLeave:()=>s(!1)},e)};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=e=>{let{[DATA_FOOTNOTE_REF]:t,[DATA_FOOTNOTE_BACKREF]:r,children:o,href:s,id:n,markdownExtended:i}=e;return i&&void 0!==t?React.createElement("a",{href:s,id:n,className:styles.isFootNoteRef},o):i&&void 0!==r?React.createElement("a",{href:s,id:n,className:styles.isFootNoteRef},s.substring(20)):React.createElement("a",{href:s,rel:"noopener noreferrer",target:"_blank"},o)};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=e=>{var t;let{children:r,node:l,...s}=e;if((Array.isArray(null==l||null===(t=l.properties)||void 0===t?void 0:t.className)?l.properties.className:[]).includes("task-list-item")){var a,n;const e=null==l||null===(a=l.children)||void 0===a?void 0:a[0],t=Boolean(null==e||null===(n=e.properties)||void 0===n?void 0:n.checked),s=Array.isArray(r)?r.slice(1):r;return React.createElement("li",{className:styles.taskListItem},t?React.createElement(Fragment,null,React.createElement(UTIcon,{area:!0,colorTheme:"success",name:"IconCheck",size:16}),React.createElement("span",{className:styles.itemContentChecked},s)):React.createElement(Fragment,null,React.createElement("span",{className:styles.taskItemIconUnchecked}),React.createElement("span",null,s)))}const o=Array.isArray(r)?r:r?[r]:[],c={...cleanElementProps(s),...(null==l?void 0:l.properties)||{}};return React.createElement("li",c,o)};ListItem.propTypes={node:object};export default memo(WithCustomHandler(ListItem));