@sentecacommerce-theme/lib 0.13.7-alpha.6 → 0.13.7-alpha.7
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/dist/cjs/listing/api/queries/useListingQuery.js +5 -23
- package/dist/cjs/listing/hooks/useListingPagination.js +1 -2
- package/dist/cjs/listing/hooks/useSort.js +48 -17
- package/dist/cjs/listing/ssr/prefetchCategories.js +1 -1
- package/dist/cjs/listing/ssr/prefetchListing.js +5 -6
- package/dist/cjs/listing/utils/calculateOffset.js +1 -1
- package/dist/esm/listing/api/queries/useListingQuery.js +5 -23
- package/dist/esm/listing/hooks/useListingPagination.js +1 -2
- package/dist/esm/listing/hooks/useSort.js +48 -17
- package/dist/esm/listing/ssr/prefetchCategories.js +2 -2
- package/dist/esm/listing/ssr/prefetchListing.js +5 -6
- package/dist/esm/listing/utils/calculateOffset.js +1 -1
- package/dist/types/listing/hooks/useSort.d.ts +6 -5
- package/dist/types/listing/ssr/prefetchListing.d.ts +1 -2
- package/package.json +8 -8
@@ -115,7 +115,7 @@ var useListingQuery = function() {
|
|
115
115
|
var ref2 = (0, _hooks).useListingAlias(config.meta), aliasedSlug = ref2.slug;
|
116
116
|
var query = router.query;
|
117
117
|
var postFilter = (0, _utils).getPostFilters(router);
|
118
|
-
var limit =
|
118
|
+
var limit = !!router.query.limit ? Number(router.query.limit) : (config === null || config === void 0 ? void 0 : (ref = config.meta) === null || ref === void 0 ? void 0 : ref.limit) || 24;
|
119
119
|
var sort = query.sort || (config === null || config === void 0 ? void 0 : config.defaultSortKey) || 'defaultSort';
|
120
120
|
var offset = (0, _utils).calculateOffset(query === null || query === void 0 ? void 0 : query.page, limit);
|
121
121
|
var queryKeys = (0, _).getListingQueryKeys({
|
@@ -126,7 +126,6 @@ var useListingQuery = function() {
|
|
126
126
|
slug: slug,
|
127
127
|
offset: offset
|
128
128
|
});
|
129
|
-
console.log('useListingQuery', isListingQueryEnabled(config.type, predicate));
|
130
129
|
return (0, _reactQuery).useQuery(queryKeys, _asyncToGenerator(_regeneratorRuntime.default.mark(function _callee() {
|
131
130
|
var data;
|
132
131
|
return _regeneratorRuntime.default.wrap(function _callee$(_ctx) {
|
@@ -145,9 +144,8 @@ var useListingQuery = function() {
|
|
145
144
|
});
|
146
145
|
case 2:
|
147
146
|
data = _ctx.sent;
|
148
|
-
console.log('listing is Processed');
|
149
147
|
return _ctx.abrupt("return", data);
|
150
|
-
case
|
148
|
+
case 4:
|
151
149
|
case "end":
|
152
150
|
return _ctx.stop();
|
153
151
|
}
|
@@ -167,31 +165,15 @@ function processListingQuery(_) {
|
|
167
165
|
}
|
168
166
|
function _processListingQuery() {
|
169
167
|
_processListingQuery = _asyncToGenerator(_regeneratorRuntime.default.mark(function _callee(param) {
|
170
|
-
var predicate, router, limit, sort, postFilter, offset, config, slug, query, type, filter, _sort
|
168
|
+
var predicate, router, limit, sort, postFilter, offset, config, slug, query, type, filter, _sort;
|
171
169
|
return _regeneratorRuntime.default.wrap(function _callee$(_ctx) {
|
172
170
|
while(1)switch(_ctx.prev = _ctx.next){
|
173
171
|
case 0:
|
174
172
|
predicate = param.predicate, router = param.router, limit = param.limit, sort = param.sort, postFilter = param.postFilter, offset = param.offset, config = param.config, slug = param.slug;
|
175
|
-
console.log('processListingQuery');
|
176
173
|
query = router.query;
|
177
174
|
type = (0, _utils).getListingPageType(router, slug, config);
|
178
175
|
filter = generateFilter(type, query, slug, predicate);
|
179
176
|
;
|
180
|
-
console.log(_objectSpread({
|
181
|
-
limit: limit,
|
182
|
-
offset: offset || 0,
|
183
|
-
filter: (0, _utils).extendFilter({
|
184
|
-
slug: filter,
|
185
|
-
filterExtension: config === null || config === void 0 ? void 0 : config.filterExtension,
|
186
|
-
noSplit: true
|
187
|
-
}),
|
188
|
-
sort: (_sort = query.sort) !== null && _sort !== void 0 ? _sort : sort
|
189
|
-
}, (query === null || query === void 0 ? void 0 : query.filter) && {
|
190
|
-
postFilter: postFilter
|
191
|
-
}, (config === null || config === void 0 ? void 0 : config.collapseMode) && type !== _types.ListingTypesEnum.Collection && {
|
192
|
-
collapseMode: config === null || config === void 0 ? void 0 : config.collapseMode
|
193
|
-
}));
|
194
|
-
;
|
195
177
|
return _ctx.abrupt("return", (0, _sdk).CatalogFilter(_objectSpread({
|
196
178
|
limit: limit,
|
197
179
|
offset: offset || 0,
|
@@ -200,13 +182,13 @@ function _processListingQuery() {
|
|
200
182
|
filterExtension: config === null || config === void 0 ? void 0 : config.filterExtension,
|
201
183
|
noSplit: true
|
202
184
|
}),
|
203
|
-
sort: (
|
185
|
+
sort: (_sort = query.sort) !== null && _sort !== void 0 ? _sort : sort
|
204
186
|
}, (query === null || query === void 0 ? void 0 : query.filter) && {
|
205
187
|
postFilter: postFilter
|
206
188
|
}, (config === null || config === void 0 ? void 0 : config.collapseMode) && type !== _types.ListingTypesEnum.Collection && {
|
207
189
|
collapseMode: config === null || config === void 0 ? void 0 : config.collapseMode
|
208
190
|
})));
|
209
|
-
case
|
191
|
+
case 6:
|
210
192
|
case "end":
|
211
193
|
return _ctx.stop();
|
212
194
|
}
|
@@ -48,10 +48,9 @@ var useListingPagination = function() {
|
|
48
48
|
var slug = (0, _useListingSlug).useListingSlug();
|
49
49
|
var ref = (0, _api).useListingQuery(), data = ref.data, isLoading = ref.isLoading;
|
50
50
|
var result = _react.default.useMemo(function() {
|
51
|
-
var _limit;
|
52
51
|
return {
|
53
52
|
pagination: (0, _utils).getPagination(data === null || data === void 0 ? void 0 : data.total, (0, _utils).generateQueryFromRouter(_objectSpread({
|
54
|
-
limit:
|
53
|
+
limit: config.meta.limit || 24,
|
55
54
|
sort: router.query.sort
|
56
55
|
}, router.query)), config.defaultSortKey || 'defaultSort'),
|
57
56
|
query: generateQuery(router, slug)
|
@@ -4,39 +4,70 @@ Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
exports.useSort = void 0;
|
5
5
|
var _router = require("next/router");
|
6
6
|
var _react = require("react");
|
7
|
-
var
|
8
|
-
|
9
|
-
|
10
|
-
|
11
|
-
|
7
|
+
var _ = require(".");
|
8
|
+
function _defineProperty(obj, key, value) {
|
9
|
+
if (key in obj) {
|
10
|
+
Object.defineProperty(obj, key, {
|
11
|
+
value: value,
|
12
|
+
enumerable: true,
|
13
|
+
configurable: true,
|
14
|
+
writable: true
|
15
|
+
});
|
16
|
+
} else {
|
17
|
+
obj[key] = value;
|
18
|
+
}
|
19
|
+
return obj;
|
20
|
+
}
|
21
|
+
function _objectSpread(target) {
|
22
|
+
for(var i = 1; i < arguments.length; i++){
|
23
|
+
var source = arguments[i] != null ? arguments[i] : {
|
24
|
+
};
|
25
|
+
var ownKeys = Object.keys(source);
|
26
|
+
if (typeof Object.getOwnPropertySymbols === "function") {
|
27
|
+
ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
|
28
|
+
return Object.getOwnPropertyDescriptor(source, sym).enumerable;
|
29
|
+
}));
|
30
|
+
}
|
31
|
+
ownKeys.forEach(function(key) {
|
32
|
+
_defineProperty(target, key, source[key]);
|
33
|
+
});
|
34
|
+
}
|
35
|
+
return target;
|
36
|
+
}
|
37
|
+
var useSort = function(props) {
|
38
|
+
var ref2;
|
39
|
+
var ref1 = (0, _).useListingConfig(), sorts = ref1.sortOptions, defaultSortRaw = ref1.defaultSortKey;
|
40
|
+
var defaultSortKey = defaultSortRaw || 'defaultSort';
|
12
41
|
var router = (0, _router).useRouter();
|
13
|
-
var currentSortQuery = (router === null || router === void 0 ? void 0 : (
|
42
|
+
var currentSortQuery = (router === null || router === void 0 ? void 0 : (ref2 = router.query) === null || ref2 === void 0 ? void 0 : ref2.sort) || defaultSortKey;
|
14
43
|
var changeSort = (0, _react).useCallback(function(value) {
|
15
44
|
return function() {
|
16
|
-
|
17
|
-
var query =
|
18
|
-
|
19
|
-
filter: (ref = router.query) === null || ref === void 0 ? void 0 : ref.filter
|
20
|
-
} : {
|
45
|
+
if (!value) return;
|
46
|
+
var query = _objectSpread({
|
47
|
+
}, router.query, {
|
21
48
|
sort: value
|
22
|
-
};
|
49
|
+
});
|
23
50
|
if (defaultSortKey === value) {
|
24
51
|
delete query.sort;
|
25
52
|
}
|
26
53
|
setTimeout(function() {
|
27
|
-
|
54
|
+
var ref;
|
55
|
+
props === null || props === void 0 ? void 0 : (ref = props.onSelect) === null || ref === void 0 ? void 0 : ref.call(props);
|
28
56
|
});
|
29
57
|
return router.push({
|
30
58
|
href: router.pathname,
|
31
59
|
query: query
|
60
|
+
}, undefined, {
|
61
|
+
shallow: true
|
32
62
|
});
|
33
63
|
};
|
34
64
|
}, [
|
35
65
|
defaultSortKey,
|
36
66
|
router,
|
37
|
-
onSelect
|
67
|
+
props === null || props === void 0 ? void 0 : props.onSelect
|
38
68
|
]);
|
39
69
|
var result = (0, _react).useMemo(function() {
|
70
|
+
var ref;
|
40
71
|
var selectedSort = {
|
41
72
|
key: defaultSortKey,
|
42
73
|
label: '',
|
@@ -44,10 +75,10 @@ var useSort = function(param) {
|
|
44
75
|
select: function() {
|
45
76
|
}
|
46
77
|
};
|
47
|
-
var sortOptions = sorts.map(function(sort) {
|
78
|
+
var sortOptions = (ref = sorts || []) === null || ref === void 0 ? void 0 : ref.map(function(sort) {
|
48
79
|
var data = {
|
49
|
-
key: sort.key,
|
50
|
-
label: sort.label,
|
80
|
+
key: sort.key || 'defaultSort',
|
81
|
+
label: sort.label || '',
|
51
82
|
select: changeSort(sort.key),
|
52
83
|
isDefault: sort.key === defaultSortKey
|
53
84
|
};
|
@@ -44,7 +44,7 @@ function prefetchListing(_) {
|
|
44
44
|
}
|
45
45
|
function _prefetchListing() {
|
46
46
|
_prefetchListing = _asyncToGenerator(_regeneratorRuntime.default.mark(function _callee(param) {
|
47
|
-
var queryCache, router, predicate, config, defaultSortKey, ref, aliasedSlug, type, postFilter, ref1, ref2, sort,
|
47
|
+
var queryCache, router, predicate, config, defaultSortKey, ref, aliasedSlug, type, postFilter, ref1, ref2, sort, limit, offset, queryKeys, data;
|
48
48
|
return _regeneratorRuntime.default.wrap(function _callee$(_ctx) {
|
49
49
|
while(1)switch(_ctx.prev = _ctx.next){
|
50
50
|
case 0:
|
@@ -58,8 +58,7 @@ function _prefetchListing() {
|
|
58
58
|
postFilter = (0, _utils).getPostFilters(router);
|
59
59
|
;
|
60
60
|
sort = (ref2 = (ref1 = router.query.sort) !== null && ref1 !== void 0 ? ref1 : defaultSortKey) !== null && ref2 !== void 0 ? ref2 : 'defaultSort';
|
61
|
-
;
|
62
|
-
limit = !!router.query.limit ? Number(router.query.limit) : (ref3 = config === null || config === void 0 ? void 0 : config.limit) !== null && ref3 !== void 0 ? ref3 : 24;
|
61
|
+
limit = !!router.query.limit ? Number(router.query.limit) : (config === null || config === void 0 ? void 0 : config.limit) || 24;
|
63
62
|
offset = (0, _utils).calculateOffset((ref = router.query) === null || ref === void 0 ? void 0 : ref.page, limit);
|
64
63
|
queryKeys = (0, _api).getListingQueryKeys({
|
65
64
|
type: type,
|
@@ -69,7 +68,7 @@ function _prefetchListing() {
|
|
69
68
|
slug: aliasedSlug,
|
70
69
|
offset: offset
|
71
70
|
});
|
72
|
-
_ctx.next =
|
71
|
+
_ctx.next = 12;
|
73
72
|
return (0, _api).processListingQuery({
|
74
73
|
router: router,
|
75
74
|
predicate: predicate,
|
@@ -80,13 +79,13 @@ function _prefetchListing() {
|
|
80
79
|
config: config,
|
81
80
|
slug: aliasedSlug
|
82
81
|
});
|
83
|
-
case
|
82
|
+
case 12:
|
84
83
|
data = _ctx.sent;
|
85
84
|
queryCache.setQueryData(queryKeys, data, {
|
86
85
|
staleTime: 30000
|
87
86
|
});
|
88
87
|
return _ctx.abrupt("return", data);
|
89
|
-
case
|
88
|
+
case 15:
|
90
89
|
case "end":
|
91
90
|
return _ctx.stop();
|
92
91
|
}
|
@@ -104,7 +104,7 @@ export var useListingQuery = function() {
|
|
104
104
|
var ref2 = useListingAlias(config.meta), aliasedSlug = ref2.slug;
|
105
105
|
var query = router.query;
|
106
106
|
var postFilter = getPostFilters(router);
|
107
|
-
var limit =
|
107
|
+
var limit = !!router.query.limit ? Number(router.query.limit) : (config === null || config === void 0 ? void 0 : (ref = config.meta) === null || ref === void 0 ? void 0 : ref.limit) || 24;
|
108
108
|
var sort = query.sort || (config === null || config === void 0 ? void 0 : config.defaultSortKey) || 'defaultSort';
|
109
109
|
var offset = calculateOffset(query === null || query === void 0 ? void 0 : query.page, limit);
|
110
110
|
var queryKeys = getListingQueryKeys({
|
@@ -115,7 +115,6 @@ export var useListingQuery = function() {
|
|
115
115
|
slug: slug,
|
116
116
|
offset: offset
|
117
117
|
});
|
118
|
-
console.log('useListingQuery', isListingQueryEnabled(config.type, predicate));
|
119
118
|
return useQuery(queryKeys, _asyncToGenerator(regeneratorRuntime.mark(function _callee() {
|
120
119
|
var data;
|
121
120
|
return regeneratorRuntime.wrap(function _callee$(_ctx) {
|
@@ -134,9 +133,8 @@ export var useListingQuery = function() {
|
|
134
133
|
});
|
135
134
|
case 2:
|
136
135
|
data = _ctx.sent;
|
137
|
-
console.log('listing is Processed');
|
138
136
|
return _ctx.abrupt("return", data);
|
139
|
-
case
|
137
|
+
case 4:
|
140
138
|
case "end":
|
141
139
|
return _ctx.stop();
|
142
140
|
}
|
@@ -155,31 +153,15 @@ export function processListingQuery(_) {
|
|
155
153
|
}
|
156
154
|
function _processListingQuery() {
|
157
155
|
_processListingQuery = _asyncToGenerator(regeneratorRuntime.mark(function _callee(param) {
|
158
|
-
var predicate, router, limit, sort, postFilter, offset, config, slug, query, type, filter, _sort
|
156
|
+
var predicate, router, limit, sort, postFilter, offset, config, slug, query, type, filter, _sort;
|
159
157
|
return regeneratorRuntime.wrap(function _callee$(_ctx) {
|
160
158
|
while(1)switch(_ctx.prev = _ctx.next){
|
161
159
|
case 0:
|
162
160
|
predicate = param.predicate, router = param.router, limit = param.limit, sort = param.sort, postFilter = param.postFilter, offset = param.offset, config = param.config, slug = param.slug;
|
163
|
-
console.log('processListingQuery');
|
164
161
|
query = router.query;
|
165
162
|
type = getListingPageType(router, slug, config);
|
166
163
|
filter = generateFilter(type, query, slug, predicate);
|
167
164
|
;
|
168
|
-
console.log(_objectSpread({
|
169
|
-
limit: limit,
|
170
|
-
offset: offset || 0,
|
171
|
-
filter: extendFilter({
|
172
|
-
slug: filter,
|
173
|
-
filterExtension: config === null || config === void 0 ? void 0 : config.filterExtension,
|
174
|
-
noSplit: true
|
175
|
-
}),
|
176
|
-
sort: (_sort = query.sort) !== null && _sort !== void 0 ? _sort : sort
|
177
|
-
}, (query === null || query === void 0 ? void 0 : query.filter) && {
|
178
|
-
postFilter: postFilter
|
179
|
-
}, (config === null || config === void 0 ? void 0 : config.collapseMode) && type !== ListingTypesEnum.Collection && {
|
180
|
-
collapseMode: config === null || config === void 0 ? void 0 : config.collapseMode
|
181
|
-
}));
|
182
|
-
;
|
183
165
|
return _ctx.abrupt("return", CatalogFilter(_objectSpread({
|
184
166
|
limit: limit,
|
185
167
|
offset: offset || 0,
|
@@ -188,13 +170,13 @@ function _processListingQuery() {
|
|
188
170
|
filterExtension: config === null || config === void 0 ? void 0 : config.filterExtension,
|
189
171
|
noSplit: true
|
190
172
|
}),
|
191
|
-
sort: (
|
173
|
+
sort: (_sort = query.sort) !== null && _sort !== void 0 ? _sort : sort
|
192
174
|
}, (query === null || query === void 0 ? void 0 : query.filter) && {
|
193
175
|
postFilter: postFilter
|
194
176
|
}, (config === null || config === void 0 ? void 0 : config.collapseMode) && type !== ListingTypesEnum.Collection && {
|
195
177
|
collapseMode: config === null || config === void 0 ? void 0 : config.collapseMode
|
196
178
|
})));
|
197
|
-
case
|
179
|
+
case 6:
|
198
180
|
case "end":
|
199
181
|
return _ctx.stop();
|
200
182
|
}
|
@@ -39,10 +39,9 @@ export var useListingPagination = function() {
|
|
39
39
|
var slug = useListingSlug();
|
40
40
|
var ref = useListingQuery(), data = ref.data, isLoading = ref.isLoading;
|
41
41
|
var result = React.useMemo(function() {
|
42
|
-
var _limit;
|
43
42
|
return {
|
44
43
|
pagination: getPagination(data === null || data === void 0 ? void 0 : data.total, generateQueryFromRouter(_objectSpread({
|
45
|
-
limit:
|
44
|
+
limit: config.meta.limit || 24,
|
46
45
|
sort: router.query.sort
|
47
46
|
}, router.query)), config.defaultSortKey || 'defaultSort'),
|
48
47
|
query: generateQuery(router, slug)
|
@@ -1,38 +1,69 @@
|
|
1
1
|
import { useRouter } from 'next/router';
|
2
2
|
import { useCallback, useMemo } from 'react';
|
3
|
-
|
4
|
-
|
5
|
-
|
6
|
-
|
7
|
-
|
3
|
+
import { useListingConfig } from '.';
|
4
|
+
function _defineProperty(obj, key, value) {
|
5
|
+
if (key in obj) {
|
6
|
+
Object.defineProperty(obj, key, {
|
7
|
+
value: value,
|
8
|
+
enumerable: true,
|
9
|
+
configurable: true,
|
10
|
+
writable: true
|
11
|
+
});
|
12
|
+
} else {
|
13
|
+
obj[key] = value;
|
14
|
+
}
|
15
|
+
return obj;
|
16
|
+
}
|
17
|
+
function _objectSpread(target) {
|
18
|
+
for(var i = 1; i < arguments.length; i++){
|
19
|
+
var source = arguments[i] != null ? arguments[i] : {
|
20
|
+
};
|
21
|
+
var ownKeys = Object.keys(source);
|
22
|
+
if (typeof Object.getOwnPropertySymbols === "function") {
|
23
|
+
ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
|
24
|
+
return Object.getOwnPropertyDescriptor(source, sym).enumerable;
|
25
|
+
}));
|
26
|
+
}
|
27
|
+
ownKeys.forEach(function(key) {
|
28
|
+
_defineProperty(target, key, source[key]);
|
29
|
+
});
|
30
|
+
}
|
31
|
+
return target;
|
32
|
+
}
|
33
|
+
export var useSort = function(props) {
|
34
|
+
var ref2;
|
35
|
+
var ref1 = useListingConfig(), sorts = ref1.sortOptions, defaultSortRaw = ref1.defaultSortKey;
|
36
|
+
var defaultSortKey = defaultSortRaw || 'defaultSort';
|
8
37
|
var router = useRouter();
|
9
|
-
var currentSortQuery = (router === null || router === void 0 ? void 0 : (
|
38
|
+
var currentSortQuery = (router === null || router === void 0 ? void 0 : (ref2 = router.query) === null || ref2 === void 0 ? void 0 : ref2.sort) || defaultSortKey;
|
10
39
|
var changeSort = useCallback(function(value) {
|
11
40
|
return function() {
|
12
|
-
|
13
|
-
var query =
|
14
|
-
|
15
|
-
filter: (ref = router.query) === null || ref === void 0 ? void 0 : ref.filter
|
16
|
-
} : {
|
41
|
+
if (!value) return;
|
42
|
+
var query = _objectSpread({
|
43
|
+
}, router.query, {
|
17
44
|
sort: value
|
18
|
-
};
|
45
|
+
});
|
19
46
|
if (defaultSortKey === value) {
|
20
47
|
delete query.sort;
|
21
48
|
}
|
22
49
|
setTimeout(function() {
|
23
|
-
|
50
|
+
var ref;
|
51
|
+
props === null || props === void 0 ? void 0 : (ref = props.onSelect) === null || ref === void 0 ? void 0 : ref.call(props);
|
24
52
|
});
|
25
53
|
return router.push({
|
26
54
|
href: router.pathname,
|
27
55
|
query: query
|
56
|
+
}, undefined, {
|
57
|
+
shallow: true
|
28
58
|
});
|
29
59
|
};
|
30
60
|
}, [
|
31
61
|
defaultSortKey,
|
32
62
|
router,
|
33
|
-
onSelect
|
63
|
+
props === null || props === void 0 ? void 0 : props.onSelect
|
34
64
|
]);
|
35
65
|
var result = useMemo(function() {
|
66
|
+
var ref;
|
36
67
|
var selectedSort = {
|
37
68
|
key: defaultSortKey,
|
38
69
|
label: '',
|
@@ -40,10 +71,10 @@ export var useSort = function(param) {
|
|
40
71
|
select: function() {
|
41
72
|
}
|
42
73
|
};
|
43
|
-
var sortOptions = sorts.map(function(sort) {
|
74
|
+
var sortOptions = (ref = sorts || []) === null || ref === void 0 ? void 0 : ref.map(function(sort) {
|
44
75
|
var data = {
|
45
|
-
key: sort.key,
|
46
|
-
label: sort.label,
|
76
|
+
key: sort.key || 'defaultSort',
|
77
|
+
label: sort.label || '',
|
47
78
|
select: changeSort(sort.key),
|
48
79
|
isDefault: sort.key === defaultSortKey
|
49
80
|
};
|
@@ -1,6 +1,6 @@
|
|
1
1
|
import regeneratorRuntime from "regenerator-runtime";
|
2
2
|
import { CatalogAggregate } from '@sentecacommerce/sdk';
|
3
|
-
import { getSlug, getListingAlias } from '../utils';
|
3
|
+
import { getSlug, getListingAlias, getPostFilters } from '../utils';
|
4
4
|
import { prepareAggregateQuery, AggregateRequestEnum, generateAggregateKey } from '../api';
|
5
5
|
function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) {
|
6
6
|
try {
|
@@ -63,7 +63,7 @@ function _prefetchCategories() {
|
|
63
63
|
AggregateRequestEnum.Categories,
|
64
64
|
aggregateKeys,
|
65
65
|
aliasedSlug,
|
66
|
-
|
66
|
+
getPostFilters(router),
|
67
67
|
], response, {
|
68
68
|
staleTime: 30000
|
69
69
|
});
|
@@ -36,7 +36,7 @@ export function prefetchListing(_) {
|
|
36
36
|
}
|
37
37
|
function _prefetchListing() {
|
38
38
|
_prefetchListing = _asyncToGenerator(regeneratorRuntime.mark(function _callee(param) {
|
39
|
-
var queryCache, router, predicate, config, defaultSortKey, ref, aliasedSlug, type, postFilter, ref1, ref2, sort,
|
39
|
+
var queryCache, router, predicate, config, defaultSortKey, ref, aliasedSlug, type, postFilter, ref1, ref2, sort, limit, offset, queryKeys, data;
|
40
40
|
return regeneratorRuntime.wrap(function _callee$(_ctx) {
|
41
41
|
while(1)switch(_ctx.prev = _ctx.next){
|
42
42
|
case 0:
|
@@ -50,8 +50,7 @@ function _prefetchListing() {
|
|
50
50
|
postFilter = getPostFilters(router);
|
51
51
|
;
|
52
52
|
sort = (ref2 = (ref1 = router.query.sort) !== null && ref1 !== void 0 ? ref1 : defaultSortKey) !== null && ref2 !== void 0 ? ref2 : 'defaultSort';
|
53
|
-
;
|
54
|
-
limit = !!router.query.limit ? Number(router.query.limit) : (ref3 = config === null || config === void 0 ? void 0 : config.limit) !== null && ref3 !== void 0 ? ref3 : 24;
|
53
|
+
limit = !!router.query.limit ? Number(router.query.limit) : (config === null || config === void 0 ? void 0 : config.limit) || 24;
|
55
54
|
offset = calculateOffset((ref = router.query) === null || ref === void 0 ? void 0 : ref.page, limit);
|
56
55
|
queryKeys = getListingQueryKeys({
|
57
56
|
type: type,
|
@@ -61,7 +60,7 @@ function _prefetchListing() {
|
|
61
60
|
slug: aliasedSlug,
|
62
61
|
offset: offset
|
63
62
|
});
|
64
|
-
_ctx.next =
|
63
|
+
_ctx.next = 12;
|
65
64
|
return processListingQuery({
|
66
65
|
router: router,
|
67
66
|
predicate: predicate,
|
@@ -72,13 +71,13 @@ function _prefetchListing() {
|
|
72
71
|
config: config,
|
73
72
|
slug: aliasedSlug
|
74
73
|
});
|
75
|
-
case
|
74
|
+
case 12:
|
76
75
|
data = _ctx.sent;
|
77
76
|
queryCache.setQueryData(queryKeys, data, {
|
78
77
|
staleTime: 30000
|
79
78
|
});
|
80
79
|
return _ctx.abrupt("return", data);
|
81
|
-
case
|
80
|
+
case 15:
|
82
81
|
case "end":
|
83
82
|
return _ctx.stop();
|
84
83
|
}
|
@@ -1,9 +1,10 @@
|
|
1
|
+
import { StringField } from '@sentecacommerce-theme/cms';
|
1
2
|
declare type Props = {
|
2
|
-
sorts
|
3
|
-
key:
|
4
|
-
label:
|
3
|
+
sorts?: {
|
4
|
+
key: StringField;
|
5
|
+
label: StringField;
|
5
6
|
}[];
|
6
|
-
defaultSortKey
|
7
|
+
defaultSortKey?: StringField;
|
7
8
|
onSelect?: () => void;
|
8
9
|
};
|
9
10
|
declare type SortOptionType = {
|
@@ -17,5 +18,5 @@ export declare type UseSortResults = {
|
|
17
18
|
selectedSort: SortOptionType;
|
18
19
|
resetSort: () => void;
|
19
20
|
};
|
20
|
-
export declare const useSort: (
|
21
|
+
export declare const useSort: (props?: Props | undefined) => UseSortResults;
|
21
22
|
export {};
|
@@ -2,11 +2,10 @@ import { NextRouter } from 'next/router';
|
|
2
2
|
import type { QueryCache } from 'react-query';
|
3
3
|
import { PredicateType } from '../api';
|
4
4
|
import { ListingPageMeta } from '..';
|
5
|
-
export declare function prefetchListing({ queryCache, router, predicate, config, defaultSortKey }: {
|
5
|
+
export declare function prefetchListing({ queryCache, router, predicate, config, defaultSortKey, }: {
|
6
6
|
queryCache: QueryCache;
|
7
7
|
router: NextRouter;
|
8
8
|
predicate?: PredicateType;
|
9
|
-
filterExtension?: string;
|
10
9
|
defaultSortKey: string;
|
11
10
|
config: ListingPageMeta;
|
12
11
|
}): Promise<import("@sentecacommerce/sdk").CatalogFilterResultDTO>;
|
package/package.json
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
{
|
2
2
|
"name": "@sentecacommerce-theme/lib",
|
3
3
|
"sideEffects": false,
|
4
|
-
"version": "0.13.7-alpha.
|
4
|
+
"version": "0.13.7-alpha.7",
|
5
5
|
"main": "dist/cjs/index.js",
|
6
6
|
"module": "dist/esm/index.js",
|
7
7
|
"types": "dist/types/index.d.ts",
|
@@ -21,15 +21,15 @@
|
|
21
21
|
},
|
22
22
|
"url": "https://github.com/senteca/theme.git",
|
23
23
|
"scripts": {
|
24
|
-
"prebuild": "rimraf
|
24
|
+
"prebuild": "rimraf dist",
|
25
25
|
"build": "concurrently yarn:build:*",
|
26
|
-
"build:types": "tsc --emitDeclarationOnly --declaration --declarationDir
|
27
|
-
"build:cjs": "swc src --out-dir
|
28
|
-
"build:esm": "swc src --out-dir
|
26
|
+
"build:types": "tsc --emitDeclarationOnly --declaration --declarationDir dist/types",
|
27
|
+
"build:cjs": "swc src --out-dir dist/cjs",
|
28
|
+
"build:esm": "swc src --out-dir dist/esm --no-swcrc",
|
29
29
|
"watch": "concurrently yarn:watch:*",
|
30
|
-
"watch:types": "tsc --emitDeclarationOnly --declaration -w --declarationDir
|
31
|
-
"watch:cjs": "swc src --out-dir
|
32
|
-
"watch:esm": "swc src --out-dir
|
30
|
+
"watch:types": "tsc --emitDeclarationOnly --declaration -w --declarationDir dist/types",
|
31
|
+
"watch:cjs": "swc src --out-dir dist/cjs -w",
|
32
|
+
"watch:esm": "swc src --out-dir dist/esm --no-swcrc -w"
|
33
33
|
},
|
34
34
|
"gitHead": "cf94e18e4b1843926172d5722c667a88533157cd",
|
35
35
|
"dependencies": {
|