@widergy/energy-ui 1.134.2 → 2.0.0

package/dist/components/UTCard/index.js

@@ -8,10 +8,10 @@ var _react = _interopRequireWildcard(require("react"));
 var _propTypes = require("prop-types");
 var _ExpandMore = _interopRequireDefault(require("@material-ui/icons/ExpandMore"));
 var _ExpandLess = _interopRequireDefault(require("@material-ui/icons/ExpandLess"));
-var _IconButton = _interopRequireDefault(require("@material-ui/core/IconButton"));
+var _UTButton = _interopRequireDefault(require("../UTButton"));
 var _UTTouchableWithoutFeedback = _interopRequireDefault(require("../UTTouchableWithoutFeedback"));
 var _WithTheme = _interopRequireDefault(require("../WithTheme"));
-var _UTLabel = _interopRequireDefault(require("../UTLabel"));
+var _classesUtils = require("../../utils/classesUtils");
 var _stylesModule = _interopRequireDefault(require("./styles.module.scss"));
 var _UTCardFooter = _interopRequireDefault(require("./components/UTCardFooter"));
 var _types = require("./types");
@@ -20,6 +20,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
 function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
@@ -84,25 +85,21 @@ var UTCard = /*#__PURE__*/function (_PureComponent) {
       var _this$props = this.props,
         button = _this$props.button,
         children = _this$props.children,
-        classes = _this$props.classes,
-        className = _this$props.className,
+        themeClasses = _this$props.classes,
+        classNames = _this$props.classNames,
         CustomFooter = _this$props.CustomFooter,
-        expandableContentClassName = _this$props.expandableContentClassName,
-        expandableIconButtonClassName = _this$props.expandableIconButtonClassName,
-        expandableIconClassName = _this$props.expandableIconClassName,
+        expandableIconProps = _this$props.expandableIconProps,
         ExpandedIcon = _this$props.ExpandedIcon,
         expandText = _this$props.expandText,
-        expandTextClassName = _this$props.expandTextClassName,
         flat = _this$props.flat,
         footer = _this$props.footer,
-        footerClassName = _this$props.footerClassName,
         header = _this$props.header,
-        headerClassName = _this$props.headerClassName,
         horizontal = _this$props.horizontal,
         isCollapsible = _this$props.isCollapsible,
         isOpen = _this$props.isOpen,
         NonExpandedIcon = _this$props.NonExpandedIcon,
         style = _this$props.style;
+      var classes = (0, _classesUtils.mergeClasses)(themeClasses, classNames);
       var _this$state = this.state,
         expandIsSelected = _this$state.expandIsSelected,
         childrenHeight = _this$state.childrenHeight;
@@ -111,35 +108,37 @@ var UTCard = /*#__PURE__*/function (_PureComponent) {
       var Footer = footer && /*#__PURE__*/_react.default.createElement(_UTCardFooter.default, {
         customButton: button,
         footer: footer,
-        footerClassName: footerClassName
+        footerClassName: classes.footer
       });
       return !isCollapsible ? /*#__PURE__*/_react.default.createElement("div", {
-        className: "".concat(classes.base, " ").concat(flat && classes.flat, " ").concat(!horizontal && _stylesModule.default.column, " ").concat(className),
+        className: "".concat(classes.base, " ").concat(flat && classes.flat, " ").concat(!horizontal && _stylesModule.default.column, " ").concat(classes.base),
         style: style
       }, header && /*#__PURE__*/_react.default.createElement("div", {
         className: _stylesModule.default.headerContent
       }, header), children, CustomFooter ? /*#__PURE__*/_react.default.createElement(CustomFooter, null) : Footer) : /*#__PURE__*/_react.default.createElement("div", {
-        className: "".concat(classes.base, " ").concat(flat && classes.flat, " ").concat(_stylesModule.default.column, " ").concat(className),
+        className: "".concat(classes.base, " ").concat(flat && classes.flat, " ").concat(_stylesModule.default.column),
         style: style
       }, /*#__PURE__*/_react.default.createElement(_UTTouchableWithoutFeedback.default, {
         onClick: this.handleOnPress,
-        className: "".concat(_stylesModule.default.header, " ").concat(headerClassName)
+        className: "".concat(_stylesModule.default.header, " ").concat(classes.header)
       }, /*#__PURE__*/_react.default.createElement("div", {
         className: _stylesModule.default.headerContent
-      }, header), /*#__PURE__*/_react.default.createElement(_IconButton.default, {
+      }, header), /*#__PURE__*/_react.default.createElement(_UTButton.default, _extends({
+        Icon: ExpandIcon,
+        iconPlacement: "right",
         onClick: this.handleOnPress,
-        className: expandableIconButtonClassName
-      }, expandText && /*#__PURE__*/_react.default.createElement(_UTLabel.default, {
-        className: expandTextClassName
-      }, expandText, " "), /*#__PURE__*/_react.default.createElement(ExpandIcon, {
-        className: expandableIconClassName
-      }))), /*#__PURE__*/_react.default.createElement("div", {
+        variant: "text",
+        classNames: {
+          icon: classes.expandButtonIcon,
+          root: classes.expandButton
+        }
+      }, expandableIconProps), expandText)), /*#__PURE__*/_react.default.createElement("div", {
         ref: function ref(_ref) {
           return _this2.setState({
             childrenRef: _ref
           });
         },
-        className: "".concat(_stylesModule.default.children, " ").concat(expanded && _stylesModule.default.active, " ").concat(expandableContentClassName),
+        className: "".concat(_stylesModule.default.children, " ").concat(expanded && _stylesModule.default.active, " ").concat(classes.expandableContent),
         style: {
           height: expanded && childrenHeight !== null ? childrenHeight : '0px'
         }
@@ -151,19 +150,14 @@ var UTCard = /*#__PURE__*/function (_PureComponent) {
 UTCard.propTypes = {
   button: _propTypes.element,
   classes: (0, _propTypes.objectOf)(_propTypes.string),
-  className: _propTypes.string,
+  classNames: (0, _propTypes.objectOf)(_propTypes.string),
   CustomFooter: (0, _propTypes.oneOfType)([_propTypes.element, _propTypes.func]),
-  expandableContentClassName: _propTypes.string,
-  expandableIconButtonClassName: _propTypes.string,
-  expandableIconClassName: _propTypes.string,
+  expandableIconProps: _propTypes.object,
   ExpandedIcon: (0, _propTypes.oneOfType)([_propTypes.func, _propTypes.element]),
   expandText: _propTypes.string,
-  expandTextClassName: _propTypes.string,
   flat: _propTypes.bool,
   footer: _types.cardActionsTypes.footer,
-  footerClassName: _propTypes.string,
   header: _types.cardActionsTypes.header,
-  headerClassName: _propTypes.string,
   horizontal: _propTypes.bool,
   isCollapsible: _propTypes.bool,
   isOpen: _propTypes.bool,

package/dist/components/UTCard/theme.js

@@ -11,7 +11,8 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
 function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
-var retrieveStyle = function retrieveStyle(theme) {
+var retrieveStyle = function retrieveStyle(_ref) {
+  var theme = _ref.theme;
   var tabletMobile = (0, _seamlessImmutable.getIn)(theme, ['Media', 'tabletMobile']);
   return {
     base: _defineProperty({

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

@@ -29,7 +29,7 @@ var Button = function Button(_ref) {
     className: "".concat(classes.arrowStyle, " ").concat(className),
     onClick: handleOnPress
   }) : /*#__PURE__*/_react.default.createElement(_IconButton.default, {
-    className: "".concat(classes.arrowStyle, "  ").concat(className),
+    className: "".concat(classes.arrowStyle, " ").concat(className),
     onClick: handleOnPress
   }, left ? /*#__PURE__*/_react.default.createElement(_KeyboardArrowLeft.default, null) : /*#__PURE__*/_react.default.createElement(_KeyboardArrowRight.default, null));
 };

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

@@ -16,8 +16,7 @@ var LegendContainer = function LegendContainer(_ref) {
     currentSlide = _ref.currentSlide,
     onClick = _ref.onClick,
     LegendCustom = _ref.LegendCustom,
-    classes = _ref.classes,
-    keyName = _ref.keyName;
+    classes = _ref.classes;
   var handleOnClick = function handleOnClick() {
     return onClick(index + 1);
   };
@@ -25,7 +24,6 @@ var LegendContainer = function LegendContainer(_ref) {
   return LegendCustom ? /*#__PURE__*/_react.default.createElement(LegendCustom, {
     onClick: handleOnClick
   }) : /*#__PURE__*/_react.default.createElement(_UTTouchableWithoutFeedback.default, {
-    keyName: keyName,
     className: classes.legendStyleTouchable,
     onClick: handleOnClick
   }, /*#__PURE__*/_react.default.createElement("div", {
@@ -37,7 +35,6 @@ LegendContainer.propTypes = {
   index: _propTypes.number,
   currentSlide: _propTypes.number,
   LegendCustom: _propTypes.node,
-  keyName: _propTypes.string,
   classes: (0, _propTypes.objectOf)(_propTypes.string)
 };
 var _default = /*#__PURE__*/(0, _react.memo)(LegendContainer);

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

@@ -13,8 +13,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 var Slide = function Slide(_ref) {
-  var keyName = _ref.keyName,
-    imgSrc = _ref.imgSrc,
+  var imgSrc = _ref.imgSrc,
     position = _ref.position,
     widthContainer = _ref.widthContainer,
     currentSlide = _ref.currentSlide,
@@ -24,7 +23,6 @@ var Slide = function Slide(_ref) {
     onClick = _ref.onClick;
   var slide = currentSlide === position ? border / 2 : currentSlide === position - 1 ? -border / 4 : currentSlide === position + 1 && border + border / 4;
   return /*#__PURE__*/_react.default.createElement(_UTTouchableWithoutFeedback.default, {
-    keyName: keyName,
     className: "".concat(_stylesModule.default.imageContainer),
     style: {
       left: position * (slide ? widthContainer + slide : widthContainer),
@@ -49,8 +47,7 @@ Slide.propTypes = {
   shouldAnimate: _propTypes.bool,
   currentSlide: _propTypes.number,
   animationTime: _propTypes.number,
-  onClick: _propTypes.func,
-  keyName: _propTypes.string
+  onClick: _propTypes.func
 };
 var _default = /*#__PURE__*/(0, _react.memo)(Slide);
 exports.default = _default;

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

@@ -16,6 +16,8 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
 function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
@@ -69,8 +71,26 @@ var SliderContainer = /*#__PURE__*/function (_PureComponent) {
         timeMove: new Date().getTime()
       });
     }, _this.state.timeAnimation));
+    _defineProperty(_assertThisInitialized(_this), "componentWillUnmount", function () {
+      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);
+    });
     _defineProperty(_assertThisInitialized(_this), "updateImgArray", function () {
-      var arr = [_this.props.slides[_this.props.slides.length - 1]].concat(_toConsumableArray(_this.props.slides), [_this.props.slides[0]]);
+      var firstSlide = _this.props.slides[0];
+      var lastSlide = _this.props.slides[_this.props.slides.length - 1];
+      var arr = [_objectSpread(_objectSpread({}, lastSlide), {}, {
+        id: "lastSlide-".concat(lastSlide.id || lastSlide.imgSrc)
+      })].concat(_toConsumableArray(_this.props.slides), [_objectSpread(_objectSpread({}, firstSlide), {}, {
+        id: "firstSlide-".concat(firstSlide.id || firstSlide.imgSrc)
+      })]);
       _this.setState({
         slideArray: arr
       });
@@ -214,7 +234,13 @@ var SliderContainer = /*#__PURE__*/function (_PureComponent) {
     key: "componentDidMount",
     value: function componentDidMount() {
       var _this2 = this;
-      var arr = [this.props.slides[this.props.slides.length - 1]].concat(_toConsumableArray(this.props.slides), [this.props.slides[0]]);
+      var firstSlide = this.props.slides[0];
+      var lastSlide = this.props.slides[this.props.slides.length - 1];
+      var arr = [_objectSpread(_objectSpread({}, lastSlide), {}, {
+        id: "lastSlide-".concat(lastSlide.id || lastSlide.imgSrc)
+      })].concat(_toConsumableArray(this.props.slides), [_objectSpread(_objectSpread({}, firstSlide), {}, {
+        id: "firstSlide-".concat(firstSlide.id || firstSlide.imgSrc)
+      })]);
       this.setState({
         slideArray: arr
       });
@@ -292,14 +318,14 @@ var SliderContainer = /*#__PURE__*/function (_PureComponent) {
         className: _stylesModule.default.legendContainerOut
       }, /*#__PURE__*/_react.default.createElement("div", {
         className: _stylesModule.default.legend
-      }, slides.map(function (_, item) {
+      }, slides.map(function (slide, slideIndex) {
         return /*#__PURE__*/_react.default.createElement(_Legend.default, {
           LegendCustom: legend.legendCustom,
-          index: item,
+          index: slideIndex,
           currentSlide: index === slideArray.length - 1 ? 0 : index === 0 ? 1 : index - 1,
           onClick: _this3.handleLegend,
           classes: classes,
-          keyName: "legend-key-".concat(item)
+          key: "legend-out-".concat(slide.id || slide.imgSrc)
         });
       }))), arrow && arrow.position === _constants.OUTSIDE && /*#__PURE__*/_react.default.createElement("div", {
         className: _stylesModule.default.arrowContainer
@@ -314,28 +340,29 @@ var SliderContainer = /*#__PURE__*/function (_PureComponent) {
   return SliderContainer;
 }(_react.PureComponent);
 SliderContainer.propTypes = {
-  slides: (0, _propTypes.arrayOf)((0, _propTypes.shape)({
-    imgSrc: _propTypes.string
-  })),
+  activeEvents: _propTypes.bool,
   arrow: (0, _propTypes.shape)({
-    position: _propTypes.string,
     arrowCustomLeft: _propTypes.node,
     arrowCustomRight: _propTypes.node,
     callbackLeft: _propTypes.func,
-    callbackRight: _propTypes.func
+    callbackRight: _propTypes.func,
+    position: _propTypes.string
   }),
+  autoPlay: _propTypes.bool,
+  autoPlayDelay: _propTypes.number,
+  className: _propTypes.string,
+  classes: (0, _propTypes.objectOf)(_propTypes.string),
   legend: (0, _propTypes.shape)({
-    position: _propTypes.string,
-    legendCustom: _propTypes.node
+    legendCustom: _propTypes.node,
+    position: _propTypes.string
   }),
   enableMove: _propTypes.bool,
-  withBorder: _propTypes.number,
-  autoPlay: _propTypes.bool,
-  autoPlayDelay: _propTypes.number,
-  activeEvents: _propTypes.bool,
   height: _propTypes.string,
-  className: _propTypes.string,
-  classes: (0, _propTypes.objectOf)(_propTypes.string)
+  slides: (0, _propTypes.arrayOf)((0, _propTypes.shape)({
+    imgSrc: _propTypes.string,
+    id: (0, _propTypes.oneOfType)([_propTypes.number, _propTypes.string])
+  })),
+  withBorder: _propTypes.number
 };
 var _default = SliderContainer;
 exports.default = _default;

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

@@ -68,30 +68,30 @@ var Slider = /*#__PURE__*/function (_PureComponent) {
         },
         className: "".concat(_stylesModule.default.slideContainer),
         draggable: "false"
-      }, slideArray.map(function (element, _index) {
+      }, slideArray.map(function (slide, _index) {
         return /*#__PURE__*/_react.default.createElement(_Slide.default, {
-          keyName: "slide-key-".concat(element.id),
+          key: "slide-".concat(slide.id || slide.imgSrc),
           position: _index - 1,
           currentSlide: index - 1,
           widthContainer: containerWidth,
-          imgSrc: element.imgSrc,
+          imgSrc: slide.imgSrc,
           border: withBorder,
           shouldAnimate: shouldAnimate,
           animationTime: animationTime,
-          onClick: element.onClick
+          onClick: slide.onClick
         });
       })), legend && legend.position === _constants.INSIDE && /*#__PURE__*/_react.default.createElement("div", {
         className: _stylesModule.default.legendContainer
       }, /*#__PURE__*/_react.default.createElement("div", {
         className: _stylesModule.default.legend
-      }, slides.map(function (_, item) {
+      }, slides.map(function (slide, itemIndex) {
         return /*#__PURE__*/_react.default.createElement(_Legend.default, {
-          keyName: "legend-key-".concat(item),
-          LegendCustom: legend.legendCustom,
-          index: item,
+          key: "legend-in-".concat(slide.id || slide.imgSrc),
+          classes: classes,
           currentSlide: index === slideArray.length - 1 ? 0 : index === 0 ? 1 : index - 1,
-          onClick: handleLegend,
-          classes: classes
+          index: itemIndex,
+          LegendCustom: legend.legendCustom,
+          onClick: handleLegend
         });
       }))), arrow && arrow.position === _constants.INSIDE && /*#__PURE__*/_react.default.createElement(_Button.default, {
         ArrowCustom: arrow.arrowCustomRight,
@@ -107,10 +107,11 @@ var Slider = /*#__PURE__*/function (_PureComponent) {
 Slider.propTypes = {
   slideArray: (0, _propTypes.arrayOf)((0, _propTypes.shape)({
     imgSrc: _propTypes.string,
-    id: _propTypes.number
+    id: (0, _propTypes.oneOfType)([_propTypes.number, _propTypes.string])
   })),
   slides: (0, _propTypes.arrayOf)((0, _propTypes.shape)({
-    imgSrc: _propTypes.string
+    imgSrc: _propTypes.string,
+    id: (0, _propTypes.oneOfType)([_propTypes.number, _propTypes.string])
   })),
   arrow: (0, _propTypes.shape)({
     position: _propTypes.string,

package/dist/components/UTCarousel/theme.js

@@ -8,7 +8,8 @@ var _seamlessImmutable = require("seamless-immutable");
 var _colors = _interopRequireDefault(require("../../scss/variables/_colors.scss"));
 var _sizes = _interopRequireDefault(require("../../scss/variables/_sizes.scss"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-var retrieveStyle = function retrieveStyle(theme) {
+var retrieveStyle = function retrieveStyle(_ref) {
+  var theme = _ref.theme;
   return {
     arrowStyle: {
       fontSize: (0, _seamlessImmutable.getIn)(theme, ['UTCarousel', 'arrowStyle', 'fontSize'], _sizes.default.defaultCarrouselArrowSize),

package/dist/components/UTCheckList/index.js

@@ -83,21 +83,23 @@ var UTCheckList = function UTCheckList(_ref) {
     var item = arguments.length > 1 ? arguments[1] : undefined;
     return key.map(function (keyValue) {
       return /*#__PURE__*/_react.default.createElement(_UTLabel.default, {
-        className: classes.rowItem,
-        small: true
+        variant: "xsmall",
+        className: classes.rowItem
       }, item[keyValue]);
     });
   };
   return /*#__PURE__*/_react.default.createElement("div", {
     className: "".concat(_stylesModule.default.container, " ").concat(className)
   }, shouldShowUpperTitle && /*#__PURE__*/_react.default.createElement(_UTLabel.default, _extends({
-    className: "".concat(classes.title)
-  }, titleProps), field.title), /*#__PURE__*/_react.default.createElement("div", {
+    className: classes.title
+  }, titleProps, {
+    withMarkdown: true
+  }), field.title), /*#__PURE__*/_react.default.createElement("div", {
     className: header ? classes.tableHeader : classes.selectAll
   }, header && header.map(function (item) {
     return /*#__PURE__*/_react.default.createElement(_UTLabel.default, {
+      weight: "bold",
       className: classes.headerItem,
-      bold: true,
       key: item.text
     }, item.text);
   }), /*#__PURE__*/_react.default.createElement(_UTCheckbox.default, {
@@ -139,7 +141,7 @@ var UTCheckList = function UTCheckList(_ref) {
       useCustomIcons: useCustomIcons,
       CustomCheckedIcon: CustomCheckedIcon,
       CustomUncheckedIcon: CustomUncheckedIcon,
-      tooltipContent: item.disabled && disabledItemTooltip && disabledItemTooltip(item, list)
+      tooltipContent: item.disabled && disabledItemTooltip ? disabledItemTooltip(item, list) : undefined
     }));
   })), additionalInfo && additionalInfo.footer && /*#__PURE__*/_react.default.createElement(_FormHelperText.default, null, additionalInfo.footer), shouldShowErrors && /*#__PURE__*/_react.default.createElement(_FormHelperText.default, {
     error: true
@@ -158,8 +160,8 @@ UTCheckList.propTypes = {
   className: _propTypes.string,
   classNames: (0, _propTypes.objectOf)(_propTypes.string),
   CustomCheckedIcon: _propTypes.element,
-  customRowLabel: _propTypes.element,
-  customSelectAllRowLabel: _propTypes.element,
+  customRowLabel: (0, _propTypes.oneOfType)([_propTypes.func, _propTypes.element, _propTypes.string]),
+  customSelectAllRowLabel: (0, _propTypes.oneOfType)([_propTypes.func, _propTypes.element, _propTypes.string]),
   CustomUncheckedIcon: _propTypes.element,
   disabled: _propTypes.bool,
   disabledItemTooltip: _propTypes.func,
@@ -175,7 +177,7 @@ UTCheckList.propTypes = {
   }),
   labelKey: _propTypes.string.isRequired,
   list: (0, _propTypes.arrayOf)((0, _propTypes.shape)({
-    id: _propTypes.number,
+    id: (0, _propTypes.oneOfType)([_propTypes.number, _propTypes.string]),
     label: _propTypes.string,
     checked: _propTypes.bool
   })),

package/dist/components/UTCheckList/theme.js

@@ -7,9 +7,10 @@ exports.retrieveStyle = exports.retrieveMuiTheme = void 0;
 var _seamlessImmutable = require("seamless-immutable");
 var _styles = require("@material-ui/core/styles");
 var _colors = _interopRequireDefault(require("../../scss/variables/_colors.scss"));
+var _classesUtils = require("../../utils/classesUtils");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 var retrieveMuiTheme = function retrieveMuiTheme(theme) {
-  return (0, _styles.createMuiTheme)({
+  return (0, _styles.createTheme)({
     typography: {
       fontFamily: (0, _seamlessImmutable.getIn)(theme, ['Fonts', 'fontFamily'])
     },
@@ -44,7 +45,9 @@ var retrieveMuiTheme = function retrieveMuiTheme(theme) {
   });
 };
 exports.retrieveMuiTheme = retrieveMuiTheme;
-var retrieveStyle = function retrieveStyle(theme) {
+var retrieveStyle = function retrieveStyle(_ref) {
+  var _theme$UTCheckList, _theme$UTCheckList$cu, _theme$UTCheckList$cu2, _theme$Fonts, _theme$UTCheckList2, _theme$UTCheckList2$c, _theme$UTCheckList2$c2, _theme$Fonts2;
+  var theme = _ref.theme;
   return {
     selectAllRowRoot: {
       color: (0, _seamlessImmutable.getIn)(theme, ['UTCheckList', 'selectAllRow', 'root', 'color']),
@@ -65,7 +68,8 @@ var retrieveStyle = function retrieveStyle(theme) {
       padding: (0, _seamlessImmutable.getIn)(theme, ['UTCheckList', 'customRow', 'root', 'padding'])
     },
     headerItem: {
-      marginRight: (0, _seamlessImmutable.getIn)(theme, ['UTCheckList', 'customCheckRow', 'headerItem', 'marginRight'], '60px')
+      marginRight: (0, _seamlessImmutable.getIn)(theme, ['UTCheckList', 'customCheckRow', 'headerItem', 'marginRight'], '60px'),
+      fontSize: (0, _classesUtils.withImportant)((theme === null || theme === void 0 ? void 0 : (_theme$UTCheckList = theme.UTCheckList) === null || _theme$UTCheckList === void 0 ? void 0 : (_theme$UTCheckList$cu = _theme$UTCheckList.customCheckRow) === null || _theme$UTCheckList$cu === void 0 ? void 0 : (_theme$UTCheckList$cu2 = _theme$UTCheckList$cu.headerItem) === null || _theme$UTCheckList$cu2 === void 0 ? void 0 : _theme$UTCheckList$cu2.fontSize) || (theme === null || theme === void 0 ? void 0 : (_theme$Fonts = theme.Fonts) === null || _theme$Fonts === void 0 ? void 0 : _theme$Fonts.medium))
     },
     checkRowContainer: {
       alignItems: (0, _seamlessImmutable.getIn)(theme, ['UTCheckList', 'customCheckRow', 'container', 'alignItems']),
@@ -80,6 +84,7 @@ var retrieveStyle = function retrieveStyle(theme) {
     },
     rowItem: {
       display: (0, _seamlessImmutable.getIn)(theme, ['UTCheckList', 'customCheckRow', 'rowItem', 'display']),
+      fontSize: (0, _classesUtils.withImportant)((theme === null || theme === void 0 ? void 0 : (_theme$UTCheckList2 = theme.UTCheckList) === null || _theme$UTCheckList2 === void 0 ? void 0 : (_theme$UTCheckList2$c = _theme$UTCheckList2.customCheckRow) === null || _theme$UTCheckList2$c === void 0 ? void 0 : (_theme$UTCheckList2$c2 = _theme$UTCheckList2$c.rowItem) === null || _theme$UTCheckList2$c2 === void 0 ? void 0 : _theme$UTCheckList2$c2.fontSize) || (theme === null || theme === void 0 ? void 0 : (_theme$Fonts2 = theme.Fonts) === null || _theme$Fonts2 === void 0 ? void 0 : _theme$Fonts2.small)),
       justifyContent: (0, _seamlessImmutable.getIn)(theme, ['UTCheckList', 'customCheckRow', 'rowItem', 'justifyContent']),
       width: (0, _seamlessImmutable.getIn)(theme, ['UTCheckList', 'customCheckRow', 'rowItem', 'width'])
     }

package/dist/components/UTCheckbox/index.js

@@ -22,6 +22,7 @@ var _stylesModule = _interopRequireDefault(require("./styles.module.scss"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
@@ -38,17 +39,14 @@ Checked.defaultProps = {
   viewBox: "5 6.58 14 10.42"
 };
 var UTCheckbox = function UTCheckbox(_ref) {
-  var value = _ref.value,
-    disabled = _ref.disabled,
-    item = _ref.item,
-    CustomRowLabel = _ref.customRowLabel,
-    _ref$classes = _ref.classes,
+  var _ref$classes = _ref.classes,
     themeClasses = _ref$classes === void 0 ? {} : _ref$classes,
     classNames = _ref.classNames,
     _ref$color = _ref.color,
     color = _ref$color === void 0 ? 'primary' : _ref$color,
     _ref$CustomCheckedIco = _ref.CustomCheckedIcon,
     CustomCheckedIcon = _ref$CustomCheckedIco === void 0 ? Checked : _ref$CustomCheckedIco,
+    CustomRowLabel = _ref.customRowLabel,
     _ref$CustomUncheckedI = _ref.CustomUncheckedIcon,
     CustomUncheckedIcon = _ref$CustomUncheckedI === void 0 ? function (_ref2) {
       var className = _ref2.className;
@@ -56,14 +54,19 @@ var UTCheckbox = function UTCheckbox(_ref) {
         className: className
       });
     } : _ref$CustomUncheckedI,
-    useCustomIcons = _ref.useCustomIcons,
-    showError = _ref.showError,
-    meta = _ref.meta,
+    disabled = _ref.disabled,
     disableRipple = _ref.disableRipple,
-    label = _ref.label,
     input = _ref.input,
+    item = _ref.item,
+    label = _ref.label,
+    _ref$labelProps = _ref.labelProps,
+    labelProps = _ref$labelProps === void 0 ? {} : _ref$labelProps,
+    meta = _ref.meta,
+    onChange = _ref.onChange,
+    showError = _ref.showError,
     tooltipContent = _ref.tooltipContent,
-    onChange = _ref.onChange;
+    useCustomIcons = _ref.useCustomIcons,
+    value = _ref.value;
   var _useMutableState = (0, _energyHooks.useMutableState)(value),
     _useMutableState2 = _slicedToArray(_useMutableState, 2),
     checkedRef = _useMutableState2[0],
@@ -102,39 +105,42 @@ var UTCheckbox = function UTCheckbox(_ref) {
     }))),
     label: CustomRowLabel ? /*#__PURE__*/_react.default.createElement(CustomRowLabel, {
       item: item
-    }) : /*#__PURE__*/_react.default.createElement(_UTLabel.default, {
-      className: classes.label
-    }, label),
+    }) : /*#__PURE__*/_react.default.createElement(_UTLabel.default, _extends({
+      className: classes.label,
+      variant: "small",
+      withMarkdown: true
+    }, labelProps), label),
     classes: classes && {
       root: classes.root,
       label: classes.label
     }
   }), showError && (0, _form.shouldShowErrors)(meta) && /*#__PURE__*/_react.default.createElement(_UTLabel.default, {
-    error: true,
-    small: true
+    colorTheme: "error",
+    variant: "small"
   }, meta.error));
 };
 UTCheckbox.propTypes = {
-  disabled: _propTypes.bool,
-  onChange: _propTypes.func,
-  label: _propTypes.string,
-  value: (0, _propTypes.oneOfType)([_propTypes.bool, _propTypes.string]),
-  CustomCheckedIcon: _propTypes.node,
-  CustomUncheckedIcon: _propTypes.node,
-  item: (0, _propTypes.oneOfType)([_propTypes.string, _propTypes.object]),
-  color: _propTypes.string,
-  customRowLabel: (0, _propTypes.oneOfType)([_propTypes.func, _propTypes.element, _propTypes.string]),
-  useCustomIcons: _propTypes.bool,
   classes: (0, _propTypes.shape)({
     checkboxColorPrimary: _propTypes.string,
     checkboxColorSecondary: _propTypes.string
   }),
   classNames: (0, _propTypes.objectOf)(_propTypes.string),
+  color: _propTypes.string,
+  CustomCheckedIcon: _propTypes.node,
+  customRowLabel: (0, _propTypes.oneOfType)([_propTypes.func, _propTypes.element, _propTypes.string]),
+  CustomUncheckedIcon: _propTypes.node,
+  disabled: _propTypes.bool,
+  disableRipple: _propTypes.bool,
+  input: _formTypes.inputPropTypes,
+  item: (0, _propTypes.oneOfType)([_propTypes.string, _propTypes.object]),
+  label: (0, _propTypes.oneOfType)([_propTypes.number, _propTypes.string]),
+  labelProps: _propTypes.object,
   meta: _formTypes.metaPropTypes,
+  onChange: _propTypes.func,
   showError: _propTypes.bool,
-  input: _formTypes.inputPropTypes,
-  disableRipple: _propTypes.bool,
-  tooltipContent: _propTypes.element
+  tooltipContent: _propTypes.element,
+  useCustomIcons: _propTypes.bool,
+  value: (0, _propTypes.oneOfType)([_propTypes.bool, _propTypes.string])
 };
 var _default = (0, _WithTheme.default)(_theme.retrieveStyle, _theme.retrieveMuiTheme)(UTCheckbox);
 exports.default = _default;

package/dist/components/UTCheckbox/theme.js

@@ -8,7 +8,8 @@ var _seamlessImmutable = require("seamless-immutable");
 var _styles = require("@material-ui/core/styles");
 var _colors = _interopRequireDefault(require("../../scss/variables/_colors.scss"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-var retrieveStyle = function retrieveStyle(theme) {
+var retrieveStyle = function retrieveStyle(_ref) {
+  var theme = _ref.theme;
   return {
     checkedIcon: {
       width: (0, _seamlessImmutable.getIn)(theme, ['UTCheckbox', 'icon', 'checked', 'width']),
@@ -34,7 +35,7 @@ var retrieveStyle = function retrieveStyle(theme) {
 };
 exports.retrieveStyle = retrieveStyle;
 var retrieveMuiTheme = function retrieveMuiTheme(theme) {
-  return (0, _styles.createMuiTheme)({
+  return (0, _styles.createTheme)({
     typography: {
       fontFamily: (0, _seamlessImmutable.getIn)(theme, ['Fonts', 'fontFamily'])
     },
@@ -42,7 +43,14 @@ var retrieveMuiTheme = function retrieveMuiTheme(theme) {
       MuiFormControlLabel: {
         label: {
           fontSize: (0, _seamlessImmutable.getIn)(theme, ['UTCheckbox', 'label', 'fontSize'], 14),
-          color: (0, _seamlessImmutable.getIn)(theme, ['UTCheckbox', 'label', 'color'], _colors.default.primary)
+          color: (0, _seamlessImmutable.getIn)(theme, ['UTCheckbox', 'label', 'color'], _colors.default.primary),
+          '& span': {
+            fontSize: (0, _seamlessImmutable.getIn)(theme, ['UTCheckbox', 'label', 'fontSize'], 14),
+            color: (0, _seamlessImmutable.getIn)(theme, ['UTCheckbox', 'label', 'color'], _colors.default.primary),
+            '& a': {
+              color: (0, _seamlessImmutable.getIn)(theme, ['UTCheckbox', 'linkLabel', 'color'], _colors.default.primary)
+            }
+          }
         }
       },
       MuiFormHelperText: {