@widergy/energy-ui 3.172.1 → 3.172.3

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

@@ -1,103 +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 { array, bool, object, objectOf, string } from 'prop-types';
-import React, { useMemo, useRef, useState } from 'react';
-import isEmpty from 'lodash/isEmpty';
-import WithTheme from '../WithTheme';
-import UTDataElement from '../UTDataElement';
-import UTLabel from '../UTLabel';
-import UTButton from '../UTButton';
-import { mergeClasses } from '../../utils/classesUtils';
-import { TEST_IDS } from '../../constants/testIds';
-import UTIcon from '../UTIcon';
-import MainAction from '../UTDataElement/components/MainAction';
-import styles from './styles.module.scss';
-import { retrieveStyle } from './theme';
-import { WITHOUT_DATA_TEXT } from './constants';
-const {
-  dataCategory
-} = TEST_IDS;
-const UTDataCategory = _ref => {
-  let {
-    action,
-    area,
-    classes: theme,
-    classNames,
-    collapsable = true,
-    dataTestId,
-    elements = [],
-    elementsProps = {},
-    expanded = false,
-    Icon,
-    iconProps,
-    title,
-    titleProps
-  } = _ref;
-  const IconComponent = typeof Icon === 'string' ? UTIcon : Icon;
-  const showTitle = !!title;
-  const classes = useMemo(() => mergeClasses(theme, classNames), [classNames, theme]);
-  const [isCollapsed, setIsCollapsed] = useState(showTitle && collapsable && !expanded);
-  const childrenRef = useRef(null);
-  const toggleCollapsed = () => setIsCollapsed(!isCollapsed);
-  const containerClasses = "".concat(styles.container, " ").concat(classes.container || '', " ").concat(area ? classes.area : '');
-  const collapseButtonClasses = "".concat(styles.collapseButton, " ").concat(isCollapsed ? styles.collapsed : '');
-  return /*#__PURE__*/React.createElement("div", {
-    className: containerClasses,
-    "data-testid": dataTestId ? "".concat(dataTestId, ".").concat(dataCategory.container) : undefined
-  }, title && /*#__PURE__*/React.createElement("div", {
-    className: styles.title
-  }, IconComponent && /*#__PURE__*/React.createElement(IconComponent, _extends({
-    name: Icon,
-    colorTheme: "gray"
-  }, iconProps)), /*#__PURE__*/React.createElement(UTLabel, _extends({
-    colorTheme: "gray",
-    weight: "medium"
-  }, titleProps), title), collapsable && /*#__PURE__*/React.createElement("div", {
-    className: collapseButtonClasses
-  }, /*#__PURE__*/React.createElement(UTButton, {
-    Icon: "IconChevronUp",
-    variant: "text",
-    onClick: toggleCollapsed,
-    size: "small",
-    dataTestId: dataTestId ? "".concat(dataTestId, ".").concat(dataCategory.collapseButton) : undefined
-  })), action && /*#__PURE__*/React.createElement(MainAction, action)), /*#__PURE__*/React.createElement("div", {
-    style: {
-      gridTemplateRows: isCollapsed ? '0fr' : '1fr',
-      marginTop: isCollapsed || !showTitle ? 0 : 16
-    },
-    className: styles.children
-  }, /*#__PURE__*/React.createElement("div", {
-    ref: childrenRef,
-    className: styles.childrenContent
-  }, isEmpty(elements) ? /*#__PURE__*/React.createElement(UTLabel, {
-    align: "center",
-    colorTheme: "gray"
-  }, WITHOUT_DATA_TEXT) : elements.map((element, index) => {
-    const {
-      key,
-      ...dataElementProps
-    } = element;
-    return /*#__PURE__*/React.createElement(UTDataElement, _extends({
-      key: key || index,
-      dataTestId: dataTestId ? "".concat(dataTestId, ".").concat(index) : "".concat(dataCategory.item, ".").concat(index),
-      classNames: classes.element
-    }, elementsProps, dataElementProps));
-  }))));
-};
-UTDataCategory.propTypes = {
-  action: object,
-  area: bool,
-  areaProps: object,
-  classes: objectOf(string),
-  classNames: objectOf(string),
-  collapsable: bool,
-  dataTestId: string,
-  elements: array,
-  elementsProps: object,
-  expanded: bool,
-  Icon: string,
-  iconProps: object,
-  style: object,
-  title: string,
-  titleProps: object
-};
-export default WithTheme(retrieveStyle)(UTDataCategory);
+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{array,bool,object,objectOf,string}from"prop-types";import React,{useMemo,useRef,useState}from"react";import isEmpty from"lodash/isEmpty";import WithTheme from"../WithTheme";import UTDataElement from"../UTDataElement";import UTLabel from"../UTLabel";import UTButton from"../UTButton";import{mergeClasses}from"../../utils/classesUtils";import{TEST_IDS}from"../../constants/testIds";import UTIcon from"../UTIcon";import MainAction from"../UTDataElement/components/MainAction";import styles from"./styles.module.scss";import{retrieveStyle}from"./theme";import{WITHOUT_DATA_TEXT}from"./constants";const{dataCategory:dataCategory}=TEST_IDS,UTDataCategory=_ref=>{let{action:action,area:area,classes:theme,classNames:classNames,collapsable:collapsable=!0,dataTestId:dataTestId,elements:elements=[],elementsProps:elementsProps={},expanded:expanded=!1,Icon:Icon,iconProps:iconProps,title:title,titleProps:titleProps}=_ref;const IconComponent="string"==typeof Icon?UTIcon:Icon,showTitle=!!title,classes=useMemo(()=>mergeClasses(theme,classNames),[classNames,theme]),[isCollapsed,setIsCollapsed]=useState(showTitle&&collapsable&&!expanded),childrenRef=useRef(null),containerClasses="".concat(styles.container," ").concat(classes.container||""," ").concat(area?classes.area:""),collapseButtonClasses="".concat(styles.collapseButton," ").concat(isCollapsed?styles.collapsed:"");return React.createElement("div",{className:containerClasses,"data-testid":dataTestId?"".concat(dataTestId,".").concat(dataCategory.container):void 0},title&&React.createElement("div",{className:styles.title},IconComponent&&React.createElement(IconComponent,_extends({name:Icon,colorTheme:"gray"},iconProps)),React.createElement(UTLabel,_extends({colorTheme:"gray",weight:"medium"},titleProps),title),collapsable&&React.createElement("div",{className:collapseButtonClasses},React.createElement(UTButton,{Icon:"IconChevronUp",variant:"text",onClick:()=>setIsCollapsed(!isCollapsed),size:"small",dataTestId:dataTestId?"".concat(dataTestId,".").concat(dataCategory.collapseButton):void 0})),action&&React.createElement(MainAction,action)),React.createElement("div",{style:{gridTemplateRows:isCollapsed?"0fr":"1fr",marginTop:isCollapsed||!showTitle?0:16},className:styles.children},React.createElement("div",{ref:childrenRef,className:styles.childrenContent},isEmpty(elements)?React.createElement(UTLabel,{align:"center",colorTheme:"gray"},WITHOUT_DATA_TEXT):elements.map((element,index)=>{const{key:key,...dataElementProps}=element;return React.createElement(UTDataElement,_extends({key:key||index,dataTestId:dataTestId?"".concat(dataTestId,".").concat(index):"".concat(dataCategory.item,".").concat(index),classNames:classes.element},elementsProps,dataElementProps))}))))};UTDataCategory.propTypes={action:object,area:bool,areaProps:object,classes:objectOf(string),classNames:objectOf(string),collapsable:bool,dataTestId:string,elements:array,elementsProps:object,expanded:bool,Icon:string,iconProps:object,style:object,title:string,titleProps:object};export default WithTheme(retrieveStyle)(UTDataCategory);

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

