@prorobotech/openapi-k8s-toolkit 1.4.0-alpha.24 → 1.4.0-alpha.26

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

@@ -34981,13 +34981,13 @@
     const { data: multiQueryData, isLoading: isMultiqueryLoading } = useMultiQuery();
     const partsOfUrl = usePartsOfUrl();
     const navigate = reactRouterDom.useNavigate();
-    const { id, text, href, ...linkProps } = data;
+    const { id, text, href, title, ...linkProps } = data;
     const replaceValues = partsOfUrl.partsOfUrl.reduce((acc, value, index) => {
       acc[index.toString()] = value;
       return acc;
     }, {});
     const textPrepared = parseAll({ text, replaceValues, multiQueryData });
-    const tooltipPrepared = typeof linkProps.title === "string" ? parseAll({ text: linkProps.title, replaceValues, multiQueryData }) : void 0;
+    const tooltipPrepared = typeof title === "string" ? parseAll({ text: title, replaceValues, multiQueryData }) : void 0;
     const hrefPrepared = parseAll({ text: href, replaceValues, multiQueryData });
     const isExternal = isExternalHref(hrefPrepared);
     if (isMultiqueryLoading) {
@@ -81410,25 +81410,7 @@ Take a look at the reducer(s) handling this action type: ${action.type}.
     }
     return [getVolumeTypeMeta(volumeName, vol)];
   };
-  const columns = [
-    { title: "Name", dataIndex: "name", key: "name" },
-    { title: "Mount Path", dataIndex: "mountPath", key: "mountPath" },
-    { title: "Sub Path", dataIndex: "subPath", key: "subPath" },
-    { title: "Type", dataIndex: "typeName", key: "typeName" },
-    { title: "Access", dataIndex: "access", key: "access" },
-    { title: "Utilized by", dataIndex: "containerName", key: "containerName" }
-    // { title: 'Type', dataIndex: 'typeResource', key: 'typeResource' },
-  ];
-  const undefinedValues = [
-    { key: "name", value: "-" },
-    { key: "mountPath", value: "-" },
-    { key: "subPath", value: "-" },
-    { key: "typeName", value: "-" },
-    { key: "access", value: "-" },
-    { key: "containerName", value: "-" }
-  ];
-  const withUndefinedFallback = (value, fallback = "-") => value === void 0 || value === null || value === "" ? fallback : value;
-  const customColumns = {
+  const buildCustomColumns = (containerFactoryKey) => ({
     mountPath: {
       type: "factory",
       customProps: {
@@ -81471,52 +81453,20 @@ Take a look at the reducer(s) handling this action type: ${action.type}.
                 type: "VisibilityContainer",
                 data: {
                   id: "typeName-link-visible",
-                  value: "{reqsJsonPath[0]['.typeKey']['-']}",
-                  criteria: "equals",
-                  valueToCompare: ["configMap", "secret"]
+                  value: "{reqsJsonPath[0]['.typeHref']['']}",
+                  criteria: "notEquals",
+                  valueToCompare: [""]
                 },
                 children: [
                   {
-                    type: "VisibilityContainer",
+                    type: "antdLink",
                     data: {
-                      id: "typeName-configmap-link-visible",
-                      value: "{reqsJsonPath[0]['.typeKey']['-']}",
-                      criteria: "equals",
-                      valueToCompare: ["configMap"]
-                    },
-                    children: [
-                      {
-                        type: "antdLink",
-                        data: {
-                          href: "/openapi-ui/{2}/{3}/factory/configmap-details/v1/configmaps/{reqsJsonPath[0]['.typeName']['-']}",
-                          id: "typeName-link",
-                          text: "{reqsJsonPath[0]['.typeName']['-']}",
-                          title: "{reqsJsonPath[0]['.typeName']['-']}",
-                          style: ellipsisStyle
-                        }
-                      }
-                    ]
-                  },
-                  {
-                    type: "VisibilityContainer",
-                    data: {
-                      id: "typeName-secret-link-visible",
-                      value: "{reqsJsonPath[0]['.typeKey']['-']}",
-                      criteria: "equals",
-                      valueToCompare: ["secret"]
-                    },
-                    children: [
-                      {
-                        type: "antdLink",
-                        data: {
-                          href: "/openapi-ui/{2}/{3}/factory/secret-details/v1/secrets/{reqsJsonPath[0]['.typeName']['-']}",
-                          id: "typeName-secret-link",
-                          text: "{reqsJsonPath[0]['.typeName']['-']}",
-                          title: "{reqsJsonPath[0]['.typeName']['-']}",
-                          style: ellipsisStyle
-                        }
-                      }
-                    ]
+                      href: "{reqsJsonPath[0]['.typeHref']['']}",
+                      id: "typeName-link",
+                      text: "{reqsJsonPath[0]['.typeName']['-']}",
+                      title: "{reqsJsonPath[0]['.typeName']['-']}",
+                      style: ellipsisStyle
+                    }
                   }
                 ]
               },
@@ -81524,9 +81474,9 @@ Take a look at the reducer(s) handling this action type: ${action.type}.
                 type: "VisibilityContainer",
                 data: {
                   id: "typeName-text-visible",
-                  value: "{reqsJsonPath[0]['.typeKey']['-']}",
-                  criteria: "notEquals",
-                  valueToCompare: ["configMap", "secret"]
+                  value: "{reqsJsonPath[0]['.typeHref']['']}",
+                  criteria: "equals",
+                  valueToCompare: [""]
                 },
                 children: [
                   {
@@ -81567,13 +81517,18 @@ Take a look at the reducer(s) handling this action type: ${action.type}.
                 }
               },
               {
-                type: "antdLink",
-                data: {
-                  href: "/openapi-ui/{2}/{3}/factory/container-details/v1/containers/{reqsJsonPath[0]['.podName']['-']}/{reqsJsonPath[0]['.containerName']['-']}",
+                type: containerFactoryKey ? "antdLink" : "parsedText",
+                data: containerFactoryKey ? {
+                  href: `/openapi-ui/{2}/{3}/factory/${containerFactoryKey}/v1/containers/{reqsJsonPath[0]['.podName']['-']}/{reqsJsonPath[0]['.containerName']['-']}`,
                   id: "container-link",
                   text: "{reqsJsonPath[0]['.containerName']['-']}",
                   title: "{reqsJsonPath[0]['.containerName']['-']}",
                   style: ellipsisStyle
+                } : {
+                  id: "container-text",
+                  text: "{reqsJsonPath[0]['.containerName']['-']}",
+                  tooltip: "{reqsJsonPath[0]['.containerName']['-']}",
+                  style: ellipsisStyle
                 }
               }
             ]
@@ -81581,19 +81536,145 @@ Take a look at the reducer(s) handling this action type: ${action.type}.
         ]
       }
     }
