umwd-components 0.1.745 → 0.1.746

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 (19) hide show
  1. package/dist/cjs/src/components/page-elements/ColumnsSection.js +1 -1
  2. package/dist/cjs/src/components/page-elements/FeaturesSection.js +1 -1
  3. package/dist/cjs/src/components/page-elements/FleetSection.js +1 -1
  4. package/dist/cjs/src/components/page-elements/IconSection.js +1 -1
  5. package/dist/cjs/src/components/page-elements/LogoBarSection.js +1 -1
  6. package/dist/cjs/src/components/page-elements/Page.js +1 -1
  7. package/dist/cjs/src/components/page-elements/PersonaliaSection.js +1 -1
  8. package/dist/cjs/src/components/page-elements/PictureBarSection.js +1 -1
  9. package/dist/cjs/tsconfig.build.tsbuildinfo +1 -1
  10. package/dist/esm/src/components/page-elements/ColumnsSection.js +3 -3
  11. package/dist/esm/src/components/page-elements/FeaturesSection.js +2 -2
  12. package/dist/esm/src/components/page-elements/FleetSection.js +2 -2
  13. package/dist/esm/src/components/page-elements/IconSection.js +3 -3
  14. package/dist/esm/src/components/page-elements/LogoBarSection.js +2 -2
  15. package/dist/esm/src/components/page-elements/Page.js +12 -12
  16. package/dist/esm/src/components/page-elements/PersonaliaSection.js +10 -10
  17. package/dist/esm/src/components/page-elements/PictureBarSection.js +2 -2
  18. package/dist/esm/tsconfig.build.tsbuildinfo +1 -1
  19. package/package.json +1 -1
package/dist/esm/src/components/page-elements/ColumnsSection.js CHANGED
@@ -18,11 +18,11 @@ function ColumnsSection({ data, }) {
18
18
  // You cannot spread `sx` directly because `SxProps` (typeof sx) can be an array.
19
19
  { my: 1 },
20
20
  ...(Array.isArray(sx) ? sx : [sx]),
21
- ], children: jsx(Grid, { container: true, spacing: 2, children: column.map((column) => {
21
+ ], children: jsx(Grid, { container: true, spacing: 2, children: column.map((column, index) => {
22
22
  const Icon = getIcon(column.icon);
23
23
  return (jsx(Grid, { size: {
24
24
  xs: 12,
25
- md: 6
25
+ md: 6,
26
26
  }, children: jsxs(Paper, { sx: { p: 2, height: "100%" }, children: [jsxs(Typography, { variant: "h5", sx: {
27
27
  mb: 2,
28
28
  display: "flex",
@@ -38,7 +38,7 @@ function ColumnsSection({ data, }) {
38
38
  } })), column.heading] }),
39
39
  /* column.textV2 ? (
40
40
  <BlockRendererClient content={column.textV2} />
41
- ) : */ jsx(Typography, { children: column.text })] }) }, column.id));
41
+ ) : */ jsx(Typography, { children: column.text })] }) }, `${column.id}-${index}`));
42
42
  }) }) }));
43
43
  }
44
44
 
package/dist/esm/src/components/page-elements/FeaturesSection.js CHANGED
@@ -29,7 +29,7 @@ function FeatureSection({ data, }) {
29
29
  flexDirection: "row",
30
30
  },
31
31
  }, useFlexGap: true, children: feature &&
