mobx-route 0.15.0 → 0.16.1

package/react/index.cjs

@@ -0,0 +1,17 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./components/index.cjs"), exports);

package/react/index.d.cts

@@ -0,0 +1,2 @@
+export * from "./components/index.cjs";
+//# sourceMappingURL=index.d.ts.map

package/react/index.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/react/index.ts"],"names":[],"mappings":"AAAA,uCAAsC"}

package/react/index.d.ts

@@ -1,2 +1,2 @@
-export * from './components/index.js';
+export * from "./components/index.js";
 //# sourceMappingURL=index.d.ts.map

package/react/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/react/index.ts"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/react/index.ts"],"names":[],"mappings":"AAAA,sCAAsC"}

package/react/index.js

@@ -1 +1 @@
-export * from './components/index.js';
+export * from "./components/index.js";

package/view-model/index.cjs

@@ -0,0 +1,17 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./route-view-model.cjs"), exports);

package/view-model/index.d.cts

@@ -0,0 +1,2 @@
+export * from "./route-view-model.cjs";
+//# sourceMappingURL=index.d.ts.map

package/view-model/index.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/view-model/index.ts"],"names":[],"mappings":"AAAA,uCAAsC"}

package/view-model/index.d.ts

@@ -1,2 +1,2 @@
-export * from './route-view-model.js';
+export * from "./route-view-model.js";
 //# sourceMappingURL=index.d.ts.map

package/view-model/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/view-model/index.ts"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/view-model/index.ts"],"names":[],"mappings":"AAAA,sCAAsC"}

package/view-model/index.js

@@ -1 +1 @@
-export * from './route-view-model.js';
+export * from "./route-view-model.js";

package/view-model/route-view-model.cjs

@@ -0,0 +1,37 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.RouteViewModel = void 0;
+const mobx_1 = require("mobx");
+const mobx_view_model_1 = require("mobx-view-model");
+const index_js_1 = require("../core/index.cjs");
+class RouteViewModel extends mobx_view_model_1.ViewModelBase {
+    constructor(params) {
+        super(params);
+        (0, mobx_view_model_1.applyObservable)(this, [
+            ['pathParams', mobx_1.computed.struct],
+            ['query', mobx_1.computed],
+        ], this.vmConfig.observable.viewModelStores);
+    }
+    get payload() {
+        if (this.route instanceof index_js_1.Route) {
+            return this.route.params || {};
+        }
+        if (this.route instanceof index_js_1.VirtualRoute) {
+            return this.route.params;
+        }
+        return {};
+    }
+    get query() {
+        if ('query' in this.route) {
+            return this.route.query;
+        }
+        return index_js_1.routeConfig.get().queryParams;
+    }
+    get pathParams() {
+        return this.payload;
+    }
+    get isMounted() {
+        return super.isMounted && this.route.isOpened;
+    }
+}
+exports.RouteViewModel = RouteViewModel;

package/view-model/route-view-model.d.cts

@@ -0,0 +1,13 @@
+import type { IQueryParams } from 'mobx-location-history';
+import { ViewModelBase, type ViewModelParams } from 'mobx-view-model';
+import type { EmptyObject } from 'yummies/utils/types';
+import { type AnyAbstractRouteEntity, type RouteParams } from "../core/index.cjs";
+export declare abstract class RouteViewModel<TRoute extends AnyAbstractRouteEntity = AnyAbstractRouteEntity> extends ViewModelBase<EmptyObject> {
+    abstract readonly route: TRoute;
+    constructor(params: ViewModelParams<EmptyObject, any>);
+    get payload(): RouteParams<TRoute>;
+    get query(): IQueryParams;
+    get pathParams(): RouteParams<TRoute>;
+    get isMounted(): boolean;
+}
+//# sourceMappingURL=route-view-model.d.ts.map

package/view-model/route-view-model.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"route-view-model.d.ts","sourceRoot":"","sources":["../../src/view-model/route-view-model.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAC1D,OAAO,EAEL,aAAa,EACb,KAAK,eAAe,EACrB,MAAM,iBAAiB,CAAC;AACzB,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAEvD,OAAO,EACL,KAAK,sBAAsB,EAE3B,KAAK,WAAW,EAGjB,0BAAyB;AAE1B,8BAAsB,cAAc,CAClC,MAAM,SAAS,sBAAsB,GAAG,sBAAsB,CAC9D,SAAQ,aAAa,CAAC,WAAW,CAAC;IAClC,QAAQ,CAAC,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;gBAEpB,MAAM,EAAE,eAAe,CAAC,WAAW,EAAE,GAAG,CAAC;IAarD,IAAa,OAAO,IAAI,WAAW,CAAC,MAAM,CAAC,CAU1C;IAED,IAAI,KAAK,IAAI,YAAY,CAMxB;IAED,IAAI,UAAU,wBAEb;IAED,IAAI,SAAS,YAEZ;CACF"}

