@lanaco/lnc-react-ui 4.0.191 → 4.0.192
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.
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";const t=require("react/jsx-runtime"),a=require("react"),
|
|
1
|
+
"use strict";const t=require("react/jsx-runtime"),a=require("react"),E=require("./emotion-styled.browser.esm-BtEseadx.cjs"),I=require("./consts-goSZX3xP.cjs"),L=require("./IconButton.cjs"),T=require("./Button.cjs"),n=require("./utils-RnrgDDZP.cjs"),z=require("./useDetectMobile-zkbzoOGV.cjs"),g=require("./index-Coo0aVuh.cjs"),R=E.styled.div`
|
|
2
2
|
display: flex;
|
|
3
3
|
flex-direction: column;
|
|
4
4
|
gap: 1.5rem;
|
|
@@ -47,7 +47,7 @@
|
|
|
47
47
|
white-space: nowrap;
|
|
48
48
|
}
|
|
49
49
|
|
|
50
|
-
@media (max-width: ${
|
|
50
|
+
@media (max-width: ${I.MOBILE_SIZE_PX+"px"}) {
|
|
51
51
|
gap: 1.25rem;
|
|
52
52
|
|
|
53
53
|
& .section__items {
|
|
@@ -70,4 +70,4 @@
|
|
|
70
70
|
}
|
|
71
71
|
}
|
|
72
72
|
}
|
|
73
|
-
`,
|
|
73
|
+
`,U=a.memo(g.DetailedProductCard),A=a.forwardRef((r,p)=>{const{title:l,icon:c,items:i,limit:f=4,isLoading:s=!1,onSelectCard:b=()=>{},onLoadMore:h=()=>{},onButtonAction:w=()=>{},getImage:y=()=>{},viewAllbuttonLink:d,viewAllButonText:m="View all",negotiableText:_,freeText:k,loadMoreButtonIcon:v="angle-down",sponsoredText:S,onBookmark:C=()=>{},actionComponent:N,componentName:P,hasNextPage:j=!1,LinkComponent:q,urgentText:D}=r,u=z.useDetectMobile(),M=a.useMemo(()=>i==null?void 0:i.map((e,o)=>t.jsx(U,{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:(F,B)=>b({uuid:e==null?void 0:e.uuid,nameSlug:e==null?void 0:e.nameSlug,cardRef:B}),nameSlug:e==null?void 0:e.nameSlug,imageUrl:y(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:_,freeText:k,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,hasQuantities:e==null?void 0:e.hasQuantities,status:e==null?void 0:e.status,trade:e==null?void 0:e.trade,sponsoredText:S,onBookmark:C,actionComponent:N,bookmarked:e==null?void 0:e.bookmarked,bookmarkLists:e==null?void 0:e.bookmarkLists,metadata:{accessor:e==null?void 0:e.accessor,name:P},sellerName:e==null?void 0:e.sellerName,forCart:e==null?void 0:e.forCart,forOrder:e==null?void 0:e.forOrder,contactSeller:e==null?void 0:e.contactSeller,hasVariants:e==null?void 0:e.hasVariants,LinkComponent:q,activeSalesPackages:e==null?void 0:e.activeSalesPackages,urgentText:D},o)),[i]);return t.jsxs(R,{ref:p,limit:f,children:[t.jsxs("div",{className:"section__heading",children:[n.isDefinedNotEmptyString(l)&&t.jsxs("div",{className:"section__title",children:[n.isDefinedNotEmptyString(c)&&t.jsx("i",{className:c})," ",l]}),u&&n.isDefinedNotEmptyString(d)&&n.isDefinedNotEmptyString(m)&&!s&&t.jsx(T,{type:"button",btnType:"tinted",color:"neutral",onClick:e=>{var o;(o=e==null?void 0:e.target)==null||o.blur(),w(d)},borderRadius:"curved",className:"section__view-all",children:m})]}),t.jsx(g.SuspenseDetailedProductCard,{isLoading:s,keyPrefix:"detailed-product-card-skeleton",children:t.jsx("div",{className:"section__items",children:M})}),!u&&!s&&j&&t.jsx(L,{icon:v,borderRadius:"curved",btnType:"basic",color:"neutral",className:"section__show-more",onClick:h})]})});module.exports=A;
|
|
@@ -1,13 +1,13 @@
|
|
|
1
|
-
import { jsx as
|
|
2
|
-
import { memo as D, forwardRef as I, useMemo as
|
|
3
|
-
import { s as
|
|
4
|
-
import { M as
|
|
5
|
-
import
|
|
6
|
-
import
|
|
1
|
+
import { jsx as t, jsxs as s } from "react/jsx-runtime";
|
|
2
|
+
import { memo as D, forwardRef as I, useMemo as z } from "react";
|
|
3
|
+
import { s as E } from "./emotion-styled.browser.esm-BNN1dTl3.js";
|
|
4
|
+
import { M as U } from "./consts-BuFChS64.js";
|
|
5
|
+
import $ from "./IconButton.js";
|
|
6
|
+
import j from "./Button.js";
|
|
7
7
|
import { k as r } from "./utils-Dc5zIpaz.js";
|
|
8
|
-
import { u as
|
|
9
|
-
import { D as
|
|
10
|
-
const
|
|
8
|
+
import { u as A } from "./useDetectMobile-Bkvj0VMa.js";
|
|
9
|
+
import { D as F, S as O } from "./index-PhMLWAC1.js";
|
|
10
|
+
const R = E.div`
|
|
11
11
|
display: flex;
|
|
12
12
|
flex-direction: column;
|
|
13
13
|
gap: 1.5rem;
|
|
@@ -56,7 +56,7 @@ const O = z.div`
|
|
|
56
56
|
white-space: nowrap;
|
|
57
57
|
}
|
|
58
58
|
|
|
59
|
-
@media (max-width: ${
|
|
59
|
+
@media (max-width: ${U + "px"}) {
|
|
60
60
|
gap: 1.25rem;
|
|
61
61
|
|
|
62
62
|
& .section__items {
|
|
@@ -79,14 +79,14 @@ const O = z.div`
|
|
|
79
79
|
}
|
|
80
80
|
}
|
|
81
81
|
}
|
|
82
|
-
`,
|
|
82
|
+
`, V = D(F), x = I((a, p) => {
|
|
83
83
|
const {
|
|
84
84
|
title: l,
|
|
85
85
|
icon: c,
|
|
86
|
-
items:
|
|
87
|
-
limit:
|
|
86
|
+
items: o,
|
|
87
|
+
limit: g = 4,
|
|
88
88
|
isLoading: n = !1,
|
|
89
|
-
onSelectCard:
|
|
89
|
+
onSelectCard: f = () => {
|
|
90
90
|
},
|
|
91
91
|
onLoadMore: h = () => {
|
|
92
92
|
},
|
|
@@ -97,17 +97,18 @@ const O = z.div`
|
|
|
97
97
|
viewAllbuttonLink: m,
|
|
98
98
|
viewAllButonText: d = "View all",
|
|
99
99
|
negotiableText: _,
|
|
100
|
-
freeText:
|
|
101
|
-
loadMoreButtonIcon:
|
|
100
|
+
freeText: k,
|
|
101
|
+
loadMoreButtonIcon: y = "angle-down",
|
|
102
102
|
sponsoredText: v,
|
|
103
103
|
onBookmark: C = () => {
|
|
104
104
|
},
|
|
105
105
|
actionComponent: S,
|
|
106
106
|
componentName: N,
|
|
107
107
|
hasNextPage: P = !1,
|
|
108
|
-
LinkComponent: M
|
|
109
|
-
|
|
110
|
-
|
|
108
|
+
LinkComponent: M,
|
|
109
|
+
urgentText: B
|
|
110
|
+
} = a, u = A(), L = z(() => o == null ? void 0 : o.map((e, i) => /* @__PURE__ */ t(
|
|
111
|
+
V,
|
|
111
112
|
{
|
|
112
113
|
name: e == null ? void 0 : e.name,
|
|
113
114
|
price: e == null ? void 0 : e.price,
|
|
@@ -118,13 +119,13 @@ const O = z.div`
|
|
|
118
119
|
uuid: e == null ? void 0 : e.uuid,
|
|
119
120
|
sponsored: e == null ? void 0 : e.sponsored,
|
|
120
121
|
imageComponent: e == null ? void 0 : e.imageComponent,
|
|
121
|
-
onSelectCard: (
|
|
122
|
+
onSelectCard: (q, T) => f({ uuid: e == null ? void 0 : e.uuid, nameSlug: e == null ? void 0 : e.nameSlug, cardRef: T }),
|
|
122
123
|
nameSlug: e == null ? void 0 : e.nameSlug,
|
|
123
124
|
imageUrl: w(e == null ? void 0 : e.image, e == null ? void 0 : e.uuid, e == null ? void 0 : e.sellerUuid) || null,
|
|
124
125
|
isFree: e == null ? void 0 : e.isFree,
|
|
125
126
|
isNegotiable: e == null ? void 0 : e.isNegotiable,
|
|
126
127
|
negotiableText: _,
|
|
127
|
-
freeText:
|
|
128
|
+
freeText: k,
|
|
128
129
|
tags: e == null ? void 0 : e.tags,
|
|
129
130
|
categoryCode: e == null ? void 0 : e.categoryCode,
|
|
130
131
|
condition: e == null ? void 0 : e.condition,
|
|
@@ -143,19 +144,21 @@ const O = z.div`
|
|
|
143
144
|
forOrder: e == null ? void 0 : e.forOrder,
|
|
144
145
|
contactSeller: e == null ? void 0 : e.contactSeller,
|
|
145
146
|
hasVariants: e == null ? void 0 : e.hasVariants,
|
|
146
|
-
LinkComponent: M
|
|
147
|
+
LinkComponent: M,
|
|
148
|
+
activeSalesPackages: e == null ? void 0 : e.activeSalesPackages,
|
|
149
|
+
urgentText: B
|
|
147
150
|
},
|
|
148
151
|
i
|
|
149
|
-
)), [
|
|
150
|
-
return /* @__PURE__ */ s(
|
|
152
|
+
)), [o]);
|
|
153
|
+
return /* @__PURE__ */ s(R, { ref: p, limit: g, children: [
|
|
151
154
|
/* @__PURE__ */ s("div", { className: "section__heading", children: [
|
|
152
155
|
r(l) && /* @__PURE__ */ s("div", { className: "section__title", children: [
|
|
153
|
-
r(c) && /* @__PURE__ */
|
|
156
|
+
r(c) && /* @__PURE__ */ t("i", { className: c }),
|
|
154
157
|
" ",
|
|
155
158
|
l
|
|
156
159
|
] }),
|
|
157
|
-
u && r(m) && r(d) && !n && /* @__PURE__ */
|
|
158
|
-
|
|
160
|
+
u && r(m) && r(d) && !n && /* @__PURE__ */ t(
|
|
161
|
+
j,
|
|
159
162
|
{
|
|
160
163
|
type: "button",
|
|
161
164
|
btnType: "tinted",
|
|
@@ -170,18 +173,18 @@ const O = z.div`
|
|
|
170
173
|
}
|
|
171
174
|
)
|
|
172
175
|
] }),
|
|
173
|
-
/* @__PURE__ */
|
|
174
|
-
|
|
176
|
+
/* @__PURE__ */ t(
|
|
177
|
+
O,
|
|
175
178
|
{
|
|
176
179
|
isLoading: n,
|
|
177
180
|
keyPrefix: "detailed-product-card-skeleton",
|
|
178
|
-
children: /* @__PURE__ */
|
|
181
|
+
children: /* @__PURE__ */ t("div", { className: "section__items", children: L })
|
|
179
182
|
}
|
|
180
183
|
),
|
|
181
|
-
!u && !n && P && /* @__PURE__ */
|
|
182
|
-
|
|
184
|
+
!u && !n && P && /* @__PURE__ */ t(
|
|
185
|
+
$,
|
|
183
186
|
{
|
|
184
|
-
icon:
|
|
187
|
+
icon: y,
|
|
185
188
|
borderRadius: "curved",
|
|
186
189
|
btnType: "basic",
|
|
187
190
|
color: "neutral",
|
|
@@ -192,5 +195,5 @@ const O = z.div`
|
|
|
192
195
|
] });
|
|
193
196
|
});
|
|
194
197
|
export {
|
|
195
|
-
|
|
198
|
+
x as default
|
|
196
199
|
};
|