@lanaco/lnc-react-ui 4.0.67 → 4.0.68
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/BannerSectionCarousel.cjs +14 -14
- package/dist/BannerSectionCarousel.js +297 -294
- package/dist/MasonryGeneralCardsSection.cjs +1 -1
- package/dist/MasonryGeneralCardsSection.js +1 -1
- package/dist/SimpleProductsSection.cjs +3 -3
- package/dist/SimpleProductsSection.js +42 -42
- package/package.json +1 -1
|
@@ -114,7 +114,7 @@
|
|
|
114
114
|
}
|
|
115
115
|
}
|
|
116
116
|
}
|
|
117
|
-
`,w=g.forwardRef(({title:t,
|
|
117
|
+
`,w=g.forwardRef(({title:t,imageUrl:e,description:n,buttonText:a,onSelectCard:l=()=>{},className:o,position:s,selectAction:d,tag:m},x)=>{const h=u.useTheme();return r.jsx(r.Fragment,{children:r.jsxs(_,{ref:x,theme:h,className:o,onClick:l,position:s,children:[r.jsx("img",{src:e,className:"wrapper__image"}),r.jsxs("div",{className:"wrapper__text",children:[m&&r.jsx("div",{className:"text__tag",children:m}),r.jsx("div",{className:"text__title",children:t}),i.isDefinedNotEmptyString(n)&&r.jsx("div",{className:"text__description",children:n}),i.isDefinedNotEmptyString(a)&&r.jsx(f,{text:a,onClick:()=>l(d),className:"text__action"})]})]})})}),b=c.styled.div`
|
|
118
118
|
display: flex;
|
|
119
119
|
flex-direction: column;
|
|
120
120
|
gap: 1.5rem;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";const r=require("react/jsx-runtime"),n=require("react"),
|
|
1
|
+
"use strict";const r=require("react/jsx-runtime"),n=require("react"),k=require("./emotion-styled.browser.esm-BtEseadx.cjs"),M=require("./consts-CtNoHdBj.cjs"),U=require("./useDetectMobile-D6d5LpdL.cjs"),F=require("./index-CfA579i2.cjs"),N=require("./index-BxlCwYfi.cjs"),v=require("./suspense-product-card-simple-CQxB1MF4.cjs"),T=k.styled.div`
|
|
2
2
|
display: grid;
|
|
3
3
|
grid-template-columns: repeat(6, 1fr);
|
|
4
4
|
gap: 1.25rem;
|
|
@@ -9,7 +9,7 @@
|
|
|
9
9
|
margin: auto;
|
|
10
10
|
}
|
|
11
11
|
|
|
12
|
-
@media (max-width: ${
|
|
12
|
+
@media (max-width: ${M.MOBILE_SIZE_PX+"px"}) {
|
|
13
13
|
grid-template-columns: repeat(2, 1fr);
|
|
14
14
|
|
|
15
15
|
& .text-block-v1 {
|
|
@@ -28,4 +28,4 @@
|
|
|
28
28
|
|
|
29
29
|
}
|
|
30
30
|
}
|
|
31
|
-
`,
|
|
31
|
+
`,p=n.memo(F.SimpleProductCard),_=n.forwardRef((g,b)=>{const{title:h,subtitle:w,description:q,buttonText:y,buttonLink:P,items:i,onButtonAction:f=()=>{},onSelectCard:t=()=>{},isLoading:j=!1,limit:s=6,getImage:o=()=>{},negotiableText:c,freeText:l}=g,d=U.useDetectMobile(),S=n.useMemo(()=>{var a,m;return r.jsx(r.Fragment,{children:d===!0?(a=i==null?void 0:i.slice(0,4))==null?void 0:a.map((e,u)=>r.jsx(p,{title:e==null?void 0:e.name,price:e==null?void 0:e.price,isFree:e==null?void 0:e.isFree,isNegotiable:e==null?void 0:e.isNegotiable,currency:e==null?void 0:e.currency,sellerUuid:e==null?void 0:e.sellerUuid,uuid:e==null?void 0:e.uuid,onSelectCard:()=>t==null?void 0:t(e==null?void 0:e.uuid),image:o(e==null?void 0:e.image,e==null?void 0:e.uuid,e==null?void 0:e.sellerUuid)||null,negotiableText:c,freeText:l},u)):(m=i==null?void 0:i.slice(0,9))==null?void 0:m.map((e,u)=>r.jsx(p,{title:e==null?void 0:e.name,price:e==null?void 0:e.price,isFree:e==null?void 0:e.isFree,isNegotiable:e==null?void 0:e.isNegotiable,currency:e==null?void 0:e.currency,sellerUuid:e==null?void 0:e.sellerUuid,uuid:e==null?void 0:e.uuid,onSelectCard:()=>t==null?void 0:t(e==null?void 0:e.uuid),image:o(e==null?void 0:e.image,e==null?void 0:e.uuid,e==null?void 0:e.sellerUuid)||null,negotiableText:c,freeText:l},u))})},[i,d,s]);return r.jsxs(T,{ref:b,limit:s,children:[r.jsx(N.TextBlockV1,{subtitle:w,title:h,description:q,buttonText:y,buttonLink:P,onButtonAction:f,className:"text-block-v1"}),r.jsx(v.SuspenseSimpleProductCard,{isLoading:j,limit:s,keyPrefix:"explore-landing",children:S})]})});module.exports=_;
|
|
@@ -1,12 +1,12 @@
|
|
|
1
|
-
import { jsx as t, Fragment as
|
|
2
|
-
import { memo as
|
|
3
|
-
import { s as
|
|
4
|
-
import { M as
|
|
5
|
-
import { u as
|
|
6
|
-
import { S as
|
|
7
|
-
import { T as
|
|
8
|
-
import { S as
|
|
9
|
-
const
|
|
1
|
+
import { jsx as t, Fragment as M, jsxs as U } from "react/jsx-runtime";
|
|
2
|
+
import { memo as F, forwardRef as N, useMemo as T } from "react";
|
|
3
|
+
import { s as v } from "./emotion-styled.browser.esm-BNN1dTl3.js";
|
|
4
|
+
import { M as B } from "./consts-C1uHV4xc.js";
|
|
5
|
+
import { u as I } from "./useDetectMobile-BC6EGaBc.js";
|
|
6
|
+
import { S as L } from "./index-m9SN4CZC.js";
|
|
7
|
+
import { T as j } from "./index-CpuLfTNK.js";
|
|
8
|
+
import { S as z } from "./suspense-product-card-simple-fSvde3aM.js";
|
|
9
|
+
const C = v.div`
|
|
10
10
|
display: grid;
|
|
11
11
|
grid-template-columns: repeat(6, 1fr);
|
|
12
12
|
gap: 1.25rem;
|
|
@@ -17,7 +17,7 @@ const z = T.div`
|
|
|
17
17
|
margin: auto;
|
|
18
18
|
}
|
|
19
19
|
|
|
20
|
-
@media (max-width: ${
|
|
20
|
+
@media (max-width: ${B + "px"}) {
|
|
21
21
|
grid-template-columns: repeat(2, 1fr);
|
|
22
22
|
|
|
23
23
|
& .text-block-v1 {
|
|
@@ -36,28 +36,28 @@ const z = T.div`
|
|
|
36
36
|
|
|
37
37
|
}
|
|
38
38
|
}
|
|
39
|
-
`,
|
|
39
|
+
`, c = F(L), W = N((p, g) => {
|
|
40
40
|
const {
|
|
41
|
-
title:
|
|
42
|
-
subtitle:
|
|
43
|
-
description:
|
|
44
|
-
buttonText:
|
|
45
|
-
buttonLink:
|
|
41
|
+
title: f,
|
|
42
|
+
subtitle: b,
|
|
43
|
+
description: h,
|
|
44
|
+
buttonText: w,
|
|
45
|
+
buttonLink: y,
|
|
46
46
|
items: i,
|
|
47
|
-
onButtonAction:
|
|
47
|
+
onButtonAction: P = () => {
|
|
48
48
|
},
|
|
49
49
|
onSelectCard: r = () => {
|
|
50
50
|
},
|
|
51
|
-
isLoading:
|
|
51
|
+
isLoading: S = !1,
|
|
52
52
|
limit: o = 6,
|
|
53
53
|
getImage: l = () => {
|
|
54
54
|
},
|
|
55
|
-
negotiableText:
|
|
56
|
-
freeText:
|
|
57
|
-
} =
|
|
58
|
-
var a;
|
|
59
|
-
return /* @__PURE__ */ t(
|
|
60
|
-
|
|
55
|
+
negotiableText: s,
|
|
56
|
+
freeText: m
|
|
57
|
+
} = p, d = I(), k = T(() => {
|
|
58
|
+
var a, n;
|
|
59
|
+
return /* @__PURE__ */ t(M, { children: d === !0 ? (a = i == null ? void 0 : i.slice(0, 4)) == null ? void 0 : a.map((e, u) => /* @__PURE__ */ t(
|
|
60
|
+
c,
|
|
61
61
|
{
|
|
62
62
|
title: e == null ? void 0 : e.name,
|
|
63
63
|
price: e == null ? void 0 : e.price,
|
|
@@ -68,12 +68,12 @@ const z = T.div`
|
|
|
68
68
|
uuid: e == null ? void 0 : e.uuid,
|
|
69
69
|
onSelectCard: () => r == null ? void 0 : r(e == null ? void 0 : e.uuid),
|
|
70
70
|
image: l(e == null ? void 0 : e.image, e == null ? void 0 : e.uuid, e == null ? void 0 : e.sellerUuid) || null,
|
|
71
|
-
negotiableText:
|
|
72
|
-
freeText:
|
|
71
|
+
negotiableText: s,
|
|
72
|
+
freeText: m
|
|
73
73
|
},
|
|
74
74
|
u
|
|
75
|
-
)) : i == null ? void 0 : i.map((e, u) => /* @__PURE__ */ t(
|
|
76
|
-
|
|
75
|
+
)) : (n = i == null ? void 0 : i.slice(0, 9)) == null ? void 0 : n.map((e, u) => /* @__PURE__ */ t(
|
|
76
|
+
c,
|
|
77
77
|
{
|
|
78
78
|
title: e == null ? void 0 : e.name,
|
|
79
79
|
price: e == null ? void 0 : e.price,
|
|
@@ -84,36 +84,36 @@ const z = T.div`
|
|
|
84
84
|
uuid: e == null ? void 0 : e.uuid,
|
|
85
85
|
onSelectCard: () => r == null ? void 0 : r(e == null ? void 0 : e.uuid),
|
|
86
86
|
image: l(e == null ? void 0 : e.image, e == null ? void 0 : e.uuid, e == null ? void 0 : e.sellerUuid) || null,
|
|
87
|
-
negotiableText:
|
|
88
|
-
freeText:
|
|
87
|
+
negotiableText: s,
|
|
88
|
+
freeText: m
|
|
89
89
|
},
|
|
90
90
|
u
|
|
91
91
|
)) });
|
|
92
92
|
}, [i, d, o]);
|
|
93
|
-
return /* @__PURE__ */
|
|
93
|
+
return /* @__PURE__ */ U(C, { ref: g, limit: o, children: [
|
|
94
94
|
/* @__PURE__ */ t(
|
|
95
|
-
|
|
95
|
+
j,
|
|
96
96
|
{
|
|
97
|
-
subtitle:
|
|
98
|
-
title:
|
|
99
|
-
description:
|
|
100
|
-
buttonText:
|
|
101
|
-
buttonLink:
|
|
102
|
-
onButtonAction:
|
|
97
|
+
subtitle: b,
|
|
98
|
+
title: f,
|
|
99
|
+
description: h,
|
|
100
|
+
buttonText: w,
|
|
101
|
+
buttonLink: y,
|
|
102
|
+
onButtonAction: P,
|
|
103
103
|
className: "text-block-v1"
|
|
104
104
|
}
|
|
105
105
|
),
|
|
106
106
|
/* @__PURE__ */ t(
|
|
107
|
-
|
|
107
|
+
z,
|
|
108
108
|
{
|
|
109
|
-
isLoading:
|
|
109
|
+
isLoading: S,
|
|
110
110
|
limit: o,
|
|
111
111
|
keyPrefix: "explore-landing",
|
|
112
|
-
children:
|
|
112
|
+
children: k
|
|
113
113
|
}
|
|
114
114
|
)
|
|
115
115
|
] });
|
|
116
116
|
});
|
|
117
117
|
export {
|
|
118
|
-
|
|
118
|
+
W as default
|
|
119
119
|
};
|