@dynatrace/strato-components 3.3.3 → 3.5.0

package/esm/filters/filter-field/components/FilterStatement.css

@@ -1,4 +1,4 @@
-._ia7amm2-3-3-3 {
+._ia7amm2-3-5-0 {
   overflow-x: hidden;
   overflow-y: auto;
   text-overflow: ellipsis;
@@ -9,51 +9,51 @@
   min-height: 21px;
   white-space: pre;
 }
-._1smjoa1a-3-3-3 ._ia7amm2-3-3-3 {
+._1smjoa1a-3-5-0 ._ia7amm2-3-5-0 {
   line-height: 24px;
   padding-right: 12px;
   white-space: pre-wrap;
 }
-._ia7amm3-3-3-3 {
+._ia7amm3-3-5-0 {
   padding: var(--dt-spacings-size-2, 2px) calc(var(--dt-spacings-size-4, 4px) - var(--dt-borders-width-default, 1px)) 3px;
   border: var(--dt-borders-width-default, 1px) var(--dt-borders-style-default, solid) var(--dt-colors-border-neutral-default, #dadbe4);
   border-radius: var(--dt-borders-radius-field-subdued, 3px);
   transition: borderRadius var(--dt-timings-base-default, 300ms);
   text-wrap: nowrap;
 }
-._1smjoa14-3-3-3:hover ._ia7amm3-3-3-3, ._1smjoa14-3-3-3.virtual-focus ._ia7amm3-3-3-3 {
+._1smjoa14-3-5-0:hover ._ia7amm3-3-5-0, ._1smjoa14-3-5-0._9mvxlq0-3-5-0 ._ia7amm3-3-5-0 {
   border-color: var(--dt-colors-border-neutral-default-hover, #d0d1dc);
 }
-._ia7amm0-3-3-3 ._ia7amm3-3-3-3 {
+._ia7amm0-3-5-0 ._ia7amm3-3-5-0 {
   background-color: var(--dt-colors-background-field-neutral-emphasized, #e4e5eb);
   border-color: var(--dt-colors-background-field-neutral-emphasized, #e4e5eb);
 }
-._1smjoa1a-3-3-3 ._ia7amm3-3-3-3 {
+._1smjoa1a-3-5-0 ._ia7amm3-3-5-0 {
   text-wrap: wrap;
 }
-._ia7amm0-3-3-3 ._ia7amm4-3-3-3::highlight(filter-field-ecape-characters) {
+._ia7amm0-3-5-0 ._ia7amm4-3-5-0::highlight(filter-field-escape-characters) {
   color: var(--dt-colors-syntax-operators, #8136a9);
 }
-._ia7amm1-3-3-3 ._ia7amm3-3-3-3 * {
+._ia7amm1-3-5-0 ._ia7amm3-3-5-0 * {
   color: var(--dt-colors-text-neutral-default, #2f2f4f);
 }
-._ia7amm1-3-3-3 ._96tj13y-3-3-3 {
+._ia7amm1-3-5-0 ._96tj13y-3-5-0 {
   color: var(--dt-colors-text-neutral-subdued, #595a7d);
 }
-._ia7amm1-3-3-3::highlight(filterfield-suggestions-highlight) {
+._ia7amm1-3-5-0::highlight(filterfield-suggestions-highlight) {
   text-decoration: none;
 }
-._ia7amm3-3-3-3::highlight(filterfield-suggestions-highlight) {
+._ia7amm3-3-5-0::highlight(filterfield-suggestions-highlight) {
   text-decoration: underline;
   text-decoration-color: var(--dt-colors-border-neutral-accent, #595a7d);
   text-underline-offset: 4.2px;
 }
-._ia7amm5-3-3-3 + ._ia7amm6-3-3-3:has(+ ._ia7amm5-3-3-3) {
+._ia7amm5-3-5-0 + ._ia7amm6-3-5-0:has(+ ._ia7amm5-3-5-0) {
   text-decoration: underline;
   text-decoration-color: var(--dt-colors-border-neutral-accent, #595a7d);
   text-underline-offset: 4.2px;
 }
-._1smjoa1a-3-3-3 div:has(._ia7amm2-3-3-3) {
+._1smjoa1a-3-5-0 div:has(._ia7amm2-3-5-0) {
   max-height: 72px;
   padding-right: 0;
 }

package/esm/filters/filter-field/components/FilterStatement.js

@@ -40,7 +40,7 @@ function withNodeRenderer(className) {
     const { node } = props;
     const ref = useRef(null);
     const highlight = useMemo(
-      () => getOrCreateNamedHighlight("filter-field-ecape-characters"),
+      () => getOrCreateNamedHighlight("filter-field-escape-characters"),
       []
     );
     useEffect(() => {

package/esm/filters/filter-field/components/FilterStatement.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/filters/filter-field/components/FilterStatement.tsx"],
-  "sourcesContent": ["import clsx from 'clsx';\nimport { useMemo, Fragment, useRef, useEffect, type ReactElement } from 'react';\n\nimport { getOrCreateNamedHighlight } from './CSSHighlight.js';\nimport type { DataTestId } from '../../../core/types/data-props.js';\nimport type { StylingProps } from '../../../core/types/styling-props.js';\nimport * as filterfieldStyles from '../FilterField.sty.js';\nimport * as styles from './FilterStatement.sty.js';\nimport {\n  FilterFieldStringNode,\n  type FilterFieldBigIntNode,\n  type FilterFieldBooleanNode,\n  type FilterFieldComparisonOperatorNode,\n  type FilterFieldDurationNode,\n  type FilterFieldExistsOperatorNode,\n  type FilterFieldGroupNode,\n  type FilterFieldInclusionOperatorNode,\n  type FilterFieldKeyNode,\n  type FilterFieldLeafNode,\n  type FilterFieldListNode,\n  type FilterFieldNode,\n  type FilterFieldNodeBase,\n  type FilterFieldNumberNode,\n  type FilterFieldRootNode,\n  type FilterFieldSearchOperatorNode,\n  type FilterFieldStatementNode,\n  type FilterFieldValueNode,\n  type FilterFieldVariableNode,\n  type FilterFieldJSONPathNode,\n  FilterFieldErrorNode,\n} from '../types/tree-nodes.js';\nimport { convertStringToFilterFieldTree } from '../utils/conversion/string-tree-conversion.js';\nimport {\n  isFilterFieldBigIntNode,\n  isFilterFieldBooleanNode,\n  isFilterFieldComparisonOperatorNode,\n  isFilterFieldDurationNode,\n  isFilterFieldErrorNode,\n  isFilterFieldExistsOperatorNode,\n  isFilterFieldGroupNode,\n  isFilterFieldInclusionOperatorNode,\n  isFilterFieldJSONPathNode,\n  isFilterFieldKeyNode,\n  isFilterFieldLeafNode,\n  isFilterFieldListNode,\n  isFilterFieldNumberNode,\n  isFilterFieldSearchOperatorNode,\n  isFilterFieldStatementNode,\n  isFilterFieldStringNode,\n  isFilterFieldVariableNode,\n} from '../utils/tree-node-guards.js';\n\nfunction WhitespaceRenderer(\n  props: Readonly<{\n    start?: FilterFieldNodeBase;\n    end?: FilterFieldNodeBase;\n  }>,\n) {\n  const { start: startNode, end: endNode } = props;\n\n  if (!startNode || !endNode) {\n    return null;\n  }\n\n  const numberOfSpaces = Math.max(\n    0,\n    (endNode.range.from ?? -1) - (startNode.range.to ?? -1),\n  );\n  return Array(numberOfSpaces)\n    .fill(' ')\n    .map((item, index) => (\n      <span className={styles.whitespace} key={`${item}-${index}`}>\n        &#32;\n      </span>\n    ));\n}\n\nfunction withNodeRenderer<T extends FilterFieldLeafNode | FilterFieldListNode>(\n  className: string,\n) {\n  return function Component(props: Readonly<{ node: T }>) {\n    const { node } = props;\n\n    const ref = useRef<HTMLSpanElement>(null);\n    const highlight = useMemo(\n      () => getOrCreateNamedHighlight('filter-field-ecape-characters'),\n      [],\n    );\n    useEffect(() => {\n      const ranges: Array<Range> = [];\n      if (node?.textValue.includes('\\\\') && ref.current) {\n        const textNode = ref.current.childNodes.item(0);\n        if (textNode) {\n          const textContent = textNode.textContent ?? '';\n          let index = 0;\n          while ((index = textContent.indexOf('\\\\', index)) !== -1) {\n            // ignore if there is nothing to escape.\n            if (index + 1 >= textContent.length) {\n              break;\n            }\n            const range = new Range();\n            range.setStart(textNode, index);\n            range.setEnd(textNode, index + 2);\n            ranges.push(range);\n            index += 2; // Move past the current match\n            highlight.add(range);\n          }\n        }\n      }\n\n      return () => {\n        for (const range of ranges) {\n          highlight.delete(range);\n        }\n      };\n    }, [highlight, node?.textValue]);\n\n    return (\n      <span ref={ref} className={clsx(styles.escapeCharacter, className)}>\n        {node?.textValue}\n      </span>\n    );\n  };\n}\nconst KeyRenderer = withNodeRenderer<FilterFieldKeyNode>(\n  filterfieldStyles.filterKey,\n);\nconst StringRenderer = withNodeRenderer<FilterFieldStringNode>(\n  filterfieldStyles.filterValue,\n);\nconst ComparisonOperatorRenderer =\n  withNodeRenderer<FilterFieldComparisonOperatorNode>(\n    filterfieldStyles.operator,\n  );\nconst ListRenderer = withNodeRenderer<FilterFieldListNode>('');\nconst VariableRenderer = withNodeRenderer<FilterFieldVariableNode>(\n  filterfieldStyles.variable,\n);\n\nconst JSONPathRenderer = withNodeRenderer<FilterFieldJSONPathNode>(\n  filterfieldStyles.filterValue,\n);\nconst NumberRenderer = withNodeRenderer<FilterFieldNumberNode>(\n  filterfieldStyles.filterValue,\n);\nconst BigIntRenderer = withNodeRenderer<FilterFieldBigIntNode>(\n  filterfieldStyles.filterValue,\n);\nconst BooleanRenderer = withNodeRenderer<FilterFieldBooleanNode>(\n  filterfieldStyles.filterValue,\n);\nconst DurationRenderer = withNodeRenderer<FilterFieldDurationNode>(\n  filterfieldStyles.filterValue,\n);\nconst ExistsOperatorRenderer = withNodeRenderer<FilterFieldExistsOperatorNode>(\n  filterfieldStyles.operator,\n);\nconst SearchOperatorRenderer = withNodeRenderer<FilterFieldSearchOperatorNode>(\n  filterfieldStyles.operator,\n);\nconst InclusionOperatorRenderer =\n  withNodeRenderer<FilterFieldInclusionOperatorNode>(\n    filterfieldStyles.operator,\n  );\nconst ErrorRenderer = withNodeRenderer<FilterFieldErrorNode>(\n  filterfieldStyles.error,\n);\n\nfunction GroupRenderer(props: Readonly<{ node: FilterFieldGroupNode }>) {\n  const { node } = props;\n  const lastChild = node.children[node.children.length - 1];\n  return (\n    <span>\n      {node.explicit ? '(' : ''}\n      {node.children.map((childNode, index, allChildren) => {\n        const isLast = index === allChildren.length - 1;\n        const nextChild = node.children[index + 1];\n        let joiner: ReactElement | null = null;\n\n        if (\n          node.explicitLogicalOperator &&\n          !isLast &&\n          nextChild?.type !== 'Error' &&\n          (!('value' in nextChild) || nextChild.value !== '')\n        ) {\n          joiner = (\n            <span className={filterfieldStyles.operator}>\n              <span className={styles.whitespace}>&#32;</span>\n              {node.logicalOperator}\n              <span className={styles.whitespace}>&#32;</span>\n            </span>\n          );\n        } else if (node.explicitLogicalOperator === false && !isLast) {\n          joiner = (\n            <WhitespaceRenderer\n              start={childNode}\n              end={allChildren.at(index + 1)}\n            />\n          );\n        }\n\n        return (\n          <Fragment key={`${childNode.range.from}-${childNode.range.to}`}>\n            <NodeRenderer node={childNode} />\n            {joiner}\n          </Fragment>\n        );\n      })}\n      {node.explicit &&\n      lastChild.type !== 'Error' &&\n      (!('value' in lastChild) || lastChild.value !== '')\n        ? ')'\n        : ''}\n    </span>\n  );\n}\n\nfunction ValueRenderer(props: Readonly<{ node?: FilterFieldValueNode }>) {\n  const { node } = props;\n\n  if (isFilterFieldLeafNode(node)) {\n    return <LeafNodeRenderer node={node} />;\n  }\n  if (isFilterFieldListNode(node)) {\n    return <ListRenderer node={node} />;\n  }\n  return null;\n}\n\nfunction StatementRenderer(\n  props: Readonly<{ node: FilterFieldStatementNode }>,\n) {\n  const { node } = props;\n  return (\n    <span className={styles.statement}>\n      <KeyRenderer node={node.key as FilterFieldKeyNode} />\n      <WhitespaceRenderer start={node.key} end={node.comparisonOperator} />\n      <LeafNodeRenderer node={node.comparisonOperator} />\n      <WhitespaceRenderer start={node.comparisonOperator} end={node.value} />\n      <ValueRenderer node={node.value} />\n    </span>\n  );\n}\n\nfunction LeafNodeRenderer(props: Readonly<{ node?: FilterFieldLeafNode }>) {\n  const { node } = props;\n\n  if (isFilterFieldKeyNode(node)) {\n    return <KeyRenderer node={node} />;\n  }\n  if (isFilterFieldComparisonOperatorNode(node)) {\n    return <ComparisonOperatorRenderer node={node} />;\n  }\n  if (isFilterFieldStringNode(node)) {\n    return <StringRenderer node={node} />;\n  }\n  if (isFilterFieldVariableNode(node)) {\n    return <VariableRenderer node={node} />;\n  }\n  if (isFilterFieldNumberNode(node)) {\n    return <NumberRenderer node={node} />;\n  }\n  if (isFilterFieldJSONPathNode(node)) {\n    return <JSONPathRenderer node={node} />;\n  }\n  if (isFilterFieldBigIntNode(node)) {\n    return <BigIntRenderer node={node} />;\n  }\n  if (isFilterFieldBooleanNode(node)) {\n    return <BooleanRenderer node={node} />;\n  }\n  if (isFilterFieldDurationNode(node)) {\n    return <DurationRenderer node={node} />;\n  }\n  if (isFilterFieldExistsOperatorNode(node)) {\n    return <ExistsOperatorRenderer node={node} />;\n  }\n  if (isFilterFieldSearchOperatorNode(node)) {\n    return <SearchOperatorRenderer node={node} />;\n  }\n  if (isFilterFieldInclusionOperatorNode(node)) {\n    return <InclusionOperatorRenderer node={node} />;\n  }\n  if (isFilterFieldErrorNode(node)) {\n    return <ErrorRenderer node={node} />;\n  }\n\n  return null;\n}\n\nexport function NodeRenderer(\n  props: Readonly<{ node: FilterFieldRootNode | FilterFieldNode }>,\n) {\n  const { node } = props;\n\n  if (isFilterFieldGroupNode(node)) {\n    return <GroupRenderer node={node} />;\n  }\n\n  if (isFilterFieldStatementNode(node)) {\n    return <StatementRenderer node={node} />;\n  }\n\n  if (isFilterFieldErrorNode(node)) {\n    return <ErrorRenderer node={node} />;\n  }\n\n  return null;\n}\n\n/**\n * Accepted properties for FilterStatement.\n * @internal\n */\nexport type FilterStatementProps = StylingProps &\n  DataTestId & { value?: string; highlighting?: 'syntax' | 'minimal' };\n\n/**\n * The `FilterStatement` component renders and highlights a filter string\n * using an optimized parser for syntax highlighting.\n * @internal\n */\nexport function FilterStatement(props: FilterStatementProps) {\n  const {\n    value: filterString,\n    'data-testid': dataTestId,\n    className: consumerClassName,\n    style: consumerStyle,\n    highlighting = 'syntax',\n  } = props;\n\n  const tokenizedValue = useMemo(() => {\n    return convertStringToFilterFieldTree(filterString ?? '', {\n      parserConfig: {\n        jsonPathConversion: true,\n        searchConversion: true,\n      },\n    });\n  }, [filterString]);\n\n  return (\n    <div\n      className={clsx(styles.root, consumerClassName, [\n        highlighting === 'syntax' && styles.highlighting.syntax,\n        highlighting === 'minimal' && styles.highlighting.minimal,\n      ])}\n      style={consumerStyle}\n      data-testid={dataTestId}\n    >\n      <NodeRenderer node={tokenizedValue.tree as FilterFieldRootNode} />\n    </div>\n  );\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["import clsx from 'clsx';\nimport { useMemo, Fragment, useRef, useEffect, type ReactElement } from 'react';\n\nimport { getOrCreateNamedHighlight } from './CSSHighlight.js';\nimport type { DataTestId } from '../../../core/types/data-props.js';\nimport type { StylingProps } from '../../../core/types/styling-props.js';\nimport * as filterfieldStyles from '../FilterField.sty.js';\nimport * as styles from './FilterStatement.sty.js';\nimport {\n  FilterFieldStringNode,\n  type FilterFieldBigIntNode,\n  type FilterFieldBooleanNode,\n  type FilterFieldComparisonOperatorNode,\n  type FilterFieldDurationNode,\n  type FilterFieldExistsOperatorNode,\n  type FilterFieldGroupNode,\n  type FilterFieldInclusionOperatorNode,\n  type FilterFieldKeyNode,\n  type FilterFieldLeafNode,\n  type FilterFieldListNode,\n  type FilterFieldNode,\n  type FilterFieldNodeBase,\n  type FilterFieldNumberNode,\n  type FilterFieldRootNode,\n  type FilterFieldSearchOperatorNode,\n  type FilterFieldStatementNode,\n  type FilterFieldValueNode,\n  type FilterFieldVariableNode,\n  type FilterFieldJSONPathNode,\n  FilterFieldErrorNode,\n} from '../types/tree-nodes.js';\nimport { convertStringToFilterFieldTree } from '../utils/conversion/string-tree-conversion.js';\nimport {\n  isFilterFieldBigIntNode,\n  isFilterFieldBooleanNode,\n  isFilterFieldComparisonOperatorNode,\n  isFilterFieldDurationNode,\n  isFilterFieldErrorNode,\n  isFilterFieldExistsOperatorNode,\n  isFilterFieldGroupNode,\n  isFilterFieldInclusionOperatorNode,\n  isFilterFieldJSONPathNode,\n  isFilterFieldKeyNode,\n  isFilterFieldLeafNode,\n  isFilterFieldListNode,\n  isFilterFieldNumberNode,\n  isFilterFieldSearchOperatorNode,\n  isFilterFieldStatementNode,\n  isFilterFieldStringNode,\n  isFilterFieldVariableNode,\n} from '../utils/tree-node-guards.js';\n\nfunction WhitespaceRenderer(\n  props: Readonly<{\n    start?: FilterFieldNodeBase;\n    end?: FilterFieldNodeBase;\n  }>,\n) {\n  const { start: startNode, end: endNode } = props;\n\n  if (!startNode || !endNode) {\n    return null;\n  }\n\n  const numberOfSpaces = Math.max(\n    0,\n    (endNode.range.from ?? -1) - (startNode.range.to ?? -1),\n  );\n  return Array(numberOfSpaces)\n    .fill(' ')\n    .map((item, index) => (\n      <span className={styles.whitespace} key={`${item}-${index}`}>\n        &#32;\n      </span>\n    ));\n}\n\nfunction withNodeRenderer<T extends FilterFieldLeafNode | FilterFieldListNode>(\n  className: string,\n) {\n  return function Component(props: Readonly<{ node: T }>) {\n    const { node } = props;\n\n    const ref = useRef<HTMLSpanElement>(null);\n    const highlight = useMemo(\n      () => getOrCreateNamedHighlight('filter-field-escape-characters'),\n      [],\n    );\n    useEffect(() => {\n      const ranges: Array<Range> = [];\n      if (node?.textValue.includes('\\\\') && ref.current) {\n        const textNode = ref.current.childNodes.item(0);\n        if (textNode) {\n          const textContent = textNode.textContent ?? '';\n          let index = 0;\n          while ((index = textContent.indexOf('\\\\', index)) !== -1) {\n            // ignore if there is nothing to escape.\n            if (index + 1 >= textContent.length) {\n              break;\n            }\n            const range = new Range();\n            range.setStart(textNode, index);\n            range.setEnd(textNode, index + 2);\n            ranges.push(range);\n            index += 2; // Move past the current match\n            highlight.add(range);\n          }\n        }\n      }\n\n      return () => {\n        for (const range of ranges) {\n          highlight.delete(range);\n        }\n      };\n    }, [highlight, node?.textValue]);\n\n    return (\n      <span ref={ref} className={clsx(styles.escapeCharacter, className)}>\n        {node?.textValue}\n      </span>\n    );\n  };\n}\nconst KeyRenderer = withNodeRenderer<FilterFieldKeyNode>(\n  filterfieldStyles.filterKey,\n);\nconst StringRenderer = withNodeRenderer<FilterFieldStringNode>(\n  filterfieldStyles.filterValue,\n);\nconst ComparisonOperatorRenderer =\n  withNodeRenderer<FilterFieldComparisonOperatorNode>(\n    filterfieldStyles.operator,\n  );\nconst ListRenderer = withNodeRenderer<FilterFieldListNode>('');\nconst VariableRenderer = withNodeRenderer<FilterFieldVariableNode>(\n  filterfieldStyles.variable,\n);\n\nconst JSONPathRenderer = withNodeRenderer<FilterFieldJSONPathNode>(\n  filterfieldStyles.filterValue,\n);\nconst NumberRenderer = withNodeRenderer<FilterFieldNumberNode>(\n  filterfieldStyles.filterValue,\n);\nconst BigIntRenderer = withNodeRenderer<FilterFieldBigIntNode>(\n  filterfieldStyles.filterValue,\n);\nconst BooleanRenderer = withNodeRenderer<FilterFieldBooleanNode>(\n  filterfieldStyles.filterValue,\n);\nconst DurationRenderer = withNodeRenderer<FilterFieldDurationNode>(\n  filterfieldStyles.filterValue,\n);\nconst ExistsOperatorRenderer = withNodeRenderer<FilterFieldExistsOperatorNode>(\n  filterfieldStyles.operator,\n);\nconst SearchOperatorRenderer = withNodeRenderer<FilterFieldSearchOperatorNode>(\n  filterfieldStyles.operator,\n);\nconst InclusionOperatorRenderer =\n  withNodeRenderer<FilterFieldInclusionOperatorNode>(\n    filterfieldStyles.operator,\n  );\nconst ErrorRenderer = withNodeRenderer<FilterFieldErrorNode>(\n  filterfieldStyles.error,\n);\n\nfunction GroupRenderer(props: Readonly<{ node: FilterFieldGroupNode }>) {\n  const { node } = props;\n  const lastChild = node.children[node.children.length - 1];\n  return (\n    <span>\n      {node.explicit ? '(' : ''}\n      {node.children.map((childNode, index, allChildren) => {\n        const isLast = index === allChildren.length - 1;\n        const nextChild = node.children[index + 1];\n        let joiner: ReactElement | null = null;\n\n        if (\n          node.explicitLogicalOperator &&\n          !isLast &&\n          nextChild?.type !== 'Error' &&\n          (!('value' in nextChild) || nextChild.value !== '')\n        ) {\n          joiner = (\n            <span className={filterfieldStyles.operator}>\n              <span className={styles.whitespace}>&#32;</span>\n              {node.logicalOperator}\n              <span className={styles.whitespace}>&#32;</span>\n            </span>\n          );\n        } else if (node.explicitLogicalOperator === false && !isLast) {\n          joiner = (\n            <WhitespaceRenderer\n              start={childNode}\n              end={allChildren.at(index + 1)}\n            />\n          );\n        }\n\n        return (\n          <Fragment key={`${childNode.range.from}-${childNode.range.to}`}>\n            <NodeRenderer node={childNode} />\n            {joiner}\n          </Fragment>\n        );\n      })}\n      {node.explicit &&\n      lastChild.type !== 'Error' &&\n      (!('value' in lastChild) || lastChild.value !== '')\n        ? ')'\n        : ''}\n    </span>\n  );\n}\n\nfunction ValueRenderer(props: Readonly<{ node?: FilterFieldValueNode }>) {\n  const { node } = props;\n\n  if (isFilterFieldLeafNode(node)) {\n    return <LeafNodeRenderer node={node} />;\n  }\n  if (isFilterFieldListNode(node)) {\n    return <ListRenderer node={node} />;\n  }\n  return null;\n}\n\nfunction StatementRenderer(\n  props: Readonly<{ node: FilterFieldStatementNode }>,\n) {\n  const { node } = props;\n  return (\n    <span className={styles.statement}>\n      <KeyRenderer node={node.key as FilterFieldKeyNode} />\n      <WhitespaceRenderer start={node.key} end={node.comparisonOperator} />\n      <LeafNodeRenderer node={node.comparisonOperator} />\n      <WhitespaceRenderer start={node.comparisonOperator} end={node.value} />\n      <ValueRenderer node={node.value} />\n    </span>\n  );\n}\n\nfunction LeafNodeRenderer(props: Readonly<{ node?: FilterFieldLeafNode }>) {\n  const { node } = props;\n\n  if (isFilterFieldKeyNode(node)) {\n    return <KeyRenderer node={node} />;\n  }\n  if (isFilterFieldComparisonOperatorNode(node)) {\n    return <ComparisonOperatorRenderer node={node} />;\n  }\n  if (isFilterFieldStringNode(node)) {\n    return <StringRenderer node={node} />;\n  }\n  if (isFilterFieldVariableNode(node)) {\n    return <VariableRenderer node={node} />;\n  }\n  if (isFilterFieldNumberNode(node)) {\n    return <NumberRenderer node={node} />;\n  }\n  if (isFilterFieldJSONPathNode(node)) {\n    return <JSONPathRenderer node={node} />;\n  }\n  if (isFilterFieldBigIntNode(node)) {\n    return <BigIntRenderer node={node} />;\n  }\n  if (isFilterFieldBooleanNode(node)) {\n    return <BooleanRenderer node={node} />;\n  }\n  if (isFilterFieldDurationNode(node)) {\n    return <DurationRenderer node={node} />;\n  }\n  if (isFilterFieldExistsOperatorNode(node)) {\n    return <ExistsOperatorRenderer node={node} />;\n  }\n  if (isFilterFieldSearchOperatorNode(node)) {\n    return <SearchOperatorRenderer node={node} />;\n  }\n  if (isFilterFieldInclusionOperatorNode(node)) {\n    return <InclusionOperatorRenderer node={node} />;\n  }\n  if (isFilterFieldErrorNode(node)) {\n    return <ErrorRenderer node={node} />;\n  }\n\n  return null;\n}\n\nexport function NodeRenderer(\n  props: Readonly<{ node: FilterFieldRootNode | FilterFieldNode }>,\n) {\n  const { node } = props;\n\n  if (isFilterFieldGroupNode(node)) {\n    return <GroupRenderer node={node} />;\n  }\n\n  if (isFilterFieldStatementNode(node)) {\n    return <StatementRenderer node={node} />;\n  }\n\n  if (isFilterFieldErrorNode(node)) {\n    return <ErrorRenderer node={node} />;\n  }\n\n  return null;\n}\n\n/**\n * Accepted properties for FilterStatement.\n * @internal\n */\nexport type FilterStatementProps = StylingProps &\n  DataTestId & { value?: string; highlighting?: 'syntax' | 'minimal' };\n\n/**\n * The `FilterStatement` component renders and highlights a filter string\n * using an optimized parser for syntax highlighting.\n * @internal\n */\nexport function FilterStatement(props: FilterStatementProps) {\n  const {\n    value: filterString,\n    'data-testid': dataTestId,\n    className: consumerClassName,\n    style: consumerStyle,\n    highlighting = 'syntax',\n  } = props;\n\n  const tokenizedValue = useMemo(() => {\n    return convertStringToFilterFieldTree(filterString ?? '', {\n      parserConfig: {\n        jsonPathConversion: true,\n        searchConversion: true,\n      },\n    });\n  }, [filterString]);\n\n  return (\n    <div\n      className={clsx(styles.root, consumerClassName, [\n        highlighting === 'syntax' && styles.highlighting.syntax,\n        highlighting === 'minimal' && styles.highlighting.minimal,\n      ])}\n      style={consumerStyle}\n      data-testid={dataTestId}\n    >\n      <NodeRenderer node={tokenizedValue.tree as FilterFieldRootNode} />\n    </div>\n  );\n}\n"],
+  "mappings": "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",
   "names": []
 }

package/esm/filters/filter-field/components/FilterStatement.sty.js

@@ -1,13 +1,15 @@
+import "../../../core/styles/virtualFocus.css";
+import "../../../core/components/app-root/AppRoot.css";
 import "../FilterField.css";
 import "../suggestions/SuggestionsOverlay.css";
 import "../suggestions/Suggestion.css";
 import "./FilterStatement.css";
-var escapeCharacter = "_ia7amm4-3-3-3";
-var highlight = "_ia7amm5-3-3-3";
-var highlighting = { syntax: "_ia7amm0-3-3-3", minimal: "_ia7amm1-3-3-3" };
-var root = "_ia7amm2-3-3-3 _96tj13c-3-3-3";
-var statement = "_ia7amm3-3-3-3";
-var whitespace = "_ia7amm6-3-3-3";
+var escapeCharacter = "_ia7amm4-3-5-0";
+var highlight = "_ia7amm5-3-5-0";
+var highlighting = { syntax: "_ia7amm0-3-5-0", minimal: "_ia7amm1-3-5-0" };
+var root = "_ia7amm2-3-5-0 _96tj13c-3-5-0";
+var statement = "_ia7amm3-3-5-0";
+var whitespace = "_ia7amm6-3-5-0";
 export {
   escapeCharacter,
   highlight,

package/esm/filters/filter-field/components/FilterStatement.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/filters/filter-field/components/FilterStatement.css.ts"],
-  "sourcesContent": ["import '../FilterField.css';\nimport '../suggestions/SuggestionsOverlay.css';\nimport '../suggestions/Suggestion.css';\nimport './FilterStatement.css';\nexport var escapeCharacter = '_ia7amm4-3-3-3';\nexport var highlight = '_ia7amm5-3-3-3';\nexport var highlighting = {syntax:'_ia7amm0-3-3-3',minimal:'_ia7amm1-3-3-3'};\nexport var root = '_ia7amm2-3-3-3 _96tj13c-3-3-3';\nexport var statement = '_ia7amm3-3-3-3';\nexport var whitespace = '_ia7amm6-3-3-3';"],
-  "mappings": "AAAA,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACA,IAAI,kBAAkB;AACtB,IAAI,YAAY;AAChB,IAAI,eAAe,EAAC,QAAO,kBAAiB,SAAQ,iBAAgB;AACpE,IAAI,OAAO;AACX,IAAI,YAAY;AAChB,IAAI,aAAa;",
+  "sourcesContent": ["import '../../../core/styles/virtualFocus.css';\nimport '../../../core/components/app-root/AppRoot.css';\nimport '../FilterField.css';\nimport '../suggestions/SuggestionsOverlay.css';\nimport '../suggestions/Suggestion.css';\nimport './FilterStatement.css';\nexport var escapeCharacter = '_ia7amm4-3-5-0';\nexport var highlight = '_ia7amm5-3-5-0';\nexport var highlighting = {syntax:'_ia7amm0-3-5-0',minimal:'_ia7amm1-3-5-0'};\nexport var root = '_ia7amm2-3-5-0 _96tj13c-3-5-0';\nexport var statement = '_ia7amm3-3-5-0';\nexport var whitespace = '_ia7amm6-3-5-0';"],
+  "mappings": "AAAA,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACA,IAAI,kBAAkB;AACtB,IAAI,YAAY;AAChB,IAAI,eAAe,EAAC,QAAO,kBAAiB,SAAQ,iBAAgB;AACpE,IAAI,OAAO;AACX,IAAI,YAAY;AAChB,IAAI,aAAa;",
   "names": []
 }

package/esm/filters/filter-field/decorations/filter-statements-delete-widget.js

@@ -2,26 +2,40 @@ import { syntaxTree } from "@codemirror/language";
 import { ViewPlugin, Decoration } from "@codemirror/view";
 import {
   stringAnnotation,
-  ANNOTATION_DELETE_STATEMENT
+  ANNOTATION_DELETE_STATEMENT,
+  pastingMode
 } from "../editor-state-configs/editor-config.js";
 import { filterStatementDeleteWidget } from "../FilterField.sty.js";
 import { useErrorLogsStore } from "../hooks/useErrorLogsStore.js";
 import { cleanUpInput } from "../utils/delete-widget-cleanup.js";
+import { NEEDS_ESCAPING_REGEX } from "../utils/escape-suggestion.js";
 import { getStatementStatus } from "../utils/get-statement-status.js";
 import { DeleteStatementWidget } from "../widgets/DeleteStatementWidget.js";
+const needsEscapingRegex = new RegExp(NEEDS_ESCAPING_REGEX);
 function createFilterStatementDeleteWidgets(view) {
   const widgets = [];
+  const pastingStateField = view?.state.field(pastingMode, false);
+  const pastedContentHasSpecialChars = pastingStateField?.pastingInProgress && pastingStateField.range !== void 0 && needsEscapingRegex.test(
+    view.state.doc.sliceString(
+      pastingStateField.range.from,
+      pastingStateField.range.to
+    )
+  );
+  const pastedRange = pastedContentHasSpecialChars ? pastingStateField.range : void 0;
   for (const { from, to } of view.visibleRanges) {
     syntaxTree(view.state).iterate({
       from,
       to,
       enter: (node) => {
         if (node.name === "FilterStatement") {
+          const { from: from2, to: to2 } = node;
+          if (pastedRange && pastedRange.from <= to2 && pastedRange.to >= from2) {
+            return false;
+          }
           const statementType = getStatementStatus(
             node.node.cursor(),
             view.state.doc.toString()
           );
-          const { from: from2, to: to2 } = node;
           const deleteStatementWidget = Decoration.widget({
             widget: new DeleteStatementWidget(
               from2,

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/filters/filter-field/decorations/filter-statements-delete-widget.ts"],
-  "sourcesContent": ["import { syntaxTree } from '@codemirror/language';\nimport { Range } from '@codemirror/state';\nimport { ViewPlugin, Decoration } from '@codemirror/view';\nimport type { DecorationSet, EditorView, ViewUpdate } from '@codemirror/view';\n\nimport {\n  stringAnnotation,\n  ANNOTATION_DELETE_STATEMENT,\n} from '../editor-state-configs/editor-config.js';\nimport { filterStatementDeleteWidget } from '../FilterField.sty.js';\nimport { useErrorLogsStore } from '../hooks/useErrorLogsStore.js';\nimport { cleanUpInput } from '../utils/delete-widget-cleanup.js';\nimport { getStatementStatus } from '../utils/get-statement-status.js';\nimport { DeleteStatementWidget } from '../widgets/DeleteStatementWidget.js';\n\n/**\n * Create a range set with decorations for all the filter statements.\n * @internal\n */\nexport function createFilterStatementDeleteWidgets(view: EditorView) {\n  const widgets: Range<Decoration>[] = [];\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 statementType = getStatementStatus(\n            node.node.cursor(),\n            view.state.doc.toString(),\n          );\n\n          const { from, to } = node;\n          const deleteStatementWidget = Decoration.widget({\n            widget: new DeleteStatementWidget(\n              from,\n              to,\n              statementType === 'incomplete',\n            ),\n          });\n          widgets.push(deleteStatementWidget.range(to));\n\n          return false;\n        }\n      },\n    });\n  }\n\n  return Decoration.set(widgets);\n}\n\n/**\n * View plugin to wrap all filter statements in spans.\n * @internal\n */\nexport const FilterStatementDeleteWidgetPlugin = ViewPlugin.fromClass(\n  class {\n    decorations: DecorationSet;\n\n    constructor(view: EditorView) {\n      this.decorations = createFilterStatementDeleteWidgets(view);\n    }\n\n    update(update: ViewUpdate) {\n      if (update.docChanged) {\n        this.decorations = createFilterStatementDeleteWidgets(update.view);\n      }\n    }\n  },\n  {\n    decorations: (view) => view.decorations,\n    eventHandlers: {\n      mousedown: (event, view) => {\n        const target = event.target as HTMLElement;\n        if (\n          target.nodeName === 'BUTTON' &&\n          target.parentElement &&\n          target.parentElement.classList.contains(filterStatementDeleteWidget)\n        ) {\n          event.preventDefault();\n\n          // We are not in a react context here, have to access the zustand store via the store API.\n          const setAction = useErrorLogsStore.getState().setAction;\n\n          const { from: dataFrom, to: dataTo } = target.dataset;\n          const parsedFrom = parseInt(dataFrom ?? '0');\n          const parsedTo = parseInt(dataTo ?? '0');\n\n          const currentValue = view.state.doc.toString();\n\n          // Use the cleanup function to determine the proper range to delete\n          const adjustedRange = cleanUpInput(view.state, {\n            from: parsedFrom,\n            to: parsedTo,\n          });\n\n          const { from, to } = adjustedRange;\n\n          setAction({\n            type: 'deleteStatement',\n            data: {\n              value: currentValue,\n              range: { from, to },\n              newCursorPos: from,\n            },\n          });\n\n          view.dispatch({\n            changes: {\n              from,\n              to,\n              insert: '',\n            },\n            annotations: stringAnnotation.of(ANNOTATION_DELETE_STATEMENT),\n            selection: { anchor: from },\n          });\n        }\n      },\n    },\n  },\n);\n"],
-  "mappings": "AAAA,SAAS,kBAAkB;AAE3B,SAAS,YAAY,kBAAkB;AAGvC;AAAA,EACE;AAAA,EACA;AAAA,OACK;AACP,SAAS,mCAAmC;AAC5C,SAAS,yBAAyB;AAClC,SAAS,oBAAoB;AAC7B,SAAS,0BAA0B;AACnC,SAAS,6BAA6B;AAM/B,SAAS,mCAAmC,MAAkB;AACnE,QAAM,UAA+B,CAAC;AAEtC,aAAW,EAAE,MAAM,GAAG,KAAK,KAAK,eAAe;AAC7C,eAAW,KAAK,KAAK,EAAE,QAAQ;AAAA,MAC7B;AAAA,MACA;AAAA,MACA,OAAO,CAAC,SAAS;AACf,YAAI,KAAK,SAAS,mBAAmB;AACnC,gBAAM,gBAAgB;AAAA,YACpB,KAAK,KAAK,OAAO;AAAA,YACjB,KAAK,MAAM,IAAI,SAAS;AAAA,UAC1B;AAEA,gBAAM,EAAE,MAAAA,OAAM,IAAAC,IAAG,IAAI;AACrB,gBAAM,wBAAwB,WAAW,OAAO;AAAA,YAC9C,QAAQ,IAAI;AAAA,cACVD;AAAA,cACAC;AAAA,cACA,kBAAkB;AAAA,YACpB;AAAA,UACF,CAAC;AACD,kBAAQ,KAAK,sBAAsB,MAAMA,GAAE,CAAC;AAE5C,iBAAO;AAAA,QACT;AAAA,MACF;AAAA,IACF,CAAC;AAAA,EACH;AAEA,SAAO,WAAW,IAAI,OAAO;AAC/B;AAMO,MAAM,oCAAoC,WAAW;AAAA,EAC1D,MAAM;AAAA,IACJ;AAAA,IAEA,YAAY,MAAkB;AAC5B,WAAK,cAAc,mCAAmC,IAAI;AAAA,IAC5D;AAAA,IAEA,OAAO,QAAoB;AACzB,UAAI,OAAO,YAAY;AACrB,aAAK,cAAc,mCAAmC,OAAO,IAAI;AAAA,MACnE;AAAA,IACF;AAAA,EACF;AAAA,EACA;AAAA,IACE,aAAa,CAAC,SAAS,KAAK;AAAA,IAC5B,eAAe;AAAA,MACb,WAAW,CAAC,OAAO,SAAS;AAC1B,cAAM,SAAS,MAAM;AACrB,YACE,OAAO,aAAa,YACpB,OAAO,iBACP,OAAO,cAAc,UAAU,SAAS,2BAA2B,GACnE;AACA,gBAAM,eAAe;AAGrB,gBAAM,YAAY,kBAAkB,SAAS,EAAE;AAE/C,gBAAM,EAAE,MAAM,UAAU,IAAI,OAAO,IAAI,OAAO;AAC9C,gBAAM,aAAa,SAAS,YAAY,GAAG;AAC3C,gBAAM,WAAW,SAAS,UAAU,GAAG;AAEvC,gBAAM,eAAe,KAAK,MAAM,IAAI,SAAS;AAG7C,gBAAM,gBAAgB,aAAa,KAAK,OAAO;AAAA,YAC7C,MAAM;AAAA,YACN,IAAI;AAAA,UACN,CAAC;AAED,gBAAM,EAAE,MAAM,GAAG,IAAI;AAErB,oBAAU;AAAA,YACR,MAAM;AAAA,YACN,MAAM;AAAA,cACJ,OAAO;AAAA,cACP,OAAO,EAAE,MAAM,GAAG;AAAA,cAClB,cAAc;AAAA,YAChB;AAAA,UACF,CAAC;AAED,eAAK,SAAS;AAAA,YACZ,SAAS;AAAA,cACP;AAAA,cACA;AAAA,cACA,QAAQ;AAAA,YACV;AAAA,YACA,aAAa,iBAAiB,GAAG,2BAA2B;AAAA,YAC5D,WAAW,EAAE,QAAQ,KAAK;AAAA,UAC5B,CAAC;AAAA,QACH;AAAA,MACF;AAAA,IACF;AAAA,EACF;AACF;",
+  "sourcesContent": ["import { syntaxTree } from '@codemirror/language';\nimport { Range } from '@codemirror/state';\nimport { ViewPlugin, Decoration } from '@codemirror/view';\nimport type { DecorationSet, EditorView, ViewUpdate } from '@codemirror/view';\n\nimport {\n  stringAnnotation,\n  ANNOTATION_DELETE_STATEMENT,\n  pastingMode,\n} from '../editor-state-configs/editor-config.js';\nimport { filterStatementDeleteWidget } from '../FilterField.sty.js';\nimport { useErrorLogsStore } from '../hooks/useErrorLogsStore.js';\nimport { cleanUpInput } from '../utils/delete-widget-cleanup.js';\nimport { NEEDS_ESCAPING_REGEX } from '../utils/escape-suggestion.js';\nimport { getStatementStatus } from '../utils/get-statement-status.js';\nimport { DeleteStatementWidget } from '../widgets/DeleteStatementWidget.js';\n\nconst needsEscapingRegex = new RegExp(NEEDS_ESCAPING_REGEX);\n\n/**\n * Create a range set with decorations for all the filter statements.\n * @internal\n */\nexport function createFilterStatementDeleteWidgets(view: EditorView) {\n  const widgets: Range<Decoration>[] = [];\n\n  const pastingStateField = view?.state.field(pastingMode, false);\n\n  // Only suppress delete widgets when pasted content contains special\n  // characters (complex content). Non-complex pasted content (e.g. plain\n  // text without reserved characters) should show delete widgets as usual.\n  const pastedContentHasSpecialChars =\n    pastingStateField?.pastingInProgress &&\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 pastedRange = pastedContentHasSpecialChars\n    ? pastingStateField.range\n    : undefined;\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, to } = node;\n\n          // Skip the delete widget for statements that overlap or touch the\n          // pasted range \u2014 pasted content with special characters should not\n          // be deletable via the statement delete button.\n          if (pastedRange && pastedRange.from <= to && pastedRange.to >= from) {\n            return false;\n          }\n\n          const statementType = getStatementStatus(\n            node.node.cursor(),\n            view.state.doc.toString(),\n          );\n\n          const deleteStatementWidget = Decoration.widget({\n            widget: new DeleteStatementWidget(\n              from,\n              to,\n              statementType === 'incomplete',\n            ),\n          });\n          widgets.push(deleteStatementWidget.range(to));\n\n          return false;\n        }\n      },\n    });\n  }\n\n  return Decoration.set(widgets);\n}\n\n/**\n * View plugin to wrap all filter statements in spans.\n * @internal\n */\nexport const FilterStatementDeleteWidgetPlugin = ViewPlugin.fromClass(\n  class {\n    decorations: DecorationSet;\n\n    constructor(view: EditorView) {\n      this.decorations = createFilterStatementDeleteWidgets(view);\n    }\n\n    update(update: ViewUpdate) {\n      if (update.docChanged) {\n        this.decorations = createFilterStatementDeleteWidgets(update.view);\n      }\n    }\n  },\n  {\n    decorations: (view) => view.decorations,\n    eventHandlers: {\n      mousedown: (event, view) => {\n        const target = event.target as HTMLElement;\n        if (\n          target.nodeName === 'BUTTON' &&\n          target.parentElement &&\n          target.parentElement.classList.contains(filterStatementDeleteWidget)\n        ) {\n          event.preventDefault();\n\n          // We are not in a react context here, have to access the zustand store via the store API.\n          const setAction = useErrorLogsStore.getState().setAction;\n\n          const { from: dataFrom, to: dataTo } = target.dataset;\n          const parsedFrom = parseInt(dataFrom ?? '0');\n          const parsedTo = parseInt(dataTo ?? '0');\n\n          const currentValue = view.state.doc.toString();\n\n          // Use the cleanup function to determine the proper range to delete\n          const adjustedRange = cleanUpInput(view.state, {\n            from: parsedFrom,\n            to: parsedTo,\n          });\n\n          const { from, to } = adjustedRange;\n\n          setAction({\n            type: 'deleteStatement',\n            data: {\n              value: currentValue,\n              range: { from, to },\n              newCursorPos: from,\n            },\n          });\n\n          view.dispatch({\n            changes: {\n              from,\n              to,\n              insert: '',\n            },\n            annotations: stringAnnotation.of(ANNOTATION_DELETE_STATEMENT),\n            selection: { anchor: from },\n          });\n        }\n      },\n    },\n  },\n);\n"],
+  "mappings": "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",
   "names": ["from", "to"]
 }

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

@@ -8,43 +8,43 @@ import {
   statementMark
 } from "./decoration-marks.js";
 import { pastingMode } from "../editor-state-configs/editor-config.js";
+import { NEEDS_ESCAPING_REGEX } from "../utils/escape-suggestion.js";
 import { getStatementStatus } from "../utils/get-statement-status.js";
-function getAdjustedPastingRanges(pastedRange, statementRange) {
-  const ranges = [];
-  if (pastedRange.from > statementRange.from && pastedRange.to >= statementRange.to) {
-    ranges.push({
-      from: statementRange.from,
-      to: Math.min(pastedRange.from, statementRange.to)
-    });
+const needsEscapingRegex = new RegExp(NEEDS_ESCAPING_REGEX);
+function getStatementMark(statementType) {
+  if (statementType === "complete") {
+    return statementMark;
   }
-  if (pastedRange.to < statementRange.to && pastedRange.from <= statementRange.from) {
-    ranges.push({
-      from: Math.max(pastedRange.to, statementRange.from),
-      to: statementRange.to
-    });
+  if (statementType === "indeterminate") {
+    return intermediateStatementMark;
   }
-  if (pastedRange.from > statementRange.from && pastedRange.to < statementRange.to) {
-    ranges.push({
-      from: statementRange.from,
-      to: pastedRange.from
-    });
-    ranges.push({
-      from: pastedRange.to,
-      to: statementRange.to
-    });
+  return incompleteStatementMark;
+}
+function getMergedPasteRange(statementFrom, statementTo, pastedRange, currentMerged) {
+  const rangeFrom = Math.min(statementFrom, pastedRange.from);
+  const rangeTo = Math.max(statementTo, pastedRange.to);
+  if (currentMerged === null) {
+    return { from: rangeFrom, to: rangeTo };
   }
-  if (pastedRange.from <= statementRange.from && pastedRange.to >= statementRange.to) {
-    return [];
+  return {
+    from: Math.min(currentMerged.from, rangeFrom),
+    to: Math.max(currentMerged.to, rangeTo)
+  };
+}
+function isPasteAdjacentToStatement(pastedRange, statementFrom, statementTo, doc, statementType) {
+  if (pastedRange.from <= statementTo && pastedRange.to >= statementFrom) {
+    return true;
   }
-  if (ranges.length === 0) {
-    ranges.push(statementRange);
+  if (statementType === "complete" && pastedRange.from > statementTo) {
+    return false;
   }
-  return ranges;
+  const gap = pastedRange.from > statementTo ? doc.slice(statementTo, pastedRange.from) : doc.slice(pastedRange.to, statementFrom);
+  return gap.trim() === "";
 }
-function createFilterStatementDecorations(view) {
-  const builder = new RangeSetBuilder();
-  const pastingStateField = view?.state.field(pastingMode, false);
+function collectRawDecorations(view, pastedRange) {
   const decorations = [];
+  let mergedPasteRange = null;
+  const doc = view.state.doc.toString();
   for (const { from, to } of view.visibleRanges) {
     syntaxTree(view.state).iterate({
       from,
@@ -52,48 +52,108 @@ function createFilterStatementDecorations(view) {
       enter: (node) => {
         if (node.name === "FilterStatement") {
           const { from: statementFrom, to: statementTo } = node;
-          const statementType = getStatementStatus(
-            node.node.cursor(),
-            view.state.doc.toString()
-          );
-          let mark;
-          if (statementType === "complete") {
-            mark = statementMark;
-          } else if (statementType === "indeterminate") {
-            mark = intermediateStatementMark;
+          const statementType = getStatementStatus(node.node.cursor(), doc);
+          const shouldMerge = pastedRange && (isPasteAdjacentToStatement(
+            pastedRange,
+            statementFrom,
+            statementTo,
+            doc,
+            statementType
+          ) || mergedPasteRange && isPasteAdjacentToStatement(
+            mergedPasteRange,
+            statementFrom,
+            statementTo,
+            doc,
+            statementType
+          ));
+          if (shouldMerge) {
+            mergedPasteRange = getMergedPasteRange(
+              statementFrom,
+              statementTo,
+              pastedRange,
+              mergedPasteRange
+            );
           } else {
-            mark = incompleteStatementMark;
-          }
-          if (pastingStateField?.range && statementType !== "indeterminate") {
-            const ranges = getAdjustedPastingRanges(pastingStateField.range, {
+            decorations.push({
               from: statementFrom,
-              to: statementTo
+              to: statementTo,
+              mark: getStatementMark(statementType),
+              statementType
             });
-            for (const range of ranges) {
-              decorations.push({ from: range.from, to: range.to, mark });
-            }
-          } else {
-            decorations.push({ from: statementFrom, to: statementTo, mark });
           }
           return false;
         }
       }
     });
   }
-  let sortedDecorations = decorations;
-  if (pastingStateField?.pastingInProgress && pastingStateField.range) {
+  return { decorations, mergedPasteRange, doc };
+}
+function expandMergedRange(decorations, mergedPasteRange, doc) {
+  const completeBoundaries = decorations.filter((dec) => dec.statementType === "complete").sort((a, b) => a.from - b.from);
+  let leftBoundary = completeBoundaries.findLast((c) => c.to <= mergedPasteRange.from)?.to ?? 0;
+  let rightBoundary = completeBoundaries.find((c) => c.from >= mergedPasteRange.to)?.from ?? doc.length;
+  const leftGap = doc.slice(leftBoundary, mergedPasteRange.from);
+  leftBoundary += leftGap.length - leftGap.trimStart().length;
+  const rightGap = doc.slice(mergedPasteRange.to, rightBoundary);
+  rightBoundary -= rightGap.length - rightGap.trimEnd().length;
+  const expanded = {
+    from: Math.min(mergedPasteRange.from, leftBoundary),
+    to: Math.max(mergedPasteRange.to, rightBoundary)
+  };
+  const filtered = decorations.filter(
+    (dec) => dec.statementType === "complete" || dec.to <= expanded.from || dec.from >= expanded.to
+  );
+  filtered.push({
+    from: expanded.from,
+    to: expanded.to,
+    mark: incompleteStatementMark,
+    statementType: "incomplete"
+  });
+  return { decorations: filtered, mergedPasteRange: expanded };
+}
+function collectStatementDecorations(view, pastedRange) {
+  const rawDecorations = collectRawDecorations(view, pastedRange);
+  let { decorations, mergedPasteRange } = rawDecorations;
+  const { doc } = rawDecorations;
+  if (!mergedPasteRange && pastedRange) {
+    mergedPasteRange = { from: pastedRange.from, to: pastedRange.to };
+  }
+  if (mergedPasteRange) {
+    const expanded = expandMergedRange(decorations, mergedPasteRange, doc);
+    decorations = expanded.decorations;
+    mergedPasteRange = expanded.mergedPasteRange;
+  }
+  return { decorations, mergedPasteRange };
+}
+function createFilterStatementDecorations(view) {
+  const builder = new RangeSetBuilder();
+  const pastingStateField = view?.state.field(pastingMode, false);
+  const pastedContentHasSpecialChars = pastingStateField?.range !== void 0 && needsEscapingRegex.test(
+    view.state.doc.sliceString(
+      pastingStateField.range.from,
+      pastingStateField.range.to
+    )
+  );
+  const { decorations, mergedPasteRange } = collectStatementDecorations(
+    view,
+    pastedContentHasSpecialChars ? pastingStateField?.range : void 0
+  );
+  const allDecorations = decorations;
+  if (pastedContentHasSpecialChars && pastingStateField?.pastingInProgress && pastingStateField.range) {
+    const pastingMarkRange = mergedPasteRange ?? pastingStateField.range;
     for (const { from, to } of view.visibleRanges) {
-      if (from <= pastingStateField.range.from && to >= pastingStateField.range.to) {
-        sortedDecorations.push({
-          from: pastingStateField.range.from,
-          to: pastingStateField.range.to,
-          mark: pastingMark
+      if (from <= pastingMarkRange.from && to >= pastingMarkRange.to) {
+        allDecorations.push({
+          from: pastingMarkRange.from,
+          to: pastingMarkRange.to,
+          mark: pastingMark,
+          statementType: "complete"
         });
       }
     }
-    sortedDecorations = sortedDecorations.sort((a, b) => a.from - b.from);
   }
-  for (const decoration of sortedDecorations) {
+  allDecorations.sort((a, b) => a.from - b.from);
+  for (const decoration of allDecorations) {
     builder.add(decoration.from, decoration.to, decoration.mark);
   }
   return builder.finish();

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 type { FilterFieldNodeBase } from '../types/tree-nodes.js';\nimport { getStatementStatus } from '../utils/get-statement-status.js';\n\n/**\n * Adjust the statement ranges to exclude the pasted range.\n */\nfunction getAdjustedPastingRanges(\n  pastedRange: { from: number; to: number },\n  statementRange: { from: number; to: number },\n) {\n  const ranges: FilterFieldNodeBase['range'][] = [];\n\n  // Shift the statement range for pasted content after the statement\n  if (\n    pastedRange.from > statementRange.from &&\n    pastedRange.to >= statementRange.to\n  ) {\n    ranges.push({\n      from: statementRange.from,\n      to: Math.min(pastedRange.from, statementRange.to),\n    });\n  }\n\n  // Shift the statement range for pasted content before the statement\n  if (\n    pastedRange.to < statementRange.to &&\n    pastedRange.from <= statementRange.from\n  ) {\n    ranges.push({\n      from: Math.max(pastedRange.to, statementRange.from),\n      to: statementRange.to,\n    });\n  }\n\n  // If the pasted range is completely inside the statement range, we need\n  // to split the statement range into two ranges\n  if (\n    pastedRange.from > statementRange.from &&\n    pastedRange.to < statementRange.to\n  ) {\n    ranges.push({\n      from: statementRange.from,\n      to: pastedRange.from,\n    });\n    ranges.push({\n      from: pastedRange.to,\n      to: statementRange.to,\n    });\n  }\n\n  // If the pasted range completely covers the statement range, return an empty array\n  if (\n    pastedRange.from <= statementRange.from &&\n    pastedRange.to >= statementRange.to\n  ) {\n    return [];\n  }\n\n  // If the pasted range is completely outside the statement range, return the original statement range\n  if (ranges.length === 0) {\n    ranges.push(statementRange);\n  }\n\n  return ranges;\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  const decorations: { from: number; to: number; mark: Decoration }[] = [];\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(\n            node.node.cursor(),\n            view.state.doc.toString(),\n          );\n\n          let mark;\n          if (statementType === 'complete') {\n            mark = statementMark;\n          } else if (statementType === 'indeterminate') {\n            mark = intermediateStatementMark;\n          } else {\n            mark = incompleteStatementMark;\n          }\n\n          if (pastingStateField?.range && statementType !== 'indeterminate') {\n            const ranges = getAdjustedPastingRanges(pastingStateField.range, {\n              from: statementFrom,\n              to: statementTo,\n            });\n            for (const range of ranges) {\n              decorations.push({ from: range.from, to: range.to, mark });\n            }\n          } else {\n            decorations.push({ from: statementFrom, to: statementTo, mark });\n          }\n\n          return false;\n        }\n      },\n    });\n  }\n\n  let sortedDecorations = decorations;\n\n  if (pastingStateField?.pastingInProgress && pastingStateField.range) {\n    for (const { from, to } of view.visibleRanges) {\n      if (\n        from <= pastingStateField.range.from &&\n        to >= pastingStateField.range.to\n      ) {\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        sortedDecorations.push({\n          from: pastingStateField.range.from,\n          to: pastingStateField.range.to,\n          mark: pastingMark,\n        });\n      }\n    }\n\n    sortedDecorations = sortedDecorations.sort((a, b) => a.from - b.from);\n  }\n\n  for (const decoration of sortedDecorations) {\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      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/extensions/interactions-extensions.js

@@ -35,7 +35,24 @@ const FilterFieldInteractionsExtension = ({ closeSuggestions, showBoundary }) =>
       key: "Mod-Shift-z",
       run: redo
     }
-  ])
+  ]),
+  // Prevent pasting multi-line content into the single-line filter field.
+  // Newline sequences are collapsed into a single space so word boundaries
+  // are preserved (e.g. "foo\nbar" → "foo bar"), then the result is trimmed.
+  EditorView.domEventHandlers({
+    paste(event, view) {
+      const text = event.clipboardData?.getData("text/plain");
+      if (text === null || text === void 0 || !/[\r\n]/.test(text)) {
+        return false;
+      }
+      event.preventDefault();
+      const sanitized = text.replace(/[\r\n]+/g, " ").trim();
+      view.dispatch(view.state.replaceSelection(sanitized), {
+        userEvent: "input.paste"
+      });
+      return true;
+    }
+  })
 ];
 export {
   FilterFieldInteractionsExtension

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"],
-  "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;AACH;",
+  "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"],
+  "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": []
 }