@prorobotech/openapi-k8s-toolkit 0.0.1-alpha.94 → 0.0.1-alpha.96

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) {
@@ -2504,7 +2504,7 @@ const CustomTreeProvider = st.div`
     justify-content: center;
   }
 `;
-const Styled$p = {
+const Styled$q = {
   CustomTreeProvider
 };
 
@@ -2569,7 +2569,7 @@ const TreeWithSearch = ({ treeData, onSelect }) => {
   });
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
     /* @__PURE__ */ jsxRuntimeExports.jsx(Search, { style: { marginBottom: 8 }, placeholder: "Search", onChange }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$p.CustomTreeProvider, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+    /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$q.CustomTreeProvider, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(
       Tree,
       {
         treeData: loop(treeData),
@@ -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();
@@ -8424,14 +8443,14 @@ const ContentContainer = st.div`
   display: ${({ $displayFlex }) => $displayFlex ? "flex" : "block"};
   flex-flow: ${({ $flexFlow }) => $flexFlow};
 `;
-const Styled$o = {
+const Styled$p = {
   ContentContainer
 };
 
 const ContentCard$1 = ({ children, flexGrow, displayFlex, flexFlow, maxHeight }) => {
   const { token } = theme.useToken();
   return /* @__PURE__ */ jsxRuntimeExports.jsx(
-    Styled$o.ContentContainer,
+    Styled$p.ContentContainer,
     {
       $flexGrow: flexGrow,
       $bgColor: token.colorBgContainer,
@@ -8492,13 +8511,63 @@ const UncontrolledSelect$1 = st(Select)`
     padding-inline: 8px;
   }
 `;
-const Styled$n = {
+const Styled$o = {
   UncontrolledSelect: UncontrolledSelect$1
 };
 
 const UncontrolledSelect = (props) => {
   const { isCursorPointer } = props;
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$n.UncontrolledSelect, { ...props, $isCursorPointer: isCursorPointer });
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$o.UncontrolledSelect, { ...props, $isCursorPointer: isCursorPointer });
+};
+
+const CustomSelect$5 = st(Select)`
+  width: 100%;
+  margin: 0;
+  padding: 4px;
+
+  && .ant-select-selector {
+    background: none;
+  }
+
+  && .ant-select-selector,
+  && .ant-select-focused .ant-select-selector,
+  && .ant-select-selector:focus,
+  && .ant-select-selector:active,
+  && .ant-select-open .ant-select-selector {
+    align-items: flex-start;
+    outline: none !important;
+    outline-color: transparent !important;
+    box-shadow: none !important;
+    padding-inline: 4px !important;
+    padding-block: 4px !important;
+  }
+
+  && .ant-select-selection-overflow {
+    gap: 4px;
+  }
+
+  && .ant-select-selection-overflow-item-rest .ant-select-selection-item {
+    background: 0;
+  }
+
+  && .ant-tag {
+    font-size: 14px;
+    line-height: 22px;
+    border: 0;
+    padding-inline: 8px;
+  }
+
+  && .ant-select-multiple .ant-select-selection-overflow-item-suffix {
+    min-height: 22px !important;
+    margin-block: 0 !important;
+  }
+`;
+const Styled$n = {
+  CustomSelect: CustomSelect$5
+};
+
+const CustomSelect$4 = (props) => {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$n.CustomSelect, { ...props });
 };
 
 const CursorPointerTag = st(Tag)`
@@ -46858,7 +46927,7 @@ const getItemsInside = (value) => {
     return { error: "Value on jsonPath is not an array" };
   }
   if (typeof value[0] !== "object" || value[0] === null) {
-    return { error: "Value[0] is not an object" };
+    return { counter: 0 };
   }
   return { counter: Object.keys(value[0]).length };
 };
@@ -46910,6 +46979,23 @@ const KeyCounter = ({
   ] });
 };
 
+const isRecordStringNumber$1 = (value) => typeof value === "object" && value !== null && !Array.isArray(value) && Object.entries(value).every(([k, v]) => typeof k === "string" && (typeof v === "string" || typeof v === "number"));
+const parseArrayOfAny$1 = (value) => {
+  if (!Array.isArray(value)) {
+    return { error: "Value on jsonPath is not an array" };
+  }
+  if (isRecordStringNumber$1(value[0])) {
+    return { data: value[0] };
+  }
+  return { error: "Value on jsonPath is not a record array" };
+};
+const truncate = (text, max) => {
+  if (!max) {
+    return text;
+  }
+  return text.length > max ? text.slice(0, max) + "..." : text;
+};
+
 const EditModal = ({
   open,
   close,
@@ -46917,8 +47003,14 @@ const EditModal = ({
   openNotificationSuccess,
   modalTitle,
   modalDescriptionText,
-  inputLabel
+  inputLabel,
+  maxEditTagTextLength,
+  allowClearEditSelect,
+  endpoint,
+  pathToValue,
+  editModalWidth
 }) => {
+  const queryClient = useQueryClient();
   const [error, setError] = useState();
   const [isLoading, setIsLoading] = useState(false);
   const [form] = Form.useForm();
@@ -46938,9 +47030,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(
@@ -46958,13 +47061,18 @@ const EditModal = ({
       okText: "Save",
       confirmLoading: isLoading,
       maskClosable: false,
-      width: "60vw",
+      width: editModalWidth || 520,
       destroyOnHidden: true,
+      centered: true,
       children: [
         error && /* @__PURE__ */ jsxRuntimeExports.jsx(Alert, { type: "error", message: "Error while submitting", description: error?.response?.data?.message }),
-        modalDescriptionText,
+        modalDescriptionText && /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: modalDescriptionText }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx(Spacer$1, { $space: 10, $samespace: true })
+        ] }),
         /* @__PURE__ */ jsxRuntimeExports.jsxs(Form, { form, children: [
-          inputLabel && /* @__PURE__ */ jsxRuntimeExports.jsx(CustomSizeTitle, { children: inputLabel }),
+          inputLabel && /* @__PURE__ */ jsxRuntimeExports.jsx(CustomSizeTitle, { $designNewLayout: true, children: inputLabel }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx(Spacer$1, { $space: 10, $samespace: true }),
           /* @__PURE__ */ jsxRuntimeExports.jsx(
             ResetedFormItem,
             {
@@ -46974,7 +47082,7 @@ const EditModal = ({
               rules: [
                 () => ({
                   validator(_, value) {
-                    if (Array.isArray(value) && value.every((str) => typeof str === "string" && str.includes("="))) {
+                    if (Array.isArray(value) && value.every((str) => typeof str === "string" && str.includes("=") && !str.startsWith("="))) {
                       return Promise.resolve();
                     }
                     return Promise.reject(new Error("Please enter key=value style"));
@@ -46982,14 +47090,27 @@ const EditModal = ({
                 })
               ],
               children: /* @__PURE__ */ jsxRuntimeExports.jsx(
-                Select,
+                CustomSelect$4,
                 {
                   mode: "tags",
                   placeholder: "Enter key=value",
                   filterOption: filterSelectOptions,
-                  allowClear: true,
+                  allowClear: allowClearEditSelect,
                   tokenSeparators: [" "],
-                  open: false
+                  open: false,
+                  tagRender: ({ label, closable, onClose }) => {
+                    return /* @__PURE__ */ jsxRuntimeExports.jsx(Popover, { content: label, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+                      Tag,
+                      {
+                        closable,
+                        onClose,
+                        onClick: (e) => {
+                          e.stopPropagation();
+                        },
+                        children: typeof label === "string" ? truncate(label, maxEditTagTextLength) : "Not a string value"
+                      }
+                    ) });
+                  }
                 }
               )
             }
@@ -47000,23 +47121,6 @@ const EditModal = ({
   );
 };
 
-const isRecordStringNumber$1 = (value) => typeof value === "object" && value !== null && !Array.isArray(value) && Object.entries(value).every(([k, v]) => typeof k === "string" && (typeof v === "string" || typeof v === "number"));
-const parseArrayOfAny$1 = (value) => {
-  if (!Array.isArray(value)) {
-    return { error: "Value on jsonPath is not an array" };
-  }
-  if (isRecordStringNumber$1(value[0])) {
-    return { data: value[0] };
-  }
-  return { error: "Value on jsonPath is not a record array" };
-};
-const truncate = (text, max) => {
-  if (!max) {
-    return text;
-  }
-  return text.length > max ? text.slice(0, max) + "..." : text;
-};
-
 const Labels = ({ data, children }) => {
   const {
     // eslint-disable-next-line @typescript-eslint/no-unused-vars
@@ -47024,12 +47128,18 @@ const Labels = ({ data, children }) => {
     reqIndex,
     jsonPathToLabels,
     selectProps,
+    readOnly,
     notificationSuccessMessage,
     notificationSuccessMessageDescription,
     modalTitle,
     modalDescriptionText,
     inputLabel,
-    containerStyle
+    containerStyle,
+    maxEditTagTextLength,
+    allowClearEditSelect,
+    endpoint,
+    pathToValue,
+    editModalWidth
   } = data;
   const [api, contextHolder] = notification.useNotification();
   const [open, setOpen] = useState(false);
@@ -47055,19 +47165,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,
@@ -47076,7 +47188,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",
@@ -47115,7 +47227,12 @@ const Labels = ({ data, children }) => {
         openNotificationSuccess,
         modalTitle: modalTitlePrepared,
         modalDescriptionText: modalDescriptionTextPrepared,
-        inputLabel: inputLabelPrepared
+        inputLabel: inputLabelPrepared,
+        maxEditTagTextLength,
+        allowClearEditSelect,
+        endpoint: endpointPrepared,
+        pathToValue: pathToValuePrepared,
+        editModalWidth
       }
     )
   ] });
@@ -47127,7 +47244,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",
@@ -47174,7 +47291,12 @@ const Labels = ({ data, children }) => {
         openNotificationSuccess,
         modalTitle: modalTitlePrepared,
         modalDescriptionText: modalDescriptionTextPrepared,
-        inputLabel: inputLabelPrepared
+        inputLabel: inputLabelPrepared,
+        maxEditTagTextLength,
+        allowClearEditSelect,
+        endpoint: endpointPrepared,
+        pathToValue: pathToValuePrepared,
+        editModalWidth
       }
     )
   ] });
@@ -47768,5 +47890,5 @@ const useCrdData = ({
   });
 };
 
-export { BackToDefaultIcon, BlackholeForm, BlackholeFormDataProvider, ContentCard$1 as ContentCard, CursorPointerTag, DeleteIcon, DeleteModal, DeleteModalMany, DownIcon, DynamicComponents, DynamicRenderer, DynamicRendererWithProviders, EditIcon, EnrichedTable$1 as EnrichedTable, EnrichedTableProvider, FlexGrow, LockedIcon, ManageableBreadcrumbs, ManageableBreadcrumbsWithDataProvider, ManageableSidebar, ManageableSidebarWithDataProvider, MarketPlace, MarketplaceCard$1 as MarketplaceCard, MinusIcon, NodeTerminal$1 as NodeTerminal, PauseCircleIcon, PlusIcon, PodLogs$1 as PodLogs, PodLogsMonaco, PodTerminal$1 as PodTerminal, ProjectInfoCard$1 as ProjectInfoCard, ResumeCircleIcon, Spacer$1 as Spacer, SuccessIcon, TreeWithSearch, UncontrolledSelect, UnlockedIcon, UpIcon, YamlEditorSingleton$1 as YamlEditorSingleton, checkIfApiInstanceNamespaceScoped, checkIfBuiltInInstanceNamespaceScoped, checkPermission, createContextFactory, createNewEntry, deleteEntry, feedbackIcons, filterIfApiInstanceNamespaceScoped, filterIfBuiltInInstanceNamespaceScoped, filterSelectOptions, floorToDecimal, getAllPathsFromObj, getApiResourceSingle, getApiResourceTypes, getApiResourceTypesByApiGroup, getApiResources, getBuiltinResourceSingle, getBuiltinResourceTypes, getBuiltinResources, getBuiltinTreeData, getClusterList, getCrdData, getCrdResourceSingle, getCrdResources, getDirectUnknownResource, getEnrichedColumns, getEnrichedColumnsWithControls, getGroupsByCategory, getObjectFormItemsDraft, getPrefixSubarrays, getStringByName, getSwagger, groupsToTreeData, isFlatObject, normalizeValuesForQuotasToNumber, parseQuotaValue, parseQuotaValueCpu, parseQuotaValueMemoryAndStorage, prepareDataForManageableBreadcrumbs, prepareDataForManageableSidebar, prepareTemplate, prepareUrlsToFetchForDynamicRenderer, updateEntry, useApiResourceSingle, useApiResourceTypesByGroup, useApiResources, useApisResourceTypes, useBuiltinResourceSingle, useBuiltinResourceTypes, useBuiltinResources, useClusterList, useCrdData, useCrdResourceSingle, useCrdResources, useDirectUnknownResource, usePermissions };
+export { BackToDefaultIcon, BlackholeForm, BlackholeFormDataProvider, ContentCard$1 as ContentCard, CursorPointerTag, CustomSelect$4 as CustomSelect, DeleteIcon, DeleteModal, DeleteModalMany, DownIcon, DynamicComponents, DynamicRenderer, DynamicRendererWithProviders, EditIcon, EnrichedTable$1 as EnrichedTable, EnrichedTableProvider, FlexGrow, LockedIcon, ManageableBreadcrumbs, ManageableBreadcrumbsWithDataProvider, ManageableSidebar, ManageableSidebarWithDataProvider, MarketPlace, MarketplaceCard$1 as MarketplaceCard, MinusIcon, NodeTerminal$1 as NodeTerminal, PauseCircleIcon, PlusIcon, PodLogs$1 as PodLogs, PodLogsMonaco, PodTerminal$1 as PodTerminal, ProjectInfoCard$1 as ProjectInfoCard, ResumeCircleIcon, Spacer$1 as Spacer, SuccessIcon, TreeWithSearch, UncontrolledSelect, UnlockedIcon, UpIcon, YamlEditorSingleton$1 as YamlEditorSingleton, checkIfApiInstanceNamespaceScoped, checkIfBuiltInInstanceNamespaceScoped, checkPermission, createContextFactory, createNewEntry, deleteEntry, feedbackIcons, filterIfApiInstanceNamespaceScoped, filterIfBuiltInInstanceNamespaceScoped, filterSelectOptions, floorToDecimal, getAllPathsFromObj, getApiResourceSingle, getApiResourceTypes, getApiResourceTypesByApiGroup, getApiResources, getBuiltinResourceSingle, getBuiltinResourceTypes, getBuiltinResources, getBuiltinTreeData, getClusterList, getCrdData, getCrdResourceSingle, getCrdResources, getDirectUnknownResource, getEnrichedColumns, getEnrichedColumnsWithControls, getGroupsByCategory, getObjectFormItemsDraft, getPrefixSubarrays, getStringByName, getSwagger, groupsToTreeData, isFlatObject, normalizeValuesForQuotasToNumber, parseQuotaValue, parseQuotaValueCpu, parseQuotaValueMemoryAndStorage, prepareDataForManageableBreadcrumbs, prepareDataForManageableSidebar, prepareTemplate, prepareUrlsToFetchForDynamicRenderer, updateEntry, useApiResourceSingle, useApiResourceTypesByGroup, useApiResources, useApisResourceTypes, useBuiltinResourceSingle, useBuiltinResourceTypes, useBuiltinResources, useClusterList, useCrdData, useCrdResourceSingle, useCrdResources, useDirectUnknownResource, usePermissions };
 //# sourceMappingURL=openapi-k8s-toolkit.es.js.map