@widergy/energy-ui 3.173.2 → 3.173.4

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

@@ -1,73 +1 @@
-import { COLOR_THEMES } from '../../constants/Palette';
-import { capitalize, isUTIcon } from '../../utils/componentUtils';
-import UTIcon from '../UTIcon';
-import { COLORS_MAPPER, ICON_PLACEMENTS, SIZES, VARIANTS_NAMES } from './constants';
-import styles from './styles.module.scss';
-const getButtonElementColorTheme = (buttonColorTheme, buttonVariant) => buttonVariant === VARIANTS_NAMES.filled ? buttonColorTheme === COLORS_MAPPER.negative ? COLOR_THEMES.neutral : COLOR_THEMES.negative : COLORS_MAPPER[buttonColorTheme];
-const buildSingleIconProps = _ref => {
-  let {
-    className,
-    colorTheme,
-    hideTextOnResponsive,
-    Icon,
-    size,
-    variant
-  } = _ref;
-  if (!Icon) return null;
-  return {
-    IconComponent: isUTIcon(Icon) ? UTIcon : Icon,
-    className: "\n      ".concat(styles.baseIcon, "\n      ").concat(className, "\n      ").concat(styles.icon, "\n      ").concat(hideTextOnResponsive ? styles["adaptableIcon".concat(capitalize(size))] : '', "\n    "),
-    ...(isUTIcon(Icon) ? {
-      colorTheme: getButtonElementColorTheme(colorTheme, variant),
-      name: Icon
-    } : {})
-  };
-};
-export const getIconProps = _ref2 => {
-  let {
-    className,
-    colorTheme,
-    hideTextOnResponsive,
-    Icon,
-    iconPlacement,
-    LeftIcon,
-    RightIcon,
-    size,
-    variant
-  } = _ref2;
-  const resolvedLeftIcon = LeftIcon || (iconPlacement !== ICON_PLACEMENTS.right ? Icon : undefined);
-  const resolvedRightIcon = RightIcon || (iconPlacement === ICON_PLACEMENTS.right ? Icon : undefined);
-  const commonParams = {
-    className,
-    colorTheme,
-    hideTextOnResponsive,
-    size,
-    variant
-  };
-  const {
-    IconComponent: LeftIconComponent,
-    ...leftIconProps
-  } = buildSingleIconProps({
-    ...commonParams,
-    Icon: resolvedLeftIcon
-  }) || {};
-  const {
-    IconComponent: RightIconComponent,
-    ...rightIconProps
-  } = buildSingleIconProps({
-    ...commonParams,
-    Icon: resolvedRightIcon
-  }) || {};
-  return {
-    LeftIconComponent: LeftIconComponent || null,
-    leftIconProps,
-    RightIconComponent: RightIconComponent || null,
-    rightIconProps
-  };
-};
-export const getLabelProps = (buttonColorTheme, buttonVariant, buttonSize) => ({
-  colorTheme: getButtonElementColorTheme(buttonColorTheme, buttonVariant),
-  variant: buttonSize === SIZES.small ? 'small' : 'body',
-  weight: 'medium'
-});
-export const getCounterColorTheme = (colorTheme, variant) => variant === VARIANTS_NAMES.filled ? colorTheme === COLOR_THEMES.negative ? 'dark' : 'negative' : variant === VARIANTS_NAMES.outlined ? colorTheme === COLOR_THEMES.negative ? 'negative' : colorTheme === COLOR_THEMES.primary ? COLORS_MAPPER[colorTheme] : colorTheme === COLOR_THEMES.gray ? 'gray' : 'dark' : colorTheme === COLOR_THEMES.gray ? 'gray' : COLORS_MAPPER[colorTheme];
+import{COLOR_THEMES}from"../../constants/Palette";import{capitalize,isUTIcon}from"../../utils/componentUtils";import UTIcon from"../UTIcon";import{COLORS_MAPPER,ICON_PLACEMENTS,SIZES,VARIANTS_NAMES}from"./constants";import styles from"./styles.module.scss";const getButtonElementColorTheme=(e,o)=>o===VARIANTS_NAMES.filled?e===COLORS_MAPPER.negative?COLOR_THEMES.neutral:COLOR_THEMES.negative:COLORS_MAPPER[e],buildSingleIconProps=e=>{let{className:o,colorTheme:n,hideTextOnResponsive:t,Icon:c,size:l,variant:i}=e;return c?{IconComponent:isUTIcon(c)?UTIcon:c,className:"\n      ".concat(styles.baseIcon,"\n      ").concat(o,"\n      ").concat(styles.icon,"\n      ").concat(t?styles["adaptableIcon".concat(capitalize(l))]:"","\n    "),...isUTIcon(c)?{colorTheme:getButtonElementColorTheme(n,i),name:c}:{}}:null};export const getIconProps=e=>{let{className:o,colorTheme:n,hideTextOnResponsive:t,Icon:c,iconPlacement:l,LeftIcon:i,RightIcon:s,size:a,variant:r}=e;const m=i||(l!==ICON_PLACEMENTS.right?c:void 0),E=s||(l===ICON_PLACEMENTS.right?c:void 0),I={className:o,colorTheme:n,hideTextOnResponsive:t,size:a,variant:r},{IconComponent:T,...O}=buildSingleIconProps({...I,Icon:m})||{},{IconComponent:S,...C}=buildSingleIconProps({...I,Icon:E})||{};return{LeftIconComponent:T||null,leftIconProps:O,RightIconComponent:S||null,rightIconProps:C}};export const getLabelProps=(e,o,n)=>({colorTheme:getButtonElementColorTheme(e,o),variant:n===SIZES.small?"small":"body",weight:"medium"});export const getCounterColorTheme=(e,o)=>o===VARIANTS_NAMES.filled?e===COLOR_THEMES.negative?"dark":"negative":o===VARIANTS_NAMES.outlined?e===COLOR_THEMES.negative?"negative":e===COLOR_THEMES.primary?COLORS_MAPPER[e]:e===COLOR_THEMES.gray?"gray":"dark":e===COLOR_THEMES.gray?"gray":COLORS_MAPPER[e];

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

