cozy-ui 111.15.2 → 111.16.0

package/CHANGELOG.md

@@ -1,3 +1,10 @@
+# [111.16.0](https://github.com/cozy/cozy-ui/compare/v111.15.2...v111.16.0) (2024-10-10)
+
+
+### Features
+
+* **Icon:** Add `img` tag and `.png` file support ([c1eeb5d](https://github.com/cozy/cozy-ui/commit/c1eeb5d))
+
 ## [111.15.2](https://github.com/cozy/cozy-ui/compare/v111.15.1...v111.15.2) (2024-10-09)
 
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cozy-ui",
-  "version": "111.15.2",
+  "version": "111.16.0",
   "description": "Cozy apps UI SDK",
   "main": "./index.js",
   "bin": {

package/react/Icon/index.jsx

@@ -51,8 +51,23 @@ function Icon(props) {
   if (!icon) return null
 
   const isIconComp = icon.type === Icon
-
-  if (isIconComp) return icon
+  const isImg = icon.type === 'img'
+
+  if (isIconComp || isImg) return icon
+
+  const isPngPath = typeof icon === 'string' && icon.includes('.png')
+
+  if (isPngPath)
+    return (
+      <img
+        src={icon}
+        className={className}
+        style={style}
+        width={width || size || DEFAULT_SIZE}
+        height={height || size || DEFAULT_SIZE}
+        {...restProps}
+      />
+    )
 
   const Svg = isFunction(icon) ? icon : makeSvgObject(icon)
 

package/transpiled/react/Icon/index.js

@@ -1,5 +1,5 @@
-import _extends from "@babel/runtime/helpers/extends";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["icon", "width", "height", "color", "style", "className", "preserveColor", "rotate", "size", "spin"];
 import cx from 'classnames';
@@ -56,7 +56,16 @@ function Icon(props) {
 
   if (!icon) return null;
   var isIconComp = icon.type === Icon;
-  if (isIconComp) return icon;
+  var isImg = icon.type === 'img';
+  if (isIconComp || isImg) return icon;
+  var isPngPath = typeof icon === 'string' && icon.includes('.png');
+  if (isPngPath) return /*#__PURE__*/React.createElement("img", _extends({
+    src: icon,
+    className: className,
+    style: style,
+    width: width || size || DEFAULT_SIZE,
+    height: height || size || DEFAULT_SIZE
+  }, restProps));
   var Svg = isFunction(icon) ? icon : makeSvgObject(icon);
   var selfStyle = style;
   selfStyle = Object.assign({}, selfStyle);