32
- feature.map((feature) => {
32
+ feature.map((feature, index) => {
33
33
  const Icon = getIcon(feature.icon);
34
34
  return (jsx(Card, { id: feature.anchor || "", sx: {
35
35
  display: "flex",
@@ -50,7 +50,7 @@ function FeatureSection({ data, }) {
50
50
  fill: "none",
51
51
  stroke: "currentColor",
52
52
  strokeWidth: 0.5,
53
- } })) }), jsx(Typography, { variant: "h5", align: "center", component: "div", sx: { mb: 2, height: "4rem" }, children: feature.heading }), jsx(Typography, { variant: "h6", align: "center", component: "div", sx: { mb: 2, height: "4rem" }, children: feature.subHeading }), feature.text && jsx(MuiMarkdown, { children: feature.text })] }) }, feature.id));
53
+ } })) }), jsx(Typography, { variant: "h5", align: "center", component: "div", sx: { mb: 2, height: "4rem" }, children: feature.heading }), jsx(Typography, { variant: "h6", align: "center", component: "div", sx: { mb: 2, height: "4rem" }, children: feature.subHeading }), feature.text && jsx(MuiMarkdown, { children: feature.text })] }) }, `${feature.id}-${index}`));
54
54
  }) }) }));
55
55
  }
56
56
 
package/dist/esm/src/components/page-elements/FleetSection.js CHANGED
@@ -31,7 +31,7 @@ function FleetSection({ data }) {
31
31
  [theme.breakpoints.up("sm")]: {
32
32
  flexDirection: "row",
33
33
  },
34
- }, useFlexGap: true, children: airplane.map((airplane) => (jsxs(Card, { sx: {
34
+ }, useFlexGap: true, children: airplane.map((airplane, index) => (jsxs(Card, { sx: {
35
35
  display: "flex",
36
36
  flexDirection: "column",
37
37
  justifyContent: "space-between",
@@ -60,7 +60,7 @@ function FleetSection({ data }) {
60
60
  bottom: ".5rem",
61
61
  }, children: jsxs(Typography, { variant: "body2", color: "text.secondary", align: "right", children: [jsx("strong", { children: "Cabin Dimensions:" }), " ", jsx("strong", { children: "H" }), " ", airplane.cabinHeight, " m ", jsx("strong", { children: "W" }), " ", airplane.cabinWidth, " m ", jsx("strong", { children: "L" }), " ", airplane.cabinLength, " m"] }) }))] }) }), jsx(CardContent, { sx: {
62
62
  /* height: "33%" */
63
- }, children: jsxs(Stack, { direction: "row", spacing: 1, flexWrap: "wrap", useFlexGap: true, children: [jsx(Chip, { label: `Range: ${airplane.range} km`, variant: "filled", color: "primary", icon: jsx(RadarIcon, {}) }), jsx(Chip, { label: `Speed: ${airplane.speed} km/h`, variant: "filled", color: "primary", icon: jsx(SpeedIcon, {}) }), jsx(Chip, { label: `Ceiling: ${airplane.ceiling} ft`, variant: "filled", color: "primary", icon: jsx(HeightIcon, {}) })] }) })] }, airplane.id))) }) }));
63
+ }, children: jsxs(Stack, { direction: "row", spacing: 1, flexWrap: "wrap", useFlexGap: true, children: [jsx(Chip, { label: `Range: ${airplane.range} km`, variant: "filled", color: "primary", icon: jsx(RadarIcon, {}) }), jsx(Chip, { label: `Speed: ${airplane.speed} km/h`, variant: "filled", color: "primary", icon: jsx(SpeedIcon, {}) }), jsx(Chip, { label: `Ceiling: ${airplane.ceiling} ft`, variant: "filled", color: "primary", icon: jsx(HeightIcon, {}) })] }) })] }, `${airplane.id}-${index}`))) }) }));
64
64
  }
65
65
 
66
66
  export { FleetSection };
package/dist/esm/src/components/page-elements/IconSection.js CHANGED
@@ -14,13 +14,13 @@ import getIcon from '../../lib/getIcon.js';
14
14
 
