@etsoo/react 1.6.0 → 1.6.1

package/lib/components/DynamicRouter.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+/**
+ * Dynamic router props
+ */
+export declare type DynamicRouterProps = {
+    basename: string;
+};
+/**
+ * Dynamic router
+ * @param props Props
+ * @returns Component
+ */
+export declare function DynamicRouter(props: React.PropsWithChildren<DynamicRouterProps>): JSX.Element;

package/lib/components/DynamicRouter.js

@@ -0,0 +1,19 @@
+import { BridgeUtils } from '@etsoo/appscript';
+import React from 'react';
+import { BrowserRouter, MemoryRouter } from 'react-router-dom';
+function getEntries(host) {
+    const startUrl = host.getStartUrl();
+    return startUrl == null ? undefined : [startUrl];
+}
+/**
+ * Dynamic router
+ * @param props Props
+ * @returns Component
+ */
+export function DynamicRouter(props) {
+    // Destruct
+    const { basename, children } = props;
+    // Layout
+    const host = BridgeUtils.host;
+    return host == null ? (React.createElement(BrowserRouter, { basename: basename }, children)) : (React.createElement(MemoryRouter, { basename: basename, initialEntries: getEntries(host) }, children));
+}

package/lib/index.d.ts

@@ -4,6 +4,7 @@ export * from './app/InputDialogProps';
 export * from './app/ReactUtils';
 export * from './app/RefreshTokenRQ';
 export * from './components/DnDList';
+export * from './components/DynamicRouter';
 export * from './components/GridColumn';
 export * from './components/GridLoader';
 export * from './components/GridMethodRef';

package/lib/index.js

@@ -6,6 +6,7 @@ export * from './app/ReactUtils';
 export * from './app/RefreshTokenRQ';
 // components
 export * from './components/DnDList';
+export * from './components/DynamicRouter';
 export * from './components/GridColumn';
 export * from './components/GridLoader';
 export * from './components/GridMethodRef';

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@etsoo/react",
-    "version": "1.6.0",
+    "version": "1.6.1",
     "description": "TypeScript ReactJs UI Independent Framework",
     "main": "lib/index.js",
     "types": "lib/index.d.ts",

package/src/components/DynamicRouter.tsx

@@ -0,0 +1,35 @@
+import { BridgeUtils, IBridgeHost } from '@etsoo/appscript';
+import React from 'react';
+import { BrowserRouter, MemoryRouter } from 'react-router-dom';
+
+/**
+ * Dynamic router props
+ */
+export type DynamicRouterProps = { basename: string };
+
+function getEntries(host: IBridgeHost) {
+    const startUrl = host.getStartUrl();
+    return startUrl == null ? undefined : [startUrl];
+}
+
+/**
+ * Dynamic router
+ * @param props Props
+ * @returns Component
+ */
+export function DynamicRouter(
+    props: React.PropsWithChildren<DynamicRouterProps>
+) {
+    // Destruct
+    const { basename, children } = props;
+
+    // Layout
+    const host = BridgeUtils.host;
+    return host == null ? (
+        <BrowserRouter basename={basename}>{children}</BrowserRouter>
+    ) : (
+        <MemoryRouter basename={basename} initialEntries={getEntries(host)}>
+            {children}
+        </MemoryRouter>
+    );
+}

package/src/index.ts

@@ -7,6 +7,7 @@ export * from './app/RefreshTokenRQ';
 
 // components
 export * from './components/DnDList';
+export * from './components/DynamicRouter';
 export * from './components/GridColumn';
 export * from './components/GridLoader';
 export * from './components/GridMethodRef';