@trafilea/afrodita-components 6.58.2 → 6.59.0

package/build/index.js

@@ -4146,6 +4146,11 @@ var getIconDimension = function (dimension) {
     return "".concat(dimension, "rem");
 };
 
+var transformImageProperties = function (_a) {
+    var title = _a.title, name = _a.name, height = _a.height, width = _a.width, testId = _a.testId, rest = __rest(_a, ["title", "name", "height", "width", "testId"]);
+    return __assign$1({ alt: title !== null && title !== void 0 ? title : name, 'data-testid': testId, height: height, width: width }, rest);
+};
+
 var UnmemoIconFromExtSource = function (_a) {
     var height = _a.height, width = _a.width, title = _a.title, testId = _a.testId, fill = _a.fill, name = _a.name, svgProps = _a.svgProps, iconURL = _a.iconURL, svgId = _a.svgId, _b = _a.showTooltipTitle, showTooltipTitle = _b === void 0 ? true : _b, rest = __rest(_a, ["height", "width", "title", "testId", "fill", "name", "svgProps", "iconURL", "svgId", "showTooltipTitle"]);
     var _c = React$2.useState(false), error = _c[0], setError = _c[1];
@@ -4173,16 +4178,13 @@ var UnmemoIconFromExtSource = function (_a) {
             fetchIcon();
         }
     }, [iconURL]);
-    var imageProperties = __assign$1({ alt: title !== null && title !== void 0 ? title : name, 'data-testid': testId, height: height, width: width }, rest);
     if (error) {
+        var imageProperties = transformImageProperties(__assign$1({ title: title, name: name, height: height, width: width, testId: testId }, rest));
         return jsxRuntime.jsx(StyledImageWrapper, __assign$1({}, imageProperties, { src: iconURL }), void 0);
     }
     if (!localSource) {
         return jsxRuntime.jsx(SkeletonBox, { width: width, height: height }, void 0);
     }
-    if (!fill && !svgProps) {
-        return jsxRuntime.jsx(StyledImageWrapper, __assign$1({}, imageProperties, rest, { src: localSource.src }), void 0);
-    }
     return (jsxRuntime.jsxs(StyledSvgWrapper, __assign$1({ "data-testid": testId, fill: fill, height: height, type: "image/svg+xml", width: width }, rest, svgProps, { showTooltipTitle: showTooltipTitle }, { children: [showTooltipTitle && jsxRuntime.jsx("title", { children: title !== null && title !== void 0 ? title : name }, void 0), jsxRuntime.jsx("use", { href: "".concat(localSource.src, "#").concat(svgId) }, void 0)] }), void 0));
 };
 var IconFromExtSource = React__default["default"].memo(UnmemoIconFromExtSource);
@@ -4199,6 +4201,10 @@ var UnmemoIcon = function (_a) {
     if (assets.isSameOriginIcons) {
         return (jsxRuntime.jsxs(StyledSvgWrapper, __assign$1({ "data-testid": testId, fill: fill, height: newHeight, type: "image/svg+xml", width: newWidth }, rest, svgProps, { showTooltipTitle: showTooltipTitle }, { children: [showTooltipTitle && jsxRuntime.jsx("title", { children: title !== null && title !== void 0 ? title : name }, void 0), jsxRuntime.jsx("use", { href: "".concat(iconURL, "#").concat(svgId) }, void 0)] }), void 0));
     }
+    if (!fill && !svgProps) {
+        var imageProperties = transformImageProperties(__assign$1({ title: title, name: name, height: newHeight, width: newWidth, testId: testId }, rest));
+        return jsxRuntime.jsx(StyledImageWrapper, __assign$1({}, imageProperties, rest, { src: iconURL }), void 0);
+    }
     return (jsxRuntime.jsx(IconFromExtSource, __assign$1({ svgId: svgId, iconURL: iconURL, testId: testId, fill: fill, height: newHeight, svgProps: svgProps, width: newWidth, name: name, title: title, showTooltipTitle: showTooltipTitle }, rest), void 0));
 };
 var Icon$1 = React__default["default"].memo(UnmemoIcon, function (prevProps, nextProps) { return prevProps.name !== nextProps.name; });