@@ -1,11 +1 @@
-export const BACKGROUND_COLOR_MAPPER = theme => ({
-  primary: theme.lightBackground,
-  negative: theme.negativeBackground,
-  neutral: theme.lightBackground
-});
-export const CIRCLE_TYPE = 'circle';
-export const SQUARE_TYPE = 'square';
-export const DEFAULT_TYPE = SQUARE_TYPE;
-export const DEFAULT_COLOR_THEME = 'primary';
-export const DEFAULT_SIZE = 'small';
-export const SHADOW_ACTIVE_COLOR_THEMES = ['primary', 'neutral'];
+export const BACKGROUND_COLOR_MAPPER=r=>({primary:r.lightBackground,negative:r.negativeBackground,neutral:r.lightBackground});export const CIRCLE_TYPE="circle";export const SQUARE_TYPE="square";export const DEFAULT_TYPE="square";export const DEFAULT_COLOR_THEME="primary";export const DEFAULT_SIZE="small";export const SHADOW_ACTIVE_COLOR_THEMES=["primary","neutral"];

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

@@ -1,55 +1 @@
-import React from 'react';
-import { arrayOf, element, func, number, objectOf, oneOfType, shape, string } from 'prop-types';
-import UTButton from '../UTButton';
-import WithTheme from '../WithTheme';
-import { retrieveStyle } from './theme';
-import { BACKGROUND_COLOR_MAPPER, DEFAULT_COLOR_THEME, DEFAULT_SIZE, DEFAULT_TYPE, SHADOW_ACTIVE_COLOR_THEMES } from './constants';
-import styles from './styles.module.scss';
-const UTButtonGroup = _ref => {
-  let {
-    actions,
-    classes: theme,
-    colorTheme = DEFAULT_COLOR_THEME,
-    selected,
-    shape: type = DEFAULT_TYPE,
-    size = DEFAULT_SIZE
-  } = _ref;
-  const backgroundColor = BACKGROUND_COLOR_MAPPER(theme)[colorTheme] || BACKGROUND_COLOR_MAPPER(theme).primary;
-  const activeVariant = SHADOW_ACTIVE_COLOR_THEMES.includes(colorTheme) ? 'shadow' : 'filled';
-  const inactiveColorTheme = SHADOW_ACTIVE_COLOR_THEMES.includes(colorTheme) ? 'gray' : colorTheme;
-  return /*#__PURE__*/React.createElement("div", {
-    className: "".concat(styles["".concat(type, "Container")], " ").concat(backgroundColor)
-  }, actions.map(_ref2 => {
-    let {
-      dataTestId,
-      Icon,
-      id,
-      onClick,
-      label
-    } = _ref2;
-    return /*#__PURE__*/React.createElement(UTButton, {
-      colorTheme: selected === id ? colorTheme : inactiveColorTheme,
-      dataTestId: dataTestId,
-      Icon: Icon,
-      key: id,
-      onClick: onClick,
-      size: size,
-      variant: selected === id ? activeVariant : 'text'
-    }, label);
-  }));
-};
-UTButtonGroup.propTypes = {
-  actions: arrayOf(shape({
-    dataTestId: string,
-    Icon: oneOfType([string, element]),
-    id: oneOfType([number, string]),
-    label: string,
-    onClick: func
-  })).isRequired,
-  classes: objectOf(string),
-  colorTheme: string,
-  selected: oneOfType([number, string]).isRequired,
-  shape: string,
-  size: string
-};
-export default WithTheme(retrieveStyle)(UTButtonGroup);
+import React from"react";import{arrayOf,element,func,number,objectOf,oneOfType,shape,string}from"prop-types";import UTButton from"../UTButton";import WithTheme from"../WithTheme";import{retrieveStyle}from"./theme";import{BACKGROUND_COLOR_MAPPER,DEFAULT_COLOR_THEME,DEFAULT_SIZE,DEFAULT_TYPE,SHADOW_ACTIVE_COLOR_THEMES}from"./constants";import styles from"./styles.module.scss";const UTButtonGroup=e=>{let{actions:t,classes:r,colorTheme:o=DEFAULT_COLOR_THEME,selected:s,shape:n=DEFAULT_TYPE,size:i=DEFAULT_SIZE}=e;const a=BACKGROUND_COLOR_MAPPER(r)[o]||BACKGROUND_COLOR_MAPPER(r).primary,c=SHADOW_ACTIVE_COLOR_THEMES.includes(o)?"shadow":"filled",T=SHADOW_ACTIVE_COLOR_THEMES.includes(o)?"gray":o;return React.createElement("div",{className:"".concat(styles["".concat(n,"Container")]," ").concat(a)},t.map(e=>{let{dataTestId:t,Icon:r,id:n,onClick:a,label:l}=e;return React.createElement(UTButton,{colorTheme:s===n?o:T,dataTestId:t,Icon:r,key:n,onClick:a,size:i,variant:s===n?c:"text"},l)}))};UTButtonGroup.propTypes={actions:arrayOf(shape({dataTestId:string,Icon:oneOfType([string,element]),id:oneOfType([number,string]),label:string,onClick:func})).isRequired,classes:objectOf(string),colorTheme:string,selected:oneOfType([number,string]).isRequired,shape:string,size:string};export default WithTheme(retrieveStyle)(UTButtonGroup);

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

