@prorobotech/openapi-k8s-toolkit 0.0.1-alpha.55 → 0.0.1-alpha.57

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

@@ -8393,7 +8393,8 @@ const ContentContainer = st.div`
   border-radius: 6px;
   background-color: ${({ $bgColor }) => $bgColor};
   width: 100%;
-  height: 100%;
+  height: ${({ $maxHeight }) => $maxHeight || "100%"};
+  overflow-y: auto;
   padding: 24px;
   flex-grow: ${({ $flexGrow }) => $flexGrow};
   display: ${({ $displayFlex }) => $displayFlex ? "flex" : "block"};
@@ -8403,7 +8404,7 @@ const Styled$e = {
   ContentContainer
 };
 
-const ContentCard$1 = ({ children, flexGrow, displayFlex, flexFlow }) => {
+const ContentCard$1 = ({ children, flexGrow, displayFlex, flexFlow, maxHeight }) => {
   const { token } = theme.useToken();
   return /* @__PURE__ */ jsxRuntimeExports.jsx(
     Styled$e.ContentContainer,
@@ -8413,6 +8414,7 @@ const ContentCard$1 = ({ children, flexGrow, displayFlex, flexFlow }) => {
       $borderColor: token.colorBorder,
       $displayFlex: displayFlex,
       $flexFlow: flexFlow,
+      $maxHeight: maxHeight,
       children
     }
   );
@@ -26341,7 +26343,7 @@ const getEnrichedColumnsWithControls = ({
                 );
               },
               icon: editIcon || /* @__PURE__ */ jsxRuntimeExports.jsx(EditOutlined, { size: 14 }),
-              disabled: value.permissions && value.permissions.canUpdate ? value.permissions?.canUpdate : false
+              disabled: value.permissions && value.permissions.canUpdate ? !value.permissions?.canUpdate : false
             }
           ),
           /* @__PURE__ */ jsxRuntimeExports.jsx(
@@ -26357,7 +26359,7 @@ const getEnrichedColumnsWithControls = ({
                 );
               },
               icon: deleteIcon || /* @__PURE__ */ jsxRuntimeExports.jsx(DeleteOutlined, { size: 14 }),
-              disabled: value.permissions && value.permissions.canDelete ? value.permissions?.canDelete : false
+              disabled: value.permissions && value.permissions.canDelete ? !value.permissions?.canDelete : false
             }
           )
         ] });
@@ -26373,6 +26375,7 @@ const EnrichedTable$1 = ({
   columns,
   pathToNavigate,
   recordKeysForNavigation,
+  recordKeysForNavigationSecond,
   additionalPrinterColumnsUndefinedValues,
   additionalPrinterColumnsTrimLengths,
   additionalPrinterColumnsColWidths,
@@ -26446,8 +26449,10 @@ const EnrichedTable$1 = ({
               onClick: () => {
                 if (pathToNavigate && recordKeysForNavigation) {
                   const recordValueRaw = lodashExports.get(record, recordKeysForNavigation);
+                  const recordValueRawSecond = recordKeysForNavigationSecond ? lodashExports.get(record, recordKeysForNavigationSecond) : "no-second-record-keys";
                   const recordValue = typeof recordValueRaw === "string" ? recordValueRaw : JSON.stringify(recordValueRaw);
-                  const newPath = pathToNavigate.replaceAll("~recordValue~", recordValue);
+                  const recordValueSecond = typeof recordValueRawSecond === "string" ? recordValueRawSecond : JSON.stringify(recordValueRawSecond);
+                  const newPath = pathToNavigate.replaceAll("~recordValue~", recordValue).replaceAll("~recordValueSecond~", recordValueSecond);
                   navigate(newPath);
                 }
               }
@@ -33429,6 +33434,7 @@ const EnrichedTableProvider = ({
       columns,
       pathToNavigate: preparedProps.pathToNavigate,
       recordKeysForNavigation: preparedProps.recordKeysForNavigation,
+      recordKeysForNavigationSecond: preparedProps.recordKeysForNavigationSecond,
       additionalPrinterColumnsUndefinedValues: preparedProps.additionalPrinterColumnsUndefinedValues,
       additionalPrinterColumnsTrimLengths: preparedProps.additionalPrinterColumnsTrimLengths,
       additionalPrinterColumnsColWidths: preparedProps.additionalPrinterColumnsColWidths,
@@ -45250,12 +45256,39 @@ const useTheme = () => {
   return useContext(ThemeContext);
 };
 
+const parseMutliqueryText = ({ text, multiQueryData }) => {
+  if (!text) return "";
+  return text.replace(/\{reqs\[(\d+)\]\[((?:\s*['"][^'"]+['"]\s*,?)+)\]\}/g, (match, reqIndexStr, rawPath) => {
+    try {
+      const reqIndex = parseInt(reqIndexStr, 10);
+      const path = Array.from(rawPath.matchAll(/['"]([^'"]+)['"]/g)).map(
+        (m) => m[1]
+      );
+      const value = _$1.get(multiQueryData[`req${reqIndex}`], path);
+      return value != null ? String(value) : "";
+    } catch {
+      return match;
+    }
+  });
+};
+const serializeLabels = (input) => {
+  if (typeof input !== "object" || input === null || Array.isArray(input) || Object.getPrototypeOf(input) !== Object.prototype) {
+    return "Expected a plain object";
+  }
+  const entries = Object.entries(input);
+  if (!entries.map(([, v]) => v).every((v) => typeof v === "string" || typeof v === "number")) {
+    return "All values must be string or number";
+  }
+  return encodeURIComponent(entries.map(([k, v]) => `${k}=${v}`).join(","));
+};
+
 const EnrichedTable = ({
   data,
   // eslint-disable-next-line @typescript-eslint/no-unused-vars
   children
 }) => {
-  const { id, fetchUrl, clusterNamePartOfUrl, ...props } = data;
+  const { data: multiQueryData, isLoading: isMultiqueryLoading } = useMultiQuery();
+  const { id, fetchUrl, pathToItems, clusterNamePartOfUrl, labelsSelector, fieldSelector, ...props } = data;
   const theme = useTheme();
   const partsOfUrl = usePartsOfUrl();
   const replaceValues = partsOfUrl.partsOfUrl.reduce((acc, value, index) => {
@@ -45270,14 +45303,41 @@ const EnrichedTable = ({
     template: fetchUrl,
     replaceValues
   });
+  let labelsSuffix;
+  if (labelsSelector) {
+    const parsedObject = Object.fromEntries(
+      Object.entries(labelsSelector).map(
+        ([key, value]) => [key, prepareTemplate({ template: parseMutliqueryText({ text: value, multiQueryData }), replaceValues })]
+      )
+    );
+    const serializedLabels = serializeLabels(parsedObject);
+    labelsSuffix = serializeLabels.length > 0 ? `?labelSelector=${serializedLabels}` : void 0;
+  }
+  let fieldSelectorSuffix;
+  if (fieldSelector) {
+    const preparedFieldSelectorValueText = parseMutliqueryText({ text: fieldSelector?.parsedText, multiQueryData });
+    const preparedFieldSelectorValueTextWithPartsOfUrl = prepareTemplate({
+      template: preparedFieldSelectorValueText,
+      replaceValues
+    });
+    const preparedSelector = encodeURIComponent(
+      `${fieldSelector.fieldName}=${preparedFieldSelectorValueTextWithPartsOfUrl}`
+    );
+    const prefix = labelsSelector ? "&fieldSelector=" : "?fieldSelector=";
+    fieldSelectorSuffix = `${prefix}${preparedSelector}`;
+  }
   const {
     data: fetchedData,
     isLoading: isFetchedDataLoading,
     error: fetchedDataError
   } = useDirectUnknownResource({
-    uri: fetchUrlPrepared,
-    queryKey: [fetchUrlPrepared]
+    uri: `${fetchUrlPrepared}${labelsSuffix || ""}${fieldSelectorSuffix || ""}`,
+    queryKey: [fetchUrlPrepared],
+    isEnabled: !isMultiqueryLoading
   });
+  if (isMultiqueryLoading) {
+    return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: "Loading multiquery" });
+  }
   if (!fetchedData) {
     return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: "No data has been fetched" });
   }
@@ -45290,6 +45350,13 @@ const EnrichedTable = ({
       JSON.stringify(fetchedDataError)
     ] });
   }
+  const items = _$1.get(fetchedData, pathToItems);
+  if (!items) {
+    return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
+      "No data on this path ",
+      JSON.stringify(pathToItems)
+    ] });
+  }
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
     /* @__PURE__ */ jsxRuntimeExports.jsx(
       EnrichedTableProvider,
@@ -45297,7 +45364,7 @@ const EnrichedTable = ({
         tableMappingsReplaceValues: replaceValues,
         cluster: clusterName,
         theme,
-        dataItems: fetchedData.items,
+        dataItems: items,
         tableProps: {
           borderless: true,
           paginationPosition: ["bottomRight"],
@@ -45306,7 +45373,8 @@ const EnrichedTable = ({
           deleteIcon: /* @__PURE__ */ jsxRuntimeExports.jsx(DeleteIcon, {}),
           disablePagination: true
         },
-        ...props
+        ...props,
+        withoutControls: true
       }
     ),
     children