@empathyco/x-components 6.0.0-alpha.25 → 6.0.0-alpha.26
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.
- package/CHANGELOG.md +9 -0
- package/core/index.js +1 -1
- package/design-system/deprecated-full-theme.css +2073 -2074
- package/docs/API-reference/api/x-components.md +0 -1
- package/js/composables/use-alias-api.js +1 -1
- package/js/composables/use-getter.js +1 -1
- package/js/composables/use-state.js +1 -1
- package/js/index.js +1 -1
- package/package.json +2 -2
- package/report/x-components.api.json +0 -33
- package/report/x-components.api.md +2 -2
- package/types/composables/use-store.d.ts +2 -2
- package/types/composables/use-store.d.ts.map +1 -1
- package/docs/API-reference/api/x-components.usestore.md +0 -19
- package/js/composables/use-store.js +0 -15
- package/js/composables/use-store.js.map +0 -1
|
@@ -88,7 +88,6 @@ X-Components is a library usable everywhere not only for search experiences.
|
|
|
88
88
|
| [useOnDisplay({ element, callback, triggerOnce })](./x-components.useondisplay.md) | Composable that triggers a callback whenever the provided element appears in the viewport. It can trigger the first time only or every time the element appears in the viewport. |
|
|
89
89
|
| [useScroll(props, { emit }, scrollEl)](./x-components.usescroll.md) | Composable to share Scroll logic. |
|
|
90
90
|
| [useState(module, paths)](./x-components.usestate.md) | Function which returns the requested state's properties as a dictionary. |
|
|
91
|
-
| [useStore()](./x-components.usestore.md) | Function which returns the <code>$store</code> object from the current component instance. |
|
|
92
91
|
| [useXBus()](./x-components.usexbus.md) | Composable which injects the current location, returns the <code>on</code> and <code>emit</code> functions using the bus and applying component metadata. Also unsubscribe from events when components is unmounted. |
|
|
93
92
|
| [wireCommit(mutation, payloadFactory)](./x-components.wirecommit.md) | Creates a wire that commits a mutation to the store. This wire receives a function. This function is used to get the actual payload value passed to mutation. This wire can be used in every event, as it does not have a payload type associated. |
|
|
94
93
|
| [wireCommit(mutation, staticPayload)](./x-components.wirecommit_1.md) | Creates a wire that commits a mutation to the store. This wire can receive any value as payload. This wire can be used in every event, as it does not have a payload type associated. |
|
|
@@ -7,7 +7,7 @@ import '../plugins/devtools/colors.utils.js';
|
|
|
7
7
|
import '../plugins/x-bus.js';
|
|
8
8
|
import '../plugins/x-plugin.js';
|
|
9
9
|
import { getGetterPath } from '../plugins/x-plugin.utils.js';
|
|
10
|
-
import { useStore } from '
|
|
10
|
+
import { useStore } from 'vuex';
|
|
11
11
|
|
|
12
12
|
/**
|
|
13
13
|
* Creates an object containing the alias part of {@link XComponentAPI}.
|
|
@@ -8,7 +8,7 @@ import '../plugins/devtools/colors.utils.js';
|
|
|
8
8
|
import '../plugins/x-bus.js';
|
|
9
9
|
import '../plugins/x-plugin.js';
|
|
10
10
|
import { getGetterPath } from '../plugins/x-plugin.utils.js';
|
|
11
|
-
import { useStore } from '
|
|
11
|
+
import { useStore } from 'vuex';
|
|
12
12
|
|
|
13
13
|
/**
|
|
14
14
|
* Function which returns the requested getters as a dictionary of getters.
|
package/js/index.js
CHANGED
|
@@ -148,7 +148,7 @@ export { useDebounce } from './composables/use-debounce.js';
|
|
|
148
148
|
export { useGetter } from './composables/use-getter.js';
|
|
149
149
|
export { useEmitDisplayEvent, useOnDisplay } from './composables/use-on-display.js';
|
|
150
150
|
export { useState } from './composables/use-state.js';
|
|
151
|
-
export { useStore } from '
|
|
151
|
+
export { useStore } from 'vuex';
|
|
152
152
|
export { useXBus } from './composables/use-x-bus.js';
|
|
153
153
|
export { infiniteScroll } from './directives/infinite-scroll.js';
|
|
154
154
|
export { setupDevtools } from './plugins/devtools/devtools.plugin.js';
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@empathyco/x-components",
|
|
3
|
-
"version": "6.0.0-alpha.
|
|
3
|
+
"version": "6.0.0-alpha.26",
|
|
4
4
|
"description": "Empathy X Components",
|
|
5
5
|
"author": "Empathy Systems Corporation S.L.",
|
|
6
6
|
"license": "Apache-2.0",
|
|
@@ -138,5 +138,5 @@
|
|
|
138
138
|
"access": "public",
|
|
139
139
|
"directory": "dist"
|
|
140
140
|
},
|
|
141
|
-
"gitHead": "
|
|
141
|
+
"gitHead": "a4087d2e2ebed52afcd1f3d96b00a0f7c36f054e"
|
|
142
142
|
}
|
|
@@ -79336,39 +79336,6 @@
|
|
|
79336
79336
|
],
|
|
79337
79337
|
"name": "useState"
|
|
79338
79338
|
},
|
|
79339
|
-
{
|
|
79340
|
-
"kind": "Function",
|
|
79341
|
-
"canonicalReference": "@empathyco/x-components!useStore:function(1)",
|
|
79342
|
-
"docComment": "/**\n * Function which returns the `$store` object from the current component instance.\n *\n * @returns The `$store` object from the current component instance.\n *\n * @public\n */\n",
|
|
79343
|
-
"excerptTokens": [
|
|
79344
|
-
{
|
|
79345
|
-
"kind": "Content",
|
|
79346
|
-
"text": "export declare function useStore(): "
|
|
79347
|
-
},
|
|
79348
|
-
{
|
|
79349
|
-
"kind": "Reference",
|
|
79350
|
-
"text": "Store",
|
|
79351
|
-
"canonicalReference": "vuex!Store:class"
|
|
79352
|
-
},
|
|
79353
|
-
{
|
|
79354
|
-
"kind": "Content",
|
|
79355
|
-
"text": "<any>"
|
|
79356
|
-
},
|
|
79357
|
-
{
|
|
79358
|
-
"kind": "Content",
|
|
79359
|
-
"text": ";"
|
|
79360
|
-
}
|
|
79361
|
-
],
|
|
79362
|
-
"fileUrlPath": "src/composables/use-store.ts",
|
|
79363
|
-
"returnTypeTokenRange": {
|
|
79364
|
-
"startIndex": 1,
|
|
79365
|
-
"endIndex": 3
|
|
79366
|
-
},
|
|
79367
|
-
"releaseTag": "Public",
|
|
79368
|
-
"overloadIndex": 1,
|
|
79369
|
-
"parameters": [],
|
|
79370
|
-
"name": "useStore"
|
|
79371
|
-
},
|
|
79372
79339
|
{
|
|
79373
79340
|
"kind": "Function",
|
|
79374
79341
|
"canonicalReference": "@empathyco/x-components!useXBus:function(1)",
|
|
@@ -115,6 +115,7 @@ import { default as TrendingIcon } from './trending.vue';
|
|
|
115
115
|
import { default as TrendingTinyIcon } from './trending-tiny.vue';
|
|
116
116
|
import { default as UserFilledIcon } from './user-filled.vue';
|
|
117
117
|
import { default as UserIcon } from './user.vue';
|
|
118
|
+
import { useStore } from 'vuex';
|
|
118
119
|
import { VNode } from 'vue';
|
|
119
120
|
import Vue from 'vue';
|
|
120
121
|
import { WatchOptions } from 'vue';
|
|
@@ -8456,8 +8457,7 @@ export function useScroll(props: {
|
|
|
8456
8457
|
// @public
|
|
8457
8458
|
export function useState<Module extends XModuleName, Path extends keyof ExtractState<Module> & string>(module: Module, paths: Path[]): Dictionary<ComputedRef>;
|
|
8458
8459
|
|
|
8459
|
-
|
|
8460
|
-
export function useStore(): Store<any>;
|
|
8460
|
+
export { useStore }
|
|
8461
8461
|
|
|
8462
8462
|
// @public
|
|
8463
8463
|
export function useXBus(): {
|
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
import { Store } from 'vuex';
|
|
2
1
|
/**
|
|
3
2
|
* Function which returns the `$store` object from the current component instance.
|
|
4
3
|
*
|
|
5
4
|
* @returns The `$store` object from the current component instance.
|
|
5
|
+
* @deprecated Use `useStore` from `vuex` instead.
|
|
6
6
|
*
|
|
7
7
|
* @public
|
|
8
8
|
*/
|
|
9
|
-
export
|
|
9
|
+
export { useStore } from 'vuex';
|
|
10
10
|
//# sourceMappingURL=use-store.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"use-store.d.ts","sourceRoot":"","sources":["../../../src/composables/use-store.ts"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"use-store.d.ts","sourceRoot":"","sources":["../../../src/composables/use-store.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AACH,OAAO,EAAE,QAAQ,EAAE,MAAM,MAAM,CAAC"}
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
<!-- Do not edit this file. It is automatically generated by API Documenter. -->
|
|
2
|
-
|
|
3
|
-
[Home](./index.md) > [@empathyco/x-components](./x-components.md) > [useStore](./x-components.usestore.md)
|
|
4
|
-
|
|
5
|
-
## useStore() function
|
|
6
|
-
|
|
7
|
-
Function which returns the `$store` object from the current component instance.
|
|
8
|
-
|
|
9
|
-
**Signature:**
|
|
10
|
-
|
|
11
|
-
```typescript
|
|
12
|
-
export declare function useStore(): Store<any>;
|
|
13
|
-
```
|
|
14
|
-
**Returns:**
|
|
15
|
-
|
|
16
|
-
Store<any>
|
|
17
|
-
|
|
18
|
-
The `$store` object from the current component instance.
|
|
19
|
-
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
import { useStore as useStore$1 } from 'vuex';
|
|
2
|
-
|
|
3
|
-
/**
|
|
4
|
-
* Function which returns the `$store` object from the current component instance.
|
|
5
|
-
*
|
|
6
|
-
* @returns The `$store` object from the current component instance.
|
|
7
|
-
*
|
|
8
|
-
* @public
|
|
9
|
-
*/
|
|
10
|
-
function useStore() {
|
|
11
|
-
return useStore$1();
|
|
12
|
-
}
|
|
13
|
-
|
|
14
|
-
export { useStore };
|
|
15
|
-
//# sourceMappingURL=use-store.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"use-store.js","sources":["../../../src/composables/use-store.ts"],"sourcesContent":["import { useStore as useStoreVuex, Store } from 'vuex';\n/**\n * Function which returns the `$store` object from the current component instance.\n *\n * @returns The `$store` object from the current component instance.\n *\n * @public\n */\nexport function useStore(): Store<any> {\n return useStoreVuex();\n}\n"],"names":["useStoreVuex"],"mappings":";;AACA;;;;;;AAMG;SACa,QAAQ,GAAA;IACtB,OAAOA,UAAY,EAAE,CAAC;AACxB;;;;"}
|