@dynatrace/strato-components 3.0.1 → 3.1.0

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

@@ -229,9 +229,11 @@ function FilterStatement(props) {
     highlighting = "syntax"
   } = props;
   const tokenizedValue = useMemo(() => {
-    return convertStringToFilterFieldTree(filterString ?? "", void 0, {
-      jsonPathConversion: true,
-      searchConversion: true
+    return convertStringToFilterFieldTree(filterString ?? "", {
+      parserConfig: {
+        jsonPathConversion: true,
+        searchConversion: true
+      }
     });
   }, [filterString]);
   return /* @__PURE__ */ jsx(

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 ?? '', undefined, {\n      jsonPathConversion: true,\n      searchConversion: true,\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-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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",
   "names": []
 }

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

@@ -2,12 +2,12 @@ import "../FilterField.css";
 import "../suggestions/SuggestionsOverlay.css";
 import "../suggestions/Suggestion.css";
 import "./FilterStatement.css";
-var escapeCharacter = "_ia7amm4-3-0-1";
-var highlight = "_ia7amm5-3-0-1";
-var highlighting = { syntax: "_ia7amm0-3-0-1", minimal: "_ia7amm1-3-0-1" };
-var root = "_ia7amm2-3-0-1 _96tj13c-3-0-1";
-var statement = "_ia7amm3-3-0-1";
-var whitespace = "_ia7amm6-3-0-1";
+var escapeCharacter = "_ia7amm4-3-1-0";
+var highlight = "_ia7amm5-3-1-0";
+var highlighting = { syntax: "_ia7amm0-3-1-0", minimal: "_ia7amm1-3-1-0" };
+var root = "_ia7amm2-3-1-0 _96tj13c-3-1-0";
+var statement = "_ia7amm3-3-1-0";
+var whitespace = "_ia7amm6-3-1-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-0-1';\nexport var highlight = '_ia7amm5-3-0-1';\nexport var highlighting = {syntax:'_ia7amm0-3-0-1',minimal:'_ia7amm1-3-0-1'};\nexport var root = '_ia7amm2-3-0-1 _96tj13c-3-0-1';\nexport var statement = '_ia7amm3-3-0-1';\nexport var whitespace = '_ia7amm6-3-0-1';"],
+  "sourcesContent": ["import '../FilterField.css';\nimport '../suggestions/SuggestionsOverlay.css';\nimport '../suggestions/Suggestion.css';\nimport './FilterStatement.css';\nexport var escapeCharacter = '_ia7amm4-3-1-0';\nexport var highlight = '_ia7amm5-3-1-0';\nexport var highlighting = {syntax:'_ia7amm0-3-1-0',minimal:'_ia7amm1-3-1-0'};\nexport var root = '_ia7amm2-3-1-0 _96tj13c-3-1-0';\nexport var statement = '_ia7amm3-3-1-0';\nexport var whitespace = '_ia7amm6-3-1-0';"],
   "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;",
   "names": []
 }

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

@@ -3,7 +3,7 @@ import { DEFAULT_SUGGESTIONS_COUNT } from "../suggestions/suggestions-config.js"
 const FilterFieldContext = createContext({
   applySuggestion: () => null,
   dispatch: () => null,
-  autoSuggestions: { flattenedSuggestions: [] },
+  autoSuggestions: {},
   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: { flattenedSuggestions: [] },\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,EAAE,sBAAsB,CAAC,EAAE;AAAA,EAC5C,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  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;",
   "names": []
 }

package/esm/filters/filter-field/error-fallback/filter-value-obfuscation-util.js

@@ -84,11 +84,10 @@ function obfuscateGroupNode(groupNode) {
   };
 }
 function obfuscateFilterString(filterString, validatorMap, parserConfig) {
-  const tree = convertStringToFilterFieldTree(
-    filterString,
+  const tree = convertStringToFilterFieldTree(filterString, {
     validatorMap,
     parserConfig
-  );
+  });
   if (tree.tree) {
     return convertFilterFieldTreeToString(obfuscateGroupNode(tree.tree));
   }

package/esm/filters/filter-field/error-fallback/filter-value-obfuscation-util.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/filters/filter-field/error-fallback/filter-value-obfuscation-util.ts"],
-  "sourcesContent": ["import {\n  FilterFieldGroupNode,\n  FilterFieldLeafNode,\n  FilterFieldListNode,\n  FilterFieldNode,\n  FilterFieldStatementNode,\n} from '../types/tree-nodes.js';\nimport type { FilterFieldValidatorMap } from '../types/validation.js';\nimport { convertStringToFilterFieldTree } from '../utils/conversion/string-tree-conversion.js';\nimport { convertFilterFieldTreeToString } from '../utils/conversion/tree-string-conversion.js';\nimport { RESERVED_CHARACTERS } from '../utils/escape-suggestion.js';\n\n/**\n * Replacement map for obfuscating filter values based on their type.\n * Each character in the original value will be replaced with the corresponding\n * replacement character while preserving the original length.\n * @internal\n */\nconst TYPE_REPLACEMENT_MAP = {\n  Key: 'k',\n  String: 's',\n  JSONPath: 'j',\n  Variable: 'v',\n  Number: 'n',\n  BigInt: 'b',\n  Duration: 'd',\n  IPAddress: 'i',\n  Error: 'e',\n  UID: 'u',\n  SmartscapeId: 'c',\n  Timestamp: 't',\n  // The following are not obfuscated\n  LogicalOperator: null,\n  ComparisonOperator: null,\n  ExistsOperator: null,\n  SearchOperator: null,\n  InclusionOperator: null,\n  Boolean: null,\n} as const;\n\n// We include the dot in the reserved characters for IPAddress and JSONPath types to preserve them during obfuscation.\nconst EXTENDED_RESERVED_CHARACTERS = `.${RESERVED_CHARACTERS}`;\n\nfunction getReplacementChar(node: FilterFieldLeafNode): string | null {\n  if (node.type in TYPE_REPLACEMENT_MAP) {\n    return TYPE_REPLACEMENT_MAP[node.type];\n  }\n  return 'U'; // unknown type;\n}\n\nfunction obfuscateText(\n  textValue: string | undefined,\n  replacementChar: string,\n): string {\n  if (textValue === undefined) {\n    return '';\n  }\n  return textValue\n    .split('')\n    .map((char) => {\n      if (EXTENDED_RESERVED_CHARACTERS.includes(char)) {\n        return char;\n      }\n      return replacementChar;\n    })\n    .join('');\n}\n\nfunction obfuscateFilterFieldLeafNode<\n  T extends FilterFieldLeafNode | FilterFieldListNode | undefined,\n>(node: T): T {\n  if (node === undefined) {\n    return node;\n  }\n\n  if (node.type === 'List') {\n    return {\n      ...node,\n      value: node.value.map((value) => obfuscateFilterFieldLeafNode(value)),\n    };\n  }\n\n  const replacementChar = getReplacementChar(node);\n\n  if (!replacementChar) {\n    return node;\n  }\n\n  return {\n    ...node,\n    // Special handling for Duration type to avoid obfuscating reserved characters like 's', 'm', 'h', etc.\n    textValue:\n      node.type === 'Duration'\n        ? ''\n        : obfuscateText(node.textValue, replacementChar),\n    value: obfuscateText(String(node.value), replacementChar),\n  };\n}\n\nfunction obfuscateStatement(\n  node: FilterFieldStatementNode,\n): FilterFieldStatementNode {\n  return {\n    ...node,\n    key: obfuscateFilterFieldLeafNode(node.key),\n    comparisonOperator: node.comparisonOperator,\n    value: obfuscateFilterFieldLeafNode(node.value),\n  };\n}\n\nfunction obfuscateGroupNode(\n  groupNode: FilterFieldGroupNode,\n): FilterFieldGroupNode {\n  return {\n    ...groupNode,\n    children: groupNode.children.map((node) => {\n      if (node.type === 'Group') {\n        return obfuscateGroupNode(node);\n      }\n      if (node.type === 'Statement') {\n        return obfuscateStatement(node);\n      }\n      return node as FilterFieldNode;\n    }),\n  };\n}\n\n/**\n * Obfuscates a filter field value, so that no customer internals are included\n * @example\n * ```\n * input: obfuscateFilterString(\"foo = bar AND baz = 1\")\n * output: kkk = sssss AND kkk = n\n *```\n * @param filterString - filter field value\n * @internal\n */\nexport function obfuscateFilterString(\n  filterString: string,\n  validatorMap?: FilterFieldValidatorMap,\n  parserConfig?: {\n    searchConversion?: boolean;\n    jsonPathConversion?: boolean;\n    ipAddressConversion?: boolean;\n    uidConversion?: boolean;\n    timestampConversion?: boolean;\n    smartscapeIdConversion?: boolean;\n  },\n) {\n  const tree = convertStringToFilterFieldTree(\n    filterString,\n    validatorMap,\n    parserConfig,\n  );\n  if (tree.tree) {\n    return convertFilterFieldTreeToString(obfuscateGroupNode(tree.tree));\n  }\n  return 'no filter tree';\n}\n"],
-  "mappings": "AAQA,SAAS,sCAAsC;AAC/C,SAAS,sCAAsC;AAC/C,SAAS,2BAA2B;AAQpC,MAAM,uBAAuB;AAAA,EAC3B,KAAK;AAAA,EACL,QAAQ;AAAA,EACR,UAAU;AAAA,EACV,UAAU;AAAA,EACV,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,UAAU;AAAA,EACV,WAAW;AAAA,EACX,OAAO;AAAA,EACP,KAAK;AAAA,EACL,cAAc;AAAA,EACd,WAAW;AAAA;AAAA,EAEX,iBAAiB;AAAA,EACjB,oBAAoB;AAAA,EACpB,gBAAgB;AAAA,EAChB,gBAAgB;AAAA,EAChB,mBAAmB;AAAA,EACnB,SAAS;AACX;AAGA,MAAM,+BAA+B,IAAI,mBAAmB;AAE5D,SAAS,mBAAmB,MAA0C;AACpE,MAAI,KAAK,QAAQ,sBAAsB;AACrC,WAAO,qBAAqB,KAAK,IAAI;AAAA,EACvC;AACA,SAAO;AACT;AAEA,SAAS,cACP,WACA,iBACQ;AACR,MAAI,cAAc,QAAW;AAC3B,WAAO;AAAA,EACT;AACA,SAAO,UACJ,MAAM,EAAE,EACR,IAAI,CAAC,SAAS;AACb,QAAI,6BAA6B,SAAS,IAAI,GAAG;AAC/C,aAAO;AAAA,IACT;AACA,WAAO;AAAA,EACT,CAAC,EACA,KAAK,EAAE;AACZ;AAEA,SAAS,6BAEP,MAAY;AACZ,MAAI,SAAS,QAAW;AACtB,WAAO;AAAA,EACT;AAEA,MAAI,KAAK,SAAS,QAAQ;AACxB,WAAO;AAAA,MACL,GAAG;AAAA,MACH,OAAO,KAAK,MAAM,IAAI,CAAC,UAAU,6BAA6B,KAAK,CAAC;AAAA,IACtE;AAAA,EACF;AAEA,QAAM,kBAAkB,mBAAmB,IAAI;AAE/C,MAAI,CAAC,iBAAiB;AACpB,WAAO;AAAA,EACT;AAEA,SAAO;AAAA,IACL,GAAG;AAAA;AAAA,IAEH,WACE,KAAK,SAAS,aACV,KACA,cAAc,KAAK,WAAW,eAAe;AAAA,IACnD,OAAO,cAAc,OAAO,KAAK,KAAK,GAAG,eAAe;AAAA,EAC1D;AACF;AAEA,SAAS,mBACP,MAC0B;AAC1B,SAAO;AAAA,IACL,GAAG;AAAA,IACH,KAAK,6BAA6B,KAAK,GAAG;AAAA,IAC1C,oBAAoB,KAAK;AAAA,IACzB,OAAO,6BAA6B,KAAK,KAAK;AAAA,EAChD;AACF;AAEA,SAAS,mBACP,WACsB;AACtB,SAAO;AAAA,IACL,GAAG;AAAA,IACH,UAAU,UAAU,SAAS,IAAI,CAAC,SAAS;AACzC,UAAI,KAAK,SAAS,SAAS;AACzB,eAAO,mBAAmB,IAAI;AAAA,MAChC;AACA,UAAI,KAAK,SAAS,aAAa;AAC7B,eAAO,mBAAmB,IAAI;AAAA,MAChC;AACA,aAAO;AAAA,IACT,CAAC;AAAA,EACH;AACF;AAYO,SAAS,sBACd,cACA,cACA,cAQA;AACA,QAAM,OAAO;AAAA,IACX;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACA,MAAI,KAAK,MAAM;AACb,WAAO,+BAA+B,mBAAmB,KAAK,IAAI,CAAC;AAAA,EACrE;AACA,SAAO;AACT;",
+  "sourcesContent": ["import {\n  FilterFieldGroupNode,\n  FilterFieldLeafNode,\n  FilterFieldListNode,\n  FilterFieldNode,\n  FilterFieldStatementNode,\n} from '../types/tree-nodes.js';\nimport type { FilterFieldValidatorMap } from '../types/validation.js';\nimport { convertStringToFilterFieldTree } from '../utils/conversion/string-tree-conversion.js';\nimport { convertFilterFieldTreeToString } from '../utils/conversion/tree-string-conversion.js';\nimport { RESERVED_CHARACTERS } from '../utils/escape-suggestion.js';\n\n/**\n * Replacement map for obfuscating filter values based on their type.\n * Each character in the original value will be replaced with the corresponding\n * replacement character while preserving the original length.\n * @internal\n */\nconst TYPE_REPLACEMENT_MAP = {\n  Key: 'k',\n  String: 's',\n  JSONPath: 'j',\n  Variable: 'v',\n  Number: 'n',\n  BigInt: 'b',\n  Duration: 'd',\n  IPAddress: 'i',\n  Error: 'e',\n  UID: 'u',\n  SmartscapeId: 'c',\n  Timestamp: 't',\n  // The following are not obfuscated\n  LogicalOperator: null,\n  ComparisonOperator: null,\n  ExistsOperator: null,\n  SearchOperator: null,\n  InclusionOperator: null,\n  Boolean: null,\n} as const;\n\n// We include the dot in the reserved characters for IPAddress and JSONPath types to preserve them during obfuscation.\nconst EXTENDED_RESERVED_CHARACTERS = `.${RESERVED_CHARACTERS}`;\n\nfunction getReplacementChar(node: FilterFieldLeafNode): string | null {\n  if (node.type in TYPE_REPLACEMENT_MAP) {\n    return TYPE_REPLACEMENT_MAP[node.type];\n  }\n  return 'U'; // unknown type;\n}\n\nfunction obfuscateText(\n  textValue: string | undefined,\n  replacementChar: string,\n): string {\n  if (textValue === undefined) {\n    return '';\n  }\n  return textValue\n    .split('')\n    .map((char) => {\n      if (EXTENDED_RESERVED_CHARACTERS.includes(char)) {\n        return char;\n      }\n      return replacementChar;\n    })\n    .join('');\n}\n\nfunction obfuscateFilterFieldLeafNode<\n  T extends FilterFieldLeafNode | FilterFieldListNode | undefined,\n>(node: T): T {\n  if (node === undefined) {\n    return node;\n  }\n\n  if (node.type === 'List') {\n    return {\n      ...node,\n      value: node.value.map((value) => obfuscateFilterFieldLeafNode(value)),\n    };\n  }\n\n  const replacementChar = getReplacementChar(node);\n\n  if (!replacementChar) {\n    return node;\n  }\n\n  return {\n    ...node,\n    // Special handling for Duration type to avoid obfuscating reserved characters like 's', 'm', 'h', etc.\n    textValue:\n      node.type === 'Duration'\n        ? ''\n        : obfuscateText(node.textValue, replacementChar),\n    value: obfuscateText(String(node.value), replacementChar),\n  };\n}\n\nfunction obfuscateStatement(\n  node: FilterFieldStatementNode,\n): FilterFieldStatementNode {\n  return {\n    ...node,\n    key: obfuscateFilterFieldLeafNode(node.key),\n    comparisonOperator: node.comparisonOperator,\n    value: obfuscateFilterFieldLeafNode(node.value),\n  };\n}\n\nfunction obfuscateGroupNode(\n  groupNode: FilterFieldGroupNode,\n): FilterFieldGroupNode {\n  return {\n    ...groupNode,\n    children: groupNode.children.map((node) => {\n      if (node.type === 'Group') {\n        return obfuscateGroupNode(node);\n      }\n      if (node.type === 'Statement') {\n        return obfuscateStatement(node);\n      }\n      return node as FilterFieldNode;\n    }),\n  };\n}\n\n/**\n * Obfuscates a filter field value, so that no customer internals are included\n * @example\n * ```\n * input: obfuscateFilterString(\"foo = bar AND baz = 1\")\n * output: kkk = sssss AND kkk = n\n *```\n * @param filterString - filter field value\n * @internal\n */\nexport function obfuscateFilterString(\n  filterString: string,\n  validatorMap?: FilterFieldValidatorMap,\n  parserConfig?: {\n    searchConversion?: boolean;\n    jsonPathConversion?: boolean;\n    ipAddressConversion?: boolean;\n    uidConversion?: boolean;\n    timestampConversion?: boolean;\n    smartscapeIdConversion?: boolean;\n  },\n) {\n  const tree = convertStringToFilterFieldTree(filterString, {\n    validatorMap,\n    parserConfig,\n  });\n  if (tree.tree) {\n    return convertFilterFieldTreeToString(obfuscateGroupNode(tree.tree));\n  }\n  return 'no filter tree';\n}\n"],
+  "mappings": "AAQA,SAAS,sCAAsC;AAC/C,SAAS,sCAAsC;AAC/C,SAAS,2BAA2B;AAQpC,MAAM,uBAAuB;AAAA,EAC3B,KAAK;AAAA,EACL,QAAQ;AAAA,EACR,UAAU;AAAA,EACV,UAAU;AAAA,EACV,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,UAAU;AAAA,EACV,WAAW;AAAA,EACX,OAAO;AAAA,EACP,KAAK;AAAA,EACL,cAAc;AAAA,EACd,WAAW;AAAA;AAAA,EAEX,iBAAiB;AAAA,EACjB,oBAAoB;AAAA,EACpB,gBAAgB;AAAA,EAChB,gBAAgB;AAAA,EAChB,mBAAmB;AAAA,EACnB,SAAS;AACX;AAGA,MAAM,+BAA+B,IAAI,mBAAmB;AAE5D,SAAS,mBAAmB,MAA0C;AACpE,MAAI,KAAK,QAAQ,sBAAsB;AACrC,WAAO,qBAAqB,KAAK,IAAI;AAAA,EACvC;AACA,SAAO;AACT;AAEA,SAAS,cACP,WACA,iBACQ;AACR,MAAI,cAAc,QAAW;AAC3B,WAAO;AAAA,EACT;AACA,SAAO,UACJ,MAAM,EAAE,EACR,IAAI,CAAC,SAAS;AACb,QAAI,6BAA6B,SAAS,IAAI,GAAG;AAC/C,aAAO;AAAA,IACT;AACA,WAAO;AAAA,EACT,CAAC,EACA,KAAK,EAAE;AACZ;AAEA,SAAS,6BAEP,MAAY;AACZ,MAAI,SAAS,QAAW;AACtB,WAAO;AAAA,EACT;AAEA,MAAI,KAAK,SAAS,QAAQ;AACxB,WAAO;AAAA,MACL,GAAG;AAAA,MACH,OAAO,KAAK,MAAM,IAAI,CAAC,UAAU,6BAA6B,KAAK,CAAC;AAAA,IACtE;AAAA,EACF;AAEA,QAAM,kBAAkB,mBAAmB,IAAI;AAE/C,MAAI,CAAC,iBAAiB;AACpB,WAAO;AAAA,EACT;AAEA,SAAO;AAAA,IACL,GAAG;AAAA;AAAA,IAEH,WACE,KAAK,SAAS,aACV,KACA,cAAc,KAAK,WAAW,eAAe;AAAA,IACnD,OAAO,cAAc,OAAO,KAAK,KAAK,GAAG,eAAe;AAAA,EAC1D;AACF;AAEA,SAAS,mBACP,MAC0B;AAC1B,SAAO;AAAA,IACL,GAAG;AAAA,IACH,KAAK,6BAA6B,KAAK,GAAG;AAAA,IAC1C,oBAAoB,KAAK;AAAA,IACzB,OAAO,6BAA6B,KAAK,KAAK;AAAA,EAChD;AACF;AAEA,SAAS,mBACP,WACsB;AACtB,SAAO;AAAA,IACL,GAAG;AAAA,IACH,UAAU,UAAU,SAAS,IAAI,CAAC,SAAS;AACzC,UAAI,KAAK,SAAS,SAAS;AACzB,eAAO,mBAAmB,IAAI;AAAA,MAChC;AACA,UAAI,KAAK,SAAS,aAAa;AAC7B,eAAO,mBAAmB,IAAI;AAAA,MAChC;AACA,aAAO;AAAA,IACT,CAAC;AAAA,EACH;AACF;AAYO,SAAS,sBACd,cACA,cACA,cAQA;AACA,QAAM,OAAO,+BAA+B,cAAc;AAAA,IACxD;AAAA,IACA;AAAA,EACF,CAAC;AACD,MAAI,KAAK,MAAM;AACb,WAAO,+BAA+B,mBAAmB,KAAK,IAAI,CAAC;AAAA,EACrE;AACA,SAAO;AACT;",
   "names": []
 }

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

@@ -4,23 +4,24 @@ import {
   ANNOTATION_SUGGESTION_PIN,
   pinnedFiltersEffect
 } from "../../editor-state-configs/editor-config.js";
-function usePinnedFilterSuggestions(editorViewRef, filterNamespace = null) {
+function usePinnedFilterSuggestions(editorViewRef, filterNamespace = null, isOpen) {
   const pinnedFilters = usePinnedFilters(filterNamespace);
   useEffect(() => {
-    if (editorViewRef.current && pinnedFilters) {
-      const pinnedFiltersSuggestions = pinnedFilters.map(
-        (storedFilter) => ({
-          value: storedFilter.filter,
-          insertionStrategy: "replace-all",
-          displayValue: storedFilter.filter
-        })
-      );
-      editorViewRef.current.dispatch({
-        userEvent: ANNOTATION_SUGGESTION_PIN,
-        effects: [pinnedFiltersEffect.of(pinnedFiltersSuggestions)]
-      });
+    if (!editorViewRef.current) {
+      return;
     }
-  }, [editorViewRef, pinnedFilters]);
+    const pinnedFiltersSuggestions = pinnedFilters.map(
+      (storedFilter) => ({
+        value: storedFilter.filter,
+        insertionStrategy: "replace-all",
+        displayValue: storedFilter.filter
+      })
+    );
+    editorViewRef.current.dispatch({
+      userEvent: !isOpen ? void 0 : ANNOTATION_SUGGESTION_PIN,
+      effects: [pinnedFiltersEffect.of(pinnedFiltersSuggestions)]
+    });
+  }, [editorViewRef.current, JSON.stringify(pinnedFilters)]);
 }
 export {
   usePinnedFilterSuggestions

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

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

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

@@ -33,7 +33,7 @@ function useRecentFilterSuggestions(editorViewRef, filterNamespace = null) {
         effects: [recentFiltersEffect.of(recentFiltersSuggestions)]
       });
     }
