npm - @empathyco/x-components - Versions diffs - 3.0.0-alpha.412 → 3.0.0-alpha.413 - Mend

@empathyco/x-components 3.0.0-alpha.412 → 3.0.0-alpha.413

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (59) hide show

package/CHANGELOG.md CHANGED Viewed

@@ -3,6 +3,16 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
+## [3.0.0-alpha.413](https://github.com/empathyco/x/compare/@empathyco/x-components@3.0.0-alpha.412...@empathyco/x-components@3.0.0-alpha.413) (2023-09-20)
+### Features
+* add filters to the query preview request (#1292) ([7f20022](https://github.com/empathyco/x/commit/7f20022eee593460681bfb1c4d574162f325cc05))
+* **query-preview:** use deep equal to compare request (#1291) ([cf3c3e7](https://github.com/empathyco/x/commit/cf3c3e7c738d8b2281183c42f00048b3bff918ea))
 ## [3.0.0-alpha.412](https://github.com/empathyco/x/compare/@empathyco/x-components@3.0.0-alpha.411...@empathyco/x-components@3.0.0-alpha.412) (2023-09-18)
 **Note:** Version bump only for package @empathyco/x-components

package/design-system/deprecated-full-theme.css CHANGED Viewed

@@ -3550,6 +3550,9 @@
   overflow: hidden;
   white-space: nowrap;
 }
+:root {
+  --x-color-text-accent: var(--x-color-base-accent);
+}
 .x-text--bold.x-text {
   --x-number-font-weight-text: var(--x-number-font-weight-base-bold);
 }
@@ -3565,9 +3568,6 @@
 .x-text--bold.x-small {
   --x-number-font-weight-small: var(--x-number-font-weight-base-bold);
 }
-:root {
-  --x-color-text-accent: var(--x-color-base-accent);
-}
 .x-text--accent {
   --x-color-text-default: var(--x-color-text-accent);
 }
@@ -3578,13 +3578,6 @@
   --x-size-border-radius-bottom-right-tag-pill: var(--x-size-border-radius-tag-pill);
   --x-size-border-radius-bottom-left-tag-pill: var(--x-size-border-radius-tag-pill);
 }
-:root {
-  --x-size-border-radius-tag-pill: var(--x-size-border-radius-base-pill);
-  --x-size-border-radius-top-left-tag-pill: var(--x-size-border-radius-tag-pill);
-  --x-size-border-radius-top-right-tag-pill: var(--x-size-border-radius-tag-pill);
-  --x-size-border-radius-bottom-right-tag-pill: var(--x-size-border-radius-tag-pill);
-  --x-size-border-radius-bottom-left-tag-pill: var(--x-size-border-radius-tag-pill);
-}
 .x-tag--pill.x-tag,
 .x-tag--pill .x-tag {
@@ -3596,6 +3589,13 @@
   );
   --x-size-border-radius-bottom-left-tag-default: var(--x-size-border-radius-bottom-left-tag-pill);
 }
+:root {
+  --x-size-border-radius-tag-pill: var(--x-size-border-radius-base-pill);
+  --x-size-border-radius-top-left-tag-pill: var(--x-size-border-radius-tag-pill);
+  --x-size-border-radius-top-right-tag-pill: var(--x-size-border-radius-tag-pill);
+  --x-size-border-radius-bottom-right-tag-pill: var(--x-size-border-radius-tag-pill);
+  --x-size-border-radius-bottom-left-tag-pill: var(--x-size-border-radius-tag-pill);
+}
 :root {
   --x-color-background-tag-ghost: transparent;
   --x-color-border-tag-ghost: transparent;
@@ -5560,15 +5560,6 @@
   --x-modal-overlay-color: rgb(0, 0, 0);
   --x-modal-overlay-opacity: 0.7;
 }
-:root {
-  --x-modal-overlay-color: rgb(0, 0, 0);
-  --x-modal-overlay-opacity: 0.7;
-}
-.x-modal__overlay {
-  background-color: var(--x-modal-overlay-color) !important;
-  opacity: var(--x-modal-overlay-opacity) !important;
-}
 :root {
   --x-string-justify-message-default: center;
   --x-size-gap-message-default: var(--x-size-base-03);
@@ -5661,6 +5652,15 @@
 .x-message > p {
   margin: 0;
 }
+:root {
+  --x-modal-overlay-color: rgb(0, 0, 0);
+  --x-modal-overlay-opacity: 0.7;
+}
+.x-modal__overlay {
+  background-color: var(--x-modal-overlay-color) !important;
+  opacity: var(--x-modal-overlay-opacity) !important;
+}
 /* @deprecated */
 :root {
   --x-size-padding-list-01: var(--x-size-base-01);

package/docs/API-reference/api/x-components.querypreviewinfo.filters.md ADDED Viewed

@@ -0,0 +1,13 @@
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+[Home](./index.md) &gt; [@empathyco/x-components](./x-components.md) &gt; [QueryPreviewInfo](./x-components.querypreviewinfo.md) &gt; [filters](./x-components.querypreviewinfo.filters.md)
+## QueryPreviewInfo.filters property
+The filters to perform the search.
+**Signature:**
+```typescript
+filters?: string[];
+```

package/docs/API-reference/api/x-components.querypreviewinfo.md CHANGED Viewed

@@ -17,6 +17,7 @@ export interface QueryPreviewInfo
 |  Property | Modifiers | Type | Description |
 |  --- | --- | --- | --- |
 |  [extraParams?](./x-components.querypreviewinfo.extraparams.md) |  | Dictionary&lt;unknown&gt; | _(Optional)_ The extra params to perform the search. |
+|  [filters?](./x-components.querypreviewinfo.filters.md) |  | string\[\] | _(Optional)_ The filters to perform the search. |
 |  [query](./x-components.querypreviewinfo.query.md) |  | string | The query to search for. |
 |  [title?](./x-components.querypreviewinfo.title.md) |  | string | _(Optional)_ An optional title for the container. |

package/js/__stubs__/filters-stubs.factory.js ADDED Viewed

@@ -0,0 +1,24 @@
+/**
+ * Creates a {@link @empathyco/x-types#SimpleFilter | SimpleFilter} stub.
+ *
+ * @param filter - A partial filter to override certain properties. Useful for testing.
+ * @returns A Simple filter.
+ *
+ * @internal
+ */
+/**
+ * Creates a {@link @empathyco/x-types#RawFilter | RawFilter}.
+ *
+ * @param id - The identifier of the raw filter.
+ * @returns A {@link @empathyco/x-types#RawFilter | RawFilter} stub.
+ */
+function createRawFilter(id) {
+    return {
+        id,
+        modelName: 'RawFilter',
+        selected: true
+    };
+}
+export { createRawFilter };
+//# sourceMappingURL=filters-stubs.factory.js.map

package/js/__stubs__/filters-stubs.factory.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"filters-stubs.factory.js","sources":["../../../src/__stubs__/filters-stubs.factory.ts"],"sourcesContent":["import {\n EditableNumberRangeFilter,\n HierarchicalFilter,\n NumberRangeFilter,\n RangeValue,\n SimpleFilter,\n RawFilter\n} from '@empathyco/x-types';\n\n/**\n * Creates a {@link @empathyco/x-types#SimpleFilter | SimpleFilter} stub.\n *\n * @param filter - A partial filter to override certain properties. Useful for testing.\n * @returns A Simple filter.\n *\n * @internal\n */\nexport function getSimpleFilterStub(filter: Partial<SimpleFilter> = {}): SimpleFilter {\n return Object.assign<SimpleFilter, Partial<SimpleFilter>>(\n {\n facetId: 'category',\n id: 'category:test',\n modelName: 'SimpleFilter',\n selected: false,\n label: 'Test',\n totalResults: 10\n },\n filter\n );\n}\n\n/**\n * Creates a {@link @empathyco/x-types#NumberRangeFilter | NumberRangeFilter} stub.\n *\n * @param filter - A partial filter to override certain properties. Useful for testing.\n * @returns A Number range filter.\n *\n * @internal\n */\nexport function getNumberRangeFilterStub(\n filter: Partial<NumberRangeFilter> = {}\n): NumberRangeFilter {\n return Object.assign<NumberRangeFilter, Partial<NumberRangeFilter>>(\n {\n facetId: 'price_facet',\n id: 'price_facet:0 TO 10',\n modelName: 'NumberRangeFilter',\n selected: false,\n label: 'Test',\n range: {\n min: 1,\n max: 10\n },\n totalResults: 10\n },\n filter\n );\n}\n\n/**\n * Creates a {@link @empathyco/x-types#HierarchicalFilter | HierarchicalFilter} stub.\n *\n * @param filter - A partial filter to override certain properties. Useful for testing.\n * @returns A Hierarchical filter.\n *\n * @internal\n */\nexport function getHierarchicalFilterStub(\n filter: Partial<HierarchicalFilter> = {}\n): HierarchicalFilter {\n return Object.assign<HierarchicalFilter, Partial<HierarchicalFilter>>(\n {\n facetId: 'category',\n id: 'category:test',\n modelName: 'HierarchicalFilter',\n parentId: null,\n selected: false,\n label: 'Test',\n totalResults: 10,\n children: []\n },\n filter\n );\n}\n\n/**\n * Creates a {@link @empathyco/x-types#RawFilter | RawFilter}.\n *\n * @param id - The identifier of the raw filter.\n * @returns A {@link @empathyco/x-types#RawFilter | RawFilter} stub.\n */\nexport function createRawFilter(id: string): RawFilter {\n return {\n id,\n modelName: 'RawFilter',\n selected: true\n };\n}\n\n/**\n * Creates a {@link @empathyco/x-types#SimpleFilter | SimpleFilter}.\n *\n * @param facetId - The facet id this filter belongs to.\n * @param label - The text that this filter should display.\n * @param selected - True when the filter is checked, false otherwise.\n * @param totalResults - Number of results matching the filter.\n * @returns A stub for a {@link @empathyco/x-types#SimpleFilter | SimpleFilter}.\n */\nexport function createSimpleFilter(\n facetId: string,\n label: string,\n selected = false,\n totalResults = 10\n): SimpleFilter {\n return {\n id: `${facetId}:${label}`,\n modelName: 'SimpleFilter',\n facetId,\n label,\n selected,\n totalResults\n };\n}\n\n/**\n * Creates a {@link @empathyco/x-types#HierarchicalFilter | HierarchicalFilter}.\n *\n * @param facetId - The facet id this filter belongs to.\n * @param label - The text that this filter should display.\n * @param selected - True when the filter is checked, false otherwise.\n * @param children - A list of ids of child filters.\n * @returns A stub for a {@link @empathyco/x-types#HierarchicalFilter | HierarchicalFilter}.\n */\nexport function createHierarchicalFilter(\n facetId: string,\n label: string,\n selected = false,\n children: HierarchicalFilter[] = []\n): HierarchicalFilter {\n return {\n facetId,\n selected,\n label,\n id: `${facetId}:${label}`,\n modelName: 'HierarchicalFilter',\n parentId: null,\n totalResults: 10,\n children\n };\n}\n\n/**\n * Creates a {@link @empathyco/x-types#NumberRangeFilter | NumberRangeFilter}.\n *\n * @param facetId - The facet id this filter belongs to.\n * @param range - The range that this filter has.\n * @param selected - True if the filter is selected, false otherwise.\n * @returns A stub for a\n * {@link @empathyco/x-types#NumberRangeFilter | NumberRangeFilter}.\n */\nexport function createNumberRangeFilter(\n facetId: string,\n range: RangeValue = { min: null, max: null },\n selected = false\n): NumberRangeFilter {\n return {\n id: `${facetId}:${range.min ?? '*'}-${range.max ?? '*'}`,\n modelName: 'NumberRangeFilter',\n label: `From ${String(range.min)} to ${String(range.max)}`,\n facetId,\n range,\n selected\n };\n}\n\n/**\n * Creates a {@link @empathyco/x-types#EditableNumberRangeFilter | EditableNumberRangeFilter}.\n *\n * @param facetId - The facet id this filter belongs to.\n * @param range - The range that this filter has.\n * @param selected - The selected value which has priority over the range values.\n * @returns A stub for a\n * {@link @empathyco/x-types#EditableNumberRangeFilter | EditableNumberRangeFilter}.\n */\nexport function createEditableNumberRangeFilter(\n facetId: string,\n range: RangeValue = { min: null, max: null },\n selected?: boolean\n): EditableNumberRangeFilter {\n return {\n id: `${facetId}:${range.min ?? '*'}-${range.max ?? '*'}`,\n facetId,\n range,\n modelName: 'EditableNumberRangeFilter',\n selected: selected ?? (range.min !== null || range.max !== null)\n };\n}\n\n/**\n * Type of a function that creates\n * {@link @empathyco/x-types#HierarchicalFilter | HierarchicalFilter}s. Based on its label,\n * selected value and children.\n */\nexport type CreateHierarchicalFilter = (\n label: string,\n selected?: boolean,\n createChildren?: (createChildren: CreateHierarchicalFilter) => HierarchicalFilter[]\n) => HierarchicalFilter;\n\n/**\n * Creates a factory of\n * {@link @empathyco/x-types#HierarchicalFilter | HierarchicalFilter}s.\n *\n * @remarks the id is created with `<facetId>:<label>`.\n * @param facetId - Facet id to which the filter belongs.\n * @param parentId - Filter's parent id if exists.\n * @returns A scoped function which is able to create `HierarchicalFilters`.\n */\nexport function createHierarchicalFilterFactory(\n facetId: string,\n parentId: HierarchicalFilter['id'] | null = null\n): CreateHierarchicalFilter {\n return (label, selected, createChildren): HierarchicalFilter => {\n const filter = createHierarchicalFilter(facetId, label, selected);\n filter.children = createChildren\n ? createChildren(createHierarchicalFilterFactory(facetId, filter.id))\n : [];\n filter.parentId = parentId;\n return filter;\n };\n}\n"],"names":[],"mappings":"AASA;;;;;;;AAOG;AAqEH;;;;;AAKG;AACG,SAAU,eAAe,CAAC,EAAU,EAAA;IACxC,OAAO;QACL,EAAE;AACF,QAAA,SAAS,EAAE,WAAW;AACtB,QAAA,QAAQ,EAAE,IAAI;KACf,CAAC;AACJ;;;;"}

package/js/x-modules/queries-preview/components/query-preview-button.vue.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"query-preview-button.vue.js","sources":["../../../../../src/x-modules/queries-preview/components/query-preview-button.vue"],"sourcesContent":["<template>\n <BaseEventButton\n v-on=\"$listeners\"\n :events=\"events\"\n class=\"x-query-preview-button x-button\"\n data-test=\"query-preview-button\"\n >\n <!-- @slot Button content with a text, an icon or both -->\n <slot :queryPreviewInfo=\"fullQueryPreviewInfo\">\n {{ queryPreviewInfo.query }}\n </slot>\n </BaseEventButton>\n</template>\n\n<script lang=\"ts\">\n import Vue from 'vue';\n import { Component, Prop } from 'vue-property-decorator';\n import { Dictionary } from '@empathyco/x-utils';\n import { State } from '../../../components/decorators/store.decorators';\n import { QueryPreviewInfo } from '../store/types';\n import { XEventsTypes } from '../../../wiring/events.types';\n import { BaseEventButton, xComponentMixin } from '../../../components';\n import { queriesPreviewXModule } from '../x-module';\n\n /*\n Component containing an event button that emits\n * {@link QueriesPreviewXEvents.UserAcceptedAQueryPreview} when clicked with\n * the full query preview info as payload.\n \n It has a default slot to customize its contents.\n \n @public\n /\n @Component({\n components: { BaseEventButton },\n mixins: [xComponentMixin(queriesPreviewXModule)]\n })\n export default class QueryPreviewButton extends Vue {\n /\n The information about the request of the query preview.\n \n @public\n /\n @Prop({ required: true })\n protected queryPreviewInfo!: QueryPreviewInfo;\n\n /\n We use the module extra params to combine them with the query preview's extra params.\n /\n @State('queriesPreview', 'params')\n public params!: Dictionary<unknown>;\n\n /\n The provided query preview with the base extra params from the module merged in.\n \n @returns The query preview info with the base extra params merged in.\n * @public\n /\n protected get fullQueryPreviewInfo(): QueryPreviewInfo {\n return {\n ...this.queryPreviewInfo,\n extraParams: {\n ...this.params,\n ...this.queryPreviewInfo.extraParams\n }\n };\n }\n\n /\n List of events to emit by the BaseEventButton.\n \n @returns An object with the event and payload.\n \n @internal\n */\n protected get events(): Partial<XEventsTypes> {\n return { UserAcceptedAQueryPreview: this.fullQueryPreviewInfo };\n }\n }\n</script>\n\n<docs lang=\"mdx\">\n## Examples\n\n### Basic example\n\nThe component content has the query preview query as default\n\n```vue\n<template>\n <div>\n <QueryPreviewButton queryPreviewInfo=\"queryPreviewInfo\" />\n </div>\n</template>\n\n<script>\n import { QueryPreviewButton } from '@empathyco/x-components/queries-preview';\n\n export default {\n components: {\n QueryPreviewButton\n },\n data: function () {\n return {\n queryPreviewInfo: {\n query: 'shoes'\n }\n };\n }\n };\n</script>\n```\n\n### Customizing slots\n\nThe content of the button is customizable via its default slot\n\n```vue\n<template>\n <div>\n <QueryPreviewButton queryPreviewInfo=\"queryPreviewInfo\">\n {{ `Search for: ${queryPreviewInfo.query}` }}\n </QueryPreviewButton>\n </div>\n</template>\n\n<script>\n import { QueryPreviewButton } from '@empathyco/x-components/queries-preview';\n\n export default {\n components: {\n QueryPreviewButton\n },\n data: function () {\n return {\n queryPreviewInfo: {\n query: 'shoes'\n }\n };\n }\n };\n</script>\n```\n\n## Events\n\nA list of events that the component will emit:\n\n- `UserAcceptedAQueryPreview`: the event is emitted after the user clicks the button. The event\n payload is the `QueryPreviewInfo` of the query.\n</docs>\n"],"names":[],"mappings":";;;;AAEA,MAAc,cAAA,GAAA,OAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1	+ {"version":3,"file":"query-preview-button.vue.js","sources":["../../../../../src/x-modules/queries-preview/components/query-preview-button.vue"],"sourcesContent":["<template>\n <BaseEventButton\n v-on=\"$listeners\"\n :events=\"events\"\n class=\"x-query-preview-button x-button\"\n data-test=\"query-preview-button\"\n >\n <!-- @slot Button content with a text, an icon or both -->\n <slot :queryPreviewInfo=\"fullQueryPreviewInfo\">\n {{ queryPreviewInfo.query }}\n </slot>\n </BaseEventButton>\n</template>\n\n<script lang=\"ts\">\n import Vue from 'vue';\n import { Component, Prop } from 'vue-property-decorator';\n import { Dictionary } from '@empathyco/x-utils';\n import { State } from '../../../components/decorators/store.decorators';\n import { QueryPreviewInfo } from '../store/types';\n import { XEventsTypes } from '../../../wiring/events.types';\n import { BaseEventButton, xComponentMixin } from '../../../components';\n import { queriesPreviewXModule } from '../x-module';\n\n /*\n Component containing an event button that emits\n * {@link QueriesPreviewXEvents.UserAcceptedAQueryPreview} when clicked with\n * the full query preview info as payload.\n \n It has a default slot to customize its contents.\n \n @public\n /\n @Component({\n components: { BaseEventButton },\n mixins: [xComponentMixin(queriesPreviewXModule)]\n })\n export default class QueryPreviewButton extends Vue {\n /\n The information about the request of the query preview.\n \n @public\n /\n @Prop({ required: true })\n protected queryPreviewInfo!: QueryPreviewInfo;\n\n /\n We use the module extra params to combine them with the query preview's extra params.\n /\n @State('queriesPreview', 'params')\n public params!: Dictionary<unknown>;\n\n /\n The provided query preview with the base extra params from the module merged in.\n \n @returns The query preview info with the base extra params merged in.\n * @public\n /\n protected get fullQueryPreviewInfo(): QueryPreviewInfo {\n return {\n ...this.queryPreviewInfo,\n extraParams: {\n ...this.params,\n ...this.queryPreviewInfo.extraParams\n },\n filters: this.queryPreviewInfo.filters\n };\n }\n\n /\n List of events to emit by the BaseEventButton.\n \n @returns An object with the event and payload.\n \n @internal\n */\n protected get events(): Partial<XEventsTypes> {\n return { UserAcceptedAQueryPreview: this.fullQueryPreviewInfo };\n }\n }\n</script>\n\n<docs lang=\"mdx\">\n## Examples\n\n### Basic example\n\nThe component content has the query preview query as default\n\n```vue\n<template>\n <div>\n <QueryPreviewButton queryPreviewInfo=\"queryPreviewInfo\" />\n </div>\n</template>\n\n<script>\n import { QueryPreviewButton } from '@empathyco/x-components/queries-preview';\n\n export default {\n components: {\n QueryPreviewButton\n },\n data: function () {\n return {\n queryPreviewInfo: {\n query: 'shoes'\n }\n };\n }\n };\n</script>\n```\n\n### Customizing slots\n\nThe content of the button is customizable via its default slot\n\n```vue\n<template>\n <div>\n <QueryPreviewButton queryPreviewInfo=\"queryPreviewInfo\">\n {{ `Search for: ${queryPreviewInfo.query}` }}\n </QueryPreviewButton>\n </div>\n</template>\n\n<script>\n import { QueryPreviewButton } from '@empathyco/x-components/queries-preview';\n\n export default {\n components: {\n QueryPreviewButton\n },\n data: function () {\n return {\n queryPreviewInfo: {\n query: 'shoes'\n }\n };\n }\n };\n</script>\n```\n\n## Events\n\nA list of events that the component will emit:\n\n- `UserAcceptedAQueryPreview`: the event is emitted after the user clicks the button. The event\n payload is the `QueryPreviewInfo` of the query.\n</docs>\n"],"names":[],"mappings":";;;;AAEA,MAAc,cAAA,GAAA,OAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/js/x-modules/queries-preview/components/query-preview-button.vue_rollup-plugin-vue_script.vue.js CHANGED Viewed