package/view-model/route-view-model.d.ts

@@ -1,7 +1,7 @@
 import type { IQueryParams } from 'mobx-location-history';
 import { ViewModelBase, type ViewModelParams } from 'mobx-view-model';
 import type { EmptyObject } from 'yummies/utils/types';
-import { type AnyAbstractRouteEntity, type RouteParams } from '../core/index.js';
+import { type AnyAbstractRouteEntity, type RouteParams } from "../core/index.js";
 export declare abstract class RouteViewModel<TRoute extends AnyAbstractRouteEntity = AnyAbstractRouteEntity> extends ViewModelBase<EmptyObject> {
     abstract readonly route: TRoute;
     constructor(params: ViewModelParams<EmptyObject, any>);

package/view-model/route-view-model.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"route-view-model.d.ts","sourceRoot":"","sources":["../../src/view-model/route-view-model.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAC1D,OAAO,EAEL,aAAa,EACb,KAAK,eAAe,EACrB,MAAM,iBAAiB,CAAC;AACzB,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAEvD,OAAO,EACL,KAAK,sBAAsB,EAE3B,KAAK,WAAW,EAGjB,MAAM,kBAAkB,CAAC;AAE1B,8BAAsB,cAAc,CAClC,MAAM,SAAS,sBAAsB,GAAG,sBAAsB,CAC9D,SAAQ,aAAa,CAAC,WAAW,CAAC;IAClC,QAAQ,CAAC,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;gBAEpB,MAAM,EAAE,eAAe,CAAC,WAAW,EAAE,GAAG,CAAC;IAarD,IAAa,OAAO,IAAI,WAAW,CAAC,MAAM,CAAC,CAU1C;IAED,IAAI,KAAK,IAAI,YAAY,CAMxB;IAED,IAAI,UAAU,wBAEb;IAED,IAAI,SAAS,YAEZ;CACF"}
+{"version":3,"file":"route-view-model.d.ts","sourceRoot":"","sources":["../../src/view-model/route-view-model.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAC1D,OAAO,EAEL,aAAa,EACb,KAAK,eAAe,EACrB,MAAM,iBAAiB,CAAC;AACzB,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAEvD,OAAO,EACL,KAAK,sBAAsB,EAE3B,KAAK,WAAW,EAGjB,yBAAyB;AAE1B,8BAAsB,cAAc,CAClC,MAAM,SAAS,sBAAsB,GAAG,sBAAsB,CAC9D,SAAQ,aAAa,CAAC,WAAW,CAAC;IAClC,QAAQ,CAAC,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;gBAEpB,MAAM,EAAE,eAAe,CAAC,WAAW,EAAE,GAAG,CAAC;IAarD,IAAa,OAAO,IAAI,WAAW,CAAC,MAAM,CAAC,CAU1C;IAED,IAAI,KAAK,IAAI,YAAY,CAMxB;IAED,IAAI,UAAU,wBAEb;IAED,IAAI,SAAS,YAEZ;CACF"}

package/view-model/route-view-model.js

@@ -1,6 +1,6 @@
 import { computed } from 'mobx';
 import { applyObservable, ViewModelBase, } from 'mobx-view-model';
-import { Route, routeConfig, VirtualRoute, } from '../core/index.js';
+import { Route, routeConfig, VirtualRoute, } from "../core/index.js";
 export class RouteViewModel extends ViewModelBase {
     constructor(params) {
         super(params);

package/core/route/route.test.d.ts

@@ -1,19 +0,0 @@
-import { type History } from 'mobx-location-history';
-export declare const mockHistory: (history: History) => {
-    spies: {
-        push: import("vitest").MockInstance<(to: import("mobx-location-history").To, state?: any) => void>;
-        replace: import("vitest").MockInstance<(to: import("mobx-location-history").To, state?: any) => void>;
-    };
-    clearMocks: () => void;
-    action: import("mobx-location-history").Action;
-    location: import("mobx-location-history").Location;
-    createHref(to: import("mobx-location-history").To): string;
-    push(to: import("mobx-location-history").To, state?: any): void;
-    replace(to: import("mobx-location-history").To, state?: any): void;
-    go(delta: number): void;
-    back(): void;
-    forward(): void;
-    listen(listener: import("mobx-location-history").Listener): () => void;
-    block(blocker: import("mobx-location-history").Blocker): () => void;
-};
-//# sourceMappingURL=route.test.d.ts.map

package/core/route/route.test.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"route.test.d.ts","sourceRoot":"","sources":["../../../src/core/route/route.test.ts"],"names":[],"mappings":"AAAA,OAAO,EAAwB,KAAK,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAS3E,eAAO,MAAM,WAAW,GAAI,SAAS,OAAO;;;;;;;;;;;;;;;;CAgB3C,CAAC"}

package/core/route/route.test.js

@@ -1,250 +0,0 @@
-import { createBrowserHistory } from 'mobx-location-history';
-import { beforeEach, describe, expect, expectTypeOf, it, vi } from 'vitest';
-import { routeConfig } from '../config/config.js';
-import { RouteGroup } from '../route-group/route-group.js';
-import { Route } from './route.js';
-export const mockHistory = (history) => {
-    const spies = {
-        push: vi.spyOn(history, 'push'),
-        replace: vi.spyOn(history, 'replace'),
-    };
-    const clearMocks = () => {
-        spies.push.mockClear();
-        spies.replace.mockClear();
-    };
-    return {
-        ...history,
-        spies,
-        clearMocks,
-    };
-};
-describe('route', () => {
-    const history = mockHistory(createBrowserHistory());
-    routeConfig.update({
-        history,
-    });
-    beforeEach(() => {
-        history.clearMocks();
-    });
-    it('empty string', async () => {
-        const route = new Route('');
-        expect(route.isOpened).toBe(true);
-    });
-    it('/test', async () => {
-        const route = new Route('/test');
-        await route.open();
-        expect(history.spies.push).toBeCalledWith('/test', null);
-    });
-    it('/test/:id/:bar{/:bar3}', async () => {
-        const route = new Route('/test/:id/:bar{/:bar3}');
-        await route.open({
-            id: 1,
-            bar: 'barg',
-        });
-        expect(history.spies.push).toBeCalledWith('/test/1/barg', null);
-        expectTypeOf(route.open).toBeFunction();
-        expectTypeOf(route.open).parameter(0).toEqualTypeOf();
-    });
-    it('/test/*splat', async () => {
-        const route = new Route('/test/*splat');
-        await route.open({
-            splat: [1, 2, 3],
-        });
-        expect(history.spies.push).toBeCalledWith('/test/1/2/3', null);
-    });
-    it('/users{/:id}/delete', async () => {
-        const route = new Route('/users{/:id}/delete');
-        await route.open({
-            id: 1,
-        });
-        expect(history.spies.push).toBeCalledWith('/users/1/delete', null);
-        history.clearMocks();
-        await route.open();
-        expect(history.spies.push).toBeCalledWith('/users/delete', null);
-        history.clearMocks();
-        const childRoute = route.extend('/push/:id1{/:bar}');
-        await childRoute.open({
-            id1: 1,
-            bar: 2,
-            id: 3,
-        });
-        expect(history.spies.push).toBeCalledWith('/users/3/delete/push/1/2', null);
-    });
-    it('/posts{/:slug}/*rest', async () => {
-        const route = new Route('/posts{/:slug}/*rest');
-        await route.open({
-            slug: true,
-            rest: [1, 2, 3, 'bar'],
-        });
-        expect(history.spies.push).toBeCalledWith('/posts/true/1/2/3/bar', null);
-        const otherRoute = new Route('/kek/pek');
-        expect(otherRoute.isOpened).toBe(false);
-        expect(route.isOpened).toBe(true);
-        expect({
-            path: route.currentPath,
-            params: route.params,
-        }).toEqual({
-            path: '/posts/true/1/2/3/bar',
-            params: {
-                rest: ['1', '2', '3', 'bar'],
-                slug: 'true',
-            },
-        });
-    });
-    it('/test/:id/:bar + baseUrl + query params', async () => {
-        const route = new Route('/test/:id/:bar', { baseUrl: '/mobx-view-model' });
-        await route.open({
-            id: 1,
-            bar: 'barg',
-        }, {
-            query: { a: 1 },
-        });
-        expect(history.spies.push).toBeCalledWith('/mobx-view-model/test/1/barg?a=1', null);
-        expect(route.isOpened).toBe(true);
-    });
-    it('/test/:id/:bar + baseUrl + query params + (query params tests)', async () => {
-        const route = new Route('/test/:id/:bar', { baseUrl: '/mobx-view-model' });
-        await route.open({
-            id: 1,
-            bar: 'barg',
-        }, {
-            query: { a: 1 },
-        });
-        route.query.update({ a: 3, b: [1, 2, 3] });
-        expect(location.search).toBe('?a=3&b=1%2C2%2C3');
-        expect(route.query.data).toEqual({ a: '3', b: '1,2,3' });
-    });
-    it('hierarchy test', async () => {
-        const routes = {
-            private: new RouteGroup({
-                index: new Route('/', { index: true }),
-                techreview: new Route('/techreview'),
-                techreviewTemplates: new Route('/techreview-templates'),
-                employee: new Route('/employee'),
-                matrices: new Route('/matrices'),
-                orgstructure: new Route('/orgstructure'),
-                roles: new RouteGroup({
-                    index: new Route('/roles', { index: true }),
-                    list: new Route('/roles/list'),
-                    create: new Route('/roles/create'),
-                    edit: new Route('/roles/edit/:id'),
-                }),
-                account: new Route('/account'),
-            }),
-            notFound: new Route('/not-found'),
-            noAccess: new Route('/no-access'),
-            login: new Route('/login'),
-        };
-        expect(routes.private.isOpened).toBe(false);
-        expect(routes.private.routes.matrices.isOpened).toBe(false);
-        history.push('/matrices', null);
-        history.clearMocks();
-        expect(routes.private.isOpened).toBe(true);
-        expect(routes.private.routes.matrices.isOpened).toBe(true);
-        expect(routes.private.routes.techreview.isOpened).toBe(false);
-        await routes.private.routes.index.open();
-        expect(routes.private.isOpened).toBe(true);
-        expect(routes.private.routes.index.isOpened).toBe(true);
-        expect(routes.private.routes.techreview.isOpened).toBe(false);
-        expect(history.spies.push).toBeCalledWith('/', null);
-        expect(location.href).toBe('http://localhost:3000/');
-        history.clearMocks();
-    });
-    it('test with root paths (/, "")', async () => {
-        const routes = {
-            home: new Route('/'),
-            root: new Route(''),
-            projects: new RouteGroup({
-                index: new Route('/projects', { index: true }),
-                new: new Route('/projects/new'),
-                details: new Route('/projects/:projectId'),
-            }),
-        };
-        history.replace('/', null);
-        expect(location.href).toBe('http://localhost:3000/');
-        expect(routes.home.isOpened).toBe(true);
-        expect(routes.root.isOpened).toBe(true);
-        expect(routes.projects.routes.index.isOpened).toBe(false);
-    });
-    it('parent test', async () => {
-        history.push('/a/b/c', null);
-        const routeA = new Route('/a');
-        const routeB = routeA.extend('/b');
-        const routeC = routeB.extend('/c');
-        expect(routeA.hasOpenedChildren).toBe(true);
-        expect(routeB.hasOpenedChildren).toBe(true);
-        expect(routeC.hasOpenedChildren).toBe(false);
-        expect(routeA.isOpened).toBe(false);
-        expect(routeB.isOpened).toBe(false);
-        expect(routeC.isOpened).toBe(true);
-    });
-    it('test param typings (no options)', () => {
-        const foo = new Route('/foo/:bar/:baz', {});
-        expectTypeOf(foo.open).toBeFunction();
-        expectTypeOf(foo.open)
-            .parameter(0)
-            .toEqualTypeOf();
-        expectTypeOf(foo.params).toEqualTypeOf();
-        expect(foo).toBeDefined();
-    });
-    it('test param typings (with options)', () => {
-        const foo = new Route('/foo/:bar/:baz', {
-            params: (_params) => {
-                return {
-                    bad: 1,
-                };
-            },
-        });
-        expectTypeOf(foo.open).toBeFunction();
-        expectTypeOf(foo.open)
-            .parameter(0)
-            .toEqualTypeOf();
-        expectTypeOf(foo.params).toEqualTypeOf();
-        expect(foo).toBeDefined();
-    });
-    it('test customized param typings', () => {
-        const foo = new Route('/', {});
-        expectTypeOf(foo.open).toBeFunction();
-        expectTypeOf(foo.open)
-            .parameter(0)
-            .toEqualTypeOf();
-        expectTypeOf(foo.params).toEqualTypeOf();
-        expect(foo).toBeDefined();
-    });
-    it('test mergeQuery', async () => {
-        const route = new Route('/foo/bar/baz');
-        const route2 = new Route('/asdfdsafdsa');
-        const route3 = new Route('/route3');
-        await route.open(null, { query: { a: 1, b: 2, c: 3 } });
-        expect(history.spies.push).toHaveBeenNthCalledWith(1, '/foo/bar/baz?a=1&b=2&c=3', null);
-        expect(history.location.search).toBe('?a=1&b=2&c=3');
-        await route2.open(null, {
-            query: { c: 4, d: 4, e: 5, f: 6 },
-            mergeQuery: true,
-        });
-        expect(history.spies.push).toHaveBeenNthCalledWith(2, '/asdfdsafdsa?a=1&b=2&c=4&d=4&e=5&f=6', null);
-        expect(history.location.search).toBe('?a=1&b=2&c=4&d=4&e=5&f=6');
-        expect(route2.query.data).toStrictEqual({
-            a: '1',
-            b: '2',
-            c: '4',
-            d: '4',
-            e: '5',
-            f: '6',
-        });
-        await route3.open(null, {
-            mergeQuery: true,
-        });
-        expect(history.spies.push).toHaveBeenNthCalledWith(3, '/route3?a=1&b=2&c=4&d=4&e=5&f=6', null);
-        expect(history.location.search).toBe('?a=1&b=2&c=4&d=4&e=5&f=6');
-        expect(route3.query.data).toStrictEqual({
-            a: '1',
-            b: '2',
-            c: '4',
-            d: '4',
-            e: '5',
-            f: '6',
-        });
-        history.clearMocks();
-    });
-});

package/core/utils/build-url.d.ts

@@ -1,3 +0,0 @@
-import type { RouteNavigateParams } from '../route/route.types.js';
-export declare const buildUrl: (url: string, navigateParams: RouteNavigateParams) => string;
-//# sourceMappingURL=build-url.d.ts.map

package/core/utils/build-url.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"build-url.d.ts","sourceRoot":"","sources":["../../../src/core/utils/build-url.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAEnE,eAAO,MAAM,QAAQ,GAAI,KAAK,MAAM,EAAE,gBAAgB,mBAAmB,WAYxE,CAAC"}

package/core/utils/build-url.js

@@ -1,12 +0,0 @@
-import { buildSearchString } from 'mobx-location-history';
-import { routeConfig } from '../config/config.js';
-export const buildUrl = (url, navigateParams) => {
-    const query = (navigateParams.mergeQuery ?? routeConfig.get().mergeQuery)
-        ? {
-            ...routeConfig.get().queryParams.data,
-            ...navigateParams.query,
-        }
-        : (navigateParams.query ?? {});
-    const [path] = url.split('?');
-    return `${path}${buildSearchString(query)}`;
-};

package/react/components/route-view-group.test.d.ts

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=route-view-group.test.d.ts.map

package/react/components/route-view-group.test.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"route-view-group.test.d.ts","sourceRoot":"","sources":["../../../src/react/components/route-view-group.test.tsx"],"names":[],"mappings":""}

package/react/components/route-view-group.test.js

@@ -1,101 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { act, render } from '@testing-library/react';
-import { createBrowserHistory } from 'mobx-location-history';
-import { describe, expect, it } from 'vitest';
-import { Route, routeConfig } from '../../core/index.js';
-import { mockHistory } from '../../core/route/route.test.js';
-import { RouteView } from './route-view.js';
-import { RouteViewGroup } from './route-view-group.js';
-describe('<RouteViewGroup />', () => {
-    it('Should render nothing when no one route is opened', async () => {
-        const history = mockHistory(createBrowserHistory());
-        routeConfig.update({
-            history,
-        });
-        const route1 = new Route('/test1');
-        const route2 = new Route('/test2');
-        const route3 = new Route('/test3');
-        const App = () => {
-            return (_jsxs(RouteViewGroup, { children: [_jsx(RouteView, { route: route1, view: () => _jsx("div", { children: "route1" }) }), _jsx(RouteView, { route: route2, view: () => _jsx("div", { children: "route2" }) }), _jsx(RouteView, { route: route3, view: () => _jsx("div", { children: "route3" }) })] }));
-        };
-        const { container } = await act(async () => render(_jsx(App, {})));
-        expect(container.firstChild).toBeNull();
-    });
-    it('Should render last non active element when no one route is opened', async () => {
-        const history = mockHistory(createBrowserHistory());
-        routeConfig.update({
-            history,
-        });
-        const route1 = new Route('/test1');
-        const route2 = new Route('/test2');
-        const route3 = new Route('/test3');
-        const App1 = () => {
-            return (_jsxs(RouteViewGroup, { children: [_jsx(RouteView, { route: route1, view: () => _jsx("div", { children: "route1" }) }), _jsx(RouteView, { route: route2, view: () => _jsx("div", { children: "route2" }) }), _jsx(RouteView, { route: route3, view: () => _jsx("div", { children: "route3" }) }), _jsx("div", { children: "not_found1" })] }));
-        };
-        const screen1 = await act(async () => render(_jsx(App1, {})));
-        expect(screen1.getByText('not_found1')).toBeDefined();
-    });
-    it('Should render active element when 1-order route is opened', async () => {
-        const history = mockHistory(createBrowserHistory());
-        routeConfig.update({
-            history,
-        });
-        const route1 = new Route('/test1');
-        const route2 = new Route('/test2');
-        const route3 = new Route('/test3');
-        const App1 = () => {
-            return (_jsxs(RouteViewGroup, { children: [_jsx(RouteView, { route: route1, view: () => _jsx("div", { children: "route1" }) }), _jsx(RouteView, { route: route2, view: () => _jsx("div", { children: "route2" }) }), _jsx(RouteView, { route: route3, view: () => _jsx("div", { children: "route3" }) }), _jsx("div", { children: "not_found1" })] }));
-        };
-        await route1.open();
-        const screen1 = await act(async () => render(_jsx(App1, {})));
-        expect(screen1.getByText('route1')).toBeDefined();
-    });
-    it('Should render active element when 2-order route is opened', async () => {
-        const history = mockHistory(createBrowserHistory());
-        routeConfig.update({
-            history,
-        });
-        const route1 = new Route('/test1');
-        const route2 = new Route('/test2');
-        const route3 = new Route('/test3');
-        const App1 = () => {
-            return (_jsxs(RouteViewGroup, { children: [_jsx(RouteView, { route: route1, view: () => _jsx("div", { children: "route1" }) }), _jsx(RouteView, { route: route2, view: () => _jsx("div", { children: "route2" }) }), _jsx(RouteView, { route: route3, view: () => _jsx("div", { children: "route3" }) }), _jsx("div", { children: "not_found1" })] }));
-        };
-        await route2.open();
-        const screen1 = await act(async () => render(_jsx(App1, {})));
-        expect(screen1.getByText('route2')).toBeDefined();
-    });
-    it('Should render active element when 3-order route is opened', async () => {
-        const history = mockHistory(createBrowserHistory());
-        routeConfig.update({
-            history,
-        });
-        const route1 = new Route('/test1');
-        const route2 = new Route('/test2');
-        const route3 = new Route('/test3');
-        const App1 = () => {
-            return (_jsxs(RouteViewGroup, { children: [_jsx(RouteView, { route: route1, view: () => _jsx("div", { children: "route1" }) }), _jsx(RouteView, { route: route2, view: () => _jsx("div", { children: "route2" }) }), _jsx(RouteView, { route: route3, view: () => _jsx("div", { children: "route3" }) }), _jsx("div", { children: "not_found1" })] }));
-        };
-        await route3.open();
-        const screen1 = await act(async () => render(_jsx(App1, {})));
-        expect(screen1.getByText('route3')).toBeDefined();
-    });
-    it('Should render element of LAST OPENED route', async () => {
-        const history = mockHistory(createBrowserHistory());
-        routeConfig.update({
-            history,
-        });
-        const route1 = new Route('/test');
-        const route2 = new Route('/test');
-        const route3 = new Route('/test');
-        const App1 = () => {
-            return (_jsxs(RouteViewGroup, { children: [_jsx(RouteView, { route: route1, view: () => _jsx("div", { children: "route1" }) }), _jsx(RouteView, { route: route2, view: () => _jsx("div", { children: "route2" }) }), _jsx(RouteView, { route: route3, view: () => _jsx("div", { children: "route3" }) }), _jsx("div", { children: "not_found1" })] }));
-        };
-        await route3.open();
-        const screen1 = await act(async () => render(_jsx(App1, {})));
-        expect(screen1.getByText('route1')).toBeDefined();
-        expect(() => screen1.getByText('route2')).toThrowError();
-        expect(() => screen1.getByText('route3')).toThrowError();
-        expect(() => screen1.getByText('not_found1')).toThrowError();
-    });
-});