mobx-route 0.0.81 → 0.0.83

package/core/route-group/route-group.types.d.ts

@@ -3,6 +3,9 @@ import { AnyVirtualRoute } from '../virtual-route/index.js';
 import type { RouteGroup } from './route-group.js';
 export type AnyRouteGroup = RouteGroup<RoutesCollection>;
 export type AnyRouteEntity = AnyRoute | AnyRouteGroup | AnyVirtualRoute;
+export type AbstractRouteEntity = {
+    isOpened: boolean;
+};
 export type RoutesArrayCollection = AnyRouteEntity[];
 export type RoutesObjectCollection = Record<string, AnyRouteEntity>;
 export type RoutesCollection = RoutesArrayCollection | RoutesObjectCollection;

package/core/route-group/route-group.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"route-group.types.d.ts","sourceRoot":"","sources":["../../../src/core/route-group/route-group.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAClD,OAAO,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAC;AAE5D,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAEnD,MAAM,MAAM,aAAa,GAAG,UAAU,CAAC,gBAAgB,CAAC,CAAC;AAEzD,MAAM,MAAM,cAAc,GAAG,QAAQ,GAAG,aAAa,GAAG,eAAe,CAAC;AAExE,MAAM,MAAM,qBAAqB,GAAG,cAAc,EAAE,CAAC;AAErD,MAAM,MAAM,sBAAsB,GAAG,MAAM,CAAC,MAAM,EAAE,cAAc,CAAC,CAAC;AAEpE,MAAM,MAAM,gBAAgB,GAAG,qBAAqB,GAAG,sBAAsB,CAAC"}
+{"version":3,"file":"route-group.types.d.ts","sourceRoot":"","sources":["../../../src/core/route-group/route-group.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAClD,OAAO,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAC;AAE5D,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAEnD,MAAM,MAAM,aAAa,GAAG,UAAU,CAAC,gBAAgB,CAAC,CAAC;AAEzD,MAAM,MAAM,cAAc,GAAG,QAAQ,GAAG,aAAa,GAAG,eAAe,CAAC;AAExE,MAAM,MAAM,mBAAmB,GAAG;IAChC,QAAQ,EAAE,OAAO,CAAC;CACnB,CAAC;AAEF,MAAM,MAAM,qBAAqB,GAAG,cAAc,EAAE,CAAC;AAErD,MAAM,MAAM,sBAAsB,GAAG,MAAM,CAAC,MAAM,EAAE,cAAc,CAAC,CAAC;AAEpE,MAAM,MAAM,gBAAgB,GAAG,qBAAqB,GAAG,sBAAsB,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "mobx-route",
-  "version": "0.0.81",
+  "version": "0.0.83",
   "keywords": [
     "mobx",
     "react",
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "linked-abort-controller": "^1.1.0",
-    "mobx-location-history": "^6.1.0",
+    "mobx-location-history": "^7.0.3",
     "path-to-regexp": "^8.2.0",
     "react-simple-loadable": "^2.1.0",
-    "yummies": "^3.2.13"
+    "yummies": "^3.4.1"
   },
   "peerDependencies": {
     "@types/react": "^18.3.20",
@@ -157,6 +157,11 @@
       "default": "./react/components/route-view.js",
       "types": "./react/components/route-view.d.ts"
     },
+    "./react/components/switch": {
+      "import": "./react/components/switch.js",
+      "default": "./react/components/switch.js",
+      "types": "./react/components/switch.d.ts"
+    },
     "./react": {
       "import": "./react/index.js",
       "default": "./react/index.js",

package/react/components/index.d.ts

@@ -1,5 +1,4 @@
 export * from './link.js';
 export * from './route-view.js';
-export * from './route-group-view.js';
-export * from './route-view-map.js';
+export * from './switch.js';
 //# sourceMappingURL=index.d.ts.map

package/react/components/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/react/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC;AAC1B,cAAc,iBAAiB,CAAC;AAChC,cAAc,uBAAuB,CAAC;AACtC,cAAc,qBAAqB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/react/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC;AAC1B,cAAc,iBAAiB,CAAC;AAGhC,cAAc,aAAa,CAAC"}

package/react/components/index.js

@@ -1,4 +1,5 @@
 export * from './link.js';
 export * from './route-view.js';
-export * from './route-group-view.js';
-export * from './route-view-map.js';
+// export * from './route-group-view.js';
+// export * from './route-view-map.js';
+export * from './switch.js';

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

@@ -1,8 +1,8 @@
 import { ReactNode } from 'react';
 import { EmptyObject } from 'yummies/utils/types';
 import { AnyRouteEntity, AnyRouteGroup, RoutesArrayCollection, RoutesCollection, RoutesObjectCollection } from '../../core/index.js';
-import { RouteViewComponent, RouteViewConfigProps } from './route-view.js';
-export type RouteGroupView<TRouteEntity extends AnyRouteEntity> = Omit<RouteViewConfigProps<TRouteEntity>, 'route'> | RouteViewComponent<TRouteEntity>;
+import { RouteViewComponent, RouteViewConfigWithRoute } from './route-view.js';
+export type RouteGroupView<TRouteEntity extends AnyRouteEntity> = Omit<RouteViewConfigWithRoute<TRouteEntity>, 'route'> | RouteViewComponent<TRouteEntity>;
 export type RouteGroupViews<TRoutes extends RoutesCollection> = TRoutes extends RoutesArrayCollection ? {
     [K in keyof TRoutes]: TRoutes[K] extends AnyRouteEntity ? RouteGroupView<TRoutes[K]> : never;
 } : TRoutes extends RoutesObjectCollection ? {

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

@@ -1 +1 @@
-{"version":3,"file":"route-group-view.d.ts","sourceRoot":"","sources":["../../../src/react/components/route-group-view.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAA4B,MAAM,OAAO,CAAC;AAC5D,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAElD,OAAO,EACL,cAAc,EACd,aAAa,EACb,qBAAqB,EACrB,gBAAgB,EAChB,sBAAsB,EACvB,MAAM,qBAAqB,CAAC;AAE7B,OAAO,EAEL,kBAAkB,EAClB,oBAAoB,EACrB,MAAM,iBAAiB,CAAC;AAEzB,MAAM,MAAM,cAAc,CAAC,YAAY,SAAS,cAAc,IAE1D,IAAI,CAAC,oBAAoB,CAAC,YAAY,CAAC,EAAE,OAAO,CAAC,GAEjD,kBAAkB,CAAC,YAAY,CAAC,CAAC;AAErC,MAAM,MAAM,eAAe,CAAC,OAAO,SAAS,gBAAgB,IAC1D,OAAO,SAAS,qBAAqB,GACjC;KACG,CAAC,IAAI,MAAM,OAAO,GAAG,OAAO,CAAC,CAAC,CAAC,SAAS,cAAc,GACnD,cAAc,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,GAC1B,KAAK;CACV,GACD,OAAO,SAAS,sBAAsB,GACpC;KACG,CAAC,IAAI,MAAM,OAAO,GAAG,OAAO,CAAC,CAAC,CAAC,SAAS,cAAc,GACnD,cAAc,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,GAC1B,KAAK;CACV,GACD,WAAW,CAAC;AAEpB,MAAM,WAAW,mBAAmB,CAAC,WAAW,SAAS,aAAa;IACpE,KAAK,EAAE,WAAW,CAAC;IACnB,KAAK,EAAE,OAAO,CAAC,eAAe,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;IACvD,UAAU,CAAC,EAAE,YAAY,CAAC;IAC1B,YAAY,CAAC,EAAE,SAAS,CAAC;CAC1B;AAmDD,eAAO,MAAM,cAAc,IAjDC,WAAW,SAAS,aAAa,+CAK1D,mBAAmB,CAAC,WAAW,CAAC;;CA4CuB,CAAC"}
+{"version":3,"file":"route-group-view.d.ts","sourceRoot":"","sources":["../../../src/react/components/route-group-view.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAA4B,MAAM,OAAO,CAAC;AAC5D,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAElD,OAAO,EACL,cAAc,EACd,aAAa,EACb,qBAAqB,EACrB,gBAAgB,EAChB,sBAAsB,EACvB,MAAM,qBAAqB,CAAC;AAE7B,OAAO,EAEL,kBAAkB,EAClB,wBAAwB,EACzB,MAAM,iBAAiB,CAAC;AAEzB,MAAM,MAAM,cAAc,CAAC,YAAY,SAAS,cAAc,IAE1D,IAAI,CAAC,wBAAwB,CAAC,YAAY,CAAC,EAAE,OAAO,CAAC,GAErD,kBAAkB,CAAC,YAAY,CAAC,CAAC;AAErC,MAAM,MAAM,eAAe,CAAC,OAAO,SAAS,gBAAgB,IAC1D,OAAO,SAAS,qBAAqB,GACjC;KACG,CAAC,IAAI,MAAM,OAAO,GAAG,OAAO,CAAC,CAAC,CAAC,SAAS,cAAc,GACnD,cAAc,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,GAC1B,KAAK;CACV,GACD,OAAO,SAAS,sBAAsB,GACpC;KACG,CAAC,IAAI,MAAM,OAAO,GAAG,OAAO,CAAC,CAAC,CAAC,SAAS,cAAc,GACnD,cAAc,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,GAC1B,KAAK;CACV,GACD,WAAW,CAAC;AAEpB,MAAM,WAAW,mBAAmB,CAAC,WAAW,SAAS,aAAa;IACpE,KAAK,EAAE,WAAW,CAAC;IACnB,KAAK,EAAE,OAAO,CAAC,eAAe,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;IACvD,UAAU,CAAC,EAAE,YAAY,CAAC;IAC1B,YAAY,CAAC,EAAE,SAAS,CAAC;CAC1B;AAmDD,eAAO,MAAM,cAAc,IAjDC,WAAW,SAAS,aAAa,+CAK1D,mBAAmB,CAAC,WAAW,CAAC;;CA4CuB,CAAC"}

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

@@ -1,7 +1,7 @@
 import { ReactNode } from 'react';
 import { AnyRouteEntity } from '../../core/index.js';
-import { RouteViewComponent, RouteViewConfigProps } from './route-view.js';
-export type MappedRouteView<TRouteEntity extends AnyRouteEntity> = Omit<RouteViewConfigProps<TRouteEntity>, 'route'> | RouteViewComponent<TRouteEntity>;
+import { RouteViewComponent, RouteViewConfigWithRoute } from './route-view.js';
+export type MappedRouteView<TRouteEntity extends AnyRouteEntity> = Omit<RouteViewConfigWithRoute<TRouteEntity>, 'route'> | RouteViewComponent<TRouteEntity>;
 type RouteViewMapArrayType = [
     AnyRouteEntity,
     MappedRouteView<AnyRouteEntity>

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

@@ -1 +1 @@
-{"version":3,"file":"route-view-map.d.ts","sourceRoot":"","sources":["../../../src/react/components/route-view-map.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAA4B,MAAM,OAAO,CAAC;AAE5D,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAErD,OAAO,EAEL,kBAAkB,EAClB,oBAAoB,EACrB,MAAM,iBAAiB,CAAC;AAEzB,MAAM,MAAM,eAAe,CAAC,YAAY,SAAS,cAAc,IAE3D,IAAI,CAAC,oBAAoB,CAAC,YAAY,CAAC,EAAE,OAAO,CAAC,GAEjD,kBAAkB,CAAC,YAAY,CAAC,CAAC;AAErC,KAAK,qBAAqB,GAAG;IAC3B,cAAc;IACd,eAAe,CAAC,cAAc,CAAC;CAChC,EAAE,CAAC;AAGJ,MAAM,MAAM,gBAAgB,GAAG,qBAAqB,CAAC;AAErD,MAAM,WAAW,iBAAiB,CAAC,IAAI,SAAS,gBAAgB;IAC9D,GAAG,EAAE,IAAI,CAAC;IACV,UAAU,CAAC,EAAE,YAAY,CAAC;IAC1B,YAAY,CAAC,EAAE,SAAS,CAAC;CAC1B;AA2CD,eAAO,MAAM,YAAY,IAzCC,IAAI,SAAS,gBAAgB,sCAIpD,iBAAiB,CAAC,IAAI,CAAC;;CAqC4B,CAAC"}
+{"version":3,"file":"route-view-map.d.ts","sourceRoot":"","sources":["../../../src/react/components/route-view-map.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAA4B,MAAM,OAAO,CAAC;AAE5D,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAErD,OAAO,EAEL,kBAAkB,EAClB,wBAAwB,EACzB,MAAM,iBAAiB,CAAC;AAEzB,MAAM,MAAM,eAAe,CAAC,YAAY,SAAS,cAAc,IAE3D,IAAI,CAAC,wBAAwB,CAAC,YAAY,CAAC,EAAE,OAAO,CAAC,GAErD,kBAAkB,CAAC,YAAY,CAAC,CAAC;AAErC,KAAK,qBAAqB,GAAG;IAC3B,cAAc;IACd,eAAe,CAAC,cAAc,CAAC;CAChC,EAAE,CAAC;AAGJ,MAAM,MAAM,gBAAgB,GAAG,qBAAqB,CAAC;AAErD,MAAM,WAAW,iBAAiB,CAAC,IAAI,SAAS,gBAAgB;IAC9D,GAAG,EAAE,IAAI,CAAC;IACV,UAAU,CAAC,EAAE,YAAY,CAAC;IAC1B,YAAY,CAAC,EAAE,SAAS,CAAC;CAC1B;AA2CD,eAAO,MAAM,YAAY,IAzCC,IAAI,SAAS,gBAAgB,sCAIpD,iBAAiB,CAAC,IAAI,CAAC;;CAqC4B,CAAC"}

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

@@ -1,19 +1,31 @@
 import { ComponentType, ReactNode } from 'react';
-import type { AnyRoute, AnyRouteEntity, AnyVirtualRoute } from '../../core/index.js';
-export type RouteViewComponent<TRouteEntity extends AnyRouteEntity> = ComponentType<RouteViewProps<TRouteEntity>>;
-export interface RouteViewConfigProps<TRouteEntity extends AnyRouteEntity> {
-    route: TRouteEntity;
-    view?: RouteViewComponent<TRouteEntity>;
-    lazyView?: (route: TRouteEntity) => Promise<ComponentType<RouteViewProps<TRouteEntity>>>;
+import { AbstractRouteEntity, type AnyRoute, type AnyVirtualRoute } from '../../core/index.js';
+export type RouteViewComponent<TRoute extends AbstractRouteEntity> = ComponentType<RouteViewProps<TRoute>>;
+export interface RouteViewConfigProps<TRoute extends AbstractRouteEntity> {
+    route: TRoute;
+    view?: RouteViewComponent<TRoute>;
+    lazyView?: (route: TRoute) => Promise<ComponentType<RouteViewProps<TRoute>>>;
     loader?: ComponentType;
     fallbackView?: ReactNode;
-    children?: ReactNode;
+    children?: ReactNode | ((params: RouteViewProps<TRoute>['params'], route: TRoute) => ReactNode);
+}
+interface RouteViewConfigWithoutRoute {
+    children?: ReactNode | (() => ReactNode);
+}
+export interface RouteViewConfigWithRoute<TRoute extends AbstractRouteEntity> {
+    route: TRoute;
+    view?: RouteViewComponent<TRoute>;
+    lazyView?: (route: TRoute) => Promise<ComponentType<RouteViewProps<TRoute>>>;
+    loader?: ComponentType;
+    fallbackView?: ReactNode;
+    children?: ReactNode | ((params: RouteViewProps<TRoute>['params'], route: TRoute) => ReactNode);
 }
-export type RouteViewProps<TRouteEntity extends AnyRouteEntity> = {
+export type RouteViewConfig<TRoute extends AbstractRouteEntity> = RouteViewConfigWithRoute<TRoute> | RouteViewConfigWithoutRoute;
+export type RouteViewProps<TRoute extends AbstractRouteEntity> = {
     children?: ReactNode;
-    params: TRouteEntity extends AnyRoute ? Exclude<TRouteEntity['params'], null | undefined> : TRouteEntity extends AnyVirtualRoute ? TRouteEntity['params'] : never;
+    params: TRoute extends AnyRoute ? Exclude<TRoute['params'], null | undefined> : TRoute extends AnyVirtualRoute ? TRoute['params'] : never;
 };
-declare function RouteViewBase<TRouteEntity extends AnyRouteEntity>(props: RouteViewConfigProps<TRouteEntity>): string | number | boolean | Iterable<ReactNode> | import("react/jsx-runtime").JSX.Element | null | undefined;
+declare function RouteViewBase<TRoute extends AbstractRouteEntity>(props: Readonly<RouteViewConfig<TRoute>>): ReactNode;
 export declare const RouteView: typeof RouteViewBase & {
     displayName: string;
 };

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

@@ -1 +1 @@
-{"version":3,"file":"route-view.d.ts","sourceRoot":"","sources":["../../../src/react/components/route-view.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,SAAS,EAAU,MAAM,OAAO,CAAC;AAGzD,OAAO,KAAK,EACV,QAAQ,EACR,cAAc,EACd,eAAe,EAChB,MAAM,qBAAqB,CAAC;AAE7B,MAAM,MAAM,kBAAkB,CAAC,YAAY,SAAS,cAAc,IAChE,aAAa,CAAC,cAAc,CAAC,YAAY,CAAC,CAAC,CAAC;AAE9C,MAAM,WAAW,oBAAoB,CAAC,YAAY,SAAS,cAAc;IACvE,KAAK,EAAE,YAAY,CAAC;IACpB,IAAI,CAAC,EAAE,kBAAkB,CAAC,YAAY,CAAC,CAAC;IACxC,QAAQ,CAAC,EAAE,CACT,KAAK,EAAE,YAAY,KAChB,OAAO,CAAC,aAAa,CAAC,cAAc,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC;IAC1D,MAAM,CAAC,EAAE,aAAa,CAAC;IACvB,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,MAAM,MAAM,cAAc,CAAC,YAAY,SAAS,cAAc,IAAI;IAChE,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,MAAM,EAAE,YAAY,SAAS,QAAQ,GACjC,OAAO,CAAC,YAAY,CAAC,QAAQ,CAAC,EAAE,IAAI,GAAG,SAAS,CAAC,GACjD,YAAY,SAAS,eAAe,GAClC,YAAY,CAAC,QAAQ,CAAC,GACtB,KAAK,CAAC;CACb,CAAC;AAEF,iBAAS,aAAa,CAAC,YAAY,SAAS,cAAc,EACxD,KAAK,EAAE,oBAAoB,CAAC,YAAY,CAAC,gHA6B1C;AAED,eAAO,MAAM,SAAS;;CAA0B,CAAC"}
+{"version":3,"file":"route-view.d.ts","sourceRoot":"","sources":["../../../src/react/components/route-view.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,SAAS,EAAU,MAAM,OAAO,CAAC;AAGzD,OAAO,EACL,mBAAmB,EACnB,KAAK,QAAQ,EACb,KAAK,eAAe,EACrB,MAAM,qBAAqB,CAAC;AAE7B,MAAM,MAAM,kBAAkB,CAAC,MAAM,SAAS,mBAAmB,IAC/D,aAAa,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC,CAAC;AAExC,MAAM,WAAW,oBAAoB,CAAC,MAAM,SAAS,mBAAmB;IACtE,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,kBAAkB,CAAC,MAAM,CAAC,CAAC;IAClC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC,aAAa,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;IAC7E,MAAM,CAAC,EAAE,aAAa,CAAC;IACvB,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,QAAQ,CAAC,EACL,SAAS,GACT,CAAC,CAAC,MAAM,EAAE,cAAc,CAAC,MAAM,CAAC,CAAC,QAAQ,CAAC,EAAE,KAAK,EAAE,MAAM,KAAK,SAAS,CAAC,CAAC;CAC9E;AAED,UAAU,2BAA2B;IACnC,QAAQ,CAAC,EAAE,SAAS,GAAG,CAAC,MAAM,SAAS,CAAC,CAAC;CAC1C;AAED,MAAM,WAAW,wBAAwB,CAAC,MAAM,SAAS,mBAAmB;IAC1E,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,kBAAkB,CAAC,MAAM,CAAC,CAAC;IAClC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC,aAAa,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;IAC7E,MAAM,CAAC,EAAE,aAAa,CAAC;IACvB,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,QAAQ,CAAC,EACL,SAAS,GACT,CAAC,CAAC,MAAM,EAAE,cAAc,CAAC,MAAM,CAAC,CAAC,QAAQ,CAAC,EAAE,KAAK,EAAE,MAAM,KAAK,SAAS,CAAC,CAAC;CAC9E;AAED,MAAM,MAAM,eAAe,CAAC,MAAM,SAAS,mBAAmB,IAC1D,wBAAwB,CAAC,MAAM,CAAC,GAChC,2BAA2B,CAAC;AAEhC,MAAM,MAAM,cAAc,CAAC,MAAM,SAAS,mBAAmB,IAAI;IAC/D,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,MAAM,EAAE,MAAM,SAAS,QAAQ,GAC3B,OAAO,CAAC,MAAM,CAAC,QAAQ,CAAC,EAAE,IAAI,GAAG,SAAS,CAAC,GAC3C,MAAM,SAAS,eAAe,GAC5B,MAAM,CAAC,QAAQ,CAAC,GAChB,KAAK,CAAC;CACb,CAAC;AAEF,iBAAS,aAAa,CAAC,MAAM,SAAS,mBAAmB,EACvD,KAAK,EAAE,QAAQ,CAAC,eAAe,CAAC,MAAM,CAAC,CAAC,GACvC,SAAS,CAsCX;AAED,eAAO,MAAM,SAAS;;CAA0B,CAAC"}

package/react/components/route-view.js

@@ -5,6 +5,11 @@ import { loadable } from 'react-simple-loadable';
 function RouteViewBase(props) {
     const lazyViewComponentRef = useRef();
     let Component;
+    if (!('route' in props)) {
+        return typeof props.children === 'function'
+            ? props.children()
+            : props.children;
+    }
     if (!props.route.isOpened) {
         return props.fallbackView ?? null;
     }
@@ -18,6 +23,12 @@ function RouteViewBase(props) {
         Component = props.view;
     }
     const params = 'params' in props.route ? props.route.params : {};
-    return Component ? (_jsx(Component, { params: params, children: props.children })) : (props.children);
+    if (Component) {
+        return _jsx(Component, { params: params, children: props.children });
+    }
+    if (typeof props.children === 'function') {
+        return props.children(params, props.route);
+    }
+    return props.children;
 }
 export const RouteView = observer(RouteViewBase);

package/react/components/switch.d.ts

@@ -0,0 +1,8 @@
+import { ReactNode } from 'react';
+export interface SwitchProps {
+    children: ReactNode;
+}
+export declare const Switch: (({ children }: SwitchProps) => ReactNode) & {
+    displayName: string;
+};
+//# sourceMappingURL=switch.d.ts.map

package/react/components/switch.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"switch.d.ts","sourceRoot":"","sources":["../../../src/react/components/switch.tsx"],"names":[],"mappings":"AAEA,OAAO,EAA0C,SAAS,EAAE,MAAM,OAAO,CAAC;AAK1E,MAAM,WAAW,WAAW;IAC1B,QAAQ,EAAE,SAAS,CAAC;CACrB;AAwBD,eAAO,MAAM,MAAM,kBAA2B,WAAW;;CAYvD,CAAC"}

package/react/components/switch.js

@@ -0,0 +1,27 @@
+/* eslint-disable @typescript-eslint/ban-ts-comment */
+import { observer } from 'mobx-react-lite';
+import { Fragment, isValidElement } from 'react';
+import { flatMapDeep } from 'yummies';
+const flattenChildren = (children) => flatMapDeep(children, (c) => 
+// eslint-disable-next-line @typescript-eslint/ban-ts-comment
+// @ts-ignore
+c && c.type === Fragment ? c.props.children : c);
+const isValidRouteElement = (element) => {
+    return (isValidElement(element) &&
+        // @ts-ignore
+        element.props?.route &&
+        // @ts-ignore
+        'isOpened' in element.props.route);
+};
+export const Switch = observer(({ children }) => {
+    let defaultElement = null;
+    for (const element of flattenChildren(children)) {
+        if (isValidRouteElement(element) && element.props.route.isOpened) {
+            return element;
+        }
+        else {
+            defaultElement = element;
+        }
+    }
+    return defaultElement;
+});