piral-search 0.14.0-pre.2998 → 0.14.0-pre.3079
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/esm/Search.js +3 -3
- package/esm/Search.js.map +1 -1
- package/esm/SearchInput.js +2 -2
- package/esm/SearchInput.js.map +1 -1
- package/esm/actions.js +46 -49
- package/esm/actions.js.map +1 -1
- package/esm/components.js +3 -3
- package/esm/components.js.map +1 -1
- package/esm/create.js +26 -31
- package/esm/create.js.map +1 -1
- package/esm/default.js +3 -3
- package/esm/default.js.map +1 -1
- package/esm/useDebounce.d.ts +8 -0
- package/esm/useDebounce.js +17 -0
- package/esm/useDebounce.js.map +1 -0
- package/esm/useSearch.js +7 -6
- package/esm/useSearch.js.map +1 -1
- package/lib/Search.js +6 -6
- package/lib/Search.js.map +1 -1
- package/lib/SearchInput.js +5 -5
- package/lib/SearchInput.js.map +1 -1
- package/lib/actions.js +49 -52
- package/lib/actions.js.map +1 -1
- package/lib/components.js +4 -4
- package/lib/components.js.map +1 -1
- package/lib/create.js +34 -39
- package/lib/create.js.map +1 -1
- package/lib/default.js +5 -5
- package/lib/default.js.map +1 -1
- package/lib/index.js +7 -7
- package/lib/index.js.map +1 -1
- package/lib/useDebounce.d.ts +8 -0
- package/lib/useDebounce.js +21 -0
- package/lib/useDebounce.js.map +1 -0
- package/lib/useSearch.js +8 -7
- package/lib/useSearch.js.map +1 -1
- package/package.json +4 -4
- package/src/useDebounce.test.ts +67 -0
- package/src/useDebounce.ts +19 -0
- package/src/useSearch.test.ts +4 -1
- package/src/useSearch.ts +2 -1
package/esm/Search.js
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
import { useGlobalState } from 'piral-core';
|
|
3
3
|
import { PiralSearchContainer, PiralSearchResult } from './components';
|
|
4
|
-
export
|
|
5
|
-
|
|
6
|
-
return (React.createElement(PiralSearchContainer, { loading: loading }, items.map(
|
|
4
|
+
export const Search = () => {
|
|
5
|
+
const { loading, items } = useGlobalState((m) => m.search.results);
|
|
6
|
+
return (React.createElement(PiralSearchContainer, { loading: loading }, items.map((item, i) => (React.createElement(PiralSearchResult, { key: i }, item)))));
|
|
7
7
|
};
|
|
8
8
|
//# sourceMappingURL=Search.js.map
|
package/esm/Search.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Search.js","sourceRoot":"","sources":["../src/Search.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC;AAC5C,OAAO,EAAE,oBAAoB,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAEvE,MAAM,CAAC,
|
|
1
|
+
{"version":3,"file":"Search.js","sourceRoot":"","sources":["../src/Search.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC;AAC5C,OAAO,EAAE,oBAAoB,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAEvE,MAAM,CAAC,MAAM,MAAM,GAAa,GAAG,EAAE;IACnC,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,GAAG,cAAc,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;IAEnE,OAAO,CACL,oBAAC,oBAAoB,IAAC,OAAO,EAAE,OAAO,IACnC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,EAAE,CAAC,CACtB,oBAAC,iBAAiB,IAAC,GAAG,EAAE,CAAC,IAAG,IAAI,CAAqB,CACtD,CAAC,CACmB,CACxB,CAAC;AACJ,CAAC,CAAC"}
|
package/esm/SearchInput.js
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
import { useSearch } from './useSearch';
|
|
3
3
|
import { PiralSearchInput } from './components';
|
|
4
|
-
export
|
|
5
|
-
|
|
4
|
+
export const SearchInput = () => {
|
|
5
|
+
const [value, setValue] = useSearch();
|
|
6
6
|
return React.createElement(PiralSearchInput, { setValue: setValue, value: value });
|
|
7
7
|
};
|
|
8
8
|
//# sourceMappingURL=SearchInput.js.map
|
package/esm/SearchInput.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SearchInput.js","sourceRoot":"","sources":["../src/SearchInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC;AAEhD,MAAM,CAAC,
|
|
1
|
+
{"version":3,"file":"SearchInput.js","sourceRoot":"","sources":["../src/SearchInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC;AAEhD,MAAM,CAAC,MAAM,WAAW,GAAa,GAAG,EAAE;IACxC,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,SAAS,EAAE,CAAC;IACtC,OAAO,oBAAC,gBAAgB,IAAC,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAK,GAAI,CAAC;AAChE,CAAC,CAAC"}
|
package/esm/actions.js
CHANGED
|
@@ -1,83 +1,80 @@
|
|
|
1
|
-
import { __assign } from "tslib";
|
|
2
1
|
import { appendItems, prependItems, withKey, withoutKey } from 'piral-core';
|
|
3
2
|
function defaultFilter(_, providerNames) {
|
|
4
3
|
return providerNames;
|
|
5
4
|
}
|
|
6
|
-
export function createActions(config) {
|
|
7
|
-
|
|
8
|
-
var _a = config.emptyTrigger, emptyTrigger = _a === void 0 ? false : _a, _b = config.filter, filter = _b === void 0 ? defaultFilter : _b;
|
|
5
|
+
export function createActions(config = {}) {
|
|
6
|
+
const { emptyTrigger = false, filter = defaultFilter } = config;
|
|
9
7
|
return {
|
|
10
|
-
setSearchInput
|
|
11
|
-
ctx.dispatch(
|
|
8
|
+
setSearchInput(ctx, input) {
|
|
9
|
+
ctx.dispatch((state) => (Object.assign(Object.assign({}, state), { search: Object.assign(Object.assign({}, state.search), { input }) })));
|
|
12
10
|
},
|
|
13
|
-
triggerSearch
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
var loading = results.loading;
|
|
11
|
+
triggerSearch(ctx, query, immediate = false) {
|
|
12
|
+
const providers = ctx.readState((state) => state.registry.searchProviders);
|
|
13
|
+
const { input, results } = ctx.readState((state) => state.search);
|
|
14
|
+
const { loading } = results;
|
|
18
15
|
if (query === undefined) {
|
|
19
16
|
query = input;
|
|
20
17
|
}
|
|
21
18
|
if (input !== query || !loading) {
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
ctx.resetSearchResults(query,
|
|
27
|
-
if (
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
query
|
|
32
|
-
immediate
|
|
19
|
+
const selectedProviders = filter(query, Object.keys(providers));
|
|
20
|
+
const providerKeys = selectedProviders.filter((m) => !providers[m].onlyImmediate || immediate);
|
|
21
|
+
const acceptQuery = emptyTrigger || !!query;
|
|
22
|
+
const load = acceptQuery && providerKeys.length > 0;
|
|
23
|
+
ctx.resetSearchResults(query, load);
|
|
24
|
+
if (load) {
|
|
25
|
+
let searchCount = providerKeys.length;
|
|
26
|
+
let active = true;
|
|
27
|
+
const opts = {
|
|
28
|
+
query,
|
|
29
|
+
immediate,
|
|
33
30
|
};
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
provider.search(
|
|
37
|
-
|
|
38
|
-
},
|
|
31
|
+
providerKeys.forEach((key) => {
|
|
32
|
+
const provider = providers[key];
|
|
33
|
+
provider.search(opts).then((results) => {
|
|
34
|
+
active && ctx.appendSearchResults(results, --searchCount === 0);
|
|
35
|
+
}, (ex) => {
|
|
39
36
|
console.warn(ex);
|
|
40
|
-
|
|
37
|
+
active && --searchCount === 0 && ctx.appendSearchResults([], true);
|
|
41
38
|
});
|
|
42
39
|
});
|
|
43
|
-
return
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
ctx.appendSearchResults([],
|
|
40
|
+
return () => {
|
|
41
|
+
active = false;
|
|
42
|
+
providerKeys.forEach((key) => providers[key].cancel());
|
|
43
|
+
ctx.appendSearchResults([], load);
|
|
47
44
|
};
|
|
48
45
|
}
|
|
49
46
|
else if (!query) {
|
|
50
|
-
selectedProviders.forEach(
|
|
47
|
+
selectedProviders.forEach((key) => providers[key].clear());
|
|
51
48
|
}
|
|
52
49
|
}
|
|
53
|
-
return
|
|
50
|
+
return () => { };
|
|
54
51
|
},
|
|
55
|
-
resetSearchResults
|
|
56
|
-
ctx.dispatch(
|
|
57
|
-
input
|
|
52
|
+
resetSearchResults(ctx, input, loading) {
|
|
53
|
+
ctx.dispatch((state) => (Object.assign(Object.assign({}, state), { search: {
|
|
54
|
+
input,
|
|
58
55
|
results: {
|
|
59
|
-
loading
|
|
56
|
+
loading,
|
|
60
57
|
items: [],
|
|
61
58
|
},
|
|
62
|
-
} }))
|
|
59
|
+
} })));
|
|
63
60
|
},
|
|
64
|
-
appendSearchResults
|
|
65
|
-
ctx.dispatch(
|
|
61
|
+
appendSearchResults(ctx, items, done) {
|
|
62
|
+
ctx.dispatch((state) => (Object.assign(Object.assign({}, state), { search: Object.assign(Object.assign({}, state.search), { results: {
|
|
66
63
|
loading: !done,
|
|
67
64
|
items: appendItems(state.search.results.items, items),
|
|
68
|
-
} }) }))
|
|
65
|
+
} }) })));
|
|
69
66
|
},
|
|
70
|
-
prependSearchResults
|
|
71
|
-
ctx.dispatch(
|
|
67
|
+
prependSearchResults(ctx, items, done) {
|
|
68
|
+
ctx.dispatch((state) => (Object.assign(Object.assign({}, state), { search: Object.assign(Object.assign({}, state.search), { results: {
|
|
72
69
|
loading: !done,
|
|
73
70
|
items: prependItems(state.search.results.items, items),
|
|
74
|
-
} }) }))
|
|
71
|
+
} }) })));
|
|
75
72
|
},
|
|
76
|
-
registerSearchProvider
|
|
77
|
-
ctx.dispatch(
|
|
73
|
+
registerSearchProvider(ctx, name, value) {
|
|
74
|
+
ctx.dispatch((state) => (Object.assign(Object.assign({}, state), { registry: Object.assign(Object.assign({}, state.registry), { searchProviders: withKey(state.registry.searchProviders, name, value) }) })));
|
|
78
75
|
},
|
|
79
|
-
unregisterSearchProvider
|
|
80
|
-
ctx.dispatch(
|
|
76
|
+
unregisterSearchProvider(ctx, name) {
|
|
77
|
+
ctx.dispatch((state) => (Object.assign(Object.assign({}, state), { registry: Object.assign(Object.assign({}, state.registry), { searchProviders: withoutKey(state.registry.searchProviders, name) }) })));
|
|
81
78
|
},
|
|
82
79
|
};
|
|
83
80
|
}
|
package/esm/actions.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"actions.js","sourceRoot":"","sources":["../src/actions.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"actions.js","sourceRoot":"","sources":["../src/actions.ts"],"names":[],"mappings":"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"}
|
package/esm/components.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { getPiralComponent } from 'piral-core';
|
|
2
|
-
export
|
|
3
|
-
export
|
|
4
|
-
export
|
|
2
|
+
export const PiralSearchContainer = getPiralComponent('SearchContainer');
|
|
3
|
+
export const PiralSearchInput = getPiralComponent('SearchInput');
|
|
4
|
+
export const PiralSearchResult = getPiralComponent('SearchResult');
|
|
5
5
|
//# sourceMappingURL=components.js.map
|
package/esm/components.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"components.js","sourceRoot":"","sources":["../src/components.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,iBAAiB,EAAE,MAAM,YAAY,CAAC;AAG/C,MAAM,CAAC,
|
|
1
|
+
{"version":3,"file":"components.js","sourceRoot":"","sources":["../src/components.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,iBAAiB,EAAE,MAAM,YAAY,CAAC;AAG/C,MAAM,CAAC,MAAM,oBAAoB,GAA8C,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;AACpH,MAAM,CAAC,MAAM,gBAAgB,GAA0C,iBAAiB,CAAC,aAAa,CAAC,CAAC;AACxG,MAAM,CAAC,MAAM,iBAAiB,GAA2C,iBAAiB,CAAC,cAAc,CAAC,CAAC"}
|
package/esm/create.js
CHANGED
|
@@ -1,22 +1,20 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { __rest } from "tslib";
|
|
2
2
|
import { isfunc } from 'piral-base';
|
|
3
3
|
import { isValidElement, createElement } from 'react';
|
|
4
4
|
import { buildName, withApi } from 'piral-core';
|
|
5
5
|
import { createActions } from './actions';
|
|
6
6
|
import { DefaultContainer, DefaultInput, DefaultResult } from './default';
|
|
7
7
|
function noop() { }
|
|
8
|
-
function createSearchRegistration(pilet, search, settings) {
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
onlyImmediate: onlyImmediate, cancel: isfunc(onCancel) ? onCancel : noop, clear: isfunc(onClear) ? onClear : noop, search: search });
|
|
8
|
+
function createSearchRegistration(pilet, search, settings = {}) {
|
|
9
|
+
const { onlyImmediate = false, onCancel = noop, onClear = noop } = settings, rest = __rest(settings, ["onlyImmediate", "onCancel", "onClear"]);
|
|
10
|
+
return Object.assign(Object.assign({}, rest), { pilet,
|
|
11
|
+
onlyImmediate, cancel: isfunc(onCancel) ? onCancel : noop, clear: isfunc(onClear) ? onClear : noop, search });
|
|
13
12
|
}
|
|
14
13
|
function getSearchProviders(providers) {
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
for (
|
|
18
|
-
|
|
19
|
-
searchProviders["global-" + i++] = createSearchRegistration(undefined, search, settings);
|
|
14
|
+
const searchProviders = {};
|
|
15
|
+
let i = 0;
|
|
16
|
+
for (const { search, settings } of providers) {
|
|
17
|
+
searchProviders[`global-${i++}`] = createSearchRegistration(undefined, search, settings);
|
|
20
18
|
}
|
|
21
19
|
return searchProviders;
|
|
22
20
|
}
|
|
@@ -25,47 +23,44 @@ function toChild(content, api, context) {
|
|
|
25
23
|
return content;
|
|
26
24
|
}
|
|
27
25
|
else {
|
|
28
|
-
|
|
26
|
+
const component = withApi(context, content, api, 'extension');
|
|
29
27
|
return createElement(component);
|
|
30
28
|
}
|
|
31
29
|
}
|
|
32
30
|
function wrapResults(result, api, context) {
|
|
33
|
-
|
|
34
|
-
return results.map(
|
|
31
|
+
const results = Array.isArray(result) ? result : [result];
|
|
32
|
+
return results.map((item) => toChild(item, api, context));
|
|
35
33
|
}
|
|
36
34
|
/**
|
|
37
35
|
* Creates new Pilet API extensions for search and filtering.
|
|
38
36
|
*/
|
|
39
|
-
export function createSearchApi(config) {
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
return function (context) {
|
|
37
|
+
export function createSearchApi(config = {}) {
|
|
38
|
+
const { providers = [], results = [], query = '' } = config, actionConfig = __rest(config, ["providers", "results", "query"]);
|
|
39
|
+
return (context) => {
|
|
43
40
|
context.defineActions(createActions(actionConfig));
|
|
44
|
-
context.dispatch(
|
|
41
|
+
context.dispatch((state) => (Object.assign(Object.assign({}, state), { components: Object.assign({ SearchContainer: DefaultContainer, SearchInput: DefaultInput, SearchResult: DefaultResult }, state.components), registry: Object.assign(Object.assign({}, state.registry), { searchProviders: getSearchProviders(providers) }), search: {
|
|
45
42
|
input: query,
|
|
46
43
|
results: {
|
|
47
44
|
loading: false,
|
|
48
45
|
items: results,
|
|
49
46
|
},
|
|
50
|
-
} }))
|
|
51
|
-
return
|
|
52
|
-
|
|
53
|
-
|
|
47
|
+
} })));
|
|
48
|
+
return (api, target) => {
|
|
49
|
+
const pilet = target.name;
|
|
50
|
+
let next = 0;
|
|
54
51
|
return {
|
|
55
|
-
registerSearchProvider
|
|
52
|
+
registerSearchProvider(name, provider, settings) {
|
|
56
53
|
if (typeof name !== 'string') {
|
|
57
54
|
settings = provider;
|
|
58
55
|
provider = name;
|
|
59
56
|
name = next++;
|
|
60
57
|
}
|
|
61
|
-
|
|
62
|
-
context.registerSearchProvider(id, createSearchRegistration(pilet,
|
|
63
|
-
|
|
64
|
-
}, settings));
|
|
65
|
-
return function () { return api.unregisterSearchProvider(name); };
|
|
58
|
+
const id = buildName(pilet, name);
|
|
59
|
+
context.registerSearchProvider(id, createSearchRegistration(pilet, (q) => Promise.resolve(provider(q, api)).then((results) => wrapResults(results, api, context), () => []), settings));
|
|
60
|
+
return () => api.unregisterSearchProvider(name);
|
|
66
61
|
},
|
|
67
|
-
unregisterSearchProvider
|
|
68
|
-
|
|
62
|
+
unregisterSearchProvider(name) {
|
|
63
|
+
const id = buildName(pilet, name);
|
|
69
64
|
context.unregisterSearchProvider(id);
|
|
70
65
|
},
|
|
71
66
|
};
|
package/esm/create.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"create.js","sourceRoot":"","sources":["../src/create.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,YAAY,CAAC;AACpC,OAAO,EAAc,cAAc,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAClE,OAAO,EAAE,SAAS,EAAqB,OAAO,EAAgC,MAAM,YAAY,CAAC;AACjG,OAAO,EAAE,aAAa,EAAE,MAAM,WAAW,CAAC;AAC1C,OAAO,EAAE,gBAAgB,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,WAAW,CAAC;AAsD1E,SAAS,IAAI,KAAI,CAAC;AAElB,SAAS,wBAAwB,CAC/B,KAAa,EACb,MAAqB,EACrB,
|
|
1
|
+
{"version":3,"file":"create.js","sourceRoot":"","sources":["../src/create.ts"],"names":[],"mappings":"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"}
|
package/esm/default.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
import { defaultRender } from 'piral-core';
|
|
3
|
-
export
|
|
4
|
-
export
|
|
5
|
-
export
|
|
3
|
+
export const DefaultContainer = (props) => defaultRender(props.children);
|
|
4
|
+
export const DefaultResult = (props) => defaultRender(props.children);
|
|
5
|
+
export const DefaultInput = (props) => (React.createElement("input", { onChange: (e) => props.setValue(e.target.value), value: props.value }));
|
|
6
6
|
//# sourceMappingURL=default.js.map
|
package/esm/default.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"default.js","sourceRoot":"","sources":["../src/default.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAG3C,MAAM,CAAC,
|
|
1
|
+
{"version":3,"file":"default.js","sourceRoot":"","sources":["../src/default.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAG3C,MAAM,CAAC,MAAM,gBAAgB,GAAmC,CAAC,KAAK,EAAE,EAAE,CAAC,aAAa,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;AACzG,MAAM,CAAC,MAAM,aAAa,GAAgC,CAAC,KAAK,EAAE,EAAE,CAAC,aAAa,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;AACnG,MAAM,CAAC,MAAM,YAAY,GAA+B,CAAC,KAAK,EAAE,EAAE,CAAC,CACjE,+BAAO,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK,GAAI,CAC/E,CAAC"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Hook that returns the debounced (i.e., delayed) value.
|
|
3
|
+
* Useful when user input should not fire immediately, but rather
|
|
4
|
+
* only after a certain timespan without any changes passed.
|
|
5
|
+
* @param value The value to consider.
|
|
6
|
+
* @param delay The timespan to pass before applying the value.
|
|
7
|
+
*/
|
|
8
|
+
export declare function useDebounce<T>(value: T, delay?: number): T;
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { useState, useEffect } from 'react';
|
|
2
|
+
/**
|
|
3
|
+
* Hook that returns the debounced (i.e., delayed) value.
|
|
4
|
+
* Useful when user input should not fire immediately, but rather
|
|
5
|
+
* only after a certain timespan without any changes passed.
|
|
6
|
+
* @param value The value to consider.
|
|
7
|
+
* @param delay The timespan to pass before applying the value.
|
|
8
|
+
*/
|
|
9
|
+
export function useDebounce(value, delay = 300) {
|
|
10
|
+
const [debouncedValue, setDebouncedValue] = useState(value);
|
|
11
|
+
useEffect(() => {
|
|
12
|
+
const handler = setTimeout(() => setDebouncedValue(value), delay);
|
|
13
|
+
return () => clearTimeout(handler);
|
|
14
|
+
}, [value, delay]);
|
|
15
|
+
return debouncedValue;
|
|
16
|
+
}
|
|
17
|
+
//# sourceMappingURL=useDebounce.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useDebounce.js","sourceRoot":"","sources":["../src/useDebounce.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE5C;;;;;;GAMG;AACH,MAAM,UAAU,WAAW,CAAI,KAAQ,EAAE,KAAK,GAAG,GAAG;IAClD,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAE5D,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,OAAO,GAAG,UAAU,CAAC,GAAG,EAAE,CAAC,iBAAiB,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC,CAAC;QAClE,OAAO,GAAG,EAAE,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC;IACrC,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC;IAEnB,OAAO,cAAc,CAAC;AACxB,CAAC"}
|
package/esm/useSearch.js
CHANGED
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { useEffect, useRef } from 'react';
|
|
2
|
-
import { useGlobalState,
|
|
2
|
+
import { useGlobalState, useActions } from 'piral-core';
|
|
3
|
+
import { useDebounce } from './useDebounce';
|
|
3
4
|
/**
|
|
4
5
|
* Hook that yields the possibility of searching in Piral.
|
|
5
6
|
* Returns the current (live, i.e., non-debounced) input value
|
|
@@ -11,11 +12,11 @@ import { useGlobalState, useDebounce, useActions } from 'piral-core';
|
|
|
11
12
|
* @param delay The delay [ms] to be used for the debounce.
|
|
12
13
|
*/
|
|
13
14
|
export function useSearch(delay) {
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
useEffect(
|
|
15
|
+
const { setSearchInput, triggerSearch } = useActions();
|
|
16
|
+
const searchInput = useGlobalState((m) => m.search.input);
|
|
17
|
+
const query = useDebounce(searchInput, delay);
|
|
18
|
+
const cancel = useRef(undefined);
|
|
19
|
+
useEffect(() => {
|
|
19
20
|
cancel.current && cancel.current();
|
|
20
21
|
cancel.current = triggerSearch(query, false);
|
|
21
22
|
}, [query]);
|
package/esm/useSearch.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useSearch.js","sourceRoot":"","sources":["../src/useSearch.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,cAAc,EAAE,
|
|
1
|
+
{"version":3,"file":"useSearch.js","sourceRoot":"","sources":["../src/useSearch.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,cAAc,EAAE,UAAU,EAAc,MAAM,YAAY,CAAC;AACpE,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAE5C;;;;;;;;;GASG;AACH,MAAM,UAAU,SAAS,CAAC,KAAc;IACtC,MAAM,EAAE,cAAc,EAAE,aAAa,EAAE,GAAG,UAAU,EAAE,CAAC;IACvD,MAAM,WAAW,GAAG,cAAc,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;IAC1D,MAAM,KAAK,GAAG,WAAW,CAAC,WAAW,EAAE,KAAK,CAAC,CAAC;IAC9C,MAAM,MAAM,GAAG,MAAM,CAAa,SAAS,CAAC,CAAC;IAE7C,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,CAAC,OAAO,IAAI,MAAM,CAAC,OAAO,EAAE,CAAC;QACnC,MAAM,CAAC,OAAO,GAAG,aAAa,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC;IAC/C,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,OAAO,CAAC,WAAW,EAAE,cAAc,CAAC,CAAC;AACvC,CAAC"}
|
package/lib/Search.js
CHANGED
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
exports.Search = void 0;
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
return (React.createElement(components_1.PiralSearchContainer, { loading: loading }, items.map(
|
|
4
|
+
const React = require("react");
|
|
5
|
+
const piral_core_1 = require("piral-core");
|
|
6
|
+
const components_1 = require("./components");
|
|
7
|
+
const Search = () => {
|
|
8
|
+
const { loading, items } = (0, piral_core_1.useGlobalState)((m) => m.search.results);
|
|
9
|
+
return (React.createElement(components_1.PiralSearchContainer, { loading: loading }, items.map((item, i) => (React.createElement(components_1.PiralSearchResult, { key: i }, item)))));
|
|
10
10
|
};
|
|
11
11
|
exports.Search = Search;
|
|
12
12
|
//# sourceMappingURL=Search.js.map
|
package/lib/Search.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Search.js","sourceRoot":"","sources":["../src/Search.tsx"],"names":[],"mappings":";;;AAAA
|
|
1
|
+
{"version":3,"file":"Search.js","sourceRoot":"","sources":["../src/Search.tsx"],"names":[],"mappings":";;;AAAA,+BAA+B;AAC/B,2CAA4C;AAC5C,6CAAuE;AAEhE,MAAM,MAAM,GAAa,GAAG,EAAE;IACnC,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,GAAG,IAAA,2BAAc,EAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;IAEnE,OAAO,CACL,oBAAC,iCAAoB,IAAC,OAAO,EAAE,OAAO,IACnC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,EAAE,CAAC,CACtB,oBAAC,8BAAiB,IAAC,GAAG,EAAE,CAAC,IAAG,IAAI,CAAqB,CACtD,CAAC,CACmB,CACxB,CAAC;AACJ,CAAC,CAAC;AAVW,QAAA,MAAM,UAUjB"}
|
package/lib/SearchInput.js
CHANGED
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
exports.SearchInput = void 0;
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
4
|
+
const React = require("react");
|
|
5
|
+
const useSearch_1 = require("./useSearch");
|
|
6
|
+
const components_1 = require("./components");
|
|
7
|
+
const SearchInput = () => {
|
|
8
|
+
const [value, setValue] = (0, useSearch_1.useSearch)();
|
|
9
9
|
return React.createElement(components_1.PiralSearchInput, { setValue: setValue, value: value });
|
|
10
10
|
};
|
|
11
11
|
exports.SearchInput = SearchInput;
|
package/lib/SearchInput.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SearchInput.js","sourceRoot":"","sources":["../src/SearchInput.tsx"],"names":[],"mappings":";;;AAAA
|
|
1
|
+
{"version":3,"file":"SearchInput.js","sourceRoot":"","sources":["../src/SearchInput.tsx"],"names":[],"mappings":";;;AAAA,+BAA+B;AAC/B,2CAAwC;AACxC,6CAAgD;AAEzC,MAAM,WAAW,GAAa,GAAG,EAAE;IACxC,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,IAAA,qBAAS,GAAE,CAAC;IACtC,OAAO,oBAAC,6BAAgB,IAAC,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAK,GAAI,CAAC;AAChE,CAAC,CAAC;AAHW,QAAA,WAAW,eAGtB"}
|
package/lib/actions.js
CHANGED
|
@@ -1,86 +1,83 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
exports.createActions = void 0;
|
|
4
|
-
|
|
5
|
-
var piral_core_1 = require("piral-core");
|
|
4
|
+
const piral_core_1 = require("piral-core");
|
|
6
5
|
function defaultFilter(_, providerNames) {
|
|
7
6
|
return providerNames;
|
|
8
7
|
}
|
|
9
|
-
function createActions(config) {
|
|
10
|
-
|
|
11
|
-
var _a = config.emptyTrigger, emptyTrigger = _a === void 0 ? false : _a, _b = config.filter, filter = _b === void 0 ? defaultFilter : _b;
|
|
8
|
+
function createActions(config = {}) {
|
|
9
|
+
const { emptyTrigger = false, filter = defaultFilter } = config;
|
|
12
10
|
return {
|
|
13
|
-
setSearchInput
|
|
14
|
-
ctx.dispatch(
|
|
11
|
+
setSearchInput(ctx, input) {
|
|
12
|
+
ctx.dispatch((state) => (Object.assign(Object.assign({}, state), { search: Object.assign(Object.assign({}, state.search), { input }) })));
|
|
15
13
|
},
|
|
16
|
-
triggerSearch
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
var loading = results.loading;
|
|
14
|
+
triggerSearch(ctx, query, immediate = false) {
|
|
15
|
+
const providers = ctx.readState((state) => state.registry.searchProviders);
|
|
16
|
+
const { input, results } = ctx.readState((state) => state.search);
|
|
17
|
+
const { loading } = results;
|
|
21
18
|
if (query === undefined) {
|
|
22
19
|
query = input;
|
|
23
20
|
}
|
|
24
21
|
if (input !== query || !loading) {
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
ctx.resetSearchResults(query,
|
|
30
|
-
if (
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
query
|
|
35
|
-
immediate
|
|
22
|
+
const selectedProviders = filter(query, Object.keys(providers));
|
|
23
|
+
const providerKeys = selectedProviders.filter((m) => !providers[m].onlyImmediate || immediate);
|
|
24
|
+
const acceptQuery = emptyTrigger || !!query;
|
|
25
|
+
const load = acceptQuery && providerKeys.length > 0;
|
|
26
|
+
ctx.resetSearchResults(query, load);
|
|
27
|
+
if (load) {
|
|
28
|
+
let searchCount = providerKeys.length;
|
|
29
|
+
let active = true;
|
|
30
|
+
const opts = {
|
|
31
|
+
query,
|
|
32
|
+
immediate,
|
|
36
33
|
};
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
provider.search(
|
|
40
|
-
|
|
41
|
-
},
|
|
34
|
+
providerKeys.forEach((key) => {
|
|
35
|
+
const provider = providers[key];
|
|
36
|
+
provider.search(opts).then((results) => {
|
|
37
|
+
active && ctx.appendSearchResults(results, --searchCount === 0);
|
|
38
|
+
}, (ex) => {
|
|
42
39
|
console.warn(ex);
|
|
43
|
-
|
|
40
|
+
active && --searchCount === 0 && ctx.appendSearchResults([], true);
|
|
44
41
|
});
|
|
45
42
|
});
|
|
46
|
-
return
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
ctx.appendSearchResults([],
|
|
43
|
+
return () => {
|
|
44
|
+
active = false;
|
|
45
|
+
providerKeys.forEach((key) => providers[key].cancel());
|
|
46
|
+
ctx.appendSearchResults([], load);
|
|
50
47
|
};
|
|
51
48
|
}
|
|
52
49
|
else if (!query) {
|
|
53
|
-
selectedProviders.forEach(
|
|
50
|
+
selectedProviders.forEach((key) => providers[key].clear());
|
|
54
51
|
}
|
|
55
52
|
}
|
|
56
|
-
return
|
|
53
|
+
return () => { };
|
|
57
54
|
},
|
|
58
|
-
resetSearchResults
|
|
59
|
-
ctx.dispatch(
|
|
60
|
-
input
|
|
55
|
+
resetSearchResults(ctx, input, loading) {
|
|
56
|
+
ctx.dispatch((state) => (Object.assign(Object.assign({}, state), { search: {
|
|
57
|
+
input,
|
|
61
58
|
results: {
|
|
62
|
-
loading
|
|
59
|
+
loading,
|
|
63
60
|
items: [],
|
|
64
61
|
},
|
|
65
|
-
} }))
|
|
62
|
+
} })));
|
|
66
63
|
},
|
|
67
|
-
appendSearchResults
|
|
68
|
-
ctx.dispatch(
|
|
64
|
+
appendSearchResults(ctx, items, done) {
|
|
65
|
+
ctx.dispatch((state) => (Object.assign(Object.assign({}, state), { search: Object.assign(Object.assign({}, state.search), { results: {
|
|
69
66
|
loading: !done,
|
|
70
|
-
items: piral_core_1.appendItems(state.search.results.items, items),
|
|
71
|
-
} }) }))
|
|
67
|
+
items: (0, piral_core_1.appendItems)(state.search.results.items, items),
|
|
68
|
+
} }) })));
|
|
72
69
|
},
|
|
73
|
-
prependSearchResults
|
|
74
|
-
ctx.dispatch(
|
|
70
|
+
prependSearchResults(ctx, items, done) {
|
|
71
|
+
ctx.dispatch((state) => (Object.assign(Object.assign({}, state), { search: Object.assign(Object.assign({}, state.search), { results: {
|
|
75
72
|
loading: !done,
|
|
76
|
-
items: piral_core_1.prependItems(state.search.results.items, items),
|
|
77
|
-
} }) }))
|
|
73
|
+
items: (0, piral_core_1.prependItems)(state.search.results.items, items),
|
|
74
|
+
} }) })));
|
|
78
75
|
},
|
|
79
|
-
registerSearchProvider
|
|
80
|
-
ctx.dispatch(
|
|
76
|
+
registerSearchProvider(ctx, name, value) {
|
|
77
|
+
ctx.dispatch((state) => (Object.assign(Object.assign({}, state), { registry: Object.assign(Object.assign({}, state.registry), { searchProviders: (0, piral_core_1.withKey)(state.registry.searchProviders, name, value) }) })));
|
|
81
78
|
},
|
|
82
|
-
unregisterSearchProvider
|
|
83
|
-
ctx.dispatch(
|
|
79
|
+
unregisterSearchProvider(ctx, name) {
|
|
80
|
+
ctx.dispatch((state) => (Object.assign(Object.assign({}, state), { registry: Object.assign(Object.assign({}, state.registry), { searchProviders: (0, piral_core_1.withoutKey)(state.registry.searchProviders, name) }) })));
|
|
84
81
|
},
|
|
85
82
|
};
|
|
86
83
|
}
|
package/lib/actions.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"actions.js","sourceRoot":"","sources":["../src/actions.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"actions.js","sourceRoot":"","sources":["../src/actions.ts"],"names":[],"mappings":";;;AACA,2CAA4G;AAG5G,SAAS,aAAa,CAAC,CAAS,EAAE,aAA4B;IAC5D,OAAO,aAAa,CAAC;AACvB,CAAC;AAED,SAAgB,aAAa,CAAC,SAA8B,EAAE;IAC5D,MAAM,EAAE,YAAY,GAAG,KAAK,EAAE,MAAM,GAAG,aAAa,EAAE,GAAG,MAAM,CAAC;IAChE,OAAO;QACL,cAAc,CAAC,GAAuB,EAAE,KAAa;YACnD,GAAG,CAAC,QAAQ,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,iCACnB,KAAK,KACR,MAAM,kCACD,KAAK,CAAC,MAAM,KACf,KAAK,OAEP,CAAC,CAAC;QACN,CAAC;QACD,aAAa,CAAC,GAAuB,EAAE,KAAc,EAAE,SAAS,GAAG,KAAK;YACtE,MAAM,SAAS,GAAG,GAAG,CAAC,SAAS,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,QAAQ,CAAC,eAAe,CAAC,CAAC;YAC3E,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,GAAG,GAAG,CAAC,SAAS,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;YAClE,MAAM,EAAE,OAAO,EAAE,GAAG,OAAO,CAAC;YAE5B,IAAI,KAAK,KAAK,SAAS,EAAE;gBACvB,KAAK,GAAG,KAAK,CAAC;aACf;YAED,IAAI,KAAK,KAAK,KAAK,IAAI,CAAC,OAAO,EAAE;gBAC/B,MAAM,iBAAiB,GAAG,MAAM,CAAC,KAAK,EAAE,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC;gBAChE,MAAM,YAAY,GAAG,iBAAiB,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,aAAa,IAAI,SAAS,CAAC,CAAC;gBAC/F,MAAM,WAAW,GAAG,YAAY,IAAI,CAAC,CAAC,KAAK,CAAC;gBAC5C,MAAM,IAAI,GAAG,WAAW,IAAI,YAAY,CAAC,MAAM,GAAG,CAAC,CAAC;gBACpD,GAAG,CAAC,kBAAkB,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC;gBAEpC,IAAI,IAAI,EAAE;oBACR,IAAI,WAAW,GAAG,YAAY,CAAC,MAAM,CAAC;oBACtC,IAAI,MAAM,GAAG,IAAI,CAAC;oBAClB,MAAM,IAAI,GAAkB;wBAC1B,KAAK;wBACL,SAAS;qBACV,CAAC;oBAEF,YAAY,CAAC,OAAO,CAAC,CAAC,GAAG,EAAE,EAAE;wBAC3B,MAAM,QAAQ,GAAG,SAAS,CAAC,GAAG,CAAC,CAAC;wBAChC,QAAQ,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,IAAI,CACxB,CAAC,OAAO,EAAE,EAAE;4BACV,MAAM,IAAI,GAAG,CAAC,mBAAmB,CAAC,OAAO,EAAE,EAAE,WAAW,KAAK,CAAC,CAAC,CAAC;wBAClE,CAAC,EACD,CAAC,EAAE,EAAE,EAAE;4BACL,OAAO,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;4BACjB,MAAM,IAAI,EAAE,WAAW,KAAK,CAAC,IAAI,GAAG,CAAC,mBAAmB,CAAC,EAAE,EAAE,IAAI,CAAC,CAAC;wBACrE,CAAC,CACF,CAAC;oBACJ,CAAC,CAAC,CAAC;oBAEH,OAAO,GAAG,EAAE;wBACV,MAAM,GAAG,KAAK,CAAC;wBACf,YAAY,CAAC,OAAO,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,CAAC,CAAC;wBACvD,GAAG,CAAC,mBAAmB,CAAC,EAAE,EAAE,IAAI,CAAC,CAAC;oBACpC,CAAC,CAAC;iBACH;qBAAM,IAAI,CAAC,KAAK,EAAE;oBACjB,iBAAiB,CAAC,OAAO,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,CAAC,CAAC;iBAC5D;aACF;YAED,OAAO,GAAG,EAAE,GAAE,CAAC,CAAC;QAClB,CAAC;QACD,kBAAkB,CAAC,GAAuB,EAAE,KAAa,EAAE,OAAgB;YACzE,GAAG,CAAC,QAAQ,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,iCACnB,KAAK,KACR,MAAM,EAAE;oBACN,KAAK;oBACL,OAAO,EAAE;wBACP,OAAO;wBACP,KAAK,EAAE,EAAE;qBACV;iBACF,IACD,CAAC,CAAC;QACN,CAAC;QACD,mBAAmB,CAAC,GAAuB,EAAE,KAAwB,EAAE,IAAa;YAClF,GAAG,CAAC,QAAQ,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,iCACnB,KAAK,KACR,MAAM,kCACD,KAAK,CAAC,MAAM,KACf,OAAO,EAAE;wBACP,OAAO,EAAE,CAAC,IAAI;wBACd,KAAK,EAAE,IAAA,wBAAW,EAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,KAAK,EAAE,KAAK,CAAC;qBACtD,OAEH,CAAC,CAAC;QACN,CAAC;QACD,oBAAoB,CAAC,GAAuB,EAAE,KAAwB,EAAE,IAAa;YACnF,GAAG,CAAC,QAAQ,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,iCACnB,KAAK,KACR,MAAM,kCACD,KAAK,CAAC,MAAM,KACf,OAAO,EAAE;wBACP,OAAO,EAAE,CAAC,IAAI;wBACd,KAAK,EAAE,IAAA,yBAAY,EAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,KAAK,EAAE,KAAK,CAAC;qBACvD,OAEH,CAAC,CAAC;QACN,CAAC;QACD,sBAAsB,CAAC,GAAuB,EAAE,IAAY,EAAE,KAAiC;YAC7F,GAAG,CAAC,QAAQ,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,iCACnB,KAAK,KACR,QAAQ,kCACH,KAAK,CAAC,QAAQ,KACjB,eAAe,EAAE,IAAA,oBAAO,EAAC,KAAK,CAAC,QAAQ,CAAC,eAAe,EAAE,IAAI,EAAE,KAAK,CAAC,OAEvE,CAAC,CAAC;QACN,CAAC;QACD,wBAAwB,CAAC,GAAuB,EAAE,IAAY;YAC5D,GAAG,CAAC,QAAQ,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,iCACnB,KAAK,KACR,QAAQ,kCACH,KAAK,CAAC,QAAQ,KACjB,eAAe,EAAE,IAAA,uBAAU,EAAC,KAAK,CAAC,QAAQ,CAAC,eAAe,EAAE,IAAI,CAAC,OAEnE,CAAC,CAAC;QACN,CAAC;KACF,CAAC;AACJ,CAAC;AApHD,sCAoHC"}
|
package/lib/components.js
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
exports.PiralSearchResult = exports.PiralSearchInput = exports.PiralSearchContainer = void 0;
|
|
4
|
-
|
|
5
|
-
exports.PiralSearchContainer = piral_core_1.getPiralComponent('SearchContainer');
|
|
6
|
-
exports.PiralSearchInput = piral_core_1.getPiralComponent('SearchInput');
|
|
7
|
-
exports.PiralSearchResult = piral_core_1.getPiralComponent('SearchResult');
|
|
4
|
+
const piral_core_1 = require("piral-core");
|
|
5
|
+
exports.PiralSearchContainer = (0, piral_core_1.getPiralComponent)('SearchContainer');
|
|
6
|
+
exports.PiralSearchInput = (0, piral_core_1.getPiralComponent)('SearchInput');
|
|
7
|
+
exports.PiralSearchResult = (0, piral_core_1.getPiralComponent)('SearchResult');
|
|
8
8
|
//# sourceMappingURL=components.js.map
|
package/lib/components.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"components.js","sourceRoot":"","sources":["../src/components.tsx"],"names":[],"mappings":";;;AACA,
|
|
1
|
+
{"version":3,"file":"components.js","sourceRoot":"","sources":["../src/components.tsx"],"names":[],"mappings":";;;AACA,2CAA+C;AAGlC,QAAA,oBAAoB,GAA8C,IAAA,8BAAiB,EAAC,iBAAiB,CAAC,CAAC;AACvG,QAAA,gBAAgB,GAA0C,IAAA,8BAAiB,EAAC,aAAa,CAAC,CAAC;AAC3F,QAAA,iBAAiB,GAA2C,IAAA,8BAAiB,EAAC,cAAc,CAAC,CAAC"}
|
package/lib/create.js
CHANGED
|
@@ -1,74 +1,69 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
exports.createSearchApi = void 0;
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
4
|
+
const tslib_1 = require("tslib");
|
|
5
|
+
const piral_base_1 = require("piral-base");
|
|
6
|
+
const react_1 = require("react");
|
|
7
|
+
const piral_core_1 = require("piral-core");
|
|
8
|
+
const actions_1 = require("./actions");
|
|
9
|
+
const default_1 = require("./default");
|
|
10
10
|
function noop() { }
|
|
11
|
-
function createSearchRegistration(pilet, search, settings) {
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
onlyImmediate: onlyImmediate, cancel: piral_base_1.isfunc(onCancel) ? onCancel : noop, clear: piral_base_1.isfunc(onClear) ? onClear : noop, search: search });
|
|
11
|
+
function createSearchRegistration(pilet, search, settings = {}) {
|
|
12
|
+
const { onlyImmediate = false, onCancel = noop, onClear = noop } = settings, rest = (0, tslib_1.__rest)(settings, ["onlyImmediate", "onCancel", "onClear"]);
|
|
13
|
+
return Object.assign(Object.assign({}, rest), { pilet,
|
|
14
|
+
onlyImmediate, cancel: (0, piral_base_1.isfunc)(onCancel) ? onCancel : noop, clear: (0, piral_base_1.isfunc)(onClear) ? onClear : noop, search });
|
|
16
15
|
}
|
|
17
16
|
function getSearchProviders(providers) {
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
for (
|
|
21
|
-
|
|
22
|
-
searchProviders["global-" + i++] = createSearchRegistration(undefined, search, settings);
|
|
17
|
+
const searchProviders = {};
|
|
18
|
+
let i = 0;
|
|
19
|
+
for (const { search, settings } of providers) {
|
|
20
|
+
searchProviders[`global-${i++}`] = createSearchRegistration(undefined, search, settings);
|
|
23
21
|
}
|
|
24
22
|
return searchProviders;
|
|
25
23
|
}
|
|
26
24
|
function toChild(content, api, context) {
|
|
27
|
-
if (typeof content === 'string' || react_1.isValidElement(content)) {
|
|
25
|
+
if (typeof content === 'string' || (0, react_1.isValidElement)(content)) {
|
|
28
26
|
return content;
|
|
29
27
|
}
|
|
30
28
|
else {
|
|
31
|
-
|
|
32
|
-
return react_1.createElement(component);
|
|
29
|
+
const component = (0, piral_core_1.withApi)(context, content, api, 'extension');
|
|
30
|
+
return (0, react_1.createElement)(component);
|
|
33
31
|
}
|
|
34
32
|
}
|
|
35
33
|
function wrapResults(result, api, context) {
|
|
36
|
-
|
|
37
|
-
return results.map(
|
|
34
|
+
const results = Array.isArray(result) ? result : [result];
|
|
35
|
+
return results.map((item) => toChild(item, api, context));
|
|
38
36
|
}
|
|
39
37
|
/**
|
|
40
38
|
* Creates new Pilet API extensions for search and filtering.
|
|
41
39
|
*/
|
|
42
|
-
function createSearchApi(config) {
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
context.
|
|
47
|
-
context.dispatch(function (state) { return (tslib_1.__assign(tslib_1.__assign({}, state), { components: tslib_1.__assign({ SearchContainer: default_1.DefaultContainer, SearchInput: default_1.DefaultInput, SearchResult: default_1.DefaultResult }, state.components), registry: tslib_1.__assign(tslib_1.__assign({}, state.registry), { searchProviders: getSearchProviders(providers) }), search: {
|
|
40
|
+
function createSearchApi(config = {}) {
|
|
41
|
+
const { providers = [], results = [], query = '' } = config, actionConfig = (0, tslib_1.__rest)(config, ["providers", "results", "query"]);
|
|
42
|
+
return (context) => {
|
|
43
|
+
context.defineActions((0, actions_1.createActions)(actionConfig));
|
|
44
|
+
context.dispatch((state) => (Object.assign(Object.assign({}, state), { components: Object.assign({ SearchContainer: default_1.DefaultContainer, SearchInput: default_1.DefaultInput, SearchResult: default_1.DefaultResult }, state.components), registry: Object.assign(Object.assign({}, state.registry), { searchProviders: getSearchProviders(providers) }), search: {
|
|
48
45
|
input: query,
|
|
49
46
|
results: {
|
|
50
47
|
loading: false,
|
|
51
48
|
items: results,
|
|
52
49
|
},
|
|
53
|
-
} }))
|
|
54
|
-
return
|
|
55
|
-
|
|
56
|
-
|
|
50
|
+
} })));
|
|
51
|
+
return (api, target) => {
|
|
52
|
+
const pilet = target.name;
|
|
53
|
+
let next = 0;
|
|
57
54
|
return {
|
|
58
|
-
registerSearchProvider
|
|
55
|
+
registerSearchProvider(name, provider, settings) {
|
|
59
56
|
if (typeof name !== 'string') {
|
|
60
57
|
settings = provider;
|
|
61
58
|
provider = name;
|
|
62
59
|
name = next++;
|
|
63
60
|
}
|
|
64
|
-
|
|
65
|
-
context.registerSearchProvider(id, createSearchRegistration(pilet,
|
|
66
|
-
|
|
67
|
-
}, settings));
|
|
68
|
-
return function () { return api.unregisterSearchProvider(name); };
|
|
61
|
+
const id = (0, piral_core_1.buildName)(pilet, name);
|
|
62
|
+
context.registerSearchProvider(id, createSearchRegistration(pilet, (q) => Promise.resolve(provider(q, api)).then((results) => wrapResults(results, api, context), () => []), settings));
|
|
63
|
+
return () => api.unregisterSearchProvider(name);
|
|
69
64
|
},
|
|
70
|
-
unregisterSearchProvider
|
|
71
|
-
|
|
65
|
+
unregisterSearchProvider(name) {
|
|
66
|
+
const id = (0, piral_core_1.buildName)(pilet, name);
|
|
72
67
|
context.unregisterSearchProvider(id);
|
|
73
68
|
},
|
|
74
69
|
};
|
package/lib/create.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"create.js","sourceRoot":"","sources":["../src/create.ts"],"names":[],"mappings":";;;;AAAA,
|
|
1
|
+
{"version":3,"file":"create.js","sourceRoot":"","sources":["../src/create.ts"],"names":[],"mappings":"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"}
|
package/lib/default.js
CHANGED
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
exports.DefaultInput = exports.DefaultResult = exports.DefaultContainer = void 0;
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
4
|
+
const React = require("react");
|
|
5
|
+
const piral_core_1 = require("piral-core");
|
|
6
|
+
const DefaultContainer = (props) => (0, piral_core_1.defaultRender)(props.children);
|
|
7
7
|
exports.DefaultContainer = DefaultContainer;
|
|
8
|
-
|
|
8
|
+
const DefaultResult = (props) => (0, piral_core_1.defaultRender)(props.children);
|
|
9
9
|
exports.DefaultResult = DefaultResult;
|
|
10
|
-
|
|
10
|
+
const DefaultInput = (props) => (React.createElement("input", { onChange: (e) => props.setValue(e.target.value), value: props.value }));
|
|
11
11
|
exports.DefaultInput = DefaultInput;
|
|
12
12
|
//# sourceMappingURL=default.js.map
|
package/lib/default.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"default.js","sourceRoot":"","sources":["../src/default.tsx"],"names":[],"mappings":";;;AAAA
|
|
1
|
+
{"version":3,"file":"default.js","sourceRoot":"","sources":["../src/default.tsx"],"names":[],"mappings":";;;AAAA,+BAA+B;AAC/B,2CAA2C;AAGpC,MAAM,gBAAgB,GAAmC,CAAC,KAAK,EAAE,EAAE,CAAC,IAAA,0BAAa,EAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;AAA5F,QAAA,gBAAgB,oBAA4E;AAClG,MAAM,aAAa,GAAgC,CAAC,KAAK,EAAE,EAAE,CAAC,IAAA,0BAAa,EAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;AAAtF,QAAA,aAAa,iBAAyE;AAC5F,MAAM,YAAY,GAA+B,CAAC,KAAK,EAAE,EAAE,CAAC,CACjE,+BAAO,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK,GAAI,CAC/E,CAAC;AAFW,QAAA,YAAY,gBAEvB"}
|
package/lib/index.js
CHANGED
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
|
|
4
|
-
tslib_1.__exportStar(require("./create"), exports);
|
|
5
|
-
tslib_1.__exportStar(require("./components"), exports);
|
|
6
|
-
tslib_1.__exportStar(require("./SearchInput"), exports);
|
|
7
|
-
tslib_1.__exportStar(require("./Search"), exports);
|
|
8
|
-
tslib_1.__exportStar(require("./types"), exports);
|
|
9
|
-
tslib_1.__exportStar(require("./useSearch"), exports);
|
|
3
|
+
const tslib_1 = require("tslib");
|
|
4
|
+
(0, tslib_1.__exportStar)(require("./create"), exports);
|
|
5
|
+
(0, tslib_1.__exportStar)(require("./components"), exports);
|
|
6
|
+
(0, tslib_1.__exportStar)(require("./SearchInput"), exports);
|
|
7
|
+
(0, tslib_1.__exportStar)(require("./Search"), exports);
|
|
8
|
+
(0, tslib_1.__exportStar)(require("./types"), exports);
|
|
9
|
+
(0, tslib_1.__exportStar)(require("./useSearch"), exports);
|
|
10
10
|
//# sourceMappingURL=index.js.map
|
package/lib/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";;;AAAA,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";;;AAAA,wDAAyB;AACzB,4DAA6B;AAC7B,6DAA8B;AAC9B,wDAAyB;AACzB,uDAAwB;AACxB,2DAA4B"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Hook that returns the debounced (i.e., delayed) value.
|
|
3
|
+
* Useful when user input should not fire immediately, but rather
|
|
4
|
+
* only after a certain timespan without any changes passed.
|
|
5
|
+
* @param value The value to consider.
|
|
6
|
+
* @param delay The timespan to pass before applying the value.
|
|
7
|
+
*/
|
|
8
|
+
export declare function useDebounce<T>(value: T, delay?: number): T;
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.useDebounce = void 0;
|
|
4
|
+
const react_1 = require("react");
|
|
5
|
+
/**
|
|
6
|
+
* Hook that returns the debounced (i.e., delayed) value.
|
|
7
|
+
* Useful when user input should not fire immediately, but rather
|
|
8
|
+
* only after a certain timespan without any changes passed.
|
|
9
|
+
* @param value The value to consider.
|
|
10
|
+
* @param delay The timespan to pass before applying the value.
|
|
11
|
+
*/
|
|
12
|
+
function useDebounce(value, delay = 300) {
|
|
13
|
+
const [debouncedValue, setDebouncedValue] = (0, react_1.useState)(value);
|
|
14
|
+
(0, react_1.useEffect)(() => {
|
|
15
|
+
const handler = setTimeout(() => setDebouncedValue(value), delay);
|
|
16
|
+
return () => clearTimeout(handler);
|
|
17
|
+
}, [value, delay]);
|
|
18
|
+
return debouncedValue;
|
|
19
|
+
}
|
|
20
|
+
exports.useDebounce = useDebounce;
|
|
21
|
+
//# sourceMappingURL=useDebounce.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useDebounce.js","sourceRoot":"","sources":["../src/useDebounce.ts"],"names":[],"mappings":";;;AAAA,iCAA4C;AAE5C;;;;;;GAMG;AACH,SAAgB,WAAW,CAAI,KAAQ,EAAE,KAAK,GAAG,GAAG;IAClD,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IAE5D,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,MAAM,OAAO,GAAG,UAAU,CAAC,GAAG,EAAE,CAAC,iBAAiB,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC,CAAC;QAClE,OAAO,GAAG,EAAE,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC;IACrC,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC;IAEnB,OAAO,cAAc,CAAC;AACxB,CAAC;AATD,kCASC"}
|
package/lib/useSearch.js
CHANGED
|
@@ -1,8 +1,9 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
exports.useSearch = void 0;
|
|
4
|
-
|
|
5
|
-
|
|
4
|
+
const react_1 = require("react");
|
|
5
|
+
const piral_core_1 = require("piral-core");
|
|
6
|
+
const useDebounce_1 = require("./useDebounce");
|
|
6
7
|
/**
|
|
7
8
|
* Hook that yields the possibility of searching in Piral.
|
|
8
9
|
* Returns the current (live, i.e., non-debounced) input value
|
|
@@ -14,11 +15,11 @@ var piral_core_1 = require("piral-core");
|
|
|
14
15
|
* @param delay The delay [ms] to be used for the debounce.
|
|
15
16
|
*/
|
|
16
17
|
function useSearch(delay) {
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
react_1.useEffect(
|
|
18
|
+
const { setSearchInput, triggerSearch } = (0, piral_core_1.useActions)();
|
|
19
|
+
const searchInput = (0, piral_core_1.useGlobalState)((m) => m.search.input);
|
|
20
|
+
const query = (0, useDebounce_1.useDebounce)(searchInput, delay);
|
|
21
|
+
const cancel = (0, react_1.useRef)(undefined);
|
|
22
|
+
(0, react_1.useEffect)(() => {
|
|
22
23
|
cancel.current && cancel.current();
|
|
23
24
|
cancel.current = triggerSearch(query, false);
|
|
24
25
|
}, [query]);
|
package/lib/useSearch.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useSearch.js","sourceRoot":"","sources":["../src/useSearch.ts"],"names":[],"mappings":";;;AAAA
|
|
1
|
+
{"version":3,"file":"useSearch.js","sourceRoot":"","sources":["../src/useSearch.ts"],"names":[],"mappings":";;;AAAA,iCAA0C;AAC1C,2CAAoE;AACpE,+CAA4C;AAE5C;;;;;;;;;GASG;AACH,SAAgB,SAAS,CAAC,KAAc;IACtC,MAAM,EAAE,cAAc,EAAE,aAAa,EAAE,GAAG,IAAA,uBAAU,GAAE,CAAC;IACvD,MAAM,WAAW,GAAG,IAAA,2BAAc,EAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;IAC1D,MAAM,KAAK,GAAG,IAAA,yBAAW,EAAC,WAAW,EAAE,KAAK,CAAC,CAAC;IAC9C,MAAM,MAAM,GAAG,IAAA,cAAM,EAAa,SAAS,CAAC,CAAC;IAE7C,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,MAAM,CAAC,OAAO,IAAI,MAAM,CAAC,OAAO,EAAE,CAAC;QACnC,MAAM,CAAC,OAAO,GAAG,aAAa,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC;IAC/C,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,OAAO,CAAC,WAAW,EAAE,cAAc,CAAC,CAAC;AACvC,CAAC;AAZD,8BAYC"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "piral-search",
|
|
3
|
-
"version": "0.14.0-pre.
|
|
3
|
+
"version": "0.14.0-pre.3079",
|
|
4
4
|
"description": "Plugin for centralizing search in Piral.",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"piral",
|
|
@@ -41,10 +41,10 @@
|
|
|
41
41
|
"test": "echo \"Error: run tests from root\" && exit 1"
|
|
42
42
|
},
|
|
43
43
|
"devDependencies": {
|
|
44
|
-
"piral-core": "^0.14.0-pre.
|
|
44
|
+
"piral-core": "^0.14.0-pre.3079"
|
|
45
45
|
},
|
|
46
46
|
"peerDependencies": {
|
|
47
|
-
"piral-core": "0.
|
|
47
|
+
"piral-core": "0.14.x"
|
|
48
48
|
},
|
|
49
|
-
"gitHead": "
|
|
49
|
+
"gitHead": "d9d31abfd290494a188209094b5fe54b86aedf5a"
|
|
50
50
|
}
|
|
@@ -0,0 +1,67 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { useDebounce } from './useDebounce';
|
|
3
|
+
|
|
4
|
+
jest.mock('react');
|
|
5
|
+
|
|
6
|
+
describe('Debounce Hook Module', () => {
|
|
7
|
+
it('just returns initial value if nothing has been changed', () => {
|
|
8
|
+
const usedEffect = jest.fn();
|
|
9
|
+
const usedState = jest.fn((value) => [value]);
|
|
10
|
+
(React as any).useState = usedState;
|
|
11
|
+
(React as any).useEffect = usedEffect;
|
|
12
|
+
const result = useDebounce('foo');
|
|
13
|
+
expect(usedEffect).toHaveBeenCalled();
|
|
14
|
+
expect(usedState).toHaveBeenCalled();
|
|
15
|
+
expect(result).toBe('foo');
|
|
16
|
+
});
|
|
17
|
+
|
|
18
|
+
it('invokes useEffect immediately, but does not set value immediately', () => {
|
|
19
|
+
const usedEffect = jest.fn((fn) => fn());
|
|
20
|
+
const setValue = jest.fn();
|
|
21
|
+
const usedState = jest.fn((value) => [value, setValue]);
|
|
22
|
+
(React as any).useState = usedState;
|
|
23
|
+
(React as any).useEffect = usedEffect;
|
|
24
|
+
useDebounce('foo');
|
|
25
|
+
expect(setValue).not.toHaveBeenCalled();
|
|
26
|
+
});
|
|
27
|
+
|
|
28
|
+
it('invokes useEffect immediately, but sets value immediately if 0', () => {
|
|
29
|
+
jest.useFakeTimers();
|
|
30
|
+
const usedEffect = jest.fn((fn) => fn());
|
|
31
|
+
const setValue = jest.fn();
|
|
32
|
+
const usedState = jest.fn((value) => [value, setValue]);
|
|
33
|
+
(React as any).useState = usedState;
|
|
34
|
+
(React as any).useEffect = usedEffect;
|
|
35
|
+
useDebounce('foo', 0);
|
|
36
|
+
jest.advanceTimersByTime(0);
|
|
37
|
+
expect(setValue).toHaveBeenCalled();
|
|
38
|
+
});
|
|
39
|
+
|
|
40
|
+
it('invokes useEffect immediately, but sets value after wait time', () => {
|
|
41
|
+
jest.useFakeTimers();
|
|
42
|
+
const usedEffect = jest.fn((fn) => fn());
|
|
43
|
+
const setValue = jest.fn();
|
|
44
|
+
const usedState = jest.fn((value) => [value, setValue]);
|
|
45
|
+
(React as any).useState = usedState;
|
|
46
|
+
(React as any).useEffect = usedEffect;
|
|
47
|
+
expect(setValue).not.toHaveBeenCalled();
|
|
48
|
+
useDebounce('foo', 300);
|
|
49
|
+
jest.advanceTimersByTime(300);
|
|
50
|
+
expect(setValue).toHaveBeenCalled();
|
|
51
|
+
});
|
|
52
|
+
|
|
53
|
+
it('invokes useEffect immediately and resets timer if needed', () => {
|
|
54
|
+
jest.useFakeTimers();
|
|
55
|
+
const usedEffect = jest.fn((fn) => fn());
|
|
56
|
+
const setValue = jest.fn();
|
|
57
|
+
const usedState = jest.fn((value) => [value, setValue]);
|
|
58
|
+
(React as any).useState = usedState;
|
|
59
|
+
(React as any).useEffect = usedEffect;
|
|
60
|
+
expect(setValue).not.toHaveBeenCalled();
|
|
61
|
+
useDebounce('foo', 300);
|
|
62
|
+
jest.advanceTimersByTime(250);
|
|
63
|
+
usedEffect.mock.results[0].value();
|
|
64
|
+
jest.advanceTimersByTime(50);
|
|
65
|
+
expect(setValue).not.toHaveBeenCalled();
|
|
66
|
+
});
|
|
67
|
+
});
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import { useState, useEffect } from 'react';
|
|
2
|
+
|
|
3
|
+
/**
|
|
4
|
+
* Hook that returns the debounced (i.e., delayed) value.
|
|
5
|
+
* Useful when user input should not fire immediately, but rather
|
|
6
|
+
* only after a certain timespan without any changes passed.
|
|
7
|
+
* @param value The value to consider.
|
|
8
|
+
* @param delay The timespan to pass before applying the value.
|
|
9
|
+
*/
|
|
10
|
+
export function useDebounce<T>(value: T, delay = 300) {
|
|
11
|
+
const [debouncedValue, setDebouncedValue] = useState(value);
|
|
12
|
+
|
|
13
|
+
useEffect(() => {
|
|
14
|
+
const handler = setTimeout(() => setDebouncedValue(value), delay);
|
|
15
|
+
return () => clearTimeout(handler);
|
|
16
|
+
}, [value, delay]);
|
|
17
|
+
|
|
18
|
+
return debouncedValue;
|
|
19
|
+
}
|
package/src/useSearch.test.ts
CHANGED
|
@@ -21,10 +21,13 @@ const useDebounce = jest.fn((value) => value);
|
|
|
21
21
|
jest.mock('piral-core', () => ({
|
|
22
22
|
...jest.requireActual('piral-core'),
|
|
23
23
|
useGlobalState,
|
|
24
|
-
useDebounce,
|
|
25
24
|
useActions,
|
|
26
25
|
}));
|
|
27
26
|
|
|
27
|
+
jest.mock('./useDebounce.ts', () => ({
|
|
28
|
+
useDebounce,
|
|
29
|
+
}));
|
|
30
|
+
|
|
28
31
|
describe('Search Hook Module', () => {
|
|
29
32
|
it('just returns current input value', () => {
|
|
30
33
|
const { useSearch } = require('./useSearch');
|
package/src/useSearch.ts
CHANGED
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { useEffect, useRef } from 'react';
|
|
2
|
-
import { useGlobalState,
|
|
2
|
+
import { useGlobalState, useActions, Disposable } from 'piral-core';
|
|
3
|
+
import { useDebounce } from './useDebounce';
|
|
3
4
|
|
|
4
5
|
/**
|
|
5
6
|
* Hook that yields the possibility of searching in Piral.
|