@uncinc/uncinc-react-kitchen-sink 2.5.2 → 2.5.4-1-treeshaking
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/Context/KitchenSinkComponentMapperContext.js +3 -11
- package/dist/Context/ViewportContext.js +8 -21
- package/dist/Context/withMapping.js +6 -17
- package/dist/components/AbbreviationAnnotation/index.js +17 -28
- package/dist/components/AbbreviationAnnotation/stories.js +12 -21
- package/dist/components/Accordion/AccordionItem/index.js +18 -29
- package/dist/components/Accordion/AccordionItemVariant/index.js +14 -25
- package/dist/components/Accordion/index.js +6 -14
- package/dist/components/Accordion/stories.js +16 -26
- package/dist/components/ApiAutocomplete/index.js +7 -17
- package/dist/components/ApiAutocomplete/stories.js +7 -16
- package/dist/components/Button/index.js +21 -30
- package/dist/components/Button/stories.js +11 -21
- package/dist/components/Cookie/Checkbox/index.js +6 -14
- package/dist/components/Cookie/index.js +61 -71
- package/dist/components/Cookie/stories.js +20 -33
- package/dist/components/Dialog/DialogHelpersStory/index.js +31 -0
- package/dist/components/Dialog/DialogHookStory/index.js +36 -0
- package/dist/components/Dialog/DialogOverrideStory/index.js +22 -0
- package/dist/components/Dialog/index.d.ts +6 -0
- package/dist/components/Dialog/index.js +44 -46
- package/dist/components/Dialog/stories.js +10 -43
- package/dist/components/FontSizeSwitcher/index.js +17 -28
- package/dist/components/FontSizeSwitcher/stories.js +10 -20
- package/dist/components/Form/Checkbox/index.js +13 -21
- package/dist/components/Form/Checkbox/stories.js +8 -17
- package/dist/components/Form/Checkboxes/index.js +19 -27
- package/dist/components/Form/Checkboxes/index.test.js +108 -77
- package/dist/components/Form/Checkboxes/stories.js +9 -18
- package/dist/components/Form/Date/index.js +4 -12
- package/dist/components/Form/Date/stories.js +7 -16
- package/dist/components/Form/DatePicker/index.js +12 -20
- package/dist/components/Form/DatePicker/stories.js +7 -16
- package/dist/components/Form/DateSelect/index.js +24 -35
- package/dist/components/Form/DateSelect/stories.js +10 -22
- package/dist/components/Form/Email/index.js +4 -12
- package/dist/components/Form/Email/stories.js +7 -16
- package/dist/components/Form/FormikWrapper/index.js +9 -17
- package/dist/components/Form/GenericFormElement/index.js +14 -22
- package/dist/components/Form/Number/index.js +6 -14
- package/dist/components/Form/Number/stories.js +7 -16
- package/dist/components/Form/RadioButtons/index.js +17 -25
- package/dist/components/Form/RadioButtons/index.test.js +81 -52
- package/dist/components/Form/RadioButtons/stories.js +9 -18
- package/dist/components/Form/SearchField/index.js +14 -22
- package/dist/components/Form/Select/Input/index.js +10 -18
- package/dist/components/Form/Select/index.js +18 -20
- package/dist/components/Form/Select/stories.js +9 -19
- package/dist/components/Form/TextField/index.js +11 -19
- package/dist/components/Form/TextField/index.test.js +75 -54
- package/dist/components/Form/TextField/stories.js +8 -17
- package/dist/components/Form/Textarea/index.js +10 -18
- package/dist/components/Form/Textarea/stories.js +7 -16
- package/dist/components/Hamburger/index.js +7 -15
- package/dist/components/Hamburger/stories.js +12 -22
- package/dist/components/Header/index.js +23 -38
- package/dist/components/Header/stories.js +22 -34
- package/dist/components/Image/Background/index.js +10 -21
- package/dist/components/Image/LazyLoadWrapper/index.js +16 -26
- package/dist/components/Image/Picture/index.js +20 -28
- package/dist/components/Image/index.js +11 -19
- package/dist/components/Image/stories.js +28 -41
- package/dist/components/InlineMenu/index.js +14 -25
- package/dist/components/InlineMenu/stories.js +18 -27
- package/dist/components/Layout/Container/index.js +10 -18
- package/dist/components/Layout/Container/stories.js +44 -53
- package/dist/components/Layout/QuickLayout/Auto/index.js +5 -13
- package/dist/components/Layout/QuickLayout/Center/index.js +6 -14
- package/dist/components/Layout/QuickLayout/Clamp/index.js +5 -13
- package/dist/components/Layout/QuickLayout/Sidebar/index.js +6 -14
- package/dist/components/Layout/QuickLayout/SpaceBetween/index.js +6 -14
- package/dist/components/Layout/QuickLayout/Stack/index.js +6 -14
- package/dist/components/Layout/QuickLayout/Wrap/index.js +7 -15
- package/dist/components/Layout/QuickLayout/index.js +16 -24
- package/dist/components/Layout/QuickLayout/stories.js +38 -54
- package/dist/components/Lottie/LottieAnimation/index.js +12 -23
- package/dist/components/Lottie/LottieAnimationWithMousePosition.js +8 -19
- package/dist/components/Lottie/index.js +29 -41
- package/dist/components/Lottie/stories.js +25 -36
- package/dist/components/MagicLine/index.js +12 -23
- package/dist/components/MagicLine/stories.js +16 -26
- package/dist/components/NavigationScroll/index.js +11 -21
- package/dist/components/NavigationScroll/stories.js +9 -18
- package/dist/components/Pagination/index.js +27 -36
- package/dist/components/Pagination/stories.js +17 -30
- package/dist/components/SearchKit/Facets/ChipFacet/index.js +11 -20
- package/dist/components/SearchKit/Facets/ListFacet/index.js +11 -20
- package/dist/components/SearchKit/Facets/SelectFacet/index.js +17 -24
- package/dist/components/SearchKit/Query/index.js +13 -24
- package/dist/components/SearchKit/SearchFacets/index.js +10 -18
- package/dist/components/SearchKit/SearchField/index.js +12 -23
- package/dist/components/SearchKit/SearchLoadMore/index.js +7 -15
- package/dist/components/SearchKit/SearchPage/index.js +8 -17
- package/dist/components/SearchKit/SearchPagination/index.js +6 -14
- package/dist/components/SearchKit/SearchReset/index.js +8 -16
- package/dist/components/SearchKit/SearchResults/index.js +28 -39
- package/dist/components/SearchKit/SearchSelectedFilters/Filters/CustomValue/index.js +6 -14
- package/dist/components/SearchKit/SearchSelectedFilters/Filters/DateRange/index.js +6 -14
- package/dist/components/SearchKit/SearchSelectedFilters/Filters/NumericRange/index.js +6 -14
- package/dist/components/SearchKit/SearchSelectedFilters/Filters/Value/index.js +7 -18
- package/dist/components/SearchKit/SearchSelectedFilters/index.js +18 -26
- package/dist/components/SearchKit/SearchSorting/index.js +9 -17
- package/dist/components/SearchKit/index.js +29 -40
- package/dist/components/SearchKit/stories.js +54 -69
- package/dist/components/Share/index.js +18 -26
- package/dist/components/Share/stories.js +7 -16
- package/dist/components/Sliders/SliderRelated/index.js +11 -19
- package/dist/components/Sliders/SliderRelated/stories.js +22 -33
- package/dist/components/WysiwygField/index.js +10 -18
- package/dist/components/WysiwygField/stories.js +10 -20
- package/dist/components/index.js +15 -111
- package/dist/config/constants.js +17 -37
- package/dist/config/i18next/index.js +9 -17
- package/dist/helpers/date.js +4 -13
- package/dist/helpers/gtm.js +4 -11
- package/dist/helpers/link.js +4 -12
- package/dist/helpers/useValueForCurrentViewPort.js +6 -13
- package/dist/hooks/useBoolean.js +6 -12
- package/dist/hooks/useClickOutside.js +3 -9
- package/dist/hooks/useDialog.js +6 -13
- package/dist/hooks/useDialogHelpers.d.ts +1 -0
- package/dist/hooks/useDialogHelpers.js +27 -28
- package/dist/hooks/useEscape.js +3 -9
- package/dist/hooks/useOnScreen.js +4 -10
- package/dist/hooks/usePrevious.js +4 -10
- package/dist/hooks/useScrollPosition.js +4 -11
- package/dist/hooks/useTrapFocus.js +3 -9
- package/dist/hooks/useWindowDimensions.js +4 -10
- package/dist/index.js +76 -397
- package/dist/setupTests.js +13 -9
- package/package.json +15 -8
|
@@ -1,36 +1,26 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
|
|
4
|
-
Object.defineProperty(exports, "__esModule", {
|
|
5
|
-
value: true
|
|
6
|
-
});
|
|
7
|
-
exports.default = void 0;
|
|
8
|
-
var _react = _interopRequireWildcard(require("react"));
|
|
9
|
-
var _client = require("@searchkit/client");
|
|
10
|
-
var _FormikWrapper = _interopRequireDefault(require("../../Form/FormikWrapper"));
|
|
11
|
-
var _Button = _interopRequireDefault(require("../../Button"));
|
|
12
|
-
var _TextField = _interopRequireDefault(require("../../Form/TextField"));
|
|
13
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
14
|
-
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
15
|
-
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
16
1
|
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
17
2
|
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
18
3
|
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
|
|
19
4
|
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
|
|
20
5
|
function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
|
|
21
6
|
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
7
|
+
import React, { useRef } from 'react';
|
|
8
|
+
import { useSearchkit, useSearchkitQueryValue } from '@searchkit/client';
|
|
9
|
+
import FormikWrapper from '../../Form/FormikWrapper';
|
|
10
|
+
import Button from '../../Button';
|
|
11
|
+
import TextField from '../../Form/TextField';
|
|
22
12
|
var SearchField = function SearchField(_ref) {
|
|
23
13
|
var timeout = _ref.timeout,
|
|
24
14
|
_ref$autoSearch = _ref.autoSearch,
|
|
25
15
|
autoSearch = _ref$autoSearch === void 0 ? true : _ref$autoSearch,
|
|
26
16
|
buttonText = _ref.buttonText,
|
|
27
17
|
placeholder = _ref.placeholder;
|
|
28
|
-
var _useSearchkitQueryVal =
|
|
18
|
+
var _useSearchkitQueryVal = useSearchkitQueryValue(),
|
|
29
19
|
_useSearchkitQueryVal2 = _slicedToArray(_useSearchkitQueryVal, 2),
|
|
30
20
|
query = _useSearchkitQueryVal2[0],
|
|
31
21
|
setQuery = _useSearchkitQueryVal2[1];
|
|
32
|
-
var api =
|
|
33
|
-
var timeoutRef =
|
|
22
|
+
var api = useSearchkit();
|
|
23
|
+
var timeoutRef = useRef();
|
|
34
24
|
var fieldLabel = false;
|
|
35
25
|
var searchQuery = function searchQuery(query) {
|
|
36
26
|
setQuery(query);
|
|
@@ -54,14 +44,14 @@ var SearchField = function SearchField(_ref) {
|
|
|
54
44
|
onSubmit();
|
|
55
45
|
}
|
|
56
46
|
};
|
|
57
|
-
return /*#__PURE__*/
|
|
47
|
+
return /*#__PURE__*/React.createElement(FormikWrapper, {
|
|
58
48
|
initialValues: {
|
|
59
49
|
query: query
|
|
60
50
|
},
|
|
61
51
|
displayRequiredIndicator: "required",
|
|
62
52
|
enableReinitialize: true,
|
|
63
53
|
onSubmit: onSubmit
|
|
64
|
-
}, /*#__PURE__*/
|
|
54
|
+
}, /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(TextField, {
|
|
65
55
|
fieldName: "query",
|
|
66
56
|
title: fieldLabel,
|
|
67
57
|
placeholder: placeholder,
|
|
@@ -70,7 +60,7 @@ var SearchField = function SearchField(_ref) {
|
|
|
70
60
|
} : function () {
|
|
71
61
|
return handleEnter;
|
|
72
62
|
}
|
|
73
|
-
}), !autoSearch && /*#__PURE__*/
|
|
63
|
+
}), !autoSearch && /*#__PURE__*/React.createElement(Button, {
|
|
74
64
|
type: "submit",
|
|
75
65
|
primary: true
|
|
76
66
|
}, buttonText)));
|
|
@@ -81,5 +71,4 @@ SearchField.defaultProps = {
|
|
|
81
71
|
buttonText: '',
|
|
82
72
|
placeholder: ''
|
|
83
73
|
};
|
|
84
|
-
|
|
85
|
-
exports.default = _default;
|
|
74
|
+
export default SearchField;
|
|
@@ -1,18 +1,11 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.default = void 0;
|
|
7
|
-
var _react = _interopRequireDefault(require("react"));
|
|
8
|
-
var _client = require("@searchkit/client");
|
|
9
|
-
var _Button = _interopRequireDefault(require("../../Button"));
|
|
10
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { useSearchkit } from '@searchkit/client';
|
|
3
|
+
import Button from '../../Button';
|
|
11
4
|
var SearchLoadMore = function SearchLoadMore(_ref) {
|
|
12
5
|
var data = _ref.data,
|
|
13
6
|
label = _ref.label,
|
|
14
7
|
className = _ref.className;
|
|
15
|
-
var api =
|
|
8
|
+
var api = useSearchkit();
|
|
16
9
|
if (!data) {
|
|
17
10
|
return null;
|
|
18
11
|
}
|
|
@@ -30,11 +23,10 @@ var SearchLoadMore = function SearchLoadMore(_ref) {
|
|
|
30
23
|
if (currentPage + 1 >= lastPage) {
|
|
31
24
|
return null;
|
|
32
25
|
}
|
|
33
|
-
return /*#__PURE__*/
|
|
26
|
+
return /*#__PURE__*/React.createElement("div", {
|
|
34
27
|
className: className
|
|
35
|
-
}, /*#__PURE__*/
|
|
28
|
+
}, /*#__PURE__*/React.createElement(Button, {
|
|
36
29
|
onClick: setNextPage
|
|
37
30
|
}, label));
|
|
38
31
|
};
|
|
39
|
-
|
|
40
|
-
exports.default = _default;
|
|
32
|
+
export default SearchLoadMore;
|
|
@@ -1,23 +1,16 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.routeToStateFn = exports.default = void 0;
|
|
7
|
-
var _react = _interopRequireDefault(require("react"));
|
|
8
|
-
var _classnames = _interopRequireDefault(require("classnames"));
|
|
9
|
-
var _client = require("@searchkit/client");
|
|
10
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import c from 'classnames';
|
|
3
|
+
import { withSearchkitRouting } from '@searchkit/client';
|
|
11
4
|
var SearchPage = function SearchPage(_ref) {
|
|
12
5
|
var className = _ref.className,
|
|
13
6
|
children = _ref.children;
|
|
14
7
|
// Adding euiPage className for backwards compatibility.
|
|
15
|
-
var classNames = (
|
|
16
|
-
return /*#__PURE__*/
|
|
8
|
+
var classNames = c('euiPage', className);
|
|
9
|
+
return /*#__PURE__*/React.createElement("div", {
|
|
17
10
|
className: classNames
|
|
18
11
|
}, children);
|
|
19
12
|
};
|
|
20
|
-
var routeToStateFn = function routeToStateFn(routeState) {
|
|
13
|
+
export var routeToStateFn = function routeToStateFn(routeState) {
|
|
21
14
|
var value = {
|
|
22
15
|
query: routeState.query || '',
|
|
23
16
|
sortBy: routeState.sort || '',
|
|
@@ -57,8 +50,6 @@ var routeToStateFn = function routeToStateFn(routeState) {
|
|
|
57
50
|
});
|
|
58
51
|
return value;
|
|
59
52
|
};
|
|
60
|
-
|
|
61
|
-
var _default = (0, _client.withSearchkitRouting)(SearchPage, {
|
|
53
|
+
export default withSearchkitRouting(SearchPage, {
|
|
62
54
|
routeToState: routeToStateFn
|
|
63
|
-
});
|
|
64
|
-
exports.default = _default;
|
|
55
|
+
});
|
|
@@ -1,16 +1,9 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.default = void 0;
|
|
7
|
-
var _react = _interopRequireDefault(require("react"));
|
|
8
|
-
var _client = require("@searchkit/client");
|
|
9
|
-
var _Pagination = _interopRequireDefault(require("../../Pagination"));
|
|
10
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { useSearchkit } from '@searchkit/client';
|
|
3
|
+
import Pagination from '../../Pagination';
|
|
11
4
|
var SearchPagination = function SearchPagination(_ref) {
|
|
12
5
|
var data = _ref.data;
|
|
13
|
-
var api =
|
|
6
|
+
var api = useSearchkit();
|
|
14
7
|
if (!data) {
|
|
15
8
|
return null;
|
|
16
9
|
}
|
|
@@ -23,11 +16,10 @@ var SearchPagination = function SearchPagination(_ref) {
|
|
|
23
16
|
api.search();
|
|
24
17
|
}
|
|
25
18
|
};
|
|
26
|
-
return /*#__PURE__*/
|
|
19
|
+
return /*#__PURE__*/React.createElement(Pagination, {
|
|
27
20
|
setCurrentPage: setCurrentPage,
|
|
28
21
|
totalPages: data.results.hits.page.totalPages,
|
|
29
22
|
currentPage: data.results.hits.page.pageNumber + 1
|
|
30
23
|
});
|
|
31
24
|
};
|
|
32
|
-
|
|
33
|
-
exports.default = _default;
|
|
25
|
+
export default SearchPagination;
|
|
@@ -1,26 +1,19 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.default = void 0;
|
|
7
|
-
var _react = _interopRequireDefault(require("react"));
|
|
8
|
-
var _client = require("@searchkit/client");
|
|
9
|
-
var _reactI18next = require("react-i18next");
|
|
10
|
-
var _Button = _interopRequireDefault(require("../../Button"));
|
|
11
1
|
var _excluded = ["loading", "children"];
|
|
12
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
13
2
|
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
14
3
|
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
|
15
4
|
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
|
5
|
+
import React from 'react';
|
|
6
|
+
import { useSearchkit } from '@searchkit/client';
|
|
7
|
+
import { useTranslation } from 'react-i18next';
|
|
8
|
+
import Button from '../../Button';
|
|
16
9
|
var SearchReset = function SearchReset(_ref) {
|
|
17
10
|
var loading = _ref.loading,
|
|
18
11
|
children = _ref.children,
|
|
19
12
|
props = _objectWithoutProperties(_ref, _excluded);
|
|
20
|
-
var _useTranslation =
|
|
13
|
+
var _useTranslation = useTranslation(),
|
|
21
14
|
t = _useTranslation.t;
|
|
22
|
-
var api =
|
|
23
|
-
return /*#__PURE__*/
|
|
15
|
+
var api = useSearchkit();
|
|
16
|
+
return /*#__PURE__*/React.createElement(Button, _extends({
|
|
24
17
|
htmlType: "button",
|
|
25
18
|
className: "SearchSorting",
|
|
26
19
|
disabled: !api.canResetSearch() || loading,
|
|
@@ -30,5 +23,4 @@ var SearchReset = function SearchReset(_ref) {
|
|
|
30
23
|
}
|
|
31
24
|
}, props), children || t('searchkit.reset_search', 'Reset search'));
|
|
32
25
|
};
|
|
33
|
-
|
|
34
|
-
exports.default = _default;
|
|
26
|
+
export default SearchReset;
|
|
@@ -1,17 +1,3 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
|
|
4
|
-
Object.defineProperty(exports, "__esModule", {
|
|
5
|
-
value: true
|
|
6
|
-
});
|
|
7
|
-
exports.default = void 0;
|
|
8
|
-
var _react = _interopRequireWildcard(require("react"));
|
|
9
|
-
var _client = require("@searchkit/client");
|
|
10
|
-
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
11
|
-
var _usePrevious = _interopRequireDefault(require("../../../hooks/usePrevious"));
|
|
12
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
13
|
-
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
14
|
-
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
15
1
|
function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
|
|
16
2
|
function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
17
3
|
function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
|
|
@@ -22,13 +8,17 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
|
|
|
22
8
|
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
|
|
23
9
|
function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
|
|
24
10
|
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
11
|
+
import React, { useState, useEffect } from 'react';
|
|
12
|
+
import { useSearchkitVariables } from '@searchkit/client';
|
|
13
|
+
import PropTypes from 'prop-types';
|
|
14
|
+
import usePrevious from '../../../hooks/usePrevious';
|
|
25
15
|
var SearchResultItemDefault = function SearchResultItemDefault(_ref) {
|
|
26
16
|
var item = _ref.item;
|
|
27
|
-
return /*#__PURE__*/
|
|
17
|
+
return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("h3", null, item.fields.title[0]));
|
|
28
18
|
};
|
|
29
19
|
var SearchResultHeaderDefault = function SearchResultHeaderDefault(_ref2) {
|
|
30
20
|
var data = _ref2.data;
|
|
31
|
-
return /*#__PURE__*/
|
|
21
|
+
return /*#__PURE__*/React.createElement("h2", null, data.results.summary.total, " Results");
|
|
32
22
|
};
|
|
33
23
|
var SearchResults = function SearchResults(_ref3) {
|
|
34
24
|
var data = _ref3.data,
|
|
@@ -40,38 +30,38 @@ var SearchResults = function SearchResults(_ref3) {
|
|
|
40
30
|
scrollView = _ref3$scrollView === void 0 ? null : _ref3$scrollView;
|
|
41
31
|
var SearchResultItem = renderItem;
|
|
42
32
|
var SearchResultHeader = renderHeader;
|
|
43
|
-
var variables =
|
|
44
|
-
var _useState =
|
|
33
|
+
var variables = useSearchkitVariables();
|
|
34
|
+
var _useState = useState([]),
|
|
45
35
|
_useState2 = _slicedToArray(_useState, 2),
|
|
46
36
|
items = _useState2[0],
|
|
47
37
|
setItems = _useState2[1];
|
|
48
|
-
var _useState3 =
|
|
38
|
+
var _useState3 = useState(-1),
|
|
49
39
|
_useState4 = _slicedToArray(_useState3, 2),
|
|
50
40
|
currentPage = _useState4[0],
|
|
51
41
|
setCurrentPage = _useState4[1];
|
|
52
|
-
var _useState5 =
|
|
42
|
+
var _useState5 = useState(variables.query),
|
|
53
43
|
_useState6 = _slicedToArray(_useState5, 2),
|
|
54
44
|
previousQuery = _useState6[0],
|
|
55
45
|
setPreviousQuery = _useState6[1];
|
|
56
|
-
var _useState7 =
|
|
46
|
+
var _useState7 = useState(variables.filters),
|
|
57
47
|
_useState8 = _slicedToArray(_useState7, 2),
|
|
58
48
|
previousActiveFilters = _useState8[0],
|
|
59
49
|
setPreviousActiveFilters = _useState8[1];
|
|
60
|
-
var _useState9 =
|
|
50
|
+
var _useState9 = useState(variables.sortBy),
|
|
61
51
|
_useState10 = _slicedToArray(_useState9, 2),
|
|
62
52
|
previousSortBy = _useState10[0],
|
|
63
53
|
setPreviousSortBy = _useState10[1];
|
|
64
|
-
var _useState11 =
|
|
54
|
+
var _useState11 = useState( /*#__PURE__*/React.createElement(React.Fragment, null)),
|
|
65
55
|
_useState12 = _slicedToArray(_useState11, 2),
|
|
66
56
|
searchResultItems = _useState12[0],
|
|
67
57
|
setSearchResultItems = _useState12[1];
|
|
68
|
-
var _useState13 =
|
|
58
|
+
var _useState13 = useState(''),
|
|
69
59
|
_useState14 = _slicedToArray(_useState13, 2),
|
|
70
60
|
currentData = _useState14[0],
|
|
71
61
|
setCurrentData = _useState14[1];
|
|
72
|
-
var previousPage = (
|
|
73
|
-
var previousItems = (
|
|
74
|
-
|
|
62
|
+
var previousPage = usePrevious(currentPage);
|
|
63
|
+
var previousItems = usePrevious(items);
|
|
64
|
+
useEffect(function () {
|
|
75
65
|
var _data$results$hits, _data$results$hits$pa;
|
|
76
66
|
if (!data || typeof data.results === 'undefined') {
|
|
77
67
|
return;
|
|
@@ -109,9 +99,9 @@ var SearchResults = function SearchResults(_ref3) {
|
|
|
109
99
|
}, [data, appendResults, variables]);
|
|
110
100
|
|
|
111
101
|
// Set the search results when items have changed
|
|
112
|
-
|
|
102
|
+
useEffect(function () {
|
|
113
103
|
setSearchResultItems(items.map(function (item) {
|
|
114
|
-
return /*#__PURE__*/
|
|
104
|
+
return /*#__PURE__*/React.createElement(SearchResultItem, {
|
|
115
105
|
key: item.id,
|
|
116
106
|
item: item
|
|
117
107
|
});
|
|
@@ -119,7 +109,7 @@ var SearchResults = function SearchResults(_ref3) {
|
|
|
119
109
|
}, [items]);
|
|
120
110
|
|
|
121
111
|
// Scroll to top on every page.
|
|
122
|
-
|
|
112
|
+
useEffect(function () {
|
|
123
113
|
var _data$results$hits2, _data$results$hits2$p;
|
|
124
114
|
if (!data || typeof data.results === 'undefined') {
|
|
125
115
|
return;
|
|
@@ -132,9 +122,9 @@ var SearchResults = function SearchResults(_ref3) {
|
|
|
132
122
|
});
|
|
133
123
|
}
|
|
134
124
|
}, [data, appendResults, scrollView]);
|
|
135
|
-
return /*#__PURE__*/
|
|
125
|
+
return /*#__PURE__*/React.createElement("div", {
|
|
136
126
|
className: "SearchResults"
|
|
137
|
-
}, data && /*#__PURE__*/
|
|
127
|
+
}, data && /*#__PURE__*/React.createElement(SearchResultHeader, {
|
|
138
128
|
data: data
|
|
139
129
|
}), searchResultItems);
|
|
140
130
|
};
|
|
@@ -147,11 +137,10 @@ SearchResults.defaultProps = {
|
|
|
147
137
|
SearchResults.propTypes = {
|
|
148
138
|
// its turned off due to complex struxture of the object
|
|
149
139
|
// eslint-disable-next-line react/forbid-prop-types
|
|
150
|
-
data:
|
|
151
|
-
renderItem:
|
|
152
|
-
renderHeader:
|
|
153
|
-
appendResults:
|
|
154
|
-
scrollView:
|
|
140
|
+
data: PropTypes.object.isRequired,
|
|
141
|
+
renderItem: PropTypes.elementType,
|
|
142
|
+
renderHeader: PropTypes.elementType,
|
|
143
|
+
appendResults: PropTypes.bool,
|
|
144
|
+
scrollView: PropTypes.element
|
|
155
145
|
};
|
|
156
|
-
|
|
157
|
-
exports.default = _default;
|
|
146
|
+
export default SearchResults;
|
|
@@ -1,22 +1,14 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.default = void 0;
|
|
7
|
-
var _react = _interopRequireDefault(require("react"));
|
|
8
|
-
var _client = require("@searchkit/client");
|
|
9
|
-
var _Button = _interopRequireDefault(require("../../../../Button"));
|
|
10
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { useSearchkit } from '@searchkit/client';
|
|
3
|
+
import Button from '../../../../Button';
|
|
11
4
|
var CustomValueFilter = function CustomValueFilter(_ref) {
|
|
12
5
|
var filter = _ref.filter;
|
|
13
|
-
var api =
|
|
14
|
-
return /*#__PURE__*/
|
|
6
|
+
var api = useSearchkit();
|
|
7
|
+
return /*#__PURE__*/React.createElement(Button, {
|
|
15
8
|
onClick: function onClick() {
|
|
16
9
|
api.removeFilter(filter);
|
|
17
10
|
api.search();
|
|
18
11
|
}
|
|
19
12
|
}, filter.label, ": ", filter.value);
|
|
20
13
|
};
|
|
21
|
-
|
|
22
|
-
exports.default = _default;
|
|
14
|
+
export default CustomValueFilter;
|
|
@@ -1,18 +1,11 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.default = void 0;
|
|
7
|
-
var _react = _interopRequireDefault(require("react"));
|
|
8
|
-
var _client = require("@searchkit/client");
|
|
9
|
-
var _Button = _interopRequireDefault(require("../../../../Button"));
|
|
10
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { useSearchkit } from '@searchkit/client';
|
|
3
|
+
import Button from '../../../../Button';
|
|
11
4
|
var DateRangeFilter = function DateRangeFilter(_ref) {
|
|
12
5
|
var filter = _ref.filter,
|
|
13
6
|
loading = _ref.loading;
|
|
14
|
-
var api =
|
|
15
|
-
return /*#__PURE__*/
|
|
7
|
+
var api = useSearchkit();
|
|
8
|
+
return /*#__PURE__*/React.createElement(Button, {
|
|
16
9
|
disabled: loading,
|
|
17
10
|
onClick: function onClick() {
|
|
18
11
|
api.removeFilter(filter);
|
|
@@ -20,5 +13,4 @@ var DateRangeFilter = function DateRangeFilter(_ref) {
|
|
|
20
13
|
}
|
|
21
14
|
}, filter.label, ": ", new Date(filter.dateMin).toDateString(), " -", ' ', new Date(filter.dateMax).toDateString());
|
|
22
15
|
};
|
|
23
|
-
|
|
24
|
-
exports.default = _default;
|
|
16
|
+
export default DateRangeFilter;
|
|
@@ -1,18 +1,11 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.default = void 0;
|
|
7
|
-
var _react = _interopRequireDefault(require("react"));
|
|
8
|
-
var _client = require("@searchkit/client");
|
|
9
|
-
var _Button = _interopRequireDefault(require("../../../../Button"));
|
|
10
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { useSearchkit } from '@searchkit/client';
|
|
3
|
+
import Button from '../../../../Button';
|
|
11
4
|
var NumericRangeFilter = function NumericRangeFilter(_ref) {
|
|
12
5
|
var filter = _ref.filter,
|
|
13
6
|
loading = _ref.loading;
|
|
14
|
-
var api =
|
|
15
|
-
return /*#__PURE__*/
|
|
7
|
+
var api = useSearchkit();
|
|
8
|
+
return /*#__PURE__*/React.createElement(Button, {
|
|
16
9
|
disabled: loading,
|
|
17
10
|
onClick: function onClick() {
|
|
18
11
|
api.removeFilter(filter);
|
|
@@ -20,5 +13,4 @@ var NumericRangeFilter = function NumericRangeFilter(_ref) {
|
|
|
20
13
|
}
|
|
21
14
|
}, filter.label, ": ", filter.min, " - ", filter.max);
|
|
22
15
|
};
|
|
23
|
-
|
|
24
|
-
exports.default = _default;
|
|
16
|
+
export default NumericRangeFilter;
|
|
@@ -1,29 +1,18 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
Object.defineProperty(exports, "__esModule", {
|
|
5
|
-
value: true
|
|
6
|
-
});
|
|
7
|
-
exports.default = void 0;
|
|
8
|
-
var _react = _interopRequireWildcard(require("react"));
|
|
9
|
-
var _client = require("@searchkit/client");
|
|
10
|
-
var _Button = _interopRequireDefault(require("../../../../Button"));
|
|
11
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
12
|
-
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
13
|
-
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
1
|
+
import React, { useRef } from 'react';
|
|
2
|
+
import { FilterLink } from '@searchkit/client';
|
|
3
|
+
import Button from '../../../../Button';
|
|
14
4
|
var ValueFilter = function ValueFilter(_ref) {
|
|
15
5
|
var filter = _ref.filter,
|
|
16
6
|
loading = _ref.loading;
|
|
17
|
-
var ref =
|
|
18
|
-
return /*#__PURE__*/
|
|
7
|
+
var ref = useRef();
|
|
8
|
+
return /*#__PURE__*/React.createElement(Button, {
|
|
19
9
|
disabled: loading,
|
|
20
10
|
onClick: function onClick(e) {
|
|
21
11
|
ref.current.onClick(e);
|
|
22
12
|
}
|
|
23
|
-
}, /*#__PURE__*/
|
|
13
|
+
}, /*#__PURE__*/React.createElement(FilterLink, {
|
|
24
14
|
ref: ref,
|
|
25
15
|
filter: filter
|
|
26
16
|
}, filter.label, ": ", filter.value));
|
|
27
17
|
};
|
|
28
|
-
|
|
29
|
-
exports.default = _default;
|
|
18
|
+
export default ValueFilter;
|
|
@@ -1,16 +1,9 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
var _react = _interopRequireDefault(require("react"));
|
|
8
|
-
var _CustomValue = _interopRequireDefault(require("./Filters/CustomValue"));
|
|
9
|
-
var _DateRange = _interopRequireDefault(require("./Filters/DateRange"));
|
|
10
|
-
var _NumericRange = _interopRequireDefault(require("./Filters/NumericRange"));
|
|
11
|
-
var _Value = _interopRequireDefault(require("./Filters/Value"));
|
|
12
|
-
require("./style.scss");
|
|
13
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import CustomValueFilter from './Filters/CustomValue';
|
|
3
|
+
import DateRangeFilter from './Filters/DateRange';
|
|
4
|
+
import NumericRangeFilter from './Filters/NumericRange';
|
|
5
|
+
import ValueFilter from './Filters/Value';
|
|
6
|
+
import './style.scss';
|
|
14
7
|
var SearchSelectedFilters = function SearchSelectedFilters(_ref) {
|
|
15
8
|
var _results$summary;
|
|
16
9
|
var data = _ref.data,
|
|
@@ -23,28 +16,27 @@ var SearchSelectedFilters = function SearchSelectedFilters(_ref) {
|
|
|
23
16
|
// All filter components are copies of Searchkit's own filters, recreated within our library.
|
|
24
17
|
// Only the CustomValueFilter is a completely custom filter, written by us. Hence the name.
|
|
25
18
|
var filterComponentMap = {
|
|
26
|
-
ListFacet:
|
|
27
|
-
RangeSliderFacet:
|
|
28
|
-
DateRangeFacet:
|
|
29
|
-
ComboBoxFacet:
|
|
30
|
-
HierarchicalMenuFacet:
|
|
31
|
-
SelectFacet:
|
|
32
|
-
ChipFacet:
|
|
33
|
-
HierarchicalFilterFacet:
|
|
19
|
+
ListFacet: CustomValueFilter,
|
|
20
|
+
RangeSliderFacet: NumericRangeFilter,
|
|
21
|
+
DateRangeFacet: DateRangeFilter,
|
|
22
|
+
ComboBoxFacet: ValueFilter,
|
|
23
|
+
HierarchicalMenuFacet: ValueFilter,
|
|
24
|
+
SelectFacet: CustomValueFilter,
|
|
25
|
+
ChipFacet: CustomValueFilter,
|
|
26
|
+
HierarchicalFilterFacet: CustomValueFilter
|
|
34
27
|
};
|
|
35
|
-
return /*#__PURE__*/
|
|
28
|
+
return /*#__PURE__*/React.createElement("div", {
|
|
36
29
|
className: "SearchSelectedFilters"
|
|
37
30
|
}, results === null || results === void 0 ? void 0 : (_results$summary = results.summary) === null || _results$summary === void 0 ? void 0 : _results$summary.appliedFilters.map(function (filter) {
|
|
38
|
-
var FilterComponent = filterComponentMap[filter.display] ||
|
|
31
|
+
var FilterComponent = filterComponentMap[filter.display] || ValueFilter;
|
|
39
32
|
if (!filterComponentMap[filter.display]) {
|
|
40
33
|
throw new Error("could not display selected filters for ".concat(filter.identifier, " facet. Use customFilterComponents prop to pass a component to handle this filter for ").concat(filter.display, " display"));
|
|
41
34
|
}
|
|
42
|
-
return /*#__PURE__*/
|
|
35
|
+
return /*#__PURE__*/React.createElement(FilterComponent, {
|
|
43
36
|
filter: filter,
|
|
44
37
|
loading: loading,
|
|
45
38
|
key: filter.id
|
|
46
39
|
});
|
|
47
40
|
}));
|
|
48
41
|
};
|
|
49
|
-
|
|
50
|
-
exports.default = _default;
|
|
42
|
+
export default SearchSelectedFilters;
|
|
@@ -1,16 +1,9 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
});
|
|
6
|
-
exports.default = void 0;
|
|
7
|
-
var _client = require("@searchkit/client");
|
|
8
|
-
var _react = _interopRequireDefault(require("react"));
|
|
9
|
-
var _FormikWrapper = _interopRequireDefault(require("../../Form/FormikWrapper"));
|
|
10
|
-
var _Select = _interopRequireDefault(require("../../Form/Select"));
|
|
11
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
1
|
+
import { useSearchkit, useSearchkitVariables } from '@searchkit/client';
|
|
2
|
+
import React from 'react';
|
|
3
|
+
import FormikWrapper from '../../Form/FormikWrapper';
|
|
4
|
+
import Select from '../../Form/Select';
|
|
12
5
|
var useInitialValues = function useInitialValues() {
|
|
13
|
-
var parsed =
|
|
6
|
+
var parsed = useSearchkitVariables();
|
|
14
7
|
return {
|
|
15
8
|
'sortBy': parsed.sortBy
|
|
16
9
|
};
|
|
@@ -19,7 +12,7 @@ var SearchSorting = function SearchSorting(_ref) {
|
|
|
19
12
|
var _data$results, _data$results$summary, _data$results$summary2;
|
|
20
13
|
var data = _ref.data,
|
|
21
14
|
loading = _ref.loading;
|
|
22
|
-
var api =
|
|
15
|
+
var api = useSearchkit();
|
|
23
16
|
var initialValues = useInitialValues();
|
|
24
17
|
var options = (data === null || data === void 0 ? void 0 : (_data$results = data.results) === null || _data$results === void 0 ? void 0 : (_data$results$summary = _data$results.summary) === null || _data$results$summary === void 0 ? void 0 : (_data$results$summary2 = _data$results$summary.sortOptions) === null || _data$results$summary2 === void 0 ? void 0 : _data$results$summary2.map(function (sortOption) {
|
|
25
18
|
return {
|
|
@@ -27,9 +20,9 @@ var SearchSorting = function SearchSorting(_ref) {
|
|
|
27
20
|
label: sortOption.label
|
|
28
21
|
};
|
|
29
22
|
})) || [];
|
|
30
|
-
return /*#__PURE__*/
|
|
23
|
+
return /*#__PURE__*/React.createElement(FormikWrapper, {
|
|
31
24
|
initialValues: initialValues
|
|
32
|
-
}, /*#__PURE__*/
|
|
25
|
+
}, /*#__PURE__*/React.createElement(Select, {
|
|
33
26
|
fieldName: "sortBy",
|
|
34
27
|
isClearable: false,
|
|
35
28
|
isSearchable: false,
|
|
@@ -44,5 +37,4 @@ var SearchSorting = function SearchSorting(_ref) {
|
|
|
44
37
|
}
|
|
45
38
|
}));
|
|
46
39
|
};
|
|
47
|
-
|
|
48
|
-
exports.default = _default;
|
|
40
|
+
export default SearchSorting;
|