@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.
- package/dist/Context/KitchenSinkComponentMapperContext.js +11 -3
- package/dist/Context/ViewportContext.js +27 -14
- package/dist/Context/withMapping.js +26 -15
- package/dist/components/AbbreviationAnnotation/index.js +49 -27
- package/dist/components/AbbreviationAnnotation/stories.js +37 -22
- package/dist/components/Accordion/AccordionItem/index.js +55 -36
- package/dist/components/Accordion/AccordionItemVariant/index.js +47 -25
- package/dist/components/Accordion/index.js +17 -10
- package/dist/components/Accordion/stories.js +38 -24
- package/dist/components/ApiAutocomplete/index.js +79 -51
- package/dist/components/ApiAutocomplete/stories.js +18 -9
- package/dist/components/Button/index.js +48 -33
- package/dist/components/Button/stories.js +31 -49
- package/dist/components/Button/stories.scss +7 -5
- package/dist/components/Cookie/Checkbox/index.js +23 -16
- package/dist/components/Cookie/index.js +146 -115
- package/dist/components/Cookie/stories.js +90 -40
- package/dist/components/Dialog/index.d.ts +38 -0
- package/dist/components/Dialog/index.js +63 -56
- package/dist/components/Dialog/stories.js +35 -18
- package/dist/components/FontSizeSwitcher/index.js +58 -32
- package/dist/components/FontSizeSwitcher/stories.js +23 -9
- package/dist/components/Form/Checkbox/index.js +43 -37
- package/dist/components/Form/Checkbox/stories.js +20 -11
- package/dist/components/Form/Checkboxes/index.js +62 -57
- package/dist/components/Form/Checkboxes/index.test.js +113 -62
- package/dist/components/Form/Checkboxes/stories.js +23 -12
- package/dist/components/Form/Date/index.js +13 -5
- package/dist/components/Form/Date/stories.js +18 -9
- package/dist/components/Form/DatePicker/index.js +40 -33
- package/dist/components/Form/DatePicker/stories.js +18 -9
- package/dist/components/Form/DateSelect/index.js +99 -62
- package/dist/components/Form/DateSelect/stories.js +32 -11
- package/dist/components/Form/Email/index.js +13 -5
- package/dist/components/Form/Email/stories.js +18 -9
- package/dist/components/Form/FormikWrapper/index.js +52 -45
- package/dist/components/Form/GenericFormElement/index.js +39 -34
- package/dist/components/Form/Number/index.js +23 -18
- package/dist/components/Form/Number/stories.js +18 -9
- package/dist/components/Form/RadioButtons/index.js +53 -49
- package/dist/components/Form/RadioButtons/index.test.js +106 -57
- package/dist/components/Form/RadioButtons/stories.js +23 -12
- package/dist/components/Form/SearchField/index.js +37 -30
- package/dist/components/Form/Select/Input/index.js +56 -49
- package/dist/components/Form/Select/index.js +33 -24
- package/dist/components/Form/Select/stories.js +25 -15
- package/dist/components/Form/TextField/index.js +39 -33
- package/dist/components/Form/TextField/index.test.js +104 -56
- package/dist/components/Form/TextField/stories.js +22 -11
- package/dist/components/Form/Textarea/index.js +35 -27
- package/dist/components/Form/Textarea/stories.js +18 -9
- package/dist/components/Hamburger/index.js +30 -19
- package/dist/components/Hamburger/stories.js +42 -16
- package/dist/components/Header/index.js +67 -39
- package/dist/components/Header/stories.js +48 -28
- package/dist/components/Image/Background/index.js +36 -21
- package/dist/components/Image/LazyLoadWrapper/index.js +101 -64
- package/dist/components/Image/Picture/index.js +83 -65
- package/dist/components/Image/index.js +21 -15
- package/dist/components/Image/stories.js +87 -64
- package/dist/components/InlineMenu/index.js +60 -38
- package/dist/components/InlineMenu/stories.js +66 -55
- package/dist/components/Layout/Container/index.js +29 -21
- package/dist/components/Layout/Container/stories.js +94 -84
- package/dist/components/Layout/QuickLayout/Auto/index.js +19 -12
- package/dist/components/Layout/QuickLayout/Center/index.js +17 -10
- package/dist/components/Layout/QuickLayout/Clamp/index.js +20 -13
- package/dist/components/Layout/QuickLayout/Sidebar/index.js +20 -13
- package/dist/components/Layout/QuickLayout/SpaceBetween/index.js +20 -13
- package/dist/components/Layout/QuickLayout/Stack/index.js +21 -11
- package/dist/components/Layout/QuickLayout/Wrap/index.js +21 -14
- package/dist/components/Layout/QuickLayout/index.js +31 -21
- package/dist/components/Layout/QuickLayout/stories.js +102 -70
- package/dist/components/Lottie/LottieAnimation/index.js +55 -56
- package/dist/components/Lottie/LottieAnimationWithMousePosition.js +31 -18
- package/dist/components/Lottie/index.js +47 -35
- package/dist/components/Lottie/stories.js +56 -31
- package/dist/components/MagicLine/index.js +50 -27
- package/dist/components/MagicLine/stories.js +60 -46
- package/dist/components/NavigationScroll/index.js +71 -49
- package/dist/components/NavigationScroll/stories.js +19 -8
- package/dist/components/Pagination/index.js +49 -41
- package/dist/components/Pagination/stories.js +46 -17
- package/dist/components/SearchKit/Facets/ChipFacet/index.js +24 -16
- package/dist/components/SearchKit/Facets/ListFacet/index.js +23 -15
- package/dist/components/SearchKit/Facets/SelectFacet/index.js +39 -30
- package/dist/components/SearchKit/Query/index.js +41 -23
- package/dist/components/SearchKit/SearchFacets/index.js +36 -23
- package/dist/components/SearchKit/SearchField/index.js +49 -25
- package/dist/components/SearchKit/SearchLoadMore/index.js +22 -15
- package/dist/components/SearchKit/SearchPage/index.js +22 -14
- package/dist/components/SearchKit/SearchPagination/index.js +17 -10
- package/dist/components/SearchKit/SearchReset/index.js +25 -16
- package/dist/components/SearchKit/SearchResults/index.js +108 -59
- package/dist/components/SearchKit/SearchSelectedFilters/Filters/CustomValue/index.js +17 -10
- package/dist/components/SearchKit/SearchSelectedFilters/Filters/DateRange/index.js +18 -11
- package/dist/components/SearchKit/SearchSelectedFilters/Filters/NumericRange/index.js +18 -11
- package/dist/components/SearchKit/SearchSelectedFilters/Filters/Value/index.js +22 -12
- package/dist/components/SearchKit/SearchSelectedFilters/index.js +34 -28
- package/dist/components/SearchKit/SearchSorting/index.js +29 -19
- package/dist/components/SearchKit/index.js +72 -53
- package/dist/components/SearchKit/stories.js +144 -187
- package/dist/components/Share/index.js +48 -40
- package/dist/components/Share/stories.js +16 -5
- package/dist/components/Sliders/SliderRelated/index.js +32 -25
- package/dist/components/Sliders/SliderRelated/stories.js +75 -57
- package/dist/components/Webform/WebformActions/index.js +19 -13
- package/dist/components/Webform/WebformCheckbox/index.js +32 -24
- package/dist/components/Webform/WebformCheckboxes/index.js +37 -29
- package/dist/components/Webform/WebformContainer/index.js +17 -11
- package/dist/components/Webform/WebformDate/index.js +76 -48
- package/dist/components/Webform/WebformMapper/index.js +53 -38
- package/dist/components/Webform/WebformNumber/index.js +31 -22
- package/dist/components/Webform/WebformRadioButtons/index.js +37 -29
- package/dist/components/Webform/WebformSelect/index.js +37 -29
- package/dist/components/Webform/WebformTextField/index.js +34 -26
- package/dist/components/Webform/WebformTextarea/index.js +32 -24
- package/dist/components/Webform/WebformWizardPage/index.js +56 -43
- package/dist/components/Webform/index.js +42 -20
- package/dist/components/Webform/stories.actions.js +19 -8
- package/dist/components/Webform/stories.checkboxes.js +19 -8
- package/dist/components/Webform/stories.checked.js +20 -9
- package/dist/components/Webform/stories.container.js +19 -8
- package/dist/components/Webform/stories.date.js +19 -8
- package/dist/components/Webform/stories.filled.js +20 -9
- package/dist/components/Webform/stories.number.js +19 -8
- package/dist/components/Webform/stories.radiobuttons.js +19 -8
- package/dist/components/Webform/stories.select.js +19 -8
- package/dist/components/Webform/stories.textarea.js +19 -8
- package/dist/components/Webform/stories.textfield.js +19 -8
- package/dist/components/Webform/stories.wizard.js +19 -8
- package/dist/components/Webform/withStates.js +49 -28
- package/dist/components/WysiwygField/index.js +30 -20
- package/dist/components/WysiwygField/stories.js +39 -29
- package/dist/components/index.js +111 -15
- package/dist/config/constants.js +38 -18
- package/dist/config/i18next/index.js +19 -11
- package/dist/helpers/date.js +25 -5
- package/dist/helpers/gtm.js +27 -17
- package/dist/helpers/link.js +15 -6
- package/dist/helpers/useValueForCurrentViewPort.js +27 -10
- package/dist/hooks/useBoolean.d.ts +8 -0
- package/dist/hooks/useBoolean.js +38 -0
- package/dist/hooks/useClickOutside.d.ts +8 -0
- package/dist/hooks/useClickOutside.js +35 -0
- package/dist/hooks/useDialog.d.ts +10 -0
- package/dist/hooks/useDialog.js +39 -0
- package/dist/hooks/useDialogHelpers.d.ts +20 -0
- package/dist/hooks/{useDialogHelpers.ts → useDialogHelpers.js} +33 -43
- package/dist/hooks/useEscape.d.ts +6 -0
- package/dist/hooks/useEscape.js +24 -0
- package/dist/hooks/useOnScreen.js +27 -6
- package/dist/hooks/usePrevious.js +10 -4
- package/dist/hooks/useScrollPosition.js +25 -7
- package/dist/hooks/useTrapFocus.d.ts +10 -0
- package/dist/hooks/useTrapFocus.js +63 -0
- package/dist/hooks/useWindowDimensions.js +27 -11
- package/dist/index.js +398 -56
- package/dist/setupTests.js +9 -5
- package/dist/styles/assets/_base.scss +0 -3
- package/dist/styles/assets/_fonts.scss +17 -17
- package/dist/styles/assets/_icons.scss +2 -2
- package/package.json +6 -3
- package/dist/hooks/useBoolean.ts +0 -20
- package/dist/hooks/useClickOutside.ts +0 -38
- package/dist/hooks/useDialog.ts +0 -29
- package/dist/hooks/useEscape.ts +0 -26
- package/dist/hooks/useTrapFocus.ts +0 -80
|
@@ -1,46 +1,53 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
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
|
-
|
|
18
|
-
facet
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
})
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
return /*#__PURE__*/
|
|
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__*/
|
|
42
|
+
}, /*#__PURE__*/_react.default.createElement(_FormikWrapper.default, {
|
|
36
43
|
initialValues: initialValues
|
|
37
|
-
}, /*#__PURE__*/
|
|
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
|
-
|
|
67
|
+
var _default = SelectFacet;
|
|
68
|
+
exports.default = _default;
|
|
@@ -1,38 +1,56 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
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
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
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
|
-
|
|
28
|
-
|
|
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__*/
|
|
51
|
+
return /*#__PURE__*/_react.default.createElement("div", null, children(dataLoaded, loading));
|
|
35
52
|
}
|
|
36
|
-
return /*#__PURE__*/
|
|
53
|
+
return /*#__PURE__*/_react.default.createElement(_SearchPage.default, null, children(dataLoaded, loading));
|
|
37
54
|
}
|
|
38
|
-
|
|
55
|
+
var _default = Query;
|
|
56
|
+
exports.default = _default;
|
|
@@ -1,42 +1,54 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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__*/
|
|
34
|
+
return /*#__PURE__*/_react.default.createElement(Facet, {
|
|
22
35
|
facet: facet,
|
|
23
36
|
loading: loading
|
|
24
37
|
});
|
|
25
38
|
}));
|
|
26
39
|
};
|
|
27
40
|
};
|
|
28
|
-
|
|
29
|
-
data,
|
|
30
|
-
|
|
31
|
-
|
|
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__*/
|
|
49
|
+
return /*#__PURE__*/_react.default.createElement("div", {
|
|
38
50
|
className: "SearchFacets"
|
|
39
|
-
}, /*#__PURE__*/
|
|
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
|
-
|
|
61
|
+
var _default = SearchFacets;
|
|
62
|
+
exports.default = _default;
|
|
@@ -1,53 +1,76 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
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
|
-
|
|
40
|
+
var onSubmit = function onSubmit(values, form) {
|
|
22
41
|
searchQuery(values.query);
|
|
23
42
|
};
|
|
24
|
-
|
|
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
|
-
|
|
52
|
+
var handleEnter = function handleEnter(event) {
|
|
34
53
|
if (event.key === 'Enter') {
|
|
35
54
|
onSubmit();
|
|
36
55
|
}
|
|
37
56
|
};
|
|
38
|
-
return /*#__PURE__*/
|
|
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__*/
|
|
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 ?
|
|
50
|
-
|
|
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
|
-
|
|
84
|
+
var _default = SearchField;
|
|
85
|
+
exports.default = _default;
|
|
@@ -1,16 +1,22 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
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 _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
|
-
|
|
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
|
-
|
|
23
|
-
|
|
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__*/
|
|
33
|
+
return /*#__PURE__*/_react.default.createElement("div", {
|
|
28
34
|
className: className
|
|
29
|
-
}, /*#__PURE__*/
|
|
35
|
+
}, /*#__PURE__*/_react.default.createElement(_Button.default, {
|
|
30
36
|
onClick: setNextPage
|
|
31
37
|
}, label));
|
|
32
38
|
};
|
|
33
|
-
|
|
39
|
+
var _default = SearchLoadMore;
|
|
40
|
+
exports.default = _default;
|
|
@@ -1,18 +1,24 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
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
|
-
|
|
10
|
-
return /*#__PURE__*/
|
|
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
|
-
|
|
15
|
-
|
|
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
|
-
|
|
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
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
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
|
-
|
|
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__*/
|
|
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
|
-
|
|
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
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
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
|
-
|
|
33
|
+
var _default = SearchReset;
|
|
34
|
+
exports.default = _default;
|