@widergy/energy-ui 1.128.2 → 1.130.1

package/CHANGELOG.md

@@ -1,3 +1,24 @@
+## [1.130.1](https://github.com/widergy/energy-ui/compare/v1.130.0...v1.130.1) (2022-08-29)
+
+
+### Bug Fixes
+
+* banners filter ([#306](https://github.com/widergy/energy-ui/issues/306)) ([d2fc3bb](https://github.com/widergy/energy-ui/commit/d2fc3bb020cb60f2c5a932916b8ccf2f1dd93941))
+
+# [1.130.0](https://github.com/widergy/energy-ui/compare/v1.129.0...v1.130.0) (2022-08-29)
+
+
+### Features
+
+* migrated UTAvatar to library ([#302](https://github.com/widergy/energy-ui/issues/302)) ([1070f65](https://github.com/widergy/energy-ui/commit/1070f65417f76a992be82042c5f34b8e84817489))
+
+# [1.129.0](https://github.com/widergy/energy-ui/compare/v1.128.2...v1.129.0) (2022-08-22)
+
+
+### Features
+
+* added expand text to utcard ([#305](https://github.com/widergy/energy-ui/issues/305)) ([b559030](https://github.com/widergy/energy-ui/commit/b5590305db4a309a56d6a7546854ebf2c6749bf6))
+
 ## [1.128.2](https://github.com/widergy/energy-ui/compare/v1.128.1...v1.128.2) (2022-08-17)
 
 

package/dist/components/UTAvatar/constants.js

@@ -0,0 +1,83 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.defaultPalette = void 0;
+var defaultPalette = [{
+  backgroundColor: 'rgb(0, 0, 180)',
+  color: '#FFF'
+}, {
+  backgroundColor: 'rgb(175, 13, 102)',
+  color: '#FFF'
+}, {
+  backgroundColor: 'rgb(146,248,70)',
+  color: '#000'
+}, {
+  backgroundColor: 'rgb(255, 200, 47)',
+  color: '#000'
+}, {
+  backgroundColor: 'rgb(255,118,0)',
+  color: '#000'
+}, {
+  backgroundColor: 'rgb(0, 0, 180)',
+  color: '#000'
+}, {
+  backgroundColor: 'rgb(235,235,222)',
+  color: '#000'
+}, {
+  backgroundColor: 'rgb(100,100,100)',
+  color: '#FFF'
+}, {
+  backgroundColor: 'rgb(255,255,0)',
+  color: '#000'
+}, {
+  backgroundColor: 'rgb(55,19,112)',
+  color: '#FFF'
+}, {
+  backgroundColor: 'rgb(255,255,150)',
+  color: '#000'
+}, {
+  backgroundColor: 'rgb(202,62,94)',
+  color: '#FFF'
+}, {
+  backgroundColor: 'rgb(205,145,63)',
+  color: '#000'
+}, {
+  backgroundColor: 'rgb(12,75,100)',
+  color: '#FFF'
+}, {
+  backgroundColor: 'rgb(175,155,50)',
+  color: '#000'
+}, {
+  backgroundColor: '#000',
+  color: '#FFF'
+}, {
+  backgroundColor: 'rgb(37,70,25)',
+  color: '#FFF'
+}, {
+  backgroundColor: 'rgb(121,33,135)',
+  color: '#FFF'
+}, {
+  backgroundColor: 'rgb(83,140,208)',
+  color: '#FFF'
+}, {
+  backgroundColor: 'rgb(0,154,37)',
+  color: '#000'
+}, {
+  backgroundColor: 'rgb(178,220,205)',
+  color: '#000'
+}, {
+  backgroundColor: 'rgb(255,152,213)',
+  color: '#000'
+}, {
+  backgroundColor: 'rgb(0,0,74)',
+  color: '#FFF'
+}, {
+  backgroundColor: 'rgb(175,200,74)',
+  color: '#000'
+}, {
+  backgroundColor: 'rgb(63,25,12)',
+  color: '#FF'
+}];
+exports.defaultPalette = defaultPalette;

package/dist/components/UTAvatar/index.js

@@ -0,0 +1,50 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _Avatar = _interopRequireDefault(require("@material-ui/core/Avatar"));
+
+var _propTypes = require("prop-types");
+
+var _energyUi = require("@widergy/energy-ui");
+
+var _componentUtils = _interopRequireDefault(require("../../utils/componentUtils"));
+
+var _constants = require("./constants");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var UTAvatar = function UTAvatar(_ref) {
+  var className = _ref.className,
+      manualColors = _ref.manualColors,
+      palette = _ref.palette,
+      userName = _ref.userName;
+  var getFirstLetter = _componentUtils.default.getFirstLetter,
+      getAvatarColors = _componentUtils.default.getAvatarColors;
+  var firstNameLetter = getFirstLetter(userName);
+  return /*#__PURE__*/_react.default.createElement(_Avatar.default, {
+    className: className,
+    style: manualColors ? {} : getAvatarColors(userName, palette || _constants.defaultPalette)
+  }, /*#__PURE__*/_react.default.createElement(_energyUi.UTLabel, {
+    bold: true,
+    xxxlarge: true,
+    style: manualColors ? {} : getAvatarColors(userName, palette || _constants.defaultPalette)
+  }, firstNameLetter));
+};
+
+UTAvatar.propTypes = {
+  className: _propTypes.string,
+  manualColors: _propTypes.bool,
+  palette: (0, _propTypes.shape)({
+    color: _propTypes.string,
+    backgroundColor: _propTypes.string
+  }),
+  userName: _propTypes.string
+};
+var _default = UTAvatar;
+exports.default = _default;

package/dist/components/UTCard/index.js

@@ -21,6 +21,8 @@ var _UTTouchableWithoutFeedback = _interopRequireDefault(require("../UTTouchable
 
 var _WithTheme = _interopRequireDefault(require("../WithTheme"));
 
+var _UTLabel = _interopRequireDefault(require("../UTLabel"));
+
 var _stylesModule = _interopRequireDefault(require("./styles.module.scss"));
 
 var _UTCardFooter = _interopRequireDefault(require("./components/UTCardFooter"));
@@ -126,25 +128,27 @@ var UTCard = /*#__PURE__*/function (_PureComponent) {
       var _this2 = this;
 
       var _this$props = this.props,
-          header = _this$props.header,
-          footer = _this$props.footer,
+          button = _this$props.button,
           children = _this$props.children,
-          horizontal = _this$props.horizontal,
-          className = _this$props.className,
-          isCollapsible = _this$props.isCollapsible,
-          style = _this$props.style,
           classes = _this$props.classes,
-          isOpen = _this$props.isOpen,
-          flat = _this$props.flat,
-          button = _this$props.button,
+          className = _this$props.className,
+          CustomFooter = _this$props.CustomFooter,
           expandableContentClassName = _this$props.expandableContentClassName,
-          expandableIconClassName = _this$props.expandableIconClassName,
           expandableIconButtonClassName = _this$props.expandableIconButtonClassName,
+          expandableIconClassName = _this$props.expandableIconClassName,
           ExpandedIcon = _this$props.ExpandedIcon,
-          NonExpandedIcon = _this$props.NonExpandedIcon,
+          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,
-          CustomFooter = _this$props.CustomFooter;
+          horizontal = _this$props.horizontal,
+          isCollapsible = _this$props.isCollapsible,
+          isOpen = _this$props.isOpen,
+          NonExpandedIcon = _this$props.NonExpandedIcon,
+          style = _this$props.style;
       var _this$state = this.state,
           expandIsSelected = _this$state.expandIsSelected,
           childrenHeight = _this$state.childrenHeight;
@@ -173,7 +177,9 @@ var UTCard = /*#__PURE__*/function (_PureComponent) {
       }, header), /*#__PURE__*/_react.default.createElement(_IconButton.default, {
         onClick: this.handleOnPress,
         className: expandableIconButtonClassName
-      }, /*#__PURE__*/_react.default.createElement(ExpandIcon, {
+      }, expandText && /*#__PURE__*/_react.default.createElement(_UTLabel.default, {
+        className: expandTextClassName
+      }, expandText, " "), /*#__PURE__*/_react.default.createElement(ExpandIcon, {
         className: expandableIconClassName
       }))), /*#__PURE__*/_react.default.createElement("div", {
         ref: function ref(_ref) {
@@ -193,25 +199,27 @@ var UTCard = /*#__PURE__*/function (_PureComponent) {
 }(_react.PureComponent);
 
 UTCard.propTypes = {
-  header: _types.cardActionsTypes.header,
-  footer: _types.cardActionsTypes.footer,
-  horizontal: _propTypes.bool,
-  className: _propTypes.string,
-  isCollapsible: _propTypes.bool,
-  onClick: _propTypes.func,
-  classes: (0, _propTypes.objectOf)(_propTypes.string),
-  isOpen: _propTypes.bool,
-  style: _propTypes.object,
-  flat: _propTypes.bool,
   button: _propTypes.element,
-  ExpandedIcon: (0, _propTypes.oneOfType)([_propTypes.func, _propTypes.element]),
-  NonExpandedIcon: (0, _propTypes.oneOfType)([_propTypes.func, _propTypes.element]),
+  classes: (0, _propTypes.objectOf)(_propTypes.string),
+  className: _propTypes.string,
+  CustomFooter: (0, _propTypes.oneOfType)([_propTypes.element, _propTypes.func]),
   expandableContentClassName: _propTypes.string,
-  expandableIconClassName: _propTypes.string,
   expandableIconButtonClassName: _propTypes.string,
+  expandableIconClassName: _propTypes.string,
+  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,
-  CustomFooter: (0, _propTypes.oneOfType)([_propTypes.element, _propTypes.func])
+  horizontal: _propTypes.bool,
+  isCollapsible: _propTypes.bool,
+  isOpen: _propTypes.bool,
+  NonExpandedIcon: (0, _propTypes.oneOfType)([_propTypes.func, _propTypes.element]),
+  onClick: _propTypes.func,
+  style: _propTypes.object
 };
 UTCard.defaultProps = {
   isOpen: null,

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

@@ -107,6 +107,14 @@ var SliderContainer = /*#__PURE__*/function (_PureComponent) {
       });
     }, _this.state.timeAnimation));
 
+    _defineProperty(_assertThisInitialized(_this), "updateImgArray", function () {
+      var arr = [_this.props.slides[_this.props.slides.length - 1]].concat(_toConsumableArray(_this.props.slides), [_this.props.slides[0]]);
+
+      _this.setState({
+        slideArray: arr
+      });
+    });
+
     _defineProperty(_assertThisInitialized(_this), "updateContainerWidth", function () {
       return _this.setState({
         containerWidth: _this.containerRef.current && _this.containerRef.current.clientWidth
@@ -275,6 +283,13 @@ var SliderContainer = /*#__PURE__*/function (_PureComponent) {
         return _this2.handleNextSlide();
       }, this.props.autoPlayDelay);
     }
+  }, {
+    key: "componentDidUpdate",
+    value: function componentDidUpdate(prevProps) {
+      if (this.props.slides !== prevProps.slides) {
+        this.updateImgArray();
+      }
+    }
   }, {
     key: "render",
     value: function render() {

package/dist/index.js

@@ -33,6 +33,12 @@ Object.defineProperty(exports, "UTAutocomplete", {
     return _UTAutocomplete.default;
   }
 });
+Object.defineProperty(exports, "UTAvatar", {
+  enumerable: true,
+  get: function get() {
+    return _UTAvatar.default;
+  }
+});
 Object.defineProperty(exports, "UTBarChart", {
   enumerable: true,
   get: function get() {
@@ -303,9 +309,17 @@ Object.defineProperty(exports, "WithTouch", {
     return _WithTouch.default;
   }
 });
+Object.defineProperty(exports, "componentUtils", {
+  enumerable: true,
+  get: function get() {
+    return _componentUtils.default;
+  }
+});
 
 var _UTAlert = _interopRequireDefault(require("./components/UTAlert"));
 
+var _UTAvatar = _interopRequireDefault(require("./components/UTAvatar"));
+
 var _AlertHandler = _interopRequireDefault(require("./components/UTAlert/AlertHandler"));
 
 var _UTAutocomplete = _interopRequireDefault(require("./components/UTAutocomplete"));
@@ -404,4 +418,6 @@ var _UTEmojiPicker = _interopRequireDefault(require("./components/UTEmojiPicker"
 
 var _UTBreadcrumbs = _interopRequireDefault(require("./components/UTBreadcrumbs"));
 
+var _componentUtils = _interopRequireDefault(require("./utils/componentUtils"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

package/dist/utils/componentUtils.js

@@ -0,0 +1,26 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var A_CHAR_CODE = 65;
+var Z_CHAR_CODE = 90;
+
+var getFirstLetter = function getFirstLetter(userName) {
+  return (userName === null || userName === void 0 ? void 0 : userName.trim().slice(0, 1).toUpperCase()) || 'A';
+};
+
+var getAvatarColors = function getAvatarColors(userName, colors) {
+  var hashIndex = (userName === null || userName === void 0 ? void 0 : userName.split('').reduce(function (acum, _letter, index) {
+    var letterCode = userName.toUpperCase().charCodeAt(index);
+    return letterCode >= A_CHAR_CODE && letterCode <= Z_CHAR_CODE ? acum + letterCode - A_CHAR_CODE + 1 : acum;
+  }, 0)) || 0;
+  return colors[hashIndex % colors.length];
+};
+
+var _default = {
+  getFirstLetter: getFirstLetter,
+  getAvatarColors: getAvatarColors
+};
+exports.default = _default;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@widergy/energy-ui",
-  "version": "1.128.2",
+  "version": "1.130.1",
   "description": "Widergy Web Components",
   "author": "widergy",
   "license": "MIT",