@uncinc/uncinc-react-kitchen-sink 2.7.9 → 2.7.10
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/Context/KitchenSinkComponentMapperContext.js +3 -11
- package/dist/Context/ViewportContext.js +8 -21
- package/dist/Context/withMapping.js +6 -17
- package/dist/components/AbbreviationAnnotation/index.js +17 -28
- package/dist/components/Accordion/AccordionItem/index.js +19 -27
- package/dist/components/Accordion/AccordionItemVariant/index.js +14 -25
- package/dist/components/Accordion/index.js +6 -14
- package/dist/components/ApiAutocomplete/index.js +7 -17
- package/dist/components/Button/index.js +22 -31
- package/dist/components/CallToAction/index.js +12 -20
- package/dist/components/Cookie/Checkbox/index.js +6 -14
- package/dist/components/Cookie/index.js +59 -69
- package/dist/components/Dialog/DialogHelpersStory/index.js +13 -25
- package/dist/components/Dialog/DialogHookStory/index.js +12 -21
- package/dist/components/Dialog/DialogOverrideStory/index.js +9 -18
- package/dist/components/Dialog/index.js +35 -46
- package/dist/components/Download/index.js +14 -22
- package/dist/components/FontSizeSwitcher/index.js +17 -28
- package/dist/components/Form/Checkbox/index.js +18 -27
- package/dist/components/Form/Checkboxes/index.js +23 -31
- package/dist/components/Form/DateField/index.js +6 -14
- package/dist/components/Form/DatePicker/index.js +16 -24
- package/dist/components/Form/DatePickerRange/Picker/index.js +18 -26
- package/dist/components/Form/DatePickerRange/index.js +37 -47
- package/dist/components/Form/DateSelect/index.js +22 -33
- package/dist/components/Form/Email/index.js +4 -12
- package/dist/components/Form/FormikWrapper/index.js +13 -24
- package/dist/components/Form/GenericFormElement/index.js +14 -22
- package/dist/components/Form/Number/index.js +6 -14
- package/dist/components/Form/RadioButtons/index.js +23 -31
- package/dist/components/Form/SearchField/index.js +14 -22
- package/dist/components/Form/Select/Input/index.js +15 -23
- package/dist/components/Form/Select/index.js +12 -20
- package/dist/components/Form/TextField/index.js +16 -25
- package/dist/components/Form/Textarea/index.js +14 -22
- package/dist/components/Form/commonTests.js +19 -32
- package/dist/components/Form/index.js +13 -97
- package/dist/components/Hamburger/index.js +7 -15
- package/dist/components/Header/index.js +23 -38
- package/dist/components/Icon/index.js +9 -17
- package/dist/components/Image/AdaptivePicture/index.js +16 -23
- package/dist/components/Image/Background/index.js +10 -21
- package/dist/components/Image/LazyLoadWrapper/index.js +16 -26
- package/dist/components/Image/Picture/index.js +25 -33
- package/dist/components/Image/helpers/index.js +11 -21
- package/dist/components/Image/index.js +16 -24
- package/dist/components/InlineMenu/index.js +26 -37
- package/dist/components/Layout/Container/index.js +13 -21
- package/dist/components/Layout/QuickLayout/Auto/index.js +5 -13
- package/dist/components/Layout/QuickLayout/Center/index.js +6 -14
- package/dist/components/Layout/QuickLayout/Clamp/index.js +5 -13
- package/dist/components/Layout/QuickLayout/Sidebar/index.js +6 -14
- package/dist/components/Layout/QuickLayout/SpaceBetween/index.js +6 -14
- package/dist/components/Layout/QuickLayout/Stack/index.js +6 -14
- package/dist/components/Layout/QuickLayout/Wrap/index.js +7 -15
- package/dist/components/Layout/QuickLayout/index.js +16 -24
- package/dist/components/Lottie/LottieAnimation/index.js +12 -23
- package/dist/components/Lottie/LottieAnimationWithMousePosition.js +8 -19
- package/dist/components/Lottie/index.js +29 -41
- package/dist/components/MagicLine/index.js +12 -23
- package/dist/components/MediaPlayer/index.js +19 -28
- package/dist/components/MediaPlayer/types.js +1 -1
- package/dist/components/NavigationScroll/index.js +11 -21
- package/dist/components/Pagination/index.js +28 -37
- package/dist/components/SearchKit/Facets/ChipFacet/index.js +11 -20
- package/dist/components/SearchKit/Facets/ListFacet/index.js +11 -20
- package/dist/components/SearchKit/Facets/SelectFacet/index.js +15 -24
- package/dist/components/SearchKit/Query/index.js +13 -24
- package/dist/components/SearchKit/SearchFacets/index.js +10 -18
- package/dist/components/SearchKit/SearchField/index.js +12 -23
- package/dist/components/SearchKit/SearchLoadMore/index.js +7 -15
- package/dist/components/SearchKit/SearchPage/index.js +8 -17
- package/dist/components/SearchKit/SearchPagination/index.js +6 -14
- package/dist/components/SearchKit/SearchReset/index.js +8 -16
- package/dist/components/SearchKit/SearchResults/index.js +28 -39
- package/dist/components/SearchKit/SearchSelectedFilters/Filters/CustomValue/index.js +6 -14
- package/dist/components/SearchKit/SearchSelectedFilters/Filters/DateRange/index.js +6 -14
- package/dist/components/SearchKit/SearchSelectedFilters/Filters/NumericRange/index.js +6 -14
- package/dist/components/SearchKit/SearchSelectedFilters/Filters/Value/index.js +7 -18
- package/dist/components/SearchKit/SearchSelectedFilters/index.js +18 -26
- package/dist/components/SearchKit/SearchSorting/index.js +9 -17
- package/dist/components/SearchKit/index.js +29 -40
- package/dist/components/Share/index.js +18 -26
- package/dist/components/Sliders/SliderRelated/index.js +11 -19
- package/dist/components/TableRender/index.js +12 -23
- package/dist/components/Tag/index.js +10 -18
- package/dist/components/TitleWithText/index.js +8 -16
- package/dist/components/WysiwygField/index.js +10 -18
- package/dist/components/index.js +17 -127
- package/dist/config/constants.js +17 -37
- package/dist/config/i18next/index.js +9 -17
- package/dist/custom.d.js +0 -1
- package/dist/helpers/date.js +4 -13
- package/dist/helpers/gtm.js +4 -11
- package/dist/helpers/link.js +4 -12
- package/dist/helpers/useValueForCurrentViewPort.js +6 -13
- package/dist/hooks/useBoolean.js +6 -12
- package/dist/hooks/useClickOutside.js +3 -9
- package/dist/hooks/useDialog.js +6 -13
- package/dist/hooks/useDialogHelpers.js +11 -18
- package/dist/hooks/useEscape.js +3 -9
- package/dist/hooks/useOnScreen.js +4 -10
- package/dist/hooks/usePrevious.js +4 -10
- package/dist/hooks/useScrollPosition.js +4 -11
- package/dist/hooks/useTrapFocus.js +3 -9
- package/dist/hooks/useWindowDimensions.js +4 -10
- package/dist/index.js +89 -564
- package/dist/organisms/Downloads/index.js +10 -18
- package/dist/organisms/ImageGrid/index.js +5 -13
- package/dist/organisms/Quote/index.js +16 -24
- package/dist/organisms/Text/index.js +20 -31
- package/dist/setupTests.js +2 -5
- package/package.json +8 -2
|
@@ -1,22 +1,14 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.default = void 0;
|
|
7
|
-
var _react = _interopRequireDefault(require("react"));
|
|
8
|
-
var _client = require("@searchkit/client");
|
|
9
|
-
var _Button = _interopRequireDefault(require("../../../../Button"));
|
|
10
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { useSearchkit } from '@searchkit/client';
|
|
3
|
+
import Button from '../../../../Button';
|
|
11
4
|
var CustomValueFilter = function CustomValueFilter(_ref) {
|
|
12
5
|
var filter = _ref.filter;
|
|
13
|
-
var api =
|
|
14
|
-
return /*#__PURE__*/
|
|
6
|
+
var api = useSearchkit();
|
|
7
|
+
return /*#__PURE__*/React.createElement(Button, {
|
|
15
8
|
onClick: function onClick() {
|
|
16
9
|
api.removeFilter(filter);
|
|
17
10
|
api.search();
|
|
18
11
|
}
|
|
19
12
|
}, filter.label, ": ", filter.value);
|
|
20
13
|
};
|
|
21
|
-
|
|
22
|
-
exports.default = _default;
|
|
14
|
+
export default CustomValueFilter;
|
|
@@ -1,18 +1,11 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.default = void 0;
|
|
7
|
-
var _react = _interopRequireDefault(require("react"));
|
|
8
|
-
var _client = require("@searchkit/client");
|
|
9
|
-
var _Button = _interopRequireDefault(require("../../../../Button"));
|
|
10
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { useSearchkit } from '@searchkit/client';
|
|
3
|
+
import Button from '../../../../Button';
|
|
11
4
|
var DateRangeFilter = function DateRangeFilter(_ref) {
|
|
12
5
|
var filter = _ref.filter,
|
|
13
6
|
loading = _ref.loading;
|
|
14
|
-
var api =
|
|
15
|
-
return /*#__PURE__*/
|
|
7
|
+
var api = useSearchkit();
|
|
8
|
+
return /*#__PURE__*/React.createElement(Button, {
|
|
16
9
|
disabled: loading,
|
|
17
10
|
onClick: function onClick() {
|
|
18
11
|
api.removeFilter(filter);
|
|
@@ -20,5 +13,4 @@ var DateRangeFilter = function DateRangeFilter(_ref) {
|
|
|
20
13
|
}
|
|
21
14
|
}, filter.label, ": ", new Date(filter.dateMin).toDateString(), " -", ' ', new Date(filter.dateMax).toDateString());
|
|
22
15
|
};
|
|
23
|
-
|
|
24
|
-
exports.default = _default;
|
|
16
|
+
export default DateRangeFilter;
|
|
@@ -1,18 +1,11 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.default = void 0;
|
|
7
|
-
var _react = _interopRequireDefault(require("react"));
|
|
8
|
-
var _client = require("@searchkit/client");
|
|
9
|
-
var _Button = _interopRequireDefault(require("../../../../Button"));
|
|
10
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { useSearchkit } from '@searchkit/client';
|
|
3
|
+
import Button from '../../../../Button';
|
|
11
4
|
var NumericRangeFilter = function NumericRangeFilter(_ref) {
|
|
12
5
|
var filter = _ref.filter,
|
|
13
6
|
loading = _ref.loading;
|
|
14
|
-
var api =
|
|
15
|
-
return /*#__PURE__*/
|
|
7
|
+
var api = useSearchkit();
|
|
8
|
+
return /*#__PURE__*/React.createElement(Button, {
|
|
16
9
|
disabled: loading,
|
|
17
10
|
onClick: function onClick() {
|
|
18
11
|
api.removeFilter(filter);
|
|
@@ -20,5 +13,4 @@ var NumericRangeFilter = function NumericRangeFilter(_ref) {
|
|
|
20
13
|
}
|
|
21
14
|
}, filter.label, ": ", filter.min, " - ", filter.max);
|
|
22
15
|
};
|
|
23
|
-
|
|
24
|
-
exports.default = _default;
|
|
16
|
+
export default NumericRangeFilter;
|
|
@@ -1,29 +1,18 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
Object.defineProperty(exports, "__esModule", {
|
|
5
|
-
value: true
|
|
6
|
-
});
|
|
7
|
-
exports.default = void 0;
|
|
8
|
-
var _react = _interopRequireWildcard(require("react"));
|
|
9
|
-
var _client = require("@searchkit/client");
|
|
10
|
-
var _Button = _interopRequireDefault(require("../../../../Button"));
|
|
11
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
12
|
-
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
13
|
-
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
1
|
+
import React, { useRef } from 'react';
|
|
2
|
+
import { FilterLink } from '@searchkit/client';
|
|
3
|
+
import Button from '../../../../Button';
|
|
14
4
|
var ValueFilter = function ValueFilter(_ref) {
|
|
15
5
|
var filter = _ref.filter,
|
|
16
6
|
loading = _ref.loading;
|
|
17
|
-
var ref =
|
|
18
|
-
return /*#__PURE__*/
|
|
7
|
+
var ref = useRef();
|
|
8
|
+
return /*#__PURE__*/React.createElement(Button, {
|
|
19
9
|
disabled: loading,
|
|
20
10
|
onClick: function onClick(e) {
|
|
21
11
|
ref.current.onClick(e);
|
|
22
12
|
}
|
|
23
|
-
}, /*#__PURE__*/
|
|
13
|
+
}, /*#__PURE__*/React.createElement(FilterLink, {
|
|
24
14
|
ref: ref,
|
|
25
15
|
filter: filter
|
|
26
16
|
}, filter.label, ": ", filter.value));
|
|
27
17
|
};
|
|
28
|
-
|
|
29
|
-
exports.default = _default;
|
|
18
|
+
export default ValueFilter;
|
|
@@ -1,16 +1,9 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
var _react = _interopRequireDefault(require("react"));
|
|
8
|
-
var _CustomValue = _interopRequireDefault(require("./Filters/CustomValue"));
|
|
9
|
-
var _DateRange = _interopRequireDefault(require("./Filters/DateRange"));
|
|
10
|
-
var _NumericRange = _interopRequireDefault(require("./Filters/NumericRange"));
|
|
11
|
-
var _Value = _interopRequireDefault(require("./Filters/Value"));
|
|
12
|
-
require("./style.scss");
|
|
13
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import CustomValueFilter from './Filters/CustomValue';
|
|
3
|
+
import DateRangeFilter from './Filters/DateRange';
|
|
4
|
+
import NumericRangeFilter from './Filters/NumericRange';
|
|
5
|
+
import ValueFilter from './Filters/Value';
|
|
6
|
+
import './style.scss';
|
|
14
7
|
var SearchSelectedFilters = function SearchSelectedFilters(_ref) {
|
|
15
8
|
var _results$summary;
|
|
16
9
|
var data = _ref.data,
|
|
@@ -23,28 +16,27 @@ var SearchSelectedFilters = function SearchSelectedFilters(_ref) {
|
|
|
23
16
|
// All filter components are copies of Searchkit's own filters, recreated within our library.
|
|
24
17
|
// Only the CustomValueFilter is a completely custom filter, written by us. Hence the name.
|
|
25
18
|
var filterComponentMap = {
|
|
26
|
-
ListFacet:
|
|
27
|
-
RangeSliderFacet:
|
|
28
|
-
DateRangeFacet:
|
|
29
|
-
ComboBoxFacet:
|
|
30
|
-
HierarchicalMenuFacet:
|
|
31
|
-
SelectFacet:
|
|
32
|
-
ChipFacet:
|
|
33
|
-
HierarchicalFilterFacet:
|
|
19
|
+
ListFacet: CustomValueFilter,
|
|
20
|
+
RangeSliderFacet: NumericRangeFilter,
|
|
21
|
+
DateRangeFacet: DateRangeFilter,
|
|
22
|
+
ComboBoxFacet: ValueFilter,
|
|
23
|
+
HierarchicalMenuFacet: ValueFilter,
|
|
24
|
+
SelectFacet: CustomValueFilter,
|
|
25
|
+
ChipFacet: CustomValueFilter,
|
|
26
|
+
HierarchicalFilterFacet: CustomValueFilter
|
|
34
27
|
};
|
|
35
|
-
return /*#__PURE__*/
|
|
28
|
+
return /*#__PURE__*/React.createElement("div", {
|
|
36
29
|
className: "SearchSelectedFilters"
|
|
37
30
|
}, results === null || results === void 0 ? void 0 : (_results$summary = results.summary) === null || _results$summary === void 0 ? void 0 : _results$summary.appliedFilters.map(function (filter) {
|
|
38
|
-
var FilterComponent = filterComponentMap[filter.display] ||
|
|
31
|
+
var FilterComponent = filterComponentMap[filter.display] || ValueFilter;
|
|
39
32
|
if (!filterComponentMap[filter.display]) {
|
|
40
33
|
throw new Error("could not display selected filters for ".concat(filter.identifier, " facet. Use customFilterComponents prop to pass a component to handle this filter for ").concat(filter.display, " display"));
|
|
41
34
|
}
|
|
42
|
-
return /*#__PURE__*/
|
|
35
|
+
return /*#__PURE__*/React.createElement(FilterComponent, {
|
|
43
36
|
filter: filter,
|
|
44
37
|
loading: loading,
|
|
45
38
|
key: filter.id
|
|
46
39
|
});
|
|
47
40
|
}));
|
|
48
41
|
};
|
|
49
|
-
|
|
50
|
-
exports.default = _default;
|
|
42
|
+
export default SearchSelectedFilters;
|
|
@@ -1,16 +1,9 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
});
|
|
6
|
-
exports.default = void 0;
|
|
7
|
-
var _client = require("@searchkit/client");
|
|
8
|
-
var _react = _interopRequireDefault(require("react"));
|
|
9
|
-
var _FormikWrapper = _interopRequireDefault(require("../../Form/FormikWrapper"));
|
|
10
|
-
var _Select = _interopRequireDefault(require("../../Form/Select"));
|
|
11
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
1
|
+
import { useSearchkit, useSearchkitVariables } from '@searchkit/client';
|
|
2
|
+
import React from 'react';
|
|
3
|
+
import FormikWrapper from '../../Form/FormikWrapper';
|
|
4
|
+
import Select from '../../Form/Select';
|
|
12
5
|
var useInitialValues = function useInitialValues() {
|
|
13
|
-
var parsed =
|
|
6
|
+
var parsed = useSearchkitVariables();
|
|
14
7
|
return {
|
|
15
8
|
'sortBy': parsed.sortBy
|
|
16
9
|
};
|
|
@@ -19,7 +12,7 @@ var SearchSorting = function SearchSorting(_ref) {
|
|
|
19
12
|
var _data$results, _data$results$summary, _data$results$summary2;
|
|
20
13
|
var data = _ref.data,
|
|
21
14
|
loading = _ref.loading;
|
|
22
|
-
var api =
|
|
15
|
+
var api = useSearchkit();
|
|
23
16
|
var initialValues = useInitialValues();
|
|
24
17
|
var options = (data === null || data === void 0 ? void 0 : (_data$results = data.results) === null || _data$results === void 0 ? void 0 : (_data$results$summary = _data$results.summary) === null || _data$results$summary === void 0 ? void 0 : (_data$results$summary2 = _data$results$summary.sortOptions) === null || _data$results$summary2 === void 0 ? void 0 : _data$results$summary2.map(function (sortOption) {
|
|
25
18
|
return {
|
|
@@ -27,9 +20,9 @@ var SearchSorting = function SearchSorting(_ref) {
|
|
|
27
20
|
label: sortOption.label
|
|
28
21
|
};
|
|
29
22
|
})) || [];
|
|
30
|
-
return /*#__PURE__*/
|
|
23
|
+
return /*#__PURE__*/React.createElement(FormikWrapper, {
|
|
31
24
|
initialValues: initialValues
|
|
32
|
-
}, /*#__PURE__*/
|
|
25
|
+
}, /*#__PURE__*/React.createElement(Select, {
|
|
33
26
|
fieldName: "sortBy",
|
|
34
27
|
isClearable: false,
|
|
35
28
|
isSearchable: false,
|
|
@@ -44,5 +37,4 @@ var SearchSorting = function SearchSorting(_ref) {
|
|
|
44
37
|
}
|
|
45
38
|
}));
|
|
46
39
|
};
|
|
47
|
-
|
|
48
|
-
exports.default = _default;
|
|
40
|
+
export default SearchSorting;
|
|
@@ -1,33 +1,23 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
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; }
|
|
1
|
+
import React, { useEffect, useState, useMemo } from 'react';
|
|
2
|
+
import { ApolloClient, InMemoryCache, ApolloProvider } from '@apollo/client';
|
|
3
|
+
import { SearchkitProvider, SearchkitClient } from '@searchkit/client';
|
|
4
|
+
import PropTypes from 'prop-types';
|
|
5
|
+
import Query from './Query';
|
|
6
|
+
import SearchField from './SearchField';
|
|
7
|
+
import SearchPagination from './SearchPagination';
|
|
8
|
+
import SearchResults from './SearchResults';
|
|
9
|
+
import SearchFacets from './SearchFacets';
|
|
10
|
+
import SearchSelectedFilters from './SearchSelectedFilters';
|
|
21
11
|
var defaultChildren = function defaultChildren(data, loading) {
|
|
22
|
-
return /*#__PURE__*/
|
|
12
|
+
return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(SearchField, null), /*#__PURE__*/React.createElement(SearchFacets, {
|
|
23
13
|
data: data,
|
|
24
14
|
loading: loading
|
|
25
|
-
}), /*#__PURE__*/
|
|
15
|
+
}), /*#__PURE__*/React.createElement(SearchSelectedFilters, {
|
|
26
16
|
data: data,
|
|
27
17
|
loading: loading
|
|
28
|
-
}), /*#__PURE__*/
|
|
18
|
+
}), /*#__PURE__*/React.createElement(SearchResults, {
|
|
29
19
|
data: data
|
|
30
|
-
}), /*#__PURE__*/
|
|
20
|
+
}), /*#__PURE__*/React.createElement(SearchPagination, {
|
|
31
21
|
data: data
|
|
32
22
|
}));
|
|
33
23
|
};
|
|
@@ -45,14 +35,14 @@ var SearchKit = function SearchKit(_ref) {
|
|
|
45
35
|
children = _ref.children,
|
|
46
36
|
_ref$defaultSorting = _ref.defaultSorting,
|
|
47
37
|
defaultSorting = _ref$defaultSorting === void 0 ? 'relevance' : _ref$defaultSorting;
|
|
48
|
-
var client =
|
|
49
|
-
return new
|
|
38
|
+
var client = useMemo(function () {
|
|
39
|
+
return new ApolloClient({
|
|
50
40
|
uri: uri,
|
|
51
|
-
cache: new
|
|
41
|
+
cache: new InMemoryCache()
|
|
52
42
|
});
|
|
53
43
|
}, [uri]);
|
|
54
|
-
var skClient =
|
|
55
|
-
var skClient = new
|
|
44
|
+
var skClient = useMemo(function () {
|
|
45
|
+
var skClient = new SearchkitClient();
|
|
56
46
|
skClient.updateBaseSearchState({
|
|
57
47
|
filters: defaultFilters,
|
|
58
48
|
query: defaultQuery,
|
|
@@ -64,12 +54,12 @@ var SearchKit = function SearchKit(_ref) {
|
|
|
64
54
|
});
|
|
65
55
|
return skClient;
|
|
66
56
|
}, [useRouting, defaultFilters, defaultQuery, pageSize, defaultSorting]);
|
|
67
|
-
return /*#__PURE__*/
|
|
57
|
+
return /*#__PURE__*/React.createElement(ApolloProvider, {
|
|
68
58
|
client: client
|
|
69
|
-
}, /*#__PURE__*/
|
|
59
|
+
}, /*#__PURE__*/React.createElement(SearchkitProvider, {
|
|
70
60
|
client: skClient,
|
|
71
61
|
key: "".concat(defaultQuery, "-").concat(defaultFilters.toString())
|
|
72
|
-
}, /*#__PURE__*/
|
|
62
|
+
}, /*#__PURE__*/React.createElement(Query, {
|
|
73
63
|
query: query,
|
|
74
64
|
useRouting: useRouting
|
|
75
65
|
}, function (data, loading) {
|
|
@@ -77,12 +67,12 @@ var SearchKit = function SearchKit(_ref) {
|
|
|
77
67
|
})));
|
|
78
68
|
};
|
|
79
69
|
SearchKit.propTypes = {
|
|
80
|
-
uri:
|
|
81
|
-
pageSize:
|
|
82
|
-
useRouting:
|
|
83
|
-
defaultFilters:
|
|
84
|
-
defaultQuery:
|
|
85
|
-
defaultSorting:
|
|
70
|
+
uri: PropTypes.string,
|
|
71
|
+
pageSize: PropTypes.number,
|
|
72
|
+
useRouting: PropTypes.bool,
|
|
73
|
+
defaultFilters: PropTypes.object,
|
|
74
|
+
defaultQuery: PropTypes.string,
|
|
75
|
+
defaultSorting: PropTypes.string
|
|
86
76
|
};
|
|
87
77
|
SearchKit.defaultProps = {
|
|
88
78
|
uri: null,
|
|
@@ -92,5 +82,4 @@ SearchKit.defaultProps = {
|
|
|
92
82
|
defaultQuery: '',
|
|
93
83
|
defaultSorting: 'relevance'
|
|
94
84
|
};
|
|
95
|
-
|
|
96
|
-
exports.default = _default;
|
|
85
|
+
export default SearchKit;
|
|
@@ -1,37 +1,30 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.default = void 0;
|
|
7
|
-
var _react = _interopRequireDefault(require("react"));
|
|
8
|
-
var _reactShare = require("react-share");
|
|
9
|
-
require("./style.scss");
|
|
10
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { EmailShareButton, FacebookShareButton, LinkedinShareButton, TwitterShareButton, WhatsappShareButton } from 'react-share';
|
|
3
|
+
import './style.scss';
|
|
11
4
|
var ShareButton = function ShareButton(_ref) {
|
|
12
5
|
var type = _ref.type,
|
|
13
6
|
pageTitle = _ref.pageTitle,
|
|
14
7
|
url = _ref.url,
|
|
15
8
|
_onClick = _ref.onClick;
|
|
16
9
|
var types = {
|
|
17
|
-
mail:
|
|
18
|
-
facebook:
|
|
19
|
-
linkedin:
|
|
20
|
-
twitter:
|
|
21
|
-
whatsapp:
|
|
10
|
+
mail: EmailShareButton,
|
|
11
|
+
facebook: FacebookShareButton,
|
|
12
|
+
linkedin: LinkedinShareButton,
|
|
13
|
+
twitter: TwitterShareButton,
|
|
14
|
+
whatsapp: WhatsappShareButton
|
|
22
15
|
};
|
|
23
16
|
var Component = types[type];
|
|
24
|
-
return /*#__PURE__*/
|
|
17
|
+
return /*#__PURE__*/React.createElement("div", {
|
|
25
18
|
className: "Share__item-wrapper",
|
|
26
19
|
onClick: function onClick() {
|
|
27
20
|
return _onClick(type);
|
|
28
21
|
}
|
|
29
|
-
}, /*#__PURE__*/
|
|
22
|
+
}, /*#__PURE__*/React.createElement(Component, {
|
|
30
23
|
body: pageTitle,
|
|
31
24
|
url: url
|
|
32
|
-
}, /*#__PURE__*/
|
|
25
|
+
}, /*#__PURE__*/React.createElement("div", {
|
|
33
26
|
className: "Share__item ".concat(type)
|
|
34
|
-
}, /*#__PURE__*/
|
|
27
|
+
}, /*#__PURE__*/React.createElement("div", {
|
|
35
28
|
className: "icon icon-".concat(type, " icon-variant-3")
|
|
36
29
|
}))));
|
|
37
30
|
};
|
|
@@ -43,7 +36,7 @@ var Share = function Share(_ref2) {
|
|
|
43
36
|
onClick = _ref2.onClick;
|
|
44
37
|
var windowUrl = url || window.location.href;
|
|
45
38
|
var buttons = items.map(function (item) {
|
|
46
|
-
return /*#__PURE__*/
|
|
39
|
+
return /*#__PURE__*/React.createElement(ShareButton, {
|
|
47
40
|
type: item,
|
|
48
41
|
key: "".concat(item, ":").concat(url),
|
|
49
42
|
pageTitle: pageTitle,
|
|
@@ -51,13 +44,13 @@ var Share = function Share(_ref2) {
|
|
|
51
44
|
url: windowUrl
|
|
52
45
|
});
|
|
53
46
|
});
|
|
54
|
-
return /*#__PURE__*/
|
|
47
|
+
return /*#__PURE__*/React.createElement("div", {
|
|
55
48
|
className: "Share"
|
|
56
|
-
}, /*#__PURE__*/
|
|
49
|
+
}, /*#__PURE__*/React.createElement("div", {
|
|
57
50
|
className: "Share__wrapper"
|
|
58
|
-
}, /*#__PURE__*/
|
|
51
|
+
}, /*#__PURE__*/React.createElement("div", {
|
|
59
52
|
className: "Share__title"
|
|
60
|
-
}, title), /*#__PURE__*/
|
|
53
|
+
}, title), /*#__PURE__*/React.createElement("div", {
|
|
61
54
|
className: "Share__buttons"
|
|
62
55
|
}, buttons)));
|
|
63
56
|
};
|
|
@@ -68,5 +61,4 @@ Share.defaultProps = {
|
|
|
68
61
|
items: ['mail', 'facebook', 'linkedin', 'twitter', 'whatsapp'],
|
|
69
62
|
onClick: function onClick() {}
|
|
70
63
|
};
|
|
71
|
-
|
|
72
|
-
exports.default = _default;
|
|
64
|
+
export default Share;
|
|
@@ -1,28 +1,21 @@
|
|
|
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 _reactSlick = _interopRequireDefault(require("react-slick"));
|
|
9
|
-
var _useValueForCurrentViewPort = _interopRequireDefault(require("../../../helpers/useValueForCurrentViewPort"));
|
|
10
|
-
require("./style.scss");
|
|
11
1
|
var _excluded = ["children", "title", "slidesToShow", "sliderRef"];
|
|
12
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
13
2
|
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
14
3
|
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
|
15
4
|
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
|
5
|
+
import React from 'react';
|
|
6
|
+
import Slider from 'react-slick';
|
|
7
|
+
import useValueForCurrentViewPort from '../../../helpers/useValueForCurrentViewPort';
|
|
8
|
+
import './style.scss';
|
|
16
9
|
var SliderNextArrow = function SliderNextArrow(_ref) {
|
|
17
10
|
var onClick = _ref.onClick;
|
|
18
|
-
return /*#__PURE__*/
|
|
11
|
+
return /*#__PURE__*/React.createElement("div", {
|
|
19
12
|
className: "SliderRelated__next",
|
|
20
13
|
onClick: onClick
|
|
21
14
|
});
|
|
22
15
|
};
|
|
23
16
|
var SliderPrevArrow = function SliderPrevArrow(_ref2) {
|
|
24
17
|
var onClick = _ref2.onClick;
|
|
25
|
-
return /*#__PURE__*/
|
|
18
|
+
return /*#__PURE__*/React.createElement("div", {
|
|
26
19
|
className: "SliderRelated__prev",
|
|
27
20
|
onClick: onClick
|
|
28
21
|
});
|
|
@@ -33,8 +26,8 @@ var SliderRelated = function SliderRelated(props) {
|
|
|
33
26
|
slidesToShow = props.slidesToShow,
|
|
34
27
|
sliderRef = props.sliderRef,
|
|
35
28
|
sliderProps = _objectWithoutProperties(props, _excluded);
|
|
36
|
-
var centerPadding = (
|
|
37
|
-
return /*#__PURE__*/
|
|
29
|
+
var centerPadding = useValueForCurrentViewPort('10%', '10%', '10%', '10%', '10%');
|
|
30
|
+
return /*#__PURE__*/React.createElement(Slider, _extends({}, sliderProps, {
|
|
38
31
|
centerPadding: centerPadding,
|
|
39
32
|
slidesToShow: slidesToShow,
|
|
40
33
|
ref: sliderRef
|
|
@@ -52,9 +45,8 @@ SliderRelated.defaultProps = {
|
|
|
52
45
|
pauseOnFocus: true,
|
|
53
46
|
accessibility: true,
|
|
54
47
|
touchMove: true,
|
|
55
|
-
nextArrow: /*#__PURE__*/
|
|
56
|
-
prevArrow: /*#__PURE__*/
|
|
48
|
+
nextArrow: /*#__PURE__*/React.createElement(SliderNextArrow, null),
|
|
49
|
+
prevArrow: /*#__PURE__*/React.createElement(SliderPrevArrow, null),
|
|
57
50
|
sliderRef: null
|
|
58
51
|
};
|
|
59
|
-
|
|
60
|
-
exports.default = _default;
|
|
52
|
+
export default SliderRelated;
|
|
@@ -1,31 +1,21 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
});
|
|
7
|
-
exports.default = void 0;
|
|
8
|
-
var _react = _interopRequireWildcard(require("react"));
|
|
9
|
-
var _classnames = _interopRequireDefault(require("classnames"));
|
|
10
|
-
var _useWindowDimensions2 = _interopRequireDefault(require("../../hooks/useWindowDimensions"));
|
|
11
|
-
var _constants = require("../../config/constants");
|
|
12
|
-
require("./style.scss");
|
|
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; }
|
|
1
|
+
import React, { useEffect, useRef } from 'react';
|
|
2
|
+
import c from 'classnames';
|
|
3
|
+
import useWindowDimensions from '../../hooks/useWindowDimensions';
|
|
4
|
+
import { SCREEN_TABLET } from '../../config/constants';
|
|
5
|
+
import './style.scss';
|
|
16
6
|
var TableRender = function TableRender(_ref) {
|
|
17
7
|
var element = _ref.element,
|
|
18
8
|
_ref$mobileCards = _ref.mobileCards,
|
|
19
9
|
mobileCards = _ref$mobileCards === void 0 ? false : _ref$mobileCards,
|
|
20
10
|
_ref$mobileCardsBreak = _ref.mobileCardsBreakpoint,
|
|
21
|
-
mobileCardsBreakpoint = _ref$mobileCardsBreak === void 0 ?
|
|
11
|
+
mobileCardsBreakpoint = _ref$mobileCardsBreak === void 0 ? SCREEN_TABLET : _ref$mobileCardsBreak,
|
|
22
12
|
_ref$transposeOnMobil = _ref.transposeOnMobile,
|
|
23
13
|
transposeOnMobile = _ref$transposeOnMobil === void 0 ? false : _ref$transposeOnMobil;
|
|
24
|
-
var _useWindowDimensions = (
|
|
14
|
+
var _useWindowDimensions = useWindowDimensions(),
|
|
25
15
|
width = _useWindowDimensions.width;
|
|
26
16
|
var isMobile = width < mobileCardsBreakpoint;
|
|
27
|
-
var tableRef =
|
|
28
|
-
|
|
17
|
+
var tableRef = useRef(null);
|
|
18
|
+
useEffect(function () {
|
|
29
19
|
if (isMobile && mobileCards && tableRef.current) {
|
|
30
20
|
var headerArr = [];
|
|
31
21
|
tableRef.current.querySelectorAll('thead th').forEach(function (th) {
|
|
@@ -50,15 +40,14 @@ var TableRender = function TableRender(_ref) {
|
|
|
50
40
|
}
|
|
51
41
|
}, [width, isMobile, mobileCards, transposeOnMobile]);
|
|
52
42
|
var displayMobileCards = isMobile && mobileCards;
|
|
53
|
-
var tableClassNames = (
|
|
43
|
+
var tableClassNames = c({
|
|
54
44
|
TableRender: !displayMobileCards,
|
|
55
45
|
'TableRender--cards-mobile': displayMobileCards,
|
|
56
46
|
'TableRender--transposedOnMobile': transposeOnMobile && !displayMobileCards
|
|
57
47
|
});
|
|
58
|
-
return /*#__PURE__*/
|
|
48
|
+
return /*#__PURE__*/React.createElement("div", {
|
|
59
49
|
ref: tableRef,
|
|
60
50
|
className: tableClassNames
|
|
61
51
|
}, element);
|
|
62
52
|
};
|
|
63
|
-
|
|
64
|
-
exports.default = _default;
|
|
53
|
+
export default TableRender;
|
|
@@ -1,16 +1,9 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
});
|
|
6
|
-
exports.default = void 0;
|
|
7
|
-
var _react = _interopRequireDefault(require("react"));
|
|
8
|
-
var _classnames = _interopRequireDefault(require("classnames"));
|
|
9
|
-
var _reactI18next = require("react-i18next");
|
|
10
|
-
require("./style.scss");
|
|
11
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import c from 'classnames';
|
|
3
|
+
import { useTranslation } from 'react-i18next';
|
|
4
|
+
import './style.scss';
|
|
12
5
|
var Tag = function Tag(props) {
|
|
13
|
-
var _useTranslation =
|
|
6
|
+
var _useTranslation = useTranslation(),
|
|
14
7
|
t = _useTranslation.t;
|
|
15
8
|
var name = props.name,
|
|
16
9
|
removable = props.removable,
|
|
@@ -18,14 +11,14 @@ var Tag = function Tag(props) {
|
|
|
18
11
|
deleteButtonAriaLabel = props.deleteButtonAriaLabel,
|
|
19
12
|
className = props.className,
|
|
20
13
|
onDelete = props.onDelete;
|
|
21
|
-
var classNames = (
|
|
14
|
+
var classNames = c('Tag', {
|
|
22
15
|
'Tag--stretch-clickable-area': stretchClickableArea
|
|
23
16
|
}, className);
|
|
24
|
-
return /*#__PURE__*/
|
|
17
|
+
return /*#__PURE__*/React.createElement("div", {
|
|
25
18
|
className: classNames
|
|
26
|
-
}, /*#__PURE__*/
|
|
19
|
+
}, /*#__PURE__*/React.createElement("span", {
|
|
27
20
|
className: "Tag__name"
|
|
28
|
-
}, name), removable && onDelete && /*#__PURE__*/
|
|
21
|
+
}, name), removable && onDelete && /*#__PURE__*/React.createElement("button", {
|
|
29
22
|
className: "Tag__delete-button icon-after icon-cross icon-variant-1",
|
|
30
23
|
type: "button",
|
|
31
24
|
"aria-label": deleteButtonAriaLabel || t('atoms.tag.delete'),
|
|
@@ -39,5 +32,4 @@ Tag.defaultProps = {
|
|
|
39
32
|
stretchClickableArea: true,
|
|
40
33
|
onDelete: function onDelete() {}
|
|
41
34
|
};
|
|
42
|
-
|
|
43
|
-
exports.default = _default;
|
|
35
|
+
export default Tag;
|