Web console: update druid-toolkit to get bug fixes

licenses.yaml

@@ -5086,7 +5086,7 @@ license_category: binary
 module: web-console
 license_name: Apache License version 2.0
 copyright: Imply Data
-version: 0.21.9
+version: 0.22.11
 
 ---
 
@@ -5799,7 +5799,7 @@ license_category: binary
 module: web-console
 license_name: MIT License
 copyright: Ruben Verborgh
-version: 1.15.5
+version: 1.15.6
 license_file_path: licenses/bin/follow-redirects.MIT
 
 ---

web-console/package.json

@@ -68,7 +68,7 @@
     "@blueprintjs/datetime2": "^0.9.35",
     "@blueprintjs/icons": "^4.16.0",
     "@blueprintjs/popover2": "^1.14.9",
-    "@druid-toolkit/query": "^0.21.9",
+    "@druid-toolkit/query": "^0.22.11",
     "@druid-toolkit/visuals-core": "^0.3.3",
     "@druid-toolkit/visuals-react": "^0.3.3",
     "ace-builds": "~1.4.14",

web-console/src/dialogs/compaction-config-dialog/__snapshots__/compaction-config-dialog.spec.tsx.snap

@@ -1620,6 +1620,21 @@ exports[`CompactionConfigDialog matches snapshot without compactionConfig 1`] =
         onClick={[Function]}
         text="History"
       />
+      <Blueprint4.Tooltip2
+        compact={false}
+        content="There is no compaction config currently set for this datasource"
+        hoverCloseDelay={0}
+        hoverOpenDelay={100}
+        interactionKind="hover-target"
+        minimal={false}
+        transitionDuration={100}
+      >
+        <Blueprint4.Button
+          disabled={true}
+          intent="danger"
+          text="Delete"
+        />
+      </Blueprint4.Tooltip2>
       <Blueprint4.Button
         onClick={[Function]}
         text="Close"

web-console/src/dialogs/compaction-config-dialog/compaction-config-dialog.tsx

@@ -17,6 +17,7 @@
  */
 
 import { Button, Callout, Classes, Code, Dialog, Intent, Switch } from '@blueprintjs/core';
+import { Tooltip2 } from '@blueprintjs/popover2';
 import React, { useState } from 'react';
 
 import type { FormJsonTabs } from '../../components';
