@widergy/energy-ui 3.0.0 → 3.1.0

package/CHANGELOG.md

@@ -1,3 +1,17 @@
+# [3.1.0](https://github.com/widergy/energy-ui/compare/v3.0.1...v3.1.0) (2023-11-28)
+
+
+### Features
+
+* added optional callback + id to breadcrumbs ([#376](https://github.com/widergy/energy-ui/issues/376)) ([8affe4d](https://github.com/widergy/energy-ui/commit/8affe4d138f7d1f6ffc6e3c4603487d1d739ca5d))
+
+## [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)
 
 

package/dist/components/UTBreadcrumbs/index.js

@@ -30,6 +30,7 @@ const UTBreadcrumbs = _ref => {
     firstItemOverflow = false,
     menuProps = {},
     onRedirect,
+    onSetAction,
     separator = _constants.DEFAULT_SEPARATOR
   } = _ref;
   const classes = (0, _react.useMemo)(() => (0, _classesUtils.mergeClasses)(themeClasses, classNames), [classNames]);
@@ -94,6 +95,18 @@ const UTBreadcrumbs = _ref => {
     anchor: null,
     items: []
   });
+  const handleClickOptions = (options, route, id) => {
+    const indexOfCurrentBreadcrumb = breadcrumbs.findIndex(breadcrumb => breadcrumb.id === id);
+    if (indexOfCurrentBreadcrumb !== breadcrumbs.length - 1) {
+      if (options.setAction) {
+        onSetAction(options.setAction, options.params);
+      }
+      if (options.updatedBreadcrumbs) {
+        options.updatedBreadcrumbs(breadcrumbs.slice(0, indexOfCurrentBreadcrumb + 1));
+      }
+      onRedirect(route);
+    }
+  };
   return /*#__PURE__*/_react.default.createElement("div", {
     className: _stylesModule.default.breadcrumbs,
     ref: containerRef
@@ -103,26 +116,30 @@ const UTBreadcrumbs = _ref => {
       itemClassName,
       label,
       menuItems,
-      route
+      route,
+      options = {},
+      id = crypto.randomUUID()
     } = _ref3;
     const handleClick = event => {
       if (menuItems) setMenu({
         anchor: event.currentTarget,
-        items: [...menuItems].map(_ref4 => {
+        items: menuItems.map(_ref4 => {
           let {
             label: menuItemLabel,
-            route: menuItemRoute
+            route: menuItemRoute,
+            options: menuItemOptions,
+            id: menuItemId
           } = _ref4;
           return {
             label: menuItemLabel,
             onClick: () => {
               setContent(breadcrumbs);
               handleCloseMenu();
-              onRedirect(menuItemRoute);
+              handleClickOptions(menuItemOptions, menuItemRoute, menuItemId);
             }
           };
         })
-      });else onRedirect(route);
+      });else handleClickOptions(options, route, id);
     };
     const isLast = index === content.length - 1;
     const overflowControl = index === 0 && firstItemOverflow;
@@ -166,6 +183,7 @@ UTBreadcrumbs.propTypes = {
   elipsisWidthEstimate: _propTypes.number,
   firstItemOverflow: _propTypes.bool,
   onRedirect: _propTypes.func,
+  onSetAction: _propTypes.func,
   menuProps: _propTypes.object,
   separator: _propTypes.string
 };

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

@@ -21,24 +21,6 @@ function _toPrimitive(input, hint) { if (typeof input !== "object" || input ===
 class SliderContainer extends _react.PureComponent {
   constructor(props) {
     super(props);
-    _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, "updateImgArray", () => {
       const firstSlide = this.props.slides[0];
       const lastSlide = this.props.slides[this.props.slides.length - 1];
@@ -173,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 +178,28 @@ class SliderContainer extends _react.PureComponent {
     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/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/package.json

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