@@ -1,14 +1 @@
-export const retrieveStyle = _ref => {
-  var _theme$Palette$action;
-  let {
-    theme
-  } = _ref;
-  return {
-    lightBackground: {
-      backgroundColor: theme.Palette.light['03']
-    },
-    negativeBackground: {
-      backgroundColor: ((_theme$Palette$action = theme.Palette.actions) === null || _theme$Palette$action === void 0 ? void 0 : _theme$Palette$action.negative['02']) || theme.Palette.negative['02']
-    }
-  };
-};
+export const retrieveStyle=e=>{var t;let{theme:o}=e;return{lightBackground:{backgroundColor:o.Palette.light["03"]},negativeBackground:{backgroundColor:(null===(t=o.Palette.actions)||void 0===t?void 0:t.negative["02"])||o.Palette.negative["02"]}}};

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

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

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

@@ -1,88 +1 @@
-import React, { useState } from 'react';
-import { array, func, string, objectOf, shape } from 'prop-types';
-import { metaPropTypes } from '../../../../types/formTypes';
-import UTTextInput from '../../../UTTextInput';
-import WithTheme from '../../../WithTheme';
-import { retrieveStyle } from './theme';
-const UTCBUInput = _ref => {
-  let {
-    classes,
-    dataTestId,
-    field,
-    helperTextDataTestId,
-    input,
-    meta
-  } = _ref;
-  const {
-    onChange,
-    value,
-    name
-  } = input;
-  const {
-    placeholder,
-    title,
-    configuration
-  } = field;
-  const {
-    entities,
-    cbu_number_key: cbuNumberKey,
-    cbu_entity_key: cbuEntityKey
-  } = configuration;
-  const [entity, setEntity] = useState('');
-  const onChangeText = newValue => {
-    const index = entities.findIndex(entityValue => new RegExp(entityValue.expression).test(newValue));
-    const entityToSet = index === -1 ? '' : entities[index].entity_name;
-    setEntity(entityToSet);
-    onChange({
-      [cbuNumberKey]: newValue,
-      [cbuEntityKey]: entityToSet
-    });
-  };
-  return /*#__PURE__*/React.createElement(UTTextInput, {
-    captionLabel: entity,
-    dataTestId: dataTestId,
-    field: field,
-    FormHelperTextProps: {
-      classes: {
-        root: classes.helper
-      }
-    },
-    helperTextDataTestId: helperTextDataTestId,
-    input: {
-      name,
-      onChange: onChangeText,
-      value: {
-        [cbuNumberKey]: value[cbuNumberKey],
-        [cbuEntityKey]: entity
-      }
-    },
-    inputObjectKey: cbuNumberKey,
-    label: title,
-    meta: meta,
-    placeholder: placeholder,
-    disabled: field === null || field === void 0 ? void 0 : field.read_only
-  });
-};
-UTCBUInput.propTypes = {
-  classes: objectOf(string),
-  dataTestId: string,
-  field: shape({
-    placeholder: string,
-    title: string,
-    configuration: shape({
-      entities: array
-    }),
-    cbu_number_key: string,
-    cbu_entity_key: string
-  }),
-  helperTextDataTestId: string,
-  input: shape({
-    onChange: func,
-    value: shape({
-      cbuNumber: string,
-      entityName: string
-    })
-  }),
-  meta: metaPropTypes
-};
-export default WithTheme(retrieveStyle)(UTCBUInput);
+import React,{useState}from"react";import{array,func,string,objectOf,shape}from"prop-types";import{metaPropTypes}from"../../../../types/formTypes";import UTTextInput from"../../../UTTextInput";import WithTheme from"../../../WithTheme";import{retrieveStyle}from"./theme";const UTCBUInput=e=>{let{classes:t,dataTestId:r,field:a,helperTextDataTestId:n,input:s,meta:i}=e;const{onChange:p,value:o,name:l}=s,{placeholder:m,title:u,configuration:c}=a,{entities:T,cbu_number_key:d,cbu_entity_key:h}=c,[y,f]=useState("");return React.createElement(UTTextInput,{captionLabel:y,dataTestId:r,field:a,FormHelperTextProps:{classes:{root:t.helper}},helperTextDataTestId:n,input:{name:l,onChange:e=>{const t=T.findIndex(t=>new RegExp(t.expression).test(e)),r=-1===t?"":T[t].entity_name;f(r),p({[d]:e,[h]:r})},value:{[d]:o[d],[h]:y}},inputObjectKey:d,label:u,meta:i,placeholder:m,disabled:null==a?void 0:a.read_only})};UTCBUInput.propTypes={classes:objectOf(string),dataTestId:string,field:shape({placeholder:string,title:string,configuration:shape({entities:array}),cbu_number_key:string,cbu_entity_key:string}),helperTextDataTestId:string,input:shape({onChange:func,value:shape({cbuNumber:string,entityName:string})}),meta:metaPropTypes};export default WithTheme(retrieveStyle)(UTCBUInput);

