@newskit-render/shared-components 4.35.1 → 4.36.0-alpha.0
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.
package/dist/cjs/Image/Image.js
CHANGED
|
@@ -61,8 +61,8 @@ var Image = function (_a) {
|
|
|
61
61
|
return (react_1.default.createElement(styled_1.StyledFigure, { aspectRatio: actualAspectRatio ? actualAspectRatio : aspectRatio },
|
|
62
62
|
react_1.default.createElement(image_1.default, __assign({ fill: !formatedWidth, style: {
|
|
63
63
|
objectFit: 'contain',
|
|
64
|
-
}, sizes: "(max-width: 768px) 100vw,\n (max-width: 1200px) 50vw,\n 33vw", width: formatedWidth, height: formatedHeight }, imageProps, { placeholder: isRemoteImage ? 'blur' : 'empty', blurDataURL: isRemoteImage ? blurDataURL : undefined, src: src || blurDataURL,
|
|
65
|
-
var
|
|
64
|
+
}, sizes: "(max-width: 768px) 100vw,\n (max-width: 1200px) 50vw,\n 33vw", width: formatedWidth, height: formatedHeight }, imageProps, { placeholder: isRemoteImage ? 'blur' : 'empty', blurDataURL: isRemoteImage ? blurDataURL : undefined, src: src || blurDataURL, onLoad: function (_a) {
|
|
65
|
+
var _b = _a.currentTarget, naturalWidth = _b.naturalWidth, naturalHeight = _b.naturalHeight;
|
|
66
66
|
setActualAspectRatio(naturalWidth / naturalHeight);
|
|
67
67
|
} }))));
|
|
68
68
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Image.js","sourceRoot":"","sources":["../../../src/Image/Image.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAAuC;AACvC,qDAAkC;AAElC,mCAAuC;AAEhC,IAAM,KAAK,GAAyB,UAAC,EAO3C;IANC,IAAA,mBAAoB,EAApB,WAAW,mBAAG,MAAM,KAAA,EACpB,mBAA0C,EAA1C,WAAW,mBAAG,4BAA4B,KAAA,EAC1C,GAAG,SAAA,EACH,KAAK,WAAA,EACL,MAAM,YAAA,EACH,UAAU,cAN6B,wDAO3C,CADc;IAEP,IAAA,KAA4C,IAAA,gBAAQ,EAAC,CAAC,CAAC,EAAtD,iBAAiB,QAAA,EAAE,oBAAoB,QAAe,CAAA;IAE7D,IAAM,aAAa,GAAG,UAAU,CAAC,KAA0B,CAAC,IAAI,SAAS,CAAA;IACzE,IAAM,cAAc,GAAG,UAAU,CAAC,MAA2B,CAAC,IAAI,SAAS,CAAA;IAC3E,IAAM,aAAa,GAAG,GAAG,CAAC,QAAQ,EAAE,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAA;IAEtD,OAAO,CACL,8BAAC,qBAAY,IACX,WAAW,EAAE,iBAAiB,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,WAAW;QAEhE,8BAAC,eAAS,aACR,IAAI,EAAE,CAAC,aAAa,EACpB,KAAK,EAAE;gBACL,SAAS,EAAE,SAAS;aACrB,EACD,KAAK,EAAC,wFAEK,EACX,KAAK,EAAE,aAAa,EACpB,MAAM,EAAE,cAAc,IAClB,UAAU,IACd,WAAW,EAAE,aAAa,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,EAC7C,WAAW,EAAE,aAAa,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,SAAS,EACpD,GAAG,EAAE,GAAG,IAAI,WAAW,EACvB,
|
|
1
|
+
{"version":3,"file":"Image.js","sourceRoot":"","sources":["../../../src/Image/Image.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAAuC;AACvC,qDAAkC;AAElC,mCAAuC;AAEhC,IAAM,KAAK,GAAyB,UAAC,EAO3C;IANC,IAAA,mBAAoB,EAApB,WAAW,mBAAG,MAAM,KAAA,EACpB,mBAA0C,EAA1C,WAAW,mBAAG,4BAA4B,KAAA,EAC1C,GAAG,SAAA,EACH,KAAK,WAAA,EACL,MAAM,YAAA,EACH,UAAU,cAN6B,wDAO3C,CADc;IAEP,IAAA,KAA4C,IAAA,gBAAQ,EAAC,CAAC,CAAC,EAAtD,iBAAiB,QAAA,EAAE,oBAAoB,QAAe,CAAA;IAE7D,IAAM,aAAa,GAAG,UAAU,CAAC,KAA0B,CAAC,IAAI,SAAS,CAAA;IACzE,IAAM,cAAc,GAAG,UAAU,CAAC,MAA2B,CAAC,IAAI,SAAS,CAAA;IAC3E,IAAM,aAAa,GAAG,GAAG,CAAC,QAAQ,EAAE,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAA;IAEtD,OAAO,CACL,8BAAC,qBAAY,IACX,WAAW,EAAE,iBAAiB,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,WAAW;QAEhE,8BAAC,eAAS,aACR,IAAI,EAAE,CAAC,aAAa,EACpB,KAAK,EAAE;gBACL,SAAS,EAAE,SAAS;aACrB,EACD,KAAK,EAAC,wFAEK,EACX,KAAK,EAAE,aAAa,EACpB,MAAM,EAAE,cAAc,IAClB,UAAU,IACd,WAAW,EAAE,aAAa,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,EAC7C,WAAW,EAAE,aAAa,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,SAAS,EACpD,GAAG,EAAE,GAAG,IAAI,WAAW,EACvB,MAAM,EAAE,UAAC,EAAkD;oBAAhD,qBAA8C,EAA7B,YAAY,kBAAA,EAAE,aAAa,mBAAA;gBACrD,oBAAoB,CAAC,YAAY,GAAG,aAAa,CAAC,CAAA;YACpD,CAAC,IACD,CACW,CAChB,CAAA;AACH,CAAC,CAAA;AAtCY,QAAA,KAAK,SAsCjB"}
|
package/dist/esm/Image/Image.js
CHANGED
|
@@ -32,8 +32,8 @@ export var Image = function (_a) {
|
|
|
32
32
|
return (React.createElement(StyledFigure, { aspectRatio: actualAspectRatio ? actualAspectRatio : aspectRatio },
|
|
33
33
|
React.createElement(NextImage, __assign({ fill: !formatedWidth, style: {
|
|
34
34
|
objectFit: 'contain',
|
|
35
|
-
}, sizes: "(max-width: 768px) 100vw,\n (max-width: 1200px) 50vw,\n 33vw", width: formatedWidth, height: formatedHeight }, imageProps, { placeholder: isRemoteImage ? 'blur' : 'empty', blurDataURL: isRemoteImage ? blurDataURL : undefined, src: src || blurDataURL,
|
|
36
|
-
var
|
|
35
|
+
}, sizes: "(max-width: 768px) 100vw,\n (max-width: 1200px) 50vw,\n 33vw", width: formatedWidth, height: formatedHeight }, imageProps, { placeholder: isRemoteImage ? 'blur' : 'empty', blurDataURL: isRemoteImage ? blurDataURL : undefined, src: src || blurDataURL, onLoad: function (_a) {
|
|
36
|
+
var _b = _a.currentTarget, naturalWidth = _b.naturalWidth, naturalHeight = _b.naturalHeight;
|
|
37
37
|
setActualAspectRatio(naturalWidth / naturalHeight);
|
|
38
38
|
} }))));
|
|
39
39
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Image.js","sourceRoot":"","sources":["../../../src/Image/Image.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACvC,OAAO,SAAS,MAAM,YAAY,CAAA;AAElC,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AAEvC,MAAM,CAAC,IAAM,KAAK,GAAyB,UAAC,EAO3C;IANC,IAAA,mBAAoB,EAApB,WAAW,mBAAG,MAAM,KAAA,EACpB,mBAA0C,EAA1C,WAAW,mBAAG,4BAA4B,KAAA,EAC1C,GAAG,SAAA,EACH,KAAK,WAAA,EACL,MAAM,YAAA,EACH,UAAU,cAN6B,wDAO3C,CADc;IAEP,IAAA,KAA4C,QAAQ,CAAC,CAAC,CAAC,EAAtD,iBAAiB,QAAA,EAAE,oBAAoB,QAAe,CAAA;IAE7D,IAAM,aAAa,GAAG,UAAU,CAAC,KAA0B,CAAC,IAAI,SAAS,CAAA;IACzE,IAAM,cAAc,GAAG,UAAU,CAAC,MAA2B,CAAC,IAAI,SAAS,CAAA;IAC3E,IAAM,aAAa,GAAG,GAAG,CAAC,QAAQ,EAAE,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAA;IAEtD,OAAO,CACL,oBAAC,YAAY,IACX,WAAW,EAAE,iBAAiB,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,WAAW;QAEhE,oBAAC,SAAS,aACR,IAAI,EAAE,CAAC,aAAa,EACpB,KAAK,EAAE;gBACL,SAAS,EAAE,SAAS;aACrB,EACD,KAAK,EAAC,wFAEK,EACX,KAAK,EAAE,aAAa,EACpB,MAAM,EAAE,cAAc,IAClB,UAAU,IACd,WAAW,EAAE,aAAa,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,EAC7C,WAAW,EAAE,aAAa,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,SAAS,EACpD,GAAG,EAAE,GAAG,IAAI,WAAW,EACvB,
|
|
1
|
+
{"version":3,"file":"Image.js","sourceRoot":"","sources":["../../../src/Image/Image.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACvC,OAAO,SAAS,MAAM,YAAY,CAAA;AAElC,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AAEvC,MAAM,CAAC,IAAM,KAAK,GAAyB,UAAC,EAO3C;IANC,IAAA,mBAAoB,EAApB,WAAW,mBAAG,MAAM,KAAA,EACpB,mBAA0C,EAA1C,WAAW,mBAAG,4BAA4B,KAAA,EAC1C,GAAG,SAAA,EACH,KAAK,WAAA,EACL,MAAM,YAAA,EACH,UAAU,cAN6B,wDAO3C,CADc;IAEP,IAAA,KAA4C,QAAQ,CAAC,CAAC,CAAC,EAAtD,iBAAiB,QAAA,EAAE,oBAAoB,QAAe,CAAA;IAE7D,IAAM,aAAa,GAAG,UAAU,CAAC,KAA0B,CAAC,IAAI,SAAS,CAAA;IACzE,IAAM,cAAc,GAAG,UAAU,CAAC,MAA2B,CAAC,IAAI,SAAS,CAAA;IAC3E,IAAM,aAAa,GAAG,GAAG,CAAC,QAAQ,EAAE,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAA;IAEtD,OAAO,CACL,oBAAC,YAAY,IACX,WAAW,EAAE,iBAAiB,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,WAAW;QAEhE,oBAAC,SAAS,aACR,IAAI,EAAE,CAAC,aAAa,EACpB,KAAK,EAAE;gBACL,SAAS,EAAE,SAAS;aACrB,EACD,KAAK,EAAC,wFAEK,EACX,KAAK,EAAE,aAAa,EACpB,MAAM,EAAE,cAAc,IAClB,UAAU,IACd,WAAW,EAAE,aAAa,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,EAC7C,WAAW,EAAE,aAAa,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,SAAS,EACpD,GAAG,EAAE,GAAG,IAAI,WAAW,EACvB,MAAM,EAAE,UAAC,EAAkD;oBAAhD,qBAA8C,EAA7B,YAAY,kBAAA,EAAE,aAAa,mBAAA;gBACrD,oBAAoB,CAAC,YAAY,GAAG,aAAa,CAAC,CAAA;YACpD,CAAC,IACD,CACW,CAChB,CAAA;AACH,CAAC,CAAA"}
|