@orchestrator-ui/orchestrator-ui-components 0.0.1-alpha.1 → 0.0.1-alpha.2

package/index.js

@@ -3,7 +3,6 @@ import { css } from '@emotion/react';
 import { useState, createContext, useContext } from 'react';
 import { useEuiTheme, EuiBadge, EuiHeader, EuiHeaderSection, EuiHeaderSectionItem, EuiHeaderLogo, EuiBadgeGroup, EuiButtonIcon, EuiSideNav, EuiPageTemplate } from '@elastic/eui';
 import { useQuery } from 'react-query';
-import { useRouter } from 'next/router';
 
 var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
 
@@ -3068,7 +3067,7 @@ const OrchestratorPageHeader = ({
               color: theme.colors.success
             })
           }, {
-            children: ["Engine ", engineStatus === null || engineStatus === void 0 ? void 0 : engineStatus.global_status]
+            children: ["Engine is ", engineStatus === null || engineStatus === void 0 ? void 0 : engineStatus.global_status]
           })), jsx(HeaderBadge, Object.assign({
             color: "emptyShade",
             iconType: () => jsx(XCircleFill, {
@@ -3096,45 +3095,37 @@ const OrchestratorPageHeader = ({
 };
 
 const OrchestratorSidebar = ({
-  text
-}) => {
-  const router = useRouter();
-  return jsx(EuiSideNav, {
-    mobileTitle: "Nav Items",
-    isOpenOnMobile: false,
+  routeTo
+}) => jsx(EuiSideNav, {
+  mobileTitle: "Nav Items",
+  isOpenOnMobile: false,
+  items: [{
+    name: 'Menu',
+    id: 1,
     items: [{
-      name: 'Menu',
-      id: 1,
-      items: [{
-        name: 'Home',
-        id: 2,
-        onClick: e => {
-          e.preventDefault();
-          router.push('/');
-        },
-        href: '/'
-      }, {
-        name: 'Subscriptions',
-        id: 3,
-        // TODO: NEXT router / EUI seem to cause unneeded re-renders. At least in dev mode,
-        onClick: e => {
-          e.preventDefault();
-          router.push('/subscriptions');
-        },
-        href: '/subscriptions'
-      }
-      // {
-      //     name: 'Anchor item',
-      //     id: 4,
-      //     href: '#',
-      // },
-      ]
+      name: 'Home',
+      id: 2,
+      onClick: e => {
+        e.preventDefault();
+        routeTo('/');
+      },
+      href: '/'
+    }, {
+      name: 'Subscriptions',
+      id: 3,
+      // TODO: NEXT router / EUI seem to cause unneeded re-renders. At least in dev mode,
+      onClick: e => {
+        e.preventDefault();
+        routeTo('/subscriptions');
+      },
+      href: '/subscriptions'
     }]
-  });
-};
+  }]
+});
 
 const OrchestratorPageTemplate = ({
   children,
+  routeTo,
   getAppLogo
 }) => {
   const {
@@ -3160,7 +3151,7 @@ const OrchestratorPageTemplate = ({
         }
       }, {
         children: jsx(OrchestratorSidebar, {
-          text: "Sidebar"
+          routeTo: routeTo
         })
       })), jsx(EuiPageTemplate.Section, Object.assign({
         css: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@orchestrator-ui/orchestrator-ui-components",
-  "version": "0.0.1-alpha.1",
+  "version": "0.0.1-alpha.2",
   "main": "./index.js",
   "module": "./index.js",
   "type": "module",
@@ -10,7 +10,6 @@
     "react": "18.2.0",
     "@emotion/react": "11.10.6",
     "@elastic/eui": "75.1.2",
-    "next": "13.1.1",
     "react-query": "3.39.3"
   }
 }

package/src/lib/components/OrchestratorPageTemplate/OrchestratorPageTemplate.d.ts

@@ -1,6 +1,7 @@
 import { FC, ReactElement, ReactNode } from 'react';
 export interface OrchestratorPageTemplateProps {
     getAppLogo: (navigationHeight: number) => ReactElement;
+    routeTo: (route: string) => void;
     children: ReactNode;
 }
 export declare const OrchestratorPageTemplate: FC<OrchestratorPageTemplateProps>;

package/src/lib/components/OrchestratorPageTemplate/OrchestratorSidebar.d.ts

@@ -1,5 +1,5 @@
 import { FC } from 'react';
 export interface OrchestratorSidebarProps {
-    text: string;
+    routeTo: (route: string) => void;
 }
 export declare const OrchestratorSidebar: FC<OrchestratorSidebarProps>;