15
15
  function IconSection({ data }) {
16
16
  const { icon, maxWidth, sx = {} } = data;
17
- return (jsx(Container, { maxWidth: maxWidth || "lg", sx: { my: 1, ...sx }, children: jsx(Grid, { container: true, spacing: 2, children: icon.map((icon) => {
17
+ return (jsx(Container, { maxWidth: maxWidth || "lg", sx: { my: 1, ...sx }, children: jsx(Grid, { container: true, spacing: 2, children: icon.map((icon, index) => {
18
18
  const Icon = getIcon(icon.icon);
19
19
  return (jsx(Grid, { size: {
20
20
  xs: 12,
21
21
  sm: 6,
22
22
  md: 4,
23
- lg: 3
23
+ lg: 3,
24
24
  }, children: jsx(Card, { sx: {
25
25
  display: "flex",
26
26
  flexDirection: "column",
@@ -31,7 +31,7 @@ function IconSection({ data }) {
31
31
  justifyContent: "start",
32
32
  alignItems: "start",
33
33
  minHeight: "4.2rem",
34
- }, children: [Icon !== null && jsx(Icon, { sx: { mr: 2, mt: 0.2 } }), icon.title] }), jsx(Typography, { variant: "body2", color: "text.secondary", component: "div", children: icon.text })] }) }) }, icon.id));
34
+ }, children: [Icon !== null && jsx(Icon, { sx: { mr: 2, mt: 0.2 } }), icon.title] }), jsx(Typography, { variant: "body2", color: "text.secondary", component: "div", children: icon.text })] }) }) }, `${icon.id}-${index}`));
35
35
  }) }) }));
36
36
  }
37
37
 
package/dist/esm/src/components/page-elements/LogoBarSection.js CHANGED
@@ -24,7 +24,7 @@ function LogoBarSection({ data, }) {
24
24
  backgroundColor: setOpacity(theme.palette.background.paper, glass ? 0.1 : 1),
25
25
  border: glass ? "1px solid rgba(255, 255, 255, 0.15)" : "none",
26
26
  }, children: jsx(Stack, { direction: { xs: "column", sm: "row" }, spacing: 2, justifyContent: "space-around", children: companies &&
27
- companies.map((company) => (jsxs(StyledLink, { href: company.url, sx: {
27
+ companies.map((company, index) => (jsxs(StyledLink, { href: company.url, sx: {
28
28
  flex: "1 1 0",
29
29
  display: "flex",
30
30
  flexDirection: "column",
@@ -42,7 +42,7 @@ function LogoBarSection({ data, }) {
42
42
  height: "120px",
43
43
  objectFit: "contain",
44
44
  paddingBottom: "1rem",
45
- } }), company.name] }, company.id))) }) }) }) }) }));
45
+ } }), company.name] }, `${company.id}-${index}`))) }) }) }) }) }));
46
46
  }
47
47
 
48
48
  export { LogoBarSection };
