@jetshop/ui 4.3.6 → 4.3.8-non-polyfill
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/Image/Image.d.ts +1 -0
- package/Image/Image.js +12 -6
- package/Image/Image.js.map +1 -1
- package/Image/Image.test.js +9 -0
- package/Image/useConstructImage.d.ts +1 -1
- package/Image/useConstructImage.js +4 -2
- package/Image/useConstructImage.js.map +1 -1
- package/Stock/StockStatusContainer.d.ts +2 -2
- package/Stock/StockStatusContainer.js.map +1 -1
- package/package.json +1 -1
package/Image/Image.d.ts
CHANGED
package/Image/Image.js
CHANGED
|
@@ -20,6 +20,10 @@ const defaultImageState = {
|
|
|
20
20
|
imgLoaded: false,
|
|
21
21
|
error: false
|
|
22
22
|
};
|
|
23
|
+
const loadedImageState = {
|
|
24
|
+
imgLoaded: true,
|
|
25
|
+
error: false
|
|
26
|
+
};
|
|
23
27
|
let hydrated = false;
|
|
24
28
|
const imageCache = Object.create({});
|
|
25
29
|
function isInCache(src) {
|
|
@@ -32,7 +36,7 @@ function imageStateReducer(_, action) {
|
|
|
32
36
|
switch (action.type) {
|
|
33
37
|
case 'loaded':
|
|
34
38
|
cacheImage(action.cacheKey);
|
|
35
|
-
return
|
|
39
|
+
return loadedImageState;
|
|
36
40
|
case 'error':
|
|
37
41
|
return { imgLoaded: false, error: true };
|
|
38
42
|
default:
|
|
@@ -57,7 +61,7 @@ function useObjectFitPolyfill(imageRefs) {
|
|
|
57
61
|
return polyfilled;
|
|
58
62
|
}
|
|
59
63
|
const Image = function Image(_a) {
|
|
60
|
-
var { src: originalSrc, cover = false, alt = '', crop = false, sizes: sizesArray = [1], fillAvailableSpace = false, gravity, aspect = null, theme, children, quality, error: ErrorComp = Error, className } = _a, rest = __rest(_a, ["src", "cover", "alt", "crop", "sizes", "fillAvailableSpace", "gravity", "aspect", "theme", "children", "quality", "error", "className"]);
|
|
64
|
+
var { src: originalSrc, cover = false, alt = '', crop = false, sizes: sizesArray = [1], fillAvailableSpace = false, gravity, aspect = null, theme, children, quality, error: ErrorComp = Error, className, critical } = _a, rest = __rest(_a, ["src", "cover", "alt", "crop", "sizes", "fillAvailableSpace", "gravity", "aspect", "theme", "children", "quality", "error", "className", "critical"]);
|
|
61
65
|
// Set up the IntersectionObserver
|
|
62
66
|
const [ref, inView] = useInView({ triggerOnce: true });
|
|
63
67
|
// Check if the browser supports loading="lazy". In that case, we don't need
|
|
@@ -67,7 +71,7 @@ const Image = function Image(_a) {
|
|
|
67
71
|
const imageRef = React.createRef();
|
|
68
72
|
const placeholderRef = React.createRef();
|
|
69
73
|
useObjectFitPolyfill([imageRef, placeholderRef]);
|
|
70
|
-
const [{ imgLoaded, error }, dispatch] = React.useReducer(imageStateReducer, defaultImageState);
|
|
74
|
+
const [{ imgLoaded, error }, dispatch] = React.useReducer(imageStateReducer, critical ? loadedImageState : defaultImageState);
|
|
71
75
|
const { src, hasFalsySrc, lqip, sizes, srcset, webpSrcset } = useConstructImage({
|
|
72
76
|
gravity,
|
|
73
77
|
crop,
|
|
@@ -75,7 +79,8 @@ const Image = function Image(_a) {
|
|
|
75
79
|
theme,
|
|
76
80
|
sizes: sizesArray,
|
|
77
81
|
aspect,
|
|
78
|
-
quality
|
|
82
|
+
quality,
|
|
83
|
+
critical
|
|
79
84
|
});
|
|
80
85
|
const cacheKey = srcset;
|
|
81
86
|
const handleImgLoad = React.useCallback(function handleImgLoad() {
|
|
@@ -84,7 +89,8 @@ const Image = function Image(_a) {
|
|
|
84
89
|
function handleImgError() {
|
|
85
90
|
dispatch({ type: 'error' });
|
|
86
91
|
}
|
|
87
|
-
|
|
92
|
+
// Treat critical images as always cached
|
|
93
|
+
const isCached = critical || isInCache(cacheKey);
|
|
88
94
|
React.useEffect(() => {
|
|
89
95
|
hydrated = true;
|
|
90
96
|
}, []);
|
|
@@ -117,7 +123,7 @@ const Image = function Image(_a) {
|
|
|
117
123
|
: paddingForAspectRatio(aspect)
|
|
118
124
|
} }),
|
|
119
125
|
error ? (React.createElement(ErrorComp, null)) : (React.createElement(React.Fragment, null,
|
|
120
|
-
React.createElement(Placeholder, { src: lqip || transparentDataImg, ref: placeholderRef, style: Object.assign({ objectFit, opacity: loaded ? 0 : 0.6, transitionDelay: `500ms` }, objectFitPolyfillStyles) }),
|
|
126
|
+
React.createElement(Placeholder, { src: critical ? transparentDataImg : lqip || transparentDataImg, ref: placeholderRef, style: Object.assign({ objectFit, opacity: loaded ? 0 : 0.6, transitionDelay: `500ms` }, objectFitPolyfillStyles) }),
|
|
121
127
|
(inView || nativeLazyLoading || !hydrated || isCached) && (React.createElement("picture", { "data-flight-image": "" },
|
|
122
128
|
React.createElement("source", { type: "image/webp", srcSet: webpSrcset, sizes: sizes }),
|
|
123
129
|
React.createElement("source", { srcSet: srcset, sizes: sizes }),
|
package/Image/Image.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Image.js","sourceRoot":"","sources":["Image.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAC5C,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,SAAS,EAAE,MAAM,6BAA6B,CAAC;AACxD,OAAO,EAAE,qBAAqB,EAAE,MAAM,+BAA+B,CAAC;AACtE,OAAO,CAAC,MAAM,eAAe,CAAC;AAE9B,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AASxD,MAAM,CAAC,MAAM,kBAAkB,GAC7B,oHAAoH,CAAC;
|
|
1
|
+
{"version":3,"file":"Image.js","sourceRoot":"","sources":["Image.tsx"],"names":[],"mappings":"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"}
|
package/Image/Image.test.js
CHANGED
|
@@ -58,6 +58,15 @@ describe('Hooks image component', () => {
|
|
|
58
58
|
expect(src).toEqual(expect.stringContaining('width=160'));
|
|
59
59
|
});
|
|
60
60
|
|
|
61
|
+
it('does not render an lqip if critical is true', () => {
|
|
62
|
+
const { placeholderImage } = setup({ critical: true });
|
|
63
|
+
|
|
64
|
+
const src = placeholderImage.getAttribute('src');
|
|
65
|
+
|
|
66
|
+
// Sets the src to transaprent data image instead
|
|
67
|
+
expect(src).toEqual(expect.stringContaining('data:image'));
|
|
68
|
+
});
|
|
69
|
+
|
|
61
70
|
it('accepts sizes as pixel values', () => {
|
|
62
71
|
const { placeholderImage } = setup({ sizes: [123] });
|
|
63
72
|
|
|
@@ -3,7 +3,7 @@ import { ImageParameters } from './Image';
|
|
|
3
3
|
* Dynamically constructs the query parameters used by ImageMagick to size the image appropriately.
|
|
4
4
|
* Also generates a LQIP using query parameters, to display while the full image loads.
|
|
5
5
|
*/
|
|
6
|
-
export declare function useConstructImage({ gravity, crop, src, theme, sizes, aspect, quality }: ImageParameters): {
|
|
6
|
+
export declare function useConstructImage({ gravity, crop, src, theme, sizes, aspect, critical, quality }: ImageParameters): {
|
|
7
7
|
srcset: string;
|
|
8
8
|
webpSrcset: string;
|
|
9
9
|
sizes: string;
|
|
@@ -12,7 +12,7 @@ import React from 'react';
|
|
|
12
12
|
* Dynamically constructs the query parameters used by ImageMagick to size the image appropriately.
|
|
13
13
|
* Also generates a LQIP using query parameters, to display while the full image loads.
|
|
14
14
|
*/
|
|
15
|
-
export function useConstructImage({ gravity, crop, src, theme, sizes, aspect, quality }) {
|
|
15
|
+
export function useConstructImage({ gravity, crop, src, theme, sizes, aspect, critical, quality }) {
|
|
16
16
|
// Warn if gravity was provided but crop was not
|
|
17
17
|
useWarningInDev(gravity && !crop, 'You have provided a gravity without setting crop to true. Your image will not be cropped, and the `gravity` prop will do nothing. Please remove the `gravity` prop.');
|
|
18
18
|
// Warn if the src is a falsy value
|
|
@@ -69,7 +69,8 @@ export function useConstructImage({ gravity, crop, src, theme, sizes, aspect, qu
|
|
|
69
69
|
});
|
|
70
70
|
const srcset = srcSetFromWidths({ webp: false });
|
|
71
71
|
const webpSrcset = srcSetFromWidths({ webp: true });
|
|
72
|
-
|
|
72
|
+
// If this is a critical image, don't calculate LQIP
|
|
73
|
+
const lqip = critical ? null : getLQIP(imageSrc, widths, aspect, crop);
|
|
73
74
|
const sizesMap = getSizesMap(theme.breakpoints, sizes);
|
|
74
75
|
return { sizesMap, srcset, lqip, webpSrcset };
|
|
75
76
|
}, [
|
|
@@ -80,6 +81,7 @@ export function useConstructImage({ gravity, crop, src, theme, sizes, aspect, qu
|
|
|
80
81
|
imageSrc,
|
|
81
82
|
quality,
|
|
82
83
|
sizes,
|
|
84
|
+
critical,
|
|
83
85
|
theme.breakpoints
|
|
84
86
|
]);
|
|
85
87
|
return {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useConstructImage.js","sourceRoot":"","sources":["useConstructImage.tsx"],"names":[],"mappings":"AAAA,OAAO,cAAc,MAAM,yCAAyC,CAAC;AACrE,OAAO,eAAe,MAAM,qCAAqC,CAAC;AAClE,OAAO,GAAG,MAAM,YAAY,CAAC;AAC7B,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAChD,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AACxD,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AACxD,OAAO,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAC;AAC1C,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAClD,OAAO,EAAE,mBAAmB,EAAE,MAAM,6BAA6B,CAAC;AAElE,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B;;;GAGG;AACH,MAAM,UAAU,iBAAiB,CAAC,EAChC,OAAO,EACP,IAAI,EACJ,GAAG,EACH,KAAK,EACL,KAAK,EACL,MAAM,EACN,OAAO,EACS;IAChB,gDAAgD;IAChD,eAAe,CACb,OAAO,IAAI,CAAC,IAAI,EAChB,qKAAqK,CACtK,CAAC;IACF,mCAAmC;IACnC,eAAe,CACb,CAAC,CAAC,CAAC,GAAG,EACN,sNAAsN,CACvN,CAAC;IACF,mEAAmE;IACnE,kDAAkD;IAClD,MAAM,EAAE,eAAe,EAAE,GAAG,KAAK,CAAC,UAAU,CAAC,cAAc,CAAC,CAAC;IAC7D,MAAM,OAAO,GAAG,GAAG,CAAC,eAAe,EAAE,UAAU,CAAC;QAC9C,CAAC,CAAC,MAAM,CAAC,eAAe,CAAC,QAAQ,CAAC;QAClC,CAAC,CAAC,IAAI,CAAC;IACT;;;;;;;;;;;;;;;;;;MAkBE;IACF,IAAI,WAAW,GAAG,IAAI,CAAC;IACvB,IAAI,QAAQ,GAAG,EAAE,CAAC;IAClB,IAAI,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,EAAE;QACtB,oDAAoD;QACpD,WAAW,GAAG,KAAK,CAAC;QACpB,QAAQ,GAAG,UAAU,CAAC,cAAc,CAAC,GAAG,CAAC,EAAE,OAAO,CAAC,CAAC;KACrD;IACD,oCAAoC;IACpC,IAAI,CAAC,CAAC,GAAG,IAAI,OAAO,GAAG,KAAK,QAAQ,EAAE;QACpC,WAAW,GAAG,KAAK,CAAC;QACpB,QAAQ,GAAG,UAAU,CAAC,GAAG,EAAE,OAAO,CAAC,CAAC;KACrC;IACD,yEAAyE;IACzE,qDAAqD;IACrD,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,IAAI,EAAE,UAAU,EAAE,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE;QAChE,IAAI,WAAW,EAAE;YACf,OAAO,EAAE,CAAC;SACX;QACD,MAAM,MAAM,GAAG,cAAc,CAAC,KAAK,CAAC,WAAW,EAAE,KAAK,CAAC,CAAC;QACxD,MAAM,gBAAgB,GAAG,CAAC,EAAE,IAAI,EAAqB,EAAE,EAAE,CACvD,mBAAmB,CAAC,QAAQ,EAAE,MAAM,EAAE,MAAM,EAAE;YAC5C,IAAI;YACJ,OAAO;YACP,OAAO;YACP,IAAI;SACL,CAAC,CAAC;QAEL,MAAM,MAAM,GAAG,gBAAgB,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,CAAC;QACjD,MAAM,UAAU,GAAG,gBAAgB,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,CAAC;QAEpD,MAAM,IAAI,GAAG,OAAO,CAAC,QAAQ,EAAE,MAAM,EAAE,MAAM,EAAE,IAAI,CAAC,CAAC;
|
|
1
|
+
{"version":3,"file":"useConstructImage.js","sourceRoot":"","sources":["useConstructImage.tsx"],"names":[],"mappings":"AAAA,OAAO,cAAc,MAAM,yCAAyC,CAAC;AACrE,OAAO,eAAe,MAAM,qCAAqC,CAAC;AAClE,OAAO,GAAG,MAAM,YAAY,CAAC;AAC7B,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAChD,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AACxD,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AACxD,OAAO,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAC;AAC1C,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAClD,OAAO,EAAE,mBAAmB,EAAE,MAAM,6BAA6B,CAAC;AAElE,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B;;;GAGG;AACH,MAAM,UAAU,iBAAiB,CAAC,EAChC,OAAO,EACP,IAAI,EACJ,GAAG,EACH,KAAK,EACL,KAAK,EACL,MAAM,EACN,QAAQ,EACR,OAAO,EACS;IAChB,gDAAgD;IAChD,eAAe,CACb,OAAO,IAAI,CAAC,IAAI,EAChB,qKAAqK,CACtK,CAAC;IACF,mCAAmC;IACnC,eAAe,CACb,CAAC,CAAC,CAAC,GAAG,EACN,sNAAsN,CACvN,CAAC;IACF,mEAAmE;IACnE,kDAAkD;IAClD,MAAM,EAAE,eAAe,EAAE,GAAG,KAAK,CAAC,UAAU,CAAC,cAAc,CAAC,CAAC;IAC7D,MAAM,OAAO,GAAG,GAAG,CAAC,eAAe,EAAE,UAAU,CAAC;QAC9C,CAAC,CAAC,MAAM,CAAC,eAAe,CAAC,QAAQ,CAAC;QAClC,CAAC,CAAC,IAAI,CAAC;IACT;;;;;;;;;;;;;;;;;;MAkBE;IACF,IAAI,WAAW,GAAG,IAAI,CAAC;IACvB,IAAI,QAAQ,GAAG,EAAE,CAAC;IAClB,IAAI,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,EAAE;QACtB,oDAAoD;QACpD,WAAW,GAAG,KAAK,CAAC;QACpB,QAAQ,GAAG,UAAU,CAAC,cAAc,CAAC,GAAG,CAAC,EAAE,OAAO,CAAC,CAAC;KACrD;IACD,oCAAoC;IACpC,IAAI,CAAC,CAAC,GAAG,IAAI,OAAO,GAAG,KAAK,QAAQ,EAAE;QACpC,WAAW,GAAG,KAAK,CAAC;QACpB,QAAQ,GAAG,UAAU,CAAC,GAAG,EAAE,OAAO,CAAC,CAAC;KACrC;IACD,yEAAyE;IACzE,qDAAqD;IACrD,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,IAAI,EAAE,UAAU,EAAE,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE;QAChE,IAAI,WAAW,EAAE;YACf,OAAO,EAAE,CAAC;SACX;QACD,MAAM,MAAM,GAAG,cAAc,CAAC,KAAK,CAAC,WAAW,EAAE,KAAK,CAAC,CAAC;QACxD,MAAM,gBAAgB,GAAG,CAAC,EAAE,IAAI,EAAqB,EAAE,EAAE,CACvD,mBAAmB,CAAC,QAAQ,EAAE,MAAM,EAAE,MAAM,EAAE;YAC5C,IAAI;YACJ,OAAO;YACP,OAAO;YACP,IAAI;SACL,CAAC,CAAC;QAEL,MAAM,MAAM,GAAG,gBAAgB,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,CAAC;QACjD,MAAM,UAAU,GAAG,gBAAgB,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,CAAC;QAEpD,oDAAoD;QACpD,MAAM,IAAI,GAAG,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,QAAQ,EAAE,MAAM,EAAE,MAAM,EAAE,IAAI,CAAC,CAAC;QAEvE,MAAM,QAAQ,GAAG,WAAW,CAAC,KAAK,CAAC,WAAW,EAAE,KAAK,CAAC,CAAC;QACvD,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,IAAI,EAAE,UAAU,EAAE,CAAC;IAChD,CAAC,EAAE;QACD,MAAM;QACN,IAAI;QACJ,OAAO;QACP,WAAW;QACX,QAAQ;QACR,OAAO;QACP,KAAK;QACL,QAAQ;QACR,KAAK,CAAC,WAAW;KAClB,CAAC,CAAC;IACH,OAAO;QACL,MAAM;QACN,UAAU;QACV,KAAK,EAAE,QAAQ;QACf,IAAI;QACJ,GAAG,EAAE,QAAQ;QACb,WAAW;KACZ,CAAC;AACJ,CAAC"}
|
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
import { Maybe, Product, ProductVariant
|
|
1
|
+
import { Maybe, Product, ProductVariant } from '@jetshop/core/types';
|
|
2
2
|
import * as React from 'react';
|
|
3
3
|
export interface StockStatusContainerRender {
|
|
4
4
|
status: Maybe<'inStock' | 'outOfStock' | 'notifyWhenBack'>;
|
|
5
5
|
text: Maybe<string>;
|
|
6
6
|
maxOrderQuantity?: number | null;
|
|
7
|
-
stockDate?:
|
|
7
|
+
stockDate?: any;
|
|
8
8
|
}
|
|
9
9
|
export interface StockStatusContainerProps {
|
|
10
10
|
children(args: StockStatusContainerRender): React.ReactNode;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"StockStatusContainer.js","sourceRoot":"","sources":["StockStatusContainer.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"StockStatusContainer.js","sourceRoot":"","sources":["StockStatusContainer.tsx"],"names":[],"mappings":"AAMA,OAAO,GAAG,MAAM,YAAY,CAAC;AAc7B,SAAS,SAAS,CAChB,YAAyB;IAEzB,OAAO,YAAY,CAAC,OAAO;QACzB,CAAC,CAAC,SAAS;QACX,CAAC,CAAC,YAAY,CAAC,wBAAwB;YACvC,CAAC,CAAC,gBAAgB;YAClB,CAAC,CAAC,YAAY,CAAC;AACnB,CAAC;AAED,SAAS,oBAAoB,CAAC,EAC5B,OAAO,EACP,QAAQ,EACkB;IAC1B,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,gBAAgB,EAAE,SAAS,EAAE,GAAG,cAAc,CAAC,OAAO,CAAC,CAAC;IAE9E,IAAI,CAAC,MAAM;QAAE,OAAO,IAAI,CAAC;IAEzB,4BAA4B;IAC5B,OAAO,QAAQ,CAAC;QACd,MAAM;QACN,IAAI;QACJ,gBAAgB;QAChB,SAAS;KACV,CAAC,CAAC;AACL,CAAC;AAED,SAAS,cAAc,CACrB,OAAiC;IAEjC,MAAM,WAAW,GAAG,GAAG,CAAC,OAAO,EAAE,aAAa,CAAC,CAAC;IAEhD,IAAI,CAAC,WAAW,EAAE;QAChB,OAAO,CAAC,IAAI,CAAC,kDAAkD,CAAC,CAAC;QACjE,OAAO;YACL,MAAM,EAAE,IAAI;YACZ,IAAI,EAAE,IAAI;YACV,gBAAgB,EAAE,IAAI;YACtB,SAAS,EAAE,IAAI;SAChB,CAAC;KACH;IAED,OAAO;QACL,MAAM,EAAE,SAAS,CAAC,WAAW,CAAC;QAC9B,IAAI,EAAE,WAAW,CAAC,IAAI,IAAI,IAAI;QAC9B,gBAAgB,EAAE,WAAW,CAAC,gBAAgB;QAC9C,SAAS,EAAE,WAAW,CAAC,SAAS;KACjC,CAAC;AACJ,CAAC;AAED,eAAe,oBAAoB,CAAC;AACpC,OAAO,EAAE,cAAc,EAAE,CAAC"}
|