@prorobotech/openapi-k8s-toolkit 0.0.1-alpha.95 → 0.0.1-alpha.97

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

@@ -1,7 +1,7 @@
 import o, { useDebugValue, createElement, useRef, useContext, useState, useLayoutEffect, useEffect, useMemo, memo, useCallback, createContext, Suspense, Fragment } from 'react';
 import { Input, Tree, Modal, Alert, theme, Select, Tag, Breadcrumb, Spin, Menu, Tooltip, Space, Button, Flex, Table, notification, Typography, Form, Row, Col, Slider, InputNumber, Switch, Card, Dropdown, Result, Progress, Tabs, Popover } from 'antd';
 import { LoadingOutlined, ExclamationCircleFilled, CloseCircleFilled, CheckCircleFilled, SearchOutlined, CheckOutlined, CloseOutlined, EditOutlined, DeleteOutlined, CaretDownOutlined, CaretRightOutlined, BugOutlined, PlusOutlined, EllipsisOutlined } from '@ant-design/icons';
-import { useQuery, useQueries } from '@tanstack/react-query';
+import { useQuery, useQueries, useQueryClient } from '@tanstack/react-query';
 import { Link, useNavigate, useLocation } from 'react-router-dom';
 
 function getDefaultExportFromCjs$1 (x) {
@@ -8182,6 +8182,25 @@ const updateEntry = async ({
 const deleteEntry = async ({ endpoint }) => {
   return axios.delete(endpoint);
 };
+const patchEntryWithReplaceOp = async ({
+  endpoint,
+  pathToValue,
+  body
+}) => {
+  const patchData = [
+    {
+      op: "replace",
+      path: pathToValue,
+      value: body
+    }
+  ];
+  return axios.patch(endpoint, patchData, {
+    method: "PATCH",
+    headers: {
+      "Content-Type": "application/json-patch+json"
+    }
+  });
+};
 
 const DeleteModal = ({ name, onClose, endpoint }) => {
   const [error, setError] = useState();
@@ -8506,8 +8525,9 @@ const CustomSelect$5 = st(Select)`
   margin: 0;
   padding: 4px;
 
-  && .ant-select-selector {
+  &&& .ant-select-selector {
     background: none;
+    padding-inline-end: ${({ $paddingContainerEnd }) => $paddingContainerEnd || "12px"} !important;
   }
 
   && .ant-select-selector,
@@ -8548,7 +8568,8 @@ const Styled$n = {
 };
 
 const CustomSelect$4 = (props) => {
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$n.CustomSelect, { ...props });
+  const { paddingContainerEnd, ...rest } = props;
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$n.CustomSelect, { $paddingContainerEnd: paddingContainerEnd, ...rest });
 };
 
 const CursorPointerTag = st(Tag)`
@@ -46986,8 +47007,13 @@ const EditModal = ({
   modalDescriptionText,
   inputLabel,
   maxEditTagTextLength,
-  allowClearEditSelect
+  allowClearEditSelect,
+  endpoint,
+  pathToValue,
+  editModalWidth,
+  paddingContainerEnd
 }) => {
+  const queryClient = useQueryClient();
   const [error, setError] = useState();
   const [isLoading, setIsLoading] = useState(false);
   const [form] = Form.useForm();
@@ -47007,9 +47033,20 @@ const EditModal = ({
         result[key] = value || "";
       });
       console.log(JSON.stringify(result));
-      if (openNotificationSuccess) {
-        openNotificationSuccess();
-      }
+      setIsLoading(true);
+      setError(void 0);
+      patchEntryWithReplaceOp({ endpoint, pathToValue, body: result }).then(() => {
+        queryClient.invalidateQueries({ queryKey: ["multi"] });
+        if (openNotificationSuccess) {
+          openNotificationSuccess();
+        }
+        setIsLoading(false);
+        setError(void 0);
+        close();
+      }).catch((error2) => {
+        setIsLoading(false);
+        setError(error2);
+      });
     }).catch(() => console.log("Validating error"));
   };
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(
@@ -47027,7 +47064,7 @@ const EditModal = ({
       okText: "Save",
       confirmLoading: isLoading,
       maskClosable: false,
-      width: 520,
+      width: editModalWidth || 520,
       destroyOnHidden: true,
       centered: true,
       children: [
@@ -47076,7 +47113,8 @@ const EditModal = ({
                         children: typeof label === "string" ? truncate(label, maxEditTagTextLength) : "Not a string value"
                       }
                     ) });
-                  }
+                  },
+                  paddingContainerEnd
                 }
               )
             }