package/dist/esm/src/components/page-elements/Page.js CHANGED
@@ -22,29 +22,29 @@ import { CategoryBlock } from './CategoryBlock.js';
22
22
  function blockRenderer(block) {
23
23
  switch (block.__component) {
24
24
  case "page-elements.hero-section":
25
- return jsx(HeroSection, { data: block }, block.id);
25
+ return (jsx(HeroSection, { data: block }, `${block.id}-${block.__component}`));
26
26
  case "page-elements.features-section":
27
- return jsx(FeatureSection, { data: block }, block.id);
27
+ return (jsx(FeatureSection, { data: block }, `${block.id}-${block.__component}`));
28
28
  case "page-elements.contact-section":
29
- return jsx(ContactForm, { data: block }, block.id);
29
+ return (jsx(ContactForm, { data: block }, `${block.id}-${block.__component}`));
30
30
  case "page-elements.text-image-section":
31
- return jsx(TextImageSection, { data: block }, block.id);
31
+ return (jsx(TextImageSection, { data: block }, `${block.id}-${block.__component}`));
32
32
  case "page-elements.icon-section":
33
- return jsx(IconSection, { data: block }, block.id);
33
+ return (jsx(IconSection, { data: block }, `${block.id}-${block.__component}`));
34
34
  case "page-elements.fleet-section":
35
- return jsx(FleetSection, { data: block }, block.id);
35
+ return (jsx(FleetSection, { data: block }, `${block.id}-${block.__component}`));
36
36
  case "page-elements.columns-section":
37
- return jsx(ColumnsSection, { data: block }, block.id);
37
+ return (jsx(ColumnsSection, { data: block }, `${block.id}-${block.__component}`));
38
38
  case "page-elements.personalia-section":
39
- return jsx(PersonaliaSection, { data: block }, block.id);
39
+ return (jsx(PersonaliaSection, { data: block }, `${block.id}-${block.__component}`));
40
40
  case "page-elements.picture-bar-section":
41
- return jsx(PictureBarSection, { data: block }, block.id);
41
+ return (jsx(PictureBarSection, { data: block }, `${block.id}-${block.__component}`));
42
42
  case "page-elements.logo-bar-section":
43
- return jsx(LogoBarSection, { data: block }, block.id);
43
+ return (jsx(LogoBarSection, { data: block }, `${block.id}-${block.__component}`));
44
44
  case "page-elements.product-block":
45
- return jsx(ProductBlock, { data: block }, block.id);
45
+ return (jsx(ProductBlock, { data: block }, `${block.id}-${block.__component}`));
46
46
  case "page-elements.category-block":
47
- return jsx(CategoryBlock, { data: block }, block.id);
47
+ return (jsx(CategoryBlock, { data: block }, `${block.id}-${block.__component}`));
48
48
  default:
49
49
  return null;
50
50
  }
package/dist/esm/src/components/page-elements/PersonaliaSection.js CHANGED
@@ -72,7 +72,7 @@ function PartnerDialog({ partner, open, onClose, }) {
72
72
  const theme = useTheme();
73
73
  return (jsx(Dialog, { open: open, onClose: onClose, "aria-labelledby": "dialog-title", children: jsx(Paper, { sx: { p: 2, height: "100%" }, children: jsxs(Grid, { container: true, spacing: 3, children: [jsxs(Grid, { size: {
74
74
  xs: 12,
75
- sm: 7
75
+ sm: 7,
76
76
  }, children: [jsx(Typography, { variant: "h5", sx: {
77
77
  mb: 2,
78
78
  display: "flex",
@@ -80,18 +80,18 @@ function PartnerDialog({ partner, open, onClose, }) {
80
80
  alignItems: "center",
81
81
  }, children: partner.name }), jsx(Typography, { variant: "body2", color: "text.secondary", sx: { mb: 2 }, children: partner.function })] }), jsx(Grid, { size: {
82
82
  xs: 12,
83
- sm: 5
83
+ sm: 5,
84
84
  }, children: jsxs(Stack, { spacing: 2, sx: { overflow: "clip" }, justifyContent: "center", alignItems: "stretch", children: [partner.photo?.url && (jsx(StrapiImage, { id: partner.photo.id, url: partner.photo.url, alternativeText: partner.photo.alternativeText, width: 200, height: 200, style: {
85
85
  borderRadius: "50%",
86
86
  margin: "auto",
87
87
  ...partner.photo.style,
88
88
  } })), partner.links?.length > 0 &&
89
- partner.links.map((link) => {
89
+ partner.links.map((link, index) => {
90
90
  return (jsx(StyledLink, { href: link.url, sx: {
91
91
  color: theme.palette.mode === "dark"
92
92
  ? theme.palette.text.secondary
93
93
  : theme.palette.secondary.main,
94
- }, children: link.text }, link.id));
94
+ }, children: link.text }, `${link.id}-${index}`));
95
95
  }), partner.linkedIn && (jsx(Button, { variant: "outlined", startIcon: jsx(LinkedIn, {}), href: partner.linkedIn, target: "_blank", sx: {
96
96
  color: theme.palette.mode === "dark"
97
97
  ? theme.palette.text.secondary
@@ -115,10 +115,10 @@ function Partner(partner, index) {
115
115
  ); */
116
116
  return (jsxs(Grid, { size: {
117
117
  xs: 12,
118
- md: 6
118
+ md: 6,
119
119
  }, children: [jsx(PartnerDialog, { partner: partner, open: open, onClose: handleClose }), jsx(Paper, { sx: { p: 2, height: "100%" }, children: jsxs(Grid, { container: true, spacing: 3, children: [jsxs(Grid, { size: {
120
120
  xs: 12,
121
- sm: 7
121
+ sm: 7,
122
122
  }, children: [jsx(Typography, { variant: "h5", sx: {
123
123
  mb: 2,
124
124
  display: "flex",
@@ -126,7 +126,7 @@ function Partner(partner, index) {
126
126
  alignItems: "center",
127
127
  }, children: partner.name }), jsx(Typography, { variant: "body2", color: "text.secondary", sx: { mb: 2 }, children: partner.function })] }), jsx(Grid, { size: {
128
128
  xs: 12,
129
- sm: 5
129
+ sm: 5,
130
130
  }, children: jsxs(Stack, { spacing: 2, sx: { overflow: "clip" }, justifyContent: "center", alignItems: "stretch", children: [partner.photo?.url && (jsx(StrapiImage, { id: partner.photo.id, url: partner.photo.url, alternativeText: partner.photo.alternativeText, width: partner.photo.width || 200, height: partner.photo.height || 200, style: {
131
131
  maxWidth: "100%",
132
132
  height: "auto",
@@ -134,12 +134,12 @@ function Partner(partner, index) {
134
134
  margin: "auto",
135
135
  ...partner.photo.style,
136
136
  } })), partner.links?.length > 0 &&
137
- partner.links.map((link) => {
137
+ partner.links.map((link, index) => {
138
138
  return (jsx(StyledLink, { href: link.url, sx: {
139
139
  color: theme.palette.mode === "dark"
140
140
  ? theme.palette.text.secondary
141
141
  : theme.palette.secondary.main,
142
- }, children: link.text }, link.id));
142
+ }, children: link.text }, `${link.id}-${index}`));
143
143
  }), partner.linkedIn && (jsx(Button, { variant: "outlined", startIcon: jsx(LinkedIn, {}), href: partner.linkedIn, target: "_blank", sx: {
144
144
  color: theme.palette.mode === "dark"
145
145
  ? theme.palette.text.secondary
@@ -148,7 +148,7 @@ function Partner(partner, index) {
148
148
  color: theme.palette.mode === "dark"
149
149
  ? theme.palette.text.secondary
150
150
  : theme.palette.secondary.main,
151
- }, children: "Email" }) }))] }) })] }) })] }, partner.id));
151
+ }, children: "Email" }) }))] }) })] }) })] }, `${partner.id}-${index}`));
152
152
  }
