@teambit/ui-foundation.ui.react-router.slot-router 0.0.0-38ea42131da7ff9c461edaeb2e8cd531e9e54cbc

package/dist/index.d.ts

@@ -0,0 +1,2 @@
+export { SlotRouter } from './slot-router';
+export type { SlotRouterProps, RouteSlot, NavigationSlot } from './slot-router';

package/dist/index.js

@@ -0,0 +1,2 @@
+export { SlotRouter } from './slot-router';
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC"}

package/dist/preview-1753203475518.js

@@ -0,0 +1,7 @@
+;
+;
+
+export const compositions = [];
+export const overview = [];
+
+export const compositions_metadata = {"compositions":[]};

package/dist/slot-router.d.ts

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

package/dist/slot-router.js

@@ -0,0 +1,20 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Routes, Route } from 'react-router-dom';
+import { flatten } from 'lodash';
+function toKey(route) {
+    if (route.path)
+        return route.path;
+    if (route.index)
+        return '/';
+    return '.';
+}
+export function SlotRouter({ routes: routesFromProps, slot, rootRoutes, children, parentPath }) {
+    const routes = routesFromProps || (slot && flatten(slot.values())) || [];
+    const withRoot = routes.concat(rootRoutes || []);
+    const jsxRoutes = withRoot.map((route) => _jsx(Route, { ...route }, toKey(route)));
+    if (parentPath) {
+        return (_jsx(Routes, { children: _jsxs(Route, { path: parentPath, children: [jsxRoutes, children] }) }));
+    }
+    return (_jsx(Routes, { children: _jsxs(Route, { path: parentPath, children: [jsxRoutes, children] }) }));
+}
+//# sourceMappingURL=slot-router.js.map

package/dist/slot-router.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"slot-router.js","sourceRoot":"","sources":["../slot-router.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,MAAM,EAAE,KAAK,EAAc,MAAM,kBAAkB,CAAC;AAC7D,OAAO,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AAiBjC,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;AAED,MAAM,UAAU,UAAU,CAAC,EAAE,MAAM,EAAE,eAAe,EAAE,IAAI,EAAE,UAAU,EAAE,QAAQ,EAAE,UAAU,EAAmB;IAC7G,MAAM,MAAM,GAAG,eAAe,IAAI,CAAC,IAAI,IAAI,OAAO,CAAC,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,KAAC,KAAK,OAAwB,KAAK,IAAvB,KAAK,CAAC,KAAK,CAAC,CAAe,CAAC,CAAC;IAEnF,IAAI,UAAU,EAAE,CAAC;QACf,OAAO,CACL,KAAC,MAAM,cACL,MAAC,KAAK,IAAC,IAAI,EAAE,UAAU,aACpB,SAAS,EACT,QAAQ,IACH,GACD,CACV,CAAC;IACJ,CAAC;IAED,OAAO,CACL,KAAC,MAAM,cACL,MAAC,KAAK,IAAC,IAAI,EAAE,UAAU,aACpB,SAAS,EACT,QAAQ,IACH,GACD,CACV,CAAC;AACJ,CAAC"}

package/index.ts

@@ -0,0 +1,2 @@
+export { SlotRouter } from './slot-router';
+export type { SlotRouterProps, RouteSlot, NavigationSlot } from './slot-router';

package/package.json