@@ -162,7 +163,13 @@ export const CompactionConfigDialog = React.memo(function CompactionConfigDialog
             minimal
             onClick={() => setShowHistory(true)}
           />
-          {compactionConfig && <Button text="Delete" intent={Intent.DANGER} onClick={onDelete} />}
+          {compactionConfig ? (
+            <Button text="Delete" intent={Intent.DANGER} onClick={onDelete} />
+          ) : (
+            <Tooltip2 content="There is no compaction config currently set for this datasource">
+              <Button text="Delete" disabled intent={Intent.DANGER} />
+            </Tooltip2>
+          )}
           <Button text="Close" onClick={onClose} />
           <Button
             text="Submit"

web-console/src/druid-models/ingest-query-pattern/ingest-query-pattern.ts

@@ -23,6 +23,7 @@ import {
   SqlPartitionedByClause,
   SqlQuery,
   SqlReplaceClause,
+  SqlTable,
   SqlWithPart,
   T,
 } from '@druid-toolkit/query';
@@ -150,11 +151,15 @@ export function fitIngestQueryPattern(query: SqlQuery): IngestQueryPattern {
   let mode: IngestMode;
   let overwriteWhere: SqlExpression | undefined;
   if (query.insertClause) {
+    const { table } = query.insertClause;
+    if (!(table instanceof SqlTable)) throw new Error('Have to insert into a table');
     mode = 'insert';
-    destinationTableName = query.insertClause.table.getName();
+    destinationTableName = table.getName();
   } else if (query.replaceClause) {
+    const { table } = query.replaceClause;
+    if (!(table instanceof SqlTable)) throw new Error('Have to replace into a table');
     mode = 'replace';
-    destinationTableName = query.replaceClause.table.getName();
+    destinationTableName = table.getName();
     overwriteWhere = query.replaceClause.whereClause?.expression;
   } else {
     throw new Error(`Must have an INSERT or REPLACE clause`);

web-console/src/views/explore-view/filter-pane/filter-menu/time-interval-filter-control/time-interval-filter-control.tsx

@@ -86,7 +86,9 @@ export const TimeIntervalFilterControl = React.memo(function TimeIntervalFilterC
       negated,
       column,
       start,
+      startBound: '[',
       end,
+      endBound: ')',
     };
   }
 

web-console/src/views/explore-view/filter-pane/filter-menu/time-relative-filter-control/time-relative-filter-control.tsx

@@ -24,7 +24,7 @@ import { ColumnPicker } from '../../../column-picker/column-picker';
 import type { Dataset } from '../../../utils';
 
 interface PartialPattern {
-  anchor: 'currentTimestamp' | 'maxDataTime';
+  anchor: 'timestamp' | 'maxDataTime';
   rangeDuration: string;
   alignType?: 'floor' | 'ceil';
   alignDuration?: string;
@@ -86,7 +86,7 @@ const GROUPS: GroupedNamedPartialPatterns[] = [
       {
         name: 'Hour',
         partialPattern: {
-          anchor: 'currentTimestamp',
+          anchor: 'timestamp',
           alignType: 'ceil',
           alignDuration: 'PT1H',
           rangeDuration: 'PT1H',
@@ -95,7 +95,7 @@ const GROUPS: GroupedNamedPartialPatterns[] = [
       {
         name: 'Day',
         partialPattern: {
-          anchor: 'currentTimestamp',
+          anchor: 'timestamp',
           alignType: 'ceil',
           alignDuration: 'P1D',
           rangeDuration: 'P1D',
@@ -104,7 +104,7 @@ const GROUPS: GroupedNamedPartialPatterns[] = [
       {
         name: 'Week',
         partialPattern: {
-          anchor: 'currentTimestamp',
+          anchor: 'timestamp',
           alignType: 'ceil',
           alignDuration: 'P1W',
           rangeDuration: 'P1W',
@@ -118,7 +118,7 @@ const GROUPS: GroupedNamedPartialPatterns[] = [
       {
         name: 'Hour',
         partialPattern: {
-          anchor: 'currentTimestamp',
+          anchor: 'timestamp',
           alignType: 'floor',
           alignDuration: 'PT1H',
           rangeDuration: 'PT1H',
@@ -127,7 +127,7 @@ const GROUPS: GroupedNamedPartialPatterns[] = [
       {
         name: 'Day',
         partialPattern: {
-          anchor: 'currentTimestamp',
+          anchor: 'timestamp',
           alignType: 'floor',
           alignDuration: 'P1D',
           rangeDuration: 'P1D',
@@ -136,7 +136,7 @@ const GROUPS: GroupedNamedPartialPatterns[] = [
       {
         name: 'Week',
         partialPattern: {
-          anchor: 'currentTimestamp',
+          anchor: 'timestamp',
           alignType: 'floor',
           alignDuration: 'P1W',
           rangeDuration: 'P1W',
@@ -182,6 +182,8 @@ export const TimeRelativeFilterControl = React.memo(function TimeRelativeFilterC
                   negated,
                   column,
                   ...partialPattern,
+                  startBound: '[',
+                  endBound: ')',
                 });
               }}
             />

web-console/src/views/explore-view/filter-pane/pattern-helpers.ts

@@ -30,6 +30,8 @@ export function initPatternForColumn(column: ExpressionMeta): FilterPattern {
         column: column.name,
         anchor: 'maxDataTime',
         rangeDuration: 'P1D',
+        startBound: '[',
+        endBound: ')',
       };
 
     default:

web-console/src/views/sql-data-loader-view/sql-data-loader-view.tsx

@@ -19,7 +19,7 @@
 import type { IconName } from '@blueprintjs/core';
 import { Card, Icon, Intent } from '@blueprintjs/core';
 import { IconNames } from '@blueprintjs/icons';
-import { SqlQuery } from '@druid-toolkit/query';
+import { SqlQuery, SqlTable } from '@druid-toolkit/query';
 import type { JSX } from 'react';
 import React, { useState } from 'react';
 
@@ -136,7 +136,9 @@ export const SqlDataLoaderView = React.memo(function SqlDataLoaderView(
           onBack={() => setContent(undefined)}
           onDone={async () => {
             const { queryString, queryContext } = content;
-            const ingestDatasource = SqlQuery.parse(queryString).getIngestTable()?.getName();
+            const ingestTable = SqlQuery.parse(queryString).getIngestTable();
+            const ingestDatasource =
+              ingestTable instanceof SqlTable ? ingestTable.getName() : undefined;
 
             if (!ingestDatasource) {
               AppToaster.show({ message: `Must have an ingest datasource`, intent: Intent.DANGER });

web-console/src/views/workbench-view/column-tree/column-tree-menu/string-menu-items/string-menu-items.tsx

@@ -140,7 +140,8 @@ export const StringMenuItems = React.memo(function StringMenuItems(props: String
           `filtered_dist_${columnName}`,
           false,
         )}
-        {aggregateMenuItem(F('LATEST', column, 100), `latest_${columnName}`)}
+        {aggregateMenuItem(F('ANY_VALUE', column), columnName)}
+        {aggregateMenuItem(F('LATEST', column), `latest_${columnName}`)}
       </MenuItem>
     );
   }