@dynatrace/strato-components 3.12.1 → 3.13.0

package/esm/filters/filter-field/decorations/filter-statements.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/filters/filter-field/decorations/filter-statements.ts"],
-  "sourcesContent": ["import { syntaxTree } from '@codemirror/language';\nimport { RangeSetBuilder } from '@codemirror/state';\nimport type {\n  Decoration,\n  DecorationSet,\n  EditorView,\n  ViewUpdate,\n} from '@codemirror/view';\nimport { ViewPlugin } from '@codemirror/view';\n\nimport {\n  incompleteStatementMark,\n  intermediateStatementMark,\n  pastingMark,\n  statementMark,\n} from './decoration-marks.js';\nimport { pastingMode } from '../editor-state-configs/editor-config.js';\nimport { NEEDS_ESCAPING_REGEX } from '../utils/escape-suggestion.js';\nimport { getStatementStatus } from '../utils/get-statement-status.js';\n\ntype StatementDecoration = {\n  from: number;\n  to: number;\n  mark: Decoration;\n  statementType: 'complete' | 'incomplete' | 'indeterminate';\n};\n\nconst needsEscapingRegex = new RegExp(NEEDS_ESCAPING_REGEX);\n\n/**\n * Get the mark for a statement based on its status.\n */\nfunction getStatementMark(\n  statementType: 'complete' | 'incomplete' | 'indeterminate',\n) {\n  if (statementType === 'complete') {\n    return statementMark;\n  }\n  if (statementType === 'indeterminate') {\n    return intermediateStatementMark;\n  }\n  return incompleteStatementMark;\n}\n\n/**\n * When pasted content has special characters, merge statements that overlap or\n * touch the pasted range into a single range. Returns the merged range or null\n * if no statement was affected.\n */\nfunction getMergedPasteRange(\n  statementFrom: number,\n  statementTo: number,\n  pastedRange: { from: number; to: number },\n  currentMerged: { from: number; to: number } | null,\n): { from: number; to: number } {\n  const rangeFrom = Math.min(statementFrom, pastedRange.from);\n  const rangeTo = Math.max(statementTo, pastedRange.to);\n\n  if (currentMerged === null) {\n    return { from: rangeFrom, to: rangeTo };\n  }\n\n  return {\n    from: Math.min(currentMerged.from, rangeFrom),\n    to: Math.max(currentMerged.to, rangeTo),\n  };\n}\n\n/**\n * Check whether the pasted range overlaps, touches, or is separated from the\n * statement only by whitespace.  This handles the case where the parser's\n * FilterStatement node does not include trailing whitespace but the paste\n * starts right after that whitespace (e.g. pasting in the value position of\n * `a = `).\n *\n * Complete statements separated by whitespace are NOT considered adjacent \u2014\n * pasting after `a = b ` should create a new bubble, not merge into the\n * existing one.\n */\nfunction isPasteAdjacentToStatement(\n  pastedRange: { from: number; to: number },\n  statementFrom: number,\n  statementTo: number,\n  doc: string,\n  statementType: 'complete' | 'incomplete' | 'indeterminate',\n): boolean {\n  // Direct overlap or touch.\n  if (pastedRange.from <= statementTo && pastedRange.to >= statementFrom) {\n    return true;\n  }\n\n  // Don't merge across whitespace gaps for complete statements when the paste\n  // is after the statement \u2014 they are finished and the pasted content should\n  // form its own bubble.\n  if (statementType === 'complete' && pastedRange.from > statementTo) {\n    return false;\n  }\n\n  // Check if only whitespace separates them.\n  const gap =\n    pastedRange.from > statementTo\n      ? doc.slice(statementTo, pastedRange.from)\n      : doc.slice(pastedRange.to, statementFrom);\n  return gap.trim() === '';\n}\n\n/**\n * Iterate over all FilterStatement nodes and collect decorations, identifying\n * which statements overlap or touch the pasted range for later merging.\n */\nfunction collectRawDecorations(\n  view: EditorView,\n  pastedRange: { from: number; to: number } | undefined,\n): {\n  decorations: StatementDecoration[];\n  mergedPasteRange: { from: number; to: number } | null;\n  doc: string;\n} {\n  const decorations: StatementDecoration[] = [];\n  let mergedPasteRange: { from: number; to: number } | null = null;\n  const doc = view.state.doc.toString();\n\n  for (const { from, to } of view.visibleRanges) {\n    syntaxTree(view.state).iterate({\n      from,\n      to,\n      enter: (node) => {\n        if (node.name === 'FilterStatement') {\n          const { from: statementFrom, to: statementTo } = node;\n          const statementType = getStatementStatus(node.node.cursor(), doc);\n\n          // Check adjacency against the original paste range AND the growing\n          // merged range so that statements on both sides get included.\n          const shouldMerge =\n            pastedRange &&\n            (isPasteAdjacentToStatement(\n              pastedRange,\n              statementFrom,\n              statementTo,\n              doc,\n              statementType,\n            ) ||\n              (mergedPasteRange &&\n                isPasteAdjacentToStatement(\n                  mergedPasteRange,\n                  statementFrom,\n                  statementTo,\n                  doc,\n                  statementType,\n                )));\n\n          if (shouldMerge) {\n            mergedPasteRange = getMergedPasteRange(\n              statementFrom,\n              statementTo,\n              pastedRange,\n              mergedPasteRange,\n            );\n          } else {\n            decorations.push({\n              from: statementFrom,\n              to: statementTo,\n              mark: getStatementMark(statementType),\n              statementType,\n            });\n          }\n\n          return false;\n        }\n      },\n    });\n  }\n\n  return { decorations, mergedPasteRange, doc };\n}\n\n/**\n * Expand the merged range to cover everything between the nearest complete\n * statements on either side, absorb non-complete decorations that fall inside,\n * and add the final merged incomplete bubble.\n */\nfunction expandMergedRange(\n  decorations: StatementDecoration[],\n  mergedPasteRange: { from: number; to: number },\n  doc: string,\n): {\n  decorations: StatementDecoration[];\n  mergedPasteRange: { from: number; to: number };\n} {\n  const completeBoundaries = decorations\n    .filter((dec) => dec.statementType === 'complete')\n    .sort((a, b) => a.from - b.from);\n\n  // Find the rightmost complete statement that ends before the merged range.\n  let leftBoundary =\n    completeBoundaries.findLast((c) => c.to <= mergedPasteRange.from)?.to ?? 0;\n\n  // Find the leftmost complete statement that starts after the merged range.\n  let rightBoundary =\n    completeBoundaries.find((c) => c.from >= mergedPasteRange.to)?.from ??\n    doc.length;\n\n  // Trim whitespace from the boundaries so the bubble doesn't include\n  // surrounding spaces.\n  const leftGap = doc.slice(leftBoundary, mergedPasteRange.from);\n  leftBoundary += leftGap.length - leftGap.trimStart().length;\n\n  const rightGap = doc.slice(mergedPasteRange.to, rightBoundary);\n  rightBoundary -= rightGap.length - rightGap.trimEnd().length;\n\n  const expanded = {\n    from: Math.min(mergedPasteRange.from, leftBoundary),\n    to: Math.max(mergedPasteRange.to, rightBoundary),\n  };\n\n  // Drop any non-complete decorations that now fall inside the expanded\n  // merged range, then add the merged incomplete bubble.\n  const filtered = decorations.filter(\n    (dec) =>\n      dec.statementType === 'complete' ||\n      dec.to <= expanded.from ||\n      dec.from >= expanded.to,\n  );\n\n  filtered.push({\n    from: expanded.from,\n    to: expanded.to,\n    mark: incompleteStatementMark,\n    statementType: 'incomplete',\n  });\n\n  return { decorations: filtered, mergedPasteRange: expanded };\n}\n\n/**\n * Collect decorations for all filter statements, merging statements that\n * overlap or touch the pasted range (when it contains special characters)\n * into a single incomplete statement bubble.\n */\nfunction collectStatementDecorations(\n  view: EditorView,\n  pastedRange: { from: number; to: number } | undefined,\n): {\n  decorations: StatementDecoration[];\n  mergedPasteRange: { from: number; to: number } | null;\n} {\n  const rawDecorations = collectRawDecorations(view, pastedRange);\n  let { decorations, mergedPasteRange } = rawDecorations;\n  const { doc } = rawDecorations;\n\n  // Initialize the merged range from the pasted range if no statement merged\n  // with it in the first pass.\n  if (!mergedPasteRange && pastedRange) {\n    mergedPasteRange = { from: pastedRange.from, to: pastedRange.to };\n  }\n\n  if (mergedPasteRange) {\n    const expanded = expandMergedRange(decorations, mergedPasteRange, doc);\n    decorations = expanded.decorations;\n    mergedPasteRange = expanded.mergedPasteRange;\n  }\n\n  return { decorations, mergedPasteRange };\n}\n\n/**\n * Create a range set with decorations for all the filter statements.\n * @internal\n */\nexport function createFilterStatementDecorations(view: EditorView) {\n  const builder = new RangeSetBuilder<Decoration>();\n\n  const pastingStateField = view?.state.field(pastingMode, false);\n\n  // Pasted content with special characters gets an incomplete statement bubble\n  // around the whole statement and neutral text color via pastingMark.\n  // Normal pasted content stays inside its statement bubble and inherits\n  // syntax-highlighting colors (blue for keys, black for values, etc.).\n  const pastedContentHasSpecialChars =\n    pastingStateField?.range !== undefined &&\n    needsEscapingRegex.test(\n      view.state.doc.sliceString(\n        pastingStateField.range.from,\n        pastingStateField.range.to,\n      ),\n    );\n\n  const { decorations, mergedPasteRange } = collectStatementDecorations(\n    view,\n    pastedContentHasSpecialChars ? pastingStateField?.range : undefined,\n  );\n\n  const allDecorations = decorations;\n\n  // Only apply the pastingMark (which overrides syntax colors to neutral) when\n  // the pasted content contains special characters. The mark covers the entire\n  // merged bubble range so that all text (including existing key/value text\n  // adjacent to the paste) gets neutral coloring inside the incomplete bubble.\n  if (\n    pastedContentHasSpecialChars &&\n    pastingStateField?.pastingInProgress &&\n    pastingStateField.range\n  ) {\n    const pastingMarkRange = mergedPasteRange ?? pastingStateField.range;\n\n    for (const { from, to } of view.visibleRanges) {\n      if (from <= pastingMarkRange.from && to >= pastingMarkRange.to) {\n        // only add the pasting decoration if the pasted range is visible\n        // to avoid crashing when e.g. a delete event happens while pasting and\n        // trying to add a statement bubble for content that is not there anymore\n        allDecorations.push({\n          from: pastingMarkRange.from,\n          to: pastingMarkRange.to,\n          mark: pastingMark,\n          statementType: 'complete',\n        });\n      }\n    }\n  }\n\n  allDecorations.sort((a, b) => a.from - b.from);\n\n  for (const decoration of allDecorations) {\n    builder.add(decoration.from, decoration.to, decoration.mark);\n  }\n\n  return builder.finish();\n}\n\n/** View plugin to wrap all filter statements in spans. */\nexport const FilterStatementDecorationPlugin = ViewPlugin.fromClass(\n  class {\n    decorations: DecorationSet;\n\n    constructor(view: EditorView) {\n      this.decorations = createFilterStatementDecorations(view);\n    }\n\n    update(update: ViewUpdate) {\n      if (update.docChanged) {\n        this.decorations = createFilterStatementDecorations(update.view);\n      }\n    }\n  },\n  {\n    decorations: (view) => view.decorations,\n  },\n);\n"],
-  "mappings": "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",
+  "sourcesContent": ["import { syntaxTree } from '@codemirror/language';\nimport { RangeSetBuilder } from '@codemirror/state';\nimport type {\n  Decoration,\n  DecorationSet,\n  EditorView,\n  ViewUpdate,\n} from '@codemirror/view';\nimport { ViewPlugin } from '@codemirror/view';\n\nimport {\n  incompleteStatementMark,\n  intermediateStatementMark,\n  pastingMark,\n  statementMark,\n} from './decoration-marks.js';\nimport { pastingMode } from '../editor-state-configs/editor-config.js';\nimport { NEEDS_ESCAPING_REGEX } from '../utils/escape-suggestion.js';\nimport { getStatementStatus } from '../utils/get-statement-status.js';\n\ntype StatementDecoration = {\n  from: number;\n  to: number;\n  mark: Decoration;\n  statementType: 'complete' | 'incomplete' | 'indeterminate';\n};\n\nconst needsEscapingRegex = new RegExp(NEEDS_ESCAPING_REGEX);\n\n/**\n * Get the mark for a statement based on its status.\n */\nfunction getStatementMark(\n  statementType: 'complete' | 'incomplete' | 'indeterminate',\n) {\n  if (statementType === 'complete') {\n    return statementMark;\n  }\n  if (statementType === 'indeterminate') {\n    return intermediateStatementMark;\n  }\n  return incompleteStatementMark;\n}\n\n/**\n * When pasted content has special characters, merge statements that overlap or\n * touch the pasted range into a single range. Returns the merged range or null\n * if no statement was affected.\n */\nfunction getMergedPasteRange(\n  statementFrom: number,\n  statementTo: number,\n  pastedRange: { from: number; to: number },\n  currentMerged: { from: number; to: number } | null,\n): { from: number; to: number } {\n  const rangeFrom = Math.min(statementFrom, pastedRange.from);\n  const rangeTo = Math.max(statementTo, pastedRange.to);\n\n  if (currentMerged === null) {\n    return { from: rangeFrom, to: rangeTo };\n  }\n\n  return {\n    from: Math.min(currentMerged.from, rangeFrom),\n    to: Math.max(currentMerged.to, rangeTo),\n  };\n}\n\n/**\n * Check whether the pasted range overlaps, touches, or is separated from the\n * statement only by whitespace.  This handles the case where the parser's\n * FilterStatement node does not include trailing whitespace but the paste\n * starts right after that whitespace (e.g. pasting in the value position of\n * `a = `).\n *\n * Complete statements separated by whitespace are NOT considered adjacent \u2014\n * pasting after `a = b ` should create a new bubble, not merge into the\n * existing one.\n */\nfunction isPasteAdjacentToStatement(\n  pastedRange: { from: number; to: number },\n  statementFrom: number,\n  statementTo: number,\n  doc: string,\n  statementType: 'complete' | 'incomplete' | 'indeterminate',\n): boolean {\n  // Direct overlap or touch.\n  if (pastedRange.from <= statementTo && pastedRange.to >= statementFrom) {\n    return true;\n  }\n\n  // Don't merge across whitespace gaps for complete statements when the paste\n  // is after the statement \u2014 they are finished and the pasted content should\n  // form its own bubble.\n  if (statementType === 'complete' && pastedRange.from > statementTo) {\n    return false;\n  }\n\n  // Check if only whitespace separates them.\n  const gap =\n    pastedRange.from > statementTo\n      ? doc.slice(statementTo, pastedRange.from)\n      : doc.slice(pastedRange.to, statementFrom);\n  return gap.trim() === '';\n}\n\n/**\n * Iterate over all FilterStatement nodes and collect decorations, identifying\n * which statements overlap or touch the pasted range for later merging.\n */\nfunction collectRawDecorations(\n  view: EditorView,\n  pastedRange: { from: number; to: number } | undefined,\n): {\n  decorations: StatementDecoration[];\n  mergedPasteRange: { from: number; to: number } | null;\n  doc: string;\n} {\n  const decorations: StatementDecoration[] = [];\n  let mergedPasteRange: { from: number; to: number } | null = null;\n  const doc = view.state.doc.toString();\n\n  for (const { from, to } of view.visibleRanges) {\n    syntaxTree(view.state).iterate({\n      from,\n      to,\n      // oxlint-disable-next-line no-loop-func\n      enter: (node) => {\n        if (node.name === 'FilterStatement') {\n          const { from: statementFrom, to: statementTo } = node;\n          const statementType = getStatementStatus(node.node.cursor(), doc);\n\n          // Check adjacency against the original paste range AND the growing\n          // merged range so that statements on both sides get included.\n          const shouldMerge =\n            pastedRange &&\n            (isPasteAdjacentToStatement(\n              pastedRange,\n              statementFrom,\n              statementTo,\n              doc,\n              statementType,\n            ) ||\n              (mergedPasteRange &&\n                isPasteAdjacentToStatement(\n                  mergedPasteRange,\n                  statementFrom,\n                  statementTo,\n                  doc,\n                  statementType,\n                )));\n\n          if (shouldMerge) {\n            mergedPasteRange = getMergedPasteRange(\n              statementFrom,\n              statementTo,\n              pastedRange,\n              mergedPasteRange,\n            );\n          } else {\n            decorations.push({\n              from: statementFrom,\n              to: statementTo,\n              mark: getStatementMark(statementType),\n              statementType,\n            });\n          }\n\n          return false;\n        }\n      },\n    });\n  }\n\n  return { decorations, mergedPasteRange, doc };\n}\n\n/**\n * Expand the merged range to cover everything between the nearest complete\n * statements on either side, absorb non-complete decorations that fall inside,\n * and add the final merged incomplete bubble.\n */\nfunction expandMergedRange(\n  decorations: StatementDecoration[],\n  mergedPasteRange: { from: number; to: number },\n  doc: string,\n): {\n  decorations: StatementDecoration[];\n  mergedPasteRange: { from: number; to: number };\n} {\n  const completeBoundaries = decorations\n    .filter((dec) => dec.statementType === 'complete')\n    .sort((a, b) => a.from - b.from);\n\n  // Find the rightmost complete statement that ends before the merged range.\n  let leftBoundary =\n    completeBoundaries.findLast((c) => c.to <= mergedPasteRange.from)?.to ?? 0;\n\n  // Find the leftmost complete statement that starts after the merged range.\n  let rightBoundary =\n    completeBoundaries.find((c) => c.from >= mergedPasteRange.to)?.from ??\n    doc.length;\n\n  // Trim whitespace from the boundaries so the bubble doesn't include\n  // surrounding spaces.\n  const leftGap = doc.slice(leftBoundary, mergedPasteRange.from);\n  leftBoundary += leftGap.length - leftGap.trimStart().length;\n\n  const rightGap = doc.slice(mergedPasteRange.to, rightBoundary);\n  rightBoundary -= rightGap.length - rightGap.trimEnd().length;\n\n  const expanded = {\n    from: Math.min(mergedPasteRange.from, leftBoundary),\n    to: Math.max(mergedPasteRange.to, rightBoundary),\n  };\n\n  // Drop any non-complete decorations that now fall inside the expanded\n  // merged range, then add the merged incomplete bubble.\n  const filtered = decorations.filter(\n    (dec) =>\n      dec.statementType === 'complete' ||\n      dec.to <= expanded.from ||\n      dec.from >= expanded.to,\n  );\n\n  filtered.push({\n    from: expanded.from,\n    to: expanded.to,\n    mark: incompleteStatementMark,\n    statementType: 'incomplete',\n  });\n\n  return { decorations: filtered, mergedPasteRange: expanded };\n}\n\n/**\n * Collect decorations for all filter statements, merging statements that\n * overlap or touch the pasted range (when it contains special characters)\n * into a single incomplete statement bubble.\n */\nfunction collectStatementDecorations(\n  view: EditorView,\n  pastedRange: { from: number; to: number } | undefined,\n): {\n  decorations: StatementDecoration[];\n  mergedPasteRange: { from: number; to: number } | null;\n} {\n  const rawDecorations = collectRawDecorations(view, pastedRange);\n  let { decorations, mergedPasteRange } = rawDecorations;\n  const { doc } = rawDecorations;\n\n  // Initialize the merged range from the pasted range if no statement merged\n  // with it in the first pass.\n  if (!mergedPasteRange && pastedRange) {\n    mergedPasteRange = { from: pastedRange.from, to: pastedRange.to };\n  }\n\n  if (mergedPasteRange) {\n    const expanded = expandMergedRange(decorations, mergedPasteRange, doc);\n    decorations = expanded.decorations;\n    mergedPasteRange = expanded.mergedPasteRange;\n  }\n\n  return { decorations, mergedPasteRange };\n}\n\n/**\n * Create a range set with decorations for all the filter statements.\n * @internal\n */\nexport function createFilterStatementDecorations(view: EditorView) {\n  const builder = new RangeSetBuilder<Decoration>();\n\n  const pastingStateField = view?.state.field(pastingMode, false);\n\n  // Pasted content with special characters gets an incomplete statement bubble\n  // around the whole statement and neutral text color via pastingMark.\n  // Normal pasted content stays inside its statement bubble and inherits\n  // syntax-highlighting colors (blue for keys, black for values, etc.).\n  const pastedContentHasSpecialChars =\n    pastingStateField?.range !== undefined &&\n    needsEscapingRegex.test(\n      view.state.doc.sliceString(\n        pastingStateField.range.from,\n        pastingStateField.range.to,\n      ),\n    );\n\n  const { decorations, mergedPasteRange } = collectStatementDecorations(\n    view,\n    pastedContentHasSpecialChars ? pastingStateField?.range : undefined,\n  );\n\n  const allDecorations = decorations;\n\n  // Only apply the pastingMark (which overrides syntax colors to neutral) when\n  // the pasted content contains special characters. The mark covers the entire\n  // merged bubble range so that all text (including existing key/value text\n  // adjacent to the paste) gets neutral coloring inside the incomplete bubble.\n  if (\n    pastedContentHasSpecialChars &&\n    pastingStateField?.pastingInProgress &&\n    pastingStateField.range\n  ) {\n    const pastingMarkRange = mergedPasteRange ?? pastingStateField.range;\n\n    for (const { from, to } of view.visibleRanges) {\n      if (from <= pastingMarkRange.from && to >= pastingMarkRange.to) {\n        // only add the pasting decoration if the pasted range is visible\n        // to avoid crashing when e.g. a delete event happens while pasting and\n        // trying to add a statement bubble for content that is not there anymore\n        allDecorations.push({\n          from: pastingMarkRange.from,\n          to: pastingMarkRange.to,\n          mark: pastingMark,\n          statementType: 'complete',\n        });\n      }\n    }\n  }\n\n  allDecorations.sort((a, b) => a.from - b.from);\n\n  for (const decoration of allDecorations) {\n    builder.add(decoration.from, decoration.to, decoration.mark);\n  }\n\n  return builder.finish();\n}\n\n/** View plugin to wrap all filter statements in spans. */\nexport const FilterStatementDecorationPlugin = ViewPlugin.fromClass(\n  class {\n    decorations: DecorationSet;\n\n    constructor(view: EditorView) {\n      this.decorations = createFilterStatementDecorations(view);\n    }\n\n    update(update: ViewUpdate) {\n      if (update.docChanged) {\n        this.decorations = createFilterStatementDecorations(update.view);\n      }\n    }\n  },\n  {\n    decorations: (view) => view.decorations,\n  },\n);\n"],
+  "mappings": "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",
   "names": []
 }

