@dynatrace/strato-components 3.1.0 → 3.1.1

package/filters/filter-field/FilterField.sty.js

@@ -50,31 +50,31 @@ __export(FilterField_css_exports, {
 module.exports = __toCommonJS(FilterField_css_exports);
 var import_FilterField_css_ts_vanilla = require("./FilterField.css");
 var import_createRuntimeFn = require("@vanilla-extract/recipes/createRuntimeFn");
-var ariaDisabled = "_96tj13o-3-1-0";
-var container = "_96tj13c-3-1-0";
-var disabled = "_96tj13p-3-1-0 _96tj13n-3-1-0 _96tj13o-3-1-0";
-var error = "_96tj1311-3-1-0";
-var errorText = "_96tj13e-3-1-0";
-var errorVars = "_96tj13d-3-1-0";
-var escapedCharacter = "_96tj1310-3-1-0";
-var existsOperator = "_96tj13z-3-1-0";
-var filterIcon = (0, import_createRuntimeFn.createRuntimeFn)({ defaultClassName: "_96tj13f-3-1-0", variantClassNames: { hasError: { true: "_96tj13g-3-1-0" }, disabled: { true: "_96tj13h-3-1-0" } }, defaultVariants: { hasError: false, disabled: false }, compoundVariants: [] });
-var filterKey = "_96tj13v-3-1-0";
-var filterStatement = "_96tj13j-3-1-0 _96tj13i-3-1-0";
-var filterStatementBase = "_96tj13i-3-1-0";
-var filterStatementDeleteButton = (0, import_createRuntimeFn.createRuntimeFn)({ defaultClassName: "_96tj13r-3-1-0", variantClassNames: { incomplete: { true: "_96tj13s-3-1-0" } }, defaultVariants: {}, compoundVariants: [] });
-var filterStatementDeleteIcon = "_96tj13t-3-1-0";
-var filterStatementDeleteWidget = "_96tj13q-3-1-0";
-var filterValue = "_96tj13w-3-1-0";
-var incompleteFilterStatement = "_96tj13k-3-1-0 _96tj13i-3-1-0";
-var intermediateFilterStatement = "_96tj13l-3-1-0";
-var operator = "_96tj13y-3-1-0";
-var pastedContent = "_96tj13m-3-1-0 _96tj13i-3-1-0";
-var postSpotError = "_96tj1314-3-1-0";
-var preSpotError = "_96tj1313-3-1-0";
-var readOnly = "_96tj13n-3-1-0";
-var spotError = "_96tj1312-3-1-0";
-var suggestionHintContainer = "_96tj13u-3-1-0";
-var suggestionsOverlayAnnouncement = "_96tj1315-3-1-0";
-var variable = "_96tj13x-3-1-0";
-var wrapper = "_96tj13b-3-1-0";
+var ariaDisabled = "_96tj13o-3-1-1";
+var container = "_96tj13c-3-1-1";
+var disabled = "_96tj13p-3-1-1 _96tj13n-3-1-1 _96tj13o-3-1-1";
+var error = "_96tj1311-3-1-1";
+var errorText = "_96tj13e-3-1-1";
+var errorVars = "_96tj13d-3-1-1";
+var escapedCharacter = "_96tj1310-3-1-1";
+var existsOperator = "_96tj13z-3-1-1";
+var filterIcon = (0, import_createRuntimeFn.createRuntimeFn)({ defaultClassName: "_96tj13f-3-1-1", variantClassNames: { hasError: { true: "_96tj13g-3-1-1" }, disabled: { true: "_96tj13h-3-1-1" } }, defaultVariants: { hasError: false, disabled: false }, compoundVariants: [] });
+var filterKey = "_96tj13v-3-1-1";
+var filterStatement = "_96tj13j-3-1-1 _96tj13i-3-1-1";
+var filterStatementBase = "_96tj13i-3-1-1";
+var filterStatementDeleteButton = (0, import_createRuntimeFn.createRuntimeFn)({ defaultClassName: "_96tj13r-3-1-1", variantClassNames: { incomplete: { true: "_96tj13s-3-1-1" } }, defaultVariants: {}, compoundVariants: [] });
+var filterStatementDeleteIcon = "_96tj13t-3-1-1";
+var filterStatementDeleteWidget = "_96tj13q-3-1-1";
+var filterValue = "_96tj13w-3-1-1";
+var incompleteFilterStatement = "_96tj13k-3-1-1 _96tj13i-3-1-1";
+var intermediateFilterStatement = "_96tj13l-3-1-1";
+var operator = "_96tj13y-3-1-1";
+var pastedContent = "_96tj13m-3-1-1 _96tj13i-3-1-1";
+var postSpotError = "_96tj1314-3-1-1";
+var preSpotError = "_96tj1313-3-1-1";
+var readOnly = "_96tj13n-3-1-1";
+var spotError = "_96tj1312-3-1-1";
+var suggestionHintContainer = "_96tj13u-3-1-1";
+var suggestionsOverlayAnnouncement = "_96tj1315-3-1-1";
+var variable = "_96tj13x-3-1-1";
+var wrapper = "_96tj13b-3-1-1";

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

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

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

@@ -24,6 +24,6 @@ __export(FilterFieldSuffixButtons_css_exports, {
 });
 module.exports = __toCommonJS(FilterFieldSuffixButtons_css_exports);
 var import_FilterFieldSuffixButtons_css_ts_vanilla = require("./FilterFieldSuffixButtons.css");
-var button = "_ck599t2-3-1-0";
-var divider = "_ck599t1-3-1-0";
-var suffix = "_ck599t0-3-1-0";
+var button = "_ck599t2-3-1-1";
+var divider = "_ck599t1-3-1-1";
+var suffix = "_ck599t0-3-1-1";

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

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

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

@@ -30,9 +30,9 @@ var import_FilterField_css_ts_vanilla = require("../FilterField.css");
 var import_SuggestionsOverlay_css_ts_vanilla = require("../suggestions/SuggestionsOverlay.css");
 var import_Suggestion_css_ts_vanilla = require("../suggestions/Suggestion.css");
 var import_FilterStatement_css_ts_vanilla = require("./FilterStatement.css");
-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";
+var escapeCharacter = "_ia7amm4-3-1-1";
+var highlight = "_ia7amm5-3-1-1";
+var highlighting = { syntax: "_ia7amm0-3-1-1", minimal: "_ia7amm1-3-1-1" };
+var root = "_ia7amm2-3-1-1 _96tj13c-3-1-1";
+var statement = "_ia7amm3-3-1-1";
+var whitespace = "_ia7amm6-3-1-1";

package/filters/filter-field/contexts/SavedAndRecentQueryClientContext.js

@@ -26,7 +26,9 @@ var import_react = require("react");
 const queryClient = new import_react_query.QueryClient({
   defaultOptions: {
     queries: {
-      retry: false
+      retry: false,
+      // Data only changes via explicit mutations — we can set the staleTime to infinity to prevent unnecessary refetches.
+      staleTime: Infinity
     },
     mutations: {
       retry: false

package/filters/filter-field/hooks/recent-and-pinned/usePersistedFilter.d.ts

@@ -9,4 +9,4 @@ export declare function usePersistedFilter(name: string | null, key: string, sav
  * Depending on the actionType, it can pin, unpin or save filter.
  * @internal
  */
-export declare function usePersistedFilterMutation(key: string, name: string | null, actionType: 'pin' | 'unpin' | 'save'): import("@tanstack/react-query").UseMutationResult<void, Error, string, unknown>;
+export declare function usePersistedFilterMutation(key: string, name: string | null, actionType: 'pin' | 'unpin' | 'save'): import("@tanstack/react-query").UseMutationResult<void | StoredFilter[], Error, string, unknown>;

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

@@ -28,7 +28,6 @@ var import_react = require("react");
 var import_app_environment = require("@dynatrace-sdk/app-environment");
 var import_client_state = require("@dynatrace-sdk/client-state");
 var import_useRecentFiltersStore = require("./useRecentFiltersStore.js");
-var import_queryHelper = require("../../../helper/queryHelper.js");
 var import_SavedAndRecentQueryClientContext = require("../../contexts/SavedAndRecentQueryClientContext.js");
 var import_useFilterFieldLoggerContext = require("../useFilterFieldLoggerContext.js");
 const currentUser = (0, import_app_environment.getCurrentUserDetails)();
@@ -123,7 +122,7 @@ function usePersistedFilterMutation(key, name, actionType) {
         await queryClient.cancelQueries({
           queryKey: [key]
         });
-        return import_client_state.stateClient.setUserAppState({
+        await import_client_state.stateClient.setUserAppState({
           body: {
             validUntilTime: null,
             modificationInfo: {
@@ -134,11 +133,17 @@ function usePersistedFilterMutation(key, name, actionType) {
           },
           key
         });
+        return newState;
       },
       onError: () => {
         setState(previousState);
+        queryClient.setQueryData([key], previousState);
       },
-      onSettled: () => (0, import_queryHelper.handleSettledOptimisticMutation)([key], [key])
+      onSuccess: (newState) => {
+        if (newState !== void 0) {
+          queryClient.setQueryData([key], newState);
+        }
+      }
     },
     queryClient
   );

package/filters/filter-field/hooks/recent-and-pinned/usePinnedFilters.d.ts

@@ -8,6 +8,6 @@ export declare function usePinnedFilters(name?: string | null): StoredFilter[];
  * @internal
  */
 export declare function usePinnedFilterMutation(name?: string | null): {
-    pinFilter: import("@tanstack/react-query").UseMutateFunction<void, Error, string, unknown>;
-    unpinFilter: import("@tanstack/react-query").UseMutateFunction<void, Error, string, unknown>;
+    pinFilter: import("@tanstack/react-query").UseMutateFunction<void | StoredFilter[], Error, string, unknown>;
+    unpinFilter: import("@tanstack/react-query").UseMutateFunction<void | StoredFilter[], Error, string, unknown>;
 };

package/filters/filter-field/hooks/recent-and-pinned/useRecentFilters.d.ts

@@ -8,4 +8,4 @@ export declare function useRecentFilters(name?: string | null): StoredFilter[];
  * Allows access to the namespaced recent filters store setter.
  * @internal
  */
-export declare function useRecentFilterMutation(name?: string | null): (value: string) => Promise<void>;
+export declare function useRecentFilterMutation(name?: string | null): (value: string) => Promise<void | StoredFilter[]>;

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

@@ -1,11 +1,11 @@
-._vt0w9g0-3-1-0 {
+._vt0w9g0-3-1-1 {
   display: grid;
   grid-template-columns: 1fr auto;
 }
-._vt0w9g1-3-1-0 {
+._vt0w9g1-3-1-1 {
   border-radius: var(--dt-borders-radius-field-subdued, 3px);
 }
-._vt0w9g2-3-1-0 {
+._vt0w9g2-3-1-1 {
   appearance: none;
   visibility: hidden;
   position: absolute;
@@ -16,23 +16,23 @@
   border-top-left-radius: 0;
   border-bottom-left-radius: 0;
 }
-._1smjoa13-3-1-0:hover ._vt0w9g2-3-1-0, ._1smjoa13-3-1-0:has(.virtual-focus) ._vt0w9g2-3-1-0 {
+._1smjoa13-3-1-1:hover ._vt0w9g2-3-1-1, ._1smjoa13-3-1-1:has(.virtual-focus) ._vt0w9g2-3-1-1 {
   position: initial;
   visibility: visible;
   height: 100%;
 }
-._vt0w9g2-3-1-0.virtual-focus {
+._vt0w9g2-3-1-1.virtual-focus {
   background-color: var(--dt-colors-background-field-neutral-emphasized-hover, #dadbe4);
   box-shadow: inset 0 0 0 var(--dt-borders-width-emphasized, 2px) var(--dt-colors-border-neutral-accent, #595a7d), inset 0 0 0 calc(var(--dt-borders-width-emphasized, 2px) + 1px) var(--dt-colors-border-neutral-default, #dadbe4);
 }
-._vt0w9g3-3-1-0.virtual-focus {
+._vt0w9g3-3-1-1.virtual-focus {
   background-color: var(--dt-colors-background-field-neutral-default-hover, #dadbe4);
 }
-._vt0w9g0-3-1-0 ._1smjoa10-3-1-0 > div {
+._vt0w9g0-3-1-1 ._1smjoa10-3-1-1 > div {
   background-color: transparent;
 }
-@container _ssu5rt0-3-1-0 (min-width: 641px) {
-  ._vt0w9g0-3-1-0:hover ._tn2lgm0-3-1-0, ._vt0w9g0-3-1-0.virtual-focus ._tn2lgm0-3-1-0, ._vt0w9g0-3-1-0:has(.virtual-focus) ._tn2lgm0-3-1-0 {
+@container _ssu5rt0-3-1-1 (min-width: 641px) {
+  ._vt0w9g0-3-1-1:hover ._tn2lgm0-3-1-1, ._vt0w9g0-3-1-1.virtual-focus ._tn2lgm0-3-1-1, ._vt0w9g0-3-1-1:has(.virtual-focus) ._tn2lgm0-3-1-1 {
     display: none;
   }
 }

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

@@ -28,7 +28,7 @@ var import_SuggestionsOverlay_css_ts_vanilla = require("./SuggestionsOverlay.css
 var import_Suggestion_css_ts_vanilla = require("./Suggestion.css");
 var import_SuggestionDetails_css_ts_vanilla = require("./SuggestionDetails.css");
 var import_RecentPinnedSuggestionItem_css_ts_vanilla = require("./RecentPinnedSuggestionItem.css");
-var pinButton = "_vt0w9g1-3-1-0";
-var recentSuggestion = "_vt0w9g0-3-1-0";
-var showMoreButton = "_vt0w9g3-3-1-0";
-var suggestionPin = "_vt0w9g2-3-1-0";
+var pinButton = "_vt0w9g1-3-1-1";
+var recentSuggestion = "_vt0w9g0-3-1-1";
+var showMoreButton = "_vt0w9g3-3-1-1";
+var suggestionPin = "_vt0w9g2-3-1-1";

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

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

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

@@ -37,18 +37,18 @@ __export(Suggestion_css_exports, {
 module.exports = __toCommonJS(Suggestion_css_exports);
 var import_SuggestionsOverlay_css_ts_vanilla = require("./SuggestionsOverlay.css");
 var import_Suggestion_css_ts_vanilla = require("./Suggestion.css");
-var defaultSuggestion = "_1smjoa1b-3-1-0";
-var icon = "_1smjoa10-3-1-0";
-var pastingSuggestion = "_1smjoa1e-3-1-0";
-var searchSuggestion = "_1smjoa1c-3-1-0";
-var statementSuggestionValue = "_1smjoa1d-3-1-0";
-var suggestion = "_1smjoa13-3-1-0";
-var suggestionContent = "_1smjoa14-3-1-0";
-var suggestionText = "_1smjoa15-3-1-0";
-var suggestionsEmptyState = "_1smjoa16-3-1-0";
-var suggestionsJSONPathHint = "_1smjoa17-3-1-0";
-var suggestionsLoading = "_1smjoa18-3-1-0";
-var tooltipWrapper = "_1smjoa1a-3-1-0";
-var truncateWithinMark = "_1smjoa19-3-1-0";
-var value = "_1smjoa11-3-1-0";
-var virtualizedSuggestion = "_1smjoa12-3-1-0";
+var defaultSuggestion = "_1smjoa1b-3-1-1";
+var icon = "_1smjoa10-3-1-1";
+var pastingSuggestion = "_1smjoa1e-3-1-1";
+var searchSuggestion = "_1smjoa1c-3-1-1";
+var statementSuggestionValue = "_1smjoa1d-3-1-1";
+var suggestion = "_1smjoa13-3-1-1";
+var suggestionContent = "_1smjoa14-3-1-1";
+var suggestionText = "_1smjoa15-3-1-1";
+var suggestionsEmptyState = "_1smjoa16-3-1-1";
+var suggestionsJSONPathHint = "_1smjoa17-3-1-1";
+var suggestionsLoading = "_1smjoa18-3-1-1";
+var tooltipWrapper = "_1smjoa1a-3-1-1";
+var truncateWithinMark = "_1smjoa19-3-1-1";
+var value = "_1smjoa11-3-1-1";
+var virtualizedSuggestion = "_1smjoa12-3-1-1";

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

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

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

@@ -23,5 +23,5 @@ __export(SuggestionDetails_css_exports, {
 });
 module.exports = __toCommonJS(SuggestionDetails_css_exports);
 var import_SuggestionDetails_css_ts_vanilla = require("./SuggestionDetails.css");
-var suggestionDetails = "_tn2lgm0-3-1-0";
-var suggestionDetailsText = "_tn2lgm1-3-1-0";
+var suggestionDetails = "_tn2lgm0-3-1-1";
+var suggestionDetailsText = "_tn2lgm1-3-1-1";

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

@@ -1,4 +1,4 @@
-._1smjoa12-3-1-0:not(:first-child) > ._5cheea1-3-1-0::before {
+._1smjoa12-3-1-1:not(:first-child) > ._5cheea1-3-1-1::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-1-0 {
+._5cheea2-3-1-1 {
   position: relative;
   margin: 0;
   padding: 0;
   list-style-type: none;
   height: fit-content;
 }
-._5cheea2-3-1-0:not(:first-child)::before,
-    ._5cheea0-3-1-0:not(:first-child) ._5cheea2-3-1-0::before,
-    ._ssu5rt2-3-1-0:not(._5cheea0-3-1-0) ._1smjoa12-3-1-0:has(._5cheea2-3-1-0):not(:first-child) ._5cheea2-3-1-0::before,
-    ._ssu5rt2-3-1-0:not(._5cheea0-3-1-0) ._1smjoa12-3-1-0:has(._5cheea2-3-1-0):has(+ ._1smjoa12-3-1-0 > :not(._5cheea2-3-1-0)) ._5cheea2-3-1-0::after
+._5cheea2-3-1-1:not(:first-child)::before,
+    ._5cheea0-3-1-1:not(:first-child) ._5cheea2-3-1-1::before,
+    ._ssu5rt2-3-1-1:not(._5cheea0-3-1-1) ._1smjoa12-3-1-1:has(._5cheea2-3-1-1):not(:first-child) ._5cheea2-3-1-1::before,
+    ._ssu5rt2-3-1-1:not(._5cheea0-3-1-1) ._1smjoa12-3-1-1:has(._5cheea2-3-1-1):has(+ ._1smjoa12-3-1-1 > :not(._5cheea2-3-1-1)) ._5cheea2-3-1-1::after
    {
   content: "";
   position: relative;

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

@@ -26,6 +26,6 @@ module.exports = __toCommonJS(SuggestionGroup_css_exports);
 var import_SuggestionsOverlay_css_ts_vanilla = require("./SuggestionsOverlay.css");
 var import_Suggestion_css_ts_vanilla = require("./Suggestion.css");
 var import_SuggestionGroup_css_ts_vanilla = require("./SuggestionGroup.css");
-var builtInSuggestionsContainer = "_5cheea0-3-1-0";
-var groupHeaderSeparator = "_5cheea1-3-1-0";
-var suggestionGroup = "_5cheea2-3-1-0";
+var builtInSuggestionsContainer = "_5cheea0-3-1-1";
+var groupHeaderSeparator = "_5cheea1-3-1-1";
+var suggestionGroup = "_5cheea2-3-1-1";

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

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

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

@@ -22,4 +22,4 @@ __export(SuggestionGroupLabel_css_exports, {
 });
 module.exports = __toCommonJS(SuggestionGroupLabel_css_exports);
 var import_SuggestionGroupLabel_css_ts_vanilla = require("./SuggestionGroupLabel.css");
-var suggestionGroupLabel = "_1mfalko0-3-1-0";
+var suggestionGroupLabel = "_1mfalko0-3-1-1";

package/filters/filter-field/suggestions/SuggestionPin.d.ts

@@ -1,7 +1,7 @@
 export declare function useSuggestionPin(filterString: string): {
     isPinned: boolean;
-    pinFilter: import("@tanstack/react-query").UseMutateFunction<void, Error, string, unknown>;
-    unpinFilter: import("@tanstack/react-query").UseMutateFunction<void, Error, string, unknown>;
+    pinFilter: import("@tanstack/react-query").UseMutateFunction<void | import("../state/recent-pinned-store.js").StoredFilter[], Error, string, unknown>;
+    unpinFilter: import("@tanstack/react-query").UseMutateFunction<void | import("../state/recent-pinned-store.js").StoredFilter[], Error, string, unknown>;
     limitReached: boolean;
 };
 /**

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

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

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

@@ -27,8 +27,8 @@ __export(SuggestionTips_css_exports, {
 module.exports = __toCommonJS(SuggestionTips_css_exports);
 var import_SuggestionsOverlay_css_ts_vanilla = require("./SuggestionsOverlay.css");
 var import_SuggestionTips_css_ts_vanilla = require("./SuggestionTips.css");
-var docsLink = "_1dx7u84-3-1-0";
-var suggestionTips = "_1dx7u80-3-1-0";
-var suggestionTipsContent = "_1dx7u83-3-1-0";
-var suggestionTipsWrapper = "_1dx7u82-3-1-0";
-var suggstionTipsEllipsis = "_1dx7u81-3-1-0";
+var docsLink = "_1dx7u84-3-1-1";
+var suggestionTips = "_1dx7u80-3-1-1";
+var suggestionTipsContent = "_1dx7u83-3-1-1";
+var suggestionTipsWrapper = "_1dx7u82-3-1-1";
+var suggstionTipsEllipsis = "_1dx7u81-3-1-1";

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

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