+  });
+  const isLinkableVolumeTypeKey = (typeKey) => typeKey === "configMap" || typeKey === "secret";
+  const isPendingLinkSegment = (value) => !value || value.includes("...") || value.includes("{") || value.includes("}");
+  const getVolumeFactoryKey = ({
+    apiGroup,
+    apiVersion,
+    resource,
+    namespace,
+    baseFactoriesMapping,
+    baseFactoryNamespacedAPIKey,
+    baseFactoryClusterSceopedAPIKey,
+    baseFactoryNamespacedBuiltinKey,
+    baseFactoryClusterSceopedBuiltinKey
+  }) => {
+    if (namespace) {
+      if (apiGroup) {
+        const forcedMapping3 = baseFactoriesMapping?.[`${baseFactoryNamespacedAPIKey}-${apiGroup}-${apiVersion}-${resource}`];
+        return forcedMapping3 || baseFactoryNamespacedAPIKey || "";
+      }
+      const forcedMapping2 = baseFactoriesMapping?.[`${baseFactoryNamespacedBuiltinKey}-${apiVersion}-${resource}`];
+      return forcedMapping2 || baseFactoryNamespacedBuiltinKey || "";
+    }
+    if (apiGroup) {
+      const forcedMapping2 = baseFactoriesMapping?.[`${baseFactoryClusterSceopedAPIKey}-${apiGroup}-${apiVersion}-${resource}`];
+      return forcedMapping2 || baseFactoryClusterSceopedAPIKey || "";
+    }
+    const forcedMapping = baseFactoriesMapping?.[`${baseFactoryClusterSceopedBuiltinKey}-${apiVersion}-${resource}`];
+    return forcedMapping || baseFactoryClusterSceopedBuiltinKey || "";
   };
