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

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

@@ -33418,7 +33418,7 @@ const prepare = ({
             permissions: dataForControls.permissions
           };
           return {
-            key: el.metadata.name,
+            key: `${el.metadata.name}${el.metadata.namespace ? `-${el.metadata.namespace}` : ""}`,
             ...el,
             internalDataForControls
           };
@@ -33458,7 +33458,7 @@ const prepare = ({
             permissions: dataForControls.permissions
           };
           return {
-            key: el.metadata.name,
+            key: `${el.metadata.name}${el.metadata.namespace ? `-${el.metadata.namespace}` : ""}`,
             ...el.spec,
             internalDataForControls
           };
@@ -46816,6 +46816,7 @@ const ItemCounter = ({
     reqIndex,
     jsonPathToArray,
     text,
+    errorText,
     style
   } = data;
   const { data: multiQueryData, isLoading: isMultiQueryLoading, isError: isMultiQueryErrors, errors } = useMultiQuery();
@@ -46835,12 +46836,14 @@ const ItemCounter = ({
   }, {});
   const jsonRoot = multiQueryData[`req${reqIndex}`];
   if (jsonRoot === void 0) {
-    return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: "No root for json path" });
+    console.log("Item Counter: ${id}: No root for json path");
+    return /* @__PURE__ */ jsxRuntimeExports.jsx("span", { style, children: errorText });
   }
   const anythingForNow = jp.query(jsonRoot, `$${jsonPathToArray}`);
   const { counter, error: errorArrayOfObjects } = getItemsInside$1(anythingForNow);
   if (errorArrayOfObjects) {
-    return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: errorArrayOfObjects });
+    console.log(`Item Counter: ${id}: ${errorArrayOfObjects}`);
+    return /* @__PURE__ */ jsxRuntimeExports.jsx("span", { style, children: errorText });
   }
   const parsedText = parseAll({ text, replaceValues, multiQueryData });
   const parsedTextWithCounter = parsedText.replace("~counter~", String(counter || 0));
@@ -46870,6 +46873,7 @@ const KeyCounter = ({
     reqIndex,
     jsonPathToObj,
     text,
+    errorText,
     style
   } = data;
   const { data: multiQueryData, isLoading: isMultiQueryLoading, isError: isMultiQueryErrors, errors } = useMultiQuery();
@@ -46889,12 +46893,14 @@ const KeyCounter = ({
   }, {});
   const jsonRoot = multiQueryData[`req${reqIndex}`];
   if (jsonRoot === void 0) {
-    return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: "No root for json path" });
+    console.log("Key Counter: ${id}: No root for json path");
+    return /* @__PURE__ */ jsxRuntimeExports.jsx("span", { style, children: errorText });
   }
   const anythingForNow = jp.query(jsonRoot, `$${jsonPathToObj}`);
   const { counter, error: errorArrayOfObjects } = getItemsInside(anythingForNow);
   if (errorArrayOfObjects) {
-    return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: errorArrayOfObjects });
+    console.log(`Key Counter: ${id}: ${errorArrayOfObjects}`);
+    return /* @__PURE__ */ jsxRuntimeExports.jsx("span", { style, children: errorText });
   }
   const parsedText = parseAll({ text, replaceValues, multiQueryData });
   const parsedTextWithCounter = parsedText.replace("~counter~", String(counter || 0));
@@ -46904,6 +46910,96 @@ const KeyCounter = ({
   ] });
 };
 
