@webiny/app 0.0.0-mt-2 → 0.0.0-unstable.1e66d121db
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/apollo-client/InMemoryCache.d.ts +1 -1
- package/apollo-client/InMemoryCache.js +49 -29
- package/apollo-client/InMemoryCache.js.map +1 -0
- package/components/Image.js +26 -11
- package/components/Image.js.map +1 -0
- package/components/Routes.js +24 -10
- package/components/Routes.js.map +1 -0
- package/components/View.js +27 -9
- package/components/View.js.map +1 -0
- package/components/index.d.ts +1 -0
- package/components/index.js +21 -1
- package/components/index.js.map +1 -0
- package/config.d.ts +8 -0
- package/config.js +33 -0
- package/config.js.map +1 -0
- package/contexts/Ui/index.d.ts +5 -4
- package/contexts/Ui/index.js +55 -32
- package/contexts/Ui/index.js.map +1 -0
- package/hooks/useAutocomplete/index.js +13 -1
- package/hooks/useAutocomplete/index.js.map +1 -0
- package/hooks/useAutocomplete/useAutocomplete.d.ts +6 -1
- package/hooks/useAutocomplete/useAutocomplete.js +22 -11
- package/hooks/useAutocomplete/useAutocomplete.js.map +1 -0
- package/hooks/useDataList/functions/getData.d.ts +1 -1
- package/hooks/useDataList/functions/getData.js +16 -4
- package/hooks/useDataList/functions/getData.js.map +1 -0
- package/hooks/useDataList/functions/getError.d.ts +1 -1
- package/hooks/useDataList/functions/getError.js +16 -4
- package/hooks/useDataList/functions/getError.js.map +1 -0
- package/hooks/useDataList/functions/getMeta.d.ts +1 -1
- package/hooks/useDataList/functions/getMeta.js +16 -4
- package/hooks/useDataList/functions/getMeta.js.map +1 -0
- package/hooks/useDataList/functions/index.js +31 -3
- package/hooks/useDataList/functions/index.js.map +1 -0
- package/hooks/useDataList/functions/searchDataByKey.d.ts +1 -1
- package/hooks/useDataList/functions/searchDataByKey.js +9 -1
- package/hooks/useDataList/functions/searchDataByKey.js.map +1 -0
- package/hooks/useDataList/index.js +13 -1
- package/hooks/useDataList/index.js.map +1 -0
- package/hooks/useDataList/useDataList.d.ts +4 -4
- package/hooks/useDataList/useDataList.js +54 -39
- package/hooks/useDataList/useDataList.js.map +1 -0
- package/hooks/useDataList/utils/index.js +23 -2
- package/hooks/useDataList/utils/index.js.map +1 -0
- package/hooks/useDataList/utils/prepareLoadListParams.d.ts +10 -3
- package/hooks/useDataList/utils/prepareLoadListParams.js +23 -9
- package/hooks/useDataList/utils/prepareLoadListParams.js.map +1 -0
- package/hooks/useDataList/utils/redirectToRouteWithQueryParams.d.ts +13 -4
- package/hooks/useDataList/utils/redirectToRouteWithQueryParams.js +13 -4
- package/hooks/useDataList/utils/redirectToRouteWithQueryParams.js.map +1 -0
- package/hooks/useDataList/utils/types.js +5 -1
- package/hooks/useDataList/utils/types.js.map +1 -0
- package/hooks/useHandler.d.ts +11 -1
- package/hooks/useHandler.js +13 -5
- package/hooks/useHandler.js.map +1 -0
- package/hooks/useHandlers.d.ts +1 -1
- package/hooks/useHandlers.js +16 -5
- package/hooks/useHandlers.js.map +1 -0
- package/hooks/useUi.js +16 -5
- package/hooks/useUi.js.map +1 -0
- package/i18n/i18n.js +21 -5
- package/i18n/i18n.js.map +1 -0
- package/i18n/index.js +15 -1
- package/i18n/index.js.map +1 -0
- package/index.d.ts +4 -0
- package/index.js +37 -0
- package/index.js.map +1 -0
- package/package.json +28 -23
- package/plugins/AddQuerySelectionPlugin.d.ts +1 -1
- package/plugins/AddQuerySelectionPlugin.js +60 -29
- package/plugins/AddQuerySelectionPlugin.js.map +1 -0
- package/plugins/ApolloCacheObjectIdPlugin.d.ts +8 -8
- package/plugins/ApolloCacheObjectIdPlugin.js +33 -20
- package/plugins/ApolloCacheObjectIdPlugin.js.map +1 -0
- package/plugins/ApolloDynamicLink.d.ts +3 -2
- package/plugins/ApolloDynamicLink.js +41 -20
- package/plugins/ApolloDynamicLink.js.map +1 -0
- package/plugins/ApolloLinkPlugin.d.ts +5 -5
- package/plugins/ApolloLinkPlugin.js +43 -23
- package/plugins/ApolloLinkPlugin.js.map +1 -0
- package/plugins/ConsoleLinkPlugin.js +35 -19
- package/plugins/ConsoleLinkPlugin.js.map +1 -0
- package/plugins/LocaleHeaderLinkPlugin.d.ts +3 -2
- package/plugins/LocaleHeaderLinkPlugin.js +37 -21
- package/plugins/LocaleHeaderLinkPlugin.js.map +1 -0
- package/plugins/NetworkErrorLinkPlugin/ErrorOverlay.d.ts +13 -5
- package/plugins/NetworkErrorLinkPlugin/ErrorOverlay.js +56 -35
- package/plugins/NetworkErrorLinkPlugin/ErrorOverlay.js.map +1 -0
- package/plugins/NetworkErrorLinkPlugin/StyledComponents.d.ts +4 -2
- package/plugins/NetworkErrorLinkPlugin/StyledComponents.js +16 -4
- package/plugins/NetworkErrorLinkPlugin/StyledComponents.js.map +1 -0
- package/plugins/NetworkErrorLinkPlugin/createErrorOverlay.d.ts +6 -4
- package/plugins/NetworkErrorLinkPlugin/createErrorOverlay.js +20 -9
- package/plugins/NetworkErrorLinkPlugin/createErrorOverlay.js.map +1 -0
- package/plugins/NetworkErrorLinkPlugin.js +42 -22
- package/plugins/NetworkErrorLinkPlugin.js.map +1 -0
- package/plugins/OmitTypenameLinkPlugin.js +29 -15
- package/plugins/OmitTypenameLinkPlugin.js.map +1 -0
- package/plugins/RoutePlugin.d.ts +2 -2
- package/plugins/RoutePlugin.js +37 -20
- package/plugins/RoutePlugin.js.map +1 -0
- package/plugins/TenantHeaderLinkPlugin.d.ts +3 -2
- package/plugins/TenantHeaderLinkPlugin.js +37 -23
- package/plugins/TenantHeaderLinkPlugin.js.map +1 -0
- package/plugins/ViewPlugin.d.ts +4 -4
- package/plugins/ViewPlugin.js +37 -20
- package/plugins/ViewPlugin.js.map +1 -0
- package/plugins/image.js +43 -24
- package/plugins/image.js.map +1 -0
- package/plugins/index.js +51 -14
- package/plugins/index.js.map +1 -0
- package/types.d.ts +21 -13
- package/types.js +13 -2
- package/types.js.map +1 -0
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
declare const _default: (response:
|
|
1
|
+
declare const _default: (response: Record<string, string>) => string | null;
|
|
2
2
|
export default _default;
|
|
@@ -1,4 +1,16 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
|
|
4
|
+
|
|
5
|
+
Object.defineProperty(exports, "__esModule", {
|
|
6
|
+
value: true
|
|
7
|
+
});
|
|
8
|
+
exports.default = void 0;
|
|
9
|
+
|
|
10
|
+
var _searchDataByKey = _interopRequireDefault(require("./searchDataByKey"));
|
|
11
|
+
|
|
12
|
+
var _default = function _default(response) {
|
|
13
|
+
return (0, _searchDataByKey.default)("error", response);
|
|
14
|
+
};
|
|
15
|
+
|
|
16
|
+
exports.default = _default;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["response","searchDataByKey"],"sources":["getError.ts"],"sourcesContent":["import searchDataByKey from \"./searchDataByKey\";\n\nexport default (response: Record<string, string>) => searchDataByKey(\"error\", response);\n"],"mappings":";;;;;;;;;AAAA;;eAEe,kBAACA,QAAD;EAAA,OAAsC,IAAAC,wBAAA,EAAgB,OAAhB,EAAyBD,QAAzB,CAAtC;AAAA,C"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
declare const _default: (response:
|
|
1
|
+
declare const _default: (response: Record<string, string>) => string | null;
|
|
2
2
|
export default _default;
|
|
@@ -1,4 +1,16 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
|
|
4
|
+
|
|
5
|
+
Object.defineProperty(exports, "__esModule", {
|
|
6
|
+
value: true
|
|
7
|
+
});
|
|
8
|
+
exports.default = void 0;
|
|
9
|
+
|
|
10
|
+
var _searchDataByKey = _interopRequireDefault(require("./searchDataByKey"));
|
|
11
|
+
|
|
12
|
+
var _default = function _default(response) {
|
|
13
|
+
return (0, _searchDataByKey.default)("meta", response);
|
|
14
|
+
};
|
|
15
|
+
|
|
16
|
+
exports.default = _default;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["response","searchDataByKey"],"sources":["getMeta.ts"],"sourcesContent":["import searchDataByKey from \"./searchDataByKey\";\n\nexport default (response: Record<string, string>) => searchDataByKey(\"meta\", response);\n"],"mappings":";;;;;;;;;AAAA;;eAEe,kBAACA,QAAD;EAAA,OAAsC,IAAAC,wBAAA,EAAgB,MAAhB,EAAwBD,QAAxB,CAAtC;AAAA,C"}
|
|
@@ -1,3 +1,31 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
|
|
4
|
+
|
|
5
|
+
Object.defineProperty(exports, "__esModule", {
|
|
6
|
+
value: true
|
|
7
|
+
});
|
|
8
|
+
Object.defineProperty(exports, "getData", {
|
|
9
|
+
enumerable: true,
|
|
10
|
+
get: function get() {
|
|
11
|
+
return _getData.default;
|
|
12
|
+
}
|
|
13
|
+
});
|
|
14
|
+
Object.defineProperty(exports, "getError", {
|
|
15
|
+
enumerable: true,
|
|
16
|
+
get: function get() {
|
|
17
|
+
return _getError.default;
|
|
18
|
+
}
|
|
19
|
+
});
|
|
20
|
+
Object.defineProperty(exports, "getMeta", {
|
|
21
|
+
enumerable: true,
|
|
22
|
+
get: function get() {
|
|
23
|
+
return _getMeta.default;
|
|
24
|
+
}
|
|
25
|
+
});
|
|
26
|
+
|
|
27
|
+
var _getData = _interopRequireDefault(require("./getData"));
|
|
28
|
+
|
|
29
|
+
var _getError = _interopRequireDefault(require("./getError"));
|
|
30
|
+
|
|
31
|
+
var _getMeta = _interopRequireDefault(require("./getMeta"));
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export { default as getData } from \"./getData\";\nexport { default as getError } from \"./getError\";\nexport { default as getMeta } from \"./getMeta\";\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
declare const searchDataByKey: (searchKey:
|
|
1
|
+
declare const searchDataByKey: (searchKey: string, object: Record<string, any>) => string | null;
|
|
2
2
|
export default searchDataByKey;
|
|
@@ -1,3 +1,10 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.default = void 0;
|
|
7
|
+
|
|
1
8
|
var searchDataByKey = function searchDataByKey(searchKey, object) {
|
|
2
9
|
if (!object || typeof object !== "object") {
|
|
3
10
|
return null;
|
|
@@ -18,4 +25,5 @@ var searchDataByKey = function searchDataByKey(searchKey, object) {
|
|
|
18
25
|
return null;
|
|
19
26
|
};
|
|
20
27
|
|
|
21
|
-
|
|
28
|
+
var _default = searchDataByKey;
|
|
29
|
+
exports.default = _default;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["searchDataByKey","searchKey","object","key","value"],"sources":["searchDataByKey.ts"],"sourcesContent":["const searchDataByKey = (searchKey: string, object: Record<string, any>): string | null => {\n if (!object || typeof object !== \"object\") {\n return null;\n }\n\n if (object[searchKey]) {\n return object[searchKey];\n }\n\n for (const key in object) {\n const value = searchDataByKey(searchKey, object[key]);\n if (value) {\n return value;\n }\n }\n\n return null;\n};\n\nexport default searchDataByKey;\n"],"mappings":";;;;;;;AAAA,IAAMA,eAAe,GAAG,SAAlBA,eAAkB,CAACC,SAAD,EAAoBC,MAApB,EAAmE;EACvF,IAAI,CAACA,MAAD,IAAW,OAAOA,MAAP,KAAkB,QAAjC,EAA2C;IACvC,OAAO,IAAP;EACH;;EAED,IAAIA,MAAM,CAACD,SAAD,CAAV,EAAuB;IACnB,OAAOC,MAAM,CAACD,SAAD,CAAb;EACH;;EAED,KAAK,IAAME,GAAX,IAAkBD,MAAlB,EAA0B;IACtB,IAAME,KAAK,GAAGJ,eAAe,CAACC,SAAD,EAAYC,MAAM,CAACC,GAAD,CAAlB,CAA7B;;IACA,IAAIC,KAAJ,EAAW;MACP,OAAOA,KAAP;IACH;EACJ;;EAED,OAAO,IAAP;AACH,CAjBD;;eAmBeJ,e"}
|
|
@@ -1 +1,13 @@
|
|
|
1
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
Object.defineProperty(exports, "useDataList", {
|
|
7
|
+
enumerable: true,
|
|
8
|
+
get: function get() {
|
|
9
|
+
return _useDataList.useDataList;
|
|
10
|
+
}
|
|
11
|
+
});
|
|
12
|
+
|
|
13
|
+
var _useDataList = require("./useDataList");
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export { useDataList } from \"./useDataList\";\n"],"mappings":";;;;;;;;;;;;AAAA"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { DocumentNode } from "graphql";
|
|
2
2
|
import { ApolloClient } from "apollo-client";
|
|
3
|
-
export
|
|
3
|
+
export interface UseDataListParams {
|
|
4
4
|
useRouter?: boolean;
|
|
5
5
|
variables?: ((params: UseDataListParams) => any) | object;
|
|
6
6
|
client?: ApolloClient<any>;
|
|
@@ -8,8 +8,8 @@ export declare type UseDataListParams = {
|
|
|
8
8
|
getData?: (data: any) => any;
|
|
9
9
|
getMeta?: (data: any) => any;
|
|
10
10
|
getError?: (data: any) => any;
|
|
11
|
-
}
|
|
12
|
-
export
|
|
11
|
+
}
|
|
12
|
+
export interface DataListProps {
|
|
13
13
|
__loadParams: any;
|
|
14
14
|
refresh: (params?: any) => void;
|
|
15
15
|
data: any[];
|
|
@@ -31,6 +31,6 @@ export declare type DataListProps = {
|
|
|
31
31
|
setNextPage: (cursor: string) => void;
|
|
32
32
|
multiSelect: (items: string | string[], value?: boolean) => void;
|
|
33
33
|
init: () => void;
|
|
34
|
-
}
|
|
34
|
+
}
|
|
35
35
|
declare const useDataList: (params: UseDataListParams) => DataListProps;
|
|
36
36
|
export { useDataList };
|
|
@@ -1,30 +1,52 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
|
|
4
|
+
|
|
5
|
+
Object.defineProperty(exports, "__esModule", {
|
|
6
|
+
value: true
|
|
7
|
+
});
|
|
8
|
+
exports.useDataList = void 0;
|
|
9
|
+
|
|
10
|
+
var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
|
|
11
|
+
|
|
12
|
+
var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
|
|
13
|
+
|
|
14
|
+
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
|
|
15
|
+
|
|
16
|
+
var _isEqual2 = _interopRequireDefault(require("lodash/isEqual"));
|
|
17
|
+
|
|
18
|
+
var _get2 = _interopRequireDefault(require("lodash/get"));
|
|
19
|
+
|
|
20
|
+
var _react = require("react");
|
|
21
|
+
|
|
22
|
+
var _reactHooks = require("@apollo/react-hooks");
|
|
23
|
+
|
|
24
|
+
var _reactRouter = require("@webiny/react-router");
|
|
25
|
+
|
|
26
|
+
var _utils = require("./utils");
|
|
27
|
+
|
|
28
|
+
var _functions = require("./functions");
|
|
11
29
|
|
|
12
30
|
var useDataList = function useDataList(params) {
|
|
13
|
-
var _useState = useState([]),
|
|
14
|
-
_useState2 =
|
|
31
|
+
var _useState = (0, _react.useState)([]),
|
|
32
|
+
_useState2 = (0, _slicedToArray2.default)(_useState, 2),
|
|
15
33
|
multiSelectedItems = _useState2[0],
|
|
16
34
|
_multiSelect = _useState2[1];
|
|
17
35
|
|
|
18
36
|
var history = null;
|
|
37
|
+
/**
|
|
38
|
+
* TODO: figure out the location type.
|
|
39
|
+
*/
|
|
40
|
+
|
|
19
41
|
var location = null;
|
|
20
|
-
var routerHook = useRouter();
|
|
42
|
+
var routerHook = (0, _reactRouter.useRouter)();
|
|
21
43
|
|
|
22
44
|
if (params.useRouter !== false) {
|
|
23
45
|
history = routerHook.history;
|
|
24
46
|
location = routerHook.location;
|
|
25
47
|
}
|
|
26
48
|
|
|
27
|
-
var getQueryOptions = useCallback(function () {
|
|
49
|
+
var getQueryOptions = (0, _react.useCallback)(function () {
|
|
28
50
|
var variables = params.variables;
|
|
29
51
|
|
|
30
52
|
if (typeof variables === "function") {
|
|
@@ -33,15 +55,15 @@ var useDataList = function useDataList(params) {
|
|
|
33
55
|
|
|
34
56
|
return {
|
|
35
57
|
client: params.client,
|
|
36
|
-
variables:
|
|
58
|
+
variables: (0, _objectSpread2.default)((0, _objectSpread2.default)({}, variables), (0, _utils.prepareLoadListParams)(location))
|
|
37
59
|
};
|
|
38
|
-
},
|
|
39
|
-
var queryData = useQuery(params.query, getQueryOptions());
|
|
40
|
-
var prevLoadParamsRef = useRef({});
|
|
60
|
+
}, []);
|
|
61
|
+
var queryData = (0, _reactHooks.useQuery)(params.query, getQueryOptions());
|
|
62
|
+
var prevLoadParamsRef = (0, _react.useRef)({});
|
|
41
63
|
var dataListProps = {
|
|
42
|
-
data:
|
|
43
|
-
meta:
|
|
44
|
-
error:
|
|
64
|
+
data: (0, _get2.default)(params, "getData", _functions.getData)(queryData.data),
|
|
65
|
+
meta: (0, _get2.default)(params, "getMeta", _functions.getMeta)(queryData.data),
|
|
66
|
+
error: (0, _get2.default)(params, "getError", _functions.getError)(queryData.data),
|
|
45
67
|
loading: queryData.loading,
|
|
46
68
|
init: function init() {
|
|
47
69
|
this.refresh();
|
|
@@ -64,55 +86,49 @@ var useDataList = function useDataList(params) {
|
|
|
64
86
|
queryData.refetch(params);
|
|
65
87
|
},
|
|
66
88
|
setPerPage: function setPerPage(perPage) {
|
|
67
|
-
var preparedParams =
|
|
89
|
+
var preparedParams = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, dataListProps.__loadParams), {}, {
|
|
68
90
|
limit: parseInt("" + perPage),
|
|
69
91
|
after: undefined,
|
|
70
92
|
before: undefined
|
|
71
93
|
});
|
|
72
|
-
|
|
73
94
|
this.refresh(preparedParams);
|
|
74
95
|
},
|
|
75
96
|
setNextPage: function setNextPage(cursor) {
|
|
76
|
-
var preparedParams =
|
|
97
|
+
var preparedParams = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, dataListProps.__loadParams), {}, {
|
|
77
98
|
after: cursor,
|
|
78
99
|
before: undefined
|
|
79
100
|
});
|
|
80
|
-
|
|
81
101
|
this.refresh(preparedParams);
|
|
82
102
|
},
|
|
83
103
|
setPreviousPage: function setPreviousPage(cursor) {
|
|
84
|
-
var preparedParams =
|
|
104
|
+
var preparedParams = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, dataListProps.__loadParams), {}, {
|
|
85
105
|
after: undefined,
|
|
86
106
|
before: cursor
|
|
87
107
|
});
|
|
88
|
-
|
|
89
108
|
this.refresh(preparedParams);
|
|
90
109
|
},
|
|
91
110
|
setSearch: function setSearch(search) {
|
|
92
|
-
var preparedParams =
|
|
111
|
+
var preparedParams = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, dataListProps.__loadParams), {}, {
|
|
93
112
|
search: search,
|
|
94
113
|
after: undefined,
|
|
95
114
|
before: undefined
|
|
96
115
|
});
|
|
97
|
-
|
|
98
116
|
this.refresh(preparedParams);
|
|
99
117
|
},
|
|
100
118
|
setWhere: function setWhere(where) {
|
|
101
|
-
var preparedParams =
|
|
119
|
+
var preparedParams = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, dataListProps.__loadParams), {}, {
|
|
102
120
|
where: where,
|
|
103
121
|
after: undefined,
|
|
104
122
|
before: undefined
|
|
105
123
|
});
|
|
106
|
-
|
|
107
124
|
this.refresh(preparedParams);
|
|
108
125
|
},
|
|
109
126
|
setSorters: function setSorters(sort) {
|
|
110
|
-
var preparedParams =
|
|
127
|
+
var preparedParams = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, dataListProps.__loadParams), {}, {
|
|
111
128
|
sort: sort,
|
|
112
129
|
after: undefined,
|
|
113
130
|
before: undefined
|
|
114
131
|
});
|
|
115
|
-
|
|
116
132
|
this.refresh(preparedParams);
|
|
117
133
|
},
|
|
118
134
|
multiSelect: function multiSelect(items, value) {
|
|
@@ -120,8 +136,7 @@ var useDataList = function useDataList(params) {
|
|
|
120
136
|
items = [items];
|
|
121
137
|
}
|
|
122
138
|
|
|
123
|
-
var returnItems =
|
|
124
|
-
|
|
139
|
+
var returnItems = (0, _toConsumableArray2.default)(multiSelectedItems);
|
|
125
140
|
items.forEach(function (item) {
|
|
126
141
|
if (value === undefined) {
|
|
127
142
|
returnItems.includes(item) ? returnItems.splice(returnItems.indexOf(item), 1) : returnItems.push(item);
|
|
@@ -173,15 +188,15 @@ var useDataList = function useDataList(params) {
|
|
|
173
188
|
var data = dataListProps.data;
|
|
174
189
|
return Array.isArray(data) && multiSelectedItems.length === data.length;
|
|
175
190
|
},
|
|
176
|
-
__loadParams: prepareLoadListParams(location)
|
|
191
|
+
__loadParams: (0, _utils.prepareLoadListParams)(location)
|
|
177
192
|
};
|
|
178
|
-
useEffect(function () {
|
|
193
|
+
(0, _react.useEffect)(function () {
|
|
179
194
|
var params = {
|
|
180
195
|
prev: prevLoadParamsRef.current,
|
|
181
196
|
current: dataListProps.__loadParams
|
|
182
197
|
};
|
|
183
198
|
|
|
184
|
-
if (!
|
|
199
|
+
if (!(0, _isEqual2.default)(params.prev, params.current)) {
|
|
185
200
|
dataListProps.init();
|
|
186
201
|
}
|
|
187
202
|
|
|
@@ -190,4 +205,4 @@ var useDataList = function useDataList(params) {
|
|
|
190
205
|
return dataListProps;
|
|
191
206
|
};
|
|
192
207
|
|
|
193
|
-
|
|
208
|
+
exports.useDataList = useDataList;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["useDataList","params","useState","multiSelectedItems","multiSelect","history","location","routerHook","useRouter","getQueryOptions","useCallback","variables","client","prepareLoadListParams","queryData","useQuery","query","prevLoadParamsRef","useRef","dataListProps","data","getData","meta","getMeta","error","getError","loading","init","refresh","refetch","__loadParams","setPerPage","perPage","preparedParams","limit","parseInt","after","undefined","before","setNextPage","cursor","setPreviousPage","setSearch","search","setWhere","where","setSorters","sort","items","value","Array","isArray","returnItems","forEach","item","includes","splice","indexOf","push","isSelected","URLSearchParams","get","id","select","set","toString","isMultiSelected","isNoneMultiSelected","length","getMultiSelected","multiSelectAll","isAllMultiSelected","useEffect","prev","current"],"sources":["useDataList.ts"],"sourcesContent":["import { useState, useEffect, useRef, useCallback } from \"react\";\nimport { useQuery } from \"@apollo/react-hooks\";\nimport { useRouter } from \"@webiny/react-router\";\nimport { get, isEqual } from \"lodash\";\nimport { prepareLoadListParams } from \"./utils\";\nimport { getData, getError, getMeta } from \"./functions\";\n\nimport { DocumentNode } from \"graphql\";\nimport { ApolloClient } from \"apollo-client\";\n\nexport interface UseDataListParams {\n useRouter?: boolean;\n variables?: ((params: UseDataListParams) => any) | object;\n client?: ApolloClient<any>;\n query: DocumentNode;\n getData?: (data: any) => any;\n getMeta?: (data: any) => any;\n getError?: (data: any) => any;\n}\n\nexport interface DataListProps {\n __loadParams: any;\n refresh: (params?: any) => void;\n data: any[];\n meta: any;\n error: any;\n loading: boolean;\n isSelected: (item: any) => boolean;\n select: (item: any) => void;\n isMultiSelected: (item: any) => boolean;\n isNoneMultiSelected: () => boolean;\n isAllMultiSelected: () => boolean;\n multiSelectAll: (value: boolean) => void;\n getMultiSelected: () => any[];\n setSearch: (search: any) => void;\n setWhere: (where: any) => void;\n setSorters: (sort: any) => void;\n setPerPage: (perPage: number) => void;\n setPreviousPage: (cursor: string) => void;\n setNextPage: (cursor: string) => void;\n multiSelect: (items: string | string[], value?: boolean) => void;\n init: () => void;\n}\n\nconst useDataList = (params: UseDataListParams) => {\n const [multiSelectedItems, multiSelect] = useState<string[]>([]);\n\n let history = null;\n /**\n * TODO: figure out the location type.\n */\n let location: any = null;\n const routerHook = useRouter();\n\n if (params.useRouter !== false) {\n history = routerHook.history;\n location = routerHook.location;\n }\n\n const getQueryOptions = useCallback(() => {\n let variables = params.variables;\n if (typeof variables === \"function\") {\n variables = variables(params);\n }\n\n return {\n client: params.client,\n variables: {\n ...variables,\n ...prepareLoadListParams(location)\n }\n };\n }, []);\n\n const queryData = useQuery(params.query, getQueryOptions());\n const prevLoadParamsRef = useRef({});\n\n const dataListProps: DataListProps = {\n data: get(params, \"getData\", getData)(queryData.data),\n meta: get(params, \"getMeta\", getMeta)(queryData.data),\n error: get(params, \"getError\", getError)(queryData.data),\n\n loading: queryData.loading,\n init() {\n this.refresh();\n },\n refresh(params = null): void {\n // Refresh multi select first.\n multiSelect([]);\n\n if (!params) {\n queryData.refetch(dataListProps.__loadParams);\n return;\n }\n\n // if (history) {\n // redirectToRouteWithQueryParams(params, { history, location });\n // return;\n // }\n\n queryData.refetch(params);\n },\n setPerPage(perPage: number): void {\n const preparedParams = {\n ...dataListProps.__loadParams,\n limit: parseInt(\"\" + perPage),\n after: undefined,\n before: undefined\n };\n this.refresh(preparedParams);\n },\n setNextPage(cursor: string): void {\n const preparedParams = {\n ...dataListProps.__loadParams,\n after: cursor,\n before: undefined\n };\n this.refresh(preparedParams);\n },\n setPreviousPage(cursor: string): void {\n const preparedParams = {\n ...dataListProps.__loadParams,\n after: undefined,\n before: cursor\n };\n this.refresh(preparedParams);\n },\n setSearch(search): void {\n const preparedParams = {\n ...dataListProps.__loadParams,\n search,\n after: undefined,\n before: undefined\n };\n this.refresh(preparedParams);\n },\n setWhere(where): void {\n const preparedParams = {\n ...dataListProps.__loadParams,\n where,\n after: undefined,\n before: undefined\n };\n this.refresh(preparedParams);\n },\n setSorters(sort): void {\n const preparedParams = {\n ...dataListProps.__loadParams,\n sort,\n after: undefined,\n before: undefined\n };\n this.refresh(preparedParams);\n },\n multiSelect(items, value): void {\n if (!Array.isArray(items)) {\n items = [items];\n }\n\n const returnItems = [...multiSelectedItems];\n\n items.forEach(item => {\n if (value === undefined) {\n returnItems.includes(item)\n ? returnItems.splice(returnItems.indexOf(item), 1)\n : returnItems.push(item);\n } else {\n if (value === true) {\n !returnItems.includes(item) && returnItems.push(item);\n } else {\n returnItems.includes(item) &&\n returnItems.splice(returnItems.indexOf(item), 1);\n }\n }\n });\n\n multiSelect(returnItems);\n },\n isSelected(item) {\n const query = new URLSearchParams(location.search);\n return query.get(\"id\") === item.id;\n },\n select(item) {\n const query = new URLSearchParams(location.search);\n query.set(\"id\", item.id);\n history.push({ search: query.toString() });\n },\n isMultiSelected(item) {\n if (!Array.isArray(multiSelectedItems)) {\n return false;\n }\n\n return multiSelectedItems.includes(item);\n },\n isNoneMultiSelected() {\n return multiSelectedItems.length === 0;\n },\n getMultiSelected() {\n return multiSelectedItems;\n },\n multiSelectAll(value: boolean): void {\n const { data } = dataListProps;\n if (Array.isArray(data)) {\n dataListProps.multiSelect(data, value);\n } else {\n dataListProps.multiSelect([], value);\n }\n },\n isAllMultiSelected(): boolean {\n const { data } = dataListProps;\n\n return Array.isArray(data) && multiSelectedItems.length === data.length;\n },\n\n __loadParams: prepareLoadListParams(location)\n };\n\n useEffect(() => {\n const params = {\n prev: prevLoadParamsRef.current,\n current: dataListProps.__loadParams\n };\n\n if (!isEqual(params.prev, params.current)) {\n dataListProps.init();\n }\n\n prevLoadParamsRef.current = params.current;\n });\n\n return dataListProps;\n};\n\nexport { useDataList };\n"],"mappings":"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"}
|
|
@@ -1,2 +1,23 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
|
|
4
|
+
|
|
5
|
+
Object.defineProperty(exports, "__esModule", {
|
|
6
|
+
value: true
|
|
7
|
+
});
|
|
8
|
+
Object.defineProperty(exports, "prepareLoadListParams", {
|
|
9
|
+
enumerable: true,
|
|
10
|
+
get: function get() {
|
|
11
|
+
return _prepareLoadListParams.default;
|
|
12
|
+
}
|
|
13
|
+
});
|
|
14
|
+
Object.defineProperty(exports, "redirectToRouteWithQueryParams", {
|
|
15
|
+
enumerable: true,
|
|
16
|
+
get: function get() {
|
|
17
|
+
return _redirectToRouteWithQueryParams.default;
|
|
18
|
+
}
|
|
19
|
+
});
|
|
20
|
+
|
|
21
|
+
var _prepareLoadListParams = _interopRequireDefault(require("./prepareLoadListParams"));
|
|
22
|
+
|
|
23
|
+
var _redirectToRouteWithQueryParams = _interopRequireDefault(require("./redirectToRouteWithQueryParams"));
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export { default as prepareLoadListParams } from \"./prepareLoadListParams\";\nexport { default as redirectToRouteWithQueryParams } from \"./redirectToRouteWithQueryParams\";\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;;AACA"}
|
|
@@ -1,4 +1,11 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
1
|
+
/// <reference types="web" />
|
|
2
|
+
interface Params {
|
|
3
|
+
after?: string;
|
|
4
|
+
before?: string;
|
|
5
|
+
limit?: number;
|
|
6
|
+
sort?: string;
|
|
7
|
+
where?: Record<string, any>;
|
|
8
|
+
search?: string;
|
|
9
|
+
}
|
|
10
|
+
declare const _default: (location: Location) => Params;
|
|
4
11
|
export default _default;
|
|
@@ -1,4 +1,12 @@
|
|
|
1
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.default = void 0;
|
|
7
|
+
var keys = ["sort", "where", "search"];
|
|
8
|
+
|
|
9
|
+
var _default = function _default(location) {
|
|
2
10
|
var params = {};
|
|
3
11
|
|
|
4
12
|
if (location) {
|
|
@@ -19,16 +27,22 @@ export default (function (location) {
|
|
|
19
27
|
params.limit = parseInt(limit);
|
|
20
28
|
}
|
|
21
29
|
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
30
|
+
keys.forEach(function (key) {
|
|
31
|
+
var value = query.get(key);
|
|
32
|
+
|
|
33
|
+
if (typeof value !== "string") {
|
|
34
|
+
return;
|
|
35
|
+
}
|
|
36
|
+
|
|
37
|
+
try {
|
|
38
|
+
params[key] = JSON.parse(value);
|
|
39
|
+
} catch (e) {
|
|
40
|
+
params[key] = value;
|
|
29
41
|
}
|
|
30
42
|
});
|
|
31
43
|
}
|
|
32
44
|
|
|
33
45
|
return params;
|
|
34
|
-
}
|
|
46
|
+
};
|
|
47
|
+
|
|
48
|
+
exports.default = _default;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["keys","location","params","query","URLSearchParams","search","after","get","before","limit","parseInt","forEach","key","value","JSON","parse","e"],"sources":["prepareLoadListParams.ts"],"sourcesContent":["interface Params {\n after?: string;\n before?: string;\n limit?: number;\n sort?: string;\n where?: Record<string, any>;\n search?: string;\n}\n\nconst keys: (keyof Params)[] = [\"sort\", \"where\", \"search\"];\n\nexport default (location: Location): Params => {\n const params: Params = {};\n\n if (location) {\n const query = new URLSearchParams(location.search);\n\n const after = query.get(\"after\");\n const before = query.get(\"before\");\n const limit = query.get(\"limit\");\n\n if (after) {\n params.after = after;\n }\n\n if (before) {\n params.before = before;\n }\n\n if (limit) {\n params.limit = parseInt(limit);\n }\n\n keys.forEach(key => {\n const value = query.get(key);\n if (typeof value !== \"string\") {\n return;\n }\n try {\n params[key] = JSON.parse(value);\n } catch (e) {\n params[key] = value as any;\n }\n });\n }\n\n return params as Params;\n};\n"],"mappings":";;;;;;AASA,IAAMA,IAAsB,GAAG,CAAC,MAAD,EAAS,OAAT,EAAkB,QAAlB,CAA/B;;eAEe,kBAACC,QAAD,EAAgC;EAC3C,IAAMC,MAAc,GAAG,EAAvB;;EAEA,IAAID,QAAJ,EAAc;IACV,IAAME,KAAK,GAAG,IAAIC,eAAJ,CAAoBH,QAAQ,CAACI,MAA7B,CAAd;IAEA,IAAMC,KAAK,GAAGH,KAAK,CAACI,GAAN,CAAU,OAAV,CAAd;IACA,IAAMC,MAAM,GAAGL,KAAK,CAACI,GAAN,CAAU,QAAV,CAAf;IACA,IAAME,KAAK,GAAGN,KAAK,CAACI,GAAN,CAAU,OAAV,CAAd;;IAEA,IAAID,KAAJ,EAAW;MACPJ,MAAM,CAACI,KAAP,GAAeA,KAAf;IACH;;IAED,IAAIE,MAAJ,EAAY;MACRN,MAAM,CAACM,MAAP,GAAgBA,MAAhB;IACH;;IAED,IAAIC,KAAJ,EAAW;MACPP,MAAM,CAACO,KAAP,GAAeC,QAAQ,CAACD,KAAD,CAAvB;IACH;;IAEDT,IAAI,CAACW,OAAL,CAAa,UAAAC,GAAG,EAAI;MAChB,IAAMC,KAAK,GAAGV,KAAK,CAACI,GAAN,CAAUK,GAAV,CAAd;;MACA,IAAI,OAAOC,KAAP,KAAiB,QAArB,EAA+B;QAC3B;MACH;;MACD,IAAI;QACAX,MAAM,CAACU,GAAD,CAAN,GAAcE,IAAI,CAACC,KAAL,CAAWF,KAAX,CAAd;MACH,CAFD,CAEE,OAAOG,CAAP,EAAU;QACRd,MAAM,CAACU,GAAD,CAAN,GAAcC,KAAd;MACH;IACJ,CAVD;EAWH;;EAED,OAAOX,MAAP;AACH,C"}
|
|
@@ -1,5 +1,14 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
1
|
+
interface Params {
|
|
2
|
+
sort: string;
|
|
3
|
+
search: string;
|
|
4
|
+
where: Record<string, any>;
|
|
5
|
+
}
|
|
6
|
+
interface Location {
|
|
7
|
+
search: string;
|
|
8
|
+
}
|
|
9
|
+
interface Options {
|
|
10
|
+
history: Location[];
|
|
11
|
+
location: Location;
|
|
12
|
+
}
|
|
13
|
+
declare const _default: (params: Params, options: Options) => void;
|
|
5
14
|
export default _default;
|
|
@@ -1,6 +1,13 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.default = void 0;
|
|
7
|
+
|
|
8
|
+
var _default = function _default(params, options) {
|
|
9
|
+
var history = options.history,
|
|
10
|
+
location = options.location;
|
|
4
11
|
var paramsClone = Object.assign({}, params);
|
|
5
12
|
["sort", "search", "where"].forEach(function (key) {
|
|
6
13
|
if (typeof paramsClone[key] === "object") {
|
|
@@ -19,4 +26,6 @@ export default (function (params, _ref) {
|
|
|
19
26
|
history.push({
|
|
20
27
|
search: query.toString()
|
|
21
28
|
});
|
|
22
|
-
}
|
|
29
|
+
};
|
|
30
|
+
|
|
31
|
+
exports.default = _default;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["params","options","history","location","paramsClone","Object","assign","forEach","key","JSON","stringify","keys","query","URLSearchParams","search","set","delete","push","toString"],"sources":["redirectToRouteWithQueryParams.ts"],"sourcesContent":["interface Params {\n sort: string;\n search: string;\n where: Record<string, any>;\n}\ninterface Location {\n search: string;\n}\ninterface Options {\n history: Location[];\n location: Location;\n}\nexport default (params: Params, options: Options): void => {\n const { history, location } = options;\n const paramsClone: Record<string, any> = Object.assign({}, params);\n\n [\"sort\", \"search\", \"where\"].forEach(key => {\n if (typeof paramsClone[key] === \"object\") {\n paramsClone[key] = JSON.stringify(paramsClone[key]);\n }\n });\n\n const keys: string[] = [\"limit\", \"after\", \"before\", \"where\", \"search\", \"sort\"];\n\n const query = new URLSearchParams(location.search);\n keys.forEach(key => {\n if (typeof paramsClone[key] !== \"undefined\") {\n query.set(key, paramsClone[key]);\n } else {\n query.delete(key);\n }\n });\n\n history.push({ search: query.toString() });\n};\n"],"mappings":";;;;;;;eAYe,kBAACA,MAAD,EAAiBC,OAAjB,EAA4C;EACvD,IAAQC,OAAR,GAA8BD,OAA9B,CAAQC,OAAR;EAAA,IAAiBC,QAAjB,GAA8BF,OAA9B,CAAiBE,QAAjB;EACA,IAAMC,WAAgC,GAAGC,MAAM,CAACC,MAAP,CAAc,EAAd,EAAkBN,MAAlB,CAAzC;EAEA,CAAC,MAAD,EAAS,QAAT,EAAmB,OAAnB,EAA4BO,OAA5B,CAAoC,UAAAC,GAAG,EAAI;IACvC,IAAI,OAAOJ,WAAW,CAACI,GAAD,CAAlB,KAA4B,QAAhC,EAA0C;MACtCJ,WAAW,CAACI,GAAD,CAAX,GAAmBC,IAAI,CAACC,SAAL,CAAeN,WAAW,CAACI,GAAD,CAA1B,CAAnB;IACH;EACJ,CAJD;EAMA,IAAMG,IAAc,GAAG,CAAC,OAAD,EAAU,OAAV,EAAmB,QAAnB,EAA6B,OAA7B,EAAsC,QAAtC,EAAgD,MAAhD,CAAvB;EAEA,IAAMC,KAAK,GAAG,IAAIC,eAAJ,CAAoBV,QAAQ,CAACW,MAA7B,CAAd;EACAH,IAAI,CAACJ,OAAL,CAAa,UAAAC,GAAG,EAAI;IAChB,IAAI,OAAOJ,WAAW,CAACI,GAAD,CAAlB,KAA4B,WAAhC,EAA6C;MACzCI,KAAK,CAACG,GAAN,CAAUP,GAAV,EAAeJ,WAAW,CAACI,GAAD,CAA1B;IACH,CAFD,MAEO;MACHI,KAAK,CAACI,MAAN,CAAaR,GAAb;IACH;EACJ,CAND;EAQAN,OAAO,CAACe,IAAR,CAAa;IAAEH,MAAM,EAAEF,KAAK,CAACM,QAAN;EAAV,CAAb;AACH,C"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":[],"sources":["types.ts"],"sourcesContent":["export type UseDataListParams = {\n load?: boolean;\n name: string;\n type: string;\n fields: string;\n limit?: number;\n sort?: Object;\n where?: Object;\n search?: Object;\n};\n\nexport type SearchParams = {\n query: string;\n operator?: \"and\" | \"or\";\n fields?: Array<string>;\n};\n\nexport type UseDataListProps = {\n data: Array<Object>;\n meta: Object;\n init: () => void;\n refresh: (params?: Object) => void;\n delete: (id: string, options: Object) => void;\n setPerPage: (perPage: number) => void;\n setPage: (page: number) => void;\n setSearch: (search: SearchParams | any) => void;\n setWhere: (where: Object) => void;\n setSorters: (sort: Object) => void;\n multiSelect: (item: Object, value: boolean) => void;\n multiSelectAll: (value: boolean) => void;\n\n isMultiSelected: (item: Object) => boolean;\n isAllMultiSelected: () => boolean;\n isNoneMultiSelected: () => boolean;\n getMultiSelected: () => Array<Object>;\n __loadParams: UseDataListParams;\n};\n"],"mappings":""}
|
package/hooks/useHandler.d.ts
CHANGED
|
@@ -1 +1,11 @@
|
|
|
1
|
-
|
|
1
|
+
/**
|
|
2
|
+
* TODO: figure out any types.
|
|
3
|
+
*/
|
|
4
|
+
interface Props {
|
|
5
|
+
[key: string]: any;
|
|
6
|
+
}
|
|
7
|
+
interface Factory {
|
|
8
|
+
(...args: any): any;
|
|
9
|
+
}
|
|
10
|
+
export declare function useHandler(props: Props, factory: Factory): (...args: any) => any;
|
|
11
|
+
export {};
|
package/hooks/useHandler.js
CHANGED
|
@@ -1,11 +1,19 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.useHandler = useHandler;
|
|
7
|
+
|
|
8
|
+
var _react = require("react");
|
|
9
|
+
|
|
10
|
+
function useHandler(props, factory) {
|
|
11
|
+
var propsRef = (0, _react.useRef)(props);
|
|
12
|
+
var handlerRef = (0, _react.useRef)(function () {
|
|
5
13
|
var handler = factory(propsRef.current);
|
|
6
14
|
return handler.apply(void 0, arguments);
|
|
7
15
|
});
|
|
8
|
-
useEffect(function () {
|
|
16
|
+
(0, _react.useEffect)(function () {
|
|
9
17
|
propsRef.current = props;
|
|
10
18
|
});
|
|
11
19
|
return handlerRef.current;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["useHandler","props","factory","propsRef","useRef","handlerRef","handler","current","useEffect"],"sources":["useHandler.ts"],"sourcesContent":["import { useRef, useEffect } from \"react\";\n\n/**\n * TODO: figure out any types.\n */\ninterface Props {\n [key: string]: any;\n}\ninterface Factory {\n (...args: any): any;\n}\nexport function useHandler(props: Props, factory: Factory) {\n const propsRef = useRef(props);\n\n const handlerRef = useRef((...args: any) => {\n const handler = factory(propsRef.current);\n return handler(...args);\n });\n\n useEffect(() => {\n propsRef.current = props;\n });\n\n return handlerRef.current;\n}\n"],"mappings":";;;;;;;AAAA;;AAWO,SAASA,UAAT,CAAoBC,KAApB,EAAkCC,OAAlC,EAAoD;EACvD,IAAMC,QAAQ,GAAG,IAAAC,aAAA,EAAOH,KAAP,CAAjB;EAEA,IAAMI,UAAU,GAAG,IAAAD,aAAA,EAAO,YAAkB;IACxC,IAAME,OAAO,GAAGJ,OAAO,CAACC,QAAQ,CAACI,OAAV,CAAvB;IACA,OAAOD,OAAO,MAAP,mBAAP;EACH,CAHkB,CAAnB;EAKA,IAAAE,gBAAA,EAAU,YAAM;IACZL,QAAQ,CAACI,OAAT,GAAmBN,KAAnB;EACH,CAFD;EAIA,OAAOI,UAAU,CAACE,OAAlB;AACH"}
|
package/hooks/useHandlers.d.ts
CHANGED
|
@@ -7,5 +7,5 @@ declare type HandlerFactories = {
|
|
|
7
7
|
declare type Handlers = {
|
|
8
8
|
[K in keyof HandlerFactories]: (...params: any[]) => any;
|
|
9
9
|
};
|
|
10
|
-
export declare function useHandlers(props: HandlerProps, factories: HandlerFactories):
|
|
10
|
+
export declare function useHandlers<H = Handlers>(props: HandlerProps, factories: HandlerFactories): H;
|
|
11
11
|
export {};
|