package/dist/esm/components/UTCBUInput/versions/V0/theme.js

@@ -1,11 +1 @@
-import { getIn } from 'seamless-immutable';
-export const retrieveStyle = _ref => {
-  let {
-    theme
-  } = _ref;
-  return {
-    helper: {
-      color: getIn(theme, ['UTCBUInput', 'helper', 'color'])
-    }
-  };
-};
+import{getIn}from"seamless-immutable";export const retrieveStyle=e=>{let{theme:t}=e;return{helper:{color:getIn(t,["UTCBUInput","helper","color"])}}};

package/dist/esm/components/UTCBUInput/versions/V1/index.js

@@ -1,61 +1 @@
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-import React, { useMemo } from 'react';
-import { array, func, string, shape } from 'prop-types';
-import { propTypes as textInputPropTypes } from '../../../UTTextInput/versions/V1';
-import UTTextInput from '../../../UTTextInput';
-const UTCBUInput = _ref => {
-  let {
-    cbu_entity_key: cbuEntityKey,
-    cbu_number_key: cbuNumberKey,
-    entities,
-    error,
-    onChange,
-    value = {},
-    ...props
-  } = _ref;
-  const findEntity = input => {
-    const matchedEntity = entities.find(_ref2 => {
-      let {
-        expression
-      } = _ref2;
-      return new RegExp(expression).test(input);
-    });
-    return matchedEntity ? matchedEntity.entity_name : '';
-  };
-  const entity = useMemo(() => findEntity(value[cbuNumberKey] || ''), [value, cbuNumberKey, entities]);
-  const validations = useMemo(() => entity && !error ? [{
-    items: [{
-      text: entity,
-      withIcon: false
-    }]
-  }] : [], [entity, error]);
-  const onChangeText = newValue => {
-    const entityToSet = findEntity(newValue);
-    onChange({
-      [cbuNumberKey]: newValue,
-      [cbuEntityKey]: entityToSet
-    });
-  };
-  return /*#__PURE__*/React.createElement(UTTextInput, _extends({}, props, {
-    error: error,
-    onBlur: undefined,
-    onChange: onChangeText,
-    type: "numeric",
-    validations: validations,
-    value: value[cbuNumberKey],
-    version: "V1"
-  }));
-};
-UTCBUInput.propTypes = {
-  cbu_entity_key: string,
-  cbu_number_key: string,
-  entities: array,
-  error: string,
-  onChange: func,
-  value: shape({
-    cbuNumber: string,
-    entityName: string
-  }),
-  ...textInputPropTypes
-};
-export default UTCBUInput;
+function _extends(){return _extends=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)({}).hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},_extends.apply(null,arguments)}import React,{useMemo}from"react";import{array,func,string,shape}from"prop-types";import{propTypes as textInputPropTypes}from"../../../UTTextInput/versions/V1";import UTTextInput from"../../../UTTextInput";const UTCBUInput=e=>{let{cbu_entity_key:t,cbu_number_key:n,entities:r,error:s,onChange:o,value:u={},...p}=e;const i=e=>{const t=r.find(t=>{let{expression:n}=t;return new RegExp(n).test(e)});return t?t.entity_name:""},a=useMemo(()=>i(u[n]||""),[u,n,r]),c=useMemo(()=>a&&!s?[{items:[{text:a,withIcon:!1}]}]:[],[a,s]);return React.createElement(UTTextInput,_extends({},p,{error:s,onBlur:void 0,onChange:e=>{const r=i(e);o({[n]:e,[t]:r})},type:"numeric",validations:c,value:u[n],version:"V1"}))};UTCBUInput.propTypes={cbu_entity_key:string,cbu_number_key:string,entities:array,error:string,onChange:func,value:shape({cbuNumber:string,entityName:string}),...textInputPropTypes};export default UTCBUInput;

