@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.
Files changed (168) hide show
  1. package/dist/Context/KitchenSinkComponentMapperContext.js +11 -3
  2. package/dist/Context/ViewportContext.js +32 -19
  3. package/dist/Context/withMapping.js +26 -15
  4. package/dist/components/AbbreviationAnnotation/index.js +49 -27
  5. package/dist/components/AbbreviationAnnotation/stories.js +32 -21
  6. package/dist/components/AbbreviationAnnotation/stories.scss +1 -1
  7. package/dist/components/AbbreviationAnnotation/style.scss +0 -2
  8. package/dist/components/Accordion/AccordionItem/index.js +56 -36
  9. package/dist/components/Accordion/AccordionItemVariant/index.js +47 -25
  10. package/dist/components/Accordion/index.js +17 -10
  11. package/dist/components/Accordion/stories.js +38 -24
  12. package/dist/components/ApiAutocomplete/index.js +79 -51
  13. package/dist/components/ApiAutocomplete/stories.js +18 -9
  14. package/dist/components/Button/index.js +53 -39
  15. package/dist/components/Button/stories.js +52 -30
  16. package/dist/components/Cookie/Checkbox/index.js +24 -17
  17. package/dist/components/Cookie/index.js +164 -118
  18. package/dist/components/Cookie/stories.js +57 -39
  19. package/dist/components/Dialog/index.d.ts +38 -0
  20. package/dist/components/Dialog/index.js +96 -0
  21. package/dist/components/Dialog/stories.js +42 -0
  22. package/dist/components/Dialog/style.scss +72 -0
  23. package/dist/components/FontSizeSwitcher/index.js +63 -31
  24. package/dist/components/FontSizeSwitcher/stories.js +23 -9
  25. package/dist/components/Form/Checkbox/index.js +43 -37
  26. package/dist/components/Form/Checkbox/stories.js +20 -11
  27. package/dist/components/Form/Checkboxes/index.js +62 -57
  28. package/dist/components/Form/Checkboxes/index.test.js +113 -62
  29. package/dist/components/Form/Checkboxes/stories.js +23 -12
  30. package/dist/components/Form/Date/index.js +13 -5
  31. package/dist/components/Form/Date/stories.js +18 -9
  32. package/dist/components/Form/DatePicker/index.js +40 -34
  33. package/dist/components/Form/DatePicker/stories.js +18 -9
  34. package/dist/components/Form/DateSelect/index.js +102 -66
  35. package/dist/components/Form/DateSelect/stories.js +33 -12
  36. package/dist/components/Form/Email/index.js +13 -5
  37. package/dist/components/Form/Email/stories.js +18 -9
  38. package/dist/components/Form/FormikWrapper/index.js +52 -45
  39. package/dist/components/Form/GenericFormElement/index.js +39 -34
  40. package/dist/components/Form/Number/index.js +23 -18
  41. package/dist/components/Form/Number/stories.js +18 -9
  42. package/dist/components/Form/RadioButtons/index.js +53 -49
  43. package/dist/components/Form/RadioButtons/index.test.js +106 -57
  44. package/dist/components/Form/RadioButtons/stories.js +23 -12
  45. package/dist/components/Form/SearchField/index.js +37 -30
  46. package/dist/components/Form/Select/Input/index.js +74 -70
  47. package/dist/components/Form/Select/index.js +32 -24
  48. package/dist/components/Form/Select/stories.js +25 -15
  49. package/dist/components/Form/TextField/index.js +38 -33
  50. package/dist/components/Form/TextField/index.test.js +104 -56
  51. package/dist/components/Form/TextField/stories.js +23 -12
  52. package/dist/components/Form/Textarea/index.js +34 -27
  53. package/dist/components/Form/Textarea/stories.js +18 -9
  54. package/dist/components/Hamburger/index.js +30 -19
  55. package/dist/components/Hamburger/stories.js +42 -16
  56. package/dist/components/Header/index.js +70 -42
  57. package/dist/components/Header/stories.js +48 -28
  58. package/dist/components/Image/Background/index.js +36 -21
  59. package/dist/components/Image/LazyLoadWrapper/index.js +101 -64
  60. package/dist/components/Image/Picture/index.js +83 -66
  61. package/dist/components/Image/index.js +21 -15
  62. package/dist/components/Image/stories.js +87 -64
  63. package/dist/components/InlineMenu/index.js +62 -42
  64. package/dist/components/InlineMenu/stories.js +66 -55
  65. package/dist/components/Layout/Container/index.js +29 -21
  66. package/dist/components/Layout/Container/stories.js +104 -83
  67. package/dist/components/Layout/QuickLayout/Auto/index.js +19 -12
  68. package/dist/components/Layout/QuickLayout/Center/index.js +17 -10
  69. package/dist/components/Layout/QuickLayout/Clamp/index.js +20 -13
  70. package/dist/components/Layout/QuickLayout/Sidebar/index.js +20 -13
  71. package/dist/components/Layout/QuickLayout/SpaceBetween/index.js +20 -13
  72. package/dist/components/Layout/QuickLayout/Stack/index.js +21 -11
  73. package/dist/components/Layout/QuickLayout/Wrap/index.js +21 -14
  74. package/dist/components/Layout/QuickLayout/index.js +31 -21
  75. package/dist/components/Layout/QuickLayout/stories.js +102 -70
  76. package/dist/components/Lottie/LottieAnimation/index.js +74 -71
  77. package/dist/components/Lottie/LottieAnimationWithMousePosition.js +33 -20
  78. package/dist/components/Lottie/index.js +47 -34
  79. package/dist/components/Lottie/stories.js +54 -31
  80. package/dist/components/MagicLine/index.js +52 -29
  81. package/dist/components/MagicLine/stories.js +60 -46
  82. package/dist/components/NavigationScroll/index.js +76 -57
  83. package/dist/components/NavigationScroll/stories.js +19 -8
  84. package/dist/components/Pagination/index.js +54 -41
  85. package/dist/components/Pagination/stories.js +51 -28
  86. package/dist/components/SearchKit/Facets/ChipFacet/index.js +24 -16
  87. package/dist/components/SearchKit/Facets/ListFacet/index.js +24 -15
  88. package/dist/components/SearchKit/Facets/SelectFacet/index.js +39 -30
  89. package/dist/components/SearchKit/Query/index.js +41 -23
  90. package/dist/components/SearchKit/SearchFacets/index.js +36 -25
  91. package/dist/components/SearchKit/SearchField/index.js +50 -26
  92. package/dist/components/SearchKit/SearchLoadMore/index.js +22 -15
  93. package/dist/components/SearchKit/SearchPage/index.js +26 -11
  94. package/dist/components/SearchKit/SearchPagination/index.js +17 -10
  95. package/dist/components/SearchKit/SearchReset/index.js +33 -12
  96. package/dist/components/SearchKit/SearchResults/index.js +114 -61
  97. package/dist/components/SearchKit/SearchSelectedFilters/Filters/CustomValue/index.js +22 -0
  98. package/dist/components/SearchKit/SearchSelectedFilters/Filters/DateRange/index.js +24 -0
  99. package/dist/components/SearchKit/SearchSelectedFilters/Filters/NumericRange/index.js +24 -0
  100. package/dist/components/SearchKit/SearchSelectedFilters/Filters/Value/index.js +29 -0
  101. package/dist/components/SearchKit/SearchSelectedFilters/index.js +43 -30
  102. package/dist/components/SearchKit/SearchSelectedFilters/style.scss +4 -0
  103. package/dist/components/SearchKit/SearchSorting/index.js +29 -19
  104. package/dist/components/SearchKit/index.js +75 -49
  105. package/dist/components/SearchKit/stories.js +144 -183
  106. package/dist/components/Share/index.js +51 -43
  107. package/dist/components/Share/stories.js +16 -5
  108. package/dist/components/Sliders/SliderRelated/index.js +32 -25
  109. package/dist/components/Sliders/SliderRelated/stories.js +75 -57
  110. package/dist/components/Webform/WebformActions/index.js +19 -13
  111. package/dist/components/Webform/WebformCheckbox/index.js +32 -24
  112. package/dist/components/Webform/WebformCheckboxes/index.js +37 -29
  113. package/dist/components/Webform/WebformContainer/index.js +17 -11
  114. package/dist/components/Webform/WebformDate/index.js +77 -48
  115. package/dist/components/Webform/WebformMapper/index.js +53 -38
  116. package/dist/components/Webform/WebformNumber/index.js +31 -22
  117. package/dist/components/Webform/WebformRadioButtons/index.js +37 -29
  118. package/dist/components/Webform/WebformSelect/index.js +37 -29
  119. package/dist/components/Webform/WebformTextField/index.js +34 -26
  120. package/dist/components/Webform/WebformTextarea/index.js +32 -24
  121. package/dist/components/Webform/WebformWizardPage/index.js +56 -43
  122. package/dist/components/Webform/index.js +42 -20
  123. package/dist/components/Webform/stories.actions.js +35 -24
  124. package/dist/components/Webform/stories.checkboxes.js +40 -29
  125. package/dist/components/Webform/stories.checked.js +53 -42
  126. package/dist/components/Webform/stories.container.js +47 -36
  127. package/dist/components/Webform/stories.date.js +35 -24
  128. package/dist/components/Webform/stories.filled.js +53 -42
  129. package/dist/components/Webform/stories.number.js +36 -25
  130. package/dist/components/Webform/stories.radiobuttons.js +40 -29
  131. package/dist/components/Webform/stories.select.js +40 -29
  132. package/dist/components/Webform/stories.textarea.js +19 -8
  133. package/dist/components/Webform/stories.textfield.js +19 -8
  134. package/dist/components/Webform/stories.wizard.js +133 -122
  135. package/dist/components/Webform/withStates.js +49 -28
  136. package/dist/components/WysiwygField/index.js +30 -21
  137. package/dist/components/WysiwygField/stories.js +39 -29
  138. package/dist/components/index.js +111 -15
  139. package/dist/config/constants.js +38 -18
  140. package/dist/config/i18next/index.js +19 -11
  141. package/dist/config/i18next/locales/en.json +4 -0
  142. package/dist/config/i18next/locales/nl.json +7 -0
  143. package/dist/helpers/date.js +16 -0
  144. package/dist/helpers/gtm.js +27 -17
  145. package/dist/helpers/link.js +15 -6
  146. package/dist/helpers/useValueForCurrentViewPort.js +27 -10
  147. package/dist/hooks/useBoolean.d.ts +8 -0
  148. package/dist/hooks/useBoolean.js +38 -0
  149. package/dist/hooks/useClickOutside.d.ts +8 -0
  150. package/dist/hooks/useClickOutside.js +35 -0
  151. package/dist/hooks/useDialog.d.ts +10 -0
  152. package/dist/hooks/useDialog.js +39 -0
  153. package/dist/hooks/useDialogHelpers.d.ts +20 -0
  154. package/dist/hooks/useDialogHelpers.js +85 -0
  155. package/dist/hooks/useEscape.d.ts +6 -0
  156. package/dist/hooks/useEscape.js +24 -0
  157. package/dist/hooks/useOnScreen.js +27 -6
  158. package/dist/hooks/usePrevious.js +11 -6
  159. package/dist/hooks/useScrollPosition.js +25 -7
  160. package/dist/hooks/useTrapFocus.d.ts +10 -0
  161. package/dist/hooks/useTrapFocus.js +63 -0
  162. package/dist/hooks/useWindowDimensions.js +27 -11
  163. package/dist/index.js +398 -55
  164. package/dist/setupTests.js +9 -5
  165. package/package.json +44 -19
  166. package/dist/components/Form/SearchField/stories.js +0 -0
  167. package/dist/components/SearchKit/Facets/HierarchicalFilterFacet/index.js +0 -60
  168. 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';