@widergy/energy-ui 3.10.0 → 3.10.2

package/CHANGELOG.md

@@ -1,3 +1,20 @@
+## [3.10.2](https://github.com/widergy/energy-ui/compare/v3.10.1...v3.10.2) (2024-06-19)
+
+
+### Bug Fixes
+
+* some fixes ([aa772bc](https://github.com/widergy/energy-ui/commit/aa772bc6406e8cdc5bd8550905dd103aa4592248))
+* wizard ([7be8e21](https://github.com/widergy/energy-ui/commit/7be8e212e3a2804b87dd59ec5229e939c41d6771))
+
+## [3.10.1](https://github.com/widergy/energy-ui/compare/v3.10.0...v3.10.1) (2024-06-18)
+
+
+### Bug Fixes
+
+* adjust scale range ([4d7de48](https://github.com/widergy/energy-ui/commit/4d7de4815f634e0878a250a7a1597751ba9f7ca7))
+* constant ([6fb884e](https://github.com/widergy/energy-ui/commit/6fb884eca4f36a16de899d4136fc7b8fec55db92))
+* refactor ([5d526f5](https://github.com/widergy/energy-ui/commit/5d526f5c1d0e1c7ff52ccb952153c2120d6e6ee5))
+
 # [3.10.0](https://github.com/widergy/energy-ui/compare/v3.9.1...v3.10.0) (2024-06-07)
 
 

package/dist/components/UTBarChart/components/YAxis/index.js

@@ -50,9 +50,7 @@ const YAxis = _ref => {
     x: x,
     y: unitSubtitleYPosition
   }, unitSubtitle), axis.map(index => {
-    const newMaxValue = (0, _utils.yAxisMaxValueRounder)(maxValue, yAxisTicks);
     const value = Math.round((maxValue - index * maxValue / (yAxisTicks - 1)) * 100) / 100;
-    const labelValue = Math.round((newMaxValue - index * newMaxValue / (yAxisTicks - 1)) * 100) / 100;
     return /*#__PURE__*/_react.default.createElement(_AxisElement.default, {
       className: classes.yAxisLabel,
       setRef: (0, _utils.applyToIndex)(0, index, labelRef),
@@ -60,7 +58,7 @@ const YAxis = _ref => {
       graphYStart: graphYStart,
       x: x,
       value: value,
-      label: valueDecorator((0, _numeral.default)(labelValue).format(labelValue < 1 && labelValue > 0 ? '0,0.00' : '0,0')),
+      label: valueDecorator((0, _numeral.default)(value).format(value < 1 && value > 0 ? '0,0.00' : '0,0')),
       height: height
     });
   }));

package/dist/components/UTBarChart/components/YAxis/utils.js

@@ -3,12 +3,9 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.yAxisMaxValueRounder = exports.applyToIndex = void 0;
+exports.applyToIndex = void 0;
 const applyToIndex = function (targetIndex, currentIndex, prop) {
   let defaultValue = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : null;
   return currentIndex === targetIndex ? prop : defaultValue;
 };
-exports.applyToIndex = applyToIndex;
-const TICKS_MULTIPLIER_DISTANCE = 5;
-const yAxisMaxValueRounder = (maxValue, yAxisTicks) => maxValue < 25 ? maxValue : Math.ceil(maxValue / (yAxisTicks - 1) / TICKS_MULTIPLIER_DISTANCE) * TICKS_MULTIPLIER_DISTANCE * (yAxisTicks - 1);
-exports.yAxisMaxValueRounder = yAxisMaxValueRounder;
+exports.applyToIndex = applyToIndex;

package/dist/components/UTBarChart/constants.js

@@ -3,8 +3,11 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.DEFAULT_SCROLL_PADDING = exports.DEFAULT_MAX_VALUE = exports.DEFAULT_MARGIN_TOP = exports.DEFAULT_AXIS_PADDING = void 0;
+exports.TICKS_MULTIPLIER_DISTANCE = exports.LOWER_BOUND_DEFAULT = exports.LIMIT_MAX_VALUE_ROUNDER = exports.DEFAULT_SCROLL_PADDING = exports.DEFAULT_MAX_VALUE = exports.DEFAULT_MARGIN_TOP = exports.DEFAULT_AXIS_PADDING = void 0;
 const DEFAULT_AXIS_PADDING = exports.DEFAULT_AXIS_PADDING = 10;
 const DEFAULT_SCROLL_PADDING = exports.DEFAULT_SCROLL_PADDING = 20;
 const DEFAULT_MARGIN_TOP = exports.DEFAULT_MARGIN_TOP = 40;
-const DEFAULT_MAX_VALUE = exports.DEFAULT_MAX_VALUE = 100;
+const DEFAULT_MAX_VALUE = exports.DEFAULT_MAX_VALUE = 100;
+const TICKS_MULTIPLIER_DISTANCE = exports.TICKS_MULTIPLIER_DISTANCE = 5;
+const LOWER_BOUND_DEFAULT = exports.LOWER_BOUND_DEFAULT = 0;
+const LIMIT_MAX_VALUE_ROUNDER = exports.LIMIT_MAX_VALUE_ROUNDER = 25;

package/dist/components/UTBarChart/index.js

@@ -123,15 +123,16 @@ const UTBarChart = _ref => {
     GRAPH_Y_END,
     GRAPH_Y_START
   } = (0, _utils.getGraphAttributes)(containerWidth, containerHeight, marginLeft, marginRight, marginBottom, pagination ? 0 : minBarWidth, formattedData[0].length, barPadding, groups, spacingOptions);
-  const roundedMaxBarValue = Math.round(maxBarValue);
-  const roundedMaxLinearValue = Math.round(maxLinearValue);
-  const maxAbsoluteValue = Math.max(roundedMaxBarValue, roundedMaxLinearValue);
-  const yAxis = d3.scaleLinear().domain([0, singleYAxis ? maxAbsoluteValue : roundedMaxBarValue]).range([GRAPH_Y_START, GRAPH_Y_END]);
+  const [linearLowerBound, linearUpperBound] = (0, _utils.getBounds)(maxLinearValue, yAxisTicks);
+  const [barLowerBound, barUpperBound] = (0, _utils.getBounds)(maxBarValue, yAxisTicks);
+  const maxAbsoluteValue = Math.max(linearUpperBound, barUpperBound);
+  const barMaxValue = singleYAxis ? maxAbsoluteValue : barUpperBound;
+  const yAxis = d3.scaleLinear().domain([barLowerBound, barMaxValue]).range([GRAPH_Y_START, GRAPH_Y_END]);
   const xAxis = d3.scaleBand().domain(d3.range(formattedData[0].length)).range([GRAPH_X_START, GRAPH_X_END]).padding(barPadding);
   const groupWidth = xAxis.bandwidth();
   const xSubAxis = d3.scaleBand().domain(d3.range(groups)).range([0, groupWidth]).padding(barPadding);
   const barWidth = xSubAxis.bandwidth();
-  const linearYAxis = singleYAxis ? yAxis : d3.scaleLinear().domain([0, roundedMaxLinearValue]).range([GRAPH_Y_START, GRAPH_Y_END]);
+  const linearYAxis = singleYAxis ? yAxis : d3.scaleLinear().domain([linearLowerBound, linearUpperBound]).range([GRAPH_Y_START, GRAPH_Y_END]);
   (0, _react.useEffect)(() => {
     setCurrentPage(0);
   }, [barData]);
@@ -168,7 +169,7 @@ const UTBarChart = _ref => {
     graphXEnd: GRAPH_X_END,
     graphXStart: GRAPH_X_START,
     graphYStart: GRAPH_Y_START,
-    levels: (0, _utils.getGrid)(yAxisTicks, singleYAxis ? maxAbsoluteValue : roundedMaxBarValue),
+    levels: (0, _utils.getGrid)(yAxisTicks, barMaxValue),
     yAxis: yAxis
   }), formattedData.map((data, group) => /*#__PURE__*/_react.default.createElement(_Bars.default, {
     barBorderRadius: barBorderRadius,
@@ -181,7 +182,7 @@ const UTBarChart = _ref => {
     groups: groups,
     groupWidth: groupWidth,
     highlightWidth: highlightWidth,
-    maxBarValue: roundedMaxBarValue,
+    maxBarValue: barUpperBound,
     onBarClick: onBarClick,
     padding: barPadding,
     selectable: selectable,
@@ -222,7 +223,7 @@ const UTBarChart = _ref => {
     classes: classes,
     graphYEnd: GRAPH_Y_END,
     graphYStart: GRAPH_Y_START,
-    maxValue: singleYAxis ? maxAbsoluteValue : roundedMaxBarValue,
+    maxValue: barMaxValue,
     setRef: marginLeftRef,
     textAnchor: "end",
     unit: barUnit,
@@ -236,7 +237,7 @@ const UTBarChart = _ref => {
     classes: classes,
     graphYEnd: GRAPH_Y_END,
     graphYStart: GRAPH_Y_START,
-    maxValue: roundedMaxLinearValue,
+    maxValue: linearUpperBound,
     setRef: marginRightRef,
     textAnchor: "start",
     unit: linearUnit,

package/dist/components/UTBarChart/utils.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.getPages = exports.getMinValue = exports.getMaxValues = exports.getMaxValue = exports.getGrid = exports.getGraphAttributes = exports.getFormattedLinearData = exports.getFormattedDecorators = exports.getFormattedData = exports.flattenData = exports.flattenAndReduceBarData = void 0;
+exports.getPages = exports.getMinValue = exports.getMaxValues = exports.getMaxValue = exports.getGrid = exports.getGraphAttributes = exports.getFormattedLinearData = exports.getFormattedDecorators = exports.getFormattedData = exports.getBounds = exports.flattenData = exports.flattenAndReduceBarData = void 0;
 var _array = require("@widergy/web-utils/lib/array");
 var d3 = _interopRequireWildcard(require("d3"));
 var _constants = require("./constants");
@@ -161,4 +161,7 @@ const getGrid = (ticks, maxValue) => new Array(ticks).fill(0).map((_, index) =>
   } = _ref11;
   return !!value;
 });
-exports.getGrid = getGrid;
+exports.getGrid = getGrid;
+const yAxisMaxValueRounder = (maxValue, yAxisTicks) => maxValue < _constants.LIMIT_MAX_VALUE_ROUNDER ? maxValue : Math.ceil(maxValue / (yAxisTicks - 1) / _constants.TICKS_MULTIPLIER_DISTANCE) * _constants.TICKS_MULTIPLIER_DISTANCE * (yAxisTicks - 1);
+const getBounds = (maxValue, yAxisTicks) => [_constants.LOWER_BOUND_DEFAULT, yAxisMaxValueRounder(maxValue, yAxisTicks)];
+exports.getBounds = getBounds;

package/dist/components/UTOnboarding/index.js

@@ -22,6 +22,7 @@ const UTOnboarding = _ref => {
   let {
     classes: themeClasses,
     classNames,
+    enabled,
     handleComplete,
     handleOnClose,
     options,
@@ -31,7 +32,6 @@ const UTOnboarding = _ref => {
   const classes = (0, _react.useMemo)(() => (0, _classesUtils.mergeClasses)(themeClasses, classNames), [themeClasses, classNames]) || {};
   const [currentStep, setCurrentStep] = (0, _react.useState)(0);
   const [loading, setLoading] = (0, _react.useState)(true);
-  const [enabled, setEnabled] = (0, _react.useState)(true);
   const currentStepIsSuggestion = (_steps$currentStep$is = (_steps$currentStep = steps[currentStep]) === null || _steps$currentStep === void 0 ? void 0 : _steps$currentStep.isSuggestion) !== null && _steps$currentStep$is !== void 0 ? _steps$currentStep$is : false;
   const hideFooter = (_steps$currentStep$hi = (_steps$currentStep2 = steps[currentStep]) === null || _steps$currentStep2 === void 0 ? void 0 : _steps$currentStep2.hideFooter) !== null && _steps$currentStep$hi !== void 0 ? _steps$currentStep$hi : false;
   const totalSteps = steps.length;
@@ -73,7 +73,7 @@ const UTOnboarding = _ref => {
       }) : step.intro
     })),
     initialStep: 0,
-    onExit: handleOnClose || (() => setEnabled(false)),
+    onExit: handleOnClose,
     onBeforeChange: nextStep => {
       var _steps$nextStep;
       const overlay = document.querySelector('.introjs-overlay');
@@ -92,7 +92,7 @@ const UTOnboarding = _ref => {
       doneLabel: _constants.DONE_LABEL,
       exitOnEsc: false,
       exitOnOverlayClick: false,
-      helperElementPadding: 20,
+      helperElementPadding: 0,
       hidePrev: true,
       nextLabel: currentStep === 0 ? _constants.START_LABEL : _constants.NEXT_LABEL,
       prevLabel: _constants.PREV_LABEL,
@@ -113,6 +113,7 @@ const UTOnboarding = _ref => {
 UTOnboarding.propTypes = {
   classes: (0, _propTypes.objectOf)(_propTypes.string),
   classNames: (0, _propTypes.objectOf)(_propTypes.string),
+  enabled: _propTypes.bool,
   handleComplete: _propTypes.func,
   handleOnClose: _propTypes.func,
   options: _propTypes.object,

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

@@ -28,9 +28,6 @@ $introjs-tooltipbuttons: 'introjs-tooltipbuttons';
     font-weight: 400;
     position: relative;
     top: -10px;
-    &:hover {
-      background-color: var(--actionAccent03) !important;
-    }
   }
 }
 
@@ -43,7 +40,7 @@ $introjs-tooltipbuttons: 'introjs-tooltipbuttons';
 }
 
 .button {
-  background-color: var(--actionAccent04) !important;
+  background-color: var(--dark05) !important;
   border-radius: 4px;
   box-shadow: none;
   color: var(--actionNegative04) !important;
@@ -155,8 +152,9 @@ $introjs-tooltipbuttons: 'introjs-tooltipbuttons';
 
 .highlight {
   border-radius: 0;
-  border: 4px #17f455 solid;
+  box-sizing: border-box;
   box-shadow:
-    #17f455 0px 0px 1px 2px,
+    inset 0px 0px 0px 4px #17f455,
     rgba(33, 33, 33, 0.5) 0px 0px 0px 5000px !important;
+  z-index: 1290;
 }

package/dist/components/UTOnboarding/theme.js

@@ -40,8 +40,8 @@ const getButtonNextTextTheme = _ref4 => {
     variant
   } = _ref4;
   return {
-    [_constants.VARIANTS.dark]: theme.Palette.actions.neutral['05'],
-    [_constants.VARIANTS.information]: theme.Palette.actions.neutral['05'],
+    [_constants.VARIANTS.dark]: theme.Palette.dark['05'],
+    [_constants.VARIANTS.information]: theme.Palette.dark['05'],
     [_constants.VARIANTS.light]: theme.Palette.actions.negative['05']
   }[variant];
 };
@@ -61,12 +61,12 @@ const retrieveStyle = _ref6 => {
   } = _ref6;
   return {
     onboardingContainer: {
-      backgroundColor: getBackgroundColor({
+      backgroundColor: " ".concat(getBackgroundColor({
         theme,
         ...validateProps({
           variant
         })
-      }),
+      }), " !important"),
       color: getLabelTheme({
         theme,
         ...validateProps({
@@ -94,6 +94,14 @@ const retrieveStyle = _ref6 => {
             variant
           })
         }), " !important")
+      },
+      '& .introjs-tooltip': {
+        backgroundColor: " ".concat(getBackgroundColor({
+          theme,
+          ...validateProps({
+            variant
+          })
+        }), " !important")
       }
     }
   };

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

@@ -44,7 +44,7 @@
   display: flex;
   position: absolute;
   right: 16px;
-  z-index: 9999;
+  z-index: 1300;
 }
 
 .button {

package/package.json

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