@widergy/energy-ui 3.173.2 → 3.173.4

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=e=>{let{index:t,currentSlide:n,onClick:c,LegendCustom:o,classes:a}=e;const r=()=>c(t+1),l=n===t;return o?React.createElement(o,{isActive:l,onClick:r}):React.createElement(UTTouchableWithoutFeedback,{className:a.legendStyleTouchable,onClick:r},React.createElement("div",{className:"".concat(a.legendStyleContainer," ").concat(l&&a.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=e=>{let{animationTime:t,border:n,classes:o,currentSlide:a,imgSrc:r,onClick:i,position:c,renderContent:l,shouldAnimate:s,widthContainer:m}=e;const d=a===c?n/2:a===c-1?-n/4:a===c+1&&n+n/4,u={left:c*(d?m+d:m),width:"".concat(n?m-n:m,"px"),transition:"".concat(s?"left ".concat(t,"s linear 0s"):"none")};return l?React.createElement("div",{className:styles.imageContainer,style:u,draggable:"false"},l):React.createElement(UTTouchableWithoutFeedback,{className:"".concat(styles.imageContainer),style:u,draggable:"false",onClick:i},React.createElement("div",{style:{backgroundImage:"url(".concat(r,")")},className:"".concat(styles.image," ").concat(null==o?void 0:o.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,t,i){return(t=_toPropertyKey(t))in e?Object.defineProperty(e,t,{value:i,enumerable:!0,configurable:!0,writable:!0}):e[t]=i,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 i=e[Symbol.toPrimitive];if(void 0!==i){var n=i.call(e,t||"default");if("object"!=typeof n)return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}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(e){super(e),_defineProperty(this,"handleNextSlide",()=>{this.imagesLength===this.state.index?this.setState(e=>({index:e.index+1,shouldAnimate:!0,timeAnimation:0===e.finishPosition?SLOW_ANIMATION:e.timeAnimation,disable:!0}),()=>setTimeout(()=>this.setState(e=>({index:1,shouldAnimate:!1,timeAnimation:0===e.finishPosition?SLOW_ANIMATION:e.timeAnimation,disable:!1})),this.state.timeAnimation)):this.setState(e=>({index:e.index+1,shouldAnimate:!0,timeAnimation:0===e.finishPosition?SLOW_ANIMATION:e.timeAnimation,disable:!0}),()=>setTimeout(()=>this.setState({disable:!1}),this.state.timeAnimation))}),_defineProperty(this,"handlePrevSlide",()=>{1===this.state.index?this.setState(e=>({index:0,shouldAnimate:!0,timeAnimation:0===e.finishPosition?SLOW_ANIMATION:e.timeAnimation,disable:!0}),()=>setTimeout(()=>this.setState(e=>({index:e.slideArray.length-2,shouldAnimate:!1,timeAnimation:0===e.finishPosition?SLOW_ANIMATION:e.timeAnimation,disable:!1})),this.state.timeAnimation)):this.setState(e=>({index:e.index-1,shouldAnimate:!0,timeAnimation:0===e.finishPosition?SLOW_ANIMATION:e.timeAnimation,disable:!0}),()=>setTimeout(()=>this.setState({disable:!1}),this.state.timeAnimation))}),_defineProperty(this,"handleMouseMove",e=>this.setState(t=>({finishPosition:t.initialPosition-e.clientX}))),_defineProperty(this,"handleTouchMove",e=>this.setState(t=>({finishPosition:t.initialPosition-e.changedTouches[e.changedTouches.length-1].clientX}))),_defineProperty(this,"handleEventUp",()=>{this.containerRef.current.removeEventListener("mousemove",this.handleMouseMove),this.containerRef.current.removeEventListener("touchmove",this.handleTouchMove);const{containerWidth:e}=this.state,t=(new Date).getTime()-this.state.timeMove,i=this.state.finishPosition>60,n=this.state.finishPosition<-60,s=t>0&&t<MIN_TIME_MOVE&&(i||n);return s&&(this.setState({timeAnimation:FAST_ANIMATION}),n?this.handlePrevSlide():i&&this.handleNextSlide()),0!==t&&-e/3>=this.state.finishPosition&&!s?(this.setState({timeAnimation:SLOW_ANIMATION}),this.handlePrevSlide()):0!==t&&e/3<=this.state.finishPosition&&!s&&(this.setState({timeAnimation:SLOW_ANIMATION}),this.handleNextSlide()),this.setState({initialPosition:0,finishPosition:0,shouldAnimate:!0})}),_defineProperty(this,"handleLegend",e=>{this.setState({timeAnimation:400,index:e})}),_defineProperty(this,"updateImgArray",()=>{const e=this.props.slides[0],t=this.props.slides[this.props.slides.length-1],i=[{...t,id:"lastSlide-".concat(t.id||t.imgSrc)},...this.props.slides,{...e,id:"firstSlide-".concat(e.id||e.imgSrc)}];this.setState({slideArray:i})}),_defineProperty(this,"updateContainerWidth",()=>this.setState({containerWidth:this.containerRef.current&&this.containerRef.current.clientWidth})),this.containerRef=React.createRef(),this.imagesLength=e.slides.length,this.state={index:1,slideArray:[],shouldAnimate:!0,timeMove:0,initialPosition:0,finishPosition:0,timeAnimation:FAST_ANIMATION}}componentDidMount(){const e=this.props.slides[0],t=this.props.slides[this.props.slides.length-1],i=[{...t,id:"lastSlide-".concat(t.id||t.imgSrc)},...this.props.slides,{...e,id:"firstSlide-".concat(e.id||e.imgSrc)}];this.setState({slideArray:i}),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(e){this.props.slides!==e.slides&&this.updateImgArray()}componentWillUnmount(){var e;null!==(e=this.containerRef)&&void 0!==e&&e.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(e=>(this.containerRef.current.addEventListener("mousemove",this.handleMouseMove),window.addEventListener("mouseup",this.handleEventUp),this.setState({initialPosition:e.clientX,shouldAnimate:!1,timeMove:(new Date).getTime()})),this.state.timeAnimation)}handleTouchDown(){throttle(e=>(this.containerRef.current.addEventListener("touchmove",this.handleTouchMove),window.addEventListener("touchend",this.handleEventUp),this.setState({initialPosition:e.changedTouches[e.changedTouches.length-1].clientX,shouldAnimate:!1,timeMove:(new Date).getTime()})),this.state.timeAnimation)}render(){const{shouldAnimate:e,slideArray:t,index:i,timeAnimation:n,containerWidth:s}=this.state,{withBorder:o,arrow:a,legend:r,classes:h,slides:d,height:l,activeEvents:m,className:c}=this.props,u=(i-1)*-s,p=this.props.enableMove?u:u-this.state.finishPosition;return React.createElement("div",{className:"".concat(styles.generalContainer," ").concat(c),style:{pointerEvents:"".concat(this.state.disable||!m?"none":"all"),height:l},draggable:"false"},a&&a.position===OUTSIDE&&React.createElement("div",{className:styles.arrowContainer},React.createElement(Button,{ArrowCustom:a.arrowCustomLeft,callback:a.callbackLeft,onPress:this.handlePrevSlide,classes:h,left:!0})),React.createElement("div",{ref:this.containerRef,className:styles.sliderContainer,draggable:"false"},React.createElement(Slider,{transitionSlide:p,containerWidth:s,slideArray:t,shouldAnimate:e,slides:d,withBorder:o,index:i,handleLegend:this.handleLegend,handlePrevSlide:this.handlePrevSlide,handleNextSlide:this.handleNextSlide,timeAnimation:n,arrow:a,legend:r,classes:h})),r&&r.position===OUTSIDE&&React.createElement("div",{className:styles.legendContainerOut},React.createElement("div",{className:styles.legend},d.map((e,n)=>React.createElement(Legend,{LegendCustom:r.legendCustom,index:n,currentSlide:i===t.length-1?0:0===i?1:i-1,onClick:this.handleLegend,classes:h,key:"legend-out-".concat(e.id||e.imgSrc)})))),a&&a.position===OUTSIDE&&React.createElement("div",{className:styles.arrowContainer},React.createElement(Button,{ArrowCustom:a.arrowCustomRight,callback:a.callbackRight,onPress:this.handleNextSlide,classes:h})))}}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;

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

@@ -1,110 +1 @@
-import React, { PureComponent, Fragment } from 'react';
-import { number, shape, bool, func, objectOf, string, node, arrayOf, oneOfType } from 'prop-types';
-import Legend from '../Legend';
-import Button from '../Button';
-import styles from './styles.module.scss';
-import Slide from './component/Slide';
-import { INSIDE } from './constants';
-class Slider extends PureComponent {
-  render() {
-    const {
-      transitionSlide,
-      slides,
-      containerWidth,
-      slideArray,
-      shouldAnimate,
-      index,
-      withBorder,
-      handleLegend,
-      handlePrevSlide,
-      handleNextSlide,
-      timeAnimation,
-      arrow,
-      legend,
-      classes
-    } = this.props;
-    const animationTime = timeAnimation === 35 ? 0.035 : 0.4;
-    return /*#__PURE__*/React.createElement(Fragment, null, arrow && arrow.position === INSIDE && /*#__PURE__*/React.createElement(Button, {
-      ArrowCustom: arrow.arrowCustomLeft,
-      callback: arrow.callbackLeft,
-      left: true,
-      onPress: handlePrevSlide,
-      className: styles.arrowLeft,
-      classes: classes
-    }), /*#__PURE__*/React.createElement("div", {
-      style: {
-        transform: "translate3d(".concat(transitionSlide, "px, 0px, 0px)"),
-        width: "".concat(containerWidth * slideArray.length, "px"),
-        transition: "".concat(shouldAnimate ? "transform ".concat(animationTime, "s linear 0s") : 'none')
-      },
-      className: "".concat(styles.slideContainer),
-      draggable: "false"
-    }, slideArray.map((slide, _index) => /*#__PURE__*/React.createElement(Slide, {
-      animationTime: animationTime,
-      border: withBorder,
-      classes: classes,
-      currentSlide: index - 1,
-      imgSrc: slide.imgSrc,
-      key: "slide-".concat(slide.id || slide.imgSrc),
-      onClick: slide.onClick,
-      position: _index - 1,
-      renderContent: slide.renderContent,
-      shouldAnimate: shouldAnimate,
-      widthContainer: containerWidth
-    }))), legend && legend.position === INSIDE && /*#__PURE__*/React.createElement("div", {
-      className: styles.legendContainer,
-      style: {
-        justifyContent: legend.align || 'center',
-        paddingBottom: legend.paddingBottom,
-        paddingLeft: legend.paddingLeft
-      }
-    }, /*#__PURE__*/React.createElement("div", {
-      className: styles.legend
-    }, slides.map((slide, itemIndex) => /*#__PURE__*/React.createElement(Legend, {
-      key: "legend-in-".concat(slide.id || slide.imgSrc),
-      classes: classes,
-      currentSlide: index === slideArray.length - 1 ? 0 : index === 0 ? 1 : index - 1,
-      index: itemIndex,
-      LegendCustom: legend.legendCustom,
-      onClick: handleLegend
-    })))), arrow && arrow.position === INSIDE && /*#__PURE__*/React.createElement(Button, {
-      ArrowCustom: arrow.arrowCustomRight,
-      callback: arrow.callbackRight,
-      onPress: handleNextSlide,
-      className: styles.arrowRight,
-      classes: classes
-    }));
-  }
-}
-Slider.propTypes = {
-  slideArray: arrayOf(shape({
-    imgSrc: string,
-    id: oneOfType([number, string])
-  })),
-  slides: arrayOf(shape({
-    imgSrc: string,
-    id: oneOfType([number, string])
-  })),
-  arrow: shape({
-    position: string,
-    arrowCustomLeft: node,
-    arrowCustomRight: node,
-    callbackLeft: func,
-    callbackRight: func
-  }),
-  legend: shape({
-    position: string,
-    legendCustom: node
-  }),
-  transitionSlide: number,
-  containerWidth: number,
-  shouldAnimate: bool,
-  index: number,
-  withBorder: number,
-  handleLegend: func,
-  handlePrevSlide: func,
-  handleNextSlide: func,
-  timeAnimation: number,
-  classes: objectOf(string)
-};
-export default Slider;
+import React,{PureComponent,Fragment}from"react";import{number,shape,bool,func,objectOf,string,node,arrayOf,oneOfType}from"prop-types";import Legend from"../Legend";import Button from"../Button";import styles from"./styles.module.scss";import Slide from"./component/Slide";import{INSIDE}from"./constants";class Slider extends PureComponent{render(){const{transitionSlide:e,slides:t,containerWidth:n,slideArray:r,shouldAnimate:a,index:o,withBorder:s,handleLegend:i,handlePrevSlide:l,handleNextSlide:c,timeAnimation:d,arrow:m,legend:g,classes:p}=this.props,u=35===d?.035:.4;return React.createElement(Fragment,null,m&&m.position===INSIDE&&React.createElement(Button,{ArrowCustom:m.arrowCustomLeft,callback:m.callbackLeft,left:!0,onPress:l,className:styles.arrowLeft,classes:p}),React.createElement("div",{style:{transform:"translate3d(".concat(e,"px, 0px, 0px)"),width:"".concat(n*r.length,"px"),transition:"".concat(a?"transform ".concat(u,"s linear 0s"):"none")},className:"".concat(styles.slideContainer),draggable:"false"},r.map((e,t)=>React.createElement(Slide,{animationTime:u,border:s,classes:p,currentSlide:o-1,imgSrc:e.imgSrc,key:"slide-".concat(e.id||e.imgSrc),onClick:e.onClick,position:t-1,renderContent:e.renderContent,shouldAnimate:a,widthContainer:n}))),g&&g.position===INSIDE&&React.createElement("div",{className:styles.legendContainer,style:{justifyContent:g.align||"center",paddingBottom:g.paddingBottom,paddingLeft:g.paddingLeft}},React.createElement("div",{className:styles.legend},t.map((e,t)=>React.createElement(Legend,{key:"legend-in-".concat(e.id||e.imgSrc),classes:p,currentSlide:o===r.length-1?0:0===o?1:o-1,index:t,LegendCustom:g.legendCustom,onClick:i})))),m&&m.position===INSIDE&&React.createElement(Button,{ArrowCustom:m.arrowCustomRight,callback:m.callbackRight,onPress:c,className:styles.arrowRight,classes:p}))}}Slider.propTypes={slideArray:arrayOf(shape({imgSrc:string,id:oneOfType([number,string])})),slides:arrayOf(shape({imgSrc:string,id:oneOfType([number,string])})),arrow:shape({position:string,arrowCustomLeft:node,arrowCustomRight:node,callbackLeft:func,callbackRight:func}),legend:shape({position:string,legendCustom:node}),transitionSlide:number,containerWidth:number,shouldAnimate:bool,index:number,withBorder:number,handleLegend:func,handlePrevSlide:func,handleNextSlide:func,timeAnimation:number,classes:objectOf(string)};export default Slider;

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

@@ -1,61 +1 @@
-import React from 'react';
-import { shape, number, bool, arrayOf, string, node, func, objectOf, oneOfType } from 'prop-types';
-import Sizes from '../../scss/variables/sizes.module.scss';
-import WithTheme from '../WithTheme';
-import { retrieveStyle } from './theme';
-import Slider from './components/Slider';
-const UTCarousel = _ref => {
-  let {
-    arrow,
-    legend,
-    imgArray,
-    borderSize,
-    autoPlay,
-    autoPlayDelay = 2000,
-    classes,
-    height = Sizes.defaultCarrouselHeight,
-    activeEvents,
-    className
-  } = _ref;
-  return /*#__PURE__*/React.createElement(Slider, {
-    arrow: arrow,
-    legend: legend,
-    slides: imgArray,
-    withBorder: borderSize,
-    autoPlay: autoPlay,
-    autoPlayDelay: autoPlayDelay,
-    classes: classes,
-    height: height,
-    activeEvents: activeEvents,
-    className: className
-  });
-};
-UTCarousel.propTypes = {
-  arrow: shape({
-    position: string,
-    arrowCustomLeft: node,
-    arrowCustomRight: node,
-    callbackLeft: func,
-    callbackRight: func
-  }),
-  legend: shape({
-    align: string,
-    legendCustom: func,
-    paddingBottom: string,
-    paddingLeft: string,
-    position: string
-  }),
-  imgArray: arrayOf(shape({
-    id: oneOfType([number, string]),
-    imgSrc: string,
-    renderContent: node
-  })),
-  borderSize: number,
-  autoPlay: bool,
-  autoPlayDelay: number,
-  height: string,
-  activeEvents: bool,
-  className: string,
-  classes: objectOf(string)
-};
-export default WithTheme(retrieveStyle)(UTCarousel);
+import React from"react";import{shape,number,bool,arrayOf,string,node,func,objectOf,oneOfType}from"prop-types";import Sizes from"../../scss/variables/sizes.module.scss";import WithTheme from"../WithTheme";import{retrieveStyle}from"./theme";import Slider from"./components/Slider";const UTCarousel=e=>{let{arrow:r,legend:t,imgArray:a,borderSize:o,autoPlay:s,autoPlayDelay:i=2e3,classes:n,height:l=Sizes.defaultCarrouselHeight,activeEvents:m,className:c}=e;return React.createElement(Slider,{arrow:r,legend:t,slides:a,withBorder:o,autoPlay:s,autoPlayDelay:i,classes:n,height:l,activeEvents:m,className:c})};UTCarousel.propTypes={arrow:shape({position:string,arrowCustomLeft:node,arrowCustomRight:node,callbackLeft:func,callbackRight:func}),legend:shape({align:string,legendCustom:func,paddingBottom:string,paddingLeft:string,position:string}),imgArray:arrayOf(shape({id:oneOfType([number,string]),imgSrc:string,renderContent:node})),borderSize:number,autoPlay:bool,autoPlayDelay:number,height:string,activeEvents:bool,className:string,classes:objectOf(string)};export default WithTheme(retrieveStyle)(UTCarousel);

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

@@ -1,44 +1 @@
-import { getIn } from 'seamless-immutable';
-import Colors from '../../scss/variables/colors.module.scss';
-import Sizes from '../../scss/variables/sizes.module.scss';
-export const retrieveStyle = _ref => {
-  let {
-    theme
-  } = _ref;
-  return {
-    arrowStyle: {
-      fontSize: getIn(theme, ['UTCarousel', 'arrowStyle', 'fontSize'], Sizes.defaultCarrouselArrowSize),
-      height: getIn(theme, ['UTCarousel', 'arrowStyle', 'height'], Sizes.defaultCarrouselArrowSize),
-      width: getIn(theme, ['UTCarousel', 'arrowStyle', 'width'], Sizes.defaultCarrouselArrowSize),
-      color: getIn(theme, ['UTCarousel', 'arrowStyle', 'color'], Colors.white),
-      backgroundColor: getIn(theme, ['UTCarousel', 'arrowStyle', 'backgroundColor'], Colors.lightBlue),
-      transition: 'opacity 0.5s ease-out',
-      '&:hover': {
-        backgroundColor: getIn(theme, ['UTCarousel', 'arrowStyle', 'hover', 'backgroundColor'], Colors.lightBlue)
-      }
-    },
-    legendStyleContainer: {
-      backgroundColor: getIn(theme, ['UTCarousel', 'legendStyleContainer', 'backgroundColor'], Colors.gray2),
-      height: getIn(theme, ['UTCarousel', 'legendStyleContainer', 'height'], Sizes.defaultCarrouselLegendSize),
-      width: getIn(theme, ['UTCarousel', 'legendStyleContainer', 'width'], Sizes.defaultCarrouselLegendSize),
-      borderRadius: '100% ',
-      userSelect: 'none',
-      boxShadow: '0px 1px 2px 0px rgba(0,0,0,0.75)',
-      transition: 'transform 0.3s ease-in, background-color 0.3s ease-in',
-      transform: 'scale(0.8)'
-    },
-    legendStyleIsActive: {
-      backgroundColor: getIn(theme, ['UTCarousel', 'legendStyleIsActive', 'backgroundColor'], Colors.white),
-      userSelect: 'none',
-      transform: 'scale(1)'
-    },
-    legendStyleTouchable: {
-      alignItems: 'center',
-      height: getIn(theme, ['UTCarousel', 'legendStyleTouchable', 'height'], Sizes.defaultCarrouselLegendTouchable),
-      width: getIn(theme, ['UTCarousel', 'legendStyleTouchable', 'width'], Sizes.defaultCarrouselLegendTouchable),
-      justifyContent: 'center',
-      display: 'flex',
-      userSelect: 'none'
-    }
-  };
-};
+import{getIn}from"seamless-immutable";import Colors from"../../scss/variables/colors.module.scss";import Sizes from"../../scss/variables/sizes.module.scss";export const retrieveStyle=e=>{let{theme:o}=e;return{arrowStyle:{fontSize:getIn(o,["UTCarousel","arrowStyle","fontSize"],Sizes.defaultCarrouselArrowSize),height:getIn(o,["UTCarousel","arrowStyle","height"],Sizes.defaultCarrouselArrowSize),width:getIn(o,["UTCarousel","arrowStyle","width"],Sizes.defaultCarrouselArrowSize),color:getIn(o,["UTCarousel","arrowStyle","color"],Colors.white),backgroundColor:getIn(o,["UTCarousel","arrowStyle","backgroundColor"],Colors.lightBlue),transition:"opacity 0.5s ease-out","&:hover":{backgroundColor:getIn(o,["UTCarousel","arrowStyle","hover","backgroundColor"],Colors.lightBlue)}},legendStyleContainer:{backgroundColor:getIn(o,["UTCarousel","legendStyleContainer","backgroundColor"],Colors.gray2),height:getIn(o,["UTCarousel","legendStyleContainer","height"],Sizes.defaultCarrouselLegendSize),width:getIn(o,["UTCarousel","legendStyleContainer","width"],Sizes.defaultCarrouselLegendSize),borderRadius:"100% ",userSelect:"none",boxShadow:"0px 1px 2px 0px rgba(0,0,0,0.75)",transition:"transform 0.3s ease-in, background-color 0.3s ease-in",transform:"scale(0.8)"},legendStyleIsActive:{backgroundColor:getIn(o,["UTCarousel","legendStyleIsActive","backgroundColor"],Colors.white),userSelect:"none",transform:"scale(1)"},legendStyleTouchable:{alignItems:"center",height:getIn(o,["UTCarousel","legendStyleTouchable","height"],Sizes.defaultCarrouselLegendTouchable),width:getIn(o,["UTCarousel","legendStyleTouchable","width"],Sizes.defaultCarrouselLegendTouchable),justifyContent:"center",display:"flex",userSelect:"none"}}};

package/dist/esm/components/UTCheckList/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 UTCheckList = _ref => {
-  let {
-    version = 'V0',
-    ...props
-  } = _ref;
-  const Component = {
-    V0,
-    V1
-  }[version];
-  return /*#__PURE__*/React.createElement(Component, props);
-};
-UTCheckList.propTypes = {
-  version: string
-};
-export default UTCheckList;
+import React from"react";import{string}from"prop-types";import V0 from"./versions/V0";import V1 from"./versions/V1";const UTCheckList=r=>{let{version:t="V0",...e}=r;const o={V0:V0,V1:V1}[t];return React.createElement(o,e)};UTCheckList.propTypes={version:string};export default UTCheckList;

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

@@ -1 +1 @@
-export const defaultAdditionalInfoHeader = 'Seleccionar Todo';
+export const defaultAdditionalInfoHeader="Seleccionar Todo";