feat(grid): add begins-with and ends-with filter modes

Closes #7282

apps/desktop/src/components/grid/DataGrid.vue

@@ -1032,6 +1032,8 @@ const allFilterModeOptions: Array<{ value: FilterMode; labelKey: string }> = [
   { value: "not-equals", labelKey: "grid.filterBuilderNotEquals" },
   { value: "like", labelKey: "grid.filterBuilderContains" },
   { value: "not-like", labelKey: "grid.filterBuilderNotContains" },
+  { value: "begins-with", labelKey: "grid.filterBuilderBeginsWith" },
+  { value: "ends-with", labelKey: "grid.filterBuilderEndsWith" },
   { value: "greater-than", labelKey: "grid.filterBuilderGreaterThan" },
   {
     value: "greater-than-or-equal",

apps/desktop/src/i18n/locales/en.ts

@@ -1711,6 +1711,8 @@ export default {
     filterBuilderNotEquals: "Does not equal",
     filterBuilderContains: "Contains",
     filterBuilderNotContains: "Does not contain",
+    filterBuilderBeginsWith: "Starts with",
+    filterBuilderEndsWith: "Ends with",
     filterBuilderGreaterThan: "Greater than",
     filterBuilderGreaterThanOrEqual: "Greater than or equal to",
     filterBuilderLessThan: "Less than",

apps/desktop/src/i18n/locales/es.ts

@@ -1594,6 +1594,8 @@ export default withEnglishFallback({
     filterBuilderNotEquals: "Distinto de",
     filterBuilderContains: "Contiene",
     filterBuilderNotContains: "No contiene",
+    filterBuilderBeginsWith: "Empieza por",
+    filterBuilderEndsWith: "Termina por",
     filterBuilderGreaterThan: "Mayor que",
     filterBuilderGreaterThanOrEqual: "Mayor o igual que",
     filterBuilderLessThan: "Menor que",

apps/desktop/src/i18n/locales/it.ts

@@ -1592,6 +1592,8 @@ export default withEnglishFallback({
     filterBuilderNotEquals: "Diverso da",
     filterBuilderContains: "Contiene",
     filterBuilderNotContains: "Non contiene",
+    filterBuilderBeginsWith: "Inizia con",
+    filterBuilderEndsWith: "Termina con",
     filterBuilderGreaterThan: "Maggiore di",
     filterBuilderGreaterThanOrEqual: "Maggiore o uguale a",
     filterBuilderLessThan: "Minore di",

apps/desktop/src/i18n/locales/ja.ts

@@ -1610,6 +1610,8 @@ export default withEnglishFallback({
     filterBuilderNotEquals: "等しくない",
     filterBuilderContains: "含む",
     filterBuilderNotContains: "含まない",
+    filterBuilderBeginsWith: "で始まる",
+    filterBuilderEndsWith: "で終わる",
     filterBuilderGreaterThan: "より大きい",
     filterBuilderGreaterThanOrEqual: "以上",
     filterBuilderLessThan: "より小さい",

apps/desktop/src/i18n/locales/ko.ts

@@ -1587,6 +1587,8 @@ export default withEnglishFallback({
     filterBuilderNotEquals: "같지 않음",
     filterBuilderContains: "포함",
     filterBuilderNotContains: "포함하지 않음",
+    filterBuilderBeginsWith: "…으로 시작",
+    filterBuilderEndsWith: "…으로 끝",
     filterBuilderGreaterThan: "보다 큼",
     filterBuilderGreaterThanOrEqual: "크거나 같음",
     filterBuilderLessThan: "보다 작음",

apps/desktop/src/i18n/locales/pt-BR.ts

@@ -1594,6 +1594,8 @@ export default withEnglishFallback({
     filterBuilderNotEquals: "Diferente de",
     filterBuilderContains: "Contém",
     filterBuilderNotContains: "Não contém",
+    filterBuilderBeginsWith: "Começa com",
+    filterBuilderEndsWith: "Termina com",
     filterBuilderGreaterThan: "Maior que",
     filterBuilderGreaterThanOrEqual: "Maior ou igual a",
     filterBuilderLessThan: "Menor que",

apps/desktop/src/i18n/locales/zh-CN.ts

@@ -1636,6 +1636,8 @@ export default withEnglishFallback({
     filterBuilderNotEquals: "不等于",
     filterBuilderContains: "包含",
     filterBuilderNotContains: "不包含",
+    filterBuilderBeginsWith: "以…开始",
+    filterBuilderEndsWith: "以…结束",
     filterBuilderGreaterThan: "大于",
     filterBuilderGreaterThanOrEqual: "大于等于",
     filterBuilderLessThan: "小于",

apps/desktop/src/i18n/locales/zh-TW.ts

@@ -1593,6 +1593,8 @@ export default withEnglishFallback({
     filterBuilderNotEquals: "不等於",
     filterBuilderContains: "包含",
     filterBuilderNotContains: "不包含",
+    filterBuilderBeginsWith: "以…開始",
+    filterBuilderEndsWith: "以…結束",
     filterBuilderGreaterThan: "大於",
     filterBuilderGreaterThanOrEqual: "大於等於",
     filterBuilderLessThan: "小於",

apps/desktop/src/lib/__tests__/dataGrid/dataGridColumnFilter.victoriametrics.spec.ts

@@ -4,7 +4,7 @@ import type { DataGridContextFilterMode } from "@/lib/dataGrid/dataGridSql";
 
 describe("VictoriaMetrics data grid filters", () => {
   it("does not expose SQL filter modes for MetricsQL results", () => {
-    const modes: DataGridContextFilterMode[] = ["equals", "not-equals", "is-null", "is-not-null", "is-blank", "is-not-blank", "like", "not-like", "less-than", "greater-than", "in", "not-in", "between", "not-between"];
+    const modes: DataGridContextFilterMode[] = ["equals", "not-equals", "is-null", "is-not-null", "is-blank", "is-not-blank", "like", "not-like", "begins-with", "ends-with", "less-than", "greater-than", "in", "not-in", "between", "not-between"];
 
     expect(modes.every((mode) => !filterModeIsSupportedForDatabase(mode, "victoriametrics"))).toBe(true);
     expect(filterModeIsSupportedForDatabase("equals", "postgres")).toBe(true);

apps/desktop/src/lib/dataGrid/columnFormatter.ts

@@ -190,7 +190,26 @@ export function normalizeColumnFormatter(value: unknown): ColumnFormatterConfig
   return undefined;
 }
 
-const FOREIGN_KEY_DISPLAY_FILTER_MODES = new Set<DataGridContextFilterMode>(["equals", "not-equals", "is-null", "is-not-null", "is-blank", "is-not-blank", "like", "not-like", "less-than", "less-than-or-equal", "greater-than", "greater-than-or-equal", "in", "not-in", "between", "not-between"]);
+const FOREIGN_KEY_DISPLAY_FILTER_MODES = new Set<DataGridContextFilterMode>([
+  "equals",
+  "not-equals",
+  "is-null",
+  "is-not-null",
+  "is-blank",
+  "is-not-blank",
+  "like",
+  "not-like",
+  "begins-with",
+  "ends-with",
+  "less-than",
+  "less-than-or-equal",
+  "greater-than",
+  "greater-than-or-equal",
+  "in",
+  "not-in",
+  "between",
+  "not-between",
+]);
 
 function normalizeForeignKeyDisplayFilter(value: unknown): ForeignKeyDisplayFilterConfig | undefined {
   if (!value || typeof value !== "object") return undefined;

apps/desktop/src/lib/dataGrid/dataGridSql.ts

@@ -58,7 +58,7 @@ export interface DataGridCopyInsertStatementOptions {
   insertMode?: DataGridCopyInsertMode;
 }
 
-export type DataGridContextFilterMode = "equals" | "not-equals" | "is-null" | "is-not-null" | "is-blank" | "is-not-blank" | "like" | "not-like" | "less-than" | "less-than-or-equal" | "greater-than" | "greater-than-or-equal" | "in" | "not-in" | "between" | "not-between";
+export type DataGridContextFilterMode = "equals" | "not-equals" | "is-null" | "is-not-null" | "is-blank" | "is-not-blank" | "like" | "not-like" | "begins-with" | "ends-with" | "less-than" | "less-than-or-equal" | "greater-than" | "greater-than-or-equal" | "in" | "not-in" | "between" | "not-between";
 
 export interface DataGridContextFilterConditionOptions {
   databaseType?: DatabaseType;