@dynatrace/strato-components 3.12.2 → 3.13.0

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

@@ -1,13 +1,13 @@
-._ck599t0-3-12-2 {
+._ck599t0-3-13-0 {
   position: absolute;
   right: var(--dt-spacings-size-4, 4px);
   top: var(--dt-spacings-size-4, 4px);
   z-index: 1;
   gap: var(--dt-spacings-size-2, 2px);
 }
-._ck599t1-3-12-2 {
+._ck599t1-3-13-0 {
   margin: var(--dt-spacings-size-2, 2px) 0;
 }
-._ck599t2-3-12-2 {
+._ck599t2-3-13-0 {
   border-radius: var(--dt-borders-radius-field-subdued, 3px);
 }

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

@@ -1,7 +1,7 @@
 import "./FilterFieldSuffixButtons.css";
-var button = "_ck599t2-3-12-2";
-var divider = "_ck599t1-3-12-2";
-var suffix = "_ck599t0-3-12-2";
+var button = "_ck599t2-3-13-0";
+var divider = "_ck599t1-3-13-0";
+var suffix = "_ck599t0-3-13-0";
 export {
   button,
   divider,

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/filters/filter-field/components/FilterFieldSuffixButtons.css.ts"],
-  "sourcesContent": ["import './FilterFieldSuffixButtons.css';\nexport var button = '_ck599t2-3-12-2';\nexport var divider = '_ck599t1-3-12-2';\nexport var suffix = '_ck599t0-3-12-2';"],
+  "sourcesContent": ["import './FilterFieldSuffixButtons.css';\nexport var button = '_ck599t2-3-13-0';\nexport var divider = '_ck599t1-3-13-0';\nexport var suffix = '_ck599t0-3-13-0';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,SAAS;AACb,IAAI,UAAU;AACd,IAAI,SAAS;",
   "names": []
 }

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

@@ -1,4 +1,4 @@
-._ia7amm2-3-12-2 {
+._ia7amm2-3-13-0 {
   overflow-x: hidden;
   overflow-y: auto;
   text-overflow: ellipsis;
@@ -9,55 +9,66 @@
   min-height: 21px;
   white-space: pre;
 }
-._1smjoa1b-3-12-2 ._ia7amm2-3-12-2 {
+._1smjoa1b-3-13-0 ._ia7amm2-3-13-0 {
   line-height: 24px;
   padding-right: 12px;
   white-space: pre-wrap;
 }
-._ia7amm3-3-12-2 {
+._ia7amm3-3-13-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;
 }
-._1smjoa15-3-12-2:hover ._ia7amm3-3-12-2, ._1smjoa15-3-12-2._9mvxlq0-3-12-2 ._ia7amm3-3-12-2 {
+._1smjoa15-3-13-0:hover ._ia7amm3-3-13-0, ._1smjoa15-3-13-0._9mvxlq0-3-13-0 ._ia7amm3-3-13-0 {
   border-color: var(--dt-colors-border-neutral-default-hover, #d0d1dc);
 }
-._ia7amm0-3-12-2 ._ia7amm3-3-12-2 {
+._ia7amm0-3-13-0 ._ia7amm3-3-13-0 {
   background-color: var(--dt-colors-background-field-neutral-emphasized, #e4e5eb);
   border-color: var(--dt-colors-background-field-neutral-emphasized, #e4e5eb);
 }
-._1smjoa1b-3-12-2 ._ia7amm3-3-12-2 {
+:where(._1jgl8s50-3-13-0) ._ia7amm0-3-13-0 ._ia7amm3-3-13-0 {
+  background-color: var(--dt-colors-background-base-default, #f9f9fa);
+  border-color: var(--dt-colors-border-neutral-default, #dadbe4);
+}
+._1smjoa1b-3-13-0 ._ia7amm3-3-13-0 {
   text-wrap: wrap;
 }
-._ia7amm0-3-12-2 ._ia7amm4-3-12-2 {
+._ia7amm0-3-13-0 ._ia7amm4-3-13-0 {
   background-color: transparent;
   border-color: var(--dt-colors-border-neutral-default, #dadbe4);
 }
-._ia7amm0-3-12-2 ._ia7amm5-3-12-2::highlight(filter-field-escape-characters) {
+:where(._1jgl8s50-3-13-0) ._ia7amm0-3-13-0 ._ia7amm4-3-13-0 {
+  background-color: transparent;
+  border-color: var(--dt-colors-border-neutral-subdued, #e4e5eb);
+}
+._ia7amm0-3-13-0 ._ia7amm5-3-13-0::highlight(filter-field-escape-characters) {
+  color: var(--dt-colors-syntax-boolean, #973f00);
+}
+._ia7amm0-3-13-0 ._ia7amm5-3-13-0::highlight(filter-field-value-wildcards) {
   color: var(--dt-colors-syntax-operators, #8136a9);
 }
-._ia7amm1-3-12-2 ._ia7amm3-3-12-2 * {
+._ia7amm1-3-13-0 ._ia7amm3-3-13-0 * {
   color: var(--dt-colors-text-neutral-default, #2f2f4f);
 }
-._ia7amm1-3-12-2 ._96tj13y-3-12-2 {
+._ia7amm1-3-13-0 ._96tj1311-3-13-0 {
   color: var(--dt-colors-text-neutral-subdued, #595a7d);
 }
-._ia7amm1-3-12-2::highlight(filterfield-suggestions-highlight) {
+._ia7amm1-3-13-0::highlight(filterfield-suggestions-highlight) {
   text-decoration: none;
 }
-._ia7amm3-3-12-2::highlight(filterfield-suggestions-highlight) {
+._ia7amm3-3-13-0::highlight(filterfield-suggestions-highlight) {
   text-decoration: underline;
   text-decoration-color: var(--dt-colors-border-neutral-accent, #595a7d);
   text-underline-offset: 4.2px;
 }
-._ia7amm6-3-12-2 + ._ia7amm7-3-12-2:has(+ ._ia7amm6-3-12-2) {
+._ia7amm6-3-13-0 + ._ia7amm7-3-13-0:has(+ ._ia7amm6-3-13-0) {
   text-decoration: underline;
   text-decoration-color: var(--dt-colors-border-neutral-accent, #595a7d);
   text-underline-offset: 4.2px;
 }
-._1smjoa1b-3-12-2 div:has(._ia7amm2-3-12-2) {
+._1smjoa1b-3-13-0 div:has(._ia7amm2-3-13-0) {
   max-height: 72px;
   padding-right: 0;
 }

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

@@ -37,41 +37,57 @@ function WhitespaceRenderer(props) {
   );
   return Array(numberOfSpaces).fill(" ").map((item, index) => /* @__PURE__ */ jsx("span", { className: styles.whitespace, children: " " }, `${item}-${index}`));
 }
-function withNodeRenderer(className) {
+function withNodeRenderer(className, options) {
+  const { highlightWildcards = false } = options ?? {};
   return function Component(props) {
     const { node } = props;
     const ref = useRef(null);
-    const highlight = useMemo(
+    const escapeHighlight = useMemo(
       () => getOrCreateNamedHighlight("filter-field-escape-characters"),
       []
     );
+    const wildcardHighlight = useMemo(
+      () => getOrCreateNamedHighlight("filter-field-value-wildcards"),
+      []
+    );
     useEffect(() => {
       const ranges = [];
-      if (node?.textValue.includes("\\") && ref.current) {
+      if ((node?.textValue.includes("\\") || highlightWildcards && node?.textValue.includes("*")) && ref.current) {
         const textNode = ref.current.childNodes.item(0);
         if (textNode) {
           const textContent = textNode.textContent ?? "";
           let index = 0;
-          while ((index = textContent.indexOf("\\", index)) !== -1) {
-            if (index + 1 >= textContent.length) {
-              break;
+          while (index < textContent.length) {
+            if (textContent[index] === "\\") {
+              if (index + 1 >= textContent.length) {
+                break;
+              }
+              const range = new Range();
+              range.setStart(textNode, index);
+              range.setEnd(textNode, index + 2);
+              ranges.push({ highlight: escapeHighlight, range });
+              escapeHighlight.add(range);
+              index += 2;
+            } else if (highlightWildcards && textContent[index] === "*") {
+              const range = new Range();
+              range.setStart(textNode, index);
+              range.setEnd(textNode, index + 1);
+              ranges.push({ highlight: wildcardHighlight, range });
+              wildcardHighlight.add(range);
+              index += 1;
+            } else {
+              index += 1;
             }
-            const range = new Range();
-            range.setStart(textNode, index);
-            range.setEnd(textNode, index + 2);
-            ranges.push(range);
-            index += 2;
-            highlight.add(range);
           }
         }
       }
       return () => {
-        for (const range of ranges) {
+        for (const { highlight, range } of ranges) {
           highlight.delete(range);
         }
       };
-    }, [highlight, node?.textValue]);
-    return /* @__PURE__ */ jsx("span", { ref, className: clsx(styles.escapeCharacter, className), children: node?.textValue });
+    }, [escapeHighlight, node?.textValue, wildcardHighlight]);
+    return /* @__PURE__ */ jsx("span", { ref, className: clsx(styles.syntaxHighlight, className), children: node?.textValue });
   };
 }
 const PlainTextRenderer = withNodeRenderer("");
@@ -79,7 +95,8 @@ const KeyRenderer = withNodeRenderer(
   filterfieldStyles.filterKey
 );
 const StringRenderer = withNodeRenderer(
-  filterfieldStyles.filterValue
+  filterfieldStyles.filterValue,
+  { highlightWildcards: true }
 );
 const ComparisonOperatorRenderer = withNodeRenderer(
   filterfieldStyles.operator
@@ -102,15 +119,15 @@ function VariableRenderer(props) {
   const prefix = varStart > 0 ? textValue.slice(0, varStart) : "";
   const suffix = textValue.slice(varStart + value.length);
   return /* @__PURE__ */ jsxs(Fragment, { children: [
-    prefix && /* @__PURE__ */ jsx("span", { className: styles.escapeCharacter, children: prefix }),
+    prefix && /* @__PURE__ */ jsx("span", { className: styles.syntaxHighlight, children: prefix }),
     /* @__PURE__ */ jsx(
       "span",
       {
-        className: clsx(styles.escapeCharacter, filterfieldStyles.variable),
+        className: clsx(styles.syntaxHighlight, filterfieldStyles.variable),
         children: value
       }
     ),
-    suffix && /* @__PURE__ */ jsx("span", { className: styles.escapeCharacter, children: suffix })
+    suffix && /* @__PURE__ */ jsx("span", { className: styles.syntaxHighlight, children: suffix })
   ] });
 }
 function ListRenderer(props) {
@@ -124,13 +141,17 @@ function ListRenderer(props) {
     if (itemStart > textPos) {
       rendered.push(textValue.slice(textPos, itemStart));
     }
-    rendered.push(/* @__PURE__ */ jsx(LeafNodeRenderer, { node: item }, item.range.from));
+    if (isFilterFieldErrorNode(item)) {
+      rendered.push(/* @__PURE__ */ jsx(ValueErrorRenderer, { node: item }, item.range.from));
+    } else {
+      rendered.push(/* @__PURE__ */ jsx(LeafNodeRenderer, { node: item }, item.range.from));
+    }
     textPos = itemEnd;
   }
   if (textPos < textValue.length) {
     rendered.push(textValue.slice(textPos));
   }
-  return /* @__PURE__ */ jsx("span", { className: styles.escapeCharacter, children: rendered });
+  return /* @__PURE__ */ jsx("span", { className: styles.syntaxHighlight, children: rendered });
 }
 const JSONPathRenderer = withNodeRenderer(
   filterfieldStyles.filterValue
@@ -156,7 +177,7 @@ function ExistsOperatorSplitRenderer(props) {
     /* @__PURE__ */ jsx(
       "span",
       {
-        className: clsx(styles.escapeCharacter, filterfieldStyles.operator),
+        className: clsx(styles.syntaxHighlight, filterfieldStyles.operator),
         children: operatorText
       }
     ),
@@ -164,7 +185,7 @@ function ExistsOperatorSplitRenderer(props) {
     /* @__PURE__ */ jsx(
       "span",
       {
-        className: clsx(styles.escapeCharacter, filterfieldStyles.filterValue),
+        className: clsx(styles.syntaxHighlight, filterfieldStyles.filterValue),
         children: "*"
       }
     )
@@ -185,6 +206,10 @@ const InclusionOperatorRenderer = withNodeRenderer(
 const ErrorRenderer = withNodeRenderer(
   filterfieldStyles.error
 );
+const ValueErrorRenderer = withNodeRenderer(
+  filterfieldStyles.error,
+  { highlightWildcards: true }
+);
 function GroupRenderer(props) {
   const { node } = props;
   const lastChild = node.children[node.children.length - 1];
@@ -218,6 +243,9 @@ function GroupRenderer(props) {
 function ValueRenderer(props) {
   const { node } = props;
   if (isFilterFieldLeafNode(node)) {
+    if (isFilterFieldErrorNode(node)) {
+      return /* @__PURE__ */ jsx(ValueErrorRenderer, { node });
+    }
     return /* @__PURE__ */ jsx(LeafNodeRenderer, { node });
   }
   if (isFilterFieldListNode(node)) {
@@ -322,7 +350,8 @@ function FilterStatement(props) {
         ipAddressConversion: true,
         uidConversion: true,
         timestampConversion: true,
-        smartscapeIdConversion: true
+        smartscapeIdConversion: true,
+        matchesWildcardConversion: true
       },
       validatorMap: {
         comparisonOperators: FILTERFIELD_ALL_OPERATORS,

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 { statementStatusRegistry } from '../utils/statement-status-registry.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';\nimport { FILTERFIELD_ALL_OPERATORS } from '../utils/validation-utils/operator-specification.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}\n\nconst PlainTextRenderer = withNodeRenderer<FilterFieldLeafNode>('');\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  );\nfunction FreeTextRenderer(props: Readonly<{ node: FilterFieldLeafNode }>) {\n  const { node } = props;\n  const { textValue } = node;\n\n  if (['AND', 'OR'].includes(textValue)) {\n    return (\n      <span className={clsx(filterfieldStyles.operator)}>{textValue}</span>\n    );\n  }\n  if (\n    textValue.includes('$[') ||\n    textValue.endsWith(']') ||\n    textValue.endsWith('$')\n  ) {\n    return (\n      <span className={clsx(filterfieldStyles.variable)}>{textValue}</span>\n    );\n  }\n  return <PlainTextRenderer node={node} />;\n}\n\nfunction VariableRenderer(props: Readonly<{ node: FilterFieldVariableNode }>) {\n  const { node } = props;\n  const { textValue, value } = node;\n  const varStart = textValue.indexOf(value);\n  const prefix = varStart > 0 ? textValue.slice(0, varStart) : '';\n  const suffix = textValue.slice(varStart + value.length);\n  return (\n    <>\n      {prefix && <span className={styles.escapeCharacter}>{prefix}</span>}\n      <span\n        className={clsx(styles.escapeCharacter, filterfieldStyles.variable)}\n      >\n        {value}\n      </span>\n      {suffix && <span className={styles.escapeCharacter}>{suffix}</span>}\n    </>\n  );\n}\n\nfunction ListRenderer(props: Readonly<{ node: FilterFieldListNode }>) {\n  const { node } = props;\n  const { textValue, value: items, range: listRange } = node;\n  const rendered: Array<ReactElement | string> = [];\n  let textPos = 0;\n\n  for (const item of items) {\n    const itemStart = item.range.from - listRange.from;\n    const itemEnd = item.range.to - listRange.from;\n    if (itemStart > textPos) {\n      rendered.push(textValue.slice(textPos, itemStart));\n    }\n    rendered.push(<LeafNodeRenderer key={item.range.from} node={item} />);\n    textPos = itemEnd;\n  }\n\n  if (textPos < textValue.length) {\n    rendered.push(textValue.slice(textPos));\n  }\n\n  return <span className={styles.escapeCharacter}>{rendered}</span>;\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);\nfunction ExistsOperatorSplitRenderer(\n  props: Readonly<{ node: FilterFieldExistsOperatorNode }>,\n) {\n  const { textValue } = props.node;\n  const starIdx = textValue.indexOf('*');\n  const operatorText = textValue.slice(0, starIdx).trimEnd();\n  const hasSpace = textValue[starIdx - 1] === ' ';\n  return (\n    <>\n      <span\n        className={clsx(styles.escapeCharacter, filterfieldStyles.operator)}\n      >\n        {operatorText}\n      </span>\n      {hasSpace && <span className={styles.whitespace}>&#32;</span>}\n      <span\n        className={clsx(styles.escapeCharacter, filterfieldStyles.filterValue)}\n      >\n        *\n      </span>\n    </>\n  );\n}\nfunction SearchOperatorSplitRenderer(\n  props: Readonly<{\n    node: FilterFieldSearchOperatorNode;\n  }>,\n) {\n  const { node } = props;\n  const hasSpace = node.textValue === '* ~';\n  return (\n    <>\n      <span className={filterfieldStyles.filterKey}>*</span>\n      {hasSpace && <span className={styles.whitespace}>&#32;</span>}\n      <span className={filterfieldStyles.operator}>~</span>\n    </>\n  );\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          nextChild !== undefined &&\n          nextChild.range.from - childNode.range.to > 1 &&\n          !isLast &&\n          ((nextChild?.type !== 'Error' &&\n            (!('value' in nextChild) || nextChild.value !== '')) ||\n            node.logicalOperator === 'OR')\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 (!isLast) {\n          let start = childNode;\n          if (isFilterFieldStatementNode(childNode)) {\n            start =\n              childNode.value ??\n              childNode.comparisonOperator ??\n              childNode.key ??\n              childNode;\n          }\n          joiner = (\n            <WhitespaceRenderer start={start} end={allChildren.at(index + 1)} />\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 !== undefined &&\n      lastChild.range.to < node.range.to\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  const status = statementStatusRegistry.get(node);\n  return (\n    <span\n      className={clsx(\n        status && status !== 'indeterminate' && styles.statement,\n        status === 'incomplete' && styles.incompleteStatement,\n      )}\n    >\n      {node.key &&\n        (!node.comparisonOperator &&\n        !node.value &&\n        !isFilterFieldKeyNode(node.key) ? (\n          <FreeTextRenderer node={node.key} />\n        ) : (\n          <KeyRenderer node={node.key as FilterFieldKeyNode} />\n        ))}\n\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  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) || node?.textValue.includes('$')) {\n    return <JSONPathRenderer node={node as FilterFieldJSONPathNode} />;\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 <ExistsOperatorSplitRenderer node={node} />;\n  }\n  if (\n    isFilterFieldSearchOperatorNode(node) ||\n    (node && ['*~', '* ~'].includes(node.textValue))\n  ) {\n    return (\n      <SearchOperatorSplitRenderer\n        node={node as FilterFieldSearchOperatorNode}\n      />\n    );\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        ipAddressConversion: true,\n        uidConversion: true,\n        timestampConversion: true,\n        smartscapeIdConversion: true,\n      },\n      validatorMap: {\n        comparisonOperators: FILTERFIELD_ALL_OPERATORS,\n        exhaustive: false,\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 { statementStatusRegistry } from '../utils/statement-status-registry.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';\nimport { FILTERFIELD_ALL_OPERATORS } from '../utils/validation-utils/operator-specification.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  options?: Readonly<{ highlightWildcards?: boolean }>,\n) {\n  const { highlightWildcards = false } = options ?? {};\n\n  return function Component(props: Readonly<{ node: T }>) {\n    const { node } = props;\n\n    const ref = useRef<HTMLSpanElement>(null);\n    const escapeHighlight = useMemo(\n      () => getOrCreateNamedHighlight('filter-field-escape-characters'),\n      [],\n    );\n    const wildcardHighlight = useMemo(\n      () => getOrCreateNamedHighlight('filter-field-value-wildcards'),\n      [],\n    );\n    useEffect(() => {\n      const ranges: Array<{\n        highlight: Set<AbstractRange> | Highlight;\n        range: Range;\n      }> = [];\n      if (\n        (node?.textValue.includes('\\\\') ||\n          (highlightWildcards && node?.textValue.includes('*'))) &&\n        ref.current\n      ) {\n        const textNode = ref.current.childNodes.item(0);\n        if (textNode) {\n          const textContent = textNode.textContent ?? '';\n          let index = 0;\n          while (index < textContent.length) {\n            if (textContent[index] === '\\\\') {\n              // Ignore trailing backslash when 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({ highlight: escapeHighlight, range });\n              escapeHighlight.add(range);\n              index += 2;\n            } else if (highlightWildcards && textContent[index] === '*') {\n              const range = new Range();\n              range.setStart(textNode, index);\n              range.setEnd(textNode, index + 1);\n              ranges.push({ highlight: wildcardHighlight, range });\n              wildcardHighlight.add(range);\n              index += 1;\n            } else {\n              index += 1;\n            }\n          }\n        }\n      }\n\n      return () => {\n        for (const { highlight, range } of ranges) {\n          highlight.delete(range);\n        }\n      };\n    }, [escapeHighlight, node?.textValue, wildcardHighlight]);\n\n    return (\n      <span ref={ref} className={clsx(styles.syntaxHighlight, className)}>\n        {node?.textValue}\n      </span>\n    );\n  };\n}\n\nconst PlainTextRenderer = withNodeRenderer<FilterFieldLeafNode>('');\nconst KeyRenderer = withNodeRenderer<FilterFieldKeyNode>(\n  filterfieldStyles.filterKey,\n);\nconst StringRenderer = withNodeRenderer<FilterFieldStringNode>(\n  filterfieldStyles.filterValue,\n  { highlightWildcards: true },\n);\nconst ComparisonOperatorRenderer =\n  withNodeRenderer<FilterFieldComparisonOperatorNode>(\n    filterfieldStyles.operator,\n  );\nfunction FreeTextRenderer(props: Readonly<{ node: FilterFieldLeafNode }>) {\n  const { node } = props;\n  const { textValue } = node;\n\n  if (['AND', 'OR'].includes(textValue)) {\n    return (\n      <span className={clsx(filterfieldStyles.operator)}>{textValue}</span>\n    );\n  }\n  if (\n    textValue.includes('$[') ||\n    textValue.endsWith(']') ||\n    textValue.endsWith('$')\n  ) {\n    return (\n      <span className={clsx(filterfieldStyles.variable)}>{textValue}</span>\n    );\n  }\n  return <PlainTextRenderer node={node} />;\n}\n\nfunction VariableRenderer(props: Readonly<{ node: FilterFieldVariableNode }>) {\n  const { node } = props;\n  const { textValue, value } = node;\n  const varStart = textValue.indexOf(value);\n  const prefix = varStart > 0 ? textValue.slice(0, varStart) : '';\n  const suffix = textValue.slice(varStart + value.length);\n  return (\n    <>\n      {prefix && <span className={styles.syntaxHighlight}>{prefix}</span>}\n      <span\n        className={clsx(styles.syntaxHighlight, filterfieldStyles.variable)}\n      >\n        {value}\n      </span>\n      {suffix && <span className={styles.syntaxHighlight}>{suffix}</span>}\n    </>\n  );\n}\n\nfunction ListRenderer(props: Readonly<{ node: FilterFieldListNode }>) {\n  const { node } = props;\n  const { textValue, value: items, range: listRange } = node;\n  const rendered: Array<ReactElement | string> = [];\n  let textPos = 0;\n\n  for (const item of items) {\n    const itemStart = item.range.from - listRange.from;\n    const itemEnd = item.range.to - listRange.from;\n    if (itemStart > textPos) {\n      rendered.push(textValue.slice(textPos, itemStart));\n    }\n    if (isFilterFieldErrorNode(item)) {\n      rendered.push(<ValueErrorRenderer key={item.range.from} node={item} />);\n    } else {\n      rendered.push(<LeafNodeRenderer key={item.range.from} node={item} />);\n    }\n    textPos = itemEnd;\n  }\n\n  if (textPos < textValue.length) {\n    rendered.push(textValue.slice(textPos));\n  }\n\n  return <span className={styles.syntaxHighlight}>{rendered}</span>;\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);\nfunction ExistsOperatorSplitRenderer(\n  props: Readonly<{ node: FilterFieldExistsOperatorNode }>,\n) {\n  const { textValue } = props.node;\n  const starIdx = textValue.indexOf('*');\n  const operatorText = textValue.slice(0, starIdx).trimEnd();\n  const hasSpace = textValue[starIdx - 1] === ' ';\n  return (\n    <>\n      <span\n        className={clsx(styles.syntaxHighlight, filterfieldStyles.operator)}\n      >\n        {operatorText}\n      </span>\n      {hasSpace && <span className={styles.whitespace}>&#32;</span>}\n      <span\n        className={clsx(styles.syntaxHighlight, filterfieldStyles.filterValue)}\n      >\n        *\n      </span>\n    </>\n  );\n}\nfunction SearchOperatorSplitRenderer(\n  props: Readonly<{\n    node: FilterFieldSearchOperatorNode;\n  }>,\n) {\n  const { node } = props;\n  const hasSpace = node.textValue === '* ~';\n  return (\n    <>\n      <span className={filterfieldStyles.filterKey}>*</span>\n      {hasSpace && <span className={styles.whitespace}>&#32;</span>}\n      <span className={filterfieldStyles.operator}>~</span>\n    </>\n  );\n}\nconst InclusionOperatorRenderer =\n  withNodeRenderer<FilterFieldInclusionOperatorNode>(\n    filterfieldStyles.operator,\n  );\nconst ErrorRenderer = withNodeRenderer<FilterFieldErrorNode>(\n  filterfieldStyles.error,\n);\nconst ValueErrorRenderer = withNodeRenderer<FilterFieldErrorNode>(\n  filterfieldStyles.error,\n  { highlightWildcards: true },\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          nextChild !== undefined &&\n          nextChild.range.from - childNode.range.to > 1 &&\n          !isLast &&\n          ((nextChild?.type !== 'Error' &&\n            (!('value' in nextChild) || nextChild.value !== '')) ||\n            node.logicalOperator === 'OR')\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 (!isLast) {\n          let start = childNode;\n          if (isFilterFieldStatementNode(childNode)) {\n            start =\n              childNode.value ??\n              childNode.comparisonOperator ??\n              childNode.key ??\n              childNode;\n          }\n          joiner = (\n            <WhitespaceRenderer start={start} end={allChildren.at(index + 1)} />\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 !== undefined &&\n      lastChild.range.to < node.range.to\n        ? ')'\n        : ''}\n    </span>\n  );\n}\n\nfunction ValueRenderer(props: Readonly<{ node?: FilterFieldValueNode }>) {\n  const { node } = props;\n\n  if (isFilterFieldLeafNode(node)) {\n    if (isFilterFieldErrorNode(node)) {\n      return <ValueErrorRenderer node={node} />;\n    }\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  const status = statementStatusRegistry.get(node);\n  return (\n    <span\n      className={clsx(\n        status && status !== 'indeterminate' && styles.statement,\n        status === 'incomplete' && styles.incompleteStatement,\n      )}\n    >\n      {node.key &&\n        (!node.comparisonOperator &&\n        !node.value &&\n        !isFilterFieldKeyNode(node.key) ? (\n          <FreeTextRenderer node={node.key} />\n        ) : (\n          <KeyRenderer node={node.key as FilterFieldKeyNode} />\n        ))}\n\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  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) || node?.textValue.includes('$')) {\n    return <JSONPathRenderer node={node as FilterFieldJSONPathNode} />;\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 <ExistsOperatorSplitRenderer node={node} />;\n  }\n  if (\n    isFilterFieldSearchOperatorNode(node) ||\n    (node && ['*~', '* ~'].includes(node.textValue))\n  ) {\n    return (\n      <SearchOperatorSplitRenderer\n        node={node as FilterFieldSearchOperatorNode}\n      />\n    );\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        ipAddressConversion: true,\n        uidConversion: true,\n        timestampConversion: true,\n        smartscapeIdConversion: true,\n        matchesWildcardConversion: true,\n      },\n      validatorMap: {\n        comparisonOperators: FILTERFIELD_ALL_OPERATORS,\n        exhaustive: false,\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": ["Fragment"]
 }

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

@@ -1,24 +1,24 @@
-import "../../../core/styles/virtualFocus.css";
 import "../../../core/components/app-root/AppRoot.css";
+import "../../../core/styles/virtualFocus.css";
 import "../../../core/styles/diagnostic-tooltip.css";
 import "../FilterField.css";
 import "../suggestions/SuggestionsOverlay.css";
 import "../suggestions/Suggestion.css";
 import "./FilterStatement.css";
-var escapeCharacter = "_ia7amm5-3-12-2";
-var highlight = "_ia7amm6-3-12-2";
-var highlighting = { syntax: "_ia7amm0-3-12-2", minimal: "_ia7amm1-3-12-2" };
-var incompleteStatement = "_ia7amm4-3-12-2";
-var root = "_ia7amm2-3-12-2 _96tj13c-3-12-2";
-var statement = "_ia7amm3-3-12-2";
-var whitespace = "_ia7amm7-3-12-2";
+var highlight = "_ia7amm6-3-13-0";
+var highlighting = { syntax: "_ia7amm0-3-13-0", minimal: "_ia7amm1-3-13-0" };
+var incompleteStatement = "_ia7amm4-3-13-0";
+var root = "_ia7amm2-3-13-0 _96tj13f-3-13-0";
+var statement = "_ia7amm3-3-13-0";
+var syntaxHighlight = "_ia7amm5-3-13-0";
+var whitespace = "_ia7amm7-3-13-0";
 export {
-  escapeCharacter,
   highlight,
   highlighting,
   incompleteStatement,
   root,
   statement,
+  syntaxHighlight,
   whitespace
 };
 //# sourceMappingURL=FilterStatement.sty.js.map

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 '../../../core/styles/virtualFocus.css';\nimport '../../../core/components/app-root/AppRoot.css';\nimport '../../../core/styles/diagnostic-tooltip.css';\nimport '../FilterField.css';\nimport '../suggestions/SuggestionsOverlay.css';\nimport '../suggestions/Suggestion.css';\nimport './FilterStatement.css';\nexport var escapeCharacter = '_ia7amm5-3-12-2';\nexport var highlight = '_ia7amm6-3-12-2';\nexport var highlighting = {syntax:'_ia7amm0-3-12-2',minimal:'_ia7amm1-3-12-2'};\nexport var incompleteStatement = '_ia7amm4-3-12-2';\nexport var root = '_ia7amm2-3-12-2 _96tj13c-3-12-2';\nexport var statement = '_ia7amm3-3-12-2';\nexport var whitespace = '_ia7amm7-3-12-2';"],
-  "mappings": "AAAA,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACA,IAAI,kBAAkB;AACtB,IAAI,YAAY;AAChB,IAAI,eAAe,EAAC,QAAO,mBAAkB,SAAQ,kBAAiB;AACtE,IAAI,sBAAsB;AAC1B,IAAI,OAAO;AACX,IAAI,YAAY;AAChB,IAAI,aAAa;",
+  "sourcesContent": ["import '../../../core/components/app-root/AppRoot.css';\nimport '../../../core/styles/virtualFocus.css';\nimport '../../../core/styles/diagnostic-tooltip.css';\nimport '../FilterField.css';\nimport '../suggestions/SuggestionsOverlay.css';\nimport '../suggestions/Suggestion.css';\nimport './FilterStatement.css';\nexport var highlight = '_ia7amm6-3-13-0';\nexport var highlighting = {syntax:'_ia7amm0-3-13-0',minimal:'_ia7amm1-3-13-0'};\nexport var incompleteStatement = '_ia7amm4-3-13-0';\nexport var root = '_ia7amm2-3-13-0 _96tj13f-3-13-0';\nexport var statement = '_ia7amm3-3-13-0';\nexport var syntaxHighlight = '_ia7amm5-3-13-0';\nexport var whitespace = '_ia7amm7-3-13-0';"],
+  "mappings": "AAAA,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACA,IAAI,YAAY;AAChB,IAAI,eAAe,EAAC,QAAO,mBAAkB,SAAQ,kBAAiB;AACtE,IAAI,sBAAsB;AAC1B,IAAI,OAAO;AACX,IAAI,YAAY;AAChB,IAAI,kBAAkB;AACtB,IAAI,aAAa;",
   "names": []
 }

package/esm/filters/filter-field/contexts/FilterFieldContext.js

@@ -4,6 +4,8 @@ const FilterFieldContext = createContext({
   applySuggestion: () => null,
   dispatch: () => null,
   autoSuggestions: {},
+  flattenedSuggestionItems: [],
+  groupMetadata: [],
   defaultSuggestionsCount: DEFAULT_SUGGESTIONS_COUNT,
   recentSuggestionValues: [],
   pinnedSuggestionValues: [],

package/esm/filters/filter-field/contexts/FilterFieldContext.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/filters/filter-field/contexts/FilterFieldContext.ts"],
-  "sourcesContent": ["import { createContext } from 'react';\n\nimport type { FilterFieldContextProps } from './FilterFieldContext.types.js';\nimport { DEFAULT_SUGGESTIONS_COUNT } from '../suggestions/suggestions-config.js';\n\n/** @internal */\nexport const FilterFieldContext = createContext<FilterFieldContextProps>({\n  applySuggestion: () => null,\n  dispatch: () => null,\n  autoSuggestions: {},\n  defaultSuggestionsCount: DEFAULT_SUGGESTIONS_COUNT,\n  recentSuggestionValues: [],\n  pinnedSuggestionValues: [],\n  logicalOperatorSuggestionValues: [],\n  pastedContentSuggestionValues: [],\n  searchSuggestionValues: [],\n  fallbackKeySuggestionValues: [],\n  statementSuggestionValues: [],\n  suggestionsOverlayRef: null,\n  triggerRef: null,\n  filterNamespace: null,\n  editorView: null,\n  handleNextSuggestion: () => null,\n});\n"],
-  "mappings": "AAAA,SAAS,qBAAqB;AAG9B,SAAS,iCAAiC;AAGnC,MAAM,qBAAqB,cAAuC;AAAA,EACvE,iBAAiB,MAAM;AAAA,EACvB,UAAU,MAAM;AAAA,EAChB,iBAAiB,CAAC;AAAA,EAClB,yBAAyB;AAAA,EACzB,wBAAwB,CAAC;AAAA,EACzB,wBAAwB,CAAC;AAAA,EACzB,iCAAiC,CAAC;AAAA,EAClC,+BAA+B,CAAC;AAAA,EAChC,wBAAwB,CAAC;AAAA,EACzB,6BAA6B,CAAC;AAAA,EAC9B,2BAA2B,CAAC;AAAA,EAC5B,uBAAuB;AAAA,EACvB,YAAY;AAAA,EACZ,iBAAiB;AAAA,EACjB,YAAY;AAAA,EACZ,sBAAsB,MAAM;AAC9B,CAAC;",
+  "sourcesContent": ["import { createContext } from 'react';\n\nimport type { FilterFieldContextProps } from './FilterFieldContext.types.js';\nimport { DEFAULT_SUGGESTIONS_COUNT } from '../suggestions/suggestions-config.js';\n\n/** @internal */\nexport const FilterFieldContext = createContext<FilterFieldContextProps>({\n  applySuggestion: () => null,\n  dispatch: () => null,\n  autoSuggestions: {},\n  flattenedSuggestionItems: [],\n  groupMetadata: [],\n  defaultSuggestionsCount: DEFAULT_SUGGESTIONS_COUNT,\n  recentSuggestionValues: [],\n  pinnedSuggestionValues: [],\n  logicalOperatorSuggestionValues: [],\n  pastedContentSuggestionValues: [],\n  searchSuggestionValues: [],\n  fallbackKeySuggestionValues: [],\n  statementSuggestionValues: [],\n  suggestionsOverlayRef: null,\n  triggerRef: null,\n  filterNamespace: null,\n  editorView: null,\n  handleNextSuggestion: () => null,\n});\n"],
+  "mappings": "AAAA,SAAS,qBAAqB;AAG9B,SAAS,iCAAiC;AAGnC,MAAM,qBAAqB,cAAuC;AAAA,EACvE,iBAAiB,MAAM;AAAA,EACvB,UAAU,MAAM;AAAA,EAChB,iBAAiB,CAAC;AAAA,EAClB,0BAA0B,CAAC;AAAA,EAC3B,eAAe,CAAC;AAAA,EAChB,yBAAyB;AAAA,EACzB,wBAAwB,CAAC;AAAA,EACzB,wBAAwB,CAAC;AAAA,EACzB,iCAAiC,CAAC;AAAA,EAClC,+BAA+B,CAAC;AAAA,EAChC,wBAAwB,CAAC;AAAA,EACzB,6BAA6B,CAAC;AAAA,EAC9B,2BAA2B,CAAC;AAAA,EAC5B,uBAAuB;AAAA,EACvB,YAAY;AAAA,EACZ,iBAAiB;AAAA,EACjB,YAAY;AAAA,EACZ,sBAAsB,MAAM;AAC9B,CAAC;",
   "names": []
 }

package/esm/filters/filter-field/decorations/decoration-marks.js

@@ -51,6 +51,11 @@ const escapedCharacterMark = Decoration.mark({
   class: styles.escapedCharacter,
   tagName: "span"
 });
+const wildcardInValueMark = Decoration.mark({
+  inclusive: false,
+  class: styles.wildcardInValue,
+  tagName: "span"
+});
 const errorMark = Decoration.mark({
   inclusive: true,
   class: styles.error,
@@ -79,6 +84,7 @@ export {
   searchMark,
   statementMark,
   valueMark,
-  variableMark
+  variableMark,
+  wildcardInValueMark
 };
 //# sourceMappingURL=decoration-marks.js.map

package/esm/filters/filter-field/decorations/decoration-marks.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/filters/filter-field/decorations/decoration-marks.ts"],
-  "sourcesContent": ["import { Decoration } from '@codemirror/view';\nimport clsx from 'clsx';\n\nimport * as styles from '../FilterField.sty.js';\n\n/** @internal */\nexport const statementMark = Decoration.mark({\n  inclusive: true,\n  class: styles.filterStatement,\n  tagName: 'span',\n});\n\n/** @internal */\nexport const incompleteStatementMark = Decoration.mark({\n  inclusive: true,\n  class: styles.incompleteFilterStatement,\n  tagName: 'span',\n});\n\n/** @internal */\nexport const intermediateStatementMark = Decoration.mark({\n  inclusive: true,\n  class: styles.intermediateFilterStatement,\n  tagName: 'span',\n});\n\n/** @internal */\nexport const pastingMark = Decoration.mark({\n  inclusive: true,\n  class: styles.pastedContent,\n  tagName: 'span',\n});\n\n/** @internal */\nexport const existsMark = Decoration.mark({\n  inclusive: true,\n  class: styles.existsOperator,\n  tagName: 'span',\n});\n\n/** @internal */\nexport const searchMark = Decoration.mark({\n  inclusive: true,\n  class: styles.operator,\n  tagName: 'span',\n});\n\n/** @internal */\nexport const keyMark = Decoration.mark({\n  inclusive: true,\n  class: styles.filterKey,\n  tagName: 'span',\n});\n\n/** @internal */\nexport const valueMark = Decoration.mark({\n  inclusive: true,\n  class: styles.filterValue,\n  tagName: 'span',\n});\n\n/** @internal */\nexport const variableMark = Decoration.mark({\n  inclusive: true,\n  class: styles.variable,\n  tagName: 'span',\n});\n\n/** @internal */\nexport const escapedCharacterMark = Decoration.mark({\n  inclusive: true,\n  class: styles.escapedCharacter,\n  tagName: 'span',\n});\n\n/** @internal */\nexport const errorMark = Decoration.mark({\n  inclusive: true,\n  class: styles.error,\n  tagName: 'span',\n});\n\n// The error indicator for spot errors is shifted to either before or after\n// the error's position. The actual error covers a slightly bigger range to have\n// a bigger hover area for showing the tooltip.\n/**\n * @internal\n */\nexport const preSpotErrorMark = Decoration.mark({\n  inclusive: true,\n  class: clsx(styles.spotError, styles.preSpotError),\n  tagName: 'span',\n});\n\n/** @internal */\nexport const postSpotErrorMark = Decoration.mark({\n  inclusive: true,\n  class: clsx(styles.spotError, styles.postSpotError),\n  tagName: 'span',\n});\n"],
-  "mappings": "AAAA,SAAS,kBAAkB;AAC3B,OAAO,UAAU;AAEjB,YAAY,YAAY;AAGjB,MAAM,gBAAgB,WAAW,KAAK;AAAA,EAC3C,WAAW;AAAA,EACX,OAAO,OAAO;AAAA,EACd,SAAS;AACX,CAAC;AAGM,MAAM,0BAA0B,WAAW,KAAK;AAAA,EACrD,WAAW;AAAA,EACX,OAAO,OAAO;AAAA,EACd,SAAS;AACX,CAAC;AAGM,MAAM,4BAA4B,WAAW,KAAK;AAAA,EACvD,WAAW;AAAA,EACX,OAAO,OAAO;AAAA,EACd,SAAS;AACX,CAAC;AAGM,MAAM,cAAc,WAAW,KAAK;AAAA,EACzC,WAAW;AAAA,EACX,OAAO,OAAO;AAAA,EACd,SAAS;AACX,CAAC;AAGM,MAAM,aAAa,WAAW,KAAK;AAAA,EACxC,WAAW;AAAA,EACX,OAAO,OAAO;AAAA,EACd,SAAS;AACX,CAAC;AAGM,MAAM,aAAa,WAAW,KAAK;AAAA,EACxC,WAAW;AAAA,EACX,OAAO,OAAO;AAAA,EACd,SAAS;AACX,CAAC;AAGM,MAAM,UAAU,WAAW,KAAK;AAAA,EACrC,WAAW;AAAA,EACX,OAAO,OAAO;AAAA,EACd,SAAS;AACX,CAAC;AAGM,MAAM,YAAY,WAAW,KAAK;AAAA,EACvC,WAAW;AAAA,EACX,OAAO,OAAO;AAAA,EACd,SAAS;AACX,CAAC;AAGM,MAAM,eAAe,WAAW,KAAK;AAAA,EAC1C,WAAW;AAAA,EACX,OAAO,OAAO;AAAA,EACd,SAAS;AACX,CAAC;AAGM,MAAM,uBAAuB,WAAW,KAAK;AAAA,EAClD,WAAW;AAAA,EACX,OAAO,OAAO;AAAA,EACd,SAAS;AACX,CAAC;AAGM,MAAM,YAAY,WAAW,KAAK;AAAA,EACvC,WAAW;AAAA,EACX,OAAO,OAAO;AAAA,EACd,SAAS;AACX,CAAC;AAQM,MAAM,mBAAmB,WAAW,KAAK;AAAA,EAC9C,WAAW;AAAA,EACX,OAAO,KAAK,OAAO,WAAW,OAAO,YAAY;AAAA,EACjD,SAAS;AACX,CAAC;AAGM,MAAM,oBAAoB,WAAW,KAAK;AAAA,EAC/C,WAAW;AAAA,EACX,OAAO,KAAK,OAAO,WAAW,OAAO,aAAa;AAAA,EAClD,SAAS;AACX,CAAC;",
+  "sourcesContent": ["import { Decoration } from '@codemirror/view';\nimport clsx from 'clsx';\n\nimport * as styles from '../FilterField.sty.js';\n\n/** @internal */\nexport const statementMark = Decoration.mark({\n  inclusive: true,\n  class: styles.filterStatement,\n  tagName: 'span',\n});\n\n/** @internal */\nexport const incompleteStatementMark = Decoration.mark({\n  inclusive: true,\n  class: styles.incompleteFilterStatement,\n  tagName: 'span',\n});\n\n/** @internal */\nexport const intermediateStatementMark = Decoration.mark({\n  inclusive: true,\n  class: styles.intermediateFilterStatement,\n  tagName: 'span',\n});\n\n/** @internal */\nexport const pastingMark = Decoration.mark({\n  inclusive: true,\n  class: styles.pastedContent,\n  tagName: 'span',\n});\n\n/** @internal */\nexport const existsMark = Decoration.mark({\n  inclusive: true,\n  class: styles.existsOperator,\n  tagName: 'span',\n});\n\n/** @internal */\nexport const searchMark = Decoration.mark({\n  inclusive: true,\n  class: styles.operator,\n  tagName: 'span',\n});\n\n/** @internal */\nexport const keyMark = Decoration.mark({\n  inclusive: true,\n  class: styles.filterKey,\n  tagName: 'span',\n});\n\n/** @internal */\nexport const valueMark = Decoration.mark({\n  inclusive: true,\n  class: styles.filterValue,\n  tagName: 'span',\n});\n\n/** @internal */\nexport const variableMark = Decoration.mark({\n  inclusive: true,\n  class: styles.variable,\n  tagName: 'span',\n});\n\n/** @internal */\nexport const escapedCharacterMark = Decoration.mark({\n  inclusive: true,\n  class: styles.escapedCharacter,\n  tagName: 'span',\n});\n\n/** @internal */\nexport const wildcardInValueMark = Decoration.mark({\n  inclusive: false,\n  class: styles.wildcardInValue,\n  tagName: 'span',\n});\n\n/** @internal */\nexport const errorMark = Decoration.mark({\n  inclusive: true,\n  class: styles.error,\n  tagName: 'span',\n});\n\n// The error indicator for spot errors is shifted to either before or after\n// the error's position. The actual error covers a slightly bigger range to have\n// a bigger hover area for showing the tooltip.\n/**\n * @internal\n */\nexport const preSpotErrorMark = Decoration.mark({\n  inclusive: true,\n  class: clsx(styles.spotError, styles.preSpotError),\n  tagName: 'span',\n});\n\n/** @internal */\nexport const postSpotErrorMark = Decoration.mark({\n  inclusive: true,\n  class: clsx(styles.spotError, styles.postSpotError),\n  tagName: 'span',\n});\n"],
+  "mappings": "AAAA,SAAS,kBAAkB;AAC3B,OAAO,UAAU;AAEjB,YAAY,YAAY;AAGjB,MAAM,gBAAgB,WAAW,KAAK;AAAA,EAC3C,WAAW;AAAA,EACX,OAAO,OAAO;AAAA,EACd,SAAS;AACX,CAAC;AAGM,MAAM,0BAA0B,WAAW,KAAK;AAAA,EACrD,WAAW;AAAA,EACX,OAAO,OAAO;AAAA,EACd,SAAS;AACX,CAAC;AAGM,MAAM,4BAA4B,WAAW,KAAK;AAAA,EACvD,WAAW;AAAA,EACX,OAAO,OAAO;AAAA,EACd,SAAS;AACX,CAAC;AAGM,MAAM,cAAc,WAAW,KAAK;AAAA,EACzC,WAAW;AAAA,EACX,OAAO,OAAO;AAAA,EACd,SAAS;AACX,CAAC;AAGM,MAAM,aAAa,WAAW,KAAK;AAAA,EACxC,WAAW;AAAA,EACX,OAAO,OAAO;AAAA,EACd,SAAS;AACX,CAAC;AAGM,MAAM,aAAa,WAAW,KAAK;AAAA,EACxC,WAAW;AAAA,EACX,OAAO,OAAO;AAAA,EACd,SAAS;AACX,CAAC;AAGM,MAAM,UAAU,WAAW,KAAK;AAAA,EACrC,WAAW;AAAA,EACX,OAAO,OAAO;AAAA,EACd,SAAS;AACX,CAAC;AAGM,MAAM,YAAY,WAAW,KAAK;AAAA,EACvC,WAAW;AAAA,EACX,OAAO,OAAO;AAAA,EACd,SAAS;AACX,CAAC;AAGM,MAAM,eAAe,WAAW,KAAK;AAAA,EAC1C,WAAW;AAAA,EACX,OAAO,OAAO;AAAA,EACd,SAAS;AACX,CAAC;AAGM,MAAM,uBAAuB,WAAW,KAAK;AAAA,EAClD,WAAW;AAAA,EACX,OAAO,OAAO;AAAA,EACd,SAAS;AACX,CAAC;AAGM,MAAM,sBAAsB,WAAW,KAAK;AAAA,EACjD,WAAW;AAAA,EACX,OAAO,OAAO;AAAA,EACd,SAAS;AACX,CAAC;AAGM,MAAM,YAAY,WAAW,KAAK;AAAA,EACvC,WAAW;AAAA,EACX,OAAO,OAAO;AAAA,EACd,SAAS;AACX,CAAC;AAQM,MAAM,mBAAmB,WAAW,KAAK;AAAA,EAC9C,WAAW;AAAA,EACX,OAAO,KAAK,OAAO,WAAW,OAAO,YAAY;AAAA,EACjD,SAAS;AACX,CAAC;AAGM,MAAM,oBAAoB,WAAW,KAAK;AAAA,EAC/C,WAAW;AAAA,EACX,OAAO,KAAK,OAAO,WAAW,OAAO,aAAa;AAAA,EAClD,SAAS;AACX,CAAC;",
   "names": []
 }

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

@@ -49,6 +49,7 @@ function collectRawDecorations(view, pastedRange) {
     syntaxTree(view.state).iterate({
       from,
       to,
+      // oxlint-disable-next-line no-loop-func
       enter: (node) => {
         if (node.name === "FilterStatement") {
           const { from: statementFrom, to: statementTo } = node;