umwd-components 0.1.93 → 0.1.94

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.
Files changed (4) hide show
  1. package/dist/cjs/components/PersonaliaSection.js +3 -3
  2. package/dist/esm/components/PersonaliaSection.js +3 -3
  3. package/package.json +1 -1
  4. package/src/components/PersonaliaSection.tsx +64 -59
package/dist/cjs/components/PersonaliaSection.js CHANGED
@@ -29,8 +29,8 @@ function PersonaliaSection(_ref) {
29
29
  }, /*#__PURE__*/React.createElement(material.Grid, {
30
30
  container: true,
31
31
  spacing: 2
32
- }, partner.map(partner => {
33
- var _partner$links;
32
+ }, partner && partner.map(partner => {
33
+ var _partner$links, _partner$photo;
34
34
  return /*#__PURE__*/React.createElement(material.Grid, {
35
35
  item: true,
36
36
  xs: 12,
@@ -70,7 +70,7 @@ function PersonaliaSection(_ref) {
70
70
  }), partner.linkedIn && /*#__PURE__*/React.createElement(material.Typography, null, /*#__PURE__*/React.createElement(material.IconButton, null, /*#__PURE__*/React.createElement(iconsMaterial.LinkedIn, null))), partner.email && /*#__PURE__*/React.createElement(material.Typography, null, partner.email)), /*#__PURE__*/React.createElement(material.Grid, {
71
71
  item: true,
72
72
  xs: 3
73
- }, /*#__PURE__*/React.createElement(StrapiImage.StrapiImage, {
73
+ }, ((_partner$photo = partner.photo) === null || _partner$photo === void 0 ? void 0 : _partner$photo.url) && /*#__PURE__*/React.createElement(StrapiImage.StrapiImage, {
74
74
  src: partner.photo.url,
75
75
  alt: partner.photo.alternativeText,
76
76
  width: partner.photo.width,
package/dist/esm/components/PersonaliaSection.js CHANGED
@@ -27,8 +27,8 @@ function PersonaliaSection(_ref) {
27
27
  }, /*#__PURE__*/React__default.createElement(Grid, {
28
28
  container: true,
29
29
  spacing: 2
30
- }, partner.map(partner => {
31
- var _partner$links;
30
+ }, partner && partner.map(partner => {
31
+ var _partner$links, _partner$photo;
32
32
  return /*#__PURE__*/React__default.createElement(Grid, {
33
33
  item: true,
34
34
  xs: 12,
@@ -68,7 +68,7 @@ function PersonaliaSection(_ref) {
68
68
  }), partner.linkedIn && /*#__PURE__*/React__default.createElement(Typography, null, /*#__PURE__*/React__default.createElement(IconButton, null, /*#__PURE__*/React__default.createElement(LinkedIn, null))), partner.email && /*#__PURE__*/React__default.createElement(Typography, null, partner.email)), /*#__PURE__*/React__default.createElement(Grid, {
69
69
  item: true,
70
70
  xs: 3
71
- }, /*#__PURE__*/React__default.createElement(StrapiImage, {
71
+ }, ((_partner$photo = partner.photo) === null || _partner$photo === void 0 ? void 0 : _partner$photo.url) && /*#__PURE__*/React__default.createElement(StrapiImage, {
72
72
  src: partner.photo.url,
73
73
  alt: partner.photo.alternativeText,
74
74
  width: partner.photo.width,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "umwd-components",
3
- "version": "0.1.93",
3
+ "version": "0.1.94",
4
4
  "description": "UMWD Component library",
5
5
  "main": "dist/cjs/index.js",
6
6
  "module": "dist/esm/index.js",
package/src/components/PersonaliaSection.tsx CHANGED
@@ -46,7 +46,7 @@ interface PersonaliaSectionProps {
46
46
  __component: string;
47
47
  title: string;
48
48
  description: string;
49
- partner: PartnerProps[];
49
+ partner?: PartnerProps[];
50
50
  maxWidth: MaxWidth;
51
51
  }
52
52
 
@@ -62,66 +62,71 @@ export function PersonaliaSection({
62
62
  return (
63
63
  <Container maxWidth={maxWidth || "lg"} sx={{ my: 1 }}>
64
64
  <Grid container spacing={2}>
65
- {partner.map((partner) => {
66
- return (
67
- <Grid item xs={12} md={6} key={partner.id}>
68
- <Paper sx={{ p: 2, height: "100%" }}>
69
- <Grid container>
70
- <Grid item xs={9}>
71
- <Typography
72
- variant="h5"
73
- sx={{
74
- mb: 2,
75
- display: "flex",
76
- justifyContent: "flex-start",
77
- alignItems: "center",
78
- }}
79
- >
80
- {partner.name}
81
- </Typography>
82
- <Typography
83
- variant="body2"
84
- color="text.secondary"
85
- component="div"
86
- >
87
- {partner.function}
88
- </Typography>
89
- {partner.links?.length > 0 &&
90
- partner.links.map((link) => {
91
- return (
92
- // TODO use and create MuiLink Component
93
- <Link href={link.url} key={link.id}>
94
- {link.text}
95
- </Link>
96
- );
97
- })}
98
- {partner.linkedIn && (
99
- <Typography>
100
- <IconButton>
101
- <LinkedIn />
102
- </IconButton>
65
+ {partner &&
66
+ partner.map((partner) => {
67
+ return (
68
+ <Grid item xs={12} md={6} key={partner.id}>
69
+ <Paper sx={{ p: 2, height: "100%" }}>
70
+ <Grid container>
71
+ <Grid item xs={9}>
72
+ <Typography
73
+ variant="h5"
74
+ sx={{
75
+ mb: 2,
76
+ display: "flex",
77
+ justifyContent: "flex-start",
78
+ alignItems: "center",
79
+ }}
80
+ >
81
+ {partner.name}
103
82
  </Typography>
104
- )}
105
- {partner.email && <Typography>{partner.email}</Typography>}
106
- </Grid>
107
- <Grid item xs={3}>
108
- <StrapiImage
109
- src={partner.photo.url}
110
- alt={partner.photo.alternativeText}
111
- width={partner.photo.width}
112
- height={partner.photo.height}
113
- style={{
114
- objectFit: "contain",
115
- width: "100%",
116
- height: "100%",
117
- }}
118
- />
83
+ <Typography
84
+ variant="body2"
85
+ color="text.secondary"
86
+ component="div"
87
+ >
88
+ {partner.function}
89
+ </Typography>
90
+ {partner.links?.length > 0 &&
91
+ partner.links.map((link) => {
92
+ return (
93
+ // TODO use and create MuiLink Component
94
+ <Link href={link.url} key={link.id}>
95
+ {link.text}
96
+ </Link>
97
+ );
98
+ })}
99
+ {partner.linkedIn && (
100
+ <Typography>
101
+ <IconButton>
102
+ <LinkedIn />
103
+ </IconButton>
104
+ </Typography>
105
+ )}
106
+ {partner.email && (
107
+ <Typography>{partner.email}</Typography>
108
+ )}
109
+ </Grid>
110
+ <Grid item xs={3}>
111
+ {partner.photo?.url && (
112
+ <StrapiImage
113
+ src={partner.photo.url}
114
+ alt={partner.photo.alternativeText}
115
+ width={partner.photo.width}
116
+ height={partner.photo.height}
117
+ style={{
118
+ objectFit: "contain",
119
+ width: "100%",
120
+ height: "100%",
121
+ }}
122
+ />
123
+ )}
124
+ </Grid>
119
125
  </Grid>
120
- </Grid>
121
- </Paper>
122
- </Grid>
123
- );
124
- })}
126
+ </Paper>
127
+ </Grid>
128
+ );
129
+ })}
125
130
  </Grid>
126
131
  </Container>
127
132
  );