@lanaco/lnc-react-ui 4.0.145 → 4.0.147
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/DetailedProductsSection.cjs +3 -3
- package/dist/DetailedProductsSection.js +22 -22
- package/dist/UrgentSaleProductsSection.cjs +1 -1
- package/dist/UrgentSaleProductsSection.js +1 -1
- package/dist/suspense-product-card-detailed-C-ZCjG5p.js +538 -0
- package/dist/suspense-product-card-detailed-FuxsUusc.cjs +260 -0
- package/package.json +1 -1
- package/dist/suspense-product-card-detailed-B7gioG73.cjs +0 -265
- package/dist/suspense-product-card-detailed-FUKF_Pyc.js +0 -574
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";const t=require("react/jsx-runtime"),a=require("react"),U=require("./emotion-styled.browser.esm-BtEseadx.cjs"),
|
|
1
|
+
"use strict";const t=require("react/jsx-runtime"),a=require("react"),U=require("./emotion-styled.browser.esm-BtEseadx.cjs"),L=require("./consts-goSZX3xP.cjs"),M=require("./Button.cjs"),h=require("./utils-Dl9xPH4c.cjs"),T=require("./useDetectMobile-zkbzoOGV.cjs"),F=require("./style-CyHewQxg.cjs"),q=require("./suspense-product-card-detailed-FuxsUusc.cjs"),B=require("./index-D0xXo7W6.cjs"),E=U.styled.div`
|
|
2
2
|
display: grid;
|
|
3
3
|
grid-template-columns: ${s=>`repeat(${s.limit}, minmax(0, 1fr))`};
|
|
4
4
|
gap: 1.25rem;
|
|
@@ -7,7 +7,7 @@
|
|
|
7
7
|
white-space: nowrap;
|
|
8
8
|
}
|
|
9
9
|
|
|
10
|
-
@media (max-width: ${
|
|
10
|
+
@media (max-width: ${L.MOBILE_SIZE_PX+"px"}) {
|
|
11
11
|
display: flex;
|
|
12
12
|
gap: 1rem;
|
|
13
13
|
overflow-x: auto;
|
|
@@ -26,4 +26,4 @@
|
|
|
26
26
|
/* Safari and Chrome */
|
|
27
27
|
}
|
|
28
28
|
}
|
|
29
|
-
`,f=a.memo(
|
|
29
|
+
`,f=a.memo(q.DetailedProductCard),R=a.forwardRef((s,S)=>{const{icon:l,title:j,buttonLink:c,items:i,buttonText:w,limit:r=4,onSelectCard:d=()=>{},onButtonAction:P=()=>{},isLoading:N=!1,getImage:u=()=>{},negotiableText:m,freeText:g,options:n,onSelectOption:p=()=>{},productsToolbarName:v="All",sponsoredText:b,onBookmark:k=()=>{},bookmarkComponent:y}=s,C=T.useDetectMobile(),D=a.useMemo(()=>t.jsx(t.Fragment,{children:C===!0?i==null?void 0:i.map((e,o)=>t.jsx(f,{name:e==null?void 0:e.name,price:e==null?void 0:e.price,sellingPrice:e==null?void 0:e.sellingPrice,currency:e==null?void 0:e.currency,image:e==null?void 0:e.image,sellerUuid:e==null?void 0:e.sellerUuid,uuid:e==null?void 0:e.uuid,sponsored:e==null?void 0:e.sponsored,imageComponent:e==null?void 0:e.imageComponent,onSelectCard:()=>d(e==null?void 0:e.uuid),imageUrl:u(e==null?void 0:e.image,e==null?void 0:e.uuid,e==null?void 0:e.sellerUuid)||null,isFree:e==null?void 0:e.isFree,isNegotiable:e==null?void 0:e.isNegotiable,negotiableText:m,freeText:g,tags:e==null?void 0:e.tags,categoryCode:e==null?void 0:e.categoryCode,condition:e==null?void 0:e.condition,quantity:e==null?void 0:e.quantity,trade:e==null?void 0:e.trade,sponsoredText:b,onBookmark:k,bookmarkComponent:y,bookmarked:e==null?void 0:e.bookmarked,bookmarkLists:e==null?void 0:e.bookmarkLists},o)):i==null?void 0:i.slice(0,r).map((e,o)=>t.jsx(f,{name:e==null?void 0:e.name,price:e==null?void 0:e.price,sellingPrice:e==null?void 0:e.sellingPrice,currency:e==null?void 0:e.currency,image:e==null?void 0:e.image,sellerUuid:e==null?void 0:e.sellerUuid,uuid:e==null?void 0:e.uuid,location:e==null?void 0:e.location,sponsored:e==null?void 0:e.sponsored,imageComponent:e==null?void 0:e.imageComponent,onSelectCard:()=>d(e==null?void 0:e.uuid),imageUrl:u(e==null?void 0:e.image,e==null?void 0:e.uuid,e==null?void 0:e.sellerUuid)||null,isFree:e==null?void 0:e.isFree,isNegotiable:e==null?void 0:e.isNegotiable,negotiableText:m,freeText:g,tags:e==null?void 0:e.tags,categoryCode:e==null?void 0:e.categoryCode,condition:e==null?void 0:e.condition,quantity:e==null?void 0:e.quantity,trade:e==null?void 0:e.trade,sponsoredText:b,onBookmark:k,bookmarkComponent:y,bookmarked:e==null?void 0:e.bookmarked,bookmarkLists:e==null?void 0:e.bookmarkLists},o))}),[i,C,r]);return t.jsxs(F.TitleWithOptionsSectionWrapper,{ref:S,children:[t.jsxs("div",{className:"regular-title",children:[t.jsxs("div",{className:"regular-title-text",children:[h.isDefinedNotEmptyString(l)&&t.jsx("i",{className:l}),t.jsx("span",{children:j})]}),h.isDefinedNotEmptyString(c)&&t.jsx(M,{type:"button",btnType:"tinted",color:"neutral",onClick:e=>{var o;(o=e==null?void 0:e.target)==null||o.blur(),P(c)},borderRadius:"curved",className:"button-link",children:w})]}),(n==null?void 0:n.length)>0&&t.jsx(B.SelectBar,{items:n,onRemove:e=>{p(e)},onSelect:e=>{p(e)},labelKey:"name",valueKey:"code",noMargin:!0,productsToolbarName:v}),t.jsx(E,{limit:r,children:t.jsx(q.SuspenseDetailedProductCard,{isLoading:N,limit:r,keyPrefix:"explore-landing",children:D})})]})});module.exports=R;
|
|
@@ -1,12 +1,12 @@
|
|
|
1
|
-
import { jsx as o, Fragment as
|
|
1
|
+
import { jsx as o, Fragment as L, jsxs as l } from "react/jsx-runtime";
|
|
2
2
|
import { memo as M, forwardRef as D, useMemo as F } from "react";
|
|
3
3
|
import { s as B } from "./emotion-styled.browser.esm-BNN1dTl3.js";
|
|
4
4
|
import { M as q } from "./consts-BuFChS64.js";
|
|
5
5
|
import E from "./Button.js";
|
|
6
|
-
import { k as
|
|
6
|
+
import { k as C } from "./utils-BdsZgOUE.js";
|
|
7
7
|
import { u as I } from "./useDetectMobile-Bkvj0VMa.js";
|
|
8
8
|
import { T as O } from "./style-DFPWLJBr.js";
|
|
9
|
-
import { D as R, S as W } from "./suspense-product-card-detailed-
|
|
9
|
+
import { D as R, S as W } from "./suspense-product-card-detailed-C-ZCjG5p.js";
|
|
10
10
|
import { S as $ } from "./index-Dweo-G3H.js";
|
|
11
11
|
const j = B.div`
|
|
12
12
|
display: grid;
|
|
@@ -36,19 +36,19 @@ const j = B.div`
|
|
|
36
36
|
/* Safari and Chrome */
|
|
37
37
|
}
|
|
38
38
|
}
|
|
39
|
-
`,
|
|
39
|
+
`, h = M(R), V = D((n, S) => {
|
|
40
40
|
const {
|
|
41
41
|
icon: s,
|
|
42
|
-
title:
|
|
42
|
+
title: w,
|
|
43
43
|
buttonLink: d,
|
|
44
44
|
items: r,
|
|
45
|
-
buttonText:
|
|
45
|
+
buttonText: P,
|
|
46
46
|
limit: t = 4,
|
|
47
47
|
onSelectCard: m = () => {
|
|
48
48
|
},
|
|
49
|
-
onButtonAction:
|
|
49
|
+
onButtonAction: N = () => {
|
|
50
50
|
},
|
|
51
|
-
isLoading:
|
|
51
|
+
isLoading: v = !1,
|
|
52
52
|
getImage: c = () => {
|
|
53
53
|
},
|
|
54
54
|
negotiableText: u,
|
|
@@ -56,13 +56,13 @@ const j = B.div`
|
|
|
56
56
|
options: a,
|
|
57
57
|
onSelectOption: g = () => {
|
|
58
58
|
},
|
|
59
|
-
productsToolbarName:
|
|
59
|
+
productsToolbarName: T = "All",
|
|
60
60
|
sponsoredText: b,
|
|
61
61
|
onBookmark: k = () => {
|
|
62
62
|
},
|
|
63
|
-
bookmarkComponent: f
|
|
64
|
-
} = n, y = I(),
|
|
65
|
-
|
|
63
|
+
bookmarkComponent: f
|
|
64
|
+
} = n, y = I(), U = F(() => /* @__PURE__ */ o(L, { children: y === !0 ? r == null ? void 0 : r.map((e, i) => /* @__PURE__ */ o(
|
|
65
|
+
h,
|
|
66
66
|
{
|
|
67
67
|
name: e == null ? void 0 : e.name,
|
|
68
68
|
price: e == null ? void 0 : e.price,
|
|
@@ -92,7 +92,7 @@ const j = B.div`
|
|
|
92
92
|
},
|
|
93
93
|
i
|
|
94
94
|
)) : r == null ? void 0 : r.slice(0, t).map((e, i) => /* @__PURE__ */ o(
|
|
95
|
-
|
|
95
|
+
h,
|
|
96
96
|
{
|
|
97
97
|
name: e == null ? void 0 : e.name,
|
|
98
98
|
price: e == null ? void 0 : e.price,
|
|
@@ -123,13 +123,13 @@ const j = B.div`
|
|
|
123
123
|
},
|
|
124
124
|
i
|
|
125
125
|
)) }), [r, y, t]);
|
|
126
|
-
return /* @__PURE__ */ l(O, { ref:
|
|
126
|
+
return /* @__PURE__ */ l(O, { ref: S, children: [
|
|
127
127
|
/* @__PURE__ */ l("div", { className: "regular-title", children: [
|
|
128
128
|
/* @__PURE__ */ l("div", { className: "regular-title-text", children: [
|
|
129
|
-
|
|
130
|
-
/* @__PURE__ */ o("span", { children:
|
|
129
|
+
C(s) && /* @__PURE__ */ o("i", { className: s }),
|
|
130
|
+
/* @__PURE__ */ o("span", { children: w })
|
|
131
131
|
] }),
|
|
132
|
-
|
|
132
|
+
C(d) && /* @__PURE__ */ o(
|
|
133
133
|
E,
|
|
134
134
|
{
|
|
135
135
|
type: "button",
|
|
@@ -137,11 +137,11 @@ const j = B.div`
|
|
|
137
137
|
color: "neutral",
|
|
138
138
|
onClick: (e) => {
|
|
139
139
|
var i;
|
|
140
|
-
(i = e == null ? void 0 : e.target) == null || i.blur(),
|
|
140
|
+
(i = e == null ? void 0 : e.target) == null || i.blur(), N(d);
|
|
141
141
|
},
|
|
142
142
|
borderRadius: "curved",
|
|
143
143
|
className: "button-link",
|
|
144
|
-
children:
|
|
144
|
+
children: P
|
|
145
145
|
}
|
|
146
146
|
)
|
|
147
147
|
] }),
|
|
@@ -158,16 +158,16 @@ const j = B.div`
|
|
|
158
158
|
labelKey: "name",
|
|
159
159
|
valueKey: "code",
|
|
160
160
|
noMargin: !0,
|
|
161
|
-
productsToolbarName:
|
|
161
|
+
productsToolbarName: T
|
|
162
162
|
}
|
|
163
163
|
),
|
|
164
164
|
/* @__PURE__ */ o(j, { limit: t, children: /* @__PURE__ */ o(
|
|
165
165
|
W,
|
|
166
166
|
{
|
|
167
|
-
isLoading:
|
|
167
|
+
isLoading: v,
|
|
168
168
|
limit: t,
|
|
169
169
|
keyPrefix: "explore-landing",
|
|
170
|
-
children:
|
|
170
|
+
children: U
|
|
171
171
|
}
|
|
172
172
|
) })
|
|
173
173
|
] });
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";const i=require("react/jsx-runtime"),l=require("react"),v=require("./emotion-styled.browser.esm-BtEseadx.cjs"),k=require("./consts-goSZX3xP.cjs"),C=require("./useDetectMobile-zkbzoOGV.cjs"),q=require("./Button.cjs"),w=require("./suspense-product-card-detailed-
|
|
1
|
+
"use strict";const i=require("react/jsx-runtime"),l=require("react"),v=require("./emotion-styled.browser.esm-BtEseadx.cjs"),k=require("./consts-goSZX3xP.cjs"),C=require("./useDetectMobile-zkbzoOGV.cjs"),q=require("./Button.cjs"),w=require("./suspense-product-card-detailed-FuxsUusc.cjs"),N=v.styled.div`
|
|
2
2
|
padding: 1.75rem 3rem;
|
|
3
3
|
display: grid;
|
|
4
4
|
grid-template-columns: ${o=>`repeat(${o.limit||5}, minmax(0, 1fr))`};
|
|
@@ -4,7 +4,7 @@ import { s as F } from "./emotion-styled.browser.esm-BNN1dTl3.js";
|
|
|
4
4
|
import { M as I, S as T } from "./consts-BuFChS64.js";
|
|
5
5
|
import { u as _ } from "./useDetectMobile-Bkvj0VMa.js";
|
|
6
6
|
import B from "./Button.js";
|
|
7
|
-
import { D, S as E } from "./suspense-product-card-detailed-
|
|
7
|
+
import { D, S as E } from "./suspense-product-card-detailed-C-ZCjG5p.js";
|
|
8
8
|
const j = F.div`
|
|
9
9
|
padding: 1.75rem 3rem;
|
|
10
10
|
display: grid;
|