@@ -1,27 +1 @@
-import { COLOR_THEMES, COLOR_SHADES } from '../../constants/Palette';
-export const backgroundColor = function (theme, area) {
-  var _theme$Palette;
-  let areaProps = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
-  const colorTheme = areaProps.colorTheme || COLOR_THEMES.light;
-  const actionPaletteColors = ((_theme$Palette = theme.Palette) === null || _theme$Palette === void 0 ? void 0 : _theme$Palette.actions) || theme.Palette;
-  const areaColor = actionPaletteColors[colorTheme];
-  const shade = areaProps.shade || (COLOR_THEMES.light === colorTheme ? COLOR_SHADES.shade03 : COLOR_SHADES.shade01);
-  return {
-    backgroundColor: area ? areaColor[shade] : 'transparent'
-  };
-};
-export const retrieveStyle = _ref => {
-  let {
-    area,
-    theme,
-    areaProps
-  } = _ref;
-  const areaBackgroundColor = backgroundColor(theme, area, areaProps);
-  return {
-    area: {
-      ...areaBackgroundColor,
-      padding: 'var(--UT-dataCategory-padding, 1rem)',
-      borderRadius: 8
-    }
-  };
-};
+import{COLOR_THEMES,COLOR_SHADES}from"../../constants/Palette";export const backgroundColor=function(theme,area){var _theme$Palette;let areaProps=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{};const colorTheme=areaProps.colorTheme||COLOR_THEMES.light,areaColor=((null===(_theme$Palette=theme.Palette)||void 0===_theme$Palette?void 0:_theme$Palette.actions)||theme.Palette)[colorTheme],shade=areaProps.shade||(COLOR_THEMES.light===colorTheme?COLOR_SHADES.shade03:COLOR_SHADES.shade01);return{backgroundColor:area?areaColor[shade]:"transparent"}};export const retrieveStyle=_ref=>{let{area:area,theme:theme,areaProps:areaProps}=_ref;return{area:{...backgroundColor(theme,area,areaProps),padding:"var(--UT-dataCategory-padding, 1rem)",borderRadius:8}}};

