sql: extract frontend code into separate package (#81109)

* sql: extract frontend code into separate package * updated package version
2024-01-26 11:38:29 +01:00
parent 2febbec758
commit 29e8a355cb
87 changed files with 187 additions and 104 deletions
@@ -0,0 +1,23 @@
+import { useCallback } from 'react';
+
+import { DB, SQLExpression, SQLQuery } from '../types';
+
+interface UseSqlChange {
+  db: DB;
+  query: SQLQuery;
+  onQueryChange: (query: SQLQuery) => void;
+}
+
+export function useSqlChange({ query, onQueryChange, db }: UseSqlChange) {
+  const onSqlChange = useCallback(
+    (sql: SQLExpression) => {
+      const toRawSql = db.toRawSql;
+      const rawSql = toRawSql({ sql, dataset: query.dataset, table: query.table, refId: query.refId });
+      const newQuery: SQLQuery = { ...query, sql, rawSql };
+      onQueryChange(newQuery);
+    },
+    [db, onQueryChange, query]
+  );
+
+  return { onSqlChange };
+}