@uncinc/uncinc-react-kitchen-sink 2.4.0 → 2.4.2

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 (168) hide show
  1. package/dist/Context/KitchenSinkComponentMapperContext.js +11 -3
  2. package/dist/Context/ViewportContext.js +27 -14
  3. package/dist/Context/withMapping.js +26 -15
  4. package/dist/components/AbbreviationAnnotation/index.js +49 -27
  5. package/dist/components/AbbreviationAnnotation/stories.js +37 -22
  6. package/dist/components/Accordion/AccordionItem/index.js +55 -36
  7. package/dist/components/Accordion/AccordionItemVariant/index.js +47 -25
  8. package/dist/components/Accordion/index.js +17 -10
  9. package/dist/components/Accordion/stories.js +38 -24
  10. package/dist/components/ApiAutocomplete/index.js +79 -51
  11. package/dist/components/ApiAutocomplete/stories.js +18 -9
  12. package/dist/components/Button/index.js +48 -33
  13. package/dist/components/Button/stories.js +31 -49
  14. package/dist/components/Button/stories.scss +7 -5
  15. package/dist/components/Cookie/Checkbox/index.js +23 -16
  16. package/dist/components/Cookie/index.js +146 -115
  17. package/dist/components/Cookie/stories.js +90 -40
  18. package/dist/components/Dialog/index.d.ts +38 -0
  19. package/dist/components/Dialog/index.js +63 -56
  20. package/dist/components/Dialog/stories.js +35 -18
  21. package/dist/components/FontSizeSwitcher/index.js +58 -32
  22. package/dist/components/FontSizeSwitcher/stories.js +23 -9
  23. package/dist/components/Form/Checkbox/index.js +43 -37
  24. package/dist/components/Form/Checkbox/stories.js +20 -11
  25. package/dist/components/Form/Checkboxes/index.js +62 -57
  26. package/dist/components/Form/Checkboxes/index.test.js +113 -62
  27. package/dist/components/Form/Checkboxes/stories.js +23 -12
  28. package/dist/components/Form/Date/index.js +13 -5
  29. package/dist/components/Form/Date/stories.js +18 -9
  30. package/dist/components/Form/DatePicker/index.js +40 -33
  31. package/dist/components/Form/DatePicker/stories.js +18 -9
  32. package/dist/components/Form/DateSelect/index.js +99 -62
  33. package/dist/components/Form/DateSelect/stories.js +32 -11
  34. package/dist/components/Form/Email/index.js +13 -5
  35. package/dist/components/Form/Email/stories.js +18 -9
  36. package/dist/components/Form/FormikWrapper/index.js +52 -45
  37. package/dist/components/Form/GenericFormElement/index.js +39 -34
  38. package/dist/components/Form/Number/index.js +23 -18
  39. package/dist/components/Form/Number/stories.js +18 -9
  40. package/dist/components/Form/RadioButtons/index.js +53 -49
  41. package/dist/components/Form/RadioButtons/index.test.js +106 -57
  42. package/dist/components/Form/RadioButtons/stories.js +23 -12
  43. package/dist/components/Form/SearchField/index.js +37 -30
  44. package/dist/components/Form/Select/Input/index.js +56 -49
  45. package/dist/components/Form/Select/index.js +33 -24
  46. package/dist/components/Form/Select/stories.js +25 -15
  47. package/dist/components/Form/TextField/index.js +39 -33
  48. package/dist/components/Form/TextField/index.test.js +104 -56
  49. package/dist/components/Form/TextField/stories.js +22 -11
  50. package/dist/components/Form/Textarea/index.js +35 -27
  51. package/dist/components/Form/Textarea/stories.js +18 -9
  52. package/dist/components/Hamburger/index.js +30 -19
  53. package/dist/components/Hamburger/stories.js +42 -16
  54. package/dist/components/Header/index.js +67 -39
  55. package/dist/components/Header/stories.js +48 -28
  56. package/dist/components/Image/Background/index.js +36 -21
  57. package/dist/components/Image/LazyLoadWrapper/index.js +101 -64
  58. package/dist/components/Image/Picture/index.js +83 -65
  59. package/dist/components/Image/index.js +21 -15
  60. package/dist/components/Image/stories.js +87 -64
  61. package/dist/components/InlineMenu/index.js +60 -38
  62. package/dist/components/InlineMenu/stories.js +66 -55
  63. package/dist/components/Layout/Container/index.js +29 -21
  64. package/dist/components/Layout/Container/stories.js +94 -84
  65. package/dist/components/Layout/QuickLayout/Auto/index.js +19 -12
  66. package/dist/components/Layout/QuickLayout/Center/index.js +17 -10
  67. package/dist/components/Layout/QuickLayout/Clamp/index.js +20 -13
  68. package/dist/components/Layout/QuickLayout/Sidebar/index.js +20 -13
  69. package/dist/components/Layout/QuickLayout/SpaceBetween/index.js +20 -13
  70. package/dist/components/Layout/QuickLayout/Stack/index.js +21 -11
  71. package/dist/components/Layout/QuickLayout/Wrap/index.js +21 -14
  72. package/dist/components/Layout/QuickLayout/index.js +31 -21
  73. package/dist/components/Layout/QuickLayout/stories.js +102 -70
  74. package/dist/components/Lottie/LottieAnimation/index.js +55 -56
  75. package/dist/components/Lottie/LottieAnimationWithMousePosition.js +31 -18
  76. package/dist/components/Lottie/index.js +47 -35
  77. package/dist/components/Lottie/stories.js +56 -31
  78. package/dist/components/MagicLine/index.js +50 -27
  79. package/dist/components/MagicLine/stories.js +60 -46
  80. package/dist/components/NavigationScroll/index.js +71 -49
  81. package/dist/components/NavigationScroll/stories.js +19 -8
  82. package/dist/components/Pagination/index.js +49 -41
  83. package/dist/components/Pagination/stories.js +46 -17
  84. package/dist/components/SearchKit/Facets/ChipFacet/index.js +24 -16
  85. package/dist/components/SearchKit/Facets/ListFacet/index.js +23 -15
  86. package/dist/components/SearchKit/Facets/SelectFacet/index.js +39 -30
  87. package/dist/components/SearchKit/Query/index.js +41 -23
  88. package/dist/components/SearchKit/SearchFacets/index.js +36 -23
  89. package/dist/components/SearchKit/SearchField/index.js +49 -25
  90. package/dist/components/SearchKit/SearchLoadMore/index.js +22 -15
  91. package/dist/components/SearchKit/SearchPage/index.js +22 -14
  92. package/dist/components/SearchKit/SearchPagination/index.js +17 -10
  93. package/dist/components/SearchKit/SearchReset/index.js +25 -16
  94. package/dist/components/SearchKit/SearchResults/index.js +108 -59
  95. package/dist/components/SearchKit/SearchSelectedFilters/Filters/CustomValue/index.js +17 -10
  96. package/dist/components/SearchKit/SearchSelectedFilters/Filters/DateRange/index.js +18 -11
  97. package/dist/components/SearchKit/SearchSelectedFilters/Filters/NumericRange/index.js +18 -11
  98. package/dist/components/SearchKit/SearchSelectedFilters/Filters/Value/index.js +22 -12
  99. package/dist/components/SearchKit/SearchSelectedFilters/index.js +34 -28
  100. package/dist/components/SearchKit/SearchSorting/index.js +29 -19
  101. package/dist/components/SearchKit/index.js +72 -53
  102. package/dist/components/SearchKit/stories.js +144 -187
  103. package/dist/components/Share/index.js +48 -40
  104. package/dist/components/Share/stories.js +16 -5
  105. package/dist/components/Sliders/SliderRelated/index.js +32 -25
  106. package/dist/components/Sliders/SliderRelated/stories.js +75 -57
  107. package/dist/components/Webform/WebformActions/index.js +19 -13
  108. package/dist/components/Webform/WebformCheckbox/index.js +32 -24
  109. package/dist/components/Webform/WebformCheckboxes/index.js +37 -29
  110. package/dist/components/Webform/WebformContainer/index.js +17 -11
  111. package/dist/components/Webform/WebformDate/index.js +76 -48
  112. package/dist/components/Webform/WebformMapper/index.js +53 -38
  113. package/dist/components/Webform/WebformNumber/index.js +31 -22
  114. package/dist/components/Webform/WebformRadioButtons/index.js +37 -29
  115. package/dist/components/Webform/WebformSelect/index.js +37 -29
  116. package/dist/components/Webform/WebformTextField/index.js +34 -26
  117. package/dist/components/Webform/WebformTextarea/index.js +32 -24
  118. package/dist/components/Webform/WebformWizardPage/index.js +56 -43
  119. package/dist/components/Webform/index.js +42 -20
  120. package/dist/components/Webform/stories.actions.js +19 -8
  121. package/dist/components/Webform/stories.checkboxes.js +19 -8
  122. package/dist/components/Webform/stories.checked.js +20 -9
  123. package/dist/components/Webform/stories.container.js +19 -8
  124. package/dist/components/Webform/stories.date.js +19 -8
  125. package/dist/components/Webform/stories.filled.js +20 -9
  126. package/dist/components/Webform/stories.number.js +19 -8
  127. package/dist/components/Webform/stories.radiobuttons.js +19 -8
  128. package/dist/components/Webform/stories.select.js +19 -8
  129. package/dist/components/Webform/stories.textarea.js +19 -8
  130. package/dist/components/Webform/stories.textfield.js +19 -8
  131. package/dist/components/Webform/stories.wizard.js +19 -8
  132. package/dist/components/Webform/withStates.js +49 -28
  133. package/dist/components/WysiwygField/index.js +30 -20
  134. package/dist/components/WysiwygField/stories.js +39 -29
  135. package/dist/components/index.js +111 -15
  136. package/dist/config/constants.js +38 -18
  137. package/dist/config/i18next/index.js +19 -11
  138. package/dist/helpers/date.js +25 -5
  139. package/dist/helpers/gtm.js +27 -17
  140. package/dist/helpers/link.js +15 -6
  141. package/dist/helpers/useValueForCurrentViewPort.js +27 -10
  142. package/dist/hooks/useBoolean.d.ts +8 -0
  143. package/dist/hooks/useBoolean.js +38 -0
  144. package/dist/hooks/useClickOutside.d.ts +8 -0
  145. package/dist/hooks/useClickOutside.js +35 -0
  146. package/dist/hooks/useDialog.d.ts +10 -0
  147. package/dist/hooks/useDialog.js +39 -0
  148. package/dist/hooks/useDialogHelpers.d.ts +20 -0
  149. package/dist/hooks/{useDialogHelpers.ts → useDialogHelpers.js} +33 -43
  150. package/dist/hooks/useEscape.d.ts +6 -0
  151. package/dist/hooks/useEscape.js +24 -0
  152. package/dist/hooks/useOnScreen.js +27 -6
  153. package/dist/hooks/usePrevious.js +10 -4
  154. package/dist/hooks/useScrollPosition.js +25 -7
  155. package/dist/hooks/useTrapFocus.d.ts +10 -0
  156. package/dist/hooks/useTrapFocus.js +63 -0
  157. package/dist/hooks/useWindowDimensions.js +27 -11
  158. package/dist/index.js +398 -56
  159. package/dist/setupTests.js +9 -5
  160. package/dist/styles/assets/_base.scss +0 -3
  161. package/dist/styles/assets/_fonts.scss +17 -17
  162. package/dist/styles/assets/_icons.scss +2 -2
  163. package/package.json +6 -3
  164. package/dist/hooks/useBoolean.ts +0 -20
  165. package/dist/hooks/useClickOutside.ts +0 -38
  166. package/dist/hooks/useDialog.ts +0 -29
  167. package/dist/hooks/useEscape.ts +0 -26
  168. package/dist/hooks/useTrapFocus.ts +0 -80
