@widergy/energy-ui 3.172.3 → 3.173.0

package/dist/components/UTCalendar/index.js

@@ -1 +1,122 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _pickers=require("@material-ui/pickers"),_propTypes=require("prop-types"),_react=_interopRequireWildcard(require("react")),_dateFns=_interopRequireDefault(require("@date-io/date-fns")),_es=_interopRequireDefault(require("date-fns/locale/es")),_isEmpty=_interopRequireDefault(require("lodash/isEmpty")),_UTLabel=_interopRequireDefault(require("../UTLabel")),_UTIcon=_interopRequireDefault(require("../UTIcon")),_UTFieldLabel=_interopRequireDefault(require("../UTFieldLabel")),_utils=require("../UTValidation/utils"),_UTValidation=_interopRequireDefault(require("../UTValidation")),_constants=require("./constants"),_TimeInput=_interopRequireDefault(require("./components/TimeInput")),_Day=_interopRequireDefault(require("./components/Day")),_stylesModule=_interopRequireDefault(require("./styles.module.scss"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _interopRequireWildcard(e,t){if("function"==typeof WeakMap)var r=new WeakMap,n=new WeakMap;return(_interopRequireWildcard=function(e,t){if(!t&&e&&e.__esModule)return e;var o,i,f={__proto__:null,default:e};if(null===e||"object"!=typeof e&&"function"!=typeof e)return f;if(o=t?n:r){if(o.has(e))return o.get(e);o.set(e,f)}for(const t in e)"default"!==t&&{}.hasOwnProperty.call(e,t)&&((i=(o=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,t))&&(i.get||i.set)?o(f,t,i):f[t]=e[t]);return f})(e,t)}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]=(0,_react.useState)(null==value?void 0:value[_constants.FIELD_KEYS.DATE]),[selectedTime,setSelectedTime]=(0,_react.useState)(null==value?void 0:value[_constants.FIELD_KEYS.TIME]),selectedDay=(0,_react.useMemo)(()=>{var _options$selectedDayI;return null===(_options$selectedDayI=options[selectedDayIndex])||void 0===_options$selectedDayI?void 0:_options$selectedDayI.value},[selectedDayIndex]),validationData=(0,_react.useMemo)(()=>error&&(0,_utils.formatErrorToValidation)(error),[error]);(0,_react.useEffect)(()=>{setSelectedTime(null),onChange({[_constants.FIELD_KEYS.DATE]:selectedDay})},[selectedDayIndex]),(0,_react.useEffect)(()=>{onChange({[_constants.FIELD_KEYS.DATE]:selectedDay,[_constants.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.default.createElement("div",{className:_stylesModule.default.container,"data-testid":dataTestId},title&&_react.default.createElement(_UTFieldLabel.default,{actions:actions,required:required},title),_react.default.createElement("div",{className:_stylesModule.default.container},_react.default.createElement("div",{className:_stylesModule.default.calendarContainer},_react.default.createElement(_pickers.MuiPickersUtilsProvider,{utils:_dateFns.default,locale:_es.default},_react.default.createElement(_pickers.DatePicker,{disableToolbar:!0,variant:"static",value:selectedDay,onChange:()=>null,renderDay:(date,_,dayInCurrentMonth)=>_react.default.createElement(_Day.default,{date:date,bookingOptions:options,selectedDayIndex:selectedDayIndex,setSelectedDayIndex:setSelectedDayIndex,dayInCurrentMonth:dayInCurrentMonth,setSelectedDay:setSelectedDayIndex}),minDate:new Date})),showLegend&&_react.default.createElement("div",{className:_stylesModule.default.bottomReference},_react.default.createElement("div",{className:_stylesModule.default.legendReference}),_react.default.createElement(_UTLabel.default,{colorTheme:"gray",className:_stylesModule.default.legendLabel},"Sin horarios disponibles"))),timeSelection&&_react.default.createElement("div",{className:"".concat(_stylesModule.default.timeRankContainer," ").concat((0,_isEmpty.default)(availableTimeSlots)&&_stylesModule.default.emptyTimeRankContainer)},(0,_isEmpty.default)(availableTimeSlots)?_react.default.createElement(_react.default.Fragment,null,_react.default.createElement("div",{className:_stylesModule.default.calendarIconWrapper},_react.default.createElement(_UTIcon.default,{name:"IconCalendarEvent",colorTheme:"gray",size:_constants.ICON_SIZE_DEFAULT})),_react.default.createElement(_UTLabel.default,{colorTheme:"gray"},selectedDay?"No hay horarios disponibles":"Debe seleccionar una fecha primero")):_react.default.createElement(_TimeInput.default,{availableTimeSlots:availableTimeSlots,selectedTime:selectedTime,setSelectedTime:setSelectedTime}))),validationData&&_react.default.createElement(_UTValidation.default,{validationData:validationData}))};Calendar.propTypes={actions:_propTypes.array,dataTestId:_propTypes.string,error:_propTypes.string,onChange:_propTypes.func,options:_propTypes.array,required:_propTypes.bool,showLegend:_propTypes.bool,timeSelection:_propTypes.bool,title:_propTypes.string,value:_propTypes.object};var _default=exports.default=Calendar;
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _pickers = require("@material-ui/pickers");
+var _propTypes = require("prop-types");
+var _react = _interopRequireWildcard(require("react"));
+var _dateFns = _interopRequireDefault(require("@date-io/date-fns"));
+var _es = _interopRequireDefault(require("date-fns/locale/es"));
+var _isEmpty = _interopRequireDefault(require("lodash/isEmpty"));
+var _UTLabel = _interopRequireDefault(require("../UTLabel"));
+var _UTIcon = _interopRequireDefault(require("../UTIcon"));
+var _UTFieldLabel = _interopRequireDefault(require("../UTFieldLabel"));
+var _utils = require("../UTValidation/utils");
+var _UTValidation = _interopRequireDefault(require("../UTValidation"));
+var _constants = require("./constants");
+var _TimeInput = _interopRequireDefault(require("./components/TimeInput"));
+var _Day = _interopRequireDefault(require("./components/Day"));
+var _stylesModule = _interopRequireDefault(require("./styles.module.scss"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+const Calendar = _ref => {
+  var _options$selectedDayI2;
+  let {
+    dataTestId,
+    actions,
+    error,
+    onChange,
+    options,
+    required,
+    showLegend,
+    timeSelection,
+    title,
+    value
+  } = _ref;
+  const [selectedDayIndex, setSelectedDayIndex] = (0, _react.useState)(value === null || value === void 0 ? void 0 : value[_constants.FIELD_KEYS.DATE]);
+  const [selectedTime, setSelectedTime] = (0, _react.useState)(value === null || value === void 0 ? void 0 : value[_constants.FIELD_KEYS.TIME]);
+  const selectedDay = (0, _react.useMemo)(() => {
+    var _options$selectedDayI;
+    return (_options$selectedDayI = options[selectedDayIndex]) === null || _options$selectedDayI === void 0 ? void 0 : _options$selectedDayI.value;
+  }, [selectedDayIndex]);
+  const validationData = (0, _react.useMemo)(() => error && (0, _utils.formatErrorToValidation)(error), [error]);
+  (0, _react.useEffect)(() => {
+    setSelectedTime(null);
+    onChange({
+      [_constants.FIELD_KEYS.DATE]: selectedDay
+    });
+  }, [selectedDayIndex]);
+  (0, _react.useEffect)(() => {
+    onChange({
+      [_constants.FIELD_KEYS.DATE]: selectedDay,
+      [_constants.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.default.createElement("div", {
+    className: _stylesModule.default.container,
+    "data-testid": dataTestId
+  }, title && /*#__PURE__*/_react.default.createElement(_UTFieldLabel.default, {
+    actions: actions,
+    required: required
+  }, title), /*#__PURE__*/_react.default.createElement("div", {
+    className: _stylesModule.default.container
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: _stylesModule.default.calendarContainer
+  }, /*#__PURE__*/_react.default.createElement(_pickers.MuiPickersUtilsProvider, {
+    utils: _dateFns.default,
+    locale: _es.default
+  }, /*#__PURE__*/_react.default.createElement(_pickers.DatePicker, {
+    disableToolbar: true,
+    variant: "static",
+    value: selectedDay,
+    onChange: () => null,
+    renderDay: (date, _, dayInCurrentMonth) => /*#__PURE__*/_react.default.createElement(_Day.default, {
+      date: date,
+      bookingOptions: options,
+      selectedDayIndex: selectedDayIndex,
+      setSelectedDayIndex: setSelectedDayIndex,
+      dayInCurrentMonth: dayInCurrentMonth,
+      setSelectedDay: setSelectedDayIndex
+    }),
+    minDate: new Date()
+  })), showLegend && /*#__PURE__*/_react.default.createElement("div", {
+    className: _stylesModule.default.bottomReference
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: _stylesModule.default.legendReference
+  }), /*#__PURE__*/_react.default.createElement(_UTLabel.default, {
+    colorTheme: "gray",
+    className: _stylesModule.default.legendLabel
+  }, "Sin horarios disponibles"))), timeSelection && /*#__PURE__*/_react.default.createElement("div", {
+    className: "".concat(_stylesModule.default.timeRankContainer, " ").concat((0, _isEmpty.default)(availableTimeSlots) && _stylesModule.default.emptyTimeRankContainer)
+  }, !(0, _isEmpty.default)(availableTimeSlots) ? /*#__PURE__*/_react.default.createElement(_TimeInput.default, {
+    availableTimeSlots: availableTimeSlots,
+    selectedTime: selectedTime,
+    setSelectedTime: setSelectedTime
+  }) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
+    className: _stylesModule.default.calendarIconWrapper
+  }, /*#__PURE__*/_react.default.createElement(_UTIcon.default, {
+    name: "IconCalendarEvent",
+    colorTheme: "gray",
+    size: _constants.ICON_SIZE_DEFAULT
+  })), /*#__PURE__*/_react.default.createElement(_UTLabel.default, {
+    colorTheme: "gray"
+  }, selectedDay ? 'No hay horarios disponibles' : 'Debe seleccionar una fecha primero')))), validationData && /*#__PURE__*/_react.default.createElement(_UTValidation.default, {
+    validationData: validationData
+  }));
+};
+Calendar.propTypes = {
+  actions: _propTypes.array,
+  dataTestId: _propTypes.string,
+  error: _propTypes.string,
+  onChange: _propTypes.func,
+  options: _propTypes.array,
+  required: _propTypes.bool,
+  showLegend: _propTypes.bool,
+  timeSelection: _propTypes.bool,
+  title: _propTypes.string,
+  value: _propTypes.object
+};
+var _default = exports.default = Calendar;

package/dist/components/UTCaptcha/index.js

@@ -1 +1,36 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireWildcard(require("react")),_reactGoogleRecaptcha=_interopRequireDefault(require("react-google-recaptcha")),_propTypes=require("prop-types");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _interopRequireWildcard(e,t){if("function"==typeof WeakMap)var r=new WeakMap,n=new WeakMap;return(_interopRequireWildcard=function(e,t){if(!t&&e&&e.__esModule)return e;var o,i,f={__proto__:null,default:e};if(null===e||"object"!=typeof e&&"function"!=typeof e)return f;if(o=t?n:r){if(o.has(e))return o.get(e);o.set(e,f)}for(const t in e)"default"!==t&&{}.hasOwnProperty.call(e,t)&&((i=(o=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,t))&&(i.get||i.set)?o(f,t,i):f[t]=e[t]);return f})(e,t)}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)}class UTCaptcha extends _react.PureComponent{constructor(){super(...arguments),_defineProperty(this,"onChange",value=>this.props.onChange(value))}render(){return _react.default.createElement("div",{className:this.props.className},_react.default.createElement(_reactGoogleRecaptcha.default,{sitekey:this.props.siteKey,onChange:this.onChange,size:this.props.size}))}}UTCaptcha.propTypes={siteKey:_propTypes.string.isRequired,onChange:_propTypes.func.isRequired,size:_propTypes.string.isRequired,className:_propTypes.string};var _default=exports.default=UTCaptcha;
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactGoogleRecaptcha = _interopRequireDefault(require("react-google-recaptcha"));
+var _propTypes = require("prop-types");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+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); }
+class UTCaptcha extends _react.PureComponent {
+  constructor() {
+    super(...arguments);
+    _defineProperty(this, "onChange", value => this.props.onChange(value));
+  }
+  render() {
+    return /*#__PURE__*/_react.default.createElement("div", {
+      className: this.props.className
+    }, /*#__PURE__*/_react.default.createElement(_reactGoogleRecaptcha.default, {
+      sitekey: this.props.siteKey,
+      onChange: this.onChange,
+      size: this.props.size
+    }));
+  }
+}
+UTCaptcha.propTypes = {
+  siteKey: _propTypes.string.isRequired,
+  onChange: _propTypes.func.isRequired,
+  size: _propTypes.string.isRequired,
+  className: _propTypes.string
+};
+var _default = exports.default = UTCaptcha;

package/dist/components/UTCarousel/README.md

@@ -0,0 +1,65 @@
+# UTCarousel
+
+Carousel de imágenes con soporte para autoplay, swipe táctil, flechas de navegación y puntos indicadores. Cada slide puede renderizar una imagen de fondo o contenido React custom.
+
+## Props
+
+| Prop | Tipo | Default | Descripción |
+|---|---|---|---|
+| `imgArray` | `array` | — | Array de slides. Ver estructura abajo. |
+| `autoPlay` | `bool` | `false` | Activa el avance automático entre slides. |
+| `autoPlayDelay` | `number` | `2000` | Milisegundos entre slides en autoplay. |
+| `height` | `string` | valor SCSS | Altura del carousel (ej. `'200px'`, `'var(--carousel-banner-height)'`). |
+| `legend` | `shape` | — | Configuración de puntos indicadores. `{ position: 'inside' \| 'outside' }`. Si no se pasa, no se muestran puntos. |
+| `arrow` | `shape` | — | Configuración de flechas. `{ position: 'inside' \| 'outside', arrowCustomLeft, arrowCustomRight, callbackLeft, callbackRight }`. |
+| `activeEvents` | `bool` | — | Habilita/deshabilita eventos de puntero. |
+| `borderSize` | `number` | — | Tamaño del borde entre slides. |
+| `className` | `string` | — | Clase CSS adicional para el contenedor. |
+| `classes` | `object` | — | Override de clases CSS internas (ej. `{ image: 'miClase' }`). |
+
+### Estructura de `imgArray`
+
+```js
+[
+  {
+    id: 1,           // recomendado para keys estables
+    imgSrc: '...',   // URL de imagen de fondo (cuando no se usa renderContent)
+    onClick: fn,     // handler de click (cuando no se usa renderContent)
+    renderContent: <MiComponente />  // contenido React custom (reemplaza imgSrc)
+  }
+]
+```
+
+Cuando se provee `renderContent`, el slide renderiza ese nodo directamente en lugar de la imagen de fondo. El componente pasado es responsable de manejar su propio click y dimensiones.
+
+## Uso básico — imágenes
+
+```jsx
+<UTCarousel
+  imgArray={[
+    { imgSrc: '/banner1.jpg', onClick: () => navigate('/promo1') },
+    { imgSrc: '/banner2.jpg', onClick: () => navigate('/promo2') }
+  ]}
+  autoPlay
+  autoPlayDelay={5000}
+  height="200px"
+/>
+```
+
+## Uso con contenido custom
+
+```jsx
+<UTCarousel
+  imgArray={[
+    { id: 1, renderContent: <BannerItem item={item1} onClick={fn1} /> },
+    { id: 2, renderContent: <BannerItem item={item2} onClick={fn2} /> }
+  ]}
+  autoPlay
+  autoPlayDelay={7000}
+  height="var(--carousel-banner-height)"
+/>
+```
+
+## Sin puntos indicadores
+
+No pasar la prop `legend` para ocultar los dots.

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

@@ -1 +1,44 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireWildcard(require("react")),_propTypes=require("prop-types"),_IconButton=_interopRequireDefault(require("@material-ui/core/IconButton")),_KeyboardArrowRight=_interopRequireDefault(require("@material-ui/icons/KeyboardArrowRight")),_KeyboardArrowLeft=_interopRequireDefault(require("@material-ui/icons/KeyboardArrowLeft"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _interopRequireWildcard(e,t){if("function"==typeof WeakMap)var r=new WeakMap,n=new WeakMap;return(_interopRequireWildcard=function(e,t){if(!t&&e&&e.__esModule)return e;var o,i,f={__proto__:null,default:e};if(null===e||"object"!=typeof e&&"function"!=typeof e)return f;if(o=t?n:r){if(o.has(e))return o.get(e);o.set(e,f)}for(const t in e)"default"!==t&&{}.hasOwnProperty.call(e,t)&&((i=(o=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,t))&&(i.get||i.set)?o(f,t,i):f[t]=e[t]);return f})(e,t)}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.default.createElement(ArrowCustom,{className:"".concat(classes.arrowStyle," ").concat(className),onClick:handleOnPress}):_react.default.createElement(_IconButton.default,{className:"".concat(classes.arrowStyle," ").concat(className),onClick:handleOnPress},left?_react.default.createElement(_KeyboardArrowLeft.default,null):_react.default.createElement(_KeyboardArrowRight.default,null))};Button.propTypes={left:_propTypes.bool,onPress:_propTypes.func,callback:_propTypes.func,className:_propTypes.string,ArrowCustom:_propTypes.node,classes:(0,_propTypes.objectOf)(_propTypes.string)};var _default=exports.default=(0,_react.memo)(Button);
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _propTypes = require("prop-types");
+var _IconButton = _interopRequireDefault(require("@material-ui/core/IconButton"));
+var _KeyboardArrowRight = _interopRequireDefault(require("@material-ui/icons/KeyboardArrowRight"));
+var _KeyboardArrowLeft = _interopRequireDefault(require("@material-ui/icons/KeyboardArrowLeft"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+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.default.createElement(ArrowCustom, {
+    className: "".concat(classes.arrowStyle, " ").concat(className),
+    onClick: handleOnPress
+  }) : /*#__PURE__*/_react.default.createElement(_IconButton.default, {
+    className: "".concat(classes.arrowStyle, " ").concat(className),
+    onClick: handleOnPress
+  }, left ? /*#__PURE__*/_react.default.createElement(_KeyboardArrowLeft.default, null) : /*#__PURE__*/_react.default.createElement(_KeyboardArrowRight.default, null));
+};
+Button.propTypes = {
+  left: _propTypes.bool,
+  onPress: _propTypes.func,
+  callback: _propTypes.func,
+  className: _propTypes.string,
+  ArrowCustom: _propTypes.node,
+  classes: (0, _propTypes.objectOf)(_propTypes.string)
+};
+var _default = exports.default = /*#__PURE__*/(0, _react.memo)(Button);

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

@@ -1 +1,39 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireWildcard(require("react")),_propTypes=require("prop-types"),_UTTouchableWithoutFeedback=_interopRequireDefault(require("../../../UTTouchableWithoutFeedback"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _interopRequireWildcard(e,t){if("function"==typeof WeakMap)var r=new WeakMap,n=new WeakMap;return(_interopRequireWildcard=function(e,t){if(!t&&e&&e.__esModule)return e;var o,i,f={__proto__:null,default:e};if(null===e||"object"!=typeof e&&"function"!=typeof e)return f;if(o=t?n:r){if(o.has(e))return o.get(e);o.set(e,f)}for(const t in e)"default"!==t&&{}.hasOwnProperty.call(e,t)&&((i=(o=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,t))&&(i.get||i.set)?o(f,t,i):f[t]=e[t]);return f})(e,t)}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.default.createElement(LegendCustom,{isActive:isActive,onClick:handleOnClick}):_react.default.createElement(_UTTouchableWithoutFeedback.default,{className:classes.legendStyleTouchable,onClick:handleOnClick},_react.default.createElement("div",{className:"".concat(classes.legendStyleContainer," ").concat(isActive&&classes.legendStyleIsActive)}))};LegendContainer.propTypes={onClick:_propTypes.func,index:_propTypes.number,currentSlide:_propTypes.number,LegendCustom:_propTypes.node,classes:(0,_propTypes.objectOf)(_propTypes.string)};var _default=exports.default=(0,_react.memo)(LegendContainer);
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _propTypes = require("prop-types");
+var _UTTouchableWithoutFeedback = _interopRequireDefault(require("../../../UTTouchableWithoutFeedback"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+const LegendContainer = _ref => {
+  let {
+    index,
+    currentSlide,
+    onClick,
+    LegendCustom,
+    classes
+  } = _ref;
+  const handleOnClick = () => onClick(index + 1);
+  const isActive = currentSlide === index;
+  return LegendCustom ? /*#__PURE__*/_react.default.createElement(LegendCustom, {
+    isActive: isActive,
+    onClick: handleOnClick
+  }) : /*#__PURE__*/_react.default.createElement(_UTTouchableWithoutFeedback.default, {
+    className: classes.legendStyleTouchable,
+    onClick: handleOnClick
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "".concat(classes.legendStyleContainer, " ").concat(isActive && classes.legendStyleIsActive)
+  }));
+};
+LegendContainer.propTypes = {
+  onClick: _propTypes.func,
+  index: _propTypes.number,
+  currentSlide: _propTypes.number,
+  LegendCustom: _propTypes.node,
+  classes: (0, _propTypes.objectOf)(_propTypes.string)
+};
+var _default = exports.default = /*#__PURE__*/(0, _react.memo)(LegendContainer);

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

@@ -1 +1,64 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireWildcard(require("react")),_propTypes=require("prop-types"),_UTTouchableWithoutFeedback=_interopRequireDefault(require("../../../../../UTTouchableWithoutFeedback")),_stylesModule=_interopRequireDefault(require("./styles.module.scss"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _interopRequireWildcard(e,t){if("function"==typeof WeakMap)var r=new WeakMap,n=new WeakMap;return(_interopRequireWildcard=function(e,t){if(!t&&e&&e.__esModule)return e;var o,i,f={__proto__:null,default:e};if(null===e||"object"!=typeof e&&"function"!=typeof e)return f;if(o=t?n:r){if(o.has(e))return o.get(e);o.set(e,f)}for(const t in e)"default"!==t&&{}.hasOwnProperty.call(e,t)&&((i=(o=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,t))&&(i.get||i.set)?o(f,t,i):f[t]=e[t]);return f})(e,t)}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.default.createElement("div",{className:_stylesModule.default.imageContainer,style:containerStyle,draggable:"false"},renderContent):_react.default.createElement(_UTTouchableWithoutFeedback.default,{className:"".concat(_stylesModule.default.imageContainer),style:containerStyle,draggable:"false",onClick:onClick},_react.default.createElement("div",{style:{backgroundImage:"url(".concat(imgSrc,")")},className:"".concat(_stylesModule.default.image," ").concat(null==classes?void 0:classes.image),draggable:"false"}))};Slide.propTypes={animationTime:_propTypes.number,border:_propTypes.number,classes:(0,_propTypes.objectOf)(_propTypes.string),currentSlide:_propTypes.number,imgSrc:_propTypes.string,onClick:_propTypes.func,position:_propTypes.number,renderContent:_propTypes.node,shouldAnimate:_propTypes.bool,widthContainer:_propTypes.number};var _default=exports.default=(0,_react.memo)(Slide);
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _propTypes = require("prop-types");
+var _UTTouchableWithoutFeedback = _interopRequireDefault(require("../../../../../UTTouchableWithoutFeedback"));
+var _stylesModule = _interopRequireDefault(require("./styles.module.scss"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+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.default.createElement("div", {
+      className: _stylesModule.default.imageContainer,
+      style: containerStyle,
+      draggable: "false"
+    }, renderContent);
+  }
+  return /*#__PURE__*/_react.default.createElement(_UTTouchableWithoutFeedback.default, {
+    className: "".concat(_stylesModule.default.imageContainer),
+    style: containerStyle,
+    draggable: "false",
+    onClick: onClick
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    style: {
+      backgroundImage: "url(".concat(imgSrc, ")")
+    },
+    className: "".concat(_stylesModule.default.image, " ").concat(classes === null || classes === void 0 ? void 0 : classes.image),
+    draggable: "false"
+  }));
+};
+Slide.propTypes = {
+  animationTime: _propTypes.number,
+  border: _propTypes.number,
+  classes: (0, _propTypes.objectOf)(_propTypes.string),
+  currentSlide: _propTypes.number,
+  imgSrc: _propTypes.string,
+  onClick: _propTypes.func,
+  position: _propTypes.number,
+  renderContent: _propTypes.node,
+  shouldAnimate: _propTypes.bool,
+  widthContainer: _propTypes.number
+};
+var _default = exports.default = /*#__PURE__*/(0, _react.memo)(Slide);

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

@@ -1 +1,11 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.SLOW_ANIMATION=exports.OUTSIDE=exports.MIN_TIME_MOVE=exports.INSIDE=exports.FAST_ANIMATION=void 0;const FAST_ANIMATION=exports.FAST_ANIMATION=35,SLOW_ANIMATION=exports.SLOW_ANIMATION=400,MIN_TIME_MOVE=exports.MIN_TIME_MOVE=150,OUTSIDE=exports.OUTSIDE="outside",INSIDE=exports.INSIDE="inside";
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SLOW_ANIMATION = exports.OUTSIDE = exports.MIN_TIME_MOVE = exports.INSIDE = exports.FAST_ANIMATION = void 0;
+const FAST_ANIMATION = exports.FAST_ANIMATION = 35;
+const SLOW_ANIMATION = exports.SLOW_ANIMATION = 400;
+const MIN_TIME_MOVE = exports.MIN_TIME_MOVE = 150;
+const OUTSIDE = exports.OUTSIDE = 'outside';
+const INSIDE = exports.INSIDE = 'inside';