@@ -171,7 +171,8 @@ let QueryPreviewButton = class QueryPreviewButton extends Vue {
             extraParams: {
                 ...this.params,
                 ...this.queryPreviewInfo.extraParams
-            }
+            },
+            filters: this.queryPreviewInfo.filters
         };
     }
     /**

package/js/x-modules/queries-preview/components/query-preview-button.vue_rollup-plugin-vue_script.vue.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"query-preview-button.vue_rollup-plugin-vue_script.vue.js","sources":["../../../../../src/x-modules/queries-preview/components/query-preview-button.vue?rollup-plugin-vue=script.ts"],"sourcesContent":["\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n import Vue from 'vue';\n import { Component, Prop } from 'vue-property-decorator';\n import { Dictionary } from '@empathyco/x-utils';\n import { State } from '../../../components/decorators/store.decorators';\n import { QueryPreviewInfo } from '../store/types';\n import { XEventsTypes } from '../../../wiring/events.types';\n import { BaseEventButton, xComponentMixin } from '../../../components';\n import { queriesPreviewXModule } from '../x-module';\n\n /*\n Component containing an event button that emits\n * {@link QueriesPreviewXEvents.UserAcceptedAQueryPreview} when clicked with\n * the full query preview info as payload.\n \n It has a default slot to customize its contents.\n \n @public\n /\n @Component({\n components: { BaseEventButton },\n mixins: [xComponentMixin(queriesPreviewXModule)]\n })\n export default class QueryPreviewButton extends Vue {\n /\n The information about the request of the query preview.\n \n @public\n /\n @Prop({ required: true })\n protected queryPreviewInfo!: QueryPreviewInfo;\n\n /\n We use the module extra params to combine them with the query preview's extra params.\n /\n @State('queriesPreview', 'params')\n public params!: Dictionary<unknown>;\n\n /\n The provided query preview with the base extra params from the module merged in.\n \n @returns The query preview info with the base extra params merged in.\n * @public\n /\n protected get fullQueryPreviewInfo(): QueryPreviewInfo {\n return {\n ...this.queryPreviewInfo,\n extraParams: {\n ...this.params,\n ...this.queryPreviewInfo.extraParams\n }\n };\n }\n\n /\n List of events to emit by the BaseEventButton.\n \n @returns An object with the event and payload.\n \n @internal\n */\n protected get events(): Partial<XEventsTypes> {\n return { UserAcceptedAQueryPreview: this.fullQueryPreviewInfo };\n }\n }\n"],"names":["BaseEventButton"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwBE;;;;;;;;AAQG;AAKY,IAAM,kBAAkB,GAAxB,MAAM,kBAAmB,SAAQ,GAAG,CAAA;AAejD;;;;;AAKG;AACH,IAAA,IAAc,oBAAoB,GAAA;QAChC,OAAO;YACL,GAAG,IAAI,CAAC,gBAAgB;AACxB,YAAA,WAAW,EAAE;gBACX,GAAG,IAAI,CAAC,MAAM;AACd,gBAAA,GAAG,IAAI,CAAC,gBAAgB,CAAC,WAAW;AACrC,aAAA;~~SACF~~,CAAC;KACH;AAED;;;;;;AAMG;AACH,IAAA,IAAc,MAAM,GAAA;AAClB,QAAA,OAAO,EAAE,yBAAyB,EAAE,IAAI,CAAC,oBAAoB,EAAE,CAAC;KACjE;CACF,CAAA;~~AAlCC~~,UAAA,CAAA;AADC,IAAA,IAAI,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC;AACqB,CAAA,EAAA,kBAAA,CAAA,SAAA,EAAA,kBAAA,EAAA,KAAA,CAAA,CAAA,CAAA;AAM9C,UAAA,CAAA;AADC,IAAA,KAAK,CAAC,gBAAgB,EAAE,QAAQ,CAAC;AACE,CAAA,EAAA,kBAAA,CAAA,SAAA,EAAA,QAAA,EAAA,KAAA,CAAA,CAAA,CAAA;AAbjB,kBAAkB,GAAA,UAAA,CAAA;AAJtC,IAAA,SAAS,CAAC;QACT,UAAU,EAAE,mBAAEA,iBAAe,EAAE;AAC/B,QAAA,MAAM,EAAE,CAAC,eAAe,CAAC,qBAAqB,CAAC,CAAC;KACjD,CAAC;AACmB,CAAA,EAAA,kBAAkB,~~CAyCtC~~,CAAA;~~aAzCoB~~,kBAAkB;;;;"}
1	+ {"version":3,"file":"query-preview-button.vue_rollup-plugin-vue_script.vue.js","sources":["../../../../../src/x-modules/queries-preview/components/query-preview-button.vue?rollup-plugin-vue=script.ts"],"sourcesContent":["\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n import Vue from 'vue';\n import { Component, Prop } from 'vue-property-decorator';\n import { Dictionary } from '@empathyco/x-utils';\n import { State } from '../../../components/decorators/store.decorators';\n import { QueryPreviewInfo } from '../store/types';\n import { XEventsTypes } from '../../../wiring/events.types';\n import { BaseEventButton, xComponentMixin } from '../../../components';\n import { queriesPreviewXModule } from '../x-module';\n\n /*\n Component containing an event button that emits\n * {@link QueriesPreviewXEvents.UserAcceptedAQueryPreview} when clicked with\n * the full query preview info as payload.\n \n It has a default slot to customize its contents.\n \n @public\n /\n @Component({\n components: { BaseEventButton },\n mixins: [xComponentMixin(queriesPreviewXModule)]\n })\n export default class QueryPreviewButton extends Vue {\n /\n The information about the request of the query preview.\n \n @public\n /\n @Prop({ required: true })\n protected queryPreviewInfo!: QueryPreviewInfo;\n\n /\n We use the module extra params to combine them with the query preview's extra params.\n /\n @State('queriesPreview', 'params')\n public params!: Dictionary<unknown>;\n\n /\n The provided query preview with the base extra params from the module merged in.\n \n @returns The query preview info with the base extra params merged in.\n * @public\n /\n protected get fullQueryPreviewInfo(): QueryPreviewInfo {\n return {\n ...this.queryPreviewInfo,\n extraParams: {\n ...this.params,\n ...this.queryPreviewInfo.extraParams\n },\n filters: this.queryPreviewInfo.filters\n };\n }\n\n /\n List of events to emit by the BaseEventButton.\n \n @returns An object with the event and payload.\n \n @internal\n */\n protected get events(): Partial<XEventsTypes> {\n return { UserAcceptedAQueryPreview: this.fullQueryPreviewInfo };\n }\n }\n"],"names":["BaseEventButton"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwBE;;;;;;;;AAQG;AAKY,IAAM,kBAAkB,GAAxB,MAAM,kBAAmB,SAAQ,GAAG,CAAA;AAejD;;;;;AAKG;AACH,IAAA,IAAc,oBAAoB,GAAA;QAChC,OAAO;YACL,GAAG,IAAI,CAAC,gBAAgB;AACxB,YAAA,WAAW,EAAE;gBACX,GAAG,IAAI,CAAC,MAAM;AACd,gBAAA,GAAG,IAAI,CAAC,gBAAgB,CAAC,WAAW;AACrC,aAAA;AACD,YAAA,OAAO,EAAE,IAAI,CAAC,gBAAgB,CAAC,OAAO;SACvC,CAAC;KACH;AAED;;;;;;AAMG;AACH,IAAA,IAAc,MAAM,GAAA;AAClB,QAAA,OAAO,EAAE,yBAAyB,EAAE,IAAI,CAAC,oBAAoB,EAAE,CAAC;KACjE;CACF,CAAA;AAnCC,UAAA,CAAA;AADC,IAAA,IAAI,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC;AACqB,CAAA,EAAA,kBAAA,CAAA,SAAA,EAAA,kBAAA,EAAA,KAAA,CAAA,CAAA,CAAA;AAM9C,UAAA,CAAA;AADC,IAAA,KAAK,CAAC,gBAAgB,EAAE,QAAQ,CAAC;AACE,CAAA,EAAA,kBAAA,CAAA,SAAA,EAAA,QAAA,EAAA,KAAA,CAAA,CAAA,CAAA;AAbjB,kBAAkB,GAAA,UAAA,CAAA;AAJtC,IAAA,SAAS,CAAC;QACT,UAAU,EAAE,mBAAEA,iBAAe,EAAE;AAC/B,QAAA,MAAM,EAAE,CAAC,eAAe,CAAC,qBAAqB,CAAC,CAAC;KACjD,CAAC;AACmB,CAAA,EAAA,kBAAkB,CA0CtC,CAAA;aA1CoB,kBAAkB;;;;"}

package/js/x-modules/queries-preview/components/query-preview.vue.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"query-preview.vue.js","sources":["../../../../../src/x-modules/queries-preview/components/query-preview.vue"],"sourcesContent":["<template>\n <NoElement v-if=\"queryPreviewResults && queryPreviewResults.totalResults\">\n <!--\n @slot Query Preview default slot.\n @binding {QueryPreviewInfo} queryPreviewInfo - The information about the request of the\n query preview\n @binding {Result[]} results - The results preview of the query preview\n @binding {number} totalResults - The total results of the search request\n -->\n <slot\n :queryPreviewInfo=\"queryPreviewInfo\"\n :results=\"queryPreviewResults.results\"\n :totalResults=\"queryPreviewResults.totalResults\"\n >\n <ul data-test=\"query-preview\" class=\"x-query-preview\">\n <li\n v-for=\"result in queryPreviewResults.results\"\n :key=\"result.id\"\n class=\"x-query-preview__item\"\n data-test=\"query-preview-item\"\n >\n <!--\n @slot Query Preview result slot.\n @binding {Result} result - A Query Preview result\n -->\n <slot name=\"result\" :result=\"result\">\n <span data-test=\"result-name\">{{ result.name }}</span>\n </slot>\n </li>\n </ul>\n </slot>\n </NoElement>\n</template>\n\n<script lang=\"ts\">\n import Vue from 'vue';\n import { Component, Prop, Inject, Watch } from 'vue-property-decorator';\n import { Dictionary } from '@empathyco/x-utils';\n import { SearchRequest, Result } from '@empathyco/x-types';\n import { State } from '../../../components/decorators/store.decorators';\n import { LIST_ITEMS_KEY } from '../../../components/decorators/injection.consts';\n import { XProvide } from '../../../components/decorators/injection.decorators';\n import { xComponentMixin } from '../../../components/x-component.mixin';\n import { NoElement } from '../../../components/no-element';\n import { RequestStatus } from '../../../store';\n import { QueryFeature, FeatureLocation } from '../../../types/origin';\n import { QueryPreviewInfo, QueryPreviewItem } from '../store/types';\n import { QueriesPreviewConfig } from '../config.types';\n import { queriesPreviewXModule } from '../x-module';\n import { createOrigin } from '../../../utils/origin';\n import { debounce } from '../../../utils/debounce';\n import { DebouncedFunction } from '../../../utils';\n\n /*\n Retrieves a preview of the results of a query and exposes them in the default slot,\n * along with the query preview and the totalResults of the search request.\n * By default, it renders the names of the results.\n \n @public\n /\n @Component({\n components: {\n NoElement\n },\n mixins: [xComponentMixin(queriesPreviewXModule)]\n })\n export default class QueryPreview extends Vue {\n /\n The information about the request of the query preview.\n \n @public\n /\n @Prop({ required: true })\n protected queryPreviewInfo!: QueryPreviewInfo;\n\n /\n The origin property for the request.\n \n @public\n /\n @Prop()\n protected queryFeature?: QueryFeature;\n\n /\n Number of query preview results to be rendered.\n \n @public\n /\n @Prop()\n protected maxItemsToRender?: number;\n\n /\n Debounce time in milliseconds for triggering the search requests.\n * It will default to 0 to fit the most common use case (pre-search),\n * and it would work properly with a 250 value inside empathize.\n /\n @Prop({ default: 0 })\n public debounceTimeMs!: number;\n\n /\n Controls whether the QueryPreview should be removed from the state\n * when the component is destroyed.\n \n @public\n /\n @Prop({ default: true })\n public clearOnDestroy!: boolean;\n\n /\n The results preview of the queries preview mounted.\n * It is a dictionary, indexed by the query preview query.\n /\n @State('queriesPreview', 'queriesPreview')\n public previewResults!: Dictionary<QueryPreviewItem>;\n\n /\n As the request is handled in this component, we need\n * the extra params that will be used in the request.\n /\n @State('queriesPreview', 'params')\n public params!: Dictionary<unknown>;\n\n /\n As the request is handled in this component, we need\n * the config that will be used in the request.\n /\n @State('queriesPreview', 'config')\n public config!: QueriesPreviewConfig;\n\n /\n The results to render from the state.\n \n @remarks The results list are provided with `items` key. It can be\n * concatenated with list items from components such as `BannersList`, `PromotedsList`,\n * `BaseGrid` or any component that injects the list.\n \n @returns A list of results.\n * @public\n /\n @XProvide(LIST_ITEMS_KEY)\n public get results(): Result[] \| undefined {\n return this.queryPreviewResults?.results;\n }\n\n /\n It injects the provided {@link FeatureLocation} of the selected query in the search request.\n \n @internal\n /\n @Inject({ default: undefined })\n protected location?: FeatureLocation;\n\n /\n The computed request object to be used to retrieve the query preview results.\n \n @returns The search request object.\n * @internal\n /\n protected get queryPreviewRequest(): SearchRequest {\n const origin = createOrigin({\n feature: this.queryFeature,\n location: this.location\n });\n\n return {\n query: this.queryPreviewInfo.query,\n rows: this.config.maxItemsToRequest,\n extraParams: { ...this.params, ...this.queryPreviewInfo.extraParams },\n ...(origin && { origin })\n };\n }\n\n /\n Gets from the state the results preview of the query preview.\n \n @returns The results preview of the actual query preview.\n /\n public get queryPreviewResults(): Partial<QueryPreviewItem> \| undefined {\n const previewResults = this.previewResults[this.queryPreviewInfo.query];\n return previewResults?.results\n ? {\n ...previewResults,\n results: previewResults.results.slice(0, this.maxItemsToRender)\n }\n : undefined;\n }\n\n /\n The debounce method to trigger the request after the debounceTimeMs defined.\n \n @returns The search request object.\n * @internal\n /\n protected get emitQueryPreviewRequestUpdated(): DebouncedFunction<[SearchRequest]> {\n return debounce(request => {\n this.$x.emit('QueryPreviewRequestUpdated', request, { priority: 0, replaceable: false });\n }, this.debounceTimeMs);\n }\n\n /\n Initialises watcher to emit debounced requests, and first value for the requests.\n \n @internal\n /\n protected created(): void {\n this.$watch(\n () => this.queryPreviewRequest,\n (newRequest, oldRequest) => {\n if (JSON.stringify(newRequest) !== JSON.stringify(oldRequest)) {\n this.emitQueryPreviewRequestUpdated(newRequest);\n }\n }\n );\n this.emitQueryPreviewRequestUpdated(this.queryPreviewRequest);\n }\n\n /\n Cancels the (remaining) requests when the component is destroyed\n * via the `debounce.cancel()` method.\n * If the prop 'clearOnDestroy' is set to true, it also removes the QueryPreview\n * from the state when the component is destroyed.\n \n @internal\n /\n protected beforeDestroy(): void {\n this.emitQueryPreviewRequestUpdated.cancel();\n\n if (this.clearOnDestroy) {\n this.$x.emit('QueryPreviewUnmountedHook', this.queryPreviewInfo.query, {\n priority: 0,\n replaceable: false\n });\n }\n }\n\n /\n Cancels the previous request when the debounced function changes (e.g: the debounceTimeMs\n * prop changes or there is a request in progress that cancels it).\n \n @param _new - The new debounced function.\n * @param old - The previous debounced function.\n * @internal\n /\n @Watch('emitQueryPreviewRequestUpdated')\n protected cancelEmitPreviewRequestUpdated(\n _new: DebouncedFunction<[SearchRequest]>,\n old: DebouncedFunction<[SearchRequest]>\n ): void {\n old.cancel();\n }\n\n /\n Emits an event when the query results are loaded or fail to load.\n \n @param status - The status of the query preview request.\n * @internal\n */\n @Watch('queryPreviewResults.status')\n emitLoad(status: RequestStatus \| undefined): void {\n if (status === 'success') {\n this.$emit(this.results?.length ? 'load' : 'error', this.queryPreviewInfo.query);\n } else if (status === 'error') {\n this.$emit('error', this.queryPreviewInfo.query);\n }\n }\n }\n</script>\n<docs lang=\"mdx\">\n## Events\n\nA list of events that the component will emit:\n\n- [`QueryPreviewRequestUpdated`](https://github.com/empathyco/x/blob/main/packages/x-components/src/wiring/events.types.ts):\n the event is emitted when the component is mounted and when the properties of the request object\n changes. The event payload is the `queryPreviewRequest` object.\n\n## Vue Events\n\nA list of vue events that the component will emit:\n\n- `load`: the event is emitted when the query results have been loaded.\n- `error`: the event is emitted if there is some error when retrieving the query results.\n\n## See it in action\n\nHere you have a basic example of how the QueryPreview is rendered. Keep in mind that this component\nis intended to be used overriding its default slot. By default it will only render the names of the\nresults.\n\n```vue live\n<template>\n <QueryPreview :queryPreviewInfo=\"queryPreviewInfo\" />\n</template>\n\n<script>\n import { QueryPreview } from '@empathyco/x-components/queries-preview';\n\n export default {\n name: 'QueryPreviewDemo',\n components: {\n QueryPreview\n },\n data() {\n return {\n queryPreviewInfo: { query: 'sandals' }\n };\n }\n };\n</script>\n```\n\n### Play with the default slot\n\nIn this example, the results will be rendered inside a sliding panel.\n\n```vue live\n<template>\n <QueryPreview :queryPreviewInfo=\"queryPreviewInfo\" #default=\"{ totalResults, results }\">\n <section>\n <p>Total results: {{ totalResults }}</p>\n <SlidingPanel :resetOnContentChange=\"false\">\n <article\n v-for=\"result in results\"\n :key=\"result.id\"\n class=\"x-result\"\n style=\"max-width: 300px; overflow: hidden\"\n >\n <BaseResultLink :result=\"result\">\n <BaseResultImage :result=\"result\" class=\"x-result__picture\" />\n </BaseResultLink>\n <div class=\"x-result__description\">\n <BaseResultLink :result=\"result\">\n <h1 class=\"x-title3\">{{ result.name }}</h1>\n </BaseResultLink>\n </div>\n </article>\n </SlidingPanel>\n </section>\n </QueryPreview>\n</template>\n\n<script>\n import { QueryPreview } from '@empathyco/x-components/queries-preview';\n import { BaseResultImage, BaseResultLink, SlidingPanel } from '@empathyco/x-components';\n\n export default {\n name: 'QueryPreviewDemoOverridingSlot',\n components: {\n BaseResultImage,\n BaseResultLink,\n QueryPreview,\n SlidingPanel\n },\n data() {\n return {\n queryPreviewInfo: { query: 'flip-flops' }\n };\n }\n };\n</script>\n```\n\n### Play with the result slot\n\nThe component exposes a slot to override the result content, without modifying the list.\n\nIn this example, the ID of the results will be rendered along with the name.\n\n```vue\n<template>\n <QueryPreview :queryPreviewInfo=\"queryPreviewInfo\" #result=\"{ result }\">\n <span>{{ result.id }}</span>\n <span>{{ result.name }}</span>\n </QueryPreview>\n</template>\n\n<script>\n import { QueryPreview } from '@empathyco/x-components/queries-preview';\n\n export default {\n name: 'QueryPreviewDemoOverridingResultSlot',\n components: {\n QueryPreview\n },\n data() {\n return {\n queryPreviewInfo: { query: 'flip-flops' }\n };\n }\n };\n</script>\n```\n\n### Play with props\n\nIn this example, the query preview has been limited to render a maximum of 4 results.\n\n```vue\n<template>\n <QueryPreview\n :maxItemsToRender=\"maxItemsToRender\"\n :queryPreviewInfo=\"queryPreviewInfo\"\n #default=\"{ results }\"\n >\n <BaseGrid #default=\"{ item }\" :items=\"results\">\n <BaseResultLink :result=\"item\">\n <BaseResultImage :result=\"item\" />\n </BaseResultLink>\n </BaseGrid>\n </QueryPreview>\n</template>\n\n<script>\n import { BaseGrid, BaseResultImage, BaseResultLink } from '@empathyco/x-components';\n import { QueryPreview } from '@empathyco/x-components/queries-preview';\n\n export default {\n name: 'QueryPreviewDemo',\n components: {\n BaseGrid,\n BaseResultImage,\n BaseResultLink,\n QueryPreview\n },\n data() {\n return {\n maxItemsToRender: 4,\n queryPreviewInfo: { query: 'flip-flops' }\n };\n }\n };\n</script>\n```\n</docs>\n"],"names":[],"mappings":";;;;AAEA,MAAc,cAAA,GAAA,OAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1	+ {"version":3,"file":"query-preview.vue.js","sources":["../../../../../src/x-modules/queries-preview/components/query-preview.vue"],"sourcesContent":["<template>\n <NoElement v-if=\"queryPreviewResults && queryPreviewResults.totalResults\">\n <!--\n @slot Query Preview default slot.\n @binding {QueryPreviewInfo} queryPreviewInfo - The information about the request of the\n query preview\n @binding {Result[]} results - The results preview of the query preview\n @binding {number} totalResults - The total results of the search request\n -->\n <slot\n :queryPreviewInfo=\"queryPreviewInfo\"\n :results=\"queryPreviewResults.results\"\n :totalResults=\"queryPreviewResults.totalResults\"\n >\n <ul data-test=\"query-preview\" class=\"x-query-preview\">\n <li\n v-for=\"result in queryPreviewResults.results\"\n :key=\"result.id\"\n class=\"x-query-preview__item\"\n data-test=\"query-preview-item\"\n >\n <!--\n @slot Query Preview result slot.\n @binding {Result} result - A Query Preview result\n -->\n <slot name=\"result\" :result=\"result\">\n <span data-test=\"result-name\">{{ result.name }}</span>\n </slot>\n </li>\n </ul>\n </slot>\n </NoElement>\n</template>\n\n<script lang=\"ts\">\n import Vue from 'vue';\n import { Component, Prop, Inject, Watch } from 'vue-property-decorator';\n import { SearchRequest, Result, Filter } from '@empathyco/x-types';\n import { deepEqual, Dictionary } from '@empathyco/x-utils';\n import { State } from '../../../components/decorators/store.decorators';\n import { LIST_ITEMS_KEY } from '../../../components/decorators/injection.consts';\n import { XProvide } from '../../../components/decorators/injection.decorators';\n import { xComponentMixin } from '../../../components/x-component.mixin';\n import { NoElement } from '../../../components/no-element';\n import { RequestStatus } from '../../../store';\n import { QueryFeature, FeatureLocation } from '../../../types/origin';\n import { QueryPreviewInfo, QueryPreviewItem } from '../store/types';\n import { QueriesPreviewConfig } from '../config.types';\n import { queriesPreviewXModule } from '../x-module';\n import { createOrigin } from '../../../utils/origin';\n import { debounce } from '../../../utils/debounce';\n import { DebouncedFunction } from '../../../utils';\n import { createRawFilter } from '../../../__stubs__/index';\n\n /*\n Retrieves a preview of the results of a query and exposes them in the default slot,\n * along with the query preview and the totalResults of the search request.\n * By default, it renders the names of the results.\n \n @public\n /\n @Component({\n components: {\n NoElement\n },\n mixins: [xComponentMixin(queriesPreviewXModule)]\n })\n export default class QueryPreview extends Vue {\n /\n The information about the request of the query preview.\n \n @public\n /\n @Prop({ required: true })\n protected queryPreviewInfo!: QueryPreviewInfo;\n\n /\n The origin property for the request.\n \n @public\n /\n @Prop()\n protected queryFeature?: QueryFeature;\n\n /\n Number of query preview results to be rendered.\n \n @public\n /\n @Prop()\n protected maxItemsToRender?: number;\n\n /\n Debounce time in milliseconds for triggering the search requests.\n * It will default to 0 to fit the most common use case (pre-search),\n * and it would work properly with a 250 value inside empathize.\n /\n @Prop({ default: 0 })\n public debounceTimeMs!: number;\n\n /\n Controls whether the QueryPreview should be removed from the state\n * when the component is destroyed.\n \n @public\n /\n @Prop({ default: true })\n public clearOnDestroy!: boolean;\n\n /\n The results preview of the queries preview mounted.\n * It is a dictionary, indexed by the query preview query.\n /\n @State('queriesPreview', 'queriesPreview')\n public previewResults!: Dictionary<QueryPreviewItem>;\n\n /\n As the request is handled in this component, we need\n * the extra params that will be used in the request.\n /\n @State('queriesPreview', 'params')\n public params!: Dictionary<unknown>;\n\n /\n As the request is handled in this component, we need\n * the config that will be used in the request.\n /\n @State('queriesPreview', 'config')\n public config!: QueriesPreviewConfig;\n\n /\n The results to render from the state.\n \n @remarks The results list are provided with `items` key. It can be\n * concatenated with list items from components such as `BannersList`, `PromotedsList`,\n * `BaseGrid` or any component that injects the list.\n \n @returns A list of results.\n * @public\n /\n @XProvide(LIST_ITEMS_KEY)\n public get results(): Result[] \| undefined {\n return this.queryPreviewResults?.results;\n }\n\n /\n It injects the provided {@link FeatureLocation} of the selected query in the search request.\n \n @internal\n /\n @Inject({ default: undefined })\n protected location?: FeatureLocation;\n\n /\n The computed request object to be used to retrieve the query preview results.\n \n @returns The search request object.\n * @internal\n /\n protected get queryPreviewRequest(): SearchRequest {\n const origin = createOrigin({\n feature: this.queryFeature,\n location: this.location\n });\n const filters = this.queryPreviewInfo.filters?.reduce((filtersList, filterId) => {\n const facetId = filterId.split(':')[0];\n const rawFilter = createRawFilter(filterId);\n filtersList[facetId] = filtersList[facetId]\n ? filtersList[facetId].concat(rawFilter)\n : [rawFilter];\n\n return filtersList;\n }, {} as Record<string, Filter[]>);\n\n return {\n query: this.queryPreviewInfo.query,\n rows: this.config.maxItemsToRequest,\n extraParams: { ...this.params, ...this.queryPreviewInfo.extraParams },\n filters: filters,\n ...(origin && { origin })\n };\n }\n\n /\n Gets from the state the results preview of the query preview.\n \n @returns The results preview of the actual query preview.\n /\n public get queryPreviewResults(): Partial<QueryPreviewItem> \| undefined {\n const previewResults = this.previewResults[this.queryPreviewInfo.query];\n return previewResults?.results\n ? {\n ...previewResults,\n results: previewResults.results.slice(0, this.maxItemsToRender)\n }\n : undefined;\n }\n\n /\n The debounce method to trigger the request after the debounceTimeMs defined.\n \n @returns The search request object.\n * @internal\n /\n protected get emitQueryPreviewRequestUpdated(): DebouncedFunction<[SearchRequest]> {\n return debounce(request => {\n this.$x.emit('QueryPreviewRequestUpdated', request, { priority: 0, replaceable: false });\n }, this.debounceTimeMs);\n }\n\n /\n Initialises watcher to emit debounced requests, and first value for the requests.\n \n @internal\n /\n protected created(): void {\n this.$watch(\n () => this.queryPreviewRequest,\n (newRequest, oldRequest) => {\n if (!deepEqual(newRequest, oldRequest)) {\n this.emitQueryPreviewRequestUpdated(newRequest);\n }\n }\n );\n this.emitQueryPreviewRequestUpdated(this.queryPreviewRequest);\n }\n\n /\n Cancels the (remaining) requests when the component is destroyed\n * via the `debounce.cancel()` method.\n * If the prop 'clearOnDestroy' is set to true, it also removes the QueryPreview\n * from the state when the component is destroyed.\n \n @internal\n /\n protected beforeDestroy(): void {\n this.emitQueryPreviewRequestUpdated.cancel();\n\n if (this.clearOnDestroy) {\n this.$x.emit('QueryPreviewUnmountedHook', this.queryPreviewInfo.query, {\n priority: 0,\n replaceable: false\n });\n }\n }\n\n /\n Cancels the previous request when the debounced function changes (e.g: the debounceTimeMs\n * prop changes or there is a request in progress that cancels it).\n \n @param _new - The new debounced function.\n * @param old - The previous debounced function.\n * @internal\n /\n @Watch('emitQueryPreviewRequestUpdated')\n protected cancelEmitPreviewRequestUpdated(\n _new: DebouncedFunction<[SearchRequest]>,\n old: DebouncedFunction<[SearchRequest]>\n ): void {\n old.cancel();\n }\n\n /\n Emits an event when the query results are loaded or fail to load.\n \n @param status - The status of the query preview request.\n * @internal\n */\n @Watch('queryPreviewResults.status')\n emitLoad(status: RequestStatus \| undefined): void {\n if (status === 'success') {\n this.$emit(this.results?.length ? 'load' : 'error', this.queryPreviewInfo.query);\n } else if (status === 'error') {\n this.$emit('error', this.queryPreviewInfo.query);\n }\n }\n }\n</script>\n<docs lang=\"mdx\">\n## Events\n\nA list of events that the component will emit:\n\n- [`QueryPreviewRequestUpdated`](https://github.com/empathyco/x/blob/main/packages/x-components/src/wiring/events.types.ts):\n the event is emitted when the component is mounted and when the properties of the request object\n changes. The event payload is the `queryPreviewRequest` object.\n\n## Vue Events\n\nA list of vue events that the component will emit:\n\n- `load`: the event is emitted when the query results have been loaded.\n- `error`: the event is emitted if there is some error when retrieving the query results.\n\n## See it in action\n\nHere you have a basic example of how the QueryPreview is rendered. Keep in mind that this component\nis intended to be used overriding its default slot. By default it will only render the names of the\nresults.\n\n```vue live\n<template>\n <QueryPreview :queryPreviewInfo=\"queryPreviewInfo\" />\n</template>\n\n<script>\n import { QueryPreview } from '@empathyco/x-components/queries-preview';\n\n export default {\n name: 'QueryPreviewDemo',\n components: {\n QueryPreview\n },\n data() {\n return {\n queryPreviewInfo: { query: 'sandals' }\n };\n }\n };\n</script>\n```\n\n### Play with the default slot\n\nIn this example, the results will be rendered inside a sliding panel.\n\n```vue live\n<template>\n <QueryPreview :queryPreviewInfo=\"queryPreviewInfo\" #default=\"{ totalResults, results }\">\n <section>\n <p>Total results: {{ totalResults }}</p>\n <SlidingPanel :resetOnContentChange=\"false\">\n <article\n v-for=\"result in results\"\n :key=\"result.id\"\n class=\"x-result\"\n style=\"max-width: 300px; overflow: hidden\"\n >\n <BaseResultLink :result=\"result\">\n <BaseResultImage :result=\"result\" class=\"x-result__picture\" />\n </BaseResultLink>\n <div class=\"x-result__description\">\n <BaseResultLink :result=\"result\">\n <h1 class=\"x-title3\">{{ result.name }}</h1>\n </BaseResultLink>\n </div>\n </article>\n </SlidingPanel>\n </section>\n </QueryPreview>\n</template>\n\n<script>\n import { QueryPreview } from '@empathyco/x-components/queries-preview';\n import { BaseResultImage, BaseResultLink, SlidingPanel } from '@empathyco/x-components';\n\n export default {\n name: 'QueryPreviewDemoOverridingSlot',\n components: {\n BaseResultImage,\n BaseResultLink,\n QueryPreview,\n SlidingPanel\n },\n data() {\n return {\n queryPreviewInfo: { query: 'flip-flops' }\n };\n }\n };\n</script>\n```\n\n### Play with the result slot\n\nThe component exposes a slot to override the result content, without modifying the list.\n\nIn this example, the ID of the results will be rendered along with the name.\n\n```vue\n<template>\n <QueryPreview :queryPreviewInfo=\"queryPreviewInfo\" #result=\"{ result }\">\n <span>{{ result.id }}</span>\n <span>{{ result.name }}</span>\n </QueryPreview>\n</template>\n\n<script>\n import { QueryPreview } from '@empathyco/x-components/queries-preview';\n\n export default {\n name: 'QueryPreviewDemoOverridingResultSlot',\n components: {\n QueryPreview\n },\n data() {\n return {\n queryPreviewInfo: { query: 'flip-flops' }\n };\n }\n };\n</script>\n```\n\n### Play with props\n\nIn this example, the query preview has been limited to render a maximum of 4 results.\n\n```vue\n<template>\n <QueryPreview\n :maxItemsToRender=\"maxItemsToRender\"\n :queryPreviewInfo=\"queryPreviewInfo\"\n #default=\"{ results }\"\n >\n <BaseGrid #default=\"{ item }\" :items=\"results\">\n <BaseResultLink :result=\"item\">\n <BaseResultImage :result=\"item\" />\n </BaseResultLink>\n </BaseGrid>\n </QueryPreview>\n</template>\n\n<script>\n import { BaseGrid, BaseResultImage, BaseResultLink } from '@empathyco/x-components';\n import { QueryPreview } from '@empathyco/x-components/queries-preview';\n\n export default {\n name: 'QueryPreviewDemo',\n components: {\n BaseGrid,\n BaseResultImage,\n BaseResultLink,\n QueryPreview\n },\n data() {\n return {\n maxItemsToRender: 4,\n queryPreviewInfo: { query: 'flip-flops' }\n };\n }\n };\n</script>\n```\n</docs>\n"],"names":[],"mappings":";;;;AAEA,MAAc,cAAA,GAAA,OAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/js/x-modules/queries-preview/components/query-preview.vue_rollup-plugin-vue_script.vue.js CHANGED Viewed

@@ -1,6 +1,7 @@
 import { __decorate } from 'tslib';
 import Vue from 'vue';
 import { Prop, Inject, Watch, Component } from 'vue-property-decorator';
+import { deepEqual } from '@empathyco/x-utils';
 import { State } from '../../../components/decorators/store.decorators.js';
 import { LIST_ITEMS_KEY } from '../../../components/decorators/injection.consts.js';
 import { XProvide } from '../../../components/decorators/injection.decorators.js';
@@ -9,6 +10,8 @@ import { NoElement } from '../../../components/no-element.js';
 import { queriesPreviewXModule } from '../x-module.js';
 import { createOrigin } from '../../../utils/origin.js';
 import { debounce } from '../../../utils/debounce.js';
+import { createRawFilter } from '../../../__stubs__/filters-stubs.factory.js';
+import '@empathyco/x-deep-merge';
 /**
  * Retrieves a preview of the results of a query and exposes them in the default slot,
@@ -42,10 +45,19 @@ let QueryPreview = class QueryPreview extends Vue {
             feature: this.queryFeature,
             location: this.location
         });
+        const filters = this.queryPreviewInfo.filters?.reduce((filtersList, filterId) => {
+            const facetId = filterId.split(':')[0];
+            const rawFilter = createRawFilter(filterId);
+            filtersList[facetId] = filtersList[facetId]
+                ? filtersList[facetId].concat(rawFilter)
+                : [rawFilter];
+            return filtersList;
+        }, {});
         return {
             query: this.queryPreviewInfo.query,
             rows: this.config.maxItemsToRequest,
             extraParams: { ...this.params, ...this.queryPreviewInfo.extraParams },
+            filters: filters,
             ...(origin && { origin })
         };
     }
@@ -81,7 +93,7 @@ let QueryPreview = class QueryPreview extends Vue {
      */
     created() {
         this.$watch(() => this.queryPreviewRequest, (newRequest, oldRequest) => {
-            if (JSON.stringify(newRequest) !== JSON.stringify(oldRequest)) {
+            if (!deepEqual(newRequest, oldRequest)) {
                 this.emitQueryPreviewRequestUpdated(newRequest);
             }
         });

package/js/x-modules/queries-preview/components/query-preview.vue_rollup-plugin-vue_script.vue.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"query-preview.vue_rollup-plugin-vue_script.vue.js","sources":["../../../../../src/x-modules/queries-preview/components/query-preview.vue?rollup-plugin-vue=script.ts"],"sourcesContent":["\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n import Vue from 'vue';\n import { Component, Prop, Inject, Watch } from 'vue-property-decorator';\n import { Dictionary } from '@empathyco/x-utils';\n import { SearchRequest, Result } from '@empathyco/x-types';\n import { State } from '../../../components/decorators/store.decorators';\n import { LIST_ITEMS_KEY } from '../../../components/decorators/injection.consts';\n import { XProvide } from '../../../components/decorators/injection.decorators';\n import { xComponentMixin } from '../../../components/x-component.mixin';\n import { NoElement } from '../../../components/no-element';\n import { RequestStatus } from '../../../store';\n import { QueryFeature, FeatureLocation } from '../../../types/origin';\n import { QueryPreviewInfo, QueryPreviewItem } from '../store/types';\n import { QueriesPreviewConfig } from '../config.types';\n import { queriesPreviewXModule } from '../x-module';\n import { createOrigin } from '../../../utils/origin';\n import { debounce } from '../../../utils/debounce';\n import { DebouncedFunction } from '../../../utils';\n\n /*\n Retrieves a preview of the results of a query and exposes them in the default slot,\n * along with the query preview and the totalResults of the search request.\n * By default, it renders the names of the results.\n \n @public\n /\n @Component({\n components: {\n NoElement\n },\n mixins: [xComponentMixin(queriesPreviewXModule)]\n })\n export default class QueryPreview extends Vue {\n /\n The information about the request of the query preview.\n \n @public\n /\n @Prop({ required: true })\n protected queryPreviewInfo!: QueryPreviewInfo;\n\n /\n The origin property for the request.\n \n @public\n /\n @Prop()\n protected queryFeature?: QueryFeature;\n\n /\n Number of query preview results to be rendered.\n \n @public\n /\n @Prop()\n protected maxItemsToRender?: number;\n\n /\n Debounce time in milliseconds for triggering the search requests.\n * It will default to 0 to fit the most common use case (pre-search),\n * and it would work properly with a 250 value inside empathize.\n /\n @Prop({ default: 0 })\n public debounceTimeMs!: number;\n\n /\n Controls whether the QueryPreview should be removed from the state\n * when the component is destroyed.\n \n @public\n /\n @Prop({ default: true })\n public clearOnDestroy!: boolean;\n\n /\n The results preview of the queries preview mounted.\n * It is a dictionary, indexed by the query preview query.\n /\n @State('queriesPreview', 'queriesPreview')\n public previewResults!: Dictionary<QueryPreviewItem>;\n\n /\n As the request is handled in this component, we need\n * the extra params that will be used in the request.\n /\n @State('queriesPreview', 'params')\n public params!: Dictionary<unknown>;\n\n /\n As the request is handled in this component, we need\n * the config that will be used in the request.\n /\n @State('queriesPreview', 'config')\n public config!: QueriesPreviewConfig;\n\n /\n The results to render from the state.\n \n @remarks The results list are provided with `items` key. It can be\n * concatenated with list items from components such as `BannersList`, `PromotedsList`,\n * `BaseGrid` or any component that injects the list.\n \n @returns A list of results.\n * @public\n /\n @XProvide(LIST_ITEMS_KEY)\n public get results(): Result[] \| undefined {\n return this.queryPreviewResults?.results;\n }\n\n /\n It injects the provided {@link FeatureLocation} of the selected query in the search request.\n \n @internal\n /\n @Inject({ default: undefined })\n protected location?: FeatureLocation;\n\n /\n The computed request object to be used to retrieve the query preview results.\n \n @returns The search request object.\n * @internal\n /\n protected get queryPreviewRequest(): SearchRequest {\n const origin = createOrigin({\n feature: this.queryFeature,\n location: this.location\n });\n\n return {\n query: this.queryPreviewInfo.query,\n rows: this.config.maxItemsToRequest,\n extraParams: { ...this.params, ...this.queryPreviewInfo.extraParams },\n ...(origin && { origin })\n };\n }\n\n /\n Gets from the state the results preview of the query preview.\n \n @returns The results preview of the actual query preview.\n /\n public get queryPreviewResults(): Partial<QueryPreviewItem> \| undefined {\n const previewResults = this.previewResults[this.queryPreviewInfo.query];\n return previewResults?.results\n ? {\n ...previewResults,\n results: previewResults.results.slice(0, this.maxItemsToRender)\n }\n : undefined;\n }\n\n /\n The debounce method to trigger the request after the debounceTimeMs defined.\n \n @returns The search request object.\n * @internal\n /\n protected get emitQueryPreviewRequestUpdated(): DebouncedFunction<[SearchRequest]> {\n return debounce(request => {\n this.$x.emit('QueryPreviewRequestUpdated', request, { priority: 0, replaceable: false });\n }, this.debounceTimeMs);\n }\n\n /\n Initialises watcher to emit debounced requests, and first value for the requests.\n \n @internal\n /\n protected created(): void {\n this.$watch(\n () => this.queryPreviewRequest,\n (newRequest, oldRequest) => {\n if (JSON.stringify(newRequest) !== JSON.stringify(oldRequest)) {\n this.emitQueryPreviewRequestUpdated(newRequest);\n }\n }\n );\n this.emitQueryPreviewRequestUpdated(this.queryPreviewRequest);\n }\n\n /\n Cancels the (remaining) requests when the component is destroyed\n * via the `debounce.cancel()` method.\n * If the prop 'clearOnDestroy' is set to true, it also removes the QueryPreview\n * from the state when the component is destroyed.\n \n @internal\n /\n protected beforeDestroy(): void {\n this.emitQueryPreviewRequestUpdated.cancel();\n\n if (this.clearOnDestroy) {\n this.$x.emit('QueryPreviewUnmountedHook', this.queryPreviewInfo.query, {\n priority: 0,\n replaceable: false\n });\n }\n }\n\n /\n Cancels the previous request when the debounced function changes (e.g: the debounceTimeMs\n * prop changes or there is a request in progress that cancels it).\n \n @param _new - The new debounced function.\n * @param old - The previous debounced function.\n * @internal\n /\n @Watch('emitQueryPreviewRequestUpdated')\n protected cancelEmitPreviewRequestUpdated(\n _new: DebouncedFunction<[SearchRequest]>,\n old: DebouncedFunction<[SearchRequest]>\n ): void {\n old.cancel();\n }\n\n /\n Emits an event when the query results are loaded or fail to load.\n \n @param status - The status of the query preview request.\n * @internal\n */\n @Watch('queryPreviewResults.status')\n emitLoad(status: RequestStatus \| undefined): void {\n if (status === 'success') {\n this.$emit(this.results?.length ? 'load' : 'error', this.queryPreviewInfo.query);\n } else if (status === 'error') {\n this.$emit('error', this.queryPreviewInfo.query);\n }\n }\n }\n"],"names":[],"mappings":"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"}
1	+ {"version":3,"file":"query-preview.vue_rollup-plugin-vue_script.vue.js","sources":["../../../../../src/x-modules/queries-preview/components/query-preview.vue?rollup-plugin-vue=script.ts"],"sourcesContent":["\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n import Vue from 'vue';\n import { Component, Prop, Inject, Watch } from 'vue-property-decorator';\n import { SearchRequest, Result, Filter } from '@empathyco/x-types';\n import { deepEqual, Dictionary } from '@empathyco/x-utils';\n import { State } from '../../../components/decorators/store.decorators';\n import { LIST_ITEMS_KEY } from '../../../components/decorators/injection.consts';\n import { XProvide } from '../../../components/decorators/injection.decorators';\n import { xComponentMixin } from '../../../components/x-component.mixin';\n import { NoElement } from '../../../components/no-element';\n import { RequestStatus } from '../../../store';\n import { QueryFeature, FeatureLocation } from '../../../types/origin';\n import { QueryPreviewInfo, QueryPreviewItem } from '../store/types';\n import { QueriesPreviewConfig } from '../config.types';\n import { queriesPreviewXModule } from '../x-module';\n import { createOrigin } from '../../../utils/origin';\n import { debounce } from '../../../utils/debounce';\n import { DebouncedFunction } from '../../../utils';\n import { createRawFilter } from '../../../__stubs__/index';\n\n /*\n Retrieves a preview of the results of a query and exposes them in the default slot,\n * along with the query preview and the totalResults of the search request.\n * By default, it renders the names of the results.\n \n @public\n /\n @Component({\n components: {\n NoElement\n },\n mixins: [xComponentMixin(queriesPreviewXModule)]\n })\n export default class QueryPreview extends Vue {\n /\n The information about the request of the query preview.\n \n @public\n /\n @Prop({ required: true })\n protected queryPreviewInfo!: QueryPreviewInfo;\n\n /\n The origin property for the request.\n \n @public\n /\n @Prop()\n protected queryFeature?: QueryFeature;\n\n /\n Number of query preview results to be rendered.\n \n @public\n /\n @Prop()\n protected maxItemsToRender?: number;\n\n /\n Debounce time in milliseconds for triggering the search requests.\n * It will default to 0 to fit the most common use case (pre-search),\n * and it would work properly with a 250 value inside empathize.\n /\n @Prop({ default: 0 })\n public debounceTimeMs!: number;\n\n /\n Controls whether the QueryPreview should be removed from the state\n * when the component is destroyed.\n \n @public\n /\n @Prop({ default: true })\n public clearOnDestroy!: boolean;\n\n /\n The results preview of the queries preview mounted.\n * It is a dictionary, indexed by the query preview query.\n /\n @State('queriesPreview', 'queriesPreview')\n public previewResults!: Dictionary<QueryPreviewItem>;\n\n /\n As the request is handled in this component, we need\n * the extra params that will be used in the request.\n /\n @State('queriesPreview', 'params')\n public params!: Dictionary<unknown>;\n\n /\n As the request is handled in this component, we need\n * the config that will be used in the request.\n /\n @State('queriesPreview', 'config')\n public config!: QueriesPreviewConfig;\n\n /\n The results to render from the state.\n \n @remarks The results list are provided with `items` key. It can be\n * concatenated with list items from components such as `BannersList`, `PromotedsList`,\n * `BaseGrid` or any component that injects the list.\n \n @returns A list of results.\n * @public\n /\n @XProvide(LIST_ITEMS_KEY)\n public get results(): Result[] \| undefined {\n return this.queryPreviewResults?.results;\n }\n\n /\n It injects the provided {@link FeatureLocation} of the selected query in the search request.\n \n @internal\n /\n @Inject({ default: undefined })\n protected location?: FeatureLocation;\n\n /\n The computed request object to be used to retrieve the query preview results.\n \n @returns The search request object.\n * @internal\n /\n protected get queryPreviewRequest(): SearchRequest {\n const origin = createOrigin({\n feature: this.queryFeature,\n location: this.location\n });\n const filters = this.queryPreviewInfo.filters?.reduce((filtersList, filterId) => {\n const facetId = filterId.split(':')[0];\n const rawFilter = createRawFilter(filterId);\n filtersList[facetId] = filtersList[facetId]\n ? filtersList[facetId].concat(rawFilter)\n : [rawFilter];\n\n return filtersList;\n }, {} as Record<string, Filter[]>);\n\n return {\n query: this.queryPreviewInfo.query,\n rows: this.config.maxItemsToRequest,\n extraParams: { ...this.params, ...this.queryPreviewInfo.extraParams },\n filters: filters,\n ...(origin && { origin })\n };\n }\n\n /\n Gets from the state the results preview of the query preview.\n \n @returns The results preview of the actual query preview.\n /\n public get queryPreviewResults(): Partial<QueryPreviewItem> \| undefined {\n const previewResults = this.previewResults[this.queryPreviewInfo.query];\n return previewResults?.results\n ? {\n ...previewResults,\n results: previewResults.results.slice(0, this.maxItemsToRender)\n }\n : undefined;\n }\n\n /\n The debounce method to trigger the request after the debounceTimeMs defined.\n \n @returns The search request object.\n * @internal\n /\n protected get emitQueryPreviewRequestUpdated(): DebouncedFunction<[SearchRequest]> {\n return debounce(request => {\n this.$x.emit('QueryPreviewRequestUpdated', request, { priority: 0, replaceable: false });\n }, this.debounceTimeMs);\n }\n\n /\n Initialises watcher to emit debounced requests, and first value for the requests.\n \n @internal\n /\n protected created(): void {\n this.$watch(\n () => this.queryPreviewRequest,\n (newRequest, oldRequest) => {\n if (!deepEqual(newRequest, oldRequest)) {\n this.emitQueryPreviewRequestUpdated(newRequest);\n }\n }\n );\n this.emitQueryPreviewRequestUpdated(this.queryPreviewRequest);\n }\n\n /\n Cancels the (remaining) requests when the component is destroyed\n * via the `debounce.cancel()` method.\n * If the prop 'clearOnDestroy' is set to true, it also removes the QueryPreview\n * from the state when the component is destroyed.\n \n @internal\n /\n protected beforeDestroy(): void {\n this.emitQueryPreviewRequestUpdated.cancel();\n\n if (this.clearOnDestroy) {\n this.$x.emit('QueryPreviewUnmountedHook', this.queryPreviewInfo.query, {\n priority: 0,\n replaceable: false\n });\n }\n }\n\n /\n Cancels the previous request when the debounced function changes (e.g: the debounceTimeMs\n * prop changes or there is a request in progress that cancels it).\n \n @param _new - The new debounced function.\n * @param old - The previous debounced function.\n * @internal\n /\n @Watch('emitQueryPreviewRequestUpdated')\n protected cancelEmitPreviewRequestUpdated(\n _new: DebouncedFunction<[SearchRequest]>,\n old: DebouncedFunction<[SearchRequest]>\n ): void {\n old.cancel();\n }\n\n /\n Emits an event when the query results are loaded or fail to load.\n \n @param status - The status of the query preview request.\n * @internal\n */\n @Watch('queryPreviewResults.status')\n emitLoad(status: RequestStatus \| undefined): void {\n if (status === 'success') {\n this.$emit(this.results?.length ? 'load' : 'error', this.queryPreviewInfo.query);\n } else if (status === 'error') {\n this.$emit('error', this.queryPreviewInfo.query);\n }\n }\n }\n"],"names":[],"mappings":"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"}

package/js/x-modules/queries-preview/store/module.js CHANGED Viewed

@@ -16,7 +16,8 @@ const queriesPreviewXStoreModule = {
         queriesPreview: {},
         selectedQueryPreview: {
             query: '',
-            extraParams: undefined
+            extraParams: undefined,
+            filters: undefined
         },
         params: {}
     }),

package/js/x-modules/queries-preview/store/module.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"module.js","sources":["../../../../../src/x-modules/queries-preview/store/module.ts"],"sourcesContent":["import Vue from 'vue';\nimport { QueriesPreviewXStoreModule } from './types';\nimport { fetchQueryPreview } from './actions/fetch-query-preview.action';\nimport { fetchAndSaveQueryPreview } from './actions/fetch-and-save-query-preview.action';\nimport { loadedQueriesPreview } from './getters/loaded-queries-preview.getter';\n\n/*\n {@link XStoreModule} For the `queries-preview` module.\n \n @internal\n */\nexport const queriesPreviewXStoreModule: QueriesPreviewXStoreModule = {\n state: () => ({\n config: {\n maxItemsToRequest: 24\n },\n queriesPreview: {},\n selectedQueryPreview: {\n query: '',\n extraParams: undefined\n },\n params: {}\n }),\n getters: { loadedQueriesPreview },\n mutations: {\n clearQueryPreview(state, query) {\n Vue.delete(state.queriesPreview, query);\n },\n setParams(state, params) {\n state.params = params;\n },\n setQueryPreview(state, queryPreview) {\n Vue.set(state.queriesPreview, queryPreview.request.query, queryPreview);\n },\n setStatus(state, { query, status }) {\n state.queriesPreview[query].status = status;\n },\n setSelectedQueryPreview(state, selectedQueryPreview) {\n state.selectedQueryPreview = selectedQueryPreview;\n }\n },\n actions: {\n fetchQueryPreview,\n fetchAndSaveQueryPreview\n }\n};\n"],"names":[],"mappings":";;;;;AAMA;;;;AAIG;AACU,MAAA,0BAA0B,GAA+B;AACpE,IAAA,KAAK,EAAE,OAAO;AACZ,QAAA,MAAM,EAAE;AACN,YAAA,iBAAiB,EAAE,EAAE;AACtB,SAAA;AACD,QAAA,cAAc,EAAE,EAAE;AAClB,QAAA,oBAAoB,EAAE;AACpB,YAAA,KAAK,EAAE,EAAE;AACT,YAAA,WAAW,EAAE,SAAS;~~AACvB~~,SAAA;AACD,QAAA,MAAM,EAAE,EAAE;KACX,CAAC;IACF,OAAO,EAAE,EAAE,oBAAoB,EAAE;AACjC,IAAA,SAAS,EAAE;QACT,iBAAiB,CAAC,KAAK,EAAE,KAAK,EAAA;YAC5B,GAAG,CAAC,MAAM,CAAC,KAAK,CAAC,cAAc,EAAE,KAAK,CAAC,CAAC;SACzC;QACD,SAAS,CAAC,KAAK,EAAE,MAAM,EAAA;AACrB,YAAA,KAAK,CAAC,MAAM,GAAG,MAAM,CAAC;SACvB;QACD,eAAe,CAAC,KAAK,EAAE,YAAY,EAAA;AACjC,YAAA,GAAG,CAAC,GAAG,CAAC,KAAK,CAAC,cAAc,EAAE,YAAY,CAAC,OAAO,CAAC,KAAK,EAAE,YAAY,CAAC,CAAC;SACzE;AACD,QAAA,SAAS,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,EAAA;YAChC,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC,MAAM,GAAG,MAAM,CAAC;SAC7C;QACD,uBAAuB,CAAC,KAAK,EAAE,oBAAoB,EAAA;AACjD,YAAA,KAAK,CAAC,oBAAoB,GAAG,oBAAoB,CAAC;SACnD;AACF,KAAA;AACD,IAAA,OAAO,EAAE;QACP,iBAAiB;QACjB,wBAAwB;AACzB,KAAA;;;;;"}
1	+ {"version":3,"file":"module.js","sources":["../../../../../src/x-modules/queries-preview/store/module.ts"],"sourcesContent":["import Vue from 'vue';\nimport { QueriesPreviewXStoreModule } from './types';\nimport { fetchQueryPreview } from './actions/fetch-query-preview.action';\nimport { fetchAndSaveQueryPreview } from './actions/fetch-and-save-query-preview.action';\nimport { loadedQueriesPreview } from './getters/loaded-queries-preview.getter';\n\n/*\n {@link XStoreModule} For the `queries-preview` module.\n \n @internal\n */\nexport const queriesPreviewXStoreModule: QueriesPreviewXStoreModule = {\n state: () => ({\n config: {\n maxItemsToRequest: 24\n },\n queriesPreview: {},\n selectedQueryPreview: {\n query: '',\n extraParams: undefined,\n filters: undefined\n },\n params: {}\n }),\n getters: { loadedQueriesPreview },\n mutations: {\n clearQueryPreview(state, query) {\n Vue.delete(state.queriesPreview, query);\n },\n setParams(state, params) {\n state.params = params;\n },\n setQueryPreview(state, queryPreview) {\n Vue.set(state.queriesPreview, queryPreview.request.query, queryPreview);\n },\n setStatus(state, { query, status }) {\n state.queriesPreview[query].status = status;\n },\n setSelectedQueryPreview(state, selectedQueryPreview) {\n state.selectedQueryPreview = selectedQueryPreview;\n }\n },\n actions: {\n fetchQueryPreview,\n fetchAndSaveQueryPreview\n }\n};\n"],"names":[],"mappings":";;;;;AAMA;;;;AAIG;AACU,MAAA,0BAA0B,GAA+B;AACpE,IAAA,KAAK,EAAE,OAAO;AACZ,QAAA,MAAM,EAAE;AACN,YAAA,iBAAiB,EAAE,EAAE;AACtB,SAAA;AACD,QAAA,cAAc,EAAE,EAAE;AAClB,QAAA,oBAAoB,EAAE;AACpB,YAAA,KAAK,EAAE,EAAE;AACT,YAAA,WAAW,EAAE,SAAS;AACtB,YAAA,OAAO,EAAE,SAAS;AACnB,SAAA;AACD,QAAA,MAAM,EAAE,EAAE;KACX,CAAC;IACF,OAAO,EAAE,EAAE,oBAAoB,EAAE;AACjC,IAAA,SAAS,EAAE;QACT,iBAAiB,CAAC,KAAK,EAAE,KAAK,EAAA;YAC5B,GAAG,CAAC,MAAM,CAAC,KAAK,CAAC,cAAc,EAAE,KAAK,CAAC,CAAC;SACzC;QACD,SAAS,CAAC,KAAK,EAAE,MAAM,EAAA;AACrB,YAAA,KAAK,CAAC,MAAM,GAAG,MAAM,CAAC;SACvB;QACD,eAAe,CAAC,KAAK,EAAE,YAAY,EAAA;AACjC,YAAA,GAAG,CAAC,GAAG,CAAC,KAAK,CAAC,cAAc,EAAE,YAAY,CAAC,OAAO,CAAC,KAAK,EAAE,YAAY,CAAC,CAAC;SACzE;AACD,QAAA,SAAS,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,EAAA;YAChC,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC,MAAM,GAAG,MAAM,CAAC;SAC7C;QACD,uBAAuB,CAAC,KAAK,EAAE,oBAAoB,EAAA;AACjD,YAAA,KAAK,CAAC,oBAAoB,GAAG,oBAAoB,CAAC;SACnD;AACF,KAAA;AACD,IAAA,OAAO,EAAE;QACP,iBAAiB;QACjB,wBAAwB;AACzB,KAAA;;;;;"}

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@empathyco/x-components",
-  "version": "3.0.0-alpha.412",
+  "version": "3.0.0-alpha.413",
   "description": "Empathy X Components",
   "author": "Empathy Systems Corporation S.L.",
   "license": "Apache-2.0",
