@woosmap/ui 3.89.0 → 3.90.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@woosmap/ui",
-  "version": "3.89.0",
+  "version": "3.90.0",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/WebGeoServices/ui.git"

package/src/components/Icon/Icon.js

@@ -426,7 +426,8 @@ const Icons = {
 class Icon extends Component {
     render() {
         const { icon, size, className, title, testId } = this.props;
-        const IconComponent = Icons[icon];
+        const IconComponent = Object.keys(Icons).includes(icon) ? Icons[icon] : Woosmap;
+
         return (
             <IconComponent
                 className={cl('icon', className)}

package/src/components/Icon/Icon.stories.js

@@ -32,3 +32,4 @@ export const All = () => <div className="flex-wrap">{Object.keys(Icons).map(draw
 export const Website = () => <div className="flex-wrap">{Object.keys(WebsiteIcons).map(drawIcon)}</div>;
 export const Console = () => <div className="flex-wrap">{Object.keys(ConsoleIcons).map(drawIcon)}</div>;
 export const Products = () => <div className="flex-wrap">{Object.keys(ProductsIcons).map(drawIcon)}</div>;
+export const NotExisting = () => <div className="flex-wrap">{drawIcon('not-existing-icon')}</div>;

package/src/components/Icon/Icon.test.js

@@ -40,3 +40,13 @@ it('renders all icon components', () => {
     const { Icons } = Icon;
     Object.keys(Icons).forEach(isIconRendered);
 });
+
+it('renders woosmap icon component when using bad icon name', () => {
+    const { getByTestId } = render(<Icon icon="no-existing-icon" size={64} />);
+
+    const result = getByTestId('icon-no-existing-icon');
+
+    expect(result).toHaveClass('icon');
+    expect(result).toHaveAttribute('width', '64');
+    expect(result).toHaveTextContent('woosmap');
+});