@widergy/energy-ui 3.64.0 → 3.66.0

package/CHANGELOG.md

@@ -1,3 +1,17 @@
+# [3.66.0](https://github.com/widergy/energy-ui/compare/v3.65.0...v3.66.0) (2025-03-06)
+
+
+### Features
+
+* [AUT-632/526] smart bil ids ([#588](https://github.com/widergy/energy-ui/issues/588)) ([1d0dfad](https://github.com/widergy/energy-ui/commit/1d0dfad858dcee97b4eb076dbf1a71fa2c52a1a8))
+
+# [3.65.0](https://github.com/widergy/energy-ui/compare/v3.64.0...v3.65.0) (2025-02-25)
+
+
+### Features
+
+* new icon added ([#585](https://github.com/widergy/energy-ui/issues/585)) ([84b0cb5](https://github.com/widergy/energy-ui/commit/84b0cb56e9c7091fc31ffdc35af05c97e89b7911))
+
 # [3.64.0](https://github.com/widergy/energy-ui/compare/v3.63.2...v3.64.0) (2025-02-24)
 
 

package/dist/components/UTCheckbox/versions/V1/index.js

@@ -54,10 +54,16 @@ const UTCheckbox = _ref => {
     actions: actions,
     required: required
   }, title), /*#__PURE__*/_react.default.createElement(RootComponent, _extends({
-    dataTestId: dataTestId,
     className: classes.container
+  }, variant === _constants.BUTTON_VARIANT ? {
+    dataTestId
+  } : {
+    'data-testid': dataTestId
   }, rootComponentProps), /*#__PURE__*/_react.default.createElement(BoxContainerComponent, _extends({
-    className: classes.boxContainer,
+    className: classes.boxContainer
+  }, variant === _constants.BUTTON_VARIANT ? {
+    'data-testid': checkboxDataTestId
+  } : {
     dataTestId: checkboxDataTestId
   }, boxContainerProps), isSimple ? /*#__PURE__*/_react.default.createElement(_UTIcon.default, {
     name: "IconCheck",

package/dist/components/UTExternalLink/index.js

@@ -12,16 +12,16 @@ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e
 const UTExternalLink = _ref => {
   let {
     children,
-    classes,
     className,
+    classes,
+    dataTestId,
     openProps,
     url
   } = _ref;
   return /*#__PURE__*/_react.default.createElement("a", {
-    href: url,
-    target: "_blank",
-    rel: "noopener noreferrer",
     className: "".concat(classes.root, " ").concat(className),
+    "data-testid": dataTestId,
+    href: url,
     onClick: openProps && (event => {
       event.preventDefault();
       const {
@@ -33,12 +33,15 @@ const UTExternalLink = _ref => {
       const win = window.open(openUrl || url, targetName || '_blank', options, replace);
       win.opener = null;
       win.location = openUrl || url;
-    })
+    }),
+    rel: "noopener noreferrer",
+    target: "_blank"
   }, children);
 };
 UTExternalLink.propTypes = {
-  classes: (0, _propTypes.objectOf)(_propTypes.string),
   className: _propTypes.string,
+  classes: (0, _propTypes.objectOf)(_propTypes.string),
+  dataTestId: _propTypes.string,
   openProps: (0, _propTypes.shape)({
     openUrl: _propTypes.string,
     targetName: _propTypes.string,

package/dist/components/UTIcon/components/EnergyIcons/EnergyIconConsumptionBoxFilled.svg

@@ -0,0 +1,4 @@
+<svg width="100" height="100" viewBox="0 0 100 100" stroke="none" fill="currentColor" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M25 20.8333C22.6988 20.8333 20.8333 22.6988 20.8333 25V75C20.8333 77.3012 22.6988 79.1667 25 79.1667H75C77.3012 79.1667 79.1667 77.3012 79.1667 75V25C79.1667 22.6988 77.3012 20.8333 75 20.8333H25ZM12.5 25C12.5 18.0964 18.0964 12.5 25 12.5H75C81.9036 12.5 87.5 18.0964 87.5 25V75C87.5 81.9036 81.9036 87.5 75 87.5H25C18.0964 87.5 12.5 81.9036 12.5 75V25Z"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M50.1827 33.4577C51.8176 33.9132 52.7367 35.4876 52.2356 36.9741L48.9501 46.7207H55.2371C56.2544 46.7207 57.2067 47.175 57.7848 47.9361C58.3629 48.6971 58.4929 49.6677 58.1327 50.5327L52.1709 64.8477C51.5654 66.3017 49.7781 67.034 48.1789 66.4835C46.5798 65.9329 45.7743 64.3079 46.3798 62.8539L50.754 52.3509H44.7629C43.7809 52.3509 42.8572 51.9274 42.2733 51.2095C41.6895 50.4916 41.5149 49.5645 41.8026 48.7109L46.3151 35.3243C46.8162 33.8378 48.5477 33.0021 50.1827 33.4577Z"/>
+</svg>

package/dist/components/UTIcon/constants.js

@@ -117,6 +117,24 @@ EnergyIconConsumption.defaultProps = {
   stroke: "currentColor",
   xmlns: "http://www.w3.org/2000/svg"
 };
+var EnergyIconConsumptionBoxFilled = function EnergyIconConsumptionBoxFilled(props) {
+  return /*#__PURE__*/_react.default.createElement("svg", props, /*#__PURE__*/_react.default.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M25 20.833A4.167 4.167 0 0 0 20.833 25v50A4.167 4.167 0 0 0 25 79.167h50A4.167 4.167 0 0 0 79.167 75V25A4.167 4.167 0 0 0 75 20.833H25ZM12.5 25c0-6.904 5.596-12.5 12.5-12.5h50c6.904 0 12.5 5.596 12.5 12.5v50c0 6.904-5.596 12.5-12.5 12.5H25c-6.904 0-12.5-5.596-12.5-12.5V25Z"
+  }), /*#__PURE__*/_react.default.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M50.183 33.458c1.635.455 2.554 2.03 2.053 3.516l-3.286 9.747h6.287c1.017 0 1.97.454 2.548 1.215a2.6 2.6 0 0 1 .348 2.597L52.17 64.848c-.606 1.454-2.393 2.186-3.992 1.636-1.6-.551-2.405-2.176-1.8-3.63l4.375-10.503h-5.991c-.982 0-1.906-.424-2.49-1.142-.584-.717-.758-1.645-.47-2.498l4.512-13.387c.501-1.486 2.233-2.322 3.868-1.866Z"
+  }));
+};
+EnergyIconConsumptionBoxFilled.defaultProps = {
+  width: "100",
+  height: "100",
+  viewBox: "0 0 100 100",
+  fill: "currentColor",
+  xmlns: "http://www.w3.org/2000/svg"
+};
 var EnergyIconHome = function EnergyIconHome(props) {
   return /*#__PURE__*/_react.default.createElement("svg", props, /*#__PURE__*/_react.default.createElement("path", {
     d: "m9.02 2.84-5.39 4.2C2.73 7.74 2 9.23 2 10.36v7.41c0 2.32 1.89 4.22 4.21 4.22h11.58c2.32 0 4.21-1.9 4.21-4.21V10.5c0-1.21-.81-2.76-1.8-3.45l-6.18-4.33c-1.4-.98-3.65-.93-5 .12Z",
@@ -219,6 +237,7 @@ const ENERGY_ICONS = exports.ENERGY_ICONS = {
   EnergyIconCarbonFootprint,
   EnergyIconCart,
   EnergyIconConsumption,
+  EnergyIconConsumptionBoxFilled,
   EnergyIconHome,
   EnergyIconMessageEdit,
   EnergyIconQuestionFilled,

package/dist/components/UTProgressBar/index.js

@@ -18,10 +18,11 @@ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return
 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 && {}.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; }
 const UTProgressBar = _ref => {
   let {
-    classes: themeClasses,
     classNames,
+    classes: themeClasses,
     customLabel,
     customLabelStyle,
+    dataTestId,
     value,
     variant,
     withLabel
@@ -29,7 +30,8 @@ const UTProgressBar = _ref => {
   const clampedValue = (0, _clamp.default)(value, _constants.MIN_PERCENTAGE, _constants.MAX_PERCENTAGE);
   const classes = (0, _react.useMemo)(() => (0, _classesUtils.mergeClasses)(themeClasses, classNames), [classNames]);
   return /*#__PURE__*/_react.default.createElement("div", {
-    className: classes.container
+    className: classes.container,
+    "data-testid": dataTestId
   }, /*#__PURE__*/_react.default.createElement(_core.LinearProgress, {
     classes: {
       barColorPrimary: classes.barColorPrimary,
@@ -52,10 +54,11 @@ UTProgressBar.defaultProps = {
   withLabel: false
 };
 UTProgressBar.propTypes = {
-  classes: _types.classesType,
   classNames: _types.classesType,
+  classes: _types.classesType,
   customLabel: _propTypes.string,
   customLabelStyle: _propTypes.object,
+  dataTestId: _propTypes.string,
   value: _propTypes.number.isRequired,
   variant: _propTypes.string,
   withLabel: _propTypes.bool

package/dist/components/UTToggle/components/ToggleOption/index.js

@@ -11,16 +11,17 @@ var _UTLabel = _interopRequireDefault(require("../../../UTLabel"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const ToggleOption = _ref => {
   let {
-    value,
-    onChange,
-    label,
-    isSelected,
-    Icon,
-    SelectedIcon,
-    keyName,
     className,
+    classes,
+    dataTestId,
+    Icon,
     iconClassName,
-    classes
+    isSelected,
+    keyName,
+    label,
+    onChange,
+    SelectedIcon,
+    value
   } = _ref;
   const onHandleClick = () => onChange(value);
   const IconComponent = Icon && (SelectedIcon && isSelected ? /*#__PURE__*/_react.default.createElement(SelectedIcon, {
@@ -29,24 +30,26 @@ const ToggleOption = _ref => {
     className: "".concat(classes.icon, " ").concat(isSelected ? classes.selectedIcon : classes.unselectedIcon, " ").concat(iconClassName)
   }));
   return /*#__PURE__*/_react.default.createElement(_UTTouchableWithoutFeedback.default, {
-    onClick: onHandleClick,
     className: "".concat(classes.option, " ").concat(isSelected && classes.selectedOption, " ").concat(className),
-    keyName: keyName
+    dataTestId: dataTestId,
+    keyName: keyName,
+    onClick: onHandleClick
   }, Icon ? IconComponent : /*#__PURE__*/_react.default.createElement(_UTLabel.default, {
     variant: "small",
     className: isSelected ? classes.selectedLabel : classes.unSelectedLabel
   }, label));
 };
 ToggleOption.propTypes = {
-  value: _propTypes.string,
-  onChange: _propTypes.func,
-  label: _propTypes.string,
-  SelectedIcon: _propTypes.elementType,
+  className: _propTypes.string,
+  classes: (0, _propTypes.objectOf)(_propTypes.string),
+  dataTestId: _propTypes.string,
   Icon: _propTypes.elementType,
+  iconClassName: _propTypes.string,
   isSelected: _propTypes.bool,
   keyName: _propTypes.string,
-  className: _propTypes.string,
-  iconClassName: _propTypes.string,
-  classes: (0, _propTypes.objectOf)(_propTypes.string)
+  label: _propTypes.string,
+  onChange: _propTypes.func,
+  SelectedIcon: _propTypes.elementType,
+  value: _propTypes.string
 };
 var _default = exports.default = ToggleOption;

package/dist/components/UTToggle/index.js

@@ -12,45 +12,48 @@ var _theme = require("./theme");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const UTToggle = _ref => {
   let {
-    options,
-    selectedOption,
-    onChangeOption,
     className,
+    classes,
+    dataTestId,
+    onChangeOption,
     optionClassName,
+    options,
     orientation,
-    classes
+    selectedOption
   } = _ref;
   const containerStyle = "".concat(classes.container, " ").concat(orientation === 'horizontal' ? classes.horizontalContainer : classes.verticalContainer, " ").concat(className, " ");
   return /*#__PURE__*/_react.default.createElement("div", {
     className: containerStyle
-  }, options.map(option => /*#__PURE__*/_react.default.createElement(_ToggleOption.default, {
+  }, options.map((option, index) => /*#__PURE__*/_react.default.createElement(_ToggleOption.default, {
+    className: optionClassName,
+    classes: classes,
+    dataTestId: "".concat(dataTestId).concat(index),
+    Icon: option.Icon,
+    iconClassName: option.iconClassName,
+    isSelected: option.value === selectedOption,
     key: option.key,
-    value: option.value,
+    keyName: "toggle-option-".concat(option.value),
     label: option.label,
-    Icon: option.Icon,
     SelectedIcon: option.SelectedIcon,
-    isSelected: option.value === selectedOption,
     onChange: onChangeOption,
-    keyName: "toggle-option-".concat(option.value),
-    className: optionClassName,
-    iconClassName: option.iconClassName,
-    classes: classes
+    value: option.value
   })));
 };
 UTToggle.propTypes = {
+  className: _propTypes.string,
+  classes: (0, _propTypes.objectOf)(_propTypes.string),
+  dataTestId: _propTypes.string,
+  onChangeOption: _propTypes.func,
+  optionClassName: _propTypes.string,
   options: (0, _propTypes.arrayOf)((0, _propTypes.shape)({
+    className: _propTypes.string,
+    Icon: _propTypes.elementType,
     key: (0, _propTypes.oneOfType)([_propTypes.string, _propTypes.number]),
-    value: _propTypes.string,
     label: _propTypes.string,
-    Icon: _propTypes.elementType,
     SelectedIcon: _propTypes.elementType,
-    className: _propTypes.string
+    value: _propTypes.string
   })),
-  classes: (0, _propTypes.objectOf)(_propTypes.string),
-  selectedOption: _propTypes.string,
-  onChangeOption: _propTypes.func,
-  className: _propTypes.string,
-  optionClassName: _propTypes.string,
-  orientation: _propTypes.string
+  orientation: _propTypes.string,
+  selectedOption: _propTypes.string
 };
 var _default = exports.default = (0, _WithTheme.default)(_theme.retrieveStyle)(UTToggle);

package/package.json

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