package/esm/filters/filter-field/decorations/wildcards-in-value.js

@@ -0,0 +1,98 @@
+import { syntaxTree } from "@codemirror/language";
+import { RangeSetBuilder } from "@codemirror/state";
+import { ViewPlugin } from "@codemirror/view";
+import { wildcardInValueMark } from "./decoration-marks.js";
+function createWildcardInValueDecorations(view, matchesWildcardConversion) {
+  const builder = new RangeSetBuilder();
+  for (const { from, to } of view.visibleRanges) {
+    const tree = syntaxTree(view.state);
+    tree.iterate({
+      from,
+      to,
+      enter: (node) => {
+        if (node.name === "ExistsOperator") {
+          builder.add(node.to - 1, node.to, wildcardInValueMark);
+          return false;
+        }
+        if (node.name !== "FilterSimpleValue" && node.name !== "ListValue") {
+          return;
+        }
+        const cursor = node.node.cursor();
+        if (!cursor.firstChild()) {
+          return false;
+        }
+        do {
+          if (cursor.name === "PositionOperator" || cursor.name === "InvalidPositionOperator") {
+            builder.add(cursor.from, cursor.to, wildcardInValueMark);
+          } else if (cursor.name === "Identifier" || cursor.name === "Variable") {
+            if (matchesWildcardConversion) {
+              addMidIdentifierWildcards(builder, view, cursor.from, cursor.to);
+            }
+          } else if (cursor.name === "String" || cursor.name === "IncompleteString") {
+            if (matchesWildcardConversion) {
+              addMidIdentifierWildcards(builder, view, cursor.from, cursor.to);
+            } else {
+              addPositionWildcardsInString(
+                builder,
+                view,
+                cursor.from,
+                cursor.to
+              );
+            }
+          }
+        } while (cursor.nextSibling());
+        return false;
+      }
+    });
+  }
+  return builder.finish();
+}
+function addMidIdentifierWildcards(builder, view, nodeFrom, nodeTo) {
+  const text = view.state.sliceDoc(nodeFrom, nodeTo);
+  let i = 0;
+  while (i < text.length) {
+    if (text[i] === "\\") {
+      i += 2;
+    } else {
+      if (text[i] === "*") {
+        builder.add(nodeFrom + i, nodeFrom + i + 1, wildcardInValueMark);
+      }
+      i++;
+    }
+  }
+}
+function addPositionWildcardsInString(builder, view, nodeFrom, nodeTo) {
+  addMidIdentifierWildcards(builder, view, nodeFrom + 1, nodeFrom + 2);
+  if (nodeTo - 2 > nodeFrom + 1) {
+    addMidIdentifierWildcards(builder, view, nodeTo - 2, nodeTo - 1);
+  }
+}
+function createWildcardInValueDecorationPlugin(matchesWildcardConversion) {
+  return ViewPlugin.fromClass(
+    class {
+      decorations;
+      constructor(view) {
+        this.decorations = createWildcardInValueDecorations(
+          view,
+          matchesWildcardConversion
+        );
+      }
+      update(update) {
+        if (update.docChanged) {
+          this.decorations = createWildcardInValueDecorations(
+            update.view,
+            matchesWildcardConversion
+          );
+        }
+      }
+    },
+    {
+      decorations: (view) => view.decorations
+    }
+  );
+}
+export {
+  createWildcardInValueDecorationPlugin,
+  createWildcardInValueDecorations
+};
+//# sourceMappingURL=wildcards-in-value.js.map

package/esm/filters/filter-field/decorations/wildcards-in-value.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/filters/filter-field/decorations/wildcards-in-value.ts"],
+  "sourcesContent": ["import { syntaxTree } from '@codemirror/language';\nimport { RangeSetBuilder } from '@codemirror/state';\nimport { ViewPlugin } from '@codemirror/view';\nimport type {\n  Decoration,\n  DecorationSet,\n  EditorView,\n  ViewUpdate,\n} from '@codemirror/view';\n\nimport { wildcardInValueMark } from './decoration-marks.js';\n\n/**\n * Build a decoration set that highlights every wildcard `*` inside a value \u2014\n * leading/trailing `PositionOperator` nodes, and `*` characters embedded\n * mid-identifier (e.g. `fo*o`), across simple values and list items.\n *\n * When `matchesWildcardConversion` is false, `*` inside quoted strings is\n * not a supported wildcard and is therefore not highlighted.\n * @internal\n */\nexport function createWildcardInValueDecorations(\n  view: EditorView,\n  matchesWildcardConversion: boolean,\n) {\n  const builder = new RangeSetBuilder<Decoration>();\n\n  for (const { from, to } of view.visibleRanges) {\n    const tree = syntaxTree(view.state);\n    tree.iterate({\n      from,\n      to,\n      enter: (node) => {\n        // FilterSimpleValue is a direct FilterValue node (single value).\n        // ListValue is nested inside FilterIncludesValue > List, so we target\n        // both separately rather than using the FilterValue group.\n        if (node.name === 'ExistsOperator') {\n          // ExistsOperator covers the full `= *` token; the `*` is its last character.\n          builder.add(node.to - 1, node.to, wildcardInValueMark);\n          return false;\n        }\n        if (node.name !== 'FilterSimpleValue' && node.name !== 'ListValue') {\n          return;\n        }\n        const cursor = node.node.cursor();\n        if (!cursor.firstChild()) {\n          return false;\n        }\n        do {\n          if (\n            cursor.name === 'PositionOperator' ||\n            cursor.name === 'InvalidPositionOperator'\n          ) {\n            builder.add(cursor.from, cursor.to, wildcardInValueMark);\n          } else if (\n            cursor.name === 'Identifier' ||\n            cursor.name === 'Variable'\n          ) {\n            if (matchesWildcardConversion) {\n              addMidIdentifierWildcards(builder, view, cursor.from, cursor.to);\n            }\n          } else if (\n            cursor.name === 'String' ||\n            cursor.name === 'IncompleteString'\n          ) {\n            if (matchesWildcardConversion) {\n              addMidIdentifierWildcards(builder, view, cursor.from, cursor.to);\n            } else {\n              addPositionWildcardsInString(\n                builder,\n                view,\n                cursor.from,\n                cursor.to,\n              );\n            }\n          }\n        } while (cursor.nextSibling());\n\n        return false;\n      },\n    });\n  }\n\n  return builder.finish();\n}\n\n/**\n * Scan a node's text for bare `*` characters (skipping `\\x` escape sequences)\n * and add a decoration for each one.\n */\nfunction addMidIdentifierWildcards(\n  builder: RangeSetBuilder<Decoration>,\n  view: EditorView,\n  nodeFrom: number,\n  nodeTo: number,\n) {\n  const text = view.state.sliceDoc(nodeFrom, nodeTo);\n  let i = 0;\n  while (i < text.length) {\n    if (text[i] === '\\\\') {\n      i += 2; // skip backslash and the escaped character\n    } else {\n      if (text[i] === '*') {\n        builder.add(nodeFrom + i, nodeFrom + i + 1, wildcardInValueMark);\n      }\n      i++;\n    }\n  }\n}\n\nfunction addPositionWildcardsInString(\n  builder: RangeSetBuilder<Decoration>,\n  view: EditorView,\n  nodeFrom: number,\n  nodeTo: number,\n) {\n  // The opening quote can never be a `\\`, so the leading position is safe to check directly.\n  addMidIdentifierWildcards(builder, view, nodeFrom + 1, nodeFrom + 2);\n  // Only check the trailing position if it is distinct from the leading one.\n  if (nodeTo - 2 > nodeFrom + 1) {\n    addMidIdentifierWildcards(builder, view, nodeTo - 2, nodeTo - 1);\n  }\n}\n\n/**\n * View plugin to wrap mid-value `*` tokens in highlighted spans so users can\n * tell which asterisks are interpreted as wildcards inside a value (as opposed\n * to leading/trailing position operators).\n * @internal\n */\nexport function createWildcardInValueDecorationPlugin(\n  matchesWildcardConversion: boolean,\n) {\n  return ViewPlugin.fromClass(\n    class {\n      decorations: DecorationSet;\n\n      constructor(view: EditorView) {\n        this.decorations = createWildcardInValueDecorations(\n          view,\n          matchesWildcardConversion,\n        );\n      }\n\n      update(update: ViewUpdate) {\n        if (update.docChanged) {\n          this.decorations = createWildcardInValueDecorations(\n            update.view,\n            matchesWildcardConversion,\n          );\n        }\n      }\n    },\n    {\n      decorations: (view) => view.decorations,\n    },\n  );\n}\n"],
+  "mappings": "AAAA,SAAS,kBAAkB;AAC3B,SAAS,uBAAuB;AAChC,SAAS,kBAAkB;AAQ3B,SAAS,2BAA2B;AAW7B,SAAS,iCACd,MACA,2BACA;AACA,QAAM,UAAU,IAAI,gBAA4B;AAEhD,aAAW,EAAE,MAAM,GAAG,KAAK,KAAK,eAAe;AAC7C,UAAM,OAAO,WAAW,KAAK,KAAK;AAClC,SAAK,QAAQ;AAAA,MACX;AAAA,MACA;AAAA,MACA,OAAO,CAAC,SAAS;AAIf,YAAI,KAAK,SAAS,kBAAkB;AAElC,kBAAQ,IAAI,KAAK,KAAK,GAAG,KAAK,IAAI,mBAAmB;AACrD,iBAAO;AAAA,QACT;AACA,YAAI,KAAK,SAAS,uBAAuB,KAAK,SAAS,aAAa;AAClE;AAAA,QACF;AACA,cAAM,SAAS,KAAK,KAAK,OAAO;AAChC,YAAI,CAAC,OAAO,WAAW,GAAG;AACxB,iBAAO;AAAA,QACT;AACA,WAAG;AACD,cACE,OAAO,SAAS,sBAChB,OAAO,SAAS,2BAChB;AACA,oBAAQ,IAAI,OAAO,MAAM,OAAO,IAAI,mBAAmB;AAAA,UACzD,WACE,OAAO,SAAS,gBAChB,OAAO,SAAS,YAChB;AACA,gBAAI,2BAA2B;AAC7B,wCAA0B,SAAS,MAAM,OAAO,MAAM,OAAO,EAAE;AAAA,YACjE;AAAA,UACF,WACE,OAAO,SAAS,YAChB,OAAO,SAAS,oBAChB;AACA,gBAAI,2BAA2B;AAC7B,wCAA0B,SAAS,MAAM,OAAO,MAAM,OAAO,EAAE;AAAA,YACjE,OAAO;AACL;AAAA,gBACE;AAAA,gBACA;AAAA,gBACA,OAAO;AAAA,gBACP,OAAO;AAAA,cACT;AAAA,YACF;AAAA,UACF;AAAA,QACF,SAAS,OAAO,YAAY;AAE5B,eAAO;AAAA,MACT;AAAA,IACF,CAAC;AAAA,EACH;AAEA,SAAO,QAAQ,OAAO;AACxB;AAMA,SAAS,0BACP,SACA,MACA,UACA,QACA;AACA,QAAM,OAAO,KAAK,MAAM,SAAS,UAAU,MAAM;AACjD,MAAI,IAAI;AACR,SAAO,IAAI,KAAK,QAAQ;AACtB,QAAI,KAAK,CAAC,MAAM,MAAM;AACpB,WAAK;AAAA,IACP,OAAO;AACL,UAAI,KAAK,CAAC,MAAM,KAAK;AACnB,gBAAQ,IAAI,WAAW,GAAG,WAAW,IAAI,GAAG,mBAAmB;AAAA,MACjE;AACA;AAAA,IACF;AAAA,EACF;AACF;AAEA,SAAS,6BACP,SACA,MACA,UACA,QACA;AAEA,4BAA0B,SAAS,MAAM,WAAW,GAAG,WAAW,CAAC;AAEnE,MAAI,SAAS,IAAI,WAAW,GAAG;AAC7B,8BAA0B,SAAS,MAAM,SAAS,GAAG,SAAS,CAAC;AAAA,EACjE;AACF;AAQO,SAAS,sCACd,2BACA;AACA,SAAO,WAAW;AAAA,IAChB,MAAM;AAAA,MACJ;AAAA,MAEA,YAAY,MAAkB;AAC5B,aAAK,cAAc;AAAA,UACjB;AAAA,UACA;AAAA,QACF;AAAA,MACF;AAAA,MAEA,OAAO,QAAoB;AACzB,YAAI,OAAO,YAAY;AACrB,eAAK,cAAc;AAAA,YACjB,OAAO;AAAA,YACP;AAAA,UACF;AAAA,QACF;AAAA,MACF;AAAA,IACF;AAAA,IACA;AAAA,MACE,aAAa,CAAC,SAAS,KAAK;AAAA,IAC9B;AAAA,EACF;AACF;",
+  "names": []
+}