+const EditModal = ({
+  open,
+  close,
+  values,
+  openNotificationSuccess,
+  modalTitle,
+  modalDescriptionText,
+  inputLabel
+}) => {
+  const [error, setError] = useState();
+  const [isLoading, setIsLoading] = useState(false);
+  const [form] = Form.useForm();
+  const labels = Form.useWatch("labels", form);
+  useEffect(() => {
+    if (open) {
+      form.setFieldsValue({
+        labels: values ? Object.entries(values).map(([key, value]) => `${key}=${value}`) : []
+      });
+    }
+  }, [open, form]);
+  const submit = () => {
+    form.validateFields().then(() => {
+      const result = {};
+      labels.forEach((label) => {
+        const [key, value] = label.split("=");
+        result[key] = value || "";
+      });
+      console.log(JSON.stringify(result));
+      if (openNotificationSuccess) {
+        openNotificationSuccess();
+      }
+    }).catch(() => console.log("Validating error"));
+  };
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs(
+    Modal,
+    {
+      title: modalTitle,
+      open,
+      onOk: () => submit(),
+      onCancel: () => {
+        close();
+        form.resetFields();
+        setIsLoading(false);
+        setError(void 0);
+      },
+      okText: "Save",
+      confirmLoading: isLoading,
+      maskClosable: false,
+      width: "60vw",
+      destroyOnHidden: true,
+      children: [
+        error && /* @__PURE__ */ jsxRuntimeExports.jsx(Alert, { type: "error", message: "Error while submitting", description: error?.response?.data?.message }),
+        modalDescriptionText,
+        /* @__PURE__ */ jsxRuntimeExports.jsxs(Form, { form, children: [
+          inputLabel && /* @__PURE__ */ jsxRuntimeExports.jsx(CustomSizeTitle, { children: inputLabel }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx(
+            ResetedFormItem,
+            {
+              name: "labels",
+              hasFeedback: true,
+              validateTrigger: "onBlur",
+              rules: [
+                () => ({
+                  validator(_, value) {
+                    if (Array.isArray(value) && value.every((str) => typeof str === "string" && str.includes("="))) {
+                      return Promise.resolve();
+                    }
+                    return Promise.reject(new Error("Please enter key=value style"));
+                  }
+                })
+              ],
+              children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+                Select,
+                {
+                  mode: "tags",
+                  placeholder: "Enter key=value",
+                  filterOption: filterSelectOptions,
+                  allowClear: true,
+                  tokenSeparators: [" "],
+                  open: false
+                }
+              )
+            }
+          )
+        ] })
+      ]
+    }
+  );
+};
+
 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)) {
@@ -46927,10 +47023,19 @@ const Labels = ({ data, children }) => {
     id,
     reqIndex,
     jsonPathToLabels,
-    selectProps
+    selectProps,
+    notificationSuccessMessage,
+    notificationSuccessMessageDescription,
+    modalTitle,
+    modalDescriptionText,
+    inputLabel,
+    containerStyle
   } = data;
+  const [api, contextHolder] = notification.useNotification();
+  const [open, setOpen] = useState(false);
   const { maxTagTextLength, ...restSelectProps } = selectProps || { maxTagTextLength: void 0 };
   const { data: multiQueryData, isLoading: isMultiQueryLoading, isError: isMultiQueryErrors, errors } = useMultiQuery();
+  const partsOfUrl = usePartsOfUrl();
   if (isMultiQueryLoading) {
     return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: "Loading..." });
   }
@@ -46940,28 +47045,80 @@ const Labels = ({ data, children }) => {
       /* @__PURE__ */ jsxRuntimeExports.jsx("ul", { children: errors.map((e, i) => e && /* @__PURE__ */ jsxRuntimeExports.jsx("li", { children: e.message }, i)) })
     ] });
   }
+  const replaceValues = partsOfUrl.partsOfUrl.reduce((acc, value, index) => {
+    acc[index.toString()] = value;
+    return acc;
+  }, {});
   const jsonRoot = multiQueryData[`req${reqIndex}`];
   if (jsonRoot === void 0) {
     return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: "No root for json path" });
   }
   const anythingForNow = jp.query(jsonRoot, `$${jsonPathToLabels}`);
   const { data: labelsRaw, error: errorArrayOfObjects } = parseArrayOfAny$1(anythingForNow);
