@widergy/energy-ui 3.172.1 → 3.172.3

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=_ref=>{var _options$selectedDayI2;let{dataTestId:dataTestId,actions:actions,error:error,onChange:onChange,options:options,required:required,showLegend:showLegend,timeSelection:timeSelection,title:title,value:value}=_ref;const[selectedDayIndex,setSelectedDayIndex]=useState(null==value?void 0:value[FIELD_KEYS.DATE]),[selectedTime,setSelectedTime]=useState(null==value?void 0:value[FIELD_KEYS.TIME]),selectedDay=useMemo(()=>{var _options$selectedDayI;return null===(_options$selectedDayI=options[selectedDayIndex])||void 0===_options$selectedDayI?void 0:_options$selectedDayI.value},[selectedDayIndex]),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=null==options||null===(_options$selectedDayI2=options[selectedDayIndex])||void 0===_options$selectedDayI2?void 0:_options$selectedDayI2.configuration.times;return React.createElement("div",{className:styles.container,"data-testid":dataTestId},title&&React.createElement(UTFieldLabel,{actions:actions,required:required},title),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:selectedDay,onChange:()=>null,renderDay:(date,_,dayInCurrentMonth)=>React.createElement(Day,{date:date,bookingOptions:options,selectedDayIndex:selectedDayIndex,setSelectedDayIndex:setSelectedDayIndex,dayInCurrentMonth:dayInCurrentMonth,setSelectedDay:setSelectedDayIndex}),minDate:new Date})),showLegend&&React.createElement("div",{className:styles.bottomReference},React.createElement("div",{className:styles.legendReference}),React.createElement(UTLabel,{colorTheme:"gray",className:styles.legendLabel},"Sin horarios disponibles"))),timeSelection&&React.createElement("div",{className:"".concat(styles.timeRankContainer," ").concat(isEmpty(availableTimeSlots)&&styles.emptyTimeRankContainer)},isEmpty(availableTimeSlots)?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"},selectedDay?"No hay horarios disponibles":"Debe seleccionar una fecha primero")):React.createElement(TimeInput,{availableTimeSlots:availableTimeSlots,selectedTime:selectedTime,setSelectedTime:setSelectedTime}))),validationData&&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;

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,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 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=_ref=>{let{left:left,className:className,onPress:onPress,callback:callback,ArrowCustom:ArrowCustom,classes:classes}=_ref;const handleOnPress=()=>{onPress(),callback&&callback()};return ArrowCustom?React.createElement(ArrowCustom,{className:"".concat(classes.arrowStyle," ").concat(className),onClick:handleOnPress}):React.createElement(IconButton,{className:"".concat(classes.arrowStyle," ").concat(className),onClick:handleOnPress},left?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);

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

@@ -1,31 +1 @@
-import React, { memo } from 'react';
-import { func, number, node, string, objectOf } from 'prop-types';
-import UTTouchableWithoutFeedback from '../../../UTTouchableWithoutFeedback';
-const LegendContainer = _ref => {
-  let {
-    index,
-    currentSlide,
-    onClick,
-    LegendCustom,
-    classes
-  } = _ref;
-  const handleOnClick = () => onClick(index + 1);
-  const isActive = currentSlide === index;
-  return LegendCustom ? /*#__PURE__*/React.createElement(LegendCustom, {
-    isActive: isActive,
-    onClick: handleOnClick
-  }) : /*#__PURE__*/React.createElement(UTTouchableWithoutFeedback, {
-    className: classes.legendStyleTouchable,
-    onClick: handleOnClick
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "".concat(classes.legendStyleContainer, " ").concat(isActive && classes.legendStyleIsActive)
-  }));
-};
-LegendContainer.propTypes = {
-  onClick: func,
-  index: number,
-  currentSlide: number,
-  LegendCustom: node,
-  classes: objectOf(string)
-};
-export default /*#__PURE__*/memo(LegendContainer);
+import React,{memo}from"react";import{func,number,node,string,objectOf}from"prop-types";import UTTouchableWithoutFeedback from"../../../UTTouchableWithoutFeedback";const LegendContainer=_ref=>{let{index:index,currentSlide:currentSlide,onClick:onClick,LegendCustom:LegendCustom,classes:classes}=_ref;const handleOnClick=()=>onClick(index+1),isActive=currentSlide===index;return LegendCustom?React.createElement(LegendCustom,{isActive:isActive,onClick:handleOnClick}):React.createElement(UTTouchableWithoutFeedback,{className:classes.legendStyleTouchable,onClick:handleOnClick},React.createElement("div",{className:"".concat(classes.legendStyleContainer," ").concat(isActive&&classes.legendStyleIsActive)}))};LegendContainer.propTypes={onClick:func,index:number,currentSlide:number,LegendCustom:node,classes:objectOf(string)};export default memo(LegendContainer);

package/dist/esm/components/UTCarousel/components/Slider/component/Slide/index.js

@@ -1,56 +1 @@
-import React, { memo } from 'react';
-import { string, number, bool, func, node, objectOf } from 'prop-types';
-import UTTouchableWithoutFeedback from '../../../../../UTTouchableWithoutFeedback';
-import styles from './styles.module.scss';
-const Slide = _ref => {
-  let {
-    animationTime,
-    border,
-    classes,
-    currentSlide,
-    imgSrc,
-    onClick,
-    position,
-    renderContent,
-    shouldAnimate,
-    widthContainer
-  } = _ref;
-  const slide = currentSlide === position ? border / 2 : currentSlide === position - 1 ? -border / 4 : currentSlide === position + 1 && border + border / 4;
-  const containerStyle = {
-    left: position * (slide ? widthContainer + slide : widthContainer),
-    width: "".concat(border ? widthContainer - border : widthContainer, "px"),
-    transition: "".concat(shouldAnimate ? "left ".concat(animationTime, "s linear 0s") : 'none')
-  };
-  if (renderContent) {
-    return /*#__PURE__*/React.createElement("div", {
-      className: styles.imageContainer,
-      style: containerStyle,
-      draggable: "false"
-    }, renderContent);
-  }
-  return /*#__PURE__*/React.createElement(UTTouchableWithoutFeedback, {
-    className: "".concat(styles.imageContainer),
-    style: containerStyle,
-    draggable: "false",
-    onClick: onClick
-  }, /*#__PURE__*/React.createElement("div", {
-    style: {
-      backgroundImage: "url(".concat(imgSrc, ")")
-    },
-    className: "".concat(styles.image, " ").concat(classes === null || classes === void 0 ? void 0 : classes.image),
-    draggable: "false"
-  }));
-};
-Slide.propTypes = {
-  animationTime: number,
-  border: number,
-  classes: objectOf(string),
-  currentSlide: number,
-  imgSrc: string,
-  onClick: func,
-  position: number,
-  renderContent: node,
-  shouldAnimate: bool,
-  widthContainer: number
-};
-export default /*#__PURE__*/memo(Slide);
+import React,{memo}from"react";import{string,number,bool,func,node,objectOf}from"prop-types";import UTTouchableWithoutFeedback from"../../../../../UTTouchableWithoutFeedback";import styles from"./styles.module.scss";const Slide=_ref=>{let{animationTime:animationTime,border:border,classes:classes,currentSlide:currentSlide,imgSrc:imgSrc,onClick:onClick,position:position,renderContent:renderContent,shouldAnimate:shouldAnimate,widthContainer:widthContainer}=_ref;const slide=currentSlide===position?border/2:currentSlide===position-1?-border/4:currentSlide===position+1&&border+border/4,containerStyle={left:position*(slide?widthContainer+slide:widthContainer),width:"".concat(border?widthContainer-border:widthContainer,"px"),transition:"".concat(shouldAnimate?"left ".concat(animationTime,"s linear 0s"):"none")};return renderContent?React.createElement("div",{className:styles.imageContainer,style:containerStyle,draggable:"false"},renderContent):React.createElement(UTTouchableWithoutFeedback,{className:"".concat(styles.imageContainer),style:containerStyle,draggable:"false",onClick:onClick},React.createElement("div",{style:{backgroundImage:"url(".concat(imgSrc,")")},className:"".concat(styles.image," ").concat(null==classes?void 0:classes.image),draggable:"false"}))};Slide.propTypes={animationTime:number,border:number,classes:objectOf(string),currentSlide:number,imgSrc:string,onClick:func,position:number,renderContent:node,shouldAnimate:bool,widthContainer:number};export default memo(Slide);

package/dist/esm/components/UTCarousel/components/Slider/constants.js

@@ -1,5 +1 @@
-export const FAST_ANIMATION = 35;
-export const SLOW_ANIMATION = 400;
-export const MIN_TIME_MOVE = 150;
-export const OUTSIDE = 'outside';
-export const INSIDE = 'inside';
+export const FAST_ANIMATION=35;export const SLOW_ANIMATION=400;export const MIN_TIME_MOVE=150;export const OUTSIDE="outside";export const INSIDE="inside";

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

@@ -1,294 +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 { number, bool, shape, objectOf, string, arrayOf, node, func, oneOfType } from 'prop-types';
-import Button from '../Button';
-import Legend from '../Legend';
-import { throttle } from '../../../../utils/helperFunctions';
-import styles from './styles.module.scss';
-import Slider from './layout';
-import { FAST_ANIMATION, SLOW_ANIMATION, MIN_TIME_MOVE, OUTSIDE } from './constants';
-class SliderContainer extends PureComponent {
-  constructor(props) {
-    super(props);
-    _defineProperty(this, "handleNextSlide", () => {
-      if (this.imagesLength === this.state.index) {
-        this.setState(prevState => ({
-          index: prevState.index + 1,
-          shouldAnimate: true,
-          timeAnimation: prevState.finishPosition === 0 ? SLOW_ANIMATION : prevState.timeAnimation,
-          disable: true
-        }), () => setTimeout(() => this.setState(prevState => ({
-          index: 1,
-          shouldAnimate: false,
-          timeAnimation: prevState.finishPosition === 0 ? SLOW_ANIMATION : prevState.timeAnimation,
-          disable: false
-        })), this.state.timeAnimation));
-      } else this.setState(prevState => ({
-        index: prevState.index + 1,
-        shouldAnimate: true,
-        timeAnimation: prevState.finishPosition === 0 ? SLOW_ANIMATION : prevState.timeAnimation,
-        disable: true
-      }), () => setTimeout(() => this.setState({
-        disable: false
-      }), this.state.timeAnimation));
-    });
-    _defineProperty(this, "handlePrevSlide", () => {
-      if (this.state.index === 1) {
-        this.setState(prevState => ({
-          index: 0,
-          shouldAnimate: true,
-          timeAnimation: prevState.finishPosition === 0 ? SLOW_ANIMATION : prevState.timeAnimation,
-          disable: true
-        }), () => setTimeout(() => this.setState(prevState => ({
-          index: prevState.slideArray.length - 2,
-          shouldAnimate: false,
-          timeAnimation: prevState.finishPosition === 0 ? SLOW_ANIMATION : prevState.timeAnimation,
-          disable: false
-        })), this.state.timeAnimation));
-      } else this.setState(prevState => ({
-        index: prevState.index - 1,
-        shouldAnimate: true,
-        timeAnimation: prevState.finishPosition === 0 ? SLOW_ANIMATION : prevState.timeAnimation,
-        disable: true
-      }), () => setTimeout(() => this.setState({
-        disable: false
-      }), this.state.timeAnimation));
-    });
-    _defineProperty(this, "handleMouseMove", event => this.setState(prevState => ({
-      finishPosition: prevState.initialPosition - event.clientX
-    })));
-    _defineProperty(this, "handleTouchMove", event => this.setState(prevState => ({
-      finishPosition: prevState.initialPosition - event.changedTouches[event.changedTouches.length - 1].clientX
-    })));
-    _defineProperty(this, "handleEventUp", () => {
-      this.containerRef.current.removeEventListener('mousemove', this.handleMouseMove);
-      this.containerRef.current.removeEventListener('touchmove', this.handleTouchMove);
-      const {
-        containerWidth
-      } = this.state;
-      const time = new Date().getTime();
-      const transitionTime = time - this.state.timeMove;
-      const fastAnimationRight = this.state.finishPosition > 60;
-      const fastAnimationLeft = this.state.finishPosition < -60;
-      const fastAnimation = transitionTime > 0 && transitionTime < MIN_TIME_MOVE && (fastAnimationRight || fastAnimationLeft);
-      if (fastAnimation) {
-        this.setState({
-          timeAnimation: FAST_ANIMATION
-        });
-        if (fastAnimationLeft) {
-          this.handlePrevSlide();
-        } else if (fastAnimationRight) this.handleNextSlide();
-      }
-      if (transitionTime !== 0 && -containerWidth / 3 >= this.state.finishPosition && !fastAnimation) {
-        this.setState({
-          timeAnimation: SLOW_ANIMATION
-        });
-        this.handlePrevSlide();
-      } else if (transitionTime !== 0 && containerWidth / 3 <= this.state.finishPosition && !fastAnimation) {
-        this.setState({
-          timeAnimation: SLOW_ANIMATION
-        });
-        this.handleNextSlide();
-      }
-      return this.setState({
-        initialPosition: 0,
-        finishPosition: 0,
-        shouldAnimate: true
-      });
-    });
-    _defineProperty(this, "handleLegend", item => {
-      this.setState({
-        timeAnimation: 400,
-        index: item
-      });
-    });
-    _defineProperty(this, "updateImgArray", () => {
-      const firstSlide = this.props.slides[0];
-      const lastSlide = this.props.slides[this.props.slides.length - 1];
-      const arr = [{
-        ...lastSlide,
-        id: "lastSlide-".concat(lastSlide.id || lastSlide.imgSrc)
-      }, ...this.props.slides, {
-        ...firstSlide,
-        id: "firstSlide-".concat(firstSlide.id || firstSlide.imgSrc)
-      }];
-      this.setState({
-        slideArray: arr
-      });
-    });
-    _defineProperty(this, "updateContainerWidth", () => this.setState({
-      containerWidth: this.containerRef.current && this.containerRef.current.clientWidth
-    }));
-    this.containerRef = /*#__PURE__*/React.createRef();
-    this.imagesLength = props.slides.length;
-    this.state = {
-      index: 1,
-      slideArray: [],
-      shouldAnimate: true,
-      timeMove: 0,
-      initialPosition: 0,
-      finishPosition: 0,
-      timeAnimation: FAST_ANIMATION
-    };
-  }
-  componentDidMount() {
-    const firstSlide = this.props.slides[0];
-    const lastSlide = this.props.slides[this.props.slides.length - 1];
-    const arr = [{
-      ...lastSlide,
-      id: "lastSlide-".concat(lastSlide.id || lastSlide.imgSrc)
-    }, ...this.props.slides, {
-      ...firstSlide,
-      id: "firstSlide-".concat(firstSlide.id || firstSlide.imgSrc)
-    }];
-    this.setState({
-      slideArray: arr
-    });
-    this.containerRef.current.addEventListener('touchstart', this.handleTouchDown.bind(this));
-    this.containerRef.current.addEventListener('mousedown', this.handleMouseDown.bind(this));
-    this.updateContainerWidth();
-    window.addEventListener('resize', this.updateContainerWidth);
-    if (this.props.autoPlay) setInterval(() => this.handleNextSlide(), this.props.autoPlayDelay);
-  }
-  componentDidUpdate(prevProps) {
-    if (this.props.slides !== prevProps.slides) {
-      this.updateImgArray();
-    }
-  }
-  componentWillUnmount() {
-    var _this$containerRef;
-    if ((_this$containerRef = this.containerRef) !== null && _this$containerRef !== void 0 && _this$containerRef.current) {
-      this.containerRef.current.removeEventListener('touchstart', this.handleTouchDown);
-      this.containerRef.current.removeEventListener('mousedown', this.handleMouseDown);
-      this.containerRef.current.removeEventListener('mousemove', this.handleMouseMove);
-      this.containerRef.current.removeEventListener('touchmove', this.handleTouchMove);
-    }
-    window.removeEventListener('mouseup', this.handleEventUp);
-    window.removeEventListener('resize', this.updateContainerWidth);
-    window.removeEventListener('touchend', this.handleEventUp);
-  }
-  handleMouseDown() {
-    return throttle(event => {
-      this.containerRef.current.addEventListener('mousemove', this.handleMouseMove);
-      window.addEventListener('mouseup', this.handleEventUp);
-      return this.setState({
-        initialPosition: event.clientX,
-        shouldAnimate: false,
-        timeMove: new Date().getTime()
-      });
-    }, this.state.timeAnimation);
-  }
-  handleTouchDown() {
-    throttle(event => {
-      this.containerRef.current.addEventListener('touchmove', this.handleTouchMove);
-      window.addEventListener('touchend', this.handleEventUp);
-      return this.setState({
-        initialPosition: event.changedTouches[event.changedTouches.length - 1].clientX,
-        shouldAnimate: false,
-        timeMove: new Date().getTime()
-      });
-    }, this.state.timeAnimation);
-  }
-  render() {
-    const {
-      shouldAnimate,
-      slideArray,
-      index,
-      timeAnimation,
-      containerWidth
-    } = this.state;
-    const {
-      withBorder,
-      arrow,
-      legend,
-      classes,
-      slides,
-      height,
-      activeEvents,
-      className
-    } = this.props;
-    const baseSlidePosition = (index - 1) * -containerWidth;
-    const transitionSlide = !this.props.enableMove ? baseSlidePosition - this.state.finishPosition : baseSlidePosition;
-    return /*#__PURE__*/React.createElement("div", {
-      className: "".concat(styles.generalContainer, " ").concat(className),
-      style: {
-        pointerEvents: "".concat(this.state.disable || !activeEvents ? 'none' : 'all'),
-        height
-      },
-      draggable: "false"
-    }, arrow && arrow.position === OUTSIDE && /*#__PURE__*/React.createElement("div", {
-      className: styles.arrowContainer
-    }, /*#__PURE__*/React.createElement(Button, {
-      ArrowCustom: arrow.arrowCustomLeft,
-      callback: arrow.callbackLeft,
-      onPress: this.handlePrevSlide,
-      classes: classes,
-      left: true
-    })), /*#__PURE__*/React.createElement("div", {
-      ref: this.containerRef,
-      className: styles.sliderContainer,
-      draggable: "false"
-    }, /*#__PURE__*/React.createElement(Slider, {
-      transitionSlide: transitionSlide,
-      containerWidth: containerWidth,
-      slideArray: slideArray,
-      shouldAnimate: shouldAnimate,
-      slides: slides,
-      withBorder: withBorder,
-      index: index,
-      handleLegend: this.handleLegend,
-      handlePrevSlide: this.handlePrevSlide,
-      handleNextSlide: this.handleNextSlide,
-      timeAnimation: timeAnimation,
-      arrow: arrow,
-      legend: legend,
-      classes: classes
-    })), legend && legend.position === OUTSIDE && /*#__PURE__*/React.createElement("div", {
-      className: styles.legendContainerOut
-    }, /*#__PURE__*/React.createElement("div", {
-      className: styles.legend
-    }, slides.map((slide, slideIndex) => /*#__PURE__*/React.createElement(Legend, {
-      LegendCustom: legend.legendCustom,
-      index: slideIndex,
-      currentSlide: index === slideArray.length - 1 ? 0 : index === 0 ? 1 : index - 1,
-      onClick: this.handleLegend,
-      classes: classes,
-      key: "legend-out-".concat(slide.id || slide.imgSrc)
-    })))), arrow && arrow.position === OUTSIDE && /*#__PURE__*/React.createElement("div", {
-      className: styles.arrowContainer
-    }, /*#__PURE__*/React.createElement(Button, {
-      ArrowCustom: arrow.arrowCustomRight,
-      callback: arrow.callbackRight,
-      onPress: this.handleNextSlide,
-      classes: classes
-    })));
-  }
-}
-SliderContainer.propTypes = {
-  activeEvents: bool,
-  arrow: shape({
-    arrowCustomLeft: node,
-    arrowCustomRight: node,
-    callbackLeft: func,
-    callbackRight: func,
-    position: string
-  }),
-  autoPlay: bool,
-  autoPlayDelay: number,
-  className: string,
-  classes: objectOf(string),
-  legend: shape({
-    legendCustom: node,
-    position: string
-  }),
-  enableMove: bool,
-  height: string,
-  slides: arrayOf(shape({
-    imgSrc: string,
-    id: oneOfType([number, string])
-  })),
-  withBorder: number
-};
-export default SliderContainer;
+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{number,bool,shape,objectOf,string,arrayOf,node,func,oneOfType}from"prop-types";import Button from"../Button";import Legend from"../Legend";import{throttle}from"../../../../utils/helperFunctions";import styles from"./styles.module.scss";import Slider from"./layout";import{FAST_ANIMATION,SLOW_ANIMATION,MIN_TIME_MOVE,OUTSIDE}from"./constants";class SliderContainer extends PureComponent{constructor(props){super(props),_defineProperty(this,"handleNextSlide",()=>{this.imagesLength===this.state.index?this.setState(prevState=>({index:prevState.index+1,shouldAnimate:!0,timeAnimation:0===prevState.finishPosition?SLOW_ANIMATION:prevState.timeAnimation,disable:!0}),()=>setTimeout(()=>this.setState(prevState=>({index:1,shouldAnimate:!1,timeAnimation:0===prevState.finishPosition?SLOW_ANIMATION:prevState.timeAnimation,disable:!1})),this.state.timeAnimation)):this.setState(prevState=>({index:prevState.index+1,shouldAnimate:!0,timeAnimation:0===prevState.finishPosition?SLOW_ANIMATION:prevState.timeAnimation,disable:!0}),()=>setTimeout(()=>this.setState({disable:!1}),this.state.timeAnimation))}),_defineProperty(this,"handlePrevSlide",()=>{1===this.state.index?this.setState(prevState=>({index:0,shouldAnimate:!0,timeAnimation:0===prevState.finishPosition?SLOW_ANIMATION:prevState.timeAnimation,disable:!0}),()=>setTimeout(()=>this.setState(prevState=>({index:prevState.slideArray.length-2,shouldAnimate:!1,timeAnimation:0===prevState.finishPosition?SLOW_ANIMATION:prevState.timeAnimation,disable:!1})),this.state.timeAnimation)):this.setState(prevState=>({index:prevState.index-1,shouldAnimate:!0,timeAnimation:0===prevState.finishPosition?SLOW_ANIMATION:prevState.timeAnimation,disable:!0}),()=>setTimeout(()=>this.setState({disable:!1}),this.state.timeAnimation))}),_defineProperty(this,"handleMouseMove",event=>this.setState(prevState=>({finishPosition:prevState.initialPosition-event.clientX}))),_defineProperty(this,"handleTouchMove",event=>this.setState(prevState=>({finishPosition:prevState.initialPosition-event.changedTouches[event.changedTouches.length-1].clientX}))),_defineProperty(this,"handleEventUp",()=>{this.containerRef.current.removeEventListener("mousemove",this.handleMouseMove),this.containerRef.current.removeEventListener("touchmove",this.handleTouchMove);const{containerWidth:containerWidth}=this.state,transitionTime=(new Date).getTime()-this.state.timeMove,fastAnimationRight=this.state.finishPosition>60,fastAnimationLeft=this.state.finishPosition<-60,fastAnimation=transitionTime>0&&transitionTime<MIN_TIME_MOVE&&(fastAnimationRight||fastAnimationLeft);return fastAnimation&&(this.setState({timeAnimation:FAST_ANIMATION}),fastAnimationLeft?this.handlePrevSlide():fastAnimationRight&&this.handleNextSlide()),0!==transitionTime&&-containerWidth/3>=this.state.finishPosition&&!fastAnimation?(this.setState({timeAnimation:SLOW_ANIMATION}),this.handlePrevSlide()):0!==transitionTime&&containerWidth/3<=this.state.finishPosition&&!fastAnimation&&(this.setState({timeAnimation:SLOW_ANIMATION}),this.handleNextSlide()),this.setState({initialPosition:0,finishPosition:0,shouldAnimate:!0})}),_defineProperty(this,"handleLegend",item=>{this.setState({timeAnimation:400,index:item})}),_defineProperty(this,"updateImgArray",()=>{const firstSlide=this.props.slides[0],lastSlide=this.props.slides[this.props.slides.length-1],arr=[{...lastSlide,id:"lastSlide-".concat(lastSlide.id||lastSlide.imgSrc)},...this.props.slides,{...firstSlide,id:"firstSlide-".concat(firstSlide.id||firstSlide.imgSrc)}];this.setState({slideArray:arr})}),_defineProperty(this,"updateContainerWidth",()=>this.setState({containerWidth:this.containerRef.current&&this.containerRef.current.clientWidth})),this.containerRef=React.createRef(),this.imagesLength=props.slides.length,this.state={index:1,slideArray:[],shouldAnimate:!0,timeMove:0,initialPosition:0,finishPosition:0,timeAnimation:FAST_ANIMATION}}componentDidMount(){const firstSlide=this.props.slides[0],lastSlide=this.props.slides[this.props.slides.length-1],arr=[{...lastSlide,id:"lastSlide-".concat(lastSlide.id||lastSlide.imgSrc)},...this.props.slides,{...firstSlide,id:"firstSlide-".concat(firstSlide.id||firstSlide.imgSrc)}];this.setState({slideArray:arr}),this.containerRef.current.addEventListener("touchstart",this.handleTouchDown.bind(this)),this.containerRef.current.addEventListener("mousedown",this.handleMouseDown.bind(this)),this.updateContainerWidth(),window.addEventListener("resize",this.updateContainerWidth),this.props.autoPlay&&setInterval(()=>this.handleNextSlide(),this.props.autoPlayDelay)}componentDidUpdate(prevProps){this.props.slides!==prevProps.slides&&this.updateImgArray()}componentWillUnmount(){var _this$containerRef;null!==(_this$containerRef=this.containerRef)&&void 0!==_this$containerRef&&_this$containerRef.current&&(this.containerRef.current.removeEventListener("touchstart",this.handleTouchDown),this.containerRef.current.removeEventListener("mousedown",this.handleMouseDown),this.containerRef.current.removeEventListener("mousemove",this.handleMouseMove),this.containerRef.current.removeEventListener("touchmove",this.handleTouchMove)),window.removeEventListener("mouseup",this.handleEventUp),window.removeEventListener("resize",this.updateContainerWidth),window.removeEventListener("touchend",this.handleEventUp)}handleMouseDown(){return throttle(event=>(this.containerRef.current.addEventListener("mousemove",this.handleMouseMove),window.addEventListener("mouseup",this.handleEventUp),this.setState({initialPosition:event.clientX,shouldAnimate:!1,timeMove:(new Date).getTime()})),this.state.timeAnimation)}handleTouchDown(){throttle(event=>(this.containerRef.current.addEventListener("touchmove",this.handleTouchMove),window.addEventListener("touchend",this.handleEventUp),this.setState({initialPosition:event.changedTouches[event.changedTouches.length-1].clientX,shouldAnimate:!1,timeMove:(new Date).getTime()})),this.state.timeAnimation)}render(){const{shouldAnimate:shouldAnimate,slideArray:slideArray,index:index,timeAnimation:timeAnimation,containerWidth:containerWidth}=this.state,{withBorder:withBorder,arrow:arrow,legend:legend,classes:classes,slides:slides,height:height,activeEvents:activeEvents,className:className}=this.props,baseSlidePosition=(index-1)*-containerWidth,transitionSlide=this.props.enableMove?baseSlidePosition:baseSlidePosition-this.state.finishPosition;return React.createElement("div",{className:"".concat(styles.generalContainer," ").concat(className),style:{pointerEvents:"".concat(this.state.disable||!activeEvents?"none":"all"),height:height},draggable:"false"},arrow&&arrow.position===OUTSIDE&&React.createElement("div",{className:styles.arrowContainer},React.createElement(Button,{ArrowCustom:arrow.arrowCustomLeft,callback:arrow.callbackLeft,onPress:this.handlePrevSlide,classes:classes,left:!0})),React.createElement("div",{ref:this.containerRef,className:styles.sliderContainer,draggable:"false"},React.createElement(Slider,{transitionSlide:transitionSlide,containerWidth:containerWidth,slideArray:slideArray,shouldAnimate:shouldAnimate,slides:slides,withBorder:withBorder,index:index,handleLegend:this.handleLegend,handlePrevSlide:this.handlePrevSlide,handleNextSlide:this.handleNextSlide,timeAnimation:timeAnimation,arrow:arrow,legend:legend,classes:classes})),legend&&legend.position===OUTSIDE&&React.createElement("div",{className:styles.legendContainerOut},React.createElement("div",{className:styles.legend},slides.map((slide,slideIndex)=>React.createElement(Legend,{LegendCustom:legend.legendCustom,index:slideIndex,currentSlide:index===slideArray.length-1?0:0===index?1:index-1,onClick:this.handleLegend,classes:classes,key:"legend-out-".concat(slide.id||slide.imgSrc)})))),arrow&&arrow.position===OUTSIDE&&React.createElement("div",{className:styles.arrowContainer},React.createElement(Button,{ArrowCustom:arrow.arrowCustomRight,callback:arrow.callbackRight,onPress:this.handleNextSlide,classes:classes})))}}SliderContainer.propTypes={activeEvents:bool,arrow:shape({arrowCustomLeft:node,arrowCustomRight:node,callbackLeft:func,callbackRight:func,position:string}),autoPlay:bool,autoPlayDelay:number,className:string,classes:objectOf(string),legend:shape({legendCustom:node,position:string}),enableMove:bool,height:string,slides:arrayOf(shape({imgSrc:string,id:oneOfType([number,string])})),withBorder:number};export default SliderContainer;