Merge branch 'develop' of https://dev.azure.com/imagetemplates/documati.io/_git/dqoado into develop

Author: Patryk Jatczak

dqops/src/main/frontend/src/components/ColumnList/ColumnListItem.tsx

@@ -193,7 +193,7 @@ export default function SchemaTableItem({
                 <SvgIcon
                   name="data_sources"
                   className="w-5 h-5 cursor-pointer"
-                  onClick={() => goToTable(item, CheckTypes.SOURCES)}
+                  onClick={() => goToColumn(item, CheckTypes.SOURCES)}
                 />
               </Tooltip>
               <Tooltip
@@ -203,7 +203,7 @@ export default function SchemaTableItem({
                 <SvgIcon
                   name="profiling"
                   className="w-5 h-5 cursor-pointer"
-                  onClick={() => goToTable(item, CheckTypes.PROFILING)}
+                  onClick={() => goToColumn(item, CheckTypes.PROFILING)}
                 />
               </Tooltip>
               <Tooltip
@@ -213,7 +213,7 @@ export default function SchemaTableItem({
                 <SvgIcon
                   name="monitoring_checks"
                   className="w-5 h-5 cursor-pointer"
-                  onClick={() => goToTable(item, CheckTypes.MONITORING)}
+                  onClick={() => goToColumn(item, CheckTypes.MONITORING)}
                 />
               </Tooltip>
               <Tooltip
@@ -223,7 +223,7 @@ export default function SchemaTableItem({
                 <SvgIcon
                   name="partitioned_checks"
                   className="w-5 h-5 cursor-pointer"
-                  onClick={() => goToTable(item, CheckTypes.PARTITIONED)}
+                  onClick={() => goToColumn(item, CheckTypes.PARTITIONED)}
                 />
               </Tooltip>
             </div>

dqops/src/main/frontend/src/pages/ColumnListView/ColumnListView.tsx

@@ -1,13 +1,13 @@
+import clsx from 'clsx';
 import React, { useEffect, useState } from 'react';
 import { LabelModel, TableListModel } from '../../api';
 import Button from '../../components/Button';
 import ColumnList from '../../components/ColumnList';
 import Input from '../../components/Input';
+import SvgIcon from '../../components/SvgIcon';
 import { LabelsApiClient, SearchApiClient } from '../../services/apiClient';
 import { CheckTypes } from '../../shared/routes';
 import { useDecodedParams } from '../../utils';
-import SvgIcon from '../../components/SvgIcon';
-import clsx from 'clsx';
 
 type TSearchFilters = {
   connection?: string | undefined;

dqops/src/main/frontend/src/pages/TableListView/TableListView.tsx

@@ -59,13 +59,18 @@ export default function TableListView() {
   };
 
   const getTables = async (labels: string[] = []) => {
-    const addPrefix = (str: string) => {
+    const addPrefix = (str?: string) => {
+      if (!str) return '';
       return str.includes('*') || str.length === 0 ? str : '*' + str + '*';
     };
     setLoading(true);
+    console.log(
+      connection ? addPrefix(connection) : addPrefix(searchFilters.connection),
+      schema ? addPrefix(schema) : addPrefix(searchFilters.schema)
+    );
     const res = await SearchApiClient.findTables(
-      connection ?? addPrefix(searchFilters.connection ?? ''),
-      schema ?? addPrefix(searchFilters.schema ?? ''),
+      connection ? addPrefix(connection) : addPrefix(searchFilters.connection),
+      schema ? addPrefix(schema) : addPrefix(searchFilters.schema),
       addPrefix(searchFilters.table ?? ''),
       labels,
       filters.page,
@@ -133,15 +138,16 @@ export default function TableListView() {
 
   return (
     <>
-      <div className="flex items-center justify-between bg-white w-full">
-        <div className="flex items-center gap-x-4 mb-4 mt-5 px-4">
+      <div className="flex items-center justify-between bg-white w-full relative">
+        <div className="flex items-center gap-x-4 mb-4 mt-4 px-4">
           {!connection && (
             <Input
               label="Connection name"
               value={searchFilters.connection}
               onChange={(e) =>
                 onChangeSearchFilters({ connection: e.target.value })
               }
+              className="z-[100]"
             />
           )}
           {!schema && (
@@ -151,12 +157,14 @@ export default function TableListView() {
               onChange={(e) =>
                 onChangeSearchFilters({ schema: e.target.value })
               }
+              className="z-[100]"
             />
           )}
           <Input
             label="Table name"
             value={searchFilters.table}
             onChange={(e) => onChangeSearchFilters({ table: e.target.value })}
+            className="z-[100]"
           />
           <Button
             label="Search"
@@ -169,7 +177,7 @@ export default function TableListView() {
               );
             }}
             color="primary"
-            className="mt-5"
+            className="mt-5 z-[100]"
           />
         </div>
         <Button