@lanaco/lnc-react-ui 4.0.157 → 4.0.160
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/BlogCardsSponsoredSection.cjs +8 -8
- package/dist/BlogCardsSponsoredSection.js +105 -89
- package/dist/BlogExploreSection.cjs +5 -5
- package/dist/BlogExploreSection.js +88 -84
- package/dist/BlogListSection.cjs +5 -5
- package/dist/BlogListSection.js +139 -126
- package/dist/BlogProductCardsSection.cjs +1 -1
- package/dist/BlogProductCardsSection.js +37 -35
- package/dist/BlogShopCardsSection.cjs +1 -1
- package/dist/BlogShopCardsSection.js +43 -41
- package/dist/BlogSingleSection.cjs +1 -1
- package/dist/BlogSingleSection.js +9 -4
- package/dist/BlogsSectionDetailed.cjs +11 -11
- package/dist/BlogsSectionDetailed.js +122 -108
- package/dist/BlogsSectionLarge.cjs +4 -4
- package/dist/BlogsSectionLarge.js +43 -40
- package/dist/BlogsSectionSimple.cjs +8 -8
- package/dist/BlogsSectionSimple.js +100 -86
- package/dist/BlogsSectionSimpleCentered.cjs +9 -9
- package/dist/BlogsSectionSimpleCentered.js +81 -66
- package/dist/BlogsSectionWithFilters.cjs +11 -11
- package/dist/BlogsSectionWithFilters.js +108 -93
- package/dist/{CustomStyles-Ajyqx0cb.cjs → CustomStyles-BwHfr4iM.cjs} +1 -1
- package/dist/{CustomStyles-DVcu00ul.js → CustomStyles-iconSXFL.js} +0 -1
- package/dist/DetailedProductsInfinitiveSection.cjs +3 -3
- package/dist/DetailedProductsInfinitiveSection.js +29 -27
- package/dist/DetailedProductsSection.cjs +3 -3
- package/dist/DetailedProductsSection.js +76 -65
- package/dist/Dropdown.cjs +1 -1
- package/dist/Dropdown.js +2 -2
- package/dist/DropdownLookup.cjs +1 -1
- package/dist/DropdownLookup.js +1 -1
- package/dist/FieldOfInterestsWithAvatarsCardsSection.cjs +1 -1
- package/dist/FieldOfInterestsWithAvatarsCardsSection.js +1 -1
- package/dist/MultiSelectDropdown.cjs +1 -1
- package/dist/MultiSelectDropdown.js +1 -1
- package/dist/MultiSelectDropdownLookup.cjs +1 -1
- package/dist/MultiSelectDropdownLookup.js +1 -1
- package/dist/ProductsWithBannerSection.cjs +10 -10
- package/dist/ProductsWithBannerSection.js +81 -59
- package/dist/SalesCampaignsSection.cjs +27 -27
- package/dist/SalesCampaignsSection.js +245 -239
- package/dist/ShopCardsSection.cjs +3 -3
- package/dist/ShopCardsSection.js +27 -25
- package/dist/SimpleProductsSection.cjs +3 -3
- package/dist/SimpleProductsSection.js +62 -51
- package/dist/UrgentSaleProductsSection.cjs +6 -6
- package/dist/UrgentSaleProductsSection.js +67 -56
- package/dist/index-1Dm1i6WK.js +52 -0
- package/dist/index-BGTtoLxz.cjs +1 -0
- package/dist/{index-CLoINIGC.cjs → index-DicTpiG0.cjs} +5 -5
- package/dist/{index-BGY3PSA-.js → index-y6sKgrZC.js} +45 -34
- package/dist/index.cjs +1 -1
- package/dist/index.js +1 -1
- package/dist/{skeleton-BWFqIToC.js → skeleton-5mO22c5S.js} +94 -84
- package/dist/{skeleton-CanJ6Gr6.cjs → skeleton-Ccd6EDeB.cjs} +8 -8
- package/dist/{suspense-product-card-detailed-BWoxabjZ.js → suspense-product-card-detailed-BZtObEfA.js} +126 -123
- package/dist/{suspense-product-card-detailed-DYyH_jf5.cjs → suspense-product-card-detailed-D-pjVe22.cjs} +7 -7
- package/dist/{suspense-product-card-simple-CrqjSxHI.cjs → suspense-product-card-simple-DJ8UYolb.cjs} +1 -1
- package/dist/{suspense-product-card-simple-CLJjab5B.js → suspense-product-card-simple-ziy0XcLp.js} +1 -1
- package/package.json +1 -1
- package/dist/index-Cm0f72Po.cjs +0 -1
- package/dist/index-DGp7FHms.js +0 -42
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
import { jsx as o, jsxs as n } from "react/jsx-runtime";
|
|
2
|
-
import { memo as
|
|
3
|
-
import { s as
|
|
4
|
-
import { M as
|
|
5
|
-
import
|
|
6
|
-
import
|
|
2
|
+
import { memo as B, forwardRef as D, useMemo as I } from "react";
|
|
3
|
+
import { s as L } from "./emotion-styled.browser.esm-BNN1dTl3.js";
|
|
4
|
+
import { M as T } from "./consts-BuFChS64.js";
|
|
5
|
+
import z from "./IconButton.js";
|
|
6
|
+
import E from "./Button.js";
|
|
7
7
|
import { k as a } from "./utils-BdsZgOUE.js";
|
|
8
|
-
import { u as
|
|
9
|
-
import { D as
|
|
10
|
-
const
|
|
8
|
+
import { u as U } from "./useDetectMobile-Bkvj0VMa.js";
|
|
9
|
+
import { D as $, S as j } from "./suspense-product-card-detailed-BZtObEfA.js";
|
|
10
|
+
const A = L.div`
|
|
11
11
|
display: flex;
|
|
12
12
|
flex-direction: column;
|
|
13
13
|
gap: 1.5rem;
|
|
@@ -56,7 +56,7 @@ const $ = D.div`
|
|
|
56
56
|
white-space: nowrap;
|
|
57
57
|
}
|
|
58
58
|
|
|
59
|
-
@media (max-width: ${
|
|
59
|
+
@media (max-width: ${T + "px"}) {
|
|
60
60
|
& .section__items {
|
|
61
61
|
display: flex;
|
|
62
62
|
gap: 1rem;
|
|
@@ -77,10 +77,10 @@ const $ = D.div`
|
|
|
77
77
|
}
|
|
78
78
|
}
|
|
79
79
|
}
|
|
80
|
-
`,
|
|
80
|
+
`, F = B($), Q = D((r, p) => {
|
|
81
81
|
const {
|
|
82
|
-
title:
|
|
83
|
-
icon:
|
|
82
|
+
title: s,
|
|
83
|
+
icon: l,
|
|
84
84
|
items: i,
|
|
85
85
|
limit: c = 4,
|
|
86
86
|
isLoading: m = !1,
|
|
@@ -100,9 +100,10 @@ const $ = D.div`
|
|
|
100
100
|
sponsoredText: v,
|
|
101
101
|
onBookmark: C = () => {
|
|
102
102
|
},
|
|
103
|
-
bookmarkComponent:
|
|
104
|
-
|
|
105
|
-
|
|
103
|
+
bookmarkComponent: N,
|
|
104
|
+
componentName: S
|
|
105
|
+
} = r, u = U(), P = I(() => i == null ? void 0 : i.map((e, t) => /* @__PURE__ */ o(
|
|
106
|
+
F,
|
|
106
107
|
{
|
|
107
108
|
name: e == null ? void 0 : e.name,
|
|
108
109
|
price: e == null ? void 0 : e.price,
|
|
@@ -113,7 +114,7 @@ const $ = D.div`
|
|
|
113
114
|
uuid: e == null ? void 0 : e.uuid,
|
|
114
115
|
sponsored: e == null ? void 0 : e.sponsored,
|
|
115
116
|
imageComponent: e == null ? void 0 : e.imageComponent,
|
|
116
|
-
onSelectCard: () => g({ uuid: e == null ? void 0 : e.uuid, nameSlug: e == null ? void 0 : e.nameSlug }),
|
|
117
|
+
onSelectCard: (R, M) => g({ uuid: e == null ? void 0 : e.uuid, nameSlug: e == null ? void 0 : e.nameSlug, cardRef: M }),
|
|
117
118
|
imageUrl: w(e == null ? void 0 : e.image, e == null ? void 0 : e.uuid, e == null ? void 0 : e.sellerUuid) || null,
|
|
118
119
|
isFree: e == null ? void 0 : e.isFree,
|
|
119
120
|
isNegotiable: e == null ? void 0 : e.isNegotiable,
|
|
@@ -126,21 +127,22 @@ const $ = D.div`
|
|
|
126
127
|
trade: e == null ? void 0 : e.trade,
|
|
127
128
|
sponsoredText: v,
|
|
128
129
|
onBookmark: C,
|
|
129
|
-
bookmarkComponent:
|
|
130
|
+
bookmarkComponent: N,
|
|
130
131
|
bookmarked: e == null ? void 0 : e.bookmarked,
|
|
131
|
-
bookmarkLists: e == null ? void 0 : e.bookmarkLists
|
|
132
|
+
bookmarkLists: e == null ? void 0 : e.bookmarkLists,
|
|
133
|
+
metadata: { accessor: e == null ? void 0 : e.accessor, name: S }
|
|
132
134
|
},
|
|
133
135
|
t
|
|
134
136
|
)), [i]);
|
|
135
|
-
return /* @__PURE__ */ n(
|
|
137
|
+
return /* @__PURE__ */ n(A, { ref: p, limit: c, children: [
|
|
136
138
|
/* @__PURE__ */ n("div", { className: "section__heading", children: [
|
|
137
|
-
a(
|
|
138
|
-
a(
|
|
139
|
+
a(s) && /* @__PURE__ */ n("div", { className: "section__title", children: [
|
|
140
|
+
a(l) && /* @__PURE__ */ o("i", { className: l }),
|
|
139
141
|
" ",
|
|
140
|
-
|
|
142
|
+
s
|
|
141
143
|
] }),
|
|
142
144
|
u && a(d) && /* @__PURE__ */ o(
|
|
143
|
-
|
|
145
|
+
E,
|
|
144
146
|
{
|
|
145
147
|
type: "button",
|
|
146
148
|
btnType: "tinted",
|
|
@@ -156,16 +158,16 @@ const $ = D.div`
|
|
|
156
158
|
)
|
|
157
159
|
] }),
|
|
158
160
|
/* @__PURE__ */ o("div", { className: "section__items", children: /* @__PURE__ */ o(
|
|
159
|
-
|
|
161
|
+
j,
|
|
160
162
|
{
|
|
161
163
|
isLoading: m,
|
|
162
164
|
limit: c,
|
|
163
165
|
keyPrefix: "explore-landing",
|
|
164
|
-
children:
|
|
166
|
+
children: P
|
|
165
167
|
}
|
|
166
168
|
) }),
|
|
167
169
|
!u && !m && /* @__PURE__ */ o(
|
|
168
|
-
|
|
170
|
+
z,
|
|
169
171
|
{
|
|
170
172
|
icon: k,
|
|
171
173
|
borderRadius: "curved",
|
|
@@ -178,5 +180,5 @@ const $ = D.div`
|
|
|
178
180
|
] });
|
|
179
181
|
});
|
|
180
182
|
export {
|
|
181
|
-
|
|
183
|
+
Q as default
|
|
182
184
|
};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";const
|
|
1
|
+
"use strict";const o=require("react/jsx-runtime"),l=require("react"),T=require("./emotion-styled.browser.esm-BtEseadx.cjs"),F=require("./consts-goSZX3xP.cjs"),B=require("./Button.cjs"),f=require("./utils-Dl9xPH4c.cjs"),E=require("./useDetectMobile-zkbzoOGV.cjs"),R=require("./style-lSjkOR95.cjs"),j=require("./suspense-product-card-detailed-D-pjVe22.cjs"),I=require("./index-D0xXo7W6.cjs"),_=T.styled.div`
|
|
2
2
|
display: grid;
|
|
3
3
|
grid-template-columns: ${a=>`repeat(${a.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: ${F.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
|
-
`,
|
|
29
|
+
`,q=l.memo(j.DetailedProductCard),O=l.forwardRef((a,w)=>{const{icon:c,title:N,buttonLink:d,items:t,buttonText:P,limit:i=4,onSelectCard:u=()=>{},onButtonAction:v=()=>{},isLoading:D=!1,getImage:m=()=>{},negotiableText:g,freeText:p,options:n,onSelectOption:b=()=>{},productsToolbarName:U="All",sponsoredText:k,onBookmark:y=()=>{},bookmarkComponent:C,componentName:S}=a,h=E.useDetectMobile(),L=l.useMemo(()=>o.jsx(o.Fragment,{children:h===!0?t==null?void 0:t.map((e,r)=>o.jsx(q,{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:(M,s)=>u({uuid:e==null?void 0:e.uuid,nameSlug:e==null?void 0:e.nameSlug,cardRef:s}),imageUrl:m(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:g,freeText:p,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:k,onBookmark:y,bookmarkComponent:C,bookmarked:e==null?void 0:e.bookmarked,bookmarkLists:e==null?void 0:e.bookmarkLists,metadata:{accessor:e==null?void 0:e.accessor,name:S}},r)):t==null?void 0:t.slice(0,i).map((e,r)=>o.jsx(q,{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:(M,s)=>u({uuid:e==null?void 0:e.uuid,nameSlug:e==null?void 0:e.nameSlug,cardRef:s}),imageUrl:m(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:g,freeText:p,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:k,onBookmark:y,bookmarkComponent:C,bookmarked:e==null?void 0:e.bookmarked,bookmarkLists:e==null?void 0:e.bookmarkLists,metadata:{accessor:e==null?void 0:e.accessor,name:S}},r))}),[t,h,i]);return o.jsxs(R.TitleWithOptionsSectionWrapper,{ref:w,children:[o.jsxs("div",{className:"regular-title",children:[o.jsxs("div",{className:"regular-title-text",children:[f.isDefinedNotEmptyString(c)&&o.jsx("i",{className:c}),o.jsx("span",{children:N})]}),f.isDefinedNotEmptyString(d)&&o.jsx(B,{type:"button",btnType:"tinted",color:"neutral",onClick:e=>{var r;(r=e==null?void 0:e.target)==null||r.blur(),v(d)},borderRadius:"curved",className:"button-link",children:P})]}),(n==null?void 0:n.length)>0&&o.jsx(I.SelectBar,{items:n,onRemove:e=>{b(e)},onSelect:e=>{b(e)},labelKey:"name",valueKey:"code",noMargin:!0,productsToolbarName:U}),o.jsx(_,{limit:i,children:o.jsx(j.SuspenseDetailedProductCard,{isLoading:D,limit:i,keyPrefix:"explore-landing",children:L})})]})});module.exports=O;
|
|
@@ -1,14 +1,14 @@
|
|
|
1
|
-
import { jsx as o, Fragment as
|
|
2
|
-
import { memo as
|
|
3
|
-
import { s as
|
|
4
|
-
import { M as
|
|
5
|
-
import
|
|
6
|
-
import { k as
|
|
7
|
-
import { u as
|
|
8
|
-
import { T as
|
|
9
|
-
import { D as
|
|
10
|
-
import { S as
|
|
11
|
-
const
|
|
1
|
+
import { jsx as o, Fragment as F, jsxs as s } from "react/jsx-runtime";
|
|
2
|
+
import { memo as B, forwardRef as q, useMemo as E } from "react";
|
|
3
|
+
import { s as I } from "./emotion-styled.browser.esm-BNN1dTl3.js";
|
|
4
|
+
import { M as O } from "./consts-BuFChS64.js";
|
|
5
|
+
import R from "./Button.js";
|
|
6
|
+
import { k as h } from "./utils-BdsZgOUE.js";
|
|
7
|
+
import { u as W } from "./useDetectMobile-Bkvj0VMa.js";
|
|
8
|
+
import { T as $ } from "./style-BLuyU97E.js";
|
|
9
|
+
import { D as j, S as z } from "./suspense-product-card-detailed-BZtObEfA.js";
|
|
10
|
+
import { S as A } from "./index-Dweo-G3H.js";
|
|
11
|
+
const K = I.div`
|
|
12
12
|
display: grid;
|
|
13
13
|
grid-template-columns: ${(n) => `repeat(${n.limit}, minmax(0, 1fr))`};
|
|
14
14
|
gap: 1.25rem;
|
|
@@ -17,7 +17,7 @@ const j = B.div`
|
|
|
17
17
|
white-space: nowrap;
|
|
18
18
|
}
|
|
19
19
|
|
|
20
|
-
@media (max-width: ${
|
|
20
|
+
@media (max-width: ${O + "px"}) {
|
|
21
21
|
display: flex;
|
|
22
22
|
gap: 1rem;
|
|
23
23
|
overflow-x: auto;
|
|
@@ -36,33 +36,34 @@ const j = B.div`
|
|
|
36
36
|
/* Safari and Chrome */
|
|
37
37
|
}
|
|
38
38
|
}
|
|
39
|
-
`,
|
|
39
|
+
`, w = B(j), ee = q((n, N) => {
|
|
40
40
|
const {
|
|
41
|
-
icon:
|
|
42
|
-
title:
|
|
41
|
+
icon: m,
|
|
42
|
+
title: P,
|
|
43
43
|
buttonLink: d,
|
|
44
44
|
items: r,
|
|
45
|
-
buttonText:
|
|
45
|
+
buttonText: v,
|
|
46
46
|
limit: t = 4,
|
|
47
|
-
onSelectCard:
|
|
47
|
+
onSelectCard: c = () => {
|
|
48
48
|
},
|
|
49
|
-
onButtonAction:
|
|
49
|
+
onButtonAction: T = () => {
|
|
50
50
|
},
|
|
51
|
-
isLoading:
|
|
52
|
-
getImage:
|
|
51
|
+
isLoading: U = !1,
|
|
52
|
+
getImage: u = () => {
|
|
53
53
|
},
|
|
54
|
-
negotiableText:
|
|
55
|
-
freeText:
|
|
54
|
+
negotiableText: p,
|
|
55
|
+
freeText: g,
|
|
56
56
|
options: a,
|
|
57
|
-
onSelectOption:
|
|
57
|
+
onSelectOption: b = () => {
|
|
58
58
|
},
|
|
59
|
-
productsToolbarName:
|
|
60
|
-
sponsoredText:
|
|
61
|
-
onBookmark:
|
|
59
|
+
productsToolbarName: L = "All",
|
|
60
|
+
sponsoredText: k,
|
|
61
|
+
onBookmark: f = () => {
|
|
62
62
|
},
|
|
63
|
-
bookmarkComponent:
|
|
64
|
-
|
|
65
|
-
|
|
63
|
+
bookmarkComponent: y,
|
|
64
|
+
componentName: S
|
|
65
|
+
} = n, C = W(), M = E(() => /* @__PURE__ */ o(F, { children: C === !0 ? r == null ? void 0 : r.map((e, i) => /* @__PURE__ */ o(
|
|
66
|
+
w,
|
|
66
67
|
{
|
|
67
68
|
name: e == null ? void 0 : e.name,
|
|
68
69
|
price: e == null ? void 0 : e.price,
|
|
@@ -73,26 +74,31 @@ const j = B.div`
|
|
|
73
74
|
uuid: e == null ? void 0 : e.uuid,
|
|
74
75
|
sponsored: e == null ? void 0 : e.sponsored,
|
|
75
76
|
imageComponent: e == null ? void 0 : e.imageComponent,
|
|
76
|
-
onSelectCard: () =>
|
|
77
|
-
|
|
77
|
+
onSelectCard: (D, l) => c({
|
|
78
|
+
uuid: e == null ? void 0 : e.uuid,
|
|
79
|
+
nameSlug: e == null ? void 0 : e.nameSlug,
|
|
80
|
+
cardRef: l
|
|
81
|
+
}),
|
|
82
|
+
imageUrl: u(e == null ? void 0 : e.image, e == null ? void 0 : e.uuid, e == null ? void 0 : e.sellerUuid) || null,
|
|
78
83
|
isFree: e == null ? void 0 : e.isFree,
|
|
79
84
|
isNegotiable: e == null ? void 0 : e.isNegotiable,
|
|
80
|
-
negotiableText:
|
|
81
|
-
freeText:
|
|
85
|
+
negotiableText: p,
|
|
86
|
+
freeText: g,
|
|
82
87
|
tags: e == null ? void 0 : e.tags,
|
|
83
88
|
categoryCode: e == null ? void 0 : e.categoryCode,
|
|
84
89
|
condition: e == null ? void 0 : e.condition,
|
|
85
90
|
quantity: e == null ? void 0 : e.quantity,
|
|
86
91
|
trade: e == null ? void 0 : e.trade,
|
|
87
|
-
sponsoredText:
|
|
88
|
-
onBookmark:
|
|
89
|
-
bookmarkComponent:
|
|
92
|
+
sponsoredText: k,
|
|
93
|
+
onBookmark: f,
|
|
94
|
+
bookmarkComponent: y,
|
|
90
95
|
bookmarked: e == null ? void 0 : e.bookmarked,
|
|
91
|
-
bookmarkLists: e == null ? void 0 : e.bookmarkLists
|
|
96
|
+
bookmarkLists: e == null ? void 0 : e.bookmarkLists,
|
|
97
|
+
metadata: { accessor: e == null ? void 0 : e.accessor, name: S }
|
|
92
98
|
},
|
|
93
99
|
i
|
|
94
100
|
)) : r == null ? void 0 : r.slice(0, t).map((e, i) => /* @__PURE__ */ o(
|
|
95
|
-
|
|
101
|
+
w,
|
|
96
102
|
{
|
|
97
103
|
name: e == null ? void 0 : e.name,
|
|
98
104
|
price: e == null ? void 0 : e.price,
|
|
@@ -104,74 +110,79 @@ const j = B.div`
|
|
|
104
110
|
location: e == null ? void 0 : e.location,
|
|
105
111
|
sponsored: e == null ? void 0 : e.sponsored,
|
|
106
112
|
imageComponent: e == null ? void 0 : e.imageComponent,
|
|
107
|
-
onSelectCard: () =>
|
|
108
|
-
|
|
113
|
+
onSelectCard: (D, l) => c({
|
|
114
|
+
uuid: e == null ? void 0 : e.uuid,
|
|
115
|
+
nameSlug: e == null ? void 0 : e.nameSlug,
|
|
116
|
+
cardRef: l
|
|
117
|
+
}),
|
|
118
|
+
imageUrl: u(e == null ? void 0 : e.image, e == null ? void 0 : e.uuid, e == null ? void 0 : e.sellerUuid) || null,
|
|
109
119
|
isFree: e == null ? void 0 : e.isFree,
|
|
110
120
|
isNegotiable: e == null ? void 0 : e.isNegotiable,
|
|
111
|
-
negotiableText:
|
|
112
|
-
freeText:
|
|
121
|
+
negotiableText: p,
|
|
122
|
+
freeText: g,
|
|
113
123
|
tags: e == null ? void 0 : e.tags,
|
|
114
124
|
categoryCode: e == null ? void 0 : e.categoryCode,
|
|
115
125
|
condition: e == null ? void 0 : e.condition,
|
|
116
126
|
quantity: e == null ? void 0 : e.quantity,
|
|
117
127
|
trade: e == null ? void 0 : e.trade,
|
|
118
|
-
sponsoredText:
|
|
119
|
-
onBookmark:
|
|
120
|
-
bookmarkComponent:
|
|
128
|
+
sponsoredText: k,
|
|
129
|
+
onBookmark: f,
|
|
130
|
+
bookmarkComponent: y,
|
|
121
131
|
bookmarked: e == null ? void 0 : e.bookmarked,
|
|
122
|
-
bookmarkLists: e == null ? void 0 : e.bookmarkLists
|
|
132
|
+
bookmarkLists: e == null ? void 0 : e.bookmarkLists,
|
|
133
|
+
metadata: { accessor: e == null ? void 0 : e.accessor, name: S }
|
|
123
134
|
},
|
|
124
135
|
i
|
|
125
|
-
)) }), [r,
|
|
126
|
-
return /* @__PURE__ */
|
|
127
|
-
/* @__PURE__ */
|
|
128
|
-
/* @__PURE__ */
|
|
129
|
-
|
|
130
|
-
/* @__PURE__ */ o("span", { children:
|
|
136
|
+
)) }), [r, C, t]);
|
|
137
|
+
return /* @__PURE__ */ s($, { ref: N, children: [
|
|
138
|
+
/* @__PURE__ */ s("div", { className: "regular-title", children: [
|
|
139
|
+
/* @__PURE__ */ s("div", { className: "regular-title-text", children: [
|
|
140
|
+
h(m) && /* @__PURE__ */ o("i", { className: m }),
|
|
141
|
+
/* @__PURE__ */ o("span", { children: P })
|
|
131
142
|
] }),
|
|
132
|
-
|
|
133
|
-
|
|
143
|
+
h(d) && /* @__PURE__ */ o(
|
|
144
|
+
R,
|
|
134
145
|
{
|
|
135
146
|
type: "button",
|
|
136
147
|
btnType: "tinted",
|
|
137
148
|
color: "neutral",
|
|
138
149
|
onClick: (e) => {
|
|
139
150
|
var i;
|
|
140
|
-
(i = e == null ? void 0 : e.target) == null || i.blur(),
|
|
151
|
+
(i = e == null ? void 0 : e.target) == null || i.blur(), T(d);
|
|
141
152
|
},
|
|
142
153
|
borderRadius: "curved",
|
|
143
154
|
className: "button-link",
|
|
144
|
-
children:
|
|
155
|
+
children: v
|
|
145
156
|
}
|
|
146
157
|
)
|
|
147
158
|
] }),
|
|
148
159
|
(a == null ? void 0 : a.length) > 0 && /* @__PURE__ */ o(
|
|
149
|
-
|
|
160
|
+
A,
|
|
150
161
|
{
|
|
151
162
|
items: a,
|
|
152
163
|
onRemove: (e) => {
|
|
153
|
-
|
|
164
|
+
b(e);
|
|
154
165
|
},
|
|
155
166
|
onSelect: (e) => {
|
|
156
|
-
|
|
167
|
+
b(e);
|
|
157
168
|
},
|
|
158
169
|
labelKey: "name",
|
|
159
170
|
valueKey: "code",
|
|
160
171
|
noMargin: !0,
|
|
161
|
-
productsToolbarName:
|
|
172
|
+
productsToolbarName: L
|
|
162
173
|
}
|
|
163
174
|
),
|
|
164
|
-
/* @__PURE__ */ o(
|
|
165
|
-
|
|
175
|
+
/* @__PURE__ */ o(K, { limit: t, children: /* @__PURE__ */ o(
|
|
176
|
+
z,
|
|
166
177
|
{
|
|
167
|
-
isLoading:
|
|
178
|
+
isLoading: U,
|
|
168
179
|
limit: t,
|
|
169
180
|
keyPrefix: "explore-landing",
|
|
170
|
-
children:
|
|
181
|
+
children: M
|
|
171
182
|
}
|
|
172
183
|
) })
|
|
173
184
|
] });
|
|
174
185
|
});
|
|
175
186
|
export {
|
|
176
|
-
|
|
187
|
+
ee as default
|
|
177
188
|
};
|
package/dist/Dropdown.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const g=require("react/jsx-runtime"),e=require("./index-BpbMKBf_.cjs"),s=require("react"),t=require("./CustomStyles-
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const g=require("react/jsx-runtime"),e=require("./index-BpbMKBf_.cjs"),s=require("react"),t=require("./CustomStyles-BwHfr4iM.cjs"),l=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs");require("./index-41nUb2kP.cjs");const O=require("./index-Cp66dWMi.cjs");function S(o){const p=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(o){for(const r in o)if(r!=="default"){const n=Object.getOwnPropertyDescriptor(o,r);Object.defineProperty(p,r,n.get?n:{enumerable:!0,get:()=>o[r]})}}return p.default=o,Object.freeze(p)}const M=S(s);var h=s.forwardRef(function(o,p){var r=t.useStateManager(o);return M.createElement(t.Select,l._extends({ref:p},r))}),j=h;const a=s.forwardRef((o,p)=>{const{styles:r,debounceTime:n=0,name:C,isSearchable:u=!0,isClearable:c=!0,size:y="small",color:i="primary",className:T="",style:P={},...b}=o,m=l.useTheme();return s.useCallback(O.debounce((f,d)=>{onInputChange==null||onInputChange(f,d)},n)),g.jsx(j,{ref:p,styles:r||t.customStyles,size:y,color:i,theme:m,isSearchable:u,isClearable:c,className:T,style:P,...b})});a.propTypes={options:e.PropTypes.array,styles:e.PropTypes.object,debounceTime:e.PropTypes.number,name:e.PropTypes.string,value:e.PropTypes.any,tabIndex:e.PropTypes.number,isSearchable:e.PropTypes.bool,isClearable:e.PropTypes.bool,isLoading:e.PropTypes.bool,isRtl:e.PropTypes.bool,isDisabled:e.PropTypes.bool,readOnly:e.PropTypes.bool,closeMenuOnSelect:e.PropTypes.bool,closeMenuOnScroll:e.PropTypes.oneOfType([e.PropTypes.bool,e.PropTypes.func]),escapeClearsValue:e.PropTypes.bool,filterOption:e.PropTypes.func,formatGroupLabel:e.PropTypes.func,formatOptionLabel:e.PropTypes.func,getOptionLabel:e.PropTypes.func,getOptionValue:e.PropTypes.func,hideSelectedOptions:e.PropTypes.bool,id:e.PropTypes.any,inputid:e.PropTypes.any,isOptionDisabled:e.PropTypes.func,isOptionSelected:e.PropTypes.func,loadingMessage:e.PropTypes.func,minMenuHeight:e.PropTypes.number,maxMenuHeight:e.PropTypes.number,menuPlacement:e.PropTypes.oneOf(["bottom","auto","top"]),menuPosition:e.PropTypes.oneOf(["absolute","fixed"]),menuShouldBlockScroll:e.PropTypes.bool,menuShouldScrollIntoView:e.PropTypes.bool,openMenuOnFocus:e.PropTypes.bool,openMenuOnClick:e.PropTypes.bool,autoFocus:e.PropTypes.bool,placeholder:e.PropTypes.any,noOptionsMessage:e.PropTypes.string,menuIsOpen:e.PropTypes.bool,components:e.PropTypes.object,defaultValue:e.PropTypes.any,defaultInputValue:e.PropTypes.string,defaultMenuIsOpen:e.PropTypes.bool,delimiter:e.PropTypes.string,onChange:e.PropTypes.func,onInputChange:e.PropTypes.func,onMenuOpen:e.PropTypes.func,onMenuClose:e.PropTypes.func,onFocus:e.PropTypes.func,onBlur:e.PropTypes.func,className:e.PropTypes.string,style:e.PropTypes.object,color:e.PropTypes.oneOf(["primary","secondary","success","warning","danger","information","neutral","gray"]),size:e.PropTypes.oneOf(["small","medium","large"])};exports.components=t.components;exports.default=a;
|
package/dist/Dropdown.js
CHANGED
|
@@ -2,8 +2,8 @@ import { jsx as g } from "react/jsx-runtime";
|
|
|
2
2
|
import { P as e } from "./index-CblbdqjE.js";
|
|
3
3
|
import * as O from "react";
|
|
4
4
|
import { forwardRef as t, useCallback as y } from "react";
|
|
5
|
-
import { u as S, S as M, a as h } from "./CustomStyles-
|
|
6
|
-
import { c as H } from "./CustomStyles-
|
|
5
|
+
import { u as S, S as M, a as h } from "./CustomStyles-iconSXFL.js";
|
|
6
|
+
import { c as H } from "./CustomStyles-iconSXFL.js";
|
|
7
7
|
import { _ as C, u as x } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
|
|
8
8
|
import "./index-B1vKwsDE.js";
|
|
9
9
|
import { d as I } from "./index-Dt62UGku.js";
|
package/dist/DropdownLookup.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";const le=require("react/jsx-runtime"),e=require("./index-BpbMKBf_.cjs"),t=require("react"),B=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),s=require("./CustomStyles-
|
|
1
|
+
"use strict";const le=require("react/jsx-runtime"),e=require("./index-BpbMKBf_.cjs"),t=require("react"),B=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),s=require("./CustomStyles-BwHfr4iM.cjs"),ce=require("./defineProperty-CqVRDJI8.cjs");require("./index-41nUb2kP.cjs");const fe=require("./index-Cp66dWMi.cjs");function de(o){const p=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(o){for(const n in o)if(n!=="default"){const a=Object.getOwnPropertyDescriptor(o,n);Object.defineProperty(p,n,a.get?a:{enumerable:!0,get:()=>o[n]})}}return p.default=o,Object.freeze(p)}const ye=de(t);var Te=["defaultOptions","cacheOptions","loadOptions","options","isLoading","onInputChange","filterOption"];function Pe(o){var p=o.defaultOptions,n=p===void 0?!1:p,a=o.cacheOptions,i=a===void 0?!1:a,y=o.loadOptions;o.options;var l=o.isLoading,h=l===void 0?!1:l,S=o.onInputChange,m=o.filterOption,C=m===void 0?null:m,g=s._objectWithoutProperties(o,Te),_=g.inputValue,u=t.useRef(void 0),c=t.useRef(!1),T=t.useState(Array.isArray(n)?n:void 0),f=s._slicedToArray(T,2),G=f[0],x=f[1],W=t.useState(typeof _<"u"?_:""),q=s._slicedToArray(W,2),D=q[0],I=q[1],J=t.useState(n===!0),R=s._slicedToArray(J,2),K=R[0],P=R[1],Q=t.useState(void 0),w=s._slicedToArray(Q,2),A=w[0],L=w[1],U=t.useState([]),E=s._slicedToArray(U,2),X=E[0],j=E[1],Y=t.useState(!1),$=s._slicedToArray(Y,2),Z=$[0],v=$[1],ee=t.useState({}),k=s._slicedToArray(ee,2),O=k[0],F=k[1],te=t.useState(void 0),z=s._slicedToArray(te,2),oe=z[0],ne=z[1],se=t.useState(void 0),N=s._slicedToArray(se,2),re=N[0],pe=N[1];i!==re&&(F({}),pe(i)),n!==oe&&(x(Array.isArray(n)?n:void 0),ne(n)),t.useEffect(function(){return c.current=!0,function(){c.current=!1}},[]);var M=t.useCallback(function(b,d){if(!y)return d();var r=y(b,d);r&&typeof r.then=="function"&&r.then(d,function(){return d()})},[y]);t.useEffect(function(){n===!0&&M(D,function(b){c.current&&(x(b||[]),P(!!u.current))})},[]);var ae=t.useCallback(function(b,d){var r=s.handleInputChange(b,d,S);if(!r){u.current=void 0,I(""),L(""),j([]),P(!1),v(!1);return}if(i&&O[r])I(r),L(r),j(O[r]),P(!1),v(!1);else{var ie=u.current={};I(r),P(!0),v(!A),M(r,function(V){c&&ie===u.current&&(u.current=void 0,P(!1),L(r),j(V||[]),v(!1),F(V?s._objectSpread2(s._objectSpread2({},O),{},ce._defineProperty({},r,V)):O))})}},[i,M,A,O,S]),ue=Z?[]:D&&A?X:G||[];return s._objectSpread2(s._objectSpread2({},g),{},{options:ue,isLoading:K||h,onInputChange:ae,filterOption:C})}var Oe=t.forwardRef(function(o,p){var n=Pe(o),a=s.useStateManager(n);return ye.createElement(s.Select,B._extends({ref:p},a))}),be=Oe;const H=t.forwardRef((o,p)=>{const{styles:n,debounceTime:a=0,isSearchable:i=!0,isClearable:y=!0,onInputChange:l,size:h="small",color:S="primary",className:m="",style:C={},...g}=o,_=B.useTheme(),u=t.useCallback(fe.debounce((T,f)=>{l==null||l(T,f)},a)),c=(T,f)=>{u(T,f)};return le.jsx(be,{ref:p,styles:n||s.customStyles,size:h,color:S,theme:_,isSearchable:i,isClearable:y,onInputChange:c,className:m,style:C,...g})});H.propTypes={defaultOptions:e.PropTypes.oneOfType([e.PropTypes.bool,e.PropTypes.array]),cacheOptions:e.PropTypes.any,loadOptions:e.PropTypes.func,styles:e.PropTypes.object,debounceTime:e.PropTypes.number,name:e.PropTypes.string,value:e.PropTypes.any,tabIndex:e.PropTypes.number,isSearchable:e.PropTypes.bool,isClearable:e.PropTypes.bool,isLoading:e.PropTypes.bool,isRtl:e.PropTypes.bool,isDisabled:e.PropTypes.bool,readOnly:e.PropTypes.bool,closeMenuOnSelect:e.PropTypes.bool,closeMenuOnScroll:e.PropTypes.oneOfType([e.PropTypes.bool,e.PropTypes.func]),escapeClearsValue:e.PropTypes.bool,filterOption:e.PropTypes.func,formatGroupLabel:e.PropTypes.func,formatOptionLabel:e.PropTypes.func,getOptionLabel:e.PropTypes.func,getOptionValue:e.PropTypes.func,hideSelectedOptions:e.PropTypes.bool,id:e.PropTypes.any,inputid:e.PropTypes.any,isOptionDisabled:e.PropTypes.func,isOptionSelected:e.PropTypes.func,loadingMessage:e.PropTypes.func,minMenuHeight:e.PropTypes.number,maxMenuHeight:e.PropTypes.number,menuPlacement:e.PropTypes.oneOf(["bottom","auto","top"]),menuPosition:e.PropTypes.oneOf(["absolute","fixed"]),menuShouldBlockScroll:e.PropTypes.bool,menuShouldScrollIntoView:e.PropTypes.bool,openMenuOnFocus:e.PropTypes.bool,openMenuOnClick:e.PropTypes.bool,autoFocus:e.PropTypes.bool,placeholder:e.PropTypes.any,noOptionsMessage:e.PropTypes.string,menuIsOpen:e.PropTypes.bool,components:e.PropTypes.object,defaultValue:e.PropTypes.string,defaultInputValue:e.PropTypes.string,defaultMenuIsOpen:e.PropTypes.bool,delimiter:e.PropTypes.string,onChange:e.PropTypes.func,onInputChange:e.PropTypes.func,onMenuOpen:e.PropTypes.func,onMenuClose:e.PropTypes.func,onFocus:e.PropTypes.func,onBlur:e.PropTypes.func,className:e.PropTypes.string,style:e.PropTypes.object,color:e.PropTypes.oneOf(["primary","secondary","success","warning","danger","information","neutral","gray"]),size:e.PropTypes.oneOf(["small","medium","large"])};module.exports=H;
|
package/dist/DropdownLookup.js
CHANGED
|
@@ -3,7 +3,7 @@ import { P as e } from "./index-CblbdqjE.js";
|
|
|
3
3
|
import * as Oe from "react";
|
|
4
4
|
import { useRef as G, useState as a, useEffect as W, useCallback as j, forwardRef as J } from "react";
|
|
5
5
|
import { _ as me, u as be } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
|
|
6
|
-
import { _ as Se, b as s, h as ge, d as C, u as he, S as ve, a as ye } from "./CustomStyles-
|
|
6
|
+
import { _ as Se, b as s, h as ge, d as C, u as he, S as ve, a as ye } from "./CustomStyles-iconSXFL.js";
|
|
7
7
|
import { _ as _e } from "./defineProperty-DF3p0mVo.js";
|
|
8
8
|
import "./index-B1vKwsDE.js";
|
|
9
9
|
import { d as Ie } from "./index-Dt62UGku.js";
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";const t=require("react/jsx-runtime"),f=require("react"),h=require("./emotion-styled.browser.esm-BtEseadx.cjs"),w=require("./consts-goSZX3xP.cjs"),y=require("./utils-Dl9xPH4c.cjs"),$=require("./index-
|
|
1
|
+
"use strict";const t=require("react/jsx-runtime"),f=require("react"),h=require("./emotion-styled.browser.esm-BtEseadx.cjs"),w=require("./consts-goSZX3xP.cjs"),y=require("./utils-Dl9xPH4c.cjs"),$=require("./index-DicTpiG0.cjs"),c=h.styled.div`
|
|
2
2
|
width: 100%;
|
|
3
3
|
height: 11.625rem;
|
|
4
4
|
border-radius: 0.75rem;
|
|
@@ -3,7 +3,7 @@ import { forwardRef as h } from "react";
|
|
|
3
3
|
import { s as _ } from "./emotion-styled.browser.esm-BNN1dTl3.js";
|
|
4
4
|
import { M as x } from "./consts-BuFChS64.js";
|
|
5
5
|
import { o as v, l as C } from "./utils-BdsZgOUE.js";
|
|
6
|
-
import { S as F } from "./index-
|
|
6
|
+
import { S as F } from "./index-y6sKgrZC.js";
|
|
7
7
|
const N = _.div`
|
|
8
8
|
width: 100%;
|
|
9
9
|
height: 11.625rem;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";const O=require("react/jsx-runtime"),e=require("./index-BpbMKBf_.cjs"),s=require("react"),g=require("./CustomStyles-
|
|
1
|
+
"use strict";const O=require("react/jsx-runtime"),e=require("./index-BpbMKBf_.cjs"),s=require("react"),g=require("./CustomStyles-BwHfr4iM.cjs"),h=require("./index-Cp66dWMi.cjs"),M=require("./Dropdown.cjs"),S=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),r=s.forwardRef((n,l)=>{const{styles:p,debounceTime:t=0,isSearchable:u=!0,isClearable:y=!0,onInputChange:o,size:i="small",color:a="primary",className:c="",style:T={},...P}=n,b=S.useTheme(),m=s.useCallback(h.debounce((d,f)=>{o==null||o(d,f)},t));return O.jsx(M.default,{isMulti:!0,ref:l,styles:p||g.customStyles,size:i,color:a,theme:b,isSearchable:u,isClearable:y,className:c,style:T,...P,onInputChange:m})});r.propTypes={options:e.PropTypes.array,styles:e.PropTypes.object,debounceTime:e.PropTypes.number,name:e.PropTypes.string,value:e.PropTypes.any,tabIndex:e.PropTypes.number,isSearchable:e.PropTypes.bool,isClearable:e.PropTypes.bool,isLoading:e.PropTypes.bool,isRtl:e.PropTypes.bool,isDisabled:e.PropTypes.bool,readOnly:e.PropTypes.bool,closeMenuOnSelect:e.PropTypes.bool,closeMenuOnScroll:e.PropTypes.oneOfType([e.PropTypes.bool,e.PropTypes.func]),escapeClearsValue:e.PropTypes.bool,filterOption:e.PropTypes.func,formatGroupLabel:e.PropTypes.func,formatOptionLabel:e.PropTypes.func,getOptionLabel:e.PropTypes.func,getOptionValue:e.PropTypes.func,hideSelectedOptions:e.PropTypes.bool,id:e.PropTypes.any,inputid:e.PropTypes.any,isOptionDisabled:e.PropTypes.func,isOptionSelected:e.PropTypes.func,loadingMessage:e.PropTypes.func,minMenuHeight:e.PropTypes.number,maxMenuHeight:e.PropTypes.number,menuPlacement:e.PropTypes.oneOf(["bottom","auto","top"]),menuPosition:e.PropTypes.oneOf(["absolute","fixed"]),menuShouldBlockScroll:e.PropTypes.bool,menuShouldScrollIntoView:e.PropTypes.bool,openMenuOnFocus:e.PropTypes.bool,openMenuOnClick:e.PropTypes.bool,autoFocus:e.PropTypes.bool,placeholder:e.PropTypes.any,noOptionsMessage:e.PropTypes.string,menuIsOpen:e.PropTypes.bool,components:e.PropTypes.object,defaultValue:e.PropTypes.string,defaultInputValue:e.PropTypes.string,defaultMenuIsOpen:e.PropTypes.bool,delimiter:e.PropTypes.string,onChange:e.PropTypes.func,onInputChange:e.PropTypes.func,onMenuOpen:e.PropTypes.func,onMenuClose:e.PropTypes.func,onFocus:e.PropTypes.func,onBlur:e.PropTypes.func,onKeyDown:e.PropTypes.func,className:e.PropTypes.string,style:e.PropTypes.object,color:e.PropTypes.oneOf(["primary","secondary","success","warning","danger","information","neutral","gray"]),size:e.PropTypes.oneOf(["small","medium","large"])};module.exports=r;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsx as g } from "react/jsx-runtime";
|
|
2
2
|
import { P as e } from "./index-CblbdqjE.js";
|
|
3
3
|
import { forwardRef as y, useCallback as h } from "react";
|
|
4
|
-
import { a as M } from "./CustomStyles-
|
|
4
|
+
import { a as M } from "./CustomStyles-iconSXFL.js";
|
|
5
5
|
import { d as S } from "./index-Dt62UGku.js";
|
|
6
6
|
import C from "./Dropdown.js";
|
|
7
7
|
import { u as I } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";const O=require("react/jsx-runtime"),e=require("./index-BpbMKBf_.cjs"),s=require("react"),g=require("./CustomStyles-
|
|
1
|
+
"use strict";const O=require("react/jsx-runtime"),e=require("./index-BpbMKBf_.cjs"),s=require("react"),g=require("./CustomStyles-BwHfr4iM.cjs"),h=require("./index-Cp66dWMi.cjs"),M=require("./DropdownLookup.cjs"),S=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),r=s.forwardRef((n,l)=>{const{styles:p,debounceTime:t=0,isSearchable:u=!0,isClearable:y=!0,onInputChange:o,size:a="small",color:i="primary",className:c="",style:T={},...P}=n,b=S.useTheme(),m=s.useCallback(h.debounce((d,f)=>{o==null||o(d,f)},t));return O.jsx(M,{isMulti:!0,ref:l,styles:p||g.customStyles,size:a,color:i,theme:b,isSearchable:u,isClearable:y,onInputChange:m,className:c,style:T,...P})});r.propTypes={defaultOptions:e.PropTypes.oneOfType([e.PropTypes.bool,e.PropTypes.array]),cacheOptions:e.PropTypes.any,loadOptions:e.PropTypes.func,styles:e.PropTypes.object,debounceTime:e.PropTypes.number,name:e.PropTypes.string,value:e.PropTypes.any,tabIndex:e.PropTypes.number,isSearchable:e.PropTypes.bool,isClearable:e.PropTypes.bool,isLoading:e.PropTypes.bool,isRtl:e.PropTypes.bool,isDisabled:e.PropTypes.bool,readOnly:e.PropTypes.bool,closeMenuOnSelect:e.PropTypes.bool,closeMenuOnScroll:e.PropTypes.oneOfType([e.PropTypes.bool,e.PropTypes.func]),escapeClearsValue:e.PropTypes.bool,filterOption:e.PropTypes.func,formatGroupLabel:e.PropTypes.func,formatOptionLabel:e.PropTypes.func,getOptionLabel:e.PropTypes.func,getOptionValue:e.PropTypes.func,hideSelectedOptions:e.PropTypes.bool,id:e.PropTypes.any,inputid:e.PropTypes.any,isOptionDisabled:e.PropTypes.func,isOptionSelected:e.PropTypes.func,loadingMessage:e.PropTypes.func,minMenuHeight:e.PropTypes.number,maxMenuHeight:e.PropTypes.number,menuPlacement:e.PropTypes.oneOf(["bottom","auto","top"]),menuPosition:e.PropTypes.oneOf(["absolute","fixed"]),menuShouldBlockScroll:e.PropTypes.bool,menuShouldScrollIntoView:e.PropTypes.bool,openMenuOnFocus:e.PropTypes.bool,openMenuOnClick:e.PropTypes.bool,autoFocus:e.PropTypes.bool,placeholder:e.PropTypes.any,noOptionsMessage:e.PropTypes.string,menuIsOpen:e.PropTypes.bool,components:e.PropTypes.object,defaultValue:e.PropTypes.string,defaultInputValue:e.PropTypes.string,defaultMenuIsOpen:e.PropTypes.bool,delimiter:e.PropTypes.string,onChange:e.PropTypes.func,onInputChange:e.PropTypes.func,onMenuOpen:e.PropTypes.func,onMenuClose:e.PropTypes.func,onFocus:e.PropTypes.func,onBlur:e.PropTypes.func,onKeyDown:e.PropTypes.func,className:e.PropTypes.string,style:e.PropTypes.object,color:e.PropTypes.oneOf(["primary","secondary","success","warning","danger","information","neutral","gray"]),size:e.PropTypes.oneOf(["small","medium","large"])};module.exports=r;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsx as y } from "react/jsx-runtime";
|
|
2
2
|
import { P as e } from "./index-CblbdqjE.js";
|
|
3
3
|
import { forwardRef as g, useCallback as h } from "react";
|
|
4
|
-
import { a as M } from "./CustomStyles-
|
|
4
|
+
import { a as M } from "./CustomStyles-iconSXFL.js";
|
|
5
5
|
import { d as S } from "./index-Dt62UGku.js";
|
|
6
6
|
import C from "./DropdownLookup.js";
|
|
7
7
|
import { u as I } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";const r=require("react/jsx-runtime"),
|
|
1
|
+
"use strict";const r=require("react/jsx-runtime"),d=require("react"),f=require("./emotion-styled.browser.esm-BtEseadx.cjs"),j=require("./consts-goSZX3xP.cjs"),y=require("./useDetectMobile-zkbzoOGV.cjs"),P=require("./style-lSjkOR95.cjs"),l=require("./utils-Dl9xPH4c.cjs"),N=require("./index-BueKsXT8.cjs"),I=f.styled.div`
|
|
2
2
|
width: 100%;
|
|
3
3
|
height: 22.5rem;
|
|
4
4
|
min-height: 22.5rem;
|
|
@@ -16,18 +16,18 @@
|
|
|
16
16
|
object-fit: cover;
|
|
17
17
|
}
|
|
18
18
|
|
|
19
|
-
@media (max-width: ${
|
|
19
|
+
@media (max-width: ${j.MOBILE_SIZE_PX+"px"}) {
|
|
20
20
|
height: 100%;
|
|
21
21
|
min-height: 100%;
|
|
22
22
|
max-height: 100%;
|
|
23
23
|
aspect-ratio: 1 / 1;
|
|
24
24
|
}
|
|
25
|
-
|
|
25
|
+
`,$=f.styled.div`
|
|
26
26
|
display: grid;
|
|
27
27
|
grid-template-columns: ${t=>`repeat(${t.limit}, minmax(0, 1fr))`};
|
|
28
28
|
gap: 1.25rem;
|
|
29
29
|
|
|
30
|
-
@media (max-width: ${
|
|
30
|
+
@media (max-width: ${j.MOBILE_SIZE_PX+"px"}) {
|
|
31
31
|
display: flex;
|
|
32
32
|
gap: 1rem;
|
|
33
33
|
overflow-x: auto;
|
|
@@ -46,7 +46,7 @@
|
|
|
46
46
|
/* Safari and Chrome */
|
|
47
47
|
}
|
|
48
48
|
}
|
|
49
|
-
`,
|
|
49
|
+
`,k=f.styled.div`
|
|
50
50
|
display: flex;
|
|
51
51
|
flex-direction: column;
|
|
52
52
|
gap: 0.5rem;
|
|
@@ -62,22 +62,22 @@
|
|
|
62
62
|
& .card-title {
|
|
63
63
|
font-size: 0.875rem;
|
|
64
64
|
font-weight: 600;
|
|
65
|
-
${
|
|
65
|
+
${l.truncateTextInRows(2)}
|
|
66
66
|
}
|
|
67
67
|
|
|
68
68
|
& .skeleton-img {
|
|
69
|
-
background-color: ${
|
|
69
|
+
background-color: ${l.linearGradientAnimation("-90deg")};
|
|
70
70
|
border-radius: 0.75rem;
|
|
71
71
|
border: 1px solid white;
|
|
72
72
|
}
|
|
73
73
|
|
|
74
74
|
& .skeleton-title {
|
|
75
|
-
background-color: ${
|
|
75
|
+
background-color: ${l.linearGradientAnimation("-90deg")};
|
|
76
76
|
width: 100%;
|
|
77
77
|
height: 1.25rem;
|
|
78
78
|
}
|
|
79
79
|
|
|
80
|
-
@media (max-width: ${
|
|
80
|
+
@media (max-width: ${j.MOBILE_SIZE_PX+"px"}) {
|
|
81
81
|
& img {
|
|
82
82
|
width: 8.875rem;
|
|
83
83
|
height: 8.875rem;
|
|
@@ -88,4 +88,4 @@
|
|
|
88
88
|
object-fit: cover;
|
|
89
89
|
}
|
|
90
90
|
}
|
|
91
|
-
`,
|
|
91
|
+
`,R=d.forwardRef((t,o)=>{const{uuid:a,title:i,image:s,sellerUuid:w,onSelectCard:c=()=>{},imageComponent:m,metadata:n}=t,u=d.useRef(null);return r.jsxs(k,{ref:u,className:"product-card",name:n==null?void 0:n.name,"data-accessor":n==null?void 0:n.accessor,onClick:g=>c(g,o),children:[l.isDefined(m)?m:r.jsx(N.ProductImageWrapper,{src:s}),r.jsx("div",{className:"card-title",children:i})]})}),_=d.forwardRef(({},t)=>r.jsxs(k,{className:"product-card",children:[r.jsx("img",{className:"skeleton-img"}),r.jsx("div",{className:"skeleton-title"})]})),q=({limit:t=4,isLoading:o=!1,keyPrefix:a})=>r.jsx(r.Fragment,{children:Array.from({length:t},(i,s)=>r.jsx(_,{isLoading:o},`${a}-skeleton-product-card-${s}`))}),E=({children:t,fallbackComponent:o=r.jsx(r.Fragment,{}),isLoading:a=!1,limit:i,keyPrefix:s})=>r.jsx(d.Suspense,{fallbackComponent:o,children:a===!0?r.jsx(q,{isLoading:a,limit:i,keyPrefix:s}):t}),S=d.memo(R),M=d.forwardRef((t,o)=>{const{icon:a,items:i,limit:s=4,imageUrl:w,onSelectCard:c=()=>{},title:m="Season inspiration",isLoading:n=!1,getImage:u=()=>{},componentName:g}=t,b=y.useDetectMobile(),v=d.useMemo(()=>r.jsx(r.Fragment,{children:b===!0?i==null?void 0:i.map((e,h)=>r.jsx(S,{title:e==null?void 0:e.name,sellerUuid:e==null?void 0:e.sellerUuid,uuid:e==null?void 0:e.uuid,onSelectCard:(C,p)=>c({uuid:e==null?void 0:e.uuid,nameSlug:e==null?void 0:e.nameSlug,cardRef:p}),image:u(e==null?void 0:e.image,e==null?void 0:e.uuid,e==null?void 0:e.sellerUuid)||null,metadata:{name:g,accessor:e==null?void 0:e.accessor}},h)):i==null?void 0:i.slice(0,s).map((e,h)=>r.jsx(S,{title:e==null?void 0:e.name,sellerUuid:e==null?void 0:e.sellerUuid,uuid:e==null?void 0:e.uuid,onSelectCard:(C,p)=>c({uuid:e==null?void 0:e.uuid,nameSlug:e==null?void 0:e.nameSlug,cardRef:p}),image:u(e==null?void 0:e.image,e==null?void 0:e.uuid,e==null?void 0:e.sellerUuid)||null,metadata:{name:g,accessor:e==null?void 0:e.accessor}},h))}),[i,b,s]);return r.jsxs(P.RegulatTitleSectionWrapper,{ref:o,children:[r.jsx("div",{className:"regular-title",children:r.jsxs("div",{className:"regular-title-text",children:[l.isDefinedNotEmptyString(a)&&r.jsx("i",{className:a}),r.jsx("span",{children:m})]})}),r.jsx(I,{className:"products-banner",children:r.jsx("img",{src:w})}),r.jsx($,{limit:s,children:r.jsx(E,{isLoading:n,limit:s,keyPrefix:"explore-landing",children:v})})]})});module.exports=M;
|