@pelcro/react-pelcro-js 4.0.0-alpha.105 → 4.0.0-alpha.107
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/index.cjs.js +16 -7
- package/dist/index.esm.js +16 -7
- package/package.json +1 -1
package/dist/index.cjs.js
CHANGED
|
@@ -25979,7 +25979,15 @@ const ImageSelect = ({
|
|
|
25979
25979
|
Option: customOption,
|
|
25980
25980
|
SingleValue: customSingleValue
|
|
25981
25981
|
}
|
|
25982
|
-
}, props
|
|
25982
|
+
}, props, {
|
|
25983
|
+
menuPortalTarget: document.body,
|
|
25984
|
+
styles: {
|
|
25985
|
+
menuPortal: base => ({
|
|
25986
|
+
...base,
|
|
25987
|
+
zIndex: 9999999
|
|
25988
|
+
})
|
|
25989
|
+
}
|
|
25990
|
+
})));
|
|
25983
25991
|
};
|
|
25984
25992
|
|
|
25985
25993
|
var _path$o;
|
|
@@ -26455,16 +26463,17 @@ class SelectModal extends React.Component {
|
|
|
26455
26463
|
onClick: e => this.selectPlan(e, true)
|
|
26456
26464
|
}, this.locale("buttons.gift"))))));
|
|
26457
26465
|
});
|
|
26458
|
-
|
|
26466
|
+
const isMobile = this.state.windowWidth < 768;
|
|
26467
|
+
const shouldRenderCarousel = items.length >= 2 && (isMobile || items.length > 2);
|
|
26468
|
+
if (shouldRenderCarousel) {
|
|
26459
26469
|
return /*#__PURE__*/React__default['default'].createElement(Carousel, {
|
|
26460
26470
|
slidesCount: items.length,
|
|
26461
|
-
mobileArrowDown:
|
|
26462
|
-
}, items);
|
|
26463
|
-
} else {
|
|
26464
|
-
return /*#__PURE__*/React__default['default'].createElement("div", {
|
|
26465
|
-
className: "plc-flex plc-flex-col md:plc-flex-row plc-gap-4 plc-items-center sm:plc-px-8 plc-px-0"
|
|
26471
|
+
mobileArrowDown: isMobile
|
|
26466
26472
|
}, items);
|
|
26467
26473
|
}
|
|
26474
|
+
return /*#__PURE__*/React__default['default'].createElement("div", {
|
|
26475
|
+
className: "plc-flex plc-flex-col md:plc-flex-row plc-gap-4 plc-items-center sm:plc-px-8 plc-px-0"
|
|
26476
|
+
}, items);
|
|
26468
26477
|
});
|
|
26469
26478
|
_defineProperty$4(this, "selectProduct", e => {
|
|
26470
26479
|
const id = e.target.dataset.key;
|
package/dist/index.esm.js
CHANGED
|
@@ -25949,7 +25949,15 @@ const ImageSelect = ({
|
|
|
25949
25949
|
Option: customOption,
|
|
25950
25950
|
SingleValue: customSingleValue
|
|
25951
25951
|
}
|
|
25952
|
-
}, props
|
|
25952
|
+
}, props, {
|
|
25953
|
+
menuPortalTarget: document.body,
|
|
25954
|
+
styles: {
|
|
25955
|
+
menuPortal: base => ({
|
|
25956
|
+
...base,
|
|
25957
|
+
zIndex: 9999999
|
|
25958
|
+
})
|
|
25959
|
+
}
|
|
25960
|
+
})));
|
|
25953
25961
|
};
|
|
25954
25962
|
|
|
25955
25963
|
var _path$o;
|
|
@@ -26425,16 +26433,17 @@ class SelectModal extends Component {
|
|
|
26425
26433
|
onClick: e => this.selectPlan(e, true)
|
|
26426
26434
|
}, this.locale("buttons.gift"))))));
|
|
26427
26435
|
});
|
|
26428
|
-
|
|
26436
|
+
const isMobile = this.state.windowWidth < 768;
|
|
26437
|
+
const shouldRenderCarousel = items.length >= 2 && (isMobile || items.length > 2);
|
|
26438
|
+
if (shouldRenderCarousel) {
|
|
26429
26439
|
return /*#__PURE__*/React__default.createElement(Carousel, {
|
|
26430
26440
|
slidesCount: items.length,
|
|
26431
|
-
mobileArrowDown:
|
|
26432
|
-
}, items);
|
|
26433
|
-
} else {
|
|
26434
|
-
return /*#__PURE__*/React__default.createElement("div", {
|
|
26435
|
-
className: "plc-flex plc-flex-col md:plc-flex-row plc-gap-4 plc-items-center sm:plc-px-8 plc-px-0"
|
|
26441
|
+
mobileArrowDown: isMobile
|
|
26436
26442
|
}, items);
|
|
26437
26443
|
}
|
|
26444
|
+
return /*#__PURE__*/React__default.createElement("div", {
|
|
26445
|
+
className: "plc-flex plc-flex-col md:plc-flex-row plc-gap-4 plc-items-center sm:plc-px-8 plc-px-0"
|
|
26446
|
+
}, items);
|
|
26438
26447
|
});
|
|
26439
26448
|
_defineProperty$4(this, "selectProduct", e => {
|
|
26440
26449
|
const id = e.target.dataset.key;
|