-  }, [state, editorViewRef, recentFilters]);
+  }, [state, editorViewRef.current, JSON.stringify(recentFilters)]);
 }
 export {
   useRecentFilterSuggestions

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

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

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

@@ -1,13 +1,6 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import clsx from "clsx";
-import {
-  Children,
-  cloneElement,
-  isValidElement,
-  useLayoutEffect,
-  useMemo,
-  useState
-} from "react";
+import { useLayoutEffect, useMemo, useState } from "react";
 import { FormattedMessage } from "react-intl";
 import {
   ChevronDownSmallIcon,
@@ -17,16 +10,14 @@ import { useId } from "../../../core/hooks/useId.js";
 import { Flex } from "../../../layouts/flex/Flex.js";
 import { filterFieldMessages } from "../messages.js";
 import { useFilterFieldContext } from "./useFilterFieldContext.js";
-import { isSlot } from "../../../core/utils/is-slot.js";
 import * as styles from "../suggestions/RecentPinnedSuggestionItem.sty.js";
-import { SuggestionGroup } from "../suggestions/SuggestionGroup.js";
 import {
   getCurrentFocusableListItemByIndex,
   getCurrentFocusableListItemIndex
 } from "../utils/get-next-suggestion.js";
-import { isFilterFieldSuggestionGroup } from "../utils/tree-node-guards.js";
 function useShowMore(props) {
-  const { items, primaryCount } = props;
+  const { items, primaryCount, sliceFn: _propSliceFn } = props;
+  const sliceFn = _propSliceFn ?? defaultSlice;
   const [isExpanded, setIsExpanded] = useState(false);
   const [pendingNextSuggestionIndex, setPendingNextSuggestionIndex] = useState(null);
   const { focusedListItem, handleNextSuggestion, suggestionsOverlayRef } = useFilterFieldContext();
@@ -87,11 +78,11 @@ function useShowMore(props) {
     [focusedListItem?.id, id, isExpanded, suggestionsOverlayRef]
   );
   const { items: resultItems, isSliced } = useMemo(
-    () => sliceSuggestions(items, primaryCount),
+    () => sliceFn(items, primaryCount),
     // Only recompute when the suggestions themselves change to avoid flashing
     // when the primaryCount toggles (e.g., empty vs filled input) without data changes.
     // eslint-disable-next-line react-hooks/exhaustive-deps
-    [items]
+    [items, sliceFn]
   );
   if (primaryCount === -1) {
     return {
@@ -108,58 +99,45 @@ function useShowMore(props) {
     isExpanded
   };
 }
-function sliceSuggestions(suggestions, count) {
+function defaultSlice(items, count) {
+  if (items.length <= count + 1) {
+    return { items, isSliced: false };
+  }
+  return { items: items.slice(0, count), isSliced: true };
+}
+function sliceFlattenedSuggestions(suggestions, count) {
+  if (count === -1) {
+    return { items: suggestions, isSliced: false };
+  }
   let totalSuggestionCount = 0;
-  const itemsShown = [];
   for (const item of suggestions) {
-    if (totalSuggestionCount >= count + 2) {
-      break;
+    if (item.kind !== "group-header") {
+      totalSuggestionCount++;
     }
-    if (isFilterFieldSuggestionGroup(item)) {
-      if (item.suggestions) {
-        const missingCount = Math.max(0, count - totalSuggestionCount);
-        itemsShown.push({
-          ...item,
-          suggestions: item.suggestions.slice(0, missingCount)
-        });
-        totalSuggestionCount += item.suggestions.length;
-      }
+  }
+  if (totalSuggestionCount <= count + 1) {
+    return { items: suggestions, isSliced: false };
+  }
+  let visibleCount = 0;
+  const itemsShown = [];
+  for (const item of suggestions) {
+    if (item.kind === "group-header") {
+      itemsShown.push(item);
       continue;
     }
-    if (isValidElement(item) && isSlot(item, SuggestionGroup)) {
-      const { children, suggestions: groupSuggestions = [] } = item.props;
-      const groupChildSuggestions = Children.toArray(children);
-      const groupSuggestionCount = groupChildSuggestions.length + groupSuggestions.length;
-      if (totalSuggestionCount + groupSuggestionCount <= count) {
-        itemsShown.push(item);
-        totalSuggestionCount += groupSuggestionCount;
-        continue;
-      }
-      let diffCount = Math.max(0, count - totalSuggestionCount);
-      const hasGroupSuggestions = groupSuggestions.length > 0 || groupChildSuggestions.length > 0;
-      if (hasGroupSuggestions && diffCount > 0) {
-        const newProps = {
-          suggestions: [],
-          children: []
-        };
-        newProps.suggestions = groupSuggestions.slice(0, diffCount);
-        diffCount = Math.max(0, diffCount - groupSuggestions.length);
-        newProps.children = groupChildSuggestions.slice(0, diffCount);
-        itemsShown.push(cloneElement(item, newProps));
-      }
-      totalSuggestionCount += groupSuggestionCount;
-    }
-    if (totalSuggestionCount < count) {
-      itemsShown.push(item);
+    if (visibleCount >= count) {
+      break;
     }
-    totalSuggestionCount++;
+    itemsShown.push(item);
+    visibleCount++;
   }
-  if (totalSuggestionCount <= count + 1) {
-    return { items: suggestions, isSliced: false };
+  if (itemsShown.length > 0 && itemsShown[itemsShown.length - 1].kind === "group-header") {
+    itemsShown.pop();
   }
   return { items: itemsShown, isSliced: true };
 }
 export {
+  sliceFlattenedSuggestions,
   useShowMore
 };
 //# sourceMappingURL=useShowMore.js.map

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

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

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

@@ -36,6 +36,7 @@ function useSuggestions(props) {
   const setUserAction = useErrorLogsStore((state) => state.setAction);
   const { ariaProps } = useFormFieldValidation(
     hiddenInputRef,
+    {},
     ariaLabelingProps
   );
   const [
@@ -268,15 +269,9 @@ function useSuggestions(props) {
   const autoSuggestionsConfig = useMemo(() => {
     const filterValue = suggestionsContext.current?.currentStatement?.value;
     const cursorPosition = editorViewRef.current?.state.selection.main.head;
-    const suggestions = [
-      ...autoSuggestionValues.key?.suggestions ?? [],
-      ...autoSuggestionValues.comparisonOperator?.suggestions ?? [],
-      ...autoSuggestionValues.value?.suggestions ?? []
-    ];
     return {
       trailing: cursorPosition === filterValue?.range.to ? " " : void 0,
-      groupedSuggestions: autoSuggestionValues,
-      flattenedSuggestions: suggestions
+      groupedSuggestions: autoSuggestionValues
     };
   }, [autoSuggestionValues]);
   return {