@@ -1,46 +1,53 @@
1
- import React from 'react';
2
- import { useSearchkit, useSearchkitVariables } from '@searchkit/client';
3
- import { useTranslation } from 'react-i18next';
4
- import classNames from 'classnames';
5
- import Select from '../../../Form/Select';
6
- import FormikWrapper from '../../../Form/FormikWrapper';
7
- const useInitialValues = () => {
8
- const parsed = useSearchkitVariables();
9
- const filters = {};
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.default = exports.SelectFacet = void 0;
7
+ var _react = _interopRequireDefault(require("react"));
8
+ var _client = require("@searchkit/client");
9
+ var _reactI18next = require("react-i18next");
10
+ var _classnames = _interopRequireDefault(require("classnames"));
11
+ var _Select = _interopRequireDefault(require("../../../Form/Select"));
12
+ var _FormikWrapper = _interopRequireDefault(require("../../../Form/FormikWrapper"));
13
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
14
+ var useInitialValues = function useInitialValues() {
15
+ var parsed = (0, _client.useSearchkitVariables)();
16
+ var filters = {};
10
17
  if (parsed.filters) {
11
- parsed.filters.forEach(filter => {
18
+ parsed.filters.forEach(function (filter) {
12
19
  filters[filter.identifier] = filter.value;
13
20
  });
14
21
  }
15
22
  return filters;
16
23
  };
17
- export const SelectFacet = ({
18
- facet
19
- }) => {
20
- const {
21
- t
22
- } = useTranslation();
23
- const api = useSearchkit();
24
- const options = facet.entries.map(entry => ({
25
- value: entry.label,
26
- label: facet.identifier === 'type' ? t(`tags.${entry.label.toLowerCase()}`) : entry.label,
27
- disabled: parseInt(entry.count) === 0
28
- }));
29
- const placeHolder = t(`placeholders.${facet.identifier}.placeholder`);
30
- const classes = classNames('Facet', 'SelectFacet', `Facet--${facet.identifier}`);
31
- const initialValues = useInitialValues();
32
- return /*#__PURE__*/React.createElement("div", {
24
+ var SelectFacet = function SelectFacet(_ref) {
25
+ var facet = _ref.facet;
26
+ var _useTranslation = (0, _reactI18next.useTranslation)(),
27
+ t = _useTranslation.t;
28
+ var api = (0, _client.useSearchkit)();
29
+ var options = facet.entries.map(function (entry) {
30
+ return {
31
+ value: entry.label,
32
+ label: facet.identifier === 'type' ? t("tags.".concat(entry.label.toLowerCase())) : entry.label,
33
+ disabled: parseInt(entry.count) === 0
34
+ };
35
+ });
36
+ var placeHolder = t("placeholders.".concat(facet.identifier, ".placeholder"));
37
+ var classes = (0, _classnames.default)('Facet', 'SelectFacet', "Facet--".concat(facet.identifier));
38
+ var initialValues = useInitialValues();
39
+ return /*#__PURE__*/_react.default.createElement("div", {
33
40
  className: classes,
34
41
  key: facet.identifier
35
- }, /*#__PURE__*/React.createElement(FormikWrapper, {
42
+ }, /*#__PURE__*/_react.default.createElement(_FormikWrapper.default, {
36
43
  initialValues: initialValues
37
- }, /*#__PURE__*/React.createElement(Select, {
44
+ }, /*#__PURE__*/_react.default.createElement(_Select.default, {
38
45
  title: facet.label,
39
46
  required: true,
40
47
  placeholder: placeHolder,
41
48
  fieldName: facet.identifier,
42
49
  options: options,
43
- onChange: value => {
50
+ onChange: function onChange(value) {
44
51
  api.removeFiltersByIdentifier(facet.identifier);
45
52
  api.setPage({
46
53
  from: 0
@@ -55,5 +62,7 @@ export const SelectFacet = ({
55
62
  }
56
63
  })));
57
64
  };
65
+ exports.SelectFacet = SelectFacet;
58
66
  SelectFacet.DISPLAY = 'SelectFacet';
59
- export default SelectFacet;
67
+ var _default = SelectFacet;
68
+ exports.default = _default;
@@ -1,38 +1,56 @@
1
- import React, { useMemo, useState, useEffect } from 'react';
2
- import { gql, useQuery } from '@apollo/client';
3
- import { useSearchkitVariables } from '@searchkit/client';
4
- import SearchPage from '../SearchPage';
5
- function Query({
6
- query,
7
- useRouting,
8
- children
9
- }) {
10
- const graphQuery = useMemo(() => {
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("@apollo/client");
10
+ var _client2 = require("@searchkit/client");
11
+ var _SearchPage = _interopRequireDefault(require("../SearchPage"));
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
+ function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
16
+ 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."); }
17
+ 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); }
18
+ 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; }
19
+ 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; } }
20
+ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
21
+ function Query(_ref) {
22
+ var query = _ref.query,
23
+ useRouting = _ref.useRouting,
24
+ children = _ref.children;
25
+ var graphQuery = (0, _react.useMemo)(function () {
11
26
  if (typeof query === 'string') {
12
- return gql(query);
27
+ return (0, _client.gql)(query);
13
28
  } else {
14
29
  return query;
15
30
  }
16
31
  }, [query]);
17
- const variables = useSearchkitVariables();
18
- const {
19
- data,
20
- loading
21
- } = useQuery(graphQuery, {
22
- variables
23
- });
32
+ var variables = (0, _client2.useSearchkitVariables)();
33
+ var _useQuery = (0, _client.useQuery)(graphQuery, {
34
+ variables: variables
35
+ }),
36
+ data = _useQuery.data,
37
+ loading = _useQuery.loading;
24
38
 
25
39
  // In between searches, Searchkit will empty it's results, resulting
26
40
  // in a re-render with an empty screen. Use a local state to prevent this.
27
- const [dataLoaded, setDataLoaded] = useState(null);
28
- useEffect(() => {
41
+ var _useState = (0, _react.useState)(null),
42
+ _useState2 = _slicedToArray(_useState, 2),
43
+ dataLoaded = _useState2[0],
44
+ setDataLoaded = _useState2[1];
45
+ (0, _react.useEffect)(function () {
29
46
  if (data) {
30
47
  setDataLoaded(data);
31
48
  }
32
49
  }, [data]);
33
50
  if (!useRouting) {
34
- return /*#__PURE__*/React.createElement("div", null, children(dataLoaded, loading));
51
+ return /*#__PURE__*/_react.default.createElement("div", null, children(dataLoaded, loading));
35
52
  }
36
- return /*#__PURE__*/React.createElement(SearchPage, null, children(dataLoaded, loading));
53
+ return /*#__PURE__*/_react.default.createElement(_SearchPage.default, null, children(dataLoaded, loading));
37
54
  }
38
- export default Query;
55
+ var _default = Query;
56
+ exports.default = _default;
@@ -1,42 +1,54 @@
1
- import React from 'react';
2
- import { SelectFacet } from '../Facets/SelectFacet';
3
- import { ListFacet } from '../Facets/ListFacet';
4
- import { ChipFacet } from '../Facets/ChipFacet';
5
- const FacetList = (components = []) => {
6
- const FacetsMapper = [SelectFacet, ChipFacet, ListFacet, ...components].reduce((sum, component) => {
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 _SelectFacet = require("../Facets/SelectFacet");
9
+ var _ListFacet = require("../Facets/ListFacet");
10
+ var _ChipFacet = require("../Facets/ChipFacet");
11
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
12
+ function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
13
+ 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."); }
14
+ 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); }
15
+ function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
16
+ function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
17
+ 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; }
18
+ var FacetList = function FacetList() {
19
+ var components = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
20
+ var FacetsMapper = [_SelectFacet.SelectFacet, _ChipFacet.ChipFacet, _ListFacet.ListFacet].concat(_toConsumableArray(components)).reduce(function (sum, component) {
7
21
  sum[component.DISPLAY] = component;
8
22
  return sum;
9
23
  }, {});
10
- return ({
11
- data,
12
- loading
13
- }) => {
14
- return /*#__PURE__*/React.createElement("div", {
24
+ return function (_ref) {
25
+ var data = _ref.data,
26
+ loading = _ref.loading;
27
+ return /*#__PURE__*/_react.default.createElement("div", {
15
28
  className: "SearchFacets"
16
- }, data && data.facets && data.facets.map(facet => {
17
- const Facet = FacetsMapper[facet.display];
29
+ }, data && data.facets && data.facets.map(function (facet) {
30
+ var Facet = FacetsMapper[facet.display];
18
31
  if (!Facet) {
19
32
  throw new Error(facet.display + ' not available');
20
33
  }
21
- return /*#__PURE__*/React.createElement(Facet, {
34
+ return /*#__PURE__*/_react.default.createElement(Facet, {
22
35
  facet: facet,
23
36
  loading: loading
24
37
  });
25
38
  }));
26
39
  };
27
40
  };
28
- const SearchFacets = ({
29
- data,
30
- loading,
31
- facets
32
- }) => {
33
- const Facets = FacetList(facets);
41
+ var SearchFacets = function SearchFacets(_ref2) {
42
+ var data = _ref2.data,
43
+ loading = _ref2.loading,
44
+ facets = _ref2.facets;
45
+ var Facets = FacetList(facets);
34
46
  if (!data) {
35
47
  return null;
36
48
  }
37
- return /*#__PURE__*/React.createElement("div", {
49
+ return /*#__PURE__*/_react.default.createElement("div", {
38
50
  className: "SearchFacets"
39
- }, /*#__PURE__*/React.createElement(Facets, {
51
+ }, /*#__PURE__*/_react.default.createElement(Facets, {
40
52
  data: data.results,
41
53
  loading: loading
42
54
  }));
@@ -46,4 +58,5 @@ SearchFacets.defaultProps = {
46
58
  loading: false,
47
59
  facets: []
48
60
  };
49
- export default SearchFacets;
61
+ var _default = SearchFacets;
62
+ exports.default = _default;
@@ -1,53 +1,76 @@
1
- import React, { useRef } from 'react';
2
- import { useSearchkit, useSearchkitQueryValue } from '@searchkit/client';
3
- import FormikWrapper from '../../Form/FormikWrapper';
4
- import Button from '../../Button';
5
- import TextField from '../../Form/TextField';
6
- const SearchField = ({
7
- timeout,
8
- autoSearch = true,
9
- buttonText,
10
- placeholder
11
- }) => {
12
- const [query, setQuery] = useSearchkitQueryValue();
13
- const api = useSearchkit();
14
- const timeoutRef = useRef();
15
- const fieldLabel = false;
16
- const searchQuery = query => {
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
+ function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
17
+ 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
+ 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
+ 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
+ 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
+ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
22
+ var SearchField = function SearchField(_ref) {
23
+ var timeout = _ref.timeout,
24
+ _ref$autoSearch = _ref.autoSearch,
25
+ autoSearch = _ref$autoSearch === void 0 ? true : _ref$autoSearch,
26
+ buttonText = _ref.buttonText,
27
+ placeholder = _ref.placeholder;
28
+ var _useSearchkitQueryVal = (0, _client.useSearchkitQueryValue)(),
29
+ _useSearchkitQueryVal2 = _slicedToArray(_useSearchkitQueryVal, 2),
30
+ query = _useSearchkitQueryVal2[0],
31
+ setQuery = _useSearchkitQueryVal2[1];
32
+ var api = (0, _client.useSearchkit)();
33
+ var timeoutRef = (0, _react.useRef)();
34
+ var fieldLabel = false;
35
+ var searchQuery = function searchQuery(query) {
17
36
  setQuery(query);
18
37
  api.setQuery(query);
19
38
  api.search();
20
39
  };
21
- const onSubmit = (values, form) => {
40
+ var onSubmit = function onSubmit(values, form) {
22
41
  searchQuery(values.query);
23
42
  };
24
- const onChange = e => {
43
+ var onChange = function onChange(e) {
25
44
  e.persist();
26
45
  if (timeoutRef.current) {
27
46
  clearTimeout(timeoutRef.current);
28
47
  }
29
- timeoutRef.current = setTimeout(() => {
48
+ timeoutRef.current = setTimeout(function () {
30
49
  searchQuery(e.target.value);
31
50
  }, timeout);
32
51
  };
33
- const handleEnter = event => {
52
+ var handleEnter = function handleEnter(event) {
34
53
  if (event.key === 'Enter') {
35
54
  onSubmit();
36
55
  }
37
56
  };
38
- return /*#__PURE__*/React.createElement(FormikWrapper, {
57
+ return /*#__PURE__*/_react.default.createElement(_FormikWrapper.default, {
39
58
  initialValues: {
40
59
  query: query
41
60
  },
42
61
  displayRequiredIndicator: "required",
43
62
  enableReinitialize: true,
44
63
  onSubmit: onSubmit
45
- }, /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(TextField, {
64
+ }, /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_TextField.default, {
46
65
  fieldName: "query",
47
66
  title: fieldLabel,
48
67
  placeholder: placeholder,
49
- onChange: autoSearch ? () => onChange : () => handleEnter
50
- }), !autoSearch && /*#__PURE__*/React.createElement(Button, {
68
+ onChange: autoSearch ? function () {
69
+ return onChange;
70
+ } : function () {
71
+ return handleEnter;
72
+ }
73
+ }), !autoSearch && /*#__PURE__*/_react.default.createElement(_Button.default, {
51
74
  type: "submit",
52
75
  primary: true
53
76
  }, buttonText)));
@@ -58,4 +81,5 @@ SearchField.defaultProps = {
58
81
  buttonText: '',
59
82
  placeholder: ''
60
83
  };
61
- export default SearchField;
84
+ var _default = SearchField;
85
+ exports.default = _default;
@@ -1,16 +1,22 @@
1
- import React from 'react';
2
- import { useSearchkit } from '@searchkit/client';
3
- import Button from '../../Button';
4
- const SearchLoadMore = ({
5
- data,
6
- label,
7
- className
8
- }) => {
9
- const api = useSearchkit();
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 }; }
11
+ var SearchLoadMore = function SearchLoadMore(_ref) {
12
+ var data = _ref.data,
13
+ label = _ref.label,
14
+ className = _ref.className;
15
+ var api = (0, _client.useSearchkit)();
10
16
  if (!data) {
11
17
  return null;
12
18
  }
13
- const setNextPage = () => {
19
+ var setNextPage = function setNextPage() {
14
20
  if (data) {
15
21
  api.setPage({
16
22
  size: data.results.hits.page.size,
@@ -19,15 +25,16 @@ const SearchLoadMore = ({
19
25
  api.search();
20
26
  }
21
27
  };
22
- const currentPage = data.results.hits.page.pageNumber;
23
- const lastPage = data.results.hits.page.totalPages;
28
+ var currentPage = data.results.hits.page.pageNumber;
29
+ var lastPage = data.results.hits.page.totalPages;
24
30
  if (currentPage + 1 >= lastPage) {
25
31
  return null;
26
32
  }
27
- return /*#__PURE__*/React.createElement("div", {
33
+ return /*#__PURE__*/_react.default.createElement("div", {
28
34
  className: className
29
- }, /*#__PURE__*/React.createElement(Button, {
35
+ }, /*#__PURE__*/_react.default.createElement(_Button.default, {
30
36
  onClick: setNextPage
31
37
  }, label));
32
38
  };
33
- export default SearchLoadMore;
39
+ var _default = SearchLoadMore;
40
+ exports.default = _default;
@@ -1,18 +1,24 @@
1
- import React from 'react';
2
- import c from 'classnames';
3
- import { withSearchkitRouting } from '@searchkit/client';
4
- const SearchPage = ({
5
- className,
6
- children
7
- }) => {
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
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 }; }
11
+ var SearchPage = function SearchPage(_ref) {
12
+ var className = _ref.className,
13
+ children = _ref.children;
8
14
  // Adding euiPage className for backwards compatibility.
9
- const classNames = c('euiPage', className);
10
- return /*#__PURE__*/React.createElement("div", {
15
+ var classNames = (0, _classnames.default)('euiPage', className);
16
+ return /*#__PURE__*/_react.default.createElement("div", {
11
17
  className: classNames
12
18
  }, children);
13
19
  };
14
- export const routeToStateFn = routeState => {
15
- const value = {
20
+ var routeToStateFn = function routeToStateFn(routeState) {
21
+ var value = {
16
22
  query: routeState.query || '',
17
23
  sortBy: routeState.sort || '',
18
24
  filters: routeState.filters || [],
@@ -26,7 +32,7 @@ export const routeToStateFn = routeState => {
26
32
  // are parsed as strings, which does not comply to the schema.
27
33
  // The 'qs' package is at fault here.
28
34
  // @see https://github.com/ljharb/qs/issues/91
29
- value.filters = value.filters.map(item => {
35
+ value.filters = value.filters.map(function (item) {
30
36
  if (item.min) {
31
37
  item.min = Number(item.min);
32
38
  }
@@ -51,6 +57,8 @@ export const routeToStateFn = routeState => {
51
57
  });
52
58
  return value;
53
59
  };
54
- export default withSearchkitRouting(SearchPage, {
60
+ exports.routeToStateFn = routeToStateFn;
61
+ var _default = (0, _client.withSearchkitRouting)(SearchPage, {
55
62
  routeToState: routeToStateFn
56
- });
63
+ });
64
+ exports.default = _default;
@@ -1,14 +1,20 @@
1
- import React from 'react';
2
- import { useSearchkit } from '@searchkit/client';
3
- import Pagination from '../../Pagination';
4
- const SearchPagination = ({
5
- data
6
- }) => {
7
- const api = useSearchkit();
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 _Pagination = _interopRequireDefault(require("../../Pagination"));
10
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
11
+ var SearchPagination = function SearchPagination(_ref) {
12
+ var data = _ref.data;
13
+ var api = (0, _client.useSearchkit)();
8
14
  if (!data) {
9
15
  return null;
10
16
  }
11
- const setCurrentPage = page => {
17
+ var setCurrentPage = function setCurrentPage(page) {
12
18
  if (data && page) {
13
19
  api.setPage({
14
20
  size: data.results.hits.page.size,
@@ -17,10 +23,11 @@ const SearchPagination = ({
17
23
  api.search();
18
24
  }
19
25
  };
20
- return /*#__PURE__*/React.createElement(Pagination, {
26
+ return /*#__PURE__*/_react.default.createElement(_Pagination.default, {
21
27
  setCurrentPage: setCurrentPage,
22
28
  totalPages: data.results.hits.page.totalPages,
23
29
  currentPage: data.results.hits.page.pageNumber + 1
24
30
  });
25
31
  };
26
- export default SearchPagination;
32
+ var _default = SearchPagination;
33
+ exports.default = _default;
@@ -1,25 +1,34 @@
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
+ var _excluded = ["loading", "children"];
12
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
1
13
  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); }
2
- import React from 'react';
3
- import { useSearchkit } from '@searchkit/client';
4
- import { useTranslation } from 'react-i18next';
5
- import Button from '../../Button';
6
- const SearchReset = ({
7
- loading,
8
- children,
9
- ...props
10
- }) => {
11
- const {
12
- t
13
- } = useTranslation();
14
- const api = useSearchkit();
15
- return /*#__PURE__*/React.createElement(Button, _extends({
14
+ 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
+ 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; }
16
+ var SearchReset = function SearchReset(_ref) {
17
+ var loading = _ref.loading,
18
+ children = _ref.children,
19
+ props = _objectWithoutProperties(_ref, _excluded);
20
+ var _useTranslation = (0, _reactI18next.useTranslation)(),
21
+ t = _useTranslation.t;
22
+ var api = (0, _client.useSearchkit)();
23
+ return /*#__PURE__*/_react.default.createElement(_Button.default, _extends({
16
24
  htmlType: "button",
17
25
  className: "SearchSorting",
18
26
  disabled: !api.canResetSearch() || loading,
19
- onClick: () => {
27
+ onClick: function onClick() {
20
28
  api.setQuery('');
21
29
  api.search();
22
30
  }
23
31
  }, props), children || t('searchkit.reset_search', 'Reset search'));
24
32
  };
25
- export default SearchReset;
33
+ var _default = SearchReset;
34
+ exports.default = _default;