@dynatrace/strato-components 3.10.4 → 3.11.0

package/esm/filters/filter-field/state/recent-pinned-store.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/filters/filter-field/state/recent-pinned-store.tsx"],
-  "sourcesContent": ["import { parserVersion } from '../utils/conversion/tree-conversion.js';\n\n/** @internal */\nexport interface StoredFilter {\n  filter: string;\n  parserVersion: string;\n  timeUsed: Date;\n}\n\n/**\n * JSON shape as stored. timeUsed arrives as an ISO string after JSON.parse,\n * but may also be a Date when returned from addFilterToState (before serialization).\n * @internal\n */\nexport interface RawStoredFilter {\n  filter: string;\n  parserVersion?: string;\n  timeUsed?: Date | string;\n}\n\n/**\n * Re-hydrate a JSON-parsed filter array, converting timeUsed strings back to Dates.\n * @internal\n */\nexport function parseStoredFilters(\n  raw: RawStoredFilter[] | undefined,\n): StoredFilter[] {\n  if (!raw) {\n    return [];\n  }\n  return raw.map((f) => ({\n    ...f,\n    timeUsed:\n      f.timeUsed !== null && f.timeUsed !== undefined\n        ? new Date(f.timeUsed)\n        : new Date(),\n  })) as StoredFilter[];\n}\n\n/**\n * Update logic for saving a filter to the store.\n * @internal\n */\nexport function addFilterToState(\n  storedFilters: StoredFilter[],\n  filter: string,\n  limit: number,\n): StoredFilter[] {\n  const trimmedFilter = filter.trim();\n  const foundIndex = storedFilters.findIndex(\n    (saved) => saved.filter === trimmedFilter,\n  );\n  const newValues = [...storedFilters];\n\n  // The current filter that is trying to be saved was not in the store yet\n  // so we can add it.\n  if (foundIndex === -1) {\n    newValues.push({\n      filter: trimmedFilter,\n      parserVersion: parserVersion,\n      timeUsed: new Date(),\n    });\n  } else if (foundIndex > -1) {\n    // If the filter is found in the list, but the parser version\n    // mismatches, we can update the parser version.\n    if (storedFilters[foundIndex].parserVersion !== parserVersion) {\n      newValues[foundIndex].parserVersion = parserVersion;\n    }\n\n    // If the filter is found in the list, we can also update the timeUsed\n    storedFilters[foundIndex].timeUsed = new Date();\n  }\n\n  // Sort by timeUsed descending (newest first).\n  newValues.sort((a, b) => b.timeUsed.getTime() - a.timeUsed.getTime());\n\n  return newValues.slice(0, limit);\n}\n\n/**\n * Update logic for unpinning a filter\n * @internal\n */\nexport function removeFilterFromState(\n  storedFilters: StoredFilter[],\n  filter: string,\n): StoredFilter[] {\n  const trimmedFilter = filter.trim();\n  const foundIndex = storedFilters.findIndex(\n    (saved) => saved.filter === trimmedFilter,\n  );\n  const newValues = [...storedFilters];\n\n  if (foundIndex > -1) {\n    newValues.splice(foundIndex, 1);\n  }\n  return newValues;\n}\n"],
-  "mappings": "AAAA,SAAS,qBAAqB;AAwBvB,SAAS,mBACd,KACgB;AAChB,MAAI,CAAC,KAAK;AACR,WAAO,CAAC;AAAA,EACV;AACA,SAAO,IAAI,IAAI,CAAC,OAAO;AAAA,IACrB,GAAG;AAAA,IACH,UACE,EAAE,aAAa,QAAQ,EAAE,aAAa,SAClC,IAAI,KAAK,EAAE,QAAQ,IACnB,oBAAI,KAAK;AAAA,EACjB,EAAE;AACJ;AAMO,SAAS,iBACd,eACA,QACA,OACgB;AAChB,QAAM,gBAAgB,OAAO,KAAK;AAClC,QAAM,aAAa,cAAc;AAAA,IAC/B,CAAC,UAAU,MAAM,WAAW;AAAA,EAC9B;AACA,QAAM,YAAY,CAAC,GAAG,aAAa;AAInC,MAAI,eAAe,IAAI;AACrB,cAAU,KAAK;AAAA,MACb,QAAQ;AAAA,MACR;AAAA,MACA,UAAU,oBAAI,KAAK;AAAA,IACrB,CAAC;AAAA,EACH,WAAW,aAAa,IAAI;AAG1B,QAAI,cAAc,UAAU,EAAE,kBAAkB,eAAe;AAC7D,gBAAU,UAAU,EAAE,gBAAgB;AAAA,IACxC;AAGA,kBAAc,UAAU,EAAE,WAAW,oBAAI,KAAK;AAAA,EAChD;AAGA,YAAU,KAAK,CAAC,GAAG,MAAM,EAAE,SAAS,QAAQ,IAAI,EAAE,SAAS,QAAQ,CAAC;AAEpE,SAAO,UAAU,MAAM,GAAG,KAAK;AACjC;AAMO,SAAS,sBACd,eACA,QACgB;AAChB,QAAM,gBAAgB,OAAO,KAAK;AAClC,QAAM,aAAa,cAAc;AAAA,IAC/B,CAAC,UAAU,MAAM,WAAW;AAAA,EAC9B;AACA,QAAM,YAAY,CAAC,GAAG,aAAa;AAEnC,MAAI,aAAa,IAAI;AACnB,cAAU,OAAO,YAAY,CAAC;AAAA,EAChC;AACA,SAAO;AACT;",
+  "sourcesContent": ["import { parserVersion } from '../utils/conversion/tree-conversion.js';\n\n/** @internal */\nexport interface StoredFilter {\n  filter: string;\n  parserVersion: string;\n  timeUsed: Date;\n}\n\n/**\n * JSON shape as stored. timeUsed arrives as an ISO string after JSON.parse,\n * but may also be a Date when returned from addFilterToState (before serialization).\n * @internal\n */\nexport interface RawStoredFilter {\n  filter: string;\n  parserVersion?: string;\n  timeUsed?: Date | string;\n}\n\n/**\n * Re-hydrate a JSON-parsed filter array, converting timeUsed strings back to Dates.\n * @internal\n */\nexport function parseStoredFilters(\n  raw: RawStoredFilter[] | undefined,\n): StoredFilter[] {\n  if (!raw) {\n    return [];\n  }\n  return raw.map((f) => ({\n    ...f,\n    timeUsed:\n      f.timeUsed !== null && f.timeUsed !== undefined\n        ? new Date(f.timeUsed)\n        : new Date(),\n  })) as StoredFilter[];\n}\n\n/**\n * Update logic for saving a filter to the store.\n * @internal\n */\nexport function addFilterToState(\n  storedFilters: StoredFilter[],\n  filter: string,\n  limit: number,\n): StoredFilter[] {\n  const trimmedFilter = filter.trim();\n  if (trimmedFilter === '') {\n    return storedFilters;\n  }\n  const foundIndex = storedFilters.findIndex(\n    (saved) => saved.filter === trimmedFilter,\n  );\n  const newValues = [...storedFilters];\n\n  // The current filter that is trying to be saved was not in the store yet\n  // so we can add it.\n  if (foundIndex === -1) {\n    newValues.push({\n      filter: trimmedFilter,\n      parserVersion: parserVersion,\n      timeUsed: new Date(),\n    });\n  } else if (foundIndex > -1) {\n    // If the filter is found in the list, but the parser version\n    // mismatches, we can update the parser version.\n    if (storedFilters[foundIndex].parserVersion !== parserVersion) {\n      newValues[foundIndex].parserVersion = parserVersion;\n    }\n\n    // If the filter is found in the list, we can also update the timeUsed\n    storedFilters[foundIndex].timeUsed = new Date();\n  }\n\n  // Sort by timeUsed descending (newest first).\n  newValues.sort((a, b) => b.timeUsed.getTime() - a.timeUsed.getTime());\n\n  return newValues.slice(0, limit);\n}\n\n/**\n * Update logic for unpinning a filter\n * @internal\n */\nexport function removeFilterFromState(\n  storedFilters: StoredFilter[],\n  filter: string,\n): StoredFilter[] {\n  const trimmedFilter = filter.trim();\n  const foundIndex = storedFilters.findIndex(\n    (saved) => saved.filter === trimmedFilter,\n  );\n  const newValues = [...storedFilters];\n\n  if (foundIndex > -1) {\n    newValues.splice(foundIndex, 1);\n  }\n  return newValues;\n}\n"],
+  "mappings": "AAAA,SAAS,qBAAqB;AAwBvB,SAAS,mBACd,KACgB;AAChB,MAAI,CAAC,KAAK;AACR,WAAO,CAAC;AAAA,EACV;AACA,SAAO,IAAI,IAAI,CAAC,OAAO;AAAA,IACrB,GAAG;AAAA,IACH,UACE,EAAE,aAAa,QAAQ,EAAE,aAAa,SAClC,IAAI,KAAK,EAAE,QAAQ,IACnB,oBAAI,KAAK;AAAA,EACjB,EAAE;AACJ;AAMO,SAAS,iBACd,eACA,QACA,OACgB;AAChB,QAAM,gBAAgB,OAAO,KAAK;AAClC,MAAI,kBAAkB,IAAI;AACxB,WAAO;AAAA,EACT;AACA,QAAM,aAAa,cAAc;AAAA,IAC/B,CAAC,UAAU,MAAM,WAAW;AAAA,EAC9B;AACA,QAAM,YAAY,CAAC,GAAG,aAAa;AAInC,MAAI,eAAe,IAAI;AACrB,cAAU,KAAK;AAAA,MACb,QAAQ;AAAA,MACR;AAAA,MACA,UAAU,oBAAI,KAAK;AAAA,IACrB,CAAC;AAAA,EACH,WAAW,aAAa,IAAI;AAG1B,QAAI,cAAc,UAAU,EAAE,kBAAkB,eAAe;AAC7D,gBAAU,UAAU,EAAE,gBAAgB;AAAA,IACxC;AAGA,kBAAc,UAAU,EAAE,WAAW,oBAAI,KAAK;AAAA,EAChD;AAGA,YAAU,KAAK,CAAC,GAAG,MAAM,EAAE,SAAS,QAAQ,IAAI,EAAE,SAAS,QAAQ,CAAC;AAEpE,SAAO,UAAU,MAAM,GAAG,KAAK;AACjC;AAMO,SAAS,sBACd,eACA,QACgB;AAChB,QAAM,gBAAgB,OAAO,KAAK;AAClC,QAAM,aAAa,cAAc;AAAA,IAC/B,CAAC,UAAU,MAAM,WAAW;AAAA,EAC9B;AACA,QAAM,YAAY,CAAC,GAAG,aAAa;AAEnC,MAAI,aAAa,IAAI;AACnB,cAAU,OAAO,YAAY,CAAC;AAAA,EAChC;AACA,SAAO;AACT;",
   "names": []
 }

