@prorobotech/openapi-k8s-toolkit 1.4.0-alpha.23 → 1.4.0-alpha.25

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

@@ -34880,41 +34880,6 @@
   };
 
   const MultiQueryContext = React$1.createContext(void 0);
-  const makeEmptyEntry = () => ({
-    data: void 0,
-    isLoading: false,
-    isError: false,
-    error: null
-  });
-  const aggReducer = (state, action) => {
-    switch (action.type) {
-      case "RESET":
-        return { entries: Array.from({ length: action.total }, makeEmptyEntry) };
-      case "SET_ENTRY": {
-        const entries = state.entries.slice();
-        entries[action.index] = action.entry;
-        return { entries };
-      }
-      default:
-        return state;
-    }
-  };
-  const K8sFetcher = ({ index, params, dispatch }) => {
-    const res = useK8sSmartResource(params);
-    React$1.useEffect(() => {
-      dispatch({
-        type: "SET_ENTRY",
-        index,
-        entry: {
-          data: res.data,
-          isLoading: res.isLoading,
-          isError: res.isError,
-          error: res.error ?? null
-        }
-      });
-    }, [index, res.data, res.isLoading, res.isError, res.error, dispatch]);
-    return null;
-  };
   const MultiQueryProvider = ({ items, dataToApplyToContext, children }) => {
     const k8sItems = React$1.useMemo(
       () => items.filter((x) => typeof x !== "string"),
@@ -34923,10 +34888,7 @@
     const urlItems = React$1.useMemo(() => items.filter((x) => typeof x === "string"), [items]);
     const k8sCount = k8sItems.length;
     const urlCount = urlItems.length;
-    const [state, dispatch] = React$1.useReducer(aggReducer, { entries: Array.from({ length: k8sCount }, makeEmptyEntry) });
-    React$1.useEffect(() => {
-      dispatch({ type: "RESET", total: k8sCount });
-    }, [k8sCount]);
+    const k8sResults = useManyK8sSmartResource(k8sItems);
     const urlQueries = reactQuery.useQueries({
       queries: urlItems.map((url, i) => ({
         queryKey: ["multi-url", i, url],
@@ -34944,10 +34906,10 @@
       const hasExtraReq0 = typeof dataToApplyToContext !== "undefined";
       const baseIndex = hasExtraReq0 ? 1 : 0;
       for (let i = 0; i < k8sCount; i++) {
-        const e = state.entries[i] ?? makeEmptyEntry();
+        const result = k8sResults[i];
         const idx = baseIndex + i;
-        data[`req${idx}`] = e.data;
-        errors[idx] = e.isError ? e.error : null;
+        data[`req${idx}`] = result?.data;
+        errors[idx] = result?.isError ? result.error ?? null : null;
       }
       for (let i = 0; i < urlCount; i++) {
         const q = urlQueries[i];
@@ -34959,17 +34921,11 @@
         data.req0 = dataToApplyToContext;
         errors[0] = null;
       }
-      const isLoading = state.entries.some((e) => e.isLoading) || urlQueries.some((q) => q.isLoading);
-      const isError = state.entries.some((e) => e.isError) || urlQueries.some((q) => q.isError);
+      const isLoading = k8sResults.some((r) => r.isLoading) || urlQueries.some((q) => q.isLoading);
+      const isError = k8sResults.some((r) => r.isError) || urlQueries.some((q) => q.isError);
       return { data, isLoading, isError, errors };
     })();
-    return /* @__PURE__ */ jsxRuntimeExports.jsxs(MultiQueryContext.Provider, { value, children: [
-      k8sItems.map((params, i) => (
-        // eslint-disable-next-line react/no-array-index-key
-        /* @__PURE__ */ jsxRuntimeExports.jsx(K8sFetcher, { index: i, params, dispatch }, i)
-      )),
-      children
-    ] });
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(MultiQueryContext.Provider, { value, children });
   };
   const useMultiQuery = () => {
     const ctx = React$1.useContext(MultiQueryContext);
@@ -35031,12 +34987,13 @@
       return acc;
     }, {});
     const textPrepared = parseAll({ text, replaceValues, multiQueryData });
+    const tooltipPrepared = typeof linkProps.title === "string" ? parseAll({ text: linkProps.title, replaceValues, multiQueryData }) : void 0;
     const hrefPrepared = parseAll({ text: href, replaceValues, multiQueryData });
     const isExternal = isExternalHref(hrefPrepared);
     if (isMultiqueryLoading) {
       return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: "Loading multiquery" });
     }
-    return /* @__PURE__ */ jsxRuntimeExports.jsxs(
+    const content = /* @__PURE__ */ jsxRuntimeExports.jsxs(
       antd.Typography.Link,
       {
         href: hrefPrepared,
@@ -35054,6 +35011,10 @@
         ]
       }
     );
+    if (tooltipPrepared) {
+      return /* @__PURE__ */ jsxRuntimeExports.jsx(antd.Tooltip, { title: tooltipPrepared, children: content });
+    }
+    return content;
   };
 
   const AntdCard = ({
@@ -35298,8 +35259,13 @@
       return acc;
     }, {});
     const parsedText = parseAll({ text: data.text, replaceValues, multiQueryData });