+  const getVolumeResourceLinkPrefix = ({
+    baseprefix,
+    cluster,
+    namespace,
+    apiGroupVersion,
+    pluralName,
+    baseFactoryNamespacedAPIKey,
+    baseFactoryClusterSceopedAPIKey,
+    baseFactoryNamespacedBuiltinKey,
+    baseFactoryClusterSceopedBuiltinKey,
+    baseFactoriesMapping
+  }) => {
+    const { apiGroup, apiVersion } = parseApiVersion$1(apiGroupVersion);
+    return `${baseprefix}/${cluster}${namespace ? `/${namespace}` : ""}/factory/${getVolumeFactoryKey({
+    apiGroup,
+    apiVersion,
+    resource: pluralName,
+    namespace,
+    baseFactoriesMapping,
+    baseFactoryNamespacedAPIKey,
+    baseFactoryClusterSceopedAPIKey,
+    baseFactoryNamespacedBuiltinKey,
+    baseFactoryClusterSceopedBuiltinKey
+  })}/${apiGroupVersion}/${pluralName}`;
+  };
+  const getVolumeTypeHref = ({
+    typeKey,
+    typeName,
+    resourceLinkPrefixes
+  }) => {
+    if (!isLinkableVolumeTypeKey(typeKey)) {
+      return "";
+    }
+    const resourceLinkPrefix = resourceLinkPrefixes?.[typeKey];
+    return resourceLinkPrefix ? `${resourceLinkPrefix}/${typeName}` : "";
+  };
+
+  const columns = [
+    { title: "Name", dataIndex: "name", key: "name" },
+    { title: "Mount Path", dataIndex: "mountPath", key: "mountPath" },
+    { title: "Sub Path", dataIndex: "subPath", key: "subPath" },
+    { title: "Type", dataIndex: "typeName", key: "typeName" },
+    { title: "Access", dataIndex: "access", key: "access" },
+    { title: "Utilized by", dataIndex: "containerName", key: "containerName" }
+    // { title: 'Type', dataIndex: 'typeResource', key: 'typeResource' },
+  ];
+  const undefinedValues = [
+    { key: "name", value: "-" },
+    { key: "mountPath", value: "-" },
+    { key: "subPath", value: "-" },
+    { key: "typeName", value: "-" },
+    { key: "access", value: "-" },
+    { key: "containerName", value: "-" }
+  ];
+  const withUndefinedFallback = (value, fallback = "-") => value === void 0 || value === null || value === "" ? fallback : value;
   const Volumes = ({ data, children }) => {
-    const { id, reqIndex, jsonPathToSpec, jsonPathToPodName, errorText, containerStyle } = data;
+    const {
+      // eslint-disable-next-line @typescript-eslint/no-unused-vars
+      id,
+      baseprefix,
+      cluster,
+      reqIndex,
+      jsonPathToSpec,
+      jsonPathToPodName,
+      forcedNamespace,
+      errorText,
+      containerStyle,
+      baseFactoryNamespacedAPIKey,
+      baseFactoryClusterSceopedAPIKey,
+      baseFactoryNamespacedBuiltinKey,
+      baseFactoryClusterSceopedBuiltinKey,
+      baseNavigationPluralName,
+      baseNavigationSpecificName,
+      containerFactoryKey
+    } = data;
     const theme = useTheme();
+    const partsOfUrl = usePartsOfUrl();
     const { data: multiQueryData, isLoading: isMultiQueryLoading, isError: isMultiQueryErrors, errors } = useMultiQuery();
-    const dataSource = React$1.useMemo(() => {
+    const replaceValues = partsOfUrl.partsOfUrl.reduce((acc, value, index) => {
+      acc[index.toString()] = value;
+      return acc;
+    }, {});
+    const clusterPrepared = parseAll({ text: cluster, replaceValues, multiQueryData });
+    const forcedNamespacePrepared = forcedNamespace ? parseAll({
+      text: forcedNamespace,
+      replaceValues,
+      multiQueryData
+    }) : void 0;
+    const {
+      data: navigationDataArr,
+      isLoading: isNavigationLoading,
+      isError: isNavigationError
+    } = useK8sSmartResource({
+      cluster: clusterPrepared,
+      apiGroup: "front.in-cloud.io",
+      apiVersion: "v1alpha1",
+      plural: baseNavigationPluralName,
+      fieldSelector: `metadata.name=${baseNavigationSpecificName}`
+    });
+    const baseFactoriesMapping = navigationDataArr && navigationDataArr.items && navigationDataArr.items.length > 0 ? navigationDataArr.items[0].spec?.baseFactoriesMapping : void 0;
+    const customColumns = React$1.useMemo(() => buildCustomColumns(containerFactoryKey), [containerFactoryKey]);
+    const dataSourceWithoutHref = React$1.useMemo(() => {
       if (isMultiQueryLoading || isMultiQueryErrors || !multiQueryData) return [];
       const jsonRoot2 = multiQueryData[`req${reqIndex}`];
       if (jsonRoot2 === void 0) return [];
       const specResult = jp.query(jsonRoot2 || {}, `$${jsonPathToSpec}`);
       const spec = specResult?.[0];
       if (!spec) return [];
-      const namespace = jsonRoot2?.metadata?.namespace || spec?.metadata?.namespace || "";
+      const fallbackNamespace = jsonRoot2?.metadata?.namespace || spec?.metadata?.namespace || "";
+      const effectiveNamespace = forcedNamespacePrepared || fallbackNamespace;
       const podNameFromPath = jsonPathToPodName ? jp.query(jsonRoot2 || {}, `$${jsonPathToPodName}`)?.[0] : void 0;
       const podName = podNameFromPath || jsonRoot2?.metadata?.name || spec?.metadata?.name || "-";
       const containers = Array.isArray(spec.containers) ? spec.containers : [];
@@ -81605,23 +81686,113 @@ Take a look at the reducer(s) handling this action type: ${action.type}.
       return containers.flatMap((container, cIdx) => {
         const mounts = Array.isArray(container.volumeMounts) ? container.volumeMounts : [];
         return mounts.flatMap(
-          (mount, mIdx) => getVolumeTypeMetas(mount.name, volumesMap).map((typeMeta, typeIdx) => ({
-            ...typeMeta,
-            ...mount,
-            name: withUndefinedFallback(mount.name),
-            mountPath: withUndefinedFallback(mount.mountPath),
-            subPath: withUndefinedFallback(mount.subPath),
-            typeName: withUndefinedFallback(typeMeta.typeName),
-            containerName: withUndefinedFallback(container.name || `container-${cIdx}`),
-            podName,
-            namespace,
-            access: withUndefinedFallback(mount.readOnly ? "RO" : "RW"),
-            key: `${cIdx}-${mIdx}-${typeIdx}`
-          }))
+          (mount, mIdx) => getVolumeTypeMetas(mount.name, volumesMap).map((typeMeta, typeIdx) => {
+            const typeName = String(withUndefinedFallback(typeMeta.typeName));
+            return {
+              ...typeMeta,
+              ...mount,
+              name: String(withUndefinedFallback(mount.name)),
+              mountPath: String(withUndefinedFallback(mount.mountPath)),
+              subPath: String(withUndefinedFallback(mount.subPath)),
+              typeName,
+              containerName: String(withUndefinedFallback(container.name || `container-${cIdx}`)),
+              podName: String(podName),
+              namespace: String(effectiveNamespace),
+              access: String(withUndefinedFallback(mount.readOnly ? "RO" : "RW")),
+              key: `${cIdx}-${mIdx}-${typeIdx}`
+            };
+          })
         );
       });
-    }, [multiQueryData, isMultiQueryLoading, isMultiQueryErrors, reqIndex, jsonPathToSpec, jsonPathToPodName]);
-    if (isMultiQueryLoading) {
+    }, [
+      multiQueryData,
+      isMultiQueryLoading,
+      isMultiQueryErrors,
+      reqIndex,
+      jsonPathToSpec,
+      jsonPathToPodName,
+      forcedNamespacePrepared
+    ]);
+    const hasLinkableVolumeTypes = dataSourceWithoutHref.some(({ typeKey }) => isLinkableVolumeTypeKey(typeKey));
+    const linkableNamespace = dataSourceWithoutHref.find(({ typeKey }) => isLinkableVolumeTypeKey(typeKey))?.namespace;
+    const configMapFactoryKey = hasLinkableVolumeTypes && !isNavigationLoading && !isNavigationError ? getVolumeFactoryKey({
+      apiGroup: void 0,
+      apiVersion: "v1",
+      resource: "configmaps",
+      namespace: linkableNamespace,
+      baseFactoriesMapping,
+      baseFactoryNamespacedAPIKey,
+      baseFactoryClusterSceopedAPIKey,
+      baseFactoryNamespacedBuiltinKey,
+      baseFactoryClusterSceopedBuiltinKey
+    }) : void 0;
+    const secretFactoryKey = hasLinkableVolumeTypes && !isNavigationLoading && !isNavigationError ? getVolumeFactoryKey({
+      apiGroup: void 0,
+      apiVersion: "v1",
+      resource: "secrets",
+      namespace: linkableNamespace,
+      baseFactoriesMapping,
+      baseFactoryNamespacedAPIKey,
+      baseFactoryClusterSceopedAPIKey,
+      baseFactoryNamespacedBuiltinKey,
+      baseFactoryClusterSceopedBuiltinKey
+    }) : void 0;
+    const hasPendingLinkPrefixInputs = hasLinkableVolumeTypes && (isPendingLinkSegment(clusterPrepared) || isPendingLinkSegment(linkableNamespace) || isPendingLinkSegment(configMapFactoryKey) || isPendingLinkSegment(secretFactoryKey));
+    const isLinkPrefixLoading = hasLinkableVolumeTypes && !isMultiQueryErrors && !isNavigationError && (isNavigationLoading || hasPendingLinkPrefixInputs);
+    const resourceLinkPrefixes = React$1.useMemo(() => {
+      if (!hasLinkableVolumeTypes || isLinkPrefixLoading) {
+        return void 0;
+      }
+      return {
+        configMap: getVolumeResourceLinkPrefix({
+          baseprefix,
+          cluster: clusterPrepared,
+          namespace: linkableNamespace,
+          apiGroupVersion: "v1",
+          pluralName: "configmaps",
+          baseFactoryNamespacedAPIKey,
+          baseFactoryClusterSceopedAPIKey,
+          baseFactoryNamespacedBuiltinKey,
+          baseFactoryClusterSceopedBuiltinKey,
+          baseFactoriesMapping
+        }) || "",
+        secret: getVolumeResourceLinkPrefix({
+          baseprefix,
+          cluster: clusterPrepared,
+          namespace: linkableNamespace,
+          apiGroupVersion: "v1",
+          pluralName: "secrets",
+          baseFactoryNamespacedAPIKey,
+          baseFactoryClusterSceopedAPIKey,
+          baseFactoryNamespacedBuiltinKey,
+          baseFactoryClusterSceopedBuiltinKey,
+          baseFactoriesMapping
+        }) || ""
+      };
+    }, [
+      hasLinkableVolumeTypes,
+      isLinkPrefixLoading,
+      baseprefix,
+      clusterPrepared,
+      linkableNamespace,
+      baseFactoryNamespacedAPIKey,
+      baseFactoryClusterSceopedAPIKey,
+      baseFactoryNamespacedBuiltinKey,
+      baseFactoryClusterSceopedBuiltinKey,
+      baseFactoriesMapping
+    ]);
+    const dataSource = React$1.useMemo(
+      () => dataSourceWithoutHref.map((row) => ({
+        ...row,
+        typeHref: getVolumeTypeHref({
+          typeKey: row.typeKey,
+          typeName: row.typeName,
+          resourceLinkPrefixes
+        })
+      })),
+      [dataSourceWithoutHref, resourceLinkPrefixes]
+    );
+    if (isMultiQueryLoading || isLinkPrefixLoading) {
       return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: "Loading..." });
     }
     if (isMultiQueryErrors) {
@@ -81651,6 +81822,47 @@ Take a look at the reducer(s) handling this action type: ${action.type}.
     ] });
   };
 
