umwd-components 0.1.29 → 0.1.31

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/Footer.js +10 -10
  2. package/dist/esm/components/Footer.js +10 -10
  3. package/package.json +1 -1
  4. package/src/components/Footer.js +23 -18
package/dist/cjs/components/Footer.js CHANGED
@@ -8,6 +8,7 @@
8
8
 
9
9
  Object.defineProperty(exports, '__esModule', { value: true });
10
10
 
11
+ var React = require('react');
11
12
  var material = require('@mui/material');
12
13
  var Link = require('next/link');
13
14
  var Image = require('next/image');
@@ -112,22 +113,21 @@ function Footer({
112
113
  xs: 12,
113
114
  sm: 4,
114
115
  align: "center"
115
- }, /*#__PURE__*/React.createElement(material.Typography, {
116
+ }, company_socials.length > 0 && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(material.Typography, {
116
117
  variant: "h6"
117
- }, "Socials"), company_socials && /*#__PURE__*/React.createElement(material.Stack, {
118
+ }, "Socials"), /*#__PURE__*/React.createElement(material.Stack, {
118
119
  spacing: 2,
119
120
  sx: {
120
121
  width: "min-content",
121
122
  color: "primary.contrastText"
122
123
  }
123
124
  }, company_socials.map((company_social, index) => {
124
- if (company_social.url === undefined || company_social.icon === undefined) {
125
- return /*#__PURE__*/React.createElement(material.IconButton, {
126
- color: "inherit",
127
- href: company_social.url
128
- }, company_social.icon);
129
- }
130
- }))), /*#__PURE__*/React.createElement(material.Grid, {
125
+ return /*#__PURE__*/React.createElement(material.IconButton, {
126
+ key: index,
127
+ color: "inherit",
128
+ href: company_social.url
129
+ }, company_social.icon);
130
+ })))), /*#__PURE__*/React.createElement(material.Grid, {
131
131
  item: true,
132
132
  xs: 12
133
133
  }, /*#__PURE__*/React.createElement(material.Divider, null)), disclaimer_link && /*#__PURE__*/React.createElement(material.Grid, {
@@ -156,7 +156,7 @@ function Footer({
156
156
  href: privacypolicy_link
157
157
  }, /*#__PURE__*/React.createElement(material.Typography, {
158
158
  variant: "body1"
159
- }, "Privacy Policy"))), /*#__PURE__*/React.createElement(material.Grid, {
159
+ }, "Privacy Policy"))), Boolean(disclaimer_link || privacypolicy_link) && /*#__PURE__*/React.createElement(material.Grid, {
160
160
  item: true,
161
161
  xs: 12
162
162
  }, /*#__PURE__*/React.createElement(material.Divider, null)), /*#__PURE__*/React.createElement(material.Grid, {
package/dist/esm/components/Footer.js CHANGED
@@ -4,6 +4,7 @@
4
4
  * @license MIT
5
5
  */
6
6
 
7
+ import React from 'react';
7
8
  import { AppBar, Container, Toolbar, Grid, Box, Typography, Stack, IconButton, Divider } from '@mui/material';
8
9
  import Link from 'next/link';
9
10
  import Image from 'next/image';
@@ -108,22 +109,21 @@ function Footer({
108
109
  xs: 12,
109
110
  sm: 4,
110
111
  align: "center"
111
- }, /*#__PURE__*/React.createElement(Typography, {
112
+ }, company_socials.length > 0 && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Typography, {
112
113
  variant: "h6"
113
- }, "Socials"), company_socials && /*#__PURE__*/React.createElement(Stack, {
114
+ }, "Socials"), /*#__PURE__*/React.createElement(Stack, {
114
115
  spacing: 2,
115
116
  sx: {
116
117
  width: "min-content",
117
118
  color: "primary.contrastText"
118
119
  }
119
120
  }, company_socials.map((company_social, index) => {
120
- if (company_social.url === undefined || company_social.icon === undefined) {
121
- return /*#__PURE__*/React.createElement(IconButton, {
122
- color: "inherit",
123
- href: company_social.url
124
- }, company_social.icon);
125
- }
126
- }))), /*#__PURE__*/React.createElement(Grid, {
121
+ return /*#__PURE__*/React.createElement(IconButton, {
122
+ key: index,
123
+ color: "inherit",
124
+ href: company_social.url
125
+ }, company_social.icon);
126
+ })))), /*#__PURE__*/React.createElement(Grid, {
127
127
  item: true,
128
128
  xs: 12
129
129
  }, /*#__PURE__*/React.createElement(Divider, null)), disclaimer_link && /*#__PURE__*/React.createElement(Grid, {
@@ -152,7 +152,7 @@ function Footer({
152
152
  href: privacypolicy_link
153
153
  }, /*#__PURE__*/React.createElement(Typography, {
154
154
  variant: "body1"
155
- }, "Privacy Policy"))), /*#__PURE__*/React.createElement(Grid, {
155
+ }, "Privacy Policy"))), Boolean(disclaimer_link || privacypolicy_link) && /*#__PURE__*/React.createElement(Grid, {
156
156
  item: true,
157
157
  xs: 12
158
158
  }, /*#__PURE__*/React.createElement(Divider, null)), /*#__PURE__*/React.createElement(Grid, {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "umwd-components",
3
- "version": "0.1.29",
3
+ "version": "0.1.31",
4
4
  "description": "UMWD Component library",
5
5
  "main": "dist/cjs/index.js",
6
6
  "module": "dist/esm/index.js",
package/src/components/Footer.js CHANGED
@@ -1,3 +1,5 @@
1
+ import React from "react";
2
+
1
3
  import {
2
4
  AppBar,
3
5
  Container,
@@ -108,25 +110,26 @@ function Footer({
108
110
  <Typography variant="body1"></Typography>
109
111
  </Grid>
110
112
  <Grid item xs={12} sm={4} align="center">
111
- <Typography variant="h6">Socials</Typography>
112
- {company_socials && (
113
- <Stack
114
- spacing={2}
115
- sx={{ width: "min-content", color: "primary.contrastText" }}
116
- >
117
- {company_socials.map((company_social, index) => {
118
- if (
119
- company_social.url === undefined ||
120
- company_social.icon === undefined
121
- ) {
113
+ {company_socials.length > 0 && (
114
+ <>
115
+ <Typography variant="h6">Socials</Typography>
116
+ <Stack
117
+ spacing={2}
118
+ sx={{ width: "min-content", color: "primary.contrastText" }}
119
+ >
120
+ {company_socials.map((company_social, index) => {
122
121
  return (
123
- <IconButton color="inherit" href={company_social.url}>
122
+ <IconButton
123
+ key={index}
124
+ color="inherit"
125
+ href={company_social.url}
126
+ >
124
127
  {company_social.icon}
125
128
  </IconButton>
126
129
  );
127
- }
128
- })}
129
- </Stack>
130
+ })}
131
+ </Stack>
132
+ </>
130
133
  )}
131
134
  </Grid>
132
135
  <Grid item xs={12}>
@@ -178,9 +181,11 @@ function Footer({
178
181
  >
179
182
  <CookieConsentButton />
180
183
  </Grid> */}
181
- <Grid item xs={12}>
182
- <Divider />
183
- </Grid>
184
+ {Boolean(disclaimer_link || privacypolicy_link) && (
185
+ <Grid item xs={12}>
186
+ <Divider />
187
+ </Grid>
188
+ )}
184
189
  <Grid
185
190
  item
186
191
  xs={12}