@postgres.ai/shared 4.0.0-pr-1028.6 → 4.0.0-pr-1028.8

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@postgres.ai/shared",
-  "version": "4.0.0-pr-1028.6",
+  "version": "4.0.0-pr-1028.8",
   "main": "index.js",
   "types": "index.d.ts",
   "peerDependencies": {

package/pages/Branches/Branch/index.d.ts

@@ -2,6 +2,7 @@
 import { Host } from './context';
 declare type Props = Host & {
     isPlatform?: boolean;
+    hideInstanceTabs?: boolean;
 };
 export declare const BranchesPage: ((props: Props) => JSX.Element) & {
     displayName: string;

package/pages/Branches/Branch/index.js

@@ -131,7 +131,7 @@ export const BranchesPage = observer((props) => {
             return acc;
         }
     }, 0);
-    const headRendered = (_jsxs(_Fragment, { children: [_jsx("style", { children: 'p { margin: 0;}' }), props.elements.breadcrumbs, _jsx(SectionTitle, { className: classes.title, tag: "h1", level: 1, text: `Branch ${props.branchId}`, children: _jsx(InstanceTabs, { tab: TABS_INDEX.BRANCHES, isPlatform: props.isPlatform, instanceId: props.instanceId, hasLogs: props.api.initWS !== undefined }) })] }));
+    const headRendered = (_jsxs(_Fragment, { children: [_jsx("style", { children: 'p { margin: 0;}' }), props.elements.breadcrumbs, _jsx(SectionTitle, { className: classes.title, tag: "h1", level: 1, text: `Branch ${props.branchId}`, children: _jsx(InstanceTabs, { tab: TABS_INDEX.BRANCHES, isPlatform: props.isPlatform, instanceId: props.instanceId, hasLogs: props.api.initWS !== undefined, hideInstanceTabs: props.hideInstanceTabs }) })] }));
     useEffect(() => {
         load(props.branchId, props.instanceId);
     }, []);

package/pages/Clone/index.d.ts

@@ -2,6 +2,7 @@
 import { Host } from './context';
 declare type Props = Host & {
     isPlatform?: boolean;
+    hideInstanceTabs?: boolean;
 };
 export declare const Clone: ((props: Props) => JSX.Element) & {
     displayName: string;

package/pages/Clone/index.js

@@ -176,7 +176,7 @@ export const Clone = observer((props) => {
         stores.main.load(props.instanceId, props.cloneId);
     }, []);
     const { instance, snapshots, clone, isResettingClone, isDestroyingClone, isReloading, isUpdatingClone, isCloneStable, } = stores.main;
-    const headRendered = (_jsxs(_Fragment, { children: [_jsx("style", { children: 'p { margin: 0;}' }), props.elements.breadcrumbs, _jsx(SectionTitle, { className: classes.title, tag: "h1", level: 1, text: `Clone ${props.cloneId}`, children: _jsx(InstanceTabs, { tab: TABS_INDEX.CLONES, isPlatform: props.isPlatform, instanceId: props.instanceId, hasLogs: props.api.initWS !== undefined }) })] }));
+    const headRendered = (_jsxs(_Fragment, { children: [_jsx("style", { children: 'p { margin: 0;}' }), props.elements.breadcrumbs, _jsx(SectionTitle, { className: classes.title, tag: "h1", level: 1, text: `Clone ${props.cloneId}`, children: _jsx(InstanceTabs, { tab: TABS_INDEX.CLONES, isPlatform: props.isPlatform, instanceId: props.instanceId, hasLogs: props.api.initWS !== undefined, hideInstanceTabs: props.hideInstanceTabs }) })] }));
     const cloneErrorMessage = ((_a = stores.main.instanceError) === null || _a === void 0 ? void 0 : _a.message) || ((_b = stores.main.cloneError) === null || _b === void 0 ? void 0 : _b.message);
     const cloneErrorTitle = ((_c = stores.main.instanceError) === null || _c === void 0 ? void 0 : _c.title) || ((_d = stores.main.cloneError) === null || _d === void 0 ? void 0 : _d.title);
     if (cloneErrorMessage && cloneErrorTitle)

package/pages/CreateBranch/index.d.ts

@@ -10,8 +10,9 @@ interface CreateBranchProps {
         breadcrumbs: React.ReactNode;
     };
     isPlatform?: boolean;
+    hideInstanceTabs?: boolean;
 }
-export declare const CreateBranchPage: (({ instanceId, api, elements, routes, isPlatform }: CreateBranchProps) => JSX.Element) & {
+export declare const CreateBranchPage: (({ instanceId, api, elements, routes, isPlatform, hideInstanceTabs }: CreateBranchProps) => JSX.Element) & {
     displayName: string;
 };
 export {};

package/pages/CreateBranch/index.js

@@ -76,7 +76,7 @@ const useStyles = makeStyles({
         whiteSpace: 'initial',
     },
 }, { index: 1 });
-export const CreateBranchPage = observer(({ instanceId, api, elements, routes, isPlatform }) => {
+export const CreateBranchPage = observer(({ instanceId, api, elements, routes, isPlatform, hideInstanceTabs }) => {
     const stores = useCreatedStores(api);
     const classes = useStyles();
     const history = useHistory();
@@ -114,7 +114,7 @@ export const CreateBranchPage = observer(({ instanceId, api, elements, routes, i
     if (isBranchesLoading) {
         return _jsx(StubSpinner, {});
     }
-    return (_jsxs(_Fragment, { children: [elements.breadcrumbs, _jsx(SectionTitle, { tag: "h1", level: 1, text: "Create branch", className: classes.title, children: _jsx(InstanceTabs, { tab: TABS_INDEX.BRANCHES, isPlatform: isPlatform, instanceId: instanceId, hasLogs: api.initWS !== undefined }) }), _jsxs("div", { className: classes.wrapper, children: [_jsxs("div", { className: classes.container, children: [(snapshotsError || getBranchesError) && (_jsx("div", { className: classes.marginTop, children: _jsx(ErrorStub, { message: (snapshotsError === null || snapshotsError === void 0 ? void 0 : snapshotsError.message) || (getBranchesError === null || getBranchesError === void 0 ? void 0 : getBranchesError.message) }) })), _jsxs("div", { className: classes.form, children: [_jsx(TextField, { label: "Branch name", variant: "outlined", required: true, fullWidth: true, size: "small", InputLabelProps: {
+    return (_jsxs(_Fragment, { children: [elements.breadcrumbs, _jsx(SectionTitle, { tag: "h1", level: 1, text: "Create branch", className: classes.title, children: _jsx(InstanceTabs, { tab: TABS_INDEX.BRANCHES, isPlatform: isPlatform, instanceId: instanceId, hasLogs: api.initWS !== undefined, hideInstanceTabs: hideInstanceTabs }) }), _jsxs("div", { className: classes.wrapper, children: [_jsxs("div", { className: classes.container, children: [(snapshotsError || getBranchesError) && (_jsx("div", { className: classes.marginTop, children: _jsx(ErrorStub, { message: (snapshotsError === null || snapshotsError === void 0 ? void 0 : snapshotsError.message) || (getBranchesError === null || getBranchesError === void 0 ? void 0 : getBranchesError.message) }) })), _jsxs("div", { className: classes.form, children: [_jsx(TextField, { label: "Branch name", variant: "outlined", required: true, fullWidth: true, size: "small", InputLabelProps: {
                                             shrink: true,
                                         }, value: formik.values.branchName, error: Boolean(formik.errors.branchName), className: classes.marginBottom, onChange: (e) => formik.setFieldValue('branchName', e.target.value) }), _jsx("p", { className: cn(classes.marginTop, classes.marginBottom), children: "Choose an existing branch. The new branch will initially point at the same snapshot as the parent branch but going further, their evolution paths will be independent - new snapshots can be created for both branches." }), _jsx(Select, { fullWidth: true, label: "Parent branch", value: formik.values.baseBranch, disabled: !branchesList || formik.isSubmitting, onChange: handleParentBranchChange, error: Boolean(formik.errors.baseBranch), items: branchesList
                                             ? branchesList.map((branch) => {

package/pages/CreateClone/index.d.ts

@@ -12,6 +12,7 @@ declare type Host = {
 };
 declare type Props = Host & {
     isPlatform?: boolean;
+    hideInstanceTabs?: boolean;
 };
 export declare const CreateClone: ((props: Props) => JSX.Element) & {
     displayName: string;

package/pages/CreateClone/index.js

@@ -105,7 +105,7 @@ export const CreateClone = observer((props) => {
             return;
         history.push(props.routes.clone(stores.main.clone.id));
     }, [stores.main.clone, stores.main.isCloneStable]);
-    const headRendered = (_jsxs(_Fragment, { children: [_jsx("style", { children: 'p { margin: 0; }' }), props.elements.breadcrumbs, _jsx(SectionTitle, { tag: "h1", level: 1, text: "Create clone", className: styles.pageTitle, children: _jsx(InstanceTabs, { tab: TABS_INDEX.CLONES, isPlatform: props.isPlatform, instanceId: props.instanceId, hasLogs: props.api.initWS !== undefined }) })] }));
+    const headRendered = (_jsxs(_Fragment, { children: [_jsx("style", { children: 'p { margin: 0; }' }), props.elements.breadcrumbs, _jsx(SectionTitle, { tag: "h1", level: 1, text: "Create clone", className: styles.pageTitle, children: _jsx(InstanceTabs, { tab: TABS_INDEX.CLONES, isPlatform: props.isPlatform, instanceId: props.instanceId, hasLogs: props.api.initWS !== undefined, hideInstanceTabs: props.hideInstanceTabs }) })] }));
     // Initial loading spinner.
     if (!stores.main.instance || isLoadingSnapshots)
         return (_jsxs(_Fragment, { children: [headRendered, _jsx(StubSpinner, {})] }));

package/pages/CreateSnapshot/index.d.ts

@@ -10,8 +10,9 @@ interface CreateSnapshotProps {
         breadcrumbs: React.ReactNode;
     };
     isPlatform?: boolean;
+    hideInstanceTabs?: boolean;
 }
-export declare const CreateSnapshotPage: (({ instanceId, api, elements, routes, isPlatform }: CreateSnapshotProps) => JSX.Element) & {
+export declare const CreateSnapshotPage: (({ instanceId, api, elements, routes, isPlatform, hideInstanceTabs }: CreateSnapshotProps) => JSX.Element) & {
     displayName: string;
 };
 export {};

package/pages/CreateSnapshot/index.js

@@ -71,7 +71,7 @@ const useStyles = makeStyles({
         lineHeight: '26px'
     },
 }, { index: 1 });
-export const CreateSnapshotPage = observer(({ instanceId, api, elements, routes, isPlatform }) => {
+export const CreateSnapshotPage = observer(({ instanceId, api, elements, routes, isPlatform, hideInstanceTabs }) => {
     var _a, _b;
     const stores = useCreatedStores(api);
     const classes = useStyles();
@@ -104,7 +104,7 @@ export const CreateSnapshotPage = observer(({ instanceId, api, elements, routes,
             return;
         formik.setFieldValue('cloneID', cloneID);
     }, [history.location.search, formik.initialValues]);
-    return (_jsxs(_Fragment, { children: [elements.breadcrumbs, _jsx(SectionTitle, { tag: "h1", level: 1, text: "Create snapshot", className: classes.title, children: _jsx(InstanceTabs, { tab: TABS_INDEX.SNAPSHOTS, isPlatform: isPlatform, instanceId: instanceId, hasLogs: api.initWS !== undefined }) }), _jsxs("div", { className: classes.wrapper, children: [_jsx("div", { className: classes.container, children: _jsxs("div", { className: classes.marginTop2x, children: [_jsx("strong", { children: "Clone ID" }), _jsx("p", { className: classes.marginTop, children: "Choose a clone ID from the dropdown below. This will be the starting point for your new snapshot." }), _jsx(Select, { fullWidth: true, label: "Clone ID *", value: formik.values.cloneID, disabled: formik.isSubmitting, className: classes.marginBottom2x, onChange: (e) => formik.setFieldValue('cloneID', e.target.value), error: Boolean(formik.errors.cloneID), items: clonesList
+    return (_jsxs(_Fragment, { children: [elements.breadcrumbs, _jsx(SectionTitle, { tag: "h1", level: 1, text: "Create snapshot", className: classes.title, children: _jsx(InstanceTabs, { tab: TABS_INDEX.SNAPSHOTS, isPlatform: isPlatform, instanceId: instanceId, hasLogs: api.initWS !== undefined, hideInstanceTabs: hideInstanceTabs }) }), _jsxs("div", { className: classes.wrapper, children: [_jsx("div", { className: classes.container, children: _jsxs("div", { className: classes.marginTop2x, children: [_jsx("strong", { children: "Clone ID" }), _jsx("p", { className: classes.marginTop, children: "Choose a clone ID from the dropdown below. This will be the starting point for your new snapshot." }), _jsx(Select, { fullWidth: true, label: "Clone ID *", value: formik.values.cloneID, disabled: formik.isSubmitting, className: classes.marginBottom2x, onChange: (e) => formik.setFieldValue('cloneID', e.target.value), error: Boolean(formik.errors.cloneID), items: clonesList
                                         ? clonesList.map((clone, i) => {
                                             var _a, _b;
                                             const isLatest = i === 0;

package/pages/Instance/Tabs/PlatformTabs.js

@@ -30,22 +30,9 @@ export const PlatformTabs = ({ value, handleChange, hasLogs, hideInstanceTabs, }
             to: 'clones',
             value: TABS_INDEX.CLONES,
             hide: hideInstanceTabs,
-        },
-        {
-            label: '📓 Logs',
-            to: 'logs',
-            value: TABS_INDEX.LOGS,
-            disabled: !hasLogs,
-            hide: hideInstanceTabs,
-        },
-        {
-            label: '🛠️ Configuration',
-            to: 'configuration',
-            value: TABS_INDEX.CONFIGURATION,
-            hide: hideInstanceTabs,
-        },
+        }
     ];
-    return (_jsx(TabsComponent, { value: value, onChange: handleChange, classes: { root: classes.tabsRoot, indicator: classes.tabsIndicator }, children: tabs.map(({ label, to, value, hide, disabled }) => (_jsx(Link, { to: `/${org}/instances/${instanceId}/${to}`, children: _jsx(TabComponent, { label: label, value: value, disabled: disabled, classes: {
+    return (_jsx(TabsComponent, { value: value, onChange: handleChange, classes: { root: classes.tabsRoot, indicator: classes.tabsIndicator }, children: tabs.map(({ label, to, value, hide }) => (_jsx(Link, { to: `/${org}/instances/${instanceId}/${to}`, children: _jsx(TabComponent, { label: label, value: value, classes: {
                     root: hide ? classes.tabHidden : classes.tabRoot,
                 }, onClick: (event) => handleChange(event, value) }) }, value))) }));
 };

package/pages/Instance/Tabs/index.d.ts

@@ -21,6 +21,7 @@ declare type InstanceTabProps = {
     onTabChange?: (tabID: number) => void;
     instanceId: string;
     hasLogs: boolean;
+    hideInstanceTabs?: boolean;
 };
 export declare const InstanceTabs: (props: InstanceTabProps) => JSX.Element;
 export {};

package/pages/Instance/Tabs/index.js

@@ -53,23 +53,24 @@ export const Tabs = ({ value, handleChange, hasLogs, hideInstanceTabs, }) => {
                 } }) }, value))) }));
 };
 export const InstanceTabs = (props) => {
+    const { instanceId, onTabChange, tab, hasLogs, hideInstanceTabs = false } = props;
     const stores = useCreatedStores({});
     const { load, } = stores.main;
     const switchTab = (_, tabID) => {
         const contentElement = document.getElementById('content-container');
-        if (props.onTabChange) {
-            props.onTabChange(tabID);
+        if (onTabChange) {
+            onTabChange(tabID);
         }
         if (tabID === 0) {
-            load(props.instanceId);
+            load(instanceId);
         }
         contentElement === null || contentElement === void 0 ? void 0 : contentElement.scrollTo(0, 0);
     };
     const tabProps = {
-        value: props.tab,
+        value: tab,
         handleChange: switchTab,
-        hasLogs: Boolean(props.hasLogs),
-        hideInstanceTabs: Boolean(props.isPlatform),
+        hasLogs: Boolean(hasLogs),
+        hideInstanceTabs: hideInstanceTabs,
     };
     return props.isPlatform ? _jsx(PlatformTabs, { ...tabProps }) : _jsx(Tabs, { ...tabProps });
 };

package/pages/Instance/index.d.ts

@@ -1,7 +1,9 @@
 /// <reference types="react" />
 import { Host } from './context';
 import './styles.scss';
-declare type Props = Host;
+declare type Props = Host & {
+    hideInstanceTabs?: boolean;
+};
 export declare const Instance: ((props: Props) => JSX.Element) & {
     displayName: string;
 };

package/pages/Instance/index.js

@@ -85,7 +85,7 @@ export const Instance = observer((props) => {
             setHasBeenRedirected(true);
         }
     }, [instance, hasBeenRedirected]);
-    return (_jsx(HostProvider, { value: props, children: _jsxs(StoresProvider, { value: stores, children: [props.elements.breadcrumbs, _jsx(SectionTitle, { text: props.title, level: 1, tag: "h1", className: classes.title, rightContent: _jsx(Button, { onClick: () => load(props.instanceId, isPlatform), isDisabled: !instance && !instanceError, className: classes.reloadButton, children: "Reload info" }), children: isInstanceIntegrated && (_jsx(InstanceTabs, { instanceId: props.instanceId, tab: activeTab, onTabChange: (tabID) => setActiveTab(tabID), isPlatform: isPlatform, hasLogs: api.initWS !== undefined })) }), instanceError && (_jsx(ErrorStub, { ...instanceError, className: classes.errorStub })), isInstanceIntegrated ? (_jsxs(_Fragment, { children: [_jsxs(TabPanel, { value: activeTab, index: TABS_INDEX.OVERVIEW, children: [!instanceError && (_jsx("div", { className: classes.content, children: instance && ((_b = (_a = instance.state) === null || _a === void 0 ? void 0 : _a.retrieving) === null || _b === void 0 ? void 0 : _b.status) ? (_jsxs(_Fragment, { children: [_jsx(Clones, {}), _jsx(Info, {})] })) : (_jsx(StubSpinner, {})) })), _jsx(ClonesModal, {}), _jsx(SnapshotsModal, {})] }), _jsx(TabPanel, { value: activeTab, index: TABS_INDEX.CLONES, children: activeTab === TABS_INDEX.CLONES && (_jsx("div", { className: classes.content, children: !instanceError &&
+    return (_jsx(HostProvider, { value: props, children: _jsxs(StoresProvider, { value: stores, children: [props.elements.breadcrumbs, _jsx(SectionTitle, { text: props.title, level: 1, tag: "h1", className: classes.title, rightContent: _jsx(Button, { onClick: () => load(props.instanceId, isPlatform), isDisabled: !instance && !instanceError, className: classes.reloadButton, children: "Reload info" }), children: isInstanceIntegrated && (_jsx(InstanceTabs, { instanceId: props.instanceId, tab: activeTab, onTabChange: (tabID) => setActiveTab(tabID), isPlatform: isPlatform, hasLogs: api.initWS !== undefined, hideInstanceTabs: props.hideInstanceTabs })) }), instanceError && (_jsx(ErrorStub, { ...instanceError, className: classes.errorStub })), isInstanceIntegrated ? (_jsxs(_Fragment, { children: [_jsxs(TabPanel, { value: activeTab, index: TABS_INDEX.OVERVIEW, children: [!instanceError && (_jsx("div", { className: classes.content, children: instance && ((_b = (_a = instance.state) === null || _a === void 0 ? void 0 : _a.retrieving) === null || _b === void 0 ? void 0 : _b.status) ? (_jsxs(_Fragment, { children: [_jsx(Clones, {}), _jsx(Info, {})] })) : (_jsx(StubSpinner, {})) })), _jsx(ClonesModal, {}), _jsx(SnapshotsModal, {})] }), _jsx(TabPanel, { value: activeTab, index: TABS_INDEX.CLONES, children: activeTab === TABS_INDEX.CLONES && (_jsx("div", { className: classes.content, children: !instanceError &&
                                     (instance ? _jsx(Clones, { onlyRenderList: true }) : _jsx(StubSpinner, {})) })) }), _jsx(TabPanel, { value: activeTab, index: TABS_INDEX.LOGS, children: activeTab === TABS_INDEX.LOGS && (_jsx(Logs, { api: api, instanceId: props.instanceId })) }), _jsx(TabPanel, { value: activeTab, index: TABS_INDEX.CONFIGURATION, children: activeTab === TABS_INDEX.CONFIGURATION && (_jsx(Configuration, { instanceId: instanceId, switchActiveTab: switchTab, isConfigurationActive: isConfigurationActive, reload: () => load(props.instanceId), disableConfigModification: (_c = instance === null || instance === void 0 ? void 0 : instance.state) === null || _c === void 0 ? void 0 : _c.engine.disableConfigModification })) }), _jsx(TabPanel, { value: activeTab, index: TABS_INDEX.SNAPSHOTS, children: activeTab === TABS_INDEX.SNAPSHOTS && (_jsx(Snapshots, { instanceId: instanceId })) }), _jsx(TabPanel, { value: activeTab, index: TABS_INDEX.BRANCHES, children: activeTab === TABS_INDEX.BRANCHES && (_jsx(Branches, { instanceId: instanceId })) })] })) : !isLoadingInstance && !instanceError ? (_jsx(TabPanel, { value: activeTab, index: activeTab, children: _jsx(InactiveInstance, { instance: instance, org: (_d = props.elements.breadcrumbs) === null || _d === void 0 ? void 0 : _d.props.org }) })) : (!instanceError && (_jsx(TabPanel, { value: activeTab, index: activeTab, children: _jsx("div", { className: classes.content, children: _jsx(StubSpinner, {}) }) })))] }) }));
 });
 function TabPanel(props) {

package/pages/Snapshots/Snapshot/index.d.ts

@@ -2,6 +2,7 @@
 import { Host } from './context';
 declare type Props = Host & {
     isPlatform?: boolean;
+    hideInstanceTabs?: boolean;
 };
 export declare const SnapshotPage: ((props: Props) => JSX.Element) & {
     displayName: string;

package/pages/Snapshots/Snapshot/index.js

@@ -134,7 +134,7 @@ export const SnapshotPage = observer((props) => {
         history.push(props.routes.snapshots());
         load(props.snapshotId, props.instanceId);
     };
-    const headRendered = (_jsxs(_Fragment, { children: [_jsx("style", { children: 'p { margin: 0;}' }), props.elements.breadcrumbs, _jsx(SectionTitle, { className: classes.title, tag: "h1", level: 1, text: `Snapshot ${props.snapshotId}`, children: _jsx(InstanceTabs, { tab: TABS_INDEX.SNAPSHOTS, isPlatform: props.isPlatform, instanceId: props.instanceId, hasLogs: props.api.initWS !== undefined }) })] }));
+    const headRendered = (_jsxs(_Fragment, { children: [_jsx("style", { children: 'p { margin: 0;}' }), props.elements.breadcrumbs, _jsx(SectionTitle, { className: classes.title, tag: "h1", level: 1, text: `Snapshot ${props.snapshotId}`, children: _jsx(InstanceTabs, { tab: TABS_INDEX.SNAPSHOTS, isPlatform: props.isPlatform, instanceId: props.instanceId, hasLogs: props.api.initWS !== undefined, hideInstanceTabs: props.hideInstanceTabs }) })] }));
     useEffect(() => {
         load(props.snapshotId, props.instanceId);
     }, []);