@sitecore/sc-contenthub-blok 0.0.28 → 0.0.29

package/dist/Components/BlokImage/BlokImage.d.ts

@@ -8,5 +8,6 @@ export interface BlokImageProps {
     fit?: "contain" | "cover" | "fill" | "none" | "scale-down" | "inherit" | "initial" | "revert" | "unset";
     position?: "static" | "relative" | "absolute" | "fixed" | "sticky" | "inherit" | "initial" | "revert" | "unset";
     className?: string;
+    onClick?: () => void;
 }
 export declare const BlokImage: FC<BlokImageProps>;

package/dist/Components/BlokImage/BlokImage.js

@@ -24,7 +24,7 @@ const classes = {
         alignItems: "center",
     }),
 };
-const BlokImage = ({ src, alt, style, width = "100%", height = "100%", fit = "cover", position = "relative", className, }) => {
+const BlokImage = ({ src, alt, style, width = "100%", height = "100%", fit = "cover", position = "relative", className, onClick, ...rest }) => {
     const [hasError, setHasError] = (0, react_1.useState)(false);
     const handleError = (0, react_1.useCallback)(() => {
         setHasError(true);
@@ -43,7 +43,7 @@ const BlokImage = ({ src, alt, style, width = "100%", height = "100%", fit = "co
             ...style,
         },
     }), [width, height, position, fit, style]);
-    return ((0, jsx_runtime_1.jsxs)("div", { style: styles.root, className: `mui-image-wrapper`, children: [!hasError && ((0, jsx_runtime_1.jsx)("img", { src: src, alt: alt, style: styles.image, className: (0, css_1.cx)(`mui-image-img`, classes.image, className), onError: handleError })), hasError && ((0, jsx_runtime_1.jsx)("div", { className: (0, css_1.cx)(`mui-image-iconWrapper`, classes.icons), children: hasError && ((0, jsx_runtime_1.jsx)(BlokIcon_1.BlokIcon, { icon: "m-icon-image-off-outline", iconColor: "gray", classes: [classes.brokenImageIcon], iconColorShade: 400 })) }))] }));
+    return ((0, jsx_runtime_1.jsxs)("div", { style: styles.root, className: `mui-image-wrapper`, children: [!hasError && ((0, jsx_runtime_1.jsx)("img", { src: src, alt: alt, style: styles.image, className: (0, css_1.cx)(`mui-image-img`, classes.image, className), onError: handleError, onClick: onClick, ...rest })), hasError && ((0, jsx_runtime_1.jsx)("div", { className: (0, css_1.cx)(`mui-image-iconWrapper`, classes.icons), children: hasError && ((0, jsx_runtime_1.jsx)(BlokIcon_1.BlokIcon, { icon: "m-icon-image-off-outline", iconColor: "gray", classes: [classes.brokenImageIcon], iconColorShade: 400 })) }))] }));
 };
 exports.BlokImage = BlokImage;
 //# sourceMappingURL=BlokImage.js.map

package/dist/Components/BlokImage/BlokImage.js.map

@@ -1 +1 @@
-{"version":3,"file":"BlokImage.js","sourceRoot":"","sources":["../../../src/Components/BlokImage/BlokImage.tsx"],"names":[],"mappings":";;;;AAAA,sCAAuC;AACvC,iCAAgE;AAGhE,mDAAgD;AAEhD,MAAM,OAAO,GAAG;IACd,KAAK,EAAE,IAAA,SAAG,EAAC;QACT,KAAK,EAAE,MAAM;QACb,MAAM,EAAE,MAAM;KACf,CAAC;IACF,eAAe,EAAE,IAAA,SAAG,EAAC;QACnB,QAAQ,EAAE,mBAAmB;QAC7B,MAAM,EAAE;YACN,QAAQ,EAAE,mBAAmB;SAC9B;KACF,CAAC;IACF,KAAK,EAAE,IAAA,SAAG,EAAC;QACT,KAAK,EAAE,MAAM;QACb,MAAM,EAAE,MAAM;QACd,OAAO,EAAE,MAAM;QACf,cAAc,EAAE,QAAQ;QACxB,UAAU,EAAE,QAAQ;KACrB,CAAC;CACH,CAAC;AA+BK,MAAM,SAAS,GAAuB,CAAC,EAC5C,GAAG,EACH,GAAG,EACH,KAAK,EACL,KAAK,GAAG,MAAM,EACd,MAAM,GAAG,MAAM,EACf,GAAG,GAAG,OAAO,EACb,QAAQ,GAAG,UAAU,EACrB,SAAS,GACV,EAAE,EAAE;IACH,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IAEhD,MAAM,WAAW,GAAG,IAAA,mBAAW,EAAC,GAAG,EAAE;QACnC,WAAW,CAAC,IAAI,CAAC,CAAC;IACpB,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,MAAM,GAAG,IAAA,eAAO,EACpB,GAAG,EAAE,CAAC,CAAC;QACL,IAAI,EAAE;YACJ,KAAK;YACL,MAAM;YACN,OAAO,EAAE,MAAM;YACf,cAAc,EAAE,QAAQ;YACxB,UAAU,EAAE,QAAQ;SACrB;QACD,KAAK,EAAE;YACL,QAAQ;YACR,SAAS,EAAE,GAAG;YACd,GAAG,KAAK;SACT;KACF,CAAC,EACF,CAAC,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,GAAG,EAAE,KAAK,CAAC,CACtC,CAAC;IAEF,OAAO,CACL,iCAAK,KAAK,EAAE,MAAM,CAAC,IAAI,EAAE,SAAS,EAAE,mBAAmB,aACpD,CAAC,QAAQ,IAAI,CACZ,gCACE,GAAG,EAAE,GAAG,EACR,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,MAAM,CAAC,KAAK,EACnB,SAAS,EAAE,IAAA,QAAE,EAAC,eAAe,EAAE,OAAO,CAAC,KAAK,EAAE,SAAS,CAAC,EACxD,OAAO,EAAE,WAAW,GACpB,CACH,EACA,QAAQ,IAAI,CACX,gCAAK,SAAS,EAAE,IAAA,QAAE,EAAC,uBAAuB,EAAE,OAAO,CAAC,KAAK,CAAC,YACvD,QAAQ,IAAI,CACX,uBAAC,mBAAQ,IACP,IAAI,EAAC,0BAA0B,EAC/B,SAAS,EAAC,MAAM,EAChB,OAAO,EAAE,CAAC,OAAO,CAAC,eAAe,CAAC,EAClC,cAAc,EAAE,GAAG,GACnB,CACH,GACG,CACP,IACG,CACP,CAAC;AACJ,CAAC,CAAC;AA3DW,QAAA,SAAS,aA2DpB"}
+{"version":3,"file":"BlokImage.js","sourceRoot":"","sources":["../../../src/Components/BlokImage/BlokImage.tsx"],"names":[],"mappings":";;;;AAAA,sCAAuC;AACvC,iCAAgE;AAGhE,mDAAgD;AAEhD,MAAM,OAAO,GAAG;IACd,KAAK,EAAE,IAAA,SAAG,EAAC;QACT,KAAK,EAAE,MAAM;QACb,MAAM,EAAE,MAAM;KACf,CAAC;IACF,eAAe,EAAE,IAAA,SAAG,EAAC;QACnB,QAAQ,EAAE,mBAAmB;QAC7B,MAAM,EAAE;YACN,QAAQ,EAAE,mBAAmB;SAC9B;KACF,CAAC;IACF,KAAK,EAAE,IAAA,SAAG,EAAC;QACT,KAAK,EAAE,MAAM;QACb,MAAM,EAAE,MAAM;QACd,OAAO,EAAE,MAAM;QACf,cAAc,EAAE,QAAQ;QACxB,UAAU,EAAE,QAAQ;KACrB,CAAC;CACH,CAAC;AAgCK,MAAM,SAAS,GAAuB,CAAC,EAC5C,GAAG,EACH,GAAG,EACH,KAAK,EACL,KAAK,GAAG,MAAM,EACd,MAAM,GAAG,MAAM,EACf,GAAG,GAAG,OAAO,EACb,QAAQ,GAAG,UAAU,EACrB,SAAS,EACT,OAAO,EACP,GAAG,IAAI,EACR,EAAE,EAAE;IACH,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IAEhD,MAAM,WAAW,GAAG,IAAA,mBAAW,EAAC,GAAG,EAAE;QACnC,WAAW,CAAC,IAAI,CAAC,CAAC;IACpB,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,MAAM,GAAG,IAAA,eAAO,EACpB,GAAG,EAAE,CAAC,CAAC;QACL,IAAI,EAAE;YACJ,KAAK;YACL,MAAM;YACN,OAAO,EAAE,MAAM;YACf,cAAc,EAAE,QAAQ;YACxB,UAAU,EAAE,QAAQ;SACrB;QACD,KAAK,EAAE;YACL,QAAQ;YACR,SAAS,EAAE,GAAG;YACd,GAAG,KAAK;SACT;KACF,CAAC,EACF,CAAC,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,GAAG,EAAE,KAAK,CAAC,CACtC,CAAC;IAEF,OAAO,CACL,iCAAK,KAAK,EAAE,MAAM,CAAC,IAAI,EAAE,SAAS,EAAE,mBAAmB,aACpD,CAAC,QAAQ,IAAI,CACZ,gCACE,GAAG,EAAE,GAAG,EACR,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,MAAM,CAAC,KAAK,EACnB,SAAS,EAAE,IAAA,QAAE,EAAC,eAAe,EAAE,OAAO,CAAC,KAAK,EAAE,SAAS,CAAC,EACxD,OAAO,EAAE,WAAW,EACpB,OAAO,EAAE,OAAO,KACZ,IAAI,GACR,CACH,EACA,QAAQ,IAAI,CACX,gCAAK,SAAS,EAAE,IAAA,QAAE,EAAC,uBAAuB,EAAE,OAAO,CAAC,KAAK,CAAC,YACvD,QAAQ,IAAI,CACX,uBAAC,mBAAQ,IACP,IAAI,EAAC,0BAA0B,EAC/B,SAAS,EAAC,MAAM,EAChB,OAAO,EAAE,CAAC,OAAO,CAAC,eAAe,CAAC,EAClC,cAAc,EAAE,GAAG,GACnB,CACH,GACG,CACP,IACG,CACP,CAAC;AACJ,CAAC,CAAC;AA/DW,QAAA,SAAS,aA+DpB"}

package/dist/Components/BlokImage/BlokImage.stories.js

@@ -28,7 +28,7 @@ exports.BlokImageExamples = {
         controls: { disable: true, expanded: false },
         options: { showPanel: false },
     },
-    render: () => ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)("div", { className: classes.flexWrapper, children: [(0, jsx_runtime_1.jsx)(CoreComponents_1.Typography, { children: "Basic usage" }), (0, jsx_runtime_1.jsx)(BlokImage_1.BlokImage, { src: "https://delivery-sitecore.sitecorecontenthub.cloud/api/public/content/logo-content_hub", alt: "ContentHub Logo" })] }), (0, jsx_runtime_1.jsxs)("div", { className: classes.flexWrapper, children: [(0, jsx_runtime_1.jsx)(CoreComponents_1.Typography, { children: "With custom dimensions (cover)" }), (0, jsx_runtime_1.jsx)(BlokImage_1.BlokImage, { src: "https://delivery-sitecore.sitecorecontenthub.cloud/api/public/content/logo-content_hub", alt: "Placeholder Image", width: "150px", height: "150px" })] }), (0, jsx_runtime_1.jsxs)("div", { className: classes.flexWrapper, children: [(0, jsx_runtime_1.jsx)(CoreComponents_1.Typography, { children: "With custom dimensions (contain)" }), (0, jsx_runtime_1.jsx)(BlokImage_1.BlokImage, { src: "https://delivery-sitecore.sitecorecontenthub.cloud/api/public/content/logo-content_hub", alt: "Wide Placeholder Image", fit: "contain", width: "150px", height: "150px" })] }), (0, jsx_runtime_1.jsxs)("div", { className: classes.flexWrapper, children: [(0, jsx_runtime_1.jsx)(CoreComponents_1.Typography, { children: "With additional class name" }), (0, jsx_runtime_1.jsx)(BlokImage_1.BlokImage, { src: "https://delivery-sitecore.sitecorecontenthub.cloud/api/public/content/logo-content_hub", alt: "Styled Placeholder Image", className: "custom-class" })] }), (0, jsx_runtime_1.jsxs)("div", { className: classes.flexWrapper, children: [(0, jsx_runtime_1.jsx)(CoreComponents_1.Typography, { children: "With error icon when image cannot be shown" }), (0, jsx_runtime_1.jsx)(BlokImage_1.BlokImage, { src: "invalid-url.jpg", alt: "Broken Image" })] })] })),
+    render: () => ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)("div", { className: classes.flexWrapper, children: [(0, jsx_runtime_1.jsx)(CoreComponents_1.Typography, { children: "Basic usage" }), (0, jsx_runtime_1.jsx)(BlokImage_1.BlokImage, { src: "https://delivery-sitecore.sitecorecontenthub.cloud/api/public/content/logo-content_hub", alt: "ContentHub Logo" })] }), (0, jsx_runtime_1.jsxs)("div", { className: classes.flexWrapper, children: [(0, jsx_runtime_1.jsx)(CoreComponents_1.Typography, { children: "With custom dimensions (cover)" }), (0, jsx_runtime_1.jsx)(BlokImage_1.BlokImage, { src: "https://delivery-sitecore.sitecorecontenthub.cloud/api/public/content/logo-content_hub", alt: "Placeholder Image", width: "150px", height: "150px" })] }), (0, jsx_runtime_1.jsxs)("div", { className: classes.flexWrapper, children: [(0, jsx_runtime_1.jsx)(CoreComponents_1.Typography, { children: "With custom dimensions (contain)" }), (0, jsx_runtime_1.jsx)(BlokImage_1.BlokImage, { src: "https://delivery-sitecore.sitecorecontenthub.cloud/api/public/content/logo-content_hub", alt: "Wide Placeholder Image", fit: "contain", width: "150px", height: "150px" })] }), (0, jsx_runtime_1.jsxs)("div", { className: classes.flexWrapper, children: [(0, jsx_runtime_1.jsx)(CoreComponents_1.Typography, { children: "With additional class name" }), (0, jsx_runtime_1.jsx)(BlokImage_1.BlokImage, { src: "https://delivery-sitecore.sitecorecontenthub.cloud/api/public/content/logo-content_hub", alt: "Styled Placeholder Image", className: "custom-class" })] }), (0, jsx_runtime_1.jsxs)("div", { className: classes.flexWrapper, children: [(0, jsx_runtime_1.jsx)(CoreComponents_1.Typography, { children: "With error icon when image cannot be shown" }), (0, jsx_runtime_1.jsx)(BlokImage_1.BlokImage, { src: "invalid-url.jpg", alt: "Broken Image" })] }), (0, jsx_runtime_1.jsxs)("div", { className: classes.flexWrapper, children: [(0, jsx_runtime_1.jsx)(CoreComponents_1.Typography, { children: "With onClick handler" }), (0, jsx_runtime_1.jsx)(BlokImage_1.BlokImage, { src: "https://delivery-sitecore.sitecorecontenthub.cloud/api/public/content/logo-content_hub", alt: "Wide Placeholder Image", onClick: () => alert("clicked") })] })] })),
 };
 exports.PlayGround = {
     parameters: {

package/dist/Components/BlokImage/BlokImage.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"BlokImage.stories.js","sourceRoot":"","sources":["../../../src/Components/BlokImage/BlokImage.stories.tsx"],"names":[],"mappings":";;;;AAAA,sCAAmC;AAInC,oEAA6D;AAC7D,2CAAwD;AAExD,MAAM,OAAO,GAAG;IACd,WAAW,EAAE,IAAA,SAAG,EAAC;QACf,OAAO,EAAE,MAAM;QACf,aAAa,EAAE,QAAQ;QACvB,GAAG,EAAE,CAAC;QACN,YAAY,EAAE,EAAE;QAChB,KAAK,EAAE,OAAO;KACf,CAAC;CACH,CAAC;AAIF,MAAM,IAAI,GAAyB;IACjC,KAAK,EAAE,sCAAsC;IAC7C,SAAS,EAAE,qBAAS;IACpB,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,QAAQ,EAAE,EAAE;IACZ,IAAI,EAAE,EAAE;CACT,CAAC;AAEF,kBAAe,IAAI,CAAC;AAGP,QAAA,iBAAiB,GAAU;IACtC,UAAU,EAAE;QACV,QAAQ,EAAE,OAAO;QACjB,QAAQ,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE;QAC5C,OAAO,EAAE,EAAE,SAAS,EAAE,KAAK,EAAE;KAC9B;IACD,MAAM,EAAE,GAAG,EAAE,CAAC,CACZ,6DACE,iCAAK,SAAS,EAAE,OAAO,CAAC,WAAW,aACjC,uBAAC,2BAAU,8BAAyB,EACpC,uBAAC,qBAAS,IACR,GAAG,EAAC,wFAAwF,EAC5F,GAAG,EAAC,iBAAiB,GACrB,IACE,EACN,iCAAK,SAAS,EAAE,OAAO,CAAC,WAAW,aACjC,uBAAC,2BAAU,iDAA4C,EACvD,uBAAC,qBAAS,IACR,GAAG,EAAC,wFAAwF,EAC5F,GAAG,EAAC,mBAAmB,EACvB,KAAK,EAAC,OAAO,EACb,MAAM,EAAC,OAAO,GACd,IACE,EACN,iCAAK,SAAS,EAAE,OAAO,CAAC,WAAW,aACjC,uBAAC,2BAAU,mDAA8C,EACzD,uBAAC,qBAAS,IACR,GAAG,EAAC,wFAAwF,EAC5F,GAAG,EAAC,wBAAwB,EAC5B,GAAG,EAAC,SAAS,EACb,KAAK,EAAC,OAAO,EACb,MAAM,EAAC,OAAO,GACd,IACE,EACN,iCAAK,SAAS,EAAE,OAAO,CAAC,WAAW,aACjC,uBAAC,2BAAU,6CAAwC,EACnD,uBAAC,qBAAS,IACR,GAAG,EAAC,wFAAwF,EAC5F,GAAG,EAAC,0BAA0B,EAC9B,SAAS,EAAC,cAAc,GACxB,IACE,EACN,iCAAK,SAAS,EAAE,OAAO,CAAC,WAAW,aACjC,uBAAC,2BAAU,6DAAwD,EACnE,uBAAC,qBAAS,IAAC,GAAG,EAAC,iBAAiB,EAAC,GAAG,EAAC,cAAc,GAAG,IAClD,IACL,CACJ;CACF,CAAC;AAEW,QAAA,UAAU,GAAU;IAC/B,UAAU,EAAE;QACV,QAAQ,EAAE,MAAM;KACjB;CACF,CAAC"}
+{"version":3,"file":"BlokImage.stories.js","sourceRoot":"","sources":["../../../src/Components/BlokImage/BlokImage.stories.tsx"],"names":[],"mappings":";;;;AAAA,sCAAmC;AAInC,oEAA6D;AAC7D,2CAAwD;AAExD,MAAM,OAAO,GAAG;IACd,WAAW,EAAE,IAAA,SAAG,EAAC;QACf,OAAO,EAAE,MAAM;QACf,aAAa,EAAE,QAAQ;QACvB,GAAG,EAAE,CAAC;QACN,YAAY,EAAE,EAAE;QAChB,KAAK,EAAE,OAAO;KACf,CAAC;CACH,CAAC;AAIF,MAAM,IAAI,GAAyB;IACjC,KAAK,EAAE,sCAAsC;IAC7C,SAAS,EAAE,qBAAS;IACpB,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,QAAQ,EAAE,EAAE;IACZ,IAAI,EAAE,EAAE;CACT,CAAC;AAEF,kBAAe,IAAI,CAAC;AAGP,QAAA,iBAAiB,GAAU;IACtC,UAAU,EAAE;QACV,QAAQ,EAAE,OAAO;QACjB,QAAQ,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE;QAC5C,OAAO,EAAE,EAAE,SAAS,EAAE,KAAK,EAAE;KAC9B;IACD,MAAM,EAAE,GAAG,EAAE,CAAC,CACZ,6DACE,iCAAK,SAAS,EAAE,OAAO,CAAC,WAAW,aACjC,uBAAC,2BAAU,8BAAyB,EACpC,uBAAC,qBAAS,IACR,GAAG,EAAC,wFAAwF,EAC5F,GAAG,EAAC,iBAAiB,GACrB,IACE,EACN,iCAAK,SAAS,EAAE,OAAO,CAAC,WAAW,aACjC,uBAAC,2BAAU,iDAA4C,EACvD,uBAAC,qBAAS,IACR,GAAG,EAAC,wFAAwF,EAC5F,GAAG,EAAC,mBAAmB,EACvB,KAAK,EAAC,OAAO,EACb,MAAM,EAAC,OAAO,GACd,IACE,EACN,iCAAK,SAAS,EAAE,OAAO,CAAC,WAAW,aACjC,uBAAC,2BAAU,mDAA8C,EACzD,uBAAC,qBAAS,IACR,GAAG,EAAC,wFAAwF,EAC5F,GAAG,EAAC,wBAAwB,EAC5B,GAAG,EAAC,SAAS,EACb,KAAK,EAAC,OAAO,EACb,MAAM,EAAC,OAAO,GACd,IACE,EACN,iCAAK,SAAS,EAAE,OAAO,CAAC,WAAW,aACjC,uBAAC,2BAAU,6CAAwC,EACnD,uBAAC,qBAAS,IACR,GAAG,EAAC,wFAAwF,EAC5F,GAAG,EAAC,0BAA0B,EAC9B,SAAS,EAAC,cAAc,GACxB,IACE,EACN,iCAAK,SAAS,EAAE,OAAO,CAAC,WAAW,aACjC,uBAAC,2BAAU,6DAAwD,EACnE,uBAAC,qBAAS,IAAC,GAAG,EAAC,iBAAiB,EAAC,GAAG,EAAC,cAAc,GAAG,IAClD,EACN,iCAAK,SAAS,EAAE,OAAO,CAAC,WAAW,aACjC,uBAAC,2BAAU,uCAAkC,EAC7C,uBAAC,qBAAS,IACR,GAAG,EAAC,wFAAwF,EAC5F,GAAG,EAAC,wBAAwB,EAC5B,OAAO,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,SAAS,CAAC,GAC/B,IACE,IACL,CACJ;CACF,CAAC;AAEW,QAAA,UAAU,GAAU;IAC/B,UAAU,EAAE;QACV,QAAQ,EAAE,MAAM;KACjB;CACF,CAAC"}

package/esm/Components/BlokImage/BlokImage.js

@@ -21,7 +21,7 @@ const classes = {
         alignItems: "center",
     }),
 };
