@sitecore/sc-contenthub-blok 0.0.29 → 0.0.31
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { type FC } from "react";
|
|
1
|
+
import { type FC, type MouseEventHandler } from "react";
|
|
2
2
|
export interface BlokImageProps {
|
|
3
3
|
src: string;
|
|
4
4
|
alt: string;
|
|
@@ -8,6 +8,6 @@ export interface BlokImageProps {
|
|
|
8
8
|
fit?: "contain" | "cover" | "fill" | "none" | "scale-down" | "inherit" | "initial" | "revert" | "unset";
|
|
9
9
|
position?: "static" | "relative" | "absolute" | "fixed" | "sticky" | "inherit" | "initial" | "revert" | "unset";
|
|
10
10
|
className?: string;
|
|
11
|
-
onClick?:
|
|
11
|
+
onClick?: MouseEventHandler<HTMLElement>;
|
|
12
12
|
}
|
|
13
13
|
export declare const BlokImage: FC<BlokImageProps>;
|
|
@@ -43,7 +43,7 @@ const BlokImage = ({ src, alt, style, width = "100%", height = "100%", fit = "co
|
|
|
43
43
|
...style,
|
|
44
44
|
},
|
|
45
45
|
}), [width, height, position, fit, style]);
|
|
46
|
-
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 })) }))] }));
|
|
46
|
+
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, role: "img", ...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 })) }))] }));
|
|
47
47
|
};
|
|
48
48
|
exports.BlokImage = BlokImage;
|
|
49
49
|
//# sourceMappingURL=BlokImage.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BlokImage.js","sourceRoot":"","sources":["../../../src/Components/BlokImage/BlokImage.tsx"],"names":[],"mappings":";;;;AAAA,sCAAuC;AACvC,
|
|
1
|
+
{"version":3,"file":"BlokImage.js","sourceRoot":"","sources":["../../../src/Components/BlokImage/BlokImage.tsx"],"names":[],"mappings":";;;;AAAA,sCAAuC;AACvC,iCAMe;AAGf,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,EAChB,IAAI,EAAC,KAAK,KACN,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;AAhEW,QAAA,SAAS,aAgEpB"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import { css, cx } from "@emotion/css";
|
|
3
|
-
import { useCallback, useMemo, useState } from "react";
|
|
3
|
+
import { useCallback, useMemo, useState, } from "react";
|
|
4
4
|
import { BlokIcon } from "../BlokIcon/BlokIcon";
|
|
5
5
|
const classes = {
|
|
6
6
|
image: css({
|
|
@@ -40,6 +40,6 @@ export const BlokImage = ({ src, alt, style, width = "100%", height = "100%", fi
|
|
|
40
40
|
...style,
|
|
41
41
|
},
|
|
42
42
|
}), [width, height, position, fit, style]);
|
|
43
|
-
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 })) }))] }));
|
|
43
|
+
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, role: "img", ...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 })) }))] }));
|
|
44
44
|
};
|
|
45
45
|
//# sourceMappingURL=BlokImage.js.map
|
|
@@ -1 +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,
|
|
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,EAGL,WAAW,EACX,OAAO,EACP,QAAQ,GACT,MAAM,OAAO,CAAC;AAGf,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,EAChB,IAAI,EAAC,KAAK,KACN,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"}
|