package/esm/filters/filter-field/editor-state-configs/pasting-update-listener.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/filters/filter-field/editor-state-configs/pasting-update-listener.ts"],
-  "sourcesContent": ["import type { Transaction } from '@codemirror/state';\nimport type { ViewUpdate, EditorView } from '@codemirror/view';\nimport type { RefObject } from 'react';\n\nimport {\n  ANNOTATION_DOC_CHANGED_CONTROLLED,\n  pastingEffect,\n  stringAnnotation,\n  type PastingInfo,\n} from './editor-config.js';\n\n/**\n * Update handler to manage pasting transactions.\n * @internal\n */\nexport function handlePastingTransaction(\n  update: ViewUpdate,\n  pastingInfoRef: RefObject<PastingInfo>,\n  editorView: EditorView,\n  editorViewRef: RefObject<EditorView | null>,\n) {\n  const isPastingStart = update.transactions.some((transaction) =>\n    transaction.isUserEvent('input.paste'),\n  );\n\n  const isControlledUpdate = update.transactions.some((transaction) => {\n    const annotation = transaction.annotation(stringAnnotation);\n    if (annotation === ANNOTATION_DOC_CHANGED_CONTROLLED) {\n      return true;\n    }\n    return false;\n  });\n\n  if (isPastingStart) {\n    pastingInfoRef.current.pastingInProgress = true;\n  }\n\n  if (pastingInfoRef.current.pastingInProgress !== true) {\n    return;\n  }\n\n  const isPastingEnd = update.transactions.some((transaction) => {\n    return (\n      transaction.isUserEvent('input.type') ||\n      transaction.isUserEvent('delete') ||\n      transaction.isUserEvent('select')\n    );\n  });\n\n  if (\n    isPastingEnd ||\n    update.focusChanged ||\n    pastingInfoRef.current.cancelPastingMode\n  ) {\n    pastingInfoRef.current = { pastingInProgress: false };\n    editorView.dispatch({\n      effects: [\n        pastingEffect.of({\n          pastingInProgress: false,\n        }),\n      ],\n      // In order to re-run the decorations and re-generate errors and diagnostics,\n      // we have to dispatch a new document.\n      changes: {\n        from: 0,\n        to: editorViewRef.current?.state.doc.length,\n        insert: editorViewRef.current?.state.doc,\n      },\n      selection: update.state.selection,\n    });\n\n    if (pastingInfoRef.current.cancelPastingMode) {\n      pastingInfoRef.current.cancelPastingMode = false;\n    }\n  }\n\n  if (\n    (update.docChanged && isPastingStart) ||\n    (isControlledUpdate && pastingInfoRef.current.pastingInProgress === true)\n  ) {\n    const changedRange = isControlledUpdate\n      ? pastingInfoRef.current.range\n      : getChangedRange(update);\n\n    if (changedRange) {\n      const { state } = update;\n\n      const range = {\n        from: changedRange.from,\n        to: changedRange.to,\n      };\n\n      editorView.dispatch({\n        effects: [pastingEffect.of({ pastingInProgress: true, range })],\n        // In order to re-run the decorations and re-generate errors and diagnostics,\n        // we have to dispatch a new document.\n        changes: {\n          from: 0,\n          to: editorViewRef.current?.state.doc.length,\n          insert: editorViewRef.current?.state.doc,\n        },\n        selection: state.selection,\n      });\n    }\n  }\n}\n\n/**\n * function that returns the changed range of a pasting viewupdate\n * @internal\n */\nexport function getChangedRange(\n  update: ViewUpdate,\n): { from: number; to: number } | null {\n  // Use any as the changeRanges may not exist on the update type,\n  // but it is always there for paste events.\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  const changedRanges = (update as any).changedRanges;\n  if (changedRanges && changedRanges.length > 0) {\n    if (changedRanges.length === 1) {\n      return { from: changedRanges[0].fromB, to: changedRanges[0].toB };\n    }\n\n    // CodeMirror sometimes provides multiple changed ranges for a single paste event\n    // (e.g. when an OR operator is present). In this case we have to rely on the cursor position\n    // as it is always at the pasted content.\n    if (changedRanges.length > 1) {\n      const cursorPos = update.state.selection.main.head;\n      for (const range of changedRanges) {\n        if (range.toB === cursorPos) {\n          return { from: range.fromB, to: range.toB };\n        }\n      }\n    }\n  }\n\n  return null;\n}\n\n/**\n * We have to handle controlled pasting separately as we don't have a ViewUpdate\n * and can't directly dispatch the updates to the statefield as we would trigger\n * a transaction within a transaction, which would crash CodeMirror.\n * @internal\n */\nexport function handleControlledPasting(\n  transaction: Transaction,\n  pastingInfoRef: RefObject<PastingInfo>,\n) {\n  if (transaction.isUserEvent('input.paste')) {\n    const range = { from: 0, to: 0 };\n\n    if (transaction.changes) {\n      // Use any as \"inserted\" may not exist on the update type,\n      // but it is always there for paste events.\n      // eslint-disable-next-line @typescript-eslint/no-explicit-any\n      const insertions = (transaction.changes as any).inserted;\n      range.to = transaction.state.selection.main.anchor;\n      // depending on the pasted content and the current FilterField content,\n      // there are multiple insertions coming from CodeMirror. If there are multiple,\n      // the first one is an empty string and the second one is the actual pasted content.\n      // E.g. pasting \"foo\" into an empty FilterField results in one insertion containing \"foo\",\n      // pasting \"foo\" into an existing FilterField with content \"bar\" results in two insertions (\"\", \"foo\").\n      // Also check if the Array is empty (this happens e.g. when pasting an image while some content is selected).\n      if (insertions && Array.isArray(insertions) && insertions.length > 0) {\n        if (insertions.length > 1) {\n          range.from = Math.max(range.to - insertions[1].length, 0);\n        } else {\n          range.from = Math.max(range.to - insertions[0].length, 0);\n        }\n      } else {\n        range.from = range.to;\n      }\n    }\n    pastingInfoRef.current = { pastingInProgress: true, range };\n  } else if (\n    pastingInfoRef.current.pastingInProgress &&\n    !transaction.isUserEvent('input.paste')\n  ) {\n    // Save the info that we want to stop pasting so we can cancel pasting mode after the transaction is through\n    pastingInfoRef.current.cancelPastingMode = true;\n  }\n}\n"],
+  "sourcesContent": ["import type { Transaction } from '@codemirror/state';\nimport type { ViewUpdate, EditorView } from '@codemirror/view';\nimport type { RefObject } from 'react';\n\nimport {\n  ANNOTATION_DOC_CHANGED_CONTROLLED,\n  pastingEffect,\n  stringAnnotation,\n  type PastingInfo,\n} from './editor-config.js';\n\n/**\n * Update handler to manage pasting transactions.\n * @internal\n */\nexport function handlePastingTransaction(\n  update: ViewUpdate,\n  pastingInfoRef: RefObject<PastingInfo>,\n  editorView: EditorView,\n  editorViewRef: RefObject<EditorView | null>,\n) {\n  const isPastingStart = update.transactions.some((transaction) =>\n    transaction.isUserEvent('input.paste'),\n  );\n\n  const isControlledUpdate = update.transactions.some((transaction) => {\n    const annotation = transaction.annotation(stringAnnotation);\n    if (annotation === ANNOTATION_DOC_CHANGED_CONTROLLED) {\n      return true;\n    }\n    return false;\n  });\n\n  if (isPastingStart) {\n    pastingInfoRef.current.pastingInProgress = true;\n  }\n\n  if (pastingInfoRef.current.pastingInProgress !== true) {\n    return;\n  }\n\n  const isPastingEnd = update.transactions.some((transaction) => {\n    return (\n      transaction.isUserEvent('input.type') ||\n      transaction.isUserEvent('delete') ||\n      transaction.isUserEvent('select')\n    );\n  });\n\n  if (\n    isPastingEnd ||\n    update.focusChanged ||\n    pastingInfoRef.current.cancelPastingMode\n  ) {\n    pastingInfoRef.current = { pastingInProgress: false };\n    editorView.dispatch({\n      effects: [\n        pastingEffect.of({\n          pastingInProgress: false,\n        }),\n      ],\n      // In order to re-run the decorations and re-generate errors and diagnostics,\n      // we have to dispatch a new document.\n      changes: {\n        from: 0,\n        to: editorViewRef.current?.state.doc.length,\n        insert: editorViewRef.current?.state.doc,\n      },\n      selection: update.state.selection,\n    });\n\n    if (pastingInfoRef.current.cancelPastingMode) {\n      pastingInfoRef.current.cancelPastingMode = false;\n    }\n  }\n\n  if (\n    (update.docChanged && isPastingStart) ||\n    (isControlledUpdate && pastingInfoRef.current.pastingInProgress === true)\n  ) {\n    const changedRange = isControlledUpdate\n      ? pastingInfoRef.current.range\n      : getChangedRange(update);\n\n    if (changedRange) {\n      const { state } = update;\n\n      const range = {\n        from: changedRange.from,\n        to: changedRange.to,\n      };\n\n      editorView.dispatch({\n        effects: [pastingEffect.of({ pastingInProgress: true, range })],\n        // In order to re-run the decorations and re-generate errors and diagnostics,\n        // we have to dispatch a new document.\n        changes: {\n          from: 0,\n          to: editorViewRef.current?.state.doc.length,\n          insert: editorViewRef.current?.state.doc,\n        },\n        selection: state.selection,\n      });\n    }\n  }\n}\n\n/**\n * function that returns the changed range of a pasting viewupdate\n * @internal\n */\nexport function getChangedRange(\n  update: ViewUpdate,\n): { from: number; to: number } | null {\n  // Use any as the changeRanges may not exist on the update type,\n  // but it is always there for paste events.\n  // oxlint-disable-next-line typescript/no-explicit-any\n  const changedRanges = (update as any).changedRanges;\n  if (changedRanges && changedRanges.length > 0) {\n    if (changedRanges.length === 1) {\n      return { from: changedRanges[0].fromB, to: changedRanges[0].toB };\n    }\n\n    // CodeMirror sometimes provides multiple changed ranges for a single paste event\n    // (e.g. when an OR operator is present). In this case we have to rely on the cursor position\n    // as it is always at the pasted content.\n    if (changedRanges.length > 1) {\n      const cursorPos = update.state.selection.main.head;\n      for (const range of changedRanges) {\n        if (range.toB === cursorPos) {\n          return { from: range.fromB, to: range.toB };\n        }\n      }\n    }\n  }\n\n  return null;\n}\n\n/**\n * We have to handle controlled pasting separately as we don't have a ViewUpdate\n * and can't directly dispatch the updates to the statefield as we would trigger\n * a transaction within a transaction, which would crash CodeMirror.\n * @internal\n */\nexport function handleControlledPasting(\n  transaction: Transaction,\n  pastingInfoRef: RefObject<PastingInfo>,\n) {\n  if (transaction.isUserEvent('input.paste')) {\n    const range = { from: 0, to: 0 };\n\n    if (transaction.changes) {\n      // Use any as \"inserted\" may not exist on the update type,\n      // but it is always there for paste events.\n      // oxlint-disable-next-line typescript/no-explicit-any\n      const insertions = (transaction.changes as any).inserted;\n      range.to = transaction.state.selection.main.anchor;\n      // depending on the pasted content and the current FilterField content,\n      // there are multiple insertions coming from CodeMirror. If there are multiple,\n      // the first one is an empty string and the second one is the actual pasted content.\n      // E.g. pasting \"foo\" into an empty FilterField results in one insertion containing \"foo\",\n      // pasting \"foo\" into an existing FilterField with content \"bar\" results in two insertions (\"\", \"foo\").\n      // Also check if the Array is empty (this happens e.g. when pasting an image while some content is selected).\n      if (insertions && Array.isArray(insertions) && insertions.length > 0) {\n        if (insertions.length > 1) {\n          range.from = Math.max(range.to - insertions[1].length, 0);\n        } else {\n          range.from = Math.max(range.to - insertions[0].length, 0);\n        }\n      } else {\n        range.from = range.to;\n      }\n    }\n    pastingInfoRef.current = { pastingInProgress: true, range };\n  } else if (\n    pastingInfoRef.current.pastingInProgress &&\n    !transaction.isUserEvent('input.paste')\n  ) {\n    // Save the info that we want to stop pasting so we can cancel pasting mode after the transaction is through\n    pastingInfoRef.current.cancelPastingMode = true;\n  }\n}\n"],
   "mappings": "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",
   "names": []
 }

