@prorobotech/openapi-k8s-toolkit 0.0.1-alpha.68 → 0.0.1-alpha.69

package/dist/openapi-k8s-toolkit.es.js

@@ -44927,25 +44927,26 @@ var addonFit = {exports: {}};
 
 var addonFitExports = addonFit.exports;
 
-const FullWidthDiv$3 = st.div`
-  display: flex;
-  justify-content: center;
-  width: 100%;
-`;
 const CustomCard$3 = st.div`
   visibility: ${({ $isVisible }) => $isVisible ? "visible" : "hidden"};
-  max-height: calc(100vh - 158px);
+  height: calc(100vh - ${({ $substractHeight }) => $substractHeight}px);
 
   * {
     scrollbar-width: thin;
   }
 `;
+const FullWidthDiv$3 = st.div`
+  display: flex;
+  justify-content: center;
+  width: 100%;
+  height: calc(100vh - ${({ $substractHeight }) => $substractHeight}px);
+`;
 const Styled$7 = {
   FullWidthDiv: FullWidthDiv$3,
   CustomCard: CustomCard$3
 };
 
-const XTerminal$2 = ({ endpoint, namespace, podName, container }) => {
+const XTerminal$2 = ({ endpoint, namespace, podName, container, substractHeight }) => {
   const [isLoading, setIsLoading] = useState(true);
   const [error, setError] = useState();
   const [terminal, setTerminal] = useState();
@@ -45025,7 +45026,7 @@ const XTerminal$2 = ({ endpoint, namespace, podName, container }) => {
     };
   }, [terminal, endpoint, namespace, podName, container]);
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$7.CustomCard, { $isVisible: !isLoading && !error, children: /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$7.FullWidthDiv, { children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { ref: terminalRef, style: { width: "100%", height: "100%" } }) }) }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$7.CustomCard, { $isVisible: !isLoading && !error, $substractHeight: substractHeight, children: /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$7.FullWidthDiv, { $substractHeight: substractHeight, children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { ref: terminalRef, style: { width: "100%", height: "100%" } }) }) }),
     isLoading && !error && /* @__PURE__ */ jsxRuntimeExports.jsx(Spin, {}),
     error && /* @__PURE__ */ jsxRuntimeExports.jsx(Result, { status: "error", title: "Error", subTitle: JSON.stringify(error) })
   ] });
@@ -45040,7 +45041,7 @@ const Styled$6 = {
   CustomSelect: CustomSelect$3
 };
 
-const PodTerminal$1 = ({ cluster, namespace, podName, containers }) => {
+const PodTerminal$1 = ({ cluster, namespace, podName, containers, substractHeight }) => {
   const [selectValue, setSelectValue] = useState(containers[0] || void 0);
   const [currentContainer, setCurrentContainer] = useState();
   const [hash, setHash] = useState(0);
@@ -45085,27 +45086,29 @@ const PodTerminal$1 = ({ cluster, namespace, podName, containers }) => {
         endpoint,
         namespace,
         podName,
-        container: currentContainer
+        container: currentContainer,
+        substractHeight
       },
       `${cluster}-${namespace}-${podName}-${currentContainer}-${hash}`
     )
   ] });
 };
 
-const FullWidthDiv$2 = st.div`
-  display: flex;
-  justify-content: center;
-  width: 100%;
-`;
 const CustomCard$2 = st.div`
   visibility: ${({ $isVisible }) => $isVisible ? "visible" : "hidden"};
-  max-height: calc(100vh - 158px);
+  height: calc(100vh - ${({ $substractHeight }) => $substractHeight}px);
 
   * {
     scrollbar-width: thin;
   }
 `;
-const ShutdownContainer$2 = st.div`
+const FullWidthDiv$2 = st.div`
+  display: flex;
+  justify-content: center;
+  width: 100%;
+  height: calc(100vh - ${({ $substractHeight }) => $substractHeight}px);
+`;
+const ShutdownContainer$1 = st.div`
   visibility: ${({ $isVisible }) => $isVisible ? "visible" : "hidden"};
   margin-top: -40px;
   display: flex;
