solid-navigator 0.2.0 → 0.2.1

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.
package/dist/dev.js CHANGED
@@ -140,8 +140,8 @@ function Router(props) {
140
140
  setHashAndSearch(getHashAndSearch());
141
141
  };
142
142
  const onClick = (event) => {
143
- const target = event.target;
144
- if (target.tagName !== "A")
143
+ const target = event.composedPath().find((el) => el instanceof Node && el.nodeName.toUpperCase() === "A");
144
+ if (target?.tagName !== "A")
145
145
  return;
146
146
  if (!target.hasAttribute("sn-link"))
147
147
  return;
package/dist/dev.jsx CHANGED
@@ -147,8 +147,8 @@ function Router(props) {
147
147
  setHashAndSearch(getHashAndSearch());
148
148
  };
149
149
  const onClick = (event) => {
150
- const target = event.target;
151
- if (target.tagName !== "A")
150
+ const target = event.composedPath().find((el) => el instanceof Node && el.nodeName.toUpperCase() === "A");
151
+ if (target?.tagName !== "A")
152
152
  return;
153
153
  if (!target.hasAttribute("sn-link"))
154
154
  return;
@@ -167,7 +167,17 @@ function Router(props) {
167
167
  });
168
168
  });
169
169
  return <RouterContext.Provider
170
- value={{ routes, matched, navigate, params, location: loc, setHashAndSearch, setPathname, setQuery, query }}
170
+ value={{
171
+ routes,
172
+ matched,
173
+ navigate,
174
+ params,
175
+ location: loc,
176
+ setHashAndSearch,
177
+ setPathname,
178
+ setQuery,
179
+ query
180
+ }}
171
181
  >{props.root?.()}</RouterContext.Provider>;
172
182
  }
173
183
  var useRouterContext = () => {
@@ -271,7 +281,6 @@ var useSearchParams = () => {
271
281
  context.setQuery(reconcile3(query));
272
282
  const url = new URL(window.location.href);
273
283
  const newSearch = new URLSearchParams(context.query);
274
- ;
275
284
  url.search = newSearch.toString();
276
285
  navigate(url.pathname + url.search + url.hash);
277
286
  };
package/dist/index.js CHANGED
@@ -140,8 +140,8 @@ function Router(props) {
140
140
  setHashAndSearch(getHashAndSearch());
141
141
  };
142
142
  const onClick = (event) => {
143
- const target = event.target;
144
- if (target.tagName !== "A")
143
+ const target = event.composedPath().find((el) => el instanceof Node && el.nodeName.toUpperCase() === "A");
144
+ if (target?.tagName !== "A")
145
145
  return;
146
146
  if (!target.hasAttribute("sn-link"))
147
147
  return;
package/dist/index.jsx CHANGED
@@ -147,8 +147,8 @@ function Router(props) {
147
147
  setHashAndSearch(getHashAndSearch());
148
148
  };
149
149
  const onClick = (event) => {
150
- const target = event.target;
151
- if (target.tagName !== "A")
150
+ const target = event.composedPath().find((el) => el instanceof Node && el.nodeName.toUpperCase() === "A");
151
+ if (target?.tagName !== "A")
152
152
  return;
153
153
  if (!target.hasAttribute("sn-link"))
154
154
  return;
@@ -167,7 +167,17 @@ function Router(props) {
167
167
  });
168
168
  });
169
169
  return <RouterContext.Provider
170
- value={{ routes, matched, navigate, params, location: loc, setHashAndSearch, setPathname, setQuery, query }}
170
+ value={{
171
+ routes,
172
+ matched,
173
+ navigate,
174
+ params,
175
+ location: loc,
176
+ setHashAndSearch,
177
+ setPathname,
178
+ setQuery,
179
+ query
180
+ }}
171
181
  >{props.root?.()}</RouterContext.Provider>;
172
182
  }
173
183
  var useRouterContext = () => {
@@ -270,7 +280,6 @@ var useSearchParams = () => {
270
280
  context.setQuery(reconcile3(query));
271
281
  const url = new URL(window.location.href);
272
282
  const newSearch = new URLSearchParams(context.query);
273
- ;
274
283
  url.search = newSearch.toString();
275
284
  navigate(url.pathname + url.search + url.hash);
276
285
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "solid-navigator",
3
- "version": "0.2.0",
3
+ "version": "0.2.1",
4
4
  "description": "Solid Navigator is a library that is inspired by vue router and solid router.",
5
5
  "license": "MIT",
6
6
  "author": "SupertigerDev",