package/esm/filters/filter-field/extensions/interactions-extensions.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/filters/filter-field/extensions/interactions-extensions.ts"],
-  "sourcesContent": ["import { closeBracketsKeymap } from '@codemirror/autocomplete';\nimport { defaultKeymap, history, undo, redo } from '@codemirror/commands';\nimport { EditorState, type Extension } from '@codemirror/state';\nimport { drawSelection, EditorView, keymap } from '@codemirror/view';\n\nimport { overrideKeys } from '../editor-state-configs/editor-config.js';\n\nexport const FilterFieldInteractionsExtension: (\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  args: { closeSuggestions: () => void; showBoundary: (error: any) => void },\n) => Extension = ({ closeSuggestions, showBoundary }) => [\n  // Enable line wrapping so that overflowing text is wrapped into the next line.\n  EditorView.lineWrapping,\n  // Handling internal exceptions\n  EditorView.exceptionSink.of((err) => showBoundary(err)),\n  // Enable multiple selections (CMD / ctrl + drag).\n  EditorState.allowMultipleSelections.of(true),\n  // Provides a undo/redo history\n  history(),\n\n  drawSelection(),\n  keymap.of([\n    ...defaultKeymap.filter(({ key }) => !overrideKeys.includes(key ?? '')),\n    ...closeBracketsKeymap,\n    {\n      key: 'Escape',\n      run: () => {\n        closeSuggestions();\n        return false;\n      },\n    },\n    {\n      key: 'Mod-z',\n      run: undo,\n    },\n    {\n      key: 'Mod-y',\n      run: redo,\n    },\n    {\n      key: 'Mod-Shift-z',\n      run: redo,\n    },\n  ]),\n\n  // Prevent pasting multi-line content into the single-line filter field.\n  // Newline sequences are collapsed into a single space so word boundaries\n  // are preserved (e.g. \"foo\\nbar\" \u2192 \"foo bar\"), then the result is trimmed.\n  EditorView.domEventHandlers({\n    paste(event: ClipboardEvent, view: EditorView) {\n      const text = event.clipboardData?.getData('text/plain');\n      if (text === null || text === undefined || !/[\\r\\n]/.test(text)) {\n        return false;\n      }\n      event.preventDefault();\n      const sanitized = text.replace(/[\\r\\n]+/g, ' ').trim();\n      view.dispatch(view.state.replaceSelection(sanitized), {\n        userEvent: 'input.paste',\n      });\n      return true;\n    },\n  }),\n];\n"],
+  "sourcesContent": ["import { closeBracketsKeymap } from '@codemirror/autocomplete';\nimport { defaultKeymap, history, undo, redo } from '@codemirror/commands';\nimport { EditorState, type Extension } from '@codemirror/state';\nimport { drawSelection, EditorView, keymap } from '@codemirror/view';\n\nimport { overrideKeys } from '../editor-state-configs/editor-config.js';\n\nexport const FilterFieldInteractionsExtension: (\n  // oxlint-disable-next-line typescript/no-explicit-any\n  args: { closeSuggestions: () => void; showBoundary: (error: any) => void },\n) => Extension = ({ closeSuggestions, showBoundary }) => [\n  // Enable line wrapping so that overflowing text is wrapped into the next line.\n  EditorView.lineWrapping,\n  // Handling internal exceptions\n  EditorView.exceptionSink.of((err) => showBoundary(err)),\n  // Enable multiple selections (CMD / ctrl + drag).\n  EditorState.allowMultipleSelections.of(true),\n  // Provides a undo/redo history\n  history(),\n\n  drawSelection(),\n  keymap.of([\n    ...defaultKeymap.filter(({ key }) => !overrideKeys.includes(key ?? '')),\n    ...closeBracketsKeymap,\n    {\n      key: 'Escape',\n      run: () => {\n        closeSuggestions();\n        return false;\n      },\n    },\n    {\n      key: 'Mod-z',\n      run: undo,\n    },\n    {\n      key: 'Mod-y',\n      run: redo,\n    },\n    {\n      key: 'Mod-Shift-z',\n      run: redo,\n    },\n  ]),\n\n  // Prevent pasting multi-line content into the single-line filter field.\n  // Newline sequences are collapsed into a single space so word boundaries\n  // are preserved (e.g. \"foo\\nbar\" \u2192 \"foo bar\"), then the result is trimmed.\n  EditorView.domEventHandlers({\n    paste(event: ClipboardEvent, view: EditorView) {\n      const text = event.clipboardData?.getData('text/plain');\n      if (text === null || text === undefined || !/[\\r\\n]/.test(text)) {\n        return false;\n      }\n      event.preventDefault();\n      const sanitized = text.replace(/[\\r\\n]+/g, ' ').trim();\n      view.dispatch(view.state.replaceSelection(sanitized), {\n        userEvent: 'input.paste',\n      });\n      return true;\n    },\n  }),\n];\n"],
   "mappings": "AAAA,SAAS,2BAA2B;AACpC,SAAS,eAAe,SAAS,MAAM,YAAY;AACnD,SAAS,mBAAmC;AAC5C,SAAS,eAAe,YAAY,cAAc;AAElD,SAAS,oBAAoB;AAEtB,MAAM,mCAGI,CAAC,EAAE,kBAAkB,aAAa,MAAM;AAAA;AAAA,EAEvD,WAAW;AAAA;AAAA,EAEX,WAAW,cAAc,GAAG,CAAC,QAAQ,aAAa,GAAG,CAAC;AAAA;AAAA,EAEtD,YAAY,wBAAwB,GAAG,IAAI;AAAA;AAAA,EAE3C,QAAQ;AAAA,EAER,cAAc;AAAA,EACd,OAAO,GAAG;AAAA,IACR,GAAG,cAAc,OAAO,CAAC,EAAE,IAAI,MAAM,CAAC,aAAa,SAAS,OAAO,EAAE,CAAC;AAAA,IACtE,GAAG;AAAA,IACH;AAAA,MACE,KAAK;AAAA,MACL,KAAK,MAAM;AACT,yBAAiB;AACjB,eAAO;AAAA,MACT;AAAA,IACF;AAAA,IACA;AAAA,MACE,KAAK;AAAA,MACL,KAAK;AAAA,IACP;AAAA,IACA;AAAA,MACE,KAAK;AAAA,MACL,KAAK;AAAA,IACP;AAAA,IACA;AAAA,MACE,KAAK;AAAA,MACL,KAAK;AAAA,IACP;AAAA,EACF,CAAC;AAAA;AAAA;AAAA;AAAA,EAKD,WAAW,iBAAiB;AAAA,IAC1B,MAAM,OAAuB,MAAkB;AAC7C,YAAM,OAAO,MAAM,eAAe,QAAQ,YAAY;AACtD,UAAI,SAAS,QAAQ,SAAS,UAAa,CAAC,SAAS,KAAK,IAAI,GAAG;AAC/D,eAAO;AAAA,MACT;AACA,YAAM,eAAe;AACrB,YAAM,YAAY,KAAK,QAAQ,YAAY,GAAG,EAAE,KAAK;AACrD,WAAK,SAAS,KAAK,MAAM,iBAAiB,SAAS,GAAG;AAAA,QACpD,WAAW;AAAA,MACb,CAAC;AACD,aAAO;AAAA,IACT;AAAA,EACF,CAAC;AACH;",
   "names": []
 }

package/esm/filters/filter-field/extensions/syntax-highlighting-extension.js

@@ -10,25 +10,29 @@ import { FilterStatementDecorationPlugin } from "../decorations/filter-statement
 import { FilterValueDecorationPlugin } from "../decorations/filter-values.js";
 import { FilterVariableDecorationPlugin } from "../decorations/filter-variable.js";
 import { filterFieldHighlighter } from "../decorations/highlight.js";
-const FilterFieldSyntaxHighlightingExtension = (() => [
-  // Enable highlighting using the defined highlighter.
-  // This adds the spans and classes used to style the different parts of a filter.
-  syntaxHighlighting(filterFieldHighlighter),
-  // Add decoration plugins for wrapping filter groups, statements, keys, and values
-  // in additional spans for styling. This is not possible using only a highlighter
-  // since the highlighter can only wrap nodes that have no more nesting levels.
-  EscapedCharacterDecorationPlugin,
-  FilterErrorDecorationPlugin,
-  FilterKeyDecorationPlugin,
-  FilterSearchDecorationPlugin,
-  FilterVariableDecorationPlugin,
-  FilterValueDecorationPlugin,
-  FilterExistsDecorationPlugin,
-  FilterStatementDeleteWidgetPlugin,
-  FilterStatementDecorationPlugin,
-  tooltips({ parent: document.body })
-])();
+import { createWildcardInValueDecorationPlugin } from "../decorations/wildcards-in-value.js";
+function createFilterFieldSyntaxHighlightingExtension(matchesWildcardConversion) {
+  return [
+    // Enable highlighting using the defined highlighter.
+    // This adds the spans and classes used to style the different parts of a filter.
+    syntaxHighlighting(filterFieldHighlighter),
+    // Add decoration plugins for wrapping filter groups, statements, keys, and values
+    // in additional spans for styling. This is not possible using only a highlighter
+    // since the highlighter can only wrap nodes that have no more nesting levels.
+    EscapedCharacterDecorationPlugin,
+    FilterErrorDecorationPlugin,
+    FilterKeyDecorationPlugin,
+    FilterSearchDecorationPlugin,
+    FilterVariableDecorationPlugin,
+    FilterValueDecorationPlugin,
+    createWildcardInValueDecorationPlugin(matchesWildcardConversion),
+    FilterExistsDecorationPlugin,
+    FilterStatementDeleteWidgetPlugin,
+    FilterStatementDecorationPlugin,
+    tooltips({ parent: document.body })
+  ];
+}
 export {
-  FilterFieldSyntaxHighlightingExtension
+  createFilterFieldSyntaxHighlightingExtension
 };
 //# sourceMappingURL=syntax-highlighting-extension.js.map

package/esm/filters/filter-field/extensions/syntax-highlighting-extension.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/filters/filter-field/extensions/syntax-highlighting-extension.ts"],
-  "sourcesContent": ["import { syntaxHighlighting } from '@codemirror/language';\nimport type { Extension } from '@codemirror/state';\nimport { tooltips } from '@codemirror/view';\n\nimport { EscapedCharacterDecorationPlugin } from '../decorations/escaped-characters.js';\nimport { FilterErrorDecorationPlugin } from '../decorations/filter-errors.js';\nimport { FilterExistsDecorationPlugin } from '../decorations/filter-exists-operator.js';\nimport { FilterKeyDecorationPlugin } from '../decorations/filter-keys.js';\nimport { FilterSearchDecorationPlugin } from '../decorations/filter-search.js';\nimport { FilterStatementDeleteWidgetPlugin } from '../decorations/filter-statements-delete-widget.js';\nimport { FilterStatementDecorationPlugin } from '../decorations/filter-statements.js';\nimport { FilterValueDecorationPlugin } from '../decorations/filter-values.js';\nimport { FilterVariableDecorationPlugin } from '../decorations/filter-variable.js';\nimport { filterFieldHighlighter } from '../decorations/highlight.js';\n\nexport const FilterFieldSyntaxHighlightingExtension: Extension = (() => [\n  // Enable highlighting using the defined highlighter.\n  // This adds the spans and classes used to style the different parts of a filter.\n  syntaxHighlighting(filterFieldHighlighter),\n  // Add decoration plugins for wrapping filter groups, statements, keys, and values\n  // in additional spans for styling. This is not possible using only a highlighter\n  // since the highlighter can only wrap nodes that have no more nesting levels.\n  EscapedCharacterDecorationPlugin,\n  FilterErrorDecorationPlugin,\n  FilterKeyDecorationPlugin,\n  FilterSearchDecorationPlugin,\n  FilterVariableDecorationPlugin,\n  FilterValueDecorationPlugin,\n  FilterExistsDecorationPlugin,\n  FilterStatementDeleteWidgetPlugin,\n  FilterStatementDecorationPlugin,\n\n  tooltips({ parent: document.body }),\n])();\n"],
-  "mappings": "AAAA,SAAS,0BAA0B;AAEnC,SAAS,gBAAgB;AAEzB,SAAS,wCAAwC;AACjD,SAAS,mCAAmC;AAC5C,SAAS,oCAAoC;AAC7C,SAAS,iCAAiC;AAC1C,SAAS,oCAAoC;AAC7C,SAAS,yCAAyC;AAClD,SAAS,uCAAuC;AAChD,SAAS,mCAAmC;AAC5C,SAAS,sCAAsC;AAC/C,SAAS,8BAA8B;AAEhC,MAAM,0CAAqD,MAAM;AAAA;AAAA;AAAA,EAGtE,mBAAmB,sBAAsB;AAAA;AAAA;AAAA;AAAA,EAIzC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EAEA,SAAS,EAAE,QAAQ,SAAS,KAAK,CAAC;AACpC,GAAG;",
+  "sourcesContent": ["import { syntaxHighlighting } from '@codemirror/language';\nimport type { Extension } from '@codemirror/state';\nimport { tooltips } from '@codemirror/view';\n\nimport { EscapedCharacterDecorationPlugin } from '../decorations/escaped-characters.js';\nimport { FilterErrorDecorationPlugin } from '../decorations/filter-errors.js';\nimport { FilterExistsDecorationPlugin } from '../decorations/filter-exists-operator.js';\nimport { FilterKeyDecorationPlugin } from '../decorations/filter-keys.js';\nimport { FilterSearchDecorationPlugin } from '../decorations/filter-search.js';\nimport { FilterStatementDeleteWidgetPlugin } from '../decorations/filter-statements-delete-widget.js';\nimport { FilterStatementDecorationPlugin } from '../decorations/filter-statements.js';\nimport { FilterValueDecorationPlugin } from '../decorations/filter-values.js';\nimport { FilterVariableDecorationPlugin } from '../decorations/filter-variable.js';\nimport { filterFieldHighlighter } from '../decorations/highlight.js';\nimport { createWildcardInValueDecorationPlugin } from '../decorations/wildcards-in-value.js';\n\nexport function createFilterFieldSyntaxHighlightingExtension(\n  matchesWildcardConversion: boolean,\n): Extension {\n  return [\n    // Enable highlighting using the defined highlighter.\n    // This adds the spans and classes used to style the different parts of a filter.\n    syntaxHighlighting(filterFieldHighlighter),\n    // Add decoration plugins for wrapping filter groups, statements, keys, and values\n    // in additional spans for styling. This is not possible using only a highlighter\n    // since the highlighter can only wrap nodes that have no more nesting levels.\n    EscapedCharacterDecorationPlugin,\n    FilterErrorDecorationPlugin,\n    FilterKeyDecorationPlugin,\n    FilterSearchDecorationPlugin,\n    FilterVariableDecorationPlugin,\n    FilterValueDecorationPlugin,\n    createWildcardInValueDecorationPlugin(matchesWildcardConversion),\n    FilterExistsDecorationPlugin,\n    FilterStatementDeleteWidgetPlugin,\n    FilterStatementDecorationPlugin,\n\n    tooltips({ parent: document.body }),\n  ];\n}\n"],
+  "mappings": "AAAA,SAAS,0BAA0B;AAEnC,SAAS,gBAAgB;AAEzB,SAAS,wCAAwC;AACjD,SAAS,mCAAmC;AAC5C,SAAS,oCAAoC;AAC7C,SAAS,iCAAiC;AAC1C,SAAS,oCAAoC;AAC7C,SAAS,yCAAyC;AAClD,SAAS,uCAAuC;AAChD,SAAS,mCAAmC;AAC5C,SAAS,sCAAsC;AAC/C,SAAS,8BAA8B;AACvC,SAAS,6CAA6C;AAE/C,SAAS,6CACd,2BACW;AACX,SAAO;AAAA;AAAA;AAAA,IAGL,mBAAmB,sBAAsB;AAAA;AAAA;AAAA;AAAA,IAIzC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,sCAAsC,yBAAyB;AAAA,IAC/D;AAAA,IACA;AAAA,IACA;AAAA,IAEA,SAAS,EAAE,QAAQ,SAAS,KAAK,CAAC;AAAA,EACpC;AACF;",
   "names": []
 }