-  const EmptySelect = /* @__PURE__ */ jsxRuntimeExports.jsx(
-    UncontrolledSelect,
-    {
-      mode: "multiple",
-      ...restSelectProps,
-      value: [],
-      options: [],
-      open: false,
-      showSearch: false,
-      removeIcon: () => {
-        return null;
-      },
-      suffixIcon: null,
-      isCursorPointer: true
-    }
-  );
+  const notificationSuccessMessagePrepared = parseAll({
+    text: notificationSuccessMessage,
+    replaceValues,
+    multiQueryData
+  });
+  const notificationSuccessMessageDescriptionPrepared = parseAll({
+    text: notificationSuccessMessageDescription,
+    replaceValues,
+    multiQueryData
+  });
+  const modalTitlePrepared = parseAll({ text: modalTitle, replaceValues, multiQueryData });
+  const modalDescriptionTextPrepared = modalDescriptionText ? parseAll({ text: modalDescriptionText, replaceValues, multiQueryData }) : void 0;
+  const inputLabelPrepared = inputLabel ? parseAll({ text: inputLabel, replaceValues, multiQueryData }) : void 0;
+  const openNotificationSuccess = () => {
+    api.success({
+      message: notificationSuccessMessagePrepared,
+      description: notificationSuccessMessageDescriptionPrepared,
+      placement: "bottomRight"
+    });
+  };
+  const EmptySelect = /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: containerStyle, children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx(Flex, { justify: "flex-end", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+      Button,
+      {
+        type: "text",
+        size: "small",
+        onClick: (e) => {
+          e.stopPropagation();
+          setOpen(true);
+        },
+        icon: /* @__PURE__ */ jsxRuntimeExports.jsx(EditIcon, {})
+      }
+    ) }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx(
+      UncontrolledSelect,
+      {
+        mode: "multiple",
+        ...restSelectProps,
+        value: [],
+        options: [],
+        open: false,
+        showSearch: false,
+        removeIcon: () => {
+          return null;
+        },
+        suffixIcon: null,
+        isCursorPointer: true
+      }
+    ),
+    children,
+    contextHolder,
+    /* @__PURE__ */ jsxRuntimeExports.jsx(
+      EditModal,
+      {
+        open,
+        close: () => setOpen(false),
+        values: labelsRaw,
+        openNotificationSuccess,
+        modalTitle: modalTitlePrepared,
+        modalDescriptionText: modalDescriptionTextPrepared,
+        inputLabel: inputLabelPrepared
+      }
+    )
+  ] });
   if (!labelsRaw) {
     if (errorArrayOfObjects) {
       return EmptySelect;
@@ -46969,7 +47126,19 @@ const Labels = ({ data, children }) => {
     return EmptySelect;
   }
   const labels = Object.entries(labelsRaw).map(([key, value]) => `${key}=${value}`);
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: containerStyle, children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx(Flex, { justify: "flex-end", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+      Button,
+      {
+        type: "text",
+        size: "small",
+        onClick: (e) => {
+          e.stopPropagation();
+          setOpen(true);
+        },
+        icon: /* @__PURE__ */ jsxRuntimeExports.jsx(EditIcon, {})
+      }
+    ) }),
     /* @__PURE__ */ jsxRuntimeExports.jsx(
       UncontrolledSelect,
       {
@@ -46991,11 +47160,23 @@ const Labels = ({ data, children }) => {
             },
             children: typeof label === "string" ? truncate(label, maxTagTextLength) : "Not a string value"
           }
-        ) }),
-        isCursorPointer: true
+        ) })
       }
     ),
-    children
+    children,
+    contextHolder,
+    /* @__PURE__ */ jsxRuntimeExports.jsx(
+      EditModal,
+      {
+        open,
+        close: () => setOpen(false),
+        values: labelsRaw,
+        openNotificationSuccess,
+        modalTitle: modalTitlePrepared,
+        modalDescriptionText: modalDescriptionTextPrepared,
+        inputLabel: inputLabelPrepared
+      }
+    )
   ] });
 };