@balena/ui-shared-components 2.2.0 → 2.2.1

package/dist/components/Img/Img.stories.d.ts

@@ -1,7 +1,7 @@
 import type { StoryObj } from '@storybook/react';
 declare const meta: {
     title: string;
-    component: ({ src: srcProp, fallback, ...props }: import(".").ImgProps) => import("react/jsx-runtime").JSX.Element;
+    component: ({ src: srcProp, onError, fallback, ...props }: import(".").ImgProps) => import("react/jsx-runtime").JSX.Element;
     tags: string[];
 };
 export default meta;

package/dist/components/Img/index.d.ts

@@ -6,4 +6,4 @@ export interface ImgProps extends BoxProps<'img'> {
  * This component will display an image given an src.
  * The `fallback` prop has been added to make it easier to update the image in case the primary src fails.
  */
-export declare const Img: ({ src: srcProp, fallback, ...props }: ImgProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Img: ({ src: srcProp, onError, fallback, ...props }: ImgProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Img/index.js

@@ -44,11 +44,12 @@ import { useState } from 'react';
  * The `fallback` prop has been added to make it easier to update the image in case the primary src fails.
  */
 export var Img = function (_a) {
-    var srcProp = _a.src, fallback = _a.fallback, props = __rest(_a, ["src", "fallback"]);
+    var srcProp = _a.src, onError = _a.onError, fallback = _a.fallback, props = __rest(_a, ["src", "onError", "fallback"]);
     var _b = __read(useState(srcProp), 2), src = _b[0], setSrc = _b[1];
-    return (_jsx(Box, __assign({ component: "img", src: src }, props, { onerror: function () {
+    return (_jsx(Box, __assign({ component: "img", src: src }, props, { onError: function (e) {
             if (fallback != null) {
                 setSrc(fallback);
             }
+            onError === null || onError === void 0 ? void 0 : onError(e);
         } })));
 };

package/dist_esm5/components/Img/Img.stories.d.ts

@@ -1,7 +1,7 @@
 import type { StoryObj } from '@storybook/react';
 declare const meta: {
     title: string;
-    component: ({ src: srcProp, fallback, ...props }: import(".").ImgProps) => import("react/jsx-runtime").JSX.Element;
+    component: ({ src: srcProp, onError, fallback, ...props }: import(".").ImgProps) => import("react/jsx-runtime").JSX.Element;
     tags: string[];
 };
 export default meta;

package/dist_esm5/components/Img/index.d.ts

@@ -6,4 +6,4 @@ export interface ImgProps extends BoxProps<'img'> {
  * This component will display an image given an src.
  * The `fallback` prop has been added to make it easier to update the image in case the primary src fails.
  */
-export declare const Img: ({ src: srcProp, fallback, ...props }: ImgProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Img: ({ src: srcProp, onError, fallback, ...props }: ImgProps) => import("react/jsx-runtime").JSX.Element;

package/dist_esm5/components/Img/index.js

@@ -7,11 +7,12 @@ import { useState } from 'react';
  * The `fallback` prop has been added to make it easier to update the image in case the primary src fails.
  */
 export var Img = function (_a) {
-    var srcProp = _a.src, fallback = _a.fallback, props = __rest(_a, ["src", "fallback"]);
+    var srcProp = _a.src, onError = _a.onError, fallback = _a.fallback, props = __rest(_a, ["src", "onError", "fallback"]);
     var _b = __read(useState(srcProp), 2), src = _b[0], setSrc = _b[1];
-    return (_jsx(Box, __assign({ component: "img", src: src }, props, { onerror: function () {
+    return (_jsx(Box, __assign({ component: "img", src: src }, props, { onError: function (e) {
             if (fallback != null) {
                 setSrc(fallback);
             }
+            onError === null || onError === void 0 ? void 0 : onError(e);
         } })));
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@balena/ui-shared-components",
-  "version": "2.2.0",
+  "version": "2.2.1",
   "main": "./dist/index.js",
   "module": "./dist_esm5/index.js",
   "sideEffects": false,
@@ -112,6 +112,6 @@
   },
   "homepage": "https://github.com/balena-io/ui-shared-components#readme",
   "versionist": {
-    "publishedAt": "2024-02-15T13:13:16.287Z"
+    "publishedAt": "2024-02-15T13:31:52.280Z"
   }
 }