@teambit/react-router 1.0.107 → 1.0.108

package/dist/LocationHooks.d.ts

@@ -3,4 +3,4 @@ import { LocationListener } from './react-router.ui.runtime';
 export declare function LocationHooks({ onLocationChange, onNavigatorChange, }: {
     onLocationChange: LocationListener;
     onNavigatorChange: (nav: NavigateFunction) => void;
-}): null;
+}): any;

package/dist/{preview-1703590665075.js → preview-1703647408454.js}

@@ -1,5 +1,5 @@
-import * as compositions_0 from '/home/circleci/Library/Caches/Bit/capsules/8891be5ad3d35bfc38b9cd90c0e05b598a5a55af/teambit.ui-foundation_react-router@1.0.107/dist/react-router.composition.js';
-import * as overview_0 from '/home/circleci/Library/Caches/Bit/capsules/8891be5ad3d35bfc38b9cd90c0e05b598a5a55af/teambit.ui-foundation_react-router@1.0.107/dist/react-router.docs.mdx';
+import * as compositions_0 from '/home/circleci/Library/Caches/Bit/capsules/8891be5ad3d35bfc38b9cd90c0e05b598a5a55af/teambit.ui-foundation_react-router@1.0.108/dist/react-router.composition.js';
+import * as overview_0 from '/home/circleci/Library/Caches/Bit/capsules/8891be5ad3d35bfc38b9cd90c0e05b598a5a55af/teambit.ui-foundation_react-router@1.0.108/dist/react-router.docs.mdx';
 
 export const compositions = [compositions_0];
 export const overview = [overview_0];

package/dist/react-router.composition.d.ts

@@ -1,2 +1,2 @@
-import React from 'react';
-export declare const Logo: () => React.JSX.Element;
+/// <reference types="react" />
+export declare const Logo: () => JSX.Element;

package/dist/react-router.ui.runtime.d.ts

@@ -1,12 +1,12 @@
-import React from 'react';
+/// <reference types="react" />
 import type { Location, NavigationType, RouteProps } from 'react-router-dom';
 import { SlotRegistry } from '@teambit/harmony';
 import type { SSR } from '@teambit/ui';
 import { RouteSlot } from '@teambit/ui-foundation.ui.react-router.slot-router';
 import { Routing } from './routing-method';
