@lanaco/lnc-react-ui 4.0.205 → 4.0.207
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/BREAKPOINTS.md +148 -0
- package/dist/Accordion.cjs +1 -1
- package/dist/Accordion.js +6 -6
- package/dist/AccordionSummary.cjs +1 -1
- package/dist/AccordionSummary.js +8 -8
- package/dist/ActionsToolbar.cjs +15 -4
- package/dist/ActionsToolbar.js +58 -46
- package/dist/AdBannerSection.cjs +4 -4
- package/dist/AdBannerSection.js +5 -5
- package/dist/Alert.cjs +1 -1
- package/dist/Alert.js +1 -1
- package/dist/Avatar.cjs +1 -1
- package/dist/Avatar.js +12 -12
- package/dist/Badge.cjs +1 -1
- package/dist/Badge.js +5 -5
- package/dist/BannerNextSection.cjs +2 -2
- package/dist/BannerNextSection.js +13 -13
- package/dist/BannerSectionBasic.cjs +4 -4
- package/dist/BannerSectionBasic.js +22 -22
- package/dist/BannerSectionCarousel.cjs +27 -6
- package/dist/BannerSectionCarousel.js +71 -50
- package/dist/BannerSectionGrid.cjs +3 -3
- package/dist/BannerSectionGrid.js +13 -13
- package/dist/BannerSectionSimple.cjs +15 -15
- package/dist/BannerSectionSimple.js +40 -40
- package/dist/BannerSectionWithList.cjs +7 -7
- package/dist/BannerSectionWithList.js +20 -20
- package/dist/BannerSectionWithListImage.cjs +6 -9
- package/dist/BannerSectionWithListImage.js +17 -20
- package/dist/BlogCardsSponsoredSection.cjs +7 -5
- package/dist/BlogCardsSponsoredSection.js +32 -30
- package/dist/BlogCategoryCardsSection.cjs +1 -1
- package/dist/BlogCategoryCardsSection.js +2 -2
- package/dist/BlogExploreSection.cjs +4 -4
- package/dist/BlogExploreSection.js +60 -60
- package/dist/BlogImagePathSection.cjs +3 -14
- package/dist/BlogImagePathSection.js +27 -39
- package/dist/BlogListSection.cjs +6 -6
- package/dist/BlogListSection.js +32 -32
- package/dist/BlogProductCardsSection.cjs +1 -1
- package/dist/BlogProductCardsSection.js +3 -3
- package/dist/BlogShopCardsSection.cjs +1 -1
- package/dist/BlogShopCardsSection.js +3 -3
- package/dist/BlogSingleSection.cjs +3 -3
- package/dist/BlogSingleSection.js +12 -12
- package/dist/BlogsSectionDetailed.cjs +14 -6
- package/dist/BlogsSectionDetailed.js +53 -45
- package/dist/BlogsSectionLarge.cjs +13 -5
- package/dist/BlogsSectionLarge.js +48 -40
- package/dist/BlogsSectionSimple.cjs +14 -9
- package/dist/BlogsSectionSimple.js +43 -38
- package/dist/BlogsSectionSimpleCentered.cjs +17 -8
- package/dist/BlogsSectionSimpleCentered.js +68 -59
- package/dist/BlogsSectionWithFilters.cjs +16 -11
- package/dist/BlogsSectionWithFilters.js +43 -38
- package/dist/BrandHitsSection.cjs +7 -7
- package/dist/BrandHitsSection.js +13 -13
- package/dist/Breadcrumbs.cjs +1 -1
- package/dist/Breadcrumbs.js +16 -16
- package/dist/Button.cjs +1 -1
- package/dist/Button.js +1 -1
- package/dist/ButtonGroup.cjs +1 -1
- package/dist/ButtonGroup.js +1 -1
- package/dist/CalorieCalculatorSection.cjs +15 -15
- package/dist/CalorieCalculatorSection.js +84 -84
- package/dist/{CategorySimpleCard-COGlTj06.cjs → CategorySimpleCard-CIBvknos.cjs} +3 -3
- package/dist/{CategorySimpleCard-Em84kZzQ.js → CategorySimpleCard-CkSwvJRw.js} +8 -8
- package/dist/CheckBoxInput.cjs +1 -1
- package/dist/CheckBoxInput.js +1 -1
- package/dist/Chip.cjs +1 -1
- package/dist/Chip.js +1 -1
- package/dist/ColorInput.cjs +1 -1
- package/dist/ColorInput.js +14 -14
- package/dist/ConfirmationForm.cjs +1 -1
- package/dist/ConfirmationForm.js +5 -5
- package/dist/ContactSection.cjs +4 -4
- package/dist/ContactSection.js +72 -72
- package/dist/CustomLoanMapSection.cjs +3 -3
- package/dist/CustomLoanMapSection.js +67 -67
- package/dist/{CustomStyles-C86XQqBE.cjs → CustomStyles-2TQQSwtU.cjs} +1 -1
- package/dist/{CustomStyles-DtWxboEM.js → CustomStyles-DR4WuDUN.js} +1 -1
- package/dist/{DailyMotion-CpZExcrg.cjs → DailyMotion-BPdBW5Yv.cjs} +1 -1
- package/dist/{DailyMotion-BBcJkMo_.js → DailyMotion-P9S-WhTX.js} +1 -1
- package/dist/DateInput.cjs +6 -6
- package/dist/DateInput.js +646 -645
- package/dist/DecimalInput.cjs +1 -1
- package/dist/DecimalInput.js +1 -1
- package/dist/DecimalInputV2.cjs +1 -1
- package/dist/DecimalInputV2.js +1 -1
- package/dist/DetailedProductsInfinitiveSection.cjs +10 -4
- package/dist/DetailedProductsInfinitiveSection.js +71 -65
- package/dist/DetailedProductsSection.cjs +7 -3
- package/dist/DetailedProductsSection.js +55 -51
- package/dist/DetailsView.cjs +1 -1
- package/dist/DetailsView.js +1 -1
- package/dist/DoubleRangeSlider.cjs +1 -1
- package/dist/DoubleRangeSlider.js +1 -1
- package/dist/DragAndDropFile.cjs +1 -1
- package/dist/DragAndDropFile.js +1 -1
- package/dist/DragDropFiles.cjs +1 -1
- package/dist/DragDropFiles.js +13 -13
- package/dist/Drawer.cjs +1 -1
- package/dist/Drawer.js +1 -1
- package/dist/Dropdown.cjs +1 -1
- package/dist/Dropdown.js +2 -2
- package/dist/DropdownItem.cjs +1 -1
- package/dist/DropdownItem.js +1 -1
- package/dist/DropdownLookup.cjs +1 -1
- package/dist/DropdownLookup.js +1 -1
- package/dist/DropdownMenu.cjs +1 -1
- package/dist/DropdownMenu.js +7 -7
- package/dist/EditableTable.cjs +1 -1
- package/dist/EditableTable.js +8 -8
- package/dist/{Facebook-DoKw-XxT.cjs → Facebook-C8L2KR4O.cjs} +1 -1
- package/dist/{Facebook-BSWPEXjA.js → Facebook-vhbBr0rd.js} +1 -1
- package/dist/FaqSection.cjs +3 -3
- package/dist/FaqSection.js +52 -52
- package/dist/FeedbackSection.cjs +3 -3
- package/dist/FeedbackSection.js +15 -15
- package/dist/FieldOfInterestsMasonrySection.cjs +18 -12
- package/dist/FieldOfInterestsMasonrySection.js +107 -117
- package/dist/FieldOfInterestsWithAvatarsCardsSection.cjs +13 -7
- package/dist/FieldOfInterestsWithAvatarsCardsSection.js +64 -58
- package/dist/FieldOfInterestsWithTagsCardsSection.cjs +15 -9
- package/dist/FieldOfInterestsWithTagsCardsSection.js +42 -36
- package/dist/FileInput.cjs +1 -1
- package/dist/FileInput.js +1 -1
- package/dist/{FilePlayer-D9az_lc_.cjs → FilePlayer-BVFgHY_f.cjs} +1 -1
- package/dist/{FilePlayer-BtGpIWnK.js → FilePlayer-CXTLAokk.js} +1 -1
- package/dist/FlexGridItem.cjs +1 -1
- package/dist/FlexGridItem.js +1 -1
- package/dist/FormField.cjs +1 -1
- package/dist/FormField.js +1 -1
- package/dist/FormView.cjs +1 -1
- package/dist/FormView.js +1 -1
- package/dist/GeneralWithTagsCardsSection.cjs +14 -8
- package/dist/GeneralWithTagsCardsSection.js +31 -25
- package/dist/GiftCardsSection.cjs +15 -7
- package/dist/GiftCardsSection.js +44 -36
- package/dist/HelpBannerSection.cjs +3 -3
- package/dist/HelpBannerSection.js +4 -4
- package/dist/Icon.cjs +1 -1
- package/dist/Icon.js +4 -4
- package/dist/IconButton.cjs +1 -1
- package/dist/IconButton.js +1 -1
- package/dist/{Kaltura-CK6JHUZC.cjs → Kaltura-C2fRoaEg.cjs} +1 -1
- package/dist/{Kaltura-BDqlEQpd.js → Kaltura-CRGK2EP7.js} +1 -1
- package/dist/Kanban.cjs +1 -1
- package/dist/Kanban.js +1 -1
- package/dist/KanbanActionsToolbar.cjs +1 -1
- package/dist/KanbanActionsToolbar.js +5 -5
- package/dist/KanbanView.cjs +1 -1
- package/dist/KanbanView.js +9 -9
- package/dist/Link.cjs +1 -1
- package/dist/Link.js +1 -1
- package/dist/LoanCalculatorSection.cjs +3 -3
- package/dist/LoanCalculatorSection.js +17 -17
- package/dist/LocationFinderSection.cjs +1 -1
- package/dist/LocationFinderSection.js +1 -1
- package/dist/LocationSearchSection.cjs +13 -6
- package/dist/LocationSearchSection.js +34 -27
- package/dist/MasonryGeneralCardsSection.cjs +13 -9
- package/dist/MasonryGeneralCardsSection.js +34 -30
- package/dist/MenuItem.cjs +1 -1
- package/dist/MenuItem.js +14 -14
- package/dist/{Mixcloud-zAh6j7Ha.js → Mixcloud-Cn5M-EIT.js} +1 -1
- package/dist/{Mixcloud-C1Boh2Bm.cjs → Mixcloud-D09BQNOt.cjs} +1 -1
- package/dist/Modal.cjs +1 -1
- package/dist/Modal.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/{Mux-C6TwZeaq.cjs → Mux-C-xD7crc.cjs} +1 -1
- package/dist/{Mux-BGTG_Tvc.js → Mux-C6szci3w.js} +1 -1
- package/dist/NestedDropdownItem.cjs +1 -1
- package/dist/NestedDropdownItem.js +9 -9
- package/dist/NestedMenuItem.cjs +1 -1
- package/dist/NestedMenuItem.js +7 -7
- package/dist/NotificationContainer.cjs +1 -1
- package/dist/NotificationContainer.js +1 -1
- package/dist/NotificationMessage.cjs +1 -1
- package/dist/NotificationMessage.js +5 -5
- package/dist/NumberInput.cjs +1 -1
- package/dist/NumberInput.js +8 -8
- package/dist/OverlayGeneralCardsSection.cjs +19 -31
- package/dist/OverlayGeneralCardsSection.js +51 -63
- package/dist/PartnerBannerSection.cjs +2 -2
- package/dist/PartnerBannerSection.js +2 -2
- package/dist/PartnerBrandsSection.cjs +2 -2
- package/dist/PartnerBrandsSection.js +24 -17
- package/dist/PartnerCardsSection.cjs +3 -3
- package/dist/PartnerCardsSection.js +18 -18
- package/dist/PartnerStatsSection.cjs +2 -2
- package/dist/PartnerStatsSection.js +3 -3
- package/dist/PasswordInput.cjs +1 -1
- package/dist/PasswordInput.js +19 -19
- package/dist/PopoverContent.cjs +1 -1
- package/dist/PopoverContent.js +1 -1
- package/dist/ProductsWithBannerSection.cjs +20 -10
- package/dist/ProductsWithBannerSection.js +79 -69
- package/dist/ProgressBar.cjs +1 -1
- package/dist/ProgressBar.js +5 -5
- package/dist/QuattroCardsSection.cjs +8 -6
- package/dist/QuattroCardsSection.js +19 -17
- package/dist/QuizSection.cjs +9 -9
- package/dist/QuizSection.js +56 -56
- package/dist/RadioInput.cjs +1 -1
- package/dist/RadioInput.js +1 -1
- package/dist/RangeSlider.cjs +1 -1
- package/dist/RangeSlider.js +1 -1
- package/dist/ReviewsSection.cjs +24 -16
- package/dist/ReviewsSection.js +56 -48
- package/dist/SalesCampaignsSection.cjs +25 -21
- package/dist/SalesCampaignsSection.js +248 -241
- package/dist/{SearchSection-DAaMecR4.js → SearchSection-BEYnWPSr.js} +69 -69
- package/dist/{SearchSection-B94YN_6P.cjs → SearchSection-DUY61r3k.cjs} +6 -6
- package/dist/SearchSection.cjs +1 -1
- package/dist/SearchSection.js +1 -1
- package/dist/Separator.cjs +1 -1
- package/dist/Separator.js +3 -3
- package/dist/SeparatorSection.cjs +3 -3
- package/dist/SeparatorSection.js +4 -4
- package/dist/ShopCardsSection.cjs +11 -5
- package/dist/ShopCardsSection.js +40 -34
- package/dist/Sidebar.cjs +1 -1
- package/dist/Sidebar.js +1 -1
- package/dist/SimpleCategoriesSection.cjs +9 -5
- package/dist/SimpleCategoriesSection.js +61 -57
- package/dist/SimpleProductsSection.cjs +44 -11
- package/dist/SimpleProductsSection.js +100 -67
- package/dist/{SoundCloud-C6R6E6Zc.cjs → SoundCloud-BsL6Onq6.cjs} +1 -1
- package/dist/{SoundCloud-lO8wg_0s.js → SoundCloud-Cfaj1Ze1.js} +1 -1
- package/dist/Spinner.cjs +1 -1
- package/dist/Spinner.js +1 -1
- package/dist/StatsSection.cjs +3 -3
- package/dist/StatsSection.js +11 -11
- package/dist/{Streamable-Dwa5ZEK4.js → Streamable-CG8_-_w7.js} +1 -1
- package/dist/{Streamable-DZO95CiT.cjs → Streamable-DFtyk9Dt.cjs} +1 -1
- package/dist/Surface.cjs +1 -1
- package/dist/Surface.js +1 -1
- package/dist/SwipeableDrawer.cjs +1 -1
- package/dist/SwipeableDrawer.js +1 -1
- package/dist/TabItem.cjs +1 -1
- package/dist/TabItem.js +1 -1
- package/dist/Table.cjs +54 -49
- package/dist/Table.js +417 -401
- package/dist/TableView.cjs +10 -2
- package/dist/TableView.js +84 -75
- package/dist/TextAreaInput.cjs +1 -1
- package/dist/TextAreaInput.js +1 -1
- package/dist/TextInput.cjs +1 -1
- package/dist/TextInput.js +1 -1
- package/dist/ThemeProvider.cjs +4 -4
- package/dist/ThemeProvider.js +11 -10
- package/dist/TimeInput.cjs +1 -1
- package/dist/TimeInput.js +1 -1
- package/dist/Toggle.cjs +1 -1
- package/dist/Toggle.js +1 -1
- package/dist/ToggleSection.cjs +7 -7
- package/dist/ToggleSection.js +38 -38
- package/dist/TreeMenuSeparator.cjs +1 -1
- package/dist/TreeMenuSeparator.js +3 -3
- package/dist/{Twitch-B17oKtD0.cjs → Twitch-BIUEEDiE.cjs} +1 -1
- package/dist/{Twitch-C73-dwWo.js → Twitch-CbU_0Tx9.js} +1 -1
- package/dist/UploadedFile.cjs +1 -1
- package/dist/UploadedFile.js +7 -7
- package/dist/UrgentSaleProductsSection.cjs +10 -4
- package/dist/UrgentSaleProductsSection.js +67 -61
- package/dist/{Vidyard-s1MMcaRm.cjs → Vidyard-QkjVIros.cjs} +1 -1
- package/dist/{Vidyard-B6GdBHsM.js → Vidyard-S6Fl_F78.js} +1 -1
- package/dist/{Vimeo-kzHz4Gco.js → Vimeo-5bkeYCV4.js} +1 -1
- package/dist/{Vimeo-J1l_SU2E.cjs → Vimeo-B5jsifNT.cjs} +1 -1
- package/dist/{Wistia-CudQyDHM.cjs → Wistia-dpbMmx23.cjs} +1 -1
- package/dist/{Wistia-w4jnqd7y.js → Wistia-gOZBV0XZ.js} +1 -1
- package/dist/{YouTube-BAYKouHS.cjs → YouTube-BfZRCB6O.cjs} +1 -1
- package/dist/{YouTube-BKyipPZx.js → YouTube-XoIB4ATQ.js} +1 -1
- package/dist/breakpoints-CcVm-gVm.cjs +1 -0
- package/dist/breakpoints-ff0SIcV3.js +91 -0
- package/dist/{index-u_XFwsvc.js → index-9KyU46J0.js} +11 -9
- package/dist/{index-CSgGox95.cjs → index-B9c6y2J5.cjs} +3 -3
- package/dist/{index-CS4w87SW.cjs → index-BEgD9vNo.cjs} +9 -9
- package/dist/{index-BC2PHcI1.js → index-BWeXujWl.js} +10 -10
- package/dist/index-B_ilx3wM.cjs +16 -0
- package/dist/{index-B22BZVBG.js → index-BvMY2TbK.js} +1 -1
- package/dist/{index-CwMCk9wV.js → index-BzSWu-7v.js} +67 -67
- package/dist/{index-TIqKd2Dv.js → index-C-uOIDDa.js} +2 -2
- package/dist/{index-bihqNqQk.js → index-C4HycAPS.js} +6 -6
- package/dist/{index-BWE-RCPy.cjs → index-CBZ-jNah.cjs} +4 -4
- package/dist/{index-D_5jNP-o.cjs → index-CUaeb_TU.cjs} +5 -5
- package/dist/{index-DK8dqEUQ.js → index-CoQ9APCD.js} +11 -11
- package/dist/{index-BAJkosVg.cjs → index-CsTfXxpp.cjs} +2 -2
- package/dist/{index-D0JDnm9b.cjs → index-Dc0EEBRW.cjs} +4 -4
- package/dist/{index-uwl7BjRF.cjs → index-DsINTjQk.cjs} +1 -1
- package/dist/{index-Cm414y95.js → index-L_Va5-wK.js} +13 -13
- package/dist/{index-CBMsUFkS.js → index-hC-E71GE.js} +11 -11
- package/dist/{index-BFc3nxYZ.cjs → index-of6WydGq.cjs} +4 -2
- package/dist/{index-BASX-BjS.js → index-rYUwBlpp.js} +63 -63
- package/dist/{index-D0IYt1s3.cjs → index-uCWKRzoS.cjs} +2 -2
- package/dist/{index-CRk3vcd4.cjs → index-vQOR22Py.cjs} +4 -4
- package/dist/{index-D-86mDtn.js → index-yARaIaLj.js} +29 -29
- package/dist/index.cjs +1 -1
- package/dist/index.js +213 -194
- package/dist/{style-BTTXJFJN.cjs → style-AYc9hnFj.cjs} +14 -2
- package/dist/{style-neMbLWE6.js → style-BUyFad_y.js} +4 -4
- package/dist/{style-tw6KjI2J.js → style-Bq3rMbnN.js} +16 -4
- package/dist/{style-B4kAj6YU.cjs → style-DC05rdyx.cjs} +5 -5
- package/dist/{tag-Dm8CW4TM.js → tag-Bi8gg6hJ.js} +12 -12
- package/dist/{tag-UQjq2_Ba.cjs → tag-DSnhWWHE.cjs} +5 -5
- package/dist/{utils-DtEfC-TX.js → theme-Befg4g_L.js} +19 -378
- package/dist/theme-Q3WOGKWQ.cjs +1 -0
- package/dist/{useDetectMobile-Bkvj0VMa.js → useDetectMobile-CcVo3PNi.js} +1 -1
- package/dist/useDetectMobile-DYV6V1yw.cjs +1 -0
- package/dist/utils-B2fsQ6PS.js +334 -0
- package/dist/utils-CITgSxXe.cjs +51 -0
- package/package.json +1 -1
- package/dist/consts-BuFChS64.js +0 -7
- package/dist/consts-goSZX3xP.cjs +0 -1
- package/dist/index-D-3I_Ppj.cjs +0 -16
- package/dist/useDetectMobile-zkbzoOGV.cjs +0 -1
- package/dist/utils-RnrgDDZP.cjs +0 -51
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";const
|
|
1
|
+
"use strict";const t=require("react/jsx-runtime"),p=require("react"),v=require("./emotion-styled.browser.esm-BtEseadx.cjs"),r=require("./utils-CITgSxXe.cjs"),j=require("./index-DsINTjQk.cjs"),k=v.styled.a`
|
|
2
2
|
text-decoration: none;
|
|
3
3
|
color: var(--gray-950);
|
|
4
4
|
display: flex;
|
|
@@ -58,6 +58,7 @@
|
|
|
58
58
|
padding: 0 0.38rem;
|
|
59
59
|
min-height: 1.25rem;
|
|
60
60
|
max-height: 1.25rem;
|
|
61
|
+
min-width: fit-content;
|
|
61
62
|
width: fit-content;
|
|
62
63
|
display: flex;
|
|
63
64
|
align-items: center;
|
|
@@ -66,6 +67,7 @@
|
|
|
66
67
|
z-index: 1;
|
|
67
68
|
background-color: var(--white, #fff);
|
|
68
69
|
color: var(--gray-950, #14161a);
|
|
70
|
+
white-space: nowrap;
|
|
69
71
|
}
|
|
70
72
|
& .title-simple-product-card {
|
|
71
73
|
z-index: 1;
|
|
@@ -79,4 +81,4 @@
|
|
|
79
81
|
z-index: 1;
|
|
80
82
|
}
|
|
81
83
|
}
|
|
82
|
-
`,C=
|
|
84
|
+
`,C=p.forwardRef((u,$)=>{const{uuid:o,title:f,price:n=0,currency:a,isNegotiable:c,isFree:s,image:g,sellerUuid:N,nameSlug:i,onSelectCard:x=()=>{},imageComponent:d,negotiableText:b="Negotiable",freeText:h="Free",metadata:e,LinkComponent:l}=u,y=l||"a",m=p.useRef();return t.jsxs(k,{ref:m,className:"simple-product-card","data-accessor":e==null?void 0:e.accessor,name:e==null?void 0:e.name,onClick:w=>x(w,m),as:y,...l?{to:`/product/${r.isDefinedNotEmptyString(i)?`${i}-`:""}${o}`}:{href:`/product/${r.isDefinedNotEmptyString(i)?`${i}-`:""}${o}`},children:[r.isDefined(d)?d:t.jsx(j.ProductImageWrapper,{src:g}),t.jsxs("div",{className:"text-block",children:[t.jsx("div",{className:"title-simple-product-card",children:f}),t.jsxs("div",{className:"price-chip",children:[n>0&&a&&c!==!0&&s!==!0&&`${r.formatPrice(n)} ${r.GetCurrencySymbol(a)}`,c&&b,s&&h]})]})]})});exports.SimpleProductCard=C;
|
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
import { jsxs as n, jsx as e, Fragment as O } from "react/jsx-runtime";
|
|
2
|
-
import { forwardRef as ce, useState as ne, useRef as ie, useEffect as
|
|
2
|
+
import { forwardRef as ce, useState as ne, useRef as ie, useEffect as Me, cloneElement as te, Suspense as Le } from "react";
|
|
3
3
|
import { s as S } from "./emotion-styled.browser.esm-BNN1dTl3.js";
|
|
4
|
-
import {
|
|
5
|
-
import { t as
|
|
6
|
-
import { P as
|
|
7
|
-
import
|
|
8
|
-
import
|
|
9
|
-
import
|
|
4
|
+
import { d as L } from "./breakpoints-ff0SIcV3.js";
|
|
5
|
+
import { t as j, n as xe, b as Te, m as M, p as ae, G as se, l as le } from "./utils-B2fsQ6PS.js";
|
|
6
|
+
import { P as qe } from "./index-BvMY2TbK.js";
|
|
7
|
+
import I from "./Badge.js";
|
|
8
|
+
import Ae from "./Popover.js";
|
|
9
|
+
import Xe from "./PopoverTrigger.js";
|
|
10
10
|
import Ye from "./PopoverContent.js";
|
|
11
|
-
import { u as He } from "./useDetectMobile-
|
|
11
|
+
import { u as He } from "./useDetectMobile-CcVo3PNi.js";
|
|
12
12
|
import de from "./Icon.js";
|
|
13
13
|
import { S as v, b as u, c as _, a as i } from "./style-BwQ4djFC.js";
|
|
14
14
|
const Ke = S.a`
|
|
@@ -28,7 +28,7 @@ const Ke = S.a`
|
|
|
28
28
|
}
|
|
29
29
|
& .seller {
|
|
30
30
|
text-transform: uppercase;
|
|
31
|
-
${
|
|
31
|
+
${j()}
|
|
32
32
|
color: var(--gray-500);
|
|
33
33
|
font-size: 0.625rem;
|
|
34
34
|
font-weight: 400;
|
|
@@ -81,13 +81,13 @@ const Ke = S.a`
|
|
|
81
81
|
& .card-title {
|
|
82
82
|
font-size: 0.875rem;
|
|
83
83
|
font-weight: 600;
|
|
84
|
-
${
|
|
84
|
+
${xe(2)}
|
|
85
85
|
}
|
|
86
86
|
|
|
87
87
|
& .price-text {
|
|
88
88
|
font-size: 1rem;
|
|
89
89
|
font-weight: 600;
|
|
90
|
-
${
|
|
90
|
+
${j()}
|
|
91
91
|
display: flex;
|
|
92
92
|
align-items: end;
|
|
93
93
|
gap: 0.5rem;
|
|
@@ -110,7 +110,7 @@ const Ke = S.a`
|
|
|
110
110
|
font-size: 0.75rem;
|
|
111
111
|
font-weight: 400;
|
|
112
112
|
color: var(--gray-600, #676e79);
|
|
113
|
-
${
|
|
113
|
+
${j()}
|
|
114
114
|
}
|
|
115
115
|
|
|
116
116
|
& .tags-wrapper {
|
|
@@ -176,7 +176,7 @@ const Ke = S.a`
|
|
|
176
176
|
padding-inline: 0.5rem;
|
|
177
177
|
}
|
|
178
178
|
|
|
179
|
-
@media
|
|
179
|
+
@media ${L("S")} {
|
|
180
180
|
overflow: visible;
|
|
181
181
|
|
|
182
182
|
& .wrapper-card-3 {
|
|
@@ -292,7 +292,7 @@ const Ke = S.a`
|
|
|
292
292
|
transition: var(--transition, all 0.3s ease);
|
|
293
293
|
}
|
|
294
294
|
|
|
295
|
-
@media
|
|
295
|
+
@media ${L("S")} {
|
|
296
296
|
& img {
|
|
297
297
|
width: 8.875rem;
|
|
298
298
|
height: 8.875rem;
|
|
@@ -307,7 +307,7 @@ const Ke = S.a`
|
|
|
307
307
|
top: unset;
|
|
308
308
|
}
|
|
309
309
|
}
|
|
310
|
-
`,
|
|
310
|
+
`, Je = S.div`
|
|
311
311
|
background: var(--white, #fff);
|
|
312
312
|
z-index: 1;
|
|
313
313
|
|
|
@@ -357,7 +357,7 @@ const Ke = S.a`
|
|
|
357
357
|
color: var(--gray-950, #14161a);
|
|
358
358
|
}
|
|
359
359
|
}
|
|
360
|
-
`,
|
|
360
|
+
`, Ze = S.div`
|
|
361
361
|
display: flex;
|
|
362
362
|
align-items: center;
|
|
363
363
|
gap: 0.25rem;
|
|
@@ -369,7 +369,7 @@ const Ke = S.a`
|
|
|
369
369
|
font-size: 1rem;
|
|
370
370
|
color: var(--warning-500, #F59E0B);
|
|
371
371
|
}
|
|
372
|
-
`, er = ce(({ sponsoredText: a = "Sponsored" },
|
|
372
|
+
`, er = ce(({ sponsoredText: a = "Sponsored" }, P) => /* @__PURE__ */ n(Ze, { ref: P, className: "sponsored-line", children: [
|
|
373
373
|
/* @__PURE__ */ e("i", { className: "mng-lnc-paw2" }),
|
|
374
374
|
/* @__PURE__ */ e("span", { children: a })
|
|
375
375
|
] })), rr = "Vehicles_Cars", or = "Vehicles_Motorcycles", nr = "Vehicles_Trucks", ir = "Vehicles_AgriculturalMachines_Tractors", tr = "Vehicles_ConstructionMachines", ar = "Vehicles_Bus", sr = "Vehicles_Campers", lr = "RealEstates_", l = {
|
|
@@ -479,12 +479,12 @@ const Ke = S.a`
|
|
|
479
479
|
FREEQUANTITY: " mng-lnc-3d-software",
|
|
480
480
|
INCLUDEGIFTS: " mng-lnc-gift",
|
|
481
481
|
FREESHIPPING: " mng-lnc-delivery--parcel"
|
|
482
|
-
}, kr = ce((a,
|
|
482
|
+
}, kr = ce((a, P) => {
|
|
483
483
|
const {
|
|
484
484
|
uuid: m,
|
|
485
485
|
sellerUuid: U,
|
|
486
486
|
name: me,
|
|
487
|
-
price:
|
|
487
|
+
price: E = 0,
|
|
488
488
|
sellingPrice: R,
|
|
489
489
|
currency: k,
|
|
490
490
|
isNegotiable: F,
|
|
@@ -492,15 +492,15 @@ const Ke = S.a`
|
|
|
492
492
|
imageUrl: he,
|
|
493
493
|
location: ge,
|
|
494
494
|
sponsored: pe,
|
|
495
|
-
imageComponent:
|
|
495
|
+
imageComponent: x,
|
|
496
496
|
freeText: ue = "Free",
|
|
497
497
|
negotiableText: fe = "Negotiable",
|
|
498
498
|
tags: t = [],
|
|
499
|
-
categoryCode:
|
|
499
|
+
categoryCode: V,
|
|
500
500
|
categoryName: be,
|
|
501
501
|
condition: T,
|
|
502
502
|
quantity: B,
|
|
503
|
-
trade:
|
|
503
|
+
trade: q,
|
|
504
504
|
sponsoredText: ve,
|
|
505
505
|
forCart: we,
|
|
506
506
|
forOrder: Ce,
|
|
@@ -511,23 +511,23 @@ const Ke = S.a`
|
|
|
511
511
|
onBookmark: W = () => {
|
|
512
512
|
},
|
|
513
513
|
actionComponent: w,
|
|
514
|
-
bookmarked:
|
|
514
|
+
bookmarked: A,
|
|
515
515
|
bookmarkLists: ke,
|
|
516
516
|
metadata: C,
|
|
517
|
-
sellerName:
|
|
518
|
-
nameSlug:
|
|
517
|
+
sellerName: X,
|
|
518
|
+
nameSlug: G,
|
|
519
519
|
onSelectCard: $e = () => {
|
|
520
520
|
},
|
|
521
521
|
activeSalesPackages: h,
|
|
522
522
|
urgentText: Se = "Urgent",
|
|
523
523
|
LinkComponent: Y,
|
|
524
|
-
hasFreeShipping:
|
|
525
|
-
} = a,
|
|
524
|
+
hasFreeShipping: Pe
|
|
525
|
+
} = a, Ee = Y || "a", D = He(), Fe = () => {
|
|
526
526
|
var c;
|
|
527
|
-
if (!
|
|
527
|
+
if (!M(w)) return /* @__PURE__ */ e(O, {});
|
|
528
528
|
const r = w, o = (c = w == null ? void 0 : w.props) == null ? void 0 : c.children, s = te(o, {
|
|
529
|
-
key: `bookmark_pr__${
|
|
530
|
-
bookmarked:
|
|
529
|
+
key: `bookmark_pr__${A}`,
|
|
530
|
+
bookmarked: A,
|
|
531
531
|
productUuid: m,
|
|
532
532
|
onAddToBookmark: () => W(!0, m),
|
|
533
533
|
onRemoveFromBookmark: () => W(!1, m),
|
|
@@ -543,9 +543,9 @@ const Ke = S.a`
|
|
|
543
543
|
hasQuantities: Ne,
|
|
544
544
|
productBasicInfo: {
|
|
545
545
|
uuid: m,
|
|
546
|
-
price:
|
|
546
|
+
price: E,
|
|
547
547
|
sellingPrice: R,
|
|
548
|
-
categoryCode:
|
|
548
|
+
categoryCode: V,
|
|
549
549
|
categoryName: be,
|
|
550
550
|
currency: k,
|
|
551
551
|
isNegotiable: F,
|
|
@@ -563,12 +563,12 @@ const Ke = S.a`
|
|
|
563
563
|
sr,
|
|
564
564
|
lr
|
|
565
565
|
].some(
|
|
566
|
-
(r) =>
|
|
567
|
-
), [ze, K] = ne(!1),
|
|
566
|
+
(r) => V == null ? void 0 : V.includes(r)
|
|
567
|
+
), [ze, K] = ne(!1), Ve = () => {
|
|
568
568
|
K(!0);
|
|
569
|
-
},
|
|
569
|
+
}, Ge = () => {
|
|
570
570
|
K(!1);
|
|
571
|
-
}, d = ie(null), f = ie([]), [
|
|
571
|
+
}, d = ie(null), f = ie([]), [Ie, Q] = ne(t == null ? void 0 : t.length), Oe = () => {
|
|
572
572
|
var c, y, $;
|
|
573
573
|
if (!(d != null && d.current) || ((c = f == null ? void 0 : f.current) == null ? void 0 : c.length) === 0) return;
|
|
574
574
|
if (D) {
|
|
@@ -586,7 +586,7 @@ const Ke = S.a`
|
|
|
586
586
|
}
|
|
587
587
|
Q(s);
|
|
588
588
|
};
|
|
589
|
-
|
|
589
|
+
Me(() => {
|
|
590
590
|
const r = d == null ? void 0 : d.current;
|
|
591
591
|
if (!r) return;
|
|
592
592
|
const o = new ResizeObserver(() => {
|
|
@@ -598,13 +598,13 @@ const Ke = S.a`
|
|
|
598
598
|
}, [t, D]);
|
|
599
599
|
const Ue = () => {
|
|
600
600
|
var r;
|
|
601
|
-
return /* @__PURE__ */ e("div", { className: "tags-popover__trigger", children: (r = t == null ? void 0 : t.slice(0,
|
|
601
|
+
return /* @__PURE__ */ e("div", { className: "tags-popover__trigger", children: (r = t == null ? void 0 : t.slice(0, Ie)) == null ? void 0 : r.map((o, s) => {
|
|
602
602
|
var b, p, ee, re, oe;
|
|
603
603
|
const c = ((b = l == null ? void 0 : l[o == null ? void 0 : o.code]) == null ? void 0 : b.icon) ?? ((p = l == null ? void 0 : l.default) == null ? void 0 : p.icon) ?? "", y = ((ee = o == null ? void 0 : o.measurementUnit) == null ? void 0 : ee.symbol) ?? ((re = l == null ? void 0 : l[o == null ? void 0 : o.code]) == null ? void 0 : re.measure) ?? "", g = [(o == null ? void 0 : o.value) ?? ((oe = o == null ? void 0 : o.multiOptions) == null ? void 0 : oe[0]) ?? "", y].filter(Boolean).join(" ");
|
|
604
604
|
return /* @__PURE__ */ n(
|
|
605
|
-
|
|
605
|
+
I,
|
|
606
606
|
{
|
|
607
|
-
ref: (
|
|
607
|
+
ref: (je) => f.current[s] = je,
|
|
608
608
|
className: "tag",
|
|
609
609
|
children: [
|
|
610
610
|
/* @__PURE__ */ e("i", { className: c }),
|
|
@@ -622,12 +622,12 @@ const Ke = S.a`
|
|
|
622
622
|
/* @__PURE__ */ e("span", { className: "tags-popover__value", children: y })
|
|
623
623
|
] }, `detailed-products-section-tag-dropdown__${o + 1}`);
|
|
624
624
|
}) }), We = () => /* @__PURE__ */ n(O, { children: [
|
|
625
|
-
T && /* @__PURE__ */ e(
|
|
626
|
-
B && /* @__PURE__ */ e(
|
|
627
|
-
|
|
628
|
-
] }),
|
|
625
|
+
T && /* @__PURE__ */ e(I, { className: "tag", children: T }, "detailed-products-section-tag__condition"),
|
|
626
|
+
B && /* @__PURE__ */ e(I, { className: "tag", children: B }, "detailed-products-section-tag__quantity"),
|
|
627
|
+
q && /* @__PURE__ */ e(I, { className: "tag", children: q }, "detailed-products-section-tag__trade")
|
|
628
|
+
] }), J = E > 0 && k && F !== !0 && z !== !0 && E !== R, De = h == null ? void 0 : h.some(
|
|
629
629
|
(r) => (r == null ? void 0 : r.salesPackageCode) === "FreeShipping"
|
|
630
|
-
),
|
|
630
|
+
), Z = Pe === !0 && !De;
|
|
631
631
|
return (
|
|
632
632
|
// <LandingPageProductCardSkeleton />
|
|
633
633
|
/* @__PURE__ */ n(
|
|
@@ -638,15 +638,15 @@ const Ke = S.a`
|
|
|
638
638
|
"data-accessor": C == null ? void 0 : C.accessor,
|
|
639
639
|
name: C == null ? void 0 : C.name,
|
|
640
640
|
onClick: (r) => $e(r, d),
|
|
641
|
-
as:
|
|
641
|
+
as: Ee,
|
|
642
642
|
...Y ? {
|
|
643
|
-
to: `/product/${le(
|
|
643
|
+
to: `/product/${le(G) ? `${G}-` : ""}${m}`
|
|
644
644
|
} : {
|
|
645
|
-
href: `/product/${le(
|
|
645
|
+
href: `/product/${le(G) ? `${G}-` : ""}${m}`
|
|
646
646
|
},
|
|
647
647
|
children: [
|
|
648
648
|
/* @__PURE__ */ n(Qe, { className: "product-image-wrapper", children: [
|
|
649
|
-
|
|
649
|
+
M(w) && /* @__PURE__ */ e(
|
|
650
650
|
"div",
|
|
651
651
|
{
|
|
652
652
|
className: "prevent-el",
|
|
@@ -656,10 +656,10 @@ const Ke = S.a`
|
|
|
656
656
|
children: /* @__PURE__ */ e(Fe, {})
|
|
657
657
|
}
|
|
658
658
|
),
|
|
659
|
-
x
|
|
659
|
+
M(x) ? x : /* @__PURE__ */ e(qe, { src: he })
|
|
660
660
|
] }),
|
|
661
|
-
(
|
|
662
|
-
|
|
661
|
+
(Z || h && h.length > 0) && /* @__PURE__ */ n("div", { className: "campaign-badges", children: [
|
|
662
|
+
Z && /* @__PURE__ */ e("div", { className: "campaign-badge campaign-badge-freeshipping", children: /* @__PURE__ */ e(de, { icon: N == null ? void 0 : N.FREESHIPPING, sizeInUnits: "1rem" }) }),
|
|
663
663
|
h == null ? void 0 : h.map((r, o) => {
|
|
664
664
|
var s, c;
|
|
665
665
|
return /* @__PURE__ */ n(
|
|
@@ -682,7 +682,7 @@ const Ke = S.a`
|
|
|
682
682
|
})
|
|
683
683
|
] }),
|
|
684
684
|
/* @__PURE__ */ n("div", { className: "wrapper-card-1", children: [
|
|
685
|
-
/* @__PURE__ */ e("div", { className: "seller", title:
|
|
685
|
+
/* @__PURE__ */ e("div", { className: "seller", title: X, children: X }),
|
|
686
686
|
/* @__PURE__ */ e("div", { className: "card-title", children: me })
|
|
687
687
|
] }),
|
|
688
688
|
/* @__PURE__ */ n(
|
|
@@ -697,12 +697,12 @@ const Ke = S.a`
|
|
|
697
697
|
"div",
|
|
698
698
|
{
|
|
699
699
|
...D ? {} : {
|
|
700
|
-
onMouseEnter:
|
|
701
|
-
onMouseLeave:
|
|
700
|
+
onMouseEnter: Ve,
|
|
701
|
+
onMouseLeave: Ge
|
|
702
702
|
},
|
|
703
|
-
children: /* @__PURE__ */ n(
|
|
704
|
-
/* @__PURE__ */ e(
|
|
705
|
-
/* @__PURE__ */ e(Ye, { style: { all: "unset" }, children: /* @__PURE__ */ e(
|
|
703
|
+
children: /* @__PURE__ */ n(Ae, { placement: "bottom", open: ze, children: [
|
|
704
|
+
/* @__PURE__ */ e(Xe, { children: Ue() }),
|
|
705
|
+
/* @__PURE__ */ e(Ye, { style: { all: "unset" }, children: /* @__PURE__ */ e(Je, { children: Be() }) })
|
|
706
706
|
] })
|
|
707
707
|
}
|
|
708
708
|
),
|
|
@@ -711,9 +711,9 @@ const Ke = S.a`
|
|
|
711
711
|
}
|
|
712
712
|
),
|
|
713
713
|
/* @__PURE__ */ n("div", { className: "wrapper-card-2", children: [
|
|
714
|
-
/* @__PURE__ */ n("div", { className: `price-text ${
|
|
714
|
+
/* @__PURE__ */ n("div", { className: `price-text ${J ? "new-price" : ""}`, children: [
|
|
715
715
|
R > 0 && k && F !== !0 && z !== !0 && /* @__PURE__ */ e("div", { children: `${ae(R)} ${se(k)}` }),
|
|
716
|
-
|
|
716
|
+
J && /* @__PURE__ */ e("div", { className: `${R > 0 ? "full-price" : ""}`, children: `${ae(E)} ${se(k)}` }),
|
|
717
717
|
F && fe,
|
|
718
718
|
z && ue
|
|
719
719
|
] }),
|
|
@@ -725,7 +725,7 @@ const Ke = S.a`
|
|
|
725
725
|
)
|
|
726
726
|
);
|
|
727
727
|
}), dr = S(v)`
|
|
728
|
-
@media
|
|
728
|
+
@media ${L("S")} {
|
|
729
729
|
& > div {
|
|
730
730
|
&:nth-of-type(even) {
|
|
731
731
|
display: none;
|
|
@@ -871,10 +871,10 @@ const Ke = S.a`
|
|
|
871
871
|
)
|
|
872
872
|
] }), $r = ({
|
|
873
873
|
keyPrefix: a,
|
|
874
|
-
isLoading:
|
|
874
|
+
isLoading: P = !1,
|
|
875
875
|
fallbackComponent: m = /* @__PURE__ */ e(O, {}),
|
|
876
876
|
children: U
|
|
877
|
-
}) => /* @__PURE__ */ e(
|
|
877
|
+
}) => /* @__PURE__ */ e(Le, { fallbackComponent: m, children: P === !0 ? /* @__PURE__ */ e(cr, { keyPrefix: a }) : U });
|
|
878
878
|
export {
|
|
879
879
|
kr as D,
|
|
880
880
|
$r as S
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
"use strict";const e=require("react/jsx-runtime"),l=require("react"),n=require("./style-BAcV7F53.cjs"),i=require("./emotion-styled.browser.esm-BtEseadx.cjs"),d=require("./
|
|
2
|
-
@media
|
|
1
|
+
"use strict";const e=require("react/jsx-runtime"),l=require("react"),n=require("./style-BAcV7F53.cjs"),i=require("./emotion-styled.browser.esm-BtEseadx.cjs"),d=require("./breakpoints-CcVm-gVm.cjs"),c=i.styled(n.SkeletonColumnWrapper)`
|
|
2
|
+
@media ${d.down("S")} {
|
|
3
3
|
flex-direction: column;
|
|
4
4
|
|
|
5
5
|
& > div {
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";const l=require("react/jsx-runtime"),o=require("react"),
|
|
1
|
+
"use strict";const l=require("react/jsx-runtime"),o=require("react"),O=require("./FlexBox.cjs"),B=require("./IconButton.cjs"),V=require("./ThemeProvider.cjs"),z=require("./emotion-styled.browser.esm-BtEseadx.cjs"),E=require("./breakpoints-CcVm-gVm.cjs"),L=require("./useDetectMobile-DYV6V1yw.cjs"),W=require("./index-CX2A-q39.cjs"),C=require("./Button.cjs"),F=require("./Icon.cjs"),M=require("./utils-CITgSxXe.cjs"),G=z.styled.div`
|
|
2
2
|
position: relative;
|
|
3
3
|
padding: ${e=>e.padding};
|
|
4
4
|
|
|
@@ -46,7 +46,7 @@
|
|
|
46
46
|
/* Safari and Chrome */
|
|
47
47
|
}
|
|
48
48
|
|
|
49
|
-
@media
|
|
49
|
+
@media ${E.down("S")} {
|
|
50
50
|
margin-right: 0;
|
|
51
51
|
}
|
|
52
52
|
}
|
|
@@ -75,7 +75,7 @@
|
|
|
75
75
|
visibility: ${e=>e.hasOverflow?"visible":"hidden"};
|
|
76
76
|
}
|
|
77
77
|
|
|
78
|
-
@media
|
|
78
|
+
@media ${E.down("S")} {
|
|
79
79
|
& .scrollable-container {
|
|
80
80
|
overflow: auto;
|
|
81
81
|
}
|
|
@@ -92,4 +92,4 @@
|
|
|
92
92
|
${e=>e.noMargin!==!0&&"margin-left: 1rem"};
|
|
93
93
|
}
|
|
94
94
|
}
|
|
95
|
-
`,
|
|
95
|
+
`,_=o.forwardRef(({columnGap:e="2rem",rowGap:m="1.25rem",scrollBySize:d=300,wrapForMobile:v=!1,wrap:i=!1,children:u,methodsRef:f,arrowsVisibleOnHover:p=!0,rightAlignArrows:x=!1,padding:b="0",showTimesBtn:h,noArrows:a,noGradient:y=!1,hideDisabledArrows:c=!1,noMargin:g=!1,...S},k)=>{const j=L.useDetectMobile(),{theme:r}=V.useTheme(),[s,N]=o.useState(!1),[w,q]=o.useState(!1),[D,$]=o.useState(!0),t=o.useRef(),R=()=>{var n;(n=t.current)==null||n.scrollBy(d,0)},T=()=>{var n;(n=t.current)==null||n.scrollBy(-d,0)},[A,H]=o.useState(!1);o.useEffect(()=>{var n,I;H(((n=t==null?void 0:t.current)==null?void 0:n.scrollWidth)>((I=t==null?void 0:t.current)==null?void 0:I.clientWidth))},[u]),o.useImperativeHandle(f,()=>({scrollToEnd(){K()},scrollLeft(){T()},scrollRight(){R()}}));const K=()=>{t.current.scrollLeft=t.current.scrollWidth};return l.jsx(G,{ref:k,arrowsVisibleOnHover:p,hasOverflow:A,noArrows:a,padding:b,rightAlignArrows:x,showTimesBtn:h,theme:r,noMargin:g,...S,children:l.jsxs(O,{ref:t,className:"scrollable-container",columnGap:e,rowGap:m,wrap:i||v&&j?"Wrap":"NoWrap",children:[a!==!0&&l.jsxs(l.Fragment,{children:[!(c===!0&&w===!0)&&l.jsx(B,{borderRadius:"curved",btnType:"tinted",className:"scroll-arrow-left",color:"neutral",disabled:w,icon:"angle-left",onClick:T}),!(c===!0&&s===!0)&&l.jsx(B,{borderRadius:"curved",btnType:"tinted",className:"scroll-arrow-right",color:"neutral",disabled:s,icon:"angle-right",onClick:R})]}),l.jsx(W.InfiniteScrollEndElement,{isHorizontal:!0,onIsNotVisible:()=>{w===!0&&q(!1)},onIsVisible:()=>{w===!1&&q(!0)}}),u,l.jsx(W.InfiniteScrollEndElement,{className:"right-scroller",isHorizontal:!0,onIsNotVisible:()=>{s===!0&&N(!1),$(!0)},onIsVisible:()=>{s===!1&&N(!0),$(!1)}}),D&&A&&y!==!0&&l.jsx("div",{className:"gradient"})]})})}),P=o.forwardRef((e,m)=>{const{allButton:d=!0,items:v=[],selectedIds:i=[],onSelect:u=()=>{},onRemove:f=()=>{},onSelectAll:p=()=>{},className:x,showTimesBtn:b=!1,labelKey:h="label",valueKey:a="value",codeKey:y="code",uniqueKey:c,typeKey:g,productsToolbarName:S="All",...k}=e,j=(r,s)=>{i!=null&&i.includes(s)?f(r,s):u(r,s)};return l.jsxs(_,{ref:m,arrowsVisibleOnHover:!1,className:x,columnGap:"0.75rem",padding:"0.25rem 0",rightAlignArrows:!0,showTimesBtn:b,...k,children:[d&&l.jsx(C,{borderRadius:"curved",btnType:i.length===0?"filled":"tinted",className:"badge-button",color:"neutral",onClick:p,children:S}),v.map((r,s)=>l.jsxs(C,{borderRadius:"curved",btnType:i.includes(r.uuid)?"filled":"tinted",className:"badge-button",color:"neutral",onClick:()=>j(r,r[a]),children:[M.isDefined(r==null?void 0:r.icon)&&l.jsxs(l.Fragment,{children:[l.jsx("i",{className:r==null?void 0:r.icon})," "]}),r[h],b===!0&&l.jsx(F,{className:"times-btn",icon:"times",sizeInUnits:"0.75rem",onClick:()=>f(r[a],r[h],r[y],c?r[c]:null,g?r[g]:null)})]},s))]})});exports.SelectBar=P;
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
import { jsxs as l, jsx as r } from "react/jsx-runtime";
|
|
2
|
-
import { forwardRef as
|
|
3
|
-
import
|
|
4
|
-
import {
|
|
5
|
-
import { s as
|
|
6
|
-
import {
|
|
2
|
+
import { forwardRef as D, useRef as f, useEffect as L, Fragment as P } from "react";
|
|
3
|
+
import h from "./Icon.js";
|
|
4
|
+
import { n as w, m as d } from "./utils-B2fsQ6PS.js";
|
|
5
|
+
import { s as I } from "./emotion-styled.browser.esm-BNN1dTl3.js";
|
|
6
|
+
import { d as W } from "./breakpoints-ff0SIcV3.js";
|
|
7
7
|
import { D as x } from "./ShopAvatar-4-fCYGEc.js";
|
|
8
|
-
import { P as
|
|
9
|
-
const
|
|
8
|
+
import { P as A } from "./index-BvMY2TbK.js";
|
|
9
|
+
const C = I.a`
|
|
10
10
|
text-decoration: none;
|
|
11
11
|
color: var(--gray-950);
|
|
12
12
|
display: flex;
|
|
@@ -137,7 +137,7 @@ const A = D.a`
|
|
|
137
137
|
}
|
|
138
138
|
}
|
|
139
139
|
|
|
140
|
-
@media
|
|
140
|
+
@media ${W("S")} {
|
|
141
141
|
max-width: 10rem;
|
|
142
142
|
min-width: 10rem;
|
|
143
143
|
|
|
@@ -147,7 +147,7 @@ const A = D.a`
|
|
|
147
147
|
}
|
|
148
148
|
}
|
|
149
149
|
}
|
|
150
|
-
`,
|
|
150
|
+
`, M = D(
|
|
151
151
|
({
|
|
152
152
|
uuid: o,
|
|
153
153
|
image: c,
|
|
@@ -160,16 +160,16 @@ const A = D.a`
|
|
|
160
160
|
products: t,
|
|
161
161
|
onSelectCard: $ = () => {
|
|
162
162
|
},
|
|
163
|
-
getProductImage:
|
|
163
|
+
getProductImage: S = () => {
|
|
164
164
|
},
|
|
165
|
-
canAcceptPayments:
|
|
166
|
-
hideProducts:
|
|
167
|
-
showRating:
|
|
165
|
+
canAcceptPayments: j,
|
|
166
|
+
hideProducts: E = !1,
|
|
167
|
+
showRating: k = !0,
|
|
168
168
|
metadata: s = {},
|
|
169
|
-
LinkComponent:
|
|
170
|
-
},
|
|
171
|
-
const
|
|
172
|
-
return
|
|
169
|
+
LinkComponent: g
|
|
170
|
+
}, F) => {
|
|
171
|
+
const z = g || "a", i = f(), _ = f();
|
|
172
|
+
return L(() => {
|
|
173
173
|
var n;
|
|
174
174
|
const e = (a) => {
|
|
175
175
|
a.target.src = x, a.onerror = null;
|
|
@@ -179,14 +179,14 @@ const A = D.a`
|
|
|
179
179
|
(a = i == null ? void 0 : i.current) == null || a.removeEventListener("error", e);
|
|
180
180
|
};
|
|
181
181
|
}, []), /* @__PURE__ */ l(
|
|
182
|
-
|
|
182
|
+
C,
|
|
183
183
|
{
|
|
184
|
-
ref:
|
|
184
|
+
ref: _,
|
|
185
185
|
name: s == null ? void 0 : s.name,
|
|
186
186
|
"data-accessor": s == null ? void 0 : s.accessor,
|
|
187
|
-
onClick: (e) => $(e,
|
|
188
|
-
as:
|
|
189
|
-
...
|
|
187
|
+
onClick: (e) => $(e, _),
|
|
188
|
+
as: z,
|
|
189
|
+
...g ? {
|
|
190
190
|
to: `/shop/${o}`
|
|
191
191
|
} : {
|
|
192
192
|
href: `/shop/${o}`
|
|
@@ -198,13 +198,13 @@ const A = D.a`
|
|
|
198
198
|
/* @__PURE__ */ l("div", { className: "wrapper__title", children: [
|
|
199
199
|
v,
|
|
200
200
|
" ",
|
|
201
|
-
|
|
201
|
+
j && /* @__PURE__ */ r(h, { color: "secondary", icon: "credit-card", className: "card" })
|
|
202
202
|
] }),
|
|
203
203
|
/* @__PURE__ */ r("div", { className: "wrapper__subtitle", children: y }),
|
|
204
204
|
b && /* @__PURE__ */ r("div", { className: "wrapper__badges" }),
|
|
205
|
-
|
|
205
|
+
k && /* @__PURE__ */ l("div", { className: "wrapper__rating", children: [
|
|
206
206
|
/* @__PURE__ */ r("div", { className: "wrapper_stars", children: [...Array(5).keys()].map((e, n) => /* @__PURE__ */ r(
|
|
207
|
-
|
|
207
|
+
h,
|
|
208
208
|
{
|
|
209
209
|
icon: " mng-lnc-star--filled",
|
|
210
210
|
className: `wrapper__star ${e >= N ? "gold-star" : ""}`
|
|
@@ -219,7 +219,7 @@ const A = D.a`
|
|
|
219
219
|
] })
|
|
220
220
|
] })
|
|
221
221
|
] }),
|
|
222
|
-
|
|
222
|
+
E !== !0 && /* @__PURE__ */ r("div", { className: "wrapper__products", children: t && (t == null ? void 0 : t.map((e, n) => /* @__PURE__ */ r(P, { children: /* @__PURE__ */ r(
|
|
223
223
|
"div",
|
|
224
224
|
{
|
|
225
225
|
className: "wrapper__product",
|
|
@@ -228,9 +228,9 @@ const A = D.a`
|
|
|
228
228
|
return (a = e == null ? void 0 : e.onSelectProduct) == null ? void 0 : a.call(e, e == null ? void 0 : e.uuid);
|
|
229
229
|
},
|
|
230
230
|
children: d(e == null ? void 0 : e.imageComponent) ? e == null ? void 0 : e.imageComponent : /* @__PURE__ */ r(
|
|
231
|
-
|
|
231
|
+
A,
|
|
232
232
|
{
|
|
233
|
-
src:
|
|
233
|
+
src: S(
|
|
234
234
|
e == null ? void 0 : e.image,
|
|
235
235
|
e == null ? void 0 : e.uuid,
|
|
236
236
|
o
|
|
@@ -246,5 +246,5 @@ const A = D.a`
|
|
|
246
246
|
}
|
|
247
247
|
);
|
|
248
248
|
export {
|
|
249
|
-
|
|
249
|
+
M as S
|
|
250
250
|
};
|
package/dist/index.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("./CheckBoxInput.cjs"),i=require("./ColorInput.cjs"),r=require("./DateInput.cjs"),c=require("./DecimalInput.cjs"),s=require("./DecimalInputV2.cjs"),a=require("./FileInput.cjs"),u=require("./NumberInput.cjs"),S=require("./PasswordInput.cjs"),d=require("./RadioInput.cjs"),q=require("./RangeSlider.cjs"),l=require("./TextAreaInput.cjs"),p=require("./TextInput.cjs"),I=require("./TimeInput.cjs"),g=require("./Badge.cjs"),B=require("./Chip.cjs"),C=require("./DataView.cjs"),b=require("./DetailsView.cjs"),D=require("./EditableTable.cjs"),m=require("./FormView.cjs"),P=require("./Kanban.cjs"),T=require("./KanbanCard-DihrKn-I.cjs"),M=require("./KanbanHeader.cjs"),w=require("./KanbanFooter.cjs"),F=require("./KanbanView.cjs"),h=require("./KanbanActionsToolbar.cjs"),A=require("./Table.cjs"),f=require("./TableView.cjs"),E=require("./ActionsToolbar.cjs"),L=require("./Alert.cjs"),G=require("./Notification.cjs"),v=require("./NotificationContainer.cjs"),x=require("./NotificationMessage.cjs"),y=require("./ProgressBar.cjs"),O=require("./Spinner.cjs"),N=require("./Avatar.cjs"),R=require("./Button.cjs"),K=require("./Icon.cjs"),V=require("./IconButton.cjs"),_=require("./Link.cjs"),k=require("./Surface.cjs"),W=require("./UploadedFile.cjs"),H=require("./DoubleRangeSlider.cjs"),z=require("./DragAndDropFile.cjs"),Q=require("./DragDropFiles.cjs"),U=require("./Dropdown.cjs"),X=require("./DropdownLookup.cjs"),Z=require("./MultiSelectDropdown.cjs"),j=require("./MultiSelectDropdownLookup.cjs"),J=require("./RadioGroup.cjs"),Y=require("./SearchBar.cjs"),$=require("./Toggle.cjs"),ee=require("./ButtonGroup.cjs"),re=require("./Content.cjs"),oe=require("./FlexBox.cjs"),te=require("./FlexGrid.cjs"),ne=require("./FlexGridItem.cjs"),ie=require("./Footer.cjs"),ce=require("./FormField.cjs"),se=require("./Grid.cjs"),ae=require("./GridItem.cjs"),ue=require("./Header.cjs"),Se=require("./PageLayout.cjs"),de=require("./Sidebar.cjs"),qe=require("./Tabs.cjs"),le=require("./TabItem.cjs"),pe=require("./Accordion.cjs"),Ie=require("./AccordionSummary.cjs"),ge=require("./AccordionDetails.cjs"),Be=require("./Breadcrumbs.cjs"),Ce=require("./ConfirmationForm.cjs"),be=require("./Drawer.cjs"),De=require("./DropdownMenu.cjs"),me=require("./DropdownItem.cjs"),Pe=require("./NestedDropdownItem.cjs"),Te=require("./Separator.cjs"),Me=require("./Modal.cjs"),we=require("./Pagination.cjs"),Fe=require("./Popover.cjs"),he=require("./PopoverClose.cjs"),Ae=require("./PopoverHeading.cjs"),fe=require("./PopoverContent.cjs"),Ee=require("./PopoverTrigger.cjs"),Le=require("./PopoverDescription.cjs"),Ge=require("./SwipeableDrawer.cjs"),ve=require("./TreeMenu.cjs"),xe=require("./MenuItem.cjs"),ye=require("./NestedMenuItem.cjs"),Oe=require("./TreeMenuSeparator.cjs"),Ne=require("./MasonryGeneralCardsSection.cjs"),Re=require("./DetailedProductsSection.cjs"),Ke=require("./DetailedProductsInfinitiveSection.cjs"),Ve=require("./ProductsWithBannerSection.cjs"),_e=require("./SimpleProductsSection.cjs"),ke=require("./UrgentSaleProductsSection.cjs"),We=require("./BannerSectionCarousel.cjs"),He=require("./BannerSectionGrid.cjs"),ze=require("./BannerSectionSimple.cjs"),Qe=require("./BannerSectionWithList.cjs"),Ue=require("./BannerSectionWithListImage.cjs"),Xe=require("./GiftCardsSection.cjs"),Ze=require("./BrandHitsSection.cjs"),je=require("./FieldOfInterestsMasonrySection.cjs"),Je=require("./FieldOfInterestsWithAvatarsCardsSection.cjs"),Ye=require("./FieldOfInterestsWithTagsCardsSection.cjs"),$e=require("./BannerSectionBasic.cjs"),er=require("./GeneralWithTagsCardsSection.cjs"),rr=require("./ShopCardsSection.cjs"),or=require("./QuizSection.cjs"),tr=require("./SalesCampaignsSection.cjs"),nr=require("./CalorieCalculatorSection.cjs"),ir=require("./BlogCategoryCardsSection.cjs"),cr=require("./BlogProductCardsSection.cjs"),sr=require("./BlogShopCardsSection.cjs"),ar=require("./BlogCardsSponsoredSection.cjs"),ur=require("./BlogListSection.cjs"),Sr=require("./AdBannerSection.cjs"),dr=require("./QuattroCardsSection.cjs"),qr=require("./FeedbackSection.cjs"),lr=require("./HelpBannerSection.cjs"),pr=require("./ContactSection.cjs"),Ir=require("./FaqSection.cjs"),gr=require("./SearchSection-DUY61r3k.cjs"),Br=require("./StatsSection.cjs"),Cr=require("./ToggleSection.cjs"),br=require("./BlogExploreSection.cjs"),Dr=require("./BlogImagePathSection.cjs"),mr=require("./BannerNextSection.cjs"),Pr=require("./PartnerCardsSection.cjs"),Tr=require("./PartnerBannerSection.cjs"),Mr=require("./PartnerStatsSection.cjs"),wr=require("./PartnerBrandsSection.cjs"),o=require("./ThemeProvider.cjs"),e=require("./breakpoints-CcVm-gVm.cjs"),t=require("./utils-CITgSxXe.cjs"),Fr=require("./useDetectMobile-DYV6V1yw.cjs"),hr=require("./CustomStyles-2TQQSwtU.cjs");exports.CheckBoxInput=n;exports.ColorInput=i;exports.DateInput=r.default;exports.registerLocale=r.registerLocale;exports.DecimalInput=c;exports.DecimalInputV2=s;exports.FileInput=a;exports.NumberInput=u;exports.PasswordInput=S;exports.RadioInput=d;exports.RangeSlider=q;exports.TextAreaInput=l;exports.TextInput=p;exports.TimeInput=I;exports.Badge=g;exports.Chip=B;exports.DataView=C;exports.DetailsView=b;exports.EditableTable=D;exports.FormView=m;exports.Kanban=P;exports.KanbanCard=T.KanbanCard;exports.KanbanHeader=M;exports.KanbanFooter=w;exports.KanbanView=F;exports.KanbanActionsToolbar=h;exports.Table=A.default;exports.TableView=f;exports.ActionsToolbar=E;exports.Alert=L;exports.Notification=G;exports.NotificationContainer=v;exports.NotificationMessage=x;exports.ProgressBar=y;exports.Spinner=O;exports.Avatar=N;exports.Button=R;exports.Icon=K;exports.IconButton=V;exports.Link=_;exports.Surface=k;exports.UploadedFile=W;exports.DoubleRangeSlider=H;exports.DragAndDropFile=z;exports.DragDropFiles=Q;exports.Dropdown=U.default;exports.DropdownLookup=X;exports.MultiSelectDropdown=Z;exports.MultiSelectDropdownLookup=j;exports.RadioGroup=J;exports.SearchBar=Y;exports.Toggle=$;exports.ButtonGroup=ee;exports.Content=re;exports.FlexBox=oe;exports.FlexGrid=te;exports.FlexGridItem=ne;exports.Footer=ie;exports.FormField=ce;exports.Grid=se;exports.GridItem=ae;exports.Header=ue;exports.PageLayout=Se;exports.Sidebar=de;exports.Tabs=qe;exports.TabItem=le;exports.Accordion=pe;exports.AccordionSummary=Ie;exports.AccordionDetails=ge.default;exports.Breadcrumbs=Be;exports.ConfirmationForm=Ce;exports.Drawer=be;exports.DropdownMenu=De;exports.DropdownItem=me;exports.NestedDropdownItem=Pe;exports.Separator=Te;exports.Modal=Me;exports.Pagination=we;exports.Popover=Fe;exports.PopoverClose=he;exports.PopoverHeading=Ae;exports.PopoverContent=fe;exports.PopoverTrigger=Ee;exports.PopoverDescription=Le;exports.SwipeableDrawer=Ge;exports.TreeMenu=ve;exports.MenuItem=xe;exports.NestedMenuItem=ye;exports.TreeMenuSeparator=Oe;exports.MasonryGeneralCardsSection=Ne;exports.DetailedProductsSection=Re;exports.DetailedProductsInfinitiveSection=Ke;exports.ProductsWithBannerSection=Ve;exports.SimpleProductsSection=_e;exports.UrgentSaleProductsSection=ke;exports.BannerSectionCarousel=We;exports.BannerSectionGrid=He;exports.BannerSectionSimple=ze;exports.BannerSectionWithList=Qe;exports.BannerSectionWithListImage=Ue;exports.GiftCardsSection=Xe;exports.BrandHitsSection=Ze;exports.FieldOfInterestsMasonrySection=je;exports.FieldOfInterestsWithAvatarsCardsSection=Je;exports.FieldOfInterestsWithTagsCardsSection=Ye;exports.BannerSectionBasic=$e;exports.GeneralWithTagsCardsSection=er;exports.ShopCardsSection=rr;exports.QuizSection=or;exports.SalesCampaignsSection=tr;exports.CalorieCalculatorSection=nr;exports.BlogCategoryCardsSection=ir;exports.BlogProductCardsSection=cr;exports.BlogShopCardsSection=sr;exports.BlogCardsSponsoredSection=ar;exports.BlogListSection=ur;exports.AdBannerSection=Sr;exports.QuattroCardsSection=dr;exports.FeedbackSection=qr;exports.HelpBannerSection=lr;exports.ContactSection=pr;exports.FaqSection=Ir;exports.SearchSection=gr.SearchSection;exports.StatsSection=Br;exports.ToggleSection=Cr;exports.BlogExploreSection=br;exports.BlogImagePathSection=Dr;exports.BannerNextSection=mr;exports.PartnerCardsSection=Pr;exports.PartnerBannerSection=Tr;exports.PartnerStatsSection=Mr;exports.PartnerBrandsSection=wr;exports.ThemeProvider=o.default;exports.useTheme=o.useTheme;exports.BREAKPOINT_ORDER=e.BREAKPOINT_ORDER;exports.DEVICE_CATEGORIES=e.DEVICE_CATEGORIES;exports.MOBILE_SIZE_PX=e.MOBILE_SIZE_PX;exports.SMALL_MOBILE_SIZE_PX=e.SMALL_MOBILE_SIZE_PX;exports.between=e.between;exports.down=e.down;exports.getMediaQuery=e.getMediaQuery;exports.isDesktop=e.isDesktop;exports.isMobile=e.isMobile;exports.isTablet=e.isTablet;exports.only=e.only;exports.screenSizes=e.screenSizes;exports.up=e.up;exports.useIsMobile=t.useIsMobile;exports.useScreenSize=t.useScreenSize;exports.useDetectMobile=Fr.useDetectMobile;exports.components=hr.components;
|