diy-template-components 2.0.40 → 2.0.42

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 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(100% - 24px)',
6541
6540
  borderRadius: theme?.shape?.borderRadius?.large,
6542
6541
  boxShadow: theme?.shadows?.primary,
6543
6542
  minHeight: '385px'
@@ -6658,11 +6657,17 @@ 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
6662
  }) => {
6663
6663
  const classes = useTeamStyles();
6664
6664
  return /*#__PURE__*/React.createElement("div", {
6665
- className: classes.singleSlideContainer
6665
+ className: classes.singleSlideContainer,
6666
+ style: fullWidth ? {
6667
+ width: 'calc(100% - 24px)'
6668
+ } : {
6669
+ width: 'calc(25% - 24px)'
6670
+ }
6666
6671
  }, /*#__PURE__*/React.createElement("div", {
6667
6672
  className: classes.imageContainer
6668
6673
  }, data?.teamSlideStarTutor?.metadata?.value ? /*#__PURE__*/React.createElement("span", {
@@ -6701,7 +6706,7 @@ const SingleSlide = ({
6701
6706
  dangerouslySetInnerHTML: {
6702
6707
  __html: data.teamSlideYearOfExperience.metadata.value
6703
6708
  }
6704
- }), "\xA0 years of experience") : null, data?.teamSlideSpecialisation?.metadata?.value ? /*#__PURE__*/React.createElement("div", {
6709
+ })) : null, data?.teamSlideSpecialisation?.metadata?.value ? /*#__PURE__*/React.createElement("div", {
6705
6710
  className: classes.subHeadingWrapper
6706
6711
  }, /*#__PURE__*/React.createElement("img", {
6707
6712
  src: Book
@@ -6751,11 +6756,12 @@ function TeamCard({
6751
6756
  centerPadding: isMobile ? '40px 0 0' : '8px 0 0 ',
6752
6757
  centerMode: true
6753
6758
  };
6754
- const carouselContent = teamData.teamCarousel.components.map((data, idx) => {
6759
+ const getCarouselContent = (fullWidth = false) => teamData.teamCarousel.components.map((data, idx) => {
6755
6760
  return /*#__PURE__*/React.createElement(SingleSlide, {
6756
6761
  key: idx,
6757
6762
  data: data,
6758
- sectionIndex: sectionIndex
6763
+ sectionIndex: sectionIndex,
6764
+ fullWidth: fullWidth
6759
6765
  });
6760
6766
  });
6761
6767
  return /*#__PURE__*/React.createElement("section", {
@@ -6779,9 +6785,9 @@ function TeamCard({
6779
6785
  })), cardsCount > slidesToShow ? /*#__PURE__*/React.createElement(Carousel, {
6780
6786
  hideArrow: isMobile,
6781
6787
  settings: settings
6782
- }, carouselContent) : /*#__PURE__*/React.createElement("div", {
6788
+ }, getCarouselContent(true)) : /*#__PURE__*/React.createElement("div", {
6783
6789
  className: classes.contentRow
6784
- }, " ", carouselContent)));
6790
+ }, " ", getCarouselContent())));
6785
6791
  }
6786
6792
 
6787
6793
  var index$8 = /*#__PURE__*/Object.freeze({