@uncinc/uncinc-react-kitchen-sink 2.3.6 → 2.4.1
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 +32 -19
- package/dist/Context/withMapping.js +26 -15
- package/dist/components/AbbreviationAnnotation/index.js +49 -27
- package/dist/components/AbbreviationAnnotation/stories.js +32 -21
- package/dist/components/AbbreviationAnnotation/stories.scss +1 -1
- package/dist/components/AbbreviationAnnotation/style.scss +0 -2
- package/dist/components/Accordion/AccordionItem/index.js +56 -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 +53 -39
- package/dist/components/Button/stories.js +52 -30
- package/dist/components/Cookie/Checkbox/index.js +24 -17
- package/dist/components/Cookie/index.js +164 -118
- package/dist/components/Cookie/stories.js +57 -39
- package/dist/components/Dialog/index.d.ts +38 -0
- package/dist/components/Dialog/index.js +96 -0
- package/dist/components/Dialog/stories.js +42 -0
- package/dist/components/Dialog/style.scss +72 -0
- package/dist/components/FontSizeSwitcher/index.js +63 -31
- 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 -34
- package/dist/components/Form/DatePicker/stories.js +18 -9
- package/dist/components/Form/DateSelect/index.js +102 -66
- package/dist/components/Form/DateSelect/stories.js +33 -12
- 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 +74 -70
- package/dist/components/Form/Select/index.js +32 -24
- package/dist/components/Form/Select/stories.js +25 -15
- package/dist/components/Form/TextField/index.js +38 -33
- package/dist/components/Form/TextField/index.test.js +104 -56
- package/dist/components/Form/TextField/stories.js +23 -12
- package/dist/components/Form/Textarea/index.js +34 -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 +70 -42
- 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 -66
- package/dist/components/Image/index.js +21 -15
- package/dist/components/Image/stories.js +87 -64
- package/dist/components/InlineMenu/index.js +62 -42
- package/dist/components/InlineMenu/stories.js +66 -55
- package/dist/components/Layout/Container/index.js +29 -21
- package/dist/components/Layout/Container/stories.js +104 -83
- 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 +74 -71
- package/dist/components/Lottie/LottieAnimationWithMousePosition.js +33 -20
- package/dist/components/Lottie/index.js +47 -34
- package/dist/components/Lottie/stories.js +54 -31
- package/dist/components/MagicLine/index.js +52 -29
- package/dist/components/MagicLine/stories.js +60 -46
- package/dist/components/NavigationScroll/index.js +76 -57
- package/dist/components/NavigationScroll/stories.js +19 -8
- package/dist/components/Pagination/index.js +54 -41
- package/dist/components/Pagination/stories.js +51 -28
- package/dist/components/SearchKit/Facets/ChipFacet/index.js +24 -16
- package/dist/components/SearchKit/Facets/ListFacet/index.js +24 -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 -25
- package/dist/components/SearchKit/SearchField/index.js +50 -26
- package/dist/components/SearchKit/SearchLoadMore/index.js +22 -15
- package/dist/components/SearchKit/SearchPage/index.js +26 -11
- package/dist/components/SearchKit/SearchPagination/index.js +17 -10
- package/dist/components/SearchKit/SearchReset/index.js +33 -12
- package/dist/components/SearchKit/SearchResults/index.js +114 -61
- package/dist/components/SearchKit/SearchSelectedFilters/Filters/CustomValue/index.js +22 -0
- package/dist/components/SearchKit/SearchSelectedFilters/Filters/DateRange/index.js +24 -0
- package/dist/components/SearchKit/SearchSelectedFilters/Filters/NumericRange/index.js +24 -0
- package/dist/components/SearchKit/SearchSelectedFilters/Filters/Value/index.js +29 -0
- package/dist/components/SearchKit/SearchSelectedFilters/index.js +43 -30
- package/dist/components/SearchKit/SearchSelectedFilters/style.scss +4 -0
- package/dist/components/SearchKit/SearchSorting/index.js +29 -19
- package/dist/components/SearchKit/index.js +75 -49
- package/dist/components/SearchKit/stories.js +144 -183
- package/dist/components/Share/index.js +51 -43
- 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 +77 -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 +35 -24
- package/dist/components/Webform/stories.checkboxes.js +40 -29
- package/dist/components/Webform/stories.checked.js +53 -42
- package/dist/components/Webform/stories.container.js +47 -36
- package/dist/components/Webform/stories.date.js +35 -24
- package/dist/components/Webform/stories.filled.js +53 -42
- package/dist/components/Webform/stories.number.js +36 -25
- package/dist/components/Webform/stories.radiobuttons.js +40 -29
- package/dist/components/Webform/stories.select.js +40 -29
- 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 +133 -122
- package/dist/components/Webform/withStates.js +49 -28
- package/dist/components/WysiwygField/index.js +30 -21
- 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/config/i18next/locales/en.json +4 -0
- package/dist/config/i18next/locales/nl.json +7 -0
- package/dist/helpers/date.js +16 -0
- 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.js +85 -0
- 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 +11 -6
- 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 -55
- package/dist/setupTests.js +9 -5
- package/package.json +44 -19
- package/dist/components/Form/SearchField/stories.js +0 -0
- package/dist/components/SearchKit/Facets/HierarchicalFilterFacet/index.js +0 -60
- package/dist/components/SearchKit/Facets/HierarchicalMenuFacet/index.js +0 -60
|
@@ -1,60 +0,0 @@
|
|
|
1
|
-
import React, { Fragment, useRef } from 'react';
|
|
2
|
-
import { EuiFacetGroup, EuiTitle, EuiFacetButton } from '@elastic/eui';
|
|
3
|
-
import { useSearchkit, FilterLink } from '@searchkit/client';
|
|
4
|
-
const EntriesList = ({
|
|
5
|
-
entries,
|
|
6
|
-
loading,
|
|
7
|
-
facet
|
|
8
|
-
}) => {
|
|
9
|
-
console.log('entries', entries);
|
|
10
|
-
const api = useSearchkit();
|
|
11
|
-
const entriesElements = entries.map(entry => {
|
|
12
|
-
const ref = useRef();
|
|
13
|
-
return /*#__PURE__*/React.createElement(Fragment, {
|
|
14
|
-
key: entry.label
|
|
15
|
-
}, /*#__PURE__*/React.createElement(EuiFacetButton, {
|
|
16
|
-
style: {
|
|
17
|
-
height: '28px',
|
|
18
|
-
marginTop: 0,
|
|
19
|
-
marginBottom: 0
|
|
20
|
-
},
|
|
21
|
-
quantity: entry.count,
|
|
22
|
-
isSelected: api.isFilterSelected({
|
|
23
|
-
identifier: facet.identifier,
|
|
24
|
-
value: entry.label,
|
|
25
|
-
level: entry.level
|
|
26
|
-
}),
|
|
27
|
-
isLoading: loading,
|
|
28
|
-
onClick: e => {
|
|
29
|
-
ref.current.onClick(e);
|
|
30
|
-
}
|
|
31
|
-
}, /*#__PURE__*/React.createElement(FilterLink, {
|
|
32
|
-
ref: ref,
|
|
33
|
-
filter: {
|
|
34
|
-
identifier: facet.identifier,
|
|
35
|
-
value: entry.label,
|
|
36
|
-
level: entry.level
|
|
37
|
-
}
|
|
38
|
-
}, entry.label)), /*#__PURE__*/React.createElement("div", {
|
|
39
|
-
style: {
|
|
40
|
-
marginLeft: '10px'
|
|
41
|
-
}
|
|
42
|
-
}, entry.entries && /*#__PURE__*/React.createElement(EntriesList, {
|
|
43
|
-
entries: entry.entries,
|
|
44
|
-
loading: loading,
|
|
45
|
-
facet: facet
|
|
46
|
-
})));
|
|
47
|
-
});
|
|
48
|
-
return /*#__PURE__*/React.createElement(EuiFacetGroup, null, entriesElements);
|
|
49
|
-
};
|
|
50
|
-
export const HierarchicalFilterFacet = ({
|
|
51
|
-
facet,
|
|
52
|
-
loading
|
|
53
|
-
}) => /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(EuiTitle, {
|
|
54
|
-
size: "xxs"
|
|
55
|
-
}, /*#__PURE__*/React.createElement("h3", null, facet.label)), /*#__PURE__*/React.createElement(EntriesList, {
|
|
56
|
-
entries: facet.entries,
|
|
57
|
-
facet: facet,
|
|
58
|
-
loading: loading
|
|
59
|
-
}));
|
|
60
|
-
HierarchicalFilterFacet.DISPLAY = 'HierarchicalFilterFacet';
|
|
@@ -1,60 +0,0 @@
|
|
|
1
|
-
import React, { Fragment, useRef } from 'react';
|
|
2
|
-
import { EuiFacetGroup, EuiTitle, EuiFacetButton } from '@elastic/eui';
|
|
3
|
-
import { useSearchkit, FilterLink } from '@searchkit/client';
|
|
4
|
-
const EntriesList = ({
|
|
5
|
-
entries,
|
|
6
|
-
loading,
|
|
7
|
-
facet
|
|
8
|
-
}) => {
|
|
9
|
-
console.log('entries', entries);
|
|
10
|
-
const api = useSearchkit();
|
|
11
|
-
const entriesElements = entries.map(entry => {
|
|
12
|
-
const ref = useRef();
|
|
13
|
-
return /*#__PURE__*/React.createElement(Fragment, {
|
|
14
|
-
key: entry.label
|
|
15
|
-
}, /*#__PURE__*/React.createElement(EuiFacetButton, {
|
|
16
|
-
style: {
|
|
17
|
-
height: '28px',
|
|
18
|
-
marginTop: 0,
|
|
19
|
-
marginBottom: 0
|
|
20
|
-
},
|
|
21
|
-
quantity: entry.count,
|
|
22
|
-
isSelected: api.isFilterSelected({
|
|
23
|
-
identifier: facet.identifier,
|
|
24
|
-
value: entry.label,
|
|
25
|
-
level: entry.level
|
|
26
|
-
}),
|
|
27
|
-
isLoading: loading,
|
|
28
|
-
onClick: e => {
|
|
29
|
-
ref.current.onClick(e);
|
|
30
|
-
}
|
|
31
|
-
}, /*#__PURE__*/React.createElement(FilterLink, {
|
|
32
|
-
ref: ref,
|
|
33
|
-
filter: {
|
|
34
|
-
identifier: facet.identifier,
|
|
35
|
-
value: entry.label,
|
|
36
|
-
level: entry.level
|
|
37
|
-
}
|
|
38
|
-
}, entry.label)), /*#__PURE__*/React.createElement("div", {
|
|
39
|
-
style: {
|
|
40
|
-
marginLeft: '10px'
|
|
41
|
-
}
|
|
42
|
-
}, entry.entries && /*#__PURE__*/React.createElement(EntriesList, {
|
|
43
|
-
entries: entry.entries,
|
|
44
|
-
loading: loading,
|
|
45
|
-
facet: facet
|
|
46
|
-
})));
|
|
47
|
-
});
|
|
48
|
-
return /*#__PURE__*/React.createElement(EuiFacetGroup, null, entriesElements);
|
|
49
|
-
};
|
|
50
|
-
export const HierarchicalMenuFacet = ({
|
|
51
|
-
facet,
|
|
52
|
-
loading
|
|
53
|
-
}) => /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(EuiTitle, {
|
|
54
|
-
size: "xxs"
|
|
55
|
-
}, /*#__PURE__*/React.createElement("h3", null, facet.label)), /*#__PURE__*/React.createElement(EntriesList, {
|
|
56
|
-
entries: facet.entries,
|
|
57
|
-
facet: facet,
|
|
58
|
-
loading: loading
|
|
59
|
-
}));
|
|
60
|
-
HierarchicalMenuFacet.DISPLAY = 'HierarchicalMenuFacet';
|