@widergy/energy-ui 2.11.0 → 3.0.1

package/CHANGELOG.md

@@ -1,3 +1,23 @@
+## [3.0.1](https://github.com/widergy/energy-ui/compare/v3.0.0...v3.0.1) (2023-11-22)
+
+
+### Bug Fixes
+
+* minor fix in carousel ([#395](https://github.com/widergy/energy-ui/issues/395)) ([c403296](https://github.com/widergy/energy-ui/commit/c403296f421e7ced5a55148d805556374ff76eef))
+
+# [3.0.0](https://github.com/widergy/energy-ui/compare/v2.11.0...v3.0.0) (2023-11-11)
+
+
+### Bug Fixes
+
+* update dependencies energy UI ([#372](https://github.com/widergy/energy-ui/issues/372)) ([99af512](https://github.com/widergy/energy-ui/commit/99af5124a9ec2a3960742b9fe4f7ff07e54060e2))
+
+
+### BREAKING CHANGES
+
+* dependencies
+* dependencies
+
 # [2.11.0](https://github.com/widergy/energy-ui/compare/v2.10.1...v2.11.0) (2023-11-08)
 
 

package/dist/components/UTAttachment/index.js

@@ -22,15 +22,8 @@ function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key i
 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); }
 class AttachmentContainer extends _react.Component {
-  constructor() {
-    super(...arguments);
-    _defineProperty(this, "state", {
-      loading: false,
-      name: '',
-      preview: {},
-      error: false,
-      errorText: _constants.FORMAT_ERROR_TEXT
-    });
+  constructor(props) {
+    super(props);
     _defineProperty(this, "loadElement", () => {
       const {
         input,
@@ -55,17 +48,6 @@ class AttachmentContainer extends _react.Component {
       } = this.props;
       if (this.hasDefaultValueToLoad()) this.loadElement();else if (this.hasDefaultFileObjectToLoad()) this.setFile(input.value.file);
     });
-    _defineProperty(this, "componentDidMount", () => {
-      this.loadDefaultValues();
-    });
-    _defineProperty(this, "componentDidUpdate", prevProps => {
-      var _prevProps$fieldTypes;
-      const {
-        fieldTypes,
-        input
-      } = this.props;
-      if (((_prevProps$fieldTypes = prevProps.fieldTypes) === null || _prevProps$fieldTypes === void 0 ? void 0 : _prevProps$fieldTypes[0]) !== (fieldTypes === null || fieldTypes === void 0 ? void 0 : fieldTypes[0])) this.removeValue();else if ((0, _utils.isNewFile)(prevProps.input.value, input.value)) this.loadDefaultValues();
-    });
     _defineProperty(this, "getDefaultAttachment", (url, fileType) => url && typeof url === 'string' && /*#__PURE__*/_react.default.createElement("a", {
       href: url,
       target: "_blank",
@@ -154,6 +136,24 @@ class AttachmentContainer extends _react.Component {
       });
       if (this.props.onChange) this.props.onChange('');
     });
+    this.state = {
+      loading: false,
+      name: '',
+      preview: {},
+      error: false,
+      errorText: _constants.FORMAT_ERROR_TEXT
+    };
+  }
+  componentDidMount() {
+    this.loadDefaultValues();
+  }
+  componentDidUpdate(prevProps) {
+    var _prevProps$fieldTypes;
+    const {
+      fieldTypes,
+      input
+    } = this.props;
+    if (((_prevProps$fieldTypes = prevProps.fieldTypes) === null || _prevProps$fieldTypes === void 0 ? void 0 : _prevProps$fieldTypes[0]) !== (fieldTypes === null || fieldTypes === void 0 ? void 0 : fieldTypes[0])) this.removeValue();else if ((0, _utils.isNewFile)(prevProps.input.value, input.value)) this.loadDefaultValues();
   }
   render() {
     const {

package/dist/components/UTBreadcrumbs/styles.module.scss

@@ -27,6 +27,7 @@
   overflow: hidden;
   text-overflow: ellipsis;
 }
+
 .label {
   padding: 4px 8px;
 }

package/dist/components/UTCard/index.js

@@ -24,13 +24,8 @@ function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key i
 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); }
 class UTCard extends _react.PureComponent {
-  constructor() {
-    super(...arguments);
-    _defineProperty(this, "state", {
-      expandIsSelected: false,
-      childrenRef: null,
-      childrenHeight: null
-    });
+  constructor(props) {
+    super(props);
     _defineProperty(this, "handleOnPress", event => {
       event.stopPropagation();
       if (this.props.onClick) this.props.onClick();
@@ -38,9 +33,6 @@ class UTCard extends _react.PureComponent {
         expandIsSelected: !prevState.expandIsSelected
       }));
     });
-    _defineProperty(this, "componentDidUpdate", () => {
-      if (this.state.childrenRef) this.setChildrenHeight();
-    });
     _defineProperty(this, "setChildrenHeight", () => {
       const childrens = [...this.state.childrenRef.children];
       const childrenHeight = childrens.reduce((prev, curr) => prev + curr.offsetHeight, 0);
@@ -48,6 +40,14 @@ class UTCard extends _react.PureComponent {
         childrenHeight
       });
     });
+    this.state = {
+      expandIsSelected: false,
+      childrenRef: null,
+      childrenHeight: null
+    };
+  }
+  componentDidUpdate() {
+    if (this.state.childrenRef) this.setChildrenHeight();
   }
   render() {
     const {

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

@@ -21,45 +21,6 @@ function _toPrimitive(input, hint) { if (typeof input !== "object" || input ===
 class SliderContainer extends _react.PureComponent {
   constructor(props) {
     super(props);
-    _defineProperty(this, "state", {
-      index: 1,
-      slideArray: [],
-      shouldAnimate: true,
-      timeMove: 0,
-      initialPosition: 0,
-      finishPosition: 0,
-      timeAnimation: _constants.FAST_ANIMATION
-    });
-    _defineProperty(this, "handleMouseDown", (0, _helperFunctions.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));
-    _defineProperty(this, "handleTouchDown", (0, _helperFunctions.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));
-    _defineProperty(this, "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);
-    });
     _defineProperty(this, "updateImgArray", () => {
       const firstSlide = this.props.slides[0];
       const lastSlide = this.props.slides[this.props.slides.length - 1];
@@ -171,6 +132,15 @@ class SliderContainer extends _react.PureComponent {
     });
     this.containerRef = /*#__PURE__*/_react.default.createRef();
     this.imagesLength = props.slides.length;
+    this.state = {
+      index: 1,
+      slideArray: [],
+      shouldAnimate: true,
+      timeMove: 0,
+      initialPosition: 0,
+      finishPosition: 0,
+      timeAnimation: _constants.FAST_ANIMATION
+    };
   }
   componentDidMount() {
     const firstSlide = this.props.slides[0];
@@ -185,8 +155,8 @@ class SliderContainer extends _react.PureComponent {
     this.setState({
       slideArray: arr
     });
-    this.containerRef.current.addEventListener('touchstart', this.handleTouchDown);
-    this.containerRef.current.addEventListener('mousedown', this.handleMouseDown);
+    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);
@@ -196,6 +166,40 @@ class SliderContainer extends _react.PureComponent {
       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 (0, _helperFunctions.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() {
+    (0, _helperFunctions.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,

package/dist/components/UTCheckbox/index.js

@@ -24,7 +24,7 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
 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); }
 var Checked = function Checked(props) {
   return /*#__PURE__*/_react.default.createElement("svg", props, /*#__PURE__*/_react.default.createElement("path", {
-    d: "M10 14zm0 3l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"
+    d: "M10 14Zm0 3-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9Z"
   }));
 };
 Checked.defaultProps = {

package/dist/components/UTCuit/index.js

@@ -19,15 +19,8 @@ function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key i
 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); }
 class UTCuit extends _react.PureComponent {
-  constructor() {
-    super(...arguments);
-    _defineProperty(this, "state", {
-      prefix: '',
-      verificationCode: '',
-      document: '',
-      verificationCodeRef: null,
-      documentRef: null
-    });
+  constructor(props) {
+    super(props);
     _defineProperty(this, "handleChangeCuit", () => {
       const {
         prefix,
@@ -83,6 +76,13 @@ class UTCuit extends _react.PureComponent {
         this.state.documentRef.focus();
       }
     });
+    this.state = {
+      prefix: '',
+      verificationCode: '',
+      document: '',
+      verificationCodeRef: null,
+      documentRef: null
+    };
   }
   componentDidUpdate() {
     if (this.state.prefix.length === 0 && this.state.document.length === 0 && this.state.verificationCode.length === 0 && this.props.input && this.props.input.value && this.props.field.configuration.disable_document) this.handleSetDocument(this.props.input.value);

package/dist/components/UTDatePicker/index.js

@@ -30,7 +30,7 @@ function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typ
 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 CalendarIcon = function CalendarIcon(props) {
   return /*#__PURE__*/_react.default.createElement("svg", props, /*#__PURE__*/_react.default.createElement("defs", null, /*#__PURE__*/_react.default.createElement("path", {
-    d: "M8 15c.55 0 1 .45 1 1s-.45 1-1 1-1-.45-1-1 .45-1 1-1zm8 0c.55 0 1 .45 1 1s-.45 1-1 1h-4c-.55 0-1-.45-1-1s.45-1 1-1zm2 5H6c-.551 0-1-.449-1-1v-6h14v6c0 .551-.449 1-1 1M6 6h1v1c0 .55.45 1 1 1s1-.45 1-1V6h6v1c0 .55.45 1 1 1s1-.45 1-1V6h1c.551 0 1 .449 1 1v4H5V7c0-.551.449-1 1-1m12-2h-1V3c0-.55-.45-1-1-1s-1 .45-1 1v1H9V3c0-.55-.45-1-1-1s-1 .45-1 1v1H6C4.346 4 3 5.346 3 7v12c0 1.654 1.346 3 3 3h12c1.654 0 3-1.346 3-3V7c0-1.654-1.346-3-3-3",
+    d: "M8 15c.55 0 1 .45 1 1s-.45 1-1 1-1-.45-1-1 .45-1 1-1Zm8 0c.55 0 1 .45 1 1s-.45 1-1 1h-4c-.55 0-1-.45-1-1s.45-1 1-1Zm2 5H6c-.551 0-1-.449-1-1v-6h14v6c0 .551-.449 1-1 1M6 6h1v1c0 .55.45 1 1 1s1-.45 1-1V6h6v1c0 .55.45 1 1 1s1-.45 1-1V6h1c.551 0 1 .449 1 1v4H5V7c0-.551.449-1 1-1m12-2h-1V3c0-.55-.45-1-1-1s-1 .45-1 1v1H9V3c0-.55-.45-1-1-1s-1 .45-1 1v1H6C4.346 4 3 5.346 3 7v12c0 1.654 1.346 3 3 3h12c1.654 0 3-1.346 3-3V7c0-1.654-1.346-3-3-3",
     id: "a"
   })), /*#__PURE__*/_react.default.createElement("use", {
     fillRule: "nonzero",
@@ -42,7 +42,6 @@ var CalendarIcon = function CalendarIcon(props) {
 CalendarIcon.defaultProps = {
   width: "18",
   height: "20",
-  viewBox: "0 0 18 20",
   xmlns: "http://www.w3.org/2000/svg",
   xmlnsXlink: "http://www.w3.org/1999/xlink"
 };

package/dist/components/UTDotMenu/index.js

@@ -15,11 +15,8 @@ function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key i
 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); }
 class UTDotMenu extends _react.default.Component {
-  constructor() {
-    super(...arguments);
-    _defineProperty(this, "state", {
-      anchorEl: null
-    });
+  constructor(props) {
+    super(props);
     _defineProperty(this, "handleClick", event => {
       this.setState({
         anchorEl: event.currentTarget
@@ -30,6 +27,9 @@ class UTDotMenu extends _react.default.Component {
         anchorEl: null
       });
     });
+    this.state = {
+      anchorEl: null
+    };
   }
   render() {
     const {

package/dist/components/UTEmojiPicker/constants.js

@@ -20,7 +20,6 @@ Faces.defaultProps = {
   className: "icon icon-tabler icon-tabler-mood-smile",
   width: "24",
   height: "24",
-  viewBox: "0 0 24 24",
   strokeWidth: "2",
   stroke: "#677489",
   fill: "none",
@@ -29,7 +28,9 @@ Faces.defaultProps = {
 };
 var Nature = function Nature(props) {
   return /*#__PURE__*/_react.default.createElement("svg", props, /*#__PURE__*/_react.default.createElement("path", {
-    d: "M5 21c.5-4.5 2.5-8 7-10M9 18c6.218 0 10.5-3.288 11-12V4h-4.014c-9 0-11.986 4-12 9 0 1 0 3 2 5h3z"
+    d: "M5 21c.5-4.5 2.5-8 7-10"
+  }), /*#__PURE__*/_react.default.createElement("path", {
+    d: "M9 18c6.218 0 10.5-3.288 11-12V4h-4.014c-9 0-11.986 4-12 9 0 1 0 3 2 5h3z"
   }));
 };
 Nature.defaultProps = {
@@ -37,7 +38,6 @@ Nature.defaultProps = {
   className: "icon icon-tabler icon-tabler-leaf",
   width: "24",
   height: "24",
-  viewBox: "0 0 24 24",
   strokeWidth: "2",
   stroke: "#677489",
   fill: "none",
@@ -46,7 +46,7 @@ Nature.defaultProps = {
 };
 var Language = function Language(props) {
   return /*#__PURE__*/_react.default.createElement("svg", props, /*#__PURE__*/_react.default.createElement("path", {
-    d: "M19.5 13.572L12 21l-7.5-7.428m0 0A5 5 0 1 1 12 7.006a5 5 0 1 1 7.5 6.572"
+    d: "M19.5 13.572 12 21l-7.5-7.428m0 0A5 5 0 1 1 12 7.006a5 5 0 1 1 7.5 6.572"
   }));
 };
 Language.defaultProps = {
@@ -54,7 +54,6 @@ Language.defaultProps = {
   className: "icon icon-tabler icon-tabler-heart",
   width: "24",
   height: "24",
-  viewBox: "0 0 24 24",
   strokeWidth: "2",
   stroke: "#677489",
   fill: "none",
@@ -63,9 +62,11 @@ Language.defaultProps = {
 };
 var Sports = function Sports(props) {
   return /*#__PURE__*/_react.default.createElement("svg", props, /*#__PURE__*/_react.default.createElement("path", {
-    d: "M15 9l-6 6M10 12l2 2M12 10l2 2M8 21a5 5 0 0 0-5-5"
+    d: "m15 9-6 6M10 12l2 2M12 10l2 2M8 21a5 5 0 0 0-5-5"
+  }), /*#__PURE__*/_react.default.createElement("path", {
+    d: "M16 3C8.82 3 3 8.82 3 16a5 5 0 0 0 5 5c7.18 0 13-5.82 13-13a5 5 0 0 0-5-5"
   }), /*#__PURE__*/_react.default.createElement("path", {
-    d: "M16 3C8.82 3 3 8.82 3 16a5 5 0 0 0 5 5c7.18 0 13-5.82 13-13a5 5 0 0 0-5-5M16 3a5 5 0 0 0 5 5"
+    d: "M16 3a5 5 0 0 0 5 5"
   }));
 };
 Sports.defaultProps = {
@@ -73,7 +74,6 @@ Sports.defaultProps = {
   className: "icon icon-tabler icon-tabler-ball-american-football",
   width: "24",
   height: "24",
-  viewBox: "0 0 24 24",
   strokeWidth: "2",
   stroke: "#677489",
   fill: "none",
@@ -92,7 +92,6 @@ Food.defaultProps = {
   className: "icon icon-tabler icon-tabler-pizza",
   width: "24",
   height: "24",
-  viewBox: "0 0 24 24",
   strokeWidth: "2",
   stroke: "#677489",
   fill: "none",
@@ -109,7 +108,6 @@ Travel.defaultProps = {
   className: "icon icon-tabler icon-tabler-plane",
   width: "24",
   height: "24",
-  viewBox: "0 0 24 24",
   strokeWidth: "2",
   stroke: "#677489",
   fill: "none",
@@ -118,7 +116,7 @@ Travel.defaultProps = {
 };
 var Creative = function Creative(props) {
   return /*#__PURE__*/_react.default.createElement("svg", props, /*#__PURE__*/_react.default.createElement("path", {
-    d: "M3 12h1m8-9v1m8 8h1M5.6 5.6l.7.7m12.1-.7l-.7.7M9 16a5 5 0 1 1 6 0 3.5 3.5 0 0 0-1 3 2 2 0 0 1-4 0 3.5 3.5 0 0 0-1-3M9.7 17h4.6"
+    d: "M3 12h1m8-9v1m8 8h1M5.6 5.6l.7.7m12.1-.7-.7.7M9 16a5 5 0 1 1 6 0 3.5 3.5 0 0 0-1 3 2 2 0 0 1-4 0 3.5 3.5 0 0 0-1-3M9.7 17h4.6"
   }));
 };
 Creative.defaultProps = {
@@ -126,7 +124,6 @@ Creative.defaultProps = {
   className: "icon icon-tabler icon-tabler-bulb",
   width: "24",
   height: "24",
-  viewBox: "0 0 24 24",
   strokeWidth: "2",
   stroke: "#677489",
   fill: "none",
@@ -143,7 +140,6 @@ Flags.defaultProps = {
   className: "icon icon-tabler icon-tabler-flag",
   width: "24",
   height: "24",
-  viewBox: "0 0 24 24",
   strokeWidth: "2",
   stroke: "#677489",
   fill: "none",

package/dist/components/UTEmojiPicker/index.js

@@ -61,7 +61,8 @@ const UTEmojiPicker = _ref => {
       className: "".concat(_stylesModule.default.groupItem, " ").concat(classes.groupItem),
       key: key,
       onClick: () => setActiveGroup(isActive ? null : key),
-      role: "button"
+      role: "button",
+      "aria-label": "group"
     }, /*#__PURE__*/_react.default.createElement(Icon, {
       className: isActive ? "".concat(_stylesModule.default.activeIcon, " ").concat(classes.activeIcon) : ''
     }));

package/dist/components/UTEmojiPicker/styles.module.scss

@@ -69,7 +69,7 @@ $icon-size: 40px;
 
 @font-face {
   font-family: NotoColorEmojiLimited;
-  src: url(https://raw.githack.com/googlefonts/noto-emoji/main/fonts/NotoColorEmoji.ttf);
+  src: url('https://raw.githack.com/googlefonts/noto-emoji/main/fonts/NotoColorEmoji.ttf');
   unicode-range: U+1F1E6-1F1FF;
 }
 

package/dist/components/UTFileInput/layout.js

@@ -25,15 +25,16 @@ var uploadIcon = function uploadIcon(props) {
 uploadIcon.defaultProps = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 414.165 414.165",
+  style: {
+    enableBackground: "new 0 0 414.165 414.165"
+  },
+  xmlSpace: "preserve",
   width: "512",
   height: "512"
 };
 class UTFileInput extends _react.PureComponent {
-  constructor() {
-    super(...arguments);
-    _defineProperty(this, "state", {
-      hasDrag: false
-    });
+  constructor(props) {
+    super(props);
     _defineProperty(this, "handleDragLeave", () => this.setState({
       hasDrag: false
     }));
@@ -43,6 +44,9 @@ class UTFileInput extends _react.PureComponent {
     _defineProperty(this, "handleOnDrop", () => this.setState({
       hasDrag: false
     }));
+    this.state = {
+      hasDrag: false
+    };
   }
   render() {
     const {

package/dist/components/UTMenu/styles.module.scss

@@ -1,12 +1,12 @@
 .arrow {
-  position: absolute;
-  transform: translateY(-100%);
-  width: 0; 
-  height: 0; 
+  border-bottom: 7px solid white;
   border-left: 7px solid transparent;
   border-right: 7px solid transparent;
   color: white;
-  border-bottom: 7px solid white;
+  height: 0;
+  position: absolute;
+  transform: translateY(-100%);
+  width: 0;
 }
 
 .scrollBlocker {

package/dist/components/UTModal/constants.js

@@ -10,14 +10,13 @@ var InfoIcon = function InfoIcon(props) {
   return /*#__PURE__*/_react.default.createElement("svg", props, /*#__PURE__*/_react.default.createElement("path", {
     fillRule: "evenodd",
     clipRule: "evenodd",
-    d: "M14 3.333C8.109 3.333 3.333 8.11 3.333 14S8.11 24.667 14 24.667 24.667 19.89 24.667 14 19.89 3.333 14 3.333zM.667 14C.667 6.636 6.637.667 14 .667c7.364 0 13.333 5.97 13.333 13.333 0 7.364-5.97 13.333-13.333 13.333C6.636 27.333.667 21.363.667 14zm12-5.333c0-.737.597-1.334 1.333-1.334h.013a1.333 1.333 0 1 1 0 2.667H14a1.333 1.333 0 0 1-1.333-1.333zM11.333 14c0-.736.597-1.333 1.334-1.333H14c.736 0 1.333.597 1.333 1.333v4a1.333 1.333 0 1 1 0 2.667H14a1.333 1.333 0 0 1-1.333-1.334v-4A1.333 1.333 0 0 1 11.333 14z",
+    d: "M14 3.333C8.109 3.333 3.333 8.11 3.333 14S8.11 24.667 14 24.667 24.667 19.89 24.667 14 19.89 3.333 14 3.333ZM.667 14C.667 6.636 6.637.667 14 .667c7.364 0 13.333 5.97 13.333 13.333 0 7.364-5.97 13.333-13.333 13.333C6.636 27.333.667 21.363.667 14Zm12-5.333c0-.737.597-1.334 1.333-1.334h.013a1.333 1.333 0 1 1 0 2.667H14a1.333 1.333 0 0 1-1.333-1.333ZM11.333 14c0-.736.597-1.333 1.334-1.333H14c.736 0 1.333.597 1.333 1.333v4a1.333 1.333 0 1 1 0 2.667H14a1.333 1.333 0 0 1-1.333-1.334v-4A1.333 1.333 0 0 1 11.333 14Z",
     fill: "#037DB4"
   }));
 };
 InfoIcon.defaultProps = {
   width: "28",
   height: "28",
-  viewBox: "0 0 28 28",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
 };
@@ -25,14 +24,13 @@ var WarningIcon = function WarningIcon(props) {
   return /*#__PURE__*/_react.default.createElement("svg", props, /*#__PURE__*/_react.default.createElement("path", {
     fillRule: "evenodd",
     clipRule: "evenodd",
-    d: "M13.955 3.179a4 4 0 0 1 5.525 1.496l9.46 16.323c.032.054.06.11.083.169a3.999 3.999 0 0 1-3.68 5.5H6.667l-.073-.002a1.358 1.358 0 0 1-.143 0 3.999 3.999 0 0 1-3.5-5.5c.024-.057.051-.113.082-.167l9.46-16.323a4 4 0 0 1 1.462-1.496zM6.593 24.002L6.667 24h18.66a1.332 1.332 0 0 0 1.25-1.76l-9.41-16.238-.014-.023a1.333 1.333 0 0 0-2.333 0l-.013.023-9.412 16.239A1.333 1.333 0 0 0 6.59 24l.004.001zM16 10.667c.736 0 1.333.597 1.333 1.333v2.667a1.333 1.333 0 0 1-2.666 0V12c0-.736.597-1.333 1.333-1.333zm0 8c.736 0 1.333.597 1.333 1.333v.013a1.333 1.333 0 0 1-2.666 0V20c0-.736.597-1.333 1.333-1.333z",
+    d: "M13.955 3.179a4 4 0 0 1 5.525 1.496l9.46 16.323c.032.054.06.11.083.169a3.999 3.999 0 0 1-3.68 5.5H6.667l-.073-.002a1.358 1.358 0 0 1-.143 0 3.999 3.999 0 0 1-3.5-5.5c.024-.057.051-.113.082-.167l9.46-16.323a4 4 0 0 1 1.462-1.496ZM6.593 24.002 6.667 24h18.66a1.332 1.332 0 0 0 1.25-1.76l-9.41-16.238-.014-.023a1.333 1.333 0 0 0-2.333 0l-.013.023-9.412 16.239A1.333 1.333 0 0 0 6.59 24l.004.001ZM16 10.667c.736 0 1.333.597 1.333 1.333v2.667a1.333 1.333 0 0 1-2.666 0V12c0-.736.597-1.333 1.333-1.333Zm0 8c.736 0 1.333.597 1.333 1.333v.013a1.333 1.333 0 0 1-2.666 0V20c0-.736.597-1.333 1.333-1.333Z",
     fill: "#A86600"
   }));
 };
 WarningIcon.defaultProps = {
   width: "32",
   height: "32",
-  viewBox: "0 0 32 32",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
 };
@@ -40,14 +38,13 @@ var SuccessIcon = function SuccessIcon(props) {
   return /*#__PURE__*/_react.default.createElement("svg", props, /*#__PURE__*/_react.default.createElement("path", {
     fillRule: "evenodd",
     clipRule: "evenodd",
-    d: "M16 5.333C10.109 5.333 5.333 10.11 5.333 16S10.11 26.667 16 26.667 26.667 21.89 26.667 16 21.89 5.333 16 5.333zM2.667 16C2.667 8.636 8.637 2.667 16 2.667c7.364 0 13.333 5.97 13.333 13.333 0 7.364-5.97 13.333-13.333 13.333-7.364 0-13.333-5.97-13.333-13.333zm18.276-3.61c.52.521.52 1.365 0 1.886l-5.334 5.334c-.52.52-1.364.52-1.885 0l-2.667-2.667a1.333 1.333 0 1 1 1.886-1.886l1.724 1.724 4.39-4.39c.52-.521 1.365-.521 1.886 0z",
+    d: "M16 5.333C10.109 5.333 5.333 10.11 5.333 16S10.11 26.667 16 26.667 26.667 21.89 26.667 16 21.89 5.333 16 5.333ZM2.667 16C2.667 8.636 8.637 2.667 16 2.667c7.364 0 13.333 5.97 13.333 13.333 0 7.364-5.97 13.333-13.333 13.333-7.364 0-13.333-5.97-13.333-13.333Zm18.276-3.61c.52.521.52 1.365 0 1.886l-5.334 5.334c-.52.52-1.364.52-1.885 0l-2.667-2.667a1.333 1.333 0 1 1 1.886-1.886l1.724 1.724 4.39-4.39c.52-.521 1.365-.521 1.886 0Z",
     fill: "#118460"
   }));
 };
 SuccessIcon.defaultProps = {
   width: "32",
   height: "32",
-  viewBox: "0 0 32 32",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
 };
@@ -55,14 +52,13 @@ var ErrorIcon = function ErrorIcon(props) {
   return /*#__PURE__*/_react.default.createElement("svg", props, /*#__PURE__*/_react.default.createElement("path", {
     fillRule: "evenodd",
     clipRule: "evenodd",
-    d: "M16 5.333C10.109 5.333 5.333 10.11 5.333 16S10.11 26.667 16 26.667 26.667 21.89 26.667 16 21.89 5.333 16 5.333zM2.667 16C2.667 8.636 8.637 2.667 16 2.667c7.364 0 13.333 5.97 13.333 13.333 0 7.364-5.97 13.333-13.333 13.333-7.364 0-13.333-5.97-13.333-13.333zm9.723-3.61c.521-.52 1.365-.52 1.886 0L16 14.114l1.724-1.724a1.333 1.333 0 1 1 1.885 1.886L17.886 16l1.723 1.724a1.333 1.333 0 1 1-1.885 1.886L16 17.886l-1.724 1.724a1.333 1.333 0 1 1-1.886-1.886L14.114 16l-1.724-1.724a1.333 1.333 0 0 1 0-1.886z",
+    d: "M16 5.333C10.109 5.333 5.333 10.11 5.333 16S10.11 26.667 16 26.667 26.667 21.89 26.667 16 21.89 5.333 16 5.333ZM2.667 16C2.667 8.636 8.637 2.667 16 2.667c7.364 0 13.333 5.97 13.333 13.333 0 7.364-5.97 13.333-13.333 13.333-7.364 0-13.333-5.97-13.333-13.333Zm9.723-3.61c.521-.52 1.365-.52 1.886 0L16 14.114l1.724-1.724a1.333 1.333 0 1 1 1.885 1.886L17.886 16l1.723 1.724a1.333 1.333 0 1 1-1.885 1.886L16 17.886l-1.724 1.724a1.333 1.333 0 1 1-1.886-1.886L14.114 16l-1.724-1.724a1.333 1.333 0 0 1 0-1.886Z",
     fill: "#E80C2C"
   }));
 };
 ErrorIcon.defaultProps = {
   width: "32",
   height: "32",
-  viewBox: "0 0 32 32",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
 };

package/dist/components/UTModal/styles.module.scss

@@ -61,9 +61,9 @@ $icon-size: 56px;
   flex-direction: row;
   grid-gap: 16px;
   justify-content: flex-end;
+  padding: 16px 24px;
   padding-left: 24px;
   padding-right: 24px;
-  padding: 16px 24px;
 }
 
 .withSecondaryActions {

package/dist/components/UTPagination/components/Pagination/index.js

@@ -17,14 +17,13 @@ var NavigateBeforeIcon = function NavigateBeforeIcon(props) {
   return /*#__PURE__*/_react.default.createElement("svg", props, /*#__PURE__*/_react.default.createElement("path", {
     fillRule: "evenodd",
     clipRule: "evenodd",
-    d: "M13.362 17a.996.996 0 0 1-.719-.305l-3.863-4a1 1 0 0 1 .013-1.402l4-4a.999.999 0 1 1 1.414 1.414l-3.305 3.305 3.18 3.293a1 1 0 0 1-.72 1.695z",
+    d: "M13.362 17a.996.996 0 0 1-.719-.305l-3.863-4a1 1 0 0 1 .013-1.402l4-4a.999.999 0 1 1 1.414 1.414l-3.305 3.305 3.18 3.293a1 1 0 0 1-.72 1.695Z",
     fill: "#091E42"
   }));
 };
 NavigateBeforeIcon.defaultProps = {
   width: "24",
   height: "24",
-  viewBox: "0 0 24 24",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
 };
@@ -32,41 +31,38 @@ var NavigateNextIcon = function NavigateNextIcon(props) {
   return /*#__PURE__*/_react.default.createElement("svg", props, /*#__PURE__*/_react.default.createElement("path", {
     fillRule: "evenodd",
     clipRule: "evenodd",
-    d: "M10.5 17a.999.999 0 0 1-.707-1.707l3.305-3.305-3.18-3.293a1 1 0 0 1 1.439-1.39l3.862 4a1 1 0 0 1-.012 1.402l-4 4A.997.997 0 0 1 10.5 17z",
+    d: "M10.5 17a.999.999 0 0 1-.707-1.707l3.305-3.305-3.18-3.293a1 1 0 0 1 1.439-1.39l3.862 4a1 1 0 0 1-.012 1.402l-4 4A.997.997 0 0 1 10.5 17Z",
     fill: "#091E42"
   }));
 };
 NavigateNextIcon.defaultProps = {
   width: "24",
   height: "24",
-  viewBox: "0 0 24 24",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
 };
 var NavigateHeaderBeforeIcon = function NavigateHeaderBeforeIcon(props) {
   return /*#__PURE__*/_react.default.createElement("svg", props, /*#__PURE__*/_react.default.createElement("path", {
     fill: "#FFF",
-    d: "M5.232.36a1 1 0 0 1 1.536 1.28L2.292 7.01l4.315 5.363a1 1 0 0 1-1.558 1.254l-4.828-6A1 1 0 0 1 .232 6.36zm7 0a1 1 0 0 1 1.537 1.28L9.293 7.011l4.315 5.362a1 1 0 0 1-1.56 1.254l-4.828-6a1 1 0 0 1 .012-1.267z",
+    d: "M5.232.36a1 1 0 0 1 1.536 1.28L2.292 7.01l4.315 5.363a1 1 0 0 1-1.558 1.254l-4.828-6A1 1 0 0 1 .232 6.36Zm7 0a1 1 0 0 1 1.537 1.28L9.293 7.011l4.315 5.362a1 1 0 0 1-1.56 1.254l-4.828-6a1 1 0 0 1 .012-1.267Z",
     fillRule: "evenodd"
   }));
 };
 NavigateHeaderBeforeIcon.defaultProps = {
   width: "14",
   height: "14",
-  viewBox: "0 0 14 14",
   xmlns: "http://www.w3.org/2000/svg"
 };
 var NavigateHeaderNextIcon = function NavigateHeaderNextIcon(props) {
   return /*#__PURE__*/_react.default.createElement("svg", props, /*#__PURE__*/_react.default.createElement("path", {
     fill: "#FFF",
-    d: "M7.545.221a1 1 0 0 1 1.406.152l4.828 6a1 1 0 0 1-.01 1.267l-5 6a1 1 0 1 1-1.537-1.28l4.476-5.371-4.316-5.362A1 1 0 0 1 7.545.221zm-7 0a1 1 0 0 1 1.406.152l4.828 6a1 1 0 0 1-.01 1.267l-5 6a1 1 0 1 1-1.537-1.28l4.475-5.371L.392 1.627A1 1 0 0 1 .545.221z",
+    d: "M7.545.221a1 1 0 0 1 1.406.152l4.828 6a1 1 0 0 1-.01 1.267l-5 6a1 1 0 1 1-1.537-1.28l4.476-5.371-4.316-5.362A1 1 0 0 1 7.545.221Zm-7 0a1 1 0 0 1 1.406.152l4.828 6a1 1 0 0 1-.01 1.267l-5 6a1 1 0 1 1-1.537-1.28l4.475-5.371L.392 1.627A1 1 0 0 1 .545.221Z",
     fillRule: "evenodd"
   }));
 };
 NavigateHeaderNextIcon.defaultProps = {
   width: "14",
   height: "14",
-  viewBox: "0 0 14 14",
   xmlns: "http://www.w3.org/2000/svg"
 };
 const Pagination = _ref => {

package/dist/components/UTPhoneInput/index.js

@@ -26,19 +26,8 @@ function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key i
 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); }
 class UTPhoneInput extends _react.PureComponent {
-  constructor() {
-    super(...arguments);
-    _defineProperty(this, "state", {
-      areaCode: '',
-      phoneNumber: '',
-      city: null,
-      initialized: false
-    });
-    _defineProperty(this, "componentDidMount", () => {
-      if (this.props.input && this.props.input.value && !this.state.initialized) {
-        this.handleInitializeField();
-      }
-    });
+  constructor(props) {
+    super(props);
     _defineProperty(this, "cleanField", () => this.setState({
       areaCode: '',
       phoneNumber: ''
@@ -162,6 +151,17 @@ class UTPhoneInput extends _react.PureComponent {
       }
       input.onChange(value);
     });
+    this.state = {
+      areaCode: '',
+      phoneNumber: '',
+      city: null,
+      initialized: false
+    };
+  }
+  componentDidMount() {
+    if (this.props.input && this.props.input.value && !this.state.initialized) {
+      this.handleInitializeField();
+    }
   }
   componentDidUpdate(prevProps) {
     if (this.props.input && this.props.input.value && !this.state.areaCode && !this.state.initialized) {

package/dist/components/UTRating/components/Faces/constants.js

@@ -10,14 +10,13 @@ var MoodConfuzed = function MoodConfuzed(props) {
   return /*#__PURE__*/_react.default.createElement("svg", props, /*#__PURE__*/_react.default.createElement("path", {
     fillRule: "evenodd",
     clipRule: "evenodd",
-    d: "M12 4a8 8 0 1 0 0 16 8 8 0 0 0 0-16zM2 12C2 6.477 6.477 2 12 2s10 4.477 10 10-4.477 10-10 10S2 17.523 2 12zm6-2a1 1 0 0 1 1-1h.01a1 1 0 0 1 0 2H9a1 1 0 0 1-1-1zm6 0a1 1 0 0 1 1-1h.01a1 1 0 1 1 0 2H15a1 1 0 0 1-1-1zm1.43 5.498a9 9 0 0 0-5.4 1.35 1 1 0 0 1-1.06-1.695 11 11 0 0 1 6.6-1.65 1 1 0 1 1-.14 1.995z",
+    d: "M12 4a8 8 0 1 0 0 16 8 8 0 0 0 0-16ZM2 12C2 6.477 6.477 2 12 2s10 4.477 10 10-4.477 10-10 10S2 17.523 2 12Zm6-2a1 1 0 0 1 1-1h.01a1 1 0 0 1 0 2H9a1 1 0 0 1-1-1Zm6 0a1 1 0 0 1 1-1h.01a1 1 0 1 1 0 2H15a1 1 0 0 1-1-1Zm1.43 5.498a9 9 0 0 0-5.4 1.35 1 1 0 0 1-1.06-1.695 11 11 0 0 1 6.6-1.65 1 1 0 1 1-.14 1.995Z",
     fill: "#091E42"
   }));
 };
 MoodConfuzed.defaultProps = {
   width: "24",
   height: "24",
-  viewBox: "0 0 24 24",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
 };
@@ -25,14 +24,13 @@ var MoodEmpty = function MoodEmpty(props) {
   return /*#__PURE__*/_react.default.createElement("svg", props, /*#__PURE__*/_react.default.createElement("path", {
     fillRule: "evenodd",
     clipRule: "evenodd",
-    d: "M12 4a8 8 0 1 0 0 16 8 8 0 0 0 0-16zM2 12C2 6.477 6.477 2 12 2s10 4.477 10 10-4.477 10-10 10S2 17.523 2 12zm6-2a1 1 0 0 1 1-1h.01a1 1 0 0 1 0 2H9a1 1 0 0 1-1-1zm6 0a1 1 0 0 1 1-1h.01a1 1 0 1 1 0 2H15a1 1 0 0 1-1-1zm-6 5a1 1 0 0 1 1-1h6a1 1 0 1 1 0 2H9a1 1 0 0 1-1-1z",
+    d: "M12 4a8 8 0 1 0 0 16 8 8 0 0 0 0-16ZM2 12C2 6.477 6.477 2 12 2s10 4.477 10 10-4.477 10-10 10S2 17.523 2 12Zm6-2a1 1 0 0 1 1-1h.01a1 1 0 0 1 0 2H9a1 1 0 0 1-1-1Zm6 0a1 1 0 0 1 1-1h.01a1 1 0 1 1 0 2H15a1 1 0 0 1-1-1Zm-6 5a1 1 0 0 1 1-1h6a1 1 0 1 1 0 2H9a1 1 0 0 1-1-1Z",
     fill: "#091E42"
   }));
 };
 MoodEmpty.defaultProps = {
   width: "24",
   height: "24",
-  viewBox: "0 0 24 24",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
 };
@@ -40,14 +38,13 @@ var MoodHappy = function MoodHappy(props) {
   return /*#__PURE__*/_react.default.createElement("svg", props, /*#__PURE__*/_react.default.createElement("path", {
     fillRule: "evenodd",
     clipRule: "evenodd",
-    d: "M12 4a8 8 0 1 0 0 16 8 8 0 0 0 0-16zM2 12C2 6.477 6.477 2 12 2s10 4.477 10 10-4.477 10-10 10S2 17.523 2 12zm6-3a1 1 0 0 1 1-1h.01a1 1 0 0 1 0 2H9a1 1 0 0 1-1-1zm6 0a1 1 0 0 1 1-1h.01a1 1 0 1 1 0 2H15a1 1 0 0 1-1-1zm-6.707 3.293A1 1 0 0 1 8 12h8a1 1 0 0 1 1 1 5 5 0 1 1-10 0 1 1 0 0 1 .293-.707zM9.172 14a3 3 0 0 0 5.656 0H9.172z",
+    d: "M12 4a8 8 0 1 0 0 16 8 8 0 0 0 0-16ZM2 12C2 6.477 6.477 2 12 2s10 4.477 10 10-4.477 10-10 10S2 17.523 2 12Zm6-3a1 1 0 0 1 1-1h.01a1 1 0 0 1 0 2H9a1 1 0 0 1-1-1Zm6 0a1 1 0 0 1 1-1h.01a1 1 0 1 1 0 2H15a1 1 0 0 1-1-1Zm-6.707 3.293A1 1 0 0 1 8 12h8a1 1 0 0 1 1 1 5 5 0 1 1-10 0 1 1 0 0 1 .293-.707ZM9.172 14a3 3 0 0 0 5.656 0H9.172Z",
     fill: "#091E42"
   }));
 };
 MoodHappy.defaultProps = {
   width: "24",
   height: "24",
-  viewBox: "0 0 24 24",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
 };
@@ -55,14 +52,13 @@ var MoodSad = function MoodSad(props) {
   return /*#__PURE__*/_react.default.createElement("svg", props, /*#__PURE__*/_react.default.createElement("path", {
     fillRule: "evenodd",
     clipRule: "evenodd",
-    d: "M12 4a8 8 0 1 0 0 16 8 8 0 0 0 0-16zM2 12C2 6.477 6.477 2 12 2s10 4.477 10 10-4.477 10-10 10S2 17.523 2 12zm6-2a1 1 0 0 1 1-1h.01a1 1 0 0 1 0 2H9a1 1 0 0 1-1-1zm6 0a1 1 0 0 1 1-1h.01a1 1 0 1 1 0 2H15a1 1 0 0 1-1-1zm-2 5.2a2.5 2.5 0 0 0-1.786.75 1 1 0 0 1-1.428-1.4 4.499 4.499 0 0 1 6.428 0 1 1 0 0 1-1.428 1.4A2.501 2.501 0 0 0 12 15.2z",
+    d: "M12 4a8 8 0 1 0 0 16 8 8 0 0 0 0-16ZM2 12C2 6.477 6.477 2 12 2s10 4.477 10 10-4.477 10-10 10S2 17.523 2 12Zm6-2a1 1 0 0 1 1-1h.01a1 1 0 0 1 0 2H9a1 1 0 0 1-1-1Zm6 0a1 1 0 0 1 1-1h.01a1 1 0 1 1 0 2H15a1 1 0 0 1-1-1Zm-2 5.2a2.5 2.5 0 0 0-1.786.75 1 1 0 0 1-1.428-1.4 4.499 4.499 0 0 1 6.428 0 1 1 0 0 1-1.428 1.4A2.501 2.501 0 0 0 12 15.2Z",
     fill: "#091E42"
   }));
 };
 MoodSad.defaultProps = {
   width: "24",
   height: "24",
-  viewBox: "0 0 24 24",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
 };
@@ -70,14 +66,13 @@ var MoodSmile = function MoodSmile(props) {
   return /*#__PURE__*/_react.default.createElement("svg", props, /*#__PURE__*/_react.default.createElement("path", {
     fillRule: "evenodd",
     clipRule: "evenodd",
-    d: "M12 4a8 8 0 1 0 0 16 8 8 0 0 0 0-16zM2 12C2 6.477 6.477 2 12 2s10 4.477 10 10-4.477 10-10 10S2 17.523 2 12zm6-2a1 1 0 0 1 1-1h.01a1 1 0 0 1 0 2H9a1 1 0 0 1-1-1zm6 0a1 1 0 0 1 1-1h.01a1 1 0 1 1 0 2H15a1 1 0 0 1-1-1zm-5.2 4.286a1 1 0 0 1 1.414.014 2.5 2.5 0 0 0 3.572 0 1 1 0 0 1 1.428 1.4 4.5 4.5 0 0 1-6.428 0 1 1 0 0 1 .014-1.414z",
+    d: "M12 4a8 8 0 1 0 0 16 8 8 0 0 0 0-16ZM2 12C2 6.477 6.477 2 12 2s10 4.477 10 10-4.477 10-10 10S2 17.523 2 12Zm6-2a1 1 0 0 1 1-1h.01a1 1 0 0 1 0 2H9a1 1 0 0 1-1-1Zm6 0a1 1 0 0 1 1-1h.01a1 1 0 1 1 0 2H15a1 1 0 0 1-1-1Zm-5.2 4.286a1 1 0 0 1 1.414.014 2.5 2.5 0 0 0 3.572 0 1 1 0 0 1 1.428 1.4 4.5 4.5 0 0 1-6.428 0 1 1 0 0 1 .014-1.414Z",
     fill: "#091E42"
   }));
 };
 MoodSmile.defaultProps = {
   width: "24",
   height: "24",
-  viewBox: "0 0 24 24",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
 };

package/dist/components/UTStatus/theme.js

@@ -11,14 +11,13 @@ var ErrorIcon = function ErrorIcon(props) {
   return /*#__PURE__*/_react.default.createElement("svg", props, /*#__PURE__*/_react.default.createElement("path", {
     fillRule: "evenodd",
     clipRule: "evenodd",
-    d: "M4.41 4.41a.833.833 0 0 1 1.18 0L10 8.823l4.41-4.411a.833.833 0 1 1 1.18 1.178L11.177 10l4.411 4.41a.833.833 0 0 1-1.178 1.18L10 11.178l-4.41 4.41a.833.833 0 1 1-1.18-1.178L8.823 10 4.41 5.588a.833.833 0 0 1 0-1.178z",
+    d: "M4.41 4.41a.833.833 0 0 1 1.18 0L10 8.823l4.41-4.411a.833.833 0 1 1 1.18 1.178L11.177 10l4.411 4.41a.833.833 0 0 1-1.178 1.18L10 11.178l-4.41 4.41a.833.833 0 1 1-1.18-1.178L8.823 10 4.41 5.588a.833.833 0 0 1 0-1.178Z",
     fill: "#091E42"
   }));
 };
 ErrorIcon.defaultProps = {
   width: "20",
   height: "20",
-  viewBox: "0 0 20 20",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
 };
@@ -26,14 +25,13 @@ var InfoIcon = function InfoIcon(props) {
   return /*#__PURE__*/_react.default.createElement("svg", props, /*#__PURE__*/_react.default.createElement("path", {
     fillRule: "evenodd",
     clipRule: "evenodd",
-    d: "M10 3.333a6.667 6.667 0 1 0 0 13.334 6.667 6.667 0 0 0 0-13.334zM1.667 10a8.333 8.333 0 1 1 16.666 0 8.333 8.333 0 0 1-16.666 0zm7.5-3.333c0-.46.373-.834.833-.834h.008a.833.833 0 0 1 0 1.667H10a.833.833 0 0 1-.833-.833zM8.333 10c0-.46.373-.833.834-.833H10c.46 0 .833.373.833.833v2.5a.833.833 0 0 1 0 1.667H10a.833.833 0 0 1-.833-.834v-2.5A.833.833 0 0 1 8.333 10z",
+    d: "M10 3.333a6.667 6.667 0 1 0 0 13.334 6.667 6.667 0 0 0 0-13.334ZM1.667 10a8.333 8.333 0 1 1 16.666 0 8.333 8.333 0 0 1-16.666 0Zm7.5-3.333c0-.46.373-.834.833-.834h.008a.833.833 0 0 1 0 1.667H10a.833.833 0 0 1-.833-.833ZM8.333 10c0-.46.373-.833.834-.833H10c.46 0 .833.373.833.833v2.5a.833.833 0 0 1 0 1.667H10a.833.833 0 0 1-.833-.834v-2.5A.833.833 0 0 1 8.333 10Z",
     fill: "#091E42"
   }));
 };
 InfoIcon.defaultProps = {
   width: "20",
   height: "20",
-  viewBox: "0 0 20 20",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
 };
@@ -41,14 +39,13 @@ var SuccessIcon = function SuccessIcon(props) {
   return /*#__PURE__*/_react.default.createElement("svg", props, /*#__PURE__*/_react.default.createElement("path", {
     fillRule: "evenodd",
     clipRule: "evenodd",
-    d: "M17.256 5.244a.833.833 0 0 1 0 1.179l-8.333 8.333a.833.833 0 0 1-1.179 0l-4.167-4.167a.833.833 0 0 1 1.179-1.178l3.577 3.577 7.744-7.744a.833.833 0 0 1 1.179 0z",
+    d: "M17.256 5.244a.833.833 0 0 1 0 1.179l-8.333 8.333a.833.833 0 0 1-1.179 0l-4.167-4.167a.833.833 0 0 1 1.179-1.178l3.577 3.577 7.744-7.744a.833.833 0 0 1 1.179 0Z",
     fill: "#091E42"
   }));
 };
 SuccessIcon.defaultProps = {
   width: "20",
   height: "20",
-  viewBox: "0 0 20 20",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
 };
@@ -56,14 +53,13 @@ var UnassignedIcon = function UnassignedIcon(props) {
   return /*#__PURE__*/_react.default.createElement("svg", props, /*#__PURE__*/_react.default.createElement("path", {
     fillRule: "evenodd",
     clipRule: "evenodd",
-    d: "M4.167 4.167a.833.833 0 1 0 0 1.666h11.666a.833.833 0 0 0 0-1.666H4.167zM1.667 5a2.5 2.5 0 0 1 2.5-2.5h11.666a2.5 2.5 0 0 1 .834 4.858V15a2.5 2.5 0 0 1-2.5 2.5H5.833a2.5 2.5 0 0 1-2.5-2.5V7.358A2.501 2.501 0 0 1 1.667 5zM5 7.5V15a.833.833 0 0 0 .833.833h8.334A.833.833 0 0 0 15 15V7.5H5zM7.5 10c0-.46.373-.833.833-.833h3.334a.833.833 0 0 1 0 1.666H8.333A.833.833 0 0 1 7.5 10z",
+    d: "M4.167 4.167a.833.833 0 1 0 0 1.666h11.666a.833.833 0 0 0 0-1.666H4.167ZM1.667 5a2.5 2.5 0 0 1 2.5-2.5h11.666a2.5 2.5 0 0 1 .834 4.858V15a2.5 2.5 0 0 1-2.5 2.5H5.833a2.5 2.5 0 0 1-2.5-2.5V7.358A2.501 2.501 0 0 1 1.667 5ZM5 7.5V15a.833.833 0 0 0 .833.833h8.334A.833.833 0 0 0 15 15V7.5H5ZM7.5 10c0-.46.373-.833.833-.833h3.334a.833.833 0 0 1 0 1.666H8.333A.833.833 0 0 1 7.5 10Z",
     fill: "#091E42"
   }));
 };
 UnassignedIcon.defaultProps = {
   width: "20",
   height: "20",
-  viewBox: "0 0 20 20",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
 };
@@ -71,14 +67,13 @@ var WarningIcon = function WarningIcon(props) {
   return /*#__PURE__*/_react.default.createElement("svg", props, /*#__PURE__*/_react.default.createElement("path", {
     fillRule: "evenodd",
     clipRule: "evenodd",
-    d: "M8.722 1.987a2.5 2.5 0 0 1 3.453.935l5.913 10.202c.02.034.037.069.051.105a2.5 2.5 0 0 1-2.3 3.438H4.167c-.016 0-.03 0-.046-.002a.855.855 0 0 1-.089 0 2.499 2.499 0 0 1-2.187-3.437.83.83 0 0 1 .05-.104L7.81 2.922a2.5 2.5 0 0 1 .913-.935zM4.121 15L4.167 15H15.83a.833.833 0 0 0 .781-1.1L10.73 3.75l-.008-.014a.833.833 0 0 0-1.458 0l-.009.014-5.882 10.15a.833.833 0 0 0 .746 1.1h.003zM10 6.667c.46 0 .833.373.833.833v1.667a.833.833 0 0 1-1.666 0V7.5c0-.46.373-.833.833-.833zm0 5c.46 0 .833.373.833.833v.008a.833.833 0 0 1-1.666 0V12.5c0-.46.373-.833.833-.833z",
+    d: "M8.722 1.987a2.5 2.5 0 0 1 3.453.935l5.913 10.202c.02.034.037.069.051.105a2.5 2.5 0 0 1-2.3 3.438H4.167c-.016 0-.03 0-.046-.002a.855.855 0 0 1-.089 0 2.499 2.499 0 0 1-2.187-3.437.83.83 0 0 1 .05-.104L7.81 2.922a2.5 2.5 0 0 1 .913-.935ZM4.121 15 4.167 15H15.83a.833.833 0 0 0 .781-1.1L10.73 3.75l-.008-.014a.833.833 0 0 0-1.458 0l-.009.014-5.882 10.15a.833.833 0 0 0 .746 1.1h.003ZM10 6.667c.46 0 .833.373.833.833v1.667a.833.833 0 0 1-1.666 0V7.5c0-.46.373-.833.833-.833Zm0 5c.46 0 .833.373.833.833v.008a.833.833 0 0 1-1.666 0V12.5c0-.46.373-.833.833-.833Z",
     fill: "#091E42"
   }));
 };
 WarningIcon.defaultProps = {
   width: "20",
   height: "20",
-  viewBox: "0 0 20 20",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
 };

package/dist/components/UTTable/components/TableFooter/components/Pagination/index.js

@@ -23,7 +23,6 @@ var NavigateBeforeIcon = function NavigateBeforeIcon(props) {
 NavigateBeforeIcon.defaultProps = {
   width: "7",
   height: "14",
-  viewBox: "0 0 7 14",
   xmlns: "http://www.w3.org/2000/svg"
 };
 var NavigateNextIcon = function NavigateNextIcon(props) {
@@ -36,33 +35,30 @@ var NavigateNextIcon = function NavigateNextIcon(props) {
 NavigateNextIcon.defaultProps = {
   width: "7",
   height: "14",
-  viewBox: "0 0 7 14",
   xmlns: "http://www.w3.org/2000/svg"
 };
 var NavigateHeaderBeforeIcon = function NavigateHeaderBeforeIcon(props) {
   return /*#__PURE__*/_react.default.createElement("svg", props, /*#__PURE__*/_react.default.createElement("path", {
     fill: "#FFF",
-    d: "M5.232.36a1 1 0 0 1 1.536 1.28L2.292 7.01l4.315 5.363a1 1 0 0 1-1.558 1.254l-4.828-6A1 1 0 0 1 .232 6.36zm7 0a1 1 0 0 1 1.537 1.28L9.293 7.011l4.315 5.362a1 1 0 0 1-1.56 1.254l-4.828-6a1 1 0 0 1 .012-1.267z",
+    d: "M5.232.36a1 1 0 0 1 1.536 1.28L2.292 7.01l4.315 5.363a1 1 0 0 1-1.558 1.254l-4.828-6A1 1 0 0 1 .232 6.36Zm7 0a1 1 0 0 1 1.537 1.28L9.293 7.011l4.315 5.362a1 1 0 0 1-1.56 1.254l-4.828-6a1 1 0 0 1 .012-1.267Z",
     fillRule: "evenodd"
   }));
 };
 NavigateHeaderBeforeIcon.defaultProps = {
   width: "14",
   height: "14",
-  viewBox: "0 0 14 14",
   xmlns: "http://www.w3.org/2000/svg"
 };
 var NavigateHeaderNextIcon = function NavigateHeaderNextIcon(props) {
   return /*#__PURE__*/_react.default.createElement("svg", props, /*#__PURE__*/_react.default.createElement("path", {
     fill: "#FFF",
-    d: "M7.545.221a1 1 0 0 1 1.406.152l4.828 6a1 1 0 0 1-.01 1.267l-5 6a1 1 0 1 1-1.537-1.28l4.476-5.371-4.316-5.362A1 1 0 0 1 7.545.221zm-7 0a1 1 0 0 1 1.406.152l4.828 6a1 1 0 0 1-.01 1.267l-5 6a1 1 0 1 1-1.537-1.28l4.475-5.371L.392 1.627A1 1 0 0 1 .545.221z",
+    d: "M7.545.221a1 1 0 0 1 1.406.152l4.828 6a1 1 0 0 1-.01 1.267l-5 6a1 1 0 1 1-1.537-1.28l4.476-5.371-4.316-5.362A1 1 0 0 1 7.545.221Zm-7 0a1 1 0 0 1 1.406.152l4.828 6a1 1 0 0 1-.01 1.267l-5 6a1 1 0 1 1-1.537-1.28l4.475-5.371L.392 1.627A1 1 0 0 1 .545.221Z",
     fillRule: "evenodd"
   }));
 };
 NavigateHeaderNextIcon.defaultProps = {
   width: "14",
   height: "14",
-  viewBox: "0 0 14 14",
   xmlns: "http://www.w3.org/2000/svg"
 };
 const Pagination = _ref => {

package/dist/components/UTTable/components/TableHeader/index.js

@@ -23,7 +23,6 @@ var RefreshIcon = function RefreshIcon(props) {
 RefreshIcon.defaultProps = {
   width: "18",
   height: "18",
-  viewBox: "0 0 18 18",
   xmlns: "http://www.w3.org/2000/svg"
 };
 const TableHeader = _ref => {

package/dist/components/UTTable/components/TableRow/index.js

@@ -55,7 +55,7 @@ const TableRow = _ref => {
   } = columnsDefinition;
   const SelectionComponent = exclusiveSelection ? _Radio.default : _Checkbox.default;
   const selectableCellStyles = isResponsive ? "".concat(_stylesModule.default.secondaryActionsContainer, "\n      ").concat(cellProps.classes.responsiveCell, "\n      ").concat(selectable || !(0, _array.isEmpty)(secondaryActions) ? cellProps.classes.responsiveRowTopBorder : _stylesModule.default.hidden) : "\n\t".concat(_stylesModule.default.fixedRowLeft, "\n\t").concat(fixedRowsLeftClassName, "\n\t").concat((removeFixedRowsDivisors || (0, _array.isEmpty)(fixedLeftColumns)) && _stylesModule.default.disableBorderRight, "\n\t").concat(!selectable && (0, _array.isEmpty)(fixedLeftColumns) && _stylesModule.default.cleanFixedColumns, "\n");
-  return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement(_UTTouchableWithoutFeedback.default, {
+  return /*#__PURE__*/_react.default.createElement(_UTTouchableWithoutFeedback.default, {
     onClick: handleRowClick,
     className: "\n          ".concat(_stylesModule.default.row, "\n          ").concat((!handleRowClick || isResponsive) && _stylesModule.default.noClick, "\n          ").concat(isResponsive && cellProps.classes.responsiveRow, "\n          ").concat(className, "\n        "),
     style: containerStyle
@@ -131,7 +131,7 @@ const TableRow = _ref => {
     column: column,
     columnSizes: columnSizes,
     align: _constants.COLUMN_POSITION.RIGHT
-  }, cellProps))))));
+  }, cellProps)))));
 };
 TableRow.propTypes = {
   CellComponent: _propTypes.elementType,

package/dist/components/UTTextInput/index.js

@@ -33,16 +33,16 @@ const preventDefault = event => {
   }
 };
 class UTTextInput extends _react.PureComponent {
-  constructor() {
-    super(...arguments);
-    _defineProperty(this, "state", {
-      visible: false
-    });
+  constructor(props) {
+    super(props);
     _defineProperty(this, "handleClickShowPassword", () => {
       this.setState(prevState => ({
         visible: !prevState.visible
       }));
     });
+    this.state = {
+      visible: false
+    };
   }
   render() {
     const {

package/dist/components/UTTopbar/components/UserMenu/index.js

@@ -7,9 +7,9 @@ exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _propTypes = require("prop-types");
 var _ExpandMore = _interopRequireDefault(require("@material-ui/icons/ExpandMore"));
+var _UTTouchableWithoutFeedback = _interopRequireDefault(require("../../../UTTouchableWithoutFeedback"));
+var _UTLabel = _interopRequireDefault(require("../../../UTLabel"));
 var _types = require("../../types.js");
-var _index = _interopRequireDefault(require("../../../UTTouchableWithoutFeedback/index.js"));
-var _index2 = _interopRequireDefault(require("../../../UTLabel/index.js"));
 var _stylesModule = _interopRequireDefault(require("./styles.module.scss"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
@@ -26,14 +26,14 @@ const UserMenu = _ref => {
     subtitle,
     title
   } = _ref;
-  return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement(_index.default, {
+  return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement(_UTTouchableWithoutFeedback.default, {
     onClick: handleClick,
     className: "".concat(justAvatar ? _stylesModule.default.justAvatarUserMenu : _stylesModule.default.userMenu, " ").concat(classes.userMenu, " ").concat(!handleClick && _stylesModule.default.disableMenu)
   }, /*#__PURE__*/_react.default.createElement("span", {
     className: "".concat(_stylesModule.default.userMenuAvatar, " ").concat(classes.userMenuAvatar)
   }, avatar), !justAvatar && /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("div", {
     className: _stylesModule.default.labelWithArrow
-  }, /*#__PURE__*/_react.default.createElement(_index2.default, {
+  }, /*#__PURE__*/_react.default.createElement(_UTLabel.default, {
     className: "".concat(classes.userMenuTitle, " ").concat(_stylesModule.default.userMenuTitle),
     withMarkdown: true
   }, title), handleClick && MenuComponent && /*#__PURE__*/_react.default.createElement(Arrow, {

package/dist/components/UTTopbar/components/UserMenu/styles.module.scss

@@ -5,7 +5,7 @@
 }
 
 .userMenu {
-@extend %userMenu;
+  @extend %userMenu;
   min-width: 160px;
 }
 

package/dist/components/UTTouchableWithoutFeedback/index.js

@@ -12,7 +12,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 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 UTTouchableWithoutFeedback(_ref) {
+const UTTouchableWithoutFeedback = _ref => {
   let {
     children,
     className,
@@ -37,7 +37,7 @@ function UTTouchableWithoutFeedback(_ref) {
     elem: buttonRef,
     withRipple: withRipple
   }));
-}
+};
 UTTouchableWithoutFeedback.propTypes = {
   onClick: _propTypes.func,
   containerSetter: _propTypes.func,

package/dist/components/UTWorkflowContainer/components/ActionButton/index.js

@@ -22,9 +22,9 @@ const ActionButton = _ref => {
     isHidden,
     buttonProps
   } = _ref;
-  return /*#__PURE__*/(0, _react.isValidElement)(button) ? /*#__PURE__*/(0, _react.cloneElement)(button, {
+  return /*#__PURE__*/(0, _react.isValidElement)(button) ? ( /*#__PURE__*/(0, _react.cloneElement)(button, {
     className: "".concat(button.props.className, " ").concat(isHidden && _stylesModule.default.hiddenButton)
-  }) : /*#__PURE__*/_react.default.createElement(_UTButton.default, _extends({
+  })) : /*#__PURE__*/_react.default.createElement(_UTButton.default, _extends({
     disabled: button.disabled,
     hideTextOnResponsive: true,
     onClick: button.onClick

package/dist/components/WithLoading/index.js

@@ -7,7 +7,7 @@ exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _Loading = _interopRequireDefault(require("../Loading"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-const WithLoading = (shouldLoad, text, className, size, thickness, textClassName) => WrappedComponent => function PropsProxy(props) {
+const WithLoading = (shouldLoad, text, className, size, thickness, textClassName) => WrappedComponent => props => {
   return shouldLoad(props) ? /*#__PURE__*/_react.default.createElement(_Loading.default, {
     text: text,
     className: className,

package/dist/components/WithTouch/index.js

@@ -9,7 +9,7 @@ var _propTypes = require("prop-types");
 var _UTTouchableWithoutFeedback = _interopRequireDefault(require("../UTTouchableWithoutFeedback"));
 var _stylesModule = _interopRequireDefault(require("./styles.module.scss"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-const WithTouch = onClick => WrappedComponent => function PropsProxy(props) {
+const WithTouch = onClick => WrappedComponent => props => {
   const handleClick = () => onClick(props);
   return onClick ? /*#__PURE__*/_react.default.createElement(_UTTouchableWithoutFeedback.default, {
     onClick: handleClick

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@widergy/energy-ui",
-  "version": "2.11.0",
+  "version": "3.0.1",
   "description": "Widergy Web Components",
   "author": "widergy",
   "license": "MIT",
@@ -11,8 +11,8 @@
     "dist"
   ],
   "scripts": {
-    "start": "react-scripts --openssl-legacy-provider start",
-    "build-examples": "react-scripts build",
+    "start": "cross-env GENERATE_SOURCEMAP=false react-scripts --openssl-legacy-provider start",
+    "build-examples": "cross-env GENERATE_SOURCEMAP=false react-scripts --openssl-legacy-provider build",
     "lint": "./node_modules/eslint/bin/eslint.js src",
     "test": "react-scripts test --env=jsdom",
     "eject": "react-scripts eject",
@@ -30,26 +30,26 @@
     "@material-ui/pickers": "^3.3.10",
     "@tippy.js/react": "^3.0.0",
     "@trainline/react-skeletor": "^1.0.2",
-    "@widergy/energy-hooks": "^1.0.4",
-    "@widergy/web-utils": "^1.0.0",
-    "autoprefixer": "^9.5.0",
-    "babel-plugin-inline-react-svg": "^1.1.0",
+    "@widergy/energy-hooks": "^2.0.0",
+    "@widergy/web-utils": "^2.0.0",
+    "autoprefixer": "^10.4.15",
+    "babel-plugin-inline-react-svg": "^2.0.2",
     "babel-plugin-named-asset-import": "^0.3.2",
     "d3": "^7.0.1",
     "dayjs": "^1.10.7",
-    "emojilib": "3.0.5",
-    "node-sass": "^8.0.0",
+    "emojilib": "^3.0.10",
     "numeral": "^2.0.6",
     "object-hash": "^3.0.0",
     "react-google-maps": ">=9.2.2",
-    "react-google-recaptcha": "^1.0.1",
+    "react-google-recaptcha": "^3.1.0",
     "react-jss": "^8.6.1",
-    "react-markdown": "^7.1.0",
+    "react-markdown": "^8.0.7",
     "react-perfect-scrollbar": "^1.5.3",
     "react-transition-group": "^4.2.2",
     "react-window": "^1.8.5",
     "rehype-raw": "^6.1.0",
     "remark-breaks": "^3.0.2",
+    "node-sass": "^8.0.0",
     "sass-loader": "^10.0.5",
     "seamless-immutable": "^7.1.4"
   },
@@ -57,75 +57,34 @@
     "@babel/cli": "^7.2.3",
     "@babel/core": "^7.3.4",
     "@babel/plugin-proposal-class-properties": "^7.4.0",
+    "@babel/plugin-proposal-private-property-in-object": "^7.21.11",
     "@babel/preset-env": "^7.3.4",
     "@babel/preset-react": "^7.0.0",
-    "@commitlint/cli": "^8.2.0",
-    "@commitlint/config-conventional": "^8.2.0",
-    "@semantic-release/changelog": "^3.0.6",
-    "@semantic-release/git": "^7.0.18",
-    "babel-preset-react-app": "^7.0.2",
-    "cross-env": "^5.1.4",
-    "eslint-config-airbnb": "^17.1.0",
-    "eslint-config-prettier": "^3.3.0",
-    "eslint-plugin-flowtype": "^2.39.1",
+    "@commitlint/cli": "^17.7.1",
+    "@commitlint/config-conventional": "^17.7.0",
+    "@widergy/semantic-release-package-config": "^1.0.0",
+    "babel-preset-react-app": "^10.0.1",
+    "cross-env": "^7.0.3",
+    "eslint-config-airbnb": "^19.0.4",
+    "eslint-config-prettier": "^9.0.0",
+    "eslint-plugin-flowtype": "^8.0.3",
     "eslint-plugin-import": "^2.14.0",
     "eslint-plugin-jsx-a11y": "^6.1.1",
-    "eslint-plugin-prettier": "^3.0.0",
+    "eslint-plugin-prettier": "^5.0.0",
     "eslint-plugin-react": "^7.11.0",
-    "gh-pages": "^1.2.0",
-    "husky": "^4.0.0-beta.5",
-    "prettier": "^1.7.4",
-    "prettier-eslint": "^8.2.1",
+    "gh-pages": "^6.0.0",
+    "husky": "^8.0.0",
+    "prettier": "^3.0.3",
+    "prettier-eslint": "^15.0.1",
     "prop-types": ">=15.5.10",
-    "react": "^16.4.0",
-    "react-dom": "^16.4.0",
-    "react-scripts": "^4.0.0",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "react-scripts": "^4.0.3",
     "sass-lint": "^1.12.1",
     "semantic-release": "^15.13.31"
   },
-  "husky": {
-    "hooks": {
-      "pre-commit": "node branch-name-hook",
-      "commit-msg": "commitlint -E  HUSKY_GIT_PARAMS"
-    }
-  },
   "release": {
-    "plugins": [
-      "@semantic-release/commit-analyzer",
-      "@semantic-release/release-notes-generator",
-      [
-        "@semantic-release/changelog",
-        {
-          "changelogFile": "./CHANGELOG.md"
-        }
-      ],
-      "@semantic-release/npm",
-      [
-        "@semantic-release/git",
-        {
-          "assets": [
-            "./CHANGELOG.md",
-            "package.json"
-          ]
-        }
-      ],
-      "@semantic-release/github"
-    ]
-  },
-  "commitlint": {
-    "extends": [
-      "@commitlint/config-conventional"
-    ],
-    "rules": {
-      "subject-case": [
-        2,
-        "never",
-        [
-          "start-case",
-          "pascal-case"
-        ]
-      ]
-    }
+    "extends": "@widergy/semantic-release-package-config"
   },
   "resolutions": {
     "@babel/preset-env": "^7.8.7"