@@ -47094,6 +47132,7 @@ const Labels = ({ data, children }) => {
     reqIndex,
     jsonPathToLabels,
     selectProps,
+    readOnly,
     notificationSuccessMessage,
     notificationSuccessMessageDescription,
     modalTitle,
@@ -47101,7 +47140,11 @@ const Labels = ({ data, children }) => {
     inputLabel,
     containerStyle,
     maxEditTagTextLength,
-    allowClearEditSelect
+    allowClearEditSelect,
+    endpoint,
+    pathToValue,
+    editModalWidth,
+    paddingContainerEnd
   } = data;
   const [api, contextHolder] = notification.useNotification();
   const [open, setOpen] = useState(false);
@@ -47127,19 +47170,21 @@ const Labels = ({ data, children }) => {
   }
   const anythingForNow = jp.query(jsonRoot, `$${jsonPathToLabels}`);
   const { data: labelsRaw, error: errorArrayOfObjects } = parseArrayOfAny$1(anythingForNow);
-  const notificationSuccessMessagePrepared = parseAll({
+  const notificationSuccessMessagePrepared = notificationSuccessMessage ? parseAll({
     text: notificationSuccessMessage,
     replaceValues,
     multiQueryData
-  });
-  const notificationSuccessMessageDescriptionPrepared = parseAll({
+  }) : "Success";
+  const notificationSuccessMessageDescriptionPrepared = notificationSuccessMessageDescription ? parseAll({
     text: notificationSuccessMessageDescription,
     replaceValues,
     multiQueryData
-  });
-  const modalTitlePrepared = parseAll({ text: modalTitle, replaceValues, multiQueryData });
+  }) : "Success";
+  const modalTitlePrepared = modalTitle ? parseAll({ text: modalTitle, replaceValues, multiQueryData }) : "Edit";
   const modalDescriptionTextPrepared = modalDescriptionText ? parseAll({ text: modalDescriptionText, replaceValues, multiQueryData }) : void 0;
   const inputLabelPrepared = inputLabel ? parseAll({ text: inputLabel, replaceValues, multiQueryData }) : void 0;
+  const endpointPrepared = endpoint ? parseAll({ text: endpoint, replaceValues, multiQueryData }) : "no-endpoint-provided";
+  const pathToValuePrepared = pathToValue ? parseAll({ text: pathToValue, replaceValues, multiQueryData }) : "no-pathToValue-provided";
   const openNotificationSuccess = () => {
     api.success({
       message: notificationSuccessMessagePrepared,
@@ -47148,7 +47193,7 @@ const Labels = ({ data, children }) => {
     });
   };
   const EmptySelect = /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: containerStyle, children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx(Flex, { justify: "flex-end", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+    !readOnly && /* @__PURE__ */ jsxRuntimeExports.jsx(Flex, { justify: "flex-end", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
       Button,
       {
         type: "text",
@@ -47189,7 +47234,11 @@ const Labels = ({ data, children }) => {
         modalDescriptionText: modalDescriptionTextPrepared,
         inputLabel: inputLabelPrepared,
         maxEditTagTextLength,
-        allowClearEditSelect
+        allowClearEditSelect,
+        endpoint: endpointPrepared,
+        pathToValue: pathToValuePrepared,
+        editModalWidth,
+        paddingContainerEnd
       }
     )
   ] });
@@ -47201,7 +47250,7 @@ const Labels = ({ data, children }) => {
   }
   const labels = Object.entries(labelsRaw).map(([key, value]) => `${key}=${value}`);
   return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: containerStyle, children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx(Flex, { justify: "flex-end", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+    !readOnly && /* @__PURE__ */ jsxRuntimeExports.jsx(Flex, { justify: "flex-end", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
       Button,
       {
         type: "text",
@@ -47250,7 +47299,11 @@ const Labels = ({ data, children }) => {
         modalDescriptionText: modalDescriptionTextPrepared,
         inputLabel: inputLabelPrepared,
         maxEditTagTextLength,
-        allowClearEditSelect
+        allowClearEditSelect,
+        endpoint: endpointPrepared,
+        pathToValue: pathToValuePrepared,
+        editModalWidth,
+        paddingContainerEnd
       }
     )
   ] });