@uncinc/uncinc-react-kitchen-sink 2.5.3 → 2.5.4-2-custom-searchkit-routing

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.
Files changed (131) hide show
  1. package/dist/Context/KitchenSinkComponentMapperContext.js +3 -11
  2. package/dist/Context/ViewportContext.js +8 -21
  3. package/dist/Context/withMapping.js +6 -17
  4. package/dist/components/AbbreviationAnnotation/index.js +17 -28
  5. package/dist/components/AbbreviationAnnotation/stories.js +12 -21
  6. package/dist/components/Accordion/AccordionItem/index.js +18 -29
  7. package/dist/components/Accordion/AccordionItemVariant/index.js +14 -25
  8. package/dist/components/Accordion/index.js +6 -14
  9. package/dist/components/Accordion/stories.js +16 -26
  10. package/dist/components/ApiAutocomplete/index.js +7 -17
  11. package/dist/components/ApiAutocomplete/stories.js +7 -16
  12. package/dist/components/Button/index.js +21 -30
  13. package/dist/components/Button/stories.js +11 -21
  14. package/dist/components/Cookie/Checkbox/index.js +6 -14
  15. package/dist/components/Cookie/index.js +61 -71
  16. package/dist/components/Cookie/stories.js +20 -33
  17. package/dist/components/Dialog/DialogHelpersStory/index.js +13 -25
  18. package/dist/components/Dialog/DialogHookStory/index.js +13 -22
  19. package/dist/components/Dialog/DialogOverrideStory/index.js +9 -18
  20. package/dist/components/Dialog/index.js +35 -46
  21. package/dist/components/Dialog/stories.js +10 -19
  22. package/dist/components/FontSizeSwitcher/index.js +17 -28
  23. package/dist/components/FontSizeSwitcher/stories.js +10 -20
  24. package/dist/components/Form/Checkbox/index.js +13 -21
  25. package/dist/components/Form/Checkbox/stories.js +8 -17
  26. package/dist/components/Form/Checkboxes/index.js +19 -27
  27. package/dist/components/Form/Checkboxes/index.test.js +23 -27
  28. package/dist/components/Form/Checkboxes/stories.js +9 -18
  29. package/dist/components/Form/Date/index.js +4 -12
  30. package/dist/components/Form/Date/stories.js +7 -16
  31. package/dist/components/Form/DatePicker/index.js +12 -20
  32. package/dist/components/Form/DatePicker/stories.js +7 -16
  33. package/dist/components/Form/DateSelect/index.js +24 -35
  34. package/dist/components/Form/DateSelect/stories.js +10 -22
  35. package/dist/components/Form/Email/index.js +4 -12
  36. package/dist/components/Form/Email/stories.js +7 -16
  37. package/dist/components/Form/FormikWrapper/index.js +9 -17
  38. package/dist/components/Form/GenericFormElement/index.js +14 -22
  39. package/dist/components/Form/Number/index.js +6 -14
  40. package/dist/components/Form/Number/stories.js +7 -16
  41. package/dist/components/Form/RadioButtons/index.js +17 -25
  42. package/dist/components/Form/RadioButtons/index.test.js +23 -27
  43. package/dist/components/Form/RadioButtons/stories.js +9 -18
  44. package/dist/components/Form/SearchField/index.js +14 -22
  45. package/dist/components/Form/Select/Input/index.js +10 -18
  46. package/dist/components/Form/Select/index.js +10 -18
  47. package/dist/components/Form/Select/stories.js +9 -19
  48. package/dist/components/Form/TextField/index.js +11 -19
  49. package/dist/components/Form/TextField/index.test.js +23 -27
  50. package/dist/components/Form/TextField/stories.js +8 -17
  51. package/dist/components/Form/Textarea/index.js +10 -18
  52. package/dist/components/Form/Textarea/stories.js +7 -16
  53. package/dist/components/Hamburger/index.js +7 -15
  54. package/dist/components/Hamburger/stories.js +12 -22
  55. package/dist/components/Header/index.js +23 -38
  56. package/dist/components/Header/stories.js +22 -34
  57. package/dist/components/Image/Background/index.js +10 -21
  58. package/dist/components/Image/LazyLoadWrapper/index.js +16 -26
  59. package/dist/components/Image/Picture/index.js +20 -28
  60. package/dist/components/Image/index.js +11 -19
  61. package/dist/components/Image/stories.js +28 -41
  62. package/dist/components/InlineMenu/index.js +14 -25
  63. package/dist/components/InlineMenu/stories.js +18 -27
  64. package/dist/components/Layout/Container/index.js +10 -18
  65. package/dist/components/Layout/Container/stories.js +44 -53
  66. package/dist/components/Layout/QuickLayout/Auto/index.js +5 -13
  67. package/dist/components/Layout/QuickLayout/Center/index.js +6 -14
  68. package/dist/components/Layout/QuickLayout/Clamp/index.js +5 -13
  69. package/dist/components/Layout/QuickLayout/Sidebar/index.js +6 -14
  70. package/dist/components/Layout/QuickLayout/SpaceBetween/index.js +6 -14
  71. package/dist/components/Layout/QuickLayout/Stack/index.js +6 -14
  72. package/dist/components/Layout/QuickLayout/Wrap/index.js +7 -15
  73. package/dist/components/Layout/QuickLayout/index.js +16 -24
  74. package/dist/components/Layout/QuickLayout/stories.js +38 -54
  75. package/dist/components/Lottie/LottieAnimation/index.js +12 -23
  76. package/dist/components/Lottie/LottieAnimationWithMousePosition.js +8 -19
  77. package/dist/components/Lottie/index.js +29 -41
  78. package/dist/components/Lottie/stories.js +25 -36
  79. package/dist/components/MagicLine/index.js +12 -23
  80. package/dist/components/MagicLine/stories.js +16 -26
  81. package/dist/components/NavigationScroll/index.js +11 -21
  82. package/dist/components/NavigationScroll/stories.js +9 -18
  83. package/dist/components/Pagination/index.js +27 -36
  84. package/dist/components/Pagination/stories.js +17 -30
  85. package/dist/components/SearchKit/Facets/ChipFacet/index.js +11 -20
  86. package/dist/components/SearchKit/Facets/ListFacet/index.js +11 -20
  87. package/dist/components/SearchKit/Facets/SelectFacet/index.js +15 -24
  88. package/dist/components/SearchKit/Query/index.js +13 -24
  89. package/dist/components/SearchKit/SearchFacets/index.js +10 -18
  90. package/dist/components/SearchKit/SearchField/index.js +12 -23
  91. package/dist/components/SearchKit/SearchLoadMore/index.js +7 -15
  92. package/dist/components/SearchKit/SearchPage/index.js +9 -18
  93. package/dist/components/SearchKit/SearchPage/withSearchkitRouting.d.ts +39 -0
  94. package/dist/components/SearchKit/SearchPage/withSearchkitRouting.js +184 -0
  95. package/dist/components/SearchKit/SearchPagination/index.js +6 -14
  96. package/dist/components/SearchKit/SearchReset/index.js +8 -16
  97. package/dist/components/SearchKit/SearchResults/index.js +28 -39
  98. package/dist/components/SearchKit/SearchSelectedFilters/Filters/CustomValue/index.js +6 -14
  99. package/dist/components/SearchKit/SearchSelectedFilters/Filters/DateRange/index.js +6 -14
  100. package/dist/components/SearchKit/SearchSelectedFilters/Filters/NumericRange/index.js +6 -14
  101. package/dist/components/SearchKit/SearchSelectedFilters/Filters/Value/index.js +7 -18
  102. package/dist/components/SearchKit/SearchSelectedFilters/index.js +18 -26
  103. package/dist/components/SearchKit/SearchSorting/index.js +9 -17
  104. package/dist/components/SearchKit/index.js +58 -39
  105. package/dist/components/SearchKit/stories.js +54 -69
  106. package/dist/components/Share/index.js +18 -26
  107. package/dist/components/Share/stories.js +7 -16
  108. package/dist/components/Sliders/SliderRelated/index.js +11 -19
  109. package/dist/components/Sliders/SliderRelated/stories.js +22 -33
  110. package/dist/components/WysiwygField/index.js +10 -18
  111. package/dist/components/WysiwygField/stories.js +10 -20
  112. package/dist/components/index.js +15 -111
  113. package/dist/config/constants.js +17 -37
  114. package/dist/config/i18next/index.js +9 -17
  115. package/dist/helpers/date.js +4 -13
  116. package/dist/helpers/gtm.js +4 -11
  117. package/dist/helpers/link.js +4 -12
  118. package/dist/helpers/useValueForCurrentViewPort.js +6 -13
  119. package/dist/hooks/useBoolean.js +6 -12
  120. package/dist/hooks/useClickOutside.js +3 -9
  121. package/dist/hooks/useDialog.js +6 -13
  122. package/dist/hooks/useDialogHelpers.js +11 -18
  123. package/dist/hooks/useEscape.js +3 -9
  124. package/dist/hooks/useOnScreen.js +4 -10
  125. package/dist/hooks/usePrevious.js +4 -10
  126. package/dist/hooks/useScrollPosition.js +4 -11
  127. package/dist/hooks/useTrapFocus.js +3 -9
  128. package/dist/hooks/useWindowDimensions.js +4 -10
  129. package/dist/index.js +76 -471
  130. package/dist/setupTests.js +2 -5
  131. package/package.json +11 -5
