mobx-route 0.0.94 → 0.0.95

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "mobx-route",
-  "version": "0.0.94",
+  "version": "0.0.95",
   "keywords": [
     "mobx",
     "react",

package/react/components/switch.d.ts

@@ -1,8 +1,18 @@
 import { ReactNode } from 'react';
-export interface SwitchProps {
+import { AllPropertiesOptional, Maybe } from 'yummies/utils/types';
+import { AnyRouteEntity, RouteNavigateParams, RouteParams } from '../../core/index.js';
+type SwitchBaseProps = {
     children: ReactNode;
-}
-export declare const Switch: (({ children }: SwitchProps) => ReactNode) & {
+};
+export type SwitchProps<TRoute extends AnyRouteEntity> = {
+    default?: TRoute;
+} & (AllPropertiesOptional<RouteParams<TRoute>> extends true ? {
+    params?: Maybe<RouteParams<TRoute>>;
+} : {
+    params: RouteParams<TRoute>;
+}) & SwitchBaseProps & RouteNavigateParams;
+export declare const Switch: (<TRoute extends AnyRouteEntity>({ children, default: defaultRoute, params, ...navigateParams }: SwitchProps<TRoute>) => ReactNode) & {
     displayName: string;
 };
+export {};
 //# sourceMappingURL=switch.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"switch.d.ts","sourceRoot":"","sources":["../../../src/react/components/switch.tsx"],"names":[],"mappings":"AAEA,OAAO,EAA0C,SAAS,EAAE,MAAM,OAAO,CAAC;AAM1E,MAAM,WAAW,WAAW;IAC1B,QAAQ,EAAE,SAAS,CAAC;CACrB;AAsBD,eAAO,MAAM,MAAM,kBAA2B,WAAW;;CAYvD,CAAC"}
+{"version":3,"file":"switch.d.ts","sourceRoot":"","sources":["../../../src/react/components/switch.tsx"],"names":[],"mappings":"AAEA,OAAO,EAIL,SAAS,EAEV,MAAM,OAAO,CAAC;AAEf,OAAO,EAAE,qBAAqB,EAAE,KAAK,EAAE,MAAM,qBAAqB,CAAC;AAEnE,OAAO,EACL,cAAc,EACd,mBAAmB,EACnB,WAAW,EACZ,MAAM,qBAAqB,CAAC;AAG7B,KAAK,eAAe,GAAG;IACrB,QAAQ,EAAE,SAAS,CAAC;CACrB,CAAC;AAEF,MAAM,MAAM,WAAW,CAAC,MAAM,SAAS,cAAc,IAAI;IACvD,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,GAAG,CAAC,qBAAqB,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC,SAAS,IAAI,GACxD;IACE,MAAM,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC,CAAC;CACrC,GACD;IACE,MAAM,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;CAC7B,CAAC,GACJ,eAAe,GACf,mBAAmB,CAAC;AAsBtB,eAAO,MAAM,MAAM,IAAsB,MAAM,SAAS,cAAc,kEAKnE,WAAW,CAAC,MAAM,CAAC;;CAsBpB,CAAC"}

package/react/components/switch.js

@@ -1,6 +1,6 @@
 /* eslint-disable @typescript-eslint/ban-ts-comment */
 import { observer } from 'mobx-react-lite';
-import { Fragment, isValidElement } from 'react';
+import { Fragment, isValidElement, useEffect, } from 'react';
 import { flatMapDeep } from 'yummies/data';
 import { isRouteEntity } from '../../core/utils/is-route-entity.js';
 const flattenChildren = (children) => flatMapDeep(children, (c) => 
@@ -12,15 +12,23 @@ const isValidRouteElement = (element) => {
         // @ts-ignore
         isRouteEntity(element.props?.route));
 };
-export const Switch = observer(({ children }) => {
+export const Switch = observer(function ({ children, default: defaultRoute, params, ...navigateParams }) {
+    let resultElement = null;
     let defaultElement = null;
     for (const element of flattenChildren(children)) {
         if (isValidRouteElement(element) && element.props.route.isOpened) {
-            return element;
+            resultElement = element;
+            break;
         }
         else {
             defaultElement = element;
         }
     }
-    return defaultElement;
+    const isResultElementFound = !!resultElement;
+    useEffect(() => {
+        if (!isResultElementFound && defaultRoute && !defaultRoute.isOpened) {
+            defaultRoute?.open(params, navigateParams);
+        }
+    }, [isResultElementFound]);
+    return resultElement ?? defaultElement;
 });