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

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

@@ -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),
@@ -8424,14 +8424,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 +8492,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)`
@@ -33418,7 +33468,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 +33508,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 +46866,7 @@ const ItemCounter = ({
     reqIndex,
     jsonPathToArray,
     text,
+    errorText,
     style
   } = data;
   const { data: multiQueryData, isLoading: isMultiQueryLoading, isError: isMultiQueryErrors, errors } = useMultiQuery();
@@ -46835,12 +46886,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));
@@ -46855,7 +46908,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 };
 };
@@ -46870,6 +46923,7 @@ const KeyCounter = ({
     reqIndex,
     jsonPathToObj,
     text,
+    errorText,
     style
   } = data;
   const { data: multiQueryData, isLoading: isMultiQueryLoading, isError: isMultiQueryErrors, errors } = useMultiQuery();
@@ -46889,12 +46943,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));
@@ -46921,16 +46977,137 @@ const truncate = (text, max) => {
   return text.length > max ? text.slice(0, max) + "..." : text;
 };
 
+const EditModal = ({
+  open,
+  close,
+  values,
+  openNotificationSuccess,
+  modalTitle,
+  modalDescriptionText,
+  inputLabel,
+  maxEditTagTextLength,
+  allowClearEditSelect
+}) => {
+  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: 520,
+      destroyOnHidden: true,
+      centered: true,
+      children: [
+        error && /* @__PURE__ */ jsxRuntimeExports.jsx(Alert, { type: "error", message: "Error while submitting", description: error?.response?.data?.message }),
+        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, { $designNewLayout: true, children: inputLabel }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx(Spacer$1, { $space: 10, $samespace: true }),
+          /* @__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("=") && !str.startsWith("="))) {
+                      return Promise.resolve();
+                    }
+                    return Promise.reject(new Error("Please enter key=value style"));
+                  }
+                })
+              ],
+              children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+                CustomSelect$4,
+                {
+                  mode: "tags",
+                  placeholder: "Enter key=value",
+                  filterOption: filterSelectOptions,
+                  allowClear: allowClearEditSelect,
+                  tokenSeparators: [" "],
+                  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"
+                      }
+                    ) });
+                  }
+                }
+              )
+            }
+          )
+        ] })
+      ]
+    }
+  );
+};
+
 const Labels = ({ data, children }) => {
   const {
     // eslint-disable-next-line @typescript-eslint/no-unused-vars
     id,
     reqIndex,
     jsonPathToLabels,
-    selectProps
+    selectProps,
+    notificationSuccessMessage,
+    notificationSuccessMessageDescription,
+    modalTitle,
+    modalDescriptionText,
+    inputLabel,
+    containerStyle,
+    maxEditTagTextLength,
+    allowClearEditSelect
   } = 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 +47117,82 @@ 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,
+        maxEditTagTextLength,
+        allowClearEditSelect
+      }
+    )
+  ] });
   if (!labelsRaw) {
     if (errorArrayOfObjects) {
       return EmptySelect;
@@ -46969,7 +47200,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 +47234,25 @@ 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,
+        maxEditTagTextLength,
+        allowClearEditSelect
+      }
+    )
   ] });
 };
 
@@ -47587,5 +47844,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