umwd-components 0.1.76 → 0.1.78

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 (10) hide show
  1. package/dist/cjs/components/FleetSection.js +13 -6
  2. package/dist/cjs/components/StrapiImage.js +1 -1
  3. package/dist/cjs/components/TextImageSection.js +4 -5
  4. package/dist/esm/components/FleetSection.js +13 -6
  5. package/dist/esm/components/StrapiImage.js +1 -1
  6. package/dist/esm/components/TextImageSection.js +4 -5
  7. package/package.json +1 -1
  8. package/src/components/FleetSection.tsx +9 -4
  9. package/src/components/StrapiImage.tsx +2 -2
  10. package/src/components/TextImageSection.tsx +4 -7
package/dist/cjs/components/FleetSection.js CHANGED
@@ -48,17 +48,18 @@ function FleetSection(_ref) {
48
48
  subheader: airplane.description
49
49
  }), /*#__PURE__*/React.createElement(material.CardMedia, {
50
50
  sx: {
51
- p: 1
51
+ p: 1,
52
+ flex: 1
52
53
  }
53
54
  }, /*#__PURE__*/React.createElement(material.Paper, {
54
55
  sx: {
55
56
  p: 1,
56
- py: 2,
57
- height: "250px",
57
+ py: "3rem",
58
58
  position: "relative",
59
59
  display: "grid",
60
60
  alignItems: "center",
61
- justifyContent: "center"
61
+ justifyContent: "center",
62
+ height: "100%"
62
63
  },
63
64
  variant: "outlined"
64
65
  }, airplane.floorplan !== null && /*#__PURE__*/React.createElement(StrapiImage.StrapiImage, {
@@ -66,7 +67,11 @@ function FleetSection(_ref) {
66
67
  alt: airplane.floorplan.alternativeText,
67
68
  width: airplane.floorplan.width,
68
69
  height: airplane.floorplan.height,
69
- style: {}
70
+ style: {
71
+ objectFit: "contain",
72
+ width: "100%",
73
+ height: "100%"
74
+ }
70
75
  }), /*#__PURE__*/React.createElement(material.Box, {
71
76
  sx: {
72
77
  position: "absolute",
@@ -77,7 +82,9 @@ function FleetSection(_ref) {
77
82
  variant: "body2",
78
83
  color: "text.secondary",
79
84
  align: "right"
80
- }, /*#__PURE__*/React.createElement("strong", null, "Cabin Dimensions:"), " ", /*#__PURE__*/React.createElement("strong", null, "H"), " ", airplane.cabinHeight, " m ", /*#__PURE__*/React.createElement("strong", null, "W"), " ", airplane.cabinWidth, " m ", /*#__PURE__*/React.createElement("strong", null, "L"), " ", airplane.cabinLength, " m")))), /*#__PURE__*/React.createElement(material.CardContent, null, /*#__PURE__*/React.createElement(material.Stack, {
85
+ }, /*#__PURE__*/React.createElement("strong", null, "Cabin Dimensions:"), " ", /*#__PURE__*/React.createElement("strong", null, "H"), " ", airplane.cabinHeight, " m ", /*#__PURE__*/React.createElement("strong", null, "W"), " ", airplane.cabinWidth, " m ", /*#__PURE__*/React.createElement("strong", null, "L"), " ", airplane.cabinLength, " m")))), /*#__PURE__*/React.createElement(material.CardContent, {
86
+ sx: {}
87
+ }, /*#__PURE__*/React.createElement(material.Stack, {
81
88
  direction: "row",
82
89
  spacing: 1
83
90
  }, /*#__PURE__*/React.createElement(material.Chip, {
package/dist/cjs/components/StrapiImage.js CHANGED
@@ -26,7 +26,7 @@ function StrapiImage(_ref) {
26
26
  alt: alt,
27
27
  height: height,
28
28
  width: width,
29
- style: style && style
29
+ style: style
30
30
  });
31
31
  }
32
32
 
package/dist/cjs/components/TextImageSection.js CHANGED
@@ -36,14 +36,14 @@ function TextImageSection(_ref) {
36
36
  text,
37
37
  image,
38
38
  reverse = false,
39
- maxWidth = "lg"
39
+ maxWidth
40
40
  } = data;
41
41
 
42
42
  /* TODO Text_content should deal with linebreaks,
43
43
  reading up upon mui-markdown docs is advised */
44
44
 
45
45
  return /*#__PURE__*/React.createElement(material.Container, {
46
- maxWidth: maxWidth,
46
+ maxWidth: maxWidth || "lg",
47
47
  sx: {
48
48
  my: 1
49
49
  }
@@ -72,10 +72,9 @@ function TextImageSection(_ref) {
72
72
  }
73
73
  }, /*#__PURE__*/React.createElement(StrapiImage.StrapiImage, {
74
74
  alt: image.alt,
75
- style: {},
76
75
  height: image.height,
77
- src: image.url,
78
- width: image.width
76
+ width: image.width,
77
+ src: image.url
79
78
  })), text !== null && text !== undefined && /*#__PURE__*/React.createElement(material.Box, {
80
79
  sx: {
81
80
  width: (image === null || image === void 0 ? void 0 : image.url) !== null && (image === null || image === void 0 ? void 0 : image.url) !== undefined ? "50%" : "100%",
package/dist/esm/components/FleetSection.js CHANGED
@@ -46,17 +46,18 @@ function FleetSection(_ref) {
46
46
  subheader: airplane.description
47
47
  }), /*#__PURE__*/React.createElement(CardMedia, {
48
48
  sx: {
49
- p: 1
49
+ p: 1,
50
+ flex: 1
50
51
  }
51
52
  }, /*#__PURE__*/React.createElement(Paper, {
52
53
  sx: {
53
54
  p: 1,
54
- py: 2,
55
- height: "250px",
55
+ py: "3rem",
56
56
  position: "relative",
57
57
  display: "grid",
58
58
  alignItems: "center",
59
- justifyContent: "center"
59
+ justifyContent: "center",
60
+ height: "100%"
60
61
  },
61
62
  variant: "outlined"
62
63
  }, airplane.floorplan !== null && /*#__PURE__*/React.createElement(StrapiImage, {
@@ -64,7 +65,11 @@ function FleetSection(_ref) {
64
65
  alt: airplane.floorplan.alternativeText,
65
66
  width: airplane.floorplan.width,
66
67
  height: airplane.floorplan.height,
67
- style: {}
68
+ style: {
69
+ objectFit: "contain",
70
+ width: "100%",
71
+ height: "100%"
72
+ }
68
73
  }), /*#__PURE__*/React.createElement(Box, {
69
74
  sx: {
70
75
  position: "absolute",
@@ -75,7 +80,9 @@ function FleetSection(_ref) {
75
80
  variant: "body2",
76
81
  color: "text.secondary",
77
82
  align: "right"
78
- }, /*#__PURE__*/React.createElement("strong", null, "Cabin Dimensions:"), " ", /*#__PURE__*/React.createElement("strong", null, "H"), " ", airplane.cabinHeight, " m ", /*#__PURE__*/React.createElement("strong", null, "W"), " ", airplane.cabinWidth, " m ", /*#__PURE__*/React.createElement("strong", null, "L"), " ", airplane.cabinLength, " m")))), /*#__PURE__*/React.createElement(CardContent, null, /*#__PURE__*/React.createElement(Stack, {
83
+ }, /*#__PURE__*/React.createElement("strong", null, "Cabin Dimensions:"), " ", /*#__PURE__*/React.createElement("strong", null, "H"), " ", airplane.cabinHeight, " m ", /*#__PURE__*/React.createElement("strong", null, "W"), " ", airplane.cabinWidth, " m ", /*#__PURE__*/React.createElement("strong", null, "L"), " ", airplane.cabinLength, " m")))), /*#__PURE__*/React.createElement(CardContent, {
84
+ sx: {}
85
+ }, /*#__PURE__*/React.createElement(Stack, {
79
86
  direction: "row",
80
87
  spacing: 1
81
88
  }, /*#__PURE__*/React.createElement(Chip, {
package/dist/esm/components/StrapiImage.js CHANGED
@@ -24,7 +24,7 @@ function StrapiImage(_ref) {
24
24
  alt: alt,
25
25
  height: height,
26
26
  width: width,
27
- style: style && style
27
+ style: style
28
28
  });
29
29
  }
30
30
 
package/dist/esm/components/TextImageSection.js CHANGED
@@ -32,14 +32,14 @@ function TextImageSection(_ref) {
32
32
  text,
33
33
  image,
34
34
  reverse = false,
35
- maxWidth = "lg"
35
+ maxWidth
36
36
  } = data;
37
37
 
38
38
  /* TODO Text_content should deal with linebreaks,
39
39
  reading up upon mui-markdown docs is advised */
40
40
 
41
41
  return /*#__PURE__*/React.createElement(Container, {
42
- maxWidth: maxWidth,
42
+ maxWidth: maxWidth || "lg",
43
43
  sx: {
44
44
  my: 1
45
45
  }
@@ -68,10 +68,9 @@ function TextImageSection(_ref) {
68
68
  }
69
69
  }, /*#__PURE__*/React.createElement(StrapiImage, {
70
70
  alt: image.alt,
71
- style: {},
72
71
  height: image.height,
73
- src: image.url,
74
- width: image.width
72
+ width: image.width,
73
+ src: image.url
75
74
  })), text !== null && text !== undefined && /*#__PURE__*/React.createElement(Box, {
76
75
  sx: {
77
76
  width: (image === null || image === void 0 ? void 0 : image.url) !== null && (image === null || image === void 0 ? void 0 : image.url) !== undefined ? "50%" : "100%",
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "umwd-components",
3
- "version": "0.1.76",
3
+ "version": "0.1.78",
4
4
  "description": "UMWD Component library",
5
5
  "main": "dist/cjs/index.js",
6
6
  "module": "dist/esm/index.js",
package/src/components/FleetSection.tsx CHANGED
@@ -76,17 +76,18 @@ export function FleetSection({ data }: { readonly data: FleetSectionProps }) {
76
76
  <CardMedia
77
77
  sx={{
78
78
  p: 1,
79
+ flex: 1,
79
80
  }}
80
81
  >
81
82
  <Paper
82
83
  sx={{
83
84
  p: 1,
84
- py: 2,
85
- height: "250px",
85
+ py: "3rem",
86
86
  position: "relative",
87
87
  display: "grid",
88
88
  alignItems: "center",
89
89
  justifyContent: "center",
90
+ height: "100%",
90
91
  }}
91
92
  variant="outlined"
92
93
  >
@@ -96,7 +97,11 @@ export function FleetSection({ data }: { readonly data: FleetSectionProps }) {
96
97
  alt={airplane.floorplan.alternativeText}
97
98
  width={airplane.floorplan.width}
98
99
  height={airplane.floorplan.height}
99
- style={{}}
100
+ style={{
101
+ objectFit: "contain",
102
+ width: "100%",
103
+ height: "100%",
104
+ }}
100
105
  />
101
106
  )}
102
107
  <Box
@@ -115,7 +120,7 @@ export function FleetSection({ data }: { readonly data: FleetSectionProps }) {
115
120
  </Box>
116
121
  </Paper>
117
122
  </CardMedia>
118
- <CardContent>
123
+ <CardContent sx={{}}>
119
124
  <Stack direction="row" spacing={1}>
120
125
  <Chip
121
126
  label={`Range: ${airplane.range} km`}
package/src/components/StrapiImage.tsx CHANGED
@@ -7,7 +7,7 @@ interface StrapiImageProps {
7
7
  alt: string;
8
8
  height: number;
9
9
  width: number;
10
- style: React.CSSProperties;
10
+ style?: React.CSSProperties;
11
11
  }
12
12
 
13
13
  export function StrapiImage({
@@ -27,7 +27,7 @@ export function StrapiImage({
27
27
  alt={alt}
28
28
  height={height}
29
29
  width={width}
30
- style={style && style}
30
+ style={style}
31
31
  />
32
32
  );
33
33
  }
package/src/components/TextImageSection.tsx CHANGED
@@ -7,8 +7,6 @@ const MuiMarkdown = React.lazy(
7
7
  );
8
8
  import { StrapiImage } from "./StrapiImage.tsx";
9
9
 
10
- type maxWidth = "xs" | "sm" | "md" | "lg" | "xl" | false | string;
11
-
12
10
  /*
13
11
  TODO intregrate this interface into StrapiImage.tsx
14
12
 
@@ -32,19 +30,19 @@ interface TextImageSectionProps {
32
30
  alt: string;
33
31
  };
34
32
  reverse: boolean;
35
- maxWidth: maxWidth;
33
+ maxWidth: any;
36
34
  minHeight: string;
37
35
  };
38
36
  }
39
37
 
40
38
  function TextImageSection({ data }: Readonly<TextImageSectionProps>) {
41
- const { title, text, image, reverse = false, maxWidth = "lg" } = data;
39
+ const { title, text, image, reverse = false, maxWidth } = data;
42
40
 
43
41
  /* TODO Text_content should deal with linebreaks,
44
42
  reading up upon mui-markdown docs is advised */
45
43
 
46
44
  return (
47
- <Container maxWidth={maxWidth} sx={{ my: 1 }}>
45
+ <Container maxWidth={maxWidth || "lg"} sx={{ my: 1 }}>
48
46
  <Paper sx={{ p: 2 }}>
49
47
  {title && (
50
48
  <Typography
@@ -71,10 +69,9 @@ function TextImageSection({ data }: Readonly<TextImageSectionProps>) {
71
69
  >
72
70
  <StrapiImage
73
71
  alt={image.alt}
74
- style={{}}
75
72
  height={image.height}
76
- src={image.url}
77
73
  width={image.width}
74
+ src={image.url}
78
75
  />
79
76
  </Box>
80
77
  )}