package/esm/filters/filter-field/suggestions/RecentPinnedSuggestionItem.css

@@ -1,8 +1,8 @@
-._vt0w9g0-3-10-4 {
+._vt0w9g0-3-11-0 {
   display: grid;
   grid-template-columns: 1fr auto;
 }
-._vt0w9g1-3-10-4 {
+._vt0w9g1-3-11-0 {
   appearance: none;
   visibility: hidden;
   position: absolute;
@@ -12,25 +12,25 @@
   border-top-left-radius: 0;
   border-bottom-left-radius: 0;
 }
-._1smjoa14-3-10-4:hover ._vt0w9g1-3-10-4, ._1smjoa14-3-10-4:has(._9mvxlq0-3-10-4) ._vt0w9g1-3-10-4 {
+._1smjoa14-3-11-0:hover ._vt0w9g1-3-11-0, ._1smjoa14-3-11-0:has(._9mvxlq0-3-11-0) ._vt0w9g1-3-11-0 {
   position: initial;
   visibility: visible;
   height: 100%;
 }
-._1jgl8s50-3-10-4 ._vt0w9g1-3-10-4 {
+._1jgl8s50-3-11-0 ._vt0w9g1-3-11-0 {
   border-left-width: var(--dt-borders-width-default, 1px);
 }
-._1jgl8s50-3-10-4 ._vt0w9g1-3-10-4:hover {
+._1jgl8s50-3-11-0 ._vt0w9g1-3-11-0:hover {
   background-color: var(--dt-colors-background-field-neutral-emphasized-hover, #dadbe4);
 }
-._1jgl8s50-3-10-4 ._vt0w9g1-3-10-4:active {
+._1jgl8s50-3-11-0 ._vt0w9g1-3-11-0:active {
   background-color: var(--dt-colors-background-field-neutral-emphasized-active, #d0d1dc);
 }
-._vt0w9g0-3-10-4 ._1smjoa10-3-10-4 > div {
+._vt0w9g0-3-11-0 ._1smjoa10-3-11-0 > div {
   background-color: transparent;
 }
-@container _ssu5rt0-3-10-4 (min-width: 641px) {
-  ._vt0w9g0-3-10-4:hover ._tn2lgm0-3-10-4, ._vt0w9g0-3-10-4._9mvxlq0-3-10-4 ._tn2lgm0-3-10-4, ._vt0w9g0-3-10-4:has(._9mvxlq0-3-10-4) ._tn2lgm0-3-10-4 {
+@container _ssu5rt0-3-11-0 (min-width: 641px) {
+  ._vt0w9g0-3-11-0:hover ._tn2lgm0-3-11-0, ._vt0w9g0-3-11-0._9mvxlq0-3-11-0 ._tn2lgm0-3-11-0, ._vt0w9g0-3-11-0:has(._9mvxlq0-3-11-0) ._tn2lgm0-3-11-0 {
     display: none;
   }
 }

package/esm/filters/filter-field/suggestions/RecentPinnedSuggestionItem.sty.js

@@ -4,8 +4,8 @@ import "../../../core/styles/virtualFocus.css";
 import "./Suggestion.css";
 import "./SuggestionDetails.css";
 import "./RecentPinnedSuggestionItem.css";
-var recentSuggestion = "_vt0w9g0-3-10-4";
-var suggestionPin = "_vt0w9g1-3-10-4";
+var recentSuggestion = "_vt0w9g0-3-11-0";
+var suggestionPin = "_vt0w9g1-3-11-0";
 export {
   recentSuggestion,
   suggestionPin

package/esm/filters/filter-field/suggestions/RecentPinnedSuggestionItem.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/filters/filter-field/suggestions/RecentPinnedSuggestionItem.css.ts"],
-  "sourcesContent": ["import './SuggestionsOverlay.css';\nimport '../../../core/components/app-root/AppRoot.css';\nimport '../../../core/styles/virtualFocus.css';\nimport './Suggestion.css';\nimport './SuggestionDetails.css';\nimport './RecentPinnedSuggestionItem.css';\nexport var recentSuggestion = '_vt0w9g0-3-10-4';\nexport var suggestionPin = '_vt0w9g1-3-10-4';"],
+  "sourcesContent": ["import './SuggestionsOverlay.css';\nimport '../../../core/components/app-root/AppRoot.css';\nimport '../../../core/styles/virtualFocus.css';\nimport './Suggestion.css';\nimport './SuggestionDetails.css';\nimport './RecentPinnedSuggestionItem.css';\nexport var recentSuggestion = '_vt0w9g0-3-11-0';\nexport var suggestionPin = '_vt0w9g1-3-11-0';"],
   "mappings": "AAAA,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACA,IAAI,mBAAmB;AACvB,IAAI,gBAAgB;",
   "names": []
 }

package/esm/filters/filter-field/suggestions/Suggestion.css

@@ -1,7 +1,7 @@
-._1smjoa11-3-10-4 {
+._1smjoa11-3-11-0 {
   min-width: 0;
 }
-._1smjoa14-3-10-4 {
+._1smjoa14-3-11-0 {
   cursor: pointer;
   font-size: var(--dt-typography-text-base-emphasized-size, 14px);
   font-weight: var(--dt-typography-text-base-emphasized-weight, 500);
@@ -9,17 +9,17 @@
   border-radius: var(--dt-borders-radius-field-default, 6px);
   overflow: hidden;
 }
-._1smjoa14-3-10-4:hover {
+._1smjoa14-3-11-0:hover {
   background-color: var(--dt-colors-background-field-neutral-emphasized, #e4e5eb);
 }
-._1smjoa14-3-10-4:has(._9mvxlq0-3-10-4) {
+._1smjoa14-3-11-0:has(._9mvxlq0-3-11-0) {
   background-color: var(--dt-colors-background-field-neutral-emphasized, #e4e5eb);
   transition: none;
 }
-._1jgl8s50-3-10-4 ._1smjoa14-3-10-4:hover {
+._1jgl8s50-3-11-0 ._1smjoa14-3-11-0:hover {
   background-color: var(--dt-colors-background-field-neutral-default-hover, #dadbe4);
 }
-._1smjoa15-3-10-4 {
+._1smjoa15-3-11-0 {
   padding-top: var(--dt-spacings-size-6, 6px);
   padding-right: var(--dt-spacings-size-12, 12px);
   padding-bottom: var(--dt-spacings-size-6, 6px);
@@ -27,68 +27,68 @@
   flex: 1;
   grid-auto-flow: row;
 }
-._1smjoa15-3-10-4:hover {
+._1smjoa15-3-11-0:hover {
   background-color: var(--dt-colors-background-field-neutral-emphasized-hover, #dadbe4);
 }
-._1smjoa15-3-10-4:active {
+._1smjoa15-3-11-0:active {
   background-color: var(--dt-colors-background-field-neutral-emphasized-active, #d0d1dc);
 }
-._1smjoa14-3-10-4 span:only-child ._1smjoa15-3-10-4 {
+._1smjoa14-3-11-0 span:only-child ._1smjoa15-3-11-0 {
   border-radius: var(--dt-borders-radius-field-default, 6px);
 }
-._1smjoa16-3-10-4 {
+._1smjoa16-3-11-0 {
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
 }
-._1smjoa17-3-10-4 {
+._1smjoa17-3-11-0 {
   color: var(--dt-colors-text-neutral-subdued, #595a7d);
   font-weight: var(--dt-typography-text-base-default-weight, 400);
   padding: var(--dt-spacings-size-6, 6px) var(--dt-spacings-size-12, 12px);
 }
-._1smjoa18-3-10-4 {
+._1smjoa18-3-11-0 {
   color: var(--dt-colors-text-neutral-subdued, #595a7d);
   font-weight: var(--dt-typography-text-base-default-weight, 400);
   padding: var(--dt-spacings-size-4, 4px) var(--dt-spacings-size-12, 12px);
 }
-._1smjoa19-3-10-4 {
+._1smjoa19-3-11-0 {
   color: var(--dt-colors-text-neutral-subdued, #595a7d);
 }
-._1smjoa1a-3-10-4 {
+._1smjoa1a-3-11-0 {
   white-space: nowrap;
   gap: 0;
 }
-._1smjoa1b-3-10-4 {
+._1smjoa1b-3-11-0 {
   font-size: var(--dt-typography-text-small-default-size, 12px);
 }
-._1smjoa1b-3-10-4 mark, ._1smjoa14-3-10-4 mark, ._1smjoa14-3-10-4:not(._1smjoa1c-3-10-4) *::highlight(filterfield-suggestions-highlight) {
+._1smjoa1b-3-11-0 mark, ._1smjoa14-3-11-0 mark, ._1smjoa14-3-11-0:not(._1smjoa1c-3-11-0) *::highlight(filterfield-suggestions-highlight) {
   white-space: pre-wrap;
   background: none;
   color: inherit;
   text-decoration: underline;
 }
-._1smjoa16-3-10-4 > mark, ._1smjoa16-3-10-4 > span {
+._1smjoa16-3-11-0 > mark, ._1smjoa16-3-11-0 > span {
   white-space: nowrap;
 }
-._1smjoa1d-3-10-4 ._1smjoa10-3-10-4 > div {
+._1smjoa1d-3-11-0 ._1smjoa10-3-11-0 > div {
   background-color: transparent;
 }
-._1smjoa1a-3-10-4 mark {
+._1smjoa1a-3-11-0 mark {
   white-space: preserve nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
 }
-._1smjoa1f-3-10-4 ._1smjoa10-3-10-4 > div {
+._1smjoa1f-3-11-0 ._1smjoa10-3-11-0 > div {
   background-color: transparent;
 }
-@container _ssu5rt0-3-10-4 (min-width: 641px) {
-  ._1smjoa15-3-10-4 {
+@container _ssu5rt0-3-11-0 (min-width: 641px) {
+  ._1smjoa15-3-11-0 {
     grid-auto-flow: column;
     justify-content: space-between;
   }
 }
-@container _ssu5rt0-3-10-4 (min-width: 1921px) {
-  ._1smjoa15-3-10-4 {
+@container _ssu5rt0-3-11-0 (min-width: 1921px) {
+  ._1smjoa15-3-11-0 {
     grid-auto-columns: 30% auto;
     justify-content: start;
   }

package/esm/filters/filter-field/suggestions/Suggestion.sty.js

@@ -2,22 +2,22 @@ import "./SuggestionsOverlay.css";
 import "../../../core/components/app-root/AppRoot.css";
 import "../../../core/styles/virtualFocus.css";
 import "./Suggestion.css";
-var defaultSuggestion = "_1smjoa1c-3-10-4";
-var icon = "_1smjoa10-3-10-4";
-var matchableSuggestionDetails = "_1smjoa12-3-10-4";
-var pastingSuggestion = "_1smjoa1f-3-10-4";
-var searchSuggestion = "_1smjoa1d-3-10-4";
-var statementSuggestionValue = "_1smjoa1e-3-10-4";
-var suggestion = "_1smjoa14-3-10-4";
-var suggestionContent = "_1smjoa15-3-10-4";
-var suggestionText = "_1smjoa16-3-10-4";
-var suggestionsEmptyState = "_1smjoa17-3-10-4";
-var suggestionsJSONPathHint = "_1smjoa18-3-10-4";
-var suggestionsLoading = "_1smjoa19-3-10-4";
-var tooltipWrapper = "_1smjoa1b-3-10-4";
-var truncateWithinMark = "_1smjoa1a-3-10-4";
-var value = "_1smjoa11-3-10-4";
-var virtualizedSuggestion = "_1smjoa13-3-10-4";
+var defaultSuggestion = "_1smjoa1c-3-11-0";
+var icon = "_1smjoa10-3-11-0";
+var matchableSuggestionDetails = "_1smjoa12-3-11-0";
+var pastingSuggestion = "_1smjoa1f-3-11-0";
+var searchSuggestion = "_1smjoa1d-3-11-0";
+var statementSuggestionValue = "_1smjoa1e-3-11-0";
+var suggestion = "_1smjoa14-3-11-0";
+var suggestionContent = "_1smjoa15-3-11-0";
+var suggestionText = "_1smjoa16-3-11-0";
+var suggestionsEmptyState = "_1smjoa17-3-11-0";
+var suggestionsJSONPathHint = "_1smjoa18-3-11-0";
+var suggestionsLoading = "_1smjoa19-3-11-0";
+var tooltipWrapper = "_1smjoa1b-3-11-0";
+var truncateWithinMark = "_1smjoa1a-3-11-0";
+var value = "_1smjoa11-3-11-0";
+var virtualizedSuggestion = "_1smjoa13-3-11-0";
 export {
   defaultSuggestion,
   icon,

package/esm/filters/filter-field/suggestions/Suggestion.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/filters/filter-field/suggestions/Suggestion.css.ts"],
-  "sourcesContent": ["import './SuggestionsOverlay.css';\nimport '../../../core/components/app-root/AppRoot.css';\nimport '../../../core/styles/virtualFocus.css';\nimport './Suggestion.css';\nexport var defaultSuggestion = '_1smjoa1c-3-10-4';\nexport var icon = '_1smjoa10-3-10-4';\nexport var matchableSuggestionDetails = '_1smjoa12-3-10-4';\nexport var pastingSuggestion = '_1smjoa1f-3-10-4';\nexport var searchSuggestion = '_1smjoa1d-3-10-4';\nexport var statementSuggestionValue = '_1smjoa1e-3-10-4';\nexport var suggestion = '_1smjoa14-3-10-4';\nexport var suggestionContent = '_1smjoa15-3-10-4';\nexport var suggestionText = '_1smjoa16-3-10-4';\nexport var suggestionsEmptyState = '_1smjoa17-3-10-4';\nexport var suggestionsJSONPathHint = '_1smjoa18-3-10-4';\nexport var suggestionsLoading = '_1smjoa19-3-10-4';\nexport var tooltipWrapper = '_1smjoa1b-3-10-4';\nexport var truncateWithinMark = '_1smjoa1a-3-10-4';\nexport var value = '_1smjoa11-3-10-4';\nexport var virtualizedSuggestion = '_1smjoa13-3-10-4';"],
+  "sourcesContent": ["import './SuggestionsOverlay.css';\nimport '../../../core/components/app-root/AppRoot.css';\nimport '../../../core/styles/virtualFocus.css';\nimport './Suggestion.css';\nexport var defaultSuggestion = '_1smjoa1c-3-11-0';\nexport var icon = '_1smjoa10-3-11-0';\nexport var matchableSuggestionDetails = '_1smjoa12-3-11-0';\nexport var pastingSuggestion = '_1smjoa1f-3-11-0';\nexport var searchSuggestion = '_1smjoa1d-3-11-0';\nexport var statementSuggestionValue = '_1smjoa1e-3-11-0';\nexport var suggestion = '_1smjoa14-3-11-0';\nexport var suggestionContent = '_1smjoa15-3-11-0';\nexport var suggestionText = '_1smjoa16-3-11-0';\nexport var suggestionsEmptyState = '_1smjoa17-3-11-0';\nexport var suggestionsJSONPathHint = '_1smjoa18-3-11-0';\nexport var suggestionsLoading = '_1smjoa19-3-11-0';\nexport var tooltipWrapper = '_1smjoa1b-3-11-0';\nexport var truncateWithinMark = '_1smjoa1a-3-11-0';\nexport var value = '_1smjoa11-3-11-0';\nexport var virtualizedSuggestion = '_1smjoa13-3-11-0';"],
   "mappings": "AAAA,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACA,IAAI,oBAAoB;AACxB,IAAI,OAAO;AACX,IAAI,6BAA6B;AACjC,IAAI,oBAAoB;AACxB,IAAI,mBAAmB;AACvB,IAAI,2BAA2B;AAC/B,IAAI,aAAa;AACjB,IAAI,oBAAoB;AACxB,IAAI,iBAAiB;AACrB,IAAI,wBAAwB;AAC5B,IAAI,0BAA0B;AAC9B,IAAI,qBAAqB;AACzB,IAAI,iBAAiB;AACrB,IAAI,qBAAqB;AACzB,IAAI,QAAQ;AACZ,IAAI,wBAAwB;",
   "names": []
 }

package/esm/filters/filter-field/suggestions/SuggestionDetails.css

@@ -1,7 +1,7 @@
-._tn2lgm0-3-10-4 {
+._tn2lgm0-3-11-0 {
   color: var(--dt-colors-text-neutral-subdued, #595a7d);
   min-width: 0;
 }
-._tn2lgm1-3-10-4 {
+._tn2lgm1-3-11-0 {
   display: flex;
 }

package/esm/filters/filter-field/suggestions/SuggestionDetails.sty.js

@@ -1,6 +1,6 @@
 import "./SuggestionDetails.css";
-var suggestionDetails = "_tn2lgm0-3-10-4";
-var suggestionDetailsText = "_tn2lgm1-3-10-4";
+var suggestionDetails = "_tn2lgm0-3-11-0";
+var suggestionDetailsText = "_tn2lgm1-3-11-0";
 export {
   suggestionDetails,
   suggestionDetailsText

package/esm/filters/filter-field/suggestions/SuggestionDetails.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/filters/filter-field/suggestions/SuggestionDetails.css.ts"],
-  "sourcesContent": ["import './SuggestionDetails.css';\nexport var suggestionDetails = '_tn2lgm0-3-10-4';\nexport var suggestionDetailsText = '_tn2lgm1-3-10-4';"],
+  "sourcesContent": ["import './SuggestionDetails.css';\nexport var suggestionDetails = '_tn2lgm0-3-11-0';\nexport var suggestionDetailsText = '_tn2lgm1-3-11-0';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,oBAAoB;AACxB,IAAI,wBAAwB;",
   "names": []
 }

package/esm/filters/filter-field/suggestions/SuggestionGroup.css

@@ -1,4 +1,4 @@
-._1smjoa13-3-10-4:not(:first-child) > ._5cheea1-3-10-4::before {
+._1smjoa13-3-11-0:not(:first-child) > ._5cheea1-3-11-0::before {
   content: "";
   position: relative;
   display: block;
@@ -6,17 +6,17 @@
   padding-top: var(--dt-spacings-size-8, 8px);
   border-bottom: var(--dt-borders-width-default, 1px) var(--dt-borders-style-default, solid) var(--dt-colors-border-neutral-default, #dadbe4);
 }
-._5cheea2-3-10-4 {
+._5cheea2-3-11-0 {
   position: relative;
   margin: 0;
   padding: 0;
   list-style-type: none;
   height: fit-content;
 }
-._5cheea2-3-10-4:not(:first-child)::before,
-    ._5cheea0-3-10-4:not(:first-child) ._5cheea2-3-10-4::before,
-    ._ssu5rt2-3-10-4:not(._5cheea0-3-10-4) ._1smjoa13-3-10-4:has(._5cheea2-3-10-4):not(:first-child) ._5cheea2-3-10-4::before,
-    ._ssu5rt2-3-10-4:not(._5cheea0-3-10-4) ._1smjoa13-3-10-4:has(._5cheea2-3-10-4):has(+ ._1smjoa13-3-10-4 > :not(._5cheea2-3-10-4)) ._5cheea2-3-10-4::after
+._5cheea2-3-11-0:not(:first-child)::before,
+    ._5cheea0-3-11-0:not(:first-child) ._5cheea2-3-11-0::before,
+    ._ssu5rt2-3-11-0:not(._5cheea0-3-11-0) ._1smjoa13-3-11-0:has(._5cheea2-3-11-0):not(:first-child) ._5cheea2-3-11-0::before,
+    ._ssu5rt2-3-11-0:not(._5cheea0-3-11-0) ._1smjoa13-3-11-0:has(._5cheea2-3-11-0):has(+ ._1smjoa13-3-11-0 > :not(._5cheea2-3-11-0)) ._5cheea2-3-11-0::after
    {
   content: "";
   position: relative;

package/esm/filters/filter-field/suggestions/SuggestionGroup.sty.js

@@ -3,9 +3,9 @@ import "../../../core/components/app-root/AppRoot.css";
 import "../../../core/styles/virtualFocus.css";
 import "./Suggestion.css";
 import "./SuggestionGroup.css";
-var builtInSuggestionsContainer = "_5cheea0-3-10-4";
-var groupHeaderSeparator = "_5cheea1-3-10-4";
-var suggestionGroup = "_5cheea2-3-10-4";
+var builtInSuggestionsContainer = "_5cheea0-3-11-0";
+var groupHeaderSeparator = "_5cheea1-3-11-0";
+var suggestionGroup = "_5cheea2-3-11-0";
 export {
   builtInSuggestionsContainer,
   groupHeaderSeparator,

package/esm/filters/filter-field/suggestions/SuggestionGroup.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/filters/filter-field/suggestions/SuggestionGroup.css.ts"],
-  "sourcesContent": ["import './SuggestionsOverlay.css';\nimport '../../../core/components/app-root/AppRoot.css';\nimport '../../../core/styles/virtualFocus.css';\nimport './Suggestion.css';\nimport './SuggestionGroup.css';\nexport var builtInSuggestionsContainer = '_5cheea0-3-10-4';\nexport var groupHeaderSeparator = '_5cheea1-3-10-4';\nexport var suggestionGroup = '_5cheea2-3-10-4';"],
+  "sourcesContent": ["import './SuggestionsOverlay.css';\nimport '../../../core/components/app-root/AppRoot.css';\nimport '../../../core/styles/virtualFocus.css';\nimport './Suggestion.css';\nimport './SuggestionGroup.css';\nexport var builtInSuggestionsContainer = '_5cheea0-3-11-0';\nexport var groupHeaderSeparator = '_5cheea1-3-11-0';\nexport var suggestionGroup = '_5cheea2-3-11-0';"],
   "mappings": "AAAA,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACA,IAAI,8BAA8B;AAClC,IAAI,uBAAuB;AAC3B,IAAI,kBAAkB;",
   "names": []
 }

package/esm/filters/filter-field/suggestions/SuggestionGroupLabel.css

@@ -1,4 +1,4 @@
-._1mfalko0-3-10-4 {
+._1mfalko0-3-11-0 {
   padding: var(--dt-spacings-size-12, 12px);
   padding-bottom: var(--dt-spacings-size-4, 4px);
   color: var(--dt-colors-text-neutral-subdued, #595a7d);

package/esm/filters/filter-field/suggestions/SuggestionGroupLabel.sty.js

@@ -1,5 +1,5 @@
 import "./SuggestionGroupLabel.css";
-var suggestionGroupLabel = "_1mfalko0-3-10-4";
+var suggestionGroupLabel = "_1mfalko0-3-11-0";
 export {
   suggestionGroupLabel
 };

package/esm/filters/filter-field/suggestions/SuggestionGroupLabel.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/filters/filter-field/suggestions/SuggestionGroupLabel.css.ts"],
-  "sourcesContent": ["import './SuggestionGroupLabel.css';\nexport var suggestionGroupLabel = '_1mfalko0-3-10-4';"],
+  "sourcesContent": ["import './SuggestionGroupLabel.css';\nexport var suggestionGroupLabel = '_1mfalko0-3-11-0';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,uBAAuB;",
   "names": []
 }

package/esm/filters/filter-field/suggestions/SuggestionTips.css

@@ -1,22 +1,22 @@
-._1dx7u80-3-10-4 {
-  --_1igzksy0-3-10-4: var(--dt-borders-radius-surface-subdued, 9px);
+._1dx7u80-3-11-0 {
+  --_1igzksy0-3-11-0: var(--dt-borders-radius-surface-subdued, 9px);
 }
-._1dx7u81-3-10-4 {
+._1dx7u81-3-11-0 {
   color: var(--dt-colors-text-neutral-subdued, #595a7d);
   flex: 1;
 }
-._1dx7u82-3-10-4 {
+._1dx7u82-3-11-0 {
   width: 100%;
   overflow: hidden;
   transform-origin: center;
 }
-._1dx7u84-3-10-4 {
+._1dx7u84-3-11-0 {
   overflow: hidden;
   white-space: nowrap;
   text-overflow: ellipsis;
 }
-@container _ssu5rt0-3-10-4 (max-width: 289px) {
-  ._1dx7u83-3-10-4 {
+@container _ssu5rt0-3-11-0 (max-width: 289px) {
+  ._1dx7u83-3-11-0 {
     flex-direction: column;
     width: 100%;
   }

package/esm/filters/filter-field/suggestions/SuggestionTips.sty.js

@@ -1,10 +1,10 @@
 import "./SuggestionsOverlay.css";
 import "./SuggestionTips.css";
-var docsLink = "_1dx7u84-3-10-4";
-var suggestionTips = "_1dx7u80-3-10-4";
-var suggestionTipsContent = "_1dx7u83-3-10-4";
-var suggestionTipsWrapper = "_1dx7u82-3-10-4";
-var suggstionTipsEllipsis = "_1dx7u81-3-10-4";
+var docsLink = "_1dx7u84-3-11-0";
+var suggestionTips = "_1dx7u80-3-11-0";
+var suggestionTipsContent = "_1dx7u83-3-11-0";
+var suggestionTipsWrapper = "_1dx7u82-3-11-0";
+var suggstionTipsEllipsis = "_1dx7u81-3-11-0";
 export {
   docsLink,
   suggestionTips,

package/esm/filters/filter-field/suggestions/SuggestionTips.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/filters/filter-field/suggestions/SuggestionTips.css.ts"],
-  "sourcesContent": ["import './SuggestionsOverlay.css';\nimport './SuggestionTips.css';\nexport var docsLink = '_1dx7u84-3-10-4';\nexport var suggestionTips = '_1dx7u80-3-10-4';\nexport var suggestionTipsContent = '_1dx7u83-3-10-4';\nexport var suggestionTipsWrapper = '_1dx7u82-3-10-4';\nexport var suggstionTipsEllipsis = '_1dx7u81-3-10-4';"],
+  "sourcesContent": ["import './SuggestionsOverlay.css';\nimport './SuggestionTips.css';\nexport var docsLink = '_1dx7u84-3-11-0';\nexport var suggestionTips = '_1dx7u80-3-11-0';\nexport var suggestionTipsContent = '_1dx7u83-3-11-0';\nexport var suggestionTipsWrapper = '_1dx7u82-3-11-0';\nexport var suggstionTipsEllipsis = '_1dx7u81-3-11-0';"],
   "mappings": "AAAA,OAAO;AACP,OAAO;AACA,IAAI,WAAW;AACf,IAAI,iBAAiB;AACrB,IAAI,wBAAwB;AAC5B,IAAI,wBAAwB;AAC5B,IAAI,wBAAwB;",
   "names": []
 }

package/esm/filters/filter-field/suggestions/Suggestions.js

@@ -152,7 +152,11 @@ function SuggestionContent(props) {
               position: "relative",
               height: optionVirtualizer.getTotalSize(),
               display: "grid",
-              gridTemplateRows: optionVirtualizer.measurementsCache.map((el) => `${el.size}px`).join(" ")
+              // Array.from is used instead of .map() because measurementsCache can be sparse, causing gaps between options.
+              gridTemplateRows: Array.from(
+                optionVirtualizer.measurementsCache,
+                (el) => `${el?.size ?? 32}px`
+              ).join(" ")
             },
             children: optionVirtualizer.getVirtualItems().map((virtualRow) => {
               const flatItem = flattenedSuggestions[virtualRow.index];

package/esm/filters/filter-field/suggestions/Suggestions.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/filters/filter-field/suggestions/Suggestions.tsx"],
-  "sourcesContent": ["import type { Modifier, ModifierArguments } from '@popperjs/core';\nimport { useVirtualizer, type Virtualizer } from '@tanstack/react-virtual';\nimport clsx from 'clsx';\nimport { motion, type Variants } from 'framer-motion';\nimport {\n  Children,\n  cloneElement,\n  isValidElement,\n  type ReactNode,\n  useMemo,\n  useRef,\n} from 'react';\nimport { FormattedMessage, useIntl } from 'react-intl';\n\nimport { usePopper } from '../../../overlays/utils/use-popper-compat.js';\nimport useOverlayTransition from '../hooks/useOverlayTransition.js';\nimport {\n  sliceFlattenedSuggestions,\n  useShowMore,\n} from '../hooks/useShowMore.js';\nimport { filterFieldMessages } from '../messages.js';\nimport { AriaLiveInfo } from './AriaLiveInfo.js';\nimport { FallbackKeySuggestionGroup } from './FallbackKeySuggestions.js';\nimport { LogicalOperatorSuggestionsGroup } from './LogicalOperatorSuggestions.js';\nimport { PastedContentSuggestionGroup } from './PastedContentSuggestions.js';\nimport {\n  PinnedSuggestionGroup,\n  RecentSuggestionGroup,\n} from './RecentPinnedSuggestionItem.js';\nimport { SearchSuggestionGroup } from './SearchSuggestions.js';\nimport * as suggestionStyles from './Suggestion.sty.js';\nimport { Suggestion } from './Suggestion.js';\nimport type { FlattenedSuggestionItem } from './Suggestion.types.js';\nimport * as suggestionGroupStyles from './SuggestionGroup.sty.js';\nimport { SuggestionGroupLabel } from './SuggestionGroupLabel.js';\nimport * as styles from './SuggestionsOverlay.sty.js';\nimport { Button, ButtonProps } from '../../../buttons/button/Button.js';\nimport { ProgressCircle } from '../../../content/progress/ProgressCircle.js';\nimport { VisuallyHidden } from '../../../core/components/visually-hidden/VisuallyHidden.js';\nimport { useBehavioralTrackingProps } from '../../../core/hooks/useBehavioralTrackingProps.js';\nimport type { BehaviorTrackingProps } from '../../../core/types/behavior-tracking-props.js';\nimport type { DataTestId } from '../../../core/types/data-props.js';\nimport type { StylingProps } from '../../../core/types/styling-props.js';\nimport type { WithChildren } from '../../../core/types/with-children.js';\nimport { Flex } from '../../../layouts/flex/Flex.js';\nimport { Surface } from '../../../layouts/surface/Surface.js';\nimport { CSSHighlight } from '../components/CSSHighlight.js';\nimport { useFilterFieldContext } from '../hooks/useFilterFieldContext.js';\nimport { flattenSuggestions } from '../utils/suggestions-utils/flatten-suggestions.js';\n\n/**\n * Converts a groupId to a valid HTML id attribute value safe for use in aria-describedby.\n * HTML ids must not contain spaces (space is the delimiter in aria-describedby token lists).\n */\nfunction toGroupLabelId(groupId: string): string {\n  return `group-label-${groupId.replace(/\\s+/g, '-')}`;\n}\n\nfunction renderFlattenedSuggestionItem(\n  flatItem: FlattenedSuggestionItem,\n  trailing: string | undefined,\n): { child: ReactNode; key: string } {\n  switch (flatItem.kind) {\n    case 'group-header': {\n      let child: ReactNode;\n\n      if (isValidElement(flatItem.label)) {\n        child = flatItem.label;\n      } else if (flatItem.label) {\n        child = <SuggestionGroupLabel>{flatItem.label}</SuggestionGroupLabel>;\n      } else {\n        child = null;\n      }\n\n      return {\n        child: (\n          <div\n            className={suggestionGroupStyles.groupHeaderSeparator}\n            role=\"presentation\"\n          >\n            {child}\n          </div>\n        ),\n        key: `group-header-${flatItem.groupId}`,\n      };\n    }\n    case 'suggestion': {\n      const ariaDescribedBy = flatItem.groupId\n        ? toGroupLabelId(flatItem.groupId)\n        : undefined;\n\n      return {\n        child: (\n          <Suggestion\n            {...flatItem.data}\n            trailing={flatItem.data.trailing ?? trailing}\n            aria-describedby={ariaDescribedBy}\n          />\n        ),\n        key: `${flatItem.data.value ?? flatItem.data.displayValue ?? ''}`,\n      };\n    }\n    case 'react-node': {\n      const groupLabelId = flatItem.groupId\n        ? toGroupLabelId(flatItem.groupId)\n        : undefined;\n      let child = flatItem.node;\n      let key = '';\n\n      if (\n        isValidElement<{\n          'aria-describedby'?: string;\n        }>(flatItem.node) &&\n        groupLabelId\n      ) {\n        // Merge with any existing aria-describedby from the consumer element.\n        const existing =\n          (flatItem.node.props as Record<string, unknown>)[\n            'aria-describedby'\n          ] ?? '';\n        const merged = existing ? `${existing} ${groupLabelId}` : groupLabelId;\n\n        child = cloneElement(flatItem.node, {\n          'aria-describedby': merged,\n        });\n        key = `react-node-${flatItem.node.key}`;\n      }\n\n      return { child, key };\n    }\n  }\n}\n\nfunction SuggestionContent(\n  props: Readonly<{\n    optionVirtualizer: Virtualizer<HTMLDivElement, Element>;\n    flattenedSuggestions: FlattenedSuggestionItem[];\n    isSliced: boolean;\n    controlProps: ButtonProps<'button'>;\n  }>,\n) {\n  const { optionVirtualizer, flattenedSuggestions, isSliced, controlProps } =\n    props;\n\n  const intl = useIntl();\n  const {\n    term,\n    editorView,\n    autoSuggestions,\n    recentSuggestionValues,\n    pinnedSuggestionValues,\n    logicalOperatorSuggestionValues,\n    pastedContentSuggestionValues,\n    searchSuggestionValues,\n    fallbackKeySuggestionValues,\n    statementSuggestionValues,\n    filterFieldId,\n    parserConfig,\n    isValidSearch,\n  } = useFilterFieldContext();\n\n  const { trailing } = autoSuggestions;\n\n  const showLogicalOperators = logicalOperatorSuggestionValues.length > 0;\n  const showRecents = recentSuggestionValues.length > 0;\n  const showPinned = pinnedSuggestionValues.length > 0;\n  const showFallbackKeySuggestions = fallbackKeySuggestionValues.length > 0;\n  const showStatementSuggestions = statementSuggestionValues.length > 0;\n  const showSearchSuggestions =\n    isValidSearch?.current &&\n    searchSuggestionValues.length > 0 &&\n    // eslint-disable-next-line @typescript-eslint/no-deprecated\n    (parserConfig?.searchConversion ?? false);\n  const showPastedContentSuggestions = pastedContentSuggestionValues.length > 0;\n\n  const showBuiltInSuggestions =\n    showRecents ||\n    showPinned ||\n    showLogicalOperators ||\n    showPastedContentSuggestions ||\n    showSearchSuggestions ||\n    showFallbackKeySuggestions ||\n    showStatementSuggestions;\n\n  const isEmpty = editorView?.state.doc.toString() === '';\n  const childrenCount = flattenedSuggestions.length;\n\n  if (childrenCount === 0 && !showBuiltInSuggestions) {\n    return (\n      <Suggestion\n        trailing=\"\"\n        displayValue={intl.formatMessage(\n          filterFieldMessages.suggestions.noSuggestions,\n        )}\n      />\n    );\n  }\n  return (\n    <div id={`suggestions-${filterFieldId}`}>\n      {childrenCount > 0 ? (\n        <CSSHighlight\n          term={term ?? ''}\n          // Two highlight targets: the primary value text and any details\n          // element flagged matchable (see `matchableSuggestionDetails` in\n          // Suggestion.css.ts). `:not(:has(mark))` keeps the highlight off\n          // elements that already contain a hand-rendered <mark>.\n          selector={`.${suggestionStyles.value}:not(:has(mark)), .${suggestionStyles.matchableSuggestionDetails}:not(:has(mark))`}\n          highlightName=\"filterfield-suggestions-highlight\"\n        >\n          <div\n            style={{\n              width: '100%',\n              position: 'relative',\n              height: optionVirtualizer.getTotalSize(),\n              display: 'grid',\n              gridTemplateRows: optionVirtualizer.measurementsCache\n                .map((el) => `${el.size}px`)\n                .join(' '),\n            }}\n            key={`wrapper-${childrenCount}`}\n          >\n            {optionVirtualizer.getVirtualItems().map((virtualRow) => {\n              const flatItem = flattenedSuggestions[virtualRow.index];\n              const { child, key: suggestionKey } =\n                renderFlattenedSuggestionItem(flatItem, trailing);\n\n              return (\n                <div\n                  key={`${virtualRow.key}-${suggestionKey}`}\n                  className={clsx(\n                    'strato-filter-field-suggestion',\n                    suggestionStyles.virtualizedSuggestion,\n                  )}\n                  // data-index is required for the virtualizer to map the measure\n                  // element correctly to the measured index.\n                  data-index={virtualRow.index}\n                  style={{\n                    gridRow: virtualRow.index + 1,\n                    minWidth: 0,\n                    height: 'fit-content',\n                  }}\n                  ref={(el) => {\n                    optionVirtualizer.measureElement(el);\n                  }}\n                >\n                  {child}\n                </div>\n              );\n            })}\n          </div>\n        </CSSHighlight>\n      ) : null}\n      {isSliced && (\n        <div role=\"presentation\">\n          <Button {...controlProps} />\n        </div>\n      )}\n      {showBuiltInSuggestions && (\n        <>\n          <PastedContentSuggestionGroup />\n          <FallbackKeySuggestionGroup />\n          <LogicalOperatorSuggestionsGroup />\n          {showSearchSuggestions && !isEmpty && <SearchSuggestionGroup />}\n          <CSSHighlight\n            className={suggestionGroupStyles.builtInSuggestionsContainer}\n            term={editorView?.state.doc.toString() ?? ''}\n            selector={`.${suggestionStyles.value}`}\n            highlightName=\"filterfield-suggestions-highlight\"\n          >\n            <RecentSuggestionGroup />\n            <PinnedSuggestionGroup />\n          </CSSHighlight>\n          {showSearchSuggestions && isEmpty && <SearchSuggestionGroup />}\n        </>\n      )}\n    </div>\n  );\n}\n\n// Popper modifier to sync the max-height of the suggestions overlay\nconst heightModifier: Modifier<'filterfield-height-handler', object> = {\n  name: 'filterfield-height-handler',\n  enabled: true,\n  fn: ({ state }: ModifierArguments<object>): void => {\n    const viewportHeight = Math.max(\n      document.documentElement.clientHeight || 0,\n      window.innerHeight || 0,\n    );\n\n    const maxHeightBase = Math.max(viewportHeight / 2, 320);\n    state.styles.popper.maxHeight = `${\n      maxHeightBase - state.rects.reference.height - 20\n    }px`;\n  },\n  phase: 'beforeWrite',\n  requires: ['computeStyles'],\n};\n\n/**\n * Accepted properties for FilterFieldSuggestions.\n * @public\n */\nexport type FilterFieldSuggestionsProps = WithChildren &\n  StylingProps &\n  DataTestId &\n  BehaviorTrackingProps & {\n    /** Whether the suggestions are loading. If true, a loading indicator is shown and otherwise the suggestions are shown. */\n    loading?: boolean;\n  };\n\n// Animation variants for the Suggestions component\nconst suggestionsAnimationVariants: Variants = {\n  inital: {\n    translateY: '-10px',\n    // Compensate the parent scaling the content to 0.8. Due to round errors when the height gets taller\n    // the content sometimes got larger than the intended which lead to a \"vertigo\" effect. By adding\n    // 0.05 we can counteract that effect somewhat.\n    scaleY: 1 / 0.85,\n    opacity: 0,\n  },\n  default: {\n    translateY: 0,\n    scaleY: 1,\n    opacity: 1,\n  },\n  exit: {\n    translateY: '-5px',\n    opacity: 0,\n  },\n};\n\nfunction getSuggestionsCount(\n  defaultSuggestionsCount: number | { empty: number; filled: number },\n  isEmpty: boolean,\n): number {\n  if (typeof defaultSuggestionsCount === 'number') {\n    return defaultSuggestionsCount;\n  }\n  return defaultSuggestionsCount[isEmpty ? 'empty' : 'filled'];\n}\n\n/**\n * Compound component of the FilterField to apply suggestions.\n * @public\n */\nexport const Suggestions = (props: FilterFieldSuggestionsProps) => {\n  const {\n    loading,\n    children,\n    className: consumerClassName,\n    style: consumerStyle,\n    'data-testid': dataTestId,\n    ...remainingProps\n  }: FilterFieldSuggestionsProps = props;\n  const [behavioralTrackingProps] = useBehavioralTrackingProps(remainingProps);\n\n  const { autoSuggestions, defaultSuggestionsCount, triggerRef, editorView } =\n    useFilterFieldContext();\n\n  const intl = useIntl();\n\n  const transition = useOverlayTransition(true);\n\n  const parentRef = useRef<HTMLDivElement | null>(null);\n\n  const childrenArray = useMemo(() => Children.toArray(children), [children]);\n\n  const { flattenedSuggestionItems, groupMetadata } = useMemo(\n    () =>\n      flattenSuggestions([\n        ...Object.values(autoSuggestions.groupedSuggestions ?? {}).filter(\n          (group) => group && (group.suggestions?.length ?? 0) > 0,\n        ),\n        ...childrenArray,\n      ]),\n    [autoSuggestions.groupedSuggestions, childrenArray],\n  );\n\n  const isEmpty = editorView?.state.doc.toString() === '';\n\n  const suggestionsCount = getSuggestionsCount(\n    defaultSuggestionsCount,\n    isEmpty,\n  );\n\n  const {\n    items: slicedSuggestions,\n    isSliced,\n    controlProps,\n  } = useShowMore({\n    items: flattenedSuggestionItems,\n    primaryCount: suggestionsCount,\n    sliceFn: sliceFlattenedSuggestions,\n  });\n\n  const optionVirtualizer = useVirtualizer({\n    count: slicedSuggestions.length,\n    getScrollElement: () => parentRef.current,\n    overscan: 5,\n    estimateSize: () => 32,\n  });\n\n  const suggestionsRef = useRef<HTMLDivElement | null>(null);\n\n  const { styles: positioningStyles } = usePopper(\n    triggerRef,\n    suggestionsRef.current,\n    {\n      placement: 'bottom-start',\n      modifiers: [heightModifier],\n    },\n  );\n\n  return (\n    <Surface\n      className={clsx(consumerClassName, styles.suggestionsOverlay)}\n      style={consumerStyle}\n      elevation=\"floating\"\n      ref={suggestionsRef}\n      data-testid={dataTestId}\n      {...behavioralTrackingProps}\n    >\n      <AriaLiveInfo flattenedSuggestionItems={flattenedSuggestionItems} />\n      {groupMetadata.length > 0 && (\n        <VisuallyHidden>\n          {groupMetadata.map(({ groupId, label }) => (\n            <span key={groupId} id={toGroupLabelId(groupId)}>\n              {label}\n            </span>\n          ))}\n        </VisuallyHidden>\n      )}\n      <div\n        className={styles.suggestionsScrollContainerWrapper}\n        role=\"listbox\"\n        aria-expanded=\"true\"\n        aria-label={intl.formatMessage(\n          filterFieldMessages.suggestions.a11y.ariaLabel,\n        )}\n      >\n        <motion.div\n          className={clsx(\n            styles.suggestionsScrollContainer,\n            'strato-filter-field-suggestions',\n          )}\n          ref={parentRef}\n          style={{ maxHeight: positioningStyles.popper.maxHeight }}\n          variants={suggestionsAnimationVariants}\n          initial=\"inital\"\n          animate=\"default\"\n          exit=\"exit\"\n          transition={transition}\n        >\n          {loading ? (\n            <Flex\n              role=\"presentation\"\n              justifyContent=\"start\"\n              px={8}\n              py={6}\n              className={suggestionStyles.suggestionsLoading}\n            >\n              <ProgressCircle size=\"small\" aria-label=\"Loading suggestions\" />\n              <FormattedMessage {...filterFieldMessages.suggestions.loading} />\n            </Flex>\n          ) : (\n            <SuggestionContent\n              optionVirtualizer={optionVirtualizer}\n              flattenedSuggestions={slicedSuggestions}\n              isSliced={isSliced}\n              controlProps={controlProps}\n            />\n          )}\n        </motion.div>\n      </div>\n    </Surface>\n  );\n};\n\nSuggestions.displayValue = 'FilterField.Suggestions';\n"],
-  "mappings": "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",
+  "sourcesContent": ["import type { Modifier, ModifierArguments } from '@popperjs/core';\nimport { useVirtualizer, type Virtualizer } from '@tanstack/react-virtual';\nimport clsx from 'clsx';\nimport { motion, type Variants } from 'framer-motion';\nimport {\n  Children,\n  cloneElement,\n  isValidElement,\n  type ReactNode,\n  useMemo,\n  useRef,\n} from 'react';\nimport { FormattedMessage, useIntl } from 'react-intl';\n\nimport { usePopper } from '../../../overlays/utils/use-popper-compat.js';\nimport useOverlayTransition from '../hooks/useOverlayTransition.js';\nimport {\n  sliceFlattenedSuggestions,\n  useShowMore,\n} from '../hooks/useShowMore.js';\nimport { filterFieldMessages } from '../messages.js';\nimport { AriaLiveInfo } from './AriaLiveInfo.js';\nimport { FallbackKeySuggestionGroup } from './FallbackKeySuggestions.js';\nimport { LogicalOperatorSuggestionsGroup } from './LogicalOperatorSuggestions.js';\nimport { PastedContentSuggestionGroup } from './PastedContentSuggestions.js';\nimport {\n  PinnedSuggestionGroup,\n  RecentSuggestionGroup,\n} from './RecentPinnedSuggestionItem.js';\nimport { SearchSuggestionGroup } from './SearchSuggestions.js';\nimport * as suggestionStyles from './Suggestion.sty.js';\nimport { Suggestion } from './Suggestion.js';\nimport type { FlattenedSuggestionItem } from './Suggestion.types.js';\nimport * as suggestionGroupStyles from './SuggestionGroup.sty.js';\nimport { SuggestionGroupLabel } from './SuggestionGroupLabel.js';\nimport * as styles from './SuggestionsOverlay.sty.js';\nimport { Button, ButtonProps } from '../../../buttons/button/Button.js';\nimport { ProgressCircle } from '../../../content/progress/ProgressCircle.js';\nimport { VisuallyHidden } from '../../../core/components/visually-hidden/VisuallyHidden.js';\nimport { useBehavioralTrackingProps } from '../../../core/hooks/useBehavioralTrackingProps.js';\nimport type { BehaviorTrackingProps } from '../../../core/types/behavior-tracking-props.js';\nimport type { DataTestId } from '../../../core/types/data-props.js';\nimport type { StylingProps } from '../../../core/types/styling-props.js';\nimport type { WithChildren } from '../../../core/types/with-children.js';\nimport { Flex } from '../../../layouts/flex/Flex.js';\nimport { Surface } from '../../../layouts/surface/Surface.js';\nimport { CSSHighlight } from '../components/CSSHighlight.js';\nimport { useFilterFieldContext } from '../hooks/useFilterFieldContext.js';\nimport { flattenSuggestions } from '../utils/suggestions-utils/flatten-suggestions.js';\n\n/**\n * Converts a groupId to a valid HTML id attribute value safe for use in aria-describedby.\n * HTML ids must not contain spaces (space is the delimiter in aria-describedby token lists).\n */\nfunction toGroupLabelId(groupId: string): string {\n  return `group-label-${groupId.replace(/\\s+/g, '-')}`;\n}\n\nfunction renderFlattenedSuggestionItem(\n  flatItem: FlattenedSuggestionItem,\n  trailing: string | undefined,\n): { child: ReactNode; key: string } {\n  switch (flatItem.kind) {\n    case 'group-header': {\n      let child: ReactNode;\n\n      if (isValidElement(flatItem.label)) {\n        child = flatItem.label;\n      } else if (flatItem.label) {\n        child = <SuggestionGroupLabel>{flatItem.label}</SuggestionGroupLabel>;\n      } else {\n        child = null;\n      }\n\n      return {\n        child: (\n          <div\n            className={suggestionGroupStyles.groupHeaderSeparator}\n            role=\"presentation\"\n          >\n            {child}\n          </div>\n        ),\n        key: `group-header-${flatItem.groupId}`,\n      };\n    }\n    case 'suggestion': {\n      const ariaDescribedBy = flatItem.groupId\n        ? toGroupLabelId(flatItem.groupId)\n        : undefined;\n\n      return {\n        child: (\n          <Suggestion\n            {...flatItem.data}\n            trailing={flatItem.data.trailing ?? trailing}\n            aria-describedby={ariaDescribedBy}\n          />\n        ),\n        key: `${flatItem.data.value ?? flatItem.data.displayValue ?? ''}`,\n      };\n    }\n    case 'react-node': {\n      const groupLabelId = flatItem.groupId\n        ? toGroupLabelId(flatItem.groupId)\n        : undefined;\n      let child = flatItem.node;\n      let key = '';\n\n      if (\n        isValidElement<{\n          'aria-describedby'?: string;\n        }>(flatItem.node) &&\n        groupLabelId\n      ) {\n        // Merge with any existing aria-describedby from the consumer element.\n        const existing =\n          (flatItem.node.props as Record<string, unknown>)[\n            'aria-describedby'\n          ] ?? '';\n        const merged = existing ? `${existing} ${groupLabelId}` : groupLabelId;\n\n        child = cloneElement(flatItem.node, {\n          'aria-describedby': merged,\n        });\n        key = `react-node-${flatItem.node.key}`;\n      }\n\n      return { child, key };\n    }\n  }\n}\n\nfunction SuggestionContent(\n  props: Readonly<{\n    optionVirtualizer: Virtualizer<HTMLDivElement, Element>;\n    flattenedSuggestions: FlattenedSuggestionItem[];\n    isSliced: boolean;\n    controlProps: ButtonProps<'button'>;\n  }>,\n) {\n  const { optionVirtualizer, flattenedSuggestions, isSliced, controlProps } =\n    props;\n\n  const intl = useIntl();\n  const {\n    term,\n    editorView,\n    autoSuggestions,\n    recentSuggestionValues,\n    pinnedSuggestionValues,\n    logicalOperatorSuggestionValues,\n    pastedContentSuggestionValues,\n    searchSuggestionValues,\n    fallbackKeySuggestionValues,\n    statementSuggestionValues,\n    filterFieldId,\n    parserConfig,\n    isValidSearch,\n  } = useFilterFieldContext();\n\n  const { trailing } = autoSuggestions;\n\n  const showLogicalOperators = logicalOperatorSuggestionValues.length > 0;\n  const showRecents = recentSuggestionValues.length > 0;\n  const showPinned = pinnedSuggestionValues.length > 0;\n  const showFallbackKeySuggestions = fallbackKeySuggestionValues.length > 0;\n  const showStatementSuggestions = statementSuggestionValues.length > 0;\n  const showSearchSuggestions =\n    isValidSearch?.current &&\n    searchSuggestionValues.length > 0 &&\n    // eslint-disable-next-line @typescript-eslint/no-deprecated\n    (parserConfig?.searchConversion ?? false);\n  const showPastedContentSuggestions = pastedContentSuggestionValues.length > 0;\n\n  const showBuiltInSuggestions =\n    showRecents ||\n    showPinned ||\n    showLogicalOperators ||\n    showPastedContentSuggestions ||\n    showSearchSuggestions ||\n    showFallbackKeySuggestions ||\n    showStatementSuggestions;\n\n  const isEmpty = editorView?.state.doc.toString() === '';\n  const childrenCount = flattenedSuggestions.length;\n\n  if (childrenCount === 0 && !showBuiltInSuggestions) {\n    return (\n      <Suggestion\n        trailing=\"\"\n        displayValue={intl.formatMessage(\n          filterFieldMessages.suggestions.noSuggestions,\n        )}\n      />\n    );\n  }\n  return (\n    <div id={`suggestions-${filterFieldId}`}>\n      {childrenCount > 0 ? (\n        <CSSHighlight\n          term={term ?? ''}\n          // Two highlight targets: the primary value text and any details\n          // element flagged matchable (see `matchableSuggestionDetails` in\n          // Suggestion.css.ts). `:not(:has(mark))` keeps the highlight off\n          // elements that already contain a hand-rendered <mark>.\n          selector={`.${suggestionStyles.value}:not(:has(mark)), .${suggestionStyles.matchableSuggestionDetails}:not(:has(mark))`}\n          highlightName=\"filterfield-suggestions-highlight\"\n        >\n          <div\n            style={{\n              width: '100%',\n              position: 'relative',\n              height: optionVirtualizer.getTotalSize(),\n              display: 'grid',\n              // Array.from is used instead of .map() because measurementsCache can be sparse, causing gaps between options.\n              gridTemplateRows: Array.from(\n                optionVirtualizer.measurementsCache,\n                (el) => `${el?.size ?? 32}px`,\n              ).join(' '),\n            }}\n            key={`wrapper-${childrenCount}`}\n          >\n            {optionVirtualizer.getVirtualItems().map((virtualRow) => {\n              const flatItem = flattenedSuggestions[virtualRow.index];\n              const { child, key: suggestionKey } =\n                renderFlattenedSuggestionItem(flatItem, trailing);\n\n              return (\n                <div\n                  key={`${virtualRow.key}-${suggestionKey}`}\n                  className={clsx(\n                    'strato-filter-field-suggestion',\n                    suggestionStyles.virtualizedSuggestion,\n                  )}\n                  // data-index is required for the virtualizer to map the measure\n                  // element correctly to the measured index.\n                  data-index={virtualRow.index}\n                  style={{\n                    gridRow: virtualRow.index + 1,\n                    minWidth: 0,\n                    height: 'fit-content',\n                  }}\n                  ref={(el) => {\n                    optionVirtualizer.measureElement(el);\n                  }}\n                >\n                  {child}\n                </div>\n              );\n            })}\n          </div>\n        </CSSHighlight>\n      ) : null}\n      {isSliced && (\n        <div role=\"presentation\">\n          <Button {...controlProps} />\n        </div>\n      )}\n      {showBuiltInSuggestions && (\n        <>\n          <PastedContentSuggestionGroup />\n          <FallbackKeySuggestionGroup />\n          <LogicalOperatorSuggestionsGroup />\n          {showSearchSuggestions && !isEmpty && <SearchSuggestionGroup />}\n          <CSSHighlight\n            className={suggestionGroupStyles.builtInSuggestionsContainer}\n            term={editorView?.state.doc.toString() ?? ''}\n            selector={`.${suggestionStyles.value}`}\n            highlightName=\"filterfield-suggestions-highlight\"\n          >\n            <RecentSuggestionGroup />\n            <PinnedSuggestionGroup />\n          </CSSHighlight>\n          {showSearchSuggestions && isEmpty && <SearchSuggestionGroup />}\n        </>\n      )}\n    </div>\n  );\n}\n\n// Popper modifier to sync the max-height of the suggestions overlay\nconst heightModifier: Modifier<'filterfield-height-handler', object> = {\n  name: 'filterfield-height-handler',\n  enabled: true,\n  fn: ({ state }: ModifierArguments<object>): void => {\n    const viewportHeight = Math.max(\n      document.documentElement.clientHeight || 0,\n      window.innerHeight || 0,\n    );\n\n    const maxHeightBase = Math.max(viewportHeight / 2, 320);\n    state.styles.popper.maxHeight = `${\n      maxHeightBase - state.rects.reference.height - 20\n    }px`;\n  },\n  phase: 'beforeWrite',\n  requires: ['computeStyles'],\n};\n\n/**\n * Accepted properties for FilterFieldSuggestions.\n * @public\n */\nexport type FilterFieldSuggestionsProps = WithChildren &\n  StylingProps &\n  DataTestId &\n  BehaviorTrackingProps & {\n    /** Whether the suggestions are loading. If true, a loading indicator is shown and otherwise the suggestions are shown. */\n    loading?: boolean;\n  };\n\n// Animation variants for the Suggestions component\nconst suggestionsAnimationVariants: Variants = {\n  inital: {\n    translateY: '-10px',\n    // Compensate the parent scaling the content to 0.8. Due to round errors when the height gets taller\n    // the content sometimes got larger than the intended which lead to a \"vertigo\" effect. By adding\n    // 0.05 we can counteract that effect somewhat.\n    scaleY: 1 / 0.85,\n    opacity: 0,\n  },\n  default: {\n    translateY: 0,\n    scaleY: 1,\n    opacity: 1,\n  },\n  exit: {\n    translateY: '-5px',\n    opacity: 0,\n  },\n};\n\nfunction getSuggestionsCount(\n  defaultSuggestionsCount: number | { empty: number; filled: number },\n  isEmpty: boolean,\n): number {\n  if (typeof defaultSuggestionsCount === 'number') {\n    return defaultSuggestionsCount;\n  }\n  return defaultSuggestionsCount[isEmpty ? 'empty' : 'filled'];\n}\n\n/**\n * Compound component of the FilterField to apply suggestions.\n * @public\n */\nexport const Suggestions = (props: FilterFieldSuggestionsProps) => {\n  const {\n    loading,\n    children,\n    className: consumerClassName,\n    style: consumerStyle,\n    'data-testid': dataTestId,\n    ...remainingProps\n  }: FilterFieldSuggestionsProps = props;\n  const [behavioralTrackingProps] = useBehavioralTrackingProps(remainingProps);\n\n  const { autoSuggestions, defaultSuggestionsCount, triggerRef, editorView } =\n    useFilterFieldContext();\n\n  const intl = useIntl();\n\n  const transition = useOverlayTransition(true);\n\n  const parentRef = useRef<HTMLDivElement | null>(null);\n\n  const childrenArray = useMemo(() => Children.toArray(children), [children]);\n\n  const { flattenedSuggestionItems, groupMetadata } = useMemo(\n    () =>\n      flattenSuggestions([\n        ...Object.values(autoSuggestions.groupedSuggestions ?? {}).filter(\n          (group) => group && (group.suggestions?.length ?? 0) > 0,\n        ),\n        ...childrenArray,\n      ]),\n    [autoSuggestions.groupedSuggestions, childrenArray],\n  );\n\n  const isEmpty = editorView?.state.doc.toString() === '';\n\n  const suggestionsCount = getSuggestionsCount(\n    defaultSuggestionsCount,\n    isEmpty,\n  );\n\n  const {\n    items: slicedSuggestions,\n    isSliced,\n    controlProps,\n  } = useShowMore({\n    items: flattenedSuggestionItems,\n    primaryCount: suggestionsCount,\n    sliceFn: sliceFlattenedSuggestions,\n  });\n\n  const optionVirtualizer = useVirtualizer({\n    count: slicedSuggestions.length,\n    getScrollElement: () => parentRef.current,\n    overscan: 5,\n    estimateSize: () => 32,\n  });\n\n  const suggestionsRef = useRef<HTMLDivElement | null>(null);\n\n  const { styles: positioningStyles } = usePopper(\n    triggerRef,\n    suggestionsRef.current,\n    {\n      placement: 'bottom-start',\n      modifiers: [heightModifier],\n    },\n  );\n\n  return (\n    <Surface\n      className={clsx(consumerClassName, styles.suggestionsOverlay)}\n      style={consumerStyle}\n      elevation=\"floating\"\n      ref={suggestionsRef}\n      data-testid={dataTestId}\n      {...behavioralTrackingProps}\n    >\n      <AriaLiveInfo flattenedSuggestionItems={flattenedSuggestionItems} />\n      {groupMetadata.length > 0 && (\n        <VisuallyHidden>\n          {groupMetadata.map(({ groupId, label }) => (\n            <span key={groupId} id={toGroupLabelId(groupId)}>\n              {label}\n            </span>\n          ))}\n        </VisuallyHidden>\n      )}\n      <div\n        className={styles.suggestionsScrollContainerWrapper}\n        role=\"listbox\"\n        aria-expanded=\"true\"\n        aria-label={intl.formatMessage(\n          filterFieldMessages.suggestions.a11y.ariaLabel,\n        )}\n      >\n        <motion.div\n          className={clsx(\n            styles.suggestionsScrollContainer,\n            'strato-filter-field-suggestions',\n          )}\n          ref={parentRef}\n          style={{ maxHeight: positioningStyles.popper.maxHeight }}\n          variants={suggestionsAnimationVariants}\n          initial=\"inital\"\n          animate=\"default\"\n          exit=\"exit\"\n          transition={transition}\n        >\n          {loading ? (\n            <Flex\n              role=\"presentation\"\n              justifyContent=\"start\"\n              px={8}\n              py={6}\n              className={suggestionStyles.suggestionsLoading}\n            >\n              <ProgressCircle size=\"small\" aria-label=\"Loading suggestions\" />\n              <FormattedMessage {...filterFieldMessages.suggestions.loading} />\n            </Flex>\n          ) : (\n            <SuggestionContent\n              optionVirtualizer={optionVirtualizer}\n              flattenedSuggestions={slicedSuggestions}\n              isSliced={isSliced}\n              controlProps={controlProps}\n            />\n          )}\n        </motion.div>\n      </div>\n    </Surface>\n  );\n};\n\nSuggestions.displayValue = 'FilterField.Suggestions';\n"],
+  "mappings": "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",
   "names": []
 }

package/esm/filters/filter-field/suggestions/SuggestionsOverlay.css

@@ -1,23 +1,23 @@
-._ssu5rt1-3-10-4 {
+._ssu5rt1-3-11-0 {
   display: flex;
   flex-direction: column;
   gap: var(--dt-spacings-size-4, 4px);
   container-type: inline-size;
-  container-name: _ssu5rt0-3-10-4;
+  container-name: _ssu5rt0-3-11-0;
   transform-origin: top;
 }
-._ssu5rt2-3-10-4 {
+._ssu5rt2-3-11-0 {
   box-sizing: border-box;
   padding: 0;
 }
-._ssu5rt2-3-10-4._ssu5rt2-3-10-4 {
-  --_1igzksy0-3-10-4: var(--dt-borders-radius-surface-subdued, 9px);
+._ssu5rt2-3-11-0._ssu5rt2-3-11-0 {
+  --_1igzksy0-3-11-0: var(--dt-borders-radius-surface-subdued, 9px);
 }
-._ssu5rt3-3-10-4 {
+._ssu5rt3-3-11-0 {
   overflow: hidden;
   height: 100%;
 }
-._ssu5rt4-3-10-4 {
+._ssu5rt4-3-11-0 {
   padding: var(--dt-spacings-size-4, 4px);
   height: 100%;
   max-height: 101vh;