package/dist/esm/components/UTDataElement/components/MainAction/index.js

@@ -1,40 +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 from 'react';
-import { bool, oneOf, func, string, number, oneOfType } from 'prop-types';
-import { TEST_IDS } from '../../../../constants/testIds';
-import UTSwitch from '../../../UTSwitch';
-import UTButton from '../../../UTButton';
-import { ACTION_TYPE } from '../../constants';
-const {
-  dataElement
-} = TEST_IDS;
-const MainAction = _ref => {
-  let {
-    type = ACTION_TYPE.BUTTON,
-    onChange,
-    value,
-    onClick,
-    dataTestId,
-    ...props
-  } = _ref;
-  return type === ACTION_TYPE.SWITCH && onChange ? /*#__PURE__*/React.createElement(UTSwitch, _extends({
-    onChange: onChange,
-    value: value
-  }, props, {
-    dataTestId: dataTestId ? "".concat(dataTestId, ".").concat(dataElement.switchAction) : undefined,
-    version: "V1"
-  })) : type === ACTION_TYPE.BUTTON && onClick ? /*#__PURE__*/React.createElement(UTButton, _extends({
-    dataTestId: dataTestId ? "".concat(dataTestId, ".").concat(dataElement.buttonAction) : undefined,
-    variant: "text",
-    onClick: onClick
-  }, props)) : null;
-};
-MainAction.propTypes = {
-  dataTestId: string,
-  id: oneOfType([string, number]),
-  onChange: func,
-  onClick: func,
-  type: oneOf(Object.values(ACTION_TYPE)),
-  value: bool
-};
-export default MainAction;
+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 from"react";import{bool,oneOf,func,string,number,oneOfType}from"prop-types";import{TEST_IDS}from"../../../../constants/testIds";import UTSwitch from"../../../UTSwitch";import UTButton from"../../../UTButton";import{ACTION_TYPE}from"../../constants";const{dataElement:dataElement}=TEST_IDS,MainAction=_ref=>{let{type:type=ACTION_TYPE.BUTTON,onChange:onChange,value:value,onClick:onClick,dataTestId:dataTestId,...props}=_ref;return type===ACTION_TYPE.SWITCH&&onChange?React.createElement(UTSwitch,_extends({onChange:onChange,value:value},props,{dataTestId:dataTestId?"".concat(dataTestId,".").concat(dataElement.switchAction):void 0,version:"V1"})):type===ACTION_TYPE.BUTTON&&onClick?React.createElement(UTButton,_extends({dataTestId:dataTestId?"".concat(dataTestId,".").concat(dataElement.buttonAction):void 0,variant:"text",onClick:onClick},props)):null};MainAction.propTypes={dataTestId:string,id:oneOfType([string,number]),onChange:func,onClick:func,type:oneOf(Object.values(ACTION_TYPE)),value:bool};export default MainAction;

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

