@usereactify/search 5.0.0-beta.1 → 5.0.0-beta.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +16 -0
- package/dist/package.json +70 -0
- package/dist/src/components/Example/ExampleFilterList.d.ts +4 -0
- package/dist/src/components/Example/ExampleFilterList.js +20 -0
- package/dist/src/components/Example/ExampleFilterList.js.map +1 -0
- package/dist/src/components/Example/ExampleFilterRange.d.ts +4 -0
- package/dist/src/components/Example/ExampleFilterRange.js +22 -0
- package/dist/src/components/Example/ExampleFilterRange.js.map +1 -0
- package/dist/src/components/Example/ExampleFilterSlider.d.ts +4 -0
- package/dist/src/components/Example/ExampleFilterSlider.js +21 -0
- package/dist/src/components/Example/ExampleFilterSlider.js.map +1 -0
- package/dist/src/components/Example/ExampleFilterStack.d.ts +4 -0
- package/dist/src/components/Example/ExampleFilterStack.js +13 -0
- package/dist/src/components/Example/ExampleFilterStack.js.map +1 -0
- package/dist/src/components/Example/ExampleResultCardCallout.d.ts +4 -0
- package/dist/src/components/Example/ExampleResultCardCallout.js +22 -0
- package/dist/src/components/Example/ExampleResultCardCallout.js.map +1 -0
- package/dist/src/components/Example/ExampleResultCardProduct.d.ts +4 -0
- package/dist/src/components/Example/ExampleResultCardProduct.js +19 -0
- package/dist/src/components/Example/ExampleResultCardProduct.js.map +1 -0
- package/dist/src/components/Example/ExampleResultPaginationLoadMore.d.ts +4 -0
- package/dist/src/components/Example/ExampleResultPaginationLoadMore.js +12 -0
- package/dist/src/components/Example/ExampleResultPaginationLoadMore.js.map +1 -0
- package/dist/src/components/Example/ExampleResultPaginationNextPrev.d.ts +4 -0
- package/dist/src/components/Example/ExampleResultPaginationNextPrev.js +14 -0
- package/dist/src/components/Example/ExampleResultPaginationNextPrev.js.map +1 -0
- package/dist/src/components/Example/ExampleResultPaginationNumbered.d.ts +4 -0
- package/dist/src/components/Example/ExampleResultPaginationNumbered.js +27 -0
- package/dist/src/components/Example/ExampleResultPaginationNumbered.js.map +1 -0
- package/dist/src/components/Example/ExampleSortby.d.ts +4 -0
- package/dist/src/components/Example/ExampleSortby.js +13 -0
- package/dist/src/components/Example/ExampleSortby.js.map +1 -0
- package/dist/src/components/Example/index.d.ts +10 -0
- package/dist/src/components/Example/index.js +23 -0
- package/dist/src/components/Example/index.js.map +1 -0
- package/dist/src/components/Filter/Filter.d.ts +20 -0
- package/dist/src/components/Filter/Filter.js +90 -0
- package/dist/src/components/Filter/Filter.js.map +1 -0
- package/dist/src/components/Filter/FilterStack.d.ts +7 -0
- package/dist/src/components/Filter/FilterStack.js +17 -0
- package/dist/src/components/Filter/FilterStack.js.map +1 -0
- package/dist/src/components/Filter/index.d.ts +2 -0
- package/dist/src/components/Filter/index.js +15 -0
- package/dist/src/components/Filter/index.js.map +1 -0
- package/dist/src/components/ReactifySearchBase/ReactifySearchBase.d.ts +42 -0
- package/dist/src/components/ReactifySearchBase/ReactifySearchBase.js +143 -0
- package/dist/src/components/ReactifySearchBase/ReactifySearchBase.js.map +1 -0
- package/dist/src/components/ReactifySearchBase/index.d.ts +1 -0
- package/dist/src/components/ReactifySearchBase/index.js +14 -0
- package/dist/src/components/ReactifySearchBase/index.js.map +1 -0
- package/dist/src/components/Result/ResultCardCallout.d.ts +12 -0
- package/dist/src/components/Result/ResultCardCallout.js +47 -0
- package/dist/src/components/Result/ResultCardCallout.js.map +1 -0
- package/dist/src/components/Result/ResultCardProduct.d.ts +13 -0
- package/dist/src/components/Result/ResultCardProduct.js +64 -0
- package/dist/src/components/Result/ResultCardProduct.js.map +1 -0
- package/dist/src/components/Result/ResultPaginationLoadMore.d.ts +7 -0
- package/dist/src/components/Result/ResultPaginationLoadMore.js +17 -0
- package/dist/src/components/Result/ResultPaginationLoadMore.js.map +1 -0
- package/dist/src/components/Result/ResultPaginationNextPrev.d.ts +7 -0
- package/dist/src/components/Result/ResultPaginationNextPrev.js +17 -0
- package/dist/src/components/Result/ResultPaginationNextPrev.js.map +1 -0
- package/dist/src/components/Result/ResultPaginationNumbered.d.ts +7 -0
- package/dist/src/components/Result/ResultPaginationNumbered.js +20 -0
- package/dist/src/components/Result/ResultPaginationNumbered.js.map +1 -0
- package/dist/src/components/Result/ResultStack.d.ts +40 -0
- package/dist/src/components/Result/ResultStack.js +108 -0
- package/dist/src/components/Result/ResultStack.js.map +1 -0
- package/dist/src/components/Result/ResultStateProvider.d.ts +6 -0
- package/dist/src/components/Result/ResultStateProvider.js +11 -0
- package/dist/src/components/Result/ResultStateProvider.js.map +1 -0
- package/dist/src/components/Result/index.d.ts +7 -0
- package/dist/src/components/Result/index.js +20 -0
- package/dist/src/components/Result/index.js.map +1 -0
- package/dist/src/components/Search/SearchInput.d.ts +8 -0
- package/dist/src/components/Search/SearchInput.js +18 -0
- package/dist/src/components/Search/SearchInput.js.map +1 -0
- package/dist/src/components/Search/index.d.ts +1 -0
- package/dist/src/components/Search/index.js +14 -0
- package/dist/src/components/Search/index.js.map +1 -0
- package/dist/src/components/Sensor/SensorCollection.d.ts +2 -0
- package/dist/src/components/Sensor/SensorCollection.js +45 -0
- package/dist/src/components/Sensor/SensorCollection.js.map +1 -0
- package/dist/src/components/Sensor/SensorInventoryAvailable.d.ts +2 -0
- package/dist/src/components/Sensor/SensorInventoryAvailable.js +53 -0
- package/dist/src/components/Sensor/SensorInventoryAvailable.js.map +1 -0
- package/dist/src/components/Sensor/SensorPublished.d.ts +2 -0
- package/dist/src/components/Sensor/SensorPublished.js +17 -0
- package/dist/src/components/Sensor/SensorPublished.js.map +1 -0
- package/dist/src/components/Sensor/SensorSearch.d.ts +2 -0
- package/dist/src/components/Sensor/SensorSearch.js +83 -0
- package/dist/src/components/Sensor/SensorSearch.js.map +1 -0
- package/dist/src/components/Sensor/SensorSort.d.ts +2 -0
- package/dist/src/components/Sensor/SensorSort.js +205 -0
- package/dist/src/components/Sensor/SensorSort.js.map +1 -0
- package/dist/src/components/Sensor/SensorSortScore.d.ts +2 -0
- package/dist/src/components/Sensor/SensorSortScore.js +13 -0
- package/dist/src/components/Sensor/SensorSortScore.js.map +1 -0
- package/dist/src/components/Sensor/SensorStack.d.ts +3 -0
- package/dist/src/components/Sensor/SensorStack.js +32 -0
- package/dist/src/components/Sensor/SensorStack.js.map +1 -0
- package/dist/src/components/Sensor/index.d.ts +8 -0
- package/dist/src/components/Sensor/index.js +30 -0
- package/dist/src/components/Sensor/index.js.map +1 -0
- package/dist/src/components/Sortby/Sortby.d.ts +7 -0
- package/dist/src/components/Sortby/Sortby.js +17 -0
- package/dist/src/components/Sortby/Sortby.js.map +1 -0
- package/dist/src/components/Sortby/index.d.ts +1 -0
- package/dist/src/components/Sortby/index.js +14 -0
- package/dist/src/components/Sortby/index.js.map +1 -0
- package/dist/src/components/Utility/UtilityAuthenticatedReactiveBase.d.ts +2 -0
- package/dist/src/components/Utility/UtilityAuthenticatedReactiveBase.js +15 -0
- package/dist/src/components/Utility/UtilityAuthenticatedReactiveBase.js.map +1 -0
- package/dist/src/components/Utility/index.d.ts +1 -0
- package/dist/src/components/Utility/index.js +14 -0
- package/dist/src/components/Utility/index.js.map +1 -0
- package/dist/src/components/index.d.ts +8 -0
- package/dist/src/components/index.js +21 -0
- package/dist/src/components/index.js.map +1 -0
- package/dist/src/hooks/index.d.ts +14 -0
- package/dist/src/hooks/index.js +27 -0
- package/dist/src/hooks/index.js.map +1 -0
- package/dist/src/hooks/reactivesearch/index.d.ts +8 -0
- package/dist/src/hooks/reactivesearch/index.js +21 -0
- package/dist/src/hooks/reactivesearch/index.js.map +1 -0
- package/dist/src/hooks/reactivesearch/useReactiveBaseProps.d.ts +7 -0
- package/dist/src/hooks/reactivesearch/useReactiveBaseProps.js +44 -0
- package/dist/src/hooks/reactivesearch/useReactiveBaseProps.js.map +1 -0
- package/dist/src/hooks/reactivesearch/useReactiveDataSearchProps.d.ts +26 -0
- package/dist/src/hooks/reactivesearch/useReactiveDataSearchProps.js +71 -0
- package/dist/src/hooks/reactivesearch/useReactiveDataSearchProps.js.map +1 -0
- package/dist/src/hooks/reactivesearch/useReactiveFilterListProps.d.ts +73 -0
- package/dist/src/hooks/reactivesearch/useReactiveFilterListProps.js +22 -0
- package/dist/src/hooks/reactivesearch/useReactiveFilterListProps.js.map +1 -0
- package/dist/src/hooks/reactivesearch/useReactiveFilterRangeProps.d.ts +70 -0
- package/dist/src/hooks/reactivesearch/useReactiveFilterRangeProps.js +22 -0
- package/dist/src/hooks/reactivesearch/useReactiveFilterRangeProps.js.map +1 -0
- package/dist/src/hooks/reactivesearch/useReactiveFilterSharedProps.d.ts +67 -0
- package/dist/src/hooks/reactivesearch/useReactiveFilterSharedProps.js +106 -0
- package/dist/src/hooks/reactivesearch/useReactiveFilterSharedProps.js.map +1 -0
- package/dist/src/hooks/reactivesearch/useReactiveFilterSliderProps.d.ts +68 -0
- package/dist/src/hooks/reactivesearch/useReactiveFilterSliderProps.js +22 -0
- package/dist/src/hooks/reactivesearch/useReactiveFilterSliderProps.js.map +1 -0
- package/dist/src/hooks/reactivesearch/useReactiveReactProp.d.ts +3 -0
- package/dist/src/hooks/reactivesearch/useReactiveReactProp.js +26 -0
- package/dist/src/hooks/reactivesearch/useReactiveReactProp.js.map +1 -0
- package/dist/src/hooks/reactivesearch/useReactiveResultStackProps.d.ts +17 -0
- package/dist/src/hooks/reactivesearch/useReactiveResultStackProps.js +32 -0
- package/dist/src/hooks/reactivesearch/useReactiveResultStackProps.js.map +1 -0
- package/dist/src/hooks/useAnalytics.d.ts +95 -0
- package/dist/src/hooks/useAnalytics.js +111 -0
- package/dist/src/hooks/useAnalytics.js.map +1 -0
- package/dist/src/hooks/useConfig.d.ts +4 -0
- package/dist/src/hooks/useConfig.js +82 -0
- package/dist/src/hooks/useConfig.js.map +1 -0
- package/dist/src/hooks/useCuration.d.ts +2 -0
- package/dist/src/hooks/useCuration.js +53 -0
- package/dist/src/hooks/useCuration.js.map +1 -0
- package/dist/src/hooks/useFilterCollapsedState.d.ts +8 -0
- package/dist/src/hooks/useFilterCollapsedState.js +28 -0
- package/dist/src/hooks/useFilterCollapsedState.js.map +1 -0
- package/dist/src/hooks/useFilterListProps.d.ts +12 -0
- package/dist/src/hooks/useFilterListProps.js +36 -0
- package/dist/src/hooks/useFilterListProps.js.map +1 -0
- package/dist/src/hooks/useFilterStack.d.ts +2 -0
- package/dist/src/hooks/useFilterStack.js +47 -0
- package/dist/src/hooks/useFilterStack.js.map +1 -0
- package/dist/src/hooks/useFilters.d.ts +4 -0
- package/dist/src/hooks/useFilters.js +23 -0
- package/dist/src/hooks/useFilters.js.map +1 -0
- package/dist/src/hooks/usePagination.d.ts +14 -0
- package/dist/src/hooks/usePagination.js +98 -0
- package/dist/src/hooks/usePagination.js.map +1 -0
- package/dist/src/hooks/usePaginationLoadMore.d.ts +15 -0
- package/dist/src/hooks/usePaginationLoadMore.js +38 -0
- package/dist/src/hooks/usePaginationLoadMore.js.map +1 -0
- package/dist/src/hooks/useProductPrice.d.ts +10 -0
- package/dist/src/hooks/useProductPrice.js +64 -0
- package/dist/src/hooks/useProductPrice.js.map +1 -0
- package/dist/src/hooks/useReactifySearchContext.d.ts +78 -0
- package/dist/src/hooks/useReactifySearchContext.js +11 -0
- package/dist/src/hooks/useReactifySearchContext.js.map +1 -0
- package/dist/src/hooks/useSearch.d.ts +8 -0
- package/dist/src/hooks/useSearch.js +37 -0
- package/dist/src/hooks/useSearch.js.map +1 -0
- package/dist/src/hooks/useSortby.d.ts +6 -0
- package/dist/src/hooks/useSortby.js +42 -0
- package/dist/src/hooks/useSortby.js.map +1 -0
- package/dist/src/index.d.ts +3 -0
- package/dist/src/index.js +19 -0
- package/dist/src/index.js.map +1 -0
- package/dist/src/types/config.d.ts +26 -0
- package/dist/src/types/config.js +3 -0
- package/dist/src/types/config.js.map +1 -0
- package/dist/src/types/elastic.d.ts +209 -0
- package/dist/src/types/elastic.js +19 -0
- package/dist/src/types/elastic.js.map +1 -0
- package/dist/src/types/firestore.d.ts +280 -0
- package/dist/src/types/firestore.js +19 -0
- package/dist/src/types/firestore.js.map +1 -0
- package/dist/src/types/graphql.d.ts +26545 -0
- package/dist/src/types/graphql.js +4688 -0
- package/dist/src/types/graphql.js.map +1 -0
- package/dist/src/types/index.d.ts +3 -0
- package/dist/src/types/index.js +16 -0
- package/dist/src/types/index.js.map +1 -0
- package/dist/src/types/reactivesearch.d.ts +73 -0
- package/dist/src/types/reactivesearch.js +3 -0
- package/dist/src/types/reactivesearch.js.map +1 -0
- package/dist/src/types/shopify.d.ts +21 -0
- package/dist/src/types/shopify.js +28 -0
- package/dist/src/types/shopify.js.map +1 -0
- package/package.json +8 -3
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useConfig.js","sourceRoot":"","sources":["../../../src/hooks/useConfig.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,53 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
+
};
|
|
5
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
+
exports.useCuration = void 0;
|
|
7
|
+
const react_1 = __importDefault(require("react"));
|
|
8
|
+
const hooks_1 = require("../hooks");
|
|
9
|
+
const useCuration = () => {
|
|
10
|
+
const { options, config } = (0, hooks_1.useReactifySearchContext)();
|
|
11
|
+
const { searchQuery } = (0, hooks_1.useSearch)();
|
|
12
|
+
return react_1.default.useMemo(() => {
|
|
13
|
+
const handleOrSearchTerm = options.mode === "collection" ? options.collection ? options.collection.handle : searchQuery : "";
|
|
14
|
+
const normalisedHandleOrSearchTerm = handleOrSearchTerm
|
|
15
|
+
.toLowerCase()
|
|
16
|
+
.trim();
|
|
17
|
+
const globalCuration = config.curations.find((curation) => curation.id === "global" && curation.type === options.mode);
|
|
18
|
+
const curation = config.curations.find((curation) => {
|
|
19
|
+
var _a, _b;
|
|
20
|
+
const normalisedSearchTerm = (_a = curation.searchTerm) === null || _a === void 0 ? void 0 : _a.toLowerCase().trim();
|
|
21
|
+
const normalisedCollectionHandle = (_b = curation.collectionHandle) === null || _b === void 0 ? void 0 : _b.toLowerCase().trim();
|
|
22
|
+
if ("search" === options.mode) {
|
|
23
|
+
return ("search" === curation.type &&
|
|
24
|
+
normalisedHandleOrSearchTerm === normalisedSearchTerm);
|
|
25
|
+
}
|
|
26
|
+
if ("collection" === options.mode) {
|
|
27
|
+
return ("collection" === curation.type &&
|
|
28
|
+
normalisedHandleOrSearchTerm === normalisedCollectionHandle);
|
|
29
|
+
}
|
|
30
|
+
return false;
|
|
31
|
+
});
|
|
32
|
+
const addGlobalBoosting = (curation) => {
|
|
33
|
+
const curationIsCollection = curation.type === "collection";
|
|
34
|
+
if (!curationIsCollection) {
|
|
35
|
+
return curation;
|
|
36
|
+
}
|
|
37
|
+
const curationHasRules = !!curation.boosting.groupings.length ||
|
|
38
|
+
!!curation.boosting.sortings.length;
|
|
39
|
+
if (curationHasRules || !globalCuration) {
|
|
40
|
+
return curation;
|
|
41
|
+
}
|
|
42
|
+
const curationWithGlobalBoosting = Object.assign(Object.assign({}, curation), { boosting: globalCuration.boosting });
|
|
43
|
+
return curationWithGlobalBoosting;
|
|
44
|
+
};
|
|
45
|
+
return curation
|
|
46
|
+
? addGlobalBoosting(curation)
|
|
47
|
+
: globalCuration
|
|
48
|
+
? globalCuration
|
|
49
|
+
: undefined;
|
|
50
|
+
}, [config, options.mode === "collection" ? options.collection : undefined, searchQuery]);
|
|
51
|
+
};
|
|
52
|
+
exports.useCuration = useCuration;
|
|
53
|
+
//# sourceMappingURL=useCuration.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useCuration.js","sourceRoot":"","sources":["../../../src/hooks/useCuration.ts"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAG1B,oCAA+D;AAExD,MAAM,WAAW,GAAG,GAA+B,EAAE;IAC3D,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,GAAG,IAAA,gCAAwB,GAAE,CAAC;IACtD,MAAM,EAAE,WAAW,EAAE,GAAG,IAAA,iBAAS,GAAE,CAAC;IAErC,OAAO,eAAK,CAAC,OAAO,CAAC,GAAG,EAAE;QACvB,MAAM,kBAAkB,GAAG,OAAO,CAAC,IAAI,KAAK,YAAY,CAAC,CAAC,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC,CAAC,OAAO,CAAC,UAAU,CAAC,MAAM,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,EAAE,CAAC;QAE7H,MAAM,4BAA4B,GAAG,kBAAkB;aACpD,WAAW,EAAE;aACb,IAAI,EAAE,CAAC;QAEV,MAAM,cAAc,GAAG,MAAM,CAAC,SAAS,CAAC,IAAI,CAC1C,CAAC,QAAQ,EAAE,EAAE,CAAC,QAAQ,CAAC,EAAE,KAAK,QAAQ,IAAI,QAAQ,CAAC,IAAI,KAAK,OAAO,CAAC,IAAI,CACzE,CAAC;QAEF,MAAM,QAAQ,GAAG,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,QAAQ,EAAE,EAAE;;YAClD,MAAM,oBAAoB,GAAG,MAAA,QAAQ,CAAC,UAAU,0CAAE,WAAW,GAAG,IAAI,EAAE,CAAC;YACvE,MAAM,0BAA0B,GAAG,MAAA,QAAQ,CAAC,gBAAgB,0CACxD,WAAW,GACZ,IAAI,EAAE,CAAC;YAEV,IAAI,QAAQ,KAAK,OAAO,CAAC,IAAI,EAAE;gBAC7B,OAAO,CACL,QAAQ,KAAK,QAAQ,CAAC,IAAI;oBAC1B,4BAA4B,KAAK,oBAAoB,CACtD,CAAC;aACH;YAED,IAAI,YAAY,KAAK,OAAO,CAAC,IAAI,EAAE;gBACjC,OAAO,CACL,YAAY,KAAK,QAAQ,CAAC,IAAI;oBAC9B,4BAA4B,KAAK,0BAA0B,CAC5D,CAAC;aACH;YAED,OAAO,KAAK,CAAC;QACf,CAAC,CAAC,CAAC;QAEH,MAAM,iBAAiB,GAAG,CAAC,QAAwB,EAAE,EAAE;YACrD,MAAM,oBAAoB,GAAG,QAAQ,CAAC,IAAI,KAAK,YAAY,CAAC;YAC5D,IAAI,CAAC,oBAAoB,EAAE;gBACzB,OAAO,QAAQ,CAAC;aACjB;YAED,MAAM,gBAAgB,GACpB,CAAC,CAAC,QAAQ,CAAC,QAAQ,CAAC,SAAS,CAAC,MAAM;gBACpC,CAAC,CAAC,QAAQ,CAAC,QAAQ,CAAC,QAAQ,CAAC,MAAM,CAAC;YAEtC,IAAI,gBAAgB,IAAI,CAAC,cAAc,EAAE;gBACvC,OAAO,QAAQ,CAAC;aACjB;YAED,MAAM,0BAA0B,GAAG,gCAC9B,QAAQ,KACX,QAAQ,EAAE,cAAc,CAAC,QAAQ,GAChB,CAAC;YAEpB,OAAO,0BAA0B,CAAC;QACpC,CAAC,CAAC;QAEF,OAAO,QAAQ;YACb,CAAC,CAAC,iBAAiB,CAAC,QAAQ,CAAC;YAC7B,CAAC,CAAC,cAAc;gBAChB,CAAC,CAAC,cAAc;gBAChB,CAAC,CAAC,SAAS,CAAC;IAChB,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,CAAC,IAAI,KAAK,YAAY,CAAC,CAAC,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC,CAAC,SAAS,EAAE,WAAW,CAAC,CAAC,CAAC;AAC5F,CAAC,CAAA;AAlEY,QAAA,WAAW,eAkEvB"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { ConfigFilterOption } from "../types/config";
|
|
2
|
+
export declare const useFilterCollapsedState: (filter: ConfigFilterOption) => {
|
|
3
|
+
collapsed: boolean;
|
|
4
|
+
shouldRender: boolean;
|
|
5
|
+
collapsedShow: () => void;
|
|
6
|
+
collapsedHide: () => void;
|
|
7
|
+
collapsedToggle: () => void;
|
|
8
|
+
};
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
+
};
|
|
5
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
+
exports.useFilterCollapsedState = void 0;
|
|
7
|
+
const react_1 = __importDefault(require("react"));
|
|
8
|
+
const useFilterCollapsedState = (filter) => {
|
|
9
|
+
// @todo use settingsCollapsedDesktop and settingsCollapsedMobile with device detection
|
|
10
|
+
const [collapsed, setCollapsed] = react_1.default.useState(filter.settingsCollapsedDesktop);
|
|
11
|
+
// when the filter is shown, it needs to stay rendered or when it's collapsed, the filter context
|
|
12
|
+
// will be lost which isn't expected behaviour
|
|
13
|
+
const [shouldRender, setShouldRender] = react_1.default.useState(!collapsed);
|
|
14
|
+
// enable render when filter is uncollapsed
|
|
15
|
+
react_1.default.useEffect(() => {
|
|
16
|
+
if (!collapsed)
|
|
17
|
+
setShouldRender(true);
|
|
18
|
+
}, [collapsed]);
|
|
19
|
+
return {
|
|
20
|
+
collapsed,
|
|
21
|
+
shouldRender,
|
|
22
|
+
collapsedShow: react_1.default.useCallback(() => setCollapsed(true), []),
|
|
23
|
+
collapsedHide: react_1.default.useCallback(() => setCollapsed(false), []),
|
|
24
|
+
collapsedToggle: react_1.default.useCallback(() => setCollapsed((collapsed) => !collapsed), []),
|
|
25
|
+
};
|
|
26
|
+
};
|
|
27
|
+
exports.useFilterCollapsedState = useFilterCollapsedState;
|
|
28
|
+
//# sourceMappingURL=useFilterCollapsedState.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useFilterCollapsedState.js","sourceRoot":"","sources":["../../../src/hooks/useFilterCollapsedState.ts"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAInB,MAAM,uBAAuB,GAAG,CAAC,MAA0B,EAMhE,EAAE;IACF,uFAAuF;IACvF,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,eAAK,CAAC,QAAQ,CAC9C,MAAM,CAAC,wBAAwB,CAChC,CAAC;IAEF,iGAAiG;IACjG,8CAA8C;IAC9C,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,eAAK,CAAC,QAAQ,CAAU,CAAC,SAAS,CAAC,CAAC;IAE5E,2CAA2C;IAC3C,eAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,IAAI,CAAC,SAAS;YAAE,eAAe,CAAC,IAAI,CAAC,CAAC;IACxC,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC;IAEhB,OAAO;QACL,SAAS;QACT,YAAY;QACZ,aAAa,EAAE,eAAK,CAAC,WAAW,CAAC,GAAG,EAAE,CAAC,YAAY,CAAC,IAAI,CAAC,EAAE,EAAE,CAAC;QAC9D,aAAa,EAAE,eAAK,CAAC,WAAW,CAAC,GAAG,EAAE,CAAC,YAAY,CAAC,KAAK,CAAC,EAAE,EAAE,CAAC;QAC/D,eAAe,EAAE,eAAK,CAAC,WAAW,CAChC,GAAG,EAAE,CAAC,YAAY,CAAC,CAAC,SAAS,EAAE,EAAE,CAAC,CAAC,SAAS,CAAC,EAC7C,EAAE,CACH;KACF,CAAC;AACJ,CAAC,CAAC;AA/BW,QAAA,uBAAuB,2BA+BlC"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { ConfigFilterOption } from "../types/config";
|
|
2
|
+
import { ReactivesearchFilterProps } from "../types/reactivesearch";
|
|
3
|
+
export declare const useFilterListProps: (filter: ConfigFilterOption, reactivesearchFilterProps: ReactivesearchFilterProps) => ReactivesearchFilterProps & {
|
|
4
|
+
filter: ConfigFilterOption;
|
|
5
|
+
options: Array<{
|
|
6
|
+
doc_count: number;
|
|
7
|
+
key: string;
|
|
8
|
+
checked: boolean;
|
|
9
|
+
}>;
|
|
10
|
+
hasSelected: boolean;
|
|
11
|
+
totalSelected: number;
|
|
12
|
+
};
|
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
+
};
|
|
5
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
+
exports.useFilterListProps = void 0;
|
|
7
|
+
const react_1 = __importDefault(require("react"));
|
|
8
|
+
// converts reactivesearch props returned in filters to a cleaned up/filtered version
|
|
9
|
+
const useFilterListProps = (filter, reactivesearchFilterProps) => {
|
|
10
|
+
return react_1.default.useMemo(() => {
|
|
11
|
+
const { data, value } = reactivesearchFilterProps;
|
|
12
|
+
// remove excluded options, sort alphabeticaly, map checked boolean
|
|
13
|
+
const options = data
|
|
14
|
+
.filter(({ key }) => {
|
|
15
|
+
var _a, _b;
|
|
16
|
+
if ((_a = filter.valuesExclude) === null || _a === void 0 ? void 0 : _a.includes(key))
|
|
17
|
+
return false;
|
|
18
|
+
if (!!((_b = filter.valuesManual) === null || _b === void 0 ? void 0 : _b.length) && !filter.valuesManual.includes(key))
|
|
19
|
+
return false;
|
|
20
|
+
return true;
|
|
21
|
+
})
|
|
22
|
+
.sort((a, b) => a.key.localeCompare(b.key))
|
|
23
|
+
.map((option) => (Object.assign(Object.assign({}, option), { checked: (typeof value === "object" && value[option.key]) ||
|
|
24
|
+
value === option.key })));
|
|
25
|
+
// work out if at least one option selected
|
|
26
|
+
const hasSelected = (typeof value === "object" && 0 < Object.keys(value).length) ||
|
|
27
|
+
(typeof value !== "object" && !!value);
|
|
28
|
+
const totalSelected = options.filter((option) => option.checked).length;
|
|
29
|
+
return Object.assign(Object.assign({}, reactivesearchFilterProps), { filter,
|
|
30
|
+
options,
|
|
31
|
+
hasSelected,
|
|
32
|
+
totalSelected });
|
|
33
|
+
}, [filter, reactivesearchFilterProps]);
|
|
34
|
+
};
|
|
35
|
+
exports.useFilterListProps = useFilterListProps;
|
|
36
|
+
//# sourceMappingURL=useFilterListProps.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useFilterListProps.js","sourceRoot":"","sources":["../../../src/hooks/useFilterListProps.ts"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAK1B,qFAAqF;AAC9E,MAAM,kBAAkB,GAAG,CAChC,MAA0B,EAC1B,yBAAoD,EAUpD,EAAE;IACF,OAAO,eAAK,CAAC,OAAO,CAAC,GAAG,EAAE;QACxB,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,GAAG,yBAAyB,CAAC;QAElD,mEAAmE;QACnE,MAAM,OAAO,GAAG,IAAI;aACjB,MAAM,CAAC,CAAC,EAAE,GAAG,EAAE,EAAE,EAAE;;YAClB,IAAI,MAAA,MAAM,CAAC,aAAa,0CAAE,QAAQ,CAAC,GAAG,CAAC;gBAAE,OAAO,KAAK,CAAC;YACtD,IAAI,CAAC,CAAC,CAAA,MAAA,MAAM,CAAC,YAAY,0CAAE,MAAM,CAAA,IAAI,CAAC,MAAM,CAAC,YAAY,CAAC,QAAQ,CAAC,GAAG,CAAC;gBACrE,OAAO,KAAK,CAAC;YACf,OAAO,IAAI,CAAC;QACd,CAAC,CAAC;aACD,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,GAAG,CAAC,aAAa,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC;aAC1C,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,iCACZ,MAAM,KACT,OAAO,EACL,CAAC,OAAO,KAAK,KAAK,QAAQ,IAAI,KAAK,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC;gBAChD,KAAK,KAAK,MAAM,CAAC,GAAG,IACtB,CAAC,CAAC;QAEN,2CAA2C;QAC3C,MAAM,WAAW,GACf,CAAC,OAAO,KAAK,KAAK,QAAQ,IAAI,CAAC,GAAG,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC;YAC5D,CAAC,OAAO,KAAK,KAAK,QAAQ,IAAI,CAAC,CAAC,KAAK,CAAC,CAAC;QAEzC,MAAM,aAAa,GAAG,OAAO,CAAC,MAAM,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,MAAM,CAAC;QAExE,uCACK,yBAAyB,KAC5B,MAAM;YACN,OAAO;YACP,WAAW;YACX,aAAa,IACb;IACJ,CAAC,EAAE,CAAC,MAAM,EAAE,yBAAyB,CAAC,CAAC,CAAC;AAC1C,CAAC,CAAC;AA/CW,QAAA,kBAAkB,sBA+C7B"}
|
|
@@ -0,0 +1,47 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
+
};
|
|
5
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
+
exports.useFilterStack = void 0;
|
|
7
|
+
const react_1 = __importDefault(require("react"));
|
|
8
|
+
const hooks_1 = require("../hooks");
|
|
9
|
+
const useFilterStack = () => {
|
|
10
|
+
const { options, config } = (0, hooks_1.useReactifySearchContext)();
|
|
11
|
+
return react_1.default.useMemo(() => {
|
|
12
|
+
if (options.mode === "instant-search") {
|
|
13
|
+
return undefined;
|
|
14
|
+
}
|
|
15
|
+
// select filters by type
|
|
16
|
+
const matchingFilterStacks = config.filters.filter((filter) => filter.type === options.mode);
|
|
17
|
+
// select filter stack by handle if provided
|
|
18
|
+
if (options.filterStackHandle) {
|
|
19
|
+
const matchingFilterStack = matchingFilterStacks.find((filterStack) => options.filterStackHandle === filterStack.handle);
|
|
20
|
+
if (matchingFilterStack) {
|
|
21
|
+
return matchingFilterStack;
|
|
22
|
+
}
|
|
23
|
+
}
|
|
24
|
+
// select filter stack by collection if provided
|
|
25
|
+
if (options.mode === "collection" && options.collection.handle) {
|
|
26
|
+
const matchingFilterStack = matchingFilterStacks.find((filterStack) => { var _a; return (_a = filterStack.collections) === null || _a === void 0 ? void 0 : _a.includes(options.collection.handle); });
|
|
27
|
+
if (matchingFilterStack) {
|
|
28
|
+
return matchingFilterStack;
|
|
29
|
+
}
|
|
30
|
+
}
|
|
31
|
+
// select filter with "default" handle
|
|
32
|
+
let matchingFilterStack = matchingFilterStacks.find((filterStack) => filterStack.handle === "default");
|
|
33
|
+
if (matchingFilterStack) {
|
|
34
|
+
return matchingFilterStack;
|
|
35
|
+
}
|
|
36
|
+
// select any filter with "default" handle
|
|
37
|
+
matchingFilterStack = config.filters.find((filterStack) => filterStack.handle === "default");
|
|
38
|
+
if (matchingFilterStack) {
|
|
39
|
+
return matchingFilterStack;
|
|
40
|
+
}
|
|
41
|
+
// select any available filter as a last resort
|
|
42
|
+
matchingFilterStack = config.filters[0];
|
|
43
|
+
return matchingFilterStack;
|
|
44
|
+
}, [config, options.mode === "collection" ? options.collection : undefined]);
|
|
45
|
+
};
|
|
46
|
+
exports.useFilterStack = useFilterStack;
|
|
47
|
+
//# sourceMappingURL=useFilterStack.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useFilterStack.js","sourceRoot":"","sources":["../../../src/hooks/useFilterStack.ts"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAG1B,oCAAoD;AAE7C,MAAM,cAAc,GAAG,GAA6B,EAAE;IAC5D,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,GAAG,IAAA,gCAAwB,GAAE,CAAC;IAEvD,OAAO,eAAK,CAAC,OAAO,CAAC,GAAG,EAAE;QACzB,IAAI,OAAO,CAAC,IAAI,KAAK,gBAAgB,EAAE;YACtC,OAAO,SAAS,CAAC;SACjB;QAEC,yBAAyB;QACzB,MAAM,oBAAoB,GAAG,MAAM,CAAC,OAAO,CAAC,MAAM,CAChD,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,IAAI,KAAK,OAAO,CAAC,IAAI,CACzC,CAAC;QAEF,4CAA4C;QAC5C,IAAI,OAAO,CAAC,iBAAiB,EAAE;YAC7B,MAAM,mBAAmB,GAAG,oBAAoB,CAAC,IAAI,CACnD,CAAC,WAAW,EAAE,EAAE,CAAC,OAAO,CAAC,iBAAiB,KAAK,WAAW,CAAC,MAAM,CAClE,CAAC;YACF,IAAI,mBAAmB,EAAE;gBACvB,OAAO,mBAAmB,CAAC;aAC5B;SACF;QAED,gDAAgD;QAChD,IAAI,OAAO,CAAC,IAAI,KAAK,YAAY,IAAI,OAAO,CAAC,UAAU,CAAC,MAAM,EAAE;YAC9D,MAAM,mBAAmB,GAAG,oBAAoB,CAAC,IAAI,CAAC,CAAC,WAAW,EAAE,EAAE,WACpE,OAAA,MAAA,WAAW,CAAC,WAAW,0CAAE,QAAQ,CAAC,OAAO,CAAC,UAAU,CAAC,MAAM,CAAC,CAAA,EAAA,CAC7D,CAAC;YACF,IAAI,mBAAmB,EAAE;gBACvB,OAAO,mBAAmB,CAAC;aAC5B;SACF;QAED,sCAAsC;QACtC,IAAI,mBAAmB,GAAG,oBAAoB,CAAC,IAAI,CACjD,CAAC,WAAW,EAAE,EAAE,CAAC,WAAW,CAAC,MAAM,KAAK,SAAS,CAClD,CAAC;QACF,IAAI,mBAAmB,EAAE;YACvB,OAAO,mBAAmB,CAAC;SAC5B;QAED,0CAA0C;QAC1C,mBAAmB,GAAG,MAAM,CAAC,OAAO,CAAC,IAAI,CACvC,CAAC,WAAW,EAAE,EAAE,CAAC,WAAW,CAAC,MAAM,KAAK,SAAS,CAClD,CAAC;QACF,IAAI,mBAAmB,EAAE;YACvB,OAAO,mBAAmB,CAAC;SAC5B;QAED,+CAA+C;QAC/C,mBAAmB,GAAG,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC;QAExC,OAAO,mBAAmB,CAAC;IAC7B,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,CAAC,IAAI,KAAK,YAAY,CAAC,CAAC,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC;AAC/E,CAAC,CAAC;AAtDW,QAAA,cAAc,kBAsDzB"}
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
+
};
|
|
5
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
+
exports.useFilters = void 0;
|
|
7
|
+
const react_1 = __importDefault(require("react"));
|
|
8
|
+
const hooks_1 = require("../hooks");
|
|
9
|
+
const useFilters = () => {
|
|
10
|
+
const filterStack = (0, hooks_1.useFilterStack)();
|
|
11
|
+
return react_1.default.useMemo(() => {
|
|
12
|
+
if (!filterStack) {
|
|
13
|
+
return {
|
|
14
|
+
filters: [],
|
|
15
|
+
};
|
|
16
|
+
}
|
|
17
|
+
return {
|
|
18
|
+
filters: filterStack.options.sort((a, b) => a.position > b.position ? 1 : -1),
|
|
19
|
+
};
|
|
20
|
+
}, [filterStack]);
|
|
21
|
+
};
|
|
22
|
+
exports.useFilters = useFilters;
|
|
23
|
+
//# sourceMappingURL=useFilters.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useFilters.js","sourceRoot":"","sources":["../../../src/hooks/useFilters.ts"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAG1B,oCAA0C;AAEnC,MAAM,UAAU,GAAG,GAExB,EAAE;IACF,MAAM,WAAW,GAAG,IAAA,sBAAc,GAAE,CAAC;IAErC,OAAO,eAAK,CAAC,OAAO,CAAC,GAAG,EAAE;QACxB,IAAI,CAAC,WAAW,EAAE;YAChB,OAAO;gBACL,OAAO,EAAE,EAAE;aACZ,CAAC;SACH;QAED,OAAO;YACL,OAAO,EAAE,WAAW,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CACzC,CAAC,CAAC,QAAQ,GAAG,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CACjC;SACF,CAAA;IACH,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC;AACpB,CAAC,CAAC;AAlBW,QAAA,UAAU,cAkBrB"}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { ReactivesearchPaginationProps } from "../types/reactivesearch";
|
|
3
|
+
export declare const usePagination: (input: ReactivesearchPaginationProps) => {
|
|
4
|
+
currentPage: number;
|
|
5
|
+
totalPages: number;
|
|
6
|
+
pagesToShow: Array<number>;
|
|
7
|
+
hasNextPage: boolean;
|
|
8
|
+
hasPreviousPage: boolean;
|
|
9
|
+
actualCurrentPage: number;
|
|
10
|
+
buildPagePath: (page: number) => string;
|
|
11
|
+
handleNextPage: (event?: React.SyntheticEvent<Element, Event> | undefined) => void;
|
|
12
|
+
handlePreviousPage: (event?: React.SyntheticEvent<Element, Event> | undefined) => void;
|
|
13
|
+
handlePageChange: (pageNumber: number, event?: React.SyntheticEvent<Element, Event> | undefined) => void;
|
|
14
|
+
};
|
|
@@ -0,0 +1,98 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
+
};
|
|
5
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
+
exports.usePagination = void 0;
|
|
7
|
+
const react_1 = __importDefault(require("react"));
|
|
8
|
+
const hooks_1 = require("../hooks");
|
|
9
|
+
const usePagination = (input) => {
|
|
10
|
+
const { track } = (0, hooks_1.useAnalytics)();
|
|
11
|
+
const buildPagePath = react_1.default.useCallback((page) => {
|
|
12
|
+
const currentPath = window.location.pathname;
|
|
13
|
+
return currentPath.includes("page=")
|
|
14
|
+
? currentPath.replace(/page=\d+/g, `page=${page}`)
|
|
15
|
+
: `${currentPath}${currentPath.includes("?") ? "&" : "?"}page=${page}`;
|
|
16
|
+
}, []);
|
|
17
|
+
const pagesToShow = react_1.default.useMemo(() => getPages(input.pages, input.totalPages, input.currentPage), [input.pages, input.totalPages, input.currentPage]);
|
|
18
|
+
// default input.currentPage is zero-indexed, actualCurrentPage is one-indexed
|
|
19
|
+
const actualCurrentPage = react_1.default.useMemo(() => input.currentPage + 1, [input.currentPage]);
|
|
20
|
+
const hasNextPage = react_1.default.useMemo(() => actualCurrentPage < input.totalPages, [actualCurrentPage, input.totalPages]);
|
|
21
|
+
const hasPreviousPage = react_1.default.useMemo(() => actualCurrentPage > 1, [actualCurrentPage]);
|
|
22
|
+
const hasPage = react_1.default.useCallback((pageNumber) => {
|
|
23
|
+
return pageNumber >= 0 && pageNumber < input.totalPages;
|
|
24
|
+
}, [input.totalPages]);
|
|
25
|
+
const handlePageChange = react_1.default.useCallback((pageNumber, event) => {
|
|
26
|
+
event === null || event === void 0 ? void 0 : event.preventDefault();
|
|
27
|
+
if (!hasPage(pageNumber)) {
|
|
28
|
+
return;
|
|
29
|
+
}
|
|
30
|
+
input.setPage(pageNumber);
|
|
31
|
+
track({
|
|
32
|
+
eventName: "paginationChange",
|
|
33
|
+
payload: {
|
|
34
|
+
page: pageNumber,
|
|
35
|
+
source: window.location.pathname.includes("/search")
|
|
36
|
+
? "search"
|
|
37
|
+
: "collection",
|
|
38
|
+
},
|
|
39
|
+
});
|
|
40
|
+
}, [input.setPage, track]);
|
|
41
|
+
const handleNextPage = react_1.default.useCallback((event) => {
|
|
42
|
+
handlePageChange(input.currentPage + 1, event);
|
|
43
|
+
}, [hasNextPage, input.currentPage, handlePageChange]);
|
|
44
|
+
const handlePreviousPage = react_1.default.useCallback((event) => {
|
|
45
|
+
handlePageChange(input.currentPage - 1, event);
|
|
46
|
+
}, [hasPreviousPage, input.currentPage, handlePageChange]);
|
|
47
|
+
return react_1.default.useMemo(() => ({
|
|
48
|
+
currentPage: input.currentPage,
|
|
49
|
+
totalPages: input.totalPages,
|
|
50
|
+
pagesToShow,
|
|
51
|
+
hasNextPage,
|
|
52
|
+
buildPagePath,
|
|
53
|
+
hasPreviousPage,
|
|
54
|
+
actualCurrentPage,
|
|
55
|
+
handleNextPage,
|
|
56
|
+
handlePreviousPage,
|
|
57
|
+
handlePageChange,
|
|
58
|
+
}), [
|
|
59
|
+
input.currentPage,
|
|
60
|
+
input.totalPages,
|
|
61
|
+
pagesToShow,
|
|
62
|
+
hasNextPage,
|
|
63
|
+
buildPagePath,
|
|
64
|
+
hasPreviousPage,
|
|
65
|
+
actualCurrentPage,
|
|
66
|
+
handleNextPage,
|
|
67
|
+
handlePreviousPage,
|
|
68
|
+
handlePageChange,
|
|
69
|
+
]);
|
|
70
|
+
};
|
|
71
|
+
exports.usePagination = usePagination;
|
|
72
|
+
// get a list of pages to display buttons for
|
|
73
|
+
// @todo this is super hacky and needs to be cleaned up
|
|
74
|
+
const getPages = (pages, totalPages, currentPage) => {
|
|
75
|
+
const pagesToShow = pages > totalPages ? totalPages : pages;
|
|
76
|
+
const buffer = Math.floor(pagesToShow / 2);
|
|
77
|
+
let list = [];
|
|
78
|
+
let start = 0;
|
|
79
|
+
if (totalPages <= 5 || currentPage < buffer + 1) {
|
|
80
|
+
start = 0;
|
|
81
|
+
}
|
|
82
|
+
else {
|
|
83
|
+
if (totalPages - buffer <= currentPage) {
|
|
84
|
+
start =
|
|
85
|
+
currentPage + 1 === totalPages
|
|
86
|
+
? currentPage - (pagesToShow - 1)
|
|
87
|
+
: currentPage - (buffer + buffer / 2);
|
|
88
|
+
}
|
|
89
|
+
else {
|
|
90
|
+
start = currentPage - buffer;
|
|
91
|
+
}
|
|
92
|
+
}
|
|
93
|
+
Array.apply(null, Array(pagesToShow)).map((item, index) => {
|
|
94
|
+
list.push(start + index);
|
|
95
|
+
});
|
|
96
|
+
return list;
|
|
97
|
+
};
|
|
98
|
+
//# sourceMappingURL=usePagination.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"usePagination.js","sourceRoot":"","sources":["../../../src/hooks/usePagination.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { ReactivesearchResultProps } from "../types/reactivesearch";
|
|
2
|
+
export declare const usePaginationLoadMore: (input: ReactivesearchResultProps) => {
|
|
3
|
+
loading: boolean;
|
|
4
|
+
hasMore: boolean;
|
|
5
|
+
handleLoadMore: () => void;
|
|
6
|
+
resultStats: {
|
|
7
|
+
time: number;
|
|
8
|
+
hidden: number;
|
|
9
|
+
promoted: number;
|
|
10
|
+
currentPage: number;
|
|
11
|
+
numberOfPages: number;
|
|
12
|
+
numberOfResults?: number;
|
|
13
|
+
displayedResults: number;
|
|
14
|
+
};
|
|
15
|
+
};
|
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
+
};
|
|
5
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
+
exports.usePaginationLoadMore = void 0;
|
|
7
|
+
const react_1 = __importDefault(require("react"));
|
|
8
|
+
const hooks_1 = require("../hooks");
|
|
9
|
+
const usePaginationLoadMore = (input) => {
|
|
10
|
+
const analyticsHook = (0, hooks_1.useAnalytics)();
|
|
11
|
+
const filterStack = (0, hooks_1.useFilterStack)();
|
|
12
|
+
const hasMore = input.resultStats.displayedResults !== input.resultStats.numberOfResults;
|
|
13
|
+
const handleLoadMore = react_1.default.useCallback(() => {
|
|
14
|
+
input.loadMore();
|
|
15
|
+
analyticsHook.track({
|
|
16
|
+
eventName: "paginationChange",
|
|
17
|
+
payload: {
|
|
18
|
+
page: Math.ceil(input.resultStats.displayedResults / ((filterStack === null || filterStack === void 0 ? void 0 : filterStack.pageSize) || 20)) + 1,
|
|
19
|
+
source: window.location.pathname.includes("/search")
|
|
20
|
+
? "search"
|
|
21
|
+
: "collection",
|
|
22
|
+
},
|
|
23
|
+
});
|
|
24
|
+
}, [input.loadMore, analyticsHook.track, input.resultStats, filterStack]);
|
|
25
|
+
return react_1.default.useMemo(() => ({
|
|
26
|
+
loading: input.loading,
|
|
27
|
+
hasMore,
|
|
28
|
+
handleLoadMore,
|
|
29
|
+
resultStats: input.resultStats,
|
|
30
|
+
}), [
|
|
31
|
+
input.loading,
|
|
32
|
+
hasMore,
|
|
33
|
+
handleLoadMore,
|
|
34
|
+
input.resultStats,
|
|
35
|
+
]);
|
|
36
|
+
};
|
|
37
|
+
exports.usePaginationLoadMore = usePaginationLoadMore;
|
|
38
|
+
//# sourceMappingURL=usePaginationLoadMore.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"usePaginationLoadMore.js","sourceRoot":"","sources":["../../../src/hooks/usePaginationLoadMore.ts"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAE1B,oCAAwD;AAGjD,MAAM,qBAAqB,GAAG,CAAC,KAAgC,EAapE,EAAE;IACF,MAAM,aAAa,GAAG,IAAA,oBAAY,GAAE,CAAC;IACrC,MAAM,WAAW,GAAG,IAAA,sBAAc,GAAE,CAAC;IAErC,MAAM,OAAO,GAAG,KAAK,CAAC,WAAW,CAAC,gBAAgB,KAAK,KAAK,CAAC,WAAW,CAAC,eAAe,CAAC;IAEzF,MAAM,cAAc,GAAG,eAAK,CAAC,WAAW,CAAC,GAAG,EAAE;QAC5C,KAAK,CAAC,QAAQ,EAAE,CAAC;QACjB,aAAa,CAAC,KAAK,CAAC;YAClB,SAAS,EAAE,kBAAkB;YAC7B,OAAO,EAAE;gBACP,IAAI,EACF,IAAI,CAAC,IAAI,CACP,KAAK,CAAC,WAAW,CAAC,gBAAgB,GAAG,CAAC,CAAA,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,QAAQ,KAAI,EAAE,CAAC,CACnE,GAAG,CAAC;gBACP,MAAM,EAAE,MAAM,CAAC,QAAQ,CAAC,QAAQ,CAAC,QAAQ,CAAC,SAAS,CAAC;oBAClD,CAAC,CAAC,QAAQ;oBACV,CAAC,CAAC,YAAY;aACjB;SACF,CAAC,CAAC;IACL,CAAC,EAAE,CAAC,KAAK,CAAC,QAAQ,EAAE,aAAa,CAAC,KAAK,EAAE,KAAK,CAAC,WAAW,EAAE,WAAW,CAAC,CAAC,CAAC;IAE1E,OAAO,eAAK,CAAC,OAAO,CAClB,GAAG,EAAE,CAAC,CAAC;QACL,OAAO,EAAE,KAAK,CAAC,OAAO;QACtB,OAAO;QACP,cAAc;QACd,WAAW,EAAE,KAAK,CAAC,WAAW;KAC/B,CAAC,EACF;QACE,KAAK,CAAC,OAAO;QACb,OAAO;QACP,cAAc;QACd,KAAK,CAAC,WAAW;KAClB,CACF,CAAC;AACJ,CAAC,CAAC;AAjDW,QAAA,qBAAqB,yBAiDhC"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import currency from "currency.js";
|
|
2
|
+
import { ElasticProduct } from "../types/elastic";
|
|
3
|
+
export declare const useProductPrice: (product: ElasticProduct) => {
|
|
4
|
+
price?: currency;
|
|
5
|
+
onSale: boolean;
|
|
6
|
+
currencyCode: string;
|
|
7
|
+
compareAtPrice?: currency;
|
|
8
|
+
formattedPrice?: string;
|
|
9
|
+
formattedCompareAtPrice?: string;
|
|
10
|
+
};
|
|
@@ -0,0 +1,64 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
+
};
|
|
5
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
+
exports.useProductPrice = void 0;
|
|
7
|
+
const react_1 = __importDefault(require("react"));
|
|
8
|
+
const currency_js_1 = __importDefault(require("currency.js"));
|
|
9
|
+
const useProductPrice = (product) => {
|
|
10
|
+
return react_1.default.useMemo(() => {
|
|
11
|
+
var _a, _b, _c, _d;
|
|
12
|
+
const variant = (_a = product.variants) === null || _a === void 0 ? void 0 : _a[0];
|
|
13
|
+
if (!variant) {
|
|
14
|
+
return {
|
|
15
|
+
onSale: false,
|
|
16
|
+
price: undefined,
|
|
17
|
+
currencyCode: "AUD",
|
|
18
|
+
compareAtPrice: undefined,
|
|
19
|
+
};
|
|
20
|
+
}
|
|
21
|
+
// @todo select the appropriate currency
|
|
22
|
+
const priceSet = (_b = variant.presentment_prices) === null || _b === void 0 ? void 0 : _b[0];
|
|
23
|
+
if (!priceSet || !priceSet.price) {
|
|
24
|
+
return {
|
|
25
|
+
onSale: false,
|
|
26
|
+
price: undefined,
|
|
27
|
+
currencyCode: "AUD",
|
|
28
|
+
compareAtPrice: undefined,
|
|
29
|
+
};
|
|
30
|
+
}
|
|
31
|
+
const currencyCode = (_c = priceSet.price.currency_code) !== null && _c !== void 0 ? _c : "AUD";
|
|
32
|
+
const price = priceSet.price.amount
|
|
33
|
+
? (0, currency_js_1.default)(priceSet.price.amount)
|
|
34
|
+
: undefined;
|
|
35
|
+
const formattedPrice = price ? formatPrice(price, currencyCode) : undefined;
|
|
36
|
+
const compareAtPrice = ((_d = priceSet.compare_at_price) === null || _d === void 0 ? void 0 : _d.amount)
|
|
37
|
+
? (0, currency_js_1.default)(priceSet.compare_at_price.amount)
|
|
38
|
+
: undefined;
|
|
39
|
+
const formattedCompareAtPrice = compareAtPrice
|
|
40
|
+
? formatPrice(compareAtPrice, currencyCode)
|
|
41
|
+
: undefined;
|
|
42
|
+
const onSale = !!compareAtPrice && !!price && compareAtPrice.intValue > price.intValue;
|
|
43
|
+
return {
|
|
44
|
+
price,
|
|
45
|
+
onSale,
|
|
46
|
+
currencyCode,
|
|
47
|
+
compareAtPrice,
|
|
48
|
+
formattedPrice,
|
|
49
|
+
formattedCompareAtPrice,
|
|
50
|
+
};
|
|
51
|
+
}, [product]);
|
|
52
|
+
};
|
|
53
|
+
exports.useProductPrice = useProductPrice;
|
|
54
|
+
const formatPrice = (price, currencyCode) => {
|
|
55
|
+
let priceString = new Intl.NumberFormat("en-AU", {
|
|
56
|
+
style: "currency",
|
|
57
|
+
currency: currencyCode,
|
|
58
|
+
}).format(price.value);
|
|
59
|
+
if ("AUD" === currencyCode) {
|
|
60
|
+
priceString = `AU ${priceString}`;
|
|
61
|
+
}
|
|
62
|
+
return priceString;
|
|
63
|
+
};
|
|
64
|
+
//# sourceMappingURL=useProductPrice.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useProductPrice.js","sourceRoot":"","sources":["../../../src/hooks/useProductPrice.ts"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,8DAAmC;AAI5B,MAAM,eAAe,GAAG,CAAC,OAAuB,EAOrD,EAAE;IACF,OAAO,eAAK,CAAC,OAAO,CAAC,GAAG,EAAE;;QACxB,MAAM,OAAO,GAAG,MAAA,OAAO,CAAC,QAAQ,0CAAG,CAAC,CAAC,CAAC;QAEtC,IAAI,CAAC,OAAO,EAAE;YACZ,OAAO;gBACL,MAAM,EAAE,KAAK;gBACb,KAAK,EAAE,SAAS;gBAChB,YAAY,EAAE,KAAK;gBACnB,cAAc,EAAE,SAAS;aAC1B,CAAC;SACH;QAED,wCAAwC;QACxC,MAAM,QAAQ,GAAG,MAAA,OAAO,CAAC,kBAAkB,0CAAG,CAAC,CAAC,CAAC;QAEjD,IAAI,CAAC,QAAQ,IAAI,CAAC,QAAQ,CAAC,KAAK,EAAE;YAChC,OAAO;gBACL,MAAM,EAAE,KAAK;gBACb,KAAK,EAAE,SAAS;gBAChB,YAAY,EAAE,KAAK;gBACnB,cAAc,EAAE,SAAS;aAC1B,CAAC;SACH;QAED,MAAM,YAAY,GAAG,MAAA,QAAQ,CAAC,KAAK,CAAC,aAAa,mCAAI,KAAK,CAAC;QAE3D,MAAM,KAAK,GAAG,QAAQ,CAAC,KAAK,CAAC,MAAM;YACjC,CAAC,CAAC,IAAA,qBAAQ,EAAC,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC;YACjC,CAAC,CAAC,SAAS,CAAC;QAEd,MAAM,cAAc,GAAG,KAAK,CAAC,CAAC,CAAC,WAAW,CAAC,KAAK,EAAE,YAAY,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;QAE5E,MAAM,cAAc,GAAG,CAAA,MAAA,QAAQ,CAAC,gBAAgB,0CAAE,MAAM;YACtD,CAAC,CAAC,IAAA,qBAAQ,EAAC,QAAQ,CAAC,gBAAgB,CAAC,MAAM,CAAC;YAC5C,CAAC,CAAC,SAAS,CAAC;QAEd,MAAM,uBAAuB,GAAG,cAAc;YAC5C,CAAC,CAAC,WAAW,CAAC,cAAc,EAAE,YAAY,CAAC;YAC3C,CAAC,CAAC,SAAS,CAAC;QAEd,MAAM,MAAM,GACV,CAAC,CAAC,cAAc,IAAI,CAAC,CAAC,KAAK,IAAI,cAAc,CAAC,QAAQ,GAAG,KAAK,CAAC,QAAQ,CAAC;QAE1E,OAAO;YACL,KAAK;YACL,MAAM;YACN,YAAY;YACZ,cAAc;YACd,cAAc;YACd,uBAAuB;SACxB,CAAC;IACJ,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;AAChB,CAAC,CAAC;AA5DW,QAAA,eAAe,mBA4D1B;AAEF,MAAM,WAAW,GAAG,CAAC,KAAe,EAAE,YAAoB,EAAU,EAAE;IACpE,IAAI,WAAW,GAAG,IAAI,IAAI,CAAC,YAAY,CAAC,OAAO,EAAE;QAC/C,KAAK,EAAE,UAAU;QACjB,QAAQ,EAAE,YAAY;KACvB,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;IAEvB,IAAI,KAAK,KAAK,YAAY,EAAE;QAC1B,WAAW,GAAG,MAAM,WAAW,EAAE,CAAC;KACnC;IAED,OAAO,WAAW,CAAC;AACrB,CAAC,CAAC"}
|
|
@@ -0,0 +1,78 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { Config } from "../types";
|
|
3
|
+
export declare const ReactifySearchContext: React.Context<{
|
|
4
|
+
config: Config;
|
|
5
|
+
options: {
|
|
6
|
+
mode: "search" | "collection" | "instant-search";
|
|
7
|
+
index: string;
|
|
8
|
+
shopifyPermanentDomain: string;
|
|
9
|
+
filterStackHandle?: string | undefined;
|
|
10
|
+
credentials: {
|
|
11
|
+
username: string;
|
|
12
|
+
password: string;
|
|
13
|
+
endpoint: string;
|
|
14
|
+
};
|
|
15
|
+
onRedirect?: ((type: "redirect" | "search", url: string) => void) | undefined;
|
|
16
|
+
theme: Record<string, unknown>;
|
|
17
|
+
additionalComponentHandles?: string[] | undefined;
|
|
18
|
+
} & ({
|
|
19
|
+
mode: "search";
|
|
20
|
+
} | {
|
|
21
|
+
mode: "collection";
|
|
22
|
+
collection: {
|
|
23
|
+
id: number;
|
|
24
|
+
handle: string;
|
|
25
|
+
title: string;
|
|
26
|
+
};
|
|
27
|
+
} | {
|
|
28
|
+
mode: "instant-search";
|
|
29
|
+
});
|
|
30
|
+
search: {
|
|
31
|
+
searchQuery: string;
|
|
32
|
+
setSearchQuery: React.Dispatch<React.SetStateAction<string>>;
|
|
33
|
+
instantSearchVisible: boolean;
|
|
34
|
+
setInstantSearchVisible: React.Dispatch<React.SetStateAction<boolean>>;
|
|
35
|
+
};
|
|
36
|
+
sortby: {
|
|
37
|
+
sortOption: string;
|
|
38
|
+
setSortOption: React.Dispatch<React.SetStateAction<string>>;
|
|
39
|
+
};
|
|
40
|
+
} | undefined>;
|
|
41
|
+
export declare const useReactifySearchContext: () => {
|
|
42
|
+
config: Config;
|
|
43
|
+
options: {
|
|
44
|
+
mode: "search" | "collection" | "instant-search";
|
|
45
|
+
index: string;
|
|
46
|
+
shopifyPermanentDomain: string;
|
|
47
|
+
filterStackHandle?: string | undefined;
|
|
48
|
+
credentials: {
|
|
49
|
+
username: string;
|
|
50
|
+
password: string;
|
|
51
|
+
endpoint: string;
|
|
52
|
+
};
|
|
53
|
+
onRedirect?: ((type: "redirect" | "search", url: string) => void) | undefined;
|
|
54
|
+
theme: Record<string, unknown>;
|
|
55
|
+
additionalComponentHandles?: string[] | undefined;
|
|
56
|
+
} & ({
|
|
57
|
+
mode: "search";
|
|
58
|
+
} | {
|
|
59
|
+
mode: "collection";
|
|
60
|
+
collection: {
|
|
61
|
+
id: number;
|
|
62
|
+
handle: string;
|
|
63
|
+
title: string;
|
|
64
|
+
};
|
|
65
|
+
} | {
|
|
66
|
+
mode: "instant-search";
|
|
67
|
+
});
|
|
68
|
+
search: {
|
|
69
|
+
searchQuery: string;
|
|
70
|
+
setSearchQuery: React.Dispatch<React.SetStateAction<string>>;
|
|
71
|
+
instantSearchVisible: boolean;
|
|
72
|
+
setInstantSearchVisible: React.Dispatch<React.SetStateAction<boolean>>;
|
|
73
|
+
};
|
|
74
|
+
sortby: {
|
|
75
|
+
sortOption: string;
|
|
76
|
+
setSortOption: React.Dispatch<React.SetStateAction<string>>;
|
|
77
|
+
};
|
|
78
|
+
};
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
+
};
|
|
5
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
+
exports.useReactifySearchContext = exports.ReactifySearchContext = void 0;
|
|
7
|
+
const react_1 = __importDefault(require("react"));
|
|
8
|
+
exports.ReactifySearchContext = react_1.default.createContext(undefined);
|
|
9
|
+
const useReactifySearchContext = () => react_1.default.useContext(exports.ReactifySearchContext);
|
|
10
|
+
exports.useReactifySearchContext = useReactifySearchContext;
|
|
11
|
+
//# sourceMappingURL=useReactifySearchContext.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useReactifySearchContext.js","sourceRoot":"","sources":["../../../src/hooks/useReactifySearchContext.ts"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAIb,QAAA,qBAAqB,GAAG,eAAK,CAAC,aAAa,CAqCzC,SAAS,CAAC,CAAC;AAEnB,MAAM,wBAAwB,GAAG,GAAG,EAAE,CAAC,eAAK,CAAC,UAAU,CAAC,6BAAqB,CAAE,CAAC;AAA1E,QAAA,wBAAwB,4BAAkD"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
export declare const useSearch: () => {
|
|
3
|
+
searchQuery: string;
|
|
4
|
+
setSearchQuery: React.Dispatch<React.SetStateAction<string>>;
|
|
5
|
+
submitSearch: (localSearchQuery?: string | undefined) => void;
|
|
6
|
+
showInstantSearchResults: boolean;
|
|
7
|
+
setShowInstantSearchResults: React.Dispatch<React.SetStateAction<boolean>>;
|
|
8
|
+
};
|