@@ -45123,11 +45126,11 @@ const ProgressContainer = st.div`
 const Styled$5 = {
   FullWidthDiv: FullWidthDiv$2,
   CustomCard: CustomCard$2,
-  ShutdownContainer: ShutdownContainer$2,
+  ShutdownContainer: ShutdownContainer$1,
   ProgressContainer
 };
 
-const XTerminal$1 = ({ endpoint, nodeName, profile }) => {
+const XTerminal$1 = ({ endpoint, nodeName, profile, substractHeight }) => {
   const [isLoading, setIsLoading] = useState(true);
   const [error, setError] = useState();
   const [isTerminalVisible, setIsTerminalVisible] = useState(false);
@@ -45273,7 +45276,7 @@ const XTerminal$1 = ({ endpoint, nodeName, profile }) => {
       }
     ) }),
     /* @__PURE__ */ jsxRuntimeExports.jsx(Spacer$1, { $space: 8, $samespace: true }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$5.CustomCard, { $isVisible: isTerminalVisible, children: /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$5.FullWidthDiv, { children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { ref: terminalRef, style: { width: "100%", height: "100%" } }) }) }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$5.CustomCard, { $isVisible: isTerminalVisible, $substractHeight: substractHeight, children: /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$5.FullWidthDiv, { $substractHeight: substractHeight, children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { ref: terminalRef, style: { width: "100%", height: "100%" } }) }) }),
     !isTerminalVisible && !error && isWarmingUp && /* @__PURE__ */ jsxRuntimeExports.jsxs(Styled$5.ProgressContainer, { children: [
       isLoading && /* @__PURE__ */ jsxRuntimeExports.jsx(Spin, {}),
       !isLoading && /* @__PURE__ */ jsxRuntimeExports.jsx(Progress, { type: "circle", percent: progressPercent }),
@@ -45299,7 +45302,7 @@ const Styled$4 = {
   CustomSelect: CustomSelect$2
 };
 
-const NodeTerminal$1 = ({ cluster, nodeName }) => {
+const NodeTerminal$1 = ({ cluster, nodeName, substractHeight }) => {
   const [selectValue, setSelectValue] = useState();
   const [currentProfile, setCurrentProfile] = useState();
   const [hash, setHash] = useState(0);
@@ -45337,7 +45340,8 @@ const NodeTerminal$1 = ({ cluster, nodeName }) => {
       {
         endpoint,
         nodeName,
-        profile: currentProfile
+        profile: currentProfile,
+        substractHeight
       },
       `${cluster}-${nodeName}-${currentProfile}-${hash}`
     )
@@ -45357,7 +45361,7 @@ const CustomCard$1 = st.div`
     scrollbar-width: thin;
   }
 `;
-const ShutdownContainer$1 = st.div`
+const ShutdownContainer = st.div`
   margin-top: -40px;
   display: flex;
   justify-content: flex-end;
@@ -45365,7 +45369,7 @@ const ShutdownContainer$1 = st.div`
 const Styled$3 = {
   FullWidthDiv: FullWidthDiv$1,
   CustomCard: CustomCard$1,
-  ShutdownContainer: ShutdownContainer$1
+  ShutdownContainer
 };
 
 const XTerminal = ({ endpoint, namespace, podName, container }) => {
@@ -45542,7 +45546,7 @@ const CustomCard = st.div`
     scrollbar-width: thin;
   }
 `;
-const ShutdownContainer = st.div`
+const RightAboveContainer = st.div`
   margin-top: -40px;
   display: flex;
   justify-content: flex-end;
@@ -45550,13 +45554,21 @@ const ShutdownContainer = st.div`
 const Styled$1 = {
   FullWidthDiv,
   CustomCard,
-  ShutdownContainer
+  RightAboveContainer
 };
 
-const MonacoEditor = ({ endpoint, namespace, podName, container, theme }) => {
+const MonacoEditor = ({
+  endpoint,
+  namespace,
+  podName,
+  container,
+  theme,
+  substractHeight
+}) => {
   const [isLoading, setIsLoading] = useState(true);
   const [error, setError] = useState();
   const [isTerminalVisible, setIsTerminalVisible] = useState(false);
+  const [isPaused, setIsPaused] = useState(false);
   const socketRef = useRef(null);
   const editorRef = useRef(null);
   const handleEditorDidMount = (editor) => {
@@ -45611,20 +45623,27 @@ const MonacoEditor = ({ endpoint, namespace, podName, container, theme }) => {
     };
   }, [endpoint, namespace, podName, container]);
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$1.ShutdownContainer, { $isVisible: isTerminalVisible, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+    /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$1.RightAboveContainer, { $isVisible: isTerminalVisible, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
       Button,
       {
-        type: "dashed",
-        disabled: !socketRef.current,
         onClick: () => {
-          setIsTerminalVisible(false);
-          socketRef.current?.send(
-            JSON.stringify({
-              type: "close"
-            })
-          );
+          if (isPaused) {
+            setIsPaused(false);
+            socketRef.current?.send(
+              JSON.stringify({
+                type: "continue"
+              })
+            );
+          } else {
+            setIsPaused(true);
+            socketRef.current?.send(
+              JSON.stringify({
+                type: "stop"
+              })
+            );
+          }
         },
-        children: "Terminate"
+        children: isPaused ? "Continue" : "Stop"
       }
     ) }),
     /* @__PURE__ */ jsxRuntimeExports.jsx(Spacer$1, { $space: 8, $samespace: true }),
@@ -45633,7 +45652,7 @@ const MonacoEditor = ({ endpoint, namespace, podName, container, theme }) => {
       {
         defaultLanguage: "yaml",
         width: "100%",
-        height: 464,
+        height: `calc(100vh - ${substractHeight}px`,
         theme: theme === "dark" ? "vs-dark" : theme === void 0 ? "vs-dark" : "vs",
         options: {
           theme: theme === "dark" ? "vs-dark" : theme === void 0 ? "vs-dark" : "vs",
@@ -45656,7 +45675,14 @@ const Styled = {
   CustomSelect
 };
 
-const PodLogsMonaco = ({ cluster, namespace, podName, containers, theme }) => {
+const PodLogsMonaco = ({
+  cluster,
+  namespace,
+  podName,
+  containers,
+  theme,
+  substractHeight
+}) => {
   const [selectValue, setSelectValue] = useState(containers[0] || void 0);
   const [currentContainer, setCurrentContainer] = useState();
   const [hash, setHash] = useState(0);
@@ -45702,7 +45728,8 @@ const PodLogsMonaco = ({ cluster, namespace, podName, containers, theme }) => {
         namespace,
         podName,
         container: currentContainer,
-        theme
+        theme,
+        substractHeight
       },
       `${cluster}-${namespace}-${podName}-${currentContainer}-${hash}`
     )
@@ -46249,6 +46276,7 @@ const PodTerminal = ({
     cluster,
     namespace,
     podName,
+    substractHeight,
     ...props
   } = data;
   const partsOfUrl = usePartsOfUrl();
@@ -46302,6 +46330,7 @@ const PodTerminal = ({
         namespace: namespacePrepared,
         podName: podNamePrepared,
         containers,
+        substractHeight: substractHeight || 332,
         ...props
       }
     ),
@@ -46336,6 +46365,7 @@ const NodeTerminal = ({
     id,
     cluster,
     nodeName,
+    substractHeight,
     ...props
   } = data;
   const partsOfUrl = usePartsOfUrl();
@@ -46355,7 +46385,15 @@ const NodeTerminal = ({
     return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: "Loading multiquery" });
   }
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx(NodeTerminal$1, { cluster: clusterPrepared, nodeName: nodeNamePrepared, ...props }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx(
+      NodeTerminal$1,
+      {
+        cluster: clusterPrepared,
+        nodeName: nodeNamePrepared,
+        substractHeight: substractHeight || 332,
+        ...props
+      }
+    ),
     children
   ] });
 };
@@ -46390,6 +46428,7 @@ const PodLogs = ({
     cluster,
     namespace,
     podName,
+    substractHeight,
     ...props
   } = data;
   const partsOfUrl = usePartsOfUrl();
@@ -46444,6 +46483,7 @@ const PodLogs = ({
         podName: podNamePrepared,
         containers,
         theme,
+        substractHeight: substractHeight || 332,
         ...props
       }
     ),