@widergy/energy-ui 3.173.2 → 3.173.4

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

@@ -1,199 +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, shape, string } from 'prop-types';
-import React, { useCallback, useEffect, 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 UTTouchableWithoutFeedback from '../UTTouchableWithoutFeedback';
-import WithTheme from '../WithTheme';
-import UTIcon from '../UTIcon';
-import { capitalize, isUTIcon, isUTLabel } from '../../utils/componentUtils';
-import { mergeMultipleClassNames } from '../../utils/classesUtils';
-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,
-    expanded = false,
-    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(!expanded);
-  const [isTransitioning, setIsTransitioning] = useState(false);
-  const [contentHeight, setContentHeight] = useState(expanded ? 'none' : '0px');
-  const childrenRef = useRef(null);
-  const hasMountedRef = useRef(false);
-  const transitionTimeoutRef = useRef(null);
-  const transitionFrameRef = useRef(null);
-  const clearPendingTransition = useCallback(() => {
-    if (transitionTimeoutRef.current) {
-      clearTimeout(transitionTimeoutRef.current);
-      transitionTimeoutRef.current = null;
-    }
-    if (transitionFrameRef.current) {
-      cancelAnimationFrame(transitionFrameRef.current);
-      transitionFrameRef.current = null;
-    }
-  }, []);
-  const prepareContentTransition = useCallback(() => {
-    if (!childrenRef.current) return false;
-    clearPendingTransition();
-    setContentHeight("".concat(childrenRef.current.scrollHeight, "px"));
-    setIsTransitioning(true);
-    return true;
-  }, [clearPendingTransition]);
-  const openContent = useCallback(() => {
-    if (!prepareContentTransition()) return;
-    setIsCollapsed(false);
-    transitionTimeoutRef.current = setTimeout(() => {
-      setIsTransitioning(false);
-      setContentHeight('none');
-    }, transitionDuration);
-  }, [prepareContentTransition, transitionDuration]);
-  const closeContent = useCallback(() => {
-    if (!prepareContentTransition()) return;
-    transitionFrameRef.current = requestAnimationFrame(() => {
-      setContentHeight('0px');
-      setIsCollapsed(true);
-      transitionTimeoutRef.current = setTimeout(() => setIsTransitioning(false), transitionDuration);
-    });
-  }, [prepareContentTransition, transitionDuration]);
-  useEffect(() => clearPendingTransition, []);
-  const toggleCollapsed = useCallback(() => {
-    if (isCollapsed) openContent();else closeContent();
-  }, [isCollapsed, openContent, closeContent]);
-  useEffect(() => {
-    if (!hasMountedRef.current) {
-      hasMountedRef.current = true;
-      return;
-    }
-    if (expanded) openContent();else closeContent();
-  }, [expanded, openContent, closeContent]);
-  const handleInfoKeyDown = useCallback(event => {
-    if (event.target === event.currentTarget && (event.key === 'Enter' || event.key === ' ')) {
-      event.preventDefault();
-      toggleCollapsed();
-    }
-  }, [toggleCollapsed]);
-  const stopDataPropagation = useCallback(event => event.stopPropagation(), []);
-  const IconComponent = isUTIcon(Icon) ? UTIcon : Icon;
-  const isDataLabel = isUTLabel(Data);
-  const DataComponent = isDataLabel ? /*#__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);
-  const infoContent = /*#__PURE__*/React.createElement(React.Fragment, null, (prefix || title || showBadge || children) && /*#__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))), children && /*#__PURE__*/React.createElement(UTIcon, {
-    className: iconCollapseButtonClasses,
-    colorTheme: "gray",
-    name: "IconChevronUp",
-    size: "var(--UT-dataElement-chevron-icon-size, 1.25rem)",
-    dataTestId: dataTestId ? "".concat(dataTestId, ".").concat(dataElement.collapseButton) : undefined
-  }), showBadge && /*#__PURE__*/React.createElement(UTBadge, _extends({
-    colorTheme: "accent",
-    className: classes.badge
-  }, badgeProps), forceShowBadge ? null : badge)), DataComponent && (isDataLabel ? DataComponent :
-  /*#__PURE__*/
-  // Sin role="button": este div solo corta la propagación del click/keydown hacia el toggle de colapso, no es un control propio.
-  React.createElement("div", {
-    onClick: stopDataPropagation,
-    onKeyDown: stopDataPropagation
-  }, DataComponent)));
-  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)), children ? /*#__PURE__*/React.createElement(UTTouchableWithoutFeedback, {
-    className: "".concat(infoClasses, " ").concat(classes.clickable),
-    onClick: toggleCollapsed,
-    onKeyDown: handleInfoKeyDown,
-    "aria-expanded": !isCollapsed
-  }, infoContent) : /*#__PURE__*/React.createElement("div", {
-    className: infoClasses
-  }, infoContent), action && /*#__PURE__*/React.createElement(MainAction, _extends({
-    dataTestId: dataTestId
-  }, action))), children && /*#__PURE__*/React.createElement("div", {
-    style: {
-      maxHeight: contentHeight
-    },
-    className: childrenClasses
-  }, /*#__PURE__*/React.createElement("div", {
-    ref: childrenRef
-  }, children)));
-};
-UTDataElement.propTypes = {
-  action: object,
-  area: bool,
-  areaProps: shape({
-    colorTheme: string,
-    shade: string
-  }),
-  badge: string,
-  badgeProps: object,
-  classes: objectOf(string),
-  classNames: objectOf(string),
-  Data: oneOfType([element, string]),
-  dataProps: object,
-  dataTestId: string,
-  expanded: bool,
-  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(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var n in a)({}).hasOwnProperty.call(a,n)&&(e[n]=a[n])}return e},_extends.apply(null,arguments)}import{bool,element,object,number,objectOf,oneOfType,shape,string}from"prop-types";import React,{useCallback,useEffect,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 UTTouchableWithoutFeedback from"../UTTouchableWithoutFeedback";import WithTheme from"../WithTheme";import UTIcon from"../UTIcon";import{capitalize,isUTIcon,isUTLabel}from"../../utils/componentUtils";import{mergeMultipleClassNames}from"../../utils/classesUtils";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=e=>{let{action:t,area:a,badge:n,badgeProps:c={},children:o,classes:r,classNames:s,Data:i,dataProps:l={},dataTestId:m,expanded:p=!1,forceShowBadge:d=!1,Icon:T,iconProps:u={},orientation:g=ORIENTATION.HORIZONTAL,paddingVertical:f=PADDING.MEDIUM,prefix:b,prefixProps:E={},spacing:I=SPACING.MEDIUM,title:h,titleProps:R={},transitionDuration:U=ANIMATION.TRANSITION_DURATION}=e;const N=useMemo(()=>mergeMultipleClassNames(styles,r,s),[s,r]),[y,O]=useState(!p),[P,S]=useState(!1),[v,x]=useState(p?"none":"0px"),A=useRef(null),D=useRef(!1),C=useRef(null),k=useRef(null),M=useCallback(()=>{C.current&&(clearTimeout(C.current),C.current=null),k.current&&(cancelAnimationFrame(k.current),k.current=null)},[]),_=useCallback(()=>!!A.current&&(M(),x("".concat(A.current.scrollHeight,"px")),S(!0),!0),[M]),j=useCallback(()=>{_()&&(O(!1),C.current=setTimeout(()=>{S(!1),x("none")},U))},[_,U]),F=useCallback(()=>{_()&&(k.current=requestAnimationFrame(()=>{x("0px"),O(!0),C.current=setTimeout(()=>S(!1),U)}))},[_,U]);useEffect(()=>M,[]);const L=useCallback(()=>{y?j():F()},[y,j,F]);useEffect(()=>{D.current?p?j():F():D.current=!0},[p,j,F]);const z=useCallback(e=>{e.target!==e.currentTarget||"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),L())},[L]),B=useCallback(e=>e.stopPropagation(),[]),W=isUTIcon(T)?UTIcon:T,w=isUTLabel(i),G=w?React.createElement(UTLabel,l,i):i,H=d||isString(n)&&!isEmpty(n)||isFinite(n),{tooltip:V}=R||{},K=isString(V)&&!isEmpty(V),q=K?UTTooltip:Fragment,Z="".concat(N.content," ").concat(styles["spacing".concat(capitalize(I))]),J="".concat(N.info," ").concat(g===ORIENTATION.VERTICAL&&N.vertical),Q="".concat(N.iconCollapseButton," ").concat(y&&N.collapsed),X="".concat(N.children," ").concat(y?N.childrenCollapsed:N.childrenExpanded," ").concat(P?N.childrenTransitioning:N.childrenStatic),Y=React.createElement(React.Fragment,null,(b||h||H||o)&&React.createElement("div",{className:N.topInfo},b&&React.createElement(UTLabel,_extends({colorTheme:"gray"},E),b),h&&React.createElement(q,K?{tippyProps:TOOLTIP_PROPS,content:V}:{},React.createElement("div",null,React.createElement(UTLabel,_extends({colorTheme:"gray"},R),h))),o&&React.createElement(UTIcon,{className:Q,colorTheme:"gray",name:"IconChevronUp",size:"var(--UT-dataElement-chevron-icon-size, 1.25rem)",dataTestId:m?"".concat(m,".").concat(dataElement.collapseButton):void 0}),H&&React.createElement(UTBadge,_extends({colorTheme:"accent",className:N.badge},c),d?null:n)),G&&(w?G:React.createElement("div",{onClick:B,onKeyDown:B},G)));return React.createElement("div",{className:"".concat(N.container," ").concat(a?N.area:""," ").concat(N["padding".concat(capitalize(f))]),"data-testid":m?"".concat(m,".").concat(dataElement.container):void 0},React.createElement("div",{className:Z},W&&React.createElement(W,_extends({name:T,colorTheme:"gray",size:"var(--UT-dataElement-icon-size, 1.5rem)"},u)),o?React.createElement(UTTouchableWithoutFeedback,{className:"".concat(J," ").concat(N.clickable),onClick:L,onKeyDown:z,"aria-expanded":!y},Y):React.createElement("div",{className:J},Y),t&&React.createElement(MainAction,_extends({dataTestId:m},t))),o&&React.createElement("div",{style:{maxHeight:v},className:X},React.createElement("div",{ref:A},o)))};UTDataElement.propTypes={action:object,area:bool,areaProps:shape({colorTheme:string,shade:string}),badge:string,badgeProps:object,classes:objectOf(string),classNames:objectOf(string),Data:oneOfType([element,string]),dataProps:object,dataTestId:string,expanded:bool,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,28 +1 @@
-import { COLOR_THEMES, COLOR_SHADES, VALID_PALETTE_COLOR_THEMES } from '../../constants/Palette';
-export const backgroundColor = function (theme, area) {
-  var _theme$Palette, _theme$Palette2;
-  let areaProps = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
-  const requestedColorTheme = areaProps.colorTheme || COLOR_THEMES.light;
-  const colorTheme = VALID_PALETTE_COLOR_THEMES.has(requestedColorTheme) ? requestedColorTheme : COLOR_THEMES.light;
-  const areaColor = ((_theme$Palette = theme.Palette) === null || _theme$Palette === void 0 || (_theme$Palette = _theme$Palette.actions) === null || _theme$Palette === void 0 ? void 0 : _theme$Palette[colorTheme]) || ((_theme$Palette2 = theme.Palette) === null || _theme$Palette2 === void 0 ? void 0 : _theme$Palette2[colorTheme]);
-  const shade = areaProps.shade || (COLOR_THEMES.light === colorTheme ? COLOR_SHADES.shade03 : COLOR_SHADES.shade01);
-  return {
-    backgroundColor: area ? areaColor === null || areaColor === void 0 ? void 0 : areaColor[shade] : 'transparent'
-  };
-};
-export const retrieveStyle = _ref => {
-  let {
-    area,
-    theme,
-    areaProps
-  } = _ref;
-  const areaBackgroundColor = backgroundColor(theme, area, areaProps);
-  return {
-    area: {
-      ...areaBackgroundColor,
-      paddingLeft: 16,
-      paddingRight: 16,
-      borderRadius: 8
-    }
-  };
-};
+import{COLOR_THEMES,COLOR_SHADES,VALID_PALETTE_COLOR_THEMES}from"../../constants/Palette";export const backgroundColor=function(t,e){var o,r;let a=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{};const l=a.colorTheme||COLOR_THEMES.light,n=VALID_PALETTE_COLOR_THEMES.has(l)?l:COLOR_THEMES.light,d=(null===(o=t.Palette)||void 0===o||null===(o=o.actions)||void 0===o?void 0:o[n])||(null===(r=t.Palette)||void 0===r?void 0:r[n]),E=a.shade||(COLOR_THEMES.light===n?COLOR_SHADES.shade03:COLOR_SHADES.shade01);return{backgroundColor:e?null==d?void 0:d[E]:"transparent"}};export const retrieveStyle=t=>{let{area:e,theme:o,areaProps:r}=t;return{area:{...backgroundColor(o,e,r),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=r=>{let{version:e="V0",...t}=r;const o=VERSIONS[e];return React.createElement(o,t)};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=t=>{let{classes:e,dayFormat:o,date:a,pickedDate:r,dayInCurrentMonth:c}=t;const n=isSelected(a,r);return React.createElement(IconButton,{className:"\n      ".concat(e.day,"\n      ").concat(!c&&e.otherMonthDay,"\n      ").concat(n&&e.selectedDay,"\n      ")},React.createElement("span",null," ",dayjs(a).format(o||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=o=>({anchorEl:o.current,anchorOrigin:{vertical:30,horizontal:"right"},transformOrigin:{vertical:"top",horizontal:"right"}});

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

@@ -1,201 +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); }
-function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
-function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-import React, { useMemo, useState, useEffect, useRef } from 'react';
-import { arrayOf, bool, node, object, shape, string } from 'prop-types';
-import { KeyboardDatePicker, MuiPickersUtilsProvider } from '@material-ui/pickers';
-import DayjsUtils from '@date-io/dayjs';
-import dayjs from 'dayjs';
-import es from 'dayjs/locale/es';
-import customParseFormat from 'dayjs/plugin/customParseFormat';
-import isBetween from 'dayjs/plugin/isBetween';
-import { shouldShowErrors } from '@widergy/web-utils/lib/form';
-import isEmpty from 'lodash/isEmpty';
-import UTLabel from '../../../UTLabel';
-import UTFieldLabel from '../../../UTFieldLabel';
-import WithTheme from '../../../WithTheme';
-import { buttonTypes } from '../../../../types/buttonTypes';
-import { inputPropTypes, metaPropTypes, fieldType } from '../../../../types/formTypes';
-import { mergeClasses } from '../../../../utils/classesUtils';
-import UTValidation from '../../../UTValidation';
-import { formatErrorToValidation } from '../../../UTValidation/utils';
-var CalendarIcon = function CalendarIcon(props) {
-  return /*#__PURE__*/React.createElement("svg", props, /*#__PURE__*/React.createElement("path", {
-    d: "M5 13c.55 0 1 .45 1 1s-.45 1-1 1-1-.45-1-1 .45-1 1-1Zm8 0c.55 0 1 .45 1 1s-.45 1-1 1H9c-.55 0-1-.45-1-1s.45-1 1-1Zm2 5H3c-.551 0-1-.449-1-1v-6h14v6c0 .551-.449 1-1 1M3 4h1v1c0 .55.45 1 1 1s1-.45 1-1V4h6v1c0 .55.45 1 1 1s1-.45 1-1V4h1c.551 0 1 .449 1 1v4H2V5c0-.551.449-1 1-1m12-2h-1V1c0-.55-.45-1-1-1s-1 .45-1 1v1H6V1c0-.55-.45-1-1-1S4 .45 4 1v1H3C1.346 2 0 3.346 0 5v12c0 1.654 1.346 3 3 3h12c1.654 0 3-1.346 3-3V5c0-1.654-1.346-3-3-3"
-  }));
-};
-CalendarIcon.defaultProps = {
-  width: "18",
-  height: "20",
-  viewBox: "0 0 18 20",
-  xmlns: "http://www.w3.org/2000/svg"
-};
-import Day from './components/Day';
-import { retrieveStyle, materialTheme } from './theme';
-import { classesPropTypes } from './types';
-import { BUTTON_POSITION, INPUT_VARIANT, VARIANT, WRONG_DATE_FORMAT, MAX_DATE_MSG, MIN_DATE_MSG, OUTPUT_LABEL_MASK, iconAnchorProps } from './constants';
-import { dateMatchesFormat, getFinalDate, getMaxDate, getPastMonthDates } from './utils';
-dayjs.extend(customParseFormat);
-dayjs.extend(isBetween);
-class CustomUtils extends DayjsUtils {
-  constructor() {
-    super(...arguments);
-    _defineProperty(this, "getCalendarHeaderText", date => date.format('MMMM'));
-  }
-}
-const UTDatePickerV0 = _ref => {
-  var _field$configuration, _field$configuration2, _field$configuration3;
-  let {
-    actions,
-    classes: themeClasses,
-    classNames,
-    CustomIcon,
-    dataTestId,
-    dayFormat,
-    disableToolbar = true,
-    disabled,
-    field,
-    helpText,
-    iconAnchor,
-    input,
-    inputProps,
-    inputVariant = INPUT_VARIANT,
-    invalidDateMessage,
-    maxDateMessage,
-    minDateMessage,
-    meta = {},
-    pickerProps,
-    placeholder,
-    popoverProps,
-    range,
-    titleVariant,
-    variant,
-    withUpperTitle
-  } = _ref;
-  const classes = useMemo(() => mergeClasses(themeClasses, classNames), [classNames]);
-  const configMask = (field === null || field === void 0 || (_field$configuration = field.configuration) === null || _field$configuration === void 0 ? void 0 : _field$configuration.date_mask) || OUTPUT_LABEL_MASK;
-  const onlyPastMonth = (field === null || field === void 0 || (_field$configuration2 = field.configuration) === null || _field$configuration2 === void 0 || (_field$configuration2 = _field$configuration2.customDateValidations) === null || _field$configuration2 === void 0 || (_field$configuration2 = _field$configuration2.onlyPastMonth) === null || _field$configuration2 === void 0 ? void 0 : _field$configuration2.active) || false;
-  const avoidFutureDates = (field === null || field === void 0 || (_field$configuration3 = field.configuration) === null || _field$configuration3 === void 0 || (_field$configuration3 = _field$configuration3.customDateValidations) === null || _field$configuration3 === void 0 || (_field$configuration3 = _field$configuration3.avoidFutureDates) === null || _field$configuration3 === void 0 ? void 0 : _field$configuration3.active) || false;
-  const {
-    maxDate,
-    minDate
-  } = onlyPastMonth ? getPastMonthDates() : avoidFutureDates ? getMaxDate() : range || pickerProps || {};
-  const [pickedDate, setPickedDate] = useState(null);
-  const [internalError, setInternalError] = useState(null);
-  const handleChange = date => {
-    const finalDate = getFinalDate({
-      date,
-      maxDate,
-      minDate
-    });
-    setPickedDate(finalDate);
-    const newValue = dayjs(finalDate, OUTPUT_LABEL_MASK, true);
-    if (newValue.isValid()) input.onChange(newValue.format(configMask));else input.onChange('');
-  };
-  useEffect(() => {
-    if (!input.value && pickedDate !== null && pickedDate !== void 0 && pickedDate.isValid()) setPickedDate(null);else if (dateMatchesFormat(input.value, configMask)) setPickedDate(dayjs(input.value, configMask));
-  }, [input.value]);
-  const renderDay = (date, _, dayInCurrentMonth) => /*#__PURE__*/React.createElement(Day, {
-    classes: classes,
-    dayFormat: dayFormat,
-    date: date,
-    pickedDate: pickedDate,
-    dayInCurrentMonth: dayInCurrentMonth
-  });
-  const handleError = error => setInternalError(error);
-  const handleRemoveError = () => setInternalError(null);
-  const OpenerIcon = CustomIcon || CalendarIcon;
-  const operenerIconReference = useRef();
-  const errorMessage = shouldShowErrors(meta) && (internalError || meta.error) || '';
-  return /*#__PURE__*/React.createElement(React.Fragment, null, withUpperTitle && /*#__PURE__*/React.createElement(UTFieldLabel, {
-    actions: actions,
-    className: classes.upperTitle,
-    readOnly: field.read_only,
-    required: field.required,
-    size: titleVariant,
-    withMarkdown: true
-  }, field.title), /*#__PURE__*/React.createElement(MuiPickersUtilsProvider, {
-    utils: disableToolbar ? DayjsUtils : CustomUtils,
-    locale: es
-  }, /*#__PURE__*/React.createElement(KeyboardDatePicker, _extends({
-    disabled: disabled,
-    "data-testid": dataTestId,
-    value: pickedDate,
-    label: inputVariant === 'standard' && (field === null || field === void 0 ? void 0 : field.title),
-    error: shouldShowErrors(meta),
-    helperText: /*#__PURE__*/React.createElement(React.Fragment, null, helpText && /*#__PURE__*/React.createElement(UTLabel, {
-      colorTheme: "gray",
-      variant: "small",
-      withMarkdown: true
-    }, helpText), !isEmpty(errorMessage) && /*#__PURE__*/React.createElement(UTValidation, {
-      validationData: formatErrorToValidation(errorMessage)
-    })),
-    onError: handleError,
-    onAccept: handleRemoveError,
-    disableToolbar: disableToolbar,
-    keyboardIcon: /*#__PURE__*/React.createElement("div", {
-      ref: operenerIconReference
-    }, /*#__PURE__*/React.createElement(OpenerIcon, {
-      className: disabled ? classes.disabledOpenerIcon : classes.openerIcon
-    })),
-    variant: variant || VARIANT,
-    InputProps: {
-      classes: {
-        root: classes.input,
-        notchedOutline: classes.notchedOutline
-      },
-      placeholder: inputVariant === 'outlined' && (placeholder || (field === null || field === void 0 ? void 0 : field.placeholder)) || undefined,
-      ...inputProps
-    },
-    invalidDateMessage: invalidDateMessage || WRONG_DATE_FORMAT,
-    inputVariant: inputVariant,
-    format: OUTPUT_LABEL_MASK,
-    maxDateMessage: maxDateMessage || MAX_DATE_MSG,
-    minDateMessage: minDateMessage || MIN_DATE_MSG,
-    InputAdornmentProps: {
-      position: BUTTON_POSITION
-    },
-    onChange: handleChange,
-    renderDay: renderDay,
-    PopoverProps: {
-      ...(iconAnchor ? iconAnchorProps(operenerIconReference) : {}),
-      ...popoverProps
-    }
-  }, pickerProps, {
-    minDate: minDate,
-    maxDate: maxDate
-  }))));
-};
-UTDatePickerV0.propTypes = {
-  actions: arrayOf(buttonTypes),
-  classNames: classesPropTypes,
-  classes: classesPropTypes,
-  CustomIcon: node,
-  dayFormat: string,
-  dataTestId: string,
-  disableToolbar: bool,
-  disabled: bool,
-  field: fieldType,
-  helpText: string,
-  iconAnchor: bool,
-  input: inputPropTypes.isRequired,
-  inputFormat: string,
-  inputProps: object,
-  inputVariant: string,
-  invalidDateMessage: string,
-  maxDateMessage: string,
-  meta: metaPropTypes,
-  minDateMessage: string,
-  pickerProps: object,
-  placeholder: string,
-  popoverProps: object,
-  range: shape({
-    maxDate: string,
-    minDate: string
-  }),
-  titleVariant: string,
-  variant: string,
-  withUpperTitle: bool
-};
-export default WithTheme(retrieveStyle, materialTheme)(UTDatePickerV0);
+function _extends(){return _extends=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var r in a)({}).hasOwnProperty.call(a,r)&&(e[r]=a[r])}return e},_extends.apply(null,arguments)}function _defineProperty(e,t,a){return(t=_toPropertyKey(t))in e?Object.defineProperty(e,t,{value:a,enumerable:!0,configurable:!0,writable:!0}):e[t]=a,e}function _toPropertyKey(e){var t=_toPrimitive(e,"string");return"symbol"==typeof t?t:t+""}function _toPrimitive(e,t){if("object"!=typeof e||!e)return e;var a=e[Symbol.toPrimitive];if(void 0!==a){var r=a.call(e,t||"default");if("object"!=typeof r)return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}import React,{useMemo,useState,useEffect,useRef}from"react";import{arrayOf,bool,node,object,shape,string}from"prop-types";import{KeyboardDatePicker,MuiPickersUtilsProvider}from"@material-ui/pickers";import DayjsUtils from"@date-io/dayjs";import dayjs from"dayjs";import es from"dayjs/locale/es";import customParseFormat from"dayjs/plugin/customParseFormat";import isBetween from"dayjs/plugin/isBetween";import{shouldShowErrors}from"@widergy/web-utils/lib/form";import isEmpty from"lodash/isEmpty";import UTLabel from"../../../UTLabel";import UTFieldLabel from"../../../UTFieldLabel";import WithTheme from"../../../WithTheme";import{buttonTypes}from"../../../../types/buttonTypes";import{inputPropTypes,metaPropTypes,fieldType}from"../../../../types/formTypes";import{mergeClasses}from"../../../../utils/classesUtils";import UTValidation from"../../../UTValidation";import{formatErrorToValidation}from"../../../UTValidation/utils";var CalendarIcon=function(e){return React.createElement("svg",e,React.createElement("path",{d:"M5 13c.55 0 1 .45 1 1s-.45 1-1 1-1-.45-1-1 .45-1 1-1Zm8 0c.55 0 1 .45 1 1s-.45 1-1 1H9c-.55 0-1-.45-1-1s.45-1 1-1Zm2 5H3c-.551 0-1-.449-1-1v-6h14v6c0 .551-.449 1-1 1M3 4h1v1c0 .55.45 1 1 1s1-.45 1-1V4h6v1c0 .55.45 1 1 1s1-.45 1-1V4h1c.551 0 1 .449 1 1v4H2V5c0-.551.449-1 1-1m12-2h-1V1c0-.55-.45-1-1-1s-1 .45-1 1v1H6V1c0-.55-.45-1-1-1S4 .45 4 1v1H3C1.346 2 0 3.346 0 5v12c0 1.654 1.346 3 3 3h12c1.654 0 3-1.346 3-3V5c0-1.654-1.346-3-3-3"}))};CalendarIcon.defaultProps={width:"18",height:"20",viewBox:"0 0 18 20",xmlns:"http://www.w3.org/2000/svg"};import Day from"./components/Day";import{retrieveStyle,materialTheme}from"./theme";import{classesPropTypes}from"./types";import{BUTTON_POSITION,INPUT_VARIANT,VARIANT,WRONG_DATE_FORMAT,MAX_DATE_MSG,MIN_DATE_MSG,OUTPUT_LABEL_MASK,iconAnchorProps}from"./constants";import{dateMatchesFormat,getFinalDate,getMaxDate,getPastMonthDates}from"./utils";dayjs.extend(customParseFormat),dayjs.extend(isBetween);class CustomUtils extends DayjsUtils{constructor(){super(...arguments),_defineProperty(this,"getCalendarHeaderText",e=>e.format("MMMM"))}}const UTDatePickerV0=e=>{var t,a,r;let{actions:o,classes:i,classNames:s,CustomIcon:n,dataTestId:l,dayFormat:m,disableToolbar:c=!0,disabled:p,field:d,helpText:u,iconAnchor:T,input:y,inputProps:f,inputVariant:v=INPUT_VARIANT,invalidDateMessage:h,maxDateMessage:g,minDateMessage:P,meta:b={},pickerProps:D,placeholder:M,popoverProps:_,range:U,titleVariant:E,variant:A,withUpperTitle:V}=e;const R=useMemo(()=>mergeClasses(i,s),[s]),I=(null==d||null===(t=d.configuration)||void 0===t?void 0:t.date_mask)||OUTPUT_LABEL_MASK,w=(null==d||null===(a=d.configuration)||void 0===a||null===(a=a.customDateValidations)||void 0===a||null===(a=a.onlyPastMonth)||void 0===a?void 0:a.active)||!1,O=(null==d||null===(r=d.configuration)||void 0===r||null===(r=r.customDateValidations)||void 0===r||null===(r=r.avoidFutureDates)||void 0===r?void 0:r.active)||!1,{maxDate:x,minDate:j}=w?getPastMonthDates():O?getMaxDate():U||D||{},[S,F]=useState(null),[N,k]=useState(null);useEffect(()=>{!y.value&&null!=S&&S.isValid()?F(null):dateMatchesFormat(y.value,I)&&F(dayjs(y.value,I))},[y.value]);const C=n||CalendarIcon,L=useRef(),B=shouldShowErrors(b)&&(N||b.error)||"";return React.createElement(React.Fragment,null,V&&React.createElement(UTFieldLabel,{actions:o,className:R.upperTitle,readOnly:d.read_only,required:d.required,size:E,withMarkdown:!0},d.title),React.createElement(MuiPickersUtilsProvider,{utils:c?DayjsUtils:CustomUtils,locale:es},React.createElement(KeyboardDatePicker,_extends({disabled:p,"data-testid":l,value:S,label:"standard"===v&&(null==d?void 0:d.title),error:shouldShowErrors(b),helperText:React.createElement(React.Fragment,null,u&&React.createElement(UTLabel,{colorTheme:"gray",variant:"small",withMarkdown:!0},u),!isEmpty(B)&&React.createElement(UTValidation,{validationData:formatErrorToValidation(B)})),onError:e=>k(e),onAccept:()=>k(null),disableToolbar:c,keyboardIcon:React.createElement("div",{ref:L},React.createElement(C,{className:p?R.disabledOpenerIcon:R.openerIcon})),variant:A||VARIANT,InputProps:{classes:{root:R.input,notchedOutline:R.notchedOutline},placeholder:"outlined"===v&&(M||(null==d?void 0:d.placeholder))||void 0,...f},invalidDateMessage:h||WRONG_DATE_FORMAT,inputVariant:v,format:OUTPUT_LABEL_MASK,maxDateMessage:g||MAX_DATE_MSG,minDateMessage:P||MIN_DATE_MSG,InputAdornmentProps:{position:BUTTON_POSITION},onChange:e=>{const t=getFinalDate({date:e,maxDate:x,minDate:j});F(t);const a=dayjs(t,OUTPUT_LABEL_MASK,!0);a.isValid()?y.onChange(a.format(I)):y.onChange("")},renderDay:(e,t,a)=>React.createElement(Day,{classes:R,dayFormat:m,date:e,pickedDate:S,dayInCurrentMonth:a}),PopoverProps:{...T?iconAnchorProps(L):{},..._}},D,{minDate:j,maxDate:x}))))};UTDatePickerV0.propTypes={actions:arrayOf(buttonTypes),classNames:classesPropTypes,classes:classesPropTypes,CustomIcon:node,dayFormat:string,dataTestId:string,disableToolbar:bool,disabled:bool,field:fieldType,helpText:string,iconAnchor:bool,input:inputPropTypes.isRequired,inputFormat:string,inputProps:object,inputVariant:string,invalidDateMessage:string,maxDateMessage:string,meta:metaPropTypes,minDateMessage:string,pickerProps:object,placeholder:string,popoverProps:object,range:shape({maxDate:string,minDate:string}),titleVariant:string,variant:string,withUpperTitle:bool};export default WithTheme(retrieveStyle,materialTheme)(UTDatePickerV0);