@@ -1,24 +1 @@
-export const ORIENTATION = {
-  HORIZONTAL: 'horizontal',
-  VERTICAL: 'vertical'
-};
-export const PADDING = {
-  SMALL: 'small',
-  MEDIUM: 'medium'
-};
-export const SPACING = {
-  XS: 'xs',
-  SMALL: 'small',
-  MEDIUM: 'medium'
-};
-export const ACTION_TYPE = {
-  SWITCH: 'switch',
-  BUTTON: 'button'
-};
-export const TOOLTIP_PROPS = {
-  appendTo: () => document.body,
-  interactive: false
-};
-export const ANIMATION = {
-  TRANSITION_DURATION: 300
-};
+export const ORIENTATION={HORIZONTAL:"horizontal",VERTICAL:"vertical"};export const PADDING={SMALL:"small",MEDIUM:"medium"};export const SPACING={XS:"xs",SMALL:"small",MEDIUM:"medium"};export const ACTION_TYPE={SWITCH:"switch",BUTTON:"button"};export const TOOLTIP_PROPS={appendTo:()=>document.body,interactive:!1};export const ANIMATION={TRANSITION_DURATION:300};

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

@@ -1,152 +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 { bool, element, object, number, objectOf, oneOfType, string } from 'prop-types';
-import React, { useCallback, useMemo, useRef, useState, Fragment } from 'react';
-import isEmpty from 'lodash/isEmpty';
-import isString from 'lodash/isString';
-import isFinite from 'lodash/isFinite';
-import UTTooltip from '../UTTooltip';
-import UTBadge from '../UTBadge';
-import UTLabel from '../UTLabel';
-import WithTheme from '../WithTheme';
-import UTIcon from '../UTIcon';
-import { capitalize, isUTIcon, isUTLabel } from '../../utils/componentUtils';
-import { mergeMultipleClassNames } from '../../utils/classesUtils';
-import UTButton from '../UTButton';
-import { TEST_IDS } from '../../constants/testIds';
-import { retrieveStyle } from './theme';
-import styles from './styles.module.scss';
-import { ORIENTATION, PADDING, SPACING, TOOLTIP_PROPS, ANIMATION } from './constants';
-import MainAction from './components/MainAction';
-const {
-  dataElement
-} = TEST_IDS;
-const UTDataElement = _ref => {
-  let {
-    action,
-    area,
-    badge,
-    badgeProps = {},
-    children,
-    classes: theme,
-    classNames,
-    Data,
-    dataProps = {},
-    dataTestId,
-    forceShowBadge = false,
-    Icon,
-    iconProps = {},
-    orientation = ORIENTATION.HORIZONTAL,
-    paddingVertical = PADDING.MEDIUM,
-    prefix,
-    prefixProps = {},
-    spacing = SPACING.MEDIUM,
-    title,
-    titleProps = {},
-    transitionDuration = ANIMATION.TRANSITION_DURATION
-  } = _ref;
-  const classes = useMemo(() => mergeMultipleClassNames(styles, theme, classNames), [classNames, theme]);
-  const [isCollapsed, setIsCollapsed] = useState(true);
-  const [isTransitioning, setIsTransitioning] = useState(false);
-  const [contentHeight, setContentHeight] = useState('0px');
-  const childrenRef = useRef(null);
-  const toggleCollapsed = useCallback(() => {
-    if (isCollapsed) {
-      if (childrenRef.current) {
-        const height = childrenRef.current.scrollHeight;
-        setContentHeight("".concat(height, "px"));
-        setIsTransitioning(true);
-        setIsCollapsed(false);
-        setTimeout(() => {
-          setIsTransitioning(false);
-          setContentHeight('none');
-        }, transitionDuration);
-      }
-    } else if (childrenRef.current) {
-      const height = childrenRef.current.scrollHeight;
-      setContentHeight("".concat(height, "px"));
-      setIsTransitioning(true);
-      requestAnimationFrame(() => {
-        setContentHeight('0px');
-        setIsCollapsed(true);
-        setTimeout(() => setIsTransitioning(false), transitionDuration);
-      });
-    }
-  }, [isCollapsed]);
-  const IconComponent = isUTIcon(Icon) ? UTIcon : Icon;
-  const DataComponent = isUTLabel(Data) ? /*#__PURE__*/React.createElement(UTLabel, dataProps, Data) : Data;
-  const showBadge = forceShowBadge || isString(badge) && !isEmpty(badge) || isFinite(badge);
-  const {
-    tooltip: titleTooltip
-  } = titleProps || {};
-  const withTitleTooltip = isString(titleTooltip) && !isEmpty(titleTooltip);
-  const TitleWrapper = withTitleTooltip ? UTTooltip : Fragment;
-  const contentClasses = "".concat(classes.content, " ").concat(styles["spacing".concat(capitalize(spacing))]);
-  const infoClasses = "".concat(classes.info, " ").concat(orientation === ORIENTATION.VERTICAL && classes.vertical);
-  const iconCollapseButtonClasses = "".concat(classes.iconCollapseButton, " ").concat(isCollapsed && classes.collapsed);
-  const childrenClasses = "".concat(classes.children, " ").concat(isCollapsed ? classes.childrenCollapsed : classes.childrenExpanded, " ").concat(isTransitioning ? classes.childrenTransitioning : classes.childrenStatic);
-  return /*#__PURE__*/React.createElement("div", {
-    className: "".concat(classes.container, " ").concat(area ? classes.area : '', " ").concat(classes["padding".concat(capitalize(paddingVertical))]),
-    "data-testid": dataTestId ? "".concat(dataTestId, ".").concat(dataElement.container) : undefined
-  }, /*#__PURE__*/React.createElement("div", {
-    className: contentClasses
-  }, IconComponent && /*#__PURE__*/React.createElement(IconComponent, _extends({
-    name: Icon,
-    colorTheme: "gray",
-    size: "var(--UT-dataElement-icon-size, 1.5rem)"
-  }, iconProps)), /*#__PURE__*/React.createElement("div", {
-    className: infoClasses
-  }, (prefix || title || showBadge) && /*#__PURE__*/React.createElement("div", {
-    className: classes.topInfo
-  }, prefix && /*#__PURE__*/React.createElement(UTLabel, _extends({
-    colorTheme: "gray"
-  }, prefixProps), prefix), title && /*#__PURE__*/React.createElement(TitleWrapper, withTitleTooltip ? {
-    tippyProps: TOOLTIP_PROPS,
-    content: titleTooltip
-  } : {}, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(UTLabel, _extends({
-    colorTheme: "gray"
-  }, titleProps), title))), showBadge && /*#__PURE__*/React.createElement(UTBadge, _extends({
-    colorTheme: "accent",
-    className: classes.badge
-  }, badgeProps), forceShowBadge ? null : badge)), DataComponent && DataComponent), action && /*#__PURE__*/React.createElement(MainAction, _extends({
-    dataTestId: dataTestId
-  }, action)), children && /*#__PURE__*/React.createElement(UTButton, {
-    classNames: {
-      icon: iconCollapseButtonClasses
-    },
-    Icon: "IconChevronUp",
-    onClick: toggleCollapsed,
-    size: "small",
-    variant: "text",
-    dataTestId: dataTestId ? "".concat(dataTestId, ".").concat(dataElement.collapseButton) : undefined
-  })), children && /*#__PURE__*/React.createElement("div", {
-    style: {
-      maxHeight: contentHeight
-    },
-    className: childrenClasses
-  }, /*#__PURE__*/React.createElement("div", {
-    ref: childrenRef
-  }, children)));
-};
-UTDataElement.propTypes = {
-  action: object,
-  area: bool,
-  badge: string,
-  badgeProps: object,
-  classes: objectOf(string),
-  classNames: objectOf(string),
-  Data: oneOfType([element, string]),
-  dataProps: object,
-  dataTestId: string,
-  forceShowBadge: bool,
-  Icon: oneOfType([element, string]),
-  iconProps: object,
-  orientation: string,
-  paddingVertical: string,
-  prefix: string,
-  prefixProps: object,
-  spacing: string,
-  title: string,
-  titleProps: object,
-  transitionDuration: number
-};
-export default WithTheme(retrieveStyle)(UTDataElement);
+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{bool,element,object,number,objectOf,oneOfType,string}from"prop-types";import React,{useCallback,useMemo,useRef,useState,Fragment}from"react";import isEmpty from"lodash/isEmpty";import isString from"lodash/isString";import isFinite from"lodash/isFinite";import UTTooltip from"../UTTooltip";import UTBadge from"../UTBadge";import UTLabel from"../UTLabel";import WithTheme from"../WithTheme";import UTIcon from"../UTIcon";import{capitalize,isUTIcon,isUTLabel}from"../../utils/componentUtils";import{mergeMultipleClassNames}from"../../utils/classesUtils";import UTButton from"../UTButton";import{TEST_IDS}from"../../constants/testIds";import{retrieveStyle}from"./theme";import styles from"./styles.module.scss";import{ORIENTATION,PADDING,SPACING,TOOLTIP_PROPS,ANIMATION}from"./constants";import MainAction from"./components/MainAction";const{dataElement:dataElement}=TEST_IDS,UTDataElement=_ref=>{let{action:action,area:area,badge:badge,badgeProps:badgeProps={},children:children,classes:theme,classNames:classNames,Data:Data,dataProps:dataProps={},dataTestId:dataTestId,forceShowBadge:forceShowBadge=!1,Icon:Icon,iconProps:iconProps={},orientation:orientation=ORIENTATION.HORIZONTAL,paddingVertical:paddingVertical=PADDING.MEDIUM,prefix:prefix,prefixProps:prefixProps={},spacing:spacing=SPACING.MEDIUM,title:title,titleProps:titleProps={},transitionDuration:transitionDuration=ANIMATION.TRANSITION_DURATION}=_ref;const classes=useMemo(()=>mergeMultipleClassNames(styles,theme,classNames),[classNames,theme]),[isCollapsed,setIsCollapsed]=useState(!0),[isTransitioning,setIsTransitioning]=useState(!1),[contentHeight,setContentHeight]=useState("0px"),childrenRef=useRef(null),toggleCollapsed=useCallback(()=>{if(isCollapsed){if(childrenRef.current){const height=childrenRef.current.scrollHeight;setContentHeight("".concat(height,"px")),setIsTransitioning(!0),setIsCollapsed(!1),setTimeout(()=>{setIsTransitioning(!1),setContentHeight("none")},transitionDuration)}}else if(childrenRef.current){const height=childrenRef.current.scrollHeight;setContentHeight("".concat(height,"px")),setIsTransitioning(!0),requestAnimationFrame(()=>{setContentHeight("0px"),setIsCollapsed(!0),setTimeout(()=>setIsTransitioning(!1),transitionDuration)})}},[isCollapsed]),IconComponent=isUTIcon(Icon)?UTIcon:Icon,DataComponent=isUTLabel(Data)?React.createElement(UTLabel,dataProps,Data):Data,showBadge=forceShowBadge||isString(badge)&&!isEmpty(badge)||isFinite(badge),{tooltip:titleTooltip}=titleProps||{},withTitleTooltip=isString(titleTooltip)&&!isEmpty(titleTooltip),TitleWrapper=withTitleTooltip?UTTooltip:Fragment,contentClasses="".concat(classes.content," ").concat(styles["spacing".concat(capitalize(spacing))]),infoClasses="".concat(classes.info," ").concat(orientation===ORIENTATION.VERTICAL&&classes.vertical),iconCollapseButtonClasses="".concat(classes.iconCollapseButton," ").concat(isCollapsed&&classes.collapsed),childrenClasses="".concat(classes.children," ").concat(isCollapsed?classes.childrenCollapsed:classes.childrenExpanded," ").concat(isTransitioning?classes.childrenTransitioning:classes.childrenStatic);return React.createElement("div",{className:"".concat(classes.container," ").concat(area?classes.area:""," ").concat(classes["padding".concat(capitalize(paddingVertical))]),"data-testid":dataTestId?"".concat(dataTestId,".").concat(dataElement.container):void 0},React.createElement("div",{className:contentClasses},IconComponent&&React.createElement(IconComponent,_extends({name:Icon,colorTheme:"gray",size:"var(--UT-dataElement-icon-size, 1.5rem)"},iconProps)),React.createElement("div",{className:infoClasses},(prefix||title||showBadge)&&React.createElement("div",{className:classes.topInfo},prefix&&React.createElement(UTLabel,_extends({colorTheme:"gray"},prefixProps),prefix),title&&React.createElement(TitleWrapper,withTitleTooltip?{tippyProps:TOOLTIP_PROPS,content:titleTooltip}:{},React.createElement("div",null,React.createElement(UTLabel,_extends({colorTheme:"gray"},titleProps),title))),showBadge&&React.createElement(UTBadge,_extends({colorTheme:"accent",className:classes.badge},badgeProps),forceShowBadge?null:badge)),DataComponent&&DataComponent),action&&React.createElement(MainAction,_extends({dataTestId:dataTestId},action)),children&&React.createElement(UTButton,{classNames:{icon:iconCollapseButtonClasses},Icon:"IconChevronUp",onClick:toggleCollapsed,size:"small",variant:"text",dataTestId:dataTestId?"".concat(dataTestId,".").concat(dataElement.collapseButton):void 0})),children&&React.createElement("div",{style:{maxHeight:contentHeight},className:childrenClasses},React.createElement("div",{ref:childrenRef},children)))};UTDataElement.propTypes={action:object,area:bool,badge:string,badgeProps:object,classes:objectOf(string),classNames:objectOf(string),Data:oneOfType([element,string]),dataProps:object,dataTestId:string,forceShowBadge:bool,Icon:oneOfType([element,string]),iconProps:object,orientation:string,paddingVertical:string,prefix:string,prefixProps:object,spacing:string,title:string,titleProps:object,transitionDuration:number};export default WithTheme(retrieveStyle)(UTDataElement);

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

