umwd-components 0.1.153 → 0.1.155

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/FleetSection.js +16 -10
  2. package/dist/esm/components/FleetSection.js +17 -11
  3. package/package.json +1 -1
  4. package/src/components/FleetSection.tsx +36 -21
package/dist/cjs/components/FleetSection.js CHANGED
@@ -55,20 +55,24 @@ function FleetSection(_ref) {
55
55
  }, /*#__PURE__*/React.createElement(material.CardHeader, {
56
56
  title: airplane.name,
57
57
  subheader: airplane.description
58
- }), /*#__PURE__*/React.createElement(material.CardMedia, {
58
+ }), /*#__PURE__*/React.createElement(material.Box, {
59
59
  sx: {
60
- p: 1,
61
60
  flex: 1
62
61
  }
62
+ }), /*#__PURE__*/React.createElement(material.CardContent, {
63
+ sx: {
64
+ p: 1,
65
+ height: 180,
66
+ mb: 2
67
+ }
63
68
  }, /*#__PURE__*/React.createElement(material.Paper, {
64
69
  sx: {
65
70
  p: 1,
66
- py: "4rem",
67
- position: "relative",
68
71
  display: "grid",
69
72
  alignItems: "center",
70
73
  justifyContent: "center",
71
- height: "100%"
74
+ height: "100%",
75
+ position: "relative"
72
76
  },
73
77
  variant: "outlined"
74
78
  }, airplane.floorplan !== null && /*#__PURE__*/React.createElement(StrapiImage.StrapiImage, {
@@ -79,20 +83,22 @@ function FleetSection(_ref) {
79
83
  style: {
80
84
  objectFit: "contain",
81
85
  width: "100%",
82
- height: "100%"
86
+ paddingBottom: "20px"
83
87
  }
84
- }), /*#__PURE__*/React.createElement(material.Box, {
88
+ }), airplane.cabinHeight && airplane.cabinWidth && airplane.cabinLength && /*#__PURE__*/React.createElement(material.Box, {
85
89
  sx: {
86
90
  position: "absolute",
87
- right: "1rem",
88
- bottom: "1rem"
91
+ right: ".5rem",
92
+ bottom: ".5rem"
89
93
  }
90
94
  }, /*#__PURE__*/React.createElement(material.Typography, {
91
95
  variant: "body2",
92
96
  color: "text.secondary",
93
97
  align: "right"
94
98
  }, /*#__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, {
95
- sx: {}
99
+ sx: {
100
+ /* height: "33%" */
101
+ }
96
102
  }, /*#__PURE__*/React.createElement(material.Stack, {
97
103
  direction: "row",
98
104
  spacing: 1,
package/dist/esm/components/FleetSection.js CHANGED
@@ -5,7 +5,7 @@
5
5
  */
6
6
 
7
7
  import React__default from 'react';
8
- import { useTheme, Container, Stack, Card, CardHeader, CardMedia, Paper, Box, Typography, CardContent, Chip } from '@mui/material';
8
+ import { useTheme, Container, Stack, Card, CardHeader, Box, CardContent, Paper, Typography, Chip } from '@mui/material';
9
9
  import { StrapiImage } from './StrapiImage.js';
10
10
  import RadarIcon from '@mui/icons-material/Radar';
11
11
  import SpeedIcon from '@mui/icons-material/Speed';
@@ -53,20 +53,24 @@ function FleetSection(_ref) {
53
53
  }, /*#__PURE__*/React__default.createElement(CardHeader, {
54
54
  title: airplane.name,
55
55
  subheader: airplane.description
56
- }), /*#__PURE__*/React__default.createElement(CardMedia, {
56
+ }), /*#__PURE__*/React__default.createElement(Box, {
57
57
  sx: {
58
- p: 1,
59
58
  flex: 1
60
59
  }
60
+ }), /*#__PURE__*/React__default.createElement(CardContent, {
61
+ sx: {
62
+ p: 1,
63
+ height: 180,
64
+ mb: 2
65
+ }
61
66
  }, /*#__PURE__*/React__default.createElement(Paper, {
62
67
  sx: {
63
68
  p: 1,
64
- py: "4rem",
65
- position: "relative",
66
69
  display: "grid",
67
70
  alignItems: "center",
68
71
  justifyContent: "center",
69
- height: "100%"
72
+ height: "100%",
73
+ position: "relative"
70
74
  },
71
75
  variant: "outlined"
72
76
  }, airplane.floorplan !== null && /*#__PURE__*/React__default.createElement(StrapiImage, {
@@ -77,20 +81,22 @@ function FleetSection(_ref) {
77
81
  style: {
78
82
  objectFit: "contain",
79
83
  width: "100%",
80
- height: "100%"
84
+ paddingBottom: "20px"
81
85
  }
82
- }), /*#__PURE__*/React__default.createElement(Box, {
86
+ }), airplane.cabinHeight && airplane.cabinWidth && airplane.cabinLength && /*#__PURE__*/React__default.createElement(Box, {
83
87
  sx: {
84
88
  position: "absolute",
85
- right: "1rem",
86
- bottom: "1rem"
89
+ right: ".5rem",
90
+ bottom: ".5rem"
87
91
  }
88
92
  }, /*#__PURE__*/React__default.createElement(Typography, {
89
93
  variant: "body2",
90
94
  color: "text.secondary",
91
95
  align: "right"
92
96
  }, /*#__PURE__*/React__default.createElement("strong", null, "Cabin Dimensions:"), " ", /*#__PURE__*/React__default.createElement("strong", null, "H"), " ", airplane.cabinHeight, " m ", /*#__PURE__*/React__default.createElement("strong", null, "W"), " ", airplane.cabinWidth, " m ", /*#__PURE__*/React__default.createElement("strong", null, "L"), " ", airplane.cabinLength, " m")))), /*#__PURE__*/React__default.createElement(CardContent, {
93
- sx: {}
97
+ sx: {
98
+ /* height: "33%" */
99
+ }
94
100
  }, /*#__PURE__*/React__default.createElement(Stack, {
95
101
  direction: "row",
96
102
  spacing: 1,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "umwd-components",
3
- "version": "0.1.153",
3
+ "version": "0.1.155",
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
@@ -90,21 +90,22 @@ export function FleetSection({ data }: { readonly data: FleetSectionProps }) {
90
90
  title={airplane.name}
91
91
  subheader={airplane.description}
92
92
  />
93
- <CardMedia
93
+ <Box sx={{ flex: 1 }} />
94
+ <CardContent
94
95
  sx={{
95
96
  p: 1,
96
- flex: 1,
97
+ height: 180,
98
+ mb: 2,
97
99
  }}
98
100
  >
99
101
  <Paper
100
102
  sx={{
101
103
  p: 1,
102
- py: "4rem",
103
- position: "relative",
104
104
  display: "grid",
105
105
  alignItems: "center",
106
106
  justifyContent: "center",
107
107
  height: "100%",
108
+ position: "relative",
108
109
  }}
109
110
  variant="outlined"
110
111
  >
@@ -117,27 +118,41 @@ export function FleetSection({ data }: { readonly data: FleetSectionProps }) {
117
118
  style={{
118
119
  objectFit: "contain",
119
120
  width: "100%",
120
- height: "100%",
121
+ paddingBottom: "20px",
121
122
  }}
122
123
  />
123
124
  )}
124
- <Box
125
- sx={{ position: "absolute", right: "1rem", bottom: "1rem" }}
126
- >
127
- <Typography
128
- variant="body2"
129
- color="text.secondary"
130
- align="right"
131
- >
132
- <strong>Cabin Dimensions:</strong> <strong>H</strong>{" "}
133
- {airplane.cabinHeight} m <strong>W</strong>{" "}
134
- {airplane.cabinWidth} m <strong>L</strong>{" "}
135
- {airplane.cabinLength} m
136
- </Typography>
137
- </Box>
125
+ {airplane.cabinHeight &&
126
+ airplane.cabinWidth &&
127
+ airplane.cabinLength && (
128
+ <Box
129
+ sx={{
130
+ position: "absolute",
131
+ right: ".5rem",
132
+ bottom: ".5rem",
133
+ }}
134
+ >
135
+ <Typography
136
+ variant="body2"
137
+ color="text.secondary"
138
+ align="right"
139
+ >
140
+ <strong>Cabin Dimensions:</strong> <strong>H</strong>{" "}
141
+ {airplane.cabinHeight} m <strong>W</strong>{" "}
142
+ {airplane.cabinWidth} m <strong>L</strong>{" "}
143
+ {airplane.cabinLength} m
144
+ </Typography>
145
+ </Box>
146
+ )}
138
147
  </Paper>
139
- </CardMedia>
140
- <CardContent sx={{}}>
148
+ </CardContent>
149
+ <CardContent
150
+ sx={
151
+ {
152
+ /* height: "33%" */
153
+ }
154
+ }
155
+ >
141
156
  <Stack
142
157
  direction="row"
143
158
  spacing={1}