@wayke-se/components-react 3.0.0-beta.3 → 3.0.0-beta.4
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.js +3 -2
- package/dist/index.js.map +3 -3
- package/dist/index.mjs +3 -2
- package/dist/index.mjs.map +2 -2
- package/esbuild/common.js +4 -0
- package/package.json +2 -2
- package/src/components/ProductCard/index.tsx +22 -19
package/dist/index.mjs
CHANGED
|
@@ -3651,6 +3651,7 @@ var Item5 = styled20.li`
|
|
|
3651
3651
|
|
|
3652
3652
|
// src/components/ProductCard/index.tsx
|
|
3653
3653
|
import React24, { useCallback as useCallback9, useMemo } from "react";
|
|
3654
|
+
import LazyLoad from "react-lazy-load";
|
|
3654
3655
|
|
|
3655
3656
|
// src/components/ProductCard/wrapper.tsx
|
|
3656
3657
|
import styled21 from "styled-components";
|
|
@@ -3936,7 +3937,7 @@ var ProductCard = ({
|
|
|
3936
3937
|
);
|
|
3937
3938
|
return /* @__PURE__ */ React24.createElement(Wrapper9, {
|
|
3938
3939
|
onClick: _onClick
|
|
3939
|
-
}, /* @__PURE__ */ React24.createElement(Image, null, image ? /* @__PURE__ */ React24.createElement(React24.Fragment, null, /* @__PURE__ */ React24.createElement(Picture, null, /* @__PURE__ */ React24.createElement(Source, {
|
|
3940
|
+
}, /* @__PURE__ */ React24.createElement(Image, null, /* @__PURE__ */ React24.createElement(LazyLoad, null, image ? /* @__PURE__ */ React24.createElement(React24.Fragment, null, /* @__PURE__ */ React24.createElement(Picture, null, /* @__PURE__ */ React24.createElement(Source, {
|
|
3940
3941
|
type: "image/webp",
|
|
3941
3942
|
srcSet: `${image}?spec=822x548&format=webp 822w, ${image}?spec=750x500&format=webp 750w, ${image}?spec=411x274&format=webp 411w`,
|
|
3942
3943
|
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)"
|
|
@@ -3947,7 +3948,7 @@ var ProductCard = ({
|
|
|
3947
3948
|
alt: title
|
|
3948
3949
|
}))) : /* @__PURE__ */ React24.createElement(Picture, null, /* @__PURE__ */ React24.createElement(Img, {
|
|
3949
3950
|
src: placeholderImage || DEFAULT_PLACEHOLDER_IMAGE
|
|
3950
|
-
}))), /* @__PURE__ */ React24.createElement(Content, null, /* @__PURE__ */ React24.createElement(ContentBody, null, /* @__PURE__ */ React24.createElement(Heading3, null, href ? /* @__PURE__ */ React24.createElement(Link, {
|
|
3951
|
+
})))), /* @__PURE__ */ React24.createElement(Content, null, /* @__PURE__ */ React24.createElement(ContentBody, null, /* @__PURE__ */ React24.createElement(Heading3, null, href ? /* @__PURE__ */ React24.createElement(Link, {
|
|
3951
3952
|
onClick: onHrefClick,
|
|
3952
3953
|
href,
|
|
3953
3954
|
title,
|