package/esm/filters/filter-field/hooks/recent-and-pinned/usePinnedFilterSuggestions.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/filters/filter-field/hooks/recent-and-pinned/usePinnedFilterSuggestions.tsx"],
-  "sourcesContent": ["import type { EditorView } from '@codemirror/view';\nimport { type RefObject, useEffect } from 'react';\n\nimport { usePinnedFilters } from './usePinnedFilters.js';\nimport {\n  ANNOTATION_SUGGESTION_PIN,\n  pinnedFiltersEffect,\n} from '../../editor-state-configs/editor-config.js';\nimport type { FilterFieldSuggestion } from '../../suggestions/Suggestion.types.js';\n\n/**\n * Syncs the namespaced store of the filter field to the suggestions.\n */\nexport function usePinnedFilterSuggestions(\n  editorViewRef: RefObject<EditorView | null>,\n  filterNamespace: string | null = null,\n  isOpen: boolean,\n): void {\n  const { filters: pinnedFilters } = usePinnedFilters(filterNamespace);\n\n  useEffect(() => {\n    if (!editorViewRef.current) {\n      return;\n    }\n\n    const pinnedFiltersSuggestions = pinnedFilters.map<FilterFieldSuggestion>(\n      (storedFilter) => ({\n        value: storedFilter.filter,\n        insertionStrategy: 'replace-all',\n        displayValue: storedFilter.filter,\n      }),\n    );\n\n    editorViewRef.current.dispatch({\n      userEvent: !isOpen ? undefined : ANNOTATION_SUGGESTION_PIN,\n      effects: [pinnedFiltersEffect.of(pinnedFiltersSuggestions)],\n    });\n    // pinnedFilters needs to be stringified.\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [editorViewRef.current, JSON.stringify(pinnedFilters)]);\n}\n"],
+  "sourcesContent": ["import type { EditorView } from '@codemirror/view';\nimport { type RefObject, useEffect } from 'react';\n\nimport { usePinnedFilters } from './usePinnedFilters.js';\nimport {\n  ANNOTATION_SUGGESTION_PIN,\n  pinnedFiltersEffect,\n} from '../../editor-state-configs/editor-config.js';\nimport type { FilterFieldSuggestion } from '../../suggestions/Suggestion.types.js';\n\n/**\n * Syncs the namespaced store of the filter field to the suggestions.\n */\nexport function usePinnedFilterSuggestions(\n  editorViewRef: RefObject<EditorView | null>,\n  filterNamespace: string | null = null,\n  isOpen: boolean,\n): void {\n  const { filters: pinnedFilters } = usePinnedFilters(filterNamespace);\n\n  useEffect(() => {\n    if (!editorViewRef.current) {\n      return;\n    }\n\n    const pinnedFiltersSuggestions = pinnedFilters.map<FilterFieldSuggestion>(\n      (storedFilter) => ({\n        value: storedFilter.filter,\n        insertionStrategy: 'replace-all',\n        displayValue: storedFilter.filter,\n      }),\n    );\n\n    editorViewRef.current.dispatch({\n      userEvent: !isOpen ? undefined : ANNOTATION_SUGGESTION_PIN,\n      effects: [pinnedFiltersEffect.of(pinnedFiltersSuggestions)],\n    });\n    // pinnedFilters needs to be stringified.\n    // oxlint-disable-next-line react-hooks/exhaustive-deps\n  }, [editorViewRef.current, JSON.stringify(pinnedFilters)]);\n}\n"],
   "mappings": "AACA,SAAyB,iBAAiB;AAE1C,SAAS,wBAAwB;AACjC;AAAA,EACE;AAAA,EACA;AAAA,OACK;AAMA,SAAS,2BACd,eACA,kBAAiC,MACjC,QACM;AACN,QAAM,EAAE,SAAS,cAAc,IAAI,iBAAiB,eAAe;AAEnE,YAAU,MAAM;AACd,QAAI,CAAC,cAAc,SAAS;AAC1B;AAAA,IACF;AAEA,UAAM,2BAA2B,cAAc;AAAA,MAC7C,CAAC,kBAAkB;AAAA,QACjB,OAAO,aAAa;AAAA,QACpB,mBAAmB;AAAA,QACnB,cAAc,aAAa;AAAA,MAC7B;AAAA,IACF;AAEA,kBAAc,QAAQ,SAAS;AAAA,MAC7B,WAAW,CAAC,SAAS,SAAY;AAAA,MACjC,SAAS,CAAC,oBAAoB,GAAG,wBAAwB,CAAC;AAAA,IAC5D,CAAC;AAAA,EAGH,GAAG,CAAC,cAAc,SAAS,KAAK,UAAU,aAAa,CAAC,CAAC;AAC3D;",
   "names": []
 }

package/esm/filters/filter-field/hooks/recent-and-pinned/useRecentFilterSuggestions.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/filters/filter-field/hooks/recent-and-pinned/useRecentFilterSuggestions.tsx"],
-  "sourcesContent": ["import type { EditorView } from '@codemirror/view';\nimport { type RefObject, useEffect, useReducer, useRef } from 'react';\n\nimport { HistoryIcon } from '@dynatrace/strato-icons';\n\nimport { useRecentFilters } from './useRecentFilters.js';\nimport { TimeIndicator } from '../../../../core/components/time-indicator/TimeIndicator.js';\nimport { Text } from '../../../../typography/text/Text.js';\nimport { recentFiltersEffect } from '../../editor-state-configs/editor-config.js';\nimport type { FilterFieldSuggestion } from '../../suggestions/Suggestion.types.js';\n\n/**\n * Syncs the namespaced store of the filter field to the suggestions.\n */\nexport function useRecentFilterSuggestions(\n  editorViewRef: RefObject<EditorView | null>,\n  filterNamespace: string | null = null,\n): void {\n  const recentFilters = useRecentFilters(filterNamespace);\n\n  const editorViewRefChange = useRef(editorViewRef.current);\n  const [state, forceUpdate] = useReducer((x) => x + 1, 0);\n\n  if (editorViewRefChange.current !== editorViewRef.current) {\n    editorViewRefChange.current = editorViewRef.current;\n    forceUpdate();\n  }\n\n  useEffect(() => {\n    if (editorViewRef.current && recentFilters && recentFilters.length > 0) {\n      const recentFiltersSuggestions = recentFilters.map<FilterFieldSuggestion>(\n        (storedFilter) => ({\n          value: storedFilter.filter,\n          insertionStrategy: 'replace-all',\n          icon: <HistoryIcon />,\n          displayValue: storedFilter.filter,\n\n          /* TODO\n           * Discussed with @peter.affenzeller.\n           * The details are by default rendered below the displayValue.\n           * Only a container query moves it over to the right. Check with UX if this is\n           */\n          details: storedFilter.timeUsed && (\n            <Text textStyle=\"small\">\n              <TimeIndicator time={storedFilter.timeUsed.getTime()} />\n            </Text>\n          ),\n        }),\n      );\n\n      editorViewRef.current.dispatch({\n        effects: [recentFiltersEffect.of(recentFiltersSuggestions)],\n      });\n    }\n    // recentFilters needs to be stringified.\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [state, editorViewRef.current, JSON.stringify(recentFilters)]);\n}\n"],
+  "sourcesContent": ["import type { EditorView } from '@codemirror/view';\nimport { type RefObject, useEffect, useReducer, useRef } from 'react';\n\nimport { HistoryIcon } from '@dynatrace/strato-icons';\n\nimport { useRecentFilters } from './useRecentFilters.js';\nimport { TimeIndicator } from '../../../../core/components/time-indicator/TimeIndicator.js';\nimport { Text } from '../../../../typography/text/Text.js';\nimport { recentFiltersEffect } from '../../editor-state-configs/editor-config.js';\nimport type { FilterFieldSuggestion } from '../../suggestions/Suggestion.types.js';\n\n/**\n * Syncs the namespaced store of the filter field to the suggestions.\n */\nexport function useRecentFilterSuggestions(\n  editorViewRef: RefObject<EditorView | null>,\n  filterNamespace: string | null = null,\n): void {\n  const recentFilters = useRecentFilters(filterNamespace);\n\n  const editorViewRefChange = useRef(editorViewRef.current);\n  const [state, forceUpdate] = useReducer((x) => x + 1, 0);\n\n  if (editorViewRefChange.current !== editorViewRef.current) {\n    editorViewRefChange.current = editorViewRef.current;\n    forceUpdate();\n  }\n\n  useEffect(() => {\n    if (editorViewRef.current && recentFilters && recentFilters.length > 0) {\n      const recentFiltersSuggestions = recentFilters.map<FilterFieldSuggestion>(\n        (storedFilter) => ({\n          value: storedFilter.filter,\n          insertionStrategy: 'replace-all',\n          icon: <HistoryIcon />,\n          displayValue: storedFilter.filter,\n\n          /* TODO\n           * Discussed with @peter.affenzeller.\n           * The details are by default rendered below the displayValue.\n           * Only a container query moves it over to the right. Check with UX if this is\n           */\n          details: storedFilter.timeUsed && (\n            <Text textStyle=\"small\">\n              <TimeIndicator time={storedFilter.timeUsed.getTime()} />\n            </Text>\n          ),\n        }),\n      );\n\n      editorViewRef.current.dispatch({\n        effects: [recentFiltersEffect.of(recentFiltersSuggestions)],\n      });\n    }\n    // recentFilters needs to be stringified.\n    // oxlint-disable-next-line react-hooks/exhaustive-deps\n  }, [state, editorViewRef.current, JSON.stringify(recentFilters)]);\n}\n"],
   "mappings": "AAkCgB;AAjChB,SAAyB,WAAW,YAAY,cAAc;AAE9D,SAAS,mBAAmB;AAE5B,SAAS,wBAAwB;AACjC,SAAS,qBAAqB;AAC9B,SAAS,YAAY;AACrB,SAAS,2BAA2B;AAM7B,SAAS,2BACd,eACA,kBAAiC,MAC3B;AACN,QAAM,gBAAgB,iBAAiB,eAAe;AAEtD,QAAM,sBAAsB,OAAO,cAAc,OAAO;AACxD,QAAM,CAAC,OAAO,WAAW,IAAI,WAAW,CAAC,MAAM,IAAI,GAAG,CAAC;AAEvD,MAAI,oBAAoB,YAAY,cAAc,SAAS;AACzD,wBAAoB,UAAU,cAAc;AAC5C,gBAAY;AAAA,EACd;AAEA,YAAU,MAAM;AACd,QAAI,cAAc,WAAW,iBAAiB,cAAc,SAAS,GAAG;AACtE,YAAM,2BAA2B,cAAc;AAAA,QAC7C,CAAC,kBAAkB;AAAA,UACjB,OAAO,aAAa;AAAA,UACpB,mBAAmB;AAAA,UACnB,MAAM,oBAAC,eAAY;AAAA,UACnB,cAAc,aAAa;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,UAO3B,SAAS,aAAa,YACpB,oBAAC,QAAK,WAAU,SACd,8BAAC,iBAAc,MAAM,aAAa,SAAS,QAAQ,GAAG,GACxD;AAAA,QAEJ;AAAA,MACF;AAEA,oBAAc,QAAQ,SAAS;AAAA,QAC7B,SAAS,CAAC,oBAAoB,GAAG,wBAAwB,CAAC;AAAA,MAC5D,CAAC;AAAA,IACH;AAAA,EAGF,GAAG,CAAC,OAAO,cAAc,SAAS,KAAK,UAAU,aAAa,CAAC,CAAC;AAClE;",
   "names": []
 }

package/esm/filters/filter-field/hooks/useShowMore.js

