@lanaco/lnc-react-ui 4.0.170 → 4.0.171
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/Accordion.js +1 -1
- package/dist/AccordionSummary.js +1 -1
- package/dist/ActionsToolbar.js +1 -1
- package/dist/Alert.js +1 -1
- package/dist/Avatar.js +1 -1
- package/dist/Badge.js +1 -1
- package/dist/BannerSectionCarousel.cjs +9 -48
- package/dist/BannerSectionCarousel.js +208 -249
- package/dist/BannerSectionSimple.js +1 -1
- package/dist/BannerSectionWithList.js +1 -1
- package/dist/BlogCardsSponsoredSection.cjs +8 -8
- package/dist/BlogCardsSponsoredSection.js +67 -68
- package/dist/BlogCategoryCardsSection.cjs +1 -1
- package/dist/BlogCategoryCardsSection.js +22 -30
- package/dist/BlogExploreSection.js +9 -9
- package/dist/BlogListSection.cjs +11 -5
- package/dist/BlogListSection.js +187 -123
- package/dist/BlogProductCardsSection.cjs +1 -1
- package/dist/BlogProductCardsSection.js +28 -37
- package/dist/BlogShopCardsSection.cjs +1 -1
- package/dist/BlogShopCardsSection.js +40 -67
- package/dist/BlogSingleSection.cjs +16 -1
- package/dist/BlogSingleSection.js +47 -45
- package/dist/BlogsSectionDetailed.cjs +8 -27
- package/dist/BlogsSectionDetailed.js +111 -159
- package/dist/BlogsSectionLarge.cjs +19 -4
- package/dist/BlogsSectionLarge.js +73 -37
- package/dist/BlogsSectionSimple.cjs +9 -9
- package/dist/BlogsSectionSimple.js +81 -107
- package/dist/BlogsSectionSimpleCentered.cjs +25 -23
- package/dist/BlogsSectionSimpleCentered.js +103 -96
- package/dist/BlogsSectionWithFilters.cjs +31 -29
- package/dist/BlogsSectionWithFilters.js +173 -134
- package/dist/BrandHitsSection.cjs +10 -14
- package/dist/BrandHitsSection.js +93 -45
- package/dist/Breadcrumbs.js +1 -1
- package/dist/Button.js +1 -1
- package/dist/ButtonGroup.js +1 -1
- package/dist/CalorieCalculatorSection.js +1 -1
- package/dist/CategorySimpleCard-Qe5QStrs.cjs +47 -0
- package/dist/CategorySimpleCard-laAY-RUT.js +70 -0
- package/dist/CheckBoxInput.js +1 -1
- package/dist/Chip.js +1 -1
- package/dist/ColorInput.js +1 -1
- package/dist/ConfirmationForm.js +1 -1
- package/dist/CustomLoanMapSection.js +1 -1
- package/dist/{CustomStyles-SyQRnjuy.js → CustomStyles-ArAVZsIj.js} +1 -1
- package/dist/DateInput.js +1 -1
- package/dist/DecimalInput.js +1 -1
- package/dist/DecimalInputV2.js +1 -1
- package/dist/DetailedProductsInfinitiveSection.cjs +3 -3
- package/dist/DetailedProductsInfinitiveSection.js +35 -36
- package/dist/DetailedProductsSection.cjs +4 -4
- package/dist/DetailedProductsSection.js +62 -63
- package/dist/DetailsView.js +1 -1
- package/dist/DoubleRangeSlider.js +1 -1
- package/dist/DragAndDropFile.js +1 -1
- package/dist/DragDropFiles.js +1 -1
- package/dist/Drawer.js +1 -1
- package/dist/Dropdown.js +2 -2
- package/dist/DropdownItem.js +1 -1
- package/dist/DropdownLookup.js +1 -1
- package/dist/DropdownMenu.js +1 -1
- package/dist/EditableTable.js +1 -1
- package/dist/FeedbackSection.js +1 -1
- package/dist/FieldOfInterestsMasonrySection.cjs +20 -25
- package/dist/FieldOfInterestsMasonrySection.js +228 -154
- package/dist/FieldOfInterestsWithAvatarsCardsSection.cjs +33 -24
- package/dist/FieldOfInterestsWithAvatarsCardsSection.js +178 -113
- package/dist/FieldOfInterestsWithTagsCardsSection.cjs +6 -16
- package/dist/FieldOfInterestsWithTagsCardsSection.js +89 -93
- package/dist/FileInput.js +1 -1
- package/dist/FlexGridItem.js +1 -1
- package/dist/FormField.js +1 -1
- package/dist/FormView.js +1 -1
- package/dist/GeneralWithTagsCardsSection.cjs +11 -27
- package/dist/GeneralWithTagsCardsSection.js +87 -99
- package/dist/GiftCardsSection.cjs +18 -23
- package/dist/GiftCardsSection.js +146 -77
- package/dist/Icon.js +1 -1
- package/dist/IconButton.js +1 -1
- package/dist/Kanban.js +1 -1
- package/dist/KanbanActionsToolbar.js +1 -1
- package/dist/KanbanView.js +1 -1
- package/dist/Link.js +1 -1
- package/dist/LoanCalculatorSection.js +1 -1
- package/dist/LocationFinderSection.js +1 -1
- package/dist/LocationSearchSection.js +1 -1
- package/dist/MasonryGeneralCardsSection.cjs +33 -19
- package/dist/MasonryGeneralCardsSection.js +114 -68
- package/dist/MenuItem.js +1 -1
- package/dist/Modal.js +1 -1
- package/dist/MultiSelectDropdown.js +1 -1
- package/dist/MultiSelectDropdownLookup.js +1 -1
- package/dist/NestedDropdownItem.js +1 -1
- package/dist/NestedMenuItem.js +1 -1
- package/dist/NotificationContainer.js +1 -1
- package/dist/NotificationMessage.js +1 -1
- package/dist/NumberInput.js +1 -1
- package/dist/OverlayGeneralCardsSection.cjs +5 -5
- package/dist/OverlayGeneralCardsSection.js +54 -40
- package/dist/PasswordInput.js +1 -1
- package/dist/PopoverContent.js +1 -1
- package/dist/ProductsWithBannerSection.cjs +15 -20
- package/dist/ProductsWithBannerSection.js +176 -104
- package/dist/ProgressBar.js +1 -1
- package/dist/QuattroCardsSection.cjs +6 -6
- package/dist/QuattroCardsSection.js +42 -34
- package/dist/QuizSection.js +1 -1
- package/dist/RadioInput.js +1 -1
- package/dist/RangeSlider.js +1 -1
- package/dist/ReviewsSection.cjs +24 -30
- package/dist/ReviewsSection.js +170 -137
- package/dist/SalesCampaignsSection.cjs +46 -130
- package/dist/SalesCampaignsSection.js +354 -433
- package/dist/Separator.js +1 -1
- package/dist/ShopCardsSection.cjs +18 -5
- package/dist/ShopCardsSection.js +145 -88
- package/dist/Sidebar.js +1 -1
- package/dist/SimpleCategoriesSection.cjs +10 -4
- package/dist/SimpleCategoriesSection.js +79 -51
- package/dist/SimpleProductsSection.cjs +16 -3
- package/dist/SimpleProductsSection.js +172 -70
- package/dist/Spinner.js +1 -1
- package/dist/StatsSection.js +4 -4
- package/dist/Surface.js +1 -1
- package/dist/SwipeableDrawer.js +1 -1
- package/dist/TabItem.js +1 -1
- package/dist/Table.js +1 -1
- package/dist/TableView.js +1 -1
- package/dist/TextAreaInput.js +1 -1
- package/dist/TextInput.js +1 -1
- package/dist/ThemeProvider.js +1 -1
- package/dist/TimeInput.js +1 -1
- package/dist/Toggle.js +1 -1
- package/dist/TreeMenuSeparator.js +1 -1
- package/dist/UploadedFile.js +1 -1
- package/dist/UrgentSaleProductsSection.cjs +2 -2
- package/dist/UrgentSaleProductsSection.js +62 -61
- package/dist/index-BAJkosVg.cjs +11 -0
- package/dist/{index-dXWRbvgi.js → index-BMOLVn8O.js} +1 -1
- package/dist/{skeleton-5mO22c5S.js → index-BPntOicE.js} +55 -107
- package/dist/index-BSpdEGFd.js +42 -0
- package/dist/{index-CF3HhgvN.js → index-BbltNcou.js} +1 -1
- package/dist/index-BhBRZf4M.js +742 -0
- package/dist/index-BovNbKxB.js +54 -0
- package/dist/{skeleton-Ccd6EDeB.cjs → index-C5r__0lD.cjs} +4 -47
- package/dist/{index-DicTpiG0.cjs → index-CfT9e5O9.cjs} +2 -10
- package/dist/index-D-3I_Ppj.cjs +16 -0
- package/dist/index-D0IYt1s3.cjs +20 -0
- package/dist/{skeleton-CQPwIEP0.js → index-D69SKc-n.cjs} +7 -37
- package/dist/{index-C0SKNFzP.js → index-D8KPbcUf.js} +1 -1
- package/dist/index-DFdPWO4O.js +133 -0
- package/dist/index-DFyV_EK2.cjs +305 -0
- package/dist/index-DxwIu0Wn.js +84 -0
- package/dist/{index-y6sKgrZC.js → index-XYs5Cuh5.js} +21 -30
- package/dist/index.js +1 -1
- package/dist/style-BAcV7F53.cjs +64 -0
- package/dist/style-CXMUA6cI.js +74 -0
- package/dist/{style-DKAOBWn3.js → style-D3pIrH3v.js} +1 -1
- package/dist/{utils-BdsZgOUE.js → utils-DHfRApMf.js} +6 -6
- package/package.json +1 -1
- package/dist/index-1Dm1i6WK.js +0 -52
- package/dist/index-BGTtoLxz.cjs +0 -1
- package/dist/skeleton-BdbB-LdT.cjs +0 -97
- package/dist/suspense-categories-card-simple-BGj475Ca.js +0 -101
- package/dist/suspense-categories-card-simple-CjGtzfzp.cjs +0 -55
- package/dist/suspense-large-BMO7JH52.js +0 -26
- package/dist/suspense-large-CFmcSzX-.cjs +0 -1
- package/dist/suspense-product-card-detailed-BU6DPCvJ.js +0 -652
- package/dist/suspense-product-card-detailed-BbvQuPOP.cjs +0 -329
- package/dist/suspense-product-card-simple-DJ8UYolb.cjs +0 -1
- package/dist/suspense-product-card-simple-ziy0XcLp.js +0 -26
|
@@ -0,0 +1,47 @@
|
|
|
1
|
+
"use strict";const e=require("react/jsx-runtime"),c=require("react"),d=require("./emotion-styled.browser.esm-BtEseadx.cjs"),r=require("./utils-Dl9xPH4c.cjs"),m=require("./consts-goSZX3xP.cjs"),h=d.styled.div`
|
|
2
|
+
display: flex;
|
|
3
|
+
flex-direction: column;
|
|
4
|
+
gap: 0;
|
|
5
|
+
font-size: 0.875rem;
|
|
6
|
+
font-weight: 500;
|
|
7
|
+
color: var(--gray-950, #14161a);
|
|
8
|
+
min-height: 12.25rem;
|
|
9
|
+
max-height: 12.25rem;
|
|
10
|
+
border-radius: 0.75rem;
|
|
11
|
+
border: 1px solid var(--gray-95008, rgba(20, 22, 26, 0.08));
|
|
12
|
+
background: var(--white, #fff);
|
|
13
|
+
cursor: pointer;
|
|
14
|
+
|
|
15
|
+
transition: var(--transition);
|
|
16
|
+
|
|
17
|
+
/* drop-shadow-sm */
|
|
18
|
+
box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);
|
|
19
|
+
overflow: hidden;
|
|
20
|
+
|
|
21
|
+
& .card-content {
|
|
22
|
+
padding: 0.75rem;
|
|
23
|
+
${r.truncateTextInRows(2)}
|
|
24
|
+
}
|
|
25
|
+
|
|
26
|
+
& .card-content-2 {
|
|
27
|
+
${r.truncateTextInRows(2)}
|
|
28
|
+
}
|
|
29
|
+
|
|
30
|
+
& img {
|
|
31
|
+
width: 100%;
|
|
32
|
+
object-fit: cover;
|
|
33
|
+
min-height: 8.25rem;
|
|
34
|
+
max-height: 8.25rem;
|
|
35
|
+
}
|
|
36
|
+
|
|
37
|
+
@media (max-width: ${m.MOBILE_SIZE_PX+"px"}) {
|
|
38
|
+
min-width: 8.75rem;
|
|
39
|
+
max-width: 8.75rem;
|
|
40
|
+
|
|
41
|
+
& .img,
|
|
42
|
+
.skeleton-img {
|
|
43
|
+
min-height: 5.375rem;
|
|
44
|
+
max-height: 5.375rem;
|
|
45
|
+
}
|
|
46
|
+
}
|
|
47
|
+
`,g=c.forwardRef((t,i)=>{const{uuid:a,image:n,name:o,onSelectCard:s=()=>{}}=t;return e.jsxs(h,{ref:i,className:"simple-category-card",onClick:()=>s(a),children:[e.jsx("img",{src:n}),e.jsx("div",{className:"card-content",children:e.jsx("div",{className:"card-content-2",children:o})})]})});exports.CategorySimpleCard=g;
|
|
@@ -0,0 +1,70 @@
|
|
|
1
|
+
import { jsxs as d, jsx as r } from "react/jsx-runtime";
|
|
2
|
+
import { forwardRef as s } from "react";
|
|
3
|
+
import { s as c } from "./emotion-styled.browser.esm-BNN1dTl3.js";
|
|
4
|
+
import { o as e } from "./utils-DHfRApMf.js";
|
|
5
|
+
import { M as h } from "./consts-BuFChS64.js";
|
|
6
|
+
const g = c.div`
|
|
7
|
+
display: flex;
|
|
8
|
+
flex-direction: column;
|
|
9
|
+
gap: 0;
|
|
10
|
+
font-size: 0.875rem;
|
|
11
|
+
font-weight: 500;
|
|
12
|
+
color: var(--gray-950, #14161a);
|
|
13
|
+
min-height: 12.25rem;
|
|
14
|
+
max-height: 12.25rem;
|
|
15
|
+
border-radius: 0.75rem;
|
|
16
|
+
border: 1px solid var(--gray-95008, rgba(20, 22, 26, 0.08));
|
|
17
|
+
background: var(--white, #fff);
|
|
18
|
+
cursor: pointer;
|
|
19
|
+
|
|
20
|
+
transition: var(--transition);
|
|
21
|
+
|
|
22
|
+
/* drop-shadow-sm */
|
|
23
|
+
box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);
|
|
24
|
+
overflow: hidden;
|
|
25
|
+
|
|
26
|
+
& .card-content {
|
|
27
|
+
padding: 0.75rem;
|
|
28
|
+
${e(2)}
|
|
29
|
+
}
|
|
30
|
+
|
|
31
|
+
& .card-content-2 {
|
|
32
|
+
${e(2)}
|
|
33
|
+
}
|
|
34
|
+
|
|
35
|
+
& img {
|
|
36
|
+
width: 100%;
|
|
37
|
+
object-fit: cover;
|
|
38
|
+
min-height: 8.25rem;
|
|
39
|
+
max-height: 8.25rem;
|
|
40
|
+
}
|
|
41
|
+
|
|
42
|
+
@media (max-width: ${h + "px"}) {
|
|
43
|
+
min-width: 8.75rem;
|
|
44
|
+
max-width: 8.75rem;
|
|
45
|
+
|
|
46
|
+
& .img,
|
|
47
|
+
.skeleton-img {
|
|
48
|
+
min-height: 5.375rem;
|
|
49
|
+
max-height: 5.375rem;
|
|
50
|
+
}
|
|
51
|
+
}
|
|
52
|
+
`, v = s((i, a) => {
|
|
53
|
+
const { uuid: o, image: t, name: m, onSelectCard: n = () => {
|
|
54
|
+
} } = i;
|
|
55
|
+
return /* @__PURE__ */ d(
|
|
56
|
+
g,
|
|
57
|
+
{
|
|
58
|
+
ref: a,
|
|
59
|
+
className: "simple-category-card",
|
|
60
|
+
onClick: () => n(o),
|
|
61
|
+
children: [
|
|
62
|
+
/* @__PURE__ */ r("img", { src: t }),
|
|
63
|
+
/* @__PURE__ */ r("div", { className: "card-content", children: /* @__PURE__ */ r("div", { className: "card-content-2", children: m }) })
|
|
64
|
+
]
|
|
65
|
+
}
|
|
66
|
+
);
|
|
67
|
+
});
|
|
68
|
+
export {
|
|
69
|
+
v as C
|
|
70
|
+
};
|
package/dist/CheckBoxInput.js
CHANGED
|
@@ -2,7 +2,7 @@ import { jsxs as k, jsx as i, Fragment as B } from "react/jsx-runtime";
|
|
|
2
2
|
import { forwardRef as I } from "react";
|
|
3
3
|
import { P as t } from "./index-CblbdqjE.js";
|
|
4
4
|
import { s as j } from "./emotion-styled.browser.esm-BNN1dTl3.js";
|
|
5
|
-
import { d as g, c as L, b as n, a as N, e as x } from "./utils-
|
|
5
|
+
import { d as g, c as L, b as n, a as N, e as x } from "./utils-DHfRApMf.js";
|
|
6
6
|
import { u as P } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
|
|
7
7
|
const R = (e) => e == "left" ? "row-reverse" : "row", o = (e, d) => `calc(${e.components.Checkbox.default.enabled.sizes[d]} / 2)`, T = j.label`
|
|
8
8
|
-webkit-user-select: none;
|
package/dist/Chip.js
CHANGED
|
@@ -2,7 +2,7 @@ import { jsxs as u, jsx as c, Fragment as N } from "react/jsx-runtime";
|
|
|
2
2
|
import { forwardRef as j } from "react";
|
|
3
3
|
import { P as a } from "./index-CblbdqjE.js";
|
|
4
4
|
import { s as B } from "./emotion-styled.browser.esm-BNN1dTl3.js";
|
|
5
|
-
import { d as b, h as D, b as t, a as F, c as S, g as V, e as U } from "./utils-
|
|
5
|
+
import { d as b, h as D, b as t, a as F, c as S, g as V, e as U } from "./utils-DHfRApMf.js";
|
|
6
6
|
import W from "./Avatar.js";
|
|
7
7
|
import { u as A } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
|
|
8
8
|
const h = (e) => {
|
package/dist/ColorInput.js
CHANGED
|
@@ -2,7 +2,7 @@ import { jsx as o, jsxs as q } from "react/jsx-runtime";
|
|
|
2
2
|
import { forwardRef as G, useState as S, useCallback as J } from "react";
|
|
3
3
|
import { s as z } from "./emotion-styled.browser.esm-BNN1dTl3.js";
|
|
4
4
|
import { P as t } from "./index-CblbdqjE.js";
|
|
5
|
-
import { c as M, d as u, b as l, a as T, e as C, f as Q, h as X } from "./utils-
|
|
5
|
+
import { c as M, d as u, b as l, a as T, e as C, f as Q, h as X } from "./utils-DHfRApMf.js";
|
|
6
6
|
import { d as Y } from "./index-Dt62UGku.js";
|
|
7
7
|
import { u as Z } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
|
|
8
8
|
import { u as _ } from "./useUpdateEffect-CuYWz7EA.js";
|
package/dist/ConfirmationForm.js
CHANGED
|
@@ -3,7 +3,7 @@ import { forwardRef as S, cloneElement as E } from "react";
|
|
|
3
3
|
import { P as r } from "./index-CblbdqjE.js";
|
|
4
4
|
import { s as f } from "./emotion-styled.browser.esm-BNN1dTl3.js";
|
|
5
5
|
import m from "./Icon.js";
|
|
6
|
-
import { b as d } from "./utils-
|
|
6
|
+
import { b as d } from "./utils-DHfRApMf.js";
|
|
7
7
|
import M from "./Modal.js";
|
|
8
8
|
import { u as V } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
|
|
9
9
|
const q = f.div`
|
|
@@ -2,7 +2,7 @@ import { jsxs as q, jsx as t } from "react/jsx-runtime";
|
|
|
2
2
|
import { forwardRef as z } from "react";
|
|
3
3
|
import { s as D } from "./emotion-styled.browser.esm-BNN1dTl3.js";
|
|
4
4
|
import { M as G } from "./consts-BuFChS64.js";
|
|
5
|
-
import { L as J } from "./index-
|
|
5
|
+
import { L as J } from "./index-D8KPbcUf.js";
|
|
6
6
|
import K from "./LoanCalculatorSection.js";
|
|
7
7
|
const N = D.div`
|
|
8
8
|
display: flex;
|
|
@@ -7,7 +7,7 @@ import { _ as Zt } from "./objectWithoutPropertiesLoose-DhwSMsjf.js";
|
|
|
7
7
|
import { r as Pt } from "./index-B1vKwsDE.js";
|
|
8
8
|
import { a as Ht } from "./floating-ui.dom-B931An3C.js";
|
|
9
9
|
import { i as Ve } from "./use-isomorphic-layout-effect.browser.esm-DERp5kr6.js";
|
|
10
|
-
import { b as Z, a as ue, g as Nt, d as te, m as Mt } from "./utils-
|
|
10
|
+
import { b as Z, a as ue, g as Nt, d as te, m as Mt } from "./utils-DHfRApMf.js";
|
|
11
11
|
function We(n, e) {
|
|
12
12
|
var i = Object.keys(n);
|
|
13
13
|
if (Object.getOwnPropertySymbols) {
|
package/dist/DateInput.js
CHANGED
|
@@ -4,7 +4,7 @@ import m, { createElement as $a, Component as Ba, createRef as ja, forwardRef as
|
|
|
4
4
|
import { P as J } from "./index-CblbdqjE.js";
|
|
5
5
|
import Qa from "./Icon.js";
|
|
6
6
|
import { s as Ka } from "./emotion-styled.browser.esm-BNN1dTl3.js";
|
|
7
|
-
import { c as hr, b as $ } from "./utils-
|
|
7
|
+
import { c as hr, b as $ } from "./utils-DHfRApMf.js";
|
|
8
8
|
import { c as le } from "./index-fN7hCOo3.js";
|
|
9
9
|
import { c as wt, a as Va, d as R, e as L, g as Y, _, f as I } from "./defineProperty-DF3p0mVo.js";
|
|
10
10
|
import { a as x } from "./setPrototypeOf-CttqfWo1.js";
|
package/dist/DecimalInput.js
CHANGED
|
@@ -3,7 +3,7 @@ import { P as v } from "./index-CblbdqjE.js";
|
|
|
3
3
|
import k, { forwardRef as oe, useState as ne, useCallback as se } from "react";
|
|
4
4
|
import { d as fe } from "./index-Dt62UGku.js";
|
|
5
5
|
import { s as G } from "./emotion-styled.browser.esm-BNN1dTl3.js";
|
|
6
|
-
import { d as B, b as w, a as le, e as ue, h as W, c as ce } from "./utils-
|
|
6
|
+
import { d as B, b as w, a as le, e as ue, h as W, c as ce } from "./utils-DHfRApMf.js";
|
|
7
7
|
import { u as pe } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
|
|
8
8
|
function A() {
|
|
9
9
|
}
|
package/dist/DecimalInputV2.js
CHANGED
|
@@ -2,7 +2,7 @@ import { jsxs as Y, jsx as N } from "react/jsx-runtime";
|
|
|
2
2
|
import { P as l } from "./index-CblbdqjE.js";
|
|
3
3
|
import { forwardRef as Z, useState as P, useRef as _, useEffect as v } from "react";
|
|
4
4
|
import { s as O } from "./emotion-styled.browser.esm-BNN1dTl3.js";
|
|
5
|
-
import { d as f, b as c, a as R, e as A, h as W, c as ee } from "./utils-
|
|
5
|
+
import { d as f, b as c, a as R, e as A, h as W, c as ee } from "./utils-DHfRApMf.js";
|
|
6
6
|
import { u as te } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
|
|
7
7
|
const ne = O.div`
|
|
8
8
|
display: flex;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";const t=require("react/jsx-runtime"),
|
|
1
|
+
"use strict";const t=require("react/jsx-runtime"),a=require("react"),P=require("./emotion-styled.browser.esm-BtEseadx.cjs"),M=require("./consts-goSZX3xP.cjs"),B=require("./IconButton.cjs"),E=require("./Button.cjs"),r=require("./utils-Dl9xPH4c.cjs"),I=require("./useDetectMobile-zkbzoOGV.cjs"),g=require("./index-DFyV_EK2.cjs"),L=P.styled.div`
|
|
2
2
|
display: flex;
|
|
3
3
|
flex-direction: column;
|
|
4
4
|
gap: 1.5rem;
|
|
@@ -23,7 +23,7 @@
|
|
|
23
23
|
|
|
24
24
|
& .section__items {
|
|
25
25
|
display: grid;
|
|
26
|
-
grid-template-columns: ${
|
|
26
|
+
grid-template-columns: ${n=>`repeat(${n.limit}, minmax(0, 1fr))`};
|
|
27
27
|
gap: 2rem;
|
|
28
28
|
}
|
|
29
29
|
|
|
@@ -70,4 +70,4 @@
|
|
|
70
70
|
}
|
|
71
71
|
}
|
|
72
72
|
}
|
|
73
|
-
`,T=
|
|
73
|
+
`,T=a.memo(g.DetailedProductCard),z=a.forwardRef((n,p)=>{const{title:l,icon:c,items:o,limit:f=4,isLoading:s=!1,onSelectCard:b=()=>{},onLoadMore:w=()=>{},onButtonAction:y=()=>{},getImage:_=()=>{},viewAllbuttonLink:d,viewAllButonText:m="View all",negotiableText:h,freeText:k,loadMoreButtonIcon:v="angle-down",sponsoredText:C,onBookmark:N=()=>{},bookmarkComponent:S,componentName:j}=n,u=I.useDetectMobile(),q=a.useMemo(()=>o==null?void 0:o.map((e,i)=>t.jsx(T,{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:(R,D)=>b({uuid:e==null?void 0:e.uuid,nameSlug:e==null?void 0:e.nameSlug,cardRef:D}),imageUrl:_(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:h,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,trade:e==null?void 0:e.trade,sponsoredText:C,onBookmark:N,bookmarkComponent:S,bookmarked:e==null?void 0:e.bookmarked,bookmarkLists:e==null?void 0:e.bookmarkLists,metadata:{accessor:e==null?void 0:e.accessor,name:j},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},i)),[o]);return t.jsxs(L,{ref:p,limit:f,children:[t.jsxs("div",{className:"section__heading",children:[r.isDefinedNotEmptyString(l)&&t.jsxs("div",{className:"section__title",children:[r.isDefinedNotEmptyString(c)&&t.jsx("i",{className:c})," ",l]}),u&&r.isDefinedNotEmptyString(d)&&r.isDefinedNotEmptyString(m)&&!s&&t.jsx(E,{type:"button",btnType:"tinted",color:"neutral",onClick:e=>{var i;(i=e==null?void 0:e.target)==null||i.blur(),y(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:q})}),!u&&!s&&t.jsx(B,{icon:v,borderRadius:"curved",btnType:"basic",color:"neutral",className:"section__show-more",onClick:w})]})});module.exports=z;
|
|
@@ -1,12 +1,12 @@
|
|
|
1
|
-
import { jsx as o, jsxs as
|
|
1
|
+
import { jsx as o, jsxs as s } from "react/jsx-runtime";
|
|
2
2
|
import { memo as B, forwardRef as D, useMemo as I } from "react";
|
|
3
3
|
import { s as L } from "./emotion-styled.browser.esm-BNN1dTl3.js";
|
|
4
4
|
import { M as T } from "./consts-BuFChS64.js";
|
|
5
5
|
import z from "./IconButton.js";
|
|
6
6
|
import E from "./Button.js";
|
|
7
|
-
import { k as
|
|
7
|
+
import { k as i } from "./utils-DHfRApMf.js";
|
|
8
8
|
import { u as U } from "./useDetectMobile-Bkvj0VMa.js";
|
|
9
|
-
import { D as $, S as j } from "./
|
|
9
|
+
import { D as $, S as j } from "./index-BhBRZf4M.js";
|
|
10
10
|
const A = L.div`
|
|
11
11
|
display: flex;
|
|
12
12
|
flex-direction: column;
|
|
@@ -32,7 +32,7 @@ const A = L.div`
|
|
|
32
32
|
|
|
33
33
|
& .section__items {
|
|
34
34
|
display: grid;
|
|
35
|
-
grid-template-columns: ${(
|
|
35
|
+
grid-template-columns: ${(a) => `repeat(${a.limit}, minmax(0, 1fr))`};
|
|
36
36
|
gap: 2rem;
|
|
37
37
|
}
|
|
38
38
|
|
|
@@ -79,32 +79,32 @@ const A = L.div`
|
|
|
79
79
|
}
|
|
80
80
|
}
|
|
81
81
|
}
|
|
82
|
-
`, F = B($), Q = D((
|
|
82
|
+
`, F = B($), Q = D((a, p) => {
|
|
83
83
|
const {
|
|
84
84
|
title: l,
|
|
85
|
-
icon:
|
|
85
|
+
icon: c,
|
|
86
86
|
items: t,
|
|
87
|
-
limit:
|
|
88
|
-
isLoading:
|
|
89
|
-
onSelectCard:
|
|
87
|
+
limit: f = 4,
|
|
88
|
+
isLoading: n = !1,
|
|
89
|
+
onSelectCard: g = () => {
|
|
90
90
|
},
|
|
91
|
-
onLoadMore:
|
|
91
|
+
onLoadMore: b = () => {
|
|
92
92
|
},
|
|
93
|
-
onButtonAction:
|
|
93
|
+
onButtonAction: h = () => {
|
|
94
94
|
},
|
|
95
|
-
getImage:
|
|
95
|
+
getImage: w = () => {
|
|
96
96
|
},
|
|
97
|
-
viewAllbuttonLink:
|
|
98
|
-
viewAllButonText:
|
|
97
|
+
viewAllbuttonLink: m,
|
|
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
|
bookmarkComponent: N,
|
|
106
106
|
componentName: S
|
|
107
|
-
} =
|
|
107
|
+
} = a, u = U(), P = I(() => t == null ? void 0 : t.map((e, r) => /* @__PURE__ */ o(
|
|
108
108
|
F,
|
|
109
109
|
{
|
|
110
110
|
name: e == null ? void 0 : e.name,
|
|
@@ -116,12 +116,12 @@ const A = L.div`
|
|
|
116
116
|
uuid: e == null ? void 0 : e.uuid,
|
|
117
117
|
sponsored: e == null ? void 0 : e.sponsored,
|
|
118
118
|
imageComponent: e == null ? void 0 : e.imageComponent,
|
|
119
|
-
onSelectCard: (O, M) =>
|
|
120
|
-
imageUrl:
|
|
119
|
+
onSelectCard: (O, M) => g({ uuid: e == null ? void 0 : e.uuid, nameSlug: e == null ? void 0 : e.nameSlug, cardRef: M }),
|
|
120
|
+
imageUrl: w(e == null ? void 0 : e.image, e == null ? void 0 : e.uuid, e == null ? void 0 : e.sellerUuid) || null,
|
|
121
121
|
isFree: e == null ? void 0 : e.isFree,
|
|
122
122
|
isNegotiable: e == null ? void 0 : e.isNegotiable,
|
|
123
123
|
negotiableText: _,
|
|
124
|
-
freeText:
|
|
124
|
+
freeText: k,
|
|
125
125
|
tags: e == null ? void 0 : e.tags,
|
|
126
126
|
categoryCode: e == null ? void 0 : e.categoryCode,
|
|
127
127
|
condition: e == null ? void 0 : e.condition,
|
|
@@ -141,14 +141,14 @@ const A = L.div`
|
|
|
141
141
|
},
|
|
142
142
|
r
|
|
143
143
|
)), [t]);
|
|
144
|
-
return /* @__PURE__ */
|
|
145
|
-
/* @__PURE__ */
|
|
146
|
-
|
|
147
|
-
|
|
144
|
+
return /* @__PURE__ */ s(A, { ref: p, limit: f, children: [
|
|
145
|
+
/* @__PURE__ */ s("div", { className: "section__heading", children: [
|
|
146
|
+
i(l) && /* @__PURE__ */ s("div", { className: "section__title", children: [
|
|
147
|
+
i(c) && /* @__PURE__ */ o("i", { className: c }),
|
|
148
148
|
" ",
|
|
149
149
|
l
|
|
150
150
|
] }),
|
|
151
|
-
u &&
|
|
151
|
+
u && i(m) && i(d) && !n && /* @__PURE__ */ o(
|
|
152
152
|
E,
|
|
153
153
|
{
|
|
154
154
|
type: "button",
|
|
@@ -156,32 +156,31 @@ const A = L.div`
|
|
|
156
156
|
color: "neutral",
|
|
157
157
|
onClick: (e) => {
|
|
158
158
|
var r;
|
|
159
|
-
(r = e == null ? void 0 : e.target) == null || r.blur(),
|
|
159
|
+
(r = e == null ? void 0 : e.target) == null || r.blur(), h(m);
|
|
160
160
|
},
|
|
161
161
|
borderRadius: "curved",
|
|
162
162
|
className: "section__view-all",
|
|
163
|
-
children:
|
|
163
|
+
children: d
|
|
164
164
|
}
|
|
165
165
|
)
|
|
166
166
|
] }),
|
|
167
|
-
/* @__PURE__ */ o(
|
|
167
|
+
/* @__PURE__ */ o(
|
|
168
168
|
j,
|
|
169
169
|
{
|
|
170
|
-
isLoading:
|
|
171
|
-
|
|
172
|
-
|
|
173
|
-
children: P
|
|
170
|
+
isLoading: n,
|
|
171
|
+
keyPrefix: "detailed-product-card-skeleton",
|
|
172
|
+
children: /* @__PURE__ */ o("div", { className: "section__items", children: P })
|
|
174
173
|
}
|
|
175
|
-
)
|
|
176
|
-
!u && !
|
|
174
|
+
),
|
|
175
|
+
!u && !n && /* @__PURE__ */ o(
|
|
177
176
|
z,
|
|
178
177
|
{
|
|
179
|
-
icon:
|
|
178
|
+
icon: y,
|
|
180
179
|
borderRadius: "curved",
|
|
181
180
|
btnType: "basic",
|
|
182
181
|
color: "neutral",
|
|
183
182
|
className: "section__show-more",
|
|
184
|
-
onClick:
|
|
183
|
+
onClick: b
|
|
185
184
|
}
|
|
186
185
|
)
|
|
187
186
|
] });
|
|
@@ -1,13 +1,13 @@
|
|
|
1
|
-
"use strict";const
|
|
1
|
+
"use strict";const t=require("react/jsx-runtime"),c=require("react"),T=require("./emotion-styled.browser.esm-BtEseadx.cjs"),E=require("./consts-goSZX3xP.cjs"),F=require("./Button.cjs"),l=require("./utils-Dl9xPH4c.cjs"),B=require("./useDetectMobile-zkbzoOGV.cjs"),R=require("./style-Db3VFbfP.cjs"),w=require("./index-DFyV_EK2.cjs"),I=require("./index-BvQx3xAm.cjs"),_=T.styled.div`
|
|
2
2
|
display: grid;
|
|
3
|
-
grid-template-columns: ${
|
|
3
|
+
grid-template-columns: ${n=>`repeat(${n.limit}, minmax(0, 1fr))`};
|
|
4
4
|
gap: 1.25rem;
|
|
5
5
|
|
|
6
6
|
& .button-link {
|
|
7
7
|
white-space: nowrap;
|
|
8
8
|
}
|
|
9
9
|
|
|
10
|
-
@media (max-width: ${
|
|
10
|
+
@media (max-width: ${E.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
|
+
`,j=c.memo(w.DetailedProductCard),$=c.forwardRef((n,P)=>{const{icon:d,title:v,buttonLink:u,items:o,buttonText:m,limit:a=4,onSelectCard:g=()=>{},onButtonAction:D=()=>{},isLoading:p=!1,getImage:b=()=>{},negotiableText:k,freeText:y,options:i,onSelectOption:S=()=>{},productsToolbarName:U="All",sponsoredText:C,onBookmark:N=()=>{},bookmarkComponent:f,componentName:h}=n,q=B.useDetectMobile(),L=c.useMemo(()=>t.jsx(t.Fragment,{children:q===!0?o==null?void 0:o.map((e,r)=>t.jsx(j,{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)=>g({uuid:e==null?void 0:e.uuid,nameSlug:e==null?void 0:e.nameSlug,cardRef:s}),sellerName:e==null?void 0:e.sellerName,imageUrl:b(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:k,freeText:y,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:C,onBookmark:N,bookmarkComponent:f,bookmarked:e==null?void 0:e.bookmarked,bookmarkLists:e==null?void 0:e.bookmarkLists,metadata:{accessor:e==null?void 0:e.accessor,name:h}},r)):o==null?void 0:o.slice(0,a).map((e,r)=>t.jsx(j,{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)=>g({uuid:e==null?void 0:e.uuid,nameSlug:e==null?void 0:e.nameSlug,cardRef:s}),imageUrl:b(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:k,freeText:y,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:C,onBookmark:N,bookmarkComponent:f,bookmarked:e==null?void 0:e.bookmarked,bookmarkLists:e==null?void 0:e.bookmarkLists,metadata:{accessor:e==null?void 0:e.accessor,name:h},sellerName:e==null?void 0:e.sellerName},r))}),[o,q,a]);return t.jsxs(R.TitleWithOptionsSectionWrapper,{ref:P,children:[t.jsxs("div",{className:"regular-title",children:[t.jsxs("div",{className:"regular-title-text",children:[l.isDefinedNotEmptyString(d)&&t.jsx("i",{className:d}),t.jsx("span",{children:v})]}),l.isDefinedNotEmptyString(u)&&l.isDefinedNotEmptyString(m)&&!p&&t.jsx(F,{type:"button",btnType:"tinted",color:"neutral",onClick:e=>{var r;(r=e==null?void 0:e.target)==null||r.blur(),D(u)},borderRadius:"curved",className:"button-link",children:m})]}),(i==null?void 0:i.length)>0&&t.jsx(I.SelectBar,{items:i,onRemove:e=>{S(e)},onSelect:e=>{S(e)},labelKey:"name",valueKey:"code",noMargin:!0,productsToolbarName:U}),t.jsx(w.SuspenseDetailedProductCard,{isLoading:p,keyPrefix:"detailed-products-skeleton",children:t.jsx(_,{limit:a,children:L})})]})});module.exports=$;
|