umwd-components 0.1.122 → 0.1.124

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/ScrollNavbar.js +7 -7
  2. package/dist/esm/components/ScrollNavbar.js +7 -7
  3. package/package.json +1 -1
  4. package/src/components/ScrollNavbar.tsx +15 -13
package/dist/cjs/components/ScrollNavbar.js CHANGED
@@ -33,7 +33,7 @@ function ScrollNavbar(_ref) {
33
33
  minHeight
34
34
  } = data;
35
35
  const [mobileNavOpen, setMobileNavOpen] = React.useState(false);
36
- const [currentTab, setCurrentTab] = React.useState(((_tabs$ = tabs[0]) === null || _tabs$ === void 0 ? void 0 : _tabs$.name) || "");
36
+ const [currentTab, setCurrentTab] = React.useState(tabs ? (_tabs$ = tabs[0]) === null || _tabs$ === void 0 ? void 0 : _tabs$.name : "");
37
37
  const handleOpenMobileMenu = () => {
38
38
  setMobileNavOpen(true);
39
39
  };
@@ -63,7 +63,7 @@ function ScrollNavbar(_ref) {
63
63
  }
64
64
  }
65
65
  }, /*#__PURE__*/React.createElement(ScrollLink.default, {
66
- href: "home"
66
+ href: "#home"
67
67
  }, /*#__PURE__*/React.createElement(material.Box, {
68
68
  sx: {
69
69
  display: {
@@ -73,7 +73,7 @@ function ScrollNavbar(_ref) {
73
73
  cursor: "pointer",
74
74
  alignItems: "center"
75
75
  }
76
- }, /*#__PURE__*/React.createElement(Image, {
76
+ }, logo.url !== undefined && /*#__PURE__*/React.createElement(Image, {
77
77
  src: logo.url,
78
78
  width: logo.width,
79
79
  height: logo.height,
@@ -106,7 +106,7 @@ function ScrollNavbar(_ref) {
106
106
  }, pages.map(page => {
107
107
  return /*#__PURE__*/React.createElement(ScrollLink.default, {
108
108
  key: page.name,
109
- href: page.slug
109
+ href: "#".concat(page.slug)
110
110
  }, /*#__PURE__*/React.createElement(material.Button
111
111
  /* onClick={() => {
112
112
  router.push(page.url);
@@ -135,7 +135,7 @@ function ScrollNavbar(_ref) {
135
135
  }, tabs.length > 0 && tabs.map(tab => {
136
136
  return /*#__PURE__*/React.createElement(ScrollLink.default, {
137
137
  key: tab.name,
138
- href: tab.slug
138
+ href: "#".concat(tab.slug)
139
139
  }, /*#__PURE__*/React.createElement(material.Tab, {
140
140
  value: tab.name,
141
141
  label: tab.name
@@ -160,7 +160,7 @@ function ScrollNavbar(_ref) {
160
160
  },
161
161
  alignItems: "center"
162
162
  }
163
- }, logo.url !== undefined && /*#__PURE__*/React.createElement(material.Box, {
163
+ }, (logo === null || logo === void 0 ? void 0 : logo.url) !== undefined && /*#__PURE__*/React.createElement(material.Box, {
164
164
  sx: {
165
165
  display: "flex",
166
166
  mr: 1
@@ -280,7 +280,7 @@ function ScrollNavbar(_ref) {
280
280
  }))))), pages && pages.length > 0 && /*#__PURE__*/React.createElement(material.List, null, pages.map(page => {
281
281
  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(ScrollLink.default, {
282
282
  key: page.name,
283
- href: page.slug
283
+ href: "#".concat(page.slug)
284
284
  }, /*#__PURE__*/React.createElement(material.ListItem
285
285
  /* onClick={() => {
286
286
  router.push(page.url);
package/dist/esm/components/ScrollNavbar.js CHANGED
@@ -29,7 +29,7 @@ function ScrollNavbar(_ref) {
29
29
  minHeight
30
30
  } = data;
31
31
  const [mobileNavOpen, setMobileNavOpen] = useState(false);
32
- const [currentTab, setCurrentTab] = useState(((_tabs$ = tabs[0]) === null || _tabs$ === void 0 ? void 0 : _tabs$.name) || "");
32
+ const [currentTab, setCurrentTab] = useState(tabs ? (_tabs$ = tabs[0]) === null || _tabs$ === void 0 ? void 0 : _tabs$.name : "");
33
33
  const handleOpenMobileMenu = () => {
34
34
  setMobileNavOpen(true);
35
35
  };
@@ -59,7 +59,7 @@ function ScrollNavbar(_ref) {
59
59
  }
60
60
  }
61
61
  }, /*#__PURE__*/React__default.createElement(ScrollLink, {
62
- href: "home"
62
+ href: "#home"
63
63
  }, /*#__PURE__*/React__default.createElement(Box, {
64
64
  sx: {
65
65
  display: {
@@ -69,7 +69,7 @@ function ScrollNavbar(_ref) {
69
69
  cursor: "pointer",
70
70
  alignItems: "center"
71
71
  }
72
- }, /*#__PURE__*/React__default.createElement(Image, {
72
+ }, logo.url !== undefined && /*#__PURE__*/React__default.createElement(Image, {
73
73
  src: logo.url,
74
74
  width: logo.width,
75
75
  height: logo.height,
@@ -102,7 +102,7 @@ function ScrollNavbar(_ref) {
102
102
  }, pages.map(page => {
103
103
  return /*#__PURE__*/React__default.createElement(ScrollLink, {
104
104
  key: page.name,
105
- href: page.slug
105
+ href: "#".concat(page.slug)
106
106
  }, /*#__PURE__*/React__default.createElement(Button
107
107
  /* onClick={() => {
108
108
  router.push(page.url);
@@ -131,7 +131,7 @@ function ScrollNavbar(_ref) {
131
131
  }, tabs.length > 0 && tabs.map(tab => {
132
132
  return /*#__PURE__*/React__default.createElement(ScrollLink, {
133
133
  key: tab.name,
134
- href: tab.slug
134
+ href: "#".concat(tab.slug)
135
135
  }, /*#__PURE__*/React__default.createElement(Tab, {
136
136
  value: tab.name,
137
137
  label: tab.name
@@ -156,7 +156,7 @@ function ScrollNavbar(_ref) {
156
156
  },
157
157
  alignItems: "center"
158
158
  }
159
- }, logo.url !== undefined && /*#__PURE__*/React__default.createElement(Box, {
159
+ }, (logo === null || logo === void 0 ? void 0 : logo.url) !== undefined && /*#__PURE__*/React__default.createElement(Box, {
160
160
  sx: {
161
161
  display: "flex",
162
162
  mr: 1
@@ -276,7 +276,7 @@ function ScrollNavbar(_ref) {
276
276
  }))))), pages && pages.length > 0 && /*#__PURE__*/React__default.createElement(List, null, pages.map(page => {
277
277
  return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(ScrollLink, {
278
278
  key: page.name,
279
- href: page.slug
279
+ href: "#".concat(page.slug)
280
280
  }, /*#__PURE__*/React__default.createElement(ListItem
281
281
  /* onClick={() => {
282
282
  router.push(page.url);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "umwd-components",
3
- "version": "0.1.122",
3
+ "version": "0.1.124",
4
4
  "description": "UMWD Component library",
5
5
  "main": "dist/cjs/index.js",
6
6
  "module": "dist/esm/index.js",
package/src/components/ScrollNavbar.tsx CHANGED
@@ -61,7 +61,7 @@ function ScrollNavbar({ data }: { readonly data: NavbarProps }) {
61
61
  const { site_title, logo, pages, tabs, maxWidth, minHeight } = data;
62
62
 
63
63
  const [mobileNavOpen, setMobileNavOpen] = useState(false);
64
- const [currentTab, setCurrentTab] = useState(tabs[0]?.name || "");
64
+ const [currentTab, setCurrentTab] = useState(tabs ? tabs[0]?.name : "");
65
65
 
66
66
  const handleOpenMobileMenu = () => {
67
67
  setMobileNavOpen(true);
@@ -96,7 +96,7 @@ function ScrollNavbar({ data }: { readonly data: NavbarProps }) {
96
96
  >
97
97
  {/* logo and site title for big screens */}
98
98
  {/* <Link href="/" style={{ textDecoration: "none", color: "unset" }}> */}
99
- <ScrollLink href={"home"}>
99
+ <ScrollLink href={`#home`}>
100
100
  <Box
101
101
  sx={{
102
102
  display: { xs: "none", md: "flex" },
@@ -104,13 +104,15 @@ function ScrollNavbar({ data }: { readonly data: NavbarProps }) {
104
104
  alignItems: "center",
105
105
  }}
106
106
  >
107
- <Image
108
- src={logo.url}
109
- width={logo.width}
110
- height={logo.height}
111
- alt={logo.alternativeText || "site logo"}
112
- style={{ maxHeight: "50px" }}
113
- />
107
+ {logo.url !== undefined && (
108
+ <Image
109
+ src={logo.url}
110
+ width={logo.width}
111
+ height={logo.height}
112
+ alt={logo.alternativeText || "site logo"}
113
+ style={{ maxHeight: "50px" }}
114
+ />
115
+ )}
114
116
  {site_title !== undefined && (
115
117
  <Typography
116
118
  variant="h6"
@@ -141,7 +143,7 @@ function ScrollNavbar({ data }: { readonly data: NavbarProps }) {
141
143
  >
142
144
  {pages.map((page: Page) => {
143
145
  return (
144
- <ScrollLink key={page.name} href={page.slug}>
146
+ <ScrollLink key={page.name} href={`#${page.slug}`}>
145
147
  <Button
146
148
  /* onClick={() => {
147
149
  router.push(page.url);
@@ -179,7 +181,7 @@ function ScrollNavbar({ data }: { readonly data: NavbarProps }) {
179
181
  {tabs.length > 0 &&
180
182
  tabs.map((tab: TabInfo) => {
181
183
  return (
182
- <ScrollLink key={tab.name} href={tab.slug}>
184
+ <ScrollLink key={tab.name} href={`#${tab.slug}`}>
183
185
  <Tab
184
186
  value={tab.name}
185
187
  label={tab.name}
@@ -200,7 +202,7 @@ function ScrollNavbar({ data }: { readonly data: NavbarProps }) {
200
202
  <Box
201
203
  sx={{ display: { xs: "flex", md: "none" }, alignItems: "center" }}
202
204
  >
203
- {logo.url !== undefined && (
205
+ {logo?.url !== undefined && (
204
206
  <Box sx={{ display: "flex", mr: 1 }}>
205
207
  <img
206
208
  src={logo.url}
@@ -315,7 +317,7 @@ function ScrollNavbar({ data }: { readonly data: NavbarProps }) {
315
317
  {pages.map((page: Page) => {
316
318
  return (
317
319
  <>
318
- <ScrollLink key={page.name} href={page.slug}>
320
+ <ScrollLink key={page.name} href={`#${page.slug}`}>
319
321
  <ListItem
320
322
  /* onClick={() => {
321
323
  router.push(page.url);