umwd-components 0.1.147 → 0.1.149

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 (7) hide show
  1. package/dist/cjs/components/PersonaliaSection.js +2 -1
  2. package/dist/cjs/components/ScrollNavbar.js +14 -9
  3. package/dist/esm/components/PersonaliaSection.js +2 -1
  4. package/dist/esm/components/ScrollNavbar.js +14 -9
  5. package/package.json +1 -1
  6. package/src/components/PersonaliaSection.tsx +1 -0
  7. package/src/components/ScrollNavbar.tsx +26 -38
package/dist/cjs/components/PersonaliaSection.js CHANGED
@@ -97,7 +97,8 @@ function PersonaliaSection(_ref) {
97
97
  }), partner.linkedIn && /*#__PURE__*/React.createElement(material.Button, {
98
98
  variant: "outlined",
99
99
  startIcon: /*#__PURE__*/React.createElement(iconsMaterial.LinkedIn, null),
100
- href: partner.linkedIn
100
+ href: partner.linkedIn,
101
+ target: "_blank"
101
102
  }, "LinkedIn"), partner.email && /*#__PURE__*/React.createElement(material.Tooltip, {
102
103
  title: "".concat(partner.email)
103
104
  }, /*#__PURE__*/React.createElement(material.Button, {
package/dist/cjs/components/ScrollNavbar.js CHANGED
@@ -15,7 +15,6 @@ var Image = require('next/image');
15
15
  var material = require('@mui/material');
16
16
  var CloseIcon = require('@mui/icons-material/Close');
17
17
  var MoreVertIcon = require('@mui/icons-material/MoreVert');
18
- var ScrollLink = require('./ScrollLink.js');
19
18
 
20
19
  /* TODO: combine these, and use conf/setting to manipulate how to display */
21
20
 
@@ -57,7 +56,7 @@ function ScrollNavbar(_ref) {
57
56
  minHeight: minHeight
58
57
  }
59
58
  }
60
- }, /*#__PURE__*/React.createElement(ScrollLink.default, {
59
+ }, /*#__PURE__*/React.createElement(Link, {
61
60
  href: "#home"
62
61
  }, /*#__PURE__*/React.createElement(material.Box, {
63
62
  sx: {
@@ -107,7 +106,7 @@ function ScrollNavbar(_ref) {
107
106
  alignItems: "center"
108
107
  }
109
108
  }, pages.map(page => {
110
- return /*#__PURE__*/React.createElement(ScrollLink.default, {
109
+ return /*#__PURE__*/React.createElement(Link, {
111
110
  key: page.name,
112
111
  href: "#".concat(page.slug)
113
112
  }, /*#__PURE__*/React.createElement(material.Button, {
@@ -136,8 +135,7 @@ function ScrollNavbar(_ref) {
136
135
  return /*#__PURE__*/React.createElement(material.Box, {
137
136
  key: tab.name,
138
137
  onClick: e => setCurrentTab(index)
139
- }, /*#__PURE__*/React.createElement(Link
140
- /* {...props} */, {
138
+ }, /*#__PURE__*/React.createElement(Link, {
141
139
  href: "/#".concat(tab.slug),
142
140
  style: {
143
141
  color: theme.palette.primary.contrastText,
@@ -151,8 +149,9 @@ function ScrollNavbar(_ref) {
151
149
  }))), /*#__PURE__*/React.createElement(Link, {
152
150
  href: "/",
153
151
  style: {
152
+ color: theme.palette.primary.contrastText,
154
153
  textDecoration: "none",
155
- color: "unset"
154
+ cursor: "pointer"
156
155
  }
157
156
  }, /*#__PURE__*/React.createElement(material.Box, {
158
157
  sx: {
@@ -233,8 +232,9 @@ function ScrollNavbar(_ref) {
233
232
  }, /*#__PURE__*/React.createElement(Link, {
234
233
  href: "/",
235
234
  style: {
235
+ color: theme.palette.primary.contrastText,
236
236
  textDecoration: "none",
237
- color: "unset"
237
+ cursor: "pointer"
238
238
  }
239
239
  }, /*#__PURE__*/React.createElement(material.Box, {
240
240
  sx: {
@@ -284,8 +284,13 @@ function ScrollNavbar(_ref) {
284
284
  }))))), tabs && tabs.length > 0 && /*#__PURE__*/React.createElement(material.List, null, tabs.map(tab => {
285
285
  return /*#__PURE__*/React.createElement(React.Fragment, {
286
286
  key: tab.name
287
- }, /*#__PURE__*/React.createElement(ScrollLink.default, {
288
- href: "#".concat(tab.slug)
287
+ }, /*#__PURE__*/React.createElement(Link, {
288
+ href: "#".concat(tab.slug),
289
+ style: {
290
+ color: theme.palette.primary.contrastText,
291
+ textDecoration: "none",
292
+ cursor: "pointer"
293
+ }
289
294
  }, /*#__PURE__*/React.createElement(material.Box, {
290
295
  onClick: handleCloseMobileMenu
291
296
  //sx={{ width: "100%", height: "100%" }}
package/dist/esm/components/PersonaliaSection.js CHANGED
@@ -95,7 +95,8 @@ function PersonaliaSection(_ref) {
95
95
  }), partner.linkedIn && /*#__PURE__*/React__default.createElement(Button, {
96
96
  variant: "outlined",
97
97
  startIcon: /*#__PURE__*/React__default.createElement(LinkedIn, null),
98
- href: partner.linkedIn
98
+ href: partner.linkedIn,
99
+ target: "_blank"
99
100
  }, "LinkedIn"), partner.email && /*#__PURE__*/React__default.createElement(Tooltip, {
100
101
  title: "".concat(partner.email)
101
102
  }, /*#__PURE__*/React__default.createElement(Button, {
package/dist/esm/components/ScrollNavbar.js CHANGED
@@ -11,7 +11,6 @@ import Image from 'next/image';
11
11
  import { useTheme, AppBar, Container, Toolbar, Box, Typography, Button, Tabs, Tab, Dialog, List, ListItem, ListItemText, Divider } from '@mui/material';
12
12
  import CloseIcon from '@mui/icons-material/Close';
13
13
  import MoreVertIcon from '@mui/icons-material/MoreVert';
14
- import ScrollLink from './ScrollLink.js';
15
14
 
16
15
  /* TODO: combine these, and use conf/setting to manipulate how to display */
17
16
 
@@ -53,7 +52,7 @@ function ScrollNavbar(_ref) {
53
52
  minHeight: minHeight
54
53
  }
55
54
  }
56
- }, /*#__PURE__*/React__default.createElement(ScrollLink, {
55
+ }, /*#__PURE__*/React__default.createElement(Link, {
57
56
  href: "#home"
58
57
  }, /*#__PURE__*/React__default.createElement(Box, {
59
58
  sx: {
@@ -103,7 +102,7 @@ function ScrollNavbar(_ref) {
103
102
  alignItems: "center"
104
103
  }
105
104
  }, pages.map(page => {
106
- return /*#__PURE__*/React__default.createElement(ScrollLink, {
105
+ return /*#__PURE__*/React__default.createElement(Link, {
107
106
  key: page.name,
108
107
  href: "#".concat(page.slug)
109
108
  }, /*#__PURE__*/React__default.createElement(Button, {
@@ -132,8 +131,7 @@ function ScrollNavbar(_ref) {
132
131
  return /*#__PURE__*/React__default.createElement(Box, {
133
132
  key: tab.name,
134
133
  onClick: e => setCurrentTab(index)
135
- }, /*#__PURE__*/React__default.createElement(Link
136
- /* {...props} */, {
134
+ }, /*#__PURE__*/React__default.createElement(Link, {
137
135
  href: "/#".concat(tab.slug),
138
136
  style: {
139
137
  color: theme.palette.primary.contrastText,
@@ -147,8 +145,9 @@ function ScrollNavbar(_ref) {
147
145
  }))), /*#__PURE__*/React__default.createElement(Link, {
148
146
  href: "/",
149
147
  style: {
148
+ color: theme.palette.primary.contrastText,
150
149
  textDecoration: "none",
151
- color: "unset"
150
+ cursor: "pointer"
152
151
  }
153
152
  }, /*#__PURE__*/React__default.createElement(Box, {
154
153
  sx: {
@@ -229,8 +228,9 @@ function ScrollNavbar(_ref) {
229
228
  }, /*#__PURE__*/React__default.createElement(Link, {
230
229
  href: "/",
231
230
  style: {
231
+ color: theme.palette.primary.contrastText,
232
232
  textDecoration: "none",
233
- color: "unset"
233
+ cursor: "pointer"
234
234
  }
235
235
  }, /*#__PURE__*/React__default.createElement(Box, {
236
236
  sx: {
@@ -280,8 +280,13 @@ function ScrollNavbar(_ref) {
280
280
  }))))), tabs && tabs.length > 0 && /*#__PURE__*/React__default.createElement(List, null, tabs.map(tab => {
281
281
  return /*#__PURE__*/React__default.createElement(Fragment, {
282
282
  key: tab.name
283
- }, /*#__PURE__*/React__default.createElement(ScrollLink, {
284
- href: "#".concat(tab.slug)
283
+ }, /*#__PURE__*/React__default.createElement(Link, {
284
+ href: "#".concat(tab.slug),
285
+ style: {
286
+ color: theme.palette.primary.contrastText,
287
+ textDecoration: "none",
288
+ cursor: "pointer"
289
+ }
285
290
  }, /*#__PURE__*/React__default.createElement(Box, {
286
291
  onClick: handleCloseMobileMenu
287
292
  //sx={{ width: "100%", height: "100%" }}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "umwd-components",
3
- "version": "0.1.147",
3
+ "version": "0.1.149",
4
4
  "description": "UMWD Component library",
5
5
  "main": "dist/cjs/index.js",
6
6
  "module": "dist/esm/index.js",
package/src/components/PersonaliaSection.tsx CHANGED
@@ -131,6 +131,7 @@ export function PersonaliaSection({
131
131
  variant="outlined"
132
132
  startIcon={<LinkedIn />}
133
133
  href={partner.linkedIn}
134
+ target="_blank"
134
135
  >
135
136
  LinkedIn
136
137
  </Button>
package/src/components/ScrollNavbar.tsx CHANGED
@@ -21,7 +21,6 @@ import {
21
21
  } from "@mui/material";
22
22
  import CloseIcon from "@mui/icons-material/Close";
23
23
  import MoreVertIcon from "@mui/icons-material/MoreVert";
24
- import ScrollLink from "./ScrollLink.tsx";
25
24
  import { type ReactNode } from "react";
26
25
  import { SxProps, Theme } from "@mui/material/styles";
27
26
 
@@ -91,7 +90,7 @@ function ScrollNavbar({ data }: { readonly data: NavbarProps }) {
91
90
  }}
92
91
  >
93
92
  {/* logo and site title for big screens */}
94
- <ScrollLink href={`#home`}>
93
+ <Link href={`#home`}>
95
94
  <Box
96
95
  sx={{
97
96
  display: { xs: "none", md: "flex" },
@@ -132,7 +131,7 @@ function ScrollNavbar({ data }: { readonly data: NavbarProps }) {
132
131
  </>
133
132
  )}
134
133
  </Box>
135
- </ScrollLink>
134
+ </Link>
136
135
 
137
136
  <Box
138
137
  sx={{
@@ -152,7 +151,7 @@ function ScrollNavbar({ data }: { readonly data: NavbarProps }) {
152
151
  >
153
152
  {pages.map((page: Page) => {
154
153
  return (
155
- <ScrollLink key={page.name} href={`#${page.slug}`}>
154
+ <Link key={page.name} href={`#${page.slug}`}>
156
155
  <Button
157
156
  sx={{
158
157
  my: 2,
@@ -162,7 +161,7 @@ function ScrollNavbar({ data }: { readonly data: NavbarProps }) {
162
161
  >
163
162
  {page.name}
164
163
  </Button>
165
- </ScrollLink>
164
+ </Link>
166
165
  );
167
166
  })}
168
167
  </Box>
@@ -188,7 +187,6 @@ function ScrollNavbar({ data }: { readonly data: NavbarProps }) {
188
187
  return (
189
188
  <Box key={tab.name} onClick={(e) => setCurrentTab(index)}>
190
189
  <Link
191
- /* {...props} */
192
190
  href={`/#${tab.slug}`}
193
191
  style={{
194
192
  color: theme.palette.primary.contrastText,
@@ -198,13 +196,6 @@ function ScrollNavbar({ data }: { readonly data: NavbarProps }) {
198
196
  >
199
197
  <Tab value={index} label={tab.name} />
200
198
  </Link>
201
- {/* <ScrollLink
202
- key={tab.name}
203
- href={`#${tab.slug}`}
204
- style={{ display: "block", height: "100%" }}
205
- >
206
- <Tab value={index} label={tab.name} />
207
- </ScrollLink> */}
208
199
  </Box>
209
200
  );
210
201
  })}
@@ -213,7 +204,14 @@ function ScrollNavbar({ data }: { readonly data: NavbarProps }) {
213
204
  )}
214
205
 
215
206
  {/* small screen logo and site title */}
216
- <Link href="/" style={{ textDecoration: "none", color: "unset" }}>
207
+ <Link
208
+ href="/"
209
+ style={{
210
+ color: theme.palette.primary.contrastText,
211
+ textDecoration: "none",
212
+ cursor: "pointer",
213
+ }}
214
+ >
217
215
  <Box
218
216
  sx={{ display: { xs: "flex", md: "none" }, alignItems: "center" }}
219
217
  >
@@ -277,7 +275,11 @@ function ScrollNavbar({ data }: { readonly data: NavbarProps }) {
277
275
  >
278
276
  <Link
279
277
  href="/"
280
- style={{ textDecoration: "none", color: "unset" }}
278
+ style={{
279
+ color: theme.palette.primary.contrastText,
280
+ textDecoration: "none",
281
+ cursor: "pointer",
282
+ }}
281
283
  >
282
284
  <Box
283
285
  sx={{
@@ -336,7 +338,14 @@ function ScrollNavbar({ data }: { readonly data: NavbarProps }) {
336
338
  {tabs.map((tab: TabInfo) => {
337
339
  return (
338
340
  <Fragment key={tab.name}>
339
- <ScrollLink href={`#${tab.slug}`}>
341
+ <Link
342
+ href={`#${tab.slug}`}
343
+ style={{
344
+ color: theme.palette.primary.contrastText,
345
+ textDecoration: "none",
346
+ cursor: "pointer",
347
+ }}
348
+ >
340
349
  <Box
341
350
  onClick={handleCloseMobileMenu}
342
351
  //sx={{ width: "100%", height: "100%" }}
@@ -345,34 +354,13 @@ function ScrollNavbar({ data }: { readonly data: NavbarProps }) {
345
354
  <ListItemText primary={tab.name} />
346
355
  </ListItem>
347
356
  </Box>
348
- </ScrollLink>
357
+ </Link>
349
358
  <Divider />
350
359
  </Fragment>
351
360
  );
352
361
  })}
353
362
  </List>
354
363
  )}
355
- {/* {pages && pages.length > 0 && (
356
- <List>
357
- {pages.map((page: Page) => {
358
- return (
359
- <Fragment key={page.name}>
360
- <ScrollLink href={`#${page.slug}`}>
361
- <ListItem
362
- // onClick={() => {
363
- // router.push(page.url);
364
- // handleCloseMobileMenu();
365
- //}}
366
- >
367
- <ListItemText primary={page.name} />
368
- </ListItem>
369
- </ScrollLink>
370
- <Divider />
371
- </Fragment>
372
- );
373
- })}
374
- </List>
375
- )} */}
376
364
  </Dialog>
377
365
  </Box>
378
366
  </Toolbar>