package/dist/esm/components/UTCalendar/components/Day/index.js

@@ -1,30 +1 @@
-import React from 'react';
-import { func, object, number, bool } from 'prop-types';
-import dayjs from 'dayjs';
-import UTTouchableWithoutFeedback from '../../../UTTouchableWithoutFeedback';
-import { DAY_FORMAT } from '../../constants';
-import styles from './styles.module.scss';
-const GenericRenderDay = _ref => {
-  let {
-    date,
-    bookingOptions,
-    selectedDayIndex,
-    setSelectedDayIndex,
-    dayInCurrentMonth
-  } = _ref;
-  const index = bookingOptions.findIndex(item => dayjs(item.value).isSame(dayjs(date), 'day'));
-  const available = dayInCurrentMonth && index !== -1;
-  const isSelected = index === selectedDayIndex;
-  return /*#__PURE__*/React.createElement(UTTouchableWithoutFeedback, {
-    className: "".concat(styles.daysRender, "  ").concat(!available && styles.disabledButton, " ").concat(isSelected && styles.selectedDay, " ").concat(!dayInCurrentMonth && styles.notInCurrentMonth),
-    onClick: available ? () => setSelectedDayIndex(index) : undefined
-  }, dayInCurrentMonth ? dayjs(date).format(DAY_FORMAT) : '');
-};
-GenericRenderDay.propTypes = {
-  date: object,
-  bookingOptions: object,
-  selectedDayIndex: number,
-  setSelectedDayIndex: func,
-  dayInCurrentMonth: bool
-};
-export default GenericRenderDay;
+import React from"react";import{func,object,number,bool}from"prop-types";import dayjs from"dayjs";import UTTouchableWithoutFeedback from"../../../UTTouchableWithoutFeedback";import{DAY_FORMAT}from"../../constants";import styles from"./styles.module.scss";const GenericRenderDay=e=>{let{date:t,bookingOptions:o,selectedDayIndex:n,setSelectedDayIndex:a,dayInCurrentMonth:s}=e;const c=o.findIndex(e=>dayjs(e.value).isSame(dayjs(t),"day")),r=s&&-1!==c,d=c===n;return React.createElement(UTTouchableWithoutFeedback,{className:"".concat(styles.daysRender,"  ").concat(!r&&styles.disabledButton," ").concat(d&&styles.selectedDay," ").concat(!s&&styles.notInCurrentMonth),onClick:r?()=>a(c):void 0},s?dayjs(t).format(DAY_FORMAT):"")};GenericRenderDay.propTypes={date:object,bookingOptions:object,selectedDayIndex:number,setSelectedDayIndex:func,dayInCurrentMonth:bool};export default GenericRenderDay;

package/dist/esm/components/UTCalendar/components/TimeInput/index.js

@@ -1,32 +1 @@
-import React from 'react';
-import { array, func, string } from 'prop-types';
-import UTLabel from '../../../UTLabel';
-import UTRadioGroup from '../../../UTRadioGroup';
-import styles from './styles.module.scss';
-const TimeInput = _ref => {
-  let {
-    availableTimeSlots,
-    selectedTime,
-    setSelectedTime
-  } = _ref;
-  return /*#__PURE__*/React.createElement("div", {
-    className: styles.timeInputContainer
-  }, /*#__PURE__*/React.createElement("div", {
-    className: styles.timeInputHeader
-  }, /*#__PURE__*/React.createElement(UTLabel, {
-    variant: "subtitle1"
-  }, "Seleccione el horario"), /*#__PURE__*/React.createElement(UTLabel, null, "Debe seleccionar un horario para continuar")), /*#__PURE__*/React.createElement(UTRadioGroup, {
-    options: availableTimeSlots,
-    value: selectedTime,
-    onChange: setSelectedTime,
-    version: "V1",
-    verticalSpacing: "small",
-    variant: "card"
-  }));
-};
-TimeInput.propTypes = {
-  availableTimeSlots: array,
-  selectedTime: string,
-  setSelectedTime: func
-};
-export default TimeInput;
+import React from"react";import{array,func,string}from"prop-types";import UTLabel from"../../../UTLabel";import UTRadioGroup from"../../../UTRadioGroup";import styles from"./styles.module.scss";const TimeInput=e=>{let{availableTimeSlots:t,selectedTime:a,setSelectedTime:r}=e;return React.createElement("div",{className:styles.timeInputContainer},React.createElement("div",{className:styles.timeInputHeader},React.createElement(UTLabel,{variant:"subtitle1"},"Seleccione el horario"),React.createElement(UTLabel,null,"Debe seleccionar un horario para continuar")),React.createElement(UTRadioGroup,{options:t,value:a,onChange:r,version:"V1",verticalSpacing:"small",variant:"card"}))};TimeInput.propTypes={availableTimeSlots:array,selectedTime:string,setSelectedTime:func};export default TimeInput;

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