-export declare type LocationListener = (location: Location, action: NavigationType) => void;
-declare type RouteChangeSlot = SlotRegistry<LocationListener>;
-declare type RenderContext = {
+export type LocationListener = (location: Location, action: NavigationType) => void;
+type RouteChangeSlot = SlotRegistry<LocationListener>;
+type RenderContext = {
     initialLocation?: string;
 };
 export declare class ReactRouterUI {
@@ -31,7 +31,7 @@ export declare class ReactRouterUI {
     /**
      * render all slot routes.
      */
-    renderRoutes(routes: RouteProps[]): React.JSX.Element;
+    renderRoutes(routes: RouteProps[]): JSX.Element;
     /** decides how navigation is stored and applied.
      * Url - updates the `window.location.pathname`.
      * Hash - updates `window.location.hash`.

package/dist/react-router.ui.runtime.js

@@ -74,21 +74,20 @@ class ReactRouterUI {
      * change browser location
      */
     _defineProperty(this, "navigateTo", (path, action) => {
-      var _this$navigate, _this$navigate2;
       const state = typeof path !== 'string' ? path.state : undefined;
       switch (action) {
         case 'POP':
           return;
         // TBD;
         case 'REPLACE':
-          (_this$navigate = this.navigate) === null || _this$navigate === void 0 || _this$navigate.call(this, path, {
+          this.navigate?.(path, {
             replace: true,
             state
           });
           return;
         case 'PUSH':
         default:
-          (_this$navigate2 = this.navigate) === null || _this$navigate2 === void 0 || _this$navigate2.call(this, path, {
+          this.navigate?.(path, {
             state
           });
       }
@@ -105,7 +104,7 @@ class ReactRouterUI {
       return /*#__PURE__*/_react().default.createElement(_routeContext().RouteContext, {
         reactRouterUi: this,
         routing: this.routingMode,
-        location: renderCtx === null || renderCtx === void 0 ? void 0 : renderCtx.initialLocation
+        location: renderCtx?.initialLocation
       }, children, /*#__PURE__*/_react().default.createElement(_LocationHooks().LocationHooks, {
         onLocationChange: this.handleLocationChange,
         onNavigatorChange: nav => this.navigate = nav
@@ -118,7 +117,7 @@ class ReactRouterUI {
       return /*#__PURE__*/_react().default.createElement(_routeContext().RouteContext, {
         reactRouterUi: this,
         routing: _routingMethod().Routing.static,
-        location: renderCtx === null || renderCtx === void 0 ? void 0 : renderCtx.initialLocation
+        location: renderCtx?.initialLocation
       }, children, /*#__PURE__*/_react().default.createElement(_LocationHooks().LocationHooks, {
         onLocationChange: this.handleLocationChange,
         onNavigatorChange: nav => this.navigate = nav
@@ -134,7 +133,7 @@ class ReactRouterUI {
       serverInit: ({
         browser
       }) => {
-        const initialLocation = browser === null || browser === void 0 ? void 0 : browser.location.url;
+        const initialLocation = browser?.location.url;
         return {
           initialLocation
         };

package/dist/react-router.ui.runtime.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","data","_interopRequireDefault","require","_harmony","_ui","_reactRouter","_routeContext","_routingMethod","_LocationHooks","obj","__esModule","default","_defineProperty","key","value","_toPropertyKey","Object","defineProperty","enumerable","configurable","writable","t","i","_toPrimitive","String","r","e","Symbol","toPrimitive","call","TypeError","Number","ReactRouterUI","constructor","routeSlot","routeChangeListener","Routing","url","path","action","_this$navigate","_this$navigate2","state","undefined","navigate","replace","location","listeners","values","forEach","listener","children","renderCtx","createElement","RouteContext","reactRouterUi","routing","routingMode","initialLocation","LocationHooks","onLocationChange","handleLocationChange","onNavigatorChange","nav","static","browserInit","window","pathname","search","hash","serverInit","browser","reactClientContext","RoutingContext","reactServerContext","ServerRouting","renderRoutes","routes","RootRoute","rootRoutes","setRoutingMode","register","route","registerListener","provider","deps","config","routeChangeSlot","exports","Slot","withType","UIRuntime","ReactRouterAspect","addRuntime"],"sources":["react-router.ui.runtime.tsx"],"sourcesContent":["import React, { ReactNode } from 'react';\nimport { NavigateFunction } from 'react-router-dom';\nimport type { Location, NavigationType, RouteProps } from 'react-router-dom';\nimport { Slot, SlotRegistry } from '@teambit/harmony';\nimport { UIRuntime } from '@teambit/ui';\nimport type { SSR } from '@teambit/ui';\nimport { RouteSlot } from '@teambit/ui-foundation.ui.react-router.slot-router';\n\nimport { ReactRouterAspect } from './react-router.aspect';\nimport { RouteContext, RootRoute } from './route-context';\nimport { Routing } from './routing-method';\nimport { LocationHooks } from './LocationHooks';\n\nexport type LocationListener = (location: Location, action: NavigationType) => void;\ntype RouteChangeSlot = SlotRegistry<LocationListener>;\ntype RenderContext = { initialLocation?: string };\n\nexport class ReactRouterUI {\n  private routingMode = Routing.url;\n\n  constructor(\n    /**\n     * route slot.\n     */\n    private routeSlot: RouteSlot,\n    /**\n     *\n     */\n    private routeChangeListener: RouteChangeSlot\n  ) {}\n\n  /**\n   * render all slot routes.\n   */\n  renderRoutes(routes: RouteProps[]) {\n    return <RootRoute routeSlot={this.routeSlot} rootRoutes={routes} />;\n  }\n\n  /** decides how navigation is stored and applied.\n   * Url - updates the `window.location.pathname`.\n   * Hash - updates `window.location.hash`.\n   * InMemory - store state internally and don't update the browser.\n   */\n  setRoutingMode(routing: Routing) {\n    this.routingMode = routing;\n  }\n\n  /**\n   * register a new route.\n   */\n  register(route: RouteProps) {\n    this.routeSlot.register(route);\n    return this;\n  }\n\n  registerListener(listener: LocationListener) {\n    this.routeChangeListener.register(listener);\n  }\n\n  /**\n   * change browser location\n   */\n  navigateTo = (\n    /** destination */\n    path: Location | string,\n    /** history action to execute (pop / push / replace) */\n    action?: NavigationType\n  ) => {\n    const state = typeof path !== 'string' ? path.state : undefined;\n\n    switch (action) {\n      case 'POP':\n        return; // TBD;\n      case 'REPLACE':\n        this.navigate?.(path, { replace: true, state });\n        return;\n      case 'PUSH':\n      default:\n        this.navigate?.(path, { state });\n    }\n  };\n\n  private navigate?: NavigateFunction = undefined;\n\n  private handleLocationChange = (location: Location, action: NavigationType) => {\n    const listeners = this.routeChangeListener.values();\n    listeners.forEach((listener) => listener(location, action));\n  };\n\n  private RoutingContext = ({ children, renderCtx }: { children: ReactNode; renderCtx?: RenderContext }) => {\n    return (\n      <RouteContext reactRouterUi={this} routing={this.routingMode} location={renderCtx?.initialLocation}>\n        {children}\n        <LocationHooks\n          onLocationChange={this.handleLocationChange}\n          onNavigatorChange={(nav) => (this.navigate = nav)}\n        />\n      </RouteContext>\n    );\n  };\n\n  private ServerRouting = ({ children, renderCtx }: { children: ReactNode; renderCtx?: RenderContext }) => {\n    return (\n      <RouteContext reactRouterUi={this} routing={Routing.static} location={renderCtx?.initialLocation}>\n        {children}\n        <LocationHooks\n          onLocationChange={this.handleLocationChange}\n          onNavigatorChange={(nav) => (this.navigate = nav)}\n        />\n      </RouteContext>\n    );\n  };\n\n  public renderPlugin: SSR.RenderPlugin<RenderContext> = {\n    browserInit: () => {\n      const initialLocation = `${window.location.pathname}${window.location.search}${window.location.hash}`;\n      return { initialLocation };\n    },\n    serverInit: ({ browser }) => {\n      const initialLocation = browser?.location.url;\n      return { initialLocation };\n    },\n    reactClientContext: this.RoutingContext,\n    reactServerContext: this.ServerRouting,\n  };\n\n  static slots = [Slot.withType<RouteProps>(), Slot.withType<LocationListener>()];\n  static runtime = UIRuntime;\n\n  static async provider(deps, config, [routeSlot, routeChangeSlot]: [RouteSlot, RouteChangeSlot]) {\n    return new ReactRouterUI(routeSlot, routeChangeSlot);\n  }\n}\n\nReactRouterAspect.addRuntime(ReactRouterUI);\n"],"mappings":"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"}
+{"version":3,"names":["_react","data","_interopRequireDefault","require","_harmony","_ui","_reactRouter","_routeContext","_routingMethod","_LocationHooks","obj","__esModule","default","_defineProperty","key","value","_toPropertyKey","Object","defineProperty","enumerable","configurable","writable","t","i","_toPrimitive","String","r","e","Symbol","toPrimitive","call","TypeError","Number","ReactRouterUI","constructor","routeSlot","routeChangeListener","Routing","url","path","action","state","undefined","navigate","replace","location","listeners","values","forEach","listener","children","renderCtx","createElement","RouteContext","reactRouterUi","routing","routingMode","initialLocation","LocationHooks","onLocationChange","handleLocationChange","onNavigatorChange","nav","static","browserInit","window","pathname","search","hash","serverInit","browser","reactClientContext","RoutingContext","reactServerContext","ServerRouting","renderRoutes","routes","RootRoute","rootRoutes","setRoutingMode","register","route","registerListener","provider","deps","config","routeChangeSlot","exports","Slot","withType","UIRuntime","ReactRouterAspect","addRuntime"],"sources":["react-router.ui.runtime.tsx"],"sourcesContent":["import React, { ReactNode } from 'react';\nimport { NavigateFunction } from 'react-router-dom';\nimport type { Location, NavigationType, RouteProps } from 'react-router-dom';\nimport { Slot, SlotRegistry } from '@teambit/harmony';\nimport { UIRuntime } from '@teambit/ui';\nimport type { SSR } from '@teambit/ui';\nimport { RouteSlot } from '@teambit/ui-foundation.ui.react-router.slot-router';\n\nimport { ReactRouterAspect } from './react-router.aspect';\nimport { RouteContext, RootRoute } from './route-context';\nimport { Routing } from './routing-method';\nimport { LocationHooks } from './LocationHooks';\n\nexport type LocationListener = (location: Location, action: NavigationType) => void;\ntype RouteChangeSlot = SlotRegistry<LocationListener>;\ntype RenderContext = { initialLocation?: string };\n\nexport class ReactRouterUI {\n  private routingMode = Routing.url;\n\n  constructor(\n    /**\n     * route slot.\n     */\n    private routeSlot: RouteSlot,\n    /**\n     *\n     */\n    private routeChangeListener: RouteChangeSlot\n  ) {}\n\n  /**\n   * render all slot routes.\n   */\n  renderRoutes(routes: RouteProps[]) {\n    return <RootRoute routeSlot={this.routeSlot} rootRoutes={routes} />;\n  }\n\n  /** decides how navigation is stored and applied.\n   * Url - updates the `window.location.pathname`.\n   * Hash - updates `window.location.hash`.\n   * InMemory - store state internally and don't update the browser.\n   */\n  setRoutingMode(routing: Routing) {\n    this.routingMode = routing;\n  }\n\n  /**\n   * register a new route.\n   */\n  register(route: RouteProps) {\n    this.routeSlot.register(route);\n    return this;\n  }\n\n  registerListener(listener: LocationListener) {\n    this.routeChangeListener.register(listener);\n  }\n\n  /**\n   * change browser location\n   */\n  navigateTo = (\n    /** destination */\n    path: Location | string,\n    /** history action to execute (pop / push / replace) */\n    action?: NavigationType\n  ) => {\n    const state = typeof path !== 'string' ? path.state : undefined;\n\n    switch (action) {\n      case 'POP':\n        return; // TBD;\n      case 'REPLACE':\n        this.navigate?.(path, { replace: true, state });\n        return;\n      case 'PUSH':\n      default:\n        this.navigate?.(path, { state });\n    }\n  };\n\n  private navigate?: NavigateFunction = undefined;\n\n  private handleLocationChange = (location: Location, action: NavigationType) => {\n    const listeners = this.routeChangeListener.values();\n    listeners.forEach((listener) => listener(location, action));\n  };\n\n  private RoutingContext = ({ children, renderCtx }: { children: ReactNode; renderCtx?: RenderContext }) => {\n    return (\n      <RouteContext reactRouterUi={this} routing={this.routingMode} location={renderCtx?.initialLocation}>\n        {children}\n        <LocationHooks\n          onLocationChange={this.handleLocationChange}\n          onNavigatorChange={(nav) => (this.navigate = nav)}\n        />\n      </RouteContext>\n    );\n  };\n\n  private ServerRouting = ({ children, renderCtx }: { children: ReactNode; renderCtx?: RenderContext }) => {\n    return (\n      <RouteContext reactRouterUi={this} routing={Routing.static} location={renderCtx?.initialLocation}>\n        {children}\n        <LocationHooks\n          onLocationChange={this.handleLocationChange}\n          onNavigatorChange={(nav) => (this.navigate = nav)}\n        />\n      </RouteContext>\n    );\n  };\n\n  public renderPlugin: SSR.RenderPlugin<RenderContext> = {\n    browserInit: () => {\n      const initialLocation = `${window.location.pathname}${window.location.search}${window.location.hash}`;\n      return { initialLocation };\n    },\n    serverInit: ({ browser }) => {\n      const initialLocation = browser?.location.url;\n      return { initialLocation };\n    },\n    reactClientContext: this.RoutingContext,\n    reactServerContext: this.ServerRouting,\n  };\n\n  static slots = [Slot.withType<RouteProps>(), Slot.withType<LocationListener>()];\n  static runtime = UIRuntime;\n\n  static async provider(deps, config, [routeSlot, routeChangeSlot]: [RouteSlot, RouteChangeSlot]) {\n    return new ReactRouterUI(routeSlot, routeChangeSlot);\n  }\n}\n\nReactRouterAspect.addRuntime(ReactRouterUI);\n"],"mappings":";;;;;;AAAA,SAAAA,OAAA;EAAA,MAAAC,IAAA,GAAAC,sBAAA,CAAAC,OAAA;EAAAH,MAAA,YAAAA,CAAA;IAAA,OAAAC,IAAA;EAAA;EAAA,OAAAA,IAAA;AAAA;AAGA,SAAAG,SAAA;EAAA,MAAAH,IAAA,GAAAE,OAAA;EAAAC,QAAA,YAAAA,CAAA;IAAA,OAAAH,IAAA;EAAA;EAAA,OAAAA,IAAA;AAAA;AACA,SAAAI,IAAA;EAAA,MAAAJ,IAAA,GAAAE,OAAA;EAAAE,GAAA,YAAAA,CAAA;IAAA,OAAAJ,IAAA;EAAA;EAAA,OAAAA,IAAA;AAAA;AAIA,SAAAK,aAAA;EAAA,MAAAL,IAAA,GAAAE,OAAA;EAAAG,YAAA,YAAAA,CAAA;IAAA,OAAAL,IAAA;EAAA;EAAA,OAAAA,IAAA;AAAA;AACA,SAAAM,cAAA;EAAA,MAAAN,IAAA,GAAAE,OAAA;EAAAI,aAAA,YAAAA,CAAA;IAAA,OAAAN,IAAA;EAAA;EAAA,OAAAA,IAAA;AAAA;AACA,SAAAO,eAAA;EAAA,MAAAP,IAAA,GAAAE,OAAA;EAAAK,cAAA,YAAAA,CAAA;IAAA,OAAAP,IAAA;EAAA;EAAA,OAAAA,IAAA;AAAA;AACA,SAAAQ,eAAA;EAAA,MAAAR,IAAA,GAAAE,OAAA;EAAAM,cAAA,YAAAA,CAAA;IAAA,OAAAR,IAAA;EAAA;EAAA,OAAAA,IAAA;AAAA;AAAgD,SAAAC,uBAAAQ,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,SAAAG,gBAAAH,GAAA,EAAAI,GAAA,EAAAC,KAAA,IAAAD,GAAA,GAAAE,cAAA,CAAAF,GAAA,OAAAA,GAAA,IAAAJ,GAAA,IAAAO,MAAA,CAAAC,cAAA,CAAAR,GAAA,EAAAI,GAAA,IAAAC,KAAA,EAAAA,KAAA,EAAAI,UAAA,QAAAC,YAAA,QAAAC,QAAA,oBAAAX,GAAA,CAAAI,GAAA,IAAAC,KAAA,WAAAL,GAAA;AAAA,SAAAM,eAAAM,CAAA,QAAAC,CAAA,GAAAC,YAAA,CAAAF,CAAA,uCAAAC,CAAA,GAAAA,CAAA,GAAAE,MAAA,CAAAF,CAAA;AAAA,SAAAC,aAAAF,CAAA,EAAAI,CAAA,2BAAAJ,CAAA,KAAAA,CAAA,SAAAA,CAAA,MAAAK,CAAA,GAAAL,CAAA,CAAAM,MAAA,CAAAC,WAAA,kBAAAF,CAAA,QAAAJ,CAAA,GAAAI,CAAA,CAAAG,IAAA,CAAAR,CAAA,EAAAI,CAAA,uCAAAH,CAAA,SAAAA,CAAA,YAAAQ,SAAA,yEAAAL,CAAA,GAAAD,MAAA,GAAAO,MAAA,EAAAV,CAAA;AAMzC,MAAMW,aAAa,CAAC;EAGzBC,WAAWA;EACT;AACJ;AACA;EACYC,SAAoB;EAC5B;AACJ;AACA;EACYC,mBAAoC,EAC5C;IAAA,KALQD,SAAoB,GAApBA,SAAoB;IAAA,KAIpBC,mBAAoC,GAApCA,mBAAoC;IAAAvB,eAAA,sBAVxBwB,wBAAO,CAACC,GAAG;IAyCjC;AACF;AACA;IAFEzB,eAAA,qBAGa,CAEX0B,IAAuB,EAEvBC,MAAuB,KACpB;MACH,MAAMC,KAAK,GAAG,OAAOF,IAAI,KAAK,QAAQ,GAAGA,IAAI,CAACE,KAAK,GAAGC,SAAS;MAE/D,QAAQF,MAAM;QACZ,KAAK,KAAK;UACR;QAAQ;QACV,KAAK,SAAS;UACZ,IAAI,CAACG,QAAQ,GAAGJ,IAAI,EAAE;YAAEK,OAAO,EAAE,IAAI;YAAEH;UAAM,CAAC,CAAC;UAC/C;QACF,KAAK,MAAM;QACX;UACE,IAAI,CAACE,QAAQ,GAAGJ,IAAI,EAAE;YAAEE;UAAM,CAAC,CAAC;MACpC;IACF,CAAC;IAAA5B,eAAA,mBAEqC6B,SAAS;IAAA7B,eAAA,+BAEhB,CAACgC,QAAkB,EAAEL,MAAsB,KAAK;MAC7E,MAAMM,SAAS,GAAG,IAAI,CAACV,mBAAmB,CAACW,MAAM,CAAC,CAAC;MACnDD,SAAS,CAACE,OAAO,CAAEC,QAAQ,IAAKA,QAAQ,CAACJ,QAAQ,EAAEL,MAAM,CAAC,CAAC;IAC7D,CAAC;IAAA3B,eAAA,yBAEwB,CAAC;MAAEqC,QAAQ;MAAEC;IAA8D,CAAC,KAAK;MACxG,oBACEnD,MAAA,GAAAY,OAAA,CAAAwC,aAAA,CAAC7C,aAAA,GAAA8C,YAAY;QAACC,aAAa,EAAE,IAAK;QAACC,OAAO,EAAE,IAAI,CAACC,WAAY;QAACX,QAAQ,EAAEM,SAAS,EAAEM;MAAgB,GAChGP,QAAQ,eACTlD,MAAA,GAAAY,OAAA,CAAAwC,aAAA,CAAC3C,cAAA,GAAAiD,aAAa;QACZC,gBAAgB,EAAE,IAAI,CAACC,oBAAqB;QAC5CC,iBAAiB,EAAGC,GAAG,IAAM,IAAI,CAACnB,QAAQ,GAAGmB;MAAK,CACnD,CACW,CAAC;IAEnB,CAAC;IAAAjD,eAAA,wBAEuB,CAAC;MAAEqC,QAAQ;MAAEC;IAA8D,CAAC,KAAK;MACvG,oBACEnD,MAAA,GAAAY,OAAA,CAAAwC,aAAA,CAAC7C,aAAA,GAAA8C,YAAY;QAACC,aAAa,EAAE,IAAK;QAACC,OAAO,EAAElB,wBAAO,CAAC0B,MAAO;QAAClB,QAAQ,EAAEM,SAAS,EAAEM;MAAgB,GAC9FP,QAAQ,eACTlD,MAAA,GAAAY,OAAA,CAAAwC,aAAA,CAAC3C,cAAA,GAAAiD,aAAa;QACZC,gBAAgB,EAAE,IAAI,CAACC,oBAAqB;QAC5CC,iBAAiB,EAAGC,GAAG,IAAM,IAAI,CAACnB,QAAQ,GAAGmB;MAAK,CACnD,CACW,CAAC;IAEnB,CAAC;IAAAjD,eAAA,uBAEsD;MACrDmD,WAAW,EAAEA,CAAA,KAAM;QACjB,MAAMP,eAAe,GAAI,GAAEQ,MAAM,CAACpB,QAAQ,CAACqB,QAAS,GAAED,MAAM,CAACpB,QAAQ,CAACsB,MAAO,GAAEF,MAAM,CAACpB,QAAQ,CAACuB,IAAK,EAAC;QACrG,OAAO;UAAEX;QAAgB,CAAC;MAC5B,CAAC;MACDY,UAAU,EAAEA,CAAC;QAAEC;MAAQ,CAAC,KAAK;QAC3B,MAAMb,eAAe,GAAGa,OAAO,EAAEzB,QAAQ,CAACP,GAAG;QAC7C,OAAO;UAAEmB;QAAgB,CAAC;MAC5B,CAAC;MACDc,kBAAkB,EAAE,IAAI,CAACC,cAAc;MACvCC,kBAAkB,EAAE,IAAI,CAACC;IAC3B,CAAC;EA/FE;;EAEH;AACF;AACA;EACEC,YAAYA,CAACC,MAAoB,EAAE;IACjC,oBAAO5E,MAAA,GAAAY,OAAA,CAAAwC,aAAA,CAAC7C,aAAA,GAAAsE,SAAS;MAAC1C,SAAS,EAAE,IAAI,CAACA,SAAU;MAAC2C,UAAU,EAAEF;IAAO,CAAE,CAAC;EACrE;;EAEA;AACF;AACA;AACA;AACA;EACEG,cAAcA,CAACxB,OAAgB,EAAE;IAC/B,IAAI,CAACC,WAAW,GAAGD,OAAO;EAC5B;;EAEA;AACF;AACA;EACEyB,QAAQA,CAACC,KAAiB,EAAE;IAC1B,IAAI,CAAC9C,SAAS,CAAC6C,QAAQ,CAACC,KAAK,CAAC;IAC9B,OAAO,IAAI;EACb;EAEAC,gBAAgBA,CAACjC,QAA0B,EAAE;IAC3C,IAAI,CAACb,mBAAmB,CAAC4C,QAAQ,CAAC/B,QAAQ,CAAC;EAC7C;EAwEA,aAAakC,QAAQA,CAACC,IAAI,EAAEC,MAAM,EAAE,CAAClD,SAAS,EAAEmD,eAAe,CAA+B,EAAE;IAC9F,OAAO,IAAIrD,aAAa,CAACE,SAAS,EAAEmD,eAAe,CAAC;EACtD;AACF;AAACC,OAAA,CAAAtD,aAAA,GAAAA,aAAA;AAAApB,eAAA,CAnHYoB,aAAa,WA6GT,CAACuD,eAAI,CAACC,QAAQ,CAAa,CAAC,EAAED,eAAI,CAACC,QAAQ,CAAmB,CAAC,CAAC;AAAA5E,eAAA,CA7GpEoB,aAAa,aA8GPyD,eAAS;AAO5BC,gCAAiB,CAACC,UAAU,CAAC3D,aAAa,CAAC"}

package/dist/route-context.d.ts

@@ -1,21 +1,21 @@
-import React, { ReactNode } from 'react';
+import { ReactNode } from 'react';
 import { RouteProps } from 'react-router-dom';
 import { RouteSlot } from '@teambit/ui-foundation.ui.react-router.slot-router';
 import { ReactRouterUI } from './react-router.ui.runtime';
 import { Routing } from './routing-method';
-declare type RouterContextProps = {
+type RouterContextProps = {
     reactRouterUi: ReactRouterUI;
     routing?: Routing;
     children: ReactNode;
     location?: string;
 };
-declare type RootRouteProps = {
+type RootRouteProps = {
     rootRoutes: RouteProps[];
     routeSlot: RouteSlot;
 };
 /**
  * Setup context needed for routing.
  */
-export declare function RouteContext({ routing, children, location }: RouterContextProps): React.JSX.Element;
-export declare function RootRoute({ rootRoutes, routeSlot }: RootRouteProps): React.JSX.Element;
+export declare function RouteContext({ routing, children, location }: RouterContextProps): JSX.Element;
+export declare function RootRoute({ rootRoutes, routeSlot }: RootRouteProps): JSX.Element;
 export {};

package/index.ts

@@ -0,0 +1,10 @@
+import { ReactRouterAspect } from './react-router.aspect';
+
+export { Routing } from './routing-method';
+export type { ReactRouterUI } from './react-router.ui.runtime';
+
+export * as navigation from '@teambit/base-react.navigation.link';
+export * as ReactRouter from 'react-router-dom';
+
+export { ReactRouterAspect };
+export default ReactRouterAspect;

package/package.json

@@ -1,35 +1,31 @@
 {
   "name": "@teambit/react-router",
-  "version": "1.0.107",
+  "version": "1.0.108",
   "homepage": "https://bit.cloud/teambit/ui-foundation/react-router",
   "main": "dist/index.js",
   "componentId": {
     "scope": "teambit.ui-foundation",
     "name": "react-router",
-    "version": "1.0.107"
+    "version": "1.0.108"
   },
   "dependencies": {
-    "core-js": "^3.0.0",
-    "@babel/runtime": "7.20.0",
     "@teambit/base-react.navigation.link": "2.0.27",
     "@teambit/harmony": "0.4.6",
     "@teambit/ui-foundation.ui.react-router.slot-router": "0.0.506",
     "@teambit/ui-foundation.ui.navigation.react-router-adapter": "6.1.1",
-    "@teambit/ui": "1.0.107"
+    "@teambit/ui": "1.0.108"
   },
   "devDependencies": {
-    "@types/react": "^17.0.8",
     "@types/mocha": "9.1.0",
-    "@types/node": "12.20.4",
-    "@types/react-dom": "^17.0.5",
-    "@types/jest": "^26.0.0",
-    "@types/testing-library__jest-dom": "5.9.5"
+    "@types/jest": "^29.2.2",
+    "@types/testing-library__jest-dom": "^5.9.5",
+    "@teambit/harmony.envs.core-aspect-env": "0.0.13"
   },
   "peerDependencies": {
-    "react-router-dom": "^6.0.0",
-    "@teambit/legacy": "1.0.624",
-    "react": "^16.8.0 || ^17.0.0",
-    "react-dom": "^16.8.0 || ^17.0.0"
+    "react": "^17.0.0 || ^18.0.0",
+    "react-router-dom": "^6.8.1",
+    "@types/react": "^18.2.12",
+    "@teambit/legacy": "1.0.624"
   },
   "license": "Apache-2.0",
   "optionalDependencies": {},
@@ -43,7 +39,7 @@
   },
   "private": false,
   "engines": {
-    "node": ">=12.22.0"
+    "node": ">=16.0.0"
   },
   "repository": {
     "type": "git",
@@ -52,12 +48,9 @@
   "keywords": [
     "bit",
     "bit-aspect",
+    "bit-core-aspect",
     "components",
     "collaboration",
-    "web",
-    "react",
-    "react-components",
-    "angular",
-    "angular-components"
+    "web"
   ]
 }

package/react-router.aspect.ts

@@ -0,0 +1,7 @@
+import { Aspect } from '@teambit/harmony';
+
+export const ReactRouterAspect = Aspect.create({
+  id: 'teambit.ui-foundation/react-router',
+});
+
+export default ReactRouterAspect;

package/tsconfig.json

@@ -1,38 +1,33 @@
 {
   "compilerOptions": {
     "lib": [
-      "es2019",
-      "DOM",
-      "ES6",
-      "DOM.Iterable",
-      "ScriptHost"
+      "esnext",
+      "dom",
+      "dom.Iterable"
     ],
-    "target": "es2015",
-    "module": "CommonJS",
-    "jsx": "react",
-    "allowJs": true,
-    "composite": true,
+    "target": "es2020",
+    "module": "es2020",
+    "jsx": "react-jsx",
     "declaration": true,
     "sourceMap": true,
-    "skipLibCheck": true,
     "experimentalDecorators": true,
-    "outDir": "dist",
+    "skipLibCheck": true,
     "moduleResolution": "node",
     "esModuleInterop": true,
-    "rootDir": ".",
     "resolveJsonModule": true,
-    "emitDeclarationOnly": true,
-    "emitDecoratorMetadata": true,
-    "allowSyntheticDefaultImports": true,
-    "strictPropertyInitialization": false,
-    "strict": true,
-    "noImplicitAny": false,
-    "preserveConstEnums": true
+    "allowJs": true,
+    "outDir": "dist",
+    "emitDeclarationOnly": true
   },
   "exclude": [
+    "artifacts",
+    "public",
     "dist",
+    "node_modules",
+    "package.json",
     "esm.mjs",
-    "package.json"
+    "**/*.cjs",
+    "./dist"
   ],
   "include": [
     "**/*",

package/types/asset.d.ts

@@ -5,12 +5,12 @@ declare module '*.png' {
 declare module '*.svg' {
   import type { FunctionComponent, SVGProps } from 'react';
 
-  export const ReactComponent: FunctionComponent<SVGProps<SVGSVGElement> & { title?: string }>;
+  export const ReactComponent: FunctionComponent<
+    SVGProps<SVGSVGElement> & { title?: string }
+  >;
   const src: string;
   export default src;
 }
-
-// @TODO Gilad
 declare module '*.jpg' {
   const value: any;
   export = value;
@@ -27,3 +27,15 @@ declare module '*.bmp' {
   const value: any;
   export = value;
 }
+declare module '*.otf' {
+  const value: any;
+  export = value;
+}
+declare module '*.woff' {
+  const value: any;
+  export = value;
+}
+declare module '*.woff2' {
+  const value: any;
+  export = value;
+}