@@ -1,26 +1 @@
-import { COLOR_THEMES } from '../../constants/Palette';
-export const backgroundColor = (theme, area) => {
-  var _theme$Palette;
-  const colorTheme = COLOR_THEMES.light;
-  const actionPaletteColors = ((_theme$Palette = theme.Palette) === null || _theme$Palette === void 0 ? void 0 : _theme$Palette.actions) || theme.Palette;
-  const paletteColors = theme.Palette;
-  const areaColor = actionPaletteColors[colorTheme] || paletteColors[colorTheme];
-  return {
-    backgroundColor: area ? areaColor['03'] : 'transparent'
-  };
-};
-export const retrieveStyle = _ref => {
-  let {
-    area,
-    theme
-  } = _ref;
-  const areaBackgroundColor = backgroundColor(theme, area);
-  return {
-    area: {
-      ...areaBackgroundColor,
-      paddingLeft: 16,
-      paddingRight: 16,
-      borderRadius: 8
-    }
-  };
-};
+import{COLOR_THEMES}from"../../constants/Palette";export const backgroundColor=(theme,area)=>{var _theme$Palette;const colorTheme=COLOR_THEMES.light,actionPaletteColors=(null===(_theme$Palette=theme.Palette)||void 0===_theme$Palette?void 0:_theme$Palette.actions)||theme.Palette,paletteColors=theme.Palette,areaColor=actionPaletteColors[colorTheme]||paletteColors[colorTheme];return{backgroundColor:area?areaColor["03"]:"transparent"}};export const retrieveStyle=_ref=>{let{area:area,theme:theme}=_ref;return{area:{...backgroundColor(theme,area),paddingLeft:16,paddingRight:16,borderRadius:8}}};

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

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

