umwd-components 0.1.153 → 0.1.154

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 +12 -8
  2. package/dist/esm/components/FleetSection.js +13 -9
  3. package/package.json +1 -1
  4. package/src/components/FleetSection.tsx +34 -21
package/dist/cjs/components/FleetSection.js CHANGED
@@ -55,16 +55,19 @@ 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",
@@ -78,10 +81,9 @@ function FleetSection(_ref) {
78
81
  height: airplane.floorplan.height,
79
82
  style: {
80
83
  objectFit: "contain",
81
- width: "100%",
82
- height: "100%"
84
+ width: "100%"
83
85
  }
84
- }), /*#__PURE__*/React.createElement(material.Box, {
86
+ }), airplane.cabinHeight && airplane.cabinWidth && airplane.cabinLength && /*#__PURE__*/React.createElement(material.Box, {
85
87
  sx: {
86
88
  position: "absolute",
87
89
  right: "1rem",
@@ -92,7 +94,9 @@ function FleetSection(_ref) {
92
94
  color: "text.secondary",
93
95
  align: "right"
94
96
  }, /*#__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: {}
97
+ sx: {
98
+ /* height: "33%" */
99
+ }
96
100
  }, /*#__PURE__*/React.createElement(material.Stack, {
97
101
  direction: "row",
98
102
  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,16 +53,19 @@ 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",
@@ -76,10 +79,9 @@ function FleetSection(_ref) {
76
79
  height: airplane.floorplan.height,
77
80
  style: {
78
81
  objectFit: "contain",
79
- width: "100%",
80
- height: "100%"
82
+ width: "100%"
81
83
  }
82
- }), /*#__PURE__*/React__default.createElement(Box, {
84
+ }), airplane.cabinHeight && airplane.cabinWidth && airplane.cabinLength && /*#__PURE__*/React__default.createElement(Box, {
83
85
  sx: {
84
86
  position: "absolute",
85
87
  right: "1rem",
@@ -90,7 +92,9 @@ function FleetSection(_ref) {
90
92
  color: "text.secondary",
91
93
  align: "right"
92
94
  }, /*#__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: {}
95
+ sx: {
96
+ /* height: "33%" */
97
+ }
94
98
  }, /*#__PURE__*/React__default.createElement(Stack, {
95
99
  direction: "row",
96
100
  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.154",
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,17 +90,17 @@ 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",
@@ -117,27 +117,40 @@ export function FleetSection({ data }: { readonly data: FleetSectionProps }) {
117
117
  style={{
118
118
  objectFit: "contain",
119
119
  width: "100%",
120
- height: "100%",
121
120
  }}
122
121
  />
123
122
  )}
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>
123
+ {airplane.cabinHeight &&
124
+ airplane.cabinWidth &&
125
+ airplane.cabinLength && (
126
+ <Box
127
+ sx={{
128
+ position: "absolute",
129
+ right: "1rem",
130
+ bottom: "1rem",
131
+ }}
132
+ >
133
+ <Typography
134
+ variant="body2"
135
+ color="text.secondary"
136
+ align="right"
137
+ >
138
+ <strong>Cabin Dimensions:</strong> <strong>H</strong>{" "}
139
+ {airplane.cabinHeight} m <strong>W</strong>{" "}
140
+ {airplane.cabinWidth} m <strong>L</strong>{" "}
141
+ {airplane.cabinLength} m
142
+ </Typography>
143
+ </Box>
144
+ )}
138
145
  </Paper>
139
- </CardMedia>
140
- <CardContent sx={{}}>
146
+ </CardContent>
147
+ <CardContent
148
+ sx={
149
+ {
150
+ /* height: "33%" */
151
+ }
152
+ }
153
+ >
141
154
  <Stack
142
155
  direction="row"
143
156
  spacing={1}