@@ -1,9 +1 @@
-export const INPUT_VALUE_DEFAULT = '00:00';
-export const ONLY_ONE_WORK_SCHEDULE = 0;
-export const DAY_FORMAT = 'DD';
-export const FORMAT_DATE = 'YYYY-MM-DD';
-export const ICON_SIZE_DEFAULT = 32;
-export const FIELD_KEYS = {
-  DATE: 'date',
-  TIME: 'time'
-};
+export const INPUT_VALUE_DEFAULT="00:00";export const ONLY_ONE_WORK_SCHEDULE=0;export const DAY_FORMAT="DD";export const FORMAT_DATE="YYYY-MM-DD";export const ICON_SIZE_DEFAULT=32;export const FIELD_KEYS={DATE:"date",TIME:"time"};

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

@@ -1,114 +1 @@
-import { DatePicker, MuiPickersUtilsProvider } from '@material-ui/pickers';
-import { func, bool, string, object, array } from 'prop-types';
-import React, { useEffect, useMemo, useState } from 'react';
-import DateFnsUtils from '@date-io/date-fns';
-import esLocale from 'date-fns/locale/es';
-import isEmpty from 'lodash/isEmpty';
-import UTLabel from '../UTLabel';
-import UTIcon from '../UTIcon';
-import UTFieldLabel from '../UTFieldLabel';
-import { formatErrorToValidation } from '../UTValidation/utils';
-import UTValidation from '../UTValidation';
-import { ICON_SIZE_DEFAULT, FIELD_KEYS } from './constants';
-import TimeInput from './components/TimeInput';
-import Day from './components/Day';
-import styles from './styles.module.scss';
-const Calendar = _ref => {
-  var _options$selectedDayI2;
-  let {
-    dataTestId,
-    actions,
-    error,
-    onChange,
-    options,
-    required,
-    showLegend,
-    timeSelection,
-    title,
-    value
-  } = _ref;
-  const [selectedDayIndex, setSelectedDayIndex] = useState(value === null || value === void 0 ? void 0 : value[FIELD_KEYS.DATE]);
-  const [selectedTime, setSelectedTime] = useState(value === null || value === void 0 ? void 0 : value[FIELD_KEYS.TIME]);
-  const selectedDay = useMemo(() => {
-    var _options$selectedDayI;
-    return (_options$selectedDayI = options[selectedDayIndex]) === null || _options$selectedDayI === void 0 ? void 0 : _options$selectedDayI.value;
-  }, [selectedDayIndex]);
-  const validationData = useMemo(() => error && formatErrorToValidation(error), [error]);
-  useEffect(() => {
-    setSelectedTime(null);
-    onChange({
-      [FIELD_KEYS.DATE]: selectedDay
-    });
-  }, [selectedDayIndex]);
-  useEffect(() => {
-    onChange({
-      [FIELD_KEYS.DATE]: selectedDay,
-      [FIELD_KEYS.TIME]: selectedTime
-    });
-  }, [selectedTime]);
-  const availableTimeSlots = options === null || options === void 0 || (_options$selectedDayI2 = options[selectedDayIndex]) === null || _options$selectedDayI2 === void 0 ? void 0 : _options$selectedDayI2.configuration.times;
-  return /*#__PURE__*/React.createElement("div", {
-    className: styles.container,
-    "data-testid": dataTestId
-  }, title && /*#__PURE__*/React.createElement(UTFieldLabel, {
-    actions: actions,
-    required: required
-  }, title), /*#__PURE__*/React.createElement("div", {
-    className: styles.container
-  }, /*#__PURE__*/React.createElement("div", {
-    className: styles.calendarContainer
-  }, /*#__PURE__*/React.createElement(MuiPickersUtilsProvider, {
-    utils: DateFnsUtils,
-    locale: esLocale
-  }, /*#__PURE__*/React.createElement(DatePicker, {
-    disableToolbar: true,
-    variant: "static",
-    value: selectedDay,
-    onChange: () => null,
-    renderDay: (date, _, dayInCurrentMonth) => /*#__PURE__*/React.createElement(Day, {
-      date: date,
-      bookingOptions: options,
-      selectedDayIndex: selectedDayIndex,
-      setSelectedDayIndex: setSelectedDayIndex,
-      dayInCurrentMonth: dayInCurrentMonth,
-      setSelectedDay: setSelectedDayIndex
-    }),
-    minDate: new Date()
-  })), showLegend && /*#__PURE__*/React.createElement("div", {
-    className: styles.bottomReference
-  }, /*#__PURE__*/React.createElement("div", {
-    className: styles.legendReference
-  }), /*#__PURE__*/React.createElement(UTLabel, {
-    colorTheme: "gray",
-    className: styles.legendLabel
-  }, "Sin horarios disponibles"))), timeSelection && /*#__PURE__*/React.createElement("div", {
-    className: "".concat(styles.timeRankContainer, " ").concat(isEmpty(availableTimeSlots) && styles.emptyTimeRankContainer)
-  }, !isEmpty(availableTimeSlots) ? /*#__PURE__*/React.createElement(TimeInput, {
-    availableTimeSlots: availableTimeSlots,
-    selectedTime: selectedTime,
-    setSelectedTime: setSelectedTime
-  }) : /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
-    className: styles.calendarIconWrapper
-  }, /*#__PURE__*/React.createElement(UTIcon, {
-    name: "IconCalendarEvent",
-    colorTheme: "gray",
-    size: ICON_SIZE_DEFAULT
-  })), /*#__PURE__*/React.createElement(UTLabel, {
-    colorTheme: "gray"
-  }, selectedDay ? 'No hay horarios disponibles' : 'Debe seleccionar una fecha primero')))), validationData && /*#__PURE__*/React.createElement(UTValidation, {
-    validationData: validationData
-  }));
-};
-Calendar.propTypes = {
-  actions: array,
-  dataTestId: string,
-  error: string,
-  onChange: func,
-  options: array,
-  required: bool,
-  showLegend: bool,
-  timeSelection: bool,
-  title: string,
-  value: object
-};
-export default Calendar;
+import{DatePicker,MuiPickersUtilsProvider}from"@material-ui/pickers";import{func,bool,string,object,array}from"prop-types";import React,{useEffect,useMemo,useState}from"react";import DateFnsUtils from"@date-io/date-fns";import esLocale from"date-fns/locale/es";import isEmpty from"lodash/isEmpty";import UTLabel from"../UTLabel";import UTIcon from"../UTIcon";import UTFieldLabel from"../UTFieldLabel";import{formatErrorToValidation}from"../UTValidation/utils";import UTValidation from"../UTValidation";import{ICON_SIZE_DEFAULT,FIELD_KEYS}from"./constants";import TimeInput from"./components/TimeInput";import Day from"./components/Day";import styles from"./styles.module.scss";const Calendar=e=>{var t;let{dataTestId:a,actions:o,error:r,onChange:l,options:n,required:i,showLegend:s,timeSelection:c,title:m,value:d}=e;const[E,p]=useState(null==d?void 0:d[FIELD_KEYS.DATE]),[u,T]=useState(null==d?void 0:d[FIELD_KEYS.TIME]),y=useMemo(()=>{var e;return null===(e=n[E])||void 0===e?void 0:e.value},[E]),f=useMemo(()=>r&&formatErrorToValidation(r),[r]);useEffect(()=>{T(null),l({[FIELD_KEYS.DATE]:y})},[E]),useEffect(()=>{l({[FIELD_KEYS.DATE]:y,[FIELD_KEYS.TIME]:u})},[u]);const D=null==n||null===(t=n[E])||void 0===t?void 0:t.configuration.times;return React.createElement("div",{className:styles.container,"data-testid":a},m&&React.createElement(UTFieldLabel,{actions:o,required:i},m),React.createElement("div",{className:styles.container},React.createElement("div",{className:styles.calendarContainer},React.createElement(MuiPickersUtilsProvider,{utils:DateFnsUtils,locale:esLocale},React.createElement(DatePicker,{disableToolbar:!0,variant:"static",value:y,onChange:()=>null,renderDay:(e,t,a)=>React.createElement(Day,{date:e,bookingOptions:n,selectedDayIndex:E,setSelectedDayIndex:p,dayInCurrentMonth:a,setSelectedDay:p}),minDate:new Date})),s&&React.createElement("div",{className:styles.bottomReference},React.createElement("div",{className:styles.legendReference}),React.createElement(UTLabel,{colorTheme:"gray",className:styles.legendLabel},"Sin horarios disponibles"))),c&&React.createElement("div",{className:"".concat(styles.timeRankContainer," ").concat(isEmpty(D)&&styles.emptyTimeRankContainer)},isEmpty(D)?React.createElement(React.Fragment,null,React.createElement("div",{className:styles.calendarIconWrapper},React.createElement(UTIcon,{name:"IconCalendarEvent",colorTheme:"gray",size:ICON_SIZE_DEFAULT})),React.createElement(UTLabel,{colorTheme:"gray"},y?"No hay horarios disponibles":"Debe seleccionar una fecha primero")):React.createElement(TimeInput,{availableTimeSlots:D,selectedTime:u,setSelectedTime:T}))),f&&React.createElement(UTValidation,{validationData:f}))};Calendar.propTypes={actions:array,dataTestId:string,error:string,onChange:func,options:array,required:bool,showLegend:bool,timeSelection:bool,title:string,value:object};export default Calendar;

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