+    const parsedTooltip = data.tooltip ? parseAll({ text: data.tooltip, replaceValues, multiQueryData }) : void 0;
     const formattedText = data.formatter ? formatLocalDate(parsedText) : parsedText;
-    return /* @__PURE__ */ jsxRuntimeExports.jsx("span", { style: data.style, children: formattedText });
+    const content = /* @__PURE__ */ jsxRuntimeExports.jsx("span", { style: data.style, children: formattedText });
+    if (parsedTooltip) {
+      return /* @__PURE__ */ jsxRuntimeExports.jsx(antd.Tooltip, { title: parsedTooltip, children: content });
+    }
+    return content;
   };
 
   const MappedParsedText = ({ data }) => {
@@ -81320,12 +81286,129 @@ Take a look at the reducer(s) handling this action type: ${action.type}.
     ] });
   };
 
-  const getVolumeTypeMeta = (volumeName, volumesMap) => {
+  const ellipsisStyle = {
+    display: "inline-block",
+    overflow: "hidden",
+    textOverflow: "ellipsis",
+    whiteSpace: "nowrap",
+    verticalAlign: "bottom"
+  };
+  const VOLUME_TYPE_LABELS = {
+    awsElasticBlockStore: "AwsElasticBlockStore",
+    azureDisk: "AzureDisk",
+    azureFile: "AzureFile",
+    cephfs: "Cephfs",
+    cinder: "Cinder",
+    configMap: "ConfigMap",
+    csi: "CSI",
+    downwardAPI: "DownwardAPI",
+    emptyDir: "EmptyDir",
+    ephemeral: "Ephemeral",
+    fc: "FC",
+    flexVolume: "FlexVolume",
+    flocker: "Flocker",
+    gcePersistentDisk: "GcePersistentDisk",
+    gitRepo: "GitRepo",
+    glusterfs: "Glusterfs",
+    hostPath: "HostPath",
+    image: "Image",
+    iscsi: "ISCSI",
+    nfs: "NFS",
+    persistentVolumeClaim: "PersistentVolumeClaim",
+    photonPersistentDisk: "PhotonPersistentDisk",
+    portworxVolume: "PortworxVolume",
+    projected: "Projected",
+    quobyte: "Quobyte",
+    rbd: "RBD",
+    scaleIO: "ScaleIO",
+    secret: "Secret",
+    storageos: "StorageOS",
+    vsphereVolume: "VsphereVolume"
+  };
+  const getVolumeDisplayName = (typeKey, volumeConfig, fallbackName) => {
+    switch (typeKey) {
+      case "configMap":
+        return volumeConfig?.name || fallbackName;
+      case "secret":
+        return volumeConfig?.secretName || fallbackName;
+      case "persistentVolumeClaim":
+        return volumeConfig?.claimName || fallbackName;
+      case "azureDisk":
+        return volumeConfig?.diskName || fallbackName;
+      case "csi":
+        return volumeConfig?.driver || fallbackName;
+      case "image":
+        return volumeConfig?.reference || fallbackName;
+      case "projected":
+        return Array.isArray(volumeConfig?.sources) && volumeConfig.sources.length > 0 ? `${volumeConfig.sources.length} sources` : fallbackName;
+      default:
+        return volumeConfig?.volumeID || volumeConfig?.path || volumeConfig?.targetWWNs?.[0] || volumeConfig?.datasetName || volumeConfig?.repository || volumeConfig?.server || volumeConfig?.name || fallbackName;
+    }
+  };
+  const getVolumeTypeMeta = (volumeName, vol) => {
+    if (!vol) return { typeResource: "Volume", typeKey: "volume", typeName: volumeName };
+    const matchedType = Object.keys(VOLUME_TYPE_LABELS).find((typeKey) => Boolean(vol[typeKey]));
+    if (matchedType) {
+      return {
+        typeResource: VOLUME_TYPE_LABELS[matchedType],
+        typeKey: matchedType,
+        typeName: getVolumeDisplayName(matchedType, vol[matchedType], volumeName)
+      };
+    }
+    return { typeResource: "Volume", typeKey: "volume", typeName: volumeName };
+  };
+  const getProjectedSourceMeta = (projectedSource, fallbackName) => {
+    if (!projectedSource || typeof projectedSource !== "object") {
+      return { typeResource: "Projected", typeKey: "projected", typeName: fallbackName };
+    }
+    const projectedTypeKey = Object.keys(projectedSource).find(
+      (typeKey) => ["configMap", "secret", "downwardAPI", "serviceAccountToken", "clusterTrustBundle"].includes(typeKey)
+    );
+    if (!projectedTypeKey) {
+      return { typeResource: "Projected", typeKey: "projected", typeName: fallbackName };
+    }
+    const sourceConfig = projectedSource[projectedTypeKey];
+    if (projectedTypeKey === "configMap") {
+      return {
+        typeResource: "ConfigMap",
+        typeKey: "configMap",
+        typeName: sourceConfig?.name || fallbackName
+      };
+    }
+    if (projectedTypeKey === "secret") {
+      return {
+        typeResource: "Secret",
+        typeKey: "secret",
+        typeName: sourceConfig?.name || fallbackName
+      };
+    }
+    if (projectedTypeKey === "downwardAPI") {
+      return {
+        typeResource: "DownwardAPI",
+        typeKey: "downwardAPI",
+        typeName: sourceConfig?.items?.[0]?.path || fallbackName
+      };
+    }
+    if (projectedTypeKey === "serviceAccountToken") {
+      return {
+        typeResource: "ServiceAccountToken",
+        typeKey: "serviceAccountToken",
+        typeName: sourceConfig?.path || fallbackName
+      };
+    }
+    return {
+      typeResource: "ClusterTrustBundle",
+      typeKey: "clusterTrustBundle",
+      typeName: sourceConfig?.path || sourceConfig?.name || fallbackName
+    };
+  };
+  const getVolumeTypeMetas = (volumeName, volumesMap) => {
     const vol = volumesMap[volumeName];
-    if (!vol) return { typeResource: "Volume", typeName: volumeName };
-    if (vol.configMap) return { typeResource: "ConfigMap", typeName: vol.configMap.name };
-    if (vol.secret) return { typeResource: "Secret", typeName: vol.secret.secretName };
-    return { typeResource: "Volume", typeName: volumeName };
+    if (!vol) return [getVolumeTypeMeta(volumeName, vol)];
+    if (Array.isArray(vol?.projected?.sources) && vol.projected.sources.length > 0) {
+      return vol.projected.sources.map((source) => getProjectedSourceMeta(source, volumeName));
+    }
+    return [getVolumeTypeMeta(volumeName, vol)];
   };
   const columns = [
     { title: "Name", dataIndex: "name", key: "name" },
@@ -81336,7 +81419,33 @@ Take a look at the reducer(s) handling this action type: ${action.type}.
     { 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 = {
+    mountPath: {
+      type: "factory",
+      customProps: {
+        disableEventBubbling: true,
+        items: [
+          {
+            type: "parsedText",
+            data: {
+              id: "mountPath-text",
+              text: "{reqsJsonPath[0]['.mountPath']['-']}",
+              tooltip: "{reqsJsonPath[0]['.mountPath']['-']}",
+              style: ellipsisStyle
+            }
+          }
+        ]
+      }
+    },
     typeName: {
       type: "factory",
       customProps: {
@@ -81359,11 +81468,77 @@ Take a look at the reducer(s) handling this action type: ${action.type}.
                 }
               },
               {
-                type: "parsedText",
+                type: "VisibilityContainer",
                 data: {
-                  id: "typeName-text",
-                  text: `{reqsJsonPath[0]['.typeName']['-']}`
-                }
+                  id: "typeName-link-visible",
+                  value: "{reqsJsonPath[0]['.typeKey']['-']}",
+                  criteria: "equals",
+                  valueToCompare: ["configMap", "secret"]
+                },
+                children: [
+                  {
+                    type: "VisibilityContainer",
+                    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
+                        }
+                      }
+                    ]
+                  }
+                ]
+              },
+              {
+                type: "VisibilityContainer",
+                data: {
+                  id: "typeName-text-visible",
+                  value: "{reqsJsonPath[0]['.typeKey']['-']}",
+                  criteria: "notEquals",
+                  valueToCompare: ["configMap", "secret"]
+                },
+                children: [
+                  {
+                    type: "parsedText",
+                    data: {
+                      id: "typeName-text",
+                      text: "{reqsJsonPath[0]['.typeName']['-']}",
+                      tooltip: "{reqsJsonPath[0]['.typeName']['-']}",
+                      style: ellipsisStyle
+                    }
+                  }
+                ]
               }
             ]
           }