@@ -0,0 +1,47 @@
+{
+  "name": "@teambit/ui-foundation.ui.react-router.slot-router",
+  "version": "0.0.0-38ea42131da7ff9c461edaeb2e8cd531e9e54cbc",
+  "homepage": "https://bit.cloud/teambit/ui-foundation/ui/react-router/slot-router",
+  "main": "dist/index.js",
+  "componentId": {
+    "scope": "teambit.ui-foundation",
+    "name": "ui/react-router/slot-router",
+    "version": "38ea42131da7ff9c461edaeb2e8cd531e9e54cbc"
+  },
+  "dependencies": {
+    "lodash": "4.17.21",
+    "@teambit/harmony": "0.4.7"
+  },
+  "devDependencies": {
+    "@types/lodash": "4.14.165",
+    "@types/mocha": "9.1.0",
+    "@teambit/react.v17.react-env": "1.1.94"
+  },
+  "peerDependencies": {
+    "react": "^16.8.0 || ^17.0.0",
+    "react-router-dom": "^6.16.0",
+    "@types/react": "^17.0.0",
+    "@teambit/base-react.navigation.link": "2.0.33"
+  },
+  "license": "Apache-2.0",
+  "optionalDependencies": {},
+  "peerDependenciesMeta": {},
+  "private": false,
+  "engines": {
+    "node": ">=12.22.0"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/teambit/bit"
+  },
+  "keywords": [
+    "bit",
+    "components",
+    "collaboration",
+    "web",
+    "react",
+    "react-components",
+    "angular",
+    "angular-components"
+  ]
+}

package/slot-router.tsx

@@ -0,0 +1,52 @@
+import React, { PropsWithChildren } from 'react';
+import { SlotRegistry } from '@teambit/harmony';
+import { Routes, Route, RouteProps } from 'react-router-dom';
+import { flatten } from 'lodash';
+import type { LinkProps } from '@teambit/base-react.navigation.link';
+
+export type RouteSlot = SlotRegistry<RouteProps | RouteProps[]>;
+export type NavigationSlot = SlotRegistry<LinkProps>;
+
+export type SlotRouterProps = PropsWithChildren<{
+  /**
+   * @deprecated
+   * use @property routes to pass list of routes instead
+   */
+  slot?: RouteSlot;
+  routes?: RouteProps[];
+  rootRoutes?: RouteProps[];
+  parentPath?: string;
+}>;
+
+function toKey(route: RouteProps) {
+  if (route.path) return route.path;
+  if (route.index) return '/';
+  return '.';
+}
+
+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} />);
+
+  if (parentPath) {
+    return (
+      <Routes>
+        <Route path={parentPath}>
+          {jsxRoutes}
+          {children}
+        </Route>
+      </Routes>
+    );
+  }
+
+  return (
+    <Routes>
+      <Route path={parentPath}>
+        {jsxRoutes}
+        {children}
+      </Route>
+    </Routes>
+  );
+}

package/types/asset.d.ts

@@ -0,0 +1,41 @@
+declare module '*.png' {
+  const value: any;
+  export = value;
+}
+declare module '*.svg' {
+  import type { FunctionComponent, SVGProps } from 'react';
+
+  export const ReactComponent: FunctionComponent<
+    SVGProps<SVGSVGElement> & { title?: string }
+  >;
+  const src: string;
+  export default src;
+}
+declare module '*.jpg' {
+  const value: any;
+  export = value;
+}
+declare module '*.jpeg' {
+  const value: any;
+  export = value;
+}
+declare module '*.gif' {
+  const value: any;
+  export = value;
+}
+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;
+}

package/types/style.d.ts

@@ -0,0 +1,42 @@
+declare module '*.module.css' {
+  const classes: { readonly [key: string]: string };
+  export default classes;
+}
+declare module '*.module.scss' {
+  const classes: { readonly [key: string]: string };
+  export default classes;
+}
+declare module '*.module.sass' {
+  const classes: { readonly [key: string]: string };
+  export default classes;
+}
+
+declare module '*.module.less' {
+  const classes: { readonly [key: string]: string };
+  export default classes;
+}
+
+declare module '*.less' {
+  const classes: { readonly [key: string]: string };
+  export default classes;
+}
+
+declare module '*.css' {
+  const classes: { readonly [key: string]: string };
+  export default classes;
+}
+
+declare module '*.sass' {
+  const classes: { readonly [key: string]: string };
+  export default classes;
+}
+
+declare module '*.scss' {
+  const classes: { readonly [key: string]: string };
+  export default classes;
+}
+
+declare module '*.mdx' {
+  const component: any;
+  export default component;
+}