@@ -143,5 +143,5 @@
     "access": "public",
     "directory": "dist"
   },
-  "gitHead": "bcf6d3e516bd903c85c47423926bc477dec852c6"
+  "gitHead": "d9a16ab46529038261f8dd5841ffb961e2286fea"
 }

package/report/x-components.api.json CHANGED Viewed

@@ -38321,6 +38321,33 @@
                 "endIndex": 3
               }
             },
+            {
+              "kind": "PropertySignature",
+              "canonicalReference": "@empathyco/x-components!QueryPreviewInfo#filters:member",
+              "docComment": "/**\n * The filters to perform the search.\n */\n",
+              "excerptTokens": [
+                {
+                  "kind": "Content",
+                  "text": "filters?: "
+                },
+                {
+                  "kind": "Content",
+                  "text": "string[]"
+                },
+                {
+                  "kind": "Content",
+                  "text": ";"
+                }
+              ],
+              "isReadonly": false,
+              "isOptional": true,
+              "releaseTag": "Public",
+              "name": "filters",
+              "propertyTypeTokenRange": {
+                "startIndex": 1,
+                "endIndex": 2
+              }
+            },
             {
               "kind": "PropertySignature",
               "canonicalReference": "@empathyco/x-components!QueryPreviewInfo#query:member",

package/report/x-components.api.md CHANGED Viewed

@@ -3578,6 +3578,7 @@ export class QueryPreviewButton extends Vue_2 {
 export interface QueryPreviewInfo {
     [extra: string]: unknown;
     extraParams?: Dictionary<unknown>;
+    filters?: string[];
     query: string;
     title?: string;
 }

package/types/__stubs__/banners-stubs.factory.d.ts ADDED Viewed

@@ -0,0 +1,20 @@
+import { Banner } from '@empathyco/x-types';
+/**
+ * Creates a {@link @empathyco/x-types#Banner | banners} stub.
+ *
+ * @returns Array of banners stub.
+ *
+ * @internal
+ */
+export declare function getBannersStub(): Banner[];
+/**
+ * Creates a banner.
+ *
+ * @param identifier - The banner identifier.
+ * @param banner - An optional object with fields to override the banner.
+ * @returns The banner.
+ *
+ * @internal
+ */
+export declare function createBannerStub(identifier: string, banner?: Partial<Banner>): Banner;
+//# sourceMappingURL=banners-stubs.factory.d.ts.map

package/types/__stubs__/banners-stubs.factory.d.ts.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"banners-stubs.factory.d.ts","sourceRoot":"","sources":["../../../src/__stubs__/banners-stubs.factory.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,oBAAoB,CAAC;AAE5C;;;;;;GAMG;AACH,wBAAgB,cAAc,IAAI,MAAM,EAAE,CASzC;AAED;;;;;;;;GAQG;AACH,wBAAgB,gBAAgB,CAAC,UAAU,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,GAAG,MAAM,CAarF"}

package/types/__stubs__/empty-search-response-stubs.factory.d.ts ADDED Viewed

@@ -0,0 +1,10 @@
+import { SearchResponse } from '@empathyco/x-types';
+/**
+ * Creates an empty {@link @empathyco/x-types#SearchResponse | search response} stub.
+ *
+ * @returns Object of an empty search response stub.
+ *
+ * @internal
+ */
+export declare function getEmptySearchResponseStub(): SearchResponse;
+//# sourceMappingURL=empty-search-response-stubs.factory.d.ts.map

package/types/__stubs__/empty-search-response-stubs.factory.d.ts.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"empty-search-response-stubs.factory.d.ts","sourceRoot":"","sources":["../../../src/__stubs__/empty-search-response-stubs.factory.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAEpD;;;;;;GAMG;AACH,wBAAgB,0BAA0B,IAAI,cAAc,CAe3D"}

package/types/__stubs__/facets-stubs.factory.d.ts ADDED Viewed

@@ -0,0 +1,85 @@
+import { EditableNumberRangeFacet, EditableNumberRangeFilter, Facet, HierarchicalFacet, HierarchicalFilter, NumberRangeFacet, NumberRangeFilter, RangeValue, SimpleFacet, SimpleFilter } from '@empathyco/x-types';
+import { CreateHierarchicalFilter } from './filters-stubs.factory';
+/**
+ * Creates a {@link @empathyco/x-types#SimpleFacet | SimpleFacet} stub.
+ *
+ * @returns A SimpleFacet.
+ *
+ * @internal
+ */
+export declare function getSimpleFacetStub(): SimpleFacet;
+/**
+ * Creates a {@link @empathyco/x-types#HierarchicalFacet | HierarchicalFacet} stub.
+ *
+ * @returns A HierarchicalFacet.
+ *
+ * @internal
+ */
+export declare function getHierarchicalFacetStub(): HierarchicalFacet;
+/**
+ * Creates a {@link @empathyco/x-types#NumberRangeFacet | NumberRangeFacet} stub.
+ *
+ * @returns A NumberRangeFacet.
+ *
+ * @internal
+ */
+export declare function getNumberRangeFacetStub(): NumberRangeFacet;
+/**
+ * Creates a {@link @empathyco/x-types#Facet | facets} stub.
+ *
+ * @returns Array of facets stub.
+ *
+ * @internal
+ */
+export declare function getFacetsStub(): Facet[];
+/**
+ * Creates a number facet given a label and its children. It uses the `label` properties for
+ * generating the ids of the filters.
+ *
+ * @param label - The facet label, also used for generating the facet id.
+ * @param createChildren - A function to create the child filters. This function is invoked with
+ * a factory to create each child filter, only providing the filter `value` and `selected`
+ * properties.
+ * @returns A number range facet for use in tests.
+ */
+export declare function createNumberRangeFacet(label: string, createChildren: (createNumberRangeFilter: (range: RangeValue, selected: boolean) => NumberRangeFilter) => NumberRangeFilter[]): NumberRangeFacet;
+/**
+ * Function to create a single facet with one filter.
+ *
+ * @param category - Category to be used in the filter creation.
+ * @returns Facet with the filter added.
+ */
+export declare function createFacetWithFilter(category: string): SimpleFacet;
+/**
+ * Creates a simple facet with the given parameters.
+ *
+ * @param label - Used for the facet `id` and `label` properties.
+ * @param createChildren - A function that returns the facet filters.
+ * @returns A simple facet.
+ */
+export declare function createSimpleFacetStub(label: string, createChildren: (createChild: (label: string, selected?: boolean, totalResults?: number) => SimpleFilter) => SimpleFilter[]): SimpleFacet;
+/**
+ * Creates a number range facet with the given parameters.
+ *
+ * @param label - Used for the facet `id` and `label` properties.
+ * @param createChildren - A function that returns the facet filters.
+ * @returns A number range facet.
+ */
+export declare function createNumberRangeFacetStub(label: string, createChildren: (createChild: (range: RangeValue, selected?: boolean) => NumberRangeFilter) => NumberRangeFilter[]): NumberRangeFacet;
+/**
+ * Creates an editable number range facet with the given parameters.
+ *
+ * @param label - Used for the facet `id` and `label` properties.
+ * @param createChildren - A function that returns the facet filters.
+ * @returns An editable number range facet.
+ */
+export declare function createEditableNumberRangeFacetStub(label: string, createChildren: (createChild: (range: RangeValue, selected?: boolean) => EditableNumberRangeFilter) => EditableNumberRangeFilter): EditableNumberRangeFacet;
+/**
+ * Creates a hierarchical facet with the given parameters.
+ *
+ * @param label - Used for the facet `id` and `label` properties.
+ * @param createChildren - A function that returns the facet filters.
+ * @returns A hierarchical facet.
+ */
+export declare function createHierarchicalFacetStub(label: string, createChildren: (createChild: CreateHierarchicalFilter) => HierarchicalFilter[]): HierarchicalFacet;
+//# sourceMappingURL=facets-stubs.factory.d.ts.map

package/types/__stubs__/facets-stubs.factory.d.ts.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"facets-stubs.factory.d.ts","sourceRoot":"","sources":["../../../src/__stubs__/facets-stubs.factory.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,wBAAwB,EACxB,yBAAyB,EACzB,KAAK,EACL,iBAAiB,EACjB,kBAAkB,EAClB,gBAAgB,EAChB,iBAAiB,EACjB,UAAU,EACV,WAAW,EACX,YAAY,EACb,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAEL,wBAAwB,EAKzB,MAAM,yBAAyB,CAAC;AAEjC;;;;;;GAMG;AACH,wBAAgB,kBAAkB,IAAI,WAAW,CAwMhD;AAED;;;;;;GAMG;AACH,wBAAgB,wBAAwB,IAAI,iBAAiB,CAkF5D;AAED;;;;;;GAMG;AACH,wBAAgB,uBAAuB,IAAI,gBAAgB,CAgF1D;AAED;;;;;;GAMG;AACH,wBAAgB,aAAa,IAAI,KAAK,EAAE,CAEvC;AAED;;;;;;;;;GASG;AACH,wBAAgB,sBAAsB,CACpC,KAAK,EAAE,MAAM,EACb,cAAc,EAAE,CACd,uBAAuB,EAAE,CAAC,KAAK,EAAE,UAAU,EAAE,QAAQ,EAAE,OAAO,KAAK,iBAAiB,KACjF,iBAAiB,EAAE,GACvB,gBAAgB,CAoBlB;AAED;;;;;GAKG;AACH,wBAAgB,qBAAqB,CAAC,QAAQ,EAAE,MAAM,GAAG,WAAW,CAOnE;AAID;;;;;;GAMG;AACH,wBAAgB,qBAAqB,CACnC,KAAK,EAAE,MAAM,EACb,cAAc,EAAE,CACd,WAAW,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE,OAAO,EAAE,YAAY,CAAC,EAAE,MAAM,KAAK,YAAY,KACpF,YAAY,EAAE,GAClB,WAAW,CAUb;AAED;;;;;;GAMG;AACH,wBAAgB,0BAA0B,CACxC,KAAK,EAAE,MAAM,EACb,cAAc,EAAE,CACd,WAAW,EAAE,CAAC,KAAK,EAAE,UAAU,EAAE,QAAQ,CAAC,EAAE,OAAO,KAAK,iBAAiB,KACtE,iBAAiB,EAAE,GACvB,gBAAgB,CAQlB;AAED;;;;;;GAMG;AACH,wBAAgB,kCAAkC,CAChD,KAAK,EAAE,MAAM,EACb,cAAc,EAAE,CACd,WAAW,EAAE,CAAC,KAAK,EAAE,UAAU,EAAE,QAAQ,CAAC,EAAE,OAAO,KAAK,yBAAyB,KAC9E,yBAAyB,GAC7B,wBAAwB,CAU1B;AAED;;;;;;GAMG;AACH,wBAAgB,2BAA2B,CACzC,KAAK,EAAE,MAAM,EACb,cAAc,EAAE,CAAC,WAAW,EAAE,wBAAwB,KAAK,kBAAkB,EAAE,GAC9E,iBAAiB,CAQnB"}

package/types/__stubs__/filters-stubs.factory.d.ts ADDED Viewed

@@ -0,0 +1,92 @@
+import { EditableNumberRangeFilter, HierarchicalFilter, NumberRangeFilter, RangeValue, SimpleFilter, RawFilter } from '@empathyco/x-types';
+/**
+ * Creates a {@link @empathyco/x-types#SimpleFilter | SimpleFilter} stub.
+ *
+ * @param filter - A partial filter to override certain properties. Useful for testing.
+ * @returns A Simple filter.
+ *
+ * @internal
+ */
+export declare function getSimpleFilterStub(filter?: Partial<SimpleFilter>): SimpleFilter;
+/**
+ * Creates a {@link @empathyco/x-types#NumberRangeFilter | NumberRangeFilter} stub.
+ *
+ * @param filter - A partial filter to override certain properties. Useful for testing.
+ * @returns A Number range filter.
+ *
+ * @internal
+ */
+export declare function getNumberRangeFilterStub(filter?: Partial<NumberRangeFilter>): NumberRangeFilter;
+/**
+ * Creates a {@link @empathyco/x-types#HierarchicalFilter | HierarchicalFilter} stub.
+ *
+ * @param filter - A partial filter to override certain properties. Useful for testing.
+ * @returns A Hierarchical filter.
+ *
+ * @internal
+ */
+export declare function getHierarchicalFilterStub(filter?: Partial<HierarchicalFilter>): HierarchicalFilter;
+/**
+ * Creates a {@link @empathyco/x-types#RawFilter | RawFilter}.
+ *
+ * @param id - The identifier of the raw filter.
+ * @returns A {@link @empathyco/x-types#RawFilter | RawFilter} stub.
+ */
+export declare function createRawFilter(id: string): RawFilter;
+/**
+ * Creates a {@link @empathyco/x-types#SimpleFilter | SimpleFilter}.
+ *
+ * @param facetId - The facet id this filter belongs to.
+ * @param label - The text that this filter should display.
+ * @param selected - True when the filter is checked, false otherwise.
+ * @param totalResults - Number of results matching the filter.
+ * @returns A stub for a {@link @empathyco/x-types#SimpleFilter | SimpleFilter}.
+ */
+export declare function createSimpleFilter(facetId: string, label: string, selected?: boolean, totalResults?: number): SimpleFilter;
+/**
+ * Creates a {@link @empathyco/x-types#HierarchicalFilter | HierarchicalFilter}.
+ *
+ * @param facetId - The facet id this filter belongs to.
+ * @param label - The text that this filter should display.
+ * @param selected - True when the filter is checked, false otherwise.
+ * @param children - A list of ids of child filters.
+ * @returns A stub for a {@link @empathyco/x-types#HierarchicalFilter | HierarchicalFilter}.
+ */
+export declare function createHierarchicalFilter(facetId: string, label: string, selected?: boolean, children?: HierarchicalFilter[]): HierarchicalFilter;
+/**
+ * Creates a {@link @empathyco/x-types#NumberRangeFilter | NumberRangeFilter}.
+ *
+ * @param facetId - The facet id this filter belongs to.
+ * @param range - The range that this filter has.
+ * @param selected - True if the filter is selected, false otherwise.
+ * @returns A stub for a
+ * {@link @empathyco/x-types#NumberRangeFilter | NumberRangeFilter}.
+ */
+export declare function createNumberRangeFilter(facetId: string, range?: RangeValue, selected?: boolean): NumberRangeFilter;
+/**
+ * Creates a {@link @empathyco/x-types#EditableNumberRangeFilter | EditableNumberRangeFilter}.
+ *
+ * @param facetId - The facet id this filter belongs to.
+ * @param range - The range that this filter has.
+ * @param selected - The selected value which has priority over the range values.
+ * @returns A stub for a
+ * {@link @empathyco/x-types#EditableNumberRangeFilter | EditableNumberRangeFilter}.
+ */
+export declare function createEditableNumberRangeFilter(facetId: string, range?: RangeValue, selected?: boolean): EditableNumberRangeFilter;
+/**
+ * Type of a function that creates
+ * {@link @empathyco/x-types#HierarchicalFilter | HierarchicalFilter}s. Based on its label,
+ * selected value and children.
+ */
+export type CreateHierarchicalFilter = (label: string, selected?: boolean, createChildren?: (createChildren: CreateHierarchicalFilter) => HierarchicalFilter[]) => HierarchicalFilter;
+/**
+ * Creates a factory of
+ * {@link @empathyco/x-types#HierarchicalFilter | HierarchicalFilter}s.
+ *
+ * @remarks the id is created with `<facetId>:<label>`.
+ * @param facetId - Facet id to which the filter belongs.
+ * @param parentId - Filter's parent id if exists.
+ * @returns A scoped function which is able to create `HierarchicalFilters`.
+ */
+export declare function createHierarchicalFilterFactory(facetId: string, parentId?: HierarchicalFilter['id'] | null): CreateHierarchicalFilter;
+//# sourceMappingURL=filters-stubs.factory.d.ts.map

package/types/__stubs__/filters-stubs.factory.d.ts.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"filters-stubs.factory.d.ts","sourceRoot":"","sources":["../../../src/__stubs__/filters-stubs.factory.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,yBAAyB,EACzB,kBAAkB,EAClB,iBAAiB,EACjB,UAAU,EACV,YAAY,EACZ,SAAS,EACV,MAAM,oBAAoB,CAAC;AAE5B;;;;;;;GAOG;AACH,wBAAgB,mBAAmB,CAAC,MAAM,GAAE,OAAO,CAAC,YAAY,CAAM,GAAG,YAAY,CAYpF;AAED;;;;;;;GAOG;AACH,wBAAgB,wBAAwB,CACtC,MAAM,GAAE,OAAO,CAAC,iBAAiB,CAAM,GACtC,iBAAiB,CAgBnB;AAED;;;;;;;GAOG;AACH,wBAAgB,yBAAyB,CACvC,MAAM,GAAE,OAAO,CAAC,kBAAkB,CAAM,GACvC,kBAAkB,CAcpB;AAED;;;;;GAKG;AACH,wBAAgB,eAAe,CAAC,EAAE,EAAE,MAAM,GAAG,SAAS,CAMrD;AAED;;;;;;;;GAQG;AACH,wBAAgB,kBAAkB,CAChC,OAAO,EAAE,MAAM,EACf,KAAK,EAAE,MAAM,EACb,QAAQ,UAAQ,EAChB,YAAY,SAAK,GAChB,YAAY,CASd;AAED;;;;;;;;GAQG;AACH,wBAAgB,wBAAwB,CACtC,OAAO,EAAE,MAAM,EACf,KAAK,EAAE,MAAM,EACb,QAAQ,UAAQ,EAChB,QAAQ,GAAE,kBAAkB,EAAO,GAClC,kBAAkB,CAWpB;AAED;;;;;;;;GAQG;AACH,wBAAgB,uBAAuB,CACrC,OAAO,EAAE,MAAM,EACf,KAAK,GAAE,UAAqC,EAC5C,QAAQ,UAAQ,GACf,iBAAiB,CASnB;AAED;;;;;;;;GAQG;AACH,wBAAgB,+BAA+B,CAC7C,OAAO,EAAE,MAAM,EACf,KAAK,GAAE,UAAqC,EAC5C,QAAQ,CAAC,EAAE,OAAO,GACjB,yBAAyB,CAQ3B;AAED;;;;GAIG;AACH,MAAM,MAAM,wBAAwB,GAAG,CACrC,KAAK,EAAE,MAAM,EACb,QAAQ,CAAC,EAAE,OAAO,EAClB,cAAc,CAAC,EAAE,CAAC,cAAc,EAAE,wBAAwB,KAAK,kBAAkB,EAAE,KAChF,kBAAkB,CAAC;AAExB;;;;;;;;GAQG;AACH,wBAAgB,+BAA+B,CAC7C,OAAO,EAAE,MAAM,EACf,QAAQ,GAAE,kBAAkB,CAAC,IAAI,CAAC,GAAG,IAAW,GAC/C,wBAAwB,CAS1B"}

package/types/__stubs__/history-queries-stubs.factory.d.ts ADDED Viewed

@@ -0,0 +1,21 @@
+import { HistoryQuery } from '@empathyco/x-types';
+import { DeepPartial } from '@empathyco/x-utils';
+/**
+ * Creates a history query overriding default values with the ones passed.
+ *
+ * @param historyQuery - Partial history query to override default values.
+ * @returns A new history query with the values provided.
+ *
+ * @internal
+ */
+export declare function createHistoryQuery(historyQuery: DeepPartial<HistoryQuery>): HistoryQuery;
+/**
+ * Creates an array of history queries for the given set of queries.
+ *
+ * @param queries - The queries for creating the history queries.
+ * @returns An array containing a list of HistoryQueries.
+ *
+ * @internal
+ */
+export declare function createHistoryQueries(...queries: string[]): HistoryQuery[];
+//# sourceMappingURL=history-queries-stubs.factory.d.ts.map

package/types/__stubs__/history-queries-stubs.factory.d.ts.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"history-queries-stubs.factory.d.ts","sourceRoot":"","sources":["../../../src/__stubs__/history-queries-stubs.factory.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAElD,OAAO,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAEjD;;;;;;;GAOG;AACH,wBAAgB,kBAAkB,CAAC,YAAY,EAAE,WAAW,CAAC,YAAY,CAAC,GAAG,YAAY,CAOxF;AAED;;;;;;;GAOG;AACH,wBAAgB,oBAAoB,CAAC,GAAG,OAAO,EAAE,MAAM,EAAE,GAAG,YAAY,EAAE,CAEzE"}

package/types/__stubs__/index.d.ts ADDED Viewed

@@ -0,0 +1,18 @@
+export * from './banners-stubs.factory';
+export * from './empty-search-response-stubs.factory';
+export * from './facets-stubs.factory';
+export * from './filters-stubs.factory';
+export * from './history-queries-stubs.factory';
+export * from './next-queries-stubs.factory';
+export * from './partials-results-stubs.factory';
+export * from './popular-searches-stubs.factory';
+export * from './promoteds-stubs.factory';
+export * from './queries-preview-stubs.factory';
+export * from './query-suggestions-stubs.factory';
+export * from './redirections-stubs.factory';
+export * from './related-tags-stubs.factory';
+export * from './results-stubs.factory';
+export * from './search-response-stubs.factory';
+export * from './semantic-queries-stubs.factory';
+export * from './tagging-response-stubs.factory';
+//# sourceMappingURL=index.d.ts.map

package/types/__stubs__/index.d.ts.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/__stubs__/index.ts"],"names":[],"mappings":"AAAA,cAAc,yBAAyB,CAAC;AACxC,cAAc,uCAAuC,CAAC;AACtD,cAAc,wBAAwB,CAAC;AACvC,cAAc,yBAAyB,CAAC;AACxC,cAAc,iCAAiC,CAAC;AAChD,cAAc,8BAA8B,CAAC;AAC7C,cAAc,kCAAkC,CAAC;AACjD,cAAc,kCAAkC,CAAC;AACjD,cAAc,2BAA2B,CAAC;AAC1C,cAAc,iCAAiC,CAAC;AAChD,cAAc,mCAAmC,CAAC;AAClD,cAAc,8BAA8B,CAAC;AAC7C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,yBAAyB,CAAC;AACxC,cAAc,iCAAiC,CAAC;AAChD,cAAc,kCAAkC,CAAC;AACjD,cAAc,kCAAkC,CAAC"}

package/types/__stubs__/next-queries-stubs.factory.d.ts ADDED Viewed

@@ -0,0 +1,19 @@
+import { NextQuery } from '@empathyco/x-types';
+/**
+ * Creates a {@link @empathyco/x-types#NextQuery | next queries} stub.
+ *
+ * @param amount - Number of stubbed next queries to create.
+ * @returns Array of next queries stub.
+ * @internal
+ */
+export declare function getNextQueriesStub(amount?: number): NextQuery[];
+/**
+ * Creates a next query stub with the provided options. If the name is the only property provided,
+ * it will be used to generate the facets, query, totalResults, results and modelName.
+ *
+ * @param query - The query of the next query.
+ * @param nextQuery - An optional object with fields to override the next query.
+ * @returns A next query.
+ */
+export declare function createNextQueryStub(query: string, nextQuery?: Partial<NextQuery>): NextQuery;
+//# sourceMappingURL=next-queries-stubs.factory.d.ts.map

package/types/__stubs__/next-queries-stubs.factory.d.ts.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"next-queries-stubs.factory.d.ts","sourceRoot":"","sources":["../../../src/__stubs__/next-queries-stubs.factory.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAE/C;;;;;;GAMG;AACH,wBAAgB,kBAAkB,CAAC,MAAM,SAAI,GAAG,SAAS,EAAE,CAI1D;AAED;;;;;;;GAOG;AACH,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,MAAM,EAAE,SAAS,CAAC,EAAE,OAAO,CAAC,SAAS,CAAC,GAAG,SAAS,CAU5F"}

package/types/__stubs__/partials-results-stubs.factory.d.ts ADDED Viewed

@@ -0,0 +1,8 @@
+import { PartialResult } from '@empathyco/x-types';
+/**
+ * Function to create partial results stub.
+ *
+ * @returns Array of partial results stub.
+ */
+export declare function getPartialResultsStub(): PartialResult[];
+//# sourceMappingURL=partials-results-stubs.factory.d.ts.map

package/types/__stubs__/partials-results-stubs.factory.d.ts.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"partials-results-stubs.factory.d.ts","sourceRoot":"","sources":["../../../src/__stubs__/partials-results-stubs.factory.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAGnD;;;;GAIG;AACH,wBAAgB,qBAAqB,IAAI,aAAa,EAAE,CAevD"}

package/types/__stubs__/popular-searches-stubs.factory.d.ts ADDED Viewed

@@ -0,0 +1,19 @@
+import { Suggestion } from '@empathyco/x-types';
+/**
+ * Creates a list of generic popular searches.
+ *
+ * @param amount - The number of popular searches to create.
+ *
+ * @returns An array of popular searches.
+ */
+export declare function getPopularSearchesStub(amount?: number): Suggestion[];
+/**
+ * Creates a popular search stub with the provided options.
+ *
+ * @param query - The query of the suggestion.
+ * @param suggestion - An optional object with fields to override the suggestion.
+ *
+ * @returns A popular search.
+ */
+export declare function createPopularSearch(query: string, suggestion?: Partial<Suggestion>): Suggestion;
+//# sourceMappingURL=popular-searches-stubs.factory.d.ts.map

package/types/__stubs__/popular-searches-stubs.factory.d.ts.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"popular-searches-stubs.factory.d.ts","sourceRoot":"","sources":["../../../src/__stubs__/popular-searches-stubs.factory.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAEhD;;;;;;GAMG;AACH,wBAAgB,sBAAsB,CAAC,MAAM,SAAI,GAAG,UAAU,EAAE,CAI/D;AAED;;;;;;;GAOG;AACH,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,MAAM,EAAE,UAAU,CAAC,EAAE,OAAO,CAAC,UAAU,CAAC,GAAG,UAAU,CAU/F"}

package/types/__stubs__/promoteds-stubs.factory.d.ts ADDED Viewed

@@ -0,0 +1,21 @@
+import { Promoted } from '@empathyco/x-types';
+/**
+ * Creates a {@link @empathyco/x-types#Promoted | Promoted} stub.
+ *
+ * @returns Array of Promoted stub.
+ *
+ * @internal
+ */
+export declare function getPromotedsStub(): Promoted[];
+/**
+ * Creates a promoted with a "unique" identifier.
+ *
+ * @param identifier - The promoted identifier.
+ * @param position - The promoted position inside the grid.
+ *
+ * @returns The promoted.
+ *
+ * @internal
+ */
+export declare function createPromotedStub(identifier: string, position?: number): Promoted;
+//# sourceMappingURL=promoteds-stubs.factory.d.ts.map

package/types/__stubs__/promoteds-stubs.factory.d.ts.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"promoteds-stubs.factory.d.ts","sourceRoot":"","sources":["../../../src/__stubs__/promoteds-stubs.factory.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAE9C;;;;;;GAMG;AACH,wBAAgB,gBAAgB,IAAI,QAAQ,EAAE,CAS7C;AAED;;;;;;;;;GASG;AACH,wBAAgB,kBAAkB,CAAC,UAAU,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE,MAAM,GAAG,QAAQ,CAelF"}

package/types/__stubs__/queries-preview-stubs.factory.d.ts ADDED Viewed

@@ -0,0 +1,22 @@
+import { SearchRequest } from '@empathyco/x-types';
+import { QueryPreviewItem } from '../x-modules/queries-preview/store/types';
+/**
+ * Creates a {@link QueryPreviewItem} stub.
+ *
+ * @param query - The query to set in the request.
+ * @param queryPreviewItem - The {@link QueryPreviewItem} data to overwrite the default stub.
+ * @returns A {@link QueryPreviewItem}.
+ *
+ * @internal
+ */
+export declare const createQueryPreviewItem: (query: string, queryPreviewItem?: Partial<QueryPreviewItem>) => QueryPreviewItem;
+/**
+ * Creates a queries preview search request stub.
+ *
+ * @param query - The query to set in the request.
+ * @returns A {@link SearchRequest} to use with queries preview.
+ *
+ * @internal
+ */
+export declare function getQueryPreviewRequest(query: string): SearchRequest;
+//# sourceMappingURL=queries-preview-stubs.factory.d.ts.map

package/types/__stubs__/queries-preview-stubs.factory.d.ts.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"queries-preview-stubs.factory.d.ts","sourceRoot":"","sources":["../../../src/__stubs__/queries-preview-stubs.factory.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AACnD,OAAO,EAAE,gBAAgB,EAAE,MAAM,0CAA0C,CAAC;AAG5E;;;;;;;;GAQG;AACH,eAAO,MAAM,sBAAsB,EAAE,CACnC,KAAK,EAAE,MAAM,EACb,gBAAgB,CAAC,EAAE,OAAO,CAAC,gBAAgB,CAAC,KACzC,gBASJ,CAAC;AAEF;;;;;;;GAOG;AACH,wBAAgB,sBAAsB,CAAC,KAAK,EAAE,MAAM,GAAG,aAAa,CAQnE"}

package/types/__stubs__/query-suggestions-stubs.factory.d.ts ADDED Viewed

@@ -0,0 +1,20 @@
+import { Suggestion } from '@empathyco/x-types';
+/**
+ * Creates a list of generic query suggestions for the given query.
+ *
+ * @param query - The query the suggestions belong to.
+ * @param amount - The number of query suggestions to create.
+ *
+ * @returns An array of query suggestions.
+ */
+export declare function getQuerySuggestionsStub(query: string, amount?: number): Suggestion[];
+/**
+ * Creates a query suggestion stub with the provided options.
+ *
+ * @param query - The query of the suggestion.
+ * @param suggestion - An optional object with fields to override the suggestion.
+ *
+ * @returns A query suggestion.
+ */
+export declare function createQuerySuggestion(query: string, suggestion?: Partial<Suggestion>): Suggestion;
+//# sourceMappingURL=query-suggestions-stubs.factory.d.ts.map

package/types/__stubs__/query-suggestions-stubs.factory.d.ts.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"query-suggestions-stubs.factory.d.ts","sourceRoot":"","sources":["../../../src/__stubs__/query-suggestions-stubs.factory.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAEhD;;;;;;;GAOG;AACH,wBAAgB,uBAAuB,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,SAAI,GAAG,UAAU,EAAE,CAI/E;AAED;;;;;;;GAOG;AACH,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,MAAM,EAAE,UAAU,CAAC,EAAE,OAAO,CAAC,UAAU,CAAC,GAAG,UAAU,CAUjG"}

package/types/__stubs__/redirections-stubs.factory.d.ts ADDED Viewed

@@ -0,0 +1,20 @@
+import { Redirection } from '@empathyco/x-types';
+/**
+ * Creates a {@link @empathyco/x-types#Redirection | redirections} stub.
+ *
+ * @returns A list of redirections.
+ *
+ * @internal
+ */
+export declare function getRedirectionsStub(): Redirection[];
+/**
+ * Creates a redirection with a unique identifier.
+ *
+ * @param id - The redirection identifier.
+ *
+ * @returns A redirection.
+ *
+ * @internal
+ */
+export declare function createRedirectionStub(id: string): Redirection;
+//# sourceMappingURL=redirections-stubs.factory.d.ts.map

package/types/__stubs__/redirections-stubs.factory.d.ts.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"redirections-stubs.factory.d.ts","sourceRoot":"","sources":["../../../src/__stubs__/redirections-stubs.factory.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAEjD;;;;;;GAMG;AACH,wBAAgB,mBAAmB,IAAI,WAAW,EAAE,CAEnD;AAED;;;;;;;;GAQG;AACH,wBAAgB,qBAAqB,CAAC,EAAE,EAAE,MAAM,GAAG,WAAW,CAY7D"}

package/types/__stubs__/related-tags-stubs.factory.d.ts ADDED Viewed

@@ -0,0 +1,22 @@
+import { RelatedTag } from '@empathyco/x-types';
+/**
+ * Creates a {@link @empathyco/x-types#RelatedTag | related tags} stub.
+ *
+ * @param amount - Number of stubbed related tags to create.
+ *
+ * @returns Array of related tags stub.
+ *
+ * @internal
+ */
+export declare function getRelatedTagsStub(amount?: number): RelatedTag[];
+/**
+ * Creates a related tag stub with the provided options.
+ *
+ * @param query - The query of the related tag.
+ * @param tag - The related tag.
+ * @param relatedTag - An optional object with fields to override the related tag.
+ *
+ * @returns A related tag.
+ */
+export declare function createRelatedTagStub(query: string, tag: string, relatedTag?: Partial<RelatedTag>): RelatedTag;
+//# sourceMappingURL=related-tags-stubs.factory.d.ts.map

package/types/__stubs__/related-tags-stubs.factory.d.ts.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"related-tags-stubs.factory.d.ts","sourceRoot":"","sources":["../../../src/__stubs__/related-tags-stubs.factory.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAEhD;;;;;;;;GAQG;AACH,wBAAgB,kBAAkB,CAAC,MAAM,SAAK,GAAG,UAAU,EAAE,CAI5D;AAED;;;;;;;;GAQG;AACH,wBAAgB,oBAAoB,CAClC,KAAK,EAAE,MAAM,EACb,GAAG,EAAE,MAAM,EACX,UAAU,CAAC,EAAE,OAAO,CAAC,UAAU,CAAC,GAC/B,UAAU,CAOZ"}

package/types/__stubs__/results-stubs.factory.d.ts ADDED Viewed

@@ -0,0 +1,22 @@
+import { Result } from '@empathyco/x-types';
+/**
+ * Creates a {@link @empathyco/x-types#Result | results} stub.
+ *
+ * @param amount - Number of stubbed results to create.
+ *
+ * @returns Array of results stub.
+ *
+ * @internal
+ */
+export declare function getResultsStub(amount?: number): Result[];
+/**
+ * Creates a result stub with the provided options. If the name is the only property provided,
+ * it will be used to generate the id, name, url and tagging.
+ *
+ * @param name - The name of the result.
+ * @param result - An optional object with fields to override the result.
+ *
+ * @returns A result.
+ */
+export declare function createResultStub(name: string, result?: Partial<Result>): Result;
+//# sourceMappingURL=results-stubs.factory.d.ts.map

package/types/__stubs__/results-stubs.factory.d.ts.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"results-stubs.factory.d.ts","sourceRoot":"","sources":["../../../src/__stubs__/results-stubs.factory.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAA2B,MAAM,oBAAoB,CAAC;AAGrE;;;;;;;;GAQG;AACH,wBAAgB,cAAc,CAAC,MAAM,SAAI,GAAG,MAAM,EAAE,CAInD;AAED;;;;;;;;GAQG;AACH,wBAAgB,gBAAgB,CAAC,IAAI,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,GAAG,MAAM,CAyB/E"}

package/types/__stubs__/search-response-stubs.factory.d.ts ADDED Viewed

@@ -0,0 +1,10 @@
+import { SearchResponse } from '@empathyco/x-types';
+/**
+ * Creates a {@link @empathyco/x-types#SearchResponse | search response} stub.
+ *
+ * @returns Object of search response stub.
+ *
+ * @internal
+ */
+export declare function getSearchResponseStub(): SearchResponse;
+//# sourceMappingURL=search-response-stubs.factory.d.ts.map

package/types/__stubs__/search-response-stubs.factory.d.ts.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"search-response-stubs.factory.d.ts","sourceRoot":"","sources":["../../../src/__stubs__/search-response-stubs.factory.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAQpD;;;;;;GAMG;AACH,wBAAgB,qBAAqB,IAAI,cAAc,CAYtD"}

package/types/__stubs__/semantic-queries-stubs.factory.d.ts ADDED Viewed

@@ -0,0 +1,17 @@
+import { SemanticQueriesResponse, SemanticQuery } from '@empathyco/x-types';
+import { DeepPartial } from '@empathyco/x-utils';
+/**
+ * Creates a {@link SemanticQuery} stub with the provided options.
+ *
+ * @param semanticQuery - The data to create the stub.
+ *
+ * @returns A semantic query.
+ */
+export declare function createSemanticQuery(semanticQuery: DeepPartial<SemanticQuery>): SemanticQuery;
+/**
+ * Creates a stub containing a list of {@link SemanticQuery}s.
+ *
+ * @returns A list of semantic queries stubs.
+ */
+export declare function getSemanticQueriesStub(): SemanticQueriesResponse;
+//# sourceMappingURL=semantic-queries-stubs.factory.d.ts.map

package/types/__stubs__/semantic-queries-stubs.factory.d.ts.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"semantic-queries-stubs.factory.d.ts","sourceRoot":"","sources":["../../../src/__stubs__/semantic-queries-stubs.factory.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,uBAAuB,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAC5E,OAAO,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAEjD;;;;;;GAMG;AACH,wBAAgB,mBAAmB,CAAC,aAAa,EAAE,WAAW,CAAC,aAAa,CAAC,GAAG,aAAa,CAQ5F;AAED;;;;GAIG;AACH,wBAAgB,sBAAsB,IAAI,uBAAuB,CAoBhE"}

package/types/__stubs__/tagging-response-stubs.factory.d.ts ADDED Viewed

@@ -0,0 +1,10 @@
+import { TaggingRequest } from '@empathyco/x-types';
+/**
+ * Creates a {@link @empathyco/x-types#TaggingRequest | tagging response} stub.
+ *
+ * @returns Object of tagging response stub.
+ *
+ * @internal
+ */
+export declare function getTaggingResponseStub(): TaggingRequest;
+//# sourceMappingURL=tagging-response-stubs.factory.d.ts.map

package/types/__stubs__/tagging-response-stubs.factory.d.ts.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"tagging-response-stubs.factory.d.ts","sourceRoot":"","sources":["../../../src/__stubs__/tagging-response-stubs.factory.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAEpD;;;;;;GAMG;AACH,wBAAgB,sBAAsB,IAAI,cAAc,CAUvD"}

package/types/x-modules/queries-preview/components/query-preview-button.vue.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"query-preview-button.vue?rollup-plugin-vue=script.d.ts","sourceRoot":"","sources":["../../../../../src/x-modules/queries-preview/components/query-preview-button.vue?rollup-plugin-vue=script.ts"],"names":[],"mappings":"AAeE,OAAO,GAAG,MAAM,KAAK,CAAC;AAEtB,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAEhD,OAAO,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAClD,OAAO,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAC;AAI5D;;;;;;;;GAQG;AAKH,MAAM,CAAC,OAAO,OAAO,kBAAmB,SAAQ,GAAG;IACjD;;;;OAIG;IAEH,SAAS,CAAC,gBAAgB,EAAG,gBAAgB,CAAC;IAE9C;;OAEG;IAEI,MAAM,EAAG,UAAU,CAAC,OAAO,CAAC,CAAC;IAEpC;;;;;OAKG;IACH,SAAS,KAAK,oBAAoB,IAAI,gBAAgB,~~CAQrD~~;IAED;;;;;;OAMG;IACH,SAAS,KAAK,MAAM,IAAI,OAAO,CAAC,YAAY,CAAC,CAE5C;CACF"}
1	+ {"version":3,"file":"query-preview-button.vue?rollup-plugin-vue=script.d.ts","sourceRoot":"","sources":["../../../../../src/x-modules/queries-preview/components/query-preview-button.vue?rollup-plugin-vue=script.ts"],"names":[],"mappings":"AAeE,OAAO,GAAG,MAAM,KAAK,CAAC;AAEtB,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAEhD,OAAO,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAClD,OAAO,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAC;AAI5D;;;;;;;;GAQG;AAKH,MAAM,CAAC,OAAO,OAAO,kBAAmB,SAAQ,GAAG;IACjD;;;;OAIG;IAEH,SAAS,CAAC,gBAAgB,EAAG,gBAAgB,CAAC;IAE9C;;OAEG;IAEI,MAAM,EAAG,UAAU,CAAC,OAAO,CAAC,CAAC;IAEpC;;;;;OAKG;IACH,SAAS,KAAK,oBAAoB,IAAI,gBAAgB,CASrD;IAED;;;;;;OAMG;IACH,SAAS,KAAK,MAAM,IAAI,OAAO,CAAC,YAAY,CAAC,CAE5C;CACF"}

package/types/x-modules/queries-preview/components/query-preview.vue.d.ts CHANGED Viewed

@@ -1,6 +1,6 @@
 import Vue from 'vue';
-import { Dictionary } from '@empathyco/x-utils';
 import { SearchRequest, Result } from '@empathyco/x-types';
+import { Dictionary } from '@empathyco/x-utils';
 import { RequestStatus } from '../../../store';
 import { QueryFeature, FeatureLocation } from '../../../types/origin';
 import { QueryPreviewInfo, QueryPreviewItem } from '../store/types';

package/types/x-modules/queries-preview/components/query-preview.vue.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"query-preview.vue?rollup-plugin-vue=script.d.ts","sourceRoot":"","sources":["../../../../../src/x-modules/queries-preview/components/query-preview.vue?rollup-plugin-vue=script.ts"],"names":[],"mappings":"AAmCE,OAAO,GAAG,MAAM,KAAK,CAAC;AAEtB,OAAO,EAAE,~~UAAU~~,EAAE,MAAM,oBAAoB,CAAC;~~AAChD~~,OAAO,~~EAAE~~,~~aAAa~~,EAAE,MAAM,~~EAAE,MAAM,~~oBAAoB,CAAC;AAM3D,OAAO,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAC/C,OAAO,EAAE,YAAY,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AACtE,OAAO,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AACpE,OAAO,EAAE,oBAAoB,EAAE,MAAM,iBAAiB,CAAC;AAIvD,OAAO,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;~~AAEnD~~;;;;;;GAMG;AAOH,MAAM,CAAC,OAAO,OAAO,YAAa,SAAQ,GAAG;IAC3C;;;;OAIG;IAEH,SAAS,CAAC,gBAAgB,EAAG,gBAAgB,CAAC;IAE9C;;;;OAIG;IAEH,SAAS,CAAC,YAAY,CAAC,EAAE,YAAY,CAAC;IAEtC;;;;OAIG;IAEH,SAAS,CAAC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAEpC;;;;OAIG;IAEI,cAAc,EAAG,MAAM,CAAC;IAE/B;;;;;OAKG;IAEI,cAAc,EAAG,OAAO,CAAC;IAEhC;;;OAGG;IAEI,cAAc,EAAG,UAAU,CAAC,gBAAgB,CAAC,CAAC;IAErD;;;OAGG;IAEI,MAAM,EAAG,UAAU,CAAC,OAAO,CAAC,CAAC;IAEpC;;;OAGG;IAEI,MAAM,EAAG,oBAAoB,CAAC;IAErC;;;;;;;;;OASG;IACH,IACW,OAAO,IAAI,MAAM,EAAE,GAAG,SAAS,CAEzC;IAED;;;;OAIG;IAEH,SAAS,CAAC,QAAQ,CAAC,EAAE,eAAe,CAAC;IAErC;;;;;OAKG;IACH,SAAS,KAAK,mBAAmB,IAAI,aAAa,~~CAYjD~~;IAED;;;;OAIG;IACH,IAAW,mBAAmB,IAAI,OAAO,CAAC,gBAAgB,CAAC,GAAG,SAAS,CAQtE;IAED;;;;;OAKG;IACH,SAAS,KAAK,8BAA8B,IAAI,iBAAiB,CAAC,CAAC,aAAa,CAAC,CAAC,CAIjF;IAED;;;;OAIG;IACH,SAAS,CAAC,OAAO,IAAI,IAAI;IAYzB;;;;;;;OAOG;IACH,SAAS,CAAC,aAAa,IAAI,IAAI;IAW/B;;;;;;;OAOG;IAEH,SAAS,CAAC,+BAA+B,CACvC,IAAI,EAAE,iBAAiB,CAAC,CAAC,aAAa,CAAC,CAAC,EACxC,GAAG,EAAE,iBAAiB,CAAC,CAAC,aAAa,CAAC,CAAC,GACtC,IAAI;IAIP;;;;;OAKG;IAEH,QAAQ,CAAC,MAAM,EAAE,aAAa,GAAG,SAAS,GAAG,IAAI;CAOlD"}
1	+ {"version":3,"file":"query-preview.vue?rollup-plugin-vue=script.d.ts","sourceRoot":"","sources":["../../../../../src/x-modules/queries-preview/components/query-preview.vue?rollup-plugin-vue=script.ts"],"names":[],"mappings":"AAmCE,OAAO,GAAG,MAAM,KAAK,CAAC;AAEtB,OAAO,EAAE,aAAa,EAAE,MAAM,EAAU,MAAM,oBAAoB,CAAC;AACnE,OAAO,EAAa,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAM3D,OAAO,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAC/C,OAAO,EAAE,YAAY,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AACtE,OAAO,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AACpE,OAAO,EAAE,oBAAoB,EAAE,MAAM,iBAAiB,CAAC;AAIvD,OAAO,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAGnD;;;;;;GAMG;AAOH,MAAM,CAAC,OAAO,OAAO,YAAa,SAAQ,GAAG;IAC3C;;;;OAIG;IAEH,SAAS,CAAC,gBAAgB,EAAG,gBAAgB,CAAC;IAE9C;;;;OAIG;IAEH,SAAS,CAAC,YAAY,CAAC,EAAE,YAAY,CAAC;IAEtC;;;;OAIG;IAEH,SAAS,CAAC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAEpC;;;;OAIG;IAEI,cAAc,EAAG,MAAM,CAAC;IAE/B;;;;;OAKG;IAEI,cAAc,EAAG,OAAO,CAAC;IAEhC;;;OAGG;IAEI,cAAc,EAAG,UAAU,CAAC,gBAAgB,CAAC,CAAC;IAErD;;;OAGG;IAEI,MAAM,EAAG,UAAU,CAAC,OAAO,CAAC,CAAC;IAEpC;;;OAGG;IAEI,MAAM,EAAG,oBAAoB,CAAC;IAErC;;;;;;;;;OASG;IACH,IACW,OAAO,IAAI,MAAM,EAAE,GAAG,SAAS,CAEzC;IAED;;;;OAIG;IAEH,SAAS,CAAC,QAAQ,CAAC,EAAE,eAAe,CAAC;IAErC;;;;;OAKG;IACH,SAAS,KAAK,mBAAmB,IAAI,aAAa,CAsBjD;IAED;;;;OAIG;IACH,IAAW,mBAAmB,IAAI,OAAO,CAAC,gBAAgB,CAAC,GAAG,SAAS,CAQtE;IAED;;;;;OAKG;IACH,SAAS,KAAK,8BAA8B,IAAI,iBAAiB,CAAC,CAAC,aAAa,CAAC,CAAC,CAIjF;IAED;;;;OAIG;IACH,SAAS,CAAC,OAAO,IAAI,IAAI;IAYzB;;;;;;;OAOG;IACH,SAAS,CAAC,aAAa,IAAI,IAAI;IAW/B;;;;;;;OAOG;IAEH,SAAS,CAAC,+BAA+B,CACvC,IAAI,EAAE,iBAAiB,CAAC,CAAC,aAAa,CAAC,CAAC,EACxC,GAAG,EAAE,iBAAiB,CAAC,CAAC,aAAa,CAAC,CAAC,GACtC,IAAI;IAIP;;;;;OAKG;IAEH,QAAQ,CAAC,MAAM,EAAE,aAAa,GAAG,SAAS,GAAG,IAAI;CAOlD"}