+  const httpStatusToResultStatus = (statusCode) => {
+    if (statusCode === 403) return "403";
+    if (statusCode === 404) return "404";
+    if (statusCode && statusCode >= 500) return "500";
+    return "error";
+  };
+  const getDefaultTitle = (status) => {
+    if (status === "403") return "Access Denied";
+    if (status === "404") return "Not Found";
+    if (status === "500") return "Server Error";
+    return "Error";
+  };
+  const AntdResult = ({ data, children }) => {
+    const { data: multiQueryData, isLoading, errors } = useMultiQuery();
+    const partsOfUrl = usePartsOfUrl();
+    if (isLoading) {
+      return null;
+    }
+    const replaceValues = partsOfUrl.partsOfUrl.reduce((acc, value, index) => {
+      acc[index.toString()] = value;
+      return acc;
+    }, {});
+    if (typeof data.reqIndex === "number") {
+      const error = errors[data.reqIndex];
+      if (!error) {
+        return children ?? null;
+      }
+      const errorObj = error;
+      const httpStatus = errorObj?.response?.status;
+      const autoStatus = httpStatusToResultStatus(httpStatus);
+      const autoMessage = errorObj?.response?.statusText || errorObj?.message || String(error);
+      const status = data.status ?? autoStatus;
+      const title = data.title ? parseAll({ text: data.title, replaceValues, multiQueryData }) : getDefaultTitle(status);
+      const subTitle = data.subTitle ? parseAll({ text: data.subTitle, replaceValues, multiQueryData }) : autoMessage;
+      return /* @__PURE__ */ jsxRuntimeExports.jsx(antd.Result, { status, title, subTitle, style: data.style, children });
+    }
+    const parsedTitle = data.title ? parseAll({ text: data.title, replaceValues, multiQueryData }) : void 0;
+    const parsedSubTitle = data.subTitle ? parseAll({ text: data.subTitle, replaceValues, multiQueryData }) : void 0;
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(antd.Result, { status: data.status, title: parsedTitle, subTitle: parsedSubTitle, style: data.style, children });
+  };
+
   const DynamicComponents = {
     DefaultDiv,
     antdText: AntdText,
@@ -81662,6 +81874,7 @@ Take a look at the reducer(s) handling this action type: ${action.type}.
     antdTabs: AntdTabs,
     antdButton: AntdButton,
     antdIcons: AntdIcons,
+    antdResult: AntdResult,
     partsOfUrl: PartsOfUrl,
     multiQuery: MultiQuery,
     parsedText: ParsedText,
@@ -85773,6 +85986,7 @@ Take a look at the reducer(s) handling this action type: ${action.type}.
     designNewLayoutHeight
   }) => {
     const { token } = antd.theme.useToken();
+    const { notification: notificationApi } = antd.App.useApp();
     const navigate = reactRouterDom.useNavigate();
     const [form] = antd.Form.useForm();
     const allValues = antd.Form.useWatch([], form);
@@ -85887,7 +86101,12 @@ Take a look at the reducer(s) handling this action type: ${action.type}.
           const body = data;
           const endpoint = `/api/clusters/${cluster}/k8s/${type === "builtin" ? "" : "apis/"}${apiGroupApiVersion}${isNameSpaced ? `/namespaces/${namespace}` : ""}/${plural}/${isCreate ? "" : name}`;
           if (isCreate) {
-            createNewEntry({ endpoint, body }).then(() => {
+            createNewEntry({ endpoint, body }).then((res) => {
+              const resName = res.data?.metadata?.name || name;
+              notificationApi.success({
+                message: `${kind} "${resName}" created successfully`,
+                placement: "bottomRight"
+              });
               if (resolvedBacklink) {
                 navigate(resolvedBacklink);
               }
@@ -85901,7 +86120,12 @@ Take a look at the reducer(s) handling this action type: ${action.type}.
               setError(error2);
             });
           } else {
-            updateEntry({ endpoint, body }).then(() => {
+            updateEntry({ endpoint, body }).then((res) => {
+              const resName = res.data?.metadata?.name || name;
+              notificationApi.success({
+                message: `${kind} "${resName}" updated successfully`,
+                placement: "bottomRight"
+              });
               if (resolvedBacklink) {
                 navigate(resolvedBacklink);
               }