-export const BlokImage = ({ src, alt, style, width = "100%", height = "100%", fit = "cover", position = "relative", className, }) => {
+export const BlokImage = ({ src, alt, style, width = "100%", height = "100%", fit = "cover", position = "relative", className, onClick, ...rest }) => {
     const [hasError, setHasError] = useState(false);
     const handleError = useCallback(() => {
         setHasError(true);
@@ -40,6 +40,6 @@ export const BlokImage = ({ src, alt, style, width = "100%", height = "100%", fi
             ...style,
         },
     }), [width, height, position, fit, style]);
-    return (_jsxs("div", { style: styles.root, className: `mui-image-wrapper`, children: [!hasError && (_jsx("img", { src: src, alt: alt, style: styles.image, className: cx(`mui-image-img`, classes.image, className), onError: handleError })), hasError && (_jsx("div", { className: cx(`mui-image-iconWrapper`, classes.icons), children: hasError && (_jsx(BlokIcon, { icon: "m-icon-image-off-outline", iconColor: "gray", classes: [classes.brokenImageIcon], iconColorShade: 400 })) }))] }));
+    return (_jsxs("div", { style: styles.root, className: `mui-image-wrapper`, children: [!hasError && (_jsx("img", { src: src, alt: alt, style: styles.image, className: cx(`mui-image-img`, classes.image, className), onError: handleError, onClick: onClick, ...rest })), hasError && (_jsx("div", { className: cx(`mui-image-iconWrapper`, classes.icons), children: hasError && (_jsx(BlokIcon, { icon: "m-icon-image-off-outline", iconColor: "gray", classes: [classes.brokenImageIcon], iconColorShade: 400 })) }))] }));
 };
 //# sourceMappingURL=BlokImage.js.map

package/esm/Components/BlokImage/BlokImage.js.map

@@ -1 +1 @@
-{"version":3,"file":"BlokImage.js","sourceRoot":"","sources":["../../../src/Components/BlokImage/BlokImage.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AACvC,OAAO,EAAW,WAAW,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAGhE,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAEhD,MAAM,OAAO,GAAG;IACd,KAAK,EAAE,GAAG,CAAC;QACT,KAAK,EAAE,MAAM;QACb,MAAM,EAAE,MAAM;KACf,CAAC;IACF,eAAe,EAAE,GAAG,CAAC;QACnB,QAAQ,EAAE,mBAAmB;QAC7B,MAAM,EAAE;YACN,QAAQ,EAAE,mBAAmB;SAC9B;KACF,CAAC;IACF,KAAK,EAAE,GAAG,CAAC;QACT,KAAK,EAAE,MAAM;QACb,MAAM,EAAE,MAAM;QACd,OAAO,EAAE,MAAM;QACf,cAAc,EAAE,QAAQ;QACxB,UAAU,EAAE,QAAQ;KACrB,CAAC;CACH,CAAC;AA+BF,MAAM,CAAC,MAAM,SAAS,GAAuB,CAAC,EAC5C,GAAG,EACH,GAAG,EACH,KAAK,EACL,KAAK,GAAG,MAAM,EACd,MAAM,GAAG,MAAM,EACf,GAAG,GAAG,OAAO,EACb,QAAQ,GAAG,UAAU,EACrB,SAAS,GACV,EAAE,EAAE;IACH,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAEhD,MAAM,WAAW,GAAG,WAAW,CAAC,GAAG,EAAE;QACnC,WAAW,CAAC,IAAI,CAAC,CAAC;IACpB,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,MAAM,GAAG,OAAO,CACpB,GAAG,EAAE,CAAC,CAAC;QACL,IAAI,EAAE;YACJ,KAAK;YACL,MAAM;YACN,OAAO,EAAE,MAAM;YACf,cAAc,EAAE,QAAQ;YACxB,UAAU,EAAE,QAAQ;SACrB;QACD,KAAK,EAAE;YACL,QAAQ;YACR,SAAS,EAAE,GAAG;YACd,GAAG,KAAK;SACT;KACF,CAAC,EACF,CAAC,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,GAAG,EAAE,KAAK,CAAC,CACtC,CAAC;IAEF,OAAO,CACL,eAAK,KAAK,EAAE,MAAM,CAAC,IAAI,EAAE,SAAS,EAAE,mBAAmB,aACpD,CAAC,QAAQ,IAAI,CACZ,cACE,GAAG,EAAE,GAAG,EACR,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,MAAM,CAAC,KAAK,EACnB,SAAS,EAAE,EAAE,CAAC,eAAe,EAAE,OAAO,CAAC,KAAK,EAAE,SAAS,CAAC,EACxD,OAAO,EAAE,WAAW,GACpB,CACH,EACA,QAAQ,IAAI,CACX,cAAK,SAAS,EAAE,EAAE,CAAC,uBAAuB,EAAE,OAAO,CAAC,KAAK,CAAC,YACvD,QAAQ,IAAI,CACX,KAAC,QAAQ,IACP,IAAI,EAAC,0BAA0B,EAC/B,SAAS,EAAC,MAAM,EAChB,OAAO,EAAE,CAAC,OAAO,CAAC,eAAe,CAAC,EAClC,cAAc,EAAE,GAAG,GACnB,CACH,GACG,CACP,IACG,CACP,CAAC;AACJ,CAAC,CAAC"}
+{"version":3,"file":"BlokImage.js","sourceRoot":"","sources":["../../../src/Components/BlokImage/BlokImage.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AACvC,OAAO,EAAW,WAAW,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAGhE,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAEhD,MAAM,OAAO,GAAG;IACd,KAAK,EAAE,GAAG,CAAC;QACT,KAAK,EAAE,MAAM;QACb,MAAM,EAAE,MAAM;KACf,CAAC;IACF,eAAe,EAAE,GAAG,CAAC;QACnB,QAAQ,EAAE,mBAAmB;QAC7B,MAAM,EAAE;YACN,QAAQ,EAAE,mBAAmB;SAC9B;KACF,CAAC;IACF,KAAK,EAAE,GAAG,CAAC;QACT,KAAK,EAAE,MAAM;QACb,MAAM,EAAE,MAAM;QACd,OAAO,EAAE,MAAM;QACf,cAAc,EAAE,QAAQ;QACxB,UAAU,EAAE,QAAQ;KACrB,CAAC;CACH,CAAC;AAgCF,MAAM,CAAC,MAAM,SAAS,GAAuB,CAAC,EAC5C,GAAG,EACH,GAAG,EACH,KAAK,EACL,KAAK,GAAG,MAAM,EACd,MAAM,GAAG,MAAM,EACf,GAAG,GAAG,OAAO,EACb,QAAQ,GAAG,UAAU,EACrB,SAAS,EACT,OAAO,EACP,GAAG,IAAI,EACR,EAAE,EAAE;IACH,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAEhD,MAAM,WAAW,GAAG,WAAW,CAAC,GAAG,EAAE;QACnC,WAAW,CAAC,IAAI,CAAC,CAAC;IACpB,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,MAAM,GAAG,OAAO,CACpB,GAAG,EAAE,CAAC,CAAC;QACL,IAAI,EAAE;YACJ,KAAK;YACL,MAAM;YACN,OAAO,EAAE,MAAM;YACf,cAAc,EAAE,QAAQ;YACxB,UAAU,EAAE,QAAQ;SACrB;QACD,KAAK,EAAE;YACL,QAAQ;YACR,SAAS,EAAE,GAAG;YACd,GAAG,KAAK;SACT;KACF,CAAC,EACF,CAAC,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,GAAG,EAAE,KAAK,CAAC,CACtC,CAAC;IAEF,OAAO,CACL,eAAK,KAAK,EAAE,MAAM,CAAC,IAAI,EAAE,SAAS,EAAE,mBAAmB,aACpD,CAAC,QAAQ,IAAI,CACZ,cACE,GAAG,EAAE,GAAG,EACR,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,MAAM,CAAC,KAAK,EACnB,SAAS,EAAE,EAAE,CAAC,eAAe,EAAE,OAAO,CAAC,KAAK,EAAE,SAAS,CAAC,EACxD,OAAO,EAAE,WAAW,EACpB,OAAO,EAAE,OAAO,KACZ,IAAI,GACR,CACH,EACA,QAAQ,IAAI,CACX,cAAK,SAAS,EAAE,EAAE,CAAC,uBAAuB,EAAE,OAAO,CAAC,KAAK,CAAC,YACvD,QAAQ,IAAI,CACX,KAAC,QAAQ,IACP,IAAI,EAAC,0BAA0B,EAC/B,SAAS,EAAC,MAAM,EAChB,OAAO,EAAE,CAAC,OAAO,CAAC,eAAe,CAAC,EAClC,cAAc,EAAE,GAAG,GACnB,CACH,GACG,CACP,IACG,CACP,CAAC;AACJ,CAAC,CAAC"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@sitecore/sc-contenthub-blok",
   "private": false,
-  "version": "0.0.28",
+  "version": "0.0.29",
   "type": "module",
   "sideEffects": false,
   "main": "dist/index.js",