@prorobotech/openapi-k8s-toolkit 0.0.1-alpha.54 → 0.0.1-alpha.56

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.canUpdate
+              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.canDelete
+              disabled: value.permissions && value.permissions.canDelete ? !value.permissions?.canDelete : false
             }
           )
         ] });
@@ -26366,13 +26368,14 @@ const getEnrichedColumnsWithControls = ({
   ];
 };
 
-const EnrichedTable = ({
+const EnrichedTable$1 = ({
   theme,
   baseprefix,
   dataSource,
   columns,
   pathToNavigate,
   recordKeysForNavigation,
+  recordKeysForNavigationSecond,
   additionalPrinterColumnsUndefinedValues,
   additionalPrinterColumnsTrimLengths,
   additionalPrinterColumnsColWidths,
@@ -26446,8 +26449,10 @@ const EnrichedTable = ({
               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);
                 }
               }
@@ -33383,7 +33388,8 @@ const EnrichedTableProvider = ({
   tableMappingsReplaceValues,
   forceDefaultAdditionalPrinterColumns,
   selectData,
-  tableProps
+  tableProps,
+  withoutControls
 }) => {
   const [preparedProps, setPreparedProps] = useState();
   const [isLoading, setIsLoading] = useState(false);
@@ -33420,7 +33426,7 @@ const EnrichedTableProvider = ({
     additionalPrinterColumns: preparedProps.additionalPrinterColumns
   });
   return /* @__PURE__ */ jsxRuntimeExports.jsx(
-    EnrichedTable,
+    EnrichedTable$1,
     {
       theme,
       baseprefix,
@@ -33428,11 +33434,13 @@ const EnrichedTableProvider = ({
       columns,
       pathToNavigate: preparedProps.pathToNavigate,
       recordKeysForNavigation: preparedProps.recordKeysForNavigation,
+      recordKeysForNavigationSecond: preparedProps.recordKeysForNavigationSecond,
       additionalPrinterColumnsUndefinedValues: preparedProps.additionalPrinterColumnsUndefinedValues,
       additionalPrinterColumnsTrimLengths: preparedProps.additionalPrinterColumnsTrimLengths,
       additionalPrinterColumnsColWidths: preparedProps.additionalPrinterColumnsColWidths,
       selectData,
-      tableProps
+      tableProps,
+      withoutControls
     }
   );
 };
@@ -45242,6 +45250,133 @@ const SidebarProvider = ({
   return /* @__PURE__ */ jsxRuntimeExports.jsx(ManageableSidebarWithDataProvider, { replaceValues, ...props });
 };
 
+const ThemeContext = createContext("dark");
+const ThemeProvider = ({ theme, children }) => /* @__PURE__ */ jsxRuntimeExports.jsx(ThemeContext.Provider, { value: theme, children });
+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 { data: multiQueryData } = useMultiQuery();
+  const { id, fetchUrl, pathToItems, clusterNamePartOfUrl, labelsSelector, fieldSelector, ...props } = data;
+  const theme = useTheme();
+  const partsOfUrl = usePartsOfUrl();
+  const replaceValues = partsOfUrl.partsOfUrl.reduce((acc, value, index) => {
+    acc[index.toString()] = value;
+    return acc;
+  }, {});
+  const clusterName = prepareTemplate({
+    template: clusterNamePartOfUrl,
+    replaceValues
+  });
+  const fetchUrlPrepared = prepareTemplate({
+    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}${labelsSuffix || ""}${fieldSelectorSuffix || ""}`,
+    queryKey: [fetchUrlPrepared]
+  });
+  if (!fetchedData) {
+    return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: "No data has been fetched" });
+  }
+  if (isFetchedDataLoading) {
+    return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: "Loading..." });
+  }
+  if (fetchedDataError) {
+    return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
+      "Error: ",
+      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,
+      {
+        tableMappingsReplaceValues: replaceValues,
+        cluster: clusterName,
+        theme,
+        dataItems: items,
+        tableProps: {
+          borderless: true,
+          paginationPosition: ["bottomRight"],
+          isTotalLeft: true,
+          editIcon: /* @__PURE__ */ jsxRuntimeExports.jsx(EditIcon, {}),
+          deleteIcon: /* @__PURE__ */ jsxRuntimeExports.jsx(DeleteIcon, {}),
+          disablePagination: true
+        },
+        ...props,
+        withoutControls: true
+      }
+    ),
+    children
+  ] });
+};
+
 const DynamicComponents = {
   DefaultDiv,
   antdText: AntdText,
@@ -45259,7 +45394,8 @@ const DynamicComponents = {
   ContentCard,
   Spacer,
   StatusText,
-  SidebarProvider
+  SidebarProvider,
+  EnrichedTable
 };
 
 const prepareUrlsToFetchForDynamicRenderer = ({
@@ -45280,12 +45416,12 @@ const prepareUrlsToFetchForDynamicRenderer = ({
 
 const DynamicRendererWithProviders = (props) => {
   const location = useLocation();
-  const { urlsToFetch } = props;
+  const { urlsToFetch, theme } = props;
   const preparedUrlsToFetch = prepareUrlsToFetchForDynamicRenderer({
     urls: urlsToFetch,
     locationPathname: location.pathname
   });
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(PartsOfUrlProvider, { value: { partsOfUrl: location.pathname.split("/") }, children: /* @__PURE__ */ jsxRuntimeExports.jsx(MultiQueryProvider, { urls: preparedUrlsToFetch, children: /* @__PURE__ */ jsxRuntimeExports.jsx(DynamicRenderer, { ...props }) }) });
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(ThemeProvider, { theme, children: /* @__PURE__ */ jsxRuntimeExports.jsx(PartsOfUrlProvider, { value: { partsOfUrl: location.pathname.split("/") }, children: /* @__PURE__ */ jsxRuntimeExports.jsx(MultiQueryProvider, { urls: preparedUrlsToFetch, children: /* @__PURE__ */ jsxRuntimeExports.jsx(DynamicRenderer, { ...props }) }) }) });
 };
 
 const isLeafNode = (value) => {
@@ -45761,5 +45897,5 @@ const useCrdData = ({
   });
 };
 
-export { BackToDefaultIcon, BlackholeForm, BlackholeFormDataProvider, ContentCard$1 as ContentCard, DeleteIcon, DeleteModal, DeleteModalMany, DownIcon, DynamicComponents, DynamicRenderer, DynamicRendererWithProviders, EditIcon, EnrichedTable, EnrichedTableProvider, LockedIcon, ManageableBreadcrumbs, ManageableBreadcrumbsWithDataProvider, ManageableSidebar, ManageableSidebarWithDataProvider, MarketPlace, MarketplaceCard$1 as MarketplaceCard, MinusIcon, PlusIcon, ProjectInfoCard$1 as ProjectInfoCard, Spacer$1 as Spacer, SuccessIcon, TreeWithSearch, UnlockedIcon, UpIcon, 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, DeleteIcon, DeleteModal, DeleteModalMany, DownIcon, DynamicComponents, DynamicRenderer, DynamicRendererWithProviders, EditIcon, EnrichedTable$1 as EnrichedTable, EnrichedTableProvider, LockedIcon, ManageableBreadcrumbs, ManageableBreadcrumbsWithDataProvider, ManageableSidebar, ManageableSidebarWithDataProvider, MarketPlace, MarketplaceCard$1 as MarketplaceCard, MinusIcon, PlusIcon, ProjectInfoCard$1 as ProjectInfoCard, Spacer$1 as Spacer, SuccessIcon, TreeWithSearch, UnlockedIcon, UpIcon, 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