@wayke-se/components-react 3.0.0-beta.1 → 3.0.0-beta.3
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/index.css +3 -1
- package/dist/index.js +8167 -765
- package/dist/index.js.map +3 -3
- package/dist/index.mjs +8151 -765
- package/dist/index.mjs.map +3 -3
- package/esbuild/lib.js +1 -1
- package/package.json +1 -1
- package/src/components/ProductCard/index.tsx +19 -22
package/esbuild/lib.js
CHANGED
|
@@ -7,7 +7,7 @@ const { dependencies, peerDependencies } = require('../package.json');
|
|
|
7
7
|
const shared = {
|
|
8
8
|
entryPoints: ['src/index.ts'],
|
|
9
9
|
bundle: true,
|
|
10
|
-
minify:
|
|
10
|
+
minify: false,
|
|
11
11
|
sourcemap: true,
|
|
12
12
|
logLevel: 'info',
|
|
13
13
|
external: Object.keys(dependencies).concat(Object.keys(peerDependencies || {})),
|
package/package.json
CHANGED
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
import React, { useCallback, useMemo } from 'react';
|
|
2
|
-
import LazyLoad from 'react-lazyload';
|
|
3
2
|
|
|
4
3
|
import {
|
|
5
4
|
Wrapper,
|
|
@@ -69,29 +68,27 @@ const ProductCard = ({
|
|
|
69
68
|
return (
|
|
70
69
|
<Wrapper onClick={_onClick}>
|
|
71
70
|
<Image>
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
<>
|
|
75
|
-
<Picture>
|
|
76
|
-
<Source
|
|
77
|
-
type="image/webp"
|
|
78
|
-
srcSet={`${image}?spec=822x548&format=webp 822w, ${image}?spec=750x500&format=webp 750w, ${image}?spec=411x274&format=webp 411w`}
|
|
79
|
-
sizes="(min-width: 600px) calc(((100vw - 48px) / 2) - 8px), (min-width: 900px) calc(((100vw - 48px) / 3) - 10.666px), (min-width: 1312px) 410px, calc(100vw - 32px)"
|
|
80
|
-
/>
|
|
81
|
-
<Img
|
|
82
|
-
srcSet={`${image}?spec=822x548 822w, ${image}?spec=750x500 750w, ${image}?spec=411x274 411w`}
|
|
83
|
-
sizes="(min-width: 600px) calc(((100vw - 48px) / 2) - 8px), (min-width: 900px) calc(((100vw - 48px) / 3) - 10.666px), (min-width: 1312px) 410px, calc(100vw - 32px)"
|
|
84
|
-
src={`${image}?spec=411x274`}
|
|
85
|
-
alt={title}
|
|
86
|
-
/>
|
|
87
|
-
</Picture>
|
|
88
|
-
</>
|
|
89
|
-
) : (
|
|
71
|
+
{image ? (
|
|
72
|
+
<>
|
|
90
73
|
<Picture>
|
|
91
|
-
<
|
|
74
|
+
<Source
|
|
75
|
+
type="image/webp"
|
|
76
|
+
srcSet={`${image}?spec=822x548&format=webp 822w, ${image}?spec=750x500&format=webp 750w, ${image}?spec=411x274&format=webp 411w`}
|
|
77
|
+
sizes="(min-width: 600px) calc(((100vw - 48px) / 2) - 8px), (min-width: 900px) calc(((100vw - 48px) / 3) - 10.666px), (min-width: 1312px) 410px, calc(100vw - 32px)"
|
|
78
|
+
/>
|
|
79
|
+
<Img
|
|
80
|
+
srcSet={`${image}?spec=822x548 822w, ${image}?spec=750x500 750w, ${image}?spec=411x274 411w`}
|
|
81
|
+
sizes="(min-width: 600px) calc(((100vw - 48px) / 2) - 8px), (min-width: 900px) calc(((100vw - 48px) / 3) - 10.666px), (min-width: 1312px) 410px, calc(100vw - 32px)"
|
|
82
|
+
src={`${image}?spec=411x274`}
|
|
83
|
+
alt={title}
|
|
84
|
+
/>
|
|
92
85
|
</Picture>
|
|
93
|
-
|
|
94
|
-
|
|
86
|
+
</>
|
|
87
|
+
) : (
|
|
88
|
+
<Picture>
|
|
89
|
+
<Img src={placeholderImage || DEFAULT_PLACEHOLDER_IMAGE} />
|
|
90
|
+
</Picture>
|
|
91
|
+
)}
|
|
95
92
|
</Image>
|
|
96
93
|
<Content>
|
|
97
94
|
<ContentBody>
|