feat: filter query preview

packages/x-components/src/x-modules/facets/wiring.ts

@@ -4,9 +4,23 @@ import { createRawFilters } from '../../utils/filters';
 import { wireCommit, wireService, wireServiceWithoutPayload } from '../../wiring/wires.factory';
 import { filter, mapWire } from '../../wiring/wires.operators';
 import { createWiring } from '../../wiring/wiring.utils';
-import { XEventPayload } from '../../wiring/index';
+import { namespacedWireCommit, XEventPayload } from '../../wiring/index';
 import { DefaultFacetsService } from './service/facets.service';
 
+/**
+ * `facets` {@link XModuleName | XModule name}.
+ *
+ * @internal
+ */
+const moduleName = 'facets';
+
+/**
+ * WireCommit for {@link SearchXModule}.
+ *
+ * @internal
+ */
+const wireCommitModule = namespacedWireCommit(moduleName);
+
 /**
  * Wires factory for {@link DefaultFacetsService}.
  */
@@ -131,6 +145,16 @@ const clearStickyFilters = filter<XEventPayload<'SearchResponseChanged'>>(
   }
 );
 
+/**
+ * Sets the filters of the facets module from a selectedQueryPreview's filters.
+ *
+ * @public
+ */
+export const setSelectedFiltersFromPreview = wireCommitModule(
+  'setFilters',
+  ({ eventPayload: { filters } }) => (filters ? createRawFilters(filters) : [])
+);
+
 /**
  * Wiring configuration for the {@link FacetsXModule | facets module}.
  *
@@ -181,5 +205,8 @@ export const facetsWiring = createWiring({
   },
   SearchResponseChanged: {
     clearStickyFilters
+  },
+  UserAcceptedAQueryPreview: {
+    setSelectedFiltersFromPreview
   }
 });

packages/x-components/src/x-modules/queries-preview/components/query-preview-button.vue

@@ -75,7 +75,9 @@
      * @internal
      */
     protected get events(): Partial<XEventsTypes> {
-      return { UserAcceptedAQueryPreview: this.fullQueryPreviewInfo };
+      return {
+        UserAcceptedAQueryPreview: this.fullQueryPreviewInfo
+      };
     }
   }
 </script>

packages/x-components/src/x-modules/search/wiring.ts

@@ -6,6 +6,7 @@ import {
 } from '../../wiring/namespaced-wires.factory';
 import { WirePayload } from '../../wiring/wiring.types';
 import { createWiring } from '../../wiring/wiring.utils';
+import { createRawFilters } from '../../utils/index';
 import { InternalSearchRequest } from './types';
 
 /**
@@ -202,6 +203,16 @@ export const setSearchExtraParamsFromPreview = wireCommit(
   ({ eventPayload: { extraParams } }) => extraParams
 );
 
+/**
+ * Sets the search state `selectedFilters` with the selectedQueryPreview's filters.
+ *
+ * @public
+ */
+export const setSearchSelectedFiltersFromPreview = wireCommit(
+  'setSelectedFilters',
+  ({ eventPayload: { filters } }) => (filters ? createRawFilters(filters) : [])
+);
+
 /**
  * Search wiring.
  *
@@ -265,6 +276,7 @@ export const searchWiring = createWiring({
   UserAcceptedAQueryPreview: {
     setSearchQueryFromPreview,
     setSearchExtraParamsFromPreview,
+    setSearchSelectedFiltersFromPreview,
     saveOriginWire
   },
   QueryPreviewUnselected: {

packages/x-components/src/x-modules/url/wiring.ts

@@ -1,5 +1,6 @@
 import { namespacedWireCommit } from '../../wiring/namespaced-wires.factory';
 import { createWiring } from '../../wiring/wiring.utils';
+import { createRawFilters } from '../../utils/index';
 
 /**
  * WireCommit for {@link UrlXModule}.
@@ -63,6 +64,16 @@ export const setUrlParamsFromPreview = wireCommit(
   ({ eventPayload: { extraParams } }) => extraParams
 );
 
+/**
+ * Sets the filters of the url module from a selectedQueryPreview's filters.
+ *
+ * @public
+ */
+export const setUrlSelectedFiltersFromPreview = wireCommit(
+  'setFilters',
+  ({ eventPayload: { filters } }) => (filters ? createRawFilters(filters) : [])
+);
+
 /**
  * Sets the scroll of the url module.
  *
@@ -98,7 +109,8 @@ export const urlWiring = createWiring({
   },
   UserAcceptedAQueryPreview: {
     setUrlQueryFromPreview,
-    setUrlParamsFromPreview
+    setUrlParamsFromPreview,
+    setUrlSelectedFiltersFromPreview
   },
   UserClearedQuery: {
     setUrlQuery