@@ -81392,10 +81567,13 @@ Take a look at the reducer(s) handling this action type: ${action.type}.
                 }
               },
               {
-                type: "parsedText",
+                type: "antdLink",
                 data: {
-                  id: "typeName-text",
-                  text: `{reqsJsonPath[0]['.containerName']['-']}`
+                  href: "/openapi-ui/{2}/{3}/factory/container-details/v1/containers/{reqsJsonPath[0]['.podName']['-']}/{reqsJsonPath[0]['.containerName']['-']}",
+                  id: "container-link",
+                  text: "{reqsJsonPath[0]['.containerName']['-']}",
+                  title: "{reqsJsonPath[0]['.containerName']['-']}",
+                  style: ellipsisStyle
                 }
               }
             ]
@@ -81405,7 +81583,7 @@ Take a look at the reducer(s) handling this action type: ${action.type}.
     }
   };
   const Volumes = ({ data, children }) => {
-    const { id, reqIndex, jsonPathToSpec, errorText, containerStyle } = data;
+    const { id, reqIndex, jsonPathToSpec, jsonPathToPodName, errorText, containerStyle } = data;
     const theme = useTheme();
     const { data: multiQueryData, isLoading: isMultiQueryLoading, isError: isMultiQueryErrors, errors } = useMultiQuery();
     const dataSource = React$1.useMemo(() => {
@@ -81415,6 +81593,9 @@ Take a look at the reducer(s) handling this action type: ${action.type}.
       const specResult = jp.query(jsonRoot2 || {}, `$${jsonPathToSpec}`);
       const spec = specResult?.[0];
       if (!spec) return [];
+      const namespace = jsonRoot2?.metadata?.namespace || spec?.metadata?.namespace || "";
+      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 : [];
       const volumes = Array.isArray(spec.volumes) ? spec.volumes : [];
       const volumesMap = Array.isArray(volumes) ? volumes.reduce((acc, v) => {
@@ -81423,15 +81604,23 @@ 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.map((mount, mIdx) => ({
-          ...getVolumeTypeMeta(mount.name, volumesMap),
-          ...mount,
-          containerName: container.name || `container-${cIdx}`,
-          access: mount.readOnly ? "RO" : "RW",
-          key: `${cIdx}-${mIdx}`
-        }));
+        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}`
+          }))
+        );
       });
-    }, [multiQueryData, isMultiQueryLoading, isMultiQueryErrors, reqIndex, jsonPathToSpec]);
+    }, [multiQueryData, isMultiQueryLoading, isMultiQueryErrors, reqIndex, jsonPathToSpec, jsonPathToPodName]);
     if (isMultiQueryLoading) {
       return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: "Loading..." });
     }
@@ -81452,6 +81641,7 @@ Take a look at the reducer(s) handling this action type: ${action.type}.
           theme,
           columns,
           dataSource,
+          additionalPrinterColumnsUndefinedValues: undefinedValues,
           additionalPrinterColumnsKeyTypeProps: customColumns,
           withoutControls: true,
           tableProps: { disablePagination: true }
@@ -81461,6 +81651,21 @@ Take a look at the reducer(s) handling this action type: ${action.type}.
     ] });
   };
 
+  const AntdResult = ({ data, children }) => {
+    const { data: multiQueryData, isLoading } = useMultiQuery();
+    const partsOfUrl = usePartsOfUrl();
+    if (isLoading) {
+      return null;
+    }
+    const replaceValues = partsOfUrl.partsOfUrl.reduce((acc, value, index) => {
+      acc[index.toString()] = value;
+      return acc;
+    }, {});
+    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,
@@ -81472,6 +81677,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,
@@ -85583,6 +85789,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);
@@ -85697,7 +85904,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);
               }
@@ -85711,7 +85923,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);
               }
@@ -85800,7 +86017,9 @@ Take a look at the reducer(s) handling this action type: ${action.type}.
           if (!matches) continue;
           const concretePath = buildConcretePathForNewItem(tpl, arrayPath, newIndex);
           const current = form.getFieldValue(concretePath);
-          if (typeof current === "undefined") {
+          const isItemLevelWildcard = tpl.wildcardPath[tpl.wildcardPath.length - 1] === "*";
+          const isEffectivelyEmpty = typeof current === "undefined" || isItemLevelWildcard && _$1.isPlainObject(current) && _$1.isEmpty(current);
+          if (isEffectivelyEmpty) {
             const toSet = _$1.cloneDeep(tpl.value);
             form.setFieldValue(concretePath, toSet);
           }