package/dist/esm/components/UTDatePicker/versions/V0/components/Day/constants.js

@@ -1 +1 @@
-export const DAY_NUMBER_FORMAT = 'DD';
+export const DAY_NUMBER_FORMAT="DD";

package/dist/esm/components/UTDatePicker/versions/V0/components/Day/index.js

@@ -1,27 +1 @@
-import React, { memo } from 'react';
-import IconButton from '@material-ui/core/IconButton';
-import dayjs from 'dayjs';
-import { string, objectOf, object, bool } from 'prop-types';
-import { isSelected } from '../../utils';
-import { DAY_NUMBER_FORMAT } from './constants';
-const Day = _ref => {
-  let {
-    classes,
-    dayFormat,
-    date,
-    pickedDate,
-    dayInCurrentMonth
-  } = _ref;
-  const todaySelected = isSelected(date, pickedDate);
-  return /*#__PURE__*/React.createElement(IconButton, {
-    className: "\n      ".concat(classes.day, "\n      ").concat(!dayInCurrentMonth && classes.otherMonthDay, "\n      ").concat(todaySelected && classes.selectedDay, "\n      ")
-  }, /*#__PURE__*/React.createElement("span", null, " ", dayjs(date).format(dayFormat || DAY_NUMBER_FORMAT), " "));
-};
-Day.propTypes = {
-  classes: objectOf(string),
-  dayFormat: string,
-  date: object,
-  pickedDate: object,
-  dayInCurrentMonth: bool
-};
-export default /*#__PURE__*/memo(Day);
+import React,{memo}from"react";import IconButton from"@material-ui/core/IconButton";import dayjs from"dayjs";import{string,objectOf,object,bool}from"prop-types";import{isSelected}from"../../utils";import{DAY_NUMBER_FORMAT}from"./constants";const Day=_ref=>{let{classes:classes,dayFormat:dayFormat,date:date,pickedDate:pickedDate,dayInCurrentMonth:dayInCurrentMonth}=_ref;const todaySelected=isSelected(date,pickedDate);return React.createElement(IconButton,{className:"\n      ".concat(classes.day,"\n      ").concat(!dayInCurrentMonth&&classes.otherMonthDay,"\n      ").concat(todaySelected&&classes.selectedDay,"\n      ")},React.createElement("span",null," ",dayjs(date).format(dayFormat||DAY_NUMBER_FORMAT)," "))};Day.propTypes={classes:objectOf(string),dayFormat:string,date:object,pickedDate:object,dayInCurrentMonth:bool};export default memo(Day);