package/types/x-modules/queries-preview/store/module.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"module.d.ts","sourceRoot":"","sources":["../../../../../src/x-modules/queries-preview/store/module.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,0BAA0B,EAAE,MAAM,SAAS,CAAC;AAKrD;;;;GAIG;AACH,eAAO,MAAM,0BAA0B,EAAE,~~0BAkCxC~~,CAAC"}
1	+ {"version":3,"file":"module.d.ts","sourceRoot":"","sources":["../../../../../src/x-modules/queries-preview/store/module.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,0BAA0B,EAAE,MAAM,SAAS,CAAC;AAKrD;;;;GAIG;AACH,eAAO,MAAM,0BAA0B,EAAE,0BAmCxC,CAAC"}

package/types/x-modules/queries-preview/store/types.d.ts CHANGED Viewed

@@ -32,6 +32,8 @@ export interface QueryPreviewInfo {
     query: string;
     /** The extra params to perform the search. */
     extraParams?: Dictionary<unknown>;
+    /** The filters to perform the search. */
+    filters?: string[];
     /** An optional title for the container. */
     title?: string;
     /** Any other additional information to render the preview with. */

package/types/x-modules/queries-preview/store/types.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/x-modules/queries-preview/store/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAC3E,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAChD,OAAO,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAC9D,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAC1D,OAAO,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,yCAAyC,CAAC;AACrF,OAAO,EAAE,oBAAoB,EAAE,MAAM,iBAAiB,CAAC;AAEvD;;;;GAIG;AACH,MAAM,WAAW,gBAAiB,SAAQ,WAAW;IACnD;;;;;OAKG;IACH,OAAO,EAAE,aAAa,CAAC;IACvB,4CAA4C;IAC5C,OAAO,EAAE,MAAM,EAAE,CAAC;IAClB,wDAAwD;IACxD,YAAY,EAAE,MAAM,CAAC;CACtB;AAED;;;;GAIG;AACH,MAAM,WAAW,gBAAgB;IAC/B,+BAA+B;IAC/B,KAAK,EAAE,MAAM,CAAC;IACd,8CAA8C;IAC9C,WAAW,CAAC,EAAE,UAAU,CAAC,OAAO,CAAC,CAAC;IAClC,2CAA2C;IAC3C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,mEAAmE;IACnE,CAAC,KAAK,EAAE,MAAM,GAAG,OAAO,CAAC;CAC1B;AAED;;;;GAIG;AACH,MAAM,WAAW,mBAAmB;IAElC,cAAc,EAAE,UAAU,CAAC,gBAAgB,CAAC,CAAC;IAC7C,uDAAuD;IACvD,MAAM,EAAE,oBAAoB,CAAC;IAC7B,8CAA8C;IAC9C,MAAM,EAAE,UAAU,CAAC,OAAO,CAAC,CAAC;IAC5B,+CAA+C;IAC/C,oBAAoB,EAAE,gBAAgB,GAAG,IAAI,CAAC;CAC/C;AAED;;;;GAIG;AACH,MAAM,WAAW,qBAAqB;IACpC;;OAEG;IACH,oBAAoB,EAAE,UAAU,CAAC,gBAAgB,CAAC,CAAC;CACpD;AAED;;;;GAIG;AACH,MAAM,WAAW,uBAAuB;IACtC;;;;OAIG;IACH,iBAAiB,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACvC;;;;OAIG;IACH,SAAS,CAAC,MAAM,EAAE,UAAU,CAAC,OAAO,CAAC,GAAG,IAAI,CAAC;IAC7C;;;;OAIG;IACH,eAAe,CAAC,YAAY,EAAE,gBAAgB,GAAG,IAAI,CAAC;IACtD;;;;OAIG;IACH,SAAS,CAAC,OAAO,EAAE,yBAAyB,GAAG,IAAI,CAAC;IACpD;;;;OAIG;IACH,uBAAuB,CAAC,oBAAoB,EAAE,gBAAgB,GAAG,IAAI,GAAG,IAAI,CAAC;CAC9E;AAED;;;;GAIG;AACH,MAAM,WAAW,qBAAqB;IACpC;;;;;;OAMG;IACH,iBAAiB,CAAC,OAAO,EAAE,aAAa,GAAG,cAAc,GAAG,IAAI,CAAC;IAEjE;;;;OAIG;IACH,wBAAwB,CAAC,OAAO,EAAE,aAAa,GAAG,IAAI,CAAC;CACxD;AAED;;;;GAIG;AACH,MAAM,MAAM,0BAA0B,GAAG,YAAY,CACnD,mBAAmB,EACnB,qBAAqB,EACrB,uBAAuB,EACvB,qBAAqB,CACtB,CAAC;AAEF;;;;GAIG;AACH,MAAM,MAAM,2BAA2B,GAAG,cAAc,CACtD,mBAAmB,EACnB,qBAAqB,EACrB,uBAAuB,EACvB,qBAAqB,CACtB,CAAC;AAEF;;;;GAIG;AACH,MAAM,WAAW,yBAAyB;IACxC;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,MAAM,EAAE,aAAa,CAAC;CACvB"}
1	+ {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/x-modules/queries-preview/store/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAC3E,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAChD,OAAO,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAC9D,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAC1D,OAAO,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,yCAAyC,CAAC;AACrF,OAAO,EAAE,oBAAoB,EAAE,MAAM,iBAAiB,CAAC;AAEvD;;;;GAIG;AACH,MAAM,WAAW,gBAAiB,SAAQ,WAAW;IACnD;;;;;OAKG;IACH,OAAO,EAAE,aAAa,CAAC;IACvB,4CAA4C;IAC5C,OAAO,EAAE,MAAM,EAAE,CAAC;IAClB,wDAAwD;IACxD,YAAY,EAAE,MAAM,CAAC;CACtB;AAED;;;;GAIG;AACH,MAAM,WAAW,gBAAgB;IAC/B,+BAA+B;IAC/B,KAAK,EAAE,MAAM,CAAC;IACd,8CAA8C;IAC9C,WAAW,CAAC,EAAE,UAAU,CAAC,OAAO,CAAC,CAAC;IAClC,yCAAyC;IACzC,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;IACnB,2CAA2C;IAC3C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,mEAAmE;IACnE,CAAC,KAAK,EAAE,MAAM,GAAG,OAAO,CAAC;CAC1B;AAED;;;;GAIG;AACH,MAAM,WAAW,mBAAmB;IAElC,cAAc,EAAE,UAAU,CAAC,gBAAgB,CAAC,CAAC;IAC7C,uDAAuD;IACvD,MAAM,EAAE,oBAAoB,CAAC;IAC7B,8CAA8C;IAC9C,MAAM,EAAE,UAAU,CAAC,OAAO,CAAC,CAAC;IAC5B,+CAA+C;IAC/C,oBAAoB,EAAE,gBAAgB,GAAG,IAAI,CAAC;CAC/C;AAED;;;;GAIG;AACH,MAAM,WAAW,qBAAqB;IACpC;;OAEG;IACH,oBAAoB,EAAE,UAAU,CAAC,gBAAgB,CAAC,CAAC;CACpD;AAED;;;;GAIG;AACH,MAAM,WAAW,uBAAuB;IACtC;;;;OAIG;IACH,iBAAiB,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACvC;;;;OAIG;IACH,SAAS,CAAC,MAAM,EAAE,UAAU,CAAC,OAAO,CAAC,GAAG,IAAI,CAAC;IAC7C;;;;OAIG;IACH,eAAe,CAAC,YAAY,EAAE,gBAAgB,GAAG,IAAI,CAAC;IACtD;;;;OAIG;IACH,SAAS,CAAC,OAAO,EAAE,yBAAyB,GAAG,IAAI,CAAC;IACpD;;;;OAIG;IACH,uBAAuB,CAAC,oBAAoB,EAAE,gBAAgB,GAAG,IAAI,GAAG,IAAI,CAAC;CAC9E;AAED;;;;GAIG;AACH,MAAM,WAAW,qBAAqB;IACpC;;;;;;OAMG;IACH,iBAAiB,CAAC,OAAO,EAAE,aAAa,GAAG,cAAc,GAAG,IAAI,CAAC;IAEjE;;;;OAIG;IACH,wBAAwB,CAAC,OAAO,EAAE,aAAa,GAAG,IAAI,CAAC;CACxD;AAED;;;;GAIG;AACH,MAAM,MAAM,0BAA0B,GAAG,YAAY,CACnD,mBAAmB,EACnB,qBAAqB,EACrB,uBAAuB,EACvB,qBAAqB,CACtB,CAAC;AAEF;;;;GAIG;AACH,MAAM,MAAM,2BAA2B,GAAG,cAAc,CACtD,mBAAmB,EACnB,qBAAqB,EACrB,uBAAuB,EACvB,qBAAqB,CACtB,CAAC;AAEF;;;;GAIG;AACH,MAAM,WAAW,yBAAyB;IACxC;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,MAAM,EAAE,aAAa,CAAC;CACvB"}