153
153
  function PersonaliaSection({ data, }) {
154
154
  const { partner, maxWidth, sx = [] } = data;
package/dist/esm/src/components/page-elements/PictureBarSection.js CHANGED
@@ -24,11 +24,11 @@ function PictureBarSection({ data, }) {
24
24
  backgroundColor: setOpacity(theme.palette.background.paper, glass ? 0.1 : 1),
25
25
  border: glass ? "1px solid rgba(255, 255, 255, 0.15)" : "none",
26
26
  }, children: jsx(Stack, { direction: { xs: "column", sm: "row" }, spacing: 2, justifyContent: "space-around", children: pictures.data &&
27
- pictures.data.map((picture) => (jsx(Box, { sx: { flex: "1 1 0" }, children: jsx(StrapiImage, { id: picture.id.toString(), url: picture.url, alternativeText: picture.alternativeText, width: picture.width, height: picture.height, style: {
27
+ pictures.data.map((picture, index) => (jsx(Box, { sx: { flex: "1 1 0" }, children: jsx(StrapiImage, { id: picture.id.toString(), url: picture.url, alternativeText: picture.alternativeText, width: picture.width, height: picture.height, style: {
28
28
  ...picture.style,
29
29
  width: "100%",
30
30
  height: "auto",
31
- } }) }, picture.id))) }) }) }) }) }));
31
+ } }) }, `${picture.id}-${index}`))) }) }) }) }) }));
32
32
  }
33
33
 
34
34
  export { PictureBarSection };