Revert "fix: json getKeyValues (useful for autocomplete) (#1186)" (#1190)

This reverts commit d60d920.

Commit breaks dashboards with: 
<img width="1179" height="779" alt="image" src="https://github.com/user-attachments/assets/bcb05f7a-6787-4a39-859f-92e6f6ffbe9e" />

Author: teeohhem

.changeset/early-items-design.md

@@ -4,7 +4,7 @@ import { renderHook } from '@testing-library/react';
 
 import { LuceneLanguageFormatter } from '../../SearchInputV2';
 import { useAutoCompleteOptions } from '../useAutoCompleteOptions';
-import { useAllFields, useGetKeyValues, useJsonColumns } from '../useMetadata';
+import { useAllFields, useGetKeyValues } from '../useMetadata';
 
 if (!globalThis.structuredClone) {
   globalThis.structuredClone = (obj: any) => {
@@ -17,7 +17,6 @@ jest.mock('../useMetadata', () => ({
   ...jest.requireActual('../useMetadata.tsx'),
   useAllFields: jest.fn(),
   useGetKeyValues: jest.fn(),
-  useJsonColumns: jest.fn(),
 }));
 
 const luceneFormatter = new LuceneLanguageFormatter();
@@ -61,10 +60,6 @@ describe('useAutoCompleteOptions', () => {
     (useGetKeyValues as jest.Mock).mockReturnValue({
       data: null,
     });
-
-    (useJsonColumns as jest.Mock).mockReturnValue({
-      data: null,
-    });
   });
 
   it('should return field options with correct lucene formatting', () => {

packages/app/src/hooks/__tests__/useAutoCompleteOptions.test.tsx

@@ -6,9 +6,8 @@ import {
   deduplicate2dArray,
   useAllFields,
   useGetKeyValues,
-  useJsonColumns,
 } from '@/hooks/useMetadata';
-import { mergePath, toArray } from '@/utils';
+import { toArray } from '@/utils';
 
 export interface ILanguageFormatter {
   formatFieldValue: (f: Field) => string;
@@ -72,21 +71,16 @@ export function useAutoCompleteOptions(
       setSearchField(null);
     }
   }, [searchField, setSearchField, value, formatter]);
-  const { data: jsonColumns } = useJsonColumns(
-    Array.isArray(tableConnections)
-      ? tableConnections[0]
-      : (tableConnections ?? {
-          tableName: '',
-          databaseName: '',
-          connectionId: '',
-        }),
-  );
   const searchKeys = useMemo(
     () =>
-      searchField && jsonColumns
-        ? [mergePath(searchField.path, jsonColumns)]
+      searchField
+        ? [
+            searchField.path.length > 1
+              ? `${searchField.path[0]}['${searchField.path[1]}']`
+              : searchField.path[0],
+          ]
         : [],
-    [searchField, jsonColumns],
+    [searchField],
   );
 
   // hooks to get key values

packages/app/src/hooks/useAutoCompleteOptions.tsx

@@ -48,7 +48,15 @@ export function useColumns(
 }
 
 export function useJsonColumns(
-  { databaseName, tableName, connectionId }: TableConnection,
+  {
+    databaseName,
+    tableName,
+    connectionId,
+  }: {
+    databaseName: string;
+    tableName: string;
+    connectionId: string;
+  },
   options?: Partial<UseQueryOptions<string[]>>,
 ) {
   return useQuery<string[]>({

packages/app/src/hooks/useMetadata.tsx

@@ -357,7 +357,10 @@ export class Metadata {
                 );
               }
               keys.push({
-                key: key,
+                key: key
+                  .split('.')
+                  .map(v => `\`${v}\``)
+                  .join('.'),
                 chType: typeArr[0],
               });
             }