@empathyco/x-components 3.0.0-alpha.27 → 3.0.0-alpha.30

package/CHANGELOG.md

@@ -3,6 +3,139 @@
 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.30](https://github.com/empathyco/x/compare/@empathyco/x-components@3.0.0-alpha.29...@empathyco/x-components@3.0.0-alpha.30) (2021-11-22)
+
+### Features
+
+- **components:** add `LocationProvider` component
+  ([b005713](https://github.com/empathyco/x/commit/b0057130d99767efebcd8da6ef669bee81bac567)),
+  closes [EX-4639](https://searchbroker.atlassian.net/browse/EX-4639)
+- **components:** replace `BaseEventButton` for an html button
+  ([6028f16](https://github.com/empathyco/x/commit/6028f16374b794df9233a9aada78933502873864)),
+  closes [EX-5003](https://searchbroker.atlassian.net/browse/EX-5003)
+- **identifier-results:** add query origin in the identifier results search
+  ([9c75236](https://github.com/empathyco/x/commit/9c75236bd21b0c483e01a62eb42a070510ea3cf2)),
+  closes [EX-4873](https://searchbroker.atlassian.net/browse/EX-4873)
+- remove x installer from router hooks
+  ([46fc1cf](https://github.com/empathyco/x/commit/46fc1cf73fccb01d1e97cd80916e33be5d617cf8))
+- **scroll:** add `MainScroll` and `MainScrollItem`
+  ([477c804](https://github.com/empathyco/x/commit/477c804cc6bbd09b1558e1448ce4bfe94e56e85b)),
+  closes [EX-4998](https://searchbroker.atlassian.net/browse/EX-4998)
+- **scroll:** add empty `XModule`
+  ([18e3e6a](https://github.com/empathyco/x/commit/18e3e6a4c17fccc8fedf90b9d644de41b224f716)),
+  closes [EX-4996](https://searchbroker.atlassian.net/browse/EX-4996)
+- **scroll:** ignore first visible element when it is also the first one observed
+  ([4ae670c](https://github.com/empathyco/x/commit/4ae670c87c534ca551da2b6ee44596ff56505f92)),
+  closes [EX-5041](https://searchbroker.atlassian.net/browse/EX-5041)
+- **scroll:** move scroll related components to the `Scroll` `XModule`
+  ([be083fa](https://github.com/empathyco/x/commit/be083fa6f46d7fc1f6d7a2a4288f7d09644da042)),
+  closes [EX-4997](https://searchbroker.atlassian.net/browse/EX-4997)
+- **search:** add `SearchTaggingChanged` emitter and save coming `queryTagging` from the search
+  response
+  ([aeb8cea](https://github.com/empathyco/x/commit/aeb8cea22fbc5abe3e8144000984cbff0e9f37d6)),
+  closes [EX-3525](https://searchbroker.atlassian.net/browse/EX-3525)
+- **tagging:** add `SessionService`
+  ([b9fcbfc](https://github.com/empathyco/x/commit/b9fcbfc0d600a0a4b32245d56c5b00965217e5f5)),
+  closes [EX-4875](https://searchbroker.atlassian.net/browse/EX-4875)
+- update `Tagging` model
+  ([598915c](https://github.com/empathyco/x/commit/598915ced128e3fa5586ff6c870e68cfa2e016c3)),
+  closes [EX-4985](https://searchbroker.atlassian.net/browse/EX-4985)
+- **x-plugin:** Make XPluginMixin to add the component `location` to metadata.
+  ([eb2c03a](https://github.com/empathyco/x/commit/eb2c03a329cd78c42becf09bdf49b860dca74e40)),
+  closes [EX-4869](https://searchbroker.atlassian.net/browse/EX-4869)
+
+### Bug Fixes
+
+- **identifier-results:** provide resultClickExtraEvents so BaseResultLink emits them when clicked
+  ([da2da47](https://github.com/empathyco/x/commit/da2da47ed1a1fe431dfdfc5a16205967c2ec1f06)),
+  closes [EX-4980](https://searchbroker.atlassian.net/browse/EX-4980)
+
+### Testing
+
+- **e2e:** add typing to e2e stubs
+  ([d218b1b](https://github.com/empathyco/x/commit/d218b1bf4981194aecd9c21606eba01b74472a10))
+- **e2e:** complete filter tests scenarios
+  ([cc25bce](https://github.com/empathyco/x/commit/cc25bcec7dd4eadaec9fe67fae564dde5dcecbbf)),
+  closes [EX-3607](https://searchbroker.atlassian.net/browse/EX-3607)
+- **e2e:** fix invalid identifier results data test selector
+  ([0c1b780](https://github.com/empathyco/x/commit/0c1b780818ee244d506a603603b2e778e50c34f7))
+- **e2e:** remove sliding panel test wait
+  ([84e54ac](https://github.com/empathyco/x/commit/84e54ac582afb4698ef5451a63f272988b58596d)),
+  closes [EX-5009](https://searchbroker.atlassian.net/browse/EX-5009)
+- **search:** redefine old search tests
+  ([5142bb5](https://github.com/empathyco/x/commit/5142bb5fb61181f199fa1019cf7c910d9736deb8)),
+  closes [EX-3801](https://searchbroker.atlassian.net/browse/EX-3801)
+
+# Change Log
+
+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.29](https://github.com/empathyco/x/compare/@empathyco/x-components@3.0.0-alpha.28...@empathyco/x-components@3.0.0-alpha.29) (2021-11-09)
+
+### Features
+
+- **url:** set sort values and read them from the url
+  ([6d98ca3](https://github.com/empathyco/x/commit/6d98ca3e031a9075c27f436419818e2d85b610cc)),
+  closes [EX-3517](https://searchbroker.atlassian.net/browse/EX-3517)
+
+# Change Log
+
+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.28](https://github.com/empathyco/x/compare/@empathyco/x-components@3.0.0-alpha.27...@empathyco/x-components@3.0.0-alpha.28) (2021-11-03)
+
+### Features
+
+- **components:** add new fixed header and aside layout
+  ([e2c0ed5](https://github.com/empathyco/x/commit/e2c0ed5ad2ea0015b7d6d330d97499ad64d8947c)),
+  closes [EX-4821](https://searchbroker.atlassian.net/browse/EX-4821)
+- **design-system:** Add Desing System Message and Progress Bar components
+  ([bba13c9](https://github.com/empathyco/x/commit/bba13c9b632bbe6dad40505bcd5382bfd2105f8e)),
+  closes [EX-4904](https://searchbroker.atlassian.net/browse/EX-4904)
+- **extra-params:** Add support to `UrlHandler` for handling `extra-params`
+  ([4788be1](https://github.com/empathyco/x/commit/4788be15c5c47525279d3fedc3e468aebb1e8610)),
+  closes [EX-4564](https://searchbroker.atlassian.net/browse/EX-4564)
+- **search:** add Redirection and AutoProgressBar components
+  ([14168eb](https://github.com/empathyco/x/commit/14168eb6bc9ead3c807f70765cc6f277532c2959)),
+  closes [EX-4297](https://searchbroker.atlassian.net/browse/EX-4297)
+- update x-components browserslist
+  ([0795ed3](https://github.com/empathyco/x/commit/0795ed3b2cca9d64069426e1b449bbcc725f0a09)),
+  closes [EX-3929](https://searchbroker.atlassian.net/browse/EX-3929)
+- **x-plugin:** Update Alias API with `noResults`, `redirections` and `partialResults`
+  ([c1ad042](https://github.com/empathyco/x/commit/c1ad0422822e88ec501f31e4b75bddf0ac2b3737)),
+  closes [EX-4946](https://searchbroker.atlassian.net/browse/EX-4946)
+
+### Bug Fixes
+
+- **facets:** now service uses only the first filter entity to update the facets.
+  ([c2a19cd](https://github.com/empathyco/x/commit/c2a19cddb3db399fa7d242b7557ea8b2dc760461)),
+  closes [EX-4867](https://searchbroker.atlassian.net/browse/EX-4867)
+- **url:** Fix URL clear query issue
+  ([57680ad](https://github.com/empathyco/x/commit/57680ada60c2d0748f09d029831718ec04660d81)),
+  closes [EX-4949](https://searchbroker.atlassian.net/browse/EX-4949)
+- **x-plugin:** fix no results message flash on load
+  ([33f534f](https://github.com/empathyco/x/commit/33f534f0343b4115e9ce4d506a9b3d299277976c)),
+  closes [EX-4951](https://searchbroker.atlassian.net/browse/EX-4951)
+
+### Code Refactoring
+
+- **design-system:** Refactor Design System View
+  ([f8faf3b](https://github.com/empathyco/x/commit/f8faf3b049160771fa657ac17be4154f434b558c)),
+  closes [EX-4944](https://searchbroker.atlassian.net/browse/EX-4944)
+
+### Testing
+
+- **e2e:** fix sort intercepted request
+  ([bfb56a8](https://github.com/empathyco/x/commit/bfb56a8a004fccdde20e4f2342b591e37679201c)),
+  closes [EX-4953](https://searchbroker.atlassian.net/browse/EX-4953)
+
+# Change Log
+
+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.27](https://github.com/empathyco/x/compare/@empathyco/x-components@3.0.0-alpha.26...@empathyco/x-components@3.0.0-alpha.27) (2021-10-25)
 
 ### ⚠ BREAKING CHANGES

package/core/index.js

@@ -5,7 +5,7 @@ export { default as CollapseHeight } from '../js/components/animations/collapse-
 export { default as CollapseWidth } from '../js/components/animations/collapse-width.vue.js';
 export { default as CrossFade } from '../js/components/animations/cross-fade.vue.js';
 export { default as FadeAndSlide } from '../js/components/animations/fade-and-slide.vue.js';
-export { arrayToObject, deepFilter, deepFlat, groupItemsBy, isArrayEmpty } from '../js/utils/array.js';
+export { arrayToObject, createEmitterArrayFilter, deepFilter, deepFlat, groupItemsBy, isArrayEmpty } from '../js/utils/array.js';
 export { noOp } from '../js/utils/function.js';
 export { CancelSymbol, cancellablePromise } from '../js/utils/cancellable-promise.js';
 export { clone } from '../js/utils/clone.js';
@@ -17,6 +17,7 @@ export { isElementEqualOrContained } from '../js/utils/html.js';
 export { normalizeString } from '../js/utils/normalize.js';
 export { isInRange } from '../js/utils/number.js';
 export { cleanUndefined, forEach, map, objectFilter, reduce } from '../js/utils/object.js';
+export { createOrigin } from '../js/utils/origin.js';
 export { sanitize } from '../js/utils/sanitize.js';
 export { localStorageService } from '../js/utils/storage.js';
 export { capitalize, isStringEmpty, toKebabCase } from '../js/utils/string.js';
@@ -101,11 +102,9 @@ export { default as BaseFallbackImage } from '../js/components/result/base-resul
 export { default as BasePlaceholderImage } from '../js/components/result/base-result-placeholder-image.vue.js';
 export { default as ScrollMixin } from '../js/components/scroll/scroll.mixin.js';
 export { default as BaseScroll } from '../js/components/scroll/base-scroll.vue.js';
-export { default as BaseIdScroll } from '../js/components/scroll/base-id-scroll.vue.js';
-export { default as BaseScrollToTop } from '../js/components/scroll/base-scroll-to-top.vue.js';
-export { default as BaseMainScroll } from '../js/components/scroll/base-main-scroll.vue.js';
 export { default as BaseSuggestion } from '../js/components/suggestions/base-suggestion.vue.js';
 export { default as BaseSuggestions } from '../js/components/suggestions/base-suggestions.vue.js';
+export { default as AutoProgressBar } from '../js/components/auto-progress-bar.vue.js';
 export { LIST_ITEMS_KEY } from '../js/components/decorators/injection.consts.js';
 export { default as BaseGrid } from '../js/components/base-grid.vue.js';
 export { DirectionalFocusNavigationService } from '../js/services/directional-focus-navigation.service.js';
@@ -114,24 +113,25 @@ export { default as BaseVariableColumnGrid } from '../js/components/base-variabl
 export { Debounce } from '../js/components/decorators/debounce.decorators.js';
 export { default as SlidingPanel } from '../js/components/sliding-panel.vue.js';
 export { default as ItemsList } from '../js/components/items-list.vue.js';
-export { default as MultiColumnMaxWidthLayout } from '../js/components/layouts/multi-column-max-width-layout.vue.js';
-export { default as SingleColumnLayout } from '../js/components/layouts/single-column-layout.vue.js';
 export { Getter, State } from '../js/components/decorators/store.decorators.js';
-export { ItemsListInjectionMixin } from '../js/components/items-list-injection.mixin.js';
 export { RootXStoreModule } from '../js/store/x.module.js';
 export { BaseXBus, bus } from '../js/plugins/x-bus.js';
 export { XComponentModule, getXComponentXModuleName, isXComponent, setXComponentXModuleName } from '../js/components/x-component.utils.js';
 export { createXComponentAPIMixin, getBusAPI, getRootXComponent } from '../js/plugins/x-plugin.mixin.js';
 export { XPlugin, xPlugin } from '../js/plugins/x-plugin.js';
 export { xComponentMixin } from '../js/components/x-component.mixin.js';
-export { infiniteScroll } from '../js/directives/infinite-scroll/infinite-scroll.js';
-export { compileMessage } from '../js/filters/compile-message.filter.js';
 export { createFetchAndSaveActions } from '../js/store/utils/fetch-and-save-action.utils.js';
 export { setStatus } from '../js/store/utils/status-store.utils.js';
 export { createStoreEmitters } from '../js/store/utils/store-emitters.utils.js';
 export { createWireFromFunction, wireCommit, wireCommitWithoutPayload, wireDispatch, wireDispatchWithoutPayload, wireService, wireServiceWithoutPayload } from '../js/wiring/wires.factory.js';
 export { createWiring, getStateAndGettersFromModule } from '../js/wiring/wiring.utils.js';
 export { namespacedWireCommit, namespacedWireCommitWithoutPayload, namespacedWireDispatch, namespacedWireDispatchWithoutPayload } from '../js/wiring/namespaced-wires.factory.js';
+export { default as MultiColumnMaxWidthLayout } from '../js/components/layouts/multi-column-max-width-layout.vue.js';
+export { default as SingleColumnLayout } from '../js/components/layouts/single-column-layout.vue.js';
+export { default as LocationProvider } from '../js/components/location-provider.vue.js';
+export { ItemsListInjectionMixin } from '../js/components/items-list-injection.mixin.js';
+export { infiniteScroll } from '../js/directives/infinite-scroll/infinite-scroll.js';
+export { compileMessage } from '../js/filters/compile-message.filter.js';
 export { debounce, filter, filterBlacklistedModules, filterFalsyPayload, filterTruthyPayload, filterWhitelistedModules, mapWire, throttle } from '../js/wiring/wires.operators.js';
 export { namespacedDebounce, namespacedThrottle } from '../js/wiring/namespaced-wires.operators.js';
 export { BaseXAPI } from '../js/x-installer/api/base-api.js';

package/core/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/design-system/badge-default.css

@@ -22,12 +22,9 @@
   font-weight: var(--x-number-font-weight-badge-default);
   box-sizing: border-box;
   position: absolute;
-  display: -ms-flexbox;
   display: flex;
-  -ms-flex-align: center;
-      align-items: center;
-  -ms-flex-pack: center;
-      justify-content: center;
+  align-items: center;
+  justify-content: center;
   transform: translate(50%, -50%);
   z-index: 1;
   /* We dont' want to have the button fully centered in the top right corner, the top right corner

package/design-system/base.css

@@ -1,6 +1,7 @@
 :root {
   --x-size-border-radius-base-none: 0;
   --x-size-border-radius-base-s: var(--x-size-base-02);
+  --x-size-border-radius-base-m: var(--x-size-base-06);
   --x-size-border-radius-base-pill: 99999px;
   --x-size-border-width-base: 1px; }
 
@@ -13,6 +14,7 @@
   --x-color-base-neutral-95: #f2f2f2;
   --x-color-base-neutral-100: #ffffff; }
 
+/* Update this value if adding more values */
 :root {
   --x-size-base-01: 2px;
   --x-size-base-02: 4px;
@@ -26,7 +28,14 @@
   --x-size-base-10: 56px;
   --x-size-base-11: 64px;
   --x-size-base-12: 72px;
-  --x-size-base-13: 80px; }
+  --x-size-base-13: 80px;
+  --x-size-base-14: 96px;
+  --x-size-base-15: 112px;
+  --x-size-base-16: 144px;
+  --x-size-base-17: 176px;
+  --x-size-base-18: 208px;
+  --x-size-base-19: 240px;
+  --x-size-base-20: 272px; }
 
 :root {
   --x-font-family-base: 'Montserrat', sans-serif;

package/design-system/button-default.css

@@ -23,13 +23,13 @@
 
 @use 'sass:string';
 [dir="ltr"] .x-button {
-          padding-right: var(--x-size-padding-right-button-default); }
+  padding-right: var(--x-size-padding-right-button-default); }
 [dir="rtl"] .x-button {
-          padding-left: var(--x-size-padding-right-button-default); }
+  padding-left: var(--x-size-padding-right-button-default); }
 [dir="ltr"] .x-button {
-          padding-left: var(--x-size-padding-left-button-default); }
+  padding-left: var(--x-size-padding-left-button-default); }
 [dir="rtl"] .x-button {
-          padding-right: var(--x-size-padding-left-button-default); }
+  padding-right: var(--x-size-padding-left-button-default); }
 [dir="ltr"] .x-button {
   border-left-width: var(--x-size-border-width-left-button-default); }
 [dir="rtl"] .x-button {
@@ -39,18 +39,13 @@
 [dir="rtl"] .x-button {
   border-left-width: var(--x-size-border-width-right-button-default); }
 .x-button {
-  display: -ms-inline-flexbox;
   display: inline-flex;
-  -ms-flex-pack: center;
-      justify-content: center;
-  -ms-flex-align: center;
-      align-items: center;
+  justify-content: center;
+  align-items: center;
   box-sizing: border-box;
   margin: 0;
   gap: var(--x-size-gap-button-default);
   min-height: var(--x-size-height-button-default);
-  -webkit-padding-end: var(--x-size-padding-right-button-default);
-  -webkit-padding-start: var(--x-size-padding-left-button-default);
   background-color: var(--x-color-background-button-default);
   border-color: var(--x-color-border-button-default);
   color: var(--x-color-text-button-default);