@widergy/energy-ui 1.110.2 → 1.112.2

package/CHANGELOG.md

@@ -1,3 +1,31 @@
+## [1.112.2](https://github.com/widergy/energy-ui/compare/v1.112.1...v1.112.2) (2022-02-21)
+
+
+### Bug Fixes
+
+* uttable resize observer loop limit ([#265](https://github.com/widergy/energy-ui/issues/265)) ([2531524](https://github.com/widergy/energy-ui/commit/2531524f619290e17b7e0b6d9d0b8f4c1db0d0d3))
+
+## [1.112.1](https://github.com/widergy/energy-ui/compare/v1.112.0...v1.112.1) (2022-02-21)
+
+
+### Bug Fixes
+
+* mergin UTMenu useEffect's ([#260](https://github.com/widergy/energy-ui/issues/260)) ([852a727](https://github.com/widergy/energy-ui/commit/852a7277c1bff1195e0a17aa849d07ae00a5c9e1))
+
+# [1.112.0](https://github.com/widergy/energy-ui/compare/v1.111.0...v1.112.0) (2022-02-16)
+
+
+### Features
+
+* added flag type cell ([#263](https://github.com/widergy/energy-ui/issues/263)) ([3820844](https://github.com/widergy/energy-ui/commit/382084441d4521819eb88123eea11ae95100efc1))
+
+# [1.111.0](https://github.com/widergy/energy-ui/compare/v1.110.2...v1.111.0) (2022-02-15)
+
+
+### Features
+
+* skip step ([#262](https://github.com/widergy/energy-ui/issues/262)) ([689a6f5](https://github.com/widergy/energy-ui/commit/689a6f589cd186217937bf19f9340ccbdd720bca))
+
 ## [1.110.2](https://github.com/widergy/energy-ui/compare/v1.110.1...v1.110.2) (2022-02-11)
 
 

package/dist/components/UTMenu/index.js

@@ -95,13 +95,6 @@ var UTMenu = function UTMenu(_ref) {
   var classes = (0, _react.useMemo)(function () {
     return (0, _classesUtils.mergeClasses)(themeClasses, classNames);
   }, [classNames]);
-  (0, _react.useEffect)(function () {
-    if (lockScreenEnabled && anchor) (0, _utils.lockScreen)(blockerRef, true);
-    return function () {
-      document.body.style.overflow = 'unset';
-      return lockScreenEnabled && (0, _utils.lockScreen)(blockerRef, false);
-    };
-  }, [anchor]);
 
   var _useState = (0, _react.useState)(null),
       _useState2 = _slicedToArray(_useState, 2),
@@ -116,7 +109,11 @@ var UTMenu = function UTMenu(_ref) {
   (0, _react.useEffect)(function () {
     var shouldOpen = anchor && (items === null || items === void 0 ? void 0 : items.length) > 0;
     handleOpenState(shouldOpen);
-    if (shouldOpen) document.body.style.overflow = 'hidden';
+    if (lockScreenEnabled && anchor) (0, _utils.lockScreen)(blockerRef, true);
+    return function () {
+      document.body.style.overflow = 'unset';
+      return lockScreenEnabled && (0, _utils.lockScreen)(blockerRef, false);
+    };
   }, [anchor, items]);
   var popperModifiers = Object.assign({
     arrow: {

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

@@ -53,10 +53,10 @@ var Cell = function Cell(_ref) {
     rowData: rowData,
     classes: classes
   }) : column.type === _constants.CELL_TYPES.STATUS ? /*#__PURE__*/_react.default.createElement(_Status.default, {
+    classes: classes,
     definition: column.status,
-    value: rowData[column.key],
     label: rowData[column.labelKey],
-    classes: classes
+    value: rowData[column.key]
   }) : /*#__PURE__*/_react.default.createElement("span", null, rowData[column.key] || defaultNullValue));
 };
 

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

@@ -52,10 +52,10 @@ var ResponsiveCell = function ResponsiveCell(_ref) {
   }, column.name), /*#__PURE__*/_react.default.createElement("span", {
     className: "".concat(_stylesModule.default.unit, " ").concat(classes.headerCellUnit)
   }, " ", column.unit, " ")), column.cellRenderer ? column.cellRenderer(rowData[column.key], rowData) : column.type === _constants.CELL_TYPES.STATUS ? /*#__PURE__*/_react.default.createElement(_Status.default, {
+    classes: classes,
     definition: column.status,
-    value: rowData[column.key],
     label: rowData[column.labelKey],
-    classes: classes
+    value: rowData[column.key]
   }) : typeof rowData[column.key] !== 'string' ? rowData[column.key] : /*#__PURE__*/_react.default.createElement("span", null, rowData[column.key] || defaultNullValue)));
 };
 

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

@@ -25,8 +25,9 @@ var Status = function Status(_ref) {
   var definition = _ref.definition,
       label = _ref.label,
       value = _ref.value;
-  var currentDefinition = value && definition.find(function (el) {
-    return el.value && (0, _string.stringCompare)(el.value, value);
+  var isBool = typeof value === 'boolean';
+  var currentDefinition = (isBool || value) && definition.find(function (el) {
+    return isBool ? el.value === value : el.value && (0, _string.stringCompare)(el.value, value);
   });
 
   var _ref2 = currentDefinition || {},

package/dist/components/UTTable/components/Status/styles.module.scss

@@ -4,7 +4,6 @@
   font-weight: 500;
   padding: 4px 12px;
   text-align: center;
-  text-transform: uppercase;
 }
 
 .statusLabel {

package/dist/components/UTTable/hook.js

@@ -41,7 +41,9 @@ var useResizeObserver = function useResizeObserver() {
     var _ref2 = _slicedToArray(_ref, 1),
         entry = _ref2[0];
 
-    return setObserverEntry(entry);
+    window.requestAnimationFrame(function () {
+      setObserverEntry(entry);
+    });
   };
 
   var observe = (0, _react.useCallback)(function () {

package/dist/components/UTWorkflowContainer/hooks/use-previous.js

@@ -0,0 +1,18 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.usePrevious = void 0;
+
+var _react = require("react");
+
+var usePrevious = function usePrevious(value) {
+  var ref = (0, _react.useRef)();
+  (0, _react.useEffect)(function () {
+    ref.current = value;
+  });
+  return ref.current;
+};
+
+exports.usePrevious = usePrevious;

package/dist/components/UTWorkflowContainer/index.js

@@ -33,12 +33,26 @@ var _stylesModule = _interopRequireDefault(require("./styles.module.scss"));
 
 var _theme = require("./theme");
 
+var _usePrevious = require("./hooks/use-previous");
+
 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 _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); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
 var UTWorkflowContainer = function UTWorkflowContainer(_ref) {
   var _ref$actionsPosition = _ref.actionsPosition,
       actionsPosition = _ref$actionsPosition === void 0 ? _constants.ACTIONS_POSITIONS.TOP : _ref$actionsPosition,
@@ -71,12 +85,23 @@ var UTWorkflowContainer = function UTWorkflowContainer(_ref) {
   }, [classNames]);
   var BackIcon = backButton.Icon || _ArrowBack.default;
   var NextIcon = nextButton.Icon || _ArrowForward.default;
+  var previousStepNumber = (0, _usePrevious.usePrevious)(currentStep);
+
+  var _useState = (0, _react.useState)(currentStep),
+      _useState2 = _slicedToArray(_useState, 2),
+      visibleStepNumber = _useState2[0],
+      setVisibleStepNumber = _useState2[1];
+
+  var skippedStepsQuantity = currentStep - visibleStepNumber;
+  (0, _react.useEffect)(function () {
+    if (previousStepNumber) setVisibleStepNumber(visibleStepNumber + Math.sign(currentStep - previousStepNumber));
+  }, [currentStep]);
   return /*#__PURE__*/_react.default.createElement("div", {
     className: "".concat(classes.container, " ").concat(_stylesModule.default.container, " ").concat(actionsPosition === _constants.ACTIONS_POSITIONS.BOTTOM && _stylesModule.default.bottomActions)
   }, /*#__PURE__*/_react.default.createElement("div", {
     className: "".concat(_stylesModule.default.progress, " ").concat(classes.progress)
   }, stepsCount && /*#__PURE__*/_react.default.createElement(_UTProgressBar.default, {
-    value: currentStep / stepsCount * 100,
+    value: visibleStepNumber / (stepsCount - skippedStepsQuantity) * 100,
     classNames: {
       colorPrimary: classes.colorPrimary,
       barColorPrimary: classes.barColorPrimary
@@ -95,7 +120,7 @@ var UTWorkflowContainer = function UTWorkflowContainer(_ref) {
   }), !smallButtons && (backButton.label || _constants.BACK)), !hideStepCounter && actionsPosition === _constants.ACTIONS_POSITIONS.TOP && stepsCount && (StepCounter ? /*#__PURE__*/_react.default.createElement(StepCounter, null) : /*#__PURE__*/_react.default.createElement(_UTLabel.default, {
     primary: true,
     className: "".concat(_stylesModule.default.stepInfo, " ").concat(classes.stepCounter)
-  }, "".concat(_constants.STEP, " ").concat(currentStep))), extraActions, /*#__PURE__*/_react.default.createElement(_ActionButton.default, {
+  }, "".concat(_constants.STEP, " ").concat(visibleStepNumber))), extraActions, /*#__PURE__*/_react.default.createElement(_ActionButton.default, {
     isHidden: nextButton.isHidden,
     button: nextButton,
     className: "".concat(classes.nextButton, " ").concat(_stylesModule.default.nextButton, " ").concat(nextButton.disabled && classes.nextButtonDisabled),

package/package.json

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