@webiny/app 0.0.0-mt-3 → 0.0.0-unstable.2af142b57e
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/App.d.ts +29 -0
- package/App.js +105 -0
- package/App.js.map +1 -0
- package/apollo-client/InMemoryCache.d.ts +1 -1
- package/apollo-client/InMemoryCache.js +33 -36
- package/apollo-client/InMemoryCache.js.map +1 -0
- package/components/Image.js +18 -16
- package/components/Image.js.map +1 -0
- package/components/Routes.js +27 -17
- package/components/Routes.js.map +1 -0
- package/components/View.js +21 -14
- package/components/View.js.map +1 -0
- package/components/index.d.ts +1 -0
- package/components/index.js +19 -1
- package/components/index.js.map +1 -0
- package/config.d.ts +8 -0
- package/config.js +30 -0
- package/config.js.map +1 -0
- package/contexts/Ui/index.d.ts +1 -4
- package/contexts/Ui/index.js +32 -42
- package/contexts/Ui/index.js.map +1 -0
- package/core/AddRoute.d.ts +3 -0
- package/core/AddRoute.js +19 -0
- package/core/AddRoute.js.map +1 -0
- package/core/DebounceRender.d.ts +11 -0
- package/core/DebounceRender.js +41 -0
- package/core/DebounceRender.js.map +1 -0
- package/core/Plugin.d.ts +8 -0
- package/core/Plugin.js +21 -0
- package/core/Plugin.js.map +1 -0
- package/core/Plugins.d.ts +12 -0
- package/core/Plugins.js +45 -0
- package/core/Plugins.js.map +1 -0
- package/core/Provider.d.ts +9 -0
- package/core/Provider.js +21 -0
- package/core/Provider.js.map +1 -0
- package/core/Routes.d.ts +6 -0
- package/core/Routes.js +42 -0
- package/core/Routes.js.map +1 -0
- package/core/createProvider.d.ts +6 -0
- package/core/createProvider.js +13 -0
- package/core/createProvider.js.map +1 -0
- package/core/createProviderPlugin.d.ts +8 -0
- package/core/createProviderPlugin.js +21 -0
- package/core/createProviderPlugin.js.map +1 -0
- package/hooks/useAutocomplete/index.js +12 -1
- package/hooks/useAutocomplete/index.js.map +1 -0
- package/hooks/useAutocomplete/useAutocomplete.d.ts +6 -1
- package/hooks/useAutocomplete/useAutocomplete.js +16 -14
- package/hooks/useAutocomplete/useAutocomplete.js.map +1 -0
- package/hooks/useDataList/functions/getData.d.ts +1 -1
- package/hooks/useDataList/functions/getData.js +12 -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 +12 -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 +12 -4
- package/hooks/useDataList/functions/getMeta.js.map +1 -0
- package/hooks/useDataList/functions/index.js +27 -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 +8 -6
- package/hooks/useDataList/functions/searchDataByKey.js.map +1 -0
- package/hooks/useDataList/index.js +12 -1
- package/hooks/useDataList/index.js.map +1 -0
- package/hooks/useDataList/useDataList.d.ts +4 -4
- package/hooks/useDataList/useDataList.js +47 -58
- package/hooks/useDataList/useDataList.js.map +1 -0
- package/hooks/useDataList/utils/index.js +20 -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 +19 -15
- package/hooks/useDataList/utils/prepareLoadListParams.js.map +1 -0
- package/hooks/useDataList/utils/redirectToRouteWithQueryParams.d.ts +13 -4
- package/hooks/useDataList/utils/redirectToRouteWithQueryParams.js +11 -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 +11 -5
- package/hooks/useHandler.js.map +1 -0
- package/hooks/useHandlers.d.ts +1 -1
- package/hooks/useHandlers.js +14 -6
- package/hooks/useHandlers.js.map +1 -0
- package/hooks/useUi.js +12 -5
- package/hooks/useUi.js.map +1 -0
- package/i18n/i18n.js +14 -5
- package/i18n/i18n.js.map +1 -0
- package/i18n/index.js +13 -1
- package/i18n/index.js.map +1 -0
- package/index.d.ts +15 -0
- package/index.js +147 -0
- package/index.js.map +1 -0
- package/package.json +31 -23
- package/plugins/AddQuerySelectionPlugin.d.ts +1 -1
- package/plugins/AddQuerySelectionPlugin.js +51 -51
- package/plugins/AddQuerySelectionPlugin.js.map +1 -0
- package/plugins/ApolloCacheObjectIdPlugin.d.ts +8 -8
- package/plugins/ApolloCacheObjectIdPlugin.js +23 -25
- package/plugins/ApolloCacheObjectIdPlugin.js.map +1 -0
- package/plugins/ApolloDynamicLink.d.ts +3 -2
- package/plugins/ApolloDynamicLink.js +30 -32
- package/plugins/ApolloDynamicLink.js.map +1 -0
- package/plugins/ApolloLinkPlugin.d.ts +5 -5
- package/plugins/ApolloLinkPlugin.js +32 -29
- package/plugins/ApolloLinkPlugin.js.map +1 -0
- package/plugins/ConsoleLinkPlugin.js +25 -24
- package/plugins/ConsoleLinkPlugin.js.map +1 -0
- package/plugins/LocaleHeaderLinkPlugin.d.ts +3 -2
- package/plugins/LocaleHeaderLinkPlugin.js +26 -31
- package/plugins/LocaleHeaderLinkPlugin.js.map +1 -0
- package/plugins/NetworkErrorLinkPlugin/ErrorOverlay.d.ts +13 -5
- package/plugins/NetworkErrorLinkPlugin/ErrorOverlay.js +46 -45
- package/plugins/NetworkErrorLinkPlugin/ErrorOverlay.js.map +1 -0
- package/plugins/NetworkErrorLinkPlugin/StyledComponents.d.ts +4 -2
- package/plugins/NetworkErrorLinkPlugin/StyledComponents.js +13 -4
- package/plugins/NetworkErrorLinkPlugin/StyledComponents.js.map +1 -0
- package/plugins/NetworkErrorLinkPlugin/createErrorOverlay.d.ts +6 -4
- package/plugins/NetworkErrorLinkPlugin/createErrorOverlay.js +21 -17
- package/plugins/NetworkErrorLinkPlugin/createErrorOverlay.js.map +1 -0
- package/plugins/NetworkErrorLinkPlugin.js +31 -28
- package/plugins/NetworkErrorLinkPlugin.js.map +1 -0
- package/plugins/OmitTypenameLinkPlugin.js +22 -22
- package/plugins/OmitTypenameLinkPlugin.js.map +1 -0
- package/plugins/RoutePlugin.d.ts +2 -2
- package/plugins/RoutePlugin.js +26 -24
- package/plugins/RoutePlugin.js.map +1 -0
- package/plugins/TenantHeaderLinkPlugin.d.ts +3 -2
- package/plugins/TenantHeaderLinkPlugin.js +26 -34
- package/plugins/TenantHeaderLinkPlugin.js.map +1 -0
- package/plugins/ViewPlugin.d.ts +4 -4
- package/plugins/ViewPlugin.js +26 -24
- package/plugins/ViewPlugin.js.map +1 -0
- package/plugins/image.js +41 -55
- package/plugins/image.js.map +1 -0
- package/plugins/index.js +49 -33
- package/plugins/index.js.map +1 -0
- package/types.d.ts +21 -13
- package/types.js +12 -2
- package/types.js.map +1 -0
|
@@ -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,127 +1,122 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
|
|
4
|
+
Object.defineProperty(exports, "__esModule", {
|
|
5
|
+
value: true
|
|
6
|
+
});
|
|
7
|
+
exports.useDataList = void 0;
|
|
8
|
+
var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
|
|
9
|
+
var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
|
|
10
|
+
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
|
|
11
|
+
var _isEqual2 = _interopRequireDefault(require("lodash/isEqual"));
|
|
12
|
+
var _get2 = _interopRequireDefault(require("lodash/get"));
|
|
13
|
+
var _react = require("react");
|
|
14
|
+
var _reactHooks = require("@apollo/react-hooks");
|
|
15
|
+
var _reactRouter = require("@webiny/react-router");
|
|
16
|
+
var _utils = require("./utils");
|
|
17
|
+
var _functions = require("./functions");
|
|
12
18
|
var useDataList = function useDataList(params) {
|
|
13
|
-
var _useState = useState([]),
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
19
|
+
var _useState = (0, _react.useState)([]),
|
|
20
|
+
_useState2 = (0, _slicedToArray2.default)(_useState, 2),
|
|
21
|
+
multiSelectedItems = _useState2[0],
|
|
22
|
+
_multiSelect = _useState2[1];
|
|
18
23
|
var history = null;
|
|
24
|
+
/**
|
|
25
|
+
* TODO: figure out the location type.
|
|
26
|
+
*/
|
|
19
27
|
var location = null;
|
|
20
|
-
var routerHook = useRouter();
|
|
21
|
-
|
|
28
|
+
var routerHook = (0, _reactRouter.useRouter)();
|
|
22
29
|
if (params.useRouter !== false) {
|
|
23
30
|
history = routerHook.history;
|
|
24
31
|
location = routerHook.location;
|
|
25
32
|
}
|
|
26
|
-
|
|
27
|
-
var getQueryOptions = useCallback(function () {
|
|
33
|
+
var getQueryOptions = (0, _react.useCallback)(function () {
|
|
28
34
|
var variables = params.variables;
|
|
29
|
-
|
|
30
35
|
if (typeof variables === "function") {
|
|
31
36
|
variables = variables(params);
|
|
32
37
|
}
|
|
33
|
-
|
|
34
38
|
return {
|
|
35
39
|
client: params.client,
|
|
36
|
-
variables:
|
|
40
|
+
variables: (0, _objectSpread2.default)((0, _objectSpread2.default)({}, variables), (0, _utils.prepareLoadListParams)(location))
|
|
37
41
|
};
|
|
38
|
-
},
|
|
39
|
-
var queryData = useQuery(params.query, getQueryOptions());
|
|
40
|
-
var prevLoadParamsRef = useRef({});
|
|
42
|
+
}, []);
|
|
43
|
+
var queryData = (0, _reactHooks.useQuery)(params.query, getQueryOptions());
|
|
44
|
+
var prevLoadParamsRef = (0, _react.useRef)({});
|
|
41
45
|
var dataListProps = {
|
|
42
|
-
data:
|
|
43
|
-
meta:
|
|
44
|
-
error:
|
|
46
|
+
data: (0, _get2.default)(params, "getData", _functions.getData)(queryData.data),
|
|
47
|
+
meta: (0, _get2.default)(params, "getMeta", _functions.getMeta)(queryData.data),
|
|
48
|
+
error: (0, _get2.default)(params, "getError", _functions.getError)(queryData.data),
|
|
45
49
|
loading: queryData.loading,
|
|
46
50
|
init: function init() {
|
|
47
51
|
this.refresh();
|
|
48
52
|
},
|
|
49
53
|
refresh: function refresh() {
|
|
50
54
|
var params = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
|
|
51
|
-
|
|
52
55
|
// Refresh multi select first.
|
|
53
56
|
_multiSelect([]);
|
|
54
|
-
|
|
55
57
|
if (!params) {
|
|
56
58
|
queryData.refetch(dataListProps.__loadParams);
|
|
57
59
|
return;
|
|
58
|
-
}
|
|
60
|
+
}
|
|
61
|
+
|
|
62
|
+
// if (history) {
|
|
59
63
|
// redirectToRouteWithQueryParams(params, { history, location });
|
|
60
64
|
// return;
|
|
61
65
|
// }
|
|
62
66
|
|
|
63
|
-
|
|
64
67
|
queryData.refetch(params);
|
|
65
68
|
},
|
|
66
69
|
setPerPage: function setPerPage(perPage) {
|
|
67
|
-
var preparedParams =
|
|
70
|
+
var preparedParams = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, dataListProps.__loadParams), {}, {
|
|
68
71
|
limit: parseInt("" + perPage),
|
|
69
72
|
after: undefined,
|
|
70
73
|
before: undefined
|
|
71
74
|
});
|
|
72
|
-
|
|
73
75
|
this.refresh(preparedParams);
|
|
74
76
|
},
|
|
75
77
|
setNextPage: function setNextPage(cursor) {
|
|
76
|
-
var preparedParams =
|
|
78
|
+
var preparedParams = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, dataListProps.__loadParams), {}, {
|
|
77
79
|
after: cursor,
|
|
78
80
|
before: undefined
|
|
79
81
|
});
|
|
80
|
-
|
|
81
82
|
this.refresh(preparedParams);
|
|
82
83
|
},
|
|
83
84
|
setPreviousPage: function setPreviousPage(cursor) {
|
|
84
|
-
var preparedParams =
|
|
85
|
+
var preparedParams = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, dataListProps.__loadParams), {}, {
|
|
85
86
|
after: undefined,
|
|
86
87
|
before: cursor
|
|
87
88
|
});
|
|
88
|
-
|
|
89
89
|
this.refresh(preparedParams);
|
|
90
90
|
},
|
|
91
91
|
setSearch: function setSearch(search) {
|
|
92
|
-
var preparedParams =
|
|
92
|
+
var preparedParams = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, dataListProps.__loadParams), {}, {
|
|
93
93
|
search: search,
|
|
94
94
|
after: undefined,
|
|
95
95
|
before: undefined
|
|
96
96
|
});
|
|
97
|
-
|
|
98
97
|
this.refresh(preparedParams);
|
|
99
98
|
},
|
|
100
99
|
setWhere: function setWhere(where) {
|
|
101
|
-
var preparedParams =
|
|
100
|
+
var preparedParams = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, dataListProps.__loadParams), {}, {
|
|
102
101
|
where: where,
|
|
103
102
|
after: undefined,
|
|
104
103
|
before: undefined
|
|
105
104
|
});
|
|
106
|
-
|
|
107
105
|
this.refresh(preparedParams);
|
|
108
106
|
},
|
|
109
107
|
setSorters: function setSorters(sort) {
|
|
110
|
-
var preparedParams =
|
|
108
|
+
var preparedParams = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, dataListProps.__loadParams), {}, {
|
|
111
109
|
sort: sort,
|
|
112
110
|
after: undefined,
|
|
113
111
|
before: undefined
|
|
114
112
|
});
|
|
115
|
-
|
|
116
113
|
this.refresh(preparedParams);
|
|
117
114
|
},
|
|
118
115
|
multiSelect: function multiSelect(items, value) {
|
|
119
116
|
if (!Array.isArray(items)) {
|
|
120
117
|
items = [items];
|
|
121
118
|
}
|
|
122
|
-
|
|
123
|
-
var returnItems = _toConsumableArray(multiSelectedItems);
|
|
124
|
-
|
|
119
|
+
var returnItems = (0, _toConsumableArray2.default)(multiSelectedItems);
|
|
125
120
|
items.forEach(function (item) {
|
|
126
121
|
if (value === undefined) {
|
|
127
122
|
returnItems.includes(item) ? returnItems.splice(returnItems.indexOf(item), 1) : returnItems.push(item);
|
|
@@ -133,7 +128,6 @@ var useDataList = function useDataList(params) {
|
|
|
133
128
|
}
|
|
134
129
|
}
|
|
135
130
|
});
|
|
136
|
-
|
|
137
131
|
_multiSelect(returnItems);
|
|
138
132
|
},
|
|
139
133
|
isSelected: function isSelected(item) {
|
|
@@ -151,7 +145,6 @@ var useDataList = function useDataList(params) {
|
|
|
151
145
|
if (!Array.isArray(multiSelectedItems)) {
|
|
152
146
|
return false;
|
|
153
147
|
}
|
|
154
|
-
|
|
155
148
|
return multiSelectedItems.includes(item);
|
|
156
149
|
},
|
|
157
150
|
isNoneMultiSelected: function isNoneMultiSelected() {
|
|
@@ -162,7 +155,6 @@ var useDataList = function useDataList(params) {
|
|
|
162
155
|
},
|
|
163
156
|
multiSelectAll: function multiSelectAll(value) {
|
|
164
157
|
var data = dataListProps.data;
|
|
165
|
-
|
|
166
158
|
if (Array.isArray(data)) {
|
|
167
159
|
dataListProps.multiSelect(data, value);
|
|
168
160
|
} else {
|
|
@@ -173,21 +165,18 @@ var useDataList = function useDataList(params) {
|
|
|
173
165
|
var data = dataListProps.data;
|
|
174
166
|
return Array.isArray(data) && multiSelectedItems.length === data.length;
|
|
175
167
|
},
|
|
176
|
-
__loadParams: prepareLoadListParams(location)
|
|
168
|
+
__loadParams: (0, _utils.prepareLoadListParams)(location)
|
|
177
169
|
};
|
|
178
|
-
useEffect(function () {
|
|
170
|
+
(0, _react.useEffect)(function () {
|
|
179
171
|
var params = {
|
|
180
172
|
prev: prevLoadParamsRef.current,
|
|
181
173
|
current: dataListProps.__loadParams
|
|
182
174
|
};
|
|
183
|
-
|
|
184
|
-
if (!_isEqual(params.prev, params.current)) {
|
|
175
|
+
if (!(0, _isEqual2.default)(params.prev, params.current)) {
|
|
185
176
|
dataListProps.init();
|
|
186
177
|
}
|
|
187
|
-
|
|
188
178
|
prevLoadParamsRef.current = params.current;
|
|
189
179
|
});
|
|
190
180
|
return dataListProps;
|
|
191
181
|
};
|
|
192
|
-
|
|
193
|
-
export { useDataList };
|
|
182
|
+
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,20 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
|
|
4
|
+
Object.defineProperty(exports, "__esModule", {
|
|
5
|
+
value: true
|
|
6
|
+
});
|
|
7
|
+
Object.defineProperty(exports, "prepareLoadListParams", {
|
|
8
|
+
enumerable: true,
|
|
9
|
+
get: function get() {
|
|
10
|
+
return _prepareLoadListParams.default;
|
|
11
|
+
}
|
|
12
|
+
});
|
|
13
|
+
Object.defineProperty(exports, "redirectToRouteWithQueryParams", {
|
|
14
|
+
enumerable: true,
|
|
15
|
+
get: function get() {
|
|
16
|
+
return _redirectToRouteWithQueryParams.default;
|
|
17
|
+
}
|
|
18
|
+
});
|
|
19
|
+
var _prepareLoadListParams = _interopRequireDefault(require("./prepareLoadListParams"));
|
|
20
|
+
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,34 +1,38 @@
|
|
|
1
|
-
|
|
2
|
-
var params = {};
|
|
1
|
+
"use strict";
|
|
3
2
|
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.default = void 0;
|
|
7
|
+
var keys = ["sort", "where", "search"];
|
|
8
|
+
var _default = function _default(location) {
|
|
9
|
+
var params = {};
|
|
4
10
|
if (location) {
|
|
5
11
|
var query = new URLSearchParams(location.search);
|
|
6
12
|
var after = query.get("after");
|
|
7
13
|
var before = query.get("before");
|
|
8
14
|
var limit = query.get("limit");
|
|
9
|
-
|
|
10
15
|
if (after) {
|
|
11
16
|
params.after = after;
|
|
12
17
|
}
|
|
13
|
-
|
|
14
18
|
if (before) {
|
|
15
19
|
params.before = before;
|
|
16
20
|
}
|
|
17
|
-
|
|
18
21
|
if (limit) {
|
|
19
22
|
params.limit = parseInt(limit);
|
|
20
23
|
}
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
if (typeof
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
24
|
+
keys.forEach(function (key) {
|
|
25
|
+
var value = query.get(key);
|
|
26
|
+
if (typeof value !== "string") {
|
|
27
|
+
return;
|
|
28
|
+
}
|
|
29
|
+
try {
|
|
30
|
+
params[key] = JSON.parse(value);
|
|
31
|
+
} catch (e) {
|
|
32
|
+
params[key] = value;
|
|
29
33
|
}
|
|
30
34
|
});
|
|
31
35
|
}
|
|
32
|
-
|
|
33
36
|
return params;
|
|
34
|
-
}
|
|
37
|
+
};
|
|
38
|
+
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,MAAM,EAAE,OAAO,EAAE,QAAQ,CAAC;AAAC,eAE5C,kBAACC,QAAkB,EAAa;EAC3C,IAAMC,MAAc,GAAG,CAAC,CAAC;EAEzB,IAAID,QAAQ,EAAE;IACV,IAAME,KAAK,GAAG,IAAIC,eAAe,CAACH,QAAQ,CAACI,MAAM,CAAC;IAElD,IAAMC,KAAK,GAAGH,KAAK,CAACI,GAAG,CAAC,OAAO,CAAC;IAChC,IAAMC,MAAM,GAAGL,KAAK,CAACI,GAAG,CAAC,QAAQ,CAAC;IAClC,IAAME,KAAK,GAAGN,KAAK,CAACI,GAAG,CAAC,OAAO,CAAC;IAEhC,IAAID,KAAK,EAAE;MACPJ,MAAM,CAACI,KAAK,GAAGA,KAAK;IACxB;IAEA,IAAIE,MAAM,EAAE;MACRN,MAAM,CAACM,MAAM,GAAGA,MAAM;IAC1B;IAEA,IAAIC,KAAK,EAAE;MACPP,MAAM,CAACO,KAAK,GAAGC,QAAQ,CAACD,KAAK,CAAC;IAClC;IAEAT,IAAI,CAACW,OAAO,CAAC,UAAAC,GAAG,EAAI;MAChB,IAAMC,KAAK,GAAGV,KAAK,CAACI,GAAG,CAACK,GAAG,CAAC;MAC5B,IAAI,OAAOC,KAAK,KAAK,QAAQ,EAAE;QAC3B;MACJ;MACA,IAAI;QACAX,MAAM,CAACU,GAAG,CAAC,GAAGE,IAAI,CAACC,KAAK,CAACF,KAAK,CAAC;MACnC,CAAC,CAAC,OAAOG,CAAC,EAAE;QACRd,MAAM,CAACU,GAAG,CAAC,GAAGC,KAAY;MAC9B;IACJ,CAAC,CAAC;EACN;EAEA,OAAOX,MAAM;AACjB,CAAC;AAAA"}
|
|
@@ -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,12 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.default = void 0;
|
|
7
|
+
var _default = function _default(params, options) {
|
|
8
|
+
var history = options.history,
|
|
9
|
+
location = options.location;
|
|
4
10
|
var paramsClone = Object.assign({}, params);
|
|
5
11
|
["sort", "search", "where"].forEach(function (key) {
|
|
6
12
|
if (typeof paramsClone[key] === "object") {
|
|
@@ -19,4 +25,5 @@ export default (function (params, _ref) {
|
|
|
19
25
|
history.push({
|
|
20
26
|
search: query.toString()
|
|
21
27
|
});
|
|
22
|
-
}
|
|
28
|
+
};
|
|
29
|
+
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,MAAc,EAAEC,OAAgB,EAAW;EACvD,IAAQC,OAAO,GAAeD,OAAO,CAA7BC,OAAO;IAAEC,QAAQ,GAAKF,OAAO,CAApBE,QAAQ;EACzB,IAAMC,WAAgC,GAAGC,MAAM,CAACC,MAAM,CAAC,CAAC,CAAC,EAAEN,MAAM,CAAC;EAElE,CAAC,MAAM,EAAE,QAAQ,EAAE,OAAO,CAAC,CAACO,OAAO,CAAC,UAAAC,GAAG,EAAI;IACvC,IAAI,OAAOJ,WAAW,CAACI,GAAG,CAAC,KAAK,QAAQ,EAAE;MACtCJ,WAAW,CAACI,GAAG,CAAC,GAAGC,IAAI,CAACC,SAAS,CAACN,WAAW,CAACI,GAAG,CAAC,CAAC;IACvD;EACJ,CAAC,CAAC;EAEF,IAAMG,IAAc,GAAG,CAAC,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,CAAC;EAE9E,IAAMC,KAAK,GAAG,IAAIC,eAAe,CAACV,QAAQ,CAACW,MAAM,CAAC;EAClDH,IAAI,CAACJ,OAAO,CAAC,UAAAC,GAAG,EAAI;IAChB,IAAI,OAAOJ,WAAW,CAACI,GAAG,CAAC,KAAK,WAAW,EAAE;MACzCI,KAAK,CAACG,GAAG,CAACP,GAAG,EAAEJ,WAAW,CAACI,GAAG,CAAC,CAAC;IACpC,CAAC,MAAM;MACHI,KAAK,CAACI,MAAM,CAACR,GAAG,CAAC;IACrB;EACJ,CAAC,CAAC;EAEFN,OAAO,CAACe,IAAI,CAAC;IAAEH,MAAM,EAAEF,KAAK,CAACM,QAAQ;EAAG,CAAC,CAAC;AAC9C,CAAC;AAAA"}
|
|
@@ -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,17 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.useHandler = useHandler;
|
|
7
|
+
var _react = require("react");
|
|
8
|
+
function useHandler(props, factory) {
|
|
9
|
+
var propsRef = (0, _react.useRef)(props);
|
|
10
|
+
var handlerRef = (0, _react.useRef)(function () {
|
|
5
11
|
var handler = factory(propsRef.current);
|
|
6
12
|
return handler.apply(void 0, arguments);
|
|
7
13
|
});
|
|
8
|
-
useEffect(function () {
|
|
14
|
+
(0, _react.useEffect)(function () {
|
|
9
15
|
propsRef.current = props;
|
|
10
16
|
});
|
|
11
17
|
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,UAAU,CAACC,KAAY,EAAEC,OAAgB,EAAE;EACvD,IAAMC,QAAQ,GAAG,IAAAC,aAAM,EAACH,KAAK,CAAC;EAE9B,IAAMI,UAAU,GAAG,IAAAD,aAAM,EAAC,YAAkB;IACxC,IAAME,OAAO,GAAGJ,OAAO,CAACC,QAAQ,CAACI,OAAO,CAAC;IACzC,OAAOD,OAAO,yBAAS;EAC3B,CAAC,CAAC;EAEF,IAAAE,gBAAS,EAAC,YAAM;IACZL,QAAQ,CAACI,OAAO,GAAGN,KAAK;EAC5B,CAAC,CAAC;EAEF,OAAOI,UAAU,CAACE,OAAO;AAC7B"}
|
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 {};
|
package/hooks/useHandlers.js
CHANGED
|
@@ -1,18 +1,26 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.useHandlers = useHandlers;
|
|
7
|
+
var _react = require("react");
|
|
8
|
+
function useHandlers(props, factories) {
|
|
9
|
+
var propsRef = (0, _react.useRef)(props);
|
|
10
|
+
var handlersRef = (0, _react.useRef)(function () {
|
|
5
11
|
var names = Object.keys(factories);
|
|
6
12
|
return names.reduce(function (handlers, name) {
|
|
13
|
+
/**
|
|
14
|
+
* TODO: figure out args types
|
|
15
|
+
*/
|
|
7
16
|
handlers[name] = function () {
|
|
8
17
|
var handler = factories[name](propsRef.current);
|
|
9
18
|
return handler.apply(void 0, arguments);
|
|
10
19
|
};
|
|
11
|
-
|
|
12
20
|
return handlers;
|
|
13
21
|
}, {});
|
|
14
22
|
}());
|
|
15
|
-
useEffect(function () {
|
|
23
|
+
(0, _react.useEffect)(function () {
|
|
16
24
|
propsRef.current = props;
|
|
17
25
|
});
|
|
18
26
|
return handlersRef.current;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["useHandlers","props","factories","propsRef","useRef","handlersRef","names","Object","keys","reduce","handlers","name","handler","current","useEffect"],"sources":["useHandlers.ts"],"sourcesContent":["import { useRef, useEffect } from \"react\";\n\ntype HandlerProps = { [key: string]: any };\ntype HandlerFactories = { [key: string]: (props: HandlerProps) => (...params: any[]) => any };\ntype Handlers = {\n [K in keyof HandlerFactories]: (...params: any[]) => any;\n};\n\nexport function useHandlers<H = Handlers>(props: HandlerProps, factories: HandlerFactories) {\n const propsRef = useRef(props);\n\n const handlersRef = useRef(\n (() => {\n const names = Object.keys(factories);\n return names.reduce((handlers, name) => {\n /**\n * TODO: figure out args types\n */\n handlers[name] = (...args: any) => {\n const handler = factories[name](propsRef.current);\n return handler(...args);\n };\n return handlers;\n }, {} as Record<string, any>);\n })()\n );\n\n useEffect(() => {\n propsRef.current = props;\n });\n\n return handlersRef.current as H;\n}\n"],"mappings":";;;;;;AAAA;AAQO,SAASA,WAAW,CAAeC,KAAmB,EAAEC,SAA2B,EAAE;EACxF,IAAMC,QAAQ,GAAG,IAAAC,aAAM,EAACH,KAAK,CAAC;EAE9B,IAAMI,WAAW,GAAG,IAAAD,aAAM,EACrB,YAAM;IACH,IAAME,KAAK,GAAGC,MAAM,CAACC,IAAI,CAACN,SAAS,CAAC;IACpC,OAAOI,KAAK,CAACG,MAAM,CAAC,UAACC,QAAQ,EAAEC,IAAI,EAAK;MACpC;AAChB;AACA;MACgBD,QAAQ,CAACC,IAAI,CAAC,GAAG,YAAkB;QAC/B,IAAMC,OAAO,GAAGV,SAAS,CAACS,IAAI,CAAC,CAACR,QAAQ,CAACU,OAAO,CAAC;QACjD,OAAOD,OAAO,yBAAS;MAC3B,CAAC;MACD,OAAOF,QAAQ;IACnB,CAAC,EAAE,CAAC,CAAC,CAAwB;EACjC,CAAC,EAAG,CACP;EAED,IAAAI,gBAAS,EAAC,YAAM;IACZX,QAAQ,CAACU,OAAO,GAAGZ,KAAK;EAC5B,CAAC,CAAC;EAEF,OAAOI,WAAW,CAACQ,OAAO;AAC9B"}
|
package/hooks/useUi.js
CHANGED
|
@@ -1,5 +1,12 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
};
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.useUi = void 0;
|
|
7
|
+
var _react = require("react");
|
|
8
|
+
var _Ui = require("./../contexts/Ui");
|
|
9
|
+
var useUi = function useUi() {
|
|
10
|
+
return (0, _react.useContext)(_Ui.UiContext);
|
|
11
|
+
};
|
|
12
|
+
exports.useUi = useUi;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["useUi","useContext","UiContext"],"sources":["useUi.ts"],"sourcesContent":["import { useContext } from \"react\";\nimport { UiContext, UiContextValue } from \"./../contexts/Ui\";\n\nexport const useUi = () => {\n return useContext(UiContext) as UiContextValue;\n};\n"],"mappings":";;;;;;AAAA;AACA;AAEO,IAAMA,KAAK,GAAG,SAARA,KAAK,GAAS;EACvB,OAAO,IAAAC,iBAAU,EAACC,aAAS,CAAC;AAChC,CAAC;AAAC"}
|
package/i18n/i18n.js
CHANGED
|
@@ -1,5 +1,14 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
|
|
4
|
+
var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
|
|
5
|
+
Object.defineProperty(exports, "__esModule", {
|
|
6
|
+
value: true
|
|
7
|
+
});
|
|
8
|
+
exports.default = void 0;
|
|
9
|
+
var _i18n = _interopRequireWildcard(require("@webiny/i18n"));
|
|
10
|
+
var _i18nReact = _interopRequireDefault(require("@webiny/i18n-react"));
|
|
11
|
+
_i18n.default.registerProcessors([_i18n.defaultProcessor, _i18nReact.default]);
|
|
12
|
+
_i18n.default.registerModifiers(_i18n.defaultModifiers);
|
|
13
|
+
var _default = _i18n.default;
|
|
14
|
+
exports.default = _default;
|
package/i18n/i18n.js.map
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["i18n","registerProcessors","defaultProcessor","reactProcessor","registerModifiers","defaultModifiers"],"sources":["i18n.ts"],"sourcesContent":["import i18n, { defaultProcessor, defaultModifiers } from \"@webiny/i18n\";\nimport reactProcessor from \"@webiny/i18n-react\";\n\ni18n.registerProcessors([defaultProcessor, reactProcessor]);\ni18n.registerModifiers(defaultModifiers);\n\nexport default i18n;\n"],"mappings":";;;;;;;;AAAA;AACA;AAEAA,aAAI,CAACC,kBAAkB,CAAC,CAACC,sBAAgB,EAAEC,kBAAc,CAAC,CAAC;AAC3DH,aAAI,CAACI,iBAAiB,CAACC,sBAAgB,CAAC;AAAC,eAE1BL,aAAI;AAAA"}
|
package/i18n/index.js
CHANGED
|
@@ -1 +1,13 @@
|
|
|
1
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
|
|
4
|
+
Object.defineProperty(exports, "__esModule", {
|
|
5
|
+
value: true
|
|
6
|
+
});
|
|
7
|
+
Object.defineProperty(exports, "i18n", {
|
|
8
|
+
enumerable: true,
|
|
9
|
+
get: function get() {
|
|
10
|
+
return _i18n.default;
|
|
11
|
+
}
|
|
12
|
+
});
|
|
13
|
+
var _i18n = _interopRequireDefault(require("./i18n"));
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export { default as i18n } from \"./i18n\";\n"],"mappings":";;;;;;;;;;;;AAAA"}
|
package/index.d.ts
ADDED
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
export { AddQuerySelectionPlugin } from "./plugins/AddQuerySelectionPlugin";
|
|
2
|
+
export { ApolloLinkPlugin } from "./plugins/ApolloLinkPlugin";
|
|
3
|
+
export { RoutePlugin } from "./plugins/RoutePlugin";
|
|
4
|
+
export { ApolloCacheObjectIdPlugin } from "./plugins/ApolloCacheObjectIdPlugin";
|
|
5
|
+
export * from "@webiny/react-composition";
|
|
6
|
+
export type { HigherOrderComponent, ComposeProps, ComposableFC } from "@webiny/react-composition";
|
|
7
|
+
export * from "./App";
|
|
8
|
+
export type { AppProps } from "./App";
|
|
9
|
+
export * from "./core/Plugins";
|
|
10
|
+
export * from "./core/Plugin";
|
|
11
|
+
export * from "./core/Provider";
|
|
12
|
+
export * from "./core/AddRoute";
|
|
13
|
+
export * from "./core/DebounceRender";
|
|
14
|
+
export * from "./core/createProvider";
|
|
15
|
+
export * from "./core/createProviderPlugin";
|