@teambit/ui-foundation.ui.react-router.slot-router 0.0.498 → 0.0.500

package/dist/slot-router.d.ts

@@ -5,8 +5,13 @@ import type { LinkProps } from '@teambit/base-react.navigation.link';
 export declare type RouteSlot = SlotRegistry<RouteProps | RouteProps[]>;
 export declare type NavigationSlot = SlotRegistry<LinkProps>;
 export declare type SlotRouterProps = PropsWithChildren<{
-    slot: RouteSlot;
+    /**
+     * @deprecated
+     * use @property routes to pass list of routes instead
+     */
+    slot?: RouteSlot;
+    routes?: RouteProps[];
     rootRoutes?: RouteProps[];
     parentPath?: string;
 }>;
-export declare function SlotRouter({ slot, rootRoutes, children, parentPath }: SlotRouterProps): JSX.Element;
+export declare function SlotRouter({ routes: routesFromProps, slot, rootRoutes, children, parentPath }: SlotRouterProps): JSX.Element;

package/dist/slot-router.js

@@ -7,8 +7,8 @@ exports.SlotRouter = void 0;
 const react_1 = __importDefault(require("react"));
 const react_router_dom_1 = require("react-router-dom");
 const lodash_1 = require("lodash");
-function SlotRouter({ slot, rootRoutes, children, parentPath }) {
-    const routes = (0, lodash_1.flatten)(slot.values());
+function SlotRouter({ routes: routesFromProps, slot, rootRoutes, children, parentPath }) {
+    const routes = routesFromProps || (slot && (0, lodash_1.flatten)(slot.values())) || [];
     const withRoot = routes.concat(rootRoutes || []);
     const jsxRoutes = withRoot.map((route) => react_1.default.createElement(react_router_dom_1.Route, Object.assign({ key: toKey(route) }, route)));
     if (parentPath) {

package/dist/slot-router.js.map

@@ -1 +1 @@
-{"version":3,"file":"slot-router.js","sourceRoot":"","sources":["../slot-router.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAAiD;AAEjD,uDAA6D;AAC7D,mCAAiC;AAYjC,SAAgB,UAAU,CAAC,EAAE,IAAI,EAAE,UAAU,EAAE,QAAQ,EAAE,UAAU,EAAmB;IACpF,MAAM,MAAM,GAAG,IAAA,gBAAO,EAAC,IAAI,CAAC,MAAM,EAAE,CAAC,CAAC;IACtC,MAAM,QAAQ,GAAG,MAAM,CAAC,MAAM,CAAC,UAAU,IAAI,EAAE,CAAC,CAAC;IAEjD,MAAM,SAAS,GAAG,QAAQ,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,8BAAC,wBAAK,kBAAC,GAAG,EAAE,KAAK,CAAC,KAAK,CAAC,IAAM,KAAK,EAAI,CAAC,CAAC;IAEnF,IAAI,UAAU,EAAE;QACd,OAAO,CACL,8BAAC,yBAAM;YACL,8BAAC,wBAAK,IAAC,IAAI,EAAE,UAAU;gBACpB,SAAS;gBACT,QAAQ,CACH,CACD,CACV,CAAC;KACH;IAED,OAAO,CACL,8BAAC,yBAAM;QACL,8BAAC,wBAAK,IAAC,IAAI,EAAE,UAAU;YACpB,SAAS;YACT,QAAQ,CACH,CACD,CACV,CAAC;AACJ,CAAC;AAzBD,gCAyBC;AAED,SAAS,KAAK,CAAC,KAAiB;IAC9B,IAAI,KAAK,CAAC,IAAI;QAAE,OAAO,KAAK,CAAC,IAAI,CAAC;IAClC,IAAI,KAAK,CAAC,KAAK;QAAE,OAAO,GAAG,CAAC;IAC5B,OAAO,GAAG,CAAC;AACb,CAAC"}
+{"version":3,"file":"slot-router.js","sourceRoot":"","sources":["../slot-router.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAAiD;AAEjD,uDAA6D;AAC7D,mCAAiC;AAiBjC,SAAgB,UAAU,CAAC,EAAE,MAAM,EAAE,eAAe,EAAE,IAAI,EAAE,UAAU,EAAE,QAAQ,EAAE,UAAU,EAAmB;IAC7G,MAAM,MAAM,GAAG,eAAe,IAAI,CAAC,IAAI,IAAI,IAAA,gBAAO,EAAC,IAAI,CAAC,MAAM,EAAE,CAAC,CAAC,IAAI,EAAE,CAAC;IACzE,MAAM,QAAQ,GAAG,MAAM,CAAC,MAAM,CAAC,UAAU,IAAI,EAAE,CAAC,CAAC;IAEjD,MAAM,SAAS,GAAG,QAAQ,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,8BAAC,wBAAK,kBAAC,GAAG,EAAE,KAAK,CAAC,KAAK,CAAC,IAAM,KAAK,EAAI,CAAC,CAAC;IAEnF,IAAI,UAAU,EAAE;QACd,OAAO,CACL,8BAAC,yBAAM;YACL,8BAAC,wBAAK,IAAC,IAAI,EAAE,UAAU;gBACpB,SAAS;gBACT,QAAQ,CACH,CACD,CACV,CAAC;KACH;IAED,OAAO,CACL,8BAAC,yBAAM;QACL,8BAAC,wBAAK,IAAC,IAAI,EAAE,UAAU;YACpB,SAAS;YACT,QAAQ,CACH,CACD,CACV,CAAC;AACJ,CAAC;AAzBD,gCAyBC;AAED,SAAS,KAAK,CAAC,KAAiB;IAC9B,IAAI,KAAK,CAAC,IAAI;QAAE,OAAO,KAAK,CAAC,IAAI,CAAC;IAClC,IAAI,KAAK,CAAC,KAAK;QAAE,OAAO,GAAG,CAAC;IAC5B,OAAO,GAAG,CAAC;AACb,CAAC"}

package/package.json

@@ -1,15 +1,16 @@
 {
   "name": "@teambit/ui-foundation.ui.react-router.slot-router",
-  "version": "0.0.498",
+  "version": "0.0.500",
   "homepage": "https://bit.dev/teambit/ui-foundation/ui/react-router/slot-router",
   "main": "dist/index.js",
   "componentId": {
     "scope": "teambit.ui-foundation",
     "name": "ui/react-router/slot-router",
-    "version": "0.0.498"
+    "version": "0.0.500"
   },
   "dependencies": {
     "lodash": "4.17.21",
+    "core-js": "^3.0.0",
     "@teambit/base-react.navigation.link": "2.0.27",
     "@teambit/harmony": "0.3.3"
   },
@@ -18,6 +19,7 @@
     "@types/react": "^17.0.8",
     "@types/mocha": "9.1.0",
     "@types/testing-library__jest-dom": "5.9.5",
+    "@babel/runtime": "7.20.0",
     "@types/jest": "^26.0.0",
     "@types/react-dom": "^17.0.5",
     "@types/node": "12.20.4"

package/slot-router.tsx

@@ -8,13 +8,18 @@ export type RouteSlot = SlotRegistry<RouteProps | RouteProps[]>;
 export type NavigationSlot = SlotRegistry<LinkProps>;
 
 export type SlotRouterProps = PropsWithChildren<{
-  slot: RouteSlot;
+  /**
+   * @deprecated
+   * use @property routes to pass list of routes instead
+   */
+  slot?: RouteSlot;
+  routes?: RouteProps[];
   rootRoutes?: RouteProps[];
   parentPath?: string;
 }>;
 
-export function SlotRouter({ slot, rootRoutes, children, parentPath }: SlotRouterProps) {
-  const routes = flatten(slot.values());
+export function SlotRouter({ routes: routesFromProps, slot, rootRoutes, children, parentPath }: SlotRouterProps) {
+  const routes = routesFromProps || (slot && flatten(slot.values())) || [];
   const withRoot = routes.concat(rootRoutes || []);
 
   const jsxRoutes = withRoot.map((route) => <Route key={toKey(route)} {...route} />);