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.js CHANGED
@@ -6553,7 +6553,6 @@ const useTeamStyles = createUseStyles(theme => {
6553
6553
  singleSlideContainer: {
6554
6554
  backgroundColor: theme?.palette?.background?.default,
6555
6555
  margin: '20px 0',
6556
- width: 'calc(25% - 24px)',
6557
6556
  borderRadius: theme?.shape?.borderRadius?.large,
6558
6557
  boxShadow: theme?.shadows?.primary,
6559
6558
  minHeight: '385px'
@@ -6674,11 +6673,20 @@ var StarIcon = "data:image/svg+xml,%3Csvg%20width%3D%2213%22%20height%3D%2213%22
6674
6673
 
6675
6674
  const SingleSlide = ({
6676
6675
  data,
6677
- sectionIndex
6676
+ sectionIndex,
6677
+ fullWidth,
6678
+ isMobile
6678
6679
  }) => {
6679
6680
  const classes = useTeamStyles();
6680
6681
  return /*#__PURE__*/React__default["default"].createElement("div", {
6681
- className: classes.singleSlideContainer
6682
+ className: classes.singleSlideContainer,
6683
+ style: isMobile ? {
6684
+ width: 'calc(100% - 16px)'
6685
+ } : fullWidth ? {
6686
+ width: 'calc(100% - 24px)'
6687
+ } : {
6688
+ width: 'calc(25% - 24px)'
6689
+ }
6682
6690
  }, /*#__PURE__*/React__default["default"].createElement("div", {
6683
6691
  className: classes.imageContainer
6684
6692
  }, data?.teamSlideStarTutor?.metadata?.value ? /*#__PURE__*/React__default["default"].createElement("span", {
@@ -6767,11 +6775,13 @@ function TeamCard({
6767
6775
  centerPadding: isMobile ? '40px 0 0' : '8px 0 0 ',
6768
6776
  centerMode: true
6769
6777
  };
6770
- const carouselContent = teamData.teamCarousel.components.map((data, idx) => {
6778
+ const getCarouselContent = (fullWidth = false) => teamData.teamCarousel.components.map((data, idx) => {
6771
6779
  return /*#__PURE__*/React__default["default"].createElement(SingleSlide, {
6772
6780
  key: idx,
6773
6781
  data: data,
6774
- sectionIndex: sectionIndex
6782
+ sectionIndex: sectionIndex,
6783
+ fullWidth: fullWidth,
6784
+ isMobile: true
6775
6785
  });
6776
6786
  });
6777
6787
  return /*#__PURE__*/React__default["default"].createElement("section", {
@@ -6795,9 +6805,9 @@ function TeamCard({
6795
6805
  })), cardsCount > slidesToShow ? /*#__PURE__*/React__default["default"].createElement(Carousel, {
6796
6806
  hideArrow: isMobile,
6797
6807
  settings: settings
6798
- }, carouselContent) : /*#__PURE__*/React__default["default"].createElement("div", {
6808
+ }, getCarouselContent(true)) : /*#__PURE__*/React__default["default"].createElement("div", {
6799
6809
  className: classes.contentRow
6800
- }, " ", carouselContent)));
6810
+ }, " ", getCarouselContent())));
6801
6811
  }
6802
6812
 
6803
6813
  var index$8 = /*#__PURE__*/Object.freeze({