@@ -75,7 +75,7 @@ function useShowMore(props) {
     () => sliceFn(items, primaryCount),
     // Only recompute when the suggestions themselves change to avoid flashing
     // when the primaryCount toggles (e.g., empty vs filled input) without data changes.
-    // eslint-disable-next-line react-hooks/exhaustive-deps
+    // oxlint-disable-next-line react-hooks/exhaustive-deps
     [items, sliceFn]
   );
   if (primaryCount === -1) {

package/esm/filters/filter-field/hooks/useShowMore.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/filters/filter-field/hooks/useShowMore.tsx"],
-  "sourcesContent": ["import { useLayoutEffect, useMemo, useState } from 'react';\nimport { FormattedMessage } from 'react-intl';\n\nimport {\n  ChevronDownSmallIcon,\n  ChevronUpSmallIcon,\n} from '@dynatrace/strato-icons';\n\nimport type { ButtonProps } from '../../../buttons/button/Button.js';\nimport { useId } from '../../../core/hooks/useId.js';\nimport { getVirtualFocusStyles } from '../../../core/utils/getVirtualFocusStyles.js';\nimport { Flex } from '../../../layouts/flex/Flex.js';\nimport { filterFieldMessages } from '../messages.js';\nimport { useFilterFieldContext } from './useFilterFieldContext.js';\nimport type { FlattenedSuggestionItem } from '../suggestions/Suggestion.types.js';\nimport {\n  getCurrentFocusableListItemByIndex,\n  getCurrentFocusableListItemIndex,\n} from '../utils/get-next-suggestion.js';\n\n/**\n * Slice result type.\n * @internal\n */\ntype SliceResult<T> = { items: T[]; isSliced: boolean };\n\n/**\n * Slice function type.\n * @internal\n */\ntype SliceFn<T> = (items: T[], count: number) => SliceResult<T>;\n\n/** @internal */\nexport function useShowMore<T>(props: {\n  items: T[];\n  primaryCount: number;\n  sliceFn?: SliceFn<T>;\n}): {\n  items: T[];\n  isSliced: boolean;\n  isExpanded: boolean;\n  controlProps: ButtonProps<'button'>;\n} {\n  const { items, primaryCount, sliceFn: _propSliceFn } = props;\n  const sliceFn: SliceFn<T> = _propSliceFn ?? defaultSlice;\n\n  const [isExpanded, setIsExpanded] = useState(false);\n  const [pendingNextSuggestionIndex, setPendingNextSuggestionIndex] = useState<\n    number | null\n  >(null);\n\n  const { focusedListItem, handleNextSuggestion, suggestionsOverlayRef } =\n    useFilterFieldContext();\n\n  const id = useId();\n\n  useLayoutEffect(() => {\n    if (pendingNextSuggestionIndex !== null) {\n      const element = getCurrentFocusableListItemByIndex(\n        suggestionsOverlayRef,\n        pendingNextSuggestionIndex,\n      );\n      handleNextSuggestion(element);\n\n      setPendingNextSuggestionIndex(null);\n    }\n  }, [pendingNextSuggestionIndex, suggestionsOverlayRef, handleNextSuggestion]);\n\n  const controlProps = useMemo<ButtonProps<'button'>>(\n    () => ({\n      // Role needs to be option, because otherwise NVDA will crash if the activeDecendant of a listbox is anything other than a role option or group.\n      role: 'option',\n      onClick: (event) => {\n        event.preventDefault();\n        event.stopPropagation();\n\n        const isKeyboard =\n          event.detail === 0 || event.nativeEvent instanceof KeyboardEvent;\n\n        if (isExpanded || !isKeyboard) {\n          setIsExpanded((previousState) => !previousState);\n          return;\n        }\n\n        const index = getCurrentFocusableListItemIndex(\n          suggestionsOverlayRef,\n          focusedListItem?.id,\n        );\n\n        setIsExpanded((previousState) => !previousState);\n\n        // Set the index for useLayoutEffect to handle after DOM update\n        setPendingNextSuggestionIndex(index ?? null);\n      },\n      id,\n      'data-strato-filter-field-virtual-focus-id': id,\n      'data-strato-filter-field-virtual-focus-type': 'button',\n      'data-dt-children-name': 'ShowMoreLess',\n      'data-dt-properties': `state:${isExpanded ? 'less' : 'more'}`,\n      className: getVirtualFocusStyles(id === focusedListItem?.id).className,\n      width: 'full',\n      textAlign: 'start',\n      children: (\n        <Flex gap={2} as=\"span\" paddingLeft={4}>\n          <FormattedMessage\n            {...filterFieldMessages.suggestions.showMore}\n            values={{ isExpanded }}\n          />\n          {isExpanded ? <ChevronUpSmallIcon /> : <ChevronDownSmallIcon />}\n        </Flex>\n      ),\n    }),\n    [focusedListItem?.id, id, isExpanded, suggestionsOverlayRef],\n  );\n\n  const { items: resultItems, isSliced } = useMemo(\n    () => sliceFn(items, primaryCount),\n    // Only recompute when the suggestions themselves change to avoid flashing\n    // when the primaryCount toggles (e.g., empty vs filled input) without data changes.\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [items, sliceFn],\n  );\n\n  if (primaryCount === -1) {\n    return {\n      items,\n      isSliced: false,\n      isExpanded,\n      controlProps,\n    };\n  }\n\n  return {\n    items: isExpanded ? items : resultItems,\n    isSliced,\n    controlProps,\n    isExpanded,\n  };\n}\n\n/**\n * Simple array slicing with +1 buffer to avoid showing \"show more\" if there is only one additional item.\n * @internal\n */\nfunction defaultSlice<T>(items: T[], count: number): SliceResult<T> {\n  if (items.length <= count + 1) {\n    return { items, isSliced: false };\n  }\n  return { items: items.slice(0, count), isSliced: true };\n}\n\n/**\n * Slice the flat suggestions in case they exceed the defined limit of suggestions\n * shown. Group headers don't count toward the  suggestion limit, but will only be rendered\n * if a suggestion is still visible afterwards.\n * Suggestions will only be sliced if there are at least two more suggestions than\n * the defined count.\n *\n * Example with a count of 5 that explains why we do it that way:\n * - 5 suggestions: we show all suggestions (they're still below the count that was\n * specified)\n * - 6 suggestions: we show all suggestions (adding a show more button would only\n * redundantly collapse one suggestion)\n * - 7 suggestions: we show only five suggestions + a show more button to reveal the\n * additional suggestions\n * @internal\n */\nexport function sliceFlattenedSuggestions(\n  suggestions: FlattenedSuggestionItem[],\n  count: number,\n): SliceResult<FlattenedSuggestionItem> {\n  if (count === -1) {\n    return { items: suggestions, isSliced: false };\n  }\n\n  let totalSuggestionCount = 0;\n  for (const item of suggestions) {\n    if (item.kind !== 'group-header') {\n      totalSuggestionCount++;\n    }\n  }\n\n  // Return original suggestions if they fit within the limit.\n  if (totalSuggestionCount <= count + 1) {\n    return { items: suggestions, isSliced: false };\n  }\n\n  let visibleCount = 0;\n  const itemsShown: FlattenedSuggestionItem[] = [];\n\n  for (const item of suggestions) {\n    // Add group header, but don't increase the visible count, since group headers don't count towards the suggestion limit.\n    if (item.kind === 'group-header') {\n      itemsShown.push(item);\n      continue;\n    }\n\n    if (visibleCount >= count) {\n      break;\n    }\n\n    itemsShown.push(item);\n    visibleCount++;\n  }\n\n  // Trim trailing group-header.\n  if (\n    itemsShown.length > 0 &&\n    itemsShown[itemsShown.length - 1].kind === 'group-header'\n  ) {\n    itemsShown.pop();\n  }\n\n  return { items: itemsShown, isSliced: true };\n}\n"],
+  "sourcesContent": ["import { useLayoutEffect, useMemo, useState } from 'react';\nimport { FormattedMessage } from 'react-intl';\n\nimport {\n  ChevronDownSmallIcon,\n  ChevronUpSmallIcon,\n} from '@dynatrace/strato-icons';\n\nimport type { ButtonProps } from '../../../buttons/button/Button.js';\nimport { useId } from '../../../core/hooks/useId.js';\nimport { getVirtualFocusStyles } from '../../../core/utils/getVirtualFocusStyles.js';\nimport { Flex } from '../../../layouts/flex/Flex.js';\nimport { filterFieldMessages } from '../messages.js';\nimport { useFilterFieldContext } from './useFilterFieldContext.js';\nimport type { FlattenedSuggestionItem } from '../suggestions/Suggestion.types.js';\nimport {\n  getCurrentFocusableListItemByIndex,\n  getCurrentFocusableListItemIndex,\n} from '../utils/get-next-suggestion.js';\n\n/**\n * Slice result type.\n * @internal\n */\ntype SliceResult<T> = { items: T[]; isSliced: boolean };\n\n/**\n * Slice function type.\n * @internal\n */\ntype SliceFn<T> = (items: T[], count: number) => SliceResult<T>;\n\n/** @internal */\nexport function useShowMore<T>(props: {\n  items: T[];\n  primaryCount: number;\n  sliceFn?: SliceFn<T>;\n}): {\n  items: T[];\n  isSliced: boolean;\n  isExpanded: boolean;\n  controlProps: ButtonProps<'button'>;\n} {\n  const { items, primaryCount, sliceFn: _propSliceFn } = props;\n  const sliceFn: SliceFn<T> = _propSliceFn ?? defaultSlice;\n\n  const [isExpanded, setIsExpanded] = useState(false);\n  const [pendingNextSuggestionIndex, setPendingNextSuggestionIndex] = useState<\n    number | null\n  >(null);\n\n  const { focusedListItem, handleNextSuggestion, suggestionsOverlayRef } =\n    useFilterFieldContext();\n\n  const id = useId();\n\n  useLayoutEffect(() => {\n    if (pendingNextSuggestionIndex !== null) {\n      const element = getCurrentFocusableListItemByIndex(\n        suggestionsOverlayRef,\n        pendingNextSuggestionIndex,\n      );\n      handleNextSuggestion(element);\n\n      setPendingNextSuggestionIndex(null);\n    }\n  }, [pendingNextSuggestionIndex, suggestionsOverlayRef, handleNextSuggestion]);\n\n  const controlProps = useMemo<ButtonProps<'button'>>(\n    () => ({\n      // Role needs to be option, because otherwise NVDA will crash if the activeDecendant of a listbox is anything other than a role option or group.\n      role: 'option',\n      onClick: (event) => {\n        event.preventDefault();\n        event.stopPropagation();\n\n        const isKeyboard =\n          event.detail === 0 || event.nativeEvent instanceof KeyboardEvent;\n\n        if (isExpanded || !isKeyboard) {\n          setIsExpanded((previousState) => !previousState);\n          return;\n        }\n\n        const index = getCurrentFocusableListItemIndex(\n          suggestionsOverlayRef,\n          focusedListItem?.id,\n        );\n\n        setIsExpanded((previousState) => !previousState);\n\n        // Set the index for useLayoutEffect to handle after DOM update\n        setPendingNextSuggestionIndex(index ?? null);\n      },\n      id,\n      'data-strato-filter-field-virtual-focus-id': id,\n      'data-strato-filter-field-virtual-focus-type': 'button',\n      'data-dt-children-name': 'ShowMoreLess',\n      'data-dt-properties': `state:${isExpanded ? 'less' : 'more'}`,\n      className: getVirtualFocusStyles(id === focusedListItem?.id).className,\n      width: 'full',\n      textAlign: 'start',\n      children: (\n        <Flex gap={2} as=\"span\" paddingLeft={4}>\n          <FormattedMessage\n            {...filterFieldMessages.suggestions.showMore}\n            values={{ isExpanded }}\n          />\n          {isExpanded ? <ChevronUpSmallIcon /> : <ChevronDownSmallIcon />}\n        </Flex>\n      ),\n    }),\n    [focusedListItem?.id, id, isExpanded, suggestionsOverlayRef],\n  );\n\n  const { items: resultItems, isSliced } = useMemo(\n    () => sliceFn(items, primaryCount),\n    // Only recompute when the suggestions themselves change to avoid flashing\n    // when the primaryCount toggles (e.g., empty vs filled input) without data changes.\n    // oxlint-disable-next-line react-hooks/exhaustive-deps\n    [items, sliceFn],\n  );\n\n  if (primaryCount === -1) {\n    return {\n      items,\n      isSliced: false,\n      isExpanded,\n      controlProps,\n    };\n  }\n\n  return {\n    items: isExpanded ? items : resultItems,\n    isSliced,\n    controlProps,\n    isExpanded,\n  };\n}\n\n/**\n * Simple array slicing with +1 buffer to avoid showing \"show more\" if there is only one additional item.\n * @internal\n */\nfunction defaultSlice<T>(items: T[], count: number): SliceResult<T> {\n  if (items.length <= count + 1) {\n    return { items, isSliced: false };\n  }\n  return { items: items.slice(0, count), isSliced: true };\n}\n\n/**\n * Slice the flat suggestions in case they exceed the defined limit of suggestions\n * shown. Group headers don't count toward the  suggestion limit, but will only be rendered\n * if a suggestion is still visible afterwards.\n * Suggestions will only be sliced if there are at least two more suggestions than\n * the defined count.\n *\n * Example with a count of 5 that explains why we do it that way:\n * - 5 suggestions: we show all suggestions (they're still below the count that was\n * specified)\n * - 6 suggestions: we show all suggestions (adding a show more button would only\n * redundantly collapse one suggestion)\n * - 7 suggestions: we show only five suggestions + a show more button to reveal the\n * additional suggestions\n * @internal\n */\nexport function sliceFlattenedSuggestions(\n  suggestions: FlattenedSuggestionItem[],\n  count: number,\n): SliceResult<FlattenedSuggestionItem> {\n  if (count === -1) {\n    return { items: suggestions, isSliced: false };\n  }\n\n  let totalSuggestionCount = 0;\n  for (const item of suggestions) {\n    if (item.kind !== 'group-header') {\n      totalSuggestionCount++;\n    }\n  }\n\n  // Return original suggestions if they fit within the limit.\n  if (totalSuggestionCount <= count + 1) {\n    return { items: suggestions, isSliced: false };\n  }\n\n  let visibleCount = 0;\n  const itemsShown: FlattenedSuggestionItem[] = [];\n\n  for (const item of suggestions) {\n    // Add group header, but don't increase the visible count, since group headers don't count towards the suggestion limit.\n    if (item.kind === 'group-header') {\n      itemsShown.push(item);\n      continue;\n    }\n\n    if (visibleCount >= count) {\n      break;\n    }\n\n    itemsShown.push(item);\n    visibleCount++;\n  }\n\n  // Trim trailing group-header.\n  if (\n    itemsShown.length > 0 &&\n    itemsShown[itemsShown.length - 1].kind === 'group-header'\n  ) {\n    itemsShown.pop();\n  }\n\n  return { items: itemsShown, isSliced: true };\n}\n"],
   "mappings": "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",
   "names": []
 }

package/esm/filters/filter-field/hooks/useSuggestions.js

