@teambit/react-router 0.0.881 → 0.0.882

package/dist/LocationHooks.js

@@ -4,34 +4,26 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.LocationHooks = LocationHooks;
-
 function _react() {
   const data = require("react");
-
   _react = function () {
     return data;
   };
-
   return data;
 }
-
 function _reactRouterDom() {
   const data = require("react-router-dom");
-
   _reactRouterDom = function () {
     return data;
   };
-
   return data;
 }
-
 function LocationHooks({
   onLocationChange,
   onNavigatorChange
 }) {
   const location = (0, _reactRouterDom().useLocation)();
   const navAction = (0, _reactRouterDom().useNavigationType)(); // the action that got react router to this location
-
   const navigate = (0, _reactRouterDom().useNavigate)();
   (0, _react().useEffect)(() => {
     onLocationChange(location, navAction);

package/dist/LocationHooks.js.map

@@ -1 +1 @@
-{"version":3,"names":["LocationHooks","onLocationChange","onNavigatorChange","location","useLocation","navAction","useNavigationType","navigate","useNavigate","useEffect"],"sources":["LocationHooks.tsx"],"sourcesContent":["import { useEffect } from 'react';\nimport { useLocation, useNavigate, NavigateFunction, useNavigationType } from 'react-router-dom';\nimport { LocationListener } from './react-router.ui.runtime';\n\nexport function LocationHooks({\n  onLocationChange,\n  onNavigatorChange,\n}: {\n  onLocationChange: LocationListener;\n  onNavigatorChange: (nav: NavigateFunction) => void;\n}) {\n  const location = useLocation();\n  const navAction = useNavigationType(); // the action that got react router to this location\n  const navigate = useNavigate();\n\n  useEffect(() => {\n    onLocationChange(location, navAction);\n  }, [location, navAction, onLocationChange]);\n\n  useEffect(() => {\n    onNavigatorChange(navigate);\n  }, [navigate, onNavigatorChange]);\n\n  return null;\n}\n"],"mappings":";;;;;;;AAAA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AACA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AAGO,SAASA,aAAT,CAAuB;EAC5BC,gBAD4B;EAE5BC;AAF4B,CAAvB,EAMJ;EACD,MAAMC,QAAQ,GAAG,IAAAC,6BAAA,GAAjB;EACA,MAAMC,SAAS,GAAG,IAAAC,mCAAA,GAAlB,CAFC,CAEsC;;EACvC,MAAMC,QAAQ,GAAG,IAAAC,6BAAA,GAAjB;EAEA,IAAAC,kBAAA,EAAU,MAAM;IACdR,gBAAgB,CAACE,QAAD,EAAWE,SAAX,CAAhB;EACD,CAFD,EAEG,CAACF,QAAD,EAAWE,SAAX,EAAsBJ,gBAAtB,CAFH;EAIA,IAAAQ,kBAAA,EAAU,MAAM;IACdP,iBAAiB,CAACK,QAAD,CAAjB;EACD,CAFD,EAEG,CAACA,QAAD,EAAWL,iBAAX,CAFH;EAIA,OAAO,IAAP;AACD"}
+{"version":3,"names":["LocationHooks","onLocationChange","onNavigatorChange","location","useLocation","navAction","useNavigationType","navigate","useNavigate","useEffect"],"sources":["LocationHooks.tsx"],"sourcesContent":["import { useEffect } from 'react';\nimport { useLocation, useNavigate, NavigateFunction, useNavigationType } from 'react-router-dom';\nimport { LocationListener } from './react-router.ui.runtime';\n\nexport function LocationHooks({\n  onLocationChange,\n  onNavigatorChange,\n}: {\n  onLocationChange: LocationListener;\n  onNavigatorChange: (nav: NavigateFunction) => void;\n}) {\n  const location = useLocation();\n  const navAction = useNavigationType(); // the action that got react router to this location\n  const navigate = useNavigate();\n\n  useEffect(() => {\n    onLocationChange(location, navAction);\n  }, [location, navAction, onLocationChange]);\n\n  useEffect(() => {\n    onNavigatorChange(navigate);\n  }, [navigate, onNavigatorChange]);\n\n  return null;\n}\n"],"mappings":";;;;;;AAAA;EAAA;EAAA;IAAA;EAAA;EAAA;AAAA;AACA;EAAA;EAAA;IAAA;EAAA;EAAA;AAAA;AAGO,SAASA,aAAa,CAAC;EAC5BC,gBAAgB;EAChBC;AAIF,CAAC,EAAE;EACD,MAAMC,QAAQ,GAAG,IAAAC,6BAAW,GAAE;EAC9B,MAAMC,SAAS,GAAG,IAAAC,mCAAiB,GAAE,CAAC,CAAC;EACvC,MAAMC,QAAQ,GAAG,IAAAC,6BAAW,GAAE;EAE9B,IAAAC,kBAAS,EAAC,MAAM;IACdR,gBAAgB,CAACE,QAAQ,EAAEE,SAAS,CAAC;EACvC,CAAC,EAAE,CAACF,QAAQ,EAAEE,SAAS,EAAEJ,gBAAgB,CAAC,CAAC;EAE3C,IAAAQ,kBAAS,EAAC,MAAM;IACdP,iBAAiB,CAACK,QAAQ,CAAC;EAC7B,CAAC,EAAE,CAACA,QAAQ,EAAEL,iBAAiB,CAAC,CAAC;EAEjC,OAAO,IAAI;AACb"}

package/dist/index.js

@@ -17,67 +17,49 @@ Object.defineProperty(exports, "Routing", {
   }
 });
 exports.navigation = exports.default = void 0;
-
 function _reactRouter() {
   const data = require("./react-router.aspect");
-
   _reactRouter = function () {
     return data;
   };
-
   return data;
 }
-
 function _routingMethod() {
   const data = require("./routing-method");
-
   _routingMethod = function () {
     return data;
   };
-
   return data;
 }
-
 function _navigation() {
   const data = _interopRequireWildcard(require("@teambit/base-react.navigation.link"));
-
   _navigation = function () {
     return data;
   };
-
   return data;
 }
-
 Object.defineProperty(exports, "navigation", {
   enumerable: true,
   get: function () {
     return _navigation();
   }
 });
-
 function _ReactRouter() {
   const data = _interopRequireWildcard(require("react-router-dom"));
-
   _ReactRouter = function () {
     return data;
   };
-
   return data;
 }
-
 Object.defineProperty(exports, "ReactRouter", {
   enumerable: true,
   get: function () {
     return _ReactRouter();
   }
 });
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 var _default = _reactRouter().ReactRouterAspect;
-
 exports.default = _default;
 
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["ReactRouterAspect"],"sources":["index.ts"],"sourcesContent":["import { ReactRouterAspect } from './react-router.aspect';\n\nexport { Routing } from './routing-method';\nexport type { ReactRouterUI } from './react-router.ui.runtime';\n\nexport * as navigation from '@teambit/base-react.navigation.link';\nexport * as ReactRouter from 'react-router-dom';\n\nexport { ReactRouterAspect };\nexport default ReactRouterAspect;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AAEA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;eAOeA,gC"}
+{"version":3,"names":["ReactRouterAspect"],"sources":["index.ts"],"sourcesContent":["import { ReactRouterAspect } from './react-router.aspect';\n\nexport { Routing } from './routing-method';\nexport type { ReactRouterUI } from './react-router.ui.runtime';\n\nexport * as navigation from '@teambit/base-react.navigation.link';\nexport * as ReactRouter from 'react-router-dom';\n\nexport { ReactRouterAspect };\nexport default ReactRouterAspect;\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;EAAA;EAAA;IAAA;EAAA;EAAA;AAAA;AAEA;EAAA;EAAA;IAAA;EAAA;EAAA;AAAA;AAA2C;EAAA;EAAA;IAAA;EAAA;EAAA;AAAA;AAAA;EAAA;EAAA;IAAA;EAAA;AAAA;AAAA;EAAA;EAAA;IAAA;EAAA;EAAA;AAAA;AAAA;EAAA;EAAA;IAAA;EAAA;AAAA;AAAA;AAAA;AAAA,eAO5BA,gCAAiB;AAAA"}

package/dist/react-router.aspect.js

@@ -4,21 +4,16 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.ReactRouterAspect = void 0;
-
 function _harmony() {
   const data = require("@teambit/harmony");
-
   _harmony = function () {
     return data;
   };
-
   return data;
 }
-
 const ReactRouterAspect = _harmony().Aspect.create({
   id: 'teambit.ui-foundation/react-router'
 });
-
 exports.ReactRouterAspect = ReactRouterAspect;
 
 //# sourceMappingURL=react-router.aspect.js.map

package/dist/react-router.aspect.js.map

@@ -1 +1 @@
-{"version":3,"names":["ReactRouterAspect","Aspect","create","id"],"sources":["react-router.aspect.ts"],"sourcesContent":["import { Aspect } from '@teambit/harmony';\n\nexport const ReactRouterAspect = Aspect.create({\n  id: 'teambit.ui-foundation/react-router',\n});\n"],"mappings":";;;;;;;AAAA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AAEO,MAAMA,iBAAiB,GAAGC,iBAAA,CAAOC,MAAP,CAAc;EAC7CC,EAAE,EAAE;AADyC,CAAd,CAA1B"}
+{"version":3,"names":["ReactRouterAspect","Aspect","create","id"],"sources":["react-router.aspect.ts"],"sourcesContent":["import { Aspect } from '@teambit/harmony';\n\nexport const ReactRouterAspect = Aspect.create({\n  id: 'teambit.ui-foundation/react-router',\n});\n"],"mappings":";;;;;;AAAA;EAAA;EAAA;IAAA;EAAA;EAAA;AAAA;AAEO,MAAMA,iBAAiB,GAAGC,iBAAM,CAACC,MAAM,CAAC;EAC7CC,EAAE,EAAE;AACN,CAAC,CAAC;AAAC"}

package/dist/react-router.composition.js

@@ -1,22 +1,17 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.Logo = void 0;
-
 function _react() {
   const data = _interopRequireDefault(require("react"));
-
   _react = function () {
     return data;
   };
-
   return data;
 }
-
 const Logo = () => /*#__PURE__*/_react().default.createElement("div", {
   style: {
     height: '100%',
@@ -29,7 +24,6 @@ const Logo = () => /*#__PURE__*/_react().default.createElement("div", {
   },
   src: "https://static.bit.dev/extensions-icons/react-router.svg"
 }));
-
 exports.Logo = Logo;
 
 //# sourceMappingURL=react-router.composition.js.map

package/dist/react-router.composition.js.map

@@ -1 +1 @@
-{"version":3,"names":["Logo","height","display","justifyContent","width"],"sources":["react-router.composition.tsx"],"sourcesContent":["import React from 'react';\n\nexport const Logo = () => (\n  <div style={{ height: '100%', display: 'flex', justifyContent: 'center' }}>\n    <img style={{ width: 70 }} src=\"https://static.bit.dev/extensions-icons/react-router.svg\" />\n  </div>\n);\n"],"mappings":";;;;;;;;;AAAA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AAEO,MAAMA,IAAI,GAAG,mBAClB;EAAK,KAAK,EAAE;IAAEC,MAAM,EAAE,MAAV;IAAkBC,OAAO,EAAE,MAA3B;IAAmCC,cAAc,EAAE;EAAnD;AAAZ,gBACE;EAAK,KAAK,EAAE;IAAEC,KAAK,EAAE;EAAT,CAAZ;EAA2B,GAAG,EAAC;AAA/B,EADF,CADK"}
+{"version":3,"names":["Logo","height","display","justifyContent","width"],"sources":["react-router.composition.tsx"],"sourcesContent":["import React from 'react';\n\nexport const Logo = () => (\n  <div style={{ height: '100%', display: 'flex', justifyContent: 'center' }}>\n    <img style={{ width: 70 }} src=\"https://static.bit.dev/extensions-icons/react-router.svg\" />\n  </div>\n);\n"],"mappings":";;;;;;;AAAA;EAAA;EAAA;IAAA;EAAA;EAAA;AAAA;AAEO,MAAMA,IAAI,GAAG,mBAClB;EAAK,KAAK,EAAE;IAAEC,MAAM,EAAE,MAAM;IAAEC,OAAO,EAAE,MAAM;IAAEC,cAAc,EAAE;EAAS;AAAE,gBACxE;EAAK,KAAK,EAAE;IAAEC,KAAK,EAAE;EAAG,CAAE;EAAC,GAAG,EAAC;AAA0D,EAAG,CAE/F;AAAC"}

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

@@ -1,98 +1,69 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 require("core-js/modules/es.array.iterator.js");
-
 require("core-js/modules/es.promise.js");
-
 require("core-js/modules/es.regexp.exec.js");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.ReactRouterUI = void 0;
-
 function _defineProperty2() {
   const data = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
   _defineProperty2 = function () {
     return data;
   };
-
   return data;
 }
-
 function _react() {
   const data = _interopRequireDefault(require("react"));
-
   _react = function () {
     return data;
   };
-
   return data;
 }
-
 function _harmony() {
   const data = require("@teambit/harmony");
-
   _harmony = function () {
     return data;
   };
-
   return data;
 }
-
 function _ui() {
   const data = require("@teambit/ui");
-
   _ui = function () {
     return data;
   };
-
   return data;
 }
-
 function _reactRouter() {
   const data = require("./react-router.aspect");
-
   _reactRouter = function () {
     return data;
   };
-
   return data;
 }
-
 function _routeContext() {
   const data = require("./route-context");
-
   _routeContext = function () {
     return data;
   };
-
   return data;
 }
-
 function _routingMethod() {
   const data = require("./routing-method");
-
   _routingMethod = function () {
     return data;
   };
-
   return data;
 }
-
 function _LocationHooks() {
   const data = require("./LocationHooks");
-
   _LocationHooks = function () {
     return data;
   };
-
   return data;
 }
-
 class ReactRouterUI {
   constructor(
   /**
@@ -108,21 +79,17 @@ class ReactRouterUI {
     (0, _defineProperty2().default)(this, "routingMode", _routingMethod().Routing.url);
     (0, _defineProperty2().default)(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 ? void 0 : _this$navigate.call(this, path, {
             replace: true,
             state
           });
           return;
-
         case 'PUSH':
         default:
           (_this$navigate2 = this.navigate) === null || _this$navigate2 === void 0 ? void 0 : _this$navigate2.call(this, path, {
@@ -180,55 +147,48 @@ class ReactRouterUI {
       reactServerContext: this.ServerRouting
     });
   }
+
   /**
    * render all slot routes.
    */
-
-
   renderRoutes(routes) {
     return /*#__PURE__*/_react().default.createElement(_routeContext().RootRoute, {
       routeSlot: this.routeSlot,
       rootRoutes: routes
     });
   }
+
   /** decides how navigation is stored and applied.
    * Url - updates the `window.location.pathname`.
    * Hash - updates `window.location.hash`.
    * InMemory - store state internally and don't update the browser.
    */
-
-
   setRoutingMode(routing) {
     this.routingMode = routing;
   }
+
   /**
    * register a new route.
    */
-
-
   register(route) {
     this.routeSlot.register(route);
     return this;
   }
-
   registerListener(listener) {
     this.routeChangeListener.register(listener);
   }
+
   /**
    * change browser location
    */
 
-
   static async provider(deps, config, [routeSlot, routeChangeSlot]) {
     return new ReactRouterUI(routeSlot, routeChangeSlot);
   }
-
 }
-
 exports.ReactRouterUI = ReactRouterUI;
 (0, _defineProperty2().default)(ReactRouterUI, "slots", [_harmony().Slot.withType(), _harmony().Slot.withType()]);
 (0, _defineProperty2().default)(ReactRouterUI, "runtime", _ui().UIRuntime);
-
 _reactRouter().ReactRouterAspect.addRuntime(ReactRouterUI);
 
 //# sourceMappingURL=react-router.ui.runtime.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["ReactRouterUI","constructor","routeSlot","routeChangeListener","Routing","url","path","action","state","undefined","navigate","replace","location","listeners","values","forEach","listener","children","renderCtx","routingMode","initialLocation","handleLocationChange","nav","static","browserInit","window","pathname","search","hash","serverInit","browser","reactClientContext","RoutingContext","reactServerContext","ServerRouting","renderRoutes","routes","setRoutingMode","routing","register","route","registerListener","provider","deps","config","routeChangeSlot","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":["ReactRouterUI","constructor","routeSlot","routeChangeListener","Routing","url","path","action","state","undefined","navigate","replace","location","listeners","values","forEach","listener","children","renderCtx","routingMode","initialLocation","handleLocationChange","nav","static","browserInit","window","pathname","search","hash","serverInit","browser","reactClientContext","RoutingContext","reactServerContext","ServerRouting","renderRoutes","routes","setRoutingMode","routing","register","route","registerListener","provider","deps","config","routeChangeSlot","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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"}

package/dist/route-context.js

@@ -1,83 +1,60 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.RootRoute = RootRoute;
 exports.RouteContext = RouteContext;
-
 function _react() {
   const data = _interopRequireDefault(require("react"));
-
   _react = function () {
     return data;
   };
-
   return data;
 }
-
 function _reactRouterDom() {
   const data = require("react-router-dom");
-
   _reactRouterDom = function () {
     return data;
   };
-
   return data;
 }
-
 function _server() {
   const data = require("react-router-dom/server");
-
   _server = function () {
     return data;
   };
-
   return data;
 }
-
 function _uiFoundationUiReactRouter() {
   const data = require("@teambit/ui-foundation.ui.react-router.slot-router");
-
   _uiFoundationUiReactRouter = function () {
     return data;
   };
-
   return data;
 }
-
 function _baseReactNavigation() {
   const data = require("@teambit/base-react.navigation.link");
-
   _baseReactNavigation = function () {
     return data;
   };
-
   return data;
 }
-
 function _uiFoundationUiNavigation() {
   const data = require("@teambit/ui-foundation.ui.navigation.react-router-adapter");
-
   _uiFoundationUiNavigation = function () {
     return data;
   };
-
   return data;
 }
-
 function _routingMethod() {
   const data = require("./routing-method");
-
   _routingMethod = function () {
     return data;
   };
-
   return data;
 }
-
 /**
  * Setup context needed for routing.
  */
@@ -93,7 +70,6 @@ function RouteContext({
     implementation: _uiFoundationUiNavigation().reactRouterAdapter
   }, children));
 }
-
 function RootRoute({
   rootRoutes,
   routeSlot
@@ -103,9 +79,8 @@ function RootRoute({
     rootRoutes: rootRoutes
   });
 }
-/** provides the router engine (browser, inMemory, etc) */
-
 
+/** provides the router engine (browser, inMemory, etc) */
 function Router({
   type,
   children,
@@ -116,17 +91,14 @@ function Router({
       return /*#__PURE__*/_react().default.createElement(_server().StaticRouter, {
         location: location || '/'
       }, children);
-
     case _routingMethod().Routing.inMemory:
       return /*#__PURE__*/_react().default.createElement(_reactRouterDom().MemoryRouter, {
         initialEntries: [location || '/'],
         initialIndex: 1
       }, children);
-
     case _routingMethod().Routing.hash:
       // @ts-ignore - https://github.com/teambit/bit/issues/5746
       return /*#__PURE__*/_react().default.createElement(_reactRouterDom().HashRouter, null, children);
-
     case _routingMethod().Routing.url:
     default:
       // @ts-ignore - https://github.com/teambit/bit/issues/5746

package/dist/route-context.js.map

@@ -1 +1 @@
-{"version":3,"names":["RouteContext","routing","Routing","url","children","location","reactRouterAdapter","RootRoute","rootRoutes","routeSlot","Router","type","static","inMemory","hash"],"sources":["route-context.tsx"],"sourcesContent":["import React, { ReactNode } from 'react';\nimport { BrowserRouter, MemoryRouter, HashRouter, RouteProps } from 'react-router-dom';\nimport { StaticRouter } from 'react-router-dom/server';\nimport { RouteSlot, SlotRouter } from '@teambit/ui-foundation.ui.react-router.slot-router';\nimport { NavigationProvider } from '@teambit/base-react.navigation.link';\nimport { reactRouterAdapter } from '@teambit/ui-foundation.ui.navigation.react-router-adapter';\nimport { ReactRouterUI } from './react-router.ui.runtime';\nimport { Routing } from './routing-method';\n\ntype RouterContextProps = {\n  reactRouterUi: ReactRouterUI;\n  routing?: Routing;\n  children: ReactNode;\n  location?: string;\n};\n\ntype RootRouteProps = {\n  rootRoutes: RouteProps[];\n  routeSlot: RouteSlot;\n};\n\n/**\n * Setup context needed for routing.\n */\nexport function RouteContext({ routing = Routing.url, children, location }: RouterContextProps) {\n  return (\n    <Router type={routing} location={location}>\n      <NavigationProvider implementation={reactRouterAdapter}>{children}</NavigationProvider>\n    </Router>\n  );\n}\n\nexport function RootRoute({ rootRoutes, routeSlot }: RootRouteProps) {\n  return <SlotRouter slot={routeSlot} rootRoutes={rootRoutes} />;\n}\n\n/** provides the router engine (browser, inMemory, etc) */\nfunction Router({ type, children, location }: { type: Routing; children: ReactNode; location?: string }) {\n  switch (type) {\n    case Routing.static:\n      return <StaticRouter location={location || '/'}>{children}</StaticRouter>;\n    case Routing.inMemory:\n      return (\n        <MemoryRouter initialEntries={[location || '/']} initialIndex={1}>\n          {children}\n        </MemoryRouter>\n      );\n    case Routing.hash:\n      // @ts-ignore - https://github.com/teambit/bit/issues/5746\n      return <HashRouter>{children}</HashRouter>;\n    case Routing.url:\n    default:\n      // @ts-ignore - https://github.com/teambit/bit/issues/5746\n      return <BrowserRouter>{children}</BrowserRouter>;\n  }\n}\n"],"mappings":";;;;;;;;;;AAAA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AACA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AACA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AACA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AACA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AACA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AAEA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AAcA;AACA;AACA;AACO,SAASA,YAAT,CAAsB;EAAEC,OAAO,GAAGC,wBAAA,CAAQC,GAApB;EAAyBC,QAAzB;EAAmCC;AAAnC,CAAtB,EAAyF;EAC9F,oBACE,+BAAC,MAAD;IAAQ,IAAI,EAAEJ,OAAd;IAAuB,QAAQ,EAAEI;EAAjC,gBACE,+BAAC,yCAAD;IAAoB,cAAc,EAAEC;EAApC,GAAyDF,QAAzD,CADF,CADF;AAKD;;AAEM,SAASG,SAAT,CAAmB;EAAEC,UAAF;EAAcC;AAAd,CAAnB,EAA8D;EACnE,oBAAO,+BAAC,uCAAD;IAAY,IAAI,EAAEA,SAAlB;IAA6B,UAAU,EAAED;EAAzC,EAAP;AACD;AAED;;;AACA,SAASE,MAAT,CAAgB;EAAEC,IAAF;EAAQP,QAAR;EAAkBC;AAAlB,CAAhB,EAAyG;EACvG,QAAQM,IAAR;IACE,KAAKT,wBAAA,CAAQU,MAAb;MACE,oBAAO,+BAAC,sBAAD;QAAc,QAAQ,EAAEP,QAAQ,IAAI;MAApC,GAA0CD,QAA1C,CAAP;;IACF,KAAKF,wBAAA,CAAQW,QAAb;MACE,oBACE,+BAAC,8BAAD;QAAc,cAAc,EAAE,CAACR,QAAQ,IAAI,GAAb,CAA9B;QAAiD,YAAY,EAAE;MAA/D,GACGD,QADH,CADF;;IAKF,KAAKF,wBAAA,CAAQY,IAAb;MACE;MACA,oBAAO,+BAAC,4BAAD,QAAaV,QAAb,CAAP;;IACF,KAAKF,wBAAA,CAAQC,GAAb;IACA;MACE;MACA,oBAAO,+BAAC,+BAAD,QAAgBC,QAAhB,CAAP;EAfJ;AAiBD"}
+{"version":3,"names":["RouteContext","routing","Routing","url","children","location","reactRouterAdapter","RootRoute","rootRoutes","routeSlot","Router","type","static","inMemory","hash"],"sources":["route-context.tsx"],"sourcesContent":["import React, { ReactNode } from 'react';\nimport { BrowserRouter, MemoryRouter, HashRouter, RouteProps } from 'react-router-dom';\nimport { StaticRouter } from 'react-router-dom/server';\nimport { RouteSlot, SlotRouter } from '@teambit/ui-foundation.ui.react-router.slot-router';\nimport { NavigationProvider } from '@teambit/base-react.navigation.link';\nimport { reactRouterAdapter } from '@teambit/ui-foundation.ui.navigation.react-router-adapter';\nimport { ReactRouterUI } from './react-router.ui.runtime';\nimport { Routing } from './routing-method';\n\ntype RouterContextProps = {\n  reactRouterUi: ReactRouterUI;\n  routing?: Routing;\n  children: ReactNode;\n  location?: string;\n};\n\ntype RootRouteProps = {\n  rootRoutes: RouteProps[];\n  routeSlot: RouteSlot;\n};\n\n/**\n * Setup context needed for routing.\n */\nexport function RouteContext({ routing = Routing.url, children, location }: RouterContextProps) {\n  return (\n    <Router type={routing} location={location}>\n      <NavigationProvider implementation={reactRouterAdapter}>{children}</NavigationProvider>\n    </Router>\n  );\n}\n\nexport function RootRoute({ rootRoutes, routeSlot }: RootRouteProps) {\n  return <SlotRouter slot={routeSlot} rootRoutes={rootRoutes} />;\n}\n\n/** provides the router engine (browser, inMemory, etc) */\nfunction Router({ type, children, location }: { type: Routing; children: ReactNode; location?: string }) {\n  switch (type) {\n    case Routing.static:\n      return <StaticRouter location={location || '/'}>{children}</StaticRouter>;\n    case Routing.inMemory:\n      return (\n        <MemoryRouter initialEntries={[location || '/']} initialIndex={1}>\n          {children}\n        </MemoryRouter>\n      );\n    case Routing.hash:\n      // @ts-ignore - https://github.com/teambit/bit/issues/5746\n      return <HashRouter>{children}</HashRouter>;\n    case Routing.url:\n    default:\n      // @ts-ignore - https://github.com/teambit/bit/issues/5746\n      return <BrowserRouter>{children}</BrowserRouter>;\n  }\n}\n"],"mappings":";;;;;;;;AAAA;EAAA;EAAA;IAAA;EAAA;EAAA;AAAA;AACA;EAAA;EAAA;IAAA;EAAA;EAAA;AAAA;AACA;EAAA;EAAA;IAAA;EAAA;EAAA;AAAA;AACA;EAAA;EAAA;IAAA;EAAA;EAAA;AAAA;AACA;EAAA;EAAA;IAAA;EAAA;EAAA;AAAA;AACA;EAAA;EAAA;IAAA;EAAA;EAAA;AAAA;AAEA;EAAA;EAAA;IAAA;EAAA;EAAA;AAAA;AAcA;AACA;AACA;AACO,SAASA,YAAY,CAAC;EAAEC,OAAO,GAAGC,wBAAO,CAACC,GAAG;EAAEC,QAAQ;EAAEC;AAA6B,CAAC,EAAE;EAC9F,oBACE,+BAAC,MAAM;IAAC,IAAI,EAAEJ,OAAQ;IAAC,QAAQ,EAAEI;EAAS,gBACxC,+BAAC,yCAAkB;IAAC,cAAc,EAAEC;EAAmB,GAAEF,QAAQ,CAAsB,CAChF;AAEb;AAEO,SAASG,SAAS,CAAC;EAAEC,UAAU;EAAEC;AAA0B,CAAC,EAAE;EACnE,oBAAO,+BAAC,uCAAU;IAAC,IAAI,EAAEA,SAAU;IAAC,UAAU,EAAED;EAAW,EAAG;AAChE;;AAEA;AACA,SAASE,MAAM,CAAC;EAAEC,IAAI;EAAEP,QAAQ;EAAEC;AAAoE,CAAC,EAAE;EACvG,QAAQM,IAAI;IACV,KAAKT,wBAAO,CAACU,MAAM;MACjB,oBAAO,+BAAC,sBAAY;QAAC,QAAQ,EAAEP,QAAQ,IAAI;MAAI,GAAED,QAAQ,CAAgB;IAC3E,KAAKF,wBAAO,CAACW,QAAQ;MACnB,oBACE,+BAAC,8BAAY;QAAC,cAAc,EAAE,CAACR,QAAQ,IAAI,GAAG,CAAE;QAAC,YAAY,EAAE;MAAE,GAC9DD,QAAQ,CACI;IAEnB,KAAKF,wBAAO,CAACY,IAAI;MACf;MACA,oBAAO,+BAAC,4BAAU,QAAEV,QAAQ,CAAc;IAC5C,KAAKF,wBAAO,CAACC,GAAG;IAChB;MACE;MACA,oBAAO,+BAAC,+BAAa,QAAEC,QAAQ,CAAiB;EAAC;AAEvD"}

package/dist/routing-method.js

@@ -6,7 +6,6 @@ Object.defineProperty(exports, "__esModule", {
 exports.Routing = void 0;
 let Routing;
 exports.Routing = Routing;
-
 (function (Routing) {
   Routing[Routing["url"] = 0] = "url";
   Routing[Routing["hash"] = 1] = "hash";

package/dist/routing-method.js.map

@@ -1 +1 @@
-{"version":3,"names":["Routing"],"sources":["routing-method.tsx"],"sourcesContent":["export enum Routing {\n  url,\n  hash,\n  inMemory,\n  static,\n}\n"],"mappings":";;;;;;IAAYA,O;;;WAAAA,O;EAAAA,O,CAAAA,O;EAAAA,O,CAAAA,O;EAAAA,O,CAAAA,O;EAAAA,O,CAAAA,O;GAAAA,O,uBAAAA,O"}
+{"version":3,"names":["Routing"],"sources":["routing-method.tsx"],"sourcesContent":["export enum Routing {\n  url,\n  hash,\n  inMemory,\n  static,\n}\n"],"mappings":";;;;;;IAAYA,OAAO;AAAA;AAAA,WAAPA,OAAO;EAAPA,OAAO,CAAPA,OAAO;EAAPA,OAAO,CAAPA,OAAO;EAAPA,OAAO,CAAPA,OAAO;EAAPA,OAAO,CAAPA,OAAO;AAAA,GAAPA,OAAO,uBAAPA,OAAO"}

package/package.json

@@ -1,12 +1,12 @@
 {
   "name": "@teambit/react-router",
-  "version": "0.0.881",
+  "version": "0.0.882",
   "homepage": "https://bit.dev/teambit/ui-foundation/react-router",
   "main": "dist/index.js",
   "componentId": {
     "scope": "teambit.ui-foundation",
     "name": "react-router",
-    "version": "0.0.881"
+    "version": "0.0.882"
   },
   "dependencies": {
     "@babel/runtime": "7.12.18",
@@ -15,7 +15,7 @@
     "@teambit/harmony": "0.3.3",
     "@teambit/ui-foundation.ui.navigation.react-router-adapter": "6.1.1",
     "@teambit/ui-foundation.ui.react-router.slot-router": "0.0.496",
-    "@teambit/ui": "0.0.881"
+    "@teambit/ui": "0.0.882"
   },
   "devDependencies": {
     "@types/react": "^17.0.8",

package/{preview-1666409808293.js → preview-1666496165706.js}

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