@@ -1,28 +1 @@
-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, { PureComponent } from 'react';
-import ReCAPTCHA from 'react-google-recaptcha';
-import { string, func } from 'prop-types';
-class UTCaptcha extends PureComponent {
-  constructor() {
-    super(...arguments);
-    _defineProperty(this, "onChange", value => this.props.onChange(value));
-  }
-  render() {
-    return /*#__PURE__*/React.createElement("div", {
-      className: this.props.className
-    }, /*#__PURE__*/React.createElement(ReCAPTCHA, {
-      sitekey: this.props.siteKey,
-      onChange: this.onChange,
-      size: this.props.size
-    }));
-  }
-}
-UTCaptcha.propTypes = {
-  siteKey: string.isRequired,
-  onChange: func.isRequired,
-  size: string.isRequired,
-  className: string
-};
-export default UTCaptcha;
+function _defineProperty(e,t,r){return(t=_toPropertyKey(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,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 r=e[Symbol.toPrimitive];if(void 0!==r){var i=r.call(e,t||"default");if("object"!=typeof i)return i;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}import React,{PureComponent}from"react";import ReCAPTCHA from"react-google-recaptcha";import{string,func}from"prop-types";class UTCaptcha extends PureComponent{constructor(){super(...arguments),_defineProperty(this,"onChange",e=>this.props.onChange(e))}render(){return React.createElement("div",{className:this.props.className},React.createElement(ReCAPTCHA,{sitekey:this.props.siteKey,onChange:this.onChange,size:this.props.size}))}}UTCaptcha.propTypes={siteKey:string.isRequired,onChange:func.isRequired,size:string.isRequired,className:string};export default UTCaptcha;

package/dist/esm/components/UTCarousel/components/Button/index.js

@@ -1,36 +1 @@
-import React, { memo } from 'react';
-import { bool, func, string, node, objectOf } from 'prop-types';
-import IconButton from '@material-ui/core/IconButton';
-import KeyboardArrowRight from '@material-ui/icons/KeyboardArrowRight';
-import KeyboardArrowLeft from '@material-ui/icons/KeyboardArrowLeft';
-const Button = _ref => {
-  let {
-    left,
-    className,
-    onPress,
-    callback,
-    ArrowCustom,
-    classes
-  } = _ref;
-  const handleOnPress = () => {
-    onPress();
-    // eslint-disable-next-line no-unused-expressions
-    callback && callback();
-  };
-  return ArrowCustom ? /*#__PURE__*/React.createElement(ArrowCustom, {
-    className: "".concat(classes.arrowStyle, " ").concat(className),
-    onClick: handleOnPress
-  }) : /*#__PURE__*/React.createElement(IconButton, {
-    className: "".concat(classes.arrowStyle, " ").concat(className),
-    onClick: handleOnPress
-  }, left ? /*#__PURE__*/React.createElement(KeyboardArrowLeft, null) : /*#__PURE__*/React.createElement(KeyboardArrowRight, null));
-};
-Button.propTypes = {
-  left: bool,
-  onPress: func,
-  callback: func,
-  className: string,
-  ArrowCustom: node,
-  classes: objectOf(string)
-};
-export default /*#__PURE__*/memo(Button);
+import React,{memo}from"react";import{bool,func,string,node,objectOf}from"prop-types";import IconButton from"@material-ui/core/IconButton";import KeyboardArrowRight from"@material-ui/icons/KeyboardArrowRight";import KeyboardArrowLeft from"@material-ui/icons/KeyboardArrowLeft";const Button=o=>{let{left:t,className:e,onPress:r,callback:a,ArrowCustom:c,classes:n}=o;const l=()=>{r(),a&&a()};return c?React.createElement(c,{className:"".concat(n.arrowStyle," ").concat(e),onClick:l}):React.createElement(IconButton,{className:"".concat(n.arrowStyle," ").concat(e),onClick:l},t?React.createElement(KeyboardArrowLeft,null):React.createElement(KeyboardArrowRight,null))};Button.propTypes={left:bool,onPress:func,callback:func,className:string,ArrowCustom:node,classes:objectOf(string)};export default memo(Button);