@@ -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__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("h3", null, item.fields.title[0]));
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__*/_react.default.createElement("h2", null, data.results.summary.total, " Results");
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 = (0, _client.useSearchkitVariables)();
44
- var _useState = (0, _react.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 = (0, _react.useState)(-1),
38
+ var _useState3 = useState(-1),
49
39
  _useState4 = _slicedToArray(_useState3, 2),
50
40
  currentPage = _useState4[0],
51
41
  setCurrentPage = _useState4[1];
52
- var _useState5 = (0, _react.useState)(variables.query),
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 = (0, _react.useState)(variables.filters),
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 = (0, _react.useState)(variables.sortBy),
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 = (0, _react.useState)( /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null)),
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 = (0, _react.useState)(''),
58
+ var _useState13 = useState(''),
69
59
  _useState14 = _slicedToArray(_useState13, 2),
70
60
  currentData = _useState14[0],
71
61
  setCurrentData = _useState14[1];
72
- var previousPage = (0, _usePrevious.default)(currentPage);
73
- var previousItems = (0, _usePrevious.default)(items);
74
- (0, _react.useEffect)(function () {
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
- (0, _react.useEffect)(function () {
102
+ useEffect(function () {
113
103
  setSearchResultItems(items.map(function (item) {
114
- return /*#__PURE__*/_react.default.createElement(SearchResultItem, {
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
- (0, _react.useEffect)(function () {
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__*/_react.default.createElement("div", {
125
+ return /*#__PURE__*/React.createElement("div", {
136
126
  className: "SearchResults"
137
- }, data && /*#__PURE__*/_react.default.createElement(SearchResultHeader, {
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: _propTypes.default.object.isRequired,
151
- renderItem: _propTypes.default.elementType,
152
- renderHeader: _propTypes.default.elementType,
153
- appendResults: _propTypes.default.bool,
154
- scrollView: _propTypes.default.element
140
+ data: PropTypes.object.isRequired,
141
+ renderItem: PropTypes.elementType,
142
+ renderHeader: PropTypes.elementType,
143
+ appendResults: PropTypes.bool,
144
+ scrollView: PropTypes.element
155
145
  };
156
- var _default = SearchResults;
157
- exports.default = _default;
146
+ export default SearchResults;
@@ -1,22 +1,14 @@
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 _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 = (0, _client.useSearchkit)();
14
- return /*#__PURE__*/_react.default.createElement(_Button.default, {
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
- var _default = CustomValueFilter;
22
- exports.default = _default;
14
+ export default CustomValueFilter;
@@ -1,18 +1,11 @@
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 _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 = (0, _client.useSearchkit)();
15
- return /*#__PURE__*/_react.default.createElement(_Button.default, {
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
- var _default = DateRangeFilter;
24
- exports.default = _default;
16
+ export default DateRangeFilter;
@@ -1,18 +1,11 @@
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 _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 = (0, _client.useSearchkit)();
15
- return /*#__PURE__*/_react.default.createElement(_Button.default, {
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
- var _default = NumericRangeFilter;
24
- exports.default = _default;
16
+ export default NumericRangeFilter;
@@ -1,29 +1,18 @@
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 _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 = (0, _react.useRef)();
18
- return /*#__PURE__*/_react.default.createElement(_Button.default, {
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__*/_react.default.createElement(_client.FilterLink, {
13
+ }, /*#__PURE__*/React.createElement(FilterLink, {
24
14
  ref: ref,
25
15
  filter: filter
26
16
  }, filter.label, ": ", filter.value));
27
17
  };
28
- var _default = ValueFilter;
29
- exports.default = _default;
18
+ export default ValueFilter;
@@ -1,16 +1,9 @@
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 _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: _CustomValue.default,
27
- RangeSliderFacet: _NumericRange.default,
28
- DateRangeFacet: _DateRange.default,
29
- ComboBoxFacet: _Value.default,
30
- HierarchicalMenuFacet: _Value.default,
31
- SelectFacet: _CustomValue.default,
32
- ChipFacet: _CustomValue.default,
33
- HierarchicalFilterFacet: _CustomValue.default
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__*/_react.default.createElement("div", {
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] || _Value.default;
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__*/_react.default.createElement(FilterComponent, {
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
- var _default = SearchSelectedFilters;
50
- exports.default = _default;
42
+ export default SearchSelectedFilters;
@@ -1,16 +1,9 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
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 = (0, _client.useSearchkitVariables)();
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 = (0, _client.useSearchkit)();
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__*/_react.default.createElement(_FormikWrapper.default, {
23
+ return /*#__PURE__*/React.createElement(FormikWrapper, {
31
24
  initialValues: initialValues
32
- }, /*#__PURE__*/_react.default.createElement(_Select.default, {
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
- var _default = SearchSorting;
48
- exports.default = _default;
40
+ export default SearchSorting;
@@ -1,33 +1,29 @@
1
- "use strict";
2
-
3
1
  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("@apollo/client");
10
- var _client2 = require("@searchkit/client");
11
- var _propTypes = _interopRequireDefault(require("prop-types"));
12
- var _Query = _interopRequireDefault(require("./Query"));
13
- var _SearchField = _interopRequireDefault(require("./SearchField"));
14
- var _SearchPagination = _interopRequireDefault(require("./SearchPagination"));
15
- var _SearchResults = _interopRequireDefault(require("./SearchResults"));
16
- var _SearchFacets = _interopRequireDefault(require("./SearchFacets"));
17
- var _SearchSelectedFilters = _interopRequireDefault(require("./SearchSelectedFilters"));
18
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
19
- 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); }
20
- 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; }
2
+ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
3
+ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
4
+ function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
5
+ function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
6
+ function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
7
+ import React, { useEffect, useState, useMemo } from 'react';
8
+ import { ApolloClient, InMemoryCache, ApolloProvider } from '@apollo/client';
9
+ import { SearchkitProvider, SearchkitClient } from '@searchkit/client';
10
+ import PropTypes from 'prop-types';
11
+ import Query from './Query';
12
+ import SearchField from './SearchField';
13
+ import SearchPagination from './SearchPagination';
14
+ import SearchResults from './SearchResults';
15
+ import SearchFacets from './SearchFacets';
16
+ import SearchSelectedFilters from './SearchSelectedFilters';
21
17
  var defaultChildren = function defaultChildren(data, loading) {
22
- return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_SearchField.default, null), /*#__PURE__*/_react.default.createElement(_SearchFacets.default, {
18
+ return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(SearchField, null), /*#__PURE__*/React.createElement(SearchFacets, {
23
19
  data: data,
24
20
  loading: loading
25
- }), /*#__PURE__*/_react.default.createElement(_SearchSelectedFilters.default, {
21
+ }), /*#__PURE__*/React.createElement(SearchSelectedFilters, {
26
22
  data: data,
27
23
  loading: loading
28
- }), /*#__PURE__*/_react.default.createElement(_SearchResults.default, {
24
+ }), /*#__PURE__*/React.createElement(SearchResults, {
29
25
  data: data
30
- }), /*#__PURE__*/_react.default.createElement(_SearchPagination.default, {
26
+ }), /*#__PURE__*/React.createElement(SearchPagination, {
31
27
  data: data
32
28
  }));
33
29
  };
@@ -45,14 +41,14 @@ var SearchKit = function SearchKit(_ref) {
45
41
  children = _ref.children,
46
42
  _ref$defaultSorting = _ref.defaultSorting,
47
43
  defaultSorting = _ref$defaultSorting === void 0 ? 'relevance' : _ref$defaultSorting;
48
- var client = (0, _react.useMemo)(function () {
49
- return new _client.ApolloClient({
44
+ var client = useMemo(function () {
45
+ return new ApolloClient({
50
46
  uri: uri,
51
- cache: new _client.InMemoryCache()
47
+ cache: new InMemoryCache()
52
48
  });
53
49
  }, [uri]);
54
- var skClient = (0, _react.useMemo)(function () {
55
- var skClient = new _client2.SearchkitClient();
50
+ var skClient = useMemo(function () {
51
+ var skClient = new SearchkitClient();
56
52
  skClient.updateBaseSearchState({
57
53
  filters: defaultFilters,
58
54
  query: defaultQuery,
@@ -62,14 +58,38 @@ var SearchKit = function SearchKit(_ref) {
62
58
  },
63
59
  sortBy: defaultSorting
64
60
  });
61
+
62
+ // We override the setQuery and resetFilters functions to include our default filters,
63
+ // e.g when you do a new search query or press the reset button.
64
+ skClient.setQuery = function (query) {
65
+ // eslint-disable-next-line react/no-this-in-sfc
66
+ this.setSearchState(function (searchState) {
67
+ return _objectSpread(_objectSpread({}, searchState), {}, {
68
+ query: query,
69
+ filters: defaultFilters,
70
+ page: {
71
+ from: 0,
72
+ size: pageSize
73
+ }
74
+ });
75
+ });
76
+ };
77
+ skClient.resetFilters = function (query) {
78
+ // eslint-disable-next-line react/no-this-in-sfc
79
+ this.setSearchState(function (searchState) {
80
+ return _objectSpread(_objectSpread({}, searchState), {}, {
81
+ filters: defaultFilters
82
+ });
83
+ });
84
+ };
65
85
  return skClient;
66
86
  }, [useRouting, defaultFilters, defaultQuery, pageSize, defaultSorting]);
67
- return /*#__PURE__*/_react.default.createElement(_client.ApolloProvider, {
87
+ return /*#__PURE__*/React.createElement(ApolloProvider, {
68
88
  client: client
69
- }, /*#__PURE__*/_react.default.createElement(_client2.SearchkitProvider, {
89
+ }, /*#__PURE__*/React.createElement(SearchkitProvider, {
70
90
  client: skClient,
71
91
  key: "".concat(defaultQuery, "-").concat(defaultFilters.toString())
72
- }, /*#__PURE__*/_react.default.createElement(_Query.default, {
92
+ }, /*#__PURE__*/React.createElement(Query, {
73
93
  query: query,
74
94
  useRouting: useRouting
75
95
  }, function (data, loading) {
@@ -77,12 +97,12 @@ var SearchKit = function SearchKit(_ref) {
77
97
  })));
78
98
  };
79
99
  SearchKit.propTypes = {
80
- uri: _propTypes.default.string,
81
- pageSize: _propTypes.default.number,
82
- useRouting: _propTypes.default.bool,
83
- defaultFilters: _propTypes.default.object,
84
- defaultQuery: _propTypes.default.string,
85
- defaultSorting: _propTypes.default.string
100
+ uri: PropTypes.string,
101
+ pageSize: PropTypes.number,
102
+ useRouting: PropTypes.bool,
103
+ defaultFilters: PropTypes.object,
104
+ defaultQuery: PropTypes.string,
105
+ defaultSorting: PropTypes.string
86
106
  };
87
107
  SearchKit.defaultProps = {
88
108
  uri: null,
@@ -92,5 +112,4 @@ SearchKit.defaultProps = {
92
112
  defaultQuery: '',
93
113
  defaultSorting: 'relevance'
94
114
  };
95
- var _default = SearchKit;
96
- exports.default = _default;
115
+ export default SearchKit;