@tanstack/solid-router 1.114.12 → 1.114.15
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/cjs/ScrollRestoration.cjs +5 -5
- package/dist/cjs/ScrollRestoration.cjs.map +1 -1
- package/dist/cjs/ScrollRestoration.d.cts +4 -5
- package/dist/cjs/router.cjs +1 -2
- package/dist/cjs/router.cjs.map +1 -1
- package/dist/cjs/scroll-restoration.cjs +3 -168
- package/dist/cjs/scroll-restoration.cjs.map +1 -1
- package/dist/cjs/scroll-restoration.d.cts +0 -27
- package/dist/esm/ScrollRestoration.d.ts +4 -5
- package/dist/esm/ScrollRestoration.js +2 -2
- package/dist/esm/ScrollRestoration.js.map +1 -1
- package/dist/esm/router.js +1 -2
- package/dist/esm/router.js.map +1 -1
- package/dist/esm/scroll-restoration.d.ts +0 -27
- package/dist/esm/scroll-restoration.js +2 -167
- package/dist/esm/scroll-restoration.js.map +1 -1
- package/dist/source/ScrollRestoration.d.ts +4 -5
- package/dist/source/ScrollRestoration.jsx +3 -2
- package/dist/source/ScrollRestoration.jsx.map +1 -1
- package/dist/source/router.js +1 -2
- package/dist/source/router.js.map +1 -1
- package/dist/source/scroll-restoration.d.ts +0 -27
- package/dist/source/scroll-restoration.jsx +1 -235
- package/dist/source/scroll-restoration.jsx.map +1 -1
- package/package.json +2 -2
- package/src/ScrollRestoration.tsx +12 -8
- package/src/router.ts +1 -1
- package/src/scroll-restoration.tsx +5 -322
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
3
|
+
const routerCore = require("@tanstack/router-core");
|
|
3
4
|
const useRouter = require("./useRouter.cjs");
|
|
4
|
-
const scrollRestoration = require("./scroll-restoration.cjs");
|
|
5
5
|
function useScrollRestoration() {
|
|
6
6
|
const router = useRouter.useRouter();
|
|
7
|
-
|
|
7
|
+
routerCore.setupScrollRestoration(router, true);
|
|
8
8
|
}
|
|
9
9
|
function ScrollRestoration(_props) {
|
|
10
10
|
useScrollRestoration();
|
|
@@ -17,7 +17,7 @@ function useElementScrollRestoration(options) {
|
|
|
17
17
|
var _a;
|
|
18
18
|
useScrollRestoration();
|
|
19
19
|
const router = useRouter.useRouter();
|
|
20
|
-
const getKey = options.getKey ||
|
|
20
|
+
const getKey = options.getKey || routerCore.defaultGetScrollRestorationKey;
|
|
21
21
|
let elementSelector = "";
|
|
22
22
|
if (options.id) {
|
|
23
23
|
elementSelector = `[data-scroll-restoration-id="${options.id}"]`;
|
|
@@ -26,10 +26,10 @@ function useElementScrollRestoration(options) {
|
|
|
26
26
|
if (!element) {
|
|
27
27
|
return;
|
|
28
28
|
}
|
|
29
|
-
elementSelector =
|
|
29
|
+
elementSelector = element instanceof Window ? "window" : routerCore.getCssSelector(element);
|
|
30
30
|
}
|
|
31
31
|
const restoreKey = getKey(router.latestLocation);
|
|
32
|
-
const byKey =
|
|
32
|
+
const byKey = routerCore.scrollRestorationCache.state[restoreKey];
|
|
33
33
|
return byKey == null ? void 0 : byKey[elementSelector];
|
|
34
34
|
}
|
|
35
35
|
exports.ScrollRestoration = ScrollRestoration;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ScrollRestoration.cjs","sources":["../../src/ScrollRestoration.tsx"],"sourcesContent":["import {
|
|
1
|
+
{"version":3,"file":"ScrollRestoration.cjs","sources":["../../src/ScrollRestoration.tsx"],"sourcesContent":["import {\n defaultGetScrollRestorationKey,\n getCssSelector,\n scrollRestorationCache,\n setupScrollRestoration,\n} from '@tanstack/router-core'\nimport { useRouter } from './useRouter'\nimport type {\n ParsedLocation,\n ScrollRestorationEntry,\n ScrollRestorationOptions,\n} from '@tanstack/router-core'\n\nfunction useScrollRestoration() {\n const router = useRouter()\n setupScrollRestoration(router, true)\n}\n\n/**\n * @deprecated use createRouter's `scrollRestoration` option instead\n */\nexport function ScrollRestoration(_props: ScrollRestorationOptions) {\n useScrollRestoration()\n\n if (process.env.NODE_ENV === 'development') {\n console.warn(\n \"The ScrollRestoration component is deprecated. Use createRouter's `scrollRestoration` option instead.\",\n )\n }\n\n return null\n}\n\nexport function useElementScrollRestoration(\n options: (\n | {\n id: string\n getElement?: () => Window | Element | undefined | null\n }\n | {\n id?: string\n getElement: () => Window | Element | undefined | null\n }\n ) & {\n getKey?: (location: ParsedLocation) => string\n },\n): ScrollRestorationEntry | undefined {\n useScrollRestoration()\n\n const router = useRouter()\n const getKey = options.getKey || defaultGetScrollRestorationKey\n\n let elementSelector = ''\n\n if (options.id) {\n elementSelector = `[data-scroll-restoration-id=\"${options.id}\"]`\n } else {\n const element = options.getElement?.()\n if (!element) {\n return\n }\n elementSelector =\n element instanceof Window ? 'window' : getCssSelector(element)\n }\n\n const restoreKey = getKey(router.latestLocation)\n const byKey = scrollRestorationCache.state[restoreKey]\n return byKey?.[elementSelector]\n}\n"],"names":["useScrollRestoration","router","useRouter","setupScrollRestoration","ScrollRestoration","_props","process","env","NODE_ENV","console","warn","useElementScrollRestoration","options","getKey","defaultGetScrollRestorationKey","elementSelector","id","element","getElement","Window","getCssSelector","restoreKey","latestLocation","byKey","scrollRestorationCache","state"],"mappings":";;;;AAaA,SAASA,uBAAuB;AAC9B,QAAMC,SAASC,UAAAA,UAAU;AACzBC,aAAAA,uBAAuBF,QAAQ,IAAI;AACrC;AAKO,SAASG,kBAAkBC,QAAkC;AAC7C,uBAAA;AAEjBC,MAAAA,QAAQC,IAAIC,aAAa,eAAe;AAC1CC,YAAQC,KACN,uGACF;AAAA,EAAA;AAGK,SAAA;AACT;AAEO,SAASC,4BACdC,SAYoC;;AACf,uBAAA;AAErB,QAAMX,SAASC,UAAAA,UAAU;AACnBW,QAAAA,SAASD,QAAQC,UAAUC,WAAAA;AAEjC,MAAIC,kBAAkB;AAEtB,MAAIH,QAAQI,IAAI;AACI,sBAAA,gCAAgCJ,QAAQI,EAAE;AAAA,EAAA,OACvD;AACCC,UAAAA,WAAUL,aAAQM,eAARN;AAChB,QAAI,CAACK,SAAS;AACZ;AAAA,IAAA;AAEFF,sBACEE,mBAAmBE,SAAS,WAAWC,WAAAA,eAAeH,OAAO;AAAA,EAAA;AAG3DI,QAAAA,aAAaR,OAAOZ,OAAOqB,cAAc;AACzCC,QAAAA,QAAQC,WAAAA,uBAAuBC,MAAMJ,UAAU;AACrD,SAAOE,+BAAQR;AACjB;;;"}
|
|
@@ -1,15 +1,14 @@
|
|
|
1
|
-
import { ScrollRestorationOptions } from '
|
|
2
|
-
import { ParsedLocation } from '@tanstack/router-core';
|
|
1
|
+
import { ParsedLocation, ScrollRestorationEntry, ScrollRestorationOptions } from '@tanstack/router-core';
|
|
3
2
|
/**
|
|
4
3
|
* @deprecated use createRouter's `scrollRestoration` option instead
|
|
5
4
|
*/
|
|
6
5
|
export declare function ScrollRestoration(_props: ScrollRestorationOptions): null;
|
|
7
6
|
export declare function useElementScrollRestoration(options: ({
|
|
8
7
|
id: string;
|
|
9
|
-
getElement?: () => Element | undefined | null;
|
|
8
|
+
getElement?: () => Window | Element | undefined | null;
|
|
10
9
|
} | {
|
|
11
10
|
id?: string;
|
|
12
|
-
getElement: () => Element | undefined | null;
|
|
11
|
+
getElement: () => Window | Element | undefined | null;
|
|
13
12
|
}) & {
|
|
14
13
|
getKey?: (location: ParsedLocation) => string;
|
|
15
|
-
}):
|
|
14
|
+
}): ScrollRestorationEntry | undefined;
|
package/dist/cjs/router.cjs
CHANGED
|
@@ -4,7 +4,6 @@ const history = require("@tanstack/history");
|
|
|
4
4
|
const solidStore = require("@tanstack/solid-store");
|
|
5
5
|
const invariant = require("tiny-invariant");
|
|
6
6
|
const routerCore = require("@tanstack/router-core");
|
|
7
|
-
const scrollRestoration = require("./scroll-restoration.cjs");
|
|
8
7
|
const componentTypes = [
|
|
9
8
|
"component",
|
|
10
9
|
"errorComponent",
|
|
@@ -105,7 +104,7 @@ class Router {
|
|
|
105
104
|
};
|
|
106
105
|
}
|
|
107
106
|
});
|
|
108
|
-
|
|
107
|
+
routerCore.setupScrollRestoration(this);
|
|
109
108
|
}
|
|
110
109
|
if (typeof window !== "undefined" && "CSS" in window && typeof ((_a = window.CSS) == null ? void 0 : _a.supports) === "function") {
|
|
111
110
|
this.isViewTransitionTypesSupported = window.CSS.supports(
|