diy-template-components 2.0.41 → 2.0.43
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/build/index.es.js +17 -7
- package/build/index.es.js.map +1 -1
- package/build/index.js +17 -7
- package/build/index.js.map +1 -1
- package/package.json +1 -1
package/build/index.es.js
CHANGED
|
@@ -6537,7 +6537,6 @@ const useTeamStyles = createUseStyles(theme => {
|
|
|
6537
6537
|
singleSlideContainer: {
|
|
6538
6538
|
backgroundColor: theme?.palette?.background?.default,
|
|
6539
6539
|
margin: '20px 0',
|
|
6540
|
-
width: 'calc(25% - 24px)',
|
|
6541
6540
|
borderRadius: theme?.shape?.borderRadius?.large,
|
|
6542
6541
|
boxShadow: theme?.shadows?.primary,
|
|
6543
6542
|
minHeight: '385px'
|
|
@@ -6658,11 +6657,20 @@ var StarIcon = "data:image/svg+xml,%3Csvg%20width%3D%2213%22%20height%3D%2213%22
|
|
|
6658
6657
|
|
|
6659
6658
|
const SingleSlide = ({
|
|
6660
6659
|
data,
|
|
6661
|
-
sectionIndex
|
|
6660
|
+
sectionIndex,
|
|
6661
|
+
fullWidth,
|
|
6662
|
+
isMobile
|
|
6662
6663
|
}) => {
|
|
6663
6664
|
const classes = useTeamStyles();
|
|
6664
6665
|
return /*#__PURE__*/React.createElement("div", {
|
|
6665
|
-
className: classes.singleSlideContainer
|
|
6666
|
+
className: classes.singleSlideContainer,
|
|
6667
|
+
style: isMobile ? {
|
|
6668
|
+
width: 'calc(100% - 16px)'
|
|
6669
|
+
} : fullWidth ? {
|
|
6670
|
+
width: 'calc(100% - 24px)'
|
|
6671
|
+
} : {
|
|
6672
|
+
width: 'calc(25% - 24px)'
|
|
6673
|
+
}
|
|
6666
6674
|
}, /*#__PURE__*/React.createElement("div", {
|
|
6667
6675
|
className: classes.imageContainer
|
|
6668
6676
|
}, data?.teamSlideStarTutor?.metadata?.value ? /*#__PURE__*/React.createElement("span", {
|
|
@@ -6751,11 +6759,13 @@ function TeamCard({
|
|
|
6751
6759
|
centerPadding: isMobile ? '40px 0 0' : '8px 0 0 ',
|
|
6752
6760
|
centerMode: true
|
|
6753
6761
|
};
|
|
6754
|
-
const
|
|
6762
|
+
const getCarouselContent = (fullWidth = false) => teamData.teamCarousel.components.map((data, idx) => {
|
|
6755
6763
|
return /*#__PURE__*/React.createElement(SingleSlide, {
|
|
6756
6764
|
key: idx,
|
|
6757
6765
|
data: data,
|
|
6758
|
-
sectionIndex: sectionIndex
|
|
6766
|
+
sectionIndex: sectionIndex,
|
|
6767
|
+
fullWidth: fullWidth,
|
|
6768
|
+
isMobile: true
|
|
6759
6769
|
});
|
|
6760
6770
|
});
|
|
6761
6771
|
return /*#__PURE__*/React.createElement("section", {
|
|
@@ -6779,9 +6789,9 @@ function TeamCard({
|
|
|
6779
6789
|
})), cardsCount > slidesToShow ? /*#__PURE__*/React.createElement(Carousel, {
|
|
6780
6790
|
hideArrow: isMobile,
|
|
6781
6791
|
settings: settings
|
|
6782
|
-
},
|
|
6792
|
+
}, getCarouselContent(true)) : /*#__PURE__*/React.createElement("div", {
|
|
6783
6793
|
className: classes.contentRow
|
|
6784
|
-
}, " ",
|
|
6794
|
+
}, " ", getCarouselContent())));
|
|
6785
6795
|
}
|
|
6786
6796
|
|
|
6787
6797
|
var index$8 = /*#__PURE__*/Object.freeze({
|