package/dist/esm/components/UTDatePicker/versions/V0/constants.js

@@ -1,20 +1 @@
-export const WEEKDAYS_LABELS = ['Dom', 'Lun', 'Mar', 'Mie', 'Jue', 'Vie', 'Sab'];
-export const CALENDAR_HEADER_FORMAT = 'MMM YYYY';
-export const BUTTON_POSITION = 'end';
-export const INPUT_VARIANT = 'outlined';
-export const VARIANT = 'inline';
-export const WRONG_DATE_FORMAT = 'Formato de fecha incorrecto';
-export const OUTPUT_LABEL_MASK = 'DD/MM/YYYY';
-export const MAX_DATE_MSG = 'La fecha es mayor a la fecha máxima';
-export const MIN_DATE_MSG = 'La fecha es menor a la fecha mínima';
-export const iconAnchorProps = iconReference => ({
-  anchorEl: iconReference.current,
-  anchorOrigin: {
-    vertical: 30,
-    horizontal: 'right'
-  },
-  transformOrigin: {
-    vertical: 'top',
-    horizontal: 'right'
-  }
-});
+export const WEEKDAYS_LABELS=["Dom","Lun","Mar","Mie","Jue","Vie","Sab"];export const CALENDAR_HEADER_FORMAT="MMM YYYY";export const BUTTON_POSITION="end";export const INPUT_VARIANT="outlined";export const VARIANT="inline";export const WRONG_DATE_FORMAT="Formato de fecha incorrecto";export const OUTPUT_LABEL_MASK="DD/MM/YYYY";export const MAX_DATE_MSG="La fecha es mayor a la fecha máxima";export const MIN_DATE_MSG="La fecha es menor a la fecha mínima";export const iconAnchorProps=iconReference=>({anchorEl:iconReference.current,anchorOrigin:{vertical:30,horizontal:"right"},transformOrigin:{vertical:"top",horizontal:"right"}});