@@ -157,9 +157,7 @@ function useSuggestions(props) {
   const contentEditableDivAriaLabel = intl.formatMessage(
     filterFieldMessages.ariaLabel
   );
-  const suggestionsOverlayHintId = "suggestions-overlay-announcement";
   const ariaDescribedBys = ariaProps["aria-describedby"] ?? "";
-  const suggestionsHintId = isOpen ? suggestionsOverlayHintId : "";
   const ariaLabelProp = ariaLabelingProps?.["aria-label"];
   const ariaDetailsProp = ariaLabelingProps?.["aria-details"] ?? "";
   const ariaLabelledbyProp = ariaLabelingProps?.["aria-labelledby"] ?? "";
@@ -177,7 +175,7 @@ function useSuggestions(props) {
       ...ariaDisabled && {
         "aria-disabled": `${ariaDisabled}`
       },
-      "aria-describedby": (ariaDescribedBys + " " + suggestionsHintId).trim(),
+      "aria-describedby": ariaDescribedBys.trim(),
       ...ariaDetailsProp && {
         "aria-details": `${ariaDetailsProp}`
       },
@@ -194,7 +192,6 @@ function useSuggestions(props) {
       contentEditableDivAriaLabel,
       focusedListItem,
       isOpen,
-      suggestionsHintId,
       id
     ]
   );
@@ -229,7 +226,7 @@ function useSuggestions(props) {
       setFocusedListItem(void 0);
     },
     // Excluding suggestionsContext. We are accessing the current context by reference, will always be up to date.
-    // eslint-disable-next-line react-hooks/exhaustive-deps
+    // oxlint-disable-next-line react-hooks/exhaustive-deps
     [setFocusedListItem, viewDispatch]
   );
   if (prevOpen && !isOpen) {
@@ -301,8 +298,7 @@ function useSuggestions(props) {
     suggestionsContext,
     applySuggestion,
     handleNextSuggestion,
-    _onSuggest,
-    suggestionsOverlayHintId
+    _onSuggest
   };
 }
 export {

package/esm/filters/filter-field/hooks/useSuggestions.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/filters/filter-field/hooks/useSuggestions.ts"],
-  "sourcesContent": ["import type { Transaction, TransactionSpec } from '@codemirror/state';\nimport { EditorView } from '@codemirror/view';\nimport {\n  isValidElement,\n  useCallback,\n  useMemo,\n  useRef,\n  useState,\n  type RefObject,\n} from 'react';\nimport { useErrorBoundary } from 'react-error-boundary';\nimport { useIntl } from 'react-intl';\n\nimport { useErrorLogsStore } from './useErrorLogsStore.js';\nimport { useReferencedState } from './useReferencedState.js';\nimport { usePrevious } from '../../../core/hooks/usePrevious.js';\nimport { AriaLabelingProps } from '../../../core/types/a11y-props.js';\nimport { useFormFieldValidationAriaProps } from '../../../forms/forms-core/hooks/useFormFieldValidation.js';\nimport type { FilterFieldAutoSuggestionsContextProps } from '../contexts/FilterFieldContext.types.js';\nimport {\n  ANNOTATION_SUGGESTION_APPLY,\n  ariaAttributesCompartment,\n  stringAnnotation,\n} from '../editor-state-configs/editor-config.js';\nimport { filterFieldMessages } from '../messages.js';\nimport type {\n  FilterFieldSuggestion,\n  FilterFieldSuggestionProps,\n} from '../suggestions/Suggestion.types.js';\nimport type {\n  FilterFieldSuggestionsContext,\n  InternalFilterFieldSuggestionsCallback,\n} from '../suggestions/suggestions-extension.js';\nimport type {\n  FilterFieldGroupedSuggestions,\n  FilterFieldSuggestionsCallback,\n} from '../types/suggestions.js';\nimport type { FilterFieldNodeBase } from '../types/tree-nodes.js';\nimport {\n  getCurrentFocusableListItem,\n  type VirtualFocusItem,\n} from '../utils/get-next-suggestion.js';\nimport { getSuggestionTransaction } from '../utils/get-suggestion-transaction.js';\nimport type { FilterFieldSuggestionRecentPinnedSuggestion } from '../utils/suggestions-utils/recent-and-pinned-suggestions.js';\n\n/**\n * Suggestion arrays can contain ReactNode values (e.g. icons on custom types).\n * In dev mode, React elements created via jsxDEV() (used by @vitejs/plugin-react-swc\n * with development:true) carry an _owner property pointing to the currently rendering\n * Fiber, which has circular back-references. JSON.stringify would throw on those.\n * The replacer intercepts React elements before _owner is traversed, replacing each\n * element with a stable string token derived from its type.\n * @internal\n */\nexport function stringifySuggestions(value: unknown): string {\n  return JSON.stringify(value, replacer);\n}\n\n// React 18 uses Symbol.for('react.element'); React 19 changed it to\n// Symbol.for('react.transitional.element'). isValidElement only recognises the\n// symbol for the installed React version, so we also check the legacy symbol to\n// handle elements created by older code paths (or manually crafted in tests).\nconst REACT_LEGACY_ELEMENT_TYPE = Symbol.for('react.element');\n\nfunction replacer(_key: string, value: unknown): unknown {\n  if (\n    isValidElement(value) ||\n    (typeof value === 'object' &&\n      value !== null &&\n      (value as { $$typeof?: unknown }).$$typeof === REACT_LEGACY_ELEMENT_TYPE)\n  ) {\n    const type = (value as { type?: unknown }).type;\n    return `$$ReactElement:${\n      typeof type === 'string'\n        ? type\n        : (type as { displayName?: string; name?: string }).displayName ??\n          (type as { displayName?: string; name?: string }).name ??\n          'Component'\n    }`;\n  }\n\n  return value;\n}\n\nexport function useSuggestions(props: {\n  ariaDisabled: boolean | undefined;\n  autoSuggestions: boolean;\n  isOpen: boolean;\n  id: string;\n  suggestionsOverlayRef: RefObject<HTMLDivElement | null>;\n  editorViewRef: RefObject<EditorView | null>;\n  viewDispatch: (\n    args: Transaction | TransactionSpec | TransactionSpec[],\n  ) => void;\n  onSuggest?: FilterFieldSuggestionsCallback;\n  ariaLabelingProps?: AriaLabelingProps;\n}) {\n  const {\n    ariaDisabled,\n    autoSuggestions,\n    isOpen,\n    id,\n    suggestionsOverlayRef,\n    editorViewRef,\n    onSuggest,\n    viewDispatch,\n    ariaLabelingProps,\n  } = props;\n\n  const { showBoundary } = useErrorBoundary();\n  const setUserAction = useErrorLogsStore((state) => state.setAction);\n  const ariaProps = useFormFieldValidationAriaProps(ariaLabelingProps);\n\n  const [\n    autoSuggestionValues,\n    setAutoSuggestionValues,\n    autoSuggestionValuesRef,\n  ] = useReferencedState<FilterFieldGroupedSuggestions>({});\n\n  const [\n    recentSuggestionValues,\n    setRecentSuggestionValues,\n    recentSuggestionValuesRef,\n  ] = useReferencedState<FilterFieldSuggestionRecentPinnedSuggestion[]>([]);\n\n  const [\n    pinnedSuggestionValues,\n    setPinnedSuggestionValues,\n    pinnedSuggestionValuesRef,\n  ] = useReferencedState<FilterFieldSuggestionRecentPinnedSuggestion[]>([]);\n\n  const [\n    logicalOperatorSuggestionValues,\n    setLogicalOperatorSuggestionValues,\n    logicalOperatorSuggestionValuesRef,\n  ] = useReferencedState<FilterFieldSuggestion[]>([]);\n\n  const [\n    pastedContentSuggestionValues,\n    setPastedContentSuggestionValues,\n    pastedContentSuggestionValuesRef,\n  ] = useReferencedState<FilterFieldSuggestion[]>([]);\n\n  const [\n    searchSuggestionValues,\n    setSearchSuggestionValues,\n    searchSuggestionValuesRef,\n  ] = useReferencedState<FilterFieldSuggestion[]>([]);\n\n  const [\n    fallbackKeySuggestionValues,\n    setFallbackKeySuggestionValues,\n    fallbackKeySuggestionValuesRef,\n  ] = useReferencedState<FilterFieldSuggestion[]>([]);\n\n  const [\n    statementSuggestionValues,\n    setStatementSuggestionValues,\n    statementSuggestionValuesRef,\n  ] = useReferencedState<FilterFieldSuggestion[]>([]);\n\n  const [prevAutoSuggestionValues, setPrevAutoSuggestionValues] =\n    useState<FilterFieldGroupedSuggestions>({});\n\n  const [prevRecentSuggestionValues, setPrevRecentSuggestionValues] = useState<\n    FilterFieldSuggestionRecentPinnedSuggestion[]\n  >([]);\n\n  const [\n    prevPastedContentSuggestionValues,\n    setPrevPastedContentSuggestionValues,\n  ] = useState<FilterFieldSuggestion[]>([]);\n\n  const [prevSearchSuggestionValues, setPrevSearchSuggestionValues] = useState<\n    FilterFieldSuggestion[]\n  >([]);\n\n  const [prevFallbackKeySuggestionValues, setPrevFallbackKeySuggestionValues] =\n    useState<FilterFieldSuggestion[]>([]);\n\n  const [prevStatementSuggestionValues, setPrevStatementSuggestionValues] =\n    useState<FilterFieldSuggestion[]>([]);\n\n  const [focusedListItem, setFocusedListItem] = useState<\n    VirtualFocusItem | undefined\n  >();\n  // Previously focused suggestion. Used to trigger an update of the attributes\n  // compartment when rendering to avoid an additional re-render.\n  const prevFocusedListItem = usePrevious(focusedListItem);\n\n  // The currently entered last term to use for highlighting matching parts of suggestions.\n  const suggestionsContext = useRef<FilterFieldSuggestionsContext | undefined>(\n    undefined,\n  );\n\n  // Suggestions callback to determine which suggestions to show.\n  const _onSuggest: InternalFilterFieldSuggestionsCallback = useCallback(\n    (args) => {\n      suggestionsContext.current = args.suggestionsContext;\n\n      if (\n        autoSuggestions &&\n        stringifySuggestions(args.autoSuggestionValues) !==\n          stringifySuggestions(autoSuggestionValuesRef.current)\n      ) {\n        setAutoSuggestionValues(args.autoSuggestionValues);\n      }\n\n      if (\n        stringifySuggestions(args.recentSuggestionValues) !==\n        stringifySuggestions(recentSuggestionValuesRef.current)\n      ) {\n        setRecentSuggestionValues(args.recentSuggestionValues);\n      }\n\n      if (\n        stringifySuggestions(args.pinnedSuggestionValues) !==\n        stringifySuggestions(pinnedSuggestionValuesRef.current)\n      ) {\n        setPinnedSuggestionValues(args.pinnedSuggestionValues);\n      }\n\n      if (\n        stringifySuggestions(args.logicalOperatorSuggestionValues) !==\n        stringifySuggestions(logicalOperatorSuggestionValuesRef.current)\n      ) {\n        setLogicalOperatorSuggestionValues(\n          args.logicalOperatorSuggestionValues,\n        );\n      }\n\n      if (\n        stringifySuggestions(args.pastedContentSuggestionValues) !==\n        stringifySuggestions(pastedContentSuggestionValuesRef.current)\n      ) {\n        setPastedContentSuggestionValues(args.pastedContentSuggestionValues);\n      }\n\n      if (\n        stringifySuggestions(args.searchSuggestionValues) !==\n        stringifySuggestions(searchSuggestionValuesRef.current)\n      ) {\n        setSearchSuggestionValues(args.searchSuggestionValues);\n      }\n\n      if (\n        stringifySuggestions(args.fallbackKeySuggestionValues) !==\n        stringifySuggestions(fallbackKeySuggestionValuesRef.current)\n      ) {\n        setFallbackKeySuggestionValues(args.fallbackKeySuggestionValues);\n      }\n\n      if (\n        stringifySuggestions(args.filterStatementSuggestionValues) !==\n        stringifySuggestions(statementSuggestionValuesRef.current)\n      ) {\n        setStatementSuggestionValues(args.filterStatementSuggestionValues);\n      }\n    },\n    [\n      autoSuggestions,\n      autoSuggestionValuesRef,\n      recentSuggestionValuesRef,\n      pinnedSuggestionValuesRef,\n      logicalOperatorSuggestionValuesRef,\n      pastedContentSuggestionValuesRef,\n      searchSuggestionValuesRef,\n      fallbackKeySuggestionValuesRef,\n      statementSuggestionValuesRef,\n      setAutoSuggestionValues,\n      setRecentSuggestionValues,\n      setPinnedSuggestionValues,\n      setLogicalOperatorSuggestionValues,\n      setPastedContentSuggestionValues,\n      setSearchSuggestionValues,\n      setFallbackKeySuggestionValues,\n      setStatementSuggestionValues,\n    ],\n  );\n\n  const [prevOpen, setPrevOpen] = useState(isOpen);\n\n  const intl = useIntl();\n  const contentEditableDivAriaLabel = intl.formatMessage(\n    filterFieldMessages.ariaLabel,\n  );\n\n  const suggestionsOverlayHintId = 'suggestions-overlay-announcement';\n  const ariaDescribedBys = ariaProps['aria-describedby'] ?? '';\n  const suggestionsHintId = isOpen ? suggestionsOverlayHintId : '';\n  const ariaLabelProp = ariaLabelingProps?.['aria-label'];\n  const ariaDetailsProp = ariaLabelingProps?.['aria-details'] ?? '';\n  const ariaLabelledbyProp = ariaLabelingProps?.['aria-labelledby'] ?? '';\n\n  const ariaAttributes = useMemo(\n    () => ({\n      'aria-label': ariaLabelProp ?? contentEditableDivAriaLabel,\n      'aria-autocomplete': 'list',\n      'aria-haspopup': 'listbox',\n      ...(isOpen && {\n        'aria-controls': `suggestions-${id}`,\n      }),\n      ...(focusedListItem?.id && {\n        'aria-activedescendant': focusedListItem?.id,\n      }),\n      ...(ariaDisabled && {\n        'aria-disabled': `${ariaDisabled}`,\n      }),\n      'aria-describedby': (ariaDescribedBys + ' ' + suggestionsHintId).trim(),\n      ...(ariaDetailsProp && {\n        'aria-details': `${ariaDetailsProp}`,\n      }),\n      ...(ariaLabelledbyProp && {\n        'aria-labelledby': `${ariaLabelledbyProp}`,\n      }),\n    }),\n    [\n      ariaDescribedBys,\n      ariaDisabled,\n      ariaLabelProp,\n      ariaDetailsProp,\n      ariaLabelledbyProp,\n      contentEditableDivAriaLabel,\n      focusedListItem,\n      isOpen,\n      suggestionsHintId,\n      id,\n    ],\n  );\n\n  /**\n   * Apply the given suggested value to the document, replacing the selection\n   * so that the cursor ends up at the end of the inserted text.\n   */\n  const applySuggestion = useCallback(\n    (\n      element: HTMLElement | null,\n      value: string,\n      trailing: string | undefined,\n      insertionStrategy: FilterFieldSuggestionProps['insertionStrategy'],\n      cursorBeforeTrailing: boolean | undefined,\n      range: FilterFieldNodeBase['range'] | undefined,\n      shouldEscapeSuggestion?: boolean,\n    ) => {\n      if (!editorViewRef.current || !suggestionsContext.current || !element) {\n        return;\n      }\n\n      setUserAction({\n        type: 'applySuggestion',\n        data: {\n          value,\n          trailing,\n          insertionStrategy,\n          cursorBeforeTrailing,\n        },\n      });\n\n      const suggestionTransaction = getSuggestionTransaction(\n        value,\n        range,\n        shouldEscapeSuggestion,\n        trailing,\n        insertionStrategy,\n        cursorBeforeTrailing,\n        suggestionsContext.current,\n        editorViewRef.current.state,\n      );\n\n      // The applied suggestion will always override the last token.\n      viewDispatch({\n        ...suggestionTransaction,\n        annotations: stringAnnotation.of(ANNOTATION_SUGGESTION_APPLY),\n      });\n      setFocusedListItem(undefined);\n    },\n    // Excluding suggestionsContext. We are accessing the current context by reference, will always be up to date.\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [setFocusedListItem, viewDispatch],\n  );\n\n  if (prevOpen && !isOpen) {\n    // Defer triggering the onSuggest callback, else the filter field is still rendering\n    // while the callback may already update the suggestions, which would lead to a runtime error.\n    // (Cannot update a component while rendering a different component)\n    queueMicrotask(() => {\n      try {\n        onSuggest?.();\n      } catch (e) {\n        showBoundary(e);\n      }\n    });\n  }\n\n  // Update the currently focused suggestion.\n  if (\n    prevOpen !== isOpen ||\n    autoSuggestionValuesRef.current !== prevAutoSuggestionValues ||\n    recentSuggestionValuesRef.current !== prevRecentSuggestionValues ||\n    pastedContentSuggestionValuesRef.current !==\n      prevPastedContentSuggestionValues ||\n    searchSuggestionValuesRef.current !== prevSearchSuggestionValues ||\n    fallbackKeySuggestionValuesRef.current !==\n      prevFallbackKeySuggestionValues ||\n    statementSuggestionValuesRef.current !== prevStatementSuggestionValues\n  ) {\n    if (isOpen) {\n      // If the currently focused suggestion is still in the document, do nothing.\n      if (\n        !getCurrentFocusableListItem(\n          suggestionsOverlayRef.current,\n          focusedListItem?.id,\n        )\n      ) {\n        setFocusedListItem(undefined);\n      }\n    }\n    setPrevAutoSuggestionValues(autoSuggestionValuesRef.current ?? {});\n    setPrevRecentSuggestionValues(recentSuggestionValuesRef.current ?? []);\n    setPrevPastedContentSuggestionValues(\n      pastedContentSuggestionValuesRef.current ?? [],\n    );\n    setPrevSearchSuggestionValues(searchSuggestionValuesRef.current ?? []);\n    setPrevFallbackKeySuggestionValues(\n      fallbackKeySuggestionValuesRef.current ?? [],\n    );\n    setPrevStatementSuggestionValues(\n      statementSuggestionValuesRef.current ?? [],\n    );\n    setPrevOpen(isOpen);\n  }\n\n  // Update aria attributes if overlay state or focused suggestion changes.\n  if (prevFocusedListItem !== focusedListItem || prevOpen !== isOpen) {\n    viewDispatch({\n      effects: ariaAttributesCompartment.reconfigure(\n        EditorView.contentAttributes.of(ariaAttributes),\n      ),\n    });\n  }\n\n  const handleNextSuggestion = (nextSuggestion: HTMLElement | null) => {\n    if (nextSuggestion) {\n      const id = nextSuggestion.dataset.stratoFilterFieldVirtualFocusId;\n      const type = nextSuggestion.dataset\n        .stratoFilterFieldVirtualFocusType as VirtualFocusItem['type'];\n      setFocusedListItem({ id, type });\n      nextSuggestion.scrollIntoView({ block: 'center' });\n    }\n  };\n\n  const autoSuggestionsConfig =\n    useMemo<FilterFieldAutoSuggestionsContextProps>((): FilterFieldAutoSuggestionsContextProps => {\n      const filterValue = suggestionsContext.current?.currentStatement?.value;\n      const cursorPosition = editorViewRef.current?.state.selection.main.head;\n\n      return {\n        trailing: cursorPosition === filterValue?.range.to ? ' ' : undefined,\n        groupedSuggestions: autoSuggestionValues,\n      };\n      // Excluding editorViewRef. We are accessing the current value by reference, will always be up to date.\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [autoSuggestionValues]);\n\n  return {\n    ariaAttributes,\n    autoSuggestionsConfig,\n    recentSuggestionValues,\n    pinnedSuggestionValues,\n    logicalOperatorSuggestionValues,\n    pastedContentSuggestionValues,\n    searchSuggestionValues,\n    fallbackKeySuggestionValues,\n    statementSuggestionValues,\n    focusedListItem,\n    suggestionsContext,\n    applySuggestion,\n    handleNextSuggestion,\n    _onSuggest,\n    suggestionsOverlayHintId: suggestionsOverlayHintId,\n  };\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["import type { Transaction, TransactionSpec } from '@codemirror/state';\nimport { EditorView } from '@codemirror/view';\nimport {\n  isValidElement,\n  useCallback,\n  useMemo,\n  useRef,\n  useState,\n  type RefObject,\n} from 'react';\nimport { useErrorBoundary } from 'react-error-boundary';\nimport { useIntl } from 'react-intl';\n\nimport { useErrorLogsStore } from './useErrorLogsStore.js';\nimport { useReferencedState } from './useReferencedState.js';\nimport { usePrevious } from '../../../core/hooks/usePrevious.js';\nimport { AriaLabelingProps } from '../../../core/types/a11y-props.js';\nimport { useFormFieldValidationAriaProps } from '../../../forms/forms-core/hooks/useFormFieldValidation.js';\nimport type { FilterFieldAutoSuggestionsContextProps } from '../contexts/FilterFieldContext.types.js';\nimport {\n  ANNOTATION_SUGGESTION_APPLY,\n  ariaAttributesCompartment,\n  stringAnnotation,\n} from '../editor-state-configs/editor-config.js';\nimport { filterFieldMessages } from '../messages.js';\nimport type {\n  FilterFieldSuggestion,\n  FilterFieldSuggestionProps,\n} from '../suggestions/Suggestion.types.js';\nimport type {\n  FilterFieldSuggestionsContext,\n  InternalFilterFieldSuggestionsCallback,\n} from '../suggestions/suggestions-extension.js';\nimport type {\n  FilterFieldGroupedSuggestions,\n  FilterFieldSuggestionsCallback,\n} from '../types/suggestions.js';\nimport type { FilterFieldNodeBase } from '../types/tree-nodes.js';\nimport {\n  getCurrentFocusableListItem,\n  type VirtualFocusItem,\n} from '../utils/get-next-suggestion.js';\nimport { getSuggestionTransaction } from '../utils/get-suggestion-transaction.js';\nimport type { FilterFieldSuggestionRecentPinnedSuggestion } from '../utils/suggestions-utils/recent-and-pinned-suggestions.js';\n\n/**\n * Suggestion arrays can contain ReactNode values (e.g. icons on custom types).\n * In dev mode, React elements created via jsxDEV() (used by @vitejs/plugin-react-swc\n * with development:true) carry an _owner property pointing to the currently rendering\n * Fiber, which has circular back-references. JSON.stringify would throw on those.\n * The replacer intercepts React elements before _owner is traversed, replacing each\n * element with a stable string token derived from its type.\n * @internal\n */\nexport function stringifySuggestions(value: unknown): string {\n  return JSON.stringify(value, replacer);\n}\n\n// React 18 uses Symbol.for('react.element'); React 19 changed it to\n// Symbol.for('react.transitional.element'). isValidElement only recognises the\n// symbol for the installed React version, so we also check the legacy symbol to\n// handle elements created by older code paths (or manually crafted in tests).\nconst REACT_LEGACY_ELEMENT_TYPE = Symbol.for('react.element');\n\nfunction replacer(_key: string, value: unknown): unknown {\n  if (\n    isValidElement(value) ||\n    (typeof value === 'object' &&\n      value !== null &&\n      (value as { $$typeof?: unknown }).$$typeof === REACT_LEGACY_ELEMENT_TYPE)\n  ) {\n    const type = (value as { type?: unknown }).type;\n    return `$$ReactElement:${\n      typeof type === 'string'\n        ? type\n        : ((type as { displayName?: string; name?: string }).displayName ??\n          (type as { displayName?: string; name?: string }).name ??\n          'Component')\n    }`;\n  }\n\n  return value;\n}\n\nexport function useSuggestions(props: {\n  ariaDisabled: boolean | undefined;\n  autoSuggestions: boolean;\n  isOpen: boolean;\n  id: string;\n  suggestionsOverlayRef: RefObject<HTMLDivElement | null>;\n  editorViewRef: RefObject<EditorView | null>;\n  viewDispatch: (\n    args: Transaction | TransactionSpec | TransactionSpec[],\n  ) => void;\n  onSuggest?: FilterFieldSuggestionsCallback;\n  ariaLabelingProps?: AriaLabelingProps;\n}) {\n  const {\n    ariaDisabled,\n    autoSuggestions,\n    isOpen,\n    id,\n    suggestionsOverlayRef,\n    editorViewRef,\n    onSuggest,\n    viewDispatch,\n    ariaLabelingProps,\n  } = props;\n\n  const { showBoundary } = useErrorBoundary();\n  const setUserAction = useErrorLogsStore((state) => state.setAction);\n  const ariaProps = useFormFieldValidationAriaProps(ariaLabelingProps);\n\n  const [\n    autoSuggestionValues,\n    setAutoSuggestionValues,\n    autoSuggestionValuesRef,\n  ] = useReferencedState<FilterFieldGroupedSuggestions>({});\n\n  const [\n    recentSuggestionValues,\n    setRecentSuggestionValues,\n    recentSuggestionValuesRef,\n  ] = useReferencedState<FilterFieldSuggestionRecentPinnedSuggestion[]>([]);\n\n  const [\n    pinnedSuggestionValues,\n    setPinnedSuggestionValues,\n    pinnedSuggestionValuesRef,\n  ] = useReferencedState<FilterFieldSuggestionRecentPinnedSuggestion[]>([]);\n\n  const [\n    logicalOperatorSuggestionValues,\n    setLogicalOperatorSuggestionValues,\n    logicalOperatorSuggestionValuesRef,\n  ] = useReferencedState<FilterFieldSuggestion[]>([]);\n\n  const [\n    pastedContentSuggestionValues,\n    setPastedContentSuggestionValues,\n    pastedContentSuggestionValuesRef,\n  ] = useReferencedState<FilterFieldSuggestion[]>([]);\n\n  const [\n    searchSuggestionValues,\n    setSearchSuggestionValues,\n    searchSuggestionValuesRef,\n  ] = useReferencedState<FilterFieldSuggestion[]>([]);\n\n  const [\n    fallbackKeySuggestionValues,\n    setFallbackKeySuggestionValues,\n    fallbackKeySuggestionValuesRef,\n  ] = useReferencedState<FilterFieldSuggestion[]>([]);\n\n  const [\n    statementSuggestionValues,\n    setStatementSuggestionValues,\n    statementSuggestionValuesRef,\n  ] = useReferencedState<FilterFieldSuggestion[]>([]);\n\n  const [prevAutoSuggestionValues, setPrevAutoSuggestionValues] =\n    useState<FilterFieldGroupedSuggestions>({});\n\n  const [prevRecentSuggestionValues, setPrevRecentSuggestionValues] = useState<\n    FilterFieldSuggestionRecentPinnedSuggestion[]\n  >([]);\n\n  const [\n    prevPastedContentSuggestionValues,\n    setPrevPastedContentSuggestionValues,\n  ] = useState<FilterFieldSuggestion[]>([]);\n\n  const [prevSearchSuggestionValues, setPrevSearchSuggestionValues] = useState<\n    FilterFieldSuggestion[]\n  >([]);\n\n  const [prevFallbackKeySuggestionValues, setPrevFallbackKeySuggestionValues] =\n    useState<FilterFieldSuggestion[]>([]);\n\n  const [prevStatementSuggestionValues, setPrevStatementSuggestionValues] =\n    useState<FilterFieldSuggestion[]>([]);\n\n  const [focusedListItem, setFocusedListItem] = useState<\n    VirtualFocusItem | undefined\n  >();\n  // Previously focused suggestion. Used to trigger an update of the attributes\n  // compartment when rendering to avoid an additional re-render.\n  const prevFocusedListItem = usePrevious(focusedListItem);\n\n  // The currently entered last term to use for highlighting matching parts of suggestions.\n  const suggestionsContext = useRef<FilterFieldSuggestionsContext | undefined>(\n    undefined,\n  );\n\n  // Suggestions callback to determine which suggestions to show.\n  const _onSuggest: InternalFilterFieldSuggestionsCallback = useCallback(\n    (args) => {\n      suggestionsContext.current = args.suggestionsContext;\n\n      if (\n        autoSuggestions &&\n        stringifySuggestions(args.autoSuggestionValues) !==\n          stringifySuggestions(autoSuggestionValuesRef.current)\n      ) {\n        setAutoSuggestionValues(args.autoSuggestionValues);\n      }\n\n      if (\n        stringifySuggestions(args.recentSuggestionValues) !==\n        stringifySuggestions(recentSuggestionValuesRef.current)\n      ) {\n        setRecentSuggestionValues(args.recentSuggestionValues);\n      }\n\n      if (\n        stringifySuggestions(args.pinnedSuggestionValues) !==\n        stringifySuggestions(pinnedSuggestionValuesRef.current)\n      ) {\n        setPinnedSuggestionValues(args.pinnedSuggestionValues);\n      }\n\n      if (\n        stringifySuggestions(args.logicalOperatorSuggestionValues) !==\n        stringifySuggestions(logicalOperatorSuggestionValuesRef.current)\n      ) {\n        setLogicalOperatorSuggestionValues(\n          args.logicalOperatorSuggestionValues,\n        );\n      }\n\n      if (\n        stringifySuggestions(args.pastedContentSuggestionValues) !==\n        stringifySuggestions(pastedContentSuggestionValuesRef.current)\n      ) {\n        setPastedContentSuggestionValues(args.pastedContentSuggestionValues);\n      }\n\n      if (\n        stringifySuggestions(args.searchSuggestionValues) !==\n        stringifySuggestions(searchSuggestionValuesRef.current)\n      ) {\n        setSearchSuggestionValues(args.searchSuggestionValues);\n      }\n\n      if (\n        stringifySuggestions(args.fallbackKeySuggestionValues) !==\n        stringifySuggestions(fallbackKeySuggestionValuesRef.current)\n      ) {\n        setFallbackKeySuggestionValues(args.fallbackKeySuggestionValues);\n      }\n\n      if (\n        stringifySuggestions(args.filterStatementSuggestionValues) !==\n        stringifySuggestions(statementSuggestionValuesRef.current)\n      ) {\n        setStatementSuggestionValues(args.filterStatementSuggestionValues);\n      }\n    },\n    [\n      autoSuggestions,\n      autoSuggestionValuesRef,\n      recentSuggestionValuesRef,\n      pinnedSuggestionValuesRef,\n      logicalOperatorSuggestionValuesRef,\n      pastedContentSuggestionValuesRef,\n      searchSuggestionValuesRef,\n      fallbackKeySuggestionValuesRef,\n      statementSuggestionValuesRef,\n      setAutoSuggestionValues,\n      setRecentSuggestionValues,\n      setPinnedSuggestionValues,\n      setLogicalOperatorSuggestionValues,\n      setPastedContentSuggestionValues,\n      setSearchSuggestionValues,\n      setFallbackKeySuggestionValues,\n      setStatementSuggestionValues,\n    ],\n  );\n\n  const [prevOpen, setPrevOpen] = useState(isOpen);\n\n  const intl = useIntl();\n  const contentEditableDivAriaLabel = intl.formatMessage(\n    filterFieldMessages.ariaLabel,\n  );\n\n  const ariaDescribedBys = ariaProps['aria-describedby'] ?? '';\n  const ariaLabelProp = ariaLabelingProps?.['aria-label'];\n  const ariaDetailsProp = ariaLabelingProps?.['aria-details'] ?? '';\n  const ariaLabelledbyProp = ariaLabelingProps?.['aria-labelledby'] ?? '';\n\n  const ariaAttributes = useMemo(\n    () => ({\n      'aria-label': ariaLabelProp ?? contentEditableDivAriaLabel,\n      'aria-autocomplete': 'list',\n      'aria-haspopup': 'listbox',\n      ...(isOpen && {\n        'aria-controls': `suggestions-${id}`,\n      }),\n      ...(focusedListItem?.id && {\n        'aria-activedescendant': focusedListItem?.id,\n      }),\n      ...(ariaDisabled && {\n        'aria-disabled': `${ariaDisabled}`,\n      }),\n      'aria-describedby': ariaDescribedBys.trim(),\n      ...(ariaDetailsProp && {\n        'aria-details': `${ariaDetailsProp}`,\n      }),\n      ...(ariaLabelledbyProp && {\n        'aria-labelledby': `${ariaLabelledbyProp}`,\n      }),\n    }),\n    [\n      ariaDescribedBys,\n      ariaDisabled,\n      ariaLabelProp,\n      ariaDetailsProp,\n      ariaLabelledbyProp,\n      contentEditableDivAriaLabel,\n      focusedListItem,\n      isOpen,\n      id,\n    ],\n  );\n\n  /**\n   * Apply the given suggested value to the document, replacing the selection\n   * so that the cursor ends up at the end of the inserted text.\n   */\n  const applySuggestion = useCallback(\n    (\n      element: HTMLElement | null,\n      value: string,\n      trailing: string | undefined,\n      insertionStrategy: FilterFieldSuggestionProps['insertionStrategy'],\n      cursorBeforeTrailing: boolean | undefined,\n      range: FilterFieldNodeBase['range'] | undefined,\n      shouldEscapeSuggestion?: boolean,\n    ) => {\n      if (!editorViewRef.current || !suggestionsContext.current || !element) {\n        return;\n      }\n\n      setUserAction({\n        type: 'applySuggestion',\n        data: {\n          value,\n          trailing,\n          insertionStrategy,\n          cursorBeforeTrailing,\n        },\n      });\n\n      const suggestionTransaction = getSuggestionTransaction(\n        value,\n        range,\n        shouldEscapeSuggestion,\n        trailing,\n        insertionStrategy,\n        cursorBeforeTrailing,\n        suggestionsContext.current,\n        editorViewRef.current.state,\n      );\n\n      // The applied suggestion will always override the last token.\n      viewDispatch({\n        ...suggestionTransaction,\n        annotations: stringAnnotation.of(ANNOTATION_SUGGESTION_APPLY),\n      });\n      setFocusedListItem(undefined);\n    },\n    // Excluding suggestionsContext. We are accessing the current context by reference, will always be up to date.\n    // oxlint-disable-next-line react-hooks/exhaustive-deps\n    [setFocusedListItem, viewDispatch],\n  );\n\n  if (prevOpen && !isOpen) {\n    // Defer triggering the onSuggest callback, else the filter field is still rendering\n    // while the callback may already update the suggestions, which would lead to a runtime error.\n    // (Cannot update a component while rendering a different component)\n    queueMicrotask(() => {\n      try {\n        onSuggest?.();\n      } catch (e) {\n        showBoundary(e);\n      }\n    });\n  }\n\n  // Update the currently focused suggestion.\n  if (\n    prevOpen !== isOpen ||\n    autoSuggestionValuesRef.current !== prevAutoSuggestionValues ||\n    recentSuggestionValuesRef.current !== prevRecentSuggestionValues ||\n    pastedContentSuggestionValuesRef.current !==\n      prevPastedContentSuggestionValues ||\n    searchSuggestionValuesRef.current !== prevSearchSuggestionValues ||\n    fallbackKeySuggestionValuesRef.current !==\n      prevFallbackKeySuggestionValues ||\n    statementSuggestionValuesRef.current !== prevStatementSuggestionValues\n  ) {\n    if (isOpen) {\n      // If the currently focused suggestion is still in the document, do nothing.\n      if (\n        !getCurrentFocusableListItem(\n          suggestionsOverlayRef.current,\n          focusedListItem?.id,\n        )\n      ) {\n        setFocusedListItem(undefined);\n      }\n    }\n    setPrevAutoSuggestionValues(autoSuggestionValuesRef.current ?? {});\n    setPrevRecentSuggestionValues(recentSuggestionValuesRef.current ?? []);\n    setPrevPastedContentSuggestionValues(\n      pastedContentSuggestionValuesRef.current ?? [],\n    );\n    setPrevSearchSuggestionValues(searchSuggestionValuesRef.current ?? []);\n    setPrevFallbackKeySuggestionValues(\n      fallbackKeySuggestionValuesRef.current ?? [],\n    );\n    setPrevStatementSuggestionValues(\n      statementSuggestionValuesRef.current ?? [],\n    );\n    setPrevOpen(isOpen);\n  }\n\n  // Update aria attributes if overlay state or focused suggestion changes.\n  if (prevFocusedListItem !== focusedListItem || prevOpen !== isOpen) {\n    viewDispatch({\n      effects: ariaAttributesCompartment.reconfigure(\n        EditorView.contentAttributes.of(ariaAttributes),\n      ),\n    });\n  }\n\n  const handleNextSuggestion = (nextSuggestion: HTMLElement | null) => {\n    if (nextSuggestion) {\n      const id = nextSuggestion.dataset.stratoFilterFieldVirtualFocusId;\n      const type = nextSuggestion.dataset\n        .stratoFilterFieldVirtualFocusType as VirtualFocusItem['type'];\n      setFocusedListItem({ id, type });\n      nextSuggestion.scrollIntoView({ block: 'center' });\n    }\n  };\n\n  const autoSuggestionsConfig =\n    useMemo<FilterFieldAutoSuggestionsContextProps>((): FilterFieldAutoSuggestionsContextProps => {\n      const filterValue = suggestionsContext.current?.currentStatement?.value;\n      const cursorPosition = editorViewRef.current?.state.selection.main.head;\n\n      return {\n        trailing: cursorPosition === filterValue?.range.to ? ' ' : undefined,\n        groupedSuggestions: autoSuggestionValues,\n      };\n      // Excluding editorViewRef. We are accessing the current value by reference, will always be up to date.\n      // oxlint-disable-next-line react-hooks/exhaustive-deps\n    }, [autoSuggestionValues]);\n\n  return {\n    ariaAttributes,\n    autoSuggestionsConfig,\n    recentSuggestionValues,\n    pinnedSuggestionValues,\n    logicalOperatorSuggestionValues,\n    pastedContentSuggestionValues,\n    searchSuggestionValues,\n    fallbackKeySuggestionValues,\n    statementSuggestionValues,\n    focusedListItem,\n    suggestionsContext,\n    applySuggestion,\n    handleNextSuggestion,\n    _onSuggest,\n  